@import url(navigation.css);
body, html {
    behavior:url("css/csshover.htc");
    margin: 0 0 0 0;
    text-align: left;
    font-family: "Arial";
    font-size: 12px;
    line-height: 150%;
    background-repeat: repeat-x;
    background-color: #860000;
    color: #333;
    height: 100%;
}

p{
    font-family: "Arial";
    font-size: 12px;
    margin:0;
    padding:0;
}

.centre {
    position: relative;
    width: 940px;
    margin-left:-470px;
    left:50%;
    height: auto;
    z-index:1;
}

#header {
    position: relative;
    width: 100%;
    height: 198px;
    z-index:1;
    background-image: url('../images/header.jpg');
}

#top_loader{
    position: relative;
    right: 0px;
    top: 0px;
    color: #caa39e;
    line-height: 50%;
    float: left;
}

#chatInfo{
    position: absolute;
    width: 415px;
    top:4px;
    text-align: right;
    right: 1px;
    color: #caa39e;
    font-size: 11px;
}

#chatInfo img{
    vertical-align: middle;
}

.loader{
    position: relative;
    width: 78px;
    height: 17px;
    background: url(../images/top_loader.gif) no-repeat 0px 0px;
    float: left;
}

.textual{
    position: relative;
    width: auto;
    top:0px;
    text-align: right;
    margin-right: 10px;
    color: #caa39e;
    float: left;
}

.textual a:link, .textual a:visited, .textual a:active{
    color: #de786b;
    font-weight:bold;
    text-decoration: underline;
}

.textual a:hover{
    color: #fff;
}

#logocontainer{
    position: relative;
    width: 349px;
    height: 132px;
    float: left;
}

#logincontainer{
    position: relative;
    width: 548px;
    height: 80px;
    top: 24px;
    left: 42px;
    background-color: #950000;
    border: 1px solid #a90000;
    background-repeat:no-repeat;
    background-position: 0px 10px;
    float: left;
    line-height: 125%;
}

#logincontainer #loginError{
    position: absolute;
    top: 5px;
    left: 180px;
    color: #caa39e;
}

#logincontainer .loggedIn{
    position: relative;
    width: 540px;
    height: auto;
    padding: 0px;
    top: 0px;
    left: 4px;
    background-repeat:no-repeat;
    color: #caa39e;
    line-height: 160%;
}

#logincontainer .loggedIn a{
    color: #de786b;
    font-weight:bold;
}

#logincontainer .loggedIn a:hover{
    color: #fff;
}


#logincontainer .textfield{
    position: relative;
    top: 25px;
    left: 180px;
    width: 126px;
    height: 20px;
    padding: 6px 0px 0px 6px;
    margin: 0px 12px 0px 0px;
    background-color: #70322c;
    border: 1px solid #924a43;
    color: #c3837d;
    font-size: 12px;
    float: left;
}

#logincontainer .textfieldError{
    position: relative;
    top: 25px;
    left: 180px;
    width: 126px;
    height: 20px;
    padding: 6px 0px 0px 6px;
    margin: 0px 12px 0px 0px;
    background-color: #b83d31;
    border: 1px solid #ff0000;
    color: #fff;
    font-size: 12px;
    float: left;
}

#logincontainer .forgotPass{
    position: relative;
    top: 50px;
    left: 240px;
    width: 300px;
    height: 20px;
    padding: 6px 0px 0px 6px;
    margin: 0px 12px 0px 0px;
    color: #caa39e;
    text-align: right;
}

#logincontainer .forgotPass a{ 
    color: #caa39e;
}

#logincontainer .forgotPass a:hover{ 
    color: #fff;
}


#qLoginBtn{
    position: relative;
    width: 52px;
    height: 24px;
    top: 27px;
    left: 180px;
    border: 0;
    color: #faf0c2;
    text-transform: uppercase;
    font-size: 9px;
    background: transparent url('../images/loginbutton.jpg') no-repeat center;
    overflow: hidden;
    cursor: pointer; /* hand-shaped cursor */
    cursor: hand; /* for IE 5.x */
    float: left;
}

#statistics{
    position: absolute;
    width: 400px;
    height: 25px;
    left: 520px;
    text-align: right;
}	

#couple{
    position: absolute;
    width: 397px;
    height: 338px;
    left: 540px;
    background-image: url('../images/couple.jpg');
    float: left;
    bottom: -36px;
}

#couple2{
    position: absolute;
    width: 450px;
    height: 289px;
    left: 590px;
    background-image: url('../images/couple2.jpg');
    float: left;
    bottom: -36px;
    overflow:hidden;
}

#index_profiles {
    position: relative;
    width: 100%;
    height: auto;
    z-index:1;
    color: #caa39e;
    background-repeat: repeat-x;
    padding:0px;
    margin:0px;
    padding-top: 25px;
    padding-bottom: 45px;
    color: #caa39e;
    background-image: url('../images/index_profiles.jpg');
}

#index_profiles .memberContainer{
    position: relative;
    width: 100px;
    float: left;
    height: auto;
    border: 2px solid #caa39e;
    margin-right: 15px;
}

#index_profiles .memberContainer:hover{
    border: 2px solid #fff;
}

#index_profiles .memberContainer img{
    border: 0px;
}

#footer {
    position: relative;
    width: 100%;
    height: 50px;
    z-index:1;
    color: #f57979;
    background-image: url('../images/footer.jpg');
    background-repeat: repeat-x;
    padding:0px;
    margin:0px;
    padding-top: 25px;
    color: #caa39e;
}

#footer a{ color: #f57979; }
#footer a:hover{ color: #fff; }
#footer .centre #footerlinks{ color: #f57979; }


#footer_index {
    position: relative;
    width: 100%;
    height: auto;
    z-index:1;
    color: #caa39e;
    background-image: url('../images/footer_index.jpg');
    background-repeat: repeat-x;
    padding:0px;
    margin:0px;
    padding-top: 25px;
    padding-bottom: 25px;
    color: #c00000;
    background-color: #440000;
}

