/*

PLEASE READ THIS!!!!  BEFORE CHANGING THIS FILE!

PLEASE READ THIS!!!!  BEFORE CHANGING THIS FILE!

PLEASE READ THIS!!!!  BEFORE CHANGING THIS FILE!

   When changing the style.css please update the file "web/Build" to increase the revision of the STYLESHEET_REVISION variable.

*/

/* -- GLOBAL Definitions ------------ */

body {
	padding: 0;
	margin: 0;
	height: 100%;
	max-height: 100%;
	overflow: hidden;

	background-color: #CCCCCC;
	font-family: verdana, sans-serif;
	font-size: 10px;
	text-align: center;
}

form {
	padding: 0;
	margin: 0;
}

#syslog_output {
	border: solid 1px black;
}

#syslog_output table th {
	text-align: left;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 0.65em;
}

#syslog_output table td {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 0.65em;
	vertical-align: top;
	text-align: left;
}

#navbarctrl {
	padding: 0;
	margin: 0;
	width: 100%;
}

#outerheader {
	position: absolute;
	top:  0;
	left: 0;
	width: 100%;
	height: 90px;
	border-bottom: 2px solid #333;
}

#header {
	background-color: #00267F;
	text-align: center;
}

#logoplusrest {
	margin: 0px auto;
	width: 702px;
	text-align: right;
}

#logo {
	width: 132px;
	height: 70px;
	margin-right: 5px;
	margin-top: 8px;
}

#allexceptlogo {
	margin-left: 130px;
	width: 560px;
/*	text-align: center; */
}

#headerblock {
/*	margin: 0px auto; */
	text-align: left;
	width: 562px;
}

#headerblock2 {
/*	margin: 0px auto; */
	text-align: left;
/*	padding: 4px 0px 4px 0px; */
	width: 562px;
	border-top: 1px solid #FFF;
	}

#headermsg {
	float:right;
	text-align:right;
	color:#fff;
	margin-top:10px;
	width: 330px;
	}

#homelink {
	float: left;
	width: 260px;
	padding: 0px;
	}

#logoutlink {
	float: right;
	text-align: right;
	width: 280px;
/*	margin: 0px 0px 0px 345px; */
	padding: 0px;
	}

#lastheaderdiv {
  clear: both; 
}

.hb2 {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #FFF;
	}
	A.hb2:link {
		color: #FFF;
		text-decoration: none;
		}
	A.hb2:visited {
		color: #FFF;
		}
	A.hb2:hover {
		color: #E6E6E6;
		}
	A.hb2:active {
		color: #FF0;
		}

	th.Sortable {
		color: #00267F;
		cursor: pointer;
		text-decoration: underline;
	}
	th.notSortable {
		color: #000000;
		cursor: default;
		text-decoration: none;
	}


/* == NAVIGATION BARS ================ */
.navbar {
	padding: 5px 0px 0px 0px;
	margin: 0px;
	font-size: xx-small;
	}
	.navbar li {
		display: inline;
	}
	.navbar li a {
		width: 60px;
		padding: 5px 15px 5px 15px;
		text-decoration: none;
		white-space: nowrap;
	}
/* -- Nav Bar Colors ------------- */
#glob, .glob {
	background-color: #666;
	color: #FFF;
	}
	#glob li a, .glob li a {
		border-left: 1px solid #999;
		color: #fff;
		}
	#glob li a:hover, .glob li a:hover {
		background-color: #787878;
		color: #000;
		}
	#glob li.first a, .glob li.first a {
		border-left: none;
		}
	#glob li.globnav a, .glob li.globnav a {
		background-color: #999;
		color: #000;
		}
	#glob li.globnav a:hover, .glob li.globnav a:hover {
		background-color: #999;
		color: #000;
		}
#regi, .regi {
	background-color: #999;
	color: #FFF;
	}
	#regi li a, .regi li a {
		border-left: 1px solid #CCC;
		color: #fff;
		}
	#regi li a:hover, .regi li a:hover {
		background-color: #ABABAB;
		color: #333;
		}
	#regi li.first a, .regi li.first a {
		border-left: none;
		}
	#regi li.reginav a, .regi li.reginav a {
		background-color: #CCC;
		color: #000;
		}
	#regi li.reginav a:hover, .regi li.reginav a:hover {
		background-color: #CCC;
		color: #000;
		}

	.navbar li.plain {  }

/* -- End Nav Bar Colors --------- */

/* -- "HACKS" ------------------------------
   -- This stuff is invisible to IE on PC -- */
	html>body .navbar {
		padding: 10px 5px 5px 5px;
		}
	html>body .navbar li a {
		width: 100%;
		}
