﻿#info {background:#f8f8f8; border:0;}
 
/* ================================================================ 
This copyright notice must be untouched at all times.
 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
 
.menu
{
	/*width: 630px;*/
	height: 32px;
	position: relative;
	z-index: 100;
	border-right: 1px solid #000;
	font-family: Arial, 'MS Sans Serif' , Verdana;
	padding-left: 7.9px;
	border-right-style: none;
}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:800px; width:800px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:75px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:75px;position:relative; }
/* style the links for the top level */
.menu a
{
	font-family: Arial;
	border-style: none;
	border-color: #000;
	display: block;
	font-size: 12px;
	text-decoration: none;
	color: #fff;
	width: 75px;
	height: 34.009px;
	background: #09c;
	text-align :left ;
	padding-left: 8px;
	line-height: 29px;
	font-weight: bold;
	background-image: url(  '../images/Index_07.jpg' );
}
.menu a:visited
{
	cursor:pointer;  
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:75px; width:75px;}
 
/* style the second level background */
/*.menu ul ul a.drop, .menu ul ul a.drop:visited
{
	background: #d4d8bd no-repeat 100px center;
}*/
/* style the second level hover */
/*.menu ul ul a.drop:hover
{
	background: #c9ba65 no-repeat 100px center;
}*/
/*.menu ul ul :hover > a.drop
{
	background: #c9ba65 no-repeat 100px center;
}*/
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#DFEFFF;}
/* style the third level hover */
.menu ul ul ul a:hover
{
	background: #EAEAEA;
}
.menu ul ul a:hover
{
	background: #C4C4C4;
}
 
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul
{
	visibility: hidden;
	position: absolute;
	height: 0;
	top: 34px;
	left: 10px;
	width: 149px;
	border-top-width: 1px;
	border-top-color: #000000;
}
/* another hack for IE5.5 */
/* html .menu ul ul {top:30px;top:31px;}
 
/* position the third level flyout menu */
.menu ul ul ul{left:230px; top:0px; width:100px;}
 
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}
 
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}
 
/* style the second level links #d4d8bd*/
.menu ul ul a
{
	border-style: none none groove none;
	border-width: 1px;
	border-color: #333300;
	text-decoration: none;
	background: #DFEFFF;
	height: 18px;
	line-height: 1.2em;
	color: Black;
	padding: 9px 5px 7px 5px;
	width: 220px;
	vertical-align: middle;
}
/* yet another hack for IE5.5 */
/* html .menu ul ul a, * html .menu ul ul a:visited {width:200px;width:200px;}
/* style the top level hover 
.menu a:hover, .menu ul ul a:hover{color:#000; }
.menu :hover > a, .menu ul ul :hover > a {color:#000;}*/


.tdback
{
	background-image: url( '../images/Index_07.jpg' );
}
 
 
 .style15 {color: #335386;
	font-size: 18px;
	font-family: Arial;
	font-weight: bold;
}
.style16 {
	font-family: Arial;
	font-size: 14px;
	color:#335386; 
}
.style18 {color: #6079B1;
	font-family: Arial;
	font-size: 14px;
}
body {
	background-color: #C1CACF;
}
.style21 {
	font-size: 15px;
	color: #FFFFFF;
	font-family: Arial;
	font-weight: bold;
}

.style22
{
	background-position:6px; 
	font-family: Arial;
	color: #FFFFFF;
	font-weight: bolder;
	font-size: 15px;
	height: 30px;
	background-image: url(   '../images/Index_41.jpg' );
	background-repeat: repeat-x;
	width:852px; 
}
.style23
{
	font-family: Arial;
	background-color: #FFFFFF;
	color: #335386;
	font-weight: normal;
	height: auto;
	font-size:12px; 
	
}
.style24
{
	font-family: Arial;
	background-color: #006699;
	color: #FFFFFF;
	height:20px;
	width:900px;  
}

