/* created: 6/18/07
 Lisa Hoppes 
 updated: 7/16/2008
 Alex Lapinski
*/
/*reset styles-- source: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    background: transparent;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

h1 sup {
    font-size: 0.7em;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}

body {
    line-height: 1;
    color: black;
    background: white;
}

ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}
/*layout styles*******************************************************************************/
/*general container rules*/
body {
    text-align: center;
    background-color:#102338;
}

#container {
    width: 960px;
    margin: 0px auto;
    text-align: left;
    position: relative;
}

#container form {
    float: left;
    width: 960px;
    padding: 5px 0;
}


/*********************************************
 *			 Template Header Styles			 *
 *********************************************/
div.hide, div.hide div {
    display: none;
}
#header {
    float: left;
    width: 950px;
    margin-left: 5px;
    background: #102338;
}

#header img {
    float: right;
    margin-right: 25px;
}
/*navigation rules*/
ul.nav {
    list-style: none;
    float: left;
    margin: 0;
    padding: 0;
    width: 243px;
    height: 35px;
    margin-top: 88px;
    background: url(../images/vital-signs/nav-bg.png) no-repeat;
	padding-left: 20px;
	padding-right: 20px;
}

ul.nav li {
    float: left;
}

ul.nav li a,
ul.nav li span {
    display: block;
    height: 35px;
    text-indent: -2000px;
}

ul.nav li.Trends span,
ul.nav li.Trends a {
    background: url(../images/vital-signs/navigation/nav-trends.png) no-repeat 0 0;
    width: 96px;
    height: 35px;
}

ul.nav li.Custom_Comparison a {
    background: url(../images/vital-signs/navigation/nav-compare.png) no-repeat 0 0;
    width: 131px;
    height: 35px;
}

ul.nav li.Trends a:hover {
    width: 96px;
    height: 35px;
    background-position: 0 -35px;
}

ul.nav li.Trends a.current,
ul.nav li.Trends span
{
	width: 96px;
	height: 35px;
    background-position: 0 -70px;
}

ul.nav li.Custom_Comparison a:hover {
    width: 131px;
    height: 35px;
    background-position: 0 -35px;
}

ul.nav li.Custom_Comparison a.current {
    width: 131px;
    height: 35px;
    background-position: 0 -70px;
}

/* Main Navigation */
#header #aux_nav 
{
	display: block;
	width: 214px;
	float: right;
    margin: 0;
    padding: 0;
	margin-top: 37px;
	margin-right: 1px;
}

#header #aux_nav a.about-us {
	display: block;
    text-indent: -20000px;
    background: url(../images/vital-signs/navigation/nav-about.png) no-repeat 0 0;
    width: 154px;
    height: 18px;
    margin-top: 41px;
    float: right;
}
#header #aux_nav a.about-us:hover {
    background-position: 0 -18px;
}
#header #aux_nav a.back-to-pcs {
	display: block;
	text-indent: -2000px;
    background: url(../images/vital-signs/navigation/nav-back.png) no-repeat 0 0;
    width: 214px;
    height: 18px;
    
    float: right;
}
#header #aux_nav a.back-to-pcs:hover 
{
	background-position: 0 -18px;
}
/* End Main Menu */
/*********************************************
 *		END  Template Header Styles			 *
 *********************************************/

ul#trends {
    float: left;
    width: 100%;
    margin-left: 5px;
    height: 36px;
    width: 940px;
    background: url(../images/vital-signs/trends-nav-bg.png) repeat-x;
    padding-left: 10px;
}

ul#trends li {
    float: left;
    height: 36px;
    width: auto;
}

ul#trends li.moreTrends {
	float: right;
}

ul#trends li a {
    background: url(../images/vital-signs/trends-nav-bg.png) repeat-x;
    height: 36px;
    display: block;
    float: left;
    color: #587b95;
    text-decoration: none;
    font-size: 1.1em;
    padding:0.6em 1.2em 0;  /* Update padding to - >  padding:0.6em 1.0em 0; */

}

ul#trends li a:hover {
    background: url(../images/vital-signs/trends-nav-bg.png) repeat-x 0 -36px;
    height: 36px;
    color: #4a8cbc;
}

ul#trends li a.current {
    color: #3fa3d7;
    background: url(../images/vital-signs/trends-nav-bg.png) repeat-x 0 -36px;
}

/**
 * Utility Nav (At the footer of the map)
 */

ul#utility {
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: left;
    margin-top: 15px;
    margin-right: 5px;
	margin-bottom: 15px;
	margin-left: 0;
    z-index: 10;
}

