@font-face {
  font-family: 'BKoodakBold';
  src: url('fonts/BKoodakBold.eot?#') format('eot'),  /* IE6–8 */
       url('fonts/BKoodakBold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('fonts/BKoodakBold.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
  font-family: 'BYekan';
  src: url('fonts/BYekan.eot?#') format('eot'),  /* IE6–8 */
       url('fonts/BYekan.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('fonts/BYekan.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
  font-family: 'BTraffic';
  src: url('fonts/BTraffic.eot?#') format('eot'),  /* IE6–8 */
       url('fonts/BTraffic.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('fonts/BTraffic.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
@font-face {
  font-family: 'BTitr';
  src: url('fonts/BTitrBold.eot?#') format('eot'),  /* IE6–8 */
       url('fonts/BTitrBold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('fonts/BTitrBold.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}


/* -- Basics -- */
html, body, div, 
p, li, ul, ol, 
form, fieldset, 
h1, h2, h3, h4, h5, h6  { margin: 0; padding: 0; list-style: none;  }

body					{ font: normal 62.8%/1.3 BYekan,tahoma,sans-serif;  background: #0A381B url('../images/bg-body.jpg') repeat-x; color: #585c5e; padding: 70px 0px 15px 0px; }
a				        {text-decoration: none; color: #148d04; }
a:hover					{ text-decoration:underline !important; color: #000;}
a img   				{ border: 0; vertical-align:middle; }
img						{ border-style: none}
input,
select,
textarea				{ font-family: BYekan, tahoma; font-size: 1em; vertical-align: middle; padding:2px; margin: 5px;}

h1, h2, h3, h4, h5, h6  { color: #024877; }
table					{ border-collapse: collapse; }
table td,
table th				{ border: 0px #d8d8d8 solid;}/* padding: 0px; }*/

/* -- User friendly features -- */
.hidden					{ display: none; }

/* -- Basics layout -- */
#view					{ width: 962px; margin: 0 auto; }
#head					{ font-size: 1.3em; }
#content				{ font-size: 1.2em; }
#foot					{ font-size: 1em; clear: both; }
#personal				{ background-color: #ecf8ff; padding:10px 20px 10px 20px}
#personal table tr		{ height:30px;}
#personal table td		{ padding:5px;}


/* -- Logo constructs -- */
#main					{ position: relative; padding-left: 10px; padding-right: 10px; height:30px}
#main h1				{ color: #ddd; text-decoration: none; font-weight: normal; font-size: 1.2em; font-weight:bold; padding-left: 2px; margin-top: 7px; }

/* -- Main classes -- */
.fr						{ float: right !important; }
.fl						{ float: left !important; }
.clear					{ clear: both !important; }
.waitbox				{ z-index: 1001; 	background-color: #CF4342; color: #fff; height: 25px; width: 150px; text-align: center; vertical-align: middle;	position: fixed; top: 0; left: 45%;}
.transbox				{ background-color: #000000; border: 1px solid black; /* for IE */ filter: alpha(opacity=30); /* CSS3 standard */ opacity: 0.3;z-index: 1000; color: #fff; height: 100%; width: 100%;	position: fixed; top: 0; left: 0;}
.center					{ margin:auto;text-align:center;}
.red					{ color:#CC0000; } 
.blue					{ color:#8bcced; }
.green					{ color: #009933}
.bold					{ font-weight:bold; }
.large					{ font-size:1.1em; }
.stat					{ position: relative;z-index:-100;}
.yellow					{ background-color: #FFFF00; }
.underline				{ text-decoration: underline;    }
.stdTable table td		{ border: 1px #CCCCCC solid;}
.tbHeader				{ background-color: #3399FF; color:White; }
.tbRow					{ background-color: #D5EAFF; }
.noprint				{ display:block; }
.title					{ background-color: #f6f5f1; border: 1px solid #bdb6b2; margin: 12px 0px 8px; padding-right: 7px; line-height: 22px;}
.cssbtn					{ border: 1px solid #00803c; font-size: 16px; height: 38px;  cursor:pointer;  padding-left: 8px;  padding-right: 8px; margin-top: 10px; width: 125px;}
.cssbtn2				{ border: 1px solid #00803c; font-weight: bold; font-size: 11px; height: 25px;  cursor:pointer;  padding-left: 8px;  padding-right: 8px; margin-top: 10px; min-width: 100px;}
.ProntForm				{ float:none;}
.loginPanel				{ padding: 20px;	margin: 0px auto 10px auto;border: 1px solid #808080;	width: 360px;background-color: #dbdcdc;	text-align:center;}
.titr					{ font-family:BTitr; font-size: 30px}
.validation_list ul		{ display: none; }
td.register				{border-top-style:dotted;border-top-color:#C6DF60;border-top-width:1px;}


/* -- Layout constructs -- */
#logo						{ position: relative; width: 100%; height: 232px; overflow: hidden; background: #398db9 url('../images/bg-logo.jpg') 0 0 no-repeat}
#content					{ width: 100%; height: 100%; background: #fff ; direction:rtl }

#contentBlock				{ position: relative; left: 1px; width: 882px; min-height: 250px; padding:20px 40px 20px 40px; }
#contentBlock .list			{ font-size:1.1em; color: #014679; padding: 10px; border-bottom: 1px #dff1f9 solid; background-color: #ecf8ff; width: 600px; text-align:justify;}
#contentBlock .adv			{ font-size:0.95em; color: #014679; background-color: #ffffff; float:left; padding:10px 10px 10px 0px; display:inline; height: 150px;	width: 240px;}
#contentBlock .adv img		{ border-style:solid; border-width:1px; border-bottom-color:Black  !important;}
#contentBlock .header		{ color: #FF5050;font-weight: bold;padding-bottom:5px;text-align: center;}
#contentBlock h3			{ font-size:1.3em;  margin-top:25px}
#contentBlock .list li li	{ list-style: none; position: relative; font-weight:normal; margin-left:3px; float: right;line-height:1em; }
#contentBlock .list li		{ list-style:disc Inside ; color: #014679; font-weight:bold; margin-left:0px; line-height:1.5em} 
#contentBlock .list li a	{ color: #148d04;} 


#contentBlock2				{ position: relative; left: 1px; width: 882px; min-height: 250px; padding:20px 40px 20px 40px; }
#contentBlock2 .list		{ font-size:1.1em; color: #014679; padding: 10px; border-bottom: 1px #dff1f9 solid; background-color: #ecf8ff; width: 600px; text-align:justify;}
#contentBlock2 .adv			{ font-size:0.95em; color: #014679; background-color: #ffffff; float:left; padding:10px 10px 10px 0px; display:inline; height: 150px;	width: 240px;}
#contentBlock2 .adv img		{ height:70px; width:60px; text-align:right;}
#contentBlock2 .header		{color: #FF5050;font-weight: bold;padding-bottom:5px;text-align: center;}
#contentBlock2 h3			{ font-size:1.3em;  margin-top:25px}
#contentBlock2 .list li li	{ list-style: none; position: relative; font-weight:normal; margin-left:3px; float: right;line-height:1em; }
#contentBlock2 .list li		{ list-style:disc Inside ; color: #014679; font-weight:bold; margin-left:0px; line-height:1.5em} 
#contentBlock2 .list li a	{ color: #148d04;} 

	
#helptitle					{ font-size: 1.7em; color: #fff ; direction:rtl; }
#help						{ font-size: 1.2em; position: relative; background: #fff ; direction:rtl; padding:20px; max-width:700px; }


#mainMenu						{ height: 46px; position:relative; float:none; margin:0 auto 0; direction:rtl; z-index:1000; display:block; list-style:none;	color:#FFFFFF; background: #0f2132 url('../images/bg-menu.gif') no-repeat; width:100%; }
#mainMenu a						{ text-decoration:none;z-index:1001;}
#mainMenu ul					{ position: relative; height: 100%;}
#mainMenu li 					{ position: relative; float: right; list-style:none; margin:0; padding:0; min-width: 81px; text-align: center; }
#mainMenu li a:link,
#mainMenu li a:visited,
#mainMenu li a:hover			{ display:block; margin:0; padding:15px 5px; color:#FFFFFF; background-color:#0f2132;}
#mainMenu ul ul li a:link,
#mainMenu ul ul li a:visited	{ border:none; font-weight:normal; }
#mainMenu li.last a				{ margin-right:0; }
#mainMenu li a:hover			{ color:#FFFFFF; background-color:#059BD8;}
#mainMenu ul li.active a		{ color:#8CE2FF; font-weight:bold;}
#mainMenu li li a:link,
#mainMenu li li a:visited		{ text-align:right; min-width:150px; float:none; margin:0; padding:7px 10px; color:#FFFFFF; background-color:#0f2132;	}
#mainMenu li li a:hover			{ color:#FFFFFF; background-color:#059BD8; }
#mainMenu li ul					{ background:#FFFFFF; z-index:9999; position:absolute; left:-999em; height:auto; width:170px; }
#mainMenu li ul a				{ width:140px;}
#mainMenu li ul ul				{ margin:-32px 0 0 0;}
#mainMenu li:hover ul ul		{ left:-999em;}
#mainMenu li:hover ul, 
#mainMenu li li:hover ul		{ left:auto; *position:relative}
#mainMenu li:hover				{ position:static;}
#mainMenu li.last a				{ margin-right:0;}

/* -- Footer part -- */
#foot							{ direction: rtl; height: 54px; background: #040622 url('../images/bg-foot.gif') no-repeat; }
#foot p							{ padding: 20px 20px 0; }
#foot *							{ color: #fff; }
#foot a							{text-decoration:none;}
#foot a:hover					{ color: #fff; }

#Pager a:hover					{ text-decoration:none; }
#ProSet							{ background: #DFEFFF;display: block; padding: 10px;}

/* -- steps -- */
#pbar				{ margin: 0px 1px 0px 5px; height: 22px; font-size: 10px; line-height: 18px;}
#pbar table			{ direction:rtl;}
#progressBar p		{ font-weight: bold; padding: 2px 0; text-align: center;}
#step_0 p			{ padding: 2px 0;}
#steps				{ background-color: #c7c8cc; padding: 0px 1px 0px 1px;}
#pbarS				{ margin: 0px 1px 0px 5px; height: 22px; font-size: 10px; line-height: 18px;}
#pbarS table		{ direction:rtl;}
#progressBarS p		{ font-weight: bold; padding: 2px 0; text-align: center;}
#step_0S p			{ padding: 2px 0;}
#stepsS				{ background-color: #c7c8cc; padding: 0px 1px 0px 1px;}


.step_pass			{ background-color: #c7c8cc; color: #000000; text-align: center;}
.step_pass p		{ padding: 2px 0;}
.arrow_passb		{ background: #c7c8cc url("images/pri.jpg") no-repeat; width: 18px;}
.arrow_passf		{ background: #c7c8cc url("images/prai.jpg") no-repeat;width: 18px;}
.step_active		{ background-color: #3366CC; color: #FFFFFF; text-align: center;}
.step_active p		{ padding: 2px 0;}
.arrow_activeb		{ background: #c7c8cc no-repeat; width: 18px;}
.arrow_activef		{ background: #c7c8cc no-repeat;  width: 18px;}

/* --- */
.step_inactive		{ background-color: #c7c8cc; color: #FFFFFF; text-align: center;}
.step_inactive p	{ padding: 2px 0;}
.arrow_inactive		{ background: #c7c8cc no-repeat; width: 18px;}

/*/////////////////////////////////////////////////////////////////////*/

.file-upload			{ top:2px;	font-weight: bold; 	font-size: 11px; height: 23px; overflow: hidden; display: inline-block;	position: relative;	vertical-align: middle;	text-align: center;	color: #000; border: 1px solid #00803c;	background: #f0f0f0; }
.file-upload:hover		{ background: #fcfcfc; }
.file-upload input		{ position: absolute;	top: 0;	left: 0;	margin: 0;	font-size: 70px; opacity: 0; filter: alpha(opacity=0);	}
.file-upload span		{ position: absolute;	top: 0;	left: 0; display: inline-block;	padding-top: 5px; }
.file-upload,
.file-upload span		{ min-width: 100px;}	
.file-upload-status		{ margin-left: 10px; vertical-align: middle; display:none;	padding: 7px 11px; }