/* CSS CristalSphere Version 2.0, 01.09.2010, melfis-art */

body {
	background-image: url(http://www.stormtower.ru/skins/crystalsphere/bg.jpg) ;
	background-color: #000;
	text-align:center;  /*див по центру для IE*/
	margin: 0px auto;
}

#main {
	width: 960px;
	margin: 0px auto;
	background: url/*(http://www.stormtower.ru/skins/crystalsphere/bg2.png)*/ bottom left repeat-y ;
	background-color: #fff;
}


#bg_header {
	width: 960px;
	height: 9px;
	background: url/*(http://www.stormtower.ru/skins/crystalsphere/bg_head.jpg)*/ repeat-x;
	vertical-align: top;
	text-align: center;
}


#header {
	width: 920px;
	height: 200px;
	background: url(http://www.stormtower.ru/skins/crystalsphere/logot.jpg);
	margin: 0px auto;
}

#menu_page {
	width: 950px;
	margin: 0px auto;
	height: 30px;
	background: #fff;
}


#left_border_e {
	float:left;
	width: 3px;
	background: transparent;
	border-left: 0px solid #777;
}

#left_border_i {
	float:left;
	width: 3px;
}

#left_panel {
	font-family: verdana,arial, sans-serif;
	font-size: 10pt;
	float:left;
	text-align: left;
	width: 175px;
	background-color: #fff;
}

#content {
	float:left;
	width: 610px;
	background-color: #fff;
	text-align: left;
	vertical-align: top;
	border-left: 1px solid #777;
	border-right: 1px solid #777;
}

#right_panel {
	font-family: verdana,arial, sans-serif;
	font-size: 10pt;
	float:right;
	text-align: left;
	width: 165px;
	background-color: #fff;
}

#right_border_i {
	float:left;
	width: 3px;
}

#right_border_e {
	float:left;
	width: 3px;
	height: 100%;
	border-right: 0px solid #777;
}






#footer {
	color: #001;
	clear:both;
	width: 950px;
	margin: 0px auto;
	background-color: #fff;
}

#footer li {
	display: inline;
	list-style-type: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#footer ul {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}


.printfooter {
        display: none;
}

#kategor {

	border:1px solid #aaaaaa;
	background-color:#f9f9f9;
	padding: 3px 5px 3px 5px;
	margin-top: 1em;
	clear: both; /* может удалить */
}

#searchform {
	padding-left: 600px;
	padding-top: 160px;	
}

footer_table {
	border-top: 1px solid #777777;
}



#right_ser {
	width: 400px;
	text-align: right;

}

	#text {
		text-align: justify;
		margin: 5px 5px 5px 5px;
		position: relative;
		z-index: 2;
		font-family: Tahoma, Arial;
		font-size: 10pt;
}

#left {
	background-color: transparent; 
	width:160px; 
	text-align: justify;
	font-family: Tahoma, Arial;
	font-size: 10pt;
}




#usermenu {
	width: 900px;
	height: 20px;
	text-align: right;
	font-size: 9pt;
	font-family: arial,verdana;
}

#usermenu h5 {
	display: none;
}

/* this is the ul contained in the portlet */
#usermenu ul {

}
#usermenu li {
	z-index: 0;
	border: none;
	padding: 0;
	display: inline;
	color: #2f6fab;
	margin-left: 1em;
	line-height: 2em;
	background: none;
}
#usermenu li a { 
	text-decoration: none;
	color: #005896;
	padding-bottom: .2em;
	background: transparent;
}
#usermenu li a:hover {
	background-color: white;
	padding-bottom: .2em;
	text-decoration: underline;
}
#usermenu li.active a:hover {
	background-color: transparent;
}

#firstHeading {
	font-family: Tahoma, Arial;
	font-size: 20pt;
	text-align: left;
}

.upr_table {
	border-bottom: 1px solid #777777;
}


#p-tools {
	text-align: center;
	font-size: 11pt;
	font-family: arial,verdana;
}

