html {height: 100%}
body {
	color: #3c3c3c;
	font: 62.5% Arial, Tahoma, Verdana, sans-serif;
	height: 100%;
}

a {
	color: blue;
	outline: none;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

p {margin: 0 0 10px}

img {
	border: none;
}

input {vertical-align: middle}

#wrapper {
	font-size: 1.2em;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
	min-width: 913px;
	width: 913px; 
}

#body {
	line-height: 1.2;
}

.fleft {
	float: left;
}

.fright {
	float: right;
}

.rel {
	position: relative;
}

#overlay {
	background: transparent url(http://artrit.net/img/overlay.png) repeat-y scroll top left;
}

/* Header
-----------------------------------------------------------------------------*/
#header {
	background: url(img/topBgr.jpg) no-repeat center top;
	height: 233px;
}

.logo {
	padding: 60px 0 0 0;
}

.menuTop {
	margin: 0 0 0 35px;
}

.menuTop ul li {
	color: #6b9ad1;
	float: left;
	margin: 0;
	padding: 0;
}

.menuTop ul li a {
	border-right: 1px solid;
	color: #6b9ad1;
	font-size: 0.9em;
	line-height: 10px;
	padding: 0  5px;
	text-decoration: none;
}

.lastItem {
	border: none;
}

/* body
-----------------------------------------------------------------------------*/
#body {
	width: 100%;
	padding: 0 0 116px;
	height: 1%;
}

#body:after { 
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}

#bodyContainer { 
	width: 100%;
	float: left;
	overflow: hidden;
}

#middleLiquid { 
	padding: 0 0 0 210px; 
}

.indentR {
	padding: 15px 85px 20px 50px;
}

.intro {
	color: #6b9ad1;
	font-size: 1.5em;
}

.exercises {
	margin: 30px 0;
}

.quote {
	color: #858585;
	font-size: 1.2em;
}

/* Sidebar Left
-----------------------------------------------------------------------------*/
.sl {
	background: url(img/line.gif) no-repeat right 20px;
	/*border-right: 1px dotted #6b9ad1;*/
	float: left;
	margin-left: -100%; 
	padding: 0 10px 0 0;
	position: relative;
	width: 200px;
}

.indentL {
	padding: 15px 0 0 30px;
}

.menuLeft ul li {
	background: url(img/gemo-tumbler-1.jpg) no-repeat left top;	
	margin: 0 0 20px 0;
	padding: 0;
}

.menuLeft ul li#act {
	background: url(img/gemo-tumbler-2.jpg) no-repeat left top;
}

.menuLeft ul li#act > a {
	color: #ff4f00;
}

.menuLeft ul li ul li, .menuLeft ul li#act ul li {
	background: none;
}

.menuLeft ul li ul li {
	margin-bottom: 15px;
}

.menuLeft ul li a {
	color: #002a87;
	display: block;
	font-size: 1.25em;
	font-weight: bold;
	height: 100%;
	padding: 0 0 0 20px;
	text-decoration: none;
}

.menuLeft ul li a:hover {
	color: #ff4f00;
}

.menuLeft ul li ul {
	margin: 15px 0 0 10px;
}

.menuLeft ul li ul li a {
	color: #6b9ad1;
	font-size: 1em;
	font-weight: normal;
}

/* Footer
-----------------------------------------------------------------------------*/

#footer {
	background: url(img/footerBgr.jpg) no-repeat left top;
	margin: -116px auto 0;
	min-width: 913px;
	width: 913px;
	height: 116px;
}

.copyright {
	color: #FFF;
	font-size: 1.25em;
	font-weight: bold;
	padding: 40px 0 0 265px;
}

/*************************************************** Special site styles *************************************/

.metaEditBlock {
    padding: 5px 10px;
    border-bottom: 1px solid #DCE0D4;
    background-color: #F5F6EA;
    color: #000;
}

.metaEditBlock a:hover, .metaEditBlock a:visited, .metaEditBlock a:link{
    color: #9D160A;
}

.metaEdit {
    margin-top: 10px;
    position: absolute;
    border:1px solid #DCE0D4;
    padding: 10px;
    background-color: white;
    width: 450px;
    background-color: #F5F6EA;
	 z-index: 10;
}

.metaEdit .field {
    margin-bottom: 10px;
}

.metaEdit input.visibleInput, .metaEdit textarea.visibleInput {
    width: 100%;
}

.metaRed {
    font-weight: normal;
    color: #ff0000;
}

.metaGreen {
    font-weight: normal;
    color: #009900;
}

.color0 {
background: #FFF;
}