ul#utility li {
    float: left;
    margin: 0 0 0 0.5em;
    padding: 0 0 0 0.5em;
    line-height: 1.1em;
	width: auto;
	font-size: 1em;
	border-left: solid 1px #333;
}
ul#utility li.first {
	border-left: none;
	padding: 0;
}
ul#utility li a {
    font-size: 1em;
}

ul#utility li a.current {
    display: none;
}

/**
 * End Utility Nav
 */

#close-method {
    position: absolute;
    left: 840px;
    margin-top: 8px;
    font-size: 0.95em;
    padding-top: 9px;
    background: url(../images/vital-signs/util-method-bg-trans.png) no-repeat 0 0;
    height: 51px;
    width: 118px;
    padding-left: 6px;
    z-index: 11;
    color: #91B934;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
}

.ajax-content #close-more p, .ajax-content #close-method p, #content #close-more p, #content #close-method p {
    margin: 0;
    float: none;
    padding: 0 0 0 12px;
    width: 143px;
    background: url(../images/vital-signs/green-arrow.png) no-repeat 0 4px;
    margin-bottom: 5px;
}

.closeTab {
    color: #666;
    text-decoration: none;
    font-weight: bold;
    padding-left: 12px;
    background: url(../images/vital-signs/close-trans.png) no-repeat 0 2px;
    margin-left: 20px;
    margin-top: 10px;
    margin-right: 20px;
    float: right;
}

#close-method a {
    margin-left: 0;
}

.ajax-content {
    float: left;
    clear: both;
    background: #fff url(../images/vital-signs/content-bg.png) repeat-x;
    width: 950px;
    margin-left: 5px;
    color: #666;
    font-size: 0.9em;
}

#content {
    float: left;
    clear: both;
    background: #fff url(../images/vital-signs/content-bg.png) repeat-x;
    width: 950px;
    margin-left: 5px;
    color: #666;
    font-size: 0.9em;
}

#content p {
    margin-left: 38px;
    margin-top: 15px;
    width: 635px;
    float: left;
}

#workspace .col-2 p.assessment-description
{
	float:none;
	margin-left:0px;
}
#container.no-sub #content {
    background-image: none;
}

.ajax-content p {
    margin-left: 38px;
    margin-top: 15px;
    width: 95%;
    float: left;
}

.ajax-content p strong, #content p strong {
    font-weight: bold;
    color: #91B934;
}

ul#tabs {
    list-style-type: none;
    height: 32px;
    margin: 0;
    padding: 0;
    margin-left: 223px;
    float: left;
}

ul#tabs li {
    float: left;
    margin: 0;
    padding: 0;
    margin-right: 1px;
    width: 118px;
    height: 32px;
    line-height: 32px;
}

ul#tabs li a {
    text-indent: -2000px;
    display: block;
    width: 118px;
    height: 32px;
}

ul#tabs li#tabs-view-map a {
    background: url(../images/vital-signs/navigation/tabs-view-map.png) no-repeat 0 -32px;
}

ul#tabs li#tabs-data-table a {
    background: url(../images/vital-signs/navigation/tabs-data-table.png) no-repeat 0 -32px;
}

ul#tabs li#tabs-view-chart a {
    background: url(../images/vital-signs/navigation/tabs-view-chart.png) no-repeat 0 -32px;
}

ul#tabs li#tabs-view-map a:hover, ul#tabs li#tabs-view-map a.current {
    background: url(../images/vital-signs/navigation/tabs-view-map.png) no-repeat 0 0;
}

ul#tabs li#tabs-data-table a:hover, ul#tabs li#tabs-data-table a.current {
    background: url(../images/vital-signs/navigation/tabs-data-table.png) no-repeat 0 0;
}

ul#tabs li#tabs-view-chart a:hover, ul#tabs li#tabs-view-chart a.current {
    background: url(../images/vital-signs/navigation/tabs-view-chart.png) no-repeat 0 0;
}


#workspace {
    clear: both;
    float: left;
    width: 950px;
    min-height: 362px;
    background: #bed9ef url(../images/vital-signs/workspace-bg.png) repeat-x;
    padding-bottom: 20px;
}

#workspace .col-1, #workspace .col-2, #workspace .col-3 {
    float: left;
}

#workspace .col-1 {
    width: 254px;
    position: relative;
    margin-bottom: 10px;
    z-index: 5;
}

#workspace .col-2 {
    width: 502px;
    position: relative;
    z-index: 1;
}

#workspace .col-3 {
    width: 194px;
}
/* Note: JavaScript Relies on the base CSS class 'vs_tool_tip' if this is changed, then the JS will need to be changed */
.vs_tool_tip-tip {
    z-index: 5000;
    background: transparent url(../images/vital-signs/util-method-bg-trans.png) no-repeat;
    padding: 5px;
    width: 109px;
    height: 51px;
}

