/* 
   standard.css
   
   Assured Produce website
   Standard Stylesheet
*/
 
/* common styles */

.page {
  width: 600px;
}

BODY, HTML, TD {
  font: 9pt/12pt arial,helvetica,sans-serif;
 	 }
  
BODY {  
  margin: 1px 0px 0px 1px; 
  background-image: url(../images/background.gif);  
   }
   
BODY, HTML {
  height: 100%; }   
       
P {
  margin: 0pc 0pc 0.7pc 0pc; }
  
FORM {
  margin: 0px;
  padding: 0px; }
  
INPUT, SELECT {
  font: 8pt arial,helvetica,sans-serif; }
  
H1 {
  color: maroon;
  margin-bottom: 4px;  
  font-size : 12pt;
  font-weight: bold; 
  }

H2 {
  color: maroon;
  margin-bottom: 4px;  
  font-size : 10pt;
  font-weight: bold; 
  }  
  
H4 {
  margin-bottom: 4px;  
  font-size : 10pt;
  font-weight: bold; 
  }
  
.apLabel {
  font: 9pt/12pt arial,helvetica,sans-serif;
  font-weight: bold;   
}

.error {
  font: 9pt/12pt arial,helvetica,sans-serif;
  color: red;  
  margin: 0px 0px 5px 0px; }

HR {
 color: maroon;
 height: 1px;
}

DIV.boxout 
{  
  margin: 12px 0px 12px 0px;
  width: 710px;
  background-color: #F1D296;
  border: 1px solid #800000;
  padding: 4px 4px 4px 4px; 
  background-position: top;
  background-repeat: repeat-x;
}

.boxout label 
{
  font-size: 8pt;
  padding: 0px 0px 12px 0px;
  font-weight: bold;
}

.boxout P {
  padding: 2px 0px 2px 0px;
  margin: 0px 0px 0px 0px;
  }
  
.boxout H2 {
  padding: 2px 0px 2px 0px;
  margin: 0px 0px 0px 0px;
  font-size: 10pt;
  }  

/* home page styles */

DIV.side, DIV.main {
 height: 2000px;
 float: left;
 margin : 0px 0px 0px 0px;
} 

DIV.page {
 height: 100%;
 width: 705px;
 margin : 0px 0px 0px 0px;
 padding : 0px 0px 0px 0px; 
}

.sidenav {
  height: 100%;
  float: left;
	width: 144px;
	text-align: left;
	border-color : maroon;
	border-width : 0px 1px 0px 0px;
  border-style : solid;
	margin : 1px 4px 0px 0px;
	padding : 4px 2px 4px 4px;
  color : maroon;	
	font-weight: bold;   
  font: 8pt arial,helvetica,sans-serif;  
	}
  
.sidenav P {
  margin: 0px 4px 0px 2px;
  padding: 6px 0px;
  border-bottom: 1px solid white; }
  
/* .sidenav P A:hover {
  text-decoration: underline; } */

DIV.main {
 width: 562px;
 margin : 14px 0px 0px 8px;
} 

DIV.main2 {
width: 532px;
 margin : 14px 0px 0px 8px;
}

:root *> DIV.main2 { width: 680px!important; }

#datalist {
width: 453px!important;
}

.links {
 width: 580px;
 text-align: right;
 color: maroon;
 font-weight: bold;   
 font: 8pt arial,helvetica,sans-serif;  
}
 
.links A { 
    color: maroon;
	text-decoration: none; }
.links A:hover { 
    color: #ff0000;
    text-decoration: none; }   
 
.sideheader {
	float: left;
	width: 130px;
	height: 0px;
	border-color : #E7C1C1 #E7C1C1 #E7C1C1 #E7C1C1;
	border : solid 1px 1px 1px 1px;
	background : White;
	vertical-align : middle;
	padding-top : 6px;
	text-align : center;
}  

.sideheader2 {
	float: left;
	/*width: 110px;*/
	height: 0px;
	vertical-align : middle;
	padding-top : 6px;
	text-align : center;
}  

.sidepicture {
	border-color : #E7C1C1 #E7C1C1 #E7C1C1 #E7C1C1;
	border-width : 0px 1px 0px 0px;
	margin-top: 0px;
	border-style : solid;
	width: 120px;
    margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
}

.picture {
	border-color : #E7C1C1 #E7C1C1 #E7C1C1 #E7C1C1;
	border-width : 1px 1px 1px 1px;
	border-style : solid;
}

.headerline {
	font-size : 16pt;
	font-weight: bold; 
}

.tagline{
    margin-top: 3px;
	font-size : 10pt;
	font-weight: bold; 
	font-style : italic;	
}
  
