@charset "UTF-8";
body , div{
	margin: 0px;
	padding: 0px;
}
body, p, div, th, td{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	line-height: 1;
}
div a, body a, p a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ff6600;
	outline: none;
}
div a:hover, body a:hover, p a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 15px;
	margin-top: 0px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 18px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
}

#contentLeftText h2{margin:0px 0px 8px 0px;clear:both;}
.albumTypeHead{}
.indent{margin-left:10px;}
.countdown{float:left;}
.typeBox{padding:0px 0px 20px 0px;margin:0px 0px 20px 0px; overflow:hidden;border-bottom:1px solid #cccccc;}
.typeBox .itemBox{width:200px;float:left;}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #ff6600;
	margin-bottom: 10px;
	margin-top: 0px;
}
h3 a {
	display: block;
	width: 100%;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #ff6600;
	background-color: transparent;
}
h3 a:hover {
	color: #666;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #333;
	float: left;
	margin-bottom: 15px;
	margin-top: 0px;
}
.contentLeft p {
	line-height: 18px;
}
ol, ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
img, img a, img a:hover {
	border: 0px;
}
#main {
	background-color: #000;
}
#mainCont {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background-color: #DEDEDE;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000;
	border-left-color: #000;
}
#pngOverlay {
	position: absolute;
	z-index: 200;
	margin: 300px 0px 0px 74px;
}
#headerCont {
	clear: both;
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #ff6600;
}
#mastHead {
	width: 960px;
	background-color: #FFF;
	height: 147px;
}
#logo {
	height: 132px;
	width: 375px;
	padding-top: 10px;
	padding-left: 15px;
	float: left;
}
#tabs {
	width: 600px;
	float: left;
	height: 21px;
	margin-left: -30px;
}
#social {
	float: right;
	height: 25px;
	width: 494px;
	margin-top: 95px;
	margin-right: 5px;
}
#social img {
	margin-right: 2px;
	margin-left: 2px;
	float: right;
	bottom: 0px; right: 0px;
}
#subNavBar {
	height: 36px;
	width: 960px;
	clear: both;
	background-image: url(/images/subNavBar_back.png);
}
#subNavBar li {
	float: left;
	color: #FFF;
	padding-top: 14px;
}
#subNavBar li a {
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	padding-right: 15px;
	padding-left: 15px;
	float: left;
}
#subNavBar li a:hover {
	text-decoration: underline;
}
#subNavBar  #navigation{
	float: left;
	height: 36px;
	padding-left: 450px;
}
#login {
	float: left;
	height: 22px;
	width: 318px;
	padding-top: 14px;
	padding-left: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #999;
}
#login a {
	color: #FFF;
	text-decoration: none;
}
#login a:hover {
	text-decoration: underline;
}
#navBar {
	width: 100%;
	height: 33px;
	clear: both;
	background-image: url(../images/navBar_back.png);
	background-repeat: repeat-x;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	margin: 0px;
	padding: 0px;
}
#bannerCont {
	height: 270px;
	width: 960px;
	clear: both;
}
#contentCont {
	width: 100%;
	clear: both;
}
#contentLeft {
	width: 660px;
	float: left;
	overflow: hidden;
	padding-right: 11px;
	padding-bottom: 11px;
	padding-left: 12px;
}
.contentLeft {
	width: 636px;
	background-color: #FFF;
	border: 1px solid #CCC;
	padding-bottom: 20px;
	float: left;
	padding-right: 12px;
	padding-left: 12px;
	padding-top: 12px;
	overflow: hidden;
	margin-bottom: 11px;
}
#contentLeft p {
}
.contentLeftHeading {
	height: 32px;
	width: 636px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	float: left;
	padding-top: 8px;
}
#contentLeftHeading .grayText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	float: right;
	color: #CCC;
	margin-top: 9px;
	padding-right: 29px;
}
#contentLeftHeading .grayText em {
	color: #DDD;
}
#contentLeftText {
	width: 635px;
	padding-top: 10px;
	float: left;
}
#contentLeftText p {
	margin-top: 10px;
}
.contentLeftTextItems {
	padding-left: 9px;
	float: left;
	width: 100%;
	clear: both;
}
.contentLeftTextItems .item {
	width: 174px;
	background-image: url(/images/section_back.gif);
	background-repeat: no-repeat;
	padding-left: 32px;
	padding-top: 7px;
	padding-bottom: 22px;
	height: 156px;
	float: left;
	clear: none;
	overflow: hidden;
}
.contentLeftTextItems .item ul {
	list-style-type: disc;
	list-style-position: inside;
	padding-top: 10px;
}
.contentLeftTextItems .item a     {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
}
.contentLeftTextItems .item h3 a{
	color: #F60;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration: none;
	background-color: transparent;
}
.contentLeftTextItems .item h3 a:hover {
	background-color: transparent;
	color: #666;
}
.contentLeftTextItems .item li {
	margin-top: 5px;
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666;
	font-style: italic;
	list-style-position: outside;
}
.contentLeftTextItems .item strong {
	text-decoration: none;
	clear: both;
}
#contentLeftSub {
	width: 674px;
	float: left;
	padding-left: 22px;
}
#contentRight {
	width: 261px;
	float: left;
	overflow: hidden;
}
#contentRight .item {
	border: 1px solid #CCC;
	background-color: #FFF;
	margin-bottom: 11px;
	padding-right: 12px;
	padding-left: 12px;
	width: 237px;
	padding-top: 12px;
	padding-bottom: 12px;
	float: left;
}
#contentRight .item .heading {
	width: 236px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	height: 44px;
	float: left;
	clear: both;
}
#contentRight .item .heading h2 {
	float: left;
	width: 118px;
	margin-bottom: 2px;
	vertical-align: 7%;
}
#contentRight .item .heading img {
	margin-left: -3px;
	float: left;
	margin-top: 12px;
}
#contentRight .item .title  {
	width: 236px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #ff6600;
	padding-top: 10px;
	float: left;
	clear: both;
	margin-bottom: 10px;
}
#contentRight .item cfinput {
	float: left;
	clear: both;
}
#contentRight .item p  {
	margin: 0px;
}
#contentRight .item a {
	/*clear: both;*/
	float: left;
}
#contentRight .item .left {
	float: left;
	width: 116px;
}
#contentRight .item .left img {
	float: left;
	margin-top: 10px;
}
#contentRight .item .right {
	width: 111px;
	float: right;
	margin-top: 10px;
}
#contentRight .item .right p {
	float: left;
	width: 111px;
}
#contentRight .item .right a {
	margin-top: 12px;
	margin-bottom: 12px;
}
#contentRight .item .gray {
	color: #999;
	font-family: Arial, Helvetica, sans-serif;
}
#contentRight .item .bottom {
	float: left;
	width: 236px;
	margin-top: 10px;
}
#contentRight .item .bottom a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	color: #333;
}
#contentRight .item .bottom img {
	margin-left: 5px;
}
.subSearchBar {
	background-color: #666;
	clear: both;
	height: 31px;
	border: 1px solid #CCC;
	padding-right: 385px;
	overflow: hidden;
}
.subSearchBarMargin {
	padding-bottom: 21px;
	float: left;
	clear: both;
	width: 100%;
}
.orangeText {
	font-family: Arial, Helvetica, sans-serif;
	color: #ff6600;
}
#columnRight {
	float: left;
	width: 310px;
	padding-left: 50px;
}
#footerCont {
	width: 960px;
	clear: both;
}
#footerBar {
	height: 1px;
	width: 960px;
	background-color: #ddd;
	clear: both;
	text-align: center;
	border-top-width: 15px;
	border-top-style: solid;
	border-top-color: #ffcc33;
	border-bottom-width: 20px;
	border-bottom-style: solid;
	border-bottom-color: #ff6600;
	overflow: hidden;
}
#footerNavBar {
	height: 32px;
	clear: both;
	width: 960px;
	background-image: url(/images/navBar_back.png);
	background-repeat: repeat-x;
	padding-bottom: 1px;
	background-color: #FFF;
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #ff6600;
}
#footerNavBar ul {
}
#footerNavBar li {
	list-style-type: none;
	height: 22px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
