@charset "UTF-8";

/*
  =====================================
  === file: main.css                ===
  === author: Tomasz Gemski         ===
  === Copyright (c) 2009 o2.pl      ===
  =====================================
*/




/* --------- Starting declarations -------- */
body {
    width               : 100%;
    margin              : 0;
    padding             : 0;
    font                : 11px Arial, Tahoma, Verdana;
    color               : #000;
    background          : url(/images/bodyBg.gif) #f6f6f6 repeat-x;
    text-align          : center;
}

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

input, textarea, select, button {
    font                : 13px Arial, Tahoma, Verdana;
    color               : #000;
}

fieldset, img { border: none; }

a {
    text-decoration     : underline;
    color               : #051485;
}

a:hover { text-decoration: underline !important; }
.underline { text-decoration: underline !important; }

option {
    display             : block !important;
    float               : none !important;
}
/* ---------------------------------------- */




/* -------------- Box Model --------------- */
#main {
    width               : 995px;
    overflow            : hidden;
    margin              : 0 auto;
    clear               : both;
    text-align          : left;
}

#main #top {
    width               : 985px;
    float               : left;
    padding             : 15px 0 0 10px;
}

#main #topLogin {
    width               : 990px;
    height              : 37px;
    float               : left;
    background          : url(/images/topLoginBg.gif) 0 -77px repeat-x;
    position            : relative;
    z-index             : 2;
}

#main .leftColumnShort { width: 317px !important; }
#main #leftColumn {
    width               : 350px;
    float               : left;
}

.notLogged #leftColumn { margin-top: 13px !important; }

.mainLogin #leftColumn {
    margin-top          : -10px;
    z-index             : 1;
}

#main .contentWide { width: 670px !important; }
#main #content {
    width               : 638px;
    float               : right;
    background          : url(/images/borderBg01.gif) 0 0 repeat-x;
    padding-top         : 7px;
    margin              : 7px 6px 0 0;
    display             : inline;
}

.mainLogin #content { margin: 4px 0 0 0 !important; }

#content .colorBlock {
    width               : 638px;
    float               : left;
    background          : url(/images/contentBg.gif) -4466px 0 repeat-y;
    margin              : 5px 0 0 -2px;
    display             : inline;
    position            : relative;
    overflow            : hidden;
}

#content .colorBlock .top {
    width               : 100%;
    height              : 19px;
    float               : left;
    background          : url(/images/contentBg.gif) -3828px 0 no-repeat;
    overflow            : hidden;
    margin-bottom       : -12px;
}

#content .colorBlock .bottom {
    width               : 100%;
    height              : 19px;
    float               : left;
    background          : url(/images/contentBg.gif) -5104px 0 no-repeat;
    overflow            : hidden;
}

.contentWide .colorBlock { 
    width               : 670px !important;
    background          : url(/images/contentBg.gif) -8326px 0 repeat-y !important;
}

.contentWide .colorBlock .top { background: url(/images/contentBg.gif) -7656px 0 no-repeat !important; }
.contentWide .colorBlock .bottom { background: url(/images/contentBg.gif) -8996px 0 no-repeat !important; }

#content .whiteBlock {
    width               : 638px;
    float               : left;
    background          : url(/images/contentBg.gif) -6380px 0 repeat-y;
    margin              : 5px 0 0 -2px;
    display             : inline;
    position            : relative;
    overflow            : hidden;
}

#content .whiteBlock .top {
    width               : 100%;
    height              : 19px;
    float               : left;
    background          : url(/images/contentBg.gif) -5742px 0 no-repeat;
    overflow            : hidden;
    margin-bottom       : -12px;
}

#content .whiteBlock .bottom {
    width               : 100%;
    height              : 19px;
    float               : left;
    background          : url(/images/contentBg.gif) -7018px 0 no-repeat;
    overflow            : hidden;
}

#content .blueBlock {
    width               : 638px;
    float               : left;
    background          : url(/images/contentBg.gif) -10304px 0 repeat-y;
    margin              : 5px 0 0 -2px;
    display             : inline;
    position            : relative;
    overflow            : hidden;
}

#content .blueBlock .top {
    width               : 100%;
    height              : 19px;
    float               : left;
    background          : url(/images/contentBg.gif) -9666px 0 no-repeat;
    overflow            : hidden;
    margin-bottom       : -12px;
}

#content .blueBlock .bottom {
    width               : 100%;
    height              : 19px;
    float               : left;
    background          : url(/images/contentBg.gif) -10942px 0 no-repeat;
    overflow            : hidden;
}
/* ---------------------------------------- */




/* ----------------- Logo ----------------- */
#top #logo,
.error404 #logo {
    width               : 255px;
    height              : 59px;
    float               : left;
    border-right        : solid 1px #a5dafb;
    position            : relative;
}

#top #logo a,
.error404 #logo a {
    width               : 227px;
    height              : 61px;
    float               : left;
    margin-top          : 2px;
    background          : url(/images/logo.png) no-repeat;
    position            : relative;
    text-indent         : -99999px;
}

#topLogin #logo {
    width               : 109px;
    height              : 30px;
    float               : left;
    display             : inline;
    margin              : 6px 0 0 6px;
    position            : relative;
}

#topLogin #logo a {
    width               : 109px;
    height              : 30px;
    float               : left;
    background          : url(/images/logoMin.png) no-repeat;
    position            : relative;
    text-indent         : -99999px;
    overflow            : hidden;
}
/* ---------------------------------------- */




/* ----------------- Top ------------------ */
#top .info {
    float               : left;
    padding             : 5px 0 0 0;
}

#top .info .infoBox {
    width               : 170px;
    float               : left;
    display             : inline;
    margin              : 0 -8px 0 25px;
    position            : relative;
}

#top .info .infoBox h2 {
    font-size           : 18px;
    color               : #051485;
    font-weight         : normal;
    background          : #ffe400;
    float               : left;
    white-space         : nowrap;
    padding             : 0 2px 0 1px;
}

#top .info .infoBox p {
    width               : 100%;
    float               : left;
}

#top .info .infoBox a { font-weight: bold; }

#topLogin .left {
    width               : 7px;
    height              : 37px;
    float               : left;
    background          : url(/images/topLoginBg.gif) 0 -1px no-repeat;
}

#topLogin .right {
    width               : 7px;
    height              : 37px;
    float               : right;
    background          : url(/images/topLoginBg.gif) 0 -39px no-repeat;
}
/* ---------------------------------------- */




/* ------------- Login panel -------------- */
#top #loginPanel {
    width               : 313px;
    float               : right;
}

#top #loginPanel .field {
    float               : left;
    display             : inline;
    margin-right        : 4px;
}

#top #loginPanel .field label {
    float               : left;
    color               : #0779c0;
    font-size           : 12px;
}

#top #loginPanel .field input {
    width               : 98px;
    padding             : 2px;
    float               : left;
    clear               : both;
    margin-top          : 3px;
}

#top #loginPanel .submit {
    width               : 86px;
    height              : 27px;
    background          : url(/images/buttons.gif) no-repeat;
    float               : left;
    border              : none;
    cursor              : pointer;
    margin-top          : 17px;
}

#top #loginPanel .forgotPass {
    float               : left;
    clear               : both;
    white-space         : nowrap;
    margin-top          : 1px;
}

#top #loginPanel input.checkbox {
    width               : 13px;
    height              : 13px;
    float               : left;
    display             : inline;
    margin              : 2px 0 0 22px;
}

#top #loginPanel label.checkbox {
    float               : left;
    white-space         : nowrap;
    margin              : 2px 0 0 5px;
    cursor              : pointer;
}

#top #loginPanel #login_preloader {
    float               : left;
    margin              : 13px 60px -1px 0;
}

#top .loginButtons {
    width               : 300px;
    float               : left;
    display             : inline;
    margin              : 16px 0 0 44px;
    font-size           : 19px;
}

#top .loginButtons a {
    float               : left;
    margin-left         : 10px;
    white-space         : nowrap;
}
/* ---------------------------------------- */




/* ------------- Login panel -------------- */
#top .forgotPsw {
    width               : 313px;
    float               : right;
}

#top .forgotPsw label {
    width               : 100%;
    float               : left;
    color               : #0779c0;
    font-size           : 12px;
}

#top .forgotPsw .text {
    width               : 200px;
    padding             : 2px;
    float               : left;
    clear               : both;
    margin-top          : 3px;
}

#top .forgotPsw .submit {
    width               : 85px;
    height              : 30px;
    background          : url(/images/buttons.gif) -85px -26px no-repeat;
    float               : left;
    border              : none;
    cursor              : pointer;
    margin              : 2px 0 0 3px;
}

#top .forgotPsw span {
    width               : 100%;
    display             : block;
    font-size           : 11px;
    color               : #828080;
    clear               : both;
}

#top .forgotPsw #login_preloader {
    float               : left;
    margin              : 13px 60px -1px 0;
}
/* ---------------------------------------- */




/* -------------- Work info --------------- */
#leftColumn #workInfo {
    width               : 340px;
    float               : left;
    margin              : 5px 0 0 10px;
    display             : inline;
}

#leftColumn #workInfo h2 a { 
    text-decoration     : none; 
    font-weight         : normal;    
}
#leftColumn #workInfo h2 {
    font-size           : 18px;
    color               : #051485;
    font-weight         : normal;
    background          : #ffe400;
    float               : left;
    clear               : both;
    white-space         : nowrap;
    margin-top          : 12px;
    padding             : 0 2px 0 1px;
}

#leftColumn #workInfo p {
    width               : 100%;
    float               : left;
    line-height         : 16px;
}

#leftColumn #workInfo a {
    font-weight         : bold;
    float               : left;
    clear               : both;
    white-space         : nowrap;
}
/* ---------------------------------------- */




/* ------------ About profile ------------- */
#leftColumn #aboutProfile {
    width               : 344px;
    float               : left;
    background          : url(/images/leftColBg.gif) -344px 0 repeat-y;
    margin-top          : 7px;
}

#leftColumn #aboutProfile .top {
    width               : 344px;
    height              : 4px;
    float               : left;
    background          : url(/images/leftColBg.gif) 0 0 no-repeat;
    overflow            : hidden;
}

#leftColumn #aboutProfile .bottom {
    width               : 344px;
    height              : 4px;
    float               : left;
    background          : url(/images/leftColBg.gif) -688px 0 no-repeat;
    overflow            : hidden;
}

#leftColumn #aboutProfile #profileView {
    width               : 332px;
    float               : left;
    margin              : 3px 0 0 6px;
    display             : inline;
}

#leftColumn #aboutProfile #profileView h3,
#leftColumn #aboutProfile #profileView h2 {
    width               : 332px;
    height              : 47px;
    background          : url(/images/profileViewHeadBg.gif) 0 -94px repeat-x;
}

#leftColumn #aboutProfile #profileView h3 .left,
#leftColumn #aboutProfile #profileView h2 .left {
    width               : 13px;
    height              : 47px;
    float               : left;
    background          : url(/images/profileViewHeadBg.gif) 0 -47px no-repeat;
}

#leftColumn #aboutProfile #profileView h3 .right,
#leftColumn #aboutProfile #profileView h2 .right {
    width               : 13px;
    height              : 47px;
    float               : right;
    background          : url(/images/profileViewHeadBg.gif) 0 0 no-repeat;
}

#leftColumn #aboutProfile #profileView h3 .text strong,
#leftColumn #aboutProfile #profileView h2 .text strong { color: #0779c0; }
#leftColumn #aboutProfile #profileView h3 .text,
#leftColumn #aboutProfile #profileView h2 .text {
    float               : left;
    white-space         : nowrap;
    line-height         : 47px;
    font-size           : 24px;
    font-weight         : normal;
}

#leftColumn #aboutProfile #profileView #profileDesc {
    width               : 332px;
    height              : 539px;
    background          : url(/images/profileView.jpg) no-repeat;
}

#leftColumn #aboutProfile #advantages {
    width               : 332px;
    float               : left;
    background          : url(/images/advantagesBg.gif) -332px 0 repeat-y;
    margin              : 6px 0 5px 6px;
    display             : inline;
}

#leftColumn #aboutProfile #advantages li {
    width               : 230px;
    font-size           : 19px;
    padding-left        : 33px;
    background          : url(/images/markers.gif) 0 3px no-repeat;
    margin              : 10px 0 -1px 12px;
    float               : left;
}

#leftColumn #aboutProfile #advantages .top {
    width               : 332px;
    height              : 5px;
    background          : url(/images/advantagesBg.gif) 0 0 no-repeat;
    overflow            : hidden;
    padding-left        : 0;
    margin              : 0;
}

#leftColumn #aboutProfile #advantages .bottom {
    width               : 332px;
    height              : 5px;
    background          : url(/images/advantagesBg.gif) -664px 0 no-repeat;
    overflow            : hidden;
    padding-left        : 0;
    margin              : 15px 0 0 0;
}
/* ---------------------------------------- */




/* -------------- Statistics -------------- */
#content #stats {
    width               : 100%;
    float               : left;
    background          : url(/images/contentBg.gif) -638px 0 repeat-y;
}

#content #stats .top {
    width               : 100%;
    height              : 5px;
    float               : left;
    background          : url(/images/contentBg.gif) 0 0 no-repeat;
    overflow            : hidden;
}

#content #stats .bottom {
    width               : 100%;
    height              : 19px;
    float               : left;
    background          : url(/images/contentBg.gif) -1276px 0 no-repeat;
    overflow            : hidden;
    margin-top          : -6px;
}

#content #stats #statsContent {
    width               : 590px;
    float               : left;
    clear               : both;
    padding             : 12px 24px 7px 24px;
    background          : url(/images/statsBg.jpg) center center no-repeat;
}

#content #stats #statsContent .numbers {
    width               : 320px;
    float               : left;
}

#content #stats #statsContent .numbers p {
    padding             : 0 0 3px 23px;
    background          : url(/images/icons.gif) 0 -79px no-repeat;
    font-size           : 24px;
    color               : #0779c0;
    border-bottom       : solid 1px #0779c0;
    line-height         : 23px;
    float               : left;
}

#content #stats #statsContent .numbers p strong { 
    color               : #000;
    font-weight         : normal;
}

#content #stats #statsContent .numbers ul {
    width               : 300px;
    float               : left;
    clear               : both;
    margin-top          : -5px;
}

#content #stats #statsContent .numbers ul li {
    width               : 125px;
    float               : left;
    font-size           : 13px;
    font-weight         : bold;
    color               : #0779c0;
    padding-left        : 20px;
    margin-top          : 8px;
    background          : url(/images/icons.gif) no-repeat;
}

#content #stats #statsContent .numbers ul li strong {
    color               : #000;
    font-weight         : normal;
}

#content #stats #statsContent .numbers ul .el1 { background-position: 0 -63px; }
#content #stats #statsContent .numbers ul .el2 { background-position: 0 -105px; }
#content #stats #statsContent .numbers ul .el3 { background-position: 0 -42px; }
#content #stats #statsContent .numbers ul .el4 { background-position: 0 -21px; }

#content #stats #statsContent .register {
    float               : right;
    display             : inline;
    margin              : -2px -3px 0 0;
}

#content #stats #statsContent .register a {
    float               : left;
    font-size           : 20px;
    padding             : 0 2px 3px 1px;
    color               : #0000ff;
}

#content #stats #statsContent .register span {
    float               : left;
    clear               : both;
    font-size           : 12px;
    white-space         : nowrap;
    margin-top          : 2px;
}

#content #stats #statsContent .lastAdded {
    width               : 100%;
    float               : left;
    clear               : both;
    margin-top          : 18px;
}

#content #stats #statsContent .lastAdded h3 a { color: #0779c0; }
#content #stats #statsContent .lastAdded h3 {
    font-size           : 19px;
    font-weight         : normal;
    float               : left;
    color               : #0779c0;
}

#content #stats #statsContent .lastAdded ul {
    width               : 610px;
    float               : left;
    margin              : 5px -20px 0 0;
}

#content #stats #statsContent .lastAdded ul li {
    float               : left;
    padding             : 2px;
    border              : solid 1px #165655;
    margin-right        : 8px;
    background          : #fff;
}

#content #stats #statsContent .lastAdded ul img { display: block; }
/* ---------------------------------------- */




/* ---------------- Search ---------------- */
#content #search {
    width               : 100%;
    float               : left;
    background          : url(/images/contentBg.gif) -2552px 0 repeat-y;
    margin-top          : 8px;
}

#content #search .top {
    width               : 100%;
    height              : 13px;
    float               : left;
    background          : url(/images/contentBg.gif) -1914px 0 no-repeat;
    overflow            : hidden;
    position            : relative;
    z-index             : 2;
}

#content #search .bottom {
    width               : 100%;
    height              : 19px;
    float               : left;
    background          : url(/images/contentBg.gif) -3190px 0 no-repeat;
    overflow            : hidden;
    margin-top          : -6px;
}

#content #search form {
    width               : 551px;
    float               : left;
    border-top          : solid 1px #e9e9e9;
    z-index             : 1;
    margin              : -12px 15px 0;
    display             : inline;
    padding             : 15px 0 25px 53px;
}

#content #search .byName { 
    margin-top          : -15px;
    border-top          : 0 none;
}

#content #search .byWork { 
    margin-top          : -10px;
    padding-top         : 8px;
}

#content #search .bySchool .content {
    width               : 700px;
    margin              : -17px -300px 0 0;
    padding-top         : 12px;
    float               : left;
    display             : inline;
}

#content #search .byNeighbors {
    margin-top          : -10px;
    padding             : 11px 0 7px 53px;
}

#content #search form label {
    width               : 551px;
    float               : left;
    color               : #0779c0;
    font-size           : 20px;
    padding-left        : 37px;
    background          : url(/images/markers.gif) 0 -74px no-repeat;
    line-height         : 32px;
    margin-left         : -40px;
    position            : relative;
    font-weight         : normal;
}

#content #search form .text {
    width               : 370px;
    padding             : 3px;
    float               : left;
    clear               : both;
    margin-top          : 8px;
}

#content #search .byNeighbors .text { margin-right: 100px; }

#content #search form .textShort1 {
    width               : 200px;
    padding             : 3px;
    float               : left;
    margin              : 8px 11px 0 0;
}

#content #search form .textShort2 {
    width               : 149px;
    padding             : 3px;
    float               : left;
    margin              : 8px 11px 0 0;
}

#content #search form .submit {
    width               : 85px;
    height              : 29px;
    background          : url(/images/buttons.gif) 0 -27px no-repeat;
    float               : left;
    border              : none;
    cursor              : pointer;
    margin              : 7px 0 0 10px;
}

#content #search .byNeighbors .submit { margin-left: -1px; }

#content #search form p {
    width               : 100%;
    float               : left;
    clear               : both;
    margin              : 2px 0 0 0;
}

#content #search form p span { color: #8c8c8c; }
#content #search .bySchool p { font-size: 14px; }

#content #search form .button { margin: 5px 0 0 0; }

#content #search form .block {
    width               : 300px;
    float               : left;
    display             : inline;
}

#content #search .bySchool h4,
#content #search .bySchool h3 {
    width               : 260px;
    float               : left;
    color               : #0779c0;
    font-size           : 20px;
    padding-left        : 40px;
    background          : url(/images/markers.gif) 0 -74px no-repeat;
    font-weight         : normal;
    line-height         : 32px;
    margin-left         : -40px;
    position            : relative;
}
/* ---------------------------------------- */




/* --------- Find friends on map ---------- */
#content #map {
    width               : 100%;
    float               : left;
    background          : url(/images/contentBg.gif) -2552px 0 repeat-y;
    margin-top          : 8px;
}

#content #map .top {
    width               : 100%;
    height              : 13px;
    float               : left;
    background          : url(/images/contentBg.gif) -1914px 0 no-repeat;
    overflow            : hidden;
    z-index             : 2;
}

#content #map .bottom {
    width               : 100%;
    height              : 19px;
    float               : left;
    background          : url(/images/contentBg.gif) -3190px 0 no-repeat;
    overflow            : hidden;
    margin-top          : -6px;
}

#content #map .stats {
    padding-left        : 25px;
    background          : url(/images/icons.gif) 0 2px no-repeat;
    font-size           : 24px;
    color               : #0779c0;
    line-height         : 22px;
    float               : left;
    display             : inline;
    margin-left         : 20px;
    font-weight         : normal;
}

#content #map .stats strong { 
    color               : #000;
    font-weight         : normal;
}

#content #map .findFriends {
    float               : right;
    font-size           : 20px;
    background          : #ffe400;
    margin-right        : 20px;
    padding             : 0 5px 3px 1px;
}

#content #map .mapContainer,
#content .map .mapContainer {
    width               : 600px;
    height              : 390px;
    float               : left;
    display             : inline;
    border              : solid 1px #e2e0e0;
    overflow            : hidden;
    margin              : 10px 0 0 20px;
    position            : relative;
}

#content .map .header { margin: 5px 0 0 18px; }
/* ---------------------------------------- */




/* ------------ My statistics ------------- */
#topLogin #myStats {
    float               : left;
    display             : inline;
    margin              : 9px 0 0 45px;
    font-size           : 12px;
}

#topLogin #myStats .messages,
#topLogin #myStats .messagesNew {
    height              : 21px;
    float               : left;
    padding             : 0 13px 0 28px;
    background          : url(/images/icons.gif) #ffe400 6px -143px no-repeat;
    line-height         : 20px;
    border-right        : solid 1px #006699;
}

#topLogin #myStats .messagesNew { background: url(/images/newMsg.gif) #ffe400 6px 4px no-repeat; }

#topLogin #myStats .friends {
    height              : 21px;
    float               : left;
    padding             : 0 5px 0 29px;
    background          : url(/images/icons.gif) #ffe400 7px -123px no-repeat;
    line-height         : 20px;
    border-right        : solid 1px #006699;
}

#topLogin #myStats .fullActivity {
    height              : 21px;
    float               : left;
    padding             : 0 5px 0 29px;
    background          : url(/images/icons.gif) #ffe400 7px -123px no-repeat;
    line-height         : 20px;
    border-right        : solid 1px #006699;
}
/* ---------------------------------------- */




/* ------------ My statistics ------------- */
#topLogin #profileOptions {
    width               : 480px;
    float               : left;
    color               : #fff;
    display             : inline;
    margin              : 11px 0 0 0;
    font-size           : 12px;
    text-align          : right;
    position            : absolute;
    right               : 10px;
    top                 : 0;
}

#topLogin #profileOptions a { color: #fff; }

#topLogin #profileOptions span {
    padding             : 0 7px 0 8px;
    font-size           : 16px;
    line-height         : 12px;
}
/* ---------------------------------------- */




/* ------------- Left blocks -------------- */
#leftColumn .content {
    width               : 344px;
    float               : left;
    background          : url(/images/leftColBg.gif) -344px 0 repeat-y;
    margin-top          : -7px;
    overflow            : hidden;
    position            : relative;
}

#leftColumn .content .top {
    width               : 344px;
    height              : 4px;
    float               : left;
    background          : url(/images/leftColBg.gif) 0 0 no-repeat;
    overflow            : hidden;
}

#leftColumn  .content .bottom {
    width               : 344px;
    height              : 4px;
    float               : left;
    background          : url(/images/leftColBg.gif) -688px 0 no-repeat;
    overflow            : hidden;
    margin-top          : 3px;
}

.leftColumnShort .content {
    width               : 312px !important;
    background          : url(/images/leftColBg.gif) -1344px 0 repeat-y !important;
}

.leftColumnShort .content .top {
    width               : 312px !important;
    background          : url(/images/leftColBg.gif) -1032px 0 no-repeat !important;
}

.leftColumnShort  .content .bottom {
    width               : 312px !important;
    background          : url(/images/leftColBg.gif) -1656px 0 no-repeat !important;
}

#leftColumn .blueBlock {
    width               : 330px;
    float               : left;
    background          : url(/images/leftColBlockBg.gif) -330px 0 repeat-y;
    margin              : 7px 7px -2px 7px;
    display             : inline;
    padding-bottom      : 10px;
}

#leftColumn .blueBlock .top {
    width               : 330px;
    height              : 13px;
    float               : left;
    background          : url(/images/leftColBlockBg.gif) 0 0 no-repeat;
    overflow            : hidden;
}

#leftColumn .blueBlock .bottom {
    width               : 330px;
    height              : 13px;
    float               : left;
    background          : url(/images/leftColBlockBg.gif) -660px 0 no-repeat;
    overflow            : hidden;
    margin              : 10px 0 -10px;
}

#leftColumn .grayBlock {
    width               : 330px;
    float               : left;
    background          : url(/images/leftColBlockBg.gif) -1320px 0 repeat-y;
    margin              : 0 7px -2px 7px;
    display             : inline;
}

#leftColumn .grayBlock .top {
    width               : 330px;
    height              : 13px;
    float               : left;
    background          : url(/images/leftColBlockBg.gif) -990px 0 no-repeat;
    overflow            : hidden;
}

#leftColumn .grayBlock .bottom {
    width               : 330px;
    height              : 13px;
    float               : left;
    background          : url(/images/leftColBlockBg.gif) -1650px 0 no-repeat;
    overflow            : hidden;
    margin-top          : 0;
}

#leftColumn .whiteBlock {
    width               : 330px;
    float               : left;
    background          : url(/images/leftColBlockBg.gif) -2310px 0 repeat-y;
    margin              : 7px 7px -2px 7px;
    display             : inline;
}

#leftColumn .whiteBlock .top {
    width               : 330px !important;
    height              : 13px !important;
    float               : left !important;
    background          : url(/images/leftColBlockBg.gif) -1980px 0 no-repeat !important;
    overflow            : hidden !important;
}

#leftColumn .whiteBlock .bottom {
    width               : 330px !important;
    height              : 13px !important;
    float               : left;
    background          : url(/images/leftColBlockBg.gif) -2640px 0 no-repeat !important;
    overflow            : hidden !important;
    margin-top          : 0 !important;
}

.leftColumnShort .whiteBlock {
    width               : 301px !important;
    background          : url(/images/leftColBlockBg.gif) -3271px 0 repeat-y !important;
    overflow            : hidden;
}

