/* include css file: /css/layout.css */

@charset "UTF-8";

/*
  ==================================
  === file: style.css            ===
  === author: Tomasz Gemski      ===
  === Copyright © 2008 NaSpolke  ===
  ==================================
*/

/* --------- Starting declarations -------- */
body {
    height              : 100%;
    width               : 100%;
    margin              : 0;
    padding             : 0;
    background          : #669502;
}

* {
    margin              : 0;
    padding             : 0;
    text-decoration     : none;
    list-style          : none;
    outline             : none;
}

body, input, textarea, select, button {
    font                : 11px Tahoma, Verdana, Arial, sans-serif;
    color               : #000000;
}

fieldset, img { border: none; }
label { cursor: pointer; }
.hiddenFields { display: none; }
.clear { clear:both; }

.wwwGen, .emailGen{ color: #669502; }
.wwwGen:hover, .emailGen:hover{ text-decoration: underline; }
.wwwGen:visited, .emailGen:visited{ color: #354F00 }
/* ---------------------------------------- */




#mainWrap {
    background          : url(/images/page/light.jpg) #659501 50% -4px no-repeat;
    clear               : both;
    overflow            : hidden;
    width               : 100%;
    position            : relative;
    z-index             : 2;
}




/* -------------- Login Panel ------------- */
#loginPanel {
    width               : 100%;
    height              : 80px;
    background          : url(/images/page/logPanelBg.jpg) #6b901c center no-repeat;
    float               : left;
    text-align          : center;
    display             : none;
    overflow            : hidden;
    z-index             : 1;
    position            : relative;
}

#loginPanel.active { display: block; }

#loginPanel form {
    width               : 540px;
    display             : block;
    margin              : 0 auto;
    padding             : 25px 0 0;
    text-align          : left;
    color               : #ffffff;
    padding-left        : 200px;
}

#loginPanel form .lineErrorWrapper {
	height              : 19px;
    margin              : 25px 0 -60px 0;
    display             : none;
    float               : left;
    color               : #ff0000;
    position            : relative;
    padding             : 6px 0 0 5px;
    background          : url(/images/page/toolTip2LeftWhite.gif) transparent 0 3px no-repeat;
}

#loginPanel form .errorBox { display: block; }

#loginPanel form .lineErrorWrapper div span {
    display             : block;
    float               : left;
    padding             : 3px 3px 3px 0;
    font-weight         : bold;
    background          : #ffffff;
}

#loginPanel form .lineErrorWrapper div {
    height              : 19px;
    padding-right       : 1px;
    float               : left;
    background          : url(/images/page/toolTip2RightWhite.gif) transparent right bottom no-repeat;
}

#loginPanel label {
    float               : left;
    display             : inline;
    margin-right        : 8px;
    line-height         : 26px;
}

#loginPanel .logPanelInputLeft {
    width               : 5px;
    height              : 26px;
    float               : left;
    display             : inline;
    background          : url(/images/page/logPanelInputLeft.gif) no-repeat;
}

#loginPanel .logPanelInputRight {
    width               : 5px;
    height              : 26px;
    float               : left;
    display             : inline;
    background          : url(/images/page/logPanelInputRight.gif) no-repeat;
    margin-right        : 10px;
}

#loginPanel .logPanelInput {
    width               : 105px;
    float               : left;
    padding             : 7px 0 7px 0;
    background          : url(/images/page/logPanelInputBg.gif) repeat-x;
    border              : none;
    color               : #ffffff;
}

#loginPanel .logPanelButton {
    margin              : 3px 5px 0 0;
    background          : url(/images/page/more2.gif) right center no-repeat;
    border              : none;
    color               : #ffffff;
    cursor              : pointer;
    float               : left;
    font-size           : 11px;
    font-weight         : bold;
    padding             : 3px 0;
    text-align          : left;
    width               : 59px;
}

#loginPanel p a {
    color               : #ffffff;
    float               : left;
    line-height         : 24px;
    padding-left        : 5px;
}
#loginPanel p a:hover { text-decoration: underline; }

#loginPanel .rememberMe {
    float               : left;
    clear               : both;
    display             : inline;
    margin              : 2px 0 0 78px;
}

#loginPanel .rememberMe label {
    display             : inline;
    float               : left;
    line-height         : normal;
    margin-right        : 0;
}

#loginPanel .rememberMe input {
    display             : inline;
    float               : left;
    margin              : 1px 5px 0 0;
    width               : 13px;
    height              : 13px;
}

.passwordRecovery form { padding-left: 140px; }

.passwordRecovery p {
    text-align          : center;
    margin              : -18px 0 4px 0;
    width               : 350px;
    position            : relative;
    padding-bottom      : 1px;
}

.passwordRecovery .sendPass {
    border              : none;
    color               : #ffffff;
    font-size           : 11px;
    font-weight         : bold;
    background          : url(/images/page/more2.gif) right no-repeat;
    padding             : 4px 20px 4px 0;
    margin-top          : 2px;
    cursor              : pointer;
    float               : left;
}

.passwordRecovery .forgotPassword {
    float               : left; 
    margin              : 7px 0 0 10px; 
    color               : #ffffff
}

.passwordRecovery .forgotPassword:hover {
    text-decoration     : underline;
}

#loginPanel #fb_login_butt {
	   float: left;
    position: absolute;
    z-index: 100;
    width: 169px;
    height: 21px;
    /*background:red;*/
    margin-left: -370px;
    left: 50%;
    top: 27px;
    position: absolute;
}

#loginPanel #fb_login_butt *{
    display: block;
    /*position: relative;*/
    /*overflow: hidden;*/
}

.left .fbLogo {
	float: right;
    position: absolute;
    top: 5px;
    right: 10px;
}

.left .fbLogo strong, .left .fbLogo a{
    font-size: 10px;
    display: block;
    color: #39327b;
    font-weight: bold;
    line-height: 16px;
}

/* ---------------------------------------- */




/* --------------- Top Left --------------- */
#top {
    width               : 850px;
    /*height              : 250px;*/
    margin              : auto;
}

#top .left {
    width               : 293px;
    height              : 247px;
    background          : url(/images/page/leftBg.png) 0 0 no-repeat;
    padding             : 3px 3px 0;
    float               : left;
    position: relative;
}

#top .leftShort {
    width               : 293px;
    height              : 175px;
    background          : url(/images/page/leftShortBg.gif) 0 0 no-repeat;
    padding             : 3px 3px 0;
    float               : left;
}

#top h1 {
    margin              : 24px 0 0 60px;
    float               : left;
    width               : 166px;
    height              : 74px;
    display             : inline;
}

#top .leftShort h1{
    margin-top: 10px;
}

#top h2{
    color: #07828a;
    font-size: 10px;
    font-weight: normal;
    text-transform: uppercase;
    clear: both;
    text-align: center;
    width: 290px;
    margin: 0 auto;
    height: 19px;
}

#top h1 a {
    display             : block;
    width               : 166px;
    height              : 74px;
    text-indent         : -99999px;
    background          : url(/images/page/logo.png) 0 0 no-repeat;
}

.menu {
    width               : 100%;
    height              : 42px;
    float               : left;
    text-align          : center;
    margin-top          : -4px;
}


#top .left .menu ul {
    width               : 140px;
    margin              : auto;
}

#top .left .menu ul li {
    float               : left;
    margin              : 10px 10px 0 0;
}

#top .left .menu ul li a {
    color               : #7faa24;
    font-size           : 10px;
}

#top .left .menu ul li a:hover { text-decoration: underline; }

#top #search {
    width               : 248px;
    height              : 58px;
    float               : left;
    padding             : 6px 22px 0 23px;
}

#top .leftShort #search{
    height: 35px;
}

#top #search div { float: left; }

#top #search .searchLeft {
    width               : 5px;
    height              : 27px;
    background          : url(/images/page/searchInputLeft.gif) no-repeat;
    float               : left;
}

#top #search .searchRight {
    width               : 5px;
    height              : 27px;
    background          : url(/images/page/searchInputRight.gif) no-repeat;
    float               : left;
}

#top #search .searchInput {
    width               : 175px;
    height              : 16px;
    padding             : 6px 0 5px;
    background          : url(/images/page/searchInputBg.gif) repeat-x;
    float               : left;
    border              : 0;
    color               : #ffffff;
}

#top #search .searchButton {
    width               : 57px;
    background          : url(/images/page/more3.gif) center right no-repeat;
    float               : left;
    border              : none;
	margin				:-24px 0 0 191px;
    cursor              : pointer;
    font-weight         : bold;
    color               : #354f00;
    text-align          : left;
    font-size           : 12px;
    padding             : 3px 0;
}

#top #search .searchShadow {
    width               : 100%;
    height              : 9px;
    background          : url(/images/page/searchInputShadow.gif) no-repeat;
    float               : left;
    display             : inline;
    clear               : both;
}

#top .bottom{
    height              : 28px;
    width               : 300px;
    background          : url(/images/page/leftButtonsBg.png) 0 0 no-repeat;
    position            : relative;
    clear               : both;
    margin              : 0 -3px;
}

#top .loginButton {
    width               : 150px;
    height              : 28px;
    background          : url(/images/page/leftButtonsBg.png) 0 -28px no-repeat;
    float               : left;
    position            : relative;
    text-indent         : -99999px;
}

#top .registerButton {
    width               : 150px;
    height              : 28px;
    background          : url(/images/page/leftButtonsBg.png) -150px -28px no-repeat;
    text-indent         : -99999px;
    float               : left;
}

#top .loginNewsFeed {
    height              : 26px;
    width               : 296px;
    background          : url(/images/page/loginNewsFeed.gif) 0 0 no-repeat;
    float               : left;
    display             : inline;
    margin              : 0 2px;
}

#top .loginNewsFeed .logout {
    color               : #ffffff;
	display:block;
    font-size           : 10px;
    float               : right;
    padding              : 5px 12px;
}

#top .loginNewsFeed p {
    color               : #ffffff;
    font-size           : 12px;
    float               : left;
    margin              : 5px 10px;
    white-space         : nowrap;
    z-index             : 100;
    position            : absolute;
    overflow            : hidden;
}

#top .loginNewsFeed p marquee {
    float               : left;
    white-space         : nowrap;
}


#top .loginNewsFeed .fade {
    width               : 23px;
    height              : 26px;
    background          : url(/images/page/loginNewsfeedFade.png) no-repeat;
    position            : absolute;
    left                : 210px;
    z-index             : 200;
}

#top .loginNewsFeed p a {
    color               : #ffffff;
    font-weight         : bold;
}
/* ---------------------------------------- */




/* -------------- Navigation -------------- */
.nav {
    width               : 544px;
    height              : 236px;
    float               : left;
}

.shortNav{
    width               : 544px;
    height              : 160px;
    float               : left;
}

.nav li {
    width               : 109px;
    height              : 236px;
    float               : left;
    position            : relative;
}

.shortNav li{
    width               : 109px;
    height              : 160px;
    float               : left;
    position            : relative;
}

.nav .navButton {
    float               : right;
    margin              : -83px 14px 0 0;
}

.nav .navButtonLast { margin: -83px 7px 0 0; }

.nav #navEl1 { background: url(/images/page/topNavBg.jpg) 0 0 no-repeat; }
.nav #navEl2 { background: url(/images/page/topNavBg.jpg) -109px 0 no-repeat; }
.nav #navEl3 { background: url(/images/page/topNavBg.jpg) -218px 0 no-repeat; }
.nav #navEl4 { background: url(/images/page/topNavBg.jpg) -327px 0 no-repeat; }
.nav #navEl5 { background: url(/images/page/topNavBg.jpg) -436px 0 no-repeat; width: 108px; }
.nav #navEl1:hover, .nav #navEl1.hover { background: url(/images/page/topNavBg.jpg) 0 -236px no-repeat; }
.nav #navEl2:hover, .nav #navEl2.hover { background: url(/images/page/topNavBg.jpg) -109px -236px no-repeat; }
.nav #navEl3:hover, .nav #navEl3.hover { background: url(/images/page/topNavBg.jpg) -218px -236px no-repeat; }
.nav #navEl4:hover, .nav #navEl4.hover { background: url(/images/page/topNavBg.jpg) -327px -236px no-repeat; }
.nav #navEl5:hover, .nav #navEl5.hover { background: url(/images/page/topNavBg.jpg) -436px -236px no-repeat; }

.shortNav #navEl1 { background: url(/images/page/topNavShortBg.jpg) 0 0 no-repeat; }
.shortNav #navEl2 { background: url(/images/page/topNavShortBg.jpg) -109px 0 no-repeat; }
.shortNav #navEl3 { background: url(/images/page/topNavShortBg.jpg) -218px 0 no-repeat; }
.shortNav #navEl4 { background: url(/images/page/topNavShortBg.jpg) -327px 0 no-repeat; }
.shortNav #navEl5 { background: url(/images/page/topNavShortBg.jpg) -436px 0 no-repeat; width: 108px; }
.shortNav #navEl1:hover, .shortNav #navEl1.hover { background: url(/images/page/topNavShortBg.jpg) 0 -160px no-repeat; }
.shortNav #navEl2:hover, .shortNav #navEl2.hover { background: url(/images/page/topNavShortBg.jpg) -109px -160px no-repeat; }
.shortNav #navEl3:hover, .shortNav #navEl3.hover { background: url(/images/page/topNavShortBg.jpg) -218px -160px no-repeat; }
.shortNav #navEl4:hover, .shortNav #navEl4.hover { background: url(/images/page/topNavShortBg.jpg) -327px -160px no-repeat; }
.shortNav #navEl5:hover, .shortNav #navEl5.hover { background: url(/images/page/topNavShortBg.jpg) -436px -160px no-repeat; }


.nav .navCat, .shortNav .navCat {
    text-indent         : -99999px;
    width               : 90px;
    height              : 110px;
    display             : block;
    position            : absolute;
    bottom              : 10px;
    right               : 10px;
}

.subNav {
    width               : 91px;
    height              : 130px;
    float               : left;
    margin              : 13px 0 0 10px;
    display             : inline;
}

.subNav li {
    width               : auto;
    height              : auto;
    float               : left;
    clear               : both;
}

.subNav .competition {
    width               : 71px;
    height              : 20px;
    background          : url(/images/page/navElCompetition.gif) no-repeat;
    margin              : 5px 0 0;
    padding             : 3px 0 0 5px;
}

.subNav li a {
    float               : left;
    color               : #ffffff;
    margin              : 7px 0 0 5px;
    font-size           : 12px;
    white-space         : nowrap;
}

.subNav .competition a {
    margin              : 0
}

.subNav li a:hover { text-decoration: underline; }
.subNav li h2, .shortNav li h2 {
    font-size           : 14px;
    float               : left;
    margin-left         : -6px;
    position            : relative;
    display: none;
}
.subNav li h2 a { color: #ffffff; margin-top: 5px; }
/* ---------------------------------------- */




/* ---------------- Header ---------------- */
#header, .headerz {
    width               : 500px;
    margin              : 25px 0 0 15px;
    float               : left;
    display             : inline;
}

#header h1, .headerz h1 {
    font-size           : 30px;
    color               : #ffffff;
    font-weight         : normal;
    margin-bottom       : 10px;
}

#header p, .headerz p {
    font-size           : 12px;
	float				: left;
    color               : #ffffff;
    font-weight         : normal;
    width               : 300px;
    line-height         : 17px;
}

#header img, .headerz img {
	margin-top			: -50px;
	margin-left			: 50px;
}


/* ---------------------------------------- */




/* ------------- Registration ------------- */
#registrationWrap {
    background          : #577f01;
    padding-bottom      : 5px;
    overflow            : hidden;
    height              : 1%;
    clear               : both;
    margin-top          : 20px;
}

#registrationWrap.strip{
    background: #577f01 url(/images/page/mainStripBg.gif) 0 0 repeat-x;
}

#registrationWrap .background {
    width               : 1200px;
    height              : 277px;
    background          : url(/images/page/headerBg.gif) right bottom no-repeat;
    margin              : 0 auto;
}
#registration {
    width               : 870px;
    min-height          : 250px;
    _height             : 250px;
    margin              : 0 auto;
    clear               : both;
    /*overflow            : hidden;*/
}

#registration:after{
    content: " ";
    clear: both;
    display: block;
}

#registration #tips {
    width               : 296px;
    margin              : 7px 0 0 5px;
    float               : left;
    display             : inline;
}

#registration #tips li {
    width               : 295px;
    height              : 68px;
    margin              : 10px 0 0 0;
    float               : left;
    clear               : both
}

#registration #tips li a {
    display             : block;
    width               : 100%;
    height              : 100%;
    text-indent         : -99999px;
}


#registration #tips .tip1 a { background: url(/images/page/tipsBg.jpg) 0 0 no-repeat; }
#registration #tips .tip2 a { background: url(/images/page/tipsBg.jpg) 0 -75px no-repeat; }
#registration #tips .tip3 a { background: url(/images/page/tipsBg.jpg) 0 -151px no-repeat; }
#registration #tips .tip1 a:hover { background: url(/images/page/tipsBg.jpg) -296px 0 no-repeat; }
#registration #tips .tip2 a:hover { background: url(/images/page/tipsBg.jpg) -296px -75px no-repeat; }
#registration #tips .tip3 a:hover { background: url(/images/page/tipsBg.jpg) -296px -151px no-repeat; }

#registration #registrationForm {
/*    display             : none; */
/*   overflow            : hidden; */
    /*float               : left;*/
    margin              : 0 0 0 35px;
}

#registration #registrationF .col-1{
    float: left;
    width: 370px;
    padding-left: 20px;
    color: #fff;
}

#registration #registrationF .col-1 h2{
    font-weight         : normal;
    font-size           : 26px;
    color               : #ffffff;
    line-height         : 50px;
    padding: 10px 0;
}

#registration #registrationF .col-1 p{
    font-size: 12px;
    line-height: 18px;
}

#registration #registrationF .col-1 img{
    display: block;
    padding: 10px 0 25px;
}

#registration #registrationF .col-2{
    float: left;
    width: 400px;
    padding: 20px 0 0 20px;
}

#registration .registration {
    /*width               : 493px;*/
    float               : left;
    clear               : both;
    margin-top          : 15px;
}

#registration .registration h2 {
    font-weight         : normal;
    font-size           : 26px;
    color               : #ffffff;
    margin-bottom       : 5px;
}

#registration .registration p {
    font-size           : 12px;
    color               : #ffffff;
    line-height         : 21px;
    width               : 400px;
    margin-bottom       : 15px;
    float               : left;
}

#registration .registration label {
    float               : left;
    width               : 115px;
    padding-right       : 5px;
    color               : #ffffff;
    font-size           : 12px;
    clear               : both;
    line-height         : 20px;
    text-align          : right;
}

#registration .registration div.lineErrorWrapper {
    width               : 160px;
    overflow            : hidden;
    padding-bottom      : 0;
    clear               : none;
    margin              : 0 0 -500px 320px;
    float               : left;
    display             : none;
    background          : url(/images/page/toolTipTop.gif) left top no-repeat;
    color               : #ffffff;
}

#registration .registration div.errorBox { background: url(/images/page/toolTipTopRed.gif) left top no-repeat; }

#registration .registration div.infoBox { 
    display             : inline;
    z-index             : 100;
    position            : relative;
    border-bottom       : solid 2px #577f01;
}

#registration .registration div.errorBox { 
    display             : inline;
    z-index             : 1;
}

#registration .registration div.lineErrorWrapper div.form_error,
#registration .registration div.lineErrorWrapper div.lineInfo {
	width               : 160px;
    background          : url(/images/page/toolTipBottom.gif) right bottom no-repeat;
    padding             : 0;
}

#registration .registration div.errorBox div.form_error,
#registration .registration div.errorBox div.lineInfo {
    background          : url(/images/page/toolTipBottomRed.gif) right bottom no-repeat;
}

#registration .registration div.lineErrorWrapper div.form_error div.lineInfoBorder,
#registration .registration div.lineErrorWrapper div.lineInfo div.lineInfoBorder,
#registration .registration div.lineErrorWrapper div.form_error span,
#registration .registration div.lineErrorWrapper div.lineInfo span {
    width               : 141px;
    padding             : 0;
    background          : url(/images/page/toolTipBg.gif) right repeat-y;
    float               : right;
    margin              : 19px 0 4px 0;
    display             : inline;
    padding             : 3px 8px;
}

#registration .registration div.errorBox div.form_error div.lineInfoBorder,
#registration .registration div.errorBox div.lineInfo div.lineInfoBorder,
#registration .registration div.errorBox div.form_error span,
#registration .registration div.errorBox div.lineInfo span {
    background          : url(/images/page/toolTipBgRed.gif) right repeat-y;
    margin              : 19px 0 7px 0;
}

#registration .registration div {
    width               : 100%;
    float               : left;
    clear               : both;
    padding-bottom      : 5px;
}

#registration .registration .registrationInputLeft {
    width               : 5px;
    height              : 21px;
    float               : left;
    background          : url(/images/page/registrationInputLeft.gif) no-repeat;
    clear               : none;
    padding             : 0;
}

#registration .registration .formDot {
    width               : 18px;
    height              : 21px;
    float               : left;
    background          : url(/images/page/registrationInputRight.gif) no-repeat;
    clear               : none;
    padding             : 0;
}

#registration .registration div.wrong { background: url(/images/page/registrationInputWrong.gif) no-repeat; }
#registration .registration div.correct { background: url(/images/page/registrationInputCorrect.gif) no-repeat; }

#registration .registration .text, #registration .registration .textp {
    width               : 155px;
    float               : left;
    border              : none;
    padding             : 4px 5px 4px 0;
    color               : #ffffff;
    display             : block;
    height              : 13px;
    font-size           : 11px;
    background          : url(/images/page/registrationInputBg.gif) repeat-x;
}

#registration .registration .formDot {
    width               : 18px;
    height              : 21px;
    float               : left;
    background          : url(/images/page/registrationInputRight.gif) no-repeat;
    clear               : none;
    padding             : 0;
}

#registration .registration .button {
    height              : 20px;
    float               : left;
    clear               : none;
    margin              : 8px 0 0 5px;
    display             : inline;
    padding             : 0;
    width               : auto;
}

#registration .registration .button input {
    width               : 100px;
    height              : 19px;
    background          : url(/images/page/more2.gif) top right no-repeat;
    float               : left;
    cursor              : pointer;
    border              : none;
    margin              : -4px 0;
    position            : relative;
    line-height         : 19px;
    color               : #ffffff;
    font-weight         : bold;
}

#registration .registration .rules {
    width               : auto;
    float               : left;
    display             : inline;
    font-size           : 10px;
    margin              : 3px 0 0 0;
    white-space         : nowrap;
    clear               : both;
}

#registration .registration .rules a {
    color               : #ffffff;
    text-decoration     : underline;
}

#registration .registration .rules a:hover { text-decoration: none; }

#registration .registration .captcha-line{
    padding-bottom: 40px;
}

#registration .registration .captcha-line img {
    float               : left;
    display             : inline;
    /*padding             : 0 0 0 30px;*/
    /*margin              : 10px 0 0 125px;*/
    clear               : both;
    position: relative;
    margin: -21px 0 0 210px;
}

#registration .registration .captcha-reload:hover { text-decoration: none; }
#registration .registration .captcha-reload {
    color               : #fff;
    float               : left;
    margin              : 0px 190px;
    clear               : both;
    text-decoration     : underline;
}

#registration .registration .captcha-line .registrationInputLeft {
    display             : inline;
    /*margin-left         : 50px;*/
}

#registration .registration .captcha-line .text { width: 50px; }
/* ---------------------------------------- */




/* ---------------- Headers --------------- */
.headInfo{
    color               :#354F00;
    float               :left;
    font-size           :14px;
    font-weight         :bold;
    line-height         :15px;
    padding             :16px 30px 0 10px;
}
.headerRed, .headerViolet, .headerGreen,
.headerOrange, .headerCyan{
    height              : 35px;
    font-size           : 12px;
    color               : #ffffff;
    font-weight         : bold;
    float               : left;
    margin-top          : 5px;
    background          : url(/images/page/headerBg.png) -9999px repeat-x;
}

.headerRed span, .headerViolet span, .headerGreen span,
.headerOrange span, .headerCyan span {
    padding             : 10px 20px 7px;
    margin-left         : -5px;
    float               : left;
    line-height         : 18px;
    background          : url(/images/page/headerBg.png) -9999px no-repeat;
    text-align          : center;
}

.w120 span { width: 80px; }
.w130 span { width: 90px; }
.w180 span { width: 140px; }

.headerRed .rightBg, .headerViolet .rightBg, .headerGreen .rightBg,
.headerOrange .rightBg, .headerCyan .rightBg {
    padding             : 0;
    margin              : 0;
    width               : 5px;
    height              : 35px;
    background          : url(/images/page/headerBg.png) -9999px no-repeat;
    float               : left;
    display             : inline !important;
}

.headerRed .more, .headerViolet .more, .headerGreen .more,
.headerOrange .more, .headerCyan .more {
    background          : url(/images/page/more2.gif) 0 0 no-repeat;
    height              : 19px;
    width               : 12px;
    text-indent         : -99999px;
    position            : relative;
    float               : left;
    margin              : 10px 0 0 0;
}

.headerRed { background-position: 0 0; }
.headerViolet { background-position: 0 -35px; }
.headerGreen { background-position: 0 -70px; }
.headerOrange { background-position: 0 -105px; }
.headerCyan { background-position: 0 -423px; }

