/* CSS Document */
/* CSS Reset
 * Taken from :
 * http://meyerweb.com/eric/tools/css/reset/
 * v1.0 | 20080212
 */

* {
margin:0;
padding:0;
}

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 {
  background: transparent;
  border: 0;
  font-size: 100%;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

input.submit {
  cursor: pointer;
  cursor: hand;
}

div.notice-settings p.save input.submit,
div.friend-submit-container input.submit,
div.profile-submit-container input.submit { float: right }

ol, ul {
  list-style: none
}

/* remember to define focus styles! */
:focus {
  outline: 0
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none
}

del {
  text-decoration: line-through
}
/* tables still need 'cellspacing="0"' in the markup */

table {
  border-collapse: collapse;
  border-spacing: 0
}

/* Common
 *
 */

body {
  background: #000 url(i/html-bg.gif) repeat-y -4px top;
  color: #1b0d08;
  font-family: sans-serif;
  font-size: 11px;
  line-height: 14px
}

html, body {
  height:100%;
}

div#container {
  background: url(backgrounds/front-page_background.jpg) no-repeat 276px top;	
  position: relative;
}

body.surf, body.ski, body.skate, body.snowboard,body.bike, body.girls-only, body.wakeboard {
  background: #D1D6E3 url(i/html-bg.gif) repeat-y -4px top
}


body.business { background-color: #d3d7e0 }
body.business div#container { background: url(backgrounds/profile_company_background.jpg) no-repeat }

body.profile div#container,
body.business div#container { background-position: 276px top }

body.girls-only { background-color: #fff600 }

body.surf div#container {
  background: url(backgrounds/surf_background.jpg) no-repeat scroll 276px 0
}

body.surf { background-color: #30caf5 }

body.snowboard div#container {
  background: url(backgrounds/snowboard_background.jpg) no-repeat scroll 276px 0
}

body.snowboard { background-color: #4599b1 }

body.ski div#container {
  background: url(backgrounds/ski_background.jpg) no-repeat scroll 276px 0
}

body.ski{ background-color: #391c02 }

body.skate div#container {
  background: url(backgrounds/skate_background.jpg) no-repeat scroll 276px 0
}

body.skate { background-color: #00850f }

body.bike div#container {
  background: url(backgrounds/bike_background.jpg) no-repeat scroll 276px 0
}

body.bike { background-color: #982c92 }
body.girls-only div#container {
  background: url(backgrounds/girls_only_background.jpg) no-repeat scroll 276px 0
}

body.wakeboard div#container {
  background: url(backgrounds/wake_background.jpg) no-repeat scroll 276px 0
}

body.wakeboard { background-color: #f13f35 }

body.surf li.panel1 {
  background: url(sidebar/surf_sidebar.gif) no-repeat scroll left top
}

body.snowboard li.panel1 {
  background: url(sidebar/snowboard_sidebar.gif) no-repeat scroll left top
}

body.ski li.panel1 {
  background: url(sidebar/ski_sidebar.gif) no-repeat scroll left top
}

body.skate li.panel1 {
  background: url(sidebar/skate_sidebar.gif) no-repeat scroll left top
}

body.bike li.panel1 {
  background: url(sidebar/bike_sidebar.gif) no-repeat scroll left top
}
body.girls-only li.panel1 {
  background: url(sidebar/girls_only_sidebar.gif) no-repeat scroll left top
}

body.wakeboard li.panel1 {
  background: url(sidebar/wake_sidebar.gif) no-repeat scroll left top
}
img {
  border: none;
  vertical-align: middle
}

p.reply {
margin-left: 15px;
}

p.signup {
padding-bottom:10px;
}

p.login-button{
margin-right:393px;
margin-top:20px;
padding-bottom:10px;
}

p.added-by {
  font-weight: bold;
  padding-bottom: 10px;
}

p.added-by a:hover,
li.comment-user2 a:hover,
.notice_message a:hover,
.mail-list a:hover,
.notice-settings a:hover{
	color: #1b0d08}

form, ul, h1, h2, h3, h4, h5, h6, p, span, input {
  margin: 0px;
  padding: 0px
}

ul {
  list-style: none
}

h1 {
  font-size: 24px;
  line-height: 26px
}

h2 {
  font-size: 18px;
  line-height: 20px
}

h3 {
  font-size: 16px;
  line-height: 18px
}

h4 {
  font-size: 14px;
  line-height: 16px
}

h5 {
  font-size: 11px;
  line-height: 14px;
  font-weight: lighter;
  font-weight: bold;
}

h6 {
  font-size: 10px;
  line-height: 12px
}

h7 {
  font-size: 12px;
  line-height: 12px;
  color: #1B0D08;
  font-weight: bold;
}

h8 {
  font-size: 10px;
  line-height: 18px;
  color: #1B0D08;
}

input, select, textarea {
  color: #1b0d08;
  font-family: sans-serif;
  font-size: 11px;
  line-height: 14px;
  vertical-align: middle;
  border:1px solid #e5e8ee;
  overflow: hidden;
  resize:none;
}

textarea { overflow: auto !Important }

#hotspot-form select{
  width: 230px
}

a {
  color: #29a9f8;
  text-decoration: none
}


/* Layout
 *
 */

.panel {
  width: 990px
}

/*.panel1 {
  background: url(i/panel1.gif) no-repeat left top;
  float: left;
  min-height: 800px;
  width: 280px
}*/

.panel1{
	width: 216px;
	padding: 0 30px;
	float: left;
	min-height: 800px;
	background: url(sidebar/front-page_sidebar.gif) no-repeat left top }

.panel2 {
  float: left;
  min-height: 1200px;
  height: auto !important;
  height: 1000px;	  
  width: 709px;
}

/* Panel 1
 *
 */

/* logo */
p.logo {
  padding: 8px 0 0 0px;
  margin-left: -20px
}

/* navigation */
ul.group-navigation {
  /*border-bottom: solid 1px #bee5fb;*/
  margin: 0 auto;
  padding: 15px 0 14px 0;
  width: 216px;
  height: 200px;
}

ul.group-navigation li.group-item {
  padding: 0 0 2px 0
}

ul.group-navigation a.group-item-link {
  display: block;
  height: 25px;
  text-indent: -9999px;
  width: 166px
}

/* sub navigation */
ul.group-subitem {
	margin-left: 2px }

ul.group-subitem li {
  float: left;
  padding: 0
}

ul.group-subitem li a {
  display: block;
  height: 12px;
  text-indent: -9999px;
  cursor: pointer
}

/* people */

p.people-title-list {
margin: 0px 0 3px 0;
}


ul.group-subitem li a.people {
  background: transparent url(navigation/sidebar_subnavigation.png) no-repeat scroll 0pt 0pt;
  width: 45px
}

ul.group-subitem li a.people:hover {
  background: transparent url(navigation/sidebar_subnavigation.png) no-repeat scroll 0pt -9pt
}

ul.group-subitem li a.people.group-section-active {
  background:transparent url(navigation/sidebar_subnavigation.png) no-repeat scroll 0pt -9pt !important
}

/* events */
ul.group-subitem li a.events {
  background: transparent url(navigation/sidebar_subnavigation.png) no-repeat scroll -34pt 0pt;
  width: 47px
}

ul.group-subitem li a.events:hover {
  background: transparent url(navigation/sidebar_subnavigation.png) no-repeat scroll -34pt -9pt
}

ul.group-subitem li a.events.group-section-active {
  background:transparent url(navigation/sidebar_subnavigation.png) no-repeat scroll -34pt -9pt !important
}

p.event-title-list {
	margin:10px 0 0;
}

/* spot */
ul.group-subitem li a.spot {
  background: transparent url(navigation/sidebar_subnavigation.png) no-repeat scroll -69pt 0pt;
  width: 60px
}

ul.group-subitem li a.spot:hover {
  background: transparent url(navigation/sidebar_subnavigation.png) no-repeat scroll -69pt -9pt
}

ul.group-subitem li a.spot.group-section-active {
  background:transparent url(navigation/sidebar_subnavigation.png) no-repeat scroll -69pt -9pt !important
}

/* stories */
ul.group-subitem li a.stories {
  background: transparent url(navigation/sidebar_subnavigation.png) no-repeat scroll -114pt 0pt;
  width: 44px
}

ul.group-subitem li a.stories:hover {
  background: transparent url(navigation/sidebar_subnavigation.png) no-repeat scroll -114pt -9pt
}

ul.group-subitem li a.stories.group-section-active {
  background: transparent url(navigation/sidebar_subnavigation.png) no-repeat scroll -114pt -9pt
}

/* snowboard */
ul.group-navigation a#snowboard {
  background: transparent url(navigation/sidebar_navigation.png) no-repeat scroll 0px 0px;
}

ul.group-navigation a#snowboard:hover, ul.group-navigation a#snowboard.hover {
  background: transparent url(navigation/sidebar_navigation.png) no-repeat scroll 2px -26px
}

ul.group-navigation a#snowboard.group-active {
  background: transparent url(navigation/sidebar_navigation.png) no-repeat scroll 2px -26px
}

/* surf */
ul.group-navigation a#surf {
  background: transparent url(navigation/sidebar_navigation.png) no-repeat scroll 0px -52px
}

ul.group-navigation a#surf:hover, ul.group-navigation a#surf.hover {
  background: transparent url(navigation/sidebar_navigation.png) no-repeat scroll 2px -78px
}

ul.group-navigation a#surf.group-active {
  background: transparent url(navigation/sidebar_navigation.png) no-repeat scroll 2px -78px
}

/* skate */
ul.group-navigation a#skate {
  background: transparent url(navigation/sidebar_navigation.png) no-repeat scroll 0px -104px
}

ul.group-navigation a#skate:hover, ul.group-navigation a#skate.hover {
  background: transparent url(navigation/sidebar_navigation.png) no-repeat scroll 2px -130px
}

ul.group-navigation a#skate.group-active {
  background: transparent url(navigation/sidebar_navigation.png) no-repeat scroll 2px -130px
}

/* ski */
ul.group-navigation a#ski {
  background: transparent url(navigation/sidebar_navigation.png) no-repeat scroll 0px -156px
}

ul.group-navigation a#ski:hover, ul.group-navigation a#ski.hover {
  background: transparent url(navigation/sidebar_navigation.png) no-repeat scroll 2px -182px
}

ul.group-navigation a#ski.group-active {
  background: transparent url(navigation/sidebar_navigation.png) no-repeat scroll 2px -182px
}

/* girls */
ul.group-navigation a#girls {
  background: transparent url(navigation/sidebar_navigation.png) no-repeat scroll 0px -208px
}

ul.group-navigation a#girls:hover, ul.group-navigation a#girls.hover {
  background: transparent url(navigation/sidebar_navigation.png) no-repeat scroll 2px -234px
}

ul.group-navigation a#girls.group-active {
  background: transparent url(navigation/sidebar_navigation.png) no-repeat scroll 2px -234px
}

/* bike */
ul.group-navigation a#bike {
  background: transparent url(navigation/sidebar_navigation.png) no-repeat scroll 0px -260px
}

ul.group-navigation a#bike:hover, ul.group-navigation a#girls.hover {
  background: transparent url(navigation/sidebar_navigation.png) no-repeat scroll 2px -286px
}

ul.group-navigation a#bike.group-active {
  background: transparent url(navigation/sidebar_navigation.png) no-repeat scroll 2px -286px
}

/* wakeboard */
ul.group-navigation a#wakeboard {
  background: transparent url(navigation/sidebar_navigation.png) no-repeat scroll 0px -312px
}

ul.group-navigation a#wakeboard:hover, ul.group-navigation a#girls.hover {
  background: transparent url(navigation/sidebar_navigation.png) no-repeat scroll 2px -338px
}

ul.group-navigation a#wakeboard.group-active {
  background: transparent url(navigation/sidebar_navigation.png) no-repeat scroll 2px -338px
}

/* login */
form.login {
  margin: 0 auto;
  padding: 15px 0 10px 0px;
  width: 216px;
  background: url(elements/sidebar_line.gif) no-repeat center top
}

p.login-title {
  background: url(headlines/login.png) no-repeat;
  padding: 0 0 17px 0;
  text-indent: -30000px
}

p.username {
  /*height: 26px*/
  padding-bottom: 11px;
}

p.username input {
  color: #29a9f8;
  width: 214px;
}

p.password {
  /*height: 27px;*/
  padding-bottom: 11px;
}

p.change-password {
  margin: 10px 0 0 0;
}

p.password input {
  width: 214px
}

p.login-submit {
  padding: 0 0px 16px 0;
}

a:hover {
  color: #5f3423;
}

a.forgot {
  font-weight: bold
}

a.forgot:hover {
  color: #5f3423;
}

a.register {
  color: #5f3423;
  font-weight: bold;
  margin: 0 0 0 10px;
  float: right
}

a.register:hover {
  color: #29a9f8;
}

/* search */
form.search {
  margin: 0 auto;
  padding: 15px 0 15px 0;
  width: 216px;
  background: url(elements/sidebar_line.gif) no-repeat center top;  
}

form.search br { display: none }

p.search-term {
  /*height: 28px*/
  padding-bottom: 11px;
}

p.search-term input {
  color: #29a9f8;
  width: 214px;
}

p.search-submit {
  text-align: right
}

p.search-submit input {
  background: url(btns/buttons.png) no-repeat 0 -506px;
  border: 0;
  height: 22px;
  width: 71px;
}

p.search-submit input:hover {
  background: url(btns/buttons_over.png) no-repeat 0 -506px;
  border: 0;
  height: 22px;
  width: 71px;
}


div.profile-submit-container {
  background-color: #E5E8EE;
  padding: 7px 10px 10px 0;
}

div.friend-submit-container {
  padding: 7px 0 0px 0;
  width: 104%;
}

div.mespop-submit-container {
  padding: 7px 0px 0 0;
  width: 104%;
}

/* action list */

div.bio-box {
  margin: 0 auto;
  width: 216px;
}

ul.action-list,
ul.action-list2 {
  /*border-top: 1px solid #BEE5FB;
  border-bottom: 1px solid #BEE5FB;*/
  margin: 0 auto;
  padding: 12px 0 12px 0;
  width: 216px;
  background: url(elements/sidebar_line.gif) no-repeat center top;
}

ul.action-list li, ul.action-list2 li {
  text-align: right
}

ul.action-list li a, ul.action-list2 li a {
  color: #5F3423;
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer
}

ul.action-list li a:hover, ul.action-list2 li a:hover {
  color: #29a9f8
}


/* Panel 2
 *
 */
div.title-spot-con {
  width: 810px;
  position: relative;
}

div.panel-title {
  padding: 10px 0 10px 0;
  width:710px;
  float: left;
}


div.panel-title-home {
  padding: 10px 0 0 0;
  width:600px;
  position: relative;
  float: left;
}

div.top-spots {
  top: 61px;
  width: 205px;
  float: right;
  position: relative;
}

div#top-spacer{
  height: 20px
}

