* {
    font-family : verdana, sans-serif, serif;
    font-size : 9pt;
    margin: 0px;
    padding: 0px;
    height: auto;
  }


body,html {
    background-color : #FFFFFF;
    color : #000000;
    height: 100%;
}

p {
     width: 95%;
  }


a {
    color : #225e9d;
    text-decoration : none;
  }


a:hover {
    color: #9E8C23;
  }


h1,h2,h3,h4,h5,h6 {
    padding-bottom: 10px;
  }


h1 {
    font-size: 16pt;
    color: #FFFFFF;
  }


h2 {
    font-size: 14pt;
    color: #646464;
    clear: both;
  }
  
h3 {
    margin-top: 10px;
    font-size: 12pt;
    color: #9E8C23;
  }
  
h4 {
    margin-top: 10px;
    font-size: 11pt;
    color: #343434;
  }
  
h4 * {
  font-size: inherit;
}

p {
    margin-bottom: 14px;
  }


table {
    border-collapse: collapse;
    width: 98%;
    border: 1px solid #cccccc;
    margin: 5px 0;
  }

table tr th {
    padding: 2px 7px;
    border-bottom: 1px solid #aaaaaa;
    
    background-color: #f4f4f4;
    color: #606060;
    
    text-align: left;
  }


table tr td {
    padding: 3px 7px;
    border-top: solid 1px #f2f2f2;
    
  }

table tr td, table tr th, table tr th a {
  }

table tr td a img, table tr td img {
}

table tr td a:hover img, table tr td img:hover {
}


table tr th a {
  color: black;
}

table tr th a:hover {
  color: #225e9d;
}

table tr.odd_row {
  background-color: #f7f7f7;
}

table tr.even_row {
  background-color: #fdfdfd;
}

td.iconrow {
  width: 0px;
}

td.normalrow, td.textrow {
  width: 100%;
}

td,th {
  white-space: nowrap;
}

td.textrow {
  white-space: normal;
}

ul li {
  margin-left: 20px;
}

label {
    font-weight:  normal;
  }

img {
  border: none;
  behavior: inherit !important;
  behavior: url("/templates/ie_behavior.htc");
}

dl {
  border: solid 1px #cccccc;
  margin-left: 10px;
  padding: 10px;
}

dt {
  font-weight: bold;
  color: #646464;
}

dd {
  margin-top: 3px;
  margin-bottom: 12px;
  margin-left: 10px;
}

.footnote {
  font-size: 7pt;
}

a.footnote_link {
  font-size: 5pt;
  padding-left: 1px;
  line-height: 5pt;
  vertical-align: top;
}

div#content,div#wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
}
  
div#content {
  padding: 10px;
  padding-left: 15px;
}

div#content_text {
  display: inline;
}

div#wrapper {
  width: 960px;
  background-color: #fcfcfc;
  border-right: solid 1px #cccccc;
}

div#header {
  background-color: #3C6EA4;
  padding: 0;
  width: 100%;
  margin: 0;
  height: 43px;
  background-image: url(/templates/gfx/header_bg.png);
}

div#header img {
  float: left;
}

div#header h1 {
  float: left;
  display: block;
  padding: 15px;
  clear: both;
}

div#header div#resource {
  float: right;
  display: block;
  color: #ffffff;
  margin: 5px;
  padding: 3px;
  border: solid 1px #ffffff;
}

div#header *.reload {
  float: right;
  margin: 5px;
  color: #efefef;
  font-size: 10px;
  display: block;
}

div#header span.load_indicator {
}

div#tab_bar {
  background-color: #EFEFEF;
  height: 22px;
  background-image: url('/templates/gfx/mbar_gradient.png');
  width: 100%;
}

div#tab_bar a {
  color: #343434;
  font-size: 10pt;
  font-weight: bold;
  margin-left: 10px;
  padding-left: 10px;
  padding-top: 2px;
  padding-bottom: 3px;
  display: block;
  float: left;
}

div#tab_bar a:hover {
  text-decoration: none;
  color: #9E8C23;
}

div#tab_bar a img {
  float: left;
  margin-right: 4px;
  font-decoration: none;
  cursor: pointer !important;
  cursor: hand;
}

