body{font:normal 14px arial,verdana,sans-serif;line-height:1.25em;}

body,p,ol,ul,li,h1,h2{margin:0;padding:0;}

th {font-weight: normal;}

h1{font-size:16pt;}

h2{font-size:14pt;}

h3,h4,h5,h6{font-size:12pt;}

form{margin:7px 3px;}

input{width:width: 150px;}

a{text-decoration:underline;color:#1a3dc1;}

a:hover{text-decoration:underline;color:#f00;}

a img{border:0;}

.hidden{display:none;visibility:hidden;}

shown{display:block;visibility:visible;}

ul{list-style-type:none}

li{list-style-type:none}

.helpbox ul{
  margin: 20px 0 20px 0;
}

.helpbox ul li{
  margin-bottom: .4em;
}

.helpbox ul li:before {
  content: "\2014\a0";
}

.clear{clear:both;height:1px;width:1px;line-height:1px;font-size:1pt;}

.clearPad{padding-bottom:20px;}

.fLeft{float:left;}

.fRight{float:right;}

body{background:#FFF;color:#000;}

.laitgray{color:#999}

#bodycontainer,#bodycontainersimple,#bodycontainerbig, #bodycontainersmall,#Container,#bottomFooter,#domainBar{margin:0 auto;}

#bodycontainer{width:1000px;}
#bodycontainerbig{width:1200px;margin-top: 10px;}
#bodycontainersmall{width:1050px;margin-top: 10px;}

#Container{min-height:500px;}

#bodycontainer{min-height:850px;}
#bodycontainerbig{min-height:850px;}
#bodycontainersmall{min-height:850px;}

#bodycontainer{border-left:1px solid #CCC;border-right:1px solid #CCC;-webkit-box-shadow:0 0 6px 2px #CCC;box-shadow:0 0 6px 2px #CCC;-moz-box-shadow:0 0 6px 2px #CCC;background:#FFF;}
#bodycontainerbig{border-left:1px solid #CCC;border-right:1px solid #CCC;-webkit-box-shadow:0 0 6px 2px #CCC;box-shadow:0 0 6px 2px #CCC;-moz-box-shadow:0 0 6px 2px #CCC;background:#FFF;}
#bodycontainersmall{border-left:1px solid #CCC;border-right:1px solid #CCC;-webkit-box-shadow:0 0 6px 2px #CCC;box-shadow:0 0 6px 2px #CCC;-moz-box-shadow:0 0 6px 2px #CCC;background:#FFF;}

.m-t-10{
margin: 10px 0 0 0;
}

.m-tb-10{
margin: 10px 0 10px 0;
}

.m-t-5{
margin: 5px 0 0 0;
}

.f-l{
float:left;
}

.tal-r{
text-align:right;
}

.font-18{
font-size: 18px;
}

.f-22{
font-size: 22px;
}

.about-top{
text-align:right;
padding: 10px;
height: 66px;
}

.top-banner{
background: url('../img/CoverSampler.jpg') no-repeat scroll 20px 0 transparent;
width: 1000px;
height: 160px;
}


.top-banner-ngl{
background: url('../img/CoverSampler-ngl.png') no-repeat scroll 20px 0 transparent;
width: 1000px;
height: 160px;
margin-left: 65px;
}

.top-hostedby{
font-size: 24px;
background: url('../img/logo_redman.jpg') no-repeat scroll 0 0 transparent;
height: 60px;
padding: 14px 0 0 60px;
margin-left: 200px;
}

.top-with-mreader-logo{
font-size: 24px;
background: url('../img/logo_mreader.png') no-repeat scroll 0 0 transparent;
height: 75px;
padding: 14px 0 0 50px;
margin-left: 20px;
float: top;
}

.top-with-school-logo{
font-size: 24px;
min-height: 130px;
}


.top-title{
font-size: 60px;
text-align: center;
margin: 60px 0 0 20px;
color:#f00;
}

.top-title-sub{
text-align: center;
font-size: 40px;
margin: 46px 0 0 20px;
color:#f00;
}

.top-title-byline{
text-align: center;
font-size: 20px;
margin: 20px 0 0 20px;
color:#000;
}

.bottom-banner{
background: url('../img/botom-banner.jpg') no-repeat scroll 20px 0 transparent;
width: 696px;
height: 268px;
margin:30px 0 0 140px;
}

.login-box{
margin: 30px 0 30px 220px;
}

.login-validation{
margin-left:50px;
color:#f00;
}

.login-box-login{
float: left;
}

.login-box-login-btn{
font-weight: bold;
font-size: 16px;
margin-top: 4px;
}

.login-box-reg{
float: left;
margin-left: 20px;
}

.login-box-login-ask{
margin-left: 52px;
}

.topreaders-header{
margin: 10px 0 10px 160px;
font-weight: bold;
}

.topreaders-boxs{
border: 1px #aaa solid;
margin: 0 160px 0 160px;
padding: 10px;
}

.topreaders-boxs-level{
float: left;
width: 120px;
}

.topreaders-boxs-name{
float: left;
width: 220px;
}

.topreaders-boxs-city{
float: left;
width: 220px;
}

.topreaders-boxs-count{
float: left;
width: 80px;
}

.topreaders-boxs-sub{
margin-left: 160px;
font-size: 12px;
font-style: italic;
color: #1A3DC1;
}

.grape-box{
border: 0px #aaa solid;
margin: 0 160px 0 190px;
padding: 10px;
}

.bottom-sponsor{
margin: 50px 0 0 160px;
font-size: 12px;
font-style: italic;
}

.reg-title{
margin: 20px 0 20px 200px;
font-size: 24px;
}

.reg-title-sub{
margin: 0 0 20px 200px;
}

.reg-box{
margin: 0 0 20px 200px;
}

.reg-item-title{
font-size: 18px;
padding: 4px 10px 12px 0;
width: 235px;
}

.reg-item-submit{
font-size: 18px;
padding: 4px 10px 12px 0;
}

.reg-item-submit-admin{
font-size: 14px; 
color: red;
}

.reg-item-data{
font-size: 18px;
}

.column3{
float:left;
width:350px;
padding:10px;
}

.column2{
float:left;
width:550px;
margin-top:30px;
}

.column-title{
background-color:#71f56c;
font-size:20px;
width:250px;
padding: 7px;
margin: 6px 0 6px 0;
}

.column-title-350{
background-color:#71f56c;
font-size:20px;
width:350px;
padding: 7px;
margin: 6px 0 6px 0;
}

.column-title-450{
background-color:#71f56c;
font-size:20px;
width:450px;
padding: 7px;
margin: 6px 0 6px 0;
}

.form1-field{
margin: 4px 0 4px 0;
font-size: 17px;
}

.color{
font-size: 12px;
width: 60px;
}

.column-box{
margin:20px;
}

.admin-page-banner{
padding: 30px 0 30px 250px;
}

.column-save{
margin: 0 0 0 1000px;
}

.column-save input{
font-size: 22px;
}


.button-link {
    padding: 5px 15px;
    background: #4479BA;
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #20538D;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    text-decoration: none;
}
.button-link:hover {
    background: #356094;
    color: #FFF;
    border: solid 1px #2A4E77;
    text-decoration: none;
}
.button-link:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #2E5481;
    border: solid 1px #203E5F;
    color: #FFF;
}


.download_pdf{display:block;height:28px;color:#353535;font-size:11px;text-align:left;line-height:28px;text-indent:26px;cursor:pointer;padding-right:10px;text-decoration: none;}
.download_pdf{background:url(../img/button_pdf.png) right top no-repeat;float:left;}
.download_pdf span{background:url(../img/button_pdf.png) left top no-repeat;display:block;}
.download_pdf:hover,.serverguide-server-link:hover{background-position:right -28px;text-decoration:none;}
.download_pdf:hover span,.serverguide-server-link:hover span{background-position:left -28px;}
.download_pdf.isFavorite{background-position:right -56px;}
.download_pdf.isFavorite span{background-position:left -56px;}
.download_pdf.isFavorite:hover{background-position:right -84px;}
.download_pdf.isFavorite:hover span{background-position:left -84px;}
.download_pdf[disabled]:hover{background-position:right -28px;}
.download_pdf[disabled]:hover span{background-position:left -28px;}
.download_pdf.isFavorite[disabled]:hover{background-position:right -56px;}
.download_pdf.isFavorite[disabled]:hover span{background-position:left -56px;}

.download_pdf-box{float:right;margin:0 20px;}



.download_excel{display:block;height:28px;color:#353535;font-size:11px;text-align:left;line-height:28px;text-indent:22px;cursor:pointer;padding-right:10px;text-decoration: none;}
.download_excel{background:url(../img/button_favorite.png) right top no-repeat;float:left;}
.download_excel span{background:url(../img/button_favorite.png) left top no-repeat;display:block;}
.download_excel:hover,.serverguide-server-link:hover{background-position:right -28px;text-decoration:none;}
.download_excel:hover span,.serverguide-server-link:hover span{background-position:left -28px;}
.download_excel.isFavorite{background-position:right -56px;}
.download_excel.isFavorite span{background-position:left -56px;}
.download_excel.isFavorite:hover{background-position:right -84px;}
.download_excel.isFavorite:hover span{background-position:left -84px;}
.download_excel[disabled]:hover{background-position:right -28px;}
.download_excel[disabled]:hover span{background-position:left -28px;}
.download_excel.isFavorite[disabled]:hover{background-position:right -56px;}
.download_excel.isFavorite[disabled]:hover span{background-position:left -56px;}

.download_excel-box{float:right;margin:0 20px;}

.button-link_y {
    padding: 5px 15px;
    background: #febd4b;
    color: #000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #cb973c;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    text-decoration: none;
}
.button-link_y:hover {
    background: #fccf7e;
    color: #000;
    border: solid 1px #cb973c;
    text-decoration: none;
}
.button-link_y:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #fccf7e;
    border: solid 1px #cb973c;
    color: #000;
}

table#table-students-list {
  font-family: verdana,arial,sans-serif;
  font-size:11px;
  color:#333333;
  border-width: 1px;
  border-color: #999999;
  border-collapse: collapse;
}
table#table-students-list th {
  background:#b5cfd2 url('../img/cell-grey.jpg');
  border-width: 1px;
  padding: 8px;
  border-style: solid;
  border-color: #999999;
}
table#table-students-list td {
  background:#dcddc0 url('../img/cell-blue.jpg');
  border-width: 1px;
  padding: 8px;
  border-style: solid;
  border-color: #999999;
}


table#table-attempts-list {
  font-family: verdana,arial,sans-serif;
  font-size:11px;
  color:#333333;
  border-width: 1px;
  border-color: #999999;
  border-collapse: collapse;
  width:1100px;
}
table#table-attempts-list th {
  background:#b5cfd2 url('../img/cell-grey.jpg');
  border-width: 1px;
  padding: 8px;
  border-style: solid;
  border-color: #999999;
}
table#table-attempts-list td {
  background:#dcddc0 url('../img/cell-blue.jpg');
  border-width: 1px;
  padding: 8px;
  border-style: solid;
  border-color: #999999;
}


table#table-attempts-list2 {
  font-family: verdana,arial,sans-serif;
  font-size:11px;
  color:#333333;
  border-width: 1px;
  border-color: #999999;
  border-collapse: collapse;
  width:900px;
}
table#table-attempts-list2 th {
  background:#b5cfd2 url('../img/cell-grey.jpg');
  border-width: 1px;
  padding: 8px;
  border-style: solid;
  border-color: #999999;
}
table#table-attempts-list2 td {
  background:#dcddc0 url('../img/cell-blue.jpg');
  border-width: 1px;
  padding: 8px;
  border-style: solid;
  border-color: #999999;
}


table#table-extensive-byclass {
  font-family: verdana,arial,sans-serif;
  font-size:11px;
  color:#333333;
  border-width: 1px;
  border-color: #999999;
  border-collapse: collapse;
  width:1100px;
}
table#table-extensive-byclass th {
  background:#b5cfd2 url('../img/cell-grey.jpg');
  border-width: 1px;
  padding: 8px;
  border-style: solid;
  border-color: #999999;
}
table#table-extensive-byclass td {
  background:#dcddc0 url('../img/cell-blue.jpg');
  border-width: 1px;
  padding: 8px;
  border-style: solid;
  border-color: #999999;
}

.paginate_enabled_previous, .paginate_enabled_next{
  cursor:pointer;
  margin: 0 20px 0 0;
}

