A:link, A:visited, A:active { text-decoration: none; color:blue;}
A:hover { text-decoration: underline; color:#0080FF;}

html,body{height:100%;text-align: center;background:#646464;}
body{padding:0px;margin:0px; }

/*  here */
.jobtabs{
	position: relative;
	top:40px;
	width: 720px;

}
.upperTabs{
	position: relative;
	font-size:  12px;
	width: 720px;
	clear:both;
}

.uprTabs {
width:120px;
text-align:center;
padding:0px;
font:  12px tahoma;
float:right;
}

.uprTabs a {
width:120px;
height: 30px;
line-height:30px;
background-color: #EEEEEE;
text-decoration: none;
border-top: 1px #F5F5F5 solid;
border-left: 1px #F5F5F5 solid;
border-bottom: 1px #F5F5F5 solid;
border-right: 1px #F5F5F5 solid;
}
html>body .uprTabs a {width:118px; display:table; } 
.uprTabs a:hover{
background-color: #C3E2DB;
text-decoration: none;
border-top: 1px #31557f solid;
border-left: 1px #31557f solid;
border-bottom: 1px #E6E6E6 solid;
border-right: 1px #E6E6E6 solid;
background-image:url('');
}

.selected ,  .selected a,  .selected a:visited {
width:120px;
height: 35px;
line-height:35px;
background-color:#007FC0;
color: WHITE;
background-image:url('');
}

.lowerTabs{ 
	position: relative;
	font-size:  12px;
	width: 720px;
	border-top: solid #007FC0 5px;
	clear:both;
	}
html>body .lowrTabs a {width:118px; display:table;} 
.lowrTabs {
width:120px;
background-color: #EEEEEE;
text-decoration: none;
text-align:center;
font:  12px tahoma;
float:right;
height: 27px;
line-height:27px;
}
.lowrTabs a {
width:120px;
height: 25px;
line-height:25px;
background-color: #EEEEEE;
text-decoration: none;
border-top: 1px #F5F5F5 solid;
border-left: 1px #F5F5F5 solid;
border-bottom: 1px #F5F5F5 solid;
border-right: 1px #F5F5F5 solid;
float:right;
}
.lowrTabs a:hover{
background-color: #C3E2DB;
text-decoration: none;
border-top: 1px #31557f solid;
border-left: 1px #31557f solid;
border-bottom: 1px #E6E6E6 solid;
border-right: 1px #E6E6E6 solid;
}

/*  end here  */
.mainFrame{
	width: 780px;
	min-height:100%;
	height: 100%;
	background: white;
	border: 5px solid #CCCCCC;
	margin:auto;
}
html>body .mainFrame {width:774px; height: auto;}
.announce {
	padding:10px;
	font: 12px tahoma ;
	position:relative;
	width: 680px;
	border: double #CC0066 4px ;
}
html>body .announce  { width: 660px; height:auto;}

/*   added test s2m */
.s2mMainFrame{
	width: 400px; 
	min-height:100%;
	height: 100%;
	background: white;
	border: 4px solid #CCCCCC;
	margin:auto;
}
html>body .s2mMainFrame{width:394px; height: auto;}

.s2mLogo{
float: right;
margin-right:10px;
margin-top: 10px;
}
.s2mLine { 
	clear:both;
	position: relative;
	font-size:  10px;
	width: 380px;
	border-bottom: solid #007FC0 3px;
	}
.s2mErrmsg {
margin-top: 30px;
	font:  bold 12pt Arabic Transparent;
	color: #CC0066;
	text-align: center;
}
.s2mMain {
	position: relative;
	width:380px;
	direction:rtl;
}
.s2mXmain {
	clear:both;
}
.inputs2m{
	width: 195px;
	font:  11px TAHOMA;
	color: black;
	background: WHITE;
	border: solid #DFDFDF 1px ;
	float: right;
}
.tds2m{
	padding: 5px;
}
.submits2m{
	position:relative;	width: 35px;
	height: 47px;
	background: url(media/arrows2m.jpg) no-repeat center;
	border: 0px ;
}
/*  end of test s2m  */ 
.logoContainer{
	position: relative;
	width: 720px;
	top: 22px;
}

.stretch_maintop {
	height:44px;
}
html>body .stretch_maintop {height:74px; }

.main {
	position: relative;
	top: 80px;
	width:720px;
	direction:rtl;
	margin-bottom: 15%;
}
html>body .main {top: 103px; margin-bottom: 20%;} 
.mainX {
	height:100px;
	clear:both;
}
.logo {
	position: relative;
	float:right;
}

.adtop {
	position: relative;
	float:left;
	top: 3px;
}
.adtop1 {
	position: absolute;
	left: 43px; 
	top: 19px;
}

.line1 { 
	position: relative;
	font:  12px tahoma;
	width: 720px;
	top:17px;
	border-bottom: solid #4682B4 1px;
	}
html>body .line1 {top: 105px; } 

.line2 { 
	position: relative;
	font:  12px tahoma;
	top: 14px; 
	width: 720px;
	border-bottom: solid #007FC0 1px;
	}
html>body .line2{top: 32px; } 

.latest_news_container {
	position: relative;
	top: 22px;
	width: 720px;
	clear:both;
}
html>body .latest_news_container {top: 40px;}

.latest_box {
	float:right;
	width: 12px;
	font:  12px tahoma;
	background-color: #C0C0C0;
	margin-top: 2px;
}

.latest_news {
}

.newsi {
	font: 10pt TAHOMA; 
	text-decoration : none; 
	text-align: right; 
	margin-right: 17px;
	direction: rtl;
}
html>body .newsi {	margin-right: 21px;}

.date_container {
	position: relative;
	width: 720px;
	top: 19px;
}
html>body .date_container  { top: 38px; } 
.date_box {
	float:right;
	width: 11px;
	background-color: #C0C0C0;
	padding: 2px 0px;
	font:  7px  tahoma, sans-serif;
	background-color: #D6D6D6;
}
html>body .date_box  { padding: 0px; height:10px;}

.Date {
	float:right;
	width: auto;
	direction:rtl;
	font: 11px tahoma; 
	color:#444;
	margin-right: 8px;
}
html>body .Date  {	margin-right: 10px;}
.container0 {
	position:relative;
	width: 720px;
}

.container1 {
	position:relative;
	width: 720px;
	background-image: url(media/bkg.gif);
	background-position: right;
	background-repeat: repeat-y;
}

html>body .container1  { float:left;}

.container2 {
	position:relative;
	width: 720px;
	background-image: url(media/bkg.gif);
	background-position: left;
	background-repeat: repeat-y;
	float:left;
}
.breakingNews {
	position:relative;
	width: 720px;
	border: double #CC0066 4px ;
}
html>body .breakingNews  { height:30px;}
.bNewsR {
	float:right;
	font:  bold 18pt Arial;
	color: yellow;
	text-align: center;
	width: 110px;
	background: red;
}
.bNewsL {
	font:  10pt tahoma;
	text-align: right;
	height: 25px;
	line-height:25px;
	margin-right:115px;
}

.container3 {
	position:relative;
	width: 720px;
	background-image: url(media/bkg5.gif);
	background-position: right;
	background-repeat: repeat-y;
}
html>body .container3  { float:left;}
.container4 {
	position:relative;
	width: 720px;
	background-image: url(media/bkg5.gif);
	background-position: left;
	background-repeat: repeat-y;
	float:left;
}
.signin {
	position: relative;
	float:right;
	width:215px;
	padding:0px;
	text-align:right;
	direction:rtl;
}

.signinTop {
	padding:0px;
	width: 215px;
}

.signinLabel {
	font: 11px tahoma;
	padding:0px 12px 0px 0px;
	width: 90px;
	float: right;
}
html>body .signinLabel  { width : 78px;}

.signinInput {
	font: 11px tahoma;
	padding:0px;
	width: 105px;
	float: right;
	clear: left;
}

.input{
	width: 95px;
	font:  11px TAHOMA;
	color: black;
	background: WHITE;
	border: solid #C1DAD7 1px ;
	float: left;
	direction:ltr;
}

.signinForgot {
	font: 10px tahoma;
	padding:0px 12px 0px 0px;
	float: right;
	direction:rtl;
}

.signinSubmit {
	padding:0px;
	width: 103px;
	float: right;
	clear:left;
}
html>body .signinSubmit { width:102px;}

.submit_user{	width: 34px;
	height: 19px;
	background: url(media/arrow-f.jpg) no-repeat center;
	border-right: 1px  #C1DAD7 solid;
	border-left:  1px  #C1DAD7 solid;
	border-top:  1px  #C1DAD7 solid;
	border-bottom:  1px  #C1DAD7 solid;
	float: left;
}
html>body .submit_user { height: 17px; width:32px;}

.looking {
	font: 12px tahoma;
	padding:0px 12px 0px 0px;
	width: auto;
	color: #CC4902;
	clear:left;
	direction:rtl;
}

.join {
	font: bold 18px traditional arabic;
	padding:0px;
	text-align:center;
	clear:left;
	direction:rtl;
}

.middle {
	position: relative;
	float: left;
	left:38px;
	width:215px;
	background: #EEEEEE;
}
.jobCities {
width:428px
}
.jobCategories {
width:642px
}

.box3 {
text-align:center;
font: 12px tahoma;
float:right;
}
html>body .box3 {width:107px; height: 45px;
line-height:45px;} 
.box3 a {
width:  107px;
height: 45px;
line-height:45px;
background-color: #EEEEEE;
text-decoration: none;
border-top: 1px #F5F5F5 solid;
border-left: 1px #F5F5F5 solid;
border-bottom: 1px #F5F5F5 solid;
border-right: 1px #F5F5F5 solid;
}
html>body .box3 a {display:table;} 

.box3 a:hover {
background-color: #C3E2DB;
border-top: 1px #31557f solid;
border-left: 1px #31557f solid;
border-bottom: 1px #E6E6E6 solid;
border-right: 1px #E6E6E6 solid;
}
html>body .subjMenu {width:644px;} 
.subjMenu {
	position: relative;
	top: 195px;
	width:630px;
	background: #EEEEEE;
}
html>body .boxtch {width:92px; height: 36px;line-height:36px;} 
.boxtch {
text-align:center;
font: 12px tahoma;
float:right;
}

.boxtch a {
width:  90px;
height: 35px;
line-height:35px;
background-color: #EEEEEE;
text-decoration: none;
border-top: 1px #F5F5F5 solid;
border-left: 1px #F5F5F5 solid;
border-bottom: 1px #F5F5F5 solid;
border-right: 1px #F5F5F5 solid;
}
html>body .boxtch a {display:table;} 

.boxtch a:hover {
background-color: #C3E2DB;
border-top: 1px #31557f solid;
border-left: 1px #31557f solid;
border-bottom: 1px #E6E6E6 solid;
border-right: 1px #E6E6E6 solid;
}
.left {
	position: relative;
	float:left;
	left:0px;
	width:215px;
	padding:0px;
}

.jadText {
	font: 10pt tahoma;
	color: #585858; 
	text-align:justify;
}

#jadScroller{
	width: 207px;
	height: 139px;
	padding: 12px;
	z-index:1;
}
html>body #jadScroller  { width: 183px; 	height: 115px;} 

.jadScroller a{
text-decoration: none;
}

.footer {
	width: 720px;
	height: 10px;
	padding:2px 0 4px 0;
	position: relative;
	text-align:center;
	border-top: 1px dotted gray;
	border-bottom: 1px dotted gray;
	font:  11px tahoma;
	direction: rtl;
	background: #EEEEEE;
}
html>body .footer  { 	padding:2px 0px 7px 5px; } 

.logosmallContainer {
	position: relative;
	width: 720px;
	top: 22px;
}

.logosmall {
float:right;
}

.line3 { 
	position: relative;
	font-size:  12px;
	top:  19px; 
	width: 720px;
	border-bottom: solid #007FC0 10px;
	}
html>body .line3  {top:  80px;}

.navContainer{
	position: relative;
	top: 29px; 
	width: 720px;
	clear:both;
}
html>body .navContainer  {top:  54px;}

.navContainerDisp{
	position: relative;
	top: 19px; 
	width: 720px;
	clear:both;
}
html>body .navContainerDisp  {top:  44px;}

.navSubContainer {
	width: 102px; 
	float: right;
	text-align:right;
	font:  bold 13px Arabic Transparent;
	direction: rtl;
}

.navMarker {
	width: 11px;
	font-size:  10px;
	background-color: #D6D6D6;
	float: right;
}
html>body .navMarker  {margin-left: 3px; }  
.ermsg {
	font:  16px tahoma  ;
	color: #CC0066;
	position: relative;
	top: 49px;
	width: 720px;
	text-align: center;
	direction:rtl;
	clear:both;
}
html>body .ermsg  {top: 74px; } 

.TblUpd {
	direction:rtl;
	padding: 0px;
	background:WHITE;
	font: 11px tahoma;	
}
.TblUpd th{	padding: 7px 7px; 
	background: #E8E8FF;
}

.TblUpd td {
	padding: 8px 5px 8px 5px;
	border-bottom:1px solid white;
	text-align:center;
	background: #DFEFFF;
}

#edit {
background-color: #7ea8cf;
border: 0px #666666 solid;
width: 100%;
margin-top: 0px;
padding: 0px;
text-align: center;
}