.fcolom{
    position: relative;
    width: 290px;
    height: auto;
    float: left;
    margin-right: 30px;
    margin-bottom: 20px;
    color: #caa39e;
}

.fcolom .magazine_post{
    position: relative;
    font-weight: normal;
    margin-bottom: 5px;
    overflow:hidden;
    border-bottom: 1px dotted #caa39e;
}

.fcolom .post{
    height: 60px;
    overflow:hidden;
    font-size: 11px;
}

.read_more{ color: #ff0000; margin-bottom: 4px; }


#lastfc{
    margin:0px;
}

.fcolom h2{
    margin:0px;
    padding:0;
    font-size: 16px;
    margin-bottom: 10px;
}

#nederland{
    position: absolute;
    background-image: url('../images/nederland.jpg');
    width:175px;
    height: 210px;
    left: 130px;
    top:30px;
}

.fcolom h3{
    position: relative;
    width: auto;
    padding:0px 0px 0px 15px;
    margin:0;
    color: #caa39e;
    background: url(../images/arrow_f.jpg) no-repeat 0px 4px;
}

.ccolom h3{
    position: relative;
    width: auto;
    padding:0px 0px 0px 15px;
    margin:0;
    background: url(../images/arrow.jpg) no-repeat 0px 4px;
    font-weight: normal;
}

#footer_index .centre #footerlinks{ color: #caa39e; }
#footer_index a{ color: #caa39e; }
#footer_index a:hover{ color: #c00000;}

#mainContainer{
    position: relative;
    width: 100%;
    height: auto;
    z-index:1;
    padding:0px;
    margin:0px;
    background-image: url('../images/maincontainer.jpg');
    background-repeat:repeat-x;
    background-color: #ede0c2;
    padding-bottom: 35px;
    padding-top: 35px;
    overflow:hidden;
}


#navigator{
    position: relative;
    width: 100%;
    border-bottom: 1px dotted #292929;
    height: 20px;
    top: -20px;
    padding-bottom: 5px;
}

#navigator p{
    position: relative;
    width: auto;
    padding: 0px;
    margin: 0px;
    margin-right: 10px;
    float: left;
    height: 20px;
}

#navigator img{
    position: relative;
    width: auto;
    top: 5px;
    padding: 0px;
    margin: 0px;
    margin-right: 10px;
    float: left;
}


#mainLeft{
    position: relative;
    width: 715px;
    height: auto;
    float: left;
    margin-right: 20px;
    z-index: 2;
}

.star_rating{
    position: absolute;
    width:98px;
    height: 17px;
    background-image: url('../images/stars.jpg');
    background-repeat: no-repeat;
    right: -1px;
    color: #000;
}

.star_rating h2{
    position: relative;
    left: -140px;
    width: 140px;
    float: left;
}

.star_rating .stars_active{
    position: absolute;
    height: 17px;
    left: 0px;
    background-image: url('../images/stars_active.jpg');
    background-repeat: no-repeat;
    color: #000;
}

#mainLeft .labelContainer{
    position: relative;
    width: auto;
    height: auto;
    padding: 5px;
    background-color: #e3d4b4;
    margin-bottom: 2px;
    overflow: hidden;
    z-index: 3;
}

#mainLeft  .labelContainer .chkBoxCnt{
    position: relative;
    width: 108px;
    height: 22px;
    background-color: #eaddc2;
    float: left;
    margin-right: 2px;
    margin-bottom: 2px;
    overflow:hidden;
    z-index: 4;
}	

#mainLeft .chkBoxCnt{
    position: relative;
    width: 128px;
    height: 22px;
    background-color: #eaddc2;
    float: left;
    margin-right: 2px;
    margin-bottom: 2px;
    overflow:hidden;
    z-index: 5;
}	

#mainLeft label{
    width: 145px;
    float: left;
    text-align: left;
    padding-top: 2px;
    margin-right: 5px;
}

#mainLeft .contentContainer{
    position: relative;
    width: 550px;
    height: auto;
    float: left;
    overflow: hidden;
}

#mainLeft .contentContainer .optionCnt a{
    positon: relative;
    width: 102px;
    height: 17px;
    background-color: #eaddc2;
    float: left;
    margin-right: 2px;
    margin-bottom: 2px;
    overflow:hidden;
    z-index: 4;
    padding: 3px;
    color: #333;
}

#mainLeft .contentContainer .optionCnt a:hover{
    background-color: #d1bf99;
}

/* picturecontainers */
#mainLeft #arrow_left{
    position: relative;
    float: left;
    margin-right: 300px;
    margin-bottom: 15px;
    margin-top: 15px;
    border: 0px;
}

#mainLeft #arrow_up{
    position: relative;
    float: left;
    margin-right: 300px;
    margin-bottom: 15px;
    margin-top: 15px;
    border: 0px;
}

#mainLeft #arrow_right{
    position: relative;
    float: left;
    margin-bottom: 15px;
    margin-top: 15px;
    border: 0px;
}

#mainLeft .slideShow{
    position: relative;
    width: auto;
    text-align: center;
    margin-bottom: 25px;
    border: 1px solid #c6b590;
    background-color: #e3d4b4;
    padding-top: 25px;
    padding-bottom: 25px;
}

#mainLeft .slideShow #largeImg{
    border: 1px solid #000;
    margin-bottom: 10px;
}

#mainLeft .horizontal_thumbnails{
    position: relative;
    width: 120px;
    height: 130px;
    padding: 20px 5px 0px 5px;
    float: left;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 10px;
    background-color: #e3d4b4;
    border: 1px solid #c6b590;
}

#mainLeft .vertical_thumbnails{
    position: relative;
    width: 120px;
    height: 140px;
    float: left;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 5px;
    background-color: #e3d4b4;
    border: 1px solid #c6b590;
}

