
/**
 * HDN Base Styles
 */

body {
 background-color: #000000;
}

img {
 border-style: none;
}

.centered {
 margin: 0px auto 0px auto;
}

.italic {
 font-style: italic;
}

.bold {
 font-weight: bold;
}

.bold_red {
 color: #ff0000;
 font-weight: bold;
}

.bigpad {
 padding: 4px 0px 4px 0px;
}

.align_right {
 text-align: right;
}

.hdn_text {
 line-height: 14px;
}

.hdn_title {
 color: #666666;
}

.hdn_green {
 color: #99cc33;
}

.hdn_page_title {
 font-family: arial, sans-serif;
 font-size: 20px;
 font-weight: bold;
 color: #666666;
 padding: 0px 0px 6px 0px;
}

.hdn_page_subtitle, .hdn_page_faqtitle {
 font-family: arial, sans-serif;
 font-size: 14px;
 font-weight: bold;
 color: #666666;
 padding: 6px 0px 4px 0px;
}

.hdn_page_text {
 font-family: arial, sans-serif;
 font-size: 12px;
 color: #000000;
 line-height: 16px;
 padding: 0px 0px 10px 0px;
}

.hdn_faq_entry {
 padding: 10px 0px 0px 0px;
}

.hdn_page_fieldset {
 padding: 0px 0px 10px 0px;
}

.hdn_page_link {
 color: #999900;
 font-weight: bold;
}

.hdn_page_link a {
 color: #999900;
}

.hdn_page_link a:visited {
 color: #999900;
}

.hdn_page_link a:hover {
 color: #666666;
}

.modal_window input {
 z-index: 20;
}

/**
 * HDN Header and Page Layout
 */

div#hdn_page {
}

div#hdn_content {
 width: 925px;
 margin: 0px auto 0px auto;
}

div#hdn_header_register {
 position: absolute;
 height: 20px;
 line-height: 20px;
 top: 20px;
 right: 0px;
 font-size: 10px;
 font-family: arial, sans-serif;
}

div#hdn_header_login {
 width: 300px;
 position: absolute;
 top: 50px;
 right: 0px;
 font-size: 12px;
 line-height: 16px;
 font-family: arial, sans-serif;
 color: #999999;
}

input.hdn_header_text {
 color: #999999;
 padding: 2px;
 background-color: #000000;
 font-family: arial, sans-serif;
 font-size: 10px;
 border: 1px solid #97ca33;
}

div#hdn_header_nav {
 width: 424px;
 height: 40px;
 position: absolute;
 right: 0px;
 bottom: 0px;
 background-image: url('../../graphics/header_navbackground_center_1x40.png');
 background-repeat: repeat-x;
}

img#hdn_header_nav_left {
 position: absolute;
 top: 0px;
 left: 0px;
}

img#hdn_header_nav_right {
 position: absolute;
 top: 0px;
 right: 0px;
}

img#hdn_header_nav_overview {
 position: absolute;
 top: 11px;
 left: 25px;
}

img#hdn_header_nav_resources {
 position: absolute;
 top: 11px;
 left: 163px;
}

img#hdn_header_nav_support {
 position: absolute;
 top: 11px;
 left: 340px;
}

img#hdn_header_nav_myapps {
 position: absolute;
 top: 11px;
 left: 313px;
}

/*
 * HDN Edge Box
 */

div.hdn_edgebox_border {
 height: 5px;
 position: relative;
}

div.hdn_edgebox_border_1a1a1a {
 height: 5px;
 position: relative;
 background-color: #1a1a1a;
}

div.hdn_edgebox_border .leftcorner, div.hdn_edgebox_border_1a1a1a .leftcorner {
 float: left;
}

div.hdn_edgebox_border .rightcorner, div.hdn_edgebox_border_1a1a1a .rightcorner {
 float: right;
}

div.hdn_edgebox_border .border_top, div.hdn_edgebox_border_1a1a1a .border_top {
 position: absolute;
 top: 0px;
 left: 6px;
}

div.hdn_edgebox_border .border_bottom, div.hdn_edgebox_border_1a1a1a .border_bottom {
 position: absolute;
 bottom: 0px;
 left: 6px;
}

