hr
{
    border-width: 0px;
    background-color: #66BEFF;
    height: 1px;
    margin-bottom: 8px;
}
h1
{
    color: #000000;
    font-family: "Lucida Sans Unicode" , "Lucida Grande" , Tahoma, sans-serif;
    font-size: 30px;
    display: block;
    padding-bottom: 4px;
    line-height: 120%;
}
h1.subpage
{
    font-size: 29px;
    padding-top: 5px;
    margin-bottom: 18px;
}
h2
{
    font-size: 15px;
    color: #313131;
}
h3
{
    font-size: 13px;
    color: #0093d0;
}
h5
{
    font-size: 11px;
    font-weight: bold;
    padding-top: 16px;
    padding-bottom: 2px;
}
#utilities a
{
    color: #16a3d3;
    text-decoration: underline;
}
#utilities span
{
    color: #FFFFFF;
    font-weight: bold;
}

#subnav li a
{
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    padding: 5px 0px 6px 22px;
    width: 149px;
    background-image: url(../images/bg_subnav.gif);
    background-repeat: repeat-x;
    border-bottom: 1px solid #bfbfbf;
    text-decoration: none;
}
#subnav li a:hover, #subnav li a.active
{
    background-image: url(../images/bg_subnavhover.gif);
}
#subnav li li a
{
    font-size: 11px;
    font-weight: normal;
    color: #333333;
    padding: 5px 0px 4px 39px;
    width: 132px;
    background-image: url(../images/bul_subnav.gif);
    background-repeat: no-repeat;
    background-position: 30px 11px;
}
#subnav li li a:hover, #subnav li li a.active
{
    text-decoration: underline;
    background-image: url(../images/bul_subnav.gif);
}
li.borderbottom
{
    border-bottom: 1px solid #bfbfbf;
}
.tabulardata th a, .tabulardata th a:hover
{
    text-decoration: none;
}

.btns-cancel, .btns-cancel:link
{
    background-image: url(/images/cancel-btn.gif);
    background-position: top left;
    background-repeat: no-repeat;
    width: 123px;
    height: 30px;
    display: block;
    text-align: center;
    text-decoration: none;
}

a:hover.btns-cancel
{
    background-position: 0px -30px;
}

.btns-cancel span
{
    display: block;
    padding: 5px 0px 0px 0px;
    color: #333333;
    font-size: 12px;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
}


.btns-save, .btns-save:link
{
    background-image: url(/images/save-btn.gif);
    background-position: top left;
    background-repeat: no-repeat;
    width: 111px;
    height: 30px;
    display: block;
    text-align: center;
    text-decoration: none;
}

a:hover.btns-save
{
    background-position: 0px -30px;
}

.btns-save span
{
    display: block;
    padding: 5px 0px 0px 0px;
    color: #333333;
    font-size: 12px;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
}

.buttons, .long-buttons
{
    width: 175px;
    height: 30px; /*background-image: url(../images/bg_buttons.gif); 	background-repeat: no-repeat;*/
    background: url(../images/add-project-bg.jpg) transparent no-repeat 0px 0px;
    display: block;
    text-decoration: none;
}

a:hover.buttons, a:hover.long-buttons
{
    background-position: 0px -30px;
}

.buttons span, .long-buttons span
{
    display: block;
    padding: 8px 0 0px 60px;
    color: #333333;
    font-size: 12px;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    cursor: pointer;
}

.buttons span img
{
    vertical-align: -3px;
    padding-right: 7px;
}

.long-buttons
{
    width: 250px;
    background: url(../images/btn-repeat.gif) transparent no-repeat 0px 0px;
}

.long-buttons span
{
    background-image: url(/images/btn-back.gif);
    background-position: top right;
    background-repeat: no-repeat;
    height: 22px;
}

.long-buttons:hover span
{
    background-position: right -30px;
}

.heading
{
    padding: 6px 0px 7px 14px;
    background-image: url(../images/bg_tdheader.gif);
    background-repeat: repeat-x;
    border: 1px solid #bbd7ef;
}
.heading a
{
    text-decoration: none;
}
div.tableholder
{
    margin-bottom: 20px;
    clear: both;
}
.tabulardata th
{
    border-top: 1px solid #bbd7ef;
    background-image: url(../images/bg_th.gif);
    background-repeat: repeat-x;
    font-weight: bold;
    color: #FFFFFF;
    padding: 4px 2px 4px 2px;
    background-color: #0092d0;
    border-right: 1px solid #bbd7ef;
    text-align: left;
    vertical-align: top;
    cursor: pointer;
}
.tabulardata tr:hover
{
    background-color: #bbd7ef;
}
.tabulardata td
{
    text-align: left;
    vertical-align: top;
    padding: 0px 2px 2px 2px;
    border: 1px solid #bbd7ef;
    line-height: 12px;
}

.tabulardata td div
{
    margin: 0px;
}

.noborder td
{
    border-bottom: none;
}

