/* ================================
    Main CSS STYLES FOR Snapsis CSSNavMenu BlueLeftNav Skin
   ================================
 */
 
body{
    height:100%;
    font-size:85%;
    font-family: verdana, San-Serif;
    color:#000;
}
html{height:100%%}
html>body #PortalBorder {height:auto}/*for mozilla */

.TabList {
    font-size:75%;
}
#nav ul {
    padding:0;
    margin:0;
    list-style:none;
    float:left;
    width:14.5em;
    background-color:#d8edfb;
}

#nav li {
  position: relative;
  float:left;
  line-height : 1.25em;
  width: 14em;
  list-style: none;
}

#nav li ul { /* second-level lists */
	position : absolute;
	left: -999em;
    background-color:#d8edfb;
	z-index:900;
  	margin:-1.9em 0 0 14em;
	border:1px solid #333;
}

#nav li ul ul { /* third-and-above-level lists */
	left: -999em;
	z-index:901;
    background-color:#d8edfb;
  	border:1px solid #333;
}

#nav a {
    font-size:1.08em;
	display:block;
	width: 14em;
	w\idth : 12.5em;
    text-decoration:none;
    font-weight:bold;
    margin:1px 0 1px 2px;
    padding : 2px 0 2px 6px;
    border:1px solid #d8edfb;
    color:#000;
}
#nav li a:hover {
  background-color: #fff;
  border:1px solid #333;
  color:#000;
}
#nav li a.SelectedTab {
    font-weight:bold;
    background-color: #FFF;
    color:#000;
}
#nav .DisabledTab {
    color:#ccc;
}
/*no need to change these hover classes unless you need more than 4 levels */
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul,
#nav li.iehover ul ul,
#nav li.iehover ul ul ul,
#nav li.iehover ul ul ul ul{
  left: -999em;
}

#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li.iehover ul, 
#nav li li.iehover ul, 
#nav li li li.iehover ul {
	left: auto;
}


#navContainerBorder {
    background-color:white;
    padding:2px;
    border:1px solid #333;
    height:30em;
}
#navContainer {
   border:1px solid #333;
   background-color: #d8edfb;
   height:30em;
   width:12em;
   vertical-align:top;
   padding:10px 5px 10px 5px;
}

#LoginUserContainer {
    position:relative;
    padding-right:25px;
    horizontal-align:right;
}
A.BannerLinks:Link, A.BannerLinks:Active, A.BannerLinks:Visited
{
    font-family: Verdana ,San-Serif;
    font-size: 75%;
    font-weight:bold;
    color:#000;
	padding-left:5;
}
A.BannerLinks:hover
{
    color:#FFF;
    text-decoration:none;
}