#p-tools ul {

}
#p-tools li {
	z-index: 0;
	border: none;
	padding: 0;
	display: inline;
	color: #2f6fab;
	margin-left: 1em;
	line-height: 1em;
	background: none;
}
#p-tools li a {
	text-decoration: none;
	color: #005896;
	padding-bottom: .2em;
	background: none;
}
#p-tools li a:hover {
	background-color: white;
	padding-bottom: .2em;
	text-decoration: none;
}
#p-tools li.active a:hover {
	background-color: transparent;
}

#b-tools { 	

}

a {
	text-decoration: none;
	color: #002bb8;
	background: none;
}
a:visited {
	color: #5a3696;
}
a:active {
	color: #faa700;
}
a:hover {
	text-decoration: underline;
}
a.stub {
	color: #772233;
}
a.new, #usermenu a.new {
	color: #ba0000;
}
a.new:visited, #usermenu a.new:visited {
	color: #a55858;
}

img {
	border: none;
	vertical-align: middle;
}
p {
	margin: .4em 0 .5em 0;
}
p img {
	margin: 0;
}

hr {
	height: 1px;
	background-color: #aaa;
	border: 0;
	margin: .2em 0 .2em 0;
}

h1, h2, h3, h4, h5, h6 {
	color: black;
	background: transparent;
	font-weight: normal;
	margin: 0;
	padding-top: .5em;
	padding-bottom: .17em;
	border-bottom: 1px solid #aaa;
}
h1 { font-size: 188%; }
h1 .editsection { font-size: 53%; }
h2 { font-size: 150%; }
h2 .editsection { font-size: 67%; }
h3, h4, h5, h6 {
	border-bottom: none;
	font-weight: bold;
}
h3 { font-size: 132%; }
h3 .editsection { font-size: 76%; font-weight: normal; }
h4 { font-size: 116%; }
h4 .editsection { font-size: 86%; font-weight: normal; }
h5 { font-size: 100%; }
h5 .editsection { font-weight: normal; }
h6 { font-size: 80%;  }
h6 .editsection { font-size: 125%; font-weight: normal; }

ul {
	line-height: 1.5em;
	list-style-type: square;
	margin: 0em 0 0 1.5em;
	padding: 0;
	list-style-image: url(bullet.gif);
}

ol {
	line-height: 1.5em;
	margin: .3em 0 0 3.2em;
	padding: 0;
	list-style-image: none;
}
li {
	margin-bottom: .1em;
}
dt {
	font-weight: bold;
	margin-bottom: .1em;
}
dl {
	margin-top: .2em;
	margin-bottom: .5em;
}
dd {
	line-height: 1.5em;
	margin-left: 2em;
	margin-bottom: .1em;
}

#footer { 
	border-top: 1px solid #777777;
	font-family: Tahoma, Arial;
	font-size: 10pt;
	text-align: center;
}

.table {
color: green;
}


#footer li {
	display: inline;
	margin: 0 1.3em;
}
#f-poweredbyico, #f-copyrightico {
	margin: 0 8px;
	position: relative;
	top: -2px; /* Bump it up just a tad */
}
#f-poweredbyico {
	float: right;
	height: 1%;
}
#f-copyrightico {
	float: left;
	height: 1%;
}


#navlist
{
text-align: center; 
padding: 3px 0;
margin-left: 0;
border-bottom: 1px solid #778;
font: bold 12px Verdana, sans-serif;
}

#navlist li
{
list-style: none;
margin: 0;
display: inline;
}

#navlist li a
{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: #b6dedd;
text-decoration: none;
}

#navlist li a:link { 
color: #448; 
;

}
#navlist li a:visited { color: #667; }

#navlist li a:hover
{
color: #000;
background: #AAE;
border-color: #227;
}

#navlist li a#current
{
background: white;
border-bottom: 1px solid white;
}

