/* -------- TEXT styleS -------- */

.navtablink {
  font-family: verdana,arial;
  font-size: 10px;
  color: #FFFFFF;
  font-weight:bold;
  text-decoration: none;
  margin: 0 0 0 0;
}

.navtablinkactive {
  font-family: verdana,arial;
  font-size: 10px;
  color: #000000;
  font-weight:bold;
  text-decoration: none;
  margin: 0 0 0 0;
}

.navtablinko {
  font-family: verdana,arial;
  font-size: 10px;
  color: #CCCCCC;
  font-weight:bold;
  text-decoration: none;
  margin: 0 0 0 0;
}

.errortext {
  font-family: verdana,arial;
  font-size: 11px;
  color: #ff3300;
  font-weight:bold;
  text-decoration: none;
  margin : 15px 0px 15px 0px;
}

.mode   {
  font-family: verdana,arial;
  font-size: 12px;
  color: #004180; /* Blue Theme */
  /*color: #800000; /* Burg Theme */
  font-weight:normal;
  text-decoration: none;
  width: 130px;
  overflow: auto;
  margin : 5px 0px 0px 5px;
}

.contactinfo {
  font-family:courier;
  font-size: 14px;
}
.servername {
  font-family: verdana,arial;
  font-size: 12px;
  color: #004180; /* Blue Theme */
  /*color: #800000; /* Burg Theme */
  font-weight:bold;
  text-decoration: none;
  width: 130px;
  overflow: auto;
  margin : 0px 0px 5px 5px;
}

.warntext {
  font-family: verdana,arial;
  font-size: 11px;
  color: #FF9933;
  font-weight:bold;
  text-decoration: none;
  margin : 15px 0px 15px 0px;
}

.warntextNoMarg {
  font-family: verdana,arial;
  font-size: 11px;
  color: #FF9933;
  font-weight:bold;
  text-decoration: none;
  margin : 0px 0px 15px 0px;
}

.successtext {
  font-family: verdana,arial;
  font-size: 11px;
  color: #339900;
  font-weight:bold;
  text-decoration: none;
  margin : 15px 0px 15px 0px;
}

.quotetext {
  font-family: verdana,arial;
  font-size: 11px;
  color: #000000;
  font-weight: normal;
  text-decoration: none;
}

.text {
  font-family: verdana,arial;
  font-size: 11px;
  color: #000000;
  font-weight:normal;
  text-decoration: none;
}

.textpurple {
  font-family: verdana,arial;
  font-size: 11px;
  color: Black;
  font-weight: normal;
  text-decoration: none;
}

.textred {
  font-family: verdana,arial;
  font-size: 11px;
  color: Red;
  font-weight: normal;
  text-decoration: none;
}

.tabwhite {
  font-family: verdana, arial;
  font-size: 11px;
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
}

.quotetextbold {
  font-family: verdana,arial;
  font-size: 11px;
  color: #000000;
  font-weight:bold;
  text-decoration: none;
}

.quotetextboldjust {
  font-family: verdana,arial;
  font-size: 11px;
  color: #000000;
  font-weight:bold;
  text-decoration: none;
  text-align: justify;
}
/*
.italicpurple  { 
  color: #666699;
  font-style: italic;
  font-weight: normal;
  font-size: 11px;
  font-family: verdana, arial;
  text-decoration: none;
}

.quotenav {
  font-family: verdana,arial;
  font-size: 10px;
  color: #92A4B4;
  font-weight:bold;
  text-decoration: none;
}
*/
.linkpurple {
  font-family: verdana,arial;
  font-size: 11px;
  color: blue;
  font-weight:normal;
  text-decoration: underline;
}