/* sub menu */
div.submenu {
  height: 20px
}

div.submenu-content {
  background: #5F3423;
  color: #fff;
  height: 16px;
  padding: 2px 0 2px 26px;
  width: 683px;
}

span.hello {
  color: #29a9f8;
  padding: 0 5px 0 16px
}

p.reply-message {
  text-indent:-20000px;
  float:right;
}

span.reply {
  float:right;
  
}
span.reply a {
  background: url(btns/buttons.png) no-repeat 0 -396px;
  height: 22px;
  width: 64px;
  display:block;
  margin-right:-18px;
}

span.reply a:hover {
  background: url(btns/buttons_over.png) no-repeat 0 -396px;
  height: 22px;
  width: 64px;
  display:block;
  margin-right:-18px;
}


div.submenu-content a {
  /*color: #fff;
  margin: 0 5px;*/
  text-transform: uppercase
}

a.link-underline {
  text-decoration: underline;
}

a.link-underline:hover {
  color: #1b0d08
}

div.submenu-content a:hover {
  color: #FFF600
}

ul.user-navigation li {
  float: left
}

/* messages */
.messages li small {
  background: #fff;
  color: #333;
  padding: 2px;
}

.messages li {
  background: #fff600;
  color: #1b0d08;
  display: block;
  padding: 5px 5px 5px 30px;
  margin-bottom: 0px;
}

.messages a {
text-decoration:none
}
p.message-wrong-login {
padding: 0 0 0 10px;
color: red
}

span.caps {
text-transform:uppercase
}

#facebox .pop-up-messages li,
.error-msg li { padding: 15px 11px 15px 30px; width: 330px; background: #fff600; color: #1b0d08; position: relative; min-height: 85px; height: auto; position: absolute; top: 280px; left: 276px; z-index: 99999 }
.dialoge li { width: 360px !important }
#facebox .pop-up-messages li { left: 0; top: 80px }
#facebox .pop-up-messages li h3,
.error-msg li h3,
.popup-delete h3 { display: block; width: 182px; height: 16px; text-indent: -9999em; background: url(headlines/error_dude.png) no-repeat; margin-bottom: 7px }
#facebox .pop-up-messages li a.close,
a.show-case,
.error-msg li a.close,
.popup-delete .popup-content a.close{ position: absolute; top: 11px; right: 11px; display: block; width: 15px; height: 15px; text-indent: -9999em; background: url(btns/btn_error_close.png) no-repeat }
#facebox .pop-edit-spot-map li { top: 110px !important; display: block !important; left: 0 !important }
#facebox .pop-setting li { top: 0px !important }
#facebox .pop-up-messages { padding: 0px !Important }
a.show-case { background: url(btns/btn_close.png) no-repeat }

.popup-delete { width: 374px !important }
.popup-delete .popup-content p.delete-yes,
.error-msg li p.yes,
.popup-delete .popup-content p.flag-yes { padding-top: 30px; padding-bottom: 0; margin-bottom: 0 }
.popup-delete .popup-content p.delete-yes a,
.popup-delete .popup-content p.flag-yes a,
.error-msg li p.yes a { text-transform: uppercase; color: #000; font-size: 11px; font-weight: bold }

.popup-delete{ background: #fff600 !important; color: #1b0d08; position: relative; top: -32px; margin-bottom: -38px; z-index: 99999 }
.popup-delete .popup-content { background: none !important; overflow: hidden; padding: 13px 11px 11px 27px; min-height: 86px; height: auto !Important; height: 86px;  }
.popup-delete h3 { margin-bottom: 7px; margin-left: 1px }
.error-msg li p.yes { position: absolute; bottom: 15px }

/* footer */

p.footermenu {
  color: #29a9f8;
  font-size: 24px;
  line-height: 26px;
  padding: 25px 0 8px 0;
  text-align: center
}

p.footermenu a {
  color: #29a9f8;
  font-size: 24px;
  line-height: 26px
}

p.footermenu a.current, p.footermenu a:hover {
  color: #fff600
}

/* latest words on home */
div.latest-words-con {
  width: 650px;
  overflow: hidden;
  padding: 0 0 0 30px;
  clear: both;
  height: 113px;
  position: relative;
}
/** Set container styles and padding **/
div.latest-words-home1 {
  width: 15%;
  height: 100px;
  float: left;
  position: relative;
  padding-bottom: 13px;
}

div#latest-words-home2 {
  width: 83%;
  float: right;
  height: 98px;
  position: relative;
}

/** Set style for container **/
h5.lw-heading a {
  font-size:12px;
  font-weight:bold;
  line-height:14px;
  color: #1b0d08;
}


p.lw-posted {
  color: #fff;
  font-weight: bold;
}

p.lw-posted a, p.lw-read a, p.lw-tagged a, p.lw-tagged a:hover, p.lw-tagged a:visited {
  color: #fff;
  font-weight: bold;
}

p.lw-posted a:hover, h5.lw-heading a:hover, p.lw-read a:hover {
  color: #fff600;
}

p.lw-tagged,
p.tagged {
  color: #fff;
  font-weight: bold;
  margin-top:8px;
}

p.lw-read,
p.read {
  float: right;
}

div#latest-words-home2 p.lw-tagged,
div#latest-words-home2 p.lw-read { position: absolute; bottom: 5px; }
div#latest-words-home2 p.lw-read { right: 0; bottom: -10px }


/* copyright */
p.copyright {
  padding: 13px 0 10px 306px;
  text-align: left;
}

a.flink:hover {
  color: #FFF600;
}

div#copyright {
  color: #BCBBC0;
}

a.flink {
  color: #BCBBC0;
}


div.girls-only-footer a {
  color: #ED0167;
}

div.girls-only-footer a:hover{
	color: #29a9f8
}
.girls-only p.copyright {
  color: #ED0167;
}

p.copyright a {
  text-decoration: underline
}

li.user-submenu-container {
  width: 78px
}

li.moderator-container{
  width:100px;
}

/* Pop up and overlays
 *
 */
div.popup-box {
  background: #fff;
  width: 500px
}

div.popup-content {
  background: #e5e8ee;
  padding: 10px
}

div.popup-content h6.really{
	font-size: 11px;
	color: #000;
	margin-bottom: 10px;
	font-weight: normal }
	
div.popup-content blockquote{ font-size: 11px; margin-bottom: 20px }	
div.popup-delete { padding-bottom: 0 !Important }

div.separator {
  width:100%;
  /*background: url(elements/dots_sidebar.gif) repeat-x left bottom;*/
  border-bottom: 1px dashed #8DCFFA;
  padding: 0;
  margin-bottom: 15px;
}

div.separator-white {
  width:630px;
  background: url(elements/dots_content.gif) repeat-x left bottom;
  padding: 0;
  margin-bottom: 15px;
  margin-top:-15px;
  margin-left: -35px;
}

div.separator-white2 {
  width:630px;
  background: url(elements/dots_content.gif) repeat-x left bottom;
  padding: 0;
  margin-bottom: 15px;
  margin-top:-15px;
  margin-left: 0px;
}

div.forum-out div.separator {
  	background: url(elements/dots_content.gif) repeat-x left top;
	margin: 0;
	border: 0;
	height: 1px }

div.separator-inbox {
	width:100%;
  border-bottom: 1px dashed #8DCFFA;
  padding: 0;
  margin-bottom: 0;
}

div.separator-home {
  width:100%;
  /*border-bottom: 1px dashed #fff;*/
  background: url(elements/dots_content.gif) repeat-x left top;
  padding: 0;
  height: 1px;	
  margin-bottom: 15px;
}

div.separator-left {
  width:100%;
  background: url(elements/dots_sidebar.gif) repeat-x 2px bottom;
  /*border-bottom: 1px dashed #8DCFFA;*/
  padding: 10px 0 0 0;
}

div.separator-notices {
	width:100%;
  border-bottom: 1px dashed #8DCFFA;
  padding: 20px 0 0 0;
  margin-bottom: 15px;
}


div.separator-people {
  width:100%;
  margin: 0;
  padding: 0;
  height: 1px;
  background: transparent url(elements/dots_content.gif) repeat-x scroll left top;
}

div.withdotborder {
  background: url(i/separator.gif) repeat-x center center;
  font-size: 1px;
  line-height: 1px;
  padding: 10px 0
}

div.news {
  border-top: solid 1px #bee5fb;
  margin: 0 auto;
  padding: 14px 0 15px 0;
  width: 216px
}

p.news-title {
  padding: 0 0 13px 0
}

p.date {
  color: #29a9f8;
  font-size: 14px;
  font-weight: bold;
  line-height: 15px
}

p.news-intro {
  padding: 8px 0 9px 0
}

p.view-all {
  text-align: right
}

p.view-all a {
  background:transparent url(btns/buttons.png) no-repeat scroll 0 -704px;
  width:106px;
  color: #5f3423;
  font-weight: bold;
  text-transform: uppercase
}

p.view-all a:hover {
  color: #29a9f8
  }


a#view-all-stories {
background:transparent url(btns/buttons.png) no-repeat scroll 0 -704px;
width:106px;
}

a#view-all-stories:hover {
background:transparent url(btns/buttons_over.png) no-repeat scroll 0 -704px;
width:106px;
}

p.view-all-stories a {
display:block;
float:right;
height:22px;
text-indent:-30000px;
padding-right: 15px;
margin-top: -15px;
}

div.events {
  border-top: solid 1px #bee5fb;
  margin: 0 auto;
  padding: 14px 0 15px 0;
  width: 216px
}

p.read a { cursor: pointer }

p.events-title {
  padding: 0 0 13px 0
}

p.events-intro {
  padding: 8px 0 9px 0
}

div.last-activities {
  background: transparent url(elements/sidebar_line.gif) no-repeat scroll center top;
  margin: 0 auto;
  padding: 12px 0 0 0;
  width: 216px
}

p.lastactivities-title {
  padding: 0 0 15px 0
}

ul.lastactivities-line {
  clear: both;
  padding: 0 0 10px 0;
  width: 216px
}

li.user-photo {
  float: left;
  width: 99px
}

li.activities {
  float: left;
  padding: 53px 0 0 0;
  width: 118px
}

ul.lorem-hotspots {
  clear: both;
  width: 710px;
  display: block !important;
  visibility: visible !Important
}

li.lorem-out {
  float: left;
  padding: 0 0 0 0;
  width: 492px;
}

li.lorem-out p {
  background: #29a9f8;
  padding: 9px 30px;
  margin-top: 1px;
}

li.hotspots-out {
  float: right;
  position:absolute;
  right:240px;
  top:35px;
  width:218px;
/*  left:800px;
  top:35px;
  width:218px;
  */
}

p.hotspots-title {
  background:url(headlines/top_hotspots.png) no-repeat center center;
  display:block;
  width:200px;	
  height:18px;
  margin: 0 0 8px 5px
}

p.map {
  /*background:url(i/small_map.png) no-repeat center center;*/
  background: url(elements/hotspots_map_small.png) no-repeat center;
  display:block;
  width:202px;
  height:96px;
  margin-left: 0px;
  position: relative;
}

div.mainteaser-box {
  margin:15px 0 0;
  padding: 0 0 0 15px
}

div.main-teaser {
  height: 220px;
  width: 680px
}

p.teaser-title {
  padding: 15px 15px;
  color: #fff;
  font-size: 24px;
  text-transform: Uppercase;
}

p.teaser-txt {
  color: #fff;
  padding: 0px 466px 0 15px
}

p.win-it {
  padding: 10px 0 0 12px
}

p.newmembers-title {
  padding: 28px 0 16px 30px
}

p.see-members, p.shots-title {
  padding: 0 0 14px 29px
}

div.shotslides {
  border: solid 3px #29a9f8
}

div.shotslides a.shotslide img {
  border-right: solid 3px #2B82B5
}

ul.sslides {
  border: solid 3px #2B82B5;
  width: 704px
}

#media h2 {
	background-position:30px 0px;
	width:200px
}

h2#words {
	height: 34px;
	margin-bottom: 10px;
}

.girls-only h2#media{
	background:transparent url(headlines/latest_shots_girls_only.png) no-repeat scroll 30px 0;
}

.girls-only h2#comments {
	background:transparent url(headlines/drop_a_line_girls_only.png) no-repeat scroll 30px 15px;
}

.girls-only  h2#comments.girls-only-nologin{
    background:transparent url(headlines/dropped_lines_girls_only.png) no-repeat scroll 30px 15px;
}

.girls-only h2#words {
	background:transparent url(headlines/words_girls_only.png) no-repeat scroll 30px 15px;
	text-indent:-30000px
}

.surf h2#words, .snowboard h2#words, .ski h2#words, .skate h2#words, .bike h2#words, .wakeboard h2#words {
background:transparent url(headlines/words.png) no-repeat scroll 30px 15px;
text-indent:-30000px
}

h2.profile-group-shots,
h2#blowins {
background:transparent url(headlines/latest_shots.png) no-repeat scroll 30px 0;
display:block;
height:auto;
margin-bottom:12px;
padding:0;
text-indent:-30000px
}

h2#blowins { background: url(headlines/blow_ins.png) no-repeat 30px 0 }


h2.add-comments-title {
/*background:transparent url(i/add-comment.png) no-repeat scroll 25px 15px;*/
background: url(headlines/drop_a_line.png) no-repeat 30px 15px;
display:block;
height:34px;
margin-top: 15px;
margin-bottom:12px;
padding:0;
text-indent:-30000px
}

h2.comments-title-nologin {
/*background:transparent url(i/add-comment.png) no-repeat scroll 25px 15px;*/
background: url(headlines/dropped_lines.png) no-repeat 30px 15px;
display:block;
height:34px;
margin-top: 15px;
margin-bottom:12px;
padding:0;
text-indent:-30000px
}
h2.profile-group-members {
background:transparent url(headlines/members.png) no-repeat scroll 30px 0;
display:block;
height:19px;
padding-bottom:13px !important;
padding:0;
text-indent:-30000px
}

.girls-only h2.event-heading-title {
 background:transparent url(headlines/members_attending_girls_only.png) no-repeat scroll 0px 0;
}

.girls-only h2#friend {
 background:transparent url(headlines/members_girls_only.png) no-repeat scroll 30px 0;
}


ul.sslides li {
  float: left
}

ul.sslides li a.slide img {
  border-right: solid 3px #29A9F8
}

li.sslide-prev {
  background: url(../images/slide.png) no-repeat left top;
  height: 100px;
  margin-right: -27px;
  position: relative;
  width: 27px
}

li.sslide-next {
  background: url(../images/slide.png) no-repeat left top;
  height: 100px;
  margin-left: -27px;
  position: relative;
  width: 27px
}

li.sslide-next a, li.sslide-prev a {
  display: block;
  height: 100px;
  text-align: center;
  background-color: #2B82B5;
}

li.sslide-next a img, li.sslide-prev a img {
  padding: 47px 0 0 0
}

