/*
**
** template.css
**
** This is the css file the HAN template that the screens are built with
**
** ${copyright}
**
*/

/**********************************************
**
** Base template style rules
**
***********************************************/

body {
	font-family : arial, sans-serif;
	font-size : 12px;
	background : #BDE5E5;
	color : black;
}

h1 {
	font-size : larger;
}

h2 {
	font-size : 100%;
}

h3 {
	font-size : smaller;
}

a:visited {
	color : blue;
}

span.error {
	color:red;
	margin-left: 5px;
	font-weight: bold;
}

#top {
	vertical-align : top;
}

#nav {
	padding-right : 10px;
	vertical-align : top;
}

#body {
	border : thin solid black;
	font-size : 11px;
	vertical-align : top;
	background : white;
	text-align : center;
}

#main {
	padding-left : 2em;
	padding-right : 2em;
}

#logo {
	position : relative;
	left : 5%;
}

/* The header area at the top of the scroll area */
#header {
	padding-top : 1em;
	padding-bottom : 2.5em;
	border-bottom : thin solid black;
}

#header #user {
	float : left;
	margin-left : 5px;
	margin-right : 50px;
}

#header #time {
	float : right;
	margin-left : 50px;
	margin-right : 5px;
}

/* The copyright area at the bottom of the scroll area */
#copyright {
	border-top : thin solid black;
	position : relative;
	font-size  : smaller;
	text-align : center;
	margin-top : 3em;
	padding-top : 1em;
	padding-bottom : 1em; 
}

/* The top level list of menu items */
div#menu {
	padding-top : 5px;
	padding-bottom : 5px;
	font-size : 12px;
}

div#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
}

/* Position all list items relatively */
div#menu ul li {
	position: relative;
}

/* The popup menus when not being hovered over */
div#menu li ul {
	position: absolute;
	left: 100%; 			/* Shove them to the left */
	top: 0;						/* Line them up vertically */
	display: none; 		/* Don't show them */
}

/* The actual links */
div#menu ul li a {
	display: block;
	text-decoration: none;
	color: black;
	background : #BDE5E5; /* Req for IE.  Causes the whole block to be the link */
	padding: 5px; /* The space between menu items */
	/*
	border-top : thin solid #BDE5E5; 
	border-bottom : thin solid #BDE5E5;  */
	/* These borders are required.  If they are not there, the black */
	/* borders that appear on hover will shift the menu */
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */

/* Make the popups appear on hover */
div#menu li:hover ul, div#menu li.over ul { 
	display: block; 
}

/* Style the link block on hover */
div#menu ul li:hover a, div#menu ul li.over a {
	color : #f6e764;
	background : #336699;
	/*
	border-top : thin solid black;
	border-bottom : thin solid black;
	border-left : thin solid black; */
	/* There is no border-right.  This prevents the border between the */
	/* top level item and popup menu from being double thick. */
}

/* This adds the border-right to top level items that don't have a  */
/* popup menu.																											*/
/*
div#menu ul span.top li:hover a, div#menu ul span.top li.over a {
	border-right : thin solid black; 
}
*/

/* Places borders on popup menu items */
div#menu ul li:hover ul li a, div#menu li.over ul li a {
	/* border : thin solid black; */
	color : white; /* Make the popup menu items white */
}

/* Make popup menu items yellow on hover */
div#menu ul li:hover ul li a:hover, div#menu li.over ul li a:hover {
	color : #f6e764;
}

/* This prevents the double thick border on popup menu items */
/*
div#menu ul li:hover ul span.bot li a, div#menu li.over ul span.bot li a {
	border-top : none;
}
*/

/* Style for arrows following expandable top level items */
div#menu ul li a span {
	position : relative;
	padding-left : 10px;
	top : -1px;
	text-align : right;
}

#main #tabs {
	border-collapse : separate;
	margin : 5px;
}

#main .taba, #main .tabi {
	border : 1px solid black;
}

#main .tabi {
	background-color : gray;
}

#main .taba a, #main .tabi a {
	color : black;
	text-decoration : inherit;
}

#main .taba a:hover {
	color : black;
}

#main .tabi:hover {
	background : #336699;
	color : #f6e764;
}

#main .tabi a {
	color : inherit;
} 