/* -- end "HACKS" ------------------------- */


/* == END NAVIGATION BARS ================ */


/* == FOOTER ================ */

#footer {
	z-index: 10;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 40px;
	background-color: white;
	}
#footer-syslog {
	z-index: 10;
	margin: auto;
	display: none;
	position: absolute;
	bottom: 40px;
	background-color: #e6e6e6;
	border-top: 1px solid #000;
	width: 100%;
	padding: 0px 0px 0px 0px;
	height: 120px;
	overflow: auto;
	background-color: #ececec;
}
#footer-syslog-content {
	width: 96%;
	margin: auto;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 0.95em;
}
#footer-syslog a {
	text-decoration: none;
}
#syslog-linecount {
	display: inline;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 0.65em;
	margin-left: 2em;
}
#refreshthrobber img {
	vertical-align: baseline;
}

.fs-header {
	text-align: center;
	font-weight: bold;
}
.fs-date {
	text-align: left;
	padding: 0 10px;
	vertical-align: top;
	white-space: nowrap;
}
.fs-level {
	text-align: left;
	padding: 0 10px;
	vertical-align: top;
}
.fs-program {
	text-align: left;
	padding: 0 10px;
	vertical-align: top;
}
.fs-message {
	text-align: left;
	padding: 0 10px;
}
#footer-syslog-controls {
	display: none;
}
#footer-block {
	background-color: #e6e6e6;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	margin: 0px auto;
	width: 100%;
	padding: 0px 0px 0px 0px;
	text-align:center;
	height: 18px;
	}
#timestamp {
	position: absolute;
	left: 30px;
	margin: 0px;
	margin-left: 5em;
	padding-top: 2px;
	}
#footerRefresh {
	margin:0;
}
#footerRefresh a {
	text-decoration: none;
	color: black;
}
#goaheadlogo {
	position: absolute;
	left: 30px;
	margin: 0px;
	margin-left: 5em;
	}
#copyright {
	position: absolute;
	right: 30px;
	text-align: right;
	margin: 0px;
	margin-right: 5em;
	padding-top: 3px;
	}

#showlogerror {
	border-top: 1px solid #000;
	background-color: #e6e6e6;
	height: 120px;
	overflow: auto;
	width: 800px;
	margin: auto;
	}

#showlogerror table {
	margin: auto;
	width: 700px;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 8pt;
	}

#showlogerror table th {
	text-align: left;
}

#showlogerror table td {
	text-align: left;
}

/* == END FOOTER ================ */

.hoverGroup {
	border: 1px solid black;
}


/* -- ERRORBOX & ALERTBOX definitions --------------------- */

	table.errorbox {
		background-color: #990000;
		}
	td.errmsg {
		background-color: #FF9999;
		font-family: verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
		color: #990000;
		}

	.errorlink {
		text-decoration: underline;
		font-weight: bold
		}
	A.errorlink:link {
		color: #990000;
		}
	A.errorlink:visited {
		color: #990000;
		}
	A.errorlink:hover {
		color: #FFFFFF;
		}
	A.errorlink:active {
		color: #CC0000;
		}


	table.msgbox {
		background-color: #333333;
		}

	.msgmsg {
		background-color: #FFFF66;
		font-family: verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 0.7em;
		color: #000000;
		}


	td.caution {
		background-color: #CCCCCC;
		font-family: verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
		color: #333333;
		}



/* -- END -- ERRORBOX & ALERTBOX definitions -------------- */

/* -- Icons definitions ---------------------- */
	.icon {
		font-family: verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
		width: 16px;
		height: 16px;
		padding: 2px;
		text-align: center;
		}
/* -- END - Icons definitions ---------------------- */

/* -- AP Overview definitions ---------------------- */
	.infotnt {
		background-color: #CCCCCC;
		}
	.normal {
		background-color: #FFFFFF;
		}
	.ok {
		background-color: #CCFFCC;
		}
	.warning {
		background-color: #FFCC99;
		}
	.error {
		background-color: #FF9999;
		}
	.hidden {
		font-size: 0.1em;
		display: none;
		}
/* -- END - AP Overview definitions ---------------------- */

	.navline {		/* -- bgcolor of line separating navbar from content area -- */
		background-color: #666;
		}