td.edit {	background: #DFEFFF;
	padding: 0px;}

.editButton  {
font:   11px TAHOMA;
text-align: center;
margin-bottom: 0px;
margin-top:0px;
}

.editButton  a {
padding: 5px 0px 5px 0px;
text-decoration: none;
width: 100%;
display: block;
color: BLACK;
background: #99C3D8;
border-top: 2px #E6E6E6 solid;
border-left: 2px #E6E6E6 solid;
border-bottom: 2px #31557f solid;
border-right: 2px #31557f solid;
}
html>body .editButton  a{ width : auto; } 

.editButton  a:hover {
background: #B6DBEE;
border-top: 2px #31557f solid;
border-left: 2px #31557f solid;
border-bottom: 2px #E6E6E6 solid;
border-right: 2px #E6E6E6 solid;
}

#activate {
background: #7ea8cf;
border: 0px #666666 solid;
text-align: center;
}

td.activate {padding: 0px;
width: auto;}

.delButton  {
font:   11px TAHOMA;
text-align: center;
margin-bottom: 0px;
margin-top:0px;
}

.delButton  a {
padding: 5px 0px 5px 0px;
text-decoration: none;
display: block;
color: BLACK;
width: 100%;
background: #EEBCBC;
border-top: 2px #E6E6E6 solid;
border-left: 2px #E6E6E6 solid;
border-bottom: 2px #31557f solid;
border-right: 2px #31557f solid;
}
html>body .delButton  a{ width : auto; }

