/*           NSS Layout CSS           */

body {
	margin: 0;
	padding: 0;
	color: #333;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	/* Sets default font size.
	   This odd value compensates for several browser bugs.
	   First, setting a default font size in percent (instead of em) eliminates
	   an IE/Win problem with growing or shrinking fonts out of proportion if
	   they are later set in ems in other elements. Additionally, some versions
	   of Opera will draw a default font-size of 100% too small compared to
	   other browsers. Safari, on the other hand, has a problem with a font-size
	   of 101%. Current "best" suggestion is to use the 100.01% value for this
	   property */
	font-size:100.01%;
	}

#pagecontainer {
	margin: 0 0 1px 0;
	padding: 0 0 0 0;
	height:auto;
	min-height:550px;
	min-width:795px;
	width: 100%;
	position: relative;
	font-size: 0.8em;
	}
	
#banner {
	height:84px;
	background: url('/web/20170126040215oe_/https://safeandwell.communityos.org/include/swell/img/nss-banner_flag.jpg') #00568D top right no-repeat;
	font-size: 0.85em;
	margin: 0; padding: 0;
	}

#primarynav {
	padding: 0;
	font-size: 0.9em;
	width: 100%;
	}
	
#primarynav ul {
	list-style: none;
	background-color: #CCC;
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
	border-bottom: 3px solid #690;
	}
	
#primarynav li {display: inline;}
		
#primarynav li {
	background-color: #CCC;
	margin: 0;
	float:left;
	text-align:center;
	border-right: 1px dashed #666;
	}	
		
#primarynav li a {
	display: block;
	padding: 4px 18px;
	color: #666;
	text-decoration: none;
	}

html>body #primarynav li a {
	width: auto;
	}

#primarynav li a:hover {
	background-color: #666;
	color: #fff;
	}

#printlogo { display: none; }

div#sectionnav {
	position: absolute;
	top: 154px;
	width: 15em;
	margin: 0; padding: 0;
	vertical-align: top;
  padding-left: 4px;
  z-index: 4;
	}
	
/* Hide from MacIE. Only WinIE sees this. \*/
/* end hide */
div#page_content {
	min-height: 575px;
	height: auto;
	margin: 0 0 0 15em;
	padding: 2em 1em 1em 1em;
  background: #fff;
  position: relative;
  width: 728px;
  z-index: 999;
  overflow: hidden;
}
/* Hide from MacIE. Only WinIE sees this. \*/

/* end hide */

/* some pages have really long left nav, so content needs to be long too */
.long_leftnav { min-height: 700px; }
* .long_leftnav { height: 700px; } /* IE hack */

div#page_content_1column {
	min-height: 500px;
	height: auto;
	width: auto;
	margin: 2em 0 1em 0;
	padding: 0 2em;
	}
/* Hide from MacIE. Only WinIE sees this. \*/
/* end hide */

#footer {
	clear: both;
	background-color: #FFFFFF;
	text-align:center;
	padding: 0 0 .5em 0;
	}

/* search box --------------------------------------------------------------- */

.search_box {
	width: 35em;
	margin: 1.3em 1em;
	padding: .5em;
	background: #DAEDF1;
	border: 1px solid #C1DAD7;
	text-align: center;
	}
.search_box h2 {
	margin: 0; padding: 1em;
	color: #4F767F;
	letter-spacing: 1px;
	}
.search_box .advanced {
	text-align: right;
	font-size: .9em;
	color: #666;
	margin: 0; padding: .3em;
	}
