/*
Font scaling - % to pixel mapping
All browsers have a default font size of 16px (post 2000)
10->62.5%, 11->68.75%, 12->75%, 13->81.25%, 14->87.5%, 15->93.75%, 16->100%, 17->106.25%, 18->112.5%
*/

/* This section contains styles for all the non-grid components */
.mainTvContainer
{
    font-family: Tahoma ;
    color:#000000;
}

.defaultFontSize
{
    font-size:62.5%;
}

.black
{
    color:#000000;
}
.channelTable
{
	/* NOTE: these settings are are important for getting the grid to resize when the window resizes */
    table-layout:fixed;
	border-collapse:collapse;
	color: #000000;
}

.chPageLnksCell
{
	width:70px;
}

.chPageLnksDiv
{
	cursor:pointer;
}

.chPageTable
{
	margin-top:12px;
}

.mainArea
{	
	width:100%;
}

th.channelDateInfo
{
	height:25px;
	font-size:150%;
	text-align:left;
}

td.channelShows
{
	height:20px;
}
td.channelTimes
{
    height:20px;
    line-height:100%;
    color:#000000;
}

div.channelShows
{
	vertical-align:middle;
	margin-left:7px;
	margin-right:7px;
}

div.ChannelData
{
	width:100%;
	
}

.channelDaysDD
{
	width:185px;
}
.channelTimeDD
{
	width:135px;
}
div.goBtn
{
	cursor:pointer;
	vertical-align:middle;
	text-align:center;
	border:solid 1px #999999
}

