* {
	font-family: Tahoma;
	font-size: 11px;
	outline: none
}

img {
	vertical-align: middle
}

a {
	color: #000;
	text-decoration: none
}

a:hover {
	color: #cc6082;
	text-decoration: none
}

html {
	padding: 0;
	margin: 0;
	height: 100%;
	width: 100%
}

body {
	padding: 0;
	margin: 0;
	height: 100%;
	width: 100%;
	background: #fff url(../_images/headerBG.png) top repeat-x
}

img {
	border: none
}

input {
	padding: 3px 0
}

.spacer {
	display: inline-block
}

.w5 {
	width: 5px!important
}

.w10 {
	width: 10px!important
}

.w15 {
	width: 15px!important
}

.w20 {
	width: 20px!important
}

.w50 {
	width: 50px!important
}

select,
input {
	min-height: 20px!important
}

.divLoginInput .cimg {
	width: 188px;
	height: 34px;
	margin-bottom: 15px;
	border: 1px solid #ccc;
	box-sizing: border-box
}

.divLoginInput .cimg img {
	width: 100%;
	height: 100%
}

td .cimg {
	width: 154px;
	height: 34px;
	margin-bottom: 15px;
	border: 1px solid #ccc;
	box-sizing: border-box
}

td .cimg img {
	width: 100%;
	height: 100%
}

.divLoginInput input,
.divLoginInput button {
	font-family: inherit
}

.placeholder {
	color: #aaa;
	line-height: 32px!important
}

.loginBody {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover
}

.divSlogan {
	background-position: top left;
	background-repeat: no-repeat;
	bottom: 40px;
	cursor: pointer;
	height: 55px;
	opacity: .5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	position: absolute;
	transition: opacity 1s;
	width: 180px
}

.divSlogan:hover {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	transition: opacity 1s
}

.divLoginLayout {
	background: transparent;
	bottom: 0;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 790px
}

.divLoginMain {
	background: #fff;
	border: 1px solid #ccc;
	box-sizing: border-box;
	height: 100%;
	padding: 29px;
	width: 280px
}

.divLoginLogo {
	background-position: center 0;
	background-repeat: no-repeat;
	height: 150px
}

.divLoginWelcome {
	background: #d9edf7;
	border: 1px solid #bce8f1;
	box-sizing: border-box;
	color: #3170a9;
	height: 35px;
	line-height: 32px;
	margin: 0 0 15px;
	text-align: center
}

.divLoginError {
	background: #f2dedf;
	border: 1px solid #ebccd1;
	box-sizing: border-box;
	color: #aa4442;
	height: 35px;
	line-height: 32px;
	margin: 0 0 15px;
	text-align: center
}

.divLoginInput {
	margin: 0 0 15px
}

.divLoginInput input {
	background-repeat: no-repeat;
	border: 1px solid #ccc;
	box-sizing: border-box!important;
	height: 34px;
	line-height: 34px;
	outline-width: 0;
	width: 188px;
	z-index: 1
}

.divLoginInput input:focus {
	border: 1px solid #75beef
}

::-webkit-input-placeholder {
	color: #b3b3b3
}

:-moz-placeholder,
::-moz-placeholder {
	color: #b3b3b3;
	opacity: 1
}

:-ms-input-placeholder {
	color: #b3b3b3
}

.inputUsername {
	background: url('../_images/loginUsernameIcon.png');
	width: 220px!important
}

.inputPassword {
	background: url('../_images/loginPasswordIcon.png')
}

.inputPasswordType {
	background: url('../_images/loginPasswordTypeIcon.png')
}

.inputCaptcha {
	background: url("../_images/loginCaptchaIcon.png");
	width: 220px!important
}

.imgKeyboard,
.imgSelect,
.imgRefreshCaptcha {
	border: 1px solid #ccc;
	cursor: pointer;
	height: 32px;
	width: 31px
}

td .imgRefreshCaptcha {
	float: none!important
}

.divSelectBox {
	position: relative
}

.divSelectBox input {
	cursor: pointer
}

#divPasswordTypeOptions {
	background: #fff;
	border: 1px solid #ccc;
	box-sizing: border-box;
	display: none;
	position: absolute;
	top: 33px;
	width: 220px
}

.divSelectOptions ul {
	list-style-type: none;
	margin: 0
}

.divSelectOptions ul li {
	cursor: pointer;
	border-bottom: 1px solid #ccc;
	display: inline-block;
	float: right;
	padding: 10px;
	width: 198px;
	margin: 0;
	transition: background-color .5s
}

.divSelectOptions ul li:last-child {
	border-bottom: none
}

.divSelectOptions ul li.disabled {
	color: #999;
	cursor: default
}

.divSelectOptions ul li.selected {
	background: #ffe9a5;
	transition: background-color .5s
}

.divLoginInput .btnLogin {
	background: #090;
	border: 1px solid #080;
	box-sizing: border-box;
	color: #fff;
	cursor: pointer;
	text-align: center;
	height: 34px;
	line-height: 20px;
	transition: background-color 1s;
	width: 220px
}

.divLoginInput .btnLogin:hover {
	background: #070;
	transition: background-color 1s
}

.divLoginInput .btnSendSms {
	width: 105px;
	float: right;
	cursor: pointer;
	text-align: center;
	height: 34px;
	line-height: 20px
}

.divLoginInput .btnSendSms.default {
	background: #337ab7;
	border: 1px solid #2e6da4;
	display: block;
	color: #fff
}

.divLoginInput .btnSendSms.default:hover {
	background: #2c66a4;
	transition: background-color 1s
}

.divLoginInput .btnSendSms.sending {
	background-color: #82b8e6;
	border: 0;
	display: block;
	color: #fff
}

.divLoginSide {
	background: #fff;
	border: 1px solid #ccc;
	box-sizing: border-box;
	position: relative;
	top: 30px;
	width: 510px
}

.divLanguageBar {
	background: #333;
	box-sizing: border-box;
	height: 40px;
	padding: 10px 29px;
	position: absolute;
	text-transform: uppercase;
	top: 0;
	width: 100%
}

.divLanguageBar a {
	background: url(../_images/languageIcon.png) no-repeat;
	color: #fff;
	display: block;
	font-size: 11px;
	height: 20px;
	line-height: 20px;
	text-decoration: none
}

.divLanguageBar a:hover {
	color: #f90
}

.divCopyright {
	background: #333;
	bottom: 0;
	box-sizing: border-box;
	color: #fff;
	direction: rtl;
	font-size: 12px;
	height: 40px;
	padding: 12px 0 0 29px;
	position: absolute;
	text-align: left;
	width: 100%
}

.divCopyright a {
	color: #999;
	text-decoration: none
}

.divSecurityNotes {
	padding: 10px 0 20px;
	position: absolute;
	width: 100%
}

.divSecurityNotes h1 {
	color: #c00;
	font-size: 15px;
	text-align: center
}

.divSecurityNotes p {
	text-align: center
}

.securityNoteImage {
	box-sizing: border-box;
	height: 120px;
	padding: 20px 0
}

.securityNoteImage img {
	margin: 0 auto
}
.securityNoteImage video {
	margin: 0 auto
}

.securityNoteDescription {
	height: auto;
	line-height: 20px;
	text-align: center
}

