/* 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/profile.css */

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

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

#profileDetails .image img {
    display             : block;
}

#profileDetails .image .edit{
    position            : absolute;
    bottom              : 5px;
    right               : 5px;
    height              : 15px;
    width               : 15px;
    background          : url(/images/page/ed.png) 0 0 no-repeat !important;
}

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

#profileDetails .details .dedit {
    background          : url(/images/page/edit.png) 0 0 no-repeat;
    height              : 16px;
    width               : 16px;
    display             : block;
    text-indent         : -99999px;
    position            : absolute;
    top                 : -7px;
    right               : 8px;
}

#profileDetails .details .dsave {
    background          : url(/images/page/accept.png) 0 0 no-repeat;
    height              : 15px;
    width               : 28px;
    display             : block;
    text-indent         : -99999px;
    position            : absolute;
    top                 : -7px;
    right               : 8px;
}

#profileDetails .details .dcancel {
    background          : url(/images/page/edit.png) 0 -16px no-repeat;
    height              : 16px;
    width               : 16px;
    display             : block;
    text-indent         : -99999px;
    position            : absolute;
    top                 : -8px;
    right               : 7px;
}

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



#profileDetails .details .row .edit {
    float               : left;
    /*right               : 8px;*/
    position            : relative;
    left                : 2px;
}

#profileDetails .details .neWrap span {
    float               : left;
    width               : 75px;
    padding-right       : 5px !important;
    line-height         : 22px;
    /*color             : #7d9e3b;*/
    text-align          : right;
}

#profileDetails .details .neWrap .editme{
    background          : url(/images/page/editBg3.png) 0 -174px no-repeat;
    height              : 26px;
    position            : relative;
    width               : 128px;
    float               : left;
    padding             : 0;
}

#profileDetails .details .neWrap .seditme {
    margin              : -3px 0;
    background          : url(/images/page/editBg3.png) 0 -144px no-repeat;
    height              : 27px;
    float               : left;
    width               : 125px;
    padding             : 0;
}


#profileDetails .details .select .edit { top: 1px; }
#profileDetails .details .iv-edit-in-place .save,
#profileDetails .details .iv-edit-in-place .cancel,
#profileDetails .about .iv-edit-in-place .save,
#profileDetails .about .iv-edit-in-place .cancel{
    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;
}
#profileDetails .details .iv-edit-in-place .cancel{
    background: url(/images/page/edit.png) 0 -16px no-repeat;
    left: 14px;
}
#profileDetails .details .seditme .iv-edit-in-place .save{
    top: 6px;
    left: 8px;
}
#profileDetails .details .seditme .iv-edit-in-place .cancel{
    top: 6px;
    left: 12px;
}


#profileDetails .details .cmf-skinned-select {
    background          : transparent !important;
    width               : 85px  !important;
    float               : left;
    padding             : 0 0 0 0;
    margin              : 5px 0 4px 5px;
}

#profileDetails .details .cmf-skinned-select select { width: 85px !important; }

#profileDetails .details .cmf-skinned-text {
    font-family         : Tahoma, sans-serif !important;
    width               : 85px !important;
    padding             : 0 0 0 0 !important;
}

#profileDetails .details .pinfoedit p span {
    height              : 25px;
    padding-right       : 0;
    background          : url(/images/page/editLoader.gif) 7px 6px no-repeat;
    text-indent         : -99999px;
    min-width           : 30px;
    _width              : 30px;
    float               : left;
}



#profileDetails .details .neWrap input {
    font-size           : 11px;
    height              : 14px !important;
    font-weight         : normal;
    color               : #fff;
    background          : transparent;
    border              : 0;
    width               : 80px !important;
    margin              : 6px 0 0 5px;
    float               : left;
    font-weight         : bold;
}
#profileDetails .details .row .neWrap{
    padding: 2px 0 0 10px !important;
}
#profileDetails .details .row .neWrap strong{
    padding-bottom: 0 !important; 
}
#profileDetails .details .nowsave *, #profileDetails .about .nowsave *{ display: none; }
#profileDetails .details .nowedit .loader,
#profileDetails .about .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;
    top                 : 0;
    left                : 0;
}