div.lastes-stories {
  background: #29a9f8;
  padding: 15px 0;
  overflow: hidden;
  position: relative;
}

p.stories-title {
  padding: 0 0 0 30px;
  margin-bottom: 11px 
}

.girls-only div.lorem-ipsum4 h1 {
  color:#ED0167
}


p.see-stories {
  padding: 0 32px 0 0;
  text-align: right
}

div.story {
  padding: 0 30px
}

p.posted-by {
  background: url(i/post.gif) no-repeat left 3px;
  color: #fff;
  padding: 0 0 0 13px
}

p.posted-by a { color: #29a9f8 }
p.posted-by a:hover { color: #1b0d08 }

p.posted-by span.date-posted{ color: #bbbdc2 }

li.sotry-line {
 /* border-bottom: dashed 1px #BEE5FB;*/
  background: url(elements/dots_content.gif) repeat-x center bottom;
  padding: 15px 0
}

li.sotry-noline {
  padding: 15px 0;
  clear: both;
  margin-bottom: 10px
}


li.sotry-last {
  padding: 11px 0 14px 0
}

.loading {
  font-size: 20px
}

.payload {
  padding: 20px
}
/********************************* 04a_Join_Trip.htm **********************************/

form.join-trip {
  padding: 20px 0 38px 35px
}

form.join-trip p {
  padding: 5px 0
}

form.join-trip p textarea {
  height: 102px;
  width: 567px
}

form.join-trip p.save {
  padding: 26px 20px 0 0;
  text-align: right
}

form#profile-form p.save {
  margin-right:-24px;
  text-align: right;
}

#id-popup-box p.message-body textarea {
  width: 492px
}

div.registration {
  background: #eef0f3;
  padding: 20px;
  margin-top:11px;
  min-height:400px;
}

ul.registration-field {
  float: left;
  width:100%;
}

ul.registration-field li {
  float: left;
}

ul.registration-field li.col1 {
  padding: 10px;
  width: 120px
}

ul.registration-field li.col2 {
  padding: 10px
}

ul.registration-field li.gender ul li {
  padding-right: 10px;
}

ul.registration-field input [ type = "text" ], ul.registration-field input [ type = "password" ] {
  width: 400px;
}

div.flatpages {
  background: #eef0f3;
  padding: 15px 30px 15px;
  margin-top:11px;
  min-height:170px;
}

div.flatpages p{
  padding: 4px 0;
}

p.header {
  margin-left: 10px;
  padding-bottom: 20px
}

p.profile-area {
  padding-left: 150px
}

p.profile-area span {
  color: #29a9f8
}

p.no-invitations {
  padding:0 0 0 30px;
}

/* sIFR
 * 
 */
.sIFR-flash {
  margin: 0;
  visibility: visible !important
}

.sIFR-replaced {
  visibility: visible !important
}

span.sIFR-alternate {
  visibility:hidden;
  height: 0;
  left: 0;
  position: absolute;
  top: 0;
}

/* Invitation overlay
 *
 */ 

h2.new-invitation-title{ 
	color:#29a9f8;
	text-transform:uppercase;
	font-family:Arial;
	font-size:24px;
	font-weight:lighter;
	line-height:2;
	padding-left:30px
}

div.new-invitation-slot{
	padding: 0 0 10px 30px;
}
div.new-invitation-slot h3{
	color:#29a9f8;
	font-size:12px;
}

div.new-invitation-slot input, div.new-invitation-slot textarea{
	width:648px;
}

div.new-invitation-slot textarea{
	min-height: 400px;
}

p.invitation-submit{
	padding: 20px 30px 20px 0;	
}


/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div [ adblocktab = true ] {
  display: none !important
}

.sIFR-hasflash h1.user-name {
  visibility: hidden
}

/* Utility
 * 
 */

ul.add-comments:after,
.clearfix:after,
div.tab-accordion-content form ul li:after,
div.tab-accordion-content ul.facebox-form li:after,
div#section-permission:after,
div.acc-settings ul li.save:after,
div#section-notification-setting ul li.save:after,
div.hotspot-nearby table td:after,
dl.service-detail:after,
div#services-detail-list ul li dl:after,
div.tab-accordion-content ul.facebox-form li ul:after,
div.tab-accordion-content ul.facebox-form li ul li:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden
}

.bold{
  font-weight:bold
}

div.error blockquote {
  background-color: #FFFFFF;
  border: 1px solid #C9C2C1;
  margin: 0px;
  padding: 0px
}

div.error blockquote p {
  margin: 4px;
  min-width: 109px;
  padding: 0px
}

div.error cite {
  background: transparent url(i/tip-up.gif) no-repeat scroll 20px 0pt;
  font-style: normal;
  margin: 0px;
  padding: 7px 0px 0px 15px;
  position: absolute;
  top: -6px;
  width: 16px
}

p.play {
  margin: -92px 0 0;
  padding: 0 0 0 8px;
  position: relative;
  display: none;
}

div.media-play{
  left: 0pt;
  padding: 0pt 0pt 0pt 6px;
  position: relative;
  top: -87px;
  display: none
}

div.media-play a, p.play a {
  background: url(i/btn-play.gif) no-repeat;
  display: block;
  height: 13px;
  text-indent: -3000px;
  width: 18px
}

a.media-play {
  background: url(i/btn-play.gif) no-repeat;
  height: 13px;
  text-indent: -3000px;
  width: 18px;
  display: none;
}

div.teaser-out {
  padding: 20px 0 18px 30px
}

p.lorem-ipsum2 {
  background: #29a9f8;
  margin: 11px 0 0 0;
  padding: 11px 30px
}

ul.snowboard-out {
  clear: both;
  width: 680px
}

li.snowboard-col1 {
  float: left;
  width: 185px
}

li.snowboard-col2 {
  float: left;
  width: 310px
}

li.snowboard-col3 {
  float: left;
  width: 185px
}

p.join-group {
  padding: 7px 0 0 0;
  text-align: center
}
/* Media show */

div.medias-show {
  margin: 11px 0 0 0;
  width: 710px
}

div.medias-show-col1 {
  background: #29A9F8;
  float: left;
  height: 465px;
  width: 30px
}

.girls-only div.medias-show-col1 {
  background: #ED0167;
  float: left;
  height: 465px;
  width: 30px
}

div.medias-show-col2 {
  background: #29a9f8;
  float: left;
  height: 465px;
  width: 650px
}

.girls-only div.medias-show-col2,
div.medias-show-col2-girls {
  background: #ED0167;
  float: left;
  height: 465px;
  width: 650px
}

div.medias-show-col3 {
  background: #29A9F8;
  float: left;
  height: 465px;
  width: 30px
}

.girls-only div.medias-show-col3 {
  background: #ED0167;
  float: left;
  height: 465px;
  width: 30px
}

div.medias-show-col1 p, div.medias-show-col3 p {
  padding: 0;
  text-align: center
}

div.medias-show-col2 p img {
  vertical-align: top
}

div.medias-show-col2 p a {
  margin: 0pt auto
}

div.media-description {
  background: #e7e9ee;
  margin: 10px 0 0;
  padding: 10px 30px
}

div.medias-show-col1 p a, div.medias-show-col3 p a {
  display: block;
  text-indent: -9999px
}

div.medias-show-col1 p a {
  background: url(i/arrow.png) no-repeat scroll 6px 232px;
  height: 465px;
}

.girls-only div.medias-show-col1 p a {
  background: url(elements/arrow_white.png) no-repeat scroll 6px 232px;
  height: 465px;
}

div.medias-show-col3 p a {
  background: url(i/arrow2.png) no-repeat scroll 6px 232px;
  height: 465px;
}

.girls-only div.medias-show-col3 p a {
  background: url(elemets/arrow_white_2.png) no-repeat scroll 6px 232px;
  height: 465px;
}

h1#spot {
  background: url(i/header-shots.gif) no-repeat;
  display: block;
  height: 49px;
  text-indent: -30000px;
  width: 198px
}
/* =coral.autocomplete.css
--------------------------------------------------------------------------*/

.ac_results {
  background-color: #AFD2FD;
  border: 1px solid #7FB7FB;
  overflow: hidden;
  padding: 0px;
  z-index: 10001
}

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

.ac_results iframe {
  display: none;/*sorry for IE5*/
  filter: mask();
  height: 3000px;
  left: 0;
  position: absolute;
  top: 0;
  width: 3000px;
  z-index: -1
}

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

.ac_loading {
  background: #AFD2FD url('../../images/loader.gif') right center no-repeat
}

.ac_over {
  background-color: white;
  color: black
}
/* =coral.datepicker.css
--------------------------------------------------------------------------*/
/* Main Style Sheet for jQuery UI date picker */


/* =coral.slider.css
--------------------------------------------------------------------------*/
ul.mslides {
  border-bottom: solid 3px #2B82B5;
  border-left: solid 3px #2B82B5;
  border-top: solid 3px #2B82B5;
  width: 707px
}

ul.mslides li {
  float: left
}

ul.mslides li a.slide img {
  border-right: solid 3px #29a9f8
}

ul.mslides li.current {
  background: #29a9f8;
  color: #fff;
  display: block;
  height: 21px;
  line-height: 21px;
  margin: -28px 0 0 0;
  position: relative;
  text-align: center;
  width: 300px
}

#slideshow {
  overflow: hidden
}

#slideshow ul {
  width: 3900px
}

#slideshow li {
  float: left
}

div.mslide-prev {
  background:#1E7BB5 none repeat scroll 0 0;
  float: left;
  height: 206px;
  margin-right: -8px;
  position: relative;
  width: 27px
}

div.mslide-next {
  background:#1E7BB5 none repeat scroll 0 0;
  float: left;
  height: 206px;
  margin-left: 683px;
  position: absolute;
  width: 27px
}

div.mslide-next a, div.mslide-prev a {
  display: block;
  height: 200px;
  text-align: center
}

div.mslide-next a img, div.mslide-prev a img {
  padding: 97px 0 0 0
}

/* =coral.superfish.css
--------------------------------------------------------------------------*/

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:16px;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			138px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float: left;
	position: relative;
	background: #5F3423;
}
.sf-menu a {
	display:		block;
	position:		relative;
	border-left: 1px solid #FFFFFF;
	padding: 0 7px;
	text-decoration:none;
}
.sf-menu li.first a { padding-left: 3px; border: 0 }
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			15px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			138px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:	#fff;
}

.sf-menu li li {
	background:		#5F3423;
}
.sf-menu li li li {
	background:		#5F3423;
}
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
  color : #FFF600;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			5px;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('i/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			2px;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
	color: #fff600;
}


.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

span.hello{
    padding: 2px 5px;
}

#add-to-target li{
	float:none !important;
}

#add-to-target li ul li a{
  padding:4px 6px;
  text-align:left;	
  color:#fff;
  font-weight:normal
}

#add-to-target li:hover ul, #add-to-target li.sfhover ul {
  top: 12px;/* match top ul list item height */
}


/* =coral.tabs.css
--------------------------------------------------------------------------*/
/* Caution! Ensure accessibility in print and other media types... */

@media projection, screen {
 /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
  .ui-tabs-hide {
    display: none
  }
}

/* Hide useless elements in print layouts... */
@media print {
  .ui-tabs-nav {
    display: none
  }
}

.ui-tabs-nav, .ui-tabs-panel {
  font-family: sans-serif;
  font-size: 11px
}

.ui-tabs-nav {
  list-style: none;
  padding: 0px 0 0 30px
}

.ui-tabs-nav:after {/* clearing without presentational markup, IE gets extra treatment */
  clear: both;
  content: " ";
  display: block
}

.ui-tabs-nav li {
  float: left;
  font-weight: bold;
  margin: 0pt 2px 0pt 0pt;
}

.ui-tabs-nav a, .ui-tabs-nav a span {
  float: left;/* fixes dir=ltr problem and other quirks IE */
  width:100%;
  padding: 0 0
}

.ui-tabs-nav a {
  background-position: 100% 0;
  padding-left: 0;
  text-decoration: none;
  white-space: nowrap/* @ IE 6 */
/*outline: 0; /* @ Firefox, prevent dotted border after click */
}

.ui-tabs-nav a:link, .ui-tabs-nav a:visited {
  color: #fff
}

.ui-tabs-nav .ui-tabs-selected a {
  background-position: 100% -23px;
  margin-top: 0;
  position: relative;
  z-index: 2
}

.ui-tabs-nav a span {
  background-position: 0 0;
  height: 20px;
  line-height: 20px;
  padding-right: 0;
  padding-top: 1px
}

.ui-tabs-nav .ui-tabs-selected a span {
  background-position: 0 -23px;
  padding-top: 0
}

.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
/* @ Opera, use pseudo classes otherwise it confuses cursor... */
  cursor: text
}

.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active, .ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active {
/* @ Opera, we need to be explicit again here now... */
  cursor: pointer
}

.ui-tabs-disabled {
  filter: alpha(opacity=40);
  opacity: .4
}

.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
  color: #1B0D08
}

.ui-tabs-panel {
  background: #E5E8EE;
}

.ui-tabs-loading em {
  background: url(i/ajax-loader.gif) no-repeat 0 50%;
  padding: 0 0 0 20px
}
/* Additional IE specific bug fixes... */

* html .ui-tabs-nav {/* auto clear @ IE 6 & IE 7 Quirks Mode */
  display: inline-block
}

*:first-child + html .ui-tabs-nav {
/* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
  display: inline-block
}
/**
  Specific image for profile tabs,
  should use sprite image here
*/

.ui-tabs-nav a#tab-profile {
  background: url(tabs/profile.png) no-repeat left -23px;
  display: block;
  height: 23px;
  width: 61px;
  text-indent: -9999em
}

.ui-tabs-nav .ui-tabs-selected a#tab-profile {
  background: url(tabs/profile.png);
}

.ui-tabs-nav a#tab-services {
  background: url(tabs/businesses.png) no-repeat left -23px;
  display: block;
  height: 23px;
  width: 86px;
  text-indent: -9999em
}

.ui-tabs-nav .ui-tabs-selected a#tab-services {
  background: url(tabs/businesses.png);
}


.ui-tabs-nav a#tab-about {
  background: url(i/tabs-about-me-n.gif);
  display: block;
  height: 30px;
  width: 90px
}

.ui-tabs-nav .ui-tabs-selected a#tab-about {
  background: url(i/tabs-about-me-o.png)
}

.ui-tabs-nav a#tab-perfect {
  background: url(i/tabs-my-perfect-day-n.gif);
  display: block;
  height: 30px;
  width: 134px
}

.ui-tabs-nav .ui-tabs-selected a#tab-perfect {
  background: url(i/tabs-my-perfect-day-o.png)
}

.ui-tabs-nav a#tab-interest {
  background: url(i/tabs-interests-n.gif);
  display: block;
  height: 30px;
  width: 92px
}

.ui-tabs-nav .ui-tabs-selected a#tab-interest {
  background: url(i/tabs-interests-o.png)
}

