/* ============================
   = base styles for fsc page =
   ============================ */

/******************************************/
/* MENU head (Top of the site) */
/******************************************/


table {
  background-color: #FFFFFF;
}


/* definition of header */

div.header {
  margin: 0px;
  width: 924px;
  background-color: #32503c;
}
div.header-logo {
  margin: 0px;
  width: 924px;
  border: none;
  text-decoration: none;
}

div[class="header-logo"] img {
	text-decoration:none;
	border:none;
  border-bottom-width: 4px;
  border-bottom-style: solid;
  border-bottom-color: #dddddd;
}

div.pagefooterwrapper {
	clear: both;
	padding-top: 0.1em;
}

div.pagefooter {
	 font-family: Arial;
	 background-color: white;
	 padding-top: 5px;
   font-size: 11px;
   width: 523px;
   height: 50px;
   border-top-width: 2px;
   border-top-style: solid;
   border-top-color: #97a89e;
   margin-left: 200px;
   margin-top: 20px;
   padding-bottom: 20px;
   line-height: 20px;
}

span.searchresult {
	 font-size: 12px;
	 font-family: Arial;
	 text-align: center;
}

.errormessage {
	color: #FF0000; 
	font-size: 15px;
}

table.list {
	padding-bottom: 15px;
}

div.nosearchresults {
	margin-left: 80px;
	width: 80%;
	text-align:center;
	margin-top: 20px;
	font-size:15px;
	font-weight:bold;
	color:white;
	background: #34563d;
	border: solid #34563d 1px;
}

table [id='resultstable'] {
	width:100%;
	text-align:center;
}


div.resultswrapper {
	width: 100%;
	padding-top: 20px;
}

tr.searchoptions {
	background-color: #d3dcbe;
	font-weight: normal;
	padding: 0;
}

tr.searchoptions:hover {
	background-color: #d3dcbe;
	font-weight: normal;
	padding: 0;
}

div.lowerbody {
	float: left;
	clear: left;
	width: 100%;
  font-size: 12px;
}

a,
a:link, 
a:active, 
a:visited, 
a:focus {
  color: #b54b3e;
  text-decoration: none;
}

img,
a img {
	border: none; 
}

a:hover {
  text-decoration: underline;
}

div [class="pagefooter"] a,
div [class="pagefooter"] a:link, 
div [class="pagefooter"] a:active, 
div [class="pagefooter"] a:visited, 
div [class="pagefooter"] a:focus {
  text-decoration: none;
  color: #558669;
  padding-left: 1px;
}

div [class="pagefooter"] img {
	border: none;
}

a.optionstoggle {
	font-weight: bold;
	color: #b54b3e;
	text-decoration: none;
}

.PrevNextButtons {
	margin-top: 10px;
}

.date_column {
	width: 80px;
}

.cw_column {
	width: 28px;
}

div#head_menu {
  position:absolute;
  top:14px;
  margin-left:16.70em;
  /*font-size:1em;*/
  font-size:12px;
  width: 725px;
}


div#head_menu ul {
  display:inline;
  margin:0;
  padding:0;
}

div#head_menu ul li {
  display:block;
  width:97px;
  height:30px;
  float:left;
  text-align:center;
  margin:0;
  padding:0;
  padding-right:3px;
  padding-left:3px;
  vertical-align:middle;

}

div#head_menu ul li a,
div#head_menu ul li a:link,
div#head_menu ul li a:active,
div#head_menu ul li a:visited,
div#head_menu ul li a:focus {
  color:#cdc;
  text-decoration:none;
  display:block;
  height:32px;

}

div#head_menu ul li a:hover {
  color:#fff;

}

div#head_menu ul li a.active,
div#head_menu ul li a.active:link,
div#head_menu ul li a.active:active,
div#head_menu ul li a.active:visited,
div#head_menu ul li a.active:focus,
div#head_menu ul li a.active:hover {
  color:#fff;
  text-decoration:none;
  display:block;
  height:32px;

}

div.quicklink {
position:absolute;
top:15.75em;
height: 20px;
padding-left: 210px;
padding-top:2px;
width: auto;
/*background-image: url(images/quicklink.jpg);
background-repeat: no-repeat;
padding-left: 0px;
*padding-top: 5px;*/
font-size:12px;

}

img.quickarrow {
vertical-align: middle;
padding-right:2px;
padding-left:4px;
}
a.quicklink {
color: #FFFFFF;
line-height: 25px;
text-decoration: none;
}

/* general definition of page layout */

body {
margin: 0px;
font-family: arial,helvetica,sans-serif;
font-size: 11px;
text-align: center;
line-height: 15px;
background-color: #ffffff;
height:150%
}
div.mainframe {
margin: 0px auto;
margin-top: 0px;
margin-bottom: 10px;
width: 925px;
text-align:left;
background-color: #FFFFFF;
}