.color1 {
background: #EEE;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

h1 {
	color: #002a87;
	font-size: 1.8em;
	font-weight: bold;
	margin-bottom: 15px;
}

h2, h2 a {
     color: #c81010;
	  font-family: Arial;
	  font-size: 1em;
	  margin-bottom: 10px;
}

h3 {
     color: #7a645d;
}

h2.noline a:link, h2.noline a:visited, h2.noline a:hover {
	color: #006397;
	text-decoration: none;
}

.h1 {
	color: #010101;
	font-family: Myriad Pro;
	font-size: 1.63em;
}
/******************************************* Standart styles (please don't edit it!) *************************/

body {
/* overflow: auto */
}

a {
	border: none;
}

img {
	border: 0px;
}

form {
	margin: 0px;
	padding: 0px;
}

ul, ol, li {
	padding: 0px;
	margin: 0px;
}

li {
	margin-left: 20px;
}

ul ul {
	padding-top: 3px;
}

ol li {
	list-style-type: decimal;
}

ul li {
	list-style-type: none;
	list-style: none;
	list-style-image: none;
	background: url(http://artrit.net/img/bullet.gif) no-repeat 0px 4px;
	padding-left: 15px;
	margin-left: 5px;
	margin-bottom:3px;
}

p {
	padding: 0px;
	margin: 0 0 10px 0;
}

p.contacts {
	margin: 10px 0px;
	text-indent: 0px;
	text-decoration: none;
}

p.news {
	margin: 0px 0px 0px 135px;
	text-indent: 0px;
}

p.news_full {
	margin: 20px 0px 0px 280px;
	text-indent: 15px;
}

input, label {/*vertical-align: middle*/}

.inline {
	display: inline;
}

.red, .red a {
	color: red;
}

.darkred, .darkred a {
	color: #800000;
}

.green, .green a {
	color: #008000;
}

.blue, .blue a {
	color: blue;
}

.black, .black a {
	color: black;
}

.small, .small a {
	font-size: 10px;
}

.bold, .bold a {
	font-weight: bold;
}

.star {
	color: #981010;
}

.error {
	color: red;
}

.leftalign, .left {
	text-align: left;
}

.rightalign, .right {
	text-align: right;
}

.centeralign, .center {
	text-align: center;
}

.topvalign, .top {
	vertical-align: top;
}

.middlevalign, .middle {
	vertical-align: middle;
}

.bottomvalign, .bottom {
	vertical-align: bottom;
}

.comment {
	font-size: 10px; font-weight: normal; color: #777777;
}

/****************************************** Admin Links (please don't edit it!) ******************************/

.divEdit {
margin: 0 0 15px 0;
}

.adminDivCreate {
margin-bottom: 10px;
}

.adminEditDelText {
margin: 0;
padding: 0;
margin-bottom: 10px;
}

.spanEditDel {
padding: 0px 10px 0px;
}

.spanEditDel img, #mainContent .spanEditDel img {
vertical-align: middle;
margin: 0px 3px 0px;
border: 0;
}

.divMoveForm {
margin: 15px 0 25px;
}

.divMoveForm form {
padding: 0;
margin: 0;
}

/********************************************* Forms (please don't edit it!) *********************************/

form input, input.button {
	background: #FFF;
	border: 1px solid #6dc5eb;
	height: 20px;
	line-height: 20px;
	padding: 0 3px;
}

input.button {
	background: url(img/sendBut.gif) no-repeat top left;
	border: none;
	color: #000;
	height: 27px;
	width: 96px;
}

.divFormSubmited { /* Заявка отправлена успешно */

}

.divForm { /* Вся форма */
	font-family: Tahoma;
   font-size: 12px;
}

.divForm .divFormButton { /* Submit button */
	margin-top: 20pt;
	text-align: right;
}

.divForm .divFormStar { /* "* - обязательные поля" */
	margin: 10pt 0;
}

.divListErrors { /* Error list */
	margin: 10pt 0;
}

.divListErrorsHead {
	font-weight: bold;
	padding: 0;
	margin: 0;
	margin-bottom: 10pt;
}

.divListErrors .divError {
	color: #981010;
	margin: 3pt 0;
	padding-left: 10pt;
}

.divListErrors .desc {
	font-size: 90%;
	color: #000000;
}

.formField { /* Form element */
	color: #75c0df;
	margin-bottom: 6pt;
}

.formField select, .formField input, .formField textarea { /* Form elements */
	font-family: Tahoma;
	font-size: 12px;
	margin-top: 1pt;
	border: 1px solid #89cbd9;
	width: 98%;
	padding: 3px;
}

.formField textarea {
	width: 98%;
}

input.checkbox {
	width: 15px;
}
.formField label {
	margin-left: 4pt;
}
.formFieldInt input{
	font-family: Tahoma;
	font-size: 12px;
	background: #f3f3f3;
	border: 1px solid #888;
	width: 50px;
	padding: 3px;
}
.formField  textarea.mono {
	font-size: 11pt;
	font-family: "Courier New", Courier, monospace;
}

/******************************************************* ModuleRights ****************************************/
div.divModuleRights {
	position:absolute; 
	top: 5px; 
	right: 30px; 
	border:1px solid black;
	width: 360px;
	padding: 2px;
	background-color: white;
}

div.divModuleRights div.title {
	width:100%;
	text-align:center;
	font-weight:bold;
}

div.divModuleRights div.title a{
	cursor: pointer;
}

div.divModuleRights div.module {
	padding: 4px;
	margin:5px 2px;
	border:1px solid black;
}

div.module div.role {
	clear: both;
	padding: 3px 0 3px 0;
}

/********************************************************** Paging *******************************************/

.disabledArrow {color: #AAA}

/* Search */

.searchResultsHead {
	margin-top: 8pt;
	font-size: 12pt;
}

.searchResultsCount {
	margin: 10pt 0;
}

.searchPages {

}

/* Users */

.userTable td, .userTable th{
	padding: 3px 5px;
}

.userTable th {
	font-size: 10pt;
}

/* Articles */

.divArtList {

}

.tdArtListItem {
	padding: 0px 0px 15px 0px;
}

.divArtListTitle {
	font-weight: bold;
	text-align: left; 
}

.divArtListDate, .divArtDate {
	color: #848484; 
	font-size: 8pt;
}

.divArtListPreview {
	text-align: justify;
}

.divArtPages {

}

.divArt {

}

.divArtTitle {
	font-weight: bold;
	font-size: 12pt;
}

.divArtText {

}

.divArtBack {
	text-align: right;
}

/************************************************************ News *******************************************/

.divNewsList, .divNewsMainList {

}

.divNewsListItem, .divNewsMainListItem {
	padding: 0px 0px 15px 0px;
}

.divNewsListTitle, .divNewsMainListTitle {
	font-weight: bold;
	text-align: left; 
}

.divNewsListDate, .divNewsMainListDate, .divNewsDate {
	color: #475c58; 
	font-size: 12px;
}

.divNewsListPreview, .divNewsMainListPreview {
	text-align: justify;
}

.divNewsPages {
	clear: both;
	margin-bottom: 10px;
}

.divNewsPages a {
	color: #241a95;
	text-decoration: none;
}

.divNewsPages img {
	padding: 0 5px;
}

.divNews {

}

.divNewsTitle {
	font-weight: bold;
	font-size: 12pt;
}

.divNewsText {

}
.divNewsBack {
	text-align: right;
	clear: both;
	margin-top: 15px;
}

/********************************************************** Contacts *****************************************/

.divContactsList, .divContactsMainList {

}

.divContactsListItem, .divContactsMainListItem {
	padding: 0px 0px 15px 0px;
}

.divContactsListTitle, .divContactsMainListTitle {
	font-weight: bold;
	text-align: left; 
}

.divContactsListDate, .divContactsMainListDate, .divContactsDate {
	color: #444444; 
	font-size: 10pt;
}

.divContactsListPreview, .divContactsMainListPreview {
	text-align: justify;
}

.divContactsPages {

}

.divContacts {
	width: 100%;
}

.tableContacts {
	border-top: 1px solid #285B86;
	border-right: 1px solid #285B86;
}

.tableContacts td, .tableContacts th {
	border-left: 1px solid #285B86;
	border-bottom: 1px solid #285B86;
	text-align: left;
	padding: 3px 5px;
}

.divContactsBack {
	text-align: right;
}

/****************************************************** Print version ****************************************/

td.printVersion {
	padding: 20px;
}

div.printContacts {
	margin: 0 0 10px 0;
	height: 68px;
}

.printContacts img {
	margin: 0 15px 0 0;
}

h1.printVersion {
	padding: 0;
	margin: 0 0 10px 0;
	color: #585753;
	font: bold 14px Arial;
}

td.printTopTable {
	padding: 20px 20px 0;
	vertical-align: middle;
	font: 12px Tahoma;
}

@media print {
.printurl {
	display: none;
	}
}

.pedAnswer {
	margin-top: 10px;
}

.printurl {
	padding-bottom: 5px;
}

.fio {
	color: #74caeb;
}

.person {
	font-style: italic;
}

.answ {
	color: #ff4a00;
}

.lineBlue {
	background: url(img/lineBlue.gif) no-repeat left bottom;
	padding: 0 0 30px 0;
}

.captcha input {
	margin-left: 10px;
	vertical-align: top;
}