.head {
	background: #F1D296;
  	width: 700px;
	height: 1px;
	border-bottom-color : White;
	border-bottom-style : solid;
	border-bottom-width : 1px;
}
 
.navsubheader {
  float: left;
	width: 559px;
	text-align: right;
	height: 20px;
	border-color : #E7C1C1 #E7C1C1 #E7C1C1 #E7C1C1;
	border : solid 0px 0px 0px 0px;
	background : #F1D296;
	margin : 0px 0px 0px 0px;
	padding : 2px 20px 0px 0px;
  color : maroon;	
	font-weight: bold;   
  font: 10pt arial,helvetica,sans-serif;  
	}
	
.navsubheader A, .navsubheader SPAN  { 
    color: maroon;
    font-weight: bold;   	
	text-decoration: none;
	padding: 0px 6px 0px 6px;
	background-image: URL(../images/public_menu_spacer.gif );
	background-repeat: no-repeat;
	background-position: center right;
	}
  
.navsubheader A:hover { 
  color: #ff0000;
  font-weight: bold;   	
  text-decoration: none; } 	

.navsubheader A.current { 
  color: #F1D296;
  font-weight: bold;   	
  text-decoration: none;
	background-color: maroon;
	margin : 0px 0px 0px 0px;
	padding : 2px 6px 4px 6px;
	position: relative;
	left: -1px;
	 } 	
	
.navsubheader A.current:hover { 
  color: #F1D296;
  font-weight: bold;   	
  text-decoration: none; 
	background-color: maroon;
	margin : 0px 0px 0px 0px;
	padding : 2px 6px 4px 6px; } 	
	
.navsubheader2 {
	width: 696px;
	text-align: right;
	height: 20px;
	background : #F1D296;
	margin : 0px 0px 0px 0px;
	padding : 2px 4px 0px 0px;
	color : maroon;
	font-weight: bold;
	font: 9pt arial,helvetica,sans-serif;  
	border-top-color : White;
	border-top-style : solid;
	border-top-width : 1px;
}
	
.navsubheader2 A { 
  color: maroon;
  font-weight: bold;  	
	text-decoration: none; }
	
.navsubheader2 A:hover { 
    color: #ff0000;
    font-weight: bold;  	
    text-decoration: none; } 		
 
.navheader {
	float: none;
	width: 700px;
	height: 44px;
	background : Maroon;
	color : #F0E68C;
}

.navitem, .navitem-selected {
	float: left;
	width: 106px;
	height: 44px;
	padding-right: 8px;
	text-align: right;
	color : #F0E68C;
	font: 10pt arial,helvetica,sans-serif;
	font-weight : bold;
}	

.navitemsmall {
	float: left;
	width: 110px;
	height: 44px;
	padding : 0px 0px 0px 10px;
	text-align: center;
	color : #F0E68C;
	font: 8pt arial,helvetica,sans-serif;
}	

.navitemsmall A {
	color: #F0E68C;
  text-decoration: none; } 	
	
.navitem A { 
  color: #F0E68C;
	text-decoration: none; }
	
.navitem A:hover { 
  color: #ffff00;
  text-decoration: none; } 	
	
.navitem A.current { 
  color: #ffff00;
	text-decoration: none; }

.navitem A.current:hover { 
    color: #ffff00;
    text-decoration: none; } 		

.navitem-selected {
	border-left-style : solid;
	border-left-width : 1px;
	border-left-color : White;
	border-right-color : White;
	border-right-style : solid;
	border-right-width : 1px;
  padding-right : 7px;
}

.navitem-selected A { 
  color: maroon;
	text-decoration: none; }
.navitem-selected A:hover { 
  color: #ff0000;
  text-decoration: none; } 	
		
.sidenav A { 
    color: maroon;
	font-weight : bold;
	text-decoration: none; }
	
.sidenav A:hover { 
  color: #ff0000;
	font-weight : bold;	
  text-decoration: none; } 	
    
.auditNav {
  margin-right: 8px;
  margin-bottom: 8px;  
  background-color: #F1D296;
  border: 1px solid maroon;
  padding: 8px 8px 8px 8px; }    
    
TD.auditNavActive {
  width:266px;
  margin-right: 8px;
  margin-bottom: 8px;  
  background-color: #F9E8CC;
  border-top: 1px solid maroon;
  border-right: 1px solid maroon;
  border-left: 1px solid maroon;
  border-bottom: 1px solid #F9E8CC;
  font-weight:bold;
  padding: 8px 8px 8px 8px; }    
    
