/*[+][Main][+]*/
@font-face{
    font-family: 'DroidSansArabic';
    src: url('images/design/fonts/DroidSansArabic.eot'), 
         url('images/design/fonts/DroidSansArabic.ttf')  format('truetype')
} /*DroidSansArabic*/

body {
	margin: 0px;
	padding: 0px;
	color: #3c3a38;
	font-family: DroidSansArabic,Tahoma, Geneva, sans-serif;
	font-size: 13px;
	line-height: 1.7em;
	direction:rtl;
	background: #505050 url('images/design/bg.png') no-repeat top center;
}

a, a:link, a:visited { color: #4a9790; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: none; color: #7CBEB8; }

*{
	outline:0;
}

img { border: none; }

#header {
	width:1010px; height:100px; margin:0 auto; margin-top:20px; margin-bottom:15px; padding: 0; font-size:11px; display:block;
}
#header .Logo{
	width:329px; height:101px; background: url('images/design/logo.png') no-repeat; float:right;
}
#header #LangsSearch{
	width:200px; height:70px; color:white; text-align:center; font-family:Tahoma; font-size:15px; margin-top:15px; float:left;
}
#header #LangsSearch a{
	color:white; font-weight:normal;
}
#header #LangsSearch a:hover{
	color: gray;
}
#header #LangsSearch a.active{
	color:#D3D3D3;
}
#header #LangsSearch .SearchBox{
	width:194px; height:42px; margin-top:5px; background: url(images/design/inputs/search-box.png) no-repeat center; display:block;
}
#header #LangsSearch .SearchBox input[type=text]{
	width:157px; height:25px; color:#51958D; text-align:center; font-size:14px; margin-top:6px; margin-right:5px; padding:0 0 4px 0; border:0; background: url(images/design/transparent.gif) repeat; float:right;
}
#header #LangsSearch .SearchBox input[type=text]:hover{
	color:black;
}
#header #LangsSearch .SearchBox input[type=submit]{
	width:26px; height:25px; margin-top:8px; margin-left:5px; border:0; background: url(images/design/inputs/search-button.png) no-repeat center; float:left;
}
#header #LangsSearch .SearchBox input[type=submit]:hover{
	background: url(images/design/inputs/search-button-hover.png) no-repeat center;
}

#header #LangsSearch .SearchBox input[type=submit]:active{
	background: url(images/design/inputs/search-button.png) no-repeat center;
}

#main {
	margin:0 auto; padding:6px; clear: both; width: 1010px; font-family:DroidSansArabic,Tahoma; display:block; position:relative; clear:both;
}

#page{
	width:1010px; min-height:365px; padding:0; margin:0 auto; display:block; overflow:hidden;
}
#page.Inner{
	color:#FFFFFF;
}

