/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
body{text-align:center;}#ft{clear:both;}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.301em;min-width:750px;}#doc2{width:73.074em;*width:71.313em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.05em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.30769em;*width:12.00em;}.yui-t1 #yui-main .yui-b{margin-left:13.30769em;*margin-left:13.05em;}.yui-t2 .yui-b{float:left;width:13.8461em;*width:13.50em;}.yui-t2 #yui-main .yui-b {margin-left:14.8461em;*margin-left:14.55em;}.yui-t3 .yui-b{float:left;width:23.0759em;*width:22.50em;}.yui-t3 #yui-main .yui-b {margin-left:24.0759em;*margin-left:23.62em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.50em;}.yui-t4 #yui-main .yui-b {margin-right:14.8456em;*margin-right:14.55em;}.yui-t5 .yui-b{float:right;width:18.4615em;*width:18.00em;}.yui-t5 #yui-main .yui-b {margin-right:19.4615em;*margin-right:19.125em;}.yui-t6 .yui-b{float:right;width:23.0759em;*width:22.50em;}.yui-t6 #yui-main .yui-b{margin-right:24.0759em;*margin-right:23.62em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b {float:none;width:auto;}.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gb .yui-u,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;margin-left:1.99%;width:32%;}#doc3 .yui-gb .yui-u{*width:31.9%;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}.yui-g .yui-gb .yui-u{_margin-left:1.0%;color:red;}.yui-gb div.first{margin-left:0;float:left;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-gb .yui-gd .yui-u {*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first {*width:31%;_width:29.5%;}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u {width:32%;_float:right;margin-right:0;_margin-left:0;}.yui-gb .yui-gc div.first {width:66%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u {margin:0;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-g div.first,.yui-gc div.first,.yui-gc div.first div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first{float:left;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}.yui-g .yui-g div.first{*margin:0;}.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf {width:49.1%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first {margin-left:0;}.yui-g .yui-gc div.first,.yui-gc div.first,.yui-gd .yui-g,.yui-gd .yui-u {width:66%;}.yui-gd div.first,.yui-gb .yui-gd div.first {width:32%;}.yui-g .yui-gd div.first {_width:29.9%;}.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf div.first {width:24%;}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u {float:right;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first {float:left;}.yui-ge div.first,.yui-gf .yui-g,.yui-gf .yui-u{width:74.2%;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first {*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;} /*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.10.0

Adapted for midomi.com
*/

/*
	High-level:  body and grids
*/

html {
    background: #8b7c5e url('../images/background-page-tan-grid.gif');
}

body {
    behavior: url("/js/csshover.php");
    background: #8b7c5e url('../images/background-page-tan-grid.gif');
}

.png-fix,
.png-fix div,
.png-fix a,
.png-fix img,
.png-fix input
{ behavior: url(/js/iepngfix.php); } 

#ft-outside
{
    width:975px;
}

#doc4
{
    width:975px;
    font-family:verdana;
    background: transparent url(../images/doc_border_right.png) repeat-y scroll right top !important;
    background: none;
    padding:0px 9px 0px 0px;
}

#doc2-inner
{
    background: transparent url(../images/doc_border_left.png) repeat-y scroll left top !important;
    background: none;
    padding:0px 0px 0px 9px;
}

#ft-bottom
{
    width: 981px;
    height:17px;
    margin:0px -9px 0px 3px;
    background: transparent url(../images/doc_box.png) no-repeat scroll 100% 100% !important;
    background: none;
}
 /* ? */
#ft-bottom div
{
  display: none;
    background: transparent url('../images/doc_box.png') no-repeat scroll 0px 100% !important;
    background: none;
    height:17px;
    width:18px;
}

.yui-panel
{
    font-size:100%;
    font-family:verdana;
}

.yui-t4 .yui-b {float:right;width:175px;}
.yui-t4 #yui-main .yui-b {margin-right:175px;}

#yui-main.single-col-center
{
	width: 791px;
	margin: 0px auto;
}

.yui-melodis-ga
{
	border-right: none;
}

/*
	Common layout objects
*/

#bd
{
    margin:0px 0px 0px 0px;
    font-size:85%;
    background: #ffffff;
}

#logo
{
    height:40px;
    width:160px;
    cursor:pointer;
    float:left;
}

*.container, *.container_no_shadow
{
    padding:0px;
    margin:0px;
    border-top: solid 1px #FFCC66;
}

*.container_hd
{
    font-weight:bold;
    height:20px;
    line-height:20px;
    padding-left:10px;
}

.container_hd div.right
{
    margin:0px 3px 0px 0px;
    font-weight:normal;
}

.container_hd div.right a
{
    line-height:0px;
}

.container_bd
{
    margin:0px;
    padding:7px;  
}

#ft
{
  width: 966px;
    font-size:85%;
}

#ft .footer_right
{
    text-align:right;
    background-color:white;
    padding:20px 10px 0px 0px;
}

#ft .footer_text
{
    text-align:right;
    position:relative;
    bottom:0px;
    _bottom:2px;
    right:10px;
    color:white;
}

#left-nav
{
    margin:5px 0px 0px 5px;
}

#left-nav DIV#admin_links
{
  padding:0px 5px;
  margin-right:3px;
}

#left_ad_block
{
   margin:10px 0px 0px 4px;  
}

.rect_ad_block
{
	margin:10px 0px;
}

#left_side .search_s
{
    width:20px;
    float:left;
}

*.container_hd, *.container_hd a
{
    background-color:#FEE2B3;
}

#left_side .container
{
    margin:10px 3px 0px 3px;
    border:1px solid #CCC;
}

#left_side .container_hd
{
    height:15px;
    line-height:15px;
    color:#666;
    border-bottom:1px solid #CCC;
    background-color:transparent;
}

#right_side
{
    background-color:white;
    min-height:350px;
}

.container:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	zoom: 1;
}

.voiceSearchImageRecord, .voiceSearchImageStop
{
    width:21px;
    height:21px;
    margin:0px 0px 0px 5px;
    display:inline-block;
    position:absolute;
}

#status_message_container
{
	position: fixed;
	*position: absolute;
    z-index: 1000;
	width: 100%;
    top: -1px;
    *top: 90px;
    left: 0;
}

#status_message
{
    width: 460px;
    height: 20px;
    margin: 0 auto;
    padding: 0px 5px 0px 5px;
    color: black;
    font-weight: bold;
    text-align: center;
    line-height: 20px;
}

#status_message.status_normal
{
    display: block;
    background-color: #FFFF66;
    border: 1px solid #FFCC00;
}

#status_message.status_error
{
    display: block;
    color: white;
    background-color: #000;
    border: 1px solid #FFF;
}

div.lightBox
{
    background-color:#f7f7f7;
    border:1px solid #e3e3e3;
}

DIV.blue-box
{
	margin: 7px auto 5px auto;
	padding: 10px;
	background-color: #f9f9ff;
	border: 1px solid #ccd;
}

.separator
{
    margin:5px 3px 3px 3px;
    padding:5px 0px 0px 0px;
    border-top:1px solid #EEEEEE;
}

.selected_comment
{
    border:2px solid #222;
    background-color: #EEE;
}

#bodySearch
{
	margin: 8px 0;
	padding: 10px;
}

#bodySearch TD
{
	text-align: center;
}

.underline-header
{
	border-bottom:1px solid #FFCC66;
	padding: 5px 10px 3px;
}

/*
	New header Nov. 2007
*/

#page-header
{
	width: 100%;
	height: 60px;
	background: url('../images/header/midomi-standard-header.jpg') top left no-repeat;
}

#page-header A#header-home-link
{
	float: left;
	display: block;
	height: 60px;
	width: 195px;
}

#header-search
{
	float: left;
	width: 770px;
	height: 60px;
}

#header-search #label
{
	float: right;
	width: 210px;
	margin: 19px 0 0 0;
	text-align: right;
	color: #fff;
	font-size: 92%;
	font-weight: bold;
}

#header-search #search-container
{
	padding: 0 0 0 0;
	float: right;
	width: 545px;
}

#header-search #search-sing
{
	float: right;
	width: 50%;
	padding: 12px 0 0 0;
}

#header-search #search-text
{
	float: right;
	height: 24px;
	padding: 14px 14px 0 0px;
}

#header-search #search-footer
{
	padding: 3px 14px 0 14px;
	*padding-top: 0;
	font-size: 9px;
}
#header-search #search-footer A
{
  color: #88c;
}

#header-search #search-footer DIV
{
  float: left;
  width: 251px;
  text-align: left;
}

