/*************************************************
/**	Overall CSS				**
/*************************************************/
body {font-size:14px;font-family:Arial;margin:0px;padding:0px;}
:focus {outline:none;}
a {text-decoration:none;}
a:hover {text-decoration:none;}

div#container {
	position:relative;
	height:100%;
	padding:0px;
}
div.upper-border {
	position:absolute;
	width:670px;
	height:10px;
	left:10px;
	margin-top:-10px;
	background:url(../img/shadowup.png) no-repeat;
}
div.below-border {
	position:absolute;
	width:670px;
	height:10px;
	margin-bottom:-10px;
	background:url(../img/shadowdown.png) no-repeat;
}
div.user-board {
	position:relative;
	width:730px;
	text-align:left;
	margin:0 auto;
}
div.hidden {
	display:none;
}
div.relative{
	position:relative;
}


/** 	Buttons & Dialogs	**/
div.dialogs{
	background:url(../img/diablogs.png) no-repeat;
}
a.round-buttons {
	background:url(../img/roundBtns.png) no-repeat;
	background-position:1000px 1000px;
	display:block;
}
a.round-buttons24 {
	background:url(../img/roundBtns.png) no-repeat;
	display:block;
	width:24px;height:24px;
}

a.round-buttons24.disable:hover{
	cursor:default;
}
a.round-buttons24.up.grass{
	background-position:-120px 0px;
}
a.round-buttons24.up.grass:hover{
	background-position:-120px -24px;
}
a.round-buttons24.up.grass.sink:hover{
	background-position:-120px -48px;
}
a.round-buttons24.up.lemon{
	background-position:-144px 0px;
}
a.round-buttons24.up.lemon:hover{
	background-position:-144px -24px;
}
a.round-buttons24.up.lemon.sink:hover{
	background-position:-144px -48px;
}
a.round-buttons24.down.grass{
	background-position:0px 0px;
}
a.round-buttons24.down.grass:hover{
	background-position:0px -24px;
}
a.round-buttons24.down.grass.sink:hover{
	background-position:0px -48px;
}
a.round-buttons24.down.lemon{
	background-position:-48px 0px;
}
a.round-buttons24.down.lemon:hover{
	background-position:-48px -24px;
}
a.round-buttons24.down.lemon.sink:hover{
	background-position:-48px -48px;
}
a.round-buttons24.down.gray{
	background-position:-24px 0px;
}
a.round-buttons24.down.gray.enable:hover{
	background-position:-24px -24px;
}
a.round-buttons24.down.gray.sink.enable:hover{
	background-position:-24px -48px;
}
a.round-buttons24.close.apple{
	background-position:-250px 0px;
}
a.round-buttons24.close.apple:hover{
	background-position:-250px -24px;
}
a.round-buttons24.close.apple.sink:hover{
	background-position:-250px -48px;
}
a.round-buttons24.close.lemon{
	background-position:-274px 0px;
}
a.round-buttons24.close.lemon:hover{
	background-position:-274px -24px;
}
a.round-buttons24.close.lemon.sink:hover{
	background-position:-274px -48px;
}
a.round-buttons24.email.grass{
	background-position:-370px 0px;
}
a.round-buttons24.email.grass:hover{
	background-position:-370px -24px;
}
a.round-buttons24.email.grass.sink:hover{
	background-position:-370px -48px;
}
a.round-buttons24.email.gray{
	background-position:-394px 0px;
}
a.round-buttons24.email.gray.enable:hover{
	background-position:-394px -24px;
}
a.round-buttons24.email.gray.sink.enable:hover{
	background-position:-394px -48px;
}
a.round-buttons24.switcher.grass{
	background-position:-620px 0px;
}
a.round-buttons24.switcher.grass:hover{
	background-position:-620px -24px;
}
a.round-buttons24.switcher.grass.sink:hover{
	background-position:-620px -48px;
}
a.round-buttons24.switcher.lemon{
	background-position:-644px 0px;
}
a.round-buttons24.switcher.lemon:hover{
	background-position:-644px -24px;
}
a.round-buttons24.switcher.lemon.sink:hover{
	background-position:-644px -48px;
}
a.round-buttons24.detail.grass{
	background-position:-500px 0px;
}
a.round-buttons24.detail.grass:hover{
	background-position:-500px -24px;
}
a.round-buttons24.detail.grass.sink:hover{
	background-position:-500px -48px;
}
a.round-buttons24.detail.gray{
	background-position:-524px 0px;
}
a.round-buttons24.detail.gray.enable:hover{
	background-position:-524px -24px;
}
a.round-buttons24.detail.gray.enable.sink:hover{
	background-position:-524px -48px;
}
a.round-buttons24.edit.grass{
	background-position:-750px 0px;
}
a.round-buttons24.edit.grass:hover{
	background-position:-750px -24px;
}
a.round-buttons24.edit.grass.sink:hover{
	background-position:-750px -48px;
}
a.round-buttons24.edit.lemon{
	background-position:-774px 0px;
}
a.round-buttons24.edit.lemon:hover{
	background-position:-774px -24px;
}
a.round-buttons24.edit.lemon.sink:hover{
	background-position:-774px -48px;
}
a.round-buttons24.itinerary.grass{
	background-position:-500px -100px;
}
a.round-buttons24.itinerary.grass:hover{
	background-position:-500px -124px;
}
a.round-buttons24.itinerary.grass.sink:hover{
	background-position:-500px -148px;
}
a.round-buttons24.itinerary.apple{
	background-position:-548px -100px;
}
a.round-buttons24.itinerary.apple:hover{
	background-position:-548px -124px;
}
a.round-buttons24.itinerary.apple.sink:hover{
	background-position:-548px -148px;
}
a.round-buttons24.itinerary.gray{
	background-position:-524px -100px;
}
a.round-buttons24.itinerary.gray.enable:hover{
	background-position:-524px -124px;
}
a.round-buttons24.itinerary.gray.enable.sink:hover{
	background-position:-524px -124px;
}
a.round-buttons24.add.grass{
	background-position:-620px -100px;
}
a.round-buttons24.add.grass:hover{
	background-position:-620px -124px;
}
a.round-buttons24.add.grass.sink:hover{
	background-position:-620px -148px;
}
a.round-buttons24.add.lemon{
	background-position:-644px -100px;
}
a.round-buttons24.add.lemon:hover{
	background-position:-644px -124px;
}
a.round-buttons24.add.lemon.sink:hover{
	background-position:-644px -148px;
}
a.round-buttons16 {
	background:url(../img/roundBtns.png) no-repeat;
	background-position:1000px 1000px;
	display:block;
	width:16px;height:16px;
}
a.round-buttons16.silver {
	background-position:0px -100px;
}
a.round-buttons16.silver:hover {
	background-position:0px -116px;
}
a.round-buttons16.silver.sink:hover {
	background-position:0px -132px;
}
a.round-buttons16.grass {
	background-position:-32px -100px;
}
a.round-buttons16.grass:hover {
	background-position:-32px -116px;
}
a.round-buttons16.grass.sink:hover {
	background-position:-32px -132px;
}
a.round-buttons16.close.grass {
	background-position:-32px -100px;
}
a.round-buttons16.close.grass:hover {
	background-position:-32px -116px;
}
a.round-buttons16.close.grass.sink:hover {
	background-position:-32px -132px;
}
a.round-buttons16.close.lemon {
	background-position:-48px -100px;
}
a.round-buttons16.close.lemon:hover {
	background-position:-48px -116px;
}
a.round-buttons16.close.lemon.sink:hover {
	background-position:-48px -132px;
}
a.round-buttons16.close.saphire {
	background-position:-64px -100px;
}
a.round-buttons16.close.saphire:hover {
	background-position:-64px -116px;
}
a.round-buttons16.close.saphire.sink:hover {
	background-position:-64px -132px;
}
a.round-buttons16.down.saphire{
	background-position:-100px -100px;
}
a.round-buttons16.down.saphire:hover{
	background-position:-100px -116px;
}
a.round-buttons16.down.saphire.sink:hover{
	background-position:-100px -132px;
}
a.round-buttons16.up.saphire{
	background-position:-200px -100px;
}
a.round-buttons16.up.saphire:hover{
	background-position:-200px -116px;
}
a.round-buttons16.up.saphire.sink:hover{
	background-position:-200px -132px;
}
a.round-buttons16.add.grass{
	background-position:-300px -100px;
}
a.round-buttons16.add.grass:hover{
	background-position:-300px -116px;
}
a.round-buttons16.add.grass.sink:hover{
	background-position:-300px -132px;
}
a.round-buttons16.add.saphire{
	background-position:-316px -100px;
}
a.round-buttons16.add.saphire:hover{
	background-position:-316px -116px;
}
a.round-buttons16.add.saphire.sink:hover{
	background-position:-316px -132px;
}
a.round-buttons16.edit.lemon{
	background-position:-416px -200px;
}
a.round-buttons16.edit.lemon:hover{
	background-position:-416px -216px;
}
a.round-buttons16.edit.lemon.sink:hover{
	background-position:-416px -232px;
}
a.round-buttons16.edit.saphire{
	background-position:-432px -200px;
}
a.round-buttons16.edit.saphire:hover{
	background-position:-432px -216px;
}
a.round-buttons16.edit.saphire.sink:hover{
	background-position:-432px -232px;
}
a.round-buttons16.minus.grass{
	background-position:-300px -200px;
}
a.round-buttons16.minus.grass:hover{
	background-position:-300px -216px;
}
a.round-buttons16.minus.grass.sink:hover{
	background-position:-300px -232px;
}
a.q-sq-btns {
	background:url(../img/quality-sq-btns.png) no-repeat;
	display:inline-block;
	height:42px;
	width:auto;
	float:left;
}
a.q-sq-btns span{
	background:url(../img/quality-sq-btns.png) no-repeat right;
	display:inline-block;
	height:32px;
	line-height:28px;
	padding: 5px 42px 5px 52px;
	margin:0 10px 0 0;
}
a.q-sq-btns.grn{
	margin:auto 4px auto 0;
	color:#007b0e;
	text-shadow:0 1px 1px rgba(255,255,255,0.6);
	font-size:13px;
	background-position:right -150px;
}
a.q-sq-btns.grn span{
	background-position:0 -150px;
}
a.q-sq-btns.grn:hover{
	color:white;
	text-shadow:0 1px 1px rgba(187,239,190,0.6);
	background-position:right -200px;
}
a.q-sq-btns.grn:hover span{
	background-position:0 -200px;
}
a.q-sq-btns.grn.sink:hover{
	color:#007b0e;
	text-shadow:0 1px 1px rgba(255,255,255,0.6);
	background-position:right -250px;
}
a.q-sq-btns.grn.sink:hover span{
	background-position:0 -250px;
}
a.buttons,div.buttons {
	background:url(../img/bar-sets.png) no-repeat;
	background-position:1200px 1000px;
	display:inline-block;
}
a.buttons span {
	background:url(../img/bar-sets.png) no-repeat;
	background-position:0px 1000px;
	display:inline-block;
	white-space:nowrap;
}
a.selected_buttons,div.selected_buttons {
	background:url(../map_game/img/slt_btns.png) no-repeat;
	display:inline-block;
}
a.selected_buttons span {
	background:url(../map_game/img/slt_btns.png) no-repeat;
	display:inline-block;
	white-space:nowrap;
}

