/***********************************************/
/* 2col_leftNav.css                            */
/* Use with template 2col_leftNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Arial,sans-serif;
	font-size:16px;
	color: #333333;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
}

a:link, a:visited, a:hover {
	color: #006699;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}
/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
}

h2{
	text-align: center;
 font-size: 114%;
 color: #006699;
}

h3{
 font-size: 100%;
 color: #334d55;
}

h4{
 font-size: 100%;
 font-weight: normal;
 color: #333333;
}

h5{
 font-size: 100%;
 color: #334d55;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font: bold 100% Arial,sans-serif;
 color: #334d55;
}
				
.artistname{
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
	font-size: 140%;
	color: #006699;
	text-align: center;
}

.artistemail{
	font-size: 90%;
	color: #006699;
	text-align: center;
}

.albumname{
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
	font-size: 24pt;
	line-height: 24pt;
	color: #006699;
}

.albumgenre{
	font-size: 90%;
	color: #336666;
}

.albumartist{
	font-size: 12pt;
	line-height: 16pt;
	color: #006699;
}

.tracknomheader {
	font-size:70%;
	font-weight:normal;
	color:#000000;
	text-align:center;
	padding-right:4px;
	padding-left:4px;
}

.tracknomheaderselected {
	font-size:70%;
	font-weight:normal;
	color:#5555FF;
	text-align:center;
	padding-right:4px;
	padding-left:4px;
}

.tracklabel {
}

.listened-track {
	text-decoration:line-through;
}

.listened-track td div {
	text-decoration:line-through;
}

.unnominatable-track {
	color:#BBBBBB;
}

.unnominatable-track td div {
	color:#BBBBBB;
}

.nominated-row {
	font-weight: bold;
}

.nominated-row td div {
	font-weight: bold;
}

.tracklabellistened {
	text-decoration:line-through;
	background-color:#F8F8F8;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead{
	margin: 0;
	padding: 0px 0px;
	width: 100%;
	white-space: nowrap;
	overflow:hidden;
}

#masthead img{
	margin: 0;
	padding: 0px 0px;
	border: none;
}

#navBarOuter{
	width:191px;
	height:100%;
	margin: 0 0 0 0;
	padding: 0px;
	background-color: #89ABD1;
	background-image: url(../images/left_bg.jpg);
}

#navBar{
	width:181px;
	height:100%;
	margin: 0 0 0 0;
	padding: 0px;
}

#content{
	margin: 0;
	padding: 0 0 0 0;
	background-image: url(/media/images/CARA_logo_header.jpg);
	background-position:center top;
	vertical-align:top;
}

.homepage {
	padding:290px 10px 20px 10px;
	background-image: url(../images/CARA_logo.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}

.submissionpage {
	padding:100px 10px 20px 10px;
	background-image: url(../images/CARA_logo_header_submission.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}

.nominationpage {
	margin:0px;
	padding:90px 10px 20px 10px;
	background-image: url(../images/CARA_logo_header_nomination.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}

.judgeapppage {
	padding:150px 10px 20px 10px;
	background-image: url(../images/CARA_applytojudge.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}

#popup_content{
	margin: 0;
	padding: 0 0 0 0;
	background-image: url(../images/CARA_logo_header.jpg);
	background-position:center top;
	vertical-align:top;
}

/***********************************************/
/*Component Divs                               */
/***********************************************/

#siteName{
	margin: 0px;
	padding: 0px 0px 10px 10px;
}


/*************** #pageName styles **************/

#pageName{
	padding: 0px 0px 10px 10px;
}


/************* #globalNav styles **************/

#globalNav{
color: #cccccc;
padding: 0px 0px 0px 0px;
white-space: nowrap;
}
/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line
   this will force a horizontal scrollbar if there isn't enough room for all links
   remove rule or change value to 'normal' if you want the links to line-wrap */

#globalNav img{
	margin: 0;
	padding: 0px 0px;
	border: none;
}

#globalNav a {
	font-size: 90%;
	padding: 0px 4px 0px 0px; 
}


/************* #breadCrumb styles *************/

#breadCrumb{
	font-size: 80%;
	padding: 5px 0px 5px 10px;
}


.workpage{
	padding: 10px 10px 10px 10px;
	margin:0px;
}

h1{
	padding: 0px 0px 5px 0px;
	text-align: center;
	 font-family: Verdana,Arial,sans-serif;
	text-decoration:none;
 	font-size: 18pt;
 	color: #334d55;
	line-height:18pt;
}
 