.linkpurple_right {
  font-family: verdana,arial;
  font-size: 11px;
  color: blue;
  font-weight:normal;
  text-decoration: underline;
  float: right;
  vertical-align: top;
  text-align: right;
}
/*
.linkbold {
  font-family: verdana,arial;
  font-size: 11px;
  color: #000000;
  font-weight:bold;
  text-decoration: underline;
}
*/
.quotenavtitle {
  font-family: verdana,arial;
  font-size: 13px;
  color: #293952;
  font-weight:bold;
  text-decoration: none;
}
/*
.quotewizard {
  font-family: verdana,arial;
  font-size: 11px;
  color: #7D8C99;
  font-weight:normal;
  text-decoration: none;
}

.quoteheader {
  font-family: verdana,arial;
  font-size: 12px;
  color: #7D8C99;
  font-weight:bold;
  text-decoration: none;
}

.quotecrumb {
  font-family: verdana,arial;
  font-size: 11px;
  color: #CCCCFF;
  text-decoration: none;
}
*/
.title {
  font-family: verdana,arial;
  font-size: 20px;
  color: #999999;
  font-weight:bold;
  text-decoration: none;
}

.title1 {
  font-family: verdana,arial;
  font-size: 20px;
  color: #ff3300;
  font-weight:bold;
  text-decoration: none;
}

.textwhite {
  font-family: verdana,arial;
  font-size: 10px;
  color: #FFFFFF;
  font-weight:bold;
  text-decoration: none;
}

.textblack {
  font-family: verdana,arial;
  font-size: 10px;
  color: #000000;
  font-weight:bold;
  text-decoration: none;
}


.linkwhite {
  font-family: verdana,arial;
  font-size: 10px;
  color: #FFFFFF;
  font-weight:bold;
  text-decoration: none;
  text-align : right;
}

.guiversion {
  font-family: verdana,arial;
  font-size: 10px;
  color: #FFFFFF;
  font-weight:bold;
  text-decoration: none;
  text-align : center;
  margin: 5px 5px 5px 5px;
}
/*
.footermargin {
  bottom: 10px;
}
*/
.ver {
  font-family: verdana,arial;
  font-size: 10px;
  color: #FFFFFF;
  font-weight:bold;
  text-decoration: none;
  text-align : right;
}


table.view tr a.alarmcrital {
  font-family: verdana,arial;
  font-size: 11px;
  color: Red;
  font-weight: normal;
  text-decoration: none;
}


table.view tr a.alarmmajor {
  font-family: verdana,arial;
  font-size: 11px;
  color: #C00000;
  font-weight: normal;
  text-decoration: none;
}


table.view tr a.alarmminor {
  font-family: verdana,arial;
  font-size: 11px;
  color: #800000;
  font-weight: normal;
  text-decoration: none;
}

table.view tr a.alarminfo {
  font-family: verdana,arial;
  font-size: 11px;
  color: Green;
  font-weight: normal;
  text-decoration: none;
}


/* -------- HEADERS -------- */
.header2 {
  font-family: verdana,arial;
  font-size: 18px;
  color: #435A7D;
  font-weight:bold;
  text-decoration: none;
  margin : 0px 0px 20px 0px;
}

.header3 {
  font-family: verdana,arial;
  font-size: 13px;
  color: #435A7D;
  font-weight:bold;
  text-decoration: none;
}

/* -------- SIDENAV styleS -------- */
.snavbg {
  background-color: #004180; /* Blue Theme */
  /*background-color: #800000; /* Burg Theme */
} 

.snavhl {
  background-color: #999999;
} 

.snavtext1 {
  font-family: verdana,arial;
  font-size: 12px;
  color: #FFFFFF;
  font-weight:bold;
  text-decoration: underline;}

.sback {
  background-color: #336699; /* Blue Theme */
  /*background-color: #CCCCCC; /* Burg Theme */
}



/* -------- BUTTON styleS -------- */
/* OPTION BUTTON */
.btn {
  font-family: verdana,arial;
  font-size: 10px;
  color: #fff;
  background-color: #004180;
  font-weight:bold;
  text-decoration: none;
  outline: none;
}

.btn .small {
  font-size: 5px;
  height: 10px;
}
/* MAIN BUTTON */
.btnl {
  font-family: verdana,arial;
  font-size: 10px;
  color: #FFFFFF;
  background-color: #8F2020;
  font-weight:bold;
  text-decoration: none;
  outline: none;
  float: left;
  margin-right: 5px;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: top;
}