.border_top img {
 position: absolute;
 top: 0px;
}

.border_bottom img {
 position: absolute;
 bottom: 0px;
}

div.hdn_edgebox_middle {
 background-color: #6b8f00;
}

div.hdn_edgebox_content {
 background-color: #000000;
 margin: 0px auto 0px auto;
}

div.hdn_edgebox_content_1a1a1a {
 background-color: #1a1a1a;
 margin: 0px auto 0px auto;
}

div.hdn_edgebox_margin {
 clear: both;
}

img.hdn_edgebox_title {
 padding: 6px 0px 4px 0px;
 display: block;
}

img.hdn_edgebox_title_bar {
 padding: 0px 0px 6px 0px;
 display: block;
}

div.hdn_edgebox_subhead {
 color: #999999;
 font-family: arial, sans-serif;
 font-size: 12px;
 margin-bottom: 10px;
}

div.hdn_edgebox_text {
 color: #ffffff;
 font-family: arial, sans-serif;
 font-size: 12px;
}

div.hdn_edgebox_link {
 color: #99cc33;
 margin-left: 6px;
 padding: 1px 0px 1px 0px;
}

div.hdn_edgebox_link_nopad {
 color: #99cc33;
 margin-left: 6px;
}

div.hdn_edgebox_link_bigpad {
 color: #99cc33;
 margin-left: 6px;
 padding: 4px 0px 4px 0px;
}

div.hdn_edgebox_sublink {
 margin-left: 16px;
}

div.hdn_edgebox_link a, div.hdn_edgebox_link_nopad a, div.hdn_edgebox_link_bigpad a, div.hdn_edgebox_text a {
 color: #99cc33;
}

div.hdn_edgebox_link a:visited, div.hdn_edgebox_link_nopad a:visited, div.hdn_edgebox_link_bigpad a:visited, div.hdn_edgebox_text a:visited {
 color: #99cc33;
}

div.hdn_edgebox_link a:hover, div.hdn_edgebox_link_nopad a:hover, div.hdn_edgebox_link_bigpad a:hover, div.hdn_edgebox_text a:hover {
 color: #ccff99;
}

div.hdn_edgebox_sublink a {
 font-weight: normal;
}

/*
 * HDN Footer
 */

div#hdn_footer {
 font-family: arial, sans-serif;
 font-size: 10px;
 margin-top: 10px;
 clear: both;
}

div#hdn_footer_left {
 float: left;
 color: #666666;
 width: 690px;
}

div#hdn_footer_right {
 float: right;
}

div#hdn_footer_right div.hdn_edgebox_link {
 float: left;
 font-size: 10px;
}

div#hdn_footer_clear {
 clear: both;
}

/*
 * HDN Home Page
 */

div#hdn_home_main {
 width: 925px;
 height: 250px;
 position: relative;
 margin-bottom: 10px;
}

div#hdn_home_tier2 {
 width: 925px;
 height: 140px;
 position: relative;
 margin-bottom: 10px;
}

div#hdn_home_tier2_left {
 float: left;
 width: 340px;
 height: 140px;
 position: relative;
}

div#hdn_home_tier2_center {
 width: 340px;
 height: 140px;
 margin-left: 350px;
 position: relative;
}

div#hdn_home_tier2_right {
 float: right;
 width: 225px;
 height: 140px;
 position: relative;
}

div#hdn_home_tier3 {
 clear: both;
 width: 925px;
 height: 200px;
 position: relative;
 margin-bottom: 10px;
}

div#hdn_home_tier3_left {
 float: left;
 width: 290px;
 height: 200px;
}

div#hdn_home_tier3_center {
 width: 300px;
 height: 200px;
 margin-left: 300px;
}

div#hdn_home_tier3_right {
 float: right;
 width: 315px;
 height: 200px;
}

div#hdn_home_featuredapps {
 width: 268px;
 height: 60px;
 margin: 0px auto 0px auto;
 position: relative;
}

img#hdn_home_featuredapp_leftarrow {
 position: absolute;
 top: 14px;
 left: 25px;
}

img#hdn_home_featuredapp_rightarrow {
 position: absolute;
 top: 14px;
 left: 222px;
}

