﻿html, body {
	margin: -2px 0 0 0;
}

ol, hr {
	margin: 0;
}

img {
    border: 0 none;
}

a {
	text-decoration: none;
	color: #00326E;
}

	a:hover {
		text-decoration: underline;
		color: #00326E;
	}

.portalMenuTab { 
		float:left;  		
}

.portalMenuTab a {
	vertical-align: bottom;
}

.headerContainer980Wide {
	position: relative;	
}

.container980Wide {	
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	/*width: 980px;*/
	margin-top: 5px;
}

#header {
	  border-style: none;
    border-color: inherit;
    border-width: 0;
	  margin: 0 0 10px 0;    
    left: 12px;
}

.floatLeft {
	float: left;
}

#headerMain {
	position: absolute;
	bottom: 10px;
	width: 780px;	
}

#logoDiv {
	position: absolute; 
	bottom: 0; 
	left: 0;
}

#mainNav {
	float: left;	
	margin-left: 160px;
	font-family: FrankRegular, Tahoma;
}

	#mainNav a {        
		text-decoration: none;
	}

		#mainNav a:hover {
			color: #00326E;
			 color: #9f2116;			 
		}

		#mainNav a.selected {
			color: #00326E;
		}

	/*#mainNav img {		
		margin: 0 25px 0 2px;
	}*/
	
	#secondaryNav {
	float: right;
	margin-top: 20px;
}
		
#search {
	border: solid 1px #c5c5c5;	
	float: right;
	padding: 2px;
	width: 180px;
  display: none; 
}

/* From WebControls.css in old WebControlProject - START */

#layoutBannerBlock { min-width:980px; }
.top_block { }

