a.button
{
	background: transparent url('gfx/bg_button24.gif') no-repeat scroll top right;
	color: white;
	display: block;
	font-size: 12px;
	font-weight: bold;
	height: 24px;
	margin-right: 6px;
	padding-right: 15px;
	text-decoration: none;
	float: right;
}

a.button span
{
	background: transparent url('gfx/bg_button24.gif') no-repeat bottom left;
	display: block;
	height: 14px;
	line-height: 14px;
	padding: 5px 0px 5px 10px;
	cursor: pointer;
}

a.button:hover {
	text-decoration: underline;
}

a.button-big {
	background:transparent url('gfx/bg_button32.gif') no-repeat scroll top right;
	color:#fff;
	display:block;
	float:left;
	font-size:18px;
	font-weight:bold;
	height:32px;
	margin-right:6px;
	padding-right:10px;
	text-decoration:none;
}

a.button-big span {
	background: transparent url('gfx/bg_button32.gif') no-repeat bottom left;
	display: block;
	line-height: 20px;
	padding: 4px 0px 8px 10px;
}

a.button-big:hover {
	text-decoration:underline;
}


/* Edges starts here */
.top-edges
{
	background: transparent url('gfx/corners.gif') no-repeat scroll -15px -15px;
	float: left;
	height: 15px;
	line-height: 15px;
	width: 100%;
}

.top-right-edge
{
	background: transparent url('gfx/corners.gif') no-repeat scroll 0px -15px;
	float: right;
	height: 15px;
	line-height: 15px;
	width: 15px;
}

.bottom-edges
{
	background: transparent url('gfx/corners.gif') no-repeat scroll -15px 0px;
	float: left;
	height: 15px;
	line-height: 15px;
	width: 100%;
}

.bottom-right-edge
{
	background: transparent url('gfx/corners.gif') no-repeat scroll 0px 0px;
	float: right;
	height: 15px;
	line-height: 15px;
	width: 15px;
}
/* Edges ends here */



/* Teaser left starts here */
.column-teaser-left
{
	height: 280px;
	width: 300px;
	float: left;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
}

.leftbox
{
	float: left;
	height: 50px;
	width: 300px;
	margin: 200px 0px 0px 0px;
	padding: 0px;
}

.leftbox-text
{
	background-color: white;
}


.claim
{
	font-size: 22px;
	line-height: 25px;
	font-weight: bold;
	color: #EA940D;
	margin: 0px;
	padding: 0px 15px 0px 15px;
	float: left;
	display: block;
}
/* Teaser left ends here */




/* Teaser right starts here */
.column-teaser-right
{
	position: relative;
	top: 0px;
	left: 0px;
	height: 280px;
	width: 600px;
	float: right;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
}

.rightbox
{
	float: left;
	height: 250px;
	width: 570px;
	margin: 0px;
	padding: 0px 15px;
}


.button-right
{
	display: inline;
	height: 32px;
	margin: 0px 275px 0px 0px;
	padding: 0px;
	line-height: 32px;
}

.earth
{
	position: absolute;
	top: -20px;
	left: 360px;
	margin: 0px;
	padding: 0px;
	z-index: 99;
}
/* Teaser right ends here */


/* Statistic start here */
.statistic
{
	display: inline;
	float: left;
	margin: 15px 0px 0px 60px;
	padding: 0px;
}

.statistic_text
{
	font-size: 15px;
	line-height: 22px;
	font-weight: bold;
	color: #EA940D;
	margin: 0px;
	padding: 0px;
	float: left;
	display: block;
}
/* Statistic ends here */


/* Member starts here */
.column-member
{
	width: 540px;
	float: left;
	margin: 0px;
	margin-right: 90px;
	padding: 50px 0px 20px 0px;
}

.member-view
{
	float: left;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
}

.li_thumbnail
{
	float:left;
	width:80px;
	margin:0px;
	padding:0px 0px 0px 10px;
	text-align:center;
	font-size:11px;
}

.thumbnail {
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	height: 80px;
}

