/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body
{
  background-color: #fff;
  font-size: .75em;
  font-family: Verdana, Helvetica, Sans-Serif;
  margin: 0;
  padding: 0;
  color: #696969;
}

html
{
  margin: 0;
  padding: 0;
}

p, ul
{
  margin: 1em 1em;
  line-height: 1.6em;
}

/* HEADINGS
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
  margin-top: 16px;
  font-size: 1.5em;
  /*color: #000;*/
  font-family: Arial, Helvetica, sans-serif;
}

h1
{
  font-size: 2em;
  padding-bottom: 0;
  margin-bottom: 0;
}
h2
{
  padding: 0 0 10px 0;
}
h3
{
  font-size: 1.2em;
}
h4
{
  font-size: 1.1em;
}
h5, h6
{
  font-size: 1em;
}

/* this rule styles <h2> tags that are the
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
  margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the
page width. Or, you can specify an exact pixel width. */
.page
{
  margin-left: 10px;
  margin-right: 10px;
  height: 100%;
}

#header
{
  position: relative;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #000;
  padding: 0;
  /*margin: 0 0 1em 0;*/
}

#header h1
{
  font-weight: bold;
  margin: 0;
  margin-left: 10px;
  color: #fff;
  border: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 32px !important;
  float: left;
}

#main
{
  background-color: #fff;
  /* margin-bottom: 30px; */
  _height: 1px; /* only IE6 applies CSS properties starting with an underscore */
}

#footer
{
  color: #999;
  padding: 10px 0;
  text-align: center;
  line-height: normal;
  margin: 0;
  font-size: .9em;
}

/* TAB MENU
----------------------------------------------------------*/
ul#menu
{
  border-bottom: 1px #5C87B2 solid;
  padding: 0 0 2px;
  position: relative;
  margin: 0;
  text-align: right;
}

ul#menu li
{
  display: inline;
  list-style: none;
}

ul#menu li#greeting
{
  padding: 10px 20px;
  font-weight: bold;
  text-decoration: none;
  line-height: 2.8em;
  color: #fff;
}

ul#menu li a
{
  padding: 10px 20px;
  font-weight: bold;
  text-decoration: none;
  line-height: 2.8em;
  background-color: #e8eef4;
  color: #034af3;
}

ul#menu li a:hover
{
  background-color: #fff;
  text-decoration: none;
}

ul#menu li a:active
{
  background-color: #a6e2a6;
  text-decoration: none;
}

ul#menu li.selected a
{
  background-color: #fff;
  color: #000;
}

/* FORM LAYOUT ELEMENTS
----------------------------------------------------------*/

fieldset
{
  margin: 1em 0;
  padding: 1em;
  border: 1px solid #CCC;
}

fieldset p
{
  margin: 2px 12px 10px 10px;
}

fieldset label
{
  display: block;
}

fieldset label.inline
{
  display: inline;
}

legend
{
  font-size: 1.1em;
  font-weight: 600;
  padding: 2px 4px 8px 4px;
}

input[type="text"]
{
  width: 200px;
  border: 1px solid #CCC;
}

input[type="password"]
{
  width: 200px;
  border: 1px solid #CCC;
}

/* TABLE
----------------------------------------------------------*/

table
{
  border-style: solid;
  border-width: 1px;
  border-collapse: collapse;
}

table td
{
  padding: 5px;
  border-style: solid;
  border-width: 1px;
}

table th
{
  padding: 6px 5px;
  text-align: left;
  border-style: solid;
  border-width: 1px;
}

#object_table td
{
  padding: 3px;
}

table.layout,
table.layout > tbody > tr > td,
table.layout > thead > tr > td
{
  border: none 0;
}

table.layout0,
table.layout0 > thead,
table.layout0 > tbody,
table.layout0 > thead > tr > td,
table.layout0 > tbody > tr > td
{
  border: none 0;
  margin: 0;
  padding: 0;
}


/* MISC
----------------------------------------------------------*/
.clear
{
  clear: both;
}

.error
{
  color: Red;
}

#menucontainer
{
  margin-top: 10px;
}

div#title
{
  display: block;
  float: left;
  text-align: left;
}

#logindisplay
{
  display: block;
  text-align: right;
  margin-right: 5px;
  font-weight: normal;
}
#logindisplay a:hover
{
  text-decoration: underline;
}

.field-validation-error
{
  color: #ff0000;
}