.delButton  a:hover {
background: #ECCBCB;
border-top: 2px #31557f solid;
border-left: 2px #31557f solid;
border-bottom: 2px #E6E6E6 solid;
border-right: 2px #E6E6E6 solid;
}

.undelButton  a {
padding: 5px 0px 5px 0px;
text-decoration: none;
display: block;
color: BLACK;
width: 100%;
background: #C3E2DB;
border-top: 2px #E6E6E6 solid;
border-left: 2px #E6E6E6 solid;
border-bottom: 2px #31557f solid;
border-right: 2px #31557f solid;
}
html>body .undelButton  a{ width : auto; }

.undelButton  a:hover {
background: #D5F0EA;
border-top: 2px #31557f solid;
border-left: 2px #31557f solid;
border-bottom: 2px #E6E6E6 solid;
border-right: 2px #E6E6E6 solid;
}

.vMsg {
	font: 11px tahoma ;
	position: relative;
	top: 50px;
	left:0px;
	width: 100%;
	text-align: center;
	direction:rtl;
	display:inline;
}
html>body .vMsg  { top: 66px;}
.vMsg2 {
	font: bold 22px arial;
	position: relative;
	top: 78px;
	width: 720px;
	text-align: center;
	direction:rtl;
	clear:both;
}
.vMain {
	position: relative;
	top: 113px;
	width:620px;
	direction:rtl;
	clear:both;

}

