/* ABM website stylesheet for public section */

/* base styles */

BODY {
  padding: 0px;
  margin: 0px;
  background-color: #DBEDF7; /*#C6DEEF*/ }

FORM {
  margin: 0px; }

.page {
  text-align: center; }

#head, .content {
  width: 750px; }
  
DIV.searchBar 
    {
      background-color: #FFFFFF;
      border-left: solid 1px #000099;
      border-right: solid 1px #000099;
      width: 750px;
      height: 28px;
    }    
    
DIV.abmsearch {
  float: right;
  padding: 0px 0px 14px 0px;
  width: 600px;  
  text-align: right;
  
}

Span.searchcaption {
  margin: -4px 0px 0px 0px;
  padding: 0px 0px 16px 0px;
  width: 520px;  
  text-align: right;
  font-size: 8pt;
  color: #000099;
}

Span.searchlink {  
  color: Silver;
  font-style: italic;
}

.searchtext {
  width: 120px;
  height: 13px;
  margin: 4px 0px 0px 0px;
  padding: -12px 0px 0px 0px;
}

INPUT.searchbutton 
    {
    width: 60px;
    color: White;
    font-size: 9pt;
    height: 20px;
    background-color: #00007B;
    border: solid 1px #CECECE;
    margin: 4px 6px 0px 6px;
    padding: -12px 0px 0px 0px;
    font-weight: bold; 
    }

#head {
  z-index: -1;
  margin: 0px 0px 0px 0px;
  background-color: #ffffff; 
  border-right: 1px solid #000099;
  border-left: 1px solid #000099;
  text-align: left;
  align: center;
  margin: 0 auto;
  }
  
#top {
  width: 750px;
  height: 17px; 
  margin-top: 1px;
  padding: 4px 0px 2px 0px;
  background-color: #000099;
  color: white;
  text-align: left;
   }
  
#top A {
  color: white;
  text-decoration: none;
}

#top A.selected, #top A:hover {
  color: #cc0033;
  text-decoration: none; 
  }
 
.content {
  padding: 16px 0px 16px 0px;
  text-align: left;
  background-color: #FFFFFF;
  align: center;
  margin: 0 auto; 
  }

.content {
  border-right: 1px solid #000099;
  border-left: 1px solid #000099;
  border-bottom: 1px solid #000099;    
  }

.content-text {
 padding: 0px 32px 0px 32px;
}

.contentpop {
  padding: 0px 0px 0px 0px;
  text-align: left;
  background-color: #FFFFFF;
  align: center;
  margin: 0 auto; 
  }

.contentpop {
  border-right: 1px solid #000099;
  border-left: 1px solid #000099;
  border-bottom: 1px solid #000099;    
  }


#column {
 width : 231px;
 float : right;
 padding: 4px 16px 2px 16px;
 background-color: #ffffff; 
 }
 
#columntwo {
 width : 421px;
 float : left;
 padding: 4px 16px 2px 32px;
 background-color: #ffffff;   
 }

#column-picture {
  width: 220px;  
  padding: 0px 0px 0px 0px;
  border: 1px solid black; 
  background-color: #ffffff; }
  
#caption {
  width: 214px;
  height: 13px; 
  margin-top: 2px;
  margin-bottom: 8px;  
  padding: 4px 4px 4px 4px;
  font: 9pt arial,verdana,helvetica,sans-serif;  
  background-color: #000099;
  color: white;
  }  
  
#subsection {
  width: 231px;  
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: 1px solid #C6DEEF;
  background-color: #ffffff; 
}

#subsectionnews {
  width: 231px;  
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: 1px solid #C6DEEF;
  text-align: left;  
  background-color: #ffffff; 
}


#subsectiontwo {
  width: 421px;  
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: 1px solid #C6DEEF;
}

/* content styles */

BODY, INPUT, SELECT  {
  font-family : Arial, Geneva, Verdana, Helvetica, sans-serif;
  font-size : 9pt;
  line-height: 13pt; } 

P {
  margin: 0.5pc 0pc 0p.5pc 0pc; }
  