.search_box .advanced a {color: #666;}

/* calendar ----------------------------------------------------------------- */

.calendar_inactive { background-color: #cadbe7; }
.calendar_day_left_col { width: 90px; }
.calendar_head { background-color: #cadbe7; }
.calendar_today_box {
	background-color: #cadbe7;
	width: 14%;
	height: 60px;
}
.calendar_inactive_box {
	background-color: #cadbe7;
	width: 14%;
	height: 60px;
}
.calendar_box {
	width: 14%;
	height: 60px;
}
.calendar_today_box_mini {
	background-color: #cadbe7;
	width: 14%;
	height: 25px;
}
.calendar_inactive_box_mini {
	background-color: #cadbe7;
	width: 14%;
	height: 25px;
}
.calendar_box_mini {
	width: 14%;
	height: 25px;
}
	
div.empowered {
	display: none;
	}
	
img.left {
	padding:0px 10px 5px 0px;
	border:0px;
	float:left;
	}
	
img.right {
	padding:0px 0px 5px 10px;
	border:0px;
	float:right;
	}

/* next_prev_buttons -------------------------------------------------------------- */

div.next_prev_buttons {
	clear: both;
	margin: 0 0 1em 0; padding: 0;
	text-align: left;
	}
div.next_prev_buttons form {
	margin: 0; padding: 0;
	display: inline;
	}
div.next_prev_buttons input {
	font: normal 0.9em Arial;
	color: #000000;
	margin: 0 1em 0 0; padding: 0.2em 0.5em;
	}

/* report_criteria ---------------------------------------------------------- */

.report_criteria {
	clear: both;
	}
.report_criteria ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	}
.report_criteria li {
	display: inline;
	margin: 0;
	padding: 0 1.5em 0 0;
	float:left;
	}
.search_results_msg {clear: both;}

/* rpt_buttons -------------------------------------------------------------- */

div.rpt_buttons {
	clear: both;
	width: 98%;
	margin: 0; padding: 0;
	background-color: #cadbe7;
	border: 1px solid #C1DAD7;
	text-align: left;
	}
/* reset width for all non-IE browsers                                        */
html>body .rpt_buttons {
	width: 99%;
	}
div.rpt_buttons form {
	margin: 0; padding: 0;
	display: inline;
	}
div.rpt_buttons .next_prev_buttons {
	float: right;
	text-align: right;
	margin: 0; padding: 0;
	width: 45%;
	}
div.rpt_buttons .function_buttons {
	margin: 0; padding: 0;
	}
div.rpt_buttons div.next_prev_buttons input {
	font: normal 0.9em Arial;
	color: #000000;
	margin: 0 0 0 1em; padding: 0.2em 0.5em;
	}
div.rpt_buttons div.function_buttons input {
	font: normal 0.9em Arial;
	color: #000000;
	margin: 0 1em 0 0; padding: 0.2em 0.5em;
	}

/* [start] scrollable table ------------------------------------------------- */
div.scroll_box {
	clear: both;
	width: 98%;
	height: 400px;
	border-left: 1px solid #C1DAD7;
	border-right: 1px solid #C1DAD7;
	overflow: scroll;
	}

/* reset width for all non-IE browsers                                        */
html>body div.scroll_box {
	width: 99%;
	}

div.scroll_box table.scroll_datatable {
	width: 100%;
	margin: 0; padding: 0;
	empty-cells: show;
	}
/* Hide from MacIE. Only WinIE sees this. \*/
* html div.scroll_box table.scroll_datatable { border-collapse: collapse; }
/* end hide */
table.scroll_datatable thead.fixed_header th {
	font: normal 0.85em Arial;
	color: #6D929B;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: center;
	vertical-align: middle;
	padding: .5em;
	background-color: #CAE8EA;
	background-image: none;
	border-top: 1px solid #C1DAD7;
	border-left: 1px solid #C1DAD7;
	}
table tbody.scroll_content {
	overflow: auto;
	overflow-x: hidden;
	}
table.scroll_datatable tbody.scroll_content td {
	border-bottom: 1px solid #C1DAD7;
	border-left: 1px solid #C1DAD7;
	font: 0.9em Arial;
	color: #4F6B72;
	padding: .5em;
	empty-cells: show;
	text-align: center;
	vertical-align: top;
	}
/* prevent Mozilla scrollbar from hiding cell content                         */
table.scroll_datatable tbody.scroll_content td:last-child {padding-right: 23px;}

.scroll_datatable tr.r0 {background-color: #F5FAFA;}

/* [end] scrollable table --------------------------------------------------- */
