﻿/* Template all resolutions  */
body {
	margin-left : 0; 
	margin-top  : 0; 
	margin-right : 0; 
	margin-bottom : 0; 
	padding: 0px;
	font-family : arial, helvetica, clean, sans-serif;
	font-size : 13px; 
	font-style : normal; 
	font-variant : normal; 
	font-weight : normal; 
	line-height : 1.231; 
}
A:link, A:visited, A:active { 
text-decoration : none; 
color : #333; 
} 
A:hover { 
color : #f00; 
} 

a.navLink:link, a.navLink:visited{color: #000099;font-size: 10px;font-weight: bold;text-decoration: none;padding: 0px 5px 0px 5px;}
a.navLink:visited{color: #0000FF;font-size:10px;font-weight:bold;text-decoration: none;padding: 0px 5px 0px 5px;}
a.navLink:hover{color: #f00;font-size:10px;font-weight: bold;text-decoration: none;padding: 0px 5px 0px 5px;}

#header {
  background: #fff;
  width:100%;
  float:left;  
}
#leftcol {
  background: #fff;
  clear:both;
  float: left;
  width: 3%;
}
#rightcol {
  background: #fff;
  float: right;
  width: 3%;
}
#content {
  background: #fff;
  float: left;
  width:94%;
  
}
#footer {
  background: #fff;
  clear: both;
  width:100%;
}

#top-left-blank {
  width:3%;
  float:left;
}
#top-right-blank {
  width:3%;
  float:right;
}
#bottom-left-blank {
  width:3%;
  float:left;
}
#bottom-right-blank {
  width:3%;
  float:right;
}
#logo
{
	float: left;
	width: 94%; /*background-image:url(/Images/Background/header_gradient_blue_1.jpg);*/
	background-color: #003366;
}
/* End of Template for all Resolutions  */


