﻿/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
html
{
    overflow-y: scroll;
}
html, body
{
    font-family: Lucida Grande, Tahoma, Arial, "Helvetica Neue" , Helvetica, Sans-Serif;
    font-size: 12px; /* Base font size: jquery UI font sizes, themes, padding, etc are set in relative em units */
    margin: 0;
    padding: 0;
    color: #696969;
}

a:link
{
    color: #034af3;
    text-decoration: underline;
}
a:visited
{
    color: #505abc;
}
a:hover
{
    color: #1d60ff;
    text-decoration: none;
}
a:active
{
    color: #12eb87;
}

p, ul
{
    margin-bottom: 20px;
    line-height: 1.6em;
}
img
{
    border: none;
}
a
{
    outline: 0;
}
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #000;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
    padding: 0 0 10px 0;
}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

#header
{
    position: relative;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
}
#header h1
{
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    font-size: 32px !important;
}

#main
{
    padding: 10px;
    padding-top: 0px;
    background-color: #fff;
    margin: 5px 3% auto 3%;
}


#footer
{
    color: #999;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0;
    font-size: .9em;
}

#data
{
    width: 100%;
    overflow: auto;
}

#header img#bia-logo
{
    margin: 5px 0 0 25px;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    border: 1px solid #ddd;
    padding: 10px;
    margin: 0;
}
legend
{
    font-size: 1.2em;
    font-weight: bold;
}
textarea
{
    min-height: 75px;
}
input[type="text"]
{
    width: 200px;
    border: 1px solid #CCC;
}
input[type="password"]
{
    width: 200px;
    border: 1px solid #CCC;
}

/* TABLE
----------------------------------------------------------*/
table
{
    border: solid 1px #e8eef4;
    border-collapse: collapse;
}
table td
{
    padding: 3px;
    border: solid 1px #e8eef4;
}
table th
{
    padding: 4px 3px;
    text-align: left;
    background-color: #e8eef4;
    border: solid 1px #e8eef4;
}

table.bia-sortable
{
    font-size: 12px;
    border: 1px solid #000;
}
table.bia-sortable .header
{
    background-image: url("./images/bg.gif");
    background-repeat: no-repeat;
    background-position: right center;
    border-left: 1px solid #FFF;
    border-right: 1px solid #000;
    border-top: 1px solid #FFF;
    padding-left: 5px;
    padding-top: 8px;
    height: auto;
}
table.bia-sortable .headerSortUp
{
    background-image: url("./images/asc.gif");
    background-repeat: no-repeat;
}
table.bia-sortable .headerSortDown
{
    background-image: url("./images/desc.gif");
    background-repeat: no-repeat;
}
table.bia-sortable .headerSortUp, table.bia-sortable .headerSortDown
{
    background-color: #8DBDD8;
    color: #333333;
}

.DataTables_sort_wrapper .css_right
{
    float: right;
}












/* MISC  
----------------------------------------------------------*/
.clear-float
{
    clear: both;
    display: block;
    float: none;
    max-height: 0;
    overflow: hidden;
}
.error
{
    color: Red;
}

#bia-login
{
    background-color: rgb(139,191,64);
    border-radius: 0 0 7px 7px;
    display: block;
    color: #FFFFFF;
    float: right;
    font-size: 14px;
    text-align: center;
    margin: 0 40px 0 0;
    padding: 2px 10px 7px;
}
#bia-login.hover
{
    opacity: 0.8;
}
#bia-login.hover a
{
    border-bottom: solid 2px lime;
}
#bia-login a:link
{
    color: white;
    text-decoration: none;
}
#bia-login a:visited
{
    color: white;
    text-decoration: none;
}

.bia-login-form input[type="text"], .bia-login-form input[type="password"]
{
    border-radius: 5px;
    padding: 4px 6px;
}

#bia-header-separator
{
    background-color: #8BBF40;
    height: 40px;
}
#hiring-dashboard-navigation
{
    margin-top: -26px;
}

#hiring-dashboard-navigation ul
{
    /*put the subnav below  */
    position: relative;
    padding-top: 5px;
    left: 0;
    background-color: #a4c772;
    height: 28px;
    width: 740px;
    padding-left: 60px;
    padding-bottom: 5px;
    margin-left: 160px;
    margin-top: 0px;
}

#hiring-dashboard-navigation li
{
    display: inline-block;
    font-size: 14px;
    list-style-type: none; /*background-color:#8BBF40;*/
    padding: 5px;
    text-align: center;
    width: 150px;
}

#hiring-dashboard-navigation li .active a
{
    font-weight: bold;
}

#hiring-dashboard-navigation li a
{
    text-decoration: none;
    color: White;
}