.divCopyright a:hover {
	color: #f90;
	text-decoration: none
}

#divWrapper {
	width: 95%;
	height: 100%;
	margin: 0 auto
}

#divHeader {
	height: 70px;
	padding: 20px 0
}

#divSL {
	padding-top: 8px
}

#divLogo {
	height: 70px;
	width: 170px
}

#divUser {
	height: 70px
}

#divUser * {
	white-space: nowrap
}

#divWL {
	height: 40px
}

#divWL p {
	padding: 5px 0;
	margin: 0;
	border-bottom: 1px solid #e5e5e5
}

#divWL #info strong {
	color: #090;
	font-weight: normal
}

#divWL #lastInfo strong {
	color: #c00;
	padding: 0 5px;
	font-weight: normal
}

#divSL ul {
	list-style-type: none;
	padding: 0;
	margin: 0
}

#divSL li {
	display: inline-block;
	height: 22px;
	background-position: bottom
}

#divSL li * {
	line-height: 20px
}

#liSettings {
	background: url(../_images/iconSettings.png) no-repeat
}

#liLogout {
	background: url(../_images/iconLogout.png) no-repeat
}

#liLanguage {
	background: url(../_images/iconLanguage.png) no-repeat
}

#divSL a {
	color: #000;
	text-decoration: none
}

#divSL a:hover {
	color: #be5a23
}

#divMenu {
	height: 80px;
	background: url(../_images/menuBG.png) top repeat-x;
	border-left: 1px solid #ebebeb;
	border-right: 1px solid #ebebeb
}

#divMenuSections {
	width: 100%
}

#divMenuSections ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	font-size: 0
}

#divMenuSections li {
	display: inline-block;
	width: 110px;
	padding: 0;
	margin: 0;
	position: relative
}

#divMenuSections li.active {
	background: url(../_images/menuHoverBG.png) top no-repeat
}

#divMenuSections li:hover {
	background: url(../_images/menuHoverBGHover.png) top repeat-x
}

#divMenuSections a {
	display: inline-block;
	width: 110px;
	height: 32px;
	padding: 48px 0 0;
	text-align: center;
	color: #333;
	text-decoration: none;
	background-position: top 10px center!important;
	background-repeat: no-repeat!important;
	opacity: .75
}

#divMenuSections #mnu_depositAccounts {
	background: url(../_images/menuSectionIconDeposits.png) center 10px
}

#divMenuSections #mnu_depositAccounts:hover,
#divMenuSections li.active #mnu_depositAccounts {
	background: url(../_images/menuSectionIconDepositsHover.png) center 10px
}

#divMenuSections #mnu_fundTransfer {
	background: url(../_images/menuSectionIconFundTransfer.png) center 10px
}

#divMenuSections #mnu_fundTransfer:hover,
#divMenuSections li.active #mnu_fundTransfer {
	background: url(../_images/menuSectionIconFundTransferHover.png) center 10px
}

#divMenuSections #mnu_cheque {
	background: url(../_images/menuSectionIconCheque.png) center 10px
}

#divMenuSections #mnu_cheque:hover,
#divMenuSections li.active #mnu_cheque {
	background: url(../_images/menuSectionIconChequeHover.png) center 10px
}

#divMenuSections #mnu_loans {
	background: url(../_images/menuSectionIconLoan.png) center 10px
}

#divMenuSections #mnu_loans:hover,
#divMenuSections li.active #mnu_loans {
	background: url(../_images/menuSectionIconLoanHover.png) center 10px
}

#divMenuSections #mnu_card {
	background: url(../_images/menuSectionIconCard.png) center 10px
}

#divMenuSections #mnu_card:hover,
#divMenuSections li.active #mnu_card {
	background: url(../_images/menuSectionIconCardHover.png) center 10px
}

#divMenuSections #mnu_eservice {
	background: url(../_images/menuSectionIconEService.png) center 10px
}

#divMenuSections #mnu_eservice:hover,
#divMenuSections li.active #mnu_eservice {
	background: url(../_images/menuSectionIconEServiceHover.png) center 10px
}

#divMenuSections #mnu_dashboard {
	background: url(../_images/menuSectionIconCartable.png) center 10px
}

#divMenuSections #mnu_dashboard:hover,
#divMenuSections li.active #mnu_dashboard {
	background: url(../_images/menuSectionIconCartableHover.png) center 10px
}

#divMenuSections #mnu_more {
	background: url(../_images/menuSectionIconMore.png) center 10px
}

#divMenuSections #mnu_more:hover,
#divMenuSections li.active #mnu_more {
	background: url(../_images/menuSectionIconMoreHover.png) center 10px
}

#divMenuSections #mnu_serviceCenter {
	background: url(../_images/menuSectionIconServiceCenter.png) center 10px
}

#divMenuSections #mnu_serviceCenter:hover,
#divMenuSections li.active #mnu_serviceCenter {
	background: url(../_images/menuSectionIconServiceCenterHover.png) center 10px
}

#divMenuSections #mnu_contacts {
	background: url(../_images/menuSectionIconContacts.png) center 10px
}

#divMenuSections #mnu_contacts:hover,
#divMenuSections li.active #mnu_contacts {
	background: url(../_images/menuSectionIconContactsHover.png) center 10px
}

#divMenuSections #mnu_boursar {
	background: url(../_images/menuSectionIconBoursar.png) center 10px
}

#divMenuSections #mnu_boursar:hover,
#divMenuSections li.active #mnu_boursar {
	background: url(../_images/menuSectionIconBoursarHover.png) center 10px
}

#divMenuSections #mnu_vc_referenceCode {
	background: url(../_images/menuSectionIconReferenceCode.png) center 10px
}

#divMenuSections #mnu_vc_referenceCode:hover,
#divMenuSections li.active #mnu_vc_referenceCode {
	background: url(../_images/menuSectionIconReferenceCodeHover.png) center 10px
}

#divMenuSections #mnu_vc_mainActivities {
	background: url(../_images/menuSectionIconMainActivities.png) center 10px
}

#divMenuSections #mnu_vc_mainActivities:hover,
#divMenuSections li.active #mnu_vc_mainActivities {
	background: url(../_images/menuSectionIconMainActivitiesHover.png) center 10px
}

#divBalance {
	min-width: 170px;
	height: 60px;
	padding: 20px 0 0;
	background: url(../_images/balanceBG.png) top repeat-x;
	color: #fff;
	text-align: center;
	display: none!important
}

#divContentSection {
	position: relative;
	padding-top: 30px;
	padding-bottom: 50px
}

#divContentSection:after {
	clear: both;
	content: "";
	display: block
}

#divSubMenuPanel {
	width: 200px
}

#divPanel {
	width: 200px;
	height: 400px;
	background: #000;
	border: 1px solid #ccc;
	display: none
}

#footer {
	background-color: #293035;
	border-top: 1px solid #404853;
	bottom: 0;
	width: 100%;
	color: #999;
	position: fixed;
	display: block;
	clear: both
}

#footer div {
	padding: 10px
}

.footerCopyRightParsian a,
.footerCopyRight a {
	color: #ccc
}

.footerCopyRightParsian a:hover,
.footerCopyRight a:hover {
	color: #fff
}

