/*
 * $Header: //depot/equalizer/bugs/bugfix_7.2.4/l7lb/usr.local/www/style/outer.css#1 $
 */

a:visited {
  color: blue;
}

body {
  font-family:  Arial, Helvetica, sans-serif;
  color: black;
  background-color: white;
  font-size: 10pt;
}

body.leftframe {
  background-image: URL(/images/bg_gradient.jpg);
  background-attachment: fixed;
  background-repeat: repeat-x;
}

body.rightframe {
  background-image: URL(/images/bg_gradient.jpg);
  background-attachment: fixed;
  background-repeat: repeat-x;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  border: none;
/*  width: 100%; */
  margin: 0px;
  padding: 0px;
}

login_text {
  width: 300px;
}

/*
 * caption: not yellowish background
 */

caption {
  background-color: #ffffff;
  font-size: larger;
}

/*
 * menu - style for the menu which appears in the top right
 */

td.menu {
  font-family:  Arial, Helvetica, sans-serif;
  color: black;
  font-size: 10pt;
  padding: 0;
  align: right;
}

table.adv_glv {
  border-collapse: collapse;
  border-spacing: 0;
  border: none;
  width: 460px;
  margin: 0px;
  padding: 0px;
  font-size: smaller;
}

table.wider_content {
  border-collapse: collapse;
  border-spacing: 0;
  border: none;
  width: 460px;
  margin: 0px;
  padding: 0px;
  font-size: smaller;
}

table./images/test_content {
  border-collapse: collapse;
  border-spacing: 0;
  border: none;
  width: 360px;
  margin: 0px;
  padding: 0px;
  font-size: smaller;
}

table.std_content {
  border-collapse: collapse;
  border-spacing: 0;
  border: none;
  width: 360px;
  margin: 0px;
  padding: 0px;
  font-size: smaller;
}

td, th {
  font-family:  Arial, Helvetica, sans-serif;
  color: black;
  font-size: 10pt;
  padding: 0;
}

td.td0 {
  text-align: right;
}

td.td1 {
  text-align: left;
  color: #003399;
}

table.t0 {
  border: solid black;
  border-width: 1px;
}

td.left {
  text-align: left;
}

/*
 * tr2 is a format of table row used for "label: something"
 * 'label' is in the first cell, right adjusted.
 * 'something' is on the second cell, left adjusted.
 */

tr.tr2 {
}

/*
 * tr2c0 is the first cell in a 'tr2' table row
 */

td.tr2c0 {
  text-align: right;
  vertical-align: middle;
  text-size: smaller;
}

/*
 * tr2c1 is the second cell in a 'tr2' table row
 */

td.tr2c1 {
  color: #003399;
  text-align: left;
  text-size: smaller;
}

input {
  color: #003399;
  text-align: left;
  text-size: smaller;
}

td.ex {
  color: black;
  background-color: #ffffbb;
  text-align: left;
}
td.exhi {
  color: black;
  background-color: #ffbbff;
  text-align: left;
}
button.ex {
  color: black;
  background-color: #ffffbb;
  border-color: #ffffbb;
  border: 0px solid;
  padding: 0px;
  font-size: 10pt;
  text-align: left;
}
button.exhi {
  color: green;
  background-color: #ffffbb;
  border-color: #ffffbb;
  border: 0px solid;
  padding: 0px;
  font-size: 10pt;
  text-align: left;
}
button.extop {
  color: red;
  background-color: #ffffbb;
  border-color: #ffffbb;
  border: 0px solid;
  padding: 0px;
  font-size: 10pt;
  text-align: left;
}
tr.ex {
  color: black;
  background-color: yellow;
  text-align: left;
}

tr.exhi {
  color: black;
  background-color: #ffbbff;
  text-align: left;
}

td.ma {
  color: black;
  background-color: #ffffbb;
  text-align: left;
}

tr.ma {
  color: black;
  background-color: #ffffbb;
  text-align: left;
}

em {
  color: red;
}

.tab_std {
  border-collapse: collapse;
  border-spacing: 0;
  border: none;
  width: 400px;
  margin: 0px;
  padding: 0px;
}

/*
 * row 0: upper left corner + icon
 */

.td_std_0_0_equalizer {
  background: url(/images/test/iconarea_equalizer.jpg) no-repeat;
  height: 52px;
  width: 64px;
}