#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;
    min-height          : 18px;
    _height             : 18px;
}

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

#profileDetails .details .even .more,
#profileDetails .details .even .wrapper{
    background-color    : transparent;
}

#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 .interests span { padding-right: 20px; }
#profileDetails .interests a { font-weight: bold; color: #669502; }
#profileDetails .interests a:hover { text-decoration: underline; }

#profileDetails .interests ul {
    float               : left;
	width:368px !important;
}

#profileDetails .interests li span {
    float               : left;
    background          : #fff;
    height              : 20px;
    line-height         : 20px;
}

#profileDetails .interests li {
    float               : left;
    background          : #F0FCE9;
    height              : 1%;
    line-height         : 16px;
    margin              : 0 2px 5px;
}

#profileDetails .interestsNonEdit li {
    color               : #669502;
	text-align:left;
}

#profileDetails .interests .row .edit{ display: none; }
#profileDetails .interests .tags .iv-edit-in-place{
    display: none;
}
#profileDetails .interests .tags ul{ margin: 0; }
#profileDetails .interests .tags li{ padding: 0; }
#profileDetails .interests .tags .nowedit{
    display: block;
}

#profileDetails .interests .tags .nowedit .iv-tokenizer {
    float               : left;
}

#profileDetails .interests .tags .nowedit .save {
    background          : url(/images/page/save.png) no-repeat;
    float               : left;
    height              : 16px;
    text-indent         : -99999px;
    width               : 16px;
    margin-top          : 2px;
}
#profileDetails .interests .tags .nowedit .cancel{ display: none; }
#profileDetails .interests .tags{
    background          : url(/images/page/loader_green.gif) 7px 7px no-repeat;
    height: 31px;
}
#profileDetails .interests .neWrap .tags{
    background: none !important;
    height: auto !important;
}
#profileDetails .interests .tags .nowsave *{
    display: none;
}
#profileDetails .interests .tags .nowsave .loader{
    background          : url(/images/page/loader_green.gif) -3px 0 no-repeat;
    height: 31px;
    display: block;
    text-indent: -99999px;
    top: 0;
    left: 4px;
}
#profileDetails .interests .tags {
    float               : left;
    padding             : 7px 0 0;
    width               : 370px;
    line-height         : 14px;
    color               : #669502;
}

#profileDetails .interests .tags {
    padding             : 7px 0 0 5px;
}
#profileDetails .interests .tags a { 
    font-weight         : bold; 
    color               : #669502;
    padding             : 3px;
    background          : #f0fce9
}
#profileDetails .interests .tags a:hover { text-decoration: underline; }

#profileDetails .interests .tags ul {
    float               : left;
}
#profileDetails .interests .tags li span {
    float               : left;
    background          : #fff;
    height              : 20px;
    line-height         : 20px;
}
#profileDetails .interests .tags li {
    float               : left;
    height              : 1%;
    line-height         : 16px;
    margin              : 0 2px 5px;
    padding-right       : 9px;
    background          : #7faa24;
    color               : #fff;
}

#profileDetails .interests .tags .last li:hover, #profileDetails .interests .tags .last li.selected {
	background:#ffffff;
	color:#7faa24;
	}

#profileDetails .interests .tags li.first { display: none; }

/*#main #groupTags li.last, #main #groupTags li.last:hover { background: #fff !important; }*/
#profileDetails .interests .tags .iv-tokenizer li:hover a, #profileDetails .interests .tags .iv-tokenizer li.hover a { color: #fff; }
#profileDetails .interests .tags .tags-choices ul, #profileDetails .interests .tags .tags-choices li { clear: both; z-index: 99999; position: relative; }
#profileDetails .interests .tags li .tag {
    float: left;
    background: url(/images/page/tagsBg.png) 0 0 no-repeat;
    height: 21px;
    line-height: 21px;
    color: #fff;
    font-size: 11px;
    padding: 0 4px;
}
#profileDetails .interests .tags li .del {
    float: left;
    background: #fff url(/images/page/tagsBg.png) 0 -21px no-repeat;
    width: 9px;
    height: 21px;
    text-indent: -99999px;
    margin-right: -9px;
    _margin-right: 0;
    padding: 0;
	cursor: pointer;
    text-align: left;
}
#profileDetails .interests .tags li .del:hover {
    background-color: #f00;
}
#profileDetails .interests .tags .edit {
    position            : relative;
    top                 : 2px;
    left                : 0;
}

#profileDetails .interests .tags .last {
    float               : left;
    background          : url(/images/page/editBg.png) 0 -106px no-repeat;
    height              : 26px;
    margin-top          : -3px;
    width               : 142px;
    /*display             : none;*/
}
#profileDetails .interests .tags .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;
}
#profileDetails .interests .tags button {
    left                : 10px;
    top                 : 5px;
}


#profileDetails .details .row .editable b { cursor: pointer; }

#profileDetails .details .row .editable b:hover,
#profileDetails .details .row .editable b.hover,
#profileDetails .roll .editable:hover,
#profileDetails .roll .editable.hover{
    background: #354F00 !important;
    color: #fff;
}

#profileDetails .details .row .editable input {
    border              : 1px #354F00 solid;
    height              : 14px;
    font-size           : 12px;
    display             : block;
    padding             : 0 2px;
    margin              : 0 -2px -2px;
}

#profileDetails .details .row .editable select {
    border              : 1px #354F00 solid;
    height              : 18px;
    font-size           : 12px;
    display             : block;
    padding             : 0 0 0 2px;
    margin              : 0 -2px -2px;
}

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

#profileDetails .roll {
    clear               : both;
    color               : #354F00;
    width               : 100%;
    padding             : 10px 0 0;
    position            : relative;
}

#profileDetails .interests {
    float               : left;
    width               : 370px;
}

#profileDetails .interests .row {
    clear               : both;
    height              : 1%;
    width               : 370px;
}

#profileDetails .roll h4 {
    font-size           : 12px;
    overflow            : hidden;
    padding             : 5px 0;
}

#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 .interests .row div {
    float               : left;
    background          : #F0FCE9;
    padding             : 5px;
    font-size           : 12px;
    margin              : 3px 6px 3px 0;
}
*/

#profileDetails .roll .editable { cursor: pointer; }
#profileDetails .interests .row .add p { font-weight: bold; }

#profileDetails .about .nowsave * { display:none; }
#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 span{ float: left; }
#profileDetails .about .neWrap span{ float: none; }
#profileDetails .about .description .edit{ left: 5px; position: relative;}

#profileDetails .about .nowedit {
    height              : 130px;
    background          : #F0FCE9 url(/images/page/editBg3.png) 0 0 no-repeat;
    margin-top          : 3px;
}


#profileDetails .about .nowedit textarea {
    font-size           : 11px;
    font-weight         : normal;
    color               : #fff;
    background          : transparent;
    border              : 0;
    width               : 195px !important;
    margin              : 5px 0 0 3px;
    _margin-left        : 3px;
    padding             : 4px;
    height              : 114px !important;
    float               : left;
}

#profileDetails .about .nowedit .save{
    left: 8px;
}
#profileDetails .about .nowedit .cancel{
    background: url(/images/page/edit.png) 0 -16px no-repeat;
    left: 8px;
    top: 6px;
}

#profileDetails .toggle {
    clear               : both;
    color               : #354F00;
    font-weight         : bold;
    font-size           : 12px;
    white-space         : nowrap;
    float               : right;
    position            : relative;
    right               : 10px;
    bottom              : -10px;
    background          : url(/images/page/rollBg.png) right 0 no-repeat;
    padding-right       : 17px;
    line-height         : 20px;
}

#profileDetails .hide { background-position: right -20px; }
#profileDetails .toggle:hover { text-decoration: underline; }
/* ----------------------------------- */




/* ------------- Settings ------------ */
.settings {
    width             : 590px;
    margin            : 0 0 0 60px;
    clear             : both;
    float             : left;
    display           : inline;
}