ul.menu,
ul.menu ul {
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
	width: 200px;
	text-align: right
}

ul.menu a {
	display: block;
	height: 20px;
	text-decoration: none
}

ul.menu li {
	margin-top: 1px
}

ul.menu li a,
ul.menu ul.menu li a {
	background: #b39162 url(../_images/subMenusArrowDown.png) 5% center no-repeat;
	color: #fff;
	padding: 10px;
	text-decoration: none
}

ul.menu li a:hover,
ul.menu ul.menu li a:hover,
ul.menu a.active,
ul.menu ul.menu li a.active {
	background-color: #be5922
}

ul.menu li ul li a,
ul.menu ul.menu li ul li a {
	background: #f2ecda;
	color: #000;
	padding-right: 10px
}

ul.menu li ul li a:hover {
	background: #d9d3c3;
	padding-right: 10px
}

ul.menu ul.menu li a:hover {
	border-left: 0;
	padding-right: .5em
}

ul.menu ul.menu {
	border-right: 5px #f00 solid
}

div.panel {
	border: 1px #000 solid;
	padding: 5px;
	margin-top: 1px
}

ul.menu div.panel a,
ul.menu div.panel li a:hover {
	display: inline;
	color: #666;
	background: none;
	margin: 0;
	padding: 0;
	border: none;
	font-weight: bold
}

ul.menu div.panel a:hover {
	color: #000;
	text-decoration: underline
}

.wrap {
	width: 1020px;
	height: 500px;
	margin: 0 auto
}

.shl {
	width: 10px;
	height: 400px;
	background: url(../_images/shadow.jpg) top left no-repeat;
	float: left
}

.main {
	width: 1000px;
	background: transparent;
	float: left;
	padding: 0 0 10px
}

.shr {
	width: 10px;
	height: 400px;
	background: url(../_images/shadow.jpg) top right no-repeat;
	float: left
}

.divClear {
	clear: both;
	margin: 0;
	padding: 0
}

.fa {
	background-repeat: no-repeat
}

.en {
	background-repeat: no-repeat;
	font-family: Calibri!important
}

#cntnt {
	margin-top: 15px
}

.fw {
	width: 100%!important
}

.pttl {
	position: relative;
	height: 20px;
	background: #992217;
	color: #fff;
	padding: 8px 10px 12px;
	margin-bottom: 20px
}

#hdr .wlcm {
	color: #000;
	display: block;
	position: absolute
}

#hdr .wlcm strong {
	font-weight: normal;
	color: #ba845b
}

.pttl a,
.tbttl a,
.dl a {
	color: #ddd;
	padding: 0 4px;
	cursor: pointer
}

.pttl .help {
	margin: 0 3px
}

.help,
span.close {
	cursor: pointer
}

#divSIPanel {
	background: #fff url(../_images/siBG_en.jpg) bottom left no-repeat
}

#divCUIDPanel {
	background: #fff url(../_images/cuidBG_en.jpg) bottom left no-repeat
}

#divInfoPanel {
	background: #fff url(../_images/infoBG_en.jpg) bottom left no-repeat
}

#hpb {
	background: #fff
}

#cntntPanel {
	margin: 0;
	overflow: hidden;
	padding-bottom: 40px;
	min-height: 400px
}

#cntntPanel p {
	margin-top: 5px
}

#divOpenAccountPanel {
	background: #fff url(../_images/openAccountBG_en.jpg) bottom right no-repeat
}

#divAgreementPanel {
	background: #fff url(../_images/agreementBG_en.jpg) bottom right no-repeat
}

.sifrm {
	direction: rtl;
	text-align: right;
	line-height: 15px;
	padding: 0 10px 10px
}

.ssep {
	width: 10px;
	height: 120px;
	background: url(../_images/cnSeperatorLine.png) top no-repeat
}

.stxt,
.divChangeUserIDTexts {
	width: 300px;
	text-align: justify;
	line-height: 15px;
	padding: 10px
}

.cimg {
	width: 160px
}

.tdKeyboard {
	padding: 2px 0 0
}

.divSigninError {
	width: 295px;
	padding: 10px 10px 0 0
}

.divSigninError img {
	float: right;
	margin: 0 0 0 10px
}

.divSigninError a {
	color: #c00;
	text-decoration: none;
	border-bottom: none
}

.divSigninError a:hover {
	color: #c00;
	text-decoration: none;
	border-bottom: 1px solid #c00
}

.tdUsernameOld {
	padding: 4px;
	background-color: #f8f8f8;
	text-align: center;
	border: 1px dashed #999
}

.divInfoAligner {
	margin: 10px 0 0 10px
}

.divInfoTexts {
	width: 700px;
	direction: rtl;
	text-align: justify;
	line-height: 15px;
	padding: 10px;
	float: left
}

.tblInfo {
	direction: ltr;
	border: 1px solid #000;
	border-collapse: collapse;
	margin: 0 auto
}

.tblInfo td {
	direction: rtl;
	text-align: center
}

.tblInfo .tdCaption {
	background-color: #8c425a;
	color: #fff
}

.dHBA {
	margin: 10px 0 0
}

.hTxts {
	width: 700px;
	text-align: justify;
	line-height: 17px;
	padding: 10px 10px 10px 0;
	margin: 0
}

.hTxts .sctn {
	width: 200px
}

.sctn .divTitle {
	height: 25px;
	width: 200px
}

.sctn .divTitle span {
	line-height: 25px;
	color: white;
	padding: 0 5px
}

.sctn #dIB {
	height: 250px;
	padding: 10px;
	background: url(../_images/homeBankingInternetBanking.jpg) bottom no-repeat
}

.sctn #dOS {
	height: 250px;
	padding: 10px;
	background: url(../_images/homeBankingOnlineShopping.jpg) bottom no-repeat
}

.sctn #dOP {
	height: 250px;
	padding: 10px;
	background: url(../_images/homeBankingOnlinePayment.jpg) bottom no-repeat
}

.sctn #dIB form {
	margin: 6px 0 0
}

.sctn ul {
	margin: 0;
	padding: 0
}

#ibttl {
	margin: 0 0 5px;
	background: url(../_images/homeBankingInternetBankingTitleBG.jpg) top no-repeat
}

*:first-child+html #ibttl {
	margin: 0
}

#tdInternetBankingLabel {
	padding: 0 0 0 5px
}

#tdInternetBankingSubmit {
	width: 20px;
	text-align: left;
	vertical-align: middle;
	padding: 3px 0 0
}

x:-moz-any-link,
x:only-child {
	padding: 3px 0 0
}

*:first-child+html #tdInternetBankingSubmit {
	padding: 0
}

#tdInternetBankingCustomerNumber {
	width: 85px
}

.sctn #dIB hr {
	height: 1px;
	background: #ddd;
	border: none
}

.hTxts .sctn ul {
	padding-left: 0;
	margin-top: 0
}

.cHldr {
	line-height: 15px
}

.ui-dialog .cHldr {
	padding: 0
}

.tblFormHolder label {
	white-space: nowrap
}

label {
	display: block;
	white-space: nowrap
}

.tdFormSectionTitle {
	border-bottom: 1px solid #000;
	padding: 0 0 5px
}

.divInput18 {
	width: 18px
}

