html {scrollbar-face-color: #99b; scrollbar-arrow-color: #fff; scrollbar-highlight-color: #fff; scrollbar-shadow-color: #99c; scrollbar-3dlight-color: #000; }

body {
	margin: 0 auto;
	padding: 0px;
	color: #000;
	background-position:top center;
	background-attachment:fixed;
	background-repeat:no-repeat;
	/*background-color:#d4f1ff;*/
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}


/* Main Structure, wrap the whole layout in a div to keep it narrow and centered */

#wrapper { width:1000px; margin: 0 auto; padding: 0; }

#ContentContainer {
	width:1000px;
	height:auto;
	float: left;
	background-image: url(/images/white_bg.gif);
	background-repeat:repeat-y;
}

#top { width:840px; height:auto; }

#header {
	width:840px;
	height:auto;
	background-image: url(/images/top_curve.gif);
	background-repeat:no-repeat;
	padding-bottom:8px;
	float:left;
	display:inline;
}

#logo {	width:475px; height:100px; float:left; background:inherit; }

#dvr { width:350px; height:75px; float:right; margin:15px 15px 0 0; background: url(/images/dvr_bg.gif) no-repeat; }

#songtitle { width:150px; height:auto; float:left; padding-top:20px; padding-left:15px; }

.artist, .artist a:link, .artist a:visited { height:13px; display:block; font:bold; font-size:11px; color:#19608d; overflow:hidden; margin:0; padding:0; text-decoration:none; }

.song { height:15px; display:block; font-size:10px; color:#000; overflow:hidden; margin:0; padding:0; }

#announcer { width:180px; height:65px; float:right; padding-top:5px; padding-right:5px; }

#content_default {
	width:840px;
	height:auto;
	float: left;
	display:inline;
}

* {
	margin: 0;
	padding: 0;
}

#divloading {
	background-image:url(/images/preloader.gif); 
	background-repeat:no-repeat; 
	background-position:center;	
}

#mixleft { width:525px; padding-left:5px; height:auto; float:left; text-align:left; }

#mixright { width:305px; padding-right:5px; height:auto; float:right; text-align:left; }

#content_bg { width:840px; height:auto; float:left; background: url(/images/stripe_bg.gif) repeat-y top; padding-top:8px; display:inline-block; }

#mainhighlight {
	width:520px;
	height:245px;
	float: left;
	padding-bottom: 8px;
	display:inline;
	margin-right:5px;
}

#sponsorship {
	width:515px;
	height:auto;
	float: left;
	padding-left:3px;
	margin-bottom:10px;
	clear: left;
}

#tools { width:299px; height:239px; float:right; padding:3px; margin-bottom:8px; background: url(/images/selection_bg.gif) no-repeat; display:inline;}
 
#toolsMain { width:264px; height:34px; margin-bottom:1px; background: url(/images/tools_bg.gif) no-repeat; padding:5px 20px 0 15px; cursor:pointer; }