.ui-tabs-nav a#tab-music {
  background: url(i/tabs-favourite-music-n.gif);
  display: block;
  height: 30px;
  width: 138px
}

.ui-tabs-nav .ui-tabs-selected a#tab-music {
  background: url(i/tabs-favourite-music-a.png)
}

.ui-tabs-nav a#tab-general {
  background: transparent url(tabs/general.png) no-repeat scroll 0px -23px;
  display: block;
  height: 23px;
  text-indent: -30000px;
  width: 65px
}

.ui-tabs-nav .ui-tabs-selected a#tab-general {
  background: transparent url(tabs/general.png) no-repeat scroll 0px 0px;
}

.ui-tabs-nav a#tab-permission {
  background: transparent url(tabs/privacy.png) no-repeat scroll 0px -23px;
  display: block;
  height: 23px;
  text-indent: -30000px;
  width: 62px
}

.ui-tabs-nav .ui-tabs-selected a#tab-permission {
  background: transparent url(tabs/privacy.png) no-repeat scroll 0px 0;
}

.ui-tabs-nav a#tab-themes {
  background: transparent url(i/tabs-settings.png) no-repeat scroll 0px -150px;
  display: block;
  height: 30px;
  text-indent: -30000px;
  width: 95px
}

.ui-tabs-nav .ui-tabs-selected a#tab-themes {
  background: transparent url(i/tabs-settings.png) no-repeat scroll 0px -120px
}

.ui-tabs-nav a#tab-notification-setting {
  background: transparent url(tabs/notifications.png) no-repeat scroll 0px -23px;
  display: block;
  height: 23px;
  text-indent: -30000px;
  width: 100px
}

.ui-tabs-nav .ui-tabs-selected a#tab-notification-setting {
  background: transparent url(tabs/notifications.png) no-repeat scroll 0px 0;
}

.ui-tabs-nav a#tab-payment {
  background: transparent url(tabs/payment.png) no-repeat scroll 0px -23px;
  display: block;
  height: 23px;
  text-indent: -30000px;
  width: 66px
}

.ui-tabs-nav .ui-tabs-selected a#tab-payment {
  background: transparent url(tabs/payment.png) no-repeat scroll 0px 0;
}


.ui-tabs-nav .ui-tabs-selected a#add-spot {
  background: transparent url(tabs/add_spot.png) no-repeat scroll 0px 0px;
  height: 23px;
  width: 70px;
  display: block;
  text-indent: -30000px;
}

.ui-tabs-nav .ui-tabs-selected a#edit-spot {
  background: transparent url(tabs/edit_spot.png) no-repeat scroll 0px 0px;
  height: 23px;
  width: 71px;
  display: block;
  text-indent: -30000px;
}

p.profile-tabs {
  padding: 0 0 0 30px
}

p.profile-tabs a {
  margin: 0 2px 0 0
}

p.favourite-save {
  margin-right:-23px;
}

div.profile-content {
  background: #e5e8ee;
  width: 100%;
  height: 100%;
  margin-bottom: -5px
}

div.inbox-tab {
  padding-left: 0px;
  margin-bottom: 10px;
}

form.my-profile {
  padding: 10px 10px;
  height:100%;
  margin: 0 23px 0 23px;
}

form.hotspot-add {
  height:100%;
  margin: 0;
  padding: 0 !Important
}


form.ff {
  padding: 10px 10px;
  height:100%;
  margin-left: 0px;
}

ul.mprofile-item {
  clear: both;
  padding: 13px 15px 10px 30px;
  background: url(elements/dots_content.gif) repeat-x left top
}

li.mprofile-param {
  float: left;
  width:145px
}

li.mprofile-param p { font-weight: bold }

li.mprofile-value {
  float: left;
  width:430px
}

textarea.earn {
  height: 80px;
  width: 433px
}

ul.mprofile-video {
  clear: both;
  width: 440px
}

li.pvideo-col1 {
  float: left;
  width: 152px
}

li.pvideo-col2 {
  float: left;
  width: 288px
}

ul.errorlist {
  color: #ff0000;
}

p.static-tab {
  display: block;
  height: 30px;
  text-indent: -3000px
}

p.trick {
  background: url(i/tab-add-trick.gif) no-repeat 20px 0
}

p.equipment {
  background: url(i/tab-add-equipment.gif) no-repeat 20px 0
}
/* =jquery.carousel.css
--------------------------------------------------------------------------*/
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */

.jcarousel-container {
  position: relative
}

.jcarousel-clip {
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 2
}

.jcarousel-list {
  left: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  top: 0;
  z-index: 1
}

.jcarousel-list li, .jcarousel-item {
  float: left;
  height: 98px;
  list-style: none;
/* We set the width/height explicitly. No width/height causes infinite loops. */
  width: 93px
}
/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */

.jcarousel-next {
  display: none;
  z-index: 3
}

.jcarousel-prev {
  display: none;
  z-index: 3
}

.girls-only #friends-carousel {
  background-color: #ED0167;
}

.girls-only #attends-carousel {
  background-color: #ED0167;
}

.girls-only #attends-carousel .jcarousel-prev-disabled-horizontal, .girls-only #attends-carousel .jcarousel-prev-disabled-horizontal:hover, .girls-only #attends-carousel .jcarousel-prev-disabled-horizontal:active {
background-color:#ED0167;
}


/** zymemodal
 * 
 */
#facebox {
  left: 0;
  position: absolute;
  text-align: left;
  top: 0;
  z-index: 10000
}

#facebox .popup {
  position: relative
}

#facebox table {
  border-collapse: collapse
}

#facebox td {
  border-bottom: 0;
  padding: 0
}

#facebox .body {
  background: #fff;
  padding: 0px;
  width: 370px
}

#facebox .loading {
  padding: 20px 0;
  text-align: center
}

#facebox .image {
  text-align: center
}

#facebox img {
  border: 0;
  margin: -5px 0 0
}

#facebox img.close_image { position: relative; z-index: 10000 }


#facebox .footer {
  padding:13px 10px 3px 0;
  text-align: right
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  overflow: hidden;
  padding: 0;
  width: 10px
}

#facebox_overlay {
  height: 100%;
  left: 0px;
  position: fixed;
  top: 0px;
  width: 100%
}

.facebox_hide {
  z-index: -100
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 9999
}

/** Pagination
 *
 */
.pagination {
	clear:both;
	width:620px;
	float:left;
	padding-left:0px;
	background-color:none;
	position: relative !important;
}

div.hommies-box .pagination {
	position: relative !important;
	bottom: -30px; 
	margin-bottom: 25px }

.prev {
	display:block; 
	width:66px; 
	height:22px; 
	float:left;
	margin:0 8px 0 0;
	text-indent:-30000px;
	background: url(i/btn-back.gif)
}

span.current {
	background:#5F3423 none repeat scroll 0 0;
	color:#FFFFFF;
	display:block;
	float:left;
	font-weight:bold;
	height:22px;
	line-height:22px;
	margin:0 8px 0 0;
	text-align:center;
	width:22px;
}

.page {
	background:#9C8986 none repeat scroll 0 0;
	color:#FFFFFF;
	display:block;
	float:left;
	font-weight:bold;
	height:22px;
	line-height:22px;
	text-align:center;
	width:22px;
}

.next {
	background:transparent url(i/btn-forward.gif) no-repeat scroll left top;
	display:block;
	height:22px;
	text-indent:-3000px;
	width:90px;
	float:left;
}

.disabled {
	background:none;
}

div.comments div.pagination{
  clear: both;
  position: relative !important;
  float: left;
  padding: 5px 0;
  width: 709px
}

div.comments .next {
  background: transparent url(i/btn-forward.gif) no-repeat scroll left top;
  display: block;
  float: left;
  height: 22px;
  text-indent: -3000px;
  width: 90px
}

div.comments .prev {
  background: url(i/btn-back.gif) no-repeat left top;
  display: block;
  float: left;
  height: 22px;
  margin: 0 4px 0 0;
  text-indent: -3000px;
  width: 66px
}

input.add-comments3-, input.add-comments3-girls-only, input.add-comments3-snowboard, input.add-comments3-surf, input.add-comments3-ski, .add-comments3-skate, input.add-comments3-bike, input.add-comments3-wakeboard  {
  background: url(btns/buttons.png) no-repeat scroll 0 0px;
  border: 0;
  display: block;
  float: right;
  height: 22px;
  text-indent: -3000px;
  width: 76px;
  margin-right: -2px
}

input.add-comments3-girls-only {
  background: url(btns/buttons_girls_only.png) no-repeat scroll 0 0px; }

.add-comments3-:hover, .add-comments3-snowboard:hover, .add-comments3-surf:hover, .add-comments3-ski:hover, .add-comments3-skate:hover, .add-comments3-bike:hover, .add-comments3-wakeboard:hover, input.add-comments3-girls-only:hover {
  background: url(btns/buttons_over.png) no-repeat scroll 0 0px;
  border: 0;
  display: block;
  float: right;
  height: 22px;
  text-indent: -3000px;
  width: 76px;
}


input.submit{
	background: url(btns/buttons.png) no-repeat 0 -418px;
	width:59px;
	text-indent: -3000px;
	height: 24px;
	float: right
}

input.submit:hover{
	background: url(btns/buttons_over.png) no-repeat 0 -418px;
	width:59px;
	float: right;
}


input.trick-equip-submit{
	background: url(btns/buttons.png) no-repeat 0 -418px;
	width:59px;
	text-indent: -3000px;
	height: 24px;
	float: right;
	margin-right:-9px;
	clear:both;
}

input.trick-equip-submit:hover{
	background: url(btns/buttons_over.png) no-repeat 0 -418px;
	width:59px;
	float: right;
  	margin-right:-9px;
}

input.favspot-submit{
	background: url(btns/buttons.png) no-repeat 0 -418px;
	width:59px;
	text-indent: -3000px;
	height: 24px;
  	float: right;
  	margin-right:-23px;
}

input.favspot-submit:hover{
	background: url(btns/buttons_over.png) no-repeat 0 -418px;
	width:59px;
	float: right;
  	margin-right:-23px;
}


input.rate {
	background: url(i/rate.png) no-repeat 0 0px;
	width:39px;
	text-indent: -3000px;
	height: 19px;
  	float: right;
}

input.rate:hover {
	background: url(i/rate-hover.png) no-repeat 0 0px;
}

input.login{
	background: url(btns/buttons.png) no-repeat 0 -330px;
	width:61px;
  	height: 22px;
	text-indent: -3000px;
	display: block;
	float: right;
	border: none;
}
	
input.login:hover{
	background: url(btns/buttons_over.png) no-repeat 0 -330px;
	width:61px;
  	height: 22px;
	text-indent: -3000px;
	display: block;
	float: right;
	border: none;
}


input.chpass {
	background: url(btns/buttons.png) no-repeat 0 -814px;
	width:154px;
  	height: 22px;
	text-indent: -3000px;
	display: block;
	float: right;
	border: none;
	margin-top: 35px;
}

input.chpass:hover {
	background: url(btns/buttons_over.png) no-repeat 0 -814px;
	width:154px;
  	height: 22px;
	text-indent: -3000px;
	display: block;
	float: right;
	border: none;
}

input.send{
	background: url(btns/buttons.png) no-repeat 0 -594px;
	width:60px;
	height: 22px;
	text-indent: -3000px;
	display: block;
	float: right;
	border: none;
}

input.send:hover{
	background: url(btns/buttons_over.png) no-repeat 0 -594px;
	width:60px;
	height: 22px;
	text-indent: -3000px;
	display: block;
	float: right;
	border: none;
}


input.tsubmit{
	background: url(btns/buttons.png) no-repeat 0 -639px;
	height: 22px;
	width:71px;
  	text-indent: -3000px;
  	float: right;
}

input.tsubmit:hover{
	background: url(btns/buttons_over.png) no-repeat 0 -639px;
	height: 22px;
	width:71px;
  	text-indent: -3000px;
  	float: right;
}


input.csubmit{
	background: url(btns/buttons.png) no-repeat 0 -639px;
	height: 22px;
	width:71px;
  	text-indent: -3000px;
  	float: right;
 	position: relative; 
    top: -18px;
    left: -370px;

}

input.csubmit:hover{
	background: url(btns/buttons_over.png) no-repeat 0 -639px;
	height: 22px;
	width:71px;
  	text-indent: -3000px;
  	float: right;
}

/* cursor */

input.submit,
input.trick-equip-submit,
input.favspot-submit,
input.rate,
input.login,
input.chpass,
input.send,
input.tsubmit,
input.csubmit,
.stars-action input,
p.search-apply input,
p.signup,
p.login-button,
p.username input,
p.search-term input,
ul.registration-field input [ type = "text" ], 
ul.registration-field input [ type = "password" ],
input.add-comments3-, 
input.add-comments3-girls-only, 
input.add-comments3-snowboard, 
input.add-comments3-surf, 
.add-comments3-skate, 
input.add-comments3-bike, 
input.add-comments3-wakeboard,
p.search-submit input,
input.add-comments3-ski { cursor: pointer }

.cerror{
	position: relative; 
    top: 8px;
    left: 62px;


}

li.permission ul li {
  float: left;
  padding-right: 12px
}


input#recaptcha_response_field{
	width:182px	
}

#recaptcha_only_if_image{
padding-top:5px;
}

#recaptcha_image {
margin-bottom:10px;
}

#flag-form table{
  width: 100%
}

div.flag-overlay {
  padding: 15px;
  margin-bottom: 20px;
}

.girls-only-flag {
color: #ED0167
}


span.recaptcha_only_if_image {
padding-top:5px;
}

span.current {
  background: #5F3423 none repeat scroll 0 0;
  color: #FFFFFF;
  display: block;
  float: left;
  font-weight: bold;
  height: 22px;
  line-height: 22px;
  margin: 0 8px 0 0;
  text-align: center;
  width: 22px
}

.page {
  background: #9C8986 none repeat scroll 0 0;
  color: #FFFFFF;
  display: block;
  float: left;
  font-weight: bold;
  height: 22px;
  line-height: 22px;
  margin: 0 8px 0 0px;
  text-align: center;
  width: 22px
}

/* Stars */
.ui-stars-cancel, .ui-stars-star {
  background: transparent;
  cursor: pointer;
  display: block;
  float: left;
  height: 30px;
  overflow: hidden;
  text-indent: -999em;
  width: 37px
}

.ui-stars-cancel, .ui-stars-cancel a {
  background: url(i/delete.gif) no-repeat 0 -16px
}

.ui-stars-star, .ui-stars-star a {
  background: url(elements/votes.png) no-repeat 0 0px
}

.ui-stars-cancel a, .ui-stars-star a {
  background-position: 0 0px;
  display: block;
  height: 100%;
  width: 37px
}

.ui-stars-cancel a{
  height: 15px
}

.ui-stars-star-on a {
  background-position:0 -30px !important
}

.ui-stars-star-hover a {
  background-position: 0 -60px
}

.ui-stars-cancel-hover a {
  background-position: 0 -16px
}