UL, OL {
  margin: 0.5pc 0pc 0.5pc 1.5pc;
  padding: 0px; }
  
LI {
  margin: 0pc 0pc 0pc 0pc;  }

H1, H3, H4 {
 font-style: bold;
 font-family : Arial, Geneva, Verdana, Helvetica, sans-serif;
 font-size : 12pt;   
 line-height: 15pt;
 margin: 0pc 0pc 1pc 0pc;
}

H2 {
 font-style: bold;
 font-family : Arial, Geneva, Verdana, Helvetica, sans-serif;
 font-size : 10pt;   
 line-height: 15pt;
 margin: 0pc 0pc 1pc 0pc; }
 
 P.caption{
	font-size : 7pt; 
}



TABLE, TD {
 margin : 0px 0px 0px 0px;
 font : 10pt Arial, Geneva, Verdana, Helvetica, sans-serif;
 font-family : Arial, Geneva, Verdana, Helvetica, sans-serif;
}

DIV.container TD, DIV.certificate TD {
	font : 10pt Arial, Geneva, Verdana, Helvetica, sans-serif;
	color : black;
	padding : 2px 2px 2px 2px;
}


TD.introText {
	font : 10pt Arial, Geneva, Verdana, Helvetica, sans-serif;
	color : White;
	margin : 0px 4px 0px 8px;

}

TD.boxText {
	font : 10pt Arial, Geneva, Verdana, Helvetica, sans-serif;
	color : black;
	margin : 0px 4px 0px 8px;
}

TH.label {
  font-style: bold;
	font : 10pt Arial, Geneva, Verdana, Helvetica, sans-serif;
	color : black;
  padding : 2px 2px 2px 2px;
}

TD.spacer {
	background-color : #C6E1F0;
	height: 3px;
}

DIV.error {
  font-style: bold;
	font : 10pt Arial, Geneva, Verdana, Helvetica, sans-serif;
	color : maroon;
  padding : 2px 2px 2px 2px;
}

TD.bodytext {
	font : 10pt Arial, Geneva, Verdana, Helvetica, sans-serif;
	color : black;
	padding : 16px 16px 4px 16px;
}

.mainbody {
	font : 10pt Arial, Geneva, Verdana, Helvetica, sans-serif;
	color : black;
	padding : 16px 16px 4px 16px;
}

INPUT.text-topbar {
	border-style : solid;
	border-color : gray; 
	border-width : 1;
	width: 60px;
	font-size : 9px;
	height: 16px; 
	font-family : arial, verdana, helvetica, sans-serif; }

INPUT.top-button  {
border-style : solid;
border-color : silver;
border-width : 0;
color : black;
font-size : 9px;
font-family : arial, verdana, helvetica, sans-serif;
height: 16px;
width: 20px; }

A { color: navy;
    text-decoration: none; }
A:hover { text-decoration: underline; }   

A.titlelink { 
    font-size : 10pt;
    color: white;
    text-decoration: none; }
A.titlelink:hover { text-decoration: underline; } 

H1.main {
 color: #3F3FB2;
}

SPAN.main {
	color: #3F3FB2;
}

TD.logout {
 font-size : 9px;
 color: white;
 }

/* Form Elements */

.flat-edit  {
border-style : solid;
border-color : black; 
background-color : white;
border-width : 1;
font-size : 8pt;
font-family : arial, helvetica, sans-serif; 
height: 18px; 
width: 120px;
} 



INPUT.flat-btn  {
border-style : solid;
border-color : black;
border-width : 1;
background-color : white;
color : black;
font-size : 8pt;
font-family : arial, helvetica, sans-serif;
height: 20px; }

TEXTAREA.textedit {

border-style : solid;
border-color : black; 
padding : 4 4 4 4;
border-width : 1;
overflow: hidden;
font-size : 8pt;
font-family : arial, helvetica, sans-serif; 
height: 45;
}

INPUT.smalltextedit {

border-style : solid;
border-color : silver; 
padding : 1 1 1 1;
border-width : 1;
font-size : 8pt;
font-family : arial, helvetica, sans-serif; 
}

