/* CSS Document */
#attachMsg {
  position: absolute;
  bottom: 2px;
  font-style: italic;
  font-size: 9px;
  color: #999;
  background-color: white;
  text-align: center;
  width: 100%;
}
#allowDesktopControl {
  float: right;
  clear: right;
  line-height: 23px;
}
a #enterprise {
  position: absolute;
  font-variant: small-caps;
  z-index: 5;
  color: #aaa;
  top: 26px;
  left: 34px;
  cursor: pointer;
}
#gatekeeperInfo h2 {
 font-size: 10pt;
 margin-top: 5px;
 margin-bottom: 0;
}
#gatekeeperInfo p {
 margin-top: 1em;
 margin-bottom: 0;
}
#items h3 {
  font-size: 10pt;
}
#footerTable {
  margin-top: 20px;
}

#upgradeJava, #getJava {
  border: 1px solid #ccc;
  background-color: #FFFFE1;
  color: #333;
  width: 75%;
  padding: .5em;
  margin-bottom: 1em;
  text-align: center;
}
#IEJavaHelp { text-align: left; margin-top: 1em; margin-bottom: 2em; padding-bottom: 2em; border-bottom: 1px solid #777; }
#IEJavaHelp p { margin-left: 2em; }
#IEJavaHelp div.screenshot { text-align:center; width: 100%; }

/* Login page elements */
#loginForm .simpleBox {
  width: 100%;
}
#loginForm table.simpleBox table {
  width: 60%;
}
#loginForm table.simpleBox .boxContent {
  text-align: center;
  padding-top: 1em;
  padding-bottom: 1em;
}
#loginForm .sideLcol { padding-right: 5px; }
#loginForm table.simpleBox .sideLcol, #loginForm table.simpleBox .sideRcol {
  font-size: 12pt;
  padding-top: 3px;
}
#loginForm table.simpleBox .sideRcol {
  text-align: right;
  width: 20em;
}
#loginForm input.styled {
  font-size: 12pt;
  padding: 3px;
  width: 97%;
}
#loginForm input.submit {
  font-size: 11pt;
  padding: 2px;
  margin-top: .5em;
}
#addDomainForm { display: none; }
#addExcludeForm { display: none; }