.headerRed span { background-position: 0 -140px; }
.headerViolet span { background-position: 0 -175px; }
.headerGreen span { background-position: 0 -210px; }
.headerOrange span { background-position: 0 -245px; }
.headerCyan span { background-position: 0 -458px; }

.headerRed .rightBg { background-position: 0 -280px; }
.headerViolet .rightBg { background-position: 0 -315px; }
.headerGreen .rightBg { background-position: 0 -350px; }
.headerOrange .rightBg { background-position: 0 -385px; }
.headerCyan .rightBg { background-position: 0 -493px; }

.loader{
    float               : left;
    width               : 32px;
    height              : 32px;
    position            : relative;
    top                 : 8px;
    left                : 3px;
}

#verticalMenu .loader{
    float: none;
    position: absolute;
    top: auto;
    left: 5px;
    width: 25px;
    padding: 5px 0 0 150px;
    height: 25px;
    background: #fff;
    opacity: 0.75;
    filter: alpha(opacity=75);
}

#verticalMenu.abonament .loader{
    padding: 9px 0 0 144px;
    margin-top: 6px;
    left: 0;
}
/* ---------------------------------------- */




/* ---------------- Content --------------- */
#main, .mainCrumbWrap {
    width               : 855px;
    margin              : 0 auto;
    padding-top         : 15px;
    /*overflow            : hidden;*/
    clear               : both;
    padding-right       : 5px;
    position            : relative;
    padding-bottom      : 5px;
}

#main:after{
    content             : " ";
    display             : block;
    clear               : both;
}

.mainCrumbWrap {
	padding             : 0;
}

#main #crumbs, .mainCrumbWrap #crumbs  {
    color               : #fff;
    font-weight         : bold;
    position            : absolute;
    top                 : -2px;
    left                : 315px;
}

#main .crumbsUp{
    top: -10px !important;
}

#main #crumbs a { color: #fff; }
#main #crumbs a:hover { text-decoration: underline; }

.content {
    width               : 650px;
    background          : url(/images/page/contentTop.gif) #ffffff no-repeat;
    float               : right;
    display             : inline;
    margin-top          : 5px;
    margin-bottom       : 4px;
}

.oneSecond {
    width               : 410px;
    background          : url(/images/page/contentTop2.gif) #ffffff no-repeat;
    float               : left;
    display             : inline;
    margin              : 5px 8px 4px 8px;
}

.oneSecond .bottom {
    width               : 410px;
    height              : 8px;
    background          : url(/images/page/contentBottom2.gif) no-repeat;
    position            : absolute;
    left                : 0;
    bottom              : 0;
}

.wideContent {
    width               : 855px;
    background          : url(/images/page/wideContentBg.png) 0 0 no-repeat;
    float               : right;
    display             : inline;
    margin-top          : 5px;
    margin-bottom       : 4px;
}

.wideContent .wideWrapper{
    background: #fff;
    margin-top: 8px;
    zoom: 1;
    float: left;
    width: 100%;
    padding-top: 6px;
}

.wideContent .wideWrapper:after{
    content: " ";
    display: block;
    clear: both;
}

.wideContent .wideWrapper .pagerNav { margin-top: -14px; }
.wideContent .wideWrapper .horizontalNav { margin-top: -16px; }
.wideContent .wideWrapper .pagerNav .horizontalNav { margin-top: -3px; }

.content .toggleSection {
    float               : right;
    height              : 23px;
    background          : url(/images/page/horizontalNavBg.png) right -196px no-repeat;
    color               : #669502;
    font-size           : 11px;
    font-weight         : bold;
    padding             : 5px 24px 0 0;
    line-height         : 21px;
    position            : relative;
    top                 : -4px;
    margin-right        : 10px;
}

.content .toggleSection .show{
    
}

.content .topSort{
    margin-top          : 6px;
}

.content .topSort label{
    float               : left;
    font-weight         : bold;
    color               : #7faa24;
    line-height         : 25px;
    padding             : 4px 10px 0;
}

.content .topSort .cmf-skinned-select{
    float: left;
}


.content .horizontalNav {
    float               : right;
    margin-top          : -3px;
    position            : relative;
    margin-bottom       : 30px;
    height              : 28px;
}

.content .horizontalNavShortBottom {
	margin-bottom       : 0px;
}


.content .horizontalNav li {
    float               : left;
    height              : 28px;
    line-height         : 28px;
    margin-right        : 10px;
}
/* Zmiana z -1 na 0 */
#cardWrap .horizontalNav li{
    letter-spacing: 0px;
}

#main .barNav { margin-bottom: 5px; }

#main .barNav .horizontalNav {
    float               : left;
    margin-bottom       : -22px;
    padding-left        : 10px;
}

#main .barNav .pagerNav .horizontalNav { padding-left: 0; }
#main .barNav .horizontalNav li { line-height: 28px; }

#main .pagerNav .horizontalNav li {
    margin-right        : 0;
    line-height         : 28px;
}

#main .pagerNav .horizontalNav {
    float               : right;
    margin-bottom       : -22px;
}

#main .paginationNav {
    float               : right;
}

#main .paginationNav li {
    float               : left;
}


.content .horizontalNav li a {
    height              : 27px;
    color               : #577f01;
    float               : left;
    padding             : 0 10px;
}


.content .horizontalNav li a:hover, .content .horizontalNav li a.active {
    background          : url(/images/page/horizontalNavBg.png) no-repeat;
    color               : #ffffff;
}

#main .pagerNav .horizontalNav li a:hover, #main .pagerNav .horizontalNav li a.active { background-position: 3px -56px; }

.content .horizontalNav li a:hover b, .content .horizontalNav li a.active b {
    height              : 27px;
    float               : left;
    background          : url(/images/page/horizontalNavBg.png) right -28px no-repeat;
    padding-right       : 4px !important;
    margin-right        : -4px;
    cursor              : pointer;
}

.content .horizontalNav li a {
    padding-right       : 4px;
    padding-left        : 8px;
}

.content .pagerNav .horizontalNav li a {
    padding             : 0 4px 0 8px;
    background-position : 0 -56px !important;
}

#main .pagerNav .horizontalNav li a b {
    padding             : 0 5px 0 1px;
    margin              : 0 -4px 0 0;
    font-weight         : normal;
}

#main .pagerNav .horizontalNav li a:hover b { padding: 0 4px 0 1px; }

#main .pagerNav .horizontalNav li a:hover b, 
#main .pagerNav .horizontalNav li a.active b { 
    background-position : right -84px; 
    font-weight         : bold; 
}

.content .horizontalNav li span {
    padding             : 0 5px 0 6px;
    color               : #80C01B;
}

.content .horizontalNav li strong {
    font-weight         : normal;
}

.content .horizontalNavLeft{
    float               : left;
    margin-left         : 10px;
    display             : inline;
    
}

.content .horizontalNavNewsfeed {
    float               : right;
    display             : inline;
}

.content .horizontalNavNewsfeed {
    margin-left         : 140px;
}

.content .horizontalNavBlue li a:hover, .content .horizontalNavBlue li a.active { background-position: 0 -140px; }
.content .horizontalNavBlue li a:hover b, .content .horizontalNavBlue li a.active b { background-position: right -168px; }

#main .pagerNav .prev, #main .pagerNav .next {
    float               : right;
    height              : 28px;
    /*width               : 33px;*/
    width               : 19px;
    margin-bottom       : -25px;
    position            : relative;
}

#main .pagerNav .next{/* margin-right: 10px;*/  margin-right: 24px; _margin-right: 12px; }

#main .pagerNav .prev a,
#main .pagerNav .next a{
    float               : right;
    background          : url(/images/page/horizontalNavBg.png) 0 -112px no-repeat;
    text-indent         : -99999px;
    height              : 28px;
    width               : 19px;
    position            : relative;
    top                 : -3px;
}

#main .pagerNav .next a{
    float: left;
    background-position : -19px -112px;
}

#main .pagerNav .prev .first,
#main .pagerNav .prev .last,
#main .pagerNav .next .last,
#main .pagerNav .next .first {
    display             : none;
    background-position : -38px -112px;
    width               : 12px;
    height              : 20px;
    float               : left;
    top                 : 2px;
}

#main .pagerNav .next .last{
    background-position : -50px -112px;
    float               : right;
}

#main .pagerNav .next .last{
    display             : none;
}

#main .pagerNav .prev:hover .first, #main .pagerNav .next:hover .last,
#main .pagerNav .prev.hover .first, #main .pagerNav .next.hover .last{
    display             : block;
}

#main .pagerNav .prev:hover, #main .pagerNav .next:hover,
#main .pagerNav .prev.hover, #main .pagerNav .next.hover{
    width             : 33px;
}

#main .pagerNav .next.hover, #main .pagerNav .next:hover{ margin-right: 10px; _margin-right: 5px; }

.content #ads {
    width               : 97%;
    clear               : both;
    margin-left         : 2%;
}

.content #ads .dark td { background: #f0fce9; }
.content #ads .image { width: 80px; }
.content #ads .image img { padding: 5px;}
.content #ads a { color: #223e31; }
.content #ads .city { text-align: center; }
.content #ads .price { text-align: right; padding-right: 5px; }

.content #ads th {
	color:#577f01;
	padding-bottom:4px;
	vertical-align:bottom;
}

.content #ads th .normal {
	font-weight:normal;
}

.content #ads th.category {
	padding-right:60px;
}

.content #ads h2 {
    font-size           : 13px;
    font-weight         : bold;
    float               : left;
    padding-right       : 3px;
    width               : 210px;
}

.content #ads p{
    clear               : both;
}

.content .bottom,
.content .bottom-2 {
    width               : 100%;
    height              : 20px;
    background          : url(/images/page/contentBottom.gif) bottom no-repeat;
    float               : left;
    clear               : both;
}

.wideContent .bottom {
    width               : 100%;
    height              : 8px;
    background          : url(/images/page/wideContentBg.png) -855px bottom no-repeat;
    float               : left;
    clear               : both;
}

.content .bottom-2 { margin-top: -11px; }

.content .emptyList,
.content .noResults {
    clear               : both;
    text-align          : center;
    margin-top          : 20px;
    width               : 100%;
    float               : left;
    color               : #577f01;
    font-weight         : bold;
    padding             : 15px 0;
    background          : #f0fce9;
}

.content .membersList .emptyList,
.content .membersList .noResults {
    width               : 595px;
    background          : none;
}
/* ---------------------------------------- */




/* ------------- Vertical Menu ------------ */
#main #verticalMenu,
#main .verticalMenu {
    width               : 180px;
    float               : left;
    margin              : 5px;
    background          : url(/images/page/verticalNavTop.gif) #ffffff top no-repeat;
	position:relative;
}

#main .verticals {
    width               : 190px;
    float               : left;
}

#main .verticals #verticalMenu,
#main .verticals .verticalMenu {
    _float: none;
}

#main .verticals #verticalMenu .bottom, #main .verticals .verticalMenu .bottom{
    clear               : both;
    height              : 10px;
    background          : url(/images/page/verticalNavBottom.gif) bottom no-repeat;
}

#main #verticalMenu .headerRed span, #main .verticalMenu .headerRed span { padding: 10px 56px 7px; }
#main #verticalMenu .wide span, #main .verticalMenu .wide span { padding: 10px 0 7px; width: 175px; text-align: center; }
#main #verticalMenu .headerRed .rightBg, #main .verticalMenu .headerRed .rightBg { padding: 0; width: 5px; }
#main #verticalMenu .headerOrange span, #main .verticalMenu .headerOrange span { padding: 10px 46px 7px; }
#main #verticalMenu .headerOrange .rightBg, #main .verticalMenu .headerOrange .rightBg { padding: 0; }

#main #verticalMenu .headerDD span, #main .verticalMenu .headerDD span { padding: 10px 10px 7px; width: 155px; }
#main #verticalMenu .headerDD .rightBg, #main .verticalMenu .headerDD .rightBg { padding: 0; width: 5px; }

#main #verticalMenu ul,
#main .verticalMenu ul {
    width               : 100%;
    float               : left;
    margin-top          : 5px;
    padding-bottom      : 10px;
    background          : url(/images/page/verticalNavBottom.gif) bottom no-repeat;
}

#main #verticalMenu ul li,
#main .verticalMenu ul li {
    width               : 180px;
    float               : left;
    clear               : both;
    background          : url(/images/page/arrow1.gif) 165px 13px no-repeat;
    line-height         : 30px;
    height              : 30px;
}

#main .verticalMenu ul.tag-cloud {
    float               : left !important;
    clear               : both !important;
    padding             : 5px 5px 5px 5px !important;
    width               : 170px !important;
}

#main .verticalMenu ul.tag-cloud li {
    display             : inline !important;
    width               : auto !important;
    clear               : none !important;
    float               : none !important;
    background          : none !important;
    line-height         : normal !important;
    height              : auto !important;
}

#main .verticalMenu ul.tag-cloud li a {
    display             : inline !important;
    width               : auto !important;
    clear               : none !important;
    float               : none !important;
    background          : none !important;
    white-space         : nowrap;
    font-weight         : normal;
    line-height         : auto !important;
    font-size           : 100% !important;
    padding             : 0 5px 0 0 !important;
	line-height			: 20px;
}

#main #verticalMenu ul .vote {
    background          : url(/images/page/star.png) 158px center no-repeat !important;
}

#main #verticalMenu ul .dark,
#main .verticalMenu ul .dark {
    background          : url(/images/page/arrow1.gif) #f0fce9 165px 13px no-repeat;
}

#main #verticalMenu ul li a,
#main #verticalMenu ul li p.text,
#main .verticalMenu ul li a {
    color               : #354f00;
    font-size           : 12px;
    font-weight         : bold;
    float               : left;
    width               : 170px;
    padding             : 0 0 0 10px;
}

#main #verticalMenu ul li a:hover,
#main .verticalMenu ul li a:hover { 
    display             : block;
    text-decoration     : underline;
}

#main #verticalMenu ul li .payment_btn:hover { text-decoration: underline; }
#main #verticalMenu ul li .payment_btn {
    border              : none;
    background          : none;
    color               : #354F00;
    font-weight         : bold;
    font-size           : 12px;
    height              : 32px;
    cursor              : pointer;
    padding             : 0 6px;
    clear               : both;
    float               : left;
    text-align          : left;
}

#main #verticalMenu #ddnav ul,
#main .verticalMenu #ddnav ul{
    background-image: none;
}

#main #verticalMenu #ddnav ul .dark,
#main .verticalMenu #ddnav ul .dark{
    background-image: none;
}

#main #verticalMenu #ddnav ul li a:hover,
#main .verticalMenu #ddnav ul li a:hover{
    background          : #547e12;
    text-decoration     : none;
    color               : #fff !important;
}

#main #verticalMenu ul .categoryMap,
#main .verticalMenu ul .categoryMap {
    height              : auto;
    line-height         : normal;
    width               : 160px;
    padding             : 5px 0;
    margin              : 5px 0 0 10px;
    display             : inline;
    background          : none;
    border-top          : solid 1px #95c63d;
}

#main #verticalMenu ul .categoryMap a,
#main .verticalMenu ul .categoryMap a {
    text-align          : right;
    font-size           : 10px;
    font-weight         : normal;
    color               : #577f01;
    padding             : 0;
    width               : 160px;
}

#main #sortMenu {
    background          : url(/images/page/verticalNavBottom.gif) bottom no-repeat;
    clear               : both;
	margin-top			:0;
    padding             : 10px 0;
}

.content #sortMenu {
	margin-top			:0;
	width:				350px !important;
}

.content #sortMenu form {
	width:				350px !important;
}

#main #sortMenu form {
    width               : 150px;
    margin              : 0 auto;
}

#main #sortMenu label {
    color               : #7FAA24;
    font-weight         : bold;
    display             : block;
    background          : #ffffff;
	padding-top		:3px;
}

#main #sortMenu .cmf-skinned-select { float:left; }

#main #sortMenu .userGroupFiltersText {
    background          : url(/images/page/fastSearchBg.png) left bottom no-repeat;
    margin              : 0 0 5px 0;
}

#main #sortMenu .userGroupFiltersButton input {
    width               : 62px;
    background          : url(/images/page/more2.gif) right top no-repeat;
    border              : none;
    color               : #577f01;
    cursor              : pointer;
    float               : right;
    font-weight         : bold;
    height              : 19px;
    line-height         : 17px;
    margin-top          : 5px;
    font-size           : 12px;
}

#main #sortMenu .userGroupFiltersText input {
    width               : 141px;
    height              : 14px;
    padding             : 0 5px;
    border              : none;
    font-size           : 12px;
    color               : #ffffff;
    font-weight         : bold;
    background          : none;
    margin-top          : 13px;
    margin-bottom       : 5px;
}

#main #sortMenu .scheme-1,
#main #sortMenu .scheme-2 {
    float               : left;
    background          : url(/images/page/editBg3.png) right -146px no-repeat;
    width               : 72px;
    height              : 23px;
    margin-top          : 5px;
}

#main #sortMenu .scheme-2{ float: right; }

#main #sortMenu .scheme-1 label,
#main #sortMenu .scheme-2 label {
    float               : left;
    width               : 20px;
    line-height         : 23px;
}

#main #sortMenu .scheme-1 input,
#main #sortMenu .scheme-2 input {
    float               : right;
    width               : 40px;
    background          : transparent;
    color               : #fff;
    font-size           : 11px;
    border              : 0;
    font-weight         : bold;
    margin              : 4px 5px 0;
}

#main #sortMenu .button{
    height              : 19px;
    overflow            : hidden;
    clear               : both;
    padding             : 10px 0 0;
}

#main #sortMenu .button input{
    font-weight         : bold;
    font-size           : 12px;
    color               : #577F01;
    cursor              : pointer;
    background          : url(/images/page/more.gif) right 0 no-repeat;
    border              : none;
    padding-right       : 15px;
    text-align          : right;
    display             : block;
    height              : 19px;
    float               : right;
}

#main #sortMenu .smCityChange {
    background              : url(/images/page/fastSearchBg.png) left bottom no-repeat;
    margin                  : 5px 0;
}

#main #sortMenu .smCityChange input {
    background              : none;
    border                  : none;
    color                   : #ffffff;
    font-size               : 11px;
    font-weight             : bold;
    height                  : 14px;
    padding                 : 0 5px;
    width                   : 141px;
    margin                  : 6px 0 4px;
}
/* ---------------------------------------- */




/* ------------ Vertical ddnav ------------ */
#main #ddnav {
    overflow            : hidden;
    width               : 180px;
    position            : relative;
    top                 : -35px;
    margin-bottom       : -23px;
    clear               : both;
}

#main #ddnav .bdc-dd-menu {
    width               : 180px;
    height              : 410px;
    margin              : 0;
    overflow            : hidden;
    position            : relative;
}

#main #ddnav .bdc-dd-menu-panel {
    padding             : 0;
    margin              : 0;
    overflow            : hidden;
    zoom                : 1;
}

#main #ddnav .bdc-dd-scroll-pane {
    overflow            : hidden;
    position            : relative;
    background-color    : #fff;
}

#main #ddnav .bdc-dd-scroll-pane ul { margin-top   : 7px; }

#main #ddnav .bdc-dd-sub-menu {
    padding             : 0;
    margin              : 0;
    clear               : both;
    background          : none;
}

#main #ddnav .bdc-dd-item { background-image: none; }

#main #ddnav .bdc-dd-label {
    padding             : 0;
    margin              : 0;
    cursor              : pointer;
}

#main #ddnav .bdc-dd-label span { background: url(/images/page/arrow1.gif) 155px 13px no-repeat; }
#main #ddnav .bdc-dd-label-hover span { background: url(/images/page/arrow1.gif) 155px 13px no-repeat; }

#main #ddnav .bdc-dd-label-initial {
    padding             : 0;
    margin              : 0;
    cursor              : pointer;
    background-color    : #3cf;
}

#main #ddnav .bdc-dd-text,
#main #ddnav .bdc-dd-text-hover{
    color               : #354F00;
    float               : left;
    font-size           : 12px;
    font-weight         : bold;
    width               : 150px !important;
    cursor              : pointer;
}

#main #ddnav .bdc-dd-label-hover .bdc-dd-text {
    display             : block;
}

#main #ddnav .bdc-dd-icon,
#main #ddnav .bdc-dd-icon-hover {
    float               : right;
    width               : 20px;
    height              : 30px !important;
    background          : url(/images/page/arrow1.gif) 8px 12px no-repeat;
}

#main #ddnav .bdc-dd-icon-hover {
    background          : #547e12 url(/images/page/arrow1.gif) 8px -31px no-repeat !important;
}

#main #ddnav .bdc-dd-title-icon {
    float               : left;
    height              : 19px !important;
    width               : 13px !important;
    position            : absolute;
    cursor              : pointer;
}

#main #ddnav .bdc-dd-title-back-icon {
    float               : left;
    left                : 15px;
    height              : 19px !important;
    width               : 13px !important;
    position            : absolute;
    cursor              : pointer;
}

#main #ddnav .bdc-dd-title-link {
    float               : right;
    right               : 10px;
    height              : 19px !important;
    width               : 13px !important;
    position            : absolute;
    cursor              : pointer;
    text-indent         : -99999px;
}

#main #ddnav .bdc-dd-label-hover .bdc-dd-icon {
    width               : 20px;
    float               : right;
    margin              : 0;
    padding             : 0;
    background          : url(../images/arrow-white-right.png) no-repeat;
    background-position: center center;
}

#main #ddnav .bdc-dd-title,
#main #ddnav .bdc-dd-title-hover {
    color               : #fff;
    font-weight         : bold;
    height              : 25px;
    background          : url(/images/page/ddHeadBg.png) -6px 0 no-repeat;
    line-height         : 18px;
    font-size           : 12px;
    padding             : 10px 0 0;
    text-align          : center;
}

#main #ddnav .bdc-dd-title .bdc-dd-title-label,
#main #ddnav .bdc-dd-title-hover .bdc-dd-title-label {
    padding             : 0 0 0 29px;
    width               : 127px !important;
    height              : 20px;
    overflow            : hidden;
}

#main #ddnav .bdc-dd-title-root,
#main #ddnav .bdc-dd-title-root-hover {
    height              : 35px;
}

#main #ddnav .bdc-dd-title-root .bdc-dd-title-label,
#main #ddnav .bdc-dd-title-root-hover .bdc-dd-title-label {
    margin              : 0;
    display             : none;
}

#main #ddfoot {
    overflow            : hidden;
    position            : relative;
    bottom              : 0;
    clear               : both;
    zoom                : 1;
    padding-bottom      : 5px;
    background          : url(/images/page/verticalNavBottom.gif) 0 bottom no-repeat;
}

#main #ddfoot span {
    display             : block;
    width               : 164px;
    margin              : 0 auto;
    font-size           : 10px;
    border-top          : 1px #95C63D solid;
}

#main #ddfoot span a:hover { text-decoration: underline; }

#main #ddfoot span a {
    color               : #577F01;
    text-align          : right;
    display             : block;
    padding             : 5px 3px 0;
}
/* ---------------------------------------- */




/* -------------- Select Category ------------ */
#main .selectCategory {
    position: relative;
    z-index: 9999;
}

#main .selectCategory .ddcat{
    position: absolute;
    z-index: 9999;
    left: 0;
    top: 5px;
}

#main .hideCategory .ddcat{ display: none; }

#main .ddcat {
    overflow            : hidden;
    width               : 180px;
    position            : relative;
    /*top                 : -35px;*/
    /*margin-bottom       : -35px;*/
    background: url(/images/page/ddcatBg.png) -360px bottom no-repeat;
    padding-bottom: 3px;
}

#main .ddcat .bdc-dd-menu {
    width               : 180px;
    height              : 290px;
    margin              : 0;
    overflow            : hidden;
    position            : relative;
}

#main .ddcat .bdc-dd-menu-panel {
    padding             : 0;
    margin              : 0;
    overflow            : hidden;
    zoom                : 1;
    width: 180px !important;
    background: #7faa24;
}

#main .ddcat .bdc-dd-scroll-pane {
    overflow            : hidden;
    position            : relative;
    width: 180px !important;
}

#main .ddcat .bdc-dd-scroll-pane ul { margin-top   : 7px; }

#main .ddcat .bdc-dd-sub-menu {
    padding             : 0;
    margin              : 0;
    clear               : both;
    background          : transparent;
}

#main .ddcat .bdc-dd-item {
    background-image: none;
    clear: both;
    background: #7faa24 url(/images/page/ddcatBg.png) -540px -32px no-repeat;
    width: 180px;
    padding-top: 1px;
    overflow: hidden;
    zoom                : 1;
    float: left;
}

#main .ddcat .bdc-dd-label,
#main .ddcat .bdc-dd-label-hover {
    padding             : 0 4px;
    margin              : 0;
    cursor              : pointer;
    height: auto !important;
}

#main .ddcat .bdc-dd-label span { background: url(/images/page/arrow1.gif) 155px 13px no-repeat; }
#main .ddcat .bdc-dd-label-hover span { background: url(/images/page/arrow1.gif) 155px 13px no-repeat; }

#main .ddcat .bdc-dd-label-initial {
    padding             : 0;
    margin              : 0;
    cursor              : pointer;
    background-color    : #3cf;
}

#main .ddcat .bdc-dd-text,
#main .ddcat .bdc-dd-text-hover{
    color               : #fff;
    float               : left;
    font-size           : 12px;
    font-weight         : bold;
    width               : 149px !important;
    cursor              : pointer;
    line-height: 14px;
    padding: 8px 0 8px 6px;

}