div#hdn_home_featured_app_a_container {
 position: absolute;
 top: 10px;
 left: 58px;
 opacity: .5;
 filter: alpha(opacity=50);
}

div#hdn_home_featured_app_a_container img {
 border: 1px solid white;
}

div#hdn_home_featured_app_b_container {
 position: absolute;
 width: 52px;
 height: 52px;
 top: 4px;
 left: 108px;
}

div#hdn_home_featured_app_b_container img {
 border: 1px solid #99cc33;
 padding: 2px;
 margin: auto auto;
}

div#hdn_home_featured_app_c_container {
 position: absolute;
 top: 10px;
 left: 170px;
 opacity: .5;
 filter: alpha(opacity=50);
}

div#hdn_home_featured_app_c_container img {
 border: 1px solid white;
}

/**
 * HDN Level 2 Page
 */

div#hdn_level2_left {
 width: 225px;
 float: left;
}

div#hdn_level2_content {
 width: 690px;
 float: right;
}

div#hdn_level2_content_main {
 width: 690px;
 background-color: #ffffff;
 margin-bottom: 10px;
}

div.hdn_level2_content_border {
 width: 100%;
 height: 5px;
 background-color: #ffffff;
}

img.hdn_level2_content_border_left {
 float: left;
}

img.hdn_level2_content_border_right {
 float: right;
}

div.hdn_level2_content_main_content {
 width: 670px;
 margin: 10px auto 10px auto;
 color: #000000;
}

/**
 * HDN Dashboard Styles
 */
div.hdn_dashboard_list {
 width: 670px;
 margin: 0px auto 0px auto;
 clear: both;
}

div.hdn_dashboard_list_row {
 clear: both;
}

div.hdn_dashboard_header_column {
 float: left;
 font-family: arial, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #666666;
}

div.hdn_dashboard_list_column {
 float: left;
 font-family: arial, sans-serif;
 font-size: 11px;
 line-height: 25px;
 color: #666666;
}

div.hdn_dashboard_list_row div.app_name {
 width: 170px;
}

div.hdn_dashboard_list_row div.app_id {
 width: 120px;
 margin-left: 10px;
}

div.hdn_dashboard_list_row div.app_version {
 width: 60px;
 margin-left: 10px;
}

div.hdn_dashboard_list_row div.app_status {
 width: 140px;
 margin-left: 10px;
}

div.hdn_dashboard_list_row div.app_updated {
 width: 140px;
 margin-left: 530px;
 float: none;
}

div.hdn_dashboard_app {
 position: fixed;
 z-index: 10;
 top: 150px;
 left: 190px;
 background-color: #000000;
}

div.hdn_dashboard_app_content_main {
 width: 490px;
 background-color: #ffffff;
}

div.hdn_dashboard_app_content_main_content {
 width: 470px;
 margin: 10px auto 0px auto;
}

/**
 * HDN List Styles
 */
ul.hdn_bullets {
 margin-top: 0px;
 font-family: arial, sans-serif;
 font-size: 12px;
 line-height: 16px;
}

ul.hdn_bullets li {
 margin-bottom: 6px;
}

ul.hdn_bullets li div {
 color: #000000;
 margin-bottom: 10px;
}


/**
 * HDN Text Styles
 */

div.hdn_form_header {
 font-family: arial, sans-serif;
 font-weight: bold;
 font-size: 14px;
 color: #000000;
 padding: 0px 0px 6px 0px;
}

div.hdn_form_text {
 font-family: arial, sans-serif;
 font-size: 12px;
 color: #000000;
 line-height: 16px;
 padding: 0px 0px 10px 0px;
}

div.hdn_text_break {
 margin-bottom: 10px;
}

div.hdn_form_note {
 font-family: arial, sans-serif;
 font-size: 11px;
 font-style: italic;
 padding: 0px 0px 10px 0px;
 line-height: 15px;
}

/**
 * HDN Form Styles
 */

div.input_row {
 width: 375px;
 height: 24px;
 line-height: 23px;
 margin: 0px;
 position: relative;
}

div.input_row_description {
 margin: 0px 0px 10px 150px;
 line-height: 15px;
 font-family: arial, sans-serif;
 font-size: 11px;
 font-style: italic;
}

