.menuBg
{
 background-image:url('../../images/nav/bg_top_nav.gif');
 background-repeat:repeat-x;
 /*background-color:Red;*/
 
}

.menuItem{cursor:pointer;}

.menuLink , .menuLinkHover
{
	padding-right:10px;
	height:21px;
	cursor:pointer;
	border-right:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
}

.menuLink
{
	background-color:#F9F9F9;
	color:#000000;
}

.menuLinkHover
{
	background-color:#E8E8E8;
	color:#0066cb;
}

.t_14w{
	font-family:Arial;
	font-size : 14px;
	color : #ffffff;
	text-decoration:none;
}

.mform {
	font-size : 11px;
	FONT-FAMILY: Arial;
	COLOR: #000000;
	background-color : #ffffff;
	border : 1px solid #316698;
	height:18px;
	width:100px;
}

.td_white{
	font-family:Arial;
	font-size : 12px;
	color : white;
	line-height : 18px;
}

html{
	height: 100%;
	width: 100%;		
}

body {
	height: 100%;
	width: 100%;
	padding: 0px;
	margin: 0px;
	background-color: #ffffff;
	color: #656565;
	font-family: arial;
	font-size: 12px;
}

table{
	border-collapse: collapse;
}



table td{
	padding: 0px;
}

div {
	padding: 0px;
	margin: 0px;
}

img {
	margin: 0px;
	border: none;	
}

#mainarea{
	width: 901px;
	position:absolute;
	left:50%;	
	margin-left:-450px;
	padding: 0px;
	z-index: 0;		
}

div.mainContentRow{
	width: 100%;	
	overflow: visible;
	position: relative;
	top: 0px;
	height: 0px;
	z-index: 0;	
	 
}



.header_link_div
{
	padding-top:3px;
}

.header_link_div span
{
	color: #656565;
}

.header_link_div a
{
	color: #656565;
	text-decoration: none;
	
}
.header_link_div a:hover
{
	color: #0066cb;
	text-decoration: none;
	
}

.login_user_name
{
	color:Black;
	font-size:11px;
	
	padding-right:10px;
}
.divAfterLogin
{
	padding:10px 20px 0 0;
}
.login_link1 , .login_link2
{
	color : #0066cb;
	font-size:11px;
	
}
.login_link1  a
{
	font-size:11px;
	text-decoration : none;
	color : #0066cb;
	font-weight:bold;
}
.login_link1  a:hover
{
	font-size:11px;
	text-decoration : underline;
}
.login_link2 a
{
	font-size:11px;
	text-decoration : none;
	color : #0066cb;
	
}
.cellError
{
	color:#0066cb;
	font-weight:bold;
	font-size:11px;
}
.login_link2  a:hover
{
	font-size:11px;
	text-decoration : underline;
}
.graytext{
	color: #939496;
}

.divLogin
{
	padding-right:20px;
	padding-top:2px;
}

.darkgraytext{
	color: #666666;
}

.bluetext{
	color: #0b63bd;
}

.darkbluetext{
	color: #00458a;
}

.inputTextWrapper{
	width: 101px;
	height: 17px;
	padding: 0px;
	background-image: url(../images/nav/textfield.jpg);	
}


.inputText{
	border: 0;
	width: 90px;
	height: 11px;
	position: relative;
	top: 1px;
	right: 4px;
	font-size: 10px;	
	margin: 0px;
	padding: 0px;
	font-family: arial;
}

img.png{	
	behavior: url("include/pngbehavior.htc");
}

div.generalBox , div.grayBox{
	position: relative;
	top: 0px;
	left: 0px;	
	overflow: hidden;
	clear: both;
}

div.generalBox div.topleft , div.grayBox div.topleft{
	position: absolute;
	top:0px;
	left:0px;
	height: 11px;
	width: 12px;
}

div.generalBox div.topright , div.grayBox div.topright{
	position: absolute;
	overflow: hidden;
	top:0px;
	right:0px;
	height: 12px;
	width: 12px;	
}