.avatar {
	width: 160px;
	background-color: white;
	border: 5px solid white;
	text-align: center;
}


.nickname
{
	margin: 0px;
	padding: 5px 0px 0px 0px;
	text-align: center;
	font-size: 11px;
	width: 80px;
}

/* Member ends here */


/* More ends here */
a.more
{
	color: #005D86;
	float: right;
	text-align: right;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	font-size: 18px;
	line-height: 25px;
	font-weight: normal;
	text-decoration: underline;
}

a.more:hover
{
	text-decoration: none;
}
/* More ends here */


/* Destination starts here */
.column-destination
{
	width: 290px;
	float: left;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}

.destination-view {
	float: left;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	height: 100%;
}

.li_destination {
	float: left;
	width: 290px;
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	border-bottom: 1px #C0C0C0 solid;
}

.flag
{
	width: 280px;
	margin: 0px;
	padding: 4px 0px 4px 10px;
}
/* Destination ends here */

.validation_error
{
	color: #CC3333;
	margin-top: 3px;
}

/* -------------------------------------------------------------------------- */
/* Autocomplete                                                               */
/* -------------------------------------------------------------------------- */

.auto_complete {
	position: absolute;
	background-color: ButtonHighlight;
	border:1px solid ThreeDDarkShadow;
	margin:0px;
	padding:0px;
	width:500px !important;
}
.auto_complete ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
.auto_complete ul li {
	color: WindowText;
	list-style-type: none;
	display: block;
	margin: 0;
	padding: 2px;
	height: 16px;
	cursor: pointer;
}
.auto_complete ul li.selected { 
	background-color: Highlight; 
	color: HighlightText;
}


.auto_friend_complete {
	position: absolute;
	top: 20px;
	left: 20px;
	background-color: ButtonHighlight;
	border:1px solid ThreeDDarkShadow;
	margin:0px;
	padding:0px;
	width:255px !important;
}
.auto_friend_complete ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
.auto_friend_complete ul li {
	color: black;
	font-size: 14px;
	text-align: left;
	list-style-type: none;
	display: block;
	margin: 0;
	padding: 2px;
	height: 16px;
	cursor: pointer;
}
.auto_friend_complete ul li.selected { 
	background-color: Highlight; 
	color: HighlightText;
}


.location {
	width:250px;
}

.location_status_bad {
	display:inline;
	padding:0px 0px 0px 16px;
	background: transparent url('gfx/icons/icon_exclamation.gif') no-repeat center left;
}

.friend_status_bad {
	display:inline;
	padding:0px 0px 0px 16px;
	background: transparent url('gfx/icons/icon_exclamation_trans.gif') no-repeat center left;
}

.user_status_bad {
	display:inline;
	padding:2px 0px 0px 16px;
	background: transparent url('gfx/icons/icon_chat_user.gif') no-repeat center left;
}

.location_status_ok {
	display:inline;
	padding:0px 0px 0px 16px;
	background: transparent url('gfx/icons/icon_tick.gif') no-repeat center left;
}

.location_status_reg_bad {
	display:inline;
	padding:0px 0px 0px 16px;
	background: transparent url('gfx/icons/icon_exclamation_reg.gif') no-repeat center left;
}

.location_status_reg_ok {
	display:inline;
	padding:0px 0px 0px 16px;
	background: transparent url('gfx/icons/icon_tick_reg.gif') no-repeat center left;
}

.location_status_loading {
	display:inline;
	padding:0px 0px 0px 16px;
	background: transparent url('gfx/small-loader.gif') no-repeat center left;
}

.avatarphoto {
	border:5px solid #e8e8e8;
	float:left;
	margin:0px 0px 5px 0px;
	padding:0px;
	width:170px;
}

.avatarphotosmall {
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:40px;
	min-height: 30px;
	max-height: 40px;
	overflow: hidden;
	float: left;
}


/* -------------------------------------------------------------------------- */
/* Tabs                                       				                        */
/* -------------------------------------------------------------------------- */

.ui-tabs {
	margin:0px;
	padding:0px;
	padding-top: 1px;
	list-style-type:none;
	width:100%;
}

