/*
    Author: Jason Mathews, SMP Consulting LLC (Appean Group)
    Date: April 30, 2012
    Description: Primary style sheet for the CompTracker district compensation tracking system.

    Copyright 2012 SMP Consulting LLC.  All rights reserved.
*/

body 
{
    background-color:#ffffff;
    font-family:Arial, Helvetica, sans-serif;
    color:#545353;
    font-size:.875em;
    margin:0px;
}

html, body, form, #wrapper
{
    height:100%;

}

form > #wrapper /* Wrapper inherits from form element.  Needed for sticky footer.  See http://www.lwis.net/journal/2008/02/08/pure-css-sticky-footer/ */
{
    height:auto;
    min-height:100%;
}

p
{
    margin-bottom:20px;
    margin-top:0px;
}

h1
{
    font-size:1.90em;
    font-weight:bold;
    color:#2f709f;
    margin-top:0px;
    margin-bottom:10px;
}

h1.warning 
{
    background-image:url(images/warning_msg_medium.png);
    background-position:left;
    background-repeat:no-repeat;
    padding-left:45px;
}

h2
{
    font-size:1.700em;
    font-weight:bold;
    color:#2f709f;
    margin-top:0px;
    margin-bottom:15px;

}

h3
{
    font-size:1.150em;
    font-weight:bold;
    color:#545353;
    text-decoration:underline;
    margin-top:0px;
    margin-bottom:15px;
}

h4
{
    color:#545353;
    font-size:1.000em;
    font-weight:bold;
    margin-top:0px;
    margin-bottom:15px;
}

a
{
    color:#5a9ecf;
    outline:none;
}

li 
{
    margin-bottom:10px;
}

a.large_link 
{
    font-size: 1.75em;
    font-weight: bold;
}

a img
{
    border-style:none;
}

input, textarea, select, input[type="file"]
{
    color:#545353;
    font-family:Arial, Helvetica, sans-serif;
    font-size:.9em;
}

input.custom_field_text, select.custom_field
{
    width: 200px;
    text-align:right;
}

input.custom_field_numeric, input.numeric_field
{
    width: 50px;
    text-align:right;
}

input.figure
{
    text-align:right !important;   
}

input.small_figure
{
    width: 30px;
    text-align:center !important;  
}

input.days, input.hours 
{
    width: 50px;
    text-align:center !important;  
}


input.large_figure
{
    width: 70px;
    text-align:center !important;  
}

input.small_text_figure
{
    width: 70px;
    text-align:left !important; 
}

input.medium_figure
{
    width: 50px;
    text-align:center !important;  
}

input.large_dollar_figure, input.percentage_figure
{
    width: 70px;
    text-align:right !important;  
}

input.very_large_dollar_figure
{
    width: 90px;
    text-align:right !important;  
}

input.small_dollar_figure
{
    width: 50px;
    text-align:right !important;  
}
    
input[type="text"].padded
{
    padding:0px;
    margin:3px 10px 3px 2px;
    height:26px;
    line-height:26px;
}

select
{
    padding:3px;
    margin:3px 10px 3px 0px;
    height:26px;
    line-height:26px;
}

textarea
{
    resize:none;
    overflow:auto;
    width:99%;
}

.container
{
    background-color:#ffffff;
}

.right
{
    float:right;
}

.left
{
    float:left;
}

.hidden
{
    display:none !important;
}

.note 
{
    font-style:italic;
    font-size:.750em;
}

.large_note 
{
    font-style:italic;
}

.no_padding
{
    padding:0px !important;
}

.show {
    display: block !important;
}

/* ---------- Header ----------*/

.header
{
    padding-top:5px; /* Padding used instead of margin to ensure that wrapper element captures full height of header and content.  Required to properly position footer. */
    background-color:#ffffff;
}

.header .tr
{
    background-image:url(images/top_right_white_corner.png);
    background-repeat:no-repeat;
    background-position:top right;
}

.header .tl
{
    background-image:url(images/top_left_white_corner.png);
    background-repeat:no-repeat;
    background-position:top left;
}

.header .br
{
    background-image:url(images/bottom_right_white_corner.png);
    background-repeat:no-repeat;
    background-position:bottom right;
}

.header .bl
{
    background-image:url(images/bottom_left_white_corner.png);
    background-repeat:no-repeat;
    background-position:bottom left;
}

.header .in
{
    padding:15px 10px 10px 10px;
}

.header .controls
{
    float:right;
    margin-top:0px;
    
}

.tr, .tl, .br, .bl
{
    width:100%;
    height:8px;
}

/* ---------- Primary Toolbar ---------- */

.toolbar
{
    background-color:none;
    background-image:url(images/main_toolbar_background.png);
    background-repeat:repeat-x;
    background-position:top left;
    height:47px;
    z-index:10;
    position:relative;
}

.toolbar .tr
{
    background-image:url(images/top_right_blue_corner.png);
    background-repeat:no-repeat;
    background-position:top right;
}

.toolbar .tl
{
    background-image:url(images/top_left_blue_corner.png);
    background-repeat:no-repeat;
    background-position:top left;
}

.toolbar .in
{
    padding:5px 0px 8px 0px;
}

/* ---------- Primary Toolbar Buttons ---------- */


.toolbar a.toolbarbutton
{
    text-decoration:none;
    display:block;
    float:left;
    margin:0 20px 0 0;
    color:#ffffff;
    padding:0;
}

.toolbar a.toolbarbutton:active
{

}

.toolbar a.toolbarbutton span
{
    display:block;
    font-size:1.125em;
    margin:8px 0 0 10px;
    text-indent:30px;
    background-repeat:no-repeat;
    height:20px;
    padding:0;
}

.toolbar a.toolbarbutton span.selected
{
    font-weight:bold;
}

.toolbar a.toolbarbutton span.dashboard { background-image:url(images/main_toolbar_home_icon.png); }

.toolbar a.toolbarbutton span.district { background-image:url(images/main_toolbar_district_icon.png); }

.toolbar a.toolbarbutton span.report { background-image:url(images/main_toolbar_reports_icon.png); }

.toolbar a.toolbarbutton span.analytics { background-image:url(images/main_toolbar_analytics_icon.png); }

.toolbar a.toolbarbutton span.admin { background-image:url(images/main_toolbar_security_icon.png); }

