BODY {
	MARGIN: 0px;  TEXT-ALIGN: right; FONT: 11px Tahoma;
}

.main {
	ALIGN: center; MARGIN-RIGHT: 0px; MARGIN-LEFT: 0px; FONT-STYLE: normal; FONT: 12px Tahoma; COLOR: #1E70A6;
}
.right_panel {
	MARGIN-RIGHT: 25px;  WIDTH: 135px;  height: 220px; BORDER-LEFT: #405A01 0px solid;  FONT: normal 9pt/20px tahoma; TEXT-ALIGN: right; COLOR: #FFFFFF; PADDING-RIGHT: 5px;
}

.menuitemoff {
	PADDING-RIGHT: 0px; BORDER-TOP: #fffff0 1px solid; FONT-SIZE: 9px; PADDING-BOTTOM: 3px; CURSOR: pointer; COLOR: #1E70A6; PADDING-TOP: 2px; BORDER-BOTTOM: #b6b6b6 1px solid; FONT-FAMILY: Tahoma, Arial, "Traditional Arabic"; BACKGROUND-COLOR: #efefeb;width:150px;
}
.menuitemon {
	PADDING-RIGHT: 0px; BORDER-TOP: #e1e1e1 1px solid; FONT-SIZE: 9px; PADDING-BOTTOM: 3px; CURSOR: pointer; COLOR: #ffffff; PADDING-TOP: 2px; BORDER-BOTTOM: #b6b6b6 1px solid; FONT-FAMILY: Tahoma, Arial, "Traditional Arabic"; BACKGROUND-COLOR: #ffcc66;width:148px;
}
.menuitemselect {
	PADDING-RIGHT: 0px; BORDER-TOP: #e1e1e1 1px solid; FONT-SIZE: 9px; PADDING-BOTTOM: 3px; CURSOR: pointer; COLOR: #3DBAAE; PADDING-TOP: 2px; BORDER-BOTTOM: #b6b6b6 1px solid; FONT-FAMILY: Tahoma, Arial, "Traditional Arabic"; BACKGROUND-COLOR: #FEF592;width:148px; 
}


.middle_panel {
	MARGIN-LEFT: 20px; MARGIN-RIGHT: 10px; WIDTH: 577px; TEXT-ALIGN: right
}
.title {
BORDER-RIGHT: #FFCC00 5px solid; FONT: bold 9pt/20px tahoma; TEXT-ALIGN: right; COLOR: #1B83CD; PADDING-RIGHT: 5px;
}
.text {
	MARGIN: 0px; FONT: normal 9pt/20px tahoma; TEXT-ALIGN: right; COLOR: #1E70A6; PADDING-RIGHT: 5px;
}

td {
	FONT: normal 9pt/20px tahoma; TEXT-ALIGN: right; COLOR: #1E70A6;
}
tr {
	FONT: normal 9pt/20px tahoma; TEXT-ALIGN: right; COLOR: #1E70A6;
}
th {
	background-color: #2F8EC4; FONT: bold 9pt/20px tahoma; TEXT-ALIGN: right; COLOR: #ffffff;
}

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Tahoma, Helvetica, sans-serif;
font-size: 12px;
}

#navcontainer li { margin: 0 0 3px 0; }

#navcontainer a
{
display: block;
padding: 2px 24px 2px 2px;
border: 0px solid #FFFFFF;
width: 130px;
background-color: #999;
background-image: url('../images/l1_down.gif');
}

#navcontainer a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
}

#navcontainer a:hover
{
border: 0px solid #FFFFFF;
background-color: #F60;
background-image: url('../images/l1_over.gif');
color: #333;
}

#active a:link, #active a:visited, #active a:hover
{
border: 0px solid #FFFFFF;
background-color: #51A9E8;
background-image: url('../images/l1_link.gif');
color: #FFFFFF;
}

a:link, a:visited
{
FONT: normal 9pt/20px tahoma; COLOR: #1E70A6; text-decoration: none;
}