tr.odd td, tr.even td{
  height: 20px;
}

tr.even td{
  background-color: #fafafa;
}

.dataTables_info{
  font-weight:bold;
}

th[class|="type"]{
  cursor:pointer;
}

.class-selector{
  margin: 10px 0 20px 20px;
}

.student-table-box{
  width:900px;
  float: left;
}

.student-table-box-2{
  float: right;
  width: 130px;
}

.student-bottom-table-box{
  margin: 10px 30px 10px 30px;
  float:right;
}

.student-bottom-goal-box{
  position: relative;
  height: 70px;
  margin: 10px 10px 10px 80px;
}

.publisher-select-box-1 {
  float:left;
  margin-right: 20px;
}

.publisher-select-box-2 {
  float:left;
}

.publisher-select-box{
  margin: 10px 0px 10px 110px;
}

.student-title-box{
  font-weight: bold;
  margin: 10px 0px 10px;
  font-size: 18px;
}

.student-main-box{
  margin-left: 10px;
}

.covers-box{
  margin:10px;
}

.bookcover-img{
  margin:4px;
  padding:2px;
  border:1px solid #999;
  float: left;
}

.bookcover-img2{
  background: none repeat scroll 0 0 #f08080; 
  border: 1px solid #dddddd; 
  display:inline; 
  margin: 0 10px 10px 0; 
  padding: 5px;
}