.ui-stars-cancel-disabled a, .ui-stars-star-disabled, .ui-stars-star-disabled a {
  cursor:default !important
}

.ui-stars-star {
  background: transparent !important;
  overflow:hidden !important
}

div.rating-div{
  color: #29a9f8;
  margin: 0 auto;
  padding-top: 15px;
  width: 216px;
  background: transparent url(elements/sidebar_line.gif) no-repeat scroll center top;
}


.panel1 br { display: none }

div.rate-event-title {
	background:transparent url(i/rate_event.png) no-repeat scroll 0 0;
	height:22px;
	margin:0 auto;
	text-indent:-30000px;
	width:216px;
}

.stars-action{
  clear: both;
  display: block;
  padding-top: 2px
}


.profile-box{ width: 630px; position: relative; margin-top: -12px; margin-bottom: -10px }

.stars-action label{
  color: #5F3423;
  display: block;
  float: left;
  margin: 2px 0 0 20px;
  width: 80px
}

.stars-action input{
  float: right;
  margin-right: 29px;
}

.stars-off, .stars-on {
  background: url(elements/votes.png) repeat-x 0 0px;
  height: 30px;
  position: relative
}

.stars-on {
  background-position: 0 -30px !important;
  position: absolute
}

.stars-small-off, .stars-small-on {
  background: url(elements/votes_small.png) repeat-x 0 0px;
  height: 14px;
  padding:0px !important;
  position: relative
}

.stars-small-on {
  background-position:0 -15px !important;
  position:absolute;
}

/* WHEN ABLE TO VOTE AND THERE ARE VOTES OVERRIDE */
#rating .ui-stars-star a { /* DONT DISPLAY BACKGROUND, TO SHOW RESULTS UNDERNEATH */
    background: none;
}

#rating .ui-stars-star-hover a { /* RETURN HOVER */
	background: url(elements/votes.png) no-repeat 0 -60px;
}

div.lastest-medias{
  margin: 15px 0
}

div#media-lastest-shots { margin-top: 0px; margin-bottom: 8px }

p.see-more {
  min-height:15px;
  padding-top:11px
}

div.lastest-medias p.see-more { margin-bottom: -15px }

p.see-more a {
  display: block;
  float: right;
  height: 22px;
  text-indent: -30000px
}

a#see-members{
  background: url(btns/buttons.png) no-repeat 0 -550px;
  width: 121px
}

a#see-members:hover,
.girls-only a#see-members:hover{
  background: url(btns/buttons_over.png) no-repeat 0 -550px;
  width: 121px
}

.girls-only a#see-members{
  background: url(btns/buttons_girls_only.png) no-repeat 0 -550px }


a#see-all-media {
  background: url(btns/buttons.png) no-repeat 0 -572px;
  width: 106px
}

a#see-all-media:hover {
  background: url(btns/buttons_over.png) no-repeat 0 -572px;
  width: 106px
}

.girls-only a#see-all-media{
  background: url(btns/buttons_girls_only.png) no-repeat 0 -572px }


h2.media-title{
  background: url(i/header-shots.png) no-repeat;
  display: block;
  height: 18px;
  margin: 0pt 0pt 11px 30px;
  padding: 0;
  text-indent: -30000px
}

/* Slider
 * 
 */
.jcarousel-skin-tango .jcarousel-container, 
.jcarousel-skin-showcase .jcarousel-container,
.jcarousel-skin-member {
  background: #29A9F8
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
  padding:3px 0 3px 30px;
  width:679px
}

.jcarousel-skin-showcase .jcarousel-skin-container {
  padding: 3px
}

.jcarousel-skin-member .jcarousel-clip-horizontal {
  height:206px;
  padding:3px 0 3px 30px;
  width: 679px
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
  height: 100px;
  width: 679px
}

.jcarousel-skin-member .jcarousel-item {
  height:206px;
  padding-right:3px;
  width:94px	
}

.jcarousel-skin-tango .jcarousel-item {
  height: 100px;
  width: 97px
}

.jcarousel-skin-showcase .jcarousel-item {
  height: 230px;
  width: 679px
}

.jcarousel-skin-tango .jcarousel-item-horizontal, 
.jcarousel-skin-sortable .jcarousel-item-horizontal {
	
}

.jcarousel-skin-tango .jcarousel-item-placeholder, 
.jcarousel-skin-tango .jcarousel-item-placeholder,
.jcarousel-skin-member .jcarousel-item-placeholder {
  background: transparent url(i/loading-small.gif) no-repeat center center;
  color: #1B0D08
}

.jcarousel-skin-tango .jcarousel-next-horizontal{
  background: transparent url(i/arrow-foward.png) no-repeat scroll 0 center;
  cursor: pointer;
  height: 106px;
  position: absolute;
  right: 0px;
  bottom: 0;
  width: 28px
}

.jcarousel-skin-tango .girls-only .jcarousel-next-horizontal {
  background: transparent url(elements/arrow_forward_girls.png) no-repeat scroll 0 center;
  cursor: pointer;
  height: 106px;
  position: absolute;
  right: 0px;
  bottom: 0;
  width: 28px
}

.jcarousel-skin-member .jcarousel-next-horizontal{
  background: transparent url(i/arrow-foward_210.png) no-repeat scroll -3px center;
  cursor: pointer;
  height: 206px;
  position: absolute;
  right: 0;
  bottom: 3px;
  width: 28px	
}

.jcarousel-skin-showcase .jcarousel-next-horizontal {
  background: transparent url(i/arrow2.png) no-repeat scroll center center;
  cursor: pointer;
  height: 220px;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 28px
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal, 
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active,
.jcarousel-skin-member .jcarousel-next-disabled-horizontal, 
.jcarousel-skin-member .jcarousel-next-disabled-horizontal:hover, 
.jcarousel-skin-member .jcarousel-next-disabled-horizontal:active{
 background-position: -96px 0;
  cursor: default;
}
.jcarousel-skin-tango #media-carousel .jcarousel-next-disabled-horizontal, 
.jcarousel-skin-tango #media-carousel .jcarousel-next-disabled-horizontal:hover, 
.jcarousel-skin-tango #media-carousel .jcarousel-next-disabled-horizontal:active,
.jcarousel-skin-member #friend-carousel .jcarousel-next-disabled-horizontal, 
.jcarousel-skin-member #friend-carousel .jcarousel-next-disabled-horizontal:hover, 
.jcarousel-skin-member #friend-carousel .jcarousel-next-disabled-horizontal:active{
 background-position: -96px 0;
  cursor: default;
}

.girls-only #friends-carousel .jcarousel-next-disabled-horizontal, 
.girls-only #friends-carousel .jcarousel-next-disabled-horizontal:hover, 
.girls-only #friends-carousel .jcarousel-next-disabled-horizontal:active,
.girls-only #media-carousel .jcarousel-next-disabled-horizontal, 
.girls-only #media-carousel .jcarousel-next-disabled-horizontal:hover, 
.girls-only #media-carousel .jcarousel-next-disabled-horizontal:active,
.girls-only #attends-carousel .jcarousel-next-disabled-horizontal,
.girls-only #attends-carousel .jcarousel-next-disabled-horizontal:active,
.girls-only #attends-carousel .jcarousel-next-disabled-horizontal:hover  {
  background-position: -96px 0;
  cursor: default;
}


.jcarousel-skin-tango .jcarousel-prev-horizontal,
.jcarousel-skin-member .jcarousel-prev-horizontal{
  background: #29A9F8 url(i/arrow.png) no-repeat scroll center center;
  cursor: pointer;
  height: 100px;
  left: 0px;
  position: absolute;
  top: 3px;
  width: 28px
}

.girls-only .jcarousel-prev-horizontal {
  background: #ED0167 url(elements/arrow_white.png) no-repeat scroll center center;
  cursor: pointer;
  height: 100px;
  left: 0px;
  position: absolute;
  top: 3px;
  width: 28px
}

.jcarousel-skin-member .jcarousel-prev-horizontal{
  height:206px;
  background-color: #29A9F8
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, 
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active, 
.jcarousel-skin-member .jcarousel-prev-disabled-horizontal, 
.jcarousel-skin-member .jcarousel-prev-disabled-horizontal:hover, 
.jcarousel-skin-member .jcarousel-prev-disabled-horizontal:active {
  background-position: -96px 0;
  cursor: default;
  background-color: #29A9F8
}

.girls-only #friends-carousel .jcarousel-prev-disabled-horizontal, 
.girls-only #friends-carousel .jcarousel-prev-disabled-horizontal:hover, 
.girls-only #friends-carousel .jcarousel-prev-disabled-horizontal:active,
.girls-only #media-carousel .jcarousel-prev-disabled-horizontal, 
.girls-only #media-carousel .jcarousel-prev-disabled-horizontal:hover, 
.girls-only #media-carousel .jcarousel-prev-disabled-horizontal:active {
  background-color: #ED0167      
}

h1#shots {
  background: url(i/header-shots.gif) no-repeat;
  display: block;
  height: 49px;
  text-indent: -30000px;
  width: 198px
}

.girls-only #media-carousel {
 background-color: #ED0167
 }

/** Comment
 * 
 */

div.comments{
  background: #eaedf2;
  margin: 0;
  padding-bottom: 15px
}

ul.add-comments{
  clear: both;
  margin: 0;
  margin-left: 30px;
  width: 660px;
}

li.comment-user{
  float: left;
  width: 100px
}

li.comment-user a:hover{
	color: #1b0d08 }

li.comment-box{
  float: left;
  padding: 0 0 30px 0;
  width: 560px;
  overflow: hidden
}

div.comment-pop-mid{
  background: url(i/comment-pop-mid.jpg) repeat-y left top;
  float:left;
}

div.comment-pop-top{
  background: url(i/comment-pop-top.jpg) no-repeat left top;
  float:left;
}

div.comment-pop-btm{
  background: url(i/comment-pop-btm.jpg) no-repeat 1px bottom;
  text-align: right;
  float:left;
  height:100px;
}

div.comment-pop-btm textarea{
  background: transparent;
  border: none;
  height: 84px;
  max-height: 84px;
  width: 548px;
  max-width: 548px;
  overflow: hidden;
}

div.comment-pop-btm p{
  color: #29a9f8;
  font-size: 10px;
  padding: 0 0 0 10px;
  text-align: left
}

p.info {
  padding: 20px
}

p.add-comment-title{
  margin: 0 auto;
  padding: 15px 0 9px 10px;
  width: 660px
}

p.comment-title{
  margin: 0 auto;
  padding: 15px 0 9px 0;
  width: 660px
}

p.add-comments{
  margin: 0 auto;
  text-align: right;
  width: 660px
}


p.commented-by-, p.commented-by-surf, p.commented-by-snowboard, p.commented-by-ski, p.commented-by-skate, p.commented-by-bike, p.commented-by-wakeboard,p.commented-by-girls-only {
  background: url(i/comment.png) no-repeat left 2px;
  color: #29a9f8;
  padding: 0 0 0 15px
}

p.commented-by-girls-only {
  background: url(i/comment-girls.png) no-repeat left 2px;
}

p.commented-by- .date-posted, p.commented-by-surf .date-posted, p.commented-by-snowboard .date-posted, p.commented-by-ski .date-posted, p.commented-by-skate .date-posted, p.commented-by-bike .date-posted, p.commented-by-wakeboard .date-posted, p.commented-by-girls-only .date-posted{
	color: #BBBDC2 }

div.story-inside{
	padding-left: 15px; }

div.paging-back .pagination { padding-top: 5px }
p.back2 { padding-bottom: 0; clear: both }
p.back2 a.girls-only-link:hover { color: #5F3423 !important }

p.commented-by- a:hover, p.commented-by-surf a:hover, p.commented-by-snowboard a:hover, p.commented-by-ski a:hover, p.commented-by-skate a:hover, p.commented-by-bike a:hover, p.commented-by-wakeboard a:hover,p.commented-by-girls-only a:hover {
 color: #1b0d08 }


p.edit {
  height: 15px;
  padding: 1px 0;
  text-align: right
}

p.edit a {
  color: #5f3423;
  font-weight: bold;
  text-transform: uppercase
}

p.edit a:hover {
color: #29a9f8
}


/* drop panel */
#droppanel {
  color:#FFFFFF;
  position:absolute;
  z-index:5000;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
 #droppanel { margin-top:-1px; }
}

#droppanel td{
	vertical-align:top;
}

#droppanel .title a{    
  background:#fff url(i/btn-close-white.png) no-repeat scroll 5px 1px;
  padding: 0px 5px 0px 20px;
	font-weight:bold;
	text-transform:uppercase;
  border:none;
}

#droppanel td.body div.content{
  background-color:#FFFFFF;
	border:none;
	margin:0px 0 0 0px;
	padding:0px 30px 5px 10px;
}

#droppanel div.content, 
#droppanel div.loading{
    padding:10px 5px 5px;
}

#droppanel div.loading{
    text-align:center;
}

#group-menu a{
	text-transform:uppercase;
}

span.image-replacement{
	border: 1px solid #29a9f8;
	margin-bottom:4px;
}

p.girls-only-title span.image-replacement{
  background-color:#ed0167 !important;
  border: 1px solid #ed0167;
}

span.image-replacement2{
	background:none !important;
}

div.name-wrap{
	margin-bottom:4px;
}

div#video-area{
	text-align:center;
}

p.video-help {
  padding: 0px 0 0 35px;
}

ul.video-help {
  list-style-type: disc;
  list-style-position: outside;
  list-style-image: none;
  padding: 5px 0 0 64px;
  margin-bottom:15px;
}

div.form-input{
	padding: 3px;	
}

div.form-error{
	color:red;
}

h2.latest-member{
	background:transparent url(headlines/new_members.png) no-repeat scroll 0 0;
	display:block;
	height:18px;
	margin-left:30px;
	padding-bottom:15px;
	margin-top: 1px;
	text-indent:-3000px;
	width:149px;
}

h2.latest-media{
	background:transparent url(headlines/latest_shots.png) no-repeat scroll 0 0;
	display:block;
	height:18px;
	margin-left:30px;
	padding-bottom:15px;
	text-indent:-3000px;
	width:149px;
}


/* Moderator
 * 
 */
.sticky-skin-coral {
	z-index:1003;
}

.sticky-skin-coral ul.sticky-container {
    /*background-color:#5F3423;*/
	background:url(i/bkg-bar.png) repeat-x;
    border-color:#000;
    border-width:1px 1px 0;
    border-style:solid;
	z-index:9999;
}

.sticky-skin-coral ul.sticky-container li{
    margin-right:10px;
    padding: 5px  10px;
}

.sticky-skin-coral .st-content{
	color:#fff;
    padding: 5px 10px;
    background:#5F3423;
    border-color:#333;
    border-width:1px 1px 0;
    border-style:solid;
}

.sticky-skin-coral .st-content-loading{
	text-indent:-3000px;
	background:url(i/loading-small-brown.gif) no-repeat;
	min-height:16px;
}

.moderator-settings-item li{
	margin: 10px 0;	
}

.moderator-settings-row{
	background-color:#1b0d08;
	border:1px solid #222;
	padding:10px;
	width:98%;
}

.moderator-settings-col1{
	width:15%;
	float:left;	
}

.moderator-settings-col2{
	width:70%;
	border-left:1px solid #222;
	float:left;
	padding-left:10px;
	min-height:74px;
}

.moderator-settings-col1 a{
	display:block;
	text-align:center;
	text-transform:capitalize;
	padding-top: 60px;
	color:#fff;
}

a.moderator-flagged{
	background:url(i/moderator/page_remove.png) no-repeat scroll center 0;
}

a.moderator-member{
	background:url(i/moderator/user.png) no-repeat scroll center 0;
}

a.shot-add-girls-only {
  color:#ED0167;
  font-weight:bold;
}

a.shot-add-girls-only:hover {
  color:#FFF600;
  font-weight:bold;
}



/* Member list
 * 
 */
p.homies-index {
  margin-left:30px;
  padding: 10px 0 15px 0
}

p.homies-index a {
  color: #29a9f8
}

p.homies-index span.char-order {
  color: #5F3423
}

p.homies-index a.all-homies {
  color: #29a9f8;
  text-decoration: underline
}

ul.hommies-list {
  clear: both;
  padding: 15px 0 0;
}

h1.user-count{
  margin-left:30px;
  text-transform:uppercase;	
  color:#29a9f8;
  font-family:arial;
  margin-bottom:10px;
  font-weight: lighter;
}

.girls-only h1#friends {
  color: #ED0167;
}

body a.girls-only-link:hover { color: #FFF600; }

ul.hommies-list li {
	float: left;
	width: 100%;
	padding-bottom: 15px;
}


div.hommies-box {
  background: #e5e8ee;
  margin: 67px 0 0 0;
  padding: 15px 0;
  min-height: 100%;
  position: relative;
}

div.hs-list-box {
  background: #e5e8ee;
  margin: 20px 0 0 0;
  padding: 15px 0;
  min-height: 100%;
  position: relative;
}

div.hs-list-box .pagination { position: relative !Important; bottom: -30px; margin-bottom: 30px }

div.friend-browse-box {
  background: #e5e8ee;
  margin: 11px 0 10px 0;
  padding: 15px 0 0;
  min-height: 100%;
}


ul.friend-browser-container{
	margin-left:30px;
	padding-bottom: 15px
}

ul.friend-browser-container li{
	float: left;
	padding:0 20px 0 0;
}

ul.friend-browser-container li.col1{
	width:93px;	
}

ul.friend-browser-container li.col2{
	width:535px;
}

ul.friend-browser-container h3.user-name{
	font-size:12px;
	text-transform:uppercase;
}

ul.friend-browser-container h3.user-name a{
	color:#1B0D08;
}

ul.friend-browser-container h3.user-name a:hover{
	color:#29a9f8;
}

ul.friend-browser-container li.col2 ul li{
	width:auto;
}

ul.friend-browser-container li.col2 ul li.user-info{
	padding-top:26px;	
}

ul.friend-browser-container li.col2 ul li.action-list{
	float:right;
	text-align: right;
}

ul.friend-browser-container li.col2 ul li.action-list a{
	text-transform:uppercase;
	color:#5F3423;
}

ul.friend-browser-container li.col2 ul li.action-list a:hover{
	color:#29a9f8;
}

#girls-only a, h3.user-name{
	color:#ED0167;
}

p.started-by{ color: #BBBDC2 }

#girls-only a:hover {
  color: #FFF600;
}

li blockquote{
	color: #29a9f8;
	font-weight: bold;
}

blockquote.girls-only {
	color: #ED0167;
	font-weight: bold;
}


a.home-spot-pointer{
	color:#fff;
	font-size:10px;
  	text-transform: uppercase;
  	font-weight: bold;
}

a.home-spot-pointer:hover{
	color:#FFF600;
	text-transform: uppercase;
}

p.home-story-read {
	text-align:right;
}

p.home-story-read a{
	color:#fff;
	text-transform: uppercase;
	font-weight: bold;
}

p.home-story-read a:hover{
	color:#5F3423;
	text-transform: uppercase;
	font-weight: bold;
}

a.spot-na {
  left:5px;
  top: 23px;
  position: relative;
}

a.spot-sa {
  left:3px;
  top: 69px;
  position: absolute;
}

a.spot-eu {
  left:80px;
  top: 5px;
  position: absolute;
}

a.spot-se {
  left:120px;
  top: 54px;
  position: absolute;
}
a.spot-af {
  left:60px;
  top: 40px;
  position: absolute;
}

div.forum-out{ 
	background:#e7e9ee; 
	margin:11px 0 11px 0;
	position: relative;
}

div.forum-out div.pagination { position: relative !important; bottom: -30px; margin-bottom: 25px }

ul.forum-home{
	clear:both; 
	margin:0 auto;
	padding:14px 0 0 30px;
	width:660px;
	height: 22px;
	float:left;
}
li.forum-home-col1{
	float:left; 
	color:#1B0D08;
}
li.forum-home-col1 p a{
	color:#5f3423;  
	font-weight:bold; 
	text-transform:uppercase;
}
li.forum-home-col1 p a:hover{
	color:#29a9f8;  
	font-weight:bold; 
	text-transform:uppercase;
}
li.forum-home-col2{
	float:right;
}

ul.one-board{ 
	width:710px; 
	height: 98px;
	padding: 15px 0;
	clear:both; 
	position: relative
}

ul.one-board-last{ 
	width:710px; 
	clear:both;  
	padding:12px 0 14px 0;
	color:#1B0D08;
}
li.one-board-col1{
	width:72px; 
	float:left;
}
li.one-board-col1 p{
	padding:0 0 0 30px;
}


li.one-board-col2{
	width:608px; 
	height: 98px;
	position: relative;
	float:left;
}

div.list-my-trips p.started-by, div.list-my-trips p.tagged{
	color:#bbbdc2 !Important;  
	padding:0 0 0 0px !important;
	background:none; 
}


p.tagged {
  margin-top: 8px;
}

p.started-by a, p.tagged a{
	color:#29a9f8;
	text-decoration:underline; 
}

li.one-board-col2 p.tagged,
li.one-board-col2 p.read { position: absolute; bottom: 5px; }
li.one-board-col2 p.read { right: 0; bottom: -10px }


p.started-by a:hover, p.tagged a:hover {
  color: #1b0d08 !important;
}

p.started-by a { color: #bbbdc2 }
p.started-by a:hover { color: #1b0d08 }

li.one-board-col3 {
	float:left;
	width:140px;
}

li.one-board-col3 p {
	padding:0 0 0 30px;
}

li.one-board-col4 {
	float:left;
	position: relative;
	height: 98px;
	width:540px;
}

li.one-board-col4 p.tagged,
li.one-board-col4 p.read { position: absolute; bottom: 5px }
li.one-board-col4 p.read { right: 0; bottom: -10px }

h5.one-board-title{ 
	font-size:12px; 
	line-height:14px;
}

h5.forum-title { 
	font-size:12px; 
	line-height:20px;
}

h5.one-board-title a{ 
	color:#1B0D08;
	font-size:12px; 
	line-height:20px;
}

h5.one-board-title a:hover {
  color: #29a9f8;
}

p.read{
	float:right; 
}
p.read a{
	text-transform:uppercase; 
	font-weight:bold;
}


/* Filter Box */
div.filterbox{
    float:left;
    width:680px;
    clear:both;
}

div.filterbox div{
    float:left;
    width:265px
}

div.filterbox p{
    min-height:16px;
    padding-bottom:5px;
}

div.filterbox a{
}

div.filterbox select{
	height:200px;
    width:100%;
}

div.filterbox .selector-available p{
	padding-left:20px;
	background: url(i/flexigrid/magnifier.png) no-repeat 0 center;
}

div.filterbox .selector-available p input{
	width:243px;
}

div.filterbox .selector-chooser{
    float:left;
}

div.filterbox ul.selector-chooser{
    padding: 0 5px;
	margin-top: 100px;
}

div.filterbox ul.selector-chooser a{
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #29A9F8;
	font-size:12px;
	display:block;
	text-align:center;
	width:17px;
	height:17px;
}

div.filterbox ul.selector-chooser a:hover{
	background-color:#29a9f8;	
	border:1px solid #fff;
	color:#fff;
}

div.filterbox ul.selector-chooser li{
	list-style-position:outside;
	list-style-type:none;
	margin-bottom:5px;
}

div.filterbox a.bulk-selector{
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #29A9F8;
	display:block;
	margin:5px 0 10px 67px;
	text-align:center;
	text-transform:uppercase;
	width:98px;
}

div.filterbox a.bulk-selector:hover{
	color:#fff;
	background-color:#29a9f8;
	border:1px solid #fff;
}

/* Announcement
 * 
 */
div#site-wide-announcement{
	padding: 10px;
	background:yellow;
}

div#site-wide-announcement ul{
	text-align:center;
}

div#site-wide-announcement li a{
	text-align-center;
	font-size:16px;
}
div.last-events-home {
	background:transparent url(headlines/events.png) no-repeat scroll 0 11px;
	border-top:1px solid #BEE5FB;
	margin:0 auto;
	padding:14px 0 15px;
	width:216px;
}
div.one-post-home {
	border-bottom:1px dashed #BEE5FB;
	margin-top:8px;
	padding:13px 0 10px;
}
p.left-column-date-home {
	color:#29A9F8;
	padding:0 0 0 13px; 
	background:url(i/post2.gif) no-repeat left 2px; 
	font-size:110%;
	font-weight:bold;
}

p.left-column-title-home {
	padding:0 0 0 13px; 
	line-height:14px;
}	

/* Message */
form.write-message input, form.write-message textarea {
  color: #5f3423
}

li.message-param {
  float: left;
  width: 111px
}

li.message-value {
  float: left;
  width: 464px
}

li.message-value input {
  margin: 3px 0;
  width: 300px
}

li.message-value textarea {
  height: 237px;
  margin: 3px 0;
  width: 445px
}

p.error, span.error {
  font-weight: normal !Important;
  color: #000 !important
}
span.ff-form-error {
  color: #ff0000;
  font-weight: bold;
  padding-left:8px;
}

ul.pop-up-messages {
  background: #fff;
  padding: 5px 5px 5px 30px;
  position: relative;
}

ul.pop-up-messages li small {
  background: #29A9F8 none repeat scroll 0% 0%;
  color: #fff;
  padding: 2px
}

ul.pop-up-messages li {
  color: #29A9F8
}

/* Feedback
 * 
 */
form#feedback ul.errorlist{
    padding: 0 !important;
}

form#feedback textarea{
    width: 642px
}

form#feedback p.send-container{
    padding:10px 4px 10px 10px
}

/*media loader*/
div#shotcontainer.loading {
	height:100%;
    background: url(i/loading-small.gif) no-repeat center center;
}

div#shotcontainer{
    text-align:center;
}

a.handpointer {
	cursor: pointer;
}


div#second-layer{
    height:100%;
    margin-left:25px;
    padding:10px;
}

.progressbar { 
    border:1px solid #29a9f8;
    margin-top:10px;
    width: 200px; 
    height: 25px; 
    line-height: 24px; 
    text-align: center; 
    background-color:#1B0D08;
}

div.progressbar div.text {
  line-height:24px;
}

.warning{
    color: #ff0000;
}

#e_id_for_country_label, #e_id_for_region_label{
    color:#1B0D08;
    font-size:11px;
    line-height:11px;
    overflow:hidden;
    width:155px;
}

/*************************************Search and Filter on Hotspots***********************/
h2.sortedby{
	background:transparent url(headlines/sorted_by.png) no-repeat scroll 0 0;
	display:block;
	height:18px;
	margin-left:0;
	padding-bottom:12px;
	text-indent:-3000px;
	width:131px;
}
h2.filterby{
	background:transparent url(headlines/filter_by.png) no-repeat scroll 0 0;
	display:block;
	height:18px;
	margin-left:0;
	padding-bottom:12px;
	text-indent:-3000px;
	width:131px;
}

ul.spotsearch {
  background: transparent url(elements/sidebar_line.gif) no-repeat scroll center top;
  margin: 0 auto;
  padding: 14px 0 14px 0;
  width: 216px
}

ul.spotsearch li.apply {
  text-align:right;
}

ul.spotsearch li.filter {
  padding:0 0 10px 0;
}
p.search-apply input {
  background:transparent url(btns/buttons.png) no-repeat scroll 0 -858px;
  border:0 none;
  height:22px;
  width:67px;
  text-align:right;
}
p.search-apply input:hover {
  background:transparent url(btns/buttons_over.png) no-repeat scroll 0 -858px;
  border:0 none;
  height:22px;
  width:67px;
  text-align:right;
}

#media-teaser{
    left-padding:30px;
}

div.new-invitation-slot{
	padding-left:21px;
	padding-top:10px;
}
div.new-invitation-slot2{
	padding-left:21px;
}
div.new-invitation-slot h3, div.new-invitation-slot2 h3{
	color:#29a9f8;
	font-size:12px;
}

div.new-invitation-slot input, div.new-invitation-slot textarea, div.new-invitation-slot2 input, div.new-invitation-slot2 textarea{
	width:576px;
	overflow:visible;
}

div.new-invitation-slot textarea, div.new-invitation-slot2 textarea{
	min-height: 200px;
	overflow:visible;
}

p.invitation-submit{
	padding: 20px 10px 10px 0;	
}


/* Last activities */
div.last-activities {
  padding: 10px 0 0 0px; 
  margin: 0 auto;
  padding: 15px 0 0 0;
  width: 216px
}

div.activity-piece {
  margin-bottom:15px;
  clear:both;
}

h2.last-activities{
    background:transparent url(headlines/last_activities.png) no-repeat scroll 0 0;
    display:block;
    height:18px;
    padding-bottom:11px;
    text-indent:-3000px;
    width:160px;
}
img.activities-thumb {
  float:left;
  margin: 0 10px 0 0;
}

a#activity-username {
  font-weight:bold;
}

a#activity-username:hover {
	color: #1b0d08 }


span.activity-time {
  color: #BBBDC2;
}

