﻿    body,select,.myfont,
    .middle .container span
    {font:normal 12px Tahoma}

	body{background:#dfdfdf;text-align:center;padding:0;margin:0;direction:rtl;}
	a{color:#0061B6;}	
	a:hover{color:#ff0000;text-decoration:none;}
    	
	.cash table{font-size:12px;border-collapse:collapse;}
	.cash th,td{text-align:center;padding:3px;border:1px solid gray;}

	.info table{font-size:12px;border-collapse:collapse;}
	.info td{text-align:center;padding:3px;border-width:0px;}
	.info td input{width:200px;}
    	
	.textcolor{color:#555}
	.main{width:950px;height:auto;margin:0 auto;margin-top:0px;background:white;font-family:tahoma;border:1px solid white;}
		.header{height:120px;background:url(img/head_bg.jpg);color:white}
		.header .title{font:bold 38px nazanin,tahoma;text-align:right;padding:11px 20px 0 0;}
		.header .desc{font:normal 18px nazanin,tahoma;text-align:right;padding:0 20px;}
		.container{margin:10px;border:0px solid green;}
			.middle{height:500px;}
			.middle .right-div{float:right;width:50%;height:auto;/*border-left:#146EA2 1px dotted;*/}			
			.middle .left-div{float:left;width:49%;height:auto;}
			.middle .container {border:0px solid gray;margin:10px;padding:10px;text-align:center;}
		
			.tableCard {margin-left:0 !important;margin-left:30px;}
			.middle .container .cardtitle{border:0px solid #000;width:341px;height:auto;margin:0 auto;}
			.middle .container .cardtitle table{border-width:0;border-collapse:collapse;}
			.middle .container .cardtitle td{font:bold 13px tahoma;border-width:0px;padding:0px;width:111px;height:32px;background-repeat:no-repeat;cursor:pointer;}
			.middle .container .cardtitle div{width:111px;height:32px;display:inline}
			.middle .container .cardtitle a{margin:-3px;padding:0px;}
			.middle .container .cardtitle a img{border:none}
			.middle .container .cardDiv{background:#FDF2B2;width:335px;height:140px;border:3px solid #FAD610;margin:0 auto;}
			.middle .container .cardDiv table{border-collapse:collapse;border-width:0;font-size:12px;}
			.middle .container .cardDiv td{border-width:0;}
			.middle .container h2{margin:0;margin-bottom:10px;padding:0px;color:#0260B7;font-size:12px;}
			#bankha div:hover{border:solid 2px #ffb300;}
			.banknameDiv{height:30px;font-size:12px;}
			#bankha div.selected{border:solid 2px green;}				

			.stepNumber{display:inline;float:right;padding-top:3px;color:maroon;background:url(img/stepbg.gif) no-repeat top center;position;absolute;top:0;right:0;width:45px;height:35px;font:normal 30px arial;}
			.actionButton{width:140px;height:45px;font:normal 14px tahoma;color:white;border-width:0px;background:#269f80 url(img/button.jpg);cursor:pointer}

			.cautionDiv{text-align: center;width:315px;margin:0 auto;margin-top:10px;/*margin-right:77px;*/font:normal 12px/17px tahoma;
				    border:1px solid #C7A677;color:#97651D;background:#FBFAF6;padding:10px;}
			
			.KharidOmde{font:bold 16px arial;color:#15A4B9;padding:5px 10px;margin:0 auto;background:#D5F7FC;width:900px;}
			.customLink{text-ali:center;}
			.customLink a{display:inline;color:#9EBD82;text-decoration:none;font:bold 16px arial}			
			.customLink a:hover{color:#d00;}	

			.owner{color:#B16BA8;font:bold 16px arial;width:900px;padding:5px 10px;background:#FFEBFC;margin:0 auto 10px auto;}

			.footer{font-size:12px;border-top:#146EA2 solid 0px;padding-top:10px;height:90px;}
			.footer .right-div{float:right;width:43%;height:100%;padding:10px 40px 0  0;border:#146EA2 solid 0px;background:url(img/poshtibani_icon.jpg) no-repeat 99% center;}
			.footer .right-div div{text-align:center;border:red solid 0px;margin-bottom:5px;}
			.footer .left-div{float:left;width:49%;height:100%;text-align:right;}
#CardInfo
{
	width:289px;
	height:200px;
	padding:70px 20px;
	margin:0px auto;
	background:#f1f1f1 url(img/namayeshecard.jpg) no-repeat;
}
.warningbox
{
	width:289px;
	height:160px;
	padding:110px 20px 70px 20px;
	margin:100px auto;
	background:#f1f1f1 url(img/warning.jpg) no-repeat;
}
#bankha {height:30px; }
#bankha div {
	width:30px;
	height:30px;
	border:2px #f5f5f5 solid;
	float:right;
	margin-left:1px;	
	background-image:url(img/bankha.gif);
	background-repeat:no-repeat;
}

#banksaman{	background-position:-120px 3px; }
#banknovin{	background-position:-240px 3px; }
#bankmellat{	background-position:-30px 3px; }
#bankkeshavarzi{	background-position:-270px 3px; }
#banksina{	background-position:-180px 3px; }
#bankPasargad{	background-position:-90px 3px; }
#bankparsian{	background-position:-60px 3px; }
#banktosee{	background-position:-210px 3px; }
#banksanat{	background-position:-150px 3px; }
#bankmelli{	background-position:0px 3px; }
#banksaderat{	background-position:-300px 3px; }

.OperationBox
{
	margin:0 auto;
	text-align:center;
	padding:20px 0 5px 0;	
}

.warningbox h3
{
    color:#E4764B;
    margin-bottom:20px;
}

.OperationBox h3,.OperationBox h2
{
    color:#6FB163;
    margin-bottom:20px;
}