#header-search #search-footer DIV.advanced-search-control-div
{
  padding-right: 15px;
  text-align: right;
}

#header-search #searchModuleheader.flashModule, DIV#searchModulelanding.flashModule 
{
    z-index:2;
}


/*
	New header nav
*/

#nav-header
{
   	width: 966px;
	height: 30px;
  background: url('../images/header/midomi-standard-nav-bg.jpg') top left no-repeat;
 	*overflow: hidden;
}

#nav-header-features
{
    position:absolute;
    z-index:1;
    font-size:11px;
    font-weight:bold;
}

#nav-header-features TABLE
{
	width: auto;
}

#nav-header-features a.selected
{
    color:#ffffcc;
    text-decoration: underline;
}

.navItem
{
    height: 15px;
    margin:3px 12px 3px 0px;
    padding:0px 5px 0px 18px;
    cursor: pointer;
    font-size:12px;
    line-height: 15px;
    font-weight: normal;
    color: #f8f8ff;
}

#nav-header-actions
{
    z-index:1;
    position:absolute;
    text-align:right;
    width:955px;
    font-size: 11px;
    line-height: 11px;
}

#nav-header-actions A
{
  color: #99CCFF;
}

#nav-header-actions DIV#menuwithgroups A
{
  color: #333333;
}

#nav-header-actions #user_actions_menutoggle
{
	margin: 0 1px 0 5px;
	vertical-align: bottom;
	*vertical-align: text-top;
	cursor: pointer;
}

#nav-header-actions #user_actions_menutoggle IMG
{
	vertical-align: text-top;
}

#nav-header-actions #user_actions_menutoggle A
{
	margin: 2px;
}

#nav-header-actions #user_actions_menutoggle A:hover
{
	margin: 0;
	border: 2px solid #F83;
}

#nav-header TD
{
	vertical-align: middle;
}

/*
	Header search help box
*/

DIV#header-search-help
{
	position: absolute;
	top: 19px;
        right:0px;
	width: 350px;
	height: 290px;
	margin: 0 auto 0 95px;
	background: #fffff2;
	border: 3px solid #fc6;
}

DIV#header-search-help DIV.titleBar
{
	height: 18px;
	padding: 2px 2px 2px 4px;
	background: #fc6;
	font-size: 107%;
	font-weight: bold;
}

DIV#header-search-help DIV.titleBarClose
{
	float: right;
	margin: 1px 2px;
}

DIV#header-search-help DIV#help-body
{
	overflow: auto;
	height: 253px;
	padding: 5px 5px 10px 7px;
	font-size: 92%;
}

DIV#help-body OL
{
	list-style-type: decimal;
	padding: 5px 5px 5px 35px;
}

DIV#help-body OL LI
{
	list-style-type: decimal;
}

/*
	text search widget
*/

.textSearchBox
{
	width: 253px;
	height: 26px;
	overflow: hidden;
}

.textSearchBox .textSearchArea
{
	float: left;
	width: 226px;
	height: 26px;
	margin: 0;
	padding: 0;
	behavior: url(/js/iepngfix.php);
	background: transparent url('../images/header/search_text_active.png') center left no-repeat;
}

.textSearchBox .textSearchButton
{
	float: left;
	width: 26px;
	height: 26px;
	behavior: url(/js/iepngfix.php);
	background: transparent url('../images/header/search_text_button_active.png') no-repeat;
}

.textSearchBox .textSearchButton INPUT
{
	display: block; 
	height: 22px; 
	width: 22px;
}

.textSearchBox .textSearchArea INPUT
{
	width: 195px;
	height: 17px;
	margin: 3px 2px 2px 23px;
	*margin-top: 2px;
	padding: 2px 0 0 0;
	border: none;
	background: transparent;
	font-size: 12px;
	color: #333;
	text-align: left;
	font-weight: normal;
}

.textSearchBox.inactive .textSearchArea
{
  behavior: url(/js/iepngfix.php);
	background: transparent url('../images/header/search_text_inactive.png') center left no-repeat;
}

.textSearchBox.inactive .textSearchArea INPUT
{
	color: #ccc;
	font-weight: bold;
	text-align: center;
}

.textSearchBox.inactive .textSearchButton
{
  behavior: url(/js/iepngfix.php);
	background: transparent url('../images/header/search_text_button_inactive.png') no-repeat;
}

/* text search box landing page stuff */
DIV#landing_search .textSearchBox.inactive .textSearchArea
{
  behavior: url(/js/iepngfix.php);
	background: transparent url('../images/header/search_text_active.png') center left no-repeat;
}

DIV#landing_search .textSearchBox
{
	border: 2px solid #ffdfaa;
	background: #ffdfaa;
}

DIV#landing_search .textSearchBox.inactive
{
	border: 2px solid #fff9f2;
	background: #fff9f2;
}

/*
	Login & Registration UI
*/

/* old
#login_password
{
    position:absolute;
    top:4px;
    right:10px;
    width:618px;
    text-align:right;
}
*/

#login_password
{
	width: 100%;
	line-height: 1.1em;
	padding-top: 7px;
	*padding-top: 6px;
}

#login_initial
{
	*padding-top: 3px;
}

#login_password td
{
    padding:1px;
    vertical-align: middle;
}

#login_form_overlay
{
    color:#FFF;
    visibility:hidden;
    width:955px;
    height: 23px;
    padding-top: 6px;
  background: url('../images/header/midomi-standard-nav-bg.jpg') top left no-repeat;
    overflow: hidden;
}

#login_form_overlay TABLE
{
	width: auto;
}

#login_form_overlay TD
{
    padding:0px 0px 0px 8px;
    white-space: nowrap;
    line-height: 1em;
}

#login_form_overlay input
{
	font-size: 10px;
}

#login_form_overlay input.textbox
{
    width:100px;
}

#login_form_overlay .signing_in
{
    float:right;
    line-height: 11px;    
    padding-top:4px;
    font-weight:bold; color:#aa9;
}

#forgot_password
{
    padding-top:10px;
}

#new_user, #regStatusExpand
{
    padding-left:10px;
}

#login_password #logout
{
	width: 100%;
	display: block;
	border: 1px solid green;
}


/*
    the sign up now button
*/

TABLE#signupButtonTable
{
	cursor: pointer;
}

TD.signupButtonLeft
{
	width: 5px;
	height: 44px;
	margin: 0;
	padding: 0;
}

TD.signupButtonRight
{
	width: 5px;
	height: 44px;
	margin: 0;
	padding: 0;
}

TD.signupButtonMiddle
{
	height: 44px;
	margin: 0;
	padding: 0;
	font-size: 17px;
	text-align: center;
	vertical-align: middle;
	color: #c00;
	font-weight: bold;
	white-space: nowrap;
}

TD.signupButtonMiddle DIV.signupButtonImg
{
	position: relative; 
	top: 22px; 
	overflow: hidden; 
	/* height: 44px; */
	vertical-align: middle;
}

TD.signupButtonMiddle DIV.signupButtonImg IMG
{
	width: 100%;
	height: 44px;
}

TD.signupButtonMiddle DIV.signupButtonLabel
{	
	position: relative; 
	top: -14px; 
	height: 44px;
	padding: 0 10px 0 10px;
	color: #c00;
}

DIV.signupButtonLabel:hover 
{
	text-decoration: underline;
}

DIV.signupButtonLabel A
{
	color: #c00;
}

#landing_right .signupButtonLabel
{
	top: -10px;
	*top: -14px;
}

#mediaplayerdiv
{
   visibility:hidden;
   position:absolute;
   width:1px;
   height:1px;   
}

/*
	the sidebar invite link
*/
DIV#sidebar-invite-link
{
	margin: 0 10px 10px 5px;
	padding: 50px 0 7px 0;
	background: url('../images/invite-medium.gif') top center no-repeat;
	border-bottom: 1px solid #fc6;
	text-align: center;
	font-size: 114%;
	font-weight: bold;
	cursor: pointer;
}

/*
	Layout utilities
*/

.standard-margin
{
    margin:5px;
}

.standard-padding
{
    padding:5px;
}

.noPadding, #noPadding
{
	padding: 0;
}

.large-margin
{
    margin:5px 0px 15px 0px;
}

.left
{
    float:left;
}

.right
{
    float:right;
}

.topline
{
    margin:5px 0px 0px 0px;
}

.topline_big
{
    margin:10px 0px 0px 0px;
}

.line
{
    margin:5px 5px 0px 5px;
}

.hidden
{
    display:none;
}

