/* BM Main Fonts
----------------------------------*/

@font-face {
    font-family: 'TypoPasRegular';
    src: url('../fonts/typopasregular-webfont.eot');
    src: url('../fonts/typopasregular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/typopasregular-webfont.woff') format('woff'),
         url('../fonts/typopasregular-webfont.ttf') format('truetype'),
         url('../fonts/typopasregular-webfont.svg#TypoPasRegular') format('svg');    
}

@font-face {
    font-family: 'TypoPasBold';
    src: url('../fonts/typopasbold-webfont.eot');
    src: url('../fonts/typopasbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/typopasbold-webfont.woff') format('woff'),
         url('../fonts/typopasbold-webfont.ttf') format('truetype'),
         url('../fonts/typopasbold-webfont.svg#TypoPasBold') format('svg');  
}

html, body {direction: rtl;background-color: #ffffff;height:100%;font-family:'TypoPasRegular'; color: #006fb2;	}

@media screen{
	
#viewTd	{		display: none;		}

#hedearScreen{	display:inline;	}

#headerPrint{	display:none;	}

a.hide-timer:link    { color:#0283d0; font-size:1.1em; font-family: TypoPasBold; font-weight:normal; }
a.hide-timer:visited { color:#0283d0; font-size:1.1em; font-family: TypoPasBold; font-weight:normal; }
a.hide-timer:hover   { color:#0283d0; font-size:1.1em; font-family: TypoPasBold; font-weight:normal; }
a.hide-timer:active  { color:#0283d0; font-size:1.1em; font-family: TypoPasBold; font-weight:normal; }

/* ZK Header & Logo
----------------------------------*/

header { width:100%; }

#bm-header { width:96.1em; margin:0 auto; height:9.3em; background-color:#fff; position:relative;  }

#bm-header img.col-logo { width:39.5em; height:3.5em; margin-left:1.1em; margin-top:3.22em; }

#bm-header span.col-logo { display:inline-block; background: #ffffff url('../images/logoBm.png') no-repeat 0 0;  width:39.5em; height:3.5em; margin-left:11px; margin-top:32px; cursor:pointer; }

#bm-header ul.info-bar { background: url("../images/infoBar.png") no-repeat scroll 0 0 ; text-align:right;  display: inline-block; height: 5.3em; left: -6px; padding: 17px 0;  position: absolute; top: 14px; width: 56.1em; text-align:center; *left:37px; }

#bm-header ul.info-bar li { list-style:none; color:#0283d0; font-size:1.6em; display:inline-block; padding-right:10px; *float:right; }

#bm-header ul.info-bar li.welcome-text {  padding-left:10px; vertical-align:top ;border-left:solid 1px #76c5f5;  font-family: TypoPasBold; font-weight:normal;  *border-left:solid 0px;  }

#bm-header ul.info-bar li.current-date {  padding-left:10px; border-left:solid 1px #76c5f5; *font-family:arial;*font-size:14px; }

#bm-header ul.info-bar li.disconnect a { text-decoration:underline;  color:#0283d0; padding-right:10px; }



/* ZK Nav Bar
----------------------------------*/

nav { width:100%; }

#bm-menu-bar { background: #ffffff url('../images/menuBarBm.png') no-repeat 0 0;  width:96.7em; height:2.4em; margin:0 auto; margin-bottom:22px; position:relative; }

#bm-menu-bar span {  color: #FFFFFF; cursor: pointer; display: inline-block; font-size: 1.4em; line-height: 140%; margin-right: 15px; padding-left: 3em;}

#bm-menu-bar span.meuhedet-site { display: inline-block;  position:absolute; left:-9px; line-height:140%; }

#bm-menu-bar span.help { position:relative; margin-right:0.5em; border-left:0px solid #fff; margin-top:0.1em; *margin-right:55em;}

#bm-menu-bar span.help a {color:#fff ;font-size:1.7em;}

#bm-menu-bar span.help-opinion {position:relative; margin-right:2.5em; border-left:0px solid #fff; margin-top:0.1em; *margin-right:55em;}

#bm-menu-bar span.help-opinion a {color:#fff ;font-size:1.7em;}

#bm-menu-bar span.meuhedet-site a { color:#fff;  font-size:1em; }



/* ZK Right Bar
----------------------------------*/

#main { width:96.1em; margin:0 auto; }

#main ul.right-bt {  float:right; width:20.3em; padding:0; margin:0; }

#main ul.right-bt  span.close-month { display:inline-block; background: url("../images/onLineVisitIcon.png") no-repeat scroll right center transparent;  margin-right: 8px; margin-top: -25px; vertical-align:top; width:24px; height:24px; }

#main ul.right-bt  span.sale-report { display:inline-block; background: url("../images/onLineSaleIcon.png") no-repeat scroll right center transparent;  margin-right: 9px; margin-top: -25px; vertical-align:top; width:24px; height:24px; }

#main ul.right-bt  span.uset-system { display:inline-block; background: url("../images/onLineUserIcon.png") no-repeat scroll right center transparent;  margin-right: 7px; margin-top: -24px; vertical-align:top; width:27px; height:24px; }

#main ul.right-bt  li {  background: #ffffff url('../images/onLineRightBt.png') no-repeat 0 0;  width:20.3em; height:3.7em; margin-bottom:0.5em; list-style: none outside none; outline: medium none; line-height:200%; }

#main ul.right-bt  li a { color: #FFFFFF; display: inline-block; font-size: 1.6em; padding-right: 3.6em; padding-top: 6px; text-align: right; text-decoration: none; width: 158px;  font-family: TypoPasBold; font-weight:normal; line-height:1.5em;   }



/* ZK Log In 
----------------------------------*/

#centered-content  { float: left; text-align: right; width: 73em; height: 19.4em;  }

#centered-content  h1 { background: url("../images/mainBmTitle.png") no-repeat scroll right center transparent; color: #FFFFFF;display: inline-block;font-size: 1.6em; font-weight: normal; height: 24px; line-height:24px ;margin-bottom: 20px;padding-right: 8px;width: 297px; margin-top:0; }

#centered-content .pass-box { background: url("../images/filterBg.png") no-repeat scroll right center transparent; width:73.4em; border:soild 0; height: 12.3em; text-align: right; padding-top:2em;  }

#centered-content .pass-box div span { color: #2294D3; display: inline-block; font-size: 1.2em; margin: 5px 40px 5px 0;  width: 128px; line-height:160%; }

#centered-content .pass-box input[type=password] { background: url("../images/formElemBg.png") repeat scroll right center transparent; border: 1px solid #A4C5D7; border-radius: 6px; color: #006FB2; font-size: 1.4em; height: 22px; width: 150px; margin-left:10px; padding:0;  }

#centered-content .pass-box input[type=text] { background: url("../images/formElemBg.png") repeat scroll right center transparent; border: 1px solid #A4C5D7; border-radius: 6px; color: #006FB2; ; font-size: 1.4em; height: 22px; width: 150px; margin-left:10px; padding:0;  }

#centered-content .pass-box input[type=submit] { background: url("../images/closeMonth.png") repeat scroll right center transparent;  color: #006FB2; font-size: 1.2em; height: 22px; width: 114px; cursor:pointer; border:solid 0; float:left; margin-left:20px; }

#centered-content .pass-box input[type=button] { background: url("../images/closeMonth.png") repeat scroll right center transparent;  color: #006FB2;  font-size: 1.2em; height: 22px; width: 114px; cursor:pointer; border:solid 0; float:left; margin-left:20px; }

#centered-content .bm-sub-bar { background: url("../images/mainBmTitle.png") no-repeat scroll right center transparent; color: #FFFFFF;  font-size: 1.6em; height: 24px; line-height: 140%; padding-right: 8px; width: 297px; margin-bottom:20px; }

#centered-content .info-line { color: #2294D3;  font-size: 1.2em; margin-top:1em; }

.logo{margin-right:55em}

.orangeTitle {
    color: #E0631C;    
    font-size: 19px;
   font-family: TypoPasBold; 
   font-weight:normal; 
    text-align:center;
    margin-right: 20px;
}

.orange {
    color: #E0631C;    
    font-family: TypoPasBold; 
    font-weight:normal; 
    font-size: 12px;
    text-align:center;
    margin-right: 20px;
}
.form-width-4 { display:inline-block; width:4em; }
span.fontRegSize { font-size:1.6em; }
.fontRegSize { font-size:1.6em; }

.form-width-29 { 	
		background: -moz-linear-gradient(center top , #fcfcfc, #e3f1fa) repeat scroll 0 0 rgba(0, 0, 0, 0);
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e3f1fa', GradientType=0 );
    border: 1px solid #a4c5d7;
    border-radius: 0.6em;
    color: #006fb2;
    display: inline-block;
    font-size: 12px;
    padding: 4px;
    width: 22.7em;
    margin-bottom:10px;	
}

#introduction{margin-left: auto; margin-right: auto; margin-right: 20px; width: 95.9em; color:#00008B; font-size: 12px;}

#introduction .bold{ font-family: TypoPasBold; font-weight:normal; }

label {
    display: inline-block;
    font-size: 15px;
    width: 50px;
}


/* ZK Password 
----------------------------------*/

#login-content  { margin-left: auto; margin-right: auto; padding-right: 200px; width: 95.9em; }

#login-content .login-box { background: url("../images/login-bg.png") no-repeat scroll right top transparent; width:430px; border:soild 0; height: 300px; text-align: right; padding-top:20px; }

#login-content h1 { background: url("../images/mainBmTitle.png") no-repeat scroll right center transparent; color: #FFFFFF; display: inline-block; font-size: 1.6em;height: 24px; line-height: 130%;margin-bottom: 30px;padding-right: 8px;width: 297px; font-weight:normal;margin-top:0;}

#login-content .login-box div.form-line { line-height:250%;  }

#login-content .login-box div span { color: #0283D0; display: inline-block; font-size: 1.4em; margin: 5px 87px 5px 0;  width: 105px;   }

#login-content .login-box input[type=password] { background: url("../images/formElemBg.png") repeat scroll right center transparent; border: 1px solid #A4C5D7; border-radius: 6px; color: #006FB2;  font-size: 1.4em; height: 22px; width: 125px; margin-left:10px; padding:0;  }

#login-content .login-box input[type=text] { background: url("../images/formElemBg.png") repeat scroll right center transparent; border: 1px solid #A4C5D7; border-radius: 6px; color: #006FB2; font-size: 1.4em; height: 22px; width: 125px; margin-left:10px; padding:0;  }

#login-content .login-box input[type=submit] { background: url("../images/closeMonth.png") no-repeat scroll right center transparent;  color: #006FB2;  font-size: 1.2em; height: 22px; width: 114px; cursor:pointer; border:solid 0; float:left; margin-left:107px; padding-bottom:0.3em; margin-top:15px; }

#login-content .login-box input[type=button] { background: url("../images/closeMonth.png") repeat scroll right center transparent;  color: #006FB2; font-size: 1.2em; height: 22px; width: 114px; cursor:pointer; border:solid 0; float:left; margin-left:20px; }

#login-content .bm-sub-bar { display:inline-block; background: url("../images/mainBmTitle.png") no-repeat scroll right center transparent; color: #FFFFFF; font-size: 1.6em; height: 24px; line-height: 130%; padding-right: 8px; width: 297px; margin-bottom:20px; }

#login-content .info-line { color: #2294D3;    font-family: TypoPasBold; font-weight:normal;  font-size: 1.2em; margin-top:1em; }



/* ZK Error 
----------------------------------*/

.input-error { line-height:100%;  display: inline-block;  width: 52em;}
    
.input-error ul { margin:0; padding:0; margin-top:1em; }

.input-error ul li { list-style:none; color:red;  font-family: TypoPasBold; font-weight:normal;  }

.input-error ul li span { color:red;  display:inline-block; margin-top:1em; font-size:1.4em;   font-family: TypoPasBold; font-weight:normal;  }

#login-content ul { margin:0; padding:0; margin-top:1em; }

#login-content ul li { list-style:none; }




/* Check Zakaut 
----------------------------------*/

#data-panel {padding:0;height:14.6em;}

#insured-data-panel-body {text-align:right;}

#insured-data-panel-title span{color:#e0631c;font-size:1.9em; font-family: TypoPasBold; font-weight:normal; }

#insured-data-panel-container { width:65em;border:1px solid #A4C5D7; border-radius:0.6em; padding:0.5em; }

#insured-data-panel-container span { font-size:1.5em; color:#0283D0; direction:ltr; display:inline-block; }

#insured-data-panel-container label { width:5em; display:inline-block; font-size:1.5em; color:#0283D0;  }

#check-zakaut-img-container { width:35%; height:14.6em; }

#check-zakaut-img-container img{ width:19.6em; height:13.4em; margin-top:1.2em; }

#check-zakaut-card-panel {float: left; text-align: right; width: 73em;}

#check-zakaut-card-right{width:65%;height:19.6em;float:right;}

#check-zakaut-card-right h1 { background: url("../images/mainBmTitle.png") no-repeat scroll right center transparent; color: #FFFFFF; font-size: 1.6em; height: 24px; line-height: 27px; padding-right: 8px; width: 297px; margin-bottom:20px; font-weight:normal; margin-top:0; }

#check-zakaut-card-right input[type=password] { background: url("../images/formElemBg.png") repeat scroll right center transparent; border: 1px solid #A4C5D7; border-radius: 0.6em; color: #006FB2;  font-size: 1.5em; height: 1.4em; width: 18em; padding:0; text-align:center; }

#card{ width:22em; text-align:left; margin-top: 0;}


#timer-container span {color: red;  font-family: TypoPasBold; font-weight:normal; }


/* Tabs Zakaut 
----------------------------------*/

#tabs .tab-row  { margin-bottom:1.3em; border-bottom:1px solid #0283D0; }

#tabs .tab-row ul { margin:0; padding:0; list-style:none; }

#tabs .tab-row ul li { display:inline-block; width:19.8em; height:3.1em; margin-left:0.5em; line-height:330%; background:url("../images/tabs.png") no-repeat scroll 0 0 transparent; *float:right; }

#tabs .tab-row ul li.selected { display:inline-block; width:19.8em; height:3.1em; margin-left:0.5em; line-height:330%; background:url("../images/tabs-selected.png") no-repeat scroll 0 0 transparent; *float:right; }

#tabs .tab-row ul li a { font-size:1.6em; color:#fff; margin-right:1.5em; text-decoration:none; }



/* Menual Check Zakaut 
----------------------------------*/

#data-panel .menual-check div { margin-bottom:1em; }

#data-panel .menual-check div input[type=text] { background: url("../images/formElemBg.png") repeat scroll right center transparent; border: 1px solid #A4C5D7; border-radius: 0.6em; color: #006FB2;  font-size: 1.5em; height: 1.4em; width: 11em; padding:0; text-align:right; font-family:typopasregular; }

#data-panel .menual-check div input.login-input[type=text] { background: url("../images/formElemBg.png") repeat scroll right center transparent; border: 1px solid #A4C5D7; border-radius: 0.6em; color: #006FB2; font-size: 1.5em; height: 1.4em; width:7.2em; padding:0; text-align:right; }

#data-panel .menual-check div select { background:url("../images/formElemBg.png") repeat scroll right center transparent; border:1px solid #A4C5D7; border-radius:0.6em; color:#004B8B;  font-size:1.2em; height:22px; margin-left:15px; padding:2px 2px 2px 4px; width:4.5em; vertical-align:top; }

#data-panel .menual-check div input[type=submit] { background: url("../images/closeMonth.png") repeat scroll right center transparent;  color: #006FB2; font-size: 1.2em; height: 22px; width: 114px; cursor:pointer; border:solid 0; float:right; margin-right:195px; margin-top:0.5em; padding-bottom:0.3em; }

#data-panel .menual-check span.manual-card { display:inline-block; color:#0283D0; font-size: 1.6em; width: 8em;  }

#data-panel .menual-check span.manual-card-sm { display:inline-block; color:#0283D0; font-size: 1.6em; width: 7em;  }

#data-panel .menual-check span.manual-card-title { display:inline-block; color:#0283D0;  font-size: 1.6em; width:15em; text-decoration:underline; margin-top:0.5em;  }

#data-panel .menual-check label { display:inline-block; color:#0283D0;  font-size: 1.6em;   }

#data-panel .menual-check span.manual-defect-card-reader-message { display:inline-block; color:#0283D0;  font-size: 1.6em; width:30em; margin-top:0.5em;  }



/* Menual Check Zakaut 
----------------------------------*/

#centered-content .zakaut-message { line-height:600%; height:6em; background: url("../images/confirm-bg.png") no-repeat scroll right center transparent; }

#centered-content .zakaut-message span { color: #13af25;  font-family: TypoPasBold; font-weight:normal;  font-size: 2.8em; display: inline-block; margin-right:2.5em; }

#centered-content .no-card-notification span { color:red; display:inline-block;  font-size:1.6em; margin-top:1em; margin-bottom:1em; }

.tab-panel{clear:both;}

} /* end media screen */


/* Print Zakaut 
----------------------------------*/
	
@media print{	
	
body { color:#000; font-family:arial; font-size:14px; width:100% }

#bm-header { display:none;	}
	
#printScreen { display:none; }
	
#disTd 	{ display:none;	}

#check-bm-right { display:none;}	

#viewTd	{	display: inline;	font-family:arial;	color:black;	}

#fontV{	font-family:arial;	font-size:18px;	text-decoration : underline;	color:black;	}

#colorTd{	color:black;	border-color:#7F7B7B;	}

#printBorderColor{	color:black;	border-color:#7F7B7B;	}

#headerScreen{	display:none;	}

#headerPrint{	display:;	}

#main ul.right-bt {	display:none;	}

#bm-menu-bar { display:none;  }

.bm-sum { direction: ltr; text-align: left;}

.print-bt { display:none;  }

.report-table .mo-all-table { background-color:#ffffff; border-collapse:collapse; border: solid #000 1px; }
		
#centered-content { float:right; margin-left:auto; margin-right:auto; text-align:right; width:100%; font-size:12px; padding-right:0; }

#centered-content .bm-sub-bar { color: #000; font-family: tahoma,arial; font-size: 1.6em; text-align:center; margin-bottom:20px; text-decoration:underline; }

.report-table .bm-report-filter { direction:ltr;  width:100%; border:soild 1px #000; height: 42px; text-align: right; padding-top:18px; padding-right:10px; margin-bottom:20px; }

.report-table .bm-report-filter span.key-text { vertical-align:top; display:inline-block; font-family: tahoma, Arial; font-size: 12px; color:#000; text-align:right; width:80px; }

.report-table .bm-report-filter span.key-number{  display:inline-block; text-align:center; color: #000; font-family: tahoma,arial; font-size: 12px; height: 22px; width:22px;  }

.mo-all-table { background-color:#ffffff; border-collapse:collapse; width:95%; border: solid #000 1px; margin-top:10px; margin-bottom:10px; margin-left:0;margin-right:0; }

.mo-all-header-td {  background-color:#1C8ED3; border: solid 1px #000; border-top: solid 1px #000; text-align:center; height:20px; color:#000; font-family: tahoma, Arial; font-size: 12px; }

.mo-all-td {  border: solid 1px #000; font-weight:normal; text-align:right; height:24px; color:#000; font-family: tahoma, Arial; font-size: 12px; cursor:pointer; direction:ltr; }

.mo-all-td-ltr {  border: solid 1px #000; font-weight:normal; text-align:right; height:24px; color:#000; font-family: tahoma, Arial;  cursor:pointer; direction:ltr; }

.mo-all-td-en {  border: solid 1px #000; font-weight:normal; text-align:right; height:24px; color:#000;  font-family:  Arial; font-size: 11px; cursor:pointer; direction:ltr; }
	
	}