@charset "UTF-8";
@import url(../lib/yaml/core/base.css);

/*----------------------------------------------------------------------------*/
body {
    background:#2963A4;
    padding-bottom:50px;
}
.page_margins { margin: 0 auto; width: 974px;}
.page_margins > .page { padding: 10px; }
/*-------------- general content formating------------------------------------*/

/* reset font size to standard (16 Pixel) */
html * { font-size: 100.01%; }

textarea, pre, code, kbd, samp, var, tt {
    font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
}

/* set standard font size to 13px */
body {
    font-family:"lucida grande",arial,sans-serif;
    font-size:81.25%;
    color:#000;
}

h1,h2,h3,h4,h5,h6 {
    font-weight:bold;
    color:#000;
    margin: 0 0 0.25em 0;
}

h1 { font-size: 230.70%; }                    /* 30px */
h2 { font-size: 184.62%; }                    /* 24px */
h3 { font-size: 138.47%; }                    /* 18px */
h4 { font-size: 123.08%; }                    /* 16px */
h5 { font-size: 107.70%; }                    /* 14px */
h6 { font-size: 107.70%; }                    /* 14px */

h3 span.small_head {
    font-size: 80%;
    padding: 0 10px;
}

h1.decent,h2.decent,h3.decent,h4.decent,h5.decent,h6.decent {
    font-weight:normal;
}

ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 0.35em; }
ul li { list-style-type: none; }
ul ul li { list-style-type: none; }

ol li { list-style-type: decimal; }
ol ol li { list-style-type: lower-latin; }

li { margin-left: 0.8em; line-height: 1.5em; }

dt { font-weight: bold; }
dd { margin: 0 0 1em 0.8em; }

p { line-height: 1.5em; margin: 0 0 1em 0; }