#footer {
	width:100%; height:170px; margin:0 auto; margin-top:10px; color: white; display:block; clear:both; font-size: 11px; background-color:#131313
}
#footer #Contents{
	width:1010px; height:155px; margin:0 auto; padding-top:15px; display:block; clear:both;
}
#footer ul{
	width:950px; margin:0 auto; padding:0; height:25px; list-style-type: none;
}
#footer ul li{
	float:right; margin:0;
}
#footer ul li a{
	color:#f3f3f3; font-weight:normal; font-size:13px; text-align:center; line-height: 25px; padding:0 40px 0 40px; border-left:1px #5A5A5A solid; display:block;
}
#footer ul li a:hover{
	color:#4a9790;
}
#footer ul .last a{
	padding-left:0px; margin-left:0; border-left:0; background-image:none;
}
#footer #Contents #Blocks{
	width:900px; height:80px; margin:0 auto; margin-top:30px; display:block; clear:both;
}
#footer #Contents #Blocks pre{
	height:80px; font-family:DroidSansArabic,Tahoma; margin:0; float:right;
}
#footer #Contents #Blocks pre.Copyrights{
	width:275px; margin-left:30px; background: url(images/design/small-logo.png) no-repeat right;
}
#footer #Contents #Blocks pre.Copyrights label{
	width:210px; color:#626262; font-size: 14px; line-height:20px; text-align:center; margin-top:10px; float:left;
}
#footer #Contents #Blocks pre.Copyrights label font{
	color:#818b15; font-family:Tahoma; font-size:14px;
}
#footer #Contents #Blocks pre.Sociality{
	width:90px; padding-right:50px; margin-left:50px; background-image: url(images/design/footer_div.png); background-repeat: no-repeat; background-position: right;
}
#footer #Contents #Blocks pre.Sociality img{
	width:43px; height:44px; margin-top:10px;
}
#footer #Contents #Blocks pre.Sociality img:hover{
	opacity:0.6; filter:alpha(opacity=60); /* For IE8 and earlier */
}
#footer #Contents #Blocks pre.Visits{
	width:130px; padding-right:60px; margin-left:50px; background-image: url(images/design/footer_div.png); background-repeat: no-repeat; background-position: right;
}
#footer #Contents #Blocks pre.Visits label{
	width:130px; height:22px; color:#626262; padding-right:20px; margin-top:25px; font-size:14px; background-image: url(images/design/circle.png); background-repeat: no-repeat; background-position: right; display:block;
}
#footer #Contents #Blocks pre.Visits label font{
	color:#818b15; font-family:Tahoma; font-size:14px;
}
#footer #Contents #Blocks pre.SoftRiva{
	width:115px; padding-right:50px; background-image: url(images/design/footer_div.png); background-repeat: no-repeat; background-position: right; float:left;
}
#footer #Contents #Blocks pre.SoftRiva a{
	width:111px; height:38px; margin:15px 0 0 0; background: url(images/design/softriva.png) no-repeat; float:left;
}

/*[-][Main][-]*/

/*[+][Menu][+]*/
#Menu{
	width:100%; height:60px; margin:0; margin-bottom:5px; background: url(images/design/menu.png) repeat-x;
}
#Menu ul{
	width:1140px; height:52px; margin:0 auto; padding:0; list-style-type: none; overflow:hidden;
}
#Menu ul li{
	float:right; margin:0;
}
#Menu ul li a{
	color:#f3f3f3; font-weight:normal; font-size:16px; text-align:center; display:block; line-height: 52px; padding:0 35px 0 35px; background-image: url(images/design/menu_div.png); background-repeat: no-repeat; background-position: left;
}
#Menu ul li a:hover{
	color:#4a9790;
}
#Menu ul .active{
	color:#4a9790;
}
#Menu ul .last a{
	padding-left:30px; margin-left:0; background-image:none;
}
/*[-][Menu][-]*/

/*[+][HomePage][+]*/
#SlideContainer{
	width:1140px; height:326px; margin:0 auto; margin-bottom:15px; display:block; overflow:hidden;
}
#SlideContainer .slider{
	width:1140px; padding:0; margin:0;
}
#SlideContainer .slider img{
	width:1140px; height:300px;
}
/*[-][HomePage][-]*/

/*[+][Inner][+]*/

#Thanks{
	width:180px; height:390px; margin-left:30px; background: url(images/design/thanks.png) no-repeat center top; float:right;
}

#News{
	width:440px; height:385px; padding-right:30px; background-image: url(images/design/blocks_div.png); background-repeat: no-repeat; background-position: right; position:relative; overflow:hidden; float:right;
}
#News label{
	height:30px; padding-right:15px; margin-bottom:10px; font-size:16px; color:#dbdbdb; background-image: url(images/design/circle.png); background-repeat: no-repeat; background-position: right; display:block;
}
#News .slider-prev{
	width:24px; height:24px; position:absolute; top:10px; right:230px; z-index:5000;
}
#News .slider-next{
	width:24px; height:24px; position:absolute; bottom:0; right:230px; z-index:5000;
}
#News .slider-prev:hover, #News .slider-next:hover{
	opacity:0.6; filter:alpha(opacity=60); /* For IE8 and earlier */
}
#News .slider-prev:active, #News .slider-next:active{
	opacity:0.9; filter:alpha(opacity=90); /* For IE8 and earlier */
}
#News div.Pic{
	width:107px; height:100px; margin:0; margin-left:10px; background: url(images/design/news-frame.png) no-repeat; float:right;
}
#News div.Pic img{
	width:89px; height:84px; margin:6px 11px 0 0;
}
#News div.Details{
	width:323px; height:100px; font-family:Tahoma; text-align:justify; margin:0; float:right;
}
#News div.Details a{
	color:#4a9790; display :block;
}
#News div.Details a:hover{
	color:#74BAB3;
}
#News div.Details font{
	color:white; font-size:12px; line-height:14px; cursor:default;
}
#News div.Details a.More{
	color:#818b15; font-size:12px; font-weight:normal; line-height:14px; display:inline;
}
#News div.Details a.More:hover{
	color:#D6E23F;
}
#News.Inner{
	width:100%; height:580px; padding-right:0px; background-image: none;
}