.td_std_0_0_server {
  background: url(/images/test/iconarea_editserver.jpg) no-repeat;
  height: 52px;
  width: 64px;
}

.td_std_0_0_addserver {
  background: url(/images/test/iconarea_addserver.jpg) no-repeat;
  height: 52px;
  width: 64px;
}

.td_std_0_0_cluster {
  background: url(/images/test/iconarea_cluster.jpg) no-repeat;
  height: 52px;
  width: 64px;
}

.td_std_0_0_editcluster {
  background: url(/images/test/iconarea_editcluster.jpg) no-repeat;
  height: 52px;
  width: 64px;
}

.td_std_0_0_addcluster {
  background: url(/images/test/iconarea_addcluster.jpg) no-repeat;
  height: 52px;
  width: 64px;
}

.td_std_0_0_addmatch {
  background: url(/images/test/iconarea_addmatchrule.jpg) no-repeat;
  height: 52px;
  width: 64px;
}

.td_std_0_0_editmatch {
  background: url(/images/test/iconarea_editmatchrule.jpg) no-repeat;
  height: 52px;
  width: 64px;
}

.td_std_0_0_match {
  background: url(/images/test/iconarea_matchrule.jpg) no-repeat;
  height: 52px;
  width: 64px;
}

.td_std_0_0_geosite {
  background: url(/images/test/iconarea_editgeosite.jpg) no-repeat;
  height: 52px;
  width: 64px;
}

.td_std_0_0_addgeosite {
  background: url(/images/test/iconarea_addgeosite.jpg) no-repeat;
  height: 52px;
  width: 64px;
}

.td_std_0_0_editgeosite {
  background: url(/images/test/iconarea_editgeosite.jpg) no-repeat;
  height: 52px;
  width: 64px;
}

.td_std_0_0_geocluster {
  background: url(/images/test/iconarea_geocluster.jpg) no-repeat;
  height: 52px;
  width: 64px;
}

.td_std_0_0_editgeocluster {
  background: url(/images/test/iconarea_editgeocluster.jpg) no-repeat;
  height: 52px;
  width: 64px;
}

.td_std_0_0_addgeocluster {
  background: url(/images/test/iconarea_addgeocluster.jpg) no-repeat;
  height: 52px;
  width: 64px;
}

.td_std_0_0_route {
  background: url(/images/test/iconarea_route.jpg) no-repeat;
  height: 52px;
  width: 64px;
}


/*
 * row 0: top padding.  This is 1px wide to tile out for length.
 * caption will be written over this bit.
 */

.td_std_0_1 {
  background: url(/images/test/toppad.jpg);
  height: 52px;
  vertical-align: top;
  width: 319px;
  font-size: 10pt;
  font-family:  Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #E81218;
}

/*
 * row 0: upper right corner
 */

.td_std_0_2 {
  background: url(/images/test/upperrightcorner.jpg) no-repeat;
  height: 52px;
  width: 17px;
}

/*
 * row 1:  left border, pad, contents, pad, right border
 */

/*
 * row 1:  left border
 */

.td_std_1_0 {
  background-image: url(/images/test/border.gif);
  width: 1px;
}

/*
 * row 1: pad
 */

.td_std_1_1 {
  height: 1px;
  width: 19px;
  background-image: url(/images/test/spacer.gif)
}

/*
 * row 1: contents
 */

.td_std_1_2 {
  width: 360px;
}

/*
 * row 1: pad
 */

.td_std_1_3 {
  height: 1px;
  width: 19px;
  background-image: url(/images/test/spacer.gif)
}

/*
 * row 1:  right border
 */

.td_std_1_4 {
  background-image: url(/images/test/border.gif);
  width: 1px;
}

/*
 * row 2: left, span, right
 */

/*
 * row 2: left corner
 */

.td_std_2_0 {
  background: url(/images/test/bottomleftcorner.jpg) no-repeat;
  height: 15px;
  width:  17px;
}

/*
 * row 2: span
 */

.td_std_2_1 {
  background: url(/images/test/bottompad.jpg) repeat-x;
  height: 15px;
  width:  1px;
}


/*
 * row 2: right corner
 */

.td_std_2_2 {
  background: url(/images/test/bottomrightcorner.jpg) no-repeat;
  height: 15px;
  width:  17px;
}