div.generalBox div.bottomright , div.grayBox div.bottomright{
	position: absolute;
	overflow: hidden;
	bottom:0px;
	right:0px;
	height: 12px;
	width: 12px;	
}

div.generalBox div.bottomleft , div.grayBox div.bottomleft{
	position: absolute;
	overflow: hidden;
	bottom:0px;
	left:0px;
	height: 12px;
	width: 12px;	
}

div.generalBox div.curve , div.grayBox div.curve{
	position: absolute;
	overflow: hidden;
	top: -2px;
	left: 150px;
	height: 30px;
	width: 24px;	
}

div.generalBox div.top , div.grayBox div.top{
	position: absolute;
	overflow: hidden;
	top:0px;
	left:0px;	
	width: 99%;	
	height: 12px;
	background-image: url('../images/general/graybox_t.jpg') 
}

div.generalBox div.top2 , div.grayBox div.top2{
	position: absolute;
	overflow: hidden;
	top:0px;
	right:0px;	
	width: 245px;	
	height: 12px;
	background-image:url(../images/general/generalbox_t.jpg);
}

div.generalBox div.bottom , div.grayBox div.bottom{
	position: absolute;
	overflow: hidden;
	bottom:0px;
	left:0px;
	height: 12px;
	width: 99%;	
	
	background-image: url(../../images/homepage/general/generalbox_b.jpg) 
}
/********06-05-2007***********/
div.generalBox div.top , div.grayBox div.top{
	position: absolute;
	overflow: hidden;
	bottom:0px;
	left:0px;
	height: 12px;
	width: 99%;	
	background-image: url("../images/general/generalbox_t.jpg") 
}
/*****************************/
div.grayBox div.bottom{
	position: absolute;
	overflow: hidden;
	bottom:0px;
	left:0px;
	height: 12px;
	width: 99%;	
	background-image: url("../images/general/graybox_b.jpg") 
}

div.generalBox div.left , div.grayBox div.left{
	position: absolute;
	overflow: hidden;
	left: 0px;	
	top: 0px;
	height: 100%;
	width: 1px;
	background-color: #eaeaea;
}

div.generalBox div.left2 , div.grayBox div.left{
	position: absolute;
	overflow: hidden;
	left: 0px;	
	bottom: 0px;
	height: 250px;
	width: 1px;
	background-color: #eaeaea;
}


div.generalBox div.right , div.grayBox div.left{
	overflow: hidden;
	position: absolute;
	top: 0px;
	right: 0px;	
	height: 100%;
	width: 1px;
	background-color: #eaeaea;
}

div.activetab{
	cursor: pointer;
	float: left;
	display: inline;
	position: relative;
}

div.activetab div.left{
	width: 10px;
	height: 22px;		
	margin: 0px;
	float: left;
}
div.activetab div.center{	
	height: 22px;
	background-color: #0066ca;
	text-align: center;
	width: 40px;	
	margin: 0px;
	float: left;
	color:#D5FFFF;
	font-family:Arial; 
	font-weight:bold;
}
div.activetab div.right{
	width: 11px;
	height: 22px;	
	float: left;
	margin: 0px;
}

div.inactivetab{
	cursor: pointer;
	float: left;
	display: inline;
	position: relative;
}


div.inactivetab div.left{
	width: 12px;
	height: 22px;	
	margin: 0px;
	float: left;
}
div.inactivetab div.center{	
	height: 22px;
	background-image: url("../images/nav/tab_inactive_center.jpg");
	margin: 0px;
	float: left;		
	text-align: center;
	color:#2E659D;
	font-family:Arial; 
	font-weight:bold;
}

div.inactivetab div.center:hover
{
	text-decoration:underline;
}


div.inactivetab div.right{
	width: 12px;
	height: 22px;	
	margin: 0px;
	float: left;
}


div.inactivetab div.center div.imageWrapper, div.activetab div.center div.imageWrapper{
	margin-top: 6px;
}

div.generalBoxHeader div.grayBoxHeader{	
	margin-top: 3px;
	margin-right: 13px;
	display: inline;
	float: right;
}

