﻿.tabControl
{
    font-family:Verdana, Arial, Courier New;
    font-size: 12px;
    color:Gray;    
    border-color: White;
}

.iFrame
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border: none;
	width: 100%;
	height: 700px;
	overflow: hidden;
}

.panel
{
	height: 0px;
	width: 100%;
	text-align: center;
	vertical-align: middle;	
}

/* The header blocks */
.header 
{		
	float: left;
	width: 100%; 
	height: 22px;         	
	font-size: 12px; 
	font-weight: bold;
	margin-bottom: 2px;
	padding-left: 2px;
	cursor: pointer;
}

.headerBlue { background-color: #010033; color: White; }
.headerLevel1 { background-color: #E0E0E0; color: White; }
.headerLevel2 { background-color: #C7C7C7; color: White; }
.headerLevel3 { background-color: #A1A1A1; color: White; }
.headerSubmit { background-color: #A1A1A1; color: White; }

.toolsBlock
{	
	float: left;
	width: 100%; height: 100%;     	
	color: Black; border: solid 1px; border-color: Black;
	padding: 5px; margin-top: 5px; margin-bottom: 5px;
}

.toolsBlockLink
{	
	float: left;
	width: 33%;  height: 125px;       		
	border: 0; 	padding: 5px; margin-top: 0px; margin-bottom: 5px;
}  
.toolsBlockDesc
{	
	float: left;
	width: 64%;  height: 125px;       		
	border: 0; 	padding: 5px; margin-top: 0px; margin-bottom: 5px;
}  

.question
{
	float: left;
	width: 65%;
	margin-top: 2px;
}

.readMore
{
	float: right;
	vertical-align: top;
	text-align: right;	
	width: 34%;
	margin-top: 2px;
}



/* The content blocks */
.dataBlock
{	
	float: right;
	width: 145px;         	
	color: Black;
	border: solid 1px; 
	border-color: Black;
	padding: 5px;            
    margin-right: 15px;
    margin-bottom: 2px;
}  

.metaBlock
{	
	float: right;
	width: 145px;         	
	color: Black;
	border: solid 1px; 
	border-color: Black;
	padding: 5px;            
    margin-right: 15px;
    margin-bottom: 2px;
}     

/* The arrows */
.arrowBox 
{         		
	height: 17px;		
	border-color: White;	
	text-align: center;
	vertical-align: top;		
}
   
   
.infoBox
{
	float: right;
	width: 99%; 
}

/* The block sizes */
.blockLarge { height: 200px; min-height:200px; padding-top: 0px; }
.blockMedium { height: 140px; min-height: 140px; }
.blockSmall { height: 100px;  min-height: 100px; }

/* The block colors */
.blockDATRAS { background-color: #BDD8FF; }
.blockOcean { background-color: #8ABBFF; }
.blockENV { background-color: #579DFF; }
.blockIC { background-color: #247FFF; }

.blockSD { background-color: #BDD8FF; }
.blockCSR { background-color: #8ABBFF; }
.blockCodes { background-color: #579DFF; }
.blockQA { background-color: #247FFF; }

.blockDownload { text-align: center; vertical-align: top; }


/* General formatting */
h4
{
	font-family: Verdana, Arial, Courier New;
	font-weight: bold;
	font-size: 12px;
	margin: 5px 0px 5px 0px;
	bottom: 20px;
}

p 
{ 
	font-family: Verdana, Arial, Courier New;
	font-size: 12px;
}        
.listItem 
{  	
	position: inherit;	
	margin: 0 0 0 0;	
	padding: 0 0 0 15px; 
	list-style-type: disc;
	font-size: 12px;
}
BulletedList
{
	position: inherit;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 12px;
}
.img 
{ 
	border-style: none; 
	border: none; 
}
	
a img  
{
	border-color: inherit;
	border-width: medium;
	border-style: none;
	/*height: 37px;
	width: 62px;*/
}




/* ajax__tab_lightblue-theme theme (images/lightblue.jpg) */
.ajax__tab_lightblue-theme .ajax__tab_header 
{
    font-family:Verdana, Arial, Courier New;
    font-size: 12px;
    border-bottom:solid 5px #c2e0fd;
}
.ajax__tab_lightblue-theme .ajax__tab_header .ajax__tab_outer 
{
    background:url(images/lightblue.jpg) #d8d8d8 repeat-x;
    margin:0px 0.16em 0px 0px;
    padding:1px 0px 1px 0px;
    vertical-align:bottom;
    border:solid 1px #a3a3a3;
    border-bottom-width:0px;
}
.ajax__tab_lightblue-theme .ajax__tab_header .ajax__tab_tab
{    
    color:#000;
    padding:0.35em 0.75em;    
    margin-right:0.01em;
}
.ajax__tab_lightblue-theme .ajax__tab_hover .ajax__tab_outer 
{
    background: url(images/lightblue.jpg) #bfdaff repeat-x left -1300px;
}
.ajax__tab_lightblue-theme .ajax__tab_active .ajax__tab_tab 
{
    color:#FFF;
    background-color: Green;
}
.ajax__tab_lightblue-theme .ajax__tab_active .ajax__tab_outer
{
    /* background:url(images/lightblue.jpg) #ffffff repeat-x left -1400px; */
    background:url(images/lightblue.jpg) Green repeat-x left -1400px;
}
.ajax__tab_lightblue-theme .ajax__tab_body 
{
    font-family:Verdana, Arial, Courier New;
    font-size:10pt;
    padding:0 0;
    background-color:#ffffff;    
    /*border:solid 1px #808080;*/
    border: none;
    margin-top: 12px;
}