blockquote, cite,q {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style:italic;
}
blockquote { margin: 0 0 1em 1.6em; color: #666; }

strong,b { font-weight: bold; }
em,i { font-style: italic; }

pre, code, kbd, tt, samp, var { font-size: 100%; }
pre, code { color: #800; }
pre { line-height: 1.5em; margin: 0 0 1em 0; }
kbd, samp, var { color: #666; }
var { font-style: italic; }

acronym, abbr {
    border-bottom: 1px #aaa dotted;
    font-variant: small-caps;
    letter-spacing: .07em;
    cursor: help;
}

sub, sup { font-size: 91.6667%; }

hr {
    color: #fff;
    background:transparent;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border:0;
    border-bottom: 1px #eee solid;
}

a { color: #000; background:transparent; text-decoration:none; }

a:focus,
a:hover,
a:active { color:#111; }

p.icaption_left { float:left; display:inline; margin: 0 1em 0.15em 0; }
p.icaption_right { float:right; display:inline; margin: 0 0 0.15em 1em; }

p.icaption_left img,
p.icaption_right img { padding:0; border: 1px #888 solid; }

p.icaption_left strong,
p.icaption_right strong { display:block; overflow:hidden; margin-top: 2px; padding: 0.3em 0.5em; background: #eee; font-weight: normal; font-size: 91.667%; }

.float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em; }
.float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em; }
.center { display:block; text-align:center; margin: 0.5em auto; }

table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; border-top: 1px #eee solid;}
table caption { font-variant:small-caps; }
table.full { width: 100%; }
table.fixed { table-layout:fixed; }

th,td { padding: 0.5em; }
thead th { color: #000; border-bottom: 2px #800 solid; }
tbody th { background: #e0e0e0; color: #333; }
tbody th[scope="row"], tbody th.sub { background: #f0f0f0; }

tbody th { border-bottom: 1px solid #fff; text-align: left; }
tbody td { border-bottom: 1px solid #eee; }

tbody tr.highlight-on-hover:hover th[scope="row"],
tbody tr.highlight-on-hover:hover tbody th.sub { background: #f0e8e8; }
tbody tr.highlight-on-hover:hover td { background: #fff8f8; }

select option { padding-right:7px;}

input, textarea, select, a.as_button{
    background: #fff;
    border:1px solid #808080;
    margin:0.1em 0;
    padding:0.2em;
    vertical-align:middle;
}

input:focus, textarea:focus {
    border:1px solid #262626;
}

input[type=checkbox], input[type=radio] {
    border: none;
}

input[type=submit], input.submit, a.as_button {
    font-weight: bold;
    cursor: pointer;    
    font-weight: bold;
}

input[type=submit]:hover, input.submit:hover, a.as_button:hover{
    background-color: #EFEFEF;
    border-color: #262626;
}

input.as_link, input.as_link:hover,
button.as_link, .as_link:hover{
    background: none !important;
    border: none !important;
    cursor:pointer !important;
    font-weight: normal !important;
	text-align: left;
	margin: 0;
	padding: 0;
    -moz-user-select: text;
}

.text-indent {
    text-indent: -9999px;
}

.nopadding {
    padding: 0;
}

.inline{
    display: inline;
}

.div-row, .div-row-header{
    margin: 0 auto 0 auto;
    padding: 0;
}

.div-row-header, .div-data-header{
    font-weight: bold;
}

.div-data{
    float: left;
    padding:5px 5px 5px 0;
    width: 12%;
}

table td.save{
    border-bottom:none;
    padding: 12px 0 0 0;
    text-align:right;
}


/* Easy Slider */

#slider ul, #slider li,
#slider2 ul, #slider2 li{
    margin:0;
    padding:0;
    list-style:none;
}

#slider2{margin-top:1em;}

#slider, #slider li, #slider2 li{
    /*
        define width and height of list item (slide)
        entire slider area will adjust according to the parameters provided here
    */
    width:595px;
    height:405px;
    overflow:hidden;
    position: relative;
}

/*
#slider .caption {
    background: rgb(0, 0, 0); // The Fallback
    background:rgba(0, 0, 0, 0.75) none repeat scroll 0 0;
    color:#FFFFFF;
    font-size:18px;
    height:70px;
    left:0;
    letter-spacing:-0.2px;
    padding:12px;
    position:absolute;
    top:330px;
    width:296px;
    z-index: 300;
}
*/

#slider .caption {
    background: rgb(0, 0, 0); /* The Fallback */
    background:none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
color:#FFFFFF;
font-size:16px;
font-weight:bold;
height:46px;
left:0;
letter-spacing:-0.2px;
padding:6px;
position:absolute;
top:333px;
width:583px;
z-index:300;
}

#slider .caption .text{
    font-size:14px;
    font-weight:normal;
}

#slider .caption a, #slider .caption a:visited, #slider .caption a:active {
    text-decoration: underline;
    color: #fff;
}

#slider .caption a:hover {
    color: gray;
}



/*----------------------------------------------------------------------------*/
/*----------------------- Main layout elements -------------------------------*/

#eyecatcher {    
    background:rgb(0, 0, 0); /*Fallback*/
    background:rgba(0,0,0,0.35);    
    text-align: center;
    color:#BD8A80;
    min-height: 10px;
}

#eyecatcher .catcher {
    padding: 4px;
}

#eyecatcher a {
    font-size:13px;
    margin: 0 17px;
    color:#E7EEF5;
    font-weight: bold;
}

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

#header .page {
    height: 75px;
    padding-bottom: 0;
    position: relative;
}

#flashs {
    left:262px;
    max-height:92px;
    position:absolute;
    bottom: 0;
    width:661px;
    z-index:1;
}

#flashs .flash {
    background:#111111 none repeat scroll 0 0;
    color:#FFFFFF;
    font-size: 14px;
    font-family:sans-serif;
    margin-top:10px;
    max-height:70px;
    opacity:0.8;
    overflow: auto;
    padding:10px 7px;
}

#flashs a {
    color: #FFFFFF;
    font-size: 10px;
}

#flashs .flashpromo a {
    color: #F2FC5F;
    font-size: 14px;
}

#main-content {
    margin-right: 40px;
}

#main-content h2{
    -moz-border-radius-topleft:3px;
    -moz-border-radius-topright:3px;
    -webkit-border-top-left-radius:3px;
    -webkit-border-top-right-radius:3px;
    background:#FFFFFF none repeat scroll 0 0;
    border-bottom:1px solid #808080;
    font-size: 100.01%;
    padding:4px 15px;
    margin: 0;
}

#main-content h2.tabbar{
    padding:0;
}

#main-content h2.tabbar a{
    text-decoration: underline;
    font-weight: normal;
}

