@media all {

* {
	padding: 0;
	margin: 0;
	padding: 0;
}

a {color: #682;}
a:hover {color: #9A6;}

body, html {
	height:100%;
}

body {
	font: normal 62.5% "Lucida Sans Unicode",sans-serif;
	background-color:#F6FFDF; 
	min-width: 1024px; /* Doesn't work in IE */
}
p,cite,code,ul {
	padding-bottom: 1.2em;
}
ul {margin-left: 1.2em;}
li {list-style-image: none; list-style:none;}
h1 {font-size: 120%;}
blockquote {
	background: #FFF;
	border-bottom: 1px solid #EEE;
	border-top: 1px solid #EEE;
	color: #333;
	display: block;
	font-size: 0.9em;
	margin-bottom: 1.2em;
	padding: 6px 12px;
}
blockquote p {padding: 3px 0;}
h1,h2,h3 {color: #654;}

.clear {clear: both;}

#container { min-height:100%; }
* html #container { height:100%; }

#top {
	background: #022552 url(/static/images/eh_flower_2.jpg) no-repeat left;
	height: 70px;
	overflow:hidden;
	margin:0 1.5px 1.5px 0;
}

#top-left {
	float:left;
	width:50%;
	height:70px;
}

#top-right { 
	float:left; 
	text-align:right;
	width:49%;
	margin:0 1px 1.5px 0; 
	height:70px;
}
#top-right div { width:100%; padding-top:10px; text-align:right; }
#top-right a { font-size:1.15em; text-align:right; color: #FFF; text-decoration: none; padding:2px;  }
#top-right a:hover { color: #FFF; }
#top-right #location_box { position:absolute; top:25px; right:15px; text-align:left; padding:2px; width:18em; background-color:#DDD; }
#top-right #location_box div.header { padding:5px; font-size:1.2em; text-align:left; }
#top-right #location_box a { font-size:1.1em; background:#efefef url(/static/images/nav_bg_half.gif) repeat-x; text-align:left; text-decoration: none; display:block; color:black; padding:4px; border-bottom:solid white 1px; height:16px; }


#title,#logo  { padding-left: 5px; padding-top:5px; vertical-align:top; border:none; }
#logo { padding-top: 10px; }

#main {float: left; width:80%; }
#content { clear:left; margin:0px 4px; padding:5px 0px; background-color:white; width:80em; }
#program { background-color:transparent; width:100%; float:left; }
#navigation { float:left; margin-left: 0px; width: 20%; vertical-align:top; background:#FFF; }
#navigation h1 { background: url(/static/images/navbgblue.png) repeat-x;  color: #FFF; font-size: ; font-weight:normal; line-height: 30px; padding-left: 12px; }
#navigation ul {margin: 0; padding: 0; vertical-align:top; }
#navigation li { border-bottom: 1px solid #D5E8AD; list-style: none; list-style-image: none; }
#navigation li div {
   background: #efefef url(/static/images/nav_bg.gif) repeat-x; font-size:.9em;
	   color: #553; display: block; padding: 4px 1px 1px 4px; text-decoration: none;
}
#navigation li div a { color: #553; text-decoration:none; }
#navigation li div a:hover { color: #6A2; text-decoration:underline; }

#status div.header { padding:2px; background-color:#096C25; font-size:1.1em; color:white;}
div.status_col { color:#333; float:left; width:3em; padding:2px; }
#status_desc { width:10em; }
div.status_header { border-bottom:2px solid #DDD; float:left; width:3em; }
#upload { text-align:left; color:#444; padding-left:10px; }

/* footer */
#footer {
	clear:left; background: #9AA199; color: #FFF; font-size: 1.1em; text-align: center; width: 100%;
	height: 45px; 
	margin-top:-45px;
	clear:both;
	overflow:hidden;
}
#footer p { clear:both; padding-top:15px; }
#footer a {
	color: #FFF; 
	padding:0px 10px;
	text-decoration:none;
}
#footer a:hover {color: #FAFCB0;}
/* END LAYOUT %/

/* Imported from old css */