#mainLeft .vertical_thumbnails .title, #mainLeft .horizontal_thumbnails .title{
    position: absolute;
    top: 131px;
    left: -1px;
    display: block;
    padding-top: 2px;
    overflow: hidden;
    height: 18px;
    background-color: #c6b590;
    text-align: center;
    width: 132px;
}




/****  member_profile ****/
.member_profileL{
    width: 490px;
    height: auto;
    float:left;
}

.member_profileR{
    position: relative;
    width: 220px;
    height: auto;
    float:left;
    text-align: center;
} 

.member_profileR .profileImgCnt{
    position: relative;
    width: 220px;
    height: 260px;
    overflow: hidden;
}

.member_profileR img{
    border: 1px solid #e3d4b4;
    height: 260px;
}


#mainLeft .member_profileL .labelContainer{
    position: relative;
    width: 460px;
    height: auto;
    padding: 5px;
    background-color: #e3d4b4;
    margin-bottom: 2px;
    overflow: hidden;
}

#mainLeft .member_profileL .labelContainer2{
    position: relative;
    width: 100%;
    height: auto;
    padding: 5px;
    background-color: #e3d4b4;
    margin-bottom: 2px;
    overflow: hidden;
}

/*** mainLeft memberContainer ***/
#mainLeft .memberContainer{
    position: relative;
    width: 710px;
    background-color: #e3d4b4;
    padding: 5px;
    height: auto;
    margin-bottom: 20px;
    border: 1px solid #d1bf99;
}

#mainLeft .memberContainer h2{
    position: relative;
    display: block;
    left: -6px;
    top: -6px;
    width: 710px;
    padding: 5px;
    background-color: #eaddc2;
    border: 1px solid #d1bf99;
    margin:0px;
}

#mainLeft .memberContainer .status{
    position: absolute;
    width: 200px;
    height: 25px;
    top: 5px;
    left: 510px;
    text-align: right;
}

#mainLeft .memberContainer .thumbnail{
    position: relative;
    width: 104px;
    height: 104px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

#mainLeft .memberContainer .thumbnail a img{
    border: 2px solid #d1bf99;
}

#mainLeft .memberContainer .thumbnail a:hover img{
    border: 2px solid #fff;
}

#mainLeft .memberContainer .description{
    position: relative;
    width: 535px;
    height: 100px;
    float: left;
    overflow: hidden;
}

#mainLeft .memberContainer .options .autoFloat a{
    position: relative;
    width: 130px;
    height: 15px;
    padding: 3px;
    float: left;
    margin-right: 5px;
    background-color: #eaddc2;
    border: 1px solid #d1bf99;
    text-align: center;
    color: #000;
}

#mainLeft .memberContainer .options .autoFloat a:hover{
    background-color:#d1bf99;
}



#mainLeft .memberContainer .options .autoFloat img{
    position: relative;
    top: -1px;
    vertical-align: middle;
    margin-right: 10px;
    border: 0px;
}
/*****/


#mainRight{
    position: relative;
    width: 200px;
    height: auto;
    float: left;
    overflow:hidden;
}

#mainRight .searchIcon{
    position: relative;
    top: 3px;
}

#mainRight .contentContainer{
    position: relative;
    width: 200px;
    height: auto;
    /*background-color: #e3d4b4;*/
    /*padding: 4px;*/
    padding: 4px 0px 4px 0px;
    margin-bottom: 22px;
}


#mainRight .contentContainer img{
    position: relative;
    float: left;
    margin-right: 6px;
}

#mainRight .contentContainer label{
    position: relative;
    width: 75px;
    float: left;
}

#mainRight .contentContainer .labelRightCnt{
    position: relative;
    width: 125px;
    float: left;
    color: #a50000;
}

#mainRight .contentContainer div.hr {
    height: 1px;
    border-bottom: 1px solid #d1bf99;
    margin-bottom: 5px;
    margin-top: 5px;
}
#mainRight .contentContainer div.hr hr {
    display: none;
}


