html { min-height: 100%; margin-bottom: 1px;}
body {font-family: Tahoma, 'Lucida Grande', Arial, Helvetica, Verdana, sans-serif; font-weight: normal; font-size: 11px; color: #CCCCCC; padding: 0; margin: 0; background-color: #666666;/* background: url(/images/v3/bkg.gif) repeat top left; */}
body a {color: #6D84B4;}
textarea {font-family: Tahoma, 'Lucida Grande', Arial, Helvetica, Verdana, sans-serif; font-weight: normal; font-size: 11px; background-color: #666666; border-color: #666666; color: white;}
div.clearer {clear: both; line-height: 0.1; margin: 0; padding: 0;}  /* line-height: 0; height: 0px; overflow: hidden; margin: 0; padding: 0; */

form, .user_edit {padding: 0; margin: 0; color: #CCCCCC;}
form .prompt, .user_edit .prompt {font-weight: bold; text-align: right;}
form .value, .user_edit .value {}
form a, .user_edit a, .list_table a {color: #6D84B4;}
form .note {display: block; font-size: 10px; font-style: normal;}
form .note a, form .terms a {color: #6D84B4;}
input {font-family: Tahoma, 'Lucida Grande', Arial, Helvetica, Verdana, sans-serif; font-weight: normal; font-size: 11px; margin: 0;}
.textfield {border: 1px solid #666666; background-color: #666666; color: white;}
.textfield:disabled {color: #999999;}
select {border: 1px solid #666666; background-color: #666666; color: white; font-size: 11px;}
select:disabled {color: #999999;}
.submit_button, .button-bar input {border: 1px solid #6D84B4; background-color: #6D84B4; color: white; font-weight: bold;}
.submit_button:disabled, .button-bar input:disabled {color: #A5B4D1;}
.button-bar {margin-top: 7px;}
.button-bar a {margin-left: 5px; color: white; font-weight: bold;}

.list_table {color: #CCCCCC;}
.list_table .heading {font-weight: bold; text-align: left;}

#top_container {position: relative; top: 0; width: 755px /* 742 */; top: 0px; margin-top: 0px; margin-bottom:0px; padding: 0; margin-left: auto; margin-right: auto; background-color: transparent;}
#container {position: relative; top: 0; left: 0; width: 755px /* 742 */; top: 100px; margin-top: 0px; margin-bottom:0px; padding: 0; margin-left: auto; margin-right: auto; background-color: black; border: 7px solid black; z-index: 1;}


/* outer corners */
.cornerOutTR { 	
	position: relative;
	display: block;
	width: 12px;
	height: 12px;
	margin: -7px -7px 0 0;
	float: right;
	background: url(/images/v3/corner-out-tr.png) no-repeat top right; 	
	overflow: hidden;
}
.cornerOutTL { 
    position: relative;
	background: url(/images/v3/corner-out-tl.png) no-repeat top right; 
	width: 12px;
	height: 12px;
	margin: -7px 0 0 -7px;
	float: left;
	display: block;
	overflow: hidden;
}
.cornerOutBR { 	
	position: relative;
	z-index: 0;
	display: block;
	width: 12px;
	height: 12px;
	margin: 0 -7px -7px 0;
	float: right;
	background: url(/images/v3/corner-out-br.png) no-repeat top right;
	overflow: hidden;
}
.cornerOutBL { 	
	position: relative;
	z-index: 0;
	display: block;
	width: 12px;
	height: 12px;
	margin: 0 0 -7px -7px;
	float: left;
	background: url(/images/v3/corner-out-bl.png) no-repeat top right; 
	overflow: hidden;
}

/* inner corners */
.cornerInTR { 	
	position: absolute;
	display: block;
	width: 5px;
	height: 5px;
	margin: 0px 0px 0 0;
    float: right;
	background: url(/images/v3/corner-tr.png) no-repeat top right; 
	overflow: hidden;
	z-index: 1;
	right: 0px;
	top: 0;	
}
.cornerInTL { 
    position: absolute;
	background: url(/images/v3/corner-tl.png) no-repeat top right; 
	display: block;
	width: 5px;
	height: 5px;
	max-height: 5px;
	margin: -0px 0 0 -0px;
    float: left;
	display: block;
	overflow: hidden;
	z-index: 1;
	left: 0;
	top: 0;
}
.cornerInBR { 	
	position: absolute;
	z-index: 1;
	display: block;
	width: 5px;
	height: 5px;
	margin: 0;
	float: right;
	background: url(/images/v3/corner-br.png) no-repeat top right; 
	overflow: hidden;
	bottom: 0;
	right: 0;
}
.cornerInBL { 	
	position: absolute;
	z-index: 1;
	display: block;
	width: 5px;
	height: 5px;
	margin: 0;
	float: left;
	background: url(/images/v3/corner-bl.png) no-repeat top right; 
	overflow: hidden;
	bottom: 0;
	left: 0;
}

#header {position: relative; float: left; width: 100%; color: white; background-color: #242424; margin: -5px 0px 7px 0px; padding: 5px 0 5px 0;}
#header_logo {display: block; position: absolute; top: -62px; left: -40px; width: 410px; height: 83px; /* background: url(/images/v3/header_logo.png) no-repeat top right; */ border: none; z-index: 10;}
#header_logo img {border: none;}
#header_logo a {display: block; width: 410px; height: 83px; overflow: hidden; background: url(/images/v3/header_logo_combo.png) no-repeat 0 0px;}
#header_logo a:hover {background: url(/images/v3/header_logo_combo.png) no-repeat 0 -83px;}
.hack {border: none;}

#header_logo_alt {display: block; position: absolute; top: -62px; left: -40px; width: 410px; height: 91px; /* background: url(/images/v3/header_logo.png) no-repeat top right; */ border: none; z-index: 10;}
#header_logo_alt img {border: none;}
#header_logo_alt a {display: block; width: 410px; height: 91px; background: transparent;}
/* #header_logo_alt a:hover {background: url(/images/v3/header_logo_over.png) no-repeat top right;} */

#beta_text {position: absolute; width: 27px; height: 11px; top: -17px; left: 365px; z-index: 2;} /* v1 370 */

#login_logout {position: absolute; right: 0px; top: -35px; color: #999999; font-weight: bold; font-size: 10.5px;}

/* tabs */
#tabs {position: relative; list-style: none; width: 258px; margin: 0 auto 0 auto; padding: 0; z-index: 110;}
.tab {float: left; text-decoration: none; z-index: 120;}
.tab a {display: block; text-decoration: none; z-index: 130;}
#tab_tones {width: 88px; height: 36px; overflow: hidden; background: url(/images/v3/nav_text_tones.png) no-repeat 0 0;}
#tab_tones:hover {background: url(/images/v3/nav_text_tones.png) no-repeat 0 -36px;}
#tab_pads {width: 75px; height: 36px; overflow: hidden; background: url(/images/v3/nav_text_pads.png) no-repeat 0 0;}
#tab_pads:hover {background: url(/images/v3/nav_text_pads.png) no-repeat 0 -36px;}
#tab_scenes {width: 95px; height: 36px; overflow: hidden; background: url(/images/v3/nav_text_scenes.png) no-repeat 0 0;}
#tab_scenes:hover {background: url(/images/v3/nav_text_scenes.png) no-repeat 0 -36px;}
#tab_account {position: absolute; top: 8px; right: 10px; display: block; text-decoration: none; font-weight: bold; color: #666666; font-size: 11px;}
#tab_account:hover {text-decoration: underline;}

#access_number {font-size: 10px; position: absolute; top: 31px; left: 7px; display: block; background-color: black; padding: 0px 5px 3px 5px; color: #999999; font-weight: bold;}
#access_number .number {color: #CCCCCC;}

#credits_left {font-size: 10px; position: absolute; top: 31px; right: 7px; display: block; background-color: black; padding: 0px 5px 3px 5px;}
#credits_left .credits {font-weight: bold; color: #999999; border-right: 2px solid #333333; margin-right: 5px; padding-right: 5px;}
#credits_left a {font-weight: bold; color: #6D84B4;}

.tones_page #tab_tones {background: url(/images/v3/nav_text_tones_on.png)}
.pads_page #tab_pads {background: url(/images/v3/nav_text_pads_on.png)}
.scenes_page #tab_scenes {background: url(/images/v3/nav_text_scenes_on.png)}
.account_page #tab_account {text-decoration: underline; color: white;}

#centerColumn {
position: relative;
float: left;
margin-left: 7px;
}

#splash {
	position: relative; 
	float: left;
	margin-left: 7px;
width: 568px; /* 555 */
height: 262px; /* 256 */
display: block;
background: url(/images/v3/splash_fig.png) no-repeat center center;
background-color: #242424;
color: white;	
}
#splash_top {margin: 15px 0 0 15px;}
#splash_bot {position: absolute; bottom: 20px; right: 20px;}
#splash_bot #splash_about_sub {float: right;}
#splash_buttons {margin-top: 10px; float: right; clear: right;}
#splash_buttons .button {margin-left: 5px; float: right; line-height: 22px; width: 100px; height: 22px; text-align: center; background: url(/images/v3/button_blue_22.png) no-repeat center center; color: white; font-weight: bold;}
#splash_buttons a:active div span {padding-left: 1px;}

#centerContent {
position: relative; 
float: left;
width: 401px; /* 368/180, 488/160 408/140,   + 13px*/
display: block;
background-color: #242424;
color: white;	
}

.innerContent { margin: 10px 10px 10px 10px;}

/* signup */
  #signup_login {position: relative; float: left; width: 100%; margin: 0px 0 0 0px; padding: 0 0 0 0px; background-color: #242424; border: 0px solid red;}
  
  .signup_login h3 {margin: 0; padding: 0;}
  .signup_login .prompt {width: 100px;}
  .signup_login .submit_button {padding-top: 1px; padding-bottom: 1px;}
  .signup_login #loginform {margin: 0; padding: 10px;}
  .signup_login #loginform .signup_link {display: none;}
  .signup_login #login .button-bar {margin-left: 50px;}
  .signup_login #signup {margin: 5px 15px 0 30px; padding: 0; width: 330px; float: left;}
  .signup_login #signup h3 {/* color: #3A449E; */ color: #FFCC00; font-size: 14px;}
  .signup_login #signup .terms {margin-top: 0em; padding-bottom: 5px;}
  .signup_login #login {margin: 35px 0 0 0px; padding: 0; width: 300px; float: left; background-color: #333333;}
  .signup_login #login h3 {color: #999999; font-size: 13px;}
  .signup_login #about {visibility: hidden; display: none; margin: 25px 0px 0 0px; padding: 0 0px 0 10px; width: 290px; float: left;}
  .signup_login #about h3 {/* color: #3A449E; */ color: #FFCC00; margin: 0; padding: 0}
  .signup_login #about ul { margin-top: 10px; padding: 0 0 0 15px;}
  .signup_login #about li {/* color: #CC6600;*/ color: #999999; font-size: 11px; font-weight: bold;}

	#signup_login #setup_phone {margin-left: 200px; margin-right: 200px;}
	#signup_login #setup_phone .step {display: none; visibility: hidden; color: #999999; text-align: center; margin-bottom: 10px;}
	#setup_phone h3 {color:white;font-size: 12px;}
	#setup_phone .cancel_button {display: none; visibility: hidden;}
	
  #forgot_password {margin-left: 200px; margin-right: 200px;}
  #reset_password {margin-left: 200px; margin-right: 200px;}

  #add_contacts {margin: 30px 0 30px 175px; width: 425px;}
  #add_contacts .action_top { color: white; font-size: 12px; font-weight: bold; text-align: left;}
  #add_contacts .step_top {margin-bottom: 25px;}
  #add_contacts .step_heading {color: #CCCCCC;}
  #add_contacts .step {margin-bottom: 20px;}
  #add_contacts .action { color: #999999; font-size: 12px; font-weight: normal; text-align: left; display: block;}
  #add_contacts .action_sub { color: #FFCC00; font-size: 12px; font-weight: bold; text-align: left;}
  #add_contacts p.explanation {	font-size: 11px; color: #999999; }
  #add_contacts p.instruction {}
  #add_contacts blockquote {font-weight: bold; font-size: 14px;}
  #add_contacts blockquote .field {color: #999999;}
  #add_contacts blockquote .value {color: #666666;}
  #add_contacts p.pointer {padding: 10px; font-size: 11px; color: #666666; background-color: black;}
  #add_contacts p.legend {padding: 10px; font-size: 11px; margin-left: 0px; color: #666666; background-color: black;}
  #add_contacts .heading {font-size: 11px; font-weight: bold; color: #CCCCCC;}
  #add_contacts form input {width: 134px;}
  #add_contacts .button-bar {padding-left: 35px;}
  #add_contacts .button-bar input {width: auto;}
   .skip_button {float: right;}
   .skip_button a {color: white; font-weight: bold;}


/* tone, pad, scene specific */
.head_nav {clear: both;  margin: 0 10px 0 10px; font-size: 11px; color: #CCCCCC; border-top: 0px solid #666666; border-bottom: 0px solid #666666;}
.head_nav a {color: #999999}
.head_nav .tags {text-align: center;}
.head_nav .more {}
.head_sub_nav {margin-top: 5px;}

#sort_navbar {margin-bottom: 10px; margin-left: 0; float: right; width: 75%;}
.contentList {margin: 5px 0 10px 10px; clear: left;}
.contentListing {float: left; margin: 5px 0; color: #CCCCCC;}
.contentListing .play {position: relative; float: left; display: block; width: 36px; z-index: 1900;}
.contentListing .play img {border: 0;}
.contentListing .about {float: left; margin-left: 10px; border: 0px solid red; width: 341px; z-index: 100;}
.contentListing .name {font-size: 12px; color: white; font-weight: bold; }
.contentListing .left {float: left; width: 249px;} /* 341 */
.contentListing .name a {color: white; font-weight: bold; text-decoration: none;}
.contentListing .stats {clear: right; float: right; top: 0px; font-size: 10px; width: 92px;}
.contentListing .stats .label {float: left; text-align: right; width: 50px; clear: left; padding-right: 2px;}
.contentListing .stats .info {float: right; clear: right; width: 40px;}

.description {}
.tones {font-style: italic;color: #666666;}
.tags {font-size: 10px; display: none; visibility: hidden;}
.tags .info {font-weight: bold;}
.source {font-size: 10px; color:#999999;}
.source .info {font-weight: bold;}
.embed_link_section {display: none; visibility: hidden;}
.embed .label {vertical-align: top;}
.embed textarea {overflow: hidden;}

.link {display: none; visibility: hidden;}

.contentListing .bottom { clear: left; float: left; }
.contentListing .controls { float: left; border: 0px solid yellow; font-size: 11px; width: 341px;}
.contentListing .selectors {float: left; border: 0px solid blue;}
.contentListing .editors { float: right; margin-right: 10px;border: 0px solid green;}
.contentListing .controls_link {margin-right: 3px; color: #BB9600;}
.contentListing .add {position: relative; float: left; z-index: 1010;}
.contentListing .select {float: left;}
.contentListing .activate {float: left;}
.contentListing .mark {float: left;}
.contentListing .link {display: inline;}
.contentListing .edit {position: relative; display: inline; z-index: 1000;}

.contentListing .controls .on_top {z-index: 5010;}

.contentList .counter {clear: both; font-size: 11px; margin-top: 10px; color: #999999;}
.contentList .counter a {color: #666666;}
	
/* share  */
.recipients_sub_section {margin: 5px 0px 0px 25px; width: 90%;}
.recipients_sub_section .note {font-style: italic;}
.share_recipients {width: 90%; height: 36px;}
.recipients_sub_section .message_area {width: 90%; height: 36px;}
.instruction_section {margin: 15px 0 10px 0; font-size: 11px;}

/* edit form */
.edit_sound {margin-left: 0px; margin-bottom: 10px;}
  .edit_sound .name {font-weight: bold; color: white; font-size: 12px;}
  .edit_sound .play {position: relative; float:left; margin: 0 10px 0 10px;}
  .edit_sound .about {clear: left; color: #CCCCCC;}
  .edit_sound .section {padding-bottom: 15px;}
  .edit_sound table td {margin-bottom: 2px;}
  .edit_sound .prompt {text-align: right; width: 73px; margin-right: 2px;}
   /*  .edit_sound .prompt .note { font-size: 11px;} */
  .edit_sound .heading {font-weight: normal; color: #999999;}
  .edit_sound .instruction {font-size: 11px; margin-bottom: 10px;}
  .edit_sound .preview_fade {padding-left: 5px;}
  .edit_sound .preview_fade div {float: left;}
  .edit_sound #preview_fade_status {font-size: 11px; width: 200px;}
  .edit_sound .value input {width: 50px;}
  .edit_sound #fade_apply_submit {float: left; padding-left: 75px; padding-top: 0px;}
  .edit_sound #fade_apply_submit input {margin: 0; padding: 0;}
  .edit_sound #fade_save_form {position: relative; float: left; top: -10px;}
  .edit_sound #fade_save_form form {padding: 0; margin: 0;}
  .edit_sound #fade_save_form form input {padding: 0; margin: 0; float: left;}	
  
  #soundeditor {position: relative; height: 120px; width: 381px; z-index: 1000000;}  /* 455x150 */
  #tone_add_details {}
  
  /* edit user settings */
  .user_edit td.prompt {width: 125px;}
  .user_edit td.value {width: 200px;}
  .user_edit .edit_link {font-size: 10px;}
  .user_edit .form {margin-left: 0px; border-top: 0px solid #333333;}
  .user_edit .form input {width: 125px;}
  .user_edit .form .button-bar input {width: auto;}
  .user_edit .current_password, .current_pin {font-size: 10px;}
  
  .user_edit .setup_phone h3 {margin-left: 75px; font-size: 12px;}
  .user_edit .setup_phone .note {display: block; color: #666666; font-size: 11px;}
  .user_edit .setup_phone .req {display: none; color: #666666; font-size: 11px;}  

#edit_settings .setup_phone .cancel_button {display: none; visibility: hidden;}
#edit_settings .setup_phone .skip_button {display: none; visibility: hidden;}

/* buy */
#buy {margin-left: 25px; margin-bottom: 20px;}
#buy .heading {font-size: 12px; font-weight: bold; color: white; margin-bottom: 10px;}
#buy .sub_heading {font-size: 12px; float: right;}
#buy .block_item {margin-left: 70px; width: 250px;}
#buy .card_image {float: left; clear: left; margin-bottom: 0px; width: 189px;}
#buy .price_button { clear: right; float: left; margin-bottom: 10px; overflow: auto; width: 50px;}
#buy .price {font-weight: bold; text-align: right; padding-top: 10px; padding-right: 5px; margin-bottom: 8px;}
#buy .gift {font-size: 11px; font-weight: bold; display: none;}
#buy .gift input {height: 11px; width: 11px;}
#buy .button {margin-right: 10px;}
#buy div.clearer {clear: left; line-height: 0.0; height: 0; }
#buy .activate_here {font-weight: bold; margin-top: 20px; margin-bottom: 10px; margin-left: 70px;}

#activate {margin-left: 25px; margin-bottom: 15px;}
#activate .heading {font-size: 12px; font-weight: bold; color: white; margin-bottom: 10px;}

#buy_gift {margin-left: 20px; padding-bottom: 15px;}
#buy_gift .heading {font-size: 12px; font-weight: bold; color: white; margin-bottom: 10px;}
#buy_gift .sub_heading {font-size: 11px; float: right; color: #CCCCCC;}
#buy_gift .content {margin: 20px 0 0 70px;}
#buy_gift .confirm {font-size: 12px;  font-weight: bold; color: #CCCCCC;}
#buy_gift .confirm_selection {font-size: 12px;  font-weight: normal;}
#buy_gift .card_image {float: left; clear: left; margin-bottom: 0px; width: 189px;}
#buy_gift .price_button { clear: right; float: left; margin-bottom: 10px; overflow: auto; width: 50px; font-size: 12px;}
#buy_gift .prices {text-align: right; padding-top: 10px; padding-right: 5px; margin-bottom: 8px;}
#buy_gift .price { font-weight: bold; font-size: 11px;}
#buy_gift .past_price { color: red; text-decoration: line-through; font-size: 11px;}
#buy_gift div.clearer {clear: left; line-height: 0.0; height: 0; }

#buy_gift .promotion_code {margin: 5px 0 0 10px; padding: 0; font-size: 11px;}
#buy_gift .promotion_code form {margin: 0; padding: 0;}
#buy_gift .promotion_code input {font-size: 11px;}
#buy_gift .question {margin-top: 25px; font-size: 11px; color: #FFCC00; font-weight: bold;}
#buy_gift ul.answers {list-style: none; margin: 5px 0 0 0; padding-left: 15px;}
#buy_gift li.answer {font-size: 11px; padding-bottom: 3px;}
#buy_gift .button {margin-right: 10px;}
#buy_gift #gift_form_content {position: relative; margin: 20px 25px 0px 0px; padding-top: 10px; border-top: 1px solid #333333;}
#gift_form .form_top {font-weight: bold; padding-top: 10px; margin-left: 10px; color: #CCCCCC;}
#gift_form table {margin-left: 45px;}
#gift_form td.section_prompt {font-weight: bold; padding-top: 10px; color: #999999;}
#gift_form td.prompt {text-align: right; width: 75px;}
#gift_form td.send_note {padding-top: 10px; width: 100%;}
#gift_form td.button {padding-top: 10px; text-align: right;}
#gift_form div.button {float: left; padding-top: 10px; padding-left: 150px; margin:0; padding-right: 0; text-align: right; padding-bottom: 0px;}
#gift_form div.continue_button {padding-top: 10px; position: absolute; right: 10px; bottom: 0px;}
#gift_form .errorExplanation img {margin: 10px 0px 0px 0px;}
#preview_gift_message {display: none; clear: both; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; background-color: #333333; padding: 15px; margin: 10px 20px 0 0px;}
 


#leftColumn {
position: relative;
float: left;
margin-bottom: 0px;
width: 180px;
background-color: #242424;
border:0px solid #000;
	}
	
#leftColumnPhone {
position: relative;
float: left;
margin-bottom: 0px;
width: 180px;
background-color: transparent;
	}
	
#nonFlashPhone {
position: relative;
float: left;
background-color: #242424;
border:0px solid red;	
color: #CCCCCC;
height: 262px; 
}
#nonFlashPhone .installFlash {color: #FFCC00; font-weight: bold; font-size: 12px;  margin-bottom: 10px; text-align: center;}
#nonFlashPhone .installLink {color: #CCCCCC; font-size: 11px;} 
#nonFlashPhone .jsInstruction {color: #CCCCCC; font-size: 11px}
#nonFlashPhone .publicContent {height: 160px; overflow: auto; width: 100%; overflow-x: hidden;}
#nonFlashPhone .pad, #nonFlashPhone .scenes {color: white; font-weight: bold;}
#nonFlashPhone .scene {color: #CCCCCC; font-weight: normal; }
	
#loadedContent {
position: relative;
clear: left;
float: left;
margin-top: 7px;
width: 180px;
background-color: #242424;
border:0px solid #000;	
color: white;
}
#loadedContent .contentType {font-weight: bold; font-size: 10px; margin-top: 5px;}
#loadedContent .contentType span {font-weight: normal;}
#loadedContent .help {float: right;}
#loadedContent .help a {color: #666666; font-weight: bold; font-size: 10px; text-decoration: none;}
#loadedContent .help a:hover {text-decoration: underline;}
#padBox {height: 70px; overflow: auto; width: 160px; overflow-x: hidden;}
#padBox table, #activeScene table {font-size: 11px; width: 160px; margin: 0; padding: 0; width: 100%; border: 0px solid #666666; background-color: #333333; color: #CCCCCC;}
#padBox .none, #activeScene .none {font-style: italic; color: #666666;}
#padBox table td, #activeScene table td {border-bottom: 1px solid #242424;}
#padBox .radio input {width: 10px;}
.unload_padbox a {
	display: block;
	float: right;
	margin-top: 1px; /* 1 */
	margin-right: 3px; /* 0 */
	margin-bottom: 0;
	padding: 0;
	height: 9px; /* 17 x 17 */
	width: 9px;
	overflow: hidden;
	background: transparent url("/images/v3/remove_tone_button.png") no-repeat left top;	 
}

.unload_padbox a:hover {
	background: transparent url("/images/v3/remove_tone_button.png") no-repeat 0px -9px;	
}	

.default_button a {display: block; width: 10px; height: 10px; margin: 1px 3px 0px 3px; overflow: hidden;}
.default_button a.default { background: transparent url("/images/v3/button_default.png") no-repeat 0px 0px;}
.default_button a.not_default { background: transparent url("/images/v3/button_default.png") no-repeat 0px -20px;}
.default_button a.not_default:hover { background: transparent url("/images/v3/button_default.png") no-repeat 0px -10px;}

.selected_code {}
.selected_code a {font-weight: bold; margin-right: 3px;}
.selected_code .setting_popup {margin-top: -10px;}
.change_code_form {background-color: #333333; border: 1px solid #666666; padding: 2px;}

.register_phone {color: #CCCCCC; font-size: 12px; text-align: center; font-weight: bold;}
.activate_phone_link {display: block; text-align: center; font-weight: bold; margin-top: 15px;}

	
#rightColumn {
	position: relative;
	float: left;
	width: 160px;
	margin-left: 7px;
	background-color: #242424;
	color: white;
	z-index: 1;
}

#sub_nav ul {list-style: none; padding: 0; margin: 10px 10px 10px 10px; color: #666666; }
#sub_nav .search .textfield {width: 100px; }
#sub_nav .search .submit_button {width: 30px; margin:0; padding:0;}
#sub_nav .img {margin:0; padding:0; }
#sub_nav ul li { font-size: 11px; margin: 0 0 3px 0; padding: 0;}
#sub_nav ul li a {color: #CCCCCC; text-decoration: none;}
#sub_nav ul li a:hover {text-decoration: underline;}
#sub_nav ul li.selected a {color: white; text-decoration: underline;}

#sub_nav .create li a {font-weight: bold; color: #BB9600; font-size: 11px;}
#sub_nav .create li.selected a {color: #FFCC00;}
	
	
/* info */
.infoContent {
position: relative; 
float: left;
width: 391px; /* 368/180, 388/160 408/140,   + 13px*/ /* -10 */
display: block;
background-color: #242424;
color: #CCCCCC;
margin-left: 7px;	
}
/* #aboutus {float: left;  margin: 30px 0px 30px 0px; width: 388px;} /* padding-left: 160px; */
#aboutus h3 {margin-top: 0px; color: white; font-size: 12px; font-weight: bold;}
#aboutus p {font-size: 12px;}

#rightColumnInfo {
	position: relative;
	float: left;
	width: 170px;
	margin-left: 7px;
	/* background-color: #242424; */
	color: #CCCCCC;
	margin-top: 0;
}

#rightColumnInfo h3 {color: white;}

#infoNav {
float: left;
position: relative;
width: 170px;
margin-bottom: 7px;
background-color: #242424;
}

#rightColumnInfo .columnSection {
float: left;
position: relative;
width: 170px;
margin-bottom: 7px;
background-color: #242424;	
}

.infoContent h3 {margin-bottom: 10px;}
.infoContent p {margin-top: 10px;}

#latest_releases {float: left; position: relative; /* float: right; */ width: 170px; margin-top: 0px; background-color: #242424;}
#latest_releases h3 {margin-top: 0px; font-size: 12px; padding-bottom: 0px; margin-bottom: 10px;}
.release_listing {margin-bottom: 10px;}
.release_listing .date {}

#press_release {}
#press_release h3 { font-size: 12px; margin-top: 0px;}
#press_release #headline {}
#press_release .end_marker {display: block; width: 100%; text-align: center;}

#news_panel {float: right; width: 170px; background-color: #242424;}
#news_panel .rss a {margin-left: 5px;}

#in_news {position: relative; float: left; width: 170px; margin-top: 7px; background-color: #242424;}
#in_news h3 {margin-top: 0px; font-size: 12px; padding-bottom: 0px; margin-bottom: 10px;}
.news_listing {margin-bottom: 10px;}
.news_listing .publication_img img {width: 150px}
.news_listing .date {}

.fullColumn {position: relative; float: left; width: 100%; margin: 0px 0 0 0px; padding: 0 0 0 0px; background-color: #242424; border: 0px solid red;}

#terms {margin: 30px 150px 30px 150px;}
#terms h3 {color: white; font-size: 12px; font-weight: bold;}
#terms ul {margin-left: 0; padding-left: 0;}

#privacy {margin: 30px 150px 30px 150px;}
#privacy h3 {color: white; font-size: 12px; font-weight: bold;}	

#faq h3 {color: white; font-size: 12px; font-weight: bold;}
#faq ol {font-size: 11px; padding-left: 20px; margin: 0 0 0 0;}
#faq li, #faq .answer {color: #FFCC00; font-weight: bold; margin: 5px 0 5px 0;}
#faq ol p {color: #CCCCCC; font-size: 11px; font-weight: normal;}
#faq table {margin-right: 25px; color: #CCCCCC; font-weight: normal;}
#faq td.prompt {font-weight: bold; padding-right: 10px;}
#faq td {padding: 0px 0 10px 0;}	
#faq td.image {padding-left: 10px;}
#faq td.image img {border: 1px solid #999999;}
#faq .section_head {color: #CCCCCC; font-weight: bold; background-color: #666666; margin: 3px; padding: 0px;}
#faq table.ref_table {width: 300px; margin: 10px 20px 0 15px; border-top: 1px solid #666666; border-left: 1px solid #666666;}
#faq .ref_table td {border-bottom: 1px solid #666666; border-right: 1px solid #666666; margin:0; padding:2px;}
	
#faqTopics h3 {margin-top: 0px; font-size: 12px; padding-bottom: 0px; margin-bottom: 10px;}
#faqTopics ul {list-style: none; padding: 0; margin: 0;}
#faqTopics ul li {margin-bottom: 3px;}
#faqTopics ul li a {color: #CCCCCC; text-decoration: none;}
#faqTopics ul li a:hover {text-decoration: underline;}

#bottomContent {position: relative; float: left; width: 100%; background-color: #242424; padding: 0; margin: 7px 0 0px 0;}
#bottomAds {margin: 5px 0px 5px 20px;}
#bottomAds .right {float: left; width: 468px; margin-left: 10px;}	
#bottomAds .left {float: left; width: 234px;}	

#bottomAds {margin: 0px}
#bottomAds .left {width: 243px;}
#btm_lft_promo {display: block; padding: 10px 0 10px 15px; text-decoration: none; background: url(/images/v3/bkg_btm_lft.png) no-repeat top right;}
#btm_lft_promo .heading {color: #FFCC00; font-size: 14px; font-weight: bold; margin: 0 0 5px 0; } /* #CCCCCC; */
#btm_lft_promo .text {font-size: 13px; color: #999999;}
#btm_lft_promo .anchor {color: #6D84B4; text-decoration: underline; font-weight: bold;} 
#btm_lft_promo .info {font-size: 12px; color: #666666;}

#btm_lft_promo .heading.vYellow {color: #CCCCCC;}
/* test 
#btm_lft_promo.vYellow {background: url(/images/v3/bkg_btm_lft_ylw.png) no-repeat top right;}
#btm_lft_promo .vYellow.heading {color: black;}
#btm_lft_promo .vYellow.text{color: #333333;}
#btm_lft_promo .vYellow.anchor {color: #394B71;} 
#btm_lft_promo .vYellow.info {color: #333333;}
*/

#bottomAds .right {margin: 5px 0 5px 21px;}
	
#footer {position: relative; float: left; z-index: 100; color: #666666; margin: 5px 0 -5px 5px; font-size: 11px;}
#footer a {color: #999999; /* color: #6D84B4; */}

#bookmarkContent {position: relative; float: left; width: 100%; background-color: #242424; margin: 7px 0 0px 0;}
#bookmarkContentOut {position: relative; left: 0; width: 755px; margin: 3px auto 0 auto; background-color: transparent;}

.bookmarks {position: relative; margin: 0px 0 0px 0px;}
.bookmark {float: right; margin-right: 5px;}
.bookmark a {text-decoration: none; vertical-align: middle;}
.bookmark a img {border: none; vertical-align: middle;}

#bookmarks_tab {position: absolute; z-index: 0; right: 0px; top: 120px; background-color: #242424; border: 3px solid black; border-right-width: 0px; width: 32px;}
.cornerTabTL {
	position: absolute;
	display: block;
	width: 3px;
	height: 3px;
	top: -3px;
	left: -3px;
	background: url(/images/v3/corner_tab_tl_3.png) no-repeat top right; 	
	overflow: hidden;
	z-index:2;
}
.cornerTabBL {
	position: absolute;
	display: block;
	width: 3px;
	height: 3px;
	bottom: -3px;
	left: -3px;
	background: url(/images/v3/corner_tab_bl_3.png) no-repeat top right; 	
	overflow: hidden;
	z-index: 2;
}
#bookmarks_tab_title {float: left;}
#bookmarks_tab_icons {float: left; width: 18px; background-color: black; padding-left: 3px;}
.bookmark {float: none; margin: 0; padding: 0; width: 21px;}
.bookmark a {display: block; text-decoration: none; vertical-align: middle; padding: 0; margin: 0 auto 1px auto; width: 18px; height: 18px;}
.bookmark a img {border: 1px solid black; vertical-align: middle; width: 16px;}
.bookmark a:hover img {border: 1px solid #CCCCCC; margin-top: -1px}

#try_iphone {position: absolute; font-weight: bold; font-size: 11px; text-align: center; z-index: 0; right: 0; top: 0; padding-bottom: 5px; background-color: #242424; border: 4px solid black; border-top-width: 0px; width: 100px;}
.cornerTabBR {
	position: absolute;
	display: block;
	width: 3px;
	height: 3px;
	bottom: -4px;
	right: -4px;
	background: url(/images/v3/corner_tab_br_3.png) no-repeat top right; 	
	overflow: hidden;
	z-index: 2;
}
#try_iphone .cornerTabBL {left: -4px; bottom: -4px;}

#bottomSpacer {position: relative; height: 150px; width: 100%;}

/* error */
  .notice {clear: both; color: #FF9900; position: relative; margin: 10px 0 10px 0; padding: 0; z-index: 1;}  /* don't set, otherwise content is pushed lower */
  .errorExplanation {position: relative; margin: 0; width: 350px; margin: 0 auto 0 auto; border-top: 0px solid #FF9900; border-bottom: 0px solid #FF9900; /*background-color: #372400; /*#FFF2D9 */ z-index: 3000;}
  .errorExplanation img {margin: 10px 0px 0px 25px;}
  .errorExplanation ul {list-style: none; padding-left: 20px; margin: 12px 0 12px 0;}
  .errorExplanation ul li span {font-weight: bold;}
  /*div .notice {margin: -15px 0 30px 0;}*/
  .notice .info {position: relative; margin: 0px 0 0px 0; border-top: 0px solid #FF9900; border-bottom: 0px solid #FF9900; background-color: transparent; /*#FFF2D9 */ text-align: center; font-weight: bold; z-index: 3000;}