.intropage{
	padding: 10px 10px 10px 10px;
	margin:0px;
}

.infoblock {
	margin: auto;
	padding:10px;
	text-align:center;
	background-color:#f0f0f0;
	border:outset #f0f0f0 2px;
	filter:alpha(opacity=50);
}

/*.infoblock * {
	position: relative;
}*/


/************** .feature styles ***************/

.feature{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
}

.feature h3{
	padding: 30px 0px 5px 0px;
	text-align: center;
}

.feature img{
	float: left;
	padding: 0px 10px 0px 0px;
	margin: 0 5px 5px 0;
}
/* adjust margins to change separation between the feature image and text flowing around it */

.tablenav { font-size: 80% ;} 
.qt { display:table; cell-spacing:8px; }
TH {font:bold 100% Arial,sans-serif;  border-bottom: solid #C0C0C0 1px; border-top: solid #C0C0C0 1px; color:#0000a0; padding: 3px 8px;}
TR.qt_evenrow {cursor:hand; background-color:#F8F8F8;}
TR.qt_oddrow {cursor:hand; background-color:#F0F0F0;}
TR.qt_selectedrow {cursor:hand; background-color:#E0E0FF;}
TD.qt_cell {border-left: padding:1px 5px; margin:0px 0px;}
TH.mini {border-left: font:8pt sans-serif;}
TR.qt_evenrow TD {border-left: padding:1px 5px; margin:0px 0px;}
TR.qt_oddrow TD {border-left: padding:1px 5px; margin:0px 0px;}


/************** .story styles *****************/

.story{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}

.story p{
	padding: 0px 0px 10px 0px;
}


/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font-size: 75%;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
	margin-top: -1px;
}
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
	the bottom border of the navBar in cases where they "touch" */

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}


/************* #search styles ***************/

#search{
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #000;
	font-size: 90%;
}

#search form{
 margin: 0px;
 padding: 0px;
}

#search label{
	display: block;
	margin: 0px;
	padding: 0px;
}


/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {
	display: block;
	color:#000000;
	font-weight:bold;
	border:none;
}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-top: 1px solid #CCC; border-bottom: 1px solid #000;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/*********** #sectionLinks styles ***********/

#sectionLinks{
	position: relative;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
}

#sectionLinks a:link{
	padding: 2px 0px 2px 10px;
	border-top: 1px solid #cccccc;
}

#sectionLinks a:visited{
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 10px;
}

#sectionLinks a:hover{
	padding: 2px 0px 2px 10px;
	background-color: #dddddd;
}

#sectionLinks .menu_active {
	background-color: #ffaaaa;
}

/*********** .relatedLinks styles ***********/

.relatedLinks{
	position: relative;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
	text-align:center;
	font-size:120%;
}

.relatedLinks a{
	padding: 2px 0px 2px 10px;
}

.relatedLinks a:hover{
	padding: 2px 0px 2px 10px;
	background-color: #dddddd;
}

/************** #advert styles **************/

#advert{
	padding: 10px 0px 0px 10px;
	font-size: 80%;
	border-top: 1px solid #cccccc;
}

#advert img{
	display: block;
}


/************** #headlines styles **************/

#headlines{
	margin: 0px;
	padding: 10px 0px 20px 10px;
	font-size: 80%;
}

#headlines p{
	padding: 5px 0px 5px 0px;
}

.tipped {
	border: 1px dotted #999;
	background-color:#EEEEFF;
	cursor: help;
}

.tip {
	font:10px/12px Arial,Helvetica,sans-serif;
	border:solid 1px #000000;
    padding:1px;
	position:absolute;
	z-index:100;
	visibility:hidden;
	color:#333333;
    top:0px; left:0px;
	background-color:#cccccc;
}

.tooltiptitle {
	COLOR: #FFFFFF;
	TEXT-DECORATION: none;
	font-family: arial;
	font-weight: bold;
	font-size: 11pt;
    padding:6px;
	background-color:#808080;
}

.tooltipcontent {
	COLOR: #000000;
	TEXT-DECORATION: none;
	font-family: arial;
	font-size: 10pt;
    padding:4px;
	text-align:left;
}

.tooltipcontent p {
	padding:2px 0px;
	margin:0px;
}

.yui-skin-sam .yui-dt-liner { white-space:nowrap; } 

