* {
  /*margin:0;
   padding:0;*/
  text-align: left;
  font-family: Arial;
}

.clear {
  float: none;
  clear: both;
}

html {
  width: 100%;
  height: 100%;
}

body {
  width: 100%;
  height: 100%;
  margin: 0 !important;
  background: #e6e6e6;
}

#wrapper {
  width: 100%;
  min-width: 1350px;
  height: 100%;
  min-height: 100%;
  height: auto !important;
  /*background: #e6e6e6 url('../images/design/bg.png') repeat-x;*/
  background: #e6e6e6;
}

#empty {
  margin-top: 30px;
  height: 118px;
}



/*
* Footer
*/

#footer {
  min-width: 1200px;
  width: 100%;
  margin-top: -118px;
  margin-left: auto;
  margin-right: auto;
  height: 118px;
  border-top: 1px solid #dadada;
  color: #404040;
  font: normal 12px/16px Arial;
}

#footer .left {
  width: 800px;
  float: left;
  text-align: left;
  padding-top: 20px;
  padding-left: 40px;
}

#footer .left chk.box {
  float: left;
  text-align: left;
  padding-top: 20px;
  padding-left: 40px;
}

#footer .left p.last {
  padding-left: 12px;
}

#footer .right {
  width: 300px;
  float: right;
  text-align: right !important;
  padding-top: 20px;
  padding-right: 40px;
}

#footer .right p {
  text-align: right;
}

#footer .right span {
  color: #bd2800;
}

#footer .right a:hover {
  text-decoration: none;
}


/*
* content
*/

#wrapper .content {
  padding: 0 40px;
  min-height: 400px;
}

#bread_crumbs {
  padding-top: 12px;
  padding-bottom: 20px;
  font: normal 14px/14px Arial;
  color: #404040;
}


/*auth block*/

#loginPanelDiv {
  background: none;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
  border: 0;
  /*min-height:130px;*/
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

#loginPanelDiv .hd {
  background: url('../images/design/menu_bg2.png') repeat;
  border: none;
  font: bold 14px/18px Arial;
  color: #fff;
  text-shadow: 2px 1px 1px #000;
  text-align: center;
  padding: 10px 0;
}

#loginPanelDiv .bd {
  border: none;
  background: #fff;
}


/*wait block*/

#wait {
  background: none;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
  border: 0;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

#wait .hd {
  background: url('../images/design/menu_bg2.png') repeat;
  border: none;
  font: bold 14px/18px Arial;
  color: #fff;
  text-shadow: 2px 1px 1px #000;
  text-align: center;
  padding: 10px 0;
}

#wait .hd div {
  text-align: center;
}

#wait .bd {
  border: none;
  background: #fff;
  padding: 10px;
}

.underlay {
  display: none;
}


/*report*/

#summary,
#grouptable,
#activity,
.success-msg,
#selector_div,
#traffic_diag,
#trafficSummary,
.circle_diag,
.substrate,
#summary_diag {
  background: #fff;
  padding: 20px 20px 20px 20px;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #404040;
  border: none;
}

#summary0,
#summary1,
#summary2,
#summary3,
#summary4,
#summary5,
#summary6 {
  background: #fff;
  padding: 20px 20px 20px 20px;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  margin: 20px 0px 20px 0px;
  border-radius: 5px;
  color: #404040;
  border: none;
}

#grouptable {
  background: #dedede;
  padding: 70px 20px 20px 20px;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #404040;
  border: none;
}

#summary,
#activity {
  margin: 20px 0;
}

#table,
#grouptable,
.tableclass {
  background: #dadada;
  padding: 40px 10px 10px 12px;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 20px 0;
  color: #404040;
  height: auto;
  position: relative;
  z-index: 0;
  overflow-x: auto;
}

#table > table,
.tableclass > table {
  border: 1px solid #cacaca;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 100%;
}

#table > table tfoot td,
#table > table tfoot th {
  padding-left: 10px;
  padding-right: 10px;
}

.chart-title {
  margin: 0 !important;
  position: relative;
  z-index: 2;
  margin-top: 50px!important;
  margin-bottom: -50px!important;
  background: transparent;
  color: #404040;
  font: bold 20px/22px Arial;
  text-align: center;
}

#legend {
  margin-top: -50px;
  margin-bottom: 50px;
  padding: 0 45px;
  width: auto !important;
}

#summary_legend,
#summary1_legend,
#summary2_legend {
  margin-top: 10px;
  padding: 0 40px;
}

#summary_legend .legendColorBox > div,
#summary1_legend .legendColorBox > div,
#summary2_legend .legendColorBox > div,
#anomalydesc .legendColorBox > div,
.legendColorBox > div {
  border: none !important;
}

