/*******************  
*	DEFAULTS
********************/

a		{ color: green; text-decoration: underline }
a:hover		{ color: green; text-decoration: none }

body		{ color: #444; font: normal 11px verdana, arial; line-height: 130% }
table		{ padding: 0px; margin: 0px; border-collapse: collapse; }
table td	{ padding: 0px; margin: 0px; border-collapse: collapse; vertical-align: top }
img		{ border: 0px; margin: 0px }
form		{ margin: 0px }

h1		{ font: normal 22px arial, verdana, arial; line-height: 100%; margin: 15px 0 20px }
h2		{ font: bold 16px arial; margin: 15px 0 10px }
h3		{ font: bold 14px arial, tahoma; margin: 15px 0px }

h1 span,
h2 span		{ color: #999 }

p.headerNote	{ margin-top: -14px; margin-bottom: 25px }

html	 	{ height: 100%; }

TABLE.inputForm		{ margin-bottom: 15px }
TABLE.inputForm TH	{ text-align: right; vertical-align: top }
TABLE.inputForm TH,
TABLE.inputForm TD	{ padding: 4px 5px }
TABLE.inputForm input.submit { margin-top: 15px }

a.submit,
input.submit		{ background: #333; border: 1px solid #000; color: #fff; font: bold 11px verdana, arial; padding: 2px 7px; cursor: pointer }
a.submit 		{ padding: 3px 7px; text-decoration: none }
a.submit:hover		{ text-decoration: none }
a.negative 		{ margin-left: 10px; font-size: 10px }


input,
textarea,
select			{ font: normal 12px arial; border: 1px solid #CCCCCC; padding: 2px }

textarea:focus,
select:focus,
input:focus		{ border: 1px solid #40719a }

a.grey			{ color: #888; text-decoration: none }
a.grey:hover		{ text-decoration: underline }

/******************* 
*	STRUCTURE
********************/

#container		{ margin: 0px auto; width: 925px; min-height: 100%; }

#header 		{ position: relative } 
#header img		{ vertical-align: bottom } 
#header a		{ margin-right: 1px } 

#sparkleTopBannerOff,
#sparkleTop		{ position: absolute; right: 230px; top: 0 }
#sparkleBottom		{ position: absolute; right: 520px; top: 87px }
#banner1		{ position: absolute; right: 4px; top: 37px }
#banner2		{ position: absolute; right: 4px; top: 37px }

.banner 		{ float: right; margin: 15px }

a.onAir			{ width: 134px; height: 62px; background: url(images/ontheair.png) no-repeat; float: right; margin: -13px 15px 0 10px; text-indent: -9000px; overflow: hidden }
a.onAir:hover		{ background-position: -134px 0 }

a.onDemand		{ width: 155px; height: 62px; background: url(images/button-ondemand.png) no-repeat; float: right; margin: -13px 15px 0 10px; text-indent: -9000px; overflow: hidden }
a.onDemand:hover	{ background-position: -155px 0 }

a.donate		{ width: 155px; height: 62px; background: url(images/button-donate.png) no-repeat; float: right; margin: -13px 15px 0 10px; text-indent: -9000px; overflow: hidden }
a.donate:hover	{ background-position: -155px 0 }

a.podcast		{ width: 68px; height: 62px; background: url(images/podcast.png) no-repeat; float: right; margin: -13px 0 0 0; text-indent: -9000px; overflow: hidden }
a.podcast:hover		{ background-position: -68px 0 }

.guestLoginDetails	{ float: right; margin: -13px 0 0 0; background: url(images/box-dropdown-bg.png) no-repeat left top }
.guestLoginDetails div	{ height: 24px; margin: 0 0 0 10px; padding: 10px 15px 0 0; background: url(images/box-dropdown-bg.png) no-repeat right top }

UL#nav			{ height: 25px; padding: 0; margin: 15px 10px 0 0; list-style: none }
UL#nav LI		{ float: right; margin: 0px; }
UL#nav A		{ height: 25px; background: transparent url(images/menu.png) no-repeat; display: block; text-indent: -9000px; text-decoration: none; overflow: hidden; }

#nav #home A		{ background-position: 0px 0px; width: 71px }
#nav #home A:hover,
UL#nav.homeMenu #home A	{ background-position: 0px -25px; }

#nav #shows A		{ background-position: -71px 0px; width: 78px }
#nav #shows A:hover,
UL#nav.showsMenu #shows A	{ background-position: -71px -25px; }

#nav #guestshows A		{ background-position: -149px 0px; width: 123px }
#nav #guestshows A:hover,
UL#nav.guestshowsMenu #guestshows A	{ background-position: -149px -25px; }

#nav #schedule A	{ background-position: -272px 0px; width: 95px }
#nav #schedule A:hover,
UL#nav.scheduleMenu #schedule A	{ background-position: -272px -25px; }

#nav #events A		{ background-position: -367px 0px; width: 76px }
#nav #events A:hover,
UL#nav.eventsMenu #events A	{ background-position: -367px -25px; }

#nav #learnmore A	{ background-position: -443px 0px; width: 116px }
#nav #learnmore A:hover,
UL#nav.learnmoreMenu #learnmore A	{ background-position: -443px -25px; }

#nav #advertise A	{ background-position: -561px 0px; width: 96px }
#nav #advertise A:hover,
UL#nav.advertiseMenu #advertise A	{ background-position: -561px -25px; }

#nav #contact A		{ background-position: -657px 0px; width: 92px }
#nav #contact A:hover,
UL#nav.contactMenu #contact A	{ background-position: -657px -25px; }

#clearfooter 		{ display: block; height: 48px; }

#footer			{ color: #888; background: #050505 url(images/footer-bg.png) repeat-x; height: 28px; padding: 10px 0 10px; margin: -38px 0 0; clear: both; position: relative; }
#footer div		{ margin: 0 auto; width: 925px }
#footer UL		{ padding: 0; margin: 0; list-style-type: none; float: right }
#footer UL LI		{ display: inline; padding: 0px 3px }
#footer LI A		{ color: #aaaaaa; text-decoration: none; font-size: 10px }
#footer LI A:hover	{ color: #fff; text-decoration: none; border-bottom: 1px dotted #fff }

#footer A		{ color: #aaaaaa; text-decoration: none; font-size: 10px }
#footer A:hover		{ color: #ffffff; text-decoration: none; border-bottom: 1px dotted #ffffff }

.content		{ padding: 20px 0 10px 0 }

.list1			{ border-bottom: 1px solid #555 }

.help 			{ display: none }
.help img		{ vertical-align: top; margin: 1px 0 0 3px; cursor: help }
.helpBox		{ width: 316px; min-height: 30px; background: url(images/help-bg.gif) no-repeat bottom; position: absolute}
.helpBox p		{ background: url(images/help-top.gif) no-repeat; margin: 0; padding: 8px 10px 10px 25px;  }


/*******************  
*	CRUMBS
********************/

#crumbs			{ color: #888; font: normal 10px arial; margin: -10px 0 0; padding: 8px 0 0 }
#crumbs a		{ color: #888; margin: 0 3px; border-bottom: 1px dotted #888; text-decoration: none; }
#crumbs a:hover		{ color: #333; text-decoration: none; border-bottom: 1px solid #333 }


.box1			{ width: 902px; padding: 0 15px 15px; margin: 15px 0 25px; min-height: 219px; background: url(images/box1-bg.png) no-repeat bottom left }
.box1 h2		{ background: url(images/box1-header-bg.png) no-repeat top left; margin: 0 -15px 0; padding: 10px 15px 20px }
.box1 h2 a		{ float: right; text-decoration: none; }
.box1 h2 a:hover	{ text-decoration: underline }
.box1 h3		{ margin-top: 0 }
.box1 h3.lined		{ border-bottom: 1px solid #ccc; padding: 0 0 2px }
.box1 .rightBox		{ float: right; width: 400px; border-left: 1px solid #aaa; padding: 0 15px 5px; min-height: 140px }
.box1 .leftBox		{ float: left; width: 455px; padding: 0 15px 0 0 }
.box1 h3 span		{ font-weight: normal;  }
img.image		{ float: right; border: 2px solid #555; padding: 1px; margin: 0 0 10px 10px }
.box1 p			{ margin: 0 0 15px }

.box2			{ width: 890px; padding: 1px 5px 28px; background: url(images/box1-header-bg.png) no-repeat top center }
.box2 p			{} /** { padding-left: 60px } **/
.box2 .heading		{ padding: 9px 0 0; margin-bottom: 5px; color: #888 }
.box2 .headContent	{ float: right; width: 830px }
.box2 h3		{ margin: 0 0 5px; color: #444 }
.box2 h4		{ font: bold 12px verdana, arial; color: #888; margin: 3px 0 4px }
.box2 h4 span,
.box2 h4 a		{ font-weight: normal; color: #888; text-decoration: none }
.box2 h4 a:hover	{ text-decoration: underline; color: #888 }
.box2 ul		{ margin: 3px 0 0; padding: 0; list-style-type: none }
.box2 ul li		{ margin: 0; padding: 0 0 2px }
.box2 .dateBox		{ font: normal 10px arial; color: #888; width: 45px; float: left; border-right: 1px solid #aaa; padding: 0 3px 4px 0; margin: 0 10px 0 0; text-align: center }
.box2 .dateBox .day	{ font: bold 18px arial; color: #bbb }
.box2 .dateBox .month	{ font: bold 12px arial; color: #444 }

.box3			{ width: 405px; padding: 0 15px 15px; margin: 15px 0 25px; min-height: 219px; background: url(images/box3-bg.png) no-repeat bottom left }
.box3 h2		{ background: url(images/box3-header-bg.png) no-repeat top left; margin: 0 -15px 0; padding: 10px 15px 20px }
.box3 img.image		{ float: right; border: 2px solid #555; padding: 1px; margin: 0 0 10px 10px }
.box3 p.description	{ min-height: 210px }

.colorOdd		{ background: #eee }

table.column2		{ width: 100% }
table.column2 td	{ width: 50% }
	
table.guestintro		{ background: #E5F6FD; width: 100%; border: 1px solid #7FD7F7; border-left: 0; border-right: 0; border-collapse: separate; }
table.guestintro td 		{ width: 50%; height: 70px; padding: 0 0 0 90px;  }
table.guestintro td.left	{ background: #E5F6FD url(images/icon-info.png) no-repeat 10px 0  }
table.guestintro td.right	{ background: #E5F6FD url(images/icon-app.png) no-repeat 15px 0; border-left: 1px solid #9DE0F9 }
table.guestintro h4		{ font: bold 14px arial; margin: 0 0 10px }



ul.pageNumbers			{ text-align: right; padding: 5px 0; margin: 0px; margin-top: 15px; white-space: nowrap; list-style-type: none; border: 1px solid #aaa; border-right: 0; border-left: 0 }
ul.pageNumbers LI		{ display: inline; }
ul.pageNumbers LI.PNtitle	{ font-weight: bold; padding-right: 10px }
ul.pageNumbers LI.PNprev	{ padding-right: 8px }
ul.pageNumbers LI.PNnext	{ padding-left: 5px }
ul.pageNumbers LI.PNspacer	{ padding-right: 3px }


.splitRight			{ float: right; width: 410px; margin-top: 20px }
.splitLeft			{ float: left; width: 470px; margin-top: 20px; padding-right: 20px;  border-right: 1px solid #ddd }
.splitLeft img.image		{ float: right; border: 2px solid #555; padding: 1px; margin: 0 0 10px 10px }

table.recordings		{ width: 100% }
table.recordings td		{ padding-bottom: 20px }
table.recordings td.date	{ color: #888; text-align: center; width: 40px; padding-right: 15px; font-size: 11px }
table.recordings td.rest	{ font-weight: bold }
table.recordings td.rest div	{ margin-top: 3px; font-weight: normal }
table.recordings td.rest a	{ text-decoration: none; }
table.recordings td.rest a:hover { text-decoration: underline }


/*******************  
*	PROFILE MENU
********************/

.profileMenu			{ width: 165px; float: right; min-height: 294px; background: url(images/sidemenu-bg.png) no-repeat top left }
.profileMenu h3			{ margin: 25px 0 8px 10px; font-size: 16px }
.profileMenu ul			{ padding: 0; margin: 0; list-style-type: none; background: url(images/sidemenu-separator.png) no-repeat top left }
.profileMenu ul li		{ padding: 0 0 0 10px; background: url(images/sidemenu-separator.png) no-repeat bottom left }
.profileMenu ul li a		{ display: block; padding: 6px 0; font: normal 14px arial; text-decoration: none }
.profileMenu ul li a:hover	{ text-decoration: underline }
.profileMenu ul li.small	{ padding: 4px 30px 4px 10px; font-size: 10px; background: none; text-align: center }


/*******************  
*	FORM BOX
********************/

.formBox			{ width: 650px; margin: 20px 0 30px; background: url(images/box1-header-bg.png) no-repeat top right; }
.formBox h2.title		{ background: url(images/box1-header-bg.png) no-repeat top left; margin: 0 10px 0 0; padding: 15px 15px; text-align: center }
.formBox .inputForm		{ margin: 0 0 0 15px }

/******************* 
*	TOOLBAR FIX
********************/

table.mceLayout th,
table.mceLayout td		{ padding: 0 }
/** body.mceContentBody		{ font: normal 14px arial; }  **/


table.listTrans			{ width: 620px; margin: 0 15px }
table.listTrans	thead td	{ font-weight: bold }
table.listTrans	td		{ padding: 4px 3px; border-bottom: 1px solid #ddd }


#backOverlay 		{ position: absolute; left: 0; width:100%; background-color: #000; z-index:1000; cursor: default; }
.overlayBox		{ max-width: 600px; background: #fff; padding: 20px 30px; border: 6px solid #333; position: absolute; top: 0px; left: 0px; z-index: 1001; display: none; visibility: hidden; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.overlayBoxClose	{ display: block; float: right; color: #eee; background: #333; border: 1px solid #333; border-top: 0; border-right: 0; padding: 5px 12px; margin: -20px -30px 0 0; border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
.overlayBox h1,
.overlayBox h2,
.overlayBox p		{ margin: 0 0 20px }

/*******************  
*	UTILS
********************/

.note			{ font-size: 11px; background: #E5F6FD url(images/icon-info.png) no-repeat 17px 5px; border: 1px solid #7FD7F7; border-left: 0; border-right: 0; padding: 6px 8px 6px 80px; margin-bottom: 20px; line-height: 140% }
.noteShort		{ width: 560px }

.alert			{ width: 560px; font-size: 11px; background: #FEF9DA url(images/icon-alert.png) no-repeat 17px 5px; border: 1px solid #E7C507; border-left: 0; border-right: 0; padding: 6px 8px 6px 80px; margin-bottom: 20px; line-height: 140% }

.renew			{ width: 560px; font-size: 11px; background: #E5F6FD url(images/icon-cart.png) no-repeat 17px 5px; border: 1px solid #7FD7F7; border-left: 0; border-right: 0; padding: 6px 8px 6px 80px; margin-bottom: 20px; line-height: 140% }

.renew h5,
.note h5,
.alert h5		{ font: bold 14px arial; margin: 0 0 6px }

.noDisplay		{ display: none }
.noTop			{ margin-top: 0 }
.noBottom		{ margin-bottom: 0 !important; padding-bottom: 0 !important }
.smallBottom		{ margin-bottom: 3px !important; padding-bottom: 0 !important }
.noBorder		{ border: 0; padding: 0 }
.floatLeft		{ float: left; margin: 0 10px 10px 0 }
.floatRight		{ float: right; margin: 0 0 10px 10px }
.textCenter		{ text-align: center }
.textRight		{ text-align: right }
.noBackground		{ background-image: none }
.textSmall		{ font-size: 10px }
.noDecoration		{ text-decoration: none }
.example		{ font-size: 10px; font-style: italic }

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */