/*
----------------------------------------------------------------------
  Title:       premium.css
  Description: Master stylesheet for WLD premium template set
  Author:      Tim Blair <tblair@globalpersonals.co.uk>
---------------------------------------------------------------------- */

/* Section:     reset
   Description: Reset all base styles across all browsers (modified)
   Author:      Eric Meyer - http://meyerweb.com/eric/tools/css/reset/
   Revision:    v1.0 | 20080212
---------------------------------------------------------------------- */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}


/* Section:     generic-typography
   Description: Base typographic settings for WLD premium template
---------------------------------------------------------------------- */
html, body, p, div                   { font-size: 12px; line-height: 18px; font-family: 'Lucida Grande', 'Arial Unicode MS', sans-serif; }
h1                                   { margin-bottom: 1em; }
h2, p                                { margin-bottom: 1.5em; }
h1                                   { font-size: 180%; }
h2                                   { font-size: 150%; }
h3                                   { font-size: 120%; }
h4                                   { font-weight: bold; }
input:focus,
textarea:focus {
  outline: 1px solid rgb(125,170,242);
}
select:focus,
input[type="radio"]:focus {
  outline: 0;
}
.textarea-wrapper textarea:focus,
.ui-textarea textarea:focus {
  outline-offset: -1px; /* Fixes finish for legacy textarea border and autogrow solution */
}
a                                    { text-decoration: none; color: #33A; }
a:hover                              { text-decoration: underline; }
a:focus                              { outline: 1px dotted #CCC; }
abbr {
  display: inline-block;
  border-bottom: 1px dotted #CCC;
  cursor: pointer;
}

html * {
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}


/* Section:     global-styles
   Description: Generic, global styles for WLD premium template
---------------------------------------------------------------------- */
#body-wrapper .sub-page-title a {
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}
.large {
  font-size: larger;
}

.empty {
  border: 0;
  padding: 0;
  margin: 0;
}

.hide {
  display: none;
}

.invisible {
  visibility: hidden;
}

.halfwidth {
  width: 50%
}

.left {
  float: left !important;
}

.right {
  float: right !important;
}

.middle {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.cf:after, 
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.cf, 
.clearfix {
  display: inline-block;
}

html[xmlns] .cf, 
html[xmlns] .clearfix {
  display: block;
}

* html .cf,
* html .clearfix {
  height: 1%;
}

.bordered {
  border-style: solid;
  }
.dotted-border {
  border-style: dotted;
  }
.space-before {
  margin-top: 1em;
  }
.space-after {
  margin-bottom: 1em;
  }
.collapsed {
  margin-bottom: 0 !important;
  }
.box-padded {
  padding: 13px 15px;
  margin-bottom: 20px;
  }
.box-padded p:last-of-type {
  margin-bottom: 0;
  }
.border-1 {
  border-width: 1px;
  }
.border-top {
  border-top-width: 1px;
  }
.border-bottom {
  border-bottom-width: 1px;
  }
.stacked {
  margin-bottom: 0 !important;
  border-bottom: 0 !important;
  }
.dimmed {
  opacity: .6;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  }


/* Name:        Article page styles
   Description: typography styles for general articles e.g. help pages
---------------------------------------------------------------------- */
.article * {
	line-height: 1.5;
	font-size: 13.5px;
}
.article p {
	font-size: 13.5px;
	line-height: 1.6;
}
.article .heading {
	line-height: normal;
	display: block;
	margin-bottom: 0.6em;
	font-weight: bold;
}
.article .superheading {
	font-size: 180%;
}
.article .subheading {
	font-size: 130%;
}
.article ul,
.article ol {
	margin-left: 40px;
	margin-bottom: 1em;
}
.article li {
	margin-bottom: .8em;
	list-style-position: outside;
}
.article ul {
	list-style: disc;
}
.article ol {
	list-style: decimal;
}
.article dl {
	position: relative; /* Required for a smooth SlideDown effect */
}
.article dl > * {
	padding-left: 40px;
}
.article dl dt {
	font-weight: bold;
	font-size: 13.5px;
	line-height: 1.5;
	padding-top: 6px;
	padding-bottom: 6px;
	position: relative;
	border-top-width: 1px;
	border-style: dotted;
}
.article dl dt:first-child {
	border: 0;
}
.article dd {
	position: relative;
}

/* Accordion */
.article .ui-accordion dd > div {
	overflow: auto; /* Control judder in slide animation */
}

.article .ui-accordion dt,
.article .ui-accordion dt a {
	cursor: pointer;
}
.article .ui-accordion .toggle {
	display: block;
	border-radius: 3px;
	width: 22px;
	height: 22px;
	position: absolute;
	left: 4px;
}
.article .ui-accordion dt .toggle {
	background: #f9f9f9 url(../images/themes/gray/16/move-down.png) center center no-repeat;
	top: 5px;
}
.article .ui-accordion dd p {
	margin-bottom: 20px;
}
.article .ui-accordion dd .toggle {
	cursor: pointer;
	bottom: 20px;
	background: transparent url(../images/themes/gray/16/move-up.png) center center no-repeat;
}
.article .ui-accordion .toggle-open {
	background-image: none !important;
}



/* Section:     overridable-styles
   Description: Basic styles overridden or extended by site custom CSS
---------------------------------------------------------------------- */
.bordered                            { border-color: #e3e3e3; }
.faded a                             { color: inherit; text-decoration: underline; }
.fix-that-font                       { font-family: Arial, Helvetica, sans-serif !important; }
.button-mimic                        { background-color: #fff; color:#828282 }


/* Section:     layout
   Description: Main layout styles for the WLD premium template set
---------------------------------------------------------------------- */

#body-wrapper                        { width: 960px; margin: 0 auto; }
#skip_nav, hr                        { display: none; }
#content                             { border-width: 0 1px 1px 1px; min-height: 500px; padding-bottom: 20px; position: relative }
#plain-wrapper #content              { border-width: 0; min-height: 0; padding-bottom: 0; }
html.iframe,
html.iframe body,
html.iframe #content,
html.iframe #plain-wrapper { height: 100%; }


/* Content section sizing and positioning
---------------------------------------------------------------------- */

.column-centered                     { width: 680px; margin: 0 auto; padding: 30px 0; }
.column-column                       { width: 200px; }
.column-main                         { width: 658px; }
.column-main .section                { padding-left: 15px; }
.content-spacer                      { padding: 0 50px; }
#header-content                      { padding-top: 30px; position: relative; }
#header-button {
  position: absolute;
  bottom: -5px;
  right: 50px;
  }



/* Rounded action items (wink,add to fav etc.)
---------------------------------------------------------------------- */
.action-rounded-fancy {
  border-width: 1px;
  border-style: solid !important;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background-color: rgba(255,255,255,0.1);
  -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
  }


/* Basic horizontal navigation (with Suckerfish-style sub-lists)
---------------------------------------------------------------------- */
.hnav                                { z-index: 91; }
.hnav a                              { display: block; }
.hnav a:hover                        { text-decoration: none; }
.hnav li                             { float: left; white-space: nowrap; }
.hnav li ul                          { position: absolute; width: 13em; left: -9999em; font-size: 85%; }
.hnav li:hover ul,
.hnav li.iehover ul                  { left: auto; }
.hnav li.right:hover ul,
.hnav li.right.iehover ul {
	right: 0;
}
.hnav li ul li                       { clear: left; }
.hnav li ul li a                     { display: block; }


/* Main site navigation
---------------------------------------------------------------------- */
#main-nav {
  border-width: 1px;
  position: relative;
  z-index: 90;
  font-size: 100%;
  }
#main-nav a,
#main-nav li.inactive span {
  padding: 0.4em 0.6em;
  }
#main-nav li {
  line-height: 1.6em;
  position: relative;
  }
#main-nav li .pop {
  position: absolute;
  right: 4px;
  top: -12px;
  }
#main-nav li ul {
  border-width: 1px;
  padding: 0;
  }
#main-nav li ul li {
  width: 13em;
  }
#main-nav li ul li a,
#main-nav li.inactive span {
  display: block;
  }
span.count-block {
  display: inline-block;
  padding: 0 0.8em;
  font-size: 85%;
  line-height: 1.5em;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  }
#main-nav a.inline {
  display: inline;
  padding: 0 !important;
  width: auto;
  background-color: inherit;
  }
#main-nav li.break-before span {
  border-top-width: 1px;
  border-top-style: solid;
  }

/* Widen the Account menu and position the flyout to the right of the
parent nav item.
---------------------------------------------------------------------- */

#main-nav #main-nav-acc > ul,
#main-nav #main-nav-acc > ul li {
	width: 14em;
}


/* Availability switch
---------------------------------------------------------------------- */
#main-nav-acc-avail a {
	vertical-align: middle;
	line-height: 20px !important; /* Adding importance to control custom mods */
}
#main-nav-acc-avail a strong {
	width: 37px;
	height: 20px;
	display: inline-block;
	padding-left: 41px;
	background: url(../images/switch-active.png) no-repeat left center;
}
#main-nav-acc-avail a#avail-off strong {
	background: url(../images/switch-inactive.png) no-repeat left center;
}


/* Favourites dropdown
---------------------------------------------------------------------- */
#main-nav li ul#fav-dd,
#main-nav li ul#fav-dd li            { width: 20em; }
#fav-dd img, #fav-dd .icon           { float: left; margin-right: 5px; }
#fav-dd span.fav-dd-name             { display: inline-block; font-weight: bold; font-size: 13px; }
#main-nav #main-nav-favs li.fav-dd-online a {
  line-height: normal;
  padding: 0.8em;
}


/* Footer navigation
---------------------------------------------------------------------- */

#footer                              { padding-top: 6px; padding-bottom: 6px; font-size: 85%; margin: 6px auto 40px; width: 960px; }
#footer a:hover                      { background-color: inherit; text-decoration: underline; }
#footer li                           { padding: 0 9px; }
#footer li.copyright a               { display: inline; color: inherit; }


/* Tabbed horizontal navigation for sub-sections
---------------------------------------------------------------------- */
.tabbed-hnav,
.tabbed {
  border-bottom-width: 1px;
  padding: 0 5px;
  margin-bottom: 18px;
  }
.tabbed-hnav .tabbed {
  border: 0;
  padding: 0;
  margin: 0;
  }
.hnav.tabbed li {
  padding: 1px 10px 1px 10px;
  line-height: 2.0em;
  }
.hnav.tabbed li a {
  display: inline-block;
  }
.hnav.tabbed li a:hover {
  background-color: inherit;
  text-decoration: underline;
  }
.hnav.tabbed li.selected {
  border-width: 1px;
  padding: 0 9px 1px 9px;
  margin-bottom: -1px;
  margin-right: 0px !important;
  font-weight: bold;
  }
.hnav.tabbed li.promoted {
  padding-right: 3px;
  margin-right: 5px;
  }
.hnav.tabbed li.promoted a:hover {
  text-decoration: none;
  }
.tabbed-hnav.secondary {
  margin-top: 20px;
  margin-left: 35px;
  margin-right: 35px;
  }


/* Markers
---------------------------------------------------------------------- */
.pop {
  font-size: 11px;
  line-height: 14px;
  font-weight: bold;
  padding: 2px 4px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px 3px 3px 3px;
  }


/* Arrows
---------------------------------------------------------------------- */
.arrow {
  height: 0;
  width: 0;
  }
.arrow-left {
  border-width: 8px 8px 8px 0;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  }
.arrow-right {
  border-width: 8px 0 8px 8px;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  }
.arrow-down {
  border-width: 8px 8px 0 8px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  }
.arrow-up {
  border-width: 0 8px 8px 8px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  }


/* Tooltips
---------------------------------------------------------------------- */
.tooltip .tip-icon {
  background: url(../images/themes/none/16.png) no-repeat left center;
  background-color: transparent !important;
  height: 16px;
  width: 16px;
  cursor: pointer;
  display: inline-block;
  }

.tooltip .tip-icon-with-title {
  width: auto;
  padding-left: 20px;
  }

#tooltip-container {
  position: absolute;
  z-index: 981;
  border-width: 2px;
  font-size: 10px;
  line-height: 1.3em;
  margin: 10px auto;
  padding: 10px;
  min-width: 100px;
  max-width: 200px;
  -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
  -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.4);
  -moz-box-shadow: 0 3px 5px rgba(0,0,0,0.4);
  box-shadow: 0 3px 5px rgba(0,0,0,0.4);
  }

#tooltip-container .tip-arrow {
  position: absolute;
  left: 10px;
  height: 0;
  width: 0;
  }

#tooltip-container.tip-top {
  margin-bottom: 15px;
  }

#tooltip-container.tip-top .tip-arrow {
  bottom: -10px;
  border-width: 10px 10px 0 10px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  }

#tooltip-container.tip-bottom {
  margin-top: 15px;
  }

#tooltip-container.tip-bottom .tip-arrow {
  top: -10px;
  border-width: 0 10px 10px 10px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  }

#tooltip-container.tip-left {
  margin-top: 15px;
  }

#tooltip-container.tip-left .tip-arrow {
  left: auto;
  right: -10px;
  top: 10px;
  border-width: 10px 0px 10px 10px;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  }

#tooltip-container.tip-right {
  margin-top: 15px;
  }

#tooltip-container.tip-right .tip-arrow {
  left: -10px;
  top: 10px;
  border-width: 10px 10px 10px 0px;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  }


/* Inbox Tooltips
---------------------------------------------------------------------- */
.inbox-controls .tip-descriptor {
  position: relative;
  cursor: pointer;
  display: inline-block;
  padding-right: 22px;
  min-height: 16px;
  background: url(../images/themes/none/16.png) no-repeat right center;
  background-color: transparent !important;
  line-height: 1.5em;
  }

.inbox-controls .tip-descriptor:hover .tip-content {
  display: block;
  }

.inbox-controls .tip-content {
  z-index: 999;
  display: none;
  position: absolute;
  top: 20px;
  right: -174px;
  z-index: 981;
  border-width: 2px;
  font-size: 10px;
  line-height: 1.3em;
  margin: 10px auto;
  padding: 10px;
  width: 180px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  }

.inbox-controls .tip-arrow {
  border-top-color: transparent !important;
  border-right-color: transparent !important;
  border-left-color: transparent !important;
  border-style: solid;
  position: absolute;
  top: -11px;
  border-width: 0 10px 10px;
  height: 0;
  width: 0;
  }

.conversation .tip-descriptor {
  line-height: 2em;
  }

.conversation .read-notification-tip {
  float: right;
  margin-top: -27px;
  width: 16px;
  height: 16px;
  background: none;
  }


/* Activity feeds
---------------------------------------------------------------------- */

ul.activity                          { margin: 20px 0 20px 10px; }
ul.activity li                       { background: transparent url(../images/blank.png) no-repeat left 0.1em; padding-left: 25px; line-height: 1.7em; margin: 10px 10px 10px 0; }
ul.activity li#more                  { background: none; }
ul.activity li p                     { margin-bottom: 10px; }
li .feed-data                        { border-bottom-width: 1px; padding-bottom: 10px; }
li .feed-data.last                   { border-bottom: none; }
ul.activity li .pic-block            { margin: 10px 0; }
ul.activity li span.name             { font-weight: bold; }
ul.item-pic-list,
table.item-pic-list                  { margin: 0 0 -10px 20px; }
ul.item-pic-list li                  { float: left; background: none !important; padding: 0; margin: 0; }
ul.item-pic-list li img              { width: 50px; }
ul.item-pic-list li img,
table.item-pic-list img              { border-width: 1px; padding: 3px; margin-right: 10px; }
table.item-pic-list td               { vertical-align: middle; }
li .photo-pic                        { float: left; position: relative; }
li .photo-pic img,
li .video-pic .over                  { margin: 0 0 0 20px; padding: 3px; border-width: 1px; }
li .video-pic img                    { width: 200px; height: 150px; }
.video-pic .over                     { position: absolute; top: 0; left: 0; width: 202px; height: 152px; background: transparent none no-repeat center center; opacity: 0.3; }
li .photo-title                      { float: left; margin: 10px 0 0 20px; }


/* General page bits and pieces
---------------------------------------------------------------------- */
h1#page-title                        { margin: 0 0 0.2em 0; }
#head-status h1                      { margin-bottom: 10px; }
h2, h3                               { margin: 0 0 0.6em 0; }
/* h2 img                               { margin-right: 10px; display: inline-block; vertical-align: middle; } */
ul                                   { padding-bottom: 0.6em; }
ul.bulleted                          { margin: 0 0 1.3em 1em; list-style-type: disc; }
ul.bulleted li                       { margin-bottom: 0.6em }
ol.numeric, ol.alpha                 { margin: 10px 0 20px 40px; }
ol.alpha li                          { list-style: lower-alpha outside; margin-bottom: 10px; }
ol.numeric li                        { list-style: decimal outside; margin-bottom: 10px; }
span.timestamp                       { font-size: 90%; }
.nonjs .jsonly                       { display: none !important; }
.small, small                        { font-size: 85%; line-height: 15px; }
.larger                              { font-size: 115%; }
.legal                               { width: 200px !important; }
.case-control                        { text-transform: none !important; white-space: nowrap; }
.product-boast                       { background-repeat: no-repeat; }
.promoted .pop                       { margin-left: 0.5em; }
.icon-list li                        { background-repeat: no-repeat; list-style: none !important; padding-left: 22px !important; }


/*  Photo count for a member display
---------------------------------------------------------------------- */
.member-photo .photocount {
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 11px;
  padding: 0;
  display: block;
  text-align: center;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  box-shadow: -1px -1px 2px rgba(0,0,0,0.3);
  }
.member-photo .photocount:hover {
  text-decoration: none !important;
  }

#homepage-promo-member .promo-member-img .photocount {
  width: 17px;
  height: 17px;
  line-height: 17px;
  font-size: 9px;
  padding: 0;
  display: block;
  text-align: center;
  border-radius: 8px;
  box-shadow: -1px -1px 2px rgba(0,0,0,0.3);
  }
#homepage-promo-member .promo-member-img .photocount:hover {
  text-decoration: none !important;
  }
#homepage-promo-member .promo-member-img .photocount {
  left: -3px;
  position: absolute;
  top: -3px;
  }

#promo-vertical .promo-member-img .photocount,
#sidebar-promo-member .promo-member-img .photocount {
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 11px;
  padding: 0;
  display: block;
  text-align: center;
  border-radius: 8px;
  box-shadow: -1px -1px 2px rgba(0,0,0,0.3);
  }
#promo-vertical .promo-member-img .photocount:hover,
#sidebar-promo-member .promo-member-img .photocount:hover {
  text-decoration: none !important;
  }
#promo-vertical .promo-member-img .photocount,
#sidebar-promo-member .promo-member-img .photocount {
  left: 9px;
  position: absolute;
  top: 9px;
  }
#sidebar-promo-member .promo-member-img .photocount {
  top: -4px;
  left: -4px;
}  



/* Action buttons (send wink, favourite etc.)
---------------------------------------------------------------------- */
.actions {
  padding: 10px 0 0 0;
  }
.actions li {
  display: inline;
  float: left;
  padding: 2px 5px;
  line-height: 18px;
  font-size: 12px;
  margin-bottom: 2px;
  padding-left: 0;
  }
.actions li a,
.actions li strong {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 20px;
  line-height: 18px;
  }
.actions li a:hover {
  text-decoration: none;
  }
.actions li.bordered {
  border-left-width: 1px;
  border-style: dotted;
  padding-left: 5px;
  }
.actions li.action-rounded-fancy {
  margin-right: 2px;
  padding: 2px 4px 2px 4px;
  }
.actions li.action-rounded-fancy a,
.actions li.action-rounded-fancy Strong {
  padding-right: 3px;
  }


/* Visitor homepage
---------------------------------------------------------------------- */
#vis-main                            { width: 589px; float: right; }
#vis-side                            { width: 100%; float: left; }
#vis-main .section                   { margin-bottom: 20px; }
.section.temp                        { border-top-width: 1px; border-bottom-width: 1px; width: 100%; text-align: center; margin-bottom: 20px; }
.visitor #page-title                 { border-bottom-width: 1px; padding-bottom: 15px; margin-bottom: 15px; }
.visitor #flashes                    { margin: -10px 0 20px; }
.visitor .video-pic img              { width: 150px; height: 112px; }
.visitor .video-pic .over            { width: 152px; height: 114px; }


/* Crosss registration - confirm reg
---------------------------------------------------------------------- */
body#crossregistration-confirm h1 {
  font-size: 24px;
  line-height: 36px;
  margin-bottom: 1em;
  }

body#crossregistration-confirm #cross-reg-confirm {
  border-style: dotted;
  border-bottom-width: 1px;
  padding-bottom: 3em;
  }
body#crossregistration-confirm #cross-reg-confirm.buttons a {
  font-size: 150%;
  padding: 8px 10px;
  line-height: 150%;
  display: block;
  float: none;
  margin: 0 auto;
  width: 180px;
  }

body#crossregistration-confirm #details-to-transfer,
body#crossregistration-confirm .sidebar {
  padding-top: 20px;
  }

body#crossregistration-confirm #details-to-transfer {
  margin-right: 240px;
  position: relative;
  }
body#crossregistration-confirm #details-to-transfer .icon-l-info {
  position: absolute;
  left: -46px;
  }
body#crossregistration-confirm #details-to-transfer * {
  font-size: 14px;
  }
body#crossregistration-confirm #details-to-transfer li {
  background-position: left center;
  background-repeat: no-repeat;
  display: inline;
  float: left;
  margin-bottom: 1em;
  padding-left: 5%;
  width: 26%;
  line-height: 18px;
  font-weight: bold;
  }

body#crossregistration-confirm .sidebar {
  width: 200px;
  float: right;
  overflow: auto;
  border-style: dotted;
  border-left-width: 1px;
  padding-left: 20px;
  }
body#crossregistration-confirm .sidebar h3 {
  font-size: 14px;
  line-height: 22px;
  }
body#crossregistration-confirm .sidebar ul.bulleted {
  padding-left: 10px;
  }


/* Member homepage
---------------------------------------------------------------------- */
#home-head                           { border-bottom-width: 1px; margin-bottom: 20px; } /* 860 wide */
#welcome-membership small            { line-height: 16px; display: block; margin-top: 0.3em; }
#head-status                         { width: 700px; position: relative; margin-top: 12px; margin-bottom: 15px; overflow: hidden; min-height: 110px; }
#head-status h1                      { font-size: 18px; margin-bottom: 11px; }
#head-status .content                { margin-top: 25px; margin-left: 76px; position: relative; }
#home-head.with-notice #head-status  { float: left; width: 370px; display: inline; }
#home-head .head-notice {
  width: 451px;
  border-left-width: 1px;
  border-left-style: dotted;
  padding-left: 20px;
  padding: 13px 0 13px 20px;
  margin-top: 25px;
  display: inline;
  float: right;
  position: relative;
  }
#head-welcome                        { display: inline; padding-top: 6px; }
#head-welcome p                      { margin-bottom: 10px;}
#head-photo                          { position: absolute; display: block; top: 0; left: -76px; width: 62px; height: 62px; }
#home-main                           { width: 589px; float: left; }
#home-side                           { width: 249px; float: right; }
#home-main .section                  { margin-bottom: 20px; }
#home-avail                          { width: 249px; line-height: 80px; }
.section.temp                        { border-top-width: 1px; border-bottom-width: 1px; width: 100%; text-align: center; margin-bottom: 20px; }
#home-latest {
  margin-bottom: 20px;
  padding-top: 10px;
  padding-bottom: 20px;
  border-bottom-width: 1px;
  border-style: dotted;
  }
#home-latest h3 {
  margin-bottom: 1.1em;
  text-align: center;
  font-weight: normal;
  }
#latest li                           { float: left; display: inline; text-align: center; margin: 0 5px; width: 85px; }
#latest li div                       { width: 100%; overflow: hidden;  }
#latest li .latest-photo a           { display: block; }
#latest li .latest-photo a img       { display: block; margin: 0 auto; }
#latest li .latest-photo             { margin-bottom: 4px; }
#latest li .latest-pic               { width: 85px; }
#latest li .latest-region {
  font-size: 85%;
  line-height: 1.4;
}
#home-nag-block ol                   { margin-top: 15px; border-bottom-width: 1px; }
#home-nag-tabs li                    { display: block; float: left; border-width: 1px; border-bottom: none; padding: 3px 6px; margin-right: 5px; }
#home-nag-tabs li.selected a:hover   { text-decoration: none; cursor: default; }
#home-nag-tabs li.nag-done a:hover   { text-decoration: none; cursor: default; }
.nag-active, .nag-done               { background: transparent url(../images/themes/none/16.png) no-repeat 4px center; padding-left: 24px !important; }
#home-nag-action                     { margin-bottom: 20px; border-width: 0 1px 1px 1px;  padding: 9px; }
#home-nag-content #photo-guide       { margin-left: -20px; }
.nag-button                          { float: right; margin: 10px 0; }
.nag-button.buttons button,
.nag-button.buttons a                { margin-right: 0; }
#home-looking                        { padding-bottom: 0; }
#visitors li                         { margin-top: 10px; }
#visitors li .photo                  { float: left; margin-right: 8px; }
#visitors li .bio                    { float: left; width: 150px; }
#visitors li .bio .location {
  font-size: 90%;
  line-height: 1.4em;
  display: inline-block;
}
#home-diary                          { padding-bottom: 0; }
#posts li                            { margin-top: 10px; }
#posts li .photo                     { float: left; margin-right: 5px; width: 40px; height: 40px; }
#posts li .post                      { float: left; width: 165px; }
#posts .author                       { font-size: 85%; }
.welcome-number                      { background: transparent url(../images/themes/none/32.png) no-repeat 0 center; padding-left: 40px; margin: 10px 20px; }
.member-number                       { font-size: 150%; font-weight: bold; }


/* Promo Member
---------------------------------------------------------------------- */
.promo-member {
  position: relative;
  }
.promo-member div.promo-member-mast {
  padding-bottom: 8px;
  height: 16px;
  position: relative;
  }
.promo-member h3.snippet-title {
  display: inline;
  float: left;
  padding-left: 22px;
  background-repeat: no-repeat;
  background-position: left center;
  margin-bottom: 0;
  }
.promo-member ul.promo-controls {
  position: absolute;
  right: 0;
  padding-top: 3px;
  padding-bottom: 0;
  }
.promo-member ul.promo-controls li {
  display: inline;
  float: left;
  padding: 0;
  font-size: 11px;
  line-height: 16px;
  text-align: right;
  }
.promo-member .promo-member-loading:hover {
  cursor: default;
  text-decoration: none;
  }
.promo-member ul.promo-controls li a,
.promo-member ul.promo-controls li .promo-member-loading-content,
.promo-member ul.promo-controls li .promo-member-error-content {
  outline: 0;
  display: block;
  line-height: 16px;
  height: 16px;
  font-size: 11px;
  position: relative;
  padding-right: 18px;
  }
.promo-member ul.promo-controls li.bordered {
  border-left-width: 1px;
  border-style: dotted;
  padding: 0 0 0 10px;
  margin-left: 8px;
  }
.promo-member ul.promo-controls li.bordered a {
  padding-left: 0;
  }
.promo-member .has-icon .icon {
  position: absolute;
  right: 0;
  top: 0;
  width: 16px;
  height: 16px;
  overflow: hidden;
  display: block;
  }
.promo-member .has-icon a:hover {
  text-decoration: none;
  }
.promo-member .promo-member-content {
  border-width: 1px 0;
  }
.promo-member .promo-member-content .padme {
  padding: 12px 12px 12px 95px;
  position: relative;
  }
.promo-member .promo-member-img {
  position: absolute;
  left: 15px;
  top: 15px;
  width: 72px !important;
  height: 72px !important;
  }
.promo-member .promo-member-img img {
  display: block;
  }
.promo-member .promo-member-info div {
  float: left;
  font-size: 11px;
  }
.promo-member .promo-member-detail-base {
  margin-right: 3%;
  width: 43.9%;
  }
.promo-member .promo-member-identity,
.promo-member .promo-member-loc {
  display: block;
  font-size: 13px;
  overflow: hidden;
  white-space: nowrap;
  }
.promo-member .promo-member-looking,
.promo-member .promo-member-loc {
  font-size: 11px;
  line-height: 14px;
  margin-bottom: 0.5em;
  }
.promo-member .promo-member-name a:hover {
  text-decoration: none;
  }
.promo-member .promo-member-looking {
  display: block;
  }
.promo-member .promo-member-detail-primary p {
  font-size: 11px;
  line-height: 15px;
  margin-bottom: 0;
  }
.promo-member .promo-member-characteristics dt {
  display: inline;
  float: left;
  margin-right: 0.8em;
  }

/* If we only have one column to display use up all the available space */
.promo-member .promo-member-detail-primary {
  width: 81.6%;
  }

/* If there's a second column to display reduce the primary column width */
.promo-member .promo-member-more-detail .promo-member-detail-primary {
  width: 55.9%;
  margin-right: 2%;
  }
.promo-member .promo-member-more-detail .promo-member-detail-secondary {
  width: 23.7%;
  }

/* Fixed styles for interests wherever they are displayed */
.promo-member .promo-member-interests dd,
.promo-member .promo-member-interests dt {
  width: auto !important;
  display: inline !important;
  float: none !important;
  white-space: normal !important;
  }
  
/* Promo member overrides -SIDEBAR
---------------------------------------------------------------------- */
.promo-member-sidebar .promo-member-detail-base {
  width: auto;
}

.promo-member-sidebar .promo-member-actions {
  margin: 8px;
}

.promo-member-sidebar .promo-member-content .padme ul.actions {
  margin: 0;
}

.promo-member-sidebar .promo-member-content .padme ul.actions li {
  float: none;
  display: block;
}

.promo-member-sidebar  .promo-member-img .photocount {
  
}

.promo-member-sidebar ul.promo-controls {
  position: relative;
  height: 35px;
}

.promo-member-sidebar .promo-member-interests {
  font-size: 10px;
}

.promo-member-sidebar ul.promo-controls li {
  float: right;
}

/* Promo member overrides - MEMBER HOMEPAGE
---------------------------------------------------------------------- */
#home-head .promo-member {
  margin: 0 0 20px 0;
  padding: 13px 0 0 20px;
  display: inline;
  float: right;
  }
#home-head .promo-member .promo-member-content .padme {
  padding: 12px 12px 12px 95px;
  position: relative;
  width: 343px;
  }
#home-head .promo-member .promo-member-looking {
  line-height: 13px;
  }
#home-head .promo-member .promo-member-content {
  width: 451px;
  }
#home-head .promo-member .promo-member-detail-base {
  width: 39.9%;
  }
#home-head .promo-member .promo-member-detail-primary {
  width: 57.1%;
  margin-right: 0;
  }

/* Characteristics column */
#home-head .promo-member .promo-member-characteristics dt {
  float: left;
  display: inline;
  width: auto;
  margin-right: 0.6em;
  }
#home-head .promo-member .promo-member-characteristics dd {
  display: block;
  width: auto;
  float: none;
  }

#home-head .promo-member .promo-member-detail-primary p {
  line-height: 1.4em;
  }
#home-head .promo-member .promo-member-interests {
  border-style: dotted;
  border-top-width: 1px;
  margin-top: 7px;
  padding-top: 3px;
  font-size: 11px;
  }
#home-head .promo-member .promo-member-detail-base .promo-member-name {
  padding-bottom: 2px;
  font-size: 13px;
  }


/* Promo member overrides - FULL WIDTH
---------------------------------------------------------------------- */
#promo-full-width {
  margin-bottom: 25px;
  }

#promo-full-width.promo-member .promo-member-content {
  min-height: 102px;
  }
#promo-full-width.promo-member .promo-member-detail-base {
  width: 16.4%;
  margin-right: 2%;
  }
#promo-full-width.promo-member .promo-member-content .padme {
  padding-left: 102px;
  }

#promo-full-width.promo-member .promo-member-detail-primary dt {
  width: 19.9%;
  }
#promo-full-width.promo-member .promo-member-detail-primary dd {
  width: 80.1%;
  }
#promo-full-width.promo-member .promo-member-detail-secondary dt {
  width: 37.9%;
  }
#promo-full-width.promo-member .promo-member-detail-secondary dd {
  width: 62.1%;
  }

/* Characteristics in primary column */
#promo-full-width.promo-member .promo-member-detail-primary dt,
#promo-full-width.promo-member .promo-member-detail-primary dd {
  display: block;
  float: left;
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  }
#promo-full-width.promo-member .promo-member-more-detail .promo-member-detail-secondary .promo-member-characteristics dt {
  display: inline;
  width: auto;
  }
#promo-full-width.promo-member .promo-member-more-detail .promo-member-detail-secondary .promo-member-characteristics dd {
  width: auto;
  }