TD.auditNavInactive {
  width:266px;
  margin-right: 8px;
  margin-bottom: 8px;  
  background-color: #F1D296;
  border: 1px solid maroon;
  padding: 8px 8px 8px 8px; } 
  
  TABLE.tableborder {
	border: maroon
	
}

    
/* Signup Form Style */

INPUT.flat-edit, textarea.flat-edit {
 width:220px;
}

    
/* eblock control styles */

.ebQuickSearch {
  float: right;
 }
  
.ebPaging {
  clear: both;
  float: right; }
  
.ebDocumentList {
  clear: both; }
  
.ebDocumentList UL {
  list-style-type: none;
  margin-left: 5px; }
  
.ebDocumentList H6 {
  font-size: 8pt; font-weight: normal;
  margin: 0.2pc 0pc 0.5pc 0pc; }
 

/* casi control styles */

.casiComment {
  margin-right: 4px;
  margin-bottom: 4px;
/*  background-color: #F1D296;
  border: 1px solid maroon; */
  padding: 4px 4px 4px 0px; 
  }
  
.casiComment H2 {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 4px 0px; 
  color: Maroon;
  font: 10pt arial,helvetica,sans-serif; 
  font-weight: bold;
  }  
  
TD.casiResults {
  font: 8pt arial,helvetica,sans-serif; }

.casiInvitePanel {
  margin: 8px 8px 8px 0px;
  background-color: #F9E8CC;
  border: 1px solid maroon;
  padding: 8px 8px 8px 8px; }

.casiInvitePanelAsNav {
  background-color: #F9E8CC;
  font-weight:bold;
  padding: 8px 8px 8px 8px; }    

TD.MainAreaAsNav {
  margin-right: 8px;
  margin-bottom: 8px;  
  background-color: #F9E8CC;
  border: 0px solid maroon;
  padding: 0px 0px 0px 0px;
  border-top: 0px solid #F9E8CC;
  border-right: 1px solid maroon;
  border-left: 1px solid maroon;
  border-bottom: 1px solid maroon; }

 
DIV.casiPaging {
  padding: 8px 0px 0px 0px; 
  font: 10pt arial,helvetica,sans-serif; }
 
DIV.casiMemberPanel, DIV.casiSitePanel, DIV.casiAssessmentPanel, DIV.casiCertificatePanel {  

  margin: 8px 8px 0px 8px;
  padding: 0px 8px 0px 0px; 
  
}

.casiCertificate {
  background: URL(/casi/images/bg_cert.gif);
  margin: 8px 8px 0px 8px;
  background-color: #F9E8CC;
  border: 1px solid maroon;
  padding: 0px 8px 0px 0px;  }
    
.casiAssessment {
  margin: 8px 8px 0px 8px;
  padding: 0px 8px 0px 0px;  }

SPAN.casiLabel {
  font-weight: bold;
}

/* ap tab styles */

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

.aptabset .tab A {
  color: maroon;
  line-height: 17pt; }
  
.aptabset .selected A {
  color: black; }



/* eblock control styles */

.ebContactForm .field {
  margin-bottom: 0.5pc; }
.ebContactForm .field INPUT, .ebContactForm .field TEXTAREA, .ebContactForm .field SELECT {
  width: 400px;
  border: 1px solid silver; }
.ebContactForm .field TEXTAREA {
  height: 6pc;
  overflow: auto; }

.ebContactForm .field .title {
  font-weight: bold; }  
.ebContactForm .field .caption {
  font-size: 8pt; }
.ebContactForm .field .alert,
.ebContactForm .error {
  font-weight: bold;
  color: Red; } 

.ebContactForm INPUT.button {
  width: 100px;
  border: 1px solid silver;  }
 
.ebChangePassword P, .ebForgotPassword H4 {
  margin: 0pc 0pc 0.3pc 0pc; }
.ebChangePassword INPUT.text {
  width: 150px;
  border: 1px solid silver; }
.ebChangePassword INPUT.button {
  width: 150px;
  border: outset 1px silver;  }
  
.ebRegistration, .ebEnrollment {
  padding: 4px 8px;
  width: 466px; 
  border: 1px solid silver;
  background-color: #EDCAED;
  font-size: 8pt; }
  
.ebRegistration DIV.terms, .ebEnrollment DIV.terms {
  height: 20pc;
  padding: 8px;
  background-color: White;
  overflow: auto; }

.ebRegistration P, .ebEnrollment P {
  margin: 0.3pc 0pc 0pc 0pc; }
.ebRegistration P.error, .ebEnrollment P.error {
  font-weight: bold;
  color: Red; }
  