.outerborder
{
    border: 1px solid #87cce8;
    border-spacing: 0;
}

#footer a
{
    color: #333333;
    text-decoration: none;
}
#footer .left span
{
    color: #333333;
}
#footer span a
{
    color: #666666;
    text-decoration: none;
}
#footer a:hover
{
    text-decoration: underline;
}
#breadcrumb
{
    padding-bottom: 9px;
    color: #999999;
}

#breadcrumb a
{
    color: #999999;
    text-decoration: none;
}
#breadcrumb a:hover
{
    color: #999999;
    text-decoration: underline;
}
#breadcrumb a.active
{
    color: #666666;
    text-decoration: none;
}
ul#homebuttons
{
    float: left;
    padding-left: 150px;
    margin-right: 24px;
    width: 362px;
}
#homebuttons li a
{
    display: block;
    margin-bottom: 17px;
    background-image: url(../images/home_buttons.gif);
    background-repeat: no-repeat;
    height: 48px;
}
.homebutton-project
{
    background-position: 0px 0px;
}
.homebutton-project:hover
{
    background-position: -362px 0px;
}
.homebutton-reports
{
    background-position: 0px -65px;
}
.homebutton-reports:hover
{
    background-position: -362px -65px;
}
.homebutton-logsheets
{
    background-position: 0px -130px;
}
.homebutton-logsheets:hover
{
    background-position: -362px -130px;
}
.homebutton-alert
{
    background-position: 0px -195px;
}
.homebutton-alert:hover
{
    background-position: -362px -195px;
}
.homebutton-labreport
{
    background-position: 0px -260px;
}
.homebutton-labreport:hover
{
    background-position: -362px -260px;
}
.homebutton-clientreport
{
    background-position: 0px -325px;
}
.homebutton-clientreport:hover
{
    background-position: -362px -325px;
}
#clientannounce, #wireless, #release-note
{
    width: 310px;
    border: 1px none #77b0e0;
    padding: 10px;
}
#clientannounce
{
    background-image: url(../images/bg_clientannouce.gif);
    background-repeat: repeat-x;
    min-height: 156px;
    margin-bottom: 14px;
}
#clientannounce p, #wireless p, #release-note p
{
    padding-bottom: 3px;
}
.contactus
{
    background-image: url(../images/bg_clientannouce.gif);
    background-repeat: repeat-x;
    padding: 10px;
    margin-bottom: 14px;
    width: 725px;
}
a.blocklinks
{
    background-image: url(../images/bg_alink.gif);
    background-repeat: no-repeat;
    background-position: 0px 4px;
    padding-left: 8px;
}
#wireless, #release-note
{
    background-image: url(../images/bg_wirelesswater.gif);
    background-repeat: repeat-x;
    min-height: 156px;
    margin-bottom: 14px;
}
#usersettigs li a
{
    display: block;
    height: 17px;
    background-image: url(../images/bg_settings.gif);
    background-repeat: repeat-x;
    margin-bottom: 6px;
    width: 276px;
    border: 1px solid #77b0e0;
    color: #0093d0;
    font-weight: bold;
    font-size: 13px;
    padding: 6px 0px 6px 11px;
    text-decoration: none;
}
#usersettigs li a:hover
{
    background-image: url(../images/bg_settingshover.gif);
    color: #ffffff;
    text-decoration: none;
}

#logo ul
{
    float: left;
    padding: 0px 20px 0px 120px;
}
#logo #ul-client-select
{
    margin-top: 32px;
}
#logo li
{
    float: left;
    margin-left: 2px;
}
#logo label
{
    width: 67px;
    display: block;
}
#logo #Clients
{
    width: 230px;
    margin-right: 5px;
}
#search
{
    margin-left: 9px;
}
.formfield
{
    border: 1px solid #b5b5b5;
    font-size: 11px;
    font-family: Tahoma;
    height: 17px;
    padding-left: 1px;
    margin-right: 6px;
}
select.formfield
{
    height: 17px;
}
#loginbox
{
    width: 345px;
    padding: 63px 0px 0px 176px;
}
#loginbox h1
{
    font-size: 28px;
    margin-bottom: 14px;
    color: #0093d0;
}

#loginform input
{
    display: block;
    width: 153px;
    border: 1px solid #a5acb2;
    float: left;
    margin-bottom: 12px;
    height: 21px;
    padding-left: 3px;
}

#loginform label
{
    display: block;
    float: left;
    margin-bottom: 12px;
    width: 60px;
    line-height: 22px;
}