a.mail{position: relative; width: 170px; height: 20px; padding-left: 29px;  padding-top: 3px; color: #000; display:block; background: url(../images/icons/18x18/mail.png) no-repeat 4px 3px; background-color: #e3d4b4; margin-bottom: 2px; }
a.mailSel{position: relative; width: 170px; height: 20px; padding-left: 29px;  padding-top: 3px; color: #000; display:block; background: url(../images/icons/18x18/mail.png) no-repeat 4px 3px; background-color: #d1bf99; margin-bottom: 2px; }
a.mail:hover{background-color: #d1bf99; }


a.flirt:link{position: relative; width: 170px; height: 20px; padding-left: 29px;  padding-top: 3px; color: #000; display:block; background: url(../images/icons/18x18/flirt.png) no-repeat 4px 3px; background-color: #e3d4b4; margin-bottom: 2px;}
a.flirt:visited{position: relative; width: 170px; height: 20px; padding-left: 29px;  padding-top: 3px; color: #000; display:block; background: url(../images/icons/18x18/flirt.png) no-repeat 4px 3px; background-color: #e3d4b4; margin-bottom: 2px;}
a.flirtSel{position: relative; width: 170px; height: 20px; padding-left: 29px;  padding-top: 3px; color: #000; display:block; background: url(../images/icons/18x18/flirt.png) no-repeat 4px 3px; background-color: #d1bf99; margin-bottom: 2px; }
a.flirtDisabled{position: relative; width: 170px; height: 20px; padding-left: 29px;  padding-top: 3px; color: #000; display:block; background: url(../images/icons/18x18/flirtDisabled.png) no-repeat 4px 3px; background-color: #e3d4b4; margin-bottom: 2px; }
a.flirt:hover{background-color: #d1bf99; }

a.chat:link{position: relative; width: 170px; height: 20px; padding-left: 29px;  padding-top: 3px; color: #000; display:block; background: url(../images/icons/18x18/chat.png) no-repeat 4px 3px; background-color: #e3d4b4; margin-bottom: 2px;}
a.chat:visited{position: relative; width: 170px; height: 20px; padding-left: 29px;  padding-top: 3px; color: #000; display:block; background: url(../images/icons/18x18/chat.png) no-repeat 4px 3px; background-color: #e3d4b4; margin-bottom: 2px;}
a.chatSel{position: relative; width: 170px; height: 20px; padding-left: 29px;  padding-top: 3px; color: #000; display:block; background: url(../images/icons/18x18/chat.png) no-repeat 4px 3px; background-color: #d1bf99; margin-bottom: 2px;}
a.chat:hover{background-color: #d1bf99; }

a.favorite:link{position: relative; width: 170px; height: 20px; padding-left: 29px;  padding-top: 3px; color: #000; display:block; background: url(../images/icons/18x18/favorite.png) no-repeat 4px 3px; background-color: #e3d4b4; margin-bottom: 2px;}
a.favorite:visited{position: relative; width: 170px; height: 20px; padding-left: 29px;  padding-top: 3px; color: #000; display:block; background: url(../images/icons/18x18/favorite.png) no-repeat 4px 3px; background-color: #e3d4b4; margin-bottom: 2px;}
a.favoriteSel{position: relative; width: 170px; height: 20px; padding-left: 29px;  padding-top: 3px; color: #000; display:block; background: url(../images/icons/18x18/favorite.png) no-repeat 4px 3px; background-color: #d1bf99; margin-bottom: 2px;}
a.favorite:hover{background-color: #d1bf99; }

a.block:link{position: relative; width: 170px; height: 20px; padding-left: 29px;  padding-top: 3px; color: #000; display:block; background: url(../images/icons/18x18/block.png) no-repeat 4px 3px; background-color: #e3d4b4; margin-bottom: 16px;}
a.block:visited{position: relative; width: 170px; height: 20px; padding-left: 29px;  padding-top: 3px; color: #000; display:block; background: url(../images/icons/18x18/block.png) no-repeat 4px 3px; background-color: #e3d4b4; margin-bottom: 16px;}
a.blockSel{position: relative; width: 170px; height: 20px; padding-left: 29px;  padding-top: 3px; color: #000; display:block; background: url(../images/icons/18x18/block.png) no-repeat 4px 3px; background-color: #d1bf99; margin-bottom: 16px;}
a.block:hover{background-color: #d1bf99; }

/**** nav buttons ****/
.prev_button a:link{position: relative; float:left; width: auto; height: 20px; padding-left: 15px;  color: #000; display:block; background: url(../images/li_background_l.png) no-repeat 5px 5px;  margin: 0px 4px 2px 0px;}
.prev_button a:visited{position: relative; float:left; width: auto; height: 20px; padding-left:15px;  color: #000; display:block; background: url(../images/li_background_l.png) no-repeat 5px 5px; margin: 0px 4px 2px 0px;}
.prev_button a:hover{color: #a50000; }

.next_button a:link{position: relative; float:left; width: auto; height: 20px; padding-right: 15px;  color: #000; display:block; background: url(../images/li_background.png) no-repeat 95px 5px;  margin-bottom: 2px;}
.next_button a:visited{position: relative; float:left; width: auto; height: 20px; padding-right: 15px; color: #000; display:block; background: url(../images/li_background.png) no-repeat 95px 5px; margin-bottom: 2px;}
.next_button a:hover{color: #a50000; }

/**** default buttons ****/
a.default{position: relative; width: auto; height: 20px; padding-left: 29px;  padding-top: 3px; color: #000; display:block; margin-bottom: 2px; }
a.default:hover{background-color: #d1bf99; }


#mainRight h2{
    position: relative;
    width: 195px;
    height: 19px;
    padding-left: 5px;
    padding-top: 3px;
    background-color: #c6b590;
    font-size: 11px;
    color: #000;
    font-weight: bold;
    margin:0;
    margin-top: 10px;
    margin-bottom: 2px;
    display:block;
    text-transform: uppercase;
}


#mainRight h3{
    position: relative;
    width: 205px;
    height: 18px;
    background-color: #faf3bb;
    font-size: 12px;
    padding:0;
    padding-left: 4px;
    color: #951509;
    margin:0;
}


.memberContainerSmall{
    position: relative;
    width: 193px;
    background-color: #e3d4b4;
    height: 125px;
    padding: 2px;
    top: -2px;
    border: 1px solid #d1bf99;
    margin-bottom: 20px;
    padding-top: 25px;
    float: left;
    margin: 3px 45px 15px 0px;
    overflow: hidden;
}

.memberContainerSmall .memberHeader{
    position: absolute;
    top: -12px;
    left: -1px;
    width: 177px;
    height: 19px;
    padding-left: 20px;
    padding-top: 3px;
    background-color: #eaddc2;
    border: 1px solid #d1bf99;
    font-size: 11px;
    color: #000;
    font-weight: bold;
    margin:0;
    margin-top: 10px;
    display:block;
    text-transform: uppercase;
}

/* show profile button */
.memberContainerSmall .show_profile a{
    position: relative;
    width: 185px;
    left:-3px;
    top: 3px;
    height: 15px;
    padding: 3px;
    margin-right: 5px;
    background-color: #eaddc2;
    border: 1px solid #d1bf99;
    text-align: center;
    color: #000;
    display: block;
}

.memberContainerSmall .show_profile a:hover{
    background-color:#d1bf99;
}

.memberContainerSmall .show_profile img{
    position: relative;
    top: -1px;
    vertical-align: middle;
    margin-right: 10px;
    border: 0px;
}


.accept a{
    position: relative;
    width:88px;
    left:1px;
    top:0px;
    height: 15px;
    padding: 3px;
    background-color: #eaddc2;
    border: 1px solid #d1bf99;
    text-align: center;
    color: #000;
    display: block;
    float: left;
    font-size: 11px;
}

.accept a:hover{
    background-color:#d1bf99;
}

.accept img{
    position: relative;
    top: -1px;
    vertical-align: middle;
    margin-right: 10px;
    border: 0px;
}

.memberContainerSmall .status{
    position: absolute;
    width: 10px;
    height: 10px;
    left: 3px;
    top: 4px;
}

.memberContainerSmall .thumb{
    position: relative;
    width: 98px;
    height: 98px;
    float: left;
    margin-right: 5px;
    border: 2px solid #d1bf99;
}

.memberContainerSmall .thumb:hover{
    border: 2px solid #fff;
}

.memberContainerSmall .info .nickname a{
    position: relative;
    width: 88px;
    height: 15px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #a50000;
    text-transform: uppercase;
}

.memberContainerSmall .info{
    position: relative;
    width: 86px;
    height: 100px;
    float: left;
    font-size: 10px;
    line-height: 160%;
}

.memberContainerSmall .autoFloat{
    position: relative;
    width: 23px;
    height: 20px;
    float: left;
    margin-right: 2px;
}

.memberContainerSmall .show_profile{
    position: relative;
    width: 90px;
    height: 21px;
    float: left;
    top: -2px;
    left: 3px;
}
/*****/


/*** account_messages ***/
#mainLeft .account_messages{
    position: relative;
    width: auto;
    height: 20px;
    margin-bottom: 2px;
    background-color: #e3d4b4;
    padding: 2px;
}

#mainLeft .account_messages img{
    border:0px;
    vertical-align: middle;
}

#mainLeft .account_messages .c0{
    position: relative;
    width: 25px;
    height: 20px;
    float: left;
}

#mainLeft .account_messages .c1{
    position: relative;
    width: 25px;
    height: 20px;
    float: left;
}

#mainLeft .account_messages .c2{
    position: relative;
    width: 245px;
    height: 20px;
    float: left;
    margin-right: 5px;
    overflow:hidden;
}

#mainLeft .account_messages .c3{
    position: relative;
    width: 150px;
    height: 20px;
    float: left;
    overflow:hidden;
}

#mainLeft .account_messages .c4{
    position: relative;
    width: 115px;
    height: 20px;
    float: left;
}

#mainLeft .account_messages .c5{
    position: relative;
    width: 70px;
    height: 20px;
    float: left;
}

#mainLeft .account_messages .c6{
    position: relative;
    width: 70px;
    height: 20px;
    float: left;
    text-align:right;
}
/*** account_messages ***/


/*** account_buddies ***/
#mainLeft .account_buddies{
    position: relative;
    width: auto;
    height: 20px;
    margin-bottom: 2px;
    background-color: #e3d4b4;
    padding: 2px;
}

#mainLeft .account_buddies .c1{
    position: relative;
    width: 250px;
    padding-left: 5px;
    height: 20px;
    float: left;
}

#mainLeft .account_buddies .auto{
    position: relative;
    width: auto;
    margin-right: 10px;
    height: 20px;
    float: left;
}

#mainLeft .account_buddies .auto img{
    position: relative;
    float: left;
    vertical-align: middle;
    margin-right: 5px;
}

/*** account_buddies ***/


/*** album ***/
#mainLeft #album_managementCnt .c1{
    position: relative;
    width: 250px;
    height: 20px;
    float: left;
}

#mainLeft #album_managementCnt .c2{
    position: relative;
    width: 50px;
    right: 20px;
    height: 20px;
    float: right;
    text-align: right;
}



#infoContainer{
    position: relative;
    width: 540px;
    height: auto;
    float: left;
    overflow: hidden;
    z-index: 10000;
}

.clear{
    clear: both;
}

h1{
    position: relative;
    font-size: 16px;
    font-weight:normal;
    color: #292929;
    margin: 0px 0px 15px 0px;
    padding: 0;
}

#mainLeft h2{
    position: relative;
    font-size: 14px;
    height: 18px;
    font-weight:normal;
    color: #a50000;
    margin: 0px 0px 7px 0px;
    /*padding: 5px;*/
    /*padding-left: 35px;*/
    /*background: url(../images/icons/h2.png) no-repeat 0px 0px;*/
}

h3{
    position: relative;
    width: 256px;
    height: 18px;
    background-color: #faf3bb;
    font-size: 12px;
    padding:4px;
    color: #951509;
    margin:0;
}

h3.regular{
    position: relative;
    font-size: 14px;
    height: 18px;
    font-weight:normal;
    color: #a50000;
    margin: 0px 0px 7px 0px;
    background:none;
    padding:0px;
    /*padding: 5px;*/
    /*padding-left: 35px;*/
    /*background: url(../images/icons/h2.png) no-repeat 0px 0px;*/
}

h4{
    position: relative;
    font-size: 14px;
    font-weight:normal;
    color: #a50000;
    margin: 0px 0px 5px 0px;
    padding: 0;
}


/**** blog start ****/
.blog{
    margin-bottom: 30px;
}

.blog .tags{
    position: relative;
    background-image: url('../images/icons/18x18/tag.jpg');
    background-repeat:no-repeat;
    padding-left: 25px;
}

.blog .readmore a{ position: relative; color: #a50000; }
.blog .readmore a:hover{ position: relative; color: #000; }

.blog .thumbnail{
    position: relative;
    margin-right: 5px;
    border: 2px solid #fff;
    width: 75px;
    height: 75px;
    margin-bottom: 5px;
}

.blog .bloginfo{
    position: relative;
    margin-bottom: 8px;
    height: auto;
    top: 2px;
    letter-spacing:1px;
    background-color: #e3d4b4;
    padding: 3px;
}

.blog .bloginfo img{
    vertical-align:middle;
}

.blog h2{
    position: relative;
    font-size: 16px !important;
    height: 18px;
    color: #000 !important;
    margin: 0px 0px 7px 0px;
    background:none;
    padding:0px;
    float:none;
}

.blog h3{
    position: relative;
    font-size: 14px;
    height: 18px;
    font-weight:normal;
    color: #a50000;
    margin: 0px 0px 7px 0px;
    background:none;
    padding:0px;
    float:none;
}

.reaction{
    margin-bottom: 10px;
}

.reaction .thumb{
    position: relative;
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    margin-bottom: 10px;
    margin-right: 10px;
}

.reaction .content{
    position: relative;
    background-color: #e3d4b4;
    padding: 20px;
    height: auto;
    border: 1px solid #d1bf99;
    font-weight:normal;
}

/**** blog start ****/


div.hr {
    height: 1px;
    border-bottom: 1px dotted #292929;
    margin-bottom: 11px;
    margin-top: 10px;
}
div.hr hr {
    display: none;
}


.twocolom{
    position: relative;
    width: 267px;
    height: auto;
    float: left;
    height: 200px;
    overflow: hidden;
}

#account_setup_navigator{
    position: relative;
    top: -20px;
}

/*** formsets ***/
form{
    padding:0px;
    margin:0px;
}

.formError{
    position: relative;
    width: auto;
    font-size: 10px;
    color: #de0000;
    margin-left: 3px;
}

.formInfo{
    position: relative;
    width: 305px;
    font-size: 10px;
    margin-left: 5px;
    float: left;
}

.default_textfield{
    width: 232px;
    padding: 2px;
    border: 1px solid #c8ad71;
    font-size: 11px;
}

.default_textfieldError{
    width: 232px;
    padding: 2px;
    border: 1px solid #de0000;
    font-size: 11px;
}

.small_textfield{
    width: 150px;
    padding: 2px;
    border: 1px solid #c8ad71;
    font-size: 11px;
}

.small_textfieldError{
    width: 150px;
    padding: 2px;
    border: 1px solid #de0000;
    font-size: 11px;
}

.default_textarea{
    width: 232px;
    height: 75px;
    padding: 2px;
    border: 1px solid #c8ad71;
    font-size: 11px;
}

.default_textareaError{
    width: 232px;
    height: 75px;
    padding: 2px;
    border: 1px solid #ff0000;
    font-size: 11px;
}

.large_textarea{
    width: 232px;
    height: 160px;
    padding: 2px;
    border: 1px solid #c8ad71;
    font-size: 11px;
    background-color: #ffffff;
}

.large_textarea.Error{
    width: 232px;
    height: 160px;
    padding: 2px;
    border: 1px solid #ff0000;
    font-size: 11px;
}


.chat_textarea{
    width: 458px;
    height: 150px;
    border: 1px solid #c8ad71;
    font-size: 11px;
    background-color: #ffffff;
}

.account_message_textarea{
    width: 540px;
    height: 400px;
    padding: 2px;
    border: 1px solid #c8ad71;
    font-size: 11px;
    background-color: #ffffff;
}

.account_message_textareaError{
    width: 540px;
    height: 400px;
    padding: 2px;
    border: 1px solid #ff0000;
    font-size: 11px;
}

.default_button{
    position: relative;
    width: 125px;
    height: 24px;
    border: 0;
    color: #faf0c2;
    font-size: 9px;
    background: transparent url('../images/default_button.jpg') no-repeat center;
    overflow: hidden;
    cursor: pointer; /* hand-shaped cursor */
    font-size: 11px;
}

.basic_button{
    position: relative;
    width: auto;
    height: auto;
    color: #faf0c2;
    overflow: hidden;
    cursor: pointer; /* hand-shaped cursor */
    background-color: #333;
    border: 1px solid #000;
}

.small_button{
    position: relative;
    width: 67px;
    height: 19px;
    border: 0;
    color: #faf0c2;
    font-size: 9px;
    background: transparent url('../images/button_small.jpg') no-repeat center;
    overflow: hidden;
    cursor: pointer; /* hand-shaped cursor */
    font-size: 11px;
}

.default_select{
    position: relative;
    width: 80px;
    font-size: 10px;
}

.label_select{
    position: relative;
    width: 237px;
    font-size: 10px;
}

.auto_select{
    width: auto;
    padding: 0px;
    float: left;
    margin-right: 5px;
    font-size: 11px;
}


/*** success / error messages ***/
.succesbox{
    position: relative;
    width: 685px;
    padding: 15px;
    margin-top: 10px;
    margin-bottom: 20px;
    color: #000;
    background-color: #ebffe5;
    border-top: 2px solid #32eb00;
    border-bottom: 2px solid #32eb00;
}

.errorbox{
    position: relative;
    width: 685px;
    padding: 15px;
    margin-top: 10px;
    margin-bottom: 20px;
    color: #000;
    background-color: #ffe5e5;
    border-top: 2px solid #e30000;
    border-bottom: 2px solid #e30000;
}

.infobox{
    position: relative;
    width: 685px;
    padding: 15px;
    margin-top: 10px;
    margin-bottom: 20px;
    color: #000;
    background-color: #decfb1;
    border-top: 2px solid #d0c09f;
    border-bottom: 2px solid #d0c09f;
}

.warningbox{
    position: relative;
    width: 695px;
    padding: 5px;
    margin-top: 10px;
    margin-bottom: 20px;
    color: #000;
    background-color: #decfb1;
    border:1px solid #d0c09f;
}

/*** end of succes / error messages ***/


#add_albumCnt{
    position: relative;
    width: 720px;
    height: auto;
}


.red{
    color: #a50000;
}

.imageTextFloater{
    position: relative;
    vertical-align:middle;
    margin-right: 5px;
    border:0px;
}

.autoFloatLeft{
    position: relative;
    float: left;
    margin-right: 5px;
    border:0px;
}

.autoFloatRight{
    position: relative;
    float: right;
}

.autoFloatRight .blocker{
    position: relative;
    top: 3px;
    border:0px;
}

/**** autoFloaters ****/
.float200{
    position: relative;
    width:140px;
    float:left;
}

.float200 img{

    margin-right:5px;
}

.accountSetupHints a{
    position: relative;
    width: 130px;
    height: 110px;
    padding: 3px;
    border: 1px solid #d1bf99;
    background-color: #e3d4b4;
    float: left;
    margin: 0px 5px 10px 0px;
    font-size: 11px;
}

.accountSetupHints a:hover{
    background-color: #eee3cb;
}

.matchChks{
    position: relative;
    width: 130px;
    height: 20px;
    padding: 3px;
    float: left;
    background-color: #eaddc2;
    margin-right: 2px;
    margin-bottom: 2px;
}

.matchChks img{
    vertical-align: middle;
    margin-right: 5px;
}

/*** quickjumper ***/
.quickJumperContainer{
    position: relative;
    width: auto;
    height: auto;
    margin:0;
    padding:0;
    margin-top: 20px;
}

.quickJumper{
    position: relative;
    width: 15px;
    height: 20px;
    border: 1px solid #d1bf99;
    background-color: #e3d4b4;
    text-align: center;
    padding: 5px 5px 0px 5px;
    margin-right: 3px;
    float: left;
    text-transform:uppercase;
}

.quickJumperSelected{
    border: 1px solid #ab9669;
    background-color: #d1bf99;
    position: relative;
    width: 15px;
    height: 20px;
    text-align: center;
    padding: 5px 5px 0px 5px;
    margin-right: 3px;
    float: left;
    text-transform:uppercase;
}

#freeaccount_promo{
    position: absolute;
    width: 202px;
    height: 168px;
    left: 400px;
    background-image: url('../images/register_freeaccount_promo.jpg');
}

#promo{
    position: relative;
    width: 197px;
    height: 197px;
    left: 0px;
    background-image: url('../images/promo.jpg');
}

/****** DEPRECATED
.paymentProfileContainer a{
    position: relative;
    width: 160px;
    height: 80px;
    background-color:#EADDC2;
    border:1px solid #D1BF99;
    float: left;
    margin-right: 11px;
    text-align: center;
    padding-top: 10px;
}

.paymentProfileContainerSel a{
    position: relative;
    width: 160px;
    height: 80px;
    background-color:#D1BF99;
    border:1px solid #D1BF99;
    float: left;
    margin-right: 11px;
    text-align: center;
    padding-top: 10px;
}

.paymentProfileContainer a:hover{
    background-color:#D1BF99;
}

.paymentProfileContainer a img, .paymentProfileContainerSel a img{
    position: relative;
    top: 5px;
    border: 0px;
}
*********/

#mainLeft .paymentContainer{
    position: relative;
    width: 710px;
    background-color: #e3d4b4;
    border: 1px solid #d1bf99;
    padding: 5px;
    height: auto;
    margin-bottom: 20px;
}
#mainLeft .paymentContainer h2{
    border-bottom: 1px solid #d1bf99;
    padding-bottom: 4px;
    padding-left: 5px;
}
#mainLeft .paymentContainer .left{
    position: relative;
    float:left;
    width: 50px;
}

#mainLeft .paymentContainer .right{
    position: relative;
    float:left;
    width: 710px;
    margin-bottom: 20px;
}

#mainLeft .paymentContainer .small{
    font-size: 11px;
    position: relative;
    float: right;
    margin-right:6px;
    top: 2px;
}

#mainLeft .paymentContainer label{
    width: 100% !important;
    border-bottom: 1px solid #d1bf99;
}

#mainLeft .paymentContainer label.highlight{
    width: 100% !important;
    border-bottom: 1px solid #d1bf99;
    background-color:#e3e0b4;
}

