/*@charset "utf-8";*/
/* CSS Document */

/*---------------Popup images----------------*/


#info {
	border: 1px solid #C2C7BE;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 12px;
	padding: 0px 0px 0px 0px;
	position: relative;
}

#info a, #info a:visited {
	color: #8A9483;
	text-decoration: none;
}

#info a:hover {
	color: #9BA495;
	text-decoration: underline;
}

#pic {
	left: 0px;
	position: relative;
	top: 0px;
	width: auto
}

#pic a .large {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
}

#pic a img {
	border: 0;
}

#pic a.p1, #pic a.p1:visited {
	background: #FFFFFF;
	border: 1px solid #000000;
	display: block;
	height: auto;
	left: 0;
	text-decoration: none;
	top: 0;
	width: auto;
}

#pic a.p1:hover {
	background-color: #8C97A3;
	color: #000000;
	text-decoration: none;
}

#pic a.p1:hover .large {
	border: 1px solid #000000;
	display: block;
	width: auto;
	height: auto;
	left: -500px;
	position: absolute;
	top: -200px;
}

/*popup image styles over*/

/* ************************************************************ */
/* ************************************************************ */
/* Server styles */
p  {
	font: Arial;
	font-size: 13px;
	font-weight: normal;
	color: #000000;
}

td class{
	font: Arial;
	font-size: 16px;
	font-weight: bold;
	color:#165788;
}

h3{
	font: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
}


h2
{
   font-family: Arial; 
   font-size: 16px; 
   font-weight: bold; 
   color: #165788; 
}
h1
{
   font-family: Arial; 
   font-size: 16px;
   font-weight: bold; 
   color: #165788; 
}

/*
a:link {
   Font: Arial;
   Font-weight: bold;
   color: #165788
}
a:hover {
   Font: Arial;
   Font-weight: bold;
   color: #FF6D22
}
*/

/* ************************************************************ */
/* ************************************************************ */
/* New styles - large components (3 columns width or more) and main page area. */
/* The list below defines styles used in the main areas of page content and within components which span three columns or more */

.MarkitSubHeading
{
  Font: Arial;
  Font-size: 16px;
  Font-weight: bold;
  Color: #165788;
}

.MarkitSubHeading a:hover
{
  Color: #FF6D22;
}


.MarkitSubHeadingLink
{
  Font: Arial;
  Font-size: 16px;
  Font-weight: bold;
  Color: #165788;
}

.MarkitSubHeadingLink:hover
{
  Font: Arial;
  Font-size: 16px;
  Font-weight: bold;
  Color: #FF6D22;
}

.MarkitPageIntroText
{
  Font: Arial;
  Font-size: 13px;
  Font-weight: bold;
  Color: #165788;
}

.MarkitSubSubHeading
{
  Font: Arial;
  Font-size: 13px;
  Font-weight: bold;
  Color: #000000;
}

.MarkitBodyText
{
  Font: Arial;
  Font-size: 13px;
  Font-weight: normal;
  Color: #000000;
}

.MarkitBodyTextWithALinkapplied-NormalState
{
  Font: Arial;
  Font-size: 13px;
  Font-weight: bold;
  Color: #165788;
}

.MarkitBodyTextWithALinkapplied-NormalState a:hover
{
  Color: #FF6D22;
}

.MarkitBodyTextWithALinkApplied-RollOver a:hover
{
  Color: #FF6D22;
}

.MarkitBodyTextWithALinkApplied-RollOver
{
  Font: Arial;
  Font-size: 13px;
  Font-weight: bold;
  Color: #FF6D22; 
}

.MarkitBodyTextLink
{
  Font: Arial;
  Font-size: 13px;
  Font-weight: bold;
  Color: #165788;
}

.MarkitBodyTextLink:hover
{
  Font: Arial;
  Font-size: 13px;
  Font-weight: bold;
  Color: #FF6D22;
}

.MarkitLoginLargeLink
{
  Font: Arial;
  Font-size: 13px;
  Font-weight: bold;
  Color: #FFFFFF;
}

.MarkitLoginLargeLink:hover
{
  Font: Arial;
  Font-size: 13px;
  Font-weight: bold;
  Color: #FF6D22;
}


.MarkitLoginSmallLink
{
  Font: Arial;
  Font-size: 11px;
  Color: #FFFFFF;
}

.MarkitLoginSmallLink:hover
{
  Font: Arial;
  Font-size: 11px;
  Color: #FF6D22;
}

/* ***************************************************************** */
/* ***************************************************************** */

