/* CSS Document */

/*************************/
/* Strip browser defaults */
/*************************/
*{
margin: 0;
padding: 0;
}

body,input,select,textarea,option{
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size: 8pt;
}

table{
border-collapse:collapse;
}

p,h1,h2,h3,h4,h5,h6{
padding: 0 0 5px 0;
}

option{
padding: 1px 2px;
margin: 0 10px 0 0;
}

h1,h2,h3,h4,h5,h6{
font-weight:bold;
}

h1{
font-size:12pt;
}

h2{
font-size:11pt;
}

h3{
font-size:10pt;
}

h4{
font-size:9pt;
}

h5{
font-size:8pt;
}

h6{
font-size:7pt;
}

.lrg{
font-size:14pt;
font-weight:normal;
}

.xlrg{
font-size:18pt;
}

.sml{
font-size:9px;
}

hr{
border: 0;
height: 1px;
} 

/********************************************************************************************/
/* position div items */
/********************************************************************************************/

.mini_logo_con{position:absolute; top: 26px; left: 258px; width:18px; height:18px;}

/* coloured bar added by evert */

.group_bar{font-weight:bold;padding: 3px 10px;font-size:1em;line-height:1.1em; text-align:left;margin-left:165px; background: #f00;color:#fff;border-bottom: 1px solid #fff;}

.group_tel_con{float:right;font-size:11px;padding-right:15px;}

.group_bar_bdy{font-weight:bold;padding: 3px 10px;font-size:1em;line-height:1.5em; text-align:left;background: #f00;color:#fff;border: 1px solid #000;}

/* end coloured bar added by evert */

.ct{
padding: 5px;
}



.main_con{
text-align:left;
width:100%;
height: 600px;
position:relative;

}

html>body .main_con{
height:auto;
min-width:1000px;
min-height:600px;
}

.head_con{
height: 113px;
}

.head_r{
position: absolute;
right:15px;
width: 440px;
margin: 40px 0 0 0;
text-align:right;
}

.nav_con_r{
float:right;
width: 300px;
}

.leftnav_con{
width: 147px;
position: absolute;
top: 150px;
left: 0px;
}



.leftnav_con input{
width: 122px;
}

.leftnav_con img{
margin: 1px 0;
}

.center_con{
width: 510px;
font-size: 8pt;
line-height: 12pt;
padding:20px 0 20px 160px;
float:left;
}

.home_center_con{
font-size: 8pt;
line-height: 12pt;
padding:170px 160px 20px 160px;
float:left;
}

.right_con{
font-size: 8pt;
/*margin: 30px 30px 0 720px;
margin: 0 30px 0 720px; */
padding:20px 0 0 15px;
width: 250px;
float:left;
}


.headerbar{
height: 28px;
width:100%;
background: #003366;
margin-bottom:10px;
width:1000px;
}

html>body .headerbar{width:auto;min-width:1000px;}

.headerbar img{
margin: 7px 0 0 0;
}

.headerbar select{
margin: 8px 0 0 0;
}

.image_con{
/* margin: 15px 30px 10px 180px */;
margin: 0 0 10px 0;
height: 120px;
}

.right_con h2{
font-size: 10pt;
font-weight: bold;
padding: 5px 5px 2px 0;
}

.right_nav{
list-style:none;
}

html>body .right_nav{
margin: 0 0 10px 0;
}

.right_nav li{
width: 100%;
}

.right_nav li a{
padding: 5px 5px 5px 35px;
text-decoration:none;
display:block;
color: #003366;
cursor:pointer;
font-weight:bold;
height: 1px;
}

html>body .right_nav li a{
height: auto;
min-height: 1px;
}

/* news navigation */

.news_nav{
list-style:none;
}

html>body .news_nav{
margin: 0 0 10px 0;
}

.news_nav li{
width: 100%;
}

.news_nav li a{
padding: 4px 5px;
text-decoration:none;
display:block;
cursor:pointer;
height: 1px;
font-size:0.9em;
}

html>body .news_nav li a{
height: auto;
min-height: 1px;
}



.latest_nav li a{
padding: 2px 5px 2px 30px;
text-decoration:none;
display:block;
color: #003366;
cursor:pointer;
margin: 0 0 2px 0;
width: 460px;
}

.latest_nav li{
display:block;
width: 100%;
float:left;
}

.doc_nav li a{
padding: 2px 5px 2px 30px;
text-decoration:none;
display:block;
color: #003366;
cursor:pointer;
margin: 0 0 2px 0;
width: 460px;
}

.doc_nav li{
display:block;
width: 100%;
float:left;
}

.chart_nav li a{
padding: 2px 5px 2px 30px;
text-decoration:none;
display:block;
color: #003366;
cursor:pointer;
width: 460px;
margin: 0 0 2px 0;
}

.chart_nav li{
display:block;
width: 100%;
float:left;
}

.section_con,.sectiongrey_con{
margin: 0 0 5px 0;
padding:0;
}

.news_con{
margin: 0 0 5px 0;
padding:0;
}

.semi_con,.reg_con{
margin: 0 0 5px 0;
}

.latest_con{
margin: 10px 0 0 0;
padding: 10px 0 0 0;
}

.tab1{
width: 99%;
}

.tab1 td, .tab1 th{
padding: 3px 5px;
}

a img{
border: 0;
}

.home_activity_con{
width: 510px;
}

.activity_con, .home_activity_con, .section_con, .sectiongrey_con, .news_con{
height: 1px;
margin: 0 0 5px 0;
}


html>body .activity_con, html>body .home_activity_con, .section_con, .sectiongrey_con,  html>body .news_con{
height: auto;
min-height: 1px;
}

.activity_con h2, .section_con h2,.reg_con h2, .home_activity_con h2,.sectiongrey_con h2, .news_con h2{
font-size: 8pt;
display:block;
padding: 4px 0 0 15px;
height: 19px;
}

.activity_con h2 span,.section_con h2 span,.reg_con h2 span, .home_activity_con h2 span,.sectiongrey_con h2 span, .news_con h2 span{
display:block;
float:right;
width: 20px;
height: 20px;
position:relative;
top:-4px;
}

.activity_nav{
list-style:none;
}

.activity_nav li{
float:left;
}

.activity_nav li a{
display:block;
width: 160px;
height:20px;
padding: 2px 5px;
float:left;
background: #f00;
text-align:center;
text-decoration:none;
font-weight:bold;
}


/* report nav */

.report_nav{
list-style:none;
}

.report_nav li{
float:left;
}

.report_nav li a{
display:block;
width: 115px;
height:20px;
padding: 2px 5px;
float:left;
background: #f00;
text-align:center;
text-decoration:none;
font-weight:bold;
}

.farright_con{
width: 120px;
position: absolute;
right :10px;
}


/*************************/
/* Button Classes */
/*************************/
.button1{
float:left;
width:80px;
height: 20px;
border: 0;
font-weight: bold;
font-size: 8pt;
cursor: pointer;
}

/*************************/
/* General Layout Classes */
/*************************/

.ct{
padding:5px;
}


.leftnav_con div.ct{
padding: 0 5px 0 10px;
}

.clr{
clear:both;
height: 1px;
line-height: 1px;
}

.row{
margin: 0 0 3px 0;
}

.bld{
font-weight:bold;
}

.itc{
font-style:italic;
}

.fl{
float:left;
}

.fr{
float:right;
}

.fn{
float:none;
}

.tl{
text-align:left;
}

.tr{
text-align:right;
}

.tj{
text-align:justify;
}

.tc{
text-align:center;
}

.nodisp{
display:none;
}

/********************************************************************************************/
/* navigation items */
/********************************************************************************************/

.navclr{
clear:both;
}


.leftnav_con ul{
list-style:none;
}

.leftnav_con h2{
font-size: 10px;
line-height: 14px;
font-weight: normal;
color: #fff;
text-align:center;
padding: 2px 0;
}

/********************************************************************************************/
/* compressed form classes */
/********************************************************************************************/

/* used for the label javascript */
.label_precomp{
clear:left;
margin-right: 5px;
}

.label_comp{
display:block;
padding: 2px;
width:100px;
margin-right: -105px;
float:left;
font-style:italic;
}

/********************************************************************************************/
/* form and label classes */
/********************************************************************************************/

.label2{
float:left;
width: 120px;
padding: 3px 0 0 0;
margin: 0 3px 3px 0;
text-align:right;
}

.l1{
float:left;
width: 62px;
padding: 3px 0 0 0;
margin: 0 12px 3px 0;
text-align:right;
}

.input3{
width: 200px;
padding: 2px 5px;
margin: 0 3px 3px 0;
font-size: 9pt;
}

.i3{
width: 150px;
padding: 1px 3px;
margin: 0 3px 3px 0;
font-size: 9pt;
}

.c1{
float:left;
margin: 0 3px 0 0;
}

/********************************************************************************************/
/* showDivs */
/********************************************************************************************/

.table2 td, .table2 th{
font-size: 9px;
padding: 2px 5px;
border: 1px solid #636e8a;
}

.table2 th{
background: #98ccfe;
}

.table2 th.col1, table2 td.col1{
background:#666698;
color: #fff;
border-bottom: 1px solid #fff;
}

.bold{
font-weight:bold;
}

.seminarbtn{
display:block;
width: 250px;
height:90px;
}

.newsbtn{
display:block;
width: 123px;
height:36px;
}

.bulletinbtn{
display:block;
width: 123px;
height:37px;
}

.recruitbtn{
display:block;
width: 123px;
height:73px;
}

.greybox{
margin: 0 0 20px 0;
}

.greybox_content{
padding: 0 10px;
}

.greybox_tl,.greybox_bl{
height: 20px;
}

.greybox_tr, .greybox_br{
height: 20px;
width: 20px;
float:right;
}

.focusbox{
width: 330px;
}

.focusbox div.ct{
padding: 10px;
}

.focusbox ul{
float:right;
}

.focusbox li{
margin: 0 0 0 25px;
}

.focusbox_bottom{
width: 330px;
height: 6px;
}

.tool_nav{
list-style:none;
}

.tool_nav li{
float:left;
}

.tool_nav li a{
display:block;
width: 103px;
height: 48px;
padding: 12px 0 0 0;
margin: 10px 5px 10px 0;
float:left;
text-align:center;
font-weight:bold;
text-decoration:none;
font-size: 1.5em;
}

.searchinput{
float:left;
width: 411px;
padding: 2px 5px;
}

.btn75{
position:relative;
top: -6px;
float:left;
border: 0;
width: 75px;
height: 30px;
}

/* Right Nav Bar */
.RNBBox
{
	width: 125px;
	margin: 0 0 15px 0;
}

.RNBContent
{
	position: relative;
	width: 115px;
	left: 10px;
}

.RNBContent ul{
list-style:none;
}

.RNBBottom
{
	position: relative;
	top: 5px;
}


/*old stuff*/
/*-------------------------------------*/
/* Designers Styles							*/
/*-------------------------------------*/
	.tab{
		color: navy;
		background-color: white;
		position: absolute;
		text-align: center;
		z-index: 2;
		padding: 0;
		cursor: pointer;
	}
	.panel1{
		position: relative;
		z-index: 1;
		visibility: hidden;
		color: navy;
		padding: 0 0;
		overflow: visible;
		left: auto;
		top: -10px
	}
	.panel2{
		position: relative;
		z-index: 2;
		visibility: hidden;
		color: navy;
		padding: 0 0;
		overflow: visible;
		left: auto;
		top: -168px;
		}
		
		/* Used in divs that surround data in the company reports section of the right navbar */
.HSCSR			{font: normal 11px/13px Verdana, Arial, Helvetica, sans-serif; color: #000000; overflow: auto; height: 150px;}

.std_button		{  font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #000000; background-color:#42BAFF; cursor: pointer  }
/* End of designers styles */


.homeTitle{font-size:9pt;}

#divTeaser{float:left;width:235px;}
#divTeaser01{float:left;width:505px;}

#divtoshow{}

.soapbox_intro{font-size:1.2em;line-height:1.5em;font-weight:bold;margin-bottom: 1em;}
.soapbox_lft{width:140px;float:left;margin-right:10px;}
.soapbox_rgt{width:355px;float:left;margin-bottom:50px;}
.soapbox_rgt div.ct{padding:0 0 0 10px;}
.soapbox_hd{width:505px;height:198px;margin-bottom:10px;}
.soapbox_issue{width:505px;margin-bottom:10px;font-weight:bold;}
.soapbox_disclaimer{margin-bottom:10px;color:#999;}
.qt_l{display:block;float:left;width:30px;height:30px;margin-right:15px;}
.qt_r{display:block;float:right;width:30px;height:30px;}


/* participants con */
.participants_con{height:300px;overflow-y:auto;padding:10px;margin: 0 0 10px 0;border: 1px solid #999;}

.participants_con p.intro{font-weight:bold;margin: 0 0 1em 0;}
.participants_news_con{width:210px;margin: 0 30px 0 0;float:left;}
.participants_list_con{width:220px;float:left;}


.participants_list{list-style:none;margin:0;}
.participants_list li{margin: 0 0 10px 0;}
.participants_list li div{width:152px;margin:10px 10px 0 0;float:left;}
.participants_list li img{width:58px;float:left;}



.headerlist{
list-style:none;
margin:0;
padding:0;
float:left;
}

.headerlist li{
font-weight:bold;
font-size:10px;
padding:5px;
margin:0 7px 0 0;
width:105px;
height:100px;
line-height:14px;
float:left;
}

.headerlist2012{
list-style:none;
margin:0;
padding:0;
float:left;
}

.headerlist2012 li{
font:normal 12px/15px Arial, Helvetica, sans-serif;
padding:7px;
margin:0 5px 0 0;
width:107px;
height:102px;
line-height:1px;
overflow:hidden;
text-indent:-999em;
float:left;
}





.title {
font-weight:bold;
font-size:17px;
text-transform:uppercase;
margin:3px 0 0 0;
}

.boxlist{
list-style:none;
margin:0 0 10px 0;
padding:0;
float:left;
}

.boxlist li{
font-weight:normal;
font-size:10px;
margin:0 3px 0 4px;
width:160px;
height:228px;
line-height:16px;
text-align:center;
float:left;
}

.boxlist li a{
display:block;
padding:8px;
text-align:center;
text-decoration:none;
height:212px;
}