.field-validation-valid
{
  display: none;
}

.input-validation-error
{
  border: 1px solid #ff0000;
  background-color: #ffeeee;
}

.validation-summary-errors
{
  font-weight: bold;
  color: #ff0000;
}

.validation-summary-valid
{
  display: none;
}

.display-label, .editor-label
{
  font-weight: bold;
}

.display-label, .editor-label, .display-field, .editor-field
{
  margin: 0.5em 0;
}

.text-box
{
  width: 30em;
}

.text-box.multi-line
{
  height: 6.5em;
}

.tri-state
{
  width: 6em;
}

img
{
  border: none;
}

.pager
{
  height: 28px;
  padding: 3px 10px;
}
.pager > span
{
  padding: 2px;
  vertical-align: middle;
}
.pager .ui-button
{
  width: 24px;
  height: 24px;
  vertical-align: middle;
  /*margin: -4px 0 0 0;*/
}

.filter
{
  float: right;
  margin: 6px;
  position: relative;
  height: 22px;
}
.filter form input
{
  height: 18px;
  font-weight: bold;
  font-size: 14px;
  padding: 2px 6px 2px 6px;
  background: transparent;
  border: 0 none;
  margin: 0;
}
.filter form input[type="text"]
{
  width: 218px;
}
.filter form input[type="reset"]
{
  width: 24px;
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  font-size: 16px;
  padding: 0;
  height: 22px;
  cursor: pointer;
}
.ui-state-highlight.filter form input[type="text"]
{
  width: 200px; /* 218 - 24 + 6 */
  padding-right: 24px;
}
.ui-state-highlight.filter form input[type="reset"]
{
  display: inline;
}

/* Корректировка темы jQuery UI
----------------------------------------------------------*/

.ui-widget-header
{
  padding-left: 10px;
}
.ui-widget-header a:hover
{
  /*color: #FFFFFF;*/
  text-decoration: none;
}

.ui-icon
{
  display: inline-block;
  /*vertical-align: middle;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;*/
}

/*
.button
{
  padding: 0.4em 1em 0.4em 20px;
  text-decoration: none;
  position: relative;
  white-space: nowrap;
}
.button a, .button a:hover
{
  text-decoration: none;
}
.button span.ui-icon
{
  left: 0.2em;
  margin: -8px 5px 0 0;
  position: absolute;
  top: 50%;
}
*/

/*#tabs > .ui-tabs-nav > li
{
  float:right;
}
*/
#tabs
{
  margin: 0.5em 0 0 0;
}
#tabs .ui-tabs-panel
{
  padding: 5px 0 0 0;
}

.ui-tabs .ui-tabs-nav ul
{
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  padding: 0;
  margin: 0;
  position:relative;
}
.ui-tabs ul.ui-tabs-nav
{
  padding: 0;
}

/* исправление кривого вида для multiselect внутри ui-widget-content */
.ui-multiselect input.ui-state-default { float:left; padding:3px 0 3px 6px; margin:0; border:none; cursor:default; background:transparent }


.ui-helper-hidden-accessible
{
  top: -1000px;
}

/* Главная страница
----------------------------------------------------------*/
#navigationBar
{
  padding-left: 10px;
  margin: 0 0 0.5em 0;
}
#navigationBar a
{
  text-decoration: underline;
}
#navigationBar a:hover
{
  text-decoration: none;
}
#header h1 a
{
  text-decoration: none;
}

table.portalWidgetTable
{
  width: 100%;
}
table.portalWidgetTable > tbody > tr > td
{
  width: 33%;
  padding: 0.4em;
}
table.portalWidgetTable > tbody > tr:first-child > td
{
  padding-top: 0;
}
table.portalWidgetTable > tbody > tr:last-child > td
{
  padding-bottom: 0;
}
table.portalWidgetTable > tbody > tr > td:first-child
{
  padding-left: 0;
}
table.portalWidgetTable > tbody > tr > td:last-child
{
  padding-right: 0;
}
.portalPanel
{
  overflow: hidden;
}
.portalPanel > .ui-widget-header
{
  font-size: 1.2em;
}
.portalPanel > .ui-widget-content
{
  height:15em;
  padding: 0.5em;
}