.inline
{
    display:inline;
}

.invisible
{
    visibility:hidden;
}	

.visible
{
    visibility:visible;
}

/* this is a thorough, multi-browser resillient clear for floats, intended to be used in a nobr, as in <nobr class="monsterClear"></nobr> */
.monsterClear {
	clear: both;
	position: relative;
	top: -1px;
	display: block;
	line-height: 0px;
	height: 0px;
	overflow: hidden;
	white-space: nowrap;
	margin: 0;
	padding: 0;
}

UL.circle LI
{
	margin: 5px 10px 5px 30px;
	list-style-type: circle;
}

UL.decimal LI
{
	margin: 5px 10px 5px 30px;
	list-style-type: decimal;
}

/* CSS has ruined tables.  GRRR. */

TABLE.paddedCells TD
{
	padding: 5px;
}


/*
	Anchors & links
*/

a, *.link_text
{
    text-decoration: none;
    cursor:pointer;
}

a:hover, *.link_text:hover
{
    text-decoration: underline;
    cursor:pointer;
}

a, *.link_text, a.link_text, .link_text_heavy, .a
{
    color:#3366CC;
    text-decoration: none;
}

.link_text_heavy
{
    font-weight:bold;
}

a.link_text_light, .link_text_light 
{
    color:#999999;
    text-transform: none;
}

A.rsslink IMG
{
    padding-right:1px;
    vertical-align:middle;
}

A.rsslink:hover
{
    border:0px;
    text-decoration: none;
}

/*
	General text formatting
*/

.underline
{
  text-decoration: underline;
}

.bold, *.title
{
	font-weight:bold;
}

.notBold
{
	font-weight: normal;
}

.italic, .oblique
{
	font-style: italic;
}

.text-center
{
    text-align:center;
}

.text-right
{
    text-align:right;
}

.text-left
{
    text-align:left;
}

.nobreak
{
    white-space: nowrap;
}   

.smallfont
{
    font-size:10px;
}

.smallText
{
    font-weight:normal;
    font-size:82%;
}

.small-date
{
    color:#999;
    font-size:9px;
}

.big
{
    font-size:  24px;
}

.extraBig
{
    font-size:  28px;
}

.huge
{
    font-size:  32px;
}

.extraHuge
{
    font-size:  36px;
}

.indent-15
{
    margin-left:15px;
}

.indent-30
{
    margin-left:30px;
}

.doubleLineHeight
{
	line-height: 2em;	
}
		
.largeLineHeight
{
	line-height: 1.5em;
}

/* Get Head */
*.h1
{
    font-size:145.5%;
}

*.h2
{
    font-size:136.4%;
}

*.h3
{
    font-size:127.3%;
}

*.h4
{
    font-size:118.2%;
}

*.h5
{
    font-size:109.1%;
}

*.h6
{
    font-size:100%;
}

*.h7
{
    font-size:91%;
}

*.h1_bold
{
    font-size:145.5%;
    font-weight:bold;
}

*.h2_bold
{
    font-size:136.4%;
    font-weight:bold;
}

*.h3_bold
{
    font-size:127.3%;
    font-weight:bold;
}

*.h4_bold
{
    font-size:118.2%;
    font-weight:bold;
}

*.h5_bold
{
    font-size:109.1%;
    font-weight:bold;
}

*.h6_bold
{
    font-size:100%;
    font-weight:bold;
}

/*
	Image formatting
*/

*.small_picture, *.large_picture
{
    text-align:center;
}

.tiny_picture img
{
    width:20px;
}

*.small_picture img
{
    width:40px;
}

*.very_small_picture img
{
    width:30px;
}

*.medium_picture img
{
    width:50px;
}

.outer img
{
    width:150px;
}

.view_img
{
    float:left;
    width:50px;
}

/*
	Forms
*/

INPUT.formButton
{
    padding:1px 2px;
    color:#3366CC;
    font-weight:bold;
}

.submitbutton 
{
	padding:2px 4px; 
	margin-bottom:2px;
	font-weight:bold;
}

.button-group
{
    margin-left:10px;
}

SELECT#friendOptions
{
	margin: 3px;
	width: 10em;
	overflow: auto;
}

SELECT#friendOptions OPTION
{
	padding: 2px 2px 2px 5px;
}

/*
	Pager / Pagination
*/

.pager_navigation
{
    text-align:center;
    margin:0px auto;
}

.clipper_selected
{
    background-color:yellow;
    font-weight:bold;
}

.clipper_reloading
{
  filter: alpha(opacity=50);
  opacity: 0.3;
}

.sortContainer
{
    text-align:center;
    margin:0px auto;	
}

.pager_sorted_asc
{
    background: url(../images/up_arrow_s.png) no-repeat 0px 1px;
    padding-left:14px;
}

.pager_sorted_asc:hover
{
    background: url(../images/up_arrow_s.png) no-repeat 0px -15px;
    padding-left:14px;
}

.pager_sorted_desc
{
    background: url(../images/down_arrow_s.png) no-repeat 0px 1px;
    padding-left:14px;
}

.pager_sorted_desc:hover
{
    background: url(../images/down_arrow_s.png) no-repeat 0px -15px;
    padding-left:14px;
}

/*
	Dialog-related
*/

.modal
{
    display:none;
}

.placeholder
{
    clear:both;
}

#sendInvite td
{
    text-align:left;
    border-spacing:5px 5px;
    border-collapse:separate;
    margin:5px;
    padding:5px;
}

#sendInvite input, #sendInvite textarea
{
    width:200px;
}

FORM#feedbackForm #feedbackTextArea
{
	overflow: auto;
	height: 100px;
	width: 330px;
}

/*
	User notifications
*/

DIV#popupPointer 
{
	z-index: 1000;
	position: absolute;
}

DIV#popupPointer .leftPart
{
	float: left;
	overflow: hidden;
	width: 66px;
	height: 85px;
	background: transparent url('../images/popup-pointer-left.gif') no-repeat;
}

DIV#popupPointer .centerPart
{
	float: left;
	height: 85px;
	padding: 45px 0 0 0;
	background: transparent url('../images/popup-pointer-center.gif') repeat-x;
}

DIV#popupPointer .rightPart
{
	float: left;
	overflow: hidden;
	width: 20px;
	height: 85px;
	background: transparent url('../images/popup-pointer-right.gif') no-repeat;
}


/*
	Language UI
*/

#ft-outside
{
    font-size:85%;
    position:relative;
    margin:-5px auto 0px auto;
    height:30px;
}


#language-selection
{
    margin:0px 5px 0px 0px;
}

#language-selection a, 
#language-selection span
{
    color:#666;
}

#language-selection DIV.lang_line
{
  background-color:#CCC;
  float:right;
  padding:2px 4px;
}

/*
	Rollover buttons
*/

.rollover:hover, .rollover_light:hover
{
    text-decoration:none;
}

.rollover:hover
{
    color:#3366CC;
}

.rollover_light
{
    color:white;
}

.rollover_light:hover
{
    color:#99CCFF;
}

#left_side .rollover:hover
{
    text-decoration:underline;
}
.play_disabled_s
{
    background: url(../images/stop_s.png) no-repeat 0px 0px;	
}

.play_disabled_s:hover
{
    color:#3366CC;
    background: url(../images/stop_s.png) no-repeat 0px -21px;
}

.stop_s
{
    background: url(../images/stop_s.png) no-repeat 0px 0px;
}

.stop_s:hover
{
    color:#99CCFF;
    background: url(../images/stop_s.png) no-repeat 0px -15px;
}

.stop_s_light
{
    background: url(../images/stop_s_light.png) no-repeat 0px 0px;
}

.stop_s_light:hover
{
    color:#99CCFF;
    background: url(../images/stop_s_light.png) no-repeat 0px -21px;
}

.pause_s
{
    background: url(../images/stop_s.png) no-repeat 0px 0px;
}

.pause_s:hover
{
    color:#99CCFF;
    background: url(../images/stop_s.png) no-repeat 0px -21px;
}

.download_s
{
    background: url(../images/buy_s.png) no-repeat 0px 0px;
}

.download_s:hover
{
    color:#3366CC;
    background: url(../images/buy_s.png) no-repeat 0px -15px;
}

#sing_s
{
    background: url(../images/header/sing_s.png) no-repeat 0px 0px;
}

#sing_s:hover
{
    color: #99CCFF;
    background: url(../images/header/sing_s.png) no-repeat 0px -15px;
}

#charts_s
{
    background: url(../images/header/charts_s.png) no-repeat 0px 0px;
    margin-right: 0px;
    padding-right: 3px;
}

