/*** GENERAL STYLES ***/

* {
	margin: 0;
	padding: 0;
}

html {
	font-size: 100%;
	height: 100%;
	margin-bottom: 1px;
}

body {
	color: #536482;
	background-color: #FFFFFF;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	margin: 0;
	padding: 12px 0;
}

table {
	width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

p {
	padding: 4px 0;
}

blockquote {
	padding: 40px 40px;
}

td {
    vertical-align: top;
}

form {
	margin: 0;
	padding: 0;
}

ul {
	line-height: 1.5em;
	list-style-type: square;
	margin-left: 1.5em;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}

ol {
	line-height: 1.5em;
	margin-left: 1.5em;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}

li {
	margin-bottom: .1em;
}

img {
	border: none;
	vertical-align: middle;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding-top: 4px;
	padding-bottom: 4px;
}

input, select {
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size:1em;
}

textarea {
	width: 100%;
}

a, a:link, a:visited, a:active {
	color: #105289;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/*** PAGE LAYOUT ***/

#wrap {
	padding: 0 20px;
	min-width: 650px;
}

#page-main {
	margin-top: 6px;
	position: relative;
	background-color: #ffffff;
}

#page-sidebar {
	position: relative;
	float: left;
	width: 190px;
}

#page-content {
	margin-left: 200px;
}

/*** PORTAL-LEVEL LINKS ***/
	
#portal-links {
	float:left;
	padding-top:6px;	
	margin: 0;
	list-style-type: none;
}

#portal-links li {	
	display: inline;
}

#portal-links a, #portal-links a:hover, #portal-links a:hover {
	
}

/*** PAGE FOOTER ***/

#page-footer-personage {
	clear: both;
	height: 37px;
	margin-top: 12px;
	margin-right: 18px;
	background-image: url(footer-personage.gif);
	background-position: top right;
	background-repeat: no-repeat;
}
	
#page-footer {
	height: 34px;
	background-color: #cadceb;
}

/*** PORTLETS ***/

div.portlet {
	padding-bottom: 9px;
}

div.portlet div.header {
	overflow: hidden;
	color: #ffffff;
	font-weight: bold;
	background-image: url(panel-header-gradient.gif); 
	background-repeat: repeat-x;
	background-color: #618191;
}

div.portlet div.header-left, div.portlet div.corners { 
	background-image: url(panel-header-left.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

div.portlet div.header-right, div.portlet div.corners div {
	height: 22px;
	line-height: 22px;
	vertical-align: middle;
	padding: 0 12px;
	background-image: url(panel-header-right.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

div.portlet div.content {
	overflow: hidden;
	padding: 0 12px;
	margin: 0;
	background-color: #ecf1f3;
}

div.portlet div.footer {
	height: 5px;
	font-size: 0; /* IE6 fix */
	background-color: #ecf1f3;
}

div.portlet div.footer-left {
	height: 5px;
	background-image: url(panel-footer-left.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

div.portlet div.footer-right {
	height: 5px;
	background-image: url(panel-footer-right.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

div.portlet ul {
	margin: 0;
	list-style-type: none;
}

div.portlet li {
	padding: 0;
	margin: 0;
	height: 100%;
}

/*** CONTENT TABS ***/

#tabset {
	overflow: hidden;
	padding-left: 5px;
	width: auto;
	height: 25px;
}

#tabset div.tab {
	float: left;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	margin-right: 2px;
	background-image: url(tab-gradient.gif); 
	background-repeat: repeat-x;
}

#tabset div.tab-a {
	float: left;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	margin-right: 2px;
	margin-right: 2px;
	background-image: url(tab-a-gradient.gif); 
	background-repeat: repeat-x;
}

#tabset a, #tabset a:hover {
	margin: 0 6px;
	text-decoration: none;
}

#tabset div.tab a {
	color: #5f6f8a;
	font-weight: bold;
}

#tabset div.tab-a a {
	color: #ffffff;
	font-weight: bold;
}

div.tab-left {
	background-image: url(tab-left.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

div.tab-right {
	background-image: url(tab-right.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

div.tab-a-left {
	background-image: url(tab-a-left.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

div.tab-a-right {
	background-image: url(tab-a-right.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

/*** CONTENT ***/

span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
	font-size: 1px;
	line-height: 1px;
	display: block;
	height: 5px;
	background-repeat: no-repeat;
}

#content-caption {
	color: #ffffff;
	font-weight: bold;
	background-image: url(panel-header-gradient.gif); 
	background-repeat: repeat-x;
	height: 22px;
	line-height: 22px;
	background-color: #618191;	
}

#content-caption div.corners {
	background-image: url(panel-header-left.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 22px;
	line-height: 22px;
}

#content-caption div.corners div {
	height: 22px;
	line-height: 22px;
	vertical-align: middle;
	padding: 0 12px;
	background-image: url(panel-header-right.gif);
	background-position: 100% 0;
	background-repeat: no-repeat;
}

#content-header {
	background-color: #4a7184;
	background-image: url(content-header-left.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#content-header div.left {
	background-image: url(content-header-left.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#content-header div.right {
	height: 10px;
	background-image: url(content-header-right.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

#content {
	position: relative;
	background-color: #ecf1f3;
	padding-left: 22px;
	padding-right: 22px;
	padding-bottom: 22px; 
}

#content-title {
	font-size: 200%;
}

#content-body {
}

#content-footer {
	font-size: 0; /* IE6 fix */
	background-color: #ecf1f3;
}	

#content-footer div.left,  #content-footer div.corners {
	background-image: url(content-footer-left.gif);
	background-position: 0 0px;
	background-repeat: no-repeat;
}


#content-footer div.left div, #content-footer div.corners div {
	height: 5px;
	background-image: url(content-footer-right.gif);
	background-position: 100% 0;
	background-repeat: no-repeat;
}


/*******************************************/

.headerbar {
	color:#FFFFFF;
	margin-bottom:4px;
	padding:0pt 5px;
	background: #618191 url("bg_header.gif") repeat-x scroll top;
}

.navbar {
	background-color: #aabacb;
	padding: 0 5px;
}

/*** SITE DESCRIPTION ***/

#site-description {
	float: left;
	width: 70%;
	overflow: hidden; /* Skorykh: header height fix */
	min-height: 77px;
}

#site-description h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 2em;
	text-align: left;
	padding: 0;
	margin-top: 16px;
	margin-bottom: 0px;
	line-height: 1.4em;
}

#site-description p {	
	font-size: 1.1em;	
	line-height: 1.3em;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;	
}

/*** LOGO ***/

#logo {
	float: left;
	width: auto;
	padding: 10px 13px 0 10px;
}

