/* -------------------------------------------------------------- 

	Sib CSS Framework (Draft)
	Site: sibcss.ru
	Site: rentim.ru
	Autor:  Alex
-------------------------------------------------------------- */

/* reset */
html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, font, img, small, strong, sub, sup, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {padding: 0; margin: 0; outline: 0;} ul, ol {list-style: none;} a img, img {border:none;} html, body {height: 100%;}
body {background-color: #fff; color: #000; min-width:800px;}

a {color:#4D4D4D; text-decoration:none;}
	a:visited {color:#4D4D4D; text-decoration:none;}
	a:hover {text-decoration:underline;}
	:focus {outline: 0;}

h1, h2, h3, h4, h5, h6 {font-weight:normal} 
h1 {font-size: 220%} h2 {font-size: 200%} h3 {font-size: 180%} h4 {font-size: 160%} h5 {font-size: 140%} h6 {font-size: 120%}

sub, sup, .sub, .sup {position: relative;}
	sup, .sup {top: -3px;}
	sub, .sub {bottom: -3px;}

/* for developers */
.framework div * {border: 1px dotted #999;}
	.framework * span {border: 1px dotted #FF0000;}
	.framework * a {border: 1px dotted #0000FF;}
.dev_b {border:1px #009933 dashed;  margin:0 0 0 -2px;}


.abs {position: absolute}.rel {position: relative}.fixed {position: fixed}
.r0 {right:0}.l0{left:0}

.none, .hide {display: none}
.block, .b {display:block}
.clear {clear: both}

.fix:after {content: "."; display: block; height: 0; clear: left; visibility: hidden;}
.fix {display: inline-block; display: block;}
* html .fix {height: 1%;}
.fixb:after{clear: both;}


.l {float: left}.r {float: right}
.c {margin: 0 auto!important;}

.tl {text-align: left!important;}.tr {text-align: right}.tc {text-align: center}.tj {text-align: justify}

.fb {font-weight: bold}.fi {font-style: italic}.fsn {font-style: normal}
.fsc {font-variant:small-caps}
.lo {text-transform:lowercase}.up {text-transform:uppercase}

/* cursor */
.cd {cursor:default}.ch, abbr {cursor:help}.cp {cursor:pointer}
.ca {cursor:auto!important;}

.dt {display:table;}
.di li {display:inline!important;}

.tdn a, .tdn {text-decoration: none!important;}
.un a {text-decoration:underline;}
.una {text-decoration:underline;}
a.dashed {text-decoration:none; border-bottom:1px dashed;}

/* color */
.cf, .white {color:#fff!important;}
.cb {color:#000!important;}
.c6 {color:#666}.c9 {color:#999}

.blue {color:#e5f1ef}
.red {color: #da0f00;}
.green {color: #488c40;}
.silw {color: #C0C0C0}

/* background */
.beeee {background-color:#eeeeee}
.bblack {background-color: #000000}
.bblue 	{background-color: #e5f1ef}
.bwhite {background-color: #fff}


/* forms */
label {margin-bottom: 2px;}
form p {margin-bottom: 20px;}
textarea {border: 1px solid #ccc;}


select {width: 99%;}
p {line-height:120%; margin: 0 0 15px 0;}
q {quotes: "\00ab" "\00bb";}
.checkbox { position: relative; top: 2px; margin-left: 0; }

.table, container {width: 100%;}
	.td {float: left; width: 20%; padding-left: 2%;}
	.row {padding-top: .9%; padding-bottom: .9%;}


.w1 {width: 1%}.w2 {width: 2%}.w3 {width: 3%}.w4 {width: 4%}.w5 {width: 5%}.w8 {width: 8%}.w10 {width: 10%}.w13 {width: 13%}.w15 {width: 15%}
.w20 {width: 20%}.w25 {width: 25%}.w30 {width: 30%}.w35 {width: 35%}.w40 {width: 40%}.w45 {width:45%}.w50 {width: 50%}.w55 {width: 55%}
.w60 {width: 60%}.w65 {width: 65%}.w70 {width: 70%}.w75 {width: 75%}.w80 {width: 80%}.w85 {width: 85%}.w90 {width: 90%}.w95 {width: 95%}
.w100 {width: 100%}

/* margin */
.m5 {margin:5px}.m10 {margin:10px}.m15 {margin:15px}
.mt5 {margin-top:5px}.mt10 {margin-top:10px}.mt15 {margin-top:15px}.mt20 {margin-top:20px}
.mb5 {margin-bottom:5px}.mb10 {margin-bottom:10px}.mb15 {margin-bottom:15px}.mb20 {margin-bottom:20px}

.ml10 {margin-left:10px}.ml15 {margin-left:15px}.ml20 {margin-left:20px}
.mr10 {margin-right:10px}.mr15 {margin-right:15px}.mr20 {margin-right:20px}

/* padding */
.p5 {padding:5px}.p10 {padding:10px}.p15 {padding:15px}
.pt5 {padding-top:5px}.pt15 {padding-top:15px}.pt10 {padding-top:10px}.pt20 {padding-top:20px}
.pb5 {padding-bottom:5px}.pb15 {padding-bottom:15px}.pb20 {padding-bottom:20px}



/* buttons */
.button {
	width:5%;
	min-width:60px;
	text-align:center;
	background-color:#999999; cursor:pointer;
	font-size:10px!important;
}
.button a {display:block; color:#fff; text-decoration:none!important;}
.button a:hover {background:none;}

ul.lrnav {/*list-style-type: none; margin: 0;*/}
ul.lrnav li a {}



/* header */
.header {margin: 0;}
	.logo, .logo a {background:none;}

/* footer */
.footer {}
	.flogo{}
	
/* other */
ul.nav {}
ul.nav li {display: inline; border-left: 1px solid #888; padding: 0px 2px 0px 6px;}
ul.nav li.first {border: none; padding-left: 0px;}


/* DELETE THIS ? */
.alert {border: 2px solid #ffd324; background-color: #fff6bf; padding: 5px 20px 5px 15px;}
.column {}
/* page */
.page {margin: 0 auto 0;}
.pages {display: block;	margin: 10px 0px 10px 0px; font-size: 75%;}
.pages li {list-style: none; display: inline; float: left;}
.pages li a {display: block; float: left; border: 1px solid #ccc; padding: 0px 5px 0px 5px; margin: 0px 5px 0px 0px; text-decoration: none;}
.pages li a:hover {border: 1px solid #999999;}
.pages li.back {display: block; float: left; border: 1px solid #eee; color: #eee; padding: 0px 5px 0px 5px; margin: 0px 5px 0px 0px;}
.pages li.current {display: block; float: left; border: 1px solid #666666; color: #666666; padding: 0px 5px 0px 5px; margin: 0px 5px 0px 0px;}


		
/* input */
input[type="text"], input[type="password"], input[type="file"], select, textarea {background-color: #fff; border-color: #7c7c7c #c3c3c3 #ddd #c3c3c3; border-style: solid; border-width: 1px; }
input[type="file"] {padding: 3px; clear: both; margin: 0;	border:1px #CCCCCC solid;}
input[type="text"] {}
input[type="submit"] {background-color: #fff; border:1px #c3c3c3 solid;}
input[type="radio"] {border:none;}

form .field label {
	clear: both;
	color: #555;
	float: left;
	font-size: 11px;
    margin: 0 0 3px 0;
	white-space: nowrap;
	/*text-transform: uppercase;*/
}

.focus:focus {outline: 2px solid #DCDAFC;}
/* input */



/* temp */
.br1 {border:1px solid #ccc}
.bor4 {border:solid #eeeeee 4px;}

.bn .td, .row.bn {border:none!important;}
	.bln, .bln .td, .row.bln {border-left:none!important;}
	.brn, .brn .td, .row.brn {border-right:none!important;}
	.btn, .btn .td, .row.btn {border-top:none!important;}
	.bbn, .bbn .td, .row.bbn {border-bottom:none!important;}


.f5 {font-size:50%}.f6 {font-size:60%}.f7 {font-size:70%}.f8 {font-size:80%}.f9 {font-size:90%}.f10 {font-size:100%}.f11 {font-size:110%}.f12 {font-size:120%}
.f13 {font-size:130%}.f14 {font-size:140%}.f15 {font-size:150%}


/* ul and li */
.lil li {float:left;}
.lir li {float:right;}

ul.li li:before {content: "— ";}
.i li:after {content: "|";padding-left:10px;}
	li.noi:after {content: "";}
.in:after {visibility:hidden;}

hr {border:none; border-bottom:1px solid #ccc; height:1px;}