/*
Title:      yododo styles for screen media
*/
html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}
body {
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 10pt;
	text-align:left;
	color: #1f1f1f;
/*
	background-color: #e5eff5;
	background-color: #777;
	background-image: url(http://img0.yododo.com/images/lines-light-orange.gif);
	background-image: url(http://img0.yododo.com/images/lines-orange.gif);
	background-image: url(http://img3.yododo.com/images/lines-light-blue.gif);
*/
	background: #fff;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	position: relative;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block; zoom: 1;}
/* End hide from IE-mac */

/* VML for IE */
v\:polyline, v\:line {
	behavior:url(#default#VML);
}

/* --[ links ]------------------------------- */

a {
	color: #176ae5;
	text-decoration: none;
/*	text-decoration: underline;*/
/*	border-bottom: 1px dotted #68C3EE;
	border-bottom: 1px dotted #7C0;*/
}
/*
a:visited {
	color: #4FA5D1;
	color: #176ae5;
	text-decoration: none;
	border-bottom: 1px dotted #86D9F1;
	border-bottom: 1px dotted #7C0;
}
*/
a:hover {
	color: #4d2900;
	background-color: #FFE0BF;
	text-decoration: none;
	border: none;
}
a.more {
	padding-right: 7px;
	background-image: url(http://img1.yododo.com/images/blue-more.gif);
	background-repeat: no-repeat;
	background-position: 100% 50% !important;
	background-position: 100% 30%;
}
a.simple {
	text-decoration: none;
}
a.clear {
  text-decoration: none;
}
a.clear:hover {
  color: black;
  background-color: transparent;
}
a.normal {
  text-decoration: none;
}
a.normal:hover {
  background-color: transparent;
  text-decoration: underline;
}
a.normal-white {
  text-decoration: none;
  color:white;
}
a.normal-white:hover {
  background-color: transparent;
  text-decoration: underline;
  color:white;
}
a.more-detail{
	font-size: 90%;
	padding-right: 7px;
	background-image: url(http://img1.yododo.com/images/blue-more.gif);
	background-repeat: no-repeat;
	background-position: 100% 50% !important;
	background-position: 100% 30%;
	color: #2D5680;
	text-decoration: none;
}
a.hyper {
	color: #000;
	text-decoration: none;
	border-bottom: 1px dashed #176ae5;
}
a.hyper:hover {
/*
	color: #2D5680;
	color: #4d2900;
*/
	color: #000;
/*
	background-color: transparent;
	border-bottom: 3px double #176ae5;
	border-bottom: none;
*/
	border-bottom: 1px dashed #4d2900;
}
img {
	border: 0;
}
input[type="text"], input[type="password"], input[type="file"],
select, textarea {
	color: #000;
	font-size: 100%;
	line-height: 1.4em;
	border-top: 1px solid #7c7c7c;
	border-left: 1px solid #c3c3c3;
	border-right: 1px solid #c3c3c3;
	border-bottom: 1px solid #ddd;
	background :#fff url(http://img1.yododo.com/images/fieldbg.gif) repeat-x top;
}
/*
select {
	border: #4b4b4b 1px solid;
	color: #000;
}
*/
/* --[ common elements ]---------------------- */

button, label {
	cursor: pointer;
	cursor: hand;
}
button {
/*  overflow:visible; /* Remove superfluous padding for IE */
	color: #036;
	background-color: #D9E8FF;
	font-size: 90%;
	height: 1.8em;
/*	line-height: 1.2em;*/
}
button:hover, button:focus {
	color: #fff;
	background-color: #B37324;
}
blockquote {
	margin: 1em 0 1em 30px;
	padding: 0;
/*
	font-size: 88%;
	line-height: 1.5em;
	color: #777;
*/
}
blockquote blockquote, blockquote blockquote p {
	display:inline;
	margin-top:0;
	margin-bottom:0;
	padding:0;
}
/* for ol used to list statements in a conversation which itself is from another source */
blockquote ol {
	margin:0;
	padding:0;
	list-style:none;
}
/*
code {
	color: #7B9905;
	font-family: Consolas, Lucida Console, Monaco, monospace;
	font-size: 110%;
	line-height: 1.2em;
	text-align: left;
}
code strong {
	color: #4E6200;
}
abbr, acronym, .popup {
	font-style: normal;
	border-bottom: 1px dotted #999;
	cursor: help;
}
em {
	font-style: italic;
}
*/
strong {
	font-weight: bold;
}
strong.has-comment {
	color: #d93d76;
}
strike, del {
	text-decoration: line-through;
}
img {
	border: none;
}
ins {
	text-decoration: none;
}
address {
	margin: 0;
	padding: 0;
	font-style: normal;
}

.floatleft {
	float: left;
}
.floatright {
	float: right;
}
.clearleft {
	clear: left;
}
.clearright {
	clear: right;
}
.clearboth {
	clear: both;
}
.clearboth-empty {
	clear: both;
	line-height: 0;
}
.alignleft {
	text-align: left;
}
.aligncenter {
	text-align: center;
}
.alignright {
	text-align: right;
}

.hide {
	display: none;
}

/* --[ layout structure ]--------------------- */

#wrap, #wrap-personal {
/* 	position: relative;*/
/*	min-height: 100%;
	height: auto !important;*/
	min-width: 750px;
  width: 972px;
	margin: 0 auto;
	text-align: left;
	background: #fff;
}
#wrap-personal {
  width: 982px;
}
#wrap #main, #wrap-personal #main {
	float: left;
	min-width: 730px;
  width: 972px;
	margin: 1em 0 20px 0;
	line-height: 1.5em;
	padding-bottom: 3em;
	overflow: hidden;
}
#wrap-personal #main {
	margin: 1em 5px 20px 5px;
}
#wrap #sidebar, #wrap-personal #sidebar {
	float: right;
/*	width: 255px; /* make it 240 */
  width: 234px;
	margin: 1em 0 20px 8px;
	line-height: 1.4em;
	padding-bottom: 3em;
	overflow: hidden;
}
#wrap-personal #sidebar {
/*	margin: 1em 10px 20px 10px;*/
  margin: 1em 5px 20px 8px;
}
#wrap #content, #wrap-personal #content {
	float: left;
	min-width: 474px;
/*	width: 695px; /* make it 710 */
  width: 730px;
	margin: 1em 0 20px 0;
	line-height: 1.4em;
	padding-bottom: 3em;
	overflow: hidden;
}
#wrap-personal #content {
/*	width: 675px; /* make it 710 */
  width: 730px;
/*	margin: 1em 0 20px 10px;*/
  margin: 1em 0 20px 5px;
}

#wrap #sidebar-reverse, #wrap-personal #sidebar-reverse {
	float: left;
/*	width: 255px;*/
  width: 234px;
	margin: 1em 0 20px 0;
	line-height: 1.4em;
	padding-bottom: 3em;
	overflow: hidden;
}
#wrap-personal #sidebar-reverse {
	margin: 1em 8px 20px 5px;
}
#wrap #content-reverse, #wrap-personal #content-reverse {
	float: right;
	min-width: 474px;
/*	width: 695px;*/
  width: 730px;
	margin: 1em 0 20px 0;
	line-height: 1.4em;
	padding-bottom: 3em;
	overflow: hidden;
}
#wrap-personal #content-reverse {
	margin: 1em 5px 20px 0;
}
#wrap #content-mini, #wrap-personal #content-mini {
	float: left;
/*	width: 495px; /* make it 510 */
  width: 522px;
	margin: 1em 0 20px 0;
	line-height: 1.4em;
	padding-bottom: 3em;
	overflow: hidden;
}
#wrap #sidebar-mini, #wrap-personal #sidebar-mini {
	float: left;
/*	width: 190px;*/
  width: 200px;
/*	margin: 1em 10px 20px 0;*/
  margin: 1em 8px 20px 0;
	line-height: 1.4em;
	padding-bottom: 3em;
	overflow: hidden;
}
#wrap-personal #sidebar-mini {
/*	margin: 1em 10px 20px 10px;*/
  margin: 1em 8px 20px 5px;
}
/*
#wrap #main-mini {
	float: left;
	min-width: 730px;
	width: 960px;
	margin: -60px 0 0 0;
	line-height: 1.4em;
	padding-bottom: 2em;
	overflow: hidden;
}
*/

#wrap #footer, #wrap-personal #footer {
/*
	position: relative !important;
	position: absolute;
	bottom: 0 !important;
	bottom: -1px;
	left: 0;
*/
	margin: 0;
	clear: both;
	min-width: 730px;
/*	width: 960px;*/
  width: 972px;
  font-size: 90%;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	text-align: center;
}
#wrap-personal #footer {
  width: 982px;
}

/* fixes IE double-margin bug */
#wrap #main, #wrap #content, #wrap #sidebar,
#wrap #content-reverse, #wrap #sidebar-reverse,
#wrap #content-mini, #wrap #sidebar-mini, #wrap #main-mini {
	display: inline;
}
#wrap-personal #main, #wrap-personal #content, #wrap-personal #sidebar,
#wrap-personal #content-reverse, #wrap-personal #sidebar-reverse,
#wrap-personal #content-mini, #wrap-personal #sidebar-mini, #wrap-personal #main-mini {
	display: inline;
}

/* --[ header ]------------------------------- */
#top-bar {
	padding: 5px 0 0 0;
	background: #9cf;
}

#header-bg {
  position: absolute;
  left: 0;
  top: 0;
	width: 50%;
	background: #fff url(http://img3.yododo.com/images/header-bg.gif) no-repeat top left;
	height: 60px;
  overflow-y: hidden;
}
.header-wrap {
	min-width: 750px;
	width: 972px;
	margin: 0 auto;
	text-align: left;
	line-height: 0;
}
.header-wrap-box {
	min-width: 750px;
	width: 972px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

#header .logo {
	margin-right: 50px;
}
#header .logo a:hover {
	background-color: transparent;
}
#header .cloud {
	display: inline-block;
	background: url(http://img0.yododo.com/images/header-cloud.gif) no-repeat top left;
}

#header-shortcut {
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
	font-size: 90%;
/*	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;*/
	background:url(http://img1.yododo.com/images/header-shortcut-left.gif) no-repeat left top;
	margin:0;
	padding: 0 0 0 15px;
	height: 22px;
	color: #999;
}
#header-shortcut-container {
	display: inline-block;
	background: url(http://img1.yododo.com/images/header-shortcut-right.gif) no-repeat right top;
	margin:0;
	padding: 0 15px 0 0;
	height: 22px;
	line-height: 22px;
}
#header-shortcut span.username {
	color: #fff;
}
#header-shortcut a {
	text-decoration: none;
	padding: 0 1px;
	color: #fff;
}
#header-shortcut a:hover {
	text-decoration: none;
	background-color: transparent;
	border-bottom: 2px solid #d9e9ff;
	color:#fff;
}
#header-shortcut #hasNewMsg a {
	color: #ffff66;
}

#header-search {
	position: absolute;
	top: 32px;
	right: 5px;
	text-align: right;
	font-size: 100%;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	margin:0;
	padding:0;
	line-height:1.3em;
}
#header-search input, #header-search select {
	font-size:90%;
}
#header-search input#header-search-key {
	width:110px;
}
#header-search input#header-search-button {
	vertical-align: bottom;
	margin-bottom: 1px;
}

#header-menu {
	float:left;
	width:100%;
	background:#083868;
	font-size:105%;
	line-height:normal;
}
#header-menu ul {
	margin:0;
	padding:4px 0 0 5px;
	line-height:normal;
}
#header-menu li {
	display:inline;
	margin:0;
	padding:0;
}
#header-menu a {
	float:left;
	background:#083868 url("http://img2.yododo.com/images/header-menu-tableft.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 10px;
	text-decoration:none;
	color:#fff;
}
#header-menu a strong {
	float:left;
	display:block;
	background:url("http://img2.yododo.com/images/header-menu-tabright.gif") no-repeat right top;
	margin:0;
	padding:4px 15px 4px 6px;
	text-align:center;
	font-weight:normal;
}
#header-menu a strong span {
	width: 11px;
	display:inline-block;
	background:url("http://img0.yododo.com/images/header-menu-arrow.gif") no-repeat 100% 50%;
}
#header-menu a:hover, #header-menu a.selected {
	background-position:0% -25px;
  background-color:#ebf5ff;
}
#header-menu a:hover strong, #header-menu a.selected strong {
	background-position:100% -25px;
	background-color:#ebf5ff;
	color:#000;
	text-decoration:underline;
	cursor: pointer;
  cursor: hand;
}
#header-menu .active a {
	background-position:0% -25px;
	background-color:#FFFFFF;
	color:#083868;
}
#header-menu .active a strong {
	background-position:100% -25px;
	background-color:#FFFFFF;
}
#header-menu .active a:hover {
	background-position:0% -25px;
	background-color:#FFFFFF;
}
#header-menu .active a:hover strong {
	background-position:100% -25px;
	background-color:#FFFFFF;
	color:#000;
}
#header-menu a.hotel {
	background-position:0% -25px;
	background-color:#e9811b;
  color:#fff;
}
#header-menu a.hotel strong {
	background-position:100% -25px;
	background-color:#e9811b;
  font-weight:bold;
}
#header-menu a.hotel:hover {
	background-position:0% -25px;
	background-color:#FFFFFF;
}
#header-menu a.hotel:hover strong {
	background-position:100% -25px;
	background-color:#FFFFFF;
	color:#ed6b00;
}
#header-menu .active a.hotel {
	background-position:0% -25px;
	background-color:#FFFFFF;
}
#header-menu .active a.hotel strong {
	background-position:100% -25px;
	background-color:#FFFFFF;
	color:#ed6b00;
}
#header-menu a.ticket {
	background-position:0% -25px;
	background-color:#13A35F;
  color:#fff;
}
#header-menu a.ticket strong {
	background-position:100% -25px;
	background-color:#13A35F;
  font-weight:bold;
}
#header-menu a.ticket:hover {
	background-position:0% -25px;
	background-color:#FFFFFF;
}
#header-menu a.ticket:hover strong {
	background-position:100% -25px;
	background-color:#FFFFFF;
	color:#008c4b;
}
#header-menu .active a.ticket {
	background-position:0% -25px;
	background-color:#FFFFFF;
}
#header-menu .active a.ticket strong {
	background-position:100% -25px;
	background-color:#FFFFFF;
	color:#008c4b;
}
#header-menu a.oguide {
	background-position:0% -25px;
	background-color:#08acd2;
  color:#fff;
}
#header-menu a.oguide strong {
	background-position:100% -25px;
	background-color:#08acd2;
  font-weight:bold;
}
#header-menu a.oguide:hover {
	background-position:0% -25px;
	background-color:#FFFFFF;
}
#header-menu a.oguide:hover strong {
	background-position:100% -25px;
	background-color:#FFFFFF;
	color:#0092b3;
}
#header-menu .active a.oguide {
	background-position:0% -25px;
	background-color:#FFFFFF;
}
#header-menu .active a.oguide strong {
	background-position:100% -25px;
	background-color:#FFFFFF;
	color:#0092b3;
}
#header-submenu {
	clear: both;
	text-align: left;
	font-size:105%;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	margin: 0;
	padding: 5px 0 5px 15px;
	background-image: url(http://img2.yododo.com/images/header-submenu-anchor.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	line-height:normal;
}
#header-submenu a {
	color:#083868;
	text-decoration:none;
	margin: 0 4px 0 6px;
	padding: 0;
}
#header-submenu a:hover {
	color:#000000;
/*	color: #4d2900;*/
	text-decoration: underline;
	background-color: transparent;
/*	border-bottom: 2px solid #ffb580;*/
}
#header-submenu a.active {
	color:#083868;
/*	color:#ff6600;*/
	font-weight: bold;
/*	border-bottom: 2px solid #ffb580;*/
}
#header-submenu a.active:hover {
	color:#000000;
/*	color: #4d2900;*/
/*	border-bottom: 1px solid #000;*/
}
#header-submenu a.hotel {
	color:#ed6b00;
}
#header-submenu a.ticket {
	color:#008c4b;
}
#header-submenu a.oguide {
  color:#0092b3;
}

.header-dropmenu {
	position:absolute;
	top: -1000px;
	left: -1000px;
	border: 1px solid #65c8df;
	font-size: 90%;
	text-align: left;
	margin: 0 0 0 1px;
	padding: 5px 5px 5px 5px;
	line-height:18px;
	z-index:100;
	background-color: #ebf5ff;
	width: 100px;
	visibility: hidden;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4);
}
.header-dropmenu a {
	float: left;
	display: block;
	width: 45px;
	text-indent: 14px;
	padding: 3px 0;
	text-decoration: none;
	color: #000;
}
.header-dropmenu a:hover{
	background-color: #ebf5ff;
	color: #176ae5;
	text-decoration: underline;
	background: url(http://img0.yododo.com/images/header-dropmenu-arrow.gif) no-repeat 0 50%;
}

table#header-area-navbar {
	margin: 5px 0 6px 0;
	background: url(http://img0.yododo.com/images/header-area-navbox-bg.gif) repeat-x 0 0;
}
.header-area-navbox a {
	color:#000000;
	text-decoration:none;
/*	padding: 1px;*/
/*	line-height: 20px;*/
}
.header-area-navbox a:hover {
	color:#FFFFFF;
	background-color: #F88D1E;
}
.header-area-navbox th {
	font-size: 90%;
}
.header-area-navbox td {
	font-size: 90%;
	padding: 1px 5px 3px 5px;
}

#header-area-menu .title {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 100%;
	color: #000;
}
#header-area-menu .title .separator {
	font-size: 115%;
	color: #888;
}
#header-area-menu-box {
	background-color: #C7EEFA;
	border-bottom:1px solid #65C8DF;
}
#header-area-menu-box-left {
	background: url(http://img2.yododo.com/images/header-area-menu-left.gif) no-repeat 0 0;
}
#header-area-menu-box-right {
	background: url(http://img1.yododo.com/images/header-area-menu-right.gif) no-repeat 100% 0;
}
#header-area-menu-box-bottom {
	height:5px;
	line-height:5px;
	background: url(http://img0.yododo.com/images/header-area-menu-bg.gif) repeat-x 0 0;
}
#header-area-menu-box .name {
	font-size:135%;
	padding:4px 25px 0 0;
	color:#105691;
	font-weight:bold;
	background-color: #C7EEFA;
}
#header-area-menu-box .tabs {
	width:100%;
	background:#C7EEFA;
	font-weight:bold;
	font-size:105%;
}
#header-area-menu-box .tabs ul {
	margin:0;
	padding:4px 0 0 0;
	list-style:none;
}
#header-area-menu-box .tabs li {
	display:inline;
	margin:0;
	padding:0;
	line-height: 1.4em;
}
#header-area-menu-box .tabs a {
	float:left;
	background:url("http://img0.yododo.com/images/header-area-menu-tab-left.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 3px;
	text-decoration:none;
	position: relative;
	cursor: pointer;
	width: 4.2em;
}
#header-area-menu-box .tabs a span {
	float:none;
	display:block;
	background:url("http://img2.yododo.com/images/header-area-menu-tab-right.gif") no-repeat right top;
	padding: 3px 3px 1px 0;
	color:#105691;
	text-align:center;
}
#header-area-menu-box .tabs em {
	position:absolute;
	width:4.2em;
	bottom:-5px;
	left: 0;
	line-height: 5px;
	background:url("http://img0.yododo.com/images/header-menu-arrow.gif") no-repeat bottom center;
}
#header-area-menu-box .tabs a:hover span {
	color:#FF6600;
	text-decoration:underline;
	background-position:100% -24px;
}
#header-area-menu-box .tabs a:hover {
	background-position:0% -24px;
}
#header-area-menu-box .tabs a:hover span {
	background-position:100% -24px;
}
#header-area-menu-box .tabs .active a {
	background-position:0% -24px;
}
#header-area-menu-box .tabs .active a span {
	background-position:100% -24px;
	color:#FF6600;
}
#header-area-menu-box .tabs .active a:hover span {
	text-decoration:none;
}


/*
#header h1 {
	float: left;
	width: 160px;
	height: 60px;
	margin: 0;
	padding: 1px 5px 4px 8px !important;
	padding: 1px 5px 0px 8px;
	display: inline;
}
#header h1 a {
	border: none;
	background: none;
}
.yTitle, .zTitle {
	height: 0; line-height: 0; font-size: 0; margin: 0; padding: 0; color: #fff;
}
*/

/* --[ header shortcut ]------------------------------- */
#header #shortcut {
	position: absolute;
	top:2px !important;
	top: 3px;
	right: 5px;
	text-align: right;
	font-size: 90%;
	line-height: 1.2em;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}
#header #shortcut span.username {
	color: #666;
}
#header #shortcut a {
	padding: 0 2px;
	color: #2D5680;
	border: none;
	text-decoration: none;
}
#header #shortcut a:hover {
	color: #4d2900;
}

#header #shortcut-left {
	position: absolute;
	top: 2px !important;
	top: 3px;
	left: 5px;
	color: #666;
	font-size: 90%;
	line-height: 1.2em;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}


/* --[ sitetoolbar ]------------------------------- */
#sitetoolbar {
	font-size: 12px;
	text-align: center;
	line-height: 22px;
	color: #000;
	background-image: url(http://img3.yododo.com/images/lines-light-blue.gif);
	margin-bottom: 8px;
	border-top: 2px solid #cce5ff;
	border-bottom: 2px solid #cce5ff;
}
#sitetoolbar a { text-decoration: none; }
#sitetoolbar-top {
	padding: 2px 0 0 0;
	background: #61aaf2;
}
#sitetoolbar-bottom {
	padding: 2px 0 0 0;
	background: #61aaf2;
}

.sitetoolbar_left { float:left; }
.sitetoolbar_left ul { list-style:none; padding:0; margin:0; }
.sitetoolbar_left li { float:left; border-left:solid 1px #fff; border-right:solid 1px #a1b4c7; margin:0 0 0 0; padding:0; }
.sitetoolbar_left li a {
	color: #000;
	display:block;
	padding:0 13px;
	background-color: #eff3f6;
}
.sitetoolbar_left li.head a {
	background-color: transparent;
}
.sitetoolbar_left li a:hover, .sitetoolbar_left li.head a:hover {
	color: #1a0e00;
	background-color: #FFE0BF;
}
.sitetoolbar_left li img{ float:left; border:0; margin-top:2px; margin-right:3px; }

.sitetoolbar_right { float:right; margin-right:5px; }
.sitetoolbar_right a { color: #000; }

#top_land_show #hasNewMsg a {
	color: #f02f2f;
}

.newline { word-wrap:break-word;word-break: break-all; }


/* --[ nav ]------------------------------- */
/*
#nav {
	*margin-bottom:-2px;
	padding:0;
	list-style:none;
	margin:auto;
	margin-left:40px;
	padding-top: .7em;
}
#nav li {
	position:relative;
	display:block;
	float:left;
	width:70px;
	margin: 0 15px;
	text-align:center;
	font-size: 90%;
	margin-top: 1em;
}
#nav li img {
	margin:0 0 0 0;
	*margin:0 0 .2em 0;
}
#nav li strong {
	display:block;
	font-weight:normal;
	width:67px;
	padding-bottom: .1em;
	cursor:pointer;
	margin-left:.2em;
}
#nav li.logo {
	width:180px;
	margin: 0 20px;
}
#nav li.logo img {
	margin: 0;
}
#nav li.logo strong {
	width:auto;
	line-height: 1em;
}
#nav li strong img {
	position:absolute;
	bottom:10px;
	margin-left:.1em;
}
#nav:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#nav li:hover {
	background: #FFE0BF url(http://img3.yododo.com/images/blue-nhov-top.gif) no-repeat top left;
}
#nav li a {
	color: #333;
	border: none;
	display: block;
	text-decoration: none;
}
#nav li a:hover {
	background-color: #FFE0BF;
}
html>body #nav a:hover {
	background: transparent url(http://img3.yododo.com/images/blue-nhov-bottom.gif) no-repeat bottom right;
}
#nav li.active {
	background: url(http://img1.yododo.com/images/blue-nav-top.gif) no-repeat top left;
}
#nav li.active a {
	color: #333;
	background: url(http://img0.yododo.com/images/blue-nav-bottom.gif) no-repeat bottom right !important;
}
*/

#header-area-nav {
	clear: both;
	background: #f7fbff;
	border-bottom: 2px solid #9cf;
}
#header-area-nav .header-area-nav-box table th {
	color: #ff6600;
	background: #f7fbff;
	padding: 3px 6px 0 6px;
}
#header-area-nav .header-area-nav-box table td {
	font-size: 90%;
	padding: 3px 6px 1px 6px;
	background: #f7fbff;
}
#header-area-nav .header-area-nav-box table td a {
	text-decoration: none;
	color: #2D5680;
	padding: 1px 2px;
}
#header-area-nav .header-area-nav-box table td a:hover {
	color: #4d2900;
}