#quit {
  margin-left: 35px;
}

#quit {
  text-align: center;
}

/* NAVTAB BUTTONS */
.navbtn {
  width: 90px;
  height: 31px;
  font-family: verdana,arial;
  font-size: 10px;
  color: #FFFFFF;
  /*	background-color: #336699;*/
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  background-image: url('../images/tabUnsel_blue.gif'); /* Blue Theme */
  /*background-image: url('../images/tabUnsel_burg.gif'); /* Burg Theme */
  background-repeat: no-repeat;
  background-position: bottom center;
  text-align:center;
  vertical-align:bottom;
  outline: none;
  padding: 2px 0px 10px 0px;
}

.navbtnHL {
  width: 90px;
  height: 31px;
  font-family: verdana,arial;
  font-size: 10px;
  color: Black;
  /*background-color: #336699;*/
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  background-image: url('../images/tabSel_white.gif');
  background-repeat: no-repeat;
  background-position: bottom center;
  text-align:center;
  vertical-align:bottom;
  outline: none;
  padding: 2px 0px 10px 0px;
}

.navbtnHL.dual-line {
  padding-bottom: 3px;
}

.navbtn.dual-line {
  padding-bottom: 3px;
}

/* PEER LINK BUTTON */
.btnsvr {
  margin-left: 5px;
  font-family: verdana,arial;
  font-size: 11px;
  color: #FFF8DC;
  background-color: #004180; /* Blue Theme */
  /*background-color: #800000; /* Burg Theme */
  font-weight: bold;
  text-decoration: none;
  outline: none;
}

/* -------- ELEMENT styleS -------- */

btnav {
  background-color: #84C1DF;
  border: 1px #000000 solid;
} 

hr {
  margin : 5px 10px 12px 0px;
}

#highlight { background-color: #8080BF;} 
#selected { background-color: #B0B0AF;} 

.backgroundtop {
  background-color: #004180;
}

.backgroundmain {
  background-color: #FFFFFF;
}

.backgroundnavbar {
  background-color: #CCCCCC;
}
/*
.popupheaderimage {
  border: none;
}
*/

.backgroundnavbarblank {
  background-color: #336699;/* Blue Theme */
  /*background-color: #CCCCCC; /* Burg Theme */
}

.backgroundtopline {
  background-color: #004180; /* Blue Theme */
  /*background-color: #800000; /* Burg Theme */
}
.backgroundtoppeerbtn {
  background-color: #CCCCCC;
}
.backgroundbottom {
  background-color: #004180; /* Blue Theme */
  /*background-color: #800000; /* Burg Theme */
}

.logout {
  text-decoration: none;
}

.htmlnav {
  font-family: verdana,arial;
  font-size: 10px;
  font-weight: bold;
  color: white;
  margin: 5px 5px 5px 5px;
  text-decoration: underline;
}

.htmlnavbar {
  font-family: verdana,arial;
  font-size: 10px;
  font-weight: bold;
  color: white;
  margin: 5px 5px 5px 5px;
}

.topbg {
  background-color:  #455445;
} 


/* FORM styleS */
.form {
  margin : 0 0 0 0;
  padding: 0 0 0 0;
}

div.float {
  float: left;
  margin : 0 0 0 0;
  padding: 0 0 0 0;
}
/* INDEX styleS */
.indexListRight {
  height: 100%;
  width: 245px;
  overflow: auto;
  padding-right: 5px;
}

.tdfeedback {
  background-color: #FFFFFF;
  width: 650px;
  height: 20px;
  text-align: center;
  vertical-align: top;
}

.tdcontent {
  background-color: #FFFFFF;
  width: 470px;
  height: 330px;
  vertical-align: top;
}

.tdmaincontent {
  background-color: #FFFFFF;
  width: 650px;
  vertical-align: top;
}
.tdgutter {
  background-color: #FFFFFF;
  width: 10px;
}

.tdrightnav {
  background-color: #FFFFFF;
  width: 0px;
}

