/*
STYLESHEET FOR: Cypress Care
AUTHOR: Rick Khanna, Mopdog Creative + Strategy
*/
/*
Contents:
1. Structure
2. Navigation
3. Header
4. Content
5. Footer  */

@import url("reset.css");
@import url("menu.css");

* {margin:0; padding:0}
img {border:none}

html { height: 100%; overflow-y: scroll}

body {
	background:#91a787 url(../images/bg.jpg) left top repeat-x;
	font-family:'Tahoma', 'Trebuchet MS', Arial, Sans serif;
	}
/*
Colors:
Orange: #cd810c
Light green: #a0bb6a

*/

.clear {clear:both}
.right {text-align:right}
.left {text-align:left}
.gray { color:#CCCCCC!important }


/*====================================================================
=======================  1. STRUCTURE=================================
=====================================================================*/

#wrapper {
	width:918px;
	margin:0 auto;
	height:auto;
	background-color:#fff;
	font-family: Tahoma, "Trebuchet MS", Arial, "Sans serif";
	}
	
#header {
	position:relative;
	float:left;
	width:918px; 
	height:92px;
	background:#fff url(../images/top-header.png) left top no-repeat;
	}
	
#nav {
	width:918px; 
	height:43px;
	background:#2b567f;
	float:left;
	}
	
#content {
	width:918px;
	background:#fff url(../images/faux2.png) left top repeat-y;
	/*min-height:900px;
	height:auto!important;
	height:900px;*/
	min-height:800px;
	height:auto!important;
	height:800px;
	}

	#homecontent {
		width:918px;
		background:#fff url(../images/faux.png) left top repeat-y;
		/*min-height:1200px;
		height:auto!important;
		height:1200px;*/
		height:auto;
		}
	
#footer {
	position:relative;
	background-color:#45610A;
	width:918px; 
	clear:both; 
	height:40px;
	}

/*====================================================================
=======================  2. NAVIGATION  ==============================
=====================================================================*/
		

/*====================================================================
=======================  3. HEADER  ==================================
=====================================================================*/

#logo {
	position:absolute;
	left:10px;
	top:10px;
	height:81px;
	width:283px;
	}



/*====================================================================
=======================  4. CONTENT ==================================
=====================================================================*/

/*------------Homepage----------------*/

#colleft {
	width:213px;
	float:left;
	padding:20px 0;
	}
	
	#colleftwide {
		width:668px;
		float:left;
		padding:20px 0;
		}
	
#colmiddle {
	width:455px;
	float:left;
	padding:20px 0;
	}
	
#colright {
	width:250px;
	float:left;
	padding:20px 0;
	}
	
	
#benefits {
	margin:0 0 15px 13px;
	list-style-image:url(../images/check.gif);
	}
	
	#benefits li {
		font-size:12px;
		line-height:20px;
		color:#000;
		margin:0 20px 6px;
		}
		
.logos {
	text-align:center;
}

	.logos img {display:block; margin:0 auto 10px; text-align:center;}
	.logos h4 {color:#45610A; text-transform:uppercase; font-size:12px; margin:20px auto 10px;}
	


/*-------------------------------------*/

h1 {
	font-family: "Palatino Linotype", Georgia, "Cambria", "Times New Roman", Times, serif;
	color:#cd810c;
	font-size:20px;
	line-height:28px;
	margin:0 20px 15px;
	}
	
h2 {
	font-family: "Palatino Linotype", Georgia, "Cambria", "Times New Roman", Times, serif;
	color:#a0bb6a;
	font-size:17px;
	line-height:1.3em;
	margin:0 20px 10px;
	}
	
/*h3 {
	font-family: "Palatino Linotype", Georgia, "Cambria", "Times New Roman", Times, serif;
	color:#a0bb6a;
	font-size:14px;
	line-height:1.3em;
	margin:0 20px 10px;
	}*/
	
h5 {
	color:#000;
	font-size:14px;
	line-height:1.3em;
	margin:0 20px 8px;
	font-weight:bold;
	}
	
#colleftwide p, #homecontent p {
	font-size:12px;
	line-height:20px;
	color:#000;
	margin:0 20px 15px;
	}
	
	#colleftwide h3 {
		font-family: "Palatino Linotype", Georgia, "Cambria", "Times New Roman", Times, serif;
		color:#000;
		font-size:14px;
		line-height:24px;
		margin:0 20px 15px;
		font-weight:bold;
		}
		
	#colleftwide h4 {
		color:#a0bb6a;
		font-size:14px;
		line-height:24px;
		margin:0 20px 10px;
		font-weight:bold;
		}
	
	#colleftwide ul {margin:0 0 15px 30px}
	
	#colleftwide li {
	font-size:12px;
	line-height:20px;
	color:#000;
	margin:0 20px 6px;
	font-family: Tahoma, "Trebuchet MS", Arial, "Sans serif";
		}
		
	#colmiddle li {
		font-size:12px;
		line-height:20px;
		color:#000;
		margin:0 20px 6px 40px;
		}
		