/* sub navigation */
/*
#sub-nav {
	clear: both;
	background: #f7fbff;
	border-bottom: 2px solid #9cf;
}
#sub-nav .title {
	float: left;
	margin: 0;
	padding: 3px 15px 0 12px;
	font-weight: bold;
	font-size: 105%;
	color: #ff6600;
}
#sub-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#sub-nav li {
	margin: 0;
	padding: 0;
	font-weight: bold;
	float: left;
	line-height: 1.8em;
}
#sub-nav li a {
	padding: 0 15px;
	color: #3D993D;
	color: #61a600;
	color: #176ae5;
	color: #2D5680;
	border: none;
	text-decoration: none;
	display: block;
}
#sub-nav li a:hover {
	color: #4d2900;
	background-color: #FFE0BF;
}
#sub-nav li.active a, #sub-nav li.active a:hover {
	padding: 0 15px;
	background-color: #FFE0BF;
	color: #4d2900;
	border-left:solid 1px #a1b4c7;
	border-right:solid 1px #a1b4c7;
}
*/

/*
#sub-nav {
	clear: both;
	background: #f7fbff;
	background: #9cf;
	background: #66b3ff;
	border-bottom: 2px solid #9cf;
}
#sub-nav .title {
	display: none;
}
#sub-nav ul {
	margin: 0;
	padding: 0;
	font-size: 100%;
	list-style:none;
	border-left: solid 1px #cde8e3;
}
#sub-nav li {
	float: left;
	line-height: 1.8em;
}
#sub-nav li a {
	padding: 0px 15px;
	color: #FFFFFF;
	border-right: solid 1px #cde8e3;
	font-weight: bold;
	display:block;
	text-decoration: none;
}
#sub-nav li a:hover {
	background:#F93;
}
#sub-nav li.active a {
	padding: 0px 15px;
	color: #FFFFFF;
	border-right: solid 1px #fff;
	font-weight: bold;
	display:block;
	background: #F93;
}
*/

/* profile-nav */
#profile-nav img {
	float: left;
/*
	margin: 6px 0 0 10px;
	border: 1px solid #999999;
*/
}
#profile-nav ul {
	float: left;
	margin: 0;
	padding: 6px 0 0 10px;
	font-size: 100%;
	list-style: none;
}
#profile-nav li {
	margin: 0;
	padding: 0;
	font-weight: bold;
	float: left;
	line-height: 1.5em;
}
#profile-nav .title {
	float: left;
	margin: 0;
	padding: 7px 5px 0 12px;
	font-weight: bold;
	font-size: 115%;
	color: #ff6600;
}
#profile-nav .title .separator {
/*	color: #d93d76;*/
	color: #aaa;
}
#profile-nav .title a {
	font-weight: normal;
	font-size: 85%;
}
#profile-nav li a {
	margin: 0 5px;
	padding: 0 10px;
	color: #61a600;
	border: none;
	text-decoration: none;
	display: block;
	border-top: 1px solid #fff;
}
#profile-nav li a:hover {
	color: #4d2900;
/*
	background: #F93;
	color: #fff;
*/
}
#profile-nav li.active a, #profile-nav li.active a:hover {
/*	background-color: #FFFBF8;*/
	background-color: #FFF;
	color: #61a600;
	border: 1px solid #9cf;
}
#profile-nav li a.hot {
	padding-right: 25px;
	background-image: url(http://img0.yododo.com/images/icon_hot_tag.gif);
	background-repeat: no-repeat;
	background-position: 95% 45%;
}
#profile-nav li a.new {
	padding-right: 28px;
	background-image: url(http://img0.yododo.com/images/icon_new_tag.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

.nav-title {
}
.nav-title .separator {
	color: #888;
	font-weight: bold;
}
.nav-title a {
/*
	font-weight: normal;
	font-size: 85%;
*/
}

/* --[ sidebar ]------------------------------- */
/* shortcut */
#sidebar .shortcut, #sidebar-reverse .shortcut {
	margin: 0;
	padding: 0 0 10px 0;
	text-align: center;
}
#sidebar .shortcut button, #sidebar-reverse .shortcut button {
	margin: 0 0 2px 0;
	font-size: 100%;
	font-weight: bold;
}

/* rounded box style */

.box, .round-box {
/*	width: 100%;*/
	margin: 0 0 10px 0;
/*	padding: 2px;
	background: #9cf;*/
	word-break:break-all;
/*
	padding: 0px;
	background: #fff;
	border: 1px solid #9cf;
*/
/*	overflow: hidden;*/
}
.box .box-inner {
	padding-top: 10px;
/*	background: #FFFBF8;*/
	background: #FFF;
/*	border-bottom: 2px solid #FFFBF8;*/

/*	border: 1px solid #9cf;*/
	border: 1px solid #d8d8d8;
}
.round-box .round-box-inner {
	padding-top: 10px;
/*	background: #FFFBF8;*/
	background: #FFF;

/*	border: 1px solid #9cf;*/
	border: 1px solid #d8d8d8;
}

.round-box .hotel-box-inner {
	border: 1px solid #e9811b;
}
.box .hotel-nav-box, .round-box .hotel-nav-box {
	border: 3px double #e9811b;
}
.round-box .ticket-box-inner {
	border: 1px solid #13A35F;
}
.box .ticket-nav-box, .round-box .ticket-nav-box {
	border: 3px double #13A35F;
}
.round-box .oguide-box-inner {
	border: 1px solid #038faf;
}
.box .oguide-nav-box, .round-box .oguide-nav-box {
	border: 3px double #038faf;
}
#wrap #content .round-box .round-box-inner {
/*	border: 0;*/
}
#wrap #sidebar .round-box .round-box-inner {
	background: #fffcf7;
/*	background: #fafafa;*/
}
#wrap #sidebar-mini .round-box .round-box-inner {
	background: #fffcf7;
/*	background: #fafafa;*/
}
#wrap #sidebar .vivid-tab-box, #sidebar-mini .vivid-tab-box {
	background: #fffcf7;
/*	background: #fafafa;*/
}
#wrap #sidebar .dull-tab-box, #sidebar-mini .dull-tab-box {
	background: #fffcf7;
/*	background: #fafafa;*/
}
#wrap #sidebar .nav-box, #wrap #sidebar .hotel-nav-box {
	background: #fffcf7;
/*	background: #fafafa;*/
}
#wrap #sidebar .round-box .ticket-nav-box {
	background: #fafffa;
/*	background: #fafafa;*/
}
#wrap #sidebar .round-box .ticket-box-inner {
	background: #fafffa;
}
#wrap #sidebar .round-box .oguide-nav-box {
	background: #fafeff;
}
#wrap #sidebar .round-box .oguide-box-inner {
	background: #fafeff;
}

/*
#wrap #content .round-box .round-box-inner {
	width: 728px;
	overflow-x: hidden;
}
#wrap-personal #content .round-box .round-box-inner {
	width: 728px;
	overflow-x: hidden;
}
*/

.box .separator-space, .round-box .separator-space {
	line-height: 10px;
}
.box .separator-space-mini, .round-box .separator-space-mini {
	line-height: 5px;
}
.box .separator-bar-solid, .round-box .separator-bar-solid {
	border-top:1px solid #ccc;
	margin: 5px 10px 0 10px;
	line-height: 10px;
}
.box .separator-bar, .round-box .separator-bar {
	border-top:1px dashed #ccc;
	margin: 5px 10px 0 10px;
	line-height: 10px;
}
.box .separator-bar-mini, .round-box .separator-bar-mini {
	border-top:1px dashed #ccc;
	margin: 2px 10px;
	line-height: 0;
}
.box h1, .round-box h1 {
	margin: 0;
	padding: 5px 18px 3px 18px;
	font-size: 250%;
	line-height: 1.5em;
	color: #ff6600;
}
.box h2, .round-box h2 {
	margin: 0;
	padding: 3px 18px 1px 18px;
	font-size: 190%;
	line-height: 1.2em;
	color: #ff6600;
}
.box h3, .round-box h3 {
	margin: 0;
	padding: 1px 15px 0 15px;
/*	font-size: 130%;*/
	font-size: 120%;
	color: #ff6600;
}
.box h4, .round-box h4 {
	margin: 0;
	padding: 0 12px 0 12px;
/*	font-size: 115%;*/
	font-size: 105%;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	color: #ff6600;
}
.box h3 .highlight, .round-box h3 .highlight,
.box h4 .highlight, .round-box h4 .highlight {
	color: #ef0000;
}
.box h3 .uptopic, .round-box h3 .uptopic,
.box h4 .uptopic, .round-box h4 .uptopic {
	color: green;
}

.box p, .box ul, .box ol, .box dl, .box form,
.round-box p, .round-box ul, .round-box ol, .round-box dl, .round-box form {
	margin: 0;
	padding: 0.5em 15px 18px 15px;
/*	font-size: 90%;
	line-height: 1.4em;*/
}
.box ul li, .round-box ul li {
	margin: 0 0 2px 5px;
	padding-left: 18px;
	list-style: none;
	background: url(http://img1.yododo.com/images/bullet-alt.gif) no-repeat 0 1px;
}
.box ul li .current, .round-box ul li .current {
	color: #d93d76;
}
.box ol li, .round-box ol li {
	margin: 0 0 2px 30px;
}
.box dl dt, .round-box dl dt {
	margin: 5px 0 3px 0;
	padding-left: 16px;
	font-size: 105%;
	font-weight: bold;
	background: url(http://img1.yododo.com/images/bullet-alt.gif) no-repeat 0 1px;
}
.box dl dd, .round-box dl dd {
	margin: 0 0 2px 15px;
	font-size: 90%;
}
.box-footer {
	margin: 0 10px;
	padding: 5px 0 8px 0;
	border-top: 1px dashed #7c0;
	text-align: center;
}
.box-footer button {
	margin: 0 5px;
	/*width: 6em;*/
}

.box .nav-box, .round-box .nav-box {
/*	background: #fffff2;
	background: #f7f7f7;*/
/*	border: 1px solid #ffcc99;
	border: 2px solid #ffcc99;*/
	border: 3px double #cfcfcf;
}
.box .nav-box ul, .round-box .nav-box ul, .round-box .hotel-nav-box ul, .round-box .ticket-nav-box ul, .round-box .oguide-nav-box ul {
	padding: 10px 15px 10px 15px;
}
.box .nav-box ul li, .round-box .nav-box ul li, .round-box .hotel-nav-box ul li, .round-box .ticket-nav-box ul li, .round-box .oguide-nav-box ul li {
	margin: 0 0 8px 0;
}
.box .nav-box #private, .round-box .nav-box #private {
	margin: 0 5px 10px 5px;
	padding: 5px;
	color: #e00;
	border: 1px dashed #888;
}

#personal-header h2 {
  font-size: 190%;
}

/* chart-box */
.area-chart-box{
  margin:0 0 8px 0;
  padding:0;
  border:2px solid #e07e21;
  height: 260px;
  overflow-y: hidden;
}
.round-box .chart-box-inner{
  padding: 8px 0 6px 5px;
  background-color:#fffcf7;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}
.chart-box-inner h4 {
  padding: 0 0 6px 3px;
}
.chart-box-inner td{
  border-top:1px dotted #dfdfdf;
  padding:3px 0 1px 2px;
  line-height:1.2em;
}
.chart-box-inner .temp-desc{
  color: #444;
  font-size: 90%;
}

/* more box */
.more-header:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	position: relative;
}
.more-header {display: inline-block;}
/* Hides from IE-mac \*/
* html .more-header {height: 1%;}
.more-header {display: block;}
/* End hide from IE-mac */
.more-header h2, .more-header h3, .more-header h4 {
	float: left;
	margin: 0;
}
.more-header .sub-text {
	float: left;
	margin-left: 10px;
}
.more-header .sub-text-mini {
	float: left;
	margin-left: 0;
}
.more-header .more-text {
	float: right;
	margin-right: 8px;
}
.more-header .more-text-simple {
	float: right;
	margin-right: 3px;
}
.more-header .more-link {
	float: right;
/*	right: 8px;*/
	font-size: 90%;
	margin-right: 8px;
	padding-right: 6px;
	background-image: url(http://img1.yododo.com/images/blue-more.gif);
	background-repeat: no-repeat;
	background-position: 100% 40%;
	text-decoration: none;
}
.more-header .sub-link {
	float: left;
	font-size: 90%;
	margin-left: 10px;
	padding-right: 6px;
	background-image: url(http://img1.yododo.com/images/blue-more.gif);
	background-repeat: no-repeat;
	background-position: 100% 40%;
	text-decoration: none;
}

/*
.more-header {
	position: relative;
}
.more-header .more-text {
	position: absolute;
	top: 1px;
	right: 10px;
}
.more-header .more-link {
	position: absolute;
	top: 2px !important;
	top: 1px;
	right: 8px;
	font-size: 90%;
	padding-right: 7px;
	background-image: url(http://img2.yododo.com/images/green-more.gif);
	background-image: url(http://img1.yododo.com/images/blue-more.gif);
	background-repeat: no-repeat;
	background-position: 100% 40%;
}
*/
#more-link-slider {
	padding: 0;
	background-image: none;
}
a.more-link, a.sub-link {
	/*text-decoration: none;*/
	border: 0;
	color: #2D5680;
}
a.more-link-sub {
	/*text-decoration: none;*/
	border: 0;
	color: #A66753;
}
a.more-link:hover {
/*	background-color: #D8D8D8;*/
/*	color: #2D5680;*/
}
a.add-link {
	font-weight: normal;
	color: #d93d76;
}
a.add-link:hover {
	color: #4d2900;
}
a.certified {
	font-weight: bold;
/*	color: #d93d76;*/
	color: #e33;
}
a.certified:hover {
	color: #4d2900;
}

/* link lists */
.link-list {
	padding: 5px 0 10px 0;
}
.link-list-menu {
	padding-bottom: 0;
}
.link-list p {
	padding: 0 3px 3px 8px;
}
.link-list #private {
	margin: 0 10px 10px 10px;
	padding: 5px;
	color: #666;
	border: 1px dashed red;
}
.link-list ul {
	padding-bottom: 0;
}
.link-list ul.menu {
	padding-top: 0;
}
.link-list ul li {
	margin: 0 0 8px 5px;
	line-height: 1.3em;
}

/* referral box */
.referral-box {
  margin: 5px 0 2px 10px;
  padding: 0;
  border: 1px solid #ccc;
  background-color: #fafffa;
}
.referral-content {
  padding: 5px 10px 8px 10px;
}
.referral-content td {
  text-align: center;
}

/* tab */
.vivid-tab {
	float:left;
/*	width:100%;*/
	background:none;
/*	line-height:normal;*/
	line-height: 1.2em;
}
.vivid-tab ul {
	margin:0;
	padding:0 10px 0 0;
	list-style:none;
	font-size:100%;
/*	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;*/
}
.vivid-tab ul.large {
	font-size:105%;
}
.vivid-tab ul.small {
	font-size:90%;
}
.vivid-tab ul.mini {
	font-size:90%;
}
.vivid-tab ul li {
	display:inline;
	margin:0;
	padding:0;
	background: none;
}
.vivid-tab a {
	float:left;
	background:url("http://img2.yododo.com/images/tab/vivid-tab-left.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 5px;
	text-decoration:none;
}
.vivid-tab a strong {
	float:left;
	display:block;
	background:url("http://img3.yododo.com/images/tab/vivid-tab-right.gif") no-repeat right top;
	padding:7px 12px 4px 6px;
	color:#fff;
}
.vivid-tab ul.large a strong {
	padding:8px 14px 4px 8px;
}
.vivid-tab ul.small a strong {
	padding:6px 10px 3px 4px;
}
.vivid-tab ul.mini a strong {
	padding:6px 8px 3px 2px;
}
.vivid-tab .current a {
	background-position:0% -42px;
}
.vivid-tab .current a strong {
	background-position:100% -42px;
}
.vivid-tab a:hover {
	background-position:0% -84px;
	background-color: transparent;
	cursor: pointer;
	cursor: hand;
}
.vivid-tab a:hover strong {
	background-position:100% -84px;
	background-color: transparent;
	color: #4d2900;
	cursor: pointer;
	cursor: hand;
}
.vivid-tab .current a:hover {
	background-position:0% -42px;
	background-color: transparent;
}
.vivid-tab .current a:hover strong {
	background-position:100% -42px;
	background-color: transparent;
	color: #fff;
}
.vivid-tab-box {
	clear: both;
	border: 1px solid #d8d8d8;
	border-top: 2px solid #ff7700;
	background: #fff;
}
.vivid-tab-hotel-box, .dull-tab-hotel-box {
	border-bottom: 1px solid #e9811b;
	border-left: 1px solid #e9811b;
	border-right: 1px solid #e9811b;
}
.vivid-tab-ticket-box, .dull-tab-ticket-box {
	border-bottom: 1px solid #13A35F;
	border-left: 1px solid #13A35F;
	border-right: 1px solid #13A35F;
}
.vivid-tab-oguide-box, .dull-tab-oguide-box {
	border-bottom: 1px solid #0092b3;
	border-left: 1px solid #0092b3;
	border-right: 1px solid #0092b3;
}

.dull-tab {
	float:left;
	width:100%;
	line-height:normal;
}
.dull-tab ul {
	margin:0;
	padding:0 10px 0 0;
	list-style:none;
	font-size:100%;
}
.dull-tab ul.large {
	font-size:105%;
}
.dull-tab ul.small {
	font-size:90%;
}
.dull-tab ul.mini {
	font-size:90%;
}
.dull-tab ul li {
	display:inline;
	margin:0;
	padding:0;
	background: none;
}
.dull-tab a {
	float:left;
	background:url("http://img1.yododo.com/images/tab/dull-tab-left.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
}
.dull-tab a strong {
	float:left;
	display:block;
	background:url("http://img2.yododo.com/images/tab/dull-tab-right.gif") no-repeat right top;
	padding: 7px 15px 2px 10px;
/*	color: #6086bf;*/
	color: #666666;
}
.dull-tab ul.large a strong {
	padding: 8px 16px 3px 11px;
}
.dull-tab ul.small a strong {
	padding: 6px 14px 2px 9px;
}
.dull-tab ul.mini a strong {
	padding: 6px 12px 2px 6px;
}
.dull-tab .current a {
	background-position:0% -42px;
}
.dull-tab .current a strong {
	background-position:100% -42px;
	color: #181818;
}
.dull-tab a:hover {
/*	background-position:0% -42px;*/
	background-color: transparent;
/*	text-decoration: underline;*/
	cursor: pointer;
	cursor: hand;
}
.dull-tab a:hover strong {
/*	background-position:100% -42px;*/
	background-color: transparent;
/*	text-decoration: underline;*/
/*	color: #6086bf;
	color: #176ae5;*/
	color: #ff7f00;
	cursor: pointer;
	cursor: hand;
}
.dull-tab .current a:hover {
	background-position:0% -42px;
	background-color: transparent;
	text-decoration: none;
}
.dull-tab .current a:hover strong {
	background-position:100% -42px;
	background-color: transparent;
	text-decoration: none;
/*	color: #6086bf;*/
	color: #181818;
	cursor: default;
}
.dull-tab-box {
	clear: both;
	border: 1px solid #d8d8d8;
	border-top: 5px solid #d9ecff;
	background: #fff;
}
.dull-tab-box-filled {
	clear: both;
	border-left: 1px solid #b0d3f6;
	border-right: 1px solid #b0d3f6;
	border-bottom: 1px solid #b0d3f6;
	background: #d9ecff;
}


/* --[ accordion styles ]----------------------------- */
.accordion_toggle {
	margin-top: 2px;
	padding: 5px;
	background-color: #D9E8FF;
	color: #036;
	font-size: 105%;
	cursor:pointer;
}
.accordion_content {
	padding: 1px 0;
	border: 1px solid #D9E8FF;
	border-top: 1px solid #fff;
}


/* --[ content styles ]------------------------------- */
.text {
	margin: 0;
	padding: 0 10px;
}
.text h2 {
	margin: 1em 0 10px 0;
	padding: 0;
	font-family: Trebuchet, Tahoma, Arial, sans-serif;
	font-size: 190%;
	color: #E97E00;
}
.text h3 {
	margin: 0 0 1em 0;
	padding: 0;
	font-family: Trebuchet, Tahoma, Arial, sans-serif;
	font-size: 130%;
	color: #61a600;
}
.text h4 {
  font-family: Trebuchet, Tahoma, Arial, sans-serif;
	padding: 0 15px 0 0;
}
.text p, .text ul, .text ol, .text dl, .text form {
	margin: 0;
	padding: 5px 10px 5px 0;
	font-size: 100%;
/*	line-height: 1.4em;*/
}
.text ul li {
	margin: 0 0 2px 10px;
	padding-left: 18px;
	list-style: none;
	background: url(http://img1.yododo.com/images/bullet-alt.gif) no-repeat 0 1px;
}
.text ol li {
	margin: 0 0 2px 30px;
}
.text dl dt {
	margin: 5px 0 3px 0;
	padding-left: 15px;
	font-size: 120%;
	font-weight: bold;
	background: url(http://img1.yododo.com/images/bullet-alt.gif) no-repeat 0 1px;
}
.text dl dd {
	margin: 0 0 2px 15px;
	font-size: 110%;
}

.entry {
	margin: 5px 0 10px 0;
	padding: 5px 9px 0 9px;
	clear: left;
	background-color: #fff;
	border: 1px solid #ccc;
}
.entrySimple {
	margin: 5px 0 10px 0;
	padding: 5px 0 0 0;
	clear: left;
}
.entry h4, .entrySimple h4 {
	margin: 0;
	padding: 5px 0 0 0;
	font-size: 115%;
	font-weight: bold;
	color: #61a600;
	display: inline;
}
.entry h4 a, .entrySimple h4 a {
	/*text-decoration: none;*/
	color: #61a600;
}
.entry h4 a:hover, .entrySimple h4 a:hover {
	color: #fff;
	background-color: #61a600;
}
.entry .more-link {
	top: 5px;
	right: 0px !important;
	right: 20px;
}
.text div.entryText {
	line-height: 1.7em;
}
.entry div.entryText {
	margin: 0;
	padding: 0 0 1em 0;
	font-size: 100%;
	line-height: 1.7em;
}
.entrySimple div.entryText {
	margin: 0;
	padding: 0 4px 1em 4px;
	font-size: 100%;
	line-height: 1.7em;
}
.entry div.entryText p, .entrySimple div.entryText p {
	padding: 0 0 10px 0;
}
/*
.entry div.entryText p.MsoNormal, .entrySimple div.entryText p.MsoNormal {
	line-height: 1.6em;
}
*/
.entrySimple .entryText img, .entry .entryText img {
/*	border: 1px solid #ccc;*/
	max-width: 600px;
}


/* roll */
.roll-box, .round-box .roll-box {
	background: #d9ecff;
	border: 1px solid #ccc;
}
.roll-detail {
	background: #fff;
	border: 1px solid #666;
	cursor: pointer;
	cursor: hand;
/*	filter: progid:DXImageTransform.Microsoft.Slide(slidestyle=SWAP,Bands=1);*/
}
.roll-thumb {
	cursor: pointer;
	cursor: hand;
	margin-left: 2px;
}
.roll-title-box {
	font-size: 90%;
	font-weight: bold;
	color: #181818;
	padding-left: 3px;
}
.roll-title-box a {
	color: #181818;
}
.roll-title-box a:hover {
/*	color: #2D5680;*/
	background-color: transparent;
	text-decoration: underline;
}


/* welcome */
#welcome-username img {
	float:left;
	padding: 0 10px 0 15px;
}
#welcome-username h4 {
	padding-top: 5px;
	padding-bottom: 5px;
	color: #A66753;
	font-size: 135%;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}
#welcome-username #title {
	color: #A66753;
	font-size: 105%;
	font-weight: normal;
}
#welcome-username-separator {
	border-top: 1px dashed #ccc;
	margin: 5px 10px 10px 10px;
	line-height: 0em;
}
.announcement ul {
	padding: 8px 10px;
	font-size: 90%;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}
