/* ############################################################
   HTML Tag Styles
   ######################################################### */
body {
	margin: 0px 0px 0px 0px ;
	background-image: url(theme/body-bg.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size: 12px ;
	line-height: 140% ;
	color: #444 ;
	}

p {
	margin: 0px ;
	padding: 0px 0px 12px 0px ;
	}

img {

	}

.clear {
	clear: both ;
	}

h1, h2, h3, h4, h5, h6 {
    font-family: Verdana ;
    color: #336699 ;
	font-weight: 900 ;
    }

h2	{
    font-size: 16px ;
    }

h3	{
    font-size: 12px ;    
    }

a, a:active, a:visited, a:link {
	color: #000 ;
	text-decoration: underline ;
	}

a:hover {
	color: #003366;
	text-decoration: underline ;
	}

ul {
	margin: 0 0 0 0 ;
	padding: 5px 5px 5px 15px ;
	}
	
.cpyrgt {
	color: #fff ;
	text-transform: uppercase ;
	}

/* ############################################################
   Layout styles
   ######################################################### */
#bg { width: 100%;
      height: 100%;
      padding-top: 10px;
      
	  background-position: center top;
	  background-repeat: repeat;
    }
#wrapper {
	width: 990px;
	margin: 0 auto;
	margin-top: 10px ;
	}

#header {
	padding: 0px 0px 5px 0px ;
	}

.bannerpane {
	float: left ;
	width: 728px ;
	}

#logo {
	padding: 20px 10px 0px 10px ; 
	}

#logo img {
	display: block ;
	}

#logowrapper {
	height: 120px ;
	}

#leftcol, #contentcol, #headlinecol {
	float: left ;
	border: solid 1px #transparent ;
	}

#leftcol {
	width: 180px ;
	}

#rightcol {
	float: right ;
	width: 300px ;
	}

#contentcol {
	width: 470px ;
	padding: 0px 8px ;
	}

#headlinecol {
	width: 660px ;
	}
#BG
    {
         
    }

#canvas 
    {
    background: #ffffff url('theme/canvas-top.gif') no-repeat top left;
}

#canvas-top {
	/* background-image: url(theme/canvas-top.gif) ; 
	background-repeat: no-repeat ; */
	}

#canvas-content {
	border-bottom: solid 1px #fff ;
	padding: 9px 8px 0px 8px ;
	}

#canvas-bottom {
	background-image: url(theme/canvas-bottom.gif) ;
	height: 4px ;
	}

#footer-top {
	margin-top: 5px ;
	background-image: url(theme/footer-top.gif) ;
	height: 4px ;
	}

#footer-bottom {
	background-image: url(theme/footer-bottom.gif) ;
	height: 4px ;
	}

#footer-content {
	background-color: #E0162C;
	text-align: right ;
	padding: 0px 5px ;
	color: #000000 ;
	font-size: 11px ;
	}

#footer .Normal { color: #000000; }

#footer a {
	font-size: 11px ;
	color: #000000 ;
	text-decoration: none ;
	font-weight: normal ;
	text-transform: uppercase ;
	}

#footer a:hover {
	background-color: #FFFFFF ;
	}

#login {
	background-image: url(theme/login-bg.gif) ;
	background-repeat: no-repeat ;
	width: 57px ;
	height: 15px ;
	text-align: center ;
	font-size: 10px ;
	}

a.login {
	font-weight: 900 ;
	text-transform: uppercase ;
	color: #3cf ;
	text-decoration: none ;
	line-height: normal ;
	}

a.login:hover {
	color: #fff ;
	}

#user {
	float: left ;
	overflow: hidden ;
	padding: 2px 0px 10px 2px ;
	font-size: 9px ;
	white-space: nowrap ;
	line-height: 115% ;
	color: #333 ;
	font-family: arial ;
	}

#user a, #user a.link, #user a.visited, #user a.active {
	font-family: arial ;
	color: #333 ;
	}

#user a:hover {
	color: #3cf ;
	}

a.user {
	color: #333 ;
	}

a.user:hover {
	color: #fff ;
	}

#login, #user {
	float: left ;
	}

#searchcontrols {
	background-color: #fff ;
	padding: 2px ;
	width: 290px ;
	float: right ;
	font-size: 11px ;
	position: relative ;
	top: 7px ;
	left: -10px ;
	z-index: 5 ;
	overflow: hidden ;
	}

#searchcontrols input {
	border: none ;
	background-color: #fff ;
	border-width: 0px ;
	width: 210px ;
	}

#usercontrols {
	background-image: url(theme/onairnow-bg.gif) ;
	height: 68px ;
	overflow: hidden ;
	padding: 12px 8px 10px 8px ;
	float: right ;
	width: 234px ;
	}
	
a.search {
	font-size: 12px ;
	font-weight: 900 ;
	text-decoration: none ;
	color: #000 ;
	padding: 1px 10px 1px 2px ;
	background-image: url(theme/search-arrow.gif) ;
	background-repeat: no-repeat ;
	background-position: right center ;
	}

a.search:hover {
	color: #DF162B ;
	background-image: url(theme/search-arrow-on.gif) ;
	}

.np-label {
	color: #99CCFF ;
	font-weight: 900 ;
	padding-right: 2px ;
	}

.artist-title {
	font-weight: 900 ;
	}

/* ############################################################
   Navigation styles
   ######################################################### */
#navigation, #subnavigation {
	padding: 0px 10px ;
	}

#navigation-top {
	background-image: url(theme/navigation-top.gif) ;
	background-position: top center ;
	background-repeat: no-repeat ;
	height: 4px ;
	}

#navigation-content {
	background-color: #E0162C ;
	padding-top: 2px ;
	}

#navigation-bottom {
	background-image: url(theme/navigation-bottom.gif) ;
	background-position: bottom center ;
	background-repeat: no-repeat ;
	height: 4px ;
	}

/* ############################################################
   DNN tag styles
   ######################################################### */
.DNNEmptyPane {
	display: none ;
	}

.DNNAligncenter {

	}

.Normal, .NormalDisabled {
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size: 12px ;
	color: #444 ;
	}

.SkinObject {
	font-size: 12px ;
	}

.SubHead {
	font-size: 12px ;
	color: #333 ;
	}

a.CommandButton:active, a.CommandButton:link, a.CommandButton:visited {
	color: #333 ;
	}

a.CommandButton:hover {
	color: #0851A2 ;
	}

.ControlPanel {
	background-color: #fff ;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	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 ;
	}

a.Search {
	margin: 0px ;
	color: #336699 ;
	border: solid 1px #336699 ;
	padding: 3px 3px 2px 3px ;
	text-decoration: none ;
	}

.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;
}
.announceTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size:  12px;
	font-weight:    bold;
	text-transform: uppercase;
	color: #E0162C;
}
/*EDIT:Text color for announcement box*/ .announceText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}
div.announceSep {
    width: 100%;
	height: 2px;
	background-color: #003366;
	margin: 5px 0px;

}
a.readmore:link, a.readmore:visited, a.readmore:active {
	height: 13px;
	width: 68px;
	display: block;
	float: left;
	overflow: hidden;
	color: #E0162C;
}
a.readmore:hover { color: #003366; }