.vs_tool_tip-title {
    display: none;
    color: #319DD4;
    font-weight: bold;
    margin: 0 0 10px 0;
}

.vs_tool_tip-text {
    color: #333;
}

#assessments {
    float: left;
    width: 210px;
	min-height: 350px;
    background: url(../images/vital-signs/assmts-bot-bg-trans.png) no-repeat left bottom;
    margin: 0 0 10px 10px;
    padding: 0 0 10px 0;
    z-index: 10;
    position: relative;
}

#workspace .col-1 h2 {
    width: 210px;
    text-align: center;
    background: url(../images/vital-signs/assmts-top-bg-trans.png) no-repeat;
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: uppercase;
    margin: 10px 0 0 10px;
    z-index: 10;
    position: relative;
}

#assessments ul {
    padding-bottom: 10px;
    float: left;
	margin-bottom: 2px;
	width: 200px;
	overflow: hidden;
}

#assessments ul li {
    float: left;
    width: 170px;
    background: #F2F2F2;
    border: solid 1px #E4E4E4;
    margin-left: 10px;
    margin-bottom: 2px;
    padding: 0;
    color: #666;
}

#assessments ul li a {
    display: block;
    color: #666;
    text-decoration: none;
    padding: 3px 5px 3px 20px;
    line-height: 1.4em;
    font-weight: normal;
    font-size: 1.0em;
    width: 145px;
}

#assessments ul li a:hover, #assessments ul li a.current {
    background: #20A3E6 url(../images/vital-signs/assmt-arrow.png) no-repeat scroll 10px 6px;
    color: #fff;
    padding: 3px 5px 3px 20px;
    width: 145px;
}

#assessments div.scrollBtnContainer {
	display: block;
	padding: 3px 0;
	clear: both;
	
    width: 147px;
	height: 21px;
    margin-left: 24px;
    margin-bottom: 2px;
}
#assessments div.scrollBtnContainer a#scrollUpAssessments {
	display: block;
	padding: 3px 0;
	
    width: 29px;
	height: 21px;
    margin-left: 34px;
    margin-bottom: 2px;
    
    float: left;
	
	text-indent: -50000px;
	background: transparent url(/_assets/images/vital-signs/scroll-up.png) no-repeat;
}
#assessments div.scrollBtnContainer a#scrollDownAssessments {
	display: block;
	padding: 3px 0;
	
    width: 29px;
	height: 21px;
    margin-left: 24px;
    margin-bottom: 2px;
	
	float: left;
	
	text-indent: -50000px;
	background: transparent url(/_assets/images/vital-signs/scroll-down.png) no-repeat;
}

.tab_wrapper {
    position: absolute;
    width: 20px;
    left: 218px;
    top: 37px;
}


/******************************************************************
 *			     	Demographics Tab / Drawer					  *
 ******************************************************************/
.demographics {
    float: left;
    width: 251px;
}
.jsOn .demographics { width: 26px; }
	.demographics .demographics-inner,
	.demographics.first-load  .demographics-inner {
		float: left;
		width: 165px;
		background: #87BEDA;
		padding: 9px 5px;
		min-height: 179px;
		margin-left: 0;
	}

	.demographocs-inner-wrap {
		height: 100%;
	}

.demographics-inner-wrap dl {
    width: 162px;
    margin-bottom: 10px;
}

.demographics-inner-wrap dl dt {
    cursor: pointer;
    width: 156px;
    margin-bottom: 1px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    background: #5A9EC0 url(../images/vital-signs/demog-arrow-right.png) no-repeat 153px 6px;
    padding: 6px 3px 3px 3px;
    font-size: 0.9em;
}

.demographics-inner-wrap dl dt.selected {
    background: #599EC3 url(../images/vital-signs/demog-arrow-down.png) no-repeat 153px 4px;
    padding: 3px;
}

.demographics-inner-wrap dl dd {
    width: 152px;
    background: #5A9EC0;
    border-top: solid 1px #5A9EC0;
    margin-top: -1px;
    color: #fff;
    margin-bottom: 1px;
    padding: 0 6px 2px 4px;
}

.demographics-inner-wrap dl dd ul li {
    display: block;
    float: left;
    margin: 0 5px 0 0;
}

.demographics-inner-wrap dl dd ul li.close_list {
    clear: both;
    float: none;
    height: 0;
}

.demographics-inner-wrap dl dd ul li label {
    color: #FFF;
    padding: 0 0 2px 3px;
    vertical-align: top;
    width: 11em;
    float: right;
    display: block;
}