#hiring-dashboard-navigation li a:hover
{
    text-decoration: none;
    color: White;
    font-weight: bold;
}

.bia-main-menu
{
    margin: 0 0;
    margin-top: 12px;
    padding: 0;
    background-color: #8bbf40;
    height: 40px;
    width: 100%;
}

.bia-main-menu ul
{
    padding: 0 0 0 3%;
    margin-top: 0px;
    margin-bottom: 0px;
    vertical-align: middle;
}

.bia-main-menu ul li
{
    display: inline-block;
    font-size: 16px;
    list-style-type: none;
    margin: 0px 9px 0px 0px; /*left:5px*/
    padding: 10px 0px;
    text-align: center;
    width: 140px;
    vertical-align: middle;
}

.bia-main-menu ul li.selected
{
    background-color: #A4C772;
}

.bia-main-menu ul li a
{
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}

.bia-main-menu ul li a:hover
{
    color: #ffffff;
    font-size: large;
}

.bia-main-menu ul li a:active
{
    font-weight: bold;
}

.hidden
{
    display: none;
}

.bia-sub-menu
{
    height: 30px;
    background-color: #A4C772;
    margin: auto 3% auto 3%;
}

.bia-sub-menu ul
{
    padding: 0 0 0 1%;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    list-style-type: none;
}

.bia-sub-menu ul li
{
    list-style-type: none;
    font-size: 14px;
    float: left;
    margin-right: 12px;
    margin-left: 12px;
}

.bia-sub-menu ul li a
{
    color: #FFFFFF;
    text-decoration: none;
}

.bia-sub-menu ul li.selected a
{
    font-weight: bold;
}

.bia-sub-menu ul li a:hover
{
    font-weight: bold;
}

.field-validation-error
{
    color: #ff0000;
}
.field-validation-valid
{
    display: none;
}
.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}
.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}
.validation-summary-valid
{
    display: none;
}

.display-label, .editor-label
{
    margin: 1em 0 0 0;
}
.display-field, .editor-field
{
    margin: 0.5em 0 0 0;
}

.bia-hiring-candidate-filters
{
    margin: 0px;
    padding: 0px;
}


#bia-budget-filters
{
    border: solid 1px rgba(139,191,64,.8);
    border-radius: 6px;
    box-shadow: 2px 2px 3px rgb(139,191,64);
    float: left;
    padding: 15px 0px 15px 0px;
    width: 100%;
    -moz-border-radius: 6px;
    margin-bottom: 20px;
}

.bia-budget-academy
{
    float: left;
    padding-left: 15px;
    width: 280px;
}
.bia-budget-year
{
    float: left;
    padding-left: 15px;
    width: 280px;
}
/*float:left; font-size: 12px; padding-bottom:5px; padding-top:3px;*/
.bia-budget-academy select
{
    margin-left: 15px;
}
.bia-budget-month select
{
    margin-left: 15px;
}
.bia-budget-year select
{
    margin-left: 15px;
}
.bia-budget-academy select option, .bia-budget-month select option, .bia-budget-year select option
{
    padding: 2px;
}
.bia-budget-month
{
    float: left;
    padding-left: 15px;
    width: 280px;
}
/*float:left; font-size: 12px; padding-bottom:5px; padding-top:3px; padding-right: 20px;*/


.bia-enter-assessment-results
{
    float: right;
}
.bia-righthand_links
{
    float: right;
    margin: 5px;
}
.bia-candidates-heading
{
    margin-top: 25px;
}
.bia-candidates-heading > div
{
    float: left;
    font-weight: bold;
}
.bia-candidates li
{
    list-style-type: none;
}
.bia-candidates li div
{
    float: left;
}
.bia-candidates
{
    margin: 0;
    padding: 0;
}
.bia-name
{
    width: 200px;
    text-align: left;
}
.bia-time
{
    width: 60px;
    text-align: center;
}
.bia-budget-amounts
{
    width: 160px;
    text-align: right;
}
.bia-dates
{
    width: 200px;
    text-align: left;
    padding-left: 10px;
}

.bia-weekly-score, .bia-weekly-score-heading
{
    width: 80px;
}
.bia-assessment-type, .bia-assessment-type-heading
{
    width: 80px;
}
.bia-hiring-filter-label
{
    color: rgb(87,87,87);
    float: left;
    font-weight: bold;
}
#bia-recruitment-cycle-value
{
    float: left;
    margin-left: 8px;
}

.bia-target-school-label
{
}

.bia-hiring-candidate, .bia-target-school select, .bia-hiring-target-school select, .bia-hiring-status select, .bia-hiring-candidate select
{
    float: left;
    font-size: 16px;
    margin: -3px 0 0 8px;
    padding: 4px;
}