#colleftwide a {color:#CD810C; /*font-weight:bold;*/ font-size:12px; line-height:20px;}
#colleftwide a:hover {color:#DFAE61}

a.biglinks {font-size:17px; line-height:30px; color:#CD810C; }
a.biglinks:hover {color:#DFAE61}

a.pdflinks {color:#CD810C; font-size:12px; line-height:28px;}
a.pdflinks:hover {color:#DFAE61}

img.pdf {vertical-align:middle}
	
ul.quicklinks {
	list-style-image:url(../images/arrow-green.png);
	margin-left:30px;
	}
	
	.quicklinks li {
		margin:0 0 8px 0;
		}
		
		.quicklinks li a {
			font-size:12px;
			color:#000;
			text-decoration:none;
			padding:2px;
			}
			
			.quicklinks li a:hover {text-decoration:underline;}
			
/*.latestnews {
	list-style-image:url(../images/arrow-greenwhite.png);
	margin-left:30px;
	}
	
	.latestnews li {
		margin:0 15px 13px 0;
		font-size:11px;
		line-height:18px;
		}
		
		.latestnews li a {
			font-size:12px;
			color:#cd810c;
			text-decoration:none;
			}
			
			.latestnews li a:hover {text-decoration:underline}*/
			
.latestnews {
	list-style:none;
	}
	
	.latestnews li {
		border-top: 1px solid #95A9A8;
    font-size: 11px;
    line-height: 18px;
    margin: 0 15px 5px 20px;
    padding: 5px 0 0;
		}
		
		.latestnews li:first-child {border:none;}
		
		.latestnews li a {
			font-size:10px;
			color:#CD810C;
			text-decoration:none;
			}
			
			.latestnews li a:hover {text-decoration:underline}
			
#colright h3 {
	margin:30px 30px 15px;
	font-size:16px;
	color:#000;
	}
	
#buttons a {
	margin:0 15px 15px;
	width:217px;
	height:61px;
	}
	
	
#event {
	margin:0 20px;
	font-size:11px;
	}
	
	#event input {padding:2px;}
	#event td {padding:10px}
	
/*div.resource {
	width:320px;
	float:left;
	padding-bottom:30px;
	}
	
	#resources-table td {
		padding:0 0 25px 0;
		}*/
		
form#contactform p {margin:0 0 10px 0}

#contactform input:focus, #contactform textarea:focus, #contactform select:focus {border:1px solid #000;}



ul#jobs {
	list-style-type:none;
	margin:0;
	font-family: Tahoma, "Trebuchet MS", Arial, "Sans serif";
}
ul#jobs li a {color:#CD810C; font-weight:bold; font-size:12px; line-height:20px;}
ul#jobs li a:hover {
	color:#DFAE61;
	font-family: Tahoma, "Trebuchet MS", Arial, "Sans serif";
}


div#details-workerscomp, div #details-auto {
	margin:0 20px;
	padding:20px 0;
	border-top:2px solid #cd810c;
	border-bottom:2px solid #cd810c;
	position:relative;
	width:628px;
	}
	

/*--------tooltips------*/