.settings .currentEmail {
    width             : 590px;
    float             : left;
    font-size         : 12px;
    color             : #7FAA24;
    font-weight       : bold;
    text-align        : center;
    margin            : 0 0 20px -40px;
    display           : inline;
}

.settings .line {
    margin-bottom     : 10px;
    float             : left;
    width             : 370px;
    clear             : both;
}

.settings .errorBox, .settings .infoBox {
    top               : 0;
    right             : 0;
    clear             : both;
    float             : left;
    display           : inline;
    position          : static;
    margin            : 0 -370px -500px 370px !important;
    overflow          : hidden;
}


.settings .infoBox .lineInfoBox .lineInfoBorder {
    /*background        : url(/images/page/tooltipInfo.png) -182px 0 repeat-x;*/
    padding           : 0 5px 0 5px;
}

.settings .infoBox .lineInfoBox {
    /*background        : url(/images/page/tooltipInfo.png) bottom right no-repeat;*/
    color             : #ffffff;
    padding-bottom    : 10px;
}

.settings .error_list {
    width             : 160px;
    background        : url(/images/page/tooltipError.png) -22px 0 no-repeat;
    color             : #fff;
    top               : 0;
    right             : 0;
    clear             : both;
    float             : left;
    display           : inline;
    position          : static;
    margin            : 33px -370px -500px 370px !important;
    overflow          : hidden;
}

.settings .error_list li {
    width             : 146px;
    background        : url(/images/page/toolTipBottomRed2.png) bottom no-repeat;
    color             : #fff;
    float             : right;
    margin-top        : 20px;
    padding           : 0 5px 5px 5px;
}

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

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

.settings .formDot {
    width             : 18px;
    height            : 22px;
    float             : left;
    margin-left       : -18px;
}

.settings .correct { background: url(/images/page/settingsInputCorrect.gif) no-repeat; }
.settings .wrong { background: url(/images/page/settingsInputWrong.gif) no-repeat; }

.settings .text {
    width             : 160px;
    float             : left;
    border            : none;
    padding           : 5px 20px 5px 0;
    height            : 12px;
    font-size         : 11px;
    color             : #ffffff;
    background        : url(/images/page/settingsInputRight.gif) #7faa24 right top no-repeat;
}

.settings .button { 
    margin            : 20px 5px -10px 0;
    float             : left;
    clear             : both;
    width             : 580px;
    display           : inline;
}

.settings .button input {
    width             : 95px;
    height            : 19px;
    line-height       : 19px;
    background        : url(/images/page/more.gif) right no-repeat;
    font-size         : 12px;
    font-weight       : bold;
    color             : #7faa24;
    border            : none;
    cursor            : pointer;
    position          : relative;
    text-align        : left;
    float             : right;
}
/* ----------------------------------- */




/* ------------- Friends ------------- */
#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; }

#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 #lairArea .fastSearch {
    top               : 10px !important;
}

#main #lairArea #sortMenu {
    margin-top        : 26px !important;
}

#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;
}
/* ----------------------------------- */




/* ------------- Gallery ------------- */
#main .content .gallerySort {
    float             : left;
    clear             : both;
    display           : inline;
    position          : relative;
    margin            : 10px 0 20px 15px;
    background        : none !important;
    padding           : 0 !important;
}

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

#main .content #gallery {
    width             : 600px;
    clear             : both;
    float             : left;
    color             : #354f00;
}

#main .content #gallery li.photoBox {
    width             : 300px;
    float             : left;
    display           : inline;
    margin            : 0 0 10px 15px;
}

#main .content #gallery li.right {
    width             : 270px;
    float             : left;
}

#main .content #gallery li.photoBox img {
    float             : left;
    margin            : 0 10px 10px 0;
}

#main .content #gallery li.photoBox h3 {
    font-size         : 13px;
    font-weight       : bold;
}

#main .content #gallery li.photoBox ul {
    width             : 180px;
    float             : left;
}

#main .content #gallery li.photoBox ul li {
    width             : 100%;
    float             : left;
    clear             : both;
    line-height       : 19px;
}