.ebRegistration TH, .ebRegistration TD,
.ebEnrollment TH, .ebEnrollment TD,
.ebContactDetails TH, .ebContactDetails TD {
  text-align: left;
  vertical-align: top; }
  
.ebRegistration TH, .ebContactDetails TH, .ebEnrollment TH {
  padding-top: 0.25pc;
  padding-right: 1pc; }

.ebRegistration INPUT.text, .ebRegistration TEXTAREA,
.ebContactDetails INPUT.text, .ebContactDetails TEXTAREA,
.ebEnrollment INPUT.text, .ebEnrollment TEXTAREA {
  width: 280px;
  border: 1px solid silver; }
.ebRegistration INPUT.shorttext,
.ebContactDetails INPUT.shorttext {
  width: 108px; 
  border: 1px solid silver; }
.ebRegistration TEXTAREA,
.ebContactDetails TEXTAREA {
  height: 3pc; overflow: auto; }
.ebEnrollment TEXTAREA {
  height: 4pc; overflow: auto; 
  width: 464px; }
  
.ebRegistration INPUT.button, .ebContactDetails INPUT.button,
.ebEnrollment INPUT.button  {
  width: 100px;
  border: 1px solid silver;  }
  
DIV.ebAlertSubscription {
  width: 180px; float: right; 
  margin-bottom: 8px;
  padding: 4px 8px;
  border: 1px solid silver;
  background-color: #EDCAED;
  font-size: 8pt;
}

.ebAlertSubscription H4 {
  font-size: 8pt; line-height: 10pt; }

.ebAlertSubscription P {
  padding: 0.5pc 0pc 0pc 0pc; }

.ebAlertSubscription .button {
  height: 23px;
  border: outset 1px silver;
  width: 90px; }

.ebAlertSubscription TABLE.checkboxlist {
  border-collapse: collapse;
  border-spacing: 0px; }
  
.ebAlertSubscription LABEL {
  display: inline-block;
  padding-top: 4px; }
  
.ebAlertSubscription TABLE.checkboxlist TD {
  padding-bottom: 4px;
  vertical-align: top;
  font-size: 8pt; line-height: 10pt; }
  
/* list styles */

.scrolllist {
  width:  100%; }

.scrolllist TH {
  padding: 0px 16px 4px 0px;
  text-align: left;
  font-weight: bold; }
.scrolllist TD {
  padding: 3px 16px 4px 0px;
  border-top: 1px solid #f0f0f0;
  background-position: left;
  background-repeat: no-repeat; }
    
.scrolllist TD.first {
  border-top: none; }