.bia-hiring-candidate select option, .bia-target-school select option, .bia-hiring-target-school select option, .bia-hiring-target-school select option, .bia-hiring-status select option
{
    padding: 2px;
}


.bia-hiring-star-rating, .bia-target-school
{
    font-size: 16px;
    margin: 15px 0px 35px 0px;
}
.bia-hiring-candidate-table-wrapper
{
    margin-top: 10px;
}
.bia-star-grade
{
    float: right;
    padding: 0 0 0 5px;
}

/**styling for star rating system*/
.rating-5
{
    background-position: 0 0;
}
.rating-4
{
    background-position: -12px 0;
}
.rating-3
{
    background-position: -24px 0;
}
.rating-2
{
    background-position: -36px 0;
}
.rating-1
{
    background-position: -48px 0;
}
.bia-candidate-results-table
{
    margin: 20px 0 0 0;
}
.bia-candidate-results-table table
{
    width: 100%;
}

.bia-hiring-candidate-results-table
{
    margin: 20px 0 0 0;
}
.bia-hiring-candidate-results-table table
{
    width: 100%;
}

.bia-budget-results-table
{
    margin: 20px 0 0 50;
}
.bia-budget-results-table table
{
    width: 100%;
}
#bia-assessment-candidate-status
{
    width: 280px;
}
.bia-assessment-option input, .bia-assessment-option select
{
    float: left;
    margin-left: 15px;
}
.bia-assessment-option .field-validation-error
{
    clear: left;
    float: left;
    padding-top: 5px;
}
#bia-assessment-entry-form label.error
{
    clear: left;
    float: left;
    padding-top: 5px;
}


#bia-assessment-entry
{
    margin-top: 15px;
}
.bia-assessment-entry-element
{
    float: left;
    margin-right: 20px;
    min-height: 65px;
}
.bia-assessment-entry-element input
{
    float: left;
}
.bia-assessment-entry-element .field-validation-error
{
    clear: left;
    float: left;
}
#bia-assessment-entry-actions
{
    float: left;
    margin: 18px 0 0 15px;
}
.bia-hiring-option
{
    float: left;
    min-height: 45px;
}
.bia-hiring-option input, .bia-hiring-option select
{
    margin-left: 3px;
    margin-right: 8px;
}

.table-small
{
    font-size: small;
}
#bia-position-academy-dropdown
{
    width: 280px;
}
.bia-positions-new
{
    padding-bottom: 15px;
}

.dialog
{
    font-size: 12px;
    font-family: Lucida Grande, Tahoma, Arial, "Helvetica Neue" , Helvetica, Sans-Serif;
}

.bia-recruitment-cycle-error
{
    color: red;
}

.bia-billing-sms-job-table-wrapper
{
    padding-top: 10px;
}

/* for the jobs grid */
#bia-billing-sms-jobs-table
{
    width: 100%;
    border: 0px none;
}

/* for the new-edit job view */
#bia-billing-sms-job-table
{
    width: 60%;
    border: 0px none;
}

#bia-billing-sms-job-table td
{
    border: 0px none;
}

#bia-billing-messages-filters
{
    border: solid 1px rgba(139,191,64,.8);
    border-radius: 6px;
    box-shadow: 2px 2px 3px rgb(139,191,64);
    float: left;
    padding: 10px 0px 15px 0px;
    width: 100%;
    -moz-border-radius: 6px;
}

#bia-billing-messages-filters
{
    padding: 8px 0 8px;
}
.bia-billing-messages-filter
{
    float: left;
    padding-left: 15px;
}
.bia-billing-messages-table-wrapper
{
    margin-top: 10px;
}
.bia-billing-messages-filter label
{
    clear: left;
    float: left;
    margin-right: 10px;
}
#bia-billing-messages-filters .date
{
    width: 120px;
}

.bia-academic-terms-list-table
{
    margin: 20px 0 0 0;
}
.bia-academic-terms-list-table table
{
    width: 100%;
}
.bia-academic-terms-list-table td
{
    font-size: small;
}

.bia-filter-section
{
    border: solid 1px rgba(139,191,64,.8);
    border-radius: 6px;
    box-shadow: 2px 2px 3px rgb(139,191,64);
    float: left;
    padding: 15px 0px 15px 0px;
    width: 100%;
    -moz-border-radius: 6px;
}