.leftColumnShort .whiteBlock .top {
    width               : 301px !important;
    background          : url(/images/leftColBlockBg.gif) -2970px 0 no-repeat !important;
}

.leftColumnShort .whiteBlock .bottom {
    width               : 301px !important;
    background          : url(/images/leftColBlockBg.gif) -3572px 0 no-repeat !important;
}

#leftColumn .myPageLink {
    width               : 276px;
    height              : 83px;
    float               : left;
    background          : url(/images/myPageLinkBg.png) no-repeat;
    margin              : 12px 0 0 7px;
    font-size           : 23px;
    text-decoration     : none;
    line-height         : 54px;
    padding-left        : 55px;
}

#leftColumn .myPageInput {
    width               : 284px;
    padding             : 7px 10px;
    float               : left;
    margin              : -37px 0 0 19px;
    border              : 0 none;
    background          : none;
    color               : #808080;
    font-size           : 14px;
}

#leftColumn .settingsNav,
#content .settingsNav {
    width               : 331px;
    float               : left;
    background          : url(/images/settingsNavBg.gif) -331px 0 repeat-y;
    margin              : 7px 7px -2px 7px;
    display             : inline;
    overflow            : hidden;
    clear               : both;
}

#leftColumn .settingsNav .top,
#content .settingsNav .top {
    width               : 331px;
    height              : 14px;
    float               : left;
    background          : url(/images/settingsNavBg.gif) -662px 0 no-repeat;
    overflow            : hidden;
}

#leftColumn .settingsNav .bottom,
#content .settingsNav .bottom {
    width               : 331px;
    height              : 56px;
    float               : left;
    background          : url(/images/settingsNavBg.gif) 0 0 no-repeat;
    overflow            : hidden;
    margin-top          : 0;
}
/* ---------------------------------------- */




/* -------------- Main page --------------- */
#content .mainPage {
    float               : left;
    margin-top          : 10px;
}

#content .mainPage .removeAccount {
    width               : 331px;
    float               : left;
    clear               : both;
    display             : inline;
    font-size           : 11px;
    margin              : 10px;
}

#content .mainPage .removeAccount span {
    float               : left;
    white-space         : nowrap;
}

#content .mainPage .removeAccount a {
    float               : right;
}
/* ---------------------------------------- */




/* --------------- Profile ---------------- */
#leftColumn .profileCard h1,
#leftColumn .profileCard .nick {
    width               : 267px;
    line-height         : 25px;
    font-size           : 22px;
    font-weight         : bold;
    float               : left;
    display             : inline;
    margin              : 5px 0 0 18px;
    position            : relative;
    background          : url(/images/icons02.gif) #fff -26px -157px no-repeat;
    padding-left        : 30px;
    border-top          : solid 4px #fff;
    border-bottom       : solid 4px #fff;
}

#leftColumn .profileCard img {
    float               : left;
    padding             : 7px;
    border              : solid 1px #d8e8ef;
    background          : #fff;
    margin              : 11px 0 0 17px;
}

#leftColumn .profileCard .data {
    width               : 133px;
    float               : left;
    overflow            : hidden;
    display             : inline;
    margin              : 12px 0 0 13px;
}

#leftColumn .profileCard .data h5 {
    width               : 100%;
    float               : left;
    font-size           : 13px;
    font-weight         : bold;
    color               : #1578b9;
    border-top          : solid 1px #c0e1ef;
    margin-top          : -1px;
    padding             : 9px 0 0 0;
}
#leftColumn .profileCard .data p span { color: #8c8c8c;}
#leftColumn .profileCard .data p {
    width               : 100%;
    float               : left;
    font-size           : 13px;
    padding-bottom      : 11px;
    line-height         : 15px;
}

#leftColumn .profileCard .data .status {
    float               : left;
    clear               : both;
    color               : #828080;
    padding-left        : 16px;
    background          : url(/images/icons.gif) 0 -165px no-repeat;
    font-size           : 12px;
    margin-top          : 10px;
}

#leftColumn .profileCard .data .online { background: url(/images/icons.gif) 0 -165px no-repeat; }
#leftColumn .profileCard .data .offline { background: url(/images/icons.gif) 0 -1052px no-repeat; }

#leftColumn .profileCard .desc {
    width               : 260px;
    float               : left;
    clear               : both;
    display             : inline;
    margin              : 12px 0 0 22px;
    font-size           : 13px;
    position            : relative;
    padding             : 0 0 3px 0;
    color               : #7d7d7d;
}

/*
#leftColumn .profileCard .desc .icon {
    width               : 23px;
    height              : 15px;
    background          : url(/images/icons.gif) 0 -184px no-repeat;
    position            : absolute;
    left                : -1px;
    top                 : 1px;
}
*/

#leftColumn .profileCard .desc input {
    width               : 130px;
    float               : left;
    padding             : 3px;
    position            : relative;
    margin-top          : -3px;
}

#leftColumn .profileCard .desc .descButtons .ok {
    width               : 46px;
    height              : 26px;
    float               : left;
    background          : url(/images/buttons.gif) -379px 0 no-repeat;
    margin              : -2px 0 0;
}

#leftColumn .profileCard .desc .descButtons .cancel {
    width               : 66px;
    height              : 26px;
    float               : left;
    background          : url(/images/buttons.gif) -313px 0 no-repeat;
    margin              : -2px 3px 0 3px;
}

#content #forumActivity {
    width               : 615px;
    float               : left;
    clear               : both;
    display             : inline;
    margin              : 8px 0 0 12px;
    padding-bottom      : 8px;
}

#content #forumActivity .empty {
    width               : 90%;
    float               : left;
    display             : inline;
    margin              : 0 0 10px 14px;
    font-size           : 12px;
}

#content #forumActivity li {
    width               : 100%;
    float               : left;
    clear               : both;
    margin              : 7px 0 0 0;
}

#content #forumActivity .avatar {
    float               : left;
    padding-right       : 10px;
}

#content #forumActivity .avatar img {
    width               : 50px !important;
    height              : 50px !important;
    float               : left;
}

#content #forumActivity .item {
    width               : 555px;
    float               : left;
    background          : url(/images/forumActivityBg.gif) -2234px 0 repeat-y;
    position            : relative;
    display             : inline;
}

#content #forumActivity .item .top {
    width               : 562px;
    height              : 34px;
    background          : url(/images/forumActivityBg.gif) -1672px 0 no-repeat;
    margin              : 0 0 -23px -7px;
    position            : relative;
}

#content #forumActivity .item .bottom {
    width               : 555px;
    height              : 3px;
    float               : left;
    background          : url(/images/forumActivityBg.gif) -2789px 0 no-repeat;
    display             : inline;
    margin-top          : 6px;
}

#content #forumActivity .even .item { background: url(/images/forumActivityBg.gif) -562px 0 repeat-y; }
#content #forumActivity .even .item .top { background: url(/images/forumActivityBg.gif) 0 0 no-repeat; }
#content #forumActivity .even .item .bottom { background: url(/images/forumActivityBg.gif) -1117px 0 no-repeat; }

#content #forumActivity .date {
    background          : url(/images/icons.gif) 0 -243px no-repeat;
    color               : #9A9A9A;
    display             : inline;
    float               : left;
    clear               : both;
    font-size           : 12px;
    padding-left        : 19px;
    position            : relative;
    margin              : -17px 0 -17px 415px;
    white-space         : nowrap;
}

#content #forumActivity .author {
    font-size           : 12px;
    font-weight         : bold;
    padding-left        : 19px;
    position            : relative;
    float               : left;
    background          : url(/images/icons02.gif) -116px -80px no-repeat;
    text-decoration     : none;
    margin              : -2px 0 0 15px;
}

#content #forumActivity p {
    width               : 530px;
    font-size           : 13px;
    color               : #181818;
    padding-left        : 16px;
    position            : relative;
    margin              : 8px 0 0;
    float               : left;
    clear               : both;
    line-height         : 18px;
}

#content #forumActivity .gallery {
    width               : 559px;
    float               : left;
    clear               : both;
    display             : inline;
    margin              : 15px 0 0 5px;
    overflow            : hidden;
}

#content #forumActivity .gallery li img { float: left; }
#content #forumActivity .gallery li {
    width               : auto;
    clear               : none;
    float               : left;
    padding             : 2px;
    background          : #fff;
    border              : solid 1px #a8bdc7;
    display             : inline;
    margin              : 0 0 0 8px;
}

#content #forumActivity .movie {
    float               : left;
    clear               : both;
    display             : inline;
    margin              : 10px 0 0 16px;
}

#content #forumActivity .actions {
    height              : 17px;
    float               : left;
    position            : relative;
    clear               : both;
    margin              : -17px 0 -17px 248px;
    display             : inline;
    font-size           : 12px;
}

#content #forumActivity .actions li {
    width               : auto;
    float               : left;
    clear               : none;
    margin              : 0;
    display             : inline;
    padding             : 0 8px 0 7px;
    line-height         : 17px;
}

#content #forumActivity .actions .separator {
    width               : 1px;
    height              : 17px;
    display             : inline;
    padding             : 0;
    background          : #a4a4a4;
    overflow            : hidden;
}

#content .forumActivity .button {
    position            : relative;
    margin              : 3px 0 -7px  12px;
}

#content .forumActivity .seeBoard {
    background          : #ffe400;
    float               : right;
    font-size           : 20px;
    padding             : 1px 3px 3px;
    position            : relative;
    margin              : 6px 15px 0 0;
    display             : inline;
}
/* ---------------------------------------- */




/* --------- Profile card gallery --------- */
#leftColumn .gallery ul {
    width               : 300px;
    float               : left;
    margin              : -4px 0 0 19px;
    display             : inline;
}

#leftColumn .gallery ul li {
    float               : left;
    padding             : 2px;
    border              : solid 1px #b1c3cc;
    margin              : 7px 6px 0 0;
    background          : #fff;
}

#leftColumn .gallery ul img {
    width               : 62px;
    height              : 61px;
    display             : block;
}

#leftColumn .gallery .button { margin: 15px 22px 0 100px; }

#leftColumn .gallery .header .text { padding-right: 44px; }
#leftColumn .gallery .header { margin: 16px 0 0 18px; }
/* ---------------------------------------- */




/* ----------- Friends activity ----------- */
#leftColumn .friendsActivity ul {
    width               : 300px;
    float               : left;
    display             : inline;
    overflow            : hidden;
    margin              : 10px 0 0 12px;
    font-size           : 12px;
}

.leftColumnShort .friendsActivity ul {
    width               : 278px !important;
    margin              : 10px 0 0 12px !important;
}

.leftColumnShort .friendsActivity ul li { width: 268px !important; }
.leftColumnShort .friendsActivity ul li span { width: 245px !important; }

#leftColumn .friendsActivity ul .even { background: #edfaff; }
#leftColumn .friendsActivity ul li {
    width               : 290px;
    float               : left;
    padding             : 13px 5px;
    margin-top          : -1px;
    border-top          : solid 1px #e7e7e7;
}

#leftColumn .friendsActivity ul li span {
    width               : 269px;
    float               : left;
    color               : #6b6b6b;
    padding-left        : 21px;
    background          : url(/images/icons.gif) 0 -245px no-repeat;
    line-height         : 12px;
    margin-bottom       : 4px;
}

#leftColumn .friendsActivity ul li p {
    float               : left;
    width               : 100%;
    line-height         : 20px;
}

#leftColumn .friendsActivity .gallery { margin: 5px 0 0 0 !important; }
#leftColumn .friendsActivity .gallery img { display: block; }
#leftColumn .friendsActivity .gallery li {
    width               : auto !important;
    padding             : 0;
    margin              : 10px 10px 0 0 !important;
    border-top          : 0 none;
    padding             : 1px;
    border              : solid 1px #e7e7e7;
}
/* ---------------------------------------- */




/* --------------- My board --------------- */
#leftColumn .myBoard ul {
    width               : 294px;
    float               : left;
    display             : inline;
    margin              : 3px 0 0 18px;
    font-size           : 13px;
    overflow            : hidden;
}

#leftColumn .myBoard ul .even { background: url(/images/borderBg02.gif) #faf6ef top repeat-x; }
#leftColumn .myBoard ul li {
    width               : 288px;
    float               : left;
    display             : inline;
    padding             : 10px 3px 11px;
    background          : url(/images/borderBg02.gif) top repeat-x;
    margin-top          : -1px;
}

#leftColumn .myBoard ul li a {
    padding-left        : 22px;
    background          : url(/images/markers.gif) -27px -113px no-repeat;
}

#leftColumn .myBoard ul li .date {
    font-size           : 12px;
    padding-left        : 5px;
    color               : gray;
    white-space         : nowrap;
}
/* ---------------------------------------- */




/* ---------------- Buttons --------------- */
#leftColumn .button {
    height              : 25px;
    float               : right;
    font-weight         : normal;
    background          : url(/images/buttons.gif) right -56px no-repeat;
    line-height         : 21px;
    text-decoration     : none;
    padding-right       : 10px;
    margin              : 10px 22px 0 100px;
    font-size           : 12px;
}

#leftColumn .button span {
    height              : 25px;
    float               : left;
    background          : url(/images/buttons.gif) left -56px no-repeat;
    cursor              : pointer;
    padding-left        : 10px;
    white-space         : nowrap;
}

#content .button {
    height              : 25px;
    float               : left;
    font-weight         : normal;
    clear               : both;
    background          : url(/images/buttons.gif) right -56px no-repeat;
    line-height         : 21px;
    text-decoration     : none;
    padding-right       : 10px;
    margin              : 3px 0 2px 14px;
    font-size           : 12px;
}

#content .button span {
    height              : 25px;
    float               : left;
    background          : url(/images/buttons.gif) left -56px no-repeat;
    cursor              : pointer;
    padding-left        : 10px;
    white-space         : nowrap;
}

#content .colorBlock .button { background-position: right -151px; }
#content .colorBlock .button span { background-position: left -151px; }
#content .pagination .button { background-position: right -56px; }
#content .pagination .button span { background-position: left -56px; }
#content .pagination .button { clear: none !important; }
/* ---------------------------------------- */




/* ------------------ Map ----------------- */
#leftColumn .map .hideMap { background: url(/images/icons.gif) right -282px no-repeat; }
#leftColumn .map .showMap { background: url(/images/icons.gif) right -298px no-repeat; }
#leftColumn .map .hideMap,
#leftColumn .map .showMap {
    float               : right;
    padding-right       : 30px;
    height              : 13px;
    font-size           : 12px;
    color               : #b8b8b8;
    margin              : 9px 19px 0 0;
    text-decoration     : none;
}

#leftColumn .map .showMapContainer { display: inline !important; }
#leftColumn .map .mapContainer {
    width               : 290px;
    padding             : 2px;
    background          : #fff;
    border              : solid 1px #d4d3d3;
    display             : inline;
    float               : left;
    margin              : 7px 0 0 16px;
    overflow            : hidden;
}

#leftColumn .map .mapContainer #mapa2 { margin-top: 5px; }

#leftColumn .map .mapContainer a { padding-left: 5px; }
#leftColumn .map .mapContainer p {
    width               : 280px;
    float               : left;
    margin              : 5px;
    font-size           : 13px;
}

#leftColumn .map .mapContainer input {
    width               : 105px;
    padding             : 3px;
    float               : left;
    margin              : 5px 0 10px 5px;
}

#leftColumn .map .mapContainer button {
    width               : 41px;
    height              : 26px;
    float               : left;
    border              : 0 none;
    background          : url(/images/buttons.gif) -86px 0 no-repeat;
    margin              : 5px 0 0 5px;
    cursor              : pointer;
}

#leftColumn .map .mapContainer #div_mapka { height: 241px !important; }
/* ---------------------------------------- */




/* ---------------- Headers --------------- */
#leftColumn .header {
    height              : 32px;
    float               : left;
    display             : inline;
    background          : url(/images/cloud.gif) left top no-repeat;
    font-size           : 16px;
    font-weight         : bold;
    color               : #848484;
    line-height         : 26px;
    margin              : 1px 0 0 18px;
    position            : relative;
}

#leftColumn .header strong { 
    color               : #000;
    font-weight         : bold;
}

#leftColumn .header span { float: left; }
#leftColumn .header .text {
    height              : 26px;
    padding-right       : 9px;
    background          : url(/images/cloud.gif) right top no-repeat;
    
}

#leftColumn .header .headIcon01,
#leftColumn .header .headIcon02,
#leftColumn .header .headIcon03,
#leftColumn .header .headIcon04,
#leftColumn .header .headIcon05,
#leftColumn .header .headIcon06,
#leftColumn .header .headIcon07 {
    background          : url(/images/icons.gif) 0 0 no-repeat;
    margin              : 5px 8px 0 7px;
    overflow            : hidden;
}

#leftColumn .header .headIcon01 {
    width               : 16px;
    height              : 14px;
    background-position : 0 -204px;
}

#leftColumn .header .headIcon02 {
    width               : 16px;
    height              : 16px;
    background-position : 0 -224px;
}

#leftColumn .header .headIcon03 {
    width               : 17px;
    height              : 16px;
    background-position : 0 -263px;
}

#leftColumn .header .headIcon04 {
    width               : 15px;
    height              : 16px;
    background-position : 0 0;
}

#leftColumn .header .headIcon05 {
    width               : 15px;
    height              : 16px;
    background-position : 0 -316px;
}

#leftColumn .header .headIcon06 {
    width               : 15px;
    height              : 16px;
    background-position : 0 -764px;
}

#leftColumn .header .headIcon07 {
    width               : 23px;
    height              : 17px;
    background-position : 0 -1643px;
}

#content .header,
#msgPopup .header,
#addFriendPopup .header {
    height              : 32px;
    float               : left;
    display             : inline;
    background          : url(/images/cloud.gif) left -32px no-repeat;
    font-size           : 19px;
    font-weight         : normal;
    color               : #848484;
    line-height         : 26px;
    margin              : 4px 0 0 11px;
    position            : relative;
}

#content .header strong,
#msgPopup .header strong,
#addFriendPopup .header strong { 
    color               : #000;
    font-weight         : normal;
}

#content .header span,
#msgPopup .header span,
#addFriendPopup .header span { float: left; }
#content .header .text,
#msgPopup .header .text,
#addFriendPopup .header .text {
    height              : 26px;
    padding             : 0 9px 0 0 !important;
    background          : url(/images/cloud.gif) right -32px no-repeat;
    clear               : none !important;
    margin              : 0 !important;
    
}

#content .header .headIcon00,
#content .header .headIcon01,
#content .header .headIcon02,
#content .header .headIcon03,
#content .header .headIcon04,
#content .header .headIcon05,
#addFriendPopup .header .headIcon05,
#content .header .headIcon06,
#content .header .headIcon07,
#content .header .headIcon08,
#content .header .headIcon09,
#msgPopup .header .headIcon09,
#content .header .headIcon10,
#content .header .headIcon11,
#content .header .headIcon12,
#content .header .headIcon13,
#content .header .headIcon14,
#content .header .headIcon15,
#content .header .headIcon16 {
    width               : 16px;
    height              : 16px;
    background          : url(/images/icons.gif) 0 0 no-repeat;
    margin              : 5px 8px 0 7px;
    overflow            : hidden;
}

#content .header .headIcon00 { background: none; width: 7px; margin: 0; }
#content .header .headIcon01 { background-position: 0 -377px; }
#content .header .headIcon02 { background-position: 0 -440px; }
#content .header .headIcon03 { background-position: 0 -398px; }
#content .header .headIcon04 { background-position: 0 -105px; }
#content .header .headIcon05 { background-position: 0 -419px; }
#addFriendPopup .header .headIcon05 { background-position: 0 -419px; }
#content .header .headIcon06 { background-position: 0 -482px; }
#content .header .headIcon07 { background-position: 0 -461px; }
#content .header .headIcon08 { background-position: 0 0; }
#content .header .headIcon09 { background-position: 0 -501px; }
#msgPopup .header .headIcon09 { background-position: 0 -501px; }
#content .header .headIcon10 { background-position: 0 -848px; }
#content .header .headIcon11 { background-position: 1px -1095px; }
#content .header .headIcon12 { background-position: 0 -1153px; }
#content .header .headIcon13 { background-position: 3px -1297px; }
#content .header .headIcon14 { background-position: 0 -1435px; }
#content .header .headIcon15 { background-position: 0 -1410px; }
#content .header .headIcon16 { background-position: 0 -1389px; }
/* ---------------------------------------- */




/* ---------- Profile - about me ---------- */
#content #profileActions {
    width               : 105%;
    float               : left;
    margin              : -3px -5% 0 -2px;
    position            : relative;
}

#content #profileActions li {
    height              : 43px;
    background          : url(/images/buttons.gif) 0 -108px no-repeat;
    float               : left;
    display             : inline;
    padding-left        : 13px;
    margin-right        : 4px;
}

#content #profileActions li a {
    height              : 43px;
    background          : url(/images/buttons.gif) right -108px no-repeat;
    float               : left;
    font-size           : 13px;
    font-weight         : bold;
    color               : #16238a;
    text-decoration     : none;
}

#content #profileActions li a b {
    float               : left;
    white-space         : nowrap;
    padding-left        : 24px;
    background          : url(/images/icons.gif) no-repeat;
    height              : 16px;
    margin-top          : 12px;
    margin-right        : 10px;
    cursor              : pointer;
}

#content #profileActions .el1 a b { background-position: 0 -356px; }
#content #profileActions .el2 a b { background-position: 0 -316px; }
#content #profileActions .el3 a b { background-position: 0 -337px; }

#content .aboutMe .generalInfo {
    width               : 100%;
    float               : left;
    clear               : both;
    font-size           : 12px;
    color               : #828080;
    display             : inline;
    margin              : 4px 0 0 13px;
    line-height         : 14px;
}

#content .aboutMe p {
    width               : 615px;
    font-size           : 14px;
    float               : left;
    margin              : 12px 0 0 13px;
    line-height         : 22px;
    display             : inline;
}

#content .aboutMe .lists {
    width               : 640px;
    float               : left;
    overflow            : hidden;
    margin-right        : -40px;
}

#content .aboutMe .lists .item {
    width               : 292px;
    float               : left;
    margin              : 10px 0 0 -1px;
    border-left         : solid 1px #e9e9e9;
    padding             : 0 13px;
}

#content .aboutMe .lists .item h3 {
    float               : left;
    font-size           : 16px;
    font-weight         : normal;
    border              : solid 1px #eae7e0;
    background          : #e0f5fd;
    padding             : 2px 6px 3px;
}

#content .aboutMe .lists .item ul {
    width               : 100%;
    float               : left;
    margin-top          : 2px;
}

#content .aboutMe .lists .item ul li {
    height              : 15px;
    border              : solid 1px #e1ded8;
    border-top          : none;
    background          : #fff;
    padding             : 5px 0 5px 0;
    font-size           : 12px;
    overflow            : hidden;
}

#content .aboutMe .lists .item ul li a,
#content .aboutMe .lists .item ul li span {
    float               : left;
    padding             : 0 0 0 29px;
    background          : url(/images/markers.gif) no-repeat scroll -22px -110px;
    line-height         : 20px;
    margin-top          : -3px;
}

#content .aboutMe .lists .item ul .mail a,
#content .aboutMe .lists .item ul .mail span { background: url(/images/icons.gif)  6px -498px no-repeat; }
#content .aboutMe .lists .item ul .tlen a,
#content .aboutMe .lists .item ul .tlen span { background: url(/images/icons.gif)  6px -520px no-repeat; }
#content .aboutMe .lists .item ul .skype a,
#content .aboutMe .lists .item ul .skype span { background: url(/images/icons.gif)  6px -544px no-repeat; }
#content .aboutMe .lists .item ul .gg a,
#content .aboutMe .lists .item ul .gg span { background: url(/images/icons.gif)  6px -567px no-repeat; }

#content .aboutMe .underline {
    width               : 613px;
    height              : 1px;
    overflow            : hidden;
    float               : left;
    clear               : both;
    background          : url(/images/borderBg03.gif) repeat-x;
    display             : inline;
    margin              : 17px 13px 10px;
}

#content .aboutMe .quote {
    width               : 555px;
    float               : left;
    display             : inline;
    margin              : 2px 0 0 15px;
    line-height         : 16px;
    font-style          : italic;
    overflow            : hidden;
    padding-left        : 33px;
    background          : url(/images/quote.gif) -16px -15px no-repeat;
}

#content .aboutMe .quote span {
    width               : 540px;
    display             : block;
    background          : url(/images/quote.gif) right bottom no-repeat;
    padding             : 0 30px 15px 0;
    margin-bottom       : -15px;
}

#content .aboutMe .addFriendButton {
    width               : 188px;
    height              : 43px;
    background          : url(/images/buttons.gif) 0 -230px no-repeat;
    margin              : -30px 0 0 441px;
    position            : relative;
    padding             : 0;
}

#content .aboutMe .addFriendButton span { display: none; }
/* ---------------------------------------- */




/* ------- Profile - work/education ------- */
#content #profileWork,
#content #profileEdu {
    width               : 315px;
    float               : left;
    margin-top          : 5px;
}

#content .cvHeader {
    float               : left;
    font-size           : 19px;
    font-weight         : normal;
    margin              : 5px -12px 0 12px;
    width               : 100%;
}

#content #profileEdu { border-left: solid 1px #e9e9e9; }
#content #profileWork {
    border-right        : solid 1px #e9e9e9;
    margin-right        : -1px;
}

#content #profileWork h3,
#content #profileEdu h3 {
    float               : left;
    clear               : both;
    padding             : 3px 6px;
    background          : #e0f5fd;
    font-size           : 16px;
    font-weight         : normal;
    display             : inline;
    margin              : 5px 0 0 14px;
    white-space         : nowrap;
}

#content #profileWork ul,
#content #profileEdu ul {
    width               : 290px;
    float               : left;
    display             : inline;
    margin              : 5px 0 0 14px;
    font-size           : 13px;
    overflow            : hidden;
    margin-bottom       : 4px;
}