#main .ddcat .bdc-dd-label-hover .bdc-dd-text {
    display             : block;
}

#main .ddcat .bdc-dd-icon,
#main .ddcat .bdc-dd-icon-hover {
    float               : right;
    width               : 14px;
    height              : 26px !important;
    background          : url(/images/page/arrow1.gif) 4px -81px no-repeat;
}

#main .ddcat .bdc-dd-icon-hover {
    /*background          : #547e12 url(/images/page/arrow1.gif) 8px -31px no-repeat !important;*/
}

#main .ddcat .bdc-dd-title-icon {
    float               : left;
    height              : 19px !important;
    width               : 13px !important;
    position            : absolute;
    cursor              : pointer;
    left                : 7px;
}

#main .ddcat .bdc-dd-title-back-icon {
    float               : left;
    left                : 22px;
    height              : 19px !important;
    width               : 13px !important;
    position            : absolute;
    cursor              : pointer;
}

#main .ddcat .bdc-dd-title-link {
    float               : right;
    right               : 10px;
    height              : 19px !important;
    width               : 13px !important;
    position            : absolute;
    cursor              : pointer;
    text-indent         : -99999px;
}

#main .ddcat .bdc-dd-label-hover .bdc-dd-icon {
    width               : 20px;
    float               : right;
    margin              : 0;
    padding             : 0;
    background          : url(../images/arrow-white-right.png) no-repeat;
    background-position: center center;
}

#main .ddcat .bdc-dd-title,
#main .ddcat .bdc-dd-title-hover {
    color               : #fff;
    font-weight         : bold;
    height              : 18px;
    background          : url(/images/page/ddcatBg.png) 0 0 no-repeat;
    line-height         : 12px;
    font-size           : 11px;
    padding             : 10px 0 0;
    text-align          : center;
}

#main .ddcat .bdc-dd-title .bdc-dd-title-label,
#main .ddcat .bdc-dd-title-hover .bdc-dd-title-label {
    width: 125px !important;
    padding: 0 20px 0 35px;
    margin-right: 0 !important;
}

#main .ddcat .bdc-dd-title-root,
#main .ddcat .bdc-dd-title-root-hover {
    height              : 18px;
    background          : url(/images/page/ddcatBg.png) -180px 0 no-repeat;
    padding             : 10px 0 0;
}

#main .ddcat .bdc-dd-title-root .bdc-dd-title-label,
#main .ddcat .bdc-dd-title-root-hover .bdc-dd-title-label {
    margin              : 0;
    color               : #fff;
    font-weight         : bold;
    height              : 18px;
    line-height         : 12px;
    text-align: center;
    width: 140px;
    padding: 0 20px;
}

/* ---------------------------------------- */



/* -------------- Members List ------------ */
.content .membersList,
.content .photosList,
.content .photoList {
    width               : 100%;
    float               : left;
    clear               : both;
    padding-top         : 5px;
}

.content .photosList {
    padding-top         : 20px;
    height              : 75px;
}

.content .membersListWithoutNav {
    width               : auto;
    padding             : 5px 0 0 10px;
    height              : auto;
}

.content .membersListWithoutNav li.memberBox { margin: 0 5px 10px 5px !important; }

.memberBox {
    width               : 95px;
    height              : 90px;
    float               : left;
    background          : #f1f7e8;
    margin              : 0 24px 0 0;
    display             : inline;
    position            : relative;
    overflow            : visible;
    z-index             : 1;
}

.memberBox:hover {
    z-index             : 2;
}

.memberBox .votes {
    width               : 100%;
    text-align          : center;
    color               : #669502;
    position            : absolute;
    bottom              : -15px;
    left                : 0;
}

.content .votesSum {
    float               : left;
    margin              : 18px 0 0 10px;
    display             : inline;
    color               : #669502;
}

.memberBox .votes {
    width               : 100%;
    text-align          : center;
    color               : #669502;
    position            : absolute;
    bottom              : -15px;
    left                : 0;
}

.content .votesSum {
    float               : left;
    margin              : 18px 0 0 10px;
    display             : inline;
    color               : #669502;
}

.memberBox .remove,
.memberBox .withdraw,
.memberBox .reject {
    width               : 15px;
    height              : 15px;
    text-indent         : -99999px;
    display             : none;
    background          : url(/images/page/del.png) 0 0 no-repeat;
    position            : absolute;
    top                 : 8px;
    left                : 8px;
}

.memberBox .accept {
    width               : 15px;
    height              : 15px;
    text-indent         : -99999px;
    display             : none;
    background          : url(/images/page/save.png) 0 0 no-repeat;
    position            : absolute;
    top                 : 8px;
    left                : 25px;
}

.memberBox .memberDo {
    position            : absolute;
    top                 : 95px;
    left                : 27px;
    width               : 40px;
}

.memberBox .memberDo .remove {
    position            : static;
    width               : 16px;
    height              : 16px;
    background: url(/images/page/edit.png) 0 -16px no-repeat;
    float               : right;
}



.content .photosList .photoBox {
    width               : 75px;
    height              : 75px;
    float               : left;
    margin              : 0 5px;
    display             : inline;
}

.content .photoList .photoBox {
    width               : 75px;
    height              : 75px;
    float               : left;
    margin              : 14px 0 14px 28px;
    display             : inline;
}

.content .photoList .photoBox:hover .photoInfoBox {
    display             : block;
}

.content .photoList .photoBox .photoInfoBox {
    width               : 200px;
    position            : absolute;
    background          : url(/images/page/toolTipTop2.png) no-repeat;
    clear               : both;
    margin              : -10px 0 0 -60px;
    display             : none;
    z-index             : 99999;
}

.content .photoList .photoBox .photoInfoBox .infoBoxBg {
    width               : 180px;
    padding             : 10px;
    margin-top          : 21px;
    background          : url(/images/page/toolTipBg3.gif) repeat-y;
    float               : left;
}

.content .photoList .photoBox .photoInfoBox .infoBoxBottom {
    width               : 200px;
    height              : 17px;
    background          : url(/images/page/toolTipBottom2.png) no-repeat;
    float               : left;
}

.content .photoList .photoBox .photoInfoBox h4 {
    font-size           : 12px;
    font-weight         : bold;
    color               : #ffffff;
    margin              : -28px 0 -15px 0;
    position            : relative;
}

.content .photoList .photoBox .photoInfoBox p {
    font-size           : 11px;
    color               : #ffffff;
    margin              : 20px 0 -15px 0;
    position            : relative;
}

.content .photoList .photoBox {
    width               : 75px;
    height              : 75px;
    float               : left;
    margin              : 14px 0 14px 28px;
    display             : inline;
}

.content .photoList .photoBox:hover .photoInfoBox {
    display             : block;
}

.content .photoList .photoBox .photoInfoBox {
    width               : 200px;
    position            : absolute;
    background          : url(/images/page/toolTipTop2.png) no-repeat;
    clear               : both;
    margin              : -10px 0 0 -60px;
    display             : none;
    z-index             : 99999;
}

.content .photoList .photoBox .photoInfoBox .infoBoxBg {
    width               : 180px;
    padding             : 10px;
    margin-top          : 21px;
    background          : url(/images/page/toolTipBg3.gif) repeat-y;
    float               : left;
}

.content .photoList .photoBox .photoInfoBox .infoBoxBottom {
    width               : 200px;
    height              : 17px;
    background          : url(/images/page/toolTipBottom2.png) no-repeat;
    float               : left;
}

.content .photoList .photoBox .photoInfoBox h4 {
    font-size           : 12px;
    font-weight         : bold;
    color               : #ffffff;
    margin              : -22px 0 -15px 0;
    position            : relative;
}

.content .photoList .photoBox .photoInfoBox p {
    font-size           : 11px;
    color               : #ffffff;
    margin              : 20px 0 -15px 0;
    position            : relative;
}

.memberBox img {
    margin              : 5px;
    float               : left;
}

.memberBox ul {
    float               : left !important;
    margin-top          : 5px !important;
    width               : auto !important;
    background          : transparent !important;
    padding-bottom      : 0 !important;
}

.verticalMenu .memberBox {
    float               : none;
    margin              : 0 auto;
    border-top          : 10px #fff solid;
    display             : block;
    clear               : both;
}

.memberBox ul li {
    width               : 28px !important;
    height              : 20px !important;
    float               : left !important;
    clear               : both !important;
    margin-right        : -4px !important;
    position            : relative !important;
    line-height         : normal !important;
    background          : transparent !important;
}

.memberBox ul li a {
    width               : 28px !important;
    height              : 20px !important;
    float               : left !important;
    text-indent         : -99999px !important;
    padding             : 0 !important;
    background          : url(/images/page/membersActionsBg.png) -9999px no-repeat;
}

.memberBox ul .membersListOption1 a{ background-position: 0 0; }
.memberBox ul .membersListOption2 a{ background-position: 0 -20px; }
.memberBox ul .membersListOption3 a{ background-position: 0 -40px; }

.memberBox ul .membersListOption1 a:hover{ background-position: -29px 0; }
.memberBox ul .membersListOption2 a:hover{ background-position: -29px -20px; }
.memberBox ul .membersListOption3 a:hover{ background-position: -29px -40px; }

.content .membersList .prev,
.content .photosList .prev{
    width               : 28px;
    height              : 19px;
    float               : left;
    display             : inline;
    margin              : 30px 7px 0 -4px;
    position            : relative;
}

.memberBox p {
    width               : 90px;
    overflow            : hidden;
    white-space         : nowrap;
    position            : relative;
    background          : transparent;
    z-index             : 100;
    text-align          : center;
    clear               : both;
    float               : left;
}

.memberBox p a {
    color               : #006600;
    margin              : auto;
    display             : inline-block;
    padding             : 3px 5px;
    background          : #F1F7E8;
    text-align          : center;
}

.memberBox .fade{
    background          : url(/images/page/fade.png) 0 0 repeat-y;
    display             : block;
    position            : absolute;
    width               : 14px;
    height              : 14px;
    right               : 0;
    bottom              : 4px;
    _background         : none;
    _filter             : progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/page/fade.png', sizingMethod='scale');
}

.memberBox p:hover, #main .memberBox p.hover{
    bottom              : 1px;
    left                : -105px;
    width               : 300px;
    position            : absolute;
    background          : transparent;
    color               : #006600;
    overflow            : visible;
    z-index             : 1000;
    text-align          : center;
}

.memberBox p:hover .fade, #main .memberBox p.hover .fade{ display: none; }

.content .membersList .prev a,
.content .photosList .prev a{
    width               : 28px;
    height              : 19px;
    background          : url(/images/page/membersActionsBg.png) 0 -81px no-repeat;
    float               : left;
    text-indent         : -99999px;
}

.content .membersList .next,
.content .photosList .next{
    width               : 28px;
    height              : 19px;
    float               : left;
    display             : inline;
    margin              : 30px -4px 0 0;
    position            : relative;
}

.content .membersList .next a,
.content .photosList .next a{
    width               : 28px;
    height              : 19px;
    background          : url(/images/page/membersActionsBg.png) 0 -61px no-repeat;
    float               : left;
    text-indent         : -99999px;
}
/* ---------------------------------------- */



/* -------------- Comments ------------ */
#main #iv_comment_form {
    width               : 620px;
    margin              : 0 auto;
    clear               : both;
    position            : relative;
    bottom              : -10px;
}

#main #iv_comment_form .line {
    background          : url(/images/page/commentBg.png) 0 0 no-repeat;
    height              : 130px;
    width               : 600px;
    padding             : 10px;
}

#main #iv_comment_form .line textarea {
    background          : transparent;
    height              : 130px;
    width               : 600px;
    border              : 0;
    color               : #fff;
    font-size           : 12px;
}

#main #iv_comment_form .button {
    margin              : 10px 0 0;
    height              : 19px;
    overflow            : hidden;
}

#main #iv_comment_form .button input {
    font-weight         : bold;
    font-size           : 12px;
    color               : #577F01;
    cursor              : pointer;
    background          : transparent url(/images/page/more.gif) right 0 no-repeat;
    border              : none;
    padding-right       : 15px;
    text-align          : right;
    display             : block;
    height              : 19px;
    float               : right;
}

#main .content .commentItem {
    clear               : both;
    height              : 1%;
    padding             : 14px 0 0;
}

#main .content .comment {
    width               : 521px;
    float               : right;
    padding             : 5px 5px 20px;
    background          : #F1F7E8;
    min-height          : 65px;
    _height             : 65px;
    color               : #2C4000;
    font-size           : 12px;
    z-index             : 1;
}

#main .content .even .comment {
    background          : transparent;
}


#main .content .comment .date {
    position            : absolute;
    bottom              : 5px;
    right               : 5px;
    font-size           : 10px;
}

#main #commentForm{
    width               : 620px;
    margin              : 0 auto;
    clear               : both;
    position            : relative;
    bottom              : -10px;
}

#main #commentForm .textarea{
    background          : url(/images/page/commentBg.png) 0 0 no-repeat;
    height              : 130px;
    width               : 600px;
    padding             : 10px;
}

#main #commentForm .textarea textarea{
    background          : transparent;
    height              : 130px;
    width               : 600px;
    border              : 0;
    color               : #fff;
    font-size           : 12px;
}

#main #commentForm .button{
    margin              : 10px 0 0;
    height              : 19px;
    overflow            : hidden;
}

#main #commentForm .button input{
    font-weight         : bold;
    font-size           : 12px;
    color               : #577F01;
    cursor              : pointer;
    background          : transparent url(/images/page/more.gif) right 0 no-repeat;
    border              : none;
    padding-right       : 15px;
    text-align          : right;
    display             : block;
    height              : 19px;
    float               : right;
}

.content .commentItem{
    clear               : both;
    height              : 1%;
    padding             : 14px 0 0;
}

.content .comment{
    width               : 521px;
    float               : right;
    padding             : 5px 5px 20px;
    background          : #F1F7E8;
    min-height          : 65px;
    _height             : 65px;
    color               : #577f01;
    font-size           : 11px;
    position            : relative;
}

.content .even .comment{ background-color: #fff; }

.content .comment .date{
    position            : absolute;
    bottom              : 5px;
    right               : 5px;
    font-size           : 10px;
}

.content .comment .delete{
    position            : absolute;
    bottom              : 3px;
    left                : 3px;
    text-indent         : -99999px;
    display             : block;
    background          : url(/images/page/edit.png) 0 -16px no-repeat;
    width               : 16px;
    height              : 16px;
}

.content .comment .edit{
    position            : absolute;
    bottom              : 3px;
    left                : 21px;
    text-indent         : -99999px;
    display             : block;
    background          : url(/images/page/edit.png) 0 0 no-repeat;
    width               : 16px;
    height              : 16px;
}

.content .comment .nowedit {
    background          : url(/images/page/editBg.png) 0 -25px no-repeat;
    height              : 81px;
    padding-right       : 5px;
    width               : 396px;
}

.content .comment .nowedit textarea {
    background          : none;
    border              : none;
    color               : #ffffff;
    float               : left;
    font-size           : 12px;
    font-weight         : normal;
    height              : 71px;
    margin              : 5px 0 0 7px;
    width               : 345px;
}

.content .comment .lineErrorWrapper {
    display             : none !important;
}

.content .comment .nowedit .save {
    background          : url(/images/page/save.png) no-repeat;
    border              : none;
    cursor              : pointer;
    height              : 16px;
    overflow            : hidden;
    position            : relative;
    right               : 0;
    text-indent         : -99999px;
    top                 : 4px;
    width               : 16px;
    float               : left;
    left                : 10px;
}

.content .comment .nowedit .cancel {
    background          : url(/images/page/edit.png) 0 -16px no-repeat;
    border              : 0 none;
    cursor              : pointer;
    float               : right;
    height              : 16px;
    overflow            : hidden;
    position            : relative;
    right               : 0;
    text-indent         : -99999px;
    top                 : 4px;
    width               : 16px;
}

#commentActions {
    float               : right;
    padding             : 20px 20px 0 0;
}
#commentActions a {
    background          : url(/images/page/postActions.png) -9999px no-repeat;
    height              : 16px;
    width               : 28px;
    text-indent         : -99999px;
    display             : block;
    float               : left;
    margin-right        : 2px;
}
#commentActions .url { background-position: 0 0; }
#commentActions .bold { background-position: -30px 0; }
#commentActions .photo { background-position: -60px 0; }

#main .content .comment p {
    float               : left;
    width               : 504px;
}
/* ---------------------------------------- */



/* -------------- photoView ------------ */
.content #photoView {
    width               : 100%;
    float               : left;
    margin-top          : 25px;
}

.content #photoView .photoBox {
    width               : 594px;
    float               : left;
    text-align          : center;
    padding-bottom      : 15px;
}

.content #photoView .prev {
    width             : 28px;
    height            : 19px;
    float             : left;
    display           : inline;
    margin            : 130px 7px 0 -4px;
    position          : relative;
}

.content #photoView .prev a {
    width             : 28px;
    height            : 19px;
    background        : url(/images/page/membersActionsBg.png) 0 -81px no-repeat;
    float             : left;
    text-indent       : -99999px;
}

.content #photoView .next {
    width             : 28px;
    height            : 19px;
    float             : left;
    display           : inline;
    margin            : 130px -4px 0 0;
    position          : relative;
}

.content #photoView .next a {
    width             : 28px;
    height            : 19px;
    background        : url(/images/page/membersActionsBg.png) 0 -61px no-repeat;
    float             : left;
    text-indent       : -99999px;
}
/* ---------------------------------------- */



/* -------------- Notifiy ------------ */
#main .notify-2 { position: relative; }

#main #showPrompt {
    clear               : both;
    display             : block;
    margin              : 0 auto;
    width               : 100px;
    height              : 30px;
    font-weight         : bold;
}

#main .notify-2 h3 {
    font-size           : 14px;
    font-weight         : bold;
    color               : #354F00;
    line-height         : 15px;
    padding             : 16px 30px 0 10px;
    float               : left;
    width               : 300px;
}

#main .notify-2 .options {
    position            : absolute;
    top                 : 10px;
    right               : 10px;
    font-size           : 12px;
    font-weight         : bold;
}

#main .notify-2 .options li { padding: 2px 0; }

#main .notify-2 .options li a {
    color               : #577F01;
    padding             : 2px 17px 2px 0;
    line-height         : 15px;
    background          : url(/images/page/more.gif) right 0 no-repeat;
    display             : block;
    width               : 130px;
    text-align          : right;
}

#main .notify-2 .options li a:hover { text-decoration: underline; }

#main .notify-2 .description {
    clear               : both;
    float               : left;
    color               : #577F01;
    font-size           : 12px;
    width               : 475px;
    padding             : 15px 15px 20px;
    position            : relative;
}

#main .notify-2 .description p { padding-bottom: 10px; }

#main .notify-2 .description .accept,
#main .notify-2 .description .close {
    background          : url(/images/page/accept.png) 0 0 no-repeat;
    height              : 16px;
    width               : 28px;
    display             : block;
    text-indent         : -99999px;
    float               : left;
    position            : absolute;
    bottom              : 5px;
    left                : 300px;
}

#main .notify-2 .description .close {
    background          : url(/images/page/edit.png) 0 -16px no-repeat;
    width               : 16px;
    left                : 332px;
}

.content .notify-3 {
    float               : right;
    position            : relative;
    padding             : 16px 30px 0 10px;
    width               : 490px;
    _width              : 475px;
}

.content .notify-3 p {
    font-size           : 12px;
    font-weight         : bold;
    color               : #577F01;
    line-height         : 15px;
}

.content .notify-3 p a {
    color               : #577f01;
    font-weight         : bold;
    text-decoration     : underline;
}

.content .notify-3 p a:hover { text-decoration: none; }

.content .notify-3 .close {
    background          : url(/images/page/edit.png) 0 -16px no-repeat;
    height              : 16px;
    width               : 16px;
    display             : block;
    text-indent         : -99999px;
    position            : absolute;
    top                 : 16px;
    right               : 13px;
}
/* ---------------------------------------- */




/* --------------- Impromptu -------------- */
.jqiwarning .jqi { background-color: #b0be96; }

.jqifade {
    position            : absolute;
    background-color    : #729F12;
}

.jqi {
    position            : absolute;
    background          : url(/images/page/promptBg.png) 0 -9px no-repeat;
    width               : 489px;
    text-align          : left;
    float               : left;
    display             : inline;
    padding-top         : 4px;
    left                : 50% !important;
    margin-left         : -245px !important;
}

.jqi .notify-1 {
    top                 : -5px;
    position            : relative;
    width               : 100%;
}

.jqi .notify-1 h3 {
    font-size           : 14px;
    font-weight         : bold;
    color               : #354F00;
    line-height         : 15px;
    padding             : 16px 30px 0 10px;
    float               : left;
    width               : 220px;
}

.jqi .notify-1 .options {
    position            : absolute;
    top                 : 10px;
    right               : 10px;
    font-size           : 12px;
    font-weight         : bold;
}

.jqi .notify-1 .options li { padding: 2px 0; }

.jqi .notify-1 .options li a {
    color               : #577F01;
    padding             : 2px 17px 2px 0;
    line-height         : 15px;
    background          : url(/images/page/more.gif) right 0 no-repeat;
    display             : block;
    width               : 110px;
    text-align          : right;
}

.jqi .notify-1 .options li a:hover { text-decoration: underline; }

.jqi .notify-1 .description {
    clear               : both;
    float               : left;
    color               : #577F01;
    font-size           : 12px;
    width               : 330px;
    padding             : 15px 15px 0;
    position            : relative;
}

.jqi .notify-3 p,
.jqi .notify-4 p {
    margin              : 10px 0;
    clear               : both;
    width               : 100%;
    text-align          : center;
    float               : left;
    font-size           : 12px;
    color               : #7FAA24;
}

.jqi .jqiclose { display: none; }
.jqi .jqimessage { background-color: #fff; }

.jqi .jqicontainer {
    background-color    : #fff;
    color               : #000;
}

.jqi .jqibuttons {
    text-align          : center;
    padding             : 5px 0 0 0;
    position            : relative;
    bottom              : -3px;
    height              : 24px;
    clear               : both;
    background          : url(/images/page/promptBg.png) 0 21px no-repeat;
}

.jqi #jqibuttonOk,
.jqi #jqibuttonCancel {
    background          : url(/images/page/accept.png) 0 0 no-repeat;
    height              : 16px;
    width               : 28px;
    display             : block;
    text-indent         : -99999px;
    float               : left;
    cursor              : pointer;
    border              : none;
    position            : relative;
    left                : 220px;
}

.jqi #jqibuttonCancel {
    background          : url(/images/page/edit.png) 0 -16px no-repeat;
    width               : 16px;
    left                : 225px;
}
/* ---------------------------------------- */




/* -------------- Select skin ------------- */
.cmf-skinned-select {
    background          : url(/images/page/selBg.png) top right no-repeat;
    width               : 151px !important;
    height              : 20px !important;
    padding             : 4px 0;
    color               : #fff !important;
    font-weight         : bold;
    white-space         : nowrap;
    margin              : 3px 0 4px;
}
.cmf-skinned-text {
    padding             : 7px 3px 3px 5px;
    width               : 120px !important;
    cursor              : pointer;
    color               : #fff !important;
    font-size           : 11px !important;
    white-space         : pre;
}

.cmf-skinned-select select {
    padding-right       : 10px;
    width               : 148px;
    color               : #fff;
    cursor              : pointer !important;
}

.cmf-skinned-select select option {
    padding             : 1px;
    color               : #000;
    cursor              : pointer !important;
}
/* ---------------------------------------- */




/* ----------------- Footer --------------- */
#footer {
    width               : 100%;
    height              : 110px;
    float               : left;
    clear               : both;
    background          : #577f01;
    padding-top         : 40px;
    margin              : 20px 0;
}

#footer a:hover { text-decoration: underline; }

#footer .middle {
    width               : 800px;
    margin              : 0 auto;
    padding-left        : 15px;
}

#footer .middle #footerNav {
    width               : 280px;
    background          : url(/images/page/footerLogo.png) 20px 0 no-repeat;
    float               : left;
}

#footer .middle #footerNav li {
    float               : left;
    margin-right        : 10px;
    display             : inline;
}

#footer .middle #footerNav li.logo {
    width               : 100%;
    height              : 47px;
    padding-bottom      : 13px;
    margin              : 0;
}

#footer .middle #footerNav li a {
    color               : #ffffff;
    font-size           : 10px;
}

#footer .middle #footerNav li.logo a {
    width               : 116px;
    height              : 47px;
    float               : left;
    margin-left         : 20px;
}

#footer .middle #footerMenu {
    width               : 520px;
    margin-top          : 25px;
    float               : left;
}


#footer .middle #footerMenu li {
    float               : left;
    display             : inline;
    margin-right        : 40px;
}

#footer .middle #footerMenu li a {
    color               : #ffffff;
    font-size           : 14px;
    font-weight         : bold;
}

#footer .middle .createBy {
    width               : 100%;
    text-align          : right;
    float               : left;
    clear               : both;
    font-size           : 10px;
    margin-top          : 15px;
}

#footer .middle .createBy a {
    color               : #ffffff;
}
/* ---------------------------------------- */




/* ------------ Activate account ---------- */
.notify-2 .activateAccount {
    width               : 620px;
    line-height         : 18px;
}

.notify-2 .activateAccount .registration {
    width               : 100%;
    float               : left;
}