a.little-green-button {
	margin:auto 5px;
	float:right;
	color:black;
	font-weight:bold;
	font-size:14px;
	border-radius:4px;
	background:#afed78;
	padding:4px 8px;
}
a.little-green-button:hover {
	background:#81da32;
}
a.little-green-button span {
	height:15px;
	margin:0 5px 0 0;
	padding: 1px 2px 1px 7px;
	background:none;
}
a.little-green-button:hover span{
	background-position:0px -337px;
}
a.round-corner-silver{
	margin:auto 10px;
	vertical-align:baseline;
	height:32px;
	line-height:32px;
	color:#8b8b8b;
	font-weight:bold;
	font-size:14px;
	background-position:right -700px;
}
a.round-corner-silver:hover{
	background-position:right -732px;
}
a.round-corner-silver.sink:hover{
	background-position:right -764px;
	color:#f7f7f7;
}
a.round-corner-silver span{
	height:22px;
	line-height:22px;
	background-position:0px -700px;
	margin:0 15px 0 0;
	padding:5px 4px 5px 20px;
}
a.round-corner-silver:hover span{
	background-position:0px -732px;
}
a.round-corner-silver.sink:hover span{
	background-position:0px -764px;
}
/*************************/

/**	Loader	**/
.loader128 {
	background:url("../img/grass-circle-128.gif") no-repeat;
	width:128px;height:128px;
	display:block;
	margin:0 auto;
}

