body {padding:0px; margin:0px; font-family:sans-serif; background:#eed; }
form { display:inline; }
h3 { border:1px solid #007;border-bottom:3px solid #007; padding:3px; background:#7BACDD; margin:0px; font-size: 12pt;}
h2 {color:#007; font-size:16pt; margin: 4px 0px 4px 0px;text-align:right; }
table { border-collapse:collapse; }
img { border:0px; }
iframe {height:30px;width:220px; display:inline; border:0px; overflow:hidden;}
.inst_id { float:right;color:yellow;margin:2px 10px;font-weight:bold; }
#title_bar { background:url('/ReliaWeb/assets/images/b.png') no-repeat 0 -24px;
	background-color:#274c91;
	height:26px;
	border-bottom:1px solid #001; overflow:hide;
	}
#title_bar span.welcome {color:white; margin-left:20px; text-decoration:none; padding-top:4px; float:right;padding-right:10px;}
#menu { margin-left:260px; }


#mainpane { margin: 10px; }
#user {border:1px solid #DB8; background:#FEA; width:200px;padding:1px;
        }
table.cust_browser {border-left: 1px solid #ddb; border-right: 1px solid #ddb; border-bottom: 1px solid #ddb; }
.cust_browser {
	overflow:auto;
	border-top:2px solid #449;
	margin:10px;
}
.cust_browser a, div.instructions a, .dashboard_b a {  margin:3px; background-image:url('/ReliaWeb/assets/images/b.png'); background-repeat: no-repeat; display:block; padding:2px; }
.cust_browser a:hover, #loc_table a:hover, .dashboard_b a:hover { margin:1px; border:2px outset white; background-color:white;  }
.cust_browser a:active, #loc_table a:active, .dashboard_b a:active { margin:1px; border:2px inset white;  }
a.preview_icon { width: 30px; height:20px; background-position:-197px 1px; }
a.edit_icon { width: 30px; height:20px; background-position:-165px 0; }
a.delete_icon { width: 30px; height:20px; background-position:-131px 0; }
a.undelete_icon { width: 30px; height:20px; background-position:-430px 0; }
a.submit_icon { width: 30px; height:20px; background-position:-64px 0; }
a.publish_icon { width: 30px; height:20px; background-position:-98px 0; }
a.unpublish_icon { width: 28px; height:20px; background-position:-399px 2px; }
a.fctry_icon { width:20px; height:20px; background-position:-20px 0; }
a.inspection_icon { width:21px; height:20px; background-position:-288px 2px; }
a.credential_icon { width:20px; height:20px; background-position:-42px 1px; }
a.portal_icon { width:30px; height:20px; background-position:-231px 1px; }
a.lockmail_icon { width:20px; height:20px; background-position:-463px 1px; }
a.log_icon { width:20px; height:20px; background-position:2px 2px; }
a.eqedit_icon { width:32px; height:32px; background-position:-37px -50px; }
a.eqrpt_icon { width:32px; height:32px; background-position:2px -50px; }
a.ppl_icon { width:20px; height:20px; background-position:76px -55px; }
a.export_icon { width:20px; height:20px; background-position:-169px -58px; }
a.upfolder_icon { width:24px; height:18px; background:url('/ReliaWeb/assets/images/b.png') no-repeat -264px 0px; display:block; float:left; }
a.folder_icon { width:34px; height:24px; background:url('/ReliaWeb/assets/images/b.png') no-repeat -335px 0px; display:block; float:left; }
a.lastlist_icon { width:16px; height:20px; background:url('/ReliaWeb/assets/images/b.png') no-repeat -498px -13px; display:block; float:left; }
a.minus_icon { width:12px; height:12px; background:url('/ReliaWeb/assets/images/b.png') no-repeat -487px 0px; display:block; float:left; margin-right:10px;}
a.plus_icon { width:12px; height:12px; background:url('/ReliaWeb/assets/images/b.png') no-repeat -487px -11px; display:block; float:left; margin-right:10px;}
a.help_icon { background:url('/ReliaWeb/assets/images/b.png') -371px 0; display:block; width:24px; height:24px; }
#equip_pane table {width:100% }
#equip_pane table td { padding:0px; }
.cust_browser td {padding:0px 8px 0px 8px; white-space:nowrap;vertical-align:middle;font-size:90%;
	border-bottom: 1px solid black;}

.list_box { position:relative; background:#FFF; overflow:auto; width:360px;
        border:1px inset black; padding:5px; margin-bottom:10px;
}
.list_box ul { list-style:none; margin-left:0px;}
.list_box ul li a { text-decoration:none; color:black; }
.list_box ul ul { margin-left:10px; }
#tech_list { font-size:9pt; height:220px; }
#customizations { font-size:8pt; height:80px; }

#footer {margin-top:45px; border-top:1px solid silver; font-size:10pt; text-align:center; }

.dashboard_sec {padding:5px 5px 20px 5px; background:white; border:3px solid #007; border-top:0; position:relative;}
.dashboard_sec span {font-size:80%; font-weight:bold; color:#516a94; padding-right:10px;}

form label {
	color: #262626;
	float: left;
	margin-right: 6px;
	text-align: right;
}

span.label { text-transform: uppercase; font-size:70%; font-weight:bold; color:#516a94;}

div.eq_sec { border:2px inset linen; background: white; margin:4px; padding:2px; position:relative; }
div.eq_sec table { width:760px; }
div.eq_sec table td { text-align:right; white-space:nowrap; }
div.eq_sec table td a.button { }
div.eq_sec table td a.button img { height:16px; overflow:none; border:0;  }

div.eq_sec div.notdue_filter {
	position:absolute; top:0px; left:0px; width:100%; height:100%; _height:140px;
	background:#222; text-align:center;filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8; 
}
div.eq_sec div.notdue_mssg {
	position:absolute;left:220px;top:10px;background:white;width:280px;text-align:center;
	border:3px solid darkorange; padding:5px; color:#4A5086; 
}
div.eq_sec div.notdue_mssg div { text-align:left;font-weight:bold;color:#888;font-size:8pt; }

.headrow td {text-align:left; border-bottom:3px double navy;padding:0px 5px 0px 5px; }

.popup { font-size: 80%; overflow:auto; width:502px; height:200px; position:absolute; display:none; border:1px solid silver; background:white; }
.popup i { }
.popup ul { list-style-type:none; padding-left:0px; margin:1px; }
.popup ul li { cursor: pointer; list-style-type:none; padding-left:8px; margin-left:0px; }
.popup ul li.over { background:#acF;}

#health_codes.popup { width:160px; height:152px; }

.filelist { font-size: 80%; font-weight: bold; margin-left:3px;}
.filelist a { text-decoration:none; }

#diagram_list { border:1px solid black; margin:1px 1px 10px 10px; background:#ddd; padding:2px; overflow:auto; height:510px;}
#diagram_list div {float:left; border: 1px solid #00a; margin:5px; font-size:70%; width:350px; vertical-align:middle; background:white;padding:4px 4px 4px 10px; }
#diagram_list div span.label { font-size:90%; margin-left:8px; }
#diagram_list div img {float:left; margin:0px 8px 0px 8px; min-width:100px;}

#diagram_list div div.legend { border:1px solid black; font-size:100%;margin:0px; overflow:auto; height:84px; 
	width:160px; padding:4px; }
#diagram_list div a.athumb {width:100px; text-align:center; }

#cadLib {overflow:auto; height:300px; position:absolute; background:#04a; border:2px solid orange; padding:5px; white-space:nowrap;}
#cadLib div {	float:left; 
		background:white; 
		border:2px outset silver; 
		margin-top:2px; 
		width:200px; height:200px; 
		vertical-align:middle;
		z-index:100; 
		font-size:10pt; 
		text-align:center;}

#promptDiv { position:absolute; display:none; 
	     background:white; border:10px solid #88D; padding:10px;
	     width: 60%; height: 30%; left: 20%; top: 35%; 
	     text-align:center; font-size:11pt;
	   }

#promptDiv input {   color:#050;
   font:  84% 'trebuchet ms',helvetica,sans-serif;
   background-color:#fed;
   border: 1px solid;
   border-color: #696 #363 #363 #696;
   filter:progid:DXImageTransform.Microsoft.Gradient
   (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');
   width:200px;
}

.validText {
border:1px solid red; background:#FCC; color:red; font-size:9pt; padding:2px; margin-left:4px;
}

#equip_pane input {
	background: none;

}
#equip_pane select {
	background: #eee;
	margin-top:2px;
	border:1px solid red;
	padding:0px;
}

.instructions {color:navy;font-weight:normal;border:1px solid #972;margin:1px 10px 1px 10px;font-size:10pt;padding:5px;background:#fff2a9;}
div.instructions a { border: 0; }
.success_message { background:#cf9; border:1px solid green; color:#030; margin:8px; padding:5px; font-size:9pt; }
.confirm_message { background:#fc7; border:1px solid orange; color:#433; margin:8px; padding:5px; font-size:9pt; text-align:center;}
.error_message { background:#fcb; border:1px solid red; color:#800; margin:8px; padding:5px; font-size:9pt; }
span.dfv_errors { color:red; font-size:80%; }
.floor_loc_hdr { background:navy; color:#dde; font-weight:bold; padding:6px 4px 0px 30px; border:1px solid #002; }
.eq_head {  font-size:10pt; background:#ddb; color:#888; }
.row_button {background:white; font-size:9pt; font-variant: small-caps; border-color:#aae;margin:1px;}
.delete_btn {line-height:9px;height:18px; color:red; margin-bottom:3px;}
.dia_icon { margin:2px 8px -2px 2px; }
.save_btn {background:#FFB; margin-bottom:4px;}
.ob_inp input {border:1px solid black;border-width:0 0 1px 0;}
#quickPanel {width:20px;position:fixed;bottom:0px;right:0px;height:400px;border:1px solid #888; background:#aab; }
#handle {position:relative; top:0px; left:0px; width:20px; height:100%; background:url('/ReliaWeb/assets/images/quick_handle.png'); cursor:move; float:left; }
#quickPanel ul {margin-left:23px; padding:0;}
#quickPanel ul ul {margin-left:2px;}
#quickPanel ul li ul li { list-style:none; font-size:9pt; cursor:pointer; font-weight:normal; padding-left:2px; border-left:5px solid white;}
#quickPanel ul li ul li.over { background: #ddd; }
#quickPanel ul li { list-style:none; font-weight:bold; font-size:9pt; border-bottom:1px solid #444;}
.trade { vertical-align:super; font-size:70%;}
#tab_menu { position:relative; height:26px; padding:1px 0 0 3px; display:block; margin:0; 
	border:1px solid #007; border-bottom:0; background:#7BACDD; font-size: 12pt;}
#tab_menu span { float:left; padding:3px 40px 3px 3px; font-weight:bold;}
#tab_menu .tab { position:relative; width:170px; height:24px; background:white; margin:-1px 0 0 -1px; float:left; display:inline; clear:none;
        border:3px outset #aaa; border-bottom:0; text-align:center; background:#eeb; z-index:0; font-size:10pt; }
#tab_menu .tab a { text-decoration:none; width: 164px; padding:3px; margin:0px; position:absolute; left:0; height:18px; color:black; }
#tab_menu .tab a:hover { background: #ffc; }
.tab_container { margin:0; border:1px solid #888;  display:none; background:white; padding:5px 20px; border:3px solid #007;
	padding-top:10px; clear:both;  }
.tab_container a img { padding:1px; color:white; border:2px solid transparent; }
.tab_container table { border: 1px solid #ddb; border-top: 2px solid #007;}
#insemail.tab_container textarea, #welemail.tab_container textarea { width:640px; height:230px; }
#cland.tab_container textarea { width:274px; height:370px; border: 2px #036 solid; background #eee; }
#cnav {width:430px; vertical-align:top;}
#cnav a { font-size:9pt; }
#cnav div.c { border:1px outset white; background:white; padding:0 15px; position:relative; top:-5px; display:inline; line-height:28px;}
#cnav ul { list-style-type: none; margin:0 0 5px 10px; vertical-align:top;}
#cnav ul li {background: url('/ReliaWeb/assets/images/b.png') no-repeat -498px 0;
	padding-left:20px; line-height:14px; overflow:visible; margin-left:25px; font-size:9pt;}
#cnav ul li.last {background: url('/ReliaWeb/assets/images/b.png') no-repeat -498px -15px; }
#cnav ul ul { border:1px outset #fff; background:#ffa; margin:1px 0;}
#cnav ul ul li { position:relative; margin-left:0px; font-style:italic; }
#cnav ul ul li span { color:blue; font-style:normal;}

.cad_container { margin:0; border:1px solid #118; display:none; background:white; padding:5px; 
	padding-top:10px; clear:both; }

<!-- Css Menu -->
ul.cssMenu {position:relative; zindex:10;}
ul.cssMenu ul{display:none}
ul.cssMenu li:hover>ul{display:block}
ul.cssMenu ul{position:absolute;left:-1px; display:none; z-index:90;}
ul.cssMenu ul ul{position: absolute;left:98%;top:-2px;  }
ul.cssMenu,ul.cssMenu ul {
        margin:0px;
        list-style:none;
        padding:0px 2px 2px 0px;
        background-repeat:repeat;
}
ul.cssMenu ul { border:2px outset #ddd; background: #fff;
}
ul.cssMenu table {border-collapse:collapse}ul.cssMenu {
        display:block;
        zoom:1;
        float: left; z-index:5001;
}
ul.cssMenu ul{
        width:129.05px;
}
ul.cssMenu li{
        display:block;
        margin:2px 0px 0px 2px;
        font-size:0px;
}
ul.cssMenu a:active, ul.cssMenu a:focus {
outline-style:none;
}
ul.cssMenu a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover {
        display:block;
        vertical-align:middle;
        border-width:0px;
        border-color:#6655ff;
        border-style:solid;
        text-align:left;
        text-decoration:none;
        padding:4px 20px 4px 20px;
        _padding-left:0;
        font:12px Verdana;
        font-weight:bold;
        color: white;
        text-decoration:none;
        cursor:default;
}
ul.cssMenu span{
        overflow:hidden;
        padding:0 2px 0 2px;
}
ul.cssMenu li {
        float:left;
}
ul.cssMenu ul li {
        float:none;
}
ul.cssMenu ul a {
        text-align:left;
        white-space:nowrap;
	font-weight:normal; text-align:right; color: black;
}
ul.cssMenu li.sep{
        text-align:center;
        padding:0px;
        line-height:0;
        height:100%;
}
ul.cssMenu li.sep span{
        float:none;     padding-right:0;
        width:5;
        height:16;
        display:inline-block;
        background-color:#AAAAAA;       background-image:none;}
ul.cssMenu ul li.sep span{
        width:80%;
        height:3;
}
ul.cssMenu li:hover{
        position:relative;
}
ul.cssMenu li:hover>a{
        background-color:#576DC1;
        border-color:#665500;
        border-style:solid;
        font-family:Verdana; font-weight:bold;
        color: #ffffff;
        text-decoration:none;
}
ul.cssMenu li a:hover{
        position:relative;
        background-color:#576DC1;
        border-color:#665500;
        border-style:solid;
        font-family:Verdana; font-weight:bold;
        color: #ffffff;
        text-decoration:none;
}
ul.cssMenu ul li a{ padding:2px 5px 2px 5px; }
ul.cssMenu li.dis a {
        color: #AAAAAA !important;
}
ul.cssMenu img {border: none;float:left;_float:none;margin-right:4px;width:16px;
height:16px;
}
ul.cssMenu ul img {width:16px;
height:16px;
}
ul.cssMenu img.over{display:none}
ul.cssMenu li.dis a:hover img.over{display:none !important}
ul.cssMenu li.dis a:hover img.def {display:inline !important}
ul.cssMenu li:hover > a img.def  {display:none}
ul.cssMenu li:hover > a img.over {display:inline}
ul.cssMenu a:hover img.over,ul.cssMenu a:hover ul img.def,ul.cssMenu a:hover a:hover img.over{display:inline}
ul.cssMenu a:hover img.def,ul.cssMenu a:hover ul img.over,ul.cssMenu a:hover a:hover img.def{display:none}
ul.cssMenu a:hover ul{display:block}
ul.cssMenu span{ color:white;
        display:block;
   padding-right:11px;}
}