.notify-2 .activateAccount label {
    float               : left;
    width               : 30px;
    padding-right       : 5px;
    color               : #7faa24;
    font-weight         : bold;
    font-size           : 11px;
    clear               : both;
    line-height         : 22px;
    text-align          : right;
}

.notify-2 .activateAccount .registration .line {
    height              : 22px;
    float               : left;
    padding-right       : 5px;
    background          : url(/images/page/settingsInputRight.gif) right top no-repeat;
}

.notify-2 .activateAccount .registration .line .registrationInputLeft {
    width               : 5px;
    height              : 22px;
    float               : left;
    background          : url(/images/page/settingsInputLeft.gif) no-repeat;
    clear               : none;
}

.notify-2 .activateAccount .registration .line input {
    width               : 160px;
    float               : left;
    border              : none;
    padding             : 5px 0;
    height              : 12px;
    font-size           : 11px;
    color               : #ffffff;
    background          : #7faa24;
}

.notify-2 .activateAccount .registration .button input {
    width               : 70px;
    padding             : 3px 20px 3px 0;
    background          : url(/images/page/more.gif) right no-repeat;
    font-size           : 11px;
    font-weight         : bold;
    color               : #7faa24;
    border              : none;
    cursor              : pointer;
    float               : left;
    margin-left         : 5px;
}

.notify-2 .activateAccount .registration .lineErrorWrapper {
    height              : 19px;
    left                : 290px;
    margin-top          : -4px;
    display             : none;
    float               : left;
    color               : #ff0000;
    font-size           : 11px;
    font-weight         : bold;
    position            : absolute;
}

.notify-2 .activateAccount .registration .errorBox { display: block; }
/* ---------------------------------------- */




/* -------------- Category map ------------ */
.categoryMap {
    width               : 645px;
    clear               : both;
    background          : url(/images/page/listBg.gif) repeat;
    margin-top          : 10px;
    float               : left;
    line-height         : 25px;
    padding-left        : 5px;
    color               : #354f00;
    font-size           : 12px;
    font-weight         : bold;
}

.categoryMap li {
    width               : 100%;
    clear               : both;
    float               : left;
}

.categoryMap li { background: url(/images/page/arrow1.gif) 0 10px no-repeat; }
.categoryMap li.expandable { background: url(/images/page/arrow5.gif) 0 10px no-repeat; }
.categoryMap li.collapsable { background: url(/images/page/arrow3.gif) 0 10px no-repeat; }
.categoryMap li ul { display: none !important; }
.categoryMap li.collapsable ul { display: block !important; }
.categoryMap li.expandable ul { display: none !important; }

.categoryMap span {
    float               : left;
    cursor              : pointer;
}

.categoryMap div {
    float               : left;
    padding-left        : 10px;
    display             : inline;
}

.categoryMap div.hitarea {
    display             : none;
}

.categoryMap ul { margin-left: 20px; }

.categoryMap li.collapsable .submenu,
.categoryMap li.expandable .submenu {
    display             : none !important;
    float               : left;
}
 
.categoryMap li.collapsable .categoryMenuVisible .submenu,
.categoryMap li.expandable .categoryMenuVisible .submenu {
    display             : inline !important;
}

.categoryMap .submenu li {
    width               : auto;
    clear               : none;
    margin-right        : 10px;
    display             : inline;
    background          : none;
    float               : left;
}

.categoryMap a {
    font-size           : 10px;
    font-weight         : normal;
    color               : #577f01;
    line-height         : 22px;
}

#categoryMap .categoryOptions {
    width               : 650px;
    float               : left;
    clear               : both;
}

#categoryMap .suggestCategory {
    float               : left;
    margin              : 15px 0 0 10px;
    line-height         : normal;
    font-size           : 11px;
    color               : #577f01;
}

#categoryMap .expandAll,
#categoryMap .expandAllDown,
#categoryMap .expandAllUp {
    height              : 19px;
    line-height         : 19px;
    padding-right       : 17px;
    float               : right;
    font-size           : 12px;
    font-weight         : bold;
    color               : #577f01;
    margin              : 15px 10px 0 0;
    background          : url(/images/page/rollBg.png) right -20px no-repeat;
}

#categoryMap .expandAllUp {
    background          : url(/images/page/rollBg.png) top right no-repeat;
}
/* ---------------------------------------- */




/* -------------- Profile card ------------ */
.profileCard {
    background          : #ffffff;
    overflow            : hidden;
    float               : left;
}

#miniProfilbox #miniProfil {
    background          : url(/images/page/profileCardBg.gif) transparent  no-repeat;
    overflow            : hidden;
    float               : left;
    padding-top         : 9px;
}

#miniProfilbox #miniProfilbuttons { display: none; }
#miniProfilbox .miniProfilfade { background-color: #729F12; }

#miniProfilbox .miniProfilclose {
    width               : 16px;
    height              : 16px;
    background          : url(/images/page/edit.png) transparent 0 -16px no-repeat;
    float               : left;
    margin              : 0 0 -25px 625px;
    text-indent         : -9999px;
    cursor              : pointer;
    position            : relative;
    z-index             : 9999;
    display             : inline;
}

#miniProfilbox .miniProfilmessage {
    float               : left;
    clear               : both;
    padding-bottom      : 9px;
    background          : url(/images/page/profileCardBg.gif) transparent bottom no-repeat;
    
}
/* ---------------------------------------- */




/* --------- Login/register popup --------- */
#loginbox #loginbuttons { display: none; }
#loginbox .content .headerRed { margin-top: -5px; }
#loginbox .content .horizontalNav { margin-top: -12px; }
#loginbox .loginfade { background-color: #729F12; }

#loginbox .login {
    width               : 495px;
    margin-left         : -245px !important;
    float               : left;
    display             : inline;
    overflow            : hidden;
}

#loginbox .content {
    width               : 489px;
    clear               : both;
    background          : #ffffff;
    margin-bottom       : 20px;
}

#loginbox .content .top {
    width               : 100%;
    height              : 9px;
    float               : left;
    background          : url(/images/page/promptBg.png) transparent 0 -9px  no-repeat;
    margin-top          : -9px;
    position            : relative;
    overflow            : hidden;
}

#loginbox .content .bottom {
    width               : 100%;
    height              : 9px;
    float               : left;
    background          : url(/images/page/promptBg.png) transparent  no-repeat;
    margin              : 9px 0 -9px 0;
    position            : relative;
    overflow            : hidden;
}

#loginbox .content .info {
    float               : left;
    display             : inline;
    font-size           : 14px;
    font-weight         : bold;
    color               : #354f00;
    margin              : 6px 0 0 10px;
}

#loginbox .loginclose {
    width               : 16px;
    height              : 16px;
    background          : url(/images/page/edit.png) transparent 0 -16px no-repeat;
    float               : right;
    text-indent         : -9999px;
    cursor              : pointer;
    z-index             : 9999;
    display             : inline;
    position            : relative;
    margin              : 17px 5px -17px 0;
}

#loginbox .loginPopupForm {
    width               : 450px;
    float               : left;
    clear               : both;
    display             : inline;
    margin-left         : 30px;
}

#loginbox .loginPopupForm label {
    float               : left;
    color               : #577f01;
    margin              : 5px 5px 0 0;
}

#loginbox .loginPopupForm .line {
    width               : 150px;
    height              : 23px;
    float               : left;
    display             : inline;
    background          : url(/images/page/fastSearchBg.png) no-repeat;
    margin-right        : 20px;
}

#loginbox .loginPopupForm .line input {
    width               : 140px;
    height              : 13px;
    float               : left;
    display             : inline;
    margin              : 5px;
    border              : none;
    background          : none;
    color               : #ffffff;
}

#loginbox .loginPopupForm input {
    float               : left;
}

#loginbox .loginPopupForm .rememberMe {
    width               : 100px;
    float               : left;
    display             : inline;
    clear               : both;
    margin-left         : 75px;
}

#loginbox .loginPopupForm .rememberMe input {
    width               : 12px;
    height              : 12px;
    margin              : 6px 5px 0 0;
    float               : left;
}

#loginbox .loginPopupForm p {
    float               : left;
    display             : inline;
    margin              : 5px 0 0 102px;
}

#loginbox .loginPopupForm p a { color: #577f01; }

#loginbox .registerPopupForm {
    float               : left;
    clear               : both;
    display             : inline;
    margin-left         : 100px;
    width               : 385px;
}

#loginbox .registerPopupForm label {
    width               : 100px;
    float               : left;
    color               : #577f01;
    margin              : 5px 5px 0 0;
    display             : inline;
    text-align          : right;
}

#loginbox .registerPopupForm div {
    float               : left;
    display             : inline;
}

#loginbox .registerPopupForm .line {
    width               : 100%;
    float               : left;
    margin-bottom       : 5px;
}

#loginbox .registerPopupForm .line div {
    width               : 150px;
    height              : 23px;
    float               : left;
    display             : inline;
    background          : url(/images/page/fastSearchBg.png) no-repeat;
    margin-right        : 20px;
}

#loginbox .registerPopupForm .captcha-line div {
    width               : 110px;
    height              : auto;
    background          : url(/images/page/editBg3.png) 0 -174px no-repeat;
    position            : relative;
}

#loginbox .registerPopupForm .captcha-line .captcha-reload:hover { text-decoration: none; }
#loginbox .registerPopupForm .captcha-line .captcha-reload {
    color               : #577F01;
    position            : absolute;
    right               : 30px;
    top                 : 70px;
    text-decoration     : underline;
}

#loginbox .registerPopupForm .captcha-line .formDot {
    margin              : 0 0 0 7px !important;
}

#loginbox .registerPopupForm .captcha-line input {
    width               : 60px !important;
}

#loginbox .registerPopupForm .captcha-line img {
    float               : left;
    clear               : both;
    margin              : 10px 0 0 0;
}

#loginbox .registerPopupForm .lineErrorWrapper {
    position            : relative;
    float               : left;
    margin              : 0 -1000px -1000px 215px;
    clear               : both;
    z-index             : 999999;
}

#loginbox .login {
    padding-right       : 100px;
}

#loginbox .errorBox .lineError span, 
#loginbox .infoBox .lineError span {
    width               : 138px !important;
}

#loginbox .infoBox .lineInfo,
#loginbox .infoBox .lineInfoBox {
    float               : right;
}

#loginbox .infoBox .lineInfo { padding-bottom: 0 !important; }

#loginbox .infoBox .lineInfoBox {
    padding-bottom      : 20px;
    background          : url(/images/page/tooltipInfo.png) -338px bottom no-repeat;
}

#loginbox .infoBox .lineInfoBorder {
    padding             : 0 10px;
    width               : 136px;
    color               : #ffffff;
    float               : left;
    background          : url(/images/page/tooltipInfo.png) -182px 0 repeat-y;
    margin              : 0 0 0 -10px;
}

#loginbox .registerPopupForm .line .formDot {
    width               : 17px;
    height              : 23px;
    float               : left;
    display             : inline;
    background          : url(/images/page/fastSearchBg.png) right no-repeat;
    margin              : 0 0 0 -37px;
}

#loginbox .registerPopupForm .line .wrong { background: url(/images/page/tooltipError.png) left no-repeat; }
#loginbox .registerPopupForm .line .correct { background: url(/images/page/tooltipInfo.png) left no-repeat; }

#loginbox .registerPopupForm .line div input {
    width               : 120px;
    height              : 13px;
    float               : left;
    display             : inline;
    margin              : 5px;
    border              : none;
    background          : none !important;
    color               : #ffffff;
}

#loginbox .registerPopupForm .logPanelButton { 
    float               : right;
    display             : inline;
    margin-right        : 5px;
    margin-left         : 100px;
}

#loginbox .loginPopupForm .logPanelButton input,
#loginbox .registerPopupForm .logPanelButton input {
    background          : url(/images/page/more2.gif) right center no-repeat;
    border              : none;
    color               : #577f01;
    cursor              : pointer;
    clear               : both;
    float               : right;
    font-size           : 11px;
    font-weight         : bold;
    padding             : 3px 0;
    text-align          : left;
    width               : 59px;
    margin              : 30px 0 -10px 0;
    position            : relative;
}

#loginbox .registerPopupForm .logPanelButton input { width: 85px; }

#loginbox .registerPopupForm .rules {
    white-space         : nowrap;
    font-size           : 10px;
    color               : #577f01;
    float               : left;
    clear               : both;
    display             : inline;
	margin-left         : -80px;
	margin-top			: 32px;
}


#loginbox .registerPopupForm .rules a {
    color               : #577f01;
    text-decoration     : underline;
}
/* ---------------------------------------- */




/* -------------- Mini profil ------------- */
#profileDetails {
    padding             : 15px 0 0 15px;
    position            : relative;
    width               : 635px;
}

#profileDetails .image {
    float               : left;
    width               : 250px;
    height              : 250px;
}

#profileDetails .image img {
    display             : block;
}

#profileDetails .details {
    float               : right;
    width               : 377px;
    position            : relative;
}

#profileDetails .details h3 {
    font-weight         : bold;
    color               : #354F00;
    font-size           : 18px;
    padding             : 0 0 5px 3px;
}

#profileDetails .details .row {
    font-size           : 12px;
    color               : #354F00;
    height              : 1%;
    /*overflow            : hidden;*/
    line-height         : 15px;
    padding             : 1px 0;
    /*position            : relative;*/
    clear               : both;
	z-index             : 10;
}
#profileDetails .details .row:after{
	display: block;
	content: " ";
	clear: both;
}
#profileDetails .details a:hover { text-decoration: underline; }

#profileDetails .details .row .more {
    float               : right;
    width               : 105px;
    padding             : 5px 25px 5px 10px;
    color               : #354F00;
    background          : #F0FCE9 url(/images/page/arrow1.gif) 127px 10px no-repeat;
}

#profileDetails .details .row .wrapper {
    float               : left;
    width               : 218px;
    padding             : 5px 0 2px 10px;
    background          : #F0FCE9;
    /*overflow            : hidden;*/
}
#profileDetails .details .row .wrapper:after{
    content: " ";
    display: block;
    clear: both;
}

#profileDetails .details .row .wrapper strong {
    float               : left;
    padding-bottom      : 3px;
    padding-right       : 2px;
}

#profileDetails .details .row .wrapper b, #profileDetails .details .row .wrapper span {
    float               : left;
    padding             : 0 2px 2px;
}

#profileDetails .details .account {
    float               : left;
    font-size           : 10px;
    color               : #354F00;
    padding             : 10px;
}

#profileDetails ul {
    float               : right;
    display             : inline;
    margin              : 10px 10px 0 10px;
    text-align          : right;
}

#profileDetails ul li {
    background          : url(/images/page/more.gif) right top no-repeat;
    padding-right       : 15px;
    height              : 22px;
    line-height         : 19px;
}

#profileDetails ul a {
    color               : #354F00;
    font-size           : 12px;
    font-weight         : bold;
}

#profileDetails .about {
    float               : right;
    width               : 245px;
}

#profileDetails .about h4 { padding-left: 10px; }

#profileDetails .about .description {
    background          : #F0FCE9;
    padding             : 10px 0 10px 10px;
    font-size           : 11px;
    color               : #7d9e3b;
    line-height         : 15px;
    overflow            : hidden;
    zoom                : 1;
}

#profileDetails .about .description p {
    float               : left;
    width               : 210px;
    padding-right       : 3px;
}

#profileDetails .about .description form {
    height              : 137px;
    background          : url(/images/page/editBg3.png) 0 0 no-repeat;
}
/* ----------------------------------- */




/* --------- Tooltips - Error -------- */
.content .lineHelpWrapper{
    /*display: none !important;*/
}
.content .lineErrorWrapper{
    position: absolute;
}
.content .lineErrorWrapper span{ display: block; text-indent: -99999px; }
.content .errorBox, .content .infoBox{
    background: url(/images/page/tooltipError.png) 0 0 no-repeat;
    width: 156px;
    padding-left: 26px;
    /*position: absolute;*/
    padding-top: 22px;
    right: -38px;
	z-index: 100;
}
.content .infoBox{ background-image: url(/images/page/tooltipInfo.png); }
.messageNew .content .errorBox, .messageNew .content .infoBox{
    margin-top: 21px;
    right: -79px;
}
#profileDetails .details .row  .errorBox, #profileDetails .details .row  .infoBox{
    right: -167px;
}
.content .errorBox, .content .infoBox {
    padding-left: 10px;
    background-position: -16px 0;
}
.content .errorBox .lineError, .content .infoBox .lineError{
    background: url(/images/page/tooltipError.png) -338px bottom no-repeat;
    padding-bottom: 18px;
}
.content .infoBox .lineError{ background-image: url(/images/page/tooltipInfo.png); }
.content .errorBox .lineError span, .content .infoBox .lineError span{
    display: block !important;
    background: url(/images/page/tooltipError.png) -182px 0 repeat-y !important;
    color: #fff !important;
    font-weight: normal !important;
    font-size: 11px !important;
    padding: 0 9px !important;
    line-height: 14px !important;
    text-indent: 0 !important;
	float: none !important;
	text-align: left !important;
	width: auto !important;
}
.content .errorBox .lineError span strong, .content .infoBox .lineError span strong{
	padding: 0 !important;
	float: none !important;
	display: inline !important; 
}
.content .infoBox .lineError span{ background-image: url(/images/page/tooltipInfo.png) !important; }

.content .infoBox .lineInfoBox {
    float: right;
    width: 136px;
    background: url(/images/page/tooltipInfo.png) -182px 0 repeat-y;
    clear: both;
    color: #ffffff;
    padding: 0 10px;
}

.content .infoBox .lineInfo {
    float: right;
    width: 156px;
    background: url(/images/page/tooltipInfo.png) -338px bottom no-repeat;
    padding-bottom: 13px;
}
/* ----------------------------------- */




/* ------------- Search -------------- */
#searchList {
    width               : 250px;
    float               : left;
    clear               : both;
    margin              : 30px 0 30px 200px;
    display             : inline;
    
}

#searchList label { display: none; }

#searchList .searchLeft {
    width               : 5px;
    height              : 27px;
    background          : url(/images/page/searchInputLeft.gif) no-repeat;
    float               : left;
}

#searchList .searchRight {
    width               : 5px;
    height              : 27px;
    background          : url(/images/page/searchInputRight.gif) no-repeat;
    float               : left;
}

#searchList #search_query {
    width               : 175px;
    height              : 16px;
    padding             : 6px 0 5px;
    background          : url(/images/page/searchInputBg.gif) repeat-x;
    float               : left;
    border              : 0;
    color               : #ffffff;
    font-weight         : bold;
}

#searchList .searchButton {
    width               : 57px;
    background          : url(/images/page/more2.gif) center right no-repeat;
    float               : left;
    border              : none;
    margin              : 4px 0 0 8px;
    cursor              : pointer;
    font-weight         : bold;
    color               : #7faa24;
    text-align          : left;
    font-size           : 12px;
    padding             : 3px 0;
}

#searchList .error_list {
    position            : absolute;
    margin-top          : -20px;
}
/* ----------------------------------- */




/* ------------- Updates ------------- */
#main .newsFeed .pagerNav { width: 38px; float: right; margin-right: 24px; }
#main .newsFeed .pagerNav .next * { margin-right: 0; }

#main .newsFeed .pagerNav .prev.hover,
#main .newsFeed .pagerNav .prev:hover,
#main .newsFeed .pagerNav .next,
#main .newsFeed .pagerNav .next.hover,
#main .newsFeed .pagerNav .next:hover { margin-right: 0; width: 19px; }

#main .newsFeed .pagerNav .prev { float: left; }


#main .newsFeed table {
    width               : 100%;
    float               : left;
    clear               : both;
}

#main .newsFeed table td { height: 25px; }
#main .newsFeed table .even td { background: #f0fce9; }

#main .newsFeed table .newsFeedType {
    width               : 29px;
    height              : 19px;
    float               : left;
    display             : inline;
    margin              : 2px 5px 0 -4px;
    position            : relative;
}

#main .newsFeed table .event { width: 570px; }
#main .newsFeed table .event p { float: left; width: 540px; }

#main .newsFeed table .updateType1 { background: url(/images/page/updateTypes.gif) no-repeat; } 
#main .newsFeed table .updateType2 { background: url(/images/page/updateTypes.gif) 0 -20px no-repeat; }
#main .newsFeed table .updateType3 { background: url(/images/page/updateTypes.gif) 0 -40px no-repeat; } 
#main .newsFeed table .updateType4 { background: url(/images/page/updateTypes.gif) 0 -60px no-repeat; } 
#main .newsFeed table .updateType5 { background: url(/images/page/updateTypes.gif) 0 -80px no-repeat; }

#main .newsFeed table .newsFeedType1 { background: url(/images/page/newsFeedTypes.png) no-repeat; } 
#main .newsFeed table .newsFeedType2 { background: url(/images/page/newsFeedTypes.png) 0 -19px no-repeat; }
#main .newsFeed table .newsFeedType3 { background: url(/images/page/newsFeedTypes.png) 0 -38px no-repeat; } 
#main .newsFeed table .newsFeedType4 { background: url(/images/page/newsFeedTypes.png) 0 -57px no-repeat; } 
#main .newsFeed table .newsFeedType5 { background: url(/images/page/newsFeedTypes.png) 0 -76px no-repeat; }
#main .newsFeed table .newsFeedType6 { background: url(/images/page/newsFeedTypes.png) 0 -95px  no-repeat; } 
#main .newsFeed table .newsFeedType7 { background: url(/images/page/newsFeedTypes.png) 0 -114px no-repeat; }
#main .newsFeed table .newsFeedType8 { background: url(/images/page/newsFeedTypes.png) 0 -133px no-repeat; } 
#main .newsFeed table .newsFeedType9 { background: url(/images/page/newsFeedTypes.png) 0 -152px no-repeat; } 
#main .newsFeed table .newsFeedType10 { background: url(/images/page/newsFeedTypes.png) 0 -171px no-repeat; }
#main .newsFeed table .newsFeedType11 { background: url(/images/page/newsFeedTypes.png) 0 -190px no-repeat; }
#main .newsFeed table .newsFeedType12 { background: url(/images/page/newsFeedTypes.png) 0 -209px no-repeat; } 
#main .newsFeed table .newsFeedType13 { background: url(/images/page/newsFeedTypes.png) 0 -228px no-repeat; } 
#main .newsFeed table .newsFeedType14 { background: url(/images/page/newsFeedTypes.png) 0 -247px no-repeat; } 

#main .newsFeed table .event a {
    color               : #669502;
    text-decoration     : none;
    font-weight         : bold;
}

#main .newsFeed table .event span { color: #80c01b; }
#main .newsFeed table .event strong { color: #354f00; }

#main .newsFeed table .event a,
#main .newsFeed table .event span {
    line-height         : 25px;
}

#main .newsFeed table .actions { 
    padding-right       : 10px;
    padding-left        : 5px;
    width               : 33px;
}

#main .newsFeed table .newsItem { 
	padding-left		:10px;
	width					:350px;
}

#main .newsFeed table .newsEnd { 
	padding-right		:10px;
	text-align			:center !important;
	width					:110px;
}

#main .newsFeed table .actions .remove {
    width               : 15px;
    height              : 15px;
    text-indent         : -99999px;
    background          : url(/images/page/del.png) 0 0 no-repeat;
    float               : right;
    margin              : 0;
}

#main .newsFeed table .actions .accept {
    width               : 15px;
    height              : 15px;
    text-indent         : -99999px;
    background          : url(/images/page/save.png) 0 0 no-repeat;
    float               : right;
    margin              : 0 3px 0 0;
}

#main .newsFeed table .link a {
    width               : 12px;
    height              : 19px;
    text-indent         : -99999px;
    background          : url(/images/page/more2.gif) 0 0 no-repeat;
    display             : block;
}

#main .newsFeed table .date {
    color               : #669502;
    text-align          : right;
}

#main .newsFeed .settings {
    height              : 16px;
    float               : left;
    display             : inline;
    background          : url(/images/page/edit.png) left top no-repeat;
    padding-left        : 21px;
    font-weight         : bold;
    color               : #577f01;
    margin              : 10px 0 -10px 10px;
    position            : relative;
    line-height         : 16px;
    clear               : both;
}

#main .newsFeed .archives {
    height              : 19px;
    float               : right;
    display             : inline;
    background          : url(/images/page/more2.gif) right top no-repeat;
    padding-right       : 17px;
    font-weight         : bold;
    color               : #577f01;
    margin              : 30px 10px -10px 0;
    position            : relative;
    line-height         : 19px;
}

#main .newsFeed h3 {
    float               : left;
    color               : #354F00;
    font-size           : 13px;
    font-weight         : bold;
    clear               : both;
    display             : inline;
    margin              : 5px;
}

#main .newsFeed .remove {
    float               : right;
}

#main .newsFeed .head {
    float               : left;
    width               : 100%;
    clear               : both;
}

#main .newsFeed .remove span {
    float               : left;
    font-weight         : bold;
    color               : #669502;
    font-weight         : bold;
    line-height         : 15px;
    margin-top          : 5px;
}

#main .newsFeed .remove a {
    width               : 15px;
    height              : 15px;
    text-indent         : -99999px;
    background          : url(/images/page/del.png) 0 0 no-repeat;
    float               : left;
    margin              : 5px 10px 0 5px;
}

#main .newsFeed .manual { margin-top: 15px; }

#main .newsFeed .manual span {
    color               : #669502 !important;
    font-weight         : bold;
}
/* ----------------------------------- */