#loginform br
{
    clear: left;
}
.btn-login
{
    display: block;
    width: 115px;
    height: 25px;
    background-image: url(../images/bg_login.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    float: left;
    margin-left: 8px;
}
.btn-login:hover
{
    background-position: 0px -25px;
}
ul#logintext
{
    clear: both;
    padding-left: 58px;
}

#logintext li span a
{
    text-decoration: none;
    line-height: 30px;
}

.blueHeader
{
    color: #0093d0;
    font-size: 13px;
    font-weight: bold;
}

.notice
{
    color: #666;
    line-height: 16px;
}
.required
{
    color: #FF0000;
}

.div-double-select-buttons
{
    width: 40px;
}

.div-double-select-buttons button
{
    width: 100%;
}

#UnitConvert label
{
    float: none;
}
#UnitConvert select
{
    margin-right: 5px;
}

.container-border
{
/*    border: 1px solid #bbd7ef;
    border-top: none;*/
}

.filter-div div, .container-border div
{
    float: left;
    clear: left;
    margin: 5px 2px 2px 2px;
}

.filter-div div div
{
    clear: none;
    margin: 0px;
}

.container-border div.home
{
    clear: none;
    margin: 0px;
}

.container-border label
{
    float: left;
    width: 120px;
}

.ctrl-label
{
    float: none;
    width: auto;
    padding-left: 2px;
    padding-right: 10px;
}

.container-border label.signin_label
{
    width: 80px;
}

.container-border input.signin_textbox
{
    width: 150px;
}

.change_password_div label
{
    width: 150px;
    vertical-align: baseline;
}

select.List
{
    width: 250px;
    height: 150px;
    text-align: left;
}

.container-border div div.dot-bullet
{
    font-size: 22px;
    width: 18px;
    text-align: center;
    vertical-align: top;
    clear: none;
    margin: 0px;
}

.container-border div div.dot-bullet-item
{
    padding-top: 6px;
    padding-bottom: 6px;
    width: 700px;
    line-height: 18px;
    clear: none;
    margin: 0px;
}

.filter-div div.options div
{
    padding-bottom: 3px;
    width: 290px;
}

.filter-div div.options div.long
{
    padding-bottom: 3px;
    clear: left;
    width: 580px;
}

.filter-div div.next-line
{
    clear: left;
}

.filter-div div.next-line1
{
    clear: left;
}

.filter-div div.next-line0
{
    clear: none;
}

.filter-div div div label
{
    float: none;
}

.container-border div.mainbutton
{
    width: 400px;
    margin-right: 10px;
}
.container-border div.mainbutton a
{
    display: block;
    height: 39px;
    text-decoration: none;
    color: Black;
    font-size: 16px;
    font-weight: bold;
    background-image: url(../images/menu_btn_bg.png);
    background-repeat: no-repeat;
    padding-top: 9px;
    margin-bottom: 8px;
}
.container-border div.mainbutton a:hover
{
    background-image: url(../images/menu_btn_bg_hover.png);
}
.container-border div.mainbutton a img
{
    margin-left: 20px;
    vertical-align: middle;
}
.container-border div.news
{
    width: 300px;
    float: left;
    clear: none;
}

.GotoPage
{
    font-size: 11px;
    width: 20px;
    height: 15px;
}

.TableFilter
{
    text-align: right;
    width:100%;
}

.validation-summary-errors
{
    color: Red;
}

#AlertDetail
{
    border: 1px solid #bbd7ef;
    width: 100%;
}

#AlertDetail tbody #AlertDetailHeaderRow
{
    border-top: 1px solid #bbd7ef;
}

#AlertDetail tbody tr td
{
    padding: 2px 0px 2px 5px;
}

#AlertDetail tbody #AlertDetailHeaderRow td:first-child
{
    border-right: 1px solid #bbd7ef;
    font-weight: bold;
    width: 180px;
}

#AlertRecipients
{
    width: 100%;
}

#AlertRecipients td
{
    width: 50px;
    text-align: center;
}

#AlertDetail tbody #AlertDetailHeaderRow #AlertRecipients td:first-child
{
    text-align: left;
    border-right: none;
}

h2#WaitSpin
{
    padding:10px;
}

h2#WaitSpin Image
{
    vertical-align: -70%;
    width: 40px;
    height: 40px;
    margin-right: 10px;
}

div#cf div div
{
    float: none;
    margin-bottom: 5px;
}

div#content input[type="text"]
{
    font-size: 11px;
    height: 12px;
}

#pageheader
{
    width: 466px;
}

#charttitle
{
    width: 478px;
}

input[type="radio"], input[type="checkbox"]
{
    vertical-align: bottom;
}

#divSearch
{
    clear: none;
    margin-left: 10px;
}

#tblArchiveView td.imgTD
{
    text-align: center;
    vertical-align: middle;
}

#tblArchiveView td.imgTD div
{
    float: none;
}

#chartOptions div label
{
    float: left;
}

#chartOptions div div
{
    float: none;
}

#tt
{
    border-radius:3px;
    position:absolute;
    display:block;
    background:#666;
    color: White;
    padding:5px;
    font-family: 'Segoe UI';
    font-size: 12px;
    text-align:left;
}

.ttq
{
    font-weight:bolder;
    color:blue;
    margin-left:3px;
}

.hotDiv, #hotSamples
{
    width: 740px;
    max-height: 500px;
    overflow: scroll;
}

.htime
{
    color: DarkBlue;
    font-weight: bolder;
}