/* begin stylesheet.css validated as at 2005-04-11 */
/* New styles for table-free layout go below, please leave them formatted
   like so :

style {
   text-align : center;
   width : 100%;
}

   See  http://www.alistapart.com/articles/taminglists/
        http://www.alistapart.com/articles/journey/
        http://glish.com/css/
        http://bluerobot.com/web/layouts/layout1.html
        http://bluerobot.com/web/layouts/layout1.html
*/

/* Basic style definitions for normal HTML elements */

body {
    background-color : #ffffff;
    color : #000;
    margin : 0px 0px 0px 0px;
}

body,p,td,th,a,dt,dd,h1,h2,h3,h4,h5,h6,ul,ol,li,blockquote {
    font-family : Arial, Helvetica, Sans-Serif;
    font-size: 12px;
}
/* Use a monospaced font for input fields to be visually distinct */
textarea,select,input {
    font-family : Courier, fixed;
    font-size: 12px;
}
/* Specify these somewhat advanced style declarations separately so that more
   prosaic styles do not get ignored if the browser chokes on these */
input[type="button"],input[type="checkbox"],input[type="reset"],input[type="submit"],input[type="text"] {
    font-family : Arial, Helvetica, Sans-Serif;
    font-size: 12px;
}

h1,h2,h3,h4,h5,h6 {
    font-weight: bold;
    padding: 0;
}
h1, h1 a {
    font-size : 20px;
}
h2, h2 a {
    font-size : 16px;
}
h3, h3 a {
    font-size : 14px;
}

table {
    margin-left : 0;
    margin-right : 0;
}
td {
    background-color : #ffffff;
}

a {
    color : #0000ff;
}
a:visited {
    color : #000066;
}
a:active {
    color : #000088;
}
a:hover {
    color : #005400;
    background-color : #fff;
}
a.noline {
    text-decoration : none;
}

a.openItem {
   border :thin dotted #000;
   color : #000;
   background-color : #DDD;
}

form {
    display : inline;
}

tr.hideRow {
    display : none;
}

tr.showRow {
    display : table-row;
}

li.hideItem {
    display : none;
}

li.showItem {
    display : list-item;
}
ul.hideItem {
    display : none;
}

ul.showItem {
    display : inline;
}

/* Classes used in conjunction with advanced layout styles */

.logo_pkr,a.logo_pkr {
    background-color : #e0e0ff;
    color : #0066cb;
    font-family : "Interstate Light", "Trebuchet MS", Arial, Helvetica, Sans-Serif;
}
.logo_line,a.logo_line,a.logo_line:hover {
    background-color : #e0e0ff;
    color : #999999;
    font-family : "Times New Roman", Sans-Serif;
}
.logo_internet,a.logo_internet  {
    background-color : #e0e0ff;
    color : #000;
    font-family : "Interstate Light", "Trebuchet MS", Arial, Helvetica, Sans-Serif;
}
.logo_apptitle  {
    color : #000;
    font-family : "Interstate Light", "Trebuchet MS", Arial, Helvetica, Sans-Serif;
    font-size : 14px;
}

.navhead {
    background-color : #87cefa;
    color : #000;
    line-height : 18px;
    width : 10em;
}

.actionButtonlist1 a, .actionButtonlist1 img, .actionButtonlist2 a, .actionButtonlist2 img {
    border : none;
    margin: 0;
    padding: 0px 2px 0px 0px;
    text-decoration : none;
    vertical-align : middle;
}
.actionButtonlist2 a, .actionButtonlist2 a:hover, .actionButtonlist2 img {
    background-color : #ddd;
}

    /* Classes used in form validation */

    .editor {
        background-color : #ddd;
    }
    .editorvalid {
        background-color : #ddd;
    }
    .editorinvalid {
        background-color : #ff0000;
    }

    .display {
        background-color : #ffffff;
    }

/* Other classes */

.columnsortlink, th.columnsortlink, a.columnsortlink {
    background-color : #ddf;
    color : #000;
    font-size : 14px;
    height : 20px;
    margin : 0px 3px 0px 0px;
    text-decoration : none;
    vertical-align : middle;
}
a.columnsortlink:hover {
    background-color : #000;
    color : #ccc;
}

    .list1 {
        background-color : #fff;
        color : #000;
        padding-left : 5px;
    }
    .list2 {
        color : #000;
        background-color : #ddd;
        padding-left : 5px;
    }
    .list3 {
        color : #000;
        background-color : #78f;
        padding-left : 5px;
        font-weight : bold;
    }
    .list_error {
        background-color : #d00;
        color : #fff;
        font-weight : bold;
        padding-left : 5px;
        vertical-align : top;
    }

    .leadClass {
        font-weight : bold;
    }

    .noborder {
        border : 0;
        border-collapse : collapse;
    }

    .solidborder {
        border : 1px #000 solid;
        border-collapse : collapse;
    }

/* nowrap is used in jsp/portal/index.jsp, please don't remove it */
.nowrap {
    white-space : nowrap;
}

.center {
    text-align : center;
}
.right {
    text-align : right;
}
.left {
    text-align : left;
}
.bold {
    font-weight : bold;
}

.submitStyle {
    font-family : Arial, Helvetica, Sans-Serif;
    font-weight : normal;
    font-size : 12px;
}

    /* Legacy classes used in old timesheet display and related pages */
    .total {
        background-color : yellow;
    }
    .grand {
        background-color : silver;
    }
    .daylight {
        background-color : #DDD;
        color : #000;
        font-size: 8pt;
    }
    .todaylight {
        background-color : #9e9;
        color : #000;
        font-size: 8pt;
    }
    .shade {
        background-color : #ccff99;
        color : #ff0000
        font-size : 20px;
        font-weight : bold;
    }
    .calm {
        background-color : #add8e6;
        color : #000
    }
    .invalid {
        background-color : #ff0000;
        color : #000
    }
    .valid {
        background-color : #d3d3d3;
        color : #000
    }
    .notices {
        background-color : yellow;
        color : #ff0000;
        font-weight : bold;
        margin: 1ex 0 0 0;
        vertical-align : top;
    }
    .query {
        background-color : #088;
        color : #fff;
        font-weight : bold;
        margin: 0;
    }
    .messages {
        background-color : #92FA85;
        color : #000;
        font-weight : bold;
        margin: 0;
    }
    .taskLead {
        font-weight: bold;
    }
    .approvedTime {
        font-weight: bold;
    }

/* Definitions for ID-based styles */

#portal {
    border-collapse : collapse;
    width : 100%;
}
#portal th {
    background-color: #ddf;
    border : 1px #000 solid;
    border-collapse : collapse;
    text-align : left;
    vertical-align : middle;
    white-space: nowrap;
}
#portal td {
    background-color: #fff;
    border-collapse : collapse;
    vertical-align : top;
}
#portal td.list1 {
    background-color: #fff;
    vertical-align: middle;
}
#portal td.list2 {
    background-color: #ddd;
    vertical-align: middle;
}
#portal h2, #portal h2 a, #portal h2 a:hover {
    background-color: #ddf;
    color : #000;
    margin: 0;
    padding: 0;
}

#billingReport {
    background-color : #fff;
    border : 1px #78f solid;
    border-collapse : collapse;
    padding : 0;
}
#billingReport th {
    border : 1px #78f solid;
    border-collapse : collapse;
    line-height : 18px;
    padding : 0px 0px 0px 0px;
}
#billingReport .payperiod1 {
    border-left : 2px #78f solid;
}
#billingReport .payperiod2 {
    border-right : 2px #78f solid;
}
#billingReport .payperiod3 {
    border-top : 2px #78f solid;
}
#billingReport .payperiod4 {
    border-bottom : 2px #78f solid;
}
#billingReport th.totals {
    border : 1px #78f solid;
    border-collapse : collapse;
    padding : 0px 0px 0px 5px;
    text-align : left;
}
#billingReport td {
    border : 1px #78f solid;
    border-collapse : collapse;
    line-height : 18px;
    padding : 0px 5px 0px 5px;
}

#calendar {
    background-color : #ddd;
    border : 1px #000 solid;
    border-collapse : collapse;
    padding : 0;
    width : 100%;
}
#calendar th {
    border : 1px #000 solid;
    border-collapse : collapse;
    text-align : left;
}
#calendar td {
    border : 1px #000 solid;
    border-collapse : collapse;
    padding : 2px;
}
#calendar input.description {
    width : 98%;
}
#calendar input {
    background-color : #fff;
}
#calendar input.total {
    background-color : #fff;
    border : none;
    font-weight : bold;
    text-align: right;
    width:45px;
}
#calendar input.hours {
    background-color : #fff;
}

#calendar input.right{
    text-align: right;
}

#calendar input.left{
    text-align: left;
}

#calendar td.total {
    background-color : #fff;
    border : 1px #000 solid;
}

    #editor {
        border-collapse : collapse;
        width : 100%;
    }
    #editor td {
        background-color: #ddd;
        border-collapse : collapse;
        vertical-align : top;
    }
    #editor td.header {
        background-color: #ddf;
        border : 1px #000 solid;
        font-weight : bold;
        padding-left : 5px;
    }
    #editor td.editorinvalid {
        background-color: #FF0000;
        font-weight : bold;
        padding-left : 5px;
    }
    #editor td.editorvalid {
        background-color : #ddd;
        padding-left : 5px;
    }
    #editor td.list1 {
        background-color: #fff;
        vertical-align: middle;
        padding-left : 5px;
    }
    #editor td.list2 {
        background-color: #ddd;
        vertical-align: middle;
        padding-left : 5px;
    }
    #editor td.list1valid {
        background-color: #fff;
        vertical-align: middle;
        padding-left : 5px;
    }
    #editor td.list2valid {
        background-color: #ddd;
        vertical-align: middle;
        padding-left : 5px;
    }
    #editor td.list1invalid {
        background-color: #FF0000;
        vertical-align: middle;
        padding-left : 5px;
    }
    #editor td.list2invalid {
        background-color: #FF0000;
        vertical-align: middle;
        padding-left : 5px;
    }
    #editor td.list3 {
        background-color: #00FFFF;
        font-weight: bold;
    }
    #editor td.list4 {
        background-color: #00FF00;
        font-weight: bold;
    }
    #editor td.list5 {
        background-color: #fff260;
        color: #000;
        font-weight: bold;
    }
    #editor th {
        background-color: #ddf;
        border : 1px #000 solid;
        border-collapse : collapse;
        text-align : left;
        white-space: nowrap;
        width : 9em;
    }
    #editor th.center {
        border : 1px #000 solid;
        border-collapse : collapse;
        text-align : center;
        width : 9em;
    }

    #editor th.header {
        background-color: #87cefa;
        text-align : center;
        font-size: 14px;
    }

    #editor th.top {
        border : 1px #000 solid;
        border-collapse : collapse;
        padding-top : 4px;
        vertical-align : top;
        width : 9em;
    }
    #editor select,textarea {
        width : 100%;
    }
    #editor h2, #editor h3 {
        background-color: #ddf;
        color : #000;
        margin: 0;
        padding: 0;
    }
    #editor h3 {
        font-size: 12px;
    }
    #editor a.h2 {
        font-size: 16px;
    }
    #editor p {
        margin-top: 0;
        padding-top: 0;
    }

    #payperiod {
        border-collapse : collapse;
    }
    #payperiod td {
        background-color: #ddd;
        border-collapse : collapse;
    }
    #payperiod td.editorinvalid {
        background-color: #FF0000;
        font-weight : bold;
    }
    #payperiod td.editorvalid {
        background-color : #ddd;
    }
    #payperiod td.list1 {
        border : none;
        border-bottom: 1px #000 solid;
        border-collapse : collapse;
        background-color : #fff;
        color : #000;
        padding-left : 5px;
    }
    #payperiod td.list2 {
        background-color : #ddd;
        border-bottom: 1px #000 solid;
        border-collapse : collapse;
        color : #000;
        padding-left : 5px;
    }
    #payperiod td.header {
        background-color : #fff;
        border : none;
        border-collapse : collapse;
        border-right : 1px #000 solid;
        color : #000;
        padding-left : 5px;
    }
    #payperiod td.total {
        background-color : #fff;
        border : 1px #000 solid;
        border-collapse : collapse;
        color : #000;
        text-align : right;
    }
    #payperiod td.time {
        background-color : #fff;
        border : 1px #000 solid;
        border-collapse : collapse;
        color : #000;
    }

    #payperiod table {
        background-color : #ddd;
        color: #000;
    }
    #payperiod table.report {
        background-color : #fff;
        border : none;
        border-collapse : collapse;
        color: #000;
    }
    #payperiod td.report {
        background-color : #fff;
        border : none;
        border-collapse : collapse;
        color: #000;
    }
    #payperiod input[type="button"]{
        border : 1px #000 solid;
        font-weight : bold;
        width: 100%;
    }
    #payperiod input.startDate{
        background-color: #fff;
    }
    #payperiod input.endDate {
        background-color: #fc7c32;
    }
    #payperiod input.cutoffDate {
        background-color: #fff260;
        font-weight: bold;
    }
    #payperiod input.payDate {
        background-color: #00FF00;
        color: #000;
        font-weight: bold;
    }
    #payperiod input.approved {
        background-color: #00FF00;
        color: #000;
        font-weight: bold;
    }
    #payperiod input.unapproved {
        background-color: #fff260;
        color: #000;
        font-weight: bold;
    }
    #payperiod th {
        border-collapse : collapse;
        border : 1px #000 solid;
        text-align : center;
        vertical-align : top;
        white-space: nowrap;
        width : 9em;
    }

    #reportheader {
        border : 1px #000 solid;
        border-collapse : collapse;
        margin : 0;
        padding : 0;
    }