#main-content h2.tabbar ul{
    padding:0;
    margin: 0;
}

#main-content h2.tabbar ul li{
    border-right:1px solid #808080;
    float:left;
    margin:0;
    padding:4px 10px;
}

#main .page{
    position:relative;
}



#nav-main {
    background: rgb(0, 0, 0) none repeat scroll 0 0; /* The Fallback */
    background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    margin: 0 0 24px 40px;
}

#nav-main a {
    color:#fff;
}

#nav-main #blue-ribbon {
    background:transparent url(/static/img/misc/blue_ribbon.png) no-repeat scroll left bottom;
    font-size:16px;
    font-weight:bold;
    height:39px;
    left:21px;
    padding:5px 0 0 0;
    position:absolute;
    top:46px;
    width:234px;
}



#nav-main #blue-ribbon a{
    color: #000;
    display:block;
    padding:8px 5px 7px 14px;
}

#nav-main #blue-ribbon a:hover, #nav-main #blue-ribbon:hover a{
    color: #fff;
}

#nav-main ul{
    border-top:1px solid #2963A4;
    margin: 0;
}

#nav-main ul li {
    /*background:url(/static/img/background/nav-left-item.png);*/
    border-bottom:1px solid #2963A4;
    height:36px;
    margin: 0;
    list-style-type: none;
}

#nav-main ul li.nolink {
    color: #fff;
    height:20px;
    padding: 7px;
}

#nav-main ul li.nolink:hover {
    color: #000;
    height:20px;
    padding: 7px;
}

#nav-main ul li a {
    display: block;
    height: 20px;
    padding: 8px;
}

#nav-main ul li .inbox_count {
    color: #F5F5DC;
}

#nav-partners {
    text-align: right;
}

#nav-logo {
    padding: 0 0 24px 0;
}

#logo {
    float: left;
}

#logo h1, h1.home-logo {
    font-family: 'Abel', sans-serif;
    margin:0;
}

#logo h1 a, #logo h1 a:hover, h1.home-logo a, h1.home-logo a:hover, .powered-by a, .powered-by a:hover{
    color: #fff;
}
#nav-text {
    color:#FFFFFF;
    padding: 0 6px 0 48px;
    text-align:justify;
}

#footer {
    text-align: center;
    font-style:italic;
}



/*----------------------------------------------------------------------------*/
/*----------------------- Nav active/hover highlight-on-hover -------------------------*/

#nav-main li:hover, 
body.home li#home-link, body.home li#home-link a, body.step1 li#step1-link,
body.step2 li#step2-link, body.step3 li#step3-link, body.step4 li#step4-link,
body.step5 li#step5-link, body.step6 li#step6-link, body.step_final li#step_final-link{
    color:#000;
    font-weight: bold;
    background-color:#E7EEF5;
}

#nav-main li:hover a {
    color:#000;
    font-weight: normal;
}

/*----------------------------------------------------------------------------*/
/*------------------------ App layout elements -------------------------------*/

#profile, #payment, #friendship, #subscription, #verification,
#messaging, #photo, #flat, .content-background{
    padding: 15px;
    background:rgb(255, 255, 255); /*Fallback*/
    background:rgba(255, 255, 255, 0.6);
    -moz-border-radius-bottomleft:3px;
    -moz-border-radius-bottomright:3px;
    -webkit-border-bottom-left-radius:3px;
    -webkit-border-bottom-right-radius:3px;
    min-height: 460px;
}

form.uni-form .uni-form-row {
    margin-bottom: 5px;
}

form.uni-form .uni-form-row label{
    display: block;
    font-weight: bold;
}

form.uni-form .uni-form-row span.field-required{
    display: none;
}

form.uni-form p.errorField {
    margin: 0;
    font-style: italic;
}

/*---------------------------- Homepage --------------------------------------*/

#slideshow {
    position:relative;
    height: 405px;
    width:595px;
    float: left;
}

#slideshow-badge {
    position:absolute;
    right:1px;
    top:4px;
    z-index:2000;
}

#slideshow img.ribbon {
    position:absolute;
    right:0;
    top: 0;
    z-index:100;
}

#slideshow #slides{
    z-index:1
}

#slideshow .slide {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    overflow:hidden;
}

