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

/* emx_nav_left.css                            */

/* Use with template Halo_leftNav.html         */

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



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

/* HTML tag styles                             */

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

body{

	font-family: myriad, sans-serif;

	color: #333333;

	line-height: 1.166;	

	margin: 0px;

	padding: 0px;

	background: #cccccc url(images/bg_tile.gif) fixed;

}



/******* hyperlink and anchor tag styles *******/



a:link, a:visited{

	color: #005FA9;

	text-decoration: none;

}



a:hover{

	text-decoration: underline;

}



/************** header tag styles **************/



h1{

 font: bold 16px myriad, sans-serif;

 color: #334d55;

 margin: 0px;

 padding: 0px;

}



h2{

 font: bold 18px myriad, sans-serif;

 color: #006699;

 margin: 0px;

 padding: 0px;

}



h3{

 font: bold 14px myriad, sans-serif;

 color: #334d55;

 margin: 0px;

 padding: 0px;

}



h4{

 font: 18px myriad, sans-serif;

 color: #333333;

 margin: 0px;

 padding: 0px;

}



h5{

 font: 18px myriad, sans-serif;

 color: #334d55;

 margin: 0px;

 padding: 0px;

}





/*************** list tag styles ***************/



ul{

	list-style-type: disc;	

	

}



ul ul{

 list-style-type: disc;

}



ul ul ul{

 list-style-type: none;

}



/********* form and related tag styles *********/



form {

	margin: 0;

	padding: 0;

}



label{

 font: bold 1em myriad, sans-serif;

 color: #334d55;

}

				

input{

font-family: myriad, sans-serif;

}



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

/* Layout Divs                                 */

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

#pagecell1{

	position:absolute;

	top: 267px;

	left: 2%;

	right: 10%;

	width:750px;

	background-color: #ffffff;

}



#pagecell1l{

	position:absolute;

	top: 85px;

	left: 2%;

	right: 10%;

	width:750px;

	background-color: #ffffff;

}



#pagecadmin{

	position:absolute;

	top: 65px;

	left: 16px;

	right: 10%;

	width:750px;

	background-color: #ffffff;

}

#tl {

	position:absolute;

	top: -1px;

	left: -1px;

	margin: 0px;

	padding: 0px;

	z-index: 100;

}



#tr {

	position:absolute;

	top: -1px;

	right: -1px;

	margin: 0px;

	padding: 0px;

	z-index: 100;

}



#masthead{

	position: absolute;

	top: 9px;

	left: 2%;

	right: 10%;

	width:750px;

	

}



#pageNav{

	float: left;

	width:140px;

	padding: 0px;

	background-color: #F5f7f7;

	border-right: 1px solid #cccccc;

	border-bottom: 1px solid #cccccc;

	font: small myriad, sans-serif;

}



#content{

	padding: 0px 10px 0px 10px;

	margin:0px 0px 0px 140px;

	border-left: 1px solid #ccd2d2;

}



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

/* Component Divs                              */

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

#siteName{

	margin: 0px;

	padding: 0px 0px 2px;

	color: #ffffff;

	font-weight: normal;

}



/************* banner styles ****************/



#mainbanner {

	position: absolute;

	width: 750px;

	top: 86px;

	height: 180px;

	left: 2%;

	right: 10%;

	padding: 0px;

	margin: 0px;

	background-image:  url("images/mb_extension.gif");

}

#mbll  {

	position: absolute;

	top: 0px;

	left: 0%;

	right: 0%;

	}

#mbl {

	position: absolute;

	top: 0px;

	left: 0.1%;

	right: 0%;

}



#mbrr {

	position: absolute;

	top: 0%;

	right:0%;

}



/************** Flag styles *****************/



#flag{

	position: absolute;

	top: 19px;

	right: 200px;

}



/************** utility styles *****************/



#utility{

	font: 12px myriad, sans-serif;

	position: absolute;

	top: 15px;

	right: 0px;

	color: #000000;

	width: 400px;

}



#utility a{

	color: #000000;

}



#utility a:hover{

	text-decoration: underline;

}



/************** pageName styles ****************/

#softwaredownload{

	padding: 0px 0px 15px 10px;

	margin: 0px;

	border-bottom:1px solid #ccd2d2;

	text-align: right;

}



#pageName{

	padding: 0px 0px 15px 10px;

	margin: 0px;

	border-bottom:1px solid #ccd2d2;

}



#pageName h2{

	font: bold 20px myriad, sans-serif;

	color: #000000;

	margin:0px;

	padding: 0px;

}



