* {
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%;
}

body {
  position: relative;
  height: auto !important;
  min-height: 100%;
  background-color: White;
}

body, td, a, div, p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

div, td {
  color: Black;
}

div.header {
  color: Navy;
  padding: 4px 5px 4px 4px;
  height: 20px;
  border-bottom: 1px solid Navy;
  margin-bottom: 3px;
  font-weight: bold;
}

div.menu-bottom {
  background-color: #D2D9EC;
  width: 100%;
  font-size: 11px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

div.menu-bottom td {
  padding: 2px 5px 2px 5px;
  font-size: 11px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

a:link {
  color: Navy;
}

a:visited {
  color:Navy;
}

ul {
	margin-left: 10px;
}
li {
	margin-left: 10px;
	padding-left: 10px;
}

.object-name {
  cursor: pointer;
  color: Blue;
  text-decoration: underline;
}

.object-name-old {
  cursor: pointer;
  color: Black;
  text-decoration: underline;
}

#archiveall div {
  cursor: pointer;
  color: Navy;
  text-decoration: underline;
  height: 10px;
  margin: 0;
}

td#archiveall {
  height: 10px;
}


h1 {
  font-size: 16px;
  color: #4e5e80;
  padding: 5px 5px 5px 5px;
  margin: 8px 0 5px 0;
}

h2 {
	font-size: 14px;
	font-weight: bold;
	color: #4e5e80;
	text-align: center;
	padding-bottom: 6px;
}

.FieldsCap {
  color: Navy;
  padding: 4px 5px 4px 4px;
  height: 30px;
  vertical-align: top;
}

.FieldsCap_wom {
  color: Navy;
  padding: 0;
  height: 20px;
}

/* Карта */
.mouse {
  color: Navy;
  padding-right: 5px;
}

.map-loadsplash {
  background-color: #fff;
  padding: 25px 15px 10px 15px;
  color: Navy;
  font-size: 11px;
  font-weight: bold;
  border: 2px solid Red;
  text-align: center;
}

td.controls {
  padding-left: 3px;
  padding-right: 3px;
}

td.controls1 {
  border-top: 1px solid Navy;
  border-bottom: 1px solid Navy;
  border-left: 1px solid Navy;
  border-collapse: collapse;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 3px;
  padding-right: 3px;
}

td.controls2 {
  border-top: 1px solid Navy;
  border-bottom: 1px solid Navy;
  border-collapse: collapse;
  padding-top: 3px;
  padding-bottom: 3px;
}

td.controls3 {
  border-top: 1px solid Navy;
  border-bottom: 1px solid Navy;
  border-right: 1px solid Navy;
  border-collapse: collapse;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 3px;
  padding-right: 3px;
}

.map_scalel {
  padding: 2px 0 0 5px;
  height: 10px;
  font-weight: bold;
  background-color: White;
}

.map_scaler {
  padding: 2px 5px 0 0;
  height: 10px;
  background-color: White;
}

#map_scale div.gwt-Label {
  font-weight: bold;
  padding:0;
  margin: 0;
}

div.selected1 {
  background-image: url(images/pan_online.gif);
  padding: 0;
  margin: 0;
  height: 24px;
  width: 84px;
}
div.unselected1 {
  background-image: url(images/pan_online_pass.gif);
  cursor: pointer;
  padding: 0;
  margin: 0;
  height: 24px;
  width: 84px;
}

div.selected2 {
  background-image: url(images/pan_archiv.gif);
  padding: 0;
  margin: 0;
  height: 24px;
  width: 65px;
}
div.unselected2 {
  background-image: url(images/pan_archiv_pass.gif);
  cursor: pointer;
  padding: 0;
  margin: 0;
  height: 24px;
  width: 65px;
}

div.selected3 {
  background-image: url(images/pan_address.gif);
  padding: 0;
  margin: 0;
  height: 24px;
  width: 64px;
}
div.unselected3 {
  background-image: url(images/pan_address_pass.gif);
  cursor: pointer;
  padding: 0;
  margin: 0;
  height: 24px;
  width: 64px;
}

div.selected4 {
  background-image: url(images/pan_reports.gif);
  padding: 0;
  margin: 0;
  height: 24px;
  width: 77px;
}
div.unselected4 {
  background-image: url(images/pan_reports_pass.gif);
  cursor: pointer;
  padding: 0;
  margin: 0;
  height: 24px;
  width: 77px;
}

div.selected5 {
  background-image: url(images/pan_events.gif);
  padding: 0;
  margin: 0;
  height: 24px;
  width: 87px;
}

