/* overall layout */
body {
	font-family: arial;
	font-size: 16px !important; 
	color: #000;
}

#title {
    background-image: url('../images/title.jpg');
    background-repeat: no-repeat;
    background-size: 1042px 133px;
}

div.ui-datepicker{
 font-size:14px;
}

.default_form_height {
    min-height: 550px;
}

#container {
	margin: 0 auto;
    background-color: #F0F0F0;
}

blockquote {
    border: 0px;
    /*font-size: 10px;*/
    color: navy;
}

.image {
    margin: 10px 20px;
}

#contents {
/*    background-color: white;
    margin: 5px 20px 5px 5px;
    padding: 10px;
    line-height: 20px;
    min-height: 560px;*/
    line-height: 1.6em;
}

#temp_contents {
    /*border: 1px white solid;*/
    padding: 10px;
    /*border-left-color: white;
    border-left-style: solid;*/
}

#contact {
    color: black;
    text-align: right;
    line-height: 20px;
}

.field_title {
    float: left;
    /*margin-top: 3px;*/
}

.instructions {
    float: left;
    margin: 10px 5px;
    font-size: 16px;
}

/* global */
.clear{
    margin: 0px;
    padding: 0px;
    clear: both;
}

.holder {
	margin-top: 3px;
    margin-bottom: 3px;
}

.loader {
    vertical-align: middle;
    padding-left: 2px;
}

.loader img {
    width: 10px;
    height: 10px;
}

.buttons  {
    float: left;
    cursor: pointer;
    min-width: 100px;
    margin-right: 3px;
    margin-top: 2px;
}

.button_pagination {
    float: left;
    cursor: pointer;
    min-width: 65px;
    margin-right: 3px;
    text-align: center;
}

.button_icon {
    float: left;
    cursor: pointer;
    margin-right: 3px;
}

.button_unsized {
    float: left;
    cursor: pointer;
    min-width: 100px;
    margin-right: 3px;
}

.selectable {
	cursor: pointer;
}

.selectable_highlight {
	cursor: pointer;
    color: #003366;/*#0000ff;*/
}

.selectable_disabled {
    cursor: pointer;
    background-image: none;
    opacity: 0.35;
}

.section {
    font-size: 12px;
}

.section_description {
    float: left;
    font-style: italic;
	margin-left: 5px;
}

.current_row{
	background-color: #0000FF;
    color: #FFFFFF;
}

.folder {
    float: left;
	cursor: pointer;
    width: 5px;
}

/*.folder_text {
    float: left;
    margin_top_1;
}*/

/* contents*/
.float_left {
    float: left;
}

.float_right {
    float: right;
}

.hidden {
    display: none;
}

.right_action {
	float: right;
	margin: 6px;
}

.spc {
    float: left;
    margin-right: 5px;
}

/* sub dialogs */
.sub_dialog ,
.sub_dialog_result,
.tab_div  {
	/*font-family: arial;
    /*font-size: 12px;*/
    padding: 5px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
	margin: 5px;
    float: left;
}

.sub_dialog_large {
	/*font-family: arial;
    font-size: 12px;*/
    padding: 5px;
    /*border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;*/
    float: left;
    width: 100%;
}

.status_block {
    margin: 0 5px;
}

div.mnav {
    float: left;
    width: 100%;
    margin-top: 10px;
    /*padding: 10px;*/
    text-align: left;
    border: 1px black solid;
    background-color: white;
    color: black;
}

div.mnav div {
    float: left;
    /*text-align: center;
    width: 85px;*/
    margin: 2px 8px;
    padding: 0 5px;
}

div.mnav div a {
    font-style:italic
}

.mnav_header {
    background-color: black;
    color: white;
    margin: 0 10px 0 0;
    min-height: 25px;
    padding: 2px;
}

.debug_mode {
    color: red;
    float: right;
    margin: 10px;
}

.user_name {
    color: black;
    margin: 10px;
    float: right;
    font-weight: bold;
}

.mnav_item,
.side_nav_item {
    font-weight: normal;
}