.demographics-inner-wrap dl dd ul li input {
    vertical-align: middle;
    float: left;
    display: block;
}

.demographics-inner-wrap a#clear-filter {
    margin-left: 10px;
}

h3#h3-demographics {
    float: left;
    display: block;
    text-indent: -2000px;
    width: 26px;
    height: 190px;
    background: url(../images/vital-signs/dg_handle_open_title.png) no-repeat;
    margin: 0;
    padding: 0;
    position: relative;
}

h3#h3-demographics.closed {
    background: url(../images/vital-signs/dg_handle_closed_title.png) no-repeat;
}

h3#h3-demographics a {
    display: block;
    text-indent: -2000px;
    width: 26px;
    height: 187px;
}

#workspace .col-1 .demographics .bottom {
    clear: left;
    height: 4px;
    width: 175px;
    background: transparent url(../images/vital-signs/demographics_menu_bottom_bg.png) repeat-x;
    margin: 0;
    padding: 0;
}

#workspace .col-1 .demographics.closed .bottom {
    visibility: hidden;
}

div.demographics-open {
    width: 251px;
    margin-left: 0;
}
div.demographics-closed {
    width: 201px;
   	margin-left: -175px;
}
div.demographics-inner-open {
    width: 165px;
   	margin-left: 0;
	padding: 9px 5px;
}
div.demographics-inner-closed {
	width: 0;
    margin-left: 175px;
	padding: 9px 0;
}
/******************************************************************
 *			  END	Demographics Tab / Drawer					  *
 ******************************************************************/



/******************************************************************
 *					Policies Tab / Drawer						  *
 ******************************************************************/
div.policies 
{
	width: 207px;
	margin-left: 0px;
    padding: 0;
}
div.policies-closed {
	width: 207px;
    margin-left: -177px;
    margin-bottom: 0px;
}
	div.policies .policies-inner 
	{
		float: left;
		width: 179px;
		background: transparent url('/_assets/images/vital-signs/policies_drawer/policies_drawer_bg_middle.png') repeat-y;
		min-height: 109px;
	}
			div.policies .policies-inner .policies-inner-wrap h3#h3-policies-title
		    {
				background-image: url('/_assets/images/vital-signs/policies_drawer/policies_tab_title.png');
				background-repeat: no-repeat;
				width: 75px;
				height: 15px;
				text-indent: -50000px;
				
				margin: 10px auto 15px 57px;
			}
			div.policies .policies-inner .policies-inner-wrap p#show_me 
			{
				float: none;
				height: 7px;
				width: 49px;
				margin: 0 auto 6px 15px;
				background-image: url('/_assets/images/vital-signs/policies_drawer/show_me_policies.png');
				background-repeat: no-repeat;
				text-indent: -50000px;
			}
			
		    div.policies .policies-inner .policies-inner-wrap ul 
		    {
				margin: auto auto auto 6px;
				width: 160px;
			}
			    div.policies .policies-inner .policies-inner-wrap ul li 
			    {
					padding: 0;
					display: block;
					width: 100%;
					background-color: #5A9EC0;
					margin: 0 auto 3px auto;
					float:left;
					max-height: 40px;
					overflow: hidden;
				}
					div.policies .policies-inner .policies-inner-wrap ul li input 
					{
						margin: 10px 0 0 4px;
						padding:0;
						vertical-align: middle;
						width: 16px;
						display: block;
						float: left;
					}
					div.policies .policies-inner .policies-inner-wrap ul li label 
					{
						color: #FFF;
						width: 117px;
						display:block;
						float: right;
						margin: 3px 0 2px 0;
						padding-right: 20px;
						min-height: 24px;
						background-position:  118px 0px;
						background-repeat: no-repeat;
						background-color: Transparent;
					}
					div.policies .policies-inner .policies-inner-wrap ul li.red label
					{
						background-image: url('/_assets/images/vital-signs/pushpin-red.png');
					}
					div.policies .policies-inner .policies-inner-wrap ul li.blue label
					{
						background-image: url('/_assets/images/vital-signs/pushpin-blue.png');
					}
					div.policies .policies-inner .policies-inner-wrap ul li.purple label
					{
						background-image: url('/_assets/images/vital-signs/pushpin-purple.png');
					}
					div.policies .policies-inner .policies-inner-wrap ul li.green label
					{
						background-image: url('/_assets/images/vital-signs/pushpin-green.png');
					}
					div.policies .policies-inner .policies-inner-wrap ul li.yellow label
					{
						background-image: url('/_assets/images/vital-signs/pushpin-yellow.png');
					}
		    
		    div.policies .policies-inner .policies-inner-wrap a#clear-policies
		    {
				clear: both;
				margin-left: 7px;margin-top: 14px;
			}
		    #content div.policies .policies-inner .policies-inner-wrap p#learn-more 
		    {
				margin: 0; padding: 0;
				display: block;
				height: 50px; width: 92px;
				background-image: url('/_assets/images/vital-signs/policies_drawer/policies_tab_calloutbox.png');
				
				padding: 10px 15px;
				padding-right: 55px;
				margin-left: 7px;
			} 
			#content div.policies .policies-inner .policies-inner-wrap p#learn-more span.innerWrapper
		    {
				display:block;
				margin:0;padding:0;
				overflow:hidden;
				height:50px;width:92px;
			}
				div.policies .policies-inner .policies-inner-wrap p a#go-btn 
				{
					width: 37px;
					height: 35px;
					display: block;
					text-indent: -50000px;
					background-image: url('/_assets/images/vital-signs/policies_drawer/go_btn.png');
					float: right;
					margin-right: -40px;
					margin-top: -40px;
				}
	div.policies h3#h3-policies
	{
		float: right;
		margin:0;
		padding:0;
		position: relative;
		left: -3px;		
		z-index: 5;
	}
		div.policies h3#h3-policies a 
		{
			background: transparent url('/_assets/images/vital-signs/policies_drawer/policies_drawer_handle_open.png') no-repeat top left;
			text-indent: -50000px;
			display: block;
			height: 109px;
			width: 28px;
		}
		div.policies h3#h3-policies.closed a {
			background-image: url('/_assets/images/vital-signs/policies_drawer/policies_drawer_handle_closed.png');
		}
	#workspace .col-1 div.policies div.bottom 
	{
		clear: both;
		margin: 0;
		padding: 0;
		width: 179px;
		height: 12px;
		margin-right: 28px;
		
		background: transparent url('/_assets/images/vital-signs/policies_drawer/policies_drawer_bg_bottom.png') no-repeat top left;
	}