#content #profileWork ul li,
#content #profileEdu ul li {
    width               : 262px;
    float               : left;
    display             : inline;
    padding             : 7px 3px 11px 21px;
    border-bottom       : solid 1px #e9e9e9;
    margin-bottom       : -1px;
    font-size           : 14px;
    background          : url(/images/markers.gif) -29px -106px no-repeat;
}

#content #profileWork ul li .date,
#content #profileEdu ul li .date {
    color               : #757575;
}

#content #profileWork ul .actually .date,
#content #profileEdu ul .actually  .date {
    color               : #e80026;
}

#content #profileWork ul .actually a,
#content #profileEdu ul .actually a {
    font-weight         : bold;
}

#content #profileWork ul li p,
#content #profileEdu ul li p { 
    font-size           : 13px;
    line-height         : 20px;
}
#content #profileWork ul li strong,
#content #profileEdu ul li strong { color: #1578b9; }

#content #profileWork .showAll {
    height              : 25px;
    float               : left;
    font-weight         : normal;
    clear               : both;
    background          : url(/images/buttons.gif) right -56px no-repeat;
    line-height         : 21px;
    text-decoration     : none;
    padding-right       : 10px;
    margin              : 3px 0 2px 14px;
}

#content #profileWork .showAll span {
    height              : 25px;
    float               : left;
    background          : url(/images/buttons.gif) left -56px no-repeat;
    cursor              : pointer;
    padding-left        : 10px;
    white-space         : nowrap;
}
/* ---------------------------------------- */




/* ---------- Photos/users list ----------- */
#content .usersList {
    width               : 630px;
    float               : left;
    margin              : 5px -20px 2px 13px;
    display             : inline;
}

#content #gLeft {
    width               : 300px;
    float               : left;
    margin              : 5px 8px 2px 3px;
    display             : inline;
    float               : left;
}

#content #gRight {
    width               : 300px;
    float               : left;
    margin              : 5px 0 10px 2px;
    display             : inline;
    float               : left;
}

#content #gLeft .usersList,
#content #gRight .usersList {
    width               : 320px;
    margin              : 5px -50px 0 12px;
}

#content #gRight .usersList li { padding-bottom: 6px !important; }

#content .gButtons {
    width               : 100%;
    float               : left;
    clear               : both;
}

#content .usersList li a {
    width               : 90px;
    float               : left;
    text-align          : center;
}

#content .usersList li {
    float               : left;
    padding             : 0 14px 20px 0;
    overflow            : hidden;
    position            : relative;
}

#content .usersList .clear {
    width               : 100%;
    height              : 1px;
    clear               : both;
    padding             : 0 !important;
}

#content .usersList img {
    width               : 85px;
    height              : 85px;
    padding             : 2px;
    border              : solid 1px #a3b9c4;
    background          : #fff;
    float               : left;
}

#content .usersList .data {
    width               : 90px;
    float               : left;
    clear               : both;
    margin-top          : 3px;
}

#content .usersList .friends {
    width               : 90px;
    float               : left;
    clear               : both;
    margin-top          : 3px;
    text-align          : center;
}

#content .usersList .offline,
#content .usersList .online {
    float               : left;
    clear               : both;
    margin-top          : 3px;
    text-align          : center;
}

#content .observed .button,
#content .groups .button {
    clear               : none;
    margin-right        : -10px;
}

#content .usersList li .name {
    width               : 80px;
    text-align          : center;
    font-size           : 11px;
    font-weight         : normal;
    position            : relative;
    margin              : 5px 0 0 0;
    color               : #002060;
    display             : inline;
    cursor              : pointer;
    clear               : both;
    overflow            : hidden;
}

#content .usersList li .date {
    width               : 80px;
    clear               : both;
    color               : gray;
    float               : left;
    text-align          : center;
}

#content .observed {
    width               : 636px;
    float               : left;
    background          : #edfaff;
    display             : inline;
    margin              : 8px 1px;
    padding             : 7px 0;
}

#content .usersList li span.visible { display: block; }
#content .usersList li span.hidden { display: none; }
#content .usersList li span {
    width               : 88px;
    height              : 23px;
    line-height         : 23px;
    text-align          : center;
    font-size           : 11px;
    font-weight         : normal;
    position            : absolute;
    top                 : 66px;
    left                : 2px;
    color               : #002060;
    display             : none;
    background          : #fff;
    cursor              : pointer;
    clear               : both;
    float               : left;
}

#content .photoContainer {
    width               : 615px;
    float               : left;
    clear               : both;
    text-align          : center;
    margin              : 14px 0 0 11px;
    display             : inline;
    position            : relative;
}

#content .photoContainer h1 {
    width               : 100%;
    float               : left;
    font-size           : 18px;
    text-align          : center;
    display             : block;
    font-weight         : normal;
}

#content .photoContainer .photoTitle {
    width               : 100%;
    float               : left;
    font-size           : 18px;
    text-align          : center;
    display             : block;
    font-weight         : bold;
}

#content .photoContainer .fileName {
    width               : 100%;
    float               : left;
    font-size           : 11px;
    text-align          : center;
    color               : #9f9fa0;
    text-decoration     : underline;
    margin-bottom       : 4px;
    display             : block;
}

#content .photoContainer .fileDesc {
    width               : 100%;
    float               : left;
    font-size           : 11px;
    text-align          : center;
    margin-bottom       : 4px;
    display             : block;
}

#content .photoContainer img {
    width               : 530px;
    margin              : 0 10px 3px;
    padding             : 2px;
    background          : #fff;
    border              : solid 1px #a3b9c4;
    float               : left;
}

#content .photoContainer .prev {
    width               : 29px;
    height              : 48px;
    text-indent         : -99999px;
    position            : relative;
    background          : url(/images/icons.gif) 0 -711px no-repeat;
    margin              : 135px 0 0;
    overflow            : hidden;
    float               : left;
}

#content .photoContainer .next {
    width               : 29px;
    height              : 48px;
    text-indent         : -99999px;
    position            : relative;
    background          : url(/images/icons.gif) 0 -663px no-repeat;
    margin              : 135px 0 0;
    overflow            : hidden;
    float               : left;
}

#content .photoContainer .data {
    width               : 100%;
    text-align          : center;
    clear               : both;
}

#content .photoContainer .admin_usun {
    width               : 80px;
    display             : block;
    clear               : both;
    margin              : 0 auto;
}

#content .observed .button,
#content .friends .button,
#content .groups .button { margin-top: -10px !important; }
/* ---------------------------------------- */




/* ------------ Company members ----------- */
.leftColumnShort .companyMembers ul,
.leftColumnShort .onlineFriends ul { width: 272px !important; }

#leftColumn .companyMembers ul,
#leftColumn .onlineFriends ul {
    width               : 303px;
    float               : left;
    clear               : both;
    overflow            : hidden;
    display             : inline;
    margin              : 0 0 4px 17px;
}

.leftColumnShort .companyMembers ul li,
.leftColumnShort .onlineFriends ul li { width: 272px !important; }

#leftColumn .companyMembers ul li,
#leftColumn .onlineFriends ul li {
    width               : 294px;
    float               : left;
    clear               : both;
    margin-top          : -1px;
    border-top          : solid 1px #e7e7e7;
    padding-bottom      : 10px;
}

#leftColumn .companyMembers ul li img,
#leftColumn .onlineFriends ul li img {
    float               : left;
    padding             : 2px;
    border              : solid 1px #a3b9c4;
    background          : #fff;
    margin              : 11px 0 0;
}

#leftColumn .companyMembers ul li p a,
#leftColumn .onlineFriends ul li p a { 
    text-decoration     : none;
    color               : #026bd6;
}

.leftColumnShort .companyMembers ul li p,
.leftColumnShort .onlineFriends ul li p { 
    width               : 181px !important;
    float               : right !important;
}

#leftColumn .companyMembers ul li p,
#leftColumn .onlineFriends ul li p {
    width               : 203px;
    float               : right;
    display             : inline;
    margin-left         : 5px;
    padding-left        : 23px;
    font-size           : 14px;
    line-height         : 23px;
    color               : #707070;
}

#leftColumn .companyMembers ul li .name,
#leftColumn .onlineFriends ul li .name {
    background          : url(/images/icons02.gif) #e0f5fd -183px 5px no-repeat;
    margin-top          : 21px;
    position            : relative;
}

#leftColumn .companyMembers ul li .place,
#leftColumn .onlineFriends ul li .place {
    background          : url(/images/icons02.gif) #fff -134px -51px no-repeat;
    margin-top          : -1px;
}

#leftColumn .companyMembers ul .even .name,
#leftColumn .onlineFriends ul .even .name {
    background          : url(/images/icons02.gif) #e5e5e5 -157px -24px no-repeat;
    margin-top          : 21px;
    position            : relative;
}

#leftColumn .onlineFriends ul li .name,
#leftColumn .onlineFriends ul .even .name {
    width               : 219px;
    padding-left        : 7px;
    background-image    : none;
}
/* ---------------------------------------- */




/* --------------- Main menu -------------- */
#content #mainMenu {
    width               : 639px;
    height              : 43px;
    background          : url(/images/buttons.gif) 0 -108px no-repeat;
    float               : left;
    overflow            : hidden;
}

#content #mainMenu li a { text-decoration: none; }
#content #mainMenu li {
    height              : 24px;
    float               : left;
    font-size           : 16px;
    font-weight         : bold;
    padding             : 0 9px;
    border-left         : solid 1px #d1d1d1;
    line-height         : 24px;
    margin-top          : 9px;
}
/* ---------------------------------------- */




/* ------------- Company card ------------- */
#content .companyCard .companyData {
    width               : 640px;
    float               : left;
    margin-right        : -40px;
}

#content .companyCard .companyData .item {
    width               : 292px;
    float               : left;
    margin              : 10px 0 0 -1px;
    border-left         : solid 1px #e9e9e9;
    border-right        : solid 1px #e9e9e9;
    padding             : 0 13px;
}

#content .companyCardAlt .companyData {
    width               : 420px !important;
    margin-top          : 5px !important;
}

#content .companyCardAlt .companyData .item { border: 0 none !important; }

#content .companyCard .companyData .item h3 {
    float               : left;
    font-size           : 16px;
    font-weight         : normal;
    border              : solid 1px #eae7e0;
    background          : #e0f5fd;
    padding             : 2px 6px 3px;
    margin              : 0 !important;
}

#content .companyCard .companyData .item p {
    width               : 278px;
    float               : left;
    margin-top          : 2px;
    font-size           : 13px;
    clear               : both;
    border              : solid 1px #e1ded8;
    border-top          : 0 none;
    background          : #fff;
    padding             : 6px;
    line-height         : 21px;
}

#content .companyCard .underline {
    width               : 613px;
    height              : 1px;
    overflow            : hidden;
    float               : left;
    clear               : both;
    background          : url(/images/borderBg03.gif) repeat-x;
    display             : inline;
    margin              : 8px 13px 0;
}

#content .companyCard .basicData {
    float               : left;
    background          : #fff;
    padding             : 10px;
    display             : inline;
    margin              : 2px 0 0 13px;
    position            : relative;
}

#content .companyCard .basicData .desc {
    float               : left;
    width               : 310px;
    overflow            : hidden;
}

#content .companyCard .basicData h1 {
    width               : 305px;
    float               : left;
    font-size           : 18px;
    color               : #848484;
    font-weight         : normal;
    line-height         : 30px;
}

#content .companyCard .basicData h1 strong {
    color               : #1578b9;
    font-size           : 30px;
}

#content .companyCard .basicData span strong { color: #6f6e6e; }
#content .companyCard .basicData span {
    float               : left;
    clear               : both;
    white-space         : nowrap;
    font-size           : 12px;
    color               : #000;
    margin              : 5px 0 0 3px;
}

#content .companyCard .basicData img {
    width               : 85px !important;
    height              : 75px !important;
    float               : left;
    margin-left         : 37px;
    border              : solid 1px #f3f3f3;
}

#content .companyCard .join {
    font-size           : 20px;
    background          : #ffe400;
    padding             : 3px 3px 5px;
    position            : relative;
    float               : right;
    clear               : both;
    margin-bottom       : 15px;
}

#content .companyCard h3 {
    float               : left;
    display             : inline;
    clear               : both;
    font-size           : 16px;
    font-weight         : normal;
    border              : solid 1px #eae7e0;
    background          : #e0f5fd;
    padding             : 2px 6px 3px;
    margin              : 15px 0 0 13px;
}

#content .companyCard p {
    width               : 600px;
    float               : left;
    clear               : both;
    font-size           : 14px;
    padding             : 8px 10px 0 15px;
    line-height         : 22px;
}

#content .companyCard .addPhoto {
    white-space         : nowrap;
    float               : left;
    clear               : both;
    padding-left        : 15px;
    background          : url(/images/icons.gif) 0 -642px no-repeat;
    font-size           : 12px;
    margin              : -24px 0 0 518px;
}

#content .companyCard .usersList { margin: 8px -20px 6px 13px; }
#content .companyCard .button {
    margin              : -15px 0 -10px 12px;
    position            : relative;
}

#content .companyCard .editClassNav {
    float               : right;
    text-align          : right;
    margin              : 5px 15px 0 0;
    line-height         : 16px;
    display             : inline;
}

#content .companyCard .editClassNav li {
    float               : right;
    clear               : both;
    white-space         : nowrap;
}

#content .companyCard .editClassNav li #forum_zobacz {
    width               : 115px;
    height              : 26px;
    background          : url(/images/buttons.gif) -188px -230px no-repeat;
    float               : right;
    text-indent         : 99999px;
    margin              : -5px -2px 5px 0;
}

#content .companyCard .editClassNav li a span { text-decoration: underline !important; }

#content .companyCard .editClassNav .addPhoto {
    float               : none;
    margin              : 0;
    padding             : 0;
    font-size           : 11px;
    background          : none;
}
/* ---------------------------------------- */




/* -------------- Class list -------------- */
#leftColumn .classList form {
    width               : 300px;
    float               : left;
    display             : inline;
    margin              : 12px 0 0 18px;
    clear               : both;
}

#leftColumn .classList form .block {
    width               : 115px;
    float               : left;
}

#leftColumn .classList form label {
    width               : 100%;
    float               : left;
    color               : #026bd6;
    font-weight         : bold;
    font-size           : 12px;
}

#leftColumn .classList form select {
    width               : 103px;
    height              : 22px;
    float               : left;
    clear               : both;
    padding             : 1px;
    margin-top          : 8px;
}

#leftColumn .classList form .submit {
    width               : 41px;
    height              : 26px;
    float               : left;
    border              : 0 none;
    background          : url(/images/buttons.gif) -86px 0 no-repeat;
    cursor              : pointer;
    margin-top          : 22px;
}

#leftColumn .classList form span img {
    float               : left;
    margin              : 17px 0 0 0;
}

#leftColumn .classList table {
    width               : 300px;
    clear               : both;
    margin-left         : 18px;
    margin-top          : 10px;
}

#leftColumn .classList table .even td { background: url(/images/borderBg02.gif) #f2f1f1 bottom repeat-x; }
#leftColumn .classList table td {
    background          : url(/images/borderBg02.gif) bottom repeat-x;
    font-size           : 12px;
    padding             : 10px 0;
}

#leftColumn .classList table td a {
    float               : left;
    padding-left        : 23px;
    background          : url(/images/markers.gif) -27px -113px no-repeat;
    margin-left         : 3px;
}

#leftColumn .officeList table td a { background-position: -27px -114px !important; }

#leftColumn .classList .button {
    clear               : none !important;
    margin              : 10px 15px 0 -10px !important;
    position            : relative;
}

#leftColumn .classList .button img {
    position            : absolute;
    left                : -35px;
    top                 : -4px;
}
/* ---------------------------------------- */




/* ---------------- Forum ----------------- */
#forum {
    width               : 100%;
    position            : relative;
    float               : left;
    overflow            : hidden;
}

#forum h1 {
    width               : 400px;
    font-size           : 26px;
    font-weight         : normal;
    color               : #1578b9;
    float               : left;
    display             : inline;
    margin              : 0 11px;
}

#forum .crumbs {
    width               : 650px;
    float               : left;
    margin              : 4px 0 0 13px;
    display             : inline;
    font-size           : 14px;
    font-weight         : normal;
    color               : #000;
}

#forum .button { clear: none; }

#content #forum .search {
    width               : 221px;
    overflow            : hidden;
    float               : right;
    display             : inline;
    position            : relative;
    margin              : -53px 7px 0 0;
    
}

#content #forum .search .text {
    width               : 118px;
    padding             : 3px;
    float               : left;
    clear               : both;
    margin-top          : 8px;
}

#content #forum .search .submit {
    width               : 85px;
    height              : 29px;
    background          : url(/images/buttons.gif) 0 -27px no-repeat;
    float               : left;
    border              : none;
    cursor              : pointer;
    margin              : 7px 0 0 5px;
}

#content #forum .button { margin: 11px 0 5px 10px; }

#content #forum .topicList {
    width               : 643px;
    clear               : both;
    border              : solid 1px #e8e8e8;
    background          : #fff;
    padding             : 1px;
    margin              : 0 0 0 13px;
}

#content #forum .topicList thead th {
    padding             : 13px 0 12px 5px;
    text-align          : center;
    background          : #e0f5fd;
    border-bottom       : solid 1px #e8e8e8;
    font-size           : 13px;
    line-height         : 13px;
    font-weight         : bold;
    border-left         : solid 1px #e8e8e8;
    white-space         : nowrap;
    text-align          : left;
}

#content #forum .topicList thead .topic { 
    width               : 306px;
    border-left         : 0 none;
}

#content #forum .topicList thead .posts { width: 54px; }
#content #forum .topicList thead .author { 
    width               : 107px;
    text-align          : center;
    padding-left        : 0;
    text-indent         : -18px;
}

#content #forum .topicList thead .lastPost {
    text-align          : center;
    text-indent         : -10px;
}

#content #forum .topicList thead .topic span {
    height              : 16px;
    float               : left;
    padding-left        : 24px;
    background          : url(/images/icons.gif) 0 -790px no-repeat;
}

#content #forum .topicList tbody td {
    font-size           : 13px;
    padding             : 10px 0 11px 0;
    border-top          : solid 1px #e8e8e8;
    border-bottom       : solid 1px #e8e8e8;
    line-height         : 20px;
    background          : #f7f7f7;
}

#content #forum .topicList tbody .even td {
    border-top          : solid 1px #fff;
    border-bottom       : solid 1px #fff;
}

#content #forum .topicList tbody .even td { background: url(/images/forumBg.gif) #f4f3f3 repeat; }

#content #forum .topicList tbody .posts { border-left: solid 1px #e8e8e8; }
#content #forum .topicList tbody .author { border-left: solid 1px #e8e8e8; }
#content #forum .topicList tbody .lastPost {
    border-left         : solid 1px #e8e8e8;
    font-size           : 12px;
    color               : #9a9a9a;
    text-align          : center;
}

#content #forum .topicList tbody .author a {
    float               : left;
    padding-left        : 13px;
    background          : url(/images/icons02.gif) -90px -101px no-repeat;
    margin-left         : 18px;
}

#content #forum .topicList tbody .topic a {
    width               : 270px;
    float               : left;
    padding-left        : 17px;
    background          : url(/images/icons02.gif) -116px -76px no-repeat;
    margin-left         : 8px;
}

#content #forum .topicList tbody .posts {
    text-align          : center;
    font-size           : 12px;
    text-indent         : -10px;
}

#content #forum .topicList .emptyForum {
    width               : 100%;
    float               : left;
    text-align          : center;
}

#content #forum .pagination {
    width               : 644px;
    float               : left;
    background          : url(/images/paginationBg.gif) -644px 0 repeat-y;
    display             : inline;
    margin              : 11px 0 0 13px;
}

#content #forum .pagination .top {
    width               : 644px;
    height              : 5px;
    float               : left;
    background          : url(/images/paginationBg.gif) 0 top no-repeat !important;
    margin              : 0 !important;
}

#content #forum .pagination .bottom {
    width               : 644px;
    height              : 5px;
    float               : left;
    background          : url(/images/paginationBg.gif) -1288px -7px no-repeat !important;
    margin              : 0 !important;
}

#content #forum .pagination p {
    float               : left;
    display             : inline;
    font-size           : 12px;
    margin              : 5px 0 0 198px;
}

#content #forum .pagination ul {
    float               : right;
    position            : relative;
    display             : inline;
    margin-right        : 15px;
}

#content #forum .pagination ul li {
    float               : left;
    margin-left         : 3px;
    display             : inline;
    cursor              : pointer;
}

#content #forum .pagination ul .item {
    height              : 27px;
    line-height         : 27px;
    background          : url(/images/paginationItemBg.gif) left no-repeat;
    margin-bottom       : -2px;
}

#content #forum .pagination ul .skip {
    height              : 27px;
    margin              : 0 7px;
    line-height         : 30px;
    overflow            : hidden;
}

#content #forum .pagination .count {
    font-size           : 12px;
    margin              : 5px 5px 0 0;
}

#content #forum .pagination ul .item a,
#content #forum .pagination ul .item strong {
    float               : left;
    padding             : 0 9px 0 4px;
    font-size           : 12px;
    text-decoration     : none;
    color               : #000;
    margin-left         : 5px;
    background          : url(/images/paginationItemBg.gif) right no-repeat;
}

#content #forum .pagination ul .button {
    height              : 25px;
    overflow            : hidden;
    margin              : 1px 0 -1px 0;
}
/* ---------------------------------------- */




/* --------------- Settings --------------- */
#leftColumn .settingsNav ul,
#content .settingsNav ul {
    float               : left;
    display             : inline;
    margin              : -4px 9px -40px;
    overflow            : hidden;
    position            : relative;
}

#leftColumn .settingsNav ul .submenu,
#content .settingsNav ul .submenu {
    width               : 290px;
    margin              : 0 0 0 30px;
    overflow            : hidden;
}

#leftColumn .settingsNav ul .submenu a,
#content .settingsNav ul .submenu a {
    font-size           : 13px;
    padding-left        : 0;
    font-weight         : normal;
    padding-left        : 15px;
    background          : url(/images/markers.gif) 0 -132px no-repeat;
}

#leftColumn .settingsNav ul li,
#content .settingsNav ul li {
    width               : 313px;
    border-top          : solid 1px #e9e9e9;
    margin-top          : -1px;
    float               : left;
    padding             : 5px 0 8px 0;
}

#leftColumn .settingsNav ul .submenu li,
#content .settingsNav ul .submenu li {
    width               : 257px;
    border-bottom       : dashed 1px #e9e9e9;
    border-top          : 0 none;
    float               : left;
    padding             : 8px 0 5px 0;
    display             : inline;
    margin-left         : -5px;
}

#leftColumn .settingsNav ul li a,
#content .settingsNav ul li a {
    float               : left;
    font-size           : 16px;
    font-weight         : bold;
    color               : #16238a;
    text-decoration     : none;
    white-space         : nowrap;
    padding-left        : 23px;
    margin-left         : 5px;
}

#leftColumn .settingsNav ul li h4,
#content .settingsNav ul li h4 {
    width               : 285px;
    float               : left;
    margin-left         : 28px;
    font-weight         : normal;
    display             : inline;
    font-size           : 11px;
}

#leftColumn .settingsNav ul .el1 a,
#content .settingsNav ul .el1 a { background: url(/images/icons.gif) 0 -810px no-repeat; }
#leftColumn .settingsNav ul .el2 a,
#content .settingsNav ul .el2 a { background: url(/images/icons.gif) 0 -499px no-repeat; }
#leftColumn .settingsNav ul .el3 a,
#content .settingsNav ul .el3 a { background: url(/images/icons.gif) 0 -880px no-repeat; }
#leftColumn .settingsNav ul .el4 a,
#content .settingsNav ul .el4 a { background: url(/images/icons.gif) 2px -105px no-repeat; }
#leftColumn .settingsNav ul .el5 a,
#content .settingsNav ul .el5 a { background: url(/images/icons.gif) 0 -20px no-repeat; }
#leftColumn .settingsNav ul .el6 a,
#content .settingsNav ul .el6 a { background: url(/images/icons.gif) 0 -461px no-repeat; }
#leftColumn .settingsNav ul .el7 a,
#content .settingsNav ul .el7 a { background: url(/images/icons.gif) 0 -418px no-repeat; }
#leftColumn .settingsNav ul .el8 a,
#content .settingsNav ul .el8 a { background: url(/images/icons.gif) 0 -848px no-repeat; }
#leftColumn .settingsNav ul .el9 a,
#content .settingsNav ul .el9 a { background: url(/images/icons.gif) 0 -828px no-repeat; }

#leftColumn .settingsNav ul .changeStatus {
    width               : 297px !important;
    border              : 0 none !important;
}

#leftColumn .settingsNav ul .changeStatus input {
    width               : 130px;
    float               : left;
    padding             : 3px;
    position            : relative;
    margin              : -3px 0 0 5px;
}

#leftColumn .settingsNav ul .changeStatus .ok {
    width               : 47px;
    height              : 26px;
    float               : left;
    background          : url(/images/buttons.gif) -472px -201px no-repeat;
    margin              : -2px 0 0;
    padding             : 0;
}

#leftColumn .settingsNav ul .changeStatus .cancel {
    width               : 64px;
    height              : 26px;
    float               : left;
    background          : url(/images/buttons.gif) -519px -201px no-repeat;
    margin              : -2px 3px 0 3px;
    padding             : 0;
}

#content .settings form,
#content .addSchool form,
#content .createAccount form {
    width               : 610px;
    float               : left;
    display             : inline;
}

#content .settings .adress,
#content .settings .email,
#content .settings .im,
#content .settings .website,
#content .settings .notify,
#content .createAccount .adress,
#content .createAccount .email,
#content .createAccount .im,
#content .createAccount .website,
#content .createAccount .notify,
#content .addSchool .adress,
#content .addSchool .email,
#content .addSchool .im,
#content .addSchool .website,
#content .addSchool .notify,
#content .addSchool .schoolContact,
#content .addSchool .uploadPhotos,
#content .addSchool .schoolDesc {
    width               : 610px;
    float               : left;
    border-top          : solid 1px #eaeaea;
    margin              : 15px 0 0 13px;
    padding-top         : 13px;
    overflow            : hidden;
    display             : inline;
}