.tab_wider {
  border-collapse: collapse;
  border-spacing: 0;
  border: none;
  width: 500px;
  margin: 0px;
  padding: 0px;
}

/*
 * row 0: upper left corner + icon
 */

.td_wider_0_0_equalizer {
  background: url(/images/test/iconarea_equalizer.jpg) no-repeat;
  height: 52px;
  width: 64px;
}

.td_wider_0_0_snmp {
  background: url(/images/test/iconarea_snmp.jpg) no-repeat;
  height: 52px;
  width: 64px;
}

.td_wider_0_0_cluster {
  background: url(/images/test/iconarea_cluster.jpg) no-repeat;
  height: 52px;
  width: 64px;
}

.td_wider_0_0_editcluster {
  background: url(/images/test/iconarea_editcluster.jpg) no-repeat;
  height: 52px;
  width: 64px;
}

.td_wider_0_0_server {
  background: url(/images/test/iconarea_editserver.jpg) no-repeat;
  height: 52px;
  width: 64px;
}

.td_wider_0_0_route {
  background: url(/images/test/iconarea_route.jpg) no-repeat;
  height: 52px;
  width: 64px;
}

/*
 * Geo
 */

.td_wider_0_0_geocluster {
  background: url(/images/test/iconarea_geocluster.jpg) no-repeat;
  height: 52px;
  width: 64px;
}

.td_wider_0_0_editgeocluster {
  background: url(/images/test/iconarea_editgeocluster.jpg) no-repeat;
  height: 52px;
  width: 64px;
}

.td_wider_0_0_geosite {
  background: url(/images/test/iconarea_editgeosite.jpg) no-repeat;
  height: 52px;
  width: 64px;
}

.td_wider_0_0_security {
  background: url(/images/test/iconarea_security.jpg) no-repeat;
  height: 52px;
  width: 64px;
}

.td_wider_0_0_plot {
  background: url(/images/test/iconarea_plot.jpg) no-repeat;
  height: 52px;
  width: 64px;
}

.td_wider_0_0_addmatch {
  background: url(/images/test/iconarea_addmatchrule.jpg) no-repeat;
  height: 52px;
  width: 64px;
}

.td_wider_0_0_editmatch {
  background: url(/images/test/iconarea_editmatchrule.jpg) no-repeat;
  height: 52px;
  width: 64px;
}

.td_wider_0_0_match {
  background: url(/images/test/iconarea_matchrule.jpg) no-repeat;
  height: 52px;
  width: 64px;
}

.td_wider_0_0_error {
  background: url(/images/test/iconarea_warning.jpg) no-repeat;
  height: 52px;
  width: 64px;
}



/*
 * row 0: top padding.  This is 1px wide to tile out for length.
 * caption will be written over this bit.
 */

.td_wider_0_1 {
  background: url(/images/test/toppad.jpg);
  height: 52px;
  vertical-align: top;
  width: 419px;
  font-size: 10pt;
  font-family:  Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #E81218;
}

/*
 * row 0: upper right corner
 */

.td_wider_0_2 {
  background: url(/images/test/upperrightcorner.jpg) no-repeat;
  height: 52px;
  width: 17px;
}

/*
 * row 1:  left border, pad, contents, pad, right border
 */

/*
 * row 1:  left border
 */

.td_wider_1_0 {
  background-image: url(/images/test/border.gif);
  width: 1px;
}

/*
 * row 1: pad
 */

.td_wider_1_1 {
  height: 1px;
  width: 19px;
  background-image: url(/images/test/spacer.gif)
}

/*
 * row 1: contents
 */

.td_wider_1_2 {
  width: 460px;
}

/*
 * row 1: pad
 */

.td_wider_1_3 {
  height: 1px;
  width: 19px;
  background-image: url(/images/test/spacer.gif)
}

/*
 * row 1:  right border
 */

.td_wider_1_4 {
  background-image: url(/images/test/border.gif);
  width: 1px;
}

/*
 * row 2: left, span, right
 */

/*
 * row 2: left corner
 */

.td_wider_2_0 {
  background: url(/images/test/bottomleftcorner.jpg) no-repeat;
  height: 15px;
  width:  17px;
}

/*
 * row 2: span
 */