.style25
{
	font-family: Arial;
	background-image: url( '../images/Index_37.jpg' );
	height: 27px;
	width: 270px;
}
.style26
{
	font-family: Arial;
	background-image: url('../images/Index_38.jpg' );
	height:27px;
	width:436px; 
}
.style27
{
	font-family: Arial;
	background-image: url('../images/Index_40.jpg' );
	height:27px;
	width:277px;  
}
p
{
	line-height:20px;
	word-spacing:2px;  
	text-align:justify;
	
}

.divopen
{
	font-weight: bold;
	color: #335386;
	font-style: normal;
	text-decoration: underline;
	cursor: pointer;
	font-family: Arial;
	font-size:13px; 
}

.divHeading
{
	font-weight: bolder;
	font-family: Arial;
	color: #335386;
	font-style: normal;	
	font-size:14px; 
}
.divSubHeading
{
	font-weight: bolder;
	font-family: Arial;
	color: #335386;
	font-style: normal;	
	font-size:12px; 
}

.divopen:hover
{
	color: #0099CC;
}


.divopen span {
    display:none;
    padding:2px 3px;
    margin-left:8px;
    width:130px;
}

.divopen:hover span
{
	font-family: Arial;
	display: inline;
	position: absolute;
	background: #BEBEBE;
	border: 1px solid #E8E8E8;
	color: #FFFFFF;
	font-size: 10px;
}

.tdbackgrougimageleft
{
	background-image: url(  '../images/Index_15.jpg' );
	background-repeat: repeat-y;
	width:30px; height:auto;
}
.tdbackgrougimageright
{
	background-image: url( '../images/Index_17.jpg' );
	background-repeat: repeat-y;
	width:30px; height:auto;
}
.ContentDivBackImg
{
	background-repeat: no-repeat;
	color: White;
	background-image: url( '../images/index_50.jpg' );
}

.Infotable
{
	border: 1px solid #1C2E4A;
	color:#335386; 
}
.ContentDivBlueBack
{
	background-repeat: no-repeat;
	color: White;
	background-image: url( '../images/index_51.jpg' );
	font-weight:bold ; 
}

.ClientContentDiv
{
	background-repeat: no-repeat;
	background-image:none;
	
}
.Blueheading
{
	background-color: #335386;
	color:White;
	font-weight:bold;
	font-size: medium;
	font-family:Arial;
}
.ContentDivBackImg
{
	background-repeat: no-repeat ;
	color: White;
	background-image: url( '../images/index_53.jpg' );
}

.divrelated
{
		font-weight: bold;
	color: #335386;
	font-style: normal;
	text-decoration: underline;
	cursor: pointer;
	font-family: Arial;
	font-size:13px; 
}

.divrelated:hover
{
	color: #0099CC;
}


.divrelated span {
    display:none;
    padding:2px 3px;
    margin-left:8px;
    
    
}

.divrelated:hover span 
{
	font-family: Arial;
	display: inline;
	position: absolute;
	font-size: 10px;
	color: #335386;
	top:383px;
	left:840px;
}

.divPower
{
	background-image: url(  '../images/Index_57.jpg' );
	color: #FFFFFF;
	font-weight: bold;
	font-family: Arial;
	background-repeat:no-repeat ; 
}

.divCarrers
{
	background-image: url(  '../images/Index_58.jpg' );
	color: #FFFFFF;
	font-weight: bold;
	font-family: Arial;
	background-repeat:no-repeat ;
	font-size:13px; 
}


.Bulletiions
{
	list-style-type:none;  
	line-height:20px;
}

.Blueback
{
	background-color: #335386;
	color: #FFFFFF;
	font-weight: bolder;
	font-family:Arial;  
	font-size: 13px;
}
.Grayback
{
	background-color: #F8F8F8;
	color: #335386;
	font-family: Arial;
}