#slideshow .slide.active {
    z-index:10;
}

#slideshow .slide.last-active {
    z-index:9;
}

#slideshow #captions {
    background: rgb(0, 0, 0); /* The Fallback */
    background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    color:#FFFFFF;
    font-size:21px;
    height:83px;
    left:0;
    letter-spacing:-0.2px;
    padding:5px 20px 4px;
    position:absolute;
    top:358px;
    width:621px;
    z-index: 300;
}

#slideshow #captions .caption {
    position:absolute;
    display: none;
    width: 623px;
}

#slideshow #captions .caption.active {
    display: block;
}

#slideshow #captions .caption .text{
    font-size: 16px;
}

#slideshow img{
    /*
    width: 100% !important ;
    height: 100% !important;
    */
}

body.home #main-content {
    margin-right: 0;
}

body.home #last_profiles_right {
    float: right;
}

body.home #last_profiles_right .profile-box {
    margin-bottom: 15px;
}

body.home #last_profiles_bottom {
    clear: both;
    padding-top: 15px;
}

body.home #last_profiles_bottom .profile-box {
    float: left;
    margin-right: 12px;
}

body.home #last_profiles_bottom .profile-box-last,
body.home #last_profiles_right .profile-box-last{
    margin-right: 0 !important;
    margin-bottom: 0 !important;
}

#home #singles {
    position: relative;
}

#home .slider, #home .caper {
    position: absolute;
}

#home #promo-area{
    margin:15px 0;
}

#home #promo-area .promo-button, .promo .promo-button{
    background: #143152;
    border:1px solid #000000;
    color:#fff;
    font-size:97%;
    font-weight:bold;
    line-height:1.7em;
    text-align:center;
    width:345px;
    margin: 0;
    -moz-border-radius-bottomleft:9px;
    -moz-border-radius-bottomright:9px;
    -moz-border-radius-topleft:9px;
    -moz-border-radius-topright:9px;
    -webkit-border-bottom-left-radius:9px;
    -webkit-border-bottom-right-radius:9px;
    -webkit-border-top-left-radius:9px;
    -webkit-border-top-right-radius:9px;
}

#otherprovider .promo-button {
    padding:8px 5px;
    width: 100%;
    text-align:right;
}

#otherprovider .promo-button:hover {
    border-color: #000;
}

#otherprovider .promo-button .box{
    float: left;
}

#otherprovider .promo-button .box img{
    padding-right:4px;
}

#otherprovider .promo-button .textbox{
    padding:10px 25px;
    text-align:center;
    width:120px;
}

#otherprovider .promo-button .textbox a{
    color: #fff;
}

#otherprovider .promo-button .textbox a:hover{
    text-decoration: underline;
}

#otherprovider {
    padding:0 12px 0 40px;
}


#home #promo-area .promo-button.special, .promo .promo-button.special{
    background: #143152;
}

#home #promo-area .promo-button:hover, .promo .promo-button:hover,
#home #promo-area .promo-button.special, .promo .promo-button.special{
    border-color: #fff;
}

#home #promo-area .promo-button.special:hover, .promo .promo-button.special:hover{
    border-color: #000;
}

#home #promo-area .promo-button a{
    color:#fff;
    display:block;
    padding: 3px;
    text-decoration:none;
}

#home #promo-area .promo-button.special a, .promo .promo-button.special a{
    color:#fff;
}

#home #promo-area .promo-button a:hover, .promo .promo-button a:hover{
    color:#FFFFFF;
}

#home-text {
    margin:15px 0 0 40px;
}

#home-text #introduction .intro-text-wrapper{
    color: #020202;
    font-size:16px;
    padding-right:10px;
    text-align:justify;
}

#home-text #introduction .intro-text, #home-text #faq-menu{
    margin-top:26px;
}

#home-text #faq-menu {
    font-size:93%;
    padding:0 12px 0 10px;
    text-align:justify;
}

#home-text .left{
    padding-right:32px;
}

#home-text .middle{
    padding: 0 16px;
}

#home-text .right{
    padding-left:32px;
}

#home-text h2, #home-text h3, #flat h3, #flat h4{
    font-size: 116.67%;
    margin-bottom: 10px;
    margin-top: 10px;
}