a#logo:hover {
	text-decoration: none;
}

/*** ROUNDED CORNERS ***/

span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
	font-size: 1px;
	line-height: 1px;
	display: block;
	height: 5px;
	background-repeat: no-repeat;
}

span.corners-top {
	margin: 0 -5px;
	background-position: 0 0;
	background-image: url("corners_left.gif");
}

span.corners-top span {
	background-image: url("corners_right.gif");
	background-position: 100% 0;
}

span.corners-bottom {
	background-position: 0 100%;
	margin: 0 -5px;
	clear: both;
	background-image: url("corners_left.gif");
}

span.corners-bottom span {
	background-position: 100% 100%;
	background-image: url("corners_right.gif");
}

/*** HORIZONTAL LINKS ***/

ul.linklist {
	margin: 0;
	overflow: hidden;
	width: auto;
	clear: both;
	height: 100%;
}

ul.linklist li {
	float: left;
	margin-right: 5px;
	display: block;
	list-style-type: none;
	font-size: 1.1em;
	width: auto;
	height: 2.2em;
	line-height: 2.2em;
}

ul.linklist li.rightside, p.rightside {
	float: right;
	margin-right: 0;
	margin-left: 5px;
	text-align: right;
}

ul.navlinks {
	margin-bottom: 1px;
	padding-bottom: 1px;
	border-bottom: 1px solid #FFFFFF;
	font-weight: bold;
}

ul.leftside {
	float: left;
	margin-left: 0;
	margin-right: 5px;
	text-align: left;
}

ul.rightside {
	float: right;
	margin-left: 5px;
	margin-right: -5px;
	text-align: right;
}

/*** ICONS ***/

.sitehome, .icon-tags, .icon-faq, .icon-members, .icon-home, .icon-ucp, .icon-register, .icon-logout,
.icon-bookmark, .icon-bump, .icon-subscribe, .icon-unsubscribe, .icon-pages, .icon-search,
.icon-portal, .icon-forum, .icon-blog, .icon-wiki, .icon-admin, .icon-setup, .icon-chat, .icon-gallery,
.icon-lens, .icon-cross {
	background-position: 0 50%;
	background-repeat: no-repeat;
	background-image: none;
	padding: 1px 0 0 17px;
}

.icon-portal		{ background-image: url("icon_portal.gif"); }
.icon-forum			{ background-image: url("icon_forum.gif"); }
.icon-blog			{ background-image: url("icon_blog.gif"); }
.icon-wiki			{ background-image: url("icon_wiki.gif"); }
.icon-gallery		{ background-image: url("icon_gallery.gif"); }
.icon-admin			{ background-image: url("icon_admin.gif"); }
.icon-setup			{ background-image: url("icon_setup.gif"); }
.icon-chat			{ background-image: url("icon_chat.gif"); }