.GrapicalImageBar
{
	background-color: #3E6EA8;
	color: White;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	padding-left: 10px;
}
.DarkGrayback
{
	background-color: #CFCFCF;
	color: #335386;
	font-family: Arial;
}
#remotespan
{
		font-weight: bold;
	color: #335386;
	font-style: normal;
	text-decoration: underline;
	cursor: pointer;
	font-family: Arial;
	font-size:13px; 
}

#remotespan:hover
{
	color: #0099CC;
}


#remotespan span {
    display:none;
    padding:2px 3px;
    margin-left:8px;
    
    
}

#remotespan:hover span 
{
	font-family: Arial;
	display: inline;
	position: absolute;
	font-size: 10px;
	color: #335386;
	top:418px;
	left:840px;
}
#divEmpRelated
{
		font-weight: bold;
	color: #335386;
	font-style: normal;
	text-decoration: underline;
	cursor: pointer;
	font-family: Arial;
	font-size:13px; 
}

#divEmpRelated:hover
{
	color: #0099CC;
}


#divEmpRelated span {
    display:none;
    padding:2px 3px;
    margin-left:8px;
    
    
}

#divEmpRelated:hover span 
{
	font-family: Arial;
	display: inline;
	position: absolute;
	font-size: 10px;
	color: #335386;
}

.NewsIframe
{
	font-family: Arial;
	font-size: 10px;
	line-height: 20px;
	color: White;
	text-decoration: none;
}
.NewIframe:Hover
{
	
}

.ContentIframe
{
	background-color:White;
	font-family:Arial ;
	color: #335386;
	font-size:12px;  
	width :605px;  
	
	
}
.divProducts
{
	cursor:pointer;
	
}

.divProducts span
{
	display: none;
	padding: 1px;
	width: 190px;
}

.divProducts:hover span
{
	font-family: Arial;
	display: inline;
	position: absolute;
	background: #FFFFFF;
	border: 1px solid #335386;
	color: #335386;
	font-size: 10px;
	
}

.TreeStruct
{
	cursor:pointer;
}
.TreeStruct:hover
{
	cursor: pointer;
	color: #1B2C47;
	text-decoration: underline;
}

.liststyle
{
	margin-bottom:10px;
	line-height:20px;
	text-align:justify;
	
}

.EqFormDiv
{
/*border:solid 2px #b7ddf2;
background:#ebf4fb;*/
}
.button1{ 
		clear:both;
		background:#888888;
		color:#FFFFFF;
		border:solid 1px #666666;
		font-size:11px;
		font-weight:bold;
		padding:4px 6px;
	}
	
.Fromlabel
{
display:block;
font-weight:bold;
/*text-align:left;*/

}


.Frombutton{
clear:both;
margin-left:150px;
width:125px;
height:31px;
background:#666666 url( '../Images/button.png' ) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
float:left;
}

.FormTextbox
{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:200px;
/*margin:2px 0 20px 10px;*/
}

.form
{	
	/*background-color: #ebf4fb;*/
	width:700px; 
	
}

.spacer{clear:both; height:10px;}	

.MPEPanelBack
{
		/*display:none ; */
}

 .modalBackground
{
	background-color: #CCCCCC;
	filter: alpha(opacity=70);
	opacity: 0.7;
    -moz-opacity: .50;
   
} 
    .modalPopupHide
{
	background-color: #FFFFFF;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 3px;
	width: 250px;
	visibility:hidden ;
}
    
    .modalPopupShow
{
	background-color: #FFFFFF;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 3px;
	width: 250px;
	visibility:visible ;
}

.StyleISO
{
	border: thin solid #FFFFFF;
	font-family: Calibri;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	font-weight: bolder;
}


.divISO
{
	cursor:pointer;

}

.divISO span
{
	display: none;
	padding : 1px;
	
}

.divISO:hover span
{	
	display:inline-table ; 
	position :absolute ;
	right:170px;
	top:95px;  
}