BODY
{
overflow: auto;
font-size:14px;
font-family: Tahoma;
border-collapse:collapse;
direction: rtl;
}
a{
outline: none;
text-decoration: none;
}

#mainmevzakback{ display: none;}
#maindiv_atcenter{
padding:10px;background: #F3F3F3;border: 1px solid #B5B5B5;width: auto;
 z-index: 1; margin:10px auto;display: inline-block; min-width: 550px; float: right;
 
}
.titlespan{
   font-weight: bold;; font-size: 22px; color: #00AED6; display: inline-block; margin: 10px 0px;
}
input[type="text"]{ border: 1px solid #B3B3B3; padding: 2px;}
input[type="text"]:focus{ outline: 0px;border: 1px solid #0092B0;}
input[type="date"]{ border: 1px solid #B3B3B3; padding: 2px;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}
select{ border: 1px solid #B3B3B3; padding: 2px; min-width: 97px; }

select option:active { background: #dedede}
textarea{ border: 1px solid #b3b3b3; padding: 2px; overflow: auto; resize: none;}
textarea:focus{ outline: 0px;border: 1px solid #0092B0;}

a{outline: none; color: inherit;text-decoration: none;}


#logodiv{ ; width:123px; height: 56px;  float: left; }
//#logodiv img{ height: 56px; margin-top: 10px ; }
#logodiv a{display: inline-block; height:56px; width: 192px; }

#logodiv2{ margin: 5px; height: 56px;  float: left; width: 55px; margin-left: 20px}
#logodiv2 img{height: 56px;width: 55px; border: 0px; padding: 0px; margin: 0px }
#logodiv2 a{display: inline-block; height:56px; width: 192px; }

#headmenu a{ margin: 2px; display: inline-block;; padding: 5px 10px; background: #323232; color: #ffffff}
#headmenu a:hover{ background:#454545; }


#in_table{ border-collapse: collapse; border: 1px solid #555; border-left: 0px; border-bottom: 0px}
#in_table .h td{ background: #888;border-left: 1px solid #555; border-bottom: 1px solid #555;}
#in_table .c td{border-left: 1px solid #555; border-bottom: 1px solid #555;}

/**************************/
#caltbl{border-collapse: collapse; border: 1px solid #1B89B8; width: 100%;}
#caltbl span{ display: inline-block; padding: 5px; font-weight: bold; font-size: 16px; width: 10px;;}
#caltbl span.calendar{ font-weight: bold; font-size: 11px; width: auto; width: 60px}
#caltbl td{ padding: 3px;}
#caltbl .d td{border-left: 1px solid #1B89B8; border-bottom: 1px solid #1B89B8; text-align: center; vertical-align: middle; background: #dedede}
#caltbl .c td{border-left: 1px solid #1B89B8; border-bottom: 1px solid #1B89B8; text-align: center; vertical-align: middle;}
#caltbl .c td:hover{ background: #F4F4F4}
#caltbl .today{ background:#25A8E0; color: white; font-weight: bold;  }
#caltbl .today a{ background:#25A8E0; color: white; font-weight: bold;  }
#caltbl  .c .today:hover{ background:#25A8E0; }

#caltbl .h td{ background: #25A8E0;border-left: 1px solid #1B89B8; border-bottom: 1px solid #1B89B8; text-align: center; height: 10px; line-height:10px; white-space: nowrap; color: #ffffff; }
#caltbl  a{ display: block;}
#caltbl .h span.str{ float: right;}
#caltbl .h span.stl{ float: left;}
#caltbl .h span.str:hover,#caltbl .h span.stl:hover{ background: #1B89B8}
#caltbl .h a{color: #ffffff;}
/**********************************************/

#caltable{ border-collapse: collapse; border: 1px solid #999999; }
#caltable thead{ background:#9FBCE3;}/*#25A8E0*/
#caltable thead td{ padding: 2px;}
#caltable tbody{ background:#DFE6EF; height: 26px; line-height: 26px }
#caltable tbody td{ padding: 2px; }
#caltable tbody tr:hover{ background: #FFFACD }
#caltable thead td{color: #3A4F6C; font-weight: bold;}
#caltable tfoot{ background:#D1DCEB; font-weight: bold; color: #3A4F6C; }
#caltable tfoot td{color: #3A4F6C; padding: 5px; }



.button{
  border: 1px solid #0C5687;
  background-color: #00AFD8;
  font-weight: bold;
  cursor: pointer;
  outline: none;
  color: #ffffff;
  font-family: tahoma;
  padding: 3px 10px 3px 10px ;
  margin: 0px;
  font-size: 12px;
}
.buttonred{
  border: 1px solid #0C5687;
  background-color: #ff1122;
  font-weight: bold;
  cursor: pointer;
  outline: none;
  color: #ffffff;
  font-family: tahoma;
  padding: 3px 10px 3px 10px ;
  margin: 0px;
  font-size: 12px;
}
.button:active,.imgbutton:active{
  background: #009EC6;
  position: relative; top: 1px;
}

.imgbutton{
  border: 1px solid #0C5687;
  background-color: #00AFD8;
  font-weight: bold;
  cursor: pointer;
  outline: none;
  color: #ffffff;
  font-family: tahoma;
  padding: 0px 10px ;
  margin: 0px;
  font-size: 12px;

}
.imgbutton span{ display: inline-block;  height: 23px; line-height: 23px;}
.imgbutton img{ float: right; margin-left: 3px; margin-top: 4px}

.imgbutton2{
border: 1px solid  transparent;
background-color: transparent; padding: auto ;  margin: 0px; height: 24px;
cursor: pointer; font-family: tahoma; font-size: 12px;
outline: none;
}
.imgbutton2 img{ display: inline-block; vertical-align: baseline;}

.imgbutton2 img:nth-of-type(1){ display: inline-block; vertical-align:  top;}

.imgbutton2:hover{
  border: 1px solid #787878;
  background-color: #F5F5F5;

  }





#mainmenu{ list-style: none; padding: 0px; margin: 0px; height: 40px;}
#mainmenu li{ height: 40px; line-height: 40px; float: right; font-size: 13px; }
#mainmenu li:hover{ background:#454545 }
#mainmenu li a{ height: 40px; display: block; padding: 0px 12px; color: #fff; }
#mainmenu li.sel{ background: #F3F3F3;}
#mainmenu li.sel a{  color: #00AED6}


#submneu{list-style: none; padding: 0px; margin: 0px; height: 30px; line-height: 30px;}
#submneu li{height: 30px; line-height: 30px; float: right; font-size: 13px; }
#submneu li:hover{  }
#submneu li a{ height: 30px; display: block; padding: 0px 12px; color: #00AED6; border-left: 0px solid #fff ; font-weight : bold}
#submneu li.sel{ font-weight: bold;}
#submneu li.sel a{ color: #000;}


.title_div,.submenu_div{width:100%; height: 30px; background: #B3B3B3; border: 0px solid #A0A0A0; margin-bottom: 10px; display: table }
.title_span{
color: #ffffff; line-height: 30px; padding: 0px 10px;font-size: 13px;
}

#ntable{ border-collapse: collapse; border: 1px solid #B3B3B3; width: 100% }
#ntable td{ border: 1px solid #B3B3B3;}
#ntable thead{ background:#333333;}
#ntable thead tr.form{ background:#F2F2F2; color: #000;}

#ntable thead tr.form td{ color: #000; text-align: right;}
#ntable thead td{color: #ffffff; font-weight: bold; height: 25px; line-height: 25px;padding: 5px; text-align: right;}
#ntable tbody{ background:#F2F2F2; height: 26px; line-height: 26px }
#ntable tbody tr.bg2{ background:#ffffff;}
#ntable tbody tr.bg3{ background:#55a6f1;}
#ntable tbody tr.bg4{ background:#ff7466;}
#ntable tbody tr.bg5{ background:#61ad32;}
#ntable tbody tr.bg6{ background:#ff66bb;}
#ntable tbody tr.bg7{ background:#ff0000;color:#ffffff}

#ntable tbody td{ padding: 5px; color: #000; cursor: pointer;  }
#ntable tbody tr:hover{ background: #BFE6F7 }
#ntable tfoot{ background:#DBDCDF; height: 26px; line-height: 26px; font-weight: bold; }
#ntable tfoot td{color: #000; }
#ntable tbody tr.selected{background:#DBEBEE!important}

#logontable{ border-collapse: collapse; border: 1px solid #B3B3B3; width: 370px;height: 270px;  background: #F3F3F3 }
#logontable thead{ background:#333333; }
#logontable thead td{color: #ffffff; font-weight: bold; height: 25px; line-height: 25px;padding: 5px 10px}

#logontable tbody{ background:#F2F2F2;line-height: 26px;}
#logontable tbody td{ padding: 2px 10px ; }
#logontable tbody input[type="text"]{  border: 1px solid #b3b3b3; padding: 2px; width: 98%   }
#logontable tbody input[type="password"]{  border: 1px solid #b3b3b3; padding: 2px; width: 98%   }

.link{ text-decoration: none;display: block;  }
.link:hover{ text-decoration: underline; }


#submneu_2{list-style: none; padding: 0px; margin: 0px; height: 30px; line-height: 30px;}
#submneu_2 li{height: 30px; line-height: 30px; float: right; font-size: 13px; }
#submneu_2 li:hover{  }
#submneu_2 li a{ height: 30px; display: block; padding: 0px 12px; color: #000; border-left: 1px solid #D8D8D8 }
#submneu_2 li.sel{}
#submneu_2 li.sel a{  color: #ffffff}


.rotate{
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=00);
-o-transform: rotate(0deg);
}


#form_menu{list-style: none; padding: 0px; margin: 0px; height: 30px; line-height: 30px; position: relative; z-index: 1}
#form_menu li{height: 30px; line-height: 30px; float: right; font-size: 13px;  background: #333333;margin-left: 2px;}
#form_menu li:hover{  }
#form_menu li a{ height: 30px; display: block; padding: 0px 12px; color: #ffffff; font-weight: bold;  }
#form_menu li.sel{ background: #F3F3F3;border: 1px solid #B3B3B3; border-bottom: 1px solid #F3F3F3 ; position: relative; padding-top: 1px; z-index: 1;}
#form_menu li.sel a{  color: #000}

pre{
  direction: ltr; text-align: left;
}

#classes_subjects_from label,#classes_subjects_from span,#classes_subjects_from select,#classes_subjects_from button,#classes_subjects_from input{
  float: right; margin-right: 2px
}

#classes_subjects_from button,#classes_subjects_from input[type="submit"],#classes_subjects_from input[type="button"]{
/* margin-top: 2px;*/
}

/************/
.view_img,.close_img{ width: 17px; height: 17px; cursor: pointer; vertical-align: middle;}
.msg_reciver_link{display: inline-block; padding: 3px 10px; margin: 2px; border:1px solid #D3D3D3; }
.msg_reciver_link:hover{  border:1px solid #9F9F9F; }

.optionslist{ padding: 0px;  margin: 0px; list-style: none; width: 100%;}
.optionslist li{ padding: 3px ; overflow: hidden;; border-bottom: 1px solid #d3d3d3}
.optionslist li:last-child{ border-bottom: 0px }
.optionslist li button{  padding: 0px 5px; height: 20px; line-height: 0px }

.lineonlink:hover{ text-decoration: underline }


/*/////////////////////////////*/
#jq_alert_div{ margin: 0px -25%; position: absolute;padding: 15px 30px;min-width:380px; text-align: center; display: none; top: 50%; font-size: 13px; font-weight: bold; left: 50%; z-index: 1; box-shadow: 1px 2px 10px #C0C0C0}
.jq_alert_green{background:#CDEFA6;border: 1px solid #91DC3D; color:#5B961B;  }
.jq_alert_red{background:  #FFD5D5;border: 1px solid #FD0000; color:#B90000 ;}
.jq_alert_blue{background: #A8CDE3;border: 1px solid #4594C2; color:#295E7C; }


.new_form_table{border-collapse: collapse}



.scrollbox {
overflow: auto; /* This is changed by enscroll, but must be defined */
width: 568px;   /* The arbitrary width and height of the view pane */
height: 400px;
}

.vertical-track {
width: 16px;            /* How wide is the scrollbar going to be? */
background-color: #aaa; /* What color should the vertical track be? */
}

.vertical-handle {
width: 16px;            /* How wide is the scrollbar handle? */
background-color: #aaf; /* What color should the handle be? */
}

@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
.blink{
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
	font-weight : bold;
	color : #0000ff;
}