#main .content #gallery li.photoBox a { color: #354f00; }

#main .content .photoList { margin-top: 15px; }

#main .content .info {
    margin              : 8px 8px 0 0;
    color               : #669502;
    float               : right;
    padding             : 8px 8px 0 0;
    line-height         : 14px;
    white-space         : nowrap;
    display             : inline;
}
#main .content .info span { float: right; padding-right: 10px; }
#main .content .info a { float: right; }
#main .content .edit, #main #groupWrap .info .save {
    background          : url(/images/page/edit.png) 0 0 no-repeat;
    height              : 16px;
    width               : 16px;
    display             : block;
    text-indent         : -99999px;
    overflow            : hidden;
}

#main .content .editGallery {
    background          : url(/images/page/edit.png) 0 0 no-repeat;
    height              : 16px;
    width               : 16px;
    display             : inline;
    text-indent         : -99999px;
    overflow            : hidden;
    float               : right;
    margin              : 10px;
}

#main .content .info .remove {
    background          : url(/images/page/edit.png) 0 -16px no-repeat;
    height              : 16px;
    width               : 16px;
    display             : block;
    text-indent         : -99999px;
    overflow            : hidden;
    margin-left         : 3px;
}

#main .content .info .save {
    background          : url(/images/page/accept.png) 0 0 no-repeat;
    width               : 28px;
}

#main .content .photoTitle {
    width               : 400px;
    float               : left;
    font-size           : 14px;
    font-weight         : bold;
    color               : #669502;
    display             : inline;
    margin              : 15px 0 0 10px;
}

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

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

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

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

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

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

#main .content .photoViews {
    width             : 620px;
    float             : left;
    clear             : both;
    color             : #669502;
    font-size         : 12px;
    padding           : 0 15px 0 15px;
    line-height       : 18px;
    text-align        : center;
}

#main .content .photoDescription {
    width             : 620px;
    float             : left;
    clear             : both;
    color             : #669502;
    font-weight       : bold;
    font-size         : 12px;
    padding           : 30px 15px 0 15px;
    line-height       : 18px;
}
/* ----------------------------------- */


/* ---------- Friends Invite ---------- */
#main #friendsInvite{
    clear: both;
    padding-top: 10px;
}
#main #friendsInvite #recipients-table{
    zoom: 1;
    overflow: hidden;
    padding: 0 0 4px;
}
#main #friendsInvite #recipients-table .header{
    padding-left: 110px;
    zoom: 1;
    overflow: hidden;
}
#main #friendsInvite #recipients-table .header label{
    width: 150px;
    text-align: left;
    float: left;
    color: #669502;
    font-size: 11px;
    line-height: 14px;
    padding: 5px 14px 5px 0;
}
#main #friendsInvite .line{
    zoom: 1;
    overflow: hidden;
    margin: 1px 0 3px;
    clear: both;
}
#main #friendsInvite .scheme-1{
    padding-left: 110px;
    background: url(/images/page/inviteFormsBg.png) 107px bottom no-repeat;
    height: 23px;
}
#main #friendsInvite .scheme-1 input{
    background: transparent;
    border: 0;
    color: #fff;
    font-size: 11px;
    float: left;
    width: 140px;
    margin: 5px 17px 0 0;
    padding: 0 3px;
}
#main #friendsInvite #rcp-address, #main #friendsInvite #rcp-more, #main #friendsInvite #rcp-aabutton{
    float: left;
    background: url(/images/page/edit.png) right -48px no-repeat;
    padding-right: 20px;
    height: 16px;
    line-height: 15px;
    font-size: 11px;
    color: #669502;
    margin-left: 139px;
}
#main #friendsInvite #rcp-more{
    margin-left: 96px;
}
#main #friendsInvite #rcp-aabutton{
    margin-left: 438px;
    margin-top: 7px;
}
#main #friendsInvite #recipients-more-area{
    clear: both;
}
#main #friendsInvite .scheme-2{
    margin: 0;
    border-top: 13px #fff solid;
}
#main #friendsInvite .line label{
    float: left;
    text-align: right;
    line-height: 15px;
    font-size: 11px;
    color: #669502;
    width: 100px;
    padding: 3px 7px 0 0;
}
#main #friendsInvite .scheme-2 .textarea{
    background: url(/images/page/inviteFormsBg.png) 0 0 no-repeat;
    height: 100px;
    width: 421px;
    float: left;
}
#main #friendsInvite .scheme-2 textarea{
    float: left;
    border: 0;
    background: transparent;
    width: 406px;
    height: 86px;
    margin: 5px;
    padding: 2px;
    color: #fff;
}
#main #friendsInvite .scheme-3{
    padding-top: 10px;
}
#main #friendsInvite #inviteMessage{
    background: url(/images/page/inviteFormsBg.png) 0 -100px no-repeat;
    height: 236px;
    width: 407px;
    float: left;
    padding: 7px;
    color: #fff;
    font-size: 11px;
    line-height: 15px;
}
#main #friendsInvite #inviteMessage p strong, #main #friendsInvite #inviteMessage p a{
    font-weight: normal;
    font-style: italic;
    color: #fff;
}
#main #friendsInvite #inviteMessage textarea{
    display: block;
    border: 0;
    background: transparent;
    width: 406px;
    height: 92px;
    margin: 5px 0;
    color: #fff;
    overflow-y: scroll;
}
#main #friendsInvite .button{
    clear: both;
    padding-right: 11px;
    position: relative;
    bottom: -8px;
}
/* ----------------------------------- */