.toolsBig { width:260px; height:16px; color:#c4122f; font-weight:bold; font-size:14px; display:block; overflow:hidden; }
.toolsBig:hover { color:#990000; }

.toolsSmall { width:260px; height:15px; color:#000; font-size:11px; display:block; overflow:hidden; }


#promotion_text {
	width:305px;
	height:auto;
	float: right;
	background: url(/images/hot_bg.gif) repeat-y;
	border-bottom:1px solid #AFAFAF;
	text-decoration: none;
	display:inline;
	margin-bottom:10px;
}

#promotion_text ul {
	margin:10px;
	line-height:18px;
	font-size:11px;
	text-decoration: none;
	list-style:none;
}

#promotion_text ul li { border-bottom:dotted 1px #BFBFBF; padding-bottom:3px; }

#promotion_text ul li a { color:#333; text-decoration: none; }
#promotion_text ul li a:hover { color:#19608d; text-decoration: none; }

.titlehead { height:33px; }

#leftbox { width:520px; height:auto; float:left; margin-bottom:10px; display:inline; }

#rightbox {	width:305px; height:auto; float: right;	margin-bottom:10px; display:inline; }

#leftboxbg { width:520px; height:auto; float:left; margin-bottom:10px; display:inline; background: url(/images/bg520.gif) repeat-y; padding-bottom:10px; border-bottom:1px solid #AFAFAF; }

#leftboxhalf { width:255px; height:auto; display:inline; background: url(/images/bg255.gif) repeat-y; border-bottom:1px solid #AFAFAF; }

#chartbox { width:244px; height:auto; float:left; padding:0 8px; margin-top:8px; display:inline; }
.chartpost { font-size:24px; font-weight:bold; color:#AFAFAF; width:22px; height:42px; float:left; display:block; text-align:center; }
.cthumb { width:40px; height:40px; float:left; display:block; border:1px solid #AFAFAF; }
.chartsong { width:170px; height:42px; float:left; display:block; padding-left:5px; font-size:11px; overflow:hidden; }

div.hr { width:inherit; height:15px; background:url(/images/chart_line.gif) repeat-x center scroll; clear:both }

#mixtv { padding:10px; width:500px; height:auto; }

#podlist { background-color:#D4F1FF; display:block; font-size:12px; height:15px; line-height:17px; margin-bottom:2px; overflow:hidden; padding:4px 5px 6px; }

#podlist_sel { background-color:#19608D; display:block; font-size:12px; height:15px; line-height:17px; margin-bottom:2px; overflow:hidden; padding:4px 5px 6px; }

#mobiledownload {
	width:295px;
	height:186px;
	padding: 4px;
	margin:10px 0;
	background-image:url(/images/preloader.gif); 
	background-repeat:no-repeat; 
	background-position:center;
	background-color:#FFF;
	border:1px #AFAFAF solid;
	clear: both;
}

#mobiledownload:hover {
	border:1px #333 solid;
}


/* inside pages___________________________________________________ */

#content {
	width:780px;
	height:auto;
	float: left;
	display:inline-block;
	padding:0 30px;
}

#right_content {
	float:right; width:640px; height:auto; display:inline; margin-left:7px; margin-top:10px;
}

table.tablepadding10 td { padding:10px; }
table.tablepadding5 td { padding:5px; }
table.tablepadding3 td { padding:3px; }
table.tablepadding2 td { padding:2px; }
table.tablepadding0 td { padding:0px; }
table.firefox-fix td {line-height:0px;}

/* sponsored pages___________________________________________________ */

#ContentContainer_sponsor{
	width:834px;
	padding:0 3px;
	height:auto;
	float: left;
	display:inline;
	background-image: url(/images/white_bg.gif);
	background-repeat:repeat-y;
}

/* Left Inner Sub navigation___________________________________________________ */
#subtitle {
	width:780px;
	height:40px;
	background:url(/images/subtitle_bkg.gif);
	margin-left:0px;
	float: left;
}
#subtitle_nav {
	background:#D4F1FF url(/images/navi_sub.gif) repeat scroll 0 0;
	float:left;
	height:auto;
	margin-left:0;
	margin-top:10px;
	padding:5px;
	width:120px;
	border-bottom:5px solid #CCE8F5;
	border-top:5px solid #CCE8F5;
	border-right:1px solid #CCE8F5;
	border-left:1px solid #CCE8F5;
}
.subtitle a, .subtitle a:visited {
	width: 120px;
	height: 30px;
	text-decoration:none;
	display:block;
	line-height:30px;
	text-indent: 4px;
}
.subtitle a:hover {
	width: 120px;
	height: 30px;
	color:#FFFFFF;
	line-height:30px;
	text-indent: 4px;
	background-color:#CC0000;
	text-decoration:none;
}


/* Footer__________________________________________________ */

#footer {
	width:820px;
	height:80px;
	clear: left;
	padding:8px 10px 0;
	background:url(/images/footer_bg.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-size:12px;
}

#socialbook {
	float:left; 
	width:180px; 
	height:60px; 
	padding-top:10px; 
	padding-left:5px; 
	background:url(/images/vert_dot.gif) repeat-y right;
}

#socialbook img { padding:0 1px; }

