/* 
-----------------------------------------------
	Global CSS
	Project: Profiles Global - Client Center
	Author: Netgenetix Media
	Date: July 2009
----------------------------------------------- */
/* 	Sections:
 	- Imports
		- Base
		- Headings
		- Structure
		- Navigation
		- Lists
 	- Links
		- Forms + Buttons + Tables
		- Standard + Misc
	- Graphic
----------------------------------------------- */

/* =Imports
----------------------------------------------- */
@import url('reset.css'); 
@import url('theme.css'); /* separates elements for white labeling */

/* =Base
----------------------------------------------- */	
body {
	margin: 0; padding: 0;
	text-align: center;
	font: 12px Arial, Helvetica, sans-serif;
}

td, th, input, select, textarea, div, p {}

p {
	margin: 0 0 20px 0;
	line-height: 1.5em;	
}

strong { font-weight: bold }
em { font-style: italic }

/* =Headings
----------------------------------------------- */	
h1 {
	font: bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	margin: 25px 0 10px 0;
}

h2 {
	font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	margin: 25px 0 10px 0;
}

h3 {
	font: bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
 margin: 13px 0 11px 0; 
	color: #1c94c4
}

p.name { font-size: 20px; margin: 0 0 14px 0 }

/* =Structure Divs
----------------------------------------------- */	
#wrapper {
 margin: auto;
	width: 960px;
	text-align: left;		
}	

#header { 
 height: 120px;
	padding: 0 16px 0 0;
}

#content-area { 
	background: url(../_img/bkgd_content.gif) repeat-y top left; /* sidebar lines */
 border-top: 1px solid #acacac;
 margin: 15px 0 0 0;
 padding: 0 8px 0 8px;
/*	overflow: auto; */
}

#bkgd { /* sets the background for the side-nav, always bottom left */
	background: url(../_img/test.gif) no-repeat bottom left;
	margin: 0 0 0 1px;
 clear: both;
}

/* header
-------------------- */	
#header-links {
 float: right;
 height: 26px;
	padding: 9px 9px 0 9px;
 float: right;
 font: 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Sans-serif;		
}


#user { float: right; margin: 17px 0 0 0; height: 40px; padding: 4px 0 0 0 }

.user-status { font-size: 11px; font-style: italic }
.user-name { font-size: 14px; font-weight: bold }

#logo h1 { display: none; margin: 0 }

#logo { 
 position: absolute;
	margin: -30px 0 0 0;
 width: 600px; 
 height: 110px; 
	z-index: 10;
}

#logo a { 
 position: absolute;
 width: 450px; 
 height: 110px; 
	border: 0 
}

#logo a:hover { background: none; border: none }

/* content
-------------------- */	
#content {
	font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Sans-serif;
	width: 675px;
	color: #293f56;
	padding: 13px 0 10px 0;
	margin: 0 5px 0 261px;
	border: 1px solid #fff; /* sidebar has gap in FF if this is not in place */
}

* html #content { 	width: 674px; float: right; margin: 13px 3px 0 5px; padding: 0 } /* ie6 fix */

#breadcrumb { 
 width: 658px;
 font: 10px Arial, Helvetica, sans-serif; 
	background: url(../_img/bkgd_breadcrumb.gif) repeat-x center; 
	margin: 0 0 0 -4px;
	padding: 0 20px 0 0;
}

.breadcrumb { background: white }

#breadcrumb a { color: #28517f; text-decoration: none; margin: 0 4px; border: 0 }
#breadcrumb a:hover { color: #000; text-decoration: none; border-bottom: 1px solid #000 }

/* home  */
#current {
 border: 1px solid #D7D7D7; border-bottom: 0px; padding: 10px; background: #efefef url(../_img/bkgd_current.gif) no-repeat bottom; 
}

#current h5 { margin: 2px 0 7px 0; font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; color: #333 }

#info-box {
 width: 220px;
	float: right;
	font-size: 11px;
	line-height: 1.9em;
 margin: 13px 0 15px 25px;
}

#info-box h2 { font-size: 15px; margin: 13px 0 11px 0; color: #1c3b5e }

#info-box p { margin: 0 }

.info-box {
	background: url(../_img/infobox_dotline.gif) no-repeat bottom; 
	padding: 0 0 15px 0;
}