/* ---------- Upload photos ---------- */
.uploadPhoto,
.messageNew,
.reportNew{
    background          : #ffffff;
    /*overflow            : hidden;*/
    float               : left;
}
.uploadPhoto:after,
.messageNew:after,
.reportNew:after{
    content: " ";
    clear: both;
    display: block;
}

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

#uploadPhotoscontainer{
    zoom: 1;
    overflow: hidden;
}

#uploadPhotosbox #avatar-upload-main{
    overflow: visible;
    zoom: 1;
    width: 600px;
    clear: both;
    margin: 0 auto;
}

#messageNewbox #messageNew, #reportNewbox #reportNew{ padding-top: 0; }

#uploadPhotosbox #uploadPhotosbuttons, #editPhotosbox #editPhotosbuttons { display: none; }
#uploadPhotosbox .uploadPhotosfade,#editPhotosbox .editPhotosfade,  #messageNewbox .messageNewfade, #reportNewbox .reportNewfade { background-color: #729F12; }

#uploadPhotosbox .uploadPhotosclose,
#editPhotosbox .editPhotosclose,
#messageNewbox .messageNewclose,
#reportNewbox .reportNewclose{
    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, #reportNewbox .reportNewclose{ margin-top: 9px; }

#uploadPhotosbox .uploadPhotosmessage,
#editPhotosbox .editPhotosmessage {
    float               : left;
    clear               : both;
    padding-bottom      : 110px;
    width               : 650px;
    /*background          : url(/images/page/profileCardBg.gif) transparent 0 130px no-repeat; */
}

#avatar-upload{
    zoom: 1;
    padding-bottom: 10px;
}

#uploadPhotosbox .content,
#editPhotosbox .content  {
    background          : #ffffff;
    margin              : 0;
    zoom: 1;
    position: relative;
}

#uploadPhotosbox .bottom,
#editPhotosbox .bottom {
    background: transparent url(/images/page/profileCardBg.gif) no-repeat scroll 0 bottom;
    height: 10px;
    position: relative;
    bottom: -10px;
    clear: both;
}

#uploadPhotosbox .list,
#editPhotosbox .list {
    background          : url(/images/page/contentTop.gif) #ffffff no-repeat;
    margin              : 20px 0 -110px 0;
}

#uploadPhotosbox .list a,
#editPhotosbox .list a {
    position            : relative;
}

#uploadPhotosbox .content p,
#editPhotosbox .content p {
    width               : 100%;
    float               : left;
    text-align          : center;
    font-size           : 12px;
    color               : #577f01;
    margin              : 20px 0 10px 0;
}