#main .tabi a:hover {
	color : #f6e764;
}

#main .tabn {
	border : 1px solid black;
	background-color : gray;
}

#main table.layout {
	border-collapse : collapse;
	width : 100%;
	margin : 0;
	padding : 0;
}

#main tr.layout {
	vertical-align : top;
}

#main td.layout {
	margin  : 0;
	padding : 0;
}

#main div.center {
	text-align : center;
}

#main div.center table {
	margin : 0 auto;
	text-align : left;
}

#main td.pager {
	border-left : 1px solid black;
	text-align  : center;
	text-size   : 9px;
	padding-left  : 3px;
	padding-right : 2px;
}

#main td.first {
	border : none;
	text-align  : center;
	text-size   : 9px;
	padding-left  : 3px;
	padding-right : 2px;
}

#main .shade {
	background-color : #C8C8C8;
	padding-left : 5px;
	padding-right : 5px;
}

#main .noshade {
	background-color : #FFFFFF;
	padding-left : 5px;
	padding-right : 5px;
}

#main .blackshade {
	background-color : black;
	color            : white;
	padding-left : 5px;
	padding-right : 5px;
}

#main #list {
	border-collapse : collapse;
	width : 75%;
}

/**********************************************
**
** Diversion Status page style rules
** Status Change page style rules
**
***********************************************/

#main table.facility {
	border-collapse : collapse;
	border          : thin solid gray;
	empty-cells     : show;
	margin-left     : auto;
	margin-right    : auto;
}

#main th.header {
	border : thin solid gray;
	background-color : black;
	color            : white;
	text-align : center;
	font-variant : small-caps;
	width : 80px;
}

#main a.return {
	font-size : 9px;
	margin : 10px;
	display : block;
}

#main a:hover {
	color : red;
}

#main table.facility td {
	border : thin solid gray;
	text-align : center;
	color : white;
}

#main table.facility td.title {
	background-color : white;
	color : black;
	font-size : 14px;
	font-weight : bold;
}

#main table.facility td.update_title {
	background-color : white;
	color : black;
	font-size : 14px;
	font-weight : bold;
	width : 120px;
}

#main table.facility td.white {
	background-color : white;
	color            : blue;
}

#main table.facility td.black {
	background-color : black;
	color            : white;
}

#main table.facility td.facility {
	background-color : white;
	color            : blue;
	text-align       : center;
}

#main table.facility tr.matrix {
	height : 30px
}

#main table.facility tr.facility {
	height : 20px
}


#main table.fac_update_ctrl {
	border          : none;
}

#main table.fac_update_ctrl td.label {
	background-color : white;
	color            : black;
	font-size        : 12px;
	font-weight      : normal;
	text-align		   : right;
}

#main table.fac_update_ctrl td.ctrl {
	text-align		   : left;
}


#main table.reportinputs {
	border: none;
}

#main table.reportinputs td.label {
	background-color : white;
	color            : black;
	font-size        : 12px;
	font-weight      : normal;
	text-align		   : right;
}

#main table.reportinputs td.redlabel {
	background-color : white;
	color            : red;
	font-size        : 12px;
	font-weight      : normal;
}

#main table.reportinputs td.ctrl {
	text-align		   : left;
}

#welcome {
	border-collapse: collapse;
	width   : 90%;
	margin  : 0;
	padding : 0;
}

#welcome td {
	vertical-align: top;
	font-family : arial, serif;
	font-weight : normal;
	font-size   : 12px;
	color       : black;
}

#welcome p {
	text-align: left;
	font-family : arial, serif;
	font-weight : normal;
	font-size   : 12px;
	color       : black;
}

#welcome ol {
	list-style-type: disc;
	text-align: left;
	text-indent: 0px;
	font-family : arial, serif;
	font-weight : normal;
	font-size   : 12px;
	color       : black;
}

#welcome ol ol {
	list-style-type: circle;
	text-align: left;
	text-indent: 1px;
	font-family : arial, serif;
	font-weight : normal;
	font-size   : 12px;
	color       : black;
}

/* Commerce Directory Search Screen  */

#orgType {
	width: 100%;
}

#selectedCounties {
	width: 100%;
}

/* Commerce Directory View Screen */

