/* ==================================================================================================== */
/* ==|CSS File: sirius_common.css					|=============================================== */
/* ==|Date Created: 01/29/2007					|=============================================== */
/* ==|Author: Tom Wilson							|=============================================== */
/* ==================================================================================================== */

/* ==|Styling:Common|================================================================================== */
/* --|Style:*|----------------------------------------------------------------------------------------- */
body, html{height:100%; padding:0px; margin:0px;}
body{font-size:11px; font-family:Arial, Helvetica, sans-serif; background-image:url(../../images/fr/bgd_blu_pix.jpg); background-position:center top;}
img{display:block; border:0px;}
a{color:#00A9E0; text-decoration:none;}
a:hover {color:#00A9E0; text-decoration:underline;}
/* --|Style:Form Elements|----------------------------------------------------------------------------- */
/* --|Stlye:Global Classes|---------------------------------------------------------------------------- */
/* --|Stlye:Font Classes|------------------------------------------------------------------------------ */
.clsFntBluBld{font-weight:bold; color:#00A9E0;}
.clsFntBlkBld{font-weight:bold; color:#000000;}
.clsFntGry{color:#878787;}
.clsFntBlu{color:#00A9E0;}
.clsFntSz12{font-size:12px;}

.clsULItems{padding-left:15px;}
.clsULItems li{margin-bottom:5px;}

/* --|Stlye:Spacing Classes|--------------------------------------------------------------------------- */
.clsFltLft{float:left;}
.clsFltRgt{float:right;}
.clsMarTop4{margin-top:4px;}
.clsMarTop2{margin-top:2px;}
.clsMarTop8{margin-top:8px;}
.clsMarTop12{margin-top:12px;}
.clsMarTop16{margin-top:16px;}
.clsMarTop24{margin-top:24px;}
.clsMarTop48{margin-top:48px;}
.clsMarBot4{margin-bottom:4px;}
.clsMarBot8{margin-bottom:8px;}
.clsMarBot12{margin-bottom:12px;}
.clsMarBot16{margin-bottom:16px;}
.clsMarBot24{margin-bottom:24px;}
.clsMarBot48{margin-bottom:48px;}

.homeHeight{height:880px;}

/* ==|Layout:Wrapper|=================================================================================== */
#tblCntnr{width:100%; margin:0px; height:100%;}
#tblCntnr .tdLeft{background-position:right top; background-repeat:repeat-x; background-color:#0A6CA5;}
#tblCntnr .tdRight{background-position:left top; background-repeat:repeat-x; background-color:#0A6CA5;}
#tblCntnr .tdCntr{width:763px; vertical-align:top; height:100%; background-image:url(../../images/fr/bgd_wht_cntr_pix.jpg); background-position:left top;}
#tblCntnr .tdCntr #tbleWrap{width:743px; height:100%;  background-color:#FFFFFF; vertical-align:top;}
#bdyMain #tblCntnr .tdCntr #tbleWrap{background-image:url(../../images/fr/bgd_wht_cntr.jpg); background-repeat:repeat-x; background-position:left top;  height:100%;}
#tblCntnr .tdCntr #tdWrap{padding-left:0px; padding-right:0px; position:relative; vertical-align:top;}


/* ==|Layout:Header|=================================================================================== */
#divHdr{width:743px; height:78px; position:relative; top:0px; background-image:url(../../images/fr/bgd_hdr_blu.jpg); background-repeat:no-repeat;}
/* --|Layout:Logo and Help/Account buttons|------------------------------------------------------------ */
#divHdr #imgLogo{position:absolute; top:12px; left:15px;}
#divHdr #imgChanLogos{position:absolute; top:12px; left:170px;}
#divHdr #imgMngAcct{position:absolute; top:37px; right:14px;}
#divHdr #divHdrLnks{position:absolute; top:16px; right:14px;}
#divHdr #divHdrLnks img{float:left;}

/* ==|Layout:Main Nav|================================================================================= */
/* #divNav{width:743px; height:58px; position:relative; top:0px;} */

/* ==|Layout:Main Content Wrapper|===================================================================== */
#divCntntWrap{width:743px; position:relative; top:0px; float:left; margin-top:8px; margin-bottom:10px;}

/* ==|Layout:Footer|=================================================================================== */
#divFtr{padding-left:16px; padding-right:10px; position:relative;font-weight:bold; vertical-align:top; height:100px;}
#divFtr #divFtrImg{}
#divFtr #divFtrBox{height:82px; width:734px; position:absolute; z-index:3; margin-top:-82px;}
#divFtr #divFtrBox #divFtrLnksWht{color:#FFFFFF; font-size:11px; text-align:center;}
#divFtr #divFtrBox #divFtrLnksWht a{color:#FFFFFF; margin:0px 3px 0px 3px; text-decoration:none;}
#divFtr #divFtrBox #divFtrLnksWht a:hover{color:#FFFFFF; text-decoration:underline}
#divFtr #divFtrBox #divFtrLnksWht a:visited{color:#FFFFFF; text-decoration:none;}
#divFtr #divFtrBox #divFtrLnksBlu{color:#00A9E0; margin-top:15px; font-size:11px; text-align:center;}
#divFtr #divFtrBox #divFtrLnksBlu a{color:#00A9E0; margin:0px 3px 0px 3px; text-decoration:none;}
#divFtr #divFtrBox #divFtrLnksBlu a:hover{color:#00A9E0; text-decoration:underline}
#divFtr #divFtrBox #divFtrLnksBlu a:visited{color:#00A9E0; text-decoration:none;}
#divFtr #divFtrBox #divFtrDrkBlu{color:#005585; font-size:11px; margin-top:5px;  text-align:center;}
#divFtr #divFtrBox #divFtrDrkBlu a{color:#005585;text-decoration:underline;}

#divFtr #divFtrBgdImg{position:absolute; height:82px; width:734px; z-index:1;}

/* ==|Layout:Main Hompage|============================================================================= */
/* --|Layout:Logo and Help/Account buttons|------------------------------------------------------------ */
#divCntntWrap #divPlayer{width:548px; height:314px; float:left;}
#divCntntWrap #divChanGuide{width:191px; height:126px; float:right;}
#divCntntWrap #divBurst{width:182px; height:182px; float:right; margin-top:8px; padding-right:2px;}
#divCntntWrap #divRssAgg{width:743px; height:49px; float:left; margin-top:10px;}
#divCntntWrap #divFourSpot{width:366px; height:447px; float:left; margin-top:8px;}
#divCntntWrap #divTwoSpot{width:372px; height:317px; float:Right; margin-top:6px;}
#divCntntWrap #divFastTrack{width:360px; height:120px; float:Right; margin-top:8px; padding-right:6px;}


/* ==|Layout:Channel Guide|============================================================================ */
/* --|Layout:Flash Nav|-------------------------------------------------------------------------------- */
#divChanNav{width:743px; position:relative; overflow:hidden; height:335px;}
#tblChnHldr{position:relative;}
/* --|Layout:Large Image with Station Id ontop|-------------------------------------------------------- */
#divStaIdBox{position:relative; top:0px; background-repeat:no-repeat; width:735px; height:240px;}
#divStaIdBox #divStaIdBgd{position:absolute; width:248px; height:161px; top:43px; right:12px; z-index:1}
#divStaIdBox #divStaIdBgd #divStaId{position:absolute; z-index:3; top:0px; left:0px; width:248px; height:161px; vertical-align:middle;}
#divStaIdBox #divStaIdBgd #divStaId img{margin-left:auto; margin-right:auto; margin-top:12px;}
/* --|Layout:What (Hot) (Youll Hear)|------------------------------------------------------------------ */
#tblChnDesc{}
#tblChnDesc #tdOne{width:556px; padding-top:27px; vertical-align:top;}
#tblChnDesc #tdTwo{background-image:url(../../images/fr/bgd_chan_desc_right_col_rpt.gif); background-repeat:repeat-y; background-position:left; width:180px; vertical-align:top;}
#tblChnDesc #tdTwo #divCntnrTop{background-image:url(../../images/fr/bgd_chan_desc_right_col_top.gif); background-repeat:no-repeat; height:40px; padding-left:6px; padding-top:31px;}
#tblChnDesc #tdTwo #divCntnrTop img{float:left;}
#tblChnDesc #tdOne #tblChnDescWhat{width:546px;}
#tblChnDesc #tdOne #tblChnDescWhat .bgdBlue{background-color:#D8F1FA;}
#tblChnDesc #tdOne #tblChnDescWhat .brdrLftRgt{border-left:2px solid #D8F1FA; border-right:1px solid #D8F1FA;}
#tblChnDesc #tdOne #tblChnDescWhat .tdPadding{padding-left:15px; padding-right:10px;}
#tblChnDesc #tdOne #tblChnDescWhat .brdrLft{border-left:2px solid #D8F1FA;}
#tblChnDesc #tdOne #tblChnDescWhat .brdrRgt{border-right:1px solid #D8F1FA;}

/* --|Layout:Descripton Tabs Underneath|--------------------------------------------------------------- */
/* --|Layout:Programming|------------------------------------------------------------------------------ */
#tblChanDescProg{width:544px;}
#tblChanDescProg .tdBgdGrad{ background-image:url(../../images/fr/bgd_chan_desc_prg_gradient.gif); background-repeat:repeat-x;}
#tblChanDescProg .tdVrtAlgn{ vertical-align:top;}
#tblChanDescProg .tdPad{ padding-top:12px; padding-bottom:12px;}
.idBoxBackground { background-image:url(../../images/fr/bgd_id_box_rpt.gif); }

/* ==|Layout:Channel List|============================================================================= */
/* --|Layout:Channel Description|---------------------------------------------------------------------- */
/*#tdChanDesc*/

/* --|Layout:Schedule|--------------------------------------------------------------- */
/* --|Layout:Schedule Programming|------------------------------------------------------------------------------ */
#tblChanScheProg{width:546px; border-collapse:collapse;}
#tblChanScheProg .tdborder{ border:1px solid #EEEEEE;}
#tblChanScheProg .tdBgdBlue{background-color:#EBF8FC;}
#tblChanScheProg .tdBgdProg1{background-color:#FFFFFF;}
#tblChanScheProg .tdBgdProg2{background-color:#FAFAFA;}
#tblChanScheProg .tdPad1{ padding-top:4px; padding-bottom:4px; padding-left:15px;}
#tblChanScheProg .tdPad2{ padding-top:8px; padding-bottom:8px; padding-left:15px;}

/* --|Layout:Channel|--------------------------------------------------------------- */
/* --|Layout:Channel All List|------------------------------------------------------------------------------ */
#tblChantitle #tdOne{width:556px; padding-top:12px;}
#tblChanlist .tdBgdHeader{background-color:#00ABE3;}
#tblChanlist .tdbgd1{ background-color:#FFFFFF; height:40px; vertical-align:middle;}
#tblChanlist .tdbgd2{ background-color:#D4D5D6; height:40px;}
#tblChanlist .tdpad1{ padding-left:12px;}
#tblChanlist .tdtext{ color:#0099CC; font-size:10px; font-weight:bold;}

/* --|Layout:Channel|--------------------------------------------------------------- */
/* --|Layout:Schedule|--------------------------------------------------------------- */
#tblCBCCal{position:relative; z-index:4; width:730px; border-top:2px #EEEEEE solid;border-left:2px #EEEEEE solid; background-color:#FFFFFF; margin-top:30px;  margin-right:-200px; }
#tblCBCCal .calendarlabeltop{ background-color: #EBF8FC; height:30px;}
#tblCBCCal td{border-bottom:2px solid #EEEEEE; border-right:2px solid #EEEEEE; padding:6px;}
#tblCBCCal .calendarlabel{background-color: #EBF8FC;}

/* --|Layout:GameAlert|--------------------------------------------------------------- */
#divGameAlert{width:173px;}
#divGameAlert #imagehold{ float:left;}
#divGameAlert .Title{width:173px; background-color:#2E2E2E; color:#999999; text-align:center; font-weight:bold; padding-top:8px; padding-bottom:8px; float:left;}
#divGameAlert .GameBox{background-color:#3C3C3C; width:173px; padding-top:5px; float:left;}
#divGameAlert .GameBox .GameTitle{color:#00ADE4; font-weight:bold; padding-left:15px; padding-right:15px; float:left;}
#divGameAlert .GameBox .GameChan{color:#FFFFFF; font-weight:bold; padding-left:15px; padding-right:15px; float:left; padding-top:4px;}
#divGameAlert .GameBox .GameText{color:#FFFFFF; padding-left:15px; padding-right:15px; float:left; padding-top:4px; padding-bottom:5px;}
#divGameAlert .GameBox .GameLine{background-color:#2E2E2E; height:3px; width:173px; float:left;}

/* --|Form Section|--------------------------------------------------------------- */

.pagetitle {
	background-image:url(../../images/en/titlebg.jpg);
	background-repeat:no-repeat;
	width: 743px;
	height: 33px;
	color:#6d6d6d;
	position:relative;
	font:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	padding-top:5px;
}

.sectionblock {
	background-image:url(../../images/en/bgd_form_gradient.gif);
	background-repeat:repeat-x;
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 0px 0px 20px 10px;
	width:740px;
	}

.sectiondarkgrey {
	background-color:#767676;
	color:#ffffff;
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 0px 0px 0px 0px;
	width:100%;
	}
	
.sectionblockgradientoff{
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 8px 4px 33px 10px;
	}
	
.sectionblank {
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 10px;
	width:720px;
	}
	
.sectionblockgrey{
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 0px;
	width:743px;
}

.blue_title{
	font:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	padding-top:5px;
	color:#00a9e0;
}

.grey_title{
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 10px;
}

.underline {
background-image:url(../../images/en/underline.gif);
width:auto;
background-repeat:repeat-x;
}

.dottedline {
background-image:url(../../images/en/dottedline.jpg);
width:auto;
background-repeat:repeat-x;
}

.customerlogin {
    background-image:url(../../images/en/login_custbg.jpg);
    background-repeat:no-repeat;
    font:Arial, Helvetica, sans-serif;
    font-size:11px;
    padding: 0px 0px 20px 10px;
    width:720px;
    height: 154px;
}

.blue {
    color:#00a9e0;
}

.white {
    color:#FFFFFF;
}

.blockreveal {
	background-image:url(../../images/en/personalinfobg.jpg);
 	background-repeat:repeat-x, repeat-y;
	font-size:11px;
	font-weight:bold;
	padding: 5px 30px 5px 30px;
	}
	
.communicationpreferences {

            background-image:url(../../images/fr/communicationpref_bg.jpg);
            background-repeat:no-repeat;
            font:Arial, Helvetica, sans-serif;
            font-size:11px;
            padding: 0px 0px 0px 0px;
            width:743px;
            height: 154px;
}

.comalert {
            background-image:url(../../images/en/communicationAlert.jpg);
            background-repeat:no-repeat;
            width:auto;
            height:73px;
            font-size:11px;
            font-weight:bold;
            padding-top: 20px;
            padding-right: 20px;
            padding-bottom: 0px;
            padding-left: 85px;          
            color:#0099cc;
            background-position:top;
}

.error {
            font-size:12px;
            color:#FF0000;
            font-weight:bold;
            padding-right:40px;
            padding-top:40px;
            padding-left:40px;
            background-image:url(../../images/en/error.jpg);
            background-repeat:no-repeat;
            background-position:top left;
}

.button {  font-family: Verdana, Arial, Helvetica, sans-serif; 
           font-size: 12px; color: #FFFFFF; 
           background-color: #0A6CA5; 
           border-top-width: thin; 
           border-right-width: thin; 
           border-bottom-width: thin; 
           border-left-width: thin
}