.announcement ul li {
	padding-bottom: 1px;
	line-height: 1.3em;
	background: url(http://img0.yododo.com/images/bullet_green.gif) no-repeat 0 0;
}
.announcement a {
	text-decoration: none;
}
#welcome {
	border: 3px double #cfcfcf;
	padding-top: 8px;
}
#welcome h3 {
	font-size: 105%;
	margin: 0;
	padding: 0;
	color: #ff6600;
}
#welcome #brief {
	padding: 0 8px 3px 8px;
	color: #333;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	white-space: nowrap;
}
#welcome img {
	float:left;
	padding: 3px 5px 3px 8px;
}
#welcome button {
	font-size: 90%;
/*	padding: 0;
	height: 1.8em;*/
}
#welcome #op {
	margin-top: 5px;
/*	clear: both;*/
}
.intro {
	padding: 0 13px;
}
.intro1 {
	color: #61a600;
}
.intro2 {
	color: #176ae5;
}
.intro ul {
	padding: 3px 0;
}

/* menu-list */
#menu-list {
	padding: 3px 5px 10px 5px;
	line-height: 1.8em;
	font-weight: bold;
	font-size: 100%;
}
#menu-list a {
	text-decoration: none;
	padding: 2px;
}

/* slider */
span.slider-open, a.slider-open {
	margin: 0;
	padding: 0 9px 0 0;
	background-image: url(http://img1.yododo.com/images/blue-down.gif);
	background-repeat: no-repeat;
	background-position: 100% 40% !important;
	background-position: 100% 30%;
}
span.slider-close, a.slider-close {
	margin: 0;
	padding: 0 9px 0 0;
	background-image: url(http://img0.yododo.com/images/blue-up.gif);
	background-repeat: no-repeat;
	background-position: 100% 40% !important;
	background-position: 100% 30%;
}

/* share-summary */
#share-summary {
	padding: 10px;
}
#share-summary th {
	text-align: left;
	padding: 8px 0 0 8px;
	font-size: 100%;
/*	color: #61a600;*/
	color: #666;
	border-top: 1px dashed #d8d8d8;
}

/* --[ photo ]---------------------------------------- */
a.photo {
	border: 0;
	text-decoration: none;
}
a.photo:hover {
	background-color: transparent;
}

.wrap1, .wrap2, .wrap3 {
	display:inline-table;
	/* \*/display:block;/**/
	position: relative;
}
.wrap1 {
	float: left;
	margin-right: 3px;
	background:url(http://img0.yododo.com/images/shadow.gif) right bottom no-repeat;
}
.wrap2 {
	background:url(http://img2.yododo.com/images/corner_bl.gif) -3px 100% no-repeat;
}
.wrap3 {
	padding:0 5px 5px 0;
	background:url(http://img1.yododo.com/images/corner_tr.gif) 100% -3px no-repeat;
}
.wrap3 img {
	display:block;
	border:1px solid #999;
	padding: 4px;
	margin: 0;
	background-color: #FCFCFC;
}

img.frame-border {
  border: 3px outset #eee;
}

/* slider */
#slider-box table {
	margin: 10px 15px;
	padding: 3px 3px 4px 3px;
	min-width: 443px;
	width: 668px;
	background-color: #fff;
	border: 1px solid #9cf;
}
#slider-box tr {
	vertical-align: bottom;
}
#slider-box th {
	padding-left: 5px;
	padding-right: 10px;
 	font-size: 100%;
	color: #7E858C;
}
#slider-box td {
 	font-size: 90%;
}
#slider-bar {
	margin: 0;
	padding: 2px 0;
	width: 300px;
	height:18px;
	background: url(http://img1.yododo.com/images/slider_scaler_track.gif) center left repeat-x;
	border-left: 3px solid #B2BCC6;
	border-right: 3px solid #B2BCC6;
}
#slider-handle {
	width: 10px;
	height: 18px;
	cursor: move;
}

/* selectedPhotos */
ol#selectedPhotos {
	margin: 0 20px;
}
ol#selectedPhotos li {
	padding-bottom: 5px;
	vertical-align: middle;
}
ol#selectedPhotos li img.photo {
	border: 1px solid #999;
}
div#selectedPhotos {
	margin: 5px 0 0 0;
	padding: 0 0 0 5px;
	overflow: hidden;
	width: 210px;
	text-align: center;
}
div#selectedPhotos .photoBox {
	display: block;
	float: left;
	width: 105px;
	height: 110px;
/*  padding: 0 0 15px 0;*/
}
div#selectedPhotos img.photo {
	border: 1px solid #999999;
}

/* album */
#album-header {
	padding: 0 0 10px 13px;
}
#album-header img#icon {
	margin: 0 8px 0 0;
	border: 1px solid #999;
}
#album-header h3 {
	padding-left: 0;
	display: inline;
}
#album-header h5 {
	padding-left: 0;
	display: inline;
	font-size: 105%;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}
#album-header #profile {
	padding-top: 3px;
  margin-right: 5px;
	line-height: 1.3em;
	font-size: 90%;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	color: #666;
}

div.album-date {
	margin: 0 15px 1em 15px;
	padding: 0 0 2px 0;
	border-bottom: 1px dashed #eaeaea;
}
span.album-date {
	padding: 0 15px 0 0;
	font-size: 85%;
	color: #2D5680;
}
.album {
	margin: 10px 0 0 0;
	padding: 0 0 0 5px;
	overflow: hidden;
	min-width: 461px;
	width: 701px;
	text-align: center;
}
.album a {
	border: 0;
}
.album a:hover {
	background-color: transparent;
}
.album a.detail {
	color: #2D5680;
}
.album a.detail:hover {
	color: #4d2900;
}
.album .mgmt a:hover {
	background-color: #FFE0BF;
}
.album .caption {
	margin: 0px 1px 0 1px;
	padding: 0;
	font-size: 90%;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	text-align: center;
	line-height: 1.1em;
	word-break: keep-all;
}
.album .caption .item {
	margin-right: 1px;
}
.album .caption .desc {
	color: #666;
	line-height: 1.5em;
}
.album .caption a {
	text-decoration: none;
}
.album .caption a:hover {
	background-color: #FFE0BF;
}
.album .photoBox {
	display: block;
	float: left;
	width: 115px;
	height: 145px;
}
.album .videoBox {
	display: block;
	float: left;
	clear: none;
	width: 215px;
	height: 215px;
	vertical-align: baseline;
}
.album .photo {
	border: 1px solid #999999;
}
.album a.select-photo:hover {
	background-color: #FFCD99;
}
.album img.select-photo {
	padding: 3px;
	border: 1px solid #999999;
}
.album img.select-photo:hover {
	background-color: #FFCD99;
}
.album img.select-photo-active {
	background: #88CC00;
}

/* photo-album-list */
#photo-album-list table td {
	text-align: center;
	padding: 5px 0 10px 0;
	vertical-align: middle;
}
#photo-album-list table td.wrapper {
	padding: 0;
}
#photo-album-list .caption {
	font-size: 90%;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	line-height: 1.3em;
}
#photo-album-list .caption .title {
	font-size: 110%;
	color: #2D5680;
}
#photo-album-list .caption a.more-link {
	text-decoration: none;
	color: #A66753;
}

/* video-album-list */
#video-album-list table td {
	text-align: center;
	padding: 5px 0 5px 0;
	vertical-align: middle;
}

/* small-photo-album-list */
#small-photo-album-list table td {
	text-align: center;
	padding: 6px 0 0 0;
	vertical-align: middle;
}
#small-photo-album-list .caption {
	margin: 0 1px 0 1px;
	padding: 0 0 5px 0;
	font-size: 90%;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	text-align: center;
	line-height: 1.3em;
	word-break: keep-all;
}
#small-photo-album-list table td .caption a {
	text-decoration: none;
}

/* photo-list */
#photo-list {
	margin-top: 10px;
}
/*
#photo-list .group-list-box {
	width: 310px;
}
*/
#photo-list td {
	padding-bottom: 15px;
}
#photo-list td.video-box {
	padding-bottom: 25px;
}
#photo-list td.video-box-mini {
	padding-bottom: 0;
}
#photo-list td.area-box {
	padding-bottom: 0;
}
#photo-list .photo-list-photo {
	margin: 5px 0 0 15px;
}
#photo-list .video-list-photo {
	padding: 10px 0 5px 0;
}
#photo-list .video-list-photo-mini {
	margin: 5px 0 0 10px;
}
#photo-list .area-list-photo {
	margin: 0 0 0 15px;
}
#photo-list .video-list-photo-mini a.control-play {
	font-size: 90%;
	color: #2D5680;
	text-decoration: none;
}
#photo-list .video-list-photo-mini a.control-play:hover {
	color: #4d2900;
}
#photo-list td.summary {
	padding-top: 0;
	vertical-align: top;
}
#photo-list td.video-summary {
	padding: 0 5px 0 50px;
	vertical-align: top;
}
#photo-list td.area-summary {
	padding-top: 0;
	vertical-align: top;
}
#photo-list td.area-summary strong {
	font-size: 105%;
}
#photo-list table.area-info-box td {
	font-size: 90%;
	padding-bottom: 0;
	padding-right: 8px;
	color: #333;
}
#photo-list .title {
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	background-color: #eee;
	padding: 1px 0;
	margin-bottom:5px;
	line-height:1.3em;
}
#photo-list .selected {
  background-color: #FFE0BF;
}
#photo-list .stats {
	margin: 3px 0 0 0;
	padding: 0;
	font-weight: bold;
	font-size: 90%;
	line-height: 1.3em;
}
#photo-list .stats span {
	padding-right: 5px;
}
#photo-list .stats span.rate {
	margin: 0;
	padding: 1px 0 1px 17px;
	background: url(http://img0.yododo.com/images/icon_happy.gif) no-repeat 0;
}
#photo-list .stats span.data {
	font-weight: normal;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}
#photo-list .stats span.data strong.has-comment {
	color: #d93d76;
}

/*
#photo-list .stats span.data a {
	color: #2D5680;
}
#photo-list .stats span.data a:hover {
	color: #4d2900;
}
*/
#photo-list .video-desc {
	width: 250px;
}
#photo-list .stats span.area {
	font-weight: normal;
/*	color: #A66753;*/
	color: #d93d76;
}
#photo-list .stats span.number {
	font-size:115%;
	font-weight: bold;
/*	color: #A66753;*/
	color: #d93d76;
}


/* photo-nav */
#photo-container {
	margin: 5px 0;
	width: 100%;
}
#photo-container-mini {
	margin: 5px 0;
	width: 100%;
}
#photo-container table {
	height: 215px;
}
#photo-container-mini table {
	height: 115px;
}
#photo-nav {
	margin: 5px 0;
	font-size: 80%;
	font-weight: bold;
	text-align: center;
	color: #666;
	line-height: 1.3em;
}
#photo-nav a {
	border: none;
	text-decoration: none;
}
#photo-nav a:hover {
	background-color: transparent;
}
#photo-nav #left {
	float: left;
	margin-left: 10px;
}
#photo-nav #right {
	float: right;
	margin-right: 10px;
}

/* photo-nav-box */
#photo-nav-box {
	padding: 0 10px;
}
#photo-nav-box #photo-nav-header {
	border-bottom: 1px dashed #ccc;
	padding-bottom: 10px;
}
#photo-nav-box #album-size {
	color: #666;
	font-size: 85%;
}
#photo-nav-box #album-nav {
	margin-bottom: 5px;
	padding: 0 8px;
	border-bottom: 1px dashed #ccc;
	text-align: center;
}
#photo-nav-box #album-prev {
	padding: 10px 9px;
	float: left;
}
#photo-nav-box #album-next {
	padding: 10px 9px;
	float: right;
}
#photo-nav-box a.nav-img {
	border: 1px solid #ccc;
	display:block;
	width:75px;
	height:75px;
	line-height:75px;
	overflow:hidden;
	position:relative;
}
#photo-nav-box a.nav-img img {
	position:absolute;
	top: 0;
	left: 0;
}
/*
#photo-nav-box a.nav-img:hover {
  overflow: visible;
  z-index: 5;
}
*/
#photo-nav-box .nav-text {
	font-size: 90%;
}

/* photo-info */
#photo-info {
	padding: 5px 10px 5px 15px;
}
#photo-info ul {
	margin: 0;
	padding: 5px 0 0 0;
	font-size: 90%;
}
#photo-info ul li {
	margin: 0 0 8px 0;
	padding-left: 18px;
	list-style: none;
	background: url(http://img1.yododo.com/images/bullet_blue.gif) no-repeat 0 1px;
}
#photo-info ul li input {
	border: 1px solid #ccc;
	background: #ffd;
	color: #666;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 90%;
	padding: 1px;
}

/* photo-detail */
#photo-detail {
	padding: 10px 70px 5px 70px;
}
#photo-detail .stats {
	padding-bottom: 0.5em;
	font-weight: bold;
}
#photo-detail .stats span {
	margin-right: 15px;
}
#photo-detail .stats span.data {
	font-weight: normal;
}
#photo-detail .stats span.data strong.has-comment {
	color: #d93d76;
}
#photo-detail .description {
	font-weight: normal;
	padding-top: 0.1em;
/*	font-size: 90%;*/
	color: #333;
	line-height: 1.4em;
}
#photo-detail span.rate-box, #photo-detail span.rate {
	margin: 0;
}

/* video-detail */
#video-player {
	border: 1px solid #aaa;
}
#video-detail {
	padding: 10px 110px 10px 120px;
}
#video-detail .description {
	font-weight: normal;
	padding-top: 0.1em;
/*	font-size: 90%;*/
	color: #333;
	line-height: 1.4em;
}

/* share-info */
.share-info {
	margin-bottom: 5px;
	padding: 0 2px 0 2px;
	background: #f8f8f8;
	border: 1px dashed #ccc;
	font-size: 90%;
	color: #000;
}
.share-info h5 {
	margin: 10px 5px 0 5px;
	color: #ff6600;
	font-size: 110%;
}
.share-info dl {
	padding: 0;
}
.share-info dl dt {
	margin: 5px 0 0 0;
	padding-left: 15px;
	font-size: 100%;
	font-weight: normal;
	background: url(http://img0.yododo.com/images/bullet_green.gif) no-repeat 0 0;
}
.share-info dl dd {
	margin: 2px 0 12px 15px;
	line-height: 1.3em;
	color: #A66753;
	font-size: 100%;
}
.share-info input {
	border: 1px solid #ccc;
	background: #ffd;
	color: #666;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	padding: 1px;
/*	width: 195px;*/
  width: 178px;
}

/* photo-update */
.photo-update-box {
	padding: 10px 0;
}
.photo-update-box table {
	margin: 0;
}
.photo-update-box td {
	vertical-align: top;
}
.photo-update-box td.photo-data {
	width: 240px;
	text-align: center;
}
.photo-update-box td.form-data {
	padding-left: 20px;
}
.photo-update-box td.form-label {
	width: 100px;
	font-size: 85%;
	white-space: nowrap;
}


/* --[ friends ]-------------------------------------- */
.gridContainer {
	width: 340px;
	text-align: left;
}
.grid {
	margin: 5px 10px 0 10px;
	padding: 0;
}
div.gridPhotoBox {
	float: left;
	margin: 0;
	padding: 0 5px 15px 0;
	text-align: center;
}
td.gridPhotoBox {
	width: 33%;
	text-align: center;
	vertical-align: top;
	padding-bottom: 15px;
}
td.gridPhotoBox-mini {
	width: 25%;
	text-align: center;
	vertical-align: top;
	padding-bottom: 0;
}
.gridPhoto img {
	width: 48px;
	height: 48px;
/*	width: 64px;
	height: 64px;*/
	border: 1px solid #999;
}
.gridPhoto-large img {
	width: 64px;
	height: 64px;
	border: 1px solid #999;
}
a.userName {
	border: none;
	text-decoration: none;
	font-size: 90%;
	font-weight: bold;
	background-color: transparent;
}
a.userName:hover {
	text-decoration: underline;
/*	color: #0059B2;*/
	color: #176ae5;
	background-color: transparent;
}
a.unverified, a.unverified:hover {
/*	color: #d93d76;*/
	color: #A66753;
}
div.gridName, .gridPhotoBox div.gridName, .gridPhotoBox-mini div.gridName {
	cursor: pointer;
	margin-top: 0;
	padding-top: 1px;
	line-height: 1em;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}
.gridPhotoBox div.gridName-simple, .gridPhotoBox-mini div.gridName-simple {
	margin-top: 0;
	line-height: 1em;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 95%;
}
.gridPhotoBox div.command, .gridPhotoBox-mini div.command {
	line-height: 1.3em;
	font-size: 90%;
}
.gridPhotoBox div.command .remove, .gridPhotoBox-mini div.command .remove {
	color: #888;
	text-decoration: none;
}


/* --[ area home ]------------------------------------ */
/* area-list */
.area-list {
	margin: 10px;
}
.area-list table {
	width: 100%;
}
.area-list th, .area-list td {
	line-height: 1.1em;
}
.area-list th {
	padding: 3px;
	font-size: 100%;
	color: #2D5680;
	white-space: nowrap;
	text-align: center;
}
.area-list th.area {
	text-align: left;
}
.area-list td {
	padding: 2px 10px 2px 0;
	text-align: right;
	white-space: nowrap;
	border-top: 1px dashed #ccc;
}
.area-list td.area {
	padding: 2px 3px;
	text-align: left;
}

/* area-list-mini */
.area-list-mini {
	margin: 5px 8px;
	font-size: 90%;
}
.area-list-mini table {
	width: 100%;
}
.area-list-mini th, .area-list-mini td {
	line-height: 1.4em;
}
.area-list-mini th {
	padding: 3px;
	color: #2D5680;
	white-space: nowrap;
	text-align: center;
}
.area-list-mini th.area {
	text-align: left;
}
.area-list-mini th.rank {
	padding: 3px 2px 3px 0;
}
.area-list-mini td {
	padding: 2px 6px 2px 0;
	text-align: right;
	white-space: nowrap;
	border-top: 1px dashed #d8d8d8;
}
.area-list-mini td.area {
	padding: 2px 3px;
	text-align: left;
}
.area-list-mini td.rank {
	padding: 2px 15px 2px 0;
	text-align: right;
	font-size: 105%;
	font-weight: bold;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}
.area-list-mini td.number {
	font-size: 90%;
}

/* area-list-simple */
.area-list-simple {
	margin: 5px 10px 10px 10px;
}
.area-list-simple table {
	width: 100%;
}
.area-list-simple .rank {
	font-size: 85%;
	color: #333;
}

/* area-list-detail */
.area-list-detail {
	margin: 5px 0 5px 15px;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}
.area-list-detail .rank {
	font-size: 85%;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	color: #333;
}

/* areaDetail-stats */
#area-detail-stats {
	padding: 0 0 10px 0;
	font-size: 90%;
	text-align: center;
}
#area-detail-stats div {
	padding: 2px 0 3px 0;
}
#area-detail-stats .footmark span.desc {
	line-height: 1.8em;
	color: #d93d76;
	font-size: 115%;
	font-weight: bold;
}
#area-detail-stats .footmark button {
	font-size: 100%;
}
#area-detail-stats .user-stats {
	padding: 0 2px;
	font-size:135%;
	font-weight: bold;
	color: #176ae5;
}
#content-stats-box {
	padding: 3px 0 5px 0;
	font-size: 90%;
	text-align: center;
}
#content-stats-box table {
	border: 1px dashed #ccc;
}
#content-stats-box td {
	text-align: left;
	padding: 1px 5px 2px 5px;
}
#content-stats-box .content-stats {
	font-size:115%;
	font-weight: bold;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	color: #A66753;
}
#content-stats-box .left-column {
	padding-right: 15px;
}
#content-stats-box .left-column-mini {
	padding-right: 5px;
}
#content-upload-box {
	margin-right: 5px;
	padding-bottom: 5px;
	padding-top: 3px;
}

/* areaDetail-content */
#areaSummary-content {
	margin: 0;
	padding: 10px 15px 8px 15px;
	line-height: 1.6em;
	font-size: 100%;
/*	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;*/
}
#areaSummary-content .detail {
	margin-top: 5px;
	text-align: right;
	overflow-x: hidden;
/*	white-space: nowrap;*/
	white-space: normal;
}
#areaDetail-content {
	margin: 0;
/*	padding: 10px 5px 20px 5px;*/
	padding: 10px 0;
	line-height: 1.7em;
	font-size: 100%;
}
#areaDetail-content dl dd {
	font-size: 100%;
}
#areaDetail-content dl dd p {
	padding: 0 0 10px 0;
}
#areaDetail-content fieldset {
	border: 1px solid #ccc;
}
#areaDetail-content legend {
	margin: 0 5px;
	padding: 0 5px;
	font-size: 100%;
	font-weight: bold;
}
#areaDetail-content legend a {
	margin: 0 0 -4px 0;
	padding: 5px 1px 0 1px !important;
	padding: 5px 0px 0 2px;
	line-height: 2em;
	text-decoration: none;
	border: 0;
	color: #13477F;
}
#areaDetail-content legend a:hover {
	background-color: transparent;
	border-bottom: 3px solid #CCC;
	color: #176ae5;
}
#areaDetail-content legend a.active, #areaDetail-content legend a.active:hover {
	border-bottom: 3px solid #FFD08B;
	background-color: transparent;
	color: #176ae5;
}
#areaDetail-content span.separator {
	margin: 0;
	padding: 0;
	color: #ccc;
	font-weight: normal;
}

#areaDetail-box {
	height: 250px;
	overflow-y: auto;
/*
	margin: 10px;
	border: 1px dashed #eee;
	background-color: #fff;
*/
}
#areaDetail-box dl dd {
	font-size: 100%;
}

#spotDetail-box {
/*
	height: 210px;
	overflow-y: auto;
*/
	line-height: 1.6em;
	padding: 5px 5px 5px 5px;
}
#spotDetail-box dl dd {
	font-size: 100%;
}
#spotDetail-box .area-info {
	padding: 5px 13px 13px 13px;
}
#spotDetail-box p {
	padding: 0 0 10px 0;
}

.spot-list-box {
	height: 180px;
	overflow-y: auto;
}

/* weather-content */
#weather-content {
	margin: 0;
	padding: 0 5px 5px 5px;
}
#weather-content fieldset {
	border: 1px solid #ccc;
}
#weather-content legend {
	margin: 0 3px;
	font-size: 90%;
	font-weight: normal;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	text-align: center;
}
#weather-content legend a {
	margin: 0 0 -4px 0;
	padding: 3px 1px 0 1px !important;
	padding: 3px 0px 0 2px;
	line-height: 2em;
	text-decoration: none;
	border: 0;
	color: #13477F;
}
#weather-content legend a:hover {
	background-color: transparent;
	border-bottom: 3px solid #CCC;
	color: #176ae5;
}
#weather-content legend a.active, #weather-content legend a.active:hover {
	border-bottom: 3px solid #FFD08B;
	background-color: transparent;
	color: #176ae5;
	font-weight: bold;
}
#weather-content span.separator {
	margin: 0;
	padding: 0;
	color: #ccc;
	font-weight: normal;
}

#weather-box {
	height: 50px;
/*	overflow-y: auto;*/
	text-align: center;
}
#weather-box .weather-content-box {
	padding-top: 5px;
}
#weather-box .img-box {
	float: left;
	margin-left: 8px;
	margin-top: 3px;
}
#weather-box .dayOfWeek {
	font-weight: bold;
	font-size: 100%;
	color: #A66753;
}
#weather-box .desc {
	font-size: 105%;
	font-weight: bold;
}
#weather-box .temp {
	font-weight: bold;
	font-size: 105%;
	color: #666;
}
#weather-box .highTemp {
	color: #CC0000;
}
#weather-box .lowTemp {
	color: #0088CC;
}
#weather-box .wind {
	font-size: 90%;
	color: #555;
}

