/* START RESET CSS */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0;  } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /* END RESET CSS */@charset "utf-8"; /* CSS Document */  html, body { font-family: Arial, Helvetica, sans-serif; font-size:10px; color:#666666; line-height:14px; height:100%; /* needed for container min-height */ } body ul { list-style:disc; padding-left:10px; margin-left:10px; padding-bottom:10px; font-size:11px; } body ol { list-style:disc; padding-left:10px; margin-left:10px; padding-bottom:10px; font-size:11px; } H1 { display: inline; font-size:17px; font-weight:100; padding:6px 0px 10px 0px; margin-top: 6px; margin-bottom: 10px; line-height: 35px; } H2 { display: inline; font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight: bold; color:#666666; line-height:14px; } H3 { font-size:12px; font-weight:bold; color:#000000; padding:0px 0px 4px 0px; } H4 { display: inline; font-size:17px; font-weight:100; padding:6px 0px 10px 0px; margin-top: 6px; margin-bottom: 10px; } .AlarmText { color:#FF0000; font-weight:bold; }  .TextField {  background-color:#F7F7F7; border: 1px; border-color: FF9900; font-size:11px; color:#003399; }   body p { padding-bottom: 10px; font-size: 11px; }  #main_container { background:url(../gfx/template/container_bg.jpg); background-repeat:repeat-y; border-right:#000000 1px solid; height:auto !important; /* real browsers */ height:100%; /* IE6: treaded as min-height*/ min-height:100%; width:971px; }  #main_container P { padding-bottom: 15px; } #main_container ul { list-style:disc; padding-left:10px; margin-left:10px; padding-bottom:10px; } #main_container ol { list-style:disc; padding-left:10px; margin-left:10px; padding-bottom:10px; } #main_container li { padding-left:0px; }  #header_container { width:971px;  height:116px; background:url(../gfx/template/bg_lefttop.jpg); background-repeat:repeat-y; }  #header_selectlogo { float:left;  width:234px;  height:68px;  margin-top:20px; background:url(../gfx/template/bg_lefttop.jpg); background-repeat:repeat-y; }  #header_banner { width: 737px; height: 116px; float:left; margin-left:-1px; background:url(../gfx/BG-RightTop.jpg); } #header_banner H5 { font-family:Verdana, Arial, Helvetica, sans-serif; display: block; font-size:13px; line-height:16px; padding-left:40px; padding-top:35px; color:#FFFFFF; font-weight:normal; } #content { display:inline; } #content_menu { float:left;  width:234px;  height:auto; margin:0px;  clear:both; display:inline; background:url(../gfx/template/bg_left.jpg); background-repeat:repeat-y; } #left_container { background:url(../gfx/template/bg_left.jpg); background-repeat:repeat-y; height:auto !important; /* real browsers */ height:100%; /* IE6: treaded as min-height*/ width:234px; float:left; display:inline; border:1px; } #menu { width:230px;  float:left;  text-align:right;  display:inline;  margin:40px 0px 0px 0px;  padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; } #menu ul { list-style:none;  width:238px;  float:left;  display:inline;  margin-left: 0px;  padding-left: 0px;  } #menu_footer { position:relative; bottom:0px;  left:0px; width:234px;  clear:both; text-align:left; vertical-align:baseline; background:url(../gfx/template/bg_left.jpg); background-repeat:repeat-y; }  #footer {  display:inline;   float:left; margin-bottom:0px; /* stick to bottom */ height:20px;  background-color:#FFFFFF;  width:972px;  border-top:1px solid #000000; text-align:center; }  .menu_active { height:20px;  left: -3px; display:block;  background-image:url(../gfx/template/btn_active.gif); background-repeat: no-repeat; float:left;  width:193px;  padding:0px 45px 0px 0px; margin:3px 0px 0px 0px;  text-indent:0px;  } .menu_active a { text-transform:uppercase;   font-weight:500;  font-size:15px;  text-decoration:none;  letter-spacing:1px; color: #EF940A; letter-spacing:1px; } .menu_active  a:hover { color: #FFFFFF; } .menu_inactive { height:24px;  left: -3px; display:block;  float:left;  width:193px;  padding:0px 45px 0px 0px; margin:3px 0px 0px 0px;  text-indent:0px;   background-image:url(../gfx/template/btn_inactive.gif); background-repeat: no-repeat; } .line { height:4px;  display:block;  float:left;  width:193px;  padding:0px 45px 0px 0px; margin: 3px 0px 0px 0px;  text-indent:0px;   background-image:url(../gfx/template/line.gif); background-repeat:no-repeat; } .menu_inactive a { text-transform:uppercase;   font-weight:500;  font-size:14px; text-decoration:none;  letter-spacing:1px; color: #FFFFFF; } .menu_inactive  a:hover { color: #EF940A; }  .menu_sub_inactive { margin-top:1px; margin-bottom: 3px;  display:block;  float:left;  width:238px;  margin-left:0px;  text-indent:0px;  padding:0px;  } .menu_sub_inactive a { font-size:11px; text-decoration:none; color: #FFFFFF;  display: inline; letter-spacing:0.05em; font-weight:500;  width:193px;  padding:5px 25px 5px 0px; text-transform: uppercase;   }  .menu_sub_active { height:10px;  margin-top:1px;  margin-bottom: 3px; display:block;  float:left;  width:238px;  margin-left:0px;  text-indent:0px;  padding:0px;  } .menu_sub_active a { font-size:11px; text-decoration:none; color: #EF940A;  letter-spacing:0.05em; font-weight:500;  width:193px;  padding:5px 25px 0px 0px; text-transform: uppercase;  } #menu2 { width:245px;  min-height:120px; float:left;  /***text-align:right;  ***/ display:block;  margin:20px 0px 0px 0px;  padding:0px; } #menu2 ul { list-style:none;  font-size:13px;  width:238px;  float:left;  display:inline;  margin-left: 0px;  padding-left: 0px; }  /*** Rounded Borders ***/ #container { background:#d8d8ee;  width:600px;  margin:15px;  padding:20px; } .xsnazzy { background: transparent;  margin-left:10px;  display:inline; }  /* .xsnazzy em { display:block;  width:0;  height:0;  color:#d8d8ee;  overflow:hidden;  border-top:24px solid #ccc;  border-left:24px dotted transparent;  border-right:24px dotted transparent;  margin-left:50px; } */ /* hack for IE5.5 */ /* * html .xsnazzy em { width:24px;  height:12px; w\idth:0;  hei\ght:0;} */ /*.xsnazzy span { display:block;  width:0;  height:0;  color:#ccc;  overflow:hidden;  border-top:20px solid #fff;  border-left:20px dotted transparent;  border-right:20px dotted transparent;  margin-left:52px;  margin-top:-15px; } */ /* * html .xsnazzy span { width:20px;  height:10px;  w\idth:0;  hei\ght:0; } */ .xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 { display:block;  overflow:hidden;  font-size:0; }  .xb1, .xb2, .xb3, .xb4, .xb5, .xb6 { height:1.2px; }  .xb4, .xb5, .xb6, .xb7 { background:#ccc;  border-left:2px solid #ccc;  border-right:2px solid #ccc; }  .xb1 { margin:0 8px;  background:#ccc; }  .xb2 { margin:0 6px;  background:#ccc; }  .xb3 { margin:0 4px;  background:#ccc; }  .xb4 { margin:0 3px;  background:#fff;  border-width:0 8px; }  .xb5 { margin:0 2px;  background:#fff;  border-width:0 6px; }  .xb6 { margin:0 2px;  background:#fff;  border-width:0 4px; }   .xb7 { margin:0 1px;  background:#fff;  border-width:0 5px;  height:2px; }   .xboxcontent { display:block;  background:#fff;  border:12px solid #ccc;  border-width:0 5px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; text-align: left; padding:2px; } .xboxcontent input{ font-family: Arial, Helvetica, sans-serif; background-image:url(../gfx/BG_Textfield.jpg); background-position:bottom; background-repeat:repeat-x; height: 16px; font-size: 12px; color:#000000; /* border: 1px solid #4A494A; */ border: 1px solid #cccccc; margin-bottom: 1px; }  .xboxcontent input[type="radio"]{ /* border: 1px solid #4A494A; */ background-image:none; border: 0px solid #FFFFFF; margin-bottom: 1px; }  .xboxcontent textarea{ font-family: Arial, Helvetica, sans-serif; background-image:url(../gfx/BG_Textfield.jpg); background-position:bottom; background-repeat:repeat-x; font-size: 12px; color: #000000; /* border: 1px solid #4A494A; */ border: 1px solid #cccccc; margin-bottom: 1px; }  .xboxcontent select{ font-family: Arial, Helvetica, sans-serif; background-image:url(../gfx/BG_Textfield.jpg); background-position:bottom; background-repeat:repeat-x; font-size: 12px; color: #000000; /* border: 1px solid #4A494A; */ border: 1px solid #cccccc; margin-bottom: 1px; }  .xboxcontent a { color:#EF940A; } .xboxcontent2 { display:block;  background:#fff;  border:12px solid #ccc;  border-width:0 5px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; text-align: left; padding-left:2px; height:490px; } .xboxcontent2 a { color:#EF940A;  } /*** End Rounded Borders ***/   /* Button Section`*/ .ButtonContainer { float:left; } .ButtonLeft { float:left; display:block; height:39px; width:20px; border:0px; background:url(../gfx/divbuttons/bg_left.jpg); background-repeat:no-repeat; cursor:hand; } .ButtonMid { float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; letter-spacing:1px; color:#FFFFFF; font-weight:bold; padding-top:10px; display:block; height:39px; min-width:120px; background:url(../gfx/divbuttons/bg_mid.jpg); background-repeat:repeat-x; text-decoration:none; text-align:center; cursor:hand; } .ButtonMid A { text-decoration:none; color:#FFFFFF; } .ButtonMid a:hover{ color: #333333; }  .ButtonMid div:hover { color: #333333; }  .ButtonRight { float:left; display:block; height:39px; width:20px; border:0px; background:url(../gfx/divbuttons/bg_right.jpg); background-repeat:no-repeat; cursor:hand; } .HomeButton { float:left; font-family:Arial, Helvetica, sans-serif; font-size:16px; letter-spacing:1px; color:#666666; font-weight:bold; padding-top:12px; padding-left:55px; display:block; height:40px; min-width:490px; background:url(../gfx/divbuttons/homepage_1.jpg); background-repeat:no-repeat; text-decoration:none; text-align:left; cursor:hand; line-height:18px; } .HomeButton div:hover { background:url(../gfx/divbuttons/homepage_1_hover.jpg); } .HomeButton A { color:#FFFFFF; text-decoration:none; } .HomeButton A:hover { color:#000000; text-decoration:none; } .HomeButtonContainer A:hover { background:url(../gfx/divbuttons/homepage_1_hover.jpg); } .HomeButton2 { float:left; font-family:Arial, Helvetica, sans-serif; font-size:17px; letter-spacing:1px; color:#666666; font-weight:bold; padding-top:12px; padding-left:55px; display:block; height:40px; min-width:470px; background:url(../gfx/divbuttons/homepage_2.jpg); background-repeat:no-repeat; text-decoration:none; text-align:left; cursor:hand; line-height:18px; } .HomeButton2 div:hover { background:url(../gfx/divbuttons/homepage_2_hover.jpg); } .HomeButton2 A { color:#FFFFFF; text-decoration:none; } .HomeButton2 A:hover { color:#000000; text-decoration:none; } .HomeButtonContainer2 A:hover { background:url(../gfx/divbuttons/homepage_2_hover.jpg); } .FooterLink { font-size:10px;  font-family:Arial, Helvetica, sans-serif;  color:#000000; }.loadmask {     z-index: 100;     position: absolute;     top:0;     left:0;     -moz-opacity: 0.5;     opacity: .50;     filter: alpha(opacity=50);     background-color: #CCC;     width: 100%;     height: 100%;     zoom: 1; } .loadmask-msg {     z-index: 20001;     position: absolute;     top: 500px;     left: 0;     border:1px solid #6593cf;     background: #c3daf9;     padding:2px; } .loadmask-msg div {     padding:5px 10px 5px 25px;     background: #fbfbfb url('../gfx/loader.gif') no-repeat 5px 5px;     line-height: 16px; border:1px solid #a3bad9;     color:#222;     font:normal 11px tahoma, arial, helvetica, sans-serif;     cursor:wait; } .masked {     overflow: hidden !important; } .masked-relative {     position: relative !important; } .masked-hidden {     visibility: hidden !important; }