tr.altRow { background-color: #E2ECFF; }

/* Content header and icons */
div.pageIcons {
  float: right;
  clear: right;
  font-family: "Arial", sans-serif;
  font-size: 11px;
  font-weight: bold;
}
div.pageIcons table td {
  text-align: center;
  vertical-align: bottom;
  padding-left: 5px;
  padding-right: 5px;
}

.content {
	width: 750px;
	}
.content form, .welcomeTable form { margin: 0; padding: 0; }

.chooseEnableAnytime {
  width: 200px;
  height: 200px;
  float: left;
  clear: left;
  margin-left: 50px;
}

.chooseDisableAnytime {
  width: 200px;
  height: 200px;
  float: right;
  clear: right;
  margin-right: 50px;
}

h2 {
  font-size: 12pt;
  border-bottom: 1px solid #ccc;
}

div.contentHeader {
  padding-top: 5px;
  float: left;
  clear: left;
  margin: 5px 0 1.2em 0;
}
.contentHeader h2 {
  margin-top: 0;
  margin-bottom: 0;
  border: none;
}
div.contentSeparator {
  margin: 0;
  width: 100%;
  clear: both;
  line-height: 1px;
}

.saveButton {
    cursor: pointer;
    font-family: "Arial", sans-serif;
    background-color: transparent;
    border: none;
    font-size: 12px;
    font-weight: bold;
    color: #0095cf;
}
.boxTable .deleteButton {
  float: right;
  clear: right;
  margin-right: 1em;
}

.bodyTable {
  width: 100%;
}
.boxTable {
  margin-bottom: 1.3em;
  position: relative;
}
.paletteHeader, .paletteHeader .helpLink td {
  font-size: 12pt;
  font-weight: bold;
  padding-bottom: .5em;
}
.clickPortRow {
 cursor: pointer;
}
.disabledPort td {
 font-style: italic;
 color: #999;
}
.portInfoBox h2 {
  margin-top: 0;
  font-size: 10pt;
  margin-bottom: 5px;
}
.portInfoBox p {
  margin-top: .3em;
  margin-bottom: .3em;
}
.portInfoBox form {
  margin: 0; padding: 0;
}
.portList {
  vertical-align: top;
}
.portList a:hover {
  text-decoration: underline;
}
.portSelected {
  cursor: default;
  background-color: #FCFEBD;
}
.sideLcol {
  text-align: right;
  font-weight: bold;
  padding-right: 1em;
  vertical-align: top;
}
.sideRcol {
  margin-bottom: 1px;
  padding-bottom: 1px;
  vertical-align: top;
}
.sideRcolNotSelected {
  font-weight: normal !important;
}

.dataHeader {
 background-color: #DDD;
 color: #666;
 padding: 2px 5px 2px 5px;
 border-bottom: 1px solid #CCC;
}
.noItems {
 width: 100%;
 text-align: center;
 padding-top: 1em;
 padding-bottom: 1em;
}
.failedStatus {
 color: red;
}
.infoMessage {
  margin-top: 0;
  font-style: italic;
}
.pageBanner {
  font-size: 14pt;
  text-align: center;
  margin-top: .4em;
}
table.pageHeader {
  height: 60px;
}
table.pageHeader a {
  text-transform: lowercase;
  font-size: 8pt;
  font-family: "Arial", sans-serif;
  letter-spacing: 0.02em;
  font-weight: bold;
  color: #0095cf;
}

td.strongNavigation {
  border-top: 1px solid #666;
}
td.data {
  padding: 2px;
  font-size: 10pt;
  border-bottom: 1px solid #ccc;
}
.bodyTable tr.lastRow td, .bodyTable tr.lastRow td.data, tr.lastRow td.data {
  border-bottom: none !important;
}
textarea.notes, input.styled, select.styled {
  padding: 1px;
  border: 1px solid #AAA;
}

input.styled .sessionKey {
  font-size: 12pt;
  padding: 3px;
}
input.styled.invalid {
  background-color: #ffeeee;
  border-color: red;
}

input:focus {
  border: 1px solid #d1b51c;
}

input[type="image"]:focus {
  border: none;
}

.submit {
  font-family:  Arial, sans-serif;
  color: white;
  background-color: #5e5e5e;
  background-image: url("images/greyfade.gif");
  background-repeat:repeat-x;
  border: 1px solid #777;
  font-weight: bold;
}

div.errors {
  width: 75%;
  text-align: center;
  font-weight: bold;
  color: #bb0000;
  background-color: #FFE0E0;
  border: 1px solid #FB8F90;
  margin-bottom: 1em;
}
div.errors ul, div.feedback ul, div.warning ul {
  list-style-type: none;
  margin: 5px;
  padding-left: 0px;
}
div.feedback {
  width: 75%;
  text-align:center;
  font-weight: bold;
  color: #0000bb;
  background-color: #d8e4f1;
  border: 1px solid #3c78b5;
  margin-bottom: 1em;
}
div.warning {
  width: 75%;
  text-align:center;
  color: black;
  background-color: #ffffce;
  border: 1px solid #f0c000;
  margin-bottom: 1em;
}
div#notices {
  text-align: center;
}
div#notices p.notice {
  width: 75%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding: .5em;
  background-color: #ffffce;
  border: 1px solid #f0c000;
}
div#notices p.notice.urgent {
  border-color: #cd6767;
  background-color: #ffcece;
}