.divInput30 {
	width: 30px
}

.divInput125 {
	width: 125px
}

.tdinlineAlert {
	width: 250px;
	padding: 10px;
	background: #fff0f5;
	color: #651e36;
	text-align: justify
}

.divButtons {
	border-top: 1px dashed #999;
	padding: 10px 0 0;
	margin: 5px 0 0
}

#tooltiptext {
	z-index: 0;
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden
}

#tooltip {
	padding: 6px 8px;
	min-width: 50px;
	color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display: none;
	position: absolute
}

#tooltip table {
	max-width: 380px;
	display: block
}

#tooltip table td.tipttl span {
	font-style: italic
}

#tooltip table td strong {
	display: block
}

#tooltip table td strong.number {
	direction: ltr
}

#tooltip,
.arrow:after {
	background: #fff9c9;
	border: 1px solid #c7bf93
}

.arrow {
	width: 70px;
	height: 16px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -35px;
	bottom: -16px
}

.arrow.top {
	top: -16px;
	bottom: auto
}

.arrow.left {
	left: 20%
}

.arrow:after {
	content: "";
	position: absolute;
	left: 20px;
	top: -20px;
	width: 25px;
	height: 25px;
	box-shadow: 6px 5px 9px -9px black;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.arrow.top:after {
	bottom: -20px;
	top: auto
}

img.dp {
	cursor: pointer;
	margin: 0 3px
}

table.datePicker {
	border: 1px solid #aaa;
	background-color: #edeae8
}

table.datePicker thead tr th,
table.datePicker thead tr td,
table.datePicker tbody tr td {
	padding: 1px;
	border: 1px solid white
}

table.datePicker thead th {
	font-weight: normal
}

table.datePicker thead td {
	text-align: center;
	background-color: #8c425a;
	color: white;
	font-weight: normal
}

table.datePicker tbody tr td {
	background-color: #edeae8
}

table.datePicker tbody tr td a {
	display: block
}

a.disabled,
a.disabled:hover {
	background-color: #edeae8;
	color: #aaa
}

table.datePicker tbody tr td a:hover {
	background-color: #e96;
	color: white
}

a.cdate {
	background-color: #ecd
}

#ibanSrch {
	margin: 20px;
	text-align: center
}

#ibanSrch div {
	height: 30px;
	text-align: center
}

#ibanSrch * {
	font-size: 16px;
	line-height: 20px
}

#ibanSrch button {
	height: 25px;
	vertical-align: middle
}

.tabs {
	margin: 0;
	padding: 0;
	border-bottom: 2px solid #be5923;
	display: block;
	height: 30px
}

.tabs li {
	border-bottom: 0 none!important;
	background-color: #414141;
	color: white;
	float: right;
	list-style: none outside none;
	margin: 0;
	padding: 0;
	position: relative;
	top: 1px;
	white-space: nowrap
}

.tabs li a {
	color: white;
	float: left;
	padding: 6px 15px 7px;
	text-decoration: none
}

.tabs li.selected {
	margin-bottom: 0;
	padding-bottom: 1px;
	color: black;
	background-color: #be5923
}

.utabs li.selected * {
	color: white
}

.tabs li.selected a {
	cursor: default
}

#mMask {
	position: absolute;
	z-index: 9000;
	background-color: #000;
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.mWindow,
#dialog,
#modal {
	display: none
}

#dialog {
	font-weight: normal
}

#mBody {
	background-color: white;
	white-space: normal;
	overflow: auto
}

.mWindow {
	position: absolute;
	width: 440px;
	height: 200px;
	display: none;
	z-index: 9999;
	padding: 5px;
	border-radius: 5px;
	border: 5px solid yellow
}

#screensaver {
	display: none;
	position: absolute;
	background-color: #000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2500;
	color: #555
}

#screensaver * {
	color: #555
}

#screensaver #simg {
	background: url('../_images/parsian.jpg') center no-repeat #000;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

#screensaver table {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

#screensaver td * {
	display: block
}

#screensaver td span {
	font-size: 18px
}

#screensaver td strong {
	font-size: 20px;
	padding: 30px
}

#screensaver td p {
	font-size: 16px
}

#loading {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 5000;
	opacity: .5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: .5;
	width: 100%;
	height: 100%;
	text-align: center;
	background: url('../_images/preloader.gif') no-repeat center #000
}

#loading img {
	padding-top: 250px
}

iframe#loading {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 5000;
	opacity: .7;
	-moz-opacity: .7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70)
}

iframe#loading_fr {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #1e1e1e;
	opacity: .1;
	-moz-opacity: .1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
	filter: alpha(opacity=10)
}

div#loading,
div#loading div {
	position: fixed;
	left: 0;
	top: 0;
	font-size: 0;
	line-height: 0;
	height: 100%;
	width: 100%
}

div#loading {
	background-image: url('../_images/parsian.png');
	background-repeat: no-repeat;
	background-position: center 250px;
	background-color: #1e1e1e;
	opacity: .7;
	-moz-opacity: .7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70)
}

#out {
	background-image: url('../_images/parsianOutline.png');
	background-repeat: no-repeat;
	background-position: center 249px;
	background-color: transparent
}

#overlay {
	height: 450px;
	background-color: #1e1e1e
}

.ui-widget-overlay {
	background-color: #000;
	position: absolute;
	top: 0;
	left: 0;
	opacity: .5;
	-moz-opacity: .5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50)
}

.ui-helper-clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden
}

.ui-dialog {
	background-color: #fff;
	border: 1px solid #ddd;
	position: absolute;
	padding: 1px;
	overflow: hidden
}

.ui-dialog .ui-dialog-titlebar {
	position: relative;
	height: 20px;
	background: #992217;
	color: #fff;
	padding: 8px 10px 12px
}

.ui-dialog .ui-dialog-title {
	font-family: 'BBCNassimBold'!important;
	font-size: 16px!important;
	float: right;
	color: white
}

.ui-dialog .ui-dialog-titlebar-close {
	float: left;
	height: 22px;
	width: 22px;
	background: url('../_images/window_close.png') no-repeat top left;
	cursor: pointer
}

.ui-dialog-titlebar .ui-state-hover {
	background: url('../_images/window_close.png') no-repeat top left!important
}

.ui-dialog .ui-dialog-titlebar-close span {
	display: none
}

.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close:focus {
	padding: 0
}

.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: 10px;
	background: none;
	overflow: auto;
	zoom: 1
}

.ui-dialog .ui-dialog-buttonpane {
	background-image: none;
	margin: 0;
	padding: 10px 10px 5px
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: left
}

.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer
}

.ui-dialog .ui-resizable-se {
	width: 14px;
	height: 14px;
	right: 3px;
	bottom: 3px
}

.ui-draggable .ui-dialog-titlebar {
	cursor: move
}

.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	left: 0;
	top: -5px;
	width: 100%
}

.ui-resizable-handle {
	display: block;
	font-size: .1px;
	position: absolute;
	z-index: 1000
}

.mainAccount {
	color: green
}

select.nsel {
	width: auto
}

select {
	width: 154px
}

input {
	margin: 0;
	vertical-align: middle
}