div.unselected5 {
  background-image: url(images/pan_events_pass.gif);
  cursor: pointer;
  padding: 0;
  margin: 0;
  height: 24px;
  width: 87px;
}

div.selected6 {
  background-image: url(images/pan_objects.gif);
  padding: 0;
  margin: 0;
  height: 24px;
  width: 89px;
}

div.unselected6 {
  background-image: url(images/pan_objects_pass.gif);
  cursor: pointer;
  padding: 0;
  margin: 0;
  height: 24px;
  width: 89px;
}

div.selected7 {
  background-image: url(images/pan_orders.gif);
  padding: 0;
  margin: 0;
  height: 24px;
  width: 77px;
}

div.unselected7 {
  background-image: url(images/pan_orders_pass.gif);
  cursor: pointer;
  padding: 0;
  margin: 0;
  height: 24px;
  width: 77px;
}

td.bar {
  background-image: url(images/tab_bgr.gif);
  padding: 0;
  height: 24px;
}

td.tab {
  background-image: url(images/tab_bgr.gif);
  padding: 0;
  height: 24px;
}

#archiveyesterday  button.gwt-Button
 {
  color: Navy;
  margin-bottom: 3px;
  padding: 0px;
  border: 0px;
  background-color: White;
  cursor: pointer;
  text-decoration: underline;
  text-align: left;
  vertical-align: top;
  width: 40px;
  height: 14px;
  font-size: 12px;
  font-weight: bold;
}

#archivetoday button.gwt-Button
 {
  color: Navy;
  margin-bottom: 3px;
  padding: 0px;
  border: 0px;
  background-color: transparent;
  cursor: pointer;
  text-decoration: underline;
  text-align: left;
  vertical-align: top;
  width: 53px;
  height: 14px;
  font-size: 12px;
  font-weight: bold;
}

#archivebut  button.gwt-Button {
  color: Navy;
  width: 50px;
  margin: 0 5px 0 5px;
  border: 1px solid Navy;
  cursor: pointer;
}

/* Общие формы и результаты */

div.frame {
  padding: 10px 5px 10px 5px;
}

input, select, button {
  height: 20px;
  font-size: 11px;
}

td#archResponse, td#addrResponse {
  width: 400px;
  border-top: 1px solid Navy;
}

#archResponse table, #addrResponse table {
  width: 100%;
  font-size: 12px;
  border-collapse: collapse;
}

.gwt-ListBox option {
  padding: 0 5px 0 5px;
}

.table td {
  border: 1px solid navy;
  border-collapse: collapse;
}

.gwt-Label {
  padding-bottom: 10px;
  color: Navy;
}

.gwt-Button {
  color: Navy;
  width: 80px;
  margin: 0 5px 0 5px;
  border: 1px solid Navy;
}

.csi-results td {
  font-weight: bold;
}

.csi-results-text {
  font-weight: normal;
  padding: 0 3px 3px 0;
}

input.gwt-TextBox {
  background-color: White;
  color: Navy;
  font-size: 12px;
  font-weight: bold;
  border: 0;
  padding: 0;
  margin: 0;
}


#streetField input, #houseField input, #addrField input {
  border: 1px solid Navy;
}

.csi-results button.gwt-Button,
#archResponse button.gwt-Button
 {
  color: Navy;
  width: 80px;
  margin: 0 5px 0 5px;
  border: 0px;
  background-color: transparent;
  cursor: pointer;
  text-decoration: underline;
}

.tab-header {
  color: Navy;
}

#objectmonitor td {
  border-bottom: 1px solid #B0C4DE;
  border-collapse: collapse;
   padding: 0 5px 0 5px;
}

#monitor {
  color: Navy;
}

table.objectpanel {
  border-bottom: 2px solid white;
  border-top: 2px solid white;
  border-collapse: collapse;
}

.objectpanel {
  font-size: 12px;
  background-color: white;
}

.objectpanel .gwt-Label,
#archResponse .gwt-Label,
#archPoints .gwt-Label,
#addrResponse .gwt-Label,
#uobj_response .gwt-Label
{
  color: Navy;
  font-weight: bold;
}

#uobj_response button.gwt-Button
{
  margin: 2px 2px 2px 2px;
}

.objectpanel-selected {
  font-size: 12px;
  background-color: Silver;
}

.object-time {
   width: 140px;
   white-space: nowrap;
}

.object-time-old {
   width: 140px;
   white-space: nowrap;
}

#frame01 table {
  width: 100%;
}

#last_events {
	padding-top: 5px;
}

#last_events  .gwt-Label {
	padding-bottom: 2px;
}

#archivefromtime, #archivetotime {
	padding: 0 5px 0 5px;
} 

div.csi-res-arc-seg {
	width: 80px;
}

