/**** Layout ****/

/* Frontpage */
#mainContentFrontpage {
	background: url("../../images/extranet/campaignBg.gif") repeat-y;
}

#frontpageCampaignText {
	background: url("../../images/extranet/campaignBgSmall.gif") repeat-y;
}

.campaignLeft {
	background: url("../../images/extranet/campaignLeftBg.gif") no-repeat;
}

.campaignMiddle {
	background: url("../../images/extranet/campaignMiddleBg.gif") no-repeat;
}

.campaignRight {
	background: url("../../images/extranet/campaignRightBg.gif") no-repeat;
}
/* Frontpage */

#footer, #footerInternational{
	background-color:#e4e2e3;
	color:#9a9a9a;		
}

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active  {
	color:#9a9a9a;		
	font-style:normal;
}

/**** /Layout ****/

#contentWide{
	float: left;
	width: 662px;				/*695*/
           /* width: 475px;*/
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 10px;
	background-color:#fff;
	overflow:hidden;	
}



/**** FONTS ****/
h3#headline{
	color:#717171;
}

h3.topic  {
	color:#9e9e9e;
	background-color:#e4e2e3;
	border-bottom:7px solid #f2eeed;
}

h3.campaignTopic {
	color:#999999;
}
/**** FONTS ****/

/**** Menu *****/

/* Topmenu */
#topMenu{
	background: url("../../images/extranet/topmenuBg.gif") repeat-x;
background-position:right top;
	height: 35px;
}

#topMenu ul li  a:hover, #topMenu ul li a:active {
	background: url("../../images/extranet/topMenuBgSelected.gif") no-repeat; 
	height: 35px;
}

#topMenu ul li.selected{
	background: url("../../images/extranet/topMenuBgSelected.gif") no-repeat;
	background-position:right top;
	height: 35px;

}

#topMenu ul li{
	background: url("../../images/extranet/blackLine.gif") no-repeat;
	background-position: right 1px;	
	height: 35px;
}

#topMenu ul li a:link, #topMenu ul li a:visited {
	color:#000;
	height: 35px;
}

#topMenu ul li  a:hover, #topMenu ul li a:active {
	color:#000;
	height: 35px;
}
/**** MENU ****/



/**** Styles ****/

/* News */

/*DON'T USE ANY MORE. TAKE FROM COUNTRY SITES CSS NOW
.newsTitle {
	background: url("../../images/extranet/yellowArrow.gif") no-repeat;
	background-position:0px 3px;
}

.newsTitle a{
	color:#a72c3a;
	font-size:11px !important;
}

.newsTitle a:hover{
	color:#999999;
	
}

.newsTitle a:active{
	color:#999999;


}*/


/**** /Styles ****/

a 
{font-family:	Verdana, Arial, Helvetica, Geneva, Helvetica;
    margin-top: 0px; 
    margin-bottom: 0px; 
 	text-decoration:none;	
}

 
a:link {
	color : #a72c3a;	
}     /* unvisited link */
a:visited {
	color : #a72c3a;	
	}  /* visited link */
a:hover {
	color : #999999;	
	}   /* mouse over link */
a:active {
	color : #999999;
	}   /* selected link */



/**** /links ****/

/*
-----------------------------------------------
Left menu
-----------------------------------------------
*/ 

/*DON'T USE ANY MORE. TAKE FROM COUNTRY SITES CSS NOW

#leftCol ul.leftMenu {
	margin:0px;
	padding:0px 0px 0px 15px;
}

#leftCol ul.leftMenu ul{
	margin:0px;
	padding:0px 0px 0px 0px;
}

#leftCol ul.leftMenu li.parent{
	margin:0px;
	padding:10px 0px 0px 15px;
	list-style-type:none;
	background: url("../../images/extranet/yellowCross.gif") no-repeat;
	background-position:0px 14px;	
}

#leftCol ul.leftMenu li.parent ul li{
	margin:0px;
	padding:9px 0px 0px 15px;
	list-style-type:none;
	background: url("../../images/extranet/yellowArrow.gif") no-repeat;
	background-position:0px 14px;	
}

#leftCol ul.leftMenu li.parent2{
	margin:0px;
	padding:10px 0px 0px 15px;
	list-style-type:none;
	background: url("../../images/extranet/yellowArrow.gif") no-repeat;
	background-position:0px 14px;	
}

.leftMenu a {
	font-size:10pt;
	font-weight:bold;
            
	
}

.leftMenu a.menuSelected {
	font-size:10pt;
	font-weight:bold;
	color : #999999;	
}

.leftMenu {
	overflow:hidden;
}
*/