#charts_s:hover
{
    background: url(../images/header/charts_s.png) no-repeat 0px -15px;
    margin-right: 0px;
    padding-right: 3px;
    color: #99CCFF;
}

A#charts_nav_menu
{
  display: block;
  width: 7px;
  height: 7px;
  margin: 3px 12px 0 2px;
  padding: 2px 1px 1px 1px;
  border: 1px #FEE2B3 transparent;
  background: transparent url('../images/arrow-mini-menu_off.png') center center no-repeat;
}

A#charts_nav_menu:hover
{
	  margin: 3px 11px 0 1px;
  border: 1px solid #eef;
    background: #efefff url('../images/arrow-mini-menu_on.png') center center no-repeat;
}

#explore_s
{
    background: url(../images/header/explore_s.png) no-repeat 0px 0px;
    margin-right: 0px;
    padding-right: 3px;
}

#explore_s:hover
{
    background: url(../images/header/explore_s.png) no-repeat 0px -15px;
    margin-right: 0px;
    padding-right: 3px;
    color: #99CCFF;
}

#wishlist_jp_s
{
    margin-right: 0px;
    padding-right: 3px;
}

#wishlist_jp_s:hover
{
    margin-right: 0px;
    padding-right: 3px;
    color: #99CCFF;
}

A#explore_nav_menu
{
	display: block;
	width: 7px;
	height: 7px;
	margin: 3px 0 0 1px;
	padding: 2px 1px 1px 1px;
	border: 1px #FEE2B3 transparent;
	background: transparent url('../images/arrow-mini-menu_off.png') center center no-repeat;
}

A#explore_nav_menu:hover
{
	margin: 3px 0 0 0;
	border: 1px solid #eef;
	background: #efefff url('../images/arrow-mini-menu_on.png') center center no-repeat;
}

#hotartists_s
{
    background: url(../images/header/hotartists_s.png) no-repeat 0px 0px;
}

#hotartists_s:hover
{
    color: #99CCFF;
    background: url(../images/header/hotartists_s.png) no-repeat 0px -15px;
}

#invite_s
{
    background: url(../images/invite_s.png) no-repeat 0px 0px;
}

#invite_s:hover
{
    background: url(../images/invite_s.png) no-repeat 0px -15px;
}

#mail_s
{
    background: url(../images/mail_s.png) no-repeat 0px 0px;
}

#mail_s:hover
{
    background: url(../images/mail_s.png) no-repeat 0px -15px;
}

#home_s
{
    background: url(../images/header/home_s.png) no-repeat 0px 0px;
}

#home_s:hover
{
    background: url(../images/header/home_s.png) no-repeat 0px -15px;
    color:#99CCFF
}

#profile_s
{
    background: url(../images/header/profile_s.png) no-repeat 0px 0px;
}

#profile_s:hover
{
    background: url(../images/header/profile_s.png) no-repeat 0px -15px;
    color:#99CCFF
}

#cart_s
{
    background: url(../images/download_s.png) no-repeat 0px 0px;
}

#cart_s:hover
{
    background: url(../images/download_s.png) no-repeat 0px -15px;
}

#store_s 
{
    background: url(../images/download_s.png) no-repeat 0px 0px;
}

#store_s:hover
{
    background: url(../images/download_s.png) no-repeat 0px -21px;	
}

.voice_s
{
    padding-left:25px;
    background: url(../images/voice_s.png) no-repeat 0px 0px;
}

.voice_s:hover
{
    padding-left:25px;
    background: url(../images/voice_s.png) no-repeat 0px -15px;
}

.search_s
{
    padding-left:25px;
    background: url(../images/search_s.png) no-repeat 0px 0px;
}

.search_s:hover
{
    padding-left:25px;
    background: url(../images/search_s.png) no-repeat 0px -15px;	
}

.up_s
{
    padding-left:25px;
    background: url(../images/up_s.png) no-repeat 0px 0px;
}

.up_s:hover
{
    padding-left:25px;
    background: url(../images/up_s.png) no-repeat 0px -21px;	
}

.playlist_s
{
    background: url(../images/playlist_s.png) no-repeat 0px 0px;
}

.playlist_s:hover
{
    background: url(../images/playlist_s.png) no-repeat 0px -15px;
    text-decoration:underline;
}

DIV.mini-close-box
{
  width: 10px;
  height: 10px;
  overflow: hidden;
  cursor: pointer;
  background: transparent url('../images/close-x-sprite.gif') 0px 0px no-repeat;
}

DIV.mini-close-box:hover
{
  background: transparent url('../images/close-x-sprite.gif') 0px -10px no-repeat;
}

/*
	TODO: is everything deprecated but .play-item-select?
*/

.play-item
{
    background-color:white;
    margin:0px 0px;
    padding:0px 0px;
    border-bottom:1px solid #CCC;
}

.play-item a.play_s
{
  behavior: url(/js/iepngfix.php);
    background: url(../images/play_s_small.png) no-repeat 0px 0px;	
}

.play-item a.play_s:hover
{
  behavior: url(/js/iepngfix.php);
    background: url(../images/play_s_small.png) no-repeat 0px -15px;	
}

.play-item .download_s.rollover
{
    font-weight:normal;
}

.play-item .download_s {background: url(../images/download_s_small.png) no-repeat 0px 0px;}
.play-item .download_s:hover {background: url(../images/download_s_small.png) no-repeat 0px -15px;}

.play-item-first
{
    border-top:1px solid #CCC;
}

.play-item table
{
    width:100%;
}

.play-item table td
{
    padding:3px 0px;
}

.play-item td.one
{
    width:auto;
    padding-left:5px
}

.play-item td.two
{
    width:180px;
}

.play-item td.three
{
    width:140px;
}

.play-item tr.rendition td.four
{
    width:100px;
}

.play-item tr.preview td.four
{
    width:75px;
}

.play-item a.play-item-selected
{
    color:#3366CC;
  behavior: url(/js/iepngfix.php);
    background: url(../images/play_s_small.png) no-repeat 0px -15px;
}

/*
	Light player
*/

.light-player .play-item-selected
{
    display:none;
}

.light-player .js_player
{
    margin:0px 0px 0px 0px;
}

.light-player .js_controls
{
    border:0px;
    background:none;
    height:15px;
}

.light-player .recording_length
{
    margin:-1px 2px 0px 0px;
}

.light-player .js_player #player_play_pause
{
    top:0px;
    left:0px;
}

.light-player .js_player #player_stop
{
    top:0px;
    left:20px;
}

.light-player .play_bar_container
{
    padding:0px;
    margin:0px 0px 0px 40px;
}

.light-player .play_bar
{
    height:13px;
    background-color:#EEE;
}

.light-player #track-info-container
{
    margin:-1px 0px 0px 3px;
}

.light-player #play_block
{
    height:13px;
}

.light-player .js_player .player_pause_s
{
    background: url(../images/pause_s.png) no-repeat 0px 0px;
}

.light-player .js_player .player_pause_s:hover
{
    background: url(../images/pause_s.png) no-repeat 0px -15px;
}

.light-player .js_player a.player_play_disabled_s
{
    background: url(../images/player_light_s.png) no-repeat 0px -30px;
}

.light-player .js_player a.player_play_s
{
    background: url(../images/player_light_s.png) no-repeat 0px 0px;
}

.light-player .js_player a.player_play_s:hover
{
    background: url(../images/player_light_s.png) no-repeat 0px -15px;
}

.light-player .js_player a.player_stop_s
{
    background: url(../images/stop_s.png) no-repeat 0px 0px;
}

.light-player .js_player a.player_stop_s:hover
{
    background: url(../images/stop_s.png) no-repeat 0px -15px;
}

.light-player .js_player a.player_stop_disabled_s
{
    background: url(../images/stop_s.png) no-repeat 0px -30px;
}

.light-player .js_player .rollover
{
    height:15px;
}

/*
	FAQ
*/

#faq {
    width:600px;
    margin:20px 20px;
}

#faq .header
{
    font-weight:bold;
    font-size:14px;
    border-bottom:1px solid #999999;
    width:200px;
    margin-bottom:5px;
}

#faq #menu .question
{
    margin-left:20px;
}

#faq #menu .section
{
    margin:16px;
}

#faq .question
{
    font-size:12px;
}

#faq #answers .section
{
    margin-bottom:40px;
}

#faq #answers .question
{
    margin: 30px 0px 0px 10px;
    font-weight:bold;
}