.bookcover-img3{
  background: none repeat scroll 0 0 #71f56c; 
  border: 1px solid #dddddd; 
  display:inline; 
  margin: 0 10px 10px 0; 
  padding: 5px;
}

.viewbooks-main-box{
  margin: 0 0 0 30px;
}

.quiztitle{
  margin: 20px 0px 20px 40px;
  font-size: 22px;
}

.quizlist li{
  margin: 10px 0px 10px 60px;
  font-size: 16px;
}

.quizsubmit{
  margin: 40px 0px 80px 140px;
}

.student-showname-covers{
  margin:15px 15px 10px 900px;
}

.admin-help-box{
  float:left;
  margin:2px 10px 2px 10px;
}

.helpbox{
  background-color: #EEE;
  padding:20px;
}

.admin-switch-to-class{
  float:left;
  margin: 8px 0px 0 10px;
}

.admin-switch-to-school {
  float: left;
  margin: 8px 0 0 10px;
}

a.gray01 {
  color:#000;
}

a.gray01:link {
  text-decoration:none
}

a.gray01:hover {
  text-decoration:underline
}

/*
* Tiny box
*/

.tbox {position:absolute; display:none; padding:14px 17px; z-index:900}
.tinner {padding:15px; -moz-border-radius:5px; border-radius:5px; background:#fff url(../img/preload.gif) no-repeat 50% 50%; border-right:1px solid #333; border-bottom:1px solid #333}
.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#000; z-index:800}
.tclose {position:absolute; top:0px; right:0px; width:30px; height:30px; cursor:pointer; background:url(../img/close.png) no-repeat}
.tclose:hover {background-position:0 -30px}

#error {background:#ff6969; color:#fff; text-shadow:1px 1px #cf5454; border-right:1px solid #000; border-bottom:1px solid #000; padding:0}
#error .tcontent {padding:10px 14px 11px; border:1px solid #ffb8b8; -moz-border-radius:5px; border-radius:5px}
#success {background:#2ea125; color:#fff; text-shadow:1px 1px #1b6116; border-right:1px solid #000; border-bottom:1px solid #000; padding:10; -moz-border-radius:0; border-radius:0}
#bluemask {background:#4195aa}
#frameless {padding:0}
#frameless .tclose {left:6px}


/*
* Tabs style
*/


/* everything is constructed with a single background image */

/* root element for tabs */
#flowtabs {
    /* dimensions */
    height:31px !important;
    margin:0 !important;
    padding:0;

    /* IE6 specific branch (prefixed with "_") */
    _margin-bottom:-2px;
}

/* single tab */
#flowtabs li {

    background-color: #cccccc;
    border: 1px solid black;
    border-radius: 5px 5px 0px 0px;
    
    float:left;
    margin:0;
    padding:0;
    text-indent:0;
    list-style-type:none;
}