/*
-----------------------------------------------
Header Menu
-----------------------------------------------
*/


#headerMenu a{
	color:#000000;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	text-transform:capitalize;	
	vertical-align:top;
}



#headerMenu a:link {
	color : #000000;	
}     /* unvisited link */
#headerMenu a:visited {
	color : #000000;	
	}  /* visited link */
#headerMenu a:hover {
	color : #ffd200;	
	}   /* mouse over link */
#headerMenu a:active {
	color : #ffd200;
}	
#navlist {
	margin-top: 2px;
}

/*
-----------------------------------------------
Header
-----------------------------------------------
*/
#header

{
    background-position:top-right;
}


.print
{
padding-right: 7px;
vertical-align: top;
    }
    
    
    /*
----------------------------------------------
Right menu /Submenu /Quick Links
-----------------------------------------------
*/  


#rightCol ul.submenu li{
	background: url("../../images/extranet/yellowArrow.gif") no-repeat;
	background-position:0px 4px;	
}

#login 
{
    /*border: 1px solid red;*/
    background: #fff;
}

/*
table
*/


.tableRow div
{
    font-size: 9px !important;
}

.headerRow div
{
    font-size: 10px !important;
    height: 84px;
}

.titleClass
{
    font-family: Verdana;
    font-size: 14px;
    font-weight: bold;
}

.headerRow
{
    margin-top: 30px;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    width: 662px;
}

.tableRow
{
    font-family: Verdana;
    font-size: 9px;
    width: 662px;
}

.tableRowBackground
{
    background: #cccccc;
}

.cell1
{
    float: left;
    border-right: solid 1px #e7e7e7;
    padding: 2px 2px 2px 2px;
    margin-right: 4px;
    width: 90px;
    height: 40px;
}

.cell2
{
    float: left;
    border-right: solid 1px #e7e7e7;
    padding: 2px 2px 2px 0px;
    margin-right: 4px;
    width: 95px;
    height: 40px;
}

.cell3
{
    float: left;
    border-right: solid 1px #e7e7e7;
    padding: 2px 2px 2px 0px;
    margin-right: 4px;
    width: 48px;
    height: 40px;
}

.cell4
{
    float: left;
    border-right: solid 1px #e7e7e7;
    padding: 2px 2px 2px 0px;
    margin-right: 4px;
    width: 112px;
    height: 40px;
}

.cell5
{
    float: left;
    border-right: solid 1px #e7e7e7;
    padding: 2px 2px 2px 0px;
    margin-right: 4px;
    width: 17px;
    height: 40px;
    text-align: center;
}

.cell6
{
    float: left;
    border-right: solid 1px #e7e7e7;
    padding: 2px 2px 2px 0px;
    margin-right: 4px;
    width: 17px;
    height: 40px;
    text-align: center;
}

.cell7
{
    float: left;
    border-right: solid 1px #e7e7e7;
    padding: 2px 2px 2px 0px;
    margin-right: 4px;
    width: 17px;
    height: 40px;
    text-align: center;
}

.cell8
{
    float: left;
    border-right: solid 1px #e7e7e7;
    padding: 2px 2px 2px 0px;
    margin-right: 4px;
    width: 17px;
    height: 40px;
    text-align: center;
}

.cell9
{
    float: left;
    border-right: solid 1px #e7e7e7;
    padding: 2px 2px 2px 0px;
    margin-right: 4px;
    width: 17px;
    height: 40px;
    text-align: center;
}

.cell10
{
    float: left;
    border-right: solid 1px #e7e7e7;
    padding: 2px 2px 2px 0px;
    margin-right: 4px;
    width: 17px;
    height: 40px;
    text-align: center;
}

.cell11
{
    float: left;
    padding: 2px 2px 2px 0px;
    margin-right: 4px;
    width: 135px;
    height: 40px;
}

.explainDiv
{
    width: 350px;
    font-size: 9px;
    border-width: 1px;
    border-style: solid;
padding: 5px 5px 5px 5px;
}

.explainDivheader
{
    font-size: 11px;
    color:#FFFFFF;
    font-weight: bold;
    background-color:#545353;
padding: 5px 5px 5px 5px;
  
}

.clearBoth
{
    clear: both; 
    height: auto !important;  
}