#content .createAccount .removeAccount {
    float               : left;
    clear               : both;
    margin              : 20px 0 0 13px;
    white-space         : nowrap;
    font-size           : 12px;
}

#content .settings .notify label {
    font-weight         : normal;
    color               : #000;
    margin-top          : -1px;
    cursor              : pointer;
}

#content .settings h5,
#content .createAccount h5,
#content .addSchool h5 {
    width               : 100%;
    float               : left;
    font-size           : 12px;
    font-weight         : bold;
    color               : #828080;
}

#content .settings label,
#content .createAccount label,
#content .addSchool label {
    float               : left;
    font-size           : 12px;
    font-weight         : bold;
    color               : #026bd6;
}

#content .settings label .required,
#content .createAccount label .required,
#content .addSchool label .required {
    font-size           : 18px;
    color               : red;
    line-height         : 11px;
}

#content .settings .requiredInfo,
#content .createAccount .requiredInfo,
#content .addSchool .requiredInfo {
    font-size           : 12px;
    color               : #000;
    float               : right;
    white-space         : nowrap;
    display             : inline;
    margin              : 10px 18px;
}

#content .settings .requiredInfo b,
#content .createAccount .requiredInfo b,
#content .addSchool .requiredInfo b {
    font-size           : 18px;
    color               : red;
    line-height         : 11px;
}

#content .settings .text,
#content .createAccount .text,
#content .addSchool .text {
    float               : left;
    padding             : 3px;
    clear               : both;
    margin-top          : 3px;
}

#content .settings select,
#content .createAccount select,
#content .addSchool select {
    height              : 26px;
    float               : left;
    padding             : 2px !important;
    clear               : both;
    margin-top          : 3px;
}

#content .settings .submit,
#content .createAccount .submit,
#content .addSchool .submit,
#content .schoolPhoto .submit {
    width               : 91px;
    height              : 29px;
    float               : left;
    border              : 0 none;
    background          : url(/images/buttons.gif) -288px -26px no-repeat;
    cursor              : pointer;
    margin              : 14px 0 -10px 10px;
    position            : relative;
    clear               : both;
}

#content .settings .adress,
#content .createAccount .adress,
#content .addSchool .adress {
    border-top          : 0 none;
    margin-top          : 7px;
    padding-top         : 0;
}

#content .settings .adress .error_list,
#content .createAccount .adress .error_list,
#content .addSchool .adress .error_list { margin-left: 0 !important; }

#content .settings .adress div,
#content .createAccount .adress div,
#content .addSchool .adress div,
#content .addSchool .schoolContact div {
    float               : left;
    margin-top          : 14px;
    position            : relative;
}

#content .settings .adress .country select,
#content .createAccount .adress .country select,
#content .addSchool .adress .country select { 
    width               : 120px;
    margin-right        : 15px;
}

#content .settings .adress .province select,
#content .createAccount .adress .province select,
#content .addSchool .adress .province select {
    width               : 120px;
    margin-right        : 14px;
}

#content .settings .adress .city .text,
#content .createAccount .adress .city .text,
#content .addSchool .adress .city .text { 
    width               : 195px;
    margin-right        : 14px;
}

#content .settings .adress .postalCode,
#content .createAccount .adress .postalCode,
#content .addSchool .adress .postalCode { width: 120px; }
#content .settings .adress .postalCode .text,
#content .createAccount .adress .postalCode .text,
#content .addSchool .adress .postalCode .text { 
    width               : 36px;
    text-align          : center;
    clear               : none;
}

#content .settings .adress .postalCode span,
#content .createAccount .adress .postalCode span,
#content .addSchool .adress .postalCode span {
    float               : left;
    padding             : 8px 4px;
}

#content .settings .adress .street,
#content .createAccount .adress .street,
#content .addSchool .adress .street { clear: both; }
#content .settings .adress .street .text,
#content .createAccount .adress .street .text,
#content .addSchool .adress .street .text,
#content .addSchool .schoolContact .text { 
    width               : 214px;
    margin-right        : 15px;
}

#content .settings .adress .number,
#content .createAccount .adress .number,
#content .addSchool .adress .number { width: 100px; }
#content .settings .adress .number label,
#content .createAccount .adress .number label,
#content .addSchool .adress .number label { width: 100px; }
#content .settings .adress .number .text,
#content .createAccount .adress .number .text,
#content .addSchool .adress .number .text { 
    width               : 30px;
    clear               : none;
}

#content .settings .adress .number span,
#content .createAccount .adress .number span,
#content .addSchool .adress .number span {
    float               : left;
    padding             : 8px 5px;
}

#content .settings .adress .phone,
#content .createAccount .adress .phone,
#content .addSchool .adress .phone { padding-left: 10px; }
#content .settings .adress .submit,
#content .createAccount .adress .submit,
#content .addSchool .adress .submit { margin: 33px 0 0 10px; }

#content .settings .email label,
#content .createAccount .email label,
#content .addSchool .email label { width: 100%; }
#content .settings .email .text,
#content .createAccount .email .text,
#content .addSchool .email .text { width: 347px; }

#content .settings .email .head,
#content .createAccount .email .head,
#content .addSchool .email .head { 
    width               : 100%;
    float               : left;
    font-size           : 12px;
    font-weight         : bold;
    color               : #828080;
    margin              : 10px 0 0 0;
}

#content .settings .email .button,
#content .createAccount .email .button,
#content .addSchool .email .button,
#content .settings .website .button,
#content .createAccount .website .button,
#content .addSchool .website .button {
    margin              : 3px 0 0 5px;
    clear               : none;
}

#content .settings .email ul,
#content .settings .website ul,
#content .createAccount .email ul,
#content .createAccount .website ul,
#content .createAccount .pseudonym ul,
#content .addSchool .email ul,
#content .addSchool .website ul {
    width               : 100%;
    float               : left;
    clear               : both;
    font-size           : 12px;
    line-height         : 20px;
    display             : inline;
    margin              : 4px 0 0 3px;
}

#content .createAccount .pseudonym ul { margin: 10px 0 15px 3px; }

#content .settings .email ul li,
#content .settings .website ul li,
#content .createAccount .email ul li,
#content .createAccount .website ul li,
#content .createAccount .pseudonym ul li,
#content .addSchool .email ul li,
#content .addSchool .website ul li {
    width               : 100%;
    float               : left;
    list-style-type     : decimal;
    list-style-position : inside;
    position            : relative;
}

#content .settings .email ul .hidden,
#content .settings .website ul .hidden,
#content .createAccount .email ul .hidden,
#content .createAccount .website ul .hidden,
#content .createAccount .pseudonym ul .hidden,
#content .addSchool .email ul .hidden,
#content .addSchool .website ul .hidden { display: none; }

#content .settings .email ul li .remove span,
#content .settings .website ul li .remove span,
#content .createAccount .email ul li .remove span,
#content .createAccount .website ul li .remove span,
#content .createAccount .pseudonym ul li .remove span,
#content .addSchool .email ul li .remove span,
#content .addSchool .website ul li .remove span { color: #16238a; cursor: pointer; }
#content .settings .email ul li .remove,
#content .settings .website ul li .remove,
#content .createAccount .email ul li .remove,
#content .createAccount .website ul li .remove,
#content .createAccount .pseudonym ul li a,
#content .addSchool .email ul li .remove,
#content .addSchool .website ul li .remove {
    padding-left        : 26px;
    background          : url(/images/icons.gif) 14px -865px no-repeat;
    text-decoration     : none;
    color               : #000;
}

#content .settings .im .submit,
#content .createAccount .im .submit,
#content .addSchool .im .submit { margin: -47px 0 0 261px; }
#content .settings .im label,
#content .createAccount .im label,
#content .addSchool .im label { width: 100%; }
#content .settings .im div,
#content .createAccount .im div,
#content .addSchool .im div {
    width               : 100%;
    float               : left;
    clear               : both;
}

#content .settings .im .icon,
#content .createAccount .im .icon,
#content .addSchool .im .icon {
    width               : 20px;
    height              : 20px;
    background          : url(/images/icons.gif) no-repeat;
    margin-top          : 7px;
}

#content .settings .im .tlen .icon,
#content .createAccount .im .tlen .icon,
#content .addSchool .im .tlen .icon { background-position: 0 -520px; }
#content .settings .im .skype .icon,
#content .createAccount .im .skype .icon,
#content .addSchool .im .skype .icon { background-position: 0 -545px; }
#content .settings .im .gg .icon,
#content .createAccount .im .gg .icon,
#content .addSchool .im .gg .icon { background-position: 0 -567px; }

#content .settings .im .text,
#content .createAccount .im .text,
#content .addSchool .im .text {
    width               : 214px;
    clear               : none;
    margin-left         : 8px;
}

#content .settings .im span,
#content .createAccount .im span,
#content .addSchool .im span {
    width               : 580px;
    float               : left;
    clear               : both;
    font-size           : 12px;
    color               : #828080;
    padding             : 0 0 8px 28px;
}

#content .settings .website label,
#content .createAccount .website label,
#content .addSchool .website label { width: 100%; }
#content .settings .website .text,
#content .createAccount .website .text,
#content .addSchool .website .text { width: 241px; }

#content .settings .website p,
#content .createAccount .website p,
#content .addSchool .website p {
    float               : left;
    clear               : both;
    font-size           : 12px;
    color               : #828080;
}

#content .settings .notify,
#content .createAccount .notify,
#content .addSchool .notify { padding-bottom: 15px; }
#content .settings .notify input,
#content .createAccount .notify input,
#content .addSchool .notify input {
    width               : 13px;
    height              : 13px;
    float               : left;
    margin-right        : 5px;
}

.error_list {
    width               : 100%;
    color               : red;
    font-weight         : bold;
    clear               : both;
    margin              : 0 0 0 13px;
    display             : inline;
    position            : relative;
    float               : left;
}

#content .settings .error_list li,
#content .createAccount .error_list li,
#content .addSchool .error_list li {
    width               : 100%;
    float               : left;
    clear               : both;
}

#content .addSchool .schoolContact .error_list,
#content .createAccount .item .error_list { margin-left: 0 !important; }
/* ---------------------------------------- */




/* ------------ Create account ------------ */
#content .createAccount .header { margin: 4px 0 0 8px; }
#content .createAccount h5 { 
    margin              : 6px 0 0 13px;
    display             : inline;
}

#content .createAccount .basicData {
    width               : 610px;
    float               : left;
}

#content .createAccount .basicData .item {
    float               : left;
    display             : inline;
    margin              : 13px 0 0 13px;
}

#content .createAccount .basicData .maidenName { clear: both; }

#content .createAccount .basicData span {
    width               : 600px;
    float               : left;
    font-size           : 12px;
    color               : #828080;
    margin              : 2px 0 0 13px;
}

#content .createAccount .basicData .item .text { width:  240px; }

#content .createAccount .underline {
    width               : 610px;
    height              : 1px;
    overflow            : hidden;
    float               : left;
    background          : #eaeaea;
    margin              : 9px 0 -4px 11px;
    display             : inline;
    position            : relative;
}

#content .createAccount .basicData .generatePsw {
    float               : left;
    display             : inline;
    margin              : 12px 0 0 13px;
}

#content .createAccount .basicData .generatePsw input {
    width               : 13px;
    height              : 13px;
    float               : left;
}

#content .createAccount .basicData .generatePsw label {
    float               : left;
    color               : #595959;
    font-size           : 11px;
    font-weight         : normal;
    cursor              : pointer;
    margin              : 0 0 0 5px;
}

#content .createAccount .showOptional {
    float               : left;
    font-size           : 14px;
    color               : #051485;
    margin              : 12px 0 25px 14px;
}

#content .createAccount .adress .submit { margin: 33px 0 0 2px; }
#content .createAccount .adress .postalCode { display: inline; }

#content .createAccount .rules,
#content .createAccount .rulesChck {
    width               : 370px;
    float               : left;
    clear               : both;
    margin              : 10px 0 0 30px;
    display             : inline;
}

#content .createAccount .rulesChck .error_list { margin: 0 0 0 18px; }

#content .createAccount .rulesChck {
    width               : 600px;
    margin              : 5px 0 5px 13px;
}

#content .createAccount .rules label,
#content .createAccount .rulesChck label {
    font-size           : 12px;
    color               : #000;
    font-weight         : normal;
    padding-right       : 5px;
}

#content .createAccount .rulesChck label {
    width               : 575px;
    float               : left;
    margin              : 0;
    cursor              : pointer;
}

#content .createAccount .rulesChck label .required {
    color               : red;
    font-size           : 18px;
    line-height         : 11px;
}

#content .createAccount .rulesChck input {
    width               : 13px;
    height              : 13px;
    float               : left;
    margin              : 3px 5px 0 0;
}

#content .createAccount .rules a {
    font-weight         : bold;
    font-size           : 12px;
}

#content .createAccount .registerButton {
    width               : 118px;
    height              : 29px;
    background          : url(/images/buttons.gif) -170px -26px no-repeat;
    float               : left;
    border              : none;
    cursor              : pointer;
    margin              : 10px 0 0 500px;
    clear               : both;
}

#content .createAccount h3 {
    background          : #e0f5fd;
    clear               : both;
    display             : inline;
    float               : left;
    font-size           : 16px;
    font-weight         : normal;
    margin              : 22px 0 -12px 11px;
    padding             : 3px 6px;
    white-space         : nowrap;
}

#content .createAccount .basicOptional .gender {
    width               : 600px;
    float               : left;
    display             : inline;
    margin              : 27px 0 0 14px;
}

#content .createAccount .basicOptional .gender h4 {
    width               : 100%;
    color               : #026bd6;
    float               : left;
    font-size           : 12px;
    font-weight         : bold;
}

#content .createAccount .basicOptional .gender input {
    width               : 13px;
    height              : 13px;
    float               : left;
    margin              : 7px 0 0 0;
}

#content .createAccount .basicOptional .gender label {
    color               : #000;
    float               : left;
    font-size           : 12px;
    font-weight         : normal;
    margin              : 5px 14px 0 5px;
    cursor              : pointer;
}

#content .createAccount .basicOptional .birth {
    width               : 610px;
    float               : left;
    display             : inline;
    margin              : 10px 0 0 13px;
}

#content .createAccount .basicOptional .birth label { width: 100%; }
#content .createAccount .basicOptional .birth .place input { width: 242px; }
#content .createAccount .basicOptional .birth .place { width: 263px; }
#content .createAccount .basicOptional .birth .birthDay { width: 210px; }
#content .createAccount .basicOptional .birth .nameDay { width: 165px; }
#content .createAccount .basicOptional .birth .place,
#content .createAccount .basicOptional .birth .birthDay,
#content .createAccount .basicOptional .birth .nameDay { float: left; }
#content .createAccount .basicOptional .birth .birthDay .day,
#content .createAccount .basicOptional .birth .birthDay #data_urodzenia_day { width: 49px; }
#content .createAccount .basicOptional .birth .birthDay .month,
#content .createAccount .basicOptional .birth .birthDay #data_urodzenia_month { width: 80px; }
#content .createAccount .basicOptional .birth .birthDay .year,
#content .createAccount .basicOptional .birth .birthDay #data_urodzenia_year { width: 65px; }
#content .createAccount .basicOptional .birth .nameDay .day,
#content .createAccount .basicOptional .birth .nameDay #data_imienin_day { width: 79px; }
#content .createAccount .basicOptional .birth .nameDay .month,
#content .createAccount .basicOptional .birth .nameDay #data_imienin_month { width: 80px; }

#content .createAccount .basicOptional .birth .birthDay select,
#content .createAccount .basicOptional .birth .nameDay select {
    float               : left;
    clear               : none;
    margin-right        : 3px;
}

#content .createAccount .pseudonym {
    width               : 610px;
    float               : left;
    display             : inline;
    margin              : 10px 0 0 13px;
}

#content .createAccount .pseudonym label { width: 100%; }
#content .createAccount .pseudonym .text { width: 403px; }
#content .createAccount .pseudonym .submit { background: url(/images/buttons.gif) -193px 0; }

#content .createAccount .pseudonym p {
    width               : 100%;
    float               : left;
    clear               : both;
    font-size           : 12px;
    color               : #828080;
    margin-bottom       : -5px;
    position            : relative;
}

#content .createAccount .pseudonym .button {
    clear               : none;
    margin              : 3px 0 2px 5px;
}

#content .createAccount .optionalData {
    width               : 100%;
    float               : left;
    margin-top          : -20px;
    clear               : both;
}

#content .basicDataForm h3 { margin-top: 5px !important; }
#content .basicDataForm .pseudonym .submit { margin-top: 4px !important; }
#content .basicDataForm .pseudonym ul { margin-bottom: -5px !important; }

#content .createAccount .notify label {
    font-weight         : normal;
    color               : #000;
    margin-top          : -1px;
    cursor              : pointer;
}

#content .findGroup form { margin: 10px 0 0 13px; }
#content .findGroup form .text { width: 300px; }
#content .findGroup form label { width: 100%; }
#content .findGroup form p {
    width               : 100%;
    padding             : 2px 0 0 0;
    clear               : both;
}

#content .findGroup form .submit {
    width               : 85px;
    height              : 30px;
    background-position : 0 -26px;
    margin              : 0 0 0 5px;
    clear               : none;
}

#content .findGroup #classList { margin: -3px 0 0 13px; }

#content .signInForm .country,
#content .signInForm .province,
#content .signInForm .place,
#content .signInForm .birthDay,
#content .signInForm .generatePsw,
#content .signInForm .gender {
    float               : left;
    display             : inline;
}

#content .signInForm .country select { width: 249px; }
#content .signInForm .province { margin-right: 180px; }
#content .signInForm .place {
    width               : 162px;
    margin-right        : -50px !important;
}

#content .signInForm .place .error_list {
    width               : 162px !important;
    margin              : 0 !important;
}

#content .signInForm .gender h4 {
    width               : 100%;
    color               : #026bd6;
    font-size           : 12px;
    font-weight         : bold;
}

#content .signInForm .gender {
    width               : 220px;
    margin              : 10px 400px 0 14px;
    clear               : both;
}

#content .signInForm .gender ul,
#content .signInForm .gender ul li { display: inline; }

#content .signInForm .gender input {
    width               : 13px;
    height              : 13px;
    float               : left;
    margin              : 2px 5px 0 0;
}

#content .signInForm .gender label {
    color               : #000;
    font-weight         : normal;
    cursor              : pointer;
    margin              : 0 10px 0 0;
    clear               : right;
}

#content .signInForm .country,
#content .signInForm .province,
#content .signInForm .place,
#content .signInForm .birthDay,
#content .signInForm .generatePsw { margin: 10px 0 0 14px; }
#content .signInForm .birthDay select {
    width               : 80px;
    clear               : none;
    margin              : 3px 5px 0 0;
}

#content .signInForm .country,
#content .signInForm .province,
#content .signInForm .place { height: 45px; }

#content .signInForm .birthDay { width: 260px; }
#content .signInForm .birthDay label { width: 100%; }
#content .signInForm .generatePsw { clear: both; }
/* ---------------------------------------- */




/* ----------------- Rules ---------------- */
.rulesPage h1 {
    width               : 610px;
    float               : left;
    display             : inline;
    margin              : 10px 0 0 13px;
}

.rulesPage h2 {
    width               : 610px;
    float               : left;
    display             : inline;
    margin              : 10px 0 0 13px;
}

.rulesPage .header {
    width               : auto;
    margin              : 1px 0 0 11px;
}

.rulesPage p {
    width               : 610px;
    float               : left;
    display             : inline;
    margin              : 10px 0 0 13px;
    font-size           : 14px;
}

.rulesPage ul {
    width               : 610px;
    float               : left;
    display             : inline;
    margin              : 10px 0 0 13px;
    font-size           : 14px;
}

.rulesPage ul ul { width: 597px; }

.rulesPage ul li {
    width               : 100%;
    float               : left;
    margin-top          : 5px;
}

.rulesPage ul ul li { margin-top: 0; }
/* ---------------------------------------- */




/* -------------- Add school -------------- */
#content .addSchool .schoolName .text {
    width               : 230px;
    margin-right        : 5px;
}

#content .addSchool .patron .text {
    width               : 200px;
    margin-right        : 5px;
}

#content .addSchool .schoolType { height: 45px; }
#content .addSchool .schoolType .text { width: 132px; }

#content .addSchool .mapContainer {
    width               : 600px;
    height              : 390px;
    float               : left;
    display             : inline;
    border              : solid 1px #e2e0e0;
    overflow            : hidden;
    margin              : 10px 0 0 15px;
    position            : relative;
}

#content .addSchool .submit { margin: 20px 0 -6px 12px; }

#content .addSchool .addClassSubmit {
    width               : 116px !important;
    background-position : -236px -201px !important;
}

#content .addSchool .addSchoolSubmit {
    width               : 120px !important;
    background-position : -352px -201px !important;
}

#content .addSchool .addGroupSubmit {
    width               : 120px !important;
    background-position : -116px -201px !important;
}

#content .addSchool .addFirmSubmit {
    width               : 116px !important;
    background-position : 0 -201px !important;
}

#content .addSchool h3 {
    background          : #e0f5fd;
    clear               : both;
    display             : inline;
    float               : left;
    font-size           : 16px;
    font-weight         : normal;
    margin              : 5px 0 -12px 11px;
    padding             : 3px 6px;
    white-space         : nowrap;
}

#content .addAlbum h3 { margin: 5px 0 12px 11px; }

#content .addSchool .addEducator {
    width               : 235px;
    clear               : both;
}

#content .addSchool .addEducator .button { 
    margin              : 4px 10px 0 10px;
    clear               : none;
}

#content .addSchool .profil { width: 300px; }
#content .addSchool .profil .text { width: 200px; }
#content .addSchool .addEducator label { width: 100%; }
#content .addSchool .addEducator .text { width: 140px; }
#content .addSchool .startDate,
#content .addSchool .endDate { margin-right: 10px; }
#content .addSchool .startDate .text,
#content .addSchool .endDate .text { width: 100px; }

#content .addSchool .addEducator ul {
    float               : left;
    clear               : both;
    font-size           : 12px;
    line-height         : 20px;
    display             : inline;
    margin              : 4px 0 0 3px;
}

#content .addSchool .addEducator ul li {
    float               : left;
    clear               : both;
    white-space         : nowrap;
}

#content .addSchool .addEducator ul li .remove span { color: #16238a; cursor: pointer; }
#content .addSchool .addEducator ul li .remove {
    padding-left        : 26px;
    background          : url(/images/icons.gif) 14px -865px no-repeat;
    text-decoration     : none;
    color               : #000;
}

#content .addSchool .schoolDesc .text {
    width               : 452px;
    height              : 100px;
}

#content .addFirm .schoolName,
#content .addFirm .startDate,
#content .addFirm .country { height: 45px; }
#content .addFirm .postalCode,
#content .addFirm .postalCode label { width: 250px !important; }
#content .addGroup .schoolName,
#content .addGroup .country,
#content .addGroup .province { height: 45px; }
#content .addGroup .province,
#content .addGroup .province label { width: 230px; }
#content .addGroup .postalCode,
#content .addGroup .postalCode label { width: 390px !important; }

#content .schoolPhoto #uploadPhotos {
    margin              : 0 0 0 10px;
    display             : inline;
}

#content .schoolPhoto #uploadPhotos label { margin: 10px 0 0 0; }
#content .schoolPhoto .submit { clear: both; }
#content .schoolPhoto #uploadPhotos li,
#content .schoolPhoto #uploadPhotos li input { display: none; }
#content .schoolPhoto #uploadPhotos .input,
#content .schoolPhoto #uploadPhotos .input input { display: inline; }
#content .schoolPhoto .addNext {
    float               : left;
    white-space         : nowrap;
    clear               : both;
    margin              : 10px;
}

#content .addSchool .patron,
#content .addSchool .schoolName,
#content .addSchool .startDate,
#content .addSchool .endDate,
#content .addSchool .schoolName,
#content .addSchool .country { height: 44px; }

#content .schoolEdit .schoolType { margin-right: 10px; }
#content .schoolEdit .schoolType,
#content .schoolEdit .country,
#content .schoolEdit .province { height: 44px; }
#content .schoolEdit .postalCode,
#content .schoolEdit .postalCode label { width: 390px !important; }
#content .schoolEdit .schoolContact { padding-top: 0 !important; }
#content .schoolEdit #uploadPhotos #section_0 { display: none; }
#content .officeEdit .country { height: 44px; }
#content .officeEdit .postalCode,
#content .officeEdit .postalCode label { width: 250px; }
/* ---------------------------------------- */




/* ------------- Upload photos ------------ */
#uploadPhotos {
    float               : left;
    clear               : both;
    position            : relative;
}

#uploadPhotos .input {
    width               : 430px;
    float               : left;
    overflow            : hidden;
    position            : relative;
    clear               : both;
}

#uploadPhotos .input label { width: 100%; }
#uploadPhotos .input input {
    width               : 350px;
    height              : 25px;
    float               : left;
    display             : inline;
    margin              : 3px 0 0;
    position            : relative;
    clear               : both;
}

#uploadPhotos .item,
.uploadPhotos .item {
    width               : 75px;
    height              : 75px;
    float               : left;
    display             : inline;
    margin              : 5px 3px 0 0;
    position            : realative;
    border              : solid 1px #eaeaea;
    background-repeat   : no-repeat;
    background-color    : #fff;
    overflow            : hidden;
    display             : none;
    padding             : 1px;
    clear               : both;
}

#uploadPhotos .remove,
.uploadPhotos .remove {
    padding             : 2px 3px;
    float               : left;
    background          : #fff;
    clear               : both;
    margin              : 60px 0 0 47px;
    cursor              : pointer;
}

#uploadPhotos .loader,
.uploadPhotos .loader {
    width               : 32px;
    height              : 32px;
    float               : left;
    background          : url(/images/loader.gif) 0 0 no-repeat;
    margin              : 10px;
    clear               : both;
}

#uploadPhotos .input label {
    color               : #026bd6;
    float               : left;
    font-size           : 12px;
    font-weight         : bold;
}
/* ---------------------------------------- */




