* {
margin: 0;
padding: 0;
}
html, body {
height: 100%;
text-align: center; /*** Centers the design in old IE versions ***/
}
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
body {
font: normal 62.5% Arial, Helvetica, sans-serif;
line-height: 18px;
color: #2c2d32;
width: 100%;
background-color: #F2F1EC;
}
img { border: none; padding: 0; margin:0;}
.displayNone{ display: none; }
form {
padding: 0;
margin: 0;
}
input {
font: normal 13px Arial, Helvetica, sans-serif;
border: 1px solid #d1cfcf;
padding-top: 0.15em;
margin: 0;
height: 20px;
vertical-align: middle;
}
* html input {
padding:0px 0px 2px 0px;
height:21px;
}
input.radio {
width: 15px;
height: 15px;
vertical-align: middle;
margin-right: 5px;
border: none;
}
input.checkbox {
width: 13px;
height: 14px;
vertical-align: bottom;
border: none;
margin-right: 5px;
}
input.checkboxImage {
width: 13px;
height: 14px;
vertical-align: 0%;
border: none;
margin-right: 5px;
}
select {
border: 1px solid #d1cfcf;
height: 24px;
padding-top: 2px;
vertical-align: bottom;
color: #2c2d32;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
}
textarea {
width: 100%;
height: 100px;
font-family: Arial, Helvetica, sans-serif;
color: #4c4646;
}
#MessageZone_form textarea {
width: 560px;
}
label.strong, .strong { font-weight: bold; }
ul { list-style: none; padding: 0; margin: 0; }
a, a:visited {
color: #06578B;
font-weight: bold;
text-decoration: none;
}
a:hover, a:active {
color: #06578B;
text-decoration: underline;
}
a.paddedLink, a:visited.paddedLink {
display: block;
margin: 25px 0 15px 0;
}
a:hover.paddedLink, a:active.paddedLink {
text-decoration: none;
}
h1 {
font-weight: bold;
font-size: 1.2307em;
color: #393b3f;
padding: 0;
margin-bottom: 20px;
position: relative;
clear: both;
text-align: center;
}
h2 {
font-weight: bold;
font-size: 1.077em;
display: block;
background-color: #dbe2e6;
padding: 5px;
clear: both;
}
#ad_new h2{
font-size: 1.077em;
color: #393b3f;
padding: 0;
margin: 25px 0 15px 0;
background: none;
}
#successstories h2 {
font-size: 1.0em;
margin: 0 0 20px 0;
padding: 0;
background-color: transparent;
color: #2c2d32;
}
h3 {
font-weight: bold;
font-size: 1.077em;
color: #123e6a;
padding: 10px 25px 10px 25px;
margin: 0;
height: 11px;
line-height: 0.7em;
background: url(../images/sidebarHdBg.gif) repeat-x top left;
position: relative;
}
h4 {
font-weight: normal;
font-size: 1em;
padding: 0;
text-align: center;
}
#ad_overview h4 {
font-weight: bold;
font-size: 1.077em;
padding: 25px 0 2px 0;
margin: 0 0 10px 0;
background: transparent;
border-bottom: 1px solid #fff;
}
p { margin: 5px 0 5px 0; }
.clear, .clearLt { clear: both; margin: 0; padding: 0; border: none; font-size: 0px; height: 0px; line-height: 0px;}
.floatLt, div#left div.floatLt { float: left; }
.floatRt, div#left div.floatRt { float: right; }
.textalignRt { text-align: right;}
.italic { font-style: italic; }
.divide {
clear: both;
margin: 5px 0 0 0;
border-top: 1px solid #E3E3E3;
}
.divideSearchResults {
margin:0px;
height:0px;
}
.boxFull-containerRt .divide { margin: 0 0 15px 0; }
.s2 {
float: left;
color: #4d4747;
font-size: 0.769em;
}
.s3 {
color: #838891;
font-size: 0.92em;
}
.s4 { margin: 20px 0 20px 0; }
a.s6, a:visited.s6, .s6 {
color: #2c2d32;
font-weight: normal;
text-decoration: none;
}
a:hover.s6, a:active.s6 { background-color: #c5d6e7; }
.s7 {
font-weight: bold;
font-size: 0.769em;
color: #fff;
background-color: #123e6a;
text-transform: uppercase;
}
.s11 { color: #8a8f98;}
.s10 { margin: 10px 0 0 0;}
.pProfileInterests {
margin-bottom:35px;
}
.s15 { margin: 15px 0 15px 0;}
.s5 { margin: 0 3px 0 4px;}
.marginLarge { margin-left: 60px; }
.marginMedium { margin-left: 35px; }
.marginMediumLarge { margin-left: 30px; }
li.marginSmall, input.marginSmall, select.marginSmall, .marginSmall { margin-left: 10px; }
input.marginSmallRt, select.marginSmallRt, .marginSmallRt { margin-right: 10px;}
.marginX-Small { margin-left: 5px; }
/* Button Styles */
input.button {
width: auto;
height: 23px;
padding: 0 12px;
cursor: pointer;
background-color: #db3563;
color: #fff;
vertical-align: text-top;
}
a.button {
display:block;
width: auto;
height: 23px;
padding: 0 12px;
cursor: pointer;
font-weight: bold;
font-size: 13px;
background-color: #db3563;
color: #fff;
vertical-align: text-top;
}
input.buttonThree {
width: auto;
height: 23px;
padding: 0px 12px;
cursor: pointer;
}
input.buttonFour {
width: auto;
height: 23px;
padding: 0;
cursor: pointer;
background-color: #fff;
}
input.buttonHolder {
width: auto;
height: 23px;
background-color: #c5d6e6;
padding: 0px 12px;
cursor: pointer;
color: #fff;
}
input.buttonDelete {
width: auto;
height: 23px;
padding: 0px 12px 0px 25px;
background: #db3563 url(../images/photoalbum/deletePhotoIcon.gif) no-repeat 10px 3px;
cursor: pointer;
color: #fff;
}
input.buttonDeleteHolder {
width: auto;
height: 23px;
padding: 0px 12px 0px 25px;
background: #c5d6e6 url(../images/photoalbum/deletePhotoPlaceHoldIcon.gif) no-repeat 10px 3px;
cursor: pointer;
color: #fff;
}
div.line{
border-bottom: solid 1px #C6D3DC;
height: 1px;
line-height: 1px;
overflow: hidden;
}
div.button {
height: 16px;
width: auto;
font-weight: bold;
font-size: 13px;
background-color: #db3563;
color: #fff;
padding: 3px 12px 4px 12px;
display: inline;
}
div.buttonHolder {
height: 16px;
width: auto;
font-weight: bold;
font-size: 13px;
background-color: #c5d6e6;
padding: 3px 12px 4px 12px;
display: inline;
}
div.button a, div.button a:visited, div.buttonHolder a, div.buttonHolder a:visited {
color: #fff;
display: inline;
text-align: center;
}
div.button a:hover, div.button a:active, div.buttonHolder a:hover, div.buttonHolder a:active {
color: #fff;
text-decoration: none;
}
/* End Button Styles */
/* Layout */
#header {
height: 169px;
width: 100%;
background: #fff url(../images/headerBg.gif) repeat-x top left;
}
#main {
clear: both;
width: 997px;
margin: 0 auto; /*** Centers the design ***/
text-align: left;
background: #F9F9F9 url(../images/mainBg.gif) repeat-y top left;
border-left: 1px solid #E6E1D8;
border-right: 1px solid #E6E1D8;
font-size: 1.3em;
min-height: 640px;
}
#edit #main,#premiumShop #main {
background-image: none;
}
#footer {
width: 100%;
font-size: 1.3em;
}
#left {
float: left;
width: 665px;
padding: 20px 0 0;
}
/* full width of main for edit screen */
#registration-profile {
padding: 20px 0 25px 25px;
}
#right {
float: left;
width: 332px;
padding: 0;
}
#headerContent{
width: 998px;
margin: 0 auto;
color: #fff;
line-height: normal;
font-weight: bold;
font-size: 1.2em;
padding: 8px 0 0 0;
}
.boxFull img {
margin: 0 10px 10px 0;
border: 1px solid #d8d3ca;
padding: 3px;
float: left;
background-color: #fff;
}
.boxFull img.icon {
float: none;
border: none;
margin: 0;
padding: 0;
}
.boxFull-containerLt img { margin: 0 0 10px 0; }
#right img {
float: left;
}
/* Top Content in Header */
#topBar {
float: right;
padding-right: 13px;
list-style: none;
}
#topBar li{
float: right;
padding-left: 10px;
background: url(../images/arrowPink.gif) no-repeat 0px 5px;
}
#topBar li a, #topBar li a:visited {
color: #efa7b9;
text-decoration: none;
}
#topBar li a:hover, #topBar li a:active {
color: #efa7b9;
text-decoration: underline;
}
#topBar li#stealth {
padding-left: 30px;
background: url(../images/eye.gif) no-repeat 0px 0px;
}
#topBar li#stealth.stealthOn {
background: url(../images/eyeStealth.gif) no-repeat 0px 0px;
}
#topBar li#stealth a, #topBar li#stealth a:visited {
color: #fff;
}
#topBar li#information {
background-image: none;
}
#topBar li#information a {
background: url(../images/questionmark.gif) no-repeat top left;
width: 15px;
height: 14px;
display: block;
padding-left: 3px;
padding-right: 6px;
}
#topBar li#information a span {
display: block;
width: 0;
height: 0;
overflow: hidden;
}
#topBar li#change { padding-right: 40px; }
#middlebar { padding-top: 29px; }
/* Logo */
#logo {
float: left;
margin-right: 30px;
margin-top:-19px;
height: 90px;
width:300px;
overflow:hidden;
}
/* messagenav */
ul#messagenav { margin-top: 6px; margin-left: -40px; }
#messagenav li { float: left; margin: 0; padding: 0; height:43px ; text-align: center;}
#messagenav li a, #messagenav li a:visited {
float: left;
text-decoration: none;
background: none;
height: 43px;
}
#messagenav li a:hover, #messagenav li a:active {
float: left;
text-decoration: none;
height: 43px;
}
#messagenav li a span.messagenavCornerLt, #messagenav li a span.messagenavCornerRt{
float: left;
text-decoration: none;
width: 5px; height: 43px;
padding: 0; margin: 0;
}
#messagenav li a:hover span.mailLabel, #messagenav li a:active span.mailLabel { text-decoration:underline; }
#messagenav li a:hover span.messagenavCornerLt, #messagenav li a:active span.messagenavCornerLt {
float: left;
width: 5px; height: 43px;
padding: 0; margin: 0;
}
#messagenav li a:hover span.messagenavCornerRt, #messagenav li a:active span.messagenavCornerRt {
float: left;
width: 5px; height: 43px;
padding: 0; margin: 0;
}
#messagenav li a span { /*, #nav li a:visited span*/
float: left;
color: #fff;
padding: 0 12px 0 12px;
margin-top: 15px;
height: 28px;
}
/* Pink box */
#messagenav li a span.mailTotalLt, span.mailTotalLt {
float: left;
background: url(../images/messageLtSide.gif) no-repeat 0px 0px;
margin: 10px 0 0 5px;
padding: 0;
width: 4px;
height: 24px;
}
#messagenav li a span.mailTotalLtEmpty, span.mailTotalLtEmpty {
float: left;
background: url(../images/messageLtSide_empty.gif) no-repeat 0px 0px;
margin: 10px 0 0 5px;
padding: 0;
width: 4px;
height: 24px;
}
#messagenav li a span.mailTotalRt, span.mailTotalRt {
float: left;
background: url(../images/messageRtSide.gif) no-repeat 0px 0px;
margin: 10px 5px 0 0;
padding: 0;
width: 4px;
height: 24px;
}
#messagenav li a span.mailTotalRtEmpty, span.mailTotalRtEmpty {
float: left;
background: url(../images/messageRtSide_empty.gif) no-repeat 0px 0px;
margin: 10px 5px 0 0;
padding: 0;
width: 4px;
height: 24px;
}
#messagenav li a span.mailTotal, span.mailTotal {
float: left;
background: url(../images/messsageBg.gif) repeat-x 0px 0px;
margin: 10px 0 0 0;
padding: 2px 3px 0 3px;
width: auto;
height: 24px;
font-size: 1.25em;
color: #fff;
}
#messagenav li a span.mailTotalEmpty, span.mailTotalEmpty {
float: left;
background: url(../images/messsageBg_empty.gif) repeat-x 0px 0px;
margin: 10px 0 0 0;
padding: 2px 3px 0 3px;
width: auto;
height: 24px;
font-size: 1.25em;
color: #fff;
}
/* Blue box */
#messagenav li a span.totalLt, span.totalLt {
float: left;
background: url(../images/messageLtSideBlue.gif) no-repeat 0px 0px;
margin: 10px 0 0 5px;
padding: 0;
width: 4px;
height: 24px;
}
#messagenav li a span.totalRt, span.totalRt {
float: left;
background: url(../images/messageRtSideBlue.gif) no-repeat 0px 0px;
margin: 10px 5px 0 0;
padding: 0;
width: 4px;
height: 24px;
}
#messagenav li a span.total, span.total {
float: left;
background: url(../images/messageBgBlue.gif) repeat-x 0px 0px;
margin: 10px 0 0 0;
padding: 2px 3px 0 3px;
width: auto;
height: 24px;
font-size: 1.25em;
color: #273e5b;
}
#messagenav #mailIcon {
background: url(../images/mail.gif) no-repeat top left;
margin-top: 16px;
height: 13px;
}
#messagenav #voicemailIcon {
background: url(../images/voicemail.gif) no-repeat top left;
margin-top: 8px;
height: 26px;
}
#messagenav #chatInvitationIcon {
background: url(../images/chatIcon.gif) no-repeat top left;
margin-top: 15px;
height: 15px;
}
#messagenav #settingsIcon {
background: url(../images/toolIcon.gif) no-repeat top left;
margin-top: 13px;
height: 17px;
}
#messagenav .mailLabel {
padding: 0;
margin-left: 0;
margin-right: 5px;
font-size:13px;
}
/* end messagenav */
/* Profile Grid*/
#profileBar {
float: right;
width: 221px;
padding: 2px 19px 0 0;
text-align: right;
}
#profileBar img {
float: right;
border: 1px solid #7e7979;
margin-left: 10px;
padding: 0;
}
.pinkarrow {
padding-left: 10px;
background: url(../images/arrowPink.gif) no-repeat 0px 5px;
}
#profileBar a, #profileBar a:visited {
color: #efa7b9;
}
.profileBlocks {
float: right;
height: 14px;
width: 133px;
border: 1px solid #9b9b9b;
margin: 2px 0 4px;
}
.profileBlocks li {
display: block;
float: left;
width: 10px;
height: 12px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid #fff;
background: url(../images/profileGrayBlock.gif) no-repeat 0px 0px;
font-size:0px;
}
#profileBlockLast { border-right: 1px solid #fff; }
.profileBlocks li.profileBlock {
width: 10px;
height: 12px;
background: url(../images/profilePinkBlock.gif) no-repeat 0px 0px;
}
.profileBlocks li.profileBlockTwo {
width: 10px;
height: 12px;
background: url(../images/profileBlueBlock.gif) no-repeat 0px 0px;
}
/* Main Navigation */
#nav{
clear: both;
height: 45px;
overflow: hidden;
margin-top: 2px;
}
#nav li {
float: left;
padding: 0;
height: 45px;
text-align: center;
}
#nav li a {
float: left;
height:30px;
color: #FFF;
font-weight: bold;
font-size: 1.0833em;
padding: 15px 10px 0 40px;
background: url(../images/navIconV2.png) no-repeat 0% -2%;
outline: none;
}
#nav li a span {
float: left;
height: 30px;
}
/*#nav li a:hover, #nav li a:active {
float: left;
text-decoration: none;
background-color: #FFF;
color: #2C2D32;
}
#nav #premium {
background: none;
}
#nav #premium a {
padding:0;
height:45px;
background-image: none;
margin-left: 0;
}
#nav #premium a:hover, #nav #premium a:active {
background-color: transparent;
background-image: none;
}
*/
/*#nav #premium a {
background: url(../images/navIconPremium.png) no-repeat 0% 50%;
}*/
#nav #premium a { /*.isNotPremium*/
background: url(../images/pitch_navIconPremium.png) no-repeat 0% 50%;
}
#nav li.active {
background: transparent url(../images/nav_activebg_rt.gif) no-repeat top right;
}
/*
#nav #premium.isNotPremium {
background: transparent url(../images/nav_pitch_activebg_rt.gif) no-repeat top right;
padding: 0;
}*/
#nav #premium a {
color: gold;
padding: 15px 10px 0 44px;
}
#nav #premium.active a {
padding: 0;
}
#nav li.active a {
padding: 0;
height: 45px;
}
#nav li.active a span {
background: url(../images/nav_activebg_lt.gif) no-repeat top left;
color: #2C2D32;
padding: 15px 10px 0 40px;
}
#nav #premium.active a span {
padding: 15px 10px 0 44px;
}
/*
#nav #premium.isNotPremium a{
padding: 0;
height: 45px;
}
#nav #premium.isNotPremium a span {
background: url(../images/nav_pitch_activebg_lt.gif) no-repeat top left;
color: white;
padding: 15px 10px 0 43px;
}
*/
#nav li#profile a {
background-position: 0% 16%;
}
#nav li#contacts a {
background-position: 0% 38%;
}
#nav li#suggestions a {
background-position: 0% 98%;
}
#nav li#visitors a {
background-position: 0% 58%;
}
#nav li#editProfile a {
background-position: 0% 79%;
}
#nav li#editProfile {
float: right;
}
#nav #myaccount a {
width: 116px;
padding: 0;
height: 45px;
float: left;
}
#nav #myaccount a span {
display: block;
width: 0;
height: 0;
overflow: hidden;
}
span.mailTotalLt, span.mailTotalRt, span.mailTotal {
margin-top: 0;
}
span.text {
margin-top: 5px;
}
/* End Main Nav */
/* Subnav */
#subnavBox {
width: 100%;
height: 34px;
background: url(../images/subnavBg.gif) repeat-x top left;
}
#subnavContent {
width: 998px;
margin: 0 auto;
}
#subnav li {
float: left;
margin: 0;
padding: 0;
height: 34px;
text-align: center;
}
#subnav li a, #subnav li a:visited { float: left;}
#subnav li a:hover, #subnav li a:active {
float: left;
text-decoration: none;
background: #fff url(../images/subnavActiveBg.gif) repeat-x top left;
height: 34px;
}
#subnav li.active { background: url(../images/subnavActiveBg.gif) repeat-x top left; }
#subnav li a span, #subnav li a:visited span {
color: #fff;
font-weight: bold;
font-size: 1.2em;
padding: 0 10px 0 10px;
margin: 10px 0 0 0;
float: left;
height: 24px;
}
/* End Subnav */
/* Feature */
#boxFeature {
height: 144px;
width: 615px;
background: url(../images/featureboxBg.gif) repeat-x 0px 0px;
}
#boxFeatureLtCorner {
height: 144px;
width: 7px;
background: url(../images/featureboxLeft.gif) repeat-x 0px 0px;
float: left;
}
#boxFeatureRtCorner {
height: 144px;
width: 6px;
background: url(../images/featureboxRight.gif) repeat-x 0px 0px;
float: right;
}
#boxFeatureContent {
float: left;
width: 577px;
height: 114px;
padding: 10px 10px 20px 15px;
}
#boxFeatureHeader {
margin-bottom: 10px;
font-weight: bold;
font-size: 1.077em;
color: #123e6b;
}
#boxFeatureRight {
float: right;
padding-left: 25px;
width:166px;
}
#boxFeatureList li {
font-weight: bold;
float: left;
margin: 0 2px 20px 0;
padding: 0;
height: 23px;
}
#boxFeatureList li.text { margin: 2px 4px 0 0; }
#boxFeatureList li span.boxFeatureNumber {
float: left;
width: auto;
height: 23px;
text-align: center;
background: url(../images/featureboxNumBg.gif) repeat-x top left;
padding: 2px 2px 0 2px;
}
#boxFeatureList li span.boxFeatureNumberLt {
float:left;
width: 4px;
height: 23px;
text-align: center;
background: url(../images/featureboxNumLt.gif) no-repeat top left;
padding: 0;
}
#boxFeatureList li span.boxFeatureNumberRt{
float: left;
width: 4px;
height: 23px;
text-align: center;
background: url(../images/featureboxNumRt.gif) no-repeat top left;
padding: 0;
}
#boxFeatureHeader img {
float: none;
vertical-align: -25%; /* new */
}
/* End Feature */
/* Content Layout and Styles */
.boxFull { margin: 0 25px 25px 25px; }
.boxFullLastRow { margin: 50px 25px 25px 25px; }
.boxLt {
width: 282px;
float: left;
overflow:hidden;
}
.boxRt {
float: right;
width: 282px;
}
.box {
margin: 5px 0 0 0;
float: left;
width: 190px;
}
.boxFt {
clear: both;
padding: 0;
border-top: 1px solid #c5d6e7;
}
.boxFt a, .boxFt a:visited {
display: block;
padding: 0 0 0 12px;
float: right;
background: url(../images/arrowBlue.gif) no-repeat 0px 7px;
}
div#datingAd, div#onlineUsers { width:615px; }
div#datingAd div.boxRt { margin:0px; }
a.arrow, a:visited.arrow {
padding-left: 12px;
background: url(../images/arrowBlue.gif) no-repeat 0px 7px;
}
.ratesystem li {
display: block;
float: left;
width: 12px;
height: 11px;
background: url(../images/grayheart.gif) no-repeat 0px 0px;
margin-left: 1px;
}
.ratesystem li span {
display: block;
width: 0;
height: 0;
overflow: hidden;
}
.ratesystem li.ratesystemOn {
width: 12px;
height: 11px;
background: url(../images/pinkheart.gif) no-repeat 0px 0px;
}
/* Sidebar (right-side) Styles */
#sidebarFeature {
width: 312px;
height: 243px;
padding: 15px 20px 0 0;
background: url(../images/sidebarBg.jpg) no-repeat top left;
position: relative;
}
#sidebarFeatureHR {
width: 312px;
height: 260px;
padding: 15px 20px 0 0;
background: url(../images/sidebarBgHR.jpg) no-repeat top left;
background-color: #FFF;
position: relative;
}
.sidebarFeatureText {
width: 115px;
margin-bottom: 10px;
color: #123e6a;
}
.sidebarFeatureTextHR {
margin-bottom: 10px;
color: #123e6a;
}
#sidebarContactAdmin {
width: 332px;
height: 294px;
padding: 15px 20px 0 0;
background: url(../images/sidebarContactAdmin1.jpg) no-repeat top left;
position: relative;
}
#sidebarContactAdminHr {
width: 332px;
height: 294px;
padding: 15px 20px 0 0;
background: url(../images/sidebarContactAdmin7.jpg) no-repeat top left;
position: relative;
}
div#right div#formSideBarDisplay div.apiSearchForm div.formSearchRt input#sidebarSearchSubmitButton {
margin-bottom:0px;
}
div#right div#formSideBarDisplay div.apiSearchForm div#checkSearchInput {
height:25px;
color:#DB3462;
font-style:italic;
font-weight:bold;
visibility:hidden;
}
div#right h3.sidebarHeartbeatBoxHeadline {
color: #ffffff;
height: 10px;
background: url(../images/sidebarHeartbeatHdBg.jpg) repeat-x top left;
}
#sidebarFeature .button {
position: absolute;
bottom: 20px;
right: 25px;
}
.divide2Tone {
height: 2px;
padding: 0;
margin: 10px 25px 0 25px;
}
.sidebarBox {
margin: 6px 25px 0 25px;
background: url(../images/divider.gif) repeat-x bottom left;
}
.sidebarFt {
padding: 4px 0 0 0;
margin: 5px 25px 25px 25px;
}
.sidebarFt a, .sidebarFt a:visited {
display: block;
padding: 0 0 0 12px;
float: right;
background: url(../images/arrowBlue.gif) no-repeat 0px 7px;
}
h3 img.positionArrow {
position: absolute;
right: 25px;
top: 7px;
}
.formBg { background-color: #c5d6e6; padding: 0 25px 0 25px; }
.sidebarForeignview {
text-align:left;
padding: 0px;
margin: 0px;
height: 160px;
width: 332px;
font-size: 1em;
}
.sidebarForeignviewLocked {
background :url(../images/profile/sidebar_foreignview-bg.png) no-repeat 0px 0px;
height: 190px;
}
.sidebarForeignviewUnlocked {
background :url(../images/profile/sidebar_foreignview-bg-unlocked.png) no-repeat 0px 0px;
}
.sidebarForeignOptions {
width: 332px;
height: 30px;
padding-top:16px;
text-align: center;
background-color: #fafaf8;
color: #b0b0ae;
}
.sidebarForeignOptions span {
color: #b0b0ae;
font-weight:bold;
cursor:pointer;
}
.sidebarForeignviewHeader {
padding-left: 114px;
padding-top: 20px;
font-weight: bold;
}
.sidebarForeignviewStatus {
padding-left: 140px;
padding-top: 20px;
font-weight: bold;
}
.sidebarForeignviewStatusNotAllowed {
background: url(../images/profile/not_approved.png) no-repeat 0px 0px;
color: #852619;
padding: 0 0 0 20px;
font-weight: bold;
}
.sidebarForeignviewStatusAllowed {
background: url(../images/profile/approved.png) no-repeat 0px 0px;
color: #306432;
padding: 0 0 0 20px;
font-weight: bold;
}
.sidebarForeignviewChange {
padding-left: 180px;
font-weight: bold;
}
.sidebarForeignviewVerbose {
padding-left: 140px;
padding-top: 14px;
font-style: italic;
}
/* Search Form #1 */
#formSideBarDisplay{
display: block;
}
#formSideBarDisplayHide {
display: none;
}
.formSearchLt {
width: 136px;
float: left;
}
.formSearchRt {
width: 129px;
float: right;
}
.formSearchLt label, .formSearchRt label, .formSearchFull label, .formSearch label {
display: block;
margin-bottom: 2px;
}
.formSearchLt select {
margin-bottom: 12px;
width: 136px;
}
.formSearch select {
margin-bottom: 13px;
}
#register select{ /* Registration Form Landing Page */
margin: 0 10px 12px 0;
width: 50px;
float: left;
}
.formSearchRt select {
margin-bottom: 12px;
width: 129px;
}
.formSearchFull select, .formSearchFull input {
margin-bottom: 12px;
width: 282px;
}
.formSearchLt input {
width: 136px;
margin: 20px 0 25px 0;
}
.formSearchRt input {
margin: 20px 0 25px 0;
width: 129px;
float: right;
}
.formSearchLt a {
display: block;
width: 120px;
margin: 5px 0 10px 5px;
}
.formSearchFull input.floatLt, .formSearchFull input.floatRt { width: 300px; }
.formSearch textarea {
width: 280px;
height: 150px;
}
/* End Search Form #1 */
/* Ad Search */
.formAd {
width: 128px;
float: left;
}
input.formAdButton { margin-top: 80px; }
.formAd input {
padding: 0;
margin: 3px 5px 0 0;
float: left;
display: block;
}
.formAd label {
padding: 0;
margin: 0 0 5px 0;
display: block;
float: left;
width: 110px;
}
.adMargin { margin: 18px 0 0 0; }
/* End Ad Search */
/* Footer Content */
#footerContent {
width: 938px;
margin: 0 auto;
padding: 22px 30px;
background-color: #4e7aa7;
color: #b8dbff;
overflow: hidden;
text-align: left;
font-size: 0.923em; /* 12 px */
}
#footerContent div {
height: 120px;
}
#footerContent ul {
margin-top: 10px;
}
#footerContent li {
color: #fff;
font-weight: bold;
}
#footerContent li a, #footerContent li a:visited {
color: #fff;
text-decoration: none;
padding-left: 2px;
}
#footerContent li a:hover, #footerContent li a:active { text-decoration: underline; }
#footerContent1, #footerContent2, #footerContent3, #footerContent4, #footerContent5 {
float: left;
width: 190px;
padding-left: 20px;
}
#footerContent1 {
font-weight: bold;
width: 160px;
padding-left: 0;
}
#footerContent2 {
width: 150px;
}
#footerContent5 {
width: 120px;
}
#footerContent3, #footerContent4, #footerContent5 {
border-left: 1px solid #7195b9;
}
.metaTitle {
color: #fff;
border-bottom: 1px solid #6e95bd;
padding-bottom: 7px;
margin-bottom: 7px;
}
/* Landing Page */
#landing input {
height: 17px;
padding-top: 0;
vertical-align: top;
}
#landing input.button {
padding-bottom: 3px;
height: 20px;
}
#landing #login input#username {
width: 141px;
}
#landing #login input#password {
width: 127px;
}
#landing select {
height: 21px;
}
#landing .message {
text-align: left;
margin-top: 4px;
}
#landing #header, #headerSmall #header {
height: 91px;
width: 100%;
background: #fff url(../images/LandingHeaderBg.gif) repeat-x top left;
}
#landing h3#pleaseCompleteForm {
visibility: hidden;
margin-top: 10px;
margin-bottom: 0px;
background-image: none;
}
#landing #headerContent{
width: 996px;
margin: 0 auto;
height: 86px;
color: #fff;
padding: 2px 0 0 0;
}
#landing #middlebar, #headerSmall #middlebar {
padding-top: 10px;
}
#landing #logo, #headerSmall #logo {
padding: 7px 0 0 14px;
float: left;
}
#landing #logo a {
margin-bottom: 0;
height: 52px;
display: block;
}
#landing #logo a span {
display: block;
width: 0;
height: 0;
overflow: hidden;
}
#landing #main {
width: 1012px;
min-height: 640px;
margin: 0 auto; /*** Centers the design ***/
background-image: none;
background-color: transparent;
padding: 0;
border: none;
}
#landing #mainTop {
float: left;
position: relative;
}
#landing #flashcontent {
margin-top: 0px;
position: absolute;
left: 0;
top: 0;
width: 649px;
height: 424px;
}
#landing #mainBottom {
float: left;
margin-top: 20px;
}
/*
Leftside inside flash movie
#landing #rightContent {
float: left;
height: 432px;
margin-top: -11px;
width: 307px;
padding: 6px 25px 0 17px;
background: url(../images/landing/rightContentBg.png) no-repeat top left;
position: relative;
margin-left: 649px;
}*/
#landing #rightContent {
float: left;
height: 440px;
margin-top: -13px;
width: 318px;
padding: 6px 25px 0 45px;
background: url(../images/landing/rightContentBg.png) no-repeat top left;
position: relative;
margin-left: 615px;
}
#landing #rightContent p {
line-height: 1.2em;
color: #a6a69d;
font-size: .846em; /* 11px */
font-style: italic;
margin-right: 25px;
}
#landing #rightContent #corner {
position: absolute;
width: 35px;
height: 34px;
border: 0px solid red;
top: 0;
left: -35px;
background: url(../images/landing/rightContentBgCorner.png) no-repeat top left;
}
#landing h3 {
font-weight: bold;
font-size: 1.23em;
color: #3d3c37;
padding: 20px 0 0 20px;
margin: 0;
position: relative;
line-height: 0.7em;
width: 338px;
background: url(../images/landing/boxHdSmall.gif) no-repeat top left;
}
#landing .box {
float: left;
margin: 0 24px 0 0;
width: 358px;
background: url(../images/landing/boxFtSmall.gif) no-repeat bottom left;
}
#landing .boxLong {
float: left;
margin: 0;
padding: 0;
width: 629px;
background: url(../images/landing/boxFtLarge.gif) no-repeat bottom left;
}
#landing .boxLong .landingContent {
width: 629px;
height: 50px;
background: url(../images/landing/boxHdLarge.gif) no-repeat top left;
height: 120px;
}
#landing .boxLong p {
float: left;
margin: 0;
padding: 20px 0 0 35px;
width: 265px;
}
.registerText {
position: absolute;
color: #db3462;
font-size: 0.85em;
font-style: italic;
right: 65px;
bottom: 5px;
}
#landing #footer {
height: 60px;
width: 100%;
position: relative;
}
#landing #footerContent {
height: 23px;
text-align: center;
padding: 22px 0 0 0;
background-color: transparent;
font-size: 1em;
}
#landing #footerContent ul {
margin-top: 0;
}
#landing #footerContent li {
display: inline;
padding: 0 15px 0px 10px;
}
#landing #footerContent li a, #landing #footerContent li a:visited {
color: #6f6f6f;
text-decoration: none;
}
#landing #footerContent li a:hover, #landing #footerContent li a:active {
color: #6f6f6f;
text-decoration: underline;
}
#landing #heartbeat {
height: 52px;
padding: 15px 0;
margin: 5px 20px 0;
border-top: 2px solid #c0bfb8;
overflow: hidden;
}
#landing #heartbeat img {
margin: 0;
float: left;
background-color:#FFFFFF;
border:1px solid #D8D3CA;
padding: 3px;
}
#landing #heartbeat .box1 {
margin: 0;
float: left;
width: 220px;
padding-left: 10px;
color: #3d3c37;
font-weight: bold;
}
#landing #heartbeat .box1 a {
color: #010f2f;
}
#landing #partners {
clear: both;
background-color: #fff;
height: 43px;
border: 1px solid #d9d9d1;
}
#landing #partners.hr ul {
margin-left: 90px;
}
#landing #partners ul li {
float: left;
padding: 0 28px;
}
#landing #partners ul li span {
line-height: 43px;
}
#landing #partners ul li a img {
padding-top: 7px;
}
#login {
color: #FFF;
font-weight: bold;
font-size: 1.077em;
float: right;
padding: 7px 0 0;
text-align: right;
}
#login a {
color: #efa7b9;
font-weight: bold;
text-decoration: none;
padding-right: 80px;
}
#landing #inputs {
margin-top: 7px;
}
#landing #liField_4 {
display: none;
}
#landing #liField_21 {
display: none;
}
#landing #liField_18 {
display: none;
}
#landing #ulForm_7 li{
width:126px;
float:left;
margin-bottom:0;
}
#landing #ulForm_7 li select {
margin-bottom:12px;
width:126px;
}
#landing #ulForm_7 li input {
margin-bottom:12px;
width:125px;
}
#landing #ulForm_7 li div.formlabel {
margin-bottom:2px;
}
/* eventually need to remove */
#man_liField_18 select,
#man_liField_4_21 select {
color:#4C4646;
margin-bottom:12px;
}
#man_liField_18,
#man_liField_4_21 {
float:left;
margin-bottom:0;
}
#man_liField_18 input,
#man_liField_4_21 input {
margin-bottom:12px;
width:125px;
}
#man_liField_18 div.formlabel,
#man_liField_4_21 div.formlabel {
font-weight:bold;
margin-bottom:2px;
}
/* end eventually need to remove */
#man_liField_4_21,
#man_formField_4_21{
width:160px;
}
#man_liField_18,
#man_formField_18 {
width:80px;
}
#man_liField_18, #liField_20, #liField_6 {
padding-left:24px;
}
/* End Landing Page */
/* Success Stories */
.boxFull-containerLt {
width: 184px;
}
.boxFull-containerRt {
width: 431px;
}
.pageNavigation {
margin: 10px 0 3px 0;
}
.pageNavigationBack, .pageNavigationNext, .pageNavigationNext a, .pageNavigationNext a:visited, .pageNavigationBack a, .pageNavigationBack a:visited {
width: 127px;
color: #c5d6e7;
font-weight: bold;
margin: 10px 0 3px 0;
}
#tabContent .pageNavigationBack, #tabContent .pageNavigationNext, #tabContent .pageNavigationNext a, #tabContent .pageNavigationNext a:visited, #tabContent .pageNavigationBack a, #tabContent .pageNavigationBack a:visited {
width: 185px;
}
.pageNavigationBack {
background: url(../images/successstories/arrowBack.gif) no-repeat 0% 50%;
padding-left: 18px;
}
.pageNavigationNext {
text-align: right;
background: url(../images/successstories/arrowNext.gif) no-repeat 100% 50%;
padding-right: 18px;
}
.pageNavigationNext a, .pageNavigationNext a:visited, .pageNavigationBack a, .pageNavigationBack a:visited {
color: #123e6a;
}
.pageNavigationNext a:hover, .pageNavigationNext a:active, .pageNavigationBack a:hover, .pageNavigationBack a:active {
text-decoration: underline;
}
div.pageNavigationSeparator {
border-top: 1px solid #c5d6e7;
}
div.pageNavigationSeparator .pageNavigationBack {
margin-top: 0;
padding-top: 0;
}
div.pageNavigationSeparator .pageNavigationNext {
margin-top: 0;
padding-top: 0;
}
div.successStoryConfirmPopup{
z-index: 1000;
}
div.successStoryConfirmPopup .body{
width: 300px;
height: 124px;
background-color: #FFFFFF;
border-bottom: 1px solid #E6E6E6;
}
div.successStoryConfirmPopup .footer{
background-color: #F2F5FA;
height: 50px;
}
div.successStoryConfirmPopup .button{
float: right;
cursor: pointer;
margin-top: 15px;
margin-right: 10px;
}
/* Member Submenu */
#memberSubmenu li {
border-bottom: 1px solid #c5d6e7;
padding: 5px 0 0 30px;
width: 127px;
}
#memberSubmenu li a:hover, #memberSubmenu li a:active { text-decoration: none; }
#memberSubmenu li#change_data { background: url(../images/profile/pencilIcon.gif) no-repeat 0% 55%; }
#memberSubmenu li#deactivate_profile { background: url(../images/profile/homeIcon.gif) no-repeat 0% 40%; }
#memberSubmenu li#delete_profile { background: url(../images/profile/deleteIcon.gif) no-repeat 0% 70%; }
#memberSubmenu li#settings { background: url(../images/profile/settingsIcon.gif) no-repeat 0% 40%; }
#memberSubmenu li#delete_profile_photo { background: url(../images/profile/deletePhotoIcon.gif) no-repeat 0% 40%; }
/* End Member Submenu */
/* Tab Naviagation */
#tabHeader {
width: 614px;
height: 55px;
background: url(../images/messages/tabTobBg2.png) no-repeat 0% 0%;
}
#tabFooter {
background: url(../images/messages/tabFooter.gif) no-repeat 0% 0%;
width: 614px;
height: 16px;
}
#tabContent {
border-left: 1px solid #c7d2dd;
border-right: 1px solid #c7d2dd;
width: 562px;
min-height: 100px;
padding: 1px 25px 0px 25px;
margin: 0;
background-color: #FFF;
}
#tabContent h1 {
padding-top: 8px;
white-space: pre;
}
#tabContent h2 {
background-color: transparent;
padding: 0;
font-size: .9999em;
}
#tabNavigation li,
#tabNavigationPrivate li {
float: left;
margin-right: 1px;
background: url(../images/profile/tabBlueLeftCorner.gif) no-repeat 0% 0%;
}
#tabNavigation li a,
#tabNavigation li a:visited,
#tabNavigationPrivate li a,
#tabNavigationPrivate li a:visited {
float: left;
padding: 7px 12px 0 2px;
margin-left: 10px;
height: 26px;
color: #FFF;
text-align: center;
background: url(../images/profile/tabBlueRightCorner.gif) no-repeat right top;
outline: none;
}
#tabNavigation li a:hover,
#tabNavigation li a:active,
#tabNavigationPrivate li a:hover,
#tabNavigationPrivate li a:active {
text-decoration: none;
}
#tabNavigation li.active, #tabNavigationPrivate li.active {
background: url(../images/profile/tabWhiteLeftCorner.gif) no-repeat 0% 0%;
}
#tabNavigation li.active a,
#tabNavigation li.active a:visited,
#tabNavigationPrivate li.active a,
#tabNavigationPrivate li.active a:visited {
background: url(../images/profile/tabWhiteRightCorner.gif) no-repeat 100% 0%;
color: #204a72;
height: 27px;
}
#tabNavigation li a span.tabNavigationTotal,
#tabNavigation li a:visited span.tabNavigationTotal,
#tabNavigation li.active a span.tabNavigationTotal,
#tabNavigation li.active a:visited span.tabNavigationTotal {
background: 0;
padding-left: 4px;
color: #aec5dc;
}
#tabNavigation li.active a span.tabNavigationTotal,
#tabNavigation li.active a:visited span.tabNavigationTotal {
color: #204a72;
}
#tabNavigationPrivate {
margin-right: 20px;
}
#tabNavigationPrivate li {
background: url(../images/profile/tabPurpleLeftCorner.gif) no-repeat 0% 0%;
}
#tabNavigationPrivate li a, #tabNavigationPrivate li a:visited {
background: url(../images/profile/tabPurpleRightCorner.gif) no-repeat 100% 0%;
}
#tabNavigationPrivate li a span.lock,
#tabNavigation li a:visited span.lock,
#tabNavigationPrivate li.active a span.lock,
#tabNavigation li.active a:visited span.lock {
display: block;
padding-left: 21px;
padding-top: 2px;
background: url(../images/profile/lockIcon.png) no-repeat 0% 0%;
}
.contentRow { padding-bottom: 25px; overflow: hidden; }
/* end Tab Navigation */
.contentRowLt img, .contentRowRt img { margin: 0 0 10px 0;}
/* Photo album */
#create_new_album {
float: left;
height: 75px;
width: 150px;
margin: 10px 70px 20px 100px;
background: url(../images/photoalbum/createNewAlbum.gif) no-repeat 50% 0%;
}
#upload_new_photo {
float: left;
width: 150px;
height: 75px;
margin: 10px 70px 20px 0;
background: url(../images/photoalbum/uploadNewPhoto.gif) no-repeat 50% 0%;
}
#take_webcam_photo {
float: left;
width: 100px;
height: 75px;
margin: 10px 0 20px 0;
background: url(../images/photoalbum/takeWebcamPhoto.gif) no-repeat 50% 0%;
}
#my_photos {
display: block;
float: left;
background: url(../images/photoalbum/myPhotos.gif) no-repeat 0% 0%;
width: 114px;
height: 132px;
margin-bottom: 10px;
margin-right: 20px;
}
#pinnwall_photos {
display: block;
float: left;
background: url(../images/photoalbum/pinwallPhotos.gif) no-repeat 0% 0%;
width: 109px;
height: 132px;
margin-bottom: 10px;
margin-right: 46px;
}
/** Pinboard **/
a.pink, a.pink:visited{
color: #ef2d5f; /* ec3062 */
}
a.female{
background-image: url(../imagesNew/femaleSymbol.jpg);
background-repeat: no-repeat;
background-position: 0px 1px;
padding-left: 15px;
font-size: 12px;
color: #ef2d5f;
font-weight: bold;
}
a.femaleGrayBG{
background-image: url(../imagesNew/femaleSymbolGrayBG.jpg);
}
a.male{
background-image: url(../imagesNew/maleSymbol.jpg);
background-repeat: no-repeat;
background-position: 0px 1px;
padding-left: 17px;
font-size: 12px;
color: #ef2d5f !important;
font-weight: bold;
}
a.maleGrayBG{
background-image: url(../imagesNew/maleSymbolGrayBG.jpg);
}
#pinboardRss{
font-size: 11px;
color: #717173;
margin: 0 0 28px 4px;
}
div#flashSnapshotHelpContainer{
}
div#flashSnapshotHelpContainer a{
font-size: 12px;
}
div#flashSnapshotClose{
text-align: right;
padding-right: 35px;
}
div#flashSnapshotHelp{
}
div.pinboard{
padding: 15px 0;
}
div.pinboard div.loginBox{
margin-bottom: 30px;
}
div.pinboard div.loadMore{
width: 100px;
margin: 0 auto;
overflow: hidden;
}
div.pinboard div.loadMore a{
float: left;
}
div.pinboard div.loadMore div.loading{
display: none;
}
div.pinboard div.loadMore div.loading img{
border: 0;
padding: 0;
margin: 0 0 0 5px;
width: 15px;
height: 15px;
}
div.pinboard img{
float: none;
}
div.pinboard img.image{
padding: 3px;
border: solid 1px #D4D4D4;
}
div.pinboard .cursorPointer{
cursor: pointer;
}
div.pinboard img.deleteIcon{
border: none;
margin: 0;
padding: 0;
}
div.pinboard div.pinboardLine{
border-top: solid 1px #c6d3dc;
line-height: 1px;
height: 1px;
overflow: hidden;
margin-top: 5px;
margin-bottom: 5px;
}
div.pinboard div.pinboardLineMessage{
border-top: solid 1px #c6d3dc;
line-height: 1px;
height: 1px;
overflow: hidden;
margin-bottom: 5px;
}
div.pinboard div.pinboardSpacing{
margin-bottom: 10px;
}
div.pinboard ul{
margin-left: 0;
padding-left: 20px;
padding: 0;
list-style: none;
margin: 0;
}
div.pinboard ul li{
padding-bottom: 10px;
}
div.pinboard ul li div.url{
font-size: 10px;
}
div.pinboard div.box{
width: 540px;
padding-left: 15px;
margin: 0;
}
div.pinboard div.box div.boxInfo p{
padding: 0;
margin: 0;
}
div.pinboard div.boxInfo .username span.date{
color: #999;
font-weight: lighter;
}
div.pinboard div.box div.boxInfo .username{
float: left;
}
div.pinboard div.box div.boxInfo div.actions{
float: right;
margin-top: 3px;
}
div.pinboard div.box div.boxInfo div.actions img{
border: none;
padding: 0;
margin: 0;
}
div.pinboard div.box div.boxInfo div.data{
float: left;
padding-bottom: 20px;
}
div.pinboard div.box div.boxInfo div.data div.edit{
clear: both;
margin-top: 5px;
margin-bottom: 15px;
}
div.pinboard div.box div.boxInfo div.data div.edit textarea{
width: 440px;
}
div.pinboard div.boxInfo div.data p.StatusMessage{
display: inline;
font-weight: bold;
}
div.pinboard div.boxInfo div.data div.youtube{
float: left;
padding: 0 10px 0 0;
position: relative;
}
div.pinboard div.boxInfo div.data div.youtube img{
margin: 0;
}
div.pinboard div.boxInfo div.data div.youtube img.playButton{
bottom:9px;
left:5px;
position:absolute;
background: transparent;
border: none;
padding: 0;
margin: 0;
}
div.pinboard div.boxInfo div.data div.youtube div.video{
}
div.pinboard div.boxInfo div.data div.photo{
float: left;
padding: 0 10px 0 0;
}
div.pinboard div.boxInfo div.data div.photo img{
margin: 0;
}
div.pinboard div.boxInfo div.data div.links{
/*padding-bottom: 10px;*/
}
div.pinboard div.fotoUpload{
font-weight: bold;
}
div.pinboard div.fotoUpload div.boxInfo div.data div.photo{
margin-top: 10px;
}
div.pinboard form.editclassifiedAd{
font-weight: bold;
}
div.pinboard form.editEcard div.boxInfo{
width: 366px;
font-weight: bold;
}
div.pinboard form.editEcard div.boxInfo div.actions{
float: right;
}
div.pinboard form.editEcard div.boxInfo div.data{
width: 345px;
}
div.pinboard form.editEmail div.boxInfo{
width: 366px;
font-weight: bold;
}
div.pinboard form.editEmail div.boxInfo div.actions{
float: right;
}
div.pinboard form.editEmail div.boxInfo div.data{
width: 345px;
}
div.pinboard form.editFriendInvite div.boxInfo{
width: 366px;
font-weight: bold;
}
div.pinboard form.editFriendInvite div.boxInfo div.actions{
float: right;
}
div.pinboard form.editFriendInvite div.boxInfo div.data{
float: left;
}
div.pinboard form.editFlirt div.boxInfo{
font-weight: bold;
}
div.pinboard form.editFlirt div.boxInfo div.actions{
float: right;
}
div.pinboard form.editFlirt div.boxInfo div.data{
width: 260px;
}
div.pinboard form.editFotoUpload div.boxInfo{
font-weight: bold;
}
div.pinboard form.editFotoUpload div.boxInfo div.photo{
margin-top: 5px;
}
div.pinboard form.editclassifiedAd div.boxInfo{
width: 292px;
font-weight: bold;
}
div.pinboard form.editclassifiedAd div.boxInfo .username{
float: none;
}
/* Pinboard Comments */
div.noEntriesYet{
text-align: center;
}
div.pinboard table.showloginmsg{
width: 356px;
}
/* fix Safari bugs */
#pinboardWriteBoxOwn table.boxCorners{
table-layout: fixed;
width: 400px;
}
#pinboardWriteBoxForeign table.boxCorners{
table-layout: fixed;
}
/* fix Safari bugs END */
/* Pinboard Comments END */
div.pinboardWriteBox{
background-color: #e8f1fa;
}
div.pinboardWriteBox div.box{
margin: 0 0 10px 0;
float: none;
}
div.pinboardWriteBox img{
border: none;
padding: 0;
margin: 0;
background: transparent;
}
div.pinboardWriteBox form.writeOnPinboard div.statusMessageError{
color: #DB3462;
}
div.pinboardWriteBox form.writeOnPinboard div.formAndMedia{
padding: 13px 0 0 10px;
}
div.pinboardWriteBox iframe{
border: 0;
overflow: hidden;
background-color: transparent;
}
div.pinboardWriteBox ul{
margin-left: 0;
padding-left: 20px;
list-style: none;
padding: 0;
margin:0;
}
div.pinboardWriteBox ul li{
padding-bottom: 10px;
}
div.pinboardWriteBox ul li div.url{
font-size: 10px;
}
div.pinboardWriteBox form label{
display: block;
color: #2C2D32;
font-weight: bold;
padding-bottom: 2px;
}
div.pinboardWriteBox form textarea{
display: block;
width: 537px;
height: 33px;
border: solid 1px #d4d4d4;
font-size: 12px;
padding: 1px 0 0 2px;
}
div.pinboardWriteBox form div.postButton{
border-top: solid 2px #FFF;
padding: 9px 11px 9px 0;
}
div.pinboardWriteBox form div.postButton input{
float: right;
}
div.pinboardWriteBox form div.postButton img{ /* for the loading icon */
float: right;
border: none;
padding: 0;
margin: 0;
}
div.pinboardWriteBox form div.adds{
padding: 8px 0 0 2px;
font-weight: 600;
}
div.pinboardWriteBox form div.adds div.icon{
float: left;
padding-right: 5px;
}
div.pinboardWriteBox form div.adds div.shareText{
float: left;
padding: 6px 100px 0 0;
}
div.pinboardWriteBox form div.adds a.addPhoto{
display: block;
float: left;
}
div.pinboardWriteBox form div.adds a.addPhoto img{
padding: 0 5px 0 0;
float: left;
}
div.pinboardWriteBox form div.adds a.addPhoto span{
display: block;
float: left;
padding: 2px 7px 0 0;
width: 85px;
line-height: 13px;
}
div.pinboardWriteBox form div.adds a.addWebcamPhoto{
display: block;
float: left;
}
div.pinboardWriteBox form div.adds a.addWebcamPhoto img{
padding: 0 5px 0 0;
float: left;
}
div.pinboardWriteBox form div.adds a.addWebcamPhoto span{
display: block;
float: left;
padding: 2px 7px 0 0;
width: 70px;
line-height: 13px;
}
div.pinboardWriteBox form div.adds a.addVideo{
display: block;
float: left;
width: 82px;
}
div.pinboardWriteBox form div.adds a.addVideo img{
padding: 0 5px 0 0;
float: left;
}
div.pinboardWriteBox form div.adds a.addVideo span{
display: block;
float: left;
padding: 2px 0 0 0;
width: 50px;
line-height: 13px;
}
div.pinboardWriteBox div.media{
margin-bottom: 10px;
margin-top: 10px;
}
div.pinboardWriteBox div.media div.insert{
/*margin-bottom: 10px;*/
}
div.pinboardWriteBox div.media div.insert img{
float: none;
}
div.pinboardWriteBox div.media div.youtube{
margin-bottom: 10px;
}
div.pinboardWriteBox div.media div.youtube textarea, div.pinboardWriteBox div.media div.youtube input{
width: 350px;
}
div.pinboardWriteBox div.media div.youtube div.actions{
}
div.pinboardWriteBox div.media div.youtube div.actions input{
width: auto;
height: auto;
padding: 3px;
}
div.pinboardWriteBox div.media div.link{
margin-bottom: 10px;
}
div.pinboardWriteBox div.media div.photo{
float: none;
padding-right: 11px;
margin: 0;
}
div.pinboardWriteBox div.media div.photo img.image{
padding: 3px;
border: solid 1px #D4D4D4;
float: none;
background-color: #FFF;
}
div.pinboardWriteBox div.media div.photo #photoData{
float: left;
margin: 0 10px 0 0;
}
div.pinboardWriteBox div.media div.photo #photoActions{
float: left;
}
div.pinboardWriteBox div.media div.photo #photoActions input{
padding: 3px;
height: auto;
}
div.pinboardWriteBox div.media div.youtube div.insert input[type="text"]{
display: block;
float: left;
width: 258px;
margin: 0 7px 0 0;
}
div.pinboardWriteBox div.media div.youtube div.insert input.loadIt{
display: block;
float: left;
width: auto;
height: auto;
padding: 3px;
}
div.pinboardWriteBox div.media div.youtube img.loading{
float: left;
}
div.pinboardWriteBoxOwn{
clear: both;
}
div.pinboardWriteBoxForeign{
clear: both;
}
div.pinboardWriteBoxForeign table{
width: 377px;
}
div.pinboardWriteBoxForeign table.printRegistrationPreSuccess{
width: 555px;
}
div.pinboardWriteBoxForeign textarea.statusMessage{
width: 250px;
}
div.pinboardWriteBoxForeign div.pinboardWriteBox form.writeOnPinboard{
}
div.pinboardWriteBoxForeign div.pinboardWriteBox textarea{
width: 350px;
}
#pinboardPhotolimit{
background-color: #f2f5fa;
padding: 25px;
height: 193px;
color: #2d2e33;
}
#pinboardPhotolimit b{
font-size: 12px;
font-weight: bold;
}
#pinboardPhotolimit p{
font-size: 12px;
font-weight: lighter;
}
#pinboardPhotolimit div.button{
float: right;
margin-top: 66px;
}
#pinboardNoPermission{
background-color: #f2f5fa;
padding: 25px;
height: 193px;
color: #2d2e33;
}
#pinboardNoPermission b{
font-size: 12px;
font-weight: bold;
}
#pinboardNoPermission p{
font-size: 12px;
font-weight: lighter;
}
#pinboardNoPermission div.button{
float: right;
margin-top: 26px;
}
/** Pinboard END **/
/** Pinboard Profile **/
div.pinboardForeignView{
margin: 0 0 5px 0;
}
div.pinboardForeignView a{
font-size: 12px;
}
div.profileStatusMessage{
clear: both;
margin: 0 0 10px 0;
}
div.profileStatusMessage div.message{
margin: 0 0 8px 0;
}
div.profileStatusMessage div.message span.statusMessageText{
font-weight: bold;
padding: 0 5px 0 0;
}
div.profileStatusMessage div.message span.date{
color:#999999;
font-weight:lighter;
}
div.profileStatusMessage div.line{
margin: 0 0 7px 0;
}
/** Pinboard Profile End **/
/** Pinboard MessageCenter **/
#pinboard_comment_mc_notification{
}
#pinboard_comment_mc_notification p.header{
font-weight: bold;
margin: 0 0 21px 0;
padding: 0;
}
#pinboard_comment_mc_notification p.comment{
font-weight: lighter;
margin: 0 0 21px 0;
padding: 0;
}
/** Pinboard MessageCenter End **/
#create_new_ad {
float: right;
height: 64px;
width: 85px;
margin-left: 30px;
background: url(../images/bds/createNewAdIcon.gif) no-repeat 0% 20%;
}
#create_new_ecard {
float: right;
height: 62px;
width: 81px;
margin-left: 0px;
background: url(../images/ecard/ECards_icon_create.gif) no-repeat 0% 0%;
}
#create_new_ecard a, #create_new_album a, #upload_new_photo a, #take_webcam_photo a, #create_new_ad a {
display: block;
}
#create_new_ecard a span, #create_new_album a span, #upload_new_photo a span, #take_webcam_photo a span, #create_new_ad a span {
display: block;
padding: 60px 0 0 0;
}
#my_photos a, #pinnwall_photos a {
display: block;
}
#my_photos a span, #pinnwall_photos a span {
display: block;
padding: 118px 0 0 0;
}
#my_photos a img, #pinnwall_photos a img, .photoalbumCovers a img {
background-color: #fff;
width: 68px;
height: 71px;
margin: 10px 0 0 22px;
}
.photoalbumCovers {
background: url(../images/photoalbum/pinwallPhotos.gif) no-repeat 0% 0%;
margin: 0 0px 10px 0;
width: 114px;
height: 138px;
}
.photoalbumCovers:after {
content: ".";
visibility: hidden;
display: block;
height: 0;
clear: both;
}
.photoalbumCovers a span {
display: block;
float: left;
padding: 22px 0 0 12px;
}
.photoalbumCoverMargin {
margin-right: 30px;
}
#photoalbumCoverCurrent {
background: url(../images/photoalbum/myPhotos.gif) no-repeat 0% 0%;
}
/* Photo Album Forms */
label.photoalbumFormPlaceHold { color: #c5d6e6; }
select.photoalbumSelect {
width: 150px;
height: 23px;
padding-top: 0.15em;
}
input.photoalbumText {
color: #8a8f98;
font-weight: normal;
}
/* End Photo Album Forms */
/* Photos */
.photo {
float: left;
margin-bottom: 5px;
}
.profilePhotoBtn a {
float: right;
display: block;
width: 17px;
height: 17px;
background: url(../images/photoalbum/profilePhotoBtn.gif) no-repeat 0% 0%;
}
.deletePhotoBtn a {
float: right;
padding-left: 8px;
display: block;
width: 17px;
height: 17px;
background: url(../images/photoalbum/deletePhotoBtn.gif) no-repeat 0% 0%;
}
.photoalbumPhotos {
margin: 0 0 15px 0;
width: 83px;
height: 105px;
}
.deletePhotoBtn a span, .profilePhotoBtn a span {
display: block;
width: 0;
height: 0;
overflow: hidden;
}
.photoalbumMargin { margin-right: 11px; }
#albumCoverBoxPlaceHold, #albumCoverBox {
width: 135px;
border: 1px solid #c5d6e6;
float: left;
margin-right: 25px;
}
#albumCoverBox {
border-color: #2c5887;
background: #c5d6e6;
}
#albumCoverBoxPlaceHold:after, #albumCoverBox:after {
content: ".";
visibility: hidden;
display: block;
height: 0;
clear: both;
}
#albumCoverHeaderPlaceHold, #albumCoverHeader {
background-color: #c5d6e6;
color: #fff;
text-align: center;
padding: 2px 0 4px 0;
}
#albumCoverHeader { background-color: #2c5887; }
#albumCoverPhotoPlaceHold, #albumCoverPhoto {
height: 83px;
width: 75px;
margin: 24px 26px 24px 26px;
}
#albumCoverPhotoPlaceHold img, #albumCoverPhoto img{
margin: 0;
float: none;
}
.image, .imagePlaceHold {
float: left;
width: 113px;
}
.imagePlaceHold img {
margin: 0;
background-color: transparent;
border-color: #c5d6e6;
}
.image img {
margin: 0;
background-color: #fff;
border-color: #d8d3ca;
}
.image a:hover img, .image a:active img {
background-color: #6497cc;
border-color: #6497cc;
}
.imageDetail {
clear: left;
font-weight: bold;
color: #123e6a;
}
.imageDetail input.editItem {
width: 110px;
font-size: 11px;
}
.deleteSelectionBtn a, .deleteSelectionBtnPlaceHold a {
float: left;
padding: 10px 0 0 23px;
display: block;
height: 17px;
background: url(../images/photoalbum/deletePhotoBtn.gif) no-repeat 0px 10px;
}
.deleteSelectionBtnPlaceHold a, .deleteSelectionBtnPlaceHold a:visited {
background: url(../images/photoalbum/deletePhotoBtnPlaceHold.gif) no-repeat 0px 10px;
color: #c5d6e6;
}
.deleteSelectionBtnPlaceHold a:hover, .deleteSelectionBtnPlaceHold a:active {
text-decoration: none;
}
#noPhotosUploaded {
float: left;
background: url(../images/photoalbum/noPhotosUploaded.gif) no-repeat top left;
width: 298px;
height: 58px;
}
#noPhotosUploaded span {
display: block;
width: 0;
height: 0;
overflow: hidden;
}
div.photoGalleryImagePopup{
z-index: 1000;
background-color: #FFFFFF;
}
div.photoGalleryImagePopup .header{
width: 422px;
height: 50px;
border-bottom: 1px solid #c5d6e7;
background-color: #F2F5FA;
cursor: move;
}
div.photoGalleryImagePopup .header .headline{
float: right;
margin-right: 50px;
padding-top: 10px;
font-size: 18px;
font-weight: bold;
color: #737174;
}
div.photoGalleryImagePopup .header .text{
margin: 0 25px 0;
padding-top: 21px;
font-size: 13px;
color: #2c2d32;
font-weight: bold;
}
div.photoGalleryImagePopup .header .closeIcon{
float: right;
margin-top: -1px;
margin-right: -1px;
cursor: pointer;
}
div.photoGalleryImagePopup .body{
width: 422px;
height: 410px;
padding: 0px;
overflow: hidden;
overflow-x: hidden;
text-align: center;
}
div.photoGalleryImagePopup .footer{
width: 422px;
height: 26px;
padding: 2px 0 22px;
background-color: #F2F5FA;
border-top: 1px solid #c5d6e7;
}
div.photoGalleryImagePopup .footer .button{
float: right;
margin-top: 10px;
margin-right: 14px;
cursor: pointer;
}
div.photoGalleryDelImgPopup{
z-index: 1000;
background-color: #F2F5FA;
}
div.photoGalleryDelImgPopup .body{
width: 422px;
height: 120px;
overflow: auto;
overflow-x: hidden;
}
div.photoGalleryDelImgPopup .body .headline{
margin: 0 25px 0;
padding-top: 21px;
font-size: 13px;
color: #2c2d32;
font-weight: bold;
}
div.photoGalleryDelImgPopup .body .text{
margin: 0 25px 0;
padding-top: 10px;
font-size: 13px;
color: #2c2d32;
font-weight: normal;
}
div.photoGalleryDelImgPopup .body .button{
float: right;
margin-top: 10px;
margin-right: 14px;
cursor: pointer;
}
div.photoGalleryAspiImgPopup{
z-index: 1000;
background-color: #F2F5FA;
}
div.photoGalleryAspiImgPopup .body{
width: 422px;
height: 160px;
overflow: auto;
overflow-x: hidden;
}
div.photoGalleryAspiImgPopup .body .headline{
margin: 0 25px 0;
padding-top: 21px;
font-size: 13px;
color: #2c2d32;
font-weight: bold;
}
div.photoGalleryAspiImgPopup .body .text{
margin: 0 25px 0;
padding-top: 10px;
font-size: 13px;
color: #2c2d32;
font-weight: normal;
}
div.photoGalleryAspiImgPopup .body .button{
float: right;
margin-top: 10px;
margin-right: 14px;
cursor: pointer;
}
div.photoGalleryUploadPopup{
z-index: 1000;
background-color: #F2F5FA;
}
div.photoGalleryUploadPopup .body{
width: 422px;
height: 280px;
overflow: auto;
overflow-x: hidden;
}
div.photoGalleryUploadPopup .body .headline{
margin: 0 25px 0;
padding-top: 21px;
font-size: 13px;
color: #2c2d32;
font-weight: bold;
}
div.photoGalleryUploadPopup .body .text{
margin: 0 25px 0;
padding-top: 10px;
font-size: 13px;
color: #2c2d32;
font-weight: normal;
}
div.photoGalleryUploadPopup .body input#file{
margin: 20px 25px 10px;
font-weight: normal;
}
div.photoGalleryUploadPopup .body input.text{
width: 380px;
border:1px solid #D1CFCF;
font-weight:bold;
height:21px;
margin: 0 25px 0;
padding-top:0.15em;
vertical-align:bottom;
}
div.photoGalleryUploadPopup .body .button{
float: right;
margin-top: 20px;
margin-right: 14px;
cursor: pointer;
}
div.profilePhotoUploadErrorPopup{
z-index: 1000;
background-color: #F2F5FA;
}
div.profilePhotoUploadErrorPopup .body{
width: 422px;
height: 150px;
overflow: auto;
overflow-x: hidden;
}
div.profilePhotoUploadErrorPopup .body .headline{
margin: 0 25px 0;
padding-top: 21px;
font-size: 13px;
color: #2c2d32;
font-weight: bold;
}
div.profilePhotoUploadErrorPopup .body .text{
margin: 0 25px 0;
padding-top: 10px;
font-size: 13px;
color: #2c2d32;
font-weight: normal;
}
div.profilePhotoUploadErrorPopup .body .button{
float: right;
cursor: pointer;
}
#profilePhotogalleryNoPermission{
background-color: #f2f5fa;
padding: 25px;
height: 193px;
color: #2d2e33;
}
#profilePhotogalleryNoPermission b{
font-size: 12px;
font-weight: bold;
}
#profilePhotogalleryNoPermission p{
font-size: 12px;
font-weight: lighter;
}
#profilePhotogalleryNoPermission div.button{
float: right;
margin-top: 26px;
}
/* End Photos */
#datingAdResponseSentPopup{
background-color: #f2f5fa;
padding: 25px;
height: 193px;
color: #2d2e33;
}
#datingAdResponseSentPopup b{
font-size: 12px;
font-weight: bold;
}
#datingAdResponseSentPopup p{
font-size: 12px;
font-weight: lighter;
}
#datingAdResponseSentPopup div.button{
float: right;
margin-top: 26px;
}
#datingAdHasRespondedPopup{
background-color: #f2f5fa;
padding: 25px;
height: 193px;
color: #2d2e33;
}
#datingAdHasRespondedPopup b{
font-size: 12px;
font-weight: bold;
}
#datingAdHasRespondedPopup p{
font-size: 12px;
font-weight: lighter;
}
#datingAdHasRespondedPopup div.button{
float: right;
margin-top: 26px;
}
/* FAQ */
#faqList { margin-bottom: 10px; }
#faqList li { background: url(../images/arrowBlue.gif) no-repeat 0px 8px; list-style: none;}
#faqList li a { padding: 0 0 5px 12px; display: block; }
/* End FAQ */
/* Search Results */
.searchResultBox {
margin-top: 5px;
width: 175px;
}
.searchResultBoxSmall {
margin-top: 5px;
width: 145px;
}
#tabHeaderSubnav ul#searchResultsNav {
margin: 10px 0 0;
padding-left: 20px;
}
#searchResultsNav li {
float: left;
margin-right: 5px;
}
#searchResultsNav li a {
float: left;
display: block;
height: 20px;
padding: 0 0 0 5px;
}
#searchResultsNav li a span{
float: left;
display: block;
height: 19px;
padding: 1px 5px 0 0;
font-size: 0.92em;
}
#searchResultsNav li.active {
float: left;
display: block;
height: 20px;
padding: 0;
background: url(../images/bds/buttonOnBg.gif) repeat-x left top;
}
#searchResultsNav li.active a {
float: left;
display: block;
color: #fff;
height: 20px;
background: url(../images/bds/buttonLtOnCornerSm.gif) no-repeat 0 0;
padding: 0 0 0 5px;
}
#searchResultsNav li.active a span {
float: left;
display: block;
color: #fff;
height: 19px;
background: url(../images/bds/buttonRtOnCornerSm.gif) no-repeat right top;
padding: 1px 5px 0 0;
}
#searchResultsNav li a:hover, #searchResultsNav li a:active {
background: url(../images/bds/buttonLtOnCornerSm.gif) no-repeat 0 0;
text-decoration: none;
height: 20px;
padding: 0 0 0 5px;
}
#searchResultsNav li a:hover span, #searchResultsNav li a:active span {
background: url(../images/bds/buttonRtOnCornerSm.gif) no-repeat right top;
text-decoration: none;
height: 19px;
background-color: #5f8db6;
color: #fff;
padding: 1px 5px 0 0;
}
#paginationNav li { float: left; margin-right: 2px; background: transparent url(../images/bds/buttonOffBgSm.gif) repeat-x left top; }
#paginationNav li a {
display: block;
float: left;
height: 20px;
color: #5f8db3;
background: url(../images/bds/buttonLtOffCornerSm.gif) no-repeat left top;
}
#paginationNav li a span {
display: block;
float: left;
width: auto;
height: 19px;
padding: 1px 5px 0 5px;
text-align: center;
background: url(../images/bds/buttonRtOffCornerSm.gif) no-repeat right top;
}
#paginationNav li.marginRight { margin-right: 10px; }
#paginationNav li.marginLeft { margin-left: 10px; }
#paginationNav li.buttonLarge a {
color: #12507e;
background: #cfdeeb url(../images/bds/buttonLtCorner.gif) no-repeat left top;
}
#paginationNav li.buttonLarge a span {
width: auto;
height: 19px;
padding: 1px 15px 0 15px;
background: url(../images/bds/buttonRtCorner.gif) no-repeat right top;
}
#paginationNav li.active a {
color: #fff;
background: #5f8db3 url(../images/bds/buttonLtOnCornerSm.gif) no-repeat left top;
}
#paginationNav li.active a span { background: url(../images/bds/buttonRtOnCornerSm.gif) no-repeat right top; }
#paginationNav li.buttonLarge a:hover, #paginationNav li.buttonLarge a:active, #paginationNav li a:hover, #paginationNav li a:active {
text-decoration: none;
color: #fff;
background: #5f8db3 url(../images/bds/buttonLtOnCornerSm.gif) no-repeat left top;
}
#paginationNav li.buttonLarge a:hover span, #paginationNav li.buttonLarge a:active span, #paginationNav li a:hover span, #paginationNav li a:active span {
background: url(../images/bds/buttonRtOnCornerSm.gif) no-repeat right top;
}
#paginationNav li.noBackground {
background-image: none;
font-size: 1.6em;
line-height: 1.1em;
color: #5f8db3;
}
#searchResults a.searchResultImg img {
width:40px;
height:40px;
}
#searchResults .scaleBox {
float: right;
width: 135px;
height: 16px;
border: 1px solid #c0c0c0;
background-color: #e2e2e2;
text-align:center;
}
#searchResults .scale {
float: left;
width: 50%;
height: 16px;
background: url(../images/searchresults/match_tile.gif) repeat-x top left;
}
/* End Search Results */
#preview_ads .boxFull-containerRt, #detail_ads .boxFull-containerRt, #info .boxFull-containerRt { padding-top: 0; }
#preview_ads .contentRow, #detail_ads .contentRow, #successstories .contentRow, #info .contentRow, #messages .contentRow { padding: 0;}
#preview_ads .contentRowLt, #preview_ads .contentRowRt, #detail_ads .contentRowLt, #detail_ads .contentRowRt, #brutallyAsked .contentRowFull {padding: 3px; margin-bottom: 0;}
/** About Me */
.last {
margin-bottom: 25px;
}
.contentRowFull {
padding:3px;
}
.elName {
float:left;
width:200px;
font-weight:bold;
}
.elValue {
margin-left:200px;
}
/** END About Me */
.listScroll {
min-height: 200px;
}
.bgColor1 { background-color: #DBE2E6; color: #143f69;}
.bgColor2 { border-bottom:1px solid #E3E3E3; border-top:1px solid #E3E3E3;}
.bgColor3 { background-color: #f2f6fa;}
.bgColor4 { background-color: #fff;}
img.clear { margin: 0; padding: 0; border: none; background-color: transparent; }
img.noBorder, .noBorder, #right img.noBorder { border: none; background-color: transparent; cursor: pointer;}
img.noRightMargin, li.noRightMargin { margin-right: 0; }
.borderOff { border: none; }
img.clearMargin, #right img.clearMargin { margin: 0; }
.clearPadding, img.clearPadding { padding: 0; }
.boxFull img.checkmark {
float: none;
border: none;
margin: 0 2px 0 0;
padding: 0;
}/* margin for checkmark image*/
.fontNormal {font-weight: normal; font-size: 0.8461em;}
img.clearMarginTop {margin-top: 0;}
.positionRight {
position: absolute;
right: 0px;
top: 0px;
}
img.clearFloat, #right img.clearFloat {
float: none;
padding: 0;
}
.errorMsg { font-weight: bold; color: #db3462; }
/* Search Box Right Landing Page */
div.apiSearchForm { margin-left:25px; width:282px; padding-top:20px; white-space: nowrap;}
div.formQuicksearch { width: 282px; margin-left:20px;}
div.divideSideBar { width:282px; margin-left:20px;}
#ulForm_4 li { float: left; width:129px; margin-bottom:10px; }
#ulForm_4 #liField_131, #ulForm_4 li #formField_131 { width: 129px;}
#ulForm_4 #liField_132 { width:60px; }
#ulForm_4 #liField_133 { width:83px; padding-left:10px; }
#ulForm_4 #liField_21 { padding-left:24px;}
#ulForm_4 li select { width:129px; color: #4c4646;}
#ulForm_4 #liField_132 select { width:50px; }
#ulForm_4 #liField_133 select { width:50px; }
#ulForm_4 #liField_20 { clear:left; padding-left: 0;}
/* chat */
table.chatHeader{
background-image: url(../images/chat/chat_header_bg.jpg);
background-repeat: repeat-x;
}
table.chatHeader td.chatpartner{
text-align: right;
vertical-align: top;
padding: 9px 19px 0 0;
}
table.chatHeader td.chatpartner ul{
float: right;
margin: 0 auto 0 auto;
padding: 0 11px 0 0;
font-size: 12px;
text-align: right;
list-style: none;
color: #FFF;
font-weight: bold;
}
table.chatHeader td.chatpartner ul li.profileLink{
list-style-image: url(../images/chat/arrow_pink.jpg);
color: #f1a8bc;
line-height: 18px;
}
table.chatHeader td.chatpartner ul li{
padding-bottom: 4px;
}
table.chatHeader td.chatpartner ul li.profileLink a{
color: #f1a8bc;
}
table.chatHeader td.chatpartner img.chatpartnerImage{
float: right;
border: solid 1px #817879;
}
/* chat END */
/* Tab Navigation Full Page Width */
#messages #tabHeader {
width: 614px;
height: 55px;
background: url(../images/messages/tabTobBg.gif) no-repeat 0% 0%;
}
#personalityTest #tabHeader {
width: 614px;
height: 70px;
background: url(../images/personalityTest/tabTobBg3.png) no-repeat 0% 100%;
}
#tabHeaderMsg {
width: 614px;
height: 55px;
background: url(../images/messages/tabTobBg2.png) no-repeat 0% 0%;
}
#tabFooterMsg {
background: url(../images/messages/tabFooter.gif) no-repeat 0% 0%;
width: 614px;
height: 16px;
}
#tabContentMsg {
border-left: 1px solid #c7d2dd;
border-right: 1px solid #c7d2dd;
width: 562px;
min-height: 100px;
padding: 1px 25px 0px 25px;
margin: 0;
background-color: #fff;
}
#messages #tabFooter, #personalityTest #tabFooter {
background: url(../images/messages/tabFooter.gif) no-repeat 0% 0%;
width: 614px;
height: 16px;
}
#messages #tabContent, #personalityTest #tabContent {
border-left: 1px solid #c7d2dd;
border-right: 1px solid #c7d2dd;
width: 562px;
min-height: 100px;
padding: 1px 25px 0px 25px;
margin: 0;
}
#registration-profile #tabHeader {
width: 943px;
height: 55px;
background: url(../images/profile/tabTopBgEdit.png) no-repeat 0% 0%;
}
#registration-profile #tabContent {
border-left: 1px solid #dadad8;
border-right: 1px solid #dadad8;
width: 891px;
min-height: 100px;
padding: 1px 25px 0px 25px;
margin: 0;
}
#registration-profile #tabFooter {
background: url(../images/profile/tabFooterBgEdit.png) no-repeat 0% 0%;
width: 943px;
height: 16px;
}
/* End Tab Navigation Full Page Width */
/* Messages */
#messages h1 { color: #123e6b; }
#messages h2, #quickcheck h2 {
color: #2c2d32;
font-size: 1.0em;
font-weight: bold;
margin: 10px 0px;
padding: 0;
background: none;
}
#messages #boxFeature {
height: 103px;
width: 614px;
background: url(../images/messages/featureboxBg.gif) repeat-x 90px top;
}
#messages #boxFeatureLtCorner {
height: 103px;
width: 91px;
background: url(../images/messages/featureboxLeft.gif) no-repeat 0px 0px;
float: left;
}
#messages #boxFeatureRtCorner {
height: 103px;
width: 11px;
background: url(../images/messages/featureboxRight.gif) no-repeat 0px 0px;
float: right;
}
#messages #boxFeatureContent {
float: left;
width: 487px;
height: 72px;
font-weight: normal;
font-size: 1.076em;
color: #123e6b;
}
#messages #boxFeatureHeader {
margin: 15px 0 0;
font-weight: bold;
font-size: 1.0em;
color: #123e6b;
}
#messages .deleteSelectionBtn a {
padding: 0 0 0 20px;
background: url(../images/photoalbum/deletePhotoBtn.gif) no-repeat 0px 0px;
margin: 10px 0;
}
a.reportSpam, a:visited.reportSpam {
display: block;
padding-left: 18px;
height: 17px;
background: url(../images/messages/spamIcon.gif) no-repeat 0px 3px;
margin: 10px 0;
}
a.blockUser, a:visited.blockUser {
display: block;
padding-left: 20px;
height: 17px;
background: url(../images/messages/blockuserIcon.gif) no-repeat 0px 2px;
margin: 10px 0 10px 15px;
}
#answerOptionsLtCorner {
width: 58px;
height: 98px;
background: url(../images/messages/featureboxAnswerLeft.jpg) no-repeat 0px 0px;
float: left;
}
#answerOptionsRtCorner {
float: left; /*was - right*/
width: 6px;
height: 98px;
background: url(../images/messages/featureboxAnswerRight.jpg) no-repeat 0px 0px;
}
#answerOptionsContent {
float: left;
height: 98px;
width: 498px;
background: url(../images/messages/featureboxAnswerBg.jpg) repeat-x 0px 0px;
line-height: 1.3em;
}
#answerOptionsContent li {
float: left;
margin: 25px 30px 12px 10px;
width: 116px;
font-weight: bold;
white-space: nowrap;
}
#answerOptionsContent #sendFlirt {
width: 100px;
margin-right: 20px;
margin-top: 0;
background-position: 5px 15px;
white-space: normal;
}
#answerOptionsContent #sendQuickCheck {
width:75px;
margin-left: 0;
margin-top: 0;
background-position: -235px 15px;
white-space: normal;
}
/*
li#sendFlirt {
width: 110px;
height: 40px;
margin: 10px 10px 0 0;
background: url(../images/messages/flirtIcon.gif) no-repeat 50% 0%;
text-align: center;
}
li#sendQuickCheck {
width: 95px;
height: 41px;
margin-top: 10px;
background: url(../images/messages/quickcheckIcon.gif) no-repeat 50% 0%;
text-align: center;
}
*/
#sendFlirt a, #sendQuickCheck a, #chatInvite a, #writeMessage a, #permissions a, , #permissions2 a {
display: block;
}
#sendFlirt a span,
#sendQuickCheck a span,
#chatInvite a span,
#writeMessage span,
#permissions span,
#permissions2 span {
display: block;
padding: 59px 0 0 0;
}
.messageBoxIcon {
width: 14px;
height: 11px;
margin: 13px 5px 0 10px;
}
.messageBoxCheckbox { margin: 10px 0 0 0; }
.bgColor1 .messageBoxCheckbox { margin: 2px 0 0 0; }
.messageBoxImage { width: 48px; margin: 5px 10px 5px 5px; }
.messageBoxSmall { width: 125px; margin: 2px 10px 0 0; }
.messageBoxLarge { width: 220px; margin: 2px 10px 0 0;}
.messageBoxDatum { margin: 2px 20px 0 0; }
.messageBoxDatum img { padding: 5px 5px 0 0; }
.messageBoxBorder { font-weight: normal; padding: 0;}
.bgColor2 .messageBoxSmall a, .bgColor2 .messageBoxSmall a:visited { font-weight: bold;}
.bgColor1 .messageBoxLarge a, .bgColor1 .messageBoxLarge a:visited { font-weight: bold;}
.messageBoxLarge a { font-weight: normal;}
.messageBoxBorder .messageBoxLarge a { font-weight: bold;}
.messageBoxBorder .messageBoxLarge a:visited { font-weight: normal;}
.boxPadding { padding: 10px 20px 0px; }
#quickcheckImg {
padding: 2px 0 0;
width: 562px;
height: 56px;
background: url(../images/messages/msgheader_quickcheck_AT.png) no-repeat 0% 0%;
}
#quickcheckImgHR {
padding: 2px 0 0;
width: 562px;
height: 56px;
background: url(../images/messages/msgheader_quickcheck_HR.png) no-repeat 0% 0%;
}
#ecardImg {
padding: 2px 0 0;
width: 562px;
height: 56px;
/*background: url(../images/ecard/ECard_header_new.jpg) no-repeat 0% 0%;*/
background: url(../images/messages/msgheader_ecard_AT.png) no-repeat 0% 0%;
}
#ecardImgHR {
padding: 2px 0 0;
width: 562px;
height: 56px;
/*background: url(../images/ecard/ECard_header_hr_new.jpg) no-repeat 0% 0%;*/
background: url(../images/messages/msgheader_ecard_HR.png) no-repeat 0% 0%;
}
#flirtImg {
padding: 2px 0 0;
width: 562px;
height: 56px;
/*background: url(../images/email/reg_header_1.gif) no-repeat 0% 0%;*/
background: url(../images/messages/msgheader_flirt_AT.png) no-repeat 0% 0%;
}
#flirtImg.hr {
background: url(../images/messages/msgheader_flirt_HR.png) no-repeat 0% 0%;
}
#quickcheckBg { width: 562px; background: #e8f1fa url(../images/messages/quickcheckBg.jpg) no-repeat right bottom; }
#ecardBg { width: 562px; background: #e8f1fa url(../images/messages/ecardBg.jpg) no-repeat right bottom; }
#flirtBg { width: 562px; background: #e8f1fa url(../images/messages/flirtBg.jpg) no-repeat right bottom; }
#messages p { margin: 10px 0;}
.messageContainer { padding: 10px 20px; }
.valignTop {vertical-align: top;}
#messageHeaderShadow {
padding: 0;
margin: 0;
width: 562px;
height: 7px;
background: url(../images/messages/msgheader_shadow.png) no-repeat 0% 0%;
}
/* End Messages */
/* E-card */
.alignCenter { margin-top: 170px; }
.ecardListBox { width: 535px; }
.ecardList { width: 235px; }
#ecardHeader, .messageHeader { color: #fff; font-weight: bold; padding-top: 2px; }
#ecardHeader a, #ecardHeader a:visited, .messageHeader a, .messageHeader a:visited { color: #efa7b9;}
#ecardHeader a:hover, #ecardHeader a:active, .messageHeader a:hover, .messageHeader a:active { color: #efa7b9;}
#ecardHeader img, .messageHeader img {
float: right;
border: 1px solid #7e7979;
margin: 4px 10px 0 10px;
padding: 0;
}
#ecard .deletePhotoBtn a {
float: right;
padding-left: 1px;
margin-top: 3px;
display: block;
width: 17px;
height: 17px;
background: url(../images/photoalbum/deletePhotoBtn.gif) no-repeat 0% 0%;
}
/* End E-card */
/* Registration */
#registration { width:614px; margin-left: 25px; }
#registration .header { background-image:url('../images/registration/registrationContentHeader.gif'); height:14px; font-size:0; background-repeat:no-repeat;}
#registration .body { background-image:url('../images/registration/registrationContentBody.gif'); padding: 20px; background-repeat:repeat-y;}
#registration .footer { background-image:url('../images/registration/registrationContentFooter.gif'); height:14px; font-size:0; background-repeat:no-repeat;}
#registration h1 { margin: 5px 0 0 0; }
#registration p { margin: 3px 0 3px 0; }
#registration .profileBlocks { width: 133px; }
#registration .profileBar { float: none; width:133px; margin: 0px auto; padding: 2px 0 25px;}
.checkmark { padding: 12px 20px 20px 20px; }
.margin25 { margin: 25px; }
#registration #boxFeature{
clear: both;
height: 130px;
width: 615px;
background: url(../images/registration/featureboxBg.gif) repeat-x 0px 0px;
margin: 20px 0 50px 0;
}
#registration #boxFeatureLtCorner {
height: 130px;
width: 11px;
background: url(../images/registration/featureboxLt.gif) no-repeat 0px 0px;
float: left;
}
#registration #boxFeatureRtCorner {
height: 130px;
width: 11px;
background: url(../images/registration/featureboxRt.gif) no-repeat 0px 0px;
float: right;
}
#registration #boxFeatureContent {
text-align: center;
width: 568px;
height: 100px;
padding: 10px 10px 20px 15px;
}
#registration div#completedText { clear:both; }
#registration div#completedBar { clear:both; position:relative; left:-218px; }
#registration div#completionLink { clear:both; padding-top:20px; }
div.formfield_cb input, div.formfield_rb input { border:0px; }
#registration div.body { padding-top:0px; }
#registration ul#ulForm_6 li { float:left; width:275px; margin-top:8px; }
ul#ulForm_6 li div.formlabel { color: #4c4646;}
/* hide search attributes in registration mode */
ul#ulForm_6 li#liField_131, ul#ulForm_6 li#liField_21, ul#ulForm_6 li#liField_132, ul#ulForm_6 li#liField_133, ul#ulForm_6 li#liField_3, ul#ulForm_6 li#liField_20 { display:none; }
#registration ul#ulForm_6 li input, #registration ul#ulForm_6 li select { color: #4c4646; width:270px; height:21px; }
#registration ul#ulForm_6 li select {margin-top: 1px; margin-bottom: 4px;}
#registration ul#ulForm_6 li#liField_132 { width:80px; }
#registration ul#ulForm_6 li#liField_133 { width:215px; }
#registration ul#ulForm_6 li#liField_18 { width:275px; }
#registration ul#ulForm_6 li#liField_132 select { width:60px; height:21px; }
#registration ul#ulForm_6 li#liField_133 select { width:60px; height:21px; }
#registration ul#ulForm_6 li#liField_20 { width:600px; height:21px; margin-bottom:60px; }
#registration ul#ulForm_6 li#liField_131, #registration ul#ulForm_6 li#liField_6, #registration ul#ulForm_6 li#liField_8, #registration ul#ulForm_6 li#liField_10, #registration ul#ulForm_6 li#liField_14, #registration ul#ulForm_6 li#liField_140 { width:295px; height:21px; }
#registration ul#ulForm_6 li#liField_18 select { width:65px; height:21px; margin-right:10px;}
#registration ul#ulForm_6 li#liField_18 select.year { width:70px; height:21px; }
#registration ul#ulForm_6 li#liField_135 input { width:65px; height:21px; margin-right:10px; }
#registration ul#ulForm_6 li#liField_162 { width:52px; height:21px; }
#registration ul#ulForm_6 li#liField_162 input { width:46px; height:21px; }
#registration ul#ulForm_6 li#liField_34 { width:72px; height:21px; }
#registration ul#ulForm_6 li#liField_34 input.phoneprefix { width:66px; height:21px; margin-top:18px; }
#registration ul#ulForm_6 li#liField_15 { width:68px; }
#registration ul#ulForm_6 li#liField_16 { width:227px; }
#registration ul#ulForm_6 li#liField_11 { width:153px; }
#registration ul#ulForm_6 li#liField_11 input { width:146px; margin-top:18px; }
#registration ul#ulForm_6 li#liField_11 span.formpostfix { position:relative; left:-92px; display:none; color:#A19D9E; font-size:.84615em; }
#registration ul#ulForm_6 li#liField_15 input { width:60px; }
#registration ul#ulForm_6 li#liField_16 input { width:202px; }
#registration li span.hidden { background-image:url('../images/registration/hidden.gif'); padding-right:8px; background-position:right center; background-repeat:no-repeat; }
#registration div#regFormNL { clear:left; position:relative; top:0px; padding-top:10px; padding-bottom:10px; }
#registration div#regFormNL input { border:0px; vertical-align:middle; margin-right:5px; }
#registration div#regFormDispInfo { font-weight:bold; color:#A19D9E; position:relative; top:0px; }
#registration div#regFormDispInfo span.hidden { background-image:url('../images/registration/hidden.gif'); padding-right:12px; background-position:0 center; background-repeat:no-repeat; }
#regFormSubmit { text-align: center; }
#registration h2 { background-color: transparent; padding:0; padding-bottom:15px; }
#registration li.formerror input, #registration li.formerror select { border-color:#DC3561; }
#registration div.formerror { color:#DC3561; font-weight:bold; }
/* End Registration */
/* Quick Check */
#quickcheck .boxFull img {
margin-top: 0px;
cursor: default;
vertical-align: text-bottom;
}
#quickcheck th.profileLink a img {
cursor:pointer;
margin:0px;
}
body#quickcheck table th.col4 h2.firstQuestionTitle {
margin-top:0px;
text-align:left;
}
body#quickcheck th.profileLink {
vertical-align:top;
text-align:center;
}
body#quickcheck th.arrow {
vertical-align:middle;
}
body#quickcheck th.arrow img {
margin:0px;
}
body#quickcheck td img.checkmark {
margin:0px auto;
padding:2px 0px;
display:block;
}
body#quickcheck table .col4 {
padding-left:30px;
}
body#quickcheck table th.col4 h2 {
margin-top:15px;
}
body#quickcheck div.boxFull div.floatLt h1#resultNumber {
float:left;
font-size:50px;
padding-top:3px;
clear:none;
margin-left:40px;
}
img.perfectmatchIcon {
float: none;
margin: 0 20px;
padding: 0;
border: none;
}
body#quickcheck img.bigCheckmark {
margin:5px 5px 18px 0px;
padding:0px;
background-color:transparent;
border-style:none;
float:none;
}
body#quickcheck div#clearanceQuickcheckResult {
border-top:1px solid #C5D6E7;
border-bottom:1px solid #C5D6E7;
clear:both;
padding-top:10px;
padding-bottom:20px;
}
body#quickcheck div#clearanceQuickcheckResult h2 {
margin-bottom:5px;
}
body#quickcheck div#clearanceQuickcheckResult ul {
/* margin-bottom:20px; */
clear:both;
height:17px;
}
body#quickcheck div#clearanceQuickcheckResult ul li {
float:left;
margin-right:25px;
}
body#quickcheck div#clearanceQuickcheckResult ul li input {
border-style:none;
}
body#quickcheck img.perfectMatchImg {
border-style:none;
padding:0px;
margin:0px;
float:right;
}
body#quickcheck h1.quickcheckResultHeadline {
font-size:20px;
}
#quickcheck img.clearFloat { padding:5px 5px 0 0;}
.marginTop40 { margin-top: 40px; }
/* End Quick Check */
/** ECARDS **/
div.ecardSelectHeader{
background-image: url(../imagesNew/Ecard/ECardImg09/ECard_select_headerBg.jpg);
position: relative;
width: 583px;
height: 181px;
margin-bottom: 30px;
}
div.ecardSelectHeader .header{
position: absolute;
top: 59px;
left: 170px;
color: #FFFFFF;
font-size: 16px;
font-weight: bold;
}
div.ecardSelectHeader .body{
position: absolute;
top: 96px;
left: 170px;
width: 365px;
color: #565656;
font-size: 12px;
font-weight: bold;
line-height: 18px;
}
div.ecardSelectHeader .button{
position: absolute;
top: 143px;
left: 253px;
cursor: pointer;
}
div.ecardSelectBody{
width: 590px;
margin:0 25px 25px;
}
div.ecardSelectBody .boxArrowLeft{
float: left;
width: 25px;
height: 66px;
margin-top: 214px;
cursor: pointer;
}
div.ecardSelectBody .boxArrowRight{
float: right;
width: 25px;
height: 66px;
margin-top: 214px;
cursor: pointer;
}
div.ecardSelectBody .ecards{
float: left;
width: 536px;
overflow: hidden;
}
div.ecardSelectBody .ecards .ecard{
float:left;
padding-right: 18px;
}
div.ecardSelectFooter{
color: #565656;
font-size: 12px;
}
div.ecardSelectedReceiver{
height: 95px;
margin: 20px 50px 32px 20px;
overflow: auto;
overflow-x: hidden;
}
div.ecardSelectedReceiver .receiver{
}
div.ecardSelectedReceiver .receiver .boxImage{
float: left;
padding: 3px;
border: 1px solid #D4D4D4;
margin-bottom: 28px;
margin-right: 3px;
}
div.ecardSelectedReceiver .receiver .remove{
float: left;
margin-right: 14px;
cursor: pointer;
}
div.ecardReceiverSelect{
padding-bottom: 31px;
margin-right: 21px;
margin-bottom: 20px;
border-bottom: 1px solid #D4D4D4;
}
div.ecardReceiverSelect .button{
float: left;
cursor: pointer;
}
div.ecardReceiverSelect .nickSearch{
float: right;
margin-right: 4px;
}
div.ecardReceiverSelect .nickSearch .text{
float: left;
color: #565656;
font-size: 10px;
margin-top: 4px;
margin-right: 11px;
}
div.ecardReceiverSelect .nickSearch .textField{
float: left;
color: #565656;
width: 150px;
height: 20px;
border: 1px solid #CECECE;
margin-top: 1px;
margin-right: 12px;
}
div.ecardReceiverSelect .nickSearch .button{
float: left;
cursor: pointer;
}
div.receiverSelectPopup{
position: absolute;
top: 17px;
left: 17px;
z-index: 1000;
background-color: #FFFFFF;
border: 1px solid #EDEDED;
display: none;
}
div.receiverSelectPopup .header{
width: 378px;
height: 56px;
border: 1px solid #E6E6E6;
cursor: move;
}
div.receiverSelectPopup .header .button{
float: right;
margin-right: 10px;
margin-top: 10px;
cursor: pointer;
}
div.receiverSelectPopup .header .headline{
float: right;
margin-right: 50px;
padding-top: 10px;
font-size: 18px;
font-weight: bold;
color: #737174;
}
div.receiverSelectPopup .header .text{
float: right;
margin-right: 10px;
padding-top: 13px;
font-size: 12px;
color: #737174;
}
div.receiverSelectPopup .header .closeIcon{
float: right;
margin-top: -1px;
margin-right: -1px;
cursor: pointer;
}
div.receiverSelectPopup .body{
width: 378px;
height: 303px;
background-color: #F9F9F9;
border: 1px solid #D2D2D2;
overflow: auto;
overflow-x: hidden;
}
div.receiverSelectPopup .body .user{
font-size: 12px;
font-weight: bold;
color: #737174;
cursor: pointer;
}
div.receiverSelectPopup .body .user .text{
float: left;
width: 93px;
padding-left: 7px;
padding-top: 16px;
}
div.receiverSelectPopup .body .user .textSelected{
float: left;
width: 93px;
padding-left: 7px;
padding-top: 16px;
}
div.receiverSelectPopup .body .user .boxImage{
float: left;
padding: 3px;
border: 1px solid #D4D4D4;
margin-left: 23px;
margin-top: 20px;
}
div.receiverSelectPopup .body .user .boxImageSelected{
float: left;
position: relative;
padding: 3px;
border: 1px solid #EC466C;
margin-left: 23px;
margin-top: 20px;
}
div.receiverSelectPopup .body .user .boxImageSelected .check{
position: absolute;
top: 42px;
left: 0px;
background-image: url(../imagesNew/Ecard/ECardImg09/ECards_iconCheck.jpg);
width: 11px;
height: 11px;
}
div.receiverSelectPopup .footer{
width: 378px;
height: 47px;
border: 1px solid #E6E6E6;
}
div.receiverSelectPopup .footer .button{
float: right;
margin-top: 12px;
margin-right: 14px;
cursor: pointer;
}
div.nickSearchResults{
}
div.nickSearchResults .nrFound{
background-color: #EDEEEF;
border: 1px solid #DCDCDC;
margin: 24px 25px 0 19px;
padding: 3px 3px 4px 7px;
color: #737174;
font-size: 11px;
font-weight: bold;
}
div.nickSearchResults .results{
background-color: #F8F8F8;
margin: 11px 24px 0 18px;
}
div.nickSearchResults .results .header{
background-color: #F8F8F8;
border-bottom: 1px solid #DCDCDC;
}
div.nickSearchResults .results .header .cornerLeft{
background-image: url(../imagesNew/Ecard/ECardImg09/ECards_nicksearch_cornerLeft.jpg);
float: left;
width: 10px;
height: 32px;
}
div.nickSearchResults .results .header .middle{
float: left;
border-top: 1px solid #DCDCDC;
width: 527px;
}
div.nickSearchResults .results .header .middle .arrow{
float: left;
margin: 13px 3px 0 5px;
}
div.nickSearchResults .results .header .middle .link{
float: left;
cursor: pointer;
font-size: 12px;
font-weight: bold;
margin-top: 7px;
color: #737174;
}
div.nickSearchResults .results .header .middle .text{
float: left;
font-size: 12px;
font-weight: bold;
margin-top: 7px;
color: #737174;
}
div.nickSearchResults .results .header .middle .selectAll{
float: left;
font-size: 12px;
font-weight: bold;
margin-top: 5px;
margin-left: 12px;
color: #737174;
}
div.nickSearchResults .results .header .cornerRight{
background-image: url(../imagesNew/Ecard/ECardImg09/ECards_nicksearch_cornerRight.jpg);
float: left;
width: 10px;
height: 32px;
}
div.nickSearchResults .results .body{
overflow: auto;
overflow-x: hidden;
height: 210px;
border: 1px solid #DCDCDC;
}
div.nickSearchResults .results .body .result{
border-bottom: 1px solid #DCDCDC;
}
div.nickSearchResults .results .body .result .boxImage{
float: left;
padding: 3px;
border: 1px solid #D4D4D4;
margin: 5px 40px 5px 11px;
}
div.nickSearchResults .results .body .result .text{
float: left;
font-size: 12px;
margin-top: 37px;
color: #737174;
}
div.nickSearchResults .results .footer{
padding-top: 19px;
background-color: #FFFFFF;
}
div.nickSearchResults .results .footer .button{
float: right;
margin-right: 14px;
cursor: pointer;
}
div.ecardCustomizeToolsHeadline{
font-size: 12px;
color: #8D8D8D;
font-weight: bold;
padding-top: 15px;
}
div.ecardCustomizeTools{
margin: 10px 0;
}
div.ecardCustomizeTools .text{
font-size: 11px;
font-weight: bold;
color: #737174;
}
div.ecardCustomizeTools .textField{
border:1px solid #CECECE;
height:20px;
width: 150px;
}
div.ecardCustomizeTools .radioButton{
float: left;
margin-top: 3px;
margin-right: 8px;
}
div.ecardCustomizeTools .radioButton {
border: none;
}
div.ecardCustom{
width: 612px;
height: 506px;
border: solid 1px #CECECE;
background-color: #E3E7E9;
}
div.ecardCustom .portrait{
}
div.ecardCustom .portrait .fck{
margin-top: 14px;
margin-left: 14px;
}
div.ecardCustom .portrait .senderBoxContainer{
border: solid 1px #CECECE;
margin-left: 14px;
}
div.ecardCustom .portrait .senderBoxContainer .senderBox{
font-size: 11px;
line-height: 18px;
width: 274px;
height: 65px;
}
div.ecardCustom .portrait .senderBoxContainer .senderBox .user{
float: left;
padding: 5px;
}
div.ecardCustom .portrait .senderBoxContainer .senderBox .user .boxImage{
float: left;
padding: 3px;
border: 1px solid #D4D4D4;
margin-right: 7px;
}
div.ecardCustom .portrait .senderBoxContainer .senderBox .user .headline{
color:#EC466C;
font-weight: bold;
}
div.ecardCustom .portrait .senderBoxContainer .senderBox .user .text{
color:#737174;
}
div.ecardCustom .portrait .senderBoxContainer .senderBox .arrow{
float: right;
}
div.ecardCustom .portrait .uploadImgContainerBorder{
float: left;
margin: 14px;
border: solid 1px #CFCFCF;
}
div.ecardCustom .portrait .uploadImgContainer{
width: 281px;
height: 475px;
overflow: hidden;
position: relative;
}
div.ecardCustom .portrait .uploadImgContainer .uploadImg{
}
div.ecardCustom .portrait .uploadImgContainer .plusButton{
position: absolute;
top: 0px;
left: 253px;
cursor: pointer;
}
div.ecardCustom .portrait .uploadImgContainer .minusButton{
position: absolute;
top: 27px;
left: 253px;
cursor: pointer;
}
div.ecardCustom .landscape{
}
div.ecardCustom .landscape .fck{
float: left;
margin-bottom: 14px;
margin-left: 14px;
}
div.ecardCustom .landscape .senderBoxContainer{
float: left;
border: solid 1px #CECECE;
}
div.ecardCustom .landscape .senderBoxContainer .senderBox{
font-size: 11px;
line-height: 18px;
width: 64px;
height: 236px;
}
div.ecardCustom .landscape .senderBoxContainer .senderBox .user{
float: left;
margin: 5px;
height: 190px;
}
div.ecardCustom .landscape .senderBoxContainer .senderBox .user .boxImage{
padding: 3px;
border: 1px solid #D4D4D4;
}
div.ecardCustom .landscape .senderBoxContainer .senderBox .user .headline{
color:#EC466C;
font-weight: bold;
margin-top: 15px;
}
div.ecardCustom .landscape .senderBoxContainer .senderBox .user .text{
color:#737174;
margin-top: 15px;
}
div.ecardCustom .landscape .senderBoxContainer .senderBox .arrow{
}
div.ecardCustom .landscape .uploadImgContainerBorder{
margin: 14px;
border: solid 1px #CFCFCF;
}
div.ecardCustom .landscape .uploadImgContainer{
width: 582px;
height: 231px;
overflow: hidden;
position: relative;
}
div.ecardCustom .landscape .uploadImgContainer .uploadImg{
}
div.ecardCustom .landscape .uploadImgContainer .plusButton{
position: absolute;
top: 0px;
left: 554px;
cursor: pointer;
}
div.ecardCustom .landscape .uploadImgContainer .minusButton{
position: absolute;
top: 27px;
left: 554px;
cursor: pointer;
}
div.ecardCustomPreviewBox{
width: 582px;
height: 476px;
margin-bottom: 14px;
overflow: hidden;
}
div.ecardCustomPreviewBoxHeader{
width: 582px;
height: 58px;
background-image: url(../images/ecard/ECard_header_new.jpg);
}
div.ecardCustomPreviewBoxHeader img{
border:1px solid #7E7979;
float:right;
margin:4px 10px 0;
padding:0;
}
div.ecardCustomPreviewBoxHeaderHR{
width: 582px;
height: 58px;
background-image: url(../images/ecard/ECard_header_hr_new.jpg);
}
div.ecardCustomPreviewBoxHeaderHR img{
border:1px solid #7E7979;
float:right;
margin:4px 10px 0;
padding:0;
}
div.ecardCustomPreview{
position: relative;
}
div.ecardCustomPreview .transparencyImg{
position: absolute;
background-image: url(../imagesNew/Ecard/ECardImg09/ECard_preview_transparency.png);
width: 578px;
height: 50px;
top: 0px;
left: 0px;
}
div.ecardCustomPreview .portrait{
}
div.ecardCustomPreview .portrait .msgContainer{
width: 301px;
height: 476px;
overflow: hidden;
}
div.ecardCustomPreview .portrait .msgContainer .msg{
margin: 55px 15px 15px 15px;
}
div.ecardCustomPreview .portrait .senderBoxContainer{
border-top: solid 1px #CECECE;
border-right: solid 1px #CECECE;
background-color: #E3E7E9;
}
div.ecardCustomPreview .portrait .senderBoxContainer .senderBox{
font-size: 11px;
line-height: 18px;
width: 282px;
height: 65px;
}
div.ecardCustomPreview .portrait .senderBoxContainer .senderBox .user{
float: left;
margin: 5px;
}
div.ecardCustomPreview .portrait .senderBoxContainer .senderBox .user .boxImage{
float: left;
padding: 3px;
border: 1px solid #D4D4D4;
margin-right: 7px;
}
div.ecardCustomPreview .portrait .senderBoxContainer .senderBox .user .headline{
color:#EC466C;
font-weight: bold;
}
div.ecardCustomPreview .portrait .senderBoxContainer .senderBox .user .text{
color:#737174;
}
div.ecardCustomPreview .portrait .senderBoxContainer .senderBox .arrow{
float: right;
}
div.ecardCustomPreview .portrait .uploadImgContainer{
float: left;
width: 281px;
height: 476px;
overflow: hidden;
position: relative;
}
div.ecardCustomPreview .portrait .uploadImgContainer .uploadImg{
}
div.ecardCustomPreview .landscape{
}
div.ecardCustomPreview .landscape .msgContainer{
float: left;
width: 582px;
height: 244px;
overflow: hidden;
}
div.ecardCustomPreview .landscape .msgContainer .msg{
margin: 15px;
}
div.ecardCustomPreview .landscape .senderBoxContainer{
float: left;
border-left: solid 1px #CECECE;
border-top: solid 1px #CECECE;
background-color: #E3E7E9;
}
div.ecardCustomPreview .landscape .senderBoxContainer .senderBox{
font-size: 11px;
line-height: 18px;
width: 64px;
height: 243px;
}
div.ecardCustomPreview .landscape .senderBoxContainer .senderBox .user{
padding: 5px;
height: 197px;
}
div.ecardCustomPreview .landscape .senderBoxContainer .senderBox .user .boxImage{
padding: 3px;
border: 1px solid #D4D4D4;
}
div.ecardCustomPreview .landscape .senderBoxContainer .senderBox .user .headline{
color:#EC466C;
font-weight: bold;
margin-top: 15px;
}
div.ecardCustomPreview .landscape .senderBoxContainer .senderBox .user .text{
color:#737174;
margin-top: 15px;
}
div.ecardCustomPreview .landscape .senderBoxContainer .senderBox .arrow{
}
div.ecardCustomPreview .landscape .uploadImgContainer{
width: 582px;
height: 231px;
overflow: hidden;
position: relative;
}
div.ecardCustomPreview .landscape .uploadImgContainer .uploadImg{
}
div.soundSelectPopup{
z-index: 1000;
background-color: #F2F5FA;
}
div.soundSelectPopup .header{
width: 474px;
height: 50px;
border-bottom: 1px solid #E6E6E6;
/*cursor: move;*/
}
div.soundSelectPopup .header .button{
float: right;
margin-right: 10px;
margin-top: 10px;
cursor: pointer;
}
div.soundSelectPopup .header .headline{
float: right;
margin-right: 50px;
padding-top: 10px;
font-size: 18px;
font-weight: bold;
color: #737174;
}
div.soundSelectPopup .header .text{
/* float: right; */
margin-right: 10px;
padding-top: 10px;
font-size: 12px;
color: #737174;
text-align:center;
}
div.soundSelectPopup .header .closeIcon{
float: right;
margin-top: -1px;
margin-right: -1px;
cursor: pointer;
}
div.soundSelectPopup .body{
width: 500px;
height: 203px;
background-color: #FFFFFF;
overflow: auto;
overflow-x: hidden;
}
div.soundSelectPopup .body div.soundSelection {
float:left;
width:158px;
margin-top:22px;
}
* html div.soundSelectPopup .body div.soundSelection {
width:152px;
}
div.soundSelectPopup .body div.soundSelection div.soundTitle {
font-weight:bold;
font-size:12px;
color:#8D8D8D;
margin-bottom:6px;
margin-left:22px;
}
div.soundSelectPopup .body div.soundSelection div.ecardSoundSelected {
color:#FE4891;
}
div.soundSelectPopup .body div.soundSelection div.soundSWF {
border:1px solid #dcdcdc;
margin:0px;
padding:0px;
width:102px;
height:38px;
margin-left:22px;
float:left;
}
* html div.soundSelectPopup .body div.soundSelection div.soundSWF {
margin-left:12px;
}
div.soundSelectPopup .body div.soundSelection div.soundRadioButton {
width:13px;
margin-left:132px;
}
* html div.soundSelectPopup .body div.soundSelection div.soundRadioButton {
margin-left:125px;
}
div.soundSelectPopup .body div.soundSelection div.soundRadioButton input {
margin:0px;
padding:0px;
}
div.soundSelectPopup .body .user{
font-size: 12px;
font-weight: bold;
color: #737174;
cursor: pointer;
}
div.soundSelectPopup .body .user .text{
float: left;
width: 93px;
padding-left: 7px;
padding-top: 16px;
}
div.soundSelectPopup .body .user .textSelected{
float: left;
width: 93px;
padding-left: 7px;
padding-top: 16px;
}
div.soundSelectPopup .body .user .boxImage{
float: left;
padding: 3px;
border: 1px solid #D4D4D4;
margin-left: 23px;
margin-top: 20px;
}
div.soundSelectPopup .body .user .boxImageSelected{
float: left;
position: relative;
padding: 3px;
border: 1px solid #EC466C;
margin-left: 23px;
margin-top: 20px;
}
div.soundSelectPopup .body .user .boxImageSelected .check{
position: absolute;
top: 42px;
left: 0px;
background-image: url(../imagesNew/Ecard/ECardImg09/ECards_iconCheck.jpg);
width: 11px;
height: 11px;
}
div.soundSelectPopup .footer{
width: 474px;
height: 63px;
border-top: 1px solid #E6E6E6;
background-color: #F2F5FA;
}
div.soundSelectPopup .footer .button{
float: right;
margin-top: 21px;
margin-right: 14px;
cursor: pointer;
}
div.backgroundSound {
/*visibility: hidden;*/
/* height: 0px; */
float:right;
margin-right:5px;
}
div.imageSelectPopup{
background-color: #FFFFFF;
}
div.imageSelectPopup .header{
width: 422px;
height: 50px;
border-bottom: 1px solid #c5d6e7;
background-color: #F2F5FA;
/*cursor: move;*/
}
div.imageSelectPopup .header .button{
float: right;
margin-right: 10px;
margin-top: 10px;
cursor: pointer;
}
div.imageSelectPopup .header .headline{
float: right;
margin-right: 50px;
padding-top: 10px;
font-size: 18px;
font-weight: bold;
color: #737174;
}
div.imageSelectPopup .header .text{
margin: 0 25px 0;
padding-top: 21px;
font-size: 13px;
color: #2c2d32;
font-weight: bold;
}
div.imageSelectPopup .header .closeIcon{
float: right;
margin-top: -1px;
margin-right: -1px;
cursor: pointer;
}
div.imageSelectPopup .body{
width: 422px;
height: 275px;
overflow: auto;
overflow-x: hidden;
}
div.imageSelectPopup .body div.imageSelection {
float: left;
margin-left: 25px;
margin-top: 25px;
}
div.imageSelectPopup .body div.imageSelection div.imageTitle {
font-weight:bold;
font-size:12px;
color:#8D8D8D;
margin-bottom:6px;
margin-left:22px;
}
div.imageSelectPopup .body div.imageSelection div.ecardimageSelected {
float: left;
border: 1px solid #FE4891;
}
div.imageSelectPopup .body div.imageSelection div.imageBox {
float: left;
width: auto;
border: 1px solid #DAD3CD;
}
div.imageSelectPopup .body div.imageSelection div.imageBoxSelected {
border: 1px solid #DB3563 !important;
}
div.imageSelectPopup .body div.imageSelection div.imgMargin{
margin: 3px;
}
div.imageSelectPopup .body div.imageSelection div.imageRadioButton {
float: left;
margin-left: 5px;
}
div.imageSelectPopup .body div.imageSelection div.imageRadioButton input {
border: none;
}
div.imageSelectPopup .footer{
width: 422px;
height: 26px;
padding: 10px 0 22px;
background-color: #F2F5FA;
border-top: 1px solid #c5d6e7;
}
div.imageSelectPopup .footer .button{
float: right;
margin-top: 0;
margin-right: 14px;
cursor: pointer;
}
div.ecardCustomSelect{
width: 249px;
height: 204px;
position: relative;
}
div.ecardCustomSelect .delete{
background-image: url(../imagesNew/Ecard/ECardImg09/ECard_icon_deleteEcard.jpg);
width: 13px;
height: 13px;
top: 0px;
left: 236px;
cursor: pointer;
position: absolute;
background-repeat: no-repeat;
}
div.ecardCustomSelect .click{
top: 70px;
left: 70px;
cursor: pointer;
position: absolute;
}
div.ecardCustomSelect .portrait{
}
div.ecardCustomSelect .portrait .msgContainer{
width: 123px;
height: 204px;
overflow: hidden;
}
div.ecardCustomSelect .portrait .msgContainer .msg{
margin: 2px;
overflow: hidden;
}
div.ecardCustomSelect .portrait .senderBoxContainer{
border-top: solid 1px #CECECE;
border-right: solid 1px #CECECE;
background-color: #E3E7E9;
}
div.ecardCustomSelect .portrait .senderBoxContainer .senderBox{
font-size: 6px;
line-height: 10px;
width: 122px;
height: 27px;
}
div.ecardCustomSelect .portrait .senderBoxContainer .senderBox .user{
float: left;
padding: 1px;
}
div.ecardCustomSelect .portrait .senderBoxContainer .senderBox .user .boxImage{
float: left;
padding: 1px;
border: 1px solid #D4D4D4;
margin-right: 4px;
}
div.ecardCustomSelect .portrait .senderBoxContainer .senderBox .user .headline{
color:#EC466C;
font-weight: bold;
}
div.ecardCustomSelect .portrait .senderBoxContainer .senderBox .user .text{
color:#737174;
}
div.ecardCustomSelect .portrait .senderBoxContainer .senderBox .arrow{
float: right;
}
div.ecardCustomSelect .portrait .uploadImgContainer{
float: left;
width: 126px;
height: 204px;
overflow: hidden;
position: relative;
}
div.ecardCustomSelect .portrait .uploadImgContainer .uploadImg{
}
div.ecardCustomSelect .landscape{
}
div.ecardCustomSelect .landscape .msgContainer{
float: left;
width: 249px;
height: 100px;
overflow: hidden;
}
div.ecardCustomSelect .landscape .msgContainer .msg{
float: left;
margin: 2px;
overflow: hidden;
}
div.ecardCustomSelect .landscape .senderBoxContainer{
float: left;
border-top: solid 1px #CECECE;
border-left: solid 1px #CECECE;
background-color: #E3E7E9;
}
div.ecardCustomSelect .landscape .senderBoxContainer .senderBox{
font-size: 6px;
line-height: 10px;
width: 27px;
height: 99px;
}
div.ecardCustomSelect .landscape .senderBoxContainer .senderBox .user{
float: left;
padding: 1px;
height: 82px;
}
div.ecardCustomSelect .landscape .senderBoxContainer .senderBox .user .boxImage{
padding: 1px;
margin-left: 1px;
border: 1px solid #D4D4D4;
}
div.ecardCustomSelect .landscape .senderBoxContainer .senderBox .user .headline{
color:#EC466C;
font-weight: bold;
margin-top: 7px;
}
div.ecardCustomSelect .landscape .senderBoxContainer .senderBox .user .text{
color:#737174;
margin-top: 7px;
}
div.ecardCustomSelect .landscape .senderBoxContainer .senderBox .arrow{
}
div.ecardCustomSelect .landscape .uploadImgContainer{
width: 249px;
height: 104px;
overflow: hidden;
position: relative;
}
div.ecardCustomSelect .landscape .uploadImgContainer .uploadImg{
}
div.userShortProfile {
background-color:#E3E7E9;
border-color:#CECECE;
border-style:solid solid none none;
border-width:1px;
color:#727274;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
height:65px;
line-height:11px;
width:299px;
}
div.userShortProfile div.profileImage {
background-color:#FFFFFF;
border:1px solid #CECECE;
float:left;
height:47px;
margin-left:5px;
margin-right:7px;
margin-top:5px;
padding:3px;
width:46px;
}
div.userShortProfile img {
height:47px;
width:46px;
}
div.userShortProfile div.profileLink {
background-color:#737174;
border-left:1px solid #CECECE;
float:right;
height:65px;
margin:0;
padding:0;
text-align:center;
width:37px;
}
div.userShortProfile div.profileLink img {
border-style:none;
float:none;
height:11px;
margin:27px 0 0;
padding:0;
width:17px;
}
div.userShortProfile div.profileLink a {
margin:0;
padding:0;
width:17px;
}
div.userShortProfile div.age {
height:8px;
margin-top:10px;
text-align:left;
}
div.userShortProfile div.city {
height:8px;
margin-top:10px;
text-align:left;
}
div.userShortProfile div.nickName {
font-weight:bold;
height:8px;
margin-top:6px;
text-align:left;
}
div.userShortProfile div.nickName a {
color:#F13361;
font-weight:bold;
text-decoration:none;
}
div#ecardFrom {
display:none;
}
.borderDarkGray,span.imageBorder img {
border:solid 1px #d4d4d4;
}
/*.floatLeft{
float:left;
}*/
.pointer{
cursor: pointer;
}
/** ECARDS END **/
/* Virtual Popup OLD */
.virtualPopup{
position: absolute;
display: none;
cursor: default;
z-index: 20000;
}
.virtualPopup .cornerTopLeft{
background:transparent url(../images/virtualPopup/cornerTopLeft.png);
float: left;
height: 8px;
margin-left: -8px;
margin-top: -8px;
width: 8px;
}
.virtualPopup .cornerTopRight{
background: transparent url(../images/virtualPopup/cornerTopRight.png);
float: right;
height: 8px;
margin-right: -8px;
margin-top: -8px;
width: 8px;
}
.virtualPopup .borderTop{
float: left;
margin-top: -8px;
width: 100%;
height: 8px;
background-color: #8D8D8D;
}
.virtualPopup .borderLeft{
float: left;
margin-left: -8px;
height: 100%;
width: 8px;
background-color: #8D8D8D;
}
.virtualPopup .borderRight{
float: right;
margin-right: -8px;
height: 100%;
width: 8px;
background-color: #8D8D8D;
}
.virtualPopup .cornerBottomLeft{
background: transparent url(../images/virtualPopup/cornerBottomLeft.png);
float: left;
height: 8px;
width: 8px;
margin-left: -8px;
margin-bottom: -8px;
}
.virtualPopup .cornerBottomRight{
background: transparent url(../images/virtualPopup/cornerBottomRight.png);
float: right;
height: 8px;
width: 8px;
margin-right: -8px;
margin-bottom: -8px;
}
.virtualPopup .borderBottom{
float: left;
margin-bottom: -8px;
width: 100%;
height: 8px;
background-color: #8D8D8D;
}
.virtualPopup .content{
float: left;
overflow: hidden;
}
.virtualPopup .closeIcon{
background: url(../images/virtualPopup/icon_close.png);
cursor: pointer;
position: absolute;
width: 15px;
height: 13px;
top: 8px;
right: 8px;
font-weight: bold;
}
/* EOF Old virtual popup*/
.virtualBubble {
position: absolute;
display: none;
cursor: default;
z-index: 20000;
color:#2C2D32;
font-size:13px;
font-weight:normal;
}
.virtualBubble .border-left {
background: transparent url(../images/virtualPopup/vp_left.png);
float: left;
height: 183px;
width: 28px;
}
.virtualBubble .border-right {
background: transparent url(../images/virtualPopup/vp_right.png);
float: left;
height: 183px;
width: 28px;
}
.virtualBubble .content{
background: transparent url(../images/virtualPopup/vp_tile.png) repeat-x;
float: left;
overflow: hidden;
}
.virtualBubble h1 {
text-align: left;
margin-bottom: 10px;
font-size:1.2307em;
}
.virtualBubble p {
line-height: 20px;
}
.virtualBubble .closeIcon{
background: url(../images/virtualPopup/icon_close.png);
cursor: pointer;
position: absolute;
width: 15px;
height: 13px;
top: 28px;
right: 30px;
font-weight: bold;
}
/* Z-index of #mask must lower than #boxes .window */
div.mask {
position:absolute;
top:0px;
left:0px;
z-index:10000;
background-color:transparent;
display:none;
}
/* Virtual Popup End */
/* Registration Profile */
#personalityTest { width: 614px; margin: 0 0 25px 25px;}
/*#registration-profile h3 {
font-size: 1.077em;
color: #4c4646;
padding: 0;
margin: 0 15px 0px 0;
background: none;
height: auto;
}*/
#registration-profile .deletePhotoBtn a {
clear: left;
float: none;
padding-left: 20px;
display: block;
height: 17px;
width: auto;
background: url(../images/photoalbum/deletePhotoBtn.gif) no-repeat 0% 0%;
}
#registration-profile .boxFull-containerLt { width: 565px; float: left;}
#registration-profile .boxFull-containerRt {
width: 301px;
min-height: 580px;
margin-left: 565px;
padding: 0 25px;
position: relative;
}
#registration-profile .sidebarEditProfile-img {
width: 119px;
height: 154px;
margin: 30px auto 0;
background: url(../images/profile/profi-tipp-bg-07.gif) no-repeat 0% 0%;
}
#registration-profile .sidebarEditProfile-copy {
font-weight: bold;
margin: 20px;
}
#registration-profile .check {
background: url(../images/check.gif) no-repeat 0% 10%;
padding-left: 23px;
}
#registration-profile .formlabel .check {
padding-top: 2px;
}
.conditions { font-size: 0.846em; }
.tip {
width: 332px;
height: 597px;
}
.tip span.text {
display: block;
position:absolute;
width: 174px;
/*height: 98px;*/
margin: 0 0 0 20px;
padding: 10px;
font-size: 13px;
font-weight: bold;
color:#393939;
background: url(../images/personalityTest/bubbleLong.png) no-repeat 0% 100%;
}
#tipSuccess {
width: 239px;
height: 195px;
padding: 28px 10px 0 65px;
padding-top:40px;
background: url('../images/profile/profi-tipp-bg-success.jpg') no-repeat 0px 0px; /* bird with letter */
}
/* End Registration Profile */
.justClearBoth {
clear:both;
}
.profileComplete {
font-style:italic;
font-weight: bold;
}
/* profile about me */
#profile-responsebox {
float: left;
width: 250px;
padding-left: 5px;
}
#profile-responsebox ul { float: right; padding-bottom: 10px; line-height: 15px; }
#profile-responsebox li {
float: left;
display: block;
margin: 0;
width: 58px;
text-align: center;
}
li#sendFlirt {
margin-right: 5px;
margin-left: 5px;
height: 100px;
width: 110px;
background: url(../images/messages/contactIcons.png) no-repeat 40px 15px;
}
li#sendQuickCheck {
margin-left: 40px;
margin-right: 10px;
height: 100px;
width: 90px;
background: url(../images/messages/contactIcons.png) no-repeat -225px 15px;
}
li#chatInvite {
height: 100px;
width: 60px;
background: url(../images/messages/contactIcons.png) no-repeat -500px 15px;
}
li#writeMessage {
height: 100px;
width: 70px;
background: url(../images/messages/contactIcons.png) no-repeat -901px 0px;
}
li#permissions {
height: 100px;
width: 80px;
background: url(../images/messages/contactIcons.png) no-repeat -720px 15px;
}
li#permissions2 {
height: 100px;
width: 80px;
background: url(../images/messages/contactIcons.png) no-repeat -1135px 15px;
}
.approvalbox {
width: 212px;
height: 145px;
background: url(../images/profile/sidebar_foreignview-bg.png) no-repeat 0 0;
padding: 15px 10px 0 110px;
overflow: hidden;
}
.approvalbox h4{
font-weight: bold;
margin-bottom: 15px;
text-align: left;
}
.approval-yes {
padding-left: 22px;
color: #1D682D;
background: url(../images/profile/approved.png) no-repeat 2px 0;
}
.approval-no {
padding-left: 12px;
color: #8B160D;
background: url(../images/profile/notapproved.png) no-repeat 0 50%;
}
#quickcheckResults {
width: 158px;
cursor:pointer;
}
#quickcheckResults-header {
font-size: 12px;
font-weight: bold;
color: #4d4c51;
width: 153px;
height: 24px;
padding: 6px 0 0 5px;
background: url(../images/profile/quickcheck-results-header.gif) no-repeat 0px 0px;
}
#quickcheckResults-perfect-match {
width: 158px;
height: 81px;
border-top: 1px solid #c1c1c1;
background: url(../images/profile/quickcheck-results-perfect-match-icon.gif) no-repeat 0px 0px;
}
#quickcheckResults-footer {
width: 158px;
height: 46px;
background: url(../images/profile/quickcheck-results-footer.gif) no-repeat 0px 0px;
}
#quickcheckResults-footer ul {
padding: 8px 0 0 10px;
}
#quickcheckResults-footer ul li {
display: inline;
}
div.formHeader {
width: 152px;
height: 34px;
background: url(../images/profile/header.gif) no-repeat left top;
padding: 5px;
}
div.formContent {
width: 162px;
background: url(../images/profile/backgroundTile.gif) repeat-y left top;
overflow:hidden;
}
div.formContent ul {
padding: 15px;
padding-bottom: 0px;
}
div.formContent ul li{
margin-bottom: 10px;
}
div.formFooter {
width: 162px;
height: 6px;
background: url(../images/profile/footer.gif) no-repeat left bottom;
}
div.formContent div.clearance ul li input { margin-bottom: 15px; float: left; margin-right: 10px; }
div.formContent div.clearance ul li label { font-weight:bold; font-size:12px; }
div.formContent div.clearance ul li { clear:left; }
/*a.editIcon {
padding-left: 15px;
background: url(../images/profile/editIcon.gif) no-repeat 0px 2px;
}*/
a.editIcon {
padding: 8px 0 0 25px;
height: 22px;
background: url(../images/profile/editIconPencil.gif) no-repeat 0px 0px;
}
a.editIconStyle {
margin: 0;
}
.personal-trait-box {
height: 100px;
position: relative;
width: 244px;
}
.personal-trait-box-inner{
position: absolute;
bottom: 0;
}
.scaleBox {
width: 244px;
height: 20px;
margin-top: 10px;
text-align:center;
background: url(../images/profile/scalebox_bg.gif) no-repeat 0 0;
}
.scale {
width: 50%;
height: 18px;
margin-left: 1px;
background: url(../images/profile/charakterBarWorldView.gif) repeat-x 0px 0px;
float:left;
}
.scaleBoxPrivateView {
width: 178px;
height: 24px;
background-color: #e2e2e2;
}
.scalePrivateView {
width: 50%;
height: 24px;
background: url(../images/profile/charakterBarPrivateView.gif) repeat-x 0 0;
}
body#brutallyAsked img.cooperation {
cursor:auto;
}
.personal-trait-label {
width: 244px;
padding-bottom: 5px;
}
.about-me-box {
width: 244px;
}
/* end profile about me */
/* WebShop */
ul#shop-sidebar {
padding: 15px 0 0 25px;
height: 256px;
background: url(../images/shop/sidebarBg.gif) no-repeat 0 0;
}
#shop-sidebar li {
margin-bottom: 3px;
background: url(../images/premiumMemberStar.gif) no-repeat 0px 2px;
}
#shop-sidebar li span {
font-size: 0.9230em;
font-weight: bold;
padding: 0 0 0 20px;
}
#shop {
padding: 10px 20px 20px 20px;
}
.premium-paket-info {
vertical-align: bottom;
margin-left: 5px;
}
ul#shopOffers { margin: 30px 0; }
ul#shopOffers li { float: left; }
/* Nested List Begins */
ul#shopOffers ul {
margin-right: 5px;
padding-bottom: 100px;
background: url(../images/shop/shopOffersColumnBg.gif) repeat-x 0px 150px;
}
ul#shopOffers ul li {
float: none;
min-height: 36px;
width: 133px;
margin-bottom: 5px;
padding: 0 5px 0 10px;
}
/* 1 month and 3 months headers */
ul#shopOffers ul li.header {
height: 115px;
background: url(../images/shop/shopOffersBg.gif) repeat-x left bottom;
padding: 0;
width: 152px;
}
ul#shopOffers ul li.header span, ul#shopOffers ul li#shop-recommend2 span {
float: left;
padding-top: 82px;
height: 33px;
}
ul#shopOffers ul li.header span.shopoffers-cornerLeft {
width: 13px;
background: url(../images/shop/shopOffersCornerLeft.gif) no-repeat left bottom;
}
ul#shopOffers ul li.header span.shopoffers-cornerRight {
width: 15px;
background: url(../images/shop/shopOffersCornerRight.gif) no-repeat right bottom;
}
ul#shopOffers ul li.header span.shopoffers-text {
font-weight: bold;
color: #1b2f48;
width: 124px;
text-align: center;
/* for longer text decrease font and line-height */
}
/* end 1 month and 3 months headers */
/* 6 months header */
ul#shopOffers ul#recommendation {
margin-right: 0px;
}
ul#shopOffers ul li#shop-recommend {
width: 150px;
height: 115px;
padding: 0;
}
/* end 6 months header */
/* 12 months header */
ul#shopOffers ul#recommendation2 {
background: url(../images/shop/shopOffersColumnBg2.gif) no-repeat 0px 150px;
margin-right: 0px;
}
ul#shopOffers ul#recommendation2 li{
padding-left: 20px;
width: 133px;
}
ul#shopOffers ul#recommendation2 li#shop-recommend2 {
height: 115px;
margin-right: 0;
padding: 0;
background: url(../images/shop/shopOffersBg.gif) repeat-x left bottom;
width: 161px;
}
ul#shopOffers ul#recommendation2 li#shop-recommend2 span.shopoffers-cornerLeft {
width: 19px;
background: url(../images/shop/our-recommendation2.jpg) no-repeat left bottom;
}
ul#shopOffers ul#recommendation2 li#shop-recommend2 span.shopoffers-text {
font-weight: bold;
color: #1b2f48;
width: 127px;
text-align: center;
/* for longer text decrease font and line-height */
}
ul#shopOffers ul#recommendation2 li#shop-recommend2 span.shopoffers-cornerRight {
width: 15px;
background: url(../images/shop/shopOffersCornerRight.gif) no-repeat right bottom;
}
/* End 12 months header */
ul#shopOffers ul li.checkmark {
background: url(../images/shop/checkmark.gif) no-repeat 10px 2px;
padding: 0 0 0 30px;
width: 105px;
}
ul#shopOffers ul#recommendation2 li.checkmark {
background: url(../images/shop/checkmark.gif) no-repeat 20px 2px;
padding: 0 0 0 40px;
width: 105px;
}
ul#shopOffers ul li.heart, ul#shopOffers ul li.green_heart {
background: url(../images/shop/heart.png) no-repeat 10px 2px;
padding: 0 0 0 30px;
width: 105px;
color: #DB3661;
font-weight:bold;
}
ul#shopOffers ul#recommendation2 li.heart, ul#shopOffers ul#recommendation2 li.green_heart {
background: url(../images/shop/heart.png) no-repeat 20px 2px;
padding: 0 0 0 40px;
width: 105px;
color: #DB3661;
font-weight:bold;
}
ul#shopOffers ul#recommendation2 li.green_heart {
background: url(../images/shop/green_heart.png) no-repeat 20px 2px;
font-weight: bold;
color: #1b2f48;
}
ul#shopOffers ul li.green_heart {
background: url(../images/shop/green_heart.png) no-repeat 10px 2px;
font-weight: bold;
color: #1b2f48;
}
ul#shopOffers li.stamp { height: 39px; }
ul#shopOffers li.stamp img { padding-left: 10px; }
ul#shopOffers li.radioOption, ul#shopOffers li.radioOption_green {
margin-top: 10px;
text-align: right;
}
ul#shopOffers li.radioOption span.radioCornerLt, ul#shopOffers li.radioOption_green span.radioCornerLt {
display: block;
float: left;
width: 10px;
height: 41px;
background: url(../images/shop/radioBgLeft.gif) no-repeat 0px 0px;
}
ul#shopOffers li.radioOption_green span.radioCornerLt {
background: url(../images/shop/radioBgGreenLeft.jpg) no-repeat 0px 0px;
}
ul#shopOffers li.radioOption span.radioBg, ul#shopOffers li.radioOption_green span.radioBg {
display: block;
float: left;
width: 90px;
height: 39px;
padding-top: 2px;
background: #000 url(../images/shop/radioBg.gif) repeat-x 0px 0px;
}
ul#shopOffers li.radioOption_green span.radioBg {
background: #000 url(../images/shop/radioBgGreen.jpg) repeat-x 0px 0px;
}
ul#shopOffers li.radioOption span.radioCornerRt, ul#shopOffers li.radioOption_green span.radioCornerRt {
display: block;
float: left;
width: 12px;
height: 41px;
background: url(../images/shop/radioBgRight.gif) no-repeat 0px 0px;
}
ul#shopOffers li.radioOption_green span.radioCornerRt {
background: url(../images/shop/radioBgGreenRight.jpg) no-repeat 0px 0px;
}
ul#shopOffers li.radioOption input.radio, ul#shopOffers li.radioOption_green input.radio {
margin-right: 0;
}
span.price {
font-size: 1.0769em; /* 14px */
font-weight: bold;
}
span.length {
font-size: 0.846em; /* 11px */
color: #152d4b;
}
/* Nested List Ends */
/* Flirt Mail */
#sendFlirtPopUp{
background-color: #f2f5fa;
padding: 25px;
height: 100%;
background-image: url(../images/flirt/pop_up_bg.jpg);
background-position: 100% 0;
background-repeat: no-repeat;
}
#sendFlirtPopUp input[type="radio"]{
border: none !important;
}
#sendFlirtPopUp .error{
color: #F00;
}
#sendFlirtPopUp b{
padding-bottom: 4px;
}
#sendFlirtPopUp ul.reasons{
padding-bottom: 24px;
}
#sendFlirtPopUp input.button{
margin: 24px 0 0 0;
float: right;
}
#sendFlirtPopUp img.loading{
margin: 24px 0 0 0;
float: right;
border: none;
background-color: transparent;
}
#sendFlirtPopUp div.loadClearance_1022825{
padding-top: 4px;
}
#sendFlirtPopUp div.loadClearance_1022825 ul{
}
#flirt_send_message_success_div img{
border: none;
padding: 0;
margin-bottom: 0;
}
/* Flirt Mail End */
/* Messages sent */
div.messages_sent{
background-color: #ffffff;
border: solid 1px #dce6f0;
padding: 24px;
margin-top: 25px;
}
div.messages_sent p{
padding-bottom: 0;
margin: 0;
}
div.messages_sent p.title{
font-weight: bold;
padding-bottom: 12px;
}
div.messages_sent p.info{
width: 190px;
margin-top: 26px;
}
/* Messages sent End */
/* Zur Person */
li#liField_146, li#liField_148, li#liField_150, li#liField_152, li#liField_154 { padding-right:18px; }
#registration-profile .regStep2 .formheadline { display: none; }
#registration-profile .regStep2 .formlabel { padding-bottom: 0px; }
#registration-profile .regStep2 li { float:left; }
#registration-profile .regStep2 li .formfield { margin-bottom: 10px; }
#registration-profile .regStep2 li .formfield select,
#registration-profile .regStep2 li .formfield input { width:270px; }
#registration-profile .regStep2 div.minVal { position:relative; top:-1px; font-weight:bold; font-size:12px; }
#registration-profile .regStep2 div.maxVal { position:relative; text-align:right !important; width:270px !important; top:-23px; font-weight:bold; font-size:12px; margin-bottom:10px; }
.regStep8 div.minVal { position:relative; top:-1px; font-weight:normal; font-size:12px; }
.regStep8 div.maxVal { position:relative; text-align:right !important; width:190px !important; top:-28px; font-weight:normal; font-size:12px; margin-bottom:0px; }
.regStep8 div#regFormClearanceInfo { padding-bottom:20px; }
.regStep8 #ulForm_7 li { width: 190px;}
.regStep8 #ulForm_7 #liField_164, .regStep8 #ulForm_7 #liField_166, .regStep8 #ulForm_7 #liField_168, .regStep8 #ulForm_7 #liField_189, .regStep8 #ulForm_7 #liField_186, .regStep8 #ulForm_7 #liField_184, .regStep8 #ulForm_7 #liField_187, .regStep8 #ulForm_7 #liField_185, .regStep8 #ulForm_7 #liField_188, .regStep8 #ulForm_7 #liField_183 { width:60px; white-space:nowrap; }
/* set fieldsize of lifestyle attributes to 190px */
li#liField_37, li#liField_163, li#liField_38, li#liField_165, li#liField_175, li#liField_182, li#liField_167, li#liField_172, li#liField_179, li#liField_170, li#liField_177, li#liField_173, li#liField_180, li#liField_171, li#liField_178, li#liField_174, li#liField_181, li#liField_169, li#liField_176, li#liField_139 { width:190px; margin-bottom:20px; }
/* set slider-width of lifestyle attributes to 190px */
li#liField_37 #slider_37, li#liField_163 #slider_163, li#liField_38 #slider_38, li#liField_165 #slider_165, li#liField_175 #slider_175, li#liField_182 #slider_182, li#liField_167 #slider_167, li#liField_172 #slider_172, li#liField_179 #slider_179, li#liField_170 #slider_170, li#liField_177 #slider_177, li#liField_173 #slider_173, li#liField_180 #slider_180, li#liField_171 #slider_171, li#liField_178 #slider_178, li#liField_174 #slider_174, li#liField_181 #slider_181, li#liField_169 #slider_169, li#liField_176 #slider_176, li#liField_139 #slider_139 { width:190px; }
/* set line-breaks for "myself" lifestyle attributes */
li#liField_37, li#liField_38, li#liField_139, li#liField_175, li#liField_172, li#liField_170, li#liField_173, li#liField_171, li#liField_174, li#liField_169 { clear:left; position:relative; margin-top:20px; }
/* stretch width for "myself" lifestyle attributes labels */
li#liField_37 div.formlabel, li#liField_38 div.formlabel, li#liField_139 div.formlabel, li#liField_175 div.formlabel, li#liField_172 div.formlabel, li#liField_170 div.formlabel, li#liField_173 div.formlabel, li#liField_171 div.formlabel, li#liField_174 div.formlabel, li#liField_169 div.formlabel { position:absolute; width:560px; margin-top:-25px; text-align: center; }
/* add some top-margin to "my partner" slider lifestyle attributes */
li#liField_163, li#liField_165, li#liField_167, li#liField_139, li#liField_182, li#liField_179, li#liField_177, li#liField_180, li#liField_178, li#liField_181, li#liField_176 { margin-right:35px; margin-top: 20px; }
/* add some right-margin to "myself" slider lifestyle attributes */
li#liField_37, li#liField_38, li#liField_139, li#liField_175, li#liField_172, li#liField_170, li#liField_173, li#liField_171, li#liField_174, li#liField_169 { margin-right:55px; }
/* add some top-margin to "my partner - I don't care" checkbox lifestyle attributes */
div#formField_164, div#formField_166, div#formField_168, div#formField_189, div#formField_186, div#formField_184, div#formField_187, div#formField_185, div#formField_188, div#formField_183 { margin-top:30px; }
/* colorize "my partner" lifestyle attributes */
li#liField_163, li#liField_164, li#liField_165, li#liField_166, li#liField_182, li#liField_189, li#liField_167, li#liField_168, li#liField_179, li#liField_186, li#liField_177, li#liField_184, li#liField_180, li#liField_187, li#liField_178, li#liField_185, li#liField_181, li#liField_188, li#liField_176, li#liField_183 { color:#C73A8A; }
.actor_bg li#liField_166, .actor_bg li#liField_189, .actor_bg li#liField_168, .actor_bg li#liField_186, .actor_bg li#liField_184, .actor_bg li#liField_187, .actor_bg li#liField_185, .actor_bg li#liField_188, .actor_bg li#liField_183, .actor_bg li#liField_164 { width: 50px; }
li#liField_157 { width: 560px; margin-top:20px; }
li#liField_157 textarea { width: 560px; border:1px solid #D1CBCD; height:65px; }
li#liField_157 div.formheadline { width:550px; background-color:#C5D6E6; font-weight:bold; color:#133F6C; padding:5px; margin-top:30px; margin-bottom:10px; }
li#liField_156 { width: 560px; margin-top:20px; margin-bottom:20px; }
li#liField_156 textarea { width: 560px; border:1px solid #D1CBCD; height:65px; }
li#liField_40 { width: 560px; margin-bottom:20px; }
li#liField_40 textarea { width: 560px; border:1px solid #D1CBCD; height:65px; }
/*
div#registration-profile div.regStep7 li { float:left; }
div#registration-profile div.regStep7 li div.formlabel { margin-bottom:3px; }
div#registration-profile div.regStep7 li div.formfield { margin-bottom:10px; }
div#registration-profile div.regStep7 li#liField_21, div#registration-profile div.regStep7 li#liField_3, div#registration-profile div.regStep7 li#liField_158, div#registration-profile div.regStep7 li#liField_39 { width:288px; }
div#registration-profile div.regStep7 li#liField_158, div#registration-profile div.regStep7 li#liField_55 { margin-bottom:20px; }
div#registration-profile div.regStep7 li#liField_20, div#registration-profile div.regStep7 li#liField_3 { margin-bottom:50px; }
div#registration-profile div.regStep7 li#liField_21 select, div#registration-profile div.regStep7 li#liField_3 select, div#registration-profile div.regStep7 li#liField_20 select, div#registration-profile div.regStep7 li#liField_39 select, div#registration-profile div.regStep7 li#liField_159 select { width:270px; }
div#registration-profile div.regStep7 li#liField_132 select { width:55px; }
div#registration-profile div.regStep7 li#liField_133 { width:180px; }
div#registration-profile div.regStep7 li#liField_133 select { width:55px; }
div#registration-profile div.regStep7 li#liField_160 { width:550px; }
div#registration-profile div.regStep7 li#liField_160 div.formfield_rb { float:left; width:120px; }
div#registration-profile div.regStep7 li#liField_40, div#registration-profile div.regStep7 li#liField_40 div.formlabel { width: 560px; }
div#registration-profile div.regStep7 li#liField_40 textarea { width: 560px; border:1px solid #D1CBCD; height:65px; }
div#registration-profile div.regStep7 div.minVal { position:relative; top:-1px; font-weight:bold; font-size:12px; }
div#registration-profile div.regStep7 div.maxVal { position:relative; text-align:right !important; width:270px !important; top:-23px; font-weight:bold; font-size:12px; margin-bottom:10px; }
*/
/*
div#registration-profile div.regStep4 li { margin-bottom:30px; }
div#registration-profile div.regStep4 div.formlabel { width:550px; background-color:#dbe2e6; font-weight:bold; padding:5px; margin-bottom:10px; }
div#registration-profile div.regStep4 div.formfield_cb { float:left; width:185px; }
div#registration-profile div.regStep4 li#liField_46 div.formlabel { background-color:transparent; font-size:12px; font-weight:normal; margin-bottom:3px; color:#000; padding:0px; }
div#registration-profile div.regStep4 li#liField_46 div.formfield input { width:270px; }
*/
#ulForm_5 li {
float: left;
}
.formlabel { font-weight: bold; }
.regStep8 li div.formfield { margin-bottom:10px; }
.regStep8 li div.formlabel { margin-bottom:3px; }
li#liField_23, li#liField_25, li#liField_138, li#liField_27, li#liField_13, li#liField_190 { padding-right:15px; }
li#liField_191, li#liField_26 { margin-bottom:30px; }
#registration-profile div.body { padding-top: 0px; }
/* Basisdaten */
#registration-profile div.regStep1 ul#ulForm_5 li { float: left; width: 270px; margin-top: 8px;}
#registration-profile div.regStep1 ul#ulForm_5 li input,
#registration-profile div.regStep1 ul#ulForm_5 li select { width: 270px;}
#registration-profile div.regStep1 ul#ulForm_5 li select { margin-top: 1px; margin-bottom: 4px;}
#registration-profile div.regStep1 ul#ulForm_5 li#liField_132,
#registration-profile div.regStep1 ul#ulForm_5 li#liField_133 { width: 80px;}
#registration-profile div.regStep1 ul#ulForm_5 li#liField_132 select { width: 60px; }
#registration-profile div.regStep1 ul#ulForm_5 li#liField_133 select { width: 60px; }
#registration-profile div.regStep1 ul#ulForm_5 li#liField_131,
#registration-profile div.regStep1 ul#ulForm_5 li#liField_8 { width: 285px; min-height: 48px;}
#registration-profile div.regStep1 ul#ulForm_5 li#liField_10 { width: 564px;}
#registration-profile div.regStep1 ul#ulForm_5 li#liField_18 { clear: both; margin-bottom: 25px;}
#registration-profile div.regStep1 ul#ulForm_5 li#liField_18 select { width: 65px; margin-right: 10px;}
#registration-profile div.regStep1 ul#ulForm_5 li#liField_18 select.year { width: 70px; }
#registration-profile div.regStep1 li span.hidden { background-image:url('../images/registration/hidden.gif'); padding-right: 8px; background-position:right center; background-repeat:no-repeat; }
#registration-profile div.regStep1 div#regFormNL { clear:left; position:relative; top: 0px; padding-top: 10px; padding-bottom: 10px; }
#registration-profile div.regStep1 div#regFormNL input { border: 0px; vertical-align: middle; margin-right: 5px; }
#registration-profile div.regStep1 div#regFormDispInfo { font-weight:bold; color: #A19D9E; position: relative; top: 0px; }
#registration-profile div.regStep1 div#regFormDispInfo span.hidden { background-image:url('../images/registration/hidden.gif'); padding-right:12px; background-position:0 center; background-repeat:no-repeat; }
#registration-profile li.formerror input, #registration-profile li.formerror select { border-color:#DC3561; }
#registration-profile div.formerror { color:#DC3561; font-weight:bold; }
/* END Basisdaten */
.boxFull-containerLt #regFormClearanceInfo img {
margin-bottom: 0;
}
/* Ich ?? Mich */
#registration-profile div.regStep9 li {
width: 275px;
margin-top: 8px;
float: left;
position: relative;
min-height: 62px;
}
#registration-profile div.regStep9 li#liField_131,
#registration-profile div.regStep9 li#liField_133,
#registration-profile div.regStep9 li#liField_135 {
width: 285px;
}
#registration-profile div.regStep9 li#liField_137,
#registration-profile div.regStep9 li#liField_140,
#registration-profile div.regStep9 li#liField_141 {
width: 560px;
margin-top: 25px;
}
#registration-profile div.regStep9 li .formfield {
position: absolute;
bottom: 0;
}
#registration-profile div.regStep9 li .formlabel {
float: left;
position: absolute;
bottom: 25px;
}
#registration-profile div.regStep9 li#liField_137 .formfield,
#registration-profile div.regStep9 li#liField_140 .formfield,
#registration-profile div.regStep9 li#liField_141 .formfield,
#registration-profile div.regStep9 li#liField_137 .formlabel,
#registration-profile div.regStep9 li#liField_140 .formlabel,
#registration-profile div.regStep9 li#liField_141 .formlabel {
position: relative;
bottom: 0;
}
#registration-profile div.regStep9 li input,
#registration-profile div.regStep9 li select {
color:#4C4646;
height: 21px;
width: 270px;
}
#registration-profile div.regStep9 li textarea {
height: 65px;
width: 555px;
border: 1px solid #D1CFCF;
}
#registration-profile div.regStep9 li#liField_141 {
margin-bottom: 8px;
}
#registration-profile div.regStep9 li#liField_137 {
margin-top: 25px;
}
/* END Ich ?? Mich */
/* Member's Only Popup */
div.premium-memberPopup {
height: 269px;
background: url(../images/popups/premium-memberBgTile.gif) repeat-x 0px 0px;
}
div.premium-memberPopupBg {
height: 269px;
background: url(../images/popups/premium-memberBg.gif) no-repeat right top;
}
div.premium-memberPopup .header {
width: 500px;
height: 45px;
cursor: move;
}
div.premium-memberPopup .header .text {
margin: 0 25px 0;
padding-top: 21px;
font-size: 16px;
color: #2c2d32;
font-weight: bold;
text-align: left;
}
div.premium-memberPopup .header .closeIcon {
float: right;
margin-top: -1px;
margin-right: -1px;
cursor: pointer;
}
div.premium-memberPopup .body{
width: 450px;
height: 164px;
font-size: 13px;
font-weight: normal;
text-align: left;
margin: 0 25px 0;
}
div.premium-memberPopup .body ul {
list-style: none;
margin-top: 20px;
}
div.premium-memberPopup .body ul li {
height: 14px;
background: url(../images/popups/starBullets.gif) no-repeat 0px 0px;
padding-left: 26px;
margin-bottom: 8px;
font-weight: bold;
}
div.premium-memberPopup .footer{
width: 500px;
height: 26px;
padding: 24px 0 22px;
}
div.premium-memberPopup .footer .button{
float: right;
margin-top: 0;
margin-right: 14px;
cursor: pointer;
}
/* End Member's Only Popup */
/* Generic Popup */
div.genericPopup {
background-color: #f2f5fa;
}
div.genericPopup .header {
width: 500px;
height: 45px;
background-color: #f2f5fa;
cursor: move;
}
div.genericPopup .header .text {
margin: 0 25px 0;
padding-top: 21px;
font-size: 13px;
color: #2c2d32;
font-weight: bold;
text-align: left;
}
div.genericPopup .header .closeIcon {
float: right;
margin-top: -1px;
margin-right: -1px;
cursor: pointer;
}
div.genericPopup .body {
width: 450px;
height: 200px;
overflow: auto;
overflow-x: hidden;
font-size: 13px;
font-weight: normal;
text-align: left;
margin: 0 25px 0;
}
div.genericPopup .footer {
width: 500px;
height: 26px;
padding: 24px 0 22px;
background-color: #f2f5fa;
}
div.genericPopup .footer .button {
float: right;
margin-top: 0;
margin-right: 14px;
cursor: pointer;
}
/* End Generic Popup */
/* Settings */
#settings h2 {
font-size: 1em;
font-weight: bold;
margin: 25px 0 5px 0;
padding: 0;
background-color: transparent;
color: #2c2d32;
}
.deactivateBtn a {
float: left;
padding: 10px 0 0 23px;
display: block;
height: 17px;
background: url(../images/deactivateButton.gif) no-repeat 0px 10px;
}
.displayBox {
display: block;
}
.infoBox {
padding: 10px 25px 10px 20px;
background-color: #e8f1fa;
margin-bottom: 15px;
}
div.brutallyAskedContent { float:left; width:364px !important; }
div.brutallyAskedContent div.content { background-image:url('../images/registration/brutally_asked_repeat.gif'); background-repeat:repeat-y; padding-left:20px; padding-right:20px; width:364px !important; }
div.brutallyAskedContent div.header { height:21px; width:364px !important; }
div.brutallyAskedContent div.footer { height:24px; width:364px !important; }
div.brutallyAskedImage { position:relative; left:-1px; }
/*
div.regStep3 ul { position:relative; left:-18px; width:580px; }
div.regStep3 li { float:left; padding-left:18px; }
div.regStep3 li input { width:270px; }
div.regStep3 li div.formlabel{ padding-top:15px; }
div.regStep3 input.cb { border:0px; }
div.regStep3 div#missNL { padding-top: 30px; margin-bottom:15px; }
div.regStep3 div#participationCond input, div#regStep3 div#missNL input { margin-bottom: 20px; float: left; margin-right: 5px; }
*/
.regStep6 #ProfileImageLeft img.profile { background-color: #ffffff; border: 1px solid #D8D3CA; padding: 3px; margin: 5px 0 0 0; }
.regStep6 #ProfileImageLeft { float:left !important; width:156px; margin-right:25px; font-weight: bold; }
.regStep6 #ProfileImageLeft .approved { color: #1a831c; padding: 0 5px 0 2px;}
.regStep6 #ProfileImageLeft .notModerated { color: #ef2d5f; padding: 0 5px 0 2px; white-space:nowrap; overflow: hidden;}
.regStep6 #ProfileImageLeft a.delete { color: #115780; padding-left: 20px; background: url(../images/delete.gif) no-repeat 0% 50%; }
.regStep6 #ProfileImageLeft a:hover.delete { color: #115780;}
.regStep6 #ProfileImageRight { margin-top: 22px; float: left; width:379px; }
.regStep6 #ProfileImageRight #imgUpload input.button { margin: 10px 0 30px; }
.regStep6 #ProfileImageRight #imgUpload input.file { margin-top: 30px; width: 300px; }
.regStep6 #ProfileImage h1 { margin-bottom: 5px; text-align: left; font-style: italic; }
.regStep6 #ProfileImage ul {
overflow: hidden;
margin-top: 15px;
margin-bottom: 20px;
}
.regStep6 #ProfileImage ul li {
float: left;
margin-left: 15px;
font-style: italic;
height: 172px;
width: 122px;
position: relative;
}
.regStep6 #ProfileImage ul li span {
display: block;
position: absolute;
top: 125px;
left: 15px;
}
.regStep6 #ProfileImage ul li.tip1 { margin-left: 0; background: url(../images/profile/photoedit_tip1.jpg) no-repeat 0px 0px;}
.regStep6 #ProfileImage ul li.tip2 { margin-left: 30px; background: url(../images/profile/photoedit_tip2.jpg) no-repeat 50% 23%;}
.regStep6 #ProfileImage ul li.tip3 { background: url(../images/profile/photoedit_tip3.jpg) no-repeat 50% 23%;}
.regStep6 #ProfileImage ul li.tip4 { background: url(../images/profile/photoedit_tip4.jpg) no-repeat 50% 23%;}
.regStep8-1 #liField_4 {display: none;}
.regStep8-1 #liField_21 {display: none;}
.regStep8-1 #liField_5 {display: none;}
.regStep8 #liField_141 {margin-top: 20px;}
.regStep8 #liField_141 .formfield, .regStep8 #liField_142.formfield, .regStep8 #liField_143 .formfield, .regStep8 #liField_144 .formfield, .regStep8 #liField_145 .formfield, .regStep8 #liField_46 .formfield {width: 560px;}
.regStep8 #liField_141 .formfield_cb, .regStep8 #liField_142 .formfield_cb, .regStep8 #liField_143 .formfield_cb, .regStep8 #liField_144 .formfield_cb, .regStep8 #liField_145 .formfield_cb {float: left; width: 180px;}
.regStep8 #liField_46 input {width: 560px;}
.regStep8 #liField_46 {margin-bottom: 30px;}
/** ========== billing form ========== */
div.billing div {
float:left;
width: 300px;
}
div.billing label {
display:block;
margin-top:10px;
}
#zip {
width:100px;
float:left;
}
#city {
width:200px;
float:left;
}
#country {
width:150px;
float:left;
}
div.boxFull p.s15 img.profileFlag {
float:none;
margin:0px;
padding:0px;
cursor:auto;
}
#state {
width:150px;
float:left;
}
/** ========== billing form ========== */
div.boxFull h1.userCypher div img {
background-color:transparent;
border-style:none;
padding:0px;
margin:0px 3px 0px;
}
div.boxFull h1.userCypher div {
margin:0px 30px 0px;
float:right;
font-size:12px;
font-weight:normal;
}
/* My Account */
ul#steps { margin-top: 30px;}
ul#steps li {
float: left;
height: 47px;
border-right: 1px solid #d3dde8;
position: relative;
background: url(../images/shop/shopNavBg.gif) repeat-x 0 0;
}
ul#steps li span#steps-cornerLeft {
float: left;
width: 8px;
height: 47px;
background: url(../images/shop/shopNavCornerLeft.gif) no-repeat 0 0;
}
ul#steps li.stepsLast { border-right: 0; }
ul#steps li span#steps-cornerRight {
float: right;
height: 47px;
width: 8px;
border-right: none;
background: url(../images/shop/shopNavCornerRight.gif) no-repeat 0 0;
}
ul#steps li span.steps-text {
float: left;
margin: 15px 11px 0 11px;
height: 32px;
text-align: center;
font-weight: bold;
}
ul#steps li span#step1 {
width: 32px;
height: 30px;
position: absolute;
top: -18px;
left: 40%;
background: url(../images/shop/step1Icon.gif) no-repeat 0 0;
}
ul#steps li span#step2 {
width: 32px;
height: 30px;
position: absolute;
top: -18px;
left: 40%;
background: url(../images/shop/step2Icon.gif) no-repeat 0 0;
}
ul#steps li span#step3 {
width: 32px;
height: 30px;
position: absolute;
top: -18px;
left: 40%;
background: url(../images/shop/step3Icon.gif) no-repeat 0 0;
}
ul#steps li span#step4 {
width: 32px;
height: 30px;
position: absolute;
top: -18px;
left: 40%;
background: url(../images/shop/step4Icon.gif) no-repeat 0 0;
}
ul#steps li#active {
float: left;
height: 47px;
border-right: 1px solid #d3dde8;
position: relative;
background: url(../images/shop/shopNavBgActive.gif) repeat-x 0 0;
}
ul#steps li#active span.steps-text { color: #ed2559; }
ul#steps li#active span#steps-cornerLeft {
float: left;
width: 8px;
height: 47px;
background: url(../images/shop/shopNavCornerLeftActive.gif) no-repeat 0 0;
}
ul#steps li#active span#steps-cornerRight {
float: right;
width: 8px;
height: 47px;
border-right: 0px;
background: url(../images/shop/shopNavCornerRightActive.gif) no-repeat 0 0;
}
ul#steps li#active span#step1 { background: url(../images/shop/step1IconActive.gif) no-repeat 0 0; }
ul#steps li#active span#step2 { background: url(../images/shop/step2IconActive.gif) no-repeat 0 0; }
ul#steps li#active span#step3 { background: url(../images/shop/step3IconActive.gif) no-repeat 0 0; }
ul#steps li#active span#step4 { background: url(../images/shop/step4IconActive.gif) no-repeat 0 0; }
#shop h1 {
font-size: 1.077em;
color: #2c2d32;
margin-bottom: 10px;
}
#shop h2 {
font-size: 1.0em;
color: #2C2D32;
background-color: transparent;
padding: 0;
margin-bottom: 15px;
}
#boxFeatureWhite {
height: 144px;
width: 615px;
background: url(../images/shop/featureboxBgWhite.gif) repeat-x 0px 0px;
margin: 20px 0 40px;
}
#boxFeatureLtCornerWhite {
height: 144px;
width: 7px;
background: url(../images/shop/featureboxLeftWhite.gif) repeat-x 0px 0px;
float: left;
}
#boxFeatureRtCornerWhite {
height: 144px;
width: 6px;
background: url(../images/shop/featureboxRightwhite.gif) repeat-x 0px 0px;
float: right;
}
#shop #boxFeatureList li span.boxFeatureNumber {
height: 24px;
background: url(../images/messsageBg.gif) repeat-x 0px 0px;
color: #fff;
}
#shop #boxFeatureList li span.boxFeatureNumberEmpty {
height: 24px;
background: url(../images/messsageBg_empty.gif) repeat-x 0px 0px;
color: #fff;
}
#shop #boxFeatureList li span.boxFeatureNumberLt {
height: 24px;
background: url(../images/messageLtSide.gif) no-repeat 0px 0px;
}
#shop #boxFeatureList li span.boxFeatureNumberLtEmpty {
height: 24px;
background: url(../images/messageLtSide_empty.gif) no-repeat 0px 0px;
}
#shop #boxFeatureList li span.boxFeatureNumberRt{
height: 24px;
background: url(../images/messageRtSide.gif) no-repeat 0px 0px;
}
#shop #boxFeatureList li span.boxFeatureNumberRtEmpty{
height: 24px;
background: url(../images/messageRtSide_empty.gif) no-repeat 0px 0px;
}
.account-info-list { margin-top: 35px; }
.account-info-list li { margin-bottom: 2px; }
.account-info-list-label {
float: left;
width: 80px;
}
.account-info-list-detail {
float: left;
width: 535px;
}
table#bills-displays {
width: 615px;
border-collapse: collapse;
}
table#bills-displays td { padding: 1px 10px; }
table#bills-displays th {
padding: 3px 10px;
color: #2C2D32;
}
table#bills-displays th.right, table#bills-displays td.right { text-align: right; }
table#bills-displays th.center, table#bills-displays td.center { text-align: center; }
table#bills-displays th img { padding-right: 5px; }
/* Impressum */
.colList2 {margin-left:40px;}
.colListTop {margin-top:-2.8em;}
/* Impressum */
/* Personality Test */
#personalityTest h2, #registration-profile h2 {
background-color: transparent;
background-image: none;
margin-top: 10px;
text-align: center;
}
#personalityTest ul#pQuizImage li {
float: left;
width: 161px;
margin: 0 39px 20px 0;
}
#personalityTest ul#pQuizImage li img {
border: 1px solid #d5d1d2;
margin-bottom: 5px;
}
#personalityTest ul#pQuizImage li.noRightMargin {
margin-right: 0;
}
#personalityTest table#pQuizText {
border-collapse: collapse;
clear: both;
}
#personalityTest table#pQuizText td {
padding: 15px 25px 15px 0;
width: 50px;
border-top: 1px solid #c8d2dc;
}
#personalityTest table#pQuizText td.first {
border-top: none;
}
#personalityTest table#pQuizText th {
font-weight: bold;
font-size: 1.077em;
color: #123e6a;
background-color: #c5d6e7;
padding: 5px 5px 5px 0px;
text-align: left;
}
#personalityTest table#pQuizText td.pQuestion, #personalityTest table#pQuizText th.pQuestion {
width: 600px;
}
#personalityTest table#pQuizText th.pQuestion {
padding-left: 5px;
}
#personalityTest table#pQuizText td.pQuestionTip {
padding: 10px 20px;
border-top: none;
background-color: #e8f1fa;
width: 575px;
}
.apiPersonalityForm {
overflow: hidden;
}
#practical {
width: 250px;
margin: 0 auto;
overflow: hidden;
}
#ulForm_7 input, .regStep11 #ulForm_5 input{
border-width: 0px;
}
#ulForm_7 li, .regStep11 #ulForm_5 li {
float: left;
list-style-type: none;
width: 100%;
margin-bottom: 20px;
}
.formHdr {
text-align: center;
font-weight: bold;
font-size: 1.076em;
line-height: 2.0em;
padding-bottom: 10px;
}
.regStep11 #ulForm_5 .formlabel {
display: none;
}
#ulForm_7 .formHd, #ulForm_8 .formHd, .regStep11 #ulForm_5 .formHd {
margin: 10px 0 10px;
}
#ulForm_7 #liField_21 {
margin-left: 110px;
width: auto;
}
#ulForm_7 #liField_21 select {
width: 140px;
}
#ulForm_7 #liField_132 {
margin-left: 60px;
width: auto;
}
#ulForm_7 #liField_132 select {
width: 50px;
}
#ulForm_7 #liField_133 {
margin-left: 20px;
width: auto;
}
#ulForm_7 #liField_133 select {
width: 50px;
}
#ulForm_7 #liField_21 .formlabel,
#ulForm_7 #liField_132 .formlabel,
#ulForm_7 #liField_133 .formlabel {
margin: 0;
}
#ulForm_7 .formfield, .regStep11 #ulForm_5 .formfield {
width: 100%;
}
#ulForm_7 #formField_193, #ulForm_7 #formField_195, #ulForm_7 #formField_197,
#ulForm_8 #formField_193, #ulForm_8 #formField_195, #ulForm_8 #formField_197 {
margin-left: 30px;
}
#ulForm_7 .formfield_cb, #ulForm_8 .formfield_cb {
width: 32%;
float: left;
margin: 0 0 5px 0;
}
.regStep11 #ulForm_5 table {
width: 97%;
margin: 1% 0 0 3%;
}
.regStep11 #ulForm_5 table td {
width: 25%;
}
/*j.k. for profile edit*/
#ulForm_8 li {
float: left;
list-style-type: none;
margin-bottom: 20px;
}
#registration-profile .regStep3 ul#ulForm_5 li {
float:left;
}
#registration-profile ul#ulForm_8 li select {
margin-bottom:4px;
margin-top:1px;
width:270px;
}
#registration-profile ul#ulForm_8 li#liField_131, #registration-profile ul#ulForm_8 li#liField_8, #registration-profile ul#ulForm_8 li#liField_9, #registration-profile ul#ulForm_8 li#liField_4,#registration-profile ul#ulForm_8 li#man_liField_4_21, #registration-profile ul#ulForm_8 li#liField_21, #registration-profile .regStep3 ul#ulForm_5 li{
margin-bottom:20px;
min-height:48px;
width:282px;
}
#registration-profile ul#ulForm_8 li#liField_132, #registration-profile ul#ulForm_8 li#liField_133 {
margin-bottom:20px;
width:80px;
}
#registration-profile ul#ulForm_8 li#liField_132 select,#registration-profile ul#ulForm_8 li#liField_133 select {
width:60px;
}
#registration-profile ul#ulForm_8 li#liField_8 input, #registration-profile ul#ulForm_8 li#liField_9 input, #registration-profile ul#ulForm_8 li#liField_5 input {
width:270px;
}
#registration-profile ul#ulForm_8 li#liField_8,#registration-profile ul#ulForm_8 li#liField_18 {
clear: left;
}
#registration-profile ul#ulForm_8 li#liField_5, #registration-profile ul#ulForm_5 li#liField_157, #registration-profile ul#ulForm_5 li#liField_156, #registration-profile ul#ulForm_5 li#liField_40 {
margin-bottom:20px;
width:564px;
}
#registration-profile ul#ulForm_8 li#liField_140 {
clear: left;
}
#registration-profile ul#ulForm_8 li#liField_137 {
padding-left: 12px;
}
body.actor_bg #registration-profile ul#ulForm_8 li#man_liField_4_21 .formlabel {
padding-top: 16px;
}
body.actor_bg #registration-profile ul#ulForm_8 li#liField_133 .formlabel {
padding-top: 16px;
}
/*#registration-profile ul#ulForm_8 li#liField_3 {
display: none;
}
#registration-profile ul#ulForm_8 li#liField_20 {
display: none;
}*/
#registration-profile ul#ulForm_8 li#liField_3 {
clear: left;
}
#registration-profile ul#ulForm_8 li#liField_20 {
padding-left: 12px;
}
#registration-profile ul#ulForm_8 li#liField_18 {
margin-bottom:25px;
}
#registration-profile ul#ulForm_8 li #formField_18_day, #registration-profile ul#ulForm_8 li #formField_18_month {
float:left;
margin-right:20px;
width:50px;
}
#registration-profile ul#ulForm_8 li #formField_18_year {
float:left;
width:70px;
}
li#liField_62 input, li#liField_64 input, li#liField_76 input, li#liField_80 input, li#liField_84 input, li#liField_114 input {
width:270px;
}
/*EOF j.k. profile edit*/
#personalityTest-sidebar h2 {
color: #FFF;
background: transparent url(../images/personalityTest/hdBg.gif) repeat-x 0px 0px;
padding: 3px 3px 5px 25px;
}
#personalityTest-sidebar #ratingBar {
width: 332px;
height: 161px;
background: transparent url(../images/personalityTest/ratingbarBg.png) no-repeat 0px 0px;
}
#personalityTest-sidebar #ratingBar h2 {
background-image: none;
padding: 20px 0 0 25px;
}
#personalityTest-sidebar #ratingBar p {
color: #FFF;
width: 30%;
float: left;
margin-top: 55px;
padding-left: 25px;
padding-right: 25px;
line-height: 1em;
}
#personalityTest-sidebar img {
border: 0;
border-top: 1px solid #2a4966;
margin: 0;
padding: 0;
background-color: #FFF;
height: 107px;
}
#personalityTest-sidebar #ratingBar p.right {
float: right;
text-align: right;
}
#personalityTest-sidebar ul {
margin-left: 25px;
font-weight: bold;
}
#personalityTest #tabNavigation li a span, #personalityTest #tabNavigation li a:visited span {
padding-left: 28px;
padding-right: 14px;
}
#tipp01 { background: url(../images/personalityTest/couples1.jpg) no-repeat 0% 0%;}
#tipp02 { background: url(../images/personalityTest/couples2.jpg) no-repeat 0% 0%;}
#tipp03 { background: url(../images/personalityTest/couples3.jpg) no-repeat 0% 0%;}
#tipp04 { background: url(../images/personalityTest/couples4.jpg) no-repeat 0% 0%;}
#tipp05 { background: url(../images/personalityTest/couples5.jpg) no-repeat 0% 0%;}
#tipp06 { background: url(../images/personalityTest/couples6.jpg) no-repeat 0% 0%;}
#tipp07 { background: url(../images/personalityTest/couples7.jpg) no-repeat 0% 0%;}
#tipp08 { background: url(../images/personalityTest/couples8.jpg) no-repeat 0% 0%;}
#tipp09 { background: url(../images/personalityTest/couples9.jpg) no-repeat 0% 0%;}
#tipp10 { background: url(../images/personalityTest/couples10.jpg) no-repeat 0% 0%;}
#tipp11 { background: url(../images/personalityTest/couples11.jpg) no-repeat 0% 0%;}
#tipp12 { background: url(../images/personalityTest/couples12.jpg) no-repeat 0% 0%;}
#tipp13 { background: url(../images/personalityTest/couples13.jpg) no-repeat 0% 0%;}
#tipp14 { background: url(../images/personalityTest/couples14.jpg) no-repeat 0% 0%;}
.tip_Lt35_ { background: url(../images/personalityTest/couples2.jpg) no-repeat 0% 0%; }
.tip_Lt35_A { background: url(../images/personalityTest/couples2.jpg) no-repeat 0% 0%; }
.tip_Lt35_B { background: url(../images/personalityTest/couples3.jpg) no-repeat 0% 0%; }
.tip_Lt35_C { background: url(../images/personalityTest/couples4.jpg) no-repeat 0% 0%; }
.tip_Lt35_D { background: url(../images/personalityTest/couples6.jpg) no-repeat 0% 0%; }
.tip_Lt35_E { background: url(../images/personalityTest/couples7.jpg) no-repeat 0% 0%; }
.tip_Lt35_F { background: url(../images/personalityTest/couples8.jpg) no-repeat 0% 0%; }
.tip_Lt35_G { background: url(../images/personalityTest/couples9.jpg) no-repeat 0% 0%; }
.tip_Lt35_H { background: url(../images/personalityTest/couples13.jpg) no-repeat 0% 0%; }
.tip_Gt35_ { background: url(../images/personalityTest/couples1.jpg) no-repeat 0% 0%; }
.tip_Gt35_A { background: url(../images/personalityTest/couples1.jpg) no-repeat 0% 0%; }
.tip_Gt35_B { background: url(../images/personalityTest/couples3.jpg) no-repeat 0% 0%; }
.tip_Gt35_C { background: url(../images/personalityTest/couples5.jpg) no-repeat 0% 0%; }
.tip_Gt35_D { background: url(../images/personalityTest/couples10.jpg) no-repeat 0% 0%; }
.tip_Gt35_E { background: url(../images/personalityTest/couples11.jpg) no-repeat 0% 0%; }
.tip_Gt35_F { background: url(../images/personalityTest/couples12.jpg) no-repeat 0% 0%; }
.tip_Gt35_G { background: url(../images/personalityTest/couples9.jpg) no-repeat 0% 0%; }
.tip_Gt35_H { background: url(../images/personalityTest/couples14.jpg) no-repeat 0% 0%; }
/* End Personality Test */
/* Chat Invitations */
#chatInvitations{}
#chatInvitations ul.openChatInvitations{
background-color: #e0eaf3;
margin-bottom: 30px;
}
#chatInvitations ul.openChatInvitations li{
}
#chatInvitations ul.openChatInvitations li div.userInfo{
padding-left: 14px;
width: 200px;
}
#chatInvitations ul.openChatInvitations li div.chatInfo{
margin-left: 20px;
width: 200px;
}
#chatInvitations ul.openChatInvitations li div.chatActions{
padding-right: 10px;
}
#chatInvitations ul.openChatInvitations li div.chatActions div.chatButton{
margin: 28px 21px 0 0;
display: inline;
float: right;
}
#chatInvitations ul.openChatInvitations li div.chatActions a.chatDeleteButton{
float: right;
margin: 30px 0 0 0;
}
#chatInvitations div.chatInvitationsHeader{
margin-bottom: 20px;
}
#chatInvitations ul.chatInvitations{
}
#chatInvitations ul.chatInvitations li{
}
#chatInvitations ul.chatInvitations li div.userInfo{
padding-left: 14px;
width: 200px;
}
#chatInvitations ul.chatInvitations li div.chatInfo{
margin-left: 20px;
width: 200px;
}
#chatInvitations ul.chatInvitations li div.chatActions{
padding-right: 10px;
}
#chatInvitations ul.chatInvitations li div.chatActions div.chatButton{
margin: 28px 21px 0 0;
display: inline;
float: right;
}
#chatInvitations ul.chatInvitations li div.chatActions a.chatDeleteButton{
float: right;
margin: 30px 0 0 0;
}
/* Chat Invitations End */
/* PopUps */
div.printChatUserIsOfflinePopUp{
}
div.printChatUserIsOfflinePopUp h2{
background-color: transparent;
padding-left: 0;
margin-left: 0;
}
/* PopUps End */
body#headerSmall div#header div#headerContent div#logo { margin-top:-14px; }
div#quickcheckQuestions h2 { margin-top:30px; }
div#quickcheckQuestions input { border:0px; }
.matching-results {
padding: 15px 0 20px;
border-bottom: 1px solid #b5bac0;
width: 100%;
}
.matching-results dt {
float: left;
width: 380px;
font-weight: bold;
}
.matching-results dd {
margin-right: 180px;
}
.matching-results dd.graph {
margin-right: 0px;
float: right;
width: 170px;
padding-top: 2px;
}
.matching-results dd.graph ul {
width: 130px;
margin-bottom: 25px;
}
.matching-results dd.graph ul li.s3 {
color: #838891;
font-size: 0.92em;
}
.matching-results dd.graph em {
clear: both;
display: block;
font-style: italic;
font-weight: bold;
font-size: 0.846em;
padding-top: 10px;
}
.matching-results dd.graph dl {
width: 170px;
float: right;
padding: 0;
}
.matching-results dd.graph dl dt {
float: right;
width: 35px;
font-size: 0.92em;
font-weight: normal;
}
.matching-results dd.graph dl dt.clear-it {
clear: both;
}
.matching-results dd.graph dl dd {
float: left;
margin-right: 0;
height: 16px;
}
.matching-results dd.graph dl dd.my-result, .matching-results dd.graph dl dd.other-result {
width: 130px;
background: #e2e2e2;
border: 1px solid #c0c0c0;
}
.matching-results dd.graph dl dd.diff-result {
width: 130px;
background: #a49b9e;
border-right: 1px solid #fff;
border-left: none;
}
.matching-results dd.graph dl dd span {
display: block;
position: relative;
height: 16px;
}
.matching-results dd.graph dl dd.my-result span {
background: #0d8ea3 url(../images/matching/mine_tile.gif) repeat-x top left;
}
.matching-results dd.graph dl dd.other-result span {
background: #4c0da2 url(../images/matching/other_tile.gif) repeat-x top left;
}
.matching-results dd.graph dl dd.diff-result p.left {
position: relative;
height: 16px;
float: left;
width: 0;
padding: 0;
margin: 0;
background: #fff url(../images/matching/diff_tile.gif) repeat-x top left;
z-index: 3;
}
.matching-results dd.graph dl dd.diff-result p#right1, .matching-results dd.graph dl dd.diff-result p#right2, .matching-results dd.graph dl dd.diff-result p#right3, .matching-results dd.graph dl dd.diff-result p#right4, .matching-results dd.graph dl dd.diff-result p#right5 {
position: relative;
height: 16px;
float: right;
width: 0;
padding: 0;
margin: 0;
background: #fff url(../images/matching/diff_tile.gif) repeat-x top right;
z-index: 4;
}
img.imgPosMine {
position: absolute;
bottom: -30px;
left: 100%;
margin: 0;
padding: 0;
border: none;
z-index: 1;
width: 1px;
}
img.imgPosOther {
position: absolute;
top: -25px;
left: 0%;
margin: 0;
padding: 0;
border: none;
z-index: 2;
width: 1px;
}
#legend {
float: left;
border-bottom: 1px solid #b5bac0;
padding: 15px 0 4px;
margin: 15px 0;
}
#legend li {
float: left;
width:300px;
}
#legend li.my {
width:120px;
font-weight: bold;
}
#legend li.other {
width:120px;
font-weight: bold;
color: #C73A8A;
}
#legend li span {
display: block;
padding-right: 30px;
text-align: right;
background:none;
}
#legend li.other span {
/*background: url(../images/matching/other.gif) no-repeat center right;*/
/*padding-left: 40px;*/
background: transparent url(../images/matching/otherPink.gif) no-repeat scroll 92% 50%;
}
#legend li.my span {
/*background: url(../images/matching/other.gif) no-repeat center right;*/
/*padding-left: 40px;*/
background: transparent url(../images/matching/otherBlue.gif) no-repeat scroll 92% 50%;
}
div.sidebarSingleLotteryBox { width:332px;height:284px;overflow:hidden; }
div.sidebarSingleLotteryBox div.desc { margin-top:15px; margin-left:25px; margin-right:25px; height:222px; }
div.sidebarSingleLotteryBox div.link { margin-bottom:15px; margin-left:25px; margin-right:25px; text-align:right; }
textarea.LotteryOpenAnswer {
margin-top: 12px;
}
div.LotteryRadioAnswer {
margin-top:5px;
}
div.LotteryRadioAnswer label {
padding-left: 10px;
}
div.LotteryRadioAnswer input {
margin-bottom: 3px;
border: none;
}
div.LotteryCheckboxAnswer {
margin-top:3px;
border: none;
}
/*li span.clearance, div#regFormClearanceInfo span.clearance {
background-image:url(../images/icon_clearance.gif);
background-repeat:no-repeat;
padding-right:10px;
background-position: center right;
}*/
li span.clearance, div#regFormClearanceInfo span.clearance, #ProfileImageLeft span.clearance {
background:url('../images/check.gif') no-repeat scroll 0 10% transparent;
padding-left:23px;
}
div#regFormClearanceInfo span.clearance {
background-position: center left;
padding-right:18px;
}
div#terms_of_use{
padding: 25px;
background-color: #F2F5FA;
}
div#terms_of_use div.content{
overflow-y: scroll;
height: 300px;
padding: 5px;
}
#secureimage { float:left; margin-top:15px; margin-bottom:30px; }
#secureimage h1 {text-align: left; margin-bottom:0;}
#letsgo #secureimage p {margin-top:10px;}
#secureimage div.image{ float: left; width: 295px; }
#secureimage img#captcha{ border: 1px solid rgb(209, 207, 207); }
#secureimage div.field { width:275px; /*position: absolute; margin-left: 295px; */}
#secureimage div.field input { width: 270px; margin-bottom: 5px; }
#letsgo #right img { float: none; }
#letsgo #right .submit { width: 250px; margin: 0 auto;}
#letsgo #right .submit input {outline-style:none; height: 36px; border:0; background-color:transparent;}
#letsgo #right .submit input.borderOff { height:20px;}
div.sidebarTip { height:360px; width:332px; overflow:hidden; background-repeat:no-repeat; }
div.sidebarTip h2 { background:url('../images/sidebarHeartbeatHdBg.jpg') repeat-x scroll 0 0; color:#FFFFFF; padding-left:26px; }
div.sidebarTip h3, div.confirmSujet h3 { color: #123e6a; font-size:22px; font-style:italic; background-image:none; margin:0px; padding:0px; font-weight:bold; margin-bottom:10px; height:auto; }
div.sidebarTip div.sbContainer { width: 192px ! important; margin-left: 15px; }
div.sidebarTip img { padding:0px !important; margin:0px !important; background-color:transparent !important; border:0px !important; }
div.sidebarTip div.sidebarContent { background-image: url("../images/sidebar_sujet_repeat.gif"); background-repeat:repeat-y; padding-top: 10px; }
div.sidebarTip div.sidebarContent div { margin-left: 10px; margin-right: 10px; font-weight: bold; }
div.sidebarTip div.sidebarContent div input { width:172px; }
div.sujet_1 { background-image:url(../images/sidebar_sujet_1.jpg); }
div.sujet_2 { background-image:url(../images/sidebar_sujet_2.jpg); }
div.sujet_3 { background-image:url(../images/sidebar_sujet_3.jpg); }
div.sujet_4 { background-image:url(../images/sidebar_sujet_4.jpg); }
div.sujet_5 { background-image:url(../images/sidebar_sujet_5.jpg); }
div.confirmSujet { height:610px; width:332px; background-image:url('../images/registration/registration_confirm_sidebar.jpg'); background-repeat:no-repeat; color: #123e6a; }
div.confirmSujetContent { position:absolute; width: 250px; padding-top: 30px; padding-left:25px; }
div#registrationConfirm { text-align: center; padding-top: 220px; height:590px; }
div#registrationConfirmContent { color: #123e6a; text-align: left; position: absolute; margin-top: -110px; padding-left: 170px; width:450px; }
div#registrationConfirmContent h3 { color: #123e6a; font-size:16px; background-image:none; margin:0px; padding:0px; font-weight:bold; margin-bottom:5px; height:auto; }
div#registrationConfirmContent { font-weight: bold; width: 400px; margin-top:0px; }
div#registrationConfirmContent h3 { font-size: 22px; line-height: 24px; padding-bottom: 30px; }
div#registrationConfirm { padding-top:200px; }
div#headerMsgLeft {
float:left;
margin:0px;
}
div#headerMsgLeft a {
color:#EFA7B9;
}
div.photoNoPermsFemale { background-image: url('../images/photoalbum/photo_no_perms_bg_female.jpg'); background-repeat:no-repeat; height:54px; width:263px; padding-left:90px; padding-top:8px; padding-right:20px; font-weight:bold; margin-bottom:10px; }
div.photoNoPermsMale { background-image: url('../images/photoalbum/photo_no_perms_bg_male.jpg'); background-repeat:no-repeat; height:54px; width:263px; padding-left:90px; padding-top:8px; padding-right:20px; font-weight:bold; margin-bottom:10px; }
div.contentBox { float:left; }
div#specials { margin-top:-10px; }
div.onlineUsersBox {
margin-top:10px;
height: 46px;
}
div#onlineUsers div a img {
margin:5px 10px 5px 0px;
}
div.matching-reminder {
background-image:url(../images/search_reminder_bg.jpg);
height:55px;
padding:40px 20px 0 150px;
font-weight:bold;
}
#livechatBox {
width: 332px;
height: 201px;
padding: 0px;
position: relative;
background-image:url(../images/chat/livechat_bg.jpg);
background-repeat:no-repeat;
}
#livechatBox .desc { width: 190px; font-size: 14px; font-weight: normal; padding-top: 20px; padding-left: 20px; height:70px; overflow:hidden; }
div#right #heartbeatBox {
width: 332px;
height: 122px;
padding: 0px;
overflow:hidden;
padding-top:15px;
background:url(../images/heartbeat_bg.jpg) no-repeat;
}
div#heartbeatBox div.hb1, div#heartbeatBox div.hb2 {
height:58px;
width:280px;
margin:0px;
}
div#heartbeatBox div.hb1 div.box1, div#heartbeatBox div.hb2 div.box1 {
position:absolute;
margin-left:60px;
margin-top:10px;
width:220px;
}
div#onlineUsers h2 {
background:url(../images/sidebarHeartbeatHdBg.jpg) repeat-x;
color:#FFFFFF;
}
#progressBar {
overflow: hidden;
margin: 0;
padding: 0;
}
#progressBar li {
float: left;
padding: 0;
margin: 0;
height: 48px;
}
/* Let's Go & Congratulations */
#letsgo, #congrats {
overflow: hidden;
}
#congrats {
margin-left: 35px;
width: 978px;
height: 670px;
background:url(../images/congratulations/coupleBg.jpg) no-repeat 0% 0%;
}
#letsgo #left {
float: left;
padding: 0;
width: 494px
}
#letsgo #right, #congrats #right {
float: left;
width: /*570*/ 474px;
padding-left: 30px;
}
#congrats #right {
width: 452px;
margin-left: 494px;
}
#congrats h1 {
margin-top: 20px;
font-size: 1.285em; /* 18px */
text-align: left;
}
#letsgo p, #congrats p {
margin: 20px 0;
}
#congrats p.s4 {
margin: 240px 0 0;
}
#letsgo a img {
background-color: transparent;
cursor: pointer;
border: 0;
margin: 20px 40px 0 0;
padding: 0;
}
#letsgo li, #congrats li {
font-weight: bold;
font-size: 1.38em;
padding: 15px 0 5px 35px;
background: url(../images/letsgo/checkmark.png) no-repeat top left;
margin-bottom: 15px;
}
/* END Let's Go */
div.boxFull h1.userCypher {
width: auto;
font-size: 1.6em;
text-align: left;
margin-bottom: 0px;
}
div.boxFull h1.userCypher span {
width: auto;
margin-top: 10px;
font-size: 0.7em;
font-weight: normal;
}
.info-text {
color: #5e5e5e;
}
#settings ul {
margin: 10px auto;
width: 450px;
}
#settings #liFieldOldEmail .formfield,
#settings #liFieldOldEmail .formlabel,
#settings #liFieldNewEmail .formlabel,
#settings #liFieldOldPassword .formlabel,
#settings #liFieldNewPassword .formlabel,
#settings #liFieldRetypePassword .formlabel {
padding-top: 5px;
margin: 0 10px 10px 0
}
#settings #liFieldOldEmail .formlabel,
#settings #liFieldNewEmail .formlabel,
#settings #liFieldOldPassword .formlabel,
#settings #liFieldNewPassword .formlabel,
#settings #liFieldRetypePassword .formlabel {
float: left;
width: 140px;
text-align: right;
}
#settings #formFieldNewEmail,
#settings #formFieldOldPassword,
#settings #formFieldNewPassword,
#settings #formFieldRetypePassword {
width: 247px;
}
#settings .formSubmit {
text-align: center;
}
#settings #mailNotifications { width: 300px;}
#settings #visibility,
#settings #profile-settings {
width: 380px;
}
#settings #mailNotifications li,
#settings #visibility li,
#settings #profile-settings li {
background: url(../images/settingsIcons.gif) no-repeat 15px 0px;
padding-top: 15px;
height: 35px;
font-weight: bold;
}
#settings #mailNotifications li input {
margin-top: 0%;
margin-right: 60px;
}
#settings #mailNotifications li.two {
background-position: 15px -42px;
}
#settings #mailNotifications li.three {
background-position: 18px -85px;
}
#settings #mailNotifications li.four {
background-position: 18px -130px;
}
#settings #mailNotifications li.five {
background-position: 18px -176px;
}
#settings #visibility li.six {
background-position: 57px -214px;
}
#settings #visibility li.seven {
background-position: 57px -260px;
}
#settings #visibility li.six span {
margin-left: 70px;
font-weight: normal;
}
#settings #visibility li a,
#settings #profile-settings li a {
margin-left: 120px;
}
#settings #visibility li.six a {
margin-left: 10px;
}
#settings #profile-settings li.nine {
background-position: 57px -304px;
}
#settings #profile-settings li.ten {
background-position: 57px -348px;
}
#personalityTest .mandatory {
display: none;
}
#liField_8 span.hidden{
display: inline;
margin-left:10px;
padding: 4px 7px;
background: url("../images/profile/lockIcon_16.png") no-repeat scroll 0 0 transparent;
}
#liField_9 span.hidden{
display: inline;
margin-left:10px;
padding: 4px 7px;
background: url("../images/profile/lockIcon_16.png") no-repeat scroll 0 0 transparent;
}
#liField_18 span.hidden{
display: inline;
margin-left:10px;
padding: 4px 7px;
background: url("../images/profile/lockIcon_16.png") no-repeat scroll 0 0 transparent;
}
#lifestyle_sliders {
text-align: center;
}
#lifestyle_sliders .personal-trait-box {
margin-left:160px;
}
#membership-signup {
padding: 20px 0 25px 25px;
}
#membership-signup #tabHeader {
background: url("../images/shop/tabTopBgShop.png") no-repeat scroll 0 0 transparent;
height: 55px;
width: 943px;
}
#membership-signup #tabContent {
border-left: 1px solid #DADAD8;
border-right: 1px solid #DADAD8;
margin: 0;
min-height: 100px;
padding: 1px 25px 0;
width: 891px;
background: url("../images/shop/tabContentBgShop.gif") repeat-y scroll 0 0 transparent;
}
#membership-signup #tabFooter {
background:url("../images/shop/tabFooterBgShop.gif") no-repeat scroll 0 0 transparent;
height:18px;
width:943px;
}
#membership-signup .boxFull-containerLt {
float: left;
width: 312px;
}
#membership-signup .boxFull-containerRt {
margin-left: 312px;
padding: 0 30px;
position: relative;
width: 554px;
}
* html #membership-signup .boxFull-containerRt {
padding: 0 0 0 20px;
}
*:first-child+html #membership-signup .boxFull-containerRt {
padding: 0 0 0 20px;
}
#tabNavigationPremium li {
float:left;
margin-right:1px;
}
#tabNavigationPremium li a,
#tabNavigationPremium li a:visited {
float:left;
height:26px;
margin-left:10px;
padding:7px 12px 0 2px;
text-align:center;
}
* html #tabNavigationPremium li a { width: 100px; }
* html #tabNavigationPremium li a:visited { width: 100px; }
#membership-signup #tabNavigation li {
background:url("../images/profile/tabWhiteLeftCorner.gif") no-repeat scroll 0 0 transparent;
}
#membership-signup #tabNavigation li a,
#membership-signup #tabNavigation li a:visited {
background: url("../images/profile/tabWhiteRightCorner.gif") no-repeat scroll 100% 0 transparent;
color: #000;
height: 27px;
cursor: default;
}
* html #membership-signup #tabNavigation li a { width: 150px; }
* html #membership-signup #tabNavigation li a:visited { width: 150px; }
#membership-signup #tabNavigation li a:hover,
#membership-signup #tabNavigation li a:active {
text-decoration: none;
}
#membership-signup #tabNavigation li a span.plus {
background: url("../images/shop/plusIcon.gif") no-repeat scroll 0 0 transparent;
display: block;
padding-left: 28px;
height: 23px;
padding-top: 1px;
}
#membership-signup #tabNavigationPremium {
margin-left: 210px;
}
* html #membership-signup #tabNavigationPremium {
margin-left: 180px;
}
#membership-signup #tabNavigationPremium li {
background: url("../images/shop/tabLightLeftCorner.gif") no-repeat scroll 0 0 transparent;
}
#membership-signup #tabNavigationPremium li a,
#membership-signup #tabNavigationPremium li a:visited {
background: url("../images/shop/tabLightRightCorner.gif") no-repeat scroll 100% 0 transparent;
color: #000;
height: 27px;
cursor: default;
}
#membership-signup #tabNavigationPremium li a span.premium {
background: url("../images/shop/premiumIcon.gif") no-repeat scroll 0 0 transparent;
display: block;
padding-left: 28px;
height: 24px;
padding-top: 1px;
}
#membership-signup p.description {
height: 120px;
}
.plan {
margin-top: 10px;
}
#tabContent .plan h2 {
text-align: center;
font-size: 21px;
color: #4e7aa7;
font-weight: bold;
margin-bottom: 20px;
}
.plan h3 {
text-align: center;
background: none;
font-size: 25px;
color: #82a81b;
font-weight: bold;
}
.plan h4 {
text-align: center;
background: none;
font-size: 16px;
color: #000;
font-weight: bold;
margin-bottom: 5px;
}
.plan li {
float: left;
padding: 0 7px;
border-left: 1px solid #bcbcbc;
margin-bottom: 40px;
width:168px;
}
* html .plan li {
width: 168px;
}
.plan li.first {
border-left: 0;
}
.plan li a {
width: 168px;
height: 32px;
display: block;
margin-bottom: 40px;
}
.plan li p {
text-align: center;
border-bottom: 1px solid #bcbcbc;
padding-bottom: 10px;
margin-bottom: 0;
}
.boxFull-containerLt ul.plan {
margin-top: 10px;
margin-left: 40px;
}
* html .boxFull-containerLt ul.plan {
margin-left: 30px;
}
.boxFull-containerLt .plan li {
border-left: 0px;
}
.boxFull-containerLt .plan li img {
margin-bottom:0;
}
.sidebarMod {
background-repeat:no-repeat;
overflow:hidden;
margin-bottom: 60px;
}
.tip_bubble {
margin-top: 35px;
margin-left: 5px;
background: url(../images/tipps_bg_auto.png) no-repeat left bottom;
width: 312px;
}
.tip_bubble ul {
float: left;
background: url(../images/tipps_bg_hdr.png) no-repeat left top;
width: 100%;
height: 44px;
}
.tip_bubble li {
padding: 0 25px 0 15px;
}
.tip_bubble .floatRt {
text-align: right;
}
.tip_bubble p{
clear: both;
margin: 20px 20px 25px;
}
.ques_bubble {
background: url(../images/question_bg.png) no-repeat 5px 0;
padding-left: 5px;
width: 327px;
}
.ques_bubble ul {
float: left;
}
.ques_bubble li {
padding: 0 25px 0 15px;
}
.ques_bubble .floatRt {
text-align: right;
}
.ques_bubble p{
clear: both;
margin: 50px 150px 11px 20px;
}
.certified {
background-image: none;
padding-left: 30px;
width: 302px;
}
body.actor_bg #login a {
padding-right: 60px; }
body.actor_at #login a {
padding-right: 60px; }
body.actor_bg #personalityTest #ulForm_7 #liField_21 .formfield, body.actor_bg #personalityTest #ulForm_7 #liField_133 .formlabel{
padding-top:18px;
}
body.actor_bg div.tip_bubble ul li.floatLt {
padding-left: 5px;
}
/* move Svet */