﻿body { direction: rtl; font-family:WeblogmaYekan, Tahoma; font-size: 16px; margin: 0px; color: #333; background-color:#f4f4f4; line-height: 100%; }
ul, ol { padding: 0px; margin: 0px; }
a { text-decoration: none; color: #3a67a8; }
a:hover { color: #f3ab7a; }
a:active { color:#f3ab7a; }
input, select, textarea { font-family: WeblogmaYekan, Tahoma; font-size: 18px; }
* { outline: none; }

@font-face { font-family: WeblogmaYekan, Tahoma ; src: url(Styles/FirstPage/Fonts/Yekan.ttf); }

.InnerPart { width: 990px; margin: 0px auto; }
.CLR { clear:both; }
.VET { vertical-align:top; }
.VEB { vertical-align:bottom; }
.OF { overflow:hidden; }
.WT { width:100%; }
.FLR { float:right; }
.FLL { float:left; }

.F1 { }
.F1 .Header { height:80px; background-color:#f3ab7a; background-image: url("../Images/Nav_BG.png"); box-shadow: 0px 0px 3px #444; }
.F1 .Header .Logo { float:right; }
.F1 .Header .Logo .POS { width:300px; height:80px; display:block; background-image: url("../Images/Header_Logo_2.png"); background-position:center; background-repeat:no-repeat; float:right; }
/*.F1 .Header .Logo*/ 
.F1 .Header .Logo a:hover { opacity: 0.8; filter: alpha(opacity=80); }
.F1 .Header .Logo a:active { opacity: 1; filter: alpha(opacity=100); }
.F1 .Header .Items { float:left; margin:18px 0px 0px 40px; }
.F1 .Header .Items a { display: block; font-size: 18px; color: #333; background-color:#eda26f; padding: 12px 14px 14px 38px; background-image: url("../Images/Icon_User.png"); background-position:10px 10px; background-repeat:no-repeat; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border:solid 1px #d58046; }
.F1 .Header .Items a:hover { background-color:#e5935c; border:solid 1px #cc773e; }
.F1 .Header .Flag { float:left; width:144px; height:80px; background-image: url("../Images/Header_Flag.png"); background-position:bottom; background-repeat:no-repeat; }
.F1 .Slideshow { height:319px; background-image: url("../Images/Slideshow_img_1.jpg"); background-position:center; background-repeat:no-repeat; }
.F1 .Slideshow .SDetailes { }
.F1 .Slideshow .SDetailes .SDTitle { max-width:580px; float:right; font-size:36px; color:#f4f4f4; margin:80px 20px 0px 0px; }
.F1 .Slideshow .SDetailes .SDTitle span { line-height:180%; background: none repeat scroll right -30px rgba(0, 0, 0, 0.7); padding:0px 10px 0px 10px; }
.F1 .Slideshow .SDCounter { width:540px; position:absolute; top:450px; }
.F1 .Slideshow .SDCounter ul { display: block; list-style-type: none; margin:0px; padding:0px; }
.F1 .Slideshow .SDCounter ul li { display: block; margin:0px; position: relative; float:left; }
.F1 .Slideshow .SDCounter ul li a { display: block; width:10px; height: 10px; border: 2px solid #3a67a8; border-radius: 50%; margin: 0 0 0 10px; }
.F1 .Slideshow .SDCounter ul li a:hover { background-color:#f3ab7a; border: 2px solid #f3ab7a; }
.F1 .Slideshow .SDCounter ul li a:active { background-color:#e79c69; border: 2px solid #e79c69; }
.F1 .Slideshow .SDCounter .SDActive { display: block; width:10px; height: 10px; border:none; background-color:#f3ab7a; border: 2px solid #f3ab7a; }

.F2 { }
.F2 .Content { min-height:450px; padding:30px 0px 40px 0px; }
.F2 .Content .Login { float:right; width:280px; }
.F2 .Content .Login .LoginTitle { font-size:20px; padding:20px 60px 30px 0px; background-image: url("../Images/Icon_Login.png"); background-position:234px 10px; background-repeat:no-repeat; border-bottom:solid 1px #999; }
.F2 .Content .Login .LoginBody { width:274px; margin:0px auto; background-color:#f4f4f4; border:solid 1px #f4f4f4; margin-top:30px; }
.F2 .Content .Login .LoginBody .Error { min-height: 34px; margin-bottom: 6px; font-size:14px; }
.F2 .Content .Login .LoginBody .ShowError { width: 276px; min-height: 24px; margin: 0px auto; color: #555; margin-bottom:10px; background-color: #fffccc; text-align: center; padding-top: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.F2 .Content .Login .LoginBody .LC { height:174px; }
.F2 .Content .Login .LoginBody .LC .Username { margin-bottom: 10px; float:right; }
.F2 .Content .Login .LoginBody .LC .Password { margin-bottom: 10px; float:right; }
.F2 .Content .Login .LoginBody .LC .Input { height: 40px; width: 252px; font-family:WeblogmaYekan !important; padding-right:20px; text-align: right; font-size: 18px; color: #888; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border:solid 1px #999; background-color:#fff;}
.F2 .Content .Login .LoginBody .LC .Input:hover { border:solid 1px #888; color: #bbb; }
.F2 .Content .Login .LoginBody .LC .Input:focus { border:solid 1px #3a67a8; }
.F2 .Content .Login .LoginBody .LC .Kapcha { float:right; margin-bottom: 10px; height:40px; width:272px; border:solid 1px #d6d6d6; background-color:#fff; }
.F2 .Content .Login .LoginBody .LC .Loginbtn {font-size:18pt;color:white;vertical-align:middle;text-align:center;cursor:pointer; padding-top:5px; height: 45px; width: 274px; background-color:#3a67a8; float:right; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.F2 .Content .Login .LoginBody .LC .Loginbtn:hover { background-color:#f3ab7a; }
.F2 .Content .Login .LoginBody .LC .Loginbtn:active { background-color:#e79c69; }
.F2 .Content .Login .LoginBody .LC .Loginbtn a { height:37px; display: block; text-align: center; color:#fff; font-size:34px; padding-top:12px; }
.F2 .Content .Login .LoginBody .LC .Loginbtn input { height:50px; display: block; text-align: center; color:#333; font-size:22px; width: 274px; }

.F2 .Content .Login .LoginBody .Links { float:right; margin:10px 0px 10px 0px; }
.F2 .Content .Login .LoginBody .Links .Register { float: right; margin-top:10px; }
.F2 .Content .Login .LoginBody .Links .Forget { clear:both; float: right; margin-top:30px; }
.F2 .Content .Login .LoginBody .Links .Request { clear:both; float: right; margin-top:10px; }
.F2 .Content .Login .LoginBody .Links .Request .Help { width:16px; height:16px; display:block; float:left; margin:2px 10px 0px 0px; background-image: url('../Images/Icon_Help.png'); }
.F2 .Content .News { float:right; width:620px; margin-right:90px; }
.F2 .Content .News .NewsTitle { font-size:20px; padding:20px 60px 30px 0px; background-image: url("../Images/Icon_News.png"); background-position:574px 10px; background-repeat:no-repeat; border-bottom:solid 1px #999; }
.F2 .Content .News .NewsTitle a { color:#fff; padding:10px 10px 0px 0px; font-size:16px; height: 30px; width: 110px; margin: 0px 0px 10px 10px; background-image: url('../Images/Icon_Archive.png'); background-repeat:no-repeat; background-position:10px 10px; background-color:#3a67a8; float:left; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.F2 .Content .News .NewsTitle a:hover { background-color:#f3ab7a; }
.F2 .Content .News .NewsTitle a:active { background-color:#e79c69; }
.F2 .Content .News .NewsBody { width:620px; min-height:150px; margin-top:20px; float:left; }
.F2 .Content .News .NewsBody .NewsItem { float:right; width:520px;}
.F2 .Content .News .NewsBody .NewsItem ul { padding-right:16px; }
.F2 .Content .News .NewsBody .NewsItem ul li { list-style-type: none; list-style-image: url('../Images/Bullet_Circle.png'); line-height: 36px; }
.F2 .Content .News .NewsBody .NewsItem ul li a { list-style-type: none; padding-right: 0px; }
.F2 .Content .News .NewsBody .NewsDate { width:100px; float:right; font-size:11px; }
.F2 .Content .News .NewsBody .NewsDate ul { padding-right:16px; }
.F2 .Content .News .NewsBody .NewsDate ul li { list-style-type: none; list-style-image: url('../Images/Icon_Calendar.png'); line-height: 36px; }

.F4 { background-color:#e8e7e6; background-image: url('../Images/Order_BG.png'); background-position:center; background-repeat:no-repeat; }
.F4 .Contact { min-height: 300px; }
.F4 .Contact .Logo { width:260px; height:200px; float:left; margin-top:30px; border:solid 1px #ccc;background-color:#888; }
.F4 .Contact .Message { float:right; margin-top:30px; }
.F4 .Contact .Message .Form { width:270px; float:left; clear:both; }
.F4 .Contact .Message .Form a { color:#888; padding:12px 4px 0px 0px; display:block; }
.F4 .Contact .Message .Form a:hover { color:#ffcc02; }
.F4 .Contact .Message .Form .Name { width:260px; height:32px; background-color:#fdfdfd; border:solid 1px #aaa; color:#bbbbbb; padding:0px 10px 0px 0px; margin-bottom:6px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.F4 .Contact .Message .Form .Text { width:260px; height:100px; background-color:#fdfdfd; border:solid 1px #aaa; color:#bbbbbb; padding:0px 10px 0px 0px; margin-bottom:10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.F4 .Contact .Message .Form .Messagebtn { width:140px; height:34px; background-color:#3a67a8; color:#fff; border:none; float:right;  background-repeat:no-repeat; background-image: url("../Images/Icon_btn_Send.png"); background-position:left; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.F4 .Contact .Message .Form .Messagebtn:hover { background-color:#f3ab7a; cursor:pointer; }
.F4 .Contact .Message .Form .Messagebtn:active { background-color:#e79c69; cursor:pointer; }

.F5 { height:70px; background-color:#000; color:#888; }
.F5 a { color:#fff; }
.F5 a:hover { color:#f3ab7a; }
.F5 .Footer { padding-top:26px;width:900px; }
.F5 .Footer .FLinks { float:right; }
.F5 .Footer .FLinks span { color:#444; margin:0px 6px 0px 6px; }
.F5 .Footer .Copyright { float:left;  font-family:Segoe UI; font-size:14px; }




/*@import url('reset.css');*/

/*@font-face {
 font-family: 'koodak';
 src: url('fonts/BKoodakBold.eot?#') format('eot'),
      url('fonts/BKoodakBold.woff') format('woff'),
      url('fonts/BKoodakBold.ttf') format('truetype');
}*/  


body
{
  
    font: 11pt tahoma; 
    /*text-align:center;
   background: #23374b url('images/bg.png');*/
}
.footer {
    margin-top : 10px;
    margin:0 auto;
    background-color: #000000;
    color: #ffffff;
    padding-top: 0px;
    padding-bottom: 0px;
    position:fixed;
    bottom:0;
    width:960px;
    border-top:1px solid blue;
}

/*a,a:link,a:hover,a:visited
{
    text-decoration:none;
    color:#2c3b51;
}*/
img 
{
    border:0px;
}
.main
{
  width:960px;
  margin:0 auto;
  overflow:hidden;
  text-align:right;
}
.maincenter
{
  width:940px;
  margin:0 auto;
  overflow:hidden;
  text-align:center;
  
}
.logindiv
{
    width:305px;
    margin:0 auto;
}
.logintitle
{
    border-radius:3px 3px 0 0;
    background:#3d8bd4 url('../Images/key.png') no-repeat right ;
    color:White;
    width:285px;
    height:22px;
    text-align:center;
    font:bold 13pt tahoma;
    line-height:1.3;
    padding-right:20px;
    margin:0 auto;
}
.logincontent
{
    border-radius:4px;
    background:white;
    width:305px;
    height:330px;
    text-align:center;
    font-size:8pt;
}
.wrapper
{
   margin:0 auto;
   margin-top:0px;
   overflow:hidden;
   position: relative;
}
.divDate
{
    background:url('../Images/DateBG.jpg') no-repeat right ;
    width:142px;
    height:24px;
    padding-top:3px;
    padding-right:1px;
}
.inputDay
{
    width:32px;text-align:center;border:0px;font-family:Tahoma;font-size:12px;
}
.inputMonth
{
    width:32px;text-align:center;border:0px;margin-left:8px;margin-right:8px;font-family:Tahoma;font-size:12px;
}
.inputYear
{
    width:50px;text-align:center;border:0px;font-family:Tahoma;font-size:12px;margin-right:6px;
}
.btn
{   
     background: #126b88;
     border-radius:4px 4px 4px 4px;
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#126b88', endColorstr='#29bbeb'); /* for IE */
     background: -webkit-gradient(linear, left top, left bottom, from(#126b88), to(#29bbeb)); /* for webkit browsers */
     background: -moz-linear-gradient(top,  #126b88,  #29bbeb); /* for firefox 3.6+ */
     color: #FFFFFF;
     height:22px;
     font:10pt tahoma;
     border:0;
     min-width:30px;
     cursor:pointer;
}

.btn:hover
{
    
    background-color: #29bbeb;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#29bbeb', endColorstr='#126b88'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#29bbeb), to(#126b88)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #29bbeb,  #126b88); /* for firefox 3.6+ */
  
}
.tbl{
    border-collapse: collapse;
}

.tblList{
    border-collapse: collapse;
    width:95%;
    margin:0px auto;
    direction:rtl;
}
.trHeader{
    height:27px;background-color:#cccccc;
}
.trList{
    background-color:#FFFFFF;
    padding-right:2px;
}
.trListAlt{
    background-color:#e4e0e0;
}
.tdList{
    text-align:right;
    border: 1px solid black;
    padding-right:2px;
}
.tdListHeader{
    text-align:right;
    font-weight: bold;
    border: 1px solid black;
    padding-right:2px;
}
.tdMenu{
    background-color:#126b88;color:white;height:40px;vertical-align:middle;text-align:center;cursor:pointer;font-weight:bold;
    padding-left:2px;padding-right:2px;
}
.tdMenu:hover{
    background-color:#63b6db;
}
.divMain 
{
    width: 938px;
    margin: 0 auto;
    overflow: hidden;
    min-height:800px;
	border-width:thin;
	border-color: #e5e5e5;
	border-style: solid;
	background-color: #e5e5e5;
    padding-right:10px;
    padding-left:10px;
    padding-top:20px;
    padding-bottom:20px;
    float: right;
    direction:rtl;
}

.Paging {width:100%;font-size:9pt;text-align:center;color:#fff;border-bottom:#dde2e1 1px solid;background:#686868;height:28px;margin: 0 auto;padding:0px;float: right;}
.Paging ul{margin:0px;list-style-type:none;-webkit-padding-start: 1px;}
.Paging li{float:left;padding-top:2px;padding-bottom:3px;overflow:hidden;white-space: nowrap;text-overflow : ellipsis;}
.Paging li a{color:#fff;}


.ListTitle {margin-top:2px;font-size:9pt;text-align:center;color:#fff;background:#FE8D09;direction:rtl;padding:5px;}
.ListTitle2 {margin-top:2px;font-size:9pt;text-align:center;color:#fff;background:#686868;direction:rtl;padding:5px;}

.ListColumnsHeader {width:100%;font-size:9pt;text-align:center;color:#fff;border-bottom:#dde2e1 1px solid;background:#686868;height:22px;margin: 0 auto;padding:0px;float: right;}
.ListColumnsHeader ul{margin:0px;list-style-type:none;-webkit-padding-start: 1px;}
.ListColumnsHeader li{float:left;padding-top:2px;padding-bottom:3px;overflow:hidden;white-space: nowrap;text-overflow : ellipsis;}
.ListColumnsHeader li a{color:#fff;}

.ListColumnsHeader2 {width:100%;font-size:9pt;text-align:center;color:#fff;border-bottom:#dde2e1 1px solid;background:#330ac3;height:22px;margin: 0 auto;padding:0px;float: right;}
.ListColumnsHeader2 ul{margin:0px;list-style-type:none;-webkit-padding-start: 1px;}
.ListColumnsHeader2 li{float:left;padding-top:2px;padding-bottom:3px;overflow:hidden;white-space: nowrap;text-overflow : ellipsis;}
.ListColumnsHeader2 li a{color:#fff;}

.ListRecords {width:100%;font-size:9pt;text-align:center;color:#000;border-bottom:#dde2e1 1px solid;background:#EBEBEB;height:22px;margin: 0 auto;padding:0px;float: right;}
.ListRecords ul{margin:0px;list-style-type:none;-webkit-padding-start: 1px;}
.ListRecords li{float:left;padding-top:2px;padding-bottom:3px;overflow:hidden;white-space: nowrap;text-overflow : ellipsis;}
.ListRecords li a{color:#000;}

.ListRecordsAlt {width:100%;font-size:9pt;text-align:center;color:#000;border-bottom:#dde2e1 1px solid;background:#FFFFFF;height:22px;margin: 0 auto;padding:0px;float: right;}
.ListRecordsAlt ul{margin:0px;list-style-type:none;-webkit-padding-start: 1px;}
.ListRecordsAlt li{float:left;padding-top:2px;padding-bottom:3px;overflow:hidden;white-space: nowrap;text-overflow : ellipsis;}
.ListRecordsAlt li a{color:#000;}

.ListRecordsEdited {width:100%;font-size:9pt;text-align:center;color:#000;border-bottom:#dde2e1 1px solid;background:#33CCFF;height:22px;margin: 0 auto;padding:0px;float: right;}
.ListRecordsEdited ul{margin:0px;list-style-type:none;-webkit-padding-start: 1px;}
.ListRecordsEdited li{float:left;padding-top:2px;padding-bottom:3px;overflow:hidden;white-space: nowrap;text-overflow : ellipsis;}
.ListRecordsEdited li a{color:#000;}

.ListRecordsError {width:100%;font-size:9pt;text-align:center;color:#000;border-bottom:#dde2e1 1px solid;background:#ff3366;height:22px;margin: 0 auto;padding:0px;float: right;}
.ListRecordsError ul{margin:0px;list-style-type:none;-webkit-padding-start: 1px;}
.ListRecordsError li{float:left;padding-top:2px;padding-bottom:3px;overflow:hidden;white-space: nowrap;text-overflow : ellipsis;}
.ListRecordsError li a{color:#000;}

.divContent
{
    height: 100%;
    background-color: rgb(219, 219, 219);
    overflow: hidden;
    padding-bottom: 50px;
}

ul, menu, dir {
display: block;
list-style-type: disc;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 2px;
}

input, select
{
    width: 300px;font-family:inherit; 
}
input[type="button"]
{
    width: 120px;
}
input[type="checkbox"]
{
    width: 25px;
}
.OrangeBox
{
	background-color: #ffeecf;
	border: solid 1px #FE8D09;
	line-height: 18px;
	font-size: 10px;
    display: table;
    margin: 0 auto;
}
.OrangeBox .boxtitle
{
	background-color:#FE8D09;
	border: 0px;
	line-height: 18px;
	font-size: 11px;
    text-align:center;
    color:white;
    width:100%;
    margin-bottom:5px;
}
.BlueBox
{
	background-color: #C8D5F0;
	border: solid 1px #8b9bc4;
	line-height: 18px;
	font-size: 10px;
    display: table;
    margin: 0 auto;
}
.BlueBox .boxtitle
{
	background-color:#0d4dc2;
	border: 0px;
	line-height: 18px;
	font-size: 11px;
    text-align:center;
    color:white;
    width:100%;
    margin-bottom:5px;
}

.BlueBox ul,.OrangeBox ul{margin:0;padding:0;list-style-type:none}
.BlueBox li,.OrangeBox  li{padding:2px 0 2px 0px;float:left;}
.BlueBox .liLeft,.OrangeBox .liLeft {padding:4px 0 2px 0px;text-align:left;float:left;overflow:hidden;white-space: nowrap;text-overflow : ellipsis;}
.BlueBox .liRight,.OrangeBox .liRight {padding:2px 0 2px 0px;text-align:right;float:left;overflow:hidden;white-space: nowrap;text-overflow : ellipsis;}
.BlueBox .liCenter,.OrangeBox .liCenter {padding:2px 0 2px 0px;text-align:center;float:left;overflow:hidden;white-space: nowrap;text-overflow : ellipsis;}
.BlueBox .divError,.OrangeBox .divError {width:80%;margin:0 auto;background-color:#ff0000;color:#ffff00;padding:4px 4px 4px 4px;text-align:right;overflow:hidden;white-space: nowrap;text-overflow : ellipsis;}

.NormalLi{
	color:#000000;
	background-color:transparent;
	cursor:default;
}
.SelectedLi{
	color:#FFFFFF;
	background-color:#3340CB;
	cursor:default;
    padding-right : 4px;
    padding-left : 4px;
}


.ui-helper-clearfix{display:block}
.ui-icon{background:no;display:block;overflow:hidden;text-indent:-99999px}
.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Tahoma;font-size:11px}
.ui-widget-content{background:#fff 50% bottom repeat-x;border:1px solid #dedede;color:#222}
.ui-widget{}
.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{}
.ui-widget-content{background:#ffffff;color:#222222}
.ui-widget-content a{color:#222222}
.ui-widget-header{background: #63b6db; /* Old browsers */
background: -moz-linear-gradient(top,  #63b6db 0%, #309dcf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#63b6db), color-stop(100%,#309dcf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #63b6db 0%,#309dcf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #63b6db 0%,#309dcf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #63b6db 0%,#309dcf 100%); /* IE10+ */
background: linear-gradient(to bottom,  #63b6db 0%,#309dcf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63b6db', endColorstr='#309dcf',GradientType=0 ); /* IE6-9 */
color:#ffffff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.ui-widget-header a{color:#ffffff}
.ui-state-default,.ui-widget-content .ui-state-default{background:#444444;border:1px solid #222222;color:#cccccc;font-weight:bold}
.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#ffffff;text-decoration:none}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus{background:#555555;border:1px solid #222222;color:#eeeeee}
.ui-state-hover a,.ui-state-hover a:hover{color:#875b1d;text-decoration:none}
.ui-state-active,.ui-widget-content .ui-state-active{background:#cc995c;border:1px solid #cc6600;color:#ffffff}
.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#e17009;text-decoration:none}
.ui-widget:active{outline:none}
.ui-state-error{background:#fef1ec 50% 50% repeat-x;border:1px solid #cd530a;color:#cd530a}
.ui-icon-close{background:url(../Images/close.png) no-repeat}
.ui-icon-closethick{background:url(../Images/close.png) no-repeat}
.ui-button .ui-button-text{display:block;line-height:1.4}
.ui-button-text-only .ui-button-text{padding:.4em .8em}
input.ui-button{padding:.4em 1em}
.ui-button-set{margin-right:7px}
.ui-button-set .ui-button{margin-left:0;margin-right:-.3em}
.ui-dialog{background:#f9f9f9;overflow:hidden;position:absolute;border:1px solid #cccccc;width:300px;box-shadow:0px 0px 8px rgba(0, 0, 0, 0.1);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.ui-dialog .ui-dialog-titlebar{padding:3px 7px 3px 0;margin:2px;position:relative;min-height:15px}
.ui-dialog .ui-dialog-title{float:right;margin:.1em 4px .2em 0}
.ui-dialog .ui-dialog-titlebar-close{height:18px;margin:-10px 0 0 0;padding:1px;position:absolute;left:.5em;top:50%;width:19px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.ui-dialog .ui-dialog-titlebar-close span{display:block;margin:1px}
.ui-dialog .ui-dialog-titlebar-close:hover,.ui-dialog .ui-dialog-titlebar-close:focus{background:#f3a303;border-color:#ffd100;padding:0}
.ui-dialog .ui-dialog-content{direction:rtl;background:none;border:0;overflow:none;padding:.5em 1em;position:relative;zoom:1}
.ui-dialog .ui-dialog-buttonpane{ font-family:Tahoma; background:#dddddd;border-top:1px solid #cccccc;margin:.5em 0 0 0;padding:.3em 1em .5em .4em;text-align:right}
.ui-dialog .ui-dialog-buttonpane button{font-family:Tahoma;cursor:pointer;float:right;line-height:1.4em;margin:.5em .4em .5em 0;overflow:visible;padding:.2em .6em .3em .6em;width:auto}
.ui-dialog .ui-resizable-se{bottom:3px;height:14px;right:3px;width:14px}
.ui-draggable .ui-dialog-titlebar{cursor:move}



.ui-dialog-content ul{margin:0;padding:0;list-style-type:none}
.ui-dialog-content  li{padding:2px 0 2px 0px;float:left;}
.ui-dialog-content .liLeft {padding:4px 2px 2px 2px;text-align:left;float:left;overflow:hidden;white-space: nowrap;text-overflow : ellipsis;}
.ui-dialog-content .liRight {padding:2px 0 2px 0px;text-align:right;float:left;overflow:hidden;white-space: nowrap;text-overflow : ellipsis;font-size:small;}
.ui-dialog-content .liCenter {padding:2px 0 2px 0px;text-align:center;float:left;overflow:hidden;white-space: nowrap;text-overflow : ellipsis;}



.page
{
    width: 960px;
    background-color: #fff;
    margin: 0px auto 0px auto;
    border: 1px solid #496077;
    background-color: #fff;
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.mainForMenu{
    width: 960px;
}

#menu {
	list-style:none;
	width:920px;
	margin:0px auto 0px auto;
	height:43px;
	padding:0px 20px 0px 20px;

	/* Rounded Corners */
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

	/* Background color and gradients */
	
	background: #014464;
	background: -moz-linear-gradient(top, #0272a7, #013953);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953));
	
	/* Borders */
	
	border: 1px solid #002232;

	-moz-box-shadow:inset 0px 0px 1px #edf9ff;
	-webkit-box-shadow:inset 0px 0px 1px #edf9ff;
	box-shadow:inset 0px 0px 1px #edf9ff;
}

#menu li {
	float:left;
	display:block;
	text-align:center;
	position:relative;
	padding: 4px 10px 4px 10px;
	margin-right:30px;
	margin-top:7px;
	border:none;
}

#menu li:hover {
	border: 1px solid #777777;
	padding: 4px 9px 4px 9px;
	
	/* Background color and gradients */
	
	background: #F4F4F4;
	background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));
	
	/* Rounded corners */
	
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}

#menu li a {
	font-family:Tahoma, Helvetica, sans-serif;
	font-size:14px; 
	color: #EEEEEE;
	display:block;
	outline:0;
	text-decoration:none;
	text-shadow: 1px 1px 1px #000;
}

#menu li:hover a {
	color:#161616;
	text-shadow: 1px 1px 1px #ffffff;
}
#menu li .drop {
	padding-right:21px;
	background:url("../Images/drop.png") no-repeat right 8px;
}
#menu li:hover .drop {
	background:url("../Images/drop.png") no-repeat right 7px;
}

.dropdown_1column, 
.dropdown_2columns, 
.dropdown_3columns, 
.dropdown_4columns,
.dropdown_5columns {
	margin:4px auto;
	float:left;
	position:absolute;
	left:-999em; /* Hides the drop down */
	text-align:right;
    direction:rtl;
	padding:10px 5px 10px 5px;
	border:1px solid #777777;
	border-top:none;
	
	/* Gradient background */
	background:#F4F4F4;
	background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));

	/* Rounded Corners */
	-moz-border-radius: 0px 5px 5px 5px;
	-webkit-border-radius: 0px 5px 5px 5px;
	border-radius: 0px 5px 5px 5px;
    z-index: 1000;
}

.dropdown_1column {width: 140px;}
.dropdown_2columns {width: 280px;}
.dropdown_3columns {width: 420px;}
.dropdown_4columns {width: 560px;}
.dropdown_5columns {width: 700px;}

#menu li:hover .dropdown_1column, 
#menu li:hover .dropdown_2columns, 
#menu li:hover .dropdown_3columns,
#menu li:hover .dropdown_4columns,
#menu li:hover .dropdown_5columns {
	left:-1px;
	top:auto;
}

.col_1,
.col_2,
.col_3,
.col_4,
.col_5 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
    direction:rtl;
}
.col_1 {width:130px;}
.col_2 {width:270px;}
.col_3 {width:95%;}
.col_4 {width:550px;}
.col_5 {width:690px;}

#menu .menu_right {
	float:right;
	margin-right:0px;
}
#menu li .align_right {
	/* Rounded Corners */
	-moz-border-radius: 5px 0px 5px 5px;
    -webkit-border-radius: 5px 0px 5px 5px;
    border-radius: 5px 0px 5px 5px;
}

#menu li:hover .align_right {
	left:auto;
	right:-1px;
	top:auto;
}

#menu p, #menu h2, #menu h3, #menu ul li {
	font-family:Tahoma, Helvetica, sans-serif;
	line-height:21px;
	font-size:12px;
	text-align:right;
	text-shadow: 1px 1px 1px #FFFFFF;
}
#menu h2 {
	font-size:21px;
	font-weight:400;
	letter-spacing:-1px;
	margin:7px 0 14px 0;
	padding-bottom:14px;
	border-bottom:1px solid #666666;
}
#menu h3 {
	font-size:14px;
	margin:7px 0 14px 0;
	padding-bottom:7px;
	border-bottom:1px solid #888888;
}
#menu p {
	line-height:18px;
	margin:0 0 10px 0;
}

#menu li:hover div a {
	font-size:12px;
	color:#015b86;
}
#menu li:hover div a:hover {
	color:#029feb;
}


.strong {
	font-weight:bold;
}
.italic {
	font-style:italic;
}

.imgshadow { /* Better style on light background */
	background:#FFFFFF;
	padding:4px;
	border:1px solid #777777;
	margin-top:5px;
	-moz-box-shadow:0px 0px 5px #666666;
	-webkit-box-shadow:0px 0px 5px #666666;
	box-shadow:0px 0px 5px #666666;
}
.img_left { /* Image sticks to the left */
	width:auto;
	float:right;
	margin:5px 15px 5px 5px;
}

#menu li .black_box {
	background-color:#333333;
	color: #eeeeee;
	text-shadow: 1px 1px 1px #000;
	padding:4px 6px 4px 6px;

	/* Rounded Corners */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

	/* Shadow */
	-webkit-box-shadow:inset 0 0 3px #000000;
	-moz-box-shadow:inset 0 0 3px #000000;
	box-shadow:inset 0 0 3px #000000;
}

#menu li ul {
	list-style:none;
	padding:0;
	margin:0 0 12px 0;
}
#menu li ul li {
	font-size:12px;
	line-height:24px;
	position:relative;
	text-shadow: 1px 1px 1px #ffffff;
	padding:0;
	margin:0;
	float:none;
	text-align:right;
    direction:rtl;
	width:130px;
}
#menu li ul li:hover {
	background:none;
	border:none;
	padding:0;
	margin:0;
}

#menu li .greybox li {
	background:#F4F4F4;
	border:1px solid #bbbbbb;
	margin:0px 0px 4px 0px;
	padding:4px 6px 4px 6px;
	width:116px;

	/* Rounded Corners */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
#menu li .greybox li:hover {
	background:#ffffff;
	border:1px solid #aaaaaa;
	padding:4px 6px 4px 6px;
	margin:0px 0px 4px 0px;
}
#menu li .greybox2 li {
	background:#F4F4F4;
	border:1px solid #bbbbbb;
	margin:0px 0px 4px 0px;
	padding:4px 6px 4px 6px;
	width:220px;

	/* Rounded Corners */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
#menu li .greybox2 li:hover {
	background:#ffffff;
	border:1px solid #aaaaaa;
	padding:4px 6px 4px 6px;
	margin:0px 0px 4px 0px;
}
.DivComboBox {
    width:204px;
    height:20px;
    background-color:white;
    border-radius:3px;
    font-family:Tahoma;
    text-align:right;
    position:relative;
    font-size:9pt;
    border:1px solid #adadad;
    
}
    .DivComboBox img {
        position:absolute;
        left:7px;
        top:8px;
    }
.spnload {
    position:absolute;
    top:12px;
    left:19px;
}
    .DivComboBox:hover {
        background-color:#ebebeb;
        cursor:pointer;
    }
.txt_serach {
    box-shadow:0 0 7px #21669d;
    height:29px;
    width:170px;
    font-family:Tahoma;
    direction:rtl;
    margin-top:10px;
    border-radius:5px;
    border:1px solid #21669d;
}
.DivMainCombo {
    position:relative;
    top:5px;
   
    width:204px;
    box-shadow:0 0 10px #d4d4d4;
    border-radius:5px;
    border:1px solid #d9d9d9;
    display:none;
}
.DivComboItem {
    direction:rtl;
    font-family:Tahoma;
    font-size:9pt;
    padding-right:10px;
    padding-top:10px;
    height:133px;
    overflow-x:hidden;
    overflow-y:auto;
    
}
.DivTitleCombo {
    width: 204px;
    height:36px;
    word-break:break-all;
    -moz-word-break:break-all;
    -o-word-break:break-all;
    -ms-word-break:break-all;
    -webkit-word-break:break-all;
}
.DivTitleCombo:hover {
    background-color: #428bca;
    cursor: pointer;
    color:white;
}

.OrdOrangeBox
{
	background-color: #ffeecf;
	border: solid 1px #FE8D09;
	line-height: 18px;
	font-size: 10px;
display:inline;
margin: 0auto;
}
.OrdOrangeBox.boxtitle
{
	background-color:#FE8D09;
	border: 0px;
	line-height: 18px;
	font-size: 11px;
text-align:center;
color:white;
width:100%;
margin-bottom:5px;
}
.OrdOrangeBoxul{margin:0;padding:0;list-style-type:none}
.OrdOrangeBoxli{padding:0px;float:left;}
.OrdOrangeBox.liLeft {padding:0px;text-align:left;float:left;overflow:hidden;white-space: nowrap;text-overflow : ellipsis;}
.OrdOrangeBox.liRight {padding:0px;text-align:right;float:left;overflow:hidden;white-space: nowrap;text-overflow : ellipsis;}
.OrdOrangeBox.liCenter {padding:2px 02px 0px;text-align:center;float:left;overflow:hidden;white-space: nowrap;text-overflow : ellipsis;}
.OrdOrangeBox.divError {width:80%;margin:0auto;background-color:#ff0000;color:#ffff00;padding:4px 4px 4px 4px;text-align:right;overflow:hidden;white-space: nowrap;text-overflow : ellipsis;}

/* new menu*/

#nav {padding:0; margin-right:5px; list-style:none; height:36px; background:#fff; position:relative; z-index:500; font-family:tahoma, arial, sans-serif;direction:rtl;}
#nav li.top {display:block; float:right;}
#nav li span.down {float:left; display:block; padding:0 12px 0 24px; height:36px; background:url(../Images/blanka.gif) no-repeat left top;
                   line-height:27px; color:#ccc; text-decoration:none; font-size:10px; font-weight:bold;cursor:pointer;}
#nav li span.empty {float:left; display:block; padding:0px; height:36px; background:url(../Images/blank.gif) no-repeat left top;
                   line-height:27px; color:#ccc; text-decoration:none; font-size:10px; font-weight:bold;}
#nav li span.down:hover {color:#fff; background: url(../Images/blank_over.gif) no-repeat;}
#nav li span.down:hover span {background:url(blank_over.gif) no-repeat left top;}
#nav li span.down:hover span.down {background:url(../Images/blank_overa.gif) no-repeat left top;}

#nav li:hover > span.down {color:#fff; background: url(../Images/blank_over.gif) no-repeat;}
#nav li:hover > span.down span {background:url(../Images/blank_over.gif) no-repeat left top;}
#nav li:hover > span.down span.down {background:url(../Images/blank_overa.gif) no-repeat left top;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
#nav ul, 
#nav li:hover ul ul,
#nav li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover ul.sub
{right:0; top:31px; background: #fff; padding:3px; border:1px solid #3a93d2; white-space:nowrap; width:130px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:right; width:130px; font-weight:normal;}

#nav li:hover ul.sub li a.navLink
{display:block; font-size:11px; height:20px; width:130px; line-height:20px; text-indent:5px; color:#000; text-decoration:none;text-overflow : ellipsis;overflow:hidden;text-align:right;}

#nav li ul.sub li span.fly
{background:#fff url(../Images/arrow.gif) 5px 7px no-repeat;text-overflow : ellipsis;overflow:hidden;text-align:right;
 display:block; font-size:11px; height:20px; width:130px; line-height:20px; text-indent:5px; color:#000;
}
#nav li:hover ul.sub li a:hover 
{background:#3a93d2; color:#fff;}
#nav li:hover ul.sub li span.fly:hover
{background:#3a93d2 url(../Images/arrow_over.gif) 5px 7px no-repeat; color:#fff;text-overflow : ellipsis;overflow:hidden;text-align:right;}

#nav li:hover ul li:hover > span.fly {background:#3a93d2 url(../Images/arrow_over.gif) 5px 7px no-repeat; color:#fff;text-overflow : ellipsis;overflow:hidden;text-align:right;} 

#nav li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul
{right:130px; top:-4px; background: #fff; padding:3px; border:1px solid #3a93d2; white-space:nowrap; width:130px; z-index:400; height:auto;}
/* end of new menu*/



    .modal
    {
       width:100%;
       height:100%;
       position:fixed;
       background-color:rgba(0,0,0,0.7); 
       top:0px;
       z-index:53654433545;
       display:none;
       line-height: 500px;
       text-align:center;
       color:Red;

    }