/* browser css reset */
/* browser css reset */
/* browser css reset */

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	border:0;
	margin:0;
	outline:0;
	padding:0;
	font:inherit;
	font-size:100%;
	vertical-align:baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display:block;
}
body {
	line-height:1;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:13px;
}
ol, ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration:none;
}
del {
	text-decoration:line-through;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

/* structure */
/* structure */
/* structure */

#modal {
	/*
	you don't see the modal boundaries
	or centered until it is iframed
	from its parent landing index page
	*/
	background-color:#fff;
	border-radius:8px;
	-khtml-border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	height:555px;
	width:985px;
}

/* attributes styles */
/* attributes styles */

#attribs {
	display:inline;
	float:left;
	height:385px;
	width:125px;
	margin:100px 0 0 0;
}

#attribs div.title {
	display:inline;
	float:left;
	font-size:15px;
	font-weight:bold;
	color:#00a0af;
	height:24px;
	margin:0 0 25px 10px;
	text-transform:uppercase;
}

#attribs ul {
	display:inline;
	float:left;
	clear:left;
	height:360px;
	width:135px;
	margin:0;
	padding:0;
}

#attribs ul li {
	display:inline;
	float:left;
	position:relative;
	width:135px;
	font-size:13px;
	font-weight:bold;
	letter-spacing:-1px;
	color:#fff;
}

#attribs ul li a {
	display:block;
	padding:15px 10px 15px;
	width:105px;
	color:#00a0af;
	text-decoration:none;
	background-color:#f5f5f5;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}

#attribs ul li:first-child, #attribs ul li:first-child a {
	-webkit-border-radius:8px 0 0 0;
	-khtml-border-radius:8px 0 0 0;
	-moz-border-radius:8px 0 0 0;
	border-radius:8px 0 0 0;
	border-top:none;
}

#attribs ul li.last-child, #attribs ul li.last-child a {
	-webkit-border-radius:0 0 0 8px;
	-khtml-border-radius:0 0 0 8px;
	-moz-border-radius:0 0 0 8px;
	border-radius:0 0 0 8px;
	border-bottom:none;
}

#attribs ul li.active a, #attribs>ul>li>a:hover {
	color:#fff;
}

/* tabs styles */
/* tabs styles */

#tabs {
	display:inline;
	float:left;
	width:860px;
}

#tabs.noattribs {
	width:985px;
}

#tabs div.title {
	display:inline;
	float:left;
	font-size:24px;
	font-family:Arial;
	font-weight:bold;
	color:#00a0af;
	height:24px;
	margin:20px 15px 15px;
	text-transform:uppercase;
}

#controls {
	display: inline;
	font-size: 12px;
	font-weight:bold;
	color: #477f80;
	border: none;
	text-transform:none;
	float:right;
	margin:15px 10px 0 0;
}

.close, .print {
	display:inline;
	clear: right;
	float: right;
}
.close {
	margin-bottom:10px;
}

.close a, .print a {
	color: #00a0af;
	text-decoration:none;
	padding-right: 20px;

}
.close a {
	background:transparent url(../images/button-icon-close.gif) no-repeat top right;
}
.print a {
	background:transparent url(../images/button-icon-print.gif) no-repeat top right;
}
.close a:hover, .print a:hover {
	color: #71a9aa;
}

#tabs>ul {
	display:inline;
	float:left;
	clear:both;
	list-style:none;
	margin-left:10px;
	padding:0;
}

#tabs>ul>li {
	display:inline;
	float:left;
	position:relative;
	margin-right:3px;
	font-size:13px;
	letter-spacing:-1px;
	font-family:Arial;
	font-weight:bold;
	color:#fff;
}

#tabs>ul>li>a {
	display:block;
	padding:5px 10px;
	color:#fff;
	text-decoration:none;
}