#faq #answers .answer
{
    margin-left:20px;
}

#faq #answers a
{
    font-weight:bold;
}

/*
	Careers
*/

#careersIntro
{
	margin: 20px;
	font-size: 114%;
}

#careers 
{
	margin: 20px 50px 20px 50px;
}

.jobListing 
{
	margin: 20px 20px 40px 10px;
}

.jobTitle 
{
	border-bottom: 1px solid #fc6;
}

.jobDesc 
{
	margin: 5px 0 0 40px;
}

.jobDesc UL {
	margin: 0 0 10px 30px;
	text-indent: -1em;
}

.jobDesc LI:before
{
	content: "\00BB \0020";
	color: #666;
}

/*
	Legal pages
*/

.legalStuff P
{
	margin-top: 10px;
}

.legalStuff OL 
{
	margin: 10px 10px 10px 20px;
	list-style-type: decimal;
}

.legalStuff OL LI 
{
	margin-top: 15px;
}

.legalStuff UL 
{
	margin: 10px 10px 10px 20px;
	list-style-type: disc;
}

.legalStuff UL LI UL {
	list-style-type: circle;
}

.legalStuff LI P 
{
	margin-top: 0;
}

/*
	Charts
*/

.top_rated_songs
{
    list-style-type:decimal;
    margin-left:25px;
    _margin-left:35px;
}

.top_rated_songs li
{
    margin-top:5px;
    clear:both;
    border-bottom:1px solid #DDDDDD;
}

.top_rated_singers li
{
    margin-top:5px;
    clear:both;
    border-bottom:1px solid #DDDDDD;
}

.top_rated_singers .small_picture
{
    float:left;
    min-height:40px;
    _height:40px;
}

.top_rated_singers .top_singer_info
{
    margin-left:55px;
}

/*
	Playlists and recordings
*/

.RecordingsImgView .container, 
.RecordingsImgScoreView .container,
.RecordingsImgScoreMyView .container
{
    padding-top:3px;
    border-top:1px solid #EEE;
    margin:5px 0px 0px 0px;
}

.RecordingsImgView .one, .RecordingsImgScoreView .one, .RecordingsImgScoreMyView .one
{
    width:50px;
    float:left;
}

.RecordingsImgView .two, .RecordingsImgScoreView .two, .RecordingsImgScoreMyView .two
{
    position:relative;
    margin-left:53px;
    height:65px;
}

.PlaylistRecordingsSelfView th, .PlaylistRecordingsSelfView tr.last td
{
    padding: 5px;
    background: url(../images/very_light_gray_bg.jpg) repeat top left;
    border-top:1px solid #e3e3e3;
    border-bottom:1px solid #e3e3e3;
}

.PlaylistRecordingsSelfView #playlistTabForm .share-url
{
    width:340px;
}

.PlaylistRecordingsSelfView th.one, .PlaylistRecordingsSelfView tr.last td.one
{
    border-left:1px solid #e3e3e3;
}

.PlaylistRecordingsSelfView th.four, .PlaylistRecordingsSelfView tr.last td.four
{
    border-right:1px solid #e3e3e3;
}

.RecordingsSelfView td,
.RecordingsSelfMyView td,
.PlaylistRecordingsSelfView td, 
.PlaylistRecordingsView td
{
    vertical-align: middle;
    padding: 10px 0px 10px 0px;
    border-bottom: 1px solid #CCC;
}

.RecordingsSelfMyView td .actions
{
    float:right;
    text-align:right;
}

#bio .PlaylistRecordingsView td
{
    vertical-align:top;
    border-top:1px solid #EEE;
    padding:4px 3px 2px 3px;	
}

.PlaylistDialogRecordingsView
{
    overflow:auto;
    overflow-x:hidden;
    height:263px;
}

.PlaylistDialogRecordingsView table
{
    width:98%;
}

.PlaylistDialogRecordingsView td
{
    padding:10px 0px 0px 0px;
}

.playlist-navigation
{
    margin:0px 1px 2px 3px;
}

.RecordingsImgView .two-one, .RecordingsImgScoreView .two-one, .RecordingsImgScoreMyView .two-one,
.PlaylistDialogRecordingsView .two-one
{
	float:right;
	width:85px;
}

.RecordingsImgScoreView .indent
{
    margin:0px 0px 0px 21px;
}

.RecordingsImgScoreView .links
{
    position:absolute;
    bottom:0px;
    margin:0px 0px 0px 21px;
}

/*
	Comments / Notes
*/

#postComment
{
    height:300px;
    width:400px;
}

#postComment .ft
{
    text-align:left;
}

.comment, .comment_alternate
{
    min-height:67px;
    _height:67px;
    text-align:left;
    margin: 0px 0px 1px 0px;
    padding:5px;
}

.comment_line .small_picture
{
    float:left;
    padding-right:5px;
}

.comment_body
{
    text-align:left;
    margin:2px 0px 10px 5px;
}

.addFan, .removeFan
{
    line-height:19px;
    height:19px;
    _height:21px;
    width:120px;
    cursor:pointer;
    border:1px solid #333333;
    text-align:center;
    margin-top:3px;
}

.recording_item
{
    margin:3px 5px 0px 5px;
    _padding:0px;
    padding:3px;
    background-color:white;
    border:0px;
    border-top:1px solid #EEE;
}

.recording_item_reply
{
    margin:3px 5px 0px 35px;
    _padding:0px;
    padding:3px;
    background-color:white;
    border:0px;
    border-top:1px solid #EEE;
}

/*
	Voice and text search
*/

.voiceSearchImageRecord
{
    background:url("/images/record.png") top left no-repeat;
}

.voiceSearchImageStop
{
    background:url("/images/stop_purple_bg.png") top left no-repeat;
}#voice_recording_text
{
    display:block;
    margin:5px 0px 5px 0px;
}

#voice_container
{
    position:relative;
    display:none;
    padding:0px 5px;
    margin:5px 0px;
    height:65px;
    _height:70px;
}

#volume_text
{
    position:absolute;
    left:2px;
    line-height:18px;
    height:18px;
    width:110px;
    text-align:center;
    margin:0px auto;
    color:#999;
    border:1px solid black;
    background-color:white;
}

.voice_search_box {margin:3px 0px 5px 5px; height:21px;}
.voice_search_box div.body {}

.volume_bar_container {
    float:left; 
    border:1px solid #666; 
    height:18px; 
    width:127px; 
    margin:-24px 0px 0px 2px;
    padding:0px; 
    visibility:hidden; 
    position:absolute;
}