#footlink {
	float:left; 
	width:250px; 
	height:60px; 
	padding:10px 15px 0; 
	background:url(/images/vert_dot.gif) repeat-y right;
	color:#FFF;
}

#contact {
	float:left; 
	width:320px; 
	height:60px; 
	padding:10px 10px 0; 
	color:#FFF;
	font-size:10px;
}

/* ePass__________________________________________________ */

#epass {
	height:29px;
	width:835px;
	text-align: right;
	border: none;
	color: #FFF;
	font-size: 11px;
	float: left;
} 

#epass a:link {
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-transform: uppercase;
	margin-left: 10px;
	margin-right: 10px;
	text-decoration:none;
}
#epass a:active {
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-transform: uppercase;
	margin-left: 10px;
	margin-right: 10px;
	text-decoration:none;
}
#epass a:visited {
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-transform: uppercase;
	margin-left: 10px;
	margin-right: 10px;
	text-decoration:none;
}
#epass a:hover {
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-transform: uppercase;
	margin-left: 10px;
	margin-right: 10px;
	text-decoration:underline;
}


/* Navigation__________________________________________________ */

#nav { width:auto; height:auto; clear:left; margin-left:2px;}

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/pro_drop4.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/*.preload1 {background: url(/images/pro_drop4_2a.gif);}
.preload1 {background: url(/images/pro_drop4_2b.gif);}*/