#top_bar_actions { position:absolute; top:20px; right:6%;z-index:30 }
#test_bar {background-color:red; text-align:center; padding-top: 5px; }
#page_generation { font-size: .8em; color:#222; text-align: center; }
#client_info { clear:left; z-index:20; background-color: #096C25; text-align:left; padding:7px 0px 0px 0px; margin:0 4px; width:80em; overflow:hidden; }
#client_info span { font-size:80%; font-weight: normal; color : #FFF; padding-left: 2%;}
#client_info span.info { font-size:140%; font-weight: bold; padding-left:1%; }
#client_info div { float:left; }
#submenu { width:80em; height:5em; background-color:#FFF; margin:0px 4px; }

.invisible {display: none;}


a.action_button { font-size: 1.1em;  background-color:white; text-decoration: none; }
a.sub_menu_button, a.menu_button { display:block; float:left; text-decoration:none; padding:10px 10px; }
a.menu_button { color:#FFF; border-right: 2px solid #DDD; padding:6px 10px 5px 10px; }
a.menu_button:hover { background-color:#096C25; }
a.sub_menu_button { background:#EEE; padding:5px 20px 5px 20px; margin:0px 5px; }
a.client_name_view, a.client_name_view_hl {display:block; width:20em; margin:0px; margin-right:0px; text-decoration:none; background-color: #FBFBFB; }
a.client_name_view_hl { background-color: #EEE; }
a.client_name_view:hover { background-color: #EEE; }
a.pager, span.pager { padding:4px;}
a.print_button { float:left; text-decoration: none; padding:8px 10px 0px 30px; }
a.print_button:hover { color: red; }

img { border: none; }
a img { border: none; }

div.search_tab { width:70em; background-color:white; padding:20px; border-top:1px solid #ABC856; }
div.list, div.add, div.view { width:80em; background-color:white; padding:1px 0 4px 0; overflow:hidden; }
div.full { width:100%; background-color:white; padding:0px; border:1px groove #096C25; overflow:auto; }
div.client_name_list { float:left; width:20em; background-color:white; }
div.client_name_view { float:right;width:50em; background-color:white; padding:0px; }
div.action_button { background-color:white; border:solid #DDD 2px; text-align:center; width: 200px; padding:4px; margin:8px 20px 0 0; font-size:1em}
div.sub_menu_bar { margin-bottom:5px; background-color:#fff; overflow:hidden; border-bottom:1px solid #ABC856; padding:0;}
div.sub_menu_bar div { float:left;  width:100%; overflow:hidden;  background-color:#9Ba19a;
	/*background: #096C25 url(/static/images/headertab.png) no-repeat right; */ } 
div.report_menu_bar { margin-bottom:5px; background-color:#888; overflow:hidden; }
div.report_menu_bar div { float:left;  width:100%; overflow:hidden;  background-color:#9Ba19a;}
div.result { margin:20px 0px 20px 20px; padding:10px;  border-top:1px solid #DDD; text-align:right; }
div.result span { font-size: 1.4em; }
div.pager { text-align: left; padding-bottom: 10px; padding-left:5px; border-bottom:2px solid #DDD;}
div.t_header { width:100%; height:2.3em; padding:1px 0px; border-bottom:2px solid #EEE; }
div.t_header span { float:left; font-size:110%; color:#444; padding:5px 100px 5px; background-color:#EEE; }
div.request { float:left; color: #941400; width: 8em; text-align: left;  margin-top:4px; padding:2px 5px; border:none; }
div.response {float:left;  font-size: 110%; width:8em; font-weight: normal; text-align: left; margin-top:4px; border:none; padding:2px 1%; } 
div.field_header { color:#777; font-size:90%}
div.float { float:left; }
div.even { background-color: #EEE; }
div.odd { background-color: transparent; }

#assigned_header div.inspector_name { float:left; padding:2px; width:100px; }
#assigned_header div.inspector_stat { float:left; padding:2px; width:70px; }
#assigned_header div.client_stat { float:left; padding:2px; width:25px; }
#assigned_header div.client_text { padding:2px; width:100px; }


div.errormsg { font-family:Arial; font-size: 130%; font-weight: normal; color: #FFF; background-color: #900;  padding:10px 15px; margin:5px 5px 20px 5px; }
div.info, div.msg { font-family:Arial; font-size:130%; font-weight: normal; color: #900; padding:10px 15px; }
div.msg { margin:5px 5px 20px 5px; }
div.fixed_message { position:fixed; left:30%; top:0; background-color:#FF8C00; color:#FFF; font-size:120%; width:40%; padding:5px 5px; text-align:center; }
span.form_error { font-size: 80%; color: #A00; padding-left: 3px; }
span.sub_menu_header { float:left; width:auto; font-size: 120%; color: #FFF; background-color:#096C25; padding:5px 35px 5px 5px; border-right:2px solid #DDD; }
span.paging { font-weight: bold }
span.tiny_red { font-size:80%; color:red; }
div.tiny, span.tiny { font-size:80%; color:#000; }
span.address { display:block; font-size: 80%; }

#inspectorcb, #inspectorall { z-index:9999; background-color:white; padding:5px; border:2px solid #AAA; }
#inspectorcb a, #inspectorall a { padding:5px; }

/* Forms */
input { font-size:120%; width:14em; color: #122; border: solid #DDD 1px; border-right: solid #AAA 1px; border-bottom: solid #AAA 1px; font: normal 110% sans-serif; }
input:focus { background-color: #FF8;	}
text { width:20em; }
input.black_field { color:black; background-color: #EEE; border: none; font-weight: bold; text-align: center; }
input.upload { font-size: 1.2em; }
input.submit { width:14em; background:#EEE; color:#000; padding:5px; }
input.radio { width:1em; }
input.checkbox { width:1em; }
input.error { border: solid 2px #900; }
input.nowidth{ width: auto; }


select {  font-size:120%; color : #122; width:12.5em; }
select.error { border: solid 2px #900; }
option.inactive { background-color: #CCC; font-style: italic; }

#fee_dn { font-family: monospace; font-size:1.1em; width:50em; }
#fee_dn .option_header { font-size:1.1em; padding:1px 0px; font-weight:bold; text-decoration:underline; }

textarea { color : #122; width: 95%; border: solid #CCC 1px; }
textarea:focus { background-color: #FF8; }


/* doesn't work in firefox on linux yet select:focus { background-color: #FF8;	} */

/* Tables */
table { border-collapse: collapse; width:100%; }
tr.header_row > th { font-weight:normal; color:black; padding:.2em 1em; border-bottom: solid 2px #CCC; border-right: solid #DDD 1px; }
.evenrow { background-color: #F4F4F4; }
tr.evenrow > td { border-left:1px solid #F4F4F4; margin:0; }
.hlrow { background-color: #A4F4A4; }
.oddrow { background-color: #FFF; }
.oddrow:hover { background-color: #DDD; }
.evenrow:hover { background-color: #DDD; }
.redrow { background-color: #FCC; }
th { font-size : 110%; font-weight: bold; color : #126; font-family:Arial; }
th.sub_header { font-size: 90%; font-weight: normal; color: #000; padding: 2px; border-bottom: solid #999 2px; border-right: solid #CCC 1px; }
th.rowheader { font-weight: bold; text-align:left; color: #222; padding:15px 5px 5px 5px; border-bottom: solid #BBB 1px; }

td { font-size:110%; padding: 4px; font-weight: normal; color: #114; }

td.request { font-size: 110%; color: #553; width: 13em; text-align: left;  margin-top:4px; padding:8px 2% 8px 1%; border:none;}
td.request_nw { font-size:.9em; color: #941400; padding:5px 4px; }
td.response { font-size:130%; color:black; width:450px; font-weight: normal; text-align: left; border:none; padding:2px 1%; }
td.response_view { font-size: 110%; font-weight: normal; width: 60%; text-align:left; padding-left: 1%; }
td.response_highlight { font-size:130%; color:white; background-color:#096C25; width:450px; font-weight: normal; text-align: left; border:none; padding:2px 1%; }
tr.payment td { color:#009; padding-left:10px; }


/*
.tab{ width:60em; z-index:999; }
.tab li a{ display:block; position:relative; white-space:nowrap; padding:20px 13px; text-decoration:none; background-color: #FBFBFB; border: 1px solid #CDCDCD;}
.tab label{font-weight:bold;}
.ui-tabs-hide{display:none;}

.tab .ui-tabs-nav,.tab.ui-tabs-nav{ padding:0 0 0 6px; margin:0; }
.tab .ui-tabs-nav li,.tab.ui-tabs-nav li{ list-style:none; float:left; min-width: 84px; }
.tab .ui-tabs-nav a,.tab.ui-tabs-nav a { display:block; padding:8px 0 7px; font-size:1.2em; text-decoration:none!important; background-color: #9AA199; margin:1px 1px 0 0; border: 0px solid #DDD;}
.tab .ui-tabs-nav span,.tab.ui-tabs-nav span{padding:2px 23px 2px;color:#FFF; }
.tab .ui-tabs-nav a:hover,.tab .ui-tabs-nav a:hover span,.tab.ui-tabs-nav a:hover,.tab.ui-tabs-nav a:hover span{background:#096C25;}
.tab .ui-tabs-nav .ui-tabs-selected a,.tab.ui-tabs-nav .ui-tabs-selected a { background:#096C25; }
.tab .ui-tabs-nav .ui-tabs-selected a span,.tab.ui-tabs-nav .ui-tabs-selected a span{margin-bottom:2;background:#096C25; color:#FFF; border:1px solid #181818; border:none; cursor:default;}
.tab .ui-tabs-nav .ui-tabs-disabled a,.tab.ui-tabs-nav .ui-tabs-disabled a { background:#FFF;  }
.tab .ui-tabs-nav .ui-tabs-disabled a span,.tab.ui-tabs-nav .ui-tabs-disabled a span{color:#CCC; }
.tab .ui-tabs-container{clear:both;}



.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .5em 1em .3em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

*/

/* Food Inspection Specific */

.cat_grade_header { font-size: 115%; font-weight: bold; color: #FFF;  } 
.cat1grade { font-size: 110%; color: #900; } 
.cat2grade { font-size: 110%; color: #900; }
.cat3grade { font-size: 110%; color: #009; }
.grade { font-size: 120%; font-weight: bold; color: #600; } 
.bwl { font-size: 1.2em; font-weight: bold; color: #FFF; text-align: center;}
.bold_head { font-size: 1.2em; font-weight: bold; color: #000; }
.bold_item { font-size: 1.1em; font-weight: bold; color: #000; }
td.request { width:20% }
tr.cat1row { background-color: #900; }
tr.cat2row { background-color: #060; }
tr.cat3row { background-color: #009; }

/* New food inspection specific */
div.insp_add { width:80em; }
input.temps { font-size:120%; width:22%; margin:0 1%; }
div.temps_header_row { font-weight:bold; font-size:1.1em; border-bottom:1px solid #AAA; overflow:hidden; }
div.temps_header { width:23%; margin:0 1%; float:left;}
div.temps_block { float:left; width:23%; padding-right:1%; font-size:120%; }
#temperatures { padding-top: 20px; }
div.temps_del { text-align:center; }

div.obs_header_row { font-weight:bold; font-size:1.1em; border-bottom:1px solid #AAA; overflow:hidden; }
div.obs_header { width:14%; margin:0 1%; float:left; }
div.obs_block { float:left; padding:5px; font-size:1.2em; font-family:Arial; }
div.obs_viol { width:4em; font-weight:bold; }
div.obs_code { width:44em; }
div.obs_del {  width:4em; text-align:center; }
div.obs_def { width:44em; padding-left:5em; }
#obs_list { font-size: 110%; }
div.observation input { width:18%; }
div.observation  textarea { width:80%; } 
#code_cat, #code_ref { width:49% }
#code_def { overflow:auto; height:145px; width:99%;  font-size:120%; font-family:Arial; border: solid 2px #DDD; }
#obs_view, #temps_view { margin-top:30px; }

div.column { float:left; width:49% }
div.section { width:100%; background-color: #CCC; text-align:center; font-size:120%; padding:5px;}
div.violation_header { width:100%; background: #DDD; overflow:hidden; border-bottom:solid 1px #777; }
div.violation_header > div { width:4%; float: left; padding-left:1%; padding-right:1%; text-align:left; border-right:solid 1px #CCC; }
div.violation_def { overflow:hidden; vertical-align:bottom; }
div.violation_def > div { width:5%; min-height:20px; float: left; text-align:left; padding-left:1%; border-right:solid 1px #CCC; border-bottom:solid 1px #CCC; }
div.violation_header_desc { width: 50% }
#score_box { border:1px solid black; float:right; width:150px; height:100px; text-align:center; }
#grade_box { border:1px solid black; float:right; width:150px; height:100px; text-align:center; }
#current_score { font-size:600%; }
#current_grade { font-size:600%; }
span.mini { font-size:70%; }

/* Checklist */
.checklist {
	font-weight: normal;
	border: 1px solid #ccc;
	list-style: none;
	height: 10em;
	overflow: auto;
	width: 100%;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

.checklist_noscroll {
	font-weight: normal;
	border: 1px solid #ccc;
	list-style: none;
	/*height: 10em;*/
	overflow: visible;
	width: 100%;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

.checklist, .checklist li { margin: 0; padding: 0; }
.checklist .alt { background:#F5F5F5 none repeat scroll 0%;} 
.checklist label {
	display: block;
	padding-left: 25px;
	text-indent: -15px;
	padding-bottom: 5px;
}
.checklist input { vertical-align:middle; }
.checklist label:hover { background: #DDD; color: #000; }
* html .checklist label { height: 1%; }

/* timeEntry styles */
.timeEntry_control { vertical-align: top; margin-left: 2px; }
* html .timeEntry_control { /* IE only */ margin-top: -4px; }

/* Superfish Menu */
.nav, .nav * {
	margin:0;
	padding:0;
	list-style:none;
}
.nav {
	padding-bottom: 3.2em;
	height:2.5em;
	float: left;
	line-height:1.0;
	margin-bottom:1.5em;
	position:relative;
}
.nav ul {
	background:#fff; /*IE6 needs this*/
	float: left;
	position:relative;
}
.nav li {
	background:#9AA199;
	border-left:1px solid #FFF;
	float: left;
	list-style:none;
	z-index:999;
}
.nav li.highlight { background:#096C25; }
.nav li.current ul {
	z-index: 999;
}
.nav li.sfHover ul,
ul.nav li:hover ul {
	z-index: 1000;
}
.nav li li {
	background:#096C25;
	border-left-color: #FFF;
	border-top:1px solid #FFF;
	font-size:1em;
}
.nav a {
	border-bottom:1px solid #CFDEFF;
	color: white;
	display:block;
	float: left;
	font-size:1.2em;
	padding: .75em 0 .75em 1.5em;
	text-decoration:none;
	width:9.47em;
}
.nav li ul {
	left:0;
	top:-999em;
	position:absolute;
	width:76.4em;
	background-color:transparent;
}
.nav li:hover, .nav li.sfHover, .nav li.current,
.nav a:focus, .nav a:hover, .nav a:active {
	background:#096C25;
}
.nav li.sfHover a,
.nav li.current a,
.nav a:focus, .nav a:hover, .nav a:active {
	border-bottom: none;
	color:#FFF;
}
.nav li a { color: #FFF; }
.nav li li.current a {
	font-weight: bold;
}
.nav li li:hover,
.nav li li a:focus, .nav li li a:hover, .nav li li a:active {
	font-weight:bold;
}
.nav li:hover ul, /* pure CSS hover is removed below */
ul.nav li.sfHover ul {
	top:3.0em;
}
.nav li:hover li ul,
.nav li.sfHover li ul {
	top:-999em;
}
.nav li li:hover ul, /* pure CSS hover is removed below */
ul.nav li li.sfHover ul {
	top:2.5em;
}
/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul,
.superfish li li:hover ul {
	top: -999em;
}

.nav li li {
	float:left;
	position: relative;
	width:13.16em;
}
.nav li li a {
	font-size:1em;
	padding: .75em 0 .75em 1.9em;
}

.nav li li li {
	background:#096C25;
	/* only the css below this point (plus the line indicated a couple lines up from here) was added to turn the 3-tiered horizontal menu into the Richard Willis menu */
	left: -1px;
}

.nav li li ul {
	width:17.75em;
}
.nav li li li a {
	float: none;
}
.nav li li li:hover,
.nav li li li a:focus, .nav li li li a:hover, .nav li li li a:active {
	color:yellow;
}


.navdown, .navdown * {
	margin:0;
	padding:0;
	list-style:none;
}
.navdown {
	line-height:1.0;
	float:left;
	margin-bottom:1.5em;
}
.navdown ul {
	position:absolute;
	top:-999em;
	width:11.45em;
	border-bottom:1px solid white;
}
.navdown ul li,
.navdown a {
	width: 100%;
}
.navdown li {
	float:left;
	position:relative;
	z-index:1001;
	background:#9AA199;
	border-top:1px solid white;
	border-left:1px solid white;
	width:11.45em;
}
.navdown a {
	display:block;
	color: white;
	padding: .75em 0;
	text-decoration:none;
	text-indent: 2em;
	font-size:1.1em;
}
.navdown li.highlight { background:#096C25; }
.navdown li:hover ul,
ul.navdown li.sfHover ul {
	left:-1px;
	top:2.75em;
}
.navdown li:hover li ul,
.navdown li.sfHover li ul {
	top:-999em;
}
.navdown li li:hover ul,
ul.navdown li li.sfHover ul {
	left:11.45em;
	top:-1px;
}

.navdown li:hover, .navdown li.sfHover, .navdown li.current,
.navdown a:focus, .navdown a:hover, .navdown a:active {
	background:#096C25;
}
.navdown li li {
	background:#9AA199;
	border-right:1px solid white;
}
.navdown li li li {
	background:#096C25;
}

/* Main Style Sheet for jQuery UI date picker */
#datepicker_div, .datepicker_inline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 0;
	margin: 0;
	background: #ddd;
	width: 185px;
}
#datepicker_div {
	display: none;
	border: 1px solid #777;
	z-index: 1001; /*must have*/
}
.datepicker_inline {
	float: left;
	display: block;
	border: 0;
}
.datepicker_dialog {
	padding: 5px !important;
	border: 4px ridge #ddd !important;
}
button.datepicker_trigger {
	width: 25px;
}
img.datepicker_trigger {
	margin: 2px;
	vertical-align: middle;
}
.datepicker_prompt {
	float: left;
	padding: 2px;
	background: #ddd;
	color: #000;
}
* html .datepicker_prompt {
	width: 185px;
}
.datepicker_control, .datepicker_links, .datepicker_header, .datepicker {
	clear: both;
	float: left;
	width: 100%;
	color: #fff;
}
.datepicker_control {
	background: #400;
	padding: 2px 0px;
}
.datepicker_links {
	background: #000;
	padding: 2px 0px;
}
.datepicker_control, .datepicker_links {
	font-weight: bold;
	font-size: 80%;
	letter-spacing: 1px;
}
.datepicker_links label { /* disabled links */
	padding: 2px 5px;
	color: #888;
}
.datepicker_clear, .datepicker_prev {
	float: left;
	width: 34%;
}
.datepicker_current {
	float: left;
	width: 30%;
	text-align: center;
}
.datepicker_close, .datepicker_next {
	float: right;
	width: 34%;
	text-align: right;
}
.datepicker_header {
	padding: 1px 0 3px;
	background: #333;
	text-align: center;
	font-weight: bold;
	height: 1.3em;
}
.datepicker_header select {
	background: #333;
	color: #fff;
	border: 0px;
	font-weight: bold;
	width: auto;
	font-size: 14px;
}
.datepicker {
	background: #ccc;
	text-align: center;
	font-size: 80%;
}
.datepicker a {
	display: block;
	width: 100%;
}
.datepicker_titleRow {
	background: #777;
}
.datepicker_daysRow {
	background: #eee;
	color: #666;
}
.datepicker_weekCol {
	background: #777;
	color: #fff;
}
.datepicker_daysCell {
	color: #000;
	border: 1px solid #ddd;
}
.datepicker_daysCell a{
	display: block;
}
.datepicker_weekEndCell {
	background: #ddd;
}
.datepicker_daysCellOver {
	background: #fff;
	border: 1px solid #777;
}
.datepicker_unselectable {
	color: #888;
}
.datepicker_today {
	background: #fcc !important;
}
.datepicker_currentDay {
	background: #999 !important;
}

/* ________ Datepicker Links _______

** Reset link properties and then override them with !important */
#datepicker_div a, .datepicker_inline a {
	cursor: pointer;
	margin: 0;
	padding: 0;
	background: none;
	color: #000;
}
.datepicker_inline .datepicker_links a {
	padding: 0 5px !important;
}
.datepicker_control a, .datepicker_links a {
	padding: 2px 5px !important;
	color: #eee !important;
}
.datepicker_titleRow a {
	color: #eee !important;
}
.datepicker_control a:hover {
	background: #fdd !important;
	color: #333 !important;
}
.datepicker_links a:hover, .datepicker_titleRow a:hover {
	background: #ddd !important;
	color: #333 !important;
}

/* ___________ MULTIPLE MONTHS _________*/

.datepicker_multi .datepicker {
	border: 1px solid #777;
}
.datepicker_oneMonth {
	float: left;
	width: 185px;
}
.datepicker_newRow {
	clear: left;
}

/* ___________ IE6 IFRAME FIX ________ */

.datepicker_cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}


/* Menu DIV */
.jqac-menu{
	color: black;
   background-color: white;
	border: 1px solid #ffb931;
	font:1.2em Tahoma;
	border-top:0;
	height:auto;
	overflow:hidden;
}
/* unordered list for suggestions */
.jqac-menu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

/* SPAN "link" */
.jqac-menu .jqac-link {
	cursor: hand; cursor: pointer;
	display: block;
	padding: 2px 4px;
	border-bottom: 1px dotted #ffe594;
	color:#666;
}
/* highlighted menu item */
.jqac-menu .jqac-highlight {
	background:#ffeaaa;
	color:#333;
}
/* warning for no results */
.jqac-menu .jqac-warning {
	font-style: italic;
}
/* loading for AJAX get */
.jqac-menu .jqac-loading {
	font-style: italic;
	padding:10px;
}
/* matched sub-string */
.jqac-menu em {
	font-weight:bold;
}
/* suggestion info */
.jqac-menu .jqs-info {
	text-align: left;
	font-style: italic;
	color: #666;
}




}

/* Report methods */
div.title { padding-top: 10px; font: 1.9em black bold serif; }
div.subtitle { font: 1.2em black bold sans-serif; }
div.location { padding:3px 0px; font-size:1.3em;  }
div.report_date {  padding-bottom:20px; }
div.note { font-size:1em; color #333; margin:10px; }

@media print {
body, html {
	color: #333;
	background: #FFF;
	padding-bottom: 0px;
	font: normal 90.0% "Lucida Sans Unicode",sans-serif;
}

img { border: none; }
a img { border: none; }

/* Don't print header, footer, menus, or backgrounds */
#container { background: #FFF; }
#footer, #user_info, #header, #logout, #program,
#navigation, #inspectorcb, #assigned_header, #heightwidth,
div.t_header, div.pager, .ui-tabs-nav,
a.sub_menu_button, a.menu_button, ul.navdown
{ display:none; }
.top { position:relative; left:0; top:0; background-color: #FFF; width:100%; }
body { font-family: serif; }
table.headtable { border: 0px; border-style: none; width:95%; }
table.regreport { margin-left: 2%; border-top: 0px; border-bottom: 2px; border-left: 0px; border-right: 0px; border-collapse: collapse; width: 95%;}
tr.evenrow { background-color: #FFF; }
.hlrow { background-color: #A4F4A4; }
tr.oddrow { background-color: #EEE; }
tr.typerow { border-bottom: 1px solid #CCC }
td { font-size: 1.1em; margin: 0px; padding: 3px; padding-bottom: 0px; border: none; }
th { font: normal 1.3em sans-serif; color: #333; } 

div.title { position: relative; padding-top: 35px; font: black bold serif; font-size:1.4em; }
div.subtitle { padding-bottom: 10px;  font:1.2em black bold sans-serif; }
div.location { padding-bottom: 10px;  font:1.2em black bold sans-serif; }
div.report_date { position:absolute; top:15px; right:1%; font-size:1.4em;}
div.note { font-size:.9em; color #333; padding:10px; }
div.result { margin:20px 0px 20px 20px; padding:10px;  border-top:1px solid #DDD; text-align:right; }
div.result span { font-size: 1.2em; }
div.list, div.add, div.view { width:80em; background-color:white; padding:1px 0 4px 0; overflow:auto; }
div.column { float:left; width:49% }
div.section { width:100%; background-color: #CCC; text-align:center; font-size:120%; padding:5px;}
div.violation_header { width:100%; background: #DDD; overflow:hidden; border-bottom:solid 1px #777; }
div.violation_header > div { width:4%; float: left; padding-left:1%; padding-right:1%; text-align:left; border-right:solid 1px #CCC; }
div.violation_def { overflow:hidden; vertical-align:bottom; }
div.violation_def > div { width:5%; min-height:20px; float: left; text-align:left; padding-left:1%; border-right:solid 1px #CCC; border-bottom:solid 1px #CCC; }
div.violation_header_desc { width: 50% }
div.report_menu_bar { margin-bottom:5px; background-color:#DDD; overflow:hidden; padding:5px 35px 5px 5px;}
div.report_menu_bar > .sub_menu_header { font-size: 1.3em }
#score_box { border:1px solid black; float:right; width:150px; height:100px; text-align:center; }
#grade_box { border:1px solid black; float:right; width:150px; height:100px; text-align:center; }
#current_score { font-size:600%; }
#current_grade { font-size:600%; }
span.mini { font-size:70%; }
span.sub_menu_header { font-size:200% }
}