/* ############################################################
   HTML Tag Styles
   ######################################################### */
body {
	margin: 0px 0px 10px 0px ;
	background-color: #769f41 ;
	background-image: url(theme/body-bg.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-attachment:fixed;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size: 12px ;
	line-height: 140% ;
	color: #FFF ;
	}
p {
	margin: 0px ;
	padding: 0px 0px 12px 0px ;
	}

img {

	}

.clear {
	clear: both ;
	}

h1, h2, h3, h4, h5, h6 {
    font-family: Verdana ;
    color: #FFF200 ;
	font-weight: 900 ;
    }

h2	{
    font-size: 16px ;
    }

h3	{
    font-size: 12px ;    
    }
a, a:active,  a:visited,  a:link {
	color: #FBD85F ;
	text-decoration: underline ;
	}
a:hover {
	color: #FFF;
	text-decoration: underline ;
	}

ul {
	margin: 0 0 0 0 ;
	padding: 5px 5px 5px 15px ;
	}
	
.cpyrgt {
	color: #fff ;
	text-transform: uppercase ;
	}
.SubHead 
{
	color: #FAC81B;
}

/* ############################################################
   Layout styles
   ######################################################### */
#wrapper {
	width: 990px;
	margin: 0 auto;
	margin-top: 10px ;
	}

#header {
	padding: 0px 0px 10px 0px ;
	}

.bannerpane {
	float: left ;
	width: 728px ;
	}

.on-air-now {
	float: right ;
	width: 250px ;
	}

#logo {
	padding: 20px 10px 0px 10px ; 
	}

#leftcol, #contentcol, #headlinecol {
	float: left ;
	border: solid 1px #transparent ;
	}
#leftcol {
	width: 182px ;
	}

#rightcol {
	float: right ;
	width: 300px ;
	}

#contentcol {
	width: 468px ;
	padding: 0px 8px ;
	}

#headlinecol {
	width: 660px ;
	}
#maintbl {
	width: 100% ;
	}

#canvas {
	background-color: #fff ;
	}

#canvas-top {
	background-image: url(theme/canvas-top.gif) ;
	background-repeat: no-repeat ;
	}

#canvas-content {
	background-color: #000 ;
	border-left: solid 1px #000 ;
	border-right: solid 1px #000 ;
	padding: 8px 8px 0px 8px ;
	}

#canvas-bottom {
	background-image: url(theme/canvas-bottom.gif) ;
	height: 5px ;
	}

#footer-top {
	padding-top: 5px ;
	background: url(theme/footer-top.gif) no-repeat bottom left;
	height: 4px ;
	}

#footer-bottom {
	background-image: url(theme/footer-bottom.gif);
	height: 4px ;
	}

#footer-content {
	background-color: #000000 ;
	text-align: right ;
	padding: 0px 5px ;
	color: #fff ;
	font-size: 11px ;
	}

#footer a {
	font-size: 11px ;
	color: #fff ;
	text-decoration: none ;
	font-weight: normal ;
	text-transform: uppercase ;
	}

#footer a:hover 
{
	color: #FBD85F;	
}

#footer p { padding: 0px; }

#footer .Normal { color: #fff; }

#headercontrols 
{
	width: 970px;
	padding: 5px 10px 5px 10px;
}	

#usercontrols {
	padding: 0px;
	width: 650px;
	float: left;
	}

#login {
	margin-top: 5px ;
	background-image: url(theme/login-bg.gif) ;
	width: 59px ;
	height: 15px ;
	line-height: 14px;
	text-align: center ;
	vertical-align: middle;
	font-size: 9px ;
	}

a.login {
	font-weight: 900 ;
	text-transform: uppercase ;
	color: #000 ;
	text-decoration: none ;
	}

a.login:hover {
	color: #6F2A8E ;
	}

#user {

	height: 22px ;
	padding: 2px 0px 0px 5px ;
	font-size: 9px ;
	white-space: nowrap ;
	line-height: 22px ;
	vertical-align: middle;
	color: #FFF ;
	}

#user a, #user a.link, #user a.visited, #user a.active {
	color: #FFF ;
	}

#user a:hover {
	color: #FAC81B ;
	}

a.user {
	color: #FFF ;
	}

a.user:hover {
	color: #FAC81B ;
	}

#login, #user {
	float: left ;
	}
#searchcontrols 
{
	width: 310px;
	float: right;
 	border: solid 1px #495290 ;
	background-color: #FFF ;
	padding: 2px ;
	}

#searchcontrols input {
	border: none ;
	background-color: #fff ;
	border-width: 0px ;
	width: 230px ;
	color: #361F09;
	}

a.search {
	font-size: 12px ;
	font-weight: 900 ;
	text-decoration: none ;
	color: #361F09 ;
	padding: 1px 10px 1px 2px ;
	background-image: url(theme/search-arrow.gif) ;
	background-repeat: no-repeat ;
	background-position: right center ;
	}

