html { min-height: 100%; margin-bottom: 1px;}
body {font-family: Tahoma, 'Lucida Grande', Arial, Helvetica, Verdana, sans-serif; font-weight: normal;  color: #CCCCCC; background-color: black; font-size: 1em;/* 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: 0.75em; 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;}

#footer {margin-top: 5px; font-size: 0.65em;}

#header {margin-bottom: 5px;}

#login_logout {position: absolute; right: 5px; top: 0px; color: #999999; font-weight: bold; font-size: 10px; background-color: black; padding: 0px 2px 3px 2px;}

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

.home_page #tab_home a span {color: white;}
.tones_page #tab_tones a span {color: white;}
.pads_page #tab_pads a span {color: white;}
.scenes_page #tab_scenes a span {color: white;}
.account_page #tab_account {text-decoration: underline; color: white;}

/* 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;}

#centerContent {
position: relative; 
width: 100%; /* 368/180, 488/160 408/140,   + 13px*/
display: block;
background-color: #242424;
color: white;	
font-size: 0.75em;
}
.innerContent { margin: 10px 10px 10px 10px;}


/* quick panel fone */
#quick_panel {width: auto; height: auto;}

#quick_panel .item {clear: left;}
#quick_panel .item .label {font-size: 0.75em; font-weight: bold;}
#quick_panel .scene_dest {}
#quick_panel .scene_value {clear: left}

#display {position: relative; font-weight: bold; color: #0099FF; background-color: #000099; border: 1px solid #999999;}
#display_info {position: absolute; z-index: 10; width: 100%; text-align: center; background-color: transparent; font-weight: bold; font-size: 0.5em}
#display_info .warn {color: #FF9900;}
#display_input {margin: 5px 5px 5px 5px; font-weight: bold; font-size: 0.75em}
#display_input table {width: 100%;}
#display .textfield {padding: 0; margin: 0; color: #0099FF; background-color: #000099; width: 100%; border: none; font-weight: bold; font-size: 0.75em}
#display select {color: #0099FF; background-color: #000099; width: 100%; border: none; font-weight: bold;}
.display_input_field input {position: relative; color: #0099FF; background-color: #000099; border: none; height: 100%; font-weight: bold;}
.display_input_prompt {width: 100px;}
.call_button table {width: 100%;}
.call_button input { padding: 0; margin: 0; width: 100%; font-size: 0.75em; text-align: center; background-color: #666666; border: 1px solid #999999;}
.call_button a { display: block; width: 100%; height: 100%; font-size: 0.75em; font-weight: bold; text-decoration: none; text-align: center; color: white; background-color: #666666; border: 1px solid #999999;}
.call_button td {width: 50%;}
.selector_bar select {width: 100%; font-size: 0.75em; font-weight: bold; background: #333333; border-color: #333333;}

.scene_selector {width: 100%;}
.scene_selector table {width: 100%;}
.scene_selector table td {}
.scene_selector .selector_bar {}

div .scene_selector form {padding: 0; margin: 0;}
div .scene_selector table {width: 100%}
div .scene_selector table td.submit {width: 10%; padding: 0; margin: 0;}
div .scene_selector .submit_button { padding: 0; margin: 0; margin-left: 1%; width: 99%; font-size: 0.6em; text-align: center; background-color: #333333; border: 1px solid #999999; }

.scene_selector td.mute_button {width: 10%; text-align: center; overflow: hidden;}
.mute_button a {display: block; padding: 0; margin: 0; margin-left: 1%; width: 99%; height: 100%; font-size: .75em; font-weight: bold; color: white; text-decoration: none; background: #333333;}


/* 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; font-size: 1em}
  .signup_login .prompt, .signup_login .value {width: 75px; font-size: .75em}
  .signup_login .submit_button {padding-top: 1px; padding-bottom: 1px;}
  .signup_login .button-bar {font-size: 0.75em}
  .signup_login .textfield {width: 150px;}
  .signup_login .terms {font-size: 0.75em}
  .signup_login #loginform {margin: 0; padding: 10px;}
  .signup_login #loginform .signup_link {}
  .signup_login #login .button-bar {margin-left: 50px;}
  .signup_login #signup {margin: 5px 5px 0 5px; padding: 0; width: 330px; float: left;}
  .signup_login #signup h3 {/* color: #3A449E; */ color: #FFCC00; font-size: 0.7em;}
  .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: 10px 5px 10px 5px;}
#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: 20px; margin-right: 20px;}
#reset_password {margin-left: 20px; margin-right: 20px;}

  #add_contacts {margin: 10px 0 10px 5px;}
  #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 table {width: 100%}
  #add_contacts table .textfield {width: 100%;}
  #add_contacts form input {width: auto;}
  #add_contact_row {font-size: 0.75em}
  #add_contacts .button-bar {padding-left: 35px;}
  #add_contacts .button-bar input {width: auto;}
.skip_button {float: right; font-size: 0.75em}
.skip_button a {color: white; font-weight: bold;}

#sort_navbar {margin-bottom: 10px; margin-left: 0; float: right; width: 100%;}
.contentList {margin: 5px 0 10px 0px; clear: left;}
.contentListing {clear: both; width: 100%; float: left; margin: 5px 0; color: #CCCCCC;}
.contentListing .play {display: none; visibility: hidden; float: left; position: relative; width: 40px; z-index: 1900;}
.contentListing .play img {border: 0;}
.contentListing .about {float: left; margin-left: 0px; border: 0px solid red; width: auto; z-index: 100;}
.contentListing .name {font-size: 12px; color: white; font-weight: bold; }
.contentListing .left {float: left; width: auto;} /* 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: auto;}
.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;}

.pad_popup {float: left; position: relative; margin: 0; padding: 0;}

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

.contentList .counter {clear: both; font-size: 11px; margin-top: 10px; color: #999999;}
.contentList .counter a {color: #666666;}

/* buy */
.buy {margin: 5px;}
.buy .block_item {margin: 0 auto; 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 .activate_here {font-weight: bold; margin-top: 1em; margin-bottom: 10px; text-align: center; width: 100%}

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

#buy_gift {margin: 5px; padding-bottom: 15px;}
.buy .content {margin: 20px auto 0 auto; width: 250px;}
.buy .confirm {font-size: 12px;  font-weight: bold; color: #CCCCCC;}
.buy .confirm_selection {font-size: 12px;  font-weight: normal;}
.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; font-size: 12px;}
.buy .prices {text-align: right; padding-top: 10px; padding-right: 5px; margin-bottom: 8px;}
.buy .price { font-weight: bold; font-size: 11px;}
.buy .past_price { color: red; text-decoration: line-through; font-size: 11px;}

.buy .promotion_code {margin: 5px 0 0 10px; padding: 0; font-size: 11px;}
.buy .promotion_code form {margin: 0; padding: 0;}
.buy .promotion_code input {font-size: 11px;}
.buy .question {margin-top: 25px; font-size: 11px; color: #FFCC00; font-weight: bold;}
.buy ul.answers {list-style: none; margin: 5px 0 0 0; padding-left: 15px;}
.buy li.answer {font-size: 11px; padding-bottom: 3px;}
.buy .button {margin-right: 10px;}
.buy #gift_form_content {position: relative; margin: 20px 10px 0px 10px; padding-top: 10px; border-top: 1px solid #333333;}

#gift_form .form_top {font-weight: bold; padding-top: 10px; margin-left: 0px; color: #CCCCCC;}
#gift_form table {margin-left: 0px;}
#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: 0px; 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;}
 


#rightColumn {
	position: relative;
	width: 100%;
	margin-left: 0px;
	background-color: #242424;
	color: white;
	z-index: 1;
	text-align: center;
	padding-bottom: 5px; 
}

#sub_nav ul {display: inline; list-style: none; padding: 0; padding-bottom: 5px; margin: 5px 5px 5px 5px; color: #666666; }
#sub_nav ul a {color: #CCCCCC; font-size: 0.7em;}
#sub_nav ul .elements {position: relative; display: none; float: left; background-color: #242424;}
#sub_nav ul.active a {}
#sub_nav ul.active li a {color: #CCCCCC;}
#sub_nav ul.active .elements {text-align: center; clear: both; display: table; width: auto; margin: 0px auto;  margin-top: 5px; border: 0px solid red;}
#sub_nav .search {}
#sub_nav .search .textfield {width: 170px; }
#sub_nav .search .submit_button {width: 30px; margin:0; padding:0;}
#sub_nav .img {margin:0; padding:0; }
#sub_nav ul li { display: inline; font-size: 11px; margin: 0 0 3px 5px; padding: 0 0 0 0px;}
#sub_nav ul li a {color: #CCCCCC; text-decoration: none; font-size: 1em;}
#sub_nav ul li a:hover {text-decoration: underline;}
#sub_nav ul li.selected a {color: white; text-decoration: underline;}

#sub_nav .create a {font-weight: bold; color: #BB9600; font-size: 11px;}
#sub_nav .create.selected a {color: #FFCC00;}

/* error */
  .notice {clear: both; color: #FF9900; position: relative; margin: 10px 0 10px 0; padding: 0; z-index: 1; font-size: 0.75em}  /* don't set, otherwise content is pushed lower */
  .errorExplanation {position: relative; margin: 0; width: auto; 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 5px; display: none; visibility: hidden;}
  .errorExplanation ul {list-style: none; padding-left: 0px; 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;}

#bottomAd {padding: 5px 0 5px 5px; background-color: #242424; margin-top: 5px;}