@import url("css/menu.css");

/* CSS Document */
#Body { background:#b5babe url(images/sky3.jpg) top center no-repeat; height: 100%; margin: 0; padding: 0; }

/* ControlPanel style */
.ControlPanel { background: transparent url(images/cpanel_center.png) repeat-x bottom left; border: none; padding-bottom: 10px; }
.cpanel_left { background: url(images/cpanel_left.png) no-repeat bottom left; padding-left: 21px; }
.cpanel_right { background: url(images/cpanel_right.png) no-repeat bottom right; padding-right: 33px; }

/*-------- Default Style --------*/
body, th, td, div, p, table, h4, h5, h6, .Normal, .NormalDisabled, .Head, .SubHead, .SubSubHead, a:link, a:visited, a:hover, input, .CommandButton { color: #2E3D47; font-family: Verdana, Arial, Helvetica, sans-serif; }
body, th, td, div, p, table, .Normal, .NormalDisabled, .Head, .SubHead, .SubSubHead, a:link, a:visited, a:hover { font-size: 12px; }
h4, h5, h6 { color: #375162; }
h1, h1 input {color:#005a86;font-family: Helvetica,sans-serif;font-style:italic; font-size: 36px; margin: 10px 0; }
h2, .logodarkbluebold { color: #045882; font-size: 30px; font-family: Arial; font-weight: 900;margin: 0 0 0 0; padding: 0 0 0 0;display: inline; }
h3, .logolightbluebold{ color: #b5b6b5; font-size: 30px; font-family: Arial;font-weight: 900;margin: 0 0 0 0; padding: 0 0 0 0; display: inline;}
h1, h5, h1 input { font-weight: bold; }
h2, h4, h6 { font-weight: bold; }
h4 { font-size: 12px; margin: 8px 0; }
h5, h6 { font-size: 10px; margin: 6px 0; }


a, a:link, a:visited, a:active { color: #3E81B5; text-decoration: none; font-weight: normal; }
a:hover { color: #D00; text-decoration: underline; }
.Head, .SubHead, .SubSubHead, .Normal, .NormalDisabled, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox { font-family: Verdana, Arial, Helvetica, sans-serif; }
.Head { color: #2E3D47; font-weight: bold; }
.SubHead { color: #4C6171; }
.SubSubHead { color: #6E8AA0; }
.NormalRed { color: #F00; }
div {padding:0; margin:0;}

/*Datagrids */
.DataGrid_Container { margin-top: 15px; }
.DataGrid_Header { font-weight: bold; }
.DataGrid_Header td, .NormalBold td { font-weight: bold; }

/*-------- design style --------*/

#s_wrap_main { display: table; width: 970px; margin: 0 auto; }

.innerbody { width: 994px; background: #ffffff; padding: 10px 15px 5px 15px; }
.top_space { height: 15px; }
.lang_pad { padding: 7px 0 0 25px; float: left; }

.logo { width: 994px; height: 120px; }
.logoleft { width: 104px; height: 120px; float: left; }
.logobg { }
.logoright { width: 890px; height: 120px; float: right; }
.ContactsPane { width: 574px; float: right; }
.NamePane { width: 316px; height: 80px; float: left;  padding-top:24px;}
.logolightblue { color: #589cbf; font-size: 30px; font-family: Arial; font-weight: normal; }
.logodarkblue { color: #045882; font-size: 30px; font-family: Arial; font-weight: normal; }
.logo_image { background: #FFF; margin: 0 0 0 0; padding: 0 0 10px 10px; float: left; }
.namedarkbluebold { color: #045882; font-size: 12pt; font-family: Arial; font-weight: bolder; }
.namelightblue { color: #589cbf; font-size: 12pt; font-family: Arial; font-weight: bold; }

.divider { width: 994px; height: 5px; }
.ruler { width: 994px; height: 1px; background: #589cbf; float: left; }


.menu { width: 994px; height: 30px; clear: both; }
.menu_bg { width: 994px; height: 30px; background: #589cbf url(images/menubg.jpg) repeat-x top left; clear: both; }
#ParentTabs ul { padding: 0; margin: 0; }
#ParentTabs { padding: 0; margin: 0; color: #fff; font-family: arial, helvetica, sans-serif; white-space: nowrap; list-style-type: none; }
#ParentTabs li { display: inline; }
#ParentTabs li a { background: transparent; padding: 7px 10px 8px 10px; font-size: 13px; font-weight: normal; color: #ffffff; text-decoration: none; float: left; border: 0px solid #000; }
#ParentTabs li a:hover, #ParentTabs li a:focus { background: #ffffff url(images/pointer.jpg) no-repeat center; color: #045882; }
#ParentTabs li.SelectedTab.Level0 a { background: #ffffff url(images/pointer.jpg) no-repeat center; color: #045882; }
#ParentTabs li.First-Child.SelectedTab.Level0 a { background: transparent; color: #ffffff; }

.contents { width: 994px; }
.ContentPane { width: 994px; float: left; }

.homecontactus { width: 994px; padding: 5px 0 0 0; }
.ContactusPane { width: 220px; height: 304px; margin-right: 7px; float: left; }
.HomeimagePane { width: 540px; height: 304px; float: left; }
.AdPane { width: 220px; height: 304px; margin-left: 7px; float: left; }

.submenu { width: 994px; padding: 5px 0 5px 0; }
.SubmenuPane { width: 220px; height: 170px; float: left; background: #045882 url(images/submenubg.jpg) no-repeat; }
.ImagePane { width: 765px; height: 168px; margin-left: 5px; border: 1px solid #589cbf; float: left; }
#ChildTabs ul { padding: 0; margin: 0; width: 202px;}
#ChildTabs { padding: 0; margin: 0; color: #fff; font-family: arial, helvetica, sans-serif; list-style-type: none; }
#ChildTabs ul li {list-style-type:none;}
#ChildTabs li {border-bottom: 1px solid #ffffff; height:33px; margin-left:10px;}
#ChildTabs li a { background: transparent; padding: 7px 10px 8px 0px; font-size: 13px; font-weight: normal; color: #ffffff; text-decoration: none; float: left; border-bottom: 0px solid #000; }
#ChildTabs li a:hover, #ChildTabs li a:focus { color: #045882; }
#ChildTabs li.SelectedTab.Level0 a { background: #ffffff url(images/pointer.jpg) no-repeat center; color: #045882; }
#ChildTabs li.Last-Child.Level1 { border-bottom: 0px solid #ffffff; height:33px; margin-left:10px; }

.aggregator { width: 994px; padding: 5px 0 0 0; }
.AggregatorPane { width: 994px; float: left; }

.maincontent { width: 994px; padding: 0px 0 5px 0; }
.InnerPane { width: 750px; float: left; padding-left:15px;}

.homecontent { width: 994px; padding: 5px 0 5px 0; }
.HomeleftPane { width: 497px; float: left; }
.HomerightPane { width: 497px; float: left; }

.bottom { width: 994px; height: 40px; padding: 20px 0 5px 0; color: #589cbf; font-size: 11px; text-align: center; }
.bottom a:link {font-size:11px; color:#589cbf; text-decoration:underline;}
.footer, a.footer:link, a.footer:active, a.footer:visited { color: #589cbf; font-size: 11px; }
.footer a:hover { color: #045882; font-size: 10px; }


#login_style { float: right; line-height: 34px; padding-right: 18px; }
#bread_style { float: left; line-height: 34px; padding-left: 18px; color: #000000; }

#terms_style { float: left; }
#copy_style { float: right; }

.clear_float { clear: both; line-height: 0; font-size: 0; height: 0; }

/* ------- FileManager -------*/
div.FileManager { height: auto; border: none; }
table.FileManager { width: 99%; }


a.CommandButton:link, a.CommandButton:visited { color: #CB2027; font-weight: bold; text-decoration: none; }
a.CommandButton:hover { color: #3E81B5; text-decoration: underline; }

/*-------ControlPanel changes ---------------*/
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited { color: #3E81B5; }
.ControlPanel a.CommandButton:hover { color: #CB2027; text-decoration: underline; }
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited, .ControlPanel .SubHead { font-size: 11px; }


/*------------ Breadcrumb Style --------------*/
.Breadcrumb, a.Breadcrumb:link, a.Breadcrumb:active, a.Breadcrumb:visited { color: #3E81B5; }
a.Breadcrumb:hover { color: #C00; }

/*-------------- Link Style --------------*/
.linkscontainer { padding-top: 20px; text-align: center; }
.links, a.links:link, a.links:active, a.links:visited { font-weight: bold; color: #3E81B5; text-transform: uppercase; }
a.links:hover { color: #C00; }

/*-------------- User Style --------------*/
.user, a.user:link, a.user:active, a.user:visited { color: #3E81B5; }
a.user:hover { color: #C00; }

/*-------------- Footer Style --------------*/

/*-------------- Empty panes Style --------------*/
.DNNEmptyPane { width: 0; padding: 0; margin: 0; }

/*-------------- Search SkinObject Styles --------------*/
div.SearchContainer { position: relative; white-space: nowrap; }
div.SearchBorder { width: 180px; height: 20px; border: solid 1px #e0e0e0; float: left; background-color: White; white-space: nowrap; margin-top: 2px; }
div.SearchContainer a { padding: 0; display: block; float: left; }
div.SearchContainer a img { padding-left: 5px; }
div.SearchIcon { float: left; width: 31px; height: 20px; cursor: pointer; z-index: 11; background: no-repeat 2px 2px; text-align: right; }
div.SearchIcon img { margin-top: 3px; }

input.SearchTextBox { float: left; z-index: 10; border: 0; width: 130px; height: 18px; margin-left: 3px; color: #43494D; }

#SearchChoices { clear: both; display: none; border: solid 1px #C3D4DF; z-index: 2000; cursor: pointer; margin: 0; padding: 0; text-align: left; background-color: #F3F7FA; position: absolute; top: 22px; left: 0; }
#SearchChoices li { cursor: pointer; margin: 0; padding: 2px 2px 0 2px; padding-left: 25px; height: 18px; text-align: left; background-color: #F3F7FA; background-repeat: no-repeat; background-position: 2px center; list-style: none; list-style-image: none; border: none; display: block; }
#SearchChoices li.searchHilite { background-color: #CE0D0D; color: #ffffff; border: none; }
#SearchChoices li.searchDefault { background-color: #F8FAFF; border: none; }

div.category {
padding:0;
margin:0;
}
.category  {
background: rgb(255, 255, 255) url(images/video.jpg) no-repeat; 
height: 304px;
width:540px;
padding:0;
margin:0;
}
ul.categorylinks  li {
list-style-type: none;
margin:0; 
width:420px;
padding: 3px 30px;
display: block; 
font-family: Verdana,Arial,Helvetica,sans-serif; 
color: rgb(255, 255, 255); 
margin-left: -3px; 
font-size: 14px; 
font-weight: bold; 
text-decoration: none;}

.categorylinks {
list-style-type: none; 
background: #8596b4;
margin:0;
padding: 10px;
float: left;}

.categorylinks ul {margin:0;}
.categorylinks li {
padding:2px  0px 0 0 ;
}
.categorylinks li a {
color:#ffffff;
display:block;
font-size:14px;
font-weight:bold;
margin-left:-3px;
padding:3px 1px;
text-decoration:none;
list-style:none;
}
.categorylinks a:visited {
color:#ffffff;
}
.categorylinks a:hover {
color:#404040;
text-decoration:none;
}
#aggregator{
padding: 13px 30px 16px 30px;
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
font: bold 12px Verdana;
background : #5db7e4 url(images/aggregator.jpg) repeat-x;
}

#aggregator li{
list-style: none;
display: inline;
margin: 0;
}

#aggregator li a{
padding: 13px 60px 16px 60px;
margin-left: 3px;
color: white;
}

#aggregator li a:link, #aggregator li a:visited{
color: white;
}

#aggregator li a.current{
background: #2977a3;
}

#tabcontentcontainer{
width: 984px;
height: 150px;/* Insert Optional Height definition here to give all the content a unified height */
padding: 10px 5px 5px 5px;
border: none;
color:#ffffff;
}
.tabcontent{
display:none;
color:white;
}
img.expando{ /*sample CSS for expando images. Not required but recommended*/
border: none;
vertical-align: top; /*top aligns image, so mouse has less of a change of moving out of image while image is expanding*/
}