/* -- Link definitions ---------------------- */
	A {
		color: #00267F;
		}
	A:link {
		color: #00267F;
		}
	A:visited {
		color: #00267F;
		}
	A:hover {
		color: #0000FF;
	}
	A:active {
		color: #00267F;
		}

	a.inherited {
		color: #999999;
		}
	a.inherited:link {
		color: #999999;
		}
	a.inherited:visited {
		color: #999999;
		}
	a.inherited:hover {
		color: #0000FF;
	}
	a.inherited:active {
		color: #999999;
		}
/* -- END -- Link definitions -------------- */


/* -- HelpLink specific definitions ---------------------- */


		.main_help_link {
			font-family: verdana, Arial, Helvetica, sans-serif;
			text-decoration: none;
			}
		A.main_help_link:link {
			color: #CCCCCC;
			}
		A.main_help_link:visited {
			color: #CCCCCC;
			}
		A.main_help_link:hover {
			color: #CC0000;
			}
		A.main_help_link:active {
			color: #990000;
			}

		.sub_help_link {
			font-family: verdana, Arial, Helvetica, sans-serif;
			text-decoration: none;
			}
		A.sub_help_link:link {
			color: #FFFFFF;
			}
		A.sub_help_link:visited {
			color: #FFFFFF;
			}
		A.sub_help_link:hover {
			color: #CC0000;
			}
		A.sub_help_link:active {
			color: #990000;
			}

/* -- END -- HelpLink definitions -------------- */



/* -- FRONTPAGE specific definitions ---------------------- */

	span.welcome {
		font-family: verdana, Arial, Helvetica, sans-serif;
		font-size: 0.8em;
		font-weight: bold;
		color: #E6E6E6;
		}
	span.productname {
		font-family: verdana, Arial, Helvetica, sans-serif;
		font-size: 0.8em;
		font-weight: bold;
		color: #FFFFFF;
		}

/* -- END -- FRONTPAGE specific definitions --------------- */



/* -- CONTENT definitions --------------------------------- */

/* ---- CONTENT TABLE definitions ------------------------- */

		table.maintable {
			background-color: #CCCCCC;
			}

		table.listframe {
			background-color: #CCCCCC;
			}

		.cntnt {
			background-color: #E6E6E6;
			}

		.cntntText {
			background-color: #999999;
			}

		tr.headList {
			font-family: verdana, Arial, Helvetica, sans-serif;
			background-color: #E6E6E6;
			}
		tr.itemList {
			background-color: #FFFFFF;
			}
		tr.inheritedList {
			background-color: #FFFFFF;
			color:#999999;
			}

		td.itemLabel {
			/* font-family: verdana, Arial, Helvetica, sans-serif; */
			}

		td.helpxext {
			font-family: verdana, Arial, Helvetica, sans-serif;
			font-size: 0.60em;
			}

		td.vsctopborder {
			border-top:2px solid #CCCCCC;
		}

		td.vscbottomborder {
			border-bottom:2px solid #CCCCC3;
		}

		td.vscrightborder {
			border-right:2px solid #CCCCCC;
		}

		td.vscleftborder {
			border-left:2px solid #CCCCCC;
		}

/* ---- END CONTENT TABLE definitions --------------------- */



/* ---- CONTENT TEXT definitions -------------------------- */

		span.title {
			font-family: verdana, Arial, Helvetica, sans-serif;
			font-weight: bold;
			font-size: 0.8em;
			color: #FFFFFF;
			padding-right: 0px;
			padding-left: 0px;
			padding-top: 5px;
			padding-bottom: 5px;
			}
		span.titleextra {
			font-family: verdana, Arial, Helvetica, sans-serif;
			}
		.label {
			font-family: verdana, Arial, Helvetica, sans-serif;
			font-size: 0.65em;
			}
		.value {
			font-family: verdana, Arial, Helvetica, sans-serif;
			font-size: 0.65em;
			font-weight: bold;
			}

		span.wizhelp {
			font-family: verdana, Arial, Helvetica, sans-serif;
			}

/* ---- END CONTENT TEXT definitions ----------------------- */

/* -- END CONTENT definitions ------------------------------ */


/* --- Form Input elements (IE only) -- */

#wepkey {
	width: 360px;
	font-size: 10px;
	}
#adminpass {
	width: 140px;
	}

/* --- END Form Input elements (IE only) -- */

.itemText {
	background-color: #ffcccc;
}

#leftcolumn {
  position: absolute;
  height: 100%;
  left: 0;
  top: 92px;
  bottom: 40px;
  width: 199px;
  overflow: auto; /*  allow the block to be scrollable */
  text-align: left;
  background-color: #CCCCCC;
  font-family: verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-decoration: none;
}

