/************************************************************************
This StyleSheet contains all of the primary visual standards for the VST
application.  There should be few to none actual style embedded within
individual forms or web panels. 
************************************************************************/

/************************Standard tag overrides ************************/
body
{
    text-align:center;
    background-color: #d3d9d6; margin-left:0px; margin-top:0px;
    font-family: 'Microsoft Sans Serif', Arial, Tahoma, Verdana, Helvetica;
    font-size: 8.25pt;
    color: Black;
}

a
{
	color: #036;
	text-decoration: underline;
}

.rgaUpdateTbl 
{
	font-weight:bolder;
	font-size:medium;
	text-decoration:underline;		
}

.headerText
{ color: #3873ab; font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none }


a:hover 
{
	color: Blue;
}

/******************************Classes**********************************/

.welcomeLabel
{
    text-align: right;
    font-family:@Arial Unicode MS;
    font-size:11px;
    font-weight:bold;
    color:Maroon;
}

.loginStatus
{
    color:Navy;
    font-size:1em; 
    font-family:Arial;
    font-weight:bold;
}

.pageTitle
{
    padding: 15px;
    color: #3873ab; 
    font-size: 16px; 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-weight: bold; 
    text-decoration: none;
}

.subTitle
{
    text-align:center;
    font-size:14px;
    font-weight:bold;
    color:Maroon;
}

.vstGrid
{
    color:#333333;
    width:900px;
    border-collapse:collapse;
    padding:4px;
    border-style:none;
}

.columnHeadings
{
    color:White;
    height:25px;
    background-color:#5D7B9D;
    font-weight:bold;
    text-align:left;
}

.rowStyle1
{
    color:#333333;
    height:22px;
    background-color:#F7F6F3;
}

.rowStyle2
{
    color:#333333;
    height:22px;
    background-color:#afc6d5;
}

.errorSpan
{
    background-color:Maroon;
    color:White;
    padding:2px;
    width:620px
}

.vstButton
{
    color:#284775;
    background-color:#FFFBFF;
    border-color:#CCCCCC;
    border-width:1px;
    border-style:Solid;
    font-family:Verdana;
    cursor:pointer;
}

.style_bold {
	font-weight: bold;
}
.style_italic {
	font-style: italic;
}
.style1 {
    text-align: center;
}
.style2 {
    text-align: right;
    background-color: #5D7B9D;
    color:white;
    font-weight:bold;
}
.style3 {
    text-align: left;
}

.button
{
	background-color: #FFFBFF;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
	font-family: Verdana;
	color: #284775;
}

.tablecontent {
	border-color: #E6E2D8;
	background-color: #F7F6F3;
	border-width:1px;
	border-style:Solid;
	border-collapse:collapse;
	width:600px;
}

/* Static Menu Navigation */

.subMenu {text-align:left; padding:0; margin:0; list-style:none; height:20px; position:relative; z-index:100; font-family:arial, verdana, sans-serif;}
.subMenu li {float:left; margin-right:1px;}
.subMenu li a {display:block; float:left; width:118px; height:20px; line-height:20px; background:#6e90c0; color:#fff; text-decoration:none; font-size:11px; font-weight:normal; padding:0 1px 0 1px;}

.subMenu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.subMenu li a:hover {z-index:50; position:relative;color:#fff; background-color:#2a466b;}
.subMenu li:hover {position:relative; z-index:50;}

.subMenu li:hover > a {color:#fff; background:#2a466b;}
.subMenu li:hover > a.sub {color:#fff; background-color:#2a466b;}

.subMenu li.current a {color:#fff; background:#2a466b;}

.subMenu li a.sub {background: #6e90c0 url(Images/down-arrow.gif) no-repeat right center;}
.subMenu li.current a.sub {color:#fff; background:#2a466b url(Images/down-arrow.gif) no-repeat right center;}

.subMenu :hover ul {left:0; top:20px; width:120px; background:#444;}

/* keep the 'next' level invisible by placing it off screen. */
.subMenu ul, 
.subMenu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.subMenu :hover ul :hover ul
{left:180px; top:-1px; background:#222; white-space:nowrap; width:100px; z-index:50; height:auto;}

.subMenu :hover ul li {margin:0; border-top:1px solid #666;}
.subMenu :hover ul li a {width:120px; padding:0; text-indent:5px; background:#6e90c0; color:#fff; height:20px; line-height:20px; font-weight:normal;}
.subMenu :hover ul li a.fly {background:#6e90c0 url(Images/right-arrow.gif) no-repeat right center; width:180px; font-weight:normal;}

.subMenu :hover ul :hover {background-color:#3e3e3e; color:#fff;}
.subMenu :hover ul :hover a.fly {background-color:#3e3e3e; color:#fff; width:180px;}

.subMenu :hover ul li.currentsub a {background:#2a466b; color:#fff;}
.subMenu :hover ul li.currentsub a.fly {background:#2a466b url(Images/right-arrow.gif) no-repeat right center; color:#fff;}

.subMenu :hover ul :hover ul li a {width:200px; padding:0; text-indent:5px; background:#3e3e3e; color:#fff;}
.subMenu :hover ul :hover ul :hover {background-color:#2a466b; color:#fff;}

.subMenu :hover ul :hover ul li.currentfly a,
.subMenu :hover ul :hover ul li.currentfly a:hover {background:#2a466b; color:#fff;}

/******************************Elements*********************************/

#bodyLayout
{
    width:100%;
    border:0px;
    padding:0px;
    text-align:center;
    margin: 0 auto;
}

#panelHeader
{
    width: 900px;
    margin: 0 auto;
}

#divHeaderImage
{
	width: 900px;
    margin: 0 auto;
	height:100px;
	padding: 0;
    cursor: pointer;
    background: url(Images/masthead-1.jpg) no-repeat left top;
}

#ContentPlaceHolderBody
{
    width: 900px;
    margin: 0 auto;
}

#divHeaderImage p
{
	font-size: 11px;
	color: #fff;
	margin: 10px 10px 0;
}

#divMenu
{
    width: 900px;
    margin: 0 auto;
    padding:0px;
}

#divMenu2
{
    width: 900px;
    margin: 0 auto;
    background-color: #6e90c0;
    padding:0px;
    height:22px;
}

#divWelcome
{
	width: 900px;
    margin: 0 auto;
    background-color:White;
    padding:0px;
    font-family:@Arial, Helvetica, sans-serif; 
	font-style:italic; 
	font-size:15px;
	font-weight:bold;
	color:black; 
}

#divManageLogin
{
	width: 900px;
    margin: 0 auto;
    background-color:White;
    padding:0px;
}

#panelBody
{
    width: 900px;
    background-color:White;
    padding-bottom:10px;
    padding-top: 10px;
    margin: 0 auto;
}

.divChildContent
{
    width: 900px;
    background-color:White;
    margin: 0 auto;
    padding-top: 15px;
    padding-bottom: 15px;
}

.divReportContent
{
    width: 900px;
    background-color:White;
    margin: 0 auto;
    padding-top: 15px;
    padding-bottom: 15px;
}

.Report
{
	width:900px;
	background-color:White;
	margin: 0 auto;
	padding-top:1px;
	padding-bottom:1px;
	padding-left:2px;
	padding-right:2px;
}

#panelFooter
{
    width: 900px;
    color: White;
    background-color: #6e90c0;
    padding-top: 5px;
	padding-bottom: 5px;
    margin: 0 auto;
}

#panelFooter p 
{
    color: white;
	font-size: 11px;
	line-height: 14px;
	margin: 1px;
	padding: 1px;
}

#panelFooter a
{
    color: white;
	text-decoration: underline;
}

#panelFooter a:hover
{
    color: #fff;
    font-weight: bold;
	text-decoration: none;
}

#container
{
	background-color: #fff;
	width: 900px;
	border-top: 0;
	border-right: 1px solid #b7b7b7;
	border-bottom: 0;
	border-left: 1px solid #b7b7b7;
}

#column_l
{
	width: 385px;
	margin: 0;
	padding: 0 15px;
	background-color: #fff;
}

#column_r 
{
	width: 192px;
	margin: 0;
	float: right;
	padding: 4px;
	background-color: #a9a9a9;
	position: relative;
}

#column_r p
{
	font-size: 11px;
	margin: 7px;
}

/* Static Menu Navigation */

#mainMenu {text-align:left; padding:0; margin:0; list-style:none; height:20px; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#mainMenu li {float:left; margin-right:1px;}
#mainMenu li a {display:block; float:left; width:118px; height:20px; line-height:20px; color:#2a466b; text-decoration:none; font-size:11px; font-weight:normal; padding:0 1px 0 1px;}

#mainMenu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#mainMenu li a:hover {z-index:200; position:relative;color:#fff; background-color:#2a466b;}
#mainMenu li:hover {position:relative; z-index:200;}

#mainMenu li:hover > a {color:#fff; background:#2a466b;}
#mainMenu li:hover > a.sub {color:#fff; background-color:#2a466b;}

#mainMenu li.current a {color:#fff; background:#2a466b;}

#mainMenu li a.sub {background: url(Images/down-arrow.gif) no-repeat right center;}
#mainMenu li.current a.sub {color:#fff; background:#2a466b url(Images/down-arrow.gif) no-repeat right center;}

#mainMenu :hover ul {left:0; top:20px; width:105px; background:#444;}

/* keep the 'next' level invisible by placing it off screen. */
#mainMenu ul, 
#mainMenu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#mainMenu :hover ul :hover ul
{left:180px; top:-1px; background:#222; white-space:nowrap; width:100px; z-index:200; height:auto;}

#mainMenu :hover ul li {margin:0; border-top:1px solid #666;}
#mainMenu :hover ul li a {width:120px; padding:0; text-indent:5px; background:#6e90c0; color:#fff; height:20px; line-height:20px; font-weight:normal;}
#mainMenu :hover ul li a.fly {background:#6e90c0 url(Images/right-arrow.gif) no-repeat right center; width:180px; font-weight:normal;}

#mainMenu :hover ul :hover {background-color:#3e3e3e; color:#fff;}
#mainMenu :hover ul :hover a.fly {background-color:#3e3e3e; color:#fff; width:180px;}

#mainMenu :hover ul li.currentsub a {background:#2a466b; color:#fff;}
#mainMenu :hover ul li.currentsub a.fly {background:#2a466b url(Images/right-arrow.gif) no-repeat right center; color:#fff;}

#mainMenu :hover ul :hover ul li a {width:200px; padding:0; text-indent:5px; background:#3e3e3e; color:#fff;}
#mainMenu :hover ul :hover ul :hover {background-color:#2a466b; color:#fff;}

#mainMenu :hover ul :hover ul li.currentfly a,
#mainMenu :hover ul :hover ul li.currentfly a:hover {background:#2a466b; color:#fff;}