div.channelMapCaption
{
	width:100%;
	color:#000000;
	font-size:87.5%;
}
.noWrap
{
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.bottomMargin
{
	margin-bottom:12px
}

.backLnk
{
	width:100%; margin-bottom:12px;
}
.bottomBackLnk
{
	width:100%; margin-top:12px;
}

/*links*/
/* TODO: make link styles customizable */
a.gg:link
{
	color: #D5231D; text-decoration: underline; font-weight:bold;
}
a.gg:visited
{
	color: #D5231D; text-decoration: underline;font-weight:bold;
}
a.gg:hover
{
	color: #0066FF; text-decoration: underline;font-weight:bold;
}

/*Search:*/
table.srchBar
{
   background-color:#f2e7cc; height:25px; font-size:100%;
}
.srchTbl
{
    border-collapse:collapse;
}
.headerArea
{
    width:100%;
} 
.stdTable
{
    table-layout:fixed;border-collapse:collapse; font-family/*:courier*/
}
.srchResultHeader
{
    color:#999999; margin:16px; font-size:75%
}

/* Recordings Page */
 table.recTable
{
	/* NOTE: these settings are are important for getting the grid to resize when the window resizes */
	table-layout:fixed;
	border-collapse:collapse;
	font:68.75%; 
}
th.topBrdr, td.topBrdr
{
	border-top: 1px solid gray;	
}
th.leftBrdr, td.leftBrdr
{
	border-left:1px solid gray;
}
th.rightBrdr, td.rightBrdr
{
	border-right:1px solid gray;
}
th.bottomBrdr, td.bottomBrdr
{
	border-bottom:1px solid gray;
}

th.outTopBrdr, td.outTopBrdr
{
}
th.outLeftBrdr, td.outLeftBrdr
{
}
th.outRightBrdr, td.outRightBrdr
{
}
th.outBottomBrdr, td.outBottomBrdr
{
}

/*
Outer borders on the grid can be enabled by defining these classes

th.outTopBrdr, td.outTopBrdr
{
	border-top: 1px solid gray;	
}
th.outLeftBrdr, td.outLeftBrdr
{
	border-left:1px solid gray;
}
th.outRightBrdr, td.outRightBrdr
{
	border-right:1px solid gray;
}
th.outBottomBrdr, td.outBottomBrdr
{
	border-bottom:1px solid gray;
}
*/

tr.rowOver
{
    background-color: #eeeeee;
}
tr.rowOut
{
}

/* DropDown */

/*
No longer using custom dropdown

.ddTable
{
    border-color:#00156E;
    border-style:solid;
    border-width:1px;
    background-color:white;
    height:23px;
    font-size:68.75%;
    font-family:Verdana, Tahoma, sans-serif;
}

.ddContainerDiv
{
    position:absolute;
    margin-left:-1px;
    margin-top:21px;
    overflow:auto;
    overflow-x:hidden;
    border-color:#00156E;
    border-style:solid;
    border-width:1px;
    background-color:white;
    SCROLLBAR-FACE-COLOR:#eeeeee;
    SCROLLBAR-SHADOW-COLOR:#ffffff;
    SCROLLBAR-ARROW-COLOR:#00156e;
    SCROLLBAR-TRACK-COLOR:#ffffff;
    SCROLLBAR-DARKSHADOW-COLOR:#ffffff;
    SCROLLBAR-BASE-COLOR:#ffffff;
}

.ddNoWrap
{
	white-space:nowrap;
	overflow:hidden;
}

.ddDiv
{
    padding-left:6px;
    background-color:white;
}

.ddDivFocus
{
    padding-left:6px;    
    background-color:#EDF2FB;
}

.ddMainTd
{
    padding-left:6px;
    background-color:white;
}

.ddMainTdFocus
{
    padding-left:6px;
    background-color:#EDF2FB;
}

.ddArrowTdPress
{
    background-image:url(../images/dropdown_press.png);
}

.ddArrowTdHover
{
    background-image:url(../images/dropdown_hover.png);
}

.ddArrowTdRest
{
    background-image:url(../images/dropdown_rest.png);
}
*/


/* Generic styles */
.txtStd
{
	font-size:69%;
}


.height12
{
	height:12px; 
}
.height25
{
	height:25px;
}

.width100pc
{
	width:100%;
}

.fontSize100pc
{
    font-size:100%;
}

.fontSizeControlText
{
    font-size: 68.75%; 

}

/*
.goBtn
{
	font-size:100%;
	font-family:Verdana, Tahoma, Sans-Serif;
	height:25px;
}
*/
.height4
{
	height:4px;
}
.bold
{
	font-weight:bold;
}

.controlText 
{
	font-family: Tahoma ; 
	color: #666666
}
.leftAlign
{
    text-align:left;
}
.backaqua
{
	background-color:aqua;
}

.loadingPopup
{
	font-family: Tahoma; 
    position:absolute;
    left:50%;
    top:50%;
    padding:30px 50px 30px 50px;
    width:auto;
    height:auto;
    border:1px solid #aaaaaa;
    background-color:white;
    z-index:200001;
    display:none;
}
.loadingIframe
{
    position:absolute;
    left:50%;
    top:50%;
    z-index:200000;
    width:1px;
    height:1px;
    display:none;
}

.loadingPopupShadow
{
    position:absolute;
    opacity:0.25;
    -moz-opacity:0.25;
    filter:alpha(opacity=25);
    background-color:black;
    display:none;
}


/* To get a table to center in IE and FF, wrap table in div and apply styles below*/ 
div.centered
{
    width:100%;
	text-align:center; /*IE treates aligning of block elements as inline elements*/
	margin-left:auto;
	margin-right:auto;
}
table.centered
{
	text-align:left;
	display:inline; /*grid.js updates all tables to be display:inline. However, since that's done post derawing all the tables, there is a noticable delay in the style adjustments*/
	font-size:100%;
}
div.dateTimeNav
{
    margin: 6px 0px 6px 0px;
}
.invisible
{
    display:none;
}

/* This section contains styles for all the grid components */

/* -------- main table, cells ------------ */

 .mainTable
{
	/* NOTE: these settings are are important for getting the grid to resize when the window resizes */
	table-layout:fixed;
	border-collapse:collapse;
	
}

.measureCallLetterText
{
	height: 19px;
	font-weight:bold;
}

.measureGridLinkText
{
	height: 19px;
}

th.callLetterCell, td.callLetterCell
{
    height:19px;
    text-align:left;
}
th.logocallLetterCell, td.logocallLetterCell
{
	height:44px;
    text-align:left;    
}
th.channelPosCell, td.channelPosCell
{
    height:19px;
	text-align:right;
}
th.rightArrowCell
{
}
td.programCell
{
    height: 100%;
    padding-bottom: 3px;
    padding-top: 3px;
	vertical-align:top;
	overflow:hidden;
}

.gridRepeatImg
{
    width:11px;
    height:11px;
    vertical-align:middle;
    padding-bottom:1.8px;
}

.gridNewImg
{
    width:11px;
    height:11px;
    vertical-align:middle;
    padding-bottom:1.8px;
}

a.programLink
{
    color:#000000;
}
a.programLinkNew
{
    color:#000000;
    font-weight:bold;
}
a.programLinkRepeat
{
    color:#7f7f7f;
}
th.timeCell
{
    height:19px;
    text-align:right;
    vertical-align:middle;
    font-weight:normal;
}
td.airingsCell
{
    height:19px;
	vertical-align:middle;
	overflow:hidden;
	white-space:nowrap;
}

th.dateHeader
{
    text-align: left;
    font-size: 150%;
}
th.rankHeader
{
    text-align: left;
    font-size: 150%;
}

.searchTable
{
	table-layout:fixed;
	border-collapse:collapse;
	margin-top:20px;
	color: #000000;
}

.chlogo
{
	height:40px;
	width:58px;
}
/* -------- borders ------------ */
td.bottomOnly
{
	border-bottom:1px solid gray;
}
 td.leftAndBottom
{
	border-left:1px solid gray;
	border-bottom:1px solid gray;
}

/* -------- choose-a-provider table ------------ */

 .chooseProvTbl
{
    width:100%;
	table-layout:fixed;
	border-collapse:collapse;
	margin:5px 0px 10px 0px;
}
 .chooseProvCell
{
	padding-left:7px;
}
/*
 .chooseProvTxt1
{
	font:10px verdana;
}

 .chooseProvTxt2
{
	font:10px verdana;
}
*/

/* -------- date tabs ------------ */
/*
 .dateTabCell
{
	padding:4px 0px 10px 0px;
}

 .dateTab
{
	font:10px verdana;
	padding:4px;
	margin-right:5px;
	float:left;
}
*/
/* -------- arrows ------------ */

.offArrowImg
{
    margin:1px 1px 1px 0px;
    padding:4px;
    border:none;
}

.overArrowImg
{
    margin:1px 1px 1px 0px;
    padding:3px;
    border:solid 1px #555555;
}

/* -------- text elements ------------ */

 .timeDiv
{
	height:15px;
	padding-left:7px;
	font-weight:bold;
	color:#000000;
}

/* The widths of the Affiliate/CallLetter/ChannelNumber columns are hard-coded here to allow for ellipsising*/
/* These are derived from: k_DefaultCallLetterWidth and k_ChannelPosWidth in grid.js*/
a.channelText
{
	text-decoration:none;
	color:#000000;
	font-weight:bold;
}
a.callLetterText
{
}
a.affiliateText
{
	display:block;
}

.channelPosText
{
	font-weight:bold;
	color:#6699cc;
	text-decoration:none;
}
 .programContainer
{
	overflow:hidden;
	white-space:nowrap;
}
 .programText
{
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	
}

.ellipsis
{
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	
}
.gridTimeRowCell
{
	float:left;
}

.showName
{
    text-decoration:none;
    color:#000000;
    font-weight:bold;
}

/* This value maps to k_ProgramCellIndent (move into js if confugurability required*/
/* padding-right for RLT languages*/
.showPadding
{
    padding-left:7px;
    padding-right:7px;
}
.categoryContainer
{
	display: block;    				
	border-color: white;
	border-style:solid;   	
	font-size:100%;  
	text-decoration:underline;
	color:White;	
	padding-left:2px;
	padding-right:2px;
	overflow:hidden;	
}
.FavContainer
{
	display: block; 
	border-color: white; 
	background-color: White;
	border-style:solid;  				
	border: 0px;	  
	text-decoration:underline;	
	overflow:hidden;	
}
.legendSpace
{
	padding-right : 10px;	
}
.flo
{
	float:left;  
	padding-right: 5px; 
}
.WrapText
{
	overflow:hidden;               
	white-space:-moz-pre-wrap; 
	white-space:pre-wrap;
	word-wrap:break-word;
}
/*Tooltip class*/
.myStyle {
	font-family:Tahoma , arial, helvetica, sans-serif;
    font-size:0.58em;
    position:absolute;
    padding:2px;      
    border: 1px solid #D7BF39;
    background-color:#FBF3C4;
    z-index:100;  
    visibility: hidden; 
    white-space:nowrap;
}
.Datecontainer
{
	 width: 100%; 
	 height:100%;
     border: 1px solid #D0D0D0;
     background-color: #E2E2E2;  
     border-color: #F0F0F0;
	 border-style:solid;   	
	 border-width: thin; 
	 float:right;
}
.LegendContainer
{
	 border: 1px solid #D0D0D0;
     background-color: #F6F6F6;       
     float:right;
     width:90%;
}
.PopularClass
{
	color:gray;			
	padding-top:4px; 			
}
.CategoryProgramlink
{
	color:white;
}
.AllcategoryCon
{	
	display: block;    				
	border-color: #7f7f7f;
	border-style:solid;   	
	font-size:100%;  
	text-decoration:underline;
	color:#6699cc;	
	padding-left:2px;
	padding-right:2px;		
	background-color:white;			
}
.Favbtn
{	
	display: block;    				
	border-color: #7f7f7f;
	border-style:solid;   	
	font-size:100%;  
	text-decoration:underline;
	color:black;	
	padding-left:2px;
	padding-right:2px;		
	background-color:Silver;			
}	
.QuicklinkGreen
{	
	background-color: #65C15E;
}
.QuicklinkBlue
{
	background-color: #6DA9DA;
}
.QuicklinkPurple
{
	background-color: #A49BD5;
}
.QuicklinkPink
{
	background-color: #C695D0;
}
.QuicklinkOrange
{
	background-color: #C0C0C0;
}

.LegendClass
 {
	list-style-type :none;	
	padding: 0;
	margin:0; 
 }
.LegendProp
 {
	float:left;
	padding-right:4px;
 }
 .LegendFav
 {
	float:left;		
 }
.LegendCustomize
 {
	float:right;
	padding-right:4px;
	cursor:pointer; 
}
.ListingKey
{	
	float:right;
	padding-right:4px;
	cursor:pointer; 
}
.Pointer
 {
	cursor:pointer;	
}

.btnClick
 {	 
	border: 1px solid #D0D0D0;
	border-style:solid;
	border-color:black;
 }
 .favoritePopUp {
	font-family:Tahoma , arial, helvetica, sans-serif;
    font-size:0.58em;
    position:absolute;
    padding:2px;      
    border: 1px solid #000000;
    background-color:#FFFFFF;
    z-index:100;  
    visibility: hidden;
}
 .innerdivStyle {
    background-color:#EBF4FD;
    font-size:155%;
    float:left;
    text-align: center;
}
 .closePopUp{
	background-color:#EBF4FD;
	float:right;
}

.ToggleView
{
	float:right;
    text-align:right;
    cursor:pointer;  
}
.favstyle
{
	font-weight:bold;	
}
.favdec
{
	text-decoration:none;
}
.ListingKeyPopup
{
	font-family: Tahoma ; 
    position:absolute;
    left:50%;
    top:50%;
    padding:10px 10px 10px 10px;
    width:80px;
    height:35px;
    border:1px solid #aaaaaa;
    background-color:white;
    z-index:200001;
    display:none; 
    text-align:left; 
      
}
.ListingKeyPopup2
{
    font-family: Tahoma ; 
    position:absolute;
    left:50%;
    top:50%;
    padding:10px 10px 10px 10px;
    width:85px;
    height:68px;
    border:1px solid #aaaaaa;
    background-color:white;
    z-index:200001;
    display:none;  
    text-align:left; 
    vertical-align:middle; 
}
.LegendName
{
	 font-size:68.75%;
}
.LegendImg
{
	float:left;
	padding-right:3px;
}
.gridPremierImg
{
	vertical-align:middle;
    width:11px;
    height:11px;
    padding-bottom:1.8px;
}

.gridFinaleImg
{
	vertical-align:middle;
    width:11px;
    height:11px;
    padding-bottom:1.8px;
}


/* ====================================
    start msne-specific styles
   ==================================== */

a.gg:link
{
    color:#07519a; text-decoration: none; font-weight:bold;
}
a.gg:visited
{
    color:#07519a; text-decoration: none; font-weight:bold;
}
a.gg:hover
{
    color:#07519a; text-decoration: underline; font-weight:bold;
}

a.channelText:link
{
    color:#07519a; text-decoration: none; font-weight:bold;
}
a.channelText:visited
{
    color:#07519a; text-decoration: none; font-weight:bold;
}
a.channelText:hover
{
    color:#07519a; text-decoration: underline; font-weight:bold;
}

a.channelPosText:link
{
    color:#07519a; text-decoration: none; font-weight:bold;
}
a.channelPosText:visited
{
    color:#07519a; text-decoration: none; font-weight:bold;
}
a.channelPosText:hover
{
    color:#07519a; text-decoration: underline; font-weight:bold;
}



/* NOTE: underlining for programLink and showName is handled by tvtags */
a.programLink
{
    color:#07519a; 
}
td.programLink
{
    color:#07519a; 
}
a.programLinkNew
{
    color:#000000;
    font-weight:bold;
}
a.programLinkRepeat
{
    color:#7f7f7f;
}
a.showName
{
    color:#07519a; text-decoration: none; font-weight:bold;
}
.fontSizeControlText
{
    font-size: 62.5%; 

}
.CategoryProgramlink
{
	color:#07519a;
}
.categoryContainer
{
	display: block;    				
	border-color: white;
	border-style:solid;   	
	font-size:100%;  
	text-decoration:none;
	color:White;	
	padding-left:2px;
	padding-right:2px;
	overflow:hidden;	
}
.AllcategoryCon
{	
	display: block;    				
	border: 1px solid #D0D0D0;	  	
	font-size:100%;  
	text-decoration:none;
	color:#07519a;	
	padding-left:2px;
	padding-right:2px;		
	background-color:white;			
}
.LegendContainer
{
	 border: 1px solid #D0D0D0;
     background-color: #F6F6F6;       
     float:left;
     width:100%;
}

.QuicklinkGreen
{	
	background-color: #a9c2cc;/*movies*/
}
.QuicklinkBlue
{
	background-color: #ccc873;/*sports*/
}
.QuicklinkPurple
{
	background-color: #ffeaa9;/*kids*/
}
.QuicklinkPink
{
	background-color: #cccbb8;/*news*/
}
.QuicklinkOrange
{
	background-color: #F5FFFA;
}
.categoryContainer
{
	display: block;    				
	border-color: white;
	border-style:solid;   	
	font-size:100%;  
	text-decoration:none;
	color:#07519a;	
	padding-left:2px;
	padding-right:2px;
	overflow:hidden;	
}
.btnClick
 {	 
	border: 1px solid #D0D0D0;
	border-style:solid;
	border-color:black;
 }
 .LegendCustomize
 {
	float:left;
	cursor:pointer; 
}
.FavContainer
{
	display: block; 
	border-color: #F6F6F6; 
	background-color: #F6F6F6;
	border-style:solid;  				
	border: 0px;	  
	text-decoration:none;	
	overflow:hidden;	
}
.LinkText 
{
	font-family: Tahoma ; 
	color: #07519a;
	margin-top:3px;
}
.pipe
{
	width:.01%;
	border-style:solid;
	border-color:#333333;
	border-width:thin;
	height:15px;
	border-bottom-style:none ;
	border-top-style:none ;
	border-left-style:none ;
	margin-top:3px;
}
/* ====================================
    end msne-specific styles
   ==================================== */