#payroll {
    border-collapse : collapse;
    border : 1px #000 solid;
}
#payroll th {
    border-collapse : collapse;
    white-space: nowrap;
}
#payroll td {
    border-collapse : collapse;
}

#taskDisplay {
    border-collapse : collapse;
    width : 100%;
}
#taskDisplay th {
    background-color: #ddf;
    border : 1px #000 solid;
    border-collapse : collapse;
    text-align : left;
    width : 9em;
}
#taskDisplay th.top {
    background-color: #ddf;
    border : 1px #000 solid;
    border-collapse : collapse;
    padding-top : 2px;
    text-align : left;
    vertical-align : top;
    width : 9em;
}
#taskDisplay td {
    border-collapse : collapse;
}
#taskDisplay td.list1 {
    background-color: #fff;
    vertical-align: middle;
}
#taskDisplay td.list2 {
    background-color: #ddd;
    vertical-align: middle;
}

#tasklist {
    border : 1px #000 solid;
    border-collapse : collapse;
    width : 100%;
}
#tasklist th {
    background-color: #ddf;
    border-collapse : collapse;
    height : 20px;
}
#tasklist td {
    border-collapse : collapse;
    height : 20px;
}

#tasktimer {
    border : 0;
    border-collapse : collapse;
    width : 100%;
}
#tasktimer h1 {
    border : 0;
    margin : 2px 0px 2px 0px;
    padding : 2px;
    font-size : 14px;
    text-align : left;
}

#tasktimer td, #tasktimer th {
    background-color : #ddf;
    padding-left : 5px;
}
#tasktimer th {
    border : 0;
    border-right : 1px #000 dashed;
    line-height : 20px;
    text-align : left;
    white-space : nowrap;
    width : 9em;
}
#tasktimer td.input {
    background-color : #0066cb;
    color : #FFF;
}
#tasktimer .odd {
    background-color : #fff;
}
#tasktimer .even {
    background-color : #ddd;
}
#tasktimer select {
    font-size: 12px;
    width: 95%;
}
#tasktimer .timerbuttons {
    margin: 5px 0px 0px 0px; 
    display: float; 
    float: right;
}
#tasktimer .messages {
    background-color : #E1FCB6;
    color : #000;
    font-weight : normal; 
    margin-left : 0px;
    padding-left : 0px;
}
#tasktimer .notices {
    margin : 0px;
    padding-left : 0px;
}

#timerTicker input {
    background-color : #ddd;
}
#timerTicker input.element {
    font-size: 18px;
    background-color : #ddd;
}

#timerTicker td {
    padding-left : 0;
}

    #maintenanceList {
        list-style : none;
        padding: 7px 2px 5px 0px;
    }
    #maintenanceList ul {
        list-style : none;
        padding : 0;
    }

    #maintenanceList li.expand {
        padding: 0px 2px 3px 0px;
    }
    #maintenanceList ul.expand {
        padding: 0px 2px 5px 20px;
        list-style : none;
    }

    #maintenanceList li.noexpand {
        list-style : none;
    }
    #maintenanceList ul.noexpand {
        list-style : none;
    }

    #setup {
        border-collapse : collapse;
        border : 1px #000 solid;
    }
    #setup table {
        background-color : #ddd;
        color: #000;
    }
    #setup th {
        border-collapse : collapse;
        border : 1px #000 solid;
        padding-left : 5px;
        vertical-align : middle;
        width : 135px;
    }
    #setup td {
        background-color: #ddd;
        border-collapse : collapse;
    }