div#content_box {
background: #F8FAFB;
border: 1px solid #ccc;
margin: 4px 0px 5px 0px;
padding: 0px 0px 0px 0px;
}
table#atable td{
  background: #F8FAFB;
  padding: 3px;
}

/*
 * MAIN DEFS
 */

html,body {
  background-color: #A6A6A6;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #666;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
div {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #666;
  line-height: 1.5;
}
ul, ol {
  font-size: 11px;
  margin-top: 0px;
  margin-bottom: 1em;
}
img {
  border-style: none;
}
pre {
  font-size: 12px;
}
label {
  cursor: pointer;
  cursor: hand;
}
/*
 * TABLE DEFS
 */

table {
  background-color: #FFFFFF;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  border-spacing: 0px;
  border-collapse: collapse;
  border-style: none;
}
td, th {
  padding: 0px;
  font-size: 11px;
}

/*
 * HEADER / CONTENT AREA
 */

div#content {
  width: 97%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

table#content {
  width: 97%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
table#logo {
  background-color: #4C4C4C;
  width: 100%;
}

table#colorbar {
  width: 100%;
}

table#bottombar {
  background-color: #4C4C4C;
  width: 100%;
}
table#footer {
  color: #C0C0C0;
  background-color: #4C4C4C;
  width: 100%;
  font-weight: bold;
}

/*
 * NO MENU
 */

table#nomenu {
  margin: 20px 0px 0px 20px;
  padding: 0px 0px 0px 0px;
}

/*
 * USER CONTENT
 */

div#usercontent {
  margin: 0px;
}
table#usercontent {
  margin: 0px;
}
td#usercontentframe {
  margin: 0px;
  padding: 0px 20px 0px 0px;
  width: 100%;
  vertical-align: top;
}

#usercontent td {
  padding-left: 4px;
  padding-right: 4px;
  vertical-align: top;
}

/*
 * PARAGRAPHS / HEADERS
 */

p {
  margin-top: 0px;
  margin-right: 1em;
  margin-bottom: 1em;
  line-height: 1.5;
  text-align: justify;
}
h1 {
  font-weight: bold;
  font-size: 11px;
  margin: 0px;
  margin-bottom: 0.25em;
}
h2 {
  font-size: 10px;
  margin-top: 0px;
  margin-bottom: 0.25em;
}
h3 {
  font-size: 10px;
  margin-top: 0px;
  margin-bottom: 0.25em;
}
h4 {
  font-size: 9px;
  margin-top: 0px;
  margin-bottom: 0.25em;
}

/*
 * LINKS
 */

a {
  font-weight: normal;
  color: #06c;
  text-decoration: none;
  padding-bottom: 0;
  border-bottom: 1px solid #ccc;
}
a:link {
  text-decoration: none; color: #2854C0;
}
a:visited {
  text-decoration: none; color: #2854C0;
}
a:active {
  text-decoration: none; color: #F67A00;
}
a:hover {
  text-decoration: none; color: #F67A00;
}
a.bottombar:link {
  font-family: verdana, helvetica, arial, sans-serif;
  font-weight: bold;
  color: #C0C0C0;
}
a.bottombar:hover {
  font-family: verdana, helvetica, arial, sans-serif;
  font-weight: bold;
  color: #CFCFCF;
}
a.bottombar:active {
  font-family: verdana, helvetica, arial, sans-serif;
  font-weight: bold;
  color: #FDFDFD;
}
a.bottombar:visited {
  font-family: verdana, helvetica, arial, sans-serif;
  font-weight: bold;
  color: #C0C0C0;
}

/*
 * NODEWORX
 */

div#nodeworx_content_header {
  font-weight: bold;
  font-size: 12px;
  width: 100%;
  border: 1px solid #82BF3B;
  background: #EEFECB;
  border-bottom-width: 1px;
  color: 444;
  padding: 0px 0px 0px 5px;
  margin: 0px 0px 5px 0px;
}

table#nodeworx {
  padding: 0px;
  border: 1px solid #82BF3B;
  width: 100%;
}
td#nodeworx {
  border-bottom: dashed #82BF3B;
  background: #EEFECB;
  border-bottom-width: 1px;
  color: 444;
  width: 100%;
  padding: 2px 2px 2px 5px;
  font-weight: bold;
  font-size: 11px;
}
td#managing {
  font-weight: bold;
}
div#optiongroup {

}
.optiongroup_header {
  font-weight: bold
}
#header tr {
  font-weight: bold;
}
#optiongroup ul {
  list-style: none;
  margin-left: 5px;
  padding-left: 1em;
  text-indent: -1em;
}
.status_node {
  font-size: 11px;
  color: #82BF3B;
  font-weight: bold;
}

/*
 * SITEWORX
 */

div#siteworx_content_header {
  font-weight: bold;
  font-size: 12px;
  width: 100%;
  border: 1px solid #FFAA5F;
  background: #FFF2DC;
  border-bottom-width: 1px;
  color: 444;
  padding: 0px 0px 0px 5px;
  margin: 0px 0px 5px 0px;
}

