/**********************************************************************
 *
 *  NOTE: special stylesheet used only when printing. This version is
 *        identical to the original except for:
 *
 *   - the #contentleft and #body2column entries are changed to 
 *     disable the left navigation menu
 *
 *   - various full width floats are changed from 'float: left' to
 *     'float: none'. This fixes problems when printing from IE6
 *
 *
 *********************************************************************/

#contentleft {
	display: none;
}
#body2column {margin-left:0px; margin-right:0px;
	border: 0px solid red; float:none;}

/**********************************************************************
 * Original style sheet continues below here ...
 *********************************************************************/



/**********************************************************************
 *
 * Override some of the default DEH styles
 *
 *********************************************************************/

#body2column h1 {
	color: blue;
	font-size:1.9em;
	font-family:Arial, Helvetica, sans-serif;
	font-style: bold;
	text-align: center;
}


/* Make sure forms in sidebar don't have any padding,
 * and use grey background
 */
#contentleft form {
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 0;
	padding-top: 5px;
	background: #F3F3F3;
	width: 100%;
}
#contentleft a {
	margin-top: 0;
	margin-bottom: 0;
	border: 0px solid red;
}
/* Grey background for links in sidebar */
.linksleft {
	border: 0px solid blue;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	background: #F3F3F3;
}

/**********************************************************************
 *
 * Styles used to layout the Introduction 
 *
 *********************************************************************/

.introBox {
	width: 100%;
	margin-bottom: 10px;
	padding: 10px;
	border: solid;
	border-width: 2px 2px 0px 0px;
	border-color: #597DA5 #597DA5 white white;
	background: #EEEEFF;
}
.introBox a {
	color: white;
}
.introBox a:visited {
	color: white;
}
.introBox a:hover {
	color: blue;
}

.introRow {
	border: 0px dotted red ;
	float: left;
}
.introCol1 {
	border: 0px #CCCCCC solid;
	background-color: #FFFFDD;
	width: 48%;
	float: left;
	margin: 5px 2px 2px 5px;
	padding: 5px;
	height: 60px;
}
.introCol2 {
	border: 0px #CCCCCC solid;
	background-color: #FFFFDD;
	width: 48%;
	float: left;
	margin: 5px 2px 2px 5px;
	padding: 5px;
	height: 60px;
}

/**********************************************************************
 *
 * Styles used to layout the elements on the Guideline Search form
 *
 *********************************************************************/

/*
 * Styles used to layout the Chemical Name/CAS Number fields
 */
.chemselectBlock {
	width: 98%;
	float: none;
	padding: 4px;
	margin: 2px;
	border: 1px solid blue;
	background: #EEEEEE;
}
/* HACKED VERSION FOR IE 5.x */
* html .chemselectBlock {
	width: 98%;
	float: none;
	padding: 4px;
	margin: 2px;
	border: 1px solid blue;
	background: #EEEEEE;
}
.chemselectRow {
	float: none;
	width: 100%;
	margin-bottom: 5px;
	border: 0px solid yellow;
}

.userMenu {
	color: blue;
}
.chemselectCol1 {
	width: 5%;
	float: left;
	border: 0px solid red;
}
.chemselectCol2 {
	width: 20%;
	float: left;
	border: 0px solid green;
	font-weight: 700;
}
.chemselectCol3 {
	width: 70%;
	float: left;
	border: 0px dotted blue;
}

/*
 * Styles used to layout the Document Name menu
 */

/* Full width DIV containing menu & class blocks */
.docNameRow {
	width: 98%;
	float: left;
	border: 1px solid blue;
	padding: 4px;
	margin: 2px;
	background: #EEEEEE;
}
.docCol1 {
	width: 17%;
	float: left;
	padding: 1px;
	border: 0px solid red;
	font-weight: 700;
}
.docCol2 {
	float: left;
	border: 0px solid green;
}

/* Full width DIV containing Document Search results */
.guideValueRow {
	width: 98%;
	float: left;
	border: 0px solid blue;
	padding: 0px 0px 0px 4px;
	margin: 0px;
	background: #EEEEEE;
}
.guideValueCol {
	width: 20%;
	float: left;
	padding: 10px;
	border: 0px solid red;
}

/*
 * Styles used to layout the Chemical Class information
 * and the adjacent Guideline Media menu's
 */

/* Full width DIV containing menu & class blocks */
.menuClassRow {
	height: 120px;
	width: 98%;
	float: none;
	border: dashed 0px red;
	padding: 0px;
	margin: 2px;
}