#home-events {
    color: #fff;
    font-weight: normal;
    -moz-border-radius:5px 5px 5px 5px;
    background:none repeat scroll 0 0;
    background-color: transparent;
    background-color: rgba(0, 0, 0, 0.1);
    border:5px solid ;
    border-color: rgb(0, 0, 0);
    border-color: rgba(0, 0, 0, 0.5);
    margin-bottom:20px;
}

#home-events a.title, #events #events-list a.title{
    color: #ffffff;
    font-weight:bold;
    text-decoration:none !important;
}

#home-events ul, #home-events ul li,
#events #events-list ul, #events #events-list ul li {
    margin:0;
}

#home-events ul li, #events #events-list ul li {
    border-bottom: 1px solid #562621;
    padding: 6px;
}

#home-events .event-description, #home-events .event-info {
    font-size: 93%;
}

#flat h2 {
    margin: 0 -15px;
    padding-top: 3px;
    padding-bottom: 3px;
}

#home a, #home a:hover,
#flat a, #flat a:hover,
#home-text a, #home-text a:hover{
    text-decoration: underline
}

/*---------------------------- Registration app ------------------------------*/

#registration #nav-bottom {
    border-top:1px solid;
    height:25px;
    padding:10px;
}

#registration-form ul.errorlist, #registration-form ul.errorlist li {
    float:left;
    margin: 0 10px 0 0;
}

#registration-form .error {
    background-color:#143152;
    border-color:#242B36;
    border-style:solid solid none solid;
    border-width: 1px 1px 0 1px;
    color:#fff;
    font-style:italic;
    font-weight:bold;
    padding:4px;

}

#registration-form .help_text {
    float: left;
    font-size:80%;
    font-weight:normal;
    margin-right: 6px;
}

#registration-form .row {
    margin: 0 0 20px 0;
}

#registration-form .row .header{
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    background:#F4F4F4 none repeat scroll 0 0;
    border-color:#242B36;
    border-style:solid solid none;
    border-width:1px 1px 0;
    color:#000;
    font-weight:bold;
    padding:5px;
}

#registration-form .row .body{
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    background:#FFF none repeat scroll 0 0;
    border:1px solid #242B36;
    padding:10px 5px;
    opacity:0.6;
}

#registration-form .row .body .line {
    clear: both;
    margin:0 0 20px;
}

#registration-form .row .body .line .label {
    float: left;
    font-weight:bold;
    padding:4px 0 0 5px;
    width:100px;
}

#registration-form .row .field ul li{
    float: left;
    padding: 0px 12px 8px 0;
    width:188px;
    margin: 0;
}

body.step5 #registration-form .row .field ul li{
    padding:5px 12px 0 0;
    width:80px;
}

#registration-form a#back-link, #registration-form a#back-link:hover {
    float: left;
    color: #000;
    padding-top:1px;
}

#registration-form input#next {
    float:right;
}

#registration-form a#back-link, #registration-form input#next {
    color: #000;
    font-size:150%;
    font-style:italic;
}

#registration-form .regionfield select{
    width: 220px;
    margin-right: 10px;
}

/*---------------------------- Profile app -----------------------------------*/

#profile h5 {
    font-size: 100%;
    margin-bottom:7px;
}

#profile #user-photos h5 {
    font-size: 100%;
    margin-bottom:8px;
}

#profile .category h5 {
    background:#EBF5F0 none repeat scroll 0 0;
    border:1px solid #999999;
    padding:3px 5px;
    -webkit-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#profile.details #avatar {
    margin:0 17px 10px 0;
}

#profile.details #avatar img, #profile.details #user-photos .photo img{
    border: 1px solid #808080;
    padding: 1px;
}

#profile.details #avatar h5{
    text-align: center;
    margin-top:4px;
}

#profile.details #userinfo {
    padding-bottom: 15px;
}

#profile.details #userinfo .row {
    padding-bottom: 6px;
}

#profile.details #userinfo .label {
    font-weight: bold;
    padding: 4px 0;
}

#profile.details #userdetails .section{
    clear: both;
    padding:12px 5px 0;
}

#profile.details a.text-edit,
#profile.details .tag_actions a {
    font-size: 80%;
    font-style: italic;
}

#profile.details #usertext {
    width: 170px;
    padding-bottom: 20px;
}