/* ----------- Competition ----------- */
#main .competitionInfoBox {
    width               : 100%;
    float               : left;
    background          : url(/images/page/competitionBg.png) no-repeat bottom;
    position            : relative;
    margin              : 0 0 -20px 0;
}

#main .competitionInfoBox h1 {
    width               : 450px;
    float               : left;
    display             : inline;
    font-size           : 18px;
    font-weight         : normal;
    color               : #669502;
    margin              : 0 0 0 10px;
    position            : relative;
}

#main .competitionInfoBox .topLink {
    float               : right;
    display             : inline;
    font-size           : 11px;
    color               : #577f01;
    margin              : 5px 10px 0 0;
    position            : relative;
}

#main .competitionInfoBox .botLink {
    font-size           : 11px;
    color               : #577f01;
    float               : left;
    display             : none;
    padding             : 10px;
}

#main .competitionInfoBox .topLink a, 
#main .competitionInfoBox .botLink a { 
    color               : #577f01; 
    text-decoration     : underline;
}

#main .competitionInfoBox .topLink a:hover, 
#main .competitionInfoBox .botLink a:hover {
    text-decoration     : none;
}

#main .competitionInfoBox p {
    width               : 630px;
    float               : left;
    display             : inline;
    font-size           : 12px;
    color               : #577f01;
    margin              : 10px 10px 0 10px;
    clear               : both;
}

#main .competitionInfoBox p a {
    color               : #577f01;
    font-weight         : bold;
    text-decoration     : underline;
}

#main .competitionInfoBox p a:hover { text-decoration: none; }

#main .competitionInfoBox .hideBox {
    float               : right;
    margin              : 10px;
}

#main .competitionInfoBox .competitionInfoContent {
    float               : left;
    width               : 100%;
/*    display             : none; */
}

#main .competitionInfoBox .bottomArea {
    float               : left;
    width               : 100%;
}

#main .competitionInfoBox .top {
    width               : 100%;
    height              : 8px;
    float               : left;
    background          : url(/images/page/competitionInfoBoxTop.gif) transparent no-repeat;
}

#main .competitionInfoBox .hideBox {
    background          : url(/images/page/rollBg.png) right bottom no-repeat;
    color               : #577F01;
    font-size           : 12px;
    font-weight         : bold;
    padding             : 3px 15px 3px 0;
    text-align          : left;
}
/* ----------------------------------- */



/* ----------- Fast search ----------- */
#main .filesList .fastSearch {
    width             : 150px;
    float             : right;
    background        : url(/images/page/fastSearchBg.png) 0 bottom no-repeat;
    height            : 45px;
    padding           : 0 15px 0 0;
    margin-top        : -30px;
}

#main .filesList .fastSearch label {
    width             : 100%;
    color             : #7faa24;
    font-weight       : bold;
    text-align        : right;
    display           : block;
}

#main .filesList .fastSearch input {
    width             : 137px;
    height            : 12px;
    background        : transparent;
    border            : none;
    color             : #ffffff;
    float             : left;
    font-size         : 11px;
    padding           : 5px 6px;
    margin-top        : 9px;
}

#main .content .fastSearch {
    width             : 150px;
    float             : right;
    background        : url(/images/page/fastSearchBg.png) 0 bottom no-repeat;
    height            : 45px;
    padding           : 0 15px 0 0;
    position          : relative;
    top               : -16px;
}

#main .content .fastSearch label {
    width             : 100%;
    color             : #7faa24;
    font-weight       : bold;
    text-align        : right;
    display           : block;
}

#main .content .fastSearch input {
    width             : 137px;
    height            : 12px;
    background        : transparent;
    border            : none;
    color             : #ffffff;
    float             : left;
    font-size         : 11px;
    padding           : 5px 6px;
    margin-top        : 9px;
}

#main .content .friendsSort {
    float             : left;
    position          : relative;
    background        : none !important;
    padding           : 0 0 0 15px !important;
    width             : 300px;
}

#main .content .friendsSort label {
    float             : left;
    color             : #7faa24;
    font-weight       : bold;
    line-height       : 32px;
    margin            : 0 10px 0 0;
    display           : inline !important;
}

#main .content .friendsSort form { width: auto !important; }
#main .content .friendsSort .cmf-skinned-select { float: left; }
#main .content .friendsSort .cmf-skinned-text { color: #ffffff !important; }
/* ----------------------------------- */




/* ------------- Files --------------- */
#main .filesList .headerRed {
    margin-top        : -20px;
    white-space       : nowrap;
    clear             : both;
}

#main .filesList table {
    float             : left;
    width             : 100%;
    margin-top        : 20px;
    color             : #669502;
}

#main .filesList table th {
    background        : #f0fce9;
    padding           : 5px 0;
    text-align        : left;
    color             : #577f01;
}

#main .filesList table .downloadHead { 
    text-align        : center;
    padding-right     : 10px;
}

#main .filesList table .nameUp,
#main .filesList table th a,
#main .filesList table .nameDn {
    color             : #577f01;
    padding-right     : 10px;
    margin-left       : 30px;
}
#main .filesList table .nameUp,
#main .filesList table th a { background: url(/images/page/arrow4.gif) right center no-repeat; }
#main .filesList table .nameDn { background: url(/images/page/arrow3.gif) right center no-repeat; }

#main .filesList table .even td { background: #f0fce9; }

#main .filesList table .name { width: 300px; }
#main .filesListProfile table .name { width: 400px; }
#main .filesList table .name div {
    width             : 29px;
    height            : 21px;
    float             : left;
    display           : inline;
    margin-left       : -4px;
    background        : url(/images/page/updateTypes.gif) top no-repeat;
    position          : relative;
}

#main .filesList table .name a {
    color             : #354f00;
    float             : left;
    white-space       : nowrap;
    margin            : 5px 10px;
}

#main .filesList table .actions .stats,
#main .filesList table .actions .edit,
#main .filesList table .actions .remove {
    width             : 16px;
    height            : 16px;
    background        : url(/images/page/edit.png) no-repeat;
    float             : left;
    display           : inline;
    text-indent       : -99999px;
    margin-left       : 5px;
}

#main .filesList table .actions .stats { background-position: 0 -64px; }
#main .filesList table .actions .remove { background-position: 0 -16px; }



#main .filesList table .nick a { color: #577f01; }
#main .filesList table .nick { 
    text-align        : right;
    padding-right     : 10px;
}

#main .filesList table .date { 
    text-align        : left;
    padding-right     : 20px;
    color             : #577f01;
}

#main .filesList table .date2 { 
    text-align        : left;
    padding-right     : 0px;
    color             : #577f01;
}

#main .filesListProfile table .actions { 
    padding-right     : 20px;
    width             : 50px;
}

#main .filesList table .download span { 
    float             : right;
    color             : #577f01;
    line-height       : 21px;
}

#main .filesList table .download a { 
    width             : 12px;
    height            : 21px;
    float             : right;
    background        : url(/images/page/downBlue.gif) no-repeat;
    margin            : 0 7px;
    text-indent       : -99999px;
}

#main .filesList table .downloadSum { text-align: center; }

#main .filesList table .control {
    width             : 30px;
    padding-left      : 10px;
}

#main .filesList table .control span {
    width             : 14px;
    height            : 14px;
    float             : left;
    background        : url(/images/page/statusBg.png) no-repeat;
}

#main .filesList table .control .yellow { background-position: 0 -14px; }
#main .filesList table .control .red { background-position: 0 -28px; }
/* ----------------------------------- */




/* ------------ Messages ------------- */
#main .messages .head {
    width             : 540px;
    float             : left;
    font-size         : 18px;
    color             : #354F00;
    font-weight       : normal;
    height            : 30px;
    line-height       : 30px;
    background        : #F0FCE9;
    margin-top        : 15px;
    padding-left      : 10px;
}

#main .messages .date {
    width             : 90px;
    float             : left;
    font-size         : 12px;
    color             : #354F00;
    height            : 30px;
    line-height       : 30px;
    margin-top        : 15px;
    background        : #F0FCE9;
    padding-right     : 10px;
    position          : relative;
    text-align        : right;
}

#main .messages .text {
    width             : 620px;
    float             : left;
    font-size         : 12px;
    color             : #354F00;
    clear             : both;
    padding           : 10px;
}

#main .messages .arch {
    font-size         : 12px;
    color             : #354F00;
    padding-right     : 15px;
    float             : left;
    margin            : 15px 10px -10px 570px;
    background        : url(/images/page/right.gif) right center no-repeat;
    height            : 19px;
    line-height       : 19px;
    font-weight       : bold;
    clear             : both;
    position          : relative;
}
/* ----------------------------------- */


/* ------------- Payment static ------ */

.platnoscipl .description {
	color			  : #577F01;
	float			  : left;
	font-size		  : 12px;
	padding			  : 15px 15px 0px;
	position		  : relative;
	width			  : 475px;
}

.platnoscipl .description p{
	width			  : 855px;
}

.platnoscipl .bottom{
    position          : absolute;
    bottom            : 1px;
} 	

.platnoscipl .ikona {
    width             : 67px;
    height            : 49px;
    float             : right;
    background        : url(/images/page/paymentIcon-1.gif) top no-repeat;
    display           : inline;
    margin            : 30px;
}

.platnoscipl .ikona2 {
	width             : 67px;
    height            : 49px;
    float             : right;
    background        : url(/images/page/paymentIcon-1.gif) top no-repeat;
    display           : inline;
    margin            : 16px;
}

/* ------------- Payment ------------- */
.payment {
    height            : 320px;
    position          : relative;
}

.payment .paymentIcon-1 {
    width             : 67px;
    height            : 49px;
    float             : left;
    background        : url(/images/page/paymentIcon-1.gif) top no-repeat;
    display           : inline;
    margin            : 10px 0 0 20px;
    padding-bottom    : 30px;
}

.payment .paymentIcon-2 {
    width             : 52px;
    height            : 45px;
    float             : left;
    background        : url(/images/page/paymentIcon-2.gif) top no-repeat;
    display           : inline;
    margin            : 10px 0 0 20px;
    padding-bottom    : 30px;
}

.payment .forPayment {
    width             : 200px;
    text-align        : right;
    float             : left;
    margin            : 10px 10px 0 0;
    color             : #577f01;
    font-size         : 11px;
    line-height       : 18px;
}

.payment .forPayment strong { font-size: 13px; }

.payment form {
    float             : left;
    width             : 100%;
    clear             : both;
}

.payment form .line {
    height            : 23px;
    float             : left;
    width             : 290px;
    clear             : both;
    background        : url(/images/page/fastSearchBg.png) right no-repeat;
    line-height       : 23px;
    margin-top        : 8px;
}

.payment form .line input {
    width             : 130px;
    padding           : 5px 5px;
    margin-left       : 8px;
    border            : none;
    background        : none;
    color             : #ffffff;
    font-weight       : bold;
}

.payment form .line * { float: left; }

.payment form .line label {
    width             : 125px;
    padding-right     : 10px;
    color             : #577f01;
    font-weight       : bold;
    text-align        : right;
}

.payment .smsInfoBox {
    float             : left;
    width             : 100%;
    text-align        : center;
    color             : #577f01;
}

.payment .smsInfoBox strong { 
    font-size         : 18px;
    padding-bottom    : 5px;
    display           : block;
    text-align        : center;
}

.payment .smsInfoBox2 {
    float             : left;
    width             : 100%;
    text-align        : center;
    color             : #577f01;
	margin-top 		  : 50px;
	font-size	      : 14px;
}

.payment .submitInfo {
    width             : 410px;
    font-weight       : bold;
    color             : #577f01;
    position          : absolute;
    text-align        : center;
    bottom            : 40px;
    left              : 0;
}

.payment #payment-submit-button {
    width             : 410px;
    position          : absolute;
    text-align        : center;
    bottom            : 20px;
    left              : 0;
}

.payment #payment-submit-button input {
    width             : 28px;
    height            : 15px;
    background        : url(/images/page/accept.png) no-repeat;
    cursor            : pointer;
    display           : block;
    margin            : auto;
    border            : 0;
}

.payment .lineErrorWrapper {
    width             : 160px;
    float             : left;
    background        : url(/images/page/tooltipError.png) -22px 0 no-repeat;
    display           : inline;
    margin            : 10px -1000px -1000px 300px;
    position          : relative;
    z-index           : 999999;
    clear             : both;
}

.payment .lineErrorWrapper span {
    width             : 136px;
    padding           : 0 10px;
    margin-top        : 20px;
    float             : right;
    background        : url(/images/page/tooltipError.png) -182px repeat-y;
    color             : #ffffff;
}

.payment .lineErrorWrapper .lineError {
    width             : 156px;
    float             : right;
    padding-bottom    : 10px;
    background        : url(/images/page/tooltipError.png) -338px bottom no-repeat;
}
/* ----------------------------------- */

#errorPage{
    position: relative;
    zoom: 1;
    overflow: hidden;
    width: 855px;
    clear: both;
}
#errorPage ul{
    float: right;
    padding-right: 10px;
}
#errorPage ul li{
    height: 19px;
    padding: 2px 0;
}
#errorPage ul li a{
    background: url(/images/page/right.gif) right 0 no-repeat;
    height: 19px;
    line-height: 19px;
    display: block;
    padding-right: 16px;
    font-weight: bold;
    color: #577F01;
    font-size: 12px;
}
#errorPage ul li a:hover, #errorPage .abuse:hover{ text-decoration: underline; }
#errorPage .abuse{
    float: left;
    position: absolute;
    bottom: 0;
    left: 10px;
    color: #577F01;
    font-size: 12px;

}
/** TAGS AUTOCOMPLETE **/
.tags-choices {
	background:url(/images/page/autocompleteBgBottom.png) left bottom no-repeat;
	color:#ffffff;
	z-index:9999;
	padding:0 0 7px 0;
	width:151px !important;
	position: relative !important;
	top: auto !important;
	left: auto !important;
	right: auto !important;
	clear: both;
	float: left;
	clear: both;
	margin: 0 -99999px -99999px 0;
	}
	
.tags-choices ul {
	background:url(/images/page/autocompleteBg.png) repeat-y;
	padding:0 6px 0 6px !important;
	width:139px;
	z-index:99999;
	}

.tags-choices li {
	height:14px;
	margin:0 !important;
	padding:0 !important;
	width:139px;
	}
	
.tags-choices li:hover, .tags-choices li.selected {
	background:#ffffff;
	color:#7faa24;
	}
	
span#iiv_advertisement_tags {
	background:url(/images/page/autocompleteBgBottom.png) bottom no-repeat !important;
	color:#ffffff;
	display:block;
	padding:0 6px 7px 6px;
	width:139px !important;
	z-index:99999 !important;
	}
	
span#isf_guard_user_profile_tags_muzyka_film_ksiazka {
	background:url(/images/page/autocompleteBgBottom.png) bottom no-repeat !important;
	color:#ffffff;
	display:block;
	padding:0 6px 7px 6px;
	width:139px !important;
	z-index:99999 !important;
	}
	
#main #groupTags .last {
	z-index:999;
	}


/** STYLE TYMCZASOWE **/

.advertisementFreeApps
{
    width:  40px;
}

.advertisementSubject
{
    width: 480px;
}

.advertisementBody
{
    width: 480px;
    height: 300px;
}


#infoNSF {
    float:left;
    margin: 12px 0 0 -10px;
    overflow:hidden;
}
#przewodnikF, #przewodnikNF, #przewodnikOF {
    /*float:left;*/
    margin: 0 auto;
    /*overflow:hidden;*/
    width: 525px;
    position: relative;
}
#przewodnikF, #przewodnikNF, #przewodnikOF, #registrationF, #konkursF {
	display: none;
}

.liforw3c { width: 0px; display: none }

#iv_indicator_chat_refresh_loader {
	position:absolute;
	top:14px;
	left:120px;
	}
	
#iv_indicator_chat_post_create_form_loader { margin-left: 10px;}
	

	

div#chat-list div.text div {
	color: #669502;
	font-size:10px;
	}
	
div.searchText {
	float:left;
	}
	
#profileDetails .editback {
    background          : url(/images/page/edit.png) 0 -32px no-repeat;
    height              : 16px;
    width               : 16px;
    display             : block;
    text-indent         : -99999px;
    position            : absolute;
    top                 : -8px;
    right               : 7px;
}

#cardWrap .editback,
.lairEdit .editback,
#groupWrap .editback {
    background          : url(/images/page/edit.png) 0 -32px no-repeat;
    display             : block;
    height              : 16px;
    overflow            : hidden;
    position            : relative;
    text-indent         : -99999px;
    width               : 16px;
}

/* -------------- luLoader ------------ */

#luLoaderbox #luLoader {
    overflow            : hidden;
    float               : left;
}
#luLoaderbox .luLoadermessage {
    float               : left;
    clear               : both;
}
#luLoaderbox #luLoaderbuttons{ display: none; }
#luLoaderbox .luLoaderfade{ background-color: #729F12; }
#luLoaderbox .luLoaderclose{ display: none; }

#luLoaderbox .luLoadermessage .luLoaderclose{
    display: block;
    cursor: pointer;
}

#main #verticalMenu ul li a.fb_share_link { 
	padding:2px 0 0 30px; 
	background: transparent url(http://static.ak.fbcdn.net/images/share/facebook_share_icon.gif?2:26981) no-repeat scroll 10px bottom;
	height: 23px;
}

#middleF{
    
}

#middleF .row-1{
    clear: both;
    overflow: hidden;
    padding: 15px 0;
    zoom: 1;
}

#middleF .row-1 .btn-1{
    background: url(/images/page/homeButtons.jpg) 0 0 no-repeat;
    width: 297px;
    height: 68px;
    display: block;
    float: left;
    text-indent: -9999px;
}
#middleF .row-1 .btn-1:hover{ background-position: 0 -68px; }

#middleF .row-1 .btn-2{
    background: url(/images/page/homeButtons.jpg) 0 -137px no-repeat;
    width: 297px;
    height: 67px;
    display: block;
    float: left;
    text-indent: -9999px;
}
#middleF .row-1 .btn-2:hover{ background-position: 0 -205px; }

#middleF .row-1 .desc{
    float: left;
    color: #fff;
    width: 500px;
    text-align: center;
    line-height: 20px;
    padding-top: 16px;
    overflow: hidden;
}
#middleF .row-1 .desc big{
    font-size: 16px;
}

#middleF .row-1 .desc .more1, .more2{
    float: right;
    position: relative;
    margin-top: -10px;
    color: #fff;
    text-decoration: underline;
    font-size: 14px;
}

#middleF .row-2{
    padding: 10px 0 0;
    clear: both;
    overflow: hidden;
    zoom: 1;
    color: #fff;
}

#middleF .row-2 p{
    float: left;
    font-size: 14px;
    line-height: 27px;
    width: 320px;
    text-align: center;
}

#middleF .row-2 p a{
    color: #fff;
    text-decoration: none;
}

#middleF .row-2 p a:hover{ text-decoration: underline; }

#middleF .row-2 .facebook a{
    float: left;
    background: url(/images/page/facebook.gif) 0 0 no-repeat;
    display: block;
    text-indent: -9999px;
    width: 107px;
    height: 25px;
    margin: 2px 10px 0;
    _margin: 2px 5px 0;
}

#middleF .row-2 .facebook2{
    float: left;
    background: url(/images/page/facebook2.gif) 0 0 no-repeat;
    display: block;
    text-indent: -9999px;
    width: 86px;
    height: 29px;
}

#middleF .row-2 small{
    float: left;
    font-size:11px;
    line-height:16px;
    text-align:center;
    width: 300px;
}

#middleF .row-2 .more{
    float: left;
    padding-left: 5px;
    position: relative;
    color: #fff;
    text-decoration: underline;
    font-size: 14px;
    margin-top: 15px;
}

#registrationForm .back{
    float: left;
    position: absolute;
    left: -100px;
    color: #fff;
    text-decoration: underline;
    font-size: 14px;
    margin-top: 15px;
}

/* Facebook */

#verticalMenu .fb_login_butt {
	margin-top: 6px;
}

.fb_advert {
	padding: 20px 0 0 20px;
	color: #669502;
	line-height: 22px;
	font-weight: bold;
	clear: both;
}

.fb_advert p {
	float: left;
	margin-right: 5px;
}

.fb_advert img {
	margin-top: 1px;
	float: left;
}	

body .fb_shareIFrame {
	height: 275px !important;
}

.fb_msg_iframe {
	width: 650px;
	height: 380px;
}	

.fb_popupContainer table.fb_pop_dialog_table {
	width: 670px;
}

.hotel1 {
    background: transparent url(/images/page/sponsor1.jpg) 0 0 no-repeat scroll;
    display: inline-block;
    text-indent: -9999px;
    width: 150px;
    height: 100px;
	margin-top:20px;
	margin-left:20px;
	float:left;
}

.hotel2 {
    background: transparent url(/images/page/sponsor2.jpg) 0 0 no-repeat scroll;
    display: inline-block;
    text-indent: -9999px;
    width: 150px;
    height: 100px;
	float:left;
}

.hotel3 {
    background: transparent url(/images/page/sponsor3.jpg) 0 0 no-repeat scroll;
    display: inline-block;
    text-indent: -9999px;
    width: 150px;
    height: 100px;
	float:left;
}

.hotel4 {
    background: transparent url(/images/page/sponsor4.jpg) 0 0 no-repeat scroll;
    display: inline-block;
    text-indent: -9999px;
    width: 150px;
    height: 100px;
	float:left;
}

.konkurs1 {
	background: transparent url(/images/page/main_konkurs.jpg) 0 0 no-repeat scroll;
    display: block;
    text-indent: -9999px;
    width: 714px;
    height: 84px;
	float:left;
}

#use-lair-bonus-box .cmf-skinned-select {
    float: left;
    margin-left: 13px;
}
						

/* include css file: /css/messages.css */

/* ------------ Messages ------------- */
#messageOptions {
    width             : 635px;
    float             : left;
    display           : inline;
    clear             : both;
    margin            : -20px 0 0 15px;
}

#messageOptions li {
    float             : left;
    display           : inline;
    margin-right      : 21px;
}

#messageOptions li a { color: #669502; }

#messageOptions li input { 
    color             : #669502; 
    border            : none;
    background        : none;
    margin-top        : -1px;
    cursor            : pointer;
    width             : auto;
}

#messages {
    float             : left;
    clear             : both;
}

#messages li {
    width             : 650px;
    float             : left;
    clear             : both;
}

#messages .dark {
    background        : #f0fce9;
}

#messages .check {
    border            : solid 2px #80c01b;
    float             : left;
    display           : inline;
    margin            : 14px 9px;
}

#messages .check input {
    width             : 12px;
    height            : 12px;
    display           : block;
}

#messages #avatar-field-to-update{
    float             : left;
}

#messages p {
    float             : left;
}

#messages a img { 
    width             : 36px;
    height            : 36px;
    float             : left;
    padding           : 5px 0;
    overflow          : hidden;
}

#messages div { float: left; }
#messages .message { float: none; }

#messages .dark .nick { background: #F0FCE9; }
#messages .nick {
    width             : 80px;
    float             : left;
    margin            : 11px 7px 0 7px;
    color             : #006600;
    white-space       : nowrap;
    overflow          : hidden;
    background        : #ffffff;
    position          : absolute;
    padding           : 5px;
}

#messages .fade{
    background          : url(/images/page/fade.png) 0 0 repeat-y;
    display             : inline;
    position            : absolute;
    width               : 14px;
    height              : 14px;
    _background         : none;
    _filter             : progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/page/fade.png', sizingMethod='scale');
    margin              : 17px 0 0 83px;
}

#messages p:hover .fade{
    display             : none;
}

#messages .nick:hover {
    width             : auto;
    overflow          : visible;
}

#messages h2 {
    width             : 335px;
    min-height        : 19px;
    _height           : 19px;
    float             : left;
    font-size         : 12px;
    font-weight       : bold;
    margin-top        : 2px;
    color             : #354f00;
    padding           : 0 0 0 20px;
    background        : url(/images/page/down.gif) left top no-repeat;
    cursor            : pointer;
}

#messages h2.open {
    background        : url(/images/page/up.gif) left top no-repeat;
}

#messages .message p {
    width             : 315px;
    float             : left;
    margin            : 0 0 0 20px;
    color             : #577f01;
    line-height       : 14px;
    display           : inline;
}

#messages .message .emptyList {
    line-height         : normal;
    position            : static;
    clear               : both;
    text-align          : center;
    margin-top          : 20px;
    width               : 100%;
    float               : left;
    color               : #577f01;
    font-weight         : bold;
    padding             : 15px 0;
}

#messages .message .hidden {
    padding           : 0 0 0 20px;
    margin            : 0;
    padding-bottom    : 5px;
    display           : none;
}

#messages .entry {
    width             : 370px;
    float             : left;
    display           : inline;
    margin-left       : 110px;
}

#messages .date {
    width             : 95px;
    float             : left;
    margin            : 10px 0 0 0px;
    display           : inline;
}

#messages .date span { 
    float             : left;
    line-height       : 16px;
    margin-right      : 8px;
    color             : #669502;
}

#messages .date .remove,
#messages .date .restore{
    width             : 16px;
    height            : 16px;
    background        : url(/images/page/edit.png) 0 -16px no-repeat;
    float             : left;
    text-indent       : -99999px;
}

#messages .date .restore{ background-position: right -48px; width: 80px; margin-top: 3px; }