#uploadPhotosbox #photoPreLoader {
    width               : 560px;
    height              : 16px;
    float               : left;
    display             : inline;
    clear               : both;
    background          : url(/images/page/uploadBg.gif) repeat-x;
    margin              : 5px 0 0 45px;
}

#uploadPhotosbox #photoPreLoader .left {
    width               : 5px;
    height              : 16px;
    float               : left;
    background          : url(/images/page/uploadLeft.gif) no-repeat;
}

#uploadPhotosbox #photoPreLoader .right {
    width               : 5px;
    height              : 16px;
    float               : right;
    background          : url(/images/page/uploadRight.gif) no-repeat;
}

#uploadPhotosbox #photoPreLoader #photoPreLoaderLoadet {
    width               : 555px;
    height              : 16px;
    float               : left;
    background          : url(/images/page/uploadLeftLoadet.gif) no-repeat;
    margin              : 0 -5px 0 -5px;
    padding-left        : 5px;
}

#uploadPhotosbox #photoPreLoader #photoPreLoaderLoadet div {
    height              : 16px;
    float               : left;
    background          : url(/images/page/uploadBgLoadet.gif) repeat-x;
}

#uploadPhotosbox #photoPreLoader #photoPreLoaderLoadet span {
    float               : left;
    clear               : both;
    text-align          : center;
    margin              : 2px -265px 0 265px;
    color               : #ffffff;
    font-weight         : bold;
    position            : relative;
}

#uploadPhotosbox a.addMore {
    height              : 19px;
    float               : left;
    clear               : both;
    padding-right       : 15px;
    background          : url(/images/page/more.gif) right  no-repeat;
    font-size           : 12px;
    font-weight         : bold;
    color               : #577f01;
    margin              : 15px 0 0 265px;
    white-space         : nowrap;
}

#uploadPhotos .next {
    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;
    text-transform      : lowercase;
    font-size           : 12px;
    padding-right       : 16px;
    position            : relative;
    bottom              : -11px;
    right               : 10px;
}

#uploadPhotos #img-selector{
    float: left;
    position: relative;
    top: 14px;
    left: 250px;
}
#uploadPhotos #btn-cancel{
    display: none;
}
#uploadPhotos #save_and_crop_{
    background          : url(/images/page/accept.png) 0 0 no-repeat;
    height              : 15px;
    width               : 28px;
    display             : block;
    text-indent         : -99999px;
    float: right;
    position: relative;
    right: -13px;
    bottom: -10px;
}
/* ----------------------------------- */




/* ----------- Edit photos ----------- */
#editPhotosbox .photoEditContent {
    width               : 100%;
    float               : left;
    clear               : both;
}

#editPhotosbox .photoEditContent img {
    float               : left;
    clear               : both;
    margin              : 10px;
}

#editPhotosbox .photoEditContent .registrationInputLeft { display: none; }
#editPhotosbox .photoEditContent .field-1 .line {
    background          : url(/images/page/editBg.png) no-repeat;
    margin-top          : 10px;
    padding             : 6px;
    width               : 390px;
    height              : 14px;
    float               : left;
    overflow            : hidden;
}

#editPhotosbox .photoEditContent .field-1 .text {
    border              : none;
    color               : #ffffff;
    font-size           : 12px;
    font-weight         : bold;
    background          : none;
    width               : 388px;
}

#editPhotosbox .photoEditContent .field-2 .line {
    background          : url(/images/page/editBg.png) 0 -25px no-repeat;
    padding             : 6px;
    width               : 390px;
    height              : 69px;
    margin-top          : 3px;
    float               : left;
}

#editPhotosbox .photoEditContent .field-2 .text {
    border              : none;
    color               : #ffffff;
    font-size           : 12px;
    font-weight         : bold;
    width               : 100%;
    height              : 100%;
    overflow            : auto;
    background          : none;
}

