/* <<< CONTENT >>>
 1. COMMON
 2. FORMS
 3. SEARCHLINE
 4. RATE
 5. LOGINSMALL
 6. TABLELIST
 7. BOTTOM
 8. LEFTMENU
 9. USERMENU
10. MAIN
11. OTHER
12. POST
13. MESSAGESINSIDE
14. ENUMERATOR
15. CALENDAR
16. INFORMER
17. VOTE
18. RSS
19. Модальное окно
20. REPUTATION
21. SHARED-DOCS
22. TWO COLUMN VIEW
23. CUTTED BLOCK
24. USERLABEL
25. CALENDAR
26. PHOTOGALLERY
*/

/* <<< COMMON >>> */
body
{
	background-color: #FFFFFF;
	padding: 0;
	margin: 0;
}
body, table
{
	font-family: Tahoma, Arial;
	font-size: 12px;
	color: #515153;
}

/* <<< COMMON::HEADERS >>> */
h1, h2
{
	color: #A4003D;
	font-family: Tahoma, Arial;
	font-size: 14px;
}
div.lineGray
{
	margin: 2px 0 5px 0;
	background-color: #E4E4E3;
	height: 2px;
}
div.lineRed
{
	margin: 2px 0 5px 0;
	background-color: #E4E4E3;
	height: 2px;
}

/* <<< COMMON::LINKS >>> */
a
{
	color: #515153;
	text-decoration: underline;
}
a:hover
{
	color: #C13702;
	text-decoration: underline;
}
a.red
{
	color: #D02102;
	text-decoration: underline;
}
a.red:hover
{
	color: #FF6600;
	text-decoration: underline;
}
a.red2
{
	color: #A4003D;
	text-decoration: underline;
}
a.red2:hover
{
	color: #A4003D;
	text-decoration: underline;
}