.state-lamp
{
  cursor: default;
}
.state-lamp-online,
.state-lamp-normal
{
  color: #6d0;
  background: transparent url(/Content/l-online.png) center center no-repeat;
}
.state-lamp-not_linked
{
  color: #efefef;
  background: transparent url(/Content/l-not_linked.png) center center no-repeat;
}
.state-lamp-offline
{
  color: #ccc;
  background: transparent url(/Content/l-offline.png) center center no-repeat;
}
.state-lamp-alarm
{
  color: #c00;
  background: transparent url(/Content/l-alarm.png) center center no-repeat;
}

.par
{
  margin: 1em;
}

#recentReports td
{
  padding: 0 1em 0 0;
}

/* Архивные данные
----------------------------------------------------------*/

/* общие стили для контейнера с двигаемым содержимым */
.ovfcontainer
{
  overflow: hidden;
  position: relative; /* чтобы position:absolute в content-е работал относительно container-а */
}
.content
{
  position: absolute;
}
.dummy
{
  visibility: hidden;
}

/* таблица с архивными данными */
#archive > table
{
  border-collapse:separate;
  border-spacing: 3px;
}
#dataTable-frozen-left
{
  white-space: nowrap;
  /*float: left;
  margin-right: 5px;*/
}
#outerDataTableContainer
{
  width: 100%;
  overflow: hidden;
  position: relative;
}
#dataTable-frozen-left, #outerDataTableContainer
{
  /*border: solid 1px #DFEFFC;*/
}
#dataTableContainer
{
}
#dataTableContainer > div.content,
#dataTableContainer > div.dummy
{
  width: 200%;
}
#dataTableContainer table
{
  width: 100%;
}
#dataTableContainer td
{
  width: 4%;
  white-space: nowrap;
}
.tableHeader
{
  text-align: center;
  white-space: nowrap;
}

/* выбор интервала */
#interval-selector
{
  padding: 0;
  margin: 8px 0 0 0;
  border: 0 none;
  float: right;
  white-space: nowrap;
}
#interval-selector dt
{
  float: left;
  padding: 0.4em;
}
#interval-selector dd
{
  float: left;
  margin: 1px;
  position: relative;
}
#interval-selector a
{
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}

/* заголовки дат */
#dateHeaderContainer .content,
#dateHeaderContainer .dummy
{
  width: 100%;
}
#dateHeaderContainer .content div,
#dateHeaderContainer .dummy div,
#dataTable-frozen-left div div
{
  padding: 2px 3px;
  white-space: nowrap;
}
#dateHeaderContainer div div
{
  float: left;
  border-left-width: 1px;
  border-left-style: solid;
}
#dateHeaderContainer .content div
{
  position: absolute;
}

/* заголовок объекта */
.objectHeader
{
  float: left;
  font-size: 1.5em;
  font-weight: bold;
  padding: 0 5px;
  background: none !important;
  border: none !important;
}
.objectHeader + .date-RightAlign-Container
{
  float: left;
  margin-left: 1.5em;
  /*width: 25em;*/
}
.date-goUp-button
{
  float: left;
  margin: 0.2em 0 0.2em 1.2em;
  padding: 0.2em 4px;
}

/* График */
/*#graphic div.content
{
  text-align: center;
}*/
#graphicDiv img,
#chart img,
#mnemoschemeDiv img
{
  margin: 10px;
  /*width: 100%;
  height: 100%;*/
/*  max-width: 800px;
  margin: 0 -400px;
  position: relative;
  left: 50%;*/
  /*position: absolute;
  width: 200px;
  height: 100%;*/
}

/* статус загрузки */
.loading
{
  background: transparent url(loading.gif) center center no-repeat;
}
.loading-medium
{
  background: transparent url(loading-medium-sl-4f95c8.gif) center center no-repeat;
}
.loading-small
{
  background: transparent url(loading-small.gif) center center no-repeat;
}

/* "резиновый" интерфейс по вертикали */
.auto-tab-height
{
  overflow: auto;
  min-height: 100px;
}
#reportDiv
{
  overflow:hidden;
}
/* фиксированный интерфейс по вертикали */
.fixed-tab-height
{
  height: 500px;
}
/* from jquery-ui-fix
----------------------------------*/
.portalPanel
{
  font-family: Verdana, Helvetica, Sans-Serif; /* Lucida Grande, Lucida Sans, Arial, sans-serif;*/
  font-size: inherit; /* 1.1em;*/
}
.portalPanel table,
.portalPanel table td
{
  border-width: 0;
  padding: 3px;
}