.bia-filter-option
{
    float: left;
    padding-left: 15px;
}
.bia-table-wrapper
{
    margin-top: 10px;
}
.bia-table-wrapper table td .calculator_link
{
    background: transparent url('./images/calculator_link.png') 0 0 no-repeat;
    height: 16px;
    width: 16px;
    border: 0px;
    padding: 0px;
}
.bia-table-wrapper table td .calculator_edit
{
    background: transparent url('./images/calculator_edit.png') 0 0 no-repeat;
    height: 16px;
    width: 16px;
    border: 0px;
    padding: 0px;
}
.bia-table-wrapper table td .calendar_link
{
    background: transparent url('./images/calendar_link.png') 0 0 no-repeat;
    height: 16px;
    width: 16px;
    border: 0px;
    padding: 0px;
}
.bia-table-wrapper table td .detail_view
{
    background: transparent url('./images/detail_view.png') 0 0 no-repeat;
    height: 16px;
    width: 16px;
    border: 0px;
    padding: 0px;
}
.bia-table-wrapper table td.twenty5pct
{
    width: 25%;
}
.bia-net-days-set-option
{
    float: right;
    padding-right: 15px;
}
.bia-extensions-set-option
{
    float: right;
    padding-right: 15px;
}
.bia-upload-budgets-button
{
    float: left;
    padding-left: 5px;
}
.bia-approve-budgets-button
{
    float: right;
    padding-left: 5px;
}
.bia-upload-message
{
    font-size: medium;
    font-weight: bold;
    color: Red;
    margin-top: 20px;
}

/* multi select css formatting */
.ms-container
{
    background: transparent url('./images/switch.png') no-repeat 170px 80px;
}

.ms-container:after
{
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    font-size: 0;
    clear: both;
    min-height: 0;
    visibility: hidden;
}

.ms-container .ms-selectable, .ms-container .ms-selection
{
    background: #fff;
    color: #555555;
    float: left;
}

