html{
height: 100%;
}

body {
height: 100%;
margin: 0;
padding: 0;
background: #696A66 url(../img/bg-body.gif) repeat-x;
text-align: center;
}

#loading_box {
background: url(../img/progressbar.gif) no-repeat scroll center center;
display: none;
height: auto !important;
height: 630px;
min-height: 630px;
}

#website_holder {
width: 960px;
margin: auto;
text-align: left;
height: auto !important;
height: 100%;
min-height: 100%;
}

  #header_holder {
  color: #FFFFFF;
  text-align: right;
  margin-top: 15px;
  height: 30px;
  }

    #header_holder #loginname, #header_holder #loginstatus, #header_holder #register {
    border-right:1px solid #CCCCCC;
    margin-left:10px;
    padding-right:10px;
    }

    #header_holder #loginname {
    padding-right: 10px;
    }

    #header_holder #loginstatus {
    }

      #header_holder a {
      text-decoration: none;
      color:#cccccc;
      }

      #header_holder a:hover {
      color: #ffffff;
      }

  #website_coll1_holder {
  width: 230px;
  float: left;
  }

    #logo {
    margin-bottom: 5px;
    }

    #payoff {
    margin-bottom: 20px;
    }

    #menu_holder {
    background: #FFFFFF url(../img/dot-darkgrey.gif) no-repeat scroll left top;
    }

      #menu {
      background: transparent url(../img/menu-shadow.gif) repeat-y scroll right center;
      padding:20px 0pt;
      }

        #menu ul, #menu li {
        margin: 0;
        padding: 0;
        list-style-type: none;
        }

        #menu ul li {
        background: transparent url(../img/menu-bgfade.gif) no-repeat scroll right top;
        }

        #menu li li {
        background: none;
        display: block;
        width: 100%;
        border-bottom: 1px solid #EBEBEB;
        line-height: 19px;
        height: 20px;
        }

        #menu ul li .title {
        position: relative;
        background: transparent url(../img/menu-title.gif) no-repeat scroll right center;
        color:#FFFFFF;
        font-size:10px;
        height:20px;
        line-height:20px;
        margin-top:10px;
        padding-left:10px;
        }

        #menu ul li .title .info-icon-white {
        position: absolute!important;
        background: transparent url(../img/icon-info-white.gif) no-repeat scroll right center;
        top: 0px;
        right: 10px;
        display: block;
        }

        #menu .notLoggedIn {
        position: relative;
        display: block;
        padding-left: 10px;
        color: #999999;
        }

        #menu .inDevelopment {
        text-decoration: line-through;
        }

        #menuHover {
        position: absolute;
        width: 206px;
        height: 320px;
        z-index: 10;
        }

        #menu .statistics li {
        height: auto;
        }

        #menu .statistics .text {
        position: relative;
        padding-left: 10px;
        }

        #menu .statistics .number_holder {
        position: relative;
        text-align: center;
        padding-left: 10px;
        }

        #menu a:hover {
        background: transparent url(../img/menu-hover.gif) no-repeat scroll right center;
        }

        #menu a {
        position: relative;
        display: block;
        color: #666666;
        line-height: 19px;
        height: 20px;
        padding-left: 10px;
        text-decoration: none;
        }

        #menu .itemAct a {
        background:url(../img/menu-active.gif) no-repeat right;
        border-bottom:1px solid #ffffff;
        color:#000000;
        font-weight:bold;
        }

        .number_holder {
        position: absolute;
        display: block;
        top: 0px;
        right: 5px;
        }

        .number {
        font-weight: bold;
        }

    #addThis {
    display: block;
    margin-top: 80px;
    }

  #website_coll2_holder {
  width: 727px;
  margin-left: 230px;
  height: 100%;
  }

    /* Tab styling */
    .tab_holder {
    background: transparent url(../img/bg-tabpagestabs.gif) repeat-x scroll 0% 50%;
    position: relative;
    width: 100%;
    line-height: normal;
    height: 27px;
    }

    .tab_holder ul, .tab_holder li {
    margin: 0;
    padding: 0;
    }

    .tab_holder ul {
    list-style: none;
    margin-left: 30px;
    }

    .tab_holder ul li {
    background: url(../img/tab-normal-right.gif) no-repeat scroll right top;
    float: left;
    margin-top: 5px;
    margin-right: 2px;
    }

    .tab_holder a:hover {
    color: #000000;
    }

    .tab_holder a {
    background: url(../img/tab-details-normal-left.gif) no-repeat scroll left top;
    display: block;
    color: #444444;
    padding: 2px 12px 3px 12px;
    text-decoration: none;
    }

    .tab_holder .itemAct {
    background: url(../img/tab-active-right.gif) no-repeat scroll right top;
    }

    .tab_holder .itemAct a {
    background: url(../img/tab-details-active-left.gif) no-repeat scroll left top;
    color:#000000;
    font-weight:bold;
    padding-bottom: 4px;
    }

    .tab_holder .itemDis a {
    text-decoration: line-through;
    }

    /* Restyle some elements of the ehader tab container */
    #header_tab_holder .tab_holder {
    background: none;
    height: 22px;
    }

    #header_tab_holder .tab_holder ul {
    margin-left: 0px;
    }

    #header_tab_holder .tab_holder ul li {
    background: url(../img/tab-normal-right.gif) no-repeat scroll right top;
    margin-top: 0px;
    }

    #header_tab_holder .tab_holder a {
    background: url(../img/tab-normal-left.gif) no-repeat scroll left top;
    }

    #header_tab_holder .tab_holder .itemAct {
    background: url(../img/tab-active-right.gif) no-repeat scroll right top;
    }

    #header_tab_holder .tab_holder .itemAct a {
    background: url(../img/tab-active-left.gif) no-repeat scroll left top;
    }

    .tabcontentholder {
    background: transparent url(../img/bg-tabscontent.gif) repeat-x scroll 0% 0%;
    }

    .tabcontent {
    padding: 20px 18px;
    }

    #content_holder {
    background: #FFFFFF url(../img/bg-main.gif) repeat-x scroll top left;
    height: auto !important;
    height: 630px;
    min-height: 630px;
    }

    #content {
    padding: 25px 30px;
    }

    #breadcrumb {
    margin-bottom: 24px;
    padding-left:14px;
    background:url(../img/bullet-arrow-yellow-right.gif) 0 4px no-repeat;
    }

      #breadcrumb a {
      color:#999999;
      }

      #breadcrumb a:hover {
      color:#000000;
      }


  #footer_holder {
  height:55px;
  margin-left:220px;
  }

    #footer {
    }

      #footernav {
      padding-top:15px;
      float:left;
      }

        #footernav ul, #footernav li {
        margin: 0;
        padding: 0;
        list-style-type: none;
        }

        #footernav li {
        float:left;
        }

        #footernav a {
        padding-right: 10px;
        border-right: 1px solid #cccccc;
        text-decoration: none;
        color:#cccccc;
        font-size:11px;
        margin-left:10px;
        line-height:10px;
        }

        #legal {
        float: right;
        padding-top:15px;
        }


  a:hover {
  color:#000000;
  text-decoration:underline;
  }

  a {
  color:#B69000;
  outline-color:invert;
  outline-style:none;
  outline-width:medium;
  text-decoration:underline;
  }

