/***************************************************************************************/
/******************************** INITIAL STYLE SETUP **********************************/
/***************************************************************************************/
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

:focus { outline: 0; }

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a img {border: 0;}

html { font-size: 100.01%; }
body { font-size: 1em; }

/*img, div {  behavior: url(/scripts/iepngfix.htc)  } смотри index.php*/
/*img, div {  behavior: url(/scripts/minmax.htc)  }*/


html {
	//filter: expression(document.execCommand("BackgroundImageCache", false, true));
}


/********************** COLORS *******************/
/*  Deep blue:   #1D327C
/*	Deep red:    #71001A
/*	Orange:      #F46522
/*	Deep orange: #eb590c
/*************************************************/



/***************************************************************************************/
/************************************** MAIN LAYOUT ************************************/
/***************************************************************************************/

body {
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
}

.maintable {
	width: 100%;
	height: 100%;
}

.header {
	background: url(/images/head/back.gif) repeat-x 0 0;
	overflow: hidden;
}

.header input.search {
	display: inline;
	float: right;
	margin: 5px 5px 0 0;
	color: gray;
	font-size:80%;
	width: 152px;
	height: 24px;
	background: url(/images/head/search.gif) no-repeat 0 0;
	border: 0;
	padding: 4px 5px;
	padding-left: 25px;        
    opacity: 0.7;
    -moz-opacity:0.7;   
}

*:first-child+html {} * html .header input.search {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);}

.header input.search:focus {
    opacity: 0.9;
    -moz-opacity:0.9;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);    
}


.titlespace {
	margin-bottom: 15px; 
}

.mainbox {
	height: 100%;
	vertical-align: top;
	text-align:left;
	padding: .7em 3% 10em;
}

.footer {
	font-size:80%;
	padding: 5px 0;
	color: gray;
	text-align:center;
	border-top:1px solid #BFBFBF;
}

.footer .links {
    //padding-left: 1.2em;
    width: 280px;
}

.footer .links a {margin: 0.3em;}
.footer .links:first-child {margin:0;}





/* и даже не думай это удалять без введения соотв эквивалента */
.error INPUT,.error TEXTAREA {
	border:1px solid red;
}


/***************************************************************************************/
/***************************************** LINKS ***************************************/
/***************************************************************************************/