#messages .reply {
    width             : 80px;
    height            : 16px;
    line-height       : 16px;
    float             : left;
    background        : url(/images/page/edit.png) right top no-repeat;
    font-weight       : bold;
    color             : #669502;
    margin            : 5px 0 0 0px;
    display           : none;
}

#messageNewbox #messageNew, #reportNewbox #reportNew{
    width: 650px;
}

#messageNewbox #messageNewbuttons,
#reportNewbox #reportNewbuttons{
    background          : url(/images/page/profileCardBg.gif) transparent 0 bottom  no-repeat;
    height              : 9px;
    clear               : both;
}

#messageNewbox #messageNewbuttons button, #reportNewbox #reportNewbuttons button{ display: none; }
#messageNewbox #messageNew h2, #reportNewbox #reportNew h2{ margin-top: 0; }

#messageNewbox #messageNew .content,
#reportNewbox #reportNew .content{
    background          : #fff;
    margin              : 9px 0 0;
}

#messageNewbox #messageNew form,
#reportNewbox #reportNew form{
    clear: both;
    padding: 5px 15px 6px;
}
#messageNewbox #messageNew .line,
#reportNewbox #reportNew .line{
    overflow: hidden;
    height: 1%;
    zoom: 1;
    margin: 5px 0 13px;
}

#messageNewbox #messageNew .scheme-2{
    margin: -20px 0 13px;
}

#messageNewbox #messageNew .line .line,
#reportNewbox #reportNew .line .line{
    margin: 0;
}
#messageNewbox #messageNew .line label,
#reportNewbox #reportNew .line label{
    display: block;
    font-weight: bold;
    color: #577f01;
    font-size: 12px;
    height: 24px;
}
#reportNewbox #reportNew .scheme-4{ margin-bottom: 5px; }
#reportNewbox #reportNew .scheme-4 label{ padding-bottom: 10px; }
#messageNewbox #messageNew .scheme-1,
#reportNewbox #reportNew .scheme-1{
    background: url(/images/page/wideFieldBg.png) 0 bottom no-repeat;
    /* height: 45px; */
}
#messageNewbox #messageNew .scheme-1 input,
#reportNewbox #reportNew .scheme-1 input{
    display: block;
    font-size: 12px;
    color: #fff;
    padding: 3px 7px 4px;
    background: transparent;
    border: 0;
    font-weight: bold;
    width: 600px;
}
#messageNewbox #messageNew .scheme-3,
#reportNewbox #reportNew .scheme-3{
    margin-bottom: 0;
    /* height: 170px; */
    background: url(/images/page/commentBg.png) 0 bottom no-repeat;
}
/*#messageNewbox #messageNew .scheme-3 label, #reportNewbox #reportNew .scheme-3 label{ float: left; }*/
#messageNewbox #messageNew .scheme-3 textarea,
#reportNewbox #reportNew .scheme-3 textarea{
    display: block;
    font-size: 12px;
    color: #fff;
    padding: 4px 7px 4px;
    background: transparent;
    border: 0;
    font-weight: bold;
    width: 600px;
    height: 135px;
}
#messageNewbox #messageNew .button,
#reportNewbox #reportNew .button{
    margin: 15px 0 0;
    height: 19px;
    overflow: hidden;
}
#messageNewbox #messageNew .button input,
#reportNewbox #reportNew .button input,
#main #friendsInvite .button input{
    font-weight: bold;
    font-size: 12px;
    color: #577F01;
    cursor: pointer;
    background: transparent url(/images/page/more.gif) right 0 no-repeat;
    border: none;
    padding-right: 15px;
    text-align: right;
    display: block;
    height: 19px;
    float: right;
}
#messageNewbox #messageReceivers {
    float               : left;
    width               : 500px;
    line-height         : 14px;
    color               : #669502;
    padding-top         : 5px;
}
#messageNewbox #messageReceivers span { padding-right: 20px; }
#messageNewbox #messageReceivers a { font-weight: bold; color: #669502; }
#messageNewbox #messageReceivers a:hover { text-decoration: underline; }

#messageNewbox #messageReceivers ul {
    float               : left;
}
#messageNewbox #messageReceivers li span {
    float               : left;
    background          : #fff;
    height              : 20px;
    line-height         : 20px;
}
#messageNewbox #messageReceivers li {
    float               : left;
    background          : #F0FCE9;
    height              : 1%;
    line-height         : 16px;
    margin              : 0 4px 5px 0;
    position            : relative;
}

#messageNewbox #messageReceivers li.last, #messageNewbox #messageReceivers li.last:hover { background: #fff !important; }
#messageNewbox #messageReceivers .iv-tokenizer li:hover a, #messageNewbox #messageReceivers .iv-tokenizer li.hover a { color: #fff; }
#messageNewbox #messageReceivers .tags-choices ul, #messageNewbox #messageReceivers .tags-choices li { clear: both }

#messageNewbox #messageReceivers li .tag {
    float               : left;
    background          : url(/images/page/tagsBg.gif) 0 0 no-repeat;
    height              : 21px;
    line-height         : 21px;
    color               : #fff;
    padding             : 0 0 0 4px;
}

#messageNewbox #messageReceivers li .tag strong {
    float               : left;
    height              : 21px;
    padding             : 0 4px 0 0;
}

#messageNewbox #messageReceivers li .del {
    float               : left;
    background          : url(/images/page/tagsBg.png) #ffffff 0 -21px no-repeat;
    width               : 9px;
    height              : 21px;
    text-indent         : -99999px;
    display             : inline;
    margin-left         : 0;
    position            : relative;
}

#messageNewbox #messageReceivers li .del:hover { background-color: #f00; }

#messageNewbox #messageReceivers .edit {
    position            : relative;
    top                 : 2px;
    left                : 0;
}

#messageNewbox #messageReceivers.tagedit .edit { display: none; }
#messageNewbox #messageReceivers.tagedit .last form { display: block; }

#messageNewbox #messageReceivers .cmf-skinned-select,
#reportNewbox .cmf-skinned-select {
    margin-top          : -4px;
    float               : left;
}

#messageNewbox #messageReceivers button {
    float               : left;
    left                : 6px;
    top                 : 3px;
    overflow            : hidden;
    position            : relative;
    width               : 16px;
    height              : 16px;
    background          : url(/images/page/save.png) 0 0 no-repeat;
    border              : 0;
    text-indent         : -99999px;
    cursor              : pointer;
}

#messageNewbox #commentActions{ padding: 0 0 0 0; }
/* ----------------------------------- */

/* ---------- Upload photos ---------- */
#messageNewbox { z-index: 1002 !important; }
.messageNew
{
    background          : #ffffff;
    /*overflow            : hidden;*/
    float               : left;
}
.messageNew:after
{
    content: " ";
    clear: both;
    display: block;
}

#messageNewbox #messageNew
{
    background          : url(/images/page/profileCardBg.gif) transparent 5px 0  no-repeat;
    padding             : 9px 15px 0 5px;
    zoom: 1;
    margin: 0 auto;
    width: 705px;
}
#messageNewbox #messageNew #messageNew
{
    width: 650px;
    padding: 0;
    background:none;
    float: left;
	z-index: 1000;
    /*overflow            : hidden;*/
}

#messageNewbox #messageNew{ padding-top: 0; }

#messageNewbox .messageNewfade { background-color: #729F12; }

#messageNewbox .messageNewclose
{
    width               : 16px;
    height              : 16px;
    background          : url(/images/page/edit.png) transparent 0 -16px no-repeat;
    float               : left;
    margin              : 0 0 -25px 625px;
    text-indent         : -9999px;
    cursor              : pointer;
    position            : relative;
    z-index             : 9999;
    display             : inline;
}

#messageNewbox .messageNewclose{ margin-top: 9px; }

/* ----------------------------------- */


/* include css file: /css/jquery.flexbox.css */

/* Input textbox - do not specify a width here, it will be overwritten */
.ffb-input {
	float:left;
	color:#000; /* must specify along with watermark color */
}
/* Color of watermark, if present */
.ffb-input.watermark { /* added and removed dynamically */
	color:#888; /* must specify along with input color */
}
/* Drop-down arrow, with sprited image */
.ffb-arrow {
	float:left;
	width:22px;
	height:28px;
	background-image:url(/images/page/selectButton.gif);
	cursor: pointer;
}
.ffb-arrow.out { /* css sprite technique */
	/*background-position:0;*/
}
.ffb-arrow.over { /* css sprite technique */
	/*background-position:-18px 0;*/
}
.ffb-arrow.active { /* css sprite technique */
	/*background-position:-36px 0;*/
}
.ffb-no-results 
{
	padding: 2px;
	color:#888;
	font-style:italic;
}
/* Container for dropdown contents */
.ffb {
	position:absolute; /* this guy's parent div is hard-coded to position:relative */
	overflow:hidden;
	border-left:1px solid #7B9EBD;
	border-right:1px solid #7B9EBD;
	border-bottom:1px solid #7B9EBD;
	background-color:#fff; /* Give it a background-color, so it's not transparent */
}
/* Inner div for dropdown */
.ffb .ffb-content {
	overflow:auto;
}
.ffb .ffb-content .row {
	border-bottom:1px solid #7B9EBD;
	color:#555;
	height:20px;
	clear:both;
}
.ffb-sel {
	cursor:pointer;
	cursor:hand;
	background-color:#ddd;
}
.ffb-match {
	background-color:#ff9; /* light yellow */
	text-decoration:underline;
	color:#000;
}

/* Paging */
.ffb .paging {
	margin:2px;
	vertical-align:middle;
}
.ffb .page, .ffb a.page {
	font-size:85%;
	padding:2px;
	border:solid 1px #339;
	background-color:#eef;
	margin:2px;
	float:left;
}
.ffb .box {
	width:18px;
	margin:2px;
	float:left;
}
.ffb .summary {
	font-size:85%;
	float:right;
}

/* Unique IDs */
#ffb8 .row .col1 {
	float:left;
	width:132px;
}
#ffb8 .row .col2 {
	float:left;
	width:232px;
}

/* include css file: /css/group.css */

/* -------------- Group ------------ */
#main #groupWrap {
    position            : relative;
}
#main #groupWrap .groupNav ul {
    float               : left;
    padding-left        : 10px;
    margin-bottom       : 5px;
}
#main #groupWrap .groupNav li { margin-right: 10px; }
#main #groupWrap .groupNav li a {
    text-align          : center;
}

#main .content .groupNav .horizontalNav li a:hover b, #main .content .groupNav .horizontalNav li a.active b {
    right               : -1px;
    position            : relative;
}
#main .content .groupNav .horizontalNavRight { padding-right: 10px; }
#main .content .groupNav .horizontalNavRight li{ margin-right: 10px; }
#main .groupNav .horizontalNavRight li a {
    text-align          : center;
}

#main #groupWrap .info,
#main #cardWrap .info{
    color               : #669502;
    float               : right;
    padding             : 0;
    line-height         : 14px;
    position            : relative;
    z-index             : 10;
    overflow            : hidden;
    width               : 200px;
    display             : inline;
    margin              : 8px 8px 0 0;
}
#main #groupWrap .info span,
#main #cardWrap .info span{
    float               : right;
    padding-right       : 10px;
}
#main #groupWrap .info a, #main #cardWrap .info a { float: right; }
#main #groupWrap .edit, #main #groupWrap .info .save, #main #groupWrap .info .close,
#main #cardWrap .edit, #main #cardWrap .info .save, #main #cardWrap .info .close{
    background          : url(/images/page/edit.png) 0 0 no-repeat;
    height              : 16px;
    width               : 16px;
    display             : block;
    text-indent         : -99999px;
    overflow            : hidden;
    position            : relative;
}
#main #groupWrap .info .close, #main #cardWrap .info .close{ background-position: 0 -16px; }
#main #groupWrap .info .save, #main #cardWrap .info .save {
    background          : url(/images/page/accept.png) 0 0 no-repeat;
    width               : 28px;
}

#main #group, #main #card {
    float               : left;
    clear               : both;
    width               : 100%;
    position            : relative;
    top                 : 10px;
}
#main #group:after, #main #card:after{
    clear: both;
    content: " ";
    display: block;
}

#main #groupWrap #groupOwner {
    float               : right;
    margin-top          : 15px;
}
#main #groupWrap #groupOwner h4 {
    font-weight         : normal;
    color               : #8CAF41;
    padding             : 2px 0 5px;
    font-size           : 11px;
    margin              : 10px 0 -10px 0;
}
#main #groupWrap #groupOwner .memberBox { 
	margin-left		    : 0; 
	margin-top		    : 10px;
	margin-right      : 10px;
}

#main #groupWrap #groupDesc {
    float               : left;
    width               : 520px;
    padding             : 6px 0 10px 18px;
    overflow            : hidden;
}
#main #groupWrap #groupDesc .image {
    float               : left;
    width               : 60px;
    padding-right       : 10px;
}
#main #groupWrap #groupDesc .image img { display: block; }
#main #groupWrap #groupDesc .image .edit { margin: 5px auto; }
/*#main #groupWrap #groupDesc .image input { display: none; }*/

#main #groupWrap #groupDesc .head {
    float               : left;
    width               : 442px;
    overflow            : hidden;
    margin-right        : -12px;
}

#main #groupWrap #groupDesc .head  .editGroupContainer * {
    float               : left;
}

#main #groupWrap #groupDesc .head  .editGroupContainer {
    float               : left;
}

#main #groupWrap #groupDesc .head h3 {
    color               : #354F00;
    font-size           : 18px;
    font-weight         : normal;
    padding-right       : 5px;
    float               : left;
    line-height         : 22px;
}
#main #groupWrap #groupDesc .head .edit { float: left; margin-top: 4px; }
#main #groupWrap #groupDesc .headedit .edit, #main #groupWrap #groupDesc .descedit .edit { display: none; }

#main #groupWrap #groupDesc .headedit h3 { height: 25px; padding-right: 0; }

#main #groupWrap #groupDesc .headedit form,
#main #groupWrap #groupDesc .descedit form {
    width               : 442px;
    position            : relative;
    overflow            : hidden;
}

#main #groupWrap #groupDesc .head .nowedit {
    background: url(/images/page/editBg.png) 0 0 no-repeat;
    height: 26px;
    
}

#main #groupWrap #groupDesc .head .iv-edit-in-place input {
    font-size           : 18px;
    font-weight         : normal;
    color               : #fff;
    background          : transparent;
    border              : 0;
    width               : 390px;
    padding             : 1px 0 0;
    margin-left         : 5px;
    float               : left;
}

#main #groupWrap #groupDesc .category {
    float               : left;
    color               : #354F00;
    float               : left;
    font-size           : 12px;
    line-height         : 18px;
    width               : 430px;
    padding             : 7px 0 5px;
}

#main #groupWrap #groupDesc .category a {
    color               : #354F00;
}

#main #groupWrap #groupDesc #eip_lair_category a {
    color               : #354F00;
}

#main #groupWrap #groupDesc .category .editGroupContainer {
    float               : left;
    color               : #354f00;
    margin-top          : 5px;
}

#main #groupWrap #groupDesc .category .nowedit {
    float               : left;
    width               : 300px;
}

#main #groupWrap #groupDesc .category .nowedit * {
    float               : left;
}

#main #groupWrap #groupDesc .category .nowedit a {
    margin-top          : 6px;
}

#main #groupWrap #groupDesc .category .edit {
    float               : left;
    margin              : 4px 0 0 5px;
    display             : inline;
}

#main #groupWrap #group .type {
    float               : left;
    width               : 100%;
    clear               : both;
    margin-top          : -30px;
}

#main #groupWrap #group .groupType {
    float               : left;
    width               : 100%;
    clear               : both;
    margin              : 10px 0 0 14px;
}

#main #groupWrap #group .type .editGroupContainer {
    float               : left;
}

#main #groupWrap #group .type .editGroupContainer {
    float               : left;
    min-width           : 108px;
    color               : #669502;
}

#main #groupWrap #group .type .neWrap {
    display             : inline;
    margin-left         : 80px;
}

#main #groupWrap #group .type .editGroupTypePosition {
    float               : left;
}

#main #groupWrap #group .type .edit {
    float               : left;
    margin              : 0 15px 0 5px;
    display             : inline;
}

#main #groupWrap #group .type .save {
    background          : url(/images/page/save.png) no-repeat;
    float               : left;
    height              : 16px;
    text-indent         : -99999px;
    width               : 16px;
}

#main #groupWrap #group .type .cancel {
    background          : url(/images/page/edit.png) 0 -16px no-repeat;
    float               : left;
    height              : 16px;
    text-indent         : -99999px;
    width               : 16px;
}

#main #groupWrap #group .type .nowedit * {
    float               : left;
    display             : inline;
    margin-right        : 5px;
}

#main #groupWrap #groupDesc .iv-edit-in-place .save,
#main #groupWrap #groupDesc .iv-edit-in-place .cancel,
#main #groupWrap #groupTags button {
    float               : left;
    left                : 10px;
    top                 : 4px;
    overflow            : hidden;
    position            : relative;
    width               : 16px;
    height              : 16px;
    background          : url(/images/page/save.png) 0 0 no-repeat;
    border              : 0;
    text-indent         : -99999px;
    cursor              : pointer;
}
#main #groupWrap #groupDesc .description .iv-edit-in-place .save,
#main #groupWrap #groupDesc .description .iv-edit-in-place .cancel{
    top: 0;
}
#main #groupWrap #groupDesc .iv-edit-in-place .cancel{
    background: url(/images/page/edit.png) 0 -16px no-repeat;
    left: 14px;
}

#main #groupWrap #groupDesc .description {
    line-height         : 18px;
    font-size           : 12px;
    color               : #354F00;
    padding-top         : 3px;
    float               : left;
    width               : 442px;
    overflow            : hidden;
    margin-right        : -12px;
}
#main #groupWrap #groupDesc .description p {
    float               : left;
    width               : 420px;
}

#main #groupWrap #groupDesc .nowsave *{ display: none; }
#main #groupWrap #groupDesc .head .nowsave div {
    display             : block !important;
    height              : 25px;
    padding-right       : 0;
    background          : url(/images/page/editLoader.gif) 7px 5px no-repeat;
    text-indent         : -99999px;
    min-width           : 100px;
}
#main #groupWrap #groupDesc .description .nowsave div{
    display             : block !important;
    font-size           : 400px;
    text-indent         : -99999px;
    background          : url(/images/page/editLoader.gif) 7px 5px no-repeat;
    min-height          : 30px;
    _height             : 30px;
    min-width           : 100px;
}
#main #groupWrap #groupDesc .description .nowedit {
    height              : 78px;
    background          : url(/images/page/editBg.png) 0 -25px no-repeat;
    margin-top          : 3px;
    padding-top         : 3px;
}

#main #groupWrap #groupDesc .description .iv-edit-in-place textarea {
    display             : block;
    font-size           : 12px;
    font-weight         : normal;
    color               : #fff;
    background          : transparent;
    border              : 0;
    width               : 388px !important;
    margin              : 5px 0 0 7px;
    _margin-left        : 3px;
    height              : 65px !important;
    float               : left;
}

#main #cardWrap .cardCat{
    clear: both;
    overflow: hidden;
    padding: 6px 0 10px;
    width: 517px;
    padding-top: 30px;
    color: #354F00;
    font-size: 12px;
}

#main #groupWrap #groupDesc .description .edit { float: right; margin-top: 3px; }

#main #cardTags .edit{ display: none; }
#main #cardTags #groupTags .iv-edit-in-place{
    display: none;
}
#main #cardTags #groupTags .nowedit{
    display: block;
}

#main #groupTags .nowedit .iv-tokenizer {
    float               : left;
}

#main #groupTags .nowedit .save {
    background          : url(/images/page/save.png) no-repeat;
    float               : left;
    height              : 16px;
    text-indent         : -99999px;
    width               : 16px;
    margin-top          : 2px;
}

#main #cardTags #groupTags{
    background          : url(/images/page/loader_green.gif) 7px 0 no-repeat;
    height: 31px;
}
#main .neWrap #groupTags{
    background: none !important;
    height: auto !important;
}
#main #cardTags #groupTags .nowsave *{
    display: none;
}
#main #cardTags #groupTags .nowsave .loader{
    background          : url(/images/page/loader_green.gif) -3px 0 no-repeat;
    height: 31px;
    display: block;
    text-indent: -99999px;
}
#main #groupTags, #main #groupStats {
    float               : left;
    padding             : 7px 0 0;
    width               : 457px;
    line-height         : 14px;
    color               : #669502;
}

#main #group #groupTags, #main #group #groupStats {
    padding             : 7px 0 0 1px;
}

#main .groupShow #groupTags {
    width               : 440px;
    padding             : 0 0 0 65px !important;
}

#main .groupShow #groupStats {
    width               : 415px;
}

#main .groupShow #groupStatus {
    padding             : 0 20px 0 22px !important;
    color               : #669502;
}

#main #groupStats span { padding-right: 20px; }

#main #groupTags span {
    float               : left;
    line-height         : 20px;
}

#main #groupTags a { 
    font-weight         : bold; 
    color               : #669502;
    padding             : 3px;
    background          : #f0fce9;
    float               : left;
    margin              : 0 2px 3px 2px;
}
#main #groupTags a:hover { text-decoration: underline; }

#main #groupTags ul {
    width               : 400px;
    float               : left;
}
#main #groupTags li span {
    float               : left;
    background          : #fff;
    height              : 20px;
    line-height         : 20px;
}
#main #groupTags li {
    float               : left;
    height              : 1%;
    line-height         : 16px;
    margin              : 0 2px 5px;
    padding-right: 9px;
}

#main #groupTags li.first { display: none; }

/*#main #groupTags li.last, #main #groupTags li.last:hover { background: #fff !important; }*/
#main #groupTags .iv-tokenizer li:hover a, #main #groupTags .iv-tokenizer li.hover a { color: #fff; }

#main #groupTags .tags-choices ul, #main #groupTags .tags-choices li { clear: both }

#main #groupTags li .tag {
    float: left;
    background: url(/images/page/tagsBg.png) 0 0 no-repeat;
    height: 21px;
    line-height: 21px;
    color: #fff;
    padding: 0 4px;
    margin: 0;
}
#main #groupTags li .del {
    float: left;
    background: url(/images/page/tagsBg.png) 0 -21px no-repeat;
    width: 9px;
    height: 21px;
    text-indent: -99999px;
    margin-right: -9px;
    _margin-right: 0;
    padding: 0;
    margin: 0;
}
#main #groupTags li .del:hover {
    background-color: #f00;
}
#main #groupTags .edit {
    position            : relative;
    top                 : 2px;
    left                : 0;
}
#main #groupTags.tagedit .edit { display: none; }
#main #groupTags.tagedit .last form { display: block; }

#main #groupTags .last {
    float               : left;
    background          : url(/images/page/editBg.png) 0 -106px no-repeat;
    height              : 26px;
    margin-top          : -3px;
    width               : 142px;
    /*display             : none;*/
}
#main #groupTags .last input {
    font-size           : 11px;
    height              : 14px !important;
    font-weight         : normal;
    color               : #fff;
    background          : transparent;
    border              : 0;
    width               : 140px !important;
    margin              : 6px 0 0 5px;
    float               : left;
    font-weight         : bold;
}
#main #groupWrap #groupTags button {
    left                : 10px;
    top                 : 5px;
}

#main #groupTags .tagList {
    width               : 350px;
}

#main #groupTags .tagList li {
    padding             : 0;
}

#main .groupTagsEdit {
    padding-left             : 65px !important;
	width:500px;
}

#main .groupTagsEdit ul {
	width:440px;
}

#main #groupStatus {
    padding             : 0 20px 0 19px;
    margin-top          : 10px;
    color               : #669502;
    clear               : both;
    background          : url(/images/page/statusBg.png) -99999px no-repeat;
    height              : 14px;
    line-height         : 11px;
    float               : left;
    white-space         : nowrap;
}
#main .status-1 { background-position: right 0 !important; }
#main .status-2 { background-position: right -14px !important; }
#main .status-3 { background-position: right -28px !important; }


#main #addGroup,
#main #addCard{
    clear: both;
    margin-top: 10px;
    float: left;
    width: 100%;
}

#main #addCard .image {
    width               : 300px;
    float               : left;
    clear               : both;
    display             : inline;
    margin              : 10px 0 0 125px;
}

#main #addCard .image div {
    float               : left;
    margin-right        : 5px;
    display             : inline;
}

#main #addGroup .line,
#main #addCard .line{
    zoom: 1;
    width: 525px;
    margin-bottom: 5px;
    clear: both;
}
#main #addGroup .line .cmf-skinned-select,
#main #addCard .line .cmf-skinned-select{
    float: left;
    margin-bottom: 0;
}
#main #addGroup .line label, #main #addGroup .line p,
#main #addCard .line label, #main #addCard .line p{
    width: 120px;
    float: left;
    text-align: right;
    font-size: 11px;
    color: #669502;
    padding-right: 5px;
    line-height: 24px;
}
#main #addGroup .scheme-1, #main #addCard .scheme-1{
    /*height: 31px;*/
    margin-top: 15px;
    min-height: 31px;
    overflow: hidden;
    float: left;
}
#main #addGroup .scheme-1 p, #main #addCard .scheme-1 p{
    float: left;
    width: 400px;
    text-align: left;
    font-weight: bold;
    color: #7faa24;
    padding: 9px 0 0;
    line-height: 14px;
}
#main #addGroup .scheme-1 p a, #main #addCard .scheme-1 p a{ color: #7faa24; }
#main #addGroup .scheme-1 p a:hover, #main #addCard .scheme-1 p a:hover{ text-decoration: underline; }
#main #addGroup .scheme-1 .more,
#main #addCard .scheme-1 .more{
    background          : url(/images/page/edit.png) 0 -32px no-repeat;
    height              : 16px;
    width               : 16px;
    display             : block;
    text-indent         : -99999px;
    overflow            : hidden;
    margin              : 9px 0 0 3px;
    float               : left;
}
#main #addGroup .scheme-1 label,
#main #addCard .scheme-1 label{
    padding-top: 4px;
}
#main #addCard .selectCategory{
    float: left;
    height: 35px;
    padding-top: 5px;
}
#main #addCard .selectCategory .label{
    display: block;
    background: url(/images/page/ddcatBg.png) -720px top no-repeat;
    height: 28px;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
    width: 173px;
    cursor: pointer;
    line-height: 25px;
    padding-left: 7px;
}
#main #addGroup .scheme-2,
#main #addCard .scheme-2,
#main .changePass .line{
    height: 26px;
    background: url(/images/page/editBg.png) right 0 no-repeat;
}