.td_wider_2_1 {
  background: url(/images/test/bottompad.jpg) repeat-x;
  height: 15px;
  width:  1px;
}


/*
 * row 2: right corner
 */

.td_wider_2_2 {
  background: url(/images/test/bottomrightcorner.jpg) no-repeat;
  height: 15px;
  width:  17px;
}


.ro_title {
  font-size: 10pt;
  font-family:  Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: black;
}
.ro_normal {
  font-size: 10pt;
  font-family:  Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: black;
}


/*
 * cl_disabled - used to display a disabled cluster.
 */

.cl_disabled {
  font-size: 10pt;
  font-family:  Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: red;
}

.sv_up {
  font-size: 10pt;
  font-family:  Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: green;
}

.sv_down {
  font-size: 10pt;
  font-family:  Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #dd0000;
}

.sv_spare {
  font-size: 10pt;
  font-family:  Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #ee9900;
}

.sv_quiesce {
  font-size: 10pt;
  font-family:  Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: blue;
}

.small_up {
  font-size: 10pt;
  font-family:  Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: green;
}

.small_down {
  font-size: 10pt;
  font-family:  Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #dd0000;
}

.small_spare {
  font-size: 10pt;
  font-family:  Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #ee9900;
}

.small_quiesce {
  font-size: 10pt;
  font-family:  Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: blue;
}

.txtLog {
  font-size: 9pt;
  font-family: monospace;
  background-color: white;
  color: black;
}

textarea {
  font-size: 9pt;
  font-family: monospace;
  background-color: black;
  color: yellow;
  width: 450px;
}

table.shutdown {
  border: 3px;
  border-spacing: 0;
  width: 84%;
  height: 30%;
  background-color: white;
  margin: 0px;
  padding: 0px;
}

td.shutdown {
  text-align: center;
  font-size: 10pt;
  font-family:  Arial, Helvetica, sans-serif;
  font-weight: bold;
}