.weather-nav{
  margin: 0 0 0 10px;
  padding: 0;
}
.weather-nav form{
  margin: 0;
  padding: 0 0 10px 0;
}
.weather-mini-list{
  padding: 2px 0 2px 13px;
}
.weather-list th, .weather-list td {
  padding: 0 10px;
}
.weather-mini-list th, .weather-mini-list td {
  padding: 3px 0;
}
.weather-list td.parameter {
  font-size: 90%;
}
.weather-list td.city {
  padding:0 10px;
  font-size: 105%;
}
.weather-province-nav {
  padding:5px 10px;
  font-size:105%;
}
.weather-province-nav a {
  color:#176ae5;
  font-size:105%;
  font-weight:bold;
  text-decoration:none;
}
.weather-province-detail {
  padding:0 5px;
}
.weather-province-detail td {
  padding-left:10px;
}
.weather-province-detail td .temp-desc, .weather-list .temp-desc, .weather-mini-list .temp-desc {
  font-size:90%;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}
.default-weather-box{
  padding:10px 0;
  border:1px #d8d8d8 solid;
}
.default-weather-box td {
  text-align: center;
}
.default-weather-box .title{
  font-size:105%;
  font-weight:bold;
}
.default-weather-box .desc{
  font-weight: bold;
  font-size: 105%;
  color: #A66753;
}
.default-weather-box .fctime{
  font-size:90%;
  color:#A5A5A5;
}
.default-weather-box .highTemp{
  font-size:105%;
  font-weight:bold;
  color: #CC0000;
}
.default-weather-box .lowTemp{
  font-size:105%;
  font-weight:bold;
  color: #0088CC;
}
.weather-mini-list .highTemp{
  font-weight:bold;
  color: #CC0000;
}
.weather-mini-list .lowTemp{
  font-weight:bold;
  color: #0088CC;
}
/* --[ travelogue ]----------------------------------- */
.mgmt {
	margin: 1px 0 0 0;
	font-size: 90%;
}
.mgmt a {
	margin: 0 5px 0 0;
	color: #2D5680;
}
.mgmt-header a {
	margin-left: 2em;
	/*color: #2D5680;*/
	font-size: 90%;
}

/* travelogue-list */
.travelogue-list {
	padding: 10px 15px 0 15px;
}
.travelogue-list dl {
	width: 323px;
	padding: 0;
}
.travelogue-list dl dt {
	margin: 0;
}
.travelogue-list dl dd {
	margin: 3px 0 10px 0;
	height: 135px;
}
.travelogue-list dl dd .dates {
	padding-bottom: 3px;
	font-weight: bold;
	font-size: 90%;
	color: #444;
}
.travelogue-list dl dd .dates img {
	margin-right: 1px;
}
.travelogue-list dl dd .mgmt {
	margin: 0;
	padding-bottom: 3px;
	font-size: 100%;
}
.travelogue-list dl dd .mgmt a {
	padding-top: 0;
}
.travelogue-list td.summary {
	padding-top: 2px;
	vertical-align: top;
	line-height: 1.4em;
}
.travelogue-list td.summary .member {
	padding-bottom: 3px;
}
.travelogue-list td.summary .member strong {
	color: #333;
}
.travelogue-list td.summary .stats {
	color: #333;
}
.travelogue-list td.summary .rate-box {
	color: #333;
	font-weight: bold;
}
.travelogue-list td.summary .rate-box .rate {
	font-weight: normal;
}
.travelogue-list td.summary .description {
	padding-top: 2px;
	padding-bottom: 3px;
	line-height: 1.3em;
	color: #333;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}
.travelogue-list td.summary .permission {
	color: #e00;
	line-height: 1.3em;
}

/* travelogue-summary */
#travelogue-summary {
	padding: 3px 8px 8px 8px;
}
#travelogue-summary .title {
	font-weight: bold;
	font-size: 105%;
/*	color: #61a600;
	color: #2D5680;*/
	color: #176ae5;
}
#travelogue-summary .date {
	padding: 0 0 5px 0;
	font-size: 90%;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	color: #A66753;
}
#travelogue-summary .content {
	font-size: 90%;
	line-height: 1.5em;
}

/* google map */
#map-help {
/*	width: 580px;*/
  width: 590px;
	padding: 2px 5px;
	margin: 5px 0;
	line-height: 1.4em;
	font-size: 90%;
	border: 1px solid #e6e600;
	background-color: #ffffe5;
}
#googlemap-box {
	margin: 0;
	padding: 6px 0 8px 0 !important;
	padding: 3px 0 8px 0;
	text-align: center;
	font-size: 90%;
}
#googlemap-box .small-map {
/*	width:239px;*/
  width:218px;
	height:210px;
	margin: 0 0 2px 7px;
	padding: 0;
	border: 1px solid #aaa;
}
#googlemap-box .medium-map {
/*	width:590px;*/
  width:600px;
	height:400px;
	margin: 0 0 2px 7px;
	padding: 0;
	border: 1px solid #aaa;
}
#googlemap-box .large-map {
/*	width:659px;*/
  width:708px;
	height:450px;
	margin: 0 0 2px 7px;
	padding: 0;
	border: 1px solid #aaa;
}
#googlemap-box form {
	margin: 0;
	padding: 0;
}
#googlemap-box .point-edit-box {
	margin: 5px 2px 0 2px;
	padding: 5px 0;
	border: 1px solid #ccc;
	background-color: #fff;
	font-size: 100%;
}
#googlemap-box .point-edit-detail-box {
	margin: 5px 7px;
	padding: 5px;
	border: 1px solid #ccc;
	background-color: #fff;
	font-size: 100%;
}
#googlemap-box .point-edit-box select, #googlemap-box .point-edit-detail-box select {
	font-size: 100%;
}


/* travelogue-area-nav */
#travelogue-area-nav ul {
	margin: 10px 5px 10px 5px;
	padding: 0;
	/*border-top: 1px dashed #ccc;*/
}
#travelogue-area-nav li {
	background: none;
	margin: 0 -1px 5px -1px;
	padding: 5px;
	cursor: pointer;
	border: 3px solid #e8e8e8;
/*	color: #176ae5;*/
	color: #000;
}
#travelogue-area-nav li.active {
	background-color:#fff;
/*	border: 3px solid #bbb;
	border: 3px solid #BFB5B1;*/
	border: 3px solid #B8A898;
}
/*
#travelogue-area-nav li:hover {
	color: #4d2900;
	background-color:	#FFE0BF;
}
*/
#travelogue-area-nav li.hover {
	color: #4d2900;
	background-color:	#FFE0BF;
}
#travelogue-area-nav div.area-box {
	width: 185px;
}
#travelogue-area-nav span.area, #travelogue-area-nav span.date {
	font-weight: bold;
	font-size: 105%;
	padding: 0;
}
#travelogue-area-nav .area img {
	padding-right: 5px;
}
#travelogue-area-nav div.date {
	font-size: 90%;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	padding-left: 10px;
	color: #000;
}
#travelogue-area-nav div.area {
	font-size: 100%;
	padding-left: 16px;
	color: #000;
}
#travelogue-area-nav div.help-msg {
	padding: 0 5px 5px 5px;
	text-align: center;
	font-size: 90%;
	color: #888;
}

.travelogue-area-nav-bar {
	padding: 0 5px;
	background-color: #fff;
	border: 3px double #d8d8d8;
}
.travelogue-area-nav-bar table {
	width: 100%;
}
.travelogue-area-nav-bar .nav-bar-link {
	white-space: nowrap;
	font-size: 90%;
	width: 7em;
}
.travelogue-area-nav-bar img {
	margin: 10px;
}
.travelogue-area-nav-bar a {
	border: none;
}
.travelogue-area-nav-bar .area {
	font-weight: bold;
	font-size: 105%;
	padding: 0;
	color: #176ae5;
}
.travelogue-area-nav-bar .date {
	font-size: 90%;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

#travelogue-area-nav-mgmt {
	padding: 3px 50px;
	border: 1px dashed #ccc;
	background-color: #ffffff;
}
#travelogue-area-nav-mgmt th {
	padding-right: 20px;
	text-align: left;
	font-size: 90%;
	color: #444;
}
#travelogue-area-nav-mgmt button {
	margin: 0 8px;
	width: 7em;
}


/* area-date insertion */
#area-date-location {
	font-size: 115%;
}
#area-date-current-area {
	font-size: 120%;
	font-weight: bold;
	color: #61a600;
}

#area-date form {
	margin: 0 5px;
	padding: 10px 0 5px 0;
}
#area-date .static-entry-box {
	margin: 0;
	padding: 0;
	background-color:#eee;
}
#area-date .static-entry-content {
	margin: 0 0 5px 0;
	padding: 5px 0 5px 10px;
}
#area-date .static-entry-header {
	position: relative;
}
#area-date .static-entry-header h4 {
	padding: 0;
	font-size: 115%;
	color: #666;
}
#area-date .static-entry-header img {
	padding-right: 2px;
}
#area-date .static-entry-header .helpbox {
	position: absolute;
	right: 2px;
	top: 0;
}

ul#area-date-list {
	margin: 0;
	padding: 0;
}
ul#area-date-list li {
	background: none;
	margin: 0 0 5px 0;
	padding: 0;
	background-color:#eee;
	border: 1px solid #bbb;
}
ul#area-date-list .area-handler {
	position: relative;
	margin: 0 0 0 0;
	padding: 5px 0 2px 10px;
	background-color: #ddd;
}
ul#area-date-list .area-handler h4 {
	padding: 0 16px 0 0;
	font-size: 115%;
	color: #A66753;
	cursor:move;
}
ul#area-date-list .area-handler img {
  padding-right: 5px;
}
ul#area-date-list .area-handler .trashbox {
	position: absolute;
	right: 2px;
	top: 2px;
}
ul#area-date-list .area-handler .trashbox a:hover {
	background-color: transparent;
}
ul#area-date-list .date-container {
	padding-top: 10px;
	padding-bottom: 10px;
}
ul#area-date-list .date-box {
	padding-left: 10px;
}

.area-map-box {
	padding: 0 19px 10px 19px;
}
#area-date-areas {
	padding: 0 5px 5px 5px;
	border: 1px dashed #ccc;
	background: #fff;
}
#area-date-areas h4 {
	padding: 5px 0 0 5px;
}
#area-date-areas table {
	margin: 0;
	width: 100%;
}
#area-date-areas table td {
	white-space: nowrap;
	font-size: 105%;
}

#add-area-help-box {
	font-size: 90%;
	line-height: 1.3em;
	color: #666;
}
#add-area-help-box ol {
	padding: 10px 7px 5px 3px;
}
#add-area-help-box ol li {
	font-weight: bold;
	margin-bottom: 5px;
}
#add-area-help-box ol li span {
	font-weight: normal;
}
#add-area-help-box ol li strong {
	color: #A66753;
}
#add-area-help-form-box {
	margin: 0 5px 10px 5px;
	padding: 4px;
	color: #888;
	border: 1px dashed #ccc;
}

#area-date-search {
	padding: 0 15px 10px 15px;
}


/* travel plan */
#plan {
	margin: 5px 20px 0 20px;
	padding: 0 0 1em 0;
}
#plan th, #plan td {
	white-space: nowrap;
	vertical-align: top;
	padding: 5px 5px 0 5px;
}
#plan th {
	font-weight: normal;
	color: #2D5680;
	border-bottom: 1px solid #ccc;
}
#plan td {
	font-size: 90%;
}
#plan td.place {
	margin: 0 0 2px 10px;
	padding-left: 18px;
	list-style: none;
	background: url(http://img1.yododo.com/images/bullet-alt.gif) no-repeat 0 4px;
}
#plan td.date {
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	/*font-weight: bold;*/
}

#plan-list {
	padding: 5px 15px 15px 15px;
}
#plan-list td {
	white-space: nowrap;
	vertical-align: top;
	padding: 3px 8px;
	font-size: 90%;
	border-bottom: 1px dashed #ccc;
}
#plan-list td.member {
	width: 100%;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}
#plan-list td.date {
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	color: #666;
	padding-left: 5px;
}

.footmark-desc {
	color: #d93d76;
	font-size: 115%;
	font-weight: bold;
}

.footmark-list {
	margin: 5px 0 10px 18px;
	font-size: 90%;
	word-break: keep-all;
}
.footmark-list strong {
	font-size: 115%;
}
.footmark-list td {
/*	white-space: nowrap;*/
	white-space: normal;
	vertical-align: top;
	padding: 6px 6px 6px 0;
	line-height: 1.6em;
}
.footmark-list a {
	text-decoration: none;
}
.footmark-list a.remove {
	font-size: 90%;
	color: #888;
	text-decoration: none;
}
.footmark-list a.remove:hover {
	background-color: #A66753;
	color: #fff;
}

#footmark-search-result {
	margin: 0 10px 10px 10px;
	padding: 5px;
	border: 1px dashed #ccc;
}
#footmark-search-result table td {
	padding: 3px 0;
	white-space: nowrap;
	font-size: 90%;
}
#footmark-search-result table td.place {
	width: 100%;
	padding-left: 16px;
	background: url(http://img1.yododo.com/images/bullet-alt.gif) no-repeat 0;
}
#footmark-search-result table td.op a {
	color: #2D5680;
}


/* notice */
.notice-box {
	padding: 8px 15px 0 15px;
}
.notice-box ul, .notice-box ol {
	padding: 3px 0 5px 0;
}
.notice-box ul li, .notice-box ol li {
	margin-left: 0;
	margin-bottom: 5px;
	line-height: 1.3em;
}
.notice-box ul li .summary, .notice-box ol li .summary {
	margin-bottom: 8px;
}
.notice-box ul li .summary-large, .notice-box ol li .summary-large {
	margin-top: 3px;
	margin-bottom: 8px;
}
.notice-box .desc {
	padding-bottom: 8px;
	font-size: 90%;
	color: #333;
	line-height: 1.4em;
}

.notice {
	margin: 0;
	padding: 0 0 0 10px;
	font-size: 115%;
	font-weight: bold;
}
.notice .target {
	color: #A66753;
}
.notice-small {
	margin: 0;
	padding: 0 0 0 10px;
	font-size: 105%;
	font-weight: normal;
}

/* small blog list */
.small-blog-list {
	padding: 5px 0 5px 5px;
}
.small-blog-list .title {
	font-size: 100%;
	font-weight: bold;
}
.small-blog-list .sub-title {
	font-size: 90%;
	padding-left: 10px;
}
.small-blog-list .sub-title .username {
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

/* latest blog list */
.latest-blog-list ul {
	padding-left: 10px;
	padding-bottom: 5px;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}
.latest-blog-list ul li {
	padding-bottom: 12px;
}
.latest-blog-list ul li .title {
	font-size: 100%;
	font-weight: bold;
}
.latest-blog-list ul li .stats {
	font-size: 90%;
}
.latest-blog-list ul li .sub-title {
	font-size: 90%;
	color: #666;
}
.latest-blog-list ul li .summary {
	padding-top: 3px;
/*	font-size: 90%;*/
	color: #333;
	line-height: 1.5em;
}
.latest-blog-list ul li .summary-mini {
	font-size: 90%;
	color: #555;
}
.latest-blog-list ul li.digg {
	padding-left: 0;
	background: none;
	padding-bottom: 5px;
	line-height:1.3em;
}
.digg-box-tiny {
	margin-right: 5px;
	width: 30px;
	height: 30px;
	padding: 0;
	text-align: center;
	background: #ffc;
	border: 3px double #ccc;
	font-size: 90%;
}
.digg-box-content-tiny {
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 115%;
	line-height: 1em;
}

.blog-list ul {
	padding-left: 10px;
	padding-bottom: 0;
}
.blog-list ul li {
	padding-bottom: 25px;
}
.blog-list ul li.select-blog-inactive {
	background: none;
	margin-bottom: 10px;
	padding: 5px;
/*	border: 1px solid #fff4e8;*/
	border: 1px solid #fff;
}
.blog-list ul li.select-blog-active {
	background-color: #ffffdf;
	border: 1px solid #ccc;
}
.blog-list ul li.digg {
	padding-left: 0;
	background: none;
}
.digg-box {
	margin-right: 8px;
	width: 40px;
	height: 40px;
	text-align: center;
	background: #ffc;
	border: 3px double #ccc;
}
.digg-box-content {
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 150%;
	line-height: 1.1em;
}
.digg-box-mini {
	margin-right: 5px;
	width: 32px;
	height: 32px;
	text-align: center;
	background: #ffc;
	border: 3px double #ccc;
}
.digg-box-content-mini {
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 135%;
	line-height: 1.1em;
}

.blog-list ul li .title {
	font-size: 105%;
}
.blog-list ul li .title .highlight {
	font-weight: bold;
	color: #d93d76;
}
.blog-list ul li .sub-link {
	font-size: 90%;
	color: #666;
}
.blog-list ul li .sub-link a {
	color: #666;
}
.blog-list ul li .stats {
	padding-top: 3px;
/*	font-size: 90%;*/
}
.blog-list ul li .stats .op-link {
	color: #666;
}
.blog-list ul li .stats .op-link a {
	color: #666;
}
.blog-list ul li .stats .more a {
	color: #2D5680;
}
.blog-list ul li .stats strong.has-comment {
	color: #d93d76;
}
.blog-list ul li .summary {
	padding-top: 5px;
/*	font-size: 90%;*/
/*	color: #4f4f4f;*/
	color: #333;
	line-height: 1.7em;
}
.blog-list ul li .post-info {
	margin-top: 0.7em;
	margin-bottom: 8px;
	color: #666;
	border-top: 1px solid #d8d8d8;
}
.blog-list ul li .post-info a {
	color: #176ae5;
}
.blog-list ul li .post-info a:hover {
	color: #4d2900;
	background-color: #FFE0BF;
}
.blog-list ul li .post-info strong.has-comment {
	color: #d93d76;
}
.blog-list ul li .post-info span.time {
	font-size: 90%;
}

/* guide */
.o-guide {
  padding: 5px 0 8px 10px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}
.o-guide td.title {
  padding-bottom:2px;
}
.o-guide td.desc {
  padding-bottom:1px;
  font-size:90%;
  color:#444;
}

div#guide-meta {
	margin: 5px 0 0 0;
	padding: 0 0 8px 0;
	border-bottom: none;
}
div#blog-meta {
	margin: 5px 10px 0 13px;
	padding: 0 0 3px 0;
	border-bottom: none;
}
div#guide-header {
	margin: 5px 10px;
	padding: 3px 10px 2px 10px;
	background: #efefef;
	border-bottom: 1px solid #d8d8d8;
}
div#event-header {
	margin: 5px 0;
	padding: 2px 0 2px 10px;
	background: #efefef;
	border-bottom: 1px solid #d8d8d8;
}
div#group-op-header {
	margin: 4px 10px 0 60px;
	padding: 1px 5px;
	font-size: 90%;
  background: #efefef;
	border-bottom: 1px solid #d8d8d8;
}
div#topic-op-header {
	margin: 5px 0 5px 65px;
	padding: 2px 5px;
	background: #efefef;
	border-bottom: 1px solid #d8d8d8;
}
#guide-points {
	font-size: 90%;
	color: #555;
}
span.faved {
	color: #A66753;
}


div.entry-meta {
	margin: 3px 0 1em 0;
	padding: 0 0 5px 0;
	line-height: 1.5em;
	border-bottom: 1px dashed #d8d8d8;
	color: #2D5680;
}
div.entry-meta .sub-link {
	font-size: 90%;
	color: #666;
}
div.entry-meta .sub-link a {
	color: #666;
}
div#topic-header {
	padding: 0 5px 5px 5px;
	color: #000;
}
div#topic-header img.photo {
	margin-right: 15px;
	border: 1px solid #999;
}
div.entry-meta span {
	margin: 0 10px 0 0;
	font-size: 100%;
}
div.entry-meta span.area {
	color: #A66753;
}
div#blog-content img {
	max-width: 600px;
}
span.money {
	padding: 0 0 0 16px;
	background: url(http://img3.yododo.com/images/icon_money.gif) no-repeat 0;
}
span.cost {
	font-weight: bold;
	color: green;
}
span.entry-date {
	padding: 0 15px 0 0;
	font-size: 85%;
}

/* bookmark */
.bookmark {
	font-size: 90%;
	color: #555;
}

/* blog entry info */
.post-info {
	clear: both;
	margin: 0.5em 0 10px 0;
	padding-top: 5px;
	font-size: 90%;
	color: #6f6f6f;
	border-top: 1px dashed #cfcfcf;
}
.post-info span {
	margin: 0;
}
.post-info a {
	color: #6f6f6f;
	padding-top: 1px;
	padding-bottom: 1px;
}
.post-info a:hover {
	color: #2D5680;
	background-color: #FFD8AC;
}
.post-info a.nostyle {
	color: #176ae5;
}
.post-info a.nostyle:hover {
	color: #4d2900;
}
.post-info a.plink {
	padding-left: 16px;
	background: url(http://img2.yododo.com/images/icon_perm.gif) no-repeat 0;
}
.post-info a.qblink {
	padding-left: 16px;
	background: url(http://img3.yododo.com/images/icon_comment.gif) no-repeat 0;
	color: #2D5680;
}
.post-info a.qblink-add {
	padding-left: 16px;
	background: url(http://img0.yododo.com/images/icon_comment_add.gif) no-repeat 0;
	color: #2D5680;
}
.post-info a.rec-plus {
	padding-left: 18px;
/*	background: url(http://img1.yododo.com/images/icon_heart_add.gif) no-repeat 0;*/
	background: url(http://img0.yododo.com/images/icon_happy.gif) no-repeat 0;
}
.post-info a.rec-minus {
	padding-left: 18px;
/*	background: url(http://img2.yododo.com/images/icon_heart_delete.gif) no-repeat 0;*/
	background: url(http://img0.yododo.com/images/icon_unhappy.gif) no-repeat 0;
}
.post-info button.rec-plus {
	margin: 0 3px;
	padding: 0 0 0 18px;
	background-image: url(http://img0.yododo.com/images/icon_happy.gif);
	background-repeat: no-repeat;
	background-position: 0;
	width: 4.5em;
	line-height: 1.3em;
	height: 1.7em;
	font-size: 100%;
}
.post-info button.rec-minus {
	margin: 0 3px;
	padding: 0 0 0 18px;
	background-image: url(http://img0.yododo.com/images/icon_unhappy.gif);
	background-repeat: no-repeat;
	background-position: 0;
	width: 4.5em;
	line-height: 1.3em;
	height: 1.7em;
	font-size: 100%;
}
.post-info span.time {
	padding: 2px 0 0 18px;
	background: url(http://img2.yododo.com/images/icon_time.gif) no-repeat 0;
	font-size:85%;
}
.post-info span.recommend {
	padding: 0 0px 0 18px;
/*	background: url(http://img2.yododo.com/images/icon_heart.gif) no-repeat 0;
	background: url(http://img3.yododo.com/images/icon_grin.gif) no-repeat 0;*/
	background: url(http://img0.yododo.com/images/icon_happy.gif) no-repeat 0;
}
.post-info span.recommend-box {
	color: #2D5680;
}
.post-info span.recommend-box a {
	color: #2D5680;
}
.post-info strong.has-comment {
	color: #d93d76;
}
.post-info .bookmark {
	padding-top: 3px;
	padding-left: 3px;
	font-size: 100%;
	color: #6f6f6f;
}
.post-info .bookmark a {
	color: #176ae5;
	text-decoration: underline;
}
.post-info .bookmark a:hover {
/*	color: #4d2900;*/
	color: #2D5680;
	background-color: #FFE0BF;
	text-decoration: none;
}

/* events */
ul.events {
	padding: 5px 10px 10px 10px;
	font-size: 90%;
}
ul.events li {
	padding-bottom: 3px;
	line-height: 1.4em;
}

table.events th {
  padding: 5px 0;
}
table.events td {
  padding: 3px 0 3px 8px;
}

#event-detail {
	margin: 0 0 0 20px;
}
#event-detail table {
}
#event-detail th, #event-detail td {
	vertical-align: top;
	padding-bottom: 5px;
}
#event-detail th {
	font-size: 105%;
	white-space: nowrap;
	width: 75px;
}
#event-detail td {
	line-height: 1.3em;
	padding-top: 2px;
	padding-right: 10px;
	width: 250px;
}
#event-detail td.loc {
	width: 580px;
}

/* util */
ul.util, ul.util-red {
	padding: 5px 0;
	font-size: 90%;
}
ul.util li, ul.util-red li {
  padding: 0 0 1px 16px;
  background: url(http://img0.yododo.com/images/bullet_green.gif) no-repeat 0;
}
ul.util-red li {
  background: url(http://img2.yododo.com/images/bullet_red.gif) no-repeat 0;
}

/* tags */
#area-tags {
	margin: 0;
	padding: 5px 10px 10px 15px;
	word-break: keep-all;
}
ul.tags {
	margin: 0 0 0 0;
	padding: 0;
	display: inline;
	font-size: 100%;
	list-style: none;
}
ul.tags li {
	display: inline;
	margin: 0 5px 0 0;
	padding: 0;
	background: none;
}
ul.tags li a {
/*	text-decoration: none;*/
	border: 0;
}

#tag-cloud {
	margin: 0;
	padding: 5px 10px 10px 10px;
}
#tag-cloud ul.tags {
	line-height: 3em;
}
#tag-cloud ul.tags li {
	margin: 0 10px 0 0;
}
#tag-cloud ul.tags li a {
	text-decoration: none;
}
#tag-list, #area-tag-list {
	margin: 0;
	padding: 5px 10px 10px 10px;
	word-break: keep-all;
}
#area-tag-list ul.tags {
	font-size: 105%;
}
#tag-list ul.tags li {
	line-height: 1.6em;
}
#area-tag-list ul.tags li {
	line-height: 1.8em;
}
.tag-count {
	font-size: 85%;
	color: #666;
}