button,
select,
textarea.txt,
input.txt,
input.ltxt,
input.stxt,
input.xstxt,
input.xxstxt,
input.date,
input.datePicker,
input.iban,
#password,
#captcha {
	vertical-align: middle;
	padding: 1px
}

option {
	background-color: white;
	padding: 1px
}

option.disabled {
	text-decoration: line-through
}

button {
	min-width: 75px
}

:focus {
	outline: none
}

::-moz-focus-inner {
	border: 0
}

input.txt,
textarea.txt {
	width: 250px
}

input.sm-txt,
textarea.sm-txt {
	width: 200px
}

input.carableTxt {
	width: 148px
}

input.passTxt,
input.criteriaField {
	width: 180px
}

input.amountField {
	width: 130px
}

textarea.nos {
	height: 45px;
	overflow: hidden
}

input.ltxt {
	width: 560px
}

input.stxt,
input.date,
input.datePicker {
	width: 80px
}

input.xstxt {
	width: 50px
}

input.xxstxt {
	width: 20px
}

input.date,
input.datePicker {
	direction: ltr
}

input.iban {
	width: 275px;
	direction: ltr;
	text-align: left
}

.ibanSame,
input.ibanSame {
	width: 250px
}

input.comboBox {
	direction: ltr
}

input.cardExpDate,
input.cvv2 {
	width: 120px
}

input.captcha,
input.secondPass {
	width: 180px
}

label.confirmationLabel {
	height: 27px;
	padding: 0 5px;
	max-width: 110px;
	white-space: normal;
	display: table-cell;
	vertical-align: inherit;
	width: 110px;
	float: none;
	font-weight: bold
}

select.passwordType {
	width: 186px
}

textarea {
	width: 250px;
	resize: none
}

.areaborder {
	border: 1px solid red;
	cursor: pointer
}

.agreement {
	height: 120px;
	width: 450px;
	border: 1px solid;
	background-color: #ccc;
	overflow: scroll;
	overflow-x: auto;
	padding: 5px
}

.agreement ol {
	margin: 0;
	padding: 0
}

.agreement li {
	padding-bottom: 10px
}

.agreement li p {
	text-align: justify
}

.agreement li p.note {
	background-color: #aaa;
	padding: 0 5px;
	font-size: 100%;
	color: #000;
	font-style: italic
}

.agreement li p.note * {
	font-size: 100%;
	color: #000;
	font-style: italic
}

.agreement li p.note span {
	font-weight: bold
}

.note,
.note * {
	color: #9a9a9a;
	font-size: 9px
}

.chknote {
	padding: 0 5px
}

#divHelp {
	position: absolute;
	width: 200px;
	overflow: auto;
	border: 2px solid #999;
	top: 0;
	z-index: 1000;
	background-color: #fff
}

#divHelp .pttl {
	cursor: move
}

#divHelp #divHelpContent {
	background-color: white;
	padding: 3px;
	min-height: 50px
}

#divHelp #divHelpContent p {
	text-align: justify
}

#tabs-content {
	margin-top: 5px
}

td.ft {
	background-color: #eee;
	padding: 5px 1px
}

td.ft table td {
	white-space: nowrap
}

.error {
	background: #ffe5e5;
	color: #c00
}

#error {
	bottom: 0;
	height: 20px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 300px;
	border: 1px dotted #f00;
	background: #fcc;
	padding: 20px;
	text-align: center
}

#nof span {
	padding: 3px
}

#nof .nttl {
	color: #aaa;
	font-style: italic
}

#aafrm {
	border: 1px dotted;
	margin: 20px 0;
	width: 500px
}

.ui-effects-transfer {
	border: 2px dotted gray
}

#tour div {
	position: absolute;
	top: 0;
	left: 0
}

#tour {
	z-index: 700;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	opacity: .8;
	-moz-opacity: .8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80)
}

.shadow {
	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .5);
	box-shadow: 0 2px 2px rgba(0, 0, 0, .5);
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#000000') progid:DXImageTransform.Microsoft.Blur(pixelradius=2)";
	filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#000000') progid : DXImageTransform . Microsoft . Blur(pixelradius = 2)"
}

#tour div {
	background-color: #fff
}

#tourTip {
	position: absolute;
	top: 10px;
	left: 100px;
	width: 400px;
	z-index: 750
}

#tourTip #connector {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-image: url('../_images/ttip_r.png');
	background-position: top center;
	background-repeat: no-repeat;
	background-color: transparent;
	height: 13px
}

#tourTip #content {
	position: relative;
	margin-top: 12px;
	background-color: #ffc;
	border: 1px solid #aaa;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 10px
}

#tourTip #content #msg {
	padding-top: 10px
}

#tourTip #content #msg p {
	text-align: justify
}

#tourTip #content #msg ul {
	margin: 0;
	padding: 10px
}

#tourTip #content #nav {
	padding-top: 5px;
	white-space: nowrap
}

#tourTip.r #connector {
	height: 100px;
	width: 13px;
	left: 0;
	right: auto;
	background-position: left 30px
}

#tourTip.r #content {
	margin-left: 12px
}

#tourTip.l #connector {
	height: 100px;
	width: 13px;
	left: auto;
	right: 0;
	background-position: right 30px
}

#tourTip.l #content {
	margin-right: 12px
}

#tourTip.t #connector {
	height: 13px;
	width: 100%;
	left: 0;
	right: auto;
	top: auto;
	bottom: 0;
	background-position: bottom center
}

#tourTip.t #content {
	margin-bottom: 12px
}

table#bs label {
	width: 90px
}

.pwmeter {
	float: left;
	position: relative;
	margin: 0 5px;
	border-bottom: 8px solid #ddd;
	width: 100px
}

.pwmeter span {
	color: #ddd
}

.pwmeter div {
	position: absolute;
	top: 1px;
	border-bottom: 6px solid #ddd
}

.PWVW span {
	color: #c00
}

.PWVW div {
	border-bottom-color: #c00
}

.PWW span {
	color: #f60
}

.PWW div {
	border-bottom-color: #f60
}

.PWM span {
	color: #e96
}

.PWM div {
	border-bottom-color: #e96
}

.PWS span {
	color: #0d0
}

.PWS div {
	border-bottom-color: #0d0
}

.PWVS span {
	color: #080
}

.PWVS div {
	border-bottom-color: #080
}

h2 {
	font-size: 14px
}

.dl li {
	padding: 5px 0
}

.dl li a {
	padding: 0 2px
}

.dl li a:hover {
	text-decoration: underline
}

.sb {
	background: url('../_images/browsers.png') no-repeat scroll 0 0 transparent;
	width: 123px;
	height: 24px
}

.sb div {
	float: left;
	cursor: pointer;
	width: 24px;
	height: 24px
}

img._b {
	background-image: url('../_images/browsers.png');
	background-repeat: no-repeat;
	background-color: transparent;
	margin: 1px;
	width: 24px;
	height: 24px
}

._bc {
	background-position: -24px 0
}

._bs {
	background-position: -96px 0
}

._bo {
	background-position: -48px 0
}

._bi {
	background-position: -72px 0
}

.address {
	margin-bottom: 10px
}

.address caption {
	font-weight: bold
}

#slide {
	overflow: hidden
}

.slide {
	border: 1px solid #ddd
}

.card_previous,
.card_next {
	cursor: pointer;
	border: 1px solid #999;
	background-color: #ddd;
	width: 8px
}