#dhtmltooltip{
	position: absolute;
	left: -300px;
	width: 150px;
	border: 1px solid #ddd;
	padding: 12px 8px;
	background: #fff url(../images/tooltipgrad.jpg) left bottom repeat-x;
	visibility: hidden;
	z-index: 100;
	font-size:11px;
	line-height:16px;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
	}

#dhtmltooltip ul {
	margin-left:17px;
	list-style-image:url(../images/bullet.gif);
	
	}

#dhtmltooltip p {font-weight:bold;}

#dhtmltooltip span {font-weight:normal;}

#dhtmlpointer{
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
	}
	

.req {color:red}
	
	
/*-------------Resources page-----------------*/

#cust-resources {
	width:217px;
	margin:20px auto;
	}


.searchbox {
	margin:40px 0 10px 10px;
	}

.searchbox-drugs {
	height:111px;
	width:231px;
	background:#fff url(../images/searchdrugs.png) left top no-repeat;
	margin:10px auto 0;
	}
	
.searchbox-pharmacy {
	height:111px;
	width:231px;
	background:#fff url(../images/searchpharmacies.png) left top no-repeat;
	margin:0 auto;
	}
	
.searchfield {
	width:160px;
	height:24px;
	padding:4px;
	*padding:3px; /* ie hack */
	border:none;
	background:transparent url(../images/searchfield.jpg) left top no-repeat;
	/*vertical-align:middle;*/
	}
	
.gobutton {
	background-color:#e88f2a;
	color:#fff;
	border:none;
	vertical-align:middle;
	}
	
#drugsearch-table, #pharm-table {
	margin:10px auto 0;
	width:231px;
	}

	
	
#subbuttons {
	text-align:center;
	}
	
#subbuttons a {
	display:block;
	}
	
#resources-table {
	margin:0 20px;
	}
	
	#resources-table td {
		padding:5px 15px 5px 0;
		}
		
	#resources-table span {
	font-size:12px;
	line-height:20px;
	color:#000;
	margin:10px 0;
	display:block;
	}
	
.refbuttons td {
	padding:0;
	}
	
.refbuttons p {
	margin:0!important;
	font-size:11px;
	line-height:1.5em;
	}
	
.refbuttons a.here {color:#CD810C; font-weight:bold; font-size:inherit;}
.refbuttons a.here:hover {color:#DFAE61}


.sitemap a {color:#cd810c}


hr.darkline {
	display:block;
	margin:20px;
	}

/*---featured----*/

#featured-container {
	width:232px;
	height:160px;
	margin:0 auto;
	background:#fff url(../customerresources/images/featuredbg.png) left top no-repeat;
	list-style-type:none;
}

#featured-container li {margin:9px;}


/*-----ez form------*/

#ez-form {
	margin:0 20px;
	}
	
	#ez-form label {
		font-weight:bold;
		font-size:12px;
		display:block;
		margin:10px 0 5px;
		}
		
		.notreq {font-weight:normal!important}
		
	input.text {
		padding:5px; 
		border:1px solid #999999;
		font-size:13px;
		font-family:Georgia, "Times New Roman", Times, serif; 
		}
		
	#ez-form textarea {
		padding:5px; 
		border:1px solid #999999;
		font-size:13px;
		font-family:Georgia, "Times New Roman", Times, serif; 
		}
		
	#ez-form input:focus, #ez-form textarea:focus, #ez-form select:focus {border:1px solid #000;}
	
	.form-heading {font-size:12px; color:#7fab24; display:block; margin:15px 0 5px;}
	
	.instr {
		font-size:11px;
		display:block;
		margin-bottom:4px;
		}	
		
		
#form input {padding:3px;}

.upload label {font-weight:normal!important;}



/*====================================================================
=======================  5. FOOTER  ==================================
=====================================================================*/


#footer p {
	color:#fff;
	font-size:12px;
	margin:0 30px;
	line-height:40px;
	}
	
#footer p a {
	color:#fff;
	text-decoration:none;
	}
	
	#footer p a:hover {text-decoration:underline}