div#navigation {
  margin: 0 20px;
}

div#navigation a {
  font-size: 12pt;
  margin: 0 10px;
}

div#toolbar {
  background-color: inherit;
  display: block;
  width: auto;
  padding-bottom: 3px;
  margin-left: 6px;
  margin-bottom: 9px;
  text-align: left;
}

div#toolbar a {
  text-decoration: none;
  display: block;
  float: left;
  margin: 3px;
  text-align: center;
  color: black;
}

div#toolbar a img {
  
}

div#toolbar a:hover {
  color: #9E8C23;
}

div#content_top {
  background-color: #f7f7f7;
  border-bottom: solid 1px #eaeaea;
  margin-bottom: 5px;
  padding-left: 10px;
  padding-top: 5px;
  text-align: center;
}

div.lost_button input {
  margin-top: 9px;
  margin-left: 4px;
  clear: both;
}

td.error input, td.error select, td.error textarea {
}

td.error strong {
  color: red;
  font-weight: inherit;
}

input.el_text, input.el_password, select, textarea {
  background-color: #fefefe;
  color: #343434;
  border: inset #EEEEEE 2px;
  padding: 1px;
  width: 200px;
  margin: 0px;
}

textarea {
  height: 120px;
  width: 400px;
}

input.el_text:focus, input.el_password:focus, select:focus, textarea:focus {
  background-color: #fcfcfc;
}

input.el_submit, input.lost_button, div.lost_button input, input[type=submit], input[type=button], input.back_button {
  width: auto;
  padding: 1px 4px;
  font-size: 9pt;
  border-width: 2px;
  border-style: outset;
  border-color: #cecece;
  height: 21px;
  background-color: #f5f5f5;
}

input.el_submit:active, input.lost_button:active, div.lost_button input:active, input.back_button:active, input[type=button]:active, input[type=submit]:active,
input.back_button:active {
  border-style: inset;
}

tr td input.el_submit {
  
}

span.enabled {
  color: green;
}

span.disabled {
  color: red;
}

span.disabled, span.enabled {
  font-weight: bold;
}

div#resource_box {
  clear: right;
  float: right;
  background-color: #f9f9f9;
  border: solid 1px #9f9f9f;
  padding-left: 0px;
  padding-right: 0px;
  margin: 10px;
}

div#resource_box h3 {
  font-size: 9pt;
  font-weight: bold;
  line-height: inherit;
  width: auto;
  margin: 0;
  padding: 3px 10px;
  background-color: #e9e9e9;
  text-align: center;
}

div#resource_box p {
  width: auto;
  padding: 4px 10px;
  margin: 0;
}

table.form, table.form tr, table.form tr td {
  width: auto;
}

.clear {
  clear: both;
}

div.floating_search {
  float: left;
}

div.confirm_box {
  margin: 30px;
  padding: 0;
  
  border: solid 1px #CCCCCC;
  
  float: left;
  width: auto;
  width: 400px;
}

div.confirm_box div.header {
    background-color: #e9e9e9;
    padding: 3px 8px;
    font-weight: bold;
    margin-bottom: 5px;
}

div.confirm_box p {
  padding: 5px;
  width: 400px;
}

div.buttons {
  text-align: center;
  display: block;
}

div.buttons div {
  float: left;
}

div.buttons div form input {
  width: 60px;
}

div.buttons div.no {
  float: right;
}

div.confirm_box img {
  float: left;
  margin: 5px;
}

div.invoice {
  margin: 10px;
  border: solid 1px #dddddd;
  padding: 10px;
}

div.invoice p {
  width: auto;
}

a.delete_button, a.delete_button img {
  cursor: pointer !important;
  cursor: hand;
}

div.delete_dialog {
  background-color: #fafafa;
  opacity: 0.93;
  
  position: fixed !important;
  position: absolute;
  top: 30%;
  left: 30%;
  width: 420px;
  height: auto;

  border: solid 1px #bababa;
  
  visibility: hidden;
}

div.delete_dialog * {
  opacity: 1.0;
}

