/*
(C) 2006 ZAO Sup Fabrik.  All rights reserved.
This software is protected by copyright law and international copyright treaty.
No actions permitted without permission of the ZAO Sup Fabrik.
Should you have any questions arise contact us at info@sup.com
*/

/* General */

body, div, span, table, tbody, thead, tr, th, td, p, img, ul, li, a, h1, h2, h3, h4, h5, label, form, input, textarea {
	margin: 0;
	padding: 0;
}
body, table, tbody, thead, tr, th, td, p, ul, li, h1, h2, h3, h4, h5, label, form, input, textarea {
	font-family: Arial;
	font-size: 12px;
}
body, div, table, tbody, thead, tr, th, td, p, img, ul, li, a, h1, h2, h3, h4, h5, label, form {
	border-collapse: collapse;
	border: 0 none;
}
td, th { vertical-align: top; }

body { background: #ffffff; }
a { text-decoration: none; color: #006697; }
a:hover { text-decoration: underline; color: #000000; }

.lj-user { white-space: nowrap; font-weight: bold; }
.lj-user img { margin-right: 3px; vertical-align: bottom; }
.lj-user a { text-decoration: none !important; color: #006697; }
.lj-user a:hover { color: #000000; }

.tabbed-title, .main-title, .main-subtitle, .lj-authorization, .comment-list-header, .comment-list-footer, .comment-list { clear: both; width: 100%; }

.lj_enter_button, .submit-button { height: 20px; font-size: 11px; color: #333333; }

/* Page main title */

.tabbed-title { font-size: 11px; border-bottom: 1px solid #006697; }
.tabbed-title td { font-size: 11px; padding: 0 10px; vertical-align: middle; background: #cce0ea url("/i/tab-corner.gif") no-repeat top right; border-right: 1px solid #ffffff; }
.tabbed-title td.normal { background-color: #cce0ea; }
.tabbed-title td.hover { background-color: #b3d1e0; }
.tabbed-title td a, .tabbed-title td a:visited { font-weight: bold; text-decoration: underline; }
.tabbed-title td.selected { padding: 0 10px 0 5px; color: #ffffff; background-color: #006697; }
.tabbed-title td.selected div { padding-left: 30px; height: 25px; line-height: 25px; font-weight: bold; vertical-align: middle; background: #006697 url("/i/ico-blog2.gif") no-repeat center left; }

.main-title {
	padding: 5px 0 3px 0;
	font-size: 14px;
	font-weight: bold;
	color: #006697;
	border-top: 3px solid #006697;
	border-bottom: 1px solid #62aacc;
}
.main-subtitle {
	margin-bottom: 10px;
	padding: 5px 0;
	font-size: 11px;
	text-align: right;
	color: #99c2d5;
	background: #e6f0f5;
}
.main-subtitle a.readers, .main-subtitle a.readers:hover, .main-subtitle a.readers:visited { text-decoration: underline; color: #ff0000; }
.main-subtitle a.help, .main-subtitle a:hover.help, .main-subtitle a:visited.help { text-decoration: underline; color: #006697; }

.attention-mark, .question-mark { font-weight: bold; color: #ffffff; }
a:hover.attention-mark, a:hover.question-mark { color: #ffffff !important; text-decoration: none; }
.attention-mark { padding: 0 6px; background: #ff0000; }
.question-mark { padding: 0 4px; background: #006697; }

/* Authorization */

.lj-authorization { margin-bottom: 5px; }
.lj-authorization img.logo { display: block; float: left; margin: 0 15px 5px 0; }
.lj-authorization .auth-form { padding-top: 5px; }
.lj-authorization .auth-info { padding-top: 5px; font-size: 11px; color: #666666; }

.lj-login-table td  { padding: 2px 15px 0 0; font-size: 10px; }
.lj-login-table .lj-login-field { width: 150px; height: 20px; padding-left: 3px; color: #666666; }

.lj_enter_button { width: 52px; }

.message-box { clear: both; margin: 10px; background: #e6f0f5; }
.message-box .message { padding: 10px; text-align: left; }
.message-box.error { color: #ff0000; border: 2px solid #ff0000; }
.message-box.info { color: #006697; border: 2px solid #006697; }
.message-box.info .attention-mark { background: #006697; }

.lj-authorization img.fade { opacity: 0.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); }

/* Comment list header and footer */

.comment-list-header, .comment-list-footer { text-align: center; }

.comment-button-form { padding: 10px 0; }
.comment-button-form .submit-button { width: 179px; }
.comment-button-form .text-notice { color: #ff0000; font-size: 11px; padding: 5px 0; }

.paging { padding-bottom: 10px; font-size: 12px; text-align: center; color: #cccccc; }
.paging span { color: #62aacc; }
.paging a { font-size: 12px !important; }

.all-comments { font-weight: bold; }

.comment-list { margin-top: 5px; margin-bottom: 5px; }

/* Single comment */

.one-comment .avatar { float: left; }
.one-comment .avatar td { padding: 5px 7px 5px 0; }
.one-comment .avatar td div {
	width: 102px;
	text-align: center;
	vertical-align: middle;
	background: #f3f8fa;
	border: 1px solid #ddd5cf;
}
.one-comment .comment-time { margin-left: 5px; padding: 10px 0 0 5px; color: #999999; }

.one-comment .comment-user {
	margin: 5px 0 10px 5px;
	padding: 2px 0 2px 5px;
	background: #e6f0f5;
	border: 1px solid #cce0ea;
}
.one-comment .comment-text {
	margin-left: 5px;
	margin-bottom: 10px;
	padding: 10px;
	font-size: 12px;
	background: #f3f8fa;
	border: 1px solid #e6f0f5;
}
.one-comment .comment-text a { text-decoration: underline; }
.one-comment .comment-subject { margin-bottom: 5px; font-weight: bold; }
.one-comment .comment-options { padding-top: 10px; font-size: 10px; text-align: right; vertical-align: middle; }
.one-comment .comment-options  a { text-decoration: none; }
.one-comment .comment-options  a:hover { text-decoration: underline; }
.one-comment .comment-options form { display: inline; }
.one-comment .comment-options .reply-button, .one-comment .comment-options .delete-button {
	height: 15px;
	margin-left: 5px;
	font-size: 9px;
	font-weight: bold;
	line-height: 7px;
	color: #000000;
}

.one-comment .comment-collapsed { margin-left: 5px; padding-bottom: 7px; font-size: 11px; color: #999999; }
.one-comment .comment-collapsed a { text-decoration: underline; }
.one-comment .comment-collapsed .lj-user img { margin-right: 3px; vertical-align: middle; }

/* Comment form */

.comment-form {
	clear: both;
	margin-bottom: 10px;
	padding: 5px 0;
	text-align: right;
	background: #e6f0f5;
	border: 1px solid #cce0ea;
}
.comment-form table { width: 99%; }
.comment-form td { padding: 5px; }
.comment-form td.label { width: 15%; padding-top: 6px; font-weight: bold; text-align: right; }
.comment-form .comment-subject { width: 100%; padding-left: 3px; }
.comment-form .comment-body { width: 100%; padding-left: 3px; }
.comment-form .submit-button { width: 179px; }

/* Blog-this form */

.blogthis-form { clear: both; width: 430px; margin: 15px 5px 10px 65px; }
.blogthis-form .label { font-weight: bold; color: #006697; }
.blogthis-form .sub-label { margin-top: 3px; font-size: 11px; color: #777777; }
.blogthis-form .post-subject { width: 100%; margin: 5px 0 10px 0; padding-left: 3px; font-weight: bold; }
.blogthis-form .post-body { width: 100%; margin: 5px 0 10px 0; padding-left: 3px; }
.blogthis-form .buttons { text-align: right; }
.blogthis-form .submit-button { width: 179px; }
.blogthis-form .text-notice { color: #ff0000; font-size: 11px; padding: 5px 0; }