.info-box li { padding: 0 0 3px 0 }
.info-box ul { margin: 0 10px 0 -20px }

/* analysis table */
#analysis {
	font-size: 11px;
	line-height: 1.9em;
 margin: 14px 0 15px 0;
 padding: 0 0 5px 0;
	text-align: center; 
}

#analysis h2 { font-size: 15px; margin: 13px 0 11px 0; color: #1c3b5e }
#analysis h3 { font-size: 14px; margin: 13px 0 11px 0; color: #1c3b5e; text-align: center }

/* person analysis */
.table-analysis { 
	font-size: 11px; 
	background: #d7d7d7;
	margin: 0 0 18px 0;
	text-align:left	
}					

.table-analysis a { border: 0; text-decoration:underline }

.table-analysis td { padding: 4px; text-align: center }
.table-analysis tr { background: #fff }
.table-analysis-header { font-size: 14px; background: #006599; color: #fff }
.table-analysis-header p { margin: 1px 3px }
.table-user-header { font-size: 14px; background: #e3e3e3; color: #000}
.table-user-header p { margin: 1px 3px; text-align: left }
.table-lines { font-size: 11px }
.table-lines td { border-bottom: 1px solid #ebebeb; padding: 5px 0 }

.table-analysis-explanation { background: #f7f7f7; margin: -18px 0 18px 0; font-size: 11px; line-height: 1.2em; border: 1px solid #d7d7d7; border-top: 0 }
.table-analysis-explanation p { margin: 8px 10px 10px 10px }
.cell-low { border-bottom: 2px solid #9dd892 }
.cell-neutral { border-bottom: 2px solid #d7d7d7 }
.cell-high { border-bottom: 2px solid #e6554e  }

.centered { text-align: center }

.radio-button { margin-top: 5px }

.analysis-error { color: #c00; text-align: center } 

#q-box-row { width: 675px; height: 25px; margin: 8px 0 0 0 }

#q-box {
 margin-left: 0;
 padding-left: 0;
 white-space: nowrap;
	font-size: 11px;
}

#q-box li {
 display: inline;
 list-style-type: none;
}

#q-box a { padding: 3px 0.49em; border: 1px solid #999 }

#q-box a:link, #q-box a:visited {
 color: #333;
	background: #f7f7f7 url(../_img/q-box.gif) repeat-x; 
 text-decoration: none;
}

.option a:link, .option a:visited {
color: #343434;
text-decoration: none;
}

.option a:hover {
border: 1px solid #000;
background-color: #5d1a9e;
color: #fff;
}

#q-box a:hover {
 color: #000;
	background: #f7f7f7 url(../_img/q-box-hover.gif) repeat-x; 
 text-decoration: none;
 border: 1px solid #000;
}

/* links above assessment tabs */
.option-links { width: 100%; height: 27px } 
.option-links-left { float: left; width: 48%; text-align: left; } 
.option-links-right { float: right; width: 48%; text-align: right; padding: 0 10px 0 0 } 
.option-links-right img { margin: 0 0 -4px 0 }

/* footer */	
#footer {
	background: #f7f7f7 url(../_img/bkgd_footer.gif) no-repeat top; /* bottom of side-nav column */
 padding: 22px 18px 20px 14px;
	margin: 0 0 25px 0;
	height: 50px;
	border-bottom: 1px solid #d3d3d3;
 font: 10px "Lucida Grande", "Lucida Sans Unicode", Arial, Sans-serif;	
	color: #8c8c8c
}

* html #footer {  padding: 22px 18px 15px 14px } /* ie6 */
#footer p { margin: 0 } 
.footer-logo { padding: 7px 0 0 0; float: right }
.footer-links { height: 29px; padding: 1px 0 0 0; background: url(../_img/footer_dotline.gif) no-repeat bottom left }
.copyright { padding: 12px 0 0 4px }


/* =Navigation
----------------------------------------------- */
#side-nav {
 float: left; 
	padding: 0;
	margin: 0 0 0 -1px;
	width: 241px;
	line-height: 1.45em;	
 border-top: 8px solid #fff; 
	position: relative;
}
* html #side-nav { width: 242px } /* ie6 tweak */
	
#side-nav ul {
	padding: 9px 0 9px 0;
	list-style-type: none;
	border-top: 1px solid #d7d7d7;
	margin: 0 0 0 1px;
	padding: 8px 0 9px 0;	
} 
* html #side-nav ul { margin: 0 0 0 2px } /* ie6 tweak */

#side-nav ul ul{
	margin: 0;
	border: none;
	padding: 0;
} 

#side-nav a:link, #side-nav a:visited {
 color: #293f56;
 text-decoration: none;
	margin: 0;	
	border: 0 	
}