/******************************************************************
 *				End Policies Tab / Drawer						  *
 ******************************************************************/





#legend {
    clear: both;
    float: left;
    width: 208px;
    background: url(../images/vital-signs/legend-bg-top.png) no-repeat top;
    margin-left: 10px;
}

#legend dl {
    float: left;
    margin: 10px 20px 0 20px;
    width: 208px;
}

#legend dl dt {
    float: left;
    width: 25px;
    clear: left;
    margin-right: 10px;
}

#legend dl dd {
    float: left;
    width: 140px;
}

#workspace .col-1 .bottom {
    background: url(../images/vital-signs/legend-bg-bot.png) no-repeat bottom;
    width: 210px;
    height: 20px;
    margin: 0 0 10px 9px;
    padding: 0;
}
/*temp*/
#map {
    float: left;
}
#map p.noData {}

div.map-tool-tip,
div.chart-tool-tip {
	z-index: 99;
}
	div.map-tool-tip div.tip-left,
	div.chart-tool-tip div.tip-left {
		float: left;
		width: 17px;
		height: 46px;
		background: transparent url("/_assets/images/vital-signs/tooltip/Left.png") no-repeat;
	}
	div.map-tool-tip div.tip,
	div.chart-tool-tip div.tip  {
		background: transparent url("/_assets/images/vital-signs/tooltip/Middle.png") repeat-x;
		text-align: center;
		padding: 15px;
		float: left;
		min-width: 20px;
		max-width: 300px;
		height: 31px;
	}
		div.map-tool-tip div.tip strong,
		div.chart-tool-tip div.tip strong { color: #ca5839; }

	div.map-tool-tip div.tip-right,
	div.chart-tool-tip div.tip-right { 
		float: left;
		width: 17px;
		height: 46px;
		background: transparent url("/_assets/images/vital-signs/tooltip/Right.png") no-repeat;
	}

#workspace .col-2 h1#assessment-title {
    border-bottom: solid 1px #BFDAEC;
    padding-bottom: 6px;
    padding-top: 10px;
    line-height: 20px;
}

#workspace .col-2 p#assessment-description {
	margin-left: 0px;
	float: none;
}
#workspace .col-2 p#assessment-description a
{
	display:block;
}

#workspace.two-col .col-2 {
    width: 696px;
    position: relative;
    z-index: 1;
}

#workspace.two-col .col-2 h1, #workspace.two-col .col-4 h1 {
    border-bottom: solid 1px #BFDAEC;
    padding-bottom: 6px;
    padding-top: 10px;
}