/* --------------- Newsfeed --------------- */
#content #newsfeed { display: inline; }
#content #newsfeed h2 {
    margin              : 10px 0 0 0;
    clear               : none;
}

#content #newsfeed #newsfeedList {
    width               : 100%;
    float               : left;
    clear               : both;
    display             : inline;
}

#content #newsfeed #newsfeedList .empty {
    width               : 90%;
    float               : left;
    display             : inline;
    margin              : 0 0 10px 14px;
    font-size           : 12px;
}

#content #newsfeed #newsfeedList li {
    width               : 100%;
    float               : left;
    clear               : both;
    margin              : 10px 0 0 0;
}

#content #newsfeed #newsfeedList .avatar {
    float               : left;
    padding-right       : 10px;
}

#content #newsfeed #newsfeedList .item {
    width               : 578px;
    float               : left;
    background          : url(/images/newsfeedBg.gif) -585px 0 repeat-y;
    position            : relative;
}

#content #newsfeed #newsfeedList .item .top {
    width               : 585px;
    height              : 26px;
    background          : url(/images/newsfeedBg.gif) 0 0 no-repeat;
    margin              : 0 0 -15px -7px;
    position            : relative;
}

#content #newsfeed #newsfeedList .item .bottom {
    width               : 578px;
    height              : 14px;
    float               : left;
    background          : url(/images/newsfeedBg.gif) -1163px bottom no-repeat;
    display             : inline;
}

#content #newsfeed #newsfeedList .even .item { background: url(/images/newsfeedBg.gif) -2326px 0 repeat-y; }
#content #newsfeed #newsfeedList .even .item .top { background: url(/images/newsfeedBg.gif) -1741px 0 no-repeat; }
#content #newsfeed #newsfeedList .even .item .bottom { background: url(/images/newsfeedBg.gif) -2904px bottom no-repeat; }

#content #newsfeed #newsfeedList .date {
    background          : url(/images/icons.gif) 4px -243px no-repeat;
    color               : #9A9A9A;
    display             : inline;
    float               : right;
    font-size           : 12px;
    padding             : 0 0 1px 23px;
    margin              : 0 5px 0;
    position            : relative;
}

#content #newsfeed #newsfeedList .videoIco { background-position: 0 -1341px; }
#content #newsfeed #newsfeedList .photoIco { background-position: 0 -850px; }
#content #newsfeed #newsfeedList .friendIco { background-position: 0 -1179px; }
#content #newsfeed #newsfeedList .cvIco { background-position: 0 -830px; }
#content #newsfeed #newsfeedList .linkIco { background-position: 0 -1319px; }
#content #newsfeed #newsfeedList .groupIco { background-position: 0 -461px; }

#content #newsfeed #newsfeedList .remove {
    background          : url(/images/icons.gif) 0 -1626px no-repeat;
    display             : inline;
    float               : right;
    font-size           : 12px;
    padding             : 0 9px 1px 14px;
    margin              : 2px 5px 0;
    position            : relative;
    border-right        : solid 1px #c1c1c1;
    line-height         : 11px;
    z-index             : 2;
}

#content #newsfeed #newsfeedList .firstLine {
    width               : 330px;
    font-size           : 12px;
    padding-left        : 14px;
    float               : left;
    margin-top          : -15px;
    padding-right       : 200px;
    position            : relative;
}

#content #newsfeed #newsfeedList .firstLine a,
#content #newsfeed #newsfeedList .secondLine a { font-weight: bold; }

#content #newsfeed #newsfeedList .secondLine .more {
    font-weight         : normal;
    padding-left        : 5px;
}

#content #newsfeed #newsfeedList .secondLine {
    width               : 421px;
    font-size           : 13px;
    padding-left        : 14px;
    margin-top          : 6px;
    float               : left;
    overflow            : hidden;
}

#content #newsfeed #newsfeedList .added {
    width               : 560px;
    float               : left;
    display             : inline;
    margin              : 9px 0 0 14px;
}

#content #newsfeed #newsfeedList .added .photoThumbs {
    width               : 100%;
    float               : left;
}

#content #newsfeed #newsfeedList .added .photoThumbs img {
    width               : 75px;
    height              : 75px;
    float               : left;
    padding             : 2px;
    border              : solid 1px #cacaca;
    margin              : 0 5px 5px 0;
    background          : #fff;
}

#content #newsfeed #newsfeedList .added .linkThumbs img {
    width               : 62px;
    height              : 62px;
    float               : left;
    padding             : 2px;
    border              : solid 1px #cacaca;
    background          : #fff;
    margin-right        : 7px;
}

#content #newsfeed #newsfeedList .added .videoThumb img {
    width               : 89px;
    height              : 67px;
    float               : left;
    margin-right        : 7px;
}

#content #newsfeed #newsfeedList .added .data {
    width               : 560px;
    min-height          : 68px;
    _height             : 68px;
    float               : left;
    display             : inline;
    font-size           : 12px;
}

#content #newsfeed #newsfeedList .added .link {
    width               : 100%;
    float               : left;
    white-space         : nowrap;
    clear               : both;
    font-size           : 12px;
}

#content #newsfeed #newsfeedList .added .data p {
    width               : 100%;
    float               : left;
    line-height         : 18px;
    clear               : both;
}

#content #newsfeed #newsfeedList .added .videoThumb { float: left; }
#content #newsfeed #newsfeedList .added .videoThumb .playButton {
    width               : 35px;
    height              : 35px;
    background          : url(/images/playButton.png) no-repeat;
    border-left         : 0 none;
    padding-left        : 0;
    clear               : both;
    margin              : -50px 0 0 28px;
    text-indent         : -99999px;
    cursor              : pointer;
    float               : left;
}

#content #newsfeed #newsfeedList .added .actions {
    float               : left;
    margin              : 7px 9px 0 0;
    padding             : 1px 7px 5px 5px;
    font-size           : 12px;
    background          : url(/images/wallActionsBg.png) #e1eeff 0 0 no-repeat;
    line-height         : 18px;
    position            : relative;
}

#content #newsfeed #newsfeedList .added .actions .addComment { padding-left: 19px; }
#content #newsfeed #newsfeedList .added .actions .iLikeIt { padding-left: 40px; }
#content #newsfeed #newsfeedList .added .actions span { padding: 0 5px 0 29px; }
#content #newsfeed #newsfeedList .added .actionsILike { background: url(/images/wallActionsLikeBg.png) #e1eeff 0 0 no-repeat; }
#content #newsfeed #newsfeedList .added .actionsILike span { padding: 0 5px 0 15px; }
#content #newsfeed #newsfeedList .added .actions .send,
#content #newsfeed #newsfeedList .added .actionsILike .send {
    padding-left        : 24px;
    background          : url(/images/icons.gif) 9px -1665px no-repeat;
    border-left         : solid 1px #a9a9a8;
}

#content #newsfeed #newsfeedList .added .actionsNotLogged .send {
    border-left         : 0 none;
    padding-left        : 20px;
    background          : url(/images/icons.gif) 5px -1665px no-repeat;
}
#content #newsfeed #newsfeedList .added .actionsNotLogged { background: #e1eeff; }
#content #newsfeed #newsfeedList .added .actionsNotLogged span {
    padding             : 0 8px 0 2px;
    border-right        : 1px solid #a9a9a8;
}

#content #newsfeed #newsfeedList .added .actions .sendCloud {
    width               : 339px;
    height              : 99px;
    background          : url(/images/sendBg.png) no-repeat;
    position            : absolute;
    left                : 110px;
    top                 : -90px;
    z-index             : 4;
}

#content #newsfeed #newsfeedList .added .actions .sendCloud .close {
    width               : 7px;
    height              : 7px;
    background          : url(/images/icons.gif) 0 -870px no-repeat;
    position            : absolute;
    right               : 13px;
    top                 : 13px;
    text-indent         : -999999px;
}

#content #newsfeed #newsfeedList .added .actions .sendCloud .url,
#content #newsfeed #newsfeedList .added .actions .sendCloud .friend,
#content #newsfeed #newsfeedList .added .actions .sendCloud .email {
    width               : 308px;
    float               : left;
    display             : inline;
    margin              : 0 0 0 18px;
    padding-bottom      : 5px;
}

#content #newsfeed #newsfeedList .added .actions .sendCloud .url { margin-top: 17px; }
#content #newsfeed #newsfeedList .added .actions .sendCloud .friend { margin-top: 5px; }
#content #newsfeed #newsfeedList .added .actions .sendCloud .email { margin-top: 9px; border: 0 none; }

#content #newsfeed #newsfeedList .added .actions .sendCloud label {
    width               : 308px;
    float               : left;
    font-size           : 12px;
    padding-bottom      : 3px;
}

#content #newsfeed #newsfeedList .added .actions .sendCloud .text {
    width               : 240px;
    padding             : 1px 3px;
    border              : solid 1px #cecece;
    float               : left;
}

#content #newsfeed #newsfeedList .added .actions .sendCloud select {
    width               : 248px;
    padding             : 1px;
    border              : solid 1px #cecece;
    float               : left;
}

#content #newsfeed #newsfeedList .added .actions .sendCloud .submit {
    width               : 56px;
    height              : 26px;
    float               : left;
    border              : 0 none;
    background          : none;
    margin              : -2px -10px 0 2px;
    cursor              : pointer;
}

#content #newsfeed #newsfeedList .usersPopup {
    float               : left;
    position            : relative;
    z-index             : 999999;
    display             : none;
}

#content #newsfeed #newsfeedList .usersPopup .con {
    width               : 476px;
    position            : absolute;
    background          : url(/images/usersPopupBg.png) -952px 0 repeat-y;
    top                 : -100px;
    left                : 100px;
    z-index             : 999999;
    float               : left;
}

#content #newsfeed #newsfeedList .usersPopup ul {
    width               : 428px;
    height              : 331px;
    float               : left;
    margin              : 0 0 0 23px;
    display             : inline;
    overflow            : auto;
    position            : relative;
    z-index             : 99999;
}

#content #newsfeed #newsfeedList .usersPopup ul li {
    width               : 393px;
    padding             : 10px 0;
    float               : left;
    border-bottom       : solid 1px #ececec;
    margin              : 0;
}

#content #newsfeed #newsfeedList .usersPopup ul li img { float: left; }

#content #newsfeed #newsfeedList .usersPopup ul li .nick {
    float               : left;
    font-weight         : bold;
    margin              : 16px;
    line-height         : 12px;
}

#content #newsfeed #newsfeedList .usersPopup ul li .button span { padding-left: 10px; }
#content #newsfeed #newsfeedList .usersPopup ul li .button {
    float               : left;
    margin              : 10px 0 0 16px;
    clear               : none;
}

#content #newsfeed #newsfeedList .usersPopup .top {
    width               : 100% !important;
    height              : 21px !important;
    background          : url(/images/usersPopupBg.png) -476px 0 no-repeat !important;
    float               : left;
    margin              : -21px 0 0;
    position            : relative;
}

#content #newsfeed #newsfeedList .usersPopup .bottom {
    width               : 100% !important;
    height              : 50px !important;
    background          : url(/images/usersPopupBg.png) 0 0 no-repeat !important;
    float               : left;
    margin              : 17px 0 -50px;
    position            : relative;
}

#content #newsfeed #newsfeedList .usersPopup .close {
    width               : 81px;
    height              : 22px;
    float               : left;
    margin              : 25px 0 -122px 19px;
    text-indent         : -99999px;
    position            : relative;
    z-index             : 2;
}

#content #newsfeed #newsfeedList .added .comments {
    width               : 100%;
    float               : left;
    padding-bottom      : 25px;
}

#content #newsfeed #newsfeedList .added .comments .cHeader {
    float               : left;
    margin              : 10px 9px 0 0;
    padding             : 3px 7px 5px 6px;
    font-size           : 12px;
    background          : #ccccc9;
    line-height         : 16px;
    color               : #16238a;
    clear               : both;
}

#content #newsfeed #newsfeedList .added .comments .cHeader span { color: #000; }
#content #newsfeed #newsfeedList .added .comments .cHeader a { padding-left: 5px; }
#content #newsfeed #newsfeedList .added .comments .cHeader strong {
    padding-right       : 6px;
    border-right        : solid 1px #828282;
    color               : #000;
}

#content #newsfeed #newsfeedList .added .comments ul .avatar {
    width               : 20px;
    height              : 20px;
    float               : left;
    margin              : 0 8px 0 0;
    padding             : 0;
    overflow            : hidden;
}

#content #newsfeed #newsfeedList .added .comments ul p {
    width               : 520px;
    float               : left;
    font-size           : 12px;
    margin-top          : 2px;
}

#content #newsfeed #newsfeedList .added .comments ul .forFriends {
    width               : 502px;
    padding-left        : 18px;
    background          : url(/images/icons.gif) 0 -1606px no-repeat;
}

#content #newsfeed #newsfeedList .added .comments form {
    width               : 554px;
    float               : left;
    background          : url(/images/wallCommentsBg.gif) 0 0 no-repeat;
    margin              : 5px 0 0;
}

#content #newsfeed #newsfeedList .added .comments form fieldset {
    width               : 554px;
    float               : left;
    background          : url(/images/wallCommentsBg.gif) -1108px 0 repeat-y;
    margin-top          : 13px;
}

#content #newsfeed #newsfeedList .added .comments form .textarea {
    width               : 554px;
    float               : left;
    background          : url(/images/wallCommentsBg.gif) -554px bottom no-repeat;
    margin              : 13px 0 -4px;
    position            : relative;
    padding-bottom      : 6px;
}


#content #newsfeed #newsfeedList .added .comments form textarea {
    width               : 534px;
    float               : left;
    background          : none;
    display             : inline;
    margin              : -13px 0 0 8px;
    border              : 0 none;
    line-height         : 23px;
    position            : relative;
}

#content #newsfeed #newsfeedList .added .comments form .submit {
    width               : 113px;
    height              : 26px;
    float               : left;
    background          : url(/images/buttons.gif) -303px -230px no-repeat;
    display             : inline;
    margin              : 6px 0 -65px 438px;
    border              : 0 none;
    cursor              : pointer;
    position            : relative;
}

#content #newsfeed #newsfeedList .even .added .comments form .submit { background: url(/images/buttons.gif) -416px -230px no-repeat; }

#content #newsfeed #newsfeedList .secondLine .forFriends {
    padding-left        : 14px;
    background          : url(/images/icons.gif) 0 -1585px no-repeat;
}

#content #newsfeed #newsfeedList .gallery {
    width               : 559px;
    float               : left;
    clear               : both;
    display             : inline;
    margin              : 15px 0 0 5px;
    overflow            : hidden;
}

#content #newsfeed #newsfeedList .gallery li img { float: left; }
#content #newsfeed #newsfeedList .gallery li {
    width               : auto;
    clear               : none;
    float               : left;
    padding             : 2px;
    background          : #fff;
    border              : solid 1px #a8bdc7;
    display             : inline;
    margin              : 0 0 0 8px;
}

#content #newsfeed #newsfeedList .movie {
    float               : left;
    clear               : both;
    display             : inline;
    margin              : 10px 0 0 16px;
}

#content #newsfeed .newsPager {
    width               : 100%;
    float               : left;
}

#content #newsfeed .newsPager .button {
    float               : right !important;
    clear               : none !important;
    margin              : 10px 0 0 5px !important;
}

#content #newsfeed .usersList {
    width               : 602px;
    float               : left;
    margin              : 0 -20px -6px 19px;
    display             : inline;
}

#content #newsfeed .usersList li a {
    width               : 84px;
    float               : left;
    text-align          : center;
}

#content #newsfeed .usersList li {
    float               : left;
    padding             : 11px 2px 0 0;
    overflow            : hidden;
    position            : relative;
}

#content #newsfeed .usersList .clear {
    width               : 600px;
    height              : 1px;
    background          : #e9e9e9;
    overflow            : hidden;
    clear               : both;
    float               : left;
    display             : inline
    padding             : 0 !important;
    margin              : 6px 2px 0 0 !important;
}

#content #newsfeed .usersList img {
    width               : 78px;
    height              : 78px;
    padding             : 2px;
    border              : solid 1px #a3b9c4;
    background          : #fff;
    float               : left;
}

#content #newsfeed .usersList .data {
    width               : 84px;
    float               : left;
    clear               : both;
    margin-top          : 1px;
}

#content #newsfeed .usersList li .name {
    width               : 84px;
    text-align          : center;
    font-size           : 11px;
    font-weight         : normal;
    position            : relative;
    margin              : 0;
    color               : #026bd6;
    display             : inline;
    cursor              : pointer;
    clear               : both;
    overflow            : hidden;
    text-decoration     : none;
}

#content #newsfeed .usersList li .date {
    width               : 84px;
    clear               : both;
    color               : #6b6b6b;
    float               : left;
    text-align          : center;
    font-size           : 10px;
    font-weight         : normal;
}

#content #newsfeed .whiteBlock h2,
#content #newsfeed .blueBlock h2,
#content #newsfeed .colorBlock h2 { margin: 8px 0 0 17px; }
#content #newsfeed .whiteBlock .button,
#content #newsfeed .blueBlock .button,
#content #newsfeed .colorBlock .button {
    float               : right;
    clear               : none;
    margin              : 9px 17px 0 -14px;
}

#content #newsfeed .blueBlock .button { background-position: right -273px; }
#content #newsfeed .blueBlock .button span { background-position: left -273px; }

#content #newsfeed #newsList {
    width               : 600px;
    float               : left;
    display             : inline;
    margin              : -2px 0 -10px 22px;
    overflow            : hidden;
}

#content #newsfeed #newsList li {
    width               : 600px;
    float               : left;
    border-top          : solid 1px #e9e9e9;
    margin-top          : -1px;
    padding-bottom      : 4px;
    position            : relative;
}

#content #newsfeed #newsList .date {
    width               : 100%;
    background          : url(/images/icons.gif) 0 -243px no-repeat;
    color               : #9a9a9a;
    display             : inline;
    float               : left;
    font-size           : 12px;
    padding-left        : 19px;
    margin-top          : 7px;
}

#content #newsfeed #newsList p {
    width               : 100%;
    float               : left;
    font-size           : 12px;
    line-height         : 18px;
    padding             : 11px 0 5px;
}

#content #newsfeed #startActions {
    width               : 600px;
    float               : left;
    clear               : both;
    line-height         : 16px;
    font-size           : 16px;
    font-weight         : bold;
    display             : inline;
    margin              : 0 0 0 20px;
}

#content #newsfeed #startActions li {
    float               : left;
    padding-left        : 27px;
    white-space         : nowrap;
    clear               : both;
    background          : url(/images/icons.gif) no-repeat;
    margin-top          : 17px;
    position            : relative;
}

#content #newsfeed #startActions .act01 { background-position: 1px -829px; }
#content #newsfeed #startActions .act02 { background-position: 2px -1179px; }
#content #newsfeed #startActions .act03 { background-position: 3px -105px; }
#content #newsfeed #startActions .act04 { background-position: 0 -1205px; }
#content #newsfeed #startActions .act05 { background-position: 0 -848px; }
#content #newsfeed #startActions .act06 { background-position: 2px -1231px; }

#content #newsfeed #startActions li a { text-decoration: none; }
#content #newsfeed #startActions li a span { text-decoration: underline; }

#content #newsfeed .dontShow {
    float               : right;
    display             : inline;
    margin              : 10px 20px 0 0;
    font-size           : 14px;
}

#content #newsfeed .dontShow label {
    float               : left;
    white-space         : nowrap;
    margin              : 0 0 0 5px;
}

#content #newsfeed .dontShow input {
    width               : 15px;
    height              : 15px;
    float               : left;
    margin              : 1px 0 0;
}
/* ---------------------------------------- */




/* ---------------- Footer ---------------- */
#footer {
    height              : 45px;
    width               : 985px;
    overflow            : hidden;
    margin              : 0 auto 0;
    clear               : both;
    font-size           : 13px;
    color               : #6b6b6b;
    padding-top         : 20px;
}

#footer p {
    padding             : 15px 0;
    margin-right        : 5px;
    border-top          : solid 1px #e9e9e9;
}
/* ---------------------------------------- */




/* --------- jQuery autocomplete ---------- */
.ac_results {
  	padding             : 0px;
  	border              : 1px solid WindowFrame;
  	background-color    : Window;
  	overflow            : hidden;
}

.ac_results ul {
  	width               : 100%;
  	list-style          : outside none;
  	padding             : 0;
  	margin              : 0;
}

.ac_results iframe {
  	display             : none;
  	display/**/         : block;
  	position            : absolute;
  	top                 : 0;
  	left                : 0;
  	z-index             : -1;
  	width               : 3000px;
  	height              : 3000px;
}

.ac_results li {
  	margin              : 0px;
  	padding             : 2px 5px;
  	cursor              : pointer;
  	display             : block;
  	width               : 100%;
  	font                : menu;
  	font-size           : 12px;
  	overflow            : hidden;
  	text-align          : left;
}

.ac_loading {
    background          : Window url('./indicator.gif') right center no-repeat;
}

.ac_over {
  	background-color    : Highlight;
  	color               : HighlightText;
}
/* ---------------------------------------- */




/* --------------- Messages --------------- */
.messageBox .messageBoxContainer {
    width               : 577px;
    padding             : 3px 17px 17px;
    background          : #fff;
    float               : left;
    border              : solid 1px #e9e7e8;
    display             : inline;
    margin              : 9px 0 -4px 11px;
    position            : relative;
}

.messageBox .messageBoxContainer form {
    width               : 100%;
    float               : left;
}

.messageBox .messageBoxContainer label {
    width               : 570px;
    color               : #026BD6;
    float               : left;
    font-size           : 12px;
    font-weight         : bold;
    margin-top          : 11px;
}

.messageBox .messageBoxContainer .text {
    width               : 570px;
    float               : left;
    margin-top          : 3px;
    padding             : 3px;
}

.messageBox .messageBoxContainer textarea {
    width               : 570px;
    height              : 150px;
    float               : left;
    margin-top          : 3px;
    padding             : 3px;
}

.messageBox .messageBoxContainer .submit {
    width               : 85px;
    height              : 30px;
    background          : url(/images/buttons.gif) -85px -26px no-repeat;
    border              : 0 none;
    cursor              : pointer;
    float               : right;
    margin              : 12px 0 0 300px;
    display             : inline;
}

.messageBox .messageBoxContainer h3 {
    width               : 570px;
    color               : #026BD6;
    float               : left;
    font-size           : 12px;
    font-weight         : bold;
    margin-top          : 11px;
}

.messageBox .messageBoxContainer p {
    width               : 570px;
    float               : left;
    font-size           : 13px;
    margin-top          : 4px;
    line-height         : 18px;
}

.messageBox .messageBoxContainer .underline {
    width               : 100%;
    height              : 1px;
    float               : left;
    clear               : both;
    overflow            : hidden;
    background          : #efefef;
    margin              : 7px 0 -3px;
}

.messageBox .messageBoxContainer .button {
    clear               : none !important;
    margin              : 20px 7px 0 0 !important;
}

.messageBox .messageBoxContainer .topicType input {
    width               : 13px;
    height              : 13px;
    float               : left;
    margin              : 8px 5px 0 0;
}

.messageBox .messageBoxContainer .topicType .label {
    width               : auto;
    float               : left;
    clear               : none;
    font-weight         : normal;
    color               : #000;
    margin              : 5px 15px 0 0;
    cursor              : pointer;
}

.messageBox .msgPagination {
    width               : 190px;
    float               : left;
    display             : inline;
    margin              : 10px 0 0 438px;
}

.messageBox .msgPagination .button {
    clear               : none !important;
    margin              : 0 0 0 5px !important;
}

.messageBox .messageActions {
    float               : right;
    display             : inline;
    margin              : 5px 14px 0 0;
    position            : relative;
}

.messageBox .messageActions .button {
    clear               : none !important;
    margin              : 3px 0 2px 5px !important;
}

.messageBox .messageActions #usun_wiadomosc_button {
    width               : 54px;
    height              : 25px;
    clear               : none !important;
    margin              : 3px 0 2px 5px !important;
    background          : url(/images/buttons.gif) -259px 0 no-repeat;
    float               : left;
    cursor              : pointer;
    border              : none;
}

.messageBox .messageType {
    width               : 630px;
    float               : left;
    clear               : both;
    display             : inline;
    margin              : 20px 0 0 -1px;
}

.messageBox .messageType .button {
    clear               : none !important;
    margin              : 3px 0 2px 10px !important;
}


.messageBox .messageType .button:hover,
.messageBox .messageType .active { background-position: right -176px !important; }
.messageBox .messageType .button:hover span,
.messageBox .messageType .active span { background-position: left -176px !important; }

.messageBox .mark {
    width               : 100%;
    float               : left;
    font-size           : 12px;
}

.messageBox .mark * {
    float               : left;
    white-space         : nowrap;
}

.messageBox .mark .all {
    float               : left;
    text-decoration     : none;
    color               : #000;
}

.messageBox .mark .all span {
    float               : none;
    text-decoration     : underline;
    color               : #051485;
}

.messageBox .mark .all,
.messageBox .mark .none,
.messageBox .mark .unread,
.messageBox .mark .read { margin: 10px 0 0 18px; }
.messageBox .mark strong { margin: 10px 4px 0 16px; }

.messageBox .messagesList {
    width               : 613px;
    float               : left;
    display             : inline;
    margin              : 7px 0 0 13px;
    position            : relative;
}

.messageBox .messagesList th {
    height              : 36px;
    background          : url(/images/messagesBoxBg.gif) repeat-x;
    font-weight         : normal;
    font-size           : 14px;
    line-height         : 36px;
    text-align          : left;
}

.messageBox .messagesList thead .from span {
    width               : 133px;
    float               : left;
    background          : url(/images/messagesBoxBg.gif) 0 -36px no-repeat;
    padding-left        : 57px;
}

.messageBox .messagesList thead .subject span {
    width               : 267px;
    float               : left;
}

.messageBox .messagesList thead .date span {
    width               : 155px;
    float               : left;
    background          : url(/images/messagesBoxBg.gif) right -72px no-repeat;
}