#tabs>ul>li, #tabs>ul>li>a {
	-webkit-border-radius:8px 8px 0 0;
	-khtml-border-radius:8px 8px 0 0;
	-moz-border-radius:8px 8px 0 0;
	border-radius:8px 8px 0 0;
}
#attribs ul li.active a, #attribs>ul>li>a:hover {
	color:#fff;
}


#allReportingPeriods {
    display:inline;
	float:left;
	clear:left;
	height:451px;
	width:820px;
	border-width:2px;
	border-style:solid;
	-webkit-border-radius:8px;
	-khtml-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	padding:8px 18px;    
}

/* browse by whatever - box styles */

#browsebox {
	display:inline;
	float:left;
	clear:left;
	height:451px;
	width:820px;
	border-width:2px;
	border-style:solid;
	-webkit-border-radius:8px;
	-khtml-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	padding:8px 18px;
}

#tabs.noattribs #browsebox {
	width:945px;
}

#browsebox .modal_col_left {
	display:inline;
	float:left;
	width:240px;
	padding-right:20px;
}

#browsebox .modal_col_right {
	display:inline;
	float:left;
	width:485px;
	padding:0 15px 0 40px;
}

#browsebox h1 {
	font-size:26px;
	font-weight:bold;
	margin:10px 0 20px;
}
#browsebox h4 {
	font-weight:bold;
	padding-bottom:5px;
}
#browsebox p {
	line-height:17px;
	margin-bottom:15px;
}

#browsebox p em {
	font-style:italic;
}

#browsebox p  strong {
	font-weight:bold;
}

#browsebox a {
	color: #00a0af;
	text-decoration:none;
}
#browsebox a:hover {
	color: #71a9aa;
}

#browsebox ul>li {
	line-height:17px;
	padding-top:4px;
	margin-bottom:10px;
}

#browsebox>div {
	height:451px;
	width:820px;
	overflow:auto;
}

#tabs.noattribs #browsebox>div {
	width:945px;
}

/* Modal General Content Column Styles */

.modal_col_left .indicator_name {
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#0092A0;
	padding-top:10px;
}

.modal_col_left .average_explanation {
	text-align:center;
}

.modal_col_left .indicator_number {
	text-align:center;
	font-size:30px;
	font-weight:bold;
	color:#D2492A;
	margin-bottom:25px !important;
}

.modal_col_right .indicator_title {
	color:#0092A0;
	font-size:26px;
	padding-top:10px;
}

.modal_col_right .expandcollapse {
	margin-bottom:10px;	
}

.modal_col_right .expandcollapse span {
	color:#0092A0;
	cursor:pointer;
	font-weight:bold;
}

.modal_col_right ul {
	margin-bottom:15px;
}

.modal_col_right h4 {
	color:#0092A0;
	padding-left:20px;
	cursor:pointer;
	background:transparent url(../images/button-icon-more.gif) no-repeat top left;
}

.modal_col_right h4 + * {
	padding-left:20px;
}

.modal_col_right h4.less {
	background:transparent url(../images/button-icon-less.gif) no-repeat top left;
}

.modal_col_right ul ul {
	margin:0 0 20px 25px;
	list-style:disc outside;
}

.modal_col_right .graph {
	-webkit-border-radius:6px;
	-khtml-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	border-style: solid;
	border-width: 1px;
	text-align:center;
	/* margin-bottom:15px; /* deleted in case it was causing scrollbar */
}


.modal_index_full .indicator_title {
	color:#0092A0;
	font-size:26px;
	padding-top:10px;
}

.modal_index_full .expandcollapse {
	margin-bottom:10px;	
}

.modal_index_full .expandcollapse span {
	color:#0092A0;
	cursor:pointer;
	font-weight:bold;
}

.modal_index_full ul {
	margin-bottom:15px;
}

.modal_index_full h4 {
	color:#0092A0;
	padding-left:20px;
	cursor:pointer;
	background:transparent url(../images/button-icon-more.gif) no-repeat top left;
}

.modal_index_full h4 + * {
	padding-left:20px;
}

.modal_index_full h4.less {
	background:transparent url(../images/button-icon-less.gif) no-repeat top left;
}