.scrolllist TR.grouping TD {
  padding-top: 8px;
  border-bottom: 1px solid #f0f0f0; }  
.scrolllist TR.noborder TD {
  padding-top: 0px;
  border-top: none; }
.scrolllist TR.multiline TD {
  background-position: left 3px;
  vertical-align: top; }
  
TABLE.scrolllist TR.pending TD {
  background-color: #f0fff0; }
TABLE.scrolllist TR.suspended TD {
  background-color: #fff0f0; }
TABLE.scrolllist TR.expired TD {
  color: #c0c0c0; }
TABLE.scrolllist TR.old TD {
  color: #c0c0c0;
  text-decoration: line-through; }
TABLE.scrolllist TR.old TD A {
  color: #c0c0c0;
  text-decoration: underline line-through; }
/*.scrolllist TR.disabled TD {
  color: #909090; } */

.scrolllist TD.checkcol {
  width: 20px;
  padding: 0px 4px 0px 0px; }
  
.scrolllist TD.noicon {
  padding-left: 20px; }

.scrolllist TD.action {
  font-weight: bold; }
.scrolllist TD.container {
  padding-left: 20px;
  background-image: url(../images/icn_folder_16.gif); }
.scrolllist TD.asset {
  padding-left: 20px;
  background-image: url(../images/icn_asset_16.gif); }
.scrolllist TD.entity {
  padding-left: 18px;
  background-image: url(../images/icn_tab_user.gif); }
.scrolllist TD.entitygroup {
  padding-left: 18px;
  background-image: url(../images/icn_tab_group.gif); }
.scrolllist TD.entitycompany {
  padding-left: 18px;
  background-image: url(../images/icn_tab_company.gif); }
.scrolllist TD.permission {
  padding-left: 20px;
  background-image: url(../images/icn_permissions_16.gif); }
.scrolllist TD.event {
  padding-left: 18px;
  background-image: url(../images/icn_tab_event.gif); }
.scrolllist TD.entry {
  padding-left: 20px;
  background-image: url(../images/icn_entry_16.gif); }
.scrolllist TD.announcement {
  padding-left: 20px;
  background-image: url(../images/icn_announcement_16.gif); }
.scrolllist TD.note {
  padding-left: 20px;
  background-image: url(../images/icn_note_16.gif); }
.scrolllist TD.updatealert {
  padding-left: 20px;
  background-image: url(../images/icn_alerts_16.gif); }
.scrolllist TD.link {
  padding-left: 20px;
  background-image: url(../images/icn_link_16.gif); }
.scrolllist TD.bookmark {
  padding-left: 20px;
  background-image: url(../images/icn_bookmark_16.gif); }
  
.scrolllist TD.element {
  padding-left: 20px;
  background-image: url(../images/icn_element_16.gif); }
  
.scrolllist TD.campaign {
  padding-left: 20px;
  background-image: url(../images/icn_mailing_16.gif); }
  
.scrolllist A {
  padding: 1px 1px 2px 1px; }
  
.scrolllist TD DIV.info {
  padding-top: 2px;
  color: #606060; }
.scrolllist TR.old TD DIV.info {
  color: #c0c0c0; }
  
/* paging styles */

.ebPaging {
  padding: 8px 0px;
}

.ebPaging A, .ebPaging SPAN, .ebPaging STRONG {
  display: inline-block;
  padding: 0px 2px 2px 2px;
  height: 14px; }

.ebPaging A, .ebPaging STRONG {
  text-align: center;
  width: 14px; 
  border: solid 1px #e0e0e0; }

.ebPaging SPAN {
  padding-left: 0px;
  padding-right: 0px; }
  
.ebPaging A:hover {
  border-color: Olive; }
  
.ebPaging STRONG {
  border-color: #c0c0c0;
  background-color: #F0D195;
  font-weight: bold; }  


 /* 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; }

.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;
} 

.holder {
  width: 100%;
  text-align: center; }
 
.inner { width: 853px; text-align: left;
  background-image: url(../images/bg_header.jpg);
  background-repeat: no-repeat;
  background-position: 12px 0px;
   }

.casiCertificate 
{
  width: 300px;
  background: URL(/casi/images/bg_cert.gif);
  float:left;
  background-color: #FFFFFF;
  border: 1px solid #9BC7E1;
  padding: 20px 20px 20px 20px;  }
  
 .casiMemberPanel 
 {
  float:left;
 width: 240px;
 min-height: 120px;
 _height: 120px;
 } 
 
  .casiSitePanel 
 {
  float:left;
 width: 240px;
 min-height: 120px;
 _height: 120px;
 }
    
.casiAssessment {
  margin: 8px 8px 0px 8px;
  padding: 0px 8px 0px 0px;  }
  
.abmReport H2 
{
 font-size: 10pt;  
 padding: 4px 0px 4px 0px;
 margin: 4px 0px 4px 0px;
}

.additionalSites 
{
 float: left;
 width: 180px;
 min-height: 100px;
 _height: 100px;
 background-image: url(/abm/casi/images/sidebar_background.gif);
 background-position: top;
 background-repeat: repeat-x;
 background-color: #FFF0F0;
 border: 1px solid #9BC7E1;
 padding: 5px 5px 5px 5px;
 margin: 5px 5px 0px 0px;
}

.siteclosed 
{
  background-image: url(/abm/images/sidebar_background_gray.gif);
  background-color: White;
 border: 1px solid Silver;
}

SPAN.casiLabel {
  font-weight: bold;
}

/* Checker Styles */

DIV.certificate {
 padding: 8px;
 background: URL(/casi/images/bg_cert.gif);
 border: 1px solid #f0f0f0; }
 
Div.certGreen 
{
  color: green;  
  border: green;
}

Div.certOrange
{
  color: orange;  
  border: orange;
}

Div.certRed
{
  color: red;  
   border: red;
}
     
DIV.certificate TD.title {
 font-size: 11px;
 vertical-align: middle; }

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

.suspended {
font-weight: bold;
color: orange;
}

.withdrawn {
font-weight: bold;
color: red;
}

.abp { 
}

.qms {
}

.gqa {
}

#column1 {
  float: left;
  width: 265px;
  padding-right: 7px;
}

#column2 {
  float: right;
  width: 265px;
}


PRE.casi-address {
  font-family: Tahoma; 
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  }

.pagebutton {
  padding: 8px 0px;
  display: inline-block;
  padding: 0px 2px 2px 2px;
  margin: 0px 0px 4px 0px;
  height: 20px;
  text-align: center;
  width: 40px; 
  border: solid 1px #e0e0e0; }

H5 {
  margin: 0px 0px 6px 0px;
  padding: 6px 0px 6px 0px;  
  font-weight: bold;
}