.ui-tabs li {
	float:left;
	margin-right:2px;
	padding:0px;
	text-align:center;
}

.ui-tabs li a {
	background-color:#fbf8f1;
	color:#666;
	display:block;
	float:left;
	height:20px;
	margin:0px;
	padding:5px 10px 0px 10px;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	text-decoration: none;
}

.ui-tabs li a:hover {
	text-decoration: underline;
}

.ui-tabs li a.active {
	background-color:#fff;
	border-top:2px solid #008800;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	padding:4px 10px 0px 10px;
}

.ui-tabs li a.nonactive {
}

/* -------------------------------------------------------------------------- */
/* Paging                                     				                        */
/* -------------------------------------------------------------------------- */

.paging {
	clear:both;
	margin:0px;
	padding:20px 0px;
	text-align:center;
}

.paging a:link, .paging a:visited {
	background:#f8f8f8;
	border:1px solid #e1e1e0;
	color: #005d86;
	font-weight:bold;
	margin:0px 3px 0px 0px;
	padding:4px 7px;
}
	
.paging a:hover {
	font-weight:bold;
	margin:0px 3px 0px 0px;
	padding:4px 7px;
}	

.paging span.active {
	background:#9e9d9c;
	color:#FFF;
	font-weight:bold;
	margin:0px 3px 0px 0px;
	padding:4px 7px;
}	
	
.paging span.inactive {
	background:#f8f8f8;
	border:1px solid #e1e1e0;
	color:#9e9d9c;
	font-weight:bold;
	margin:0px 3px 0px 0px;
	padding:4px 7px;
}

/* -------------------------------------------------------------------------- */
/* Barometer                                    				                        */
/* -------------------------------------------------------------------------- */

ul.user-statistic {
	display:block;
	list-style-type:none;
	margin:0;
	padding:10px;
}

ul.user-statistic li {
	display:block;
	padding:0px 0px 5px 0px;
	margin:0;
}

ul.user-statistic li .label {
	display:block;
	background-color:#fff;
	font-weight:bold;
}

ul.user-statistic li .label .description {
	color:#c0c0c0;
	font-weight:normal;
}

ul.user-statistic li .frame {
	background-color:#fff;
	border:1px solid #c0c0c0;
	padding:1px;
}

ul.user-statistic li .bar {
	background-color:#f1ba64;
	height:10px;
	font-size:1px;
	line-height:10px;
}


/* -------------------------------------------------------------------------- */
/* Form Felder	                               				                        */
/* -------------------------------------------------------------------------- */

.form-row
{
	clear: both;
	border-bottom: 1px solid #ddd;
	width: 100%;
}

.form-row .padding {
	padding: 0.8em;
	height: 1%;
}

.form-row .content
{
	padding-left: 9em;
}

.form-row label
{
	display: block;
	padding: 0 1em 3px 0;
	float: left;
	text-align: left;
	color: #666;
	font-weight: normal !important;
	width: 95px;
}

.edit_help
{
	color: #aaa;
}

#profile_language_list
{
	list-style: none;
	padding-left: 0px;
	margin-left: 0px;
	margin-top: 0px;
}

.small_button
{
	vertical-align: text-top;
}

.checklist
{
	list-style: none;
	border: 1px solid #ddd;
	height: 150px;
	overflow: auto;
	padding:0;
	margin:0;
}

.checklist li { float:left; margin: 0; padding: 0; }

.checklist label
{
	display: block;
	padding:0;
	margin:0;
	width:120px !important;
}

.checklist label:hover { background: Highlight; color: HighlightText !important; }

* html ul.checklist label { height: 1%; }


.save-ok {
	clear:both;
	background:#fffac7 url('gfx/icons/icon_information.gif') no-repeat scroll 12px 50%;
	padding:0px 10px 0px 32px;
	margin:10px 0px 10px 0px;
	border-top:2px #d9b31a solid;
	border-bottom:2px #d9b31a solid;
}

.save-ok h2 {
	font-size:14px;
	font-weight:bold;
	color:#000;
}