.forum-detail-comments { height: auto !important }
.forum-detail-comments .forum-detail { position: relative; min-height: 98px !important; height: auto !important }
.forum-detail-comments div.comment { padding: 15px 0 !important; background: url(elements/dots_content.gif) repeat-x left bottom }
.comments-event { margin-bottom: 15px }
.bottom-paging { margin-top: 15px }
div.event-list .pagination { bottom: -15px !important }
div.people-list { padding-bottom: 0 !Important}
div.my-homies .pagination { margin-top: 5px !important}
div.inbox .pagination { margin-top: 10px !important}
div.shot-paging-alt .pagination { padding: 5px 0 2px !important }
div.profile-comments .pagination { padding: 5px 0 0 !important; position: relative; top: 25px; margin-bottom: 25px }
div.group-story p br { display: none; position: absolute; left: -99999em }
.words-archive,
div.words-paging .pagination { bottom:  -15px !important; position: relative }
div.topic-paging .pagination { margin-top: 5px !important }
p.comment-inside { padding-left: 15px }
div#comment-section li.sotry-noline { padding: 15px 0 0 !important; margin-bottom: 0 !Important }
div.media-comment .pagination { padding-top: 15px !Important }
.rating-container { display: block !Important; position: absolute !Important; top: 15px !important }
#rating-result { position: relative }
.rating-div { padding-bottom: 10px }
li.sorted-hotspot { background: transparent url(elements/sidebar_line.gif) no-repeat scroll center bottom; padding-bottom: 15px }

/* leftbox */
.ir,
.ir span { position: relative; display: block; overflow: hidden; width: 100%; height: 100% }
.ir span { position: absolute; left: 0; top: 0 }