table.routes
{text-align: center;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
font-weight: normal;
font-size: 11px;
color: #fff;
width: 100%;
background-color: #666;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;}

table.routes td
{background-color: #CC0000;
color: #000;
padding: 4px;
text-align: left;
border: 1px #fff solid;}

table.routes td.ro_title
{background-color: #666;
color: #fff;
padding: 4px;
text-align: left;
border-bottom: 2px #fff solid;
font-size: 12px;
font-weight: bold;}

table.routes td.ro_even
{background-color: #827B60;
color: #fff;
padding: 4px;
text-align: left;
border-bottom: 2px #fff solid;
font-size: 12px;
font-weight: bold;}

table.routes td.ro_odd
{background-color: #C9C299;
color: #000;
padding: 4px;
text-align: left;
border-bottom: 2px #fff solid;
font-size: 12px;
font-weight: bold;}

table.routes tr.ro_spacer
{background-color: #fff;
color: #fff;
padding: 4px;
text-align: left;
border-bottom: 2px #fff solid;
font-size: 12px;
font-weight: bold;}

.tableLicense {
	width:95%;
        border:0px solid #ccc;
        height: 200px;
        overflow-x:hidden;
        overflow-y: auto;
}

/***
     The following is just an example of how to use the table.
      You can override any class names to be used if you wish.
***/

table.tableAjax {
	font-family:Lucida Grande, Verdana;
	font-size:0.8em;
	width:100%;
	border:1px solid #ccc;
	cursor:default;
}

* html div.tableContainer {     /* IE only hack */
	width:95%;
        border:1px solid #ccc;
        height: 285px;
        overflow-x:hidden;
        overflow-y: auto;
}


table.tableAjax td,
	table.tableAjax th{
        border-right:1px solid #999;
        padding:2px;
        font-weight:normal;
}

table.tableAjax thead td, table.tableAjax thead th {
	background:#94BEFF;
}

* html div.tableContainer table.tableAjax thead tr td,
* html div.tableContainer table.tableAjax thead tr th{
   /* IE Only hacks */
	position:relative;
        top:expression(dojo.html.getFirstAncestorByTag(this,'table').parentNode.scrollTop-2);
}

html* body tbody.scrollContent {
	height: 262px;
        overflow-x:hidden;
        overflow-y: auto;
}

tbody.scrollContent td, tbody.scrollContent tr td {
	background: #FFF;
        padding: 2px;
}

tbody.scrollContent tr.alternateRow td {
	background: #e3edfa;
        padding: 2px;
}

tbody.scrollContent tr.selected td {
	background: #C0C0C0;
	font-weight: bold;
        padding: 2px;
}

tbody.scrollContent tr:hover td {
	font-weight: bold;
        padding: 2px;
}

tbody.scrollContent tr.selected:hover td {
	background: #C0C0C0;
        padding: 2px;
}

.dojoDialog {
	background : #eee;
	border : 1px solid #999;
	-moz-border-radius : 5px;
	padding : 4px;
}

/*
 * Switch styles.
 */
.switchTable { spacing: 0; padding: 0; border: 0; }

.portActive, .portInactive, .portUnknown {
	spacing: 0;
	padding: 0;
	whitespace: no-wrap;
	text-align: center;
}
.switchFill { width: 45px; }
.portLabel { text-align: center; font-weight: bolder; }
.portActive { background-color: #00cf12; }
.portInactive { background-color: #ffff00; }
.portUnknown { background-color: #cacaca; }

.ttInner { border: 0; }

/*
 * End switch styles.
 */
	* .dojoMenuBar2 {
	     background: url(/images/nav_spacer.jpg)  repeat-x scroll left top !important;
	     width: 100%;
	     height: 39px;
	     border: none !important;
	     position: fixed ;
	     top: 16px;
	     left: 0px;
	     vertical-align: top !important;
	}


	* .dojoMenuBar2 #advancedmenu{
	     background: url(/images/nav_spacer.jpg)  repeat-x scroll left top !important;
	     width: 100%;
	     height: 39px;
	     border: none !important;
	     position: fixed ;
	     top: 16px;
	     left: 0px;
	     vertical-align: top !important;
	}

	.dojoMenuBarItem2 {
		white-space: nowrap;
		font: menu;
		margin: 0;
		position: relative;
		vertical-align: top !important;
		z-index: 1;
		padding-top: 0px !important;
	}

	* .dojoPopupMenu2 {
	        border: 1px solid black !important;
	        background: white !important;
		width: 100px;
		padding: 1px !important;
		margin-top: 5px;
		margin-bottom: 5px;
	}



	.dojoMenuItem2Label {
	        position: relative !important;
	        vertical-align: top !important;
	        width: 500px;
		color: black !important;
		padding: 2px; 
	}
	.dojoMenuItem2Disabled .dojoMenuItem2Label,
	.dojoMenuItem2Disabled .dojoMenuItem2Hover {
		color: gray !important;
		font-weight: normal !important;
	}

	.dojoMenuItem2Hover {
	       background-color: transparent !important;
	       font-weight: bold !important;
	       width: 100px;
	 }
	 .dojoMenuBarItem2Hover {
	        background-color:transparent !important;
		padding: 100 !important;
		spacing: 0 !important;
		margin: 0 !important;
		vertical-align: top !important;
	 }


	#menubar {
	 position: absolute;
  	 left: 0;
  top: expression( 16 + ( ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );

	}

	body >#menubar {
	position: fixed;
	top: 16px;
	}

	#menuback {
	 position: absolute;
  	 left: 0;
  top: expression( 0 + ( ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );

	}


	body >#menuback {
	position: fixed;
	top: 0px;
	}

#modeicon {
	z-index:100000;
	position: absolute;
	top: expression( 16 + ( ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	right: 50px;
}

#adminmode {
	z-index:100000;
	position: absolute;
	top: expression( 16 + ( ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	right: 95px;
}

body>#adminmode {
	z-index:100000;
	position: fixed;
	top: 16px;
	right: 95px;
}

body>#modeicon {
	z-index:100000;
	position: fixed;
	top: 16px;
	right: 50px;
}

.dojoMenuItem2Disabled .dojoMenuItem2Label,
.dojoMenuItem2Disabled .dojoMenuItem2Accel {
        color: gray !important;
}


.dojoMenuSeparator2Bottom {
        border-top: 1px solid #000000 !important;
        margin: 2px 20px !important; 
        font-size: 1px;
}

.dojoMenuSeparator2Top {
        height: 50%;
        border-bottom: 0px solid #7a98c4 !important;
        margin: 0px 2px;
        font-size: 1px;
}