#scrollbar {
  width: 1px;
  background-color: #000;
  cursor: e-resize;
  position: absolute;
  top: 92px;
  bottom: 40px;
  left: 199px;
  z-index: 5;
}

#mainconfig {
  padding: 0;
  margin: 0;
  width: 100%;
  position: fixed;
  top: 92px;
  left: 0;
  bottom: 40px;
  right: 0;
  font-size: 14px;
  background-color: #CCCCCC;
  overflow: auto;
}

#mainconfigwithleftcolumn {
  position: fixed;
  top: 92px;
  left: 200px;
  bottom: 40px;
  right: 0;
  font-size: 14px;
  background-color: #CCCCCC;
  overflow: auto;
}

div.hiddendiv { display: none; }
div.showndiv { display: block; }

/* Turn off list bullets */
ul.mktree  li {
	list-style: none;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	overflow: hidden;
}

ul.mktree li a, ul.mktree li a:visited {
	text-decoration: none;
	color: black;
	font-weight: normal;
}

ul.mktree li a:hover {
	text-decoration: none;
	color: blue;
	font-weight: normal;
}

/* Control how "spaced out" the tree is */
ul.mktree, ul.mktree ul , ul.mktree li { margin-left:2px; padding:2px; }

/* Provide space for our own "bullet" inside the LI */
ul.mktree li .bullet { padding-left: 16px; }

/* Show "bullets" in the links, depending on the class of the LI that the link's in */
ul.mktree li.liOpen         .bullet { cursor: pointer; background: url(../img/minus.gif)  center left no-repeat; }
ul.mktree li.liClosed       .bullet { cursor: pointer; background: url(../img/plus.gif)   center left no-repeat; }
ul.mktree li.liBullet       .bullet { cursor: default; background: url(../img/big-gray.gif) center left no-repeat; }
ul.mktree li.liGreenBullet  .bullet { cursor: default; background: url(../img/UP.gif) center left no-repeat; }
ul.mktree li.liRedBullet    .bullet { cursor: default; background: url(../img/DOWN.gif) center left no-repeat; }
ul.mktree li.liGreyBullet   .bullet { cursor: default; background: url(../img/Throbber.gif) center left no-repeat; }
ul.mktree li.liYellowBullet .bullet { cursor: default; background: url(../img/Amber_Solid.gif) center left no-repeat; }

/* Sublists are visible or not based on class of parent LI */
ul.mktree li.liOpen    ul { display: block; }
ul.mktree li.liClosed  ul { display: none; }

/* Format menu items differently depending on what level of the tree they are in */
/*ul.mktree  li { font-size: 10pt; }
ul.mktree  li ul li { font-size: 8pt; }
ul.mktree  li ul li ul li { font-size: 8pt; }
ul.mktree  li ul li ul li ul li { font-size: 8pt; }
*/
span.selectednode {
  /*font-size: 12px;*/
  color: #fff;
  background-color: rgb(0,38,127);
  padding: 2px 5px;
  font-weight: bold;
}

span.normalnode {
  /*font-size: 12px;*/
  /*color: rgb(0,38,127);*/
  background-color: #E6E6E6;
}

span.normalnode:hover {
  color: white;
  padding: 2px 5px;
  background-color: #ABABAB;
}

div#apsummary {
	margin: 0;
	padding: 0;
	margin-bottom: 1em;
}

div#apsummary ul {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-left: 1em;
}

div.drag {
	display: inline;
}

select.ip_address_box {
	width: 289px;
}

span.title span.selector {
	color: #FFCC99;
}

span.title span.separator {
	color: #bbb;
}

span.title span.entity {
	color: white;
}

span.title span.status {
	color: white;
}

.refreshhint {
	display: none;
}

#refreshText {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 0.65em;
}

#table1 th {
	color: #00267F;
	cursor: pointer;
	text-decoration: underline;
}

#table1 th.notSortable {
	color: #000000;
	cursor: default;
	text-decoration: none;
}

/* for internet explorer */

* html body#mainlayout {
  padding: 92px 0 40px 0;
}

* html #mainconfig {
  height: 100%;
  width:  100%;
}

* html #leftcolumn {
  height: 100%;
}

* html #footer-block {
  height: 20px;
}

/* Collapsable sections with +/- sign in VSC page */
span.spanDynBlockHeader { padding-left: 16px; background-color: #FFCCCC; }
span.spanDynBlockHeader { cursor: pointer; background: url(../img/minus.gif)  center left no-repeat; }
span.spanDynBlockHeader.closed { cursor: pointer; background: url(../img/plus.gif)  center left no-repeat; }
tr.hidable.closed { display: none; }