/*!
 * Global CSS
 */

/* Fonts */
@font-face{font-family: 'BKoodakBold'; src: url('/assets/fonts/BKoodakBold.eot?#') format('eot'), url('/assets/fonts/BKoodakBold.woff') format('woff'), url('/assets/fonts/BKoodakBold.ttf') format('truetype')}
@font-face{font-family: 'BTitrBold'; src: url('/assets/fonts/BTitrBold.eot?#') format('eot'), url('/assets/fonts/BTitrBold.woff') format('woff'), url('/assets/fonts/BTitrBold.ttf') format('truetype')} 
@font-face{font-family: 'BYekan'; src: url('/assets/fonts/BYekan.eot?#') format('eot'), url('/assets/fonts/BYekan.woff') format('woff'), url('/assets/fonts/BYekan.ttf') format('truetype')}
.BKoodakBold{font-family: BKoodakBold, Tahoma}
.BTitrBold{font-family: BTitrBold, Tahoma}
.BYekan{font-family: BYekan, Tahoma}

/* Global properties */
h2, h2, h3, h4, h5, h6{font-family: BYekan, Tahoma; font-weight: normal}
h2{font-size: 30px}
h3{font-size: 22px}
h4{font-size: 18px}
h5{font-size: 16px; font-weight: normal}
h6{font-size: 13px; font-weight: normal}

/* List */
.listItem{display: block}
.listItem:first-child{border-width: 0}
.listHorizontalItem{float: right}
.listHorizontalItemBorder{border-width: 0 1px 0 0}
.listVerticalItemBorder{border-width: 1px 0 0 0}
.listLight, .listMedium, .listDark{border-style: solid}
.listLight{border-color: #E9E9E9}
.listMedium{border-color: #CCC}
.listDark{border-color: #AAA}
.listBulleted{color: #3B5998; list-style-type: square; margin-right: 12px}

/* Controls */
.inlineBlock{display: inline-block; zoom: 1}
.loadingIndicatorAsync{display: none}
.loading .loadingIndicatorAsync{display: block}
.hidden_elem{display: none !important}
.invisible_elem{visibility: hidden}
.fixed_elem{position: fixed !important}
.direction_ltr{direction: ltr}
.direction_rtl{direction: rtl}
.text_align_ltr{text-align: left}
.text_align_rtl{text-align: right}
.alignleft{text-align: left}
.alignright{text-align: right}
.aligncenter{text-align: center}
.center{margin-left: auto; margin-right: auto}
.datawrap{word-wrap: break-word}
.column{float: left}
.lfloat{float: left}
.rfloat{float: right}
.pas{padding: 5px}
.pam{padding: 10px}
.pal{padding: 20px}
.paxl{padding: 40px}
.pts{padding-top: 5px}
.ptm{padding-top: 10px}
.ptl{padding-top: 20px}
.ptxl{padding-top: 40px}
.prs{padding-right: 5px}
.prm{padding-right: 10px}
.prl{padding-right: 20px}
.prxl{padding-right: 40px}
.pbs{padding-bottom: 5px}
.pbm{padding-bottom: 10px}
.pbl{padding-bottom: 20px}
.pbxl{padding-bottom: 40px}
.pls{padding-left: 5px}
.plm{padding-left: 10px}
.pll{padding-left: 20px}
.plxl{padding-left: 40px}
.phs{padding-left: 5px; padding-right: 5px}
.phm{padding-left: 10px; padding-right: 10px}
.phl{padding-left: 20px; padding-right: 20px}
.phxl{padding-left: 40px; padding-right: 40px}
.pvs{padding-top: 5px; padding-bottom: 5px}
.pvm{padding-top: 10px; padding-bottom: 10px}
.pvl{padding-top: 20px; padding-bottom: 20px}
.pvxl{padding-top: 40px; padding-bottom: 40px}
.mas{margin: 5px}
.mam{margin: 10px}
.mal{margin: 20px}
.maxl{margin: 40px}
.mts{margin-top: 5px}
.mtm{margin-top: 10px}
.mtl{margin-top: 20px}
.mtxl{margin-top: 40px}
.mrs{margin-right: 5px}
.mrm{margin-right: 10px}
.mrl{margin-right: 20px}
.mrxl{margin-right: 40px}
.mbs{margin-bottom: 5px}
.mbm{margin-bottom: 10px}
.mbl{margin-bottom: 20px}
.mbxl{margin-bottom: 40px}
.mls{margin-left: 5px}
.mlm{margin-left: 10px}
.mll{margin-left: 20px}
.mlxl{margin-left: 40px}
.mhs{margin-left: 5px; margin-right: 5px}
.mhm{margin-left: 10px; margin-right: 10px}
.mhl{margin-left: 20px; margin-right: 20px}
.mhxl{margin-left: 40px; margin-right: 40px}
.mvs{margin-top: 5px; margin-bottom: 5px}
.mvm{margin-top: 10px; margin-bottom: 10px}
.mvl{margin-top: 20px; margin-bottom: 20px}
.mvxl{margin-top: 40px; margin-bottom: 40px}

/* RTL */
html[dir="rtl"] .prs{padding-right: inherit; padding-left: 5px}
html[dir="rtl"] .prm{padding-right: inherit; padding-left: 10px}
html[dir="rtl"] .prl{padding-right: inherit; padding-left: 20px}
html[dir="rtl"] .prxl{padding-right: inherit; padding-left: 40px}
html[dir="rtl"] .pls{padding-left: inherit; padding-right: 5px}
html[dir="rtl"] .plm{padding-left: inherit; padding-right: 10px}
html[dir="rtl"] .pll{padding-left: inherit; padding-right: 20px}
html[dir="rtl"] .plxl{padding-left: inherit; padding-right: 40px}
html[dir="rtl"] .mrs{margin-right: inherit; margin-left: 5px}
html[dir="rtl"] .mrm{margin-right: inherit; margin-left: 10px}
html[dir="rtl"] .mrl{margin-right: inherit; margin-left: 20px}
html[dir="rtl"] .mrxl{margin-right: inherit; margin-left: 40px}
html[dir="rtl"] .mls{margin-left: inherit; margin-right: 5px}
html[dir="rtl"] .mlm{margin-left: inherit; margin-right: 10px}
html[dir="rtl"] .mll{margin-left: inherit; margin-right: 20px}
html[dir="rtl"] .mlxl{margin-left: inherit; margin-right: 40px}