/********************************************************
 resets
********************************************************/
*
{
    margin: 0px;
    padding: 0px;
}

img
{
    border: 0px;
}

a:link, a:active, a:hover, a:visited
{
    font-size: 12px;
    color: #07654C;
}

ol
{
    margin: 0px;
    padding: 0px;
    padding-top: 10px;
    margin-left: 17px;
}

*html ol
{
    margin-left: 22px;
}

ol li
{
    padding-bottom: 3px;
}

p
{
    margin: 10px 0;
}

h2 { font-size: 16px; font-weight: bold; margin-bottom: 15px; }

/********************************************************
 general styles
********************************************************/
html
{
    width: 100%;
    text-align: center;
}
body
{
    padding: 0px;
    margin: 0px auto;
    text-align: left;
    width: 1000px;
    font-family: Arial, Verdana;
    font-size: 12px;
    color: #393939;
    background-color: #D7D9BA;
}
.button
{
    cursor: pointer;
}

.centermargin
{
    margin-left: auto;
    margin-right: auto;
}
.clear-float
{
    clear: both;
    height: 0px;
    overflow: hidden;
}

.radio-button input[type=radio]
{
    margin-right: 5px;
}

.radio-button label
{
    position: relative; top: -3px;
}

.checkbox input[type=checkbox]
{
    margin-right: 5px;
}

.checkbox label
{
    position: relative; top: -2px;
}

.bold
{
    font-weight: bold;
}

.error
{
    font-weight: bold;
    color: Red;
}

.required
{
    color: Red;
}

table th
{
    text-align: left;
}
/********************************************************
 input styles
********************************************************/
input[type=text], input[type=password]
{
    height: 16px;
    font-size: 12px;
}

a.no-underline { text-decoration: none; }
.button-link-text { position: relative; top: -3px; margin-left: 5px; }
/********************************************************
 header styles
********************************************************/
#header
{
    height: 116px;
    background-color: #ffffff;
    position: relative;
}

#healthwatch-logo
{
    float: left;
    display: inline;
    width: 220px;
    margin-left: 20px;
    margin-top: 17px;
}

#logo
{
    display: block;
    width: 200px;
}

#slogan
{
    display: block;
    text-align: right;
    margin-top: 10px;
    padding-left: 10px;
}

#header-left
{
    display: block;
    width: 220px;
    margin-left: 20px;
    margin-top: 17px;
}

#alerts
{
    position: absolute;
    right: 20px;
    bottom: 20px;
}

#alerts a { display: block; }
/********************************************************
 content styles
********************************************************/
#content
{
    background-color: #E0E3CA;
}

#content .left-side
{
	background-color: #07654C;
	height: 32px;
	padding-left: 20px;
}

#content .right-side
{
    background-color: #fff;
	position: relative;
}
/**************************************************************************
left side navigation
**************************************************************************/
#left-nav
{
    background-color: #07654C;
}

ul.left-nav
{
    padding: 0px;
    margin: 0px;
    list-style: none;
    padding: 15px 0;
}

ul.left-nav li
{
    background-image: url(/styles/images/i-green-arrow.gif);
    background-repeat: no-repeat;
    background-position: left 5px;
    padding-left: 15px;
    margin-left: 20px;
    padding-bottom: 7px;
    display: inline;
}

ul.left-nav-inner
{
    padding: 0px;
    margin: 0px;
    list-style: none;
    padding-top: 7px;
}

ul.left-nav-inner li
{
    background-image: url(/styles/images/i-white-green-arrow.gif);
    background-repeat: no-repeat;
    background-position: left 5px;
    padding-left: 15px;
    padding-bottom: 7px;
    font-size: 10px;
}

a:link.side-nav-link, a:active.side-nav-link, a:visited.side-nav-link, a:hover.side-nav-link
{
    color: #fff;
    text-decoration: none;
    font-size: 10px;
    font-family: Arial;
    text-transform: uppercase;
}

/** for active side nav link, make link underlined **/
a:link.active-side-nav, a:active.active-side-nav, a:hover.active-side-nav, a:visited.active-side-nav
{
    text-decoration: underline;
    color: #fff;
    font-size: 10px;
}
/**************************************************************************
footer section
**************************************************************************/
#footer
{
    text-align: center;
    width: 500px;
    color: #939669;
    font-size: 10px;
    margin-left: auto;
    margin-right: auto;
}