#mainLeft .paymentContainer label.highlight .tip{
    position:absolute;
    width: 27px;
    height: 27px;
    left:213px;
    top: 23px;
    background: url('../images/paynl/tip.png') no-repeat;
}

#mainLeft .paymentContainer .right label a:hover{
    background-color: #d1bf99;
}

#mainLeft .subscriptionCnt{
    position: relative;
    width: 703px;
    height: auto;
    padding: 5px;
    background-color: #e3d4b4;
    margin-bottom: 2px;
    overflow: hidden;
    cursor:pointer;
}

#mainLeft .subscriptionCntSel{
    position: relative;
    width: 703px;
    height: auto;
    padding: 5px;
    background-color: #D1BF99;
    margin-bottom: 2px;
    overflow: hidden;
    cursor:pointer;
}

#mainLeft .subscriptionCnt label{
    position: relative;
    width: 708px;
}


#mainLeft .subscriptionCnt:hover{
    background-color:#D1BF99;
}


.accountOptions{
    position: relative;
    width: 399px;
    float: left;
    padding: 3px;
}

.accountOptions h4{
    position: relative;
    width: 260px;
    float: left;
    font-size: 12px;
    padding: 0px;
    margin:0px;
}

.accountOptions h5{
    position: relative;
    width: 65px;
    float: left;
    font-size: 10px;
    padding: 0px;
    margin:0px;
    text-align: center;

}