/* ***************************************************************** */
/* ***************************************************************** */
/* New styles - small components (less than 3 columns) */
/* The list below defines styles used in the main areas of page content and within components which span three columns or more. */

.SmallComponentTitles
{
  Font: Arial;
  Font-size: 13px;
  Font-weight: bold;
  Color: #165788;
}

.SmallComponentLinksAndHeadings
{
  Font: Arial;
  Font-size: 11px;
  Font-weight: bold;
  Color: #165788;
}

.SmallComponentLinksAndHeadings:hover
{
  Font: Arial;
  Font-size: 11px;
  Font-weight: bold;
  Color: #FF6D22;
}

.SmallComponentTextBoldBlack
{
  Font: Arial;
  Font-size: 11px;
  Font-weight: bold;
  Color: #000000;
}

.SmallComponentBodyText
{
  Font: Arial;
  Font-size: 11px;
  Font-weight: normal;
  Color: #000000;
}

/* ***************************************************************** */
/* ***************************************************************** */

/* ***************************************************************** */
/* ***************************************************************** */
/* New styles - footer */

.SmallTextBlue
{
  Font: Arial;
  Font-size: 11px;
  Font-weight: normal;
  Color: #165788;
}

.FooterNav
{
  Font: Arial;
  Font-size: 11px;
  Font-weight: bold;
  Color: #165788;
}

.FooterTextGrey
{ 
  Font: Arial;
  Font-size: 9px;
  Font-weight: normal;
  Color: #585756;
}

.FooterTextBlue
{
  Font: Arial;
  Font-size: 9px;
  Font-weight: bold;
  Color: #165788;
}

.FooterTextBlue:hover
{
  Font: Arial;
  Font-size: 9px;
  Font-weight: bold;
  Color: #FF6D22;
}

/* ***************************************************************** */
/* ***************************************************************** */

/* ***************************************************************** */
/* ***************************************************************** */
/* New styles - form fields: new styles required */
/* The styles listed below are for the form field text and objects text */

.TopNavDropDown
{
  Font: Arial;
  Font-size: 11px;
  Font-weight: bold;
  Color: #165788;
}

.DropDownListText
{
  Font: Arial;
  Font-size: 9px;
  Font-weight: normal;
  Color: #000000;
}

/* ***************************************************************** */
/* ***************************************************************** */

/* ***************************************************************** */
/* ***************************************************************** */
/* New styles */

.RadioButton
  {
  border-width:1px;
  border-color:#c3d3df;
  border:1px solid; 
  width:12px;
  height:12px;
  }
/*you only get rounded corners when viewing on a mac*/
/*this link explains css corners:  http://www.456bereastreet.com/lab/styling-form-controls-revisited/checkbox/  */
.CheckBox {
	
	}
	
.InputFormField {  
	font: Arial;
	border:0;
    height: 18px;
    width: 114px;	
	}
	
/* Text Box with Rounded Corners: */	
.TextEntryField {  
	font: Arial;
	border:0;
    height: 18px;
    width: 114px;	
}
	
.DropDownSelection {  
	font: Arial;
	border:0;
    height: 18px;
    width: 250px;
}
.selectdropdown{
 width: 250px;
	}
	
/*Begin LeftNavStyles*/
.LeftNavHeader {
	font:Arial;
	font-size:13px;
	font-weight: bold;
	color: #165788;
	float: right;
	margin-top: 9.5px;
	margin-right: 12px;
	}
	
.LeftNavMainContainer {
	font: Arial;
	font-size: 11 px;
	font-weight: bold;
	}

.LeftNavLinks {
	font: Arial;
	font-size: 11 px;
	font-weight: bold;
	padding-bottom: 10px;
	color: #FF6D22;
	}

.LeftNavLinksBottom {
	font: Arial;
	font-size: 11 px;
	font-weight: bold;
	color: #FF6D22;
	}
/*End LeftNavStyles*/
/* ***************************************************************** */
/* ***************************************************************** */
/* Old Styles */



.tablelist2
{
	font:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:8pt;
	line-height: 16pt;
	text-align: right;
}

/*******************************************************************************************************************************/

body
{
        background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 8pt;
        text-align: center;
	margin-top: 0px;
	margin-right:50px;
	margin-left:50px;
	color: #005482;
	border-left: 20px;
	border-right: 20px;
        border-color: #FFFFFF;
        margin-bottom:0px;
}

input
{
    font-family:Verdana,Arial, Helvetica, sans-serif;
    font-size:small; 
}