#profile.details  a.useraction {
    display: block;
    padding: 0 0 7px 22px;
    font-weight: normal;
}

#profile.details .useraction a{
    text-decoration: underline;
}

#profile.details a.useraction.send_message{
    background: transparent url('/static/img/icons/mail__plus.png') no-repeat scroll 0 0;
}

#profile.details a.useraction.add_to_contacts{
    background: transparent url('/static/img/icons/card_address.png') no-repeat scroll 0 0;
}

#profile.details a.useraction.edit_details{
    background: transparent url('/static/img/icons/card__pencil.png') no-repeat scroll 0 0;
}

#profile.details a.useraction.change_picture,
#profile.details a.useraction.upload_photo{
    background: transparent url('/static/img/icons/image_plus.png') no-repeat scroll 0 0;
}

#profile.details a.useraction.upload_photo {
    display:inline;
}

#profile.details #activities #daytime, #profile.details #activities #nighttime {
    margin-bottom: 10px
}

#profile.details #aboutme, #profile.details #sought_partner,
#profile.details #regions{
    margin-top: 30px
}

#profile.details #user-photos {
    margin-top: 30px
}

#profile.details #user-photos .photo {
    float: left;
    margin: 0 7px 4px 0;
}

#profile.settings #delete_account, #profile.settings #delete_account a{
    font-style: italic;
}

#profile.settings #delete_account a{
    text-decoration: underline;
}

/*---------------------------- Subscription app ------------------------------*/

#subscription.plans form ul li input {
    background: transparent;
}

#subscription.plans form ul li, #subscription.plans form ul {
    margin:0;
}

#subscription.plans form ul li label{
    background:rgb(220,195,184);
    background:rgba(255, 255, 255, 0.3);
    border: 1px solid #000;
    margin: 4px 0px;    
    display:block;
    padding: 5px;
}

#subscription.plans form ul li.focused label{
    background-color: #4AA9D9;
    font-weight: bold;
}

/*---------------------------- Messaging app ---------------------------------*/

h2.inbox .outbox, h2.outbox .inbox{
    font-weight: normal;
}

#messaging.inbox, #messaging.outbox, #profile.list_matches {
    min-height: 300px;
    padding: 0;
}

#messaging.inbox a.action, #messaging.outbox a.action,
#profile.list_matches a.action, #events .event-actions a{
    font-style: italic;
}

#messaging.inbox a.action:hover, #messaging.outbox a.action:hover,
#profile.list_matches a.action:hover, #events .event-actions a:hover{
    color: #19DD00;
}

#messaging.inbox table, #messaging.outbox table, #profile.list_matches table{
    border-top: none;
    width: 100%;
}

#messaging.inbox th, #messaging.outbox th, #messaging td {
    padding:7px 2px;
}

#messaging.inbox th.first, #messaging.inbox td.first,
#messaging.outbox th.first, #messaging.outbox td.first,
#profile.list_matches th.first, #profile.list_matches td.first {
    padding-left: 15px;
}

#messaging td.is-new {
    padding:6px 0;
    width:13px;
}

#messaging td.no-messages, #profile.list_matches td.no-matches {
    padding-left:15px;
    font-weight:bold;
}


#messaging td.actions, #messaging td.sent-at, #messaging td.sender-name {
    width:140px;
}

#messaging.inbox .message-container, #messaging.inbox .reply-container,
#messaging.outbox .message-container{
    display:none;
}

#messaging.inbox .reply-container{
    padding-bottom:10px;
}

#messaging.inbox .message-container td,
#messaging.outbox .message-container td{
    padding:12px 0 0 15px;
}

#messaging.inbox .message-container div.avatar,
#messaging.outbox .message-container div.avatar,
#messaging.compose #avatar{
    float:left;
    margin: 0 20px 10px 0;
    text-align:center;
}

#messaging.inbox .message-container div.body,
#messaging.outbox .message-container div.body,
#messaging.compose #compose-container {
    float:left;
    width:465px;
}

#messaging.inbox .message-container div.reply,
#messaging.compose #compose-container{
    background-color: #fff;
    border:1px solid #808080;
    font-weight:bold;
    margin-bottom:10px;
    padding:10px;
}