.bodymain {
  background: #000000;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

.headerIndex {
  font-family: verdana,arial;
  font-size: 14px;
  color: #435A7D;
  font-weight:bold;
  text-decoration: none;
  margin : 20px 0px 15px 0px;
}

#userNote {
  width: 200px;
  margin: 0;
  padding: 5px;
  vertical-align: top;
}

#admin {
  width: 420px;
  margin: 25px 25px 25px 25px;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 25px;
  padding-right: 25px;
  vertical-align: top;
  background-color: #F5F5F5;
}

.form_buttons {
  text-align: center;
  margin: 0px 20px 25px 150px;
  padding-bottom: 25px;
  /*margin-bottom: 35px;*/
}

.note_buttons {
  text-align: center;
  margin: 10px 20px 25px 120px;
}

table.input_form {
  width: 550px; /* was 470 */
  padding: 0px;
  margin-bottom: 15px;
  /*background: #e1e0e0;*/
  border: 0px;
}

table.input_form th {
  color: #666;
  background: none;
  padding: 3px;
  font-size: 10px;
  text-align: left;
}

table.input_form td {
  /*background: #f0f0f0;*/
  padding: 3px;
  height: 25px;
  color: #ccc;
  font-size: 9px;
  vertical-align: top;
}

table.input_form td.left {
  width: 180px;
  font-weight: bold;
}

table.input_form td.right {
  width: 290px;
}

table.layout {
  clear: left;
  border-collapse: collapse;
  width: 800px;
  background-color: #FFFFFF;
}

table.layout  {
  width: 100%;
}

table.content_layout {
  clear: left;
  border-collapse: collapse;
  width: 470px;
  background-color: #FFFFFF;
}

table.body {
  width: 800px;
  height: 350px;
  padding: 0;
  margin: 3px 0 0 0;
  /*background-color: #FFFFFF;*/
}

.tdsidenav {
  background-color: #336699; /* Blue Theme */
  /*background-color: #CCCCCC; /* Burg Theme */
  width: 140px;
  /*text-align: right;*/
  vertical-align: top;
}

table.body gutter {
  width: 5px;
}

table.body content_wrapper {
  background-color: #FFFFFF;
}

#message { 
  font-family: verdana,arial;
  font-size: 11px;
  color: #000000;
  font-weight:normal;
  text-decoration: none;
  width: 466px;
  margin: 0 0 10px 0; /* 30px;*/
  background: #DDFFDD; /*#D5F2CB;*/
  border: 2px solid #C5C5C5;/*#C4E1BA;*/
  padding: 6px 0 6px 0;
  text-align: center;
  display: none;/* Hide until used, else it will change formatting of page */
}


tr.rowgroup {
  display: none;
  background-color: #F744EE;
}

tr.even {
  background: #eee;
}

tr.odd {
  background: #fff;
}

tr.even.rowgroup {
  background: #ccc;
}

tr.odd.rowgroup {
  background: #ddd;
}

tr.even:hover {
  background: #FFFFAA;
}

tr.odd:hover {
  background: #FFFFAA;
}

.detail th {
  text-align: center;
}

table.view {
  width: 100%;/*795px;*/ /*645px;*/
  padding: 0;
  border: 0;
  background: #fff;
  table-layout: fixed;
  white-space: normal;
  margin-right: 5px;
}

table.edit-access {
  width: 480px;
  table-layout: fixed;
}

table.edit-access th {
  text-align: left;
  height: 20px;
  background: #cecbce;
  font-family: verdana,arial;
  font-size: 11px;
  color: #000;
  font-weight:bold;
  text-decoration: none;
  padding-left: 5px;
}

table.edit-access #col-activation-time {
  width: 100px;
}

table.edit-access #col-schedule {
  width: 190px;
}

table.search {
  width: 630px;
  table-layout: auto;
}

table.audit {
  width: 785px;
  table-layout: auto;
}