li.tags-xxl {
	font-size: 170%;
}
li.tags-xl {
	font-size: 150%;
}
li.tags-l {
	font-size: 135%;
}
li.tags-m {
	font-size: 135%;
}
li.tags-s {
	font-size: 115%;
}
li.tags-xs {
	font-size: 100%;
}
li.tags-xxs {
	font-size: 90%;
}
li.tags-xxl a, li.tags-xl a, li.tags-l a {
	color: #005ce5;
	font-weight: bold;
}
li.tags-m a, li.tags-s a {
	color: #005ce5;
}
li.tags-xs a, li.tags-xxs a {
	color: #5283cc;
}

.text h4.tags {
	margin-right: 0.3em;
	padding: 0;
	display: inline;
	color: #7F7F4C;
	font-size: 90%;
}
.text ul.tags {
	margin: 0;
	padding: 0;
	display: inline;
	font-size: 90%;
	color: #7F7F4C; 
	list-style: none;
}
.text ul.tags li {
	display: inline;
	margin-right: 0.1em;
	padding: 0;
	background: none;
}
.text ul.tags li a {
	color: #99A26B;
	border-color: #cc9;
}
.text ul.tags li a:hover {
	color: #fff;
	background-color: #7F7F4C;
}

/* recent-comments */
ul.recent-comments {
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 10px;
	font-size: 90%;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}
ul.recent-comments .desc {
	color: #666;
	padding: 2px 0 4px 0;
	line-height: 1.3em;
}

/* comments */

.comments {
	margin: 15px 0 10px 0;
	padding: 10px 0 0 0;
	color: #473C28;
}
div.comments {
	border-top: 1px solid #ccc;
}
.comments h4 {
	display: inline;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.comments p {
/*	padding-left: 76px;*/
}
.comments ol {
	margin: 10px 5px;
	padding: 0;
	list-style: none;
}
.comments ol li {
	margin: 0 0 1em 0;
	padding: 10px;
	border-top: 2px solid #d8d8d8;
	background: #efefef;
}
.comments ol li.preview {
	border: 1px solid #f00;
}
.comments ol li.preview form {
	padding: 0;
}
.comments ol li span.meta {
	float: left;
}
.comments ol li span.rank-title {
	float: none;
}
.comments ol li span.deleteComment {
	float: right;
	font-size: 90%;
}
.comments ol li span.deleteComment a.delete {
	color: #A66753;
}
.comments ol li span.deleteComment a.delete:hover {
	color: #fff;
	background-color: #A66753;
}
.comments ol li cite {
	margin: 0;
	font-style: normal;
	font-weight: bold;
}
.comments ol li img.photo {
	/*vertical-align: middle;*/
	float:left;
	border: 1px solid #999999;
	margin-right: 10px;
}
.comments ol li a.cmd {
	float: right;
	color: #888;
}
.comments div.commentText {
	clear: right;
	padding: 5px 0 0 0;
	font-size: 90%;
	line-height: 1.6em;
}
.comments div.commentText img {
	max-width: 600px;
}
.comments div.commentText ul {
	clear: both;
	margin: 5px 0;
}
.comments div.commentText ul li {
	margin: 0 0 2px 10px;
	padding: 0 0 0 18px;
	list-style: none;
	background: url(http://img1.yododo.com/images/bullet-alt.gif) no-repeat 0 1px;
	border: none;
}
.comments div.commentText ol {
	clear: both;
	list-style: decimal;
	margin: 5px 0;
}
.comments div.commentText ol li {
	margin: 0 0 2px 30px;
	padding: 0;
	border: none;
}

div#question-comments {
	margin: 0 0 10px 0;
	padding: 0;
	border: none;
}
.comments div.answer {
	margin: 5px -8px -8px -8px;
	padding:3px 8px;
	background: #f8f8f8;
}
.comments .question-header {
	color: #A66753;
}
.comments div.answer div.commentText .answer-header {
	font-size: 110%;
	color: #A66753;
}
.comments .answer-question form {
	padding: 0;
}
.comments .answer-question strong {
	color: #A66753;
}

.comments .comments-meta {
	clear: both;
	margin: 5px 0 0 0;
	padding: 0;
	text-align: right;
	font-size: 85%;
	color: #888;
}
.comments .comments-meta a {
	color: #61a600;
	border: none;
}
.comments .comments-meta a:hover {
	color: #fff;
	background-color: #61a600;
}
.respond-add {
	clear: both;
	margin: 0 5px 0 0;
	text-align:right;
	font-size: 90%;
	color: #888;
}
.respond textarea {
	margin: 0 0 0 10px;
	padding: 0;
/*	width: 400px;*/
	width: 680px;
}
.respond button {
	margin: 0 5px;
	font-size: 100%;
}
.respond-err {
	margin: 0 0 0 10px;
	padding: 0;
	font-size: 90%;
	color: red;
}
.respond table#upload-box {
	margin: 5px 0;
}
.respond table#upload-box th {
	font-weight: normal;
	white-space: nowrap;
	vertical-align: top;
	padding-left: 5px;
	padding-top: 3px;
}
.respond table#upload-box td {
	white-space: nowrap;
	vertical-align: top;
}
.respond table#upload-box button {
	margin: 0 5px 0 20px;
	font-size: 100%;
}
.respond table#upload-box .file-msg {
	font-size: 90%;
	color: #666;
}

.quote-box:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	position: relative;
}
.quote-box {display: inline-block;}
* html .quote-box {height: 1%;}
.quote-box {display: block;}
.quote-box {
  margin: 5px;
}
.quote-content {
	padding: 10px;
/*	border: 1px dashed #ccc;
	border: 1px solid #cbddee;*/
	border: 1px solid #9cf;
	/*font-style: italic;*/
	color: #666;
}

/* --[ review ]------------------------------- */
.review dd a {
	margin: 0 5px;
}

table#review-summary-header {
	width: 100%;
	padding: 2px 5px;
	background-color:#e8e8e8;
	border: 1px solid #ccc;
	color: #666;
	font-size: 90%;
}
table#review-summary-header a {
	color: #2D5680;
}
#review-summary-box {
	margin: 10px;
	font-size: 90%;
	line-height: 1.4em;
}
#review-summary-box table {
	margin: 0 0 10px 0;
}
#review-summary-box th {
	vertical-align: top;
	white-space: nowrap;
	padding: 4px;
}
#review-summary-box td {
	vertical-align: top;
	padding: 4px;
}
#review-summary-box td img {
	max-width: 600px;
}

.review-box {
	margin: 15px;
}
.review-box #review-summary-box {
	margin: 0;
	padding: 5px;
	font-size: 100%;
	line-height: 1.4em;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color: #fff;
}
table.review-box {
	margin: 0 0 10px 0;
	padding: 0 0 0 5px;
}
.review-box .photo-op {
	text-align: center;
	font-size: 90%;
}
.review-box .review-box-content {
	padding: 0 0 0 10px;
	font-size: 115%;
	line-height: 1.6em;
}
.review-box .review-box-content #cost {
	font-size: 115%;
	font-weight: bold;
	color: green;
}
.review-box .review-box-content #recommend {
	font-size: 85%;
	color: #888;
}
.review-box .review-box-content #recommend a {
	color: #2D5680;
}
.review-box .review-box-content .scorenum {
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 105%;
	color: #d93d76;
}
.review-box .review-box-content .score {
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 105%;
	color: #A66753;
}

#review-history-note {
	margin: 10px 0 -5px 0;
	text-align: center;
	font-size: 90%;
	color: #999;
}
#review-history-note a {
	color: #2D5680;
}
.review-history {
	margin: 20px 0 30px 20px;
}
.review-history table {
	min-width: 520px;
	width: 680px;
	background-color: #fff;
	border-color: #d8d8d8;
	border-style: solid;
}
.review-history th, .review-history td {
	padding: 5px 5px;
	border-color: #d8d8d8;
	border-style: solid;
	text-align: center;
	white-space: nowrap;
	line-height: 1.2em;
}
.review-history th {
	font-size: 105%;
	color: #2D5680;
	background-color: #efefef;
}
.review-history td.version {
	font-weight: bold;
}
.review-history td.comment {
	width: 100%;
	text-align: left;
	white-space: normal;
	font-size: 90%;
	color: #333;
}
.review-history td.author {
}
.review-history td.timestamp {
	font-size: 75%;
	font-weight: bold;
	color: #666;
}
.review-history td.view-hist {
	font-size: 90%;
}

.review-entry {
	background-color: #f4f4f4;
	border: none;
	border-bottom: 1px solid #d8d8d8;
	border-top: 1px solid #d8d8d8;
}
.review-entry div.entryText {
	font-size: 90%;
	line-height: 1.5em;
}
.review-entry strong.has-comment {
	color: #d93d76;
}
table#review-entry-header {
	margin: 0 0 1em 0;
	padding: 3px 0 0 0 !important;
	padding: 3px 0 3px 0;
	width: 100%;
	border-bottom: 1px dashed #cfcfcf;
}
#review-entry-header td.userBox a:hover {
	background: none;
}
#review-entry-header img.photo {
	border: 1px solid #999;
	margin: 0 5px 0 0;
}
#review-entry-header div.title {
	margin: 0;
	padding: 0;
 	font-size: 105%;
	font-weight: bold;
	float: left;
}

#review-entry-header div.title .target {
/*	color: #61a600;*/
	color: #A66753;
}
#review-entry-header div.title .target a {
	color: #A66753;
}
#review-entry-header div.title .target a:hover {
	color: #4d2900;
}
#review-entry-header a#more-link {
	font-size: 90%;
	color: #2D5680;
}
#review-entry-header a#more-link:hover {
/*	background-color: #D8D8D8;*/
	color: #2D5680;
}
#review-entry-header div.entry-meta {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	color: #333;
	float: left;
}
#review-entry-header div.time {
	font-size: 85%;
	color: #666;
	float: right;
	padding-left: 20px;
}

/* small-review-list */
#small-review-list {
	padding: 5px 20px 0 20px;
}
#small-review-list table td {
	padding-bottom: 5px;
}
#small-review-list td.userBox a:hover {
	background: none;
}
#small-review-list td.userBox img.photo {
	border: 1px solid #999;
	margin: 0 5px 0 0;
}
#small-review-list td div.title {
	margin-bottom: 1px;
	font-weight: bold;
	line-height: 1.3em;
}
#small-review-list td .target {
/*	color: #61a600;*/
	color: #A66753;
	margin: 0 5px 0 0;
	line-height: 1.2em;
}
/*
#small-review-list td .target a {
	color: #61a600;
}
#small-review-list td .target a:hover {
	color: #4d2900;
}
*/
#small-review-list .stats {
	font-weight: bold;
	font-size: 90%;
}
#small-review-list .stats span.cost {
	font-size: 105%;
	color: green;
}
#small-review-list .stats span.area {
	font-weight: normal;
}
#small-review-list .summary {
	line-height: 1.3em;
	font-size: 90%;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	color: #333;
	padding-bottom: 8px;
	border-bottom: 1px dashed #ccc;
}
#small-review-list .summary a {
	color: #2D5680;
}
/*
#small-review-list a#more-link {
	font-size: 90%;
	color: #2D5680;
}
#small-review-list a#more-link:hover {
	color: #2D5680;
}
*/


/* mini-review-list */
#mini-review-list {
	padding: 8px 8px 0 10px;
}
#mini-review-list ul {
	padding: 3px 0 5px 0;
}
#mini-review-list ul li {
	margin-left: 0;
	margin-bottom: 6px;
	line-height: 1.3em;
}
#mini-review-list div.title {
	margin-bottom: 1px;
	font-weight: bold;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}
#mini-review-list div.title .score {
	font-weight: normal;
	font-size: 90%;
}
#mini-review-list .target {
/*	color: #61a600;*/
	color: #A66753;
	margin: 0 5px 0 0;
	font-size: 90%;
}
#mini-review-list .target a {
	color: #A66753;
}
#mini-review-list .target a:hover {
	color: #4d2900;
}
#mini-review-list .stats {
	font-weight: bold;
}
#mini-review-list .stats span.cost {
	font-size: 105%;
	color: green;
}
#mini-review-list .stats span.area {
	font-weight: normal;
}
#mini-review-list .summary {
	line-height: 1.3em;
	font-size: 90%;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	color: #333;
	padding-bottom: 5px;
}
#mini-review-list .summary a {
	color: #2D5680;
}


/* review-list */
#review-list dl dt {
	padding-left: 0;
	background: none;
	font-size: 105%;
}
#review-list dl dt .stats {
	font-size: 85%;
}
#review-list dl dd {
	margin: 0 0 1em 0;
	line-height: 1.2em;
	font-size: 100%;
}
#review-list ul li {
	margin: 0 0 1.2em 0;
}
#review-list table {
	margin-top: 20px;
}
#review-list table td {
	padding-bottom: 25px;
}
#review-list .header {
	padding-bottom: 4px;
}
#review-list span.title {
	font-size: 105%;
	font-weight: bold;
}
#review-list a.title {
	font-size: 105%;
	font-weight: bold;
}
#review-list .count {
	margin: 0 0 0 15px;
}
#review-list .target {
	font-weight: bold;
	color: #A66753;
	font-size: 105%;
}
#review-list .stats {
	margin: 1px 0 0 0;
	padding: 0;
	font-weight: bold;
	font-size: 90%;
}
#review-list .info-box {
	margin: 5px;
	font-size: 90%;
}
#review-list .stats-box {
	margin: 2px 0;
	padding: 0;
	/*font-size: 90%;*/
	line-height: 1.4em;
	font-weight: bold;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}
#review-list .stats-box span.normal {
	font-weight: normal;
}
#review-list .stats span {
	margin: 0 5px 0 0;
}
#review-list .stats span.targetName {
	font-weight: normal;
	font-size: 110%;
}
#review-list .stats span.alias {
	font-weight: normal;
}
#review-list .stats span.area {
/*	color: #A66753;*/
	font-size: 105%;
	font-weight: normal;
}
#review-list .stats span.cost {
	font-size: 115%;
	color: green;
}
#review-list .stats span.rate-box {
	margin: 0;
	padding: 0;
}
#review-list .stats span.normal {
	margin: 0;
	font-weight: normal;
}
#review-list span.footmark {
	font-size: 105%;
	color: #A66753;
}
#review-list span.scorenum {
	font-size: 105%;
/*	color: #A66753;*/
	color: #d93d76;
}

#review-list .summary {
	line-height: 1.4em;
	font-size: 90%;
	color: #333;
}
#review-list .summary a {
	color: #2D5680;
}

table#addReview-travelogue th {
	white-space: nowrap;
	vertical-align: top;
}
table#addReview-travelogue td div.area {
	cursor: pointer;
}
table#addReview-travelogue td span.dates {
	color: #666;
	font-size: 80%;
}
table#addReview-travelogue .errMsg {
	padding-bottom: 10px;
	font-size: 80%;
}
#addReview-travelogue-errMsg {
	margin-bottom: 10px;
	padding: 10px;
	font-size: 85%;
	border: 1px solid #000;
/*	background-color: #FFFBF8;
	background-color: #FFF;*/
	background-color: #FFE;
	color: red;
}
#addReview-travelogue-errMsg #op {
	padding-top: 5px;
	color: black;
}

#area-stats {
	font-weight: bold;
	font-size: 90%;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}
#area-stats span.footmark {
	font-size: 105%;
	color: #A66753;
}
#area-stats span.scorenum {
	font-size: 105%;
	color: #d93d76;
}
#area-stats span.normal {
	font-weight: normal;
	font-size: 90%;
}


/* rating */
.star-rating {
}
.star-rating img {
	cursor: pointer;
}
#ratingText {
	color: green;
}

/* feature-area */
#feature-area {
	margin: 13px 5px 0 0;
/*	border: 1px solid #ccc;*/
	width: 270px;
	height: 300px;
}
#feature-area h3 {
	text-align: center;
	padding-bottom: 5px;
}
#feature-area table {
	width: 100%;
}
#feature-area table th, #feature-area table td {
	vertical-align: top;
	padding: 5px;
}
#feature-area table th {
	width: 90px;
}
#feature-area table td {
	height: 80px;
}
#feature-area table td .desc {
	font-size: 90%;
	color: #333;
	line-height: 1.3em;
	padding-top: 3px;
}

/* footsteps */
#footstep {
	margin: 0 15px;
	padding: 5px 0 10px 0;
	text-align: center;
}
#footstep fieldset {
	border: 1px solid #ccc;
}
#footstep legend {
	margin: 0 5px;
	padding: 0 5px;
	font-size: 100%;
	color: #176ae5;
}
#footstep legend a {
/*	margin: 0 0 -4px 0;
	padding: 5px 1px 0 1px !important;
	padding: 5px 0px 0 2px;*/
	line-height: 2em;
	text-decoration: none;
/*	border: 0;*/
/*	color: #13477F;*/
}
#footstep legend a:hover {
	border-bottom: 2px solid #CCC;
	border-bottom: 2px solid #FFD08B;
	background-color: transparent;
	color: #176ae5;
}
#footstep legend a.active, #footstep legend a.active:hover {
/*	border-bottom: 2px solid #FFD08B;*/
	background-color: transparent;
	color: #176ae5;
	font-weight: bold;
}
#footstep span.separator {
	color: #ccc;
}


/* feature footsteps */
#feature-footstep {
	padding-top: 5px;
}
#feature-footstep img {
	border: 1px solid #999;
}
#feature-footstep span.data {
	color: #2D5680;
}

/* areaMap */
#areaMap {
	margin: 0;
	padding: 5px 0 3px 0;
	text-align: center;
}

/* XML feed link */

#feed-link {
	margin-left: 4px;
	vertical-align: middle;
	border: none;
}
a:hover #feed-link {
	background: none;
}

/* search form */

#search input {
	vertical-align: middle;
}

/* search box */
#search-box table th, #search-box table td{
	padding: 5px;
}
#search-box table th {
	vertical-align: top;
	white-space: nowrap;
}

/* simple search */
#simple-search {
	padding: 5px 0 10px 5px;
}
#simple-search form {
	padding: 0;
}
#simple-search #area-input {
	padding-left: 5px;
}
#simple-search #aid-button {
	font-size: 90%;
}
#simple-search #search-cat {
	padding-left: 2px;
	font-size: 90%;
}

/* --[ group ]-------------------------------- */
div.group-list {
	padding: 1em 10px;
}
div.group-list a {
	text-decoration: none;
}
div.group-list form {
	padding: 0;
}
table.group-list {
	width: 100%;
}
table.group-list tr.dark {
	background-color: #f7f7f7;
}
table.group-list tr.light {
	background-color: #ffffff;
}
table.group-list th, table.group-list td {
	white-space: nowrap;
	line-height: 1.3em;
	vertical-align: middle;
}
table.group-list th {
	padding: 0 8px;
	font-weight: normal;
	font-size: 100%;
	color: #2D5680;
	border-bottom: 1px solid #ccc;
}
table.group-list td {
	padding: 6px 8px 0 8px;
}
table.group-list td.subject {
	width: 100%;
	padding-right: 10px;
	white-space: nowrap;
	font-size: 100%;
	font-weight: bold;
}
table.group-list td.subject a {
	text-decoration: none;
}
table.group-list td.subject-photo {
	white-space: normal;
	padding: 7px 0 5px 8px;
	border-bottom: 1px dashed #ccc;
}
table.group-list td.subject-photo img {
	border: 1px solid #ccc;
}
table.group-list td.number {
	padding: 6px 11px 0 11px;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
}
table.group-list td.author {
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 90%;
	vertical-align: top;
	border-bottom: 1px dashed #ccc;
	line-height: 1.5em;
}
table.group-list td.desc {
	white-space: normal;
	color: #666;
	border-bottom: 1px dashed #ccc;
	padding: 2px 0 3px 8px;
	line-height: 1.5em;
	font-size: 90%;
}

/* --[ topic ]----------------------------------- */
div.topic-list {
	padding: 1em 10px;
}
div.topic-list form {
	padding: 0;
}
table.topic-list {
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	width: 100%;
}
table.topic-list th, table.topic-list td {
	white-space: nowrap;
	line-height: 1.3em;
/*	vertical-align: top;*/
	vertical-align: middle;
	text-align: left;
}
table.topic-list th {
	padding: 0 5px;
	font-weight: normal;
	font-size: 100%;
	color: #2D5680;
	border-bottom: 1px solid #ccc;
}
table.topic-list th.aligncenter {
	text-align: center;
}
table.topic-list td {
	padding: 6px 5px;
	font-size: 90%;
	border-bottom: 1px dashed #ccc;
}
table.topic-list tr.valignmiddle td {
	vertical-align: middle;
}
table.topic-list td.subject {
	width: 100%;
	padding-right: 10px;
	white-space: normal;
}
table.topic-list td.subject span.uptopic {
	color: green;
}
table.topic-list td.subject span.supertop {
	color: #008055;
  cursor:help;
}
table.topic-list td.subject span.parenttop {
	color:#558000;
  cursor:help;
}
table.topic-list td.subject span.top {
	color:#808000;
  cursor:help;
}
table.topic-list td.subject span.highlight {
	color: #ef0000;
}
table.topic-list td.subject span.hot {
	color: orangered;
}
table.topic-list td.cat-subject {
	width: 100%;
	padding-right: 10px;
	white-space: normal;
	font-size: 100%;
}
table.topic-list td.cat-subject a {
	text-decoration: none;
}
table.topic-list td.group {
	padding-right: 10px;
}
table.topic-list td.author {
}
table.topic-list td.replies {
	text-align: center;
}
table.topic-list td.price {
}
table.topic-list td.timestamp {
	padding-left: 7px;
	padding-right: 2px;
	color: #666;
}
table.topic-list td.last-reply {
	padding: 4px 1px 2px 1px;
	line-height: 1.2em;
	text-align:center;
	color: #666;
}
table.topic-list td.last-reply span.timestamp {
	font-size: 80%;
}
table.topic-list td.separator {
	background-color: #e8e8e8;
	line-height: 4px;
	padding: 0;
}

#group-header {
	padding: 0 0 10px 15px;
}
#group-header img#icon {
	margin-right: 10px;
	margin-top: 0;
	border: 1px solid #999;	
}
#group-header h3 {
	padding-left: 0;
	display: inline;
}
#group-header h5 {
	padding-left: 0;
	display: inline;
}
#group-header .stat-box {
	padding: 3px 0;
	font-size: 90%;
}
#group-header .stats {
	color: #666;
}
#rss-box-link {
	margin:0;
	position:relative;
}
#rss-box {
	position:absolute;
	top:20px;
	right:0;
	padding: 5px 10px 10px;
	width: 120px;
	border: 3px ridge #ccc;
	background: #f8f8f8;
}
#rss-box .separator-bar {
	margin: 5px 0 0 0;
}
#group-header #profile {
	padding-top: 8px;
	margin-right: 10px;
	margin-top: 5px;
	clear: both;
  border-top: 1px dashed #d8d8d8;
	line-height: 1.3em;
}
#group-header #profile-small {
	padding-top: 3px;
	line-height: 1.2em;
	font-size: 90%;
	color: #666;
}
#group-header #web-link {
	margin-top: 10px;
}
#group-header #web-link img {
	margin: 0;
	border: 0;
}