#toc,
.toc,
.mw-warning {
	border: 1px solid #aaa;
	background-color: #f9f9f9;
	padding: 5px;
	font-size: 95%;
}
#toc h2,
.toc h2 {
	display: inline;
	border: none;
	padding: 0;
	font-size: 100%;
	font-weight: bold;
}
#toc #toctitle,
.toc #toctitle,
#toc .toctitle,
.toc .toctitle {
	text-align: center;
}
#toc ul,
.toc ul {
	list-style-type: none;
	list-style-image: none;
	margin-left: 0;
	padding-left: 0;
	text-align: left;
}
#toc ul ul,
.toc ul ul {
	margin: 0 0 0 2em;
}
#toc .toctoggle,
.toc .toctoggle {
	font-size: 94%;
}

.portlet h5 {
	padding: 0.1em 0 0.3em 0.1em;
	margin: 0 0 0 0;
	background-color: #ebedde;
	font-weight: bold;
	border-bottom: solid 1px #999999;
	height: 1.1em;
}

.portlet ul {
	margin: 0 0 0 1.5em;
	padding: 0 0 0 0;
}

#content a.external,
#content a[href ^="gopher://"] {
        background: url(external.png) center right no-repeat;
        padding-right: 13px;
}
#content a[href ^="https://"],
.link-https {
        background: url(lock_icon.gif) center right no-repeat;
        padding-right: 16px;
}
#content a[href ^="mailto:"],
.link-mailto {
        background: url(mail_icon.gif) center right no-repeat;
        padding-right: 18px;
}
#content a[href ^="news://"] {
        background: url(news_icon.png) center right no-repeat;
        padding-right: 18px;
}
#content a[href ^="ftp://"],
.link-ftp {
        background: url(file_icon.gif) center right no-repeat;
        padding-right: 18px;
}
#content a[href ^="irc://"],
#content a.extiw[href ^="irc://"],
.link-irc {
        background: url(discussionitem_icon.gif) center right no-repeat;
        padding-right: 18px;
}

#content a.external[href $=".ogg"], #content a.external[href $=".OGG"],
#content a.external[href $=".mid"], #content a.external[href $=".MID"],
#content a.external[href $=".midi"], #content a.external[href $=".MIDI"],
#content a.external[href $=".mp3"], #content a.external[href $=".MP3"],
#content a.external[href $=".wav"], #content a.external[href $=".WAV"],
#content a.external[href $=".wma"], #content a.external[href $=".WMA"],
.link-audio {
        background: url("audio.png") center right no-repeat;
        padding-right: 13px;
}
#content a.external[href $=".ogm"], #content a.external[href $=".OGM"],
#content a.external[href $=".avi"], #content a.external[href $=".AVI"],
#content a.external[href $=".mpeg"], #content a.external[href $=".MPEG"],
#content a.external[href $=".mpg"], #content a.external[href $=".MPG"],
.link-video {
        background: url("video.png") center right no-repeat;
        padding-right: 13px;
}
#content a.external[href $=".pdf"], #content a.external[href $=".PDF"],
#content a.external[href *=".pdf#"], #content a.external[href *=".PDF#"],
#content a.external[href *=".pdf?"], #content a.external[href *=".PDF?"],
.link-document {
        background: url("document.png") center right no-repeat;
        padding-right: 12px;
}

textarea {
	width: 100%;
	padding: .1em;
}

/* images */
div.floatright, table.floatright {
	clear: right;
	float: right;
	position: relative;
	margin: 0 0 .5em .5em;
	border: 0;
/*
	border: .5em solid white;
	border-width: .5em 0 .8em 1.4em;
*/
}
div.floatright p { font-style: italic; }
div.floatleft, table.floatleft {
	float: left;
	clear: left;
	position: relative;
	margin: 0 .5em .5em 0;
	border: 0;
/*
	margin: .3em .5em .5em 0;
	border: .5em solid white;
	border-width: .5em 1.4em .8em 0;
*/
}
div.floatleft p { font-style: italic; }

.center {
	width: 100%;
	text-align: center;
}
*.center * {
	margin-left: auto;
	margin-right: auto;
}