.accountOptions .c1{
    position: relative;
    width: 264px;
    height: 20px;
    float: left;
    border-bottom: 1px dotted #333;
}

.accountOptions .c2{
    position: relative;
    width: 65px;
    float: left;
    height: 20px;
    border-bottom: 1px dotted #333;
    text-align: center;
}

.accountOptions .c3{
    position: relative;
    width: 65px;
    height: 20px;
    float: left;
    border-bottom: 1px dotted #333;
    text-align: center;
    z-index: 40000;
}

.diaryCnt{
    position: relative;
    overflow: hidden;
}

.diaryCnt img{
    vertical-align:middle;
}

.diary_date{
    position: relative;
    float: right;
}

#chatCnt{
    position: relative;
    width: 458px;
    height: 300px;
    padding: 5px;
    border: 1px solid #c6b590;
    background-color: #e3d4b4;
    overflow: auto;
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
}

#chat_alert{
    position: absolute;
    left: -200px;
    top: 10px;
    width: 250px;
    background-color: #e3d4b4;
    height: 175px;
    padding: 2px;
    border: 1px solid #d1bf99;
    z-index: 999999;
}

#slideup {
    /*
    background-color: #333;
    border: 2px solid #000;
    */
    bottom:-20px;
    right: 0px;
    color:white;
    display:none;
    height:0px;
    margin-right:5px;
    position:absolute;
    width:206px;
    z-index:9999999;
}