ul#other-topic-list {
	font-size: 90%;
	line-height: 1.3em;
	padding-left: 5px;
	padding-right: 10px;
}
ul#other-topic-list li {
	padding-bottom: 5px;
}
ul#other-topic-list span.author {
	color: #666;
}


/* --[ replies ]------------------------------ */
div.reply-list {
	padding: 1em 15px;
}
table.reply-list {
	width: 100%;
}
table.reply-list th, table.reply-list td {
	white-space: nowrap;
	line-height: 1.3em;
	vertical-align: middle;
	text-align: left;
}
table.reply-list th {
	padding: 0 8px;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 100%;
	color: #2D5680;
	border-bottom: 1px solid #ccc;
}
table.reply-list th a.more-link {
	font-size: 90%;
	text-decoration: none;
/*	color: #A66753;*/
  color: #d93d76;
}
table.reply-list th a.more-link:hover {
	color: #4d2900;
	background-color: #FFE0BF;
}
table.reply-list td {
	padding: 4px 8px;
	font-size: 90%;
	border-bottom: 1px dashed #ccc;
	height: 20px;
}
table.reply-list td.subject {
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	width: 100%;
	white-space: normal;
}
table.reply-list td.subject-photo {
	width: 100%;
	white-space: normal;
	padding-top: 2px;
	padding-bottom: 2px;
}
table.reply-list td.subject-photo img {
	border: 1px solid #ccc;
}
table.reply-list td.place {
	padding-right: 10px;
}
table.reply-list td.author {
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	padding-right: 5px;
}
table.reply-list td.replies {
	text-align: center;
	padding-left: 0;
	padding-right: 0;
}
table.reply-list td.attention {
/*  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;*/
  font-size: 90%;
	text-align: center;
	padding-left: 0;
	padding-right: 0;
}
table.reply-list td.timestamp {
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
/*	font-size: 90%;*/
	color: #666;
	padding-left: 5px;
}
table.reply-list td.op {
/*	font-size: 90%;*/
	padding-right: 0;
}
table.reply-list td.op .open {
	color: green;
}
table.reply-list td.op .open a {
	color: green;
	text-decoration: none;
}
table.reply-list td.op .open a:hover {
	color: #4d2900;
	background-color: #FFE0BF;
}
table.reply-list td.op .unopen {
	color: red;
}

/* --[ forum ]-------------------------------- */
#forums {
	margin: 0 5px 10px 5px;
}
#forums table td {
	padding: 0 6px;
}
#forums .forum-cat {
	margin:5px 0;
	padding: 4px 4px 2px 4px;
	background-color: #efefef;
	border-right: 2px solid #efefef;
	border-bottom: 2px solid #efefef;
}
#forums .forum-cat strong {
	color: #ff6600;
	font-size: 115%;
}
#forums .forum-box {
	margin: 5px 0;
	padding: 5px;
	height: 58px;
	background-color: #f7f7f7;
	border-right: 2px solid #e8e8e8;
	border-bottom: 2px solid #e8e8e8;
	font-size: 90%;
}
#forums .forum-box .title {
	font-size: 115%;
}
#forums .forum-box .stat {
	color: #d93d76;
}
#forums .forum-box .info {
	padding: 5px 0 0 2px;
	line-height: 1.3em;
	color:#666;
}

#forum-info-box {
	width: 680px;
	margin-top: 5px;
	padding: 5px;
	border: 1px dashed #ccc;
	background-color: #f7f7f7;
}

#forum-header {
	padding: 0 10px 3px 10px;
}
#forum-header h3 {
	padding: 0;
}
#forum-footer {
	padding: 15px 10px;
	text-align: center;
}
#forum-footer span {
	margin-right: 10px;
}

#forum-member {
	margin: 5px 10px 15px 10px;
	padding-top: 5px;
	border: 1px solid #cbddee;
	background-color: #f7f7f7;
}
#forum-member .list {
	margin-top: 5px;
	padding: 5px 5px 10px 10px;
	font-size: 90%;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	border-top: 1px solid #cbddee;
	background-color: #fff;
}
#forum-member .list a {
	text-decoration: none;
	white-space: nowrap;
}
#forum-member .list a strong {
	color: orangered;
	font-weight: normal;
}

#forum-list {
	margin: 3px 10px;
}
#forum-list table {
/*	background-color: #eedcca;*/
	background-color: #cbddee;
}
#forum-list table tr.header {
/*	background-color: #e8e8e8;*/
	background-color: #5998d8;
}
#forum-list table tr.dark {
	background-color: #f7f7f7;
}
#forum-list table tr.light {
	background-color: #ffffff;
}
#forum-list table th {
	white-space: nowrap;
	text-align: center;
	padding: 3px;
/*	color: #A66753;*/
	color: #ffffff;
}
#forum-list table td {
	white-space: nowrap;
	text-align: center;
	font-size: 90%;
	padding: 8px;
}
#forum-list table td a {
	text-decoration: none;
	color: #2D5680;
}
#forum-list table td a:hover {
	color: #4d2900;
}
#forum-list table td.subject {
	text-align: left;
	width: 100%;
	padding-left: 5px;
}
#forum-list table td.subject span.highlight {
	color: #ef0000;
}
#forum-list table td.subject span.supertop {
	color:#008055;
  cursor:help;
}
#forum-list table td.subject span.parenttop {
	color:#558000;
  cursor:help;
}
#forum-list table td.subject span.top {
	color:#808000;
  cursor:help;
}
#forum-list table td.author {
	padding: 5px 15px;
	line-height: 1.1em;
}
#forum-list table td.author .timestamp {
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 85%;
	color: #333;
}
#forum-list table td.timestamp {
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	color: #333;
	padding-left: 8px;
	padding-right: 8px;
}
#forum-list table td.separator {
	background-color: #e8e8e8;
	line-height: 1px;
	padding: 5px;
}

#forum-topic-list {
	margin: 3px 9px 3px 10px;
}
#forum-topic-list table {
	border: 1px solid #ccc;
}
#forum-topic-list table tr.header {
	background-color: #5998d8;
}
#forum-topic-list table tr.topic {
	background-color: #ffffef;
}
#forum-topic-list table tr.dark {
	background-color: #f7f7f7;
}
#forum-topic-list table tr.light {
	background-color: #ffffff;
}
#forum-topic-list table tr.header td.header {
	font-weight: bold;
	color: #fff;
	padding: 5px 5px 5px 10px;
	font-size: 115%;
}
#forum-topic-list table tr.header td.header span.highlight {
	color: #ffff00;
}
#forum-topic-list table tr.header td.header .fav-link {
	font-size: 80%;
	color: yellow;
	white-space: nowrap;
}
#forum-topic-list table tr.header td.header .fav-link button {
	font-size: 100%;
	line-height: 1.2em;
}
#forum-topic-list table th {
	width: 155px;
	white-space: nowrap;
}
#forum-topic-list table th.profile {
	white-space: normal;
	font-weight: normal;
	vertical-align: top;
	padding: 10px 5px 10px 10px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
  width: 170px;
}
#forum-topic-list table th.profile .username {
	font-size: 105%;
}
#forum-topic-list table th.profile .username a {
	text-decoration: none;
}
#forum-topic-list table th.profile img {
	border: 1px solid #999999;
	margin-right: 80px;
}
#forum-topic-list table th.profile ul.profile-op {
	margin-top: 10px;
	padding:0;
	font-size: 90%;
	width: 153px;
}
#forum-topic-list table th.profile ul.profile-op li {
	width: 49.5%;
	float: left;
	margin:0;
	padding:0;
	background: 0;
}
#forum-topic-list table th.profile ul.profile-op li a {
	text-decoration: none;
	color: #000;
}
#forum-topic-list table td.topic-text {
	overflow-x: hidden;
	vertical-align: top;
	padding: 5px;
	border-top: 1px solid #ccc;
  width: 100%;
}
#forum-topic-list table td.topic-separator {
	line-height: 5px;
}
div.forum-topic-content {
	overflow-x: hidden;
	font-size: 105%;
	padding: 5px 5px;
	line-height: 1.6em;
  width: 730px;
}
div.forum-topic-content .forum-title {
	padding-bottom: 5px;
}
div.forum-topic-content p {
	padding: 0 0 15px 0;
}
div.forum-topic-content img {
	max-width: 600px;
}

#forum-topic-list table tr.reply-footer th.header {
	font-weight: normal;
	padding: 4px 5px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px dashed #ccc;
	font-size: 85%;
}
#forum-topic-list table tr.reply-footer th.header .timestamp {
	float: left;
	color: #333;
}
#forum-topic-list table tr.reply-footer th.header .number {
	float: right;
	color: #000;
	font-weight: bold;
}
#forum-topic-list table tr.reply-footer td {
	padding-left: 10px;
	padding-right: 10px;
	font-size: 90%;
	border-bottom: 1px solid #ccc;
	border-top: 1px dashed #ccc;
}
#forum-topic-list table tr.reply-footer td a.delete {
	color: #A66753;
}
#forum-topic-list table tr.reply-footer td a.delete:hover {
	color: #fff;
	background-color: #A66753;
}

.forum-group-list {
  margin: 3px 10px 15px 10px;
}
.forum-group-list table {
	background-color: #cbddee;
}
.forum-group-list table tr.header {
	background-color: #5998d8;
}
.forum-group-list table tr.header2 {
  background-color: #a7b2be;
}
.forum-group-list table th {
	white-space: nowrap;
	text-align: center;
	padding: 3px;
	color: #ffffff;
  font-size:100%
}
.forum-group-list table td {
  font-size:90%;
  padding: 3px;
}
.forum-group-list .title{
  white-space: nowrap;
	padding: 3px;
	color: #ffffff;
  font-size:110%;
  font-weight:bold;
}
.forum-group-list .more-group{
  white-space: nowrap;
	padding: 3px;
	color: #ffffff;
  font-size:110%;
  font-weight:bold;
}
.forum-group-list table tr.dark {
	background-color: #f7f7f7;
}
.forum-group-list table tr.light {
	background-color: #ffffff;
}
.forum-group-list img.icon {
  border: 1px solid #ccc;
  margin-top:2px;
}
.forum-group-list table td a {
	text-decoration: none;
	color: #2D5680;
}
.forum-group-list table td a:hover {
	color: #4d2900;
}
.forum-group-list table td .desc {
  font-size: 100%;
}
.forum-group-list table td .stat {
  color:#888;
}
.forum-group-list table td .grpDesc {
  color:#666;
}
/* --[ product ]----------------------------------- */
div.product-list {
	padding: 1em 10px;
}
div.product-list form {
	padding: 0;
}
table.product-list {
	width: 100%;
}
table.product-list th, table.product-list td {
	white-space: nowrap;
	line-height: 1.3em;
	vertical-align: middle;
}
table.product-list th {
	padding: 0 6px;
	font-weight: normal;
	font-size: 100%;
	color: #2D5680;
	border-bottom: 1px solid #ccc;
}
table.product-list td {
	padding: 15px 6px 0 6px;
}
table.product-list td.subject {
/*	width: 100%;*/
	padding-right: 10px;
	padding-bottom: 1px;
	white-space: nowrap;
	font-size: 100%;
	font-weight: bold;
/*
	padding: 0 0px 0 6px;
	border-bottom: 1px dashed #ccc;
*/
}
table.product-list td.subject a.certified {
	font-size: 90%;
}
table.product-list td.subject .stats-box {
	padding: 3px 0 0 0;
	line-height: 1.5em;
	font-weight: bold;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}
table.product-list td.subject .stats-box span.normal {
	font-weight: normal;
}
table.product-list td.subject .stats-box span.footmark {
	font-size: 105%;
	color: #A66753;
}
table.product-list td.subject .stats-box span.scorenum {
	font-size: 105%;
	color: #d93d76;
}
table.product-list td.subject-photo {
	width: 100%;
	white-space: normal;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dashed #ccc;
}
table.product-list td.subject-photo img {
	border: 1px solid #ccc;
}
table.product-list td.name {
/*
	padding-left: 3px;
	border-left: 2px solid #fc9;
*/
	padding-left: 0;
}
table.product-list td.area {
/*
	padding: 0 20px 0 6px;
	border-bottom: 1px dashed #ccc;
*/
	padding: 15px 10px 0 6px;
}
table.product-list td.price {
	font-family: Times, Times New Roman, Georgia, serif;
	font-weight: bold;
	padding-left: 0;
/*	text-align: center;*/
}
table.product-list td.op {
/*	text-align: center;*/
	padding-right: 0;
	padding-left: 0;
}
table.product-list td.desc {
	white-space: normal;
	color: #555;
	border-bottom: 1px dashed #ccc;
	padding: 1px 0 0 6px;
/*	height: 3em;*/
	line-height: 1.4em;
	font-size: 90%;
}
table.product-list td.desc div.desc-box {
	margin: 5px 0 15px 0;
/*
	padding: 2px 0 2px 3px;
	border-left: 2px solid #fc9;
*/
	padding: 2px 0;
}
table.product-list td.desc div.desc {
	padding: 3px 0 0 0;
}
table.product-list td.desc div.dates {
	font-weight: bold;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	padding: 3px 0;
}
table.product-list td.desc .title {
	color: #000;
}
table.product-list td.desc table.event-desc {
	margin-top: 5px;
}
table.product-list td.desc table.event-desc td {
	padding: 1px 0 0 0;
}

/* small-product-list */
div.small-product-list {
	padding: 10px;
}
div.small-product-list form {
	padding: 0;
}
table.small-product-list {
	width: 100%;
}
table.small-product-list th, table.small-product-list td {
	white-space: nowrap;
	line-height: 1.3em;
	vertical-align: middle;
}
table.small-product-list th {
	padding: 0 6px;
	font-weight: normal;
	font-size: 100%;
	color: #2D5680;
	border-bottom: 1px solid #aaa;
}
table.small-product-list td {
	padding: 5px 6px 5px 6px;
	white-space: nowrap;
	border-bottom: 1px dashed #aaa;
}
table.small-product-list td.subject {
	width: 30%;
	font-weight: bold;
	padding-right: 20px;
	white-space: nowrap;
}
table.small-product-list td.name {
	padding-left: 0;
}
table.small-product-list td.area {
	padding: 5px 20px 0 6px;
}
table.small-product-list td.price {
	font-family: Times, Times New Roman, Georgia, serif;
	font-weight: bold;
	padding-left: 2px;
}
table.small-product-list td.op {
	padding-right: 0;
	padding-left: 0;
}
table.small-product-list td.desc {
	white-space: normal;
	color: #555;
	border-bottom: 1px dashed #aaa;
	padding: 1px 0 0 6px;
	line-height: 1.5em;
	font-size: 90%;
}
table.small-product-list td.desc div.desc-box {
	margin: 0 0 10px 0;
}

/* mini-product-list */
div.mini-product-list {
	padding: 10px;
}
table.mini-product-list {
	width: 100%;
  border-top: 1px solid #aaa;
}
table.mini-product-list th, table.mini-product-list td {
	white-space: nowrap;
	line-height: 1.3em;
	vertical-align: middle;
}
table.mini-product-list th {
	padding: 0 6px;
	font-weight: normal;
	font-size: 100%;
	color: #2D5680;
	border-bottom: 1px solid #aaa;
}
table.mini-product-list td {
	padding: 5px 6px 0 6px;
	white-space: nowrap;
}
table.mini-product-list td.subject {
	width: 35%;
	font-weight: bold;
	padding-right: 20px;
	white-space: nowrap;
}
table.mini-product-list td.subject-photo {
	width: 60px;
  padding: 5px 0 0 6px;
	white-space: normal;
	border-bottom: 1px dashed #aaa;
}
table.mini-product-list td.subject-photo img {
	border: 1px solid #ccc;
}
table.mini-product-list td.name {
	padding-left: 0;
}
table.mini-product-list td.price {
  width: 18%;
}
table.mini-product-list td.op {
  width: 10%;
	padding-right: 0;
	padding-left: 0;
}
table.mini-product-list td.desc {
	white-space: normal;
	color: #555;
	border-bottom: 1px dashed #aaa;
	padding: 0 0 5px 6px;
	line-height: 1.5em;
	font-size: 90%;
}

/* small-box-list */
div.small-box-list {
	padding: 0 10px;
}
table.small-box-list {
	width: 100%;
}
table.small-box-list th, table.small-box-list td {
	white-space: nowrap;
	line-height: 1.3em;
	vertical-align: middle;
}
table.small-box-list td {
	padding: 3px 3px 10px 3px;
	white-space: nowrap;
}
table.small-box-list td.photo {
	text-align: center;
	width: 56px;
}
table.small-box-list td.photo img {
	border: 1px solid #999999;
}
table.small-box-list td .desc {
  width: 100%;
}

/* user-list */
div.small-user-list {
	padding: 0 5px;
}
table.small-user-list {
	width: 100%;
}
table.small-user-list th, table.small-user-list td {
	white-space: nowrap;
	line-height: 1.3em;
	vertical-align: middle;
}
table.small-user-list td {
	padding: 5px 6px 0 6px;
}
table.small-user-list td.subject {
  padding:5px 0 0 0;
  vertical-align:bottom;
	white-space: nowrap;
	font-size: 100%;
	font-weight: bold;
}
table.small-user-list td.subject-photo {
	width: 54px;
  height: 75px;
  padding: 5px 3px;
	white-space: normal;
	border-bottom: 1px dashed #ccc;
}
table.small-user-list td.subject-photo img {
	border: 1px solid #ccc;
}
table.small-user-list td.desc {
  vertical-align:top;
	white-space: normal;
	color: #555;
	border-bottom: 1px dashed #ccc;
	padding: 1px 0 0 0;
	line-height: 1.5em;
	font-size: 90%;
}
table.small-user-list td.desc table.event-desc {
	margin: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}
table.small-user-list td.desc table.event-desc td {
	padding: 1px 0 0 0;
}
table.small-user-list td.desc table.event-desc td span.datetime {
  color: #666;
  font-size: 90%;
}

/* hotel-box */
div.round-box div.hotel-box {
	padding: 0;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	border: 2px solid #e9811b;
}
div.hotel-box-banner {
	background-color:#e9811b;
}
div.hotel-box-more {
	background-color:#e9811b;
	color:#fff;
	font-size:90%;
	text-align:center;
	line-height:1.3em;
	width: 3.5em;
	padding-left:2px;
}
a.hotel-more {
	color:#fff;
	text-decoration:none;
}
a.hotel-more:hover {
	color:#fff;
	text-decoration:underline;
	background-color:transparent;
}

div.round-box div.ticket-box {
	padding: 0;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	border: 2px solid #13A35F;
}
div.ticket-box-banner {
	background-color:#13A35F;
}
div.ticket-box-more {
	background-color:#13A35F;
	color:#fff;
	font-size:90%;
	text-align:center;
	line-height:1.3em;
	width: 10em;
	padding-left:2px;
}


/* --[ hotel-ask ]--*/
.hotel-ask {
	background-color: #f4f4f4;
	border: none;
	border-bottom: 1px solid #d8d8d8;
	border-top: 1px solid #d8d8d8;
}
.hotel-ask img.photo {
	float:left;
	border: 1px solid #999999;
	margin-right: 10px;
}
.hotel-ask .hotel-ask-meta {
	text-align: right;
	font-size: 85%;
	color: #888;
}
.hotel-ask .hotel-ask-answer {
	border-top: 1px dashed #aaa;
	padding-top: 8px;
}
.hotel-ask .hotel-ask-answer .answer-header {
	color:#444;
}
.hotel-ask span.deleteComment a.delete {
	color: #A66753;
}
.hotel-ask span.deleteComment a.delete:hover {
	color: #fff;
	background-color: #A66753;
}

/* --[ hotel-list ]--*/
.hotel-room-box {
  margin:5px 5px 10px 8px;
  border-bottom:1px dashed #ccc;
}
.hotel-room-box .price{
  font-size:110%;
  font-weight:bold;
}
.hotel-list-box {
  background-color:#edeceb;
  border-top:1px solid #cccac8;
  margin:5px 5px 10px 8px;
  padding:0;
}
.hotel-list-box .hotel-photo-box{
  border:1px solid #ccc;
  margin: 5px 0 0 3px;
  padding:5px;
  background-color:#fff;
  height:100px;
  text-align:center;
}
.hotel-list-box .hotel-review-box{
  border:1px solid #ccc;
  padding:5px 10px;
  margin:5px 0 8px 3px;
  background-color:#fff;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}
.hotel-review-box .scorenum{
	font-weight: bold;
	font-size: 110%;
	color: #d93d76;
}
.hotel-review-box .hotel-review-score{
  margin-top: 5px;
  padding-top: 3px;
  border-top: 1px dashed #ccc;
}
.hotel-list-box .hotel-content-box{
  margin:5px 5px 0 0;
}
.hotel-list-box .hotel-content-box .more-room {
  border-top:1px dashed #aaa;
  padding-top:3px;
}
.hotel-list-box .hotel-content-box .more-room a {
  color: #2D5680;
}
.hotel-list-box .hotel-content-box .more-room a:hover {
	color: #4d2900;
}
.hotel-list-box .hotel-name{
  font-size:105%;
  padding-left:5px;
}
.hotel-list-box .hotel-desc{
  padding: 6px 0 10px 5px;
  font-size:90%;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}
table.price-list {
  font-size: 90%;
  font-family:Arial, Helvetica Neue, Helvetica, sans-serif;
}
table.price-list th, table.price-list td {
  padding: 4px 0 2px 0;
}
table.price-list th {
	font-weight: normal;
	color: #2D5680;
	border-bottom: 1px solid #aaa;
}
table.price-list td {
	white-space: nowrap;
	border-top: 1px dashed #aaa;
}
table.price-list tr.no-border td {
	border-top: none;
}
table.price-list .price-tip{
  border-bottom:1px dashed #c7630e;
  color:#ff6600;
  cursor:pointer;
}
table.price-list .price-tip-simple{
  color:#ff6600;
}
table.price-list .price-tip-container{
  position: relative;
}
table.price-list .price-tip-box {
  position:absolute;
  top:0;
  left:0;
  display:none;
  float:left;
  border: 3px solid #f98510;
  padding:0;
  background: #fff;
  z-index:1000;
}
table.price-list .price-tip-box td{
  padding:0 1px;
  background-color:#dfdfdf;
  white-space: nowrap;
}
table.price-list .price-tip-box td .price-box{
  padding-top:2px;
  border-top:1px dashed #fff;
}
.hotel-list-box .price{
  font-size:110%;
  font-weight:bold;
}
table.price-list td.room-desc-box{
  border-top:none;
  color:#555;
  width:550px;
  white-space:normal;
}
table.price-list td.room-desc-box .room-desc{
  padding-bottom:5px;
}
.room-desc .room-photo-box{
  padding:0 5px 5px 5px;
  text-align:center;
  width:80px;
}
table.price-list .price-detail-box{
  font-size:9pt;
  font-weight:normal;
  font-family:Arial, Helvetica Neue, Helvetica, sans-serif;
}
table.price-list .price-detail-box td{
  border-top:none;
}
.price-detail{
  font-size:90%; font-family:Arial, Helvetica Neue, Helvetica, sans-serif;
}
.price-detail .title{
  background-color:#d3d3fe; line-height:2em; font-weight:bold; text-align:center;
}
.price-detail .date{
  background-color:#e8e8e8; line-height:2em; font-weight:bold;text-align:center;
}
.price-detail .pricelist{
  background-color:#e8e8e8;text-align:center;
}
.price-detail .rulePrice{
  color:brown;font-weight:bold;cursor:help;
}
.price-detail .normalPrice{
  color:green; font-weight:bold;
}


.category-name-box{
  position:relative;
  border-left:1px solid #ccc;
  z-index: 1;
}
.category-name-box .category-name{
  padding:5px 2px;
  background-color:#efefef;
  border-bottom:1px dotted #ccc;
  border-right:1px solid #ccc;
  cursor:pointer;
}
.category-name-box .category-current{
  font-weight:bold;
  padding:5px 2px;
  background-color:#fff;
  border-bottom:1px dotted #ccc;
  border-right:1px solid #fff;
  cursor:pointer;
}
.photo-main-box{
  padding:10px;
  margin-bottom:10px;
}
.photo-main-box .photo-top-box{
  position:relative;
  top:0;
  left:-1px;
  text-align:center;
  overflow:hidden;
  float:left;
  padding:0 5px 10px 10px;
  border-left:1px solid #ccc;
}

.photo-main-box .mainbody-outer{
  vertical-align:middle;
  background-color:#333;
  border:1px solid #fff;
}

.photo-main-box .goleft{
  float:left;
  margin:6px 2px 0 3px;
}
.photo-main-box .goright{
  float:right;
  margin:6px 3px 0 2px;
}
.photo-main-box #photos {
  border:1px solid #222;
  margin:5px 0;
  overflow:hidden;
  background-color:#000;
  float:left;
  text-align:left;
}
.photo-main-box #mainbody {
  margin:5px;
  text-align:center;
  vertical-align:middle;
  overflow:hidden;
  position:relative;
}
.photo-main-box #mainbody p{
  position:static;
  +position:absolute;
  top:50%;
  vertical-align:middle;
}
.photo-main-box #showArea img {
  display:block;
  float:left;
  margin:1px;
  cursor:pointer;
  border:2px solid #666;
}
.photo-main-box #photoDesc{
  text-align:center;
  font-weight:bold;
  padding:2px 0;
  color:#fff;
}
.photo-main-box #mainphoto{
  position:static;
  +position:relative;
  top:-50%;left:-50%;
  vertical-align:middle;
}