#main #addGroup .scheme-2 input,
#main #addCard .scheme-2 input,
#main .changePass .line input{
    color: #fff;
    font-weight: normal;
    font-size: 18px;
    background: transparent;
    border: 0;
    float: left;
    margin: 1px 5px;
    width: 390px;
}
#main #addGroup .scheme-3,
#main #addCard .scheme-3{
    height: 80px;
    background: url(/images/page/editBg.png) right -26px no-repeat;
}
#main #addGroup .scheme-3 textarea,
#main #addCard .scheme-3 textarea{
    color: #fff;
    font-weight: normal;
    font-size: 11px;
    background: transparent;
    border: 0;
    float: left;
    margin: 5px 5px;
    width: 390px;
    height: 70px;
}
#main #addGroup #groupTags .first, #main #addCard #groupTags .first{ display: none; }
#main #addCard #groupTags{ width: 300px; }
#main #addGroup .scheme-4, #main #addCard .scheme-4{ padding-left: 0; }
#main #addGroup .scheme-4 ul,
#main #addCard .scheme-4 ul{
    padding-top: 3px;
}
#main #addCard .scheme-4 label{ padding-top: 6px; }
#main #addGroup .scheme-5 input,
#main #addCard .scheme-5 input{
    width: 15px;
    height: 15px;
    float: left;
    border: 0;
    margin: 5px 0 0 0;
}
#main #addGroup .scheme-5 label,
#main #addCard .scheme-5 label{
    width: auto;
    padding: 0 5px;
}

#main #addGroup .scheme-5 .types {
	width: 400px;
	float: right;
	margin-bottom: 5px;
}

#main #addGroup .scheme-5 .types input {
    margin-top: 3px;
	clear: left;
}

#main #addGroup .scheme-5 .types label {
	line-height: 20px;
}

#main #addGroup .scheme-6 .image, #main #addCard .scheme-6 .image{
    float: left;
}

#main #addGroup .scheme-6 .image img,
#main #addGroup .scheme-6 .image .edit,
#main #addGroup .scheme-6 .image div {
    float: left;
}


#main #addGroup .scheme-6 .edit,
#main #addCard .scheme-6 .edit{
    float: left;
    left: 5px;
    position: relative;
}
#main #addCard .scheme-7{ padding-top: 2px; }
#main #addCard .scheme-7 .input{
    background: url(/images/page/editBg3.png) right -146px no-repeat;
    width: 50px;
    height: 25px;
    float: left;
}
#main #addCard .scheme-7 .input input{
    border: 0;
    color: #fff;
    font-size: 11px;
    background: transparent;
    margin-top: 5px;
    padding: 0 5px;
    width: 40px;
}
#main #addCard .scheme-7 .cmf-skinned-select{
    background: url(/images/page/editBg3.png) 0 -144px no-repeat;
    width: 94px !important;
    margin: -2px 0 0 5px;
    position: relative;
}
#main #addCard .scheme-7 .cmf-skinned-select .cmf-skinned-text{
    width: 85px !important;
}
#main #addCard .scheme-7 .cmf-skinned-select select{
    width: 94px !important;
	z-index: 49 !important;
}
#main #addCard .scheme-7 .check{
    float               : left;
    right               : 0;
    top                 : 4px;
    overflow            : hidden;
    position            : relative;
    width               : 16px;
    height              : 16px;
    background          : url(/images/page/save.png) 0 0 no-repeat;
    border              : 0;
    cursor              : pointer;
    text-indent: -99999px;
    left: 5px;
}

#main #addGroup .scheme-8, 
#main #addCard .scheme-8 {
    width: 276px;
    height: 26px;
    background: url(/images/page/selBg.png) right top no-repeat;
}

#main #addGroup .scheme-8 input,
#main #addCard .scheme-8 input {
    color: #fff;
    font-weight: normal;
    font-size: 11px;
    background: transparent;
    border: 0;
    float: left;
    margin: 8px 5px;
    width: 118px !important;
    font-weight: bold;
}

#main #addGroup .scheme-8 .ffb,
#main #addCard .scheme-8 .ffb {
    z-index: 1000;
    width: 160px !important;
    top: 28px !important;
    left: 125px !important;
}

#main #addGroup .button,
#main #addCard .button{
    zoom: 1;
    overflow: hidden;
    padding-right: 10px;
    position: relative;
    bottom: -10px;
    clear: both;
}
#main #addGroup .button input,
#main #addCard .button input{
    float: right;
    cursor: pointer;
    width: 28px;
    height: 15px;
    border: 0;
    background: url(/images/page/accept.png) 0 0 no-repeat;
}

#main #forumTopics {
    width               : 650px;
    clear               : both;
}
#main #forumTopics .head {
    text-align          : center;
    font-weight         : bold;
    color               : #819F40;
    height              : 1%;
    padding-top         : 5px;
    line-height         : 30px;
    overflow            : hidden;
}

#main #forumTopics .head a {
    font-weight         : bold;
    color               : #b2c980;
    font-size           : 20px;
}

#main #forumTopics .author { width: 125px; float: left; }
#main #forumTopics .title { width: 275px; float: left; }
#main #forumTopics .posts { width: 90px; float: left; }
#main #forumTopics .lastPost { width: 145px; float: right; }

#main #forumTopics .topic {
    clear               : both;
    height              : 1%;
    overflow            : hidden;
    background          : #F0FCE9;
    padding             : 2px 5px;
}
#main #forumTopics .even { background: #fff; padding: 2px 5px; }
#main #forumTopics a:hover, #main #forumTopics a:hover span { text-decoration: underline; }
#main #forumTopics .topic .author a {
    color               : #006600;
    line-height         : 14px;
    float               : left;
}

#main #forumTopics .topic .author div,
#main #forumTopics .topic .author p { float: left; }


#main #forumTopics .topic .author ul { display: none; }

#main #forumTopics .topic .author .nick {
    float               : left;
    width               : 80px;
    padding-left        : 5px;
}
#main #forumTopics .topic .author a img { float: left; }
#main #forumTopics .topic .author a span {
    float               : left;
    padding             : 10px 0 0 5px;
    width               : 80px;
    cursor              : pointer;
}
#main #forumTopics .topic .title {
    padding-top         : 2px;
}
#main #forumTopics .topic .title a {
    font-size           : 12px;
    line-height         : 15px;
    font-weight         : bold;
    color               : #354F00;
}
#main #forumTopics .topic .title p {
    color               : #669502;
    padding             : 2px 0;
}
#main #forumTopics .topic .posts {
    text-align          : center;
    color               : #3C8B3A;
    padding-top         : 12px;
}
#main #forumTopics .topic .lastPost {}

#main #forumTopics .topic .lastPost .nick {
    float               : left;
    width               : 130px;
}

#main #forumTopics .topic .lastPost ul,
#main #forumTopics .topic .lastPost .fade {
    display             : none;
}

#main #forumTopics .topic .lastPost img {
    width               : 36px;
    height              : 36px;
    overflow            : hidden;
    float               : left;
}

#main #forumTopics .topic .lastPost div {
    float               : left;
}

#main #forumTopics .topic .lastPost p {
    float               : left;
    padding-left        : 5px;
    width               : 85px;
    color               : #669502;
    display             : inline;
    overflow            : hidden;
}
#main #forumTopics .topic .lastPost p a {
    display             : block;
    line-height         : 14px;
    color               : #006600;
}

#main #forumTopics .topic .lastPost span {
    padding-left        : 5px;
    line-height         : 14px;
    color               : #669502;
    float               : left;
}
#main #forumTopics .topic .lastPost .more {
    background          : url(/images/page/more.gif) 0 0 no-repeat;
    height              : 19px;
    width               : 12px;
    text-indent         : -99999px;
    display             : block;
    float               : right;
    margin-top          : 7px;
}

#main #forumTopics .topic .tasksItem {
	padding-top:7px;
	position:relative;
	width:510px;
}

#main #forumTopics .topic .tasksItem .more {
    background          : url(/images/page/rollBg.png) right -20px no-repeat;
    height              : 19px;
    width               : 12px;
    text-indent         : -99999px;
    display             : block;
    float               : left;
	margin-right:7px;
}

#main #forumTopics .topic .tasksItem .less {
    background          : url(/images/page/up.gif) right top no-repeat;
    height              : 19px;
    width               : 12px;
    text-indent         : -99999px;
    display             : block;
    float               : left;
	  margin-right        : 7px;
	  position            : relative;
	  z-index             : 10;
}

#main .newsFeed .taskActions {
	position:absolute;
	top:7px;
	right: -5px;
	width: 100px;
	}
	
#main .newsFeed .taskActions .edit {
    width               : 16px;
    height              : 16px;
    text-indent         : -99999px;
    background          : url(/images/page/edit.png) 0 0 no-repeat; 
    float               : right;
}

#main .newsFeed .taskActions .remove {
    width               : 16px;
    height              : 16px;
    text-indent         : -99999px;
    background          : url(/images/page/edit.png) 0 -16px no-repeat; 
    float               : right;
    display             : inline;
    margin-right        : 3px;
}

#main .newsFeed .taskDescription {
    color				        : #669502;
    float               : left;
    display             : none;
    min-height          : 50px;
    _height             : 50px;
    clear               : both;
    padding-left        : 20px;
}

#main .newsFeed .taskDescription p {
	color				:#669502;
    float               : left;
	margin			:0 0 0 0;
	width				:280px;
}

#main .newsFeed .taskDescription .data {
	top:27px !important;
	right: 30px !important;
}

#main .newsFeed .data {
	color				:#669502;
    float               : right;
	margin			:0 0 0 0;
	position:absolute;
	top:2px;
	right:19px;
	width: 170px;
}

#main .newsFeed .data table td {
	text-align:right;
}

#main .newsFeed .data table td.bold {
	font-weight:bold;
	padding:0 0 0 5px;
	text-align:left;
}

#main .verticalMenu #chat {
    width               : 100%;
    float               : left;
    margin-top          : 5px;
    padding-bottom      : 10px;
    background          : url(/images/page/verticalNavBottom.gif) bottom no-repeat;
}

#main .verticalMenu #chat-list {
	max-height:300px;
	overflow: auto;
	}
	
#main .verticalMenu .empty {
	max-height:300px;
	}
	
#main .verticalMenu #chat .row {
    overflow            : hidden;
    width               : 160px;
    padding             : 0 1px;
    background          : #F0FCE9;
}
#main .verticalMenu #chat .even { background: #fff; padding: 2px 1px; }
#main .verticalMenu #chat .row .image { float: left; width: 36px; }
#main .verticalMenu #chat .row .text {
    float               : right;
    width               : 115px;
    padding-right       : 6px;
}
#main .verticalMenu #chat .row .text a:hover { text-decoration: underline; }
#main .verticalMenu #chat .row .text a {
    color               : #006600;
    display             : block;
    padding             : 2px 0;
}
#main .verticalMenu #chat .row .text p {
    font-weight         : bold;
    color               : #669502;
    padding-bottom      : 5px;
}

#main .verticalMenu #chat .textarea {
    background          : url(/images/page/chatBg.png) 0 0 no-repeat;
    height              : 51px;
    width               : 141px;
    padding             : 10px;
    margin              : 20px auto 0;
}
#main .verticalMenu #chat .textarea textarea {
    background          : transparent;
    height              : 51px;
    width               : 141px;
    border              : 0;
    color               : #fff;
    font-size           : 12px;
}
#main .verticalMenu #chat .button {
    margin              : 10px 0 0;
    height              : 19px;
    padding-right       : 10px;
    overflow            : hidden;
}
#main .verticalMenu #chat .button input {
    font-weight         : bold;
    font-size           : 12px;
    color               : #577F01;
    cursor              : pointer;
    background          : transparent url(/images/page/more.gif) right 0 no-repeat;
    border              : none;
    padding-right       : 15px;
    text-align          : right;
    display             : block;
    height              : 19px;
    float               : right;
}

#main .verticalMenu #chat .lineErrorWrapper {
    float               : left;
    width               : 156px;
    background          : url(/images/page/tooltipErrorVertical.png) left top no-repeat;
    margin              : -70px 0 0 -10px;
    position            : relative;
}

#main .verticalMenu #chat .lineErrorWrapper span {
    float               : left;
    width               : 146px;
    padding             : 0 5px;
    margin-top          : 22px;
    background          : url(/images/page/tooltipErrorVertical.png) -156px 0 repeat-y;
    color               : #ffffff;
}

#main .verticalMenu #chat .lineErrorWrapper .lineError {
    float               : left;
    width               : 156px;
    padding-bottom      : 22px;
    background          : url(/images/page/tooltipErrorVertical.png) -312px bottom no-repeat;
}

#main .content .postItem {
    clear               : both;
    height              : 1%;
    overflow            : hidden;
    padding             : 14px 0 0;
}
#main .content .post {
    width               : 521px;
    float               : right;
    padding             : 5px 5px 20px;
    background          : #F1F7E8;
    min-height          : 65px;
    _height             : 65px;
    color               : #2C4000;
    font-size           : 12px;
    position            : relative;
}

#main .content .post .delete {
    position            : absolute;
    bottom              : 3px;
    left                : 21px;
    text-indent         : -99999px;
    display             : block;
    background          : url(/images/page/edit.png) 0 -16px no-repeat;
    width               : 16px;
    height              : 16px;
}

#main .content .post .edit {
    position            : absolute;
    bottom              : 3px;
    left                : 3px;
    text-indent         : -99999px;
    display             : block;
    background          : url(/images/page/edit.png) 0 0 no-repeat;
    width               : 16px;
    height              : 16px;
}

#main .content .postItem .date {
    position            : absolute;
    bottom              : 5px;
    right               : 5px;
    font-size           : 10px;
}
#main .content .postItem h4 {
    font-size           : 12px;
    padding             : 0 0 5px;
}

#main .content .postItem .quote:hover { text-decoration: underline; }
#main .content .postItem .quote {
    position            : absolute;
    bottom              : 5px;
    left                : 5px;
    font-size           : 10px;
    font-weight         : bold;
    color               : #354F00; 
}

#groupWrap #listItems {
    clear               : both;
}

.content .emptyList a { 
    color               : #577f01;
    text-decoration     : underline;
}

.content .emptyList a:hover { text-decoration: none; } 

#groupWrap #listItems .item{
    float: left;
    background: #ffffff;
    width: 297px;
    padding: 5px 10px;
    overflow: hidden;
    margin: 12px 0 0;
    position: relative;
}
#groupWrap #listItems .right{ margin-left: 16px; }
#groupWrap #listItems .even{ background: #F0FCE9; }

#groupWrap #listItems .item .image{
    float: left;
    width: 60px;
    padding-right: 10px;
}
#groupWrap #listItems .item .desc{
    float: left;
    width: 227px;
    color: #354F00;
}
#groupWrap #listItems .item .desc h4{
    height: 12px;
    overflow: hidden;
    color: #354F00;
    font-size: 12px;
    padding: 2px 0 3px;
}
#groupWrap #listItems .item .desc h4 a{ color: #354F00; }
#groupWrap #listItems .item .desc h4 a:hover{ text-decoration: underline; }
#groupWrap #listItems .item .desc p{
	height:36px;
    line-height: 18px;
	overflow:hidden;
    font-size: 12px;
}
#groupWrap #listItems .item .stats{
    color: #669502;
    clear: both;
    padding-top: 3px;
    margin-left: 65px;
}
#groupWrap #listItems .item .stats span{
    float: left;
    padding: 0 20px 0 5px;
}
/* ---------------------------------------- */



/* -------------- Card ------------ */
#main #cardWrap {
    position            : relative;
}
#main #cardTags{
    clear: both;
    height: 1%;
    bottom: -14px;
    width: 630px;
    padding-top: 4px;
}
#main #cardTags #groupTags{
    width: 620px;
    padding: 0 10px 0;
}
#main #cardTags #groupTags .first{ display: block; }
#main #cardWrap .info { margin-bottom: -50px; }
#main #card{
    width               : 100%;
}
#main #cardWrap #cardInfo {
    float               : left;
    width               : 90px;
    margin-top          : 15px;
}

#main #cardWrap #cardInfo .image {
    float               : left;
    display             : inline;
    margin              : -7px 0 0 10px;
    position            : relative;
}

#main #cardWrap #cardInfo .image a {
    float               : left;
    display             : inline;
    clear               : both;
    margin              : 3px 0 0 23px;
}

#main #cardWrap #cardInfo .image p {
    width               : 64px;
    height              : 48px;
    background          : url(/images/page/tempPhotoA.jpg) no-repeat;
    text-indent         : -9999px;
}

#main #cardWrap .cardDescStats .date,
#main #groupWrap #groupDesc .date {
    color               : #669502;
    clear               : both;
    margin-top          : 5px;
    float               : left;
    white-space         : nowrap;
    width               : 300px;
}

.dateNorka * {
	color:#354f41 !important;
	}

#main #cardWrap #cardStats {
    clear               : both;
    padding             : 5px 10px 0 0;
    color               : #669502;
    line-height         : 22px;
}

#main #cardWrap #cardStats .places,
#main #cardWrap #cardStats .price{
    overflow            : hidden;
    float               : left;
    clear               : both;
    width               : 400px;
}

#main #cardWrap #cardStats .places .p,
#main #cardWrap #cardStats .price .p{
    float               : left;
    clear               : both;
}
#main #cardWrap #cardStats .price .p{ font-size: 12px; }
#main #cardWrap #cardStats .price .p b, #main #cardWrap #cardStats .places .p b{ float: left; }
#main #cardWrap #cardStats .places .p span{
    float               : left;
}
#main #cardWrap #cardStats .price .p span{
    float               : left;
    padding-left        : 2px;
}
#main #cardWrap #cardStats .edit{
    position            : relative;
    top                 : 2px;
    float: right;
}

#main #cardWrap #cardStats .nowedit{
    background          : url(/images/page/editBg2.png) 0 -106px no-repeat;
    height              : 26px;
    position            : relative;
    width               : 100px;
}
#main #cardWrap #cardStats .neWrap span{ display: none; }
#main #cardWrap #cardStats form{
    float               : left;
    background          : url(/images/page/editBg2.png) 0 -106px no-repeat;
    width               : 98px;
    height              : 26px;
    overflow            : hidden;
}
#main #cardWrap #cardStats .nowedit input {
    font-size           : 11px;
    height              : 14px !important;
    font-weight         : normal;
    color               : #fff;
    background          : transparent;
    border              : 0;
    width               : 48px !important;
    margin              : 6px 0 0 5px;
    float               : left;
    font-weight         : bold;
}

#main #cardWrap .vote {
    float               : left;
    display             : inline;
    clear               : both;
    text-align          : center;
    margin              : 15px 0 -10px 250px;
    background          : url(/images/page/star.png) right center no-repeat;
    position            : relative;
}

#main #cardWrap .vote a {
    height              : 16px;
    color               : #669502;
    float               : left;
    font-size           : 12px;
    font-weight         : bold;
    margin-right        : 20px;
}

#main #cardWrap #cardDesc {
    float               : left;
    width               : 405px;
    padding             : 0 0 10px 0;
    overflow            : visible;
    margin-top          : 15px;
}

#main #cardWrap #cardDesc .left,
#main #groupWrap #groupDesc .left {
    float               : left !important;
    display             : inline !important;
    width               : 100px !important;
    text-align          : right !important;
    padding-right       : 5px !important;
    color               : #669502 !important;
    font-size           : 11px !important;
}

#main #cardWrap #cardDesc .places p {
    clear               : both;
    width               : 300px;
}

#main #cardWrap #cardDesc .places p span {
    clear               : both;
    float               : left;
}

#main #cardWrap #cardDesc .places p b {
    float               : left;
    clear               : both;
    margin              : -21px 0 0 105px;
}
#main #cardWrap #cardDesc .cityShow strong {
    float               : left;
    clear               : both;
    margin              : -21px 0 0 105px;
    white-space         : nowrap;
}


#main #cardWrap #cardDesc #advViews {
    float               : right;
    clear               : both;
    display             : inline;
    margin              : 5px -150px -50px 400px;
    color               : #669502;
}

#main #cardWrap #cardDesc .cardDescStats,
#main #groupWrap #groupDesc .cardDescStats {
    float               : left;
    display             : inline;
    margin-left         : -105px;
    margin-top          : 15px;
    position            : relative;
    clear               : both;
}

#main #groupWrap #groupDesc .cardDescStats {
    margin-left         : -30px;
}

#main #cardWrap #card .memberBox {
    margin-top          : 20px;
    float               : right;
}

#main #cardWrap #cardDesc:after{
    clear: both;
    content: " ";
    display: block;
}

#main #cardWrap #cardDesc .head {
    float               : left;
    width               : 100%;
    position            : relative;
    z-index             : 20;
    overflow            : hidden;
}

#main #cardWrap #cardDesc .head h3 {
    color               : #354F00;
    font-size           : 18px;
    font-weight         : normal;
    float               : left;
    line-height         : 22px;
    position            : relative;
    width               : 100%;
    word-wrap           : break-word;
}
#main #cardWrap #cardDesc .head .errorBox {
    right               : -160px;
    overflow            : hidden;
}

#main #cardWrap #cardDesc .description,
#main #cardWrap #cardDesc .category,
#main #cardWrap #cardDesc .city{
    line-height         : 18px;
    font-size           : 12px;
    color               : #354F00;
    padding-top         : 3px;
    float               : left;
    width               : 100%;
    overflow            : hidden;
}

#main #cardWrap #cardDesc .category a {
    color               : #354F00;
    font-size           : 11px;
}

#main #cardWrap #cardDesc .description span,
#main #cardWrap #cardDesc .category span,
#main #cardWrap #cardDesc .city span{
    float               : left;
    /*width               : 490px;*/
}
#main #cardWrap #cardDesc .category, #main #cardWrap #cardDesc .city { zoom: 1; overflow: visible; }
#main #cardWrap #cardDesc .category strong, #main #cardWrap #cardDesc .city strong{ float: left; padding-right: 5px; }
#main #cardWrap #cardDesc .category span, #main #cardWrap #cardDesc .city span { width: auto; }
#main #cardWrap #cardDesc .cmf-skinned-select{ float: left; }
/*#main #cardWrap #cardDesc .neWrap span{ width: 517px; }*/
#main #cardWrap #cardDesc .neWrap strong{ display: none; }
#main #cardWrap #cardDesc .category, #main #cardWrap #cardDesc .city{ padding: 7px 0 5px; }
#main #cardWrap #cardDesc .nowsave *, #main #cardWrap #cardStats .nowsave *{ display: none; }
#main #cardWrap #cardDesc .head .edit { float: left; margin-top: 4px; }

#main #cardWrap #cardDesc .nowedit .loader,
#main #cardWrap #cardStats .nowedit .loader{
    height              : 25px;
    width               : 25px;
    padding-right       : 0;
    background          : url(/images/page/loader_field.gif) 0 0 no-repeat;
    text-indent         : -99999px;
    display             : block;
}
#main #cardWrap #cardDesc .category .nowedit .loader{
    background-image: url(/images/page/loader_green.gif);
}
#main #cardWrap #cardDesc .head .nowedit,
#main #cardWrap #cardDesc .description .nowedit,
#main #cardWrap #cardDesc .city .nowedit{
    width               : 396px;
    position            : relative;
    overflow            : visible;
}

#main #cardWrap #cardDesc .city .nowedit{
    width               : 208px;
}

#main #cardWrap #cardDesc .head .nowedit:after,
#main #cardWrap #cardDesc .description .nowedit:after,
#main #cardWrap #cardDesc .city .nowedit:after{
    clear: both;
    display: block;
    content: " ";
}
 
#main #cardWrap #cardDesc .city .nowedit  { 
    background          : url(/images/page/cityEditBg.gif) 0 0 no-repeat; 
    height              : 26px; 
    padding-right       : 5px;
}

#main #cardWrap #cardDesc .head .nowedit  { 
    background          : url(/images/page/editBg.png) 0 0 no-repeat; 
    height              : 26px; 
    padding-right       : 5px;
}

#main #cardWrap #cardDesc .head .text  { 
    width               : 345px;
    background          : none;
    border              : none;
    color               : #FFFFFF;
    float               : left;
    font-size           : 18px;
    margin-left         : 5px;
    padding             : 1px 0 0;
}

#main #cardWrap #cardDesc .city .save  { 
    position            : absolute !important;
    right               : 29px !important;
    left                : auto !important;
}

#main #cardWrap #cardDesc .city .cancel  { 
    position            : absolute !important;
    right               : 10px !important;
}

