/* 
    Document   : often_used
    Created on : 08.12.2012, 12:55:27
    Author     : Кирилл
    Description:
        Purpose of the stylesheet follows.
*/
 
/*display*/
.dn { display: none; } 
.db { display: block; }
.ib { display: inline-block; vertical-align: top; }

/*float*/
.fl { float: left !important; }
.fr { float: right !important; }
.fn { float: none !important; }

/*padding*/
.p0 { padding: 0 !important; }
.p5 { padding: 5px !important; }
.p10 { padding: 10px !important; }
.pb0 { padding-bottom: 0 !important; }
.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pr20 { padding-right: 20px !important; }
.pr400 { padding-right: 400px !important; }
.pl0 { padding-left: 0 !important; }
.pr0 { padding-right: 0 !important; }
.pl10 { padding-left: 10px !important; }
.pr10 { padding-right: 10px; }

/*margin*/
.m0 { margin: 0 !important; }
.ml20 { margin-left: 20px !important; }
.ml125 { margin-left: 125px !important; }
.ml130 { margin-left: 130px !important; }
.mr-40 { margin-right: -40px !important; }
.mr-25 { margin-right: -25px !important; }
.mr10 { margin-right: 10px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.ml-10 { margin-left: -10px !important; }
.mr-10 { margin-right: -10px !important; }
.mr-30 { margin-right: -30px !important; }
.mt-5 { margin-top: -5px !important; }
.mt0 { margin-top: 0px !important; }
.mt5 { margin-top: 5px !important; }  
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mb-15 { margin-bottom: -15px !important; }
.ml-100 { margin-left: -100%; }
.ml15 { margin-left: 15px; }
.mb-20 { margin-bottom: -20px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }

/*overflow*/
.oh { overflow: hidden; }

/*clear*/
.clear { clear: both; }

/*width*/
.w50p { width: 50%; } 
.w200 { width: 200px; }
.w240 { width: 240px; }
.w250 { width: 250px; }
.w320 { width: 320px; padding: 0 0 0 15px;}
.w400 { width: 400px; }
.w500 { width: 500px; }
.w750 { width: 750px; }
 
/*font-size*/
.fs14 { font-size: 14px; }
.fs16 { font-size: 16px; }

/*z-index*/
.z200 { z-index: 200; }

.blue-dashed-span { color: #06c; border-bottom: 1px dashed; }

.tac { text-align: center; }

.fwb { font-weight: bold; }

/*dashed-span*/
.dashed-span { border-bottom: 1px dashed; cursor: pointer; }
.dashed-span.blue { color: #06c; }

/* others */
.lsn { list-style: none; }
.devider { margin: 35px 0; height: 1px; background: #ccc; color: #ccc; }
.devider.shadow { box-shadow: 0 0 20px rgba(0, 0, 0, .4); }

/* height */
.h85 { height: 85px; }

/* background */
.b-yellow { background: #f8f9e8; }
.mt-content .b-yellow { margin: 0 -20px 0 -22px; padding: 10px 10px 10px 22px; }

/* border-radius */
.br0 { border-radius: 0 !important; }

/* colors */
.blue { color: #06c; }

/* position bottom */
.b5 { bottom: 5px !important; }

.centered {margin: 0 auto;}