.content-box{display:block}
.content-box *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#e5e5e5}
.content-box1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f3f3f3;
  border-right:1px solid #f3f3f3;
  background:#ebebeb}
.content-box2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fcfcfc;
  border-right:1px solid #fcfcfc;
  background:#e9e9e9}
.content-box3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #e9e9e9;
  border-right:1px solid #e9e9e9;}
.content-box4{
  border-left:1px solid #f3f3f3;
  border-right:1px solid #f3f3f3}
.content-box5{
  border-left:1px solid #ebebeb;
  border-right:1px solid #ebebeb}
.content-boxfg{
  background:#e5e5e5}

.box-info{display:block}
.box-info *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#aaffaa}
.box-info1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #cbf0cb;
  border-right:1px solid #cbf0cb;
  background:#b8f8b8}
.box-info2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #dfe7df;
  border-right:1px solid #dfe7df;
  background:#b5fab5}
.box-info3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #b5fab5;
  border-right:1px solid #b5fab5;}
.box-info4{
  border-left:1px solid #cbf0cb;
  border-right:1px solid #cbf0cb}
.box-info5{
  border-left:1px solid #b8f8b8;
  border-right:1px solid #b8f8b8}
.box-infofg{
  background:#aaffaa}

.box-warn{display:block}
.box-warn *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#AAAAFF}
.box-warn1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #dadaff;
  border-right:1px solid #dadaff;
  background:#bfbfff}
.box-warn2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f6f6ff;
  border-right:1px solid #f6f6ff;
  background:#babaff}
.box-warn3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #babaff;
  border-right:1px solid #babaff;}
.box-warn4{
  border-left:1px solid #dadaff;
  border-right:1px solid #dadaff}
.box-warn5{
  border-left:1px solid #bfbfff;
  border-right:1px solid #bfbfff}
.box-warnfg{
  background:#AAAAFF}

.box-alert{display:block}
.box-alert *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#FFAAAA}
.box-alert1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #ffdada;
  border-right:1px solid #ffdada;
  background:#ffbfbf}
.box-alert2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fff6f6;
  border-right:1px solid #fff6f6;
  background:#ffbaba}
.box-alert3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #ffbaba;
  border-right:1px solid #ffbaba;}
.box-alert4{
  border-left:1px solid #ffdada;
  border-right:1px solid #ffdada}
.box-alert5{
  border-left:1px solid #ffbfbf;
  border-right:1px solid #ffbfbf}
.box-alertfg{
  background:#FFAAAA}


img	{ border: 0; padding: 0; margin: 0;}

td img	{ border: 0; padding: 0; margin: 0; vertical-align: middle}


.pinkbg { background-color: #ffbbbb; }
.redbg { background-color: #ff8585; }
.bluebg { background-color: #aaaaff; }
.greenbg { background-color: #aaffaa; }
.greybg { background-color: #dddddd; }

.selector {
        width:275px;
}

.page-h2 { 
        font-size: 14px; 
	font-weight: bold;
	vertical-align: top;
}

.header-text {
        font-family: sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: bold;
        color: #000000;
}

.interface-header {
        font-family: sans-serif;
        font-size: 20px;
        font-style: normal;
        font-weight: bold;
        color: #000000;
}

.graphhead, .sectionhead {
        font-size: 15px;
        font-style: normal;
        font-weight: bold;
        color: #555;
}

.tablehead {
        font-family: Verdana, arial, sans-serif; 
        font-weight: bold;
        font-size: 13px;
        font-style: normal;
        font-weight: bold;
        color: #666;
}

.box-desc {
        font-family: "Verdana", Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-style: italic;
}

.interface-desc {
  	font-family: "Verdana", Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-style: normal;
}

.syslog {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-style: normal;
        color: #000000;
}

.page-header, .device-header {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 24px;
        font-weight: bold;
        color: black;
}

.top-subtitle {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 22px;
        font-weight: bold;
        vertical-align: middle;
}

.device-header {
        font-size: 20px;
}

.device-head {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-weight: bold;
}

.list-device, .list-device-ignored, .list-device-down, .list-device-ignored-up {
        font-weight: bold;
}

.device-head, .list-device {
	color: #0000cc;
}

.list-device-down, a.list-device-down, a.list-device-down:visited {
 color: #cc0000;
}

a.list-device-ignored-up {
	color: #009900;
}

.footer-text {
  font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: bold;
        color: #FFFFFF;
}

.header-text-3 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-style: normal;
        font-weight: bold;
        color: #ffffff;
}

.body-1 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-style: normal;
        font-weight: normal;
        color: #000000;
}

.body-date-1 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-style: normal;
        font-weight: normal;
        color: #000000;
}

.copy {
  font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-style: italic;
        font-weight: normal;
        color: #000000;
}

.body-2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: normal;
        color: #000000;
}

.body-field-1 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-style: normal;
        font-weight: bold;
        color: #000000;
}

.body-head-1 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: bold;
        color: #000000;
}

.body-head {
  font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 32px;
        font-style: normal;
        font-weight: bold;
        color: #000000;
}

.body-head-2, .table-head-2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: bold;
        color: #000000;
}

.table-head-2 {
        background-color: #cccccc;
}


.text-more {
  font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-style: normal;
        font-weight: bold;
        color: #cc0000;
}

.body-blue {
        color: #0000CC;
}

.top-menu:link {
 color: #dddddd;
 text-decoration: none;
}
.top-menu:visited {
  color: #dddddd;
        text-decoration: none;
}
.top-menu:hover {
  color: #CC0000;
        text-decoration: none;
}
.top-menu:active {
  color: #000000;
        text-decoration: none;
}

.menu-box-dash-off {
        border: 1px dashed #000000;
}

.copyright {
	bottom: 0px;
	margin: 10px auto;
	position: relative;
	background-color: #eeeeee;
	text-align: center;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-style: italic;
        font-weight: normal;
        color: #000000;
        width: 360px;
	padding: 10px;
}

body, .devicetable {
    margin: 0px; padding: 0px 0px 0px 0px; 
	
    font: 10pt verdana;
	line-height: 20px;
}

table { border-collapse: separate; margin: 0px; }
table tr td { 
border: none;
padding-bottom: 5px;
} 
form { margin: 0px; padding: 0px; }
hr { border: 0px; height: 1px; background-color: #ccc; color: #ccc; }
p { margin: 0px; padding: 0px; }

tr.row_gray
{
	background-color: #eeeeee;
}

tr.row_white
{
	background-color: #ffffff;
}

input
{
	width: 210px;
	height: 15px;
	border: 1px solid gray;
	vertical-align: middle;
	text-align: center;
}
input.device_dns
{
	width: 182px;
}

 textarea
 {
	width: 400px;
	border: 1px solid gray;
 }
 
 textarea.input
 {
	width: 210px;
	border: 1px solid gray;
 }

table.list
{
	font-size: 10pt;
	border-collapse: separate;
}

table.summary
{
	font-size: 7.5pt;
	line-height: 100%;
	border-collapse: separate;

}

table.summary td
{
	height: 10px;

  /*white-space: nowrap;*/
  overflow: hidden;

}
tbody tr:nth-child(even) {
   background-color: #fff;
}
select
{
	vertical-align: middle;
}

select.login_ff
{
	width: 142px;
}
select.login_ie
{
	width: 144px;
}

select.ie
{
	width: 214px;
}
select.ff
{
	width: 212px;
}

select.varGroupMember
{
	width: 500px;
}

select.deviceGroupMember
{
	width: 170px;
}

.login
{
	width: 140px;
}

.checkbox
{
	margin-left: 0;
   border: none; 
	width: 15px;
}

ul { margin: 0px 24px; padding: 0px; list-style: disc outside; }
ul ul { margin-top: 0px; padding-top: 0px; list-style: circle outside; }
ul ul ul { margin-top: 0px; padding-top: 0px; list-style: square outside; }

a, span.poll_status { text-decoration:none; color: #356AA0; }
a:visited { text-decoration:none; color: #356AA0; }
a:hover, span.poll_status:hover { text-decoration:underline; color: #356AA0; cursor: pointer}
a:active { color: #356AA0; }

.vspace { margin-top: 4px; margin-bottom: 4px; }
p.vspace { padding-top: 3px; padding-bottom: 3px; }
.content-mat { padding: 0px; margin: auto; background: none; }

.clearer { clear: both; display: block; padding: 0px; height: 0px; line-height: 1px; font-size: 0px; }

.borderless-table tr td { border: none }

#header { width: 100%; margin: 0px 0px 0px 0px; background-color: #fff; }
#header #page-title { color: #555; font: 18pt Arial; font-weight: bold; }
#header #page-subtitle { color: #555; font: 12pt Arial; font-weight: bold; }
#header a { color: #eeeeee; }

#main h1 { font-size: 12pt; margin: 0px; padding: 0px; }
#main h2 { font-size: 11pt; margin: 0px; padding: 0px; }
#main  { font-size: 11pt; margin: 0px; padding: 0px; font-weight: bold; color: #356AA0}
#main h4 { font-size:  9pt; margin: 0px; padding: 0px; }

#content { margin: 0px; text-align: left; padding: 0px; }

#footer {
    width: 100%; height: 40px;
    border: 1px none #ccc; 
    margin: 0px  0px 0px 0px; padding: 0px 0px 8px 0px;
}

#copyright { margin: 0px 12px 0px 11px; padding: 2px 0px; border-top: 1px solid #ddd; font-size: 8pt; }

#topnav {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: right;
    font-size: 11px; font-weight: bold;
}

#topnav ul { margin: 5px 0px 0px 0px; padding: 0px; }
#topnav ul li { list-style: none; display: inline; padding-right: 10px;}
#topnav a { color: #000; text-decoration: none;}
#topnav a:hover { color: #a00;}

#menubar {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-bottom: 1px solid #a8a8a8;
    border-top: 1px solid #a8a8a8;
    background-color: #e8e8e8;
    text-align: left;
    font-size: 10px; font-weight: bold;
}

#text { width: 1100px; }

#menubar ul { margin: 0px 10px; padding: 0px; }
#menubar ul li { list-style: none; display: inline; text-indent: 0px; text-align: left; padding-right: 10px; }
#menubar a { color: #666; }

#popupmenu a { color: #aaa; }
#popupmenu a:hover { color: #fff; }
#popupmenu li:hover { background: #444; color: #eec; }
#popupmenu li:hover ul { display: block; }
#popupmenu ul { padding: 0px; margin: 0px; list-style: none; }
#popupmenu ul li { padding: 0px 8px; float: left; position: relative; }

#popupmenu li ul {
    display: none;
    position: absolute;
    top: 10px;
    left: 5px;
    width: 175px;
    margin-top: 10px;
    border-top: 1px solid #888;
    border-bottom: 1px solid #888;
    padding-top: 3px;
    padding-bottom: 4px;
    background: #444;
}

#popupmenu li ul li {
    display: block;
    clear: both;
    color: #aaa;
}

#popupmenu li ul li:hover { color: #aaa; }

#toext { margin-top: 12px; margin-bottom: 12px; font-family: monospace; }

.list-large {
  font-size: 16px;
  font-weight: bold;
}

.list-bold {
  font-weight: bold;
}


.graphcell, .ifcell, .devicecell, .datacell { margin: 0px 0px 7px 0px; padding: 7px; border: 0px; background: #e8e8e8; float: left; }
.ifcell { float: left; clear:right; background:none; }

.datacell { clear: both; }
.devicecell { margin: 2px auto; }


.sidepane { clear: left; background:none;}
.mainpane { float: none; clear: right; background:none; }

.nofloat { clear: left; }

.interface, .interface-admindown, a.interface-admindown, a.interface-admindown:visited, .interface-updown, a.interface-updown, a.interface-updown:visited, .interface-upup, a.interface-upup {
	color: #555;
}

.interface-updown, a.interface-updown, a.interface-updown:visited {
        color: #cc0000;
}

.interface-upup, a.interface-upup {        
	color: #0000cc;
}

a.interface-upup:hover, a.interface-updown:hover, a.interface-admindown:hover {
	color: #990099;
}

.interface-admindown, a.list-device-ignored, a.interface-admindown, a.interface-admindown:visited {
        color: #999999;
}

#top{
                height: 20px;
                padding:2px 21px 2px 21px; 
                background:#163275;
                font:normal 11px arial;
					 color: white;
					 border-style: solid;
        }
#top A {
	color: #aaaaaa;
}

#center{
                width:1200px;
                margin:0px auto 0px auto;

}

#logo{
                padding-left:21px;
}

.errorbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 2px dashed #CC0000;
	background-color: #FFCCCC;
	padding: 5px;
	font-size: small;
	margin: 5px;
}

.messagebox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: thin dashed #009900;
	background-color: #ccffaa;
	padding: 5px;
	font-size: small;
	margin: 5px;
}

/* Fancy menu */
.menu2 { float:left; width:100%; font-family: Verdana, arial, sans-serif; font-weight: bold ; font-size: 11px; border:1px solid #aaaaaa;
background:#aaaaaa url(../images/menu2.gif) repeat-x;

}
.menu2 ul {
padding:0;margin:0;list-style-type:none;
}
.menu2 ul li {
float:left; position:relative; z-index: 1;
}

.menu2 ul li ul {
display: none;
}

.menu2 ul li a, .menu2 ul li a:visited {
float:left; display:block; text-decoration:none; color:#666; padding:0px 16px; line-height:25px; height:25px;
}

.menu2 ul li a:hover {background:#aaaaaa url(../images/sub2a.gif); color:#356AA0;}
.menu2 ul li:hover a {background:#aaaaaa url(../images/sub2a.gif); color:#356AA0;} 
.menu2 ul li:hover ul {
display:block; position:absolute;top:24px; background:#aaaaaa; margin-top:1px; left:0; width: auto;
}

.menu2 ul li:hover ul li a, .menu2 ul li:hover ul li span {
display:block; background: #aaaaaa; color:#fff;height:auto;line-height:10px; padding:5px 7px; width:auto; white-space: nowrap;
}
.menu2 ul li:hover ul li span { color: gray}

.menu2 ul li:hover ul li a img
{
	padding-right: 5px;
}


.menu2 ul li ul li a:hover {
color: yellow; 
}  

/*fancy tabs*/

.shadetabs li{
display: inline;
margin: 0;
}


.shadetabs li a{
text-decoration: none;
padding: 2px 7px;
margin-right: 3px;
border: 1px solid #aaa;
color: #2d2b2b;
background: white url(../images/menu2.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: none;
color: #cc0000;
}

.shadetabs li.selected{

}

.shadetabs li.selected a{ /*selected main tab style */
 border-bottom-color: #ffffff;
 background-image: url(/images/shadeactive.gif); 
 }

.shadetabs li.selected a:hover{ /*selected main tab style */
  text-decoration: none;
}

.contentstyle{
  border: 1px solid #aaaaaa; 
  width: 1175px;
  margin-bottom: 1em;
  padding: 10px;

 
}


/* user defined */

tr.device_row_normal td
{
		background-color: #efefef;
		border: 1px solid #eeeeee;
        
}

tr.device_row_minor
{
		background-color: #FFFFCC;
		border-bottom: 1px solid #eeeeee;
}

tr.device_row_major
{
		background-color: #FF9966;
		border-bottom: 1px solid #eeeeee;
}

tr.device_row_critical
{
		background-color: #FF9999;
		border-bottom: 1px solid #eeeeee;
}

tr.order_row_new
{
		background-color: #E6F0FF;
		border-bottom: 1px solid #eeeeee;
}

tr.order_row_work
{
		background-color: #CCEBEB;
		border-bottom: 1px solid #eeeeee;
}

tr.order_row_approve
{
		background-color: #C2D6D6;
		border-bottom: 1px solid #eeeeee;
}

tr.order_row_wait
{
		background-color: #B2CCCC;
		border-bottom: 1px solid #eeeeee;
}

tr.order_row_closed 
{
		background-color: #efefef;
		border: 1px solid #eeeeee;
        
}

tr.device_row_disabled td
{
	background-color: #efefef;
    border: 1px solid #eeeeee;
    color: #aaaaaa;
}
tr.device_row_disabled td a
{
	color: #aaaaaa;
}  

/* paging*/

.paging { padding:10px 0px 0px 0px; text-align:center; font-size:13px;}
.paging.display{text-align:right;}
.paging a, .paging span {background-color: #eeeeee; padding:2px 8px 2px 8px;}
.paging span {font-weight:bold; color: gray; font-size:13px; }
.paging a {color: gray; text-decoration:none; border:1px solid #dddddd;}
.paging a:hover { text-decoration:none; background-color: #dff4ff;  border-color:#c2e1ef; color: #336699}
.paging span.prn { font-size:13px; font-weight:normal; color:#aaa; }
.paging a.prn { border:2px solid #dddddd;}
.paging a.prn:hover { border-color:#000;}
.paging p#total_count{color:#aaa; font-size:12px; padding-top:8px; padding-left:18px;}
.paging p#total_display{color:#aaa; font-size:12px; padding-top:10px;}
.paging span {background: none;}

/*Buttons*/

.buttons a, .buttons button, .buttons-small button, .buttons-icon button{
   margin:0 0 0 0;
   background-color:#eeeeee; 

    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
	 color: gray;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:11px;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    cursor:pointer;
    padding: 3px 3px 3px 3px; /* Links */
	vertical-align: middle;
}
.buttons button{
    /*width:110px;*/
	height: 35px;
    overflow:visible;
    padding: 3px 3px 3px 3px; /* IE6 */
}

.buttons-small button{
    width: 22px;
	 height: 22px;
    /*overflow: visible;*/
    padding: 0px; /* IE6 */
	margin: 0px;
	display: inline;
}

.buttons-icon button
{
	width: 35px;
	height: 35px;
    /*overflow: visible;*/
    padding: 0px; /* IE6 */
	margin: 0px;
	display: inline;
}


.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
   /*padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img, .buttons-small a img , .buttons-icon a img{
    margin:0 5px 0px 0 !important;  
    border:none;
    width:16px;
    height:16px;
	padding: 0;
    vertical-align: middle;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* REGULAR */

button.regular, .buttons a.regular{

}
.buttons a.regular:hover, button.regular:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a.regular:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }

/* Изменение цвета кнопки для сохраненных записей */
.btn-saved {
  background-color: green;
  color: white;
}
.btn-saved:hover {
  background-color: green;
  color: white;
  border: 1px solid lime;
}