/* ===========================================
   = specialized styles for salesforce pages =
   =========================================== */

/* "Namespaces":
     ctdt = certificate details page
*/

div.ctdt_cert_header {
	width: 925px;
	margin-top: 10px;
	height: 30px;
}

div.ctdt_cert_code {
	float: left;
	font-weight: bold; 
	font-size: 15px;
}

div.ctdt_cert_print {
	float: right;
	margin-right: 30px;
	vertical-align: top;
	font-size: 12px;
}

div[class="ctdt_cert_print"] img {
	vertical-align: middle;
}

div.ctdt_datatable {
	font-size: 12px; 
	font-family: Arial; 
	padding-top: 10px;
}

table.ctdt_datatable {
	width : 100%;
	font-size: 12px;
	background: #ffffff;
}

td.ctdt_datatable {
	padding-bottom: 8px;
	vertical-align: top;
}
	

div.ctdt_titlerow {
	background: #558669;
	width:99%;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	padding: 5px;
	margin-bottom: 5px;
}

div.ctdt_lefttitle {
	width: 150px;
	float: left;
	font-weight: bold;
	text-align: right;
	vertical-align: bottom;
	background-color: #ffffff;
	clear: left;
	margin-top: 2px;
	margin-right: 8px;
}

div[title] img {
	vertical-align: top;
	padding: 0px;
	margin-left: 3px;
	margin-right: 3px;
}

td[title] img {
	vertical-align: top;
	padding: 0px;
	margin-left: 3px;
	margin-right: 3px;
}


div.ctdt_rightdata {
	float: left;
	background-color: #ffffff;
	clear: right;
	margin-top: 2px;
}

div.ctdt_uppertitle {
	float: left;
	width: 120px;
	margin-left: 15px;
	margin-top: 5px;
	font-weight: bold;
}

td.ctdt_uppertitle {
	white-space: nowrap;
	padding: 3px;
	font-weight: bold;
}

td.ctdt_lowerdata {
	white-space: nowrap;
	padding: 3px;
}

div.ctdt_lowerdata {
	float: left;
	width: 120px;
	margin-left: 15px;
	margin-bottom: 5px;
}

table.ctdt_producttable {
	margin-left: 10px; 
	margin-top: 5px; 
	width: 90%;
}

table[class="ctdt_producttable"] td {
	padding: 3px;
	width: 17%;
}

div.ctdt_tablebackground {
	 background-color: #ffffff; 
	 padding-bottom: 15px;
	}

tr.ctdt_tablehead {
	background-color: #a0c4af;
}

tr[class="ctdt_tablehead"] td {
	font-weight: bold;
}


table.searchtable {
	background-color: #d3dcbe;
	margin-top: 10px;
	padding: 3px;
}

h1 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
}

table[class="searchtable"] td {
	padding: 3px;
	white-space: nowrap;
	
}

table[class="searchtable"] td[title="Controlled Wood"] input {
	margin-left: 15px;
  /* border: medium none ; 
  text-decoration: none; */
}

	


div.rightbody {
	float: left;
	width: 715px;
	/* width: 715px; */
	clear: right;
	margin-left: 10px;
	margin-top: 10px;
	background-color: #ffffff;
	font-size: 12px;
}  	

div.navigation {
	clear: left;
  float: left;
  width: 197px;
  background-color: #32503c;
  color: #FFFFFF;
  background-image: url("../img/navback.png");
  background-position: bottom;
}

div.searchexplanation {
	width: 500px;
	line-height: 150%;
}

a.navrub01 {
  margin-left: 4px;
  padding-left: 20px;
  display: block;
  width: 172px;
  /* *width: 192px;*/
  height: 26px;
  background-color: #34563d;
  border-bottom: solid 1px #659679;
  color: #FFFFFF;
  text-decoration: none;
  line-height: 24px;
  font-weight: bold;
  font-size: 12px;
}


a.navrub02 {
  margin-left: 4px;
  padding-left: 20px;
  display: block;
  width: 172px;
   /* *width: 192px; */
  height: 26px;
  background-color: #457659;
  border-bottom: solid 1px #659679;
  color: #FFFFFF;
  text-decoration: none;
  line-height: 24px;
  font-weight: normal;
  font-size: 12px;
}

input {
border: solid 1px #659679;
}

input.submit {
color: #FFFFFF;
background-color: #2f523e;
font-size: 11px;
font-weight: bold;
height: 25px;
width: 120px;
}


.tooltip {
    width: 260px; 
    color:#000;
    font:lighter 11px/1.3 Arial,sans-serif;
    text-decoration:none;
    text-align:center
}

.tooltip span.top {
    padding: 2px 2px 0;
    background: #FFFFB8;
}

.tooltip b.bottom {
    padding:2px 2px 2px;
    color: #548912;
    background: lightgrey;
}