/* Tweaks for interests when shown at base of primary column */
#promo-full-width.promo-member .promo-member-detail-primary .tertiary-interests {
  border-style: dotted;
  border-top-width: 1px;
  font-size: 11px;
  margin-top: 2px;
  padding-top: 2px;
  }

#promo-full-width.promo-member .promo-member-detail-primary .promo-member-characteristics dd {
  width: 29.9%;
  }


/* Promo member overrides - VERTICAL
---------------------------------------------------------------------- */
#promo-vertical.promo-member {
  width: 122px;
  position: absolute;
  right: -122px;
  top: 20px;
  }
#promo-vertical.promo-member * {
  font-family: Arial, sans-serif !important;
  }
#promo-vertical h3.snippet-title {
  display: block;
  float: none;
  padding: 7px 11px 7px 20px;
  margin-left: 12px;
  }

#promo-vertical.promo-member .promo-member-content {
  background-image: url(../images/grad-shade-left-to-right.png);
  background-repeat: repeat-y;
  background-position: left top;
  padding-bottom: 30px;
  }

#promo-vertical.promo-member .promo-member-content .padme {
  padding-left: 12px;
  padding-bottom: 0;
  min-height: 414px;
  }
#promo-vertical.promo-member .promo-member-img {
  position: static;
  margin-bottom: 6px;
  width: 98px !important;
  height: 98px !important;
  }
#promo-vertical.promo-member .promo-member-detail-base,
#promo-vertical.promo-member .promo-member-detail-primary {
  margin: 0;
  width: auto;
  }
#promo-vertical.promo-member .promo-member-detail-base {
  margin-bottom: 1em;
  }
#promo-vertical .actions {
  width: 98px;
  bottom: 5px;
  position: absolute;
  }
#promo-vertical .actions li {
  display: block;
  float: none;
  padding: 2px 4px;
  margin: 0 0 4px 0;
  }
#promo-vertical.promo-member ul.promo-controls {
  position: absolute;
  left: 12px;
  bottom: 10px;
  margin: 0;
  padding-bottom: 0;
  }
#promo-vertical.promo-member ul.promo-controls li.bordered {
  margin-left: 5px;
  padding: 0 0 0 7px;
  }
#promo-vertical.promo-member ul.promo-controls li.has-icon a,
#promo-vertical.promo-member ul.promo-controls .promo-member-loading-content {
  padding-right: 18px !important;
  }
#promo-vertical.promo-member .promo-member-characteristics dt {
  margin: 0 0 0.4em 0;
  float: none;
  }
#promo-vertical.promo-member .promo-member-characteristics dd {
  margin: 0 0 0.4em 0;
  font-size: 11px;
  overflow:hidden;
  }
#promo-vertical.promo-member .promo-member-interests li {
  white-space: nowrap;
  overflow: hidden;
  }
#promo-vertical.promo-member .promo-member-info div {
  float: none;
  }


/* Promo member overrides - VERTICAL MULTI
---------------------------------------------------------------------- */
#promo-vertical.promo-multi {
  display: none;
  }
#promo-vertical.promo-multi .promo-member-detail-base {
  margin-bottom: 1em;
  }


/* Profile page information
---------------------------------------------------------------------- */
#profile-detail h1 {
  margin: 0 62px 0 0;
  padding-top: 2px;
  line-height: 1;
  font-size: 32px;
}
#profile-detail h1 .identity {
  display: block;
  margin-bottom: 0.3em;
}
#profile-detail h1 .location {
  display: block;
  font-weight: normal;
  font-size: 60%;
  line-height: 1.4em;
}
#profile-detail #status-wrapper      { margin-bottom: 20px; }
#profile-detail h2                   { margin-bottom: 12px; }
dl.profile-info                      { margin: 0 30px; line-height: 1.7em;}
dl.profile-info dt                   { float: left; clear: left; width: 12em; text-align: right; }
dl.profile-info dd                   { margin-left: 13.5em; font-weight: bold;}
div.block, dl.block                  { margin-bottom: 1.5em; }
#profile-photo img                   { width: 200px; }
#profile-photo-thumb                 { padding-right: 15px; }
.form-photo-content                  { width: 540px; }
.pointers-wrapper                    { width: 200px;}
#coach-profile                       { border-width: 1px; padding: 10px 15px; margin-bottom: 25px;}
#status                              { margin-bottom: 20px; }
.split-section                       { border-top-width: 1px; padding-top: 15px; }
.split-section h3                    { margin-bottom: 15px; margin-top: 0px; }
#profile-actions                     { margin-top: 10px; }
#profile-actions li                  { margin-bottom: 0.4em; }
#profile-actions li.last             { margin-bottom: 15px; }


/* Personal status updates
---------------------------------------------------------------------- */
#status-wrapper {
  margin-bottom: 6px;
  }
#status-wrapper > small {
  margin-bottom: 3px;
  display: block;
  }
#status-form {
  position: relative;
  width: 480px;
  line-height: 0;
  padding-top: 6px;
  }
#status-form-border {
  display: inline-block;
  border-width: 1px;
  margin-right: 65px;
  padding: 0;
  position: relative;
  }
#status-form .arrow {
  position: absolute;
  left: -8px; top: 5px;
  }
#status-form-border * {
  font-size: 12px;
  }
#status-display {
  max-width: 70%;
  margin-top: 8px;
  }
#status-entry {
  display: block;
  position: relative;
  width: 100%;
  }
#status-instructions {
  display: inline-block;
  margin: 0;
  padding: 0 8px;
  font-size: 12px;
  line-height: 28px;
  cursor: pointer;
  min-width: 397px;
  }
#status-instructions a {
  text-decoration: none;
  }
#status-instructions em {
  line-height: 16px;
  }
#status-form-border .di-body {
  padding: 0;
  min-height: 0;
  }
#status-prefix, #status-field {
  margin: 0;
  border: 0;
  outline: 0;
  padding: 6px 2px 6px 8px;
  line-height: 16px;
  float: left;
  display: block;
  }
#status-form-border #status-prefix {
  padding-right: 1ex;
  max-width: 80px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  }
#status-form-border #status-field {
  margin: 0;
  height: 16px;
  padding: 6px 0 6px 0;
  min-width: 230px;
  vertical-align: middle;
  }
#status-input {
  width: 100%;
  vertical-align: middle;
  }
#status-submit {
  position: absolute;
  right: -60px;
  border: 0;
  padding: 0 10px;
  background: transparent;
  display: block;
  height: 28px;
  line-height: 28px !important;
  text-decoration: none;
  cursor: pointer;
  }
p#welcome-membership {
  margin-bottom: 1em;
  }
.status-with-notice #status-form        { width: 280px; }
.status-with-notice #status-form-border { width: 270px; }
.status-with-notice #status-entry       { width: 180px; }


/* Compact status update block for homepage */
.with-notice #status-form {
  width: 100%;
  }
.with-notice #status-input {
  min-width: 0;
  }
.with-notice #status-instructions {
  min-width: 160px;
  }
.with-notice #status-display {
  max-width: none;
  }
.with-notice #status-form-border #status-field {
  min-width: 0px;
  }


/* Characteristics page layout
---------------------------------------------------------------------- */
#characteristics-wrapper             { margin: 0 auto; width: 620px; }
#characteristics-left                { float: left; width: 49%; overflow: hidden; }
#characteristics-right               { float: right; width: 49%; overflow: hidden; }
#interest-edit                       { margin: 30px auto 20px; width: 80%; }
table#interests td                   { width: 50%; }
#nag-interest-edit                   { margin: 10px auto; width: 90%; }


/* Inbox and conversation view
---------------------------------------------------------------------- */
#inbox {
  width: 100%;
  }
#inbox-form {
  border-bottom-width: 1px;
  margin-bottom: 1em;
  }
#inbox tr td {
  padding: 8px;
  }
#inbox tr.readable {
  border-bottom-width: 1px;
  border-top-width: 1px;
  }
#inbox tr.readable td {
  border-bottom-width: 1px;
  border-top-width: 1px;
  padding: 4px;
  line-height: 2em;
  vertical-align: middle;
  }
#inbox tr.readable td.inbox-action {
  width: 111px;
  padding: 22px 22px 22px 4px;
  }
#inbox .inbox-action .buttons {
  position: relative;
  }
#inbox .inbox-action .buttons a {
  float: right;
  margin-right: 0;
  }

#member-inbox-index #body-content.content-spacer { padding: 0 35px; }
table#inbox                                 { width: 100%; }
#inbox-form                                 { border-bottom-width: 1px; margin-bottom: 1em; }
#inbox tr.readable                          { border-bottom-width: 1px; border-top-width: 1px; }
#inbox tr.readable td                       { border-bottom-width: 1px; border-top-width: 1px; padding: 0.5em 0.5em 0.2em 0.5em; line-height: 1.5em; vertical-align: middle; }
#inbox tr td.inbox-action                   { width: 80px; }
.inbox-check                                { text-align: center; width: 20px; }
.inbox-avatar, .inbox-del,
.inbox-from, .inbox-icon                    { width: 1%; }
#inbox tr.readable td.inbox-from {
  padding-right: 0;
}
.inbox-from-name {
  font-size: 13px;
  font-weight: bold;
}
.inbox-avatar img                           { display: inline-block; }
.inbox-msg-title                            { font-weight: bold; }
.inbox-msg-gift                             { font-size: 85%; }
.inbox-msg-gift .icon                       { display: inline-block; margin-bottom: -4px; margin-right: 5px; }
.inbox-date                                 { width: 140px; font-size: 90%; }
.inbox-from-details                         { width: 110px; font-size: 90%; }
.inbox-del a                                { display: block; margin-right: 5px; }
.inbox-controls                             { padding: 1em 5px; margin-top: 10px; }
.inbox-controls .inbox-controls-checkall    { margin-right: 15px; }
.inbox-controls-filtering                   { text-align: right; width: 350px; }
.inbox-controls .bulkactions                { display: inline-block; }
.inbox-controls .bulkactions .buttons       { position: relative; top:-0.3em; display: inline-block; }
.inbox-controls .bulkactions .nobuttons     { margin-left: 5px; }
.inbox-controls .bulkactions .faded         { opacity:0.4; filter:alpha(opacity=40); }
.inbox-controls-top                         { padding-top: 2em; }
.inbox-change-settings-content              { padding-right: 20px; display: block; }
.inbox-change-settings                      { padding: 0.6em 0; display: block; }
#inbox-settings-notices                     { margin-bottom: 1.5em; }
.conversation > h2 {
  margin-left: 75px;
  font-size: 19px;
  line-height: normal;
  padding-top: 18px;
}
.conversation > h2.show-badge {
  margin-right: 60px; /* To make room for a badge e.g. contact for free bolt-on */
}
.conversation > h2 .location {
  font-weight: normal;
}
.conversation .avatar {
  float: left;
}
.conversation .avatar img {
  display: block;
}
#conversation-wrapper                       { border-top-width: 1px; border-bottom-width: 1px; padding: 15px 0 0; }
#conversation                               { margin: 0 50px; }
#conversation li                            { padding: 6px 6px; margin: 0 0 10px 0; clear: both; width: 600px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#conversation li.sent                       { float: right; text-align: left; }
#conversation li.received                   { float: left; }
.conv-msg-id                                { margin-top: 10px; }
li.sent .conv-msg-id                        { float: right; margin-right: -50px; }
li.received .conv-msg-id                    { float: left; margin-left: -50px; }
.conv-msg-id .name                          { margin: -5px 0 0 0; padding: 0; text-align: center; font-size: 85%; }
.conv-msg-id .name-support                  { font-size: 90%; margin-top: 0px; }
.conv-msg-body                              { border-width: 1px; border-style: solid; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 5px 10px; }
.conv-msg-body.current                      { border-width: 1px; }
.conv-msg-body h4                           { margin: 0 0 10px 0; padding: 0; }
.conv-msg-body p                            { margin: 0; padding: 0; }
.conv-msg-body p+p                          { margin-top: 20px; }
.conv-msg-footer                            { font-size: 85%; margin: 10px 0; }
.conv-msg-link                              { margin-top: -36px; }
.conv-msg-link a                            { text-decoration: none; }
.conv-msg-link a:hover                      { text-decoration: underline; }
.conv-msg-body img                          { padding: 0; margin: 0; vertical-align: middle; }
.conv-msg-body .conv-msg-content {
  margin-top: 20px;
  }
.conv-msg-body .conv-msg-content ul.recommend-result {
  margin: 20px auto 20px auto;
  padding: 10px 0 0 0;
  text-align: center;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  }
.conv-msg-body .conv-msg-content ul.recommend-result li.recommend-photo {
  display: inline-block !important;
  margin: 0px !important;
  width: 110px !important;
  padding: 0 !important;
  }
.conv-msg-body .conv-msg-content ul.recommend-result li.recommend-photo .member-photo img {
  width: 70px !important;
  height: 70px !important;
  }
.conv-msg-body .conv-msg-content ul.recommend-result li.recommend-photo .member-details {
  font-size: 75%;
  }
.conv-msg-body .conv-msg-content ul.recommend-result li.recommend-photo .member-details h3 {
  margin: 0;
  }


/* Read notification conv-msg promo
---------------------------------------------------------------------- */
.conv-msg #read-notification-promo h4 {
  margin-top: 20px;
  }
.conv-msg #read-notification-promo .conv-msg-content #read-notification-promo-content {
  border-width: 1px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  height: 70px;
  padding: 15px;
  padding-right: 25px;
  margin-bottom: 5px;
  }
.conv-msg #read-notification-promo .conv-msg-content #read-notification-promo-content #read-notification-promo-icon {
  width: 48px;
  height: 48px;
  float: left;
  margin-right: 10px;
  }
.conv-msg #read-notification-promo .conv-msg-content #read-notification-promo-content #read-notification-promo-text {
  width: 300px;
  float: left;
  }
.conv-msg #read-notification-promo .conv-msg-content #read-notification-promo-content #read-notification-promo-add {
  float: right;
  }
.conv-msg #read-notification-promo .conv-msg-content #read-notification-promo-content #read-notification-promo-add a {
  display:block;
  text-align: center;
  }
.conv-msg #read-notification-promo .conv-msg-content #read-notification-promo-content #read-notification-promo-add .add-bolton-small {
  width: 102px;
  height: 33px;
  }


/* Gift sending
---------------------------------------------------------------------- */
#gift-banner td                      { vertical-align: middle; }
#gift-info                           { padding-left: 12px; }
#gift-info h3                        { margin: 0 0 5px; }
#gift-info p                         { margin: 0; font-size: 85%; }
#gift-wrap                           { padding: 5px; }
#gift-wrap .form-error               { margin-left: 0; width: 425px; }
.di-text #gift-wrap .form-error      { width: 385px; }
.shop-pop                            { position: absolute; bottom: -1px; left: 0; width: 100%; height: 289px; border-width: 1px; opacity: 1 !important; }
.btn-bar                             { position: relative; }
.btn-overlay                         { display: block; left: 0; position: absolute; top: 0; width: 100%; height: 100%; z-index: 1050; }
.gift-controls                       { border-bottom-width: 1px; padding: 3px 6px; }
#gift-shelf                          { margin-left: 10px; min-height: 226px; }
#gift-shelf .gift-item               { float: left; text-align: center; margin: 10px 0 0; padding: 8px; }
.gift-item.highlight                 { border-width: 1px; padding: 7px !important; }
#gift-shelf .gift-cost               { margin-top: -3px; }
.gift-checkout                       { padding: 0px 3px 0 0; }
.no-stock                            { margin-right: 40px; }
.no-stock .notebox                   { padding-left: 15px; padding-top: 60px !important; }


/* Auto-growing text boxes
---------------------------------------------------------------------- */
.autogrow-applied                    { overflow: hidden; }
.autogrow-applied.full               { overflow: visible; }
.autogrow-shadow                     { position: absolute; left: -10000px; top: -10000px; }


/*
----------------------------------------------------------------------
  Section:     forms
  Description: Standard look for forms and form elements
---------------------------------------------------------------------- */
.form-wrapper {
  border-width: 1px;
  padding: 15px;
  margin-bottom: 20px;
  }
.form-wrapper input[type="radio"],
.form-wrapper input[type="checkbox"] {
  background-color: transparent !important;
  }
.form-wrapper-collapse {
  margin: 0;
  }
.form-item {
  padding: 10px;
  }
.form-indent { 
  margin-left: 210px !important;  /* Match alignment of standard form columns */
  }
.form-item.first {
  padding-top: 0;
  }
.form-item .form-label {
  float: left;
  width: 200px;
  margin-top: 3px;
  text-align: right;
  }
.form-item .form-label-small {
  float: left;
  width: 100px;
  line-height: 2em;
  text-align: right;
  }
.form-item .form-label-smallest {
  float: left;
  width: 80px;
  line-height: 2em;
  text-align: right;
  }
.form-submit .form-no-label {
  margin-left: 200px;
  }
.form-item .form-field {
  float: left;
  margin-left: 10px;
  vertical-align: middle;
  display: inline;
  }
.form-item .form-field input {
  padding: 3px;
  }
.column-form .form-item .form-field {
  margin-left: 0;
  padding-left: 10px;
  }
.form-item .form-desc {
  display: block;
  }
.form-item input {
  border-width: 1px;
  width: auto;
  clear: both;
  }
.textarea-wrapper {
  border-width: 1px;
  width: auto;
  clear: both;
  line-height: 0;
  }
.textarea-wrapper input {
  padding: 3px;
  }
.form-item textarea {
  width: 100%;
  border-width: 0;
  padding: 0;
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  }
.form-item input.short {
  width: 80px;
  }
.form-item input.radio {
  width: 25px;
  }
.form-item select {
  border-width: 1px;
  padding: 3px;

  }
.form-item select.short {
  width: 80px;
  }
.form-item select.medium {
  width: 150px;
  }
.form-item .form-error,
.form-item .form-error-short {
  padding: 12px 5px 3px 5px;
  font-size: 90%;
  font-weight: bold;
  color: #fff;
  width: 218px;
  clear: both;
  background-image: url(../images/form_error_bg_solid.png);
  background-repeat: repeat-x;
  }
.form-item .upload {
  margin: auto;
  width: 360px;
  padding-bottom: 15px;
  }
.form-error {
  margin-left: 210px;
  }
.form-error-short {
  margin-left: 110px;
  }
.form-restrict-width {
  max-width: 320px;
  }
.form-error a {
  color: #fff !important;
  text-decoration: underline;
  }
.form-error a:hover {
  text-decoration: none;
  }
.form-item p {
  line-height: 2em;
  margin: 0;
  }
.form-item .wide {
  width: 440px;
  }
.form-item .buttons {
  margin-bottom: 6px;
  }
.form-item.top-label,
.form-item.inline-label {
  padding-left: 0;
  padding-right: 0;
  }
.form-item.form-item-collapse {
  padding-bottom: 0;
  }
div.form-required {
  display: block;
  float: left;
  color: #D00;
  font-size: 180%;
  margin-left: 10px;
  margin-top: 5px;
  }
span.form-required {
  color: #D00;
  font-size: 180%;
  }
.form-date .date-day {
  width: 58px;
  }
.form-date .date-month {
  width: 97px;
  }
.form-date .date-year {
  width: 65px;
  }
.form-item .form-note {
  float: left;
  margin: 2px 0 5px 210px;
  font-size: 85%;
  line-height: 1.6em;
  min-width: 200px;
  clear: left;
  }
.form-item .form-note-small {
  clear: both;
  float: left;
  margin: 5px 0 5px 110px;
  font-size: 85%;
  line-height: 130%;
  }
.form-item .form-note-long {
  float: left;
  margin: 5px 10px 15px 10px;
  font-size: 90%;
  line-height: 130%;
  }
.form-item .form-note-search {
  float: left;
  margin: 5px 0 5px 0px;
  font-size: 85%;
  line-height: 130%;
  min-width: 160px;
  }
.form-helper .icon-help {
  background-repeat: no-repeat;
  margin-left: -22px;
  padding-left: 22px;
  position: relative; /* IE6 haslayout */
  }
.form-text .form-field {
  line-height: 2em;
  font-weight: bold;
  }
.inline-label .form-label,
.top-label .form-label {
  width: auto;
  line-height: 2em;
  text-align: left;
  }
.top-label .form-field {
  clear: left;
  margin-left: 0;
  }
.top-label .form-error {
  margin-left: 0;
  }
.top-label .wide .form-error {
  width: auto;
  }
.top-label .form-note {
  margin-left: 0;
  width: auto;
  }
.top-label .wide {
  float: none;
  width: auto;
  }
.with_example {
  font-style: italic;
  color: #CCC;
  }
.form-range select {
  width: auto;
}


/* Controlled input and matching form error widths
---------------------------------------------------------------------- */
.column-form .form-field input[type="text"],
.column-form .form-field input[type="password"] {
  width: 220px;
  }


/* More legible fields (as used on the login page)
---------------------------------------------------------------------- */
.legible .form-item .form-label {
  margin-top: 7px;
  }
.legible .form-item .form-field input {
  padding: 6px;
  font-size: 14px;
  margin: 0;
  }
.legible .column-form .form-item .form-error,
.legible .column-form .form-item .form-error-short {
  width: 224px;
  }

/* BUTTONS - and links intended to appear as buttons
---------------------------------------------------------------------- */
.buttons > a,
.buttons button {
  display: block;
  float: left;
  margin: 0 7px 0 0;
  border-width: 0px;
  font-size: 100%;
  line-height: 130%;
  line-height: 17px;
  text-decoration: none;
  cursor: pointer;
  padding: 5px 8px 5px 8px; /* Links */
  }
.buttons button {
  width: auto;
  overflow: visible;
  padding: 4px 10px 3px 7px; /* IE6 */
  }
.buttons button[type] {
  padding: 5px 10px 5px 7px;
  }
*:first-child+html button[type] {
  padding: 4px 10px 3px 7px; /* IE7 */
  }
.buttons button img,
.buttons a img {
  margin: 0 3px -3px 0 !important;
  padding: 0;
  border: none;
  width: 16px;
  height: 16px;
  }
.buttons a.last,
.buttons button.last {
  margin-right: 0;
  }
.buttons > a.large,
.buttons button.large {
  font-size: 20px;
  padding: 15px 18px;
  cursor: pointer;	
  -moz-box-shadow: 0 2px 1px rgba(0,0,0,.09), inset 0 -2px 0 rgba(0,0,0,.07); /* drop shadow and inner shadow */
  -webkit-box-shadow: 0 2px 1px rgba(0,0,0,.09), inset 0 -2px 0 rgba(0,0,0,.07); /* drop shadow and inner shadow */
  box-shadow: 0 2px 1px rgba(0,0,0,.09), inset 0 -2px 0 rgba(0,0,0,.07); /* drop shadow and inner shadow */
  font-weight: bold;
  text-shadow: 0 2px 0 rgba(0,0,0,.09); /* drop shadow */
  border: none;
  }


.buttons.bigger > a,
.buttons button {
  font-size: 120%;
  padding: 6px 10px;
  }
.buttons.bigger button[type] {
  padding: 7px 12px;
  }
  
.buttons.biggest > a,
.buttons button {
  font-size: 140%;
  padding: 8px 12px;
  }
  
.buttons.centered {
  text-align: center;
  }

.buttons.centered > a,
.buttons.centered button {
  float: none;
  display: inline-block;
}

.buttons.centered > a:last-of-type,
.buttons.centered button:last-of-type {
  margin: 0;
}


.buttons > a, .buttons button, .button-mimic, button {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; /* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */
	
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,.09), inset 0 -1px 0 rgba(0,0,0,.07); /* drop shadow and inner shadow */
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.09), inset 0 -1px 0 rgba(0,0,0,.07); /* drop shadow and inner shadow */
	box-shadow: 0 1px 1px rgba(0,0,0,.09), inset 0 -1px 0 rgba(0,0,0,.07); /* drop shadow and inner shadow */
	font-weight: bold;
	text-shadow: 0 2px 0 rgba(0,0,0,.09); /* drop shadow */
	border: none;
}

button.large {
	font-size: 20px;
	padding: 15px 18px;
	cursor: pointer;
	
	-moz-box-shadow: 0 2px 1px rgba(0,0,0,.09), inset 0 -2px 0 rgba(0,0,0,.07); /* drop shadow and inner shadow */
	-webkit-box-shadow: 0 2px 1px rgba(0,0,0,.09), inset 0 -2px 0 rgba(0,0,0,.07); /* drop shadow and inner shadow */
	box-shadow: 0 2px 1px rgba(0,0,0,.09), inset 0 -2px 0 rgba(0,0,0,.07); /* drop shadow and inner shadow */
	font-weight: bold;
	text-shadow: 0 2px 0 rgba(0,0,0,.09); /* drop shadow */
	border: none;
}


/* Prevent photo count from recieving same button styles (due to poor use of classes) */
.photo-count.button-mimic {
	text-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}


/* Rounded buttons (as used in map search result profiles) */
.roundy {
  display: inline-block;
  padding: 4px 8px;
  border-width: 1px;
  max-height: 16px;
  font-size: 12px !important;
  line-height: 16px !important;
  font-weight: bold;
  border-radius: 12px;
  vertical-align: middle;
  box-shadow: inset 0px 0px 3px rgba(255,255,255,.3), 0px 1px 1px rgba(0,0,0,.2), inset 0px 1px 1px 1px rgba(255, 255, 255, .5);
  }
.roundy.dimmed {
  color: inherit !important;
  font-weight: normal;
  margin-bottom: -1px;
  padding: 5px 9px;
  border-radius: 14px;
  box-shadow: 0px 1px 2px 2px rgba(255, 255, 255, .3);
  }
.roundy.dimmed:hover {
  text-decoration: none;
  cursor: default;
  }
.empty-roundy {
  padding: 4px;
  width: 16px;
  height: 16px;
  }

/* Theme Buttons
---------------------------------------------------------------------- */
.theme-button {
  display: block;
  margin: 0;
  padding: 0 15px;
  line-height: 38px;
  text-decoration: none;
  font-weight: normal;
  cursor: pointer;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  font-size: 15px;
  text-shadow: 0 2px 2px rgba(0,0,0,0.2);
}

.theme-button:hover {
  text-decoration: none;
}

.theme-boast {
  background-color: transparent;
  background-position: left top;
  height: 55px;
  width: 58px;
  padding: 15px 4px 0 5px;
  text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
  position: absolute;
  right: -12px;
  top: -14px;
  z-index: 5;
  font-size: 9.5px;
  line-height: 12px;
  text-align: center;
  letter-spacing: -5%;
  transform: rotate(17deg);
  -moz-transform: rotate(17deg);
  -webkit-transform: rotate(17deg);
  -o-transform: rotate(17deg);
  -ms-transform: rotate(17deg);
}

/*
----------------------------------------------------------------------
  Section:     settings
  Description: Tabulated form data
---------------------------------------------------------------------- */
.form-settings                         { margin: 6px 0 16px 0; }
.form-settings table                   { padding: 6px; width: 100%; }
.form-settings td                      { padding: 2px; width: 260px;}
.form-settings tr                      { border-bottom-width: 1px;}
.form-settings th                      { border: 10px;}
.form-settings th.settings-heading     { text-align: left; width: 260px; padding-bottom: 5px}
.form-settings th.on-off-heading       { width: 40px; text-align: center; }
.form-settings td.on-off               { width: 40px; text-align: center; }
.form-settings .form-single-setting    { border-width: 1px 0; margin-bottom: 2em; }
.form-settings .form-single-setting td { padding-top: 20px; padding-bottom: 20px; }
.radio-row-item                        { margin-right: 3ex; }
#credit_confirm_detail                 { margin-bottom: 2em; }
#credit_confirm_detail th              { text-align: right;padding-right: 2em}


/*
----------------------------------------------------------------------
  Section:     dialogs
  Description: Pop-up dialog windows and notification boxes
---------------------------------------------------------------------- */
#di-overlay {
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1000;
  background-color: #000;
  opacity: 0.65;
  }
.di {
  height: 0;
  left: 0;
  top: 0;
  overflow: visible;
  position: absolute;
  z-index: 1001;
  width: 600px;
  }
.di-wrap {
  border-width: 1px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  }
.di-header {
  border-bottom-width: 1px;
  padding: 10px 10px 5px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  overflow: hidden;
  }
.di-header .icon-close {
  float:right;
  }
.di-body-content-header {
  font-size: larger;
  font-weight: bold;
  margin-bottom: 0.2em;
  margin-top: 1.3em;
  }
.di-body {
  padding: 10px;
  min-height: 100px;
  }
.di-content > div:last-child {
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  }
.di-body .di-image                   { width: 70px; float: left; margin-right: 10px; }
.di-body .di-text                    { float: left; width: 498px; position: relative; }
.di-body .di-text-full               { width: 100%; }
.di-body .form-item .form-note       { margin-left: 0; }
.di-footer {
  position: relative;
  overflow-y: auto;
  border-top-width: 1px;
  padding: 10px;
  text-align: right;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  }
.di-body ul                          { display: block; padding: 10px; }
.di-body ul li                       { list-style: disc inside; padding-left: 10px; }

.di-buttons                          { float: right; display: inline; margin-right: -7px; }

.di.error .di-wrap                   { border-color: red; }
.di.error .di-header                 { border-color: #FF3F00; background-color: #FFE7DF; color: #400; }
.di.error .di-body                   { background-color: #FFF; color: #333; }
.di.error .di-footer                 { border-color: #FF3F00; background-color: #FFE7DF; color: #400; }
.di.error .button                    { border: 0; background-color: #DD0000; color: #FFE7DF; }

.di-pullout                          { padding: 12px; }
.di-msg-preview                      { height: 120px; overflow-y: scroll; }

/* modal dialog busy states (i.e. pending AJAX requests) */
.di-busy {
  cursor: wait !important;
}
.di-busy button {
  opacity: 0.5;
}

.lightbox-container                  { width: 100%; text-align: center; }

.notebox                             { width: 602px; margin: 75px auto; }
.notebox-mini {
  width: 70%;
  margin: 35px auto;
  padding: 10px;
  border-width: 1px;
  border-style: solid;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  }
.notebox.manual                      { width: 100%; margin: 0; }
.notebox .di-header                  { border-width: 0; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.notebox p                           { margin: 0.7em 0; }
.notebox .buttons {
  margin-bottom: 5px;
  }

#pm-offline-notebox {
  width: 100%;
  margin: auto;
  margin-bottom: 20px;
  }

.di-footer .paged-nav.prev {
  float: left;
  }

.di-footer .paged-nav.next {
  float: right;
  }


/* Bolt-on modal box overrides
---------------------------------------------------------------------- */
.di-bolton {
  height: auto;
}
.di-bolton .di-header h2 {
  margin-bottom: 4px;
  }
.di-bolton .di-body {
  padding: 0;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  }
.di-bolton .di-body #bolton-title {
  font-size: 24px;
  line-height: 35px;
  font-weight: bold;
  width: 350px;
  margin-bottom: 20px;
  }
.di-bolton .di-body #bolton-price {
  font-size: 23px;
  line-height: 23px;
  margin-bottom: 20px;
  }
.di-bolton .di-body #bolton-price strong {
  font-size: 28px;
  }
.di-bolton .di-body #bolton-price #per-day {
  font-size: 11px;
  }
.di-bolton .di-body-text {
  float: left;
  padding: 20px;
  width: 300px;
  }
.di-bolton .di-sub-body {
  position: relative;
  }

/* Search VIP specific */
.di-bolton .di-sub-body .bolton-image-searchvip {
  position: absolute;
  right: -27px;
  bottom: 20px;
  width: 280px;
  height: 309px;
  }
.di-bolton .di-sub-body .bolton-image-searchvip img#searchvip-profile-image {
  margin-left: 29px;
  margin-top: 87px;
  }

/* Read Notification specific */
.di-bolton .di-sub-body .bolton-image-readnotification {
  position: absolute;
  bottom: 0px;
  right: -41px;
  width: 322px;
  height: 322px;
  }

/* Inbox Unlocker specific */
.di-bolton .di-sub-body.di-bolton-cancontactme #bolton-title {
  width: 420px
  }
.di-bolton .bolton-image-cancontactme {
  position: absolute;
  right: -38px;
  bottom: 20px;
  width: 317px;
  height: 307px;
  }

/* Reply to me specific */
.di-bolton .bolton-image-canreplytome {
  position: absolute;
  right: -30px;
  bottom: 15px;
  width: 326px;
  height: 274px;
  }


.di-bolton .di-sub-footer {
  clear: both;
  display: block;
  position: relative;
  text-align:left;
  padding: 15px;
  margin: 0;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  }