#hobby_suggestions, #sport_suggestions, #goingout_suggestions, #music_suggestions, #moviegenre_suggestions, #foodtype_suggestions, #member_suggestions, #education_suggestions, #occupation_suggestions, #livingstyle_suggestions, #pet_suggestions{
    position: relative;
    width: 236px;
    height: auto;
    left:150px;
    top: -1px;
    background-color: #fff;
    border: 1px solid #c8ad71;
    font-size: 11px;
    z-index: 1000000;
    display:none;
}


#proccessHandler{
    position: fixed;
    top: 400px;
    margin-left:-150px;
    left:50%;
    width: 310px;
    height: auto;
    background-color: #fff;
    /*
    background: url(../images/loaderBig.gif) no-repeat center 60px;

    */
    padding: 5px;
    border: 4px solid #000;
    z-index: 99990999;
    text-align: center;
    padding-top: 25px;
}

#chatHandler{
    position: fixed;
    top: 400px;
    margin-left:-150px;
    left:50%;
    width: 300px;
    background-color: #fff;
    height: 100px;
    padding: 10px;
    border: 4px solid #000;
    z-index: 99999999;
    text-align: center;
    padding-top: 25px;
}

#infoOverlay{
    position: fixed;
    top: 400px;
    margin-left:-150px;
    left:50%;
    width: 300px;
    background-color: #fff;
    height: 150px;
    padding: 10px;
    border: 4px solid #000;
    z-index: 99999999;
    text-align: center;
    padding-top: 25px;
}