#side-nav .set{
 color: #000;
	font-weight: bold;
 text-decoration: none;
}

/* level 1 */
#side-nav li a {
 display: block;
 padding: 6px 12px 6px 12px;
	margin: 0;
 width: 213px;
 text-decoration: none;
	background: url(../_img/sidebar_link.gif) no-repeat bottom;
}

#side-nav li a:hover {
 color: #000;
 text-decoration: none;
	background: url(../_img/sidebar_hover.gif) no-repeat bottom; 
}

/* level 2 */
#side-nav li li a {
 display: block;
 padding: 6px 12px 6px 32px;
	margin: 0;
 width: 193px;
	background: url(../_img/sidebar_link_2nd.gif) no-repeat bottom;
}

#side-nav li li a:hover {
 color: #000;
 text-decoration: none;
	background: url(../_img/sidebar_hover_2nd.gif) no-repeat bottom; 
}

/* level 3 */
#side-nav li li li a {
 display: block;
 padding: 6px 12px 6px 52px;
	margin: 0;
 width: 173px;
	background: url(../_img/sidebar_link_3rd.gif) no-repeat bottom;
}

#side-nav li li li a:hover {
 color: #000;
 text-decoration: none;
	background: url(../_img/sidebar_hover_3rd.gif) no-repeat bottom; 
}

/* level 4 */	
#side-nav li li li li a {
 display: block;
 padding: 6px 12px 6px 74px;
	margin: 0;
 width: 151px;
	background: url(../_img/sidebar_link_4th.gif) no-repeat bottom;
}

#side-nav li li li li a:hover {
 color: #000;
 text-decoration: none;
	background: url(../_img/sidebar_hover_4th.gif) no-repeat bottom; 
}

/* =Lists
----------------------------------------------- */
#content ul {
 margin-left: 3px;
	margin-bottom: 20px;
 padding: 0 0 0 30px;
 list-style: none;	
 line-height: 1.1em;
 position: relative;	
}

#content ul ul {
 margin-left: 3px;
	margin-bottom: 0px;
 padding: 4px 0 1px 30px;
 list-style: none;	
 line-height: 1.1em;
 position: relative;	
}

#content ul li {
 padding-left: 13px;
 background-image: url(../_img/theme/bullet.gif);
 background-repeat: no-repeat;
 background-position: 0 .3em;
 margin: 5px 0;
}

.content ul li li, .content ul li li li {
 padding: 0 0 0 13px;
 background-image: url(../_img/theme/bullet.gif);
 background-repeat: no-repeat;
 background-position: 0 .3em;
 margin: 5px 0 5px 10px;
} 