a:hover
{
FONT: normal 9pt/20px tahoma; COLOR: #ECA500;
}


.tl {
background-color: #CCE4F7;
}
.tl2 {
background-color: #F3FAFE;
}
.tl3 {
background-color: #EEAB96;
}
.tl4 {
background-color: #C5E7CB;
}

.tl5 {
background-color: #FFD3B9;
}
.tl6 {
background-color: #FFF0E7;
}
.tl7 {
background-color: #FFA9A9;
}


.tlAttendance {
background-color: #CEEEEB;
}

.tlAbsence {
background-color: #FEA8A8;
}

.brief { FONT: normal 8pt/20px tahoma; color:#808080}
ul {
margin: 0;
padding: 0;
}
ol {
margin: 0;
padding: 0;
}

.smallth {
	BORDER-RIGHT: 5px #3F3F3E solid;
	background-color: #DADEC5;
	FONT: normal 9pt/20px tahoma;
	TEXT-ALIGN: right;
	COLOR: #000;
	direction= rtl;
	text-indent: 3;
}
.twitter {
	BORDER-RIGHT: 5px #3F3F3E solid;
	background-color: #0084B4;
	FONT: normal 9pt/20px tahoma;
	TEXT-ALIGN: right;
	COLOR: #FFFFFF;
	direction= rtl;
	text-indent: 3;
}
.smalltd {
	background-color: #F9FBE3; FONT: normal 9pt/20px tahoma; TEXT-ALIGN: right; COLOR: #1E70A6; direction=rtl;
}

.underline {
FONT: normal 9pt/20px tahoma; TEXT-ALIGN: right; COLOR: #1E70A6; BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; BORDER-BOTTOM: 1px solid; BORDER-RIGHT-WIDTH: 1px
}
p.note1{font-size:0.9em;line-height: 1.3em;border:1px solid #E7C536;background-image:url('../images/bgnote.gif');padding:3px 3px 3px 5px;margin:5px 0px 5px 0px;color: #000000;}

p.note{font-size:0.9em;line-height: 1.3em;border:1px solid #B0D358;background-image:url('../images/bgnote2.gif');padding:3px 3px 3px 5px;margin:5px 0px 5px 0px;color: #4F6A0A;}

p.note2{font-size:0.9em;line-height: 1.3em;border:1px solid #0492E4;background-image:url('../images/bgnote3.gif');padding:3px 3px 3px 5px;margin:5px 0px 5px 0px;color: #0372B3;}

TR.GridRow TD {

}
TR.GridRowOver TD {
  BACKGROUND-COLOR: #EEEEEE
}

select { FONT: normal 9pt/20px tahoma; }


INPUT {
 FONT-SIZE: 8pt; FONT-FAMILY: Tahoma
}

.form_error1 {
	BORDER-RIGHT: red 4px solid; PADDING-RIGHT: 2px;
                FONT: 12px tahoma; COLOR: #1E70A6;

}

.input_box1 {
                 FONT: 12px tahoma;  COLOR: #1E70A6
}

textarea{
	font-family:Tahoma;
	font-size:12px;width:400px
	
}

.iclockMoalemTh {
	background-color: #FE823A; FONT: bold 9pt/20px tahoma; TEXT-ALIGN: right; COLOR: #ffffff;
}

.iclockMoalemAttendanceTh {
	background-color: #3CB8AB; FONT: bold 9pt/20px tahoma; TEXT-ALIGN: right; COLOR: #ffffff;
}

.iclockMoalemDelayTh {
	background-color: #FE823A; FONT: bold 9pt/20px tahoma; TEXT-ALIGN: right; COLOR: #ffffff;
}

.iclockMoalemAbsenceTh {
	background-color: #FEA8A8; FONT: bold 9pt/20px tahoma; TEXT-ALIGN: right; COLOR: #ffffff;
}


.iclockMoalemDetailsTh {
	background-color: #C34801; FONT: bold 9pt/20px tahoma; TEXT-ALIGN: right; COLOR: #ffffff;
}