/*
Theme Name: Wordzine
Theme URI: http://demo.monofactor.com/wordzine/
Description: A stunning magazine theme from Monofactor via Themeforest.
Version: 1.0
Author: Onur Oztaskiran
Author URI: http://www.monofactor.com/
Tags: magazine, light, link, blue, two column, widgets, jquery
*/
/** RESET AND DEFINE GENERAL SETTINGS **/
ul, ol, p, h1, h2, h3, h4, h5, h6, form, fieldset { margin: 0; padding: 0;}
h1 {font-size:150%;} h2 {font-size:130%;} h3 {font-size:120%;}
fieldset { border:none;}
fieldset legend { display:none;}
ul , ol {list-style: none;}
body {background: #f2f5f7 url(../images/bg.gif) repeat-x; font: 9pt Helvetica, Verdana, Arial, sans-serif; margin: 0px;}
body, html {height:100%;}
span.spacer {display: block; width: 100%;height: 0px;clear: both;visibility: hidden;font-size: 0px;}
a {color:#339933; outline:0;}
.hidden {display: none;}
img {border: none; outline: none;}
img.alignleft {float:left; margin: 0 10px 10px 0}
/**/
/** container **/
#container {width:965px;position:relative; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -62px; background: url(../images/bg_container.jpg) no-repeat;}
.push {height:90px;}
/** footer **/
#footer_wrap {background:#e0e1e2; height:46px; padding-top:15px; position:relative; background: url(../images/bg_footer.gif) repeat-x #dde0e2;}
#footer {width:965px; margin:0 auto; font-size: 0.9em; color: #666;}
#footer a:hover {color:#000; text-decoration: none;}
.left {float:left;}
.right {float:right;}
#footerLogo {margin-top:-8px;}
/** header **/
#header {padding-top: 23px; margin-bottom: 35px;}
#header h1 {display:block; background: url(../images/logo.png) no-repeat; width:152px; height: 56px; float: left; margin-top: 5px;}
#header h1 a {display: block; width:152px; height: 56px;}
#header h1 a span {display: none;}
/** logged in **/
#userBox {width:300px; float: right;}
#userBox p {margin: 4px 0; font-size: 0.9em; color:#999}
#userBox p a:hover {color:#333; text-decoration: none;}
#userBox h3 {color:#339933; font-size:1.2em;}
div.avatar {background: url(../images/bg_avatar.gif); width: 46px; height: 46px; padding: 6px 0 0 6px; float: left; margin-right: 10px;}
/** not logged in - unregistered **/
fieldset#loginBox {width:400px; float:right; display: block; margin:5px 0 0 0; padding:0;border:none;}
fieldset#loginBox form {padding-top:5px;}
fieldset#loginBox form label {background: url(../images/bg_loginput.gif) no-repeat; width: 119px; height: 21px; display: block; float:left; margin-right:15px;}
fieldset#loginBox form label input {background: none; border: none;outline: none; width: 119px; margin-left: 12px; padding-top: 5px; color:#999; font-size:0.9em;}
input#bt_login {margin-top:-1px;}
fieldset#loginBox h3 {display:block; color:#; float:left; width:50px; font-size:1.2em; font-weight:bold; margin-right:15px;padding-top:7px;}
fieldset#loginBox ul {margin-top:10px; margin-left:60px;}
fieldset#loginBox ul li {float:left; margin-right:10px; border-left:1px solid #999; padding-left:10px; font-size:0.9em;}
fieldset#loginBox ul li:first-child {border-left:none;}
/** innerContent General Settings **/
div#innerContent {background: url(../images/bg_skeleton.gif) repeat-y 1px 0px; padding: 18px 15px 0 15px;}
div#innerContent h2 {margin-bottom: 10px; font-size:18px;}
div#iContentLeft {float: left; padding-left: 3px; width:670px; }
div#iContentLeft h3 {margin: 15px 0;}
div#iContentBottom {background: url(../images/bg_skeletonBottom.gif) no-repeat 1px 0px; height: 37px; clear: both;}
/** top menu & sub menu content **/
div#navHeader {background: url(../images/bg_skeletonTop.gif) no-repeat 0px 45px; height: 90px; position:relative;}
div#navHeader fieldset {float: right; width: 250px; display: block; position:absolute; bottom:12px; right:11px;}
div#navHeader form label {background: url(../images/bg_search.gif) no-repeat; width: 246px; height: 21px; display: block; }
div#navHeader form label input {background: none; border: none;outline: none; width: 210px; margin-left: 22px; padding-top: 5px; color:#999;
font-size:0.9em;}
div#seargh {float: right; background: url(../images/bg_search.gif) no-repeat; width: 246px; height: 21px; display: block; position:absolute; bottom:12px; right:11px;}
div#seargh input {background: none; border: none;outline: none; width: 210px; margin-left: 22px; padding-top: 5px; color:#999;
font-size:0.9em;}
div#navHeader div#rssLinks {width:100px; position:absolute; right:11px; top:10px; padding-right:20px; padding-top:3px; height:20px; background:url(../images/icon_rss.gif) no-repeat right;}
div#navHeader div#rssLinks a {color:#666; text-decoration:none; border-bottom:1px solid #f2f5f7; font-size:0.9em;}
div#navHeader div#rssLinks a:hover {color:#333; border-bottom: 1px solid #b59100}
/** Navigation **/
ul#menu {margin-left: 10px;}
ul#menu li {float:left; margin-right: 5px;}
ul#menu li a {display: block; color:#475c68; font-size: 1.25em; font-weight: bold; text-decoration: none; height: 45px; padding: 0 0 0 20px; float:left;}
ul#menu li a:hover {color:#00a2ff;}
ul#menu li a span {display: block; padding:12px 20px 31px 0px;}
ul#menu li a:hover {background: url(../images/bgnavLeft.gif) no-repeat; color:#fff}
ul#menu li a span:hover{background:url(../images/bgnavRight.gif) no-repeat top right;}
ul#menu li.navSelected a, ul#menu li.current-cat a, ul#menu li.current-cat-parent a {background: url(../images/bgnavLeft.gif) no-repeat; color:#fff}
ul#menu li.navSelected a:hover, ul#menu li.current-cat a:hover {color:#f2f2f2;}
ul#menu li.navSelected a span, ul#menu li.current-cat a span, ul#menu li.current-cat-parent a span {background:url(../images/bgnavRight.gif) no-repeat top right;}
div#headerContent {display: block; position:absolute; color:#f2f2f2; padding-top: 5px; bottom:13px; left:15px;}
div#headerContent a {color:#bdd0da; text-decoration:none;}
div#headerContent a:hover {color:#fff;}
#subMenu {clear:both;}
#subMenu ul {font-size: 0.9em; font-family:"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial; width: 500px;}
#subMenu ul {position:absolute; padding: 11px 0 11px 0; bottom:0; left:20px}
#subMenu ul li {float:left; margin-right: 10px; color:#7c8d93;}
#subMenu ul li a {color:#ddd; display: block; background: url(../images/bg_subcat_left.gif) no-repeat !important; padding-left: 11px; height: 23px; text-decoration: none; float:left;
font-size: 1em; font-weight:normal;}
#subMenu ul li a:hover {color:#f2f2f2; background: url(../images/bg_subcathoverLeft.gif) no-repeat !important; }
#subMenu ul li a span { background: url(../images/bg_subcatRight.gif) no-repeat top right !important; display: block; padding:4px 11px 6px 0;}
#subMenu ul li a:hover span {background: url(../images/bg_subcathoverRight.gif) no-repeat top right !important;}
#subMenu ul li.selected a, #subMenu ul li.current-cat a {background: url(../images/bg_subcatselectedLeft.gif) no-repeat !important;}
#subMenu ul li ul li.selected a span, #subMenu ul li.selected a:hover span, #subMenu ul li.current-cat a span {background: url(../images/bg_subcatselectedRight.gif) no-repeat top right !important; color:#f2f2f2;}
/** iContentLeft Home
This part contains the innerContentLeft Home Featured Posts Section **/
div#featured {background:url(../images/bg_featuredposts.gif) no-repeat; width:640px; height: 185px; padding: 9px 0 0 9px; position: relative; margin-bottom: 35px; z-index:1; }
h2.blue {color:#339933}
div#fImageContainer {width:296px; float: left;}
div#fImageContainer ul li {width:296px; height: 176px;}
div#fImageContainer ul li a {display:inline-block; border-right: 5px solid #ccc !important; padding-right: 1px;}
div#fImageContainer ul li a:hover {border-right-color: #339933 !important;}
div#fInfoContainer {float: right; width: 315px; color:#666; margin-right: 15px;}
div#fInfoContainer li {padding-top: 10px; width:315px; height: 190px;}
div#fInfoContainer h3 {margin-bottom:10px;}
div#fInfoContainer h3 a {text-decoration: none; color: #496b7e;}
div#fInfoContainer p {margin:10px 0; font-size:0.9em;}
div.postIntro {background: #fff; padding: 7px;}
div.postIntro p {line-height:1.3em;}
div.postIntro p:first-child {margin-top:0px !important;}
div.postIntro a {color:#b59100; text-decoration: none; border-bottom: 1px solid #fff;}
div.postIntro a:hover {color:#333; border-bottom: 1px solid #b59100}
div.postMeta {background: url(../images/bg_metaHome.gif) no-repeat; width:298px !important; height: 27px; padding-left: 12px; padding-top: 4px; margin-top:10px;}
div.postMeta div {float: left; margin-right: 20px; font-size:0.9em; padding-top: 5px !important}
div.postDate {background: url(../images/bg_calendar.png) no-repeat; padding-left: 25px; padding-bottom: 3px;}
div.postcomentor {background: url(../images/16x16_dockument_1.png) no-repeat; padding-left: 25px; padding-bottom: 3px;}
div.postAuthor {background: url(../images/icon_user.png) no-repeat 0px 2px; padding-left: 20px;}
div.postAuthor a {color:#333;}
div.commentCount {background: url(../images/bg_commentCount.png) no-repeat; text-align: center; width: 34px; padding: 6px 0; float: right !important; margin-right: 10px !important;}
div.commentCount span {display: none;}
div.commentCount a {display:block;}
/**/
/** HOME & ARCHIVE POST LISTING **/
div.postMetaList ul li {float: left; margin-right: 20px; padding-top: 5px !important;}
div.postMetaList ul li a, div.postMeta a {text-decoration: none;}
li.postDate {background: url(../images/bg_calendar.png) no-repeat; padding-left: 25px; padding-bottom: 3px;}
li.postcomentor {background: url(../images/16x16_dockument_1.png) no-repeat; padding-left: 25px; padding-bottom: 3px;}
li.postAuthor {background: url(../images/icon_user.gif) no-repeat 0px 3px; padding-left: 20px}
li.postAuthor a {color:#333;}
li.commentCount {background: url(../images/bg_commentCount.png) no-repeat; text-align: center; width: 34px; padding: 6px 0; float: right !important; margin-right: 10px !important;}
li.commentCount span {display: none;}
li.commentCount a {display:block;}
ul#sliderNav {position: absolute; left:470px; top: 180px; z-index:9900; display:block;}
ul#sliderNav li {float: left; margin-right: 5px;}
ul#sliderNav li a {display: block; width: 72px; height: 26px; text-indent: -9999px; background-repeat: no-repeat;}
ul.news_more {display:block;margin:9px 0px 0px 8px;}
ul.news_more li a {display: block; width: 72px; height: 26px; text-indent: -9999px; background-repeat: no-repeat;}
.news_more a {background: url(../images/bg_next.png);}
.news_more a:hover {background: url(../images/bg_nextHover.png);}
ul#news_more {display:block;margin:9px 0px 0px 8px;}
ul#news_more li a {display: block; width: 72px; height: 26px; text-indent: -9999px; background-repeat: no-repeat;}
#news_more a {background: url(../images/bg_next.png);}
#news_more a:hover {background: url(../images/bg_nextHover.png);}
#next {background: url(../images/bg_next.png);}
#next:hover {background: url(../images/bg_nextHover.png);}
#prev {background: url(../images/bg_prev.png);}
#prev:hover {background: url(../images/bg_prevHover.png);}
/** POSTS **/
.post {background: url(../images/bg_post.jpg) no-repeat top; /*font-size: 0.9em;*/ padding: 10px 0; margin-bottom: 25px;}
.post2 {background: url(../images/bg_post_user.jpg) no-repeat top; /*font-size: 0.9em;*/ padding: 10px 0; margin-bottom: 25px;}
.post3 {background: url(../images/bg_post_user2.jpg) no-repeat top; /*font-size: 0.9em;*/ padding: 10px 0; margin-bottom: 25px;}
.postThumb {background: url(../images/bg_postthumb.png) no-repeat; width:104px; height:104px; float:left; margin:0 5px; padding: 4px 0 0 4px;}
div.postContent {float:left; width:350px; color: #666; margin: 0 10px; padding-right: 10px}
div.postContent2 {width:465px;}
div.postContent h3 {margin-bottom: 10px;}
div.postContent p {margin: 10px 0; line-height:1.3em;}
div.postContent strong {color:#b59100;}
div.postContent h3 a {color:#475c68; text-decoration: none;}
div.postMetaList {width: 150px; float: left; font-size: 0.9em; color:#666;}
div.postMetaList li {margin-bottom: 10px; padding-top: 10px}
div.postMetaList li.postDate {padding-top: 5px; width: 120px; position: relative;}
div.postMetaList li.postDate div.commentCounter {position: absolute; right: 0; top:0px; background: url(../images/bg_commentCount.png) no-repeat; text-align: center; width: 34px; padding: 6px 0; }
div.postMetaList li.postDate div.commentCounter a {text-decoration: none; color:#333; font-size: 0.9em;}
div.postMetaList li.postDate div.commentCounter span {display: none;}
div.postMetaList li.postAuthor {background: url(../images/icon_user.png) no-repeat 0px 8px; padding-left: 20px; }
div.postMetaList li.postAuthor a {text-decoration: none;}
div.postMetaList li.postTags {clear:both; width:145px; padding-top:10px !important;}
/** POST SINGLE **/
div.postSingle {width:650px !important;}
div.entry {clear:both; margin-top:20px;}
div.entry p {margin:12px 0; color:#333; line-height: 1.4em;}
div.entry p strong{color:#000;}
div.thePost h2 {float:left; margin:-2px 0px 3px 0px !important; width:580px;}
div#comments_single {background:url(../images/bg_comments_single.gif) no-repeat; width:36px; height:27px; text-align:center; padding-top:5px; font-size:1.1em; float:left; margin-right:10px;}
p.single_cats {width:450px; margin:3px 0px 0px 1px !important; font-size:0.9em;}
p.single_cats a {text-decoration:none;}
p.single_cats a:hover {color:#555;}
/* post single tags */
p.singleTags {margin-top: 15px; background: url(../images/tag_icon.png) no-repeat 10px; padding:10px 0px 10px 30px; border-top: 1px solid #ccc; float:right; width: 350px;}
p.singleTags a {color:#339933 !important; border:none !important;}
p.singleTags a:hover {color:#666 !important;}
p.theAuthor {width:250px; float: left; border-top: 1px solid #ccc; padding: 10px 10px 10px 0px; color:#666;}
/* post single metadata */
p.postmetadata {padding: 10px; background: #f2f2f2; margin-top: 20px;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
div.entry blockquote {line-height: 1.0em; font-style: italic; color:#666; padding: 20px 20px 20px 60px; margin: 20px 0; background: url(../images/quote.png) no-repeat 0 0;}
div.entry h3 {margin: 10px 0 !important;}
div.entry code {background: #f4f5f6; padding: 10px; border-left:5px solid #abbfd3; line-height: 2em; font-size: 1em; margin: 12px 0; display: block;}
div.entry ul {margin:0px 10px 10px 10px; padding:10px; color:#444;}
div.entry ul li {line-height:1.7em; list-style-type:disc !important;}
/** COMMENTS **/
h3#comments {margin-bottom: 15px; padding-top: 25px; clear: both;}
ol.commentlist {background: #f4f5f6; border-top: 1px solid #ccc;}
.comment {clear:both; padding: 15px;}
.comment .comment-author {width:64px; height:64px; float:left;}
div.author {margin-bottom: 20px; clear: both;}
div.author a {color:#333; text-decoration: none; border-bottom: 1px solid #b59100;}
div.author a:hover {color:#339933; border-bottom: 1px solid #fff;}
span.date {color:#666;}
div.comment-text {float:right; width: 520px; padding: 10px; background: #fff;}
ul.children li div.comment-text {width:490px;}
ul.children li ul li div.comment-text {width:460px;}
ul.children li ul li ul li div.comment-text {width:430px;}
ul.children li ul li ul li ul li div.comment-text {width:400px;}
div.comment-text p {margin:10px 0; color:#333; line-height: 1.3em;}
/****/
#respond {clear:both; margin-top: 20px;}
#respond h3 {margin-bottom: 10px; margin-top: 25px;}
#respond p {margin: 10px 0;}
#commentform {padding-top: 10px; border-top: 1px solid #ccc;}
p.commentBoxes {float:left; width: 248px; margin-right: 30px !important;}
p.commentBoxes label {margin-bottom:5px; margin-left: 5px; display: block;}
p.commentBoxes label.txt { background: url(../images/bg_commentor_boxes.gif) no-repeat bottom; width:248px; height: 23px; padding: 0 !important; margin: 0 !important;}
p.commentBoxes label.txt input {border:none; outline:none;background: none; font-size: 0.9em; padding: 5px 0 0 8px; color:#555;}
p#comment-txtarea {background: url(../images/bg_commentor_textarea.gif) no-repeat; width: 619px; height: 153px; clear: both; margin-top: 10px;}
p#comment-txtarea textarea {background: none; width:599px; padding: 10px; height: 133px; border: none; color:#555; font-family: "Lucida Sans Unicode"; font-size:0.9em;}
/*--------------------------- RIGHT COLUMN - SIDEBAR --------------------------*/
#rightColumn {width:250px; float: right;}
#rightColumn-top {width: 250px; background-image:url(../images/bg_rightColumn-top.gif); height: 94px; padding: 13px 0 0 0;}
#rightColumn-bottom {width: 250px; background-image:url(../images/bg_rightColumn-bottom.gif); width:267px; height: 15px;}
#miniBanner {width: 250px; margin: 10px auto 30px auto;}
#miniBanner img {float:left; margin:0 5px 0 0;}
div.tabs-container ul h2 {display:none;}
/** SIDEBAR TABS **/
/*1st Tab Box */
#tabsPopular {width: 240px; background: url(../images/bg_tabsPopular.gif) no-repeat bottom; margin: 30px auto 35px auto; padding: 0 0 20px 0;}
#tabsPopular ul {margin:0; padding:0; height:43px; list-style-type:none;}
#tabsPopular ul li {float:left; margin:0;}
#tabsPopular ul li a {display:block; font-size:12px; color:#999; height:31px; text-decoration:none; text-align: center; background-repeat: no-repeat; padding: 12px 0 0 0; font-weight: bold;}
#tabsPopular ul li.tabs-selected a, #tabsPopular ul li a:hover {color:#2f333b;}
#tabsPopular ul li#popular a {width: 79px; background-image: url(../images/bg_popularTab.gif);}
/* (optional) #tabsPopular ul li#popular a:hover, */#tabsPopular ul li#popular.tabs-selected a {background-position: -79px;}
#tabsPopular ul li#tags a {width: 83px; background-image: url(../images/bg_tagsTab.gif);}
/* (optional) #tabsPopular ul li#tags a:hover, */#tabsPopular ul li#tags.tabs-selected a {background-position: -83px;}
div#tabbed-tags {padding: 10px 10px 0px 10px;}
div#tabbed-tags a, div.entry p a:hover {color:#666; text-decoration: none; border-bottom: 1px solid #fff;}
div#tabbed-tags a {line-height: 2em;}
div#tabbed-tags a:hover, div.entry p a {color:#333; text-decoration: none; border-bottom: 1px solid #b59100;}
#tabsPopular ul li#topics a {width: 78px; background-image: url(../images/bg_topicsTab.gif);}
/* (optional) #tabsPopular ul li#topics a:hover, */#tabsPopular ul li#topics.tabs-selected a {background-position: -78px;}
#tabsPopular div ul {margin: 0 0 0 2px; padding: 0; height: auto !important;}
#tabsPopular div ul li {border-bottom: 1px dotted #97999d; float: none !important;}
#tabsPopular div ul li a {background-image: url(../images/bg_sideList.gif); text-align: left !important; color: #777 !important; width: 198px; font-size: 11px !important; font-weight: normal !important;padding: 9px 0 0 40px !important; height: 21px !important;}
#tabsPopular div ul li a:hover {background-position: -238px 0; color: #333 !important;}
/* 2nd Tab Box */
#tabsRecent {width: 240px; background: url(../images/bg_tabsPopular.gif) no-repeat bottom; margin: 0 auto 35px auto; padding: 0 0 20px 0;}
#tabsRecent ul {margin:0; padding:0; height:43px; list-style-type:none;}
#tabsRecent ul li {float:left; margin:0;}
#tabsRecent ul li a {display:block; font-size:12px; color:#999; height:31px; text-decoration:none; text-align: center; background-repeat: no-repeat; padding: 12px 0 0 0; font-weight: bold;}
#tabsRecent ul li.tabs-selected a, #tabsRecent ul li a:hover {color:#2f333b;}
#tabsRecent ul li#recentPosts a {width: 117px; background-image: url(../images/bg_recentPosts.gif);}
/* (optional) #tabsRecent ul li#recentPosts a:hover, */#tabsRecent ul li#recentPosts.tabs-selected a {background-position: -117px;}
#tabsRecent ul li#recentComments a {width: 123px; background-image: url(../images/bg_recentComments.gif);}
/* (optional) #tabsRecent ul li#recentComments a:hover, */#tabsRecent ul li#recentComments.tabs-selected a {background-position: -123px;}
#tabsRecent div ul {margin: 0 0 0 2px; padding: 0; height: auto !important;}
#tabsRecent div ul li {border-bottom: 1px dotted #97999d; float: none !important;}
#tabsRecent div ul li a {background-image: url(../images/bg_sideList.gif); text-align: left !important; color: #777 !important; width: 198px; font-size: 11px !important; font-weight: normal !important;padding: 9px 0 0 40px !important; height: 21px !important;}
#tabsRecent div ul li a:hover {background-position: -238px 0; color: #333 !important;}
/* WIDGETS */
#widgetBoxes ul li h3 {background-image: url(../images/bg_blogrollHeader.jpg); background-repeat: no-repeat; width: 227px; height: 24px; color: #fff; font-size: 14px; font-weight: bold; padding: 9px 0 0 13px; margin: 0 auto}
#widgetBoxes li ul {width: 240px; list-style-type: none; background-image: url(../images/bg_tabsPopular.gif); background-repeat: no-repeat; background-position: bottom; margin: 0 auto 35px auto; padding:0 0 10px 0 ;}
#widgetBoxes ul li ul li a {width:225px; display: block; padding: 6px 0 6px 15px; border-bottom: 1px dotted #97999d; color: #777; text-decoration: none;}
#widgetBoxes ul li ul li a:hover {color: #333;}
.tabs-hide {display: none;}
ul#recentcomments {padding:10px 0px 20px 0px !important;}
li.recentcomments {font-size:0.9em; padding: 6px 8px 8px 30px !important; border-bottom: 1px dotted #999; background: url(../images/bg_commentCount.gif) no-repeat 8px 5px;}
/** AUTHOR PROFILE **/
div#authProfile {background: #f4f5f6; padding: 10px; width: 620px; margin-bottom: 20px;}
div#authAvatar {width: 60px; height: 60px; float: left; margin: 0 10px 10px 0;}
div#authInfo {float:left; background: #fff; padding: 8px; width: 530px;}
div#authInfo p {margin:10px 0;}
div#authInfo p:first-child {margin-top: 0px;}
/** postlisting nav **/
div.navigation {padding:0px 10px 0px 10px;}
div.navigation a {height: 24px; padding: 0 0 0 13px; background: url(../images/bt_casual_left.gif) no-repeat; text-decoration: none; display: inline-block; margin: 10px 0;}
div.navigation a span {display: block; padding:5px 15px 5px 0px; background: url(../images/bt_casual_right.gif) no-repeat right;}
div.navigation a:hover {color:#333;}
div.alignleft {float: left;}
div.alignright {float: right; margin-right: 20px;}
span.j_input {height: 24px; padding: 0 0 0 13px; background: url(../images/bt_casual_left.gif) no-repeat; text-decoration: none; display: inline-block; }
span.j_input input {display: block; padding:2px 15px 5px 0px; background: url(../images/bt_casual_right.gif) no-repeat right top;border:none;}
span.j_input input:hover {color:#333;}
.newseng {width:650px}
#news_top {background: url(../images/news_04.png) repeat-x top;height:41px;}
#news_top .left {background: url(../images/news_03.png) no-repeat left top;width:350px;overflow:hidden;padding:12px 0px 10px 10px;height:19px;}
#news_top .right {background: url(../images/news_06.png) no-repeat right top;width:257px;padding:12px 0px 10px 20px;height:41px;}
#news_top a {color:#000;font-weight:bold;font-size:13px;text-decoration:none;}
#news_top a:hover {text-decoration:underline;}
.news_center {background: #f4f5f6 url(../images/news_center_left.png) repeat-y left;}
.news_center .bgd {background: url(../images/news_center_right.png) repeat-y right;padding:10px;}
.news_center .shorrt img {padding:4px;margin:4px;}
.news_center a {color:#339933;text-decoration:none;}
.news_center a:hover {text-decoration:underline;}
.news_bot {background: url(../images/news_10.png) repeat-x top;height:27px;}
.news_bot .left {background: url(../images/news_09.png) no-repeat left top;height:27px;padding:4px 0px 0px 10px;}
.news_bot .right {background: url(../images/news_12.png) no-repeat right top;height:27px;padding:7px 10px 0px 0px;}
#news_center {background: #f4f5f6 url(../images/news_center_left.png) repeat-y left;}
#news_center .bgd {background: url(../images/news_center_right.png) repeat-y right;padding:10px;}
#news_center .shorrt img {padding:4px;background:#cccccc;margin:4px;}
#news_center a {color:#339933;text-decoration:none;}
#news_center a:hover {text-decoration:underline;}
#news_bot {background: url(../images/news_10.png) repeat-x top;height:27px;}
#news_bot .left {background: url(../images/news_09.png) no-repeat left top;height:27px;padding:4px 0px 0px 10px;}
#news_bot .right {background: url(../images/news_12.png) no-repeat right top;height:27px;padding:7px 10px 0px 0px;}
.imger {margin-top:-10px;padding:0px 4px 0px 4px;}
.link-cat {text-align:left;padding:0px;margin:0px;}
#nbore {padding:0px;background:none;margin:0px;border:none;}
.inimg {padding:0px 4px 0px 4px;}
.votcom a {text-decoration:none;}
.f_textarea {
color: #757575; /* ! */
font-size: 11px; /* ! */
font-family: tahoma; /* ! */
background-image: url(../images/dlet_field_o.gif);
background-repeat: repeat-x;
width: 459px;
height: 156px;
border: 1px solid #e0e0e0;
}
.f_input {
color: #757575; /* ! */
font-size: 11px; /* ! */
font-family: tahoma; /* ! */
background-image: url(../images/dlet_field_o.gif);
background-repeat: repeat-x;
width: 300px;
height: 14px;
border: 1px solid #e0e0e0;
}
.f_select {
color: #757575; /* ! */
font-size: 11px; /* ! */
font-family: tahoma; /* ! */
background-image: url(../images/dlet_field_o.gif);
background-repeat: repeat-x;
height: 14px;
border: 1px solid #e0e0e0;
}
.Search {border:none;}
.info {border-left:3px solid #3f3f3f;background:#ededed;padding:5px;}
#footerLogo a {display:block;height:52px;width:52px;background: url(../images/copir.png);}
#footerLogo a:hover {background: url(../images/copir_active.png);}
/*
green altjava style
*/
/*online*/
.lastcomm {
padding: 3px 2px 3px 2px;
border-bottom:1px solid #E6E6E6;
}
.lastcomm_over {
padding: 3px 2px 3px 2px;
border-bottom:1px solid #E6E6E6;
background:#F5F5F5;
cursor: hand;
}
#hintbox {
text-align:left;
width:150px;
font-size: 11px;
border: 1px solid #000000;
background-color: #FFFFFF;
filter:alpha(opacity="95");
font-family: tahoma;
layer-background-color:#a396d9;
color:#000;
z-index: 3;
margin: 0px 15px 0px 0px;
-moz-opacity : 0.9;
-moz-border-radius : 5px;
margin: 10px 0 0 10px;
padding:3px 5px;
position:absolute;
visibility:hidden;
z-index: 3;
}
.onl_table {
width : 100%;
font-size : 10px;
}
.onl_table td {
padding-right : 5px;
font-size : 10px;
/* Раскомментировать, если у Вас в две колонки*/ width : 50%;
}
.a_link, .a_link a:link, .a_link a:visited, .a_link_on {
color : #ff0000;
}
.a_link_on a:hover, .a_link_on a:active {
color : #ff0000;
}
.u_link, .u_link a:link, .u_link a:visited, .u_link_on {
color : #666666;
}
.u_link_on a:hover, .u_link_on a:active {
color : #009900;
}
.e_link, .e_link a:link, .e_link a:visited, .e_link_on {
color : #00a400;
}
.e_link_on a:hover, .e_link_on a:active {
color : #00a400;
}
.j_link, .j_link a:link, .j_link a:visited, .j_link_on {
color : #009900;
}
.j_link_on a:hover, .j_link_on a:active {
color : #009900;
}
.b_link, .b_link a:link, .b_link a:visited, .b_link_on {
color : #666666;
}
.b_link_on a:hover, .b_link_on a:active {
color : #666666;
}
/*/online*/
/* Basic css*/
body, p, table, tr, td, th, div, ul, ol, li {
padding: 0;
margin: 0;
border: 0;
color: #666;
/* color: #000000; */
font: 12px Arial, Helvetica, sans-serif;
}
body {
background: #ffffff;
text-align: center
}
td {
vertical-align: top
}
a, a:active, a:visited {
color: #3aae3a;
text-decoration: none;
}
a, a:hover {
color: #3aae3a;
text-decoration:underline
}
a img {
border: 0!important;
}
table {
border-collapse: collapse
}
p {
margin: 0 0 10px 0;
}
/* For visual editor */
.text {
padding-left: 8px;
font: 12px Arial, Helvetica, sans-serif;
color: #000;
}
.smalltext {
padding-left: 8px;
font: 10px Arial, Helvetica, sans-serif;
color: #119;
white-space: nowrap
}
.smalltextwhite {
padding-left: 8px;
font: 10px Arial, Helvetica, sans-serif;
color: #666;
white-space: nowrap
}
.smalltextblack {
padding-left: 8px;
font: 10px Arial, Helvetica, sans-serif;
color: #000;
white-space: nowrap
}
.newstext {
padding-left: 8px;
font: 10px Arial, Helvetica, sans-serif;
color: #666!important;
text-decoration: none!important
white-space: nowrap
}
.newsdata {
padding-left: 8px;
font: 10px Arial, Helvetica, sans-serif;
color: #888;
white-space: nowrap
}
.titletext{
margin: 0 0 10px 0;
font: bold 23px Arial, Helvetica, sans-serif;
padding: 0;
color: #414f5a;
}
.black{
font: 18px Arial, Helvetica, sans-serif;
color: #000;
}
.subtitletext{
margin: 0 0 10px 0;
font: bold 16px Arial, Helvetica, sans-serif;
padding: 0;
color: #414f5a;
}
.copy{
padding-left: 8px;
font: 10px Arial, Helvetica, sans-serif;
color: #6b7b87;
text-decoration: underline
white-space: nowrap
}
/* From design MTS */
img.ad {
display: block;
margin: 0 0 12px 0;
}
.redhead {
background: url(../images/rh_left.gif) no-repeat #3aae3a;
height: 23px;
width: 170px;
}
.redhead div {
background: url(../images/rh_right.gif) no-repeat 100% 0;
height: 23px;
}
.redhead div span {
display: block;
font: 12px/16px Arial, Helvetica, sans-serif;
color: #fff;
padding: 4px 0 0 11px;
}
.redhead div img {
margin: 4px 0 0 8px;
}
.servlnk {
display: block;
color: #3a4c5a!important;
margin: 9px 0 0 10px;
}
.aservlnk {
display: block;
color: #3aae3a;
background: url(../images/asrv.gif) no-repeat 0 4px;
padding-left: 10px;
text-decoration: none;
margin: 12px 0 16px 10px;
}
/*ul {
margin: 12px 0px 14px 0px;
padding-left: 22px;
list-style: url(../images/b2_.gif) outside
}
ul li {
margin: 5px 0px 0px 0px;
}
ol {
margin: 12px 0px 14px 0px;
padding-left: 30px;
}
ol li {
margin: 5px 0px 0px 0px;
}
ul.list {
margin: 12px 0 14px 0;
padding-left: 22px;
list-style: url(../images/b2_.gif) outside
}
ul.list li {
margin: 5px 0 0 0;
}
ul.list li a {
color: #666!important;
}*/
table.rt {
margin: 10px 0 0 0;
}
table.rt td.q {
width:12px;
height:12px;
font-size:1px;
}
table.rt td.r1 {
background: url(../images/r1.gif) no-repeat;
}
table.rt td.r2 {
background: url(../images/rh.gif) repeat-x;
}
table.rt td.r3 {
background: url(../images/r2.gif) no-repeat 100% 0;
}
table.rt td.r4 {
background: url(../images/rv.gif) repeat-y;
}
table.rt td.r6 {
background: url(../images/rv.gif) repeat-y 100% 0;
}
table.rt td.r7 {
background: url(../images/r4.gif) no-repeat 0 100%;
}
table.rt td.r8 {
background: url(../images/rh.gif) repeat-x 0 100%;
}
table.rt td.r9 {
background: url(../images/r3.gif) no-repeat 100% 100%;
}
table.rt td.rcontent {
vertical-align: top
}
td.spacer7 div {
width: 7px;
font-size: 1px;
visibility: hidden
}
td.spacer21 div {
width: 21px;
font-size: 1px;
visibility: hidden
}
/* dblocks */
div.dblock {
height: 206px;
width: 315px;
position: relative
}
div.db1 {
background: url(../images/dblock1.jpg);
position: absolute;
z-index:2;
height: 206px;
width: 315px;
}
div.db2 {
background: url(../images/dblock2.jpg);
position: absolute;
z-index:2;
height: 206px;
width: 315px;
}
div.db3 {
background: url(../images/dblock3.jpg);
position: absolute;
z-index:2;
height: 206px;
width: 315px;
}
div.dbplate1 {
background: url(../images/dbplate1.gif);
position: absolute;
z-index:4;
top: 97px;
height: 109px;
width: 315px;
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity: 0.7;
}
div.dbtext1 {
position: absolute;
z-index:77;
top: 97px;
height: 109px;
width: 315px;
}
div.dbplate2 {
background: url(../images/dbplate2.gif);
position: absolute;
z-index:4;
top: 97px;
height: 109px;
width: 315px;
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity: 0.5;
}
div.dbplate2_ {
background: url(../images/dbplate2.gif);
position: absolute;
z-index:4;
top: 97px;
height: 109px;
width: 315px;
filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity: 0.8;
}
div.dbtext2 {
position: absolute;
z-index:77;
top: 97px;
height: 109px;
width: 315px;
}
div.dbplate3 {
background: url(../images/dbplate3.gif);
position: absolute;
z-index:4;
top: 97px;
height: 109px;
width: 315px;
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity: 0.5;
}
div.dbplate3_ {
background: url(../images/dbplate3.gif);
position: absolute;
z-index:4;
top: 97px;
height: 109px;
width: 315px;
filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity: 0.8;
}
div.dbtext3 {
position: absolute;
z-index:77;
top: 97px;
height: 109px;
width: 315px;
}
div.dbtext2 img, div.dbtext3 img {
float: left;
margin: 16px 0 0 14px;
}
div.dbtext2 p {
float: left;
clear: none;
color: #fff;
margin: 14px 0 0 60px;
}
div.dbtext3 p {
float: left;
clear: none;
color: #fff;
list-style: none;
clear: none;
width: 150px;
margin: 14px 0 0 20px;
}
div.dbtext2 p a, div.dbtext3 p a{
display: block;
color: #fff!important;
line-height: 1.1;
background: url(../images/b.gif) no-repeat 0 4px;
padding: 0 0 0 8px!important;
margin: 2px 0 0 0!important
}
table.cr_sel {
margin: 15px 0 0 32px;
width: 270px;
}
table.cr_sel td {
padding: 1px 0;
}
table.cr_sel td img.title {
margin: 3px 0 0 0;
display: block
}
table.cr_sel th {
padding: 1px 0;
vertical-align: middle;
text-align: left;
padding-left: 4px
}
table.cr_sel td select {
width: 240px;
font-size: 11px
}
table.sixpack {
width: 980px;
margin: 12px 0 0 0;
}
table.sixpack th img {
margin: 0;
}
div.smallfrm {
margin: 25px 0 0 10px;
padding: 0 0 25px 0
}
div.smallfrm input.txt {
float: left;
width: 120px;
clear: both
}
div.smallfrm span {
color: #677e90
}
div.smallfrm input.img {
float: left;
margin: 2px 0 0 2px
}
.newsitem {
margin: 12px 0 0 0;
}
.newsitem a {
color: #666!important;
text-decoration: none!important
}
.newsitem a:hover {
text-decoration: underline!important
}
.newsitem span {
color: #000
}
#footer {
height: 122px;
clear: both;
}
#footer p {
margin: 40px 0 0 21px;
}
#footer p a {
padding-right: 10px;
color: #6b7b87;
text-decoration: underline
}
.b3 {
height: 69px;
background: url(../images/b3_left.gif) no-repeat;
}
.b3 div {
height: 69px;
text-align: center;
background: url(../images/b3_right.gif) no-repeat 100% 0;
}
.b3 div img {
margin: 0 auto
}
h1 {
margin: 0 0 10px 0;
font: bold 23px Arial, Helvetica, sans-serif;
padding: 0;
color: #414f5a;
text-decoration:none;
}
h3 {
margin: 0 0 10px 0;
font: bold 16px Arial, Helvetica, sans-serif;
padding: 0;
color: #414f5a;
}
h1 span.red {
color: #3aae3a;
background: none;
text-transform: uppercase;
}
h2 {
margin: 0 0 10px 0;
font: normal 12px Arial, Helvetica, sans-serif;
padding: 0 0 5px 2px;
border-bottom: 3px solid #a1b0bc;
color: #000;
}
.grid td h2 {
margin: 0 0 10px 0;
font: normal 12px Arial, Helvetica, sans-serif;
padding: 0 0 5px 2px;
border-bottom: 3px solid #a1b0bc;
color: #000;
}
h5 {
margin: 0 0 10px 0;
font: bold 11px Arial, Helvetica, sans-serif;
padding: 0;
color: #000;
}
ul.linklist {
margin: 0 0 10px 0;
padding: 0 0 0 4px;
color: #414f5a;
list-style: none;
list-style-image: none;
}
ul.linklist li {
margin: 0 0 10px 0;
}
ul.linklist li a {
color: #3aae3a!important;
text-transform: uppercase;
font: bold 14px Arial, Helvetica, sans-serif
}
ul.linklist li p {
margin: 2px 0 0 0;
padding-left: 11px;
background: url(../images/li_b.gif) no-repeat 2px 3px;
}
ul.linklist li p span {
color: #000;
font-weight: bold
}
ul.description {
margin: 12px 0 10px 0;
padding-left: 22px;
list-style: url(../images/li_b.gif) outside
}
ul.description li {
margin: 5px 0 0 0;
}
ul.description li span, ul.description li b {
color: #000;
font: bold 16px Arial, Helvetica, sans-serif
}
a.pdf_link {
display: block;
font: 12px Arial, Helvetica, sans-serif;
color: #3aae3a!important;
padding: 11px 0 0 38px;
background: url(../images/a_pdf.gif) no-repeat;
height: 34px;
margin: 0 0 2px 0!important;
}
a.doc_link {
display: block;
font: 12px Arial, Helvetica, sans-serif;
color: #3aae3a!important;
padding: 11px 0 0 38px;
background: url(../images/a_doc.gif) no-repeat;
height: 34px;
margin: 0 0 2px 0!important;
}
a.xls_link {
display: block;
font: 12px Arial, Helvetica, sans-serif;
color: #3aae3a!important;
padding: 11px 0 0 38px;
background: url(../images/a_xls.gif) no-repeat;
height: 34px;
margin: 0 0 2px 0!important;
}
a.ppt_link {
display: block;
font: 12px Arial, Helvetica, sans-serif;
color: #3aae3a!important;
padding: 11px 0 0 38px;
background: url(../images/a_ppt.gif) no-repeat;
height: 34px;
margin: 0 0 2px 0!important;
}
a.zip_link {
display: block;
font: 12px Arial, Helvetica, sans-serif;
color: #3aae3a!important;
padding: 11px 0 0 38px;
background: url(../images/a_zip.gif) no-repeat;
height: 34px;
margin: 0 0 2px 0!important;
}
a.rar_link {
display: block;
font: 12px Arial, Helvetica, sans-serif;
color: #3aae3a!important;
padding: 11px 0 0 38px;
background: url(../images/a_rar.gif) no-repeat;
height: 34px;
margin: 0 0 2px 0!important;
}
a.txt_link {
display: block;
font: 12px Arial, Helvetica, sans-serif;
color: #3aae3a!important;
padding: 11px 0 0 38px;
background: url(../images/a_txt.gif) no-repeat;
height: 34px;
margin: 0 0 2px 0!important;
}
a.print_link {
display: block;
margin: 0 0 2px 0!important;
font: 12px Arial, Helvetica, sans-serif;
color: #3aae3a!important;
padding: 11px 0 0 38px;
background: url(../images/a_print.gif) no-repeat;
height: 34px;
}
p.doc {
margin: 0 0 10px 0;
background: url(../images/a_doc.gif) no-repeat;
min-height: 32px;
padding: 2px 0 0 42px;
font: 12px Arial, Helvetica, sans-serif;
}
p.pdf {
margin: 0 0 10px 0;
background: url(../images/a_pdf.gif) no-repeat;
min-height: 32px;
padding: 2px 0 0 42px;
font: 12px Arial, Helvetica, sans-serif;
}
p.rtf {
margin: 0 0 10px 0;
background: url(../images/a_rtf.gif) no-repeat;
min-height: 32px;
padding: 2px 0 0 42px;
font: 12px Arial, Helvetica, sans-serif;
}
p.xls {
margin: 0 0 10px 0;
background: url(../images/a_xls.gif) no-repeat;
min-height: 32px;
padding: 2px 0 0 42px;
font: 12px Arial, Helvetica, sans-serif;
}
p.ppt {
margin: 0 0 10px 0;
background: url(../images/a_ppt.gif) no-repeat;
min-height: 32px;
padding: 2px 0 0 42px;
font: 12px Arial, Helvetica, sans-serif;
}
p.zip {
margin: 0 0 10px 0;
background: url(../images/a_zip.gif) no-repeat;
min-height: 32px;
padding: 2px 0 0 42px;
font: 12px Arial, Helvetica, sans-serif;
}
p.rar {
margin: 0 0 10px 0;
background: url(../images/a_rar.gif) no-repeat;
min-height: 32px;
padding: 2px 0 0 42px;
font: 12px Arial, Helvetica, sans-serif;
}
p.txt {
margin: 0 0 10px 0;
background: url(../images/a_txt.gif) no-repeat;
min-height: 32px;
padding: 2px 0 0 42px;
font: 12px Arial, Helvetica, sans-serif;
}
/* tabs */
div.tabs {
margin: 20px 0 10px 0;
height: 26px;
line-height: 26px;
padding: 0 20px;
white-space: nowrap;
background: url(../images/gray_h.gif) repeat-x 0 100%;
}
div.tabs div {
float: left;
background: url(../images/tabs_left.gif) no-repeat;
}
div.tabs div div {
font: 12px/26px Arial, Helvetica, sans-serif;
color: #000;
white-space: nowrap;
padding: 0 13px;
background: url(../images/tabs_right.gif) no-repeat 100% 0;
}
div.tabs a {
float: left;
font: 12px/26px Arial, Helvetica, sans-serif;
display: block;
white-space: nowrap;
color: #3aae3a!important;
margin-left: 17px;
}
/* data table */
table.data, table.data_tall {
width: 100%;
margin: 0;
}
table.data td {
vertical-align: middle;
border-bottom: 1px solid #e3e7eb;
padding: 3px 3px 3px 5px;
font: 11px Arial, Helvetica, sans-serif;
color: #666
}
table.data_tall td {
vertical-align: middle;
border-bottom: 1px solid #e3e7eb;
padding: 8px 3px 8px 7px;
font: 11px Arial, Helvetica, sans-serif;
color: #666
}
table.data td strong {
font-weight: bold;
color: #000
}
table.data td.value {
padding: 3px;
text-align: left!important;
font: bold 12px Arial, Helvetica, sans-serif;
color: #000
}
table.data td.value-right {
padding: 3px;
text-align: left!important;
font: bold 12px Arial, Helvetica, sans-serif;
color: #000
}
table.data_tall td.value {
padding: 8px;
text-align: left!important;
font: bold 12px Arial, Helvetica, sans-serif;
color: #000
}
table.data_tall td.value-right {
padding: 8px;
text-align: left!important;
font: bold 12px Arial, Helvetica, sans-serif;
color: #000;
padding-right: 12px;
}
table.data td.image {
padding: 3px;
text-align: center!important;
font: bold 12px Arial, Helvetica, sans-serif;
color: #000
}
table.data td.image img {
margin: 4px;
}
table.data th {
padding: 6px 3px 6px 5px;
font: 12px Arial, Helvetica, sans-serif;
color: #666;
text-align: left;
border-bottom: 3px solid #a1b0bc
}
table.data th.right {
text-align: right;
}
table.data_tall th {
padding: 6px 3px 6px 5px;
font: 11px Arial, Helvetica, sans-serif;
color: #666;
vertical-align: bottom;
text-align: left;
border-bottom: 3px solid #a1b0bc
}
table.data_tall th.sm {
padding: 4px 3px 4px 7px;
font: bold 11px Arial, Helvetica, sans-serif;
color: #000!important;
vertical-align: bottom;
text-align: left;
border-bottom: 3px solid #a1b0bc;
border-top: 1px solid #e3e7eb;
}
table.data_tall td.question {
font: bold 11px Arial, Helvetica, sans-serif;
}
table.data h3 {
padding: 15px 3px 14px 5px;
font: 18px Arial, Helvetica, sans-serif;
color: #ccc;
margin: 0!important;
border: none
}
table.data th.wide_ {
padding: 7px 3px 6px 5px;
font: 18px Arial, Helvetica, sans-serif;
color: #ccc;
border: none
}
table.data th.border {
border-bottom: 3px solid #a1b0bc!important
}
table.data th.wide span.red, table.data th.wide_ span.red {
font: 18px Arial, Helvetica, sans-serif;
color: #3aae3a;
background: none
}
table.data td.value {
padding: 3px 3px 2px 3px;
text-align: center;
font: bold 11px Arial, Helvetica, sans-serif;
color: #000
}
.last {
border-bottom: none!important
}
/* inputs */
.radio {
margin: 3px 5px 5px 5px;
font-size: 11px;
}
.checkbox {
margin: 3px 5px 5px 0;
font-size: 11px;
}
html>body .checkbox {
margin: 6px 5px 5px 0;
}
label {
margin: 6px 5px 5px 0;
display: block
}
.label_find {
margin: 3px 2px 5px 0;
font-weight: bold;
display: block
}
.wide {
font: 17px Arial, Helvetica, sans-serif;
padding: 2px;
width: 97%;
}
.wide_sm {
font: 11px Arial, Helvetica, sans-serif;
padding: 2px;
width: 97%;
margin: 3px 0;
}
.wide_sml {
font: 11px Arial, Helvetica, sans-serif;
width: 97%;
}
.wide_sml2 {
font: 11px Arial, Helvetica, sans-serif;
width: 40px;
}
/* forms table */
table.form td {
vertical-align: middle;
padding: 2px;
}
table.form td.label {
font: bold 14px Arial, Helvetica, sans-serif;
color: #000
}
.divider {
height: 40px;
font-size: 1px;
background: url(../images/gray_h.gif) repeat-x 0 50%;
}
.lnk {
display: block;
margin: 7px 9px;
}
span.lnk {
display: block;
margin: 7px 9px;
color: #000;
}
.gray {
background: #eee
}
.person {
width:100%;
}
.person th {
text-align: left;
vertical-align: top;
}
.person td {
vertical-align: bottom;
padding-left: 10px;
}
.date {
color: #999
}
div.viewport {
width: 745px;
height: 450px;
overflow: scroll;
margin: 15px 0;
}
dl.dlist dd {
margin: 4px 4px 8px 20px;
}
dl.dlist dd.opened {
display: block;
}
dl.dlist dd.closed {
display: none;
}
a.selector {
background: url(../images/sel-arrow.gif) no-repeat;
padding: 2px 0 0 20px;
margin: 2px 0;
}
a.selector_o {
background: url(../images/sel-arrow-s.gif) no-repeat;
padding: 2px 0 0 20px;
margin: 2px 0;
}
/* popup */
div.pophead {
background: #3aae3a url(../images/bg_inner_head.gif) repeat-x;
text-align: left;
}
div.pophead img {
margin: 6px;
}
div.poppadded {
text-align: left;
padding: 12px
}
.va {
vertical-align: top!important;
}
/*roaming */
div.small_map {
width: 222px;
height: 50px;
background: url(../images/small_map.gif) no-repeat
}
div.small_map a {
padding: 6px 10px 0 109px;
display: block;
line-height: 1.1;
color: #fff!important;
}
div.textlinks {
margin: 6px 0 0 0;
line-height: 18px
}
div.textlinks a {
display: block;
float: left;
margin: 0 8px 0 0;
height: 18px;
}
div.textlinks span {
display: block;
float: left;
height: 18px;
margin: 0 8px 0 0;
background: #3aae3a url(../images/tl_left.gif) no-repeat
}
div.textlinks span span {
display: block;
height: 18px;
width: 18px;
margin: 0;
color: #fff;
text-align: center;
background: url(../images/tl_right.gif) no-repeat 100% 0
}
.zone {
background: #f4f4f4!important
}
#redrouter {
width: 423px;
height: 272px;
text-align: left;
background: url(../images/redroute_redbg.png);
margin: 150px 0 0 -211px;
top: 0;
left: 50%;
position: absolute;
z-index: 100!important;
}
#redrouter div.cross{
float: right;
margin: 20px 10px 0 0;
}
html>body #redrouter div.cross{
margin: 20px 20px 0 0;
}
#redrouter table {
width: 320px;
clear: both;
margin: 28px 0 0 64px
}
#redrouter table td {
padding: 2px 0
}
#redrouter table select {
width: 100%;
font-size: 11px
}
span.fsize {
padding-left: 8px;
font: 10px Arial, Helvetica, sans-serif;
color: #888;
white-space: nowrap
}
.redhead div span a,
.redhead div span a:visited,
.redhead div span a:hover,
.redhead div span a:active {
color:#FFFFFF;
text-decoration:none;
}
div.footnotes {
margin: 25px 0 10px 0;
}
div.footnotes p {
color: #999
}
p.footnote {
margin: 25px 0 10px 0;
xcolor: #999
}
p.footnotes{
margin: 25px 0 10px 0;
color: #999
}
table.footnote td
{
color: #999
}
div.lnk_description {
margin:5px 0 0 10px;
}
div.warning {margin: 0 0 1em 35px;}
.balloon {
DISPLAY: none;
FONT-SIZE: 11px;
WIDTH: 200px;
COLOR: #fff;
POSITION: absolute;
BACKGROUND-COLOR: #adafaf;
TEXT-ALIGN: left;
PADDING: 2px;
}
.balloon A {
DISPLAY: block; FLOAT: right
}
.balloon DIV.text {
PADDING-RIGHT: 11px;
PADDING-LEFT: 11px;
PADDING-BOTTOM: 15px;
PADDING-TOP: 3px;
COLOR: #fff;
}
.balloon UL LI {
LIST-STYLE: square none outside; COLOR: #fff
}
.reg_errors {
color: #3aae3a;
}
/* CSS Document */
#redbg_main {
background-color: #3aae3a;
text-align: center;
width: 100%;
background-image: url(../images/main_bg.gif);
background-repeat:repeat-x;
}
#top_inner {
background-color: #339933;
text-align: center;
width: 100%;
background-image: url(../images/bg_inner_head.gif);
background-repeat:repeat-x;
}
#header_inner {
padding: 0px 0 0 0;
margin: 0 auto;
width: 1000px;
text-align: left;
}
#logo {
margin: 23px 0 0 5px;
float:left;
}
#clear {
height:2px;
font-size: 1px;
clear: both
}
/*begin top line {login_panel}*/
#sitenav {
width: 753px;
height: 30px;
/*margin: 0 23px 0 0;*/
margin: 0px 24px 0 1px;
float: right;
clear: none;
xdisplay: inline;
}
#sitenav a {
color: #ceedce;
padding-right: 8px;
font: 11px Arial, Helvetica, sans-serif;
text-decoration: none
}
#sitenav table.links {
display: inline;
float: right;
}
#sitenav table.links td {
vertical-align: middle;
text-align: right
}
#sitenav table.links td.links {
padding-right: 10px;
}
#sitenav .region {
text-align: right;
white-space: nowrap;
width: 230px;
}
#sitenav .region form {
display: inline
}
#sitenav .region select {
width: 210px;
float: left;
font: 11px Arial, Helvetica, sans-serif;
}
#sitenav .region input {
float: left;
margin: 0px 0 0 0px
}
/*end top line {login_panel}*/
/*begin mainmenu*/
#mainmenu {
width: 751px;
margin: 3px 24px 0 1px;
float: right;
clear: none;
xdisplay: inline;
}
#mainmenu {
width: 751px;
margin: 3px 24px 0 1px;
float: right;
clear: none;
xdisplay: inline;
}
#mainmenu .toplevel {
table-layout:fixed;
width: 100%;
height: 29px;
border-collapse: collapse
}
#mainmenu .toplevel td {
text-align: center;
vertical-align: middle;
background: url(../images/menu.gif) repeat-x
}
#mainmenu .toplevel td.spacer {
text-align: center;
width: 20px;
background: url(../images/menu.gif) repeat-x
}
/*#mainmenu .toplevel th.current {
text-align: center;
background: url(../images/menu_selected.gif) repeat-x
}
.toplevel td.current div {
height: 29px;
background: url(../images/menu_left_selected.gif) no-repeat;
}
.toplevel td.current div div {
height: 29px;
background: url(../images/menu_right_selected.gif) no-repeat 100% 0;
}
.toplevel td.current div div div {
height: 29px;
margin-left:10px; margin-right:10px;
background: url(../images/menu_center_selected.gif) repeat-x;
}
.toplevel td.current div {
height: 29px;
background: url(../images/menu_left_selected_i.gif) no-repeat;
}
.toplevel td.current div div {
height: 29px;
background: url(../images/menu_right_selected_i.gif) no-repeat 100% 0;
}
.toplevel td.current div div div {
height: 29px;
margin-left:10px; margin-right:10px;
background: url(../images/menu_center_selected_i.gif) repeat-x;
}
#mainmenu .toplevel th div div img {
margin-top: 5px;
}
html>body #mainmenu .toplevel th div div img {
margin-top: 7px;
}*/
#mainmenu .sublevel {
background: #3aae3a url(../images/sublevel_left.gif) no-repeat 0 100%;
}
#mainmenu div.cc {
height: 64px;
background: url(../images/sublevel_right.gif) no-repeat 100% 100%;
}
#mainmenu.sublevel div.ccs {
background: url(../images/sublevel_right.gif) no-repeat 100% 100%;
width: 751px;
border: 0!important
}
/*#mainmenu .sublevel a {
color: #fff;
font: 11px Arial, Helvetica, sans-serif;
padding: 2px 6px;
float: left;
margin: 1px 2px;
white-space: nowrap;
text-decoration: none;
}
#mainmenu .sublevel a:hover {
background: url(../images/m_sel_left.gif) no-repeat 0 1px;
text-decoration: underline;
color: #4ead4b;
}*/
/*end mainmenu*/
/*begin inner_link*/
.inner_link_container {
height: 38px;
background-image: url(../images/bg_inner_links.gif);
background-repeat: repeat-x;
}
.main_link {
height: 250px;
width: 1000px;
margin: 0 auto;
clear: both;
text-align: center;
position: relative;
}
.inner_link {
width: 1000px;
clear: both;
height: 30px;
padding-top: 8px;
margin: 0 auto;
}
.image_link {
height: 30px;
padding-right:25px;
}
.main_link img.main {
margin: 0 auto;
}
.main_link div.link_1 {
bottom: 0;
right: 261px;
z-index: 8;
position: absolute;
}
.main_link div.link_2 {
bottom: 0;
right: 25px;
z-index: 7;
position: absolute;
}
.main_link div.link_3 {
bottom: 0;
right: 497px;
z-index: 7;
position: absolute;
}
.inner_link a.link_1 {
float: right;
}
.inner_link a.link_2 {
float: right;
}
.inner_link a.link_3 {
float: right;
}
/*end inner_link*/
/**/
.halfmoon{
margin-bottom: 0px;
}
.halfmoon ul{
padding: 3px 15px 2px 9px;;
margin-left: -90px;
margin-top: 1px;
margin-bottom: 0;
font: bold 14px Verdana;
list-style-type: none;
text-align: center; /*set to left, center, or right to align the menu as desired*/
}
.halfmoon li a{
text-decoration: none;
padding: 3px 0px 2px 0px;
margin: 0;
margin-right: 0; /*distance between each tab*/
color: black;
font: bold 14px Verdana;
}
.halfmoon a{
padding: 3px 15px 2px 9px;
text-decoration: none;
margin: 20;
margin-right: 0; /*distance between each tab*/
color: white;
font: bold 14px Verdana;
text-align: center;
}
.halfmoon a:visited{
color: black;
}
.halfmoon li a.current{
color:white;
padding: 3px 0px 5px 0px;
background: url(../images/menu_tab_sel.jpg) no-repeat;
background-position: 50% 100%;
text-align: center;
}
newseng.halfmoon li a:hover{
color:white;
padding: 3px 0px 5px 0px;
text-align: center;
}
#tabcontentcontainer{
width:751px; /*width of 2nd level content*/
height: 64px;
}
.tabcontent{
display:none;
padding: 3px 9px 2px 5px;
}
/*begin lavalamp*/
.lavaLampWithImage {
position: relative;
height: 20px;
width: 750px;
/*background: url("../bg.gif") no-repeat top;*/
padding: 5px;
margin: 10px 0;
overflow: hidden;
}
.lavaLampWithImage li {
float: left;
list-style: none;
}
.lavaLampWithImage li.back {
background: url("lava/lava.png") no-repeat right 0px;
width: 4px; height: 15px;
position: absolute;
}
.lavaLampWithImage li.back .left {
background: url("lava/lava.png") no-repeat top left;
height: 15px;
margin-right: 4px; /* 7px is the width of the rounded shape */
}
.lavaLampWithImage li a {
font: bold 11px Arial, Helvetica, sans-serif;
text-decoration: none;
color: #BEEAC2;
outline: none;
text-align: center;
top: 2px;
text-transform: uppercase;
letter-spacing: 0;
z-index: 2;
display: block;
float: left;
height: 15px;
position: relative;
overflow: hidden;
margin: auto 10px;
}
.lavaLampWithImage li a:hover, .lavaLampWithImage li a:active{
border: none;
color: #33CC33;
}
.lavaLampWithImage li a:visited {
border: none;
}
/*end lavalamp*/
table.tbmore{
background: url("../images/tbg.png") repeat-x bottom left;
border: solid;
border-color:#cecece;
margin-top: 10px;
};
/***** Random News ******/
.random_news_title {
font-size: 10px;
font-family: tahoma;
color: #3aae3a;
padding: 0px 3px 3px 7px;
vertical-align: top;
}
.random_news_title a:active,
.random_news_title a:visited,
.random_news_title a:link {
color: #3aae3a;
text-decoration:none;
}
.random_news_title a:hover {
color: #3aae3a;
text-decoration: underline;
}
.random_news_vtitle {
font-size: 10px;
font-family: tahoma;
color: #3aae3a;
padding: 10px 3px 5px 0px;
vertical-align: top;
}
.random_news_vtitle a:active,
.random_news_vtitle a:visited,
.random_news_vtitle a:link {
color: #3aae3a;
text-decoration:none;
}
.random_news_title a:hover {
color: #3aae3a;
text-decoration: underline;
}
.random_news_news {
font-size: 10px;
font-family: tahoma;
color: #727272;
padding: 0px 3px 3px 7px;
vertical-align: top;
}
.random_news_img {
vertical-align: top;
}
/***** !Random News ******/
#hintbox {
text-align:left;
width:280px;
font-size: 11px;
border: 1px solid #9F9F9F;
filter:alpha(opacity="95");
font-family: Verdana, Geneva, sans-serif;
color:#4B4B4B;
z-index: 3;
margin: 0px 15px 0px 0px;
-moz-opacity : 0.9;
-moz-border-radius : 3px;
padding:10px;
position:absolute;
visibility:hidden;
margin-top: 10px;
margin-right: 0;
margin-bottom: 0;
margin-left: 10px;
background-color: #F7F7F7;
}