.vMainSpecial {
	position: relative;
	top: 195px;
	width:auto;
	direction:rtl;
}

.dispMain {
	position: relative;
	top: 19px;
	width:620px;
	direction:rtl;
}
html>body .dispMain{top: 59px;}


.dispMainX {
	height:35px;
}
html>body .dispMainX{height: 95px;}
.formForgot { 
	position: relative;
	top: 87px; 
	border: #C1DAD7 solid 1px;
	color: black;
	width: 225px;
	direction: rtl;
}
html>body .formForgot {top: 99px;}
.formForgot1 { 
	position: relative;
	top: 67px; 
	border: #C1DAD7 solid 1px;
	color: black;
	width: 335px;
	direction: rtl;
	clear:both;
}
html>body .formForgot1 {top: 109px;}
.forgotLabel {
	font: 11px tahoma;
	padding:0px 12px 0px 0px;
	width: 75px;
	float: right;
	margin:0px;
}

.forgotInputDiv {
	font: 11px tahoma;
	padding:0px;
	width: 225px;
	float: right;
	clear: left;
}

.forgotInput{
	width: 220px;
	font:  11px TAHOMA;
	color: black;
	background: WHITE;
	border: solid #C1DAD7 1px ;
	float: left;
	direction:rtl;
}

.forgotSubmit {
	padding:0px;
	width: 220px;
	float: right;
	clear:left;
}
html>body .forgotSubmit { width:250px;}