.di-bolton .di-sub-footer #convenience-bolton {
  background-repeat: no-repeat;
  width: 270px;
  padding-left: 22px;
  text-align:left;
  margin-top:5px;
  font-size: 11px;
  font-weight: bold;
  }
.di-bolton .di-sub-footer button,
.di-bolton .di-sub-footer .loading {
  position: absolute;
  right: 15px;
  top: 15px;
  background-color: transparent;
  border: none;
  cursor: pointer;
  }
.di-bolton .di-sub-footer .loading {
  display:none;
  top: 30px;
  }
.di-bolton .di-sub-footer button.disabled {
  opacity: 0.2;
  filter: alpha(opacity=20);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  cursor: default;
  }
.di-bolton .di-sub-footer .buttons .button {
  float: right;
  font-size: 18px;
  padding: 10px;
  margin-right: 0;
  }
.di-bolton .di-sub-footer #remove-bolton {
  background: transparent;
  float: right;
  font-size: 18px;
  padding: 10px;
  margin-right: 0;
  border-width: 1px;
  border-style: solid;
  }


/* Bolt-on quit modal box overrides
---------------------------------------------------------------------- */
.di-bolton-info .di-header h2 {
  background-repeat: no-repeat;
  font-size: 20px;
  margin: 0 0 5px 0;
  padding: 15px 0 15px 60px;
  }
.di-bolton-info .di-header #close {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 16px;
  height: 16px;
  cursor: pointer;
  }
.di-bolton-info .di-body {
  padding: 20px;
  }
.di-bolton-info .di-body .di-body-text {
  border-width: 1px;
  border-style: dotted;
  padding: 20px;
  }
.di-bolton-info .di-body ul {
  padding-top: 10px;
  }
.di-bolton-info .di-body li {
  background-repeat: no-repeat;
  padding-left: 24px;
  margin-left: 10px;
  margin-bottom: 10px;
  list-style: none;
  font-weight: bold;
  }
.di-bolton-info .di-body .di-sub-body .button {
  margin-top: 10px;
  font-size: 18px;
  padding: 10px;
  }
.di-bolton-info .di-footer {
  padding: 20px;
  }


/* Photo upload guides
---------------------------------------------------------------------- */
#photo-guide-image                   { margin: 10px auto 0px auto; background: url(../images/themes/orange/photo-guidelines.png) no-repeat center top; width: 580px; height: 92px; }
#photo-guide ul                      { padding: 0; width: 580px; margin: 0px auto; text-align: center;}
#photo-guide ul.casual               { margin: 20px 10px; text-align: center;}
#photo-guide ul li.noncasual         { text-align: center; vertical-align: top; list-style-type: none; padding: 0px 1%; width: 18%; float: left; display: inline; overflow: hidden; }
#photo-guide ul li.casual            { text-align: center; vertical-align: top; list-style-type: none; padding: 0px 1%; width: 22%; float: left; display: inline; overflow: hidden; }


/*
----------------------------------------------------------------------
  Section:     notifications
  Description: Success, error and information notifications
---------------------------------------------------------------------- */
#flashes                             { padding-top: 10px; }
#ribbon                              { position: absolute; top: 0; left: 0; width: 100%; background: #FFFDBA url(../images/ribbon_alert.png) no-repeat 4px 4px; border-bottom: 1px solid #EAD691; color: #663; font-size: 90%; }
#ribbon ul                           { margin: 2px 4px 2px 22px; }
.notice                              { border-top-width: 1px; border-bottom-width: 1px; padding: 10px 15px; margin-bottom: 20px; }
.notice p, .notice ul                { margin-bottom: 0.8em; }
.notice a.close                      { display: block; }
.notice.small *                      { font-size: 100%; }
.attention                           { border-width: 1px; padding: 3px 2px 0.5em 25px; background-position: 4px 4px; background-repeat: no-repeat; font-size: 90%; font-weight: bold; margin-bottom: 1em; }
.attention.warning                   { background-image: url(../images/ribbon_alert.png); }

/* Flash Messages
	
	Used to style messages that provide feedback to the user. Currently
	we support 3 types of messages. They are success, warning and info
	messages. If you need to turn of the icon add the modifyier
	`.flash--no-icon`.
	
---------------------------------------------------------------------- */

.flash {
	border-width: 3px;
	border-style: solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	padding: 12px;
	color: #fff;
	font-size: 14px;
	margin-bottom: 20px;
	position: relative;
	padding-left: 90px;
}
.ie7 .flash {
	padding-left: 12px; /* because we don't support font icons for >=IE7 */
}
.flash a {
	color: inherit !important;
	text-decoration: underline;
}
.flash:before {
	content: "";
	display: block;
	font-size: 70px;
	position: absolute;
	top: 50%;
	margin-top: -35px;
	left: 12px;
	text-shadow: 0 0 2px rgba(0,0,0,.3);
}

.flash:before {
	font-family: 'wld-ico';
	speak: none;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

.flash .heading {
	font-size: larger;
	font-weight: bold;
	display: block;
	margin-bottom: 0.4em;
}

.flash p {
	margin-bottom: 10px;
}

.flash p:last-child {
	margin-bottom: 0;
}

.flash p {
	font-size: 14px;
}

.flash a {
	color: inherit !important; /* Had to use this because custom css overides link colour. */
	text-decoration: underline;
}

.flash ul {
	margin-bottom: 10px;
}

.flash ul li {
	display: block;
	margin-bottom: 10px;
}

.flash-success {
	border-color: #21C62A;
	background-color: #18A520;
}

.flash-error {
	border-color: #F46B6D;
	background-color: #EB3E3E;
}

.flash-error:before {
	content: "\26A0";
/*  adjustment of icon size and position to ensure
    clean cutout mask and line-break positioning */
	font-size: 60px;
	margin-top: -30px;
}

.flash-info:before {
	content: "\269D";
}

.flash-success:before {
	content: "\269E";
}

.flash-info {
	border-color: #6D9FF7;
	background-color: #3675E6;
}

.flash-no-icon {
	padding-left: 15px;
}

.flash-no-icon:before {
	content: none;
}


/* Overrides for flash notifications in modal windows
---------------------------------------------------------------------- */
.di-content #flashes,
.di-content #flashes ul {
  padding: 0;
  }
.di-content #flashes .flash {
  border-radius: 0;
  border: 0;
  list-style: none;
  list-style-position: outside;
  padding-left: 40px;
  }



/*
----------------------------------------------------------------------
  Section:     credits
  Description: Tabulated data for a members credit activity
---------------------------------------------------------------------- */
#statement                           { margin: 6px 0 6px 0;}
#statement table                     { padding: 6px; width: 100%; }
#statement thead tr                  { border-bottom-width: 1px; }
#statement tr.item                   { border-bottom-width: 1px; }
#statement th.in, td.in              { width: 50px; text-align: center; }
#statement th.out, td.out            { width: 50px; text-align: center; }
#statement td                        { padding: 4px; }
#statement th                        { border: 10px; }
#statement tr.date                   { text-align: left; width: 200px; font-weight: bold; }
#statement tr.date td                { padding: 12px 0px 2px 0px; }
#statement td.time                   { width: 80px; text-align: left; }
#statement td.detail                 { width: 450px; text-align: left; }


/*
----------------------------------------------------------------------
  Section:     pagination
  Description: Global pagination controls
---------------------------------------------------------------------- */
div.pagi div.page-info               { float: left; text-align: left; }
div.pagi div.page-options            { float: right; text-align: right; }
div.pagi .pagi-link                  { margin: 0 2px; }
.pagi-simple-top                     { border-bottom-width: 1px; float: left; width: 100%; }
.pagi-simple-bottom                  { border-top-width: 1px; float: left; width: 100%; }


/*
----------------------------------------------------------------------
  Section:     search styles
  Description: App-wide search style listings (inc Profile > Browse Similar members)
---------------------------------------------------------------------- */
.search-controls{padding:3px 6px;}
div#pagi-top{margin-bottom:10px;}
div#pagi-top,div#pagi-bottom{border-width:1px;}
.talk-link a{text-decoration:none;}
div.online-alert{position:relative;margin-top:-25px;font-size:10px;text-align:center;display:none;}
div#search-bar{margin-top:20px;}
#search-bar-inner{padding-bottom:5px;}
form#search-form{padding:5px 0;}
form#search-form div#premium-options{width:180px;}
form#search-form div.form-item{width:180px;}
form#search-form div.form-item div.tick{width:170px;text-align:left;}
form#search-form div.form-item div.form-label{width:100%;}
form#search-form div.form-item div.form-field select{width:176px;}
form#search-form div.form-item div.form-field select.dropdown-small{width:70px;}
.search-full{margin:10px 0 5px;width:200px;border-width:1px 0;text-align:left;}
.search-full dl dt{float:left;clear:left;width:8em;text-align:right;}
.search-full .form-item{padding:10px 15px 15px;}
.search-full .form-label{line-height:1.5em;}
.search-full .form-note{padding-top:10px;width:auto !important;}
.search-full .label-spacer{display:inline-block;width:60px;}
#search-results{border-width:1px 0;}
#search-results-wrapper{margin-left:20px;margin-top:20px;width:72%;}
.member-more-list li{background-repeat:no-repeat;}

/*
----------------------------------------------------------------------
  Section:     Search Form Styles
  Description: Styling of fancy and multi select boxes
---------------------------------------------------------------------- */
div.multi-select-field,
div.fancy-select-field{background:#fff;overflow:hidden;cursor:pointer;width:118px;border-width:1px;z-index:999;padding-right:20px;}
div.multi-select-field.disabled,
div.fancy-select-field.disabled{cursor:default;opacity:0.7;filter:alpha(opacity=70);}
div.multi-select-field span.value,
div.fancy-select-field span.value{display:block;height:26px;line-height:26px;overflow:hidden;padding:0 5px;color:#525252;font-size:11px;}
div.multi-select-popup,
div.fancy-select-popup{padding:0;background:#fff;position:absolute;top:25px;left:0;border:1px solid #999;-moz-box-shadow:2px 2px 5px rgba(0,0,0,0.2);-webkit-box-shadow:2px 2px 5px rgba(0,0,0,0.2);box-shadow:2px 2px 5px rgba(0,0,0,0.2);}
div.fancy-select-popup{overflow:hidden;position:absolute;z-index:981;}
div.multi-select-popup ul,
div.fancy-select-popup ul{padding:0;display:block;min-width:120px;}
div.fancy-select-popup ul{max-height:300px;overflow-y:auto;overflow-x:hidden;}
div.multi-select-popup.grouped ul{float:left;}
div.multi-select-popup ul li,
div.fancy-select-popup ul li{padding:0;display:block;}
div.multi-select-popup ul li.disabled,
div.fancy-select-popup ul li.disabled{opacity:0.8;filter:alpha(opacity=80);}
div.multi-select-popup ul li label,
div.fancy-select-popup ul li label{display:block;padding:3px 5px;font-size:11px;white-space:nowrap;color:#333;}
div.fancy-select-popup ul li:hover,
div.multi-select-popup ul li:hover{background:#EDEDED;}
div.multi-select-popup ul li.select-all label,
div.fancy-select-popup ul li.select-all label{font-weight:bold;}
div.multi-select-popup ul li.item label,
div.fancy-select-popup ul li.item label{font-weight:normal !important;cursor:pointer;margin:0;}
div.multi-select-popup ul li.disabled label,
div.fancy-select-popup ul li.disabled label{cursor:default;}
div.multi-select-popup ul li input{margin-right:4px !important;}


/* Simple thumb style profile listings (Admirers, Favourites, Ignores)
---------------------------------------------------------------------- */
.thumb-listing {
  padding-top: 20px;
  padding-left: 20px;
  overflow: auto;
  }
.thumb-listing .thumb-item {
  float: left;
  display: inline;
  width: 90px;
  padding: 10px;
  min-height: 140px;
  position: relative;
  }
.thumb-listing .member-photo img {
  display: block;
  }
.thumb-listing .member-detail {
  margin-top: 0.5em;
  }
.thumb-listing .member-detail .firstname {
  font-weight: bold;
  }
.thumb-listing .member-detail .action {
  font-size: 10px;
  }
.thumb-listing .member-detail .member-detail-basic {
  display: block;
  }
.thumb-listing .member-detail .member-detail-extra {
  font-size: 10px;
  }
.thumb-listing .member-detail .member-detail-extra span {
  display: block;
  }
.thumb-listing .member-detail .member-detail-extra .time-stamp {
  font-size: 90%;
  }


/* Horizontal style photo count
---------------------------------------------------------------------- */
.photocount {
  background-position: 5px;
  background-repeat: no-repeat;
  background-color: transparent;
  }
.photocount span {
  margin-left: 22px;
  font-size: 10px;
  vertical-align: middle;
  line-height: 11px;
  overflow: hidden;
  }


/*
----------------------------------------------------------------------
  Section:     my account section - membership
  Description: Additional styles for the membership view
---------------------------------------------------------------------- */
/*
#membership-upgrade p:first-child {
	margin-bottom: 0.5em;
}
*/
#membership-upgrade .bulleted {
	margin-top: 0.5em;
}
#membership-upgrade .bulleted li {
	margin-left: 10px;
}
#membership-help {
	border-width: 1px;
}
#membership-help .intro {
	padding: 15px;
	margin-right: 0;
	margin-bottom: 0;
	font-size: 13px;
	line-height: 21px;
}
#membership-help .intro a {
	font-weight: bold;
}
#membership-help .content-column {
	padding: 25px 35px 15px 35px;
	margin-right: 265px;
}
#membership-help .content-column h3 {
	padding-bottom: .6em;
	font-size: 125%;
	border-style: dotted;
	border-bottom-width: 1px;
}
#membership-help .content-column ul {
	padding: 11px 15px;
}
#membership-help .content-column li {
	margin-bottom: .8em;
	font-size: 13px;
}
#membership-help .aside {
	float: right;
	width: 240px;
	margin-right: 35px;
	padding-top: 25px;
}
#membership-help .aside p {
	margin-bottom: 12px;
	font-size: 13px;
}
#membership-help .aside a {
	font-size: 13px;
}


/*
----------------------------------------------------------------------
  Section:     my account section - ignoring
  Description: Ignoring page styles
---------------------------------------------------------------------- */
div#ignorelist                       { float: left; }
div#ignorelist div#ignorelist-header { float: left; border-bottom-width: 1px; padding: 3px 0px 5px 0px; font-weight: bold; }

div.name                             { float: left; width: 340px; }
div.added                            { float: left; width: 180px; }
div.unblock                          { float: left; width: 100px; }
div.ignore-item                      { border-bottom-width: 1px; clear: both; float: left; padding: 3px 0px 5px 0px; }

#mobile-information                  { margin: 20px 14px }


/* member history
---------------------------------------------------------------------- */
.history-item                        { margin-top: 15px; }
.history-item .feed-data             { padding-bottom: 0px; }
.feed-data-last .feed-data           { border-bottom-width: 0px; }


/*
----------------------------------------------------------------------
  Section:     Online now
  Description: online now div
---------------------------------------------------------------------- */
div.online-status   { position: relative; text-align: center; margin-top: -31px; height:23px; font-weight: bold; padding: 3px 0px 0 0px; opacity: 0.8; }


/*
----------------------------------------------------------------------
  Section:     Upgrade and Payment
  Description: Upgrade page styles
---------------------------------------------------------------------- */
#upgrade-left,
#upgrade-right,
#payment-left,
#payment-right                       { width: 48% }
#upgrade-container,
#benefits-container                  { width: 100%; }
#upgrade-options                     { margin-bottom: 25px; }
#upgrade-benefits                    { margin-bottom: 25px; }
#upgrade-benefits .cf                { clear: both; width: 100%; line-height: 1px; }
#upgrade-subheading                  { margin-bottom: 20px }
#upgrade-teaser                      { width: 100%; border-width: 1px; margin-bottom: 25px; padding: 10px; }
#upgrade-options .priceoffer         { font-weight: bold; font-size: 120%; margin-bottom: 3px;padding-top:10px; }
#profile-upgrade-inner               { margin: 10px }
.member-teaser a                     { text-decoration: none;}
.member-teaser .name                 { font-size: 120%; font-weight: bold; }
.member-teaser .age-region           { font-weight: bold; }
#bankauth-notice                     { width: 35%; }
#payment-secure-server               { border-width: 1px; padding: 10px 10px; margin-bottom: 25px; }
#payment-credit-item                 { border-width: 1px; padding: 10px 10px; margin-bottom: 25px; }
#payment-special-offer               { display: none; }
ul#payment-sections                  { list-style: none; margin: 10px 0; padding: 0; }
ul#payment-sections li               { margin: 0 0 5px 0; border-width: 1px; padding: 0; width: 50%; }
ul#payment-bands                     { list-style: none; }
ul#payment-bands li                  { margin: 0 0 10px 0; border-width: 1px; padding: 0; background-position: 10px center; min-height: 58px; display: block; }
ul#payment-bands li a                { margin-left: 30px; background-position: 8px 11px; display: block; padding: 10px 10px 10px 25px; line-height: 120%; text-decoration: none; }
ul#payment-bands li h4               { text-align: center; margin: 10px 0 5px 0; font-weight: bold; }
ul#payment-bands li a .price         { display: block; float: right; text-align: right; font-style: normal; }
ul#payment-bands li strong,
ul#payment-bands li .period          { text-indent: 5px; font-size: 120%; line-height: 120%; }
ul#payment-bands li .price           { line-height: 120%; font-size: 120%; }
ul#payment-bands li .price           { line-height: 120%; font-size: 120%; }
ul#payment-bands li .price-permonth  { font-weight: bold; line-height: 120%; font-size: 75%; }
ul#payment-band-offer                { list-style: none; }
ul#payment-band-offer li             { margin: 0 0 10px 0; border-width: 2px; padding: 0; background-position: 10px center; min-height: 58px; display: block; }
ul#payment-band-offer li a           { margin-left: 30px; background-position: 8px 11px; display: block; padding: 10px 10px 10px 25px; line-height: 120%; text-decoration: none; }
ul#payment-band-offer li h4          { text-align: center; margin: 10px 0 5px 0; font-weight: bold; }
ul#payment-band-offer li a .price    { display: block; float: right; text-align: right; font-style: normal; }
ul#payment-band-offer li strong,
ul#payment-band-offer li .period     { text-indent: 5px; font-size: 120%; line-height: 120%; }
ul#payment-band-offer li .price      { line-height: 120%; font-size: 120%; }
ul#payment-bands li a .offer         { display: block; float: right; text-align: right; font-style: normal; font-weight:bold; padding-top:7px; }
ul#payment-bands li .offer-period    { font-weight: bold; font-size: 140%; }
ul#payment-bands li .offer-price     { font-weight: bold; font-size: 125%; }
ul#payment-bands li.offer-text       { font-weight: bold; font-size: 120%; }
ul#payment-bands li.offer-text:hover { background-color: transparent !important; }

.days                                { font-size: 90%; }
.nowonly                             { font-size: 135%; }
.days-offer                          { font-size: 120%; }
.recommended                         { font-size: 100%; }
.bordered-offer                      { border-style: solid; }

ul#benefits a                        { text-indent: 1px; text-decoration: none; display: block; cursor: help; }
.benefit-detail                      { width: 320px; padding: 5px; line-height: 120%; text-align: left; z-index: 981; border-width: 1px; }
.benefit-detail p                    { margin: 0; }
.payment-help                        { width: 245px; padding: 5px;  margin: 0 0 1em 0; line-height: 120%; text-align: left; }
#itelebill-iframe-wrapper            { background: #FFFFFF; }
#itelebill-iframe                    { margin-left: 88px; }
.process-bar                         { text-align: center; padding: 15px 0 35px 0; }


/*
----------------------------------------------------------------------
  Section:     My Profile - Photos
  Description: styles for outputting the photos
---------------------------------------------------------------------- */
div.photo-item                       { border-bottom-width: 1px; float: left; width: 100%; padding: 10px 0px 10px 0px; }
div.inactive                         { background-color: red; }
div.current-image                    { background-color: blue; }
div.control-item                     { float: right;padding-top: 35px; padding-right: 10px; }
div.instr                            { padding-top: 0px; padding-left: 18px; padding-bottom: 5px; }

.photo-item-faded                    { opacity:0.4; filter:alpha(opacity=40); }

div.photo-item-radio                 { float: left;padding-top: 35px; width: 40px; text-align: center; }
div.photo-item-photo                 { float: left; margin-left: 10px; width: 110px; }
div.photo-item-detail                { float: left; margin-left: 10px; padding-top: 0px; }
div.photo-item-title                 { clear: right; padding-top: 20px; }
div.photo-item-notapproved           { padding-top: 35px; }
input.title                          { border-width: 1px; width: 300px; padding: 3px; }

div.photo-item-notapproved-icon      { float: left; }
div.photo-item-notapproved-copy      { float: left; margin-left: 10px; }
div.photo-item-approved-copy         { margin-top: 10px; float: left; padding-top: 6px; margin-left: 2px; }
div.photo-submit                     { padding-top: 10px; float: left; }


/*
----------------------------------------------------------------------
  Section:     Visitor Wrapper
  Description: styles for the visitor wrapper on non-member pages
---------------------------------------------------------------------- */
div#visitor-search-results .search-thumb {
  min-height: 90px;
  }
div#vistor-members-banner {
  width: 100%;
  float: left;
  clear: both;
  padding: 0 0 10px 0;
  margin: 0 0 20px 0;
  text-align: center;
  border-bottom-width: 1px;
  }
div#vistor-members-banner h4 {
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
  }
div#visitor-title {
  width: 100%;
  clear: both;
  border-bottom-width: 1px;
  margin-bottom: 15px;
  }
div#visitor-title h1 {
  padding-left: 10px;
  }
div#vis-side h3 {
  margin-bottom: 0px;
  padding-bottom: 5px;
  }
div#vis-side .form-label{
  width: 180px;
  text-align: left;
  }
div#vis-side .form-field {
  margin-left: 0px;
  }
div#vis-side .form-submit {
  padding-top: 10px;
  padding-bottom: 0;
  margin-bottom: 0;
  }
div#vis-side .form-item .form-note {
  width: 60%;
  text-align: left;
  margin: 0;
  min-width: 0;
  }
div.visitor-member-profile {
  text-align: center;
  width: 107px;
  }
div.visitor-member-profile .name {
  font-weight: bold;
  }
div.visitor-member-profile .region {
  display: block;
  font-size: 85%;
  clear: both;
  line-height: 1.3em;
  }
div#visitor-search-form-inner {
  padding-top: 15px;
  }
form div.full-note {
  width: 100% !important;
  }
.visitor-latest-info {
  line-height: 1.2em;
  }
.seo {
  padding: 10px 10px 0 10px;
  margin: 10px 0 0 0;
  }
.visitor-intro {
  padding: 10px;
  }
body.visitor #body-content .left .notebox {
  width: 90%;
  }


/* Visitor Login Page
--------------------- */
#visitor-login-form .form-restrict-width {
  max-width: 210px;
  }
ul#visitor-login-extra {
  border-width: 1px;
  padding-bottom: 0;
  margin-bottom: 40px;
  }
ul#visitor-login-extra li {
  padding: 15px;
  }
ul#visitor-login-extra li.bordered {
  border-width: 0 0 1px 0;
  border-style: dotted;
  }


/* Visitor Search Results
------------------------- */
#visitor-search-results {
	margin-bottom: 1em;
	overflow: auto;
	}
#visitor-search-results .search-detailed {
  float: left;
  margin: 0px;
  width: 100%;
  border-width: 0px;
  position: relative;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  overflow: auto;
  }
#visitor-search-results .member-status,
#visitor-search-results .member-profile-preview {
  margin-left: 95px;
  }
#visitor-search-results .member-status {
  padding-top: 8px;
  padding-bottom: 0.2em;
  }
#visitor-search-results .member-details a {
	font-size: 16px;
	font-weight: bold;
	}
#visitor-search-results .member-profile-preview {
	padding-bottom: 0.8em;
	}
#visitor-search-results .member-photo {
  float: left;
  width: 90px;
  height: 90px;
  overflow: hidden;
  }
#visitor-search-results .member-photo img {
  padding-left: 10px;
  padding-top: 10px;
  }
#visitor-search-results .member-photo span {
  margin-left: 10px;
  margin-top: 10px;
  }
#visitor-search-results .item,
#visitor-search-results .last-online {
  font-size: 10px;
  font-weight: bold;
  line-height: 14px;
  }


/*
----------------------------------------------------------------------
  Section:     Signup
  Description: styles for the visitor signup page
---------------------------------------------------------------------- */
#signup-preview                      { width: 100%;}
#signup-preview-text                 { padding-left: 10px}
.signup-text                         { width: 222px; }
form#signup #gender,
form#signup #gender2                 { width: 180px; }
form#signup .text                    { width: 172px; }
form#signup .form-note               { padding-top: 5px; padding-bottom: 0px; margin-top: 0px;width: 230px; }
form#signup .form-submit             { padding-top: 10px; }
form#signup .date-day                { width: 68px; }
form#signup .date-month              { width: 86px; }
form#signup .date-year               { width: 69px; }


/*
----------------------------------------------------------------------
  Section:     Member Diary
  Description: styles for the member own diary
---------------------------------------------------------------------- */
table#diary                          { width: 100%; clear: both; }
table#diary tr                       { border-bottom-width: 1px; }
table#diary td                       { vertical-align: middle; padding: 10px; height: 100px; }
table#diary td.diary-content         { width: 453px; }
table#diary td.diarymember           { padding:10px 16px; }

.diaryshow                           { font-size: 11px; text-align: left; font-weight: normal; }
.diaryright                          { width: 70%; margin-left: 20px; margin-top: 7px; }
.diaryright h4                       { font-size: 14px; margin-bottom: 0.3em; }
.diaryright p                        { margin-bottom: 0.6em; }
.diaryviewtitle                      { width: 80%; }
textarea.diarytext                   { width: 100%; }

table#diary .member-photo {
  border-width: 1px;
  border-style: solid;
  padding: 3px;
  margin: 0 10px;
  }
table#diary .member-photo img {
  display: block;
  }
table#diary ul.member-actions {
  border-radius: 24px;
  border-width: 1px;
  clear: both;
  margin: -1px 0 0;
  padding: 0;
  }
table#diary ul.member-actions li {
  display: block;
  float: left;
  width: 33.3%;
  }
table#diary ul.member-actions span {
  display: none;
  }
table#diary ul.member-actions .has-icon {
  background-position: center center;
  background-repeat: no-repeat;
  border-left-width: 1px;
  display: block;
  font-size: 10px;
  height: 24px;
  line-height: 24px;
  }
table#diary ul.member-actions .icon-private {
    border: none
  }

/* contact Bolt-on overrides */
table#diary ul.member-actions.contact-me {
  margin-left: -8px;
  margin-right: -8px;
  _width: 118%; /* force width in IE6 */
  }
table#diary ul.member-actions.contact-me li {
  width: 25%;
  }
table#diary ul.member-actions.contact-me .private-message {
  width: 50%;
  border-radius: 12px 0 0 12px;
  }
table#diary ul.member-actions.contact-me .icon-private {
  background-position: 5px center;
  padding-left: 25px;
  }