/* --[ user-profile ]------------------------------ */
#user-profile {
	padding-bottom: 10px;
}
#user-profile #photo {
	margin: 5px 10px 0 12px !important;
	margin: 5px 5px 0 5px;
}
#user-profile table#brief-info {
	margin: 0 8px 0 0;
	padding: 0;
}
#user-profile table#detail-info {
	margin: 3px 8px 0 12px;
	padding: 0;
}
#user-profile th {
	padding: 0 10px 0 0;
	white-space: nowrap;
	vertical-align: top;
}
#user-profile #name {
	padding: 5px 0 5px 0;
	font-size: 120%;
	font-weight: bold;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	color: #176ae5;
}
#user-profile #verify {
	font-size: 75%;
	font-weight: normal;
	color: #000;
}
#user-profile td {
	width: 100%;
	line-height: 1.2em;
	padding-bottom: 3px;
}
#user-profile p#subject {
	padding: 10px 8px 15px 12px;
	line-height: 1.2em;
	font-size: 90%;
}

.webname {
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size:115%;
	font-weight: bold;
}
.webname-small {
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}
.webname-small a {
	color: #2D5680;
}


/* --[ area nav ]----------------------------- */
#area-nav {
	margin: 0 0 0 10px;
	padding: 0;
	font-size: 90%;
}
#area-nav #stats {
	padding: 0;
}
#area-nav form {
	margin: 0;
	padding: 0 0 10px 0;
}
#area-nav select {
	font-size: 100%;
}
#area-nav button {
	font-size: 100%;
}
#current-area {
	padding: 0;
	margin: 0;
	font-size: 135%;
	font-weight: bold;
	color: #ff6600;
	line-height: 1.5em;
}

/* filter-box */
.filter-box {
	margin: 10px 0;
	border: 1px dashed #ccc;
	font-size: 95%;
}
.filter-box form {
	margin: 0;
	padding: 0;
}
.filter-box td {
	padding-left: 20px;
	text-align: center;
}
.filter-box select {
	font-size: 95%;
}
.filter-box button {
	font-size: 95%;
}
.filter-box a {
	/*text-decoration: none;
	border-bottom: 1px dotted #2D5680;*/
	color: #2D5680;
}
.filter-box a:hover {
/*	background-color: #D8D8D8;*/
	color: #2D5680;
}

/* --[ sort-nav ]------------------------------- */
#sort-nav {
	margin: 0 10px 10px 10px;
	padding: 10px 0 5px 5px;
	font-size: 90%;
	border-bottom: 1px dashed #ccc;
	color: #2D5680;
}
#sort-nav strong {
	color: #000;
}
#sort-nav strong.active {
	color: #2D5680;
}
#sort-nav a {
	margin: 1px 0 1px 0;
	color: #2D5680;
}
#sort-nav a.active {
	font-weight: bold;
	text-decoration: none;
/*	background-color: #FFFBF8;*/
	background-color: #FFF;
}
#sort-nav form {
	margin: 0;
	padding: 0;
}
#sort-nav select {
	margin: 0 0px 0 0;
	font-size: 100%;
}
#sort-nav button {
	font-size: 100%;
}

.mode-nav a {
	margin: 1px 0 1px 0;
	color: #2D5680;
}
.mode-nav a.active {
	font-weight: bold;
	text-decoration: none;
/*	background-color: #FFFBF8;*/
	background-color: #FFF;
}

.filter-nav {
	line-height: 1.6em;
}
.filter-nav a.active {
	text-decoration: none;
	font-weight:bold;
	color:#555;
	border-bottom: 2px solid #f30;
}

/* --[ paging-nav ]------------------------------- */
.paging-nav {
	margin: 0 10px;
	padding: 10px;
	border-top: 1px dashed #7c0;
	font-size: 90%;
	text-align: right;
	clear: both;
}
.paging-nav-simple {
	border: 0;
	margin: 0;
	padding: 0;
	text-align: left;
}
.paging-nav form {
	padding: 10px;
}
.paging-nav-simple form {
	padding: 0 10px;
}
.paging-nav td {
	white-space: nowrap;
	vertical-align:bottom;
}
.paging-nav td.nav {
	white-space:normal;
	text-align: right;
	width: 100%;
}
.paging-nav #page-jump {
	width: 1.5em;
	font-size: 90%;
}
.paging-nav button {
	margin: 0 0 0 5px;
	font-size: 100%;
}
.paging-nav a:hover {
/*	background-color: #D8D8D8;*/
	color: #2D5680;
}

.paging-forum-nav {
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	border: 1px solid #cbddee;
	background-color: #f7f7f7;
	height: 20px;
	line-height: 22px;
	color: #999;
	float: left;
}
.paging-forum-nav a, .paging-forum-nav em, .paging-forum-nav strong, .paging-forum-nav kbd {
	font-style: normal;
	font-weight: normal;
	margin: 0;
	padding: 0 8px;
	height: 20px;
	line-height: 22px;
	float: left;
}
.paging-forum-nav strong {
	font-weight: bold;
	color: #00aa00;
	/*color: #2D5680;*/
	background-color: #deecfc;
}
.paging-forum-nav a {
	color: #2D5680;
	text-decoration: none;
}
.paging-forum-nav a:hover {
	color: #4d2900;
}
.paging-forum-nav a.nav {
	font-weight: 900;
}
.paging-forum-nav em {
	border-right: 1px solid #cbddee;
}
.paging-forum-nav kbd {
	border-left: 1px solid #cbddee;
}
.paging-forum-nav kbd input {
	border: 1px solid #cbddee;
	background: #fff;
	margin: 2px 0;
	padding: 0;
	height: 14px;
	width: 30px;
}

.paging-group-nav {
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 90%;
	border: 1px solid #cbddee;
	background-color: #f7f7f7;
	height: 16px;
	line-height: 18px;
	color: #999;
	float: left;
	margin: 0 2px;
}
.paging-group-nav a, .paging-group-nav em, .paging-group-nav strong, .paging-group-nav kbd {
	font-style: normal;
	font-weight: normal;
	margin: 0;
	padding: 0 8px;
	height: 16px;
	line-height: 18px;
	float: left;
}
.paging-group-nav strong {
	font-weight: bold;
	color: #00aa00;
	background-color: #deecfc;
}
.paging-group-nav a {
	color: #2D5680;
	text-decoration: none;
}
.paging-group-nav a:hover {
	color: #4d2900;
}
.paging-group-nav a.nav-prev {
	border-right: 1px solid #cbddee;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.paging-group-nav a.nav-next {
	border-left: 1px solid #cbddee;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.paging-group-nav em {
	border-right: 1px solid #cbddee;
}
.paging-group-nav kbd {
	border-left: 1px solid #cbddee;
}
.paging-group-nav kbd input {
	border: 1px solid #cbddee;
	background: #fff;
	margin: 1px 0;
	padding: 0;
	height: 12px;
	width: 30px;
}

/* --[ form ]--------------------------------- */
#line-attach-box {
	width: 685px;
	margin: 10px 0 0 30px;
	color:#2D5680;
	border: 1px dashed #d93d76;
}
#line-attach-box form {
	padding: 10px;
}

#form-box {
	float: left;
	min-width: 550px;
	width: 750px;
}
.entryForm table {
	margin: 0 0 0 10px;
	padding: 0;
	width: 97%;
}
.entryForm td {
	vertical-align: top;
}
.entryForm button {
	margin-top: 5px;
	font-size: 115%;
}
.normalForm button {
	margin-top: 5px;
	font-size: 115%;
}
.form-label {
	padding: 5px 0 0 10px;
	width: 120px;
	white-space: nowrap;
}
.entryForm .form-label {
	border-left: 5px solid #E8E8E8;
}
.normalForm .form-label {
	border-left: 5px solid #FFF;
}
.form-label-title {
	font-weight: bold;
	font-size: 105%;
	color: #333;
}
.form-label-description {
	font-size: 90%;
	padding: 3px;
	line-height: 1.3em;
	color: #666;
	border: 1px dashed #ccc;
	float: right;
	background: #ffd;
}
.form-element {
	padding: 5px 0 8px 0;
	width: 580px;
}
.form-element-description {
	font-size: 90%;
	color: #666;
}
.form-element input {
	font-size: 120%;
}
.form-element div.static-data {
	font-size: 135%;
	font-weight: bold;
	color: #2D5680;
}

.form-element-editor {
	margin: 5px 10px;
}
.form-element-option {
	cursor:pointer;
	font-size: 105%;
}
.form-element-option-description {
	padding: 3px 0;
	font-size: 90%;
	line-height: 1.2em;
	color: #666;
}
.form-element-option-description strong {
	color: #A66753;
}

.form-detail-box {
	margin: 5px 10px;
	padding: 5px;
	border: 1px dashed #ccc;
	background: #f8f8f8;
}


/* wizard */
.wizard {
	margin: 10px 0 0 0;
	font-size: 105%;
	/*color: #13477F;*/
}
.wizard ol {
/*	counter-reset: item;*/
	padding-bottom: 0;
}
.wizard ol li {
	display: inline;
	margin: 0 10px 0 0;
	padding: 0 2px;
/*	border-bottom: 4px solid #888;*/
	border-bottom: 4px solid #CCC;
}
/*
.wizard ol li:before {
	display: marker;
	content: counter(item) ". ";
	counter-increment: item;
}
*/
.wizard ol li.active {
	font-weight: bold;
/*	border-bottom: 4px solid #FF9900;*/
	border-bottom: 4px solid #FFD08B;
}

.wizard-content {
	margin: 20px 10px 20px 15px;
	border: 1px solid #ccc;
	background-color: #fff;
}
.wizard-content form {
	padding-left: 5px;
}
.wizard-content button {
	font-size: 115%;
}
.wizard-section {
	margin: 10px 0 25px 0;
}
.wizard-section h4 {
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	color: #61a600;
	font-size:135%;
	border-bottom: 1px dashed #ccc;
}
.wizard-section-content {
	font-size: 115%;
}
.wizard-radio {
	font-size: 115%;
	padding: 0 0 8px 0;
	cursor: pointer;
}
.wizard-radio-description {
	padding-left: 25px;
	font-size: 85%;
	color:#888;
}
.wizard-radio span.dates {
	font-size: 80%;
	color: #666;
}

/* lookup */
.lookup-result {
	width: 534px;
	font-size: 105%;
	border: 1px solid #000;
/*	background-color: #FFFBF8;
	background-color: #FFF;*/
	background-color: #FFE;
}
.lookup-result .location {
	font-size: 90%;
	color: #666;
}
.lookup-result-header {
	margin: 5px 5px 5px 10px;
	font-size: 87%;
	color: #2D5680;
}
.lookup-result-footer {
	margin: 5px 5px 5px 10px;
	font-size: 87%;
	color: red;
}
.lookup-result-footer a {
	margin-left: 10px;
	color: #2D5680;
}
.lookup-result table {
	margin: 10px;
	width: 504px;
}
.lookup-result th {
	font-weight: normal;
}
.lookup-result td {
	text-align: right;
	white-space: nowrap;
}
.lookup-result a.view {
	font-size: 87%;
	color: #2D5680;
}

#targetNameText {
	font-weight: bold;
	font-size: 145%;
}
#targetNameText a {
	margin-left: 20px;
	font-size: 85%;
}

/* aid-list autocomplete */
#aid-list ul {
	margin: 0;
	padding: 3px 3px 1px 3px;
	border: 3px double #ccc;
	background-color: #ffd;
	position: absolute;
	word-break: normal;
}
#aid-list ul li {
	margin: 0 0 2px 0;
	padding: 3px 0 3px 18px;
	background: url(http://img0.yododo.com/images/bullet_green.gif) no-repeat 0;
	list-style: none;
	cursor: pointer;
	font-size: 90%;
	line-height: 1.2em;
}
#aid-list ul li span.eng {
	color: #666;
}
#aid-list .selected {
	color: #4d2900;
	background-color: #FFE0BF;
}
#aid-list .hasMore {
	text-align: center;
	font-size: 90%;
	color: #888;
	white-space: nowrap;
}
#aid-help {
	border: 3px double #ccc;
	background-color: #ffd;
	line-height: 1.3em;
	font-size: 90%;
	color: #666;
}
button#aid-button {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
#aid-result {
	padding: 2px 0 2px 8px;
	background-color: #ffc;
	border: 1px dashed #ccc;
}
#aid-result #aid-desc, #aid-desc-box #aid-result #aid-desc {
	font-weight: bold;
	font-size: 105%;
}
#aid-desc-box #aid-desc {
	font-size: 120%;
	font-weight: bold;
	color: #A66753;
}

/* --[ help ]--------------------------------- */
ul.intro-guide {
	padding-left: 5px;
	padding-right: 10px;
	font-size: 90%;
	line-height: 1.4em;
	color: #4f4f4f;
}
div.intro-guide-desc {
	margin: 0 10px 18px 15px;
	font-size: 90%;
	line-height: 1.4em;
	color: #4f4f4f;
}

#help-box {
	float: left;
	margin: 0 5px 0 5px;
	padding: 0;
}
.help-title {
	margin: 0 0 15px 0;
	padding: 0;
}
.help-text-box {
	padding: 15px 15px 0 15px;
}
.help-text {
	margin: 0;
	padding: 5px 0 0 0;
	width: 200px;
	font-size: 90%;
	line-height: 1.4em;
	color: #555;
}
.help-text-large {
	margin: 0;
	padding: 5px 0 0 0;
	width: 205px;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 1.4em;
	color: #555;
}
.help-text ul, .help-text ol {
	padding: 0;
}
.help-text ul li {
	margin: 0 0 5px 0;
}
#exif-box table th {
	border-top: 1px dashed #ccc;
	padding: 2px 3px 1px 0;
	vertical-align: top;
	white-space: nowrap;
	color: #444;
}
#exif-box table td {
	border-top: 1px dashed #ccc;
	padding: 2px 0 1px 0;
	vertical-align: top;
	font-size: 85%;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}
.help-more {
	text-align: right;
	padding-right: 10px;
}
.help-window {
	z-index: 999;
	position: absolute;
	top: 100px;
	left: 250px;
/*	background-color: #FFFBF8;*/
	background-color: #FFF;
	border: 3px ridge #AAA;
}

.help-header-box {
	text-align: right;
	font-size: 90%;
	color: #2D5680;
}

.help-guide {
	padding: 10px 15px;
}
.help-guide table {
	padding-top: 1em;
	padding-bottom: 0.5em;
	width: 100%;
}
.help-guide th, .help-guide td {
	vertical-align: top;
}
.help-guide td {
	padding-left: 15px;
}
.help-guide td ul {
	padding-top: 0;
	padding-right: 0;
}
.help-guide td ul li {
	line-height: 1.4em;
	margin-left: 0;
	margin-bottom: 5px;
	padding-left: 16px;
}
.help-guide h4 {
/*	color: #A66753;*/
	color: #176ae5;
}
.help-guide img {
	border: 1px solid #888;
}
.help-guide button {
	font-size: 115%;
}

#help-detail {
	margin: 10px 8px;
}
#help-detail table {
}
#help-detail th {
	padding: 10px 10px 5px 15px;
	font-size: 105%;
/*	color: #176ae5;*/
	color: #2D5680;
	background-color: #efefef;
}
#help-detail td {
	background-color: #f8f8f8;
	padding-top: 10px;
	padding-bottom: 5px;
}
#help-detail td strong {
	padding-left: 10px;
/*	color: #61a600;*/
	color: #A66753;
}
#help-detail td ul {
	padding-top: 0;
	padding-bottom: 5px;
}
#help-detail td ul li {
	margin-left: 0;
	padding-left: 16px;
}
#help-detail ol, #help-detail ul {
	padding-top: 5px;
	padding-bottom: 0;
}
#help-detail ol.small-ol {
	padding-top: 0;
}
#help-detail ol.small-ol li {
	margin-left: 5px;
}
#help-detail p.small-p {
	padding-bottom: 5px;
}
#help-detail h3 {
	margin-bottom: 0;
	padding: 3em 10px 0 10px;
	font-size: 135%;
	color: #2D5680;
}
#help-detail h4 {
	margin-top: 1.5em;
	padding-top: 10px;
	border-top: 1px dashed #ccc;
}
#help-detail img {
	border: 1px solid #888;
}


/* --[ message ]------------------------------ */
.message-list {
	padding: 1em 10px;
}
.message-list form {
	padding: 0;
}
.message-list table {
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}
.message-list th, .message-list td {
	white-space: nowrap;
	line-height: 1.3em;
}
.message-list th {
	padding: 0 5px;
	font-weight: normal;
	font-size: 100%;
	color: #2D5680;
	border-bottom: 1px solid #ccc;
}
.message-list td {
	padding: 6px;
	font-size: 90%;
	border-bottom: 1px dashed #ccc;
}
.message-list td.status {
	padding-right: 10px;
	color: #666;
}
.message-list td.subject {
	width: 100%;
	white-space: normal;
  text-align: left;
}
.message-list td.sender {
}
.message-list td.timestamp {
	padding-right: 10px;
	color: #666;
}
.message-list td.view-msg {
	font-size: 100%;
}


.message-content {
	margin: 10px 15px 20px 15px;
}
.message-content table#message-table {
	width: 100%;
}
.message-content table#message-table th, .message-content td {
	vertical-align: top;
	line-height: 1.2em;
}
.message-content table#message-table th {
	padding: 3px 5px 3px 0;
	font-size: 100%;
	color: #2D5680;
	white-space: nowrap;
}
.message-content table#message-table td {
	padding: 3px 0 3px 5px;
	width: 100%;
}
.message-content .message-body {
	padding: 1em 0;
	text-align: left;
	white-space: normal;
	color: #333;
	border-top: 1px solid #ccc;
	line-height: 1.4em;
}
.message-content table#message-table td.sender {
}
.message-content table#message-table td.timestamp {
	color: #333;
}


/* --[ searchBox ]---------------------------- */
#searchBox {
	min-height: 20em;
	margin: 15px 10px 20px 15px;
	padding: 0;
}
#searchBox fieldset {
	border: 1px solid #ccc;
}
#searchBox legend {
	margin: 0 10px;
	padding: 0 5px;
	font-size: 115%;
	font-weight: bold;
}
#searchBox a {
	margin: 0 0 -4px 0;
	padding: 5px 3px 0 3px !important;
	padding: 5px 0px 0 4px;
	line-height: 2em;
	text-decoration: none;
	border: 0;
/*	color: #606F80;
	color: #2D5680;*/
	color: #13477F;
}
#searchBox a:hover {
/*	background-color: #E0DDDA;*/
	background-color: transparent;
	border-bottom: 3px solid #CCC;
/*	color: #2D5680;*/
	color: #176ae5;
}
#searchBox a.active, #searchBox a.active:hover {
	border-bottom: 3px solid #FFD08B;
	background-color: transparent;
/*	color: #2D5680;
	color: #13477F;*/
	color: #176ae5;
}
/*
#searchBox a.active:hover {
	border-bottom: 3px solid #FFD08B;
	background-color: transparent;
	color: #2D5680;
	color: #176ae5;
}
*/
#searchBox span.separator {
	margin: 0;
	padding: 0;
	color: #ccc;
	font-weight: normal;
}
#searchRow input, #searchRow select {
	font-size: 150%;
}


/* --[ footer ]------------------------------- */
#footer-box {
	margin: 0;
	background: #FFF;
	border-top: 1px solid #9cf;
/*	border-top: 1px solid #083868;*/
}
#footer-box-inner {
	margin: 0 10px 0 10px;
/*	padding: 8px 0 7px 0;*/
	line-height: 1.8em;
}
#footer a {
	color: #0059b3;
	border: none;
	text-decoration: none;
}
#footer a:hover {
/*
	color: #fff;
	background-color: #2D5680;
*/
	color: #4d2900;
}

#bottom-bar {
	padding: 5px 0 0 0;
	background: #9cf;
}


/* --[ inviteFriend ]------------------------ */
.mail-popup {
	margin: 15px;
	text-align: left;
	font-size: 110%;
}
.mail-popup h4 {
	margin-bottom: 10px;
	font-size: 135%;
	color: #ff6600;
}
.mail-popup th {
	font-size: 115%;
	white-space: nowrap;
	vertical-align: top;
}
.mail-popup button {
	font-size: 100%;
}
/* --[ tooltip ]----------------------------- */
div#protoTip {
	position:absolute;
	z-index:1000;
	width: auto;
	max-width: 150px;
	background:#FFEDD9;
/*	border-top:3px solid #B3997D;
	border-left:3px solid #B3997D;
	border-right:3px solid #4D4236;
	border-bottom:3px solid #4D4236;*/
	border:3px solid #B3997D;
	text-align:left;
	padding:5px;
	-moz-border-radius:7px;
	-moz-opacity: 0.88;
	opacity:.88;
	filter: alpha(opacity=88);
}
div#protoTip div.tip-header {
	margin: 0;
	padding: 2px 0 1px 0;
	color:#000;
	font-size: 115%;
	font-weight: bold;
}
div#protoTip div.tip-text {
	margin: 0;
	padding: 1px 0 2px 0;
	color:#000;
	font-size: 90%;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}
div#protoTip div.tip-text ul, div#protoTip div.tip-text ol {
	margin: 0 0 0 15px;
	padding: 0;
}
div#protoTip img {
	max-width: 100px;
}

/* --[ multi-area ]------------------------- */
#multi-area-box {
	word-break: keep-all;
}
#multi-area-box span {
	padding-right: 20px;
}
#multi-area-box span a {
	text-decoration: none;
}

/* --[ progressBar ]------------------------ */
#progressBar, #progressBar1, #progressBar2 {
	padding-top: 5px;
}
#progressBarBox, #progressBarBox1, #progressBarBox2 {
	width: 580px;
	height: 20px;
	border: 1px inset;
	background: #eee;
}
#progressBarBoxContent, #progressBarBoxContent1, #progressBarBoxContent2 {
	width: 0;
	height: 20px;
	border-right: 1px solid #444;
	background: #9ACB34;
}

/* --[ upload ]----------------------------- */
#files_list {
	margin: 0 0 5px 15px;
	padding: 5px 5px 5px 10px;
	background-color: #fff;
	border: 1px dashed #ccc;
}
.upload-file-row {
	margin: 5px 0;
	font-size: 70%;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	line-height: 1.5em;
}
.upload-file-row img {
	border: 1px solid #999;
	margin-right: 10px;
}
.upload-file-row .delete-link {
	font-size: 130%;
	padding-left: 10px;
}