/* *********************Sub Menu *****************/
/* menu */
#bluebarnav{width:210px;
height:20px;
float:left;
}
#bluebarnav b{display:block;
float:left;
width:2px;
height:20px;
}
a.bluebar
{
display: block;
float: left;
line-height:20px;
padding: 0 5px 0 5px;
text-decoration: none;
font-weight: bold;
color:#FFFFFF;
font-size: 12px;
}
a:active.bluebar{color: #FFCC33;}
a:hover.bluebar
{
color:#FFCC33;
}

/* ***********************End of Sub Menu ******************************* */

/* ***********************Main-Menu************************************** */

.glossymenu{
	position: relative;
	padding: 0 0 0 34px;
	margin: 0 auto 0 auto;
	background: url(/Images/Menu/menub_bg.gif) repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
}

.glossymenu li{
	float:left;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url(/Images/Menu/menub_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url(/Images/Menu/menub_hover_right.gif) no-repeat right top; /*right tab image path*/
}

/* ***********************End of Main-Menu*********************************** */




/* Following "*" style removes top space on the page */
*{  
margin:0; 
padding:0; 
}

hr
{
	height: 1px;
	color: #D3D3D3;
	border-bottom-style: dotted;
	border-top-style: none;
	border-left-style: none;
	border-right-style: none;
}

h1
{
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	position: relative;
	width: 100%;
}

h2 { 
font-size : 13px; 
color : #f00; 
padding-bottom : 3px; 
font-weight : bold; 
text-align : left; 
position : relative; 
width : 100%; 
}

h2 span { 
position : absolute; 
top : 0; 
right : 0; 
} 
span A:link, span A:visited, span A:active
{
	color: #000099;
	text-decoration: underline;
}
span A:hover
{
	color: #f00;
	text-decoration: underline;
} 
div.box { 
width : 100%; 
text-align : left; 
list-style-position : inside; 
} 
div.box li { 
line-height : 17px; 
list-style-type : none; 
color : #c90; 
vertical-align : middle; 
border-bottom : 1px dotted #ededed; 
padding : 1px 0 1px 0; 
width:100%;
} 
div.box h2 { 
position : relative; 
width : 100%; 
border-bottom : 1px solid #c4e0fc; 
margin-bottom : 3px; 
} 

ul.paging {display:inline;}
ul.paging li {display:inline;color: #0000FF;font-weight: bold; padding:10px}
ul.paging li a
{
	text-decoration: none;
	color: #1C1CFF;
	font-weight: bold;
	font-size: 15px;
}
ul.paging li a:hover {color : #f00;text-decoration:underline;}

.errorMessage
{
	background-color: #FFFFC1;
	color: #CC3300;
	height: 15px;
	font-family: arial, helvetica, clean, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
}
.spacevertical
{
	float:left;width:1em;
}

.channel
{
    border-style:solid;
    border-width:1px;
	height:69px;
	width:69px;
	border-color:Gray;
    padding: 1px;
    
}

.channel-width-100p {border-style:solid;border-width:1px;height:69px;width:100%;border-color:Gray;padding: 1px;}
.channel-container{float:left;width:44%;padding:3px}

.thumbnai-width-100p
{
	border-style:solid;
    border-width:1px;
	height:76px;
	border-color:Gray;
    padding: 1px;
    width:100%;
}

.thumbnail-100px
{
	border-style:solid;
    border-width:1px;
	height:76px;
	border-color:Gray;
    padding: 1px;
    width:97px;
}

.thumbnail

.thumbnail-width-100p-container
{
	width:100%;
	padding:1px;
	
}

.thumbnail-movie
{
	margin: 0px;
	border: 1px solid #A4A4A4;
	height: 200px;
	width: 150px;
	padding: 0px;
}

.thumbnail-movie-container
{
	padding:10px;
	width:170px;
}




div.autosize { display: table; width: 1px; white-space: nowrap; text-align:left;  }

.divHead
{
	padding: 3px;
	border-style: solid solid none solid;
	border-width: 1px 1px 0px 1px;
	background-position: left center;
	margin: auto;
	text-align: left;
	color: #FF0000;
	background-color: #ECF2FF;
	border-top-color: #A9E7E7;
	border-right-color: #A9E7E7;
	border-left-color: #A9E7E7;
	text-align: left;
	font-weight: bold;
}

.divHeadSmall200
{
	padding: 3px;
	border-top-color: #A9E7E7;
	border-right-color: #A9E7E7;
	border-left-color: #A9E7E7; 
	text-align:left;
	border-style: solid solid none solid;
	border-width: 1px 1px 0px 1px;
	width:200px; 
	background-color: #ECF2FF;
	font-weight: bold;
}

.divBody { padding: 5px;border: 1px solid #003366;background-position: left center; margin: auto;
		  text-align: left;}

.divBodySmall200 {padding: 3px; border: 1px solid #A9E7E7; width:200px; text-align:left;}

.outercontainer { position:relative }
.innercontainer { position:absolute; top:50%; height:10em; margin-top:-5em }

.divHeadLarge
{
	border-style: solid solid none solid;
	border-width: 1px 1px 0px 1px;
	background-position: left center;
	margin: auto;
	text-align: left;
	color: #FFFFFF;
	background-color: #003366;
	border-top-color: #003366;
	border-right-color: #003366;
	border-left-color: #003366;
	font-weight: bold;
	line-height: 2em;
}

.divHeadBox
{
	padding: 3px;
	border-style: solid solid none solid;
	border-width: 1px 1px 0px 1px;
	background-position: left center;
	margin: auto;
	text-align: left;
	background-color: #ECF2FF;
	border-top-color: #A9E7E7;
	border-right-color: #A9E7E7;
	border-left-color: #A9E7E7;
	text-align: left;
}

.divHeadContentLarger
{
	font-weight: bold;
	color: #161616;
}

.divHeadContentsmall
{
	color: #161616;
}



.divHead1
{
	padding: 3px;
	border-style: solid solid none solid;
	border-width: 1px 1px 0px 1px;
	background-position: left center;
	margin: auto;
	text-align: left;
	color: #FF0000;
	background-color: #F5F4F7;
	border-top-color: #D6D0DD;
	border-right-color: #D6D0DD;
	border-left-color: #D6D0DD;
	text-align: left;
	font-weight: bold;
}
.divBody1
{
	padding: 3px;
	border: 1px solid #D6D0DD;
	background-position: left center;
	margin: auto;
	text-align: left;
	text-align: left;
}

.divHead2
{
	padding: 3px;
	border-style: solid solid none solid;
	border-width: 1px 1px 0px 1px;
	background-position: left center;
	margin: auto;
	text-align: left;
	color: #FF0000;
	background-color: #FFF2F9;
	text-align: left;
	font-weight: bold;
	border-top-color: #FFC4E1;
	border-right-color: #FFC4E1;
	border-left-color: #FFC4E1;
}

.divBody2
{
	padding: 3px;
	border: 1px solid #FFC4E1;
	background-position: left center;
	margin: auto;
	text-align: left;
	text-align: left;
}

.divHead3
{
	padding: 3px;
	border-style: solid solid none solid;
	border-width: 1px 1px 0px 1px;
	background-position: left center;
	margin: auto;
	text-align: left;
	color: #FF0000;
	background-color: #E3FFC6;
	text-align: left;
	font-weight: bold;
	border-top-color: #9BFF37;
	border-left-color: #9BFF37;
	border-right-color: #9BFF37;
}

.divBody3
{
	padding: 3px;
	border: 1px solid  #9BFF37;
	background-position: left center;
	margin: auto;
	text-align: left;
	text-align: left;
}

.SearchBar
{
	border-left-style: solid;
	border-right: 0px solid #C0C0C0;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom: 0px solid #C0C0C0;
	background-color: #A6C2FF;
	border-color: #3C7BFF;
	color: #FFFFFF;
	float: left;
	border-width: 1px 1px 0px 0px;
}
.searchTextBox
{
	border: 1px solid #3399FF;
	width: 270px;
	height: 18px;
	float: left;
}
.searchTextBox:focus
{
	border: 1px solid #FFFFFF;
	width: 270px;
	height: 18px;
	float: left;
}

.mts-textbox
{
	border: 1px solid #336699;
}

.mts-textbox:hover
{
	border: thin solid #336699;
}

.mts-button
{
	border: 1px solid #336699;
	background-color: #336699;
	font-weight: bold;
	color: #FFFFFF;
	cursor:hand;
}

.mts-button:hover
{
	border: 1px solid #336699;
	background-color: #4D88C4;
	font-weight: bold;
	color: #FFCC33;
	cursor:hand;
}

.searchButton
{
	border: 1px solid #FFFFFF;
	background-color: #336699;
	font-weight: bold;
	color: #FFFFFF;
	height: 20px;
	width: 80px;
	cursor:hand;
	float:left;
}
.searchButton:hover
{
	border: 1px solid #FFFFFF;
	background-color: #4D88C4;
	font-weight: bold;
	color: #FFCC33;
	height: 20px;
	width: 80px;
	cursor:hand;
	float:left;
}

.sidebar {
padding: 5px 10px;
}

.smallGrayText
{
font-size:x-small; color:Gray;text-align:left;
}

a.tagsmall:link{color:#666;font-weight:normal;font-size:9px;}
a.tagsmall:visited{color:#666;font-weight:normal;font-size:9px}
a.tagsmall:hover{color:#666;font-weight:normal;font-size:9px;text-decoration:underline;}

a.tagmedium:link{color:#999;font-weight:normal;font-size:10px}
a.tagmedium:visited{color:#999;font-weight:normal;font-size:10px}
a.tagmedium:hover{color:#999;font-weight:normal;font-size:10px;text-decoration:underline;}

a.taglarge:link{color:#666;font-weight:normal;font-size:11px}
a.taglarge:visited{color:#666;font-weight:normal;font-size:11px}
a.taglarge:hover{color:#666;font-weight:normal;font-size:11px;text-decoration:underline;}

a.tagxlarge:link{color:#666;font-weight:normal;font-size:12px}
a.tagxlarge:visited{color:#666;font-weight:normal;font-size:12px}
a.tagxlarge:hover{color:#666;font-weight:normal;font-size:12px;text-decoration:underline;}

a.tagxxlarge:link{color:#999;font-weight:normal;font-size:13px}
a.tagxxlarge:visited{color:#999;font-weight:normal;font-size:13px}
a.tagxxlarge:hover{color:#999;font-weight:normal;font-size:13px;text-decoration:underline;}

a.tagxxxlarge:link{color:#666;font-weight:normal;font-size:14px}
a.tagxxxlarge:visited{color:#666;font-weight:normal;font-size:14px}
a.tagxxxlarge:hover{color:#666;font-weight:normal;font-size:14px;text-decoration:underline;}


.short-title
{
    font-size: 12px;
	color: #3333FF;
	text-align: center;
	text-decoration: none;
}

.short-title:hover
{
	font-size: 12px;
	color: #00309c;
	text-align: center;
	text-decoration: underline;
}

.tvprogram{width:75px;height:80px;}
.tvprogram-large{height:150px;width:130px;}
.movie{height:90px;width:100px;}
.movie-large{height:140px;width:120px;}
.movie-box{float:left;padding-right:10px;padding-bottom:20px;height:180px;width:130px}
.movie-box a {color: #004080;text-align: center;}
.movie-box a:hover {color: #FF0000;text-align: center;text-decoration: underline}
.movie-box a img {border-style:solid; border-width:thin; border-color:Gray;}
.movie-box a img:hover {border-style:double; border-width:thick; border-color:Green}
.release{font-size:10px;color:#339933}
.quality{font-size:11px;color:Red}

.video-pic {border-style:solid;border-width:1px;height:76px;width:118px;border-color:Gray;padding:1px}
.video-pic-box {float:left;padding-left:3px; width:120px;height:150px;}

.thumbnail{border-style:solid;border-width:1px;height:76px;width:118px;border-color:Gray;padding: 1px;}
.thumbnail-container{padding:5px;width:128px;height:140px;}

#demo {
 background: #FFF;
 overflow:hidden;
 border: 0px none #CCC;
 width: 100%;
}
#demo img {
 border: 3px solid #F2F2F2;
}
#indemo {
 float: left;
 width: 800%;
}
#demo1 {
 float: left;
}
#demo2 {
 float: left;
}

.gallery-thumb-image
{
 width:75px;
 height:75px;
 padding:25px;
}

.highslide-dimming { background: white; }

#vbox {
	width:100%;
	zoom:1;	
}
.vbox {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	position:relative;
	vertical-align:top;
	margin:5px;
	width:160px;
	font-family:Trebuchet,Tahoma,Arial,sans-serif;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	text-align:center;
	opacity:0.87;
}
.vbox a{
	margin:0;
}
.vbox:hover, .vbox a:hover{
	opacity:1;
}
.vbox img{
	display:block;
	border:none;
	margin:0;
}
.vbox div {display:none}

.myDiv a
{
color:#0000C6;text-decoration:underline;font-size:16px;font-weight: bold;
}

.myDiv a:hover
{
color:red;text-decoration:underline;font-size:16px;font-weight: bold;
}