/*
----------------------------------------------------------------------
  Section:     Astrology
  Description: styles for the astrology section
---------------------------------------------------------------------- */
.astrobox                            { font-size: 95%; width: 100%; margin-bottom: 20px;}
.astrobox .di-header                 { border-width: 0; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.astrobox p                          { margin: 0.7em 0; }
.astrobox a:hover                    { background-color: transparent !important; }
dl.horoscope-summary                 { margin: 1 1em; line-height: 2.2em; }
dl.horoscope-summary dt              { float: left; clear: left; width: 5em; text-align: right;}
dl.horoscope-summary dd              { margin-left: 6em; font-weight: bold;}
.astrochart                          { margin: 30px 50px;}
#horoscope-head                      { margin: 20px 10px;}
#horoscope-overview                  { padding-right: 15px;}
#horoscope-sign                      { width: 200px; }
#horoscope-brief                     { width: 400px; }

.star                                { background-image: url(../images/blank.png); background-repeat: no-repeat;  overflow: hidden; height: 30px; width: 110px; background-position: 0 0; }
.star .inner                         { display: none; }
.star-rating-1                       { background-position: 0px -15px; }
.star-rating-2                       { background-position: 0px -71px; }
.star-rating-3                       { background-position: 0px -127px; }
.star-rating-4                       { background-position: 0px -183px; }
.star-rating-5                       { background-position: 0px -239px; }

div#rating-title                     { margin-top: -5px; }

.astro-sign                          { height: 120px; background-repeat: no-repeat;  overflow: hidden; width: 170px; background-position: right top; }
.astro-sign-small                    { height: 60px; background-repeat: no-repeat;  overflow: hidden; width: 70px; background-position: right top; }
.virgo                               { background-image: url(../images/blank.png); }


/*
----------------------------------------------------------------------
  Section:     Icons
  Description: icon theme collections
---------------------------------------------------------------------- */
.icon, .icon-l,
.icon-vl, .icon-vll, .icon-xl        { display: block; text-indent: -9999px; background: transparent none no-repeat top left; }
.icon                                { height: 16px; width: 16px; background-image: url(../images/themes/none/16.png); }
.icon-l                              { height: 32px; width: 32px; background-image: url(../images/themes/none/32.png); }
.icon-vl                             { height: 48px; width: 48px; background-image: url(../images/themes/none/48.png); }
.icon-xl                             { height: 128px; width: 128px; background-image: url(../images/themes/none/128.png); }
.icon-inline                         { display: inline-block; line-height: 16px; padding-left: 20px; background: transparent url(../images/themes/none/16.png) no-repeat top left; }
.icon-inline-right                   { display: inline-block; padding-left: 0; padding-right: 20px; line-height: 16px; background: transparent url(../images/themes/none/16.png) no-repeat top right;}
.icon-inline-chat                    { padding-left: 13px; }
.icon-inline-membership              { display: line-height: 16px; padding-left: 25px; background: transparent url(../images/themes/none/16.png) no-repeat top left; }
.icon-fb                             { background-image: url(../images/icons/facebook16.png); }

/* Spinner icons
---------------------------------------------------------------------- */
.spinner                             { display: inline-block; vertical-align: middle;}
.spinner span                        { display: none; }

.spinner-anim {
  -webkit-animation: spinner .7s linear infinite;
  -moz-animation: spinner .7s linear infinite;
  -ms-animation: spinner .7s linear infinite;
  animation: spinner .7s linear infinite;
  overflow: hidden;
}

@-moz-keyframes spinner {
  00.00%, 12.4999% { background-position: 0 100%; }
  12.50%, 24.9999% { background-position: 0 85.716%; }
  25.00%, 37.4999% { background-position: 0 71.43%; }
  37.50%, 49.9999% { background-position: 0 57.144%; }
  50.00%, 62.4999% { background-position: 0 42.858%; }
  62.50%, 74.9999% { background-position: 0 28.572%; }
  75.00%, 87.4999% { background-position: 0 14.286%; }
  87.50%, 100%    { background-position: 0 0; }
}

@-webkit-keyframes spinner {
  00.00%, 12.4999%  { background-position: 0 100%; }
  12.50%, 24.9999%  { background-position: 0 85.716%; }
  25.00%, 37.4999%  { background-position: 0 71.43%; }
  37.50%, 49.9999%  { background-position: 0 57.144%; }
  50.00%, 62.4999%  { background-position: 0 42.858%; }
  62.50%, 74.9999%  { background-position: 0 28.572%; }
  75.00%, 87.4999%  { background-position: 0 14.286%; }
  87.50%, 100%  { background-position: 0 0; }
}

@-ms-keyframes spinner {
  00.00%, 12.4999%  { background-position: 0 100%; }
  12.50%, 24.9999%  { background-position: 0 85.716%; }
  25.00%, 37.4999%  { background-position: 0 71.43%; }
  37.50%, 49.9999%  { background-position: 0 57.144%; }
  50.00%, 62.4999%  { background-position: 0 42.858%; }
  62.50%, 74.9999%  { background-position: 0 28.572%; }
  75.00%, 87.4999%  { background-position: 0 14.286%; }
  87.50%, 100%  { background-position: 0 0; }
}

@keyframes spinner {
  00.00%, 12.4999%  { background-position: 0 100%; }
  12.50%, 24.9999%  { background-position: 0 85.716%; }
  25.00%, 37.4999%  { background-position: 0 71.43%; }
  37.50%, 49.9999%  { background-position: 0 57.144%; }
  50.00%, 62.4999%  { background-position: 0 42.858%; }
  62.50%, 74.9999%  { background-position: 0 28.572%; }
  75.00%, 87.4999%  { background-position: 0 14.286%; }
  87.50%, 100%  { background-position: 0 0; }
}

/*
----------------------------------------------------------------------
  Section:     personality and astrology
  Description: credit item purchase overview pages
---------------------------------------------------------------------- */
.credit-item-symbol                  { margin: 10px; height: 130px; background-repeat: no-repeat;  overflow: hidden; width: 170px; background-position: left top; }
.credit-spend-symbol                 { margin: 10px; height: 50px; background-repeat: no-repeat;  overflow: hidden; width: 50px; background-position: left top; }
.credit-item-description             { width: 450px; }

.graph                               { padding-bottom: 20px;}
.graph_thin_green                    { position: relative; width: 630px; height: 23px;}
.graph_thin_green_open               { height: 23px; width: 12px; position: absolute; top:0; left:0; background: transparent url("../../s365-waves/images/lifestyle/graphs/graph_thin_green_open.gif") no-repeat 0 0; }
.graph_thin_green_close              { height: 23px; width: 11px; position: absolute; top:0; right:0; z-index:10; background: url("../../s365-waves/images/lifestyle/graphs/graph_thin_green_close.gif") no-repeat 0 0; }
.graph_thin_green_bar                { height: 23px; position: absolute; top:0; left:12px; width: 615px; background:transparent url("../../s365-waves/images/lifestyle/graphs/graph_thin_middle.gif") repeat-x 0 0; line-height: 23px;}
.graph_thin_green_bar strong         { height: 15px; margin-top: 4px; line-height: 15px; background: transparent url("../../s365-waves/images/lifestyle/graphs/graph_thin_green.gif") repeat-x 0 0; border-right: 1px solid #249816; color: #000000; text-align:center; display:block; }
.pers-button                         { float: right; margin: 0;}
.pers-image                          { float: right; margin-left: 20px; border-width: 1px; line-height: 1px; }
.pers-form-content                   { float: left; width: 100%; clear: both; }
.pers-form-content th                { text-align: left; }


/*
----------------------------------------------------------------------
  Section:     credits info box
  Description: credit info box to highlight credit status
---------------------------------------------------------------------- */
.credit-info-holder .buy-more        { clear: both; margin-top: 5px; text-align: center; }
.credit-info-holder .buy-more .button { padding-left: 0; padding-right: 0; }
.credit-info                         { text-align: center; padding: 10px 12px 8px 12px; border-width: 1px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; width: auto; }
.credit-info .credits                { font-weight: bold; font-size: 280%; padding-bottom: 5px; padding-top: 5px; clear: both; width: 100%; text-align: center; display: block; }
.credit-info .outtro                 { font-size: 90%; clear: both; display: block; width: 100%; }


/*
----------------------------------------------------------------------
  Section:     in the stars
  Description: in the stars front page box
---------------------------------------------------------------------- */
div#home-astro div.astro-sign-small  { padding-left: 3px; padding-bottom: 3px; }
div#home-astro p, div#home-astro ul  { margin-bottom: 0;font-size: 90%; }
div#home-astro div.star              { margin-top: 1px; }
div#home-astro ul                    { padding-top: 4px; }


/*
----------------------------------------------------------------------
  Section:     personality profile
  Description: personality profile front page box
---------------------------------------------------------------------- */
div#home-pers div.symbol             { width: 48px; height: 48px; background-repeat: no-repeat; }


/*
----------------------------------------------------------------------
  Section:     online
  Description: public online page styles
---------------------------------------------------------------------- */
div#online-members-banner            { margin-bottom: 10px; overflow: hidden; height: 100px; margin-left: -9px; }
.online-member-profile               { width: 81px; }
.online-member-profile .name,
.online-member-profile .age          { font-size: 90%; }
.online-member-profile .region       { font-size: 85%; }
.snap                                { border-width: 1px; height: 247px; width: 100%; margin-bottom: 10px; text-align: center; line-height: 247px; background-repeat: no-repeat; }
.snap span                           { display: none; }
div#instant-messenger                { width: 50%; }
div#stuff                            { width: 37%; }
div#safe                             { width: 37%; clear: right; }
div#im-shot                          { background-image: url(../images/im-screenshot.png); }


/*
----------------------------------------------------------------------
  Section:     inbox
  Description: my inbox public page styles
---------------------------------------------------------------------- */
.sample-wrapper                      { background-color: transparent; position: absolute; z-index: 2; width: 641px; height: 221px; background-image: url(../images/sample.png); background-repeat: no-repeat; background-position: center center; }
.sample                              { border-width: 1px; border-bottom-width: 0; margin-bottom: 10px; }
div#one-place-holder                 { width: 40%; }
div#conv                             { width: 50%; }
.one-place li                        { padding-left: 40px; padding-top: 7px; background-repeat: no-repeat; height: 32px; margin-left: 10px; }
.orange div#conv-shot                { background-image: url(../images/themes/orange/conversation.png); }


/*
----------------------------------------------------------------------
  Section:     diaries
  Description: diaries public page styles
---------------------------------------------------------------------- */
.diary-nav                           { margin-bottom: 2em; }
div#diaries-sample-wrapper           { height: 267px; }
div#diaries-sample table tr          { height: 90px; }
div#diaries-sample table tr td       { padding-top: 5px; padding-bottom: 5px; height: auto; }
div#diaries-sample table tr td.diary-content { width: 550px; }
div#diaries-sample table tr td .date { font-size: 80%; }


/*
----------------------------------------------------------------------
  Section:     profile
  Description: profile public page styles
---------------------------------------------------------------------- */
.profile-notice-left                 { width: 51%; }
.profile-notice                      { width: 40%; clear: right; }
.status-timestamp                    { font-size: 85%; }


/*
----------------------------------------------------------------------
  Section:     search
  Description: search public page styles
---------------------------------------------------------------------- */
form#search-form .gender             { width: 229px; }
form#search-form select#minage       { width: 97px; }
form#search-form select#maxage       { width: 96px; }
form#search-form .tick input         { background-color: transparent; }
.search-notice                       { width: 49%; min-height: 143px; padding-top: 10px; padding-bottom: 20px; }
.search-notice .notice-header        { background-position: 90% center; background-repeat: no-repeat; height: 40px; padding: 20px 10px 0px 20px; border-top-width: 1px; }
.search-notice .notice-inner         { padding: 10px 20px 0px 20px; }
.search-notice .link-to              { padding-right: 20px; }
.notices                             { margin-top: 10px; }
div#notice-photos-holder             { clear: left; }


/*
----------------------------------------------------------------------
  Section:     video
  Description: member video section
---------------------------------------------------------------------- */
.swf-player-holder                   { width: 326px; height: 271px; border-width: 1px; padding: 5px; text-align: center; margin-bottom: 15px; }
.swf-player-holder p                 { padding-top: 90px; }

div#fp_upload_dialog                 { background-image: none; padding-top: 0; }
div#fp_upload_dialog div.label       { color: #0167A2; }
div#fp_upload_dialog div.bar         { background: #0077BD; }
#modalContainer                      { height: 140px; }

.pointers-wrapper                    { width: 310px; }
.pointers-wrapper ul                 { margin-left: 5px; }

#recorder-wrapper                    { margin: 0px 0 10px 0; overflow: hidden; width: 100%; }


/*
----------------------------------------------------------------------
  Section:     payment
  Description: single-page payment form
---------------------------------------------------------------------- */
#payment-wrapper h5                           { font-size:110%;height:1%;margin-top:0.8em;margin-right:80px;margin-bottom:0; }
#payment-wrapper .results                     { padding:15px 25px 0.5em;border:1px solid #067abf;margin:1em 0 0 0;background-color:white; }
#payment-wrapper .member-photo img,
#payment-wrapper img.member-photo             { border:1px solid #03629C;}
#payment-wrapper #upg-help                    { padding:0 80px 0.5em 10px;border-bottom-width:0px; }
#payment-wrapper #upg-help img                { margin-right:1ex; }
#secure-box ul li.tableTitle1                 { font-size:10px;*padding-bottom:0; }
#secure-box                                   { border-width:1px;height:1%;position:relative;width:680px;margin-bottom:1em;padding-bottom:1em; }
#secure-box #upg-secure                       { position:absolute;top:-28px;right:24px;border-width:1px; }
#secure-box .upg-column                       { float:left;display:inline; }
#secure-box h3                                { font-weight:bold;border-bottom:0;margin-bottom:0.7em; }
#secure-box h4                                { padding-bottom: 0.3em; }
#secure-box li#upg-features h3                { margin-top:0;padding-top:0; }
#secure-box .upg-column                       { height:1%; }
#secure-box #upg-column1                      { width:306px;margin-right:20px;margin-left:20px; }
#secure-box #upg-column1 ul                   { padding:0;margin:0; }
#secure-box #upg-column2                      { width:315px; }
#secure-box ul                                { list-style:none;padding-left:0; }
#secure-box ul li                             { margin-bottom:1em;height:1%; }
#secure-box ul li                             { padding:10px;position:relative;  }
#secure-box ul li#upg-features ul li          { padding:0;margin-left:5px;margin-bottom:0.5em; }
#secure-box ul li span.upg-opt-cpm            { font-size:110%; }
#secure-box ul li span.upg-radio-choose       { float:left;width:55%;*width:50%;height:100%;display:inline;padding-top:0.3em; }
#secure-box ul li span.upg-radio-choose input { display:inline; }
#secure-box ul li span.upg-radio-choose label { position:absolute;top:0px;left:0px;padding:12px 0 10px 40px;font-size:120%;width:87%;cursor:pointer; }
#secure-box ul li span.upg-radio-choose label span.upg-period-days { font-size:70%;display:block; }
#secure-box ul li span.upg-opt-info           { margin-left:55%;*margin-left:50%;display:block;font-size:80%; }
#secure-box ul li span.upg-opt-info span.upg-opt-cpm strong { font-size:170%;font-weight:normal; }
#secure-box #cost-promo p                     { margin:0.5em 0; }
#secure-box .upg-offer-entry                  { margin:1em 0;padding:0.5em 0.5em 0.7em 0.7em; }
#secure-box .upg-offer-entry #upg-promocode   { width:110px;border-width:1px; }
#secure-box .upg-offer-code .actions-wrap     { display: inline-block;vertical-align: middle; }
#secure-box .upg-offer-code .buttons a,
#secure-box .upg-offer-code .buttons button   { line-height: 18px;font-size:11px;margin:0 0 0 4px;padding:2px 5px 2px 4px; }
#secure-box .upg-offer-code .buttons a        { padding:1px 5px 1px 4px; }
#secure-box .upg-offer-code h4                { margin-bottom:0.5em; }
#secure-box .upg-offer-code .form-item        { padding: 0; }
#secure-box .upg-offer-code .form-error       { margin-left: 67px; }
#secure-box #card-fields                      { margin-top:1em; }
#secure-box form fieldset                     { border:1;margin:0;padding:0; }
#secure-box fieldset.pay-form                 { padding:1em 10px;margin-bottom:1em; }
#secure-box .pay-form input[type='text'],
#secure-box .pay-form textarea                { width:160px; }
#secure-box .pay-form div .upg-textarea       { position:absolute;top:0.3em; }
#secure-box .pay-form input.button            { font-size:1.5em; }
#secure-box .card-types                       { height:1%;margin:0 !important;padding-bottom:10px; }
#secure-box .card-types .card-clear           { clear:both;margin:0; }
#secure-box .card-types span                  { position:relative;text-align:center;width:55px;float:left;height:60px;display:inline; }
#secure-box .card-types table                 { width:100%; }
#secure-box .card-types td                    { vertical-align:top;text-align:center;width:25%;padding:0;margin:0; }
#secure-box .card-types td img                { display:inline;cursor:pointer; }
#secure-box #alt-pay-methods                  { margin:0; }
#secure-box input[type=radio]                 { background-color:transparent; }
#secure-box .upg-opt-default input            { display:block;float:left;margin-top:10px; }
#secure-box .upg-opt-default label            { float:left;width:90%;padding:5px 0 10px 7px;cursor:pointer; }
#secure-box .upg-opt-default label span.pd-info { float:left;font-size:90%;width:148px; }
#secure-box .upg-opt-default #pd-info-l-period { font-weight:bold;font-size:180%; }
#secure-box .upg-opt-default #pd-info-l-saving { display:inline-block;margin-top:0.5em;padding:0.4em 8px 0.2em;text-transform:uppercase;font-size:110%;font-weight:bold; }
#secure-box .upg-opt-default #pd-info-r       { margin-left:5px;line-height:1.1em;width:100px; }
#secure-box .upg-opt-default #pd-info-r-cpm   { display:inline-block;font-size:260%;line-height:1.1em; }
#secure-box .upg-opt-default #pd-info-r-txt   { font-size:90%; }
#secure-box .upg-opt-default #pd-info-r-cpd   { font-size:90%; }
#secure-box #upg-secure                       { padding:5px; }
#secure-box #card-fields .card-details input  { width:135px !important; }
#secure-box #card-fields .card-details select#expyear { width:50px; }
#secure-box #card-fields .card-details .form-label-small { width:90px; }
#secure-box #card-fields .card-details .form-error-short { width:132px !important;margin-left:100px;*margin-left:111px; }
#secure-box #sub-periods li                   { border-width:1px; }
#secure-box #upg-features li                  { border-width:0; }
#secure-box p#terms,#upg-by-mobile small      { display:block;font-size:80%;line-height:150%; }
#secure-box #card-fields .card-details #make-payment { width:142px !important; }
#secure-box .upg-offer-entry                  { border-width:1px; }
#secure-box #upg-alt-methods li               { margin:0; }
#secure-box #upg-alt-methods                  { border-width:1px; }
#secure-box .upg-alt-method                   { padding-left:10px; }
#secure-box #upg-alt-method-tel               { border-bottom-width:1px; }
#secure-box #upg-alt-method-tel div           { font-size:35px;letter-spacing: -0.15ex;line-height:normal;text-align:center;font-weight:bold;font-family:'Lucida Grande','Lucida Sans Unicode',Arial;padding:0.2em 5px;margin-bottom:0.2em;border-width:1px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; }
#secure-box #paypal-link:hover                { cursor:pointer; }
#secure-box #card-fields .card-details input.cv2  { width:35px !important; }
#secure-box #card-fields .card-details .cv2-container { width:144px;}
#secure-box #card-fields .card-details .cv2-fl { float:left;width:30%;display:inline;}
#secure-box #card-fields .card-details .cv2-fr { float:right;width:70%;display:inline;}
#secure-box #card-fields .card-details .cv2-text { font-size:75%;line-height:101%; width:65px;}
#secure-box #card-fields .card-details .cv2-image { padding-left:5px; }

#payment-success-page h1 {
  line-height: 48px;
  padding-left: 55px;
  margin-bottom: 1em;
  }
#payment-success {
  margin-top: 15px;
  }
#payment-success .form-wrapper .buttons {
  margin-top: 15px;
  }
#payment-success .payment-success-row .right {
  width: 48%;
  }


/* Bolt-ons
---------------------------------------------------------------------- */

/* Bolt-ons - shared
-------------------- */
.bolton-options ul {
  padding: 0;
  }

.bolton-options .bolton {
  margin-bottom: 1em;
  border-style: dotted;
  border-width: 1px;
  display: block;
  position: relative;
  }

.bolton-options .more-info {
  position: relative;
  top: -4px;
  }

.bolton-options .bolton .bolton-badge {
  position: absolute;
  left: 10px;
  padding-bottom: 10px;
  }

.bolton-options .bolton .subs-info p {
  background-repeat: no-repeat;
  background-position: left 1px;
  padding-left: 22px;
  margin: 0;
  }

.bolton-options .bolton input.checkbox {
  display:none;
  }

.bolton-options .bolton .control .remove {
  display: none;
  }

.bolton-options .selected .control .add {
  display: none;
  }

.bolton-options .selected .control .remove {
  display: block;
  }

#purchase-bar .convenience-notice {
  padding-left: 24px;
  background-repeat: no-repeat;
  background-position: left 2px;
  }

.add-boltons, .add-bolton {
  width: 209px;
  height: 66px;
  }

.bolton-options ul li.added .bolton-badge {
  background-position: left -116px;
  }

.bolton-options ul li.activated .bolton-badge {
  background-position: left -174px;
  }

.bolton-options ul li.activated.removed .bolton-badge {
  background-position: left -58px;
  }

/* Bolton management flash message overrides */
li.flash ul li.flash-bolton-error {
  background: transparent;
  }
li.flash-bolton-error {
  clear: left;
  border: none;
  font-weight: normal;
  padding-bottom: 5px;
  }

/* Bolt-ons - Upgrade Success page upsell
----------------------------------------- */
#payment-success-page-bolton h1 {
  line-height: 48px;
  padding-left: 55px;
  margin-bottom: 1em;
  }
#payment-success-page-bolton #success-in-brief {
  border-width: 1px 0;
  border-style: dotted;
  padding: 1.5em 18px 0;
  margin-bottom: 4em;
  }
#payment-success-page-bolton .bolton-options {
  padding-top: 2em;
  }
#payment-success-page-bolton .bolton-options .bolton {
  width: 277px;
  height: 124px;
  margin-right: 20px;
  margin-bottom: 20px;
  padding: 10px 70px 15px 70px;
  float: left;
  display: inline;
  }
#payment-success-page-bolton .bolton-options .even {
  margin-right: 0;
  }
#payment-success-page-bolton .bolton-options .bolton h3 {
  font-weight: bold;
  font-size: 16px;
  padding-top: 6px;
  white-space: nowrap;
  }
#payment-success-page-bolton .bolton-options .bolton h3 small {
  font-size: 75%;
  font-weight: normal;
  display: block;
  margin-top: 3px;
  }
#payment-success-page-bolton .bolton-options .bolton label p {
  line-height: 18px;
  height: 54px;
  overflow: hidden;
  position: static;
  }
#payment-success-page-bolton .bolton-options .product-boast {
  background-color: transparent;
  background-position: left top;
  height: 58px;
  width: 68px;
  padding-top: 15px;
  text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
  position: absolute;
  right: -12px;
  top: -14px;
  z-index: 5;
  font-size: 9.5px;
  line-height: 12px;
  text-align: center;
  letter-spacing: -5%;
  transform: rotate(6deg);
  -moz-transform: rotate(6deg);
  -webkit-transform: rotate(6deg);
  -o-transform: rotate(6deg);
  -ms-transform: rotate(6deg);
  }
#payment-success-page-bolton .bolton-options .product-boast .product-cost {
  display: block;
  font-size: 15px;
  line-height: 15px;
  }
#payment-success-page-bolton .bolton-options .bolton .control {
  position: absolute;
  right: 15px;
  bottom: 15px;
  margin: 0;
  padding:0;
  }
#payment-success-page-bolton .bolton-options .bolton .control a {
  border-width: 1px;
  line-height: 17px;
  margin: 0;
  float: left;
  font-size: 100%;
  padding: 5px 8px;
  display: block;
  font-weight: bold;
  }
#payment-success-page-bolton .bolton-options .bolton label:hover {
  cursor:pointer;
  }
#payment-success-page-bolton .bolton-options .bolton .control .remove {
  display: none;
  }
#payment-success-page-bolton .bolton-options .selected {
  border-style: solid;
  }
#payment-success-page-bolton .bolton-options .selected .control .add {
  display: none;
  }
#payment-success-page-bolton .bolton-options .selected .control .remove {
  display: block;
  }

#payment-success-page-bolton .summary-bar {
  border-bottom-width: 1px;
  padding: 1em 12px 2em;
  }
#payment-success-page-bolton .summary-cart {
  float: left;
  }
#payment-success-page-bolton .summary-cart strong {
  font-size: 18px;
  }
#payment-success-page-bolton .summary-cart .item-count {
  font-size: 32px;
  line-height: 1em;
  vertical-align: middle;
  border-width: 1px;
  padding: 4px 12px;
  text-align: center;
  width: auto;
  margin-right: 4pt;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
 	/* for IE6 */
  display: inline-block;
  position: relative;
  }
#payment-success-page-bolton .summary-cart .item-change {
  position: relative;
  top: -2px;
  margin-left: 8pt;
  padding-left: 22px;
  line-height: 16px;
  display: inline-block;
  background-repeat: no-repeat;
  }
#payment-success-page-bolton .summary-cart .item-change * {
  font-size: inherit;
  }
#payment-success-page-bolton .summary-bar .summary-totals {
  text-align: right;
  }
#payment-success-page-bolton .summary-bar .summary-totals.populated {
  position: relative;
  top: -12px;
  }
#payment-success-page-bolton .summary-bar .summary-totals .total {
  font-size: 32px;
  line-height: 34px;
  display: block;
  }
#payment-success-page-bolton #purchase-bar {
  padding: 12px;
  text-align: right;
  }
#payment-success-page-bolton #purchase-bar button {
  border: 0;
  padding: 0;
  margin: 0;
  background-color: transparent;
  position: relative;
  top: -2px;
  right: -6px;
  cursor: pointer;
  }
#payment-success-page-bolton #purchase-bar button.disabled {
  opacity:0.2;
  filter: alpha(opacity=20);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  cursor: default;
  }
#payment-success-page-bolton #purchase-bar .convenience-notice {
  float: left;
  width: 320px;
  text-align: left;
  }


/* Bolt-ons - Manage boltons page
--------------------------------- */
#member-my-account-boltons-index .form-masthead {
  padding-top: 1em;
  border-bottom-width: 1px;
  margin-bottom: 1.5em;
  }
#member-my-account-boltons-index .form-masthead .masthead-contextual {
  float: right;
  padding-top: 4px;
  line-height: 14px;
  }
#member-my-account-boltons-index .bolton-options .boltons-left {
  width: 600px;
  float: left;
  min-height: 500px;
  }
#member-my-account-boltons-index .bolton-options .selected {
  border-style: solid;
  }
#member-my-account-boltons-index .bolton-options .bolton {
  padding: 25px 20px 15px 80px;
  }
#member-my-account-boltons-index .bolton-options .bolton h3 {
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 9px;
  }
#member-my-account-boltons-index .bolton-options .bolton .product-cost {
  position: absolute;
  right: 0;
  }
#member-my-account-boltons-index .bolton-options .bolton .wrapper {
  padding-right: 160px;
  display: block;
  }
#member-my-account-boltons-index .bolton-options .more-info {
  top: 0;
  display: inline-block;
  }
#member-my-account-boltons-index .bolton-options .bolton .bolton-badge {
  left: 20px;
  }
#member-my-account-boltons-index .bolton-options .bolton .product-cost {
  position: absolute;
  right: 100px;
  top: 22px;
  font-size: 26px;
  line-height: 26px;
  text-align: right;
  display: block;
  }
#member-my-account-boltons-index .bolton-options .bolton .product-cost span {
  font-size: 12px;
  line-height: 18px;
  display: block;
  }
#member-my-account-boltons-index .bolton-options .bolton .product-cost small {
  font-size: 11px;
  line-height: 15px;
  display: block;
  padding-top: 5px;
  font-weight: normal;
  }
#member-my-account-boltons-index .bolton-options .bolton .subs-info {
  margin-bottom: 0;
  }
#member-my-account-boltons-index .bolton-options .bolton .control {
  position: absolute;
  right: 20px;
  top: 22px;
  }
#member-my-account-boltons-index .bolton-options .bolton .control a {
  border-width: 1px;
  line-height: 17px;
  margin: 0;
  float: left;
  font-size: 100%;
  padding: 5px 8px;
  display: block;
  font-weight: bold;
  }

#member-my-account-boltons-index .bolton-summary {
  float: right;
  width: 236px;
  }
#member-my-account-boltons-index #purchase-bar {
  border-top-width: 1px;
  border-style: solid;
  padding: 15px 0;
  text-align: center;
  }
#member-my-account-boltons-index #purchase-bar p {
  margin: 0 15px;
  text-align: left;
  }
#member-my-account-boltons-index #purchase-bar p.convenience-notice {
  padding-top: 3px;
  padding-left: 22px;
  margin-bottom: 1em;
  }
#member-my-account-boltons-index .summary-intro {
  padding: 0 15px 15px;
  margin-bottom: 0;
  }
#member-my-account-boltons-index .checkout-summary {
  padding: 15px;
  border-top-width: 1px;
  border-style: dotted;
  }
#member-my-account-boltons-index #summary-total {
  padding: 0 15px 15px;
  }
#member-my-account-boltons-index .bolton-options .checkout-change-list {
  padding: 1.1em 0;
  }
#member-my-account-boltons-index .checkout-change-list li {
  background-repeat: no-repeat;
  background-position: left 1px;
  padding-left: 22px;
  margin-bottom: 0.5em;
  }
#member-my-account-boltons-index .summary-totals .total {
  display: block;
  font-size: 24px;
  line-height: 40px;
  }
#member-my-account-boltons-index .update-boltons {
  width: 221px;
  height: 66px;
  text-align: center;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  }
#member-my-account-boltons-index .update-boltons.disabled {
  opacity:0.2;
  cursor: default;
  filter: alpha(opacity=20);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  }




/* Bolt-ons - Shared banner styles
---------------------------------------------- */
.bolton-banner {
  z-index: 1;
  clear: both;
  position: relative;
  margin-top: 25px;
  }
.bolton-banner h2 {
  letter-spacing: -0.5px;
  float: left;
  margin: 0;
  }
.bolton-banner h2 a {
  text-decoration: none;
  }
.bolton-banner .big-clicker {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent url(../images/blank.gif) repeat;
  }


/* Bolt-ons - Member Homepage banner promotion
---------------------------------------------- */
#mh-bolton-promo-banner {
  padding: 12px 12px 10px 12px;
  height: 40px;
  background-position: right -12px;
  background-repeat: no-repeat;
  }
#mh-bolton-promo-banner h2 {
  font-size: 24px;
  line-height: 36px;
  width: 260px;
  }
#mh-bolton-promo-banner p {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 18px;
  margin-right: 150px;
  }
#mh-bolton-promo-banner .pop {
  position: absolute;
  top: -11px;
  left: 13px;
  display: block;
  }
#mh-bolton-promo-banner .btn-find-out-more-small {
  float: right;
  width: 120px;
  height: 40px;
  margin-top: 0;
  margin-right: -3px;
  }
#mh-bolton-promo-banner .big-clicker {
/*   height: 62px; */
  }


/* Bolt-ons - Member Inbox banner promotion
---------------------------------------------- */
#mi-bolton-promo-banner {
  padding: 12px 12px 16px 12px;
  background-position: right 0;
  background-repeat: no-repeat;
  margin: 35px 35px 0 35px;
  height: 59px;
  background-image: url(../images/grad-arrow.png);
  background-position: 125px center;
  }
#mi-bolton-promo-banner h2 {
  line-height: 36px;
  letter-spacing: -0.5px;
  position: relative;
  top: auto;
  left: auto;
  font-size: 20px;
  margin-top: -7px;
  margin-bottom: -2px;
  }
#mi-bolton-promo-banner p {
  font-size: 12px;
  margin: 0;
  margin-top: -2px;
  line-height: 16px;
  }
#mi-bolton-promo-banner .pop {
  display: block;
  position: static;
  top: auto;
  left: auto;
  float: left;
  margin-left: 10px;
  }
#mi-bolton-promo-banner .intro {
  width: 170px;
  padding-right: 10px;
  padding-left: 5px;
  float: left;
  }
#mi-bolton-promo-banner .intro p {
  clear: both;
  margin-top: -2px;
  padding: 0;
  }
#mi-bolton-promo-banner .column {
  padding-left: 58px;
  padding-right: 12px;
  width: 160px;
  float: left;
  background-repeat: no-repeat;
  background-position: left center;
  }
#mi-bolton-promo-banner .column h3 {
  font-size: 13px;
  margin-top: 4px;
  }
#mi-bolton-promo-banner .readnotification-48 {
  padding-right: 0;
  }


/* Bolt-ons - Member Inbox banner promotion (ADULT)
-------------------------------------------------- */
#mi-bolton-promo-banner-adult {
  margin: 35px 35px 0 35px;
  padding: 12px 12px 10px 12px;
  height: 40px;
  background-position: right -12px;
  background-repeat: no-repeat;
  }
#mi-bolton-promo-banner-adult h2 {
  font-size: 24px;
  line-height: 36px;
  width: 240px;
  }
#mi-bolton-promo-banner-adult p {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 18px;
  margin-right: 150px;
  }
#mi-bolton-promo-banner-adult .pop {
  position: absolute;
  top: -11px;
  left: 13px;
  display: block;
  }
#mi-bolton-promo-banner-adult .btn-find-out-more-small {
  float: right;
  width: 120px;
  height: 40px;
  margin-top: 0;
  margin-right: -3px;
  }


/* Bolt-ons - Post message send promotion
----------------------------------------- */
.di-sent-response {
  padding: 16px;
  }
.di-response-content {
  overflow: auto;
  margin-bottom: 20px;
  }
.di-response-content .di-image {
  width: 60px;
  margin-right: 20px;
  }
.di-response-content .di-text {
  width: 466px;
  padding-top: 12px;
  font-size: 13px;
  }
.di-response-boltons-promo .header-title {
  font-size: 16px;
  }
.di-response-boltons-promo ul {
  padding: 0;
  }
.di-response-boltons-promo ul * {
  font-family: Arial, Helvetica, sans-serif;
  }
.di-response-boltons-promo ul li {
  list-style: none;
  position: relative;
  margin: 0 0 1px 0;
  padding: 15px 122px 15px 78px;
  text-align: left;
  }
.di-response-boltons-promo li .di-bolton-icon {
  position: absolute;
  top: 15px;
  left: 15px;
  width: 48px;
  height: 48px;
  background-position: left top;
  background-repeat: no-repeat;
  }
.di-response-boltons-promo ul li h2 {
  font-size: 22px;
  padding: 5px 0 0 0;
  margin: 0 0 5px 0;
  }
.di-response-boltons-promo ul li h2 a {
  margin: 0;
  padding: 0;
  text-indent: 0;
  text-decoration: none;
  color: inherit;
  }
.di-response-boltons-promo ul li p {
  margin-bottom: 0;
  font-size: 11.5px;
  }
.di-response-boltons-promo ul li .actions {
  padding-top: 0;
  position: absolute;
  right: 12px;
  top: 15px;
  width: 102px;
  text-align: center;
  font-weight: bold;
  }
.di-response-boltons-promo ul li .actions div {
  display: block;
  float: none;
  }
.di-response-boltons-promo ul li .actions .add-bolton-small {
  display: block;
  margin: 0 auto;
  width: 102px;
  height: 33px;
  background-position: left top;
  background-repeat: no-repeat;
  }


/* Contact Bolt-ons
---------------------------------------------------------------------- */

/* Inbox Identifiers
---------------------- */
#inbox tr.reply-for-free-item td.inbox-action {
  padding-bottom: 4px;
  }
#inbox .inbox-action .reply-for-free-ident {
  width: 111px;
  height: 44px;
  clear: both;
  display: block;
  position: relative;
  z-index: 0;
  right: -30px;
  top: -12px;
  background-position: right bottom;
  background-repeat: no-repeat;
  margin-bottom: -6px;
  }
#inbox .inbox-action a:hover {
  text-decoration: none;
  }
#inbox .inbox-action .reply-for-free-ident span {
  font-size: 12px;
  font-weight: bold;
  display: block;
  text-align: right;
  padding-right: 15px;
  padding-top: 18px;
  line-height: 24px;
  text-shadow: 0 0px 1px rgba(0,0,0,0.4);
  }
#inbox tr.reply-for-free-item td.inbox-action {
  width: 111px;
  padding: 22px 22px 0 4px;
  vertical-align: top;
  }
#inbox .reply-for-free-item .inbox-action .buttons {
  z-index: 25;
  }
#inbox .reply-for-free-item .inbox-action .buttons a {
  z-index: inherit;
  position: relative;
  }


/*
----------------------------------------------------------------------
  Section:     payment
  Description: single-page payment form - REVISED
---------------------------------------------------------------------- */

/* Payment general page styles
---------------------------------------------------------------------- */
#pay-wrapper a {
  text-decoration: underline;
  }

#pay-wrapper .buttons a {
  text-decoration: none;
  }

#pay-wrapper {
  padding: 0 160px;
  overflow: hidden;
  margin-bottom: 30px;
  position: relative;
  }


/* Payment page header area
---------------------------------------------------------------------- */

#pay-head {
  padding: 20px 52px 10px 60px;
  }

#pay-title-wrap {
  position: relative;
  min-height: 52px; /* Enough space to ensure security message has breathing room */
  margin-bottom: 20px;
  }

#pay-title-wrap h1,
#pay-title-wrap h2 {
  font-size: 24px;
  line-height: 34px;
  margin-bottom: 0;
  }

#pay-title {
  margin-right: 222px; /* Set wide enough to deal with Verdana (the most wideboy font we can think of) */
  min-width: 80px;
  }