#woman{
    position: absolute;
    background-image: url('../images/woman.png');
    width: 155px;
    height: 194px;
    z-index:9999999;
    left: 560px;
    top: -25px;
}

#registerinfo{
    position: relative;
    width: 560px;
}

.thumbCnt{
    position: relative;
    width: 193px;
    background-color: #e3d4b4;
    height: auto;
    padding: 2px;
    border: 1px solid #d1bf99;
    margin-bottom: 20px;
    margin: 3px 45px 15px 0px;
}

/*** banners ***/
.banner234x60{
    position: relative;
    width: 200px;
    overflow:hidden;
    border: 0px;
}

.btn_add{
    position: relative;
    float: left;
    vertical-align:middle;
    top: 2px;
    margin-right: 3px;
    cursor:pointer;
}

.btn_delete{
    position: relative;
    float: left;
    vertical-align:middle;
    top: 2px;
    cursor:pointer;
}

.statusSelector{
    position: relative;
    cursor:pointer;
    z-index:1;
}

#statusCnt{
    position: absolute;
    left:88px;
    top: 17px;
    width: 100px;
    height:auto;
    z-index:5;
}

.subscription{
    position: relative;
    width: 303px;
    height: 75px;
    margin-bottom: 10px;
}

#mainLeft label.m6{
    position: relative;
    width: 303px;
    height: 75px;
    background-image: url('../images/payscreen/6m.jpg');
    text-align:left;
    padding:0px;
    margin:0px;
    z-index:9;
}

#mainLeft label.mbd{
    position: relative;
    width: 303px;
    height: 75px;
    background-image: url('../images/payscreen/bdm.jpg');
    text-align:left;
    padding:0px;
    margin:0px;
    z-index:9;
}

#mainLeft label.m{
    position: relative;
    width: 303px;
    height: 75px;
    background-image: url('../images/payscreen/m.jpg');
    text-align:left;
    padding:0px;
    margin:0px;
    z-index:9;
}

.m6 .radio, .m .radio, .mbd .radio{
    position: relative;
    top: 26px;
    left: 0px;
    width: 20px;
}

.ps_info{
    position: absolute;
    width: auto;
    height: 40px;
    top: 25px;
    overflow:hidden;
    left: 30px;
    margin:0;
    float:left;
    z-index:9;
}

#mainLeft .ps_info h2{
    font-size: 18px;
    margin:0px;
    display:block;
}

#mainLeft .ps_info h2.normal{
    color: #998046;
}

#mainLeft .ps_info h4{
    font-size: 11px;
    margin:0px;
    color: #000;
}



.membercontainer{
    position: relative;
    width: auto;
    background-color: #e3d4b4;
    border: 1px solid #d1bf99;
    padding: 3px;
    height: auto;
    margin-bottom: 10px;
}

.membercontainer .left{
    position: relative;
    width: 73px;
    height: 69px;
    float: left;
}

.membercontainer .left .picture{
    width: 65px;
    border: 1px solid #000;
    border: 2px solid #d1bf99;
}

.membercontainer .right{
    position: relative;
    width: 115px;
    height: 65px;
    float: left;
}

.membercontainer .right .description{
    position: relative;
    width: 120px;
    height: 65px;
    float: left;
    overflow:hidden;
    font-size: 11px;
    line-height: 140%;
}
/*** default tableset ***/
.table{
    position: relative;
    width: auto;
    overflow: hidden;
    background-color: #e2d5ba;
    border-bottom: 1px solid #d3c5a7;
}

.table:hover{
    background-color: #fff0d1;
}

.colom{
    position: relative;
    float: left;
    padding: 10px 5px 5px 5px;
    height: auto;
    border-right: 1px solid #d3c5a7;
    overflow: hidden;
}
/***  end of tableset ***/


#home{ cursor:pointer; }
#regio{ cursor:pointer; }


/* default link classes */ 
a:link { color: #000; 	text-decoration:none; }
a:visited {	color: #000;	text-decoration:none;}
a:hover { color: #a50000;	text-decoration:none;}
a:active { color: #a50000; text-decoration:none; }