.modal_index_full ul ul {
	margin:0 0 20px 25px;
	list-style:disc outside;
}


#browsebox .modal_col_full {
	float:left;
	min-width:795px;
}

/* HC Individual Styles */

.ccac-city {
	font-size: 25px;
	font-weight:bold;
	padding: 10px 2px 10px 2px;
	color: #00a0af;
	border: none;
	text-transform:none;
	text-align:left;
	float:left;
}
.ccac-story a, .go-back a, .pdf a {
	color: #00a0af;
	text-decoration:none;
}
.ccac-story a:hover, .go-back a:hover, .pdf a:hover {
	color: #71a9aa;
}
.ccac-story {
	font-size: 12px;
	font-weight:bold;
	padding: 2px;
	color: #477f80;
	border: none;
	text-transform:none;
	text-align:right;
	float:right;
	padding:15px 15px 0 0;
}



/* LTC Individual Styles */

#browsebox.search .modal_col_full {
	display: inline;
	float: left;
	height:45px;
	text-align: center;
	background-color: #fff;
	padding-top: 15px;
	border-bottom: 1px #40b8c3 solid;
	margin-bottom: 10px;
}

#browsebox.search .modal_col_full #LTCHomeName {
	display: inline;
	width:400px;
	padding: 2px 5px;
	margin-right: 10px;
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	border: 2px #00788a solid;
}

#browsebox.search .modal_col_full a.button {
	display: inline;
	background-color: #d4e5ea;
	padding: 2px 5px;
	border: 2px #00788a solid;
	border-bottom-style: solid; 
	border-bottom-width: 2px;
	border-bottom-color: #00788a;
	cursor:pointer;
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	color: #00788a;
	font-weight: bold;
	text-decoration: none;
}


#browsebox.search .modal_col_full a.button:hover {
	background-color: #40b8c3;
	color: #fff;
}

#browsebox.search .modal_col_left {
	padding-left:20px;
	padding-right: 0;
	width:220px;
}

#browsebox.search .modal_col_left, #browsebox.search .modal_col_right {
	margin-top: 15px;
}

#browsebox.search .modal_col_left .indicator_name, #browsebox.search .modal_col_left .average_explanation, #browsebox.search .modal_col_left .indicator_number {
	text-align: left;
}

.modal_col_left .indicator_name span {
	font-size:13px;
	font-weight: normal;
	color: #00788a;
}

.modal_col_left .indicator_name a {
	color: #00788a;
	margin-bottom: 15px;
}

#browsebox.search .modal_col_right {
	width: 525px;
	padding: 0 0 0 30px;
}

.modal_col_right table {
	border-top: 1px solid #00A0AF;
}

.modal_col_right table th {
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	font-weight: bold;
	padding: 8px;
	background: #00A0AF;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	color: white;
	vertical-align: middle;
}

.modal_col_right table thead tr {
	border-right: 1px solid #00A0AF;
}
.modal_col_right table thead tr th:first-child {
	border-left: 1px solid #00A0AF;
}

.modal_col_right table thead tr th:first-child, .modal_col_right table tbody tr td:first-child  {
	width:50px;
}

.modal_col_right table tfoot tr, .modal_col_right table tbody tr {
	background-color: #FEFAF1;
	border-right: 1px solid #E4A11B;
	text-align: center;
}

.modal_col_right table td {
	padding:8px;
	border-left: 1px solid #E4A11B;
	border-bottom: 1px solid #E4A11B;
}

.modal_col_right table tfoot tr td {
	background-color: whiteSmoke;
	font-size: 12px;
	color: #00A0AF;
	text-align: left;
}

#browsebox.bleed {
	height:465px;
	width:854px;
	overflow:hidden;
	padding:1px 1px;
}

/* end custom page specific layouts */