table.view th {
  text-align: left;
  height: 20px;
  background: #cecbce;
  font-family: verdana,arial;
  font-size: 11px;
  color: #000;
  font-weight:bold;
  text-decoration: none;
  padding-left: 5px;
}

table.view td {
  padding-left: 3px;
  font-family: verdana,arial;
  font-size: 11px;
  color: #000;
  font-weight: normal;
  text-decoration: none;
}

table.view td.center {
  text-align: center;
}

table.view #col-activity {
  width: 50px;
  white-space:nowrap;
}

table.view #col-alarm {
  width: 50px;
}

table.view #col-dev-type {
  width: 50px;
  white-space:nowrap;
}

table.view #col-dev-id {
  width: 70px;
}

table.view #col-user {
  width: 80px;
}

table.view #col-result {
  width: 50px;
}

table.view #col-snapshot {
  width: 70px;
}

table.view #col-user-id {
  width: 70px;
  white-space:nowrap;
}

table.view #col-function {
  width: 70px;
  white-space:nowrap;
}

table.view #col-action {
  width: 70px;
  white-space:nowrap;
}

table.view #col-time {
  width: 70px;
  white-space:nowrap;
}

table.view #col-type {
  width: 50px;
  white-space:nowrap;
}

table.view #col-server {
  width: 60px;
}

table.view #col-category {
  width: 55px;
  white-space:nowrap;
}

table.view #col-level {
  width: 40px;
  white-space:nowrap;
}

table.view #col-message {
  width: 300px;
}

table.view #col-suite {
  width: 120px;
}

table.view #col-suite-code {
  width: 60px;
}

table.view #col-phone-number {
  width: 100px;
}

table.view #col-current-state {
  width: 60px;
  text-align: center;
}

table.view #col-net-id {
  width: 60px;
}

table.view #col-sync {
  width: 60px;
}

table.view #col-global {
  width: 60px;
}

table.view #col-port {
  width: 80px;
}

table.view #col-device-type {
  width: 120px;
}

table.view #col-baud-rate {
  width: 100px;
}

table.view #col-ping {
  width: 80px;
}

td.navbar#navtabs {
  width: 660px;
}

td.navbar#server-name {
  width: 135px;
}

td.no-navbutton {
  width: 90px;
}

.paginator {
  text-align: right;
  float: right;
  vertical-align: middle;
}

.paginator #back {
  text-align: center;
  float: left;
}

.paginator #page-select {
  margin-left: 5px;
  margin-right: 5px;
  text-align: center;
  float: left;
}
.paginator #forward {
  margin-right: 5px;
  text-align: center;
  float: right;
}

.records {
  text-align: left;
  float: left;
}

.content {
  clear: both;
}

.update {
  clear: both;
}

.sort-button {
  width: 90%;
  font-family: verdana,arial;
  font-size: 11px;
  font-weight:bold;
  text-decoration: none;
}

table.index {
  width: 125px;
  font-family: verdana,arial;
  font-size: 11px;
  font-weight:normal;
  text-decoration: underline;
}

/* colors */
.sort-button {
  color: #000000;
}

table.index td a {
  display: block;
  color: blue;
}

/* special for user index table only */
table.index tr a.linkpurple div {
  color: blue;
  text-decoration: underline;
}

table.index tr a.quotetextbold {
  color: black;
}

table.view tr a {
  display: block;
  color: blue;
}

.clear {
  clear: both;
}

.groupbox {
  border: 1px solid #8A8A8A; 
  padding: 8px 8px;
}

.ipadbutton {
	-moz-box-shadow:inset 0px 1px -1px 0px #fff6af;
	-webkit-box-shadow:inset 0px 1px -1px 0px #fff6af;
	box-shadow:inset 0px 1px -1px 0px #fff6af;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23) );
	background:-moz-linear-gradient( center top, #ffec64 5%, #ffab23 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23');
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	color:#333333;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:5px 5px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffee66;
}.ipadbutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64) );
	background:-moz-linear-gradient( center top, #ffab23 5%, #ffec64 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64');
	background-color:#ffab23;
}.ipadbutton:active {
	position:relative;
	top:1px;
}