#messaging.inbox .message-container div.reply textarea,
#messaging.inbox .message-container div.reply input,
#messaging.outbox .message-container div.reply textarea,
#messaging.outbox .message-container div.reply input{
    width: 430px;
}

/*---------------------------- Payment app ---------------------------------*/

#payment #address-form, #payment #bank-form{
    float:left;
    width: 50%
}

#payment #bank-form{

}

#payment #payment-summary, #payment #address-summary,
#payment #bankaccount-summary, #verification.verify .notice-area{
    background-color: #C8FFBF;
    border: 1px solid #808080;
    padding: 6px;
    margin-bottom: 10px;
}

#payment #payment-summary .div-row-header{
    border-bottom:1px dotted #000;
    margin-bottom:7px;
}

#payment #payment-summary .div-data.description{
    width: 49%;
}

#payment #payment-summary .div-data.price{
    float:right;
    width: 50px;
    margin-right: 10px;
    text-align: right;
}

#payment #address-summary .div-data, #payment #bankaccount-summary .div-data{
    width: 42%
}

#payment #address-summary, #payment #bankaccount-summary{
    background-color:#E5FFF3;
    float: left;
    width: 300px;
    height: 145px;
}


#payment #bankaccount-summary{
    float:right;
}

#payment a.as_button{
    font-size:100%;
    font-weight:normal;
}

/*---------------------------- Verification app ------------------------------*/

#verification h3{
    font-size: 110%;
    margin: 4px 0 15px 0;
}

#verification a,
#verification button.as_link span,
#verification span.show-hidden{
    text-decoration: underline;
}

#verification span.notice{
    color: #CD2626;
    font-weight:bold;
}

#verification .hidden{
    background-color: #FBFBFB;
    border: 1px solid #BABABA;
    margin: 10px 0;
    padding: 5px;
}

#verification.verify .choice{
    background:#F5F5F5 none repeat scroll 0 0;
    border:1px solid #808080;
    padding:9px;
}

#verification.verify .label, #verification.verify .price-label,
#verification.verify .offer-label{
    background-color:#5297FF;
    border:1px solid #000000;
    color:#FFFFFF;
    float:right;
    font-size:90%;
    font-style:italic;
    font-weight:bold;
    margin:1px 0 0 6px;
    padding:3px;
    -moz-border-radius-bottomleft:3px;
    -moz-border-radius-bottomright:3px;
    -moz-border-radius-topleft:3px;
    -moz-border-radius-topright:3px;
    -webkit-border-bottom-left-radius:3px;
    -webkit-border-bottom-right-radius:3px;
    -webkit-border-top-left-radius:3px;
    -webkit-border-top-right-radius:3px;
}

#verification.verify .price-label{
    background-color:#B34B4B;
}

#verification.verify .offer-label{
    background-color:#8AB103;
}
/*------------------------------- Events app ---------------------------------*/

#event.show #avatar {
    float: left;
    margin-right: 35px;
    text-align:center;
    width: 115px;
}

#event.show #info .meta{
    font-style: italic;
    margin-bottom: 10px;
}

#events #events-list a.title{
    color: #000000;
    font-size:120%;
}

/*------------------------------- Review app ---------------------------------*/


#review table{
    width:100%;
    border: 1px solid #000;
    border-top: none;
}

#review tr.heading{
    font-size: 120%;
    font-weight: bold;
}

#review tr.heading td{
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

#review td{
    vertical-align:top;
    border: none;
}

#review a.own-banner {
    text-decoration: none;
    position:relative;
}

#review a.own-banner span{
    bottom:6px;
    position:absolute;
    right:9px;
}

/*------------------------------- Social Buttons------------------------------*/

#header .fb-header {
    float: right;
    margin-top: 47px;
}

#header .fb-connect {
    float: right;
}

#header .fb-like {
    float: right;
    margin-top: 3px;
}

/*Social icons sprite file*/
.social_buttons > span:before {
	background: url(/static/img/misc/social_buttons_icons.png) no-repeat;
}