img.clipSquare{
	width: 86px;
	height: 77px;
	border: 1px solid #b6b5ba;		
}

img.animationSquare{
	width: 95px;
	height: 86px;
	border: 1px solid #b6b5ba;		
}

img.offerSquare{
	width: 89px;
	height: 103px;
	border: 1px solid #b6b5ba;		
}

img.gameSquare{
	width: 104px;
	height: 76px;
	border: 1px solid #b6b5ba;		
}

div.generalBox div.content , div.grayBox div.content{
	margin: 9px 13px 9px 10px;
	z-index: 4;
	position: relative;	
	
}

div.generalBox div.tvcontent , div.grayBox div.tvcontent{
	margin: 9px 7px 9px 7px;
	z-index: 4;
	position: relative;	
}

span.clipCaption{
	color: #1b395b;
	float: right;
	margin-right: 7px;
}

div.newsletterCaption{
	color: #1b395b;
	float: left;
	width: 97px;
	margin-right: 7px;	
	text-align: right;	

}


span.ringtoneCaption{
	color: #1b395b;
	float: right;	
}

div.linkCaption{
	color: #1b395b;
	float: right;	
	width: 260px;
}

div.linkCaption a{
	font-weight: bold;
	color: #0066cb;
	text-decoration: none;
}

div.linkCaption a:hover{
	font-weight: bold;
	color: #0066cb;
	text-decoration: underline;
}

td.clipButtons{	
	vertical-align: bottom;
	text-align: left;
	font-size:11px;	
}

td.ringtones{		
	text-align: right;	
}

div.clipDivider{	
	background-color: #ebebeb;
	width: 100%;
	height: 1px;
	overflow: hidden;	
	margin: 7px 0px 7px 0px;
}

div.linkDivider{	
	background-color: #ebebeb;
	width: 100%;
	height: 1px;
	overflow: hidden;	
	margin: 12px 0px 12px 0px;
}

div.ringtoneDivider{	
	background-color: #ebebeb;
	width: 100%;
	height: 1px;
	overflow: hidden;	
	margin: 2px 0px 2px 0px;
}

#rightnav{
	margin-top: 18px;
	width: 124px;
	float: right;
	overflow: hidden;
	height: 484px;
	z-index: 3;
	position: relative;	
}

#rightbanner{	
	margin-top: 35px;
	height: 430px;
	width: 124px;
	float: right;
	overflow: hidden;
}

#bottomleftbanner{	
	margin-top: 9px;
	width: 345px;
	height: 123px;
	float: left;	
}





div.blueheader{	
	width: 100%;	
}

div.blueheader div.left{
	width: 13px;
	height: 28px;		
	margin: 0px;
	float: left;
}
div.blueheader div.center{	
	height: 28px;
	background-color: #0066ca;
	text-align: right;	
	margin: 0px;	
	float: left;	
	
}
div.blueheader div.right{
	width: 13px;
	height: 28px;	
	float: left;
	margin: 0px;
}

div.blueheader div.center div.imageWrapper{
	margin-top: 5px;	
}






div.grayheader{	
	width: 100%;	
}

div.grayheader div.left{
	width: 13px;
	height: 28px;		
	margin: 0px;
	float: left;
}
div.grayheader div.center{	
	height: 28px;
	background-color: #EDEDED;
	text-align: right;	
	margin: 0px;	
	float: left;	
	
}
div.grayheader div.right{
	width: 13px;
	height: 28px;	
	float: left;
	margin: 0px;
}

div.grayheader div.center div.imageWrapper{
	margin-top: 5px;	
}



div.offerCaption{
	/*color: #1b395b;*/
	float: right;
	margin-right: 7px;	
	text-align: right;
	font-size:12px;
	width:108px;
	
	
}

div.myradioCaption{
	color: #1b395b;
	width: 210px;
	height: 50px;
	float: left;
	margin-right: 7px;	
	text-align: right;
	overflow: hidden;
	line-height: 13px;	
}

div.game{
	width: 112px;
	float: right;
	text-align: center;
}

