@charset "utf-8";
/* CSS Document */
body{
background-color:#878484;
color:#888;
font-size:11px;
}
#wrapper{
width:870px; margin:20px auto; background:url(../images/bg.gif) repeat-y -50% 50%;
vertical-align:top;

}
#wrapper_other{
width:870px; margin:10px auto; background:url(../images/bg_other.gif) repeat-y -50% 50%;
vertical-align:top; position:relative
}

.logo{
 background:url(../images/logo.gif) no-repeat 0 0; width:209px;height:147px; float:left;
}
.logo_other{
 background:url(../images/logo.gif) no-repeat 0 0; width:209px;float:left;
}
.leftt{
float:left; 
width:150px;
margin:10px 0 0 30px ;
background:url(../images/ads.gif) no-repeat top left;
padding-top:40px;
padding-left:10px;

}
.top{
background:url(../images/top.gif) no-repeat 0 0; 
width:658px;
height:120px; 
float:left; 
}
.top_other{
background:url(../images/top_other.gif) no-repeat 0 0; 
width:658px;
height:120px; 
float:right; 
margin-right:3px;
top:0
}
*html .top{
background:url(../images/top.gif) no-repeat 0 0; 
width:650px;
height:120px; 
float:left; 
}
#right{
float:right;width:159px; _width:210px;background:url(../images/colorBox.gif) no-repeat top right; margin-top:10px;
padding:90px 45px 0 0px; text-align:justify; direction:rtl;
}
#right_other{
float:right; width:72px;background:url(../images/colorBox_other.gif) no-repeat top right; margin-top:10px;
height:216px;
}

#right p{
padding:10px 0 0 0; color:#888485; direction:rtl; text-align:justify; font-size:10px
}
#center_student{
width:740px; float:right; padding-right:15px; direction:rtl; text-align:justify; margin-bottom:0; padding-bottom:0;
}
#center_other{
width:600px; 
_width:740px;
float:right; 
 
direction:rtl; 
text-align:justify; 
margin-bottom:0;
padding-bottom:0;
margin-top:-350px;
padding-right:85px;
}
#center{
width:450px; float:right;
}
.img{
width:155px;float:left; margin:0px 20px 10px 30px; border:1px solid #FF0000
}
*html .img{
width:155px;height:125px; float:left; margin:0px 0px 10px 20px;
}
.img01{
width:155px; 
float:right; 
margin:0px 20px 10px 30px; 
border:1px solid #009933
}
*html .img01{
width:155px;
height:125px; 
 
margin:0px 0px 10px -30px;


}
.menu{
width:158px; 
* width:210px; 
padding:15px 37px 10px 9px;
* padding:0px 32px 10px 20px;
direction:rtl;
float:right;
}


.menu ul{
list-style:url(../images/grayBullet.gif);
text-align:right;
}
.menu ul li{
background-color:#B7B5B6; margin-bottom:2px; padding:3px;
list-style-position:inside;
}
.menu ul li a{
text-decoration:none;
color:#fff;
}
.menu ul li a:hover{
text-decoration:none;
color:#A19FA0;
}

.menu_link{
width:157px;
* width:225px;
padding:15px 62px 10px 9px;
* padding:0px 50px 10px 20px;
direction:rtl;
float:right;

}