#editPhotosbox .photoEditContent .prev {
    background          : url(/images/page/left.gif) left top no-repeat;
    color               : #577f01;
    float               : left;
    font-size           : 12px;
    font-weight         : bold;
    height              : 19px;
    padding-left        : 15px;
    text-align          : left;
    line-height         : 19px;
    margin              : 10px 0 -10px 10px;
    position            : relative;
    clear               : both;
    border              : none;
    cursor              : pointer;
    overflow            : hidden;
    width               : 130px;
}

#editPhotosbox .photoEditContent .next {
    background          : url(/images/page/more2.gif) right top no-repeat;
    color               : #577f01;
    float               : right;
    font-size           : 12px;
    font-weight         : bold;
    height              : 19px;
    padding-right       : 15px;
    text-align          : right;
    line-height         : 19px;
    position            : absolute;
    bottom              : 0px;
    right               : 10px;
    border              : none;
    cursor              : pointer;
}

#editPhotosbox .photoEditContent .save {
    color               : #577f01;
    float               : left;
    clear               : both;
    font-size           : 12px;
    font-weight         : bold;
    border              : none;
    background          : none;
    margin              : 10px 0 -10px 300px;
    cursor              : pointer;
    position            : relative;
}

#editPhotosbox .photoEditContent label {
    display             : none;
}
/* ----------------------------------- */




/* ---------- Edit notices ----------- */
.editNotices table {
    float               : left;
    width               : 100%;
    margin-top          : 20px;
}

.editNotices table th {
    color               : #577F01;
    font-size           : 10px;
    font-weight         : normal;
    text-align          : center;
}

.editNotices table .infoHead {
    font-size           : 11px;
    font-weight         : bold;
    text-align          : left;
    padding-left        : 8px;
    white-space         : nowrap;
}

.editNotices table .infoHead2 {
    font-size           : 11px;
    font-weight         : bold;
    text-align          : left;
    padding-left        : 8px;
    white-space         : nowrap;
    width               : 170px;
}

.editNotices table .example {
    color               : #577F01;
    font-size           : 10px;
    font-weight         : normal;
    text-align          : left;
    padding-left        : 8px;
}

.editNotices table tbody .example {
    color               : #7FAA24;
    font-size           : 11px;
}

.editNotices table .even td {
    padding             : 3px 8px;
    background          : #F0FCE9;
}

.editNotices table td {
    padding             : 3px 8px;
    background          : #ffffff;
    color               : #7FAA24;
}

.editNotices table div {
    border              : solid 2px #7FAA24;
    float               : left;
    display             : inline;
}

.editNotices table input {
    display             : block;
    width               : 11px;
    height              : 11px;
}

.editNotices table .show div { margin: 0 0 0 33px; }
.editNotices table .email div { margin: 0 0 0 33px; }

.editNotices .confirm {
    float               : left;
    width               : 100%;
    clear               : both;
}

.editNotices .confirm a,
.editNotices .confirm input {
    float               : right;
    width               : 28px;
    height              : 15px;
    text-indent         : -99999px;
    background          : url(/images/page/accept.png) no-repeat;
    margin              : 20px 10px -10px 0;
    position            : relative;
    cursor              : pointer;
    border              : none;
}

.editNotices .explanation {
    height              : 33px;
    float               : left;
    width               : 390px;
    color               : #577F01;
    padding-left        : 25px;
    font-size           : 10px;
    line-height         : 15px;
    background          : url(/images/page/light.gif) left center no-repeat;
    margin              : 20px 0 0 230px;
    display             : inline;
}

.editNotices h2 {
    float               : left;
    clear               : both;
    color               : #577F01;
    font-weight         : bold;
    padding-left        : 13px;
    margin-top          : -10px;
    font-size           : 11px;
    width               : 500px;
}

.editNotices .access {
    width               : 500px;
    float               : left;
    display             : inline;
    clear               : both;
    color               : #577F01;
    font-weight         : bold;
    font-size           : 11px;
    margin              : 40px 0 0 120px;
    white-space         : nowrap;
}

.editNotices .access * { float: left; }
.editNotices .access input { 
    margin-right        : 5px;
    display             : block;
    width               : 13px;
    height              : 13px;
}

.editNotices .access label { 
    margin-right        : 50px;
}
/* ----------------------------------- */