a.search:hover {
	color: #6F2A8E;
	background-image: url(theme/search-arrow-on.gif) ;
	}

#now-playing {
	float: left ;
	font-size: 11px ;
	position: relative ;
	top: 10px ;
	left: 640px ;
	z-index: 5 ;
	width: 345px ;
	height: 20px ;
	overflow: hidden ;
	}

.np-label {
	color: #fff ;
	font-weight: 900 ;
	padding-right: 2px ;
	}

.artist-title {
	font-weight: 900 ;
	}

/* ############################################################
   Navigation styles
   ######################################################### */
#navigation {
	padding: 0px 10px;
	float: left;
	width: 970px;
	background-color: #000;
	}

#navigation-top {
	background-image: url(theme/navigation-top.gif) ;
	background-position: top center ;
	background-repeat: no-repeat ;
	height: 4px ;
	}

#navigation-content {
	background-color: #8cc63f;
	height: 19px;
	line-height: 19px;
	vertical-align: middle;
	}

#navigation-bottom {
	background-image: url(theme/navigation-bottom.gif) ;
	background-position: bottom center ;
	background-repeat: no-repeat ;
	padding: 4px 0px 0px 0px ;
	}

/* ############################################################
   DNN tag styles
   ######################################################### */
.DNNEmptyPane {
	display: none ;
	}

.DNNAligncenter {

	}

.Normal, .NormalDisabled {
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size: 12px ;
	color: #fff ;
	}

.SkinObject {
	font-size: 12px ;
	}

.Head { 
    color: #6F2A8E;     
    }

a.CommandButton:active, a.CommandButton:link, a.CommandButton:visited, a.CommandButton:hover {
	color: #FAC81B ;
	}

.ControlPanel {
	background-color: #FFFFFF ;
	}
.ControlPanel .SubHead 
{
	color: #6F2A8E;
}
.DataGrid_Header 
{
    color: #FFFFFF;   
}
.DataGrid_Item
{
    color: #FFFFFF;
}

.ControlPanel a.CommandButton, .ControlPanel a.CommandButton:active, .ControlPanel a.CommandButton:visited
{ color: #6F2A8E; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	Home Announcements
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.home-headline {
	padding: 5px 0 15px 0 ;
	}

.home-headline-title {
	font-size: 12px ;
	font-weight: 900 ;
	}

.home-headline-desc {
	padding: 5px 0 ;
	}

.home-headline-desc p {
	padding: 0 ;
	margin: 0 ;
	}

.PagingTable {
	display: none ;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	FAQ Styles
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.faq {
	padding: 0px 0px 2px 7px ;
	background: transparent url(http://i.cdn.turner.com/cnn/.element/img/2.0/global/red_bull.gif) no-repeat scroll left 8px ;
	}

.faq-answer {
	padding: 5px 0px 0px 15px ;
	}

.faq p {
	margin: 0px ;
	padding: 0px ;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	FAQ Styles
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.schedule-box {
	padding: 8px 0px 8px 0px ;
	}

.schedule-box select {
	font-size: 11px ;
	width: 275px ;
	}

.schedule-box input {
	font-size: 11px ;
	width: 23px ;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	UDT Styles
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.UDT_Table_Head {
	background-color: #336699 ;
	color: #fff ;
	font-weight: 900 ;
	}

.UDT_Table_Head th {
	color: #fff ;
	font-weight: 900 ;
	}

.UDT_Table_AlternateItem {

	}

.UDT_Table_Item {
	background-color: #809FBE ;
	color: #fff ;
	}

.UDT_Table_Item a {
	color: #fff ;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	Form Styles
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.registration_form td {
	padding: 2px ;
	}

.registration_form input {

	}

object {

	}
/* ========== Contest Form Fix ========= */

table.FormTable {
	width: 440px;
}

/* ================================ */

/* ========= ANNOUNCEMENT STYLES ==========*/

td.announceImg {
	padding-right: 5px;
	width:auto !important;
}
.announceTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size:  12px;
	font-weight:    bold;
	text-transform: uppercase;
	color: #fac817;
}
/*EDIT:Text color for announcement box*/
.announceText p{
padding-bottom:5px !important;
}
.announceText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
}
div.announceSep {
	height: 1px;
	background: url(_i/sep.gif) repeat-x top left;
	margin: 5px 0;
}
a.readmore:link, a.readmore:visited, a.readmore:active {
	background: url(_i/buttn_readmore.gif) 0 0;
	height: 13px;
	width: 68px;
	display: block;
	float: right;
	overflow: hidden;
}
a.readmore:hover {
	background: url(_i/buttn_readmore.gif) 0 13px;
}
.DNN_ANN_DesignTable{
width:100% !important;
}
.DNN_ANN_DesignTable table{
width:100%;
}
.DNN_ANN_DesignTable table td{
width:100%;
}