div.delete_dialog div.header {
  opacity: 0.98;
  background-color: #ededed;
  padding: 5px 0;
  font-weight: bold;
  text-align: center;
  border-bottom: solid 1px #bababa;
  clear: both;
  float: left;
  width: 100%;
  margin-bottom: 20px;
  cursor: default;
}

div.delete_dialog img {
  margin: 0px 10px;
  float: left;
}

div.delete_dialog p {
  font-weight: bold;
}

div.delete_dialog input#button_yes, div.delete_dialog input#button_no {
  border: none;
  background: transparent;
  background-repeat: no-repeat;
  background-position: left;
  text-align: right;
  font-size: 16px;
  font-weight: bold;
  width: 80px;
  height: 32px;
  margin: 10px 20px;
  
  cursor: pointer !important;
  cursor: hand;
  
  padding: 4px;
  
  opacity: 0.9;
}

div.delete_dialog input#button_yes:hover, div.delete_dialog input#button_no:hover {
  color: #225e9d;
}
  
div.delete_dialog input#button_yes {
  background-image: url('/templates/icons/yes.png');
}

div.delete_dialog input#button_no {
  background-image: url('/templates/icons/no.png');
}

input.back_button {
  clear: both;
  margin: 10px;
  padding: 2px 10px;
  height: auto;
  float: left;
}

/* HELPDESK */

div.helpdeskMessage_message, div.helpdeskMessage, div.helpdeskMessage_note {
  background-color: #f8f8f8;
  border: 1px solid #d8d8d8;
  margin: 20px 0px;
}

div.helpdeskMessage_note {
  background-color: #dcdcdc;
}

div.helpdeskMessage p, div.helpdeskMessage_message p, div.helpdeskMessage_note p {
  padding: 5px;
}

div.helpdeskMessageHeader {
  font-weight: bold;
  padding: 2px 5px;
  background-color: #ececec;
  border-bottom: 1px solid #e1e1e1;
}

div.helpdeskTicketProperties {
}

td span.ticketStatus {
  color: #787878;
  font-size: 10px;
}

span.tableNote {
  color: #6b6b6b;
  font-size: 8px;
}

div.infoBox {
  margin: 20px;
  background-color: #f9f9f9;
  border: solid 1px #b8b8b8;
  display: block;
  padding: 20px;
  
  font-weight: normal;
}

span.invoiceUnpaid a {
  color: red;
}

div.serverRow {
  width: 100%;
  height: auto;
}

div.serverStatus {
  width: 270px;
  float: left;
  margin: 8px;
  border: solid 2px #a0a0a0;
  
  height: auto;
}

div.serverStatus h3 {
  width: 100%;
  margin: 0;
  color: #606060;
  font-size: inherit;
  text-align: center;
  background-color: #f4f4f4;
  padding-top: 2px;
  padding-bottom: 2px;
}

div.serverStatus h4 {
  float: none;
  clear: both;
  margin: 0;
  padding: 0;
  padding-left: 10px;
  padding-top: 10px;
  
  font-size: 12px;
}

div.serverStatus img {
  float: right;
  margin: 10px;
}

div.serverStatus p {
  width: auto;
  clear: left;
  padding: 3px;
  margin: 0;
  float: right;
}

div.serverStatus table tr td img{
  float: none;
  margin: 0;
}

div.serverStatus table {
  margin: 7px;
  width: auto;
  border: none;
  float: none;
  clear: both;
}

div.serverStatus table tr td {
  border: none;
}

div.serverStatus table tr td.status {
  text-align: right;
  white-space: nowrap;
}
div.serverStatus table tr td.status * {
}

div.serverStatus table tr td.title {
  font-weight: bold;
  width: 100%;
}

div.serverStatus table tr td div.progressContainer {
  width: 100px;
}

div.serverStatus table tr td div.progressContainer p {
  float: right;
}

div.serverStatus table tr td div.progressBar {
  width: 45px;
  height: 9px;
  float: right;
  background-color: #f6f6f6;
  margin: 0px 5px;
  border: 1px solid #acacac;
  
  font-size: 1px;
  position: relative;
  top: 5px;
}

div.serverStatus table tr td div.progressBar div.progress {
  height: 100%;
  background-color: #3C6EA4;
  
  font-size: 1px;
}