#pay-head h2#pay-active-secure {
  position: absolute;
  top: -20px;
  right: 0;
  padding-left: 54px;
  text-indent: 0;
  line-height: 20px;
  font-size: 18px;
  text-align: right;
  width: auto;
  height: auto;
  background-position: left 8px;
  }

#pay-active-secure strong {
  font-style: inherit;
  font-family: inherit;
  font-weight: normal;
  font-size: 24px;
  line-height: 34px;
  }

#pay-active-secure small {
  font-size: 12px;
  line-height: 1.3em;
  }

#pay-head .pay-title-extra {
  padding: 10px 0;
  margin-bottom: 0;
  }


/* Security overlay message
---------------------------------------------------------------------- */
#security-msg {
  padding: 25px;
  }

#security-msg .security-icons {
  clear: left;
  margin: 0 0 20px 20px;
  border-style: dotted;
  display: block;
  padding: 0 0 0 15px;
  border-width: 0 0 0 1px;
  }

#security-msg .security-icons li {
  list-style: none;
  padding: 4px 0;
  }

#security-msg .security-phone h3 {
  padding-top: 1em;
  }

#security-msg #security-msg-phone-content-wrap {
  border-width: 1px 0 0 0;
  }

#security-msg .security-msg-phone-content h4 {
  font-size: 120%;
  }

#security-msg .security-msg-phone-content {
  margin-left: 70px;
  }
#security-msg .security-phone-int .security-msg-phone-content {
  margin-left: 0;
  }

#security-msg .security-msg-phone-content strong {
  font-size: 14px;
  }

#security-msg .security-msg-phone-content small {
  font-size: 12px;
  }

#security-msg .support-img {
  border-width: 1px;
  margin-left: 22px;
  padding: 5px;
  background: #fff;
  box-shadow: 2px 1px 3px rgba(0,0,0,0.2);
  }

#security-msg .phone-no {
  font-style: normal;
  font-weight: bold;
  font-size: 36px;
  letter-spacing: -1px;
  line-height: 40px;
  display: block;
  margin-top: 0.3em;
  }

#security-msg .security-phone-int .phone-no {
  font-size: 28px;
  margin-top: 0.1em;
  }


/* Carrot
---------------------------------------------------------------------- */
#pay-carrot {
  margin-bottom: 1em;
  }

#pay-carrot .pay-carrot-teaser {
  width: 370px;
  position: relative;
  float: left;
  display: inline;
  padding-right: 20px;
  }

#pay-carrot .pay-carrot-teaser-badge {
  float: left;
  display: inline;
  width: 48px;
  }

#pay-carrot .pay-carrot-teaser-txt {
  margin-left: 70px;
  }


/* Carrot - profile-based specific
---------------------------------- */
#pay-carrot .profile-teaser .pay-carrot-teaser-badge {
  width: 84px;
  background-position: 8px -10px;
  }

#pay-carrot .profile-teaser .pay-carrot-teaser-txt {
  margin-left: 100px;
  }

.pay-carrot-teaser-txt h2 {
  font-size: 135%;
  line-height: 1.4em;
  margin-bottom: 0.5em;
  }

#pay-carrot .pay-carrot-member-img {
  margin-left: 8px;
  }

#pay-carrot .pay-carrot-member-img img {
  width: 70px;
  height: 70px;
  text-align: center;
  display: block;
  position: relative;
  z-index: 1;
  }

.pay-carrot-member-online .pay-carrot-member-status {
  display: block;
  padding-top: 9px;
  line-height: 18px;
  background-repeat: no-repeat;
  background-position: left bottom;
  text-align: center;
  font-size: 11px !important;
  margin-top: -10px;
  position: relative;
  z-index: 2;
  }

#pay-carrot-benefits {
  border-style: dotted;
  border-width: 0 0 0 1px;
  padding-left: 20px;
  margin-left: 400px;
  padding-top: 6px;
  }

#pay-carrot-benefits ul {
  padding-top: 0.4em;
  }

#pay-carrot-benefits li {
  width: 44.9%;
  float: left;
  display: inline;
  padding-bottom: 0.8em;
  padding-left: 5%;
  background-repeat: no-repeat;
  background-position: left 1px;
  font-size: 12px;
  line-height: 18px;
  }

#pay-carrot-benefits.pay-carrot-benefits-notease {
  margin-left: 0;
  border-width: 1px;
  padding: 20px;
  }

#pay-carrot-benefits.pay-carrot-benefits-notease ul li {
  width: 30%;
  padding-left: 3%;
  }


/* Product options
---------------------------------------------------------------------- */
#pay-wrapper #pay-product {
  float: left;
  display: inline;
  width: 240px;
  margin-left: -30px;
  }

#pay-wrapper #pay-product h3 {
  padding: 20px 10px;
  margin-bottom: 0;
  }

#pay-wrapper #product-options input {
  float: left;
  width: 20px;
  margin-top: 26px;
  text-align: center;
  margin-left: 5px;
  cursor: pointer;
  }

#pay-wrapper #product-options li {
  position: relative;
  border-width: 1px 0 1px 1px;
  margin: 6px 0 6px 8px;
  padding: 10px 50px 10px 0;
  zoom: 1;
  }

#pay-wrapper #product-options li label {
  cursor: pointer;
  display: block;
  margin-left: 28px;
  outline: 0;
  }

#pay-wrapper .product-opt-title,
#pay-wrapper .product-opt-cpm,
#pay-wrapper .product-opt-total,
#pay-wrapper .product-opt-info {
  display: block;
  }

#pay-wrapper #product-options li em {
  font-size: 18px;
  line-height: 24px;
  font-style: normal;
  }
#pay-wrapper #product-options li .product-opt-cpm em {
  font-size: 14px;
  line-height: 20px;
  }

#pay-wrapper #product-options .product-boast {
  display: block;
  position: absolute;
  z-index: 2;
  top: 10px;
  right: 0;
  width: 66px;
  padding: 0;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  line-height: 1.1em;
  }

#pay-wrapper #product-options .product-boast strong {
  display: block;
  font-size: 14px;
  line-height: 16px;
  }

#pay-wrapper #product-options .product-opt-total {
  font-size: 11px;
  }

#pay-wrapper .product-saving {
  display:none;
  position: absolute;
  bottom: 2px;
  left: 0;
  width: 142px;
  padding-left: 19px;
  margin-left: -8px;
  height: 33px;
  padding-top: 5px;
  font-size: 12px;
  text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
  font-weight: bold;
  line-height: 28px;
  background-repeat: no-repeat;
  background-position: left top;
  background-color: transparent;
  }

#pay-wrapper #product-options .product-opt-info strong em {
  letter-spacing: -0.5px;
  }

#pay-wrapper #pay-method {
  width: 360px;
  position: relative;
  float: left;
  display: inline;
  padding: 20px;
  border-width: 0 0 1px 0;
  min-height: 513px;
  }
/* Turn off box shadow effect for image based buttons */
#pay-wrapper button {
  box-shadow: none;
  -webkit-box-shadow: none;
}

#pay-wrapper #pay-method .smallprint {
  font-size: 11px;
  line-height: 18px;
  }

#pay-wrapper #pay-method > p:last-child {
  margin-bottom: 0;
  }


/* Default/selected product options overrides
--------------------------------------------- */
#pay-wrapper #product-options li.product-opt-selected {
  height: 104px;
  margin: 0;
  padding: 15px 48px 15px 10px;
  border-width: 0 0 1px 0;
  position: relative;
  z-index: 3;
  }

#pay-wrapper #product-options li.product-opt-selected .product-boast,
#pay-wrapper #product-options li.product-opt-selected .product-saving {
  display: block;
  }

#pay-wrapper #product-options li.product-opt-selected .product-boast {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: left top;
  height: 58px;
  padding-top: 12px;
  text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
  margin-right: -10px;
  position: absolute;
  right: 0;
  top: 10px;
  z-index: 4;
  transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -webkit-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  }

#pay-wrapper #product-options li.product-opt-selected .product-opt-title em {
  font-size: 26px;
  line-height: 30px;
  }

#pay-wrapper #product-options li.product-opt-selected .product-opt-cpm strong {
  font-size: 12px;
  }

#pay-wrapper #product-options li.product-opt-selected .product-opt-info strong em {
  font-size: 16px;
  line-height: 26px;
  }


/* Trials options overrides
--------------------------------------------- */
#pay-wrapper #product-options li#product-opt-trial .product-opt-title,
#pay-wrapper #product-options li#product-opt-trial .product-opt-title em {
  font-size: 24px;
  }
#pay-wrapper #product-options li#product-opt-trial input {
  margin-top: 15px;
  }
#pay-wrapper #product-options li#product-opt-trial.product-opt-selected input {
  margin-top: 26px;
  }
#pay-wrapper #product-options li#product-opt-trial.product-opt-selected {
  border-width: 3px 0 3px 3px;
  border-style: solid;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  height: 90px;
  }
#payment #pay-wrapper #product-options li#product-opt-trial.product-opt-selected label {
  margin-left: 26px;
  }
#pay-wrapper #product-options li#product-opt-trial.product-opt-selected .product-opt-title {
  font-size: 24px;
  }
#pay-wrapper #product-options li#product-opt-trial.product-opt-selected .product-opt-title em {
  font-size: 31px;
  line-height: 33px;
  letter-spacing: -1px;
  text-shadow: 1px 0px 2px rgba(0,0,0,.4);
  }
#pay-wrapper #product-options li#product-opt-trial.product-opt-selected .product-saving {
  padding-left: 43px;
  }
#pay-wrapper #product-options li#product-opt-trial.product-opt-selected .product-boast {
  right: -6px;
  }
#pay-wrapper #product-options li#product-opt-trial.product-opt-selected .product-boast strong {
  font-size: 18px;
  line-height: 20px;
  margin-top: 3px;
  }
#pay-wrapper #pay-method p#trial {
  margin-bottom: 0;
  }


/* Payment options
---------------------------------------------------------------------- */
#pay-wrapper.pay-with-contextual #pay-method {
  width: 320px;
  }

#pay-wrapper #pay-method * {
  font-family: Arial, sans-serif;
  }

#pay-method-wrapper {
  padding-bottom: 15px;
  }
#pay-wrapper ul#pay-methods {
  display: block;
  margin-bottom: 0.8em;
   white-space: nowrap;
  }

#pay-wrapper ul#pay-methods li {
  float: left;
  width: 24.9%;
  display: inline;
  text-align: center;
  }

#pay-wrapper ul#pay-methods li label {
  display: block;
  cursor: pointer;
  }

#pay-wrapper ul#pay-methods li label span {
  display: block;
  text-align: center;
  line-height: 1;
  }

#pay-wrapper ul#pay-methods li label input {
  margin: 0;
  }

#pay-wrapper #card-payment label,
#pay-wrapper #card-payment input,
#pay-wrapper #card-payment select {
  font-size: 12.5px;
  }

#pay-wrapper #card-payment select#expirydate {
  width:85px;
  }

#pay-wrapper #card-payment select#expyear {
  width:52px;
  }

#pay-wrapper #pay-method-fieldset {
  padding: 0.8em 0 0 0;
  margin-bottom: 4px;
  }

#pay-wrapper #pay-method-fieldset,
#pay-wrapper #reuse-form {
  border-width: 0;
  }

#pay-wrapper #pay-offer-code {
  text-align: center;
  }

#pay-wrapper #pay-offer-block,
#pay-wrapper #cost-promo {
  border-width: 1px 0;
  border-style: dotted;
  padding: 10px 0;
  margin: 0 0 5px 0;
  }

#pay-wrapper #cost-promo {
  width: auto;
  padding-left: 50px;
  background-position: 10px 10px;
  }

#pay-wrapper #cost-promo p {
  margin: 0;
  }

#pay-wrapper #pay-offer-block .actions-wrap {
  display: inline-block;
  padding: 0;
  }

#pay-wrapper #upg-promocode {
  width: 60px;
  display: inline-block;
  }

#pay-wrapper #pay-offer-block .buttons button {
  font-size: 11px;
  margin: 0 2px 0 0;
  float: none;
  display: inline;
  }

#pay-wrapper #pay-offer-block .link-wrapper {
  vertical-align: middle;
  }

#pay-offer-block a {
  font-weight: bold;
  }

#pay-wrapper .form-item {
  padding: 5px 0;
  }

#pay-wrapper .form-field input {
  height: 20px;
  line-height: 20px;
  }

#pay-wrapper #card-payment .form-item .form-text-field {
  overflow: hidden;
  }

#pay-wrapper #pay-method .form-item .form-field {
  margin-left: 8px;
  }
#pay-wrapper #pay-method .form-item .form-error-short {
  width: 193px;
  margin-left: 108px;
  }
#pay-wrapper #pay-method .form-item label{
  cursor: pointer;
  line-height: 28px;
  }

#pay-wrapper #card-payment .form-field select {
  height: 28px;
  line-height: 28px;
  }

#pay-wrapper #card-payment .form-item input {
  max-width: 195px;
  }

#pay-wrapper #card-payment .form-item input.field-full-width {
  width: 195px;
  }

#pay-wrapper #card-payment #cv2-field .form-field * {
  vertical-align: middle;
  }

#pay-wrapper #card-payment #cv2-field .form-field .icon-cv2 {
  margin-left: 5px;
  }

#pay-wrapper #card-payment #cv2-field .form-field small,
#pay-wrapper #card-payment #diff-payment-field .form-field small {
  display: inline-block;
  width: 70px;
  line-height: 1em;
  margin-left: 5px;
  }

#pay-wrapper #card-payment #diff-payment-field .form-field small {
  margin-left: 0;
  }

#pay-wrapper #pay-method #submit-field button,
#pay-wrapper #pay-method #reuse-form button {
  margin: 0 auto;
  border: 0;
  display: block;
  height: 66px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: left top;
  overflow: hidden;
  text-indent: -9999em;
  cursor: pointer;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  }
  

#pay-wrapper #pay-method #submit-field button.disabled,
#pay-wrapper #pay-method #reuse-form button.disabled {
  opacity:0.5;
  filter: alpha(opacity=50);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  }

#pay-wrapper .payment-method p:last-child {
  margin-bottom: 0;
  }


/* Product type = 'Pay by Mobile' overrides
--------------------------------------------- */
#pay-wrapper .pay-by-mobile #pay-method ul {
  padding-left: 20px;
  padding-top: 0.6em;
  }

#pay-wrapper .pay-by-mobile #pay-method ul li {
  list-style: disc;
  list-style-position: outside;
  padding-bottom: 0.6em;
  }

#pay-wrapper #mobile-iframe-wrapper {
  border-width: 1px;
  padding: 15px;
  background: #fff;
  }

#pay-wrapper #mobile-iframe {
  border-style: dotted;
  border-width: 1px;
  }

#pay-wrapper.pay-with-contextual .pay-by-mobile #pay-method {
  width: 560px;
  }

#pay-wrapper .pay-by-mobile #pay-context #pay-couple {
  bottom: 0;
  }


/* Secure payment icons
--------------------------------------------- */
#pay-security {
  overflow: hidden;
  padding-bottom: 0;
  height: 58px;
  margin-left: 257px;
  margin-top: 10px;
  clear: both;
  }

#pay-security li {
  display: inline;
  list-style: none;
  vertical-align: bottom;
  margin-right: 5px;
  }

#pay-security li a {
  outline: none;
  }

#pay-security li img {
  vertical-align: bottom;
  }


#pay-security li img {
  vertical-align: bottom;
  }


/* Product type = 'Update details' overrides
--------------------------------------------- */
#pay-wrapper .pay-update #pay-method {
  width: 532px;
  border-width: 1px;
  border-style: dotted;
  }

#pay-wrapper .pay-update #pay-method {
  min-height: auto;
  float: none;
  margin: 0 auto;
  display: block
  }

#pay-wrapper .pay-update #pay-method #pay-method-fieldset {
  position: relative;
  margin: 0 auto 0 -30px;
  display: block;
  width: 480px;
  padding: 30px 35px 20px 75px;
  border-width: 1px;
  border-style: solid;
  -webkit-box-shadow: -2px 2px 5px rgba(0,0,0,0.1);
  -moz-box-shadow: -2px 2px 5px rgba(0,0,0,0.1);
  box-shadow: -2px 2px 5px rgba(0,0,0,0.1);
  }

#pay-wrapper .pay-update #pay-method h3 {
  font-size: 18px;
  }

#pay-wrapper .pay-update .form-intro {
  font-size: 115%;
  }

#pay-wrapper .pay-update #pay-methods li {
  width: 49.5%;
  }

#pay-wrapper .pay-update #pay-method #pay-methods {
  width: 160px;
  margin-left: 116px;
  margin-bottom: 0;
  }

#pay-wrapper .pay-update .form-item .form-label-small {
  width: 110px;
  }

#pay-wrapper .pay-update #pay-method .form-item .form-error-short {
  margin-left: 118px;
  }

#pay-wrapper .pay-update #pay-methods li label {
  float: left;
  }

#pay-wrapper .pay-update #submit-field {
  text-align: left;
  }

#pay-wrapper .pay-update #pay-method #submit-button {
  margin-left: 112px;
  }

#pay-wrapper .pay-update #terms {
  margin-top: 2em;
  display: block;
  }

#pay-wrapper.pay-with-contextual .pay-update #pay-method {
  width: 552px;
  float: left;
  margin: 0;
  display: inline;
  }

#pay-wrapper.pay-with-contextual .pay-update #pay-method #pay-method-fieldset {
  margin: 0;
  width: 440px;
  padding: 30px 50px 20px 60px;
  }


/* Product type = 'Credits' overrides
--------------------------------------------- */
#pay-wrapper .pay-for-credits #product-options li {
  padding: 15px 0 15px 5px;
  }

#pay-wrapper .pay-for-credits #product-options li.product-opt-selected {
  padding: 20px 0 15px 15px;
  height: 60px;
  }

#pay-wrapper .pay-for-credits #product-options li input {
  margin-top: 5px;
  }

#pay-wrapper .pay-for-credits #product-options .product-opt-total {
  font-size: 14px;
  }

#pay-wrapper .pay-for-credits #product-options li.product-opt-selected input {
  margin-top: 10px;
  }

#pay-wrapper .pay-for-credits #product-options li.product-opt-selected .product-opt-title {
  letter-spacing: -1px;
  }

#pay-wrapper .pay-for-credits #product-options li.product-opt-selected .product-boast {
  top: -20px;
  }

#pay-wrapper .pay-for-credits #product-options li.product-opt-selected .product-boast strong {
  font-size: 20px;
  line-height: 24px;
  }

#pay-wrapper .pay-for-credits #pay-method {
  min-height: 290px;
  }
#pay-wrapper .pay-for-credits #pay-context {
  text-align: left;
  padding-bottom: 0;
  }
#pay-wrapper .pay-for-credits #pay-context h1 {
  font-size: 26px;
  }
#pay-wrapper .pay-for-credits #pay-context ul li {
  background-repeat: no-repeat;
  background-position: 0 0.1em;
  padding-left: 25px;
  font-size: 13px;
  margin-bottom: 1em;
  zoom: 1;
  }
#pay-wrapper .pay-for-credits #pay-context ul li strong {
  display: block;
  cursor: pointer;
  }


/* Re-initial card payment overrides
--------------------------------------------- */
#pay-wrapper .pay-form-reinitial #card-payment .form-item input.field-full-width {
  width: 155px;
  }
#pay-wrapper .pay-form-reinitial #card-payment .form-item span.field-cardnumber {
  background:none;
  border:none;
  height:auto;
  line-height: 28px;
  }
#pay-wrapper .pay-form-reinitial #card-type.form-item .form-label-small {
  line-height: 43px;
  }
#pay-wrapper .pay-form-reinitial #card-payment #card-type {
  padding-top: 0;
  }
#pay-wrapper .pay-form-reinitial #card-payment #card-type.form-item .form-field {
  margin-left: 5px;
  }


/* Contextual column on payment page (tel
   number, opening hours etc)
--------------------------------------------- */
#pay-wrapper.pay-with-contextual {
  padding-right: 30px;
  padding-left: 60px;
  min-width: 868px;
  }

#pay-wrapper.pay-with-contextual #pay-product {
  margin-left: 0;
  }

#pay-wrapper #pay-context {
  float: left;
  width: 226px;
  text-align: right;
  padding: 0 22px 228px 20px; /* large padding-bottom to ensure text never overlays onto positioned couple images */
  }

#pay-wrapper #pay-context h1 {
  padding-top: 17.5px;
  margin-bottom: 1em;
  font-weight: normal;
  font-size: 20px !important;
  }

#pay-wrapper #pay-context h1 span {
  display: block;
  margin: 0.7em 0;
  font-size: 14px;
  font-weight: bold;
  }

#pay-wrapper #pay-context #pay-couple {
  position: absolute;
  bottom: 68px;
  right: 60px;
  width: 248px;
  height: 282px;
  background-position: left bottom;
  background-color: transparent;
  border-bottom-style: solid;
  background-repeat: no-repeat;
  display: block;
  }

#pay-wrapper #pay-context .no-border {
  border-bottom-width: 0;
}

#pay-wrapper .pay-couple-general {
  background-image: url(../images/payment-couple-general.png);
  border-bottom-width: 1px;
  }
#pay-wrapper .pay-couple-mature {
  background-image: url(../images/payment-couple-mature.png);
  border-bottom-width: 1px;
  }
#pay-wrapper .pay-couple-casuals {
  background-image: url(../images/payment-couple-casual.png);
  border-bottom-width: 1px;
  }


/*
#pay-wrapper .pay-couple-adult {
  background-image: url(../images/payment-couple-adult.png);
  border-bottom-width: 1px;
  }
*/


#pay-wrapper .pay-couple-alternative {
  background-image: url(../images/payment-couple-alternative.png);
  border-bottom-width: 1px;
  }

#pay-wrapper #pay-tel em {
  display: block;
  margin: 0 0 0.2em 0;
  font-size: 30px;
  font-weight: bold;
  font-style: normal;
  letter-spacing: -1px;
  white-space: nowrap;
  line-height: 32px;
  }

#pay-wrapper #pay-tel.pay-tel-int em {
  font-size: 24px;
  }

#pay-wrapper #pay-tel p {
  font-size: 110%;
  line-height: 1.1em;
  }

#pay-wrapper #pay-tel.pay-tel-uk p {
  margin-left: 88px;
  }

#pay-wrapper #pay-tel small {
  font-size: 11px;
  }

#pay-wrapper #pay-tel #pay-flag {
  float: left;
  display: inline;
  width: 55px;
  margin-left: 32px;
  margin-top: 0.5em;
  }


/* Trials overrides
--------------------------------------------- */
#pay-wrapper .pay-trial #pay-product {
  padding-top: 48px;
  }

#pay-wrapper .pay-trial #pay-method {
  min-height: 0;
  }

#pay-wrapper .pay-trial #pay-method .larger {
  margin-bottom: 0.5em;
  vertical-align: text-top;
  }

#pay-wrapper .pay-trial #pay-context {
  text-align: left;
  padding-bottom: 0;
  }

#pay-wrapper .pay-trial #pay-context h1 {
  font-size: 26px;
  padding-top: 18px;
  }

#pay-wrapper .pay-trial #pay-context ul li {
  background-repeat: no-repeat;
  background-position: 0 0.1em;
  padding-left: 25px;
  font-size: 13px;
  margin-bottom: 1em;
  zoom: 1;
  }

#pay-wrapper .pay-trial #product-options {
  position: relative;
  padding: 50px 10px 15px 20px;
  }
#pay-wrapper .pay-trial #product-options * {
  font-family: Arial, sans-serif !important;
  }

#pay-wrapper .pay-trial .product-saving {
  display: block;
  top: 10px;
  font-size: 14.5px;
  font-weight: bold;
  padding-left: 28px;
  }

#pay-wrapper .pay-trial #pay-trial-details {
  font-size: 61px;
  line-height: 63px;
  font-weight: bold;
  letter-spacing: -2px;
  padding: 0 0 10px 18px;
  text-shadow: 0 1px 3px rgba(255,255,255,0.3);
  }
/* Adjust for unusually high values (e.g. due to exchange rates) */
.high-value-adjust #pay-wrapper .pay-trial #pay-trial-details {
  font-size: 54px;
  letter-spacing: -1px;
  padding: 0 0 10px 12px;
}

#pay-wrapper .pay-trial #product-options {
  font-size: 15px;
  }

#pay-wrapper .pay-trial #pay-trial-details span {
  font-size: 34px;
  line-height: 38px;
  letter-spacing: -1px;
  }

#pay-wrapper .pay-subs-info {
  border-style: dotted;
  border-top-width: 1px;
  margin-top: 0.5em;
  margin-bottom: ;
  padding-top: 8px;
  font-size: 13px;
  letter-spacing: -0.5px;
  }

#pay-wrapper .pay-trial .pay-subs-basic {
  line-height: 25px;
  }

#pay-wrapper .pay-trial .pay-opt-title {
  font-style: normal;
  font-size: 25px;
  margin-right: 8px;
  }

#pay-wrapper .pay-trial .pay-opt-total {
  letter-spacing: normal;
  line-height: 15px;
  }

#pay-wrapper #pay-cancellation {
  display: block;
  font-size: 10.5px;
  padding: 15px 20px;
  }


/* New payment page button default widths
--------------------------------------------- */
#pay-wrapper #pay-method button.upgrade-now {
  width: 219px;
  }

#pay-wrapper #pay-method button.update-now {
  width: 209px;
  }

#pay-wrapper #pay-method button.add-credits-now {
  width: 244px;
  }

#pay-wrapper #pay-method button.upgrade-with-paypal {
  width: 241px;
  }

#pay-wrapper #pay-method button.upgrade-by-mobile {
  width: 223px;
  }

#pay-wrapper #pay-method button.start-trial {
  width: 209px;
  }


/* Bolt-on payment form overrides
--------------------------------------------- */
#pay-layout.pay-bolton #pay-method {
  width: 550px;
  border-width: 1px;
  border-style: dotted;
  }

#pay-layout.pay-bolton #pay-method-wrapper {
  padding-bottom: 8px;
  }

#pay-layout.pay-bolton #pay-product {
  width: 175px;
  padding: 20px;
  padding-right: 10px;
  padding-top:0;
  margin-left: 0;
  }

#pay-layout.pay-bolton #pay-product p {
  font-size:13px;
  margin-bottom: 5px;
  }

#pay-layout.pay-bolton #pay-product p span {
  display:block;
  border-top: 1px dotted;
  margin-top: 5px;
  }

#pay-layout.pay-bolton #pay-product ul {
  margin-bottom: 10px;
  margin-top: 15px;
  }

#pay-layout.pay-bolton #pay-product li {
  background-repeat: no-repeat;
  padding-left: 25px;
  padding-bottom: 10px;
  font-size: 12px;
  }

#pay-layout.pay-bolton #pay-product em {
  display: block;
  padding-top: 22px;
  font-style: normal;
  font-size: 38px;
  font-weight: 700;
  }

#pay-layout.pay-bolton #pay-method-fieldset {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 20px;
  margin-top: 20px;
  border-width: 1px;
  border-style: solid;
  -moz-box-shadow: -2px 2px 5px rgba(0,0,0,0.1);
  -webkit-box-shadow: -2px 2px 5px rgba(0,0,0,0.1);
  box-shadow: -2px 2px 5px rgba(0,0,0,0.1);
  }

#pay-layout.pay-bolton #pay-method-wrapper {
  float:left;
  }

#pay-layout.pay-bolton #pay-method-fieldset #pay-methods {
  float:left;
  margin-left: 100px;
  margin-bottom: 0px;
  }

#pay-layout.pay-bolton #pay-method-fieldset #pay-methods li {
  width: 75px;
  }

#pay-layout.pay-bolton #pay-method-fieldset #submit-field {
  float: right;
  margin-right: 31px;
  }


/* Account modifications
---------------------------------------------------------------------- */
#modify-account-actions p.buttons             { margin-bottom: 1em; }
#modify-account-actions p.buttons a.button    { margin-top: 0.5em; }

/* Email Verification
---------------------------------------------------------------------- */
#verify-welcome                      { margin-top:20px;margin-bottom:30px; }
#verify-instr-wrap                   { margin:20px 100px;width:450px; }
#verify-instr                        { margin-top:-2px;background-repeat:no-repeat;padding-left:40px; }



/* Signup Page
---------------------------------------------------------------------- */
.signup-content h1                   { margin-bottom: 10px; }
.signup-content #column-signup       { width: 505px; }
.signup-content #column-sidebar      { width: 333px; }

/* Support compose cancellations
---------------------------------------------------------------------- */
.support-info-right      { width: 48%; float:right; }
.support-info-left       { width: 48%; float:left;  }
.support-info-text-small { font-size:80%; }
.support-info            { border-width:1px; border-top-style:none; border-right-style:none; border-bottom-style:solid; border-left-style:none; padding-top:20px; padding-left:20px; margin:5px; }



/* Lightbox prompts/nags (e.g. as used on the member homepage)
---------------------------------------------------------------------- */

/* Shared accross new modal nags
-------------------------------- */
.di-content .postpone {
  text-align: right;
  margin-top: 1em;
  margin-bottom: 0;
  }
.di-content .postpone .icon-inline {
  padding-left: 0;
  vertical-align: middle;
  }


/* Post code prompt/nag
----------------------- */
.addresscode_prompt #addresscode_memberfeed {
  text-align: center;
  }
.addresscode_prompt #addresscode_memberfeed img,
.addresscode_prompt #addresscode_memberfeed span.icon-profile-70 {
  display: block;
  float: left;
  margin: 0 14px 10px 0;
  height: 60px;
  width: 60px;
  }
.addresscode_prompt #addresscode_memberfeed img.last,
.addresscode_prompt #addresscode_memberfeed span.last {
  margin-right: 0;
  }
.addresscode_prompt #addresscode_prompt_info {
  float: left;
  width: 55%;
  }
.addresscode_prompt #addresscode_prompt_info h3 {
  margin-bottom: 4%;
  }
.addresscode_prompt #addresscode_prompt_info h4 {
  margin-bottom: 0;
  }
.addresscode_prompt #addresscode_prompt_form {
  float: right;
  width: 35%;
  position: relative;
  }
.addresscode_prompt #addresscode_prompt_form .form-field {
  width: 100%;
  margin: 0 !important;
  }
.addresscode_prompt #addresscode_prompt_form .form-label {
  margin: 0 !important;
  }
.addresscode_prompt #addresscode_prompt_form .attention {
  margin-top: 1em;
  }
.addresscode_prompt #addresscode_prompt_form label {
  margin-bottom: 0.5em;
  display: block;
  font-weight: bold;
  }
.addresscode_prompt #addresscode_prompt_form input[name=''] {
  padding: 0.6em;
  width: 92% !important;
  }
.addresscode_prompt #addresscode_prompt_form .form-error {
  width: auto !important;
  }
.addresscode_prompt #addresscode_prompt_form .form-submits {
  width: 100%;
  margin: 0.9em 0 0 0 !important;
  float: left !important;
  }
.addresscode_prompt #addresscode_prompt_form .form-submits button {
  margin: 0 !important;
  float: right;
  }
.addresscode_prompt .postpone {
  text-decoration: underline;
  cursor: pointer;
  margin-bottom: 0 !important;
  clear: both;
  text-align: right;
  }
/* Post code geo IP variant
------------------------------ */
.addresscode_prompt .postcode_geo #addresscode_prompt_form {
  width: 254px;
  padding: 20px;
  }

.addresscode_prompt .postcode_geo #addresscode_prompt_info {
  width: 274px;
  }

.addresscode_prompt .postcode_geo  #addresscode_prompt_info h3 {
  margin-bottom: 10px;
  font-size: 12px;
  }

.addresscode_prompt .postcode_geo  #addresscode_prompt_info ul {
  margin-bottom: 15px;
  }

.addresscode_prompt .postcode_geo .form-item {
  padding-top: 0;
  }

.addresscode_prompt .postcode_geo .form-item .form-field input {
  font-size: 28px;
  font-weight: bold;
  padding: 10px 0;
  width: 252px;
  text-align: center;
  }

.addresscode_prompt .postcode_geo #addresscode_prompt_form .form-submits button {
  font-size: 14px;
  padding: 10px;
  }

.addresscode_prompt .postcode_geo .warning {
  width: 225px;
  background-repeat: no-repeat;
  background-position: top left;
  padding-left: 22px;
  margin: 0;
  }


/* Photo upload prompt/nag
-------------------------- */
.photo-prompt .di-wrap {
  overflow: hidden;
  }
.photo-prompt .di-header {
  padding: 14px 22px;
  }
.photo-prompt .di-header h2 {
  margin-bottom: 0;
  font-size: 20px;
  line-height: 1.5em;
  }