#Video{
	width:260px; height:365px; margin-top:25px; padding-right:38px; float:left; background-image: url(images/design/blocks_div.png); background-repeat: no-repeat; background-position: right;
}
#Video label{
	height:30px; padding-right:15px; font-size:16px; color:#dbdbdb; background-image: url(images/design/circle.png); background-repeat: no-repeat; background-position: right; display:block;
}
#Video.Inner{
	width:260px; height:300px; margin-top:5px; padding-right:0px; background-image:none; z-index:5;
}

#GalleryBigImage{
	width:295px; height:261px; margin:20px 0 0 25px; position:relative; float:right; background: url(images/design/big_gallery_frame.png) no-repeat;
}
#GalleryBigImage img{
	width:280px; height:245px; margin:6px 8px 0 0; z-index:1;
}
#GalleryBigImage a:hover{
	opacity:0.6; filter:alpha(opacity=60); /* For IE8 and earlier */
}
#GalleryBigImage .GalleryData{
	width:276px; min-height:60px; color:white; text-align:center; font-size:15px; font-weight:normal; position:absolute; top:100px; right:10px; z-index:5; cursor:pointer; text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}


#GalleryImages{
	width:420px; height:320px; margin-top:22px; overflow:hidden; position:relative; float:right;
}
#GalleryImages div.Image{
	width:114px; height:117px; margin:0; margin-right:20px; background: url(images/design/small_gallery_frame.png) no-repeat; float:right;
}
#GalleryImages div.Image img{
	width:97px; height:98px; margin:8px 9px 0 0;
}
#GalleryImages div.Image img:hover{
	cursor:pointer; opacity:0.6; filter:alpha(opacity=60); /* For IE8 and earlier */
}
#GalleryImages .slider-prev{
	width:24px; height:24px; position:absolute; top:115px; right:0px; z-index:5000;
}
#GalleryImages .slider-next{
	width:24px; height:24px; position:absolute; top:115px; left:0px; z-index:5000;
}
#GalleryImages .slider-prev:hover, #GalleryImages .slider-next:hover{
	opacity:0.6; filter:alpha(opacity=60); /* For IE8 and earlier */
}
#GalleryImages .slider-prev:active, #GalleryImages .slider-next:active{
	opacity:0.9; filter:alpha(opacity=90); /* For IE8 and earlier */
}
#GalleryImages a.More{
	width:110px; height:45px; color:#FFFFFF; font-family:Tahoma; font-size:12px; font-weight:normal; text-align:center; padding-top:3px; cursor:default; background: url(images/design/inputs/more_galleries_button.png) no-repeat; position:absolute; bottom:0px; left:0px; z-index:1000;
}
#GalleryImages a.More:hover{
	color:#98C9C4;
}
#GalleryImages a.More:active{
	color:#6CB3AB;
}