.toolbar a.toolbarbutton span.help { background-image:url(images/main_toolbar_help_icon.png); }

.toolbar a.toolbarbutton span.documents { background-image:url(images/main_toolbar_documents_icon.png); }

/* ---------- Secondary Toolbar ---------- */

.secondary_toolbar
{
    background-color:#edeef0;
    border-bottom:1px solid #d9d9d9;
    height:35px;
    margin-top:-8px;
    z-index:0;
    
}

.secondary_toolbar .in
{
    padding:10px 0px 8px 10px;

    
}

/* ---------- Secondary Toolbar Links ---------- */

.secondary_toolbar a
{
    text-decoration:none;
    display:block;
    float:left;
    margin:0 30px 0 0;
    font-size:1.125em;
}

/* ---------- Main Content Window ---------- */

.mainContent
{
    padding:10px 0 125px 0; /* Padding + Footer Height */
    background-color:#ffffff; /* f4f4f4 */
    min-height:500px;
	height:auto !important;
	height:500px;       
}

/* ---------- Page Title ---------- */

.page_title h1
{
    font-weight:normal !important;  
    margin-bottom:12px !important;
    font-size:2.000em;
}

.district_page_title h1, .budget_page_title h1
{
    margin-bottom:0px; 
    font-weight:normal !important;
}


.district_page_title h2, .budget_page_title h2
{
    font-size:1.300em;
    font-weight:bold;
    color:#2f709f;
    margin-top:0px;
    margin-bottom:20px;

}

/* ---------- Content Tabs ---------- */

ul.tabs
{
    margin:0px;
    padding:0px;
}

ul.tabs li
{
    list-style:none;
}

ul.tabs li a
{
    color: #545353;
    text-decoration:none;
    background: url(images/inactive_tab_cap.png) no-repeat right;
    display:block;
    height:32px;
    float:left;
    padding-right:16px; /* sliding doors padding */
    margin-right:5px;
}

ul.tabs li a.active
{
    color:#ffffff;
    background: url(images/active_tab_cap.png) no-repeat right;
}

ul.tabs li a span
{
    background: url(images/inactive_tab.png) no-repeat;
    padding: 0px 0px 0px 16px;
    line-height:32px;
    display:block;
}

ul.tabs li a.active span
{
    background: url(images/active_tab.png) no-repeat;
}

.tab_controls
{
    height:100%;   
    padding-left:10px;
}

.tab_content, .main_content, .wizard_content
{
    border:1px solid #d9d9d9;
    background-color:#ffffff;
    min-height:625px;
	height:auto !important;
	height:625px; 
}

.modal_window_body .tab_content
{
   height:350px !important;
   min-height:350px !important;
   overflow:auto;
   margin-bottom:20px;
}

.main_content .content, .tab_content .content, .med_plan .content, .login .content
{
    margin:10px;
}

.tab_content .content, .med_plan .content, .wizard_content .content
{
    display:none;
}

.tab_content .active, .med_plan .active, .wizard_content .active
{
    display:block !important;
}

/* ---------- Wizard Control ---------- */

ul.wizard_control
{
    margin:0px;
    padding:0px;
    
}

ul.wizard_control li
{
    list-style:none;
    margin-bottom: 0px !important;
}

ul.wizard_control li a
{
    color: #545353;
    text-decoration:none;
    background: url(images/grey_wizard_arrow.png) no-repeat right;
    display:block;
    height:32px;
    float:left;
    padding-right:18px; /* sliding doors padding */
    margin-right:0px;
    
}

ul.wizard_control li a.active, ul.wizard_control li a.active_final, ul.wizard_control li a.complete
{
    color:#ffffff;
}

ul.wizard_control li a.active, ul.wizard_control li a.active_final
{
    text-decoration:underline;
    font-weight:bold;
}

ul.wizard_control li a.active
{
    background: url(images/green2_wizard_arrow.png) no-repeat right;
}

ul.wizard_control li a.active_final
{
    background: url(images/green2_wizard_arrow_final.png) no-repeat right;
}

ul.wizard_control li a.complete
{
    background: url(images/green2_wizard_arrow_complete.png) no-repeat right;
}

ul.wizard_control li a.inactive_final
{
    background: url(images/grey_wizard_arrow_final.png) no-repeat right;
}


ul.wizard_control li a span
{
    background-color:#f4f4f4;
    padding: 0px 5px 0px 9px;
    line-height:32px;
    display:block;
    
}

ul.wizard_control li a.active span, ul.wizard_control li a.active_final span, ul.wizard_control li a.complete span
{
    background-color:#86b20b
}

.modal_window_body .wizard_content
{
   height:336px !important;
   min-height:336px !important;
   height:auto !important;
   margin-bottom:20px;
   border:none;
}

.modal_window_body .wizard_sub_content
{
   overflow:auto;
   height:296px;
   margin-bottom:20px;
   padding:5px 5px 0 5px;
   border:1px solid #d9d9d9;
}

/* ---------- Tables ---------- */

table
{
    margin-bottom:20px;
    border-bottom:2px solid #7f7f7f;
    border-spacing:0px;
}

th
{
    background-color:#2f709f;
    color:#ffffff;
    padding:5px 5px;
    text-align:center;
    border-bottom:2px solid #7f7f7f;
    border-spacing:0px;
}

th.test
{
    background-color:#ffffff;  /* d9d9d9*/
    color:#545353; /* 545353*/
    border-bottom:1px solid #7f7f7f;
}

td.last 
{
border-bottom:1px solid #7f7f7f;
}

th.left_column
{
    text-align:left;
    padding:5px 5px;
}

td
{
    padding:5px 5px;
    text-align:center;
}

.gridViewPager, div.listViewPagerContainer
{
    width: 100%;
    border-top:2px solid #7f7f7f;
    text-align:left;
}

div.listViewPagerContainer
{
    margin-bottom:20px;
    padding-top:10px;
    padding-bottom:12px;
}

div.listViewPagerContainer span.pagerWrapper
{
    border-bottom:2px solid #7f7f7f;
    padding-bottom:5px;
}

div.listViewPagerContainer a, div.listViewPagerContainer span.selectedItem
{
    padding-left:5px;
    padding-bottom:5px;
}

