/*
	Базовые элементы
*/
*{margin:0px auto;padding:0}
a{
	font-size:inherit;
	color:inherit;
	text-decoration:underline
}
a:hover{}
a img{border:0;cursor:pointer}
aside {display: block}
article{display: block}
blockquote{margin-left:40px}
body{
	padding:0;
	margin:0 auto;
	color:#333;
	font-size:12pt;
	height:100%;
}
button{cursor: pointer}
code{text-indent:0}
dialog, .dialogHTML5{display: block}
dialog dt, .dialogHTML5 dt{
	display: block;
	width: 120px;
	float: left;
	overflow: hidden;
}
dialog dd, .dialogHTML5 dd{
	display: block;
}
/*	добавляем двоеточие	*/
dialog dt:after, .dialogHTML5 dt:after{
	content: ':';
}
/*	зебра	*/
dialog *:nth-child(4n+1) {background: #FFF}
dialog *:nth-child(4n+2) {background: #FFF}

dl{display: block}
dl dt{
	display: inline-item;
	font-weight: bold;
}
dl dd{
	margin-left: 40px;
}


fieldset{padding:4px 8px 8px 8px;border:1px solid gray}
figcaption, .figcaptionHTML5{
	display:block;
	text-align:center;
}
figure, .figureHTML5{display: block;text-align:center}
footer{display: block}
h1,h2,h3,h4,h5,h6{margin:0;padding:0}
h1{font-size: 130%;margin-bottom:12px;}
h2{font-size: 125%;margin-bottom:12px;}
h3{font-size: 120%;margin-bottom:8px;}
h4{font-size: 115%;margin-bottom:8px;}
h5{font-size: 110%;margin-bottom:4px;}
h6{font-size: 105%;margin-bottom:4px;}

header, .headerHTML5{
	display: block
}
html{height:100%}
label{cursor:pointer}
legend{padding:0 8px}
nav{display: block}
ol{list-style-position:inside}
pre{text-indent:0}
pre code{
	padding-left: 10px;
	padding-right: 10px;
	display:block;
	overflow: auto;
	margin:0;
}
pre samp{
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid #ccc;
	display:block;
	margin:0;
	overflow: auto;
}
s{color:red}
section, .sectionHTML5{
	display: block
}
table{width:100%;border:1px solid gray;border-collapse:collapse}
td{vertical-align:top;text-align:left;border:1px solid gray;padding: 2px 4px;}
th{vertical-align:middle;text-align:center;border:1px solid gray;padding: 2px 4px;}
ul{list-style-position:inside}

table{
	border:1px solid lightgray;
}
table th{
	background: lightgray;
	border:1px solid #bbb;
	border-width: 1px 1px 0px 1px;
}
table td{
	border: none;
	border-right: 1px solid lightgray;
	padding: 5px 10px;
}
table tr:nth-child(even) td{
	background: #EEE;
}
table tr:nth-child(odd) td{
}


/*	дополнительные	*/
.banner460x60{width:460px;height:60px;overflow:hidden}
.boxCenter{margin-left:auto;margin-right:auto}
.fleft{float:left}
.fright{float:right}
.fclear{clear:both}
.messageError{color:red;font-weight:bold;background-color:inherit;}
.messageSuccess{color:green;font-weight:bold;background-color:inherit;}
.messageWarning{color:#FF6600;font-weight:bold;background-color:inherit;}
.textCenter{text-align:center}
.textLeft{text-align:left}
.textRight{text-align:right}
.underline{text-decoration:underline}

/*	для дебага элементов	*/
.br{border:1px red solid}
.bg{background:yellow}

/**	old
*{margin:0px auto;padding:0}

html{height:100%}
body{padding:0;margin:0 auto;color:#333;font-size:12pt;height:100%}




a img{border:0;cursor: pointer;}
img.fleft{margin-right:5pt;margin-bottom:5pt}
.preload{height:0px;width:0px;overflow:hidden;position:absolute;}

/* text 
.underline{text-decoration:underline}
s{color:red}

/* form 
form{padding:0;margin:0}
input.checkbox{margin:0 2px 0 0;padding:0}
input.input{width:200px}
input.input_short{width:64px}
textarea{width:300px;height:200px}
select{width:200px}

/* table 
table{width:100%}
td{vertical-align:top;text-align:left;padding:0px}

/* anhor 
a{font-size:inherit;color:inherit;text-decoration: none;}
a:hover{text-decoration: underline;}

/* other tags 
fieldset{padding:4px 8px 8px 8px;border:1px solid gray}
figcaption, .figcaptionHTML5{display:block;text-align:center}
label{cursor:pointer}
legend{padding:0 8px;color:gray}
section, .sectionHTML5{display: block}
header, .headerHTML5{display: block}
figure, .figureHTML5{display: block;text-align:center}

/* list 
ul{list-style-position:inside}
ol{list-style-position:inside}

/* error 
.error{color:red;font-weight:bold;background-color:inherit;}
.warning{color:#FF6600;font-weight:bold;background-color:inherit;}
.success{color:green;font-weight:bold;background-color:inherit;}

/* positions 
.left{text-align:left}
.center{text-align:center}
.right{text-align:right}
.ac{margin-left:auto;margin-right:auto}
.fleft{float:left}
.fclear{clear:both}

/* debug 
.br{border:1px red solid}
.bg{background:yellow}

/* banners 
.banner460x60{width:460px;height:60px;overflow:hidden}

/* page block 
#body{
	position:relative;
	margin:auto;
	min-height:100%; /* for normal browsers 
	background-color:#ccc;
}
* HTML #body{/* hack for IE 
	height:100%;
}

#header{
	height:100px;
	background-color:#f00;
}

#footer{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	overflow: hidden;
}

#s_content_footer{
	height:80px;
	overflow: hidden;
}

/* for project 
body, td{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#body{
	width: 1000px;
}
#s_content_footer{
	height:80px;
}
#footer{
	height:80px;
}
*/