body { background-color: #4682b4; color: #000000; }

.smallfont { }
.largefont { font-weight: bold; }
.timer { color: #666686; }
.highlight { color: red; }

a, a:link, a:visited, a:active { color: #13427f; font-weight: bold; text-decoration: none; }
a:hover { color: #13427f; text-decoration: underline; }
a.black, a.black:link, a.black:visited, a.black:active { color: #000000; font-weight: bold; text-decoration: none; }
a.black:hover { text-decoration: underline; }

b { font-weight: bold; }
hr { color: #13427f; }

img { vertical-align: middle; }

div.spacer { padding: 0 10px; border: none; background-color: #87ceeb; width: 100%; overflow: hidden; }





/* -- таблицы --*/

table, tr, th, td { font: 100% verdana, arial, helvetica, sans-serif; }
tr th { font-size: 85%; font-weight: bold; } 
tr th th { font-size: 100%; }

table.page { background-color: #87ceeb; width: 100%; }

table.border { border-top: 1px #13427f solid; border-left: 1px #13427f solid; width: 100%; margin: 0 auto; }
table.border th, table.border td { border-bottom: 1px #13427f solid; border-right: 1px #13427f solid; padding: 4px; vertical-align: top; }

table.borderw { border-top: 1px #13427f solid; border-left: 1px #13427f solid; }
table.borderw th, table.borderw td { border-bottom: 1px #13427f solid; border-right: 1px #13427f solid; padding: 4px; }
table.borderw td td { border: none; padding: 0px; }

table.none, table.none th, table.none td { border: none; padding: 0; }

table.smile {  border: 1px #13427f solid; }
table.smile th, table.smile td { padding: 4px; border: none; }

div.border, div.borderw, div.border170 { border: 1px #13427f solid; background-color: #F1F1F1; color: #000000; padding: 4px;  overflow: hidden; }
div.border170 { width: 170px; }

tr.head td, tr.head th, tr.head div { vertical-align: middle; }
tr.head td, tr.head th { font-size: 85%; text-align: left; }
tr.head th .highlight, tr.category th .highlight { font-weight: normal; color: #EEEEFF; }
tr.head td, tr.head th { background: #13427f; color: #EEEEFF; }
tr.head a, tr.head a:link, tr.head a:visited { color: #FFF788; font-weight: bold; text-decoration: none; }
tr.head a:hover { color: #EEEEFF; font-weight: bold; text-decoration: none; }

tr.category td, tr.category th, tr.category div { vertical-align: middle; }
tr.category td, tr.category th { font-size: 85%; background: #4682b4; color: #FFF788; }
tr.category th { text-align: left;}
tr.category a, tr.category a:link, tr.category a:visited, tr.category a:active { color: #FFF788; text-decoration: none; }
tr.category a:hover { color: #FFF788; text-decoration: underline; }

tr.alt1, td.alt1, th.alt1 { background-color: #F1F1F1; color: #000000; }
tr.alt2, td.alt2, th.alt2 { background-color: #DFDFDF; color: #000000; }
tr.alt1 th, tr.alt2 th { text-align: center; }

td.cal, td.cal a { background-color: #DFDFDF; color: #880000; }
td.caltoday, td.caltoday a { background-color: #F1F1F1; color: #000088; }
td.cal ul, td.caltoday ul { margin: 0 0 10px 0; padding: 0; }
td.cal ul li, td.caltoday ul li { margin: 0 0 2px 20px; padding: 0; }
.calprivate, .calprivate a { color: #000000; }
.calpublic, .calpublic a { color: #000088; }





div.access { border: 1px #13427f solid; color: #000000; padding: 4px; position: absolute; left: 25px; margin-top: 10px; background-color: #DFDFDF; white-space: nowrap; z-order: 10; }


.postbit { padding: 0.5em 0 0 0; }
.postbitadd { font-size: 80%; padding: 3em 1em 0 1em;  text-align: right; }
img.postbitavatar { display: block; padding: 0.5em 0 1em 0.5em; }

.signature, .attachment { font-size: 85%; margin: 1em 1em 0 1em; padding: 2px 2px 4px 4px; border-top: 1px #13427f solid; }
.alt1 .signature { }
.alt2 .signature { }
.alt1 .attachment { background-color: #DFDFDF; }
.alt2 .attachment { background-color: #F1F1F1; }

div.content { padding-top: 23px; width: 100%; overflow: hidden; background: url(rb_images/menu_background.gif) repeat-x 0 23px; }
div.breadcrumb { width: 100%; overflow: hidden; padding-bottom: 16px; }
div.container { width: 100%; overflow: hidden; }
.left { float: left; }
.right { float: right; white-space: nowrap; }
td.right { float: none; text-align: right; }

div.counters { display: inline; height: 0px; width: 0px; position: absolute; left: -1000px; top: -1000px; visibility: hidden; }

div.adm { margin: 5px 20px 0 20px;  padding: 2px 2px 2px 7px; border: 1px #13427f solid; width:500px; overflow: hidden; border-left: 2px #13427f solid; }
div.quote { padding: 5px 20px 20px 20px; }
div.quote code { padding: 2px 2px 2px 7px; border: 1px #13427f solid; width:500px; overflow: auto; white-space: nowrap; display: block; border-left: 2px #13427f solid; }
div.quote div  { padding: 2px 2px 2px 7px; border: 1px #13427f solid; width:500px; overflow: hidden; border-left: 2px #13427f solid; }

.alt1 div.quote div, .alt1 div.quote code, .alt1 div.adm { background-color: #DFDFDF; }
.alt2 div.quote div, .alt2 div.quote code, .alt2 div.adm { background-color: #F1F1F1; }

span.spoiler { padding: 1px 5px 2px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.alt1 span.spoiler { background-color: #DFDFDF; color: #DFDFDF; }
.alt2 span.spoiler { background-color: #F1F1F1; color: #F1F1F1; }

.alt1 span.spoiler a, .alt1 span.spoiler a:link, .alt1 span.spoiler a:visited, .alt1 span.spoiler a:active, .alt1 span.spoiler a:hover { color: #DFDFDF; text-decoration: none; }
.alt2 span.spoiler a, .alt2 span.spoiler a:link, .alt2 span.spoiler a:visited, .alt2 span.spoiler a:active, .alt2 span.spoiler a:hover { color: #F1F1F1; text-decoration: none; }



input { vertical-align: top; }
select, select options { background-color: silver; color: black; }
input.text, textarea, input.password, input.file { background-color: silver; color: black; }
input.submit, input.reset { background-color: #4682b4; color: #FFF788; font-weight: bold; }
input.button { background-color: silver; color: black; font-weight: normal; }
input.checkbox, input.radio {}
input.image {}


body { font: 80.01% verdana, arial, helvetica, sans-serif; }
h1 { font-size: 140%; }
h2 { font-size: 126%; }
h3 { font-size: 110%; }
h4 { font-size: 100%; }
h5 { font-size: 100%; }
h6 { font-size: 100%; }

.smallfont { font-size: 80%; }
.largefont { font-size: 110%; }
.timer { font-size: 80%; }
.smallfont .timer { font-size: 100%; }

div.quote { font-size: 85%; }
div.quote code { font: 120% "Courier New", Courier, monospace, mono; }

select { font: 100% verdana, arial, helvetica, sans-serif; }
* html select { margin-top: 1px; }
input.text, textarea, input.password, input.file { font: 100% verdana, arial, helvetica, sans-serif; }
input.submit, input.reset, input.button { font: 85%  verdana, arial, helvetica, sans-serif; margin-top: 1px; }

a_iframe { z-index: -1; }

body { margin-top: 0; padding-top: 0; }

#topmenu li li a:hover { text-decoration: underline; }
#topmenu li:hover ul { display: block; }



#topbox { position: absolute; top: 0; left: 0; padding: 1px 0 0 0; height: 22px; color: #13427f; background-color: #87ceeb; overflow: visible; font-size: 85%; width: 100%; }
#topbox, #topbox * { vertical-align: middle; }
#topmenu a { display: block; text-decoration: none; font-weight: bold; }
#topmenu { display: block; margin: 0 1em; padding: 0px; list-style: none; }
#topmenu ul { float: right; }
#topmenu li { float: left; height: 20px; margin: 0 10px 0 0; padding: 4px 0 0 25px; }
#topmenu li ul { z-index: 1000; position: absolute; left: -10000em; margin: 4px 0 0 0px; padding: 0 10px 3px 0; border: 1px #13427f solid; background: #DFDFDF; list-style: none; }
#topmenu li li { float: none; height: auto; margin: 0; padding: 0 16px;  background: url(rb_images/bullet.gif) no-repeat 0 1px; }
#topmenu li li a:hover { text-decoration: underline; }
#topbox li, #topbox a { width: auto; }
#topmenu li:hover ul { left: auto; }

#topmenu li#m9 { background: url(http://community.nashalife.ru/assets/images/menu/community.gif) no-repeat 0 0; }
#topmenu li#m14 { background: url(http://community.nashalife.ru/assets/images/menu/hl.gif) no-repeat 0 0; }
#topmenu li#m36 { background: url(http://community.nashalife.ru/assets/images/menu/cs.gif) no-repeat 0 0; }
#topmenu li#m41 { background: url(http://community.nashalife.ru/assets/images/menu/dod.gif) no-repeat 0 0; }
#topmenu li#m45 { background: url(http://community.nashalife.ru/assets/images/menu/server.gif) no-repeat 0 0; }
#topmenu li#m61 { background: url(http://community.nashalife.ru/assets/images/menu/tf.gif) no-repeat 0 0; }
#topmenu li#m69 { background: url(http://community.nashalife.ru/assets/images/menu/community.gif) no-repeat 0 0; }



.nobr, tr.nobr td { white-space: nowrap; }


.c, tr th.c, tr td.c { text-align: center; }
.l, tr th.l, tr td.l { text-align: left; }
.r, tr th.r, tr td.r { text-align: right; }

.span.ismod { color: red; }

fieldset.adv { margin: 0; padding: 0.5em 1em; border: 1px #13427f solid; }
fieldset.adv legend { color: #13427f; }

.banner_top468 { padding: 6px 0 4px 0; width: 468px; height: 60px; overfloe: hidden; }






/* -------------------------------------------------------------------
// markItUp! Universal MarkUp Engine, JQuery plugin
// By Jay Salvat - http://markitup.jaysalvat.com/
// ------------------------------------------------------------------*/
.markItUp * { margin: 0; padding: 0; outline: none; }
.markItUp a:link, .markItUp a:visited { color: #000000; text-decoration: none; }
.markItUp { width: 587px; }
.markItUpContainer  {
	background: #F1F1F1 url(rb_images/editor/bg-container.png) repeat-x top left;
	padding: 3px 0 0 0;
}
textarea#message, .markItUpEditor {
	font: 120% 'Courier New', Courier, monospace;
	padding: 5px;
	border: 2px solid #13427f;
	width: 573px;
	color: #000000;
	background: #F1F1F1 url(rb_images/editor/bg-editor.png) repeat-x 0 0;
	clear: both; display:block;
	line-height:18px;
	overflow:auto;
}
.markItUpPreviewFrame	{
	overflow:auto;
	background-color: #F1F1F1;
	border:1px solid #3C769D;
	width:543px;
	height:300px;
	margin:5px 0;
}
.markItUpFooter {
	width:100%;
	background: #F1F1F1;
	padding: 1px 0;
	cursor:n-resize;
}
.markItUpResizeHandle {
	overflow:hidden;
	width:22px; height:5px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(rb_images/editor/handle.png);
	cursor:n-resize;
}
/***************************************************************************************/
/* first row of buttons */

.markItUpHeader {
	padding: 0 0 4px 5px;
}

.markItUpHeader ul li	{
	list-style:none;
	float:left;
	position:relative;
}
.markItUpHeader ul li ul{
	display:none;
}
.markItUpHeader ul li:hover > ul{
	display:block;
}
.markItUpHeader ul .markItUpDropMenu {
	background:transparent url(rb_images/editor/menu.png) no-repeat 115% 50%;
	margin-right: 5px;
	padding-right: 3px;
}
.markItUpHeader ul .markItUpDropMenu li {
	margin-right:0px;
}
.markItUpHeader ul .markItUpSeparator {
	margin:2px 5px;
	width:1px;
	height:18px;
	overflow:hidden;
	background-color:#CCC;
}
.markItUpHeader ul ul .markItUpSeparator {
	width:auto; height:1px;
	margin:0px;
}
/* next rows of buttons */
.markItUpHeader ul ul {
	display:none;
	position:absolute;
	top:18px; left:0px;	
	background:#F5F5F5;
	border:1px solid #3C769D;
	height:inherit;
}
.markItUpHeader ul ul li {
	float:none;
	border-bottom:1px solid #3C769D;
}
.markItUpHeader ul ul .markItUpDropMenu {
	background:#F5F5F5 url(rb_images/editor/submenu.png) no-repeat 100% 50%;
}
/* next rows of buttons */
.markItUpHeader ul ul ul {
	position:absolute;
	top:-1px; left:150px;
}
.markItUpHeader ul ul ul li {
	float:none;
}
.markItUpHeader ul a {
	display:block;
	width:16px; height:16px;
	text-indent:-10000px;
	background-repeat:no-repeat;
	background-position: 2px 50%;
	padding:3px;
	margin:0px;
}

.markItUpHeader ul ul a {
	display:block;
	padding-left:0px;
	text-indent:0;
	width:120px; 
	padding:5px 5px 5px 25px;
	background-position: 2px 50%;
}
.markItUpHeader ul ul a:hover  {
	color:#FFF;
	background-color:#3C769D;
}

/* -------------------------------------------------------------------
// markItUp!
// By Jay Salvat - http://markitup.jaysalvat.com/
// ------------------------------------------------------------------*/
.bbcode .markItUpButton1 a	{
	background-image:url(rb_images/editor/bold.png);
}
.bbcode .markItUpButton2 a	{
	background-image:url(rb_images/editor/italic.png);
}
.bbcode .markItUpButton3 a	{
	background-image:url(rb_images/editor/underline.png);
}
.bbcode .markItUpButton4 a	{
	background-image:url(rb_images/editor/stroke.png);
}

.bbcode .markItUpButton5 a	{
	background-image:url(rb_images/editor/link.png);
}

.bbcode .markItUpButton6 a	{
	background-image:url(rb_images/editor/picture.png);
}

.bbcode .markItUpButton7 a	{
	background-image:url(rb_images/editor/list-bullet.png);
}
.bbcode .markItUpButton8 a	{
	background-image:url(rb_images/editor/list-numeric.png);
}
.bbcode .markItUpButton9 a	{
	background-image:url(rb_images/editor/list-item.png);
}

.bbcode .markItUpButton10 a	{
	background-image:url(rb_images/editor/quotes.png);
}
.bbcode .markItUpButton11 a	{
	background-image:url(rb_images/editor/code.png);
}

.bbcode .markItUpButton12 a	{
	background-image:url(rb_images/editor/clean.png);
}

.bbcode .markItUpButton13 a {
	background-image:url(rb_images/editor/colors.png);
}
	.bbcode .markItUpButton13 ul {
		width:81px;
		padding:1px;	
	}
	.bbcode .markItUpButton13  li {
		border:1px solid white;
		width:25px;	height:25px;
		overflow:hidden;
		padding:0px; margin:0px;
		float:left;
	}
	.bbcode .markItUpButton13 ul a {
		width:25px;	height:25px;
	}
	.bbcode .markItUpButton13 ul a:hover {
		background-color:none;
	}
	
	.bbcode .markItUpButton13 .col1-1 a {
		background:yellow;
	}
	.bbcode .markItUpButton13 .col1-2 a {
		background:orange;
	}
	.bbcode .markItUpButton13 .col1-3 a {
		background:red;
	}
	
	.bbcode .markItUpButton13 .col2-1 a {
		background:blue;
	}
	.bbcode .markItUpButton13 .col2-2 a {
		background:purple;
	}
	.bbcode .markItUpButton13 .col2-3 a {
		background:green;
	}
	
	.bbcode .markItUpButton13 .col3-1 a {
		background:white;
	}
	.bbcode .markItUpButton13 .col3-2 a {
		background:gray;
	}
	.bbcode .markItUpButton13 .col3-3 a {
		background:black;
	}
	
.bbcode .markItUpButton14 a	{
	background-image:url(rb_images/editor/fonts.png);
}