﻿body
{
 background-color: #e5e5e5 /*#003366*/;
 text-align: center;
 margin: 0px;
 padding: 0px;
 font-family: Arial, Verdana, "sans-serif";
 font-size:12pt;
 color: #333333;
}
td, th
{
 font-size: 12px;
}

#envelope
{
 background-color: #fff;
 width: 970px;
 text-align: left;
 margin-left: auto;
 margin-right: auto;
}
h1
{
 color:#003366;
 font-size:2em;
}

h2
{
 color:#003366;
 font-size:1.6em;
}
h3
{
 color:#003366;
 font-size:1.2em;
}
h4
{
 color:#003366;
 font-size:1em;
}

img
{
 border:none;
}

.product {
}

.footer {
  font-size: .95em;
  text-align: center;
  color: #808080;
  margin: 20px, 50px, 20px, 50px; 
}

.footer_nav {
  font-size: .80em;
  text-align: center;
  margin-top: 20px;
}

.headerSm {
  font-size: 8pt;
  color: #808080;
  text-align:right;
  margin: 20px, 50px, 20px, 50px; 
}

.header_banner {
  font-size: 1.80em;
  color: #ffffff;
}
.docs
{
 font-size: 1.0em;
 font-weight: bold;
/*
 font-size: .8em;
 font-weight: bold;
 color: white;
 background-color: #003366;
 filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#003366', EndColorStr='#FFFFFF')
*/
}



a:hover, a:active
{ 
 color: #ff8040;
 text-decoration: underline;		
}

.nav_bar {
 color: #fff;
 background-color: #336799;
 line-height: 20px;
}

a.nav, a.nav:link, a.nav:visited
{ 
 color: #fff;
 text-decoration: none;
 font-weight: bold;
}

a.nav:hover, a.nav:active
{ 
 color: #fff;
 text-decoration: underline;		
 font-weight: bold;
}

a.product_nav, a.product_nav:link, a.product_nav:visited
{ 
 color: #000;
 text-decoration: none;
 font-weight: bold;
}

a.product_nav:hover, a.product_nav:active
{ 
 color: #00f;
 text-decoration: underline;		
 font-weight: bold;
}

.landing_header
{
     background-color: #9C9C9C;
  color: #ffffff;
  font-size: 1em;
  font-weight: bold;
  padding: 5px, 0px, 5px, 10px; 
  padding-left: .75em;
  
}
.landing_header01
{
  background-color: #4F81BD;
  color: #ffffff;
  font-size: 1em;
  font-weight: bold;
  padding: 5px, 0px, 5px, 10px; 
  padding-left: .75em;
}
.sidetable_header
{
  color: #000000;
  font-size: 1em;
  font-weight: bold;
  padding: 5px, 0px, 5px, 10px; 
  padding-left: .5em;
}
.sidetable_text
{
    font-size: .85em;
  padding-left: .5em;
  padding-right: .5em;
}

.landing_product_name
{
  font-size: 1.3em;
  font-weight: bold;
}

.landing_product
{
 margin: 15px;
}

ul.tick
{
list-style-type: none;
padding: 0;
margin-left: 20px;
}

li.tick
{
background-image: url(../../images/li_tick.jpg);
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: 1.5em;
}
ul.arrow
{
list-style-type: none;
padding: 0;
margin-left: 10px;
}

li.arrow
{
background-image: url(../../images/black_arrow.gif);
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: 1.5em;
}

input {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	
}
hr {
	color:#0073A9;
	height: 1px;
	padding: 0px;
}
.hr_mid
{
	color:gainsboro;
	height: 1px;
	padding: 0px;
}
.hr_red
{
	color: Maroon;
	height: 1px;
	padding: 0px;
}
.BlueGrey {
	color: #000000;
}
div.BlueGrey {
	margin: 1.2em 0;
	padding: 10px;
	background-color: #F9F9F9;
	border: solid 1px #0079AD;
}
.Bluey
{   
    height: 20px; 
    background-color: #DBE5F1;
    color: #000000;
  font-size: 1em;
  font-weight: bold;
  padding: 5px, 0px, 5px, 10px; 
  padding-left: .75em;
}
.Topleft
{
    font-size: 1em;
  font-weight: bold;
  color:#243F60;
  padding: 10px, 10px, 10px, 10px;
  padding-top:10px;
  padding-left: 1em;
  border-top: #003366 1px solid; 
  border-left: #003366 1px solid
}

.menu_nav
{  
    background-image: url(../../images/bk_menu_fade.jpg);
    text-align:left;
    width:220px;
    font-family: Arial Narrow;
    }
    .menu_item
    {
        font-family: Arial;
        font-size: 10pt;
        padding-top: 5px;
        padding: 10px, 10px, 10px, 10px;
        width: 220px;
        color:White;
        border-right: white 1px solid; 
    border-left: white 1px solid; 
    border-bottom: white 1px solid;
        }
