﻿/****************************main elements***********************************************/
html
{
	background-color:#f7f7f7;
}
html,body,form
{
	margin: 0;
	padding: 0;
}
body
{
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:0.8em;
	
}
h1,h2,h3
{
	color:#454545;
}
h1	
{	
	font-size:1.6em;
	font-weight:	700;
}	
h2	
{	
	font-size:1.2em;
	font-weight: 600;
}
h3	
{	
	font-size:1.1em;
	font-weight:	500;
}
.entitytitle	
{	
	font-size:1.2em;
	font-weight: bold;
}	
/****************************end main elements*********************************************/
/****************************data grid styles*****************************************/

div.gridwrapper
{
	overflow:auto;
	width: 100%;
}
caption
{

	font-weight: bold;
	font-size:1.18em;
	color: #454545;
	margin:1px; 
	text-align:left
}
table.basegrid
{
    background-color:#fff;
	border:solid 1px #4169e1;
	text-align:left;
}
tr.headerstyle td 
{
	background-color:#3366cc;
    font-weight: bolder;
    color: #ffffff;
    border:solid 1px #4169e1;
	text-align:left;
}
tr.headerstyle a
{
	color:#ffffff;
}
tr.headerstyle a:hover
{
	color:#ffffff;
		
}
tr.headerstyle a:visited
{
	color:#ffffff;		
}
tr.headerstyle th
{
	
	background-color:#3366cc;
    font-weight: bolder;
    color: #ffffff;
    border:solid 1px #4169e1;
    text-align:left;
}
tr.itemstyle
{
    color:#000000;
    border:solid 1px #ffffff;
	background-color:white;
	
}
tr.itemstylebold
{
	font-weight:bold;
    color:#000000;
    border:solid 1px #ffffff;
	background-color:white;
	
}
tr.itemstyle td,tr.itemstylebold td
{
	 border:solid 1px #ffffff;
	 text-align:left;
}
tr.alternatingitemstyle
{
    color:#000000;
    padding:2px 2px 3px 2px;
    border:solid 1px #ffffff;
	background-color:#d8e5f2;
}
tr.alternatingitemstylebold
{
	font-weight:bold;
    color:#000000;
    padding:2px 2px 3px 2px;
    border:solid 1px #ffffff;
	background-color:#d8e5f2;
}
tr.alternatingitemstyle td,tr.alternatingitemstylebold td
{
	border:solid 1px #ffffff;
	text-align:left;
}
tr.selecteditemstyle
{
    font-weight:bold;
    color:white;
    background-color:#7288ac;
	text-align:left;
}
tr.footerstyle
{
    color: #7288ac;
    background-color: white;
}
tr.pagerstyle td
{
	color: #000000;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}

tr.headerstyle td, tr.itemstyle td, 
tr.itemstyle td, tr.alternatingitemstyle td, 
tr.selecteditemstyle td, tr.footerstyle td, tr.pagerstyle td, tr.headerstyle th
{
	padding:5px;
}

.redstatus{
background-color:#FF0000;
color:#FFFFFF;
}
.yellowstatus {
background-color:#FFFF00;
color:#000000;
}
.orangestatus {
background-color:#FFA500;
color:#FFFFFF;
}
.bluestatus {
background-color:#0000FF;
color:#FFFFFF;
}
.bluevioletstatuspriority {
background-color:#8A2BE2;
color:#FFFFFF;
}
.overfourhours {
color:#FFA500;
}
.overeighthours {
color:#FF0000;
}
.belowfourhours {
color:#000000;
}

/****************************end data grid styles************************************/

/****************************form styles*****************************************/

input, select
{
	font-size:0.9em;
}
label 
{
	font-weight: bold;
	display:block;
	float:left;
	margin-right:10px;
	min-height:1em;
	padding-right:10px;
	position:relative;
	text-align:right;
	width:15em;
}
label.top 
{
	font-weight: bold;
	display:inline;
	float:none;
	margin-right:0px;
	min-height:1em;
	padding-right:0px;
	position:relative;
	text-align:left;
	width:auto;
}
label.rightlabel
{
	font-weight: bold;
	float:none;
	display:inline;
	margin-right:0px;
	min-height:1em;
	padding-right:0px;
	position:relative;
	text-align:left;
	width:15em;
}
label.valuelabel
{
	font-weight:normal;
	display:block;
	float:none;
	margin-right:auto;
	min-height:1em;
	padding-right:auto;
	position:relative;
	text-align:left;
	width:auto;
}
label.valuelabelbold
{
	font-weight:bold;
	display:inline;
	float:none;
	margin-right:2px;
	min-height:1em;
	padding-right:auto;
	position:relative;
	text-align:left;
	width:auto;
}

.rightinput
{
	float:left;
	width:15em;
	margin-right:10px;
	padding-right:10px;
	min-height:1em;
	position:relative;
	display:block;
	text-align:right;
}
.entryform
{
	border-style: solid none solid none;
	border-width: 1px 0px 1px 0px;
	border-color: #6699CC;
	background-color: #E5EEF6;
	width: 99%;
	padding:5px;
}
.entryform td
{
	padding:5px;
}
.chkboxlist{}
.chkboxlist td{padding:0px;}
.chkboxlist label
{
	font-weight:normal;
	float:none;
	display:inline;
	margin-right:0px;
	min-height:1em;
	padding-right:0px;
	position:relative;
	text-align:left;
	width:15em;
}
.chkboxlist input
{
	float:left;
	margin-right:20px;
}
.searchform
{
	background-color:#E5EEF6;
	border-style: solid none solid none;
	border-width: 1px 0px 1px 0px;
	border-color: #6699CC;
	width:100%;
}
.searchform label
{
	font-weight: bold;
	display:block;
	float:left;
	margin-right:10px;
	min-height:1em;
	padding-right:10px;
	position:relative;
	text-align:left;
	width:10em;
}
.logincontainer
{
    float:left;
    margin-right:10px;
}
table.login
{
	background-color:#fff;
	border:1px solid #000;
	width:225px;
	
}
table.login td
{
    padding:1px;
}
table.login label
{
	font-weight: bold;
	display:block;
	float:none;
	margin-right:0px;
	min-height:1em;
	padding-right:0px;
	position:relative;
	text-align:left;
	width:auto;
}

table.login input
{
	float:none;
	font-size:1.3em;
	width:200px;
}
table.login input.loginbtn
{
    width:auto;
	font-size:1.0em;
	padding:2px 4px;
    background-color:#122996;
    color:#FFFFFF;
    font-weight:bold;
    letter-spacing:normal;
    text-transform:none;
    word-spacing:normal;
}

.logintitle
{
	background-color:#122996;
	color:#fff;
	font-weight:bold;
}
table.login .leftcheckbox label
{
    font-weight:normal;
    vertical-align:middle;
}
table.login .leftcheckbox input
{
	float:left;
	margin-right:2px;
    vertical-align:middle;
	width:auto;
}

.leftradio{margin-left: 17em;}
.leftradio input{float:left;}
.leftradio label
{
	font-weight:normal;
	float:none;
	display:inline;
	margin-left:1em;
	margin-right:0px;
	min-height:1em;
	padding-right:0px;
	position:relative;
	text-align:left;
	width:15em;
}

.leftradio td
{
    padding:0px;
}

ul.listvalue{margin-left:17em;list-style-type:square;}

.button
{
    padding:2px 4px;
    background-color:#122996;
    color:#FFFFFF;
    font-weight:bold;
    letter-spacing:normal;
    text-transform:none;
    word-spacing:normal;
}


/****************************end of form styles*****************************************/

/**************************** common layout****************************************/
  div#main_logo{float:left;}
  div#main_header_links{text-align:right;}
/**************************** end common layout****************************************/

/****************************facility/admin/out layout****************************************/

div#thecontainer{width: 980px;margin: 0px auto;background-color: #fff;border: #a9a9a9 1px solid;}
        div#theheader{height:56px;}
        div#thewrapper{background-color: #003399;}
            div#themenu{width: 200px; float: left; clear: left;background-color: #003399;}
            div#themenuoffline{width: 200px; float: left; clear: left;background-color: #003399;}
            div#themenutopout{clear: both;background-color: #003399;}
            div#thecontent{margin: 0 0 0 200px; padding:2px 10px 10px 10px;background-color: #fff;min-height:600px;}
            div#thecontentout{padding:2px 10px 10px 10px;padding:5px;min-height:600px;}
				div#thetopcontent{margin-bottom:10px;}
				div#thecontentwrapper{overflow:hidden;}
					div.thecontents{float: left;}
            div#thefooter{margin:0;clear: both;text-align:center;background-color:#f7f7f7;}
                div#thefooterwrapper{}
            div#thefooterout{margin:0;clear: both;text-align:center;background-color:#f7f7f7;}
            
                
/****************************liaison/admin layout****************************************/

/****************************response layout****************************************/
div#res_container{ width: 980px; margin: 0 auto;background-color: #fff;border: #a9a9a9 1px solid;}
	div#res_header{background-color:#fff;height:56px;}
	div#res_navigation{clear:both;padding:2px 5px 0px 5px;background-color: #003399;}
	div#res_topcontent{padding:2px 5px;color:#fff;background-color: #3366cc;font-weight:bold;}
		div#res_topcontent_l{float: left;text-align:left;width: 30%;}
		div#res_topcontent_r{text-align:right;}
	div#res_content{padding:10px;min-height:600px;}
	div#res_footer{text-align:center;background-color:#f7f7f7;}
	
fieldset{padding:5px;}
div.res_modulewrapper {margin: 0 0 2em;position: relative;}
div.res_wrapper{clear:both;}
div.res_l_col_grid {float: left;width: 50%;}
div.res_l_col {float: left;}
div.res_r_col {}
div.res_l_chart{float:left;width:50%;}
div.res_r_chart{}
ul.res_layout_list {list-style-image: none;margin: 0;padding: 0;list-style: none outside none;}
li.res_layout_list_item {list-style-image: none;list-style-type:none;display:inline;}
li.res_layout_list_item_alt{display:inline;}
div.res_grid_mod_wrap {margin: 0 0 1em;position: relative;overflow:auto;height:190px;padding:5px;}
div.res_grid_mod_wrap_sum {margin: 0 0 1em;position: relative;overflow:auto;height:300px;padding:5px;}
div.res_nav_page{text-align:right;clear:left;}
.res_content_wrapper{}
.res_lr_info{clear:both;}
	.res_l_info{float:left;}
	.res_r_info{text-align:right;}
.res_detail_grid{clear:both;height: 180px;overflow:auto;text-align:left;}

div.res_status{float: left;overflow: auto;text-align: left;width: 165px;height:160px;padding:3px;}
div.res_message{overflow: auto;text-align: left;height:160px;padding:3px;}
div.mapviewport{height:720px;}
/****************************end of response layout****************************************/

/****************************outside facing content *********************************************/

/****************************end outside facing content*********************************************/
div#thecontentout h1,div#thecontentout h2,div#thecontentout p,div#thecontentout ul,div#thecontentout ol{margin-bottom:1em;}
div#thecontentout ul,div#thecontentout ol{list-style-type:disc;}
div#thecontentout ul>li,div#thecontentout ol>li{margin-left:2em;}

/****************************menu styles******************************************/
.menu
{
	color:#daa520;
	font-weight:bold;
}
.staticselected
{
	color:#ffffff;
}
.statichover
{
	background-color:#daa520;
	color:#ffffff;
}
a.menulogoff, a.menulogoff:link, a.menulogoff:visited
{
    padding-right: 10px;
    color:#00f;
}

#themenuoffline a{color:#daa520;text-decoration:none}
#themenuoffline a:hover{color:#fff;background-color:#daa520;}
#themenuoffline a:active{background-color:#fff;}
#themenuoffline>a{color:#fff;font-weight:bold;margin-left:5px;}
#themenuoffline ul>li>a{margin-left:20px;}

/***************************end of menu styles******************************************/

/****************************common misc styles******************************************/

.fpad 
{
	padding:0.25em;
}
.center
{
	text-align:center;
}
.left
{
    float:left
}
.right
{
    float:right;
}
.clear
{
    clear:both;
}
.righttext
{
    text-align:right;
}
.lefttext
{
    text-align:left;
}
a img 
{
border: 0;
}

/*
 * For alerts consider
 * W3C compliant
 * Icons from http://www.famfamfam.com/lab/icons/silk/
.alert {
	background: #fff6bf url(bioneural/exclamation.png) 15px 50% no-repeat;
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	}
*/
.error
{
	background: #FFE5E5 no-repeat scroll 5px 5px;
	border: 1px solid #CC0000;
	padding:5px;
}
.confirmation {
	background:#E5FFE5 no-repeat scroll 5px 5px;
	border:1px solid #007700;
	padding:5px;
}
.warning {
	background:#FFFFCC no-repeat scroll 5px 5px;
	border:1px solid #FFCC66;
	padding:5px;
}
.alert {
	background:#FFFFDD no-repeat scroll 5px 5px;
	border:1px solid #FFD700;
	padding:5px;
}
.required
{
	color: #ff0000;
}
.description
{
    color:#898989;
    font-size:0.85em;
}
ul.nulist{margin-bottom:1em;list-style-type:disc;}
ul.nulist>li{margin-left:2em;}
/****************************end of common misc styles******************************************/
/****************************Map info bubble styles******************************************/
.tablediv
{
    display: block;
    background-color: #d8e5f2;
    border-top: 1px solid #0000ff;
    border-bottom: 1px solid #0000ff;
    border-spacing: 5px; /*cellspacing:poor IE support for  this*/
    border-collapse: separate;
    width:300px;
}

.celldiv
{
    float: left; /*fix for  buggy browsers*/
    display: inline;
    width: 50%;
    background-color: #ffffff;
}
.rowdiv
{
    display: block;
    width: auto;
}
.bmenu 
{
   background-image: url(menu-show.gif) !important;
}    
.menu-title{
    background: #D6E3F2;
    border-style: solid;
    border-color:#DAE6F4 #99bbe8 #99bbe8 #DAE6F4;
    border-width: 1px;
    margin:-2px -2px 0;
    color:#15428b;
    font:bold 10px tahoma,arial,verdana,sans-serif;
    display:block;
    padding:3px;
}
/****************************end of Map info bubble styles******************************************/

/**********************************report styles************************************************/
.pageheader 
{
	font-weight:bold;
    color:#3366cc;
    text-align:left;	
	font-size:small;
	font-family:verdana,Arial;
 }

.pageheaderdivider
{
	background-color:#BBCDEA;
}

.details
{
	font-weight:bold;
	text-align:center;	
}

.reportfooterdivider
{
	background-color:#C0C0C0;
}

.reportfooter
{
	background-color:#93AEDD;
}

.reporttitle
{
	font-weight:bolder;
	color:#3366cc;
	font-size:medium;
	font-family:Verdana;	
}

.datetime 
{
	font-weight:normal;
    color:#3366cc;
    text-align:left;	
	font-size:smaller;
	font-family:verdana,Arial;
}
/******************************end of report styles********************************************/