#workspace.two-col .col-2 label, #workspace .col-2 label {
    color: #319DD4;
    text-transform: uppercase;
    font-weight: bold;
    padding-bottom: 4px;
}

#workspace.two-col .col-2 select, #workspace .col-2 select {
    font-size: 0.85em;
    margin-right: 8px;
}

#workspace.two-col .col-4 .message 
{
	font-size:1em;	
}

#workspace .col-2 .map-table-controls {
    clear: both;
    float: right;
    text-align: right;
    margin-top: 8px;
    margin-bottom: 8px;
    margin-left: 10px;
    line-height: 19px;
}

#workspace.two-col #wide label {
    color: #319DD4;
    text-transform: none;
    font-weight: normal;
    padding-bottom: 4px;
}

#workspace.two-col .col-2 label, #workspace.two-col .col-2 select, #workspace.two-col .col-2 a#print, #content #workspace.two-col .col-2 .map-table-controls input.csv {
    float: left;
}

#workspace.two-col .col-2 label {
    margin-right: 6px;
    margin-top: 4px;
}

#workspace.two-col .col-4 td {
    padding-right: 20px;
}

#policies {
    float: left;
    width: 162px;
    background: url(../images/vital-signs/policies-bot-bg-trans.png) no-repeat bottom;
    margin: 0 0 10px 0;
    padding: 0 17px 10px 15px;
}

#workspace .col-3 h2 {
    width: 194px;
    text-align: center;
    background: url(../images/vital-signs/policies-top-bg-trans.png) no-repeat;
    padding-top: 23px;
    padding-bottom: 10px;
    text-transform: uppercase;
    margin: 10px 0 0 1px;
}

#policies p {
    margin: 0;
    width: auto;
    float: none;
    padding: 0;
    line-height: 1.4em;
}

#policies h3 {
    color: #91B934;
    text-transform: uppercase;
    margin: 0;
    padding-top: 10px;
}

#policies ul {
    padding-bottom: 10px;
    float: left;
}

#policies ul li {
    display: block;
    float: left;
    width: 172px;
    background: #F2F2F2;
    border: solid 1px #E4E4E4;
    margin-left: -9px;
    margin-bottom: 4px;
    padding: 3px;
    line-height: 1.4em;
}

#policies ul li span {
    display: block;
    float: left;
    width: 126px;
    text-indent: -24px;
    padding-left: 24px;
}

#policies ul li img {
    display: block;
    float: right;
    width: 15px;
    padding: 4px 2px;
}

#policies-cta {
    float: left;
    width: 194px;
    background: url(../images/vital-signs/policies-cta-bg-top-trans.png) no-repeat;
    margin-left: -6px;
    margin-top: 10px;
}

#policies-cta p {
    float: left;
    width: 110px;
    padding: 13px 3px 0 12px;
}

#policies-cta a#go {
    float: left;
    width: 35px;
    padding-top: 13px;
}

#policies .bottom {
    clear: both;
    background: url(../images/vital-signs/policies-cta-bg-bot-trans.png) no-repeat bottom;
    width: 176px;
    height: 13px;
    margin-left: -6px;
    margin-bottom: 10px;
}

#chart {
    clear: both;
    background: #fff url(../images/vital-signs/chart-bg.png) repeat-x;
}

#chart h2 {
    padding: 15px 0 0 15px;
    margin: 0;
    float: left;
    text-transform: uppercase;
}
#chart h1.assessment-title
{
	margin:15px 0 0 25px;
	float:left;	
}
#chart .chart-tool-tip {
	color: #333;	
	text-align: center;
	
	background: #FFF;
	border: solid 1px #333;
	margin: 2px;
	padding: 3px;
}

ul#sort {
    list-style-type: none;
    padding: 0;
    float: left;
    margin: 15px 0 5px 20px;
    font-size: 1.0em;
}

ul#sort li {
    float: left;
    margin: 0;
    padding: 0 5px 0 0;
}

ul#sort li.last {
    padding-left: 6px;
    background: url(../images/vital-signs/pipe.png) no-repeat 0 3px;
}

ul#sort li a {
    color: #2F8BE8;
    font-weight: normal;
    font-size: 1.0em;
}

ul#sort li a.current {
    font-weight: bold;
    padding-right: 12px;
    background: url(../images/vital-signs/green-arrow-down.png) no-repeat right;
}

#data-table {
    overflow: auto;
    width: 690px;
    height: 400px;
}

#data-table table {
    background: #fff;
    width: 674px;
    border: solid 1px #666;
    border-top: solid 2px #666;
    border-left: solid 2px #666;
}

#data-table table td, #data-table table th {
    border: solid 1px #666;
    padding: 3px;
}