#main td.cdvContactLabel {
	text-align  : left;
	font-family : arial, serif;
	font-weight : normal;
	font-size   : 12px;
}

#main td.cdvContactData {
	text-align  : left;
	font-family : arial, serif;
	font-weight : bold;
	font-size   : 12px;
}

#main td.cdvPContactData {
	text-align  : left;
	font-family : arial, serif;
	font-weight : normal;
	font-size   : 12px;
}

#main table.DHrsPerRangeViewable {
	border: 1px solid gray;
	border-collapse: collapse;
	cellpadding: 0;
}

#main table.DHrsPerRangeViewable td {
  border: 1px solid gray;
	border-spacing: 0px;
	padding: 2px;
}

#main table.DHrsPerRangeViewable td.redlabel {
	background-color : lightgrey;
	color            : red;
	font-size        : 12px;
	font-weight      : normal;
	padding: 2px;
}

#main table.DHrsPerRangeViewable td.lightgrey {
	background-color : lightgrey;
	color            : black;
	font-size        : 12px;
	font-weight      : normal;
	padding: 2px;
}

#main table.DHrsPerRangeViewable td.facility {
	background-color : lightgrey;
	color            : black;
	font-size        : 12px;
	font-weight      : normal;
	height           : 25px;
	padding: 2px;
}

#main table.DHrsPerRangeViewable td.category {
	background-color : white;
	color            : black;
	font-size        : 14px;
	font-weight      : normal;
	height           : 35px;
}

#main table.GraphPerDayViewable {
  border         : 1px solid gray;
	border-collapse: collapse;
	cellpadding: 0;
}

#main table.GraphPerDayViewable tr {
}

#main table.GraphPerDayViewable td {
  border-spacing  : 0px;
	padding         : 0px;
}

#main td.GraphPerDayViewableTitle {
  border          : none;
  background-color: black;
	color           : white;
	height          : 25px;
	padding         : 2px;
}

#main table.GraphPerDayViewable td.facility {
	background-color : white;
	color            : black;
	font-size        : 12px;
	font-weight      : bold;
	padding          : 2px;
	text-align       : right;
}

#main table.GraphPerDayViewable td.category {
  border-top       : 1px solid gray;
	background-color : white;
	color            : black;
	font-size        : 14px;
	font-weight      : normal;
	height           : 35px;
	padding          : 2px;
}

/* Syndromic Surveillance */

table.edheader {
	padding-right: 30px;
	padding-bottom: 10px;
}

table.edheader td {
}

table td.leftside {
	text-align: right;
	padding-left: 1em;
	padding-right: 1em;
	font-weight: bold;
}

table.edentry td.notice {
	text-align: left;
	border: 1px solid black;
	background: #bbbbbb;
	padding: .5em;
	margin-right: 25px;
}

table.edentry tr.comments {
	vertical-align: top;
}

div.comments {
	background-color: #eee; 
	border: 1px solid #555; 
	text-align: left;
	padding: 10px;
	font-size: 120%;
	height: 40px;
}

div.reportsfooter {
	border-top: 1px dotted black;
	padding-top: 1em;
	width: auto;
}

div.reportsfooter .center{
	margin-left: 0px;
	margin-right: 0px;
	text-align: center;
}

table.edreport {
	margin-top: 30px;
	border: 2px solid black;
	border-collapse: collapse;
	font-size: 110%;
}

table.edreport th {
	border: 2px solid black;
	padding: .5em;
	padding-top: 1em;
}

table.edreport td {
	border: 1px solid black;
	text-align: center;
	padding: .5em;
}
table.edreport a {
	color: blue;
	text-decoration: underline;
}

/* S2AY Surveillance */

table.s2ayDEntry td.hlabel {
	font-weight: bold;
	text-align: left;
}

table.s2ayDEntry td.rlabel {
	font-weight: bold;
	text-align: left;
	color: red;
}

table.s2ayDEntry td.label {
	font-weight: bold;
	text-align: left;
}

table.s2ayDEntry td {
	text-align: left;
}

table.s2ayConfirm td.leftside {
	text-align: right;
	font-weight: bold;
}

table.s2ayConfirm td.rightside {
	text-align: left;
	font-weight: bold;
	color: red;
}

/* vim:set ai sw=2 syntax=css ts=2: */