.formShow { 
	position: relative;
	top: 87px;
	border: #C1DAD7 solid 1px;
	color: black;
	width: 160px;
	direction: rtl;
	clear:both;
}
html>body .formShow {width: 184px; top:109px;}

.showLabel {
	font: 11px tahoma;
	padding:0px 12px 0px 0px;
	width: 75px;
	float: right;
	text-align:right;
}

.showPass {
	font: bold 14px tahoma;
	color: #A40052;
	padding:0px ;
	width: 75px;
	float: right;
	text-align:right;
}

/***********************/
/*  3 easy & fast steps */
.msg3steps  {
	font:  15px tahoma;
	color: rgb(96,96,96);
	position: relative;
	top: 50px;
	width: 720px;
	text-align: right;
	direction:rtl;
}
html>body .msg3steps{	top: 70px;}
.steps {
	font: 45px arial;
	color: rgb(174,174,174);
	position: absolute;
	top: 135px;
	left:0px;
	width: 100%;
	text-align: center;
	clear:left;
	direction:rtl;
}

.stretch240 {position: relative; height:240px;display:block;}
.stretch220 {position: relative; height:220px;display:block;}
.stretch190 { height:190px;display:block;}
.stretch130 {height:130px;}

.regContainer1 {
position:relative; 
top:120px;
	width: 720px;
	padding:0px;
	clear:both;
}
html>body .regContainer1 { height:auto;}
.regContainer1a { 
	position:relative;
	float:left;
	left:35px;
	width: 215px;
	padding:0px;
}

.regContainer1b { 
	position:relative;
	float:left;
	left:33px;
	width: 215px;
	padding:0px;
}

.regContainer1c { 
	position:relative;
	float:left;
	left:30px;
	width: 215px;
	padding:0px;
}


.box5 {
width: 215px;
text-align:center;
font: 25px ARIAL BOLD;
}

.box5 a {
width: 215px;
height: 138px;
line-height:138px;
background-color: #EEEEEE;
text-decoration: none;
border-top: 1px #F5F5F5 solid;
border-left: 1px #F5F5F5 solid;
border-bottom: 1px #F5F5F5 solid;
border-right: 1px #F5F5F5 solid;
}
html>body .box5 a   { height:135px; line-height:135px; display:table;}
.box5 a:hover {
background-color: #C3E2DB;
border-top: 1px #31557f solid;
border-left: 1px #31557f solid;
border-bottom: 1px #E6E6E6 solid;
border-right: 1px #E6E6E6 solid;
}

.regContainer2 { 
	position:relative;
	width: 700px;
	padding:0px;
}

/*  table on page 2 registration */
.TBL1 {
	direction:rtl;
	width: 700px;
	padding: 0px;
	background: #DFECEA;
	font: 11px tahoma;
	border-collapse: collapse;
}
.TBL1 th{
	direction:rtl;	text-align: center;	padding: 7px 0px 9px 0px; 
	background: #9EC5C0;	font: bold 12px tahoma;
}
.TBL1 td {
	padding: 10px 12px 15px 0px;
}
.TBL1 td.inner {
	padding: 5px 7px;
	font: 11px tahoma;

}
.TBL1 td.title{
	background: #C1DAD7;
	padding: 5px 12px 5px 0px;
	border-top:1px solid gray;
}
.TBL1 td.label{
	width: 14%;
}
.TBL1 td.notes{
	width: 50%;
}
.TBL1 td.regend2{
	background: #9EC5C0;
	padding: 9px 0px 7px 330px;
	border-top:1px solid white;
	border-bottom:1px solid black;
}

.TBL2 {
	direction:rtl;
	width:700px;
	background: #DFECEA;
	font: 11px tahoma;
	border-collapse: collapse;
}
.TBL2 th{	padding: 0px 0px; 
	background: #9EC5C0;
}

.TBL2 td {
	padding: 12px 12px 12px 0px;
	border-bottom:1px solid white;
}
.TBL2 td.label{
	vertical-align:top;
}
.TBL2 td.inner {
}

