/* $Id: style.css,v 1.19 2006/12/27 13:17:15 drumm Exp $ */

body {background:url(../images/main-bg-splash.gif) repeat 0px 0px #000000; color:#FFFFFF;}
a img {border:none;}
td {vertical-align:top;}

.form-item {margin:10px 0; color:#ffffff;}
.form-radios {}
.form-text {border:1px solid; border-color:#404040 #D3E1EC #D3E1EC #404040; padding:0 5px;}
.form-select {border:1px solid; border-color:#404040 #D3E1EC #D3E1EC #404040;}
.form-textarea {border:1px solid; border-color:#404040 #D3E1EC #D3E1EC #404040; margin:10px 0; padding:3px 5px; font-family:arial, sans-serif; font-size:12px;}
.form-submit {font-size:12px; font-family:arial, sans-serif; font-weight:bold; border:none; background:none; margin:10px 10px 0 0; padding:0 0 0 16px; background:url(../images/block/default/ptichka2.gif) no-repeat 0 0; cursor:pointer; color:#FFFFFF;}
.teaser-button {
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	border:1px solid #D3E1EC;
	background:url(../images/bg_teaser.gif) repeat-x top #E0ECF0;
	height:25px;
	line-height:25px;
	padding:0 10px;
}

.outer {width:90%; margin:0 auto; padding:0;}
.inner {padding:0; margin:0;}
.clear {clear:both; height:0; line-height:0; font-size:0; margin:0; padding:0;}

div.left, div.right, div.top, div.bottom, div.tl, div.tr, div.bl, div.br {padding:0; margin:0; height:100%;}

#top { margin:0 0 30px 0;}
	#top .inner {padding:21px 0 0 0;}
	#top .menu {font-size:12px; font-family:verdana, sans-serif;}
	#top .menu div {height:42px; float:left; background:url(../images/top/button/bg.jpg) repeat-x top;}
	#top .menu .left {width:15px; background:url(../images/top/button/left.jpg) no-repeat;}
	#top .menu .right {width:17px; background:url(../images/top/button/right.jpg) no-repeat;}
	#top .menu .divider {width:27px; background:url(../images/top/button/middle.jpg) no-repeat;}
	#top .menu a {margin:0; padding:0px 10px 9px 10px; display:block; height:16px; float:left; text-decoration:none; color:#ffffff;}
	#top .menu a:hover {color:#ffffff; text-decoration:underline;}
	#top .feed a:hover {color:#ffffff; text-decoration:underline;}

#header { background:transparent;}
	#header table {height:100%; background:transparent;}
	#header .girl {height:0px; width:0px; background:url() no-repeat 0 0; float:right;}
	#logo {width:800px; height:178px; margin:88px 0 0 -646px; position:relative; z-index:0;}

#content { margin:0 0 0 0; zoom: 1;}
	#content .position {vertical-align:top;}
	#content .col-left   {width:211px; padding:100 0px 0 0;}
	#content .col-right  {width:211px; padding:0 0 0 20px;}
	#content .position.header {}
	#main { margin:-25px 43px;}

#footer {color:#ffffff;}
	#footer {font-size:11px; font-family:verdana, sans-serif;}
	#footer a {color:#ffffff; text-decoration:none;}
	#footer a:hover {color:#ffffff; text-decoration:underline;}
	#footer .logo {float:right; width:46px; height:36px; background:url() no-repeat 0 0; margin:15px 0 0 20px;}
	#footer .inner {padding:27px 0;}
	#footer .menu {float:right; text-transform:uppercase; font-size:10px; font-family:arial, sans-serif;}
	#footer .menu ul {margin:0; padding:0; list-style:none;}
	#footer .menu ul li {padding:0 10px; float:left; border:solid #FEFEFE; border-width:0 0 0 1px; background:none; margin:0;}
	#footer .menu ul li.first {border:none;}
	#footer .menu a {text-decoration:none;}
	#footer .menu a:hover {text-decoration:underline;}

.block {margin:20px 5px; font-family:arial, sans-serif; font-size:16px;}
	.block .outer {width:auto; margin:0; padding:0;}
	.block .left {}
	.block .right {}
	.block .top {}
	.block .bottom {}
	.block .tl {}
	.block .tr {}
	.block .bl {}
	.block .br {}
	.block .inner {padding:20px 16px 6px 16px;}
	.block .heading {
	height:20px;
	line-height:20px;
	font-size:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
}
		.block .heading {text-transform:capitalize;}
		.block .heading .left  {background:url(../images/block/default/ptichka.png) no-repeat 0 0; height:100%;}
		.block .heading .right {background:none;}
		.block .heading .inner {padding:0 0 0 25px;}
		.block .heading .title {position:absolute; color:#ffffff;}
		.block .heading .shadow {position:absolute; color:#ADB3B6; margin:1px 0 0 1px;}
	.block .content {padding:5px;}
		.block .content h3 {
	font-size:18px;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	margin:10px 0;
}
		.block .content ul {margin:0; padding:0; list-style:none; line-height:12px;}
			.block .content ul li {margin:8px 0; padding:0 0 0 20px; background:url(../images/block/default/ptichka2.gif) no-repeat 0 0;}
			.block .content ul li a {color:#ffffff; text-decoration:none;}
			.block .content ul li a:hover {text-decoration:underline;}
		.block .content ul.menu {}
			.block .content ul.menu li.collapsed {background:url(../images/block/menu/collapsed.gif) no-repeat 0 0;}
			.block .content ul.menu li.expanded {background:url(../images/block/menu/expanded.gif) no-repeat 0 0;}
			.block .content ul.menu li.leaf {background:url(../images/block/menu/leaf.gif) no-repeat 0 0;}
		.block .content .more-link {font-weight:bold; padding:0 10px 0 0; text-align:right; background:url(../images/block/default/arrow.gif) no-repeat right 6px;}
			.block .content .more-link a {color:#ffffff; text-decoration:none;}
			.block .content .more-link a:hover {text-decoration:underline;}

.block-blog {}
	.block-blog .left, .block-blog .right, .block-blog .top, .block-blog .bottom,
	.block-blog .tl, .block-blog .tr, .block-blog .bl, .block-blog .br {background:none;}
	.block-blog .inner {padding:0;}
	.block-blog .heading {height:37px; background:url(../images/block/blog/heading/bg.gif) repeat-x top;}
		.block-blog .heading .left {background:url(../images/block/blog/heading/left.gif) no-repeat left top;}
		.block-blog .heading .right {background:url(../images/block/blog/heading/right.gif) no-repeat right top;}
		.block-blog .heading .inner {padding:8px 0 0 30px;}
		.block-blog .heading .title {color:#ffffff;}
		.block-blog .heading .shadow {color:#496579;}
	.block-blog .content {padding:13px 3px;}
		.block-blog .content .more-link {text-align:left; padding:0 0 0 10px; background:url(../images/block/blog/arrow.gif) no-repeat left 6px;}
			.block-blog .content .more-link a {color:#ffffff;}

#block-user-0 {font-size:16px;}
	#block-user-0 .left, #block-user-0 .right, #block-user-0 .top, #block-user-0 .bottom,
	#block-user-0 .tl, #block-user-0 .tr, #block-user-0 .bl, #block-user-0 .br {background:none;}
	#block-user-0 .inner {padding:0;}
	#block-user-0 .heading {height:37px; background:url(../images/block/blog/heading/bg.gif) repeat-x top;}
		#block-user-0 .heading .left {background:url(../images/block/blog/heading/left.gif) no-repeat left top;}
		#block-user-0 .heading .right {background:url(../images/block/blog/heading/right.gif) no-repeat right top;}
		#block-user-0 .heading .inner {padding:8px 0 0 30px;}
		#block-user-0 .heading .title {color:#ffffff;}
		#block-user-0 .heading .shadow {color:#496579;}
	#block-user-0 .content {padding:3px;}
		#block-user-0 .content ul li {text-align:left; padding:0 0 0 10px; background:url(../images/block/blog/arrow.gif) no-repeat left 4px; font-weight:bold;}
			#block-user-0 .content ul li a {color:#ffffff;}
		#block-user-0 .content .more-link {text-align:left; padding:0 0 0 10px; background:url(../images/block/blog/arrow.gif) no-repeat left 6px;}
			#block-user-0 .content .more-link a {color:#ffffff;}
		#block-user-0 .form-text {width:100px; margin:0 10px 0 0;}
		#block-user-0 #edit-name-wrapper {text-align:left;}
		#block-user-0 #edit-pass-wrapper {text-align:left;}

.block-region {margin:20px 0; border:1px solid #D3E1EC; border-top:none; padding:16px; background:url(../images/block/default/top.gif) repeat-x top #FFFFFF; font-family:verdana, sans-serif; font-size:16px; color:#ffffff;}

#title {margin:0px -200px; font-size:24px; line-height:42px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#ffffff;}
	#title .left {background:url() no-repeat 0 0;}
	#title .inner {padding:3px 0 0 250px;}

.node {margin:20px 0; color:#ffffff; font-size:12px; font-family:arial, sans-serif;}
	.node .outer {margin:0; width:auto;}
	.node .inner {padding:0 7px;}
	.node .heading {height:27px; font-size:20px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal;}
		.node .heading .left {background:url(../images/node/puzzle.png) no-repeat 0 0;}
		.node .heading .inner {padding:5px 0 0 33px;}
		.node .heading .title {position:absolute; color:#ffffff;}
		.node .heading .title a {color:#ffffff; text-decoration:none;}
		.node .heading .shadow {position:absolute; color:#D1D3D5; margin:1px 0 0 1px; display:none;}
	.node .terms {float:right;}
		.node .terms ul {margin:0;}
		.node .terms ul li {margin:0;}
	.node .content {padding:0 2px;}
		.node .content a {color:#ffffff;}
		.node .content ul {margin:10px 0; padding:0; list-style:none;}
		.node .content ul li {padding:4px 0 7px 0; background:url(../images/node/list.gif) repeat-x bottom;}
		.node .content ul li a {background:url(../images/node/arrow2.gif) no-repeat 0 5px; padding:0 0 0 10px; color:#ffffff; text-decoration:none; margin:0 0 0 5px;}
		.node .content ul li a:hover {text-decoration:underline;}
		.node .content ul.links {}
			.node .content ul.links li {float:left; margin:0 20px 0 0; background:none; padding:0;}

.node.sticky {color:#ffffff; font-size:12px; font-family:arial, sans-serif;}
	.node.sticky .top {background:url(../images/block/default/top.gif) repeat-x top;}
	.node.sticky .bottom {background:url(../images/block/default/side.gif) repeat-x bottom;}
	.node.sticky .left {background:url(../images/block/default/side.gif) repeat-y left;}
	.node.sticky .right {background:url(../images/block/default/side.gif) repeat-y right;}
	.node.sticky .tl {background:url(../images/block/default/tl.gif) no-repeat left top;}
	.node.sticky .tr {background:url(../images/block/default/tr.gif) no-repeat right top;}
	.node.sticky .bl {background:url(../images/block/default/bl.gif) no-repeat left bottom;}
	.node.sticky .br {background:url(../images/block/default/br.gif) no-repeat right bottom;}
	.node.sticky .inner  {padding:17px 17px 10px 23px;}
	.node.sticky .heading {height:57px; font-size:20px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal;}
		.node.sticky .heading {text-transform:capitalize;}
		.node.sticky .heading a {color:#ffffff; text-decoration:none;}
		.node.sticky .heading .left {background:url(../images/block/default/sticky.png) no-repeat 0 0; height:100%;}
		.node.sticky .heading .right {background:none;}
		.node.sticky .heading .inner {padding:10px 0 0 71px;}
		.node.sticky .heading .title {position:absolute; color:#ffffff;}
		.node.sticky .heading .title span {font-size:30px;}
		.node.sticky .heading .shadow {position:absolute; color:#ADB3B6; margin:1px 0 0 1px;}
		.node.sticky .heading .shadow span {font-size:30px;}
	.node.sticky .content {padding:5px 15px;}
		.node.sticky .content p {margin:10px 0;}
		.node.sticky .content a {color:#ffffff; text-decoration:underline;}
		.node.sticky .content a:hover {text-decoration:none;}
		.node.sticky .content ul {margin:10px 0; padding:0; list-style:none;}
			.node.sticky .content ul li {margin:2px 0; padding:0 0 0 10px; background:none;}
			.node.sticky .content ul li a {color:#ffffff; text-decoration:underline; padding:0 0 0 10px;}
			.node.sticky .content ul li a {background:url(../images/node/arrow.gif) no-repeat 0 6px;}
			.node.sticky .content ul li a:hover {text-decoration:none;}
		.node.sticky .content ul.links {}
			.node.sticky .content ul.links li {float:left; margin:0 20px 0 0; background:none; padding:0;}

.indented {padding-left:20px;}
.comment {color:#ffffff; font-size:16px; font-family:arial, sans-serif; margin:20px 0;}

	.comment .inner  {padding:17px 17px 10px 23px;}
	.comment .links {float:right;}
		.comment .links ul {margin:0; text-transform:lowercase;}
		.comment .links li {float:left; margin:0 10px;}
		.comment .links li a {text-decoration:none;}
		.comment .links li a:hover {text-decoration:underline;}
	.comment .heading {height:27px; font-size:20px; font-family:Verdana, Arial, Helvetica, sans-serif, serif; font-weight:normal;}
		.comment .heading .left {background:url(../images/node/puzzle.png) no-repeat 0 0;}
		.comment .heading .inner {padding:5px 0 0 33px;}
		.comment .heading .title {position:absolute; color:#ffffff;}
		.comment .heading .title a {color:#ffffff; text-decoration:none;}
		.comment .heading .shadow {position:absolute; color:#D1D3D5; margin:1px 0 0 1px; display:none;}
	.comment .content {padding:5px 15px;}
		.comment .content p {margin:10px 0;}
		.comment .content a {color:#ffffff; text-decoration:underline;}
		.comment .content a:hover {text-decoration:none;}
		.comment .content ul {margin:10px 0; padding:0; list-style:none;}
			.comment .content ul li {margin:2px 0; padding:0 0 0 10px; background:none;}
			.comment .content ul li a {color:#ffffff; text-decoration:underline; padding:0 0 0 10px;}
			.comment .content ul li a {background:url(../images/node/arrow.gif) no-repeat 0 6px;}
			.comment .content ul li a:hover {text-decoration:none;}
		.comment .content ul.links {}
			.comment .content ul.links li {float:left; margin:0 20px 0 0; background:none; padding:0;}

.box {color:#ffffff; font-size:12px; font-family:arial, sans-serif;}
	.box .outer {width:100%;}

	.box .inner  {padding:17px 17px 10px 23px;}
	.box .heading {height:57px; font-size:20px; font-family:Verdana, Arial, Helvetica, sans-serif, serif; font-weight:normal;}
		.box .heading {text-transform:capitalize;}
		.box .heading a {color:#ffffff; text-decoration:none;}
		.box .heading .left {background:url(../images/block/default/sticky.png) no-repeat 0 0; height:100%;}
		.box .heading .right {background:none;}
		.box .heading .inner {padding:10px 0 0 71px;}
		.box .heading .title {position:absolute; color:#ffffff;}
		.box .heading .title span {font-size:30px;}
		.box .heading .shadow {position:absolute; color:#ADB3B6; margin:1px 0 0 1px;}
		.box .heading .shadow span {font-size:30px;}
	.box .content {padding:5px 15px;}

#tabs {float:right; margin:20px 200px; padding-top:500px; font-family:arial, sans-serif; font-size:16px;}
	#tabs ul {margin:0; padding:0; list-style:none;}
	#tabs ul li {margin:0 0 0 20px; float:left; padding:0 0 0 16px; background:url(../images/block/default/ptichka2.gif) no-repeat 0 0;}
	#tabs ul li a {text-decoration:none; color:#ffffff;}
	#tabs ul li a:hover {text-decoration:underline;}

#main {font-size:12px; font-family:arial, sans-serif; margin-top:20px; width:500px;}
	a {color:#ffffff; text-decoration:underline;}
	a:hover {text-decoration:none;}
	ul {margin:10px 0; padding:0; list-style:none;}
		ul li {padding:0 0 0 20px; background:url(../images/block/default/ptichka2.gif) no-repeat 0 0; margin:20px 0;}
		ul li ul li {margin:10px 0; background:url(../images/block/menu/leaf.gif) no-repeat 0 0;}
	ul li ol li {padding:0; background:none;}
	#main .item-list ul {margin:0; padding:0; list-style:none; line-height:12px;}
		#main .item-list ul li {margin:8px 0; padding:0 0 0 20px; background:url(../images/block/default/ptichka2.gif) no-repeat 0 0;}
		#main .item-list ul li a {color:#ffffff; text-decoration:none;}
		#main .item-list ul li a:hover {text-decoration:underline;}
	dl {margin:10px 0;}
		dl dt {font-weight:bold; font-size:16px; font-family:Verdana, Arial, Helvetica, sans-serif, serif; color:#ffffff; padding:0 0 0 20px; background:url(../images/block/default/ptichka2.gif) no-repeat 0 0; margin:10px 0 2px 0; line-height:12px;}
		dl dt a {color:#ffffff; text-decoration:none;}
		dl dd {margin:0 0 0 20px; padding:0;}
	#main .sticky-header {}
		#main .sticky-header th, #main .sticky-table th {padding:0 10px; border:1px solid #D3E1EC; background:url(../images/sticky/bg_head.gif) repeat-x top #E2E9F0; height:25px; line-height:25px; font-family:Verdana, Arial, Helvetica, sans-serif, serif; color:#ffffff; font-size:16px; font-weight:bold; text-align:left;}
	#main .sticky-table {width:100%;}
		#main .sticky-table td {padding:5px 10px; border:1px solid #D3E1EC;}

fieldset {border:1px solid #CCCCCC; margin:10px 0;}
	fieldset.collapsed {border:solid #CCCCCC; border-width:1px 0 0 0;}
	fieldset.collapsed .fieldset-wrapper {display:none;}
	
	textarea.resizable {margin-bottom:0;}
	.grippie {height:7px; border:1px solid #D3E1EC; border-top:none; cursor:n-resize; background:#FCFEFF;}

.password-strength {margin:0 0 0 20px;}
	.password-result.error {color:#ffffff;}
	.password-result.warning {color:#ffffff;}
	.password-result.ok {color:#ffffff;}

#user-register {}
	#user-register .description {margin:5px 0;}
	
	
	
	
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0 7px 0 10px;
	list-style:		none;
	
}
.sf-menu {
	margin-top:10px;
	padding-top:10px;
	line-height:	1.0;
	background:url(../images/menu-tail-bg-2.gif) no-repeat; width:560px;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
	
}

.sf-menu ul li {
	width:			80%;
}

.sf-menu li:hover {
	z-index: 100; /* This is the important style directive, without it IE7 chokes */
}

.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
	
}
.sf-menu li {
	float:			left;
	position:		relative;
	
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2em; /* match top ul list item height */
	z-index:		99;

}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
	
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {

	padding: 		1em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#13a;
}
.sf-menu li {
	background:none;
	
	
	
}
.sf-menu li li {
	background:none;
	background-color:#2ebcf0;
	
	
	
}
.sf-menu li li li {
	background:none;
	
	
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		none;
	background-color:#2ebcf0;
	outline:		0;
	
	
	
	
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}