﻿@import url("css/menu.css");

/* CSS Document */
#Body {background:#52575A url(images/vcs/bg.jpg) no-repeat center top; height:100%; margin:0; padding:0; }

.highlights {
	color: #525759;
	width:240px;
}

#highlights p a{
	font-size: 12px;
	color: #918F90;
}

/* 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,h1,h2,h3,h4,h5,h6,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover, input, .CommandButton{color:#525759; font-family:Arial, sans-serif;}
body,th,td,div,p,table,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover{font-size:12px;}
h1, h3, h4, h5, h6{color:#918F90;}
h1, h3, h5, h1 input{font-weight:bold;}
h2, h4, h6{font-weight:normal}
h1, h1 input{font-size:14px;margin:10px 0;}
h3, h4{font-size:12px;margin:8px 0;}
h5, h6{font-size:10px;margin:6px 0;}
p { line-height:20px; }
h2 { color:#000000; font-size:20px;}
ol { font-family:Arial, sans-serif; }
ul { margin:0 0 20px 15px; padding:0; list-style-type:square; font-family:Arial, sans-serif;}
ul li
{
	color:#525759;	
}
	
li { line-height:20px; margin:5px 0 5px 0; }

hr { margin:0; padding:0;}

h3
{
	font-size: 1.8em;
	color: #918F90;
	font-weight: 200;
	text-align: left;
	margin-top: 0;
}


a,a:link,a:visited,a:active{color:#525759; text-decoration:none; font-weight:normal; }
a:hover{color:#918F90; 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;}


/*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;}
#s_wrap_sub{display:table-row}
.template_style{display:table-cell}

.lang_pad{padding:7px 0 0 25px;float:left;}

.topText {height:60px; display:inline;}
.VCS { width:500px; height:60px; float:left; margin:20px 0 0 10px; } /*background:url(images/vcs/logo.gif) no-repeat top left; */
.Road { width:325px; background:url(images/vcs/theroad.gif) no-repeat top left; height:20px; float:right; margin:35px 0 0 0; }
.VCS1 { width:265px; height:60px; float:left; margin:20px 0 0 10px;} /*background:url(images/vcs/logo-interior.gif) no-repeat;  */
.Road1 { width:200px; background:url(images/vcs/theroad-interior.gif) no-repeat; height:20px; margin:50px 0 0 280px;}