.infoicon {
background: url(../img/icon-info-yellow.gif) no-repeat;
margin: 0 3px 3px 4px;
width: 8px;
height: 9px;
cursor:pointer;
}

#menu .infoicon {
margin-top: 5px;
margin-right: 5px;
}

.closeicon {
position: absolute;
display: block;
background:url(../img/icon-close-white.gif) no-repeat center 4px;
padding:0px 5px 0px 5px;
margin-left:5px;
text-decoration:none!important;
width: 11px;
height: 18px;
top: 0;
right: 0;
}

/* BUTTONS DEFAULT START */
.buttonholder {
height:21px;
float:left;
margin-left:7px;
}

.tabcontent .buttonholder {
float:right;
margin:10px 0 0 7px;

}

.buttonstart {
float:left;
height:21px;
}

.buttonstart {
background: url(../img/button-nor-yellow-start.gif) no-repeat;
}

.buttoncloser {
float:left;
height:21px;
width: 3px;
}

.buttoncloser {
background:url(../img/button-nor-yellow-end.gif) no-repeat;
}

.buttonstart a {
text-decoration:none;
padding:2px 6px 0 10px;
display:block;
width:auto;
color:#ffffff!important;
font-weight:bold;
}

.buttonstart a:hover {
text-decoration:none;
color:#966f20!important;
}

/* BUTTONS END */

/* BUTTONS BIG START */

.bigbuttonholder {
height:25px;
float:left;
margin-left:7px;
}

.tabcontent .bigbuttonholder {
float:right;
margin:10px 0 0 7px;

}

.bigbuttonstart {
float:left;
height:25px;
}

.bigbuttonstart {
background:url(../img/button-big-yellow-start.gif) no-repeat;
}

.bigbuttoncloser {
float:left;
height:25px;
width: 3px;
}

.bigbuttoncloser {
background:url(../img/button-big-yellow-end.gif) no-repeat;
}

.bigbuttonstart a {
text-decoration:none;
padding:4px 6px 0 10px;
display:block;
width:auto;
color:#ffffff!important;
font-weight:bold;
}

.bigbuttonstart a:hover {
text-decoration:none;
color:#966f20!important;
}

/* BUTTONS END */

