body, p, div, td{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 1em;
	line-height: 1.7em;
	vertical-align: middle;
}
a{
	text-decoration: none;
	color: inherit;
}
body{
	width:100%;
	margin: 0;
	background:#e1f1f1;
}
#header, #main, #footer, #info{
 	position:relative;
 	background: #fff;
	width: 980px;
	margin: 0 auto;
	overflow:hidden;
	padding: 0;
}
#banner{
	width:100%;
	min-height:20px;
	background:none repeat scroll 0 0 #3986CE;
	padding: 0 auto;
	color:#fff;
	font-weight:bold;
}
#info{
	padding:5px 0;
	background:none repeat scroll 0 0 #3986CE;
	color: #fff;
}
#main{
	min-height:550px;
}
.content{
	text-align:center;
	color:#444;
	font-size:0.95em;
}
#footer{
	text-align:center;
	font-size:12px;
	color:#185D7B;
	border-top: 2px #185D7B solid;
}
#header img{
	padding:5px 0 0 5px;
}
#status{
	float:right;
}
.emph{
	font-weight:bold;
}
#sidebar{
	float:left;
	padding-top:20px;
	min-height:500px;
	width:300px;
	background-image:url(img/bacteria.jpg);
	background-repeat: no-repeat;
	background-position: center;	
}
.homecontent{
	background-image:url(img/bacteriabg.jpg);
	background-repeat: repeat-x;
	background-position: center;
}
.home{
	font-size:0.95em;
}
#sidebar ul.topmenu li{
	font-size:1.4em;
	font-weight: blod;
	padding: 5px 0;
}
#progressbar{
	width: 500px;
	height:15px;
	border: solid 3px #999;
	padding:3px;
	border-radius:15px;
	background:#fff;
	text-align:center;
}
#progress{
 	width:300px;
	height:15px;
	border:none;
	border-radius:15px;
	background:#3986CE;
	text-align:center;
}
#main .question{
	min-height:480px;
	margin: 20px 30px;
}

#footer table{
	width:980px;
}
#footer p{
	//line-height:16px;
}
/*
#footer td .right{
	text-align:right;
	width: inherit;
	
}
#footer td .left{
	text-align:left;
}
*/
#banner table td,
#banner table tr{
	padding: 0;
	padding-left:5px;
	line-height: 1.7em;	
	color:#fff;
	font-weight:bold;
}
#banner ul.topmenu,
#banner ul.topmenu a{
	margin:0;
	padding: 0;
}

table
{
	border-collapse:collapse;
	width:100%;	
}

.question tr{
	min-height:50px;
	line-height: 1.5em;
}

.question td {
    font-size: 0.95em;
    padding:10px 2px;
}
tr .odd{
	background: #fff;
}
tr .even{
	background: #e1f1f1;
}
tr .emptyline{
	background:transparent;
}
ul.topmenu li{
	decoration:none;
	display:inline;
	padding: 5px 10px;
	text-align: right:
}
.center{
	width:100%
	margin:100px auto;
}
#login{
	width:300px;
	font-size:1.2em;
	font-weight: bold;
	text-align:center;
	line-height:1.2em;
	padding:30px;
	border-radius:15px;
}
.submit{
    border-radius: 15px 15px 15px 15px;
    font-weight: bold;
    padding: 3px 10px;
}
.submit:hover{
	background:#3986CE;
	color:#fff;
}
tr .highlight{
	background:#3986CE;
	color: #fff;
}
.description{
	line-height:1em;
	font-size:0.9em;
	background:#AAC9E7;
	color:#00488B;
}

.description td{
	text-align:center;
}

legend,
.title{
	font-weight:bold;
	font-size: 1.1em;
	text-align:left;
	color:#3986CE;
}
fieldset{
	border:none;
	
}

.faqtoggle{
	padding:0 50px;
	text-align:left;
}
.faqtoggle p{
	font-weight:bold;
}

.faqtoggle .answer{
	padding:0 20px;

	line-height: 1em;
	color:#3986CE;
}

/* big radio button */

input[type=radio]{
 	width:25px;
 	//height:25px;
}
input[type=radio]:checked{

}
.checkbox, .radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(img/bigradio.png) no-repeat;
	display: block;
	clear: left;
	float: left;
}
.radio {
	background: url(img/bigradio.png) no-repeat;
}
.select {
	position: absolute;
	width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	font: 12px/21px arial,sans-serif;
	background: url(select.png) no-repeat;
	overflow: hidden;
}
.abutton{
	background: none repeat scroll 0 0 #AAC9E7;
    border-radius: 10px;
    font-size: 1.05em;
    font-weight: bold;
    border: 2px solid #3986CE;
    padding: 2px 6px 2px 6px;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
    border-left: 1px solid #CCCCCC;
    padding: 1px 15px;
    cursor:pointer;
	
}
.sbutton{
	height:33px;
}
.abutton:hover{
	background:#3986ce;
	color: #fff;
}
.abutton1{
	background: none repeat scroll 0 0 #AAC9E7;
    border-radius: 10px;
    font-size: 1em;
    padding: 2px;
    padding: 2px 6px 2px 6px;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
    border-left: 1px solid #CCCCCC;
	
}
.abutton1:hover{
	background:#3986ce;
	color: #fff;
	cursor:pointer;
}
.abutton2{
	border: 1px solid #AAAADD;
  margin: 2px;
  padding: 2px 5px;
  text-decoration: none;
  font-size: 1em;
  background:transparent;
}
.abutton2:hover{
	border: 1px solid #000099;
  color: #3986CE;
	cursor:pointer;
}
.inline{
	display:inline;
}
.shadow {
	-moz-box-shadow:    3px 3px 5px 6px #ccc;
    -webkit-box-shadow: 3px 3px 5px 6px #ccc;
    box-shadow:         3px 3px 5px 6px #ccc;
}
.defaultPanel a,
.defaultPanel input
{
	padding:10px;
	width:280px;
	display: block;
	text-align:center;
	font-size:1.1em;
}
.mainbutton{
 	background-color: #AAC9E7;
	float:left;
	width:280px;
	margin-left: 130px;
	margin-top: 50px;
	height:3.2em;
	font-weight: bold;
	font-size:1.1em;
	cursor:pointer;
}
.mainbutton:hover{
	background:#3986ce;
	color: #fff;
}