/*Resets*/
.social_buttons {
	border: 0;
	color: #fff !important;
	cursor: pointer;
	font-weight: bold;
	letter-spacing: 0;
	outline: none;
	padding: 0;
	text-decoration: none !important;
}
button::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/*22px height*/
.sb_24 > span,
.sb_24 > span:before {
	font-size: 12px;
	height: 22px;
	line-height: 22px;
}
.sb_24 > span:before {
	width: 22px;
}
.sb_24 > span {
	padding-right: 10px;
}
.sb_24,
.sb_24 > span {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
/*48px height*/
.sb_48 > span,
.sb_48 > span:before {
	font-size: 18px;
	height: 36px;
	line-height: 36px;
}
.sb_48 > span:before {
	width: 40px;
}
.sb_48 > span {
	padding-right: 20px;
}
.sb_48,
.sb_48 > span {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

/*icons*/
.sb_facebook.sb_24 > span:before {
	background-position: 5px 4px;
}
.sb_linkedin.sb_24 > span:before {
	background-position: 5px -45px;
}
.sb_twitter.sb_24 > span:before {
	background-position: 5px -95px;
}
.sb_google.sb_24 > span:before {
	background-position: 5px -146px;
}
.sb_facebook.sb_48 > span:before {
	background-position: -40px 7px;
}
.sb_linkedin.sb_48 > span:before {
	background-position: -40px -42px;
}
.sb_twitter.sb_48 > span:before {
	background-position: -40px -91px;
}
.sb_google.sb_48 > span:before {
	background-position: -40px -141px;
}

/*Brand colors*/
.sb_facebook {
	background: #5E76AB;
	border: 1px solid #5E76AB;
}
.sb_facebook:hover {
	background: #4863AE;
}
.sb_linkedin {
	background: #4A95BF;
	border: 1px solid #4A95BF;
}
.sb_linkedin:hover {
	background: #3B88C5;

}
.sb_twitter {
	background: #A7E7EB;
	border: 1px solid #A7E7EB;
}
.sb_twitter:hover {
	background: #85DCE2;
}
.sb_google {
	background: #6D88EA;
	border: 1px solid #6D88EA;
}
.sb_google:hover {
	background: #4E6CF7;
}
.sb_twitter > span {
	border-top-color: rgba(255,255,255,0.7) !important;
	border-bottom-color: rgba(0,0,0,0.3) !important;
	color: #3C6B9C !important;
	text-shadow: 0 1px 1px rgba(255,255,255,0.7) !important;
}

/*Common*/
.social_buttons {
	border-bottom: none;
	border-left: none;
	border-right: none;
	display: block;
	font-family: "Lucida Grande", Tahoma, sans-serif;
	position: relative;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.5);
}
.social_buttons > span {
	background: -moz-linear-gradient(top, rgba(255,255,255,0.2), rgba(255,255,255,0) 40%, rgba(0,0,0,0) 70%, rgba(0,0,0,0.1));
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.2)), color-stop(40%, rgba(255,255,255,0)), color-stop(70%, rgba(0,0,0,0)), to(rgba(0,0,0,0.1)));
	border: 1px solid rgba(0,0,0,0.1);
	border-bottom-color: rgba(0,0,0,0.5);
	border-top-color: rgba(255,255,255,0.5);
	display: block;
	overflow: visible;
	white-space: nowrap;
}
.social_buttons > span:before {
	-moz-box-shadow: 1px 0 1px rgba(255,255,255,0.2);
	-webkit-box-shadow: 1px 0 1px rgba(255,255,255,0.2);
	background-repeat: no-repeat;
	border-right: 1px solid rgba(0,0,0,0.1);
	box-shadow: 1px 0 1px rgba(255,255,255,0.5);
	content: "";
	display: block;
	float: left;
	margin-right: 10px;
}

/*Interactions*/
.social_buttons:hover > span {
	border-top-color: rgba(255,255,255,0.5);
	border-bottom-color: rgba(0,0,0,0.7);
}
.social_buttons:active > span {
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(255,255,255,0.3)), color-stop(30%, rgba(255,255,255,0)), color-stop(50%, rgba(0,0,0,0)), to(rgba(0,0,0,0.2)));
	background: -moz-linear-gradient(bottom, rgba(255,255,255,0.3), rgba(255,255,255,0) 30%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.2));
	border-top: 1px solid rgba(255,255,255,0.2);
	border-bottom: 1px solid rgba(0,0,0,0.3);
}
.sb_24:active > span {
	line-height: 23px;
}
.sb_48:active > span {
	line-height: 38px;
}