.volume_bar_container div.too_loud {background-color:#FF9900; color:#333}
.volume_bar_line {background-color:green; width:2px; height:18px; margin:0px; padding:0px;}
.voice_search_status_message {width:74px; font-weight:bold; color:red;}
.voice_search_controls {margin:4px 0px 0px 2px; width:90px; position:absolute;}
.voice_search_in_progress_block 
{
    background: white url(../images/loading.gif) no-repeat scroll 0px 0px;
    width:80px;
    height:0px;
    text-align:center; 
    margin:10px auto;
    padding:40px 0px 0px 0px;
}
.flash_search {position:absolute;} 
.advancedPermissionsLink {background-color:#EEE; position:absolute; text-align:center; z-index:9000; white-space: normal; padding:2px 0px; border: 1px solid #666;}
.connection_error_block {padding:4px; background-color:#eee; border: 1px solid black; font-weight:bold;}
#left_side .connection_error_block {margin:30px 0px 0px 5px;}

#left_side .voice_search_box
{
    border-top:1px solid #EEE;
    margin:5px 0px 0px 0px;
    padding-left: 10px;
    height:auto;
}

#main_voice_search_in_progress_block.voice_search_in_progress_block 
{
    margin:0px 0px 0px 25px;
}

.volume_bar_text
{
    color:red;
    font-weight:bold;
    position:absolute;
    margin:2px 0px 0px 19px;
    margin:2px 0px 0px 0px;
    text-align:center;
    width:100%;
}

#left_side .volume_bar_text:hover
{
    color:red;
}

.volume_bar_container, .volume_bar_line
{
    height:18px;
}

.voice_img {
    background: transparent url(../images/voice_search_button_s.gif) no-repeat scroll 0px 0px;
    width:147px;
    height:21px;
    margin:5px 0px 0px 4px;
    padding:4px 0px 0px 0px;
    text-align:center;
    font-weight:bold;
    cursor:pointer;
    position:relative;
}

#main_voice_search_box #voice_img
{
    background: #EEE url(../images/voice_search_button_s.png) no-repeat scroll 0px 0px;
}

.voice_img.hover
{
    color:red;
}

#record_buttons
{
    margin:5px 0px 0px 0px;
}

#stop_record
{
    height:20px;
    margin:10px 0px 0px 0px;
}

.audio_search
{
    margin: 5px 5px 0px 5px;
}

.text-search-input
{
    margin:0px 0px 0px 0px;	
    background: white url(../images/glass.png) no-repeat scroll 0px 0px;
    height:21px;
}

.text_search
{
    margin:0px 0 5px 0px;
}

.text-search-input input.textfield 
{
    background-color:transparent;
    font-family:verdana;
    padding:0px 0px 0px 0px;
    margin:3px 0px 0px 20px;
    *margin:1px 0px 1px 15px;
    width:135px;
    border:0px solid #999;
}


/*
	Color-only rules
*/

*.value, .black
{
    color:black;
}

*.notes
{
    color:#777777;
}

.private
{
    color:#777777;
    background-color:#E0E0EF;
}

*.title.private, *.artist.private, *.username.private, *.score.private
{
    color:#777777;
}

.odd
{
    background-color:#EBEBEB;
}

.orange{
    color: #EE9933;
}

.dark-orange
{
  color:#CC6633;
}

.vivid-orange
{
	color: #ff6600;
}

.warningColor, .red
{
    color:red;
}

.successColor, .green
{
    color:green;
}

.white
{
	color: #fff;
}

.inactive
{
	color: #ccc;
}

.dark-gray, .dark-grey, *.field
{
    color:#666
}

.darkest-gray, .darkest-grey
{
	color: #333;
}

.dark-red
{
	color: #600;
}

.blue-grey, .blue-gray
{
    color: #779;
}

.brown
{
    color: #776633;
}

.date
{
    white-space: nowrap;
}

.date, .gray, .grey, .text-gray
{
    color:#999
}

.light-grey, .light-gray
{
	color: #bbb;
}

.lightest-grey, .lightest-gray
{
	color: #efefef;
}

.notes
{
    background-color:#EEEEEE;
    color:black;
}

/*
	artist mini view
*/

/* hot artists view */
#hot_artists .artistMiniViewContainer
{
	width: 217px;
	*width: 222px;
	margin: 0 auto 0 auto;
	padding: 3px 0 0 0;
}

#hot_artists .artistMiniViewItem
{
	margin: 5px;
}

/* profile page formatting */
#bio .artistMiniViewContainer
{
	width: 310px;
	margin-right: auto;
	margin-left: auto;
}

#bio .artistMiniViewItem
{
	margin: 2.3px;
}

/* fans & faves tab formatting */
#fansAndFavs .artistMiniViewContainer
{
	width: 655px;
	margin-right: auto;
	margin-left: auto;
}

#fansAndFavs .artistMiniViewItem
{
	margin: 5px;
}

/* general artist mini view formatting */
.artistMiniViewItem
{
	float: left;
	width: 96px;
	height: 55px;
	border: 1px solid #666;
	overflow: hidden;
	background: #888;
	cursor: pointer;
	position: relative;
}

.artistMiniViewItem .artistMiniViewImage
{
	position: relative;
	width: 96px;
	height: 55px;
	overflow: hidden;
	background: #fff;
}

.artistMiniViewImage IMG 
{
	position: relative;
	top:-23%;
	left: -4px;
	opacity: .9; filter:alpha(opacity=90);
}

.artistMiniViewItem .artistMiniViewOverlay
{
	position: relative;
	top: -14px;
	height: 14px;
	width: 96px;
	overflow: hidden;
	background: transparent url('../images/artist-mini-view-overlay.png') top left repeat-x;
	*filter:alpha(opacity=75);
}

.artistMiniViewItem .artistMiniViewLabel
{
	height: 14px;
	padding: 1px 2px 1px 2px;
	font-size: 10px;
	color: #fff;
	overflow: hidden;
	white-space: nowrap;
	word-spacing: -.1em;
	letter-spacing: -.2px;
	text-align: left;
}

.artistMiniViewItem .artistMiniViewNumOverlay
{
	position: relative;
	float: right;
	top: -70px;
	height: 14px;
	margin-left: auto;
	margin-right: 0;
	padding: 1px 3px 2px 4px;
	opacity: .7;  filter:alpha(opacity=70);
	background: transparent url('../images/artist-mini-view-num-overlay.png') top left no-repeat;
	*background: transparent url('../images/artist-mini-view-num-overlay.gif') top left no-repeat;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
}

/*
	more media:  videos and more
*/

DIV#videos_container
{
	padding: 5px;
	border-bottom: 2px solid black;
}

DIV#videos_container TABLE#videosContainerTable
{
	width: 535px;
	height: 400px;
}

DIV#videos_container TABLE#videosContainerTable TD.video-thumbnails
{
	width: 105px;
	vertical-align: top;
	text-align: center;
}

DIV#videos_container TABLE#videosContainerTable TD.video-cell
{
	padding: 5px 0 0 5px;
	vertical-align: middle;
}

DIV#videos_container .videos_thumbnail IMG
{
	margin:  4px;
	padding: 1px;
	border: none;
}

DIV#videos_container .videos_thumbnail.selected IMG
{
	margin: 1px;
	border: 3px solid #fc6;
}

DIV#videos_container DIV.video-message
{
	height: 250px;
	padding: 150px 0 0 0;
	color: #999;
	font-size: 24px;
	text-align: center;
}

/*
	miscellaneous:  the land o' lonely selectors
*/

#about_us
{
    font-size:14px;
    width:550px;
    margin-left:30px;
    margin-bottom:20px;
}

#about_us .headline
{
    font-size:24px;
    font-weight:bold;
    color:#999999;
    border-bottom:1px solid #999999;
    padding:5px;
    width:350px;
    margin-bottom:5px;
    margin-top:20px;
}

#about_voice_search
{
    padding: 10px 30px 10px 30px;
    font-size: 129%;
}

#about_voice_search h1
{
    margin-left: -20px;
    font-size: 129%;
    font-weight: bold;
    border-bottom: 1px solid #fc6;
}

#about_voice_search ol 
{
    list-style-type: decimal;
}

#about_voice_search ol li
{
    margin: 5px 0 10px 50px;
}

#about_voice_search #hidden-tips
{
    width: 50%;
    margin: 20px auto 10px auto;
    padding: 10px 10px 5px 10px;
    background-color: #f6f6f6;
    border: 1px solid #f0f0f0;
}

#about_voice_search #hidden-tips ul
{
    list-style-type: circle;
    margin-left: 15px;
    font-size: 12px;
}

#about_voice_search #hidden-tips ul li
{
    margin-bottom: 5px;
}

#comment_policy ol {
    list-style-type: decimal;
    margin-left:50px;
}

#comment_policy .large-margin {
    margin-left:30px;
}

#amg-logo
{
    background: url(../images/amg_logo.gif) no-repeat 0px 1px;
    float:left;
    margin:0px 0px 0px 5px;
    padding:0px 0px 0px 38px;
    color:#CCC;
    font-size:90%;
}

#listen-japan-logo
{
    background: url(../images/listen_logo_tiny_grey_bg.gif) no-repeat 0px 1px;
    float:left;
    margin:0px 0px 0px 5px;
    padding:0px 0px 0px 38px;
    color:#CCC;
    font-size:90%;
}
#moreComments
{
    display:none;
}

#postFeedback, #sendInvite
{
    display:none;
}

#password_reset
{
    margin:5px;
}

.parental_advisory
{
    text-align:center;
}

.track-info .one
{
    float:left;
    width:60px;
}

.track-info .two
{
    margin-left:60px;
}

div.noscript
{
    font-weight:bold;
    text-align:center;
    background-color:white;
    padding:10px;
    font-size:110%;
    min-height:100px;
}

div.noflash
{
    background-color:#eee;
    padding:5px;
    border: 2px solid black;
}

a.logo_link
{
    width:200px; 
    height:74px;
    margin:0px auto;
    display:block;
}

#get-flash
{
    margin:10px 0px 0px 0px;
}

#get-flash a
{
    font-weight:bold;
}

.skipped
{
    color:gray;
}

#flash_module
{
	position:absolute;
}

DIV.flashModule
{
  position:absolute;
  top:1px;
  left:1px;
  z-index: 2;
  line-height:0px;
}

/*
	YUI themes
*/

/** Tab overwriddes **/
/** gray theme */
.ytheme-gray .ytab-wrap {
    border-bottom:1px solid #aca899;
}
.ytheme-gray .ytab-strip .on .ytab-text {
    cursor:default;
    color:#333333;
}
.ytheme-gray .ytabs-top .ytab-strip .on .ytab-right {
    background: url(../images/tab-sprite.gif) no-repeat right 0px;
}
.ytheme-gray .ytabs-top .ytab-strip .on .ytab-left {
    background: url(../images/tab-sprite.gif) no-repeat 0px -100px;
}
.ytheme-gray .ytabs-top .ytab-strip .ytab-right {
    background: url(../images/tab-sprite.gif) no-repeat right -50px;
}
.ytheme-gray .ytabs-top .ytab-strip .ytab-left {
    background: url(../images/tab-sprite.gif) no-repeat 0px -150px;
}

.ytheme-gray .ytabs-bottom .ytab-wrap {
    border-bottom:0px none;
    padding-top:0px;
    border-top:1px solid #aca899;
}

.ytheme-gray .yui-ext-tabbody
{
    background-color: white;
    border-top:0px;
    border-left:2px solid #FFD788;
    border-right:2px solid #FFD788;
    border-bottom:2px solid #FFD788;
    padding:5px;
}

.ytheme-gray .ytab-wrap {
    border-bottom:2px solid #FFD788;
}

.ytheme-gray .ytab-strip .on .ytab-text, .ytab-strip .ytab-text
{
    color:black;
    font-family: Verdana;
}
/** End gray theme **/

/* sub gray theme */
.ytheme-gray .ysubtheme-gray .ytab-strip .ytab-text {
    color:black;
    cursor:pointer;
}

.ytheme-gray .ysubtheme-gray .yui-ext-tabbody
{
    border:0px;
    padding:5px;
}

.ytheme-gray .ysubtheme-gray .ytab-wrap {
    border-bottom:1px solid #FFD788;
}
.ytheme-gray .ysubtheme-gray .ytab-strip .on .ytab-text {
    cursor:default;
    color:#333333;
}
.ytheme-gray .ysubtheme-gray .ytabs-top .ytab-strip .on .ytab-right {
    background: url(../images/tab-sub-sprite.gif) no-repeat right 0px;
}
.ytheme-gray .ysubtheme-gray .ytabs-top .ytab-strip .on .ytab-left {
    background: url(../images/tab-sub-sprite.gif) no-repeat 0px -100px;
}
.ytheme-gray .ysubtheme-gray .ytabs-top .ytab-strip .ytab-right {
    background: url(../images/tab-sub-sprite.gif) no-repeat right -50px;
}
.ytheme-gray .ysubtheme-gray .ytabs-top .ytab-strip .ytab-left {
    background: url(../images/tab-sub-sprite.gif) no-repeat 0px -150px;
}

.ytheme-gray .ysubtheme-gray .ytabs-bottom .ytab-wrap {
    border-bottom:0px none;
    padding-top:0px;
    border-top:1px solid #aca899;
}

.ytheme-gray .ysubtheme-gray .ytab-strip .on .ytab-text {
    cursor:default;
    color:black;
}
/** End subgray theme **/

/* XP Panel Skin CSS */
.yui-panel-container.shadow .underlay { background-color:#999; }

.yui-panel { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; border:0px;}

/* Apply the border to the right side */
.yui-panel { border:none; overflow:visible; background:transparent url(../images/panel/xp-brdr-rt.gif) no-repeat top right; }

/* Style the close icon */
.yui-panel .container-close { top:2px; right:7px; height:15px; width:15px;  background-image:url(../images/panel/xp-close.gif);}

/* Style the header with its associated corners */
.yui-panel .hd { padding:0; border:none; background:transparent url(../images/panel/xp-hd.gif); color:#FFF; height:20px; margin-left:8px; margin-right:8px; font: Verdana; text-align:left; vertical-align:middle; overflow:visible; }
.yui-panel .hd span { line-height:20px; vertical-align:middle; }
.yui-panel .hd .tl { width:8px;height:20px; top:0px;left:0; background:transparent url(../images/panel/xp-tl.gif); position:absolute; }
.yui-panel .hd .tr { width:8px;height:20px; top:0px;right:0; background:transparent url(../images/panel/xp-tr.gif); position:absolute; }

/* Style the body with the left border */
.yui-panel .bd { overflow:hidden; padding:8px; border:none; background:#FFF url(../images/panel/xp-brdr-lt.gif) repeat-y; margin:0 2px 0 0; text-align:left; }

/* Style the footer with the bottom corner images */
.yui-panel .ft { background:transparent url(../images/panel/xp-ft.gif); font-size:11px; height:30px; padding:0px 10px; }
.yui-panel .ft span { line-height:30px; vertical-align:middle; }
.yui-panel .ft .bl { width:8px;height:30px; bottom:0;left:0; background:transparent url(../images/panel/xp-bl.gif); position:absolute; }
.yui-panel .ft .br { width:8px;height:30px; bottom:0;right:0; background:transparent url(../images/panel/xp-br.gif); position:absolute; }

.yui-panel.small .ft { background:transparent bottom url(../images/panel/xp-ft.gif); font-size:11px; height:2px; padding:0px 10px; }
.yui-panel.small .ft span { line-height:2px; vertical-align:middle; }
.yui-panel.small .ft .bl { width:8px;height:2px; bottom:0;left:0; background:transparent bottom url(../images/panel/xp-bl.gif); position:absolute; }
.yui-panel.small .ft .br { width:8px;height:2px; bottom:0;right:0; background:transparent bottom url(../images/panel/xp-br.gif); position:absolute; }

.yui-skin-sam .yuimenu .topscrollbar
{
	background: #fff url('../images/arrow-scroll-wide-up.gif') center center no-repeat;
}

.yui-skin-sam .yuimenu .bottomscrollbar
{
	background: #fff url('../images/arrow-scroll-wide-down.gif') center center no-repeat;
}

.yuimenuitemlabel-hassubmenu {
  background: url('../images/menuitem_submenuindicator.png') right center no-repeat;
}

#purchaseModal DIV.bd
{
  text-align:center;
}

DIV#invite, DIV#findFriends, DIV#addFriends
{
  padding:10px;
}
#invite DIV.lightBox, #findFriends DIV.lightBox
{
  padding:10px;
  margin-bottom:10px;
}
#invite TD, #findFriends TD
{
  padding:5px 2px;
  vertical-align:top;
}
#inviteForm INPUT#from_email
{
  width:300px;
}
#inviteForm TEXTAREA#inviteMessage
{
  width:400px;
  height:100px;
}
#inviteForm TD.fieldLabel
{
  text-align:right;
  color:#666;
  font-weight:bold;
  padding-right:10px;
}
#invite LI
{
  padding:1px 0px;
}

#invite SPAN.recipient_delete_link
{
  margin-left:5px;
}

IMG.captcha
{
  vertical-align:bottom;
}

#friendRequestModal IMG.profile_picture
{
  width:100px;
}

#friendRequestModal TD
{
  vertical-align:top;
  padding:2px;
}

#friendRequestModal TEXTAREA
{
  width:340px;
  height:70px;
  padding:2px;
}

#requests_box
{
  padding:5px;
  margin:5px;
}

#requests_box .sectionHead
{
  border-bottom:1px dotted #CCCCCC;
  color:#333333;
  font-size:118.2%;
  font-weight:bold;
  padding:0pt 0pt 2px;
}

#requests_box TD
{
  padding:5px 0px 0px 4px;
}

#friendRequests TD, #addFriends TD
{
  padding:10px 0px 10px 10px;
  vertical-align:top;
  border-bottom: 1px dotted #CCCCCC;
}

#findFriendsEmailsText
{
  width:350px; 
  height:100px;
}

IMG.button-disabled
{
  opacity: .3; filter:alpha(opacity=30);
}

.topNavMenu
{
  visibility: hidden;
}

/*
  Large, semi-standard popup menu
*/

DIV.large-popup-menu
{
  width: 200px;
  border: 1px solid #ccc;
}

DIV.large-popup-menu UL
{
  margin: 0;
  padding: 0;
  list-style-type: none;
}

DIV.large-popup-menu LI.menu-item
{
  display: block;
  padding: 4px 7px;
  border-bottom: 1px solid #e5e5e5;
  background: #f5f7fc;
  font-size: 12px;
}

DIV.large-popup-menu LI.menu-item.selected
{
  font-weight: bold;
}

DIV.large-popup-menu LI.menu-item.hover, 
DIV.large-popup-menu LI.menu-item:hover
{
  background: #fff;
  text-decoration: underline;
}

DIV.large-popup-menu LI.calendar-menu-item
{
  display: block;
  padding: 4px 7px 7px;
  background: #f2f2f2;
  font-size: 12px;
  color: #333;
}

LI.calendar-menu-item DIV.calendar-selector
{
  height: 185px;
  margin: 3px 0 0 0;
}

/*
Iphone link on the sidebar
*/
DIV.iphone_sidebar
{
  text-align:center;
  padding: 8px 0px 5px 0px;
} HTML#soundhound, BODY#soundhound {
  font-family: Helvetica, sans-serif !important;
  background: #000 !important;
}

DIV#doc4 {
  font-family: Helvetica, sans-serif !important;
}

DIV#bd {
  width: 966px;
}

/* Header */

BODY#soundhound DIV#hd {
  height: 93px;
  background: url('/images/soundhound/gradient-header-soundhound.gif') #3b3b3b top left repeat-x !important;
}