/* Themes */
.portal_theme_grey{ background-color:#4E4E4E; }
.portal_theme_white{ background-color:white;margin: 5px auto 0;width: 980px;  }

/* portal */
.portal_menu_container { width:440px;background: url('../images/navbar.gif') no-repeat; }
.portal_menu_container_v2 { width:440px;background-color:#D8D6D7; }
.portal_menu_lnk {  text-decoration:none; font-size: 18px;  color:#333333;} 
.portal_menu_lnk:hover {color: #00326e;}
.portal_menu_lnk_selected { color:#00326e; }
.portal_menu_lnk_selected:hover {color: #00326e;}
.portal_menu_lnk_unselected { color:#333333; text-decoration:none; }
.portal_menu_lnk_unselected:hover {color: #00326e;}
.portal_menu_tab { float:left; width:150px; }
.portal_menu_tab_lnk_block { }
.portal_menu_tab_bottom { line-height:8px; font-size:10px; background-color:Black; }
.portal_menu_tab_bottom_left { width:10px;float:left; }
.portal_menu_tab_bottom_center { background-color:Black;width:90px;float:left; }
.portal_menu_tab_bottom_right { width:10px;float:right; }

/* Tab control */
.tab_menu { line-height: 13px; }
.tab_menu li { margin-right:2px; display:inline; }

.tab_menu li a, .tab_menu li span
{
  padding:5px 15px;
  display:inline-block;
  background-color:#f6f6f6;
  color:#A5A5A5;
  font-weight:bold;
  cursor:pointer;
    
  -webkit-border-radius: 3px 3px 0px 0px;
  -moz-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;    
}

.tab_menu li a
{
    text-decoration:none;
    border:solid 1px #cecece; 
    border-bottom:none;
}

.tab_menu li span.selected { color:White; cursor:default; display:inline-block; border-bottom:none; }
.tab_menu li span.selected_red { background-color:#9F2115; border:solid 1px #9F2115; border-bottom:none; }
.tab_menu li span.selected_china_red { background-color:#E31B23; border:solid 1px #E31B23; border-bottom:none; }
.tab_menu li span.selected_blue {
   background-color:#3B6E8F;    
   border-bottom:none;
   border-color: #3B6E8F #3B6E8F -moz-use-text-color
}
.tab_menu li span.selected_green { background-color:#8BAEA2; border:solid 1px #8BAEA2;border-bottom:none; }
.tab_menu li span.selected_burgundy { background-color:#9E2316; border:solid 1px #9E2316;border-bottom:none; }
.tab_menu li span.selected_afrogreen { background-color:#00784B; border:solid 1px #00784B;border-bottom:none; }

/* Login control */

.login span { color:White; font-weight:bold; padding:5px; }
/*.login input[type='text'], input[type='password']
{
    border:solid 1px black;
    width:150px;
    padding:2px;
}*/

.login input[type='submit'] { height:22px; background:url('../images/login.gif'); border:none; }
a.logout { text-decoration:underline; }

a.forgotten_password
{
    /*color:White;*/
    text-decoration:none;
}

.flyOutMenuContainer
{ 
    display:none; 
    text-align:left; 
    color:#333333;
    font-family: Tahoma; 
    position:absolute;
    background-color:#e7e7e7;		
    z-index:99;
    
  -moz-box-shadow: 5px 5px 10px #b2b2b2; /* Firefox */
  -webkit-box-shadow: 5px 5px 10px #b2b2b2; /* Safari and Chrome */
  box-shadow: 5px 5px 10px #b2b2b2; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
  /*behavior: url('../../Content/css/PIE.htc'); /* This lets IE know to call the script on all elements which get the 'box' class */

	/*filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);*/
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#b2b2b2', Direction=135, Strength=4)
	-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
}

.flyOutMenuContainer .content {
	position: relative; /* This protects the inner element from being blurred */
	background-color: #e7e7e7;	
}

	.flyOutMenuContainer thead {
		font-size: 13px;
}

	.flyOutMenuContainer .subHeader {
		font-weight: bold;
}

.flyOutMenu a {
	font-size: 11px;
}
.flyOutMenu { padding: 10px; }
.flyOutMenu thead tr th { padding:5px 10px; text-align:left;}
.flyOutMenu tr hr { background-color: #b2b2b2;border: 0;height: 1px;margin-top: 5px;}
.flyOutMenu tbody tr td { vertical-align:top;}
.flyOutMenu tbody tr td  { padding-left: 15px;padding-right: 10px; }
#flyoutMenuSubLevel td { padding-left: 0;}

.flyOutMenu tbody tr td a { color:#333333; text-decoration:none; }
.flyOutMenuList {
  list-style-type:disc; 
  margin: 0 0 0 0;
  padding-left: 0;
  list-style: none;	
}
.flyOutMenuList li {
  padding-top:3px;   
  padding-left: 10px;
  background-image: url(../images/bullet.gif);
  background-repeat: no-repeat;
  background-position: 0em 1em;
	margin-bottom: 2px;
}
.flyOutMenuList li span { color:Gray; }
.flyOutMenuList li a { cursor:pointer; }

.clear{ clear:both;  }

.inactiveTabColour { background-color: #888 !important; }

.flyOutTopBar { height:50px; overflow:hidden; margin: 10px 0 0 20px; }
.flyOutTopBarStrip { background-color: #ddd; height:26px; margin: 12px 0 12px 0; width:96%}
.flyOutTopBarStrip .flyOutIcon { margin-top: -12px; float:left; }
.flyOutTopBarText { float:left; height: 26px; vertical-align:middle; margin: 5px 0 0 10px; font-size: 1.2em;}

.ftseWelcome {
	font-size: 11px;
}

#secondaryNav label {
	font-weight: normal;
}

#socialLinks {
	margin-bottom: 2px;
}

/* From WebControls.css in old WebControlProject - END */



/* Global footer - start */

#replacementFooter {
		width: 980px;
		height: 50px;
}

	#replacementFooter #leftCol {
		width: 300px;
		float: left;
	}

#replacementFooter #midCol {
		width: 380px;
		float: left;
		text-align: center;
	}

#replacementFooter #rightCol {
		width: 300px;
		float: left;
		text-align: right;
	}

.messageOuterContainer {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/* Global footer - end */