table#siteworx {
  padding: 0px;
  border: 1px solid #82BF3B;
  width: 100%;
}
td#siteworx {
  border-bottom: dashed #FFAA5F;
  background: #FFF2DC;
  border-bottom-width: 1px;
  color: 444;
  width: 100%;
  padding: 2px 2px 2px 5px;
  font-weight: bold;
  font-size: 11px;
}
td#managing {
  font-weight: bold;
}
div#optiongroup {

}
.optiongroup_header {
  font-weight: bold
}
#header tr {
  font-weight: bold;
}
#optiongroup ul {
  list-style: none;
  margin-left: 5px;
  padding-left: 1em;
  text-indent: -1em;
}
.status_site {
  font-size: 11px;
  color: #82BF3B;
  font-weight: bold;
}

/*
 * STATUS
 */

.status_ok {
  color: #82BF3B;
  font-weight: 600;
}
.status_neutral {
  color: #34A6C7;
  font-weight: 600;
}
.status_notok {
  color: #C63581;
  font-weight: 600;
}

/*
 * GENERAL
 */

table#section {
  background-color: #F3F3F3;
  padding: 5px 5px 5px 5px;
  margin: 0px;
  border: 1px solid #888888;
  width: 100%;
}

.subtext {
  font-size: 9px;
}

/*
 * FORM ELEMENTS
 */

input, select {
  font-size: 11px;
}
input:focus, textarea:focus, select:focus {
  background-color: #FFFFCC;
}
textarea {
  font-size: 11px;
  padding: 1.2px;
  margin: 1px;
  border: 1px solid #999;
}
.textbox {
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-color: #888888;
  border-style: solid solid solid solid;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
}
.select {
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-color: #888888;
  border-style: solid solid solid solid;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
}
.button {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  border: 1px solid #999;
  background-color: #ccc;
}
.radio input {
  font-size: 11px;
}
.bad_form_element {
  color: 444;
  background-color: #FECBE7;
  border: 2px dotted #C63581;
}
.error_message_box {
  font-weight: bold;
  font-size: 11px;
  border: 1px solid #C63581;
  width: 90%;
  background: #FECBE7;
  border-bottom-width: 1px;
  color: #C63581;
  padding: 3px;
  margin: 3px;
  text-align: center;
}
.neutral_message_box {
  font-weight: bold;
  font-size: 11px;
  border: 1px solid #34A6C7;
  background: #BDEFFD;
  width: 90%;
  border-bottom-width: 1px;
  color: #34A6C7;
  padding: 3px;
  margin: 3px;
  text-align: center;
}
.success_message_box {
  font-weight: bold;
  font-size: 11px;
  width: 90%;
  border: 1px solid #82BF3B;
  background: #EEFECB;
  border-bottom-width: 1px;
  color: #82BF3B;
  padding: 3px;
  margin: 3px;
  text-align: center;
}
.error_message_header_box {
  font-weight: bold;
  font-size: 11px;
  border: 1px solid #C63581;
  width: 100%;
  background: #FECBE7;
  border-bottom-width: 1px;
  color: #C63581;
  padding: 0px 0px 0px 5px;
  margin: 0px 0px 5px 0px;
}
.neutral_message_header_box {
  font-weight: bold;
  font-size: 11px;
  border: 1px solid #34A6C7;
  background: #BDEFFD;
  width: 100%;
  border-bottom-width: 1px;
  color: #34A6C7;
  padding: 0px 0px 0px 5px;
  margin: 0px 0px 5px 0px;
}
.success_message_header_box {
  font-weight: bold;
  font-size: 11px;
  width: 100%;
  border: 1px solid #82BF3B;
  background: #EEFECB;
  border-bottom-width: 1px;
  color: #82BF3B;
  padding: 0px 0px 0px 5px;
  margin: 0px 0px 5px 0px;
}

/*
 * TODO
 */

.hidden {
  border: 0px;
}

/*
 * GENERIC FORMS
 */

table#form {
  width: 100%;
}

table#form td {
  padding: 3px;
}

.submit {
  text-align: left;
}
.submit_large {
  text-align: center;
}

/*
 * DATATABLE
 */

div#datatable {
  border: 1px solid #ccc;
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
}
table#datatable {
  border: 1px solid #ccc;
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
}
tr#datatable_header {
  color: #fff;
  font-weight: bold;
  background-color: #999;
  padding: 2px 5px 0px 0px;
  text-align: center;
}
tr#datatable_input {
  border-bottom: 1px solid #ccc;
}
tr#datatable_header a {
  color: #EEE;
  font-weight: bold;
  text-decoration: none;
  padding-bottom: 0;
  border-bottom: 1px solid #EEE;
}
tr#datatable_header a.active a.hover {
  color: #F67A00;
  font-weight: bold;
  text-decoration: none;
  padding-bottom: 0;
  border-bottom: 1px solid #EEE;
}
tr#datatable_footer {
  border-top: 1px solid #999;
}
table#datatable td {
  padding: 3px;
}
div#datatable_l2 {
  border: 1px solid #ccc;
  margin-bottom: 5px;
}
table#datatable_l2 {
  border: 1px solid #ccc;
  margin-bottom: 5px;
}
tr#datatable_l2_header {
  color: #fff;
  font-weight: bold;
  background-color: #2B88CA;
  padding: 2px 5px;
  text-align: center;
  border: 1px solid #fff;
}
table#datatable_l2 td {
  border: 1px solid #fff;
}
.row1 {

}