.sitehome			{ background-image: url("icon_home.gif"); }
.icon-faq			{ background-image: url("icon_faq.gif"); }
.icon-tags			{ background-image: url("icon_tags.gif"); }
.icon-members		{ background-image: url("icon_members.gif"); }
.icon-home			{ background-image: url("icon_home.gif"); }
.icon-ucp			{ background-image: url("icon_ucp.gif"); }
.icon-register		{ background-image: url("icon_register.gif"); }
.icon-logout		{ background-image: url("icon_logout.gif"); }
.icon-bookmark		{ background-image: url("icon_bookmark.gif"); }
.icon-bump			{ background-image: url("icon_bump.gif"); }
.icon-subscribe		{ background-image: url("icon_subscribe.gif"); }
.icon-unsubscribe	{ background-image: url("icon_unsubscribe.gif"); }
.icon-pages			{ background-image: url("icon_pages.gif"); }
.icon-search		{ background-image: url("icon_search.gif"); }
.icon-lens		{ background-image: url("icon-lens.gif"); }
.icon-cross		{ background-image: url("icon-cross.gif"); }

.copyright {
	padding: 5px;
	text-align: center;
	color: #555555;
	background-color: #ffffff;
}

/*** Search form ***/

#search-box {
	float: right;
	position: relative;

	padding: 0;
	margin-top: 30px;
	margin-right: 6px;
	
	color: #FFFFFF;
	display: block;
	
	text-align: right;
	white-space: nowrap; /* For Opera */
}

#search-box input {
	border: 1px solid #b0b0b0;
	border-color: #005570;
}

input.search-input {
	width: 95px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 18px !important;
	height: 16px;
	padding-right: 4px;	
	background-color: #FFF;	
	font-family:Verdana,Helvetica,Arial,sans-serif;
	font-size:1em;
	background-repeat: no-repeat;
	background-position: left 1px;
	background-image: url("icon_textbox_search.gif");
}

input.search-button {
	width:auto !important;	
	border-color: #666666;
	padding: 1px 3px;
	
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size:1em;
	
	color: #000;
	background-color: #FAFAFA;
	background-image: url("bg_button.gif");
}

input.search-button:hover {
	border-color: #BC2A4D;
	color: #BC2A4D;
	background-image: none;
}

/*** IE6 TWEAKS ***/


/*** TAGS ***/

/** style=\"border-top:1px solid #bbc; border-bottom:1px solid #bbc; background:#efefff; padding:3px;\" */
.itt_tagBox {
	background-color: #ECF1F3;
}

#page-tags {
	position: relative;
	float: right;
	width: 190px;	
}

a.tag-link {
	
}

a.wp-tags {
	margin-left: 10px;	
}

a.wp-tag-delete {

}

/* Input field styles
---------------------------------------- */

.inputbox, textarea, select {
	background-color: #FFFFFF;
	border: 1px solid #B4BAC0;
	color: #333333;
	padding: 2px;
	cursor: text;
}

.inputbox:hover,  textarea:hover {
	border: 1px solid #11A3EA;
}

.inputbox:focus {
	border: 1px solid #11A3EA;
	color: #0F4987;
}

input.button1 {
	font-family:"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
	color:#000000;
	border:1px solid #666666;
	padding-bottom:1px;
	padding-top:1px;
	width:auto !important;
	font-weight:bold;
	background:#FAFAFA url(bg_button.gif) repeat-x scroll center top;
}

input.button1:hover {
	color: #BC2A4D;
	border-color: #BC2A4D;
}

input[type=text], input[type=password] {  /* FF/IE7 only */
	background-color: #FFFFFF;
	border: 1px solid #B4BAC0;
	color: #333333;
	padding: 2px;
	cursor: text;
}

input[type=text]:hover, input[type=password]:hover {
	border: 1px solid #11A3EA;
}

input[type=submit], input[type=button], input[type=reset], input[type=file] {
	font-family:"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
	color:#000000;
	border:1px solid #666666;
	padding-bottom:1px;
	padding-top:1px;
	width:auto !important;
	font-weight:bold;
	background:#FAFAFA url(bg_button.gif) repeat-x scroll center top;
}

input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover {
	color: #BC2A4D;
	border-color: #BC2A4D;
}


/* Login box table cell paddings
-------------------------------------*/
#login_table {	
}

#login_table blockquote {
	padding: 40px 40px;
}

td {		
	padding: 1px;
}

/* Create user form table
-------------------------------------*/
#create_user_table {	
	
}

#create_user_table blockquote {
	padding: 40px 40px;
}

td {		
	padding: 1px;
	
}

#create_user_table .inputbox {
	width: 174px;	
}