/************************************/
div.title-banner-container {
	background-color:#88cadf;
	height:47px;
	width:100%;
	position:relative;
}
div.title-banner-container.fixed {
	position:fixed;
	top:42px;
	z-index:198;
}
div.title-banner {
	background-color:#88cadf;
	width:100%;
	margin:0px auto;
	line-height:47px;
	height:47px;
}
div.title-banner span.banner-heading {
	float:left;
	display:block;
	padding:0px 15px;
	height:47px;
	line-height:47px;
	color:black;
	font-size:18px;
	margin-left:145px;
}
div.title-area{
	margin:0px 10px;
	padding:0px 20px;
	text-align:inherit;
	color:#095b00;
	font-size:24px;
}
div.title-area div.title-row {
	height:60px;
	line-height:50px;
	padding:5px 0px;
}
div.title-area div.title-row span {
	font-size:20px;
	color:#0e9200;
}
div.title-area div.title-row a {
	font-size:14px;
	color:#0e9200;
}
div.title-area div.title-row a:hover{
	text-decoration:underline;
}
div.submit-row {
	display:block;
	clear:both;
	height:30px;
	margin:10px 0px;
}
a.green-crystal-submit-button {
	display:block;
	width:80px;height:30px;
	background:url(../img/signup_btn.png) no-repeat;
	font-size:14px;
	text-align:center;
	color:#438800;
	line-height:30px;
	float:right;
}
a.green-crystal-submit-button:hover {
	background:url(../img/signup_btn_on.png) no-repeat;
}