a {color: #2a42b9;}
a:visited {color: #1D327C;}
.nodetext a:visited {color: #5e88bb;}
a:hover {color: #f26522;}
.nodetext a:hover {color: #f26522;}


a.hide {text-decoration: none;}
a.hide:hover {text-decoration: underline;}


/* Taglike */
a.taglike, a.taglink:visited {
	font-family: Tahoma;
	text-decoration: none;
	color: #1D327C;
	padding: 1px;
	margin:1px;
}

a.taglike:hover {
	background-color: #202C86; 
	color: white;
}



/* Arrowed */
a.arrowed {
	font-family: Arial;
	background: url(/images/blue_arrow.gif) no-repeat right 60%;
	font-size: 111%;
	padding: 2px 22px 2px 2px;
	color: #202c86;
}

a.arrowed:visited {color: #202c86;}




/* Underline on hover */
a.changeType {
	display: block;
	text-decoration: none;
	font-size: 90%;
	color: #202c86;
}

a.changeType:hover {text-decoration: underline;}



a.buttonlike {
	font-family: Tahoma;
	font-size:80%;
	text-decoration: none;
	padding: 3px 4px;
	margin:1px 4px 1px;	
}

a.buttonlike:hover {
	background-color: #202c86;
	color: white;
}


a.dashed, a.dashed:visited {
	text-decoration: none;
	border-bottom: 1px dotted blue;
	padding-bottom: 0px;
    color: #2a42b9;
}

a.dashed:hover {border-bottom: 1px dotted #F46522; color: #f26522;}

/* Hack for IE */
*:first-child+html a.dashed, a.dashed:visited {border-bottom: none;}
* html a.dashed, a.dashed:visited {border-bottom: none;}


*:first-child+html a.dashed, * html a.dashed {
    background: url(/images/blue_dash.gif) repeat-x 0% 96%;
}

*:first-child+html a.dashed:hover, * html a.dashed:hover {
    background: url(/images/orange_dash.gif) repeat-x 0% 96%;
}




.me {
    /*background-color: #EEE;
    padding: 0.3em;
    border:1px dotted blue;*/
}

.user {
	text-decoration: none;
	font-size: 90%;
	color: #202c86;
	font-weight: bold;	
	cursor: default;	
	font-family: Arial;
    padding-left: 18px;
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 16px;
    line-height: 16px;
}


a.user {cursor: pointer;}
a.user:hover {text-decoration: underline;}







/***************************************************************************************/
/********************************** GLOBAL STRUCTURES **********************************/
/***************************************************************************************/


h1 {
    font-size: 1.9em;
    font-weight: normal;
    margin: .5em 0 .3em -0.2em;
    font-family: Arial, sans-serif;    
    color: #19579B;
}


h2 {
    font-size: 1.3em;
    font-weight: normal;
    margin: .7em 0 0 -0.2em;
    color: #71001A;
    cursor: default;
}

*:first-child+html {} * html h1 {margin-left:0;}
*:first-child+html {} * html h2 {margin-left:0;}

h2.sep {
    background: url(/images/red_sep.gif) repeat-x 60% 60%;
}

h2.sep span {padding-right: 0.3em; background-color: white;}
    
h2 a, h2 a:visited {
    color: #71001A;
    cursor: pointer;
}

h3 {
    font-size: 1.3em;
    font-weight: normal;
    margin: .2em 0 .4 .4em;
    color: #71001A;
    cursor: default;
}

h4 {
    color: #000C95;
    font-weight: normal;
    font-size: 1.1em;
    margin: 0 0 .2em;
    cursor: default;
}

h4.sep {
    background: url(/images/blue_sep.gif) repeat-x 60% 60%;
}

h4.sep span {padding: 0 0.3em; background-color: white;}


p {
    margin: 0.6em 0 0.5em;
/*    font-family: Verdana,Georgia,"Times New Roman",Times,serif;
    font-size:80%;
    line-height:1.4em;*/
}

b {/*color: #1D327C;*/ font-weight:bold; margin: 0 1px 0;}

ol, ul {
    margin: 0 0 1.5em 0;
    line-height: 1.2em;
    padding-left: 2em;
}

label input {margin-right:3px; margin-bottom: .1em;}
label {white-space: nowrap; font-size:90%;}

*:first-child+html {} * html {} label input {margin:0; margin-bottom: .1em; padding:0; width: 18px; height: 14px; } 
*:first-child+html {} * html {} label {margin:0; padding:0;}

small {font-size: 80%;}


q, div.chat_quote {
	padding-left: .4em;
	margin: .7em .6em 0;
	border-left: 4px solid #999;
	color: #555;
}



/***************************************************************************************/
/************************************** MAIN STYLE *************************************/
/***************************************************************************************/

    
.justanode {font-size: 95%; line-height: 130%; padding: 0 1.5em 2.3em 2em;}
.leavemealone {font-size: 100%;}

.desc {margin-left:0.3em; font-size:90%;}

.notread {font-weight:bold;}

.mini {font-size: 60%;}


.chatbox img {cursor: pointer; margin: .6em; border: 1px dotted #AAA;}

.newEvents {
	background: #BF6C0B url(/images/icons/info.png) no-repeat 7px 0;
	display: block;		
	text-decoration: none;
	line-height: 28px;
	border-bottom: 1px solid gray;
	color: #EFEFEF;	
	padding-left: 57px;
}

.newEvents:visited, .newEvents:active {color: #EFEFEF;}

.newEvents b {color: white;}
.newEvents:hover b {color: black;}

.newEvents:hover {
	background-color: #F0B821;
	color: black;
}

.newMessages {
	background-image: url(/images/talkforinfo.gif);
	background-color: #af0756;
}

.newMessages:hover {
	background-image: url(/images/talkforinfoh.gif);
	background-color: #e4398a;
}



.dangermode {
	background: #BF6C0B url(/images/danger_mode_loop.gif) repeat-x 0 0;
	
	text-decoration: none;
	line-height: 28px;
	border-bottom: 1px solid gray;
	color: black;
	
	font-size: 75%;
}




div.quote {
	background: url(/images/quote_left.gif) no-repeat 0 0;
	font-family: Arial;
	font-size: 12px;
	color: #676767;
	margin:  1.2em 1.8em;
	float: left;
	min-height: 31px;
	max-width: 800px;
	clear: both;
}

div.quote div {
	background: url(/images/quote_right.gif) no-repeat 100% 100%;
	padding: 2px 34px;
	min-height: 31px;
	width: 100%;
	float: left;
}

.smallQuote {font-size: 75%; color: #555;}



.rank {
	font-size:85%; 
	color: #555;
}


img.avatar {
    border: 1px solid #808080;
}


.box {
	padding: 0.6em;
	background-color:#EFFAFF;
	margin: 1em 0.2em;
	border: 1px solid #DDD;
	text-align: left;
}

.rating{
    color: white;
    font-family: Tahoma;
    font-size:80%;
    background: url(/images/answers_counter.gif) no-repeat 0 0;;
    width: 47px;
    height: 19px;
    float: left;
    clear: both;
}


.scomm {
	text-align:left;
	float:right;
	clear: both;
	margin: 0 auto;
}

.scomm .text {
	font-size:110%;
	margin:3px;
}

.scomment .rating {
	margin-left:5px; font-weight:bold;
}

.group {
	color:gray;
	margin: 5px 0 2px;
	text-align:right;
	font-size:90%;
}


.pager a {
	margin: 3px;
	text-decoration: none;
	font-size:95%;
    /*border:1px solid red;
    line-height: 32px;*/
}

.pager .selected {
	font-size:130%;
}

.pager input {
    font-size: 120%;
    width: 30px;
    border: 1px solid #DEDEDE;
    text-align: center;
    color: #1D327C;
    font-weight:bold;
}

.pager input:focus {
   border: 1px solid gray; 
}

.pager .indi {
	font-weight:bold;
	margin: 0 6px;
}

.pager {
    vertical-align: middle;
}


.fieldName {
	font-family: Arial;
	font-size: 110%;
	color: #71001A;
	margin-right: 7px;
	white-space: nowrap;
}

.inputBlock td {
	padding-top: 7px;
}

.inputBlock td table td {padding:0;}

.advice {
	color: gray;
	font-size:75%;
}

.wysiwygPanel {
	width: 100%;
	margin: 2px 0 3px;
}

.wbut {
	float:left;
	display: block;
	text-align:center;
	vertical-align:middle;
	width: 27px;
	height: 25px;
}

.wbutlol {
	background: url(/images/wysiwyg/btn.gif) no-repeat 0 0;
}

.lbut a {
	background-image: url(/images/wysiwyg/lbtn.gif);
}

.wbut:hover {
	background-image: url(/images/wysiwyg/btn_h.gif);
}

.lbut a:hover {
	background-image: url(/images/wysiwyg/lbut_h.gif);
}

.fieldInput {
	width:100%;
	font-size:120%;
	margin-right: 10px;
	padding: 1px;
}

.fieldInputSmall {
	width:100%;
	font-size:100%;
	margin-right: 3px;
	padding: 1px;
}

.rightColumn * {text-align:left;}


.strip {
	border-left: 6px solid orange;
	margin: .7em 1.4em;
	padding: .2em .3em;
	font-size: 95%;
	font-family: 'Times New Roman';
	line-height: 1.2em;
	color: #6F6F6F;
}

.quest {
	color: #eb590c;
	background: url(/images/question.gif) no-repeat 0 50%;
	font-family: Arial;
	font-size: 120%;
	min-height: 41px; 
	margin: 0.5em 1.2em;
	padding: 0.4em;
	padding-left: 36px;
	padding-top: 25px;	
	font-weight: bold;
}

.exclamation {
	color: #d9312f;
	background: url(/images/exclamation.gif) no-repeat 0 50%;
	font-family: Arial;
	font-size: 120%;
	min-height: 41px; 
	margin: 0.5em 1.7em;
	padding: 0.4em;
	padding-left: 18px;
	padding-top: 25px;	
	font-weight: bold;
}

.subheader {
	background: url(/images/minibox/c.gif) repeat-x 0 60%;
	font-size: 1.3em;
	color: gray;
	font-weight: bold;
	font-family: Tahoma;
	margin: 0.8em 0 0.1em;
}

.subheader > span {
	background-color: white;
	padding-right: 3px;
	margin-left: 0px;
}


.textbox {
	background-color: #eff5f6;
	/*border-top: 2px solid gray;
	border-bottom: 2px solid gray;*/
	padding: .5em;
	font-size: 100%;
	font-family: 'Times New Roman';
	line-height: 1.0em;	
	margin: .7em 1.4em;
	float: left;
	clear: both;	
}

.inputError {
    border:2px solid #E20000;
}

.registration {
    background: url(/images/face/registration.gif) no-repeat 0 0;
    padding: 14px 64px;
}



/***************************************************************************************/
/************************************ USEFULL STUFF ************************************/
/***************************************************************************************/

.bold {font-weight:bold;}
.center {text-align: center;}
.width1 {width:1%;}
.width100 {width:100%;}
.nowrap {white-space: nowrap;}
.abs {position: absolute; z-index:100;}
.hidden {display:none;}
.left {text-align:center; margin: 0 auto;}
.gotop, .gotop5 {
	opacity: 0.5;
	-moz-opacity:0.5;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
.gotop3 {
	opacity: 0.3;
	-moz-opacity:0.3;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
}
.gotop7 {
    opacity: 0.7;
    -moz-opacity:0.7;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

.gotop0 {
    opacity: 0.0;
    -moz-opacity:0.0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
.fixed {
    //top: expression(document.getElementsByTagName("body")[0].scrollTop + "px");  
    position: fixed;
    top: 0;
    left: 0;
    //position: absolute;
}
.nospace {margin:0 ! important; padding:0 ! important;}






/***************************************************************************************/
/******************************************* FORMS *************************************/
/***************************************************************************************/

.formbox td {
	padding:5px 0;
}

.formbox .name {
	text-align:right;
	padding-right:12px;
	font-size:1.2em;
	white-space:nowrap;
	vertical-align:top;
	padding-top:8px;
}


.formbox input {
	font-size: 1.4em;
	padding:2px;
	width: 250px;
}

.formbox .info {
	color:#666;
	font-size:90%;
	//font-size: 83%; /* IE hack */
	width: 100%;
	padding-left:12px;
	vertical-align:top;
	padding-top:7px;
}


.form {
    font-size: 95%;
}

.form .left {
   text-align: right;
   padding-right: 0.4em;
   cursor: default;
   font-family: Tahoma;
   color: #555;
   font-size: 90%;
   vertical-align: top;
   white-space: nowrap;
}

.form td {
     padding-bottom: 0.2em ! important;
}

.form select {
   margin-right: 0.3em;   
}

.form .sep td {
    text-align: center;
    font-size: 110%;
    font-weight: bold;
    background: url(/images/minibox/c.gif) repeat-x 50% 65%;
    cursor: default;
    color: #888;
    padding-top: 0.6em;
}




/***************************************************************************************/
/**************************************** ALERTS ***************************************/
/***************************************************************************************/

.redalert {
	color:#ed1c24;
	font-size:80%;
	font-family:Arial;
	padding: 3px 0 3px 5px ! important;
	vertical-align:middle;
	width: 100%;
}

.stopalert {
	color:#555;
	font-size:120%;
	font-family:Arial;
	padding: 3px 0 3px 5px ! important;
	vertical-align:middle;
}

.okalert {
	color: #1AB40B;
	font-size:120%;
	font-family:Arial;
	padding: 3px 0 3px 8px ! important;
	vertical-align:middle;  
    text-align: center;
    margin: 0.6em 0px;  
}

.assalert {
    color: #C50C36;
    font-size:120%;
    font-family:Arial;
    padding: 3px 0 3px 8px ! important;
    vertical-align:middle;  
    text-align: center;
    margin: 0.6em 0px;  
}

.redbox {
	border:1px solid #B1001C;
	padding:4px;
	margin:5px;
	font-family: Arial;
	background-color: #FFBFCB;
}