#pageName img{
/*
	position: absolute;

	top: 0px;

	right: 6px;

	padding: 0px;

	margin: 0px;
*/
}



/************* globalNav styles ****************/



#globalNav{

position: relative;

width: 100%;

min-width: 640px;

height: 32px;

color: #cccccc;

padding: 0px;

margin: 0px;

background-image:  url("images/glbnav_background.gif");

}



#globalNav img{

	margin-bottom: -4px;

 

}



#gnl {

	position: absolute;

	top: 0px;

	left:0px;

}



#gnr {

	position: absolute;

	top: 0px;

	right:0px;

}



#globalLink{

	position: absolute;

	top: 6px;

	height: 22px;

	min-width: 640px;

	padding: 0px;

	margin: 0px;

	left: 10px;

	z-index: 101;

	width: 725px;

}



a.glink{

  	font-size: 11px;

  	color: #000000;

	font-weight: bold;

	margin: 0px;

	padding: 2px 3px 4px 2px;

	border-right: 1px solid #8FB8BC;

}



a.glink:visited{

  	font-size: 11px;

  	color: #000000;

	font-weight: bold;

	margin: 0px;

	padding: 2px 3px 4px;

	border-right: 1px solid #8FB8BC;

}



a.glink:active{

  	font-size: 11px;

  	color: #FF0000;

	font-weight: bold;

	margin: 0px;

	padding: 2px 3px 4px;

	border-right: 1px solid #8FB8BC;

}



a.glink:hover{

  	background-image:  url("images/glblnav_selected.gif");

	text-decoration: none;

}



.skipLinks {display: none;}



/************ subglobalNav styles **************/



.subglobalNav{

	position: absolute;

	top: 84px;

	left: 0px;

	/*width: 100%;*/

	min-width: 640px;

	height: 20px;

	padding: 0px 0px 0px 10px;

	visibility: visible;

	color: #000000;

}



.subglobalNav a:link, .subglobalNav a:visited {

	font-size: 12px;

	color: #000000;

}



.subglobalNav a:hover{

	color: #FF0000;

}



/*************** search styles *****************/



#search{

	position: absolute;

	top: 5px;

	right: 10px;

	z-index: 100;

}



#search input{

  font-size: 12px;

  margin: 0px  0px 0px 10px;

 }

 

#search a:link, #search a:visited {

	font-size: 12px;

	font-weight: bold;

	

}



#search a:hover{

	margin: 0px;

}





/************* breadCrumb styles ***************/



#breadCrumb{

	padding: 5px 0px 5px 10px;

	font: small myriad, sans-serif;

	color: #333333;

}



#breadCrumb a{

	color:  #005FA9;

	

}



#breadCrumb a:hover{

	color: #005FA9;

	text-decoration: underline

	

}





/************** feature styles *****************/



.feature{

	font-size: 12px;

	height: 130px;

	padding-top: 0px;

	padding-right: 5px;

	padding-bottom: 10px;	

}





html>body .feature {height: auto;}



.feature h3{

	font: bold 18px myriad, sans-serif;

	color: #000000;

	padding: 10px 0px 5px;

}



.feature img{

	float: left;

	padding: 10px 10px 0px 0px;

}



/*************** text styles ******************/

.text{

	font-size: 12px;

	text-align: justify;

	padding: 10px 0px 5px 0px;

}



.text h3{

	font: bold 18px myriad, sans-serif;

	color: #000000;

	padding: 10px 0px 5px 0px;

}



/*************** story styles ******************/



.story {

	padding: 10px 0px 0px 0px;

	font-size: 12px;

}



.story h5{

	font: bold 14px myriad, sans-serif;

	color: #000000;

	padding: 0px 0px 0px 0px;

	

}



.story h4{

	font: bold 18px myriad, sans-serif;

	color: #000000;

	padding: 0px 0px 0px 0px;

	

}

.story h3{

	font: bold 16px myriad, sans-serif;

	color: #000000;

	padding: 0px 0px 0px 0px;

	

}

.story h1{

	font: bold 16px myriad, sans-serif;

	color: #000000;

}







.story a.storytable{

	font: bold 1em myriad, sans-serif;

	color: #005FA9;

	display:block;

	padding-bottom: 5px;

	

}



.story a.storytable:hover{

	text-decoration: underline;

}



td.storyLeft{

	padding-right: 12px;

}

/************** HOMEPAGE STORY1 styles ****************/