.messageBox .messagesList thead .sortUp {
    width               : 12px;
    height              : 10px;
    float               : left;
    background          : url(/images/icons.gif) 0 -990px no-repeat;
    position            : absolute;
    top                 : 13px;
}

.messageBox .messagesList thead .sortDown {
    width               : 12px;
    height              : 10px;
    float               : left;
    background          : url(/images/icons.gif) -12px -990px no-repeat;
    position            : absolute;
    top                 : 13px;
}

.messageBox .messagesList thead .from .sortUp,
.messageBox .messagesList thead .from .sortDown { left: 40px; }
.messageBox .messagesList thead .subject .sortUp,
.messageBox .messagesList thead .subject .sortDown { left: 175px; }
.messageBox .messagesList thead .date .sortUp,
.messageBox .messagesList thead .date .sortDown { left: 441px; }

.messageBox .messagesList tbody  td {
    height              : 40px;
    background          : #fff;
    border-top          : solid 1px #e9e7e8;
    border-bottom       : solid 1px #e9e7e8;
    font-size           : 13px;
}

.messageBox .messagesList tbody  .even td {
    border-top          : solid 1px #fff;
    border-bottom       : solid 1px #fff;
    background          : #f1f1f0;
}

.messageBox .messagesList tbody .from { border-left: solid 1px #e9e7e8; }
.messageBox .messagesList tbody .date { border-right: solid 1px #e9e7e8; }

.messageBox .messagesList tbody .from input {
    width               : 14px;
    height              : 14px;
    float               : left;
    margin              : 1px 0 0 23px;
}

.messageBox .messagesList tbody .from span {
    float               : left;
    margin-left         : 20px;
}

.messageBox .messagesList tbody .nieprzeczytana { font-weight: bold; }

.messageBox .messagesList tbody .empty {
    width               : 593px;
    float               : left;
    text-align          : 10px;
    padding             : 10px;
    text-align          : center;
}

.messageBox .error_list { margin-left: 0 !important; }
.messageBox .error_list li { float: left; }
/* ---------------------------------------- */




/* -------------- Pagination -------------- */
.pagination {
    width               : 612px;
    float               : left;
    background          : url(/images/paginationBg.gif) -4884px 0 repeat-y;
    display             : inline;
    margin              : 8px 0 0 13px;
    position            : relative;
}

.pagination .top {
    width               : 612px !important;
    height              : 5px !important;
    float               : left !important;
    background          : url(/images/paginationBg.gif) -3660px top no-repeat !important;
    margin              : 0 !important;
}

.pagination .bottom {
    width               : 612px !important;
    height              : 5px !important;
    float               : left !important;
    background          : url(/images/paginationBg.gif) -4272px -7px no-repeat !important;
    margin              : 0 !important;
}

.pagination .paging {
    float               : right;
    margin              : 0 7px -1px 0;
    position            : relative;
    display             : inline;
}

.pagination p {
    float               : left;
    display             : inline;
    font-size           : 12px;
    margin              : 5px 10px 0 0;
}

.pagination ul {
    float               : right;
    position            : relative;
    display             : inline;
    margin              : 0 5px -2px 0;
}

.pagination ul li {
    float               : left;
    margin-left         : 3px;
    display             : inline;
    cursor              : pointer;
}

.pagination .paging a,
.pagination .paging strong {
    height              : 27px;
    line-height         : 27px;
    background          : url(/images/paginationItemBg.gif) left no-repeat;
    margin-bottom       : -2px;
    float               : left;
    margin-left         : 2px;
}

.pagination .paging em {
    height              : 27px;
    margin              : 0 7px;
    line-height         : 30px;
    overflow            : hidden;
    float               : left;
}

.pagination .paging a span,
.pagination .paging strong span {
    float               : left;
    padding             : 0 9px 0 4px;
    font-size           : 12px;
    text-decoration     : none;
    color               : #000;
    margin-left         : 5px;
    background          : url(/images/paginationItemBg.gif) right no-repeat;
}

.pagination .paging a span { cursor: pointer; }

.pagination .paging .button {
    height              : 25px;
    overflow            : hidden;
    margin              : 1px 0 -1px 2px !important;
    padding             : 0 10px 0 0 !important;
}

.pagination .paging .button span {
    color               : #051485;
    padding             : 0;
    margin              : 0;
}
/* ---------------------------------------- */




/* ------------- Friends list ------------- */
.searchFriends .stats {
    width               : 600px;
    float               : left;
    font-size           : 14px;
    color               : #828080;
    margin              : 8px 0 0 15px;
    display             : inline;
}

.searchFriends .head {
    clear               : both;
    font-size           : 14px;
    background          : #e0f5fd;
    padding             : 2px;
    margin              : 9px 0 0 14px;
    white-space         : nowrap;
    float               : left;
    display             : inline;
}

.searchFriends form {
    width               : 605px;
    float               : left;
    clear               : both;
    display             : inline;
    margin              : 20px 0 0 14px;
}

.searchFriends form * {
    float               : left;
    display             : inline;
}

.searchFriends form .sex label,
.searchFriends form .name label {
    color               : #026bd6;
    font-size           : 12px;
    font-weight         : bold;
}

.searchFriends form .name {
    clear               : both;
    display             : inline;
    float               : left;
    margin              : 10px 0 0 0;
}

.searchFriends form .name input {
    width               : 240px;
    clear               : both;
    float               : left;
    margin-top          : 3px;
    padding             : 3px;
}


.searchFriends form .sex select {
    width               : 168px;
    height              : 23px;
    clear               : both;
    padding             : 1px;
    margin-top          : 1px;
}

.searchFriends form .contactType {
    width               : 420px;
    margin-top          : 10px;
    font-size           : 12px;
}

.searchFriends form .contactType span {
    color               : #026bd6;
    font-weight         : bold;
    width               : 420px;
}

.searchFriends form .contactType input {
    width               : 13px;
    height              : 13px;
    margin-top          : 9px;
}

.searchFriends form .contactType label {
    margin              : 7px 15px 0 2px;
    cursor              : pointer;
}

.searchFriends form .sort {
    clear               : both;
    font-size           : 12px;
    float               : none;
}

.searchFriends form .sort span {
    width               : 100%;
    color               : #026bd6;
    font-weight         : bold;
    clear               : both;
    margin              : 20px 0 0 0;
}

.searchFriends form .sort input {
    width               : 13px;
    height              : 13px;
    margin-top          : 9px;
}

.searchFriends form .sort label {
    margin              : 7px 15px 0 5px;
    cursor              : pointer;
}

.searchFriends form .submit {
    width               : 85px;
    height              : 29px;
    background          : url(/images/buttons.gif) 0 -27px no-repeat;
    float               : left;
    border              : none;
    cursor              : pointer;
    margin              : 2px 0 0 5px;
}

.searchFriends form .school,
.searchFriends form .city {
    width               : 290px;
    overflow            : hidden;
}

.searchFriends form .school label,
.searchFriends form .city label {
    width               : 284px;
    color               : #026bd6;
    font-weight         : bold;
    clear               : both;
    margin              : 0 0 -2px 0;
    font-size           : 12px;
    position            : relative;
}

.searchFriends form .school .text,
.searchFriends form .city .text {
    width               : 275px;
    padding             : 3px;
    float               : left;
    clear               : both;
    margin              : 8px 0 0 0;
}

.searchFriends .schoolList { margin: 15px 0 9px 14px; }
.searchFriends form .city { width: 225px; }
.searchFriends form .city .text { width: 215px; }
.searchFriends .schoolList .submit { margin: 18px 0 0 5px; }

.searchFriends .findOnMap {
    width               : 499px;
    height              : 464px;
    float               : left;
    background          : url(/images/map.gif) no-repeat;
    display             : inline;
    margin              : 19px 0 0 73px;
}

.searchFriends .provinceMap {
    float               : left;
    margin              : 40px;
}

.searchFriends .provinceList {
    width               : 606px;
    background          : #fff;
    border-left         : solid 1px #f2eee7;
    border-right        : solid 1px #f2eee7;
    border-bottom       : solid 2px #f2eee7;
    overflow            : hidden;
    margin              : 21px 0 0 15px;
}

.searchFriends .provinceList li a { float: left; }
.searchFriends .provinceList li {
    width               : 147px;
    float               : left;
    border-top          : dashed 1px #d9d4d4;
    display             : inline;
    margin              : -1px 40px 0 15px;
    font-size           : 12px;
    padding             : 7px 0;
    overflow            : hidden;
}

.searchResult .pagination {
    width               : 612px;
    float               : left;
    background          : url(/images/paginationBg.gif) -4884px 0 repeat-y;
    display             : inline;
    margin              : 13px 0 0 11px;
}

.searchResult .pagination .top {
    width               : 612px !important;
    height              : 5px !important;
    float               : left !important;
    background          : url(/images/paginationBg.gif) -3660px top no-repeat !important;
    margin              : 0 !important;
}

.searchResult .pagination .bottom {
    width               : 612px !important;
    height              : 5px !important;
    float               : left !important;
    background          : url(/images/paginationBg.gif) -4272px -7px no-repeat !important;
    margin              : 0 !important;
}

.searchResult .pagination p {
    float               : left;
    display             : inline;
    font-size           : 12px;
    margin              : 5px 0 0 142px;
}

.searchResult .pagination ul {
    float               : right;
    position            : relative;
    display             : inline;
    margin              : 0 5px -2px 0;
}

.searchResult .pagination ul li {
    float               : left;
    margin-left         : 3px;
    display             : inline;
    cursor              : pointer;
}

.searchResult .pagination ul .item {
    height              : 27px;
    line-height         : 27px;
    background          : url(/images/paginationItemBg.gif) left no-repeat;
    margin-bottom       : -2px;
}

.searchResult .pagination ul .skip {
    height              : 27px;
    margin              : 0 7px;
    line-height         : 30px;
    overflow            : hidden;
}

.searchResult .pagination .count {
    font-size           : 12px;
    margin              : 5px 5px 0 0;
}

.searchResult .pagination ul .item a,
.searchResult .pagination ul .item strong {
    float               : left;
    padding             : 0 9px 0 4px;
    font-size           : 12px;
    text-decoration     : none;
    color               : #000;
    margin-left         : 5px;
    background          : url(/images/paginationItemBg.gif) right no-repeat;
}

.searchResult .pagination ul .button {
    height              : 25px;
    overflow            : hidden;
    margin              : 1px 0 -1px 0 !important;
}

.searchResult .usersList { margin: 17px -20px -14px 15px !important; }

.searchResult .usersList li { margin-bottom: 2px; }
.searchResult .usersList .data {
    width               : 90px;
    float               : left;
    clear               : both;
    text-align          : center;
}

.searchResult .usersList li .empty { font-size: 13px; }

.searchResult .usersList .data .nick:hover { text-decoration: underline; }
.searchResult .usersList .data .nick b { font-weight: normal; }
.searchResult .usersList .data .nick {
    display             : block;
    float               : none !important;
    font-size           : 12px;
    color               : #026bd6;
    text-decoration     : none;
}

.searchResult .usersList .data .edit {
    float               : left;
    margin              : 1px 0 0;
    text-decoration     : none;
    clear               : both;
}

.searchResult .usersList .data .friends {
    width               : 90px;
    float               : left;
    text-align          : center;
}

.searchResult .usersList .data .online,
.searchResult .usersList .data .offline {
    color               : #828080;
    margin              : 4px 0 0 14px;
    float               : left;
    clear               : both;
    padding-left        : 20px;
    display             : inline;
}

.searchResult .usersList .data .online { background: url(/images/icons02.gif) -85px -104px no-repeat; }
.searchResult .usersList .data .offline { background: url(/images/icons.gif) 5px -1074px no-repeat; }
/* ---------------------------------------- */




/* ------------ Search school ------------- */
.searchSchool .schoolList {
    width               : 600px;
    float               : left;
    display             : inline;
    font-weight         : bold;
    font-size           : 12px;
    overflow            : hidden;
    margin-left         : 15px;
    line-height         : 21px;
    clear               : both;
}

.searchSchool .schoolList ul {
    float               : left;
    width               : 100%;
    font-weight         : normal;
    margin-left         : 16px;
    clear               : both;
    display             : inline;
}

.searchSchool .schoolList a {
    float               : left;
    white-space         : nowrap;
    clear               : both;
}

.searchSchool .schoolList li {
    float               : left;
    white-space         : nowrap;
    clear               : both;
}

.searchSchool .schoolList a:hover {
    background          : #e0f5fd;
    text-decoration     : none;
}

.searchSchool .stats {
    width               : 600px;
    float               : left;
    font-size           : 14px;
    color               : #828080;
    margin              : 8px 0 0 15px;
    display             : inline;
}

.searchSchool .region {
    clear               : both;
    font-size           : 14px;
    background          : #e0f5fd;
    padding             : 2px;
    margin              : 9px 0 0 14px;
    white-space         : nowrap;
    float               : left;
    display             : inline;
}

.searchSchool h3 {
    width               : 600px;
    float               : left;
    font-size           : 12px;
    color               : #026bd6;
    font-weight         : bold;
    margin              : 15px 0 12px 14px;
    display             : inline;
}
/* ---------------------------------------- */




/* ------------ Invite friends ------------ */
.inviteForm {
    width               : 100%;
    float               : left;
    margin-top          : 10px;
}

.inviteForm label {
    width               : 70px;
    float               : left;
    clear               : both;
    display             : inline;
    margin              : 7px 10px 0 10px;
}

.inviteForm .text { clear: none !important; }
.inviteForm .submit {
    width               : 85px !important;
    height              : 30px !important;
    background-position : -85px -26px !important;
    clear               : both !important;
    margin              : 15px 0 0 90px !important;
}

.inviteForm textarea {
    width               : 500px;
    height              : 100px;
    float               : left;
    padding             : 3px;
}

.inviteForm p {
    clear               : both;
    margin-left         : 90px;
}

.inviteForm .error_list li {
    width               : 100%;
    float               : left;
}

.inviteForm .error_list {
    float               : left;
    clear               : both;
    display             : inline;
    color               : red;
    font-weight         : bold;
    margin              : 0 0 5px 56px;
}
/* ---------------------------------------- */




/* ---------------- CV view --------------- */
.cvView .cvWork,
.cvView .cvEdu {
    width               : 300px;
    float               : left;
    display             : inline;
}
.cvView .cvWork { margin: 2px 20px 0 1px; }
.cvView .cvEdu { margin: 2px -20px 0 1px; }

.cvView .cvItems {
    width               : 287px;
    float               : left;
    clear               : both;
    overflow            : hidden;
    margin              : 5px 0 0 13px;
    display             : inline;
}

.cvView .cvItems li {
    width               : 100%;
    padding             : 10px 0;
    border-top          : solid 1px #e9e9e9;
    margin-top          : -1px;
    float               : left;
}

.cvView .cvItems h4 {
    float               : left;
    padding-left        : 17px;
    font-size           : 14px;
    color               : #233191;
    background          : url(/images/markers.gif) -31px -114px no-repeat;
}

.cvView .cvItems .date {
    white-space         : nowrap;
    font-size           : 14px;
    color               : #757575;
    font-weight         : normal;
}

.cvView .cvItems .position {
    width               : 270px;
    float               : left;
    clear               : both;
    font-size           : 12px;
    color               : #000;
    margin              : 5px 0 0 17px;
}

.cvView .cvItems p {
    width               : 270px;
    float               : left;
    clear               : both;
    font-size           : 12px;
    margin              : 3px 0 0 17px;
    line-height         : 18px;
    display             : inline;
}

.cvView .cvItems .position strong,
.cvView .cvItems p strong { color: #1578b9; }

#cv {
    width               : 100%;
    display             : inline;
    float               : left;
    margin              : 2px 0 0 -10px;
    overflow            : hidden;
}

#cv .cvEdu,
#cv .cvJob,
#cv .cvLang,
#cv .cvSkills,
#cv .cvAttach {
    width               : 99%;
    float               : left;
    margin              : 8px 0 0 12px;
    display             : inline;
    padding-bottom      : 18px;
}

#cv h3 {
    float               : left;
    font-weight         : bold;
    background          : #e0f5fd;
    padding             : 4px 7px;
    color               : #00278c;
    font-size           : 14px;
    margin-bottom       : 6px;
}

#cv .date {
    float               : left;
    padding             : 5px 0 0 18px;
    font-size           : 14px;
}

#cv p {
    width               : 610px;
    float               : left;
    font-size           : 12px;
    padding-left        : 27px;
    background          : url(/images/markers.gif) -25px -112px no-repeat;
    margin-top          : 5px;
    line-height         : 18px;
}

#cv .profile strong {
    width               : 102px;
    float               : left;
    color               : #026bd6;
}

#cv .profile span {
    width               : 502px;
    float               : left;
}

#cv .desc strong {
    width               : 40px;
    float               : left;
    color               : #026bd6;
}

#cv .desc span {
    width               : 562px;
    float               : left;
}

#cv .underline {
    width               : 615px;
    height              : 1px;
    overflow            : hidden;
    background          : #e9e9e9;
    float               : left;
    margin              : 16px 0 14px 10px;
    display             : inline;
}

#cv .cvLang .profile strong {
    width               : 55px;
    float               : left;
    color               : #026bd6;
}

#cv .cvLang .profile span {
    width               : 450px;
    float               : left;
}

#cv .cvAttach .ico1 { background: url(/images/icons.gif) 4px -1485px no-repeat; }
#cv .cvAttach .ico2 { background: url(/images/icons.gif) 4px -1459px no-repeat; }
#cv .cvAttach .ico3 { background: url(/images/icons.gif) 4px -1511px no-repeat; }
#cv .cvAttach p { line-height: 18px; }
#cv .cvAttach p a { color: #5b68ad; }
#cv .cvAttach p strong { font-weight: normal; padding-left: 9px; }
#cv .cvAttach p span { border-right: solid 1px #e3e3e2; padding-right: 13px; }
/* ---------------------------------------- */




/* ---------------- Add CV ---------------- */
.addCV .cvType { width: 100%; }
.addCV .cvType label { width: 100%; }
.addCV .cvType .label {
    width               : auto;
    float               : left;
    font-weight         : normal !important;
    color               : #000 !important;
    margin              : 3px 10px 0 0;
    cursor              : pointer;
}

.addCV .cvType .radio {
    width               : 13px;
    height              : 13px;
    float               : left;
    margin              : 5px 5px 5px 0;
}

.addCV .startDate,
.addCV .endDate { width: 250px; }
.addCV .startDate label,
.addCV .endDate label { width: 250px; }
.addCV .startDate select,
.addCV .endDate select {
    width               : 78px !important;
    clear               : none !important;
    margin-right        : 3px;
    float               : none !important;
}

.addCV .today {
    width               : 80px;
    height              : 40px;
}

.addCV .today label { width: 80px; }
.addCV .today .label {
    width               : auto;
    float               : left;
    font-weight         : normal !important;
    color               : #000 !important;
    margin              : 8px 10px 0 0;
    cursor              : pointer;
}

.addCV .today input {
    width               : 13px;
    height              : 13px;
    float               : left;
    margin              : 9px 5px 7px 0 !important;
    padding             : 0 !important;
}

.addCV .cvName {
    width               : 295px;
    clear               : both;
}

.addCV .cvPosition {
    width               : 315px;
    float               : right !important;
}

.addCV .cvName .text,
.addCV .cvPosition .text { width: 275px; }

.addCV .cvDesc .text {
    width               : 570px;
    height              : 100px;
}

.addCV .cvDesc p {
    width               : 100%;
    clear               : both;
}

.addCV .button { margin: 10px -10px 0 10px !important; }

.addCV .button img {
    float               : left;
    position            : relative;
    margin              : 30px -182px -100px 150px;
}

.addCV .cvItems {
    width               : 607px;
    float               : left;
    display             : inline;
    margin              : 5px 0 0 13px;
    overflow            : hidden;
    padding-left        : 3px;
}

.addCV .cvItemsContainer {
    width               : 100%;
    float               : left;
    margin              : 20px 0 -25px;
}

.addCV .cvItems h4 {
    width               : 100%;
    float               : left;
    color               : #026bd6;
    font-size           : 12px;
    font-weight         : bold;
}

.addCV .cvItems .date {
    width               : 100%;
    float               : left;
    color               : #a9a9a9;
    font-size           : 11px;
}

.addCV .cvItems li {
    width               : 100%;
    float               : left;
    border-top          : solid 1px #eaeaea;
    padding             : 7px 0 20px 0;
    margin-top          : -1px;
}

.addCV .cvItems p {
    width               : 100%;
    float               : left;
    color               : #000;
    font-size           : 14px;
    margin-top          : 10px;
    position            : relative;
}

.addCV .button { margin: 10px 8px 0 13px !important; }

.addCV .cvItems .button {
    clear               : none !important;
    margin              : 10px 8px 0 -3px !important;
    position            : relative;
}

.addCV .submit {
    clear               : both;
    margin              : 20px 0 0 12px !important;
}

.addCV .cvLanguages,
.addCV .cvSkills,
.addCV .cvLanguageLvl,
.addCV .cvAttach,
.addCV .languageFiled {
    float               : left;
    display             : inline;
}

.addCV .languageFiled {
    width               : 615px;
    clear               : both;
    margin              : 13px 0 0 14px;
    padding-top         : 8px;
    border-top          : solid 1px #e9e9e9;
}

.addCV .languageFiled h3,
.addCV .cvSkills h3 { margin: 5px 0 0 0 !important; }

.addCV .cvLanguages {
    clear               : both;
    margin              : 12px 0 0 1px;
}

.addCV .cvLanguageLvl { margin: 12px 0 0 7px; }

.addCV .cvLanguageLvl select { width: 283px; }
.addCV .cvLanguages input { width: 280px; }
.addCV .cvLanguages .button,
.addCV .cvSkills .button { margin: 11px 8px 0 -2px !important; }
.addCV .cvSkills label {
    width               : 100%;
    margin              : 13px 0 0 1px;
}

.addCV .cvSkills {
    width               : 615px;
    clear               : both;
    margin              : 13px 0 0 14px;
    padding-top         : 8px;
    border-top          : solid 1px #e9e9e9;
}

.addCV .cvSkills input { width: 280px; }
.addCV .cvAttach {
    width               : 615px;
    clear               : both;
    margin              : 16px 0 0 14px;
    padding-top         : 8px;
    border-top          : solid 1px #e9e9e9;
}

.addCV .cvAttach h3 {
    padding-left        : 33px !important;
    background          : url(/images/icons.gif) #ffe400 10px -1386px no-repeat !important;
    margin              : 9px 0 0 0 !important;
}

.addCV .cvAttach label {
    width               : 100%;
    margin              : 13px 0 0 1px;
}

.addCV .cvAttach input {
    width               : 500px;
    margin              : 5px 0 0 1px;
    float               : left;
}

.addCV .cvAttach .upload {
    width               : 100%;
    float               : left;
}

.addCV .cvAttach #loading {
    width               : 32px;
    height              : 32px;
    background          : url(/images/loader.gif) no-repeat;
    float               : left;
    clear               : both;
    margin-top          : 15px;
    display             : none;
}

.addCV .cvAttach .upload h4 {
    width               : 100%;
    float               : left;
    color               : #026bd6;
    font-size           : 12px;
    font-weight         : bold;
    margin-top          : 10px;
}

.addCV .cvAttach .upload .row {
    clear               : both;
    white-space         : nowrap;
    float               : left;
    margin-top          : 10px;
    position            : relative;
}

.addCV .cvAttach .upload .row .del {
    float               : left;
    position            : absolute;
    right               : -40px;
}

.addCV .cvAttach .upload .row strong {
    float               : left;
    margin-right        : 4px;
}

.addCV .cvAttach .upload .row strong img {
    float               : left;
    margin              : -2px 4px 0 0;
}

.addCV .cvLanguages ul,
.addCV .cvSkills ul {
    width               : 100%;
    float               : left;
    clear               : both;
    font-size           : 12px;
    margin-top          : 10px;
    line-height         : 18px;
}

#cvAtachmentAdded {
    width               : 100%;
    float               : left;
    clear               : both;
    font-size           : 12px;
    margin-top          : 10px;
    line-height         : 18px;
    margin              : 0 -13px 0 13px;
    display             : inline;
}

#cvAtachmentAdded img { margin: 2px 3px -2px 0; }
/* ---------------------------------------- */




/* -------------- Add album --------------- */
.addAlbum .uploadPhotos { border: 0 none !important; }
.addAlbum form h3 { margin: 40px 0 -20px 13px !important; }

.addAlbum .uploadPhotos #uploadPhotos {
    margin-top          : 0 !important;
    margin-top          : -30px;
}

.addAlbum .input input { width: 330px !important; }

.addAlbum .photoDesc {
    float               : left;
    display             : inline;
    margin              : 10px 0 0 0;
    clear               : both;
}

.addAlbum .photoTitle {
    float               : left;
    clear               : both;
    margin-top          : 8px;
}

.addAlbum .photoTitle .text { width: 320px; }

.addAlbum .photoDesc textarea {
    width               : 320px;
    height              : 80px;
    float               : left;
    display             : inline;
    margin              : 3px 0 0 0;
    clear               : both;
    padding             : 3px;
}

.addAlbum .photoDesc p {
    width               : 100%;
    clear               : both;
}

.addAlbum .photo {
    float               : left;
    margin              : 5px 3px 0 0;
    background-repeat   : no-repeat;
    padding             : 1px;
    border              : solid 1px #eaeaea;
    background-color    : #fff;
    display             : none;
}

.addAlbum #uploadPhotos,
.addAlbum #uploadPhotos li {
    width               : 100%;
    float               : left;
}

.addAlbum .photoCommentType,
.addAlbum .albumType,
.addAlbum .groupType {
    width               : 100%;
    float               : left;
    margin-top          : 10px;
    display             : inline;
    border-bottom       : solid 1px #e9e9e9;
}

.addAlbum .albumType { margin-left: 13px; }
.addAlbum .photoCommentType {
    padding-bottom      : 10px;
    margin-bottom       : 10px;
}

