html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
blockquote:before,blockquote:after,q:before,q:after {content:"";}
blockquote,q {quotes:"" "";}
a img {border:none;}
body {margin:auto;padding:auto;font-family:Arial;font-size:12px;color:#363636;text-shadow:0 1px 0 #fff;background:#f7f7f7 url("../images/bg_left.jpg") repeat-y;}
body.nobg {background:#f7f7f7;}
body.nobackground {background:#f7f7f7; margin: 20px;}
body.login {margin:auto;padding:auto;background:#262B32 url("../images/blue/bg.png") repeat-x 0 350px;font-family:Arial;font-size:12px;color:#363636;text-shadow:0 1px 0 #ccc;}
h1 {margin:0;padding:0;font-size:24px;font-weight:bold;margin-bottom:10px;}
h2 {margin:0;padding:0;font-size:18px;font-weight:bold;margin-bottom:10px;}
h3 {margin:0;padding:0;font-size:16px;font-weight:bold;margin-bottom:10px;}
h4 {margin:0;padding:0;font-size:14px;font-weight:bold;margin-bottom:10px;}
h5 {margin:0;padding:0;font-size:12px;font-weight:bold;margin-bottom:10px;}
strong {font-weight: bold;}
em {font-style: italic;}
a {color:#1F92FF;text-decoration:none;text-shadow:0 0 0 transparent;}
a:hover {color:#2F4E85;text-decoration:none;text-shadow:0 0 0 transparent;}
a:active {color:#000;text-decoration:none;text-shadow:0 0 0 transparent;}
a {outline: none;}
.clear {clear:both;}
.show {display:block;}
.hide {display:none;}
.bold {font-weight: bold;}
.normal {font-weight: normal;}
.underlined {text-decoration: underline;}
.big {font-size: 14px;}
.verybig {font-size: 16px;}
.red {color: red;}
input[type=text].red, input[type=password].red, select.red {color: red;}
.green {color: green;}
input[type=text].green, input[type=password].green, select.green {color: green;}
.blue {color: blue;}
.gray {color: gray;}
.left {float: left;}
.right {float: right;}
.txtleft {text-align: left;}
.txtcenter {text-align: center;}
.txtright {text-align: right;}
.fullwidth {width: 99%;}
.halfwidth {width: 48%;}
.onethirdwidth {width: 32%;}
.show_scrolls {overflow: auto;}
.basic_height {min-height: 400px; height: auto !important; height: 400px;}
.group {border: 1px solid  #CCCCCC; padding: 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.mtop10 {margin-top: 10px}
.mtop20 {margin-top: 20px}
.mbottom10 {margin-bottom: 10px}
table {text-align:left;margin:auto;padding:auto;}
img {border:0;}
img.mid_align {vertical-align:middle;margin-right:5px;border:0;}
ul.nobullet, ol.nobullet {list-style: none;}
ul.style,ol.style {padding-bottom:15px;padding-left:30px;}
ul.style li,ol.style li {margin-bottom:5px;padding-left:5px;}
fieldset {border: 1px solid  #CCCCCC; padding: 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
fieldset legend {font-weight: bold;}
label {font-weight:bold;}
.quote {width:80%;display:block;margin:auto;padding:auto;padding:20px 15px 20px 15px;font-size:14px;font-style:italic;color:#666;}
input[type=text],input[type=password],select {background:#fff url("../images/bg_ip.png") repeat-x;padding:5px;font-size:12px;color:#363636;font-weight:normal;margin:0;border:1px solid #c0c0c0;}
input.search {background:transparent;border:0;width:180px;}
textarea {background:#fff url("../images/bg_ip.png") repeat-x;padding:3px 5px 3px 5px;font-size:12px;color:#363636; font-family: arial; margin:0;border:1px solid #c0c0c0;}
input[type=text]:hover,input[type=password]:hover,textarea:hover, select:hover {background-color:#fff5d3;border:1px solid #999;}
input[type=text]:focus,input[type=password]:focus,textarea:focus {background-color:#fff5d3;}
input[type=text].blur,input[type=password].blur,textarea.blur {color:#999;font-weight:normal;font-style:italic;}
input.search:hover,input.search:focus {background:transparent;border:0;}
input[type=submit],input[type=button], button {background:#ccc url("../images/bt_g.png") repeat-x;margin:0;border:1px solid #999;font-weight:bold;padding:7px 10px 7px 10px;-moz-border-radius:5px;-webkit-border-radius:5px;-moz-box-shadow:0 1px 2px #444;-webkit-box-shadow:0 1px 2px #444;box-shadow:0 1px 2px #444;text-shadow:1px 0 0 #ccc;color:#333;}
input[type=submit].disabled,input[type=button].disabled, button.disabled {color:#AAAAAA;}
input[type=text].disabled, select.disabled {border: 0; background: none;}
input[type=button].right_switch {-moz-border-radius:0;-webkit-border-radius:0;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;background:#ccc url("../images/bg_switch.png") repeat-x;font-weight:bold;margin:0;height:30px;border:1px solid #AAA9A9;-moz-box-shadow:0 1px 1px #fff;-webkit-box-shadow:0 1px 1px #fff;box-shadow:0 1px 1px #fff;text-shadow:1px 0 0 #fff;color:#333;font-size:10px;}
input[type=button].left_switch {-moz-border-radius:0;-webkit-border-radius:0;-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;background:#ccc url("../images/bg_switch.png") repeat-x;font-weight:bold;margin:0;height:30px;border:1px solid #AAA9A9;-moz-box-shadow:0 1px 1px #fff;-webkit-box-shadow:0 1px 1px #fff;box-shadow:0 1px 1px #fff;text-shadow:1px 0 0 #fff;color:#333;font-size:10px;}
input[type=button].middle_switch {-moz-border-radius:0;-webkit-border-radius:0;background:#ccc url("../images/bg_switch.png") repeat-x;font-weight:bold;margin:0;height:30px;border:1px solid #AAA9A9;-moz-box-shadow:0 1px 1px #fff;-webkit-box-shadow:0 1px 1px #fff;box-shadow:0 1px 1px #fff;text-shadow:1px 0 0 #fff;color:#333;font-size:10px;}
input[type=submit]:hover,input[type=button]:hover, button:hover, input[type=button].right_switch:hover,input[type=button].left_switch:hover,input[type=button].middle_switch:hover {border:1px solid #666;background:#999 url("../images/bt_gh.png") repeat-x;}
input[type=submit].disabled:hover,input[type=button].disabled:hover, button.disabled:hover {border:1px solid #999; background:#999 url("../images/bt_g.png") repeat-x;}
input[type=submit]:active,input[type=button]:active, button:active,input[type=button].right_switch:active,input[type=button].left_switch:active,input[type=button].right_switch.active,input[type=button].left_switch.active,input[type=button].middle_switch:active,input[type=button].middle_switch.active {color:#ccc;border:1px solid #999;background:#999 url("../images/bt_ga.png") repeat-x;text-shadow:0 0 0 #999;}
input[type=submit].disabled:active,input[type=button].disabled:active, button.disabled:active {color:#AAAAAA; border:1px solid #999;background:#999 url("../images/bt_g.png") repeat-x; text-shadow:1px 0 0 #ccc;}
div.wysiwyg {background:#fff url("../images/bg_ip.png") repeat-x;width:99%!important;font-family:Arial;}
.ui-datepicker select {padding: 0; margin: 0;}
.info_text {display: block; background: url("../images/icon_info.png") 0 2px no-repeat; padding-left: 26px;}
.info_text ul {margin-left: 10px;}

#login_logo {width:350px; margin:auto;padding:auto; text-align: center}
#login_wrapper {width:100%;height:400px;margin-top:100px;}
#login_top_window {margin:auto;padding:auto;width:351px;height:30px;}
#login_body_window {margin:auto;padding:auto;width:351px;height:240px;background:transparent url('../images/blue/bg_login_window.png') no-repeat top; position: relative;}
#login_body_window h2 {color: #666666;}
#login_body_window .inner {margin:auto;padding:auto;width:300px;height:235px;padding-top:10px;}
#login_body_window .inner p {margin-top:30px;}
#login_body_window #login_error {position: absolute; top: 40px; left: 25px; color: red;}
#login_footer_window {margin:auto;padding:auto;width:351px;height:30px;}
#login_reflect {margin:auto;padding:auto;margin-top:3px;width:350px;height:107px;}

#header {width:100%;min-width:960px;height:100px;background:#353c42 url('../images/blue/bg_header.png') repeat-x;text-shadow:1px 0 0 #666;color:#ccc;}
#header a {font-weight:bold;color:#fff;}
#header a:hover {color:#ebebeb;}
#header a:active {color:#999;}
#header #logo {width:210px;float:left;margin:17px 0 0 30px;}
#header #last_logon {width:280px;height:30px;margin:9px 1px 0 0; padding: 63px 10px 0 13px;text-align:left;float:right;}
#header #last_logon span {font-weight:bold;color:#fff;}
#header #account_info {width:400px;float:left;text-align:left;margin:30px 35px 0 0;}
#header #account_info ul {margin: 5px 0 0 23px;}
#header #account_info ul li  span {font-weight:bold;color:#fff;}

#left_menu {width:213px;height:100%;float:left;}

#main_menu {margin:0;padding:0;float:left;width:210px;list-style:none;display:block;}
#main_menu li {width:100%;border-top:1px solid #fff;border-bottom:1px solid #ccc;display:block;}
#main_menu li.active {height:auto;}
#main_menu li ul {margin:0;padding:0;padding:10px 0 10px 0;margin-bottom:10px;float:left;width:100%;background:#bfc6cf url("../images/bg_ip.png") repeat-x;border-top:2px solid #999;border-bottom:1px solid #fff;display:none;overflow:hidden;}
#main_menu li ul li {border:0;padding-left: 10px; font-weight: bold;}
#main_menu li ul li a {text-shadow:0 1px 0 #DBDBDB; padding-left: 10px;}
#main_menu li ul li a.disabled {pointer-events: none; cursor: default; color: #999999;}
#main_menu li ul li.selected a, #main_menu li ul li a:hover {background:#b1b8c1;text-shadow:0 1px 0 #DBDBDB;}
#main_menu li ul li.seperator {border-top: 1px solid #9FAAB7; border-bottom: 1px solid #D7DDE3; margin-bottom: 5px;}
#main_menu li a img {vertical-align:middle;margin-right:15px;border:0;}
#main_menu li a {display:block;padding:5px 20px 7px 20px;color:#4b4f5d;font-weight:bold;text-shadow:0 1px 0 #fff;}
#main_menu li a img {float: left; margin-bottom: 10px;}
#main_menu li a:hover {background:#DADADA;}
#main_menu li.end {border-top:1px solid #fff;border-bottom:0;height:1px;}

a#hide_menu {display:block;margin-right:3px;padding:5px 10px 5px 30px;text-align:right;font-size:14px;color:#4b4f5d;font-weight:bold;border-bottom:1px solid #ccc;cursor:w-resize;}
a#hide_menu:hover {background:#ccc;}
a#show_menu {display:none;padding:5px 10px 5px 10px;border:1px solid #ccc;position:relative;top:10px;left:5px;background:#ebebeb;-moz-border-radius:3px;-webkit-border-radius:3px;color:#4b4f5d;font-weight:bold;cursor:e-resize;}
a#show_menu:hover {background:#ccc;}

#shortcut {list-style:none;display:block;margin-top:20px;font-size:11px;}
#shortcut li {display:block;float:left;margin:0 20px 20px 0;text-align:center;}
#shortcut li a {display:block;width:60px;padding:10px 15px 10px 15px;background:#fff url('../images/shortcut/bg_shortcut.png') repeat-x center;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:1px solid #cdcdcd;color:#4c535b;text-shadow:0 1px 0 #fff;-moz-box-shadow:0 2px 2px #fff;-webkit-box-shadow:0 2px 2px #fff;box-shadow:0 2px 2px #fff;}
#shortcut li a:hover {background:#eaeced url('../images/shortcut/bg_shortcut_h.png') repeat-x center;}
#shortcut li a:active,#shortcut li a.active {background:#C6CACB url('../images/shortcut/bg_shortcut_a.png') repeat-x center;}
#shortcut li a img {margin-bottom:5px;}
#shortcut_notifications {display:none;!important;}

.notification {color:#fff;font-weight:bold;text-shadow:1px 0 0 #333;background:transparent url('../images/bg_notification.png') no-repeat center;position:absolute;width:37px;height:37px;display:block;text-align:center;padding-top:17px;}
.notification2 {display: inline-block; width: 16px; height: 16px; text-align: center; color:#fff;font-weight:bold;text-shadow:1px 0 0 #333;background:transparent url('../images/bg_notification.png') no-repeat center; line-height: 16px;}
#content_wrapper {width:100%;text-align:left;}
#content {margin-left:240px;padding:20px 10px 0 0; min-width:1030px; width: auto !important; width: 1030;}
#content .inner {float:left;width:98%;}
.onecolumn {width:100%;background:#fff;border:1px solid #cdcdcd;margin:20px 0 20px 0;-moz-border-radius:5px;-webkit-border-radius:5px;-moz-box-shadow:0 1px 2px #ccc;-webkit-box-shadow:0 1px 2px #ccc;box-shadow:0 1px 2px #ccc;}
.onecolumn .header {margin:0;padding:0;float:left;background:#cdcdcd url("../images/bg_window_header.png") repeat-x;width:100%;height:40px;border-bottom:1px solid #ccc;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;}
.onecolumn .header span {display:block;font-size:16px;font-weight:bold;padding:10px 0 0 15px;float:left;width:auto;cursor:n-resize;}
.onecolumn .header label {display:block;font-size:14px;font-weight:bold;padding:10px 0 0 15px;float:left;}
.onecolumn .header select {margin:12px 0 0 10px; padding: 0;}
.onecolumn .header span img {margin-right: 6px;}
.onecolumn .header .switch {float:right;margin-right:15px;padding:5px 0 0 0;}
.onecolumn .header .selector {float:right; margin-right:15px; padding:0;}
.onecolumn .content {background:#fff url("../images/bg_ip.png") repeat-x;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;border-top:1px solid #bdbdbd;padding:15px;}
table.data caption {display:none;}
table.data tr {background:#fff;}
table.data tr td, table.data tr th {border-bottom:1px solid #ccc;}
table.data tr th {font-weight:bold;background:#eee; white-space: nowrap;}
table.data tr th,table.data tr td {padding:7px;}
table.data tr td {color:#666;}
table.data tr td.red {color:#ff0000;}
table.data tr:hover td, table.data tr.dark:hover td {background-color: #FFFFCC;}
table.data div {position: relative;}
table.data div img.thumb {position: absolute; top: -20px;}
table.data tr.dark td {background-color: #FFF5E5;}
table#graph_data th {text-align:center;}
table#graph_data td {cursor:pointer;text-align:center;}
table#graph_data td.hover {background:#fff5d3;}
.chart_wrapper {padding-left:20px;position:relative;top:5px;}
.twocolumn {width:100%;margin:20px 0 20px 0;}
.column_left,.column_right {width:49%;background:#fff;border:1px solid #cdcdcd;-moz-border-radius:5px;-webkit-border-radius:5px;-moz-box-shadow:0 1px 4px #ccc;-webkit-box-shadow:0 1px 2px #ccc;box-shadow:0 1px 2px #ccc;float:left;}
.column_right {float:right;}
.column_left .header,.column_right .header {margin:0;padding:0;float:left;background:#cdcdcd url("../images/bg_window_header.png") repeat-x;width:100%;height:40px;border-bottom:1px solid #ccc;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;}
.column_left .header span,.column_right .header span {display:block;font-size:16px;font-weight:bold;padding:10px 0 0 15px;float:left;width:auto;cursor:n-resize;}
.column_left .header .switch,.column_right .header .switch {float:right;margin-right:15px;padding:5px 0 0 0;}
.column_left .content,.column_right .content {background:#fff url("../images/bg_ip.png") repeat-x;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;border-top:1px solid #bdbdbd;padding-bottom:10px;padding:25px 15px 15px 15px;}
.threecolumn {width:100%;margin:20px 0 0 0;float:left;}
.threecolumn_each {width:31%;background:#fff;border:1px solid #cdcdcd;-moz-border-radius:5px;-webkit-border-radius:5px;-moz-box-shadow:0 1px 4px #ccc;-webkit-box-shadow:0 1px 2px #ccc;box-shadow:0 1px 2px #ccc;float:left;margin:0 1% 0 1%;}
.threecolumn_each .header {margin:0;padding:0;float:left;background:#cdcdcd url("../images/bg_window_header.png") repeat-x;width:100%;height:40px;border-bottom:1px solid #ccc;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;}
.threecolumn_each .header span {display:block;font-size:16px;font-weight:bold;padding:10px 0 0 15px;float:left;width:auto;cursor:n-resize;}
.threecolumn_each .header .switch {float:right;margin-right:15px;padding:5px 0 0 0;}
.threecolumn_each .content {background:#fff url("../images/bg_ip.png") repeat-x;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;border-top:1px solid #bdbdbd;padding-bottom:10px;padding:25px 15px 15px 15px;}
.alert_warning {margin:auto;padding:auto;background:#fcf2a5;border:1px solid #edbf06;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 1px 4px #ccc;-webkit-box-shadow:0 1px 2px #ccc;box-shadow:0 1px 2px #ccc;color:#333;font-weight:bold;cursor:pointer;margin:10px 0 10px 0;text-shadow:0 0 0 transparent;}
.alert_info {margin:auto;padding:auto;background:#e6f5fd;border:1px solid #b2c8ff;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 1px 4px #ccc;-webkit-box-shadow:0 1px 2px #ccc;box-shadow:0 1px 2px #ccc;color:#333;font-weight:bold;cursor:pointer;text-shadow:0 0 0 transparent;}
.alert_success {margin:auto;padding:auto;background:#08A000;border:1px solid #49816e;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 1px 4px #ccc;-webkit-box-shadow:0 1px 2px #ccc;box-shadow:0 1px 2px #ccc;color:#fff;font-weight:bold;text-shadow:1px 0 1px #333;cursor:pointer;margin:10px 0 10px 0;}
.alert_error {margin:auto;padding:auto;background:#fb1800;border:1px solid #ff8e8e;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 1px 4px #ccc;-webkit-box-shadow:0 1px 2px #ccc;box-shadow:0 1px 2px #ccc;color:#fff;font-weight:bold;text-shadow:1px 0 1px #333;margin:10px 0 10px 0;}
.alert_warning p,.alert_info p,.alert_success p,.alert_error p {margin:15px;}
.noshadow {-moz-box-shadow:0 0 0 transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;}
.media_photos {display:block;margin:0;padding:0;list-style:none;float:left;margin-top:30px;padding-left:10px;width:100%;}
.media_photos li {display:block;float:left;margin:0;padding:0;width:100px;height:100px;text-align:center;}
.media_photos li a {text-align:center;}
.media_photos li img {border:1px solid #ccc;width:75px;height:75px;}
/*
.pagination {margin:25px 0 5px 0;font-size:10px;font-weight:bold;text-align:center;}
.pagination a {padding:5px 7px 5px 7px;-moz-border-radius:3px;-webkit-border-radius:3px;margin:0 0 0 3px;background:#ccc url("../images/bg_switch.png") repeat-x;border:1px solid #AAA9A9;color:#333;}
.pagination a:hover {-moz-box-shadow:0 1px 3px #666;-webkit-box-shadow:0 1px 3px #666;box-shadow:0 1px 3px #666;border:1px solid #666;background:#999 url("../images/bt_gh.png") repeat-x;}
.pagination a:active,.pagination a.active {color:#666;border:1px solid #999;background:#999 url("../images/bt_ga.png") repeat-x;text-shadow:0 0 0 #999;}
*/
.modal_header {background:#353c42 url('../images/blue/bg_header.png') repeat-x;padding:5px 15px 5px 15px;color:#fff;text-shadow:0 0 0 transparent;!important;}
.modal_header span {font-size:16px;color:#fff;font-weight:bold;}
.modal_content {background:#fff url("../images/blue/bg_modal_window.png") repeat-x bottom;padding:15px;}
#footer {margin:40px 0 10px 0;padding:20px 0 20px 0;border-top:1px solid #ccc;font-size:10px;color:#999;}
.table_overhead {font-weight: bold; color: #363636; margin-bottom: 20px;}
.table_overhead form {float: right; margin: 0; padding: 0;}
.table_overhead input[type=text] {width: 200px; margin: 0 5px 5px 5px;}
.table_overhead input[type=submit] {padding:4px 10px 2px 10px;}
.table_overhead select {margin: 0 5px 5px 5px;}
div.minwidth {min-width:1000px; width: auto !important; width: 100px;}
#student_info_form fieldset {margin-bottom: 10px;}
#student_info_form label {display: block; float: left; width: 120px; font-weight: normal; margin: 0 2px 5px 0;}
#student_info_form #busses_info label {width: 160px;}
#student_info_form input[type=text], #student_info_form select {padding: 1px 3px;}
#student_info_form #amm {width:40px;}
#student_info_form .fullheight {height: 550px;}
#student_info_form .column {float: left; margin: 0 5px 10px 5px;}
#student_info_form .column div {margin-bottom: 5px; clear: left;}
#student_info_form .column #student_photo {margin: 0; text-align: center; position: relative;}
#student_info_form .column #student_photo #buttons {width: 25px; position: absolute; right: 0; bottom: 0;}
#student_info_form .column #student_photo p input[type=button] {width: 25px; height: 25px; padding: 0;}
#student_info_form .column #student_photo #photofield label {width: 100%; text-align: left;}
#student_info_form .column #student_photo #photofield {position: absolute; right: 0px; bottom: 0; background-color: #FFFFFF; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.5); box-shadow: 1px 1px 3px rgba(0,0,0,0.5);}
#student_info_form .column #student_photo #photofield input[type=file] {font-family:Arial;font-size:12px;color:#363636;}
#student_info_form #school_year_student_info div {margin-bottom: 15px;}
#student_info_form input#mfm {width: 50px;}
#student_info_form .column #student_photo #photofield input[type=button] {width: auto; margin: 8px 2px 0 2px; font-weight: normal;}
#student_info_form #section_id {position: relative; margin-top: 15px;}
#student_info_form #section_id div {position: relative; left: 120px; top: -23px;}
#student_info_form #ecode {text-align: center;}
#student_info_form #ecode div {width: 150px; border: 1px solid #CCCCCC; background-color: #FFFFCC; margin: 10px auto;}
#student_info_form a#auto_amm_insert {display: inline-block; margin-left: 2px; padding: 1px 2px; font-size: 11px;}
#student_info_form a#auto_amm_insert img {float: left; margin-right: 3px;}
#student_info_form .datepicker {width: 100px;}
#student_info_form select#father_job_category, #student_info_form select#mother_job_category {width: 128px;}

#student_info_form table.siblings_table {float: left;}
#student_info_form table.siblings_table th, table.siblings_table td {border-bottom: 1px solid #CCCCCC; padding: 2px 0; text-align: left;}
#student_info_form table.siblings_table tr:hover td {background-color: #FFFFCC;}
#student_info_form table.siblings_table th.sibling_name, #student_info_form table.siblings_table td.sibling_name {padding-left: 15px;}
#student_info_form table.siblings_table td.sibling_birthday input {width: 70px;}
#student_info_form table.siblings_table td.sibling_name input {width: 140px;}

#ajax_info {position: absolute; left: 50%; top: 50%; margin-left: -225px; width: 450px; height: 50px;}
#ajax_info div {box-shadow: 2px 2px 4px rgba(0,0,0,0.5)}
.student_info_table {float: left; margin-bottom: 20px;}
.student_info_table th {width: 150px; border-bottom: 1px solid #CCCCCC; font-weight: bold; background-color: #EEEEEE; padding: 2px 5px;}
.student_info_table td {width: 150px; border-bottom: 1px solid #CCCCCC; padding: 0 5px 0 10px; white-space:nowrap;}
.student_info_table td.empty {border: none;}

#search_by_form {width: 460px;}
#search_by_form fieldset {padding: 10px 15px;}
#search_by_form div.label {padding-left: 3px; margin-bottom: 2px;}
#search_by_form legend {font-weight: bold;}
#search_by_form div {width: 160px; float: left; font-weight: normal;}
#search_by_form div.logic {width: 80px;}
#search_by_form div.query_block {width: 430px;}
#search_by_form label {font-weight: normal;}
#search_by_form input[type=text], #search_by_form select {width: 160px; padding: 1px 3px;}
#search_by_form input[type=submit] {margin-top: 10px; float: right;}

a.button {display: inline-block;margin: 0 5px; padding: 3px 6px; border: 1px solid #CCCCCC; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; white-space: nowrap;}
a.button:hover {background-color: #E0E7EE;}
a.button img {float: left; margin: 0 5px;}

table.data div a.button2 {position: absolute; top: -14px; display: block; margin: 0;padding: 0; text-align: center; font-size: 9px; line-height: 5px;}
table.data div a.button2 span  {color: #FFFFFF;}
table.data tr:hover div a.button2 {top: -18px; line-height: 9px;}
table.data tr:hover div a.button2 span  {color: #1F92FF;}
table.data tr:hover div a.button2:hover span  {color: #2F4E85;}
table.data div a.button2 img {margin: 0; padding: 0;}

#selectable {list-style-type: none; margin: 0; padding: 0; float: left;}
#selectable li {margin: 1px 0; padding: 0 5px; line-height: 16px; height: 16px; border: 1px solid #CCCCCC;}
#selectable li.head {font-weight: bold; line-height: 22px; height: 22px; background-color: #EEEEEE;}
#selectable li.student_possibly_exists {color: #999999;}
#selectable li.ui-selecting {background: #FFFFAA;}
#selectable li.ui-selected {background: #FFFFAA;}
#selectable li.ui-selectee {cursor:default;}
#selectable li span {display: inline-block; white-space: nowrap; overflow: hidden;}
#selectable li span.id {display: none;}
#selectable li span.amm {width: 40px;}
#selectable li span.lastname {width: 200px;}
#selectable li span.firstname {width: 200px;}
#selectable li span.lastname2 {width: 180px;}
#selectable li span.firstname2 {width: 150px;}
#selectable li span.lastname3 {width: 150px;}
#selectable li span.firstname3 {width: 130px;}
#selectable li span.classname {width: 50px;}
#selectable li span.section {width: 80px;}
#selectable li span.section2 {width: 50px;}
#selectable li span.language {width: 80px;}
#selectable li span.address {width: 200px;}
#selectable li span.telephone {width: 90px;}
#selectable li span.date {width: 90px;}
#selectable li.student_exists {color: #CCCCCC;}

#init_dialog {position: absolute; width: 500px; top: 200px; left: 50%; padding: 20px; margin-left: -250px; z-index: 99999; border: 1px solid #CCCCCC; background-color: #FFFFFF; box-shadow: 1px 1px 4px rgba(0,0,0,0.5); -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.5); -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.5);}
#init_dialog a#close_btn {position: absolute; top: -12px; right: -12px;}
#init_dialog .onecolumn {margin: 0;}

#year_selection_form fieldset {float: left; margin: 0 10px 15px 0; width: 200px; height: 170px;}
#year_selection_form fieldset div {height: 150px; overflow: auto;}

#tranfer_form {width: 310px; border: 1px solid #CCCCCC; padding: 15px 15px 0 15px; margin: 19px 0 0 20px; background-color: #FFFFFF;}
#tranfer_form  input[type=text], #tranfer_form select {padding: 1px 3px;}
#tranfer_form div {margin-bottom: 15px;}
#tranfer_form label {display: block; float: left; font-weight: normal;}
#tranfer_form div.action {border: 1px solid #CCCCCC; padding: 10px; background-color: #F9F9F9;} 
#tranfer_form div.action p {margin: 10px 0 5px 0;}
#tranfer_form div#section_choices {float: left; width: 50px; margin-left: 8px;}

#list_instructions {display: block; background: url("../images/icon_multi_select_list.png") 0 5px no-repeat; padding-left: 40px;}
#grades_instructions {display: block; background: url("../images/icon_test.png") no-repeat; padding-left: 40px;}
.instructions  {display: block; background: url("../images/icon_info.png") no-repeat; padding-left: 22px;}

#card_info {margin-top: 0px;}
#card_info .threecolumn_each .content {padding:15px 15px 15px 15px;}
.card_info p {margin-bottom: 5px;}
.card_info p span {display: inline-block; width: 90px; font-weight: bold;}
.card_info a img {vertical-align: middle; margin-right: 20px;}
.card_info select {padding: 0;}

#card_content {width: 100%; height: 370px; overflow: auto;}
table.card_grades {table-layout:fixed; width: 300px; float: left;}
table.card_grades th {width: 180px; border-bottom: 1px solid #CCCCCC; text-align: left;}
table.card_grades td {width: 85px; border-bottom: 1px solid #CCCCCC; padding: 1px 0;}
table.card_grades td.space_col {width: 5px;}
table.card_grades td.chart {width: 40px;}
table.card_grades thead th, table.card_grades thead td {font-weight: bold;}
table.card_grades td {text-align: center;}
table.card_grades td input {width: 70px; padding: 0; text-align: center; margin: 1px; font-size: 10px;}
table.card_grades td img {float: left; margin: 2px 0 0 0; padding: 0;}
table.card_grades tbody tr:hover td, table.card_grades tbody tr:hover th {background-color: #FFFFCC;}
table.card_grades .ui-datepicker-trigger {display: none;}

table.card_table {table-layout:fixed; width: 300px; float: left;}
table.card_table select {padding: 0; margin: 2px 0;}
table.card_table input[type=text] {padding: 1px 0; margin: 2px 0;}
table.card_table th {font-weight: bold;}
table.card_table th, table.card_table td {border-bottom: 1px solid #CCCCCC; padding: 1px 0; text-align: left;}
table.card_table tr:hover td {background-color: #FFFFCC;}
table.card_table th.absence_date, table.card_table th.comment_date {width: 150px;}
table.card_table th.absence_hour {width: 120px;}
table.card_table th.absence_lesson {width: 250px;}
table.card_table td.absence_hour select {width: 100px;}
table.card_table td.absence_lesson select {width: 250px;}
table.card_table td.absence_date input, table.card_table td.comment_date input {width: 100px;}
table.card_table td.absence_hour select {width: 80px;}
table.card_table td.absence_lesson select {width: 250px;}
table.card_table th.comment_text {width: 605px;}
table.card_table td.comment_text input {width: 600px;}

#exams_options .column_left {float: left; margin-right: 20px; width: 410px;}
#exams_options .column_right {float: left; margin-right: 20px; width: 500px; padding-bottom: 10px;}
#exams_form .exams_options p span {display: inline-block; width: 65px; font-weight: bold;}
#exams_form .exams_options select {width: 200px; padding: 0; margin-bottom: 5px;}
#exams_form .noinput {font-size: 16px; color: #AAAAAA; font-weight: bold;}

table.exams_grades {table-layout:fixed; width: 300px; float: left;}
table.exams_grades th, table.exams_grades td {border-bottom: 1px solid #CCCCCC; text-align: left; padding: 2px 0; width: 100px; vertical-align: middle;}
table.exams_grades th.txtcenter, table.exams_grades td.txtcenter {text-align: center;}
table.exams_grades th.space_col, table.exams_grades td.space_col {width: 16px;}
table.exams_grades th, table.exams_grades thead td {font-weight: bold;}
table.exams_grades td input {width: 60px; padding: 0; margin: 2px 0; text-align: center; font-size: 10px;}
table.exams_grades td input.short {width: 50px;}
table.exams_grades td input.veryshort {width: 25px;}
table.exams_grades tbody tr:hover td, table.exams_grades tbody tr:hover th {background-color: #FFFFCC;}
table.exams_grades .ui-datepicker-trigger {display: none;}
table.exams_grades th.amm {width: 30px}
table.exams_grades th.section {width: 40px}
table.exams_grades th.section2 {width: 50px}
table.exams_grades th.period {width: 30px}
table.exams_grades th.lastname {width: 140px}
table.exams_grades th.lastname2 {width: 160px}
table.exams_grades th.firstname {width: 120px}
table.exams_grades th.firstname2 {width: 140px}
table.exams_grades th.lesson {width: 140px}
table.exams_grades th.lesson2 {width: 160px}
table.exams_grades th.official_grades {width: 60px}
table.exams_grades td.exam, table.exams_grades th.exam {width: 66px;}
table.exams_grades th.chart, table.exams_grades th.overview {width: 25px;}
table.exams_grades td img {margin: 0; padding: 0; float: left}
table.exams_grades td {white-space: nowrap; overflow: hidden;}
table.exams_grades tr.special_row td, table.exams_grades tr.special_row th {background-color: #EEEEEE;}
table.exams_grades tr.special_row:hover td, table.exams_grades tr.special_row:hover th {background-color: #EEEEEE;}
table.exams_grades td.txtright {text-align: right;}
table.exams_grades td.prev_arrow {background: url("../images/icon_arrow_left_disabled.png") 0 4px no-repeat;}
table.exams_grades td.next_arrow {background: url("../images/icon_arrow_right_disabled.png") 0 4px no-repeat;}

#official_grades_form .exams_options p span {display: inline-block; width: 65px; font-weight: bold;}
#official_grades_form .exams_options select {width: 200px; padding: 0; margin-bottom: 5px;}
#official_grades_form .noinput {font-size: 16px; color: #AAAAAA; font-weight: bold;}
#period_to_close {width: 470px; padding: 20px; background-color: #FFFFFF;}
#period_to_close h4 {border-bottom: 1px solid #CCCCCC; padding-bottom: 2px;}
#period_to_close select {margin: 15px 0;}

#sections_editor {min-height: 300px; height: auto !important; height: 300px;}
#sections_editor {float: left;}
#sections_editor div {float: left; width: 110px; margin: 0 30px;}
#sections_editor ol {margin-bottom: 10px;}
#sections_editor ol li {margin: 3px 0;}
#sections_editor ol li img {float: right;}
#sections_editor input[type=text] {width: 80px; padding: 1px; margin-right: 5px;}
#sections_editor a.button {padding: 1px 0; margin: 0; width: 80px; font-size: 11px;}
#sections_editor input[type=submit] {margin: 30px 0 0 0;}

#lessons_assignment_form fieldset {width: 600px; margin-bottom: 30px;}
#lessons_assignment_form fieldset#choose_class input {margin: 0 5px 0 20px;}
#lessons_assignment_form select {width: 270px; margin-top: 3px;}
#lessons_assignment_form div#arrows {padding: 100px 12px 0 12px;}
#lessons_assignment_form div#arrows a {display: block;}
#lessons_assignment_form div#arrows img {margin-bottom: 20px;}

#school_lessons_form fieldset {float: left;}
#school_lessons_form fieldset div {width: 410px; height: 350px; overflow: auto;}
#school_lessons_form div#optiops {float: left; margin-left: 20px; text-align: left;}
#school_lessons_form div#optiops input {margin: 10px 0 8px 0;}
#school_lessons_form ol {margin-top: 10px;}
#school_lessons_form ol li {margin: 3px 30px;}
#school_lessons_form ol li img {float: right;}
#school_lessons_form input[type=text] {width: 300px; padding: 1px; margin-right: 5px;}
#school_lessons_form a.button {padding: 1px 0; margin: 0; width: 80px; font-size: 11px;}

#occupations_form fieldset {float: left;}
#occupations_form fieldset div {width: 390px; height: 370px; overflow: auto; padding-right: 10px;}
#occupations_form div#optiops {float: left; margin-left: 20px; text-align: left;}
#occupations_form div#optiops input {margin: 10px 0 8px 0;}
#occupations_form ol {margin-top: 10px; list-style: none;}
#occupations_form ol li {margin: 3px 0px;}
#occupations_form ol li.level_1 {padding-left: 20px;}
#occupations_form ol li.level_2 {padding-left: 40px;}
#occupations_form ol li.level_3 {padding-left: 60px;}
#occupations_form ol li.level_4 {padding-left: 80px;}
#occupations_form ol li img {float: right;}
#occupations_form input[type=text] {width: 340px; padding: 1px 2px; margin-right: 5px;}
#occupations_form ol li.level_1 input[type=text] {width: 320px;}
#occupations_form ol li.level_2 input[type=text] {width: 300px;}
#occupations_form ol li.level_3 input[type=text] {width: 280px;}
#occupations_form ol li.level_4 input[type=text] {width: 260px;}
#occupations_form a.button {padding: 1px 0; margin: 0; width: 80px; font-size: 11px;}

#new_occupation {background-color: #FFFFFF; margin: 0; padding: 20px;}
#new_occupation h4 {border-bottom: 1px solid #AAAAAA; padding-bottom: 1px;}
#new_occupation div {margin-top: 10px;}
#new_occupation label {display: inline-block; width: 120px;}
#new_occupation input[type=text] {padding: 2px; width: 150px;}
#new_occupation input[type=button] {margin: 15px 5px 0 5px;}
#new_occupation #new_occupation_actions {text-align: center;}


#languages_form fieldset {float: left;}
#languages_form fieldset div {width: 410px; height: 200px; overflow: auto;}
#languages_form div#optiops {float: left; margin-left: 20px; text-align: left;}
#languages_form div#optiops input {margin: 10px 0 8px 0;}
#languages_form ol {margin-top: 10px;}
#languages_form ol li {margin: 3px 30px;}
#languages_form ol li img {float: right;}
#languages_form ol ol {margin-left: 20px;}
#languages_form input[type=text] {width: 300px; padding: 1px; margin-right: 5px;}
#languages_form a.button {padding: 1px 0; margin: 0; width: 80px; font-size: 11px;}

#busses_form fieldset {float: left;}
#busses_form fieldset div {width: 410px; height: 300px; overflow: auto;}
#busses_form div#optiops {float: left; margin-left: 20px; text-align: left;}
#busses_form div#optiops input {margin: 10px 0 8px 0;}
#busses_form ol {margin-top: 10px;}
#busses_form ol li {margin: 3px 30px;}
#busses_form ol li img {float: right;}
#busses_form ol ol {margin-left: 20px;}
#busses_form input[type=text] {width: 300px; padding: 1px; margin-right: 5px;}
#busses_form a.button {padding: 1px 0; margin: 0; width: 80px; font-size: 11px;}

#bus_stops_form fieldset {float: left;}
#bus_stops_form fieldset div {width: 410px; height: 300px; overflow: auto;}
#bus_stops_form div#optiops {float: left; margin-left: 20px; text-align: left;}
#bus_stops_form div#optiops input {margin: 10px 0 8px 0;}
#bus_stops_form ol {margin-top: 10px;}
#bus_stops_form ol li {margin: 3px 30px;}
#bus_stops_form ol li img {float: right;}
#bus_stops_form ol ol {margin-left: 20px;}
#bus_stops_form input[type=text] {width: 300px; padding: 1px; margin-right: 5px;}
#bus_stops_form a.button {padding: 1px 0; margin: 0; width: 80px; font-size: 11px;}

#student_overview_form div.group {margin-bottom: 20px;}
#student_overview_form div#general span {display: inline-block; margin-right: 30px; font-size: 14px;}
#student_overview_form fieldset {float: left; margin-right: 10px; padding: 8px; width: 145px;}
#student_overview_form label {font-weight: normal; display: block;}
#student_overview_form .text_block {float: left; width: 260px; height: 100px; margin: 0 10px;}
#student_overview_form #overview_texts label {font-weight: bold; width: 250px;}
#student_overview_form #overview_texts label img {float: right;}
#student_overview_form textarea {width: 240px; height: 70px; font-weight: normal;}

#student_overview_form #features_list {position: absolute;display: none; top: 100px; left: 100px; background-color: #FAFAFA; border: 1px solid #CCCCCC; padding: 10px; box-shadow: 1px 1px 4px rgba(0,0,0,0.5); -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.5); -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.5);}
#student_overview_form #features_list label {text-align: center; margin-bottom: 5px; font-weight: bold;}
#student_overview_form #features_list select {width: 280px; margin-bottom: 5px;}
#student_overview_form #features_list .button {display: inline-block;}

#sms_form {font-weight: normal;}
#sms_form fieldset {margin-left: 20px;}
#sms_form input[type=button] {margin: 30px 10px 0 30px;}

#sms_email {background-color: #FFFFFF; margin: 0;}
#sms_email_form {width: 600px; padding: 20px;}
#sms_email_form label {display: block; margin-top: 20px;}
#sms_email_form label span {font-weight: normal; font-style: italic;}
#sms_email_form input#subject {width: 100%; padding: 2px; margin: 0;}
#sms_email_form textarea {width: 100%; padding: 2px; margin: 0;}
#sms_email_form textarea#recipients {height: 100px;}
#sms_email_form textarea#message {height: 60px;}
#sms_email_form input[type=button] {margin: 10px 20px 0 0;}
#sms_email_form .info {font-style: italic; font-size: 11px;}

#calendar_exam_details {background-color: #FFFFFF; margin: 0; padding: 20px;}
#calendar_exam_details h4 {border-bottom: 1px solid #AAAAAA; padding-bottom: 1px;}
#calendar_exam_details div {margin-top: 10px;}
#calendar_exam_details label {display: inline-block; width: 100px;}
#calendar_exam_details input[type=button] {margin: 15px 5px 0 5px;}
#calendar_exam_details #calendar_exam_actions {text-align: center;}

#graph_per_lesson div.group {margin-bottom: 20px;}
#graph_per_lesson div#general span {display: inline-block; margin-right: 20px; font-size: 14px;}
#graph_per_lesson #graph_container {width: 100%; height: 400px; margin: 0 auto}

#graph_concentrative {position: relative;}
#graph_concentrative div.group {margin-bottom: 20px;}
#graph_concentrative div#general span {display: inline-block; margin-right: 20px; font-size: 14px;}
#graph_concentrative #graph_container {width: 590px; height: 410px; margin: 0 auto}

#graph_concentrative #students_list {padding: 5px 7px; width: 200px; height: 200px; overflow-x: hidden; overflow-y: scroll;}
#graph_concentrative #students_list h4 {margin-bottom: 5px;}
#graph_concentrative #students_list ul {margin-left: 15px; padding: 0;font-size: 10px; list-style-type: square;}
#graph_concentrative #students_list ul.sublist {margin-left: 14px; padding: 0; list-style-type: circle;}
#graph_concentrative #students_list ul.sublist li.selected {list-style-type: disc;}
#graph_concentrative #students_list ul a.header_a {font-size: 11px; font-weight: bold;}
#graph_concentrative #students_list ul li {white-space: nowrap;}
#graph_concentrative #students_list li a {color: #363636;}
#graph_concentrative #students_list ul.sublist li a:active, #graph_concentrative #students_list ul.sublist li a.selected, #graph_concentrative #students_list ul.sublist li a.selected:hover {color: #C00000;}
#graph_concentrative #students_list li a:hover {color: red;}

#graph_concentrative #lessons_list {margin-bottom: 8px;}
#graph_concentrative #lessons_list select {width: 216px; height: 160px; margin: 0; padding: 0px;}
#graph_concentrative #lessons_list select option {padding-left: 10px;}
#graph_concentrative #graph_refresh {text-align: center;}
#graph_concentrative #graph_refresh .button {display: inline-block;}
#graph_concentrative #instructions {position: absolute; left: 310px; top: 250px; width: 450px; color: #666666; font-size: 15px; text-align: center; background-color: #FFFFFF; opacity: 0.8;}

#home_graphs #graph_container {height: 250px;}

#event_search {float: right; padding: 7px 10px 0 0;}
#exams_calendar_section {float: right; padding-right: 15px; font-size: 14px; font-weight: bold;}
#exams_calendar_section form {display: inline;}
#exams_calendar_section select {font-size: 14px;}
#event_calendar {text-shadow: none;}
#event_calendar input#search_box {margin: 10px 0 2px 0; padding: 2px;}
#event_calendar ul#events_list {height: 400px; list-style-type: none; border: 1px solid #CCCCCC; padding: 5px; overflow: auto;}
#event_calendar ul#events_list li:hover span {cursor: pointer; background-color: #FFFFCC;}
#event_calendar ul#events_list li span.event_start {display: block; float: left; width: 80px;}
#event_calendar ul#events_list li span.event_title {display: block; float: left; width: 500px; overflow: hidden; white-space: nowrap;}
#event_calendar .disabled_event, #event_calendar .disabled_event .fc-event-inner, #event_calendar .disabled_event .fc-event-skin {background-color: #C5DBF1; border-color: #C5DBF1;}
#event_details {background-color: #FFFFFF; padding: 0px; margin: 0; width: 1000px;}
#event_details #event_header input#title {width: 300px;}
#event_details #event_header input {padding: 2px;}
#event_details #event_header select {width: 150px;}
#event_details #event_header input.datepicker {width: 80px;}
#event_details #event_actions {margin:10px 0; height: 300px; overflow: auto;}
#event_details #event_actions div.actions_header {font-weight: bold; background-color: #EEEEEE;}
#event_details #event_actions div.actions_header span {text-indent: 2px;}
#event_details #event_actions div.event_action, #event_details #event_actions div.actions_header {border-bottom: 1px solid #CCCCCC; padding: 2px 0;}
#event_details #event_actions div span {display: block; float: left; width: 151px; margin: 3px 0;}
#event_details #event_actions div span textarea {font-size: 10px; width: 139px; height: 50px; margin: 0; padding: 2px;}
#event_details #event_actions div span input {font-size: 10px; width: 139px; height: 20px; margin: 0; padding: 2px}
#event_details #event_actions div span.action_delete {width: 20px;}
#event_details #attachments {margin-bottom: 10px;}
#event_details #buttons p {margin-bottom: 15px; text-align: right;}
#event_details #buttons a {display: inline-block; margin-left: 10px;}
#event_details #attachments ol {margin: 3px 0 0 15px;}
#event_details #attachments ol li {clear: both; margin-top: 6px;}
#event_details #attachments a {display: block; float: left; max-width: 400px; overflow: hidden; white-space: nowrap; margin-left: 5px;}
#event_details #attachments input {float: left; font-size: 10px; margin-right: 10px;}
#event_details #copy_options1 {position: absolute; top: 200px; left: 200px; padding: 20px; background-color: #FFFFFF; border-radius: 5px; box-shadow: 0 0 5px #000000;}
#event_copy_options {padding: 20px; background-color: #FFFFFF;}
#event_copy_options div.buttons {margin-top: 20px; text-align: center}

#reports_form {width: 650px;}
#reports_form fieldset {margin-bottom: 10px;}
#reports_form input[type=text], #reports_form select {padding: 1px 3px;}
#reports_form fieldset#filters div.label {padding-left: 3px; margin-bottom: 2px;}
#reports_form fieldset#filters legend {font-weight: bold;}
#reports_form fieldset#filters div {width: 160px; float: left; font-weight: normal; margin-right: 4px; margin-bottom: 1px;}
#reports_form fieldset#filters div.logic {width: 80px;}
#reports_form fieldset#filters div.query_block {width: 430px;}
#reports_form fieldset#filters label {font-weight: normal;}
#reports_form fieldset#filters input[type=text], #reports_form fieldset#filters select {width: 160px;}
#reports_form fieldset#remarks input {width: 530px;}
#reports_form fieldset#order_by select {width: 250px;}
#reports_form #buttons {margin: 30px 0 20px 0;}
#reports_form #buttons input {padding: 5px 8px;}
#reports_form #buttons a {display: block;}
#reports_form #buttons input, #reports_form #buttons a {float: left; margin: 0 7px;}
#reports_form #student_overview label {display: block; float: left; font-weight: normal; margin-right: 3px;}
#reports_form #student_overview select {float: left; margin-right: 10px;}
#reports_form #student_id {font-size: 11px; padding: 2px 3px 1px 3px;}
#reports_form #siblings div {margin: 10px 0;}
#reports_form .datepicker {width: 80px;}
#reports_form fieldset#distinctions_filters div {margin: 10px 0;}
#reports_form fieldset#distinctions_filters label {display: inline-block; width: 150px; margin-right: 10px; text-align: right;}

#birthdays_form {width: 620px;}
#birthdays_form fieldset {margin: 20px 0 10px 0;}
#birthdays_form label {font-weight: normal;}
#birthdays_form input[type=text], select {padding: 1px 2px;}
#birthdays_form #students_list {border: 1px solid #CCCCCC; background-color: #F9F9F9; width: 550px; min-height: 200px; height: auto !important; height: 200px; margin: 5px auto; text-align: left; padding: 2px 5px;}
#birthdays_form #students_list table {table-layout: fixed; float: left;}
#birthdays_form #students_list table th {font-weight: bold;}
#birthdays_form #students_list table th.fullname, #birthdays_form #students_list table td.fullname {width: 250px; white-space: nowrap; text-align: left;}
#birthdays_form #students_list table th.date_of_birth, #birthdays_form #students_list table td.date_of_birth {width: 100px;; text-align: center;}
#birthdays_form #students_list table th.class_name, #birthdays_form #students_list table td.class_name {width: 50px; ; text-align: center;}
#birthdays_form #students_list table th.section_name, #birthdays_form #students_list table td.section_name {width: 50px; text-align: center;}

#userform fieldset {float: left; margin-right: 20px;}
#userform label {float: left; width: 100px; text-align: right; margin-right: 10px;}
#userform input[type=text], #userform input[type=password] {padding: 1px 2px; margin-bottom: 8px; width: 200px;}
#userform select {margin-bottom: 8px;}
#userform #note {text-align: left; font-style: italic; margin: 3px 0 20px 0;}

#user_lessons_form fieldset {float: left; margin-right: 20px; text-align: left; margin-bottom: 15px;}
#user_lessons_form .lessons_list {width: 300px; height: 430px; overflow: auto;}
#user_lessons_form label {font-weight: normal;}
#user_lessons_form input[type=text], #userform input[type=password] {padding: 1px 2px; margin-bottom: 8px; width: 200px;}

#general_settings_form fieldset {width: 400px; margin-bottom: 20px;}
#general_settings_form p {margin-bottom: 10px;}

#backup_form fieldset {width: 400px; margin-bottom: 20px;}
#backup_form p {margin-bottom: 10px;}

#messages {float:left;padding:1em 0;width:950px;border-top:4px solid #f27600;border-bottom:1px solid #c8c8bf;}
#messages .header{float:left;margin:0 0 1em;width:950px;}
#messages .header .left{position:relative;padding:0 40px 0 0;}
#messages .header .left p{margin:0;font-size:1.5em;font-weight:bold;color:#001649;}
#messages .header .left span{top:-5px;}
#messages .message {float:left;padding:0 0 25px;width:950px;background:url('../images/bg_comments_odd.gif') no-repeat left bottom;}
#messages .message .inner {position: relative; float:left;padding:5px 10px;width:930px;background:#F5F5F5;}
#messages .message .inner .buttons {position: absolute; top: 2px; right: 5px; display: none;}
#messages .message .inner:hover .buttons {display: block;}
#messages .message .inner .buttons a {margin-left: 10px;}
#messages .message .inner .buttons img {margin-right: 3px;}
#messages .message.even{background:url('../images/bg_comments_even.gif') no-repeat left bottom;}
#messages .message.even .inner{background:#fafaf5;}
#messages .message.last{padding:0;background:none;}
#messages .message .by{float:left;clear:left;padding:0 0 5px;width:930px;color:#939393;}
#messages .message .by span.user{padding-left:15px;font-size:1.167em;color:#f27600;background:url('../images/icon_comment.gif') no-repeat left 3px;}
#messages .message .by span.date{line-height:1.2em;font-size:.833em;color:#939393;}
#messages .message .by span.date strong{color:#f3831a;}
#messages .message .by a.report{font-size:.917em;color:#838383;}
#messages .message p {margin:0;}
#messages #show_disabled {margin-bottom: 3px;}

#add_message_form {margin-top: 10px;}
#add_message_form textarea {width: 700px; height: 100px; margin: 3px 0 10px 0;}

.pager{float:left;margin:1em 0;width:100%;}
.pager ul{margin:0;padding:0;list-style:none;font-size:.833em;}
.pager ul li{float:left;margin:0 3px 0 0;width:auto;}
.pager ul li a {padding-left: 2px; display: inline-block;}
.pager ul li a.button-gray:hover{text-decoration:none;cursor:default;}
.pager ul li a.button-gray:hover em{cursor:default;}
.pager ul li a:hover{text-decoration:underline;}
.pager ul li a em{padding:0 7px 0 5px;line-height:19px;}
.pager ul li a.previous span{padding-left:10px;background:url('../images/arrow_pager_left.png') no-repeat left 4px;}
.pager ul li a.next span{padding-right:10px;background:url('../images/arrow_pager_right.png') no-repeat right 4px;}
.pager a.button-blue {background-image:url('../images/button_blue_dark.gif');}
.pager a.button-gray {background-image:url('../images/button_gray_dark.gif');}
a.button-blue em,  a.button-gray em{display:inline-block;padding:0 10px 0 8px;height:19px;line-height:normal;cursor:pointer;font-style:normal;color:#fff;}
a.button-blue em {background:url('../images/button_blue_dark.gif') no-repeat right top;}
a.button-gray em {background:url('../images/button_gray_dark.gif') no-repeat right top;}

#log_form {font-weight: normal;}
#log_form label {font-weight: bold;}
#log_form input.datepicker {padding: 2px 2px; width: 80px;}
#log_form select {margin-left: 3px;}
#log_form input[type=submit] {padding: 1px 7px 2px 7px; font-weight: normal; font-size: 12px;}
#log_table td {padding: 1px 5px;}

#payments_table {float: left;}
#payments_table td {height: 20px; padding: 3px 0 0 0; margin: 0;}

#receipts_table {float: left;}
#receipts_table td {height: 20px; padding: 3px 0 0 0; margin: 0;}

#payment_form fieldset {width: 700px; margin-right: 20px; margin-bottom: 20px;}
#payment_form label {width: 100px; text-align: right; margin-right: 10px;}
#payment_form input[type=text] {padding: 1px 2px; margin-bottom: 8px; width: 200px;}
#payment_form select {margin-bottom: 8px;}
#payment_form #note {text-align: left; font-style: italic; margin: 20px 0 10px 0;}
#payment_form input#amm {width: 50px; margin-right: 30px;}
#payment_form input#fullname {width: 200px;}
#payment_form input#agreed_amount {width: 50px; text-align: right;}
#payment_form #search_by_amm, #payment_form #search_by_lastname {position: relative; display: inline-block;}
#payment_form #search_by_lastname select {position: absolute; width: 205px; top: 18px; left: 0; display: none; z-index: 101;}

#payment_form table#payments_table {float: left;}
#payment_form table#payments_table th.payment_receipt_id, #payment_form table#payments_table th.payment_payment_id {width: 90px;}
#payment_form table#payments_table th.payment_date {width: 140px;}
#payment_form table#payments_table th.payment_amount {width: 100px;}
#payment_form table#payments_table th.payment_paidby {width: 200px;}
#payment_form table#payments_table th, table#payments_table td {border-bottom: 1px solid #CCCCCC; padding: 1px 0; text-align: left;}
#payment_form table#payments_table select {padding: 0; margin: 2px 0;}
#payment_form table#payments_table input {padding: 1px 2px; margin: 2px 0;}
#payment_form table#payments_table th {font-weight: bold;}
#payment_form table#payments_table tr:hover td {background-color: #FFFFCC;}
#payment_form table#payments_table td.payment_receipt_id input, #payment_form table#payments_table td.payment_payment_id input {width: 50px;}
#payment_form table#payments_table td.payment_date input {width: 90px;}
#payment_form table#payments_table td.payment_amount input {width: 60px; text-align: right; color: red;}
#payment_form table#payments_table td.payment_paidby div {position: relative; height: 17px;}
#payment_form table#payments_table td.payment_paidby div input {position: absolute; width: 150px; top: 0; left: 0; z-index: 100;}
#payment_form table#payments_table td.payment_paidby div select {position: absolute; width: 174px; top: 0; left: 0; z-index: 99;}
#payment_form table#payments_table input.readonly {background: none;}
#payment_form table td.receipt_print {width: 35px; text-align: right;}

#payment_form table#receipts_table {float: left;}
#payment_form table#receipts_table th.receipt_receipt_id {width: 90px;}
#payment_form table#receipts_table th.receipt_date {width: 140px;}
#payment_form table#receipts_table th.receipt_amount {width: 100px;}
#payment_form table#receipts_table th.receipt_paidby {width: 230px;}
#payment_form table#receipts_table th, table#receipts_table td {border-bottom: 1px solid #CCCCCC; padding: 1px 0; text-align: left;}
#payment_form table#receipts_table select {padding: 0; margin: 2px 0;}
#payment_form table#receipts_table input {padding: 1px 2px; margin: 2px 0;}
#payment_form table#receipts_table th {font-weight: bold;}
#payment_form table#receipts_table tr:hover td {background-color: #FFFFCC;}
#payment_form table#receipts_table td.receipt_receipt_id input {width: 50px;}
#payment_form table#receipts_table td.receipt_date input {width: 90px;}
#payment_form table#receipts_table td.receipt_amount input {width: 60px; text-align: right; color: red;}
#payment_form table#receipts_table td.receipt_paidby div {position: relative; height: 17px;}
#payment_form table#receipts_table td.receipt_paidby div input {position: absolute; width: 180px; top: 0; left: 0; z-index: 100;}
#payment_form table#receipts_table td.receipt_paidby div select {position: absolute; width: 204px; top: 0; left: 0; z-index: 99;}
#payment_form table#receipts_table td.receipt_type input {width: 50px;}
#payment_form table#receipts_table input.readonly {background: none;}

#payment_form table#agreed_amounts {margin: 0 0 10px 0;}
#payment_form table#agreed_amounts th {text-align: center; font-weight: bold;}
#payment_form table#agreed_amounts td {padding: 6px; border: 1px solid #CCCCCC; text-align: right;}
#payment_form table#agreed_amounts td input {width: 50px; text-align: right; margin: 4px 0;}
#payment_form table#agreed_amounts td input.readonly {color: #777777;}

#payment_form table#payment_details {margin: 10px 0 5px 0;}
#payment_form table#payment_details td {padding: 2px 5px 2px 0; border: 0; text-align: left;}
#payment_form table#payment_details td input[type=text] {width: 250px; margin: 0;}
#payment_form table#payment_details td input[type=text]#afm {width: 100px;}


table#payments_list_table td {padding: 0; margin: 0; height: 20px;}

#print_student_debts, #print_payments_list {margin: 0 0 10px 20px;}

#payments_list_filter {margin-bottom: 20px; max-width:1000px;}
#payments_list_filter div {margin: 5px 0;}
#payments_list_filter label {display: inline-block; width: 100px;}
#payments_list_filter input[type=text] {padding: 1px 2px;}
#payments_list_filter input[type=submit] {margin-top: 5px; padding:3px 10px 3px 10px; font-weight: normal;}
#payments_list_filter button {padding:3px 10px 3px 10px; font-weight: normal; margin: 0 5px;}

#dialog_select_print_ae {background-color: #FFFFFF; padding: 20px; border-radius: 5px;}
#dialog_select_print_ae p {margin-bottom: 15px;}
#dialog_select_print_ae a.button {margin: 0 10px}

#print_student_debts label {width: 180px;}
#print_student_debts input {width: 82px;}

#ekdilosiform fieldset {float: left; margin-right: 20px;}
#ekdilosiform label {float: left; width: 120px; text-align: right; margin-right: 10px;}
#ekdilosiform input[type=text], #ekdilosiform textarea {padding: 1px 2px; margin-bottom: 8px; width: 600px;}
#ekdilosiform input.datepicker {width: 100px;}
#ekdilosiform textarea {height: 100px;}
#ekdilosiform #note {text-align: left; font-style: italic; margin: 3px 0 20px 0;}

#distinctionform fieldset {width: 500px;}
#distinctionform label {float: left; width: 120px; text-align: right; margin-right: 10px;}
#distinctionform input[type=text] {padding: 1px 2px; margin-bottom: 10px; width: 200px;}
#distinctionform input.datepicker {width: 100px;}
#distinctionform select {margin-bottom: 10px;}
#distinctionform #note {text-align: left; font-style: italic; margin: 3px 0 20px 0;}

.pagination {margin-top: 20px; text-align: center;}

@media only screen and (max-width: 1010px) {
	#last_logon {display: none;}
}