.homepagestory {

	padding: 15px 0px 0px;

	font-size: 12px;

}





.homepagestory img{

	color: #005FA9;

	padding-bottom: 0px;

	text-align: right;

	padding-top: 0px;

	padding-right: 10px;

	padding-left: 10px;	

}





/************** siteInfo styles ****************/



#siteInfo{

	clear: both;

	border-top: 1px solid #cccccc;

	font-size: 11px;

	color: #333333;

	padding: 5px;

	margin-top: -1px;

	background-color: #FFFFFF;

	height: 22px;	

}



#siteInfo img{

	padding: 4px 4px 4px 0px;

	vertical-align: middle;

}





/************ sectionLinks styles **************/



#sectionLinks{

	margin: 0px;

	padding: 0px;



}



#sectionLinks h3{

	padding: 5px 0px 5px 0px;

	border-bottom: 1px solid #cccccc;

	color: #333333;

	background-image: url(images/glbnav_background.gif);

	text-align: center;

}



#sectionLinks h4{

	padding: 5px 0px 5px 0px;

	border-bottom: 1px solid #cccccc;

	color: #FF0000;

	background-image: url(images/glbnav_background.gif);

	text-align: center;

}



#sectionLinks a:link, #sectionLinks a:visited {

	display: block;

	border-top: 1px solid #ffffff;

	border-bottom: 1px solid #cccccc;

	background-image:  url("images/bg_nav.jpg");

	font-weight: bold;

	padding: 3px 0px 3px 10px;

	color: #21536A;

}



#sectionLinks a:hover{

	border-top: 1px solid #cccccc;

	background-color: #DDEEFF;

	background-image: none;

	font-weight: bold;

	text-decoration: none;

	}

/************ HOMEPAGEsectionLinks styles **************/



#homesectionLinks{

	margin: 0px;

	padding: 0px;



}



#homesectionLinks h3{

	padding: 5px 0px 5px 0px;

	border-bottom: 1px solid #cccccc;

	color: #333333;

	text-align: center;

}



#homesectionLinks h4{

	padding: 5px 0px 5px 0px;

	border-bottom: 1px solid #cccccc;

	color: #FF0000;

	text-align: center;

}



#homesectionLinks a:link, #homesectionLinks a:visited {

	display: block;

	border-top: 1px solid #ffffff;

	border-bottom: 1px solid #cccccc;

	font-weight: bold;

	padding: 3px 0px 3px 10px;

	color: #21536A;

}



#homesectionLinks a:hover{

	display: block;border-top: 1px solid #cccccc;

	font-weight: bold;

	padding: 3px 0px 3px 10px;

	text-decoration: none;

	color: #333399;

}

/************* relatedLinks styles **************/



.relatedLinks{

	margin: 0px;

	padding: 0px 0px 10px 10px;

	border-bottom: 1px solid #cccccc;

}



.relatedLinks h3{

	padding: 10px 0px 0px 0px;

}



.relatedLinks a{

	display: block; 

}





/**************** advert styles *****************/



#advert{

	padding: 5px;

	background-color: #FFFFFF;

}



#advert img{

	display: block;

}



/********************* end **********************/

table.homepagebanner {

	background-image: url(banners/homepage_banner.jpg);

	background-repeat: no-repeat;

	background-position: left top;

}

h1.banner {

	font-size: 24px;

	font-weight: bold;

	color: #000000;

}
/*--------------CSS CODE FOR DISTRIBUTORS LOGIN-------------------------------*/
#login-box
{
	float:right;
	width:195px;	
	margin-left:25px;
	margin-top:10px;
}
#login
{
	background-color:#F0F4F7;
	border:1px solid #A1B7C6;
}
#login h5
{
	font-size:16px;
	font-weight:800;
	text-align:center;
	margin-top:4px;
	margin-bottom:4px;
	color:#21536A;
}
input 
{
	font-family:"trebuchet ms", verdana, arial, helvetica, sans-serif;
	font-size:12px;
	color:#444444;
}
label 
{
	font-family:"trebuchet ms", verdana, arial, helvetica, sans-serif;
	font-size:12px;
	display: block; 
	font-weight: normal;
}
input 
{
	border: #ccd 1px solid; 
	padding: 0.1em; 
	background-color: #FFFFFF;
}
div.iLoginText
{
	width:60px;
	float:left;
	padding:5px;
}
div.iLoginControl
{
	float:left;
	padding:5px;
}
div.iButton
{
	clear:left;
	margin-left:75px;
	margin-bottom:10px;
}