#footerNavBar li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
	padding-right: 12px;
	padding-left: 12px;
	margin-top: 11px;
	float: left;
}
#footerNavBar li a:hover {
	text-decoration: underline;
}
#footerNavBar .end {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #CCC;
	padding-left: 40px;
	margin-top: 11px;
}
#copyright {
	height: 24px;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10.75px;
	color: #666;
	text-align: center;
	margin-top: 15px;
	clear: both;
}
#copyright  a {
	color: #666;
}
#copyright  a:hover {
	text-decoration: underline;
	color: #333;
}
.itemContainer1 {
	width: 305px;
	float: left;
	padding: 5px 15px 5px 15px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
}
.itemContainer2 {
	width: 305px;
	float: left;
	padding: 5px 15px 5px 15px;
	border: 1px dotted #999;
}
/* Dotted Box */
.boxedContent {
	border: 1px dotted #999;
	padding: 8px;
}
.boxedContent li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	line-height: 16px;
	text-decoration: none;
}
.boxedContent ul {
	padding: 0px 0px 0px 15px;
}
.boxedContent li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	line-height: 16px;
	text-decoration: none;
}
/* Dotted Box */

/* Button Styles */
a.button {
	color: #444;
	display: block;
	font: normal 12px arial, sans-serif;
	height: 24px;
	margin-right: 6px;
	padding-right: 18px; /* sliding doors padding */
	text-decoration: none;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(/images/bg_button_a.gif);
	background-repeat: no-repeat;
	background-position: right top;
	clear: both;
	float: left;
}