TEXTAREA.answertext {

border-style : solid;
border-color : silver; 
padding : 4 4 4 4;
border-width : 1;
overflow: auto;
font-size : 8pt;
font-family : arial, helvetica, sans-serif; 
width: 95%;
height: 240;
}

/* everysite footer style */

DIV.footer {
 padding-left: 32px;
 clear: both; 
}

/* CASI Style */

DIV.certificate {
 padding: 8px;
 background: URL(/casi/images/bg_cert.gif);
 border: 1px solid #f0f0f0; }
    
DIV.certificate TD.title {
 font-size: 11px;
 vertical-align: middle; }

A.titlenav { 
    color: white;
    text-decoration: none;
    }
A.titlenav:hover { text-decoration: underline; }   

A { color: navy;
    text-decoration: none;
	font-weight: bold;
	 }
A:hover { text-decoration: underline; }   

.error {
    font-weight: bold;
    color: red; }
    
.label {
    font-weight: bold;
     }

/* link Divs */

DIV.progress TD, DIV.progress TABLE {
  	vertical-align: middle;
	  text-align : center;
    border: solid 1px black;
    border-collapse: collapse;
    font-size: 11px;
}     

DIV.progress TD.currentprogress {
 background-color: #CEDBFF;
 font-size: 11px; 
}   
     
/* Assessment Format Styles */

DIV.question-links {
 margin: 0px;
 padding: 5px;
 background-color: #CEDBFF;
 font-size : 10px;   
 border: 1px solid #003CC6;
 }

TABLE.bubble, TABLE.bubble TD {
padding: 0px;
font-size: 10px;
background-color: #ffffc0;
} 

/* Page Formating */

DIV.pictures {
  float: right; width: 242px;
  margin-bottom: 1pc; }
DIV.pictureframe {
  margin-top: 1.5pc;
  font: 7pt arial,verdana,helvetica; }
IMG.picture, .widetext TD IMG {
  display: block; margin: 4px 0px;
  border: 1px solid black; }
IMG.photoright {
  display: block; margin: 3px 0px 0px 10px;
  border: 1px solid #C6E1F0; }
IMG.photoleft {
  display: block; margin: 3px 10px 0px 0px;
  border: 1px solid #C6E1F0; }
  
DIV.nav-col {
	width: 250px;
	float: left;
	margin-left: -1px;
	padding: 4px;
}
		
DIV.content-col {
	padding: 4px;
	padding-left: 250px;
  }

DIV.nav-holder {
	padding : 4px;
}


DIV.small-nav-holder {
	padding : 1px;
  float: right;
}

DIV.small-nav-holder-holder {
	padding : 2px;
  width : 200px;
  float: right;
}

DIV.content-holder {
 	padding : 4px;
}

DIV.container {
  width: 95%;
 	padding : 4px;
}

.float { 
 	border : 1px solid Black; 
  width: 240px;
	font-family : arial,verdana,helvetica,sans-serif;
	font-size : 10px;  
}

.nav-float { 
 	border : 1px solid Black; 
  border-bottom : 0px;
  width: 94px;
	font-family : arial,verdana,helvetica,sans-serif;
	font-size : 10px;  
}

.content-float { 
 	border : 1px solid Black; 
	font-family : arial,verdana,helvetica,sans-serif;
	font-size : 10px;  
}

DIV.main-content, DIV.main-content TD, DIV.container, DIV.container TD { 
	/* background-color : White; */
  font-family : arial,verdana,helvetica,sans-serif;
	font-size : 11px;  
}

TD.float-content { 
	background-color : White;
}

/* Section Listing */

DIV.item {
  padding-left: 0px;
  font: 10pt arial,verdana,helvetica,sans-serif;
  margin-bottom: 6px; }
DIV.item A {
  font-weight: bold; }
SPAN.subitem {
  padding-left: 0px;
  font: 9pt arial,verdana,helvetica,sans-serif; }
DIV.heading {
  font: bold 12pt arial,verdana,helvetica,sans-serif; }
SPAN.subheading {
  font: bold 9pt arial,verdana,helvetica,sans-serif; }
    
.contact {
 width: 280px;
}

DIV.flashmenu {
 z-index: -1;
}

IMG.divider {
 position: relative;
 left: 91px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 border: 0px 0px 0px 0px;
}

IMG.divider-members {
 position: relative;
 left: 99px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 border: 0px 0px 0px 0px;
}

IMG.divider-transport {
 position: relative;
 left: 99px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 border: 0px 0px 0px 0px;
}

IMG.divider-markets {
 position: relative;
 left: 99px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 border: 0px 0px 0px 0px;
}

DIV.htmlmembers-menu {
 width: 750px;
 height: 35px;
 background-color: #000099;
 color: white;
 vertical-align : bottom;
 padding: 0px;
 margin: 0px;
}

DIV.htmlmenuitem {
  width: 92px;
  height: 35px; 
  position: relative;  
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
}

DIV.htmlmenuitem-hover {
  width: 92px;  
  height: 35px;
  background-color: #0000CC;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  position: relative;  
  float: left;     
}

DIV.htmlmenutext {
  color: white;
  font: bold 9pt arial,verdana,helvetica,sans-serif; 
  position: absolute;  
  margin: 0px 0px 0px 6px;
  bottom: 5px; }

DIV.htmlmenutext A { 
  color: white;
  text-decoration: none;
 	vertical-align : bottom; }
    
DIV.htmlmenutext A:hover {
  text-decoration: none; 
  vertical-align : bottom; } 

DIV.members-menu {
 width: 750px;
 height: 35px;
 background-color: #C00000;
 color: white;
 vertical-align : bottom;
 padding: 0px;
 margin: 0px;
}

DIV.transport-menu {
 width: 750px;
 height: 35px;
 background-color: #7A9246;
 color: white;
 vertical-align : bottom;
 padding: 0px;
 margin: 0px;
}

DIV.markets-menu {
 width: 750px;
 height: 35px;
 background-color: #1D59BD;
 color: white;
 vertical-align : bottom;
 padding: 0px;
 margin: 0px;
}

DIV.checker-menu {
 width: 750px;
 height: 35px;
 background-color: #2E65C2;
 color: white;
 vertical-align : bottom;
 padding: 0px;
 margin: 0px;
}

DIV.menuitem {
  width: 100px;
  height: 35px; 
  position: relative;  
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px; 
  float: left;
}

DIV.menuitem-hover {
  width: 100px;  
  height: 35px;
  background-color: #E50101;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  position: relative;  
  float: left;     
}

DIV.menuitem2-hover {
  width: 100px;  
  height: 35px;
  background-color: #4F79BF;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  position: relative;  
  float: left;     
}

DIV.menuitem3-hover {
  width: 100px;  
  height: 35px;
  background-color: #9DB563;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  position: relative;  
  float: left;     
}

DIV.menuitem4-hover {
  width: 100px;  
  height: 35px;
  background-color: #256FEB;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  position: relative;  
  float: left;     
}

DIV.menutext {
  color: white;
  font: bold 9pt arial,verdana,helvetica,sans-serif; 
  position: absolute;  
  margin: 0px 0px 0px 6px;
  bottom: 5px;
}

DIV.menutext A { 
    color: white;
    text-decoration: none;
   	vertical-align : bottom;
    }
    
DIV.menutext A:hover
 { text-decoration: none; 
   vertical-align : bottom;
 } 
 
 /* eblock control styles */

.ebQuickSearch {
  float: right;
  background-color: #C6DEEF;
  border: 1px solid black;
  margin-bottom: 8px;
  padding: 8px 4px 8px 8px; }
  
.ebPaging {
  clear: both;
  float: right; }
    
.ebDocumentList, .ebSectionList {
  clear: both; }
  
.ebDocumentList, .ebSectionList UL {
  list-style-type: none;
  margin-left: 5px; }
  
.ebDocumentList, .ebSectionList H6 {
  font-size: 10pt; font-weight: normal;
  margin: 0.2pc 0pc 0.5pc 0pc; }
  
.ebBookmark {
 padding : 0.5pc 0px 0.5pc 0px;
}

.ebBookmark H4 {
 font-style: bold;
 font-family : Arial, Geneva, Verdana, Helvetica, sans-serif;
 font-size : 10pt;   
 margin : 0px 0px 0px 0px;
}
 
.ebBookmark A {
  font-weight: normal; 
  }
 
TD.ebBookmark {
 padding : 0px 0px 0pc 0px;
 
 }
 
Table.ebBookmark {
 padding : 4px;
 
 }
 
 ebBookmark P {
 margin: 0pc 0pc 0pc 0pc; 
 
}

/* abm homepage link styles */

A.abmbutton 
{     
  text-decoration: none;
  font-size: 9pt;
  text-align: center;  
  color: #FFFFFF;
  width: 130px;
  display: inline-block;
  padding: 4px 2px 4px 2px;
  margin: 0px 0px 8px 0px;
  background-position: top; 
  background-color: #00007B;
  border: solid 1px #000000;
  cursor: hand;
   }
  
A.abmbutton:hover 
{
  color: #FFFFFF;
  text-decoration: none;    
  background-color: #000099;    
}


/* abm tab styles */

.abmtabset {
  margin: 0.5pc 0pc;
  height: 34px;
  border-bottom: solid 1px #c00000;
  clear: all;
  }
  
.abmtabset .tab {
  position: relative;
  top: 3px;
  margin-right: -1px;
  
  height: 24px;
  padding: 3px 4px 3px 8px;
  float: left;
  width: 33%;
  border: solid 1px #c00000;
  background-color: #ffc0c0;
  }
  
.abmtabset .selected {
  top: 1px;
  height: 24px;
  padding: 4px 4px 5px 8px;
  border-bottom: none;
  background-color: white;
  }

.abmtabset .tab A {
  color: #c00000;
  line-height: 17pt; }
  
.abmtabset .selected A {
  color: black; }
  
 abmtabset3 {
  margin: 0.5pc 0pc;
  height: 34px;
  border-bottom: solid 1px #c00000;
  clear: all;
  }
  
.abmtabset3 .tab {
  position: relative;
  top: 3px;
  margin-right: -1px;
  
  height: 24px;
  padding: 3px 4px 3px 8px;
  float: left;
  width: 30%;
  border: solid 1px #c00000;
  background-color: #ffc0c0;
  }
  
.abmtabset3 .selected {
  top: 1px;
  height: 24px;
  padding: 4px 4px 5px 8px;
  border-bottom: none;
  background-color: white;
  }

.abmtabset3 .tab A {
  color: #c00000;
  line-height: 17pt; }
  
.abmtabset3 .selected A {
  color: black; } 
 

.text {  
 width: 400px;
}
  
.longtext {
  width: 400px;
  height: 120px;
}

.button {
  width: 80px;
}

/* file type icons for document lists */

.ebDocumentList LI {
  background-image: url(/_formats/images/filetypes/file_unk.gif);
  background-repeat: no-repeat;
  background-position: left 2px;
  padding: 0px 0px 0px 20px; }
  
.ebDocumentList LI.docfile { background-image: url(/_formats/images/filetypes/file_doc.gif); }
.ebDocumentList LI.pdffile { background-image: url(/_formats/images/filetypes/file_pdf.gif); }
.ebDocumentList LI.txtfile { background-image: url(/_formats/images/filetypes/file_txt.gif); }
.ebDocumentList LI.jpgfile,
.ebDocumentList LI.jpefile, 
.ebDocumentList LI.giffile { background-image: url(/_formats/images/filetypes/file_jpg.gif); }
.ebDocumentList LI.xlsfile,
.ebDocumentList LI.xlwfile { background-image: url(/_formats/images/filetypes/file_xls.gif); }
.ebDocumentList LI.pptfile { background-image: url(/_formats/images/filetypes/file_ppt.gif); }
.ebDocumentList LI.mdbfile { background-image: url(/_formats/images/filetypes/file_mdb.gif); }
.ebDocumentList LI.zipfile { background-image: url(/_formats/images/filetypes/file_zip.gif); }

/* Questionnaire Styles */