#data-table-custom {
    overflow: auto;
    overflow-x: hidden;
    overflow-y: auto;
    width: 690px;
    height: 300px;
    clear: right;
    margin-top: 30px;
}

#data-table-custom table {
    background: #fff;
    width: 674px;
    border: solid 1px #666;
    border-top: solid 2px #666;
    border-left: solid 2px #666;
}

#data-table-custom table td, #data-table table th {
    border: solid 1px #666;
    padding: 3px;
}

#content .overview {
    width: 650px;
    float: left;
    margin: 80px 0 40px 150px;
}

#content .overview h2.larger {
    margin-top: 0;
}

#content .overview p, #content .trends-landing p {
    margin-left: 0;
    padding-left: 0;
    margin-top: 0;
}

#content .overview .two-col {
    float: left;
    clear: both;
    width: 650px;
    background: url(../images/library/divider-vertical.gif) repeat-y center bottom;
    margin-top: 30px;
}

#content .overview .two-col .col-1, #content .overview .two-col .col-2, #content .overview .two-col h2, #content .overview .two-col p {
    float: left;
    width: 310px;
    margin-left: 0;
    padding-left: 0;
}

#content .overview .two-col .col-1 {
    margin-right: 40px;
}

#content .overview .two-col .col-2 {
    width: 300px;
}

#content .trends-landing {
    float: left;
    width: 850px;
    margin: 80px 0 40px 50px;
}

#content .trends-landing .trends-desc, #content .trends-landing .trends-desc h1, #content .trends-landing .trends-desc p {
    float: left;
    width: 300px;
    margin-left: 0;
}

#content .trends-landing #trends-thumbs {
    float: left;
    width: 510px;
    margin-left: 40px;
}

#content #trends-thumbs .dual {
    float: left;
    width: 510px;
}

#content #trends-thumbs .dual div {
    float: left;
    width: 235px;
    margin-left: 0;
    margin-bottom: 10px;
    margin-right: 20px;
}

#content #trends-thumbs .dual div p {
    float: left;
    width: 145px;
    margin-left: 0;
    margin-top: 0;
}

#content #trends-thumbs .dual div img {
    float: left;
    width: 75px;
    margin-right: 15px;
    padding-bottom: 40px;
}

#content #trends-thumbs .dual div p span {
    color: #329dd5;
    font-weight: bold;
}

#workspace.dimmed {
    clear: both;
    float: left;
    width: 950px;
    min-height: 362px;
    background: none;
    margin-top: 10px;
    z-index: 1;
}

#workspace .rounded-top {
    z-index: 2;
    width: 920px;
    margin-left: 15px;
    float: left;
    background: url(../images/vital-signs/rounded-bg-top-trans.png) no-repeat center top;
    height: 13px;
}

#workspace .rounded {
    z-index: 2;
    width: 870px;
    margin-left: 15px;
    float: left;
    background: url(../images/vital-signs/rounded-bg-bot-trans.png) no-repeat center bottom;
    padding: 20px 15px 35px 35px;
    margin-bottom: 20px;
}

#workspace .rounded .scroll {
    width: auto;
    height: 500px;
    overflow-y: scroll;
    overflow-x: hidden;
}

#workspace .rounded .scroll img {
    float: right;
    margin: 10px 20px 0 20px;
}

#workspace .rounded .scroll p, #workspace .rounded .scroll h1, #workspace .rounded .scroll ul {
    margin-left: 0;
    float: none;
}

#workspace .rounded .scroll h1 {
    margin-top: 20px;
    width: 500px;
}

#workspace .rounded .scroll ul li strong {
    color: #329DD5;
}

#workspace .rounded .scroll .two-col {
    width: 850px;
}

#workspace .rounded .scroll .two-col .col-1, #workspace .rounded .scroll .two-col .col-1 p, #workspace .rounded .scroll .two-col .col-2, #workspace .rounded .scroll .two-col .col-2 p {
    width: 400px;
}

#workspace .rounded .scroll .two-col .col-2 {
    margin-left: 20px;
}
/*text sizing and global link styles*/
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 75%;
}

html > body {
    font-size: 12px;
}

p {
    font-size: 1em;
    line-height: 1.5em;
    margin: 0 0 1.5em 0;
}

li {
    font-size: 1em;
    line-height: 1.6em;
}

h1 {
    line-height: 1em;
    font-size: 1.5em;
    font-weight: bold;
    margin: 0 0 1em 0;
    color: #319DD4;
}

h1#title {
    text-transform: none;
}

h2 {
    font-size: 1.1667em;
    line-height: 1.286em;
    margin: 1.929em 0 0.643em 0;
    font-weight: bold;
    color: #319DD4;
    text-transform: uppercase;
}