.ms-container .ms-list
{
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    border: 1px solid #cccccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.ms-selected
{
    display: none;
}

.ms-container .ms-selectable
{
    margin-right: 40px;
}

.ms-container .ms-list.ms-focus
{
    border-color: rgba(82, 168, 236, 0.8);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    outline: 0;
    outline: thin dotted \9;
}

.ms-container ul
{
    margin: 0;
    list-style-type: none;
}

.ms-container ul.ms-list
{
    width: 160px;
    height: 200px;
    padding: 0 0;
    overflow-y: auto;
}

.ms-container .ms-selectable li.ms-elem-selectable, .ms-container .ms-selection li.ms-elem-selected
{
    border-bottom: 1px #eee solid;
    padding: 2px 10px;
    color: #555;
    font-size: 14px;
}

.ms-container .ms-selectable li.disabled, .ms-container .ms-selection li.disabled
{
    background-color: #eee;
    color: #aaa;
}

.ms-container .ms-optgroup-label
{
    padding: 5px 0px 0px 5px;
    cursor: pointer;
    color: #999;
}

.ms-container li.ms-elem-selectable:not(.disabled).ms-hover, .ms-container .ms-selection li:not(.disabled).ms-hover
{
    cursor: pointer;
    color: #ffffff;
    text-decoration: none;
    background-color: #0088cc;
}

/* end multiselect css formatting*/

.bia-academicTerms-listing-table
{
}

.bia_promotions_add_option
{
    float: right;
    padding-right: 15px;
}
.bia_default_dialog_table
{
    border: none;
    width: 100%;
}
.bia_default_dialog_table td
{
    border: none;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 2px;
    padding-top: 3px;
    padding-bottom: 3px;
}
.bia_default_dialog_table td.left
{
    width: 24.5%;
}
.bia_default_dialog_table td.right
{
    width: 24.5%;
}
.bia_default_dialog_table td.right input[type="text"]
{
    width: 150px;
}
.bia_default_dialog_table td.right select
{
    width: 155px;
}
.bia_default_dialog_table label.caption
{
    font-weight: bold;
}

.bia-billing-schedule table
{
    width: 100%;
}


div.billing-schedule-dialog-form input.text, div.billing-schedule-dialog-form input.hidden, div.billing-schedule-dialog-form label
{
    display: block;
}


div.billing-schedule-dialog-form input
{
    margin-bottom: 12px;
    width: 95%;
    padding: .4em;
}
div.billing-schedule-dialog-form fieldset
{
    padding: 0;
    border: 0;
    margin-top: 5px;
}
div#users-contain
{
    width: 350px;
    margin: 20px 0;
}
div#users-contain table
{
    margin: 1em 0;
    border-collapse: collapse;
    width: 100%;
}
div#users-contain table td, div#users-contain table th
{
    border: 1px solid #eee;
    padding: .6em 10px;
    text-align: left;
}
.ui-dialog .ui-state-error
{
    padding: .3em;
}
.validateTips
{
    border: 1px solid transparent;
    padding: 0.3em;
}

select#selected-academies, select#available-academies
{
    height: 280px;
    min-width: 180px;
}
button.select-transfer
{
    display: block;
}
div#academy-billing-schedule table
{
    width: 100%;
    border: 0l;
}
div#academy-billing-schedule table tr td:first, div#academy-billing-schedule table tr td:last
{
    width: 48%;
    padding: 5px;
}

.billing_table
{
    border: none;
}

.billing_table td
{
    border: none;
}

.billing_table .billing_pane
{
    margin-top: 0px;
    margin-bottom: 0px;
}

.billing_table .billing_pane .header
{
    margin-top: 10px;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 1.2em;
}

.billing_table .billing_pane .details
{
    padding-right: 15px;
}

.billing_table .billing_pane .promotions
{
    padding-left: 15px;
}

.billing_table .billing_pane .extensions
{
    padding-right: 15px;
}


.billing_table .billing_pane .payments
{
    padding-left: 15px;
}


.bia-scheduling-div
{
    border: solid 1px rgba(139,191,64,.8);
    border-radius: 6px;
    box-shadow: 2px 2px 3px rgb(139,191,64);
    float: left;
    padding: 15px 0px 15px 0px;
    width: 100%;
    -moz-border-radius: 6px;
}

.bia-scheduling-table
{
    border-collapse: collapse;
    border-style: hidden;
    border: 0px;
}
.bia-scheduling-table tr
{
    border-collapse: collapse;
    border-style: hidden;
    border: 0px;
}
.bia-scheduling-table td
{
    border-collapse: collapse;
    border-style: hidden;
    border: 0px;
}

.bia-scheduling-date-textbox
{
    width: 150px;
    readonly: "readonly";
    maxlength: '8';
}

.bia-scheduling-table .message
{
    font-style: italic;
    font-weight: 600;
    padding-bottom: 5px
 }

.bia-scheduling-timetable-div
{
    border: solid 1px rgba(139,191,64,.8);
    border-radius: 6px;
    box-shadow: 2px 2px 3px rgb(139,191,64);
    float: left;
    padding: 15px 0px 15px 0px;
    width: 100%;
    -moz-border-radius: 6px;
    margin-bottom: 7px;
}
.bia-scheduling-timetable-table
{
    border-collapse: collapse;
    border-style: hidden;
    border: 1px;
    width: 98.5%;
    margin: 10px;
    table-layout: fixed;
}
.bia-scheduling-timetable-table th
{
    border-collapse: collapse;
    border-style: hidden;
    border: 1px solid;
    width: 100px;
}
.bia-scheduling-timetable-table tr
{
    border-collapse: collapse;
    border-style: hidden;
    border: 1px;
}
.bia-scheduling-timetable-table td
{
    border-collapse: collapse;
    border-style: hidden;
    border: 1px solid;
    width: 16%;
}
.bia-timetable-selected-dotted
{
    border: 2px dotted black;
}

/* scheduling: lesson rule: heading background */
.bia-lessonrule-heading
{
    background-color: #A4C772;
    margin: auto 3% auto 3%;
}
.bia-lessonrule-selected-dotted
{
    border: 2px dotted black !important;
}
div#bia-lessonrule table
{
    border: 0;
    border-collapse: collapse;
}
div#bia-lessonrule table td
{
    padding: 3px;
    border: 0;
}
div#bia-lessonrule table th
{
    padding: 4px 3px;
    text-align: left;
    background-color: #e8eef4;
    border: 0;
}
div#bia-lessonrule .bottom_border
{
    border-bottom: 2px solid #F6BE98;
}
div#bia-lessonrule .smalltextbox
{
    width: 90px;
    border: 1px solid #CCC;
}

div#bia-Exam table
{
    border: 0;
    border-collapse: collapse;
}
div#bia-Exam table td
{
    padding: 3px;
    border: 0;
}
div#bia-Exam table th
{
    padding: 4px 3px;
    text-align: left;
    background-color: #e8eef4;
    border: 0;
}
div#bia-Exam .bottom_border
{
    border-bottom: 2px solid #F6BE98;
}
div#bia-Exam .smalltextbox
{
    width: 90px;
    border: 1px solid #CCC;
}




.billing_table .billing_pane .payments
{
    padding-left: 15px;
}



/* modify on 29-10-2013*/
#page-wrap
{
    width: 960px;
    margin: 100px auto;
}
h1
{
    font: 36px Georgia, Serif;
    margin: 20px 0;
}
.group:after
{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}


.tabs
{
    list-style: none;
    margin-bottom: 0px;
    margin-top: 20px;
    margin-left: 5px;
}
.tabs li
{
    display: inline;
}
.tabs li a
{
    color: black;
    float: left;
    display: block;
    padding: 4px 10px;
    margin-left: -1px;
    position: relative;
    left: 1px;
    background: white;
    text-decoration: none;
}
.tabs li a:hover
{
    background: #ccc;
}



.tabbed-area
{
    margin: 0 0 120px 0;
}
.box-wrap
{
    position: relative;
    min-height: 250px;
}
.tabbed-area div div
{
    background: white;
    padding: 20px;
    min-height: 250px;
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
}
.tabbed-area div div, .tabs li a
{
    border: 1px solid #8BBF40;
    border-radius: 5px 5px 0px 0px;
}
#box-one:target, #box-two:target, #box-three:target
{
    z-index: 1;
}
#PopupMainContaint, #PopupSentConfirmation
{
    background-color: #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 25px 5px #999999;
    color: #111111;
    display: none;
    min-width: 950px;
    padding: 25px;
}

.buttonclose.b-close, .buttonclose.bClose
{
    border-radius: 7px 7px 7px 7px;
    box-shadow: none;
    font: bold 131% sans-serif;
    padding: 0 6px 2px;
    position: absolute;
    right: -7px;
    top: -7px;
}

.buttonclose
{
    background-color: #8BBF40;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    float: right;
    padding: 5px;
    position: relative;
    right: -35px;
    text-align: center;
    text-decoration: none;
    top: -37px;
    width: 10px;
}

.dvRowItem
{
    width: 100%;
    clear: both;
    padding: 10px;
}
.lflabel
{
    margin-right: 70px;
    width: 200px;
    text-align: right;
}
.left
{
    float: left;
}
.wd70p
{
    width: 70%;
}
.wd100p
{
    width: 100%;
}
#PopupMainContaint .right, #bia-budget-filters .right
{
    float: right;
}
.clear
{
    clear: both;
    height: 16px;
}
.clear1
{
    clear: both;
}
.rtlabel
{
    margin-right: 70px;
    width: 130px;
    text-align: left;
}
.marginLf20px
{
    margin-left: 20px;
}
.grayLine
{
    border-bottom: 1px solid #e7e7e7;
}
.dvgrayBorder
{
    border: 1px solid #e7e7e7;
    padding: 5px;
    width: 190px;
    height: 190px;
    overflow-y: scroll;
}
.dvgrayBorder div
{
    clear: both;
    padding: 2px;
}
.dvmidAction
{
    padding: 5px;
    width: 350px;
    font-size: 12px;
}
.width100px
{
    width: 100px;
}
#tblmessagingBox, #tblHRmessagingBox, .messagingPaggin
{
    width: 98%;
    border: none;
}
#tblmessagingBox td, #tblHRmessagingBox td
{
    height: 25px;
    padding: 5px;
    background: #F5F5F5;
    border-width: 1px 0px 1px 0px;
    border-color: #E5E5E5;
    cursor: pointer;
}
.pgbtn
{
    height: 20px;
    padding: 5px;
    background: #F5F5F5;
    border: 1px solid #E5E5E5;
    width: 30px;
    text-align: center;
    float: right;
    font-weight: bold;
}
.filterContainer
{
    width: 140px;
}
.filterContainer select
{
    margin: 8px 5px;
    width: 140px;
}
.marginT10
{
    margin-top: 10px;
}
.marginT30
{
    margin-right: 30px;
}
.marginB10
{
    margin-bottom: 10px;
}
.button
{
    background-color: #8BBF40;
    border-radius: 4px;
    padding: 4px 8px 4px 8px;
    border: none;
    color: #fff;
}
#example a
{
    cursor: pointer;
}
.marginRt20px
{
    margin-right: 20px;
}
.marginT50
{
    margin-top: 50px;
}
.disableButton
{
    opacity: 0.9;
}
#DetailpriviewSubject, #dvpriviewContainer, #dvpriviewSubject, #dvDetailsContainer
{
    word-wrap: break-word;
}
.overflow_x
{
    overflow-x: auto;
}
.wd80p
{
    width: 80%;
}
.red
{
    color: Gray;
}
.tblWithoutBorderm, .tblWithoutBorder td
{
    border: none;
}
#priMesgTodov, #DetailMesgTodov, #dvDetailsContainer
{
    float: left;
    text-align: left;
    width: 70%;
    word-wrap: break-word;
}
#dvMessageToContent
{
    word-wrap: break-word;
    max-width: 900px;
}
#bia_timetable_calendar_academies
{
    float: left;
    text-align: left;
    width: 1228px;
    word-wrap: break-word;
    padding: 5px;
}

/* scheduling: lesson rule: heading background */
.bia-viewschedule-toprow
{
    background-color: #A4C772;
    margin: auto 3% auto 3%;
    height: 25px;
}
.bia-lessonrule-selected-dotted
{
    border: 2px dotted black !important;
}
div#bia-verifyschedule table
{
    border: 0;
    border-collapse: collapse;
}
div#bia-verifyschedule table td
{
    padding: 3px;
    border: 0;
}
div#bia-verifyschedule table th
{
    padding: 4px 3px;
    text-align: center;
    background-color: #e8eef4;
    border: 0;
}

div#bia-verifyschedule table .borderful
{
    border: 1px solid #F6BE98;
}
div#bia-verifyschedule table td .borderful
{
    padding: 3px;
    border: 1px solid #F6BE98;
}
div#bia-verifyschedule table th .borderful
{
    padding: 0px 0px;
    text-align: center;
    background-color: #e8eef4;
    border: 0;
}
.disabledImage
{
    opacity: 0.5;
}
.bia-scheduling-div-parentalign
{
    border: solid 1px rgba(139,191,64,.8);
    border-radius: 6px;
    box-shadow: 2px 2px 3px rgb(139,191,64);
    padding: 15px 0px 15px 0px;
    width: 100%;
    -moz-border-radius: 6px;
}
.biaAttendancegridtd {
    min-width: 215px !important;
}


    .highlightAqua
{
    background-color: Aqua;
}
.highlightGreen
{
    background-color: #91BA22;
}
.highlightRed
{
    background-color: #FF5050 !important;
    color: White;
}
.highlightYellow
{
    background-color: Yellow;
}
.highlightOrange
{
    background-color: #C88969;
}
.highlightPurple {
    background-color: #EDE5FF;
}
.legendBorder {
    border: 1px solid #696969;
}
.scheduleDropdown
{
    width: 100px;
}
#bia_timetable_CalendarEntryListItem td, #bia_lessonrule_CalendarEntryList td
{
    padding: 5px 15px 5px 15px;
}
#bia-candidate-results
{
    width: 98.5%;
    margin-left: 10px;
}

.fixedDropDown
{
    width: 200px;
}
.bia_script_preview
{
    cursor: pointer;
    text-decoration: underline;
}
.bia_productmanage_acadmies_view
{
    display: table-row-group;
    list-style-type: none;
}
.bia-pupilreinstate-pupilstatus-table
{
    width: 98%;
    margin:0 20 0 20;
}
.bia-pupilreinstate-pupilstatus-table td
{
    text-align: left;
}
.bia-success-message
{
    color: Green;
}
 #bia-uploaded-content{padding:20px;}
 div#bia-GiftCardRedemption-individual{margin:20px 0px;}
 div#bia-GiftCardRedemption-individual table{margin: 0px 30px;}
 div#bia-GiftCardRedemption-bulk{padding:20px 0px;}
 div#bia-upload-dialog-error{padding:5px;text-align:center;display:none;}
 div#bia-GiftCardRedemption-bulk fieldset{margin: 0px 30px;}
 div#bia-GiftCardRedemption-bulk #bia-ReedemAll-btn{margin:10px 0px;}
 .noborder{border:0px;}
 .noborder td{border:0px;}
 .noborder td.withPadding{padding-left:40px;}
 .text-align-center{text-align:center;}
 .borderClass{
  border-color: red;
  border-width:1px;
  border-style: solid;
  background:#ffeeee;
}

#bia-attendancegrid-table td 
{
    border: 1px solid black;
    padding: 7px 7px 7px 7px;
    vertical-align : middle;
    text-align :center;
    /*font-weight:bold;*/
}

#bia-attendancegrid {
    overflow: scroll;
    width: 1150px;
    height: 315px;
}