.file {
	border: 1px solid;
	direction: ltr
}

.progress {
	border: 1px solid #fff;
	margin-top: 10px;
	padding: 1px;
	position: relative;
	width: 100px
}

.bar {
	background-color: #e4dcd9;
	height: 10px;
	width: 0
}

.percent {
	position: absolute;
	top: 0;
	width: 100%;
	text-align: center;
	font-size: 80%
}

.percent * {
	font-size: 80%
}

._alrt {
	text-align: right
}

.legend {
	padding: 0 20px
}

.legend span {
	padding: 1px 10px;
	margin: 0 5px
}

h2 {
	margin: 0 0 5px
}

.pane {
	max-height: 400px;
	overflow: auto
}

a.cal {
	position: relative
}

table.datePicker tbody tr td a.cal:hover {
	color: black
}

a.cal .row {
	display: block;
	margin: 2px 0;
	padding: 0 1px
}

.deposit {
	background-color: #c0c5ff
}

.withdrawal {
	background-color: #fcb0c9
}

.balance {
	border: 1px solid #aaa;
	background-color: #fff
}

p.bal {
	text-align: center;
	font-weight: bold
}

.ui-sortable-helper {
	border: 1px solid #ddd
}

.divConfirmTitle {
	background-color: #0fa;
	padding: 5px;
	border: 1px solid #0a5
}

#divMessage,
.divMessage {
	padding: 15px 35px 15px 10px
}

#divMessage {
	margin-bottom: 20px
}

#divMessage span {
	cursor: pointer
}

.divError {
	border: 1px solid #c00;
	background: #ffe5e5 url(../_images/iconError.png) no-repeat;
	color: #c00
}

.LoginDivError {
	border: 1px solid #ccc!important;
	border-top: none;
	border-bottom: none;
	color: #c00;
	text-align: center;
	background: #ffe5e5!important;
	padding: 1px 0
}

.divAlert {
	border: 1px solid #fc0;
	background: #fffbe5 url(../_images/iconAlert.png) no-repeat;
	color: #bf8000
}

.divConfirm {
	border: 1px solid #090;
	background: #e8ffe5 url(../_images/iconConfirm.png) no-repeat;
	color: #090
}

.divInfo {
	border: 1px solid #06c;
	background: #e5f4ff url(../_images/iconInfo.png) top 10px right 10px no-repeat;
	color: #06c;
	line-height: 20px
}

#_confirm.done td {
	padding: 5px
}

#contactDiv,
#contactDivSource {
	background: #eee;
	margin: 20px 0 0
}

#contactDiv table td,
#contactDivSource table td {
	padding: 10px!important
}

#_confirm.done label {
	color: #555
}

#ulLanding {
	clear: both;
	margin: 0;
	padding: 0
}

#ulLanding #rialNonLongTermDeposits {
	background-image: url(../_images/dashboard/rialNonLongTermDeposits.png)
}

#ulLanding #longTermDepositList {
	background-image: url(../_images/dashboard/longTermDepositList.png)
}

#ulLanding #currencyNonLongTermDeposits {
	background-image: url(../_images/dashboard/currencyNonLongTermDeposits.png)
}

#ulLanding #currencyLongTermDeposits {
	background-image: url(../_images/dashboard/currencyLongTermDeposits.png)
}

#ulLanding #openAccount {
	background-image: url(../_images/dashboard/openAccount.png)
}

#ulLanding #otherAccounts {
	background-image: url(../_images/dashboard/otherAccounts.png)
}

#ulLanding #otherBankAccounts {
	background-image: url(../_images/dashboard/otherBankAccounts.png)
}

#ulLanding #shetabCard {
	background-image: url(../_images/dashboard/shetabCard.png)
}

#ulLanding #otherBanksAccountReport {
	background-image: url(../_images/dashboard/otherBanksAccountReport.png)
}

#ulLanding #soReportAndUpdate {
	background-image: url(../_images/dashboard/soReportAndUpdate.png)
}

#ulLanding #echargeReport {
	background-image: url(../_images/dashboard/echargeReport.png)
}

#ulLanding #soCreate {
	background-image: url(../_images/dashboard/soCreate.png)
}

#ulLanding #createContact {
	background-image: url(../_images/dashboard/createContact.png)
}

#ulLanding #contactList {
	background-image: url(../_images/dashboard/contactList.png)
}

#ulLanding #activeChequeBookList {
	background-image: url(../_images/dashboard/activeChequeBookList.png)
}

#ulLanding #chequeNoteTemporarilyBlocking {
	background-image: url(../_images/dashboard/chequeNoteTemporarilyBlocking.png)
}

#ulLanding #chequeRegister {
	background-image: url(../_images/dashboard/chequeRegister.png)
}

#ulLanding #deliveredChequeStatus {
	background-image: url(../_images/dashboard/deliveredChequeStatus.png)
}

#ulLanding #activeLoanList {
	background-image: url(../_images/dashboard/activeLoanList.png)
}

#ulLanding #loanRepayment {
	background-image: url(../_images/dashboard/loanRepayment.png)
}

#ulLanding #customerCards {
	background-image: url(../_images/dashboard/customerCards.png)
}

#ulLanding #cardBlockingRequest {
	background-image: url(../_images/dashboard/cardBlockingRequest.png)
}

#ulLanding #bills {
	background-image: url(../_images/dashboard/bills.png)
}

#ulLanding #evoucherNGO {
	background-image: url(../_images/dashboard/evoucherNGO.png)
}

#ulLanding #echarge {
	background-image: url(../_images/dashboard/echarge.png)
}

#ulLanding #topup {
	background-image: url(../_images/dashboard/topup.png)
}

#ulLanding #paymentByReference {
	background-image: url(../_images/dashboard/paymentByReference.png)
}

#ulLanding #evoucherReport {
	background-image: url(../_images/dashboard/evoucherReport.png)
}

#ulLanding #assignedAccountsList {
	background-image: url(../_images/dashboard/assignedAccountsList.png)
}

#ulLanding #operationalRequest {
	background-image: url(../_images/dashboard/operationalRequest.png)
}

#ulLanding #waitingForPerforml {
	background-image: url(../_images/dashboard/waitingForPerforml.png)
}

#ulLanding #waitingForApproval {
	background-image: url(../_images/dashboard/waitingForApproval.png)
}

#ulLanding #successful {
	background-image: url(../_images/dashboard/successful.png)
}

#ulLanding #unsuccessful {
	background-image: url(../_images/dashboard/unsuccessful.png)
}

#ulLanding #cancelled {
	background-image: url(../_images/dashboard/cancelled.png)
}

#ulLanding #expired {
	background-image: url(../_images/dashboard/expired.png)
}

#ulLanding #pageSetting {
	background-image: url(../_images/dashboard/pageSetting.png)
}

#ulLanding #changeUserName {
	background-image: url(../_images/dashboard/changeUserName.png)
}

#ulLanding #changePassword {
	background-image: url(../_images/dashboard/changePassword.png)
}

#ulLanding #branchSearch {
	background-image: url(../_images/dashboard/branchSearch.png)
}