.tableserviceselect {
margin-bottom: 20px;
}
  .tableserviceselect .servsel-res {
  background: url(../img/bg-table-servsel-res.gif) no-repeat;
  height:285px;
  vertical-align: top;
  padding: 0px 13px 0px 13px;
  width:324px;
  }

  .tableserviceselect h2 {
  font-size:18px;
  font-weight:normal;
  }

  .tableserviceselect .servsel-mon {
  background: url(../img/bg-table-servsel-mon.gif) no-repeat;
  vertical-align: top;
  height:285px;
  padding: 0px 13px 0px 13px;
  width: 324px;
  }

  .tableserviceselect .servsel-mon h2, .tableserviceselect .servsel-res h2 {
  margin-top: 13px;
  }

  .tableserviceselect .servsel-mon form {
  margin: 0;
  }

  .tableserviceselect .gutter {
  width: 23px;
  }

  .tableserviceselect .buttonholder {
  height:21px;
  float: none;
  margin-left:0px;
  }

.tablelivemon {
width:100%;
height:86px;
background: url(../img/bg-table-livemonitor.gif) no-repeat;
margin-bottom:20px;
}

  .tablelivemon td {
  padding:15px;
  }

  .tablelivemon .title {
  color:#b0b0b0;

  line-height:30px;
  font-size:14px;
  }

  .tablelivemon .content {
  color:#fff;
  font-size:14px;
  }

.form-error {
background-color: #993233;
color: #fff;
}

.form-error .error {
background-color: #993233;
padding: 3px 10px 5px 10px;
}

.form-error .success {
background-color: #679966;
padding: 3px 10px 5px 10px;
}

/* Temporary disabled stuff */
.sortorderholder * {
display: block;
visibility: hidden;
}

#wait_c { border: 1px solid #fff; }

.hhmwoCounterNr {
color: #FFFFFF;
}

/* BEGIN YAHOO panel styles for the loader */
.yui-overlay, .yui-panel-container{visibility:hidden;position:absolute;z-index:2;}
.yui-panel-container form{margin:0;}
.mask{z-index:1;display:none;position:absolute;top:0;left:0;right:0;bottom:0;overflow:auto;}
.masked select,.drag select,.hide-select select{_visibility:hidden;}
.yui-panel-container select{_visibility:inherit;}
.hide-scrollbars,.hide-scrollbars *{overflow:hidden;}
.hide-scrollbars select{display:none;}
.show-scrollbars{overflow:auto;}
.yui-panel-container.show-scrollbars,.yui-tt.show-scrollbars{overflow:visible;}
.yui-panel-container.show-scrollbars .underlay,.yui-tt.show-scrollbars .yui-tt-shadow{overflow:auto;}
.yui-panel-container.shadow .underlay.yui-force-redraw{padding-bottom:1px;}
.yui-effect-fade .underlay{display:none;}.yui-tt-shadow{position:absolute;}
.mask{background-color:#000;opacity:.50;*filter:alpha(opacity=50);}
.yui-panel-container{padding:0 1px;*padding:2px 3px;}
.yui-panel{position:relative;*zoom:1;left:0;top:0;border-style:solid;border-width:1px 0;border-color:#808080;z-index:1;}
.yui-panel .hd,.yui-panel .bd,.yui-panel .ft{*zoom:1;*position:relative;border-style:solid;border-width:0 1px;border-color:#808080;margin:0 -1px;}
.yui-panel .hd{border-bottom:solid 1px #ccc;}
.yui-panel .bd,.yui-panel .ft{background-color:#F2F2F2;}
.yui-panel .hd{padding:0 10px;font-size:93%;line-height:2;*line-height:1.9;font-weight:bold;color:#fff;background: #363733;}
.yui-panel .bd{padding:10px;}.yui-panel .ft{border-top:solid 1px #808080;padding:5px 10px;font-size:77%;}
.yui-panel-container.focused .yui-panel .hd{}
.container-close{position:absolute;top:5px;right:6px;width:25px;height:15px;cursor:pointer;}
.yui-panel-container .underlay{right:-1px;left:-1px;}
.yui-panel-container.matte{padding:9px 10px;background-color:#fff;}
.yui-panel-container.shadow{_padding:2px 5px 0 3px;}
.yui-panel-container.shadow .underlay{position:absolute;top:2px;right:-3px;bottom:-3px;left:-3px;*top:3px;*left:-1px;*right:-1px;*bottom:-1px;_top:0;_right:0;_bottom:0;_left:0;_margin-top:3px;_margin-left:-1px;background-color:#000;opacity:.12;*filter:alpha(opacity=12);}
.yui-tt .bd{position:relative;top:0;left:0;z-index:1;color:#000;padding:2px 5px;border-color:#D4C237 #A6982B #A6982B #A6982B;border-width:1px;border-style:solid;background-color:#FFEE69;}
.yui-tt.show-scrollbars .bd{overflow:auto;}.yui-tt-shadow{top:2px;right:-3px;left:-3px;bottom:-3px;background-color:#000;}
.yui-tt-shadow-visible{opacity:.12;*filter:alpha(opacity=12);}
/* END YAHOO panel styles for the loader */

.yui-tt {
text-align: left;
}