@charset "utf-8";
/* YUI Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;border:0;color:#252525;font-family:Arial,Tahoma,sans-serif;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
input,button{overflow:visible;padding:0 2px;}
/*test*/
/*
We do not need to reset this one I think
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal;}*/
ol,ul { list-style:none;}
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
/* Base Font
By setting font-size to 62.5%, 1 em = 10 px, so 1.2 em = 12px
*/
body { font-family:Arial, Tahoma, sans-serif; font-size:62.5%; }
#header, #body, #footer { font-size:1.2em;}
/* Form */
input.inp, input.inp-2, input.inp-3, textarea, select { padding:5px; border:1px solid #dbdbdb; background:url("../_gfx/dot_ececec.gif") repeat-x top left white; font-size:100%;}
select { padding:4px;}
/* Apply Default formatting with .text
http://www.thenoodleincident.com/tutorials/typography/
*/
.text h1 { font-size: 2.0em; font-weight: normal; margin-top: 0em; margin-bottom: 0em;}
.text h2 { font-size: 1.7em; margin: 1.2em 0em 0 0em; font-weight: normal; margin-top:0; }
.text h3 { font-size: 1.4em; margin: 1.0em 0em 1.0em 0em; font-weight: normal; margin-top:0; }
.text h4 { font-size: 1.2em; margin: 1.0em 0em 1.0em 0em; font-weight: bold; }
.text h5 { font-size: 1.0em; margin: 1.0em 0em 1.0em 0em; font-weight: bold; }
.text h6 { font-size: 0.8em; margin: 1.0em 0em 1.0em 0em; font-weight: bold; }
.text img { border: 0; }
.text ol,.text ul,.text li { font-size: 1.0em; /*Disabled: line-height: 1.8em;*/ margin-top: 0.2em; margin-bottom: 0.1em; }
.text p { font-size: 1.0em; /*Disabled: line-height: 1.8em;*/ margin: 1.2em 0em 1.2em 0em;}
.text:first-child p:first-child { margin-top:0;}
.text li > p { margin-top: 0.2em; }
/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small */
.text pre { font-family: monospace; font-size: 1.0em;}
.text strong, b { font-weight: bold;}
/* Taking back the YUI resets */
.text ul { list-style:disc; list-style-position:outside; padding-left:40px;}
.text ol { list-style:decimal; list-style-position:outside; padding-left:40px;}
.text ul ul { list-style-type:circle;}
.text dl { margin:10px 0;}
.text dl dd { margin-left:40px; }
#mainCol .text h1 { font-size:1.3em; margin:10px 0; font-weight:bold; }
/* Helpers*/
.clear { clear:both; height:0; font-size:0; line-height:0; display:block;}
.left { float:left !important;}
.right { float:right !important;}
.align-l {text-align:left !important;;}
.align-r { text-align:right !important;}
/* Links & Buttons
http://www.filamentgroup.com/lab/update_styling_the_button_element_with_css_sliding_doors_now_with_image_spr/
*/
a { text-decoration:none; color:#00699f; outline:none; cursor:pointer;}
.male, .genderTrue { color:#0178cc !important;}
.female, .genderFalse {color:#ea1291 !important;}
/* REQUIRED BUTTON STYLES:
html:
why use buttons: http://www.filamentgroup.com/lab/update_styling_the_button_element_with_css_sliding_doors_now_with_image_spr/
*/
button { position: relative; border: 0; padding: 0; cursor: pointer; overflow: visible; /* removes extra side padding in IE */}
button::-moz-focus-inner { border: none; /* overrides extra padding in Firefox */}
button span { position: relative; display: block; white-space: nowrap;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari and Google Chrome only - fix margins */
button span { margin-top: -2px; }
button { margin-top: 0;}}
/* OPTIONAL BUTTON STYLES for applying custom look and feel: */
button.button-gray { float:left; padding: 0 10px 0 0; text-align: center; background: transparent url(../_gfx/buttons.gif) no-repeat right -100px; font-size:.9em;}
button.button-gray span {padding: 7px 0 0 12px; height:23px; background: transparent url(../_gfx/buttons.gif) no-repeat left top; line-height:16px; font-size:11px;}
/* CSS for JS IE6 compatibility */
button.button-gray:active { background-position: right -150px !important; }
button.button-gray:active span { background-position: 0 -50px !important;}
button.button-gray-hover { background-position: right -150px !important; }
button.button-gray-hover span { background-position: 0 -50px !important;}
button p { margin:0 5px 0 0 !important; line-height:16px !important; padding:0 !important; float:left;}
button img { margin-right:5px; float:left;}
/* Same button style for anchors */
a.button-gray { cursor:pointer; margin-left:2px; background: transparent url(../_gfx/buttons.gif) no-repeat right -100px; color:#252525; font-size:.9em; line-height:30px; height:30px; float:left;}
a.button-gray span { float:left; line-height:16px; background: transparent url(../_gfx/buttons.gif) no-repeat left top; padding:7px 5px 8px 10px; margin-right:5px; font-size:11px; }
a.button-gray span span { background-image:none; padding:0; margin:0; line-height:17px;}
a.button-gray span img { float:left; margin-right:5px;}
a.button-gray:active {background-position: right -150px; }
a.button-gray:active span {background-position: 0 -50px;}
/* Get rid of dotted line on click */
.button-gray:active, .button-gray:focus, .button-gray:active span, .button-gray:focus span { outline:none;}
/* Same button style for anchors */
div.button-gray { cursor:pointer; margin-left:2px; background: transparent url(../_gfx/buttons.gif) no-repeat right -100px; color:#252525; font-size:.9em; line-height:30px; height:30px; float:left;}
div.button-gray div { position:relative; float:left; height:28px; display:block; background: transparent url(../_gfx/buttons.gif) no-repeat left top; padding:1px 0; margin-right:5px; }
div.button-gray input { position:relative; float:left; background:transparent; padding:0; margin:0; line-height:15px;padding:7px 5px 7px 9px; font-size:11px; cursor:pointer;}
div.ico div input { padding-left:30px;}
div.button-gray div img { top:6px; left:10px; position:absolute; cursor:crosshair;}
div.button-gray-hover {background-position: right -150px; font-weight:bold;}
div.button-gray-hover div {background-position: 0 -50px;}
/* IE left/right padding hack */
/* Search Buttons */
.button-search-big { background:url(../_gfx/button-search-big.gif) no-repeat top left; width:35px; height:30px; float:left;}
.button-search-small { background:url(../_gfx/button-search-small.gif) no-repeat top left; width:25px; height:20px; float:left;}
/* Center align Site */
#header, #body, #footer { text-align:left; margin:0 auto;}
/* WireFrame */
#topbanner { margin:0 auto; width:985px; text-align:left; background-color:#252525;}
#topbanner img { float:left;}
#header { width:984px; margin-bottom:10px; }
#body { width:984px; background-color:white; }
.profile-header {background:white url(../_gfx/profiles/profiles-header-wide.gif) no-repeat scroll left top !important; border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; -khtml-border-radius:3px 3px 0 0;}
#footer { width:984px;}
/* Header*/
/* Bar */
#bar { float:left; width:964px; padding:0 10px 0px; background-color:#111; overflow:hidden;}
#bar ul { float:left; margin:10px 10px 10px 0;}
#bar ul li { float:left;}
#bar select { padding:1px;}
#bar ul a { color:#959595; padding:8px; line-height:20px; font-size:.9em;}
#bar ul a:hover { color:#ccc;}
#sitelogo { float:left; text-transform:uppercase; font-size:1.2em;}
#sitelogo img { color:white; float:left;}
#logo { float:left; text-transform:uppercase; font-size:1.2em;}
#logo img { color:white;}
#site-search { float:left; position:relative; margin:10px 0 0;}
#site-search input.inp { float:left; padding:3px 2px 1px; font-size:.9em; height:14px; border-right:0; }
#site-search label { position:absolute; top:0; left:0; padding:3px 4px; font-size:.9em;}
#lang { float:left; margin:10px 0; }
#lang img { display:block; padding-top:4px; float:left; margin-right:5px; }
#lang a { color:#999; font-size:.9em; padding:0 15px; line-height:19px; float:left; background:url(../_gfx/paging_arrow_down.gif) no-repeat right 6px;}
#lang a:hover { color:white;}
#lang select { margin:0 10px; padding:0;}
#login { float:left; margin:10px 0 7px; }
* html #login { width:430px; }
#login .wrap { float:left; width:182px;}
#login .wrap div { width:100%; float:left;}
#login .wrap div label { font-weight:bold; color:#fff; line-height:20px; float:left; width:70px; overflow:hidden; white-space:nowrap; text-align:right; }
#login .inp { width:90px; float:right; padding:2px; color:#333; overflow:hidden; margin-right:8px;}
#login .login { font-weight:bold; background-color:#ccc;; height:20px; padding:2px 10px; font-family:inherit; border-radius:1px;}
#login .login:active { border:0;}
#login .rememberme, #login .forgotpw { float:left; font-size:.9em; font-weight:normal; line-height:22px; color:#999; margin-left:77px; white-space:nowrap; width:102px;}
#login a.forgotpw:hover { color:#fff;}
#login .rememberme input { margin-right:5px;}
#topshout { float:left; background-color:#fff; width:984px; border-bottom:1px solid #e7e7e7;}
#topshout ul { float:left; }
#topshout ul li { float:left; background-color:#fff; width:280px; }
#topshout ul li img { float:left; margin:4px 10px 4px 4px; }
#topshout ul li p { float:left; width:200px; margin:0;padding:5px 0 0; font-size:11px; line-height:12px; color:#666;}
#topshout .button-gray { margin:8px 8px 0; float:right;}
/* Nav */
#nav { float:left; width:984px; font-size:1em; background-color:#fff; margin-bottom:10px; border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; -khtml-border-radius:0 0 3px 3px;}
#nav .menu { float:left; margin-left:15px; width:779px; height:40px; display:inline; background-color:#fff; position: relative; z-index:100;}
#nav .menu li, #subnav li { float:left;}
#nav .menu a, #subnav a { color:#888; padding:6px 6px 4px; margin:7px 0 7px; height:16px; float:left; font-weight:bold; }
#nav .menu li { background-color:#fff; height:40px; position:relative;}
#nav .menu li.divider { background-color:#e7e7e7; width:1px; border-left:10px solid #fff; border-right:10px solid #fff; }
#nav .menu li.last { display:none;}
#nav .menu a:hover, #subnav a:hover { color:#222;}
/* Active*/
#nav .menu .active a, #subnav .active a { color:#333; }
#nav .menu li.active { background:transparent url(../_gfx/header/arrows.gif) center top ;}
/* Hover on #nav*/
#nav .menu li:hover ul,
#nav .menu li.sfHover ul { top: 33px;}
#nav .menu li:hover a.sub,
#nav .menu li.sfHover a.sub { background-color:#333; border-radius:5px 5px 0 0; border-top:0; color:#fff; text-shadow: 1px 1px 1px #000; }
/* Submenu*/
#nav .menu ul { -webkit-box-shadow: 1px 1px 1px #999; margin:0; padding:10px 0 5px; height:auto; background-color:#333; border:1px solid #333; border-top:0; border-radius:0 5px 5px 5px; width: 150px; position: absolute; top:-9999px; left:0; z-index:99999;}
#nav .menu ul li { float:none; height:auto; background-color:transparent; color:#fff; padding:0;}
#nav .menu ul li a { float:none; display:block; padding:5px 10px; font-weight:normal; color:#ccc !important; margin:0; text-shadow: 1px 1px 1px #000;}
#nav .menu ul li a:hover { color:#fff !important; margin:0;}
/* Notifications */
#nav .notify { float:right; padding-top:10px; margin-right:10px; height:30px; background-color:white; width:180px; }
#nav .notify li { float:right;}
#nav .notify a { height:20px; width:20px; display:block; position:relative; padding:0 5px; margin:0 3px;}
#nav .notify a.friend { background:url(../_gfx/icons/user-add.png) no-repeat 0 0 ; }
#nav .notify a.guestbook { background:url(../_gfx/icons/guestbook.png) no-repeat 0 0 ; }
#nav .notify a.msg { background:url(../_gfx/icons/email.png) no-repeat 0 2px; }
#nav .notify a.guestbook { background:url(../_gfx/icons/guestbook.png) no-repeat 0 1px; }
#nav .notify a.event { background:url(../_gfx/icons/event.png) no-repeat 0 0; }
#nav .notify a.group { background:url(../_gfx/icons/group_new.png) no-repeat 0 -1px; }
#nav .notify a span { position:absolute; border:1px solid white; bottom:-4px; right:5px; background:url("../_gfx/header/blink.gif") repeat; color:white; font-size:10px; padding:1px 3px 1px 3px; }
/* Subnav */
#subnav { float:left; width:984px; background:url("../_gfx/header/subnav_bg.png") no-repeat left top;}
#subnav ul { margin:0 15px; float:left;}
#subnav li.active { background:transparent url(../_gfx/header/arrows.gif) center bottom ;}
#subnav li a { color:#888; padding:13px 6px 11px; margin:0; }
#no-subnav { float:left; width:984px; height:2px; background:url("../_gfx/header/nav_bg.gif") no-repeat top; height:2px; }
/* Body */
#body .inner-body { float:left; background-color:#fff;}
#body .user-header {padding-top:0;}
/* Content */
#content { float:left; width:785px; padding-top:20px;}
.centered { margin-left:100px; display:inline;} /* Apply to #content to center (when no ad-column) */
#content .inner { padding:0 0 20px 20px;} /* Risky, might conflict with other .inner classes*/
/* Content with no Ad column */
#content-wide { float:left; width:984px; padding-top:20px;}
#content-wide .inner { padding:0 0 20px 20px; float:left; width:964px; background-color:#fff;}
/* leftCol:Wireframe */
#leftCol { float:left; margin:0 20px 20px; width:200px;}
#leftCol h2 { float:left; width:180px; padding:7px 10px; background-color:#f3f3f3; border-top:1px solid #e7e7e7; color:#222; font-weight:bold;}
#leftCol .sub { float:left; border-bottom:1px solid #f3f3f3; padding:3px 10px; width:180px; font-size:.9em; color:#999;}
#leftCol .sub p { float:left;}
#leftCol .sub .all { float:right;}
/* Profiles Image */
#profile-image { float:left; margin-top:20px; width:200px; min-height:103px;}
#profile-image img { display:block;}
#profile-image .no-image { font-size:3em; margin-bottom:20px; text-align:center; float:left; width:178px; padding:45px 10px; margin-right:0; border:1px solid #cecece; background-color:#f3f3f3; color:#959595;}
#profile-image .no-image span { font-size:.4em; float:left; text-align:center; width:100%; }
/* Menu */
#body .menu { float:left; }
#body .menu li { float:left; width:200px;}
#body .menu a { float:left; width:170px; padding:8px 0 8px 30px; display:block; border-top:1px solid #e7e7e7; color:#555;}
#body .menu li:first-child a { border-top:0;} /* Needs IE hack! */
#body .menu a span { color:#999;}
#body .menu li.active { background:url("../_gfx/leftcol/menu_active_bg.gif") no-repeat 182px 10px #e2efff; font-weight:bold; }
#body .menu li.active a {color:#212226;}
#body .menu li:first-child.active { margin-top:1px;}
#body .menu li.active a:hover { background-color:transparent;}
/* Photo / Album */
.menu .photos { background:url("../_gfx/icons/pictures.png") no-repeat 5px 6px;}
.menu .album { background:url("../_gfx/ico/album.png") no-repeat 5px 6px;}
.menu .collection { background:url("../_gfx/icons/album.png") no-repeat 5px 5px;}
.menu .image-export { background:url("../_gfx/ico/image-export.png") no-repeat 7px 7px;}
.menu .rename-album { background:url("../_gfx/ico/photo-album-pencil.png") no-repeat 7px 7px;}
/* User */
.menu .sendmessage { background:url("../_gfx/ico/message.png") no-repeat 5px 6px;}
.menu .contacts { background:url("../_gfx/ico/contacts.png") no-repeat 5px 5px;}
.menu .contacts_list { background:url("../_gfx/icons/contacts_list.png") no-repeat 5px 5px;}
.menu .user_male { background:url("../_gfx/ico/user_male.png") no-repeat 6px 7px;}
.menu .user_female { background:url("../_gfx/ico/user_female.png") no-repeat 6px 7px;}
.menu .user_add { background:url("../_gfx/icons/user-add.png") no-repeat 5px 5px;}
.menu .requestmail { background:url("../_gfx/ico/contacts_email.png") no-repeat 5px 5px;}
/* Contacts */
.menu .contact_find { background:url("../_gfx/ico/contacts_find.png") no-repeat 5px 5px;}
.menu .contact_invite { background:url("../_gfx/ico/contacts_invite.png") no-repeat 5px 5px;}
.menu .contact_phonebook { background:url("../_gfx/ico/contacts_phonebook.png") no-repeat 5px 5px;}
.menu .contact_browse { background:url("../_gfx/ico/contacts_browse.png") no-repeat 5px 5px;}
.menu .contact_recentupdate { background:url("../_gfx/ico/contacts_recentupdate.png") no-repeat 5px 5px;}
/* Group*/
.menu .group { background:url("../_gfx/ico/group.png") no-repeat 5px 5px;}
.menu .group-edit { background:url("../_gfx/icons/group-edit.png") no-repeat 5px 5px;}
.menu .group-add { background:url("../_gfx/ico/group_add.png") no-repeat 5px 5px;}
.menu .group-leave { background:url("../_gfx/ico/group_delete.png") no-repeat 5px 5px;}
.menu .news { background:url("../_gfx/ico/newspaper.png") no-repeat 5px 5px;}
.menu .news_all { background:url("../_gfx/ico/newspapers.png") no-repeat 7px 7px;}
.menu .news_write { background:url("../_gfx/ico/newspaper-write.png") no-repeat 7px 7px;}
/* Geographical */
.menu .map { background:url("../_gfx/ico/map.png") no-repeat 5px 5px;}
.menu .map-pin { background:url("../_gfx/ico/map_pin.png") no-repeat 5px 5px;}
/* General / Interaction with content */
.menu .favorite { background:url("../_gfx/ico/favorite.png") no-repeat 4px 6px;}
.menu .comments { background:url("../_gfx/ico/comment.png") no-repeat 4px 6px;}
.menu .flag { background:url("../_gfx/ico/flag.png") no-repeat 9px 7px; }
.menu .tag { background:url("../_gfx/ico/tag_green.png") no-repeat 8px 8px; }
.menu .delete { background:url("../_gfx/ico/trash.png") no-repeat 5px 7px;}
.menu .pencil { background:url("../_gfx/ico/pencil.png") no-repeat 5px 7px;}
/* Messages */
.menu .sentmessage { background:url("../_gfx/ico/message_sent.png") no-repeat 5px 7px;}
.menu .folder { background:url("../_gfx/ico/folder.png") no-repeat 5px 7px;}
/* Guestbook*/
.menu .guestbook { background:url("../_gfx/ico/guestbook.png") no-repeat 5px 6px;}
.menu .guestbook_replies { background:url("../_gfx/ico/guestbook_replies.png") no-repeat 7px 7px;}
.menu .guestbook_page { background:url("../_gfx/ico/guestbook_page.png") no-repeat 7px 7px;}
/* Event */
.menu .event_myevents { background:url("../_gfx/ico/event_myevents.png") no-repeat 5px 5px;}
.menu .event_upcoming,
.menu .event_friends { background:url("../_gfx/ico/event.png") no-repeat 5px 5px;}
.menu .event_past { background:url("../_gfx/ico/event_past.png") no-repeat 5px 5px;}
.menu .event_leave {background:url("../_gfx/ico/event_delete.png") no-repeat 5px 5px;}
.menu .event_edit {background:url("../_gfx/ico/iconsprite.png") no-repeat -895px -175px}
.menu .guestlist {background:url("../_gfx/ico/list.png") no-repeat 5px 5px;}
.menu .event_cancel { background:url("../_gfx/ico/event_cancel.png") no-repeat 5px 5px;}
/* Menu Edit*/
.menu .editprofile { background:url("../_gfx/icons/layout_add.png") no-repeat 5px 5px;}
.menu .changephoto {background:url("../_gfx/ico/photo_edit.png") no-repeat 5px 5px;}
.menu .bdays { background:url("../_gfx/ico/birthday.png") no-repeat 5px 5px;}
.menu .add { background:url("../_gfx/ico/add.png") no-repeat 5px 5px; }
#body .menu a:hover { background-color:#e2efff;}
#body .menu a:hover { background-color:#e2efff;}
/* Marketplace */
.menu .jobs { background:url("../_gfx/ico/work.png") no-repeat 5px 5px;}
.menu .tickets { background:url("../_gfx/ico/ticket.png") no-repeat 5px 5px;}
.menu .delivery { background:url("../_gfx/ico/food.gif") no-repeat 5px 5px;}
.menu .visa { background:url("../_gfx/ico/card-address.png") no-repeat 5px 5px;}
.menu .housing { background:url("../_gfx/ico/home.png") no-repeat 5px 5px;}
/* Checklist inside menu*/
.menu .checklist { width:200px; max-height:300px; overflow:auto; background-color:#f8f8f8;}
#body .menu .checklist li { padding:2px 0 2px; border-top:1px solid #ececec; width:100%; }
.menu .checklist input { margin:0 5px; float:left;}
#body .menu .checklist li a { float:left; width:150px; padding:0; border:0; color:none;}
.menu .checklist a:hover { background-color:transparent;}
#leftCol .button-gray { margin-bottom:20px; }
#leftCol a.button-gray span span { width:153px; font-weight:bold; font-size:12px;}
/* Star Rating */
#leftCol .star-rating ul,
#leftCol .star-rating ul a:hover,
#leftCol .star-rating ul a:active,
#leftCol .star-rating ul a:focus,
#leftCol .star-rating li.current-rating { -moz-background-clip:border;-moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(../_gfx/rating/star.gif) repeat-x scroll left -1000px; }
#leftCol .star-rating ul { background-position:left top; display:block; float:left; height:25px !important; list-style-image:none; list-style-position:outside; list-style-type:none; margin:5px !important; overflow:hidden !important; padding:0 !important; position:relative; width:100px !important; }
#leftCol .star-rating li { -moz-background-clip:border !important; -moz-background-inline-policy:continuous !important; -moz-background-origin:padding !important; background:transparent none repeat scroll 0 0 !important; border:0 none !important; display:inline; }
#leftCol .star-rating ul a,
#leftCol .star-rating li.current-rating { border:medium none;height:25px !important;left:0;line-height:25px !important;margin:0 !important; outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; overflow:hidden; padding:0 !important;position:absolute; text-indent:-9999px;top:0; }
#leftCol .star-rating ul a:hover,
#leftCol .star-rating ul a:active,
#leftCol .star-rating ul a:focus { background-position:left bottom; }
#leftCol .star-rating ul a.one-star { width:20%; z-index:6; }
#leftCol .star-rating ul a.two-stars { width:40%; z-index:5; }
#leftCol .star-rating ul a.three-stars { width:60%; z-index:4; }
#leftCol .star-rating ul a.four-stars { width:80%; z-index:3;}
#leftCol .star-rating ul a.five-stars { width:100%; z-index:2;}
#leftCol .star-rating ul li.current-rating { background-image:url(../_gfx/rating/star.gif) !important; background-position:left center !important; z-index:1;}
#leftCol .rateme { float:right; padding:5px; display:block; line-height:25px; }
/* Add Profile Stuff */
.profilestatus { width:195px; float:left; margin-left:5px;}
.profilestatus .message { margin-bottom:10px;}
.profilestatus .bar { background-color:#e7e7e7; float:left; width:195px; margin:5px 0;}
.profilestatus .bar div { height:10px; background-color:#105E99; float:left; display:block; font-size:10px; padding:4px 0; text-align:right; color:#fff;}
.profilestatus ul { font-size:.9em; margin-bottom:10px; line-height:16px;}
/* Info */
#leftCol .info { float:left; padding:10px 0 10px 10px; font-size:.9em;}
#leftCol .info dt { color:#999;}
#leftCol .info dd { padding-bottom:15px; color:#333; float:left; width:100%;}
/* Info in 2 Columns */
#leftCol .info-cols { float:left; padding:10px 0 10px 10px; font-size:.9em; width:180px;}
#leftCol .info-cols dt { color:#999; float:left; width:80px;}
#leftCol .info-cols dd { padding-bottom:5px; color:#333; text-align:right;}
/* Grid */
#leftCol .grid { float:left; width:200px; padding-bottom:10px;}
#leftCol .grid li { float:left; width:40px; height:40px; margin:8px 0 0 8px;}
/* list */
#leftCol .list { font-size:.9em; float:left; width:200px; padding:10px 0 10px 0;}
#leftCol .list li { float:left; width:190px; padding:0 0 8px 10px;}
#leftCol .list img { float:left; margin-right:8px;}
#leftCol .list div { float:left; width:142px;}
#leftCol .list p { color:#999;}
#leftCol .list .timestamp { color:#999; }
#leftCol .list input { margin-right:8px;}
/* Add line between each li */
#leftCol .line li { border-top:1px solid #f3f3f3; padding-top:8px;}
#leftCol .line li:first-child { border-top:0; padding-top:0;}
/* IE6 fix, make sure to test for all: http://reference.sitepoint.com/css/pseudoclass-firstchild#compatibilitysection */
* html #leftCol .line { border:0; padding:0;}
#leftCol .search { float:left; width:200px; padding-bottom:15px;}
#leftCol .search .inp { float:left; border-right:0; }
#leftCol .search .button-search { float:left; background:url(../_gfx/button-search-big.gif) no-repeat; width:35px; height:30px;}
/* Search (same as #leftColumn .search)*/
#leftCol .search .inp { float:left; border-right:0; padding:7px 6px; width:152px;}
#leftCol .search { float:left; padding-bottom:20px;}
/* mainCol */
#mainCol { float:left;margin:0 0 20px; width:545px; overflow:hidden;}
#content-wide #mainCol { width:744px;}
/* MainCol: Headlines / Text*/
#mainCol .text { margin:0 10px 10px 0; float:left; width:505px;}
#content-wide #mainCol .text:first-child { margin-top:10px;}
#mainCol .header { float:left; height:43px; width:545px; padding-top:28px;}
#mainCol .header h1 { display:inline; font-size:1.4em; font-weight:bold;}
/* Boxes: Headlines / Sub headlines */
.boxhl { float:left; width:505px; padding:7px 10px; background-color:#f3f3f3; border-top:1px solid #e7e7e7; }
#content-wide .inner .boxhl { width:925px;}
#content-wide #mainCol .boxhl { width:705px;}
.boxhl h2 {font-weight:bold; float:left; }
.boxhl-sub { float:left; border-bottom:1px solid #f3f3f3; font-size:.9em; padding:4px 10px; width:505px; }
#mainCol .boxhl-sub .right a { margin-left:15px;}
/* Header (Status/TimeStamp)*/
#mainCol .header .status { font-size:1.2em; color:#555; display:inline;}
#mainCol .header .timestamp { color:#999; font-size:.9em; display:inline;white-space:nowrap;}
#mainCol .header .online { color:#178912; background:url(../_gfx/profiles/online-icon.png) no-repeat 1px 10px; width:10px; height:20px; display:inline-block;}
/* MainCol: Subnav */
.subnav { float:left; margin-left:-10px; width:545px;}
#content-wide .subnav { width:954px;}
.subnav li { float:left;}
.subnav a { float:left; padding:5px 10px 13px 10px; height:14px; color:#888; font-weight:bold; }
.subnav a:hover { color:#333; }
.subnav a.active { color:#333; background:url("../_gfx/profiles/menu_arrow.gif") no-repeat bottom;}
.subnav .new { color:#fff; background-color:#f00; -moz-border-radius:3px; padding:2px 4px; margin-left:4px; font-size:.9em; }
/* MainCol: Headline */
#mainCol .headline { float:left;background:url("../_gfx/dot_ececec.gif") repeat-x 0 13px; width:525px; margin:10px 20px 0 0;}
#mainCol .headline h2 { padding-right:10px; line-height:20px; height:20px; background-color:white; float:left; font-weight:bold;}
#mainCol .headline a.edit { float:right; background-color:#fff; line-height:20px; height:20px; font-size:11px; padding-left:10px;}
#mainCol .headline a.edit:hover { font-weight:bold;}
/* MainCol: Info*/
#mainCol .info { float:left; padding:10px 0 0; font-size:.9em; line-height:16px;}
#mainCol .info dl { float:left; padding-bottom:15px; line-height:18px;}
#mainCol .info dt { color:#999; float:left; width:100px;}
#mainCol .info dd { color:#333; width:425px; float:right; margin-right:20px;}
#mainCol .info dd.work { margin-bottom:8px; }
#mainCol .info dd a.viewall{ font-size:.9em; color:#999; }
/* MainCol: Grid (40x40 images) */
#mainCol .grid-small { float:left; padding:10px 0 10px 10px; width:535px;}
#mainCol .grid-small li { float:left; width:40px; font-size:.9em; margin:0 12px 8px 0; height:70px; overflow:hidden;}
#mainCol .grid-small a { text-align:center; display:block; float:left; width:40px; }
#mainCol .grid-small img { float:left; padding-bottom:3px;}
/* MainCol: Guestbook */
#mainCol .post-form { padding:0 20px 10px 0; float:left;}
#mainCol .post-form textarea { margin:0 0 10px; width:513px;
-moz-border-radius:2px;
}
#mainCol .post-form textarea.boxed { margin-top:10px;}
#mainCol .post-form label, #mainCol .post-form span.counter {float:left; color:#666; display:block; line-height:30px;}
#mainCol .post-form span.warning { font-weight:bold; color:#600;}
#mainCol .post-form span.exceeded {font-weight:bold; color:#e00;}
#mainCol .post-form label input { margin-right:10px; }
#mainCol .post-form button { float:right;}
#content-wide .post-form textarea { width:700px; }
#mainCol .posts { float:left;}
#mainCol .posts ul { float:left; margin-right:20px; display:inline; /* IE6 fix*/}
#mainCol .posts ul li { padding:10px; float:left; border-top:1px solid #E7E7E7; width:505px;}
#mainCol .posts ul li img { float:left; margin-right:10px;}
#mainCol .posts ul li a.thumb { width:67px; background-color:#e7e7e7; margin-right:10px; float:left; }
#mainCol .posts ul li a.thumb img { margin-right:0;}
#mainCol .posts ul li .wrap { float:left; width:428px;}
#mainCol .posts .wrap a.male, #mainCol .posts .wrap a.female { font-weight:bold;}
#mainCol .posts p.reply { margin-top:10px; font-style:italic; color:#999;}
#mainCol .list { float:left; margin-bottom:20px;}
#mainCol .list ul { float:left; margin-right:20px; width:525px;}
#mainCol .list ul li { padding:10px 0 10px 10px; width:515px; border-top:1px solid #e7e7e7; float:left;}
#mainCol .list ul li img { float:left; }
#mainCol .list p.reply { margin-top:10px; font-style:italic; color:#999;}
#mainCol .list label { float:left; margin-right:10px;}
#mainCol .list .expand { float:right;}
#mainCol .list .wrap { float:left; width:350px;}
#mainCol .list p.user { float:left;}
#mainCol .list p.user span { color:#959595;}
#mainCol .list dl.infolist { float:left; width:100%; margin:10px 0; font-size:.9em; line-height:16px;}
#mainCol .list dl.infolist dt { margin-right:5px; color:#959595; float:left; clear:left;}
#mainCol .list dl.infolist dd { float:left; color:#666; margin-right:5px;}
/* .options for .posts and .list */
#mainCol ul li .options { float:left; margin:10px 0; font-size:.9em; width:100%;} /* NB! width: 100%; might fuck up some places...*/
#mainCol ul li .options li { float:left; margin-right:20px; padding:0; border:0; width:auto;}
#mainCol ul li .options li a { float:left; }
/* Feedback on posts */
#mainCol ul .feedback { float:left; width:435px; padding-top:5px; font-size:.9em; background:url(../_gfx/lists/feedback_toparrow.gif) no-repeat 2 News) */
#mainCol .news .image { float:right;}
#mainCol .news .wrap { float:left; }
#mainCol .news h3 { font-weight:bold;}
#mainCol .news .options a { margin-right:10px;}
/* Photos */
#mainCol .describe .thumb { width:149px; float:left; background-color:#e7e7e7; text-align:center; margin-right:10px;}
#mainCol .describe .thumb div { display:block; margin:0 auto;}
#mainCol .describe .thumb div img { margin:0 auto; float:none;}
#mainCol .describe .thumb label.setcover { width:137px; border:1px solid #ccc; padding:5px; }
#mainCol .describe input { margin-right:7px;}
#mainCol .describe .forms { padding:0 0 0; width:356px; overflow:hidden;}
#mainCol .describe .forms fieldset { padding-bottom:0;}
#mainCol .describe .forms textarea.inp {width:;}
#mainCol .describe .forms div.inner { padding-top:0 !important;}
#mainCol .describe .forms label { width:100%; margin:0 0 5px; text-align:left;}
#mainCol .describe li dl { float:left; width:355px; margin-bottom:10px; line-height:14px; font-size:.9em;}
#mainCol .describe li dl dt { width:100px; float:left; color:#959595;}
#mainCol .describe li dl dd { float:left; width:255px; overflow:hidden;}
#mainCol .describe li dl dd span a { color:#666;}
#mainCol .describe li .options a { margin-right:10px;}
/* Delivery */
#mainCol .deliverymenu ul li { padding:10px; width:505px; border-top:0; border-bottom:1px solid #e7e7e7; background-color:#f8f8f8;}
#mainCol .deliverymenu h2 { font-size:1.2em; float:left; width:525px; float:left; border-bottom:1px solid #c7c7c7; padding-bottom:8px; margin-top:10px;}
#mainCol .deliverymenu h2 strong { float:left; }
#mainCol .deliverymenu h2 a { font-size:.9em; }
#mainCol .deliverymenu h3 { font-weight:bold; line-height:27px;}
#mainCol .deliverymenu p { color:#666; }
#mainCol .deliverymenu .text { margin-bottom:20px; color:#666;}
#mainCol .deliveryhl h2 { line-height:23px;}
#mainCol .deliveryhl .wrap { float:right; width:350px;}
#mainCol .deliveryhl select { float:left; padding:2px; margin-left:10px; width:165px;}
#mainCol .deliverymenu .customize { float:left; width:100%; margin:10px 0;}
#mainCol .deliverymenu .customize h4 { font-weight:bold;}
#mainCol .deliverymenu .customize textarea { float:left; width:493px; margin:10px 0;}
#mainCol .deliverymenu .customize textarea.blurred { color:#666;}
#mainCol .list ul ul.sideorder { margin:10px 0 0; }
#mainCol .list ul ul.sideorder li { padding:0 0 10px; border:0;}
#mainCol .list ul ul.sideorder li span { float:left; width:300px; line-height:27px;}
#mainCol .list ul ul.sideorder li select { float:right; width:120px;}
#mainCol .list ul .product select { margin-left:10px;}
/* mainCol: Events > Promotional Highlighting */
#mainCol .events li.first { margin-top:10px;}
#mainCol .events li.promo { background:url(../_gfx/events/listing_bg_promoted.gif) no-repeat top right; border-top:0; padding-top:11px; }
#mainCol .events li.featured { background:url(../_gfx/events/listing_bg_featured.gif) no-repeat top right; border-top:0; padding-top:11px; }
#mainCol .events li.featured h3, #mainCol .events li.promo h3 { font-size:1.5em; }
#mainCol .events li.featured p.tagline, #mainCol .events li.promo p.tagline { font-size:1.2em;}
/* mainCol: .list (Users)*/
#mainCol .users .user-image { margin-right:20px; float:left; }
#mainCol .users .user-image img { width:67px;}
#mainCol .users li:first-child { border-top:0; padding-top:0;}
#mainCol .users .wrap p.user { font-size:1.1em; font-weight:bold;}
#mainCol .users .wrap { width:428px;}
#mainCol .users .updates { float:right; text-align:right; font-size:.9em; width:200px;}
#mainCol .users .updates p.highlight { background-color:#FFF8CC; border-bottom:1px solid #FFE222; line-height:16px; padding:2px 0 1px; display:inline;}
#mainCol .users .updates p.timestamp { color:#959595; line-height:16px; padding:2px 0 1px;}
#mainCol .users .organize { float:right;}
#mainCol .users .select-list { position:relative; float:left; }
#mainCol .users .select-list a.currentlists { border:1px solid #fff; display:block; padding:3px 5px 3px 7px; color:#252525; font-weight:bold; }
#mainCol .users .select-list a.currentlists span { background:url(../_gfx/controls/control-270.png) no-repeat right; width:22px; height:8px; display:inline-block; z-index:99999;}
#mainCol .users .select-list a.currentlists:hover,
#mainCol .users .select-list a.expanded { border:1px solid #E7E7E7; background-color: #F3F3F3;}
#mainCol .users .select-list div.dropdown { font-size:.9em; display:none; padding-top:5px; border:1px solid #E7E7E7; z-index:9999; width:165px; position:absolute; top:22px; right:0; background-color:#F3F3F3;}
#mainCol .users .show div.dropdown { display:block;}
#mainCol .users .select-list div.dropdown .list-item { display:block; }
#mainCol .users .select-list div.dropdown .list-item a { color:#222; padding:3px 5px 3px 20px; line-height:14px; display:block;}
#mainCol .users .select-list div.dropdown .list-item a:hover { background-color:#e7e7e7;}
#mainCol .users .select-list div.dropdown .list-add { padding:5px;}
#mainCol .users .select-list div.dropdown .list-add input { width:142px;}
/* Credits */
.payment-cards { width:525px; padding:10px 0 20px 20px; float:left; background-color:#ececec;}
.payment-cards .card { width:50%; height:215px; float:left; padding:10px 0;}
.payment-cards .card .wrap { float:left; font-size:1.1em; width:100%;}
.payment-cards .card label input { margin-right:5px; }
.payment-cards .card .wrap select { width:80px;}
.payment-cards .card-wrap { float:left; width:226px; height:166px; background:url(../_gfx/blocbank/credit_card_bg.png) no-repeat; margin-bottom:10px;}
.payment-cards .price { float:right; font-size:1.4em; padding:14px 0; width:50px; font-weight:bold;}
.payment-cards .currency { color:#fff; float:left; width:160px; text-align:right; font-weight:bold; font-size:1.4em; padding:14px 0;}
/* Messages */
#messagesTable { float:left; width:100%; padding-bottom:20px;}
#messagesTable table { width:525px;}
#messagesTable table th { font-weight:normal; vertical-align:bottom; font-size:.9em; border-bottom:1px solid #e7e7e7;}
#messagesTable table th p { margin-top:8px;}
#messagesTable table th p a:hover { text-decoration:underline;}
#messagesTable table th .awesome { margin-bottom:8px;}
#messagesTable table td { padding:3px; border-bottom:1px solid #e7e7e7; }
#messagesTable table td img { float:left; margin-right:3px;}
#messagesTable td.check { padding:3px 5px;}
#messagesTable td.msg { vertical-align:top;}
#messagesTable td.msg a.male, #messagesTable td.msg a.female { margin:3px 0; display:block;}
#messagesTable td.msg p {font-size:.9em; color:#666; }
#messagesTable td.timestamp p { font-size:.8em; color:#999; text-align:right; padding-right:30px; margin-right:5px; line-height:20px;}
#messagesTable .unread .msg a { font-weight:bold;}
#messagesTable .unread .timestamp p { background:url("../_gfx/ico/message.png") no-repeat center right;}
#messagesTable .read .timestamp p { background:url("../_gfx/ico/message_open.png") no-repeat center right;}
#messagesTable .checked { background-color:#e2efff;}
#messagesTable .read { background-color:#f3f3f3;}
.compose-message a.attach { padding:5px 10px; line-height:25px;}
#leftColumn { float:left; margin:20px; width:308px;}
/* Added by jQuery forum-effects.js, placed in top in order to let static css have pri 1 */
#leftColumn .list dd.hover,table.forum tr.hover td { background-color:#f3f3f3;}
#leftColumn dl.list { float:left; margin-bottom:30px; border-bottom:1px solid #e7e7e7;}
#leftColumn dl.list dt { font-weight:bold; padding:6px 10px; background-color:#f3f3f3; float:left; width:288px; border-top:1px solid #e7e7e7; }
#leftColumn dl.list dt p { float:left;}
#leftColumn dl.list dd { float:left; padding:0 10px; border-top:1px solid #e7e7e7; width:288px; }
#leftColumn dl.list dd a { float:left;}
#leftColumn dl.list dd a img { display:inline; }
#leftColumn dl.list dd a.userimg { display:block; margin-right:10px; overflow:hidden; line-height:19px; height:24px;}
#leftColumn dl.list dd a.userimg img { width:20px; padding:5px 0 0;}
#leftColumn dl.list dd a.categoryimg img { padding:7px 10px 0 0; }
#leftColumn dl.list dd a.thread { float:left; width:215px; padding:8px 0;}
#leftColumn dl.list dd a.category { float:left; width:215px; padding:8px 0;}
#leftColumn dl.list dd span.count { float:right; color:#959595; line-height:30px;}
/* Replicated from #leftCol .menu */
#leftColumn .list dd.active { background:url("../_gfx/leftcol/menu_active_bg.gif") no-repeat 291px 9px #e2efff; }
#leftColumn .list dd.active a { font-weight:bold;}
#leftColumn .list dd:first-child.active { margin-top:1px;}
#leftColumn .list dd.active a:hover { background-color:transparent;}
#leftColumn .list dd.active span { margin-right:20px; font-weight:normal; }
/* Search */
#leftColumn .search .inp { float:left; border-right:0; padding:7px 6px 6px; width:260px;}
#leftColumn .search { float:left; padding-bottom:30px;}
/* Delivery */
#leftCol .deliveryorder { float:left; width:200px; margin-bottom:10px;}
#leftCol .deliveryorder dt { float:left; padding:10px 0 10px 10px; border-bottom:1px solid #e7e7e7; width:150px; white-space:nowrap;}
#leftCol .deliveryorder dd { text-align:right; color:#666; padding:10px 10px 10px 0; border-bottom:1px solid #e7e7e7;}
#mainColumn { float:left; margin:20px 20px 20px 0; width:616px;}
/* Forum */
table.forum { float:left; width:616px; font-size:.9em; border-bottom:1px solid #e7e7e7; margin-bottom:20px;}
table.forum .avatar {float:left; margin-right:10px;}
table.forum td { border-top:1px solid #e7e7e7; padding:10px 0 10px 10px; vertical-align:top;}
table.forum td:first-child { min-width:300px;}
table.forum td a.thread { font-weight:bold;}
table.forum h2 { font-weight:bold; font-size:1.1em;}
table.forum .faded { color:#959595; font-weight:normal;}
table.forum .faded a { color:#7ebbe7; white-space:normal;}
table.forum td.nowrap p { white-space:nowrap;}
table.forum td p.faded a.genderMale, table.forum td p.faded a.genderFemale { color:#959595;}
/* Forum: Thread*/
ul.thread { float:left; }
ul.thread li { float:left;width:596px; padding:20px 10px 10px; border-top:1px solid #e7e7e7;}
ul.thread li h1 { font-size:1.4em; font-weight:bold; width:100%; float:left; margin-bottom:10px;}
ul.thread .avatar { float:left; width:40px; margin-right:10px;}
ul.thread .wrap { float:left; width:546px; overflow:hidden;}
ul.thread .by { float:left; color:#959595;}
ul.thread .by a { font-weight:bold;}
ul.thread .timestamp { float:right; color:#959595; }
ul.thread .text { float:left; width:546px; margin:0 0 10px; color:#252525;}
ul.thread label { float:none; width:100%; display:block; font-weight:bold; padding-bottom:5px; clear:both; }
ul.thread textarea { width:474px; margin-bottom:15px; height:100px;}
ul.thread input,
ul.thread select { float:left; margin-bottom:15px; width:270px;}
ul.thread select { width:282px;}
ul.thread form {float:left; padding-top:10px; display:block;}
ul.thread .inp-info { padding-bottom:10px;}
ul.thread div.options { float:left; width:100%; font-size:.9em;}
ul.thread div.options a { margin-left:10px;}
table.forum div.options { margin-top:5px; font-size:.9em;}
.forum-rules { margin-left:60px; border:3px solid #ececec; color:#666; float:left; padding:0 15px 15px; width:450px; -moz-border-radius:5px;}
.forum-rules p, .forum-rules li { color:#666;}
/* Breadcrumb*/
#mainColumn .breadcrumb { position:relative; padding-bottom:15px;}
#mainColumn .breadcrumb h1 { font-size:1.4em; font-weight:bold; }
#mainColumn .breadcrumb h1 a { padding-right:15px; background:url(../_gfx/breadcrumb_arrow.gif) no-repeat right; }
#mainColumn .breadcrumb .tagline { color:#959595; font-style:italic;}
#mainColumn .breadcrumb .button-gray { position:absolute; top:0; right:0; }
/* Paging */
.paging {float:left; width:594px; padding:0 10px; margin-bottom:20px; background:url(../_gfx/dot_ececec.gif) repeat-x bottom;}
.pBoxed { background-color:#f3f3f3; border:1px solid #ececec;} /* Creates a light gray box around the pager*/
.pTop { border-bottom:0; } /* For pager placed above its content */
.pBottom { background-position:top;border-top:0; } /* For pager placed beyond its content*/
.paging p { float:left; padding:8px 0;}
.paging ul { float:right; }
.paging ul li { float:left;}
.paging #activePage { font-weight:bold;}
.pTop ul li.active { background:url("../_gfx/paging/arrow_up.gif") no-repeat bottom center;}
.pBottom ul li.active { background:url("../_gfx/paging/arrow_down.gif") no-repeat top center;}
.paging ul li.active a { font-weight:bold; }
.paging ul a { padding:8px 5px; display:block;}
/* Added elements to Paging for Search result / Member pages */
.paging .gender { float:left; padding:7px 10px;}
.paging label { margin-right:10px;}
.paging input { margin-right:8px;}
/* Paging: Width Adjustments */
#content .paging { width:723px;}
#content #mainCol .paging { width:505px; margin-right:20px; float:left;}
#content-wide .paging { width:920px;}
/* Breadcrumb inside Pager*/
#content .paging .breadcrumb a { background:url("../_gfx/breadcrumb_arrow.gif") no-repeat right; padding-right:15px; margin-right:5px;}
#content .paging .options { float:right;}
#content .paging .options a { line-height:30px; }
/* User Grid
- Should seperate the usergrid with normal photo grid.
last members style already have .lastmembers - seperate to this.
*/
#body ul.grid { float:left; padding-bottom:7px; width:765px; overflow:hidden;}
#body ul.grid li { float:left; height:180px;overflow:hidden; width:137px; margin:0 13px 13px 0; font-size:.9em; padding-bottom:10px; -moz-border-radius:2px;}
#body ul.grid li a.user-image, #body .grid li a.no-image { float:left; background-color:#eaeaea; max-height:137px; display:block; overflow:hidden; margin-bottom:5px; text-align:center; color:#959595;}
#body ul.grid li a.no-image { line-height:137px; border-bottom:1px solid white;}
#body ul.grid p { color:#959595;}
#body ul.grid p.by {}
#body #mainCol ul.grid { width:547px; }
#body #mainCol ul.grid li { height:auto; }
#body ul.grid li.clear { height:0; width:100%; margin:0; padding:0;}
/* Administrative/Moderation styles */
#body ul.grid div.options { font-size:.9em; float:left; width:100%; padding:5px 0 0; margin:5px 0 5px; text-align:center; border-top:1px solid #e7e7e7;}
#body ul.grid div.options a { width:auto; display:inline; margin:0; float:left; margin:0 5px;}
/* Last members */
#body ul.lastmembers li { border:1px solid #e7e7e7; background-color:#f3f3f3; width:137px; }
#body ul.lastmembers li a.female, #body ul.lastmembers li a.male { padding-left:10px; white-space:nowrap; float:left; width:127px; font-weight:bold;}
#body ul.lastmembers li p { padding:0 0 0 10px; width:127px; font-size:.9em;}
#body ul.lastmembers li a.user-image,
#body ul.lastmembers li a.no-image { width:137px; height:137px; background-color:#222; overflow:hidden; position:relative;}
#body ul.lastmembers li a span { font-weight:normal; color:#959595; padding:0 5px;}
/* Grid+Photos*/
#content ul.photos li,
#content ul.photos li a.user-image { width:166px;border:0;background:none; }
#content ul.photos li a.no-image { width:166px; }
#content ul.photos li img { max-height:149px;}
#content ul.photos p a.user,
#content ul.photos p { padding:0; float:left; width:100%; text-align:center;}
/* Photos:Wide*/
#content .inner ul.photos p.from a { display:inline; width:auto; float:none;}
#content .inner ul.photos li { width:140px; margin-right:11px;}
#content .inner ul.photos li a.user-image { width:140px; margin-right:11px;}
/* Full Site Width */
#content-wide ul.photos { width:941px;}
#content-wide ul.photos li { width:143px; height:auto;}
#content-wide ul.photos li img { max-height:149px;}
#content-wide ul.photos a,
#content-wide ul.photos p { padding:0; float:left; width:100%; text-align:center;}
/* Grid+Video */
#content ul.video a, #content ul.video p { text-align:left;}
#content ul.video li { width:167px;}
#content ul.video .user-image, #content ul.video .no-image { width:167px;}
#content ul.video li a.user-image { background-color:#222;}
#content ul.video li img { width:167px;}
/* Grid+Album */
#content ul.albums li { width:139px; height:auto; text-align:center;}
#content ul.albums li a.album-image { background:transparent url("../_gfx/gallery/album_frame.gif") no-repeat; max-height:147px; width:139px; display:block; float:left; padding-bottom:10px;}
#content ul.albums li a.album-image span { display:block; width:97px; height:99px; overflow:hidden; margin:20px 20px 27px; }
#content ul.albums li a, #content ul.album li p { text-align:center; width:100%; display:block; }
#content ul.albums li a span { color:#959595; }
#content ul.albums li a { font-size:1.1em;}
#content ul.albums li p a { color:#00699F; display:inline; font-size:1em;}
/* Sort By (used in top of e.g. Public photos) */
#content .sortby { margin-bottom:20px; float:left; width:100%;}
#content .sortby .right { margin-right:20px;}
#content .sortby dt { float:left; margin-right:20px;}
#content .sortby dd { float:left;}
#content .sortby a { border-right:1px solid #959595; margin-right:10px; padding-right:10px;}
#content .sortby .end a { border:0;}
#content .sortby .active a { font-weight:bold; color:#222;}
/* Profile Header */
#profile-header { float:left; width:745px; padding:20px 20px 0; clear:both; }
#content-wide #profile-header { width:944px;}
#content #profile-header, #content-wide #profile-header { border-bottom:20px solid #fff;}
#profile-header .thumb { float:left; background-color:#252525; width:67px; height:67px; display:block; overflow:hidden; margin-right:20px;
position:relative; /* IE 6 Fix */}
#profile-header .no-image { float:left; background-color:#fff; border:1px solid #c6c6c6; color:#c6c6c6; font-size:3em; font-weight:bold; line-height:65px; text-align:center; width:65px; height:65px; display:block; overflow:hidden; margin-right:20px;
position:relative; /* IE 6 Fix */}
#profile-header .wrap { float:left; height:51px; width:658px;}
#content-wide #profile-header .wrap { float:left; height:51px; width:944px;} /* FULL width*/
#profile-header img { width:67px; } /* Remember to change this on all pages where profile header is used */
#profile-header h1 { font-size:1.4em; font-weight:bold; margin-top:5px; display:inline;}
#profile-header h1 a { color:#252525;}
#profile-header .tagline { color:#666; font-size:1.2em; display:inline;}
/* Photo Browse */
#content .photo { width:100%; float:left; text-align:center; padding-bottom:20px;}
#content .photo .photo-container { display:inline; }
#content .photo .description { width:100%; float:left; text-align:center; margin:8px 0; }
#content .photo .tagged { font-size:.9em;}
#content .photo .headline { float:left; width:100%; text-align:left; padding:7px 0; border-bottom:1px solid #e7e7e7; }
#content .photo .headline h3 { float:left; font-size:1.2em; font-weight:bold; line-height:16px;}
#content .photo .headline p.faded { float:right; margin-right:20px; color:#959595; line-height:18px;}
#content .photo .thread { text-align:left; width:525px;}
#content .photo .thread li { width:505px;}
#content .photo .thread .wrap { width:455px;}
#content .photo .thread .text { width:455px;}
#content .photo .thread li:first-child { border-top:0;}
#content .photo .thread textarea { width:442px;}
#content .photo-details { float:left; width:220px; padding:10px; text-align:left; }
#content .photo-details ul.menu { border-bottom:1px solid #e7e7e7; margin-bottom:10px; }
#content .photo-details ul.menu li { width:220px;}
#content .photo-details ul.menu li a { width:190px;}
#content .photo-details dl { float:left; width:210px; padding:0 5px; line-height:18px; font-size:.9em;}
#content .photo-details dl dt { float:left; margin-right:5px; color:#959595;}
/** Image Tagging Styles*/
#photowrapper { width:618px; margin:0 auto;}
/* Forms */
.forms { padding:0 20px 40px; float:left;}
#mainCol .forms, #content-wide .inner .forms { padding-left:0;}
.inner-body .forms { padding-top:20px; padding-left:125px;}
/* Additional Sub Header (Optional) */
.formtop { margin-left:86px; float:left; border-bottom:1px solid #e7e7e7; width:565px; margin-bottom:20px; display:inline;}
.formtop h1 { font-weight:bold; color:#333; font-size:1.3em; padding-bottom:10px;}
.formtop p { padding-bottom:15px; color:#666;}
/* Wireframe */
.forms fieldset { width:100%; float:left; padding-bottom:30px;}
.forms legend { padding:0 0 10px 86px; font-weight:bold; font-size:1.1em; }
.forms label, .labeldiv { width:200px; float:left; font-weight:bold; text-align:right; margin-right:20px;}
.forms label span, .labeldiv span { font-size:.8em; color:#666; display:block; margin-bottom:8px;}
#body .forms div.inner, .forms div.inner { float:left; padding:10px 72px 0 0 !important; width:auto; }
.forms div.focus { background-color:#f1f1f1 !important;}
.forms div.wrap { float:left; width:359px; }
/* Informative text */
.forms fieldset .text { margin-left:86px; float:left; width:565px;}
.forms fieldset .text p{ padding:0 0 15px; margin:0; color:#666;}
#content-wide .forms fieldset .text { padding:10px 10px 0; margin:0;}
/* Text Inputs */
.forms input.inp { float:left; width:337px; margin-bottom:10px; }
.forms input.inp-2 { float:left; width:157px; margin:0 10px 10px 0; }
.forms input.inp-3 { float:left; width:100px; margin:0 10px 10px 0;}
.forms input.inp:focus, .forms input.inp-2:focus, .forms input.inp-3:focus, .forms input.focus { border:1px solid #999;}
.forms input.error, .forms select.error, .forms textarea.error { border-color:#e77777;}
.forms p.bind { float:left; line-height:25px; margin-right:8px; }
.forms input.inp[disabled=disabled],
.forms input.inp-2[disabled=disabled],
.forms input.inp-3[disabled=disabled] { background-color:#f8f8f8; color:#888;}
/* Select Boxes */
.forms select.inp { width:348px; float:left; margin-bottom:10px;}
.forms select.inp-2 { float:left; width:169px; margin:0 10px 10px 0; }
.forms select.inp-3 { float:left; width:109px; margin:0 10px 10px 0; }
.forms select.inp-4 { float:left; width:85px; margin:0 3px 10px 0; padding-left:2px; }
.forms select:focus { border:1px solid #999;}
/* Textareas */
.forms textarea { float:left; margin-bottom:10px; height:75px;}
.forms textarea:focus {border:1px solid #999;}
.forms textarea.inp { width:492px;}
.forms .wrap textarea.inp { width:337px;}
.forms .wrap textarea.inp-2 { width:157px;}
/* Checkboxes */
.forms div.wrap label input { text-align:left; margin-right:10px;}
.forms label.col-1,
.forms label.col-2,
.forms label.col-3 { padding-bottom:8px; text-align:left; font-weight:normal; width:50% !important; margin:0; }
.forms label.col-1 { width:100% !important; }
.forms label.col-3 { width:33% !important; }
/* Text within Fields */
.forms .wrap p.info { font-size:.9em; color:#666; margin:0 0 10px 0; padding:0 !important;}
.forms .wrap p.warning { font-size:.9em; color:#666; margin:0 0 10px 0; color:#BA0200; }
/* Visual Guidelines */
.forms .required { color:#f00;}
.forms label.error { text-align:left; width:auto;}
.forms input.disabled { background-color:#f8f8f8; border-color:#ccc; color:#aaa;}
.forms .wrap em { font-size:.9em; padding-bottom:10px; float:left; width:100%;}
.forms .wrap p em { font-size:1em; padding-bottom:0; float:none; width:auto;}
.forms .wrap em.error { color:#a00; }
.forms .wrap em.success { color:#360; }
.forms hr { border:0;border-top:1px solid #dbdbdb; height:1px; width:100%;}
.forms a.entry-add { width:16px; height:16px; display:block; float:left; background:url("../_gfx/ico/plus-circle.png") no-repeat; margin:5px 0;}
/* Summary / Total */
.forms .total { font-weight:bold; font-size:1.2em; margin-top:10px; }
.forms .total .price { text-align:right; padding-bottom:10px !important; margin-right:20px;}
/* Submit button placement */
.forms .submit-wrap { float:left; width:565px; padding:10px 0 10px 86px !important;}
/* Changed from
.forms .submit-wrap { float:left; width:483px; padding:10px 82px 10px 86px !important;}
@ http://cockpit.com/agent.aspx/control#info1
*/
.forms .submit-wrap p { float:left; color:#959595; font-size:0.9em; }
/* Footer */
.forms .captcha { display:block; float:left; height:27px; overflow:hidden;}
.forms .captcha img { float:left; margin-right:10px;}
/* Width adjustments for #mainCol */
#mainCol .forms .formtop { margin-left:0; width:525px; margin-top:15px;}
#mainCol .forms fieldset { padding-bottom:20;}
#mainCol .forms label, #mainCol .forms .labeldiv { width:120px; margin-right:10px; }
#mainCol .forms .wrap label { margin:0;}
#mainCol .forms div.inner { padding:10px 0 0;}
#mainCol .forms .submit-wrap { float:left; padding:10px 0 10px 130px !important; width:350px;}
#mainCol .forms div.inner { width:auto; padding:10px 0 0 0 !important;}
#mainCol .forms legend { padding-left:0; }
#content-wide #mainCol .formtop { width:694px;}
#content-wide #mainCol .submit-wrap-wide {float:left; padding:10px 0 10px 0 !important; width:584px; margin-left:130px;}
#content-wide #mainCol .text { width:694px;}
#content-wide #mainCol .forms .inner .wrap { width:586px;}
/* .forms inside popup*/
#facebox .forms { padding:0; width:565px; /* This is the width of forms normally, minus 86px left margin*/}
#facebox .forms legend { padding-left:0;}
#facebox .forms label, #facebox .forms .labeldiv { width:114px;}
#facebox .forms .text { margin-left:0;}
#facebox .forms .submit-wrap { padding-left:134px !important;}
/* Search Form*/
.searchform { padding:0 0 20px; width:745px;}
.searchform fieldset { float:left; width:372px; padding:0;}
.searchform legend { padding:0; margin-bottom:15px;}
.searchform label, .searchform .labeldiv { width:75px; text-align:left; line-height:26px;}
#body .searchform div.inner { padding:0 !important;}
.searchform .wrap { width:277px !important}
.searchform .wrap label { font-weight:normal;}
.searchform select.inp { width:200px;}
.searchform label input[type=checkbox] { margin-bottom:10px;}
/* Form Style for Event Campaigns */
.banner-dummy { position:absolute; right:10px; top:0;}
/* Profile Image Thumb */
.forms .thumbCont {border:1px solid #ccc;padding:2px;background-color:#fff;float:left;margin:0 10px 0 0;}
.forms #squarebox {float: left;width: 67px;height: 67px;padding:0;cursor: move;overflow: hidden;position: relative; /* to fix IE bug */}
.forms #squarepicture {position: relative;visibility: hidden; }
.forms #savesquarebutton {margin-top: 8px;margin-bottom: 4px;}
/* Form Table */
.formtable { padding-right:20px;}
.formtable table { float:left; margin-bottom:20px;}
.formtable caption { background-color:#F3F3F3; border-top:1px solid #E7E7E7; padding:7px 10px; color:#252525; font-weight:bold;}
.formtable th { }
.formtable td { color:#656565;}
/* Table-head */
.formtable th { border-bottom:1px solid #e7e7e7; border-top:1px solid #e7e7e7; padding:4px 5px 4px 5px; color:#656565;}
/* Table-body */
.formtable tbody td { font-size:.9em; }
.formtable tbody tr:hover td { color:#252525;}
.formtable tbody tr td a { color:#5085a1;}
.formtable tbody tr td a:hover { text-decoration:underline;}
.formtable tbody tr:hover td a { color:#00699F;}
/* Table-footer */
.formtable tfoot td { background-color:#fff; color:#959595; font-size:.9em; }
/* Table-differenciation*/
.formtable .vzebra-odd { background-color:#f8f8f8;}
.formtable .vzebra-even { background-color:#f1f1f1;}
/* Table alignment helpers */
.formtable .align-r { text-align:right;}
.formtable .align-c { text-align:center;}
/* Table-differenciation*/
.formtable .odd { background-color:#f8f8f8;}
.formtable .even { background-color:#f1f1f1;}
.formtable tr.odd:hover td { background-color:#fafafa;}
.formtable tr.even:hover td { background-color:#f4f4f4;}
.formtable .highlighted td { font-weight:bold; color:#252525;}
/* Form Table > #mainCol adjustments */
.formtable table { width:100%; color:#656565;}
.formtable td, .formtable tbody th { padding:4px 5px 4px 5px; height:30px;}
/* Row options */
.formtable .button, .boxhl .button { margin:0 3px; border:1px solid #999; background-color:#ccc; padding:2px 5px; color:#333; font-weight:bold; -moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px;}
.formtable tbody tr:hover td .options a:hover { text-decoration:none; color:#666;}
.formtable tbody tr:hover td a { color:#333;}
.formtable td .options a.disabled { background-color:#ddd; color:#9d9d9d; border-color:#aaa;}
.formtable .moveup, .formtable .movedown { width:23px; height:20px; display:block; float:left; margin:0 2px 0 0; }
.formtable .moveup { background:url(../_gfx/tables/moveup.gif) no-repeat; }
.formtable .movedown { background:url(../_gfx/tables/movedown.gif) no-repeat; }
.formtable .nowrap { white-space:nowrap;}
/* Formtable Formatting */
.formtable .text { padding:0 10px; float:left;}
.formtable abbr { cursor:pointer; border-bottom:1px dotted #666;}
/* Alerts, Errors, Notifications
Colors from: http://www.flickr.com/photos/jannejanne/2492207808/sizes/o/
*/
div.message { border:1px solid #e7e7e7; background-color:#f3f3f3; padding:20px; margin-bottom:20px; width:705px; float:left;display:none; -moz-border-radius:3px; -webkit-border-radius:3px; }
div.message h2 { font-size:1.2em; margin-top:0;}
div.message p { margin:10px 0; color:#666;}
div.error { background-color:#faa1a1; border-color:#e77777;}
div.error h2 { color:#600;}
div.error p { color:#600;}
div.success { background-color:#dfefce; border-color:#aed584; }
div.success p { margin:10px 0; color:#333;}
/* Width adjustments */
#mainCol div.message { width:483px; margin-top:10px;}
#leftCol div.message { width:159px; margin-top:10px; line-height:15px; font-size:11px; padding:15px 20px;}
#leftCol div.message p { margin:0; }
#content-wide .inner div.message { width:902px}
#content-wide #mainCol div.message { width:683px}
#content-wide .forms fieldset div.message { width:524px; margin-left:86px;}
#facebox div.message { width:571px;}
/* Upload Profile Photo */
.forms img.uploaded-photo { background-color:#fff; border:1px solid #959595; padding:4px; margin:0 0 20px; }
/* Awesome buttons @ http://www.zurb.com/article/266/super-awesome-buttons-with-css3-and-rgba */
a.awesome, button.awesome, .awesome:visited {
background: #222 url(../_gfx/buttons/alert-overlay.png) repeat-x;
display: inline-block;
padding: 5px 10px 6px !important;
color: #fff !important;
text-decoration: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;
cursor: pointer;
}
.awesome:hover { background-color: #111; color: #fff !important; text-decoration:none !important; }
.awesome:active { top: 1px; }
.small.awesome, .small.awesome:visited { font-size: 11px; padding:3px 8px 4px !important; }
.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited { font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.awesome, .large.awesome:visited { font-size: 14px; padding: 8px 14px 9px; }
.green.awesome, .green.awesome:visited { background-color: #91bd09; }
.green.awesome:hover { background-color: #749a02; }
.blue.awesome, .blue.awesome:visited { background-color: #2daebf; }
.blue.awesome:hover { background-color: #007d9a; }
.red.awesome, .red.awesome:visited { background-color: #e33100; }
.red.awesome:hover { background-color: #872300; }
.magenta.awesome, .magenta.awesome:visited { background-color: #a9014b; }
.magenta.awesome:hover { background-color: #630030; }
.orange.awesome, .orange.awesome:visited { background-color: #ff5c00; }
.orange.awesome:hover { background-color: #d45500; }
.yellow.awesome, .yellow.awesome:visited { background-color: #ffb515; }
.yellow.awesome:hover { background-color: #fc9200; }
/* WIDGET: Facebox - Do Not Edit */
#facebox .b {background:url(../../javascript/_new/facebox/b.png);}
#facebox .tl {background:url(../../javascript/_new/facebox/fbx-border-sprite.png) 0 0; width: 10px; height: 10px; }
#facebox .tr { background:url(../../javascript/_new/facebox/fbx-border-sprite.png) -10px 0; width: 10px; height: 10px; }
#facebox .bl { background:url(../../javascript/_new/facebox/fbx-border-sprite.png) -20px 0; width: 10px; height: 10px; }
#facebox .br { background:url(../../javascript/_new/facebox/fbx-border-sprite.png) -30px 0; width: 10px; height: 10px;}
#facebox { position: absolute; top: 0; left: 0; z-index: 100; text-align: left; font-size:1.1em;}
#facebox .popup { position: relative; }
#facebox table { border-collapse: collapse; }
#facebox td { border-bottom: 0; padding: 0; }
#facebox .body { padding: 0; background: #fff; width: 370px; position:relative;}
#facebox .loading { text-align: center;}
#facebox .image { text-align: center; background-color:#000;}
#facebox img {border: 0;margin: 0;}
#facebox .footer { position:absolute; top:0; right:0;}
#facebox .footer img {}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {height: 10px;width: 10px;overflow: hidden;padding: 0;}
#facebox_overlay {position: fixed;top: 0px;left: 0px;height:100%;width:100%;}
.facebox_hide {z-index:-100;}
.facebox_overlayBG {z-index: 99;}
/* Popup Styles, additional to .text styles */
#facebox .popup { font-size:1.1em; }
#facebox .popup h1 { font-size:16px; font-weight:bold; }
#facebox .text { padding:20px;}
/* //////////////////////////////// WIDGETS ///////////////////////////////////////// */
/* WIDGET: TAG IMAGE */
.fn-container {padding:0; display:inline; text-align:center; margin:0; position:relative; }
.fn-container img { background-color:#fff; }
.taguser-list { border-top: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; padding: 8px 5px; overflow: auto; height: 150px; background-color: #f8f8f8; }
.taguser-list label { border:0; padding:0; float:none !important; margin:0 0 0 0; }
.fn-area { position: absolute; border:none; border: 0px solid #D4D82D; margin:1px; }
.fn-area-blackborder-showmodel { border: none; }
.fn-area-blackborder-editmodel { border: 7px solid #D8DFEA; }
.fn-area-whiteborder-showmodel {border: none; }
.fn-area-whiteborder-editmodel { border: 1px solid #3B5998; display:block; }
.fn-area-inner {filter:alpha(opacity=0);-moz-opacity:0;cursor: pointer;display:block;}
.fn-note { background:white none repeat scroll 0%; border:1px solid #3B5998; font-size:11px; margin-bottom:20px; position: absolute; width:180px; z-index:2; text-align:left; display:none; }
.fn-note-text { background-color: #282828; color:#FFFFFF; font-weight:bold; padding: 3px 5px 4px; display:none; text-align:center; font-size:11px; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; white-space:normal; position: absolute;}
.fn-note-edit-text { background-color: #FFEECC; border: 1px solid #000000; padding: 5px;-moz-border-radius: 7px; }
.fn-note-edit { display:none; }
.fn-note-edit textarea { background-color:#FFEECC; border:0; overflow:visible; margin-bottom:10px; padding:0; width:180px;font-size: 10pt; margin:0; }
.fn-note-input { margin: 2px 5px 0px; width: 157px; border:1px solid #ccc; padding:5px;}
#body #mainCol .fn-note-label { display: block; margin: 2px 5px 2px; font-weight: bold; color: gray; border:0; width:auto; padding:3px 5px; float:none; margin:0;}
.fn-note-button{ text-align: center; }
.fn-note-button input { border:1px solid #c7c7c7; padding:5px; margin:5px;}
.Butt {font: bold 12px Arial, Helvetica, sans-serif; color: #FFF; background: #0063DC; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #7CBAFF; border-right-color: #2854A7; border-bottom-color: #2854A7; border-left-color: #7CBAFF; margin-right:4px;margin-top:5px;}
.CancelButt { color: #000000; background: #d9d9d5; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #fff; border-right-color: #b6aeb3; border-bottom-color: #b6aeb3; border-left-color: #fff; font: 12px Arial, Helvetica, sans-serif; margin-right:4px; }
.DeleteButt { color: #000000; background: #DCE0E6; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #F5F6F7; border-right-color: #BFB7BC; border-bottom-color: #BFB7BC; border-left-color: #F5F6F7; font: 12px Arial, Helvetica, sans-serif; }
/* Note drag/resize UI */
.dragresize { position: absolute; width: 5px; height: 5px; font-size: 1px;background: white;border: 1px solid black;}
.dragresize-tl { top: -8px; left: -8px; cursor: nw-resize; }
.dragresize-tm { top: -8px; left: 50%; margin-left: 4px; cursor: n-resize;}
.dragresize-tr { top: -8px; right: -20px; cursor: ne-resize;}
.dragresize-ml { top: 50%; margin-top: 4px; left: -8px; cursor: w-resize; }
.dragresize-mr { top: 50%; margin-top: 4px; right: -20px; cursor: e-resize; }
.dragresize-bl { left: -8px; cursor: sw-resize;}
.dragresize-bm {left: 50%;margin-left: 4px;cursor: s-resize;}
.dragresize-br {right:-20px;cursor: se-resize;}
/* WIDGET: Toggle-Checkbox */
.iPhoneCheckContainer,
.iPhoneCheckContainer label {user-select: none; -moz-user-select: none; -khtml-user-select: none; }
.iPhoneCheckDisabled { filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
.iPhoneCheckContainer {position: relative; height: 19px; cursor: pointer; overflow: hidden; }
.iPhoneCheckContainer input { position: absolute; top: 5px; left: 30px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
.iPhoneCheckContainer label { white-space: nowrap; font-size: 12px; line-height: 10px; font-weight: bold; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; text-transform: uppercase; cursor: pointer; display: block; height: 19px; position: absolute; width: auto; top: 0; padding-top: 4px; overflow: hidden; margin:0; }
label.iPhoneCheckLabelOn { background: url(../../javascript/_new/toggle-checkbox/images/on.png) no-repeat; text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6); left: 0;padding-top: 4px; }
label.iPhoneCheckLabelOn span { color: #fff;padding-left: 8px; padding-right:12px;}
label.iPhoneCheckLabelOff { background: url(../../javascript/_new/toggle-checkbox/images/off.png) no-repeat right 0; text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.6); text-align: right; right: 0; }
label.iPhoneCheckLabelOff span { color: #8B8B8B; padding-right: 8px; }
.iPhoneCheckHandle { display: block; height: 19px; cursor: pointer; position: absolute; top: 0; left: 0; width: 0; background: url(../../javascript/_new/toggle-checkbox/images/slider_left.png) no-repeat; padding-left: 3px; }
.iPhoneCheckHandleRight {height: 100%; width: 100%; padding-right: 3px; background: url(../../javascript/_new/toggle-checkbox/images/slider_right.png) no-repeat right 0; }
.iPhoneCheckHandleCenter { height: 100%; width: 100%; background: url(../../javascript/_new/toggle-checkbox/images/slider_center.png); }
.forms .on_off { margin-top:4px;}
.formtable .align-r .on_off { float:right;}
/* WIDGET: Gallery Simple Uploader */
.simple-upload { float:left;}
.simple-upload .flash {width: 503px;margin: 10px 5px;border-color: #D9E4FF; -moz-border-radius: 5px; -webkit-border-radius : 5px;}
.simple-upload .browse { width:100%; margin-bottom:20px; float:left;}
.simple-location { float:left; padding: 0;}
.simple-location label { float:left; line-height:26px;}
.simple-location select { margin-left:5px; width:100px;}
.progressContainer { padding:10px; width:482px; border:1px solid #e8e8e8; background-color:#f7f7f7; margin-bottom:10px;}
.simple-upload .green { border:1px solid #DDF0DD; background-color:#EBFFEB;}
.simple-upload .blue { border:1px solid #CEE2F2; background-color:#F0F5FF;}
.progressName { font-size:.9em; color:#666; }
.progressBarStatus { font-size:.8em; color:#999;}
.swfupload { float:left;}
.progressName {font-size: 8pt;font-weight: 700;color: #555;width: 323px;height: 14px;text-align: left;white-space: nowrap;overflow: hidden;}
.progressBarInProgress,.progressBarComplete,.progressBarError {font-size: 0;width: 0%;height: 2px;background-color: blue;margin-top: 2px;}
.progressBarComplete {width: 100%;background-color: green;visibility: hidden;}
.progressBarError {width: 100%;background-color: red;visibility: hidden;}
.progressBarStatus {margin-top: 2px;width: 337px;font-size: 7pt;font-family: Arial;text-align: left;white-space: nowrap;}
a.progressCancel {font-size: 0;display: block;height: 14px;width: 14px;background-image: url(../../gfx/modules/gallery/cancelbutton.gif);background-repeat: no-repeat;background-position: -14px 0px;float: right;}
a.progressCancel:hover {background-position: 0px 0px;}
div.fieldset {border: 1px solid #afe14c;margin: 10px 0;padding: 0 10px;}
div.fieldset span.legend {position: relative;background-color: #FFF;padding: 3px;top: -8px;font: 700 14px Arial, Helvetica, sans-serif;color: #73b304;}
/* Ad Right*/
#adRight { float:left; border-left:3px solid #e7e7e7; margin-top:20px;}
/* ADMIN STYLES
The styles here overrides the traditional design in advantage of admin layout.
*/
#admin #profile-header { padding-top:10px;}
#admin .profile-header { background:transparent url(../_gfx/admin/admin-header.gif) no-repeat scroll left top !important; }
#admin #nav .menu { width:955px;}
#bottombar { height:27px; width:100%; bottom:0px; position:absolute; text-align:left; z-index:999999;}
#bottombar .nav { height:27px; margin-left:auto; margin-right:auto; }
#bottombar .nav .inner { float:left; height:27px; width:100%; margin-left:auto; margin-left:5px; border:1px solid #acacac; border-bottom:0; background:url(../_gfx/chatbar/bg.gif) repeat-x; border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; -khtml-border-radius:4px 4px 0 0;}
#bottombar .nav ul.shortcuts {padding-top:2px;list-style:none; margin-left:-5px; float:left; padding-left:4px; }
#bottombar .nav ul.shortcuts li {display:block; padding:4px 3px 1px; float:left; border-right:1px solid #e2e2e2; border-left:1px solid #c4c4c4;}
#bottombar .nav .first { border-left:0;}
#bottombar .nav .last { border-right:0;}
#bottombar .nav ul.shortcuts a { display:block; width:20px; height:20px; float:left; position:relative;}
#bottombar .nav a.profile { background:url(../_gfx/ico/iconsprite.png) no-repeat -19px -20px; }
#bottombar .nav a.msg { background:url(../_gfx/ico/iconsprite.png) no-repeat -20px -63px;}
#bottombar .nav a.photos { background:url(../_gfx/ico/iconsprite.png) no-repeat -240px -262px;}
#bottombar .nav a.gbook { background:url(../_gfx/ico/iconsprite.png) no-repeat -20px -222px;}
#bottombar .nav a.contacts { background:url(../_gfx/ico/iconsprite.png) no-repeat -20px -102px;}
#bottombar .nav a.groups { background:url(../_gfx/ico/iconsprite.png) no-repeat -20px -142px;}
#bottombar .nav a.events { background:url(../_gfx/ico/iconsprite.png) no-repeat -20px -181px;}
#bottombar .nav a.bubbles { background:url(../_gfx/ico/iconsprite.png) no-repeat -680px -342px;}
#bottombar .nav a.credits { background:url(../_gfx/ico/iconsprite.png) no-repeat -900px -341px;}
#bottombar .nav ul.shortcuts a span { display:none; position:absolute; color:white; padding:2px 5px; top:-30px; }
#bottombar .nav ul.shortcuts a:hover span { display:block; background-color:#333;}
#bottombar .notifications { float:left; position:relative; border-left:1px solid #E2E2E2;}
#bottombar .notifications #n-button { border-left:1px solid #C4C4C4; background:url(../_gfx/chatbar/notifications.png) no-repeat 5px 5px; height:16px; width:21px; display:block; float:left; padding:4px 5px 5px;}
#bottombar .n-focus { border-left:0; margin-top:0;}
#bottombar .n-expanded #n-button { background-color:#ebebeb; height:18px; padding-top:5px; border-left:1px solid #434343; background-position:5px 5px;}
#bottombar .notifications .n-list { font-size:1.1em; position:absolute; bottom:28px; left:-175px; width:200px; background-color:#ebebeb; border:1px solid #434343; padding:0; display:none;}
#bottombar .n-expanded .n-list { display:block; }
#bottombar .notifications .hl { float:left; font-weight:bold; padding:7px 8px 6px; color:#505050;}
#bottombar .notifications .seeall { float:right; white-space:nowrap; padding:7px 8px 6px; color:#959595;}
#bottombar .n-list ul { float:left; background-color:#fff; border:1px solid #d6d6d6; padding:0 10px; width:178px; border-top:1px solid #d6d6d6;}
#bottombar .n-list ul li a { border-bottom:1px solid #ebebeb; padding:8px 0; display:block; padding-left:25px; color:#333; }
#bottombar .n-list ul li a:hover { font-weight:bold;}
#bottombar .n-list .n-guestbook { background:url(../_gfx/ico/iconsprite.png) no-repeat -21px -216px; }
#bottombar .n-list .n-msg { background:url(../_gfx/ico/iconsprite.png) no-repeat -22px -57px;}
#bottombar .n-list .n-friend { background:url(../_gfx/icons/user-add.png) no-repeat -2px 6px;}
#bottombar .n-list .n-event { background:url(../_gfx/ico/iconsprite.png) no-repeat -21px -175px; }
#bottombar .n-list .n-mobile { background:url(../_gfx/ico/iconsprite.png) no-repeat -21px -175px; }
#bottombar .n-list .n-email { background:url(../_gfx/ico/iconsprite.png) no-repeat -22px -57px;}
#bottombar .notifications #alert { background:url(../_gfx/header/blink.gif) repeat; display:block; height:16px; margin:1px 0px; width:19px; text-align:center; color:#fff; line-height:16px; -moz-border-radius:3px; border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border:1px solid #ebebeb;}
#bottombar .n-expanded #alert { margin-top:0;}
/* Chat Contactlist */
#bottombar .contactlist { position:relative; float:left;}
#bottombar .c-button { border-left:1px solid #C4C4C4; height:16px; width:120px; display:block; float:left; padding:7px 5px 3px 30px; font-size:11px; color:#666; background:url(../_gfx/ico/user-silhouette.png) no-repeat 5px 5px;}
#bottombar .contactlist strong { color:#252525;}
#bottombar .contactlist .c-list { font-size:1.1em; position:absolute; bottom:27px; left:0px; width:180px; background-color:#ebebeb; border:1px solid #434343; border-bottom:0; padding:0; display:none;}
#bottombar .c-expanded .c-list { display:block; }
#bottombar .contactlist .hl { float:left; font-weight:bold; padding:7px 8px 6px; color:#505050;}
#bottombar .contactlist .seeall { float:right; white-space:nowrap; padding:7px 8px 6px; color:#959595;}
#bottombar .c-list ul { float:left; background-color:#fff; border:1px solid #d6d6d6; padding:0 10px; width:178px;}
#bottombar .c-list ul li a { border-bottom:1px solid #ebebeb; padding:8px 0; display:block; padding-left:25px; color:#333; }
#bottombar .c-list ul li a:hover { font-weight:bold;}
#bottombar .contactlist .list { float:left; width:170px; padding:10px 0 10px 10px; background-color:#fff; line-height:16px; overflow:auto; border-top:1px solid #d6d6d6;}
#bottombar .contactlist .list dl { border-bottom:1px solid #e7e7e7; float:left; width:100%; padding-bottom:5px; margin-bottom:5px;}
#bottombar .contactlist .list dt { font-weight:bold; }
#bottombar .contactlist .list span { font-weight:normal; color:#999;}
#bottombar .contactlist .filter { border-top:1px solid #d6d6d6; background-color:#ebebeb; float:left; padding:4px; }
#bottombar .contactlist .filter input { border:1px solid #c7c7c7; padding:4px; width:160px;}
/* http://www.sohtanaka.com/web-design/facebook-style-footer-admin-panel-part-2/ */
#bottombar {
position: fixed;
bottom: 0; left: 0;
z-index: 9999; /*--Keeps the panel on top of all other elements--*/
border-bottom: none;
width: 90%;
margin: 0 5%;
}
*html #bottombar { /*--IE6 Hack - Fixed Positioning to the Bottom--*/
margin-top: 0; /*--Prevents IE6 from having an infinity scroll bar - due to 1px border on #bottombar--*/
position: absolute;
top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////
OLD BUT IN USE FOR SITEPARTNERS
Whenever ALL sitepartners have the new header, this can be removed
////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#ads { float:left; width:199px; overflow:hidden; }
.profile-header #ads { margin-top:103px;}
.textAd { float:left; width:185px; margin-top:10px; background-color:#fff; display:inline; overflow:hidden; border-bottom:1px solid #e7e7e7; padding:0 0 10px 10px;}
.textAd h3 { font-weight:bold; margin-bottom:8px }
.textAd p { margin:5px 0; }
.textAd a.url { font-size:.9em;}
/* Header */
#header { margin-bottom:0; }
#headMenu2 { float:left;width:985px;background-color:#252525; clear:both;}
#headMenu2 ul {list-style:none;padding:0 0 0 8px;float:left;}
#headMenu2 li { float:left;}
#headMenu2 li a { float:left; padding:12px 8px 10px ; color:#fff;display:block;font-weight:bold;font-family:Arial;}
#headMenu2 li.active a {background:url(../gfx/basic/mainmenu_active_arrow.gif) no-repeat bottom center;}
#headMenu2 li a:hover { text-decoration:none;}
#headMenu2 li a span { float:left;}
#headMenu2 li a span b { color:#f00;}
#headMenu2 .adRightHL { float:right; background-color:#444; font-weight:bold; color:#ccc; padding:11px; height:16px; width:178px; border-left:1px solid #c7c7c7;}
#headMenu2 .search { float:right; padding:3px 2px 0;}
#headMenu2 .search .inp { height:14px; width:120px; margin-top:5px; float:left; padding:2px 3px 3px; border:1px solid #ccc; border-right:0; -moz-border-radius:2px; -moz-border-radius-topright:0; -moz-border-radius-bottomright:0;}
#headMenu2 .search .usersearch { height:18px; display:block; float:left;border:0; margin:5px 6px 0 0; padding:1px 0 0; border:1px solid #ccc; border-left-color:#e7e7e7; float:left; width:28px; background:url(../gfx/iconpack/magnifier.gif) no-repeat 6px 2px #f5f5f5; cursor:pointer; -moz-border-radius:3px; -moz-border-radius-topleft:0; -moz-border-radius-bottomleft:0; }
/* Header Sign In*/
.signin {float:right;font-size:1.1em;width:300px;color:#fff;padding-bottom:10px;}
.signin label {font-weight:bold;width:300px;float:left;line-height:25px;padding-bottom:8px;position:relative;}
.signin label input.inp {position:absolute;right:0;width:200px;}
.signin label.remember {font-weight:normal;float:left; margin-left:91px;width:100px;font-size:.85em;}
.signin label.remember input { margin-right:5px;}
.signin a.forgot { color:#999; font-size:.8em; float:left; width:207px; margin:6px 0 5px 93px; display:inline;}
#shout { float:right; width:710px; margin:6px 0;}
#shout ul { float:right; }
#shout ul li { float:left; background-color:#fff; width:220px; margin-left:6px;}
#shout ul li .userimg { float:left; margin:4px 10px 4px 4px; height:53px; overflow:hidden; width:53px; *position:relative;}
#shout ul li .userimg img { float:left;}
#shout ul li p { float:left; width:139px; padding:5px 0 0; font-size:11px; line-height:12px; color:#666; height:48px; overflow:hidden;}
#shout ul li.new { width:40px; font-size:11px;}
#shout a.add { float:left; width:25px; height:21px; display:block; background:url(../gfx/modules/bubbleshout/add.gif) no-repeat; margin-top:20px; }
/* Signed Out */
#siteoptions { float:right; background-color:#fff; }
#siteoptions form { float:left; display:block;}
#siteoptions .language { float:left;}
#siteoptions .language a{ float:left; line-height:18px; margin:10px 10px 10px 15px; width:80px; font-size:.9em; }
#siteoptions .language a img { margin:4px 8px 0 0 ; float:left;}
#siteoptions .language select { border:1px solid #c7c7c7; width:75px; margin:10px 10px 10px 15px; float:left; overflow:hidden;}
#siteoptions .login { float:left; padding:3px 0 0 8px; border-left:1px solid #c7c7c7; width:320px; }
#siteoptions .login .wrap { font-size:.9em; float:left; width:125px; height:30px; position:relative;}
#siteoptions .login .wrap input { position:absolute; top:0; left:0; z-index:9; color:#333; width:83px; margin:4px 4px 2px; padding:5px 4px 3px 23px; font-weight:normal; float:left; border:0;}
#siteoptions .login .wrap .placeholder { position:absolute; z-index:1; background-color:#f8f8f8; border:1px solid #c7c7c7; color:#333; width:83px; margin:4px 4px 2px; padding:4px 3px 3px 23px; float:left; -moz-border-radius:4px;}
#siteoptions .login .wrap .placeholder { }
#siteoptions .login input.pass { background:url(../gfx/iconpack/key.gif) no-repeat 4px 3px transparent; }
#siteoptions .login input.email { background:url(../gfx/iconpack/email.gif) no-repeat 5px 4px transparent; }
#siteoptions .login input.hasvalue { background-color:#f8f8f8;}
#siteoptions .login .button-green { margin-top:3px;}
#siteoptions .remember { float:left; width:295px; padding:0 0 8px; }
#siteoptions .remember label { text-transform:capitalize; float:left; font-size:.9em; color:#666; width:100px; margin:3px 0 0 4px; }
#siteoptions .remember input{ float:left; margin-left:5px;}
#siteoptions a.forgot { float:left; width:145px; margin:3px 0 0 0; color:#666; font-size:.9em; }
*:first-child+html #siteoptions .remember label, *:first-child+html #siteoptions a.forgot { margin-top:5px; }
*:first-child+html #siteoptions .remember input { margin-left:4px;}
/* Signed In */
#siteoptions .siteselect { background:url(../gfx/basic/site_selectbox_bg.gif) no-repeat left; height:20px; float:left; margin:7px 0 8px 8px; }
#siteoptions .inner { background:url(../gfx/basic/site_selectbox_bg.gif) no-repeat right; height:20px; display:block; margin-left:2px; float:left;}
#siteoptions .siteselect select { float:left; border:0; margin:2px 2px 1px; border:0px solid #fff;}
#siteoptions .siteselect optgroup { font-style:normal; }
#siteoptions .siteselect option { padding:0;}
#siteoptions .useroptions { float:left; padding:10px; font-size:.9em;}
#siteoptions .useroptions a { color:#0B79C4; }
#siteoptions .useroptions a.dot { color:#0B79C4; background:url(../gfx/basic/topmenu_splitdot.gif) no-repeat right; padding:0 11px 0 3px; }
#siteoptions .useroptions a.last { background:none; padding-right:0;}
.button-green { height:25px; float:left;background:url(../gfx/modules/video/UISprite.gif) no-repeat left -115px; overflow:hidden; }
.button-green .bwrap { float:left; margin-left:2px; padding-right:2px; background:url(../gfx/modules/video/UISprite.gif) no-repeat right -115px #fff; height:25px;}
.button-green .bwrap input, .button-green .bwrap a { line-height:25px; padding:0 8px; margin:0; background:transparent; border:0; height:23px; cursor:pointer; color:#fff; font-weight:bold; font-size:12px !important;}
/* PLATFORM:FOOTER*/
#footer2 {width:951px;text-align:left;display:block;margin:0 auto;background-color:#252525;color:#fff;padding: 10px 17px;line-height:1.3em;font-family:Lucida Sans, Arial;}
#footer2 dl {float:left;width:237px;}
#footer2 dt { font-size:1.3em; font-weight:bold; margin-bottom:20px; color:white;}
#footer2 dd { width:180px; padding-right:10px; color:#5d5d5d; font-weight:bold;}
#footer2 a, #footer2 p { color:#838383; text-decoration:none;}
#footer2 a:hover { color:#fff;}
#footer2 p.copyright {width:100%;text-align:center;font-weight:bold;padding-top:15px;float:left;color:#fff;}
/* PLATFORM:WULFFMORGENTHALER */
#wulff { text-align:left;display:block;margin:0 auto; border-top:1px solid #c7c7c7; background:url(../gfx/modules/wulffmorgenthaler/bg.gif) no-repeat bottom left #fff; width:668px; padding:17px 17px 17px 300px;}
#wulff .nav { float:left; padding:2px 20px 5px 0;}
#wulff p { color:#666; float:right;}
#wulff img.stripe { padding:10px 0;}
/* TEMP MEMBERS GENDER SWITCH*/
.gridlist-heading .switch .switchto-text {color:#666;}
.switch .switchto-text a {background:url(../gfx/modules/userlists/switch-bg.gif) no-repeat -1px top;border-left:1px solid #c7c7c7;font-weight:bold;padding:0 10px;display:block;color:#666;font-size:.8em;text-decoration:none;}
.switch .on a,.switch .switchto-text a:hover {background:url(../gfx/modules/userlists/switch-bg.gif) -1px bottom;color:#666;}
.switch .first a {background:url(../gfx/modules/userlists/switch-bg.gif) left top;border:0;}
.switch .first-on a,.switch .first-on a:hover,.switch .first a:hover {background:url(../gfx/modules/userlists/switch-bg.gif) left bottom;color:#bababa;border:0;}
.switch {float:right;list-style:none;margin:0;padding:0 1px 0 0;background:url(../gfx/modules/userlists/switch-bg.gif) top right; margin-top:4px;}
.switch a {display:block;float:left; padding:4px 5px 3px !important;}
.switch .switchto-grid a,
.switch .switchto-grid-on a {height:20px;width:25px;background:url(../gfx/modules/userlists/switch-gridview.gif) top right; padding:0 !important;}
.switch .switchto-list a,
.switch .switchto-list-on a {height:20px;width:25px;background:url(../gfx/modules/userlists/switch-listview.gif) top left; padding:0 !important;}
.switch .switchto-grid a:hover,
.switch .switchto-list a:hover,
.switch .switchto-grid-on a,
.switch .switchto-list-on a {background-position: bottom;}
label.switch { float:right;}
label.switch select { border:1px solid #c7c7c7; -moz-border-radius:3px; padding:0 2px;}