@import url('jquery.css');

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

body
{
    font-size: 10pt;
    font-family: Arial, Arial, Helvetica, sans-serif;
}

.body_popup { background-color: White; }
p { margin-top: 0px; }

div.scroll
{
    height: 412px;
    width: 250px;
    overflow: auto;
    border: 1px solid #666;
    background-color: #ccc;
    padding: 0px;
}

.small_text td, .small_text, .small_text select, .small_text input
{
    font-size: xx-small;
}
a, a:link, a:visited, a:active, a:hover
{
    color: #3461B6;
    text-decoration: none;
}

a:hover { color: #FF8802; text-decoration: none; }

h1, h2, h3, h4
{
    color: #06266F;
    margin: 0px;
    font-family: Verdana;
}
h1 { font-size: 150%; }
h2 { font-size: 140%; }
h3 { font-size: 130%; }
h4 { font-size: 120%; }

hr
{
    border: none;
    border-top: solid 1px #3461B6;
}

.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.errortext { color: Maroon; }

.pagemessage
{
    border-top: solid 1px Maroon;
    border-bottom: solid 1px Maroon;
    background-color: #FFFFAD;
    color: Maroon;
    font-weight: bold;
    padding: 3px 3px 3px 5px;
    margin-bottom: 5px;
}

.popup_page
{
    margin: 0px auto 0px auto;
}

.login
{
    width: 350px;
    margin: 30px auto;
    text-align: center;
}
.login_logo
{
    margin-bottom: 20px;
}
.login_content
{
    padding: 20px;
    background-color: white;
    border: solid 1px #06266F;
}
.login table
{
    margin: 0px auto;
}
.login input
{
    font-size: 14pt;
    font-weight: bold;
}
.login h1
{
    margin-bottom: 10px;
}

.page
{
    min-width: 1000px;
}
.banner
{
    padding: 5px;
    background-color: #06266F;
}
.banner_header
{
    font-size: 11pt;
    font-weight: bold;
    padding: 3px 0px 3px 2px;
    color: White;
}
.banner_nav
{
    background-color: #3461B6;
    color: White;
    height: 22px;
}

.main
{
}
.main_content
{
    padding: 0px 0px 0px 0px;
}

.content
{
    background-color: White;
    padding: 10px;
}

.sidebar_container
{
    width: 250px;
    display: table-cell;
    padding-top: 5px;
}
.sidebar { }
.sidebar_content { padding: 0px 5px 0px 5px; }
.sidebar_content .group_body_item, .sidebar_content .group_body_item a { font-size: 9pt; }

.sidebar_item
{
    background-color: #F3F3F3;
    margin-bottom: 5px;
    padding: 5px;
}

.footer
{
    color: Silver;
    font-size: xx-small;
    padding: 2px;
    text-align: center;
}

.dashboard { }
.dashboard .group_body { font-size: 8pt; }
.dashboard_footer { font-size: 8pt; margin-bottom: 5px; }

.list_item { border: solid 1px black; padding: 2px; margin-bottom: 3px; }

.group { border: solid 1px #06266F; margin-bottom: 5px; }
.group_header { color: #FF8802; background-color: #06266F; padding: 5px; font-weight: bold; }
.group_header .white_normal { color: White; font-weight: normal; }
.group_body { padding: 5px; background-color: White; }

.dashboard .group_body { padding: 2px 2px 0px 2px; }
.group_body_solid { background-color: #06266F; color: White; }
.group_body_header { padding: 3px 5px; font-weight: bold; background-color: Black; color: White; font-size: 9pt; }
.group_body_item { border-bottom: solid 1px #06266F; margin-bottom: 3px; padding: 2px 0px 2px 0px; }

.group_item { border: solid 1px #E0E0E0; margin-bottom: 5px; }
.group_item_header { padding: 5px; color: Black; background-color: #E0E0E0; font-weight: bold; font-size: 9pt; }
.group_item_body { padding: 5px; background-color: White; }
.group_item_footer { padding: 2px; color: Black; background-color: #E0E0E0; }
.group_item_body .group_item_footer {  margin: 5px -5px -5px -5px; }
.group_item_footer label { margin-right: 10px; }

.alert .group { }
.alert .group_header { background-color: Red; color: White; }
.alert .group_body { background-color: White; }

.important .group { }
.important .group_header { background-color: Maroon; color: White; }
.important .group_body { background-color: White; }

.calendar_cell
{
    width: 16%;
    text-align: left;
    vertical-align: top;
}
.calendar_day_header
{
    background-color: #06266F;
    color: White;
    font-weight: bold;
    text-align: center;
    padding: 4px;
}
.calendar_day_body
{
    border: solid 1px #06266F;
    padding: 2px;
}

.calendar_current_week
{
    background-color: #ffffff;
    color: Navy;
}
.calendar_today
{
    background-color: #FFFFC0;
    color: Navy;
}

.calendar_current_week a, .calendar_today a, .calendar_today a, .calendar_current_week a:hover, .calendar_today a:hover, .cal_prior_week a:hover
{
    font-size: 7pt;
    text-decoration: none;
    color: Navy;
}

/** Form Classes **/
.form { }
.form_header
{
    background-color: #06266F;
    padding: 5px;
}
.form_header, .form_header h1 { color: White; }
.form_body { padding-top: 8px; }

.form_cell_1-3 { min-width: 225px; }
.form_cell_1-3 input, .form_cell_1-3 select { width: 98%; }
.form_cell_2-3 { min-width: 450px; }
.form_cell_2-3 input { width: 98%; }
.form_cell_2-3 select { width: 99%; }
.form_cell_1-3 .datefield { max-width: 110px; }

.form_label { margin-bottom: 5px; padding-top: 4px; vertical-align: top; }
div.form_label { float: left; padding-right: 5px; margin-bottom: 0px; text-align: right; width: 115px; }
.form_label_top { margin-bottom: 2px; }
.form_value { margin-bottom: 4px; }
div.form_value { float: left; }

.form_part { margin-bottom: 5px; }
.form_row { clear: both; }
div.form_row { padding-bottom: 2px; }

.note_label { color: #808080; }
td.note_label { white-space: nowrap; }
.notice_requiredfields
{
    font-size: 7pt;
    font-style: italic;
}

.list { border: solid 1px #06266F; }
.list_header
{
    background-color: #06266F;
    padding: 2px;
    border-bottom: solid 1px #06266F;
    color: White;
}
.list_header td { white-space: nowrap; }
.list_header td, .list_header input, .list_header select { font-size: 8pt; }
.list_header a { color: #FF8802; }
.list_body { }

.grid_header { background-color: #ECECEC; }
.grid_header td, .grid_header th { font-size: 8pt; font-weight: bold; padding: 3px; }
.grid_item td { font-size: 8pt; padding: 3px; }
.grid_alternate { background-color: #F5F5F5; }

.float_left
{
    float: left;
    padding-right: 5px;
}

.float_right
{
    float: right;
    padding-left: 5px;
}

/*** OLD STYLES ***/
.listpage_search td
{
    font-size: 11px;
}
.gridtable_header_multi
{
    font-size: 10px;
}
.gridtable_header
{
    font-size: 10px;
}
.mile_header
{
}

.pnlMain
{
    border: solid 1px Black;
    padding: 2px;
    font-family: Arial;
    font-size: 7pt;
    overflow: hidden;
}

.requiredfield, .requiredField
{
    background-color: #ffffdd;
}

.calEvent
{
    border: solid 1px Black;
    color: White;
    width: 100%;
    padding: 1px 1px 1px 1px;
    margin-bottom: 2px;
    width: 98%;
}

.calHeader
{
    text-align: center;
    background-color: Gray;
    color: Black;
    font-weight: bold;
}

.calHomeHeader
{
    text-align: center;
    background-color: Silver;
    color: Black;
    font-weight: bold;
    font-size: 8pt;
}

.calPastPriorHomeHeader
{
    background-color: Silver;
    color: Black;
    font-weight: bold;
    font-size: 8pt;
    border: none;
}

.calCurrentMonth
{
    background-color: #ffffff;
    color: Navy;
    height: 80px;
    text-align: left;
    vertical-align: top;
}
.calCurrentWeek
{
    background-color: #ffffff;
    color: Navy;
    text-align: left;
    vertical-align: top;
}
.calPastDueWeek
{
    background-color: #ffffff;
    color: Navy;
    text-align: left;
    vertical-align: top;
}
.calCurrentWeek a, .calCurrentWeekToday a, .calPastDueWeek a, .calCurrentWeek a:hover, .calCurrentWeekToday a:hover, .calPastDueWeek a:hover
{
    font-size: 7pt;
    text-decoration: none;
    color: Navy;
}

.calCurrentMonthToday
{
    text-align: left;
    background-color: #FFFFC0;
    color: Navy;
    height: 80px;
    text-align: left;
    vertical-align: top;
}

.calCurrentWeekToday
{
    text-align: left;
    background-color: #FFFFC0;
    color: Navy;
    text-align: left;
    vertical-align: top;
}

.calMonthWeekend
{
    text-align: left;
    background-color: #DCDCDC;
    color: Navy;
    height: 80px;
    text-align: left;
    vertical-align: top;
}

.calCurrentMonthToday
{
    text-align: left;
    background-color: #FFFFC0;
    color: Navy;
    height: 80px;
    text-align: left;
    vertical-align: top;
}

.calMonthWeekend
{
    text-align: left;
    background-color: #DCDCDC;
    color: Navy;
    height: 80px;
    text-align: left;
    vertical-align: top;
}

.calDate
{
    color: #333333;
    text-align: right;
}

.calItems, .calItems a
{
    color: Black;
    font-size: 10px;
    text-align: left;
}

.calMonth
{
    text-align: left;
    background-color: silver;
    color: Navy;
    height: 80px;
    text-align: left;
    vertical-align: top;
}

.viewHeader
{
    background-color: white;
    border-top: solid 1px black;
    border-left: solid 1px black;
    border-right: solid 1px black;
    font-size: 7pt;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 2px;
    padding-right: 2px;
}

.viewBody
{
    border: solid 1px black;
    font-size: 7pt;
    width: 140px;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 2px;
    padding-right: 2px;
}

.viewFooter
{
    background-color: White;
    border-bottom: solid 1px black;
    border-left: solid 1px black;
    border-right: solid 1px black;
    font-size: 7pt;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 2px;
    padding-right: 2px;
}

.viewItems, .viewItems a
{
    color: Black;
    font-size: 10px;
    text-align: left;
}

td.viewItems
{
    background-color: Silver;
    border: solid 1px Gray;
    height: 100%;
}

/*****************/
/* General Items */
/*****************/
.header_group
{
    background-color: #F3F3F3;
    padding: 1px 2px 1px 2px;
    margin-bottom: 2px;
}

.link_button
{
    background-color: #F1F1ED;
    border: solid 1px #707070;
    padding: 2px 4px 2px 4px;
}

a.link_button:visited, a.link_button:active, a.link_button:link, a.link_button:hover
{
    text-decoration: none;
}

.group_left
{
    border-left: solid 1px #ECECEC;
    border-top: solid 1px #ECECEC;
    border-bottom: solid 1px #ECECEC;
}

.group_middle
{
    border-top: solid 1px #ECECEC;
    border-bottom: solid 1px #ECECEC;
}

.group_right
{
    border-right: solid 1px #ECECEC;
    border-top: solid 1px #ECECEC;
    border-bottom: solid 1px #ECECEC;
}

.group_top, .group_top_bottom
{
    border-top: solid 1px #ECECEC;
}

.group_bottom, .group_top_bottom
{
    border-bottom: solid 1px #ECECEC;
}

.form_buttons
{
    padding-top: 5px;
    padding-bottom: 5px;
}

.form_label
{
    font-size: 9pt;
}

.form_field
{
    font-size: 9pt;
}

.form_group
{
    border: solid 2px #ECECEC;
    margin-bottom: 3px;
}

.form_group_header
{
    background-color: #ECECEC;
    font-weight: bold;
    padding: 5px;
}

.form_group_body { padding: 5px; }

.warning_message span
{
    display: block;
    padding: 2px 2px;
    background-color: Yellow;
    font-weight: bold;
    color: Maroon;
}

.todays_clock_header
{
    font-weight: bold;
    margin-bottom: 5px;
}
.todays_clock_row
{
    border-top: solid 1px Silver;
    border-bottom: solid 1px Silver;
    margin-top: -1px;
}
.todays_clock_details
{
    padding: 3px 2px 3px 1px;
}
.todays_clock_clock_in
{
    padding: 6px 1px 6px 2px;
}

.custom_clock_header
{
    font-weight: bold;
    margin-bottom: 5px;
}
.custom_clock_row
{
    border-top: solid 1px Silver;
    border-bottom: solid 1px Silver;
    margin-top: -1px;
}
.custom_clock_details
{
    padding: 3px 2px 3px 1px;
}
.custom_clock_clock_in
{
    padding: 6px 1px 6px 2px;
}

.scroll_alert_users
{
    float: left;
    max-height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
    border: solid 2px #9EBEF5;
    padding: 0px 5px 0px 0px;
}

.scroll_contact_groups
{
    height: 175px;
    overflow-y: scroll;
    overflow-x: auto;
    border: solid 2px #9EBEF5;
}

.right
{
    float: right;
}

.pad_bottom_15
{
    padding-bottom: 15px;
}

.mini_form_module
{
    float: right;
    width: 347px;
}

.mini_form
{
    float: right;
    border: solid 2px #9EBEF5;
    padding: 5px;
}

.mini_form_module_grid
{
    border: solid 1px #06266F;
}

.mini_form_module_grid_header
{
    background-color: #06266F;
    color: White;
    font-weight: bold;
    height: 25px;
}

.mini_form_module_grid_alt_row
{
    background-color: #ECECEC;
}

.column-row { clear: both; }
.column-row-top { }
.column-row-secondary { padding-top: 2px; }
.column-header { padding: 3px 0px 2px 0px; color: #505050; }
.column-1-2 { float: left; width: 50%; }
.column-1-3 { float: left; width: 33%; }
.column-1-3-first { float: left; width: 34%; }
.column-2-3 { float: left; width: 67%; }

.column-content td { padding: 0px 2px; }
.column-content { padding: 0px 4px 0px 2px; }
.column-content input { width: 98%; display: block; padding: 1px 2px; }
.column-1-3 .column-1-2 input, .column-1-3-first .column-1-2 input { width: 95%; }
.column-content select { width: 100%; }

img.task { margin: 0px 5px 0px 0px; }

.message_footer
{
    padding-top: 5px;
    font-size: 7pt;
}

.filetree 
{
    width: 200px;
    margin: 5px 5px 0px 0px;
	padding: 10px;
	border: 1px solid lightgray;
	border-radius: 5px;
}

.document_item 
{
    margin: 5px 0px;
    border: 1px solid lightgray;
    border-radius: 5px;
    padding: 3px;
}

.document_header 
{
    width: 100%;
    font-weight: bold;
    font-size: larger;
}