/* a- tag inside single tab */
#flowtabs li a {
     /*background: url(../img/blue_panes.jpg) no-repeat;*/
    border-style: solid;
    border-width: 2px 2px 0px 2px;
    border-radius: 5px 5px 0px 0px;
    border-color: #ffffff;
    
    display:block;
    /*Comment by appbits while remove image at background of the main menu in site admin */
/*    height: 31px;
    width: 189px;*/
    height: 26px;
    width: 145px;
    padding:0px;
    margin:0px;

    /* font decoration */
    color:#000;
    font-size:12px;
    /*line-height:33px;*/
    line-height:26px;
    text-align:center;
    text-decoration:none;
}

/* adjust the background image position on each tab */
#flowtabs #t1           { background-position: 0 0; }
#flowtabs #t2           { background-position: -189px 0; }
#flowtabs #t3           { background-position: -378px 0; }
#flowtabs #t4           { background-position: -567px 0; width:192px;}

/* mouseover state */
#flowtabs a:hover       { color:#fff;    }
#flowtabs #t1:hover     { background-position:      0 -33px; }
#flowtabs #t2:hover     { background-position: -189px -33px; }
#flowtabs #t3:hover     { background-position: -378px -33px; }
#flowtabs #t4:hover     { background-position: -567px -33px; }

/* currently selected tabs */
#flowtabs a.current     { cursor:default; color:#fff; line-height: 29px; /*line-height:34px;*/ }
#flowtabs #t1.current { background-position:      0 -66px; }
#flowtabs #t2.current { background-position: -189px -66px; }
#flowtabs #t3.current { background-position: -378px -66px; }
#flowtabs #t4.current { background-position: -567px -66px; }


/* single pane */
#flowpanes div {
    display:none;
    color:#fff;
    margin:20px 40px;
}

/* some decorations for elements inside single pane */
#flowpanes div h2 {
    font-weight:normal;
    color:#ddd;
    letter-spacing:1px;
    margin:10px 0 0 0;
    font-size:22px;
}

#flowpanes a {
    color:#cc9;
    font-size:14px;
}

#flowpanes p, #flowpanes samp {
    color:#ccc;
}

#flowpanes .narrow {
    padding-right:160px;
}


/*
* Notice
*/

.notice-wrap {
  position: fixed;
  top: 20px;
  right: 20px;
  width: 250px;
  z-index: 9999;
}

* html .notice-wrap {
  position: absolute;
}

.notice-item {
  height: 60px;
  background: #555;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  color: #eee;
  padding: 6px 6px 0 6px;
  font-family: Arial;
  font-size: 16px;
  border: 2px solid #999;
  display: block;
  position: relative;
  margin: 0 0 12px 0;
}

.notice-item-close {
  position: absolute;
  font-family: Arial;
  font-size: 14px;
  font-weight: bold;
  right: 6px;
  top: 6px;
  cursor: pointer;
}


/*
* Data Tables
*/

.dataTables_length{
  float:left;
  width: 740px;
}

.dataTables_info{
  float:left;
  width: 740px;
}

.paginate_disabled_previous, .paginate_disabled_next{
  margin: 0 20px 0 0;
  cursor: pointer;
}

table .sorting, table .sorting_asc, table .sorting_desc{
  cursor: pointer;
}

table .sorting_asc {
  background: url('../img/sort_asc.png') no-repeat center right;
}

table .sorting_desc {
  background: url('../img/sort_desc.png') no-repeat center right;
}

table .sorting {
  background: url('../img/sort_both.png') no-repeat center right;
}


/*
* Other
*/

.teacherviewnewpass{
  float:left;
  padding: 10px 0 0 20px;
}

.teacherviewaltname{
  float:left;
  padding: 0 0 0 20px;
}