.photo-prompt .di-body {
  padding: 20px 22px 16px 22px;
  }
.photo-prompt #photo-nag-latest-members {
  position: relative;
  float: right;
  width: 38%;
  }
.photo-prompt #photo-nag-latest-members div {
  position: absolute;
  display: inline;
  background: white;
  padding: 3px 3px 10px 3px;
  border: 1px solid rgba(0,0,0,0.2);
  -moz-box-shadow: 0 0 4px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2);
  box-shadow: 0 0 4px rgba(0,0,0,0.2);
  }
.photo-prompt #photo-nag-latest-members div img {
  display: block;
  }
.photo-prompt #photo-nag-latest-members #photo-nag-me1 {
  left: 0;
  top: 20px;
  padding: 2px 2px 8px 2px;
  -moz-transform: rotate(-7deg);
  -webkit-transform: rotate(-7deg);
  -o-transform: rotate(-7deg);
  -ms-transform: rotate(-7deg);
  transform: rotate(-7deg);
  }
.photo-prompt #photo-nag-latest-members #photo-nag-me2 {
  left: 100px;
  top: -18px;
  -moz-transform: rotate(12deg);
  -webkit-transform: rotate(12deg);
  -o-transform: rotate(12deg);
  -ms-transform: rotate(12deg);
  transform: rotate(12deg);
  }
.photo-prompt #photo-nag-latest-members #photo-nag-me3 {
  left: 110px;
  top: 80px;
  -moz-transform: rotate(-7deg);
  -webkit-transform: rotate(-7deg);
  -o-transform: rotate(-7deg);
  -ms-transform: rotate(-7deg);
  transform: rotate(-7deg);
  }
.photo-prompt #photo-nag-latest-members #photo-nag-me4 {
  left: 42px;
  top: 40px;
  -moz-transform: rotate(2deg);
  -webkit-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  transform: rotate(2deg);
  }
.photo-prompt #photo-nag-latest-members #photo-nag-me5 {
  left: 30px;
  top: 110px;
  padding: 2px 2px 8px 2px;
  -moz-transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  transform: rotate(-5deg);
  }

.photo-prompt #photo-nag-reasons-title,
.photo-prompt #photo-nag-reasons {
  margin-right: 38%;
  }
.photo-prompt #photo-nag-reasons-title {
  display: block;
  font-size: 135%;
  line-height: 1.6em;
  margin-bottom: 0.6em;
  }
.photo-prompt #photo-nag-reasons {
  font-size: 110%;
  padding: 0.5em 5px;
  }
.photo-prompt #photo-nag-reasons li {
  list-style-position: outside;
  margin-left: 5px;
  padding-left: 0;
  line-height: 1.5em;
  }
.photo-prompt #photo-nag-reasons li em {
  font-weight: bold;
  font-size: 130%;
  font-style: normal;
  }

.photo-prompt #photo-nag-methods {
  border-width: 1px;
  padding-right: 16px;
  }
.photo-prompt #photo-nag-methods .form-wrapper {
  border-width: 0 1px 0 0;
  border-style: dotted;
  margin-right: 37%;
  margin-bottom: 0;
  }
.photo-prompt #photo-nag-methods .upload .photo-nag-file-select {
  padding-left: 0;
  padding-bottom: 15px;
  min-height: 25px;
  }
.photo-prompt #photo-nag-methods .upload #photo-error {
  margin: 8px 0 0 0;
  font-size: 11px;
  font-weight: bold;
  }
.photo-prompt #photo-nag-methods .upload #newphoto {
  font-size: 14px;
  }
.photo-prompt #photo-nag-methods .upload #photo-nag-submit {
  font-size: 13px;
  padding: 8px 10px !important;
  }
.photo-prompt #photo-nag-methods .upload p {
  line-height: 20px;
  margin-bottom: 10px;
  }
.photo-prompt #photo-nag-methods .upload p.faded {
  line-height: 33px;
  margin-bottom: 0;
  }

.photo-prompt #photo-nag-alt-options {
  float: right;
  width: 34%;
  padding-top: 16px;
  text-align: center;
  }
.photo-prompt #photo-nag-alt-options .buttons {
  display: block;
  width: 100%;
  margin-bottom: 5px;
  }
.photo-prompt #photo-nag-alt-options .buttons a {
  margin: 0;
  float: none;
  font-size: 13px;
  padding: 8px 8px !important;
  }
.photo-prompt #photo-nag-alt-options .another-option {
  margin-bottom: 5px;
  }
.photo-prompt .facebook-photoimport-min {
  margin: 0;
  }
.photo-prompt .facebook-photoimport-min a.fb_button {
  width: 181px;
  }
.photo-prompt #photo-nag-alt-options .fb_button_text {
  font-size: 90% !important;
  }


/* Upgrade prompt/nag
--------------------- */
#upgrade-prompt {
  border-radius: 6px;
  }
.upgrade-prompt .di-header {
  padding: 15px 20px;
  }
.upgrade-prompt .di-body {
  padding: 0;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  }
.upgrade-prompt .prompt-content {
  padding: 20px 20px 10px;
  min-height: 300px;
  margin-right: 150px;
  font-size: 130%;
  line-height: 140%;
  }
.upgrade-prompt h2 {
  font-size: 250%;
  line-height: 150%;
  margin-bottom: 0;
  padding: 0;
  }
.upgrade-prompt h3 {
  font-size: 140%;
  line-height: 140%;
  margin-bottom: 0.2em;
  }
.upgrade-prompt ul.member-features {
  margin-left: 8px;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 20px;
  }
.upgrade-prompt ul.member-features li {
  padding: 0.5em 0;
  border-style: dotted;
  border-top-width: 1px;
  }
.upgrade-prompt ul.member-features li:first-child {
  border: 0px none;
  }
.upgrade-prompt ul.member-features li.icon-tick {
  background-repeat: no-repeat;
  background-position: left 0.75em;
  list-style-type: none;
  padding-left: 24px;
  }
.upgrade-prompt .di-footer {
  padding: 20px 20px 10px;
  text-align: left;
  overflow: visible;
  position: relative;
  }
.upgrade-prompt a.upgrade-now {
  width: 219px;
  height: 66px;
  background-image: url(../images/themes/gray/pay-upgrade-now.png);
  background-repeat: no-repeat;
  display: inline-block;
  margin-left: -4px;
  }
.upgrade-prompt .di-content .postpone {
  position: absolute;
  right: 25px;
  top: 27px;
  font-size: 13px;
  line-height: 16px;
  }
.upgrade-prompt .prompt-content p {
  font-size: 120%;
  line-height: 1.5em;
  }
.upgrade-prompt .prompt-content p em {
  font-weight: bold;
  }
.upgrade-prompt .prompt-content > p:first-child {
  margin-bottom: 0.8em;
  }
.upgrade-prompt .prompt-content .cost {
  font-size: 14px;
  font-weight: normal;
  line-height: normal;
  margin: 0;
  position: relative;
  padding: 10px 0 0 65px;
  }
.upgrade-prompt .prompt-content .cost .prepend {
  position: absolute;
  left: 42px;
  top: 0px;
  }
.upgrade-prompt .prompt-content .cost .value {
  font-size: 66px;
  line-height: 1.3em;
  letter-spacing: -4px;
  display: inline-block;
  position: relative;
  font-weight: bold;
  }
.upgrade-prompt .prompt-content .cost .value .period {
  font-size: 14px;
  font-weight: normal;
  position: absolute;
  right: -96px;
  width: 90px;
  bottom: 18px;
  line-height: 1em;
  letter-spacing: 0;
  }
.upgrade-prompt .prompt-content .cost .value .boast {
  letter-spacing: normal;
  background-color: transparent;
  background-image: url(../images/themes/gray/starburst.png);
  color: white;
  display: block;
  position: absolute;
  right: -57px;
  top: -32px;
  font-size: 10px;
  line-height: 1.1em;
  text-align: center;
  margin: 0;
  padding: 12px 0 0 0;
  width: 66px;
  height: 58px;
  text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
  transform: rotate(10deg); -moz-transform: rotate(10deg); -webkit-transform: rotate(10deg); -o-transform: rotate(10deg); -ms-transform: rotate(10deg);
  }
.upgrade-prompt .prompt-content .cost .value .boast strong {
  display: block;
  font-size: 14px;
  line-height: 16px;
  }


/* Prompt feed */
#upgrade-prompt .prompt-feed {
  position: relative;
  float: right;
  width: 120px;
  z-index: 1002;
  }
#upgrade-prompt .prompt-feed .feeditem {
  padding: 6px;
  border-width: 1px;
  background-color: white;
  border-width: 1px;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
  height: auto;
  z-index: 1005;
  }
#upgrade-prompt .prompt-feed .feeditem img {
  display: block;
  width: 72px;
  }
#upgrade-prompt .prompt-feed .feeditem-1 {
  right: 50px;
  top: -6px;
  padding: 5px;
  z-index: 1004;
  box-shadow: -5px 7px 2px rgba(0,0,0,0.05);
  -webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  transform: rotate(10deg);
  }
#upgrade-prompt .prompt-feed .feeditem-1 img,
#upgrade-prompt .prompt-feed .feeditem-1 span
  { width: 72px; height: 72px; }

#upgrade-prompt .prompt-feed .feeditem-2 {
  right: -35px;
  top: 14px;
  box-shadow: 0px 4px 2px 4px rgba(0,0,0,0.1);
  -webkit-transform: rotate(-4deg);
  -moz-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  transform: rotate(-4deg);
  }
#upgrade-prompt .prompt-feed .feeditem-2 img,
#upgrade-prompt .prompt-feed .feeditem-2 span
  { width: 90px; height: 90px; }

#upgrade-prompt .prompt-feed .feeditem-3 {
  right: 50px;
  top: 125px;
  padding: 3px;
  z-index: 1003;
  box-shadow: -4px 3px 2px rgba(0,0,0,0.1);
  -webkit-transform: rotate(5deg);
  -moz-transform: rotate(5deg);
  -ms-transform: rotate(5deg);
  transform: rotate(5deg);
  }
#upgrade-prompt .prompt-feed .feeditem-3 img,
#upgrade-prompt .prompt-feed .feeditem-3 span
  { width: 48px; height: 48px; }

#upgrade-prompt .prompt-feed .feeditem-4 {
  right: -84px;
  top: 192px;
  box-shadow: -9px -5px 3px rgba(0,0,0,0.05);
  -webkit-transform: rotate(6deg);
  -moz-transform: rotate(6deg);
  -ms-transform: rotate(6deg);
  transform: rotate(6deg);
  }
#upgrade-prompt .prompt-feed .feeditem-4 img,
#upgrade-prompt .prompt-feed .feeditem-4 span
  { width: 100px; height: 100px; }

#upgrade-prompt .prompt-feed .feeditem-5 {
  right: 86px;
  top: 112px;
  z-index: 1004;
  box-shadow: 3px 0px 5px 4px rgba(0,0,0,0.1);
  -webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  transform: rotate(-10deg);
  }
#upgrade-prompt .prompt-feed .feeditem-5 img,
#upgrade-prompt .prompt-feed .feeditem-5 span
  { width: 90px; height: 90px; }

#upgrade-prompt .prompt-feed .feeditem-6 {
  right: -40px;
  top: 133px;
  padding: 5px;
  z-index: 1003;
  -webkit-transform: rotate(4deg);
  -moz-transform: rotate(4deg);
  -ms-transform: rotate(4deg);
  transform: rotate(4deg);
  }
#upgrade-prompt .prompt-feed .feeditem-6 img,
#upgrade-prompt .prompt-feed .feeditem-6 span
  { width: 70px; height: 70px; }

#upgrade-prompt .prompt-feed .feeditem-7 {
  right: 70px;
  top: 232px;
  padding: 5px;
  box-shadow: 2px 0px 1px 4px rgba(0,0,0,0.05);
  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  transform: rotate(-2deg);
  }
#upgrade-prompt .prompt-feed .feeditem-7 img,
#upgrade-prompt .prompt-feed .feeditem-7 span
  { width: 76px; height: 76px; }

#upgrade-prompt .prompt-feed .feeditem-8 {
  right: -15px;
  top: 284px;
  padding: 4px;
  z-index: 1003;
  box-shadow: -7px -8px 2px rgba(0,0,0,0.05);
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  transform: rotate(2deg);
  }
#upgrade-prompt .prompt-feed .feeditem-8 img,
#upgrade-prompt .prompt-feed .feeditem-8 span
  { width: 64px; height: 64px; }


/* Adult upgrade prompt overrides */
body.adult .upgrade-prompt .prompt-content {
  min-height: 250px;
  margin-right: 190px;
  }
body.adult .upgrade-prompt .prompt-content .cost {
  padding: 10px 0 0 42px;
  }
body.adult .upgrade-prompt .prompt-content .cost .prepend {
  left: 26px;
  }
body.adult .upgrade-prompt .di-footer {
  text-align: center;
  z-index: 1000;
  }



/* Homepage Nag Boxes (Mature)
---------------------------------------------------------------------- */
#home-nag-content { margin-bottom: 20px; padding-bottom: 20px; }
#home-nag-boxes { margin-bottom: 0; } /* 860px wide */
#home-nag .home-nag-box { float: left; width: 286px; }
#home-nag .home-nag-box .inner { background-position: 222px 10px; background-repeat: no-repeat; border-width: 1px; border-style: solid; padding: 12px 12px 30px 12px; margin-right: 20px; height: 177px; position: relative; }
#home-nag .home-nag-box h2 { padding-right: 38px; font-size: 15px; padding-left: 18px; }
#home-nag .home-nag-box h2 span.number { font-weight:bold; opacity: 0.5; top: 12px; left: 12px; position: absolute; }
#home-nag .home-nag-box h2.single-line { line-height: 32px; }
#home-nag .home-nag-box .unavailable .inner { opacity: 0.7; }
#home-nag .home-nag-box.active h2 span.number { top: 10px; left: 10px; }
#home-nag .home-nag-box.active .inner { background-position: 220px 8px; border-width: 3px; border-bottom: 0; padding: 10px 10px 30px 10px; height: 203px; margin-bottom:0; z-index:20; opacity:1;}
#home-nag .home-nag-box.active .inner p.buttons { display: none; }
#home-nag .home-nag-box p { margin-bottom: 4px; }
#home-nag .home-nag-box p.buttons { margin-bottom: 0; position: absolute; bottom: 10px; }
#home-nag #nag-icebreaker { margin-right: 0; }
#home-nag .nag-form { margin-top: -3px;  border-width: 3px; border-style: solid; padding: 15px; -webkit-box-shadow: 0 10px 25px rgba(0,0,0,0.2); -moz-box-shadow: 0 10px 25px rgba(0,0,0,0.2); box-shadow: 0 10px 25px rgba(0,0,0,0.2); }
#home-nag .nag-form.active { display: block; }
#home-nag .nag-form h2 { display: none; }
#home-nag #nag-icebreaker .inner { margin-right: 0; background-position: 240px 10px; }
#home-nag #nag-icebreaker.active .inner { background-position: 238px 8px; }

/*
----------------------------------------------------------------------
  Section:     Home Nag (Mature)
  Description: variants on the nag boxes when rendering one or two boxes
---------------------------------------------------------------------- */
#home-nag.double-nag .home-nag-box { width: 429px; }
#home-nag.double-nag .home-nag-box .inner { height: 140px; background-position: 364px 10px; }
#home-nag.double-nag #nag-photo .inner { margin-right: 0; background-position: 385px 10px; }
#home-nag.double-nag .home-nag-box.active .inner { height: 166px; }
#home-nag.double-nag .home-nag-box h2 { line-height: 32px; }
#home-nag.double-nag .home-nag-box h2 br { display: none; }
#home-nag.double-nag #nag-icebreaker.active .inner { background-position: 361px 8px; }
#home-nag.double-nag .home-nag-box.active .inner { background-position: 362px 8px; }
#home-nag.double-nag #nag-photo.active .inner { background-position: 383px 8px; }

#home-nag.single-nag .home-nag-box { width: 858px; }
#home-nag.single-nag .home-nag-box .inner { height: auto; background-position: 813px 10px; margin: 0; }
#home-nag.single-nag .home-nag-box.active .inner { height: auto; padding-bottom: 15px; background-position: 811px 8px; }
#home-nag.single-nag .home-nag-box h2 br { display: none; }

/*
----------------------------------------------------------------------
  Section:     Home Nag (Mature)
  Description: home nag photo form styles
---------------------------------------------------------------------- */
#home-nag #home-nag-photo-form { position: relative; padding: 0; }
#home-nag #home-nag-photo-form #photo-step-tips ul { padding-bottom: 0; background-position: -15px -15px; }
#home-nag #home-nag-photo-form #photo-step-tips ul li { float: left; width: 100px; margin-right: 15px; padding-top: 75px; }
#home-nag #home-nag-photo-form #photo-step-tips ul li.last { margin: 0; }
#home-nag #home-nag-photo-form .photo-step { padding: 15px; }
#home-nag #home-nag-photo-form .photo-step h3 { float: left; width: 30%; }
#home-nag #home-nag-photo-form .photo-step .photo-alt-options { margin-top: -0.3em; }
#home-nag #home-nag-photo-form .photo-step .photo-step-right { float: left; width: 69%; overflow: hidden; }
#home-nag #home-nag-photo-form .photo-step .facebook-photoimport-min { width: auto !important; }
#home-nag #home-nag-photo-form .form-item { padding: 0; }
#home-nag #home-nag-photo-form .form-item .help { margin: 0; }
#home-nag #home-nag-photo-form .form-item input { font-size: 15px; }
#home-nag #home-nag-photo-form .form-item label { display: block; float: left; font-size: 14px; font-weight: bold; line-height: 30px; width: 130px; display: none; }
#home-nag #home-nag-photo-form .form-submit { margin-top: 10px; text-align: right; }
#home-nag #home-nag-photo-form .note { border-top-width: 1px; border-top-style: solid; padding: 15px; }
#home-nag #home-nag-photo-form .note h4 { float: left; width: 30%; font-size: 10px; }
#home-nag #home-nag-photo-form .note p { float: left; width: 69%; margin: 0; }
#home-nag #home-nag-photo-form .note a.button { font-size: 13px; }

/*
----------------------------------------------------------------------
  Section:     Home Nag (Mature)
  Description: home nag profile form styles
---------------------------------------------------------------------- */
#home-nag #home-nag-profile-form .nag-tabs { padding: 0; }
#home-nag #home-nag-profile-form .steps-wrapper { position:relative; width:100%; }
#home-nag #home-nag-profile-form ol.steps { width: 130px; display:block; position: absolute; top: 0; left: 0; margin:0; padding:0; border-bottom-width:1px;}
#home-nag #home-nag-profile-form ol.steps li { margin:0; padding:0; display: block; float: left; width: 100%;}
#home-nag #home-nag-profile-form ol.steps li a { outline:none; border-width: 1px 1px 0 1px; background-position: 5px 10px; min-height: 0; z-index:20; display:block; padding: 10px; text-decoration: none;}
#home-nag #home-nag-profile-form ol.steps li a:hover { text-decoration: underline; }
#home-nag #home-nag-profile-form ol.steps li a.active { border-right:0; font-weight:bold; }
#home-nag #home-nag-profile-form ol.steps li a.active:hover { text-decoration: none; }
#home-nag #home-nag-profile-form .profile-step { width: 692px; margin-left: 129px; border-width: 1px; min-height: 100px;}
#home-nag #home-nag-profile-form .profile-step .help { padding: 15px 15px 0 15px; }
#home-nag #home-nag-profile-form .profile-step .help p { margin-bottom: 5px; }
#home-nag #home-nag-profile-form .profile-step h2 { display: none; }
#home-nag #home-nag-profile-form .form-item { padding: 20px 15px 0 15px; }
#home-nag #home-nag-profile-form .form-item input, #home-nag #home-nag-profile-form .form-item select { font-size: 14px; padding:5px;}
#home-nag #home-nag-profile-form .form-item textarea { width: 100%;}
#home-nag #home-nag-profile-form .form-field { }
#home-nag #home-nag-profile-form .form-item .form-label-small {}
#home-nag #home-nag-profile-form .form-item .form-note-small { clear:both; margin: 4px 0 0 0; padding:0 0 0 110px !important;}
#home-nag #home-nag-profile-form .buttons { margin:0; padding: 10px;}
#home-nag #home-nag-profile-form .buttons button { float: right;}

/*
----------------------------------------------------------------------
  Section:     Home Nag (Mature)
  Description: home nag icebreaker form styles
---------------------------------------------------------------------- */
#home-nag #home-nag-icebreakers { padding: 0; }
#home-nag #home-nag-icebreakers .column { float: left; }
#home-nag #home-nag-icebreakers .left { width: 33%;  }
#home-nag #home-nag-icebreakers .left .help { padding: 15px; }
#home-nag #home-nag-icebreakers .left .help ul { padding: 5px; }
#home-nag #home-nag-icebreakers .left .help ul li { margin-bottom: 5px; font-size: 11px; }
#home-nag #home-nag-icebreakers .right { width: 67%; padding: 0; float: left !important; }
#home-nag #home-nag-icebreakers .right h3 { padding: 15px;}
#home-nag #home-nag-icebreakers .form-item .form-label { width: 100px;}
#icebreaker-range label { width: 100px; display: block; float: left; text-align: right; margin-right: 10px; padding: 3px 0; }
#icebreaker-subject input { width: 320px; padding: 10px; font-size: 15px;}
#icebreaker-message textarea { width: 320px; padding: 10px; text-indent: 0;}
#icebreaker-subject label, #icebreaker-message label { line-height: 40px; }
#home-nag-icebreaker-form {  -moz-border-radius: 0; border-radius: 0; }
#home-nag-icebreaker-form .buttons { padding: 5px 0 25px 120px; }
#home-nag-icebreaker-form #read-bolton-notice { background-repeat: no-repeat; padding-left: 25px; width: 350px; margin: 8px 0px 8px 94px; }


/*
----------------------------------------------------------------------
  Section:     Map Search Upgrade Modals
  Description: upgrade modal styles for map search functionality
---------------------------------------------------------------------- */

#mapsearch-prompt .di-body {
  height: 320px;
  }

#mapsearch-prompt .di-footer .paged-nav {
  font-size: 1.6em;
  line-height: 50px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: left;
  }

#mapsearch-prompt .di-footer .paged-nav.prev {
  padding-left: 38px;
  }

#mapsearch-prompt .di-footer .paged-nav.next {
  padding-right: 38px;
  background-position: right;
  }

#mapsearch-prompt .di-footer .paged-nav a {
  font-weight: bold;
  }

#mapsearch-prompt a.close {
  display: block;
  height: 16px;
  width: 16px;
  text-indent: -999em;
  overflow: hidden;
  position: absolute;
  top: -30px;
  right: 10px;
  cursor: pointer;
  }

#mapsearch-prompt .page-text {
  width: 278px;
  }
#mapsearch-prompt h3 {
  font-size: 2.7em;
  line-height: 1.2;
  letter-spacing: -0.07em;
  margin-top: 25px;
  margin-bottom: 15px;
  }
#mapsearch-prompt h3.smaller {
  font-size: 2.1em;
  }

#mapsearch-prompt .upgrade-now { /* Needs moving to generic class structure when .upgrade-prompt is dropped from all other instances */
  width: 219px;
  height: 66px;
  background-repeat: no-repeat;
  display: inline-block;
  text-indent: -9999px;
  position: absolute;
  margin-left: -8px;
  overflow: hidden;
  outline: none;
  }

#mapsearch-prompt .tick-bullet {
  padding: 0;
  margin-bottom: 1.5em;
  }
  
#mapsearch-prompt .tick-bullet li {
  font-size: 13px;
  font-style: normal;
  background-repeat: no-repeat;
  background-position: left 2px;
  list-style-type: none;
  padding-left: 24px;
  margin: 5px 0;
  }

/* Uniques styles for each panel */

#mapsearch-prompt #upgrade-now {
  padding-left: 310px;
  padding-right: 20px;
  }

#mapsearch-prompt #upgrade-now .upgrade-now {

  }

#mapsearch-prompt #upgrade-now .map-graphic {
  width: 370px;
  height: 365px;
  float: left;
  margin-top: -50px;
  position: absolute;
  left: -80px;
  }

#mapsearch-prompt #whos-nearby {
  padding-right: 330px;
  padding-left: 20px;
  }

#mapsearch-prompt #whos-nearby .map-graphic .graphic {
  width: 376px;
  height: 336px;
  float: right;
  margin-top: -30px;
  position: absolute;
  right: -80px;
  z-index: 200;
  }

#mapsearch-prompt #whos-nearby .photos {
  width: 200px;
  position: absolute;
  top: 83px;
  left: 400px;
  z-index: 1;
  }

#mapsearch-prompt #whos-nearby .photos img {
  float: left;
  width: 58px;
  height: 58px;
  }

#mapsearch-prompt #never-leave {
  padding-left: 330px;
  padding-right: 20px;
  }

#mapsearch-prompt #never-leave .map-graphic {
  width: 430px;
  height: 335px;
  margin-top: -30px;
  position: absolute;
  left: -120px;
  background-repeat: no-repeat;
  }
.country-au #mapsearch-prompt #never-leave .map-graphic {
  background-position: 19px top;
  }

#mapsearch-prompt #never-leave #map-highlighted-1 img {
  position: absolute;
  left: 106px;
  top: 85px;
  width: 96px;
  height: 96px;
  z-index: 1;
  }

#mapsearch-prompt #never-leave #map-highlighted-2 img {
  position: absolute;
  left: 271px;
  top: 8px;
  width: 58px;
  height: 58px;
  z-index: 1;
  }

#mapsearch-prompt #never-leave #map-highlighted-3 img {
  position: absolute;
  left: 314px;
  top: 159px;
  width: 58px;
  height: 58px;
  z-index: 1;
  }
  
/* Adjusting the positioning in IE7 */
html>body #mapsearch-prompt #upgrade-now .map-graphic,
html>body #mapsearch-prompt #whos-nearby .map-graphic .graphic,
html>body #mapsearch-prompt #never-leave .map-graphic {
  * margin-top: -10px;
}

/*
----------------------------------------------------------------------
  Section:     Home CTAs
  Description: home upper CTA styling
---------------------------------------------------------------------- */
#completion-ctas {
  margin-bottom: 20px;
  }
#completion-ctas h2 {
  font-size: 1.3em;
  }
#completion-ctas div {
  border-width: 1px 0;
  }
#completion-ctas .buttons a {
  margin-right: 0;
  }
#completion-ctas .single {
  width: 395px;
  padding: 12px;
  float: left;
  display: inline;
  }
#completion-ctas #charateristics-cta.single {
  margin-left: 0;
  margin-right: 20px;
  }
#completion-ctas .wide {
  padding: 12px;
  position: relative;
  height: 1%;
  border-width: 0 0 1px 0;
  }
#completion-ctas .wide h2,
#completion-ctas .wide p {
  margin-right: 249px;
  }
#completion-ctas .wide h2 {
  font-size: 130%;
  margin-bottom: 0.5em;
  }
#completion-ctas .wide p {
  margin-bottom: 0;
  }
#completion-ctas .wide .big-link {
  float: right;
  margin-top: -34px;
  padding-left: 40px;
  line-height: 32px;
  width: 184px;
  font-size: 16px;
  }

/*
----------------------------------------------------------------------
  Section:     Facebook
  Description: facebook styles
---------------------------------------------------------------------- */
/* Connect buttons
------------------
e.g. markup:
<span class="wld-fb-button"><a href=""><span>Login using Facebook</span></a></span>
*/
.wld-fb-button {
  width: auto;
  height: 25px;
  margin: 0;
  padding: 0;
  display: inline-block;
  background: #4F6AA3 url(../images/fb-buttons.png);
  }
.wld-fb-button a {
  display: block;
  margin: 0;
  padding: 0;
  outline: 0 none;
  border: 0 none;
  background: transparent url(../images/fb-buttons.png) no-repeat left -60px;
  text-decoration: none;
  }
.wld-fb-button a:hover {
  text-decoration: none;
  }
.wld-fb-button a:active {
  background-position: left -85px;
  }
.wld-fb-button span {
  display: block;
  text-align: center;
  padding: 3px 6px 4px 6px;
  margin: 0 0 0 24px;
  border: 1px solid #29447E;
  font-size: 13px;
  line-height: 16px;
  color: #FFF;
  font-weight: bold;
  font-family: 'Lucida Grande', 'Arial Unicode MS', sans-serif;
  }

/*
  Add the following class to 'wld-fb-button-min' to stretch the
  button to fit it's container... */
.wld-fb-button-fit {
  width: 100%;
  }
/*
  Add the following class to 'wld-fb-button'
  for a tighter button... */
.wld-fb-button-min span {
  font-size: 12px;
  line-height: 15px;
  padding-top: 4px;
  }

#facebook-welcome {
  background: transparent url(../../../generic/images/facebook_logo.jpg) no-repeat 23px center;
  float: left;
  border-width: 1px 0 0 0;
  width: 100%;
  margin-top: 5px;
  }
#facebook-welcome .inner {
  margin: 15px 15px 0 110px;
  }
#facebook-welcome .inner p {
  margin-bottom: 10px;
  }
#facebook-welcome .inner p:last-child {
  margin-bottom: 0;
  }
#column-sidebar .facebook {
  margin-top: 21px;
  margin-bottom: 25px;
  }
#column-sidebar .facebook .legal {
  margin: 15px 0;
  font-size: 10px;
  line-height: 130%;
  width: 280px !important;
  }
.form-wrapper .facebook-connect-signup,
.form-wrapper .facebook-connect-login,
.form-wrapper .facebook-connect-connect,
.form-wrapper .facebook-connect-join {
  display: inline;
  height: 30px;
  line-height: 17px !important;
  width: auto;
  }
.form-wrapper .facebook-connect-signup span,
.form-wrapper .facebook-connect-login span,
.form-wrapper .facebook-connect-connect span,
.form-wrapper .facebook-connect-join span {
  display: block;
  clear: both;
  }
.form-wrapper .facebook-connect-login a span {
  display: inline-block;
  }
.form-wrapper .facebook-connect-signup a,
.form-wrapper .facebook-connect-login a,
.form-wrapper .facebook-connect-connect a,
.form-wrapper .facebook-connect-join a {
  background-repeat: no-repeat !important;
  height: 25px !important;
  padding: 0 !important;
  margin: 2px 0 0 0 !important;
  background-color: transparent !important;
  border-width: 1px !important;
  }
.form-wrapper .facebook-connect-signup a span,
.form-wrapper .facebook-connect-login a span,
.form-wrapper .facebook-connect-connect a span,
.form-wrapper .facebook-connect-join a span {
  height: 16px !important;
  margin: 0 0 0 24px !important;
  border: solid 1px #29447E;
  padding-top: 3px;
  }
.facebook-photoimport-min {
  margin-top: 1px;
  margin-left: 7px;
  display: inline-block;
  }
.another-option {
  display: inline-block;
  padding-left: 0.5ex;
  padding-right: 0.5ex;
  }
  
/*
----------------------------------------------------------------------
  Location Modal - Appears when user logs in and doesn't have a location
  set or when user edits location. A hack until all modals can be redesigend.
---------------------------------------------------------------------- */

#location-modal {
  /* 2px larger than desired due to border around di-wrap */
  width: 502px; 
}

#location-modal .di-header {
  padding: 15px;
}

#location-modal .di-header h2 {
  margin-bottom: 0;
  float: left;
}

#location-modal .map {
  height: 170px;
  line-height: 0;
  overflow: none;
}

#location-modal .map:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 170px;
  background: linear-gradient(rgba(0,0,0,.15) 0px,rgba(0,0,0,0) 3%, rgba(0,0,0,0) 97%, rgba(0,0,0,.15) 100%);
  background: -moz-linear-gradient(rgba(0,0,0,.15) 0px,rgba(0,0,0,0) 3%, rgba(0,0,0,0) 97%, rgba(0,0,0,.15) 100%);
  background: -webkit-linear-gradient(rgba(0,0,0,.15) 0px,rgba(0,0,0,0) 3%, rgba(0,0,0,0) 97%, rgba(0,0,0,.15) 100%);
  background: -o-linear-gradient(rgba(0,0,0,.15) 0px,rgba(0,0,0,0) 3%, rgba(0,0,0,0) 97%, rgba(0,0,0,.15) 100%);
}

#location-modal #incentives {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}