.addAlbum .photoCommentType input,
.addAlbum .albumType input,
.addAlbum .groupType input {
    width               : 13px;
    height              : 13px;
    float               : left;
    margin              : 3px 5px 3px 0;
}

.addAlbum .photoCommentType label,
.addAlbum .albumType label,
.addAlbum .groupType label {
    font-weight         : normal !important;
    color               : #000 !important;
    clear               : none !important;
    float               : left !important;
    margin-top          : 1px;
    cursor              : pointer;
}

.addAlbum .photoCommentType label {
    clear               : both !important;
    margin              : -18px 0 0 18px;
}

.addAlbum .addAlbumForm {
    width               : 100%;
    float               : left;
    margin-top          : 15px;
}

.addAlbum .addAlbumForm h3 { margin: 0 300px 0 13px !important; }

.addAlbum .addAlbumForm select {
    width               : 300px;
    float               : left;
    margin              : 10px 300px 0 13px !important;
}

.addAlbum .line {
    width               : 600px;
    float               : left;
}

.addAlbum .addAlbumForm .newAlbum {
    float               : left;
    clear               : both;
    display             : inline;
    margin              : 10px 0 0 13px;
}

.addAlbum .addAlbumForm .newAlbum .text { width: 320px !important; }
.addAlbum .addAlbumForm .albumType input { clear: none; }
.addAlbum .addAlbumForm .groupType input { margin-left: 122px; }
.addAlbum .addAlbumForm .albumType label {
    clear               : none;
    margin-right        : 10px;
}

.addAlbum .addAlbumForm .button {
    margin-top          : 10px !important;
    clear               : none !important;
    margin-right        : -3px !important;
}

.addAlbum .submit,
.addAlbum .button { margin-left: 10px !important;}
.addAlbum #dodaj_zdjecie { position: relative; }
.addAlbum .error { display: none; }
/* ---------------------------------------- */




/* ------------- Error window ------------- */
#okienko .error_message,
#komunikat_0 .error_message {
    width               : 940px;
    height              : 53px;
    line-height         : 53px;
    float               : left;
    margin              : 10px 0 15px 0;
    color               : #ff0000;
    background          : url(/images/errorBg.png) 0 0 no-repeat;
    display             : inline;
    padding-left        : 50px;
}

#okienko .message,
#komunikat_0 .message {
    width               : 940px;
    height              : 53px;
    line-height         : 53px;
    float               : left;
    margin              : 10px 0 15px 0;
    color               : #129a0f;
    background          : url(/images/errorBg.png) 0 -53px no-repeat;
    display             : inline;
    padding-left        : 50px;
}

#okienko,
#komunikat_0 {
    float               : left;
    position            : relative;
    font-size           : 14px;
}
/* ---------------------------------------- */




/* ------------ Additional data ----------- */
.additionalData label {
    clear               : both;
    margin              : 10px 0 0 13px;
}

.additionalData textarea.text { height: 100px; }
.additionalData input.text,
.additionalData textarea.text {
    width               : 602px;
    margin              : 3px 0 0 13px;
    float               : left;
    clear               : both;
}

.additionalData h3 {
    background          : #e0f5fd;
    clear               : both;
    display             : inline;
    float               : left;
    font-size           : 16px;
    font-weight         : normal;
    margin              : 5px 0 -12px 11px;
    padding             : 3px 6px;
    white-space         : nowrap;
}

.additionalData .submit {
    float               : left;
    clear               : both;
}

.additionalData .counter {
    float               : left;
    white-space         : nowrap;
    margin              : 2px 0 0 13px;
    clear               : both;
}

.additionalData .pseudonym .text { width: 532px; }
.additionalData .pseudonym .button {
    clear               : none !important;
    margin-left         : 5px !important;
}

.additionalData .pseudonym .info {
    width               : 600px;
    float               : left;
    display             : inline;
    margin              : 0 0 0 13px;
}

.additionalData .nameDay label { width: 620px; }
.additionalData .nameDay select {
    margin              : 3px -8px 0 13px !important;
    clear               : none !important;
}

.additionalData .pseudonym ul {
    width               : 100%;
    float               : left;
    clear               : both;
    font-size           : 12px;
    line-height         : 20px;
    display             : inline;
    margin              : 4px 0 0 13px;
}

.additionalData .pseudonym ul li {
    width               : 100%;
    float               : left;
    list-style-type     : decimal;
    list-style-position : inside;
    position            : relative;
}

.additionalData .pseudonym ul .hidden { display: none; }

.additionalData .pseudonym ul li .remove span { color: #16238a; cursor: pointer; }
.additionalData .pseudonym ul li .remove {
    padding-left        : 26px;
    background          : url(/images/icons.gif) 14px -865px no-repeat;
    text-decoration     : none;
    color               : #000;
}
/* ---------------------------------------- */




/* ------------ Change avatar ------------- */
.changeAvatar .header { margin-bottom: 10px !important; }
.changeAvatar .actually {
    width               : 225px !important;
    height              : 225px !important;
    clear               : both;
    margin              : 0 0 0 13px;
    background          : #fff;
    padding             : 2px;
    border              : solid 1px #eaeaea;
    display             : block;
}

.changeAvatar #uploadPhotos {
    margin              : 10px 0 0 13px;
    display             : inline;
}

.changeAvatar #uploadPhotosForm {
    width               : 300px !important;
    height              : 100px;
    margin              : -240px 0 -300px 240px;
}

.changeAvatar #uploadPhotos .item,
.changeAvatar h3,
.changeAvatar #uploadPhotos #section_0,
.changeAvatar #uploadPhotosForm .hidden {
    width               : 1px !important;
    height              : 1px !important;
    display             : none !important;
    overflow            : hidden;
}

.changeAvatar #uploadPhotosForm li {
    float               : left;
    clear               : both;
}

.changeAvatar #uploadPhotos .input input { width: 230px !important; }

.changeAvatar p {
    width               : 200px;
    float               : left;
    clear               : both;
    display             : inline;
    margin              : 5px 0 0 13px;
    color               : #000;
    font-size           : 12px;
    overflow            : hidden;
}

.changeAvatar .buttons {
    width               : 100%;
    clear               : both;
    float               : left;
}

.changeAvatar .button span { display: none; }
.changeAvatar .button {
    width               : 65px !important;
    height              : 26px !important;
    background          : url(/images/buttons.gif) -425px 0 no-repeat !important;
    margin              : 10px 0 0 12px !important;
    padding             : 0 !important;
}

.changeAvatar .submit {
    width               : 74px !important;
    height              : 26px !important;
    background          : url(/images/buttons.gif) -490px 0 no-repeat !important;
    margin              : 10px 0 0 3px !important;
    padding             : 0 !important;
    clear               : none !important;
}

.changeAvatar .loader {
    width               : 225px !important;
    height              : 226px !important;
    background-color    : #fff !important;
    background-position : center !important;
    position            : relative;
    margin              : -41px 0 -300px -237px !important;
    float               : left;
    display             : inline;
    opacity             : 0.8;
    filter              : alpha(opacity=80);
}
/* ---------------------------------------- */




/* ----------- Privacy settings ----------- */
.privacyForm ul {
    width               : 600px;
    float               : left;
    display             : inline;
    margin              : 0 0 0 13px !important;
}

.privacyForm h3 { margin: 20px 0 10px 13px !important; }
.privacyForm h3 span { color: #717171; }

.privacyForm ul li {
    width               : 55%;
    float               : left;
    margin-top          : 5px;
    margin-right        : -7%;
    display             : inline;
}

.privacyForm ul input {
    width               : 13px;
    height              : 13px;
    float               : left;
    margin              : 2px 0 2px 2px;
}

.privacyForm ul label {
    font-weight         : normal !important;
    color               : #000 !important;
    margin-left         : 5px;
    cursor              : pointer;
}

.privacyForm h4 {
    width               : 100%;
    float               : left;
    font-size           : 14px;
    font-weight         : normal;
    margin              : 10px 0 5px 13px;
    display             : inline;
}

.privacyForm .submit {
    width               : 91px !important;
    height              : 29px !important;
    background          : url(/images/buttons.gif) -288px -26px no-repeat !important;
    margin              : 20px 0 -5px 13px !important;
}

.privacyForm textarea {
    width               : 400px;
    height              : 100px;
    float               : left;
    clear               : both;
}

.addFriend .textareaLabel {
    width               : 100% !important;
    color               : #026bd6 !important;
    float               : left !important;
    font-size           : 12px !important;
    font-weight         : bold !important;
    margin              : 5px 0 0 0 !important;
}

.addFriend .submit {
    width               : 161px !important;
    height              : 29px !important;
    background          : url(/images/buttons.gif) -379px -26px no-repeat !important;
}
/* ---------------------------------------- */




/* -------------- Error 404 --------------- */
.error404 { width: 638px !important; }
.error404 #logo {
    border              : 0 none !important;
    margin-top          : 15px;
}

.error404 #content {
    background          : none !important;
    padding             : 0 !important;
    margin              : 10px 0 0 !important;
    float               : left !important;
}

.error404 .desc {
    width               : 628px;
    float               : left;
    padding             : 197px 0 0 10px;
    background          : url(/images/404Bg.gif) 10px 30px no-repeat;
}

.error404 .desc p {
    width               : 100%;
    float               : left;
    font-size           : 12px;
    color               : #2c2c2c;
    padding-bottom      : 10px;
}

.error404 .desc a {
    clear               : both;
    font-weight         : bold;
    padding-left        : 10px;
    font-size           : 13px;
    background          : url(/images/markers.gif) 0 -156px no-repeat;
    text-decoration     : none;
}

.error404 #footer {
    width               : 100% !important;
    text-align          : center;
    color               : #838383;
}

.error404 #footer a { color: #838383; }
/* ---------------------------------------- */




/* --------- My class / my albums --------- */
.myClass .button {
    margin              : -28px 10px 0 522px !important;
    position            : relative;
}

.myAlbums .button {
    margin              : -28px 10px 0 435px !important;
    position            : relative;
}

.myClass #classList,
.myAlbums #classList {
    width               : 613px;
    float               : left;
    clear               : both;
    display             : inline;
    margin              : -3px 0 -20px 11px;
    overflow            : hidden;
    position            : relative;
}

.myClass #classList .empty,
.myAlbums #classList .empty {
    width               : 100%;
    float               : left;
    padding-bottom      : 15px;
    font-size           : 13px;
}

.myClass #classList li,
.myAlbums #classList li {
    width               : 613px;
    float               : left;
    border-top          : dashed 1px #dedede;
    margin-top          : -1px;
    padding-top         : 12px;
}

.myClass #classList h3 span,
.myAlbums #classList h3 span,
.myClass #classList h1 span,
.myAlbums #classList h1 span { color: #888; }
.myClass #classList h3,
.myAlbums #classList h3,
.myClass #classList h1,
.myAlbums #classList h1 {
    float               : left;
    font-size           : 16px;
    font-weight         : normal;
    border              : solid 1px #eae7e0;
    background          : #e0f5fd;
    padding             : 2px 6px 3px;
    margin              : 0 5px 8px 0;
}

.myClass #classList .classContent,
.myAlbums #classList .albumContent {
    width               : 100%;
    float               : left;
    margin              : 0 0 9px;
}

.myClass #classList .classContent li,
.myAlbums #classList .albumContent li {
    width               : auto;
    border              : 0 none;
}

.myClass #classList .classContent .avatar,
.myAlbums #classList .albumContent .avatar {
    width               : 75px;
    height              : 75px;
    float               : left;
    margin              : 0 11px 0 0;
}

.myAlbums #classList .albumContent .avatar {
    width               : 85px;
    height              : 85px;
    background          : #fff;
    padding             : 2px;
    border              : solid 1px #a7bcc6;
}

.myClass #classList .classContent .classData,
.myClass #classList .classContent .classActions,
.myAlbums #classList .albumContent .classData,
.myAlbums #classList .albumContent .photoActions {
    float               : left;
    overflow            : hidden;
    margin-top          : -7px;
}

.myAlbums #classList .albumContent .classData,
.myAlbums #classList .albumContent .photoActions { margin-top: 3px; }

.myClass #classList .classContent .classActions,
.myAlbums #classList .albumContent .photoActions { float: right; }

.myClass #classList .classContent .classData li,
.myClass #classList .classContent .classActions li,
.myAlbums #classList .albumContent .classData li,
.myAlbums #classList .albumContent .photoActions li {
    width               : 242px;
    float               : left;
    clear               : both;
    font-size           : 12px;
    font-weight         : bold;
    color               : #026bd6;
    border-top          : solid 1px #eaeaea;
    padding             : 7px 0;
}

.myAlbums #classList .classContent .classData li,
.myAlbums #classList .albumContent .photoActions li {
    border-bottom       : solid 1px #eaeaea;
    border-top          : 0 none;
}

.myClass #classList .classContent .classActions li a,
.myAlbums #classList .albumContent .photoActions li a { text-decoration: none; }
.myClass #classList .classContent .classActions li a:hover,
.myAlbums #classList .albumContent .photoActions li a:hover { text-decoration: underline; }
.myClass #classList .classContent .classActions li,
.myAlbums #classList .albumContent .photoActions li {
    width               : 126px;
    font-weight         : normal;
}

.myClass #classList .classContent .classData li strong span,
.myAlbums #classList .albumContent .classData li strong span { color: #888; }
.myClass #classList .classContent .classData li strong,
.myAlbums #classList .albumContent .classData li strong {
    font-weight         : normal;
    color               : #000;
}

.myAlbums #classList .albumActions {
    float               : left;
    overflow            : hidden;
    display             : inline;
    margin-left         : 15px;
}

.myAlbums #classList .albumActions a {
    float               : left;
    text-decoration     : none;
    margin              : 6px 10px 0 -1px;
    border-left         : solid 1px #f7d800;
    padding-left        : 10px;
}

.myAlbums #classList .albumSort {
    float               : left;
    display             : inline;
    margin              : 5px 0 10px;
}

.myAlbums #classList .albumSort span { font-size: 12px; }
.myAlbums #classList .albumSort a {
    text-decoration     : none;
    padding-right       : 18px;
    font-size           : 12px;
}

.myAlbums #classList .albumSort .asc { background: url(/images/icons.gif) right -1254px no-repeat; }
.myAlbums #classList .albumSort .desc { background: url(/images/icons.gif) right -1274px no-repeat; }

.myAlbums .usersList .data .count { padding: 3px 0; }
.myAlbums .usersList .data .count strong { color: #026bd6; }

.myAlbums .pagination,
.myClass .pagination { margin: 20px 0 -5px 13px !important; }

.myAlbums .empty {
    padding             : 27px 0 10px 13px;
    float               : left
}
/* ---------------------------------------- */




/* ------------- Photo comments ----------- */
.photoComments {
    width               : 100%;
    float               : left;
    display             : inline;
    margin              : 15px -13px 0 13px;
}

.photoComments label {
    width               : 100%;
    float               : left;
    font-size           : 12px;
    font-weight         : bold;
    color               : #026bd6;
}

.photoComments .text {
    width               : 602px;
    height              : 100px;
    clear               : both;
    float               : left;
    margin-top          : 3px;
    padding             : 3px;
}

.photoComments .counter {
    clear               : both;
    float               : left;
    margin              : 2px 0 0;
    white-space         : nowrap;
}

.photoComments .submit {
    width               : 66px;
    height              : 26px;
    background          : url(/images/buttons.gif) -193px 0 no-repeat;
    border              : 0 none;
    cursor              : pointer;
    float               : left;
    margin              : 2px 0 0 545px;
    position            : relative;
    clear               : both;
}

.forLogged {
    width               : 610px;
    float               : left;
    clear               : both;
    font-size           : 13px;
    margin              : 10px 0 -9px 13px;
    display             : inline;
    position            : relative;
}

.commentList {
    width               : 100%;
    float               : left;
    display             : inline;
    margin              : 15px -13px -10px 13px;
    overflow            : hidden;
    position            : relative;
    clear               : both;
}

.commentList li {
    width               : 610px;
    float               : left;
    padding             : 5px 0;
    margin-top          : -1px;
    border-top          : solid 1px #e9e9e9;
}

.commentList .nick {
    font-size           : 12px;
    font-weight         : bold;
    color               : #026bd6;
}

.commentList .date {
    font-size           : 11px;
    color               : #616161;
    margin              : 2px 0 0 5px;
    display             : inline;
}

.commentList p {
    width               : 100%;
    font-size           : 12px;
    margin              : 5px 0;
}

.commentList .remove {
    width               : 100px;
    display             : block;
}

.photos .button {
    clear               : none !important;
    margin-right        : -10px !important;
}
/* ---------------------------------------- */




/* ------------ Information box ----------- */
.informationBox {
    width               : 100%;
    float               : left;
    padding             : 20px 0;
    font-size           : 20px;
    text-align          : center;
}
/* ---------------------------------------- */




/* -------------- Topic view -------------- */
.topicView .topicNav {
    width               : 500px;
    float               : left;
    clear               : both;
    display             : inline;
    margin              : 10px 0 0 13px;
}

.topicView .subject {
    width               : 610px;
    float               : left;
    clear               : both;
    display             : inline;
    margin              : 10px 0 0 13px;
    font-size           : 24px;
}

.topicView .topicNav li {
    float               : left;
    display             : inline;
    margin-right        : 10px;
    font-size           : 14px;
}

.topicView .postList {
    width               : 610px;
    float               : left;
    clear               : both;
    display             : inline;
    margin              : 10px 0 0 13px;
}

.topicView .postList li {
    width               : 600px;
    float               : left;
    clear               : both;
    background          : #fcf9f5;
    margin              : 5px 0 0;
    padding             : 5px;
}

.topicView .postList li .author { float: left; }
.topicView .postList li .author img {
    width               : 75px;
    height              : 75px;
    float               : left;
    padding             : 1px;
    border              : solid 1px #d6d6d6;
    background          : #fff;
}

.topicView .postList li .author span {
    float               : left;
    clear               : both;
    width               : 79px;
    text-align          : center;
}

.topicView .postList li p {
    height              : auto !important;
    height              : 90px;
    min-height          : 90px;
    float               : left;
    width               : 510px;
    display             : inline;
    margin              : 5px 0 0 10px;
    font-size           : 14px;
}

.topicView .postList li .date,
.topicView .postList li .postAction {
    color               : #a1a1a1;
    float               : right;
    white-space         : nowrap;
    margin              : 10px 0 0 10px;
}

.topicView .postList li .postAction { color: #051485; }
/* ---------------------------------------- */




/* -------------- Site map ---------------- */
.siteMap {
    float               : left;
    clear               : both;
    display             : inline;
    margin              : 10px 0 0 13px;
    line-height         : 20px;
}

.siteMap li {
    width               : 100%;
    float               : left;
}
/* ---------------------------------------- */




/* ------------- Contact form ------------- */
.contactForm form { margin: 0 0 0 13px; }
.contactForm select { width: 400px; }
.contactForm label {
    width               : 350px;
    margin-top          : 10px;
}
.contactForm form .text { width: 390px; }
.contactForm form textarea { height: 100px; }
.contactForm .submit {
    margin              : 10px 0 0 0 !important;
    width               : 85px !important;
    height              : 30px !important;
    background-position : -85px -26px !important;
}
/* ---------------------------------------- */




/* ------------- About portal ------------- */
.aboutPortal h2,
.aboutPortal h3 {
    clear               : both;
    margin-top          : 4px !important;
}

.aboutPortal .faqItem {
    width               : 610px;
    float               : left;
    clear               : both;
    cursor              : pointer;
    margin              : 5px 0 5px 13px;
    font-size           : 14px;
}

.aboutPortal p {
    width               : 610px;
    float               : left;
    clear               : both;
    padding             : 8px 0 8px 13px;
    display             : inline;
    font-size           : 14px;
}
/* ---------------------------------------- */




/* ------------- Search page -------------- */
.searchPage h4 {
    float               : left;
    font-size           : 14px;
    color               : #828080;
    white-space         : nowrap;
    margin              : 8px 0 10px 13px;
    clear               : both;
    font-weight         : normal;
    display             : inline;
}

.searchPage .advancedSearch,
.searchFriends .advancedSearch {
    float               : left;
    clear               : both;
    white-space         : nowrap;
    margin              : 10px 0 0 13px;
    font-size           : 13px;
}

.searchFriends .advancedSearch {
    float               : right;
    margin              : -30px 13px 0 13px;
}

.searchFriends

.searchPage .schoolName,
.searchPage .schoolName label { width: 475px !important; }
.searchPage .city .text,
.searchPage .city .schoolName { width: 244px !important; }
.searchPage .province select { width: 190px !important; }
.searchPage .postalCode { width: 100% !important; }
.searchPage .postalCode label { width: 100%; }
.searchPage .postalCode .text { width: 72px !important; }
.searchPage .submit {
    width               : 85px !important;
    background          : url(/images/buttons.gif) 0 -27px no-repeat !important;
    margin-top          : 12px !important;
}

.searchPage .underline {
    width               : 610px;
    height              : 1px;
    overflow            : hidden;
    float               : left;
    display             : inline;
    margin              : 25px 0 5px 15px;
    background          : #eaeaea;
}
/* ---------------------------------------- */




/* ---------- Create msg popup ------------ */
#msgPopup {
    width               : 681px;
    float               : left;
    display             : none;
    position            : absolute;
    top                 : 111px;
    left                : 50%;
    margin-left         : -315px;
    background          : url(/images/msgPopupBg.png) -1362px 0 repeat-y;
    z-index             : 100;
    text-align          : left;
}

.msgPopupBottom { top: 1000px !important; }

#msgPopup .top {
    width               : 681px;
    height              : 16px;
    background          : url(/images/msgPopupBg.png) 0 0 no-repeat;
    float               : left;
    margin              : -16px 0 0;
    position            : relative;
}

#msgPopup .bottom {
    width               : 681px;
    height              : 16px;
    background          : url(/images/msgPopupBg.png) -681px 0 no-repeat;
    float               : left;
    margin              : 0 0 -16px;
    position            : relative;
}

#msgPopup .header { margin: 28px 0 0 51px; }

#msgPopup .close {
    float               : right;
    font-size           : 16px;
    padding-left        : 25px;
    line-height         : 22px;
    font-weight         : bold;
    background          : url(/images/icons.gif) 0 -1121px no-repeat;
    text-decoration     : none;
    margin              : 34px 52px 0 0;
}

#msgPopup form {
    width               : 578px;
    float               : left;
    display             : inline;
    margin              : 3px 0 0 52px;
    clear               : both;
    padding-bottom      : 33px;
}

#msgPopup form label {
    width               : 100%;
    color               : #026bd6;
    font-size           : 12px;
    font-weight         : bold;
    float               : left;
    margin-top          : 15px;
    line-height         : 12px;
}

#msgPopup form .text {
    width               : 569px;
    float               : left;
    font-size           : 12px;
    color               : #000;
    padding             : 4px 3px;
    margin-top          : 6px;
}

#msgPopup form .textarea {
    width               : 569px;
    height              : 79px;
    float               : left;
    font-size           : 12px;
    color               : #000;
    padding             : 4px 3px;
    margin-top          : 6px;
}

#msgPopup form .submit {
    width               : 85px;
    height              : 30px;
    background          : url(/images/buttons.gif) -85px -26px no-repeat;
    border              : 0 none;
    cursor              : pointer;
    float               : right;
    margin              : 9px 0 0 300px;
    display             : inline;
}

#msgPopup form .error {
    float               : left;
    clear               : both;
    margin-top          : 2px;
    color               : red;
    font-weight         : bold;
}
/* ---------------------------------------- */




/* ---------- Add friend pop-up ----------- */ 
#addFriendPopup {
    width               : 681px;
    float               : left;
    display             : none;
    position            : absolute;
    top                 : 111px;
    left                : 50%;
    margin-left         : -315px;
    background          : url(/images/msgPopupBg.png) -1362px 0 repeat-y;
    z-index             : 100;
    text-align          : left;
}

#addFriendPopup .top {
    width               : 681px;
    height              : 16px;
    background          : url(/images/msgPopupBg.png) 0 0 no-repeat;
    float               : left;
    margin              : -16px 0 0;
    position            : relative;
}

#addFriendPopup .bottom {
    width               : 681px;
    height              : 16px;
    background          : url(/images/msgPopupBg.png) -681px 0 no-repeat;
    float               : left;
    margin              : 0 0 -16px;
    position            : relative;
}

#addFriendPopup .header { margin: 28px 0 0 51px; }

#addFriendPopup .close {
    float               : right;
    font-size           : 16px;
    padding-left        : 25px;
    line-height         : 22px;
    font-weight         : bold;
    background          : url(/images/icons.gif) 0 -1121px no-repeat;
    text-decoration     : none;
    margin              : 34px 52px 0 0;
}

#addFriendPopup h3 {
    margin              : 20px 0 10px 0 !important;
    font-size           : 12px;
    font-weight         : bold;
    float               : left;
    white-space         : nowrap;
}

#addFriendPopup form {
    width               : 578px;
    float               : left;
    display             : inline;
    margin              : 3px 0 0 52px;
    clear               : both;
    padding-bottom      : 33px;
}

#addFriendPopup form label {
    width               : auto;
    font-size           : 12px;
    float               : left;
    margin              : 2px 0 0 5px;
    line-height         : 12px;
    color               : #000000;
    cursor              : pointer;
    font-weight         : normal;
}

#addFriendPopup form textarea {
    width               : 569px;
    height              : 79px;
    float               : left;
    font-size           : 12px;
    color               : #000;
    padding             : 4px 3px;
    margin-top          : 6px;
    clear               : both;
}

#addFriendPopup form ul {
    width               : 400px;
    display             : inline;
    float               : left;
    margin              : 0 !important;
    clear               : both;
}

#addFriendPopup form ul li {
    width               : 50%;
    display             : inline;
    float               : left;
    margin-right        : 0;
    margin-top          : 5px;
}

#addFriendPopup form .submit {
    height              : 29px !important;
    width               : 161px !important;
    background          : url(/images/buttons.gif) -379px -26px no-repeat !important;
    float               : left;
    border              : 0 none;
    cursor              : pointer;
    clear               : both;
    margin              : 10px 0 -5px 418px !important;
}
/* ---------------------------------------- */