select
{
    font-family:Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

#MainContainer
{
    border: 0px solid black;
    height: 100%;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-top:auto;
    padding-top:0px;
    background-color: white;    		
    border-left: 1px black solid;
    border-right: 1px black solid;
    height:auto;
}

#InnerContainer
{
    border: 0px solid black;
    width: 920px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    padding-top:0px;
}

#HeaderContainer
{
    width: 920px;
}

#HeaderLeft
{
    border: 0px solid black;
    background-color:white;
    float:left;
}


#HeaderRight
{
    background-color:white;
    float:right; 
    text-align:right; 
}

#HeaderDate
{
   font: Arial;
   font-size: 10px;
   font-weight: bold;
   color: #165788;
}

#DateTimeContainer		
{
    width:100%;	
    text-align: right;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 7.5pt;			
    color: #005482;		
}

#TitleContainer		
{
    text-align: right;	
    margin-top:22px;	
    text-align:right;					
}

#MenuContainer
{
    width: 100%;
    height: 20px;
    background-color:white;
    vertical-align:bottom;
    margin-top:40px;
}

.NavMenu		
{
    float:left;
    margin-left:-5px;
    margin-top:0px;
    font-weight: bold;
}

#SearchContainer
{
    text-align: right;
    float:right;
    width:235px;
    margin-top:-30px;
}

#SearchLabel
{
    float:left;
}

#SearchInput
{
    padding: 2px 0 0 8px;
    float:left;				
}

.SearchTextBox
{
    font-family:Arial, Helvetica, sans-serif;
    font-size: 8pt;
    width:149px;
}

#TopBannerContainer
{
    background-color: white;	
    margin-top: 25px;
}

#WelcomeBanner
{
    float:left;
    border: 0px solid black;
    margin-top:0px;
}

#WelcomeBanner #internal
{
    width:733px;
    height:120px;
}

#MiddleSection1
{
    border:solid 0px lime;
    width:100%;
    margin-top:12px;
}

#MiddleSection2
{
    border:solid 0px lime;
    width:100%;
    margin-top:12px;
    float:left;
}

#SalesAndSupportContainer
{
    float:right;
    margin-top:0px;
}


#LoginContainerButton img
{
    height:46px;
    width:172px;
    float:right;
}

#ContactSalesContainer img
{
    height:30px;
    width:172px;
    float:right;
    margin-bottom:7px;
}

#ContactSupportContainer img
{
    height:30px;
    width:172px;
    float:right;
    margin-bottom:7px;
}

a 
{
    color: #005482;			
    text-decoration: none;				
}

#MoreNewsContainer a:hover
{
    text-decoration:underline;	
    color: #005482;						
}

#FooterSection
{
    padding-top:34px; 
    text-align:center;	
    border:0px solid lime;
    padding-bottom:15px;
    width:100%;
}

#FooterMoreInfo 
{
    font-size: 9px;	
}		

#FooterNavContainer
{
    font-weight: bold;
    padding-top:8px;	
}

#FooterCopyright 
{
    font-weight:normal;
    padding-top:8px;
    color: #595766;
    font: Arial;
    font-size: 9px;		
}

#FooterBottomLinks 
{
    font-weight:bold;
    padding-top:8px;			
    color: #166788;
    font: Arial;
    font-size: 9px;	
}

.SearchTextBox
{
    width:147px;
}

.NavMenu
{
    margin-right:0px;
}

.SearchTextBox
{
    width:143px;
}

.top1
{
    background-image:  url(../images/columnBox/1top.gif);
    width:172px; 
    height:30px; 
    background-repeat:no-repeat;
}

.side1
{
    background-image:url(../images/columnBox/1side.gif); 
    background-color:transparent; 
    padding:12px 12px 12px 12px;
    background-repeat:repeat-y;
    text-align:left;
}

.bottom1
{
    background-image:url(../images/columnBox/1bottom.gif); 
    width:172px; 
    height:auto; 
    background-repeat:no-repeat;
    margin-bottom:-10px;
}

.top1 img
{
    padding:8px 0px 0px 12px;
}

.top2
{
    background-image:  url(../images/columnBox/2top.gif);
    width:359px; 
    height:30px; 
    background-repeat:no-repeat;
}

.side2
{
    background-image:url(../images/columnBox/2side.gif); 
    background-color:transparent; 
    padding:12px 12px 12px 12px;
    background-repeat:repeat-y;
    text-align:left;
}

.bottom2
{
    background-image:url(../images/columnBox/2bottom.gif); 
    width:359px; 
    height:auto; 
    background-repeat:no-repeat;
    margin-bottom:-10px;
}

.top4
{
    background-image:  url(../images/columnBox/4top.gif);
    width:733px; 
    height:auto; 
    background-repeat:no-repeat;
}

.side4
{
    background-image:url(../images/columnBox/4side.gif); 
    background-color:transparent; 
    padding:12px 12px 12px 12px;
    background-repeat:repeat-y;
    text-align:left;
    height:100%;
    width:700px;
}

.bottom4
{
    background-image:url(../images/columnBox/4bottom.gif); 
    width:733px; 
    height:30px; 
    background-repeat:no-repeat;
    margin-bottom:-10px;
}

.top4 img
{
    padding:8px 0px 0px 12px;
}


#MiddleSection2 .side1
{
    height:126px;
    width:148px;
}

/************************************************************************************************************************************************/

.top3
{
    background-image:  url(../images/columnBox/3top.gif);
    width:546px; 
    height:30px; 
    background-repeat:no-repeat;
}

.side3
{
    background-image:url(../images/columnBox/3side.gif); 
    background-color:transparent; 
    padding:12px 12px 12px 12px;
    background-repeat:repeat-y;
    text-align:left;
}

.bottom3
{
    background-image:url(../images/columnBox/3bottom.gif); 
    width:546px; 
    height:auto; 
    background-repeat:no-repeat;
    margin-bottom:-10px;
}

.top3 img
{
    padding:8px 0px 0px 12px;
}


#FooterSection_enh
{
    padding-top: 40px;			
    text-align:center;	
    border:0px solid lime;
    margin-bottom:50px;
    margin-top:0px;
}



/*#leftmenu {*/
/*  color: #525252;*/
/*  text-align: justify;*/
/*  margin: 0;*/
/*  padding: 0px;*/
/*  width: 330px;*/
/*  height: 400px;*/
/*  min-height: 400px;*/
/*  font: Arial;*/
/*  font-size: 10 px;*/
/*  font-weight: bold;*/
/*}*/

html>body #leftmenu {
  height: auto;
}