#main #cardWrap #cardDesc .city .ffb  { 
    float               : left !important;
    clear               : both !important;
    z-index             : 99999 !important;
    position            : relative !important;
    margin              : -10px 0 -1000px 0 !important;
    left                : auto !important;
    right               : auto !important;
}

#main #cardWrap #cardDesc .city .ffb-content,
#main #cardWrap #cardDesc .city .row {
    position            : relative;
    z-index             : 99999;
}

#main #cardWrap #cardDesc .city

#main #cardWrap #cardDesc .head .nowedit input, #main #cardWrap #cardDesc .city .nowedit input {
    font-size           : 18px;
    font-weight         : normal;
    color               : #fff;
    background          : transparent;
    border              : 0;
    width               : 345px !important;
    padding             : 1px 0 0;
    margin-left         : 5px;
    float               : left;
}

#main #cardWrap #cardDesc .city .nowedit input {
    font-size           : 12px;
    width               : 158px !important;
    padding             : 5px 0 0;
}

#main #cardWrap #cardDesc .city .ffb-arrow{
    position: absolute;
    width: 20px;
    height: 28px;
    background :url(/images/page/selectButton.gif) 0 0 no-repeat;
    top: -4px;
    left: 140px;
    _left: -18px;
}
#main #cardWrap #cardDesc .description textarea {
    font-size           : 12px;
    font-weight         : normal;
    color               : #fff;
    background          : transparent;
    border              : 0;
    width               : 345px !important;
    margin              : 5px 0 0 7px;
    _margin-left        : 3px;
    height              : 71px !important;
    float               : left;
}


#main #cardWrap #cardStats .nowedit a,
#main #cardWrap #cardTags .nowedit .save,
#main #cardDesc .save,
#main #cardDesc .cancel {
    float               : right;
    right               : 2px;
    top                 : 4px;
    overflow            : hidden;
    position            : relative;
    width               : 16px;
    height              : 16px;
    background          : url(/images/page/save.png) 0 0 no-repeat;
    border              : 0;
    cursor              : pointer;
    text-indent         : -99999px;
}
#main #cardWrap #cardDesc .nowedit .save,
#main #cardWrap #cardStats .nowedit .save,
#main #cardWrap #cardTags .nowedit .save{
    float: left;
    left: 9px;
}
#main #cardWrap #cardDesc .category .save{ position: relative; left: 2px; top: 10px; }
#main #cardWrap #cardDesc .category .cancel{ top: 10px; left: 6px; float: left; }
#main #cardWrap #cardTags .nowedit .save{ left: 2px; top: 2px; }
#main #cardWrap #cardDesc .nowedit .cancel,
#main #cardWrap #cardStats .nowedit .cancel{
    background          : url(/images/page/edit.png) 0 -16px no-repeat;
}
#main #cardWrap #cardDesc .description .nowedit {
    height              : 81px;
    background          : url(/images/page/editBg.png) 0 -25px no-repeat;
    margin-top          : 3px;
    padding-right       : 5px;
}
#main #cardWrap #cardDesc .head .edit { float: left; margin-left: 4px; }

#main #cardWrap #cardDesc .description .edit, #main #cardWrap #cardDesc .city .edit { float: left; margin-top: 2px; margin-left: 4px; }
#main #cardWrap #cardDesc .category .edit { float: left; margin-top: 2px; margin-left: 4px; }

#main #cardWrap #cardDesc #groupTags{ padding-left: 0; }

#main #cardWrap #cardDesc .cityShow {
    color               : #669502;
    float               : left;
    clear               : both;
}

#main .editCardDesc .price .p {
    clear               : none !important;
}

#main .editCardDesc .places,
#main .editCardDesc #cardStats {
    width               : 100%;
}

#main .editCardDesc .price .p .edit {
    display             : inline;
    margin-left         : 3px;
}

#main .editCardDesc .city .line {
    color               : #669502;
}

#main .editCardDesc .city {
    width               : 506px !important;
}

#main .editCardDesc #cardStats,
#main .editCardDesc .city {
    float               : left;
    display             : inline !important;
    margin-left         : -100px;
    clear               : both;
    position            : relative;
}

#main .editCardDesc #cardTags {
    width               : 460px !important;
    float               : left;
    display             : inline;
    margin-left         : -22px;
    clear               : both;
}

#main .editCardDesc .places .edit,
#main .editCardDesc .price .edit {
    float               : left !important;
}

#main .editCardDesc .price {
    width               : 100%;
}

#main .cardList{
    clear: both;
    /*margin-bottom: -10px;*/
    zoom: 1;
}
#main .cardList .head{
    font-size: 11px;
    font-weight: bold;
    color: #577f01;
    padding: 10px 0;
    line-height: 14px;
    zoom: 1;
    overflow: hidden;
    text-align: center;
}
#main .cardList .head strong{ float: left; }
#main .cardList .head strong span{ font-weight: normal; }
#main .cardList .head .title{ width: 390px; }
#main .cardList .head .place{ width: 100px; }
#main .cardList .head .date{ width: 85px; }
#main .cardList .head .value{ width: 65px; }
#main .cardList .card{
    background: #f0fce9;
    zoom: 1;
    overflow: hidden;
    padding: 5px 10px;
}
#main .cardList .even{ background: #fff; }
#main .cardList .card .num{
    float: left;
    width: 20px;
    padding: 0 0 0 10px;
    text-align: center;
    color: #80c01b;
    /*font-weight: bold;*/
    font-size: 28px;
    line-height: 48px;
}

#main .cardList .card .num .place {
    width               : 20px;
    display             : block;
    line-height         : 35px;
    text-align          : center;
}

#main .cardList .card .num .score {
    width               : 20px;
    display             : block;
    clear               : both;
    font-size           : 11px;
    white-space         : nowrap;
    line-height         : 20px;
    text-align          : center;
}

#main .cardList .card .title{
    float: left;
    width: 340px;
}
#main .contest .card .title{
    width: 330px !important;
}
#main .cardList .title a{
    color: #223e31;
    font-weight: bold;
    font-size: 12px;
}
#main .cardList .title img{
    float: left;
}

#main .cardList .title a span{
    float: left;
    line-height: 15px;
    padding: 5px 5px 3px;
    cursor: pointer;
    width: 250px;
    vertical-align: middle;
    display: table;
    margin-top: 5px;
}

#main .cardList .title .titleContent {
    width: 260px;
    float: left;
    overflow: hidden;
}

#main .cardList .title .titleContent p {
    clear: both;
    float: left;
    margin: 0 0 0 5px;
    display: inline;
    color: #669502;
    width: 255px;
}

#main .cardList .title .titleContent p a {
    font-weight: normal;
    font-size: 11px;
    white-space: nowrap;
    color: #669502;
}

#main .contest .title a span{
    width: 240px;
    max-width: 240px !important;
    padding: 8px 5px 2px 10px !important;
}
#main .cardList .crumbs{
    font-size: 11px;
    padding-left: 10px;
    float:left;
    width: 240px;
}
#main .cardList .crumbs a{
    font-weight: normal;
    font-size: 11px;
}
#main .cardList .title .notice,
#main #ads .notice{
    float: left;
    background: url(/images/page/star.png) 0 0 no-repeat;
    width: 17px;
    height: 16px;
    cursor: pointer;
    overflow: visible;
    display: none !important;
}
#main .card .notice{
    margin-top: 12px;
}
#main .cardList .title .notice span,
#main #ads .notice span{
    width: 199px;
    display: none;
    position: absolute;
    margin: -41px 0 0 15px;
    background: #07848d;
    color: #ffffff;
    font-size: 10px;
    font-weight: bold;
    background: url(/images/page/toolTipBg2.gif) -199px bottom no-repeat;
}

#main .cardList .title .notice span strong,
#main #ads .notice span strong {
    width: 169px;
    padding: 5px 0 5px 30px;
    background: url(/images/page/toolTipBg2.gif) 0 0 no-repeat;
    float: left;
    line-height: 15px;
    padding: 0;
}

#main .cardList .title .notice span strong,
#main #ads .notice span strong {
    width: 169px;
    padding: 5px 0 5px 30px;
    background: url(/images/page/toolTipBg2.gif) 0 0 no-repeat;
    float: left;
}

#main .cardList .title .notice:hover span, #main #ads .notice:hover span,
#main .cardList .title .notice.hover span, #main #ads .notice.hover span{
    display: block;
}
#main .cardList .title a:hover, #main .cardList .title a:hover span{ text-decoration: underline; }
#main .cardList .place{  }
#main .cardList .date{ padding: 0 10px; margin: auto; display: block; }
#main .cardList .value{ width: 55px; margin: auto; display: block; }
#main .cardList .place span, #main .cardList .date span, #main .cardList .value span{
    text-align: center;
    display: block;
    padding: 16px 0 0;
    line-height: 15px;
    font-size: 11px;
    color: #223e31;
    font-weight: bold;
}
#main .cardList .date span{ font-weight: normal; }
#main .cardList .value span{ font-size: 12px; }

#main .cardList .remove {
    background: url(/images/page/edit.png) no-repeat 0 -16px !important;
    display: block !important;
    height: 16px !important;
    text-indent: -99999px !important;
    width: 16px !important;
    margin: auto !important;
}

#main .cardList {
    width               : 100%;
    margin-top          : 10px;
}

#main .highlighted td * { color: #540901 !important; }

#main .highlighted .card { background: #fffbd6; }
#main .highlighted .even { background: #ffffff; }

#main .cardList th {
    color               : #577f01;
    padding             : 0 0 10px 0;
}

#main .cardList td {
    text-align          :  center;
}

#main .cardList .title {
    width               : 200px;
    float               : none !important;
    text-align          : left;
}

#main .cardList th .head {
    float               : left;
    margin              : 5px -1000px 0 10px;
    width               : 70px;
    font-weight         : normal;
    text-align          : left;
    padding             : 0;
}

#main .highlighted th .head { margin: 0 -1000px 0 10px; }


#main .cardList .title2 {
	font-weight			: normal;
}

#main .cardList .title a {
    color               : #223e31;
    font-weight         : bold;
    font-size           : 12px;
}

#main .content #ads th .normal {
}

#main .cardList .title img {
    float               : left;
    padding             : 5px 0 5px 10px;
}

#main .cardList .title a span {
    float               : left;
    line-height         : 15px;
    cursor              : pointer;
    max-width           : 280px;
}

#main .cardList .title .notice span {
    max-width           : 9999px;
    width               : auto !important;
}

#main .cardList .num {
    float               : left;
    width               : 35px;
    padding-right       : 15px;
    text-align          : center;
    color               : #80c01b;
    font-size           : 28px;
    line-height         : 48px;
}

#main .cardList img {
    float               : left;
}

#main #groupAdmin{
    clear: both;
    padding: 0 0 0;
}
#main #groupAdmin .head{
    clear: both;
}
#main #groupAdmin .head strong{
    float: left;
    color: #577f01;
    text-align: center;
    line-height: 14px;
    padding-top: 5px;
    padding-bottom: 7px;
}
#main #groupAdmin .user-1{
    padding-left: 10px;
    text-align: left !important;
    width: 310px;
    float: left;
}
#main #groupAdmin .user-2{ width: 85px; float: left; }
#main #groupAdmin .mod{ width: 84px; float: left; }
#main #groupAdmin .admin{ width: 84px; float: left; }
#main #groupAdmin .del{  width: 70px; float: right !important; }

#main #groupAdmin .row{
    clear: both;
    zoom: 1;
    overflow: hidden;
    background: #f0fce9;
    padding: 2px 0;
}

#main #groupAdmin ..even{
    background: #fff;
}
#main #groupAdmin .even{ background: #fff; }
#main #groupAdmin .row .user-1 a{
    float: left;
    color: #006600;
}
#main #groupAdmin .row .user-1 img{
    float: left;
}
#main #groupAdmin .row .user-1 span, #main #groupAdmin .row .user-1 p {
    float: left;
    padding: 10px 0 0 10px;
    line-height: 14px;
}
#main #groupAdmin .row .user-1 a:hover, #main #groupAdmin .row .user-1 a:hover span{ text-decoration: underline; }
#main #groupAdmin .row input{
    border: 0;
    width: 15px;
    height: 15px;
    padding: 0 0 0 0;
    margin: 10px auto 0;
    display: block;
}
#main #groupAdmin .button{
    zoom: 1;
    overflow: hidden;
    padding-right: 10px;
    position: relative;
    bottom: -10px;
}
#main #groupAdmin .button input{
    float: right;
    cursor: pointer;
    width: 118px;
    text-align: left;
    font-weight: bold;
    color: #577f01;
    font-size: 12px;
    height: 17px;
    border: 0;
    background: url(/images/page/accept.png) right 2px no-repeat;
}

#main .changePass{
    padding: 10px 0 20px;
}
#main .changePass .button{
    bottom: -30px !important;
}

li.membersListOption1 {
	display:none;
	}
	
#chat-list p.emptyList {
	clear:both;
	color:#577f01;
	font-weight:bold;
	padding-top:10px;
	text-align:center;
	}

/* ----------- Abonament ------------- */
#main .abonament p {
    float             : left;
    clear             : both;
    color             : #577f01;
    padding           : 5px 0 0 10px;
    width             : 162px;
    font-size         : 12px;
}

#main .abonament .preloader {
    float             : left;
    clear             : both;
    width             : 166px;
    height            : 16px;
    background        : url(/images/page/abonamentPreloaderBg.gif) no-repeat;
    display           : inline;
    margin            : 5px 0 0 7px;
}

#main .abonament .preloader .loadet {
    float             : left;
    height            : 16px;
    background        : url(/images/page/abonamentPreloaderLoadet.gif) no-repeat;
}

#main .abonament .preloader .loadet span {
    width             : 166px;
    float             : left;
    position          : absolute;
    color             : #ffffff;
    font-weight       : bold;
    text-align        : center;
    margin-right      : -166px;
    line-height       : 16px;
}

#main .abonament .link {
    width             : 100px;
    color             : #577f01;
    float             : left;
    clear             : both;
    text-align        : right;
    padding-right     : 17px;
    height            : 19px;
    line-height       : 19px;
    background        : url(/images/page/right.gif) right no-repeat;
    margin            : 2px 0 0 55px;
}
/* ----------------------------------- */

/* ----------- Advertisement invite ----------- */
.advertisementInvitebox { position: static !important; }
.advertisementInvitebox .advertisementInvitefade { position: fixed !important; }
.advertisementInvitebox .advertisementInvite {
    width             : 650px !important;
    position          : absolute !important;
    left              : 50% !important;
    margin-left       : -325px !important;
    display           : inline !important;
}

.advertisementInvitebox .advertisementInvitefade { background: #729F12; }

.advertisementInvitebox .advertisementInviteclose{
    width               : 16px;
    height              : 16px;
    background          : url(/images/page/edit.png) transparent 0 -16px no-repeat;
    float               : left;
    margin              : 13px 0 -30px 625px;
    text-indent         : -9999px;
    cursor              : pointer;
    position            : relative;
    z-index             : 9999;
    display             : inline;
}

.advertisementInvitebox .advertisementInvitebuttons { display: none; }

.advertisementInvitebox #iv_invite_form {
    width               : 100%;
    float               : left;
    clear               : both;
    position: relative;
}

.advertisementInvitebox .button {
    position            : absolute;
    bottom              : 12px;
    right               : 7px;
      z-index             : 99999;
      bottom              : 4px;
}

.advertisementInvitebox .button input {
    width               : 28px;
    height              : 15px;
    border              : none;
    background          : url(/images/page/accept.png) no-repeat;
    cursor              : pointer;
      position            : absolute;
      z-index             : 99999;
      right               : 0;
      bottom              : 6px;
}

.advertisementInvitebox #iv_invite_form .button input{
    bottom: -15px;
}

.advertisementInvitebox .accept {
    width               : 28px;
    height              : 15px;
    border              : none;
    background          : url(/images/page/accept.png) no-repeat;
    cursor              : pointer;
      position            : absolute;
      z-index             : 99999;
      right               : 0;
      bottom              : 0;
      text-indent         : -99999px;
      bottom              : 10px;
      right               : 8px;
}

.advertisementInvitebox .label,
.advertisementInvitebox .scheme-6 label,
.advertisementInvitebox .scheme-7 label{
    width               : 98%;
    float               : left;
    margin              : 15px 0 0 2%;
    display             : inline;
    color               : #354F00;
    font-size           : 12px;
    font-weight         : bold;
    padding-bottom      : 10px;
}

.advertisementInvitebox #inviteReceivers {
    float               : left;
    clear               : both;
    display             : inline;
    margin-left         : 10px;
    padding-bottom      : 20px;
}

.advertisementInvitebox #inviteReceivers li {
    float               : left;
    height              : 1%;
    line-height         : 16px;
    margin              : 0 2px 5px;
    padding-right       : 9px;
}

.advertisementInvitebox #inviteReceivers .last {
    float               : left;
    left                : -2px;
    position            : relative;
    top                 : -6px;
    width               : 182px;
}

.advertisementInvitebox #inviteReceivers .tag {
    background          : url(/images/page/tagsBg.png) no-repeat;
    color               : #ffffff;
    float               : left;
    height              : 21px;
    line-height         : 21px;
    margin              : 0;
    padding             : 0 4px;
    font-weight         : bold;
}

.advertisementInvitebox #inviteReceivers .del {
    background          : url(/images/page/tagsBg.png) 0 -21px no-repeat;
    float               : left;
    height              : 21px;
    margin              : 0;
    padding             : 0;
    text-indent         : -99999px;
    width               : 9px;
}

.advertisementInvitebox .del:hover{ background-color: #f00 !important; }

.advertisementInvitebox #inviteReceivers .cmf-skinned-select { float: left; }

.advertisementInvitebox #inviteReceivers .submit {
    width               : 15px;
    height              : 15px;
    float               : left;
    background          : url(/images/page/save.png) no-repeat;
    border              : 0;
    cursor              : pointer;
    margin              : 10px 0 0 5px;
}

.advertisementInvitebox #inviteEmails,
.advertisementInvitebox #inviteFullName  {
    float               : left;
    clear               : both;
    display             : inline;
    margin-left         : 10px;
    /*padding-bottom      : 20px;*/
    width: 620px;
}

.advertisementInvitebox #inviteEmails li {
    float               : left;
    height              : 1%;
    line-height         : 16px;
    margin              : 0 2px 5px;
    padding-right       : 9px;
}

.advertisementInvitebox #inviteEmails .last {
    float               : left;
    left                : -2px;
    position            : relative;
    top                 : -6px;
    width               : 182px;
}

.advertisementInvitebox .scheme-6 #inviteEmails .last{ top: -1px; }

.advertisementInvitebox #inviteEmails .tag {
    background          : url(/images/page/tagsBg.png) no-repeat;
    color               : #ffffff;
    float               : left;
    height              : 21px;
    line-height         : 21px;
    margin              : 0;
    padding             : 0 4px;
    font-weight         : bold;
}

.advertisementInvitebox #inviteEmails .del {
    background          : url(/images/page/tagsBg.png) 0 -21px no-repeat;
    float               : left;
    height              : 21px;
    margin              : 0;
    padding             : 0;
    text-indent         : -99999px;
    width               : 9px;
}

.advertisementInvitebox #inviteEmails .end {
    background          : url(/images/page/tagsBg.gif) -497px -21px no-repeat;
    float               : left;
    height              : 21px;
    margin              : 0;
    padding             : 0;
    text-indent         : -99999px;
    width               : 9px;
}

.advertisementInvitebox #inviteEmails .cmf-skinned-select { float: left; }

.advertisementInvitebox #inviteEmails .submit {
    width               : 15px;
    height              : 15px;
    float               : left;
    background          : url(/images/page/save.png) no-repeat;
    border              : 0;
    cursor              : pointer;
    margin              : 10px 0 0 5px; 
}

.advertisementInvitebox .scheme-6 #inviteEmails .submit{
    margin: 4px 0 0 5px;
}

.advertisementInvitebox #inviteToLair .content .content,
.advertisementInvitebox #inviteToLair .content .content .bottom { background: none !important; }
.advertisementInvitebox #inviteToLair .horizontal_carousel { padding: none; }

.advertisementInvitebox #inviteToAdvertisement .content .content,
.advertisementInvitebox #inviteToAdvertisement .content .content .bottom { background: none !important; }
.advertisementInvitebox #inviteToAdvertisement .horizontal_carousel { padding: none; }

.advertisementInvitebox #inviteToAdvertisement #inviteReceivers{
    padding-bottom: 0;
}

.advertisementInvitebox .scheme-6 label{
    margin-top: 0;
}

.advertisementInvitebox .scheme-6 label span{
    font-weight: normal;
}

.advertisementInvitebox .scheme-6 #inviteEmails .line{
    background: url(/images/page/inviteFormsBg.png) 0 -355px no-repeat;
    width: 141px;
    height: 20px;
    padding: 5px 5px 0;
    float: left;
}

.advertisementInvitebox .scheme-6 #inviteEmails .lineErrorWrapper{
    right: -145px !important;
}

.advertisementInvitebox .scheme-6 #inviteEmails .line label, .advertisementInvitebox .scheme-6 #inviteEmails .line div{
    display: none;
}

.advertisementInvitebox .scheme-6 #inviteEmails .line input{
    color: #fff;
    background: transparent;
    width: 140px;
    height: 20px;
    border: 0;
    font-weight: bold;
}

.advertisementInvitebox .scheme-7 label{
    margin-top: 0;
}

.advertisementInvitebox .scheme-7 #inviteFullName .line{
    background: url(/images/page/inviteFormsBg.png) 0 -355px no-repeat;
    width: 141px;
    height: 20px;
    padding: 5px 5px 0;
    float: left;
}

.advertisementInvitebox .scheme-7 #inviteFullName .lineErrorWrapper{
    right: 304px !important;
}

.advertisementInvitebox .scheme-7 #inviteFullName .line label, .advertisementInvitebox .scheme-7 #inviteFullName .line div{
    display: none;
}

.advertisementInvitebox .scheme-7 #inviteFullName .line input{
    color: #fff;
    background: transparent;
    width: 140px;
    height: 20px;
    border: 0;
    font-weight: bold;
}

.advertisementInvitebox .bottom {
    background          : url(/images/page/contentBottom.gif) bottom no-repeat;
    height              : 20px;
    width               : 100%;
    /*position            : absolute;*/
    bottom              : 0;
    z-index:5 !important;
}

.advertisementInvitebox #iv_invite_form_step2{
    clear: both;
}

.advertisementInvitebox #iv_invite_form_step2 .line{
    background: url(/images/page/inviteFormsBg.png) 106px -100px no-repeat;
    width: 600px;
    height: 250px;
    clear: both;
    margin-bottom: 30px;
}
.advertisementInvitebox #iv_invite_form_step2 .line label{
    float: left;
    text-align: right;
    color: #354F00;
    line-height: 18px;
    padding: 0 7px 0 0;
    width: 100px;
}

.advertisementInvitebox #iv_invite_form_step2 .line textarea{
    color: #fff;
    font-weight: bold;
    border: 0;
    background: transparent;
    float: left;
    width: 408px;
    padding: 5px;
    height: 240px;
}
/* ----------------------------------- */


/* include css file: /css/carousel.css */

/* Horizontal Carousel */
.horizontal_carousel, #horizontal_carousel, #horizontal_carousel2 {
  position: relative;  
  clear:both;
  height:90px;
  padding-top:5px;
  width:100%;
  padding-bottom: 20px;
  float: left;
  margin-top: 10px;
}         

.horizontal_carousel .container, #horizontal_carousel .container, #horizontal_carousel2 .container {
  position: absolute;
  top: 5px;
  left: 29px !important;
  width: 595px !important;
  height: 90px;
  padding: 0 !important;
  padding-bottom: 20px !important;
  z-index: 1;
  overflow: hidden;
  margin: 0 !important;
}     


.horizontal_carousel .previous_button, #horizontal_carousel .previous_button, #horizontal_carousel2 .previous_button {
  z-index: 100;    
  cursor:pointer;
  background:transparent url(/images/page/membersActionsBg.png) no-repeat scroll 0 -81px;  
  float:left;
  height:19px;
  text-indent:-99999px;
  width:28px;  
  position: absolute;
  display:inline;
  margin:50px 7px 0 -4px;
  left: 0;
}        

.horizontal_carousel .previous_button_disabled, #horizontal_carousel .previous_button_disabled, #horizontal_carousel2 .previous_button_disabled {
  background: none !important;
  display:none;
  cursor:default;
}

#horizontal_carousel .previous_button_disabled {
	background: none !important;
	display:none;
	cursor:default;
	}

.horizontal_carousel .next_button, #horizontal_carousel .next_button, #horizontal_carousel2 .next_button {
	position: absolute;
	top: 0;
	left: 629px;
    z-index: 100;
    cursor:pointer;
    background:transparent url(/images/page/membersActionsBg.png) no-repeat scroll 0 -61px;
    height:19px;
    text-indent:-99999px;
    width:28px;  
    display:inline;
    margin:50px 7px 0 -4px;    
}   

.horizontal_carousel .next_button_disabled, #horizontal_carousel .next_button_disabled, #horizontal_carousel2 .next_button_disabled {
  background: none !important;
  cursor:default;
}

.horizontal_carousel ul.cont, #horizontal_carousel ul.cont, #horizontal_carousel2 ul.cont {
  margin: 0;
  padding:0;
  clear:both;
  width: 100000px;
  position: relative;
  height: 90px;
}