div.gameDivider{	
	background-color: #ebebeb;
	width: 1px;
	height: 95px;
	overflow: hidden;	
	margin: 2px 13px 0px 13px;
	float: right;
}

div.gameCaption{
	color: #1b395b;	
	margin-bottom: 5px;
}

div.linkvDivider{	
	background-color: #ebebeb;
	width: 1px;
	height: 90px;
	overflow: hidden;	
	margin-left: 13px;
	float: right;
}

div.myradiovDivider{	
	background-color: #295d8f;
	width: 1px;
	height: 54px;
	overflow: hidden;	
	margin: 0px 10px 0px 10px;
	float: left;
	display: inline;
}

div.blueBox{
	position: relative;
	top: 0px;
	left: 0px;	
	background-color: #0066cb;
	overflow: hidden;
	clear: both;
}

div.blueBox div.topleft{
	position: absolute;
	top:0px;
	left:0px;
	height: 11px;
	width: 12px;
}

div.blueBox div.topright{
	position: absolute;
	overflow: hidden;
	top:0px;
	right:0px;
	height: 12px;
	width: 12px;	
}

div.blueBox div.bottomright{
	position: absolute;
	overflow: hidden;
	bottom:0px;
	right:0px;
	height: 12px;
	width: 12px;	
}

div.blueBox div.bottomleft{
	position: absolute;
	overflow: hidden;
	bottom:0px;
	left:0px;
	height: 12px;
	width: 12px;	
}

div.blueBox div.content{
	
	z-index: 4;
	color: #ffffff;
	position: relative;	
	
}


div.blueBox div.contentActive{
	margin: 9px 13px 9px 13px;
	z-index: 4;
	color: #ffffff;
	position: relative;	
	display:inline-block;
	padding-top:5px;
}


div.blueBox div.contentInActive{
	margin: 9px 13px 9px 13px;
	z-index: 4;
	color: #ffffff;
	position: relative;
	display:none;	
}

div.blueBox div.smallInfo{
	width:100px;
	height:70px;
}