.styledform{
	text-align:left;
	margin-left:20px;
	width:98%;
}
.styledform td{
	line-height:1.2em;
	height:55px;
	padding:0 5px;
}
table.styledform tr{
	padding:1.8em;
}
label{
	text-align: left;
	font-size:0.9em;
	font-weight:bold;
}
.ui-autocomplete { height: 200px; overflow-y: scroll; overflow-x: hidden;}
.theader{
	font-weight:bold;
	background:#AAC9E7;
}
.searchResult .reports{
	font-size:0.85em;
}

.report td.text{
	text-align:left;
}
.printreport td{
	line-height:1.2em;

	padding:5px 15px;
	text-align:left;
	vertical-align: top;
}
.printreport table td{
	padding: 5px 1px;
}
.oddtd{
	text-align:right;
}
.styleda{
	font-weight:bold;
}
.styleda:hover{
	font-weight:bold;
	color:#3986CE;
}
.traditionA,
.msg{
	color:#3986CE;
	padding-right:3px;	
}
.traditionA:hover{
 	font-weight:none;
 	color:#3986CE;
	text-decoration:underline;
}
.slabel{
	line-height:1.4em;
	font-size:0.9em;
	font-weight:normal;
}
.sortable:hover{
 	cursor: pointer;
	text-decoration: underline;
	color:#3986CE;
}
#change-facility{
 	//float:right;
 	padding-top:20px;
 	//right:-4px;
	display:none;
	//padding:10px;
	//background-color:#3986CE;
	//border-radius: 10px;
	
	text-align:center;
}
#status{
 	padding-top:20px;
	font-size:1.5em;
}
tr.deleted,
tr.deleted .abutton1{
	background-color: #eee;
	color: #aaa;
}
#aaa{
	color:red;
}
.questionList,
.answer{
	line-height:1.1em;
}
.topOfPage,
.questionList li:hover{
	color:3986CE;
}

//pagination style
div.pagination {
	padding: 3px;
	margin: 3px;
}
.fquestion{
	font-size:1.2em;
	line-height:1.3em;
}
div.pagination .pagenum {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #AAAADD;
	
	text-decoration: none; /* no underline */
	color: #3986CE;
}
.pagination .pagenum:hover,
.pagination .pagenum:active {
	border: 1px solid #000099;
	color: #000;
	cursor:pointer;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		border: 1px solid #000099;
		
		font-weight: bold;
		background-color: #000099;
		color: #FFF;
	}
div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;
	
		color: #bbb;
	}
	
//pagination style end

#aaa{
 	width:700px;
	color:#3968ce;
}
.rcolumn{
	width:467px;
	float:left;
	text-align:left;
	padding:0 10px;
	
}
.deleted{
	background-image:url('/img/deleted.png');
}
.tag{
	background:#3986CE;
	width:350px;
	position:relative;
	left:-10px;
	padding-left:25px;
	border-radius: 0px 25px 0px 0px;
	color: #fff;
	font-weight:bold;
	text-align:left;
}
.ASC{
	color:red;
	//background-image:url(img/updown.png);
	background:url(img/up.png) no-repeat left center;
}
.DESC{
	color:blue;
	background:url(img/down.png) no-repeat left center;
}
img{
	border:none;
}
.xchart{
	float:left;
	padding:5px 0;
}
.inactive{
	color:grey;
}
.indent2{
	display:inline-block;
 	padding-left:20px;
	text-indent: -20px;
}
.highlightAlert{
	color:red;
}
table.reports td{
	font-size:0.95em;
	padding: 0 5px;
}
@media print
  {
/*
  .printpage div *{
   font-family:times,serif;
   color:#fff;
   }
body {
   visibility:hidden;
  }

  div.printpage{
    position:absolute;
    left:0;
    top:0;
    visibility:visible;
    display:block;
  }
  .printpage table{
	width:685px;
	font-size:11px;
	
}
  
  div.printpage {
    
  }
.printpage table td{
	line-height: 1.3em;
}
*/
body{
	background:none;
}
.abutton{
	visibility:hidden;
}
} //end of media print