#modal, #attribs ul li:first-child, #attribs ul li.last-child, #attribs ul li.last-child a, #tabs>ul>li, #tabs>ul>li>a, #browsebox, .modal_col_right .graph {
	/* useful if you don't want a bg color from leaking outside the border:*/
	/* http://tumble.sneak.co.nz/post/928998513/fixing-the-background-bleed */
	-moz-background-clip:padding;
	-webkit-background-clip:padding-box;
	background-clip:padding-box;
}

/* misc styles */

.go-back {
	background: transparent url(../images/button-icon-back.gif) no-repeat left center;
	font-size: 12px;
	color: #477f80;
	font-weight:normal;
	width:25%;
	float:left;
	padding:0px 15px 0 20px;
	margin:15px 0 0 10px;
}
.go-forward {
	background: transparent url(../images/button-icon-forward.gif) no-repeat right center;
	color: #477f80;
	font-weight:bold;
	padding:0px 20px 0 0;
}
.pdf {
	font-size: 12px;
	color: #477f80;
	text-transform:none;
	font-weight:normal;
	text-align:right;
	width:25%;
	float:right;
	padding:0px 15px 0 0;
	margin-top:15px;
}

/* brand colors */
/* brand colors */
/* brand colors */
/* we should look into using SCSS "sass" for stuff below */

/* solid background colors */
/* !important required to overwrite previous grey background setting */
.corp .active, .corp .active a, #attribs>ul>li>a[href]:hover, .corp #tabs>ul>li>a:hover { background-color:#00a0af !important; }
.wheat .active, .wheat .active a, #attribs>ul>li>a[href="pophealth.html"]:hover, .wheat #tabs>ul>li>a:hover { background-color:#ce8e00 !important; }
.squash .active, .squash .active a, #attribs>ul>li>a[href="accessible.html"]:hover, .squash #tabs>ul>li>a:hover { background-color:#D47600 !important; }
.barn .active, .barn .active a, #attribs>ul>li>a[href="effective.html"]:hover, .barn #tabs>ul>li>a:hover { background-color:#D2492A !important; }
.cabernet .active, .cabernet .active a, #attribs>ul>li>a[href="safe.html"]:hover, .cabernet #tabs>ul>li>a:hover { background-color:#693A77 !important; }
.moss .active, .moss .active a, #attribs>ul>li>a[href="clientcentred.html"]:hover, .moss #tabs>ul>li>a:hover { background-color:#58A618 !important; }
.sky .active, .sky .active a, #attribs>ul>li>a[href="efficient.html"]:hover, .sky #tabs>ul>li>a:hover { background-color:#00B9E4 !important; }
/* unused
.granite .active, .granite .active a { background-color:#9CA299 !important; }
.taupe .active, .taupe .active a { background-color:#B4A76C !important; }
.brown .active, .brown .active a { background-color:#6C4D23 !important; }
.blue .active, .blue .active a { background-color:#7D9AAA !important; }
.green .active, .green .active a { background-color:#477F80 !important; }
.violet .active, .violet .active a { background-color:#55517B !important; }
*/

/* border colors */
.corp #browsebox, .corp .modal_col_right .graph { border-color:#00a0af; }
.wheat #browsebox, .wheat .modal_col_right .graph { border-color:#ce8e00; }
.squash #browsebox, .squash .modal_col_right .graph { border-color:#D47600; }
.barn #browsebox, .barn .modal_col_right .graph { border-color:#D2492A; }
.cabernet #browsebox, .cabernet .modal_col_right .graph { border-color:#693A77; }
.moss #browsebox, .moss .modal_col_right .graph { border-color:#58A618; }
.sky #browsebox, .sky .modal_col_right .graph { border-color:#00B9E4; }
/* unused
.granite #browsebox { border-color:#9ca299; }
.taupe #browsebox { border-color:#B4A76C; }
.brown #browsebox { border-color:#6C4D23; }
.blue #browsebox { border-color:#7D9AAA; }
.green #browsebox { border-color:#477F80; }
.violet #browsebox { border-color:#55517B; }
*/