/* -------------- Mini blog --------------- */
#miniBlogForm {
    width               : 643px;
    float               : left;
    padding             : 10px 0 5px;
    margin-right        : -10px;
    position            : relative;
}

#miniBlogForm form {
    width               : 643px;
    float               : left;
    background          : url(/images/miniBlogFormBg.png) -1286px 0 repeat-y;
}

#miniBlogForm form .top {
    width               : 643px;
    height              : 3px;
    float               : left;
    background          : url(/images/miniBlogFormBg.png) -643px 0 no-repeat;
    overflow            : hidden;
}

#miniBlogForm form .bottom {
    width               : 643px;
    height              : 5px;
    float               : left;
    background          : url(/images/miniBlogFormBg.png) 0 0 no-repeat;
    overflow            : hidden;
    margin-top          : 4px;
}

#miniBlogForm form .textField {
    width               : 522px;
    min-height          : 44px;
    height              : auto !important;
    height              : 44px;
    border              : solid 1px #cfd5c9;
    float               : left;
    display             : inline;
    background          : #fff;
    margin              : 9px 0 0 12px;
    overflow            : hidden;
    padding-left        : 7px;
}

#miniBlogForm form .textField .text {
    width               : 513px;
    margin              : 4px 0 0 0;
    padding             : 0 0 3px;
    border              : 0 none;
    background          : url(/images/miniBlogInputBg.gif) 0 0 repeat;
    color               : #737171;
    overflow            : visible;
    overflow-x          : hidden;
    font-size           : 12px;
    display             : block;
}

#miniBlogForm form .add {
    width               : 200px;
    float               : left;
    clear               : both;
    margin              : 4px 0 0 18px;
    display             : inline;
}

#miniBlogForm form .add strong {
    float               : left;
    color               : #737171;
    font-size           : 12px;
}

#miniBlogForm form .add ul {
    float               : left;
    display             : inline;
    margin              : -4px 0 0 1px;
    overflow            : hidden;
}

#miniBlogForm form .add ul li {
    width               : 16px;
    height              : 16px;
    float               : left;
    display             : inline;
    margin              : 5px 10px 0 -1px;
    border-left         : solid 1px #bee2f0;
    padding-left        : 10px;
}

#miniBlogForm form .add ul li a {
    width               : 16px;
    height              : 16px;
    float               : left;
}

#miniBlogForm form .add ul .bPhoto { background: url(/images/icons.gif) 10px -204px no-repeat; }
#miniBlogForm form .add ul .bVideo { background: url(/images/icons.gif) 10px -1341px no-repeat; }
#miniBlogForm form .add ul .bLink { background: url(/images/icons.gif) 10px -1319px no-repeat; }

#miniBlogForm form .privacy {
    width               : 134px;
    height              : 91px;
    float               : left;
    position            : relative;
    z-index             : 2;
    display             : inline;
    margin              : 36px -134px -91px -134px;
}

#miniBlogForm form .privacy .link {
    width               : 36px;
    height              : 17px;
    background          : url(/images/icons.gif) 0 -1539px no-repeat;
    text-indent         : -99999px;
    cursor              : pointer;
    top                 : 1px;
    right               : 57px;
    position            : absolute;
    
}

#miniBlogForm form .privacy .privacyOptions {
    width               : 134px;
    height              : 67px;
    background          : url(/images/mbPrivacyBg.png) 0 0 no-repeat;
    line-height         : 22px;
    padding             : 6px;
    font-size           : 12px;
    position            : absolute;
    top                 : 13px;
    right               : 51px;
    display             : none;
}

#miniBlogForm form .privacy .privacyOptions li { float: left; }
#miniBlogForm form .privacy .privacyOptions li a {
    width               : 119px;
    float               : left;
    padding             : 0 0 0 15px;
    text-decoration     : none;
}

#miniBlogForm form .privacy .privacyOptions li a:hover,
#miniBlogForm form .privacy .privacyOptions .active a {
    background          : url(/images/mbPrivacyBg.png) 0 -77px no-repeat;
    text-decoration     : none !important;
}

#miniBlogForm form .privacy .privacyOptions li input {
    width               : 100%;
    height              : 19px;
    display             : block;
    margin-top          : -19px;
}

#miniBlogForm form .addItem {
    width               : 85px;
    height              : 29px;
    border              : 0 none;
    background          : url(/images/buttons.gif) -540px -26px no-repeat;
    float               : left;
    margin              : 8px 9px 0 6px;
    cursor              : pointer;
}

#miniBlogForm form .addPhoto,
#miniBlogForm form .addMovie,
#miniBlogForm form .addLink {
    width               : 604px;
    float               : left;
    clear               : both;
    padding             : 8px 8px 3px;
    margin              : 8px 0 0 12px;
    background          : #fff;
    display             : inline;
    position            : relative;
    overflow            : hidden;
}

#miniBlogForm form .addPhoto h3,
#miniBlogForm form .addMovie h3,
#miniBlogForm form .addLink h3 {
    float               : left;
    padding-left        : 24px;
    background          : url(/images/icons.gif) 0 -204px no-repeat;
    font-weight         : normal;
    font-size           : 12px;
    padding-right       : 7px;
    margin              : 0 0 5px 0;
    display             : inline;
}

#miniBlogForm form .addMovie h3 { background-position: 0 -1341px; }
#miniBlogForm form .addLink h3 { background-position: 0 -1319px; }

#miniBlogForm form .addPhoto span,
#miniBlogForm form .addMovie span,
#miniBlogForm form .addLink span {
    width               : 515px;
    float               : left;
    white-space         : nowrap;
    font-size           : 12px;
    padding-left        : 7px;
    border-left         : solid 1px #cecece;
}

#miniBlogForm form .addPhoto .file {
    width               : 409px;
    display             : block;
    clear               : both;
    margin              : 4px -2px 0 -4px;
}

#miniBlogForm form .addPhoto .close,
#miniBlogForm form .addMovie .close,
#miniBlogForm form .addLink .close {
    width               : 18px;
    height              : 17px;
    background          : url(/images/icons.gif) 0 -1367px no-repeat;
    display             : block;
    position            : absolute;
    top                 : 3px;
    right               : 4px;
    text-indent         : -99999px;
    z-index             : 3;
}

#miniBlogForm form .addMovie .text,
#miniBlogForm form .addLink .text {
    width               : 304px;
    padding             : 2px;
    border              : solid 1px #cecece;
    float               : left;
    margin              : 1px 0 1px -5px;
    clear               : both;
}

#miniBlogForm form .addMovie .submit,
#miniBlogForm form .addLink .submit {
    width               : 61px;
    height              : 26px;
    border              : 0 none;
    background          : url(/images/buttons.gif) -564px 0 no-repeat;
    float               : left;
    margin              : -24px 0 0 308px;
    cursor              : pointer;
    clear               : both;
}

#miniBlogForm form .addPhoto .added,
#miniBlogForm form .addMovie .added,
#miniBlogForm form .addLink .added {
    width               : 610px;
    float               : left;
    border-top          : solid 1px #dedede;
    display             : inline;
    margin              : 0 0 2px -2px;
    padding-top         : 5px;
}

#miniBlogForm form .addPhoto .added img,
#miniBlogForm form .addLink .added img {
    width               : 75px;
    height              : 75px;
    float               : left;
    padding             : 2px;
    border              : solid 1px #b5c7d0;
}

#miniBlogForm form .addPhoto .added .data,
#miniBlogForm form .addLink .added .data {
    width               : 520px;
    float               : left;
    display             : inline;
    margin              : 0 0 0 7px;
    font-size           : 12px;
}

#miniBlogForm form .addMovie .added img {
    width               : 89px;
    height              : 67px;
    float               : left;
}

#miniBlogForm form .addMovie .added .data,
#miniBlogForm form .addLink .added .data {
    width               : 510px;
    float               : left;
    display             : inline;
    margin              : 0 0 0 7px;
    font-size           : 12px;
}

#miniBlogForm form .addMovie .added .data strong,
#miniBlogForm form .addPhoto .added .data strong,
#miniBlogForm form .addLink .added .data strong {
    width               : 100%;
    float               : left;
    padding             : 2px 0 3px;
}

#miniBlogForm form .addPhoto .added .data .link,
#miniBlogForm form .addMovie .added .data .link,
#miniBlogForm form .addLink .added .data .link {
    float               : left;
    white-space         : nowrap;
    clear               : both;
}

#miniBlogForm form .addMovie .added .data p,
#miniBlogForm form .addLink .added .data p {
    width               : 100%;
    float               : left;
    line-height         : 18px;
}

#miniBlogForm form .addMovie .added .videoThumb { float: left; }
#miniBlogForm form .addMovie .added .videoThumb .playButton {
    width               : 35px;
    height              : 35px;
    background          : url(/images/playButton.png) no-repeat;
    border-left         : 0 none;
    padding-left        : 0;
    clear               : both;
    margin              : -50px 0 0 28px;
    text-indent         : -99999px;
    cursor              : pointer;
}

#miniBlogForm form .addLink .added .data .thumb {
    width               : 100%;
    float               : left;
    font-size           : 11px;
    padding             : 5px 0 2px;
}

#miniBlogForm form .addLink .added .data .thumb .prev,
#miniBlogForm form .addLink .added .data .thumb .next {
    width               : 13px;
    height              : 22px;
    float               : left;
    margin-right        : 5px;
    background          : url(/images/icons.gif) no-repeat;
    text-indent         : -99999px;
}

#miniBlogForm form .addLink .added .data .thumb .prev { background-position: 0 -1556px; }
#miniBlogForm form .addLink .added .data .thumb .next { background-position: -13px -1556px; }

#miniBlogForm form .addLink .added .data .thumb p {
    width               : auto;
    float               : left;
    line-height         : 18px;
    padding             : 2px 10px 0 2px;
    border-right        : solid 1px #cececd;
    white-space         : nowrap;
    margin-right        : 10px;
    display             : inline;
}

#miniBlogForm form .addLink .added .data .thumb .checkbox {
    width               : 13px;
    height              : 13px;
    float               : left;
    margin              : 5px 0 0 0;
}

#miniBlogForm form .addLink .added .data .thumb label {
    float               : left;
    margin              : 4px 0 0 5px;
    cursor              : pointer;
    white-space         : nowrap;
}
/* ---------------------------------------- */




/* ------------- Change desc -------------- */
#leftColumn .changeDesc .desc {
    width               : 230px;
    float               : left;
    padding             : 2px;
    border              : solid 1px #cdcbcb;
    margin              : 9px 0 0 17px;
}

#leftColumn .changeDesc .submit {
    width               : 61px;
    height              : 25px;
    float               : left;
    border              : 0 none;
    background          : url(/images/buttons.gif) -529px -230px no-repeat;
    clear               : both;
    margin              : -23px 0 0 255px;
    cursor              : pointer;
}
/* ---------------------------------------- */




/* ------------- Map markers -------------- */
#markerBig01,
#markerBig02,
#markerBig03 {
    width               : 310px !important;
    height              : auto !important;
    float               : left;
    position            : absolute;
    margin              : -20px 0 0 15px !important;
    display             : inline !important;
}

#markerBig01 #markerBig01_tl,
#markerBig02 #markerBig02_tl,
#markerBig03 #markerBig03_tl {
    width               : 17px !important;
    height              : 27px !important;
    background          : url(/images/mapMarkersBg01.png) no-repeat !important;
    margin              : -27px 0 0 0 !important;
    float               : left !important;
    display             : inline !important;
    position            : relative !important;
    top                 : auto !important;
    bottom              : auto !important;
    left                : auto !important;
    right               : auto !important;
}

#markerBig01 #markerBig01_t,
#markerBig02 #markerBig02_t,
#markerBig03 #markerBig03_t {
    width               : 261px !important;
    height              : 27px !important;
    background          : url(/images/mapMarkersBg04.png) repeat-x !important;
    margin              : -27px 32px 0 0 !important;
    float               : right !important;
    display             : inline !important;
    position            : relative !important;
    top                 : auto !important;
    bottom              : auto !important;
    left                : auto !important;
    right               : auto !important;
}

#markerBig01 #markerBig01_tr,
#markerBig02 #markerBig02_tr,
#markerBig03 #markerBig03_tr {
    width               : 32px !important;
    height              : 27px !important;
    background          : url(/images/mapMarkersBg01.png) no-repeat !important;
    margin              : -27px 0 0 0 !important;
    float               : right !important;
    display             : inline !important;
    position            : relative !important;
    top                 : auto !important;
    bottom              : auto !important;
    left                : auto !important;
    right               : auto !important;
}

#markerBig01 #markerBig01_bl,
#markerBig02 #markerBig02_bl,
#markerBig03 #markerBig03_bl {
    width               : 132px !important;
    height              : 27px !important;
    background          : url(/images/mapMarkersBg01.png) no-repeat;
    position            : absolute;
    top                 : auto !important;
    bottom              : -27px !important;
    left                : 0 !important;
    right               : auto !important;
}

#markerBig01 #markerBig01_br,
#markerBig02 #markerBig02_br,
#markerBig03 #markerBig03_br {
    width               : 32px !important;
    height              : 27px !important;
    background          : url(/images/mapMarkersBg01.png) no-repeat;
    position            : absolute;
    bottom              : -27px !important;
    right               : 0 !important;
    left                : auto !important;
    top                 : auto !important;
}

#markerBig01 #markerBig01_beak,
#markerBig02 #markerBig02_beak,
#markerBig03 #markerBig03_beak {
    width               : 92px !important;
    height              : 63px !important;
    background          : url(/images/mapMarkersBg01.png) no-repeat;
    position            : absolute;
    bottom              : -63px !important;
    left                : 132px !important;
    top                 : auto !important;
    right               : auto !important;
}

#markerBig01 #markerBig01_b,
#markerBig02 #markerBig02_b,
#markerBig03 #markerBig03_b {
    width               : 54px !important;
    height              : 27px !important;
    background          : url(/images/mapMarkersBg04.png) repeat-x;
    position            : absolute;
    top                 : auto !important;
    right               : auto !important;
    left                : 224px !important;
    bottom              : -27px !important;
}

#markerBig01 #markerBig01_contents,
#markerBig02 #markerBig02_contents,
#markerBig03 #markerBig03_contents {
    width               : 263px !important;
    height              : auto !important;
    background          : url(/images/mapMarkersBg01.png) repeat-y;
    position            : relative !important;
    padding             : 0 25px 0 20px;
    float               : left;
    top                 : auto !important;
}

#markerBig01 #markerBig01_close,
#markerBig02 #markerBig02_close,
#markerBig03 #markerBig03_close {
    width               : 14px !important;
    height              : 14px !important;
    background          : url(/images/icons.gif) 0 -1010px no-repeat;
    position            : absolute !important;
    right               : 33px !important;
    top                 : -12px !important;
    left                : auto !important;
    cursor              : pointer;
}

#markerBig01 #markerBig01_contents { background-position: -310px 0 !important; }
#markerBig01 #markerBig01_tl { background-position: -620px 0 !important; }
#markerBig01 #markerBig01_tr { background-position: -898px 0 !important; }
#markerBig01 #markerBig01_bl { background-position: 0 0 !important; }
#markerBig01 #markerBig01_br { background-position: -278px 0 !important; }
#markerBig01 #markerBig01_t { background-position: 0 -54px !important; }
#markerBig01 #markerBig01_b { background-position: 0 -81px !important; }
#markerBig01 #markerBig01_beak { background-position: -129px 0 !important; }

#markerBig02 #markerBig02_contents { background-position: -1240px 0 !important; }
#markerBig02 #markerBig02_tl { background-position: -1550px 0 !important; }
#markerBig02 #markerBig02_tr { background-position: -1828px 0 !important; }
#markerBig02 #markerBig02_bl { background-position: -930px 0 !important; }
#markerBig02 #markerBig02_br { background-position: -1208px 0 !important; }
#markerBig02 #markerBig02_t { background-position: 0 0 !important; }
#markerBig02 #markerBig02_b { background-position: 0 -27px !important; }
#markerBig02 #markerBig02_beak { background-position: -1061px 0 !important; }

#markerBig03 #markerBig03_contents { background-position: -2170px 0 !important; }
#markerBig03 #markerBig03_tl { background-position: -2480px 0 !important; }
#markerBig03 #markerBig03_tr { background-position: -2758px 0 !important; }
#markerBig03 #markerBig03_bl { background-position: -1860px 0 !important; }
#markerBig03 #markerBig03_br { background-position: -2138px 0 !important; }
#markerBig03 #markerBig03_t { background-position: 0 -108px !important; }
#markerBig03 #markerBig03_b { background-position: 0 -135px !important; }
#markerBig03 #markerBig03_beak { background-position: -1989px 0 !important; }

#markerBig01 .markerBigBody,
#markerBig02 .markerBigBody,
#markerBig03 .markerBigBody {
    width               : 263px;
    float               : left;
}

#markerBig01 .avatar,
#markerBig02 .avatar,
#markerBig03 .avatar {
    padding             : 2px;
    border              : solid 1px #a3b9c4;
    margin              : -8px 0 0 0;
    overflow            : hidden;
    float               : left;
    display             : block;
    clear               : both;
    position            : relative;
}

#markerBig01 .avatar img,
#markerBig02 .avatar img,
#markerBig03 .avatar img {
    width               : 57px !important;
    height              : 57px !important;
    float               : left;
}

#markerBig01 .data,
#markerBig02 .data,
#markerBig03 .data {
    width               : 193px;
    float               : right;
    display             : inline;
    margin              : -8px 0 0 7px;
    position            : relative;
    overflow            : hidden;
}

#markerBig01 .data a,
#markerBig02 .data a,
#markerBig03 .data a {
    font-size           : 14px;
    text-decoration     : none;
    float               : left;
}

#markerBig01 .data .adress,
#markerBig02 .data .adress,
#markerBig03 .data .adress {
    width               : 92%;
    float               : left;
    clear               : both;
    background          : url(/images/icons02.gif) -140px -52px no-repeat;
    padding             : 3px 0 0 14px;
    font-size           : 12px;
}

#markerBig01 .data .online,
#markerBig01 .data .offline,
#markerBig02 .data .online,
#markerBig02 .data .offline,
#markerBig03 .data .online,
#markerBig03 .data .offline {
    float               : left;
    clear               : both;
    color               : #828080;
    font-size           : 12px;
    padding-left        : 14px;
    background          : url(/images/icons02.gif) -89px -103px no-repeat;
}

#markerBig01 .data .offline,
#markerBig02 .data .offline,
#markerBig03 .data .offline { background: url(/images/icons02.gif) -64px -131px no-repeat; }

#markerBig01 .actions,
#markerBig02 .actions,
#markerBig03 .actions {
    width               : 260px;
    padding             : 7px 0 3px 2px;
    color               : #e1dede;
    position            : relative;
    float               : left;
}

#markerBig01 .actions .addToFriends,
#markerBig02 .actions .addToFriends,
#markerBig03 .actions .addToFriends {
    padding             : 0 3px 3px 18px;
    background          : url(/images/icons.gif) 0 -905px no-repeat;
    line-height         : 20px;
}

#markerBig01 .actions .sendMessage,
#markerBig02 .actions .sendMessage,
#markerBig03 .actions .sendMessage {
    padding             : 0 3px 3px 21px;
    background          : url(/images/icons.gif) 3px -926px no-repeat;
}

#markerBig01 .actions .joinWork,
#markerBig02 .actions .joinWork,
#markerBig03 .actions .joinWork {
    padding             : 0 3px 3px 21px;
    background          : url(/images/icons.gif) 3px -949px no-repeat;
}

#markerBig01 .actions .joinGroup,
#markerBig02 .actions .joinGroup,
#markerBig03 .actions .joinGroup {
    padding             : 0 3px 3px 21px;
    background          : url(/images/icons.gif) 3px -967px no-repeat;
}

#markerBig02 .actions .sendMessage,
#markerBig02 .actions .joinWork { display: inline-block; }

#markerBig01 .tabs_header,
#markerBig02 .tabs_header,
#markerBig03 .tabs_header {
    border-right        : solid 1px;
    position            : relative;
    margin              : -41px 0 -41px -5px;
    float               : left;
    display             : inline;
}

#markerBig01 .tabs_header .tab,
#markerBig02 .tabs_header .tab,
#markerBig03 .tabs_header .tab,
#markerBig01 .tabs_header #tab_pagination,
#markerBig01 .tabs_header #tab_pagination0,
#markerBig01 .tabs_header #tab_pagination1,
#markerBig01 .tabs_header #tab_pagination2,
#markerBig01 .tabs_header .tab_pagination,
#markerBig02 .tabs_header #tab_pagination,
#markerBig02 .tabs_header #tab_pagination0,
#markerBig02 .tabs_header #tab_pagination1,
#markerBig02 .tabs_header #tab_pagination2,
#markerBig02 .tabs_header .tab_pagination,
#markerBig03 .tabs_header #tab_pagination,
#markerBig03 .tabs_header #tab_pagination0,
#markerBig03 .tabs_header #tab_pagination1,
#markerBig03 .tabs_header #tab_pagination2,
#markerBig03 .tabs_header .tab_pagination {
    width               : 50px;
    height              : 13px;
    float               : left;
    border-top          : solid 1px;
    border-left         : solid 1px;
    padding             : 4px 5px;
    background          : #fff;
    cursor              : pointer;
    position            : relative;
    overflow            : hidden;
    text-align          : center;
}

#markerBig01 .tabs_header #tab_pagination,
#markerBig01 .tabs_header #tab_pagination0,
#markerBig01 .tabs_header #tab_pagination1,
#markerBig01 .tabs_header #tab_pagination2,
#markerBig01 .tabs_header .tab_pagination,
#markerBig02 .tabs_header #tab_pagination,
#markerBig02 .tabs_header #tab_pagination0,
#markerBig02 .tabs_header #tab_pagination1,
#markerBig02 .tabs_header #tab_pagination2,
#markerBig02 .tabs_header .tab_pagination,
#markerBig03 .tabs_header #tab_pagination,
#markerBig03 .tabs_header #tab_pagination0,
#markerBig03 .tabs_header #tab_pagination1,
#markerBig03 .tabs_header #tab_pagination2,
#markerBig03 .tabs_header .tab_pagination { width: 20px !important; }

#markerBig01 .tabs_header .tab:hover,
#markerBig02 .tabs_header .tab:hover,
#markerBig03 .tabs_header .tab:hover { background: #d0e9f4; }

#markerBig01 .tabs_header .tab,
#markerBig01 .tabs_header,
#markerBig01 .tabs_header #tab_pagination,
#markerBig01 .tabs_header #tab_pagination0,
#markerBig01 .tabs_header #tab_pagination1,
#markerBig01 .tabs_header #tab_pagination2,
#markerBig01 .tabs_header .tab_pagination { border-color: #dec600; }
#markerBig02 .tabs_header .tab,
#markerBig02 .tabs_header,
#markerBig02 .tabs_header #tab_pagination,
#markerBig02 .tabs_header #tab_pagination0,
#markerBig02 .tabs_header #tab_pagination1,
#markerBig02 .tabs_header #tab_pagination2,
#markerBig02 .tabs_header .tab_pagination { border-color: #58a1e0; }
#markerBig03 .tabs_header .tab,
#markerBig03 .tabs_header,
#markerBig03 .tabs_header #tab_pagination,
#markerBig03 .tabs_header #tab_pagination0,
#markerBig03 .tabs_header #tab_pagination1,
#markerBig03 .tabs_header #tab_pagination2,
#markerBig03 .tabs_header .tab_pagination { border-color: #e2542f; }

#markerBig01 .tabs_header p,
#markerBig02 .tabs_header p,
#markerBig03 .tabs_header {
    width               : 100%;
    overflow            : hidden;
    float               : left;
}

#markerMedium01,
#markerMedium02,
#markerMedium03 {
    width               : 68px;
    height              : 108px;
    background          : url(/images/mapMarkersBg02.png) 0 0 no-repeat;
    position            : absolute;
}

#markerMedium02 { background-position: -68px 0; }
#markerMedium03 { background-position: -136px 0; }

#markerMedium01 .avatar,
#markerMedium02 .avatar,
#markerMedium03 .avatar {
    width               : 50px;
    height              : 50px;
    float               : left;
    margin              : 9px 9px 0;
}

#markerMedium01 .nick,
#markerMedium02 .nick,
#markerMedium03 .nick {
    width               : 50px;
    float               : left;
    margin              : 3px 9px;
    overflow            : hidden;
    text-decoration     : none;
}

#markerSmall01,
#markerSmall02,
#markerSmall03 {
    width               : 64px !important;
    height              : 65px !important;
    background          : url(/images/mapMarkersBg03.png) 0 0 no-repeat !important;
    position            : absolute;
    margin-top          : -30px !important;
}

#markerSmall02 { background-position: -64px 0 !important; }
#markerSmall03 { background-position: -128px 0 !important; }

#markerSmall01 #markerSmall01_contents div,
#markerSmall02 #markerSmall02_contents div,
#markerSmall03 #markerSmall03_contents div {
    width               : 100%;
    padding             : 10px 0;
    float               : left;
    text-align          : center;
    font-size           : 19px;
    color               : #16238a;
    text-decoration     : none;
}

#markerSmall01 #markerSmall01_close,
#markerSmall02 #markerSmall02_close,
#markerSmall03 #markerSmall03_close {
    width               : 9px !important;
    height              : 9px !important;
    background          : url(/images/icons.gif) 0 -1033px no-repeat;
    position            : absolute !important;
    right               : 4px !important;
    top                 : 4px !important;
    left                : auto !important;
    cursor              : pointer;
}


#markerBig01_r, #markerBig01_l,
#markerSmall01_r, #markerSmall01_l, #markerSmall01_b,
#markerBig03_r, #markerBig03_l,
#markerSmall03_r, #markerSmall03_l, #markerSmall03_b,
#markerBig02_r, #markerBig02_l,
#markerSmall02_r, #markerSmall02_l, #markerSmall02_b {
    width               : 0px !important;
    height              : 0px !important;
    display             : none !important;
}
/* ---------------------------------------- */