div.blueBox td.clipButtons a{color:#ffffff;text-decoration:none;}
div.blueBox td.clipButtons a:hover{color:#ffffff;text-decoration:underline;}

div.grayBox td.clipButtons a{color:#0066cb;text-decoration:none;}
div.grayBox td.clipButtons a:hover{color:#0066cb;text-decoration:underline;}


div.voiceportalvDivider{	
	background-color: #3b9fff;
	width: 1px;
	height: 83px;
	overflow: hidden;	
	margin: 0px 10px 0px 10px;
	float: left;
	display: inline;
}

a.graylink:link, a.graylink:visited{
	color: #939496;
	text-decoration: none;
}

a.graylink:hover, a.graylink:active{
	color: #939496;
	text-decoration: underline;
}

a.whitelink:link, a.whitelink:visited{
	color: #ffffff;
	text-decoration: none;
}

a.whitelink:hover, a.whitelink:active{
	color: #ffffff;
	text-decoration: underline;
}

a.bluelink, #footer a {
	text-decoration: none;
	color: #0066cb;
	font-weight:bold;
}
a.bluelink:hover, #footer a:hover {
	text-decoration: underline;
	color: #0066cb;
}
.header_spanLinks
{
	
	
}
.header_spanLinks a.blueLink1{
	text-decoration: none;
	color:#0066cb;
	font-size:11px;
	padding-left:10px;
}
.header_spanLinks a.blueLink1:hover{
	text-decoration: underline;
	color:#0066cb;
	font-size:11px;
	padding-left:10px;
}

a.darkbluelink{
	text-decoration: none;
	color: #00458a
}
a.darkbluelink:hover{
	text-decoration: underline;
	color: #00458a
}


#footer{	
	text-align: center;
	font-size: 11px;
	color: #0066cb;
}

div.rightnavBlueButton{
	margin-bottom: 2px;
}

div.menuDiv{
	position: absolute;
	z-index: 10000;
	left: -1000px;
}

div.navButton{
	position: absolute;
	top: 4px;
	display: none;
	z-index:100;
}

div.tabMouseOver{
	height: 1px;
	width: 20px;
	background-color: #0066cb;
	position: absolute;
	bottom: 4px;	
	display: none;
	overflow: hidden;	
}

.selectBoxItemBlank{
	width: 100%;
	cursor: pointer;
	color: #0066cb;
	background-color: #ffffff; 
}

.selectBoxItemSelected{
	width: 100%;
	cursor: pointer; 
	color: #ffffff;
	background-color: #0066cb;
}

div.selectBoxItems{
	display: none;
	width: 112px;
	background-color: white;
	position: absolute;
	top: 17px;
	left: 0px;
	z-index: 100;	
}

img.seasonHeader{
	float: right;
	margin-top: 2px;
}

div.seasonLinks{
	margin-top: 6px;
	float: right;
	font-weight: bold;
	clear:both;
}

div.seasonText{
	color: #00458a;
	float: right;
	text-align:right;
	clear:both;
}

div.sepbar{
	float: right;
	height: 11px;
	width: 100%;
	overflow: hidden;
	background-image: url(../images/general/sepbar_c.jpg);
}

div.sepbar img.left{
	float: left;
}

div.sepbar img.right{
	float: right;
}

div.titlebar_sep{
	color: #00458a;
	display: inline;
}

div.titlebar_item{
	display: inline;
	margin: auto;
}
div.graybar{
	width: 100%;
	height: 1px;
	overflow: hidden;
	background-color: #eaeaea;
	float: right;	
}

/* song waiting page */
td.songwaiting_box{
	height: 40px;
}

div.searchbox{
	position: absolute;
	top: 0px;
	left: 0px;
}

div.submenu_right{	
	width: 100px; 
	float: right;
	margin: 13px 15px 0px 0px;
	line-height: 18px;	
	text-align: right;
	font-weight: bold;
	overflow: hidden;
}

.pix1{
	width: 12px;
	height: 1px;
	}
	
div.grayBox{
	position: relative;
	background-color: #ededed;
	top: 0px;
	left: 0px;	
	overflow: hidden;
	clear: both;
}

div.grayBox div.topleft{
	position: absolute;
	top:0px;
	left:0px;
	height: 2px;
	width: 2px;
}

div.grayBox div.topright{
	position: absolute;
	overflow: hidden;
	top:0px;
	right:0px;
	height: 2px;
	width: 2px;	
}

div.grayBox div.bottomright{
	position: absolute;
	overflow: hidden;
	bottom:0px;
	right:0px;
	/*height: 2px;
	width: 2px;*/	
}

div.grayBox div.bottomleft{
	position: absolute;
	overflow: hidden;
	bottom:0px;
	left:0px;
	/*height: 2px;
	width: 2px;*/	
}	


div.bluebutton {
	cursor: pointer;
}

div.bluebutton div.left{
	width: 6px;	
	height: 22px;
	float: left;
}

div.bluebutton div.right{
	width: 6px;
	height: 22px;	
	float: left;
}

div.bluebutton div.center{	
	background-image: url(../images/buttons/bluebutton_bg.jpg);
	height: 22px;	
	float: left;
}

.leftarrowWhite{
	background-image: url(../images/icons/leftarrow_white.jpg);
	height: 9px;
	width:8px;
	background-repeat:no-repeat;
	background-position:center right;
	padding-left:15px;
 }
 
 .whitecornerR
 {
 	background-image: url(../images/general/whitecorner_r.gif);
	height: 18px;
	width:7px;
	background-repeat:no-repeat;
	background-position:center left;
 }
 
 
  .graycornerL
 {
 	background-image: url(../images/general/graycorner_l.gif);
	height: 18px;
	width:7px;
	background-repeat:no-repeat;background-position:center left;
 }
 
 .bgGray{
	background-color: #d8d8d8;
	color: #0066cb;
	width: 70px;
	text-align:center;
	padding-right:5px;
	padding-left:5px;
	line-height:15px;
	height: 18px;
}

 .bgWhite{
	background-color: #ffffff;
	color: #0066cb;
	width: 70px;
	text-align:center;
	padding-right:5px;
	padding-left:5px;
	line-height:15px;
	height: 18px;
}


table.white18{display: block;border-collapse:collapse;}

table.white18 td{
	line-height:15px;
	height: 16px;
	border-bottom:3px solid #0066CB;
}

.graySquare
{
	background-image: url(../images/icons/graySquare.gif);
	height: 17px;
	width:26px;
	background-repeat:no-repeat;
	background-position:center center;
}

.whiteSquare
{
	background-image: url(../images/icons/whiteSquare.gif);
	height: 17px;
	width:26px;
	background-repeat:no-repeat;
	background-position:center center;
}

.bgGray
{
	

}

.whiteBoxCenteredTitle
{
	color:#EAFFFF; 
	font-family:Arial; 
	font-size:23px;
	font-weight:bold;
	padding-bottom:5px;
	text-align:center;
}

.greenTitle
{
	color:#EAFFFF; 
	font-family:Arial; 
	font-size:23px;
	font-weight:bold;
	padding-bottom:5px;
	text-align:center;
}

.greenTitleSmall
{
	font-size:16px;
	padding:0px 29px;
	margin-top:10px;
	line-height:16px;
}

.whiteBoxGrayTitle
{
	color:#0066cb;
	font-size:16px;
	padding:0px 0px;
	margin-top:10px;
}

.whiteBoxBlueTitle
{
	font-size:16px;
	padding:0px 0px;
	margin-top:10px;
}

.txtBlue{
	color:#0066cb;
	font-size:11px;
}

.aBlue10{
	color:#0066cb;
	font-size:10px;
	text-decoration:none;
}
.aBlue10 span
{
	color:#0066cb;
	font-size:10px;
	text-decoration:none;
}

.aBlue10 a:hover{text-decoration:underline;}


.mFormGray
{
	border: solid 0px black;
	line-height:17px;
	height:15px;
	width:95px;
	font-size:11px;
	border-bottom:solid 1px #e2e2e2;
	border-top:solid 1px #e2e2e2;

div.png{
	behavior: url(include/pngdivbehavior.htc);
}

#grayHider {width: 100%;position: absolute; top: 0px; left: 0px; background-color: #ffffff; z-index: 100;}

#thePopup {position: absolute; z-index: 1000; width: 229px; height: 139px; cursor: move;}
#Ptopleft{width: 15px; height: 14px; background-image: url(../../images/popup_tl.png); position: absolute; top: 0px; left: 0px;}
#Ptop{width: 199px; height: 14px; background-image: url(../../images/popup_t.jpg); position: absolute; top: 0px; left: 15px;}
#Ptopright{width: 15px; height: 14px; background-image: url(../../images/popup_tr.png); position: absolute; top: 0px; right: 0px; }


#Pleft{width: 15px; height: 111px; background-image: url('../images/popup_l.jpg'); position: absolute; left: 0px; top: 14px;}
#Pcontent{width: 199px; height: 111px; background-color: #ffffff; position: absolute; top: 14px; left: 15px; text-align: center;}
#Pright{width: 15px; height: 111px; background-image: url('../images/popup_r.jpg'); position: absolute; right: 0px; top: 14px;}

#Pbottomleft{width: 15px; height: 14px; background-image: url('../images/popup_bl.png'); position: absolute; bottom: 0px; left: 0px;}
#Pbottom{width: 199px; height: 14px; background-image: url('../images/popup_b.jpg'); position: absolute; bottom: 0px; left:15px;}
#Pbottomright{width: 15px; height: 14px; background-image: url('../images/popup_br.png'); position: absolute; bottom: 0px;  right: 0px;}

.Login_mainDiv
{
	position:absolute;
	right:0px;
	top:0px;
	width:222px;
	
	
}
.Login_mainDiv1
{
	width:100%;
	border: solid 0px red;
	
}
.Login_table1
{
	width:103px;
	
}
.Cube_cellImage img
{
	width:73px;
}



.LastSpace
{
	width: 10px;
	overflow: visible;	
}