DIV#shHeaderTitle {
  float: left;
  width: 640px;
  height: 93px;
}

DIV#shHeaderTitle IMG.header-title {
  margin: 12px 0 0 30px;
}

DIV#shHeaderDownload {
  float: right;
  width: 200px;
  padding: 8px 0px 0 0;
}

DIV#shHeaderDownload DIV.icon-download {
  float: right;
  width: 80px;
  height: 80px;
}

DIV#shHeaderDownload DIV.icon-download IMG {
  width: 80px;
  height: 80px;
  border: none !important;
}

DIV#shHeaderDownload A.download-now {
  float: right;
  margin: 7px 20px 0 50px;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  color: #aaddff;
  border-bottom: 1px dotted #6688aa;
}

DIV#shHeaderDownload A.appstore {
  float: right;
  margin: 10px 20px 0 0;
}

DIV#shHeaderMenu {
  margin:8px 0px 0px 30px;
}

DIV#shHeaderMenu LI {
  float: left;
  width: 92px;
  height: 24px;
  padding: 8px 0px 0px 0px;
  background: none;
  text-align: center;
}

DIV#shHeaderMenu A {
  font-family: Arial;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}

DIV#shHeaderMenu LI.two-line A SPAN {
  display: block;
  position: relative;
  top: -4px;
  margin: 0 10px 0 0;
  font-size: 9px;
  text-align: right;
}