.mnav_active_item,
.side_nav_active_item {
    font-weight: bold;
}

ul.side-nav {
    margin: 10px;
    text-align: right;
    /*min-height: 480px;*/
}

ul.side-nav li a {
    color: black;
    font-style:italic
}

.sub_dialog {
    width: 550px;
    margin-left: 20px;
}

.sub_dialog_result {
    /*width: 645px;*/
    width: 94%;
    margin-left: 20px;
}

/* popup */
/* set a div scrollable to 100px */
.popup_table_scrollable {
	max-height: 100px;
	min-height: 50px;
	overflow: auto;
}

.popup_container {
    width: 625px;
    max-height: 560px;
    overflow-x: hidden;
    overflow-y: auto;
}

.popup_desc {
	font-weight: bold;
	margin: 10px;
}

/* table */
.scrollable_table_holder {
    overflow-y: hidden;
    overflow-x: auto;
    /*min-width: 100px;*/
    /*max-width: 280px;*/
    /*max-height: 100px;*/
}

.table_scrollable {
    max-height: 100px;
    min-height: 10px;
    overflow: auto;
}

.table_scrollable_200 {
    max-height: 200px;
    min-height: 10px;
    overflow: auto;
}

.table_borderless{
    width: 100%;
}

.table {
    width: 100%;
    /*border: 1px solid #333;*/
    border: 1px solid #C5DBEC;
}

.table_borderless .th,
.table .th {
    background-color: #333;
    color: #fff;
    font-weight: bold;
    /*border-bottom: 1px dotted #333;*/
    /*margin: 1px;*/
    border-bottom: 1px solid #C5DBEC;
}

.table .th .td {
    background-color: #333;
    color: #fff;
}

.table_borderless .tr:nth-child(odd),
.table .tr:nth-child(odd) {
    background-color: #eee;
}

.table_borderless .tr:nth-child(even),
.table .tr:nth-child(even) {
    background-color: #fff;
}

.table_borderless .td,
.table .td {
    float: left;
    padding: 4px;
    margin: 2px;
    font-size: 14px;
    color: #222;
    line-height: 20px
}

.subtable_width {
    width: 660px; /*710px*/
}

.form_control {
    float: left;
    margin-top: 2px;
}

.form_checkbox {
    float: left;
    margin-top: 4px;
}

.row_text {
    float: left;
    padding-left: 4px;
    margin: 2px;
}

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.table_header {
    float: left;
    font-weight: bold;
    margin-left: 1px;
    /*margin-top: 4px;*/
}

.class_button {
    margin-top: 1px;
}

.margin_bottom_3 {
    margin-bottom: 3px;
}

.tree_node {
    margin-top: 2px;
    margin-bottom: 2px;
}

.left {
    text-align: left;
}

.center {
    text-align: center;
}

.margin_top_1 {
    margin-top: 1px;
}

.margin_top_5 {
    margin-top: 5px;
}

.margin_2 {
    margin: 2px;
}

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.toggle {
    display: inline-block;
    width: 16px;
}

/* widths */
.width_100p {
	width: 100%;
}

.width_35 {
    width: 35px;
}

.width_40{
    width: 40px;
}

.width_45{
    width: 45px;
}
.width_50 {
    width: 50px;
}

.width_60 {
    width: 60px;
}

.width_70 {
	width: 70px;
}

.width_75 {
    width: 75px;
}

.width_80 {
    width: 80px;
}

.width_90 {
    width: 90px;
}
.width_100 {
    width: 100px;
}

.width_110 {
	width: 110px;
}

.width_120 {
	width: 120px;
}

.width_130 {
	width: 130px;
}

.width_140 {
	width: 140px;
}

.width_150 {
	width: 150px;
}

.width_180 {
	width: 180px;
}

.width_155 {
	width: 155px;
}

.width_200 {
    width: 200px;
}

.width_210 {
    width: 210px;
}

.width_220 {
    width: 210px;
}

.width_240 {
	width: 240px;
}

.width_253 {
	width: 253px;
}