#footer .footer-links
{
    padding-bottom: 5px;
    padding-top: 20px;
}


#footer a
{
    color: #939669;
    font-size: 10px;
}

.copyright
{
    font-size: 11px;
}
/**************************************************************************
bread crumb menu
**************************************************************************/
#breadcrumb
{
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
    background-color: #67A192;
    font-size: 10px;
    font-weight: 600;
}
#breadcrumb a:link, #breadcrumb a:active, #breadcrumb a:visited, #breadcrumb a:hover
{
    color: #D7D9BA;
    font-size: 10px;
    text-decoration: none;
}
#breadcrumb .breadcrumb-container
{
    width: 489px;
}
#breadcrumb .breadcrumb-title
{
    float: left;
    display: inline;
    width: 70px;
}
#breadcrumb .breadcrumb
{
    float: right;
    display: inline;
    width: 417px;
    text-align: left;
}
/** IE 6 Hack  **/
*html #breadcrumb .breadcrumb-title
{
    width: 80px;
}
*html #breadcrumb .breadcrumb
{
    width: 407px;
}
/**************************************************************************
inner page content
**************************************************************************/
#inner-content
{
    background-color: #fff;
    padding: 20px;
}
#inner-content-container
{
    padding-bottom: 10px;
}
/********************************************************
 Press Release styles
********************************************************/
.PRheader
{
    color: White;
    background-color: Black;
    padding: 4px 4px 4px 4px;
    width: 400px;
}
.PRdate
{
    font-size: small;
}
.PRtitle a
{
    font-weight: bold;
    font-size: large;
    color: #A3A3A3;
}
.PRsubtitle
{
    font-style: italic;
}
.PRbody
{
}
.PRadd
{
}
.PRadmin
{
}
.PRpageselect
{
    color: Black;
    font-weight: bold;
}
.PRcurrentpage
{
    color: Green;
}
/* Add Press Release */
.PRaddwindow .label
{
    font-weight: bold;
    float: left;
    margin: 8px 0px 8px 20px;
    width: 100px;
}
.PRaddwindow .header
{
    font-weight: bold;
    background-color: Black;
    color: White;
    padding: 4px 4px 4px 4px;
    margin: 8px 0px 8px 20px;
    width: 485px;
}
.PRaddwindow .dataentry
{
    float: left;
    margin: 8px 0px 8px 20px;
    vertical-align: bottom;
}
.PRaddwindow .button a
{
    text-decoration: none;
    border: 0;
    color: inherit;
}
.PRaddwindow .buttontext
{
    position: relative;
    bottom: 7px;
    font-weight: bold;
}
.PReditfooter
{
    padding: 10px 10px 10px 10px;
    position: relative;
}
/* Details view */
.PRDheader
{
    color: White;
    background-color: Black;
    padding: 4px 4px 4px 4px;
}
.PRDfooter
{
    color: White;
    background-color: Black;
    padding: 4px 4px 4px 4px;
}
.PRDdate
{
    font-size: small;
}
.PRDtitle
{
    font-weight: bold;
    font-size: large;
    color: #A3A3A3;
}
.PRDsubtitle
{
    font-style: italic;
    font-size: medium;
}
.PRDpublication
{
    font-style: italic;
    font-weight: bold;
}
.PRDContact
{
}
.PRDbody
{
}
/********************************************************
Login styles
********************************************************/
.login td { padding: 5px; }
.login td label{ font-weight: bold; }
.login .checkbox label{ font-weight: normal; }
.login .title-text { font-weight: bold; font-size: 16px; }
.login .textbox { width: 150px; }