#bia-attendance-tabletop td
{
    width: 75px;
    padding:  10px 50px 10px 20px;
    }
    
.longButton
{
    width: 200px;
    }
    
#bia-attendancegrid-table select
{
    width: 150px;
    }
.AttArrow{position:relative;top:7px;}
#bia-ActionTaken span
{
    font-weight:bold;margin-left:5px;padding:0px;
}

/* TABLE
----------------------------------------------------------*/
.tableWithBorder
{
    border: solid 1px black;
    border-collapse: separate;
    border-spacing: 10px;
}

.tableWithBorder td
{
    padding: 3px 10px 3px 10px;
    border: none;
    font-size: 12px;  
    font-weight:bold;
}

#edo .hiring-dashboard-table td.left
{
    border-color: #19703B;
}

#edo .hiring-dashboard-table td.right
{
    border-color: #19703B;
}

#edo #bia-header-separator
{
    background-color: #19703B;
}

#edo .bia-main-menu
{
    background-color: #19703B;
}

#edo .tabbed-area div div, .tabs li a
{
    border-color: #19703B;
}

#edo .buttonclose
{
    background-color: #19703B;
}

#edo .button
{
    background-color: #19703B;
}

#edo #hiring-dashboard-navigation ul
{
    background-color: #19703B;
}

