body { margin: 0; padding: 0; font-family: Arial; font-size: 14px; background-color: #fff }
input, select, texarea { color: #333; }
img, table { border-style: none; }
ul { list-style-type: none; }
a { color: #3c7cbd; cursor: pointer; text-decoration: none; }
	a:hover { text-decoration: none; }
h1 { padding-top: 8px; padding-bottom: 8px; color: #7b7b7b; font-size: 16px; font-weight: bold; text-transform: uppercase; }
	h1 a { text-transform: none; }
h2 { padding-top: 0; padding-bottom: 0; color: #3c7cbd; font-size: 12px; font-weight: bold; }

#cont { position: relative; top: 0px; width: 1051px; margin: 0 auto; }
/*#logo { position: absolute; left: 130px; top: 1px; width: 120px; height: 80px; background:#ff6600; }
  #logo label { position: absolute; right: 7px; bottom: 14px; font-size: 20px; font-weight: bold; color: #fff; }*/
#logo { position: absolute; left: 0px; top: 1px; width: 120px; height: 84px; background-image: url(../Images/logo.png) }
#logged { position: absolute; width: 920px; top: /*30px*/1px; left: 131px; text-align: right; }

#menu { position: absolute; width: 920px; left: 131px; top: 50px; }
  #menu a { float: left; margin-right: 2px; width: 90px; height: 35px; font-size: 16px; line-height: 35px; color: #fff; text-align:center; background: url(../Images/b50.png) 0 0 repeat; }
	#menu a:hover, #menu a.active { background: url(../Images/b80.png) 0 0 repeat; }
	#menu a.login, #menu a.login:hover { /*float: right;*/ background: #ff3e00; }
.dropbtn {
  float: none !important;
  display: inline-block;
}
.dropdown {
  position: relative;
  display: inline-block;
  float: left;
}
.dropdown-content {
  display: none;
  position: absolute;
  background: #fff;
  z-index: 1;
}
  .dropdown-content a {
    display: block;
    width: 255px !important;
    margin-right: 0 !important;
    text-align: left !important;
    float: none !important;
    padding-left: 10px;
  }
.dropdown:hover .dropdown-content {
  display: block;
}
.dropdown:hover .dropbtn {
  background: url(../Images/b80.png) 0 0 repeat !important;
}

#main { position: absolute; top: 100px; width: 1041px; padding: 5px 5px; margin: 0 auto; /*border: 1px solid #000;*/ }
#popup { padding: 5px 5px; }

table.list { font-size: 14px; width: 100%; border-collapse: collapse; }
	.list th { color: #fff; background: #404678; border: 1px solid #fff; border-collapse: collapse; }
	.list th a { color: #fff; }
	.list td { vertical-align: top; padding: 2px 4px; border: 1px solid #cecece; border-collapse: collapse; }
	.list.small { font-size: 11px; }
	.list.small td { padding: 1px 2px; }
	.list .total { color: #fff; background: #404678; border: 1px solid #fff; border-collapse: collapse; }
	tr.highlight:hover, td.highlight:hover { background: #999; cursor: pointer }

.second { background: #e4e4e4 /*#f4f4f4;*/ }
.scroll { overflow: auto; }
.border { border: 1px solid #a0a0a0; }
.error { display: block; text-align: center; color: #ff0000; font-size: 11px; }
.active { color: #006400; }
.inactive { color: #8B0000; }
.invisible { width: 1px; height: 1px; background-color: #fff; border-style: none; }
.butr { margin-top: 15px; text-align: right; }
div.filter { padding: 0 5px 0px 5px; background: #e4e4e4 /*#f4f4f4;*/ }
input.small, select.small { height: 18px; font-size: 11px; }
input.text { height: 13px; }
input.but { height: 20px; }

#main div, #popup div { margin-bottom: 5px; }
#main label, #popup label { float: left; display: block; width: 100px; }
#main .inline label, #popup .inline label { float: none; display: inline; width: auto; }

div.header, span.header { color: #3c7cbd; font-size: 15px; font-weight: bold; }
#main div.notes { border: 1px solid #a0a0a0; }
#main .notes textarea { border-style: none; }
#main .notes span { display: block; max-height: 100px; overflow: auto; font-size: 11px; background-color: #e4e4e4 }

#map { position: absolute; top: -45px; left: 256px; }
  #map div { width: 458px; height: 35px; background:url(../Images/b80.png); }
  #map label { width: auto; padding: 3px 18px 0 8px; text-align: center; font-size: 12px; line-height: 15px; color: #ff3e00; }
  #map label span { font-size: 18px; }
  #map .word { margin-top: 8px; width: 120px; border: 1px solid #333; }
  #map .search { margin-right: 3px; padding: 0 8px; width: 25px; height: 31px; font-weight: bold; font-size: 16px; line-height: 35px; color: #ff3e00; border: 0; background: none; cursor: pointer; }
  #map .clear { display: block; position: absolute; left: 460px; top: 0; width: 90px; height: 35px; font-size: 16px; line-height: 35px; color: #ff3e00; border: 0; background: url(../Images/b80.png); cursor: pointer;}
  #map .result { position: absolute; top: 45px; left: 226px; padding: 4px 16px 4px 16px; width: 200px; font-size: 13px; font-weight: bold; color: #fff; text-align: right; background: url(../Images/b50.png); }

#progress { z-index: 2; background: url(../Images/b50.png); width: 100px; height: 100px; position: absolute; top: 400px; left: 50%; text-align: center; color: #fff; }

#MapHolder div.info { font-size: 10px; max-height: 500px; overflow: auto; }
  
input.arr { margin: 0 8px 4px 8px; display: block; width: 25px; height: 25px; color: #fff; font-weight: bold; border: 0; background: url(../Images/arr.png) no-repeat; cursor: pointer; }
	input.arrL { background-position: 0 0; }
	input.arrL:hover { background-position: -26px 0; }
	input.arrR { background-position: 0 -26px; }
	input.arrR:hover { background-position: -26px -26px; }
	input.arrT { background-position: 0 -52px; }
	input.arrT:hover { background-position: -26px -52px; }
	input.arrB { background-position: 0 -78px; }
	input.arrB:hover { background-position: -26px -78px; }

#mapPanel { z-index: 3; position: absolute; left: 211px; top: 110px; width: 660px; height: 35px; background: url(../Images/b80.png); }
	#mapPanel label { display: block; float: left; padding: 3px 48px 0 8px; font: 13px/15px Arial; color: #ff3e00; }
	#mapPanel label span { display: block; font-size: 18px; }
  #mapPanel #SearchWord { float: left; margin-top: 8px; width: 260px; border: 1px solid #333; }
  #mapPanel #SearchBtn { margin-right: 4px; padding: 0 8px; width: 25px; height: 31px; overflow: hidden; font: bold 26px/35px Arial; color: #ff3e00; border: 0; background: none; cursor: pointer; }
  #mapPanel .onRoutes { float: right; margin: 6px 0 -8px 0; padding: 4px 16px 4px 16px; width: 209px; font-size: 13px; font-weight: bold; color: #fff; text-align: right; background: url(../Images/b50.png); }
div.routes {clear: both; z-index: 3; position: absolute; top: 110px; left: 873px; width: 218px; height: 35px; }
div.routes #RoutesBtn { padding-right: 16px; width: 218px; height: 35px; font: 18px/35px Arial; color: #ff3e00; text-align: right; border: 0; background: url(../Images/b80.png); cursor: pointer; }
/*#logoAr { z-index: 2; position: absolute; left: 80px; top: 1px; width: 120px; height: 80px; background: #ff6600; }*/
#logoAr { z-index: 1; position: absolute; left: 80px; top: 1px; width: 120px; height: 80px; background-image: url(../Images/logo.png) }
	#logoM { position:absolute; right: 7px; bottom: 14px; font-weight: bold; font-size: 20px; color:#fff; }
	/*#logoAr a { display:block; position: absolute; top: 14px; right: 7px; font-weight: normal; font-size: 20px; color: #756f6f; text-decoration: none; }*/
	#logoAr a { display:block; position: absolute; top: 14px; right: 7px; font-weight: normal; font-size: 20px; color: #756f6f; text-decoration: none; }
	#logoAr a:hover { color: #4b4b4b; }
#navM { z-index: 2; position: absolute; width: 992px; left: 211px; top: 46px; }
	#navM div { float: left; margin-right: 2px; width: 108px; height: 35px; font: 16px/35px Arial; color: #fff; cursor: pointer; text-align: center; background: url(../Images/b50.png) 0 0 repeat; }
	#navM div:hover, #navM div.active { background: url(../Images/b80.png) 0 0 repeat; }
	#navM div.login { float: right; background: #ff3e00; }
#footerM { z-index: 2; position: absolute; left: 1px; bottom: 10px; padding: 0 8px 1px 8px; font-size: 17px; line-height: 19px; color: #fff; background: #ff3e00; white-space: nowrap; }
#footer { margin: 10px 0 10px 0; padding: 0 8px 1px 8px; font-size: 17px; line-height: 19px; color: #fff; background: /*#ff3e00*/ #999; white-space: nowrap; }
	#footerM a, #footer a { padding: 0 4px; font-size: 14px; line-height: 14px; color: #fff; text-decoration: none; }
	#footerM a:hover, #footer a:hover { text-decoration: underline; }

#UnitsWindow_contentbox, #BoxesWindow_contentbox, #ContainersWindow_contentbox, #MapWindow_contentbox, #ReportsWindow_contentbox, #StatementsWindow_contentbox, #VideosWindow_contentbox, #AdminsWindow_contentbox { z-index: 3; position: absolute;}
.popUpBox { z-index: 4; position: absolute; top: 39px; padding-bottom: 20px; width: 853px; background: #fff; border: 1px #ff3e00 solid }
	.popUpBox .outer { overflow: auto; }
	.popUpBox1 { left: -131px; }
	.popUpBox2 { left: -241px; }
	.popUpBox3 { left: -351px; }
	.popUpBox4 { left: -461px; }
	.popUpBox5 { left: -571px; }
	.popUpBox6 { left: -681px; }
	.popUpBox7 { left: -791px; }
	.popUpBox8 { left: -901px; }
	.popUpBox .contentS { padding: 18px; font: normal 16px/20px Arial; color: #000; }
	.popUpBox p { padding-bottom: 12px; }
.botW { position: absolute; left: 0; bottom: 0; width: 100%; }
.registerBox .botW { left: 0; width: 100%; }
.but3 { padding: 3px 8px; background: #ff3e00; color: #fff; border: 0; cursor: pointer;}
	.but3:hover { background: #ff5400; }
.but4 { padding: 3px 8px; background: #999999; color: #fff; border: 0; cursor: pointer; }
	.but4:hover { background:#5c5c5c; }
.but5 { padding: 3px 8px; background: #fff; border: 1px solid #999; cursor: pointer; }
	.but5:hover { background:#e4e4e4; }
.bar { height: 20px; background: #ff3e00; }
	.bar a { float: right; margin: 2px 15px 0 0; padding-right: 20px; font: 12px Arial; color: #fff; text-decoration: none; }
	.bar a.close { background: url(../Images/CloseOut.gif) right 0 no-repeat; }
	.bar a.close:hover { background: url(../Images/CloseOver.gif) right 0 no-repeat; }
	.bar a.print {  background: url(../Images/print_ico.gif) right 0 no-repeat; }
	.bar a.print:hover {  background: url(../Images/print_icoOv.gif) right 0 no-repeat; }

table.admin { width: 100%; border-spacing: 10px; }
  table.admin td { width: 50%; height: 50px; text-align: center; vertical-align: middle; font-weight: bold; font-size: 14px; }
  table.admin td.sep { height: 20px; }

#tabs { padding: 0; margin: 0; list-style: none; }
#tabs li { width: 100px; padding-top: 2px; list-style: none; float: left; margin-right: 2px; z-index: 999 }
#tabs li.selected { padding-top: 0; }
#tabs li b { font-size: 0; display: block; overflow: hidden; background: #fff; height: 1px; border-right: #999 1px solid; border-left: #999 1px solid; }
#tabs.gray li b { background: #d4d4d4 }
#tabs li a { background: #fff; white-space: nowrap; display: block; text-decoration: none; border-right: 1px solid #999; border-left: 1px solid #999; padding: 4px 10px 5px 10px; color: #000; text-align: center; }
#tabs.gray li a { background-color: #d4d4d4 }
#tabs a:hover { color: #999; }
#tabs li.selected a { background: #999; color: #fff; padding: 5px 10px 7px 10px; }
#tabs li .b1 { margin: 0; border: none; background: #999; } 
#tabs li .b2 { margin: 0; }
#tabs li .b3 { margin: 0; }
#tabs li.selected .b2, #tabs li.selected .b3 { background: #999; }

.tabcontent { border: 1px solid #999; margin-top: -1px; padding: 0 }
.tabfilter { padding: 0 5px 0 5px }
a.gray { color: #999 }