#ContactForm{
	width:223px; height:320px; padding-right:20px; float:left; background-image: url(images/design/blocks_div.png); background-repeat: no-repeat; background-position: right;
}
#ContactForm.Inner{
	padding-right:0px; background-image:none;
}
#ContactForm .Title{
	height:22px; padding-right:20px; margin-bottom:7px; font-size:14px; color:#dbdbdb; background-image: url(images/design/circle.png); background-repeat: no-repeat; background-position: right; display:block;
}
#ContactForm pre{
	min-height:35px; font-family:Tahoma; font-size:13px; color:#dbdbdb; margin:0 0 10px 0; display:block;
}
#ContactForm pre.High{
	height:105px; margin-bottom:15px;
}
#ContactForm pre label{
	height:25px; color:#4a9790; float:right; line-height:15px;
}
#ContactForm pre input[type=text]{
	width:158px; height:26px; padding:0; border:1px #4A4A4A solid; text-align:center; float:left;
}
#ContactForm pre textarea{
	width:158px; height:100px; padding:0; border:1px #4A4A4A solid; text-align:center; float:left;
}
#ContactForm input[type=reset]{
	width:75px; height:25px; padding:0 0 6px 0; text-align:center; border:0; background: url(images/design/inputs/reset-normal.png) no-repeat; float:left;
}
#ContactForm input[type=reset]:hover{
	color:#71421D; background: url(images/design/inputs/reset-hover.png) no-repeat;
}
#ContactForm input[type=reset]:active{
	color:#D09259; background: url(images/design/inputs/reset-active.png) no-repeat;
}
#ContactForm input[type=reset][disabled]{
	color:#CCCCCC; background: url(images/design/inputs/button-disabled.png) no-repeat;
}
#ContactForm input[type=button]{
	width:75px; height:25px; padding:0 0 6px 0; margin-right:10px; text-align:center; border:0; background: url(images/design/inputs/button-normal.png) no-repeat; float:left;
}
#ContactForm input[type=button]:hover{
	color:#325F5A; background: url(images/design/inputs/button-hover.png) no-repeat;
}
#ContactForm input[type=button]:active{
	color:#BADAD7; background: url(images/design/inputs/button-active.png) no-repeat;
}
#ContactForm input[type=button][disabled]{
	color:#CCCCCC; background: url(images/design/inputs/button-disabled.png) no-repeat;
}

#CoursesCats{
	width:100%; padding:5px 0 5px 0; margin:5px 0 5px 5px; overflow:hidden; display:block;
}
#CoursesCats:hover{
	cursor:pointer; background-color:#614343;
}
#CoursesCats:hover a{
	color:#7CBEB8;
}
#CoursesCats #icon{
	width:48px; height:48px; padding-left:5px; float:right;
}
#CoursesCats #icon img{
	width:48px; height:48px;
}
#CoursesCats #text{
	width:600px; padding:3px 7px 5px 5px; float:right;
}
#CoursesCats #text span{
	font-size:12px; display:block;
}
#CoursesCats a, #CoursesCats a:hover{
	font-size:13px; font-weight:bold; text-decoration: none;
}

#ImgVid {
	width:200px; height:200px; text-align:center; margin:0 15px 15px 20px; display:inline-block; background: url(images/design/frame-shadow.png) no-repeat top;
}
#ImgVid a:hover{
	opacity:0.6; filter:alpha(opacity=60); /* For IE8 and earlier */
}
#ImgVid a:after{
	opacity:0.9; filter:alpha(opacity=90); /* For IE8 and earlier */
}
#ImgVid img{
	width:165px; height:125px; margin:26px 17px 10px 0; display:block;
}

.CoursesTables{
	display:none; clear:both;
}

#ContactingResult{
	width:200px; height:280px; padding:20px 30px 20px 30px; text-align:right; border:2px #FF0066 dashed; background: #FBFBFB url('images/design/icons/consultation_result.png') repeat; position:absolute; bottom:15px; left:270px; z-index:9999; overflow:hidden; display:none;
}

#EmailingWindow{
	width:200px; color:#666666; padding:20px 30px 20px 30px; text-align:right; border:1px #CCCCCC dashed; background: #FBFBFB; display:none; overflow:hidden; position:absolute; top:41px; left:300px; z-index:100;
}
#EmailingWindow .Icon{
	width:48px; height:48px; float:right;
}
#EmailingWindow label.Title{
	font-weight:bold; font-size:12px; color:black; line-height:48px; margin-right:10px;
}

#Right{
	width:715px; min-height:300px; text-align:right; margin:0; float:right; overflow:hidden;
}
#Right #tbl{
	width:100%;
	border-spacing: 0px;
	margin-top:6px;
	clear:both;
}
#Right #tbl tr#TblHead td{
	font-size: 11px;
	font-weight:bold;
	color: white;
	text-align:center;
	height:25px;
	cursor:default;
}
#Right #tbl td{
	font-size: 11px;
	color: white;
	text-align:center;
	padding:1px 2px 1px 2px;
	height:15px;
	cursor:default;
}


#Left{
	width:260px; text-align:right; margin:0; float:left;
}