/* left hand nav background styles */
.corp #attribs ul li.active { background:transparent url(../images/attr-arrow-rt-corp.png) no-repeat right center !important; }
.wheat #attribs ul li.active { background:transparent url(../images/attr-arrow-rt-wheat.png) no-repeat right center !important; }
.squash #attribs ul li.active { background:transparent url(../images/attr-arrow-rt-squash.png) no-repeat right center !important; }
.barn #attribs ul li.active { background:transparent url(../images/attr-arrow-rt-barn.png) no-repeat right center !important; }
.cabernet #attribs ul li.active { background:transparent url(../images/attr-arrow-rt-cabernet.png) no-repeat right center !important; }
.moss #attribs ul li.active { background:transparent url(../images/attr-arrow-rt-moss.png) no-repeat right center !important; }
.sky #attribs ul li.active { background:transparent url(../images/attr-arrow-rt-sky.png) no-repeat right center !important; }
/* unused
.granite #attribs ul li.active { background:transparent url(../images/attr-arrow-rt-granite.png) no-repeat right center !important; }
.taupe #attribs ul li.active { background:transparent url(../images/attr-arrow-rt-taupe.png) no-repeat right center !important; }
.brown #attribs ul li.active { background:transparent url(../images/attr-arrow-rt-brown.png) no-repeat right center !important; }
.blue #attribs ul li.active { background:transparent url(../images/attr-arrow-rt-blue.png) no-repeat right center !important; }
.green #attribs ul li.active { background:transparent url(../images/attr-arrow-rt-green.png) no-repeat right center !important; }
.violet #attribs ul li.active  { background:transparent url(../images/attr-arrow-rt-violet.png) no-repeat right center !important; }
*/

/* lighter background colors */
.corp #tabs>ul>li { background-color:#40b8c3; }
.wheat #tabs>ul>li { background-color:#daaa40; }
.squash #tabs>ul>li { background-color:#df9840; }
.barn #tabs>ul>li { background-color:#dd775f; }
.cabernet #tabs>ul>li { background-color:#8f6b99; }
.moss #tabs>ul>li { background-color:#82bc52; }
.sky #tabs>ul>li { background-color:#40cbeb; }
/* unused
.granite #tabs>ul>li { background-color:#b5b9b3; }
.taupe #tabs>ul>li { background-color:#c7bd91; }
.brown #tabs>ul>li { background-color:#917a5a; }
.blue #tabs>ul>li { background-color:#9eb3bf; }
.green #tabs>ul>li { background-color:#759fa0; }
.violet #tabs>ul>li { background-color:#807d9c; }
*/

/* column divider background styles */
.corp #browsebox>div { background:transparent url(../images/col-divider-corp.gif) no-repeat 260px top !important; }
.wheat #browsebox>div { background:transparent url(../images/col-divider-wheat.gif) no-repeat 260px top !important; }
.squash #browsebox>div { background:transparent url(../images/col-divider-squash.gif) no-repeat 260px top !important; }
.barn #browsebox>div { background:transparent url(../images/col-divider-barn.gif) no-repeat 260px top !important; }
.cabernet #browsebox>div { background:transparent url(../images/col-divider-cabernet.gif) no-repeat 260px top !important; }
.moss #browsebox>div { background:transparent url(../images/col-divider-moss.gif) no-repeat 260px top !important; }
.sky #browsebox>div { background:transparent url(../images/col-divider-sky.gif) no-repeat 260px top !important; }
#browsebox>div[id="overview"] { background:none !important; } /* this negates the above settings for specific backgrounds */

/* for search pages */
#browsebox.search #dynamicIndividualHomeContainer { background:transparent url(../images/col-divider-corp.gif) no-repeat 260px top !important; }
#browsebox.search>div { background:none !important; } /* this negates the above settings for specific backgrounds */

/* Print output */
@media print {
#browsebox{height:auto; overflow:visible;}
#browsebox>div{height:auto;}
#modal{height:1000px;}
#table-hc-individual-ccac, #table-hc-individual-topic{height:auto !important;}
#controls{display:none;}
}