#leftmenu ul {
  list-style-type: none;
}

#leftmenu ul li {
  margin: 0.5em 0;
}

#leftmenu ul li a {
  margin: 0.5em 0;
  padding-left:15px;
}

#leftmenu a:hover {
  color: #FF6D22;
  text-decoration:none;	
}

#leftmenu ul li div {
  padding-left:15px;
}

#leftmenu ul li ul {
  margin-left: 10px;
}

#leftmenu a:selected {
  color: #FF6D22;
  font-weight: bold;
}

#leftmenu ul li li a {
  background:none !important;
}


#leftmenu ul li.expanded ul {
 display:none;
}

#leftmenu ul li.collapsed ul {
 display:none;
} 

.breadcrumb a
{
 font: Arial;
 font-weight: bold;
 color: #165788;
 font-size: 10px;
}

.breadcrumb a:hover
{
 color: #FF6D22;
}


.breadcrumb-current
{
 font: Arial;
 font-weight: bold;
 color: #FF6D22;
 font-size: 10px;
}

.breadcrumb-separator
{
 color: #165788;
}

/* DATA TABLES */
table.datatable {border-collapse: collapse; border: 2px solid #ffffff; margin-top: 2px; margin-bottom: 2px; }
.datatable td, .datatable th {border: 2px solid #ffffff; font-size: 11px; text-align:left; }
.datatable th {padding: 3px; background-color:#c3d3df; color:#165788; font-weight:bold; font-family: Arial, Helvetica, sans-serif; }
.datatable td {border: 2px solid #ffffff; color: #000000; background-color:#edf1fa; padding: 3px; vertical-align: top; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
.datatable td.lowlight{background-color:#e3e9f5;}
.datatable td.inactive{ color: #999; }
.datatable td a{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #165788; font-weight: bold; text-decoration:none;}
.datatable td a:hover{color:#ff6d22}
.datatable td.inactive a:active,
.datatable td.inactive a:visited{ color: #999; }
.datatable th a,
.datatable th a:active,
.datatable th a:visited,
.datatable th a:active:visited,
.datatable th a:active:hover  { color: #fff; display: block; height: 30px; }
/*end datatable */

h4 
{
color:#165788; 
font-weight:bold; 
font-family: Arial, Helvetica, sans-serif; 
width:515px;
font-size:13px;
margin-bottom:5px;
}

.datalists select
{
width:525px;
border: solid 1px #CCCCCC;
font-size:11px;
}
/* end data list*/