.row2 {
  background-color: #EEE;
}

table#columns {
  padding: 0px;
  margin: 3px 0px 0px 0px;
  border-collapse: collapse;
  width: 100%;
}

td#columns {
  padding: 0px 5px 0px 5px;
  vertical-align: top;
}

.nowrap {
  white-space: nowrap;
}

.left {
  text-align: left;
}

.left_nowrap {
  text-align: left;
  white-space: nowrap;
}

.right {
  text-align: right;
}

.right_nowrap {
  text-align: right;
  white-space: nowrap;
}

.center {
  text-align: center;
}

.center_nowrap {
  text-align: center;
  white-space: nowrap;
}
.center_all {
  text-align: center;
  vertical-align: middle;
}
/*
 * MENU
 */

img#bullet {
  margin: 0px 0px 0px 10px;
}

div#menu {
  width: 165px;
}

div#menu a {
  display: block;
  margin: 3px;
  padding-left: 10px;
  padding-bottom: 2px;
  width: 90%;
  text-decoration: none;
  border-top: 1px solid #EAEAEA;
  border-left: 1px solid #EAEAEA;
  border-right: 1px solid #EAEAEA;
}
div#menu a:hover {
  background: #DDD;
  border-top: 1px solid #BBB;
  border-left: 1px solid #BBB;
  border-right: 1px solid #BBB;
}
a#menuitem {
  display: block;
  margin: 3px;
  padding-left: 10px;
  padding-bottom: 2px;
  width: 90%;
  text-decoration: none;
  border-top: 1px hidden #EAEAEA;
  border-left: 1px hidden #EAEAEA;
  border-right: 1px hidden #EAEAEA;
  font-weight: bold;
}
div#menu ul {
  margin: 0px 0px 0px 15px;
  padding: 0px 0px 0px 10px;
  list-style-position: outside;
}
div#menu li {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
.submenu {
  display: none;
}

/*
 * LOGIN PAGE
 */

table#login {
  width: 800;
  margin-left: auto;
  margin-right: auto;
}
td#login_footer {
  color: #C0C0C0;
  padding: 6px;
  font-weight: bold;
}
tr#login_footer {
  background-color: #4C4C4C;
  width: 100%;
  padding: 6px;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
}
table#login_box td {
  background: #F8FAFB;
  padding: 3px;
}

/*
 * MISC
 */

table#printout {
  margin-left: auto;
  margin-right: auto;
}
table#printout td {
  padding: 5px;
}

/*
 * SERVICE PAGES
 */

table#service_status {
  width: 100%;
}
table#service_status td {
  padding: 0px 4px 4px 4px;
  vertical-align: top;
}
.service_ok_box {
  font-weight: bold;
  font-size: 11px;
  border: 1px solid #82BF3B;
  background: #EEFECB;
  color: #82BF3B;
  text-align: center;
  padding-left: 3px;
  padding-right: 3px;
  text-transform: uppercase;
}
.service_notok_box {
  font-weight: bold;
  font-size: 11px;
  border: 1px solid #C63581;
  background: #FECBE7;
  color: #C63581;
  text-align: center;
  padding-left: 3px;
  padding-right: 3px;
  margin-bottom: 2px;
  text-transform: uppercase;
}
.service_notok {
  font-weight: normal;
  font-size: 10px;
  color: #C63581;
  text-transform: none;
}
.service_neutral_box {
  font-weight: bold;
  font-size: 11px;
  border: 1px solid #34A6C7;
  background: #BDEFFD;
  color: #34A6C7;
  text-align: center;
  padding-left: 3px;
  padding-right: 3px;
  text-transform: uppercase;
}

/*
 * OTHER ERROR HANDLING
 */

table#error_explanation {
  background-color: #FFF;
  margin: 20px;
  padding: 5px;
  margin-left: auto;
  margin-right: auto;
}

table#error_explanation h1 {
  text-transform: uppercase;
  text-align: center;
  padding: 5px;
}

table#error_explanation td {
  padding: 5px;
}

table#error_explanation pre {
  margin: 5px;
  padding: 3px;
  border: 1px dashed #ccc;
  background: #fafafa;
  color: #000;
  text-align: left;
}

/*
 * api key
 */

pre#apikey {
  margin: 5px;
  padding: 3px;
  color: #000;
  text-align: left;
}