#archresponse div[class="gwt-Label"] {
	width: 80px;
}

td.reprort {
  padding: 2px;
  vertical-align: top;
}

td#report_controls div.gwt-Label {
	width: 150px;
}

#report_but button.gwt-GButton {
	padding-top:0;
}

/* События */
#frame08 td {
	vertical-align: middle;
}

#eventsResponse td {
	padding: 2px 15px 2px 0px;
	color: Navy;
}

/* User objects */
#uobj_name input.gwt-TextBox,
#uobj_desc input.gwt-TextBox,
#uobj_address input.gwt-TextBox,
#uobj_radius input.gwt-TextBox {
	border: 1px solid Navy;
}

#uobj_bindingstatus div.gwt-Label {
	vertical-align: middle;
	padding: 0px;
	margin: 0px;
}

.gwt-ToggleButton-up {
  background-color: #D4D0C8;
  padding: 2px 5px 2px 5px;
  border: 1px solid Navy;
  cursor: pointer;
  color: Navy;
}

.gwt-ToggleButton-up-hovering {
  background-color: #D4D0C8;
  padding: 2px 5px 2px 5px;
  border: 1px solid #8B0000;
  cursor: pointer;
  color: Navy;
}

.gwt-ToggleButton-down {
  background-color: #ECECEC;
  padding: 2px 5px 2px 5px;
  border: 2px solid transparent;
  border-color: #E8F1FF #E8F1FF #9DAECD #9DAECD;
  cursor: pointer;
  color: Navy;
}

.gwt-ToggleButton-down-hovering {
  background-color: #ECECEC;
  padding: 2px 5px 2px 5px;
  border: 2px solid transparent;
  border-color: #8B0000;
  cursor: pointer;
  color: Navy;
}

#uobj_delete {
	vertical-align: middle;
}

#uobj_delete span.gwt-CheckBox {
	color: Navy;
}

.uobj_fieldsCap {
  color: Navy;
  padding: 4px 5px 4px 0;
  height: 30px;
}

#uobj_new button.gwt-Button,
#uobj_save button.gwt-Button,
#uobj_showbutt button.gwt-Button {
	margin: 2px 0 2px 0;
}

.uobj td {
	padding: 2px 0 2px 0;
}

#uobj_radius input.gwt-TextBox {
	width: 30px;
	padding-top: 3px;
}

div.csi-res-usob {
	width: 80px;
}

/* Reports */
#report_object div.gwt-Label,
#report_objectname div.gwt-Label,
#report_objectsname div.gwt-Label,
#report_from div.gwt-Label,
#report_datefrom div.gwt-Label,
#report_to div.gwt-Label,
#report_dateto div.gwt-Label,
#report_but div.gwt-Label
{
	padding-bottom: 0;
}

#report_datefrom td, #report_dateto td {
	padding-top: 5px;
}

/* Общее оформление страницы */

td.text {
  color:#4e5e80;
  padding: 0 5px 0 20px;
}

p.text {
  color:#4e5e80;
  padding: 2px 5px 3px 0;
}

li {
  text-indent: 0;
  padding-left: 10px;
  margin-left: 25px;
}

.copyright {
  color: Navy;
  font-size: 11px;
  vertical-align: middle;
}

/* Логин */
.login {
  margin: 0 5px 0 5px;
  border: 1px solid Navy;
  width: 150px;
}

.login-header {
  height: 60px;
  color: #FFD700;
  background-color: #4E5E80;
  font-size: 20px;
  font-weight: bold;
  padding: 10px 0 5px 0;
  margin-bottom: 7px;
}

.login-border {
  width: 400px;
  border: 1px solid #4E5E80;
  padding-bottom: 7px;
  margin-bottom: 7px;
}

/* ? */
.gwt-HTML {
  color: Red;
  padding: 5px;
}

.csi-popups-Popup {
  color: Red;
  padding: 10px;
  background-color: White;
  border: 2px solid Red;
}

.mail-ListHeader td {
  color: Navy;
  font-weight: bold;
  border-bottom: thin solid Navy;
  border-collapse: collapse;
}

.objectslist{
  height:100px;
}

.main td {
	border: 1px solid Navy;
	padding: 7px 5px 10px 5px;
}

.descript td {
	border: 0px solid transparent;
}

.include td {
	border: 0 solid white;
}

div.object-name,
div.object-reg,
div.object-model,
div.object-time,
div.object-name-old,
div.object-reg-old,
div.object-model-old,
div.object-time-old
{
	width: 93px;
}

div.object-speed,
div.object-speed-old 
{
	width: 45px;
}

.odd {
	background-color: #F0F8FF;
}