A.Content:Link, A.Content:Active, A.Content:Visited
{
    color:#000;
    height:auto;
}
A.Content:hover {
    color:#FFF;
}
A.FooterLinks:Link, A.FooterLinks:Active, A.FooterLinks:Visited
{
    font-weight:bold;
    color:#f1f1f1;
	padding-left:5;
}
A.FooterLinks:hover
{
    color:#FF;
    text-decoration:none;
}
#copyright{
    text-align:left;
    width:290px;
    padding-left:20px;
}
#terms{

    left:300px;    
    width:250px;
    text-align:center;
}
#host{
    text-align:right;
    right:10px;
    width:300px;
    padding-right:10px;
}
.Head{
    font-family: Georgia,Serif;
    font-size: 95%;
    font-weight: bold;
    color: slate;

}
Input.NormalTextbox
{
    font-size:75%;
    height:1.5em;
}
.NormalSmall
{
    font-family: Verdana, San-Serif;
    font-size: 80%;
    font-weight: normal;
    color: #000000
}
.NormalSmallRed
{
    font-family: Verdana, San-Serif;
    font-size: 80%;
    font-weight: normal;
    color: #CC0000
}
.CSS01
{
    position:relative;
    top:0;
    bottom:0;
    margin:5px;
    width:100%;
    border: #333 1px solid;
}
.CSS01 #Top
{
    position:relative;
    top:0;
    left:0;
    height:34px;
    width:100%;
    background:url(Top.jpg) repeat-x top left;
}
.CSS01 .Content
{
    position:relative;
    top:0;
    left:0;
    width:90%;
    margin:5px;
    background-color:#FFF;
}
.CSS01 #Middle
{
    border-left: #333 1px solid;    
    border-right: #333 1px solid;    
}
.CSS01 #Bottom
{
    position:relative;
    top:0;
    left:0;
    padding-top:4px;
    height:25px;
 
}
.DivL
{
    position:absolute;
    text-align:left;
    top:2px;
    left:5px;
    padding-right:10px;
    width:50%;
}
.DivIcon
{
    float:left;
    text-align:left;
    top:2px;
    left:5px;
    padding-right:10px;
    width:25px;
}
.DivC
{
    position:relative;
    left:0;
    padding-left:5px;
    padding-right:5px;
    width:100%;
}
.DivR
{
    position:absolute;
    width:50%;
    text-align:right;
    padding-left:10px;
    top:2px;
    right:5px
}
#PortalContainer
{
    background:url(PortalBannerRepeat.jpg) repeat-x top left;    
    border:1px solid #333;
    height:100%;
    width:100%;
}
#PortalBanner
{
    height:125px;
    padding-left:5px;
    background:url(PortalBanner.jpg) no-repeat top left;    
    width:100%;
}
#TopRightContainer
{
    width:100%;
    text-align:right;
    padding-top:1px;
    padding-right:10px;
    padding-left:10px;
}
.LeftPane 
{
    width:200px;
	padding-top:4px;
    padding-left:5px;
    padding-bottom:5px;
}
.ContentPane 
{
    width:100%;
    height:100%;
	padding-top:0;
	padding-left:5px;
	padding-right:5px;
}
.RightPane 
{
    text-align:left;
    width:100%;
    padding-top:0;
	padding-right:10px;
}
#PortalFooter 
{
    position:relative;
    height: 20px;
    width:100%;
    font-size:70%;
    font-weight: bold;
    background:url(FooterBack.jpg) repeat-x bottom;
    color: #f1f1f1;
    text-decoration: none;
}
.ControlPanel
{
BORDER-RIGHT: #003366 1px solid;
BORDER-TOP: #003366 1px solid;
BORDER-LEFT: #003366 1px solid;
WIDTH: 100%;
BORDER-BOTTOM: #003366 1px solid;
HEIGHT: 64px;
BACKGROUND-COLOR: #ffffff;
}
.Head
{
FONT-WEIGHT: bold;
FONT-SIZE: 90%;
COLOR: #333333;
FONT-FAMILY: Georgia,Serif;
}
.SubHead
{
FONT-WEIGHT: bold;
FONT-SIZE: 85%;
COLOR: #3333FF;
FONT-FAMILY: Tahoma, Arial, Helvetica;
}
.SubSubHead
{
FONT-WEIGHT: bold;
FONT-SIZE: 80%;
COLOR: #3333FF;
FONT-FAMILY: Tahoma, Arial, Helvetica;
}
.Normal
{
FONT-WEIGHT: normal;
FONT-SIZE: 80%;
FONT-FAMILY: Tahoma, Arial, Helvetica;
}
TD.Normal
{
  FONT-SIZE: 80%;
}
TD.NormalTextBox
{
  FONT-SIZE: 80%;
}
TD.NormalBold
{
  FONT-SIZE: 80%;
}
.NormalBold
{
FONT-WEIGHT: bold;
FONT-FAMILY: Tahoma, Arial, Helvetica;
}
.NormalRed
{
FONT-WEIGHT: bold;
COLOR: #ff0000;
FONT-FAMILY: Tahoma, Arial, Helvetica;
}
.NormalTextBox
{
FONT-WEIGHT: normal;
FONT-FAMILY: Tahoma, Arial, Helvetica;
}