span.ajax-loader-right {
	display:none;
	float:right;
	width:16px;height:16px;
	background:url(../img/ajax-loader.gif) no-repeat;
	margin:7px 10px;
}
div.comment-counter {
	height:20px;
	padding:10px;
	font-size:14px;
	line-height:20px;
	color:#5cc300;
}
div.comment-counter span#inner_counter{
	font-weight:bold;
	color:#0e9200;
	font-size:14px;
}

/**	Hidden Forms	**/

div.update-form{
	display:none;
	position:absolute;
	top:50%;
	left:50%;
	height:auto;
	padding:20px 30px;
	background-color:white;
	z-index:499;
	opacity:0.95;
	box-shadow:0 0 20px rgba(0,0,0,0.4);
	border-radius:0.5rem;
	max-width:940px;
	width:calc(100% - 16px);
	transform:translate(-50%,-50%);
}
div#update_share_list{
	z-index:599;
}
div.update-form div.travel-form-container{
	position:relative;
	margin:0 auto;
}
div.process-info{
	display:none;
	position:fixed;
	top:0;left:50%;
	height:auto;
	width:400px;
	max-width: 100vw;
	padding:10px 15px;
	margin:300px 0 0 0;
	background-color:white;
	z-index:9999;
	opacity:0.95;
	border-radius:3px;
	box-shadow:0 0 10px rgba(0,0,0,0.4);
	cursor:pointer;
	border-radius:0.5rem;
	transform: translate(-50%, 0);
}
div.process-info .tiny-line{
	position:relative;
	margin:0px auto 3px auto;
	border-bottom:1px #cfcfcf solid;
}
div.process-info .tiny-line span{
	color:black;
	font-size:12px;
	float:right;
	margin-left:5px;
}
div.process-info .info-box{
	position:relative;
}

/**	Date/Time Picker	**/
div#ui-datepicker-div.ui-datepicker{
	z-index:999;
	display:none;
}