/* --[ info-center ]------------------------ */
#infoCenter {
	margin: 10px;
}
#infoCenter ul {
	margin-top: 3px;
	padding: 0;
}
#infoCenter ul li {
	margin-left: 5px;
	padding-left: 16px;
}
#infoCenter #cat-box-1 ul li {
	background: url(http://img2.yododo.com/images/bullet_red.gif) no-repeat 0;
}
#infoCenter #cat-box-2 ul li {
	background: url(http://img3.yododo.com/images/bullet_orange.gif) no-repeat 0;
}
#infoCenter #cat-box-3 ul li {
	background: url(http://img0.yododo.com/images/bullet_yellow.gif) no-repeat 0;
}
#infoCenter #cat-box-4 ul li {
	background: url(http://img0.yododo.com/images/bullet_green.gif) no-repeat 0;
}
#infoCenter #cat-box-5 ul li {
	background: url(http://img1.yododo.com/images/bullet_blue.gif) no-repeat 0;
}
#infoCenter #cat-box-6 ul li {
	background: url(http://img2.yododo.com/images/bullet_purple.gif) no-repeat 0;
}
#infoCenter .cat-box th {
	padding: 2px 5px 1px 10px;
	background: #eee;
	color: #555;
	font-size: 105%;
}
#infoCenter .cat-box th a.detail {
	font-size: 100%;
	text-decoration: none;
}
#infoCenter #cat-box-1 th {
	border-top: 1px solid red;
}
#infoCenter #cat-box-2 th {
	border-top: 1px solid orange;
}
#infoCenter #cat-box-3 th {
	border-top: 1px solid #f4d567;
}
#infoCenter #cat-box-4 th {
	border-top: 1px solid #3eb336;
}
#infoCenter #cat-box-5 th {
	border-top: 1px solid #00a5ff;
}
#infoCenter #cat-box-6 th {
	border-top: 1px solid #a35ae4;
}

#infoCat {
	margin: 0;
	padding: 5px 10px 10px 10px;
}
#infoCat #cat-header {
	margin-bottom: 5px;
}
#infoCat #cat-header span {
	font-size: 105%;
	font-weight: bold;
}
#infoCat #cat-header span strong {
	font-size: 115%;
	color: #ff6600;
}
#infoCat ul {
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;
	word-break: keep-all;
}
#infoCat ul li {
	display: inline;
	margin: 0 5px 0 0;
	padding: 0;
	background: none;
}

#userInfoDetail ul {
	padding-bottom: 10px;
}
#userInfoDetail ul li {
  margin: 0 0 8px 5px;
  line-height: 1.2em;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}
#userInfoDetail ul li span.im {
  font-size:80%;
}
#userInfoDetail ul li span.address {
  font-size:90%;
}
#userInfoDetail #private {
	margin: 0 10px 10px 30px;
	padding: 5px;
	color: #666;
	border: 1px dashed red;
}
#infoDetailDesc {
	padding-top: 15px;
	border-top: 1px dashed #ccc;
}
#infoDetailDesc img {
	max-width: 600px;
}


/* --[ rank-list ]-------------------------- */
.rank-list {
	margin: 10px 5px;
}
.rank-list table {
	width: 100%;
}
.rank-list td {
	padding: 5px 0;
	white-space: nowrap;
	vertical-align: top;
	border-top: 1px dashed #ccc;
}
.rank-list td .rank {
	padding: 5px 10px 0 0;
	font-size: 125%;
	font-weight: bold;
	font-family: Times, Times New Roman, Georgia, serif;
	text-align: right;
}
.rank-list td .user-icon {
	padding-right: 10px;
}
.rank-list td .user-icon img {
  border: 1px solid #999;
}
.rank-list td.data {
	width: 100%;
}
.rank-list td .user-name {
	font-size: 105%;
	font-weight: bold;
}
.rank-list td a.sub-title {
	font-weight: bold;
	color: #61a600;
}
.rank-list td .stats {
	padding-top: 2px;
	font-size: 90%;
	line-height: 1.2em;
}
.rank-list td .trend {
	font-size: 90%;
	line-height: 1.2em;
}
.rank-list td .trend .up {
	padding: 0 0 0 17px;
	background-image: url(http://img0.yododo.com/images/icon_up.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.rank-list td .trend .down {
	padding: 0 0 0 17px;
	background-image: url(http://img1.yododo.com/images/icon_down.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.rank-list td .trend .flat {
	padding: 0 0 0 17px;
	background-image: url(http://img2.yododo.com/images/icon_flat.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.rank-list td .trend .prev {
	color: #666;
}

/* --[ misc ]------------------------------- */
.valid {
	border: 1px solid #00be00;
	padding-left: 18px;
	background: url(http://img2.yododo.com/images/icon_accept.gif) no-repeat 0;
	background-color: #e6ffe6;
	width: 472px;
}
.invalid {
	border: 1px solid #be0000;
	padding-left: 18px;
	background: url(http://img3.yododo.com/images/icon_warn.gif) no-repeat 0;
	background-color: #ffe6e6;
	width: 472px;
}
.remind {
	padding: 2px 5px;
	line-height: 1.4em;
	font-size: 90%;
	border: 1px solid #e6e600;
	background-color: #ffffe5;
}
.messagebox {
	border: 1px solid #00be00;
	background-color: #e6ffe6;
	padding: 20px 5px ;
	text-align:center;
}
.messagebox-err {
	border: 1px solid #be0000;
	background-color: #ffe6e6;
	padding: 20px 5px ;
	text-align:center;
}
p.copyright {
	font-size: 90%;
	color: #666;
  padding: 8px 10px;
}
span.partialDisplay {
	padding: 0;
}
.partialDisplay a {
	border: none;
	text-decoration: none;
	color: #176ae5;
}
.partialDisplay a:hover {
/*	background-color: transparent;*/
	background-color: #D8D8D8;
	color: #176ae5;
}

.time {
	padding: 0 0 0 16px;
	background-image: url(http://img2.yododo.com/images/icon_time.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.star {
	padding: 0 0 0 16px;
	background-image: url(http://img3.yododo.com/images/icon_star.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.rate {
	padding: 0 0 0 17px;
	background-image: url(http://img0.yododo.com/images/icon_happy.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.user {
	margin: 0;
	padding: 0 0 0 18px;
	background-image: url(http://img2.yododo.com/images/icon_user_green.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.tag {
	padding: 0 0 0 18px;
	background-image: url(http://img0.yododo.com/images/icon_tag.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.area-icon {
	padding: 0 0 0 18px;
	background-image: url(http://img1.yododo.com/images/icon_area.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.map {
	padding: 0 0 0 19px;
	background-image: url(http://img1.yododo.com/images/icon_map.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.blog {
	padding: 0 0 0 17px;
	background-image: url(http://img1.yododo.com/images/icon_blog.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.review {
	padding: 0 0 0 17px;
	background-image: url(http://img3.yododo.com/images/icon_review.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.photo-icon {
	padding: 0 0 0 17px;
	background-image: url(http://img0.yododo.com/images/icon_photo.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.video {
	padding: 0 0 0 17px;
	background-image: url(http://img0.yododo.com/images/icon_video.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.bullet {
	padding: 0 0 0 18px;
	background-image: url(http://img1.yododo.com/images/bullet-alt.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.bullet-red {
	padding: 0 0 0 17px;
	background-image: url(http://img2.yododo.com/images/bullet_red.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.bullet-orange {
	padding: 0 0 0 17px;
	background-image: url(http://img3.yododo.com/images/bullet_orange.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.bullet-yellow {
	padding: 0 0 0 17px;
	background-image: url(http://img0.yododo.com/images/bullet_yellow.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.bullet-green {
	padding: 0 0 0 17px;
	background-image: url(http://img0.yododo.com/images/bullet_green.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.bullet-blue {
	padding: 0 0 0 17px;
	background-image: url(http://img1.yododo.com/images/bullet_blue.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.bullet-indigo {
	padding: 0 0 0 17px;
	background-image: url(http://img0.yododo.com/images/bullet_indigo.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.bullet-purple {
	padding: 0 0 0 17px;
	background-image: url(http://img2.yododo.com/images/bullet_purple.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.bullet-more {
	padding: 0 0 0 10px;
	background-image: url(http://img1.yododo.com/images/blue-more.gif);
	background-repeat: no-repeat;
	background-position: 0;
}

.idea {
	padding: 0 0 0 18px;
	background-image: url(http://img1.yododo.com/images/icon_lightbulb.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.help {
	margin: 0;
	padding: 0 0 0 18px;
	background-image: url(http://img3.yododo.com/images/icon_help.gif);
	background-repeat: no-repeat;
	background-position: 0% 30%;
}
.help-blue {
	padding: 0 0 0 18px;
	background-image: url(http://img3.yododo.com/images/icon_help_blue.gif);
	background-repeat: no-repeat;
	background-position: 0% 30%;
	cursor: help;
}
.alert {
	margin: 0;
	padding: 0 0 0 18px;
	background-image: url(http://img1.yododo.com/images/icon_alert.gif);
	background-repeat: no-repeat;
	background-position: 0% 30%;
	line-height: 1.2em;
}
.warn {
	margin: 0;
	padding: 0 0 0 18px;
	background-image: url(http://img3.yododo.com/images/icon_warn.gif);
	background-repeat: no-repeat;
	background-position: 0% 30%;
}
.search {
	margin: 0;
	padding: 0 0 0 18px;
	background-image: url(http://img1.yododo.com/images/icon_search.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.accept {
	margin: 0;
	padding: 0 0 0 18px;
	background-image: url(http://img2.yododo.com/images/icon_accept.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.answered {
	margin: 0;
	padding: 0 0 0 18px;
	background-image: url(http://img0.yododo.com/images/icon_answered.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.question {
	margin: 0;
	padding: 0 0 0 18px;
	background-image: url(http://img3.yododo.com/images/icon_question.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.closed {
	margin: 0;
	padding: 0 0 0 18px;
	background-image: url(http://img0.yododo.com/images/icon_delete.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.reward {
	margin: 0;
	padding: 0 0 0 18px;
	background-image: url(http://img3.yododo.com/images/icon_coins.gif);
	background-repeat: no-repeat;
	background-position: 0;
	font-size: 95%;
	color: #ff3300;
}
.coins {
	margin: 0;
	padding: 0 0 0 18px;
	background-image: url(http://img3.yododo.com/images/icon_coins.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.trophy {
	margin: 0;
	padding: 0 0 0 18px;
	background-image: url(http://img1.yododo.com/images/icon_trophy.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.certified {
	margin: 0;
	padding: 0 0 0 17px;
	background-image: url(http://img0.yododo.com/images/icon_certified.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.review-certified {
	margin: 0;
	padding: 0 0 0 17px;
	background-image: url(http://img0.yododo.com/images/icon_user_certified.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.review-nocertified {
	margin: 0;
	padding: 0 0 0 17px;
	background-image: url(http://img0.yododo.com/images/icon_user_nocertified.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.recommend {
	margin: 0;
	padding: 0 0 0 18px;
	background-image: url(http://img1.yododo.com/images/icon_recommend.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.view {
	margin: 0;
	padding: 0 0 0 18px;
	background-image: url(http://img1.yododo.com/images/icon_view.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.back {
	margin: 0;
	padding: 0 0 0 18px;
	background-image: url(http://img2.yododo.com/images/icon_back.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.mouse {
	margin: 0;
	padding: 0 0 0 17px;
	background-image: url(http://img2.yododo.com/images/icon_mouse.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.comment-icon {
	margin: 0;
	padding: 0 0 0 14px;
	background-image: url(http://img3.yododo.com/images/icon_comment.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.rate-plus {
	margin: 0;
	padding: 0 0 0 18px;
	background-image: url(http://img0.yododo.com/images/icon_happy.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.rate-minus {
	margin: 0;
	padding: 0 0 0 18px;
	background-image: url(http://img0.yododo.com/images/icon_unhappy.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.link {
	margin: 0;
	padding: 0 0 0 17px;
	background-image: url(http://img3.yododo.com/images/icon_link.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.add {
	margin: 0;
	padding: 0 0 0 18px;
	background-image: url(http://img0.yododo.com/images/icon_add.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.edit {
	margin: 0;
	padding: 0 0 0 18px;
	background-image: url(http://img0.yododo.com/images/icon_edit.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.edit-report {
	margin: 0;
	padding: 0 0 0 18px;
	background-image: url(http://img3.yododo.com/images/icon_report_edit.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.edit-add {
	margin: 0;
	padding: 0 0 0 18px;
	background-image: url(http://img1.yododo.com/images/icon_edit_add.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.delete {
	margin: 0;
	padding: 0 0 0 18px;
	background-image: url(http://img2.yododo.com/images/icon_trash.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.close {
	margin: 0;
	padding: 0 0 0 18px;
	background-image: url(http://img3.yododo.com/images/icon_close.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.quote {
	margin: 0;
	padding: 0 0 0 18px;
	background-image: url(http://img0.yododo.com/images/icon_quote.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.house {
	margin: 0;
	padding: 0 0 0 18px;
	background-image: url(http://img3.yododo.com/images/icon_house.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.up {
	margin: 0;
	padding: 0 0 0 15px;
	background-image: url(http://img0.yododo.com/images/icon_up.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.down {
	margin: 0;
	padding: 0 0 0 15px;
	background-image: url(http://img1.yododo.com/images/icon_down.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.refresh {
	margin: 0;
	padding: 0 0 0 18px;
	background-image: url(http://img2.yododo.com/images/icon_refresh.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.rotate-cw {
	margin: 0;
	padding: 0 0 0 18px;
	background-image: url(http://img3.yododo.com/images/icon_rotate_cw.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.rotate-ccw {
	margin: 0;
	padding: 0 0 0 18px;
	background-image: url(http://img3.yododo.com/images/icon_rotate_ccw.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.tick {
	margin: 0;
	padding: 0 0 0 18px;
	background-image: url(http://img3.yododo.com/images/icon_tick.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.printer {
	margin: 0;
	padding: 0 0 0 18px;
	background-image: url(http://img2.yododo.com/images/icon_printer.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.save {
	margin: 0;
	padding: 0 0 0 18px;
	background-image: url(http://img3.yododo.com/images/icon_save.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.message {
	margin: 0;
	padding: 0 0 0 18px;
	background-image: url(http://img2.yododo.com/images/icon_email.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.monitor {
	margin: 0;
	padding: 0 0 0 18px;
	background-image: url(http://img3.yododo.com/images/icon_monitor.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.footprint {
	margin: 0;
	padding: 0 0 0 18px;
	background-image: url(http://img1.yododo.com/images/icon_footprint.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.cart {
	margin: 0;
	padding: 0 0 0 18px;
	background-image: url(http://img2.yododo.com/images/icon_cart.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.heart {
	margin: 0;
	padding: 0 0 0 18px;
	background-image: url(http://img2.yododo.com/images/icon_heart.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.heart-add {
	margin: 0;
	padding: 0 0 0 18px;
	background-image: url(http://img1.yododo.com/images/icon_heart_add.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.heart-delete {
	margin: 0;
	padding: 0 0 0 18px;
	background-image: url(http://img2.yododo.com/images/icon_heart_delete.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.user-add {
	margin: 0;
	padding: 0 0 0 18px;
	background-image: url(http://img0.yododo.com/images/icon_user_add.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.user-delete {
	margin: 0;
	padding: 0 0 0 18px;
	background-image: url(http://img2.yododo.com/images/icon_user_delete.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.group-icon {
	margin: 0;
	padding: 1px 0 0 18px;
	background-image: url(http://img3.yododo.com/images/icon_group.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.group-add {
	margin: 0;
	padding: 1px 0 0 18px;
	background-image: url(http://img2.yododo.com/images/icon_group_add.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.group-delete {
	margin: 0;
	padding: 1px 0 0 18px;
	background-image: url(http://img2.yododo.com/images/icon_group_delete.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.mode-list {
	margin: 0;
	padding: 0 0 0 18px;
	background-image: url(http://img1.yododo.com/images/icon_view_mode_list.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.mode-thumb {
	margin: 0;
	padding: 0 0 0 18px;
	background-image: url(http://img1.yododo.com/images/icon_view_mode_thumb.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.mode-gallery {
	margin: 0;
	padding: 0 0 0 18px;
	background-image: url(http://img1.yododo.com/images/icon_view_mode_gallery.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.status-online {
	margin: 0;
	padding: 0 0 0 18px;
	background-image: url(http://img2.yododo.com/images/icon_status_online.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.status-offline {
	margin: 0;
	padding: 0 0 0 18px;
	background-image: url(http://img0.yododo.com/images/icon_status_offline.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.entryForm .required {
	margin: 0;
	padding: 0 18px 0 0;
	background-image: url(http://img2.yododo.com/images/icon_required.gif);
	background-repeat: no-repeat;
	background-position: 100% 40%;
}
.review-place {
	margin: 0;
	padding: 0 0 0 18px;
	background-image: url(http://img2.yododo.com/images/icon_review_place.gif);
	background-repeat: no-repeat;
	background-position: 0% 30%;
}
.review-hotel {
	margin: 0;
	padding: 0 0 0 18px;
	background-image: url(http://img0.yododo.com/images/icon_review_hotel.gif);
	background-repeat: no-repeat;
	background-position: 0% 30%;
}
.review-food {
	margin: 0;
	padding: 0 0 0 18px;
	background-image: url(http://img2.yododo.com/images/icon_review_food.gif);
	background-repeat: no-repeat;
	background-position: 0% 30%;
}
.review-entertainment {
	margin: 0;
	padding: 0 0 0 18px;
	background-image: url(http://img1.yododo.com/images/icon_review_entertainment.gif);
	background-repeat: no-repeat;
	background-position: 0% 30%;
}
.review-shopping {
	margin: 0;
	padding: 0 0 0 18px;
	background-image: url(http://img0.yododo.com/images/icon_review_shopping.gif);
	background-repeat: no-repeat;
	background-position: 0% 30%;
}
.review-info {
	margin: 0;
	padding: 0 0 0 18px;
	background-image: url(http://img1.yododo.com/images/icon_review_info.gif);
	background-repeat: no-repeat;
	background-position: 0% 30%;
}
.review-g {
	margin: 0;
	padding: 0 0 0 18px;
	background-image: url(http://img2.yododo.com/images/icon_review_g.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.review-m {
	margin: 0;
	padding: 0 0 0 18px;
	background-image: url(http://img3.yododo.com/images/icon_review_m.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.review-b {
	margin: 0;
	padding: 0 0 0 18px;
	background-image: url(http://img1.yododo.com/images/icon_review_b.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
.star-5-0 {
	padding: 0 68px 0 0;
	background: url(http://img0.yododo.com/images/star-5-0.gif) no-repeat 100% 30%;
}
.star-4-5 {
	padding: 0 68px 0 0;
	background: url(http://img3.yododo.com/images/star-4-5.gif) no-repeat 100% 30%;
}
.star-4-0 {
	padding: 0 68px 0 0;
	background: url(http://img3.yododo.com/images/star-4-0.gif) no-repeat 100% 30%;
}
.star-3-5 {
	padding: 0 68px 0 0;
	background: url(http://img3.yododo.com/images/star-3-5.gif) no-repeat 100% 30%;
}
.star-3-0 {
	padding: 0 68px 0 0;
	background: url(http://img0.yododo.com/images/star-3-0.gif) no-repeat 100% 30%;
}
.star-2-5 {
	padding: 0 68px 0 0;
	background: url(http://img0.yododo.com/images/star-2-5.gif) no-repeat 100% 30%;
}
.star-2-0 {
	padding: 0 68px 0 0;
	background: url(http://img0.yododo.com/images/star-2-0.gif) no-repeat 100% 30%;
}
.star-1-5 {
	padding: 0 68px 0 0;
	background: url(http://img1.yododo.com/images/star-1-5.gif) no-repeat 100% 30%;
}
.star-1-0 {
	padding: 0 68px 0 0;
	background: url(http://img0.yododo.com/images/star-1-0.gif) no-repeat 100% 30%;
}
.star-0-5 {
	padding: 0 68px 0 0;
	background: url(http://img3.yododo.com/images/star-0-5.gif) no-repeat 100% 30%;
}
.star-0-0 {
	padding: 0 68px 0 0;
	background: url(http://img3.yododo.com/images/star-0-0.gif) no-repeat 100% 30%;
}
.star-empty {
	padding: 0 68px 0 0;
	background: url(http://img3.yododo.com/images/star-empty.gif) no-repeat 100% 30%;
}
.big-star-5-0 {
	padding: 5px 122px 5px 0;
	background: url(http://img1.yododo.com/images/big-star-5-0.gif) no-repeat 100% 30%;
}
.big-star-4-5 {
	padding: 5px 122px 5px 0;
	background: url(http://img1.yododo.com/images/big-star-4-5.gif) no-repeat 100% 30%;
}
.big-star-4-0 {
	padding: 5px 122px 5px 0;
	background: url(http://img1.yododo.com/images/big-star-4-0.gif) no-repeat 100% 30%;
}
.big-star-3-5 {
	padding: 5px 122px 5px 0;
	background: url(http://img1.yododo.com/images/big-star-3-5.gif) no-repeat 100% 30%;
}
.big-star-3-0 {
	padding: 5px 122px 5px 0;
	background: url(http://img2.yododo.com/images/big-star-3-0.gif) no-repeat 100% 30%;
}
.big-star-2-5 {
	padding: 5px 122px 5px 0;
	background: url(http://img2.yododo.com/images/big-star-2-5.gif) no-repeat 100% 30%;
}
.big-star-2-0 {
	padding: 5px 122px 5px 0;
	background: url(http://img2.yododo.com/images/big-star-2-0.gif) no-repeat 100% 30%;
}
.big-star-1-5 {
	padding: 5px 122px 5px 0;
	background: url(http://img1.yododo.com/images/big-star-1-5.gif) no-repeat 100% 30%;
}
.big-star-1-0 {
	padding: 5px 122px 5px 0;
	background: url(http://img2.yododo.com/images/big-star-1-0.gif) no-repeat 100% 30%;
}
.big-star-0-5 {
	padding: 5px 122px 5px 0;
	background: url(http://img2.yododo.com/images/big-star-0-5.gif) no-repeat 100% 30%;
}
.big-star-0-0 {
	padding: 5px 122px 5px 0;
	background: url(http://img1.yododo.com/images/big-star-0-0.gif) no-repeat 100% 30%;
}
.loading {
	padding: 0 0 0 18px;
	background: url(http://img1.yododo.com/images/indicator.gif) no-repeat 0;
}
.control-play {
  margin: 0;
  padding: 1px 18px 0 0;
  background-image: url(http://img1.yododo.com/images/icon_control_play.gif);
  background-repeat: no-repeat;
  background-position: 100% 50%;
}
.hot-tag {
  margin: 0;
  padding: 0 25px 0 0;
  background-image: url(http://img0.yododo.com/images/icon_hot_tag.gif);
  background-repeat: no-repeat;
  background-position: 100% 50%;
}
.new-tag {
  margin: 0;
  padding: 0 25px 0 0;
  background-image: url(http://img0.yododo.com/images/icon_new_tag.gif);
  background-repeat: no-repeat;
  background-position: 100% 50%;
}
.errMsg {
	margin: 0;
	padding: 0;
	font-size: 90%;
	color: red;
}
.errDetail {
	font-size:85%;
	color:#ccc;
}

#msgAlertBox {
	position: absolute;
	z-index: 50;
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}
.msgAlert {
	width: 100px;
	color: #000;
	font: 12px Arial, Helvetica Neue, Helvetica, sans-serif;
	text-align: center;
}
.msgAlert span.top {
	display: block;
	padding: 20px 10px 0;
	background: url(http://img0.yododo.com/images/icon_msg_alert.gif) no-repeat top;
}
.msgAlert b.bottom {
	display: block;
	padding: 3px 10px 5px;
	background: url(http://img0.yododo.com/images/icon_msg_alert.gif) no-repeat bottom;
}

.alertBubbleBox {
	position: absolute;
  left: 5px;
  top: 25px;
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}
.alertBubble {
	width: 140px;
	color: #000;
	font: 12px Arial, Helvetica Neue, Helvetica, sans-serif;
}
.alertBubble span.top {
	display: block;
	padding: 20px 10px 0;
	background: url(http://img3.yododo.com/images/icon_bubble_alert.gif) no-repeat top;
}
.alertBubble b.bottom {
	display: block;
	padding: 3px 10px 5px;
	background: url(http://img3.yododo.com/images/icon_bubble_alert.gif) no-repeat bottom;
}