* {font-size:100%; margin:0;}
body {padding:0; margin: 0 auto; /* lytebox */ background:#fff; font:.75em Arial,sans-serif; color:#333;}

img {border:0;}

p, div, td, th, li {text-align:left;}
p {margin:0 0 12px; padding:0; font-size:1.1em; line-height:1.25em;}
div.p {font-size:1.1em; line-height:1.25em; margin:5px 0;}
td {vertical-align:top;}

a {color:#006699;}

/* headings */
h1, h2, h3, h4 {padding:0; margin:0 0 12px;}
h1 {font-size:1.8em; font-weight:normal;}
h2 {font-size:1.5em; font-weight:normal;}
h3, .h3 {font-size:1.25em;}

/* lists */
ul, ol {margin:0 0 12px; padding:0; list-style-position:inside;}
ul li, ol li {margin:0 0 2px;}
/* list style in content items */
div.text li {font-size:1.1em; line-height:1.25em;}
/*  list style in modules */
ul.compact {list-style:none outside; margin:0 0 -6px;}
ul.compact li {clear:both; margin:0 0 6px;}

/* inputs */
input, select, textarea {font-family: Arial, sans-serif;}
.input, textarea, select {padding:2px; border:1px solid #ccc; border-top:1px solid #aaa; background-color: #f2f2f2;}
select {padding:1px;}
.submit, .button {margin:-1px 0 0; //margin:0; cursor:pointer;}
.checkbox, .radio {vertical-align:middle; margin:0 0 2px;}

/* labels */
label {cursor:pointer;}
/* overLabels.js */
label.overlabel {display:none;}
label.overlabel-apply {position:absolute; padding:3px 0 0 3px; z-index:2; color:#666; cursor:text;}

hr {border:none; background-color:#ccc; height:1px;}
noscript {color:red;}

/* MAIN LAYOUT STYLE */
.w968 {width:968px; background:#fff; overflow:hidden; margin:20px auto;}
div.left2, div.left3 {float:left; width:468px; padding:0 10px 0 0; overflow:hidden;}
div.left2 {width:708px; padding:0 20px 0 0;}
div.center3 {float:left; width:240px; padding:0 10px 0 0; overflow:hidden;}
div.right2, div.right3 {float:right; width:240px; overflow:hidden;}

/* HEADER */
div#header {height:100px; margin:33px auto 32px;}
/* logo */
div#header div.left3 img.logo {margin:0 21px 0 22px; float:left;}
div#header div.left3 div.mainmaintitle {padding:12px 0 0; font-size:28px; color:#000; text-transform:uppercase;}
div#header div.left3 div.mainmaintitle span {font-size:12px; color:#666; text-transform:lowercase;}
div#header div.subtitle {color:#666; font-size:1.0em; text-indent:1px;}
/* login form */
div#header div.right3 {overflow:visible;}
form#login div {float:left;}
form#login input.input {width:133px; margin:0 2px 2px 0; //margin-bottom:0;}
form#logout {display:none;}
/* lost pass link img */
div#login-submit img {vertical-align:bottom;}
/* register link */
div#register-link {clear:both; display:inline-block; margin:13px 0 0;}
div#register-link a {background:url(/static/images/arrow1.gif) no-repeat right 4px; padding:0 14px 0 0; font-weight:bold;}
/* avatar */
div#header div.right3 img.miniavatar-left {margin-top:19px;}
/* user menu */
div#header div.right3 ul#mainlevel {margin:18px 0 0; list-style:none; clear:inherit;}
div#header div.right3 ul#mainlevel li {margin:0 0 4px;}
div#header div.right3 span#active_menu,
div#header div.right3 span#active_menu_parent {font-weight:bold;}

/* MAINMENU */
div#menu {margin:-1px auto 0; font-size:15px;} /* =1.25em */
div#menu ul li {display:inline;}
/* mainlevel */
div#menu ul#mainlevel {margin:0; padding:8px 0; border-bottom:2px solid #006699;}
div#menu ul#mainlevel span {padding:7px 14px 8px; text-transform:uppercase;}
div#menu ul#mainlevel span.first {padding:7px 18px 8px;}
div#menu ul#mainlevel span a {color:#333; text-decoration:none;}
div#menu ul#mainlevel span a:hover {text-decoration:underline;}
div#menu span.mainlevel#active_menu,
div#menu span.mainlevel#active_menu_parent {color:#fff; background:#006699; border:1px solid #006699; padding:7px 13px 8px;}
div#menu span.mainlevel#active_menu.first {padding:7px 17px 8px;}
div#menu span.mainlevel#active_menu_parent a {color:#fff; text-decoration:underline;}
/* sublevel */
div#menu ul#sublevel {margin:7px 1px 0 10px; font-size:0.85em;}
div#menu ul#sublevel li {padding:0 7px; white-space:nowrap;}
div#menu ul#sublevel li img {padding-right:1px; vertical-align:bottom;}
div#menu span.sublevel#active_menu,
div#menu span.sublevel#active_menu_parent {font-weight:bold;}

/* FOOTER */
div#footer {clear:both; margin:-1px auto 0; border-top:1px solid #ccc; padding:20px 0; height:108px;}
div#footer div.left2, div#footer div.right2 {overflow:visible;}
/* search module and common search page styles */
form#search-box {width:708px; white-space:nowrap;}
form#search-box div {float:left;}
form#search-box label {padding:0 5px;}
form#search-box label span {color:#666; text-decoration:none; border-bottom:1px dashed #666; display:inline-block;}
form#search-box label.checked {background-color:#006699;}
form#search-box label.checked span {color:#fff; cursor:default; border-bottom:none;}
form#search-box input.radio {display:none;}
form#search-box input.input {width:464px; margin:0 2px 0 0; border:1px solid #ccc !important; border-top:1px solid #aaa !important;}
div.search-results {clear:both; padding:25px 0 0;}
div.search-results div.search-stat,
div.search-results div.page-error {margin:0 0 25px;}
div.search-results ol {list-style-position:outside; margin:0 0 25px 39px;}
div.search-results ol li {margin:0 0 17px;}
div.search-results div.title2 {margin:0 0 5px;}
div.search-results div.result-url {color:#006600; margin:5px 0 0;}
div.yaxml a {color:#333; text-decoration:none;}
/* bottom menu */
div#footer div.right2 ul#mainlevel {list-style:none outside; width:310px; overflow:hidden; margin:0 0 -4px;}
div#footer div.right2 ul#mainlevel li {float:left; width:150px; white-space:nowrap; margin:0 0 4px;}
div#footer div.right2 ul#mainlevel li img {padding-right:1px;}
div#footer div.right2 span#active_menu,
div#footer div.right2 span#active_menu_parent {font-weight:bold;}
/* copyright */
div.module_copyright {margin:19px 0 0;}
/* counters */
div#footer div#counters {float:right; margin:19px 0 0;}
div#footer div#counters img {margin:0 0 -2px;}

/* CONTENT */



/* some universal common styles */
/* common date formatting */
span.date {
	background-color: #aaa;
	color:#fff !important;
	font-weight:bold;
	padding:0 2px 0 5px;
	margin:4px 5px 0 0;
}

/* pagination */
div.pages {margin:8px 0; padding:2px 0;}
div.pages.float-right {margin:0;}
span.pagelink, span.pagelink-grey {text-align:center; border: 1px solid #ccc; padding: 1px 4px;}
span.pagelink-grey {background-color: #ebebeb;}
span.pagelink:hover, span.pagelink-grey:hover {background-color:#EBF2F9;}
span.pagelink a, span.pagelink-grey a {color:#333; text-decoration: none;}
span.pagelink a:hover, span.pagelink-grey a:hover {text-decoration: underline;}
span.pagelink#active {border: 1px solid #006699; color:#fff; background-color: #006699;}
div.pages-box, div.pages-results {color:#666; margin:12px 0 0;}
div.pages-box div.pages-results {display:inline;}

/* notifications */
div#error, div.message {
	border: 1px dashed #ccc;
	padding: 5px 5px 5px 25px;
	margin: 0 0 12px;
}
div#error {
	background: url(/static/images/16/warning.gif) 5px 4px no-repeat;
	background-color: #ffd;
}
div.message {
	background: url(/static/images/16/ok.gif) 5px 4px no-repeat;
	background-color: #EBF2F9;
	font-weight: bold;
}

.invisible {display: none;}

.green, .green a, a.green {color:#4b9747;}
.grey, .grey a {color:#666 !important;}
.red {color:red !important;}

small, .small {color:#666;}

.float-left {float:left;}
.float-right {float:right;}



/* items (news, etc.) */
div.item {margin: 0 0 20px;}
div.item .title span.category,
div.item .title span.comments {padding:0 0 0 12px; color:#666; font-size:0.75em; background:none;}
div.item .title span a {color:#666;}
div.item div.text {}
div.item span.date {float:left;}

div.info-row {color:#666; padding:0 0 2px;}
div.info-row span {margin-right:10px;}

div#content table {border-collapse:collapse; border-color:#ccc; margin:0 0 12px 1px;} /* 1px margin-left for border, overflow=hidden */

.online-image {margin: 0 0 0 5px;}

/* icons */
.icon {
	float:right;
	padding:0 0 0 5px;
	margin:4px 0 0;
}

/* content copyright */
div#copyright {
	float: right;
	padding: 1px 0 1px 20px;
	background: url(/static/images/16/minilogo.gif);
	background-position: left;
	background-repeat: no-repeat;
}

/* show and write comments*/
div#comments {border-top: 1px solid #ccc; padding: 12px 0 0;}
div.comment-item {
	padding:5px;
	display: block;
	clear:both;
	overflow: auto;
}

/* MEMBER'S AVATAR */
div.avatar {width:50px; height:50px; //width:52px;}
div.avatar img {border:1px solid #ccc;}
div.avatar.float-left {margin:2px 10px 6px 0;}
div.avatar.float-right {margin:2px 0 6px 10px;}
div.avatar.float-right img {float:right;}

div.comment-item div.comment-text {margin:12px 0 0;}
div#write-comment {margin:12px 0 0;}
div#comments table td {padding: 0 0 10px 10px;}
div#comments .input {width: 358px;}

.post2 {background-color: #e4f0e3;}
.post3 {background-color: #EBF2F9;}

/* ADS */
div.module_ad {margin:0 0 19px;}
/*div.module_yad_vert {margin: 100px 0 0;}
div.mod_yad_horiz {border-top:1px solid #ccc; margin:0 auto; padding:20px 0; display:none;}*/

.pp-mini-content-entry {
	display: block;
	clear:both;
	overflow: hidden;
	padding: 0 0 12px;
}
img.miniavatar, img.miniavatar-left {margin:0 5px 5px 0; border: 1px solid #ccc;}
img.miniavatar-right {margin:0 0 5px 5px; border: 1px solid #ccc;}

span.author, span.author-on {padding:5px 10px 6px 17px; background: url(/static/images/16/author.gif) left 5px no-repeat;}
span.author-on {background: url(/static/images/16/author-on.gif) left 5px no-repeat;}
span.comments {padding:5px 10px 5px 19px; background: url(/static/images/16/balloon.gif) left 5px no-repeat;
}
/*span.category {
	padding: 5px 10px 5px 19px;
	background: url(/static/images/16/tag.gif);
	background-position: left;
	background-repeat: no-repeat;
}*/

.photos img {padding:5px; background-color:#ddd;}

/* tables */
.ipbtable, .table {width:100%;}
.ipbtable td, .table td {padding:5px;}
.ipbtable th, .table th {
	color: #666; 
	font-weight: normal;
	margin: 0;
	padding: 5px;
	border-top: 1px solid #ccc;
	border-bottom: 1px dashed #ccc;
}
.ipbtable th a, .table th a {color:#666;}
.ipbtable th.post1 a, .ipbtable th.post2 a, .ipbtable th.post3 a,
.table th.post1 a, .table th.post2 a, .table th.post3 a {color:#006699;}

.border-left {border-left: 1px solid #ccc;}
.border-top {border-top: 1px solid #ccc;}
.border-right {border-right: 1px solid #ccc;}
.border-bottom {border-bottom: 1px solid #ccc;}

.td-left {padding-left:0 !important;}
.td-center {text-align:center !important;}
.td-right {padding-right:0 !important; text-align:right !important;}
.td-bottom {vertical-align:bottom !important;}

/* common titles use */
.titles, h1.titles,
.title {
	font-size: 1.65em;
	font-weight: normal;
	line-height: 110%;
	margin:0 0 5px;
}
.titles span {color:#666;}
/*div.titles small, div.titles span.small {font-size:.65em;}*/
.title span.date {font-size:0.6em;}
div.subtitles {margin: 5px 0;}
div.subtitles a {white-space: nowrap;}

/* path */
div.title-nav {/*font-size:1.8em; */margin:-3px 0 12px;}
div.title-nav h1.title {/*font-size:1.0em; */display:inline;}

div.description {font-size:1.15em; margin: 0 0 12px;}
div.description ul, div.description ol {margin-bottom:12px !important;}

.title2 {font-size:1.25em; margin:0 0 2px;}
.title2 span {font-size:.8em;}

/* NEWS LINKS STYLE */
ul#newslinks {margin:-4px 0 !important;}
li.newslink {margin:4px 0 4px 39px !important;}
li.newslink span.date {margin-left:-39px !important; background:#fff; color:#666 !important; font-weight:normal; padding:0;}
li.newslink span.comments, li.newslink span.category {background:none; padding:0 0 0 6px;}

/* modules */
/* common */
div.module, div.module_feed {margin:0 0 19px; padding: 10px; border: 1px solid #ccc;}

/* EARS */
div#ears {margin:0;}
div#ears div.wide {margin:0 -12px;}
div#ears div.module_ear {
	float:left;
	width:204px;
	height:55px;
	padding:10px;
	margin:0 12px;
	background:#f2f2f2;
	-moz-border-radius:10px;
	-webkit-border-radius: 10px;
}
/*div#ears strong, 
div#ears b {font-weight:normal !important;}*/
div#ears div.module_ear a {color:#666; text-decoration:none;}
div#ears div.module_ear a:hover {text-decoration:underline;}

/* HELP TIPS */
#tip {position:absolute; display:none; z-index:999; background-color:#ffd; border:1px solid #696969;}
#tip div {padding:7px 10px;}
img.help, span.help {cursor:help;}
img.help {vertical-align:middle; margin-top:-1px;}
span.help {border-bottom:1px dashed #aaa;}
a img.help {cursor:pointer;}
/*a span.help {text-decoration:none !important;}*/