.gridViewPager table
{
    margin-bottom:0px !important;
}

.gridViewPager td 
{
    padding-left:0px !important;
}

.gridViewPager td table td
{
    padding-left:5px !important;
}

table.table_style_1 td
{
    padding:5px 5px;
    text-align:center;
    min-width:100px;
    border-left:1px solid #bfbfbf;    
}

table.table_style_1 td.subheading
{
    font-weight:bold;
}

table.table_style_1 td.plain, table.table_style_1 th.plain
{
    border:none !important;
    min-width:0px !important;
       
}

table.table_style_1 td.checkbox_table_column, table.table_style_1 th.checkbox_table_column
{
    background-color:#ffffff; 
    padding: 5px 10px;
    border-right: 1px solid #bfbfbf;
    border:none !important;
    min-width:0px !important;
}

table.table_style_1 td.checkbox_table_row, table.table_style_1 th.checkbox_table_row
{
    background-color:#ffffff; 
    padding: 5px 0px;
    border-width: 0px 1px 0px 0px !important;
    border-style: solid;
    border-color: #bfbfbf;
    min-width:42px !important;
    width:42px !important;
}

td.left_column
{
    text-align:left;  
    padding:5px 5px;
}

td.right_column
{
    text-align:right;  
    padding:5px 5px;
}

table.table_style_1 td.left_column
{
    border-right:2px solid #7f7f7f;
    border-left:none;   
    min-width:0px !important;
}

tr
{
    background:#ffffff;
}

tr.alt
{
    background-color:#ebebeb;   
}

table.table_style_1
{
    margin-bottom:0px !important;
    border-bottom:none !important;
}

table.table_style_1 th
{
    padding:3px 30px;
    min-width:50px;   
    text-align:center !important;
}

table.table_style_1 th.ranking, table.table_style_1 th.year
{
    padding:3px 15px;
    border-left-style:none;
}

table.table_style_1 th.left_column
{
    border-right:2px solid #7f7f7f;
    min-width:0px !important;
    padding:3px 10px; 
}

table.table_style_1 th.position
{
    border-right:2px solid #7f7f7f;
    min-width:150px !important;
    padding:3px 10px; 
}

table.table_style_2
{
    width:100%;
 
}

table.table_style_2 th
{
    text-align:left;
    border-bottom:2px solid #7f7f7f;
}

table.table_style_2 td
{
    padding:5px 5px;
    text-align:left;
    border-left:none;
    
}

table.table_style_2 td.left_column
{
    border:none;
    padding:0 15px;
    width: 10%;
}

table.table_style_3
{
    border-bottom:none;
}

table.table_style_3, table.table_style_4 
{
    width:100%;
}

table.table_style_5
{
    width:100%;
    margin-bottom:0px;
    border-bottom:none;
}

table.standard_input
{
    border:none;
}

fieldset table
{
    margin-bottom:0px;
}

table.standard_input td.label
{
    text-align:right !important;
    padding-right:10px !important;
}

table.standard_input td.label_left
{
    text-align:left !important;
    padding-right:10px !important;
}

table.standard_input td.input
{
    text-align:left !important;
    padding-right:15px !important;
}

table.standard_input td
{
    padding:2px 0px !important;
    text-align:left;
}

table.standard_input tr.two_column
{
    width:100%;   
}

table.standard_input tr.two_column td
{
    width:25%;   
}

table.table_style_4 td.left_column, table.table_style_4 th.left_column, scrolling_table_header th.left_column, scrolling_table_header td.left_column
{
    text-align:left;
}

td.empty_record, tr.empty_record td, div.empty_record
{
    line-height:100px;
    font-weight:bold;
    text-align:center !important;
}

table.table_style_1 tr.empty_record td
{
    border-left:none !important;
}

table.activityLogs .left_column
{
    padding:5px 5px 5px 15px !important;
}

th.no_min_width, td.no_min_width
{
    min-width:0px !important;
}

.dynamicTable
{
    margin-bottom:30px !important;
}

td.custom_field_table_label_column
{
    text-align:left !important;
    width:60% !important;     
}

/* ---------- Button Controls ---------- */
.dropdown_button_wrapper {
    position: relative;
    display: inline-block;
}

