@charset "utf-8";

/*=======================================================
	WASABI TRAVEL CSS FILE
/*=======================================================
author: Switch London
/*======================================================= */

/* TOOLS */
/*======================================================= */
* a {position: relative}
table {border-collapse: collapse; border-spacing: 0}
fieldset, img {border: 0}
q:before, q:after {content: ''}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
.clearfix {display: inline-table}
.clearfix {display: block}
.replace {text-indent: -9999px}
html {overflow-y: scroll;}

/* COLOURS */
/*======================================================= */
body
	{background: url(gfx/bg-footer.png) center bottom no-repeat;
	background-color: #111111;
	color: #808a97;}
#wrapper
	{background: url(gfx/bg-masthead.png) center top no-repeat;}
a,input,h1,h2,h3,
#content .contentbox label
	{color: #fff;}
a
	{text-decoration: none;}
.fieldbg
	{background-color: #161616;
	color:#808a97;}
.active,
.active a,
#frgt,
#unblock
	{color: #0099cc!important;}
.contentbox
	{background-color: #161616;}
#footer #footer_anchor .footer-links dt a
	{color: #808a97;
	font-weight: bold;}
#footer #footer_anchor .footer-links dd a
	{color: #565f63;}
#content #tabs label
	{color: #111;}
.form a,
#content .opt input.inline-link-button
	{color: #0099cc!important;}
.error
	{color: red !important;}
.individual .contentbox
	{background-color: #1f1f1f;}
.individual .contentbox a
	{color: #0099cc;}	
.white
	{color: #ffffff !important;}
#dialog .highlight
	{color: #111111 !important;}
.dialoglink
	{color: #ff6633 !important;}
	
	
/* FONT SIZES */
/*======================================================= */
#greeting h2
	{font-size: 1.8em;}
#greeting .createlink	
	{font-size: 1.4em;}
#footer #footer_anchor .footer-links dt a,
#footer #footer_anchor .footer-links dd a,
#brand dt,
#greeting .linkitem,
#content .contentbox p,
#content .contentbox label,
#topfurniture label,
#content #bottomfurniture label,
p.information
	{font-size: 1.2em;}
#brand a
	{font-size: 1.2em;}
.inline-button,
.bluebutton,
.inactivebutton,
.activebutton,
.customdropdown,
#content .opt input.inline-link-button,
.activity
	{font-size: 12px !important;}
button
	{border: 0;
	cursor: pointer;}
#content #tabs label,
#content .formlist dt label,
.textfield,
.timespan,
.form a,
.intspan
	{font-size: 12px;
	font-weight: bold;}
#content #tabs label,
#content .formlist dt label
	{text-transform: lowercase;}
#content .advheader h1
	{font-size: 2.5em;}
.ui-dialog
	{font-size: 1.2em !important;}

/* STRUCTURE */
/*======================================================= */
* 
	{font-family: Arial, Helvetica, sans-serif;}
#body 
	{margin: 0 auto;
	width: 980px;}
	
/* Brand */
/*======================================================= */
#brand 
	{clear: both; 
	float: left;
	height: 198px;
	width: 980px;}
#brand h1
	{background: url(gfx/h1-mywasabi.gif) center top no-repeat;
	display: inline;
	float: left;
	height: 60px;
	margin-left: 30px;
	margin-top: 73px;
	width: 184px;}
.alert #brand h1
	{background-image: url(gfx/h1-mywasabi-error.gif);}
#brand a h1
	{cursor: pointer;
	text-decoration: none;}
#brand a.h1link
	{background: none;}
#brand dl
	{float: right;}
#brand dt
	{font-family: "Helvetica", Arial;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 8px;}
#brand dd input
	{margin-bottom:5px;}
#brand #login_button
	{background-color: #111111;
	float: right;
	margin-top: 82px;
	margin-right: 8px;
	padding: 8px 17px 10px;
	text-transform: lowercase;}
#brand a
	{background-color: #111111;
	font-size: 12px;
	padding: 8px 17px 10px;
	text-transform: lowercase;}
#brand .linkitem
	{margin-left: 0px;
	padding: 38px 0 32px;}
#brand .navigation
	{float: right;
	margin-top: 62px;}
	
/* Greeting */
/*======================================================= */
#greeting 
	{border-bottom: 3px solid #0099cc;
	clear: both; 
	float: left;
	display: inline;
	position: relative;
	width: 980px;}
.alert #greeting 
	{border-bottom: 3px solid #ff6633;}
#greeting h2
	{display: inline;
	float: left;
	font-weight: bold;
	margin-left: 30px;
	padding: 35px 0;} 
#greeting a
	{text-transform: lowercase;}
#greeting .linkitem
	{margin-left: 15px;
	padding: 38px 0 32px;}
#greeting .createlink
	{float: left;
	font-weight: bold;
	margin-left: 70px;
	padding: 38px 0 32px;}
#greeting .navigation
	{float: right;
	margin-right: 20px;}

/* Tracker */
/*======================================================= */
#tracker 
	{background-color: #0099cc;
	clear: both; 
	float: left;
	height: 3px;
	margin-top: 14px;
	margin-bottom: 37px;
	width: 980px;}
.tracker-step1
	{background: url(gfx/bg-tracker.png) -735px top no-repeat;}
.tracker-step2
	{background: url(gfx/bg-tracker.png) -490px top no-repeat;}
.tracker-step3
	{background: url(gfx/bg-tracker.png) -245px top no-repeat;}
.alert .tracker-step1,
.alert .tracker-step2,
.alert .tracker-step3,
.alert #tracker
	{background-color: #ff6633;
	background-image: url(gfx/bg-tracker-error.png);}
	
/* Top furniture */
/*======================================================= */
#topfurniture,
#bottomfurniture,
#middlefurniture 
	{clear: both; 
	float: left;
	padding: 0 30px 0 30px;
	margin-bottom: 25px;
	width: 920px;}
#bottomfurniture
	{margin-top: 25px;}
#topfurniture label,
#bottomfurniture label
	{clear: both;
	float: left;
	color: #808a97;
	font-weight: bold;
	margin-bottom: 5px;}
#middlefurniture h3,
#topfurniture h3,
#bottomfurniture h3
	{clear: both;
	display: inline;
	float: left;
	height: 28px;
	width: 285px;}
#topfurniture #submit-button,
#bottomfurniture #submit-button
	{float: right;
	margin-top:-10px;}
	
/* Content */
/*======================================================= */	
#content 
	{clear: both;
	float: left; 
	padding-bottom: 25px;
	padding-top: 10px;
	width: 980px;}
#content .contentbox
	{clear: both;
	float: left;
	margin-bottom: 40px;
	padding: 30px 20px 30px 30px;
	width: 930px;}
#content .contentbox h3
	{display: inline;
	float: left;
	height: 28px;
	margin-bottom: 12px;
	margin-right: 75px;
	width: 285px;}
#content .contentbox p
	{display: inline;
	float: left;
	font-size: 12px;
	line-height: 1.4em;
	margin-right: 75px;}	
#content .contentbox .bluebutton
	{margin-top: 20px;}
#content .contentbox label
	{clear: both;
	display: inline;
	float: left;
	font-weight: bold;
	margin-bottom: 15px;
	margin-top: 10px;
	text-shadow: 1px 1px 0 #000; /* CSS 3 */}
#navigation .menu-link
	{font-family: "Helvetica", Arial;
	font-size: 1.4em;
	font-weight: bold;
	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 30px;}
#content p.intro
	{font-size: 1.2em;
	line-height:1.5em;}
#content a.create-link
	{display: block;
	margin-top: 10px;
	font-size: 1.2em;}
#content label
	{float: left;
	clear: both;}
#content .buttonwrap
	{float: left;
	clear: both;
	margin-top: 10px;}
#content .buttonwrap button
	{padding: 5px;
	font-size:1.3em;
	font-weight: bold;
	background-color: #eaeaea;
	cursor: pointer;}
#content p.information
	{float: left;
	clear: both;
	margin-left: 30px;
	display: inline;}
#content #slider-wrap,
#content #slider-range
	{float: left;
	clear: both;
	margin-right: 29px;
	width: 850px;}
#content #slider-wrap
	{margin-top: 40px;}
#content #tabs label
	{}
.timespan
	{color: #808a97;
	float: left;
	line-height: 18px;
	padding-right: 30px;
	width: 31px;}
#tabs
	{background-color: #111;
	clear: both;
	float: left; 
	display: inline;
	width: 974px;}
#drop_area
	{background: url(gfx/bg-droparea.png) no-repeat 0px 5px;
	background-color: #fff;
	clear: both;
	float: left; 
	display: inline;
	margin-bottom: 30px;
	min-height: 124px;
	padding: 18px 20px;
	width: 940px;}
.tab
	{clear: both;
	float: left; 
	display: inline;
	width: 960px;}
.activity 
	{background: url(gfx/bg-draggable.png) no-repeat center 5px;
	background-color: #2b2c2f;
	color: #fff;
	cursor: move;
	width: 80px;
	float: left;
	height: 45px;
	text-align: center;
	padding: 10px;
	padding-top: 45px;
	margin: 10px;
	border: 0;
	position: relative;
	font-weight: bold;
	text-shadow: 1px 1px 0 #000; /* CSS 3 */
	text-transform: lowercase;
	vertical-align: middle;
	white-space:normal;
	z-index: 9999 !important;}
.activity-grab
	{}
.activity-dropped
	{background-image: none;
	background-color: #0099cc;}
input.logout
	{float:right;}
#content .input-wrap label
	{float: left;}
#content .input-wrap select,
#content .input-wrap input
	{float: right;}
#gmap
	{float: left;
	height: 484px;
	width: 980px;}
#content .whitebox
	{background-color: #fff;
	clear: both;
	float: left;
	margin-bottom: 40px;
	padding: 30px 20px 30px 30px;
	width: 930px;}
.form
	{clear: both;
	float: left;
	padding-left: 180px;
	width: 596px;}
#content .formlist
	{}
#content .formlist dt
	{float: left;
	clear: left;
	padding-bottom: 20px;
	width: 225px;}
#content .formlist dt label
	{float: left;
	padding: 10px 35px 0 0;
	text-align: right;
	width: 190px;}
#content .formlist dd
	{float: left;
	padding-bottom: 20px;
	width: 340px;}
#content .advheader 
	{clear: both;
	float: left;
	padding-left: 390px;
	padding-top: 40px;
	padding-bottom: 40px;
	width: 570px;}
#content .advheader h1
	{clear: both;
	float: left;
	width: 395px;}
#content .advheader a.eye,
#content .advheader a.tick,
#content .advheader input.tick,
#content .advheader input.clock,
#content .advheader span.tick,
#content input.speech,
#content input.media
	{margin: 25px 4px 0 0;
	padding-left: 40px;}
#content .advheader a.eye
	{background: url(gfx/icon-eye.png) no-repeat 10px 10px #0099cc;}
#content .advheader input.tick,
#content .advheader a.tick
	{background: url(gfx/icon-tick.png) no-repeat 13px 10px #87c80a;}
#content .advheader input.clock
	{background: url(gfx/icon-clock.png) no-repeat 11px 7px #48595e;}
#content .advheader span.tick
	{background: url(gfx/icon-tick-black.png) no-repeat 13px 10px;}
#content input.speech
	{background: url(gfx/icon-speech.png) no-repeat 13px 10px #48595e;}
#content input.media
	{background: url(gfx/icon-camera.png) no-repeat 13px 8px #48595e;}
#content .packagelist li
	{background-color: #2b2c2f;
	color: #fff;
	width: 80px;
	float: left;
	height: 48px;
	text-align: center;
	padding: 10px;
	padding-top: 42px;
	margin: 0 5px 5px 0;
	border: 0;
	font-weight: bold;
	font-size: 11px;
	text-shadow: 1px 1px 0 #000; /* CSS 3 */
	vertical-align: middle;
	text-transform: lowercase;
	white-space:normal;}
#content .packagelist li.edit
	{background-color: #252627;}
#content .opt 
	{clear: both;
	float: left;
	background-color: #2b2c2f;
	min-height: 44px;
	margin-bottom: 10px;
	padding-bottom: 6px;
	text-transform: lowercase;
	width: 570px;}
#content .opt .optlabel
	{width: 100px;
	color: #808a97;
	padding: 10px 0px 0px 15px;}
#content .opt img
	{float: left;
	padding-top: 10px;
	padding-right: 20px;}
#content .opt p
	{color: #fff;
	padding: 18px 0px 0px 0px;}
#content .opt input.opttext
	{-moz-border-radius: 2px; /* Gecko */
	-webkit-border-radius: 2px; /* Webkit */
	border: 1px solid #dadada;
	color: #999999;
	background-color: #fff;
	float: left;
	margin-top: 8px;
	font-size: 12px;
	padding: 10px 15px 10px 15px;
	width: 340px;}
#content .opt .cbwrap
	{float: left;
	clear: both;
	color: #2b2c2f;
	padding-left: 120px;
	white-space: nowrap;}
#content .opt .cbwrap input
	{float: left;
	margin-right: 5px;}
#content .opt .cbwrap .cblabel
	{margin-top: 15px;
	margin-bottom: 5px;}
#content .opt-delete
	{margin-top: 30px;}
#content .opt-delete a
	{padding: 18px 0px 0px 15px;
	font-size: 12px;
	float: left;}
#content .conversation-panel
	{float: left;
	font-size: 12px;
	font-weight: bold;
	border: 2px solid #2b2c2f;
	background-color: #2b2c2f;
	line-height: 22px;
	margin-right: 2px;
	padding: 15px 0 15px 13px;
	width: 498px;}
#content .conversation-message
	{border: 0;
	float: left;
	margin-bottom: 2px;
	margin-right: 2px;}	
#content #new-comment
	{-moz-border-radius: 2px; /* Gecko */
	-webkit-border-radius: 2px; /* Webkit */
	border: 1px solid #dadada;
	clear: both;
	color: #999999;
	float: left;
	font-size: 12px;
	padding: 10px 15px 10px 15px;
	width: 455px;}
#content .answer-panel
	{background: url(gfx/bg-wcomment.png) no-repeat 0 bottom;
	clear: both;
	float: left;
	margin-top: 20px;
	margin-bottom: 5px;
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 30px;
	padding-right: 20px;
	line-height: 16px;
	font-size: 12px;
	width: 530px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px}
#content .answer-bar
	{background: url(gfx/icon-dubya.png) no-repeat 0 0;
	clear: both;
	float: left;
	margin-bottom: 40px;
	padding-left: 30px;
	padding-right: 20px;
	padding-top: 2px;
	line-height: 16px;
	font-size: 12px;
	width: 520px;}
#content .answer-bar strong
	{color: #fff;}
#content .question-panel
	{background: url(gfx/bg-ycomment.png) no-repeat right bottom;
	clear: both;
	color: #fff;
	float: left;
	font-size: 12px;
	margin-top: 20px;
	margin-bottom: 5px;
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 30px;
	padding-right: 20px;
	line-height: 16px;
	width: 530px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px}
#content .question-bar
	{clear: both;
	float: left;
	margin-bottom: 40px;
	padding-left: 30px;
	padding-right: 10px;
	padding-top: 2px;
	line-height: 16px;
	font-size: 12px;
	text-align: right;
	width: 530px;}
#content .question-bar strong
	{color: #fff;}
#content .opt a.inline-link
	{padding-left: 10px;}
#content .opt input.inline-link-button
	{margin-left: 10px;
	border: 0;
	cursor: pointer;
	background-color: #2b2c2f;
	float: left;
	margin-top: 18px;}	
	
/* Infobox */
/*======================================================= */			
#content .infobox
	{background: url(gfx/bg-infobox.png) no-repeat 0 0;
	clear: both;
	float: left;
	margin-left: 390px;
	margin-top: -35px;
	margin-bottom: 40px;
	padding-top: 30px;
	padding-left: 70px;
	padding-bottom: 20px;
	padding-right: 20px;
	position: relative;
	line-height: 16px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px}
#content .infobox-down
	{background: url(gfx/bg-infobox-info-down.png) no-repeat 0 0 !important;
	margin-top: 10px;
	padding-top: 30px;
	padding-bottom: 10px;}
#content .infobox-large	
	{width: 480px;}
#content .infobox-small	
	{width: 225px;}
#content .infobox h4
	{font-size: 12px;
	font-weight: bold;
	margin-bottom: 7px;}
#content .infobox p
	{font-size: 12px;
	margin-bottom: 7px;}
#content .infobox input
	{border: 0;
	cursor: pointer;
	text-transform: lowercase;}
#content .infobox input.infobox-ok
	{color: #0099cc;
	border-bottom: double 3px #0099cc;
	margin-right: 10px;}
#content .infobox input.infobox-cancel
	{color: #1f1f1f;}
#content .infobox-nudge
	{background: url(gfx/bg-infobox-nudge.png) no-repeat 0 0;
	text-transform: lowercase;}
#content .infobox-info
	{background: url(gfx/bg-infobox-info.png) no-repeat 0 0;
	padding-left: 50px;}
#content .infobox-white
	{background: url(gfx/bg-infobox-tick.png) no-repeat 15px 15px;
	background-color: #fff;
	margin-top: 35px;}
#content .infobox a,
#content .public-infobox a
	{color: #0099cc;}
			
/* Footer */
/*======================================================= */	
#footer 
	{clear: both;
	float: left;
	display: inline;
	height: 330px;
	position: relative;
	width: 980px;}
#footer #footer_anchor
	{clear: both;
	bottom: 0;
	left: 0;
	float: left;
	display: inline;
	height: 140px;
	padding: 30px;
	position: absolute;
	width: 920px;}	
#footer #footer_anchor .footer-links
	{float: left;}
#footer #footer_anchor .footer-links dt,
#footer #footer_anchor .footer-links dd
	{clear: both;
	float: left;
	width: 183px;}
#footer #footer_anchor .footer-links dt
	{padding-bottom: 20px;}
#footer #footer_anchor .footer-links dd
	{padding-bottom: 10px;}
#footer #footer_anchor #copywright
	{background: url(gfx/dubya.gif) no-repeat right top;
	top: 75px;
	right: 0;
	padding-top: 40px;
	position: absolute;}

	
/* COMMON ELEMENTS */
/*======================================================= */
.inline-button
	{background-color: #646b72;
	-moz-border-radius: 4em;
	-webkit-border-radius: 4em;
	margin-left: 15px;
	padding: 5px 10px;}
.inline-wrap
	{float: left;
	clear: both;
	width: 100%;}
.corner-all
	{-moz-border-radius: 3px;
	-webkit-border-radius: 3px;}
.box570
	{float: left;
	width: 570px;}
.box360
	{float: left;
	width: 360px;}
.rightalign
	{float: right;}
.leftalign
	{display: inline;
	float: left;}
.linkitem
	{display: inline;
	float: left;}
.bottompadding
	{padding-bottom: 10px;}
.bluebutton
	{background-color: #0099cc;
	border-bottom: #0099cc solid 2px; 
	border-top: #3bb1d8 solid 2px;
	-moz-border-radius: 2px; /* Gecko */
	-webkit-border-radius: 2px; /* Webkit */
	border-left: 0;
	border-right: 0;
	color: #fff !important;
	cursor: pointer;
	float: left;
	font-weight: bold;
	padding: 11px 15px;
	text-transform: lowercase;
	text-shadow: 2px 1px 0 #0065a9; /* CSS 3 */}
.darkbutton
	{background-color: transparent;
	border: 0px; 
	color: #87c80a;
	cursor: pointer;
	display: inline;
	float: left;
	font-weight: bold;
	font-size: 12px;
	padding: 9px 15px;
	margin-left: 45px;
	text-transform: lowercase;
	text-shadow: 1px 1px 0 #000000; /* CSS 3 */}
.graybutton
	{background-color: #48595e;
	border-bottom: #48595e solid 2px; 
	border-top: #5b6a6e solid 2px;
	-moz-border-radius: 2px; /* Gecko */
	-webkit-border-radius: 2px; /* Webkit */
	border-left: 0;
	border-right: 0;
	color: #fff;
	cursor: pointer;
	display: inline;
	float: left;
	font-weight: bold;
	font-size: 12px;
	padding: 11px 15px;
	margin-left: 45px;
	text-transform: lowercase;
	text-shadow: 1px 1px 0 #000000; /* CSS 3 */}
input.graybutton
	{border: 0;
	border-bottom: #48595e solid 2px; 
	border-top: #5b6a6e solid 2px;
	padding-top: 9px;
	padding-bottom: 8px;}
.inactivebutton
	{background-color: #2b2c2f;
	border-bottom: #2b2c2f solid 2px; 
	border-top: #2b2c2f solid 2px;
	-moz-border-radius: 2px; /* Gecko */
	-webkit-border-radius: 2px; /* Webkit */
	border-left: 0;
	border-right: 0;
	color: #808a97;
	cursor: pointer;
	float: left;
	font-weight: bold;
	padding: 11px 15px;
	text-transform: lowercase;
	text-shadow: 1px 1px 0 #000; /* CSS 3 */}
.activebutton
	{background-color: #87c80a;
	border-bottom: #87c80a solid 2px; 
	border-top: #a3d543 solid 2px;
	-moz-border-radius: 2px; /* Gecko */
	-webkit-border-radius: 2px; /* Webkit */
	border-left: 0;
	border-right: 0;
	color: #fff;
	cursor: pointer;
	float: left;
	font-weight: bold;
	padding: 11px 15px;
	text-transform: lowercase;
	text-shadow: 2px 1px 0 #74bb07; /* CSS 3 */}
input.activebutton
	{padding-top: 9px;
	padding-bottom: 8px;}
.buttonclone
	{color: #fff;
	display: inline;
	float: left;
	font-weight: bold;
	font-size: 12px;
	font-weight: bold;
	padding: 13px 15px;
	text-transform: lowercase;}
p.information
	{background: url(gfx/icon-info.gif) no-repeat left top;
	min-height: 14px;
	padding-left: 24px;
	padding-top: 2px;
	white-space: nowrap;}
.customdropdown
	{clear: both;
	float: left;
	width: 270px;}
.custom-dd
	{background: url(gfx/bg-customdropdown.png) no-repeat right top #fff;
	-moz-border-radius: 2px; /* Gecko */
	-webkit-border-radius: 2px; /* Webkit */
	clear: both;
	color: #111;
	float: left;
	font-weight: bold;
	padding: 10px 16px 10px 15px;
	text-transform: lowercase;
	width: 270px;}
.custom-dd-bg
	{background-color: #fff;
	-moz-border-radius-bottomleft: 2px; /* Gecko */
	-moz-border-radius-bottomright: 2px; /* Gecko */
	-webkit-border-bottom-left-radius: 2px; /* Webkit */
	-webkit-border-bottom-right-radius: 2px; /* Webkit */
	clear: both;
	float: left;
	text-transform: lowercase;}
.custom-dd-item
	{clear: both;
	color: #0099cc;
	display: block;
	font-weight: bold;
	padding: 10px 0 10px 15px;}
.custom-dd-item:hover
	{background-color: #eaeaea;}
.textfield
	{-moz-border-radius: 2px; /* Gecko */
	-webkit-border-radius: 2px; /* Webkit */
	border: 1px solid #dadada;
	clear: both;
	color: #111;
	float: left;
	font-weight: bold;
	padding: 10px 16px 10px 15px;
	width: 270px;}
.activity-close
	{background: url(gfx/close.png) left top no-repeat;
	position: absolute;
	cursor: pointer!important;
	top: -10px;
	right: -10px;
	height: 22px;
	width: 22px;}
.dialog-close
	{background: url(gfx/close.png) left top no-repeat;
	position: absolute;
	cursor: pointer!important;
	top: 10px;
	right: 10px;
	height: 22px;
	width: 22px;
	z-index: 9999;}
.bottompadding30
	{padding-bottom: 30px;}
.bold
	{font-weight: bold;}


/* REPLACED HEADINGS */
/*======================================================= */
#h3-activated
	{background: url(gfx/h3-activated.png) no-repeat;}
#h3-createdadventures
	{background: url(gfx/h3-createdadventures.png) no-repeat;}
#h3-experienced
	{background: url(gfx/h3-experienced.png) no-repeat;}
#h3-whatwould
	{background: url(gfx/h3-whatwould.png) no-repeat;}
#h3-wherewould
	{background: url(gfx/h3-wherewould.png) no-repeat;}
#h3-whensgood
	{background: url(gfx/h3-whensgood.png) no-repeat;}
#h3-extrainfo
	{background: url(gfx/h3-extrainfo.png) no-repeat;}
#h3-signin
	{background: url(gfx/h3-signin.png) no-repeat;}
#h3-thepackage
	{background: url(gfx/h3-thepackage.png) no-repeat;}
#h3-details
	{background: url(gfx/h3-details.png) no-repeat;}	
#h3-conversation
	{background: url(gfx/h3-conversation.png) no-repeat;}
#h3-personalsettings
	{background: url(gfx/h3-personalsettings.png) no-repeat;}
#h3-notificationsettings
	{background: url(gfx/h3-notificationsettings.png) no-repeat;}	
#h3-deleteaccount
	{background: url(gfx/h3-deleteaccount.png) no-repeat;}	
#h3-review
	{background: url(gfx/h3-review.png) no-repeat;}	
#h3-share
	{background: url(gfx/h3-share.png) no-repeat;}	
#h3-chat
	{background: url(gfx/h3-chat.png) no-repeat;}	
#h3-review-2
	{background: url(gfx/h3-review-2.png) no-repeat;}
#h3-media
	{background: url(gfx/h3-media.png) no-repeat;}
#h3-pleasesignin
	{background: url(gfx/h3-pleasesignin.png) no-repeat;}		
#h3-outdated
	{background: url(gfx/h3-outdated.gif) no-repeat;}	
#h3-404
	{background: url(gfx/h3-404.gif) no-repeat;}	
	
/* UI OVERRIDES */
/*======================================================= */
.ui-mod .ui-corner-all
	{border: 0;}
.ui-mod .ui-widget-header
	{background: #111;}
.ui-mod .ui-widget-content
	{background: none;}
.ui-mod .ui-state-default
	{background: none !important;
	background-color: #111 !important;
	border: none !important;
	font-weight: bold;}
.ui-mod .ui-state-active	
	{background: none !important;
	background-color: #2b2c2f !important;
	border: none !important;
	-moz-border-radius-topleft: 2px; /* Gecko */
	-moz-border-radius-topright: 2px; /* Gecko */
	-webkit-border-top-left-radius: 2px; /* Webkit */
	-webkit-border-top-right-radius: 2px; /* Webkit */}
.ui-mod .ui-state-default a, 
.ui-mod .ui-state-default a:link, 
.ui-mod .ui-state-default a:visited 
	{color: #808a97;
	font-weight: bold;}
.ui-mod .ui-state-default:hover
	{background-color: #1b1c1d !important;}
.ui-mod .ui-state-default:hover a
	{color: #fff;}
.ui-mod .ui-state-active a, .ui-mod .ui-state-active a:link, .ui-mod .ui-state-active a:visited 
	{color: #fff;
	font-weight: bold;
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-left-radius: 0px; /* Webkit */
	-webkit-border-bottom-right-radius: 0px; /* Webkit */}}
.ui-mod .ui-tabs .ui-tabs-nav 
	{border-bottom: 3px solid #2b2c2f;
	padding: 0px;}
.ui-mod .ui-tabs .ui-tabs-panel
	{padding: 5px;
	padding-top: 35px;}
.ui-dialog .dialogtext
	{font-size: 12px;
	line-height: 16px;
	padding-bottom: 15px;}
.ui-dialog .usr
	{margin-bottom: 15px;}
	
.ui-dialog .ui-dialog-buttonpane button
	{background: none !important;
	background-color: #87c80a !important;
	border: #87c80a solid 2px !important; 
	border-top: #a3d543 solid 2px;
	-moz-border-radius: 2px; /* Gecko */
	-webkit-border-radius: 2px; /* Webkit */
	color: #fff;
	font-weight: bold;
	padding: 11px 15px !important;
	text-transform: lowercase;
	text-shadow: 2px 1px 0 #74bb07; /* CSS 3 */}
.ui-dialog .ui-dialog-buttonpane button.state-default
	{background: none !important;
	background-color: #87c80a!important;}	
.ui-dialog .ui-state-hover .ui-icon,
.ui-dialog .ui-dialog-titlebar-close,
.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close:hover .ui-icon,
.ui-dialog .ui-state-hover,
.ui-dialog .ui-dialog-titlebar-close span
	{border: 0px !important;
	background-color: #fff!important;
	background-position: -96px -128px !important;}
.ui-dialog .ui-dialog-titlebar-close span
	{margin: 0px!important;
	padding:0px!important;}
.app-tab
	{padding: 10px 15px 0px !important;
	text-transform: lowercase;
	font-size: 1.2em;}
.tab.step1
	{border-top: 2px solid #2B2C2F !important;
	margin-left: 2px !important;}
.ui-dialog 
	{padding: 24px 30px !important;}
.ui-dialog-title
	{font-size: 18px;
	font-weight: normal;
	margin-bottom: 25px;
	text-transform: lowercase;}
.ui-dialog-titlebar-close
	{display: none !important;}
	
.ui-dialog .ui-dialog-buttonpane button
	{float: left !important;
	display: inline;
	margin-left: 7px !important;}
.darktabs .app-tab
	{padding: 10px 15px !important;}
#dialog_login
	{display: none;}
	
#beta
	{background: url(gfx/bg-betabar.png) left top repeat-x;
	height: 90px;}
#beta p
	{font-size: 12px;
	line-height: 25px;
	margin: 0px auto;
	padding-top: 15px;
	width: 930px;}
#beta p span
	{font-weight: bold;
	text-shadow: 1px 1px black;}
#beta p a
	{color: #0099cc}