a.menu_item, a.menu_item:link, a.menu_item:visited
{ 
 color: #FFFFFF;
}

a.menu_item:hover, a.menu_item:active
{ 
 text-decoration: underline;
 color: #ff8040;	
}
.dynamicmenu
{
    }
 .dynamicmenu_item
    {
        font-family: Arial;
        font-size: 10pt;
        padding-top: 5px;
        padding: 10px, 10px, 10px, 10px;
        color:#FFFFFF;
        border-right: white 1px solid; 
    border-left: white 1px solid; 
    border-bottom: white 1px solid;
    background-color:#336799;
        }
a.dynamicmenu_item, a.dynamicmenu_item:link, a.dynamicmenu_item:visited
{ 
 color: #FFFFFF;
}

a.dynamicmenu_item:hover, a.dynamicmenu_item:active
{ 
 text-decoration: underline;
  color: #ff8040;		
}
.trems14Grey {
	font-family: "Trebuchet MS";
	font-size: 14px;
	color:#555555;}
.trems16Grey {
	font-family: "Trebuchet MS";
	font-size: 16px;
	color:#555555;}
.trems18Grey {
	font-family: "Trebuchet MS";
	font-size: 18px;
	color:#555555;}
.trems14GreyBold {
	font-family: "Trebuchet MS";
	font-size: 14px;
	color:#555555;
	font-weight:bold;}
.trems16GreyBold {
	font-family: "Trebuchet MS";
	font-size: 16px;
	color:#555555;
	font-weight:bold;}
.trems18GreyBold {
	font-family: "Trebuchet MS";
	font-size: 18px;
	color:#555555;
	font-weight:bold;}
.trems12Blue {
	font-family: "Trebuchet MS";
	font-size: 12px;
	color:#0073A9;}
.trems14Blue {
	font-family: "Trebuchet MS";
	font-size: 14px;
	color:#0073A9;}
.trems16Blue {
	font-family: "Trebuchet MS";
	font-size: 16px;
	color:#0073A9;}
.trems18Blue {
	font-family: "Trebuchet MS";
	font-size: 18px;
	color:#0073A9;
	}
.trems14BlueBold {
	font-family: "Trebuchet MS";
	font-size: 14px;
	color:#0073A9;
	font-weight:bold;}
.trems14Bold {
	font-family: "Trebuchet MS";
	font-size: 14px;
	color:#000000;
	font-weight:bold;}
.trems12Bold {
	font-family: "Trebuchet MS";
	font-size: 12px;
	color:#000000;
	font-weight:bold;}
.trems16BlueBold {
	font-family: "Trebuchet MS";
	font-size: 16px;
	color:#0073A9;
	font-weight:bold;}
.trems16Bold {
	font-family: "Trebuchet MS";
	font-size: 16px;
	color:#000000;
	font-weight:bold;}
.trems18BlueBold {
	font-family: "Trebuchet MS";
	font-size: 18px;
	color:#0073A9;
	font-weight:bold;}
.trems16Red {
	font-family: "Trebuchet MS";
	font-size: 16px;
	color:Red;}
.trems16DarkBlueBold {
	font-family: "Trebuchet MS";
	font-size: 16px;
	color:#002060;
	font-weight:bold;}
.trems16DarkBlue {
	font-family: "Trebuchet MS";
	font-size: 16px;
	color:#002060;
}	
	
a.ms12TreLink
{
	font-family: "Trebuchet MS";
	font-size: 12px;
	color:#0073A9;}

.BoxBlueBorder {background-color:#FFFFFF;
    border: 1px solid #CDDEED;
    padding:10px;}
    
.BoxShade {background-color:#FFFFFF;
	border: 1px solid #CDDEED;}
	
.BoxNotice {background-color:#FFFFFF;
	border: 1px solid #EF0000;
	}
.BoxInfo{background-color:#FFFFFF;
	border: 1px solid #B3B3B3;
	}
.QuestionBoxShade {background-color:#FFFFEF;
	border: 1px solid #CDDEED;}
	
.AnswerRed {color:Red}
.AnswerOrange {color:Orange}
.AnswerGreen {color:Green}
.AnswerBoxRed {background-color:#FFA6A6;
	border: 1px solid #FF0000;}
.AnswerBoxGreen {background-color:#FFFFFF;
	border: 1px solid #CDDEED;}
.AnswerBoxOrange {background-color:#FEEEB7;
	border: 1px solid #FF6600;}
.AnswerBoxLightGrey {background-color:#F1F1F1;
	border: 1px solid #CECECE;}
        

/*Modal Popup*/
.modalBackground {
	background-color:White;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:1px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:350px;
}