.btn_gray_gr{display:inline-block;height:40px;padding:0;position:relative;top:1px;margin-left:10px;font-family:helvetica,arial,freesans,clean,sans-serif;font-weight:bold;font-size:12px;color:#333;text-shadow:1px 1px 0 #fff;white-space:nowrap;border:0;overflow:visible;background:white;background:-moz-linear-gradient(white,#e1e1e1);background:-webkit-linear-gradient(white,#e1e1e1);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='white',endColorstr='#e1e1e1')";border-bottom:1px solid #ebebeb;border-radius:10px;box-shadow:0 1px 4px rgba(0,0,0,0.3);cursor:pointer;margin-left:1px;padding:0 13px;-webkit-font-smoothing:subpixel-antialiased!important}
.btn_gray_gr:hover{color:#fff;text-shadow:-1px -1px 0 rgba(0,0,0,0.3);border-bottom-color:#0770a0;background:#0ca6dd;background:-moz-linear-gradient(#0ca6dd,#0770a0);background:-webkit-linear-gradient(#0ca6dd,#0770a0);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#0ca6dd',endColorstr='#0770a0')"}

.btn_orange{
background-color: #febd4b;border:1px solid #cb973c;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;margin:20px 0 0 0;font-size:22px;height: 38px;cursor:pointer;
}

.btn_orange:hover{
background-color: #fccf7e;
}

.btn_green{
background-color: #45b03e;border:1px solid #cb973c;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;margin:20px 0 0 0;font-size:22px;height: 38px;cursor:pointer;
}

.btn_green:hover{
background-color: #289023;
}

.btn_erin {
    background-color: #00FF3F;border: 1px solid #000000;-webkit-border-radius: 6px;font-size: 20px;cursor: pointer;
}
.btn_erin:hover {
    background-color: #289023;
}

.simpletitle{
  margin:20px 0;
  text-align:center;
}

ul.showform{
margin:0 20px;
}

.showform li {
  float:left;
}

/*
.quickeditor-text:hover, .quickeditor-text-int:hover, .quickeditor-text-confim:hover{
  cursor: pointer;
  outline: 1px dashed #0090D2;
  background: rgba(255, 255, 153, 1);
}
*/

.m-20-0{
margin: 20px 0;
}

.m-0-25{
margin: 0 0 0 25px
}

.m-l-20{
margin-left: 20px;
}

#tc-expiries-timer{
color:#f00;
}

.red-notice{
color: red;
margin: 12px 0 0 30px;
}

.yellow-box{
background-color: #FF9;
margin: 10px 0 10px 0;
border: 1px solid #666;
padding: 20px;
text-align: center;
}

.check-cheating-teacher{
float: right;
margin: 30px;
}

.highlight{
color: red;
}

.left-100{
margin:20px 20px 20px 100px;
}

.left-60{
margin:20px 20px 20px 60px;
}

.overlay-help-image{
position:absolute;
top:56px;
z-index:100;
}

.reportlist-simple{
margin: 10px 0 10px 0;
border: 1px solid #999;
padding: 4px;
background-color: #eee;
cursor:pointer;
}

.reportlist-red{
margin: 10px 0 10px 0;
border: 1px solid #FF9999;
padding: 4px;
background-color: #FFCCCC;
cursor:pointer;
}

a.ajaxlink {
    text-decoration: none;
    border-bottom: 1px dashed #1a3dc1; 
}
a.ajaxlink:hover {
    border-bottom: 1px dashed #f00; 
}

.changepass{
float: right;
display:none;
}

.changepass input{
width: 150px;
}

.fb-button {
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.fb-button:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   text-decoration: none;
   }
.fb-button:active {
   border-top-color: #1b435e;
   background: #1b435e;
   text-decoration: none;
   }

.ui-combobox{
  position: absolute;
}

table.blackborder{
  border: 1px solid #333;
  border-spacing: 0px;
}

table.blackborder {
  border: 1px solid #333;
}

table.blackborder th, table.blackborder td {
  border: 1px solid #333;
  margin: 0;
  padding: 4px;
}

.btn_yellow {
	background-color:#ffec64;
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
	border-radius:28px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Arial;
	font-size:17px;
	padding:11px 31px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.btn_yellow:hover {
	background-color:#ffab23;
	color:#333333;
	text-shadow:0px 1px 0px #ffee66;
}
.btn_yellow:active {
	position:relative;
	top:1px;
}

.btn_oranger {
    background-color: #f1f1f1;
    -moz-border-radius:28px;
    -webkit-border-radius:28px;
    border-radius:28px;
    border:1px solid #9c9c9c;
    display:inline-block;
    cursor:pointer;
    color:#7f7f7f;
    font-family:Arial;
    font-size:17px;
    padding:11px 31px;
    text-decoration:none;
    text-shadow:0px 1px 0px #f5f5f3;
}
.btn_oranger:hover {
    background-color: #d7d7d7;
    color:#7f7f7f;
    text-shadow:0px 1px 0px #f5f5f3;
}
.btn_oranger:active {
    position:relative;
    top:1px;
}

.btn_green2 {
	background-color:#64D65C;
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
	border-radius:28px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Arial;
	font-size:17px;
	padding:11px 31px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.btn_green2:hover {
	background-color:#45b03e;
	color:#333333;
	text-shadow:0px 1px 0px #ffee66;
}
.btn_green2:active {
	position:relative;
	top:1px;
}
.schooladmin-hide-class{
    display:none;
}
#tabs .ui-tabs-active a {
    color: #fff;
}
.badge_title_underline{
    padding-bottom: 10px;
    border-bottom: 2px solid #e2e2e2;
    margin: 10px 0px;
}
.breadcrumb{
    background-color: #dedede !important;
}
.query_block{
    background-color: #fefdc0;
    padding: 10px;
    margin: 5px;
    border: 2px solid #dc0808;
}
.db_query, .results_in, .query_inputes, .updated_result_in{
    padding: 5px;
}
.results_in div:nth-child(1){
    width:15%;
    display:inline-block;
}
.results_in div:nth-child(2){
    width:15%;
    display:inline-block;
}
.results_in div:nth-child(3){
    width:15%;
    display:inline-block;
}
.updated_result_in div:nth-child(1){
    width:25%;
    display:inline-block;
}
.updated_result_in div:nth-child(2){
    width:5%;
    display:inline-block;
}
.updated_result_in div:nth-child(3){
    width:15%;
    display:inline-block;
}
.query_inputes div{
    width:9%;
    display:inline-block;
}
#qua_table, #qua_where_input_1, #qua_where_input_2, #qua_where_input_3, #update_table   {
    width: 60px;    
}
#update_go{
    background-color: #0be003;
    border: 2px solid black;
    border-radius: 18px;
    width: 43px;
    height: 29px;
    font-size: 16px;
}

