/**
* CSS Framework
*
* Набор классов и фиксов
*/

/* HTML5 Fix */
header, section, article, footer, aside, nav { display:block; }

img { border:none; vertical-align:middle; max-width:100%; }
.YMaps img { max-width:inherit !important; }

h1, h2, h3, h3, h5, h6 { margin:5px 0px; }

form input[type="text"], form input[type="email"], form input[type="password"], form input[type="file"], form textarea, form select { width:100%; }

form fieldset { border:1px solid #eee; overflow:hidden; }
form fieldset.closed { border:none; min-height:19px; padding-left:0; }
form fieldset.fieldset-slide legend { border-bottom:1px dashed; cursor:pointer; }

form p > label, form p > span { width:69%; vertical-align:middle; display:inline-block; *display:inline; zoom:1; }
form p > span > small {
	color: #999;
	font-size: 70%;
}

form p > label { width:30%; }

pre { background:#fff; text-align:left; border:1px solid #666; padding:5px; }

ul { list-style-position: inside; }

.fixed { position:fixed; }
.relative { position:relative; }
.absolute { position:absolute; }


.no-wrap { white-space:nowrap; }
.wrap { white-space:normal; }

.right { float:right; }
.left { float:left; }
.clear { clear:both; }

.text-left { text-align:left; }
.text-center { text-align:center; }
.text-right { text-align:right; }
.text-justify { text-align:justify; }

.valign-top, .valign-top * { vertical-align:top; }
.valign-middle, .valign-middle * { vertical-align:middle; }
.valign-bottom, .valign-bottom * { vertical-align:bottom; }

.inline-block, .display-inline-block { display:inline-block; *display:inline; zoom:1; }
.block, .display-block { display:block; }
.inline, .display-inline { display:inline; }
.hidden, .display-hidden { display:none; }
.table-cell, .display-table-cell { display:table-cell; }

.no-margin { margin:0; padding:0; }

.m0 { margin:0 !important; }
.m5 { margin:5px !important; }
.m10 { margin:10px !important; }
.m15 { margin:15px !important; }
.m20 { margin:20px !important; }

.m10r { margin-right:10px !important; }
.m10b { margin-bottom:10px !important; }
.m5lr { margin-left:5px !important; margin-right:5px !important; }
.m10lr { margin-left:10px !important; margin-right:10px !important; }
.m20lr { margin-left:20px !important; margin-right:20px !important; }


.p0 { padding:0 !important; }
.p5 { padding:5px !important; }
.p10 { padding:10px !important; }
.p15 { padding:15px !important; }
.p20 { padding:20px !important; }

.p5lr { padding-left:5px !important; padding-right:5px !important; }
.p10lr { padding-left:10px !important; padding-right:10px !important; }
.p20lr { padding-left:20px !important; padding-right:20px !important; }


.w16 { width:16px !important; }
.w24 { width:24px !important; }
.w20 { width:20px !important; }
.w30 { width:30px !important; }
.w40 { width:40px !important; }
.w50 { width:50px !important; }
.w60 { width:60px !important; }
.w70 { width:70px !important; }
.w80 { width:80px !important; }
.w90 { width:90px !important; }
.w100 { width:100px !important; }
.w110 { width:110px !important; }
.w120 { width:120px !important; }
.w125 { width:125px !important; }
.w130 { width:130px !important; }
.w140 { width:140px !important; }
.w150 { width:150px !important; }
.w160 { width:160px !important; }
.w170 { width:170px !important; }
.w180 { width:180px !important; }
.w190 { width:190px !important; }
.w200 { width:200px !important; }
.w216 { width:216px !important; }
.w250 { width:250px !important; }
.w260 { width:260px !important; }
.w270 { width:270px !important; }
.w280 { width:280px !important; }
.w300 { width:300px !important; }
.w340 { width:340px !important; }
.w350 { width:350px !important; }
.w360 { width:360px !important; }
.w400 { width:400px !important; }
.w450 { width:450px !important; }
.w500 { width:500px !important; }
.w550 { width:550px !important; }
.w600 { width:600px !important; }
.w650 { width:650px !important; }
.w680 { width:680px !important; }
.w700 { width:700px !important; }
.w750 { width:750px !important; }
.w50p { width:50% !important; }
.w100p { width:100% !important; }

.h16 { height:16px !important; }
.h24 { height:24px !important; }
.h30 { height:30px !important; }
.h40 { height:40px !important; }
.h50 { height:50px !important; }
.h60 { height:60px !important; }
.h70 { height:70px !important; }
.h80 { height:80px !important; }
.h90 { height:90px !important; }
.h100 { height:100px !important; }
.h110 { height:110px !important; }
.h120 { height:120px !important; }
.h130 { height:130px !important; }
.h140 { height:140px !important; }
.h150 { height:150px !important; }
.h160 { height:160px !important; }
.h170 { height:170px !important; }
.h180 { height:180px !important; }
.h190 { height:190px !important; }
.h200 { height:200px !important; }
.h250 { height:250px !important; }
.h50p { height:50% !important; }
.h100p { height:100% !important; }


.normal { font-size:100%; }
.small { font-size:90%; }
.very-small { font-size:70%; }
.big { font-size:120%; }
.very-big { font-size:180%; }
.s11 { font-size:11px; }
.s12 { font-size:12px; }

.bold { font-weight:bold; }
.italic { font-style:italic; }
.underline { text-decoration:underline; }
.dashed, a.dashed { text-decoration:none; border-bottom:1px dashed; }

.gray { color:#666 !important; }
.green { color:#006600 !important; }
.red { color:#660000 !important; }
.white { color:#fff !important; }
.black { color:#000 !important; }


.pointer { cursor:pointer !important; }


table { border-spacing:0; border-collapse:collapse; border:none; }
table tr { border-top:1px solid #eee; }
table tr:first-child { border:none; }
table th { font-weight:bold;	 text-align:center; padding:5px; }
table thead { border-bottom:2px solid #eee; }
table tfoot { border-top:2px solid #eee; border-bottom:none; }
table td { padding:5px; border:none;	 }

.border { border:1px solid #eee; }
.ruler tbody tr:nth-child(2n), .ruler  tbody .even, .ruler li:nth-child(2n) { background-color:#f8f8f8; }
.hover-row  tbody tr:hover, .hover:hover { background-color:#f5f5f5 !important; }


.bg-left { background-position:left !important; }
.bg-right { background-position:right !important; }
.bg-center { background-position:center !important; }
.bg-left-top { background-position:left top !important; }
.bg-right-top { background-position:right top !important; }
.bg-gray { background:#999 !important; }
.bg-green { background:#006600 !important; }
.bg-red { background:#ff0000 !important; }
.bg-black { background:#000 !important; }
.bg-white { background:#fff !important; }

.deleted { text-decoration: line-through; }

.pages {
	text-align:center;
	font-size:120%;
	margin:10px 0px;
}
.pages .active {
	font-weight:bold;
}