#location-modal #incentives li {
  position: absolute;

  height: 28px;
  line-height: 28px;
  padding: 2px 10px 0 10px;
  color: #404040;
  font-weight: bold;
  background-color: #fff;
  background-image: ;
  display: none;
  
  border-radius:         5px;
  -webkit-border-radius: 5px;
  -moz-border-radius:    5px;
  -ie-border-radius:     5px;
  -o-border-radius:      5px;
  
  box-shadow:         inset 0 -2px 0 0 rgba(0,0,0, 0.2), 0 6px 0 rgba(0,0,0,0.1), 0 2px 2px rgba(0,0,0,0.3);
  -webkit-box-shadow: inset 0 -2px 0 0 rgba(0,0,0, 0.2), 0 6px 0 rgba(0,0,0,0.1), 0 2px 2px rgba(0,0,0,0.3);
  -moz-box-shadow:    inset 0 -2px 0 0 rgba(0,0,0, 0.2), 0 6px 0 rgba(0,0,0,0.1), 0 2px 2px rgba(0,0,0,0.3);
  -ie-box-shadow:     inset 0 -2px 0 0 rgba(0,0,0, 0.2), 0 6px 0 rgba(0,0,0,0.1), 0 2px 2px rgba(0,0,0,0.3);
  -o-box-shadow:      inset 0 -2px 0 0 rgba(0,0,0, 0.2), 0 6px 0 rgba(0,0,0,0.1), 0 2px 2px rgba(0,0,0,0.3);
  
  z-index:9999;
  border-width: 2px;
}

#location-modal #incentives li:nth-of-type(1) {
  display: block;
  top: 90px;
  left: -20px;
}

#location-modal #incentives li:nth-of-type(2) {
  display: block;
  top: 160px;
  left: 140px;
}

#location-modal #incentives li:nth-of-type(3) {
  display: block;
  top: 100px;
  right: -50px;
}

#location-modal .di-body {
  padding: 0;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

#location-modal .di-body .di-body {
  padding: 20px;
}

#location-modal .form-item.location {
  width: 220px;
  margin: 0 auto;
}

#location-modal p.intro {
  margin-bottom: 20px;
}

#location-modal p.intro span.user-postcode {
  font-weight: bold;
  text-transform: uppercase;
}

#location-modal .ui-input {
    width: 100%;
}

#location-modal .postcode input[type="text"].large {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 12px 15px;
  font-size: 28px;
  line-height: 1;
  text-transform: uppercase;
}

#location-modal .form-item.location.region {
  width: 310px;
}

#location-modal .form-item.region .ui-autosuggest span {
  padding: 0 15px;
  height: 48px;
  line-height: 48px;
  margin-bottom: -48px;
  width: 310px;
  font-size: 20px;
}

#location-modal .form-item.region .ui-autosuggest input {
  padding: 0;
  margin: 5px 15px;
  line-height: 38px;
  height: 38px;
  font-size: 20px;
  width: 280px;
}

#location-modal .form-item.region .ui-autosuggest ul,
#location-modal .form-item.region .ui-autosuggest ul li {
  list-style: none;
}

#location-modal .form-item {
  padding: 0;
}

#location-modal .form-item .form-error {
  width: auto;
  margin-left: 0;
}

#location-modal .form-item.location label {
  font-size: 14px;
  margin-bottom: 10px;
  display: block;
}

#location-modal .form-item .info {
  font-size: 11px;
  color: #999;
  background: url(../images/themes/red/16/help.png) no-repeat left center;
  padding-left: 22px;
  margin-top: 10px;
}

#location-modal ul.sub-regions {
  padding: 0 10px;
}

#location-modal ul.sub-regions li {
  list-style: none;
  float: left;
  width: 48%;
  margin: 0 2% 10px 0;
  padding: 0;
}

#location-modal ul.sub-regions li span.marker {
  display: inline-block;
  overflow: hidden;
  text-indent: -9999em;
  height: 24px;
  width: 14px;
  background: url(../images/google-markers-sprite.png) left no-repeat;
  vertical-align: bottom;
  margin-right:2px;
}

#location-modal ul.sub-regions li span.marker-2 {
  background-position: -14px 0;
}

#location-modal ul.sub-regions li span.marker-3 {
  background-position: -28px 0;
}

#location-modal ul.sub-regions li span.marker-4 {
  background-position: -42px 0;
}

#location-modal ul.sub-regions li span.marker-5 {
  background-position: -56px 0;
}

#location-modal ul.sub-regions li span.marker-6 {
  background-position: -70px 0;
}

#location-modal ul.sub-regions li span.marker-7 {
  background-position: -84px 0;
}


#location-modal .di-body #location-page-one .di-body {
  padding-bottom: 19px; /* Adjust this to match the height of step 2 */
}

#location-modal .di-body #location-page-two .di-body {
  padding-bottom: 10px;
}

#location-modal .back-link {
  float: left;
  padding: 5px 0;
}

#location-modal .back-link a {
  text-decoration: underline;
}

/*
----------------------------------------------------------------------
  Section:     Facebook Photo Import
  Description: facebook Photo Import styles
---------------------------------------------------------------------- */
#fb_albums_view                                                       { height: 192px; border-width:1px; overflow-y: scroll; overflow-x: hidden; padding: 10px 0 0 10px; margin-top: 10px; position: relative; }
#fb_albums_view.loading,
#fb_processing span.loading                                           { background: transparent url(../images/spinner.gif) no-repeat center center; }
#fb_album_viewer                                                      { padding-top: 1em; }
#fb_album_viewer select                                               { font-size: 13px; line-height: 24px !important; vertical-align: middle; }
#fb_processing                                                        { text-align: center; }
#fb_processing span                                                   { display: block; min-height: 30px; }
#fb_albums_view div .fb_photo                                         { position: relative; margin: 0 8px 22px 0; float: left; display: inline; height: 100px; width: 100px; }
#fb_albums_view div .fb_photo .fb_photo_inner                         { border-width: 1px; padding: 3px; background-color: #fff; display: block; line-height: 96px; text-align: center; }
#fb_albums_view div .fb_photo.selected .fb_photo_inner                { border-width: 4px; padding: 0; }
#fb_albums_view div .fb_photo .status                                 { display: none; width: 24px; height: 24px; position: absolute; right: 10px; bottom: -14px; background-position: center center; border-width: 1px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; z-index: 1199; }
#fb_albums_view div .fb_photo.selected .status                        { display: block; }
#fb_albums_view div .fb_photo:hover .status                           { display: block; }
#fb_albums_view div .fb_photo img                                     { vertical-align: middle; max-width: 82px; max-height: 82px; }
#fb_albums_view div .fb_photo img:hover                               { cursor: pointer; }
#fb_photo_tray                                                        { margin: 20px 5px 0 5px; }
#fb_photo_tray p                                                      { margin: 0 0 5px 0; clear: both; display: block; }
#fb_photo_tray div.fb_photo_in_tray                                   { height: 44px; width: 44px; display: inline; position: relative; float: left; background: #fff; border-width: 1px; margin: 5px; overflow: hidden; }
#fb_photo_tray div.fb_photo_in_tray span.status                       { display: none; z-index: 1199; position: relative; left: 10px; top: 11px; width: 24px; height: 24px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; background-position: center center; opacity: 0.7; filter: alpha(opacity=70); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }
#fb_photo_tray div.fb_photo_in_tray.selected                          { cursor: pointer; }
#fb_photo_tray div.fb_photo_in_tray.selected:hover span.status        { display: block; }
#fb_album_viewer.ajax input[type="submit"]                            { display: none; }
#fb_album_viewer select#fb_albums                                     { max-width: 140px; }


/*
----------------------------------------------------------------------
  Section:     Bolt-On
  Description: Bolt-on styles
---------------------------------------------------------------------- */
table#bolt_on_history {
  width: 100%;
  }
table#bolt_on_history tr {
  border-bottom-width: 1px;
  }
table#bolt_on_history tr th {
  text-align: left;
  padding: 3px;
  border-bottom-width: 1px;
  }
table#bolt_on_history tr td {
  padding: 3px;
  }
table#bolt_on_history .date {
  width: 25%;
  }
table#bolt_on_history .bolt-ons {
  width: 60%;
  }
table#bolt_on_history .bolt-ons table td {
  padding-left: 0;
  width: 20%;
  }
table#bolt_on_history .amount {
  width: 20%;
  vertical-align: middle;
  }

/* Homepage Bolt-on promo
--------------------------------------------- */
div.bolton-promo-homepage {
  position: relative;
  float: right;
  width: 450px;
  height: 190px;
  margin-left: 12px;
  margin-bottom: -15px;
  padding: 12px 0 0 20px;
  border-left-width: 1px;
  }
div.bolton-promo-homepage h2 {
  margin-bottom: 25px;
  }
div.bolton-promo-homepage span.bolton-promo-subheader {
  font-size: 17px;
  font-weight: bold;
  }
div.bolton-promo-homepage p {
  width: 265px;
  margin-top: 5px;
  margin-bottom: 15px;
  }

/* Search VIP
--------------------------------------------- */
div.bolton-promo-homepage div.searchvip-promo {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 193px;
  height: 184px;
  }
div.bolton-promo-homepage div.searchvip-promo #searchvip-profile-image {
  position: absolute;
  top: 61px;
  left: 21px;
  border: 1px solid #c3c3c3;
  width: 67px;
  height: 67px;
  font-size: 12px;
  }
div.bolton-promo-search-page div.searchvip-142 {
  position: absolute;
  top: 68px;
  right: -20px;
  width: 142px;
  height: 142px;
  }


/* Search Pages promo */

div.bolton-promo-search-page {
  position: relative;
  }
 div.bolton-promo-search-page .promo-header-wrapper {
  padding: 15px 15px 10px;
  border-bottom-width: 1px;
  }
 div.bolton-promo-search-page .promo-content-wrapper {
  padding: 10px 15px 0px;
  }
div.bolton-promo-search-page h1 {
  font-size: 28px;
  line-height: 28px;
  margin-bottom: 10px;
  }
div.bolton-promo-search-page span.bolton-promo-subheader {
  font-size: 16px;
  }
div.bolton-promo-search-page p {
  width: 265px;
  margin-top: 5px;
  margin-bottom: 15px;
  }

/* Bolt-ons
-------------------------------------- */
body#member-inbox-conversation #message-free-badge {
  float: right;
  width: 51px;
  height: 52px;
  background-position: right top;
  margin-left: 15px;
  }





/* Payment page test overrides
-------------------------------------- */
#payment {
  padding-bottom: 10px;
  }

#payment * {
  font-family: Arial, Helvetica,'Lucida Sans Unicode', sans-serif !important;
  }

#payment #pay-head {
  padding: 32px 32px 10px 32px;
  margin-bottom: 1em;
  }

#payment #pay-wrapper {
  overflow: visible;
  zoom: 1;
  padding-right: 0;
  padding-left: 42px;
  min-width: 0;
  margin: 0 0 0 317px;
  }

#payment #pay-wrapper #pay-method {
  border-width: 0;
  width: 320px;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  box-shadow: inset 0px 0px 1px 2px rgba(0,0,0,.05)
  }

#payment #pay-wrapper #product-options li {
  border-style: dotted;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 38px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  }
#payment #pay-wrapper #product-options li.product-opt-selected .product-boast {
  right: 0px;
  }

#payment #pay-context {
  float: left;
  display: inline;
  margin-left: 32px;
  width: 266px;
  padding: 0;
  }

#payment #pay-context .context-section {
  margin-bottom: 35px;
  }
#payment #pay-context .context-section:last-child {
  margin-bottom: 0;
  }

#payment #pay-context h2 {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0.5em;
  font-weight: normal;
  font-size: 170%;
  line-height: 130%;
  }

#payment h2#pay-active-secure {
  font-weight: normal;
  position: static;
  line-height: 32px;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 38px;
  margin-bottom: 0.2em;
  }
#payment h2#pay-active-secure strong {
  line-height: normal;
  vertical-align: middle;
  }

#payment #pay-security {
  margin: 0;
  }

#payment h2#pay-active-secure {
  line-height: 32px;
  }

#payment h2#pay-active-secure .pop {
  font-size: 22px;
  }

/* Carrot/teaser */
#payment #pay-context #pay-carrot-benefits {
  padding: 0;
  margin: 0;
  border: 0;
  }
#payment #pay-context #pay-carrot-benefits ul {
  padding: 0 0 0 10px;
  }
#payment #pay-context #pay-carrot-benefits ul li {
  margin-bottom: 0;
  width: auto;
  padding-left: 24px;
  padding-bottom: 0.6em;
  font-style: italic;
  display: block;
  float: none;
  }
#payment #pay-context #pay-carrot-benefits ul li.icon-tick {
  font-size: 15px;
  font-style: normal;
  }

#payment .pay-carrot-teaser-badge {
  float: left;
  padding: 2px;
  margin: 4px 8px 8px 0;
  border-width: 0;
  }
#payment .profile-teaser .pay-carrot-teaser-badge {
  background: white;
  border-width: 1px;
  transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  -webkit-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  box-shadow: -1px 1px 1px rgba(0,0,0,0.1);
  }
#payment .pay-carrot-member-online .pay-carrot-member-status {
  margin-left: -8px;
  width: 78px;
  }
#payment .profile-teaser .pay-carrot-teaser-badge .pay-carrot-member-img img {
  display: block;
  }
#payment .pay-carrot-teaser-txt {
  margin-left: 86px;
  margin-right: 5%;
  font-size: 120%;
  line-height: 150%;
  font-weight: normal;
  }
#payment #pay-context #pay-incentive:first-child .pay-carrot-teaser-txt {
  margin-right: 0;
  }
#payment #pay-context #pay-incentive:first-child .feature-teaser,
#payment #pay-context #pay-incentive:first-child .profile-teaser {
  border-style: dotted;
  border-bottom-width: 1px;
  padding-bottom: 1em;
  }
#payment #pay-context #pay-incentive:first-child .feature-teaser h2,
#payment #pay-context #pay-incentive:first-child .profile-teaser h2 {
  display: none;
  }
#payment .feature-teaser .pay-carrot-teaser-txt {
  margin-left: 64px;
  }
#payment .pay-carrot-teaser-txt br {
  display: none;
  }


#payment #pay-context h2 span {
  display: block;
  margin: 0.5em 0;
  font-size: 14px;
  font-weight: bold;
  }

/* Phone support */
#payment #pay-context #pay-tel .pay-tel-uk p {
  margin-left: 55px;
  margin-bottom: 1.2em;
  }
#payment #pay-context #pay-tel #pay-flag {
  float: left;
  }
#payment #pay-context #pay-tel #pay-phone-no {
  font-style: normal;
  font-size: 32px;
  letter-spacing: -1px;
  display: block;
  margin-bottom: 0.4em;
  }


/* Intro (just for credit top-ups ATM)
-------------------------------------- */
#payment #pay-intro {
  border-style: dotted;
  border-bottom-width: 1px;
  }
#payment #pay-intro h1 {
  font-size: 180%;
  line-height: 150%;
  margin-bottom: .5em;
  text-transform: uppercase;
  }
#payment #pay-intro p {
  font-size: 120%;
  line-height: 150%;
  font-weight: normal;
  }


/* Credit top-up
---------------- */
#payment.pay-credits #pay-method {
  min-height: 290px;
  }
#payment.pay-credits #pay-context ul {
  padding-bottom: 0;
  }
#payment.pay-credits #pay-context #pay-incentive ul li {
  background-repeat: no-repeat;
  background-position: 0 0.1em;
  padding-left: 25px;
  font-size: 13px;
  margin-bottom: 1em;
  zoom: 1;
  }
#payment.pay-credits #pay-context ul li strong {
  display: block;
  cursor: pointer;
  }

#payment.pay-credits #product-options li {
  padding: 15px 0 15px 5px;
  }
#payment.pay-credits #product-options li.product-opt-selected {
  height: 60px;
  }


/* Security
----------- */
#payment #pay-secure #pay-security {
  overflow: visible;
  height: auto;
  }
#payment #pay-secure #pay-security li {
  margin-right: 2px;
  }
#payment #pay-secure.paypal-enabled #pay-security li img {
  width: 82px;
  }


/*
----------------------------------------------------------------------
  Section:     Notification Bar
  Description: Site-wide styles for the notification bar
---------------------------------------------------------------------- */

/* Notification Bar
-------------------------------------------------- */
#notificationbar {
  background: #555;
  background: -webkit-linear-gradient(#666,#444);
  background: -moz-linear-gradient(#666,#444);
  width: 1010px;
  position: fixed;
  bottom: -3px;
  left: 50%;
  margin-left: -505px;
  z-index: 911;
  box-shadow: 0 0 5px 1px rgba(0,0,0,0.3);
  }
#notificationbar a {
  color: #aaa;
  }
#notificationbar a:hover {
  color: #fff;
  }
#notificationbar .count {
  position: absolute;
  line-height: 1;
  padding: 3px 4px;
  box-shadow: 0 0 3px #000;
  border-radius: 10px;
  right: -3px;
  top: -3px;
  font-weight: bold;
  font-size: 9px;
  pointer-events: none;
  }


/* Notification Bar - Menus
-------------------------------------------------- */
#notificationbar .menu {
  position: absolute;
  white-space: pre;
  bottom: 20px;
  display: none;
  /*left: -9px;*/
  padding-bottom: 21px;
  margin-left: -40px;
  }
#notificationbar .menu-title {
  background: #444;
  color: #fff;
  margin: 0 -1px;
  border-bottom: 1px solid #555;
  box-shadow: 0 1px 1px #000;
  }
#notificationbar .menu-title span {
  margin: 0 8px;
  padding: 4px 0;
  border-top: 3px solid white;
  display: block;
  }
#notificationbar .menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  }
#notificationbar .menu li a {
  display: block;
  background: #333;
  background: rgba(0,0,0,.85);
  padding: 4px 8px;
  }
#notificationbar .menu li:last-child a {
  border-bottom: 1px solid black;
  }
#notificationbar .button:hover .menu {
  display: block;
  }


/* Notification Bar - Tool Tips
-------------------------------------------------- */
#notificationbar .notificationbar-tooltip {
  position: absolute;
  bottom: 52px;
  left: 0;
  color: #aaa;
  background: #333;
  background: rgba(0,0,0,.85);
  box-shadow:0 0 5px rgba(0,0,0,0.5);
  display: none;
  white-space: pre;
  }
#notificationbar .notificationbar-tooltip span {
  font-size: 12px !important;
  line-height: 18px !important;
  margin: 0 8px;
  padding: 4px 0;
  border-top: 3px solid white;
  display: block;
  }
#notificationbar .notificationbar-tooltip:after {
  content: " ";
  font-size: 0;
  position: absolute;
  border: 8px solid transparent;
  border-top-color: #333;
  border-top-color: rgba(0,0,0,0.85);
  top: 29px; /* This is designed to fit the exact font size and line height spec'd for the span content */
  margin-left: -8px;
  left: 50%;
  }


/* Notification Bar - Callouts
-------------------------------------------------- */
#notificationbar .callout {
  position: absolute;
  bottom: 92px;
  color: #aaa;
  background: #333;
  background: rgba(0,0,0,.85);
  box-shadow: 0 0 5px rgba(0,0,0,0.5);
  }
#notificationbar .callout:after {
  content: "";
  position: absolute;
  border: 15px solid #333;
  border: 15px solid rgba(0,0,0,0.85);
  border-left-color: transparent;
  border-bottom-color: transparent;
  bottom: -30px;
  right: 30px;
  }


/* Notification Bar - Activity feed
-------------------------------------------------- */
#notificationbar-history {
  position: relative;
  float: right;
  width: 411px;
  }
#notificationbar-history .carousel {
  float: right;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 47px;
  }
#notificationbar-history .carousel ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 200%;
  }
#notificationbar-history .carousel li {
  position: relative;
  margin-left: 3px;
  float: left;
  }
#notificationbar-history .carousel li div {
  display: none;
  right: 0;
  left: auto;
  }
#notificationbar-history img {
  width: 40px;
  height: 40px;
  padding: 4px 4px 0 4px;
  background: url(../images/notification/notificationbar.png);
  cursor: pointer;
  }
#notificationbar-history img.unread {
  background-position: -48px 0;
  }
#notificationbar-history img.blank {
  cursor: default;
  visibility: hidden;
  }
#notificationbar-history .fake-profile {
  position: absolute;
  background: #222;
  width: 70px;
  height: 70px;
  margin: -30px -15px 0 -15px;
  box-shadow: 0 0 2px #000;
  z-index: 901;
  border: 3px solid #fff;
  padding: 1px;
  }

/* activity feed callout */
#notificationbar-history .callout {
  min-width: 224px;
  bottom: 110px;
  }
#notificationbar-history .callout a {
  cursor: pointer;
  }
#notificationbar-history .callout-head {
  padding: 10px 10px 10px 52px;
  border-bottom: 1px solid #555;
  background: 10px 11px no-repeat;
  }
#notificationbar-history .callout-head.message {
  background-image: url(../images/themes/white/32/private.png);
  }
#notificationbar-history .callout-head.wink {
  background-image: url(../images/themes/white/32/wink.png);
  }
#notificationbar-history .callout-head.view {
  background-image: url(../images/themes/white/32/view.png);
  }
#notificationbar-history .callout-head.gift {
  background-image: url(../images/themes/white/32/gift.png);
  }
#notificationbar-history .callout-head.favourite {
  background-image: url(../images/themes/white/32/favourite.png);
  }
#notificationbar-history .callout-head.member {
  background-image: url(../images/themes/white/32/profile-view.png);
  }
#notificationbar-history .callout-actions {
  border-bottom: 1px solid #555;
  overflow: hidden;
  white-space: nowrap;
  }
#notificationbar-history .callout-head b {
  display: block;
  font-weight: bold;
  font-size: 140%;
  color: #fff;
  }
#notificationbar-history .callout-actions a {
  float: left;
  padding: 10px 10px 10px 30px;
  border-right: 1px solid #555;
  background: 8px 50% no-repeat;
  cursor: pointer;
  }
#notificationbar-history .callout-actions .wink {
  background-image: url(../images/themes/gray/16/wink.png);
  }
#notificationbar-history .callout-actions .done {
  background-image: url(../images/themes/gray/16/tick.png);
  }
#notificationbar-history .callout-actions .profile {
  background-image: url(../images/themes/gray/16/profile-view.png);
  }
#notificationbar-history .callout-actions .ignore {
  background-image: url(../images/themes/gray/16/profile-view.png);
  }
#notificationbar-history .callout-head .tool {
  margin-left: 3px;
  float: right;
  width: 16px;
  height: 16px;
  background: url(../images/notification/notification-bar-sprites.png) no-repeat;
  overflow: hidden;
  font-size: 9999%;
  cursor: pointer;
  }
#notificationbar-history .callout-head > .tool:last-child {
  margin-left: 0;
  }
#notificationbar-history .callout-head .tool.close {
  background-position: -44px -42px;
  }
#notificationbar-history .callout-head .tool.close:hover {
  background-position: -44px -26px;
  }
#notificationbar-history .callout-head .settings {
  background-position: -414px -42px;
  }
#notificationbar-history .callout-head .callout-menu:hover .settings {
  background-position: -414px -26px;
  }

#notificationbar-history .callout-menu {
  position: relative
  }
#notificationbar-history .callout-menu ul {
  position: absolute;
  bottom: -5px;
  right: -10px;
  display: none;
  padding: 0 0 15px 0;
  min-width: 120px;
  }

#notificationbar-history .callout-menu li {
  padding: 4px 8px;
  display: block;
  background: #393939;
  text-align: right;
  }

#notificationbar-history .callout-menu:hover ul {
  display: block;
  }

/* Notification Bar - Panels
-------------------------------------------------- */
#notificationbar .panel {
  padding: 4px;
  float: left;
  }
#notificationbar .panel.activity-panel {
  background: -webkit-linear-gradient(#555,#333);
  background: -moz-linear-gradient(#555,#333);
  border-left: 1px solid #333;
  border-right: 1px solid #000;
  float: right;
  padding: 4px 0 0 0;
  }
#notificationbar .panel.home-panel,
#notificationbar .panel.settings-panel {
  background: #333;
  padding: 3px;
  border: 1px solid #515151;
  border-width: 1px 1px 0 1px;
  }
#notificationbar .panel.settings-panel {
  border-left: 1px solid #555;
  float: right;
  }
#notificationbar .panel.actions-panel {
  border-left: 1px solid #333;
  }


/* Notification Bar - Buttons
-------------------------------------------------- */
#notificationbar .button {
  position: relative;
  float: left;
  margin: 0 4px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url(../images/notification/notification-bar-sprites.png);
  }

#notificationbar .button > a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-size: 9999%; /* IE<9 fix for empty <a> */
  }

#notificationbar .button:hover .notificationbar-tooltip {
  display: block;
  }

/* Action panel buttons
----------------------- */
#notificationbar .panel.actions-panel .button {
  width: 34px;
  height: 34px;
  margin-top: 3px;
  margin-bottom: 3px;
  }

#notificationbar .button.settings {
  background-position: -320px 2px;
  width: 16px;
  height: 42px;
  }
#notificationbar .button.settings:hover {
  background-position: -320px -39px;
  }

#notificationbar .button.home {
  width: 60px;
  height: 42px;
  background-position: -110px -50px;
  }
#notificationbar .button.home:hover {
  background-position: -110px 1px;
  }


/* Notification Bar - Themed buttons
-------------------------------------------------- */
#notificationbar .actions-panel .button {
  background: url(../images/notification/notification-bar-buttons.png) no-repeat left top;
  }
#notificationbar .actions-panel .button.search {
  margin-right: 16px;
  background-position: -8px -11px;
  }
#notificationbar .actions-panel .button.search:hover {
  background-position: -8px -56px;
  }

#notificationbar .actions-panel .button.message {
  background-position: -53px -11px;
  }
#notificationbar .actions-panel .button.message:hover {
  background-position: -53px -56px;
  }

#notificationbar .actions-panel .button.wink {
  background-position: -96px -11px;
  }
#notificationbar .actions-panel .button.wink:hover {
  background-position: -96px -56px;
  }

#notificationbar .actions-panel .button.favourite {
  background-position: -140px -11px;
  }
#notificationbar .actions-panel .button.favourite:hover {
  background-position: -140px -56px;
  }

#notificationbar .actions-panel .button.view {
  background-position: -185px -11px;
  }
#notificationbar .actions-panel .button.view:hover {
  background-position: -185px -56px;
  }

/* ====================================

wld.ui.css

===================================== */

.ui-field {
  cursor: default;
  display: inline-block;
  *display: inline; zoom: 1;/* IE 7 fix for display: inline-block */
  vertical-align: middle;
}
.ui-field > span,
.ui-field input {
	white-space: nowrap;
}

.ui-field > span,
.ui-input input,
.ui-textarea {
  display: block;
  overflow: hidden;
  border-width: 1px;
  padding: 4px;
  vertical-align: middle;
  color: #525252;
  font-size: 12px;
  border-radius: 4px;
  background-color: #fff;
  line-height: 23px;
}

.ui-textarea {
	line-height: 18px;
}

.form-item .ui-textarea {
	border-width: 1px; /* Ensure border is applied for textareas with .form-item wrapper class e.g. for JS validation */
}

::-webkit-input-placeholder,
:-moz-placeholder,
:-ms-input-placeholder,
:placeholder {
	color: #cbcbcb;
	}

.ui-field.ui-autosuggest > span,
.ui-field.ui-checkbox > span,
.ui-field.ui-radio > span,
.ui-field.ui-input input,
.ui-textarea {
  box-shadow: 0 2px 0 rgba(0,0,0, 0.08) inset, 0 -1px 1px rgba(0,0,0, 0.05);
} 

.ui-field.ui-select span {
  box-shadow: 0 2px 0 rgba(0,0,0, 0.08), 0 -2px 3px rgba(0,0,0, 0.05) inset;
}

.ui-field.ui-input input {
  margin: 0;
}

.ui-field.ui-input input:focus,
.ui-textarea:focus {
  outline: none;
}

.ui-checkbox, .ui-radio {
  line-height: 18px;
  margin-right: 5px;
  position: relative;
  top: -1px;
}

input[disabled] + .ui-field span {
	box-shadow: none;
	opacity: 0.4;
}

.ui-checkbox > span, .ui-radio > span {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  width: 12px;
  height: 12px;
  vertical-align: text-bottom;
}

.ui-radio > span {
  border-radius: 12px;
  position: relative;
}

.ui-radio > span .ui-radio-indicator {
  display: none;
}

.ui-radio > span.ui-selected .ui-radio-indicator {
  display: block;
  height: 8px;
  width: 8px;
  padding: 0;
  border-radius: 8px;
  position: absolute;
  top: 6px;
  left: 6px;
}

.ui-file {
	overflow: hidden;
	position: relative;
	margin-top: -100px;
}
.ie7 .ui-file {
	margin-top: 0;
}

.ui-file span {
	border: none;
	padding: 0;
	overflow: visible;
}

.ui-file button {
	margin-bottom: 4px;
	margin-top: 100px;
}

.ui-file input {
	font-size: 9999%;
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}

/* Override the indicator color if the site
   uses the white, yellow or silver themes
   as they are difficult to see on the white
   input background */
body.white .ui-radio-indicator,
body.yellow .ui-radio-indicator,
body.silver .ui-radio-indicator {
  background-color: #808080;
  color: #ffffff;
}

.ui-select {
  cursor: default;
  display: inline-block;
  vertical-align: middle;
}

.ui-select span {
  padding: 4px 22px 4px 6px;
  background-position: right;
  background-repeat: no-repeat;
}

.ui-select b {
  display: block;
  overflow: hidden;
  font-weight: normal;
  text-overflow: ellipsis;
}

.ui-select ul,
.ui-autosuggest ul {
  display: block;
  border: 1px solid #ccc;
  max-height: 289px;
  max-width: 300px;
  overflow: auto;
  overflow-y: auto;
  overflow-x: hidden;
  background: #fff;
  position: absolute;
  margin: -3px 0 0 0;
  padding: 0;
  box-shadow: 0 2px 2px rgba(0,0,0,0.2);
  z-index: 70;
  list-style: none;
}

.ui-autosuggest ul {
  min-width: 202px;
}

.ui-select li,
.ui-autosuggest li {
  display: block;
  padding: 0 15px 0 20px !important; /* HACK: !important is needed because ".di-body ul li" forces LI padding to 10px */
  white-space: nowrap;
  margin: 0;
  color: #666;
  list-style: none;
  height: 28px;
  line-height: 28px;
  border-bottom: 1px solid #e7e7e7;
}

.ui-autosuggest li {
  padding: 0 20px 0 5px !important; /* HACK: !important is needed because ".di-body ul li" forces LI padding to 10px */
}

.ui-autosuggest li i {
  font-style: normal;
  color: #CECECE;
}

.di-body .ui-select ul li {
  list-style: none !important; /* HACK: !important is needed because ".di-body ul li" forces LI list-style to disc */
  *list-style-position: outside !important; /* Yes IE7 needs this specifically set */
}

.ui-select li.ui-selected {
  color: #000;
  background-position: 2px 50%;
  background-repeat: no-repeat;
  background-color: #f8f8f8;
}

.ui-autosuggest ul:hover li.ui-selected {
  background: #f8f8f8;
  color: #000;
}

.ui-select[multiple] li:first-child {
  border-bottom: 1px dashed #ccc;
  font-weight :bold;
  color: #000
}

.ui-select li:hover,
.ui-autosuggest ul:hover li:hover,
.ui-autosuggest li.ui-selected,
.ui-select[multiple] li:first-child:hover {
  background-color: #4066a7;
  color: #fff;
}

.ui-select li:last-child,
.ui-autosuggest li:last-child {
  border-bottom: 0;
}

.ui-select li:only-child,
.ui-autosuggest li:only-child {
  border-bottom: 0;
}


/* ---------------------------------------------------------- */
/* Autosuggest > iPad Version */
/* ---------------------------------------------------------- */

body.restricted-ui .ui-autosuggest ul,
body.restricted-ui .ui-autosuggest ul li:first-child,
body.restricted-ui .ui-autosuggest ul li:last-child {
  border-radius: 0;
}

/*
.fancy-select[multiple] li:not(:first-child) {
  box-sizing: border-box;
  width:50%;
  float:left;
  border-right:1px solid #eee;
  overflow:hidden
}*/

.ui-focused, .ui-field.ui-input input:focus,
textarea:focus {
  border-color: rgb(125,170,242) !important;
  box-shadow: 0 0 3px 1px rgba(125,170,242,0.5), 0 2px 0 rgba(0,0,0, 0.08) inset, 0 -2px 3px rgba(0,0,0, 0.05) !important;
}

/* Autosuggest field
---------------------------------------------------------------------- */

.ui-autosuggest span {
  color:#ccc;
  padding: 0 6px;
  height: 33px;
  line-height: 33px;
  display: block;
  margin-bottom:-33px;
}