#list_overlay.yui-overlay .hd {  
    padding:0; 
    border:none; 
    background:url(assets/img/aqua-hd-bg.gif) repeat-x; 
    color:#000; 
    height:22px; 
    margin-left:6px; 
    margin-right:6px; 
    text-align:center; 
    overflow:visible; 
} 

#list_overlay.yui-overlay { 
    background-color:#446CD7; 
	/*opacity:0.90;*/
    border:0; 
    padding:4px 4px 4px 4px; 
	filter:alpha(opacity=90);
	position: absolute;
}

#list_overlay.yui-overlay .bd { 
    overflow:hidden; 
    border:0; 
	background-color:white;
} 

/* Stolen from Yahoo! */
#topnav{margin-top:.5em;height:2.15em;border-style:solid;border-width:0 0 0 0;}
@media all{html>body #topnav{height:2.1em;}}
#topnav div{height:1.75em;border-style:solid;border-width:0 0 1px 0;}
html>body #topnav div{height:1.75em;}
@media all{html>body #topnav div{height:1.7em;}}
#topnav span{position:relative;display:block;float:left;height:1.5em;margin:0 1px;border-width:1px 0 0 0;border-style:solid;}
html>body #topnav span{display:inline-block;float:none;}
@media all{html>body #topnav span{display:block;float:left;width:auto;}}
#topnav span.last{position:static;display:inline;float:right;height:auto;margin:0;padding:.5em 0 0 0;border:0;font:78% verdana;}
#topnav span.last a{font-weight:normal;}
#topnav span span{border-width:0 1px;margin:0 -1px;height:auto;padding:.25em .25em .25em .8em;}
#topnav span{left:-1px;}
#topnav span span{left:0px;}
html>body #topnav span{left:0px;}
@media all{html>body #topnav span span{height:1.15em;float:none;}}
#topnav a{font-weight:bold;}
#topnav a.jump{text-decoration:none;outline:none;}
#topnav span span span{display:none;}
#topnav img{height:.9em;width:1.5em;border:0;}
#topnav span.selected{font-size:120%;bottom:-.2em;margin-top:-.4em;}			
@media all{html>body #topnav span.selected{bottom:-2px;margin-top:-4px;}}
#topnav span.selected img{width:1.2em;}
#topnav span#searchtestopionlinks{font:x-small arial;position:relative;top:-.25em;}
#topnav span#searchtestopionlinks a{font-weight:bold;}
html>body #topnav span#searchtestopionlinks{font:100% arial;}
div.shortcuts{border-style:solid;border-width:1px;position:absolute;z-index:10;}
div.shortcuts strong{display:none;}
div.shortcuts ul{margin:.5em 0;padding:0;list-style:none;}
div.shortcuts li{line-height:1.2em;}
html>body div.shortcuts ul{width:1%;white-space:nowrap;}
@media all{html>body div.shortcuts ul{width:auto;}}
html>body div.shortcuts li{width:1%;white-space:nowrap;}
@media all{html>body div.shortcuts li{width:auto;}}
div.shortcuts ul.first, div.shortcuts ul.last{margin:0;}
div.shortcuts div{border-width:1px;border-style:solid;padding:.5em;}
html>body div.shortcuts div{float:left;}
@media all{html>body div.shortcuts div{float:none;}}
li.special{text-align:right;}
li.special a{float:left;margin-right:.25em;}
#mailshortcuts, #calendarshortcuts, #addressbookshortcuts, #notepadshortcuts{visibility:hidden;top:0px;left:0px;}

#topnav{background-color:#DDDDFF;border-bottom-color:#3162a6;}
#topnav div{background-color:#FFF;border-bottom-color:#C1C1C1;}
#topnav span{border-color:#C1C1C1;}
#topnav span span{background-color:#F6F6F6;}
#topnav span.selected{border-color:#DDDDFF;}			
#topnav span.selected span{border-color:#DDDDFF;background-color:#DDDDFF;}
#topnav span.selected a{color:#000;}			
#topnav span.hover{border-color:#95b3de;}			
#topnav span.hover span{border-color:#95b3de;background-color:#95b3de;}
#topnav span.hover a{color:#FFF;}			
div.shortcuts{border-color:#3162a6;}
div.shortcuts div{background-color:#e1ebfb;border-color:#FFF #e1ebfb #e1ebfb #FFF;}