.clear{
	width:100%; height:5px; display:block; clear:both; padding:20px 0 20px 0; background: url(images/design/clear_div.png) no-repeat center;
}

#placepage{
	width:100%; font-size:x-small; padding:7px 0 4px 0; margin-bottom:15px; border-bottom: 1px #614343 dashed;
}
#placepage img{
	padding-left:5px; width:16px; height:16px;
}
#placepage a{
	font-size:x-small; font-weight: normal; color:#FFFFFF;
}
#placepage a:hover{
	color:#EAEAEA;
}
#placepage label{
	float:left; padding-right:5px; padding-left:0;
}
#placepage label img{
	padding-right:5px; padding-left:0; width:24px; height:24px;
}
#placepage label img:hover{
	opacity:0.6; filter:alpha(opacity=60); /* For IE8 and earlier */
}
#placepage label img:active{
	opacity:0.9; filter:alpha(opacity=90); /* For IE8 and earlier */
}

/*[-][Inner][-]*/

/*[+][Pagination][+]*/
.pagination ul li.inactive,
.pagination ul li.inactive:hover{
	background-color: #E0E0E0; color:#bababa; border:1px solid #DFDFDF; cursor: default;
}
.pagination ul li.current ,.pagination ul li.current:hover{
	background-color: #4A9790; color:#FEF5E2; border:1px solid #41857E; cursor: default;
}

.pagination{
	width:100%; height:25px; margin-top:10px; display:block;
}
.pagination ul{
	padding-right:0;
}
.pagination ul li{
	list-style: none; float: right; border: 1px solid #4A9790; padding: 0px 7px 0px 7px; margin: 0 2px 0 2px; font-size: 12px; color: #468E87; background-color: #7EC0BA;
}
.pagination ul li:hover{
	color: black; border: 1px solid #41857E; background-color: #4A9790; cursor: pointer;
}
.pagination_goto{
	width:20px; margin:0 30px 0 0; padding:0; border-left:0;
}
.pagination input[type=text]{
	width:20px; height:23px; margin:0 30px 0 2px; padding:0 6px 0 6px; float:right;
}
.pagination input[type=button]{
	height:25px; margin:0; padding:3px 6px 3px 6px; cursor:pointer; float:right;
}
.pagination_total{
	float:left; color:#999;
}
/*[-][Pagination][-]*/

/*[+][Inputs Style][+]*/
input[type=text], input[type=password], textarea, select{
	color:gray;
	font-family:Tahoma;
	font-size:12px;
	padding:2px 10px 2px 10px;
	border: 1px solid gray;
	background-color: white;
}
input[type=text]:hover, input[type=password]:hover, textarea:hover, select:hover{
	color:black;
	border: 1px solid #34615A;
	background-color: #F3F3F3;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus{
	color:black;
	border: 1px solid #34615A;
	background-color: #EAEAEA;
}
input[type=text][disabled], input[type=password][disabled], textarea[disabled], select[disabled]{
	color:gray;
	border: 1px solid gray;
	background-color: #DDDDDD;
}
input[type=text][disabled]:hover, input[type=password][disabled]:hover, textarea[disabled]:hover, select[disabled]:hover{
	color:gray;
	border: 1px solid gray;
	cursor:default;
	background-color: #F5F5F5;
}

input[type=submit], input[type=reset], input[type=button]{
	color: white;
	font-family:Tahoma;
	font-size:12px;
	height:28px;
	border: 1px solid #34615A;
	padding:2px 5px 2px 5px;
	background: #4B8B82;
}
input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover{
	color: white;
	background: #61ABA6;
}
input[type=submit]:active, input[type=reset]:active, input[type=button]:active{
	color: black;
	background: #34615A;
}
input[type=submit][disabled], input[type=reset][disabled], input[type=button][disabled]{
	color: #CCCCCC;
	border: 1px solid gray;
	background: #828080;
}

input[type=reset]{
	border: 1px solid #6C4620;
	padding:2px 5px 2px 5px;
	background: #764C23;
}
input[type=reset]:hover{
	color: white;
	background: #BE7E44;
}
input[type=reset]:active{
	color: black;
	background: #5B381F;
}


input:checked + label {
    color: red;
}
/*[-][Inputs Style][-]*/