/* CSS Stylesheet for JHC */

a:active     {
	color: #333333;
	text-decoration: none;
}
a:link       { color: #333333; text-decoration: none; font-weight:}
a:visited    {
	color: #333333;
	text-decoration: none;
	font-weight: ;
}
a            { font-size: 10px; font-family: Verdana; color: #333333; }
a:hover {
	color: #20c8ff;
	text-decoration: underline;
}

.c:active     {
	color: #0099CC;
	text-decoration: none;
}
.c:link       { color: #333333; text-decoration: none; font-weight:}
.c:visited    { color: #333333; text-decoration: none; font-weight:}
.c            { font-size: 10px; font-family: Verdana; color: #333333; }
.c:hover {
	color: #20c8ff;
	text-decoration: underline;
}


.r:active     {
	color: #D6E5EE;
	text-decoration: none;
}
.r:link       {
	color: #D6E5EE;
	text-decoration: none;
	font-weight: ;
}
.r:visited    { color: #D6E5EE; text-decoration: none; font-weight:}
.r            { font-size: 10px; font-family: Verdana; color: #D6E5EE; }
.r:hover {
	color: #0099CC;
	text-decoration: underline;
}
TD{font-family: Verdana,Arial,Helvetica; font-size: xx-small;}
h1           { font-size: 14pt; font-family: Verdana; color: #666666; font-weight: bold }
p            { text-indent: 0; margin-left: 10; margin-right: 10 }
option       { font-size: 8pt; font-family: Verdana }textarea     { font-size: 8pt; font-family: Verdana }



.GeneralPage
{
margin:0px

}

body
{
	scrollbar-face-color: #ffffff;
	SCROLLBAR-TRACK-COLOR: #ffffff;
	SCROLLBAR-DARKSHADOW-COLOR: #F0F0FF;
	SCROLLBAR-HIGHLIGHT-COLOR: #F0F0FF;
	SCROLLBAR-3DLIGHT-COLOR: #caba82;
	SCROLLBAR-SHADOW-COLOR: #caba82;
	SCROLLBAR-ARROW-COLOR: #0099CC;
	font-size: 10px; 
font-family: Verdana; 
color: #333333;
background-color:#E1E1E1;
width: 950px; 
	margin:0 auto 0 auto; 
	padding: 0; 
}


.siteHeader{
width:950px;
height:101px;
background-image:url("images/jhctvhead.jpg");
background-repeat:no-repeat;
float:left;
background-color:#ffffff;

	}
/* logo */
h1.logo { float: left; width: 170px; height: 58px; margin: 7px 0 0 0; padding: 0;
		 background: url('') no-repeat; text-indent: -9999px; }
h1.logo a { display:block; width:170px; height:58px;}
	
.socialBookmark{ float:right; padding:10px; color: #0099CC;}
.siteMenu{
background-color:#ffffff;
width:100%;
float:left;
}

.buttons {
 text-align: center;
 color: #FFFFFF;
 background-image: url('../Images/jhctvbutt.jpg');
 }

.siteContent{
background-color:#ffffff;
min-height:480px;
	}


.siteFooter{
background-color:#ffffff;
height:50px;
text-align:right;
padding-right:50px;
	
}
.videosThumbnail{
	background-color: #E0E0E0;
	min-height: 300px; 
}
.borderStype{
	border-style:solid;
	border-width:1px;
	border-color:#ffffff;
	
}

.descbox
        {
            border: 1px #B5C8D7 solid;
        }

.menuTable {
	 	background-color: #1D3A58;
	 }


.GeneralTable
{

}



.ErrorMessages
{
font-family: Verdana, Tahoma, sans-serif; /* Font Face */
font-size: 8pt; /* Font Size */
color: #D70000; /* Font Color */
font-weight: Bold; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none; /* Font Style */
text-align: Left
}


.Titles
{
	font-family: Trebuchet MS, Verdana, Tahoma, sans-serif; /* Font Face */;
	font-size: 15px; /* Font Size */;
	color: #006699; /* Font Color */
	font-weight: Bold; /* Font Style */;
	font-style: normal; /* FontStyle */;
	text-decoration: none; /* Font Style */;
	text-align: Left;
}

.Content
{
	margin: 5px 10 5px 10;
	font-family: Verdana, Tahoma, sans-serif; /* Font Face */;
	font-size: 10px; /* Font Size */;
	color: #666666; /* Font Color */
	font-weight: Normal; /* Font Style */;
	font-style: normal; /* FontStyle */;
	text-decoration: none; /* Font Style */;
	text-align: left;
	line-height: 150%;
}

.Pager
{
font-family: Verdana, Arial, Helvetica, sans-serif; /* Font Face */
font-size: 12pt; /* Font Size */
font-weight: Bold; /* Font Style */
color: #006699; /* Font Color */
} 

UL {
  list-style-image: url('images/bullet.gif');
  list-style-position: outside;
  font-family : Verdana;
  font-size : 10px;
  
  list-style-type : square;
  margin-left : 15px;
  margin-bottom : 5px;
  text-align: left
}


.center
{
	width:20px;
	margin:auto;
	
	}


.win {clear:both;margin-bottom:11px;}
.win h3 {padding:5px 10px;font:bold 1.1em tahoma;margin-left:2px;}
.win h4 {font-size:1em;color:#888;border-bottom:1px dotted #ccc;margin:0 -12px;padding:0 12px;}
.win .box {padding:4px 11px;}
.winBlue {clear:both; width:100%;background:#C0D6E5 url('images/winSkinALeft.gif') no-repeat;}
.winBlue h3 {background:#C0D6E5 url('images/winSkinARight.gif') top right no-repeat;color:#081B39;font-weight:bold;}
.winBlue .box { float:left; border:1px solid #9BBDD3;background-color:#fff;	margin-top: -18px;
}

.video
{
	clear: both;
	vertical-align: middle;
	border-width: 0px;
	border-style: solid;
	border-color: #e0e0e0;
	display: block;
	background-image:url('images/gybck.jpg');
	float: left;
	width: 320px;
	height:50px;
	padding: 5px 5px 5px 5px;
}

.video a
{
	text-decoration:none;
	vertical-align:middle;
	font-size:10px;
	color:#9BBDD3;
}

.video a:hover{ color:#e51322}
.videoImage{ float:left; display:block; }
.videoTitle{ float:left; display:block;}




.videoAlternating
{
	vertical-align:middle;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#e0e0e0;
	background-image:url('images/gybck.jpg');
	float:left;
	width:320px;
	height:50px;
	padding: 5px 5px 5px 5px;
}

.videoAlternating a
{
	text-decoration:none;
	vertical-align:middle;
	font-size:10px;
	color:#9BBDD3;
}

.videoAlternating a:hover{ color:#e51322}
.videoImageAlternating{ float:left; display:block; }
.videoTitleAlternating{ float:left; display:block; padding-left:10px;}

.player
{
	width:550px;
	float:left;
}

.playerTitle
{
	font-size:14px;
	font-weight:bold;

}
.playerDescription
{
	font-size:12px;

}
.playList
{
	clear:both;
	width:330px;
	float:right;
}

.titleMaster
{
	text-align:center;
}

.titleMaster a
{
	text-decoration:none;
}
/* search */
.search {clear:both;background:#F5F8FB url('images/tabsBg.gif') top repeat-x;}

.search ul {margin:0;list-style-type:none;list-style-image:none;height:30px;margin-left:30px;}
.search li {float:left;margin-right:2px;background:#D6E5EE url('images/tabsLeft.gif') left top no-repeat; }
.search li a{font-size:11px; padding:7px 10px;margin-left:2px;width:auto;display:block;font:bold 11px; color:#455B80;background:#D6E5EE url('images/tabsRight.gif') right top no-repeat!important; text-decoration:none;}
.search li.current {height:30px;background:#93C2DE url('images/current_tabsLeft.gif') left top no-repeat;}
.search li.current a{font-weight:bold;text-decoration:none;color:#172E54!important;background:#93C2DE url('images/current_tabsRight.gif') right top no-repeat !important;}
.search ul li a{hide-focus: expression(this.hideFocus=true);  /* for ie 5+ */  outline: none;  /* for firefox 1.5 + */}
.search li.other{margin-left:20px;background:none;}
.search li.other a{background:none!important;font-size:10px;font-family:verdana;font-weight:normal;}

#cdribbon
{
	clear:both;
	width: 930px;
	margin: 0 0 8px 0;
	background-image: url(images/bg_ribbon.jpg);
	background-position: top;
	background-repeat: repeat-x;
}

/* Tab */
.tab {clear:both; background :#F5F8FB url('images/tabsBg.gif') top repeat-x;}

.tab ul {margin:0;list-style-type:none;list-style-image:none;height:30px;}
.tab li {float:left;margin-right:2px;background:#D6E5EE url('images/tabsLeft.gif') left top no-repeat; }
.tab li a{font-size:11px; padding:7px 10px;margin-left:2px;width:auto;display:block;font:bold 11px; color:#455B80;background:#D6E5EE url('images/tabsRight.gif') right top no-repeat!important; text-decoration:none;}
.tab li.current {height:30px;background:#93C2DE url('images/current_tabsLeft.gif') left top no-repeat;}
.tab li.current a{font-weight:bold;text-decoration:none;color:#172E54!important;background:#93C2DE url('images/current_tabsRight.gif') right top no-repeat !important;}
.tab ul li a{hide-focus: expression(this.hideFocus=true);  /* for ie 5+ */  outline: none;  /* for firefox 1.5 + */}
.tab li.other{margin-left:20px;background:none;}
.tab li.other a{background:none!important;font-size:10px;font-family:verdana;font-weight:normal;}


#searchBox { float:left; padding:6px 12px;color:#fff;background:#3F80B1 url('images/aliSearch_searchBg.gif') left top no-repeat;}
#searchBox a{color:#e51322; text-decoration:none;}

.searchCondition
{
	float:right;
}
.searchImage
{
	float:right;
}

.searchText
{
	float:right;
	margin:5px 10px 0 0;
	font-size:12px;
	color:#172E54;
}

#divVideos
{
	width:930px;
	background-color:#E5E5E5;
}
#divVideosItem
{
	width: 125px;
	height: 135px;
	padding: 8px 5px 5px 10px;
	margin: 10px 5px 5px 5px;
	background-color: White;
}
#divVideosItem a{ text-decoration:none;}
.videoTitle
{
	font-weight:bold;
}

.login{ width:260px; margin:100px auto 0 auto;}

#tvLogo
{
	width:230px;
	height:60px;
	background:url('../images/jhctv.jpg') left top no-repeat;
}


/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup 
{
	z-index:100;
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:640px;
}

.sampleStyleA {
	background-color:#FFF;
}

.sampleStyleB {
	background-color:#FFF;
	font-family:monospace;
	font-size:10pt;
	font-weight:bold;
}

.sampleStyleC {
	background-color:#ddffdd;
	font-family:sans-serif;
	font-size:10pt;
	font-style:italic;
}

.sampleStyleD {
	background-color:Blue;
	color:White;
	font-family:Arial;
	font-size:10pt;
}

.decription
{
	font-size:12px;

}
.title{ height:30px; width:100%; text-align:center; font-size:20px; font-weight:bolder; background-color:Blue; color:White; vertical-align:middle;}

.modalPopupRoleManage {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:640px;
}

.modalPopupMessage{
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:640px;
}

.emailThisBody{ width:400px;}
.buttonLeft{ float:left; padding:10px;}
.buttonRight{ float:right; padding:10px;}
.description{}
.plugin
{
	float:right;

}

.adminBar{ background-image:url('images/rccgtvb.jpg'); height:40px; color:#0099CC; font-size:14px; vertical-align:middle; line-height:40px; padding-left:20px;}

.siteMasterLeft{ width:180px; float:left; padding-left:1px;}
.siteMasterRight{ width:760px; float:left; min-height:480px; border-left-color:ActiveBorder; border-left-style:solid; border-left-width:1px; padding-left:5px;}
/* Menu */

#menu{ clear:both; display:table-cell;position:relative; border-right:1px solid #999999;border-bottom:1px solid #999999;width:180px;} 
#menu span{color:#666;} #tpnav #menu span.remark{color:#666;font-size:10px!important;} 
#menu ul { list-style-image: none;margin:0px;font-size:12px;} 
#menu li { float:left; display:inline-table; margin-bottom:0!important;list-style-type: none!important;background-image:none!important;padding:0!important;} 
#menu li img { border: 0;padding: 4px 4px 4px 0px; vertical-align: middle; } 
#menu li a:link, 
#menu li a:visited { width:165px; color: #000;text-decoration: none;display: block;padding:3px 7px 3px 7px;min-height:18px;height:auto!important;
                     height:18px;background-color:#E9E9E9;border-top:1px solid #fff;border-bottom:1px solid #CECECE; 
                     background-image: url(images/menu_bg.gif); background-position:right; background-repeat:repeat-y; } 
#menu li a:hover{ background:#FFD49D;border-bottom:1px solid #E6A974;border-top:1px solid #fff; } 
#resourcebody #menu li a:hover{ background-image: url(images/menu_resource_current.gif); } 
#menu li a.current:link, #menu li a.current:visited{ background:#FFD49D;border-bottom:1px solid #E6A974;border-top:1px solid #fff; } 
#menu li li a:link, #menu li li a:visited { font-size:0.9em;padding: 4px 0 4px 25px;margin: 0px;border-bottom: 1px dotted #b8b8b8;
                                            background: url(images/menu_arr.gif) #ffffff 10px 7px no-repeat; } 
#menu li li a:hover, #menu li li a.current:link, #menu li li a.current:visited
{ background-image: url(images/menu_arr_current.gif)!important; background-color:#fff6cb; background-repeat:no-repeat; background-position:10px 7px; } 
#menu.unlink li a:link, #menu.unlink li a:visited, #menu.unlink li a:hover { background-color:#E9E9E9!important; color: #666!important;
                                                                             cursor: default; border-bottom:2px solid #BCBCBC!important; } 
#menu.unlink li li a:link, #menu.unlink li li a:visited, #menu.unlink li li a:hover 
{ background-image: url(images/menu_arr.gif)!important; background-color: #fff!important; color:#666!important; 
  border-bottom: 1px dotted #b8b8b8!important; } 
#menu.unlink li a.current:link, #menu.unlink li a.current:visited, #menu.unlink li a.current:hover 
{ background-color:#d9d9d9!important; border-bottom:2px solid #b0b0b0!important; } 
#menu.unlink li li a.current:link, #menu.unlink li li a.current:visited, #menu.unlink li li a.current:hover 
{ background-color: #efefef!important; border-bottom: 1px dotted #b8b8b8!important; } 
#menu.unlink li li a:link.seeall, #menu.unlink li li a:visited.seeall, #menu.unlink li li a:hover.seeall 
{ background-image: url(images/see_all.gif)!important; } 

#menu-mini h3{margin:6px 0 0 0;padding:3px 3px 3px 6px;color:#fff;font: bold 0.8em verdana;border-bottom:2px solid #b5b5b5;background-color:#d15c19;} 
#menu-mini ul {margin:0;font:10px verdana;list-style-image:none;background-color:#fff;}  
#menu-mini li {margin:0;padding:0;list-style-type:none;word-wrap:break-word; word-break:break-all; word-break/* */:normal ;} 
#menu-mini li img {border: 0;padding: 4px 4px 4px 0px; vertical-align: middle;}
 #menu-mini li a:link,#menu-mini li a:visited 
 {padding: 2px 1px 0px 5px;margin:0;min-height:18px;height:auto!important;height:18px;color:#000;text-decoration:none;display:block;
  background: url(images/menu_resource_bg.gif) repeat-x;} 
#menu-mini li a:hover{background-image: url(images/menu_resource_current.gif);} 
#menu-mini li li a:link, #menu-mini li li a:visited{display:block;padding:3px 0 0 20px;margin:0px;border-bottom: 1px dotted #b8b8b8;
                                                    background: url(images/menu_arr.gif) #ffffff 5px 6px no-repeat;} 
#menu-mini li li a:hover{background-image:url(images/menu_arr_current.gif);background-color:#fff6cb;} 
#menu-mini li a.current:link,#menu-mini li a.current:visited{background-image: url(images/menu_resource_current.gif);} 
#menu-mini li li a.current:link, #menu-mini li li a.current:visited{background-image: url(images/menu_arr_current.gif)!important;
                                                                    background-color:#fff6cb;} 
#menu-mini.unlink h3{background-color:#999;} 
#menu-mini.unlink li a:link,#menu-mini.unlink li a:visited,#menu-mini.unlink li a:hover 
{cursor:default;color:#777;background: url(images/menu_resource_bg.gif);} 
#menu-mini.unlink li a.current:link,#menu-mini.unlink li a.current:visited,#menu-mini.unlink li a.current:hover 
{background: url(images/menu_resource_current.gif);}
 /* Menu */ 
 
 .mediaList{ padding-bottom:10px;}
 
 #selectMedia
{
	position:relative;
	display:none;
	}
#selectMedia ul { clear:both; }
#selectMedia ul li{ clear:both; min-width:110px;}