a.button span {
	display: block;
	line-height: 14px;
	padding: 5px 0 5px 18px;
	background-color: transparent;
	background-image: url(/images/bg_button_span.gif);
	background-repeat: no-repeat;
}
a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}
.graybar_panel {
	background-color: #eeeeee;
	padding: 20px;
	clear: both;
	float: left;
	width: 595px;
}
.whitebar_panel {
	background-color: #ffffff;
	padding: 20px;
	clear: both;
	float: left;
	width: 595px;
}
.albumArt {
	width: 100px;
	float: left;
}
.itemContent {
	width: 450px;
	float: left;
	padding-left: 10px;
}
.albumArt-lrg {
	width: 175px;
	float: left;
}
.itemContent-lrg {
	width: 390px;
	float: left;
	padding-left: 30px;
}
#featuredAlbums {
	width: 635px;
	padding-top: 10px;
	float: left;
}
#featuredAlbums .albumart{
	padding-right: 6px;
	padding-left: 4px;
	padding-bottom: 6px;
	padding-top: 4px;
	width:113px;
}

.featAlbum {
	float: left;
	display: block;
	height: 127px;
	width: 127px;
}
.featAlbum:hover .featAlbumInfo {
	display: block;
}
.featAlbumInfo {
	display: none;
	position: absolute;
	margin-top: -140px;
	background-color: #fff;
	border: 1px solid #333;
	margin-left: -17px;
	width: 151px;
	padding-left: 6px;
	padding-top: 10px;
	padding-bottom: 5px;
}
.featAlbumInfo img {
	margin: 0px;
	padding: 0px;
}

.message {
	color:green;
	font-weight:bold;
	}

.padit{padding:10px 0px 10px 0px;}