.topFlash {  background:url(images/vcs/newtitle.jpg) no-repeat;}
.FlashPane {height:332px; width:1023px;}
.menuBkgd { background:url(images/menuBkgd.gif) no-repeat top; height:40px; width:1023px;}
.menu {background-color:#A8B3AB; width:1023px;}
.menu_bg{padding:0;  margin: 0 10px 0 35px; background:url(images/menu_bg.gif) top left;  height:40px;}

.contenttop {width:1023px; height:7px; background:url(images/body.gif) no-repeat; margin:0; padding:0; }
.center_bg{padding:0; margin:0;clear:both; width:1023px;}
.left_bg{padding:0; margin:0; background:url(images/left_bg.png) repeat-y top left;}
.right_bg{padding:0; margin:0; background:url(images/right_bg.png) repeat-y top right;}
.content_pad{padding:10px 22px 0 22px; background:#FFF url(images/center_bg.png) repeat-x bottom left; }
.content_width{padding-top:15px; min-height:350px; padding-bottom:25px;}

.bot_bg{padding:0; margin:0; background:url(images/vcs/footer.jpg) no-repeat; height:11px; width:1023px;}

.bot_pad{margin-bottom:20px; padding:20px 30px 0 20px;}

.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:#918F90; font-weight:bold; text-decoration:none;}
a.CommandButton:hover{color:#918F90; 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;}

/*--------- pane style ----------*/
.ContentPane, .TopPane, .BottomPane{ padding:0; margin:0; }
.LeftPane{ padding:0; width:180px; margin:0; }
.RightPane{ padding:0 0 0 20px; width:20%; margin:0; }

/*-------------- Link Style --------------*/
.linkscontainer{text-align:center;}
.links,a.links:link,a.links:active,a.links:visited{ font-weight:bold; color:#3E81B5;}
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 --------------*/
.footerlinks, a.footerlinks:link,a.footerlinks:active,a.footerlinks:visited  { color:#FFF; font-size:12px;}
a.footerlinks:hover{color:#FFF; text-decoration:underline;}

.footer,a.footer:link,a.footer:active,a.footer:visited { color:#FFF; font-size:10px;}
a.footer:hover{color:#FFF; text-decoration:underline;}

/*-------------- Empty panes Style --------------*/
.DNNEmptyPane{width:0;padding:0;margin:0;}

/*---------------Home Links----------------------*/
.Hlinks,a.Hlinks:link,a.Hlinks:active,a.Hlinks:visited { color:#918F90; font-size:18px; text-decoration:none;}
a.Hlinks:hover { color:#525759; }



/* MENU STYLES */
/* ------- SideMenu -------*/
.MenuHdr
{
	font-size: 24px;
	color: #000000;
}
.MenuItem A
{
	font-size: 15px;
	line-height: 26px;
	color: #000000;
}
.MenuItemMouseOver A
{
	font-size: 15px;
	line-height: 26px;
	color: #7F7F7F;
	text-decoration: none;
}
.currentHeaderHighlight A
{
	font-size: 15px;
	line-height: 26px;
	color: #7F7F7F;
	text-decoration: none;
}
.currentItemHighlight A
{
	font-size: 15px;
	line-height: 26px;
	color: #7F7F7F;
	text-decoration: none;
}
.MenuItem .sel
{
	color: #7F7F7F;
}

/*--------- dnn menu style ----------*/
/* main menu td */
.mainMenu
{
	cursor: pointer;
	font-size: 11px;
	background-color: transparent;
	width: 970px;
}

.menulink, a.menulink:link, a.menulink:active, a.menulink:visited, a.menulink:hover
{
	color: #FFFFFF;
	font-size: 13px;
	/*font-weight: bold;*/
	text-transform: uppercase;
	text-decoration: none;
}

.mainMenuNorm
{
	text-align: center;
	margin:0px 20px 0px 15px;
	padding-top:12px;
	white-space: nowrap;
	float: right;
}

.mainMenuPipe
{
	text-align: center;
	padding: 0;
	margin-right: 1px;
	white-space: nowrap;
	float: left;
	width:1px;
}


/* Main Menu Normal */
.mainMenu .root
{
	/*color: #375162;*/
	color: #FFFFFF;
	font-size: 13px;
	text-align: center;
	padding: 12px 12px 12px 12px;
	margin-right: 1px;
	white-space: nowrap;
	margin-right: 1px;
	float: left;
}


/* Main menu hover */
.mainMenu .hov
{
	color: #FFFFFF;
	background: url(images/gnav-hover.gif) repeat-x top left;
}

/* Main menu selected */
.mainMenu .sel, .mainMenu .bc
{
	background:url(images/gnav-hover.gif) repeat-x top left;
}
.mainMenu table
{
	border: 0;
}

/* SUB Menu Normal */
.mainMenu tr.mi
{
	background-color: #52575A;
	z-index: 1000;
	font-size: 11px;
	text-align: left;
	color: #FFFFFF;
	line-height: 2em;
	text-transform: none;
}
.mainMenu tr.mi td
{
	color: #FFFFFF;
	padding: 0 2px;
	text-transform: none;
}

/* SUB Menu hover & selected */
.mainMenu tr.hov
{
	background: #B4BEB6;
	color: #FFFFFF;
}

.mainMenu tr.hov td
{
	color: #FFFFFF;
}

.mainMenu tr.sel, .mainMenu tr.bc
{
	background: #B4BEB6;
}

.mainMenu tr.sel td, .mainMenu tr.bc td
{
	color: #FFFFFF;
}

.main_dnnmenu_break
{
	height: 2px;
	background-color: #D5E0FF;
}



/* Module Action Menus */
.ModuleTitle_SubMenu
{
	border: 1px solid #C0D6E5;
}

.ModuleTitle_SubMenu td
{
	background-color: #F8FAFF;
	white-space: nowrap;
}

.ModuleTitle_MenuIcon
{
	background-color: #F8FAFF;
	border: none;
	padding: 0px 2px;
}

.ModuleTitle_MenuItemSel td, .ModuleTitle_MenuItemSel .ModuleTitle_MenuIcon
{
	background: #B4BEB6;
	color: #FFFFFF;
}

.ModuleTitle_MenuBreak td, .ModuleTitle_MenuBreak .ModuleTitle_MenuIcon
{
	height: 2px;
	background-color: #D5E0FF;
}
/* END OF MENU STYLE */

/*-----------Form Master styles----------*/
.formlabel
{
	color:#525759; font-family:Arial, sans-serif;font-size:12px; padding:0px 45px 8px 0px;
}
.formtxtBox
{
	margin-bottom:8px;
}
.headerblock { background-color: #000; color: #FFF; text-transform: uppercase; font-size: 16px;
                font-weight: bold; padding: 5px 0 5px 50px; width: 400px; }