.form-row { margin-bottom: 10px; }
.form-label { float: left; width: 100px; font-weight: bold; margin-right: 10px; color: #07654C; }
.form-field { float: left; }

/********************************************************
Terms and Conditions styles
********************************************************/
#terms-and-conditions { text-align: center; padding: 40px; }
#terms-and-conditions-content { width: 500px; margin: auto; text-align: left; }
#terms-and-conditions-continue { margin-top: 25px; }
/********************************************************
Time Entry Verification
********************************************************/
#time-entry-verification { padding: 25px; background-color: #ffffff; }
#time-entry-verification-buttons { margin-top: 20px; }

/*******************************************************
Project Wizard
*******************************************************/
#project-wizard .left-project-wizard
{
    float: left;
    width: 200px;
    background-color:#07654C;
    margin-right: 15px;
}
#project-wizard .right-project-wizard { float: left; }
#project-wizard #menu-wizard
{
    padding: 0px;
    margin: 0px;
    list-style: none;
    width: 165px;
    padding-top: 22px;
    margin-left: 23px;
    padding-bottom: 14px;
    color: #FFFFFF;
}
#project-wizard #menu-wizard a { color: #FFFFFF; text-decoration: none; }
#project-wizard #menu-wizard li
{
    background-image: url(/styles/images/i-green-arrow.gif);
    background-repeat: no-repeat;
    background-position: left 5px;
    padding-left: 15px;
    padding-bottom: 7px;
}
#project-wizard #menu-wizard .selected{ font-weight: bold; }
#project-wizard #menu-wizard .disabled{ color: Gray; }
#project-wizard .form-label { width: 200px; }
#project-wizard textarea.textbox { display: block; width: 250px; height: 100px; }
#project-wizard .navigation-buttons { margin-top: 20px; }

.estimated-duration .textbox, .mileage .textbox { width: 75px; }
.project-form .form-row { margin-bottom: 0; }
.occurances .textbox { width: 30px; }

#project-wizard .summary-section { margin-bottom: 20px; border: 1px solid #CCCCCC; position: relative; }
#project-wizard .summary-header { font-weight: bold; padding: 5px 10px; background-color: #67A192; }
#project-wizard .summary-content { padding: 10px; }
#project-wizard .summary-title { float: left; color: #FFFFFF; }
#project-wizard .summary-edit-button { float: right; }
#project-wizard .summary-task-code, #project-wizard .summary-project-member { float: left; color: #07654C; font-weight: bold; width: 200px; margin-bottom: 5px; }
#project-wizard .project-task-code { margin-bottom: 5px; }
#project-wizard .radio-button-div { margin-bottom: 10px; }

.alternate-row-total { background-color: #E0E3CA !important; }
.common-table { margin-top: 20px; }
.common-table th { padding: 3px 8px; font-weight: bold; background-color: #E0E3CA; color: #07654C; }
.common-table td { padding: 3px 8px; vertical-align: top; }
.common-table td label { font-weight: bold; }
.common-table .alternate-row td { background-color: #cccccc; }
.common-table .textbox { width: 125px; }
.common-table textarea.textbox { width: 200px; height: 100px; display: block; }
.common-table select { width: 125px; }
.common-table .pagerResults select { width: auto; }
.common-table .common-table-button { width: 16px; }

#time-entry { border: 1px solid #CCCCCC; padding: 10px; margin-bottom: 15px; }
#time-entry .form-column { float: left; width: 230px; }
#time-entry .form-label { float: none; width: 200px; margin-bottom: 5px; } 
#time-entry .form-field { float: none; width: 200px; }
#time-entry textarea { width: 200px; height: 100px; display: block; }
#time-entry select { width: 200px; }
#time-entry .address input { width: 200px; }
.home-miles { font-style: italic; margin-top: 10px; }
.tooltip-hyperlink { text-decoration: underline; cursor: help; }

#time-entries { }
#time-entries .common-table { margin-top: 0; }
#select-date .form-label, #select-employee .form-label { width: 130px; }
#select-date .select-date-button { float: left; margin-left: 20px; }

.leave-request .form-label { width: 180px; }
.leave-request textarea.textbox, .comp-time-request textarea.textbox, .comp-time-approval textarea.textbox { width: 300px; height: 100px; display: block; }

.datetime-time select, #time-entry .datetime-time select { width: 40px; }

#time-balance { font-size: 11px; padding: 10px; border: 1px solid #CCCCCC; margin-bottom: 20px; width: 900px; }
#time-balance .balance-entry { display: block; margin-bottom: 5px; float: left; margin-right: 20px; }
#time-balance #last-leave-request { float: right; width: 280px; }
#time-balance .balance-label { font-weight: bold; color: #07654C; width: 90px; float: left; }
#time-balance .balance-value { font-weight: bold; float: left; }
#time-balance .hours { }
#time-balance .user .balance-label { width: 70px; }
#time-balance .balance-warning { color: Red; padding-bottom: 10px; }
#time-balance .balance-warning .balance-warning-text { font-weight: bold; }
#time-balance .balance-warning .balance-warning-image { float: left; margin-right: 10px; }
#time-balance .approval-label .approved { color: Purple; }
#time-balance .approval-label .rejected { color: Orange; }
#time-balance .approval-label .pending { color: #67A192; }
#time-balance #balances { float: left; }
#time-balance #calculate { text-align: center; }
#time-balance #calculate-progress { }
#calculate-progress .progress-text { font-size: 14px; font-weight: bold; position: relative; top: -2px; }

.filter-panel { border: 1px solid #CCCCCC; padding: 10px; position: relative; }
.filter-field { float: left; margin-right: 10px; height: 40px; font-weight: bold; position: relative; }
.filter-field select { width: 150px; }
.filter-button { float: left; margin-top: 13px; }

#export-link { margin-top: 20px; }

.time-entry-verification .date-text { margin-top: 20px; font-size: 16px; font-weight: bold; }
.time-entry-verification .common-table { margin-bottom: 20px; }
.time-entry-verification .approval-label { font-weight: bold; }
.time-entry-verification .approval-label .unapproved { color: Red; }
.time-entry-verification .approval-label .approved { color: Green; }
.time-entry-verification .approval-label .rejected { color: Orange; }
.time-entry-verification .approval-label .pending { color: #67A192; }
.time-entry-verification .approval-label .final { color: Purple; }
.time-entry-verification .time-entry-warning { color: Red; margin: 10px 0; }
.time-entry-verification .time-entry-warning .time-entry-warning-text { float: left; }
.time-entry-verification .time-entry-warning .time-entry-warning-text span { display: block; }
.time-entry-verification .time-entry-warning .time-entry-warning-image { float: left; margin-right: 10px; }
.time-entry-verification .radio-button label { margin-right: 5px; }
.time-entry-verification .supervisor-comments .textbox { width: 150px; height: 50px; }
.time-entry-verification .comp-time-row { background-color: #fcfbaa; }

.no-entries { padding: 10px 0; }

#change-password {  width: 400px; margin: 0 auto; }
#change-password .form-label { width: 150px; }
#change-password .failure-text {  display: block; color: Red; margin-bottom: 20px; }

#reset-password {  width: 400px; margin: 20px auto; background-color: #fff; padding: 25px; }
#reset-password .form-label { width: 150px; }
#reset-password .failure-text {  display: block; color: Red; margin-bottom: 20px; }

#request-inbox .request-row { padding-top: 10px; padding-left: 10px; }
#request-inbox .request-row-alternate { background-color: #ccc; }
#request-inbox #header-row { font-size: 14px; color: #07654C; padding-top: 10px; padding-left: 10px; margin-top: 10px; background-color: #E0E3CA; }
#request-inbox .form-row { float: left; width: 150px; margin-right: 10px; }
#request-inbox .form-label { float: none; width: auto; }
#request-inbox .form-field { float: none; }
#request-inbox .request-type { width: 120px; }
#request-inbox .submission-date { width: 70px; }
#request-inbox .second-row, #request-inbox .third-row { margin-left: 210px; }
#request-inbox .review-requests .second-row { margin-left: 0; }
#request-inbox .requested-by { width: 200px; font-size: 14px; font-weight: bold; }
#request-inbox .request-information, #request-inbox .request-hours { width: 200px; }
#request-inbox .request-comments { width: 300px; }
#request-inbox #empty-data { padding: 10px; }
#request-inbox .approval-label { font-weight: bold; }
#request-inbox .approval-label .approved { color: Purple; }
#request-inbox .approval-label .rejected { color: Orange; }
#request-inbox .approval-label .pending { color: #67A192; }
#request-inbox .button-row { width: 16px; }

.regular-hours { font-weight: bold; }

#time-entry-report .legend { margin-top: 20px; }
#time-entry-report .approval-label { font-weight: bold; }
#time-entry-report .approval-label .pending-employee { color: Red; }
#time-entry-report .approval-label .rejected { color: Orange; }
#time-entry-report .approval-label .pending-supervisor { color: #67A192; }
#time-entry-report .approval-label .final { color: Purple; }