#ulLanding li {
	background: no-repeat top right;
	color: #000;
	display: inline-block;
	height: 100px;
	margin-bottom: 20px;
	padding: 0;
	width: 40%;
	background-color: #fff
}

#ulLanding li a p:hover {
	color: #000!important
}

#ulLanding:hover>li {
	opacity: .5;
	-o-transition: opacity .5s;
	-ms-transition: opacity .5s;
	-moz-transition: opacity .5s;
	-webkit-transition: opacity .5s;
	transition: opacity .5s
}

#ulLanding:hover>li:hover {
	opacity: 1;
	-o-transition: opacity .5s;
	-ms-transition: opacity .5s;
	-moz-transition: opacity .5s;
	-webkit-transition: opacity .5s;
	transition: opacity .5s
}

#ulLanding li a {
	display: block;
	height: 100%
}

#ulLanding li h1 {
	border-bottom: 1px dotted #000;
	color: #000;
	font-weight: normal;
	margin: 0;
	overflow: hidden;
	padding: 0 0 5px;
	display: block;
	white-space: nowrap
}

.divMegaMenu {
	max-width: 333px;
	min-height: 80px;
	padding: 0;
	display: none;
	position: absolute;
	left: 0;
	background: #f5f5f5;
	z-index: 2000;
	border: 1px solid #ebebeb
}

.ulTextMenu {
	list-style: none;
	padding: 0;
	margin: 0;
	clear: both
}

.ulTextMenu li {
	width: 110px;
	display: inline-block;
	padding: 0;
	margin: 0;
	color: #999
}

.ulTextMenu li:hover {
	background: #efe5df!important
}

.ulTextMenu li {
	float: right!important;
	margin-right: 20px;
	text-align: right;
	direction: rtl
}

#wrapper ul li {
	border-bottom: 1px dotted #666
}

.ui-autocomplete {
	max-height: 275px;
	overflow-y: auto;
	overflow-x: hidden;
	direction: rtl
}

* html .ui-autocomplete {
	height: 275px
}

.ac-item {
	display: block;
	padding: 5px
}

a.ac-item:hover {
	color: #000
}

.ac-item .value {
	display: block;
	font-weight: bold;
	direction: ltr!important
}

.ac-item .card {
	background: url('../_images/iconCard.png') top right no-repeat
}

.ac-item .alias {
	background: url('../_images/iconAlias.png') top right no-repeat;
	max-width: 200px;
	display: block;
	font-weight: bold;
	color: #666
}

.ac-item .noIcon {
	padding-right: 0;
	padding-left: 0
}

.ac-item .owner {
	display: block;
	background: url(../_images/iconOwner.png) top right no-repeat;
	max-width: 200px
}

.ac-item .value {
	display: block;
	max-width: 250px
}

.ac-item .desc {
	display: block;
	color: #999;
	max-width: 230px
}

.ac-item .noIcon {
	background: none!important
}

.ac-highlight {
	background-color: #fc0
}

.ui-autocomplete {
	background-color: #fff;
	border: 1px solid #aaa;
	color: #222;
	display: block;
	list-style: outside none none;
	margin: 0;
	min-width: 200px;
	outline: medium none;
	padding: 0;
	cursor: default;
	left: 0;
	position: absolute;
	top: 0;
	z-index: 100
}

.ui-menu {
	display: block;
	list-style: outside none none;
	margin: 0;
	outline: medium none;
	padding: 0
}

.ui-menu .ui-menu {
	position: absolute
}

.ui-menu .ui-menu-item {
	border-bottom: 1px dotted #666;
	cursor: pointer;
	direction: rtl;
	margin: 0;
	min-height: 0;
	padding: 3px;
	position: relative
}

.ui-state-hover {
	background: none repeat scroll 0 0 #eee!important;
	border-left: 0 none!important;
	border-right: 0 none!important;
	border-top: 0 none!important;
	margin: 0!important
}

.showall {
	width: 25px!important;
	min-width: 25px!important;
	height: 25px;
	background: #eee url(../_images/iconShowAll.png) top no-repeat;
	border: 1px solid #abadb3;
	margin: 0 2px;
	cursor: pointer
}

.numpad>.osk-letter,
.numpad>.osk-shift,
.numpad>.osk-capslock,
.numpad>.osk-backspace,
.numpad>.osk-space,
.numpad>.osk-return,
.numpad>.osk-tab,
.numpad>.osk-symbol {
	display: none
}

.numpad>.osk-hide {
	width: 20px!important
}

.osk-container.numpad {
	width: 90px!important;
	left: 0
}

.osk-container.numpad>li {
	margin-right: 5px!important
}

.osk-container {
	display: none;
	padding: 2px;
	margin: 0;
	z-index: 9999;
	position: absolute
}

.osk-container * {
	font-family: Arial!important;
	font-size: 11px!important
}

.osk-container>li {
	float: left;
	width: 20px;
	height: 20px;
	margin: 2px;
	line-height: 20px;
	text-align: center;
	list-style-type: none;
	cursor: pointer;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: -moz-none;
	-ms-user-select: none
}

.osk-container>.osk-capslock,
.osk-container>.osk-tab,
.osk-container>.osk-shift {
	clear: left
}

.osk-container>.osk-dragger {
	display: none;
	width: 100%;
	cursor: move
}

.osk-container>.osk-dragger:hover {
	position: static
}

.osk-container>.osk-tab,
.osk-container>.osk-backspace,
.osk-container>.osk-capslock {
	width: 44px
}

.osk-container>.osk-return {
	width: 44px;
	background: #090;
	color: #fff;
	font-family: IRANSansLight!important;
	line-height: 24px
}

.osk-container>.osk-shift {
	width: 68px
}

.osk-container>.osk-hide {
	width: 44px;
	line-height: 22px
}

.osk-container>.osk-space {
	clear: left;
	width: 356px
}

.osk-container .osk-on {
	display: none
}

.osk-container>.osk-uppercase {
	text-transform: uppercase
}

.osk-container>.osk-disabled {
	cursor: default
}

.osk-container>.osk-disabled:hover {
	position: static
}

.osk-container>li:hover {
	background: #333;
	color: #fff
}

.osk-container {
	width: auto;
	background: #e6e6e6;
	border: 1px solid #ccc;
	box-sizing: border-box
}

.osk-container>li {
	background: #fff;
	font-family: Calibri, Tahoma;
	font-size: 12px!important
}

.osk-container>.osk-dragger {
	background: transparent;
	color: #aaa
}

.osk-container>.osk-disabled {
	background: #e5e5e5;
	color: #ccc
}

.osk-focused {
	background: #fafafa!important
}

.osk-hide {
	background: #900!important;
	color: #fff!important
}

.osk-hide:hover {
	background: #333!important
}

#calendar table td {
	height: 65px
}

.english {
	font-family: Calibri!important
}

.browser {
	width: 678px;
	height: 55px;
	padding: 25px 90px 10px 10px;
	border: 1px solid #999;
	color: #000;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto
}

.explorer {
	background: #fff url(../_images/explorer.png) top 10px right 10px no-repeat
}

.firefox {
	background: #fff url(../_images/firefox.png) top 10px right 10px no-repeat
}

.safari {
	background: #fff url(../_images/safari.png) top 10px right 10px no-repeat
}