.dropdown_button_content {
    margin-top: 35px;
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown_button_content a {
    color: #545353;
    padding: 5px 10px;
    text-decoration: none;
    display: block;
}

.dropdown_button_content a:hover {
    background-color: #ddd;
}

div.button_placeholder /* Prevents div button containers from colapsing when buttons are removed. */
{
    height:32px;
}

a.button, a.add_option_button /* Sliding doors approach to button design */
{
    float:left;
    text-decoration:none;
    color:#545353;
    display:block;
    height:32px;
    margin-right:10px;
    margin-bottom:10px;
}

a.button { /* Sliding doors approach to button design */
    background: url(images/inactive_button_cap.png) no-repeat right;
    padding-right:17px; /* sliding doors padding */
}

a.button:active
{
    background: url(images/active_button_cap.png) no-repeat right;
}

a.add_option_button /* Sliding doors approach to button design */
{
    background: url(images/inactive_add_option_arrow_button_cap.png) no-repeat right;
    padding-right:40px; /* sliding doors padding */
}

a.add_option_button:active
{
    background: url(images/active_add_option_arrow_button_cap.png) no-repeat right;

}

a.right, select.right_side
{
    margin-right:0px !important;   
}

a.button span, a.add_option_button span
{
    background: transparent url(images/inactive_button.png) no-repeat;
    display:block;
    line-height:32px;
    padding:0px 0px 0px 17px;
}

a.button:active span, a.add_option_button:active span
{
    background: transparent url(images/active_button.png) no-repeat;
    padding:1px 0px 0px 17px;
}

a.button span.edit
{
    background: transparent url(images/inactive_edit_button.png) no-repeat;
    padding-left:35px;
}

a.button:active span.edit
{
    background: transparent url(images/active_edit_button.png) no-repeat;
}

a.button span.activate
{
    background: transparent url(images/inactive_lightbulb_off_button.png) no-repeat;
    padding-left:35px;
}

a.button:active span.activate
{
    background: transparent url(images/active_lightbulb_off_button.png) no-repeat;
}

a.button span.deactivate
{
    background: transparent url(images/inactive_lightbulb_on_button.png) no-repeat;
    padding-left:35px;
}

a.button:active span.deactivate
{
    background: transparent url(images/active_lightbulb_on_button.png) no-repeat;
}

a.button span.email
{
    background: transparent url(images/inactive_email_button.png) no-repeat;
    padding-left:38px;
}

a.button:active span.email
{
    background: transparent url(images/active_email_button.png) no-repeat;
}

a.button span.calendar
{
    background: transparent url(images/inactive_calendar_button.png) no-repeat;
    padding-left:35px;
}

a.button:active span.calendar
{
    background: transparent url(images/active_calendar_button.png) no-repeat;
}

a.button span.remove_option
{
    background: transparent url(images/inactive_remove_option_arrow_button.png) no-repeat;
    padding-left:35px;
}

a.button:active span.remove_option
{
    background: transparent url(images/active_remove_option_arrow_button.png) no-repeat;
}

a.button span.calculate_blue
{
    background: transparent url(images/inactive_calculator_blue_button.png) no-repeat;
    padding-left:35px;
}

a.button:active span.calculate_blue
{
    background: transparent url(images/active_calculator_blue_button.png) no-repeat;
}

a.button span.calculate_grey
{
    background: transparent url(images/inactive_calculator_grey_button.png) no-repeat;
    padding-left:35px;
}

a.button:active span.calculate_grey
{
    background: transparent url(images/active_calculator_grey_button.png) no-repeat;
}

a.button span.disable
{
    background: transparent url(images/inactive_disable_button.png) no-repeat;
    padding-left:35px;
}

a.button:active span.disable
{
    background: transparent url(images/active_disable_button.png) no-repeat;
}

a.button span.move
{
    background: transparent url(images/inactive_move_button.png) no-repeat;
    padding-left:35px;
}

a.button:active span.move
{
    background: transparent url(images/active_move_button.png) no-repeat;
}

a.button span.excel
{
    background: transparent url(images/inactive_excel_button.png) no-repeat;
    padding-left:35px;
}

a.button:active span.excel
{
    background: transparent url(images/active_excel_button.png) no-repeat;
}

a.button span.add
{
    background: transparent url(images/inactive_add_button.png) no-repeat;
    padding-left:35px;
}

a.button:active span.add
{
    background: transparent url(images/active_add_button.png) no-repeat;
}

a.button span.apply
{
    background: transparent url(images/inactive_apply_button.png) no-repeat;
    padding-left:35px;
}

a.button:active span.apply
{
    background: transparent url(images/active_apply_button.png) no-repeat;
}

a.button span.analyze
{
    background: transparent url(images/inactive_analytics_button.png) no-repeat;
    padding-left:35px;
}

a.button:active span.analyze
{
    background: transparent url(images/active_analytics_button.png) no-repeat;
}

a.button span.delete
{
    background: transparent url(images/inactive_delete_button.png) no-repeat;
    padding-left:35px;
}

a.button:active span.delete
{
    background: transparent url(images/active_delete_button.png) no-repeat;
}

a.button span.edit_table
{
    background: transparent url(images/inactive_edit_table_button.png) no-repeat;
    padding-left:35px;
}

a.button:active span.edit_table
{
    background: transparent url(images/active_edit_table_button.png) no-repeat;
}

a.button span.upload
{
    background: transparent url(images/inactive_upload_button.png) no-repeat;
    padding-left:35px;
}

a.button:active span.upload
{
    background: transparent url(images/active_upload_button.png) no-repeat;
}

a.button span.download
{
    background: transparent url(images/inactive_download_button.png) no-repeat;
    padding-left:35px;
}

a.button:active span.download
{
    background: transparent url(images/active_download_button.png) no-repeat;
}

a.button span.save
{
    background: transparent url(images/inactive_save_button.png) no-repeat;
    padding-left:35px;
}

a.button:active span.save
{
    background: transparent url(images/active_save_button.png) no-repeat;
}

a.button span.report
{
    background: transparent url(images/inactive_report_button.png) no-repeat;
    padding-left:35px;
}

a.button:active span.report
{
    background: transparent url(images/active_report_button.png) no-repeat;
}

a.button span.delete_user
{
    background: transparent url(images/inactive_delete_user_button.png) no-repeat;
    padding-left:35px;
}

a.button:active span.delete_user
{
    background: transparent url(images/active_delete_user_button.png) no-repeat;
}

a.button span.add_user
{
    background: transparent url(images/inactive_add_user_button.png) no-repeat;
    padding-left:35px;
}

a.button:active span.add_user
{
    background: transparent url(images/active_add_user_button.png) no-repeat;
}

a.button span.recycle
{
    background: transparent url(images/inactive_recycle_button.png) no-repeat;
    padding-left:35px;
}

a.button:active span.recycle
{
    background: transparent url(images/active_recycle_button.png) no-repeat;
}

a.button span.print
{
    background: transparent url(images/inactive_print_button.png) no-repeat;
    padding-left:35px;
}

a.button:active span.print
{
    background: transparent url(images/active_print_button.png) no-repeat;
}

a.button span.search
{
    background: transparent url(images/inactive_search_button.png) no-repeat;
    padding-left:35px;
}

a.button:active span.search
{
    background: transparent url(images/active_search_button.png) no-repeat;
}

a.button span.merge
{
    background: transparent url(images/inactive_merge_button.png) no-repeat;
    padding-left:30px;
}

a.button:active span.merge
{
    background: transparent url(images/active_merge_button.png) no-repeat;
}

a.button span.compress
{
    background: transparent url(images/inactive_compression_button.png) no-repeat;
    padding-left:35px;
}

a.button:active span.compress
{
    background: transparent url(images/active_compression_button.png) no-repeat;
}

/* ---------- Modal Overlay ---------- */

.overlay_background
{
    visibility:hidden;
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:1000;
	background-image:url(images/modal_overlay_background.png);
	background-repeat:repeat;
}

.loading_window_overlay
{
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:1100;
	background-image:url(images/modal_overlay_background.png);
	background-repeat:repeat;
}

.loading_modal_window 
{
    position:absolute;
	height:auto;
	width:368px;
	top:40%;
	left:50%;
	margin:-100px 0 0 -175px; /* Negative half of the height & width */
}

.modal_window
{
    position:absolute;
	width:938px;
	top:50%;
	left:50%;
	margin:-305px 0 0 -480px; /* Negative half of the height & width */
}

.modal_window_medium
{
    position:absolute;
	height:auto;
	width:478px;
	top:40%;
	left:50%;
	margin:-130px 0 0 -239px; /* Negative half of the height & width */
}

.modal_window_medium-large
{
    position:absolute;
	height:auto;
	width:718px;
	top:40%;
	left:50%;
	margin:-225px 0 0 -359px; /* Negative half of the height & width */
}

.modal_window .modal_window_body
{
    background-image:url(images/modal_window_background.png);
	background-repeat:repeat;  
	padding:0px 20px 0px 20px; 
}

.modal_window_medium .modal_window_body
{
    background-image:url(images/modal_window_background_medium.png);
	background-repeat:repeat;  
	padding:0px 20px 0px 20px; 
}

.loading_modal_window .loading_modal_window_body
{
    background-image:url(images/modal_window_background_small.png);
	background-repeat:repeat;  
	padding:0px 20px 0px 20px; 
}

.modal_window_medium-large .modal_window_body
{
    background-image:url(images/medium-large_modal_body_background.png);
	background-repeat:repeat;  
	padding:0px 20px 0px 20px; 
}

.modal_window .modal_window_header
{
    background:transparent url(images/modal_window_header_background.png) no-repeat bottom;
	height:35px;
}

.modal_window_medium .modal_window_header
{
    background:transparent url(images/modal_window_header_background_medium.png) no-repeat bottom;
	height:35px;
}

.loading_modal_window .loading_modal_window_header
{
    background:transparent url(images/modal_window_header_background_small.png) no-repeat bottom;
	height:25px;
}

.modal_window_medium-large .modal_window_header
{
    background:transparent url(images/medium-large_modal_window_header_background.png) no-repeat bottom;
	height:35px;
}

.modal_window .modal_window_footer
{
    background:url(images/modal_window_footer_background.png) no-repeat;
	height:25px;
}

.modal_window_medium .modal_window_footer
{
    background:url(images/modal_window_footer_background_medium.png) no-repeat;
	height:25px;
}

.loading_modal_window .loading_modal_window_footer
{
    background:url(images/modal_window_footer_background_small.png) no-repeat;
	height:25px;
}

.modal_window_medium-large .modal_window_footer
{
    background:url(images/medium-large_modal_window_footer_background.png) no-repeat;
	height:25px;
}

.modal_window_header .closeButton, .modal_window_header_medium .closeButton, .modal_window_header_medium-large .closeButton
{
    float:right;
    margin-right:-12px;
    background:url(images/modal_window_close_button.png);
    height:40px;
    width:44px;
}

.modal_window_body .large_content_table, .large_content_table, .large_scrolling_modal_content_container
{
   overflow:auto;
   height:325px;
   margin-bottom:20px;
   border-bottom:1px solid #d9d9d9;
}

.large_scrolling_modal_content_container 
{
    border-top:1px solid #d9d9d9 !important;
}

.modal_window_body .modal_body_content 
{
   overflow:auto;
   height:400px;
   width:100%;
   margin-bottom:20px;
   border:1px solid #d9d9d9;
}

.scrolling_table_header
{
    border-bottom:2px solid #7f7f7f;
    margin:0;
    padding:0; 
    border-spacing:0;
    border-bottom:none;
}

.scrolling_table_header th
{
    border-bottom:none;
       
}

.scrolling_table_header th.end
{
    border-bottom:none;
    padding-right:25px;
       
}

.modal_window_body h1
{
    margin-bottom:10px;
}

div.modal_window_body table.standard_input td.label
{
    text-align:left !important;
    padding-right:10px !important;
}

div.modal_window_body table.standard_input 
{
    margin-bottom:10px !important;
}

/* ---------- Information, Error, and Validation Messages  ----------*/

.validation_error
{
    color: #ca0e0e;
    font-weight:bold;
}

.error_message
{
    border:2px solid #ca0e0e;
    background-color:#fdedf2;
    background-image:url(images/error_msg_bg.png);
    background-position:left;
    background-repeat:no-repeat;
    padding:5px;
    padding-left:30px;    
    margin-bottom:10px;
}

.error_message span.title
{
    font-weight:bold;
    color:#ca0e0e;
}

.centered_warning_message
{
    border:2px solid #e7c922;
    background-color:#fbf6e3;
    padding:5px;  
    padding:5px 30px;   
    margin:100px 100px 0 100px;
}

.centered_warning_message h1
{
    color:#c39904;
}

.centered_warning_message span.title
{
    font-weight:bold;
    color:#c39904;
}

.warning_message, .information_message
{
    border:2px solid #e7c922;
    background-color:#fbf6e3;
    padding:5px;  
}

.warning_message 
{
    background-image:url(images/warning_msg_bg.png);
    background-position:left;
    background-repeat:no-repeat;
    padding-left:33px;   
    margin-bottom:10px; 
}

.active_message, .inactive_message
{
    background-position:left;
    background-repeat:no-repeat;
    padding-left:33px;
    height:32px;   
    margin-bottom:10px; 
}

.active_message span.status_message, .inactive_message span.status_message 
{
    font-size:25px; 
    line-height:32px; 
    margin-bottom:5px; 
    float:left; 
    color:#2f709f;
}

.active_message
{
    background-image:url(images/lightbulb_on.png);
}

.inactive_message
{
    background-image:url(images/lightbulb_off.png);
}

.information_message 
{
    padding:10px;
}

.information_message h3, .district_status h3
{
    text-decoration:none;
    margin-bottom:5px;
}

.warning_message span.title
{
    font-weight:bold;
    color:#c39904;
}

.success_message
{
    border:2px solid #61a56e;
    background-color:#e4f9e8;
    background-image:url(images/success_msg_bg.png);
    background-position:left;
    background-repeat:no-repeat;
    padding:5px; 
    padding-left:33px;  
    margin-bottom:10px; 
}

.success_message span.title
{
    font-weight:bold;
    color:#427500;
}


/* ---------- Footer ---------- */
.footer
{
    clear:both;
    position:relative;
    background-color: #edeef0; /* f4f4f4 */
    border-top: 1px solid #d9d9d9;
    padding:30px 0 30px 0;
    /*height:50px;*/
    width:100%;
    margin-top:-81px; /* Footer height.  Must overlap with main content to ensure that footer remains in place and affixed to bottom of content. */

}

.footer .content
{
    text-align:center;
}

/* ---------- Misc ---------- */
.benefits_content, .formatted_half_content, .tool_listing_content
{
    width:48% !important;
    float:left;
}

.benefits_content_alt, .formatted_half_content_alt, .tool_listing_content_alt
{
    margin-left:4%;
    width:48% !important;
    float:left;
}

.formatted_tierce_content
{
    width:31% !important;
    float:left;
}

.formatted_tierce_content_alt
{
    width:31% !important;
    float:left;
    margin-left:1.0%;
}

.benefits_content, .tool_listing_content
{
    margin-bottom:10px;
}

.benefits_content_alt, .tool_listing_content
{
    margin-bottom:15px;
}

.block 
{
    display:block;
}

.leave_notes
{
    height:230px; 
    width:100%; 
    border:1px solid #d9d9d9;
}

.leave_notes div
{
    margin:5px;
}

.noscroll
{
    position: fixed; 
    overflow:scroll;
    width: 100%;
}

.no_border 
{
    border:none !important;
}

.no_left_border 
{
    border-left-style:none !important;
}

.full
{
    width:100%;
}

.fullwithscroll
{
    width:100%;
    overflow:auto;
    border:1px solid #d9d9d9;
}

.overflow_auto 
{
    overflow:auto;
}

.bottom_margin 
{
    margin-bottom: 20px;
}

.large_bottom_margin 
{
    margin-bottom: 100px;
}

.bottom_margin_none, .bottom_margin_none a.button 
{
    margin-bottom: 0px !important;
}

.right_margin_none 
{
    margin-right:0px !important;
}

.right_margin_standard 
{
    margin-right:10px;
}

.left_margin_standard 
{
    margin-left:10px;
}

.half
{
    width:50% !important;
}

fieldset
{
    margin-bottom:10px;
    border:1px solid #d9d9d9;
}

.align_with_button
{
    line-height: 32px;
}

.center_half_size
{
    width:50%;
    margin:0px auto;
    text-align:center;
}

.centered_block_element
{
    margin-right:auto;
    margin-left:auto;
    display:block;
}

.image_wrapper
{
    text-align:center;
    margin-bottom:20px;
}

.image_border 
{
    border:2px solid #d9d9d9;
}

.image_wrapper img 
{
    padding:5px;

}

.image_wrapper .image_caption 
{
    font-style:italic;
    font-size:.750em;
}

select.two_box_selection_list {
    height:200px;     

}

.imageUploaderField input{width:100%!important;} /* Bug fix for Firefox 22 */


/* ---------- Loading Indicators ---------- */

.small_loading_indicator_grey, .small_loading_indicator_grey_button
{
    background:url(images/grey_uploading.gif) no-repeat left center;
    line-height:26px;
    padding-left:21px;
}

.small_loading_indicator_grey_right, .small_loading_indicator_grey_button_right
{
    background:url(images/grey_uploading.gif) no-repeat right center;
    line-height:26px;
    padding-right:21px;
}

.small_loading_indicator_green, .small_loading_indicator_green_button
{
    background:url(images/green_uploading.gif) no-repeat left center;
    line-height:26px;
    padding-left:21px;
}

.small_loading_indicator_green_right, .small_loading_indicator_green_button_right
{
    background:url(images/green_uploading.gif) no-repeat right center;
    line-height:26px;
    padding-right:21px;
}

.small_loading_indicator_grey_button, .small_loading_indicator_grey_button_right, .small_loading_indicator_green_button, .small_loading_indicator_green_button_right
{
    line-height:32px;
}

.large_loading_indicator_green 
{
    background:url(images/animated_loading_icon.gif) no-repeat left center;
    line-height:31px;
    width:31px;
}

.large_loading_indicator_green_left
{
    background:url(images/animated_loading_icon.gif) no-repeat left center;
    line-height:31px;
    padding-left:46px;
}

/* ---------- Reports ---------- */

.report .report_content, .analytics_tool analytics_tool_content
{
    padding-left:100px;
    margin-top:0px;
}

.report .image1, .report .image2, .report .image3, .report .image4, .report .image5,
.analytics_tool .image1, .analytics_tool .image2, .analytics_tool .image3, .analytics_tool .image4, .analytics_tool .image5
{
    
    float:left;
    width:100px;
    height:100px;
}

.report .image1, .analytics_tool .image1
{
    background:url(images/barChart.gif) no-repeat top left;
}

.report .image2, .analytics_tool .image2
{
    background:url(images/pieGraph.gif) no-repeat top left;
}

.report .image3, .analytics_tool .image3
{
    background:url(images/lineGraph.gif) no-repeat top left;
}

.report .image4, .analytics_tool .image4
{
    background:url(images/genericReportIcon.png) no-repeat top left;
}

.report .image5, .analytics_tool .image5
{
    background:url(images/excelReportIcon.png) no-repeat top left;
}

/* ---------- Dashboard ---------- */

.recent_activity_list 
{
    height:261px;
    border-bottom:1px solid #d9d9d9;
}

.submittal_status_chart
{
    border:2px solid #d9d9d9;
    height:285px;  
}

.submittal_status_chart .content
{
    margin:10px;
}

.submittal_status_chart h3, .district_submittal_status h3, .analytics_stats_content h3
{
    text-decoration:none;
}

.submittal_status_chart h3
{
    margin-top:8px;
}

table.report_summary td.left_column, table.report_summary th.left_column
{
    text-align:left !important;
}

table.report_summary div.row_label 
{
    width:300px;
}

table.benefit_summary td.left_column
{
    width:60%;
}

table.premiums td.left_column
{
    width:40% !important;
}

/* ---------- Analytics ---------- */

.analytics_stats_content
{
    border:2px solid #d9d9d9;
}

.analytics_stats_content .content, .analytics_stats_content .analytics_content
{
    margin:10px;
}

table.medical_comparables_full .change, table.medical_comparables_half .change, table.medical_comparables_full th.change, table.medical_comparables_half th.change,
table.dental_comparables_full .change, table.dental_comparables_half .change, table.dental_comparables_full th.change, table.dental_comparables_half th.change,
table.lane_comparables_full .change, table.lane_comparables_full th.change, table div div.change
{
    padding-left:22px !important;
}

table.medical_comparables_full td, table.dental_comparables_full td, table.lane_comparables_full td
{
    line-height: 22px;
}

table.medical_comparables_half tr, table.dental_comparables_half tr
{
    line-height:22px;
	height:54px; 
}

table.medical_comparables_half td, table.medical_comparables_half th, table.dental_comparables_half td, table.dental_comparables_half th,
table.medical_comparables_full td, table.medical_comparables_full th, table.dental_comparables_full td, table.dental_comparables_full th 
{
    width:20%;
}

table.lane_comparables_full td, table.lane_comparables_full th 
{
    width:25%;
}


table.medical_comparables_half td.change, table.medical_comparables_half th.change, table.medical_comparables_half td.left_column, table.medical_comparables_half th.left_column,
table.dental_comparables_half td.change, table.dental_comparables_half th.change, table.dental_comparables_half td.left_column, table.dental_comparables_half th.left_column
{
    width:30%;
}

table.medical_comparables_full td.left_column, table.medical_comparables_full th.left_column, table.dental_comparables_full td.left_column, table.dental_comparables_full th.left_column
{
    width:40%;
}

table.cost_analysis_summary td.summary
{
    font-weight:bold;
}

table.cost_analysis_summary td.total, table.report_summary td.total, table.cost_analysis_summary td.line_total, table.report_summary td.line_total
{
    font-weight:bold;
    background-color:#fcf1c6;
}

table.cost_analysis_summary tr.alt td.total, table.report_summary tr.alt td.total, table.cost_analysis_summary tr.alt td.line_total, table.report_summary tr.alt td.line_total
{
    font-weight:bold;
    background-color:#f1e7be;
}

table.cost_analysis_summary td.total, table.report_summary td.total
{
    border-top:1px dashed #545353;
}

.positive_table_data
{
    background:url(images/up_arrow_table.png) no-repeat left center;
    color:#4f740e;
    font-weight:bold;
    line-height:22px;
}

.negative_table_data
{
    background:url(images/down_arrow_table.png) no-repeat left center;
    color:#9d2a0b;
    font-weight:bold;
    line-height:22px;
}

.no_change_table_data
{
    background:url(images/congruence_symbol_table.png) no-repeat left center;
    font-weight:bold;
    line-height:22px;
}

.not_applicable_table_data 
{
    font-weight:bold;
    line-height:22px;
}

.analytics_control_box
{
    border:2px solid #e7c922;
    background-color:#fbf6e3;
    padding:10px;  
}

td.base_index_value 
{
    background-color:#fcf1c6;
}

td.base_index_value input[type="text"]
{
    border:2px solid #e7c922;
}

div.normalization_radio_button
{
    padding:10px 10px 10px 0px;
    float:left;
}

/* ---------- Message & Login Pages ---------- */

.message, .login
{
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-480px; /* Negative half of the width */
    margin-top:-260px; /* Negative half of the height */  
}

.longMessage
{
    position:absolute;
    left:50%;
    margin-left:-480px; /* Negative half of the width */
    margin-top:20px; 
}

.login .signin_content
{
    padding:20px 10px 10px 10px;
}

.longMessage .message_content, .message .message_content, .login .login_content
{
    padding:20px 20px 10px 20px;
    border-right:1px solid #d9d9d9;
    
}

.longMessage .header .in, .message .header .in, .login .header .in
{
    background-image:url(images/background_image.png);
    padding:20px 10px 10px 30px;
    background-repeat:repeat-y;
}

.longMessage .mainMessageContent, .message .mainMessageContent, .login .mainLoginContent
{
    background-image:url(images/background_image.png);
}

.longMessage .content, .message .content 
{
    padding:20px 40px 10px 30px;
    border:none !important;
    min-height:200px;
	height:auto !important;
	height:200px; 
}
    
.longMessage .header .top, .message .header .top, .login .header .top
{
    background-image:url(images/header_image.png);
    height:25px;
    background-repeat:no-repeat;
}

.login table
{
    border:0px;
}

.longMessage .messagefooter, .message .messagefooter, .login .loginfooter
{
    height:auto !important;
    padding:0 !important;
    background-image:url(images/background_image.png);
    background-repeat:repeat-y;

}

.longMessage .messagefooter .footer_content, .message .messagefooter .footer_content, .login .loginfooter
{
    padding:15px 0 15px 0 !important;
    margin-bottom:0px !important;
    text-align:center;
}

.longMessage .messagefooter .bottom, .message .messagefooter .bottom, .login .bottom
{
    background-image:url(images/footer_image.png);
    height:25px;
    background-repeat:no-repeat;
}

/* ---------- Budgets & Groups ---------- */

.budget_section div.section_header, .group_category div.section_header 
{
    background-color:#2f709f;
    color:#ffffff;
    padding:4px 5px 2px 5px;
    text-align:center;
    border-bottom:2px solid #7f7f7f;
    border-spacing:0px;
    font-weight:bold;
    margin-bottom:10px;
}

.budget_section div.subsection_header, .group_category div.subsection_header 
{
    background-color:#ffffff;
    color:#545353;
    padding:4px 5px 2px 5px;
    text-align:center;
    border-bottom:2px solid #7f7f7f;
    border-spacing:0px;
    font-weight:bold;
    margin-bottom:0px;
}


.budget_section div.subsection_header div.title, .budget_section div.section_header div.title, 
.group_category div.subsection_header div.title, .group_category div.section_header div.title
{
    float:left;
    width:70%;
    text-align:left;
}

.budget_section td.line_item_label, .group_category td.group_label
{
    float: left;
    width: 300px;
    text-align: left;
}

.budget_section, .group_category 
{
    margin-bottom:20px;
}

img.move_button 
{
    margin-left:3px;
}

.budget_section div.delete_button, .document_tag div.delete_button, .document_tag_alt div.delete_button, .group_category div.delete_button
{
    margin-left:8px;
    margin-top:5px;
    height:6px;
    width:15px;
    background:transparent url(images/small_delete_button.png) no-repeat;
    float:right;
}

.budget_section div.delete_button_white, .group_category div.delete_button_white 
{
    margin-left:8px;
    margin-top:5px;
    height:6px;
    width:15px;
    background:transparent url(images/small_delete_button_white.png) no-repeat;
    float:right;
}

.budget_section div.edit_button, .document_tag div.edit_button, .document_tag_alt div.edit_button, .group_category div.edit_button
{
    margin-left:8px;
    height:16px;
    width:16px;
    background:transparent url(images/small_edit_button.png) no-repeat;
    float:right;
}

 .document_tag div.edit_button, .document_tag_alt div.edit_button 
{
    margin-left:0px !important;
}

.budget_section div.add_button, .group_category div.add_button 
{
    margin-left:8px;
    height:16px;
    width:16px;
    background:transparent url(images/small_add_button.png) no-repeat;
    float:right;
}

.budget_section div.move_button_header, .group_category div.move_button_header
{
    margin-left:8px;
    height:16px;
    width:16px;
    background:transparent url(images/small_move_button.png) no-repeat;
    float:right;
}

.budget_section div.move_button, .group_category div.move_button
{
    margin-left:8px;
    height:16px;
    width:16px;
    background:transparent url(images/small_move_button_blue.png) no-repeat;
    float:right;
}

table.district_budget th.label 
{
    text-align:left;
    width:250px;
    min-width:250px;
}

table.district_budget th.dollar_figure_label
{
    min-width:120px;
}

table.district_budget th.dollar_and_percent_variance_figure_label
{
    min-width:140px;
}

table.district_budget td.section_label 
{
    text-align:left;
}

table.district_budget td.subsection_label, table.district_budget td.section_line_item_label 
{
    text-align:left;
    padding-left:15px;
}

table.district_budget td.subsection_line_item_label 
{
    text-align:left;
    padding-left:30px;
}

table.district_budget span.section_label 
{
    font-weight:bold;
}

table.district_budget span.section_notes 
{
    font-style:italic;
}

/* ---------- Documents ---------- */

div.document_search_results 
{
    border:1px solid #d9d9d9;
    border-bottom: 0px !important;
    
}

div.document_search_results div.result_record, div.document_search_results div.result_record_alt
{
    width:913px;
    padding:15px 15px 15px 10px;
}

div.document_search_results div.result_record_alt
{
    background-color:#ebebeb;  
    
}

div.document_search_results div.district_result_record, div.document_search_results div.district_result_record_alt
{
    width:893px;
    padding:15px 15px 15px 10px;
}

div.document_search_results div.district_result_record_alt
{
    background-color:#ebebeb;  
    
}

div.document_search_results div.document_checkbox
{
    width:3%;
    padding-top:10px;
    float:left;
}

div.document_search_results div.document_icon
{
    width:7%;
    float:left;
    text-align:center;
}

div.document_search_results div.document_data
{
    width:90%;
    float:left;
}

div.document_search_results div.document_data div.data_left, div.document_search_results div.document_data div.large_data_left
{
    float:left;
    width:34%;
    margin-left:2%;
    margin-bottom:10px;
}

div.document_search_results div.document_data div.large_data_left 
{
    width:70% !important;
}

div.document_search_results div.document_data div.data_right
{
    float:left;
    width:26%;
    margin-left:2%;
    margin-bottom:10px;
    text-align:right
}

div.document_search_results div.document_data div.description
{
    float:left;
    width:98%;
    margin-left:2%;
    
}

div.document_search_results div.document_data div.description span.label
{
    text-decoration:underline;
    
}

a div.excel_link, a div.word_link, a div.pdf_link
{
    margin-left:8px;
    margin-bottom:10px;
    height:54px;
    width:54px;
}

a div.word_link
{
    background:transparent url(images/word_icon.png) no-repeat;
}

a div.excel_link
{
    background:transparent url(images/excel_icon.png) no-repeat;
}

a div.pdf_link
{
    background:transparent url(images/pdf_icon.png) no-repeat;
}

.document_tag, .document_tag_alt
{
    background-color:#ffffff;
    padding:4px 5px 2px 5px;
    border:1px solid #d9d9d9;
    border-spacing:0px;
    margin-bottom:10px;
}

.document_tag_alt
{
    background-color:#edeef0;
    border:1px solid #d9d9d9;
}

.document_tag div.tag_name, .document_tag_alt div.tag_name
{
    width:215px;
    float:left;
    text-align:left;
    padding:4px 0px 0px 0px;
    margin-left:5px;
}

.document_tag div.tag_color, .document_tag_alt div.tag_color
{
    margin:4px 0px 4px 0px;
    border:1px solid #d9d9d9;
    float:left;
    width:16px;
    height:16px;
}

div.document_info div.document_tag_color
{
    margin:0px 0px 4px 4px;
    border:1px solid #d9d9d9;
    float:left;
    width:16px;
    height:16px;
}

div.document_info div.document_tag_container
{
    margin-bottom:6px !important;
}

div.document_info div.document_tag_label
{
    line-height:18px;
    float:left;
}

div.document_info div.document_tag_color_collection
{
    line-height:18px;
    float:left;
}

.document_tag div.tag_controls, .document_tag_alt div.tag_controls
{
    padding:4px 0px 0px 0px;
    float:right;
}

.document_tag_assignments_modal_panel
{
   overflow:auto;
   height:80px;
   margin-bottom:0px;
   border-bottom:1px solid #d9d9d9;
}

/* ---------- Handsontable ---------- */

.htCore{
    width:auto !important;
}

.htCore td.laneDefinitions
{
    color:#ffffff;
    font-weight:bold;
    background-color:#2f709f !important;
    text-align:center;
}
    
.handsontable .htAutocompleteArrow
{
    float:none !important;
    display:inline;
    padding-left:10px;
}
    
.handsontable td
{
    /*white-space:nowrap;*/
    vertical-align:middle;
}

.htContextMenu
{
    z-index:4000;
}

.ht_clone_top 
{
    /* visibility:hidden; */
}

.handsontable.listbox
{
    max-height: 230px; 
    overflow: auto !important;
}

.handsontable td.htDimmed
{
    text-align:left;
}

.handsontable td.rowLabel div.htAutocompleteArrow
{
    color:#bfbfbf;
}