.sectionAddButton {
  cursor: pointer;
}
.welcomeTable {
  border-collapse: collapse;  
}
.welcomeTable td {
  border: 5px solid white;
  border-bottom: 15px solid white;
}
.welcomeTable p {
  margin-top: 0;
}
h3.sectionHeader {
  border-bottom: 1px solid #ccc;
  width: 100%;
  font-size: 13pt;
  margin-bottom: 0px;
}
h3.sectionHeader a { color: #333; }
h3.sectionHeader a:hover { color: #006699; }
button.add {
  background-color: #55B736;
  background-image: url("images/greenfade.gif");
  background-repeat:repeat-x;
  color: white;
  border-color: #55B736;
  border-width: 2px;
  border-style: outset;
  padding: 1px;
}

/* User account status indicators */
.accountStatActive { }
.accountStatDisabled { font-weight: bold; color: #555; }
.accountStatUnregistered { font-weight: bold; }
.accountStatActive { }
.statLoggedIn { color: #006600; }

/* Application status indicators */
.statReady        { }
.statOnline       { color: #090; }
.statOffline      { color: #777; }
.statNotRegistered{ color: #d00; }

.status {
  color: black;
}

/* Redefine HTML elements */

body {
	background-color: #FFF;
	background-color: #FFF;
	color: #333;
	font-family: "Lucida Grande", Arial, sans-serif;
	font-size:12px;
	margin:0;
	}

td {
	color: #333;
	font-family: "Lucida Grande", Arial, sans-serif;
	font-size:12px;
	}

th {
	background-color:#DDD;
	color: #666;
	padding: 1px 2px 1px 2px;
	height: 22px;
	font-size: 9pt;
	text-align: left;
	}
th.action { text-align: center; }

a {
	color: #0095cf;
	text-decoration: none;
	}
a img { border: none; }
a:hover { text-decoration: none; }
a img:hover { text-decoration: none; }

h4 {
padding-bottom: 5px;
margin-top: 0;
margin-bottom: 1px;
color: black;
font-size: 16px;
}

ul.configOption {
  list-style-type: none;
  margin-top: 0px;
  margin-bottom: 1em;
}
div.subOptions {
  margin-left: 2em; 
  margin-top: .5em;
  margin-bottom: 2em;
  background-color: #f9f9f9; 
  border: 1px solid #ddd; 
  padding: 1em;
}

div.subOptions fieldset {
  border: 1px solid #bbc;
  margin-top: 1em;
}
div.subOptions fieldset legend {
  color: #222;
  padding-right: .4em;
  padding-left: .5em;
}
legend input {
  margin-right: .4em;
  margin-left: 0px;
}

/* Page Definitions */

.page {
	height:100%;
	}

/* Theme Element Definitions */

td.nav {
  padding-right: 1.5em;
  font-family: "Arial", sans-serif;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0px;
}

.masthead {
	background-repeat: no-repeat;
	background-color: white;
	margin-top:1px;
	}

.navigation {
	font-family: "Arial";
	width: 730px;
	font-size: 10pt;
	height: 23px;
	background-color: #777;
	color: white;
	padding: 0px;
	vertical-align: middle;
	}

div.navigation {
    vertical-align: middle;
 	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	font-family: "Arial", sans-serif;
}

div.navigation a {
    
	color: white;
	text-decoration: none;
	padding: 2px 5px 5px 5px;
   margin-right: 1em;
	}

div.navigation a:hover {
	background-color: #0196CF;
	}	

.nav-left {
	background-image: url("images/corners/nav-left.gif");
	background-color: #777;
	background-position:top left;
	background-repeat:no-repeat;
	padding-left: 10px;
}

.nav-right {
	background-image: url("images/corners/nav-right.gif");
	background-color:#777;
	background-position:top right;
	background-repeat:no-repeat;
}

a.action-link {
	text-decoration:none;
	}

a.action-link-white {
	text-decoration:none;
	color:white;
	}

.data-frame{
	border: 1px solid #666;
	padding: 15px;
	}

.subDataHeader {
  border-top: 2px solid #999;
  padding: 2px;
  font-size: 10pt;

}

.footer {
	background-color: #ACA8A7;
	color: #666666;
	font-size: 10px;
}
.footer a {
	color: #666666;
	font-weight: bold;
}

.box-title {
	background-color:#666;
	color: white;
	padding: 1px 8px 1px 0px;
	height: 24px;
	border-top: 1px solid #CCC;
	font-weight: bold;
	white-space: nowrap;
	}

.boxTable td.boxContent {
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	text-align: left;
	padding:5px;
	}

.boxTable table.bodyTable td {
  border-bottom: 1px solid #ccc;
}

.simpleBox .boxContent {
  border: none;
}
.simpleBox {
    width: auto;
    border: none;
}
.simpleBox td {
    padding: 0;
    margin: 0;
    border: none;
}
.welcomeTable .simpleBox td {
  border: none;
}
.simpleBox h1 {
  margin-top: 0;
  font-size: 11pt;
  border-bottom: 1px solid #ccc;
}

.box-left {
	border-left: 1px solid #CCC;
	background-color: #FFF;
	}

.box-right {
	border-right: 1px solid #CCC;
	background-color: #FFF;
	}

.box-corner-left {
	background-color:#666;
	background-image:url("images/corners/corner-left.gif");
	background-position: top left;
	background-repeat:no-repeat;
	width: 10px;
}

.box-corner-right {
	background-image:url("images/corners/corner-right.gif");
	background-position: bottom right;
	background-repeat:no-repeat;
	width: 10px;
	height: 10px;
}

.box-corner-top {
	background-color:#666;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
}

.box-corner-bottom {
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
}

/* Miscellaneous Definitions */

.alert {
	color: red;
	}