/* Document Setup
--------------------------------------------------------------------------------------- */

html {
}

body {
	background: #fcfafc;
}

#doc {

/* Text */
	font-size: 70%;
	line-height: 140%;
	font-family: verdana, sans-serif;
	text-align: left;
	
	color: rgb(51, 37, 128);
	
	width: 870px;
	border-right: 1px solid rgb(202, 201, 196);
	border-bottom: 1px solid rgb(202, 201, 196);
	padding-bottom: 20px;
	
	background: #fff;
}


img {
	display: block;
}

.thumbimg {display: inline;}

.heavy_line {
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
}

.heavy_line a {
	color: #fff;
	text-decoration: none;
}

.large {
	font-size: 120%;
	line-height: 140%;	
}

.d5_chart_note {
	width: 560px;
	color: #777766;
}


.error {
	font-size: 11px;
	padding: 0px 5px;
	background: #ee3300;
	color: #fff;
}


/* Floating
--------------------------------------------------------------------------------------- */	

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

.floatRight { 
    float: right; 
    margin: 4px; 
}



/* Navigation
--------------------------------------------------------------------------------------- */

.nav_back {
	height: 33px;
	background: url('../images/nav_back.gif');
}

.nav_back_ll {
	height: 33px;
	background: url('../images/nav_back_ll.gif');
}

.nav {
	margin: 4px 2px 4px 2px;
}


/* Header
--------------------------------------------------------------------------------------- */

.view_printable {
	margin: 12px 16px;
}

#share_this_button {
	height: 30px;
}


#share_this_form form {
	padding: 6px;
}

#share_this_form input.text {
	border-top: 1px solid #5b4fa9;
	border-right: 2px solid #a99edb;
	border-bottom: 1px solid #5b4fa9;
	border-left: 2px solid #5b4fa9;	
}


#share_thank_you div {
	padding: 6px;
}

#form_error_field {
	padding: 6px 4px 0px 4px;
	color: #ee0000;
}


.header_top {
	background: #fff;
	text-align: right;
}

.header {
	background: #e8e6f0;
	border-bottom: 4px solid #b6b1d8;
}

.header .extra_border {
	border-bottom: 14px solid #524a90;
}

.header_copy {
	width: 461px;
}
.header_copy_inner_image {
	padding: 10px 20px 5px 20px;
}

.header_copy_inner {
	padding: 0px 20px 5px 20px;
}

.topline {	
	padding-top: 6px;
	text-transform: uppercase;
	font-weight: bold;
}

.header_copy_inner a {
	text-decoration: none;
	color: rgb(51, 37, 128);
}

/* Page
--------------------------------------------------------------------------------------- */

.body_copy_container {
}

.body_copy {
	padding: 20px 0px 20px 20px;
}

.body_copy_inner {
	padding: 6px 10px 10px 0px;		
}

.side_copy_container {
	width: 272px;
	background: #f0f0ec;
}

.side_body_copy {
	padding-right: 20px; 
}

.side_body_copy a{
	font-weight: bold;
	color: #000;
}

/* Footer
--------------------------------------------------------------------------------------- */

.footer {
	margin-top: 12px;
	padding: 12px 12px 0px 12px;
	font-size: 0.9em;
}


/* View Clinics Legend
--------------------------------------------------------------------------------------- */

.legend {
	height: 167px;
	background: url('../images/view_clinics_legend_17.gif');
}


/* Search Area
--------------------------------------------------------------------------------------- */

.box_container {
	padding: 12px 12px 0px 12px;
}

.searcharea {
	width: 268px;
	color: #fff;
}

.view_clinics_box_mid {
	background: url('../images/view_clinics_box_mid.gif') repeat-y;
}

.search_form_area {
	padding: 5px 10px 0px 10px;
}

.search_form {
	margin: 0px 0px 6px 0px;
}

#search_phrase_field {
	font-size: 1.6em;
	width: 200px;
	border-top: 1px solid #5b4fa9;
	border-right: 0px solid #a99edb;
	border-bottom: 1px solid #5b4fa9;
	border-left: 2px solid #5b4fa9;
	padding: 3px 2px;
	margin: 0px;
}

#search_phrase_submit {
	position: relative;
	top: 8px;
}

#view_all_button {
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
}

.status_loading {
	display: block;
	background: #ba5b47;
	padding: 1px 4px;	
}

.status_ready {
	display: block;
	padding: 1px 4px;
}

.view_clinics_box_bottom { position: absolute; }


/* Search Results
--------------------------------------------------------------------------------------- */

.selected {
	background: #e8e7ef;
	color: #000;
}

#dirty_element_list {
	margin: -5px 12px 0px 12px;
}

.dirty_element {
	width: 360px;
	padding: 4px 2px; 
	font-size: 0.9em;
}

#no_results_info {
	margin: 5px 12px 0px 12px;
}

.parent_dirty_element {
	padding: 5px;
	margin: 5px 0px;
	background: #fff;
	border: 1px solid #999;
}

.clinic_name {
	font-weight: bold;
}

table {
	padding: 2px;

}

table td {
	vertical-align: top;
	padding: 2px 0px;
}

/* ---- Catalog ---- */

table.catalog td {
	vertical-align: top;
	padding: 10px 5px 5px 5px;
}


.catalog_products {

}

.catalog_products .product {
	margin: 5px 0px 10px 0px;
	padding: 5px 10px;
	border: 1px solid #e8e7ef;
	font-size: 11px;
}

.product h1 {
	font-size: 12px;
	font-weight: bold;
}

.product table {
	width: 100%;
}

.product td {

}



.data {
	text-align: center;
}

.data_percent {
	font-family: arial;
	font-size: 2em;
	padding-top: 8px;
/*	padding-right: 40px;
	text-align: right;
*/
	
	width: 110px;

}


/* Current Graph 
------------------------------*/

.graph {
	width: 298px;
	border: 1px solid #999;
	background: #eeecf3;
}

.graph_data_ratio {
	font-size: 0.9em;
	padding-left: 202px;
}

.score {
	background: #b4afd5;
}

.average {
	background: #222;
}


/* Historic Graph 
------------------------------*/

.vhd_cell {
	padding: 5px 5px 0px 5px;
}

.graph_container_vhd {
	background: #f2f2f2; 
	margin: 5px 0px;
	color: #222;
}

.graph_container_vhd table {
	padding: 5px 2px 5px 10px;
}

.graph_container_vhd table .faded {
	color: #777;
}

.graph_container_vhd table .med_width {
	width: 260px;
}

.graph_container_vhd table .small_width {
	width: 140px;
}

.graph_vhd {
	width: 298px;
	border: 1px solid #999;
	background: #eee;
}

.empty_graph {
	width: 298px;
	background: #eee;
}

.graph_data_ratio_vhd {
	font-size: 0.9em;
	padding-left: 102px;
}

.score_vhd {
	background: #ccc;
}

.average_vhd {
	background: #222;
}