DIV#shHeaderMenu A:hover {
  color: #fff6e0;
  text-decoration: none;
  border-bottom: 1px dotted #777660;
}

DIV#shHeaderMenu LI.selected {
  background: url('/images/soundhound/gradient-header-tab-soundhound.gif') #3a3938 top left repeat-x; 
}

/* Footer */

BODY#soundhound DIV#ft {
  width: 946px;
  height: 70px;
  padding: 10px;
  color: #ccc;
  font-size: 12px;
  background: #000;
}

BODY#soundhound DIV#ft A {
  color: #fff;
}

BODY#soundhound DIV#ft A:hover {
  color: #fff6e0;
  text-decoration: none;
  border-bottom: 1px dotted #777660;
}

DIV#shFooterNotes P {
  margin: 7px 0 0 0;
  font-size: 11px;
}

BODY#soundhound DIV#ft DIV#shFooterNotes a#s2s:hover {
  border:0px;
}

DIV#shFooterMenu {
  float: right;
}

DIV#shFooterMenu LI {
  display: inline;
  margin: 0 0 0 20px;
  list-style: none;
  text-align: right;
}

DIV#shFooterMenu LI.links P {
  text-align: right;
  margin: 2px 0 0 0;
}

/* Text styles */

HTML#soundhound H1 {
  font-size: 52px;
  font-weight: bold;
}

HTML#soundhound H2 {
  font-size: 26px;
  font-weight: bold;
  text-transform: uppercase;
  color: #999;
  border-bottom: 1px solid #ff9933;
}

HTML#soundhound H3 {
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  color: #696969;
}

HTML#soundhound H4 {
  font-size: 16px;
  font-weight: bold;
}

HTML#soundhound H5 {
  font-size: 14px;
  font-weight: bold;
  color: #666;
}

HTML#soundhound H3 A, HTML#soundhound H4 A, HTML#soundhound H5 A {
  color: #f0a43a;
}

P.text {
  margin-top: 10px;
  font-size: 14px;
  line-height: 18px;
  color: #666;
}

/* Features */

DIV#shFeaturesFlash {
  line-height: 0px;
  border-right: 1px solid #000;
}

DIV#shFeaturesFlash DIV#shNoFlash {
  line-height: 18px;
}

DIV#shFeaturesBody {
  margin: 0;
  padding: 0 0 0 30px;
}

DIV#shFeaturesBody DIV.overview {
  float: left;
  width: 310px;
  margin: 15px 25px 30px 0;
}

DIV#shFeaturesBody DIV.download {
  float: left;
  width: 546px;
  margin: 15px 10px 15px 0;
  padding: 20px 20px 20px 20px;
  background: #dedede;
}

DIV#shFeaturesBody DIV.download TD {
  vertical-align:top;
  padding:0px 5px;
}

DIV#shFeaturesBody DIV.download TD P.text{
  vertical-align:top;
  padding:0px 5px;
  font-size:12px;
  padding:0px;
}

DIV#shFeaturesBody DIV.download H3 {
  margin: 0 0 15px 0;
}

DIV#shFeaturesBody DIV.download DIV#download-now {
  margin-bottom:10px;
}

/* Short video display */

UL.videos-short {
  margin: 10px 0 0 0;
}

UL.videos-short LI {
  list-style: none;
  margin: 0 0 10px 0;
  padding: 0;
}

UL.videos-short DIV.thumb {
  float: left;
  width: 60px;
  margin: 0 10px 0 0;
}

UL.videos-short DIV.thumb IMG {
  width: 60px;
  height: 45px;
}

UL.videos-short DIV.desc {
  float: left;
  width: 235px;
  font-size: 13px;
}

/* Videos page */

DIV#shVideos {
  padding: 20px 30px;
  background: url('/images/soundhound/shadow-white-20x20.png') top left repeat-x #fff;
}

DIV#shVideos DIV#stageVideoObject {
  float: left;
  padding: 15px 0 0 0;
}

DIV#shVideos DIV#currentlyPlayingDesc {
  float: left;
  width: 200px;
  margin: 15px 15px 0 0;
}

DIV#shMoreVideos TABLE {
  margin: 15px auto;
}

DIV#shMoreVideos TD {
  width: 240px;
  padding: 0 0 15px 0;
  vertical-align: top;
}

DIV#shMoreVideos TD.middle {
  padding: 0 50px;
}

DIV#shMoreVideos IMG {
  width: 240;
  height: 180px;
  padding: 5px 0;
  cursor: pointer;
}

DIV#shMoreVideos H3 {
  margin: 7px 0 0 0;
  text-transform: none;
  cursor: pointer;
}

DIV#shMoreVideos P {
  margin: 3px 0 0 0;
  font-size: 14px;
  line-height: 18px;
  color: #666;
}

/* Reviews page */

DIV#shReviews {
  width: 966px;
}

DIV#shReviews DIV#shReviewHeader {
  width: 956px;
  padding: 20px 5px;
  background: url('/images/soundhound/shadow-darkgrey-20x20.png') top left repeat-x #333;
}

DIV#shReviews H1 {
  text-align: center;
  color: #fff;
  font-style: oblique;
}

DIV#shReviews DIV.review-header-source {
  margin: 0 75px 0 0;
  color: #999;
  font-size: 20px;
  text-align: right;
}

DIV#shReviews DIV.review-header-source A {
  color: #aaddff;
  text-decoration: none;
  border-bottom: 1px dotted #6688aa;
}

DIV#shReviewBody {
  padding: 15px 30px;
}

DIV#shReviewBody TD {
  padding: 20px;
  font-size: 14px;
  line-height: 18px;
  color: #333;
}

DIV#shReviewBody TD.source {
  width: 150px;
  text-align: center;
  vertical-align: top;
}

DIV#shReviewBody TD P {
  margin: 0 0 0 20px;
  font-size: 12px;
}

/* About page */

DIV#shAboutBody {
  margin: 15px 30px;
}

DIV#shAboutBody TABLE {
  margin: 15px 0;
}

DIV#shAboutBody TD {
  padding: 10px;
}

DIV#shAboutBody TD.logo {
  width: 320px;
  text-align: center;
  vertical-align: top;
}

DIV#shAboutBody P.text {
  margin: 0 0 10px 0;
}