.prodrop4 {
	margin-left:3px;
	list-style:none;
	height:38px;
	background:transparent url(/images/navi_bg.gif);
	background-repeat:no-repeat;
	z-index:830;
	font-size: 15px;
	padding-left: 15px;
	padding-right:0px;
}
.prodrop4 li.top {display:block; float:left;}
.prodrop4 li a.top_link {
	display:block;
	float:left;
	height:38px;
	line-height:26px;
	color:#FFFFFF;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	padding:0 0 0 5px;
	cursor:pointer;
	/*background: url(/images/pro_drop4_0a.gif) no-repeat;*/
}
.prodrop4 li a.top_link span {
	float:left;
	display:block;
	padding:6px 10px 0px 10px;
	height:30px;
	/*background:url(/images/pro_drop4_0b.gif) right top;*/
	font-size: 15px;
}
.prodrop4 li a.top_link:hover { color:#FFFFFF; /*background: url(/images/pro_drop4_2a.gif) no-repeat;*/ }
.prodrop4 li a.top_link:hover span { color:#c4122f; /*background:url(/images/pro_drop4_2b.gif) no-repeat right top;*/ }

.prodrop4 li:hover > a.top_link {
	color:#FFFFFF;
	/*background: url(/images/pro_drop4_2a.gif) no-repeat;*/
	line-height:26px;
}
.prodrop4 li:hover > a.top_link span {/*background:url(/images/pro_drop4_2b.gif) no-repeat right top;*/}


.prodrop4 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.prodrop4 a:hover {visibility:visible; position:relative; z-index:200;}
.prodrop4 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.prodrop4 ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;list-style-type:none;}

.prodrop4 ul.sub1 {width:120px;}
.prodrop4 ul.sub2 {width:120px;}
.prodrop4 ul.sub3 {width:140px;}
.prodrop4 ul.sub4 {width:135px;}
.prodrop4 ul.sub5 {width:120px;}
.prodrop4 ul.sub6 {width:120px;}
.prodrop4 ul.sub7 {width:130px;}

.prodrop4 :hover ul {
	left:0;
	top:38px;
	padding:3px;
	white-space:nowrap;
	height:auto;
	z-index:300;
	background-color: #d4f1ff;
	background-image:url(/images/navi_sub.gif);
	background-repeat:repeat;
	border-top-width: 0;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #cce8f5;
	border-right-color: #cce8f5;
	border-bottom-color: #cce8f5;
	border-left-color: #cce8f5;
}
.prodrop4 :hover ul li {display:block; height:20px; position:relative; font-weight:normal; width:auto;}
.prodrop4 :hover ul li a {display:block;font-size:12px;	height:20px;line-height:20px;width:auto;padding:0 10px;	color:#333333;text-decoration:none;}
.prodrop4 :hover ul li a:hover {
	color:#FFFFFF;
	background-color: #19608d;
}

/* Navigation end__________________________________________________ */




/* KHAD start __________________________________________________ */
.khad1:link {
    color:#8a9f9f;
	font-weight:bold;
}
.khad1:visited {
    color:#8a9f9f;
	font-weight:bold;
}

.khad1:hover {
    color:#8a9f9f;
	font-weight:bold;
	text-decoration:none;
}
.khad1:active {
    color:#8a9f9f;
	font-weight:bold;
}
.khad2:link {
	font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    color:#8a9f9f;
}
.khad2:visited {
	font-family:Arial, Helvetica, sans-serif;	
    font-size:10px;
    color:#8a9f9f;
}
.khad2:hover {
	font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    color:#66CCCC;
	text-decoration:none;
	 
}
.khad2:active {
	font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    color:#8a9f9f;
}

/* SHARE start __________________________________________________ */

#social {
	width:auto;
	height:39px;
	background:url(/images/sharefooter_bg.gif);
	clear: left;
	text-align: center;
	background-repeat: repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}

.kSearch{
margin-top:7px;
margin-left:10px;
background-color:#FFFFFF;
background:url(/images/navi_searchbg.gif) no-repeat;
width:180px;
padding-bottom:1px;
height:25px;
overflow:hidden;
}
.kSearch form {
margin:0px;
padding:0px;
}
.kSTxt {
	border:0 none;
	font-size:11px;
	height:18px;
	margin-left:10px;
	margin-right:2px;
	margin-top:3px;
	vertical-align:text-bottom;
	width:77px;
}
.kSDrp{
	border-width:1px;
	border-style:solid;
	border-color: #CCCCCC;
	width: 60px;
	background: none;
	font-size: 10px;
	height:19px;
	background-color:#FFFFFF;
	margin-top:2px;
	 
}
.kSep{
float:left;
vertical-align:bottom;
padding-top:2px;
}
#searchmix-btn { margin-left:3px; margin-top:1px; }

.eventphotobankred
{ padding:10px;
	}
	
/* pagination__________________________________________________ */
DIV.pagination {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	FONT-SIZE: 11px; 
	PADDING-BOTTOM: 10px; 
	COLOR: #f0f0f0; 
	PADDING-TOP: 10px; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align:center;
	clear:both;
	width:inherit;
	display:block;
	line-height:25px;
	float:left;
}

DIV.pagination A {
	BORDER-RIGHT: #f0f0f0 2px solid; 
	PADDING-RIGHT: 6px; 
	BORDER-TOP: #f0f0f0 2px solid; 
	PADDING-LEFT: 6px; 
	PADDING-TOP: 1px;
	PADDING-BOTTOM: 1px; 
	MARGIN-RIGHT: 1px; 
	BORDER-LEFT: #f0f0f0 2px solid; 
	COLOR: #cc0000; 
	BORDER-BOTTOM: #f0f0f0 2px solid; 
	TEXT-DECORATION: none
}

DIV.pagination A:hover {
	BORDER-RIGHT: #ff5a00 2px solid; 
	PADDING-RIGHT: 6px; 
	BORDER-TOP: #ff5a00 2px solid; 
	PADDING-LEFT: 6px; 
	PADDING-TOP: 1px; 
	PADDING-BOTTOM: 1px; 
	BORDER-LEFT: #ff5a00 2px solid; 
	COLOR: #fff; 
	BORDER-BOTTOM: #ff5a00 2px solid; 
	BACKGROUND-COLOR: #ff6c16
}

DIV.pagination A:active {
	BORDER-RIGHT: #ff5a00 2px solid; BORDER-TOP: #ff5a00 2px solid; BORDER-LEFT: #ff5a00 2px solid; COLOR: #12A9B9; BORDER-BOTTOM: #ff5a00 2px solid; BACKGROUND-COLOR: #fff
}

DIV.pagination SPAN.current {
	BORDER-RIGHT: #ed1c24 2px solid; PADDING-RIGHT: 6px; BORDER-TOP: #ed1c24 2px solid; PADDING-LEFT: 6px; FONT-WEIGHT: bold; PADDING-BOTTOM: 1px; BORDER-LEFT: #ed1c24 2px solid; COLOR: #fff; PADDING-TOP: 1px; BORDER-BOTTOM: #ed1c24 2px solid; BACKGROUND-COLOR: #cc0000;
}
DIV.pagination SPAN.disabled {
	DISPLAY: none
}


/* font styles */

a { color: #333; }
a:link { text-decoration: none;	color: #333; }
a:visited {	text-decoration: none; color: #333; }
a:hover { text-decoration: underline; color: #19608d; }

.9font { text-decoration: none;	font-size: 9px; color: #993300; }
.10font { font-size: 10px; }
.11font { font-size: 11px; }
.12font { font-size: 12px; }
.14font { font-size: 14px; }

.white_txt { color: #FFFFFF; }
a.white_txt:link { color: #FFFFFF; text-decoration: none; }
a.white_txt:visited { color: #FFFFFF; text-decoration: none; }
a.white_txt:active { color: #FFFFFF; text-decoration: none; }
a.white_txt:hover {	color: #FF9900; }

.black_txt { color: #000; }
a.black_txt:link { color: #000;	text-decoration: none; }
a.black_txt:visited { color: #000; text-decoration: none; }
a.black_txt:active { color: #000; text-decoration: none; }
a.black_txt:hover {	color: #FF0000; }

.blue_txt { color: #19608d; }
a.blue_txt:link { color: #19608d; text-decoration: none; }
a.blue_txt:visited { color: #19608d; text-decoration: none; }
a.blue_txt:active {	color: #ffd202; text-decoration: none; }
a.blue_txt:hover { color: #0b476d; }

.red_txt { color: #c4122f; text-decoration: none; }
a.red_txt:link { color: #c4122f; text-decoration: none; }
a.red_txt:visited { color: #c4122f; text-decoration: none; }
a.red_txt:active {	color: #ffd202; text-decoration: none; }
a.red_txt:hover { color: #990000; }

.orange_txt { color: #f68b1f; }
a.orange_txt:link {	color: #f68b1f;	text-decoration: none; }
a.orange_txt:visited { color: #ffd202; text-decoration: none; }
a.orange_txt:active { color: #ffd202; text-decoration: none; }
a.orange_txt:hover { color: #ffd202; }

.yellow_txt { color: #fff839; }
a.Yellow_txt:link {	color: #fff839;	text-decoration: none; }
a.Yellow_txt:hover { color: #ff0000; text-decoration: none; }

a.bg_txt:link {
	color: #fff;
	background-color:#CC0000;
	text-decoration: none;
	padding:0 5px;
	font-size:11px;
	padding:6px;
	display:inline;
	line-height:30px;
}
a.bg_txt:hover {
	color: #ffd202;
	background-color:#990000;
	text-decoration: none;
	padding:0 5px;
	font-size:11px;
	padding:6px;
	display:inline;
	line-height:30px;
	
}
a.bg_txt:visited {
	color: #ccc;
	background-color: #CC0000;
	text-decoration: none;
	padding:0 5px;
	font-size:11px;
	padding:6px;
	display:inline;
	line-height:30px;
}

/* inside pages customization */

#idolcontainer { float:left; width:780px; height:auto; color:#000;  background:url(/special/americanidol9/images/idol_bgtop.gif) no-repeat top; }
#idolcontent { float:left; width:530px; height:auto; padding:10px; display:inline; }
#idolsidebar { float:right; width:220px; height:auto; margin-right:10px; display:inline; padding:10px 0; }
#idolsidebar ul {
	color:#595959;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

#idolsidebar li {
	margin-bottom:14px;
	width:auto;
}

#idolsidebar li ul {
	background-color:#DFEEF6;
	padding:5px 10px;
	width:200px;
}

#idolsidebar h2 {
	background:transparent url(/special/americanidol9/images/idol_sidetop.gif) no-repeat scroll 0 0;
	color:#FFFFFF;
	font-size:20px;
	height:32px;
	padding-left:10px;
	padding-top:5px;
	text-transform:capitalize;
	width:210px;
}

#idolpost {
	border:1px dotted #c9d0d6;
	clear:both;
	float:left;
	margin-bottom:10px;
	padding:5px;
	width:518px;
	background-color:#fff;
	display:inline;
}

#idolpost img { max-width:515px; }

#idolpost h1, #idolpost h1 a {
	background: url(/special/americanidol9/images/idol_titlebg.gif) repeat;
	color:#FFFFFF;
	font-size:22px;
	margin-bottom:5px;
	padding:5px;
}

#idolpost h1 a:hover { color:#DFEEF6; text-decoration:none; }

#idolpost p { margin-bottom:10px; }

#idolpost .post-by, #idolcomments .post-by {
	color:#1f599e;
	font-size:11px;
	padding:5px 0;
	text-align:right;
}

#idolpost .post-footer {
	background-color:#DFEEF6;
	color:#666666;
	float:left;
	font-size:12px;
	padding:5px;
	text-align:center;
	display:block;
	width:505px;
	margin:10px auto;
}

#idolpostnavi { float:left; width:530px; }

#idolnext {
	background-color:#1e599e;
	float:right;
	font-size:12px;
	font-weight:bold;
	height:30px;
	line-height:30px;
	margin:2px 0px;
	text-align:center;
	width:180px;
}

#idolprevious {
	background-color:#1e599e;
	float:left;
	font-size:12px;
	font-weight:bold;
	height:30px;
	line-height:30px;
	margin:2px 0px;
	text-align:center;
	width:180px;
}

#idolnext:hover, #idolprevious:hover { background-color:#DFEEF6; color:#1e599e; }

#idolnext a, #idolprevious a { color:#fff; }
#idolnext a:hover, #idolprevious a:hover { color:#1e599e; }

#idolcommentbox { float:left; background-color:#DFEEF6; width:480px; margin:10px; padding:10px; display:inline; }

#idolcomments { border-top:dotted #CCCCCC 1px; border-bottom:dotted #CCCCCC 1px;float:left;width:510px; padding:10px; background-color:#fff; margin:5px 0; display:inline; }

#idolreply { width:470px; min-width:480px; float:left; background-color:#DFEEF6; margin:5px; padding:10px; display:inline-block; }

.image_frame { padding:5px; }

/*________STAR RATING ________*/
/* No javascript required */
/* all the stars are contained in one matrix to solve rollover problems with delay */
/* the background position is just shifted to reveal the correct image. */
/* the images are 16px by 16px and the background position will be shifted in negative 16px increments */
/*  key:  B=Blank : O=Orange : G = Green * /
/*..... The Matrix ....... */
/* colours ....Background position */
/* B B B B B - (0 0)*/
/* G B B B B - (0 -16px)*/
/* G G B B B - (0 -32px)*/
/* G G G B B - (0 -48px)*/
/* G G G G B - (0 -64px)*/
/* G G G G G - (0 -80px)*/
/* O B B B B - (0 -96px)*/
/* O O B B B - (0 -112px)*/
/* O O O B B - (0 -128px)*/
/* O O O O B - (0 -144px)*/
/* O O O O O - (0 -160px)*/


/* the default rating is placed as a background image in the ul */
/* use the background position according to the table above to display the required images*/
.rating{
	width:80px;
	height:16px;
	margin:0 0 20px 0;
	padding:0;
	list-style:none;
	clear:both;
	position:relative;
	background: url(/images/star-matrix.gif) no-repeat 0 0;
}
/* add these classes to the ul to effect the change to the correct number of stars */
.nostar {background-position:0 0}
.onestar {background-position:0 -16px}
.twostar {background-position:0 -32px}
.threestar {background-position:0 -48px}
.fourstar {background-position:0 -64px}
.fivestar {background-position:0 -80px}
ul.rating li {
	cursor: pointer;
 /*ie5 mac doesn't like it if the list is floated\*/
	float:left;
	/* end hide*/
	text-indent:-999em;
}
ul.rating li a {
	position:absolute;
	left:0;
	top:0;
	width:16px;
	height:16px;
	text-decoration:none;
	z-index: 200;
}
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}
ul.rating li a:hover {
	z-index:2;
	width:80px;
	height:16px;
	overflow:hidden;
	left:0;	
	background: url(/images/star-matrix.gif) no-repeat 0 0
}
ul.rating li.one a:hover {background-position:0 -96px;}
ul.rating li.two a:hover {background-position:0 -112px;}
ul.rating li.three a:hover {background-position:0 -128px}
ul.rating li.four a:hover {background-position:0 -144px}
ul.rating li.five a:hover {background-position:0 -160px}
/* end rating code */

/* inside pages customization */

#sccontainer { float:left; width:780px; height:auto; color:#000; background:url(/interests/serena/images/serena_04.jpg) #000 no-repeat top; }
#sccontent { float:left; width:530px; height:auto; padding:10px; display:inline; }
#scsidebar { float:right; width:220px; height:auto; margin-right:10px; display:inline; padding:10px 0; }
#scsidebar ul {
	color:#595959;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

#scsidebar li {
	margin-bottom:14px;
	width:auto;
}

#scsidebar li ul {
	background-color:#FFF;
	padding:5px 10px;
	width:200px;
}

#scsidebar h2 {
	background:transparent url(/interests/serena/images/sidetop.gif) no-repeat scroll 0 0;
	color:#FFFFFF;
	font-size:20px;
	height:32px;
	padding-left:10px;
	padding-top:5px;
	text-transform:capitalize;
	width:210px;
}

#scpost {
	border:1px dotted #c9d0d6;
	clear:both;
	float:left;
	margin-bottom:10px;
	padding:5px;
	width:518px;
	background-color:#fff;
	display:inline;
}

#scpost img { max-width:515px; }

#scpost h1, #scpost h1 a {
	background: url(/interests/serena/images/titlebar.gif) repeat top left;
	color:#FFFFFF;
	font-size:22px;
	margin-bottom:5px;
	padding:5px;
}

#scpost h1 a:hover { color:#DFEEF6; text-decoration:none; }

#scpost p { margin-bottom:10px; }

#scpost .post-by, #sccomments .post-by {
	color:#1f599e;
	font-size:11px;
	padding:5px 0;
	text-align:right;
}

#scpost .post-footer {
	background-color:#efefef;
	color:#666666;
	float:left;
	font-size:12px;
	padding:5px;
	text-align:center;
	display:block;
	width:505px;
	margin:10px auto;
}

#scpostnavi { float:left; width:530px; }

#scnext {
	background-color:#8c1a42;
	float:right;
	font-size:12px;
	font-weight:bold;
	height:30px;
	line-height:30px;
	margin:2px 0px;
	text-align:center;
	width:180px;
}

#scprevious {
	background-color:#8c1a42;
	float:left;
	font-size:12px;
	font-weight:bold;
	height:30px;
	line-height:30px;
	margin:2px 0px;
	text-align:center;
	width:180px;
}

#scnext:hover, #scprevious:hover { background-color:#b61163; color:#8c1a42; }

#scnext a, #scprevious a { color:#fff; }
#scnext a:hover, #scprevious a:hover { color:#1e599e; }

#sccommentbox { float:left; background-color:#DFEEF6; width:480px; margin:10px; padding:10px; display:inline; }

#sccomments { border-top:dotted #CCCCCC 1px; border-bottom:dotted #CCCCCC 1px;float:left;width:510px; padding:10px; background-color:#fff; margin:5px 0; display:inline; }

#screply { width:470px; min-width:480px; float:left; background-color:#DFEEF6; margin:5px; padding:10px; display:inline-block; }


/* traffic */

#tcolleft { float:left; width:500px; height:auto; margin-right:10px; display:inline; }

#tcolright { float:right; width:320px; height:auto; display:inline; }

#tleft { float:left; width:500px; margin-bottom:10px; display:inline; }

#tright { float:left; width:320px; margin-bottom:10px; display:inline; }

#theader { float:left; width:100%; background:#000; color:#ffcc00; }

#theader .idTabs li { list-style:none; width:50%; display:block; float:left; }

#theader .idTabs li a { padding:5px 10px; font-size:16px; font-weight:bold; display:block; color:#FFF; background-color:#666; }

#theader .idTabs li a.selected { padding:5px 10px; font-size:16px; font-weight:bold; display:block; color:#ffcc00; background:url(/images/ar_w.gif) #000 no-repeat right center; }

#theader .idTabs li a:hover, #theader .idTabs li a.selected:hover { text-decoration:none; color:#ffcc00; }

#tcontent, #traffic, #tspecial { float:left; color:#333; background:#f0f0f0; padding:10px; }
#tcontent p input { width:480px; width:auto!important; max-width:480px; }

#tpodlist { background-color:#ddd; display:block; font-size:12px; height:15px; line-height:17px; margin-bottom:2px; overflow:hidden; padding:4px 5px 6px; }

#tpodlist_sel { background-color:#FFCC00; display:block; font-size:12px; height:15px; line-height:17px; margin-bottom:2px; overflow:hidden; padding:4px 5px 6px; }


/* news */
#nleft { float:left; width:400px; margin-bottom:10px; display:inline; }
#nright { float:left; width:400px; margin-bottom:10px; display:inline; }
#nheader { float:left; width:400px; background:#000; color:#ffffff; }
#nheader_right { float:left; width:410px; background:#000; color:#ffffff; }
#ncontent { float:left; width:370px; color:#333; background:#f0f0f0; padding:10px; }
#ncontent p {margin:0 0 2px; }
#ncontent p a:hover { text-decoration:underline; }
#npodlist { background-color:#ddd; display:block; font-size:12px; height:15px; line-height:17px; margin-bottom:2px; overflow:hidden; padding:4px 5px 6px; }
#npodlist_sel { background-color:#7f7f7f; display:block; font-size:12px; height:15px; line-height:17px; margin-bottom:2px; overflow:hidden; padding:4px 5px 6px; }


/*Buzz*/

#box { 
background:url("/images/bg520.gif") repeat-y scroll 0 0 transparent;
border-bottom:1px solid #AFAFAF;
display:inline;
float:left;
height:auto;
overflow:hidden;
width:520px;
}


#buzzpic {
width: 200px;
float: left; 
margin: 5px;
}

#buzz_content {
float:left;
padding-left:5px;
width:290px;
}

#buzzfeatured {
height:auto;
overflow:hidden;
padding:10px 0;
width:290px;
}

#buzzfeatured h3 {
color:#19608D;
font-size:14px;
margin-bottom:3px;
text-transform:uppercase;
}

#buzzfeatured h3 a {
color:#C4122F;
font-weight:bold;
}

#buzzfeatured .text {
float:left;
width:290px;
}

#buzzall {
display:inline;
float:left;
overflow:hidden;
width:290px;
}

#buzzall ul {
font-size:12px;
margin:5px 0;
padding-left:15px;
text-decoration:none;
}
	
#buzzall li {
color:#C4122F;
margin-bottom:1px;
}

#buzzall li a {
margin-bottom: 1px;
}

#buzzall h3 {
/*background-color:#19608D;
color:#FFFFFF;
font-size:12px;
font-weight:normal;
padding:5px;*/
background-color:#ECEFF5;
color:#333;
font-size:12px;
font-weight:bold;
padding:5px;
}

#buzzall p {
padding-top: 10px; 
font-size: 11px; 
font-weight: bold;
margin: 0 0 10px 0;
}


/* iPhone */
#iphone { color:#333333; font:14px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; background-color:#fff; }
#iphone p { margin:0; }
.ititle { font-size:16px; }
.inote { font-size:10px; }
#ilist { list-style:square; list-style-position:inside; }
#iphone a { color:#0088CC; text-decoration:none; }
#iphone a:hover { color:#0088CC; text-decoration:underline; }