.TBL2 td.notes{
	width: 45%;
	vertical-align:top;
	font:  bold 13px arabic transparent;
}
.TBL2 td.sep{
	background: rgb(222,222,222);
	padding:0px;
	border-top:1px solid white;
	border-bottom:1px solid white;
}
.TBL2 td.regend2{
	background: #9EC5C0;
	padding: 9px 0px 7px 330px;
	border-top:1px solid white;
	border-bottom:1px solid black;
}
/* end of tbl2 */

.btn{	width: 10pt;
}

.chekbox{width: 13px;
height: 13px;
}

/* Page 3 registration */


.regContainer3 { 
	position:relative;
	color: black;
}

green,  red{
	font:  11px TAHOMA;
}
.green {
	color: #006666;
}
.red {
	color: #CC0066;
}

.general{
	font:  bold 20px Arabic Transparent;
	direction:rtl;
}

 .question, .formShow, .cities, .formForgot, .formForgot1{	font:  11px TAHOMA;
	background: #f5fafa;
}

.two_digits , .phoneCode , .telCode, .TLCode, .question, .100, .130, .130r, .200, .200r{	font:  11px TAHOMA;
	color: black;
	background: #f5fafa;
	border-top: solid 2px #7B847E;
	border-left: solid 1px silver;
	border-bottom: solid 1px white;
	border-right: solid 1px white;
}

.two_digits{	width: 19pt;
}

.phoneCode{	width: 12px;
}

.telCode{	width: 63px;
	font:  11px TAHOMA;
}

.TLCode{	width: 40px;
	font:  11px TAHOMA;
}

.question{	width: 210px;
	font:  11px TAHOMA;
	color: black;	
}

.welcome  {
	font:  bold 17px arabic transparent;
	color: rgb(96,96,96);
	position: absolute;
	top: 160px;
	width:720px;
	left:31px;
	text-align: center;
	direction:rtl;
}

html>body .box4 a {display:table;float:left;} 
.box4 {
float:right;
text-decoration: none;
text-align:center;
font:  12px tahoma;
}

.box4 a {
width:214px;
height: 45px;
line-height:45px;
background-color: #EEEEEE;
text-decoration: none;
border: 1px #F5F5F5 solid;
}

.box4 a:hover {
background-color: #C3E2DB;
text-decoration: none;
border-top: 1px #31557f solid;
border-left: 1px #31557f solid;
border-bottom: 1px #E6E6E6 solid;
border-right: 1px #E6E6E6 solid;
}

html>body .box41 a {display:table;float:left;} 
.box41 {
float:right;
text-align:center;
font:  12px tahoma;
}

.box41 a {
width:214px;
height: 45px;
line-height:45px;
background-color: #E3EAE1;
border: 1px #F5F5F5 solid;
}

.box41 a:hover {
background-color: #C3E2DB;
text-decoration: none;
border-top: 1px #31557f solid;
border-left: 1px #31557f solid;
border-bottom: 1px #E6E6E6 solid;
border-right: 1px #E6E6E6 solid;
}
.navContainer1{
	position: relative;
	top:19px; 
	width: 714px;
	clear:both;
}
html>body .navContainer1  {top:44px;}


html>body .box7 a {display:table;float:left;} 
.box7 {
width:210px;
background-color: #EEEEEE;
text-decoration: none;
text-align:center;
font:  12px tahoma;
}

.box7 a {
width:210px;
height: 36px;
line-height:36px;
background-color: #EEEEEE;
text-decoration: none;
border-top: 1px #F5F5F5 solid;
border-left: 1px #F5F5F5 solid;
border-bottom: 1px #F5F5F5 solid;
border-right: 1px #F5F5F5 solid;
}

.box7 a:hover {
background-color: #C3E2DB;
text-decoration: none;
border-top: 1px #31557f solid;
border-left: 1px #31557f solid;
border-bottom: 1px #E6E6E6 solid;
border-right: 1px #E6E6E6 solid;
}

html>body .box8 a {display:table;float:left;} 