.chrome {
	background: #fff url(../_images/chrome.png) top 10px right 10px no-repeat
}

.opera {
	background: #fff url(../_images/opera.png) top 10px right 10px no-repeat
}

#divPreloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #000;
	z-index: 99999;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
	-moz-opacity: .75;
	opacity: .75
}

#divStatus {
	width: 72px;
	height: 72px;
	position: absolute;
	left: 50%;
	top: 40%;
	background: no-repeat center;
	margin: -36px 0 0 -36px
}

#divLoadingOverlay {
	width: 100%;
	height: 100%;
	z-index: 999;
	position: absolute;
	top: 0;
	left: 0
}

#divLoading {
	width: 400px;
	height: 200px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff url("../_images/loadingBG.gif") top no-repeat;
	position: absolute;
	z-index: 9999;
	margin: auto;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	border-radius: 10px;
	display: none
}

#divLoadingText {
	width: inherit;
	height: 38px;
	padding: 95px 0 0;
	text-align: center;
	color: #fff
}

#divLoadingAnimation {
	width: inherit;
	height: 67px;
	background: url("../_images/loadingAnimation.gif") top center no-repeat
}

.dashboardTTL {
	color: #be5922!important
}

@media (max-width:1024px) {
	.dashboardTTL {
		display: block
	}
	#ulLanding li {
		width: 45%;
		height: 125px
	}
}

@media print {
	.noprint {
		display: none
	}
}

.spanTransferableAmountsDivider {
	padding: 0 10px;
	display: inline-block;
	text-align: center
}

.maxToday,
.remainedToday,
.remainedMonth,
.maxTodayShetab,
.remainedTodayShetab,
.remainedMonthShetab,
.parsianLabel,
.shetabLabel,
.otpMaxToday,
.otpRemainedToday,
.otpRemainedMonth {
	display: none
}

.parsianLabel>span,
.shetabLabel>span {
	font-family: 'BBCNassimBold'!important
}

.shetab-section {
	clear: both;
	border-top: 1px solid #ccc;
	margin-top: 4px;
	padding-top: 4px;
	width: 580px;
	text-align: center;
	display: none
}

.OTPTransferAmount {
	margin-top: 4px;
	padding-top: 4px
}

.parsian-section {
	width: 580px;
	text-align: center
}

.depositPreviewList {
	display: none
}

.truncate {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word
}

.truncate:hover .click:active {
	white-space: normal;
	overflow: visible;
	text-overflow: inherit
}

.wrapped {
	white-space: pre-wrap;
	word-wrap: break-word
}

.divLoginLayout {
	height: 525px
}

.divLoginSide {
	height: 465px
}

.divSecurityNotes {
	top: 70px
}

#divNewUser {
	position: absolute;
	bottom: 1px;
	width: 188px;
	border-top: 1px dashed #ccc;
	font-weight: bold
}

#divNewUser a {
	color: #c00
}

#divNewUser a:hover {
	color: #000
}

button.otpSmsBtn {
	margin: 0 2px;
	display: none
}

.profileSetting td {
	width: 110px
}

ul.jqtree_common,
ul.jqtree_tree ul,
li.jqtree_common,
li.jqtree-folder,
li.jqtree-closed {
	list-style-type: none
}

.scroll-container {
	height: 200px;
	overflow-y: scroll
}

ul.jqtree-tree li.jqtree-selected>.jqtree-element,
ul.jqtree-tree li.jqtree-selected>.jqtree-element:hover {
	background: #89afca
}

ul.jqtree-tree li.jqtree-closed>ul.jqtree_common {
	display: none
}

ul.jqtree-tree .jqtree-toggler.jqtree-closed {
	background-position: 0 0
}

.jqtree-closed {
	padding-left: 10px;
	font-weight: bold
}

ul.jqtree-tree li.jqtree-folder.jqtree-closed {
	margin-bottom: 1px
}

ul.jqtree-tree li.jqtree_common {
	clear: both;
	list-style-type: none
}

ul.jqtree-tree .jqtree-toggler {
	border-bottom: none;
	color: #333;
	text-decoration: none;
	vertical-align: middle
}

ul.jqtree-tree .jqtree-toggler:hover {
	color: #000;
	text-decoration: none
}

ul.jqtree-tree .jqtree-toggler.jqtree-toggler-left {
	margin-right: .5em
}

ul.jqtree-tree .jqtree-toggler.jqtree-toggler-right {
	margin-left: .5em
}

ul.jqtree-tree .jqtree-element {
	cursor: pointer;
	position: relative
}

ul.jqtree-tree .jqtree-title {
	color: #1c4257;
	vertical-align: middle;
	margin-left: 1.5em
}

ul.jqtree-tree .jqtree-title.jqtree-title-folder {
	margin-left: 0
}

ul.jqtree-tree li.jqtree-folder {
	margin-bottom: 4px
}

ul.jqtree-tree li.jqtree-ghost {
	position: relative;
	z-index: 10;
	margin-right: 10px
}

ul.jqtree-tree li.jqtree-ghost span {
	display: block
}

ul.jqtree-tree li.jqtree-ghost span.jqtree-circle {
	border: solid 2px #00f;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	height: 8px;
	width: 8px;
	position: absolute;
	top: -4px;
	left: -6px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

ul.jqtree-tree li.jqtree-ghost span.jqtree-line {
	background-color: #00f;
	height: 2px;
	padding: 0;
	position: absolute;
	top: -1px;
	left: 2px;
	width: 100%
}

ul.jqtree-tree li.jqtree-ghost.jqtree-inside {
	margin-left: 48px
}

ul.jqtree-tree span.jqtree-border {
	position: absolute;
	display: block;
	left: -2px;
	top: 0;
	border: solid 2px #00f;
	border-radius: 6px;
	margin: 0;
	box-sizing: content-box
}

ul.jqtree-tree .jqtree-moving>.jqtree-element .jqtree-title {
	outline: dashed 1px #00f
}

ul.jqtree-tree.jqtree-rtl {
	direction: rtl
}

ul.jqtree-tree.jqtree-rtl ul.jqtree_common {
	margin-left: 0;
	margin-right: 12px
}

ul.jqtree-tree.jqtree-rtl .jqtree-toggler {
	margin-left: .5em;
	margin-right: 0
}

ul.jqtree-tree.jqtree-rtl .jqtree-title {
	margin-left: 0;
	margin-right: 1.5em
}

ul.jqtree-tree.jqtree-rtl .jqtree-title.jqtree-title-folder {
	margin-right: 0
}

ul.jqtree-tree.jqtree-rtl li.jqtree-ghost {
	margin-right: 0;
	margin-left: 10px
}

ul.jqtree-tree.jqtree-rtl li.jqtree-ghost span.jqtree-circle {
	right: -6px
}

ul.jqtree-tree.jqtree-rtl li.jqtree-ghost span.jqtree-line {
	right: 2px
}

ul.jqtree-tree.jqtree-rtl li.jqtree-ghost.jqtree-inside {
	margin-left: 0;
	margin-right: 48px
}

ul.jqtree-tree.jqtree-rtl span.jqtree-border {
	right: -2px
}

span.jqtree-dragging {
	color: #fff;
	background: #000;
	opacity: .6;
	cursor: pointer;
	padding: 2px 8px
}