#edo .bia-main-menu ul li.selected
{
    background-color: #19703B;
}

#edo .bia-sub-menu
{
    background-color: #19703B;
}

#edo .bia-lessonrule-heading
{
    background-color: #19703B;
}

#edo .bia-viewschedule-toprow
{
    background-color: #19703B;
}

#edo #bia-hiring-candidate-filters
{
    border-color: #19703B;
    box-shadow: 2px 2px 3px #19703B;
}

#edo #bia-candidate-filters
{
    border-color: #19703B;
    box-shadow: 2px 2px 3px #19703B;
}

#edo #bia-budget-filters
{
    border-color: #19703B;
    box-shadow: 2px 2px 3px #19703B;
}

#edo #bia-assessment-filters
{
    border-color: #19703B;
    box-shadow: 2px 2px 3px #19703B;
}

#edo #bia-assessments-table
{
    border-color: #19703B;
    box-shadow: 2px 2px 3px #19703B;
}

#edo #bia-positions-filters
{
    border-color: #19703B;
    box-shadow: 2px 2px 3px #19703B;
}

#edo #bia-billing-messages-filters
{
    border-color: #19703B;
    box-shadow: 2px 2px 3px #19703B;
}

#edo .bia-filter-section
{
    border-color: #19703B;
    box-shadow: 2px 2px 3px #19703B;
}

#edo .bia-scheduling-div
{
    border-color: #19703B;
    box-shadow: 2px 2px 3px #19703B;
}

#edo .bia-scheduling-timetable-div
{
   border-color: #19703B;
   box-shadow: 2px 2px 3px #19703B;
}

#edo .bia-scheduling-div-parentalign
{
   border-color: #19703B;
   box-shadow: 2px 2px 3px #19703B;
}

#edo .calendarDiv
{
   border-color: #19703B;
   box-shadow: 2px 2px 3px #19703B;
}

#edo .dropzone
{
  border-color: #19703B;
}

#edo #bia-login
{
    background-color: #19703B;
}

#bia-attendancegrid {
    overflow: scroll;
    position: relative;
}

    #bia-attendancegrid table {
        position: relative;
        border-collapse: separate;
        border-spacing: 0;
    }

    #bia-attendancegrid table {
        /*position: -webkit-sticky;
        position: sticky;*/
        top: 0;
    }

    #bia-attendancegrid thead th:nth-child(1) {
        left: 0;
        z-index: 1;
        /*position: -webkit-sticky;
        position: sticky;*/
    }

    #bia-attendancegrid thead th:nth-child(2) {
        /*left: 60px;*/
        z-index: 1;
        /*position: -webkit-sticky;
        position: sticky;*/
    }

    #bia-attendancegrid thead th {
        /*position: -webkit-sticky;
        position: sticky;*/
        top: 0;
        background: #8BBF40;
        color: #FFF;
        text-align: center;
    }

    #bia-attendancegrid tbody td:nth-child(1) {
        /*position: -webkit-sticky;
        position: sticky;*/
        left: -1px;
        background: #f2f2f2;
        /*border-right: #000 solid 1px;*/
    }

    #bia-attendancegrid tbody td:nth-child(2) {
        /*position: -webkit-sticky;
        position: sticky;*/
        /*left: 59px;*/
        background: #f2f2f2;
    }

    #bia-attendancegrid table table {
        width: 100%;
        border-collapse: collapse;
        border: 0;
    }

    /*#bia-attendancegrid table th {
        padding: 0;
    }*/

    #bia-attendancegrid td.top-row {
        background: #8BBF40 !important;
    }

    #bia-attendancegrid table table td.heading-cell {
        width: 44.3% !important;
        padding: 7px;
        background: #8BBF40 !important;
        border-bottom: none;
    }

    #bia-attendancegrid table td img {
        padding: 0 15px;
    }

    #bia-attendancegrid table label#AMAttendanceStatus {
        width: auto !important;
        padding: 0 !important;
    }


    #bia-attendancegrid th {
        padding: 7px 3px;
        text-align: left;
        border: solid 0.2px #36363f;
    }


    #bia-attendancegrid table {
        border: none;
        border-collapse: collapse;
    }

        #bia-attendancegrid table td:last-child {
            border-right: none;
        }

    #bia-attendancegrid th {
        border-color: black !important;
    }

#lagosgov #bia-login {
    background-color: #2A2A86;
}

.pagination {
    display: inline-block;
    float: right;
    margin: 5px 0px 20px;
}

    .pagination a {
        color: black;
        float: left;
        padding: 8px 16px;
        text-decoration: none;
        cursor: pointer;
    }

        .pagination a.active {
            background-color: #4CAF50;
            color: white;
        }

        .pagination a:hover:not(.active) {
            background-color: #ddd;
        }

.lessonrulepagenumber {
}