div.leftbox { width: 216px; overflow: hidden; padding: 15px 0; background: url(elements/sidebar_line.gif) no-repeat center top }
div.words-detail h3 { width: 80px; height: 20px; text-indent: -9999em; background: url(headlines/details.png) no-repeat; padding-bottom: 9px }
div.words-detail p,
div.words-detail p.postedby a,
div.spot-desc p.added-by,
div.spot-desc p.added-by a { color: #BBBDC2 !important; font-weight: normal }
div.words-detail p a,
div.spot-desc p.added-by a { text-decoration: underline }
div.words-detail p a:hover,
div.spot-desc p.added-by a:hover { color: #1B0D08 !important }

ul.socialmedia { overflow: hidden; margin-top: 12px }
ul.socialmedia li { display: inline }
ul.socialmedia li a { display: block; width: 16px; height: 16px;  float: left; margin-right: 2px }

select#id_rating { display: none !important }
ul#media-popup li { display: none }

body.profile div.sidebox-wrap h2,
div.sidebox h2 { margin-bottom: 15px; height: 18px; width: 150px; display: block; text-indent: -9999em }

div.sidebox { background: url(elements/sidebar_line.gif) no-repeat left top; padding: 15px 0 }
div.sidebox ol.lists li { padding-bottom: 13px; margin-bottom: 11px; background: url(elements/dots_sidebar.gif) repeat-x left bottom }
div.sidebox ol.lists li.last { padding: 0; margin: 0; background: none; margin-bottom: -2px }
div.sidebox ol.lists li p.date { color: #BBBDC2; padding: 0; margin: 0; font-size: 11px; font-weight: normal }
div.sidebox ol.lists li p { line-height: normal }
div.sidebox ol.lists li a { color: #1B0D08 }
div.sidebox ol.lists li a:hover { color: #29A9F8 }
div#events-b h2 { background: url(headlines/events.png) no-repeat left top; margin-bottom: 13px }
div#event-attending h2 { height: auto; text-indent: 0; } /* headline disappearing fix */

/* new hostpot detail */
div.spot-desc,
div#whats-nearby,
div#services-detail-list { margin-top: 15px; padding-top: 15px; padding-bottom: 13px }
.panel2 div#whats-nearby h2,
div#services-detail-list h2 { width: 162px; height: 18px; display: block; text-indent: -9999em; background: url(headlines/whats_nearby.png) no-repeat left top; margin-bottom: 15px }
div#services-detail-list h2 { background: url(headlines/services.png) no-repeat left }
div#whats-nearby table { width: 98% }
div#whats-nearby table th,
div#whats-nearby table td { width: 40%; text-align: left; padding-bottom: 2px }
div#whats-nearby table th.distance,
div#whats-nearby table td.distance { width: 20% }

div.spot-desc p.added-by { padding-bottom: 5px }
div.spot-desc p.social { padding-bottom: 20px }

div.sidebox a { color: #1B0D08 }
div.sidebox a:hover { color: #29A9F8 }
div.sidebox p.posted-by { padding-bottom: 1px; padding-left: 15px; background: transparent url(i/comment.png) no-repeat scroll left 2px }
div.sidebox p.posted-by,
div.sidebox p.posted-by a { color: #29A9F8 !important }
div.sidebox p.posted-by a { text-decoration: underline }
div.sidebox p.posted-by a:hover { color: #1B0D08 !Important }

.panel1 div#last-review h2,
.panel1 div#local-heroes h2 { display: block; text-indent: -9999em; height: 18px; background: url(headlines/last_reviews.png) no-repeat left top; width: 216px }
.panel1 div#last-review p.date { padding-left: 15px }
.panel1 div#last-review div.review-content { padding-left: 15px }
.panel1 div#last-review ol.lists li p.vote-result { display: block; height: 12px; overflow: hidden; margin: 2px 0px; padding-left: 15px }
.panel1 div#last-review ol.lists li p.vote-result span { display: block; background: url(elements/votes_tiny.png) repeat-x left -12px; text-indent: -9999em }

.panel1 div#local-heroes h2 { background: url(headlines/local_heroes.png) no-repeat left top }
.panel1 div#local-heroes ul { overflow: hidden }
.panel1 div#local-heroes ul li { float: left }

ul.action-list-single { background: none !important; padding: 5px 0 0 !important }

div.subnav-spot { padding-bottom: 12px !Important }
div.subnav-spot ul li { display: block; height: 22px; padding-bottom: 3px }
div.subnav-spot ul li a { display: block; height: 22px; width: 118px; text-indent: -9999em; background: url(btns/subnavigation.png) no-repeat left top }
div.subnav-spot ul li a:hover { background: url(btns/subnavigation_over.png) no-repeat left top }

div.subnav-spot ul li.map a,
div.subnav-spot ul li.map a:hover{ background-position: left top }
div.subnav-spot ul li.add-service a,
div.subnav-spot ul li.add-service a:hover { background-position: left -110px }
div.subnav-spot ul li.spot-detail a,
div.subnav-spot ul li.spot-detail a:hover{ background-position: left -22px }
div.subnav-spot ul li.add-spot a,
div.subnav-spot ul li.add-spot a:hover{ background-position: left -66px }

div.lorem-ipsum4 { background:#EAEDF2 none repeat scroll 0 0; margin:20px 0 0; padding:10px 30px; clear: both }
div.lorem-ipsum4 p { line-height:14px; padding:0 0 15px 0 }
div.lorem-ipsum4 h1 { color:#29A9F8; padding:9px 0; font-weight:normal }

div.trip-detail { margin-bottom: 15px; padding: 12px 30px 15px }
div.trip-detail h4 { font-size: 11px }
div.trip-detail ul li strong { color: #29A9F8; font-weight: normal }
div.trip-detail ul li.last { padding: 10px 0  5px }
div.trip-detail ul li.last strong { color: #000; font-weight: normal }
div.trip-detail ul li.last strong span { font-weight: bold }
div.trip-detail ul li.last { color: #29A9F8; font-weight: bold }

#destinations { margin-top: 15px }
#spot, #already-joined { margin-bottom: 30px }

#destinations h2,
#already-joined h2 { display: block; width: 200px; height: 18px; text-indent: -9999em; background: url(headlines/destinations.png) no-repeat 30px top; margin-bottom: 15px }

#already-joined h2 { background: url(headlines/already-joined.png) no-repeat 30px top }

#facebox { left: 266px !Important }

/* Accordion */

div.accordion { padding-top: 30px; padding-bottom: 0px; margin-bottom: -5px }
div.tab-accordion-content h3 { background: url(elements/dots_content.gif) repeat-x left top; padding: 12px 35px 9px; text-transform: uppercase; font-size: 11px; line-height: normal }
div.tab-accordion-content h4.notext { background: url(elements/dots_content.gif) repeat-x left top; padding: 0px 35px 0px; margin-bottom:-15px; text-transform: uppercase; font-size: 11px; line-height: normal }
div.tab-accordion-content .tab-accordion-inside { padding: 0 10px 7px 35px; height: auto; position: relative }
div.tab-accordion-content form ul li,
div.tab-accordion-content ul.facebox-form li { display: block; margin-bottom: 11px }
div.tab-accordion-content form ul li.last,
div.tab-accordion-content ul.facebox-form li.last { margin-bottom: 0 }
div.tab-accordion-content form ul li label,
div.tab-accordion-content li.form-param,
form.join-trip-form ul li label,
li.soption-param p,
div.tab-accordion-content ul.facebox-form li label { display: block; float: left; width: 140px; font-weight: bold; margin-right: 0px; text-transform:none }
form#subscribe-form ul li label { width: 300px }
div.tab-accordion-content form ul li label em,
div.tab-accordion-content li.form-param em,
form.showcase-form li.form-param em,
div.tab-accordion-content ul.facebox-form li label em { display: block; font-weight: normal; font-style: normal }
div.tab-accordion-content form ul li.remove label,
div.tab-accordion-content ul.facebox-form li.remove label { width: 285px }
div.tab-accordion-content form ul li.wide label,
div.tab-accordion-content ul.facebox-form li.wide label { float: none; width: 98%; margin-bottom: 5px }
div.tab-accordion-content form ul li.wide2 label,
div.tab-accordion-content ul.facebox-form li.wide2 label { float: left; width: 220px; padding-top: 3px }
div.tab-accordion-content form ul li.wide label em,
div.tab-accordion-content ul.facebox-form li.wide label em { display: inline }
div.tab-accordion-content form ul li input,
div.tab-accordion-content form ul li textarea,
div.tab-accordion-content form ul li select,
div.tab-accordion-content form ul li checkbox,
div.tab-accordion-content form select,
div.tab-accordion-content li.form-value,
form.join-trip-form ul li textarea,
form#media-edit li.soption-value input,
form#media-edit li.soption-value textarea,
div.tab-accordion-content ul.facebox-form li input,
div.tab-accordion-content ul.facebox-form li textarea,
div.tab-accordion-content ul.facebox-form li select,
div.tab-accordion-content ul.facebox-form li checkbox,
div.tab-accordion-content ul.facebox-form select { float: left; width: 300px; border: 1px solid #bdbec2; font-size: 11px; padding: 2px }  
form#media-edit li.soption-value textarea { height: 100px !important }
form#media-edit ul.soption-item,
form#media-edit li.soption-param { padding: 0; margin: 0 }
div.tab-accordion-content form ul li select#selectMonth { width: 50px !important}
div.tab-accordion-content form ul li select#selectDay { width: 45px !important} /* adjusted */
div.tab-accordion-content form ul li select#selectYear { width: 60px !important}
div.tab-accordion-content form ul li textarea,
form.join-trip-form ul li textarea,
div.tab-accordion-content ul.facebox-form li textarea { height: 90px }
div.tab-accordion-content form ul li.wide textarea,
div.tab-accordion-content ul.facebox-form li.wide textarea { width: 490px }
div.tab-accordion-content form ul li select,
div.tab-accordion-content form ul li checkbox,
div.tab-accordion-content form select,
div.tab-accordion-content form ul li.checkbox input,
div.tab-accordion-content form ul#custom_field li ul li input,
div.tab-accordion-content ul.facebox-form li select,
div.tab-accordion-content ul.facebox-form li checkbox,
div.tab-accordion-content ul.facebox-form li.checkbox input { width: auto !Important; margin-right: 5px; position: relative; top: 0 }
div.tab-accordion-content form ul#custom_field li ul li { float: left; width: 80px; margin-bottom: 0 }
div.tab-accordion-content form ul#custom_field li ul li label { font-weight: normal }
div.tab-accordion-content form ul#custom_field li ul li input#id_custom_field_1_0 ,
div.tab-accordion-content form ul#custom_field li ul li input#id_custom_field_1_1 { top: -1px }
form#subscribe-form fieldset ul li input { width: auto; margin-right: 5px }
form#subscribe-form fieldset ul li ul { clear: both; padding-left: 18px; padding-top: 10px; list-style: disc }
form#subscribe-form fieldset ul li ul li { font-weight:normal; width: 300px !Important; margin-bottom: 5px; background: url(elements/icn_dot.png) no-repeat left 3px; padding-left: 10px }
div.tab-accordion-content form ul li.group-cat select { text-transform: capitalize }
div.tab-accordion-content .profile-box { background: url(elements/dots_content.gif) repeat-x left top; width: 595px !important; position: relative; left: -35px; padding-left: 35px; padding-top: 10px  }
div.tab-accordion-content .profile-box .profile-content { background: none }
div.tab-accordion-content .profile-box .profile-content h4 { font-weight: normal; font-size: 11px }
div.tab-accordion-content .profile-box .profile-content div.form-submit-container { overflow: hidden; padding:  0 0 8px 0 }
div.tab-accordion-content .profile-box .profile-content div.form-submit-container input { margin-right: 10px }

div.tab-accordion-content .profile-box .profile-content .sortable-container { position: relative; left: -35px; padding-left: 35px; width: 585px !important; background: url(elements/dots_content.gif) repeat-x left top; margin-top: 6px; margin-bottom: 0; padding-bottom: 8px !important }
div.tab-accordion-content .profile-box .profile-content .sortable-container ul.sortable-subitem li img { margin: 0 !important }
div.showcase-edit blockquote { overflow: hidden; padding-bottom: 13px; padding-right: 10px; padding-top: 5px }
form.showcase-form li.form-param { width: 130px !Important; padding-left: 5px }
form.showcase-form div.form-submit-container { padding: 0 0 5px !important; overflow: hidden; position: relative; right: 5px }
form.showcase-form { padding-top: 6px !Important }
div#trick-add-container,
div#eq-add-container { padding-top: 10px }
div.sortable-container { padding-top: 10px !Important }
ul.sortable-item { padding-top: 10px }
form#order-form { overflow: hidden; padding-bottom: 5px }
form#order-form input.save-order { margin-right: -5px }

div.tab-accordion-content li.form-value { padding: 0; border: 0 }
div.tab-accordion-content li.form-value input,
div.tab-accordion-content li.form-value textarea,
div.tab-accordion-content li.form-value select { width: 200px !important; border-bottom: 1px solid #bdbec2; font-size: 11px; padding: 2px }

div.tab-accordion-content ul.form-item { padding: 0 !Important }
div.tab-accordion-content ul.form-item p { margin: 0 !Important }
div.tab-accordion-content form ul li.checkbox span,
div.tab-accordion-content ul.facebox-form li.checkbox span { position: relative; top: 2px }
div.tab-accordion-content form ul li.save,
div.tab-accordion-content form ul li.send,
div.acc-settings ul li.save,
div.tab-accordion-content ul.facebox-form li.save { margin-bottom: 4px }
div.tab-accordion-content form ul li.save a,
div.acc-settings ul li.save a,
div.acc-settings ul li.save input,
form.join-trip-form ul li.save input.submit,
div.tab-accordion-content form ul li.save input,
div.tab-accordion-content ul.facebox-form li.save input,
div.tab-accordion-content ul.facebox-form li.save a,
div.tab-accordion-content ul.facebox-form li.save input.submit { display: block; float: right; background: url(btns/buttons.png) no-repeat left -418px; height: 22px; width: 60px; text-indent: -9999em; font-size: 1px; border: 0; cursor: pointer }
div.tab-accordion-content form ul li.save a:hover,
div.acc-settings ul li.save a:hover,
div.tab-accordion-content form ul li.save input:hover,
div.acc-settings ul li.save input:hover,
form.join-trip-form ul li.save input:hover,
div.tab-accordion-content ul.facebox-form li.save a:hover,
div.tab-accordion-content ul.facebox-form li.save input:hover { background: url(btns/buttons_over.png) no-repeat left -418px }
div.tab-accordion-content form ul li.send a,
div.acc-settings ul li.send a,
div.acc-settings ul li.send input,
form.join-trip-form ul li.send input.send,
div.tab-accordion-content form ul li.send input { display: block; float: right; background: url(btns/buttons.png) no-repeat left -594px; height: 22px; width: 60px; text-indent: -9999em; font-size: 1px; border: 0; cursor: pointer }
div.tab-accordion-content form ul li.send a:hover,
div.acc-settings ul li.send a:hover,
div.tab-accordion-content form ul li.send input:hover,
div.acc-settings ul li.send input:hover,
form.join-trip-form ul li.send input:hover { background: url(btns/buttons_over.png) no-repeat left -594px }
div#section-permission ul li.save { padding: 0 10px 7px }
div#section-notification-setting ul li.save { padding: 0 10px 11px }
div#section-notification-setting ul { margin-bottom: -5px }
form.join-trip-form ul li.save { clear: both; padding-top: 15px }

div.tab-accordion-content form ul li.change-pass input { background: url(btns/buttons.png) no-repeat 0 -814px; width:140px; height: 22px }
div.tab-accordion-content form ul li.change-pass input:hover { background: url(btns/buttons_over.png) no-repeat 0 -814px; }

div#section-notification-setting table { width: 100%; margin-top: 2px }
div#section-notification-setting table .first-col { width: 360px; padding-left: 35px !important }
div#section-notification-setting table thead th { color: #29A9F8; padding: 0 0 11px }
div#section-notification-setting table tbody td { padding: 11px 0; background: url(elements/dots_content.gif) repeat-x left top }
div#section-notification-setting table tbody td span.notice-type-description { font-style: normal }

div.tab-accordion-content ul.package li,
div.tab-accordion-content ul.package { list-style: disc; padding: 2px 0 }
div.tab-accordion-content ul.package li { margin-left: 30px }

div.tab-accordion-content form ul li.editremove { margin-bottom: 0 !Important; padding-bottom: 5px }
div.tab-accordion-content form ul li.editremove label,
div.tab-accordion-content form ul li.editremove input { width: 470px; display: block; float: left; font-weight: normal }
div.tab-accordion-content form ul li.editremove input { display: none; margin-top: -4px }
div.tab-accordion-content form ul li.editremove p.action { float: right }
div.tab-accordion-content form ul li.editremove p.action a { padding-left: 5px; text-transform: uppercase }

div.tab-accordion-content ul li.pkg-list input,
div.tab-accordion-content ul li.pkg-list label { width: auto !important; float: left }
div.tab-accordion-content ul li.pkg-list label { padding-left: 5px; color: #29A9F8 }
div.tab-accordion-content ul li.pkg-list ul { list-style: disc; list-style-type: disc; clear: both; padding: 8px 0 0; margin-bottom: -5px }
div.tab-accordion-content ul li.pkg-list ul li { float: none;display: block; margin-left: 40px; margin-bottom: 0; padding: 3px 0; list-style: disc; list-style-type: disc; background: url(elements/icn_dot.png) no-repeat left 6px; padding-left: 10px }
div.tab-accordion-content p { margin-bottom: 5px; padding-right: 20px  }

div.comments-spot-detail { margin-top: 30px }

h3.nearby { text-indent: -9999em; display: block; width: 192px ; height: 18px; background: url(headlines/whats_nearby.png) no-repeat 30px 0; padding-bottom: 15px }

div.hotspot-nearby { clear: both }
div.hotspot-nearby div.hs-list-box { padding-bottom: 0 }

div.hotspot-nearby table { width: 100% }
div.hotspot-nearby table th,
div.hotspot-nearby table td { width: 215px; text-align: left; padding: 10px 10px 10px 30px; vertical-align: top }
div.hotspot-nearby table td { padding-bottom: 15px }
div.hotspot-nearby table th.distance,
div.hotspot-nearby table td.distance { width: 136px }
div.hotspot-nearby table td { background: url(elements/dots_content.gif) repeat-x left top }
div.hotspot-nearby table td img { float: left; margin-right: 10px }
div.hotspot-nearby table td p.spot-detail { float: left; width: 180px; position: relative; top: -2px }
div.hotspot-nearby table td p.spot-detail span { color: #bbbccc }

div.list-my-trips { margin-top: 15px; padding-bottom: 2px }
div.list-my-trips h5.one-board-title{ margin-top: -6px }

div.tab-accordion-content #tab-add-service ul li.checkbox label { font-weight: normal }
div.tab-accordion-content #tab-add-service ul li.checkbox input { top: 0 }

dl.service-detail dt { font-weight: bold }
dl.service-detail dd { padding-bottom: 10px }
dl.service-detail dd #map { margin-left: 0 !Important }

span.trip-status { color: #29A9F8 }

div.im-gone h2#comments { background: url(headlines/im_gone.png) no-repeat 30px 15px }
p.add-service { padding: 12px 35px; background: url(elements/dots_content.gif) repeat-x left top; margin-bottom: 0 !important }
p.add-service a { text-transform: uppercase }
div#service-list { background: url(elements/dots_content.gif) repeat-x left top; padding-top: 12px; margin-top: 0; padding-bottom: 0 }

form.join-trip-form { padding-top: 30px !important }
form.join-trip-form ul { background: url(elements/dots_content.gif) repeat-x scroll left top; padding: 15px 15px 15px 35px; display: block; overflow: hidden }
p.info-join-trip { padding: 15px 35px; background: url(elements/dots_content.gif) repeat-x scroll left top; position: relative; top: 30px; padding-bottom: 65px }

.subscribe-detail dl { overflow: hidden; width: 400px; float: left }
.subscribe-detail dl dt { float: left; clear: both; font-weight: bold; width: 120px; padding-bottom: 10px }
.subscribe-detail dl dd { float: left; width: 230px }
.subscribe-detail dl dd input,
.subscribe-detail dl dd select { width: 190px; border: 1px solid #bdbec2; font-size: 11px; padding: 2px}
.subscribe-detail dl dd select { width: 100px }
.subscribe-detail dl dt.exp { float: left; width: 30px; clear: none }
.subscribe-detail dl dd.exp { width: 70px }
.subscribe-detail dl dd.expmm { width: 80px !important }
.subscribe-detail dl dd.exp input { width: 50px }
.subscribe-detail dl dd.btn-pay { float: none; clear: both; overflow: hidden; width: 322px; padding-top: 10px }
.subscribe-detail dl dd.btn-pay input { border: 0; padding: 0; width: auto; float: right }
.subscribe-detail dl.pay-form dt,
.subscribe-detail dl.pay-form dd { padding-bottom: 12px }

div.olMap img { margin: 0 !Important }
#facebox .popup-box li { padding-top: 13px; left: 10px; display: none; top: 100px }
#facebox .popup-box li h6 { font-weight: normal !important; font-size: 11px !important }
#facebox .popup-box li p.delete-yes { padding-top: 30px; text-transform: uppercase; color: #000; position: relative; bottom: -5px }
#facebox .popup-box li p.delete-yes a { color: #000; font-weight: bold }

#facebox .popup-box li#popup-switch { width: 450px !important }
#facebox .popup-box li#popup-switch h6 { padding-bottom: 10px !important }

.olPopupContent .pop-spot-img { margin-right: 10px !important }


/* FAQ */

ul.faq-topic-list { list-style:none; }
ul.faq-topic-list li a, ul.faq-topic-list li a:visited { font-size:16px; color:#29a9f8; text-decoration:none; }
ul.faq-topic-list li a:hover { color:#1b0d08; text-decoration:none; }
ul.faq-question-list { list-style:none; padding:15px 0 0 0; }
ul.faq-question-list li a, ul.faq-question-list li a:visited { font-size:11px; color:#1b0d08; text-decoration:none; }
ul.faq-question-list li a:hover { color:#29a9f8; text-decoration:none; }
div.faq-question { font-size:16px; color:#29a9f8; padding:0 0 15px 0; }
div.faq-answer { font-size:11px; color:#1b0d08; padding:0 0 10px 0; }
div.faq-categories-left{ background:transparent url(headlines/categories.png) no-repeat scroll 0 0px; padding:20px 0 13px 0 }
div.faq-categories-left a, div.faq-categories-left a:visited { color:#BBBDC2; text-decoration:none; font-size:11px; }
div.faq-categories-left a:hover { color:#29a9f8; text-decoration:none; }
div.overlay-header h3 { background: url(elements/dots_content.gif) repeat-x left top; padding: 12px 35px 9px; font-size: 11px; line-height: normal }
div.upload-button { float:right; margin-right:10px; margin-top:15px }
div.upload-button a { background: url(btns/buttons.png) no-repeat 0 -682px; outline: 0; width:74px; height:22px; display: block; float: right; text-indent: -9999em }
div.upload-button a:hover { background: url(btns/buttons_over.png) no-repeat 0 -682px; outline: 0; width:74px; height:22px; display: block; float: right; text-indent: -9999em }
p.show-soption { padding: 5px 0px 0px 0px }
p.show-soption a { text-transform: none }

form#media-edit { padding: 0; margin: 0 }

div#profile-myequipment { margin-top: 12px !important }
span.form-error { display: block }

div#services-detail-list { padding-left: 0; padding-right: 0 }
div#services-detail-list h2 { background-position: 30px 0 }
div#services-detail-list ul { margin-top: -10px }
div#services-detail-list ul li { background: url(elements/dots_content.gif) repeat-x scroll left bottom transparent; padding: 11px 30px 6px }
div#services-detail-list ul li.last { background: none; padding-bottom: 0; margin-bottom: 0 }
div#services-detail-list ul li h3 { font-size: 11px }
div#services-detail-list ul li dl dt { float: left; display: block; width: 128px; color: #BBBDC2; padding-bottom: 2px; clear: both }
div#services-detail-list ul li dl dd { float: left; display: block; width: 518px; padding-bottom: 2px}

div.tab-accordion-content ul.facebox-form li ul { float: left; width: 400px }
div.tab-accordion-content ul.facebox-form li ul li input { float: left; width:  auto !important; margin-right: 5px }
div.tab-accordion-content ul.facebox-form li ul li label { font-weight: normal }

.no-background { background: none !Important }

div.lorem-ipsum4 ul { list-style: disc; margin-left: 30px; margin-bottom: 15px }
div.trip-detail ul { list-style: none; margin: 0; }
#profile-mytrick { margin-top: 10px }
input.save-order{ background: url(btns/buttons.png) no-repeat 0 -837px; width:100px; text-indent: -3000px;  height: 23px; cursor: pointer; float: right; margin-right: 6px }
input.save-order:hover { background: url(btns/buttons_over.png) no-repeat 0 -837px; cursor: pointer; cursor: hand }
#notification-form { margin-bottom: -10px !important }
#trick-add-container .form-submit-container,
#eq-add-container .form-submit-container { padding-bottom: 4px; margin-right: -1px }

ul.sortable-subitem li {
  float: left;
  height: 100px;
  margin-right: 3px;
  width: 94px;
  border: solid 1px #29a9f8;
  clear: none !Important
}

p.toolbar {
  left: 0px;
  position: relative;
  top: -96px;
  width: 71px
}

ul.sortable-subitem li a.item-tool {
  display: block;
  float: left;
  height: 18px;
  outline: 0;
  text-indent: -3000px;
  width: 18px
}

ul.sortable-subitem li span.item-tool {
  display: block;
  float: left;
  height: 18px;
  text-indent: -3000px;
  width: 18px
}

ul.sortable-subitem li a.horizontal-move {
  background: #e5e8ee url(i/btn-drag.gif) no-repeat scroll 2px 1px
}

ul.sortable-subitem li a.item-delete {
  background: #e5e8ee url(i/btn-delete.png) no-repeat scroll 2px 1px;
  padding-right: 6px
}

ul.sortable-subitem li a.item-edit {
  background: #e5e8ee url(i/btn-edit.png) no-repeat scroll 2px 1px
}

div.trick-popup {
  left: 520px;
  position: absolute;
  top: 250px;
  width: 300px;
  z-index: 1000
}

div.trick-popup-body {
  background: #ffffcc;
  border-left: solid 1px #cccccc;
  border-right: solid 1px #cccccc;
  border-top: solid 1px #cccccc;
  padding: 7px 0
}

div.trick-popup-btm {
  background: url(../images/trick-popup-btm.gif) no-repeat left top;
  height: 21px
}

div.sortable-container {
  padding: 14px 10px 32px 35px;
  height: 100%
}

h5.sortable-title {
  color: #29a9f8;
  padding: 0 0 12px 0
}

ul.sortable-item li {
  margin-bottom: 10px;
  padding: 0;
  float: left;
}

ul.sortable-item li ul {
  padding: 3px 0 3px 0
}

ul.sortable-item li a {
  font-weight: bold
}

.ui-vertical-move {
  border: 1px dashed #3A2007
}

a.vertical-move {
  background: transparent url(i/btn-drag.gif) no-repeat;
  color: #e5e8ee;
  margin: 0 2px 0 10px;
  padding: 0 14px
}


.ui-horizontal-move {
  background-color: #3A3007;
  height: 88px !important;
  position: relative;
  top: 18px
}

div.showcase-edit blockquote {
  background-color: #FFFFFF;
  border: 1px solid #C9C2C1;
  margin: 0px;
  padding: 0px
}

div.showcase-edit blockquote p {
  margin: 4px;
  min-width: 109px;
  padding: 0px
}

div.showcase-edit cite {
  background: transparent url(i/tip-up.gif) no-repeat scroll 20px 0pt;
  font-style: normal;
  margin: 0px;
  padding: 7px 0px 0px 15px;
  position: absolute;
  top: -6px;
  width: 16px
}

form.showcase-form {
  width: 422px
}

input.showcase-inline-input {
  width: 313px
}

form.showcase-form li.form-param {
  width: 80px
}

form.showcase-form div.form-submit-container {
  padding: 0px
}

form.showcase-form p textarea, form.showcase-form p input {
  float: left;
  margin-right: 3px
}

ul.form-item {
  clear: both;
  padding: 0pt 0pt 5px;
  width: 575px
}

li.form-param {
  float: left;
  width: 115px
}

li.form-value {
  float: left;
  width: 460px
}

.no-background { background: none !Important}
#section-general { margin-top: -5px}