/* =Links
----------------------------------------------- */
a:link, a:visited, a:active  { text-decoration: none; color: #000; border-bottom: 1px solid #000;  }
a:hover  { text-decoration: none; color: #3d4f62; border-bottom: 1px solid #27527F }

.option-links a:link, .option-links a:visited, .option-links a:active { text-decoration: underline; color: #000; border-bottom: 0 } /* ie6+7 not displaying normal bottom border */
.option-links a:hover  { text-decoration: underline; color: #3d4f62; border-bottom: 0 }

#header-links a:link, #header-links a:visited, #header-links a:active  { text-decoration: none; color: #28517f; margin: 0 7px; border-bottom: 1px solid #e7e7e7 }
#header-links a:hover  { text-decoration: none; color: #000; border-bottom: 1px solid #000 }

#footer p a:link, #footer p a:visited, #footer p a:active  { text-decoration: none; color: #8c8c8c; padding: 0 6px; 	border: 0  }
#footer p a:hover  { text-decoration: none; color: #000  }


/* =Forms + Buttons + Tables
----------------------------------------------- */
/* buttons */
a.btn, a:visited.btn {
 font: 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Sans-serif;	
	padding: 3px 8px;
	margin: 0 4px 0 0;	
	font-size: 12px;
	text-transform: uppercase;
	color: #080808;
 border: 1px solid #aab3be;
	background: url(../_img/bkgd_btn-sml.gif);
	text-decoration: none;
 width: auto; overflow: visible;	 /* fixes weird widths in IE */
} 

input.btn { /* for input buttons */
 filter:chroma(color=#000000); /* kills black outline in IE */
 font: 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Sans-serif;	
	padding: 3px 8px;
	margin: 0 4px 0 0;
	font-size: 12px;
	text-transform: uppercase;
	color: #080808;
 border: 1px solid #aab3be;
	background: url(../_img/bkgd_btn-sml.gif);
	cursor: pointer;
	text-decoration: none;	
 width: auto; overflow: visible;		/* fixes weird widths in IE */
} 

a.btn:hover, .btn:hover {
	color: #080808;
 border: 1px solid #080808; 
	background: url(../_img/bkgd_btn-sml-hover.gif);
	pointer: hand;
}

.submit-buttons { margin: 14px 0 0 0; text-align: left }

/* tables */
.table { 
	font-size: 11px; 
	text-align: center;
	background: #b8bec3;
	margin: 0 0 10px 0;
}					

.table a { border: 0; text-decoration:underline }

.table td { padding: 4px }

.table-header { 
	background: #d4dfe9;
 padding: 5px 4px;
	line-height: 1.3em;
}		

.stripe { background: #f5f5f5 }
.stripe-white { background: #fff }
.stripe-question { background: #dbe5ee }
.stripe-question p { padding: 1px 3px 3px 3px; margin: 0 }

.stripe-level-0 { background: #d0dae2	 }
.stripe-level-1 { background: #e8f0f6	 }
.stripe-level-2 { background: #fff }
.stripe-level-3 { background: #f5f5f5 }
.stripe-level-4 { background: #e5e5e5 }

.indent-level-1 { margin: 0 0 0 15px }

.icon-legend { margin: 0 0 5px 0 } 
.icon { border: none; margin: 0 4px -3px 0; padding: 0 }
.icon a { text-decoration: none; border: none }

.setup { background: #edf8fc; text-align: center }
.pending { background: #fff8cc; text-align: center }
.complete { background: #dff5e0; text-align: center }
.incomplete { background: #fce9e5; text-align: center }

.table-box { /* styling for a table without fancy cells */
	background: #f5f5f5;
	border: 1px solid #b8bec3;
 padding: 6px 7px 3px 7px;
	line-height: 1.3em;
	margin: 0 0 10px 0;	
}

.textbox { font: 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Sans-serif;	 height: 18px; padding: 3px 0 0 2px; border: 1px solid #afc0d2; margin: 0 4px 4px 0 } 
.dropdown { font: 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Sans-serif;	padding: 0; border: 1px solid #afc0d2;  margin: 0 0 4px 0 }
.textarea { font: 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Sans-serif; border: 1px solid #afc0d2; padding: 3px }
.textarea-consensual { margin: 4px; width: 374px }

#content fieldset {  padding: 8px 10px 8px 10px;	border: 1px solid #d7d7d7; margin: 0 0 10px 0 }
legend { color: #000; margin: 0 0 5px 0 }


/* =Standard + Misc
----------------------------------------------- */
.hide {display: none}

.linkedImage { margin: 0; padding: 0; border: 0px }
.linkedImage a:hover { background: none }	   

.hilite { color: #ce0201 }
.red, .error { color: #c00 } 
.tab { border-color:#dce6ef; border-style:solid; border-width:1px; border-bottom-width:0px; padding:5px 10px; text-align:center; }
.tab-selected { background-color:#dce6ef; }
.sml { font-size: 10px }
.srch-hilite { background: #ffd200; padding: 0px 4px }


/* Graphic
------------------------------------------------*/

.graph_area {display:block;margin:0px;padding:0px;min-height:0px;border:solid 1px #000;}
.graph_top .graph_area {border-bottom-width:0;}
.graph_bottom .graph_area {border-top-width:0;}