#summary_legend .legendColorBox > div div,
#summary1_legend .legendColorBox > div div,
#summary2_legend .legendColorBox > div div,
#anomalydesc .legendColorBox > div div,
.legendColorBox div div {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  width: 0px !important;
  border-width: 7px !important;
}

#summary_legend .legendLabel {
  padding-right: 10px;
}

#summary_legend table,
#summary1_legend table,
#summary2_legend table {
  width: auto;
}

#page-info-div,
.info-div {
  background: #fff;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 20px;
  border: none;
  margin: 20px 0;
  font: normal 14px/16px Arial;
}

table.toolbar {
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}


/*form*/

input[type='submit'],
input[type='button'],
input[type='reset'],
button {
  text-align: center;
  cursor: pointer;
  background: transparent url(../images/design/btn.png) repeat-x;
  border: none !important;
  height: 34px;
  width: auto !important;
  min-width: 154px;
  border-radius: 5px;
  color: #fff !important;
  font: normal 16px/34px Arial !important;
  box-shadow: 0 1px 1px 1px #aca9a2;
  margin: 0 4px;
}

input[type='button'][disabled] {
  background: #aaa;
}

input[type='submit']:hover,
input[type='button']:hover,
input[type='reset']:hover,
button:hover {
  background: transparent url(../images/design/btn_hover.png) repeat-x;
}

input[type='submit']:active,
input[type='button']:active,
input[type='reset']:active,
button:active {
  background: transparent url(../images/design/btn_active.png) repeat-x;
}

input[type='text'],
input[type='password'] {
  border: 1px solid #cbcac7;
  border-radius: 5px;
  height: 23px;
  color: #404040;
  font: normal 14px/23px Arial;
}

select {
  border: 1px solid #cbcac7;
  /*border-radius: 5px 0 0 5px;*/
  /*min-height:23px;*/
  color: #404040;
}


/*https://anomaliya/administration/uisettings/settings/*/

td.line {
  background: url("../images/design/menu_bg2.png") repeat-x;
}


/* update button */

input[type='submit'].update_button,
input[type='button'].update_button,
.update_button {
  background: transparent url("../images/design/update_button.png") no-repeat;
  border: none;
  width: 21px;
  height: 21px;
  cursor: pointer;
  min-width: 21px;
  box-shadow: none;
  /*box-shadow*/
}

input[type='submit'].update_button:hover,
input[type='button'].update_button:hover,
.update_button:hover {
  background: transparent url("../images/design/update_button_a.png") no-repeat;
}

#OAMObjectSelector_ResultTable a {
  font-weight: bold;
  color: #404040;
}

#OAMObjectSelector_ResultTable a:hover {
  text-decoration: none;
}

.yui-pish-button-hover button:hover {
  height: inherit !important;
  background-color: inherit !important;
  border: 5px solid #f00;
}

.button-group span.yui-button,
.button-group span.yui-button .first-child {
  border: none !important;
}

div.modal td{
  text-align:center;
  text-valign:middle;
  font-family:monospace;
  border-color:black;
  background:#ffffff;
  color:#323232;
}

div.head thead{
  font-weight:bold;
}

div.glo input[type='button']{
  color:#00c6ff;
  padding: 5px 9px;
  width:50px !important;
  text-decoration:none;
  text-align:center;
  margin:4px auto;
  display: block;
  background-image: linear-gradient(to left,transparent,transparent 50%,#00c6ff 50%,#00c6ff);
  background-position: 100% 0;
  background-size: 200% 100%;
  transition: all .15s ease-in;
  font: 400 14px monospace;
  border: 1px solid #00C6FF;
}

div.glo input[type='button']:hover {
   background-position: 0 0;
   color:#fff;
}


/* saveas button */

input[type='submit'].saveas_button,
input[type='button'].saveas_button,
.saveas_button {
  background: transparent url("../images/design/saveas_button.png") no-repeat;
  border: none;
  width: 21px;
  height: 21px;
  cursor: pointer;
  min-width: 21px;
  box-shadow: none;
  /*box-shadow*/
}

input[type='submit'].saveas_button:hover,
input[type='button'].saveas_button:hover,
.saveas_button:hover {
  background: transparent url("../images/design/saveas_button_a.png") no-repeat;
}

/* small button */
input[type='submit'].small_button,
input[type='button'].small_button,
.small_button {
text-align: center;
vertical-align: text-middle;
border: none;
width: 52px;
height: 21px;
cursor: pointer;
min-width: 52px;
box-shadow: none;
font: normal 15px Arial !important;
color: #fff !important;
}