.even {
	background-color: white;
}

.odd-selected {
	background-color: #EEE8AA;
}

.even-selected {
	background-color: #FAFAD2;
}

.csi-map-context {
  color: Black;
  padding: 10px;
  background-color: InfoBackground;
  border: 1px solid Black;
}

.csi-map-context div.gwt-HTML {
	color: Black;
}

input#HTMLPanel_1,
input#HTMLPanel_3,
input#HTMLPanel_5,
input#HTMLPanel_7,
input#HTMLPanel_9,
input#HTMLPanel_11,
input#HTMLPanel_13,
input#HTMLPanel_15,
input#HTMLPanel_17,
input#HTMLPanel_19 {
   color: Navy;
	font-weight: bold;
	font-size: 12px;
	width: 70px;
}

.detail_selected {
	color: Navy;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 2px solid White;
	border-left: 2px solid Navy;
	border-right: 2px solid Navy;
	border-top: 2px solid Navy;
	width: 77px;
	text-align: center;
}

.detail_unselected {
	color: Navy;
	font-size: 12px;
	border-bottom: 2px solid Navy;
	border-left: 1px solid Navy;
	border-right: 0px solid White;
	border-top: 1px solid Navy;
	width: 77px;
	text-align: center;
	cursor: pointer;
}

.terminal_selected {
	color: Navy;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 2px solid White;
	border-right: 2px solid Navy;
	border-left: 2px solid Navy;
	border-top: 2px solid Navy;
	width: 77px;
	text-align: center;
}

.terminal_unselected {
	color: Navy;
	font-size: 12px;
	border-bottom: 2px solid Navy;
	border-right: 1px solid Navy;
	border-left: 0px solid White;
	border-top: 1px solid Navy;
	width: 77px;
	text-align: center;
	cursor: pointer;
}

div.gwt-DialogBox {
  border: 8px solid #C3D9FF;
  border: 2px outset;
  background-color: White;
}

.gwt-DialogBox .Caption {
  background-color: #C3D9FF;
  padding: 3px;
  margin: 2px;
  font-weight: bold;
  cursor: default;
}

.gwt-DialogBox input.gwt-TextBox, 
.gwt-DialogBox input.gwt-PasswordTextBox {
  background-color:White;
  color:Navy;
  font-weight:bold;
  margin:0pt;
  padding:0pt;
  width:140px;
}

td#tasks_encoded {
	padding: 0 5px 0 5px;
}

td#tasks_encoded div.gwt-Label {
	padding: 0;
}

td#tasks_ondate {
	padding: 0 15px 0 5px;
	width: 95px;
}

td#tasks_data {
	padding: 0 15px 0 5px;
	width: 95px;
}

div#tasks_list div.gwt-Label {
	width: 60px;
}

#tasks_ontime input.gwt-TextBox,
#tasks_destination input.gwt-TextBox,
#tasks_num input.gwt-TextBox,
#tasks_notes input.gwt-TextBox,
#tasks_phone input.gwt-TextBox {
	border: 1px solid Navy;
	padding-left: 3px;
}

#tasks_destination input.gwt-TextBox {
	width: 200px;
}

#tasks_notes  input.gwt-TextBox {
	width: 370px;
}



table.odd td:first-child {
	padding-right: 5px;
	width: 30px;
}

table.even td:first-child {
	padding-right: 5px;
	width: 30px;
}

td div.csi-res-ord:first-child {
	width: 40px;
}

td div.csi-res-ord:first-child {
	width: 40px;
}

td#menu1,
td#menu2,
td#menu3,
td#menu4 {
  padding: 0 10px 0 0;
}

#menuline1,
#menuline2,
#menuline3,
#menuline4 {
  color: Navy;
  cursor: pointer;
  padding: 0 5px 0 14px;
  text-decoration: underline;
  background-image: url(images/square01.gif);
  background-position: left;
  background-repeat: no-repeat;
}

#menumain {
	background-image: url(images/square02.gif);
	background-position: left;
   background-repeat: no-repeat;
	text-indent: 12px;
	text-decoration: underline;
	color: Navy;
}

#menublock1,
#menublock2,
#menublock3,
#menublock4 {
  visibility: hidden;
  position: absolute;
  padding: 7px 5px 5px 10px;
  white-space: nowrap;
  line-height: 20px;
  border: 1px solid Navy;
  background-color: White;
}

.select {
	background-color: white;
	border: 1px solid Navy;
	
}

.unselect {
	background-color: #D2D9EC;
	border: none;
}

#maplist select, #timezone {
	height: 18px;
	font-size: 11px;
}

input#check1 {
	margin-right: 5px;
}