h3 {
    font-size: 1.0em;
    line-height: 1.5em;
    margin: 1.5em 0 0.5em 0;
    font-weight: bold;
    color: #319DD4;
}

a {
}

a:link {
    color: #0c78cd;
    font-weight: normal;
}

a:visited {
    color: #004d89;
}

a:hover {
    color: #0184eb;
}

a:active {
    color: #0184eb;
}

a.acrobat {
    background: transparent url(../images/library/pdficon-trans.png) no-repeat 0 1px;
    padding-left: 15px;
}

#print-logo {
    display: none;
}

.gvDataTable tbody tr th {
    font-weight: bold;
    padding: 3px;
    border: solid 1px #000000;
}

.nomargin {
    margin: 0px;
}

p.nodata {
    position: relative;
    top: -185px;
    left: -40px;
    text-align: center;
    font-size: 1.6em;
}

p.nodataMap {
    height: 265px;
    padding-top: 65px;
    padding-left: 30px;
    width: 620px;
    text-align: center;
    font-size: 1.6em;
}




div.popup-container {
	position:absolute;
	left:0;
	top:0;
	visibility:hidden;
}

div.popup-container {
 min-width:44px;
 max-width:1000px;
 color: #333;
}

div.popup-container .hd .c,
div.popup-container .ft .c {
 font-size:1px; /* ensure minimum height */
 height:21px;
}

div.popup-container .ft .c {
 height:21px;
}

div.popup-container .hd {
 background:transparent url(/_assets/images/vital-signs/popup/popup-top-left.png) no-repeat 0px 0px;
 margin-right: 21px;
}

div.popup-container .hd .c {
 background:transparent url(/_assets/images/vital-signs/popup/popup-top-right.png) no-repeat right 0px;
 margin-right: -21px;
}

div.popup-container .bd {
 background: #FFF url(/_assets/images/vital-signs/popup/popup-middle-left.png) repeat-y 0px 0px;
 margin-right: 2px;
}

div.popup-container .bd .c {
 background:transparent url(/_assets/images/vital-signs/popup/popup-middle-right.png) repeat-y right 0px;
 margin:0px 8px 0px 4px;
 margin-right: -2px;
}

div.popup-container .popup-content .c 
{
	padding:1em;
	text-align: left;
}
	div.popup-container .popup-content .c h2 
	{
		font-size: 1.6em;
		text-transform: none;
		margin-top: -21px;
	}
	div.popup-container .popup-content .c #popup-navigation 
	{
		margin: 2em auto 0.5em auto;
		overflow: hidden;
		width: 400px;
	}
		div.popup-container .popup-content .c #popup-navigation ul 
		{
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
			div.popup-container .popup-content .c #popup-navigation ul li 
			{
				border-left: 1px solid #000;
				float: left;
				line-height: 1.2em;
				margin: 0 0.5em 0 -0.5em;
				padding: 0 0.5em;
				white-space: nowrap;
			}
	div.popup-container .popup-content .c h3 
	{
		font-size: 1.2em;
	}
	div.popup-container .popup-content .c div.image-callout 
	{
		float: right;
		margin: 1em;
	}
		div.popup-container .popup-content .c div.image-callout p.image-caption 
		{
			text-align: center;
			font-size: 0.8em;	
		}
	
div.popup-container .ft {
 background:transparent url(/_assets/images/vital-signs/popup/popup-bottom-left.png) no-repeat 0px 0px;
 margin-right: 21px;
}

div.popup-container .ft .c {
 background:transparent url(/_assets/images/vital-signs/popup/popup-bottom-right.png) no-repeat right 0px;
 margin-right:-21px;
}

div.popup-container .bd .c a.popup-close-btn 
{
	display: block;
	height: 24px;
	width: 24px;
	background: transparent url(/_assets/images/vital-signs/popup/close.png);
	
	text-indent: -50000px;
	margin-top: -41px;
	margin-right: -21px;
	float: right;
}

.jsOn .policies {margin-left: -177px;}
.jsOn .policies .policies-inner > div {margin: 0px; overflow: hidden; height: 0;}
.policies .policies-inner-wrap {display: block;}
.jsOn .demographics .bottom {display:none;}
.jsOn .demographics.first-load .bottom {display:block;}
.jsOn .demographics-inner { margin-left: -175px; width: 0;}
.jsOn .demographics dd.toggle_body.first-item {height: auto;}
.jsOn .demographics dd.toggle_body { height: 0; overflow: hidden; padding-top: 0; padding-bottom: 0;border-top: medium none; border-bottom: medium none;}