/*Com*/
html{overflow-x:hidden;overflow-y:scroll}
body{font-family:Tahoma;font-size:10pt;margin:0;padding:0}
body.rtl_site{direction:rtl}
body.ltr_site{direction:ltr}
a{color:#00709e;text-decoration:none;cursor:pointer}
img{border:0}
h1{font-size:11pt}
h2{font-size:10pt}
ul{padding:0 15px;margin:0}
table{border-collapse:collapse;font-size:9pt}
form{padding:0;margin:0}
select,textarea,input{outline:none;font-family:Tahoma;font-size:10pt;padding:6px;border-radius:2px;width:200px;border:1px solid #bbb}
input[type="text"],input[type="password"]{text-align:center}
input[type="submit"],input[type="button"]{padding:4px 32px;width:auto;cursor:pointer;background:#f1693c;color:#fff;border:none;border-bottom:2px solid #c94727;font-size:12pt}
img,input[type="submit"],input[type="button"],input[type="checkbox"],textarea,audio{vertical-align:middle;*vertical-align:text-bottom}/*button middle of text box in 1 line in ie8*/
input[type="submit"]:hover,input[type="button"]:hover{background-color:#e56034}
textarea{width:198px;height:80px}
input[type="checkbox"],input[type="radio"]{padding:0;width:auto}
input.cancel{background:#efefef;color:#333;border:1px solid #9c9c9c}
input.cancel:hover{background:#e4e4e4}
span.title{display:inline-block;width:100px;text-align:left;margin:10px 0 0 5px}
.hide{display:none}
.linethrough{text-decoration:line-through}
div.btn_box{text-align:left}
/*Util*/
.fl{float:left}
.fr{float:right}
.dl{direction:ltr}
.dr{direction:rtl}
.al{text-align:left}
.ar{text-align:right}
.ac{text-align:center}
.cp{cursor:pointer}
.clr{clear:both;width:100%;height:0px;font-size:0px}
.red{color:#ff0000}
.orange{color:#dfa300}
.green{color:#31bd00}
.thumb{max-height:40px;max-width:300px}
.std_table{*border-collapse:collapse; /* IE7 and lower */border-spacing:0;width:100%;line-height:23px}
.std_table{border:solid #ccc 1px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 1px 1px #ccc; -moz-box-shadow:0 1px 1px #ccc; box-shadow:0 1px 1px #ccc;}
.std_table tr:hover{background:#fbf8e9;-o-transition:all 0.1s ease-in-out;-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;-ms-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out}    
.std_table td,.std_table th{border:1px solid #ccc;padding:10px;text-align:right;}
.std_table th{
background-color:#dce9f9;
background-image:-webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
background-image:-webkit-linear-gradient(top, #ebf3fc, #dce9f9);
background-image:-moz-linear-gradient(top, #ebf3fc, #dce9f9);
background-image:-ms-linear-gradient(top, #ebf3fc, #dce9f9);
background-image:-o-linear-gradient(top, #ebf3fc, #dce9f9);
background-image:linear-gradient(top, #ebf3fc, #dce9f9);
-webkit-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;-moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
border-top:none;text-align:center;text-shadow:0 1px 0 rgba(255,255,255,.5)}
#DAPPlugin{display:none}
/*Resposive*/
@media only screen and (max-width:1024px) {
  /*Window*/
  #m_wnd{right:2% !important;left:2% !important}
  #m_wnd,#m_wnd_handle{width:96% !important}
  /*Page*/
  #page_content{width:98% !important;height:auto !important;padding:0 1%}
  .module{display:block !important;position:relative !important;width:100% !important;top:auto !important;left:auto !important;right:auto !important;bottom:auto !important;margin:4px auto !important}
  .module .button,.module .label{display:block;margin:auto;width:100% !important;text-align:center}
  .module .label{display:table}
  .module .label a{display:table-cell;width:100%;text-align:center;vertical-align:middle}
  .module .button{background:#FFF}
  .module .album2,.module .album4,.module .album5{display:block !important;margin:auto !important}
  .vote_container,.page_op{width:100% !important}
  .google_map iframe{width:100%}
  /*Header*/
  div.head{height:auto !important;margin-bottom:10px}
  div.head div.box{width:98% !important;padding:0 1%}
  div.head a.fr{width:70% !important}
  div.head a.fr img{max-width:100% !important;max-height:100% !important}
  /*Footer*/
  div.footer{height:auto !important;margin-top:10px;padding:5px 0 !important}
  div.footer div.box{width:98% !important;padding:0 1%}
  .section_box .section{display:block !important;margin:0 10% !important}
  div.footer div.section{width:80% !important}
  /*Menu*/
  #cssmenu{height:auto !important;clear:both !important;display:block !important;overflow:hidden;width:98% !important}
  #cssmenu > ul{float:none !important}
  #cssmenu ul{margin:0 !important;padding:0 !important}
  #cssmenu li{float:none !important;display:block !important;margin:0 !important;padding:0 !important;visibility:visible !important}
  /*#cssmenu li:hover{border-right:1px solid #999 !important}*/
  #cssmenu li a{padding:8px 5px !important;display:block !important;line-height:25px !important/*;border-radius:0 !important*/}
  #cssmenu li a:hover,#cssmenu li.active a
  #cssmenu li li a:hover,#cssmenu li li.active a{background:none !important} 
  #cssmenu .has-sub ul{display:block !important;position:relative !important;margin:0 !important;padding:0 !important;visibility:visible !important;opacity:1 !important;right:0 !important}
  #cssmenu .has-sub ul a{padding-right:30px !important}
  #cssmenu .has-sub ul ul a{padding-right:60px !important}
  #cssmenu ul ul{position:relative !important;top:0 !important;margin:0 !important;padding-top:8px !important;width:100% !important;background:none !important;border:none !important;box-shadow:none !important}
  #cssmenu ul ul ul{display:block !important;position:relative !important;right:0 !important;top:0 !important;margin:0 !important;visibility:visible !important;opacity:1 !important}
  #cssmenu .active a,#cssmenu li:hover > a{border-top:none !important}
  #cssmenu .fl{float:none !important;display:block !important}
  #cssmenu .has-sub ul li a{background:none !important;border:none !important}
  #cssmenu li a,#cssmenu .has-sub ul li a{border-bottom:1px solid #aaa !important;background:none !important}
  #cssmenu li:last-child a{border-bottom:none}
  #cssmenu > ul > li > ul:before,
  #cssmenu > ul > li.active:after,
  #cssmenu > ul > li:hover:after{display:none !important}
  .search_box{display:block !important;float:none !important;height:auto !important;clear:both;width:100% !important;text-align:center !important;margin:8px auto !important}
  form.search{display:block !important;clear:both;margin:auto}
}
/*head&foot*/
div.head,div.foot{margin:auto;width:100%;height:120px}
div.head{color:#c5c5c5;overflow:hidden;/*-moz-box-shadow:5px 5px 1px #aaa;-webkit-box-shadow:5px 5px 1px #aaa;box-shadow:5px 5px 1px #aaa*/}
div.head div.box{width:1000px;margin:auto;position:relative}
div.head img.logo{max-width:1000px}
/*@media only screen and (min-width:544px){div.head div.box{width:544px}}*/
@media only screen and (min-width:1000px){div.head div.box{width:1000px}}
@media only screen and (min-width:1200px){div.head div.box{width:1160px}}
div.head .fl{padding:5px 0;line-height:20px;text-align:left;direction:rtl;font:normal 13px tahoma}
/*Admin*/
.op{display:none}
.admin_row:hover span.op{display:inline}
#admin_menu{position:absolute;position:fixed;top:35%;left:-20px;text-align:right;width:45px;background:#333;z-index:1000;border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
#admin_menu a{display:block;margin:7px 5px 5px 0}
a.admin{font-size:9pt}
div.Setup{text-align:center}
div.Setup input[type="button"]{background-position:center right;background-repeat:no-repeat;width:150px;height:40px;margin-bottom:4px}
input.cfg{background-image:url(../img/admin/cfg.png)}
input.mobile{background-image:url(../img/admin/mobile.png)}
input.slideshow{background-image:url(../img/admin/slideshow.png)}
input.backup{background-image:url(../img/admin/backup.png)}
input.page_new{background-image:url(../img/admin/page_new.png)}
input.page_mng{background-image:url(../img/admin/page_mng.png)}
input.image{background-image:url(../img/admin/image.png)}
input.file{background-image:url(../img/admin/folder_files.png)}
input.user{background-image:url(../img/admin/user.png)}
input.lang{background-image:url(../img/admin/ads.png)}
input.msg{background-image:url(../img/admin/eye.png)}
input.event{background-image:url(../img/admin/calendar.png)}
input.shop{background-image:url(../img/admin/shop.png)}
input.ticket{background-image:url(../img/admin/ticket.png)}
input.font{background-image:url(../img/admin/font.png)}
input.server{background-image:url(../img/admin/server.png)}
input.statistics{background-image:url(../img/admin/statistics.png)}
input.comment{background-image:url(../img/admin/comment.png)}
input.form{background-image:url(../img/admin/form.png)}
/*Album1*/
.album_box{background:#000;margin:auto;border:1px solid #222;position:relative;z-index:11}
.album_box table{width:100%;height:100%;border:none;table-layout:fixed/*Important for ff,ie*/}
.album_box table tr td{vertical-align:middle;text-align:left}
.album_box table tr td div{text-align:center;width:100%;margin:auto}
.album_box img.gpic{z-index:12;display:none;max-width:95%;max-height:95%;height:auto}
.album_box img.garrow,.album4 img.garrow{width:32px;height:32px;border:none;position:absolute;bottom:5px;cursor:pointer;z-index:13}  
.album_box img.gLeft,.album4 img.gLeft{left:5px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity:0.2;opacity:0.2}
.album_box img.gRight,.album4 img.gRight{right:5px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity:0.2;opacity:0.2}
.album_box img.gLeft:hover,.album4 img.gLeft:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6}
.album_box img.gRight:hover,.album4 img.gRight:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6}
.gdesc{background:#000;color:#EEE;position:absolute;top:5px;left:5px;z-index:13}
table.admin_table{width:100%;font-size:8pt}
table.admin_table tr td{width:25%;text-align:right;padding-bottom:20px}
table.admin_table img{width:120px;height:120px}
table.admin_table input[type="text"]{width:100px}
a.album_page_link{background:#000;color:#111;width:200px;height:140px;border:6px solid #222;display:block;position:relative;margin:auto}
a.album_page_link table{background:#000;width:100%;height:100%;border:none}
a.album_page_link table tr td{vertical-align:middle;text-align:center}
a.album_page_link img{max-width:190px;max-height:130px;height:auto; width:auto}
/*Album2*/
div.album2_box{position:relative}
div.album2{position:relative}
div.album2 img,div.album2 a{position:absolute;display:none;top:0;left:0;width:100%;height:100%;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
div.album2 img.active,div.album2 a.active{display:inline}
div.album2 a img{display:inline}
/*Album4*/
.album4{position:relative}
.album4_box{overflow:hidden;white-space:nowrap;position:relative;width:100%;height:100%}
.album4_box img{border:3px solid rgba(0,0,0,0);display:inline-block;width:30%;height:95%;}
.album4_box img:hover{border-color:#FFF}
/*Album5*/
.album5{text-align:center;padding:5px;overflow:hidden}
.album5 img{display:block;width:100%;margin-bottom:5px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}
/*Slider*/
.slider{position:relative}
.slider_box{position:relative;overflow:hidden;width:100%;height:100%}
.items{position:relative;display:table;table-layout:fixed;width:100%;height:100%}
.slider_item{display:table-cell;vertical-align:top;width:200px;height:100%;padding:10px;text-align:center;overflow:hidden;}
.slider_item:first-child{padding-right:60px}
.slider_item:last-child{padding-left:60px}
.slider_item a{display:block;margin-bottom:10px;font-weight:bold}
.slider_item img{display:inline-block;width:auto;height:120px;margin-bottom:5px}
.slider div.garrow{width:32px;height:32px;width:60px;height:100%;border:none;position:absolute;top:0;cursor:pointer;z-index:13}  
.slider div.gLeft{left:0;border-left:1px solid #ccc;background:#fff url(../img/slider/left.png) center center no-repeat;-webkit-box-shadow:5px 0px 5px -3px #616161;box-shadow:5px 0px 5px -3px #616161;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity:0.2;opacity:0.2}
.slider div.gRight{right:0;border-right:1px solid #ccc;background:#fff url(../img/slider/right.png) center center no-repeat;-webkit-box-shadow:-5px 0px 5px -3px #616161;box-shadow:-5px 0px 5px -3px #616161;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity:0.2;opacity:0.2}
.slider div.gLeft:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=95);-moz-opacity:0.95;-khtml-opacity:0.95;opacity:0.95}
.slider div.gRight:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=95);-moz-opacity:0.95;-khtml-opacity:0.95;opacity:0.95}
/*Comment*/
.comment{font-size:9pt}
.comment table{width:100%;margin:auto;font-size:9pt}
.commentBox{width:98%;margin:auto;font-size:9pt;color:#222;line-height:20px}
.commentBox .item{background:#fafafa;padding:2px;margin:10px auto;border:1px solid #CCC;border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
.commentBox .item div.text{color:#222;padding:4px}
.commentBox .item div.c_info{color:#555;padding:10px}
.comment textarea{width:210px}
div.res_form{text-align:left}
/*Audio&Video*/
.audio_box{padding:10px;font-size:7pt}
.audio_download,.audio_title,.video_download,.video_title{padding:4px;margin:4px;min-width:140px;height:20px;text-align:center;font-size:9pt;display:inline-block;background:#3f3f3f;color:#fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.audio_download:hover,.audio_title:hover,.video_download:hover,.video_title:hover{background:#555}
.video_box{text-align:center}
/*Search*/
#suggestDiv{z-index:10000;background-color:white;display:none;width:150px;height:160px;position:absolute;border:1px solid black;font-size:14px;line-height:22px} 
.suggestLink{cursor:pointer;width:100%;display:block}
form.search{padding:0;margin:0;border:none;direction:rtl;background-color:transparent}
input#q{width:100px;padding:7px;border:none;background:#FFF;color:#333;margin:0 0 0 5px;vertical-align:top}
input#btn_search{width:30px;height:28px;border:none;background:#9a1c21 url(../img/search_light.png) no-repeat center center;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
input#btn_search:hover{background-color:#a81c21}
div.search_box{float:left;width:210px;height:30px;text-align:left}
body.ltr_site div.search_box{float:right;text-align:right}
body.ltr_site input#q{margin:0 5px 0 0}
/*Form*/
.ff_form th{width:130px;margin-left:5px;display:inline-block;vertical-align:middle;font-weight:normal}
/*Vote*/
div.vote_box{width:90%;margin-bottom:4px;padding:4px 0;border-bottom:1px solid #AAA;line-height:28px}
div.vote_box div.vote_result_box{line-height:12px;font-size:9pt}
div.vote_box div.vote_result_box div.bar{height:12px;color:#111;margin-top:3px;border:1px solid #2a5800;display:inline-block;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
div.all_result{}
/*user*/
.login_frm{margin:5px;font-size:8pt;line-height:16px}
div.main_menu a{margin-right:20px;color:#fff;display:block}
div.main_menu a:hover{color:#111}
.OptionBox{height:30px;background:#EEE;position:absolute;top:0;left:23%;padding:2px;width:55%;text-align:center;font-size:12px;direction:rtl;z-index:1000}
.OptionBox input[type=button]{background:#AAA;color:#FFF;font-weight:bold;cursor:pointer}
.OptionBox input[type=submit]{background:#AAA;color:#FFF;font-weight:bold;cursor:pointer}
.OptionBox input[type=text]{color:#222;font-weight:bold;width:80px;text-align:center}
.OptionBox input[type=password]{color:#222;font-weight:bold;width:80px;text-align:center}
/*wnd*/
#m_wnd{position:fixed;top:8%;z-index:10001;display:block;display:none;background:#F9F9F9;border:1px solid #888;-moz-box-shadow:-6px 9px 5px #333;-webkit-box-shadow:-6px 9px 5px #333;box-shadow:-6px 9px 5px #333}
#m_wnd_handle{color:#333;position:absolute;top:0;right:0px;direction:ltr}
#m_wndClose{background:none;color:#999;font:bold 16px Arial;text-align:center;padding:1px 5px;display:inline-block;margin-left:5px;cursor:pointer}
#m_wndClose:hover{color:#000}
#m_wnd *{font-size:9pt}
#m_wndTitle{color:#555;font-size:10pt;padding-right:5px;font:bold 12px Tahoma}
/*Tab*/
#ffTabHeader ul{list-style:none;padding:0;margin:0}
#ffTabHeader li{float:right;border:solid 1px #CCC;border-bottom-width:0;margin:0}
#ffTabHeader a{font-size:8pt;text-decoration:none;display:block;background:#DDD;padding:6px;width:140px;text-align:center;cursor:pointer}
#ffTabHeader a:hover{background:#EEE}
#ffTabHeader .ffTabSelected{border-color:#AAA}
#ffTabHeader .ffTabSelected a{position:relative;top:1px;background:#d7d7d7;color:#333;font-weight:bold;cursor:help}
div.tab_content{display:none;border:solid 1px #AAA;padding:10px;font-size:9pt;line-height:23px;height:350px;overflow:auto;position:relative}
/*Shop*/
.shop{text-align:center}
.product{display:inline-block;text-align:center;vertical-align:top;padding:10px}
.product a.product_title{display:block;overflow:hidden;text-overflow:ellipsis;width:140px}
/*.product td{width:25%;text-align:center;vertical-align:top;padding:10px}*/
.product table.cell{position:relative;margin:auto;width:140px;height:135px}
.product table.cell td{position:relative;background:#fff;width:100px;height:100px;text-align:center;vertical-align:central;border:1px solid #dddbdc;padding:10px 20px 25px 20px;margin:5px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
img.product_img{max-width:100px;max-height:100px}
div.info{background:url(../img/icon/info_0.png) no-repeat;cursor:pointer;position:absolute;bottom:2px;left:2px;width:14px;height:16px}
div.info:hover{background-image:url(../img/icon/info_1.png)}
div.add_to_cart{background:url(../img/icon/cart_0.png) no-repeat;cursor:pointer;position:absolute;bottom:2px;left:20px;width:16px;height:16px}
div.add_to_cart:hover{background-image:url(../img/icon/cart_1.png)}
a.del_product{position:absolute;bottom:2px;left:56px}
a.edit_product{position:absolute;bottom:2px;left:38px}
img.new_product{position:absolute;top:2px;left:2px}
img.special_product{position:absolute;top:2px;left:2px}
img.special_product_dual{left:36px}
img.stop_product{position:absolute;bottom:2px;right:2px}
.cart{width:100%}
.cart td,.cart th{padding:5px;text-align:center;vertical-align:middle}
.cart img.product{width:50px;height:50px}
.cart input[type="text"]{width:60px}
.path{height:70px;position:relative;line-height:22px}
.path ul{float:right;text-align:right;width:95%}
.path ul li{float:left;height:39px;width:25%;display:block;position:relative;top:1px;direction:rtl;border-bottom:1px solid #ccc}
.path ul li a{height:40px;line-height:40px;text-align:center;text-decoration:none;width:100%;display:block;color:#ccc;background:0;outline:0;cursor:default}
.path ul li a.current{color:#1768e1}
.path ul li a.selected{color:#64a000}
.path ul li a .bullet{height:7px;width:7px;top:34px;left:45%;position:absolute;display:block;border-radius:3px;background-color:#fff;border:2px solid #ccc}
.path ul li a.current .bullet{border:2px solid #1768e1;height:10px;width:10px;top:32px}
.path ul li a.selected .bullet{border:2px solid #ccc;height:10px;width:10px;top:32px;background:url("../img/icon/tick.gif") no-repeat 50% 50%}
.shop_transaction_op{margin:5px 0 25px 0;text-align:center}
.shop_transaction_op input{margin:0 15px;width:130px}
/*Beauty-Box*/
.beauty_box_container{width:100%;margin:8px auto}
.beauty_box{position:relative;height:340px;width:730px;margin:auto}
.box-2{
	width:230px;
	position:absolute;
	z-index:99;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
	z-index:5;
	padding:0 0 13px;	
}
.box-2.first{right:0px}
.box-2.second{right:250px}
.box-2.third{right:500px}
.box-2-head{
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;	text-align:center;
	font-weight:bold;
	font-size:11pt;
	line-height:22px;
	color:#d9d9d9;
	position:relative;
	z-index:5;
	border:1px solid #050404;
	border-top-color:#1b1a1a;
	box-shadow:inset 0 0 20px rgba(0,0,0,.15);
	border-radius:6px 6px 0 0;
	padding:19px 0 15px;
	background:#4f4f4f; /* Old browsers */
	background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI0MjQyNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNTE1MTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background:-moz-linear-gradient(top, #4f4f4f 0%, #363638 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#4f4f4f), color-stop(100%,#363638)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #4f4f4f 0%,#363638 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #4f4f4f 0%,#363638 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top, #4f4f4f 0%,#363638 100%); /* IE10+ */
	background:linear-gradient(top, #4f4f4f 0%,#363638 100%); /* W3C */
	filter:none;
}
div#ie8 .box-2-head{background:#4f4f4f}
.box-2-content{
	background:#ddd;
	text-align:center;
	border-radius:0 0 6px 6px;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
	position:relative;
	z-index:6;
	position:relative;
	padding:10px 12px;
	height:260px;
	overflow:auto
}
.box-2-content .list-2{bottom:28px}
.box-2-content div.fr{margin:0 15px 5px 0}
.box-2:hover{top:-10px;z-index:99}
.box-2:hover .box-2-head{padding:24px 0 20px;box-shadow:-14px 4px 18px -8px rgba(0,0,0,1),14px 4px 18px -8px rgba(0,0,0,1);}
.box-2:hover .box-2-content{background:#272729;}
.box-2 a{font-size:8pt}
.box-2:hover a{color:#00caf9}
.box-2 img{max-width:70px;max-height:90px}
.box-2 table.img_box{width:80px;height:100px;display:inline-block}
.box-2 table.img_box td{vertical-align:bottom;text-align:center}
/*dropdown menu+sidemenu*/
.side_menu #nav li{float:none;z-index:21}
.side_menu #nav li a{text-align:inherit;z-index:22;background-repeat:no-repeat}
.side_menu #nav ul{top:0;right:190px}
.side_menu #nav ul li{margin:0 9px;text-align:center}
/*Site Lang*/
a.lang{margin-top:4px;display:inline-block}
body.rtl_site div.footer div.box{direction:rtl;text-align:right}
body.ltr_site div.footer div.box{direction:ltr;text-align:left}
body.ltr_site div.content{float:right}
body.ltr_site div.side_menu{float:left}
body.ltr_site #nav ul{left:0}
body.ltr_site #nav li{float:left}
body.ltr_site .side_menu #nav li{float:none}
body.ltr_site .side_menu #nav ul{left:190px}
body.rtl_site .side_menu #nav li a{background-image:url(../img/icon/arrow_left.gif);background-position:left center}
body.ltr_site .side_menu #nav li a{background-image:url(../img/icon/arrow_right.gif);background-position:right center}
body.ltr_site .side_menu #nav ul li a,body.rtl_site .side_menu #nav ul li a{background-image:none}
/*page*/
#editor{min-height:300px}
/*#page_content{position:relative;width:1000px;height:auto;margin:10px auto;min-height:300px;display:none}*/
#page_content{position:relative;width:1000px;height:2000px;margin:10px auto;min-height:300px}
/*@media only screen and (min-width:544px){#page_content{width:544px}}*/
@media only screen and (min-width:1000px){#page_content{width:1000px}}
@media only screen and (min-width:1200px){#page_content{width:1160px}}
.page_op{width:1000px;height:30px;margin:10px auto;background:#ddd;padding:10px 0}
/*@media only screen and (min-width:544px){.page_op{width:544px}}*/
@media only screen and (min-width:1000px){.page_op{width:1000px}}
@media only screen and (min-width:1200px){.page_op{width:1160px}}
.page_op .fl input{margin-left:10px}
.page_op .fr input{margin-right:10px}
.module{position:relative;position:absolute;width:200px;border:none;background:#eee;overflow:hidden;overflow-y:auto;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
.module .mng{position:absolute;top:1px;right:1px;background:#000;padding:3px;z-index:99;display:none}
.module:hover .mng{display:block}
.module .title{padding:10px;color:#fff;background:#666;background:linear-gradient(to bottom, #666 0%, #333 100%)}
.module .data{padding:10px;line-height:20px}
.textBox_group{width:100% !important;position:absolute;top:0;right:0}
.textBox_group_img{height:200px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}
.module .data div.fr{margin-left:5px}
.module .data div.fr img{width:50px;height:50px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}
.module a.title_list{font-size:10pt}
.module .intro_list{font-size:8pt}
.sys_page{width:980px;margin:10px auto;padding:10px;min-height:300px;background:#eee;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
/*drag.resize*/
#editor{position:relative;overflow:hidden;/*width:100%;height:99%;*/border:1px dashed #ccc}
#editor .type{padding:2px;text-align:center;font-size:9pt}
#editor .type .info{font-size:7pt;color:#555}
.block{border:1px solid #aaa;position:absolute;background:#eee;padding:0px;border-collapse:collapse}
.handle,.resize{display:block;width:16px;height:16px}
.handle{width:100%;background:#888;cursor:move;text-align:right}
.handle:hover{background:#999}
.handle a{color:#fff;margin-right:5px}
.resize{position:absolute;right:0;bottom:0;cursor:nw-resize}
/*Chat*/
.chatbox{position:absolute;position:fixed;width:225px;display:none;z-index:100;direction:rtl}
.chatboxhead{background-color:#222;padding:6px;color:#ffffff;border-right:1px solid #222;border-left:1px solid #222}
.chatboxhead .chat_title{padding:0 6px;cursor:default}
.chatboxblink{background-color:#176689;border-right:1px solid #176689;border-left:1px solid #176689}
.chatboxcontent{background-color:#ffffff;font-family:tahoma;font-size:9pt;line-height:18px;color:#333333;min-height:80px;max-height:200px;overflow-y:auto;overflow-x:hidden;padding:7px;border:1px solid #ccc;border-top:none;border-bottom-color:#eee}
.chatboxinput{padding:5px;background:#ffffff;border:1px solid #ccc;border-top:none}
.chatboxtextarea{width:98%;height:44px;max-height:44px;padding:3px 0pt 3px 3px;border:2px solid #ddd;margin:1px;overflow:hidden}
.chatboxtextareaselected{border:2px solid #f99d39}
.chatboxmessage{margin-left:1em}
.chatboxinfo{margin-left:-1em;color:#666666}
.chatboxmessagefrom{margin-left:-1em;font-weight:bold}
.chatboxmessagecontent{}
.chatboxoptions{float:right;direction:ltr}
.chatboxoptions a{text-decoration:none;color:white;font-weight:bold;font-family:Verdana,Arial,"Bitstream Vera Sans",sans-serif}
.chatboxoptions a:hover{color:#F00}
.chatboxtitle{float:left;position:relative}
.chatboxtitle a{color:#fff}
.chatboxtitle img.usr{position:absolute;left:-2px;bottom:-20px;width:40px;height:40px;padding:1px;background:#fff;border:1px solid #666}
/*Skin*/
/*.box_title{background:#919191;color:#fff;padding:5px;-moz-border-radius-topright:4px;-webkit-border-radius-top-right:4px;border-top-right-radius:4px;-moz-border-radius-topleft:4px;-webkit-border-radius-top-left:4px;border-top-left-radius:4px}*/
.box_body{padding:5px;line-height:20px;overflow:auto}
/*Skin*/
.home_box div.fr{width:31%;margin:0 5px}
.home_box div.fr a{display:block;margin-bottom:5px}

div.body{width:990px;margin:20px auto;overflow:auto}
div.side_menu{width:200px;float:right;border:none;padding:10px;background:#f5f5f5;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
div.side_menu a{display:block;margin:5px 0;padding-bottom:5px}
div.side_menu a:hover{color:#00a4da}
div.side_menu ul{margin:0;padding:0;padding-right:25px;margin-bottom:10px}
div.side_menu ul li a{margin:0px}
div.content{width:730px;float:left;color:#333;padding-right:20px;position:relative}
h1.mainTitle{margin:0;margin-bottom:15px;padding:8px;line-height:16px;font-size:12px;text-transform:uppercase;background:#eaeaea;color:#555;letter-spacing:.5px;border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
.trHighLight:hover{background:#ddd;color:#333}
div.main_content div.fr{width:50%;line-height:23px}
div.main_content div.fr a{color:#3a5799;padding-right:14px}
#nav ul li{border-top:1px solid #777;background:#00104a}
#nav ul a{color:#eee}
#nav ul a:hover,#nav ul li:hover{background:#444}
/*Footer*/
div.footer{background:#fdfdfd;padding:30px 0 20px 0;margin-top:30px;font-size:10pt;line-height:18px;border-top:1px solid #eaebec}
div.footer div.box{width:1000px;margin:auto;padding-top:5px}
/*@media only screen and (min-width:544px){div.footer div.box{width:544px}}*/
@media only screen and (min-width:1000px){div.footer div.box{width:1000px}}
@media only screen and (min-width:1200px){div.footer div.box{width:1160px}}
div.footer div.section_box{display:table;width:100% !important}
div.footer div.copy{border-top:1px solid #eee;margin-top:30px;padding:30px 0 50px 0;text-align:center !important;color:#838994}
div.footer div.design_social{display:table-cell;text-align:left;vertical-align:middle;text-align:center;line-height:32px}
div.footer div.design_social a.social{width:42px;height:42px;line-height:42px;text-align:center;border-radius:21px;border:1px solid #eaebec;padding:10px}
div.footer div.design_social a.social:hover{border-color:#ddd}
div.footer div.section{width:250px;margin-right:5px;padding-top:20px;display:table-cell;vertical-align:top}
div.footer div.section h2{color:#4c5058;font-weight:bold;margin-bottom:10px}
div.footer div.section a{margin:5px 0 5px 5px;display:inline-block;color:#838994;display:block}
div.footer div.section a:hover{color:#fb8367}
div.footer div.box a{color:#838994}
/*autocomplete*/
.autolist{width:142px;position:relative;padding:0 5px;margin:2px 30px 0 0;line-height:17px;z-index:100}
body.ltr_site .autolist{margin:2px 38px 0 0}
.autolist_box{width:100%;position:absolute;top:0;right:-6px;padding:0;margin:0;background:#fff;z-index:100}
.al_item{display:block;margin:0;padding:2px 7px;border:1px solid #999;border-bottom:none;background:#fff;overflow:hidden;cursor:pointer;z-index:100}
.al_item:last-child{border-bottom:1px solid #999}
.al_item:hover,.al_active{background:#3b5998;color:#fff}
/*share*/
.share{background:#c0c0c0;color:#888;letter-spacing:3px;border-top:1px solid #a4a4a4;padding:6px;font-size:9pt}
.share img{vertical-align:middle;*vertical-align:text-bottom}
/*Label*/
.label{display:table-cell;width:100%;text-align:center;vertical-align:middle}
.label a{color:#333}
/*News_Auto*/
.news_auto_box{margin-bottom:30px;padding:4px 8px;font-size:9pt;line-height:18px}
.news_auto_box td{vertical-align:top;padding:10px}
.news_auto_box img{width:80px;height:60px;border:1px solid #AEAEAE}
.news_auto_box a{font-weight:bold;display:block}
.news_auto_box .desc{font-size:8pt;color:#888}
/*User_Table*/
.user_table{cursor:default}
.user_table{width:100%;border:solid #ccc 1px;line-height:20px}
.user_table td,.user_table th{padding:4px;border:solid #ccc 1px;font-size:8pt !important}
.user_table th{background-color:#dce9f9;box-shadow:0 1px 0 rgba(255,255,255,.8) inset;height:40px;color:#444}
.user_table tr:hover{background:#fbf8e9}
/*Lightbox*/
#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 1000; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data { padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; direction: rtl; }
#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }
/*Grid*/
.grid{direction:rtl}
.grid a{color:#00709e;text-decoration:none}
.grid select,.grid textarea,.grid input{outline:none;font-family:Tahoma;font-size:10pt;padding:6px;border-radius:4px;width:200px;border:1px solid #bbb}
.grid input[type="text"],.grid input[type="password"]{text-align:center}
.grid input[type="submit"],.grid input[type="button"]{padding:6px 10px;width:auto;cursor:pointer;background:#328ae6;color:#fff;border:1px solid #0d569e;border-radius:2px}
.grid input[type="submit"],.grid input[type="button"]{vertical-align:middle;*vertical-align:text-bottom}/*button middle of text box in 1 line in ie8*/
.grid input[type="submit"]:hover,.grid input[type="button"]:hover{background:#2373d0}
.grid textarea{width:300px;height:80px}
.grid input[type="radio"],.grid input[type="checkbox"]{padding:0;width:auto}
.grid input.cancel{background:#efefef;color:#333;border:1px solid #9c9c9c}
.grid input.cancel:hover{background:#e4e4e4}

.grid .p{cursor:pointer}
.grid .url{direction:ltr}
.grid .hide{display:none}
.grid .fl{float:left}
.grid .fr{float:right}
.grid .al{text-align:left}
.grid .ar{text-align:right}
.grid .clr{clear:both;width:100%;height:0px;font-size:0px}

h1.grid_title{font-size:11pt}
div.grid_tools{direction:rtl;text-align:center;padding:10px;font-size:9pt;background:#ddd;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
div.grid_tools img{width:16px;height:16px;cursor:pointer;border:1px solid #ccc;margin:0 5px;padding:2px;border-radius:3px;vertical-align:middle;*vertical-align:text-bottom}

div#grid_box{font-size:9pt;font-family:Tahoma;margin:0 auto;width:100%;height:430px;overflow:hidden}
div#grid_lookup_data{display:none}

table.grid{width:100%;margin:5px auto;border-collapse:collapse;table-layout:fixed;font-size:10pt}
table.grid thead th{padding:4px;border:1px solid #fff;background:#0e91a1;color:#f9f9f9;width:100px;font-size:9pt;font-weight:normal}
table.grid thead th a{color:#8cfffe}
table.grid tfoot td{padding:4px;background:#00626e}
table.grid tbody td{padding:6px 4px;border:1px solid #fff;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
table.grid tbody tr{background:#ddd;color:#111}
table.grid tbody tr:hover{background:#555;color:#ddd}
table.grid tfoot tr{background:#555;color:#ddd;font-size:9pt}
table.grid tfoot tr.sum td{background:#888;border:1px solid #fff;color:#fff}
table.grid tfoot tr select{padding:0 6px;width:100px}
table.grid tfoot tr td a{color:#fff}
table.grid thead th:last-child{border-left:none}
table.grid tbody td:last-child{border-left:none}
table.grid tbody tr:hover a{color:#00b5ff}

table thead tr:first-child th:first-child{border-top-right-radius:4px}
table thead tr:first-child th:last-child{border-top-left-radius:4px}
table tfoot tr:last-child td:first-child{border-bottom-left-radius:4px}
table tfoot tr:last-child td:last-child{border-bottom-right-radius:4px}

div.mode {font-family:tahoma;font-size:9pt}div.mode textarea{padding:1px;width:90%;min-width:250px;border:1px solid #aaa;outline:none;height:90px}div.mode div.grid_tools{width:100%;background:#ddd;position:absolute;position:fixed;bottom:0;left:0;margin:auto;padding:4px;text-align:left}
div.mode div.edit_box{direction:rtl;overflow-y:auto;width:100%;margin:0 auto;height:340px}
div.mode div.edit_box table{/*width:500px;*/margin:5px auto;border-collapse:collapse;font-size:9pt;border:none}
div.mode div.edit_box table tr td{vertical-align:middle;padding:5px}
div.mode div.edit_box table tr td input{margin-top:4px}

select.grid_date_combo{width:85px}
/*Analytic*/
.ana_full_link{font-weight:bold;font-size:8pt;color:#ffffff}
/*Special_Design*/
.sp_color{color:#0e91a1}
.sp_head{margin-left:22px}
.sp_head_link_0,.sp_head_link_1{padding:2px 14px}
.sp_head_link_0{background:#f1693c;color:#fff;border-bottom:2px solid #c94727}
.sp_head_link_1{background:#eeeeee;color:#555555;border-bottom:2px solid #cccccc}
.sp_head_link_0:hover{background:#e56034}
div.head{height:auto;padding:30px 0}

.sp_menu,#cssmenu.sp_menu a ,.sp_menu_container{background:#0e91a1 !important}
.sp_menu_box .fr{margin-top:14px;color:#fff;cursor:auto;font-size:22pt}
#cssmenu.sp_menu{margin-top:29px;float:left;width:auto !important}
#cssmenu.sp_menu a {border-radius:4px;line-height:30px !important;font-size:13pt}
#cssmenu.sp_menu ul ul a {border-radius:0;padding:0 10px !important;border-bottom:1px solid #aaa !important;border-left:1px solid #aaa}
#cssmenu.sp_menu a:hover {background:#115963 !important}
.sp_menu_container{width:100%;height:90px}
.sp_panel_body_container,.sp_menu_box{width:1150px;margin:auto}

.sp_panel .sp_menu_container{height:70px}
.sp_panel .sp_menu_box .fr{margin-top:2px;margin-left:16px}
.sp_panel #cssmenu.sp_menu{margin-top:19px;float:left}
.sp_panel .account{float:left !important}
.sp_panel #cssmenu.sp_menu a.full_width{width:110px;border-radius:0 !important}
.sp_panel #cssmenu.sp_menu a.full_width img{position:absolute;top:10px;left:5px}
.sp_panel a.sp_head_link_0{margin-top:18px;display:inline-block}

.sp_panel{background:#f6f7f9}
.sp_panel_body_container table.sp_panel_table{width:100%;margin-top:20px;min-height:600px;table-layout:fixed}
table.sp_panel_table td{vertical-align:top}

.sp_panel_v_menu{width:250px}
.sp_panel_v_menu h1,.sp_panel_v_menu a,.sp_panel_v_menu h1 a:hover{color:#777}
.sp_panel_v_menu h1 a{border-bottom:1px solid #bbb;width:220px;padding-bottom:12px;margin-bottom:12px}
.sp_panel_v_menu a{padding-right:12px;display:block;margin-bottom:8px;font-size:10pt}
.sp_panel_v_menu a:hover{color:#222}
.sp_panel_v_menu a.active{padding-right:25px;color:#ff7000}

.sp_panel_body{background:#fff;box-shadow:0px 1px 2px #e2e2e2;border: solid 1px #e2e2e2;padding:10px;position:relative}
.sp_panel_body h1{font-size:13pt}
.sp_panel_body .sp_managment{position:absolute;top:2px;left:8px}
.sp_panel_body .sp_managment1{position:absolute;top:20px;left:8px}

.sp_panel_body div.grid_tools{position:relative !important}
.sp_panel_body div.edit_box{height:auto !important}
.sp_panel_body div.grid_tools{background:none !important;text-align:center !important}

.sp_panel_body h1{display:inline}
.sp_panel_body .ac{margin-top:20px}

.sp_footer .sp_footer_box{width:1150px;margin:auto}
.sp_footer{padding:30px 0;background:#f6f7f9}
.sp_footer_box{text-align:center}
.sp_footer a{color:#b0b5c2;font-size:9pt;display:inline-block;margin:0 5px}

.report_table_content{overflow-x:auto}
.report_table_content tr:hover{background:#eee}
.report_table_content tr td:hover{background:#ddd}
.report_table_content th, .report_table_content td { min-width: 80px; }
.report_table_content td { direction:ltr}
.report_table_content td.name { direction:rtl}

#finded_student *{color:#f1693c;font-size:12pt}

.sp_panel_body div.tab_content{height:auto !important}
/*Metro*/
.metro .title{position:absolute;bottom:5px;left:5px;color:#fff}
.metro .value{position:absolute;bottom:5px;right:5px;color:#fff;font-weight:bold;font-family:Tahoma !important}
.metro_box_0,.metro_box_1,.metro_box_2,
.metro_box_3,.metro_box_4,.metro_box_5,
.metro_box_6,.metro_box_7,.metro_box_8{ margin:1%;height:180px;float:left;position:relative;background-color:#0e91a1 !important}
.metro_box_0:hover,.metro_box_1:hover,.metro_box_2:hover,
.metro_box_3:hover,.metro_box_4:hover,.metro_box_5:hover,
.metro_box_6:hover,.metro_box_7:hover,.metro_box_8:hover{
-webkit-box-shadow: 0px 0px 23px 3px rgba(176,176,176,1);
-moz-box-shadow: 0px 0px 23px 3px rgba(176,176,176,1);
box-shadow: 0px 0px 23px 3px rgba(176,176,176,1);}
.metro_box_0 { width:23%;background:#2d89f0}
.metro_box_1 { width:23%;background:#e3a21a}
.metro_box_2 { width:46%;background:#bc1c48}
.metro_box_3 { width:23%;background:#005200}
.metro_box_4 { width:46%;background:#6b0040}
.metro_box_5 { width:23%;background:#6b4627}
.metro_box_6 { width:46%;background:#1c1c1c}
.metro_box_7 { width:23%;background:#7e5ca9}
.metro_box_8 { width:23%;background:#2d89f0}
.metro_bg_mail{background-image:url("../img/special_design/metro/mail.png");background-position:center center;background-repeat:no-repeat}
.metro_bg_school{background-image:url("../img/special_design/metro/school.png");background-position:center center;background-repeat:no-repeat}
.metro_bg_student{background-image:url("../img/special_design/metro/student.png");background-position:center center;background-repeat:no-repeat}
.metro_bg_consultant{background-image:url("../img/special_design/metro/consultant.png");background-position:center center;background-repeat:no-repeat}
.metro_bg_school_admin{background-image:url("../img/special_design/metro/manager.png");background-position:center center;background-repeat:no-repeat}
/*Treeview*/
.tree{direction:rtl;text-align:right}
.tree ul {list-style: none outside none}
.tree li a {line-height: 25px}
.tree > ul > li > a {
    color: #0e91a1;
    display: block;
    font-weight: normal;
    position: relative;
    text-decoration: none;
}
.tree li.parent > a {padding: 0 28px 0 0}
.tree li.parent > a span:before {
    background-image: url("../img/special_design/plus_minus_icons.png");
    background-position: 25px center;
     content: ""; 
    display: block;
    height: 21px;
    right: 0;
    position: absolute;
    top: 2px;
    vertical-align: middle;
    width: 23px;
}
.tree ul li.active > a span:before {background-position: 0 center}
.tree ul li ul {
    border-right: 1px solid #D9DADB;
    display: none;
    margin: 0 12px 0 0;
    overflow: hidden;
    padding: 0 25px 0 0;
}
.tree ul li ul li {position: relative}
.tree ul li ul li:before {
    border-bottom: 1px dashed #E2E2E3;
    content: "";
    right: -20px;
    position: absolute;
    top: 12px;
    width: 15px;
}

.tree li a{display:block}
.tree img{display:none}
.tree li a:hover img{display:inline-block}
.tree li a:hover img:hover{padding-bottom:4px}
/*choose kt*/
#choose_kt_box{margin:0 10px}
#choose_kt_box .choose_kt_items{margin:0 10px}
/*Steps Bar*/
.flexer,.progress-indicator{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}
.no-flexer,.progress-indicator.stacked{display:block}
.no-flexer-element{-ms-flex:0;-webkit-flex:0;-moz-flex:0;flex:0}
.flexer-element,.progress-indicator>li{-ms-flex:1;-webkit-flex:1;-moz-flex:1;flex:1;font-size:11pt}
.progress-indicator{margin:0 0 1em;padding:0;font-size:9pt;text-transform:uppercase}
.progress-indicator>li{list-style:none;text-align:center;width:auto;padding:0;margin:0;position:relative;text-overflow:ellipsis;color:#ccc;display:block}
.progress-indicator>li:hover{color:#6f6f6f}
.progress-indicator>li.completed,.progress-indicator>li.completed .bubble{color:#e6ab00}
.progress-indicator>li .bubble{border-radius:1000px;width:20px;height:20px;background-color:#ccc;display:block;margin:0 auto .5em;border-bottom:2px solid #888}
.progress-indicator>li .bubble:after,.progress-indicator>li .bubble:before{display:block;position:absolute;bottom:13px;width:100%;height:3px;content:'';background-color:#ccc}
.progress-indicator>li.completed .bubble,.progress-indicator>li.completed .bubble:after,.progress-indicator>li.completed .bubble:before{background-color:#ffbe00;border-color:#c94727}
.progress-indicator>li .bubble:before{left:0}
.progress-indicator>li .bubble:after{right:0}
.progress-indicator>li:first-child .bubble:after,.progress-indicator>li:first-child .bubble:before{width:50%;margin-right:50%}
.progress-indicator>li:last-child .bubble:after,.progress-indicator>li:last-child .bubble:before{width:50%;margin-left:50%}
.progress-indicator>li.active,.progress-indicator>li.active .bubble{color:#337AB7}
.progress-indicator>li.active .bubble,.progress-indicator>li.active .bubble:after,.progress-indicator>li.active .bubble:before{background-color:#337AB7;border-color:#122a3f}
.progress-indicator>li a:hover .bubble,.progress-indicator>li a:hover .bubble:after,.progress-indicator>li a:hover .bubble:before{background-color:#5671d0;border-color:#1f306e}
.progress-indicator>li a:hover .bubble{color:#5671d0}
.progress-indicator>li.danger .bubble,.progress-indicator>li.danger .bubble:after,.progress-indicator>li.danger .bubble:before{background-color:#d3140f;border-color:#440605}
.progress-indicator>li.danger .bubble{color:#d3140f}
.progress-indicator>li.warning .bubble,.progress-indicator>li.warning .bubble:after,.progress-indicator>li.warning .bubble:before{background-color:#edb10a;border-color:#5a4304}
.progress-indicator>li.warning .bubble{color:#edb10a}
.progress-indicator>li.info .bubble,.progress-indicator>li.info .bubble:after,.progress-indicator>li.info .bubble:before{background-color:#5b32d6;border-color:#25135d}
.progress-indicator>li.info .bubble{color:#5b32d6}
.progress-indicator.stacked>li{text-indent:-10px;text-align:center;display:block}
.progress-indicator.stacked>li .bubble:after,.progress-indicator.stacked>li .bubble:before{left:50%;margin-left:-1.5px;width:3px;height:100%}
.progress-indicator.stacked .stacked-text{position:relative;z-index:10;top:0;margin-left:60%!important;width:45%!important;display:inline-block;text-align:left;line-height:1.2em}
.progress-indicator.stacked>li a{border:none}
.progress-indicator.stacked.nocenter>li .bubble{margin-left:0;margin-right:0}
.progress-indicator.stacked.nocenter>li .bubble:after,.progress-indicator.stacked.nocenter>li .bubble:before{left:10px}
.progress-indicator.stacked.nocenter .stacked-text{width:auto!important;display:block;margin-left:40px!important}
@media handheld,screen and (max-width:400px){.progress-indicator{font-size:60%}}
.progress-indicator,.progress-indicator *{direction:rtl !important}
.steps_box{text-align:right;direction:rtl;
    overflow: hidden;
  /*height: 400px;*/
  white-space:nowrap;
           }
.steps_body{margin-top:40px;padding-top:40px;border-top:1px dashed #ddd;width:100%;height: 100%;
    display:inline-block;
    *display:inline;/* For IE7*/
    *zoom:1;/* For IE7*/
    vertical-align:top;
}
/*progress bar*/
.progress {
    direction:ltr;
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    position:relative;
}
/*.progress-bar-success {
    background-color: #5cb85c;
}*/

.progress-bar {
    float: right;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    /*background-color: #337ab7;*/
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}
.progress_value {position:absolute;top:0;left:0;right:0;bottom:0;text-align:center ;font-size: 12px;
    line-height: 20px;
    color: #333;}
/*course_program*/
.course_program { background:#396848;color:#fff}
  .course_program th,.course_program td {border:1px dashed #aaa;text-align:center;min-width:100px;vertical-align:middle !important;height:60px !important;direction:rtl;cursor:pointer}
  .course_program td:first-child {font-size:15px;cursor:default}
  .course_program tr:hover {background:#396848 !important}
  .course_program td:hover {background:#375a42 !important}
  .course_program .new_item{width:50px;min-width:50px;cursor:default}
  /*.course_program input[type="text"]{width:100%;height:30px;background:#396848;color:#fff;border:none;cursor:default}
  .course_program input[type="text"]:hover{background:#376345}
  .course_program input[type="text"]:focus{background:#33593f}*/
/*programming*/
#study_bar {position:fixed;top:110px;left:10px;
    width: 20px;
    height: 400px;
    /*overflow: hidden;*/
    background-color: #ddd;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    color:#ddd;
    display:none
     }
#study_bar_max { 
  text-align: center;font-size: 12px;
  position:absolute;top:-24px;left:0;right:0
}
#study_bar_fill { float: right;
    width: 100%;
    height :0;
    text-align: center;font-size: 9px;
    color: #fff;    
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
    position:absolute;
    left:0;
    bottom:0;
    border-radius: 4px;
}
/*Draggable Programming*/
#prog_box,#prog_box * { direction:rtl !important;text-align:right !important}
#prog_box { position: relative;
    width: 95%;
    padding: 1em;
    margin:auto
}
.prog_row {
  overflow: auto;
  /*border: 1px dotted #999;*/
  padding: 5px 0;
  margin: 2px;
  position: inherit !important;
  height:35px;
  /*width:106px;*/
  width:81px;
  float:right;
  overflow: hidden;
  border-radius:3px;
  box-shadow: 1px 1px 1px #888;
  background:#eee
}
#sortable_next_week { width: 95%; min-height: 150px; float: none; margin: auto auto 20px auto !important;overflow:hidden !important;overflow-y:auto !important}
  #sortable_next_week .prog_item { display:inline-block !important;margin:8px;float:right}
  /*.prog_row.bg { background: #eaeaea; }*/
.prog_item {width:65px;height:25px;background:#0e91a1;color:#fff;border-radius:4px;padding:2px 4px;margin:2px auto;cursor:move}
  .prog_item span { display:block;overflow:hidden;width:100%;height: 20px;}
  .prog_item:hover { background:#108896}
.prog_valid { box-shadow: 1px 1px 8px #080}
.prog_invalid_target { background:#cacaca}
.prog_invalid_target.prog_valid { box-shadow: 1px 1px 8px #800}

.fix_period_item {background:#1ca10e; }
.fix_period_item:hover {background:#1e9711; }
.leading_item {background:#9b8312; }
.leading_item:hover {background:#8c7717; }

.prog_day { margin-top:8px}
.day_title { color:#999;cursor:default;font-size:8pt}
/*Tooltip*/
.hover {position:relative;}
.tooltip { top: 4px;left:2px; background-color: black; color: white; border-radius: 5px; opacity: 0; position: absolute; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -ms-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s;cursor:pointer;padding:2px}
.hover:hover .tooltip { opacity: 1; }
/*Program Report*/
.prog_report_item { padding:10px 40px;border-bottom:1px solid #eee;position:relative}
  .prog_report_item:hover { background:#f4f4f4}
.prog_rep_confirm { position:absolute;bottom:0;left:5px;display:none;color:#0a0 }
  .prog_rep_confirm.confirm { display:block}
/*Calendar*/
#calaBox{direction:ltr;margin:auto;line-height:18px}
#calaBox table{width:100%;direction:rtl;border-collapse:collapse}
#calaBox table tr td{width:14%;text-align:right;padding:2px}
#calaBox .cal_body{line-height:18px}
  #calaBox .cal_body tr td { text-align: center; vertical-align: middle;  }
#calaBox .cal_body tr td div{position:relative;min-height: 60px;}
#calaBox .cal_body tr td *{cursor:default}
#calaBox .cal_body tr td:hover{background:#ccc}
#calaBox tr.day_title td{padding:10px 0}
#calaBox div.foreign div{font-size:7pt;font-weight:normal;color:#555;margin:auto}
#eventBox{font-size:11px;margin-top:5px;line-height:16px;height:34px;color:#444 !important}
#calaBox .alarm{position:absolute;top:1px;right:1px}
/*email*/
.em{width:100%;height:370px;background:#b2d5ee}
.em td{vertical-align:top}
.em_sidebar{width:140px;padding:5px 0}
.em_sidebar a{display:block;color:#000;margin:10px 0;padding:0 5px}
.em_sidebar a.active{font-size:8pt;font-weight:bold;border-right:2px solid #000}
.single_mail{padding:5px;line-height:23px}
#email_box{margin:10px 0 5px 5px;min-height:340px;border-top:1px solid #9fbfd5;background:#e8edf1;overflow:auto/*;overflow-y:scroll*/;overflow-x:hidden}
#email_box .mail{display:block;padding:8px 5px;color:#000;border-bottom:1px solid #e5e5e5;min-width:610px;height:32px;clear:both}
#email_box .mail span.title{border-left:1px solid #aaa;padding-left:4px;width:150px;line-height:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
#email_box a.mail_title{display:inline-block;max-width:410px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
#email_box .mail:hover{background:#ddd}
#email_box .mail a{color:#000}
#email_box .mail a.active{font-size:8pt;font-weight:bold}
.em_op{float:left;margin-left:8px;line-height:16px}
.mail .em_op{margin:6px 0 0 8px}
#email_box .em_op{display:none}
#email_box .mail:hover .em_op{display:inline}
#email_box span{text-align:right}
#email_box .date{color:#999;font-size:7pt;margin:6px 0 0 10px;width:65px/*;text-align:left*/}
.compose{padding:10px 20px;line-height:30px}
.compose input[type="text"]{width:150px}
.compose textarea{width:95%;height:140px}
.em_op{margin-left:5px;text-align:left}
a.private_talk{font-size:8pt;color:#557d00}