.box8 {
width:102px;
background-color: #EEEEEE;
text-decoration: none;
text-align:center;
font:  12px tahoma;
float:right;
}
.box8 a {
width:102px;
height: 25px;
line-height:25px;
background-color: #EEEEEE;
text-decoration: none;
border-top: 1px #F5F5F5 solid;
border-left: 1px #F5F5F5 solid;
border-bottom: 1px #F5F5F5 solid;
border-right: 1px #F5F5F5 solid;
float:right;
}
.box8 a:hover{
background-color: #C3E2DB;
text-decoration: none;
border-top: 1px #31557f solid;
border-left: 1px #31557f solid;
border-bottom: 1px #E6E6E6 solid;
border-right: 1px #E6E6E6 solid;
}

html>body .box9 a {display:table;float:left;} 

.box9 {
width:102px;
background-color: #D9DFEA;
text-decoration: none;
text-align:center;
font:  12px tahoma;
float:right;
}
.box9 a {
width:102px;
height: 25px;
line-height:25px;
background-color: #C1E0FF;
text-decoration: none;
border-top: 1px #F5F5F5 solid;
border-left: 1px #F5F5F5 solid;
border-bottom: 1px #F5F5F5 solid;
border-right: 1px #F5F5F5 solid;
float:right;
}
.box9 a:hover{
background-color: #C3E2DB;
text-decoration: none;
border-top: 1px #31557f solid;
border-left: 1px #31557f solid;
border-bottom: 1px #E6E6E6 solid;
border-right: 1px #E6E6E6 solid;
}
html>body .boxL a {display:table;float:left;} 

.boxL {
width:90%;
text-align: right;
text-decoration: none;
font:  11px tahoma;
}
.boxL {
text-align: right;
text-decoration: none;
border-top: 1px #F5F5F5 solid;
border-left: 1px #F5F5F5 solid;
border-bottom: 1px #F5F5F5 solid;
border-right: 1px #F5F5F5 solid;
}
.boxL:hover{
text-decoration: none;
border-top: 1px #31557f solid;
border-left: 1px #31557f solid;
border-bottom: 1px #E6E6E6 solid;
border-right: 1px #E6E6E6 solid;
}

.pgn {
	width: 330px;
	top:110px;
	position: relative;
}
html>body .pgn  {display:table;}

.pgnTopImage {
	position: relative;

	float:right;
	clear:both;
}

.pgnbx {
	width: 30px;
	height: 20px;
	line-height:20px;
	float:right;
	text-decoration: none;
	text-align:center;
}
html>body .pgnbx a {display:table;} 
.pgnbx a{
	width: 30px;
	border-width: 1px;
	border-color: #ffe #aaab9c #ccc #fff;
	border-style: solid;
	background: #FFF;
	background: #CDF6ED;
}

.pgnbx a:hover{
	width: 30px;
	 background: #B3E1D7; 
	border-color: #fff #ccc;
	text-decoration: none;
}

.msg , .message {
	font:  bold 15px Arabic Transparent;
	color: black;
	position: relative;
	top: 44px;
	width: 720px;
	text-align: center;
	direction: rtl;
}
html>body .msg , .message{top:69px;clear:both;}

.msgUpdate {
	font:  12px TAHOMA;
	position: relative;
	top: 52px;
	width: 720px;
	text-align: center;
	direction: rtl;
}
html>body .msgUpdate{top:77px;clear:both;}

.mainUpdate {
	position: relative;
	top:70px;
	width:720px;
	direction:rtl;
	clear:both;
}
html>body .mainUpdate {top: 105px; } 
.UpdateMainX {
	height:125px;
	clear:both;
}

.errmsg {
	font:  bold 15px Arabic Transparent;
	color: #CC0066;
	position: relative;
	top: 44px;
	width: 720px;
	text-align: center;
}
html>body .errmsg {top:69px;clear:both;}

.errmsgP2 {
	font:  bold  13px tahoma ;
	color: red;
	position: absolute;
	top: 165px;
	left:0px;
	width: 100%;
	text-align: center;
	clear:left;
	direction:rtl;
}

.errmsgP3 {
	font:  bold  13px tahoma ;
	color: red;
	position: absolute;
	top: 185px;
	left:0px;
	width: 100%;
	text-align: center;
	clear:left;
	direction:rtl;
}

.clearer {clear: both;font-size: 6px;}

.200{	width: 200px;
	direction:ltr;
}
.200r{	width: 200px;
	direction:rtl;
}

.100{	width: 85px;
	direction: ltr;
}
.130{	width: 130px;
	direction: ltr;
}

.130r{	width: 130px;
	direction: rtl;
}