/* <<< COMMON::STDMESSAGES >>> */
div.messageErrorBlock {padding:10px;}
div.messageError
{
	border: 1px solid #b42619;
	background-color: #FFA895;
	padding: 10px;
	margin: 0px;
}
div.messageError div.image
{
	padding-left: 42px;
	background-image: url(/images/StdMessages/error-withBg.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: auto !important; /* for modern browsers */
	height: 35px; /* for IE5.x and IE6 */
	min-height: 35px; /* for modern browsers */
}
div.messageErrorCornerLT{background-image:url(/images/StdMessages/error-cornerLT.gif); background-position:left top; background-repeat: no-repeat; overflow: hidden; height: 11px; width: 11px; position: relative; float: left; margin: 0;}
div.messageErrorCornerLB{background-image:url(/images/StdMessages/error-cornerLB.gif); background-position:left top; background-repeat: no-repeat; overflow: hidden; height: 11px; width: 11px; position: relative; float: left; margin: 0; margin-top: -11px;}
div.messageErrorCornerRT{background-image:url(/images/StdMessages/error-cornerRT.gif); background-position:left top; background-repeat: no-repeat; overflow: hidden; height: 11px; width: 11px; position: relative; float: right; margin: 0;}
div.messageErrorCornerRB{background-image:url(/images/StdMessages/error-cornerRB.gif); background-position:left top; background-repeat: no-repeat; overflow: hidden; height: 11px; width: 11px; position: relative; float: right; margin: 0; margin-top: -11px;}
div.messageAlertBlock {padding:10px;}
div.messageAlert
{
	border: 1px solid #FF9900;
	background-color: #FDF3D5;
	padding: 10px;
	margin: 0;
}
div.messageAlert div.image
{
	padding-left: 42px;
	background-image: url(/images/StdMessages/warn-withBg.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: auto !important; /* for modern browsers */
	height: 35px; /* for IE5.x and IE6 */
	min-height: 35px; /* for modern browsers */
}
div.messageAlertCornerLT{background-image:url(/images/StdMessages/warn-cornerLT.gif); background-position:left top; background-repeat: no-repeat; overflow: hidden; height: 11px; width: 11px; position: relative; float: left; margin: 0;}
div.messageAlertCornerLB{background-image:url(/images/StdMessages/warn-cornerLB.gif); background-position:left top; background-repeat: no-repeat; overflow: hidden; height: 11px; width: 11px; position: relative; float: left; margin: 0; margin-top: -11px;}
div.messageAlertCornerRT{background-image:url(/images/StdMessages/warn-cornerRT.gif); background-position:left top; background-repeat: no-repeat; overflow: hidden; height: 11px; width: 11px; position: relative; float: right; margin: 0;}
div.messageAlertCornerRB{background-image:url(/images/StdMessages/warn-cornerRB.gif); background-position:left top; background-repeat: no-repeat; overflow: hidden; height: 11px; width: 11px; position: relative; float: right; margin: 0; margin-top: -11px;}
div.messageInfoBlock {padding:10px;}
div.messageInfo
{
	border: 1px solid #8db78d;
	background-color: #e5f8e5;
	padding: 10px;
	margin: 0;
}
div.messageInfo div.image
{
	padding-left: 42px;
	background-image: url(/images/StdMessages/info-withBg.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: auto !important; /* for modern browsers */
	height: 35px; /* for IE5.x and IE6 */
	min-height: 35px; /* for modern browsers */
}
div.messageInfoCornerLT{background-image:url(/images/StdMessages/info-cornerLT.gif); background-position:left top; background-repeat: no-repeat; overflow: hidden; height: 11px; width: 11px; position: relative; float: left; margin: 0;}
div.messageInfoCornerLB{background-image:url(/images/StdMessages/info-cornerLB.gif); background-position:left top; background-repeat: no-repeat; overflow: hidden; height: 11px; width: 11px; position: relative; float: left; margin: 0; margin-top: -11px;}
div.messageInfoCornerRT{background-image:url(/images/StdMessages/info-cornerRT.gif); background-position:left top; background-repeat: no-repeat; overflow: hidden; height: 11px; width: 11px; position: relative; float: right; margin: 0;}
div.messageInfoCornerRB{background-image:url(/images/StdMessages/info-cornerRB.gif); background-position:left top; background-repeat: no-repeat; overflow: hidden; height: 11px; width: 11px; position: relative; float: right; margin: 0; margin-top: -11px;}

/* <<< COMMON::STYLES >>> */
.service
{
	font-size: 11px;
	color: #7D839B;
}
.service a
{
	color: #7D839B;
}
.service a:hover
{
	color: #333333;
}
.service a.red2
{
	color: #A4003D;
	text-decoration: underline;
}
.service a.red2:hover
{
	color: #A4003D;
	text-decoration: underline;
}
.hidden
{
	color: #666666;
}
.hidden2
{
	color: #999999;
	font-size: 10px;
}
a.postId
{
	font-size: 9px;
	text-decoration:none;
}
a.postIdNew
{
	font-size: 9px;
	text-decoration:none;
	color: #990000
}


/* <<< FORMS >>> */
div.Form div.Controls
{
	 margin: 5px;
}
div.Form div.Controls span.formStar
{
	color: #CC0000;
}
div.Form span.controlName
{
	font-weight: bold;
}
div.Form .textInput, input.formStyleTextInput
{
	height: 15px;
	width: 200px;
	font-size: 11px;
}
div.Form .area
{
	height: 100px;
	width: 400px;
	font-size: 11px;
}
div.Form .button
{
	height: 22px;
	font-size: 11px;
	font-weight: bold;
}

/* <<< SEARCHLINE >>> */
#searchLine
{
	padding: 0;
	margin: 0;
}
#searchLine table
{
	font-size: 11px;
	color: #FFFFFF;
}
#searchLine table a { color:#FFFFFF;}
#searchLine table a:hover { color:#F79C2D;}
#searchLine #q
{
	width: 100%;
	background:none;
	border: none;
	/*height: 15px;*/
	font-size: 14px;
	padding: 0;
	margin:0;
}

#searchLine #submitButton
{
	width: 50px;
	height: 20px;
	font-size: 11px;
	margin: 0 0 0 5px;
	padding: 0;
}

/* <<< RATE >>> */
div.RateStars
{
	width: 70px;
	display: inline;
	cursor: pointer;
}
.hintsClass
{
	font-family: tahoma, verdana, arial;
	font-size: 11px;
	background-color: #f0f0f0;
	color: #000000;
	border: 1px solid #808080;
	padding: 5px;
	width: 200px;
}
/* <<< RATE::STARS >>> */
.star-rating
{
	list-style:none;
	margin: 0px;
	padding:0px;
	width: 100px;
	height: 20px;
	position: relative;
	background: url(star_rating.gif) top left repeat-x;
	margin-left: 48px;
}
.star-rating li
{
	padding:0px;
	margin:0px;
	float: left;
}
.star-rating li a
{
	display:block;
	width:20px;
	height: 20px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
}
.star-rating li a:hover
{
	background: url(star_rating.gif) left bottom;
	z-index: 1;
	left: 0px;
}
.star-rating a.one-star{left: 0px;}
.star-rating a.one-star:hover{width:20px;}
.star-rating a.two-stars{left:20px;}
.star-rating a.two-stars:hover{width: 40px;}
.star-rating a.three-stars:hover{width: 60px;}
.star-rating a.three-stars{left: 40px;}
.star-rating a.four-stars{left: 60px;}
.star-rating a.four-stars:hover{width: 80px;}
.star-rating a.five-stars{left: 80px;}
.star-rating a.five-stars:hover{width: 100px;}

/* <<< LOGINSMALL >>> */
#UserLogin
{
	margin: 0;
}
#UserLogin table
{
	color: #EBF0F5;
}
#UserLogin #UserLogin, #UserLogin #UserPass
{
	height: 13px;
	font-size: 11px;
	width: 80px;
}
#UserLogin #submit, #UserLogin #reset
{
	height: 20px;
	font-size: 11px;
	font-weight: bold;
}

/* <<< TABLELIST >>> */
table.List
{
	background-color: #A7BEE4;
}
table.List td
{
	background-color: #FFFFFF;
}
table.List th
{
	background-color: #F4F8FD;
	font-weight: bold;
	text-align: center;
}

/* <<< BOTTOM >>> */
div.bottom
{
	padding: 10px 5px 10px 20px;
	margin-top: 10px;
	font-size: 11px;
	color: #666666;
	background-color: #EEF1F7;
}
div.bottom a
{
	color: #666666;
	text-decoration: underline;
}
div.bottom a:hover
{
	color: #990000;
}

/* <<< LEFTMENU >>> */
div.leftMenu
{
	padding: 0 15px 0 20px;
}
div.leftMenu ul
{
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 13px;
}
div.leftMenu ul li
{
	margin-bottom: 8px;
}
div.leftMenu h1
{
	padding: 0;
	margin: 0;
}
div.topSpacer
{
	height: 8px;
}
span.counter
{
	font-size: 10px;
	/*color: #003399;*/
	color: #7D839B;
	text-decoration: none;
}

/* <<< USERMENU >>> */
table.userMenu
{
	color: #FFFFFF;
}
table.userMenu a, table.userMenu a:hover
{
	color: #FFFFFF;
}
table.userMenu .service
{
	color: #E0E4ED;
}

/* <<< MAIN::CENTER >>> */
div.mainCenter
{

}
div.mainCenter h1, h2
{
	margin: 15px 0px 0px 10px;
	padding: 0;
}
div.mainCenter .ask a {
	color: #81849B;
}
div.mainCenter .ask a:hover {
	color: #CC0000;
}

/* <<< MAIN::CENTER::MESSAGE >>> */
div.mainCenter div.messageMain
{
	background-image: url(message-bg-top.gif);
	background-position: top;
	background-repeat: repeat-x;
	margin: 5px 0 5px 0;
}
div.mainCenter div.messageMain table.global
{

}
div.mainCenter div.messageMain table.global td.p
{
	padding: 0 10px 0 10px;
}
div.mainCenter div.messageMain table.global td.p2
{
	padding: 0 10px 0 40px;
}
div.mainCenter div.messageMain table.global td.p2 div.img
{
	margin: 2px 0 0 -30px;
	background-image: url(q-short.gif);
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
	position: absolute;
	height: 22px;
	width: 23px;
}
	.ImagesAreNotDisplayed {
		font-size: 96%;
		background-color: infobackground;
		float: left;
		margin: 0 0 0.5em -0.4em;
		padding: 0 0.4em;
		clear: right !important;
	}
	.ImagesAreNotDisplayed h4 {
		margin: 0;
	}

	.ImagesAreNotDisplayed p {
		margin: 0;
		padding-bottom: 0.2em;
	}

/* <<< MAIN::RIGHT >>> */
div.mainRight
{
	padding: 0 5px 0 20px;
}
div.mainRight h1, h2
{
	margin: 0px 0px 0px 0px;
	padding: 0;
}
div.mainRight h2
{
	margin: 0 0 10px 0;
	color: #576488;
}

/* <<< OTHER::CENTER >>> */
div.otherCenter
{
	padding: 0 5px 0 0;
}
div.otherCenter h1, h2
{
	margin: 0px 0px 5px 0px;
	padding: 0;
}

/* <<< OTHER::CENTER::MESSAGE >>> */
div.otherCenter div.messageMain
{
	background-image: url(message-bg-top.gif);
	background-position: top;
	background-repeat: repeat-x;
	margin: 5px 0 5px 0;
}
div.otherCenter div.messageMain table.global
{
	/*background-image: url(message-bg-bottom.gif);
	background-position: bottom;
	background-repeat: repeat-x;*/
}
div.otherCenter div.messageMain table.global td.p
{
	padding: 0 10px 0 10px;
}
div.otherCenter div.messageMain table.global td.checkbox
{
	vertical-align: middle;
	text-align: center;
	padding: 0 2px 0 8px;
	width: 15px;
}
div.otherCenter div.messageMain table.global td.p2
{
	width: 100%;
	padding: 0 10px 0 40px;
}
div.otherCenter div.messageMain table.global td.p2 div.img
{
	margin: 2px 0 0 -30px;
	background-image: url(q-short.gif);
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
	position: absolute;
	height: 22px;
	width: 23px;
}

/* <<< OTHER::CENTER::MESSAGEFIRST >>> */
div.otherCenter div.messageFirst
{
	margin: 0 0 10px 0;
}
div.otherCenter div.messageFirst td.thum
{
	background-color: #EAEBF1;
}
div.otherCenter div.messageFirst td.thum div
{
	padding-top: 5px;
}

/* <<< OTHER:: FORUM :: MESSAGES >>> */
div.signature
{
	margin-top: 12px;
	border-top: 1px solid #a1a1a1;
	padding-top: 3px;
	font-size: 11px;
	color:#a1a1a1;
}
div.signature a { 	color:#a1a1a1; }
div.signature a:hover { color:#000000; }

/* <<< POST >>> */
div.post
{

}
/* <<< POST::PANEL1 >>> */
div.post div.panel1
{
	background-image:url(panel1-bg.gif);
	height: 30px;
	padding: 0 10px 0 10px;
	border-left: 1px solid #C6C8D4;
	border-right: 1px solid #C6C8D4;
}
div.post div.panel1 table
{
	height: 30px;
	font-size: 11px;
}
div.post div.panel1 h2
{
	padding: 3px 0 5px 0;
}
div.post div.panel1 #Post_topic
{
	width: 80%;
	height: 15px;
	font-size: 11px;
}
div.post div.panel1 #newpost_name, div.post div.panel1 #newpost_email
{
	height: 13px;
	width: 100px;
	font-size: 11px;
}
div.post div.panel1 #rubric
{
	font-size: 11px;
}
/* <<< POST::PANEL2 >>> */
div.post div.panel2
{
	background: url(panel2-bg.gif) left top repeat-x;
	height: 21px;
	padding: 1px 0 0 0;
	border-left: 1px solid #C6C8D4;
	border-right: 1px solid #C6C8D4;
}
	div.post div.panel2 img {
		cursor: pointer;
		padding: 0;
		border: 0;
		height: 21px;
	}
	div.post div.panel2 ul {
		padding: 0;
		margin: 0;
		list-style: none;
		border-left: 1px dotted #70789b;
	}
	div.post div.panel2 ul li {
		float: left;
		border-right: 1px dotted #70789b;
		height: 21px;
		min-width: 28px;
		text-align: center;
	}
	* html div.post div.panel2 ul li {
		width: 28px;
	}
	div.post div.panel2 ul li a {
		background: url(panel2-btn-bg.gif) left top repeat-x;
		text-decoration: none;
		font-weight: bold;
		display: block;
		font-size: 8pt;
		height: 21px;
		padding: 3px 6px 0 6px;
		color: #70789b;
	}
	div.post div.panel2 ul li a:active,
	div.post div.panel2 ul li a:avisited{
		color: #70789b;
	}

.insimage {
	overflow: hidden;
	position: fixed;
	z-index: 1000;
	background-color: rgb(255, 255, 255);
	border: 0px;
	height: 235px;
	width: 480px;
	left: 50%;
	top: 50%;
	margin-left: -240px;
	margin-top: -117px;
	display: none;
	padding: 1em;
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.7);
	border: 1px solid #ccc;
}
*html .insimage {
	position: absolute;
}

	.insertMediaForm p {
		margin: 0.9em 0.5em 0.3em 0;
	}
	.insertMediaForm ul {
		list-style: none;
		padding: 0;
		/*margin: 0 0 0 0.25em;*/
	}
	.insertMediaForm ul li {
		margin-top: 2em;
	}
	.insertMediaForm .descr {
		font-size: 88%;
		color: gray;
		margin-left: 170px;
	}
	.insertMediaForm .label {
		float: left;
		display: block;
		width: 170px;
		clear: both;
	}
	.insertMediaForm .label label {}
	.insertMediaForm .textinput {
		width: 300px;
	}
	.insertMediaForm input {
		margin: 0;
	}

	.insertMediaForm .formButtons {
		position: absolute;
		right: 4px; bottom: 0;
	}

	.insertMediaForm .lnkCancel {
		text-decoration: none;
		border-bottom: 1px dashed;
		padding-rop: 8px;
		margin-right: 0.6em;
	}

	.insertMediaForm h2 {
		font-size: 150%;
		padding: 0;
		margin: 0;
	}
/* <<< POST::CAPTCHA >>> */
div.post div.captcha
{
	background-color: #F8FAF9;
	height: 36px;
	padding: 1px 10px 0 10px;
	border-left: 1px solid #C6C8D4;
	border-right: 1px solid #C6C8D4;
}
div.post div.captcha input
{
	width: 50px;
}
/* <<< POST::MESSAGE >>> */
div.post div.message
{
	padding: 0;
	border: 1px solid #C6C8D4;
}
div.post div.message textarea
{
	width: 100%;
	height: 100px;
	padding: 0;
	border: 0;
}
/* <<< POST::PANEL3 >>> */
div.post div.panel3
{
	background-color: #D1E8F7;
	height: 21px;
	border: 1px solid #C6C8D4;
}
div.post div.panel3 td.text
{
	padding-left: 10px;
	font-size: 10px;
}
div.post div.panel3 td.button
{

}
div.post div.panel3 .submit
{
	background-color: #A4003D;
	border-left: 1px solid #A4003D;
	border-right: 1px solid #A4003D;
	border-top: 1px solid #A4003D;
	border-bottom: 1px solid #A4003D;
	color: #FFFFFF;
	font-weight: bold;
	width: 130px;
	height: 21px;
	cursor: pointer;
}

/* <<< MESSAGESINSIDE >>> */
span.marked
{
	font-size: 14px;
	font-weight: bold;
	color: #630A0A;
}
blockquote
{
	margin: 10px;
	padding: 5px;
	font-size: 11px;
	background-color: #F1F3F8;
	border: 1px solid #DEE4F3;
}
blockquote div.h
{
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 3px;
	border-bottom: 1px solid #CBD7EB;
	color: #416AAF;
}
table.document
{
	font-size: 12px;
	line-height: 10px;
	background-color: #fdfdfd;
	padding: 10px;
	border: 1px #777 solid;
}

/* <<< ENUMERATOR >>> */
div.penum { padding: 10px;}
div.penum a.firstLast {font-size:10px;}
div.penum span.firstLast {font-size:10px; color:#999999;}
div.penum a.prevNext {font-size: 11px;}
div.penum span.prevNext {font-size: 11px; color:#999999;}
div.penum a.page {font-weight: bold; padding: 0 3px 0 3px;}
div.penum span.curr {font-size: 16px; font-weight: bold; margin: 0 5px 0 5px;}

/* <<< ENUMERATOR::SMALL >>> */
span.penumSmall {}
span.penumSmall a {padding: 1px 0 1px 1px; text-decoration: none;}
span.penumSmall a:hover {padding: 1px 0 1px 1px; text-decoration: none; color: #CC0000;}
span.penumSmall a.test {padding: 1px 0 1px 1px; text-decoration: none; border: 1px solid #C2CFDF; background-color: #F0F5FA;}
span.penumSmall a.test:hover {padding: 1px 0 1px 1px; text-decoration: none; border: 1px solid #C2CFDF; background-color: #F0F5FA; color: #CC0000;}

/* <<< CALENDAR >>> */
#MyText { text-align:left;width:150px; owerflow:none; background-color:#CDDCF3; padding: 3px; border:1px solid #4066CC; filter:shadow(color:gray, strength:5, direction:135); }
#MyCover {  display:none;width:170px;padding:10px;padding-left:0;position: absolute; filter:shadow(color:gray, strength:10, direction:135);z-index:1; }
div.CalDate { font-size:12px; font-weight:bold; color:#920025; }
div.CalText { font-size:11px; color: black; background-image: url(m.gif); background-position: top left; background-repeat: no-repeat; text-indent: 7px;}

/* <<< INFORMER::WEATHER >>> */
.weather
{
	font-family: Tahoma, Arial;
	font-size: 10px;
	color: #223868;
	padding: 2px;
	text-align: center;
	display: table;
}
.weather .header
{
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}

/* <<< VOTE >>> */
div.VoteResult
{
	padding-left: 20px;
	padding-bottom: 20px;
}
div.Voted
{
	padding-top: 5px;
	color: #A4003D;
	font-size: 10px;
}
label.vote
{
	padding-top: -5 px;
	cursor: pointer;
	vertical-align: center;
}

/* <<< RSS >>> */
td.rss
{
	text-align:right;
	vertical-align: bottom;
}
td.rss img
{
	margin-right: 5px;
	vertical-align: bottom;
	border: 0;
}
a.rss
{
	float: right;
	padding-left: 18px;
	color: #897F6E;
	background: url('rss.gif') left center no-repeat;
}

/* <<< Модальное окно >>> */
/* jqModal base Styling courtesy of Brice Burgess <bhb@iceburg.net> */
.jqmWindow
{
	display: none;
	position: fixed;
	top: 45%;
	left: 50%;
	margin-left: -160px;
	width: 320px;
	background-color: #EEE;
	color: #333;
	border: 1px solid black;
	padding: 12px;
	text-align: center;
}
.jqmWindow input
{
	border: 1px solid #000000;
	font-size: 11px;
}
.jqmOverlay { background-color: #000; }
* html .jqmWindow
{
	 position: absolute;
	 top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(32 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}


/* <<< REPUTATION >>> */
table.List td.rep {text-align: center;}
div.reputation { display: inline; }
div.reputation img
{
	border: 0;
	vertical-align: bottom;
	margin-left: 4px;
	margin-right: 4px;
}



/* <<< SHARED-DOCS >>> */
div.AddFile
{
	border: 1px solid #0B62A9;
	margin: 5px 0;
	padding: 5px;
}

div.search
{
	float: right;
	font-size:11px;
	width: 260px;
}
div.search input
{
	font-size:11px;
	width:200px;
}

table.FileList
{
	width: 100%;
	padding: 5px 5px 10px 0;
}

table.FileList tr.light, tr.light2 { background-color: #ECF1F7; }
table.FileList tr.dark, tr.dark2 { background-color: #E2EAF5; }
table.FileList td.icon
{
	width: 80px;
	padding: 5px;
	vertical-align: top;
	text-align: center;
}
table.FileList td.icon img { border: 0; }
table.FileList td.info { padding-right: 5px; }
table.FileList td.info div.name { padding: 0 5px 4px 0; }
table.FileList td.info div.download { padding: 4px 5px 5px 0; }


a.button
{
	background: url('button.gif') no-repeat;
	color: #214967;
	font-weight: bold;
	display: block;
	width: 145px;
	height: 25px;
	text-align: center;
	padding-top: 5px;
}
a.button:hover
{
	background: url('button.hover.gif') no-repeat;
	color: #000000;
}

.blocks {background: transparent; width: 150px; }
.blocks img {margin:4px 10px 0 10px; width: 43px; height: 41px; border:0;}
.xboxcontent {display:block; height: 50px; background:#E2EBFA; vertical-align: bottom;}

.xboxcontent p { margin-top: 15px; display:block;}
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2 {display:block; overflow:hidden;}
.xb1, .xb2 {height:1px;}
.xb1 {margin:0 2px; background:#E2EBFA;}
.xb2 {margin:0 1px; border-width:0;}
.xb2 {background:#E2EBFA;}


.profby {color:black;}
.profby a {color:#5F3737;}
.profby a:hover {color:black;}

div.forumButton img {filter:alpha(opacity=50);opacity:.50;cursor:pointer;}
div.forumButtonHover img {filter:alpha(opacity=100);opacity:1.0;cursor:pointer;}
div.forumButton, div.forumButtonHover {padding-bottom:4px;}
div.forumButtonContainer {padding:3px 0 8px 0;}

/* <<< TWO COLUMN VIEW >>> */
table.twoColumn
{
	border: 0;
	width: 100%;
}
table.twoColumn th.column
{
	width: 50%;
	vertical-align: top;
}
table.twoColumn td.middleBorder
{
	border-left: 1px dotted black;
	border-right: 1px dotted black;
}
table.twoColumn td.column
{
	width: 50%;
	padding: 4px;
	vertical-align: top;
}


/* <<< CUTTED BLOCK >>> */
div.cuttedBlock
{
	margin: 3px 0;
	width:100%;
	border: 1px solid #AAAAAA;
	background: #F1F3F8;
	font-size: 11px;
}
div.cuttedBlock div.cuttedBlockTitleClose, div.cuttedBlock div.cuttedBlockTitleOpen
{
	cursor: pointer;
	padding: 2px 2px 2px 14px;
	margin-left: 2px;
	font-weight: bold;
	color: #4B4B4B;
	background: transparent url("cut_plus.gif") no-repeat scroll left center;
}
div.cuttedBlock div.cuttedBlockTitleOpen
{
	background: transparent url("cut_minus.gif") no-repeat scroll left center;
}
div.cuttedBlock div.cuttedBlockText
{
	padding: 4px 7px;
	display:none;
	border-top: 1px solid #AAAAAA;
	background: #FFFFFF;
}


/* <<< USERLABEL >>> */
.userlabel
{
	margin-left: 4px;
	white-space: nowrap;
}
img.status_unknown, img.status_online, img.status_offline, img.status_anonymous
{
	width: 11px;
	height: 13px;
	border: 0;
	text-decoration: none;
	top: 3px;
	right: 4px;
	position: relative;
}
.userlabel a
{
	text-decoration: none;
}
.userlabel a span
{
	text-decoration: underline;
}





/* <<< CALENDAR >>> */
#Calendar td
{
	vertical-align: top;
}

#CalendarMonthes
{
	width: 200px;
	vertical-align: top;
}

#CalendarMonthes ul
{
	width: 100%;
	background-color: #31414B;
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#CalendarMonthes ul li
{
	padding: 10px 15px;
	border-bottom: 2px solid #5A7D8A;
	color: #FFFFFF;
	text-align: center;
	cursor: pointer;
}

#CalendarMonthes ul li.CalendarMonthHover
{
	background-color: #526C7C;
	color: #C0ECFA;
}

#CalendarMonthes ul li.CalendarMonthSelected
{
	background-color: #450C27;
	color: #C0ECFA;
}

#CalendarMonthes ul li.last
{
	border-bottom: 0;
}

#CalendarData
{
	width: 590px;
	margin-left: 10px;
	border: 1px solid #7A90A5;
}
#CalendarData td
{
	margin: 0;
	padding: 4px;
}

#CalendarData th, #CalendarData td.date
{
	background: #E3EFFF;
	border-bottom: 0;
}

#CalendarData td.date
{
	text-align: right;
	vertical-align: top;
	border-top: 1px solid #7A90A5;
	border-right: 1px solid #7A90A5;
	padding: 3px;
	width: 40px;
	height: 40px;
}

#CalendarData td.date span.date
{
	color: #333333;
	font-size: 160%;
	font-weight: bolder;
}

#CalendarData td.date span.fiesta
{
	color: #ba0404;
}


#CalendarData td.data
{
	text-align: left;
	vertical-align: top;
	width: 550px;
	border-top: 1px solid #B5BCC2;
}



/* <<< PHOTOGALLERY >>> */
#photogallery table
{
	width: 100%;
	margin-bottom: 20px;
}

#photogallery table td.picture
{
	text-align: center;
	vertical-align: top;
	width: 1%;
}

#photogallery table td.picture p
{
	margin-top: 3px;
	white-space: nowrap;
	paddin: 0 2px;
}

#photogallery table td.text
{
	vertical-align: top;
	text-align: left;
	padding-left: 4px;
}

#photogallery a.big-image, #photogallery a.all-images
{
	margin-top: 2px;
	padding-left: 15px;
	text-decoration: none;
}
#photogallery a.big-image {
	background: url('big-image.png') no-repeat left center;
}
#photogallery a.big-image:hover {
	background: url('big-image-hover.png') no-repeat left center;
}
#photogallery a.all-images {
	background: url('all-images.png') no-repeat left center;
}
#photogallery a.all-images:hover {
	background: url('all-images-hover.png') no-repeat left center;
}
#photogallery a.big-image span, #photogallery a.all-images span {
	text-decoration: underline;
}

#photogallery div.Addpicture
{
	border: 1px solid #0B62A9;
	margin: 5px 0;
	padding: 5px;
}
#photogallery .floats
{
	/* Компенсируем отступы между float-блоками, чтобы они занимали все доступное пространство */
	margin: -3em 0 0 -2em;
	/* Эти правила для IE */
	position: relative;
	display: inline-block;
	clear: both;
}

#photogallery .floats:after
{
	content: '';
	display: block;
	clear: both;
}

#photogallery .floats .left
{
	position: relative;
	float: left;
	/* Убираем удвоение отступов в IE */
	display: inline;
	/* Прячем все, что вдруг вылезло за наши ограничения */
	/*overflow: hidden;*/
	/* Отсупы между float-блоками */
	margin: 3em 0 0 2em;
	/* Задаем минимальную ширину по картинке и тексту */
	width: 14em;
	min-width: 200px;
}

#photogallery .floats .left .r
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
}

#photogallery .floats .left .min
{
	/* Задаем минимальную высоту по картинке */
	margin: 0 0 200px 0;
	/* Задаем минимальную высоту по тексту */
	height: 4em;
	/* Дублируем значение минимальной ширины по картинке для IE */
	width: 200px;
}
/* <<< EMERGENCY MESSAGE >>> */
div.EmergencyMessageBlock
{
	margin: 0;
	padding: 20px 0px 20px 5px;

	border: 2px solid #990033;
	background: #FBFF8C;
	font-weight: bolder;
	font-size: 120%;
	color: #990033;
}
#photogallery .floats .left p {margin: 0;}
#photogallery .floats .left p.service {margin-top: 0.3em;}

.hs-user-embed {
	margin-top: 0.4em;
	height: 1.6em;
}

.embedcontrols {
	float: right;
	clear: right;
}
a.embedimg {
	text-decoration: none;
	border-bottom: 1px dashed;
	font-size: 11px;
	color: #897F6E;
	padding-top: 1px;
	display: block;
	float: left;
}
input.embedimg {
	font-size: 90%;
	display: none;
	margin: 0 0 0 4px;
	padding: 1px;
}

.uploadPhotoHelpBlock {
	float: right;
	width: 27.5%;
	background-color: #f0f0f0;
	border-radius: 4px;
	margin-right: 1%;
}
.uploadPhotoHelpBlock h3 {
	margin: 0.5em 0 0.5em 0.8em;
}
.uploadPhotoHelpBlock p {
	margin: 0.7em 0.8em 1em 0.9em;
	line-height: 1.4em;

}
.uploadPhotoContainer {
	width: 70%;
}
#but_add_picture {
	float: right;
}

#tagssamples i {
	/*border-bottom: 1px dashed;
	cursor: pointer;*/
	font-style: normal;
}

#photogallery .pictureItem
{
	border: 1px solid #d0d0d0;
	margin: 0 0 1.5em 0;
	padding: 5px 5px 10px 0;
	border-radius: 4px;
	position: relative;
}
#photogallery .pictureItem dl {
	margin: 0;
}

#photogallery .pictureItem dt {
	float: left;
	width: 90px;
	margin: 5px 0 0 0;
	text-align: right;
}

#photogallery .pictureItem dd {
	margin: 4px 10px 0 100px;
}
#photogallery .pictureItem dd input {
	width: 100%;
}

.uploadPhotoFile .imgDelPhoto {
	width: 16px;
	height: 16px;
	cursor: pointer;
	position: absolute;
	top: -8px;
	right: -8px;
}
.uploadPhotoFile input {
	width: 200%;
}
.lnkAddItem {
	padding: 3px 0 2px 19px;
	background: url(icons/plus-icon_16.png) 0 3px no-repeat;
}

.photocomment {
	width: 100%;
	height: 60px;
	padding-top:2px;
}

#tagssamples i {
	/*border-bottom: 1px dashed;
	cursor: pointer;*/
	font-style: normal;
}

.tagsCloud {margin-top: 1em; margin-bottom: 2em;}
.tagsCloud span {white-space: nowrap;}
.tagsCloud .tag22 {font-size: 18pt; color:inherit;}
.tagsCloud .tag20 {font-size: 17pt; color:inherit;}
.tagsCloud .tag18 {font-size: 16pt; color:inherit;}
.tagsCloud .tag16 {font-size: 15pt; color:inherit;}
.tagsCloud .tag14 {font-size: 14pt; color:inherit;}
.tagsCloud .tag12 {font-size: 12pt; color:inherit;}
.tagsCloud .tag11 {font-size: 11pt; color:inherit;}
.tagsCloud .tag10 {font-size: 10pt; color:inherit;}
.tagsCloud .tag9 {font-size: 9pt; color:inherit;}
.tagsCloud .tag8 {font-size: 8pt; color:inherit;}
.tagsCloud .tag7 {font-size: 7pt; color:inherit;}


/* Rounded corners for emergency message block */
div.emergency-message-rounded-block-6px
{
	margin: 12px 100px 26px 100px;
}
div.emergency-message-rounded-block-6px div.top div.left
{
	background: transparent url('rounded-6px-emergency-message.png') no-repeat scroll 0 0;
	height: 6px;
	width: 6px;
	position: relative;
	float: left
}
div.emergency-message-rounded-block-6px div.top div.right
{
	background: transparent url('rounded-6px-emergency-message.png') no-repeat scroll -6px 0;
	height: 6px;
	width: 6px;
	position: relative;
	float: right
}
div.emergency-message-rounded-block-6px div.bottom
{
	margin: -6px auto 0 auto;
	padding: 0;
}
div.emergency-message-rounded-block-6px div.bottom div.left
{
	background: transparent url('rounded-6px-emergency-message.png') no-repeat scroll 0 -6px;
	height: 6px;
	width: 6px;
	position: relative;
	float: left
}
div.emergency-message-rounded-block-6px div.bottom div.right
{
	background: transparent url('rounded-6px-emergency-message.png') no-repeat scroll -6px -6px;
	height: 6px;
	width: 6px;
	position: relative;
	float: right;
}



#personal-messages-table .inbox
{
	color: #039;
}
#personal-messages-table .outbox
{
	color: #063;
}
#personal-messages-table .new
{
	color: #C42402;
}

#shelp
{
	display: none;
	padding: 5px;
	background-color: #FAEFCF;
}

.suggest-list {
	background-color: white;
	border: 1px solid #BBBBBB;
	border-top: none;
	padding: 5px 0;
	font: 14px Arial, sans-serif;
	overflow: hidden;
	left: -10px;
}
.suggest-list ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}
.suggest-list li {
	background-color: white;
	color: black;
	padding: 0 5px;
	cursor: pointer;
	margin: 0px;
	display: block;
	width: 100%;
	overflow: hidden;
	position:relative;
}

.suggest-list li.ac_over
{
	background-color: fuchsia;
	background: Highlight none repeat scroll 0 0;
	color: HighlightText;
}
.suggest-list iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}
.suggest-list li .qnt {
	position: absolute;
	top: 0;
	right: 10px;
	color: #26A908;
	padding: 0 5px;
	margin: 0;
	font: 14px Arial, sans-serif;
}
.suggest-list li.ac_over .qnt {
	color: HighlightText;
}

.NotifyModeratorBox
{
	margin: 10px;
	padding: 10px;
	border: 2px solid #874264;
	background-color: white;
}
.NotifyModeratorBox textarea
{
	width: 400px;
	height: 50px;
}
.NotifyModeratorBox div
{
	padding-bottom: 10px;
}
.NotifyModeratorBox input.button
{
	font-size: 11px;
}

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