.upd_table{
    width:13%;
    display:inline-block;
}
.upd_set{
    width:7%;
    display:inline-block;
}
.upd_set_input{
    width:7%;
    display:inline-block;
}
.upd_where_field_1{
    width:9%;
    display:inline-block;
}
.upd_where_field_input_1{
    width:8%;
    display:inline-block;
}
.upd_where_field_2, .upd_where_field_3{
    width:8%;
    display:inline-block;
}
.upd_where_field_input_2, .upd_where_field_input_3{
    width:8%;
    display:inline-block;
}
.upd_where_field_4, .upd_where_time_radio{
    width:9%;
    display:inline-block;
}
.upd_where_field_input_4{
    width:10%;
    display:inline-block;
}
#upd_set_input, #upd_where_input_1, #upd_where_input_2, #upd_where_input_3{
    width: 60px;
}
#qua_select, #upd_set_field{
    width: 40px;
}
#upd_set_field{
    width: 55px;
}
#qua_where_field_1, #qua_where_field_2, #qua_where_field_3, #upd_where_field_1, #upd_where_field_2, #upd_where_field_3{
    width: 55px;
}
.status_circle{
    padding: 1px 9px;
    border-radius: 70%;
    border: 1px solid;
    cursor: pointer;
}
.status_circle_inactive{
    background-color: #ef3f3f;
}
.status_circle_active{
    background-color: #00FF3F;
}
a.new-enroll:link,
a.new-enroll:visited {
   background-color: #E7E9EB;
   color: black;
   padding: 5px 10px;
   margin-left: 10px;
   margin-top: 10px;
   text-align: center;
   text-decoration: none;
   display: inline-block;
}
a.new-enroll:hover,
a.new-enroll:active {
   background-color: grey;
}

.title-button {
    display: flex !important;
    align-items: flex-end;
    gap: 20px;
}
.back-next-student-page {
  padding: 7px;
  display: flex;
  gap: 40px;
}