html{overflow-y:scroll; height:100%;}

@font-face {
    font-family: 'Bree_Serif';
    font-style: normal;
    font-weight: 400;
    src: local('Bree Serif'), local('BreeSerif-Regular'), url(https://fonts.gstatic.com/s/breeserif/v5/LQ7WLTaITDg4OSRuOZCps_k_vArhqVIZ0nv9q090hN8.woff2) format('woff2'), url(https://fonts.gstatic.com/s/breeserif/v5/LQ7WLTaITDg4OSRuOZCpsxsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}

body{background:#f0f0f0;  color:#4e4d4d; margin:0px; padding:0px; font:14px Georgia; height:100%;}

h1,h2,h3,h4,h5,h6 {color:#000;  padding:8px 0px; margin:0px;}

h1{ font-size: 19px; font-weight: normal; line-height:30px;}
h2{ font-size: 17px; font-weight: normal; line-height:17px;}
h3{ font-size: 14px; font-weight: normal; line-height:14px;}

.height_20 {height: 20px;}
.height_10 {height: 10px;}
.height_5 {height: 5px;}
.fixed {position:fixed;}

img {border:0px;}
input:focus {outline: none; }
textarea{resize:none;}

table {border-collapse:collapse; padding:0px; border-spacing: 0; table-layout:fixed;}
table td{empty-cells: show;}

.marker{position:relative;}
.pointer{cursor: pointer;}
.clear-both{display: block; clear: both;}
.clear {clear: both;}

a{color:#727801; text-decoration: none; border:0px;}
a:hover{color:#727801; text-decoration: underline;}

/* Misc */
.search_comment { margin:3px 0px 0px 38px; border:1px solid #c9c9c9; background:#eef4e1; color:#535353; font:bold 12px Georgia,Arial; border-radius: 5px; padding:5px 5px; width:370px; height:105px; }
.search_label { display: block; float: left; margin-top:5px; }

/* Overall */
.main-wrapper{background:#eef4e1; width:100%; min-height:100%; position:relative; min-width:1040px;}
.main-wrapper.kkk {background: #f8f8f8;}
.main-container{padding-bottom:55px;}
.main-bottom-panel{height:55px;  position:absolute; bottom:0px; width:100%; background:#888f01;}


/* Header */
.header-container{height:105px; background:url('../images/header_bg.png') repeat-x;}
.header-content{width:1150px; margin:0px auto;}
.logo{float:left; margin-top:5px;}

.languages{margin:10px 0px 0px 20px; padding:0px; float:right;}
.languages li{float:left; padding:0px; margin:0px; list-style-type:none;}
.languages li,.languages li a{color:#fff; font-weight: bold; text-decoration: none; text-transform: capitalize; font-size:11px; font-family:Georgia,Arial;}
.languages .separator{margin:0px 3px;}

.header-search{float:right; background:url('../images/search_panel.png') no-repeat; width:294px; height:34px;}
.header-search input{float:left; margin:3px 0px 0px 38px; border:1px solid #c9c9c9; background:#eef4e1; color:#535353; font:bold 12px Georgia,Arial; border-radius: 5px; padding:5px 5px; width:150px;}
.header-search span{float:left; margin:3px 0px 0px 10px; border:1px solid #c9c9c9; background:#eef4e1; color:#535353; font:bold 12px Georgia,Arial; border-radius: 5px; padding:5px 0px; width:70px; text-align:center; cursor:pointer;}

.icon-home{float:right; margin: 10px 15px 0px 0px;}

.colors{float:right; list-style:none; margin: 8px 38px 0px 0px; padding:0px;}
.colors li{float:left; padding:0px; margin:0px 10px 0px 0px; color:#fff; font:bold 12px Georgia,Arial;}
.colors li a{display: block; width:21px; height:18px; border:1px solid #fff; border-radius: 2px;}

.colors .label{padding:2px 5px 0px 0px;}
.colors .box-pink{background:#d10056;}
.colors .box-green{background:#b2bc05;}
.colors .box-orange{background:#ebb00f;}


/* Menu */
.header-menu{background:url('../images/menu.png') repeat-x; height:59px;}

/* Menu */
.main-menu, .main-menu * {margin:0;	padding:0;list-style:none;}
.main-menu {line-height:	1.0; float:	left; margin-top:18px;}
.main-menu ul {position:absolute;top:	-999em; width:200px; /* left offset of submenus need to match (see below) */}
.main-menu ul li {width:100%;}
.main-menu li:hover {visibility:inherit;}
.main-menu li {float:left;position:relative;}
.main-menu a {display:block;position:	relative; }
.main-menu li:hover ul,.main-menu li.sfHover ul {left:	0;top:40px; /* match top ul list item height */z-index:99;}

ul.main-menu li:hover li ul,ul.main-menu li.sfHover li ul {	top:-999em;}
ul.main-menu li li:hover ul,ul.main-menu li li.sfHover ul {	left:200px; /* match ul width */	top:0;}
ul.main-menu li li:hover li ul,ul.main-menu li li.sfHover li ul {top:-999em;}
ul.main-menu li li li:hover ul,ul.main-menu li li li.sfHover ul {left:	200px; /* match ul width */top:	0;}

/* 1 lvl */
.main-menu a,.sftCurrent ul a {padding:12px 10px; text-decoration: none; color:#fff; font-family:Georgia; font-size:14px;}
.main-menu a:hover {color:#eee;}

.sfCurrent{background:#eef4e1; height:42px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.sfCurrent a,.sfCurrent a:hover{color:#727801; font-size:14px;}
.sfCurrent ul a,.sfCurrent ul a:hover{color:#000; font-size:12px; padding:5px 15px;} 

/* 2nd */
.main-menu li ul,.sfCurrent ul{background:#e5eed3 !important; border:1px solid #a0a903; border-top:none; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);}
.main-menu li ul li a{padding:5px 15px; line-height:18px; border:none; display:block; color:#000 !important; font-family:Georgia; font-size:12px;} 

/* 3rd */
.main-menu li ul li ul{background:#e5eed3; border:1px solid #a0a903; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);}


.main-menu li:hover, .main-menu li.sfHover,.main-menu a:focus, .main-menu a:hover, .main-menu a:active {outline:	0;}
.sf-sub-indicator {display:none;}

.main-menu li ul li a:hover{background:#cfd7be;}


/* Footer */
.main-bottom-panel span{display:block; text-align: center; color:#fff; font-size:11px; margin-top:20px;}

/* Content */
.main-content{width:996px; margin:0px auto; position:relative;}
.main-content-block{float:left; width:996px;}
.main-content-l{float:left; width:210px; padding:37px 0px;}
.main-content-c{float:left; width:510px; margin:0px 35px; padding:35px 0px;}
.main-content-r{position:absolute; right:0px; width:200px;background:url('../images/rside_shadow.png') repeat-y; height:100%;}

.side-banners{padding:35px 0px 35px 35px;}


/* Side menu */
.side-menu{padding:0px; margin:0px; list-style:none;font-family:Georgia;}
.side-menu li a{display:block; color:#535353; font-size:13px; text-decoration: none; border-bottom:1px solid #d5d5d5; padding:8px 0px 8px 35px; background:url('../images/double_arrow_right.png') 10px center no-repeat;font-weight:bold;color: #727801;}
.side-menu li.side-subitem a{ margin-left:50px; background:none; padding:8px 0px 8px 25px;font-weight: bold;color:#4E4D4D;}
.side-menu li:hover a {color:#111;}

.side-menu2{padding:0px; margin:0px; list-style:none;font-family:Georgia;}
.side-menu2 li.dept_1 a{display:block; color:#535353; font-size:13px; text-decoration: none; border-bottom:1px solid #d5d5d5; padding:8px 0px 8px 35px; background:url('../images/double_arrow_right.png') 10px center no-repeat;font-weight: bold;color:#4E4D4D;}
.side-menu2 li.dept_2 a{display:block; color:#535353; font-size:13px; text-decoration: none; border-bottom:1px solid #d5d5d5; padding:4px 0px 4px 35px;font-weight:bold;color: #727801;}
.side-menu2 li.dept_3 a{display:block; color:#535353; font-size:13px; text-decoration: none; border-bottom:1px solid #d5d5d5; padding:4px 0px 4px 70px;font-weight:bold;color: #727801;}
.side-menu2 li:hover a {color:#111;}
.side-fb{ margin-top:20px;}

/* EVENTS */
.event_table { width:100%; }
.event_table tr{ border-bottom: 1px solid #d5d5d5; }
.event_table th{ text-align:left; padding:10px;  background: url('../images/menu.png') repeat-x 50%; color:#fff;}
.event_table td{ padding:10px; color: #727801; }
.event_table tr:hover{ background:#D7F4D7; }
.event_table tr.no_bg{ border:none; }
.event_table tr.no_bg > td{ padding:0px; }
.event_table tr.no_bg table{ width:100%; }
.event_table tr.no_bg table td { padding:5px; }
.event_table tr.no_bg:hover{ background:none; }
.event_table td h2 { font-weight: bold; color: #727801; line-height:1.4em; }

/* Voting */
.vote{margin-top:20px;}
.vote .title{display: block; color:#fff; font-size:15px; background:#aab304; border-radius:5px; padding:7px 15px 7px 33px; font-family: Georgia;}
.vote p{display: block; font-size:12px; color:#535353; padding:5px 0px 5px 0px;}
.vote .option{display: block; margin:5px 0px; font-size:13px; line-height:18px;}
.vote .option input{float:left; margin-right:8px;}
.vote .btn{display: block; margin-top:15px; cursor:pointer; color:#fff; font-size:13px; background:#aab304; border-radius:5px; padding:4px 0px; font-family: Georgia; width:110px; text-align: center;}
.vote .btn:hover{background:#9aa203;}
.vote .percentage{float:left; width:35px; font-weight: bold;}

/* Slider */
.slider{margin-bottom:10px; position:relative;}

.slider-canvas{display:block;width:510px; height:205px; border-radius: 12px; position: relative; background-position: center center; background-repeat: no-repeat;}
.slider-canvas .title{display: block; padding:25px 20px 0px 20px; font-size:24px; color:#fff; text-shadow: #C0C0C0 0px 1px 2px;}
.slider-canvas .description{display: block; position: absolute; bottom:0px; padding:0px 20px 15px 20px; color:#fefefe;}


.slider .slides{margin:0px; padding:14px 0px 0px 0px;}
.slider ul{float:left; margin:0px;padding:0px;}
.slider ul li{float:left; list-style-type:none; padding:0px; margin:0px 3px;}

.slideshow-item-normal{width:13px; height:13px; background:url('../images/slide_normal.png') no-repeat; cursor:pointer;}
.slideshow-item-active{width:13px; height:13px; background:url('../images/slide_active.png') no-repeat; cursor:pointer;}


/* Content */
.main-content-c h1{padding:0px; margin:5px 0px 20px 0px; color:#727801; font-size:22px; line-height:26px; font-family: Georgia; text-shadow:#fff 1px 1px;}
.default-body{font-size:13px; line-height: 18px;}

/* Frontpage */
.frontpage-about{margin-top:15px; padding-bottom:25px; font-size:13px; line-height:18px; background:url('../images/shadow.png') center bottom no-repeat;}
.frontpage-about .readme{display: block; margin-top:5px; font-size:13px; padding-right:25px; color:#727801; text-decoration: none; text-align: right; background:url('../images/nav_arrow_r.png') right center no-repeat;}

.frontpage-faq{margin:10px 0px; padding-bottom:25px; background:url('../images/shadow.png') center bottom no-repeat;}
.frontpage-faq a{display: block; font-size:12px; color:#535353; text-decoration: none; margin:5px 0px;}
.frontpage-faq a:hover{text-decoration: underline;}

.frontpage-faq .readme,.frontpage-faq .readme:hover{display: block; margin-top:5px; font-size:13px; padding-right:25px; color:#727801; text-decoration: none; text-align: right; background:url('../images/nav_arrow_r.png') right center no-repeat;}

.footer-grid{background:url('../images/footer_grid.png') left top no-repeat; height:0px;}

.front-join-us{float:left; width:250px; text-align: center; padding:0px; font-family: Georgia; margin-top:30px; color:#727801; text-decoration: none; font-size:22px;}
.front-join-us a{text-decoration: none;}

.footer-grid .find-us{float:left; width:508px; height: 243px; position:relative; cursor: pointer;}
.find-us .label-1{display: block; font-family: Georgia; margin:35px 0px 0px 25px; width:210px; color:#727801; text-decoration: none; font-size:24px;}
.find-us .label-2{display: block; font-family: Georgia; margin:15px 0px 0px 25px; width:210px; color:#555554; text-decoration: none; font-size:18px; line-height:34px;}
.find-us .map-points{position:absolute; z-index:4; top:25px; right:0px; width:298px; height:193px; background:url('../images/map.png') no-repeat; overflow:hidden;}
.find-us .map-points span{z-index:5; cursor:pointer; display: block; position:absolute; width:14px; height:14px; background:url('../images/map_dot.png') no-repeat;}
 

.tooltipDiv{position:absolute; top:0px; left:0px; display: none; width:150px; z-index: 10 !important; background:#fff; box-shadow:0px 0px 5px 2px #C0C0C0; border:1px solid #8f8f8f; color:#222; font-size:12px; padding:3px 10px;} 


/* Forum */
.forum-title{font-size:20px; padding-bottom:20px;}
.forum-title a,.forum-title a:hover{text-decoration: none; font-size:22px; font-family: Georgia,Arial;}
.forum-title-arrow{font-size:20px; color:#283232;}

.forum-tbl-header-lastpost{width:105px; font-size:12px;}
.forum-tbl-header-postnum{width:60px; font-size:12px;}
.forum-tbl-header-author{width:80px; font-size:12px;}
.forum-tbl-header-author,.forum-tbl-header-lastpost,.forum-tbl-header-postnum,.forum-tbl-header-title{font-size:12px; border-bottom: 1px solid #283232; font-style: italic !important; padding: 10px; color: #283232 !important;}

.thread-row{border-bottom: 1px dotted #283232; padding: 12px 10px;}
.thread-title{display:block; padding-bottom:10px;}
.thread-title a{text-decoration: none; font-size: 18px; font-family: Georgia;}
.thread-description{display:block; color: #283232; font-family: Georgia; font-size: 12px;}

.thread-lastpost-user{display: block; padding:2px 0px;}
.thread-lastpost-date{display: block; color: #B3B3B3; font-family: Georgia; font-size:12px;}


.forum-pagination ul{float:left; padding:10px 5px; list-style-type: none;}
.forum-pagination ul li{float:left; margin:0px 5px; border:1px solid #C0C0C0; list-style-type: none;}
.forum-pagination ul li a{display: block; width:22px; height:22px; line-height: 22px; text-align: center;}
.forum-pagination ul li.selected a{color:#000; font-weight:bold;}


.forum-post-title{color:#555; font-size: 25px; padding-bottom:35px;}
.forum-post-title h1{margin:0px;}
.forum-post-header{vertical-align: top; font-size: 12px; line-height: 20px; letter-spacing: 0.3px; border-bottom: 1px dotted #283232; padding-bottom:15px;}
.forum-post-header-l{vertical-align: top; width:130px; padding-right:25px; border-bottom: 1px dotted #283232; border-bottom: 1px dotted #283232; padding-bottom:15px;}
.forum-comment-label{border-bottom: 1px solid #283232; padding:20px 5px 10px 5px; color: #BFBFBF; font-style: italic;}
.forum-post-nocomments{padding:10px 5px;}

.forum-comment-l{vertical-align: top; padding:10px 5px; border-bottom: 1px dotted #283232;}
.forum-comment-body{vertical-align: top; padding:10px 5px; border-bottom: 1px dotted #283232; font-size: 12px; line-height: 20px; letter-spacing: 0.3px;}


/* Add comment */
.forum-add-comment{padding:15px 0px;}
.forum-add-label{background:#AAB304; width:110px; color: white; font-size: 15px ; font-style: italic !important; padding: 5px 10px 0px 10px;}
.forum-add-form{border-top:5px solid #AAB304; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding: 15px;}
.forum-form-box{float:left; margin-right:45px;}
.forum-form-box2{float:left;}
.forum-form-box span,.forum-form-box2 span{display:block; margin-bottom:3px; font-size: 14px; font-weight: bold; padding: 8px 0 0 2px; }
.forum-form-box input,.forum-form-box2 input[type=text]{width:198px; border:1px solid #D0D0D0; padding:4px 5px; border-radius:2px;}

.forum-form-reply{margin:10px 0px 10px 0px; float:left;}
.forum-form-reply span{display:block; margin-bottom:3px; font-size: 14px; font-weight: bold; padding: 8px 0 0 2px; }
.forum-form-reply textarea{width:460px; height:110px; border:1px solid #D0D0D0; padding:4px 5px; border-radius:2px;}
.forum-add-btn{cursor:pointer; background:#E8EBED; border:1px solid #000; border-radius: 2px; padding:5px; color:#000; width:120px; text-align: center; margin:20px 0px 0px 0px;}
.forum-add-btn:hover{background:#D5D5D5;}
.forum-form-captcha span{display:block; margin-bottom:5px; font-size: 12px; padding: 8px 0 0 2px; }
.forum-form-captcha img{float:left; margin-right:15px;}
.forum-form-captcha input{float:left; width:100px; height:30px; font-size:22px; border:1px solid #D0D0D0; padding:4px 5px; border-radius:2px;}
.red-border{border:1px solid red !important;}

.form-status-error{float:left; margin-left:15px; font-size:12px; padding:12px 0px; color:#ff0000; text-decoration: underline; display: none;}
.form-status-success{float:left; margin-left:15px; font-size:12px; padding:12px 0px; color:green; text-decoration: underline; display: none;}
.form-status-error2{display: block; clear:both; font-size:12px; padding:12px 0px; color:#ff0000; text-decoration: underline; display: none;}
.form-status-success2{display: block; clear:both; font-size:12px; padding:12px 0px; color:green; text-decoration: underline; display: none;}

/* Add thread */
.forum-add-thread{padding:15px 0px;}
.forum-add-thread-label{background:#AAB304; width:120px; color: white; font-size: 15px ; font-style: italic !important; padding: 5px 10px 0px 10px;}
.forum-form-thread{margin:5px 0px; float:left;}
.forum-form-thread span{display:block; margin-bottom:3px; font-size: 14px; font-weight: bold; padding: 8px 0 0 2px; }
.forum-form-thread input[type=text]{width:460px; border:1px solid #D0D0D0; padding:4px 5px; border-radius:2px;}
.forum-form-thread textarea{width:460px; height:110px; border:1px solid #D0D0D0; padding:4px 5px; border-radius:2px;}


/* Ask for advice */
.ask-container{margin-top:40px;}
.ask-label{color:#727801; font-family: Georgia, "Comic Sans MS",Tahoma; width:120px;}
.ask-field,.ask-field-age{border:1px solid #999; color:#404040; padding:3px 10px; border-radius: 3px; width:180px; margin:4px 0px;}
.ask-field-age{width:40px;}
.ask-textarea{border:1px solid #999; color:#404040; padding:10px; border-radius: 3px; width:100%; height:170px;}
.ask-select{border:1px solid #999; color:#404040; padding:3px 10px; border-radius: 3px; width:200px; margin:4px 0px;}
.ask-radio{padding:4px 0px;}

.btn-regular{width:100px; text-align:center; padding:5px 0px; background:#aeb704; color:#fff; font-weight: bold; border:1px solid #8b9201; border-radius: 5px; box-shadow:inset 0px 0px 3px #999; cursor: pointer;}
.btn-regular:hover{background:#a0a805; box-shadow:inset 0px 0px 4px #777;}

.error{padding:10px; color:red; font-size:13px; border:1px dashed red;}
.success{padding:10px; color:green; font-size:13px; border:1px dashed green;}


/* Faq  list */
.faq-list{margin:20px 0px; padding:15px 0px 30px 0px; background:url('../images/shadow.png') center bottom no-repeat; border-top:1px solid #C0C0C0;}
.faq-list a{display: block; font-size:12px; color:#535353; text-decoration: none; margin:5px 0px;}
.faq-list a:hover{text-decoration: underline;}


.advice-question{background:#fff; border-radius: 10px; box-shadow:0px 0px 5px #C0C0C0; padding:15px;}
.advice-question .header{padding:0px; margin:0px 0px 15px 0px; height:20px;}
.advice-question .header .name{float:left; color:#979f02; font-weight: bold; font-size:13px;}
.advice-question .header .date{float:right; color:#828282; font-size:13px;}
.advice-question .body{line-height:20px; font-size:14px; }

.advice-answer{background:#ddf595; border-radius: 10px; box-shadow:0px 0px 5px #99a102; padding:15px; margin:25px 0px;}
.advice-answer .header{padding:0px; margin:0px 0px 15px 0px; height:20px;}
.advice-answer .header .name{float:left; color:#784b8c; font-weight: bold; font-size:13px;}
.advice-answer .header .date{float:right; color:#828282; font-size:13px;}
.advice-answer .body{line-height:20px; font-size:14px; color:#3f3f3f;}

.add-question{background:#fff; border-radius: 10px; box-shadow:0px 0px 5px #C0C0C0; padding:15px;}
.add-question textarea{width:455px; height:120px; padding:10px; border:1px solid #d4d893; border-radius: 5px;}
.add-question .title{display:block; margin-bottom:10px; color:#727801; font-size:15px; font-family: Georgia;}
.add-question .btn{display: block; margin:15px auto 0px auto; cursor:pointer; color:#fff; font-size:13px; background:#aab304; border-radius:5px; padding:5px 0px; font-family: Georgia; width:110px; text-align: center;}
.add-question .btn:hover{background:#9aa203;}


.forum-description{padding:20px 0px 50px 0px;}



/* Search */
.search-item{display: block; margin:10px 0px 25px 0px; padding:0px 0px 30px 0px; background:url('../images/shadow.png') center bottom no-repeat;}
.search-item .title{display: block; margin:0px 0px 6px 0px; color:#727801; text-decoration: none; font-size:16px;}
.search-item .body{display:block; padding:0px; margin:0px; font-size:13px; line-height: 18px;}
.search-item .read-more{float:left; margin-top: 8px; padding:3px 7px; font-size:13px; background:#aab304; border-bottom-left-radius: 4px; border-top-right-radius: 4px; color:#fff; text-decoration: none;}





/* Pink */

body.pink .find-us .label-1,
body.pink h1,body.pink h2,body.pink h3,body.pink h4,
body.pink a,
body.pink .main-menu .sfCurrent a,
body.pink .ask-label,
body.pink .search-item .title{color:#782f52;}



body.pink,body.pink .main-wrapper{background:#fbf5fc;}

body.pink .main-bottom-panel{background:#8f014a;}
body.pink .header-menu{background:url('../images/pink/menu.png') repeat-x;}

body.pink .front-join-us a, body.pink .front-join-us span{color:#782f52 !important;}
body.pink .find-us .map-points span{background:url('../images/pink/map_dot.png') center center no-repeat;}
body.pink .find-us .map-points{background:url('../images/pink/map.png') no-repeat;}

body.pink .frontpage-about .readme,body.pink .frontpage-faq .readme{color:#782f52; background:url('../images/pink/nav_arrow_r.png') right center no-repeat;}
body.pink .side-fb{border:none;}

body.pink .vote .title, body.pink .vote .btn,
body.pink .forum-add-thread-label,body.pink .forum-add-label,body.pink .search-item .read-more{background:#b3045e;}
body.pink .forum-add-form{border-top-color: #b3045e;}

body.pink .main-menu a{color:#fff;}
body.pink .main-menu a:hover{color:#ffe2f2;}

body.pink .main-menu .sfCurrent{background:#f4e1e6;}
body.pink .main-menu .sfCurrent a:hover{color:#a10b53;}

body.pink .main-menu li ul,.sfCurrent ul{background:#f4e1e6 !important; border:1px solid #b3045e; border-top:none;}
body.pink .main-menu li ul li ul{background:#f4e1e6; border:1px solid #b3045e;}
body.pink .main-menu li ul li a:hover{background:#f4e1e6;}

body.pink .btn-regular{background:#b3045e; border:1px solid #9b0653;}

body.pink .languages a{color:#fff !important;}



/* Orange */

body.orange .find-us .label-1,
body.orange h1,body.orange h2,body.orange h3,body.orange h4,
body.orange a,
body.orange .main-menu .sfCurrent a,
body.orange .ask-label,
body.orange .search-item .title{color:#825c01;}



body.orange,body.orange .main-wrapper{background:#f2f4e1;}

body.orange .main-bottom-panel{background:#8f7701;}
body.orange .header-menu{background:url('../images/orange/menu.png') repeat-x;}

body.orange .front-join-us a, body.orange .front-join-us span{color:#825c01 !important;}
body.orange .find-us .map-points span{background:url('../images/orange/map_dot.png') center center no-repeat;}
body.orange .find-us .map-points{background:url('../images/orange/map.png') no-repeat;}

body.orange .frontpage-about .readme,body.orange .frontpage-faq .readme{color:#825c01; background:url('../images/orange/nav_arrow_r.png') right center no-repeat;}
body.orange .side-fb{border:none;}

body.orange .vote .title, body.orange .vote .btn,
body.orange .forum-add-thread-label,body.orange .forum-add-label, body.orange .search-item .read-more{background:#b39604;}
body.orange .forum-add-form{border-top-color: #b39604;}

body.orange .main-menu a{color:#fff;}
body.orange .main-menu a:hover{color:#fffae2;}

body.orange .main-menu .sfCurrent{background:#f2f4e1;}
body.orange .main-menu .sfCurrent a:hover{color:#c8852a;}

body.orange .main-menu li ul,.sfCurrent ul{background:#f2f4e1 !important; border:1px solid #c4a507; border-top:none;}
body.orange .main-menu li ul li ul{background:#f2f4e1; border:1px solid #c4a507;}
body.orange .main-menu li ul li a:hover{background:#f2f4e1;}

body.orange .btn-regular{background:#b39604; border:1px solid #a28806;}

body.orange .languages a{color:#fff !important;}

/************************ Acordion ***************/
.acordion { list-style:none; padding:0px; margin:0px; }
.acordion > li { padding:0px; margin:5px 0px; }
.acordion > li > h3 { color:#fff; background:#aab304; padding: 0px 10px; line-height:40px; cursor:pointer;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}


/************************ KKK ***************/

.kkk_form_holder {width: 540px;font-size: 16px; color: #565656;border: 1px solid #b3cd89;border-radius: 18px;padding-top:35px;background: url('../images/web/kkk_bg.png')#b3cd89 no-repeat bottom;}
.kkk_form_holder h1 {color: #404f4e;font-weight: bold;text-shadow: none;font-size: 33px;/*font-family: Bree_Serif;*/}

.kkk_intro_text {width: 89%;padding: 0px 30px;/*font-family: Bree_Serif;*/}
.kkk_options_holder {width: 540px;padding:0px 30px;}

.custom_select { overflow: hidden; float: left;background: transparent url("../images/web/select_nool.png") no-repeat  95% center;border: 2px solid #b3cd89;border-radius: 16px;cursor:pointer;}
.custom_select_bg {background: url("../images/web/select_bg.png") center;height:39px;border-radius: 16px;}
.custom_select select { background: transparent none repeat scroll 0% 0%;height: 37px;border: 0px none;font-size: 16px;padding-top: 5px;line-height: 37px;color: #525252;cursor:pointer;font-family: Georgia;}

.custom_input {height: 37px;border-radius: 16px;border: 2px solid #b3cd89;background: url("../images/web/input_bg.png");padding:0px 10px;}
.custom_input::-webkit-input-placeholder { /* WebKit browsers */
    color:    #9d9d9d;
    opacity:  1;
    font-style: italic;
}
.custom_input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #9d9d9d;
    opacity:  1;
    font-style: italic;
}
.custom_input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #9d9d9d;
    opacity:  1;
    font-style: italic;
}
.kkk_otsi_btn { font-weight:bold;text-transform: uppercase;padding: 5px 0px;color: #eef4e1;background: #7a900b;border-radius: 16px; width: 115px;font-size: 18px;text-align: center;cursor: pointer;border: 1px solid #959d04;box-shadow: 3px;}
.kkk_otsi_btn:hover {background: #687b0a;}
.kkk_found_title {color: #727b35;font-size: 21px;}

.kkk_found_head {float:right;font-size: 19px;color: #165e84;width: 430px;}
.kkk_quest_holder.flip .kkk_found_head {float:left;font-size: 19px;color: #165e84;width: 430px;}
.kkk_quest_holder {background: url('../images/web/v_taust.png') no-repeat; height: 140px;width: 545px;padding-right: 10px;overflow: hidden;cursor: pointer;}
.kkk_quest_holder.flip {background: url('../images/web/v_taust_flip.png') no-repeat; padding-left: 10px;padding-right: 0px;overflow: hidden;cursor: pointer;}
.kkk_quest_holder a {text-decoration: none;}
.kkk_found_desc {float:right;color: #565656;width: 430px;padding-right: 10px;line-height: 15px;}
.kkk_quest_holder.flip .kkk_found_desc {float:left;color: #565656;width: 430px;}
.kkk_quest_content_holder {height:130px;overflow: hidden;}

.kkk_mask {z-index: 100;-webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);}
.kkk_quest_box {position: absolute;z-index: 110;width:600px;min-height:300px;background: #f4f8ea;border: 2px solid white; box-shadow: 2px 7px 10px rgba(0, 0, 0, 0.46);
    -moz-box-shadow: 2px 7px 10px rgba(0, 0, 0, 0.46);
    -webkit-box-shadow: 2px 7px 10px rgba(0, 0, 0, 0.46);}
.kkk_quest_box_content {padding:15px 20px;}
.kkk_quest_box_title { float:left;font-size: 20px;color: #678004;margin-top:20px;margin-left: 10px;}
.kkk_box_linesepa {border-bottom:1px solid #d6dacb;width:100%;height:1px;}
.kkk_box_question_content {font-size: 17px; color: #56706d;margin-left: 10px;}
.kkk_box_marksonad {font-size: 15px;color: #678004;float:left;margin-left: 10px;margin-right: 5px;}

.kkk_close {float:right;margin: 5px;cursor: pointer;width: 15px;height: 15px;background: url('../images/web/close_cross.png');}
.kkk_close:hover {background: url('../images/web/close_cross_red.png');}
.line_sepa {border-bottom: 1px solid lightgrey;}

.reflected {position: relative;width:540px;text-align: center;/* font-family: Bree_Serif;*/}
.reflected:before, .reflected:after {
    display: block;
    position: absolute;
    bottom: -1.1em; /* You should change this value to fit your font */
    left: 0;
    right: 0;
    font-size: 33px;
    font-weight: bold;
}
.reflected:before {
    content: 'Küsimuste-Vastuste rubriik';
    opacity: .1;
    /* This is how the text is flipped vertically */
    -webkit-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
}
.reflected:after {
    /* Fading using CSS gradient */
    background: -webkit-gradient(linear, left top, left center, from(rgba(217,232,186,0)), to(rgb(217,232,186)));
    background: -moz-linear-gradient(top, rgba(217,232,186,0.5), rgb(217,232,186));
    content: ' ';
    height: 1em;
}
.kkk_otsi_btn_holder {width: 540px;text-align: center;}