.itemBox, .meta{padding:2px 0px 2px 0px !important;}
.typeCol{width:200px;float:left;}
.commentButton { float: right; margin: 60px 20px 0px 0px; padding: 3px 10px 0px 10px; border: solid 1px #999; border-bottom: none; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; }

/**********************/
/* CMS related styles */
/**********************/
.presentdata {border:0px; border-collapse:collapse; width:450px;}
.presentdata td {border-top:1px black solid;padding:3px;border-bottom:1px black solid;padding:3px; text-align:left;}
.presentdata .altrow {background-color:#E1E1FF;}
.presentdata tr:hover {background-color:#FFFFCC;}
.presentdata .over {background-color:#FFFFCC;}
.formnotes {font-size:10px;display:block;}
.formnotes a {color:#99CCFF;}
.formlabel {vertical-align:top; padding-top:4px; background-color:#E1E1FF; text-align:right;}
.formtable td {border:1px #E1E1FF solid;}
.classificationlist td {border-top:1px #e9e9e9 solid; border-bottom:1px #e9e9e9 solid; border-collapse:collapse;border-left:0px white solid;border-right:0px white solid;}
a.buttonlink {
	border: 1px solid #333;
	color:#444444;
	background-color:#c0c0c0;
	padding: 2px;
	font-size: 13px;
	width:auto;
	}
a.buttonlink:visited {color:#444444;}
a.buttonlink:hover {background: #808080;color: #fff; text-decoration:none;}
.searchmessage {color:#333333; font-style:italic; margin:3px; text-align:center;}

/* Generator CSS */
.formlabel {vertical-align:top; padding:4px; background-color:#e9e9e9; text-align:left; }
.formtable {}
.formentry {vertical-align:top; text-align:left;}
.altRow {background-color:#e9e9e9;}
.resultgrid {border: 1px gray solid;clear:both;display:block;}
.resultgrid th a {color:#525252;}
.resultmessage {color:darkred;}
.resultgrid th {text-align:left;border-bottom:1px gray solid; font-size:11px;}
#recordnav {border-top:1px gray solid;}


#pagegrid {width:600px;border:1px #e9e9e9 solid;}
.pagegroup {padding:3px; font-weight:bold; background-color:#e9e9e9;border-top:1px #ABABAB solid; border-bottom:1px #ABABAB solid;}
.page {padding:3px; overflow:hidden; border-bottom:1px #e9e9e9 solid;}
.subpagelist {margin-left:25px;display:block;}
.pagelisticon {border:0px; float:left; display:block; margin-right:5px;}
.zonecms {display:block;border:1px #FFCCFF dashed;margin:0px;padding:0px;}
.singlefield {overflow:hidden;height:18px;}
.singlefield img {padding: 1px 4px;}
#tabframe {border:1px blue solid;padding:5px;clear:both;overflow:visible;}
.activetab {float:left;padding:3px;border-top:1px blue solid;border-left:1px blue solid;border-right:1px blue solid; border-bottom: 1px white solid;position:relative; top:1px; z-index:100; width:75px; text-align:center;}
.nonactivetab {padding:3px;border:1px blue solid;position:relative; top:1px; z-index:100; width:75px;float:left;text-align:center;background-color:#e9e9e9;}
.eventlisting {margin-bottom:4px;}
.timedisplay {color:#727272;width:60px;float:left;text-align:right;margin-right:5px;}
#calgrid td {font-size:10px;}
#calgrid a {font-size:10px;}
#leftcolumn {float:left; padding:15px; float:left; clear:right; color:white; font-size:12px; font-weight:bold; width:160px; background-color:#999999;}
#leftcolumn a {font-size:12px; font-weight:normal; color:#df0030; display:block; text-align:left; padding-right:20px; text-decoration:none; padding:2px;}
#leftcolumn a:hover {text-decoration:underline;}
#rightcolumn {width:500px;overflow:visible;padding:0px 15px; border:none; float:left;}
#topbar {overflow:hidden;background-color:#7fa9dd;overflow:hidden;height:91px;}
#divider {background-color:navy;height:3px;}
.button {background-color:#e9e9e9;border:1px gray solid;padding:3px;}
.ytab {padding:10px;}
/**********************/
/* end CMS related styles */
/**********************/
.faqlist li {
	margin:3px 20px;
}
ul.faqlist {
	list-style-type:disc;
}
#faqsfull h3 {
	margin-top:15px;
}

#promoTop { width: 516px; height: 73px; float: right; margin: 10px 2px 0 0; }
#promoTop .promoTopLeft, #promoTop .promoTopRight { position: relative; float: left; height: 73px; }
#promoTop .promoTopLeft .promoPopup, #promoTop .promoTopRight .promoPopup { display: none; top: 73px; right: 40px; position: absolute; z-index: 999999; background-color: #FFF; width: 820px; padding: 20px; border: solid 10px #DEDEDE; }
.promoPopup p { line-height: 20px; font-size: 16px; }
.promoPopup h2 { font-size: 22px; }
#promoTop .promoTopLeft { width: 254px; background-image: url(/images/win-itunes-ad.jpg); background-repeat: no-repeat; }
#promoTop .promoTopLeft a.bannerImg { width: 254px; height: 73px; display: block; }
#promoTop .promoTopRight { width: 261px; background-image: url(/images/drRockBook-ad.jpg); background-repeat: no-repeat; }
#promoTop .promoTopRight a.bannerImg { width: 261px; height: 73px; display: block; }
#promoTop .promoTopLeft .promoPopup { margin-right: -261px; }

#promoTop .promoTopLeft:hover .promoPopup, #promoTop .promoTopRight:hover .promoPopup { display: block; }


.answerSP {display:none;}