.ui-autosuggest input {
  outline: none !important;
  border:none;
  padding: 0;
  margin: 5px 6px;
  line-height: 23px;
  height: 23px;
  font-size: 12px;
  background: transparent;
}

/* Location Fields
---------------------------------------------------------------------- */

.ui-location-field-wrapper {
  position:relative;
}

.ui-location-field-wrapper .ui-select {
  position: absolute;
  top: 7px;
  right: 6px;
  background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), #FFFFFF 10px) repeat scroll 0 0 transparent;
  background: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), #FFFFFF 10px) repeat scroll 0 0 transparent;
  background: -o-linear-gradient(0deg, rgba(255, 255, 255, 0), #FFFFFF 10px) repeat scroll 0 0 transparent;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0), #FFFFFF 10px) repeat scroll 0 0 transparent;
  margin-left: -14px;
  padding-left: 14px;
  /** IE7/8 Hack to remove spacing when gradients aren't supported, see http://paulirish.com/2009/browser-specific-css-hacks/ **/
  margin-left/*\**/: 0\9;
  padding-left/*\**/: 0\9;
}

.ui-location-field .ui-select > span {
  padding: 0 6px;
  border-radius: 10px;
  font-size: 10px;
  line-height: 20px;
  padding-right: 14px;
  box-shadow: 0 1px 0 rgba(0,0,0, 0.08), 0 -2px 3px rgba(0,0,0, 0.05) inset;
}


/* ---------------------------------------------------------- */
/* !Profile prompt/nag/modal */
/* ---------------------------------------------------------- */
.profile-prompt .di-header {
  padding: 20px;
  }
.profile-prompt h2 {
  font-size: 180%;
  line-height: 1.3em;
  margin-bottom: 0;
  }
.profile-prompt .di-wrap {
  overflow: visible;
  }
.profile-prompt .di-body {
  padding: 20px 20px 15px 20px;
  }
.profile-prompt  #profile-nag-deco {
  margin-top: 20px;
  }
/* Select #profile-nag-deco using nth-child */
.profile-prompt #profile-nag-deco:nth-child(2) {
  margin-top: 0;
  padding-top: 25px;
  height: 180px;
  position: relative;
  }
.profile-prompt .postpone {
  padding: 0;
  margin-top: 0;
  }
.profile-prompt .prompt-content {
  padding: 0;
  }
.profile-prompt .prompt-intro {
  float: right;
  width: 42%;
  }
.profile-prompt .prompt-intro p {
  font-size: 12px;
  }
.profile-prompt .prompt-form {
  width: 55%;
  float: left;
  }
.profile-prompt .form-error {
  margin-left: 0;
  }
.profile-prompt .prompt-form .form-item {
  padding: 0;
  margin-bottom: 10px;
  }
.profile-prompt .prompt-form .buttons button {
  float: right;
  }
.profile-prompt #profile-nag-form .bordered {
  border-width: 1px;
  height: auto;
  margin: 0;
  line-height: 0;
  }
.profile-prompt #profile-nag-form .bordered textarea {
  line-height: auto;
  }
.profile-prompt #profile-nag-deco {
  margin-top: 20px;
  }
.profile-prompt #profile-nag-deco .profile-nag-me-photo {
  float: left;
  height: 65px;
  width: 65px;
  margin: 2px 4px 0 0;
  text-indent: -9999em;
  overflow: hidden;
  background-position: 50% 50%;
  background-size: 100% 100%;
  }
.profile-prompt .di-body > div:nth-child(2) {
  /* Select #profile-nag-deco using nth-child */
  margin-top: 0;
  padding-top: 25px;
  height: 180px;
  position: relative;
  }
.profile-prompt #profile-nag-deco .bubble {
  display: none;
  }
.profile-prompt #profile-nag-deco > div:nth-child(1n) {
  position: absolute;
  margin: 0;
  border-radius: 50%;
  overflow: visible;
  -moz-box-shadow: 0 5px 0 rgba(0,0,0,0.1), inset 0 2px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 5px 0 rgba(0,0,0,0.1), inset 0 2px 3px rgba(0,0,0,0.2); box-shadow: 0 5px 0 rgba(0,0,0,0.1), inset 0 2px 3px rgba(0,0,0,0.2);
  }
.profile-prompt #profile-nag-deco > div:nth-child(1n) .bubble {
  position: absolute;
  top: -35px;
  left: 50%;
  display: block;
  margin-left: -60px;
  width: 104px;
  height: 44px;
  overflow: hidden;
  z-index: 1002;
  background-position: 0 -48px;
  background-repeat: no-repeat;
  text-indent: 0;
  line-height: 26px;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: bold;
  color: #000; /* Needs to be fixed as we're fixing the background colour */
  }
.profile-prompt #profile-nag-deco .icon-profile-70 {
  background-size: 100% auto;
  }
.profile-prompt #profile-nag-deco > div:nth-child(1) {
  top: 30px;
  left: 15px;
  height: 90px;
  width: 90px;
  }
.profile-prompt #profile-nag-deco > div:nth-child(2) {
  top: 85px;
  left: 90px;
  height: 50px;
  width: 50px;
  }
.profile-prompt #profile-nag-deco > div:nth-child(3) .bubble,
.profile-prompt #profile-nag-deco > div:nth-child(5) .bubble {
  display: none;
  }
.profile-prompt #profile-nag-deco > div:nth-child(2) .bubble,
.profile-prompt #profile-nag-deco > div:nth-child(7) .bubble {
  padding-top: 14px;
  height: 32px;
  top: auto;
  bottom: -40px;
  background-position: 0 0;
  background-repeat: no-repeat;
  }
.profile-prompt #profile-nag-deco > div:nth-child(3) {
  top: 25px;
  left: 120px;
  height: 70px;
  width: 70px;
  }
.profile-prompt #profile-nag-deco > div:nth-child(4) {
  top: 60px;
  left: 185px;
  height: 80px;
  width: 80px;
  }
.profile-prompt #profile-nag-deco > div:nth-child(5) {
  top: 55px;
  left: 255px;
  height: 40px;
  width: 40px;
  }
.profile-prompt #profile-nag-deco > div:nth-child(6) {
  top: 45px;
  left: 297px;
  height: 110px;
  width: 110px;
  }
.profile-prompt #profile-nag-deco > div:nth-child(7) {
  top: 90px;
  left: 395px;
  height: 65px;
  width: 65px;
  }
.profile-prompt #profile-nag-deco > div:nth-child(8) {
  top: 50px;
  left: 460px;
  height: 75px;
  width: 75px;
  }
.profile-prompt #profile-nag-deco .profile-nag-me-photo img {
  position: absolute;
  top: 0;
  left: 0;
  }


/* ---------------------------------------------------------- */
/* !Icebreaker prompt/nag/modal */
/* ---------------------------------------------------------- */
.icebreaker-prompt {
  height: auto;
  }
.icebreaker-prompt .di-body {
  padding: 0;
  }
.icebreaker-prompt .di-header {
  padding: 20px;
  }
.icebreaker-prompt h2 {
  font-size: 180%;
  line-height: 1.3em;
  margin-bottom: 0;
  }
.icebreaker-prompt .prompt-wrap {
  padding-bottom: 25px;
  }

/* !Icebreaker prompt form */
.icebreaker-prompt .prompt-content {
  padding: 20px 250px 20px 20px;
  background-image: url(../images/themes/gray/prompt-icebreaker.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  min-height: 414px;
  }
.icebreaker-prompt .prompt-content > p {
 margin-bottom: 1em;
 }
.icebreaker-prompt .prompt-content > p strong {
  position: relative;
  bottom: -1px;
  }
.icebreaker-prompt .form-error {
  margin-left: 0;
  }
.icebreaker-prompt .form-item {
  clear: both;
  border-top-width: 1px;
  border-top-style: dotted;
  padding: 4px 0;
  }
.icebreaker-prompt .form-label {
  width: 80px;
  text-align: left;
  color: #888;
  font-weight: bold;
  float: left;
  padding: 4px 0;
  }
.icebreaker-prompt .form-field,
.icebreaker-prompt #icebreaker-prompt-form .buttons {
  float: right;
  width: 238px;
  padding: 6px 0 4px 0;
  }
.icebreaker-prompt #icebreaker-prompt-form .buttons {
  padding: 0;
  }
.icebreaker-prompt #icebreaker-nag-filter .form-field {
  float: left;
  width: auto;
  margin-top: 2px;
  margin-right: 6px;
  padding: 4px 0;
  }
.icebreaker-prompt #icebreaker-nag-filter div:last-child {
  margin-right: 0;
  }
.icebreaker-prompt .form-field span:first-child {
  margin-top: 1px;
  margin-bottom: 3px;
  display: block;
  }
.icebreaker-prompt .form-field input, .icebreaker-prompt .form-field textarea {
  width: 230px;
  padding: 3px;
  }
#icebreaker-nag-filter {
  overflow: auto;
  border: 0;
  }
#icebreaker-nag-filter .fancy-select-field {
  width: 2.5em;
  }
#icebreaker-nag-filter .subfield {
  display: inline-block;
  width: auto;
  }
#icebreaker-nag-filter .subfield select {
  width: auto;
  }
#icebreaker-nag-filter fieldset {
  color: #666;
  font-size: 90%;
  }
.icebreaker-prompt p#read-bolton-notice {
  border-top-width: 1px;
  border-style: dotted;
  margin-bottom: 0;
  margin-left: 90px;
  padding: 4px 0;
  background-repeat: no-repeat;
  background-position: 2px 2px;
  position: relative;
  }
.icebreaker-prompt #read-bolton-notice .icon {
  display: block;
  width: 16px;
  height: 16px;
  text-indent: -32px; /* Hide the info 'i' */
  position: absolute;
  left: -22px;
  margin-top: -1px;
  overflow: hidden;
  }
.icebreaker-prompt .postpone {
  position: absolute;
  bottom: 15px;
  right: 15px;
  }

/* !Icebreaker prompt > deco */
.icebreaker-prompt .prompt-deco .member-action {
  font-family: Arial, Helvetica, 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  background: white;
  color: black;
  border-width: 1px;
  position: absolute;
  }
.icebreaker-prompt .prompt-deco .member-action .shadow {
  background-image: url(../images/shadow-slice.png);
  background-repeat: repeat-x;
  background-position: left -12%;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  }
.icebreaker-prompt .prompt-deco .member-action .action-txt {
  background-repeat: no-repeat;
  display: block;
  line-height: 4em;
  }
.icebreaker-prompt .prompt-deco .member-action .action-txt span {
  display: inline-block;
  line-height: 1.33em;
  vertical-align: middle;
  }
.icebreaker-prompt .prompt-deco .member-action .pic {
  float: right;
  border-width: 1px;
  }

/* Icebreaker prompt > 3rd row action (furthest away) */
.icebreaker-prompt .prompt-deco #member-action-1 {
  font-size: 10px !important;
  width: 162px;
  padding: 4px;
  bottom: 270px;
  right: -53px;
  }
.icebreaker-prompt .prompt-deco #member-action-1 .pic {
  width: 43px;
  height: 43px;
  }
.icebreaker-prompt .prompt-deco #member-action-1 .action-txt {
  background-image: url(../images/themes/gray/32/private.png);
  background-position: 3px center;
  padding-left: 40px;
  margin-right: 64px;
  height: 45px;
  }

/* Icebreaker prompt > 2nd row action */
.icebreaker-prompt .prompt-deco #member-action-2 {
  font-size: 10.5px !important;
  width: 184px;
  padding: 6px;
  bottom: 215px;
  right: -45px;
  }
.icebreaker-prompt .prompt-deco #member-action-2 .pic {
  width: 50px;
  height: 50px;
  }
.icebreaker-prompt .prompt-deco #member-action-2 .action-txt {
  background-image: url(../images/themes/gray/32/view.png);
  background-position: 5px center;
  padding-left: 48px;
  margin-right: 64px;
  height: 52px;
  }

/* Icebreaker prompt > 1st (front-most) action */
.icebreaker-prompt .prompt-deco #member-action-3 {
  font-size: 13px !important;
  width: 222px;
  padding: 8px;
  bottom: 153px;
  right: -35px;
  background-image: none;
  }
.icebreaker-prompt .prompt-deco #member-action-3 .pic {
  width: 58px;
  height: 58px;
  }
.icebreaker-prompt .prompt-deco #member-action-3 .action-txt {
  background-image: url(../images/themes/gray/48/wink.png);
  background-position: 3px center;
  padding-left: 58px;
  margin-right: 66px;
  height: 60px;
  }
.icebreaker-prompt ol.steps {
  margin-top: 20px;
  }
.icebreaker-prompt ol.steps li {
  border-top-width: 1px;
  border-top-style: dotted;
  padding: 10px 10px 10px 40px;
  background-repeat: no-repeat;
  background-position: left;
  }
.icebreaker-prompt ol.steps li p {
  margin: 0;
  }
.icebreaker-prompt ol.steps li p a {
  font-weight: bold;
  }

/* !Icebreaker prompt > thankyou response */
.icebreaker-prompt #icebreaker-response-text {
  padding: 20px;
  display: block;
  }


#maintenance-message {

}

#maintenance-message h2 {
  font-size: 22px;
}

#maintenance-message p.intro {
  font-size: 14px;
  line-height: 26px;
}

#cities-maintenance-promo {
  text-align: center;
  width: 80%;
  margin: 0 auto 20px auto;
}

#cities-maintenance-promo h3 {
  font-size: 16px;
  margin-bottom: 20px; 
}

#cities-maintenance-promo p.offer {
  font-size: 22px;
  margin-bottom: 20px; 
}

#cities-maintenance-promo p.details {
  font-size: 14px;
  margin: 0;
}

#maintenance-message p.closing {
  font-size: 14px;
  line-height: 22px;
}

#cities-maintenance-terms {
  border-width: 1px 0 0 0;
  border-style: dotted;
  padding: 10px;
  margin-top: 40px;
}

#cities-maintenance-terms p {
  font-size: 11px;
}

/* ---------------------------------------------------------- */
/* Declined Payment Offer Modal */
/* ---------------------------------------------------------- */
#di-declined-offer {
  width: 545px;
  top: 50% !important;
  margin-top: -130px;
}

#di-declined-offer .di-body {
  padding: 0;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  position: relative;
}

#di-declined-offer .di-header {
  padding: 15px;
}

#di-declined-offer .di-header h2 {
  margin-bottom: 0;
  float: left;
}

#di-declined-offer .di-body .di-body {
  padding: 15px 220px 15px 15px;
  min-height: 180px;
}

#di-declined-offer .offer-action {
  height: 190px;
  width: 190px;
  position: absolute;
  right: -10px;
  top: 10px;
  border-radius: 95px;
  text-align: center;
  box-shadow: inset 0 2px 1px rgba(0,0,0,0.08);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.05))); /* for webkit browsers */
  background-image: -moz-linear-gradient(top, rgba(0,0,0,0.0), rgba(0,0,0,0.06)); /* for firefox 3.6+ */
}

#di-declined-offer .offer-action p {
  text-align: center;
  font-size: 17px;
  line-height:  17px;
  padding-top: 25px;
  margin-bottom: 10px;
}

#di-declined-offer .offer-action p span {
  display: block;
}

#di-declined-offer .offer-action p span.amount {
  font-size: 40px;
  line-height: 42px;
  letter-spacing: -0.04em;
  font-weight: bold;
}

#di-declined-offer .offer-action .theme-button {
  display: inline-block;
  text-align: center;
}

#di-declined-offer .offer-intro {
  font-size: 12px;
  line-height: 26px;
  margin: 0 0 15px 0;
}

#di-declined-offer .offer-headline {
  font-size: 18px;
  line-height: 32px;
  font-weight: normal;
  margin-bottom: 0;
}

#di-declined-offer .theme-boast {
  position: absolute;
  top: 0;
  right: -30px;
}

/* Adjustments for unusually high totals (e.g. due to exchange rates) */
#di-declined-offer.high-value-adjust .di-body .di-body {
  padding-right: 192px;
}
#di-declined-offer.high-value-adjust .offer-action p {
  padding-top: 32px;
}
#di-declined-offer.high-value-adjust .offer-action p span.amount {
  font-size: 38px;
}
#di-declined-offer.high-value-adjust .theme-boast {
  top: -2px;
}


/*
----------------------------------------------------------------------
  Upload Photo Component
---------------------------------------------------------------------- */
#photoupload-nag-template .di-header {
	margin: -30px -30px 30px -30px;
	padding: 15px;
}

#photoupload-nag-template .di-header h2 {
	float: left;
	margin: 0;
}

.photoupload-prompt .di-body {
	padding: 30px;
	-moz-border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border-radius: 6px;
}
.photo-upload-primary {
	position: relative;
	margin-bottom: 47px;
}
.photo-upload-primary.facebook {
	margin-right: 10%;
	margin-left: 10%;
}
.di-body .photo-upload-primary.facebook {
	margin-right: 0;
	margin-left: 0;
}
.photo-upload-primary.facebook:before {
	content: "or";
	display: table;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -15px;
	width: 30px;
	line-height: 30px;
	text-align: center;
	font-weight: bold;
	font-size: 135%;
}

#photoupload-nag-template .module--photo {
	overflow: auto;
}

.module--photo h3 {
	font-weight: bold;
	font-size: 135%;
	text-align: center;
	line-height: 1.6;
	margin-bottom: 12px;
}
.di-body .module--photo h3 {
	margin-top: 20px;
}

.module--photo .buttons {
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin: 0 auto;
	position: relative;
	margin-top: 100px;
}
.ie7 .module--photo .buttons,
.ie7 .module--photo .buttons button {
	margin-top: 0; /* remove the top spacer margin as we don't support font icons in ie7 */
}
.ie7 .opt--computer .ui-file span {
	background: transparent;
}

.module--photo button:before {
	position: absolute;
	margin-top: -112px;
	left: 50%;
	margin-left: -35px;
	font-size: 70px;
	text-decoration: none;
}

.module--photo .buttons button {
	margin-left: 0;
	margin-right: 0;
}

.opt--computer, .opt--facebook {
	text-align: center;
}

.facebook .opt--computer {
	margin-right: 10%;
	margin-left: 5%;
}

.fb-photo-import .opt--computer, .fb-photo-import .opt--facebook {
	width: 40%;
	float: left;
}

.opt--facebook {
	margin-right: none;
}

/* Dealing with ie7 inconsistent button styling */
.ie7 .opt--computer .ui-file span.bordered {
	border-width: 0;
}
.ie7 .opt--computer .buttons button.large {
	padding-top: 11px;
	padding-bottom: 19px;
}

.opt--facebook button:before {
	font-size: 60px;
	margin-left: -30px;
	margin-top: -105px;
}

.opt--alt {
	text-align: center;
}

#photo-upload-spinner {
	width: 100%;
	min-height: 314px;
}

#photo-upload-spinner h3 {
	margin-bottom: 100px;
}

#photo-upload-spinner .spinner {
	margin: 0 auto;
	display: table;
}

#photo-upload-spinner .photo-upload-cancel {
	margin-top: 96px;
	text-align: center;
}

/* ---------------------------------------------------------- */
/* Cancellation Offer Modal */
/* ---------------------------------------------------------- */
#di-cancellation-offer {
  width: 500px;
}

#di-cancellation-offer .di-body {
  padding: 0;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  position: relative;
}

#di-cancellation-offer .di-header {
  padding: 15px;
}

#di-cancellation-offer .di-header h2 {
  margin-bottom: 0;
  float: left;
}

#di-cancellation-offer .di-body .di-body {
  padding: 15px;
  min-height: 180px;
  border-radius: 0 0 6px 6px;
}

#di-cancellation-offer .di-body .di-body h3 {
  font-size: 38px;
  line-height: 48px;
  text-align: center;
  position: relative;
  width: 310px;
  margin: 10px auto;
}

#di-cancellation-offer .di-body .di-body ul {
  padding: 0 30px 20px 30px;
  list-style: none;
}

#di-cancellation-offer .di-body .di-body ul li {
  padding-left:42px;
  margin-bottom: 15px;
  list-style: none;
}

#di-cancellation-offer .di-body .di-body .buttons {
  margin-bottom: 20px;
}

/* ---------------------------------------------------------- */
/* Homepage Filter Banner */
/* ---------------------------------------------------------- */
#homepage-filter-banner {
  position: relative;
  border-bottom-width: 2px;
  padding: 25px 15px 25px 115px;
}

#homepage-filter-banner .icon-vvl-account-settings {
  height: 80px;
  width: 80px;
  position: absolute;
  left: 15px;
  top: 18px;
  background-size: 80px;
  background-repeat: no-repeat;
}

#homepage-filter-banner h2 {
  font-size: 18px;
}

#homepage-filter-banner h2 span {
  display: block;
  font-size: 24px; 
}

#homepage-filter-banner p {
  font-size: 12px;
  margin: 0;
}

#homepage-filter-banner .buttons {
  position: absolute;
  top: 40px;
  right: 10px;
}

/** Hack to remove bottom margin in old IE7
    on the top paragraph of the filters box **/
#email-form.adult-women .box-padded p {
  margin-bottom: 0;
}

/* Logout page open x banner hacks
---------------------------------------------------------- */
#logged-out-ad {
  margin:20px -5px;
}
#login-logout #content {
  min-height: auto;
}
#login-logout .notebox {
  margin: 0 auto;
}


/* Ugly IDs because there is no class name alternative */
#member-my-profile-wizard-index #content, #member-reminder-profile #content {
  border-width: 1px;
  padding: 0; }
#member-my-profile-wizard-index #header-content, #member-reminder-profile #header-content {
  padding-top: 0;
  /* I don't really want to use this, but we have to for the time being because all pages have #header-content */ }
#member-my-profile-wizard-index #advert-wrapper, #member-reminder-profile #advert-wrapper {
  display: none; }

.wizard {
  padding: 0 100px;
  /* We should find a more elegant way to style font icons */
  /* Differet variants of wizard */ }
  .wizard .intro {
    padding: 60px 100px;
    margin: 0 -100px 0;
    border-bottom-width: 1px;
    position: relative;
    overflow: hidden; }
    .wizard .intro h2 {
      padding: 0;
      margin-bottom: 20px;
      background: transparent;
      font-size: 28px; }
    .wizard .intro p {
      width: 80%;
      margin-bottom: 0; }
    .wizard .intro .font {
      bottom: -30px;
      right: 40px; }
    .wizard .intro .welcome-message {
      font-size: 16px; }
  .wizard h3 {
    padding: 0;
    margin-bottom: 20px;
    background: transparent;
    font-size: 18px; }
  .wizard .step {
    border-bottom-width: 1px;
    padding: 60px 100px;
    margin: 0 -100px;
    *zoom: 1;
    position: relative; }
    .wizard .step:before, .wizard .step:after {
      content: " ";
      display: table; }
    .wizard .step:after {
      clear: both; }
    .ie7 .wizard .step {
      position: static; }
    .wizard .step:last-of-type {
      border-bottom: none; }
  .wizard .tip {
    float: right;
    width: 33%;
    margin-right: -5%; }
    .wizard .tip p:last-of-type {
      margin-bottom: 0; }
  .wizard .module {
    float: left;
    width: 62%;
    margin-right: 10%; }
  .wizard .fields {
    *zoom: 1; }
    .wizard .fields:before, .wizard .fields:after {
      content: " ";
      display: table; }
    .wizard .fields:after {
      clear: both; }
  .wizard .expand-toggle {
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 14px;
    padding: 5px 8px;
    border-radius: 3px;
    cursor: pointer; }
  .wizard h2 {
    font-size: 24px;
    padding: 16px 13px;
    display: table;
    line-height: 1.2;
    margin-bottom: 40px; }
    .ie7 .wizard h2 {
      padding-left: 0;
      background-color: transparent; }
  .wizard p {
    font-size: 16px;
    line-height: 28px; }
  .wizard .button-footer {
    float: left;
    clear: left;
    padding-top: 40px;
    *zoom: 1;
    width: 100%; }
    .wizard .button-footer:before, .wizard .button-footer:after {
      content: " ";
      display: table; }
    .wizard .button-footer:after {
      clear: both; }
  .wizard .skip {
    font-weight: bold;
    float: right;
    line-height: 57px;
    font-style: italic;
    cursor: pointer; }
  .wizard .font {
    position: absolute;
    opacity: 0.05;
    font-size: 240px; }
    .ie8 .wizard .font {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=5)"; }
  .wizard .step--photo .font {
    bottom: -48px;
    right: -24px;
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    transform: rotate(-20deg); }
  .wizard .step--profile .font-about-text {
    font-size: 260px;
    bottom: -55px;
    right: 70px; }
  .wizard .step--characteristics .font {
    font-size: 180px;
    bottom: 30px;
    right: 30px;
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    transform: rotate(-20deg); }
  .wizard .step--interests .font {
    font-size: 70px;
    bottom: 70px; }
  .wizard .step--interests .font-utensils, .wizard .step--interests .font-usergroup {
    right: 250px; }
  .wizard .step--interests .font-tennis, .wizard .step--interests .font-videocam {
    right: 160px; }
  .wizard .step--interests .font-departure, .wizard .step--interests .font-stethoscope {
    right: 58px; }
  .wizard.one-page {
    /* Styles button footers outside of steps */ }
    .wizard.one-page .step {
      overflow: hidden; }
      .wizard.one-page .step .panel {
        background: transparent; }
      .wizard.one-page .step .button-footer {
        display: none; }
    .wizard.one-page .button-footer {
      margin-bottom: 40px; }
      .wizard.one-page .button-footer .buttons {
        display: table;
        margin: 0 auto; }
    .wizard.one-page .step--profile .font {
      font-size: 225px;
      bottom: -60px;
      right: 36px; }
    .wizard.one-page .step--profile .tip {
      margin-top: 14px;
      width: 43%; }
    .wizard.one-page .step--profile .module--profile {
      width: 52%;
      margin-right: 5%; }
      .wizard.one-page .step--profile .module--profile .ui-textarea {
        width: 90%; }
    .wizard.one-page .step--photo .module--photo {
      width: 47%;
      margin-right: 15%; }
      .fb-photo-import .wizard.one-page .step--photo .module--photo {
        width: 68%;
        margin-right: 4%; }
    .wizard.one-page .step--photo .photo-upload-primary {
      margin-bottom: 0; }
    .wizard.one-page .step--photo .photo-upload-primary.facebook {
      margin-right: 0;
      margin-left: 0; }
      .wizard.one-page .step--photo .photo-upload-primary.facebook h3 {
        font-size: 16px; }
    .wizard.one-page .step--photo .tip {
      width: 43%; }
      .fb-photo-import .wizard.one-page .step--photo .tip {
        width: 33%;
        margin-top: -2px; }
    .wizard.one-page .step--photo .font {
      opacity: .03; }
    .wizard.one-page .step--characteristics {
      overflow: visible; }
      .wizard.one-page .step--characteristics .tip {
        margin-top: 14px; }
      .wizard.one-page .step--characteristics .font {
        font-size: 165px; }
      .wizard.one-page .step--characteristics .fields {
        position: relative; }
        .ie7 .wizard.one-page .step--characteristics .fields .ui-select ul {
          max-height: 160px; }
    .wizard.one-page .step--interests {
      overflow: visible; }
      .wizard.one-page .step--interests .module--interests {
        width: 68%;
        margin-right: 0; }
      .wizard.one-page .step--interests .tip {
        margin-top: -6px; }
  .wizard.multi-page h3 {
    font-size: 18px; }
  .wizard.multi-page .step {
    border-bottom: none;
    position: static;
    overflow: normal; }
    .wizard.multi-page .step .panel {
      padding: 60px 100px;
      margin: -60px -100px 60px;
      border-bottom-width: 1px;
      position: relative;
      overflow: hidden; }
      .wizard.multi-page .step .panel h2 {
        padding: 0;
        margin-bottom: 20px;
        font-size: 28px;
        letter-spacing: -1px; }
      .wizard.multi-page .step .panel .welcome-message {
        font-size: 16px; }
    .wizard.multi-page .step .tip {
      float: none;
      width: 70%;
      margin-right: 0; }
    .wizard.multi-page .step .module {
      float: none;
      width: auto;
      margin-right: 0; }
      .wizard.multi-page .step .module .fields {
        width: 67%;
        margin: 0 auto; }
    .wizard.multi-page .step .module--interests .fields {
      width: 86%; }
    .wizard.multi-page .step .module--characteristics .fields {
      width: 70%; }
    .wizard.multi-page .step .module--characteristics .field {
      width: 40%; }
    .wizard.multi-page .step .button-footer {
      border-top-width: 1px;
      margin-top: 40px; }
      .wizard.multi-page .step .button-footer .buttons {
        float: right; }
      .wizard.multi-page .step .button-footer .skip {
        float: left; }
  .wizard.multi-page .step--photo .button-footer {
    text-align: center; }
    .wizard.multi-page .step--photo .button-footer .skip {
      display: inline-block;
      *display: inline;
      zoom: 1;
      margin-left: auto;
      margin-right: auto;
      float: none; }
  .wizard.multi-page .step--photo .font-camera {
    bottom: -64px;
    right: 16px; }
  .wizard.multi-page .step--interests .font {
    bottom: -40px; }
  .wizard.multi-page .step--interests .font-utensils, .wizard.multi-page .step--interests .font-usergroup {
    font-size: 100px;
    right: -18px;
    bottom: 90px; }
  .wizard.multi-page .step--interests .font-usergroup {
    bottom: 120px;
    right: -10px; }
  .wizard.multi-page .step--interests .font-tennis, .wizard.multi-page .step--interests .font-videocam {
    font-size: 130px;
    right: 60px;
    opacity: 0.1; }
  .wizard.multi-page .step--interests .font-videocam {
    font-size: 160px;
    right: 20px;
    bottom: 10px;
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  .wizard.multi-page .step--interests .font-departure, .wizard.multi-page .step--interests .font-stethoscope {
    font-size: 110px;
    right: 190px;
    bottom: 80px;
    -webkit-transform: rotate(-6deg);
    -moz-transform: rotate(-6deg);
    -ms-transform: rotate(-6deg);
    -o-transform: rotate(-6deg);
    transform: rotate(-6deg); }
  .wizard.multi-page .step--interests .font-stethoscope {
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    -o-transform: rotate(4deg);
    transform: rotate(4deg); }
  .wizard.multi-page .step--profile .font-about-text {
    font-size: 274px;
    bottom: -80px;
    right: 0px; }
  .wizard.multi-page .font-alert-triangle {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    font-size: 100px;
    top: 66px;
    right: 109px;
    opacity: 0.3;
    bottom: auto; }
    .ie8 .wizard.multi-page .font-alert-triangle {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; }
  .wizard form label {
    display: block;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 4px; }
  .wizard form input[type="checkbox"], .wizard form .ui-checkbox {
    float: left; }
  .wizard form .field {
    *zoom: 1; }
    .wizard form .field:before, .wizard form .field:after {
      content: " ";
      display: table; }
    .wizard form .field:after {
      clear: both; }
  .wizard form .ui-checkbox {
    margin: 0 7px 0 0;
    min-width: 22px; }
  .wizard form .ui-textarea {
    width: 90%;
    box-sizing: border-box;
    min-height: 124px; }
  .wizard form p {
    font-size: 13px;
    margin-top: -15px; }

.module--interests {
  *zoom: 1; }
  .module--interests:before, .module--interests:after {
    content: " ";
    display: table; }
  .module--interests:after {
    clear: both; }
  .module--interests label {
    font-weight: normal !important;
    /* ALL other labels in these modules / wizard are styled bold */
    line-height: 22px;
    margin-left: 29px;
    /* match checkbox width plus margin */ }
  .ie7 .module--interests .fields {
    position: static; }
  .module--interests .field {
    float: left;
    width: 32%;
    margin-right: 1%;
    margin-bottom: 0;
    min-height: 54px;
    position: relative; }
    .module--interests .field .ui-checkbox {
      position: absolute; }
    .module--interests .field label {
      text-overflow: ellipsis;
      overflow: hidden; }
    .module--interests .field:nth-child(3n+1) {
      clear: left; }
  .module--interests .fields .field:nth-child(3n+1),
  .module--interests .fields .field:nth-child(3n+2) {
    margin-right: 2%; }
  .module--interests .fields .field:nth-child(3n+3) {
    margin-right: 0;
    width: 32%; }

.module--characteristics .field {
  width: 40%;
  margin-bottom: 20px;
  margin-right: 10%;
  float: left; }
  .module--characteristics .field .ui-select {
    width: 100%; }
.module--characteristics .fields .field:nth-child(odd) {
  width: 45%; }
.module--characteristics .fields .field:nth-child(even) {
  width: 45%;
  margin-right: 0; }

.module--profile .ui-textarea {
  margin-bottom: 30px; }