.menu_link ul{
list-style:url(../images/lightGrayBullet.gif);
text-align:right;
}
.menu_link ul li{
background-color:#D2D0D1; margin-bottom:2px; padding:3px;
list-style-position:inside;
}
.menu_link ul li a{
text-decoration:none;
color:#605E62;
}
.menu_link ul li a:hover{
text-decoration:none;
color:#fff;
}
a.joujTitle, a.joujTitle:visited{
text-decoration:none;
color:#EE9001;
font-weight:600;
}
a.joujTitle:hover{
text-decoration:none;
color:#777;
font-weight:600;
}
a.hl_joujArchive
{
	font-family :Tahoma;
	font-size : 11px;
	color :#EB9611;
	direction:rtl;
	text-align:left;
	text-decoration: none;
	background-color:#F0F0F2;
	padding:5px;
}
a.hl_joujArchive:hover 
{
	font-family :Tahoma;
	font-size : 11px;
	color :#000;
	direction:rtl;
	text-align:left;
	text-decoration: none;
	background-color:#F0F0F2;
	padding:5px;
}
#login{
padding-top:50px;
width:160px;
}
#login p{
color:#6D6D6D; font-size:11px; font-weight:600; border-bottom:1px solid #fff; padding-bottom:5px
}
.txtbox
{
	background-color:#cccccc;
	width:95px;
	border:none;
	direction:rtl;
	text-align :right;
	height:15px;
	font-family :Tahoma;
	font-size : 10px;
	color :#6D6D6D;
}
.box{
direction:rtl; padding-top:7px; height:13px;
}
.box1{
font-size:10px; width:110px;
float:left; vertical-align:top; color:#F50E2A; font-weight:600
}
.mainBlog{
margin-top:3px; position:relative; border:1px solid #00CC00}
.blog{
position:absolute; background-color:#f0f0f0; width:340px; left:40px; top:120; padding:8px;direction:rtl; text-align:justify; 
}
*html .blog{
position:absolute; background-color:#f0f0f0; width:338px; left:40px; top:120; padding:8px;direction:rtl; text-align:justify;
}

.blog p{
background-color:#F7F6F2;
color:#EE9001;
direction:rtl;
padding:5px;
font-weight:600;
margin-bottom:10px
}
ul#portfolio { list-style:none; padding:0; margin:0;}
#portfolio li{ list-style:none; }
#portfolio a{ list-style:none; color:#666; text-decoration:none; padding-bottom:4px; }
ul#portfolio li img{
	border: 1px solid #ccc;
	padding: 4px;
}
ul#portfolio li p{
padding:5px;
background-color:#ccc;
font-size:10px;
direction:rtl;
color:#8C8A8B;
background-color:#990033
}
.show{
padding-left:2px;
padding-right:0;
margin-left:0;
padding-top:40px;
float:left;
width:132px;

}
.show img{
border:2px solid #C6C6C6;
margin:0 0 9px 0;
width:130px;
height:90px;
}
.copyright_other{
width:580px; margin:0 auto; padding:0; letter-spacing:1px; text-align:right}
.copyright_other a.copy, .copyright_other a.copy:visited{
text-decoration:none; font-size:10px; font-family:Arial, Helvetica, sans-serif;
color:#D7D6D6
}
.copyright_other a.copy:hover{
text-decoration:none; font-size:10px;
color:#33AFC4; font-family:Arial, Helvetica, sans-serif;
}
.copyright_other ul{ list-style:none;}
.copyright_other ul li{ float:right; padding:0 2px 0 2px; color:#333333; font-weight:bold; font-size:9px;}
.copyright_other ul li.line{padding:3px;}
.copyright_other ul li a, .copyright_other ul li a:visited{
color:#fff; letter-spacing:normal; display:block; text-decoration:none; font-weight:normal; font-size:11px; padding:3px
}
.copyright_other ul li a:hover{
color:#333;
background-color:#8E8B8B; padding:3px
}
.box_jouj, .box_student{
background:url(../images/bg_joujCat.gif) no-repeat top right;
padding:15px;
width:215px;
_width:245px;
height:96px;
_height:125px;
float:right;
margin-right:10px;
margin-left:20px;
margin-bottom:12px;
}
.box_jouj p{padding-bottom:8px;
padding-right:20px;
background:url(../images/jouj.gif) no-repeat right top;
direction:rtl;
text-align:right;
}
.box_student p.icon{padding-bottom:8px;
padding-right:25px; padding-top:5px;
background:url(../images/student_icon.gif) no-repeat right top;
}

.box_jouj a, .box_jouj a:visited, .box_student a, .box_student a:visited{
color:#5EA52B;
font-weight:600;
text-decoration:none; padding-bottom:3px; display:block;
}
.box_jouj a:hover, .box_student a:hover{ color:#333333; border-bottom:1px dashed #333; padding-bottom:3px; }
.student{
text-align:right; color:#3F3F3F; background:url(../images/student.gif) no-repeat top right; padding-right:55px; height:32px; width:185px; float:right; margin-right:100px; margin-top:80px; padding-top:12px; font-family:Times New Roman, Times, serif; font-size:16px;border-left:10px solid #9DCD55;border-bottom:1px solid #CBCBCB; font-weight:bold; float:right}
*html .student{
margin-right:50px; }

.jouj{
text-align:right; color:#3F3F3F; background:url(../images/pen1.gif) no-repeat top right; padding-right:55px; height:35px; width:172px; float:right; margin-right:100px; margin-top:80px; padding-top:6px; font-family:Times New Roman, Times, serif; font-size:16px;border-left:10px solid #9DCD55;border-bottom:1px solid #CBCBCB; font-weight:bold;}
*html .jouj{
margin-right:50px; }

.paging{ float:right; padding:7px; width:400px}
.paging ul{ list-style:none;}
.paging ul li{ float:right; margin:2px;}
.paging ul li a, paging ul li a:visited{ background-color:#9DCD55; color:#fff; padding:1px 4px 1px 4px; text-decoration:none; display:block; cursor:pointer;}
.paging ul li a:hover{ background-color:#BBBABA; padding:1px 4px 1px 4px; text-decoration:none; display:block; color:#333;}
.grid{list-style:none; color:#333333;}
.grid li.column1{
width:570px; background-color:#E5E4E4; margin-bottom:1px; border-bottom:3px solid #D8D7D7}
.grid li.column2{
width:570px; background-color:#F1F0F0; margin-bottom:1px; border-bottom:3px solid #E9E9E9
}
.grid li.column1 a, .grid li.column1 a:visited, .grid li.column2 a, .grid li.column2 a:visited{
display:block; color:#333; text-decoration:none; padding:7px;
}
.grid li.column1 a:hover{
display:block; color:#fff; text-decoration:none; background-color:#D8D7D7; padding:7px;
}
.grid li.column2 a:hover{
display:block; color:#999999; text-decoration:none; background-color:#E9E9E9; padding:7px;
}
.box_showJouj{ width:120px; margin:0 auto; float:right; padding:10px 5px 5px 5px; background:#D6D6D6; border:1px solid #fff;
text-align:center; margin:7px; height:250px}
*html .box_showJouj{ width:130px; margin:0 auto; float:right; padding:20px 10px 10px 10px; background:#D6D6D6; border:1px solid #fff;
text-align:center; margin:7px}

.box_showJouj img{margin-top:14px}
*html .box_showJouj img{margin-top:5px}

.title_jouj{padding-top:9px;_padding-top:0px; text-align:right; margin-right:0; color:#4B4B4B; width:112px; float:right;}

.a_jouj{background:url(../images/comment.gif) no-repeat; height:17px; width:50px; margin-top:12px; margin-left:2px; float:right}
#form input.required
{
	background-color:#cccccc;
	width:90px;
	border:none;
	direction:rtl;
	text-align :right;
	height:15px;
	font-family :Tahoma;
	font-size : 8pt;
	color :#000000;

}
#form input.btn_submit
{
background:url(../images/btn_submit.jpg);
width:40px;
height:19px;
border-bottom:none none none;
border-top:none none none;
border-left:none none none;
border-right:none none none;
cursor:pointer;
}



/* for tooltip */

#screenshot{
	position:absolute;
	background:#C7C6C6;
	padding:5px;
	display:none;
	color:#fff;
	}

/* end _ tooltip */


/*js css*/
 div.error {
  padding: 3px;
  background-color:#F6F6F6;
  color: #FF3300;
  font-family:Tahoma;
  font-size:10px;
   margin-bottom:5px;
}

 div.checked {
  float:right;clear:both;
  visibility:hidden
  
}
				
/*js css*/














/*global*/
*{
margin:0; padding:0;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
}
.left{
float:left;
}
.right{
float:right;
}
.clr{
clear:both; height:1%;
}
a{
outline:none;
}
/*end global*/


/*form*/
form{
margin:0; padding:0; font-family:tahoma; font-size:11px; 
}

.formHolder{
}

.formTitle{
width:130px; float:right; text-align:right; padding:4px 8px; border-bottom:dotted 1px #9DCD55
}
.formField{
width:180px; float:right;text-align:righ; padding:4px 8px;
}
	.formField .n
 {
	width:160px; background-color:#E1E1E1; border:solid 1px #9DCD55 ; padding:4px 8px; color:#53C3C7;
	}
input[type=file]{
	width:180px; background-color:#E1E1E1; border:solid 1px #9DCD55 ; padding:4px 8px; color:#53C3C7;
}
#files_list input {
border:none none none;
background:#fff url(../images/delIcon.gif) no-repeat right;
width:23px;
height:16px;
margin-left:10px;
cursor:pointer;
}
/*end form*/

.menuu{
margin-top:143px; color:#fff;
}
.menuu ul{ list-style:none;
}
.menuu ul li{ list-style:none; float:right; width:154px; padding-right:26px;
}
*html .menuu ul li{ width:180px;}
.menuu ul li a{ text-align:right; display:block; background-color:#DCDCDC; text-decoration:none; color:#333333; padding:4px 6px 4px 6px; border-bottom:2px solid #EAEAEA
}
.menuu ul li a:hover{ text-align:right; display:block; background-color:#EAEAEA; text-decoration:none; color:#0099FF;  padding:4px 6px 4px 6px;}
.menuu ul li a.active{ text-align:right; display:block; background-color:#EAEAEA; text-decoration:none; color:#0099FF;  padding:4px 6px 4px 6px;}


/*start Alert*/
.show_alert	{
width:450px; margin:20px 30px 5px 5px; color:#464646; border-left:4px dotted #9DCD48; border-right:4px dotted #9DCD48; direction:rtl; text-align:justify; padding:5px; font-size:11px;
}
.show_alert p {
padding:5px; color:#333; border-bottom:1px dashed #999999; background-color:#E9ECFA; margin-bottom:2px
}
/*end Alert*/
/**/
#f1_upload_process{
   z-index:100;
   visibility:hidden;
   position:absolute;
   text-align:center;
   width:400px;
}
#loader{
   visibility:hidden;
}
/**/

.titleH3 {
 font-weight:normal;
 direction:rtl; text-align:justify;
 padding:5px; margin:0;
 
}





/*  Style - Grid */
.header-grid	{
	width:98%; 
	padding:4px;
	color:#fff;	
}
.title-header-grid	{
	float:right; 
	width:65%; 
	background-color:#94D947; 
	padding:4px; 
	margin-left:4px;
}
.send-date-header-grid	{
	float:right; 
	width:55%; 
	background-color:#94D947; 
	padding:4px; 
	margin-left:4px;
	text-align:right;
}
.expire-date-header-grid	{
	float:right; 
	width:20%; 
	background-color:#94D947; 
	padding:4px; 
	margin-left:4px;
}
.edit-del-header-grid	{
	float:right; 
	width:15%; 
	background-color:#94D947; 
	padding:4px; 
	margin-left:4px;
}

/*  Style - Grid colored content */
.content-grid	{
	width:98%; 
	padding:4px;
	color:#0F8AAB;
	vertical-align:top;
	
}
.date-content-grid	{
	float:right; 
	width:55%; 
	background-color:#E4F6CF; 
	padding:4px; 
	margin-left:4px;
	text-align:right;
	min-height:130px;
	height:130px;
	
}
.date-content-grid img	{
width:150px;
height:100px;
padding:5px;
background-color:#EAF8DB;
border:4px solid #D0EFAD;
margin:5px 10px 5px 0px;
}
.edit-del-content-grid	{
	float:right; 
	width:15%;
	background-color:#DDF4C4; 
	padding:4px; 
	margin-left:4px;
	text-align:center;
	min-height:130px;
	height:130px;
	cursor:pointer;
}

/*  Style - Grid white content */
.white-content-grid	{
	width:98%; 
	padding:4px;
	color:#0F8AAB
}
.title-white-content-grid	{
	float:right; 
	width:65%; 
	padding:4px; 
	margin-left:4px;
	background-color:#ECF5F6;
}
.send-date-white-content-grid	{
	float:right; 
	width:20%; 
	padding:4px; 
	margin-left:4px;
	background-color:#ECF5F6;
	
}
.expire-date-white-content-grid	{
	float:right; 
	width:20%; 
	padding:4px; 
	margin-left:4px;
	background-color:#ECF5F6;
	
}
.edit-del-white-content-grid	{
	float:right; 
	width:20%;
	padding:4px; 
	margin-left:4px;
	background-color:#ECF5F6;
	
}

/*  End - Grid */


a.logout	{ padding:5px; background-color:#959292; color:#666666; text-decoration:none}
a.logout:hover	{ padding:5px; background-color:#7A7A79; color:#fff; text-decoration:none;}

a.logout_index	{ padding:3px 5px 3px 5px; background-color:#E7E6E7; color:#000; text-decoration:none; border-bottom:1px dashed #000; text-align:center}
a.logout_index:hover	{ padding:3px 5px 3px 5px; background-color:#E8E7E8; color:#B7B5B6; text-decoration:none; border-bottom:1px dashed #B7B5B6; text-align:center}


div.logout{float:right; width:auto; color:#CCCCCC; padding:0 8px 0 8px; margin:45px 0 0 412px;* margin:45px 0 0 88px; border-right:5px solid #999999; border-left:5px solid #999999; text-align:right; direction:rtl; position:absolute}


a:hover	{
	color:#F60;
	text-decoration:none;
	
}
a	{
	color:#0F8AAB;
	text-decoration:none;
}


/*crumb*/
.crumb	{ 
	padding:6px; 
	text-align:right; 
	width:515px;
	margin:15px 18px 15px 0;
	_margin:25px 18px 15px 0;
	
	height:18px;
	_height:10px;
}
.crumb ul	{
	list-style:none; 

}
.crumb ul li	{
	color:#0F8AAB;
	float:right;
	margin-left:4px;
	font-size:10px
	/*border:1px solid #0F8AAB;*/
}
.crumb ul li a:link, .crumb ul li a:visited	{
	padding:1px 6px 1px 6px;
	color:#0F8AAB;
	display:block;
	text-decoration:none;
}

.crumb ul li a:hover	{
	padding:1px 6px 1px 6px;
	color:#F60;
	display:block;
	
}
.crumb ul li a.activeCrumb	{
	padding:1px 6px 1px 6px;
	color:#f00;
	display:block;
	background-color:#E9F3D8; 	
}
/*end crumb*/
.imgFirstPage	{
/**margin-right:61px;
margin-left:57px;
*margin-left:0px;
*/
width:150px;
padding-right:37px;
* padding-right:32px;
}
.imgFirstPage2	{
/**margin-right:61px;
margin-left:57px;
*margin-left:0px;
*/
width:150px;
padding-right:67px;
* padding-right:68px;
}

.bgImgFirstPage{
width:440px; 
float:right; 
direction:rtl; 
text-align:right; 
padding-left:20px; 
}
.newsMain{
width:623px; background-color:#F0F0F2; margin-right:-174px; margin-top:-20px; _margin-right:-173px;
}
.newsTab{
padding:10px;
color:#333333;
direction:rtl;
text-align:justify;
width:550px;
border-bottom:1px solid #B7B5B6;
margin-bottom:5px;
}
.linkNewsTab{
padding:10px;
color:#333333;
direction:rtl;
text-align:justify;
width:510px;
border-bottom:1px solid #B7B5B6;
margin-bottom:5px;
}
.newsTab2{
padding:10px;
color:#333333;
direction:rtl;
text-align:justify;
width:530px;
border-bottom:1px solid #B7B5B6;
margin-bottom:5px;
}

.newsTab a, .newsTab2 a, .linkNewsTab a{
text-decoration:none;
color:#000; font-size:10px
}
.newsTab a:hover, .newsTab2 a:hover, .linkNewsTab a:hover{
text-decoration:none;
color:#999;
}
.newstitle{
background-color:#C6C4C5; font-family:Tahoma, Times, serif; font-size:12px; text-align:right; padding:5px; color:#888; font-weight:600;
 margin-bottom:20px
}

.newsTab p.title, .newsTab2 p.title, .linkNewsTab p.title{
font-family:Tahoma, Helvetica, sans-serif;
color:#444;
font-size:12px;
text-align:right;
padding-bottom:8px;
font-weight:600;
}
.newsTab img, .newsTab2 img, .linkNewsTab img{
float:right; margin-left:5px; margin-bottom:5px; border:4px solid #D2D0D1;
}
li.liMore a.moree{
color:#000;}
li.liMore a.moree:hover {
color:#8C8A8B;}
a.teacherLink, a.teacherLink:link {
color:#E58807;
text-decoration:none;

}
a.teacherLink:hover{
color:#464646;
text-decoration:none;
}
.learningTitle{
color:#5EA52B;
background-color:#E2E2E2;
padding:5px;
width:500px;
float:right;
margin-right:15px;
direction:rtl; text-align:justify;
border-left:4px solid #C7C6C6;
border-right:4px solid #C7C6C6;

}
.learningWrapper{
width:600px; 
float:right; 
margin-right:15px; 
margin-top:10px;
}
.learningMain {
margin:5px 0 5px 0;
padding:6px;
border-bottom:1px dashed #C7C6C6;
background-color:#EAEAEA;
direction:rtl;
text-align:justify;
}
.learningMain h1 {
padding-bottom:6px;
padding-top:5px;
}
.learningMain p {
padding-bottom:10px;
padding-top:5px;
color:#464646
}
.learningMain img {
width:70px;
height:60px;
border:3px solid #E2E2E2;
background-color:#EAEAEA;
padding:3px;
margin:5px;
}