/* Styles used to layout the Chemical Media type menus */
.menuBlock {
	height: 100%;
	width: 48%;
	border: 1px solid blue;
	float: left;
	padding: 4px;
	margin: 1px;
	background: #EEEEEE;
}
.menuRow {
	width: 100%;
	float: left;
	border: 0px solid yellow;
	font-weight: 700;
}
.menuCol1 {
	width: 35%;
	float: left;
	padding: 1px;
	border: 0px solid red;
}
.menuCol2 {
	float: left;
	border: 0px solid green;
}
/*
 * Styles used to layout the Chemical Classification info
 */
.classBlock {
	height: 100%;
	width: 49%;
	float: left;
	border: 1px solid blue;
	padding: 0px 0px 0px 4px;
	margin: 0px 0px 0px 2px;
	background: #EEEEEE;
}
/* HACKED VERSION FOR IE 5.x */
* html .classBlock {
	width: 51%;
}
.classRow {
	width: 100%;
	float: left;
}
.classCol1 {
	width: 30%;
	float: left;
	font-weight: 700;
	border: 0px solid pink;
}
.classCol2 {
	float: left;
	padding: 2px;
	border: 0px solid green;
}

/*
 * Styles used to layout the guideline information
 */

/* Full width DIV containing guideline blocks */
.guideBlock {
	width: 96%;
	float: none;
	padding: 4px;
	margin: 4px;
	border: 1px solid blue;
	background: #EEEEEE;
}
.guideRow {
	width: 100%;
	float: none;
	border: 0px dashed red;
	padding: 2px;
}
.guideCol1 {
	width: 20%;
	float: left;
	border: 0px solid green;
	font-weight: 700;
}
.guideCol2 {
	width: 80%;
	float: left;
	border: 0px solid blue;
}

/**********************************************************************
 *
 * Styles used to layout the Chemical Search page
 *
 *********************************************************************/

.searchTextRow {
	width: 98%;
	float: none;
	padding: 10px;
	margin: 2px;
	border: 1px solid blue;
	background: #EEEEEE;
	text-align: center;
}
.searchTextCol1 {
	height: 100%;
	float: left;
	border: 0px solid blue;
	font-weight: 700;
	margin: 7px;
}
.searchTextCol2 {
	height: 100%;
	float: left;
	border: 0px solid red;
	font-weight: 700;
	margin: 2px;
}
.searchTextCol3 {
	float: left;
	border: 0px solid green;
	font-weight: 700;
	margin: 2px;
}
.searchResultBlock {
	width: 98%;
	float: none;
	padding: 4px;
	margin: 2px;
	border: 1px solid blue;
	background: #EEEEEE;
}
.searchResultRow {
	float: none;
	width: 100%;
	border: 0px dashed red;
	padding: 2px;
}
.searchResultCol1 {
	width: 25%;
	float: left;
	border: 0px solid green;
	font-weight: 700;
	margin: 2px;
}
.searchResultCol2 {
	float: left;
	width: 70%;
	border: 0px solid blue;
	margin: 2px;
}


/**********************************************************************
 *
 * Logo's
 *
 *********************************************************************/

/* container div for entire logo block */
.logoRow {
	text-align: center;
	border: 0px dashed red;
	margin-left: 7px;
	margin-right: 2%;
	margin-top: 50px;
}
/* style div used for each column */
.logoCol {
	border: 0px dashed green;
	float: left;
	width: 160;
	height: 90;
	padding: 3px;
	align: centre;
}

/**********************************************************************
 *
 * Global styles
 *
 *********************************************************************/

/* HEADING USED ON FRONT PAGE */
.headingFront a {
	background-color: #339966;
	color: white;
	font-size:1.5em;
	font-family:Arial, Helvetica, sans-serif;
	font-style: bold;
	text-align: left;
	width: 100%;
}

/* For display of debugging messags */
.debugmsg {
	color: green;
	font-size: 0.8em;
}

/* For display of URLs */
.url {
	color: green;
	font-size: 0.8em;
}
/* For display of helptext */
.helptext {
	color: #CC3300;
	font: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	padding-bottom: 5px;
}
/* hidden style */
.hidden {
	display: none;
}

/* Link colors */
a {
	color: #3366CC;
}
a:visited {
	color: #663366;
}
a:hover {
	color: #CC3300;
}

/*******************************************************************
			ERROR MESSAGES
********************************************************************/
.guidevalue {
	font-size:1.6em;
	font-family:Arial, Helvetica, sans-serif;
	font-style: bold;
	color : blue; 
}
.statusmsg {
       color : red; 
}
.notemsg{
       font-size: .9em; 
 }
#systemName {
	font-size:1.6em;
	font-family:Arial, Helvetica, sans-serif;
	font-style: bold;
	text-align: center;
	padding: 2px 4px 2px 4px;
       color : red; 
}