div.input_row_textarea {
 height: 108px;
}

div.input_row_button {
 width: 100%;
 margin: 10px auto 10px auto;
 text-align: center;
}

div.input_row div.input_label {
 float: left;
 width: 140px;
 text-align: right;
 font-family: arial, sans-serif;
 font-size: 11px;
}

div.input_row div.input_note {
 float: left;
 position: relative;
 top: 2px;
 left: 20px;
 color: #999999;
 font-family: arial, sans-serif;
 font-weight: bold;
 font-style: italic;
 font-size: 9px;
}

div.input_row div.input_description {
 position: absolute;
 top: 0px;
 left: 150px;
 font-family: arial, sans-serif;
 font-size: 11px;
}

div.input_row div.input_required {
 float: left;
 position: relative;
 top: 3px;
 left: 20px;
 color: #ff0000;
 font-weight: bold;
 line-height: 21px;
}

div.input_row input.text {
 float: left;
 position: relative;
 top: 2px;
 left: 10px;
 font-family: arial, sans-serif;
 font-size: 11px;
 padding: 2px;
 border: 1px solid #b3d66e;
}

div.input_row .button {
 position: absolute;
 top: 5px;
 right: 0px;
}

div.input_row select {
 position: relative;
 float: left;
 top: 1px;
 left: 10px;
 padding: 2px;
 font-family: arial, sans-serif;
 font-size: 11px;
 border: 1px solid #b3d66e;
}

div.input_row select#user_birth_month {
 width: 90px;
}

div.input_row select#user_birth_day {
 width: 50px;
 left: 20px;
}

div.input_row select#user_birth_year {
 width: 60px;
 left: 30px;
}

div.input_row textarea {
 height: 100px;
 float: left;
 position: relative;
 left: 10px;
 padding: 2px;
 font-family: arial, sans-serif;
 font-size: 11px;
 border: 1px solid #b3d66e;
}

div.input_row input.submit {
 font-family: arial, sans-serif;
 font-size: 11px;
 margin: 10px auto 0px auto;
}

div.input_row div.list_row {
 line-height: 21px;
 position: absolute;
 top: 0px;
 left: 200px;
}

div.checkbox_input_row {
 line-height: 21px;
 margin: 0px 0px 0px 0px;
 position: relative;
}

div.checkbox_input_row div.input_checkbox {
 float: left;
 position: relative;
 text-align: center;
}

div.checkbox_input_row div.input_checkbox input.checkbox {
}

div.checkbox_input_row div.input_description {
 float: left;
 position: relative;
 left: 6px;
 font-family: arial, sans-serif;
 font-size: 11px;
}

input.deactive {
 color: gray;
}

/**
 * Table Styles
 */

div.hdn_page_table_title {
 font-family: arial, sans-serif;
 font-size: 14px;
 font-weight: bold;
 text-align: center;
 color: #666666;
 margin-bottom: 10px;
}

table.hdn_page_table {
 font-family: arial, sans-serif;
 font-size: 12px;
 line-height: 16px;
 margin: 0px auto 10px auto;
 border-color: #666666;
 border-collapse: separate;
}

table.hdn_page_table tr.hdn_page_table_header td {
 text-align: center;
 font-weight: bold;
}

table.hdn_page_table tr {
 background-color: #efefef;
}

table.hdn_page_table td {
 padding: 2px 6px 2px 6px;
}

/**
 * Link styles.
 */

a {
 text-decoration: none;
 color: #999900;
 font-weight: bold;
}

a:visited {
 color: #999900;
}

a:hover {
 color: #666666;
 outline: none;
}

a:focus {
 outline: none;
}

a:active {
 outline: none;
}

.hdn_page_text a, .hdn_bullets a {
 text-decoration: underline;
}

/**
 * Footer definitions.
 */

div.footer_text {
 color: #ffffff;
 font-family: verdana, sans-serif;
 font-size: 9px;
}

div.footer_text a {
 text-decoration: underline;
 color: #ffffff;
}

div.footer_text a:visited {
 color: #ffffff;
}

div.footer_text a:hover {
 color: #e8e8e9;
}