.width_280 {
	width: 280px;
}

.width_300 {
    width: 300px;
}

.width_305 {
    width: 305px;
}

.width_298i {
    width: 298px;
	font-style: italic;
}

.width_338i {
    width: 338px;
	font-style: italic;
}

.width_340 {
    width: 340px;
}

.width_345 {
	width: 345px;
}

.width_500{
	width: 500px;
}

.width_510{
	width: 510px;
}

.width_550{
	width: 550px;
}

.width_575{
	width: 575px;
}

.width_650{
	width: 650px;
}

.width_685{
	width: 685px;
}

.width_392i {
    width: 392px;
	font-style: italic;
}

.page_header {
	margin: 20px 0;
	font-weight: bold;
	font-size: 16px;
    color: black;
}

.page_tabs {
    margin-top: 6px;
    padding-left: 20px;
}

.dialog_header{
	font-weight: bold;
	/*font-size: 14px;*/
	margin-bottom: 5px;
    /*color: #2E6E9E;*/
    color: #E17009;
}

.dialog_desc{
	margin-top: 1px;
    margin-left: 10px;
	font-style: italic;
}

.dialog_sub_header{
	font-weight: bold;
	/*font-size: 12px;*/
	margin-bottom: 10px;
}

/* grades */
#grades_holder {
    margin: 10px;
}

.grade_group {
    float: left;
    margin: 4px;
}

/* */
.tab_div  {
	width: 480px;
}

.ajax_okay,
.editing {
    color: #008000;
}

.ajax_error,
.none_selected ,
.error {
    color: #A52A2A;
}

.legend {
    margin: 10px;
}

.result {
    padding-left: 5px;
}

.checkbox {
    float: left;
    margin-top: 5px;
}

.field_label {
    float: left;
    /*margin-top: 6px;
    /*font-size: 12px;*/
    color: #333;
}

.checkbox_label {
    float: left;
    /*margin-top: 5px;
    /*font-size: 12px;*/
    color: #333;
}


.search_checkbox_label {
    float: left;
    margin-top: 3px;
    /*font-size: 10px;*/
    color: #333;
}

.dropdown {
    min-width: 90px;
}

.no_margin_padding {
    margin: 0px;
    padding: 0px;
}

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

.warning {
    float: left;
    text-align: center;
    margin: 5px 0px;
    padding: 10px;
}

.warning_text  {
    float: left;
    margin-left: 5px;
    max-width: 345px;
}

label.error {
    color: #A52A2A;
    clear: both;
    float: left;
    font-size: 10px;
}

.popup-title {
    color: #2E6E9E;
}

.group {
    padding: 5px;
}

.cs_tree_item {
    margin-left: 10px;
    width: 670px;
    padding: 5px;
}

.node_table_width {
    width: 710px;
}

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

.footer_copyright {
    float: left;
    margin-left: 10px;
}

#footer hr {
    margin: 0px;
}

.result_block {
    margin: 10px;
    border: 1px solid #ddd;
}

.result_message {
    float: left;
    width: 100%;
    margin: 5px;
}

p {
    font-family: inherit;
    /*font-size: 1em;*/
    font-weight: normal;
    line-height: 1.6em;
    margin-bottom: 1.25em;
    text-rendering: optimizelegibility;
}

.registration {
    float: left;
    font-weight: bold;
	cursor: pointer;
    color: #003366;
    text-decoration: underline;
}

#contact {
    font-size: 12px;
    float: right;
    margin-right: 10px;
}

#contact_info {
    font-size: 12px;
    float: right;
}

/*.checkboxes label {
    display: block;
    float: left;
    padding-right: 10px;
    white-space: nowrap;
}
.checkboxes input {
    vertical-align: middle;
}
.checkboxes label span {
    vertical-align: middle;
}*/
input[type=checkbox], input[type=radio] {
    vertical-align: middle;
    position: relative;
    bottom: 1px;
}
input[type=radio] {
    bottom: 2px;
}

#logo {    
    /*height: 113px !important;*/
    height: 140px !important;
}