body {
	background-color: #242e8d;
	font-family: Arial, Helvetica, sans-serif;
}
* {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#legend {
	width: 177px;
	position: absolute;
	left: 845px;
	top: 10px;
}
#legend h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FCFDFF;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FCFDFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}
#legend .item {
	clear: both;
}
#legend .item .symbol {
	width: 75px;
	float: left;
	line-height: 16px;
	height: 16px;
	padding-top: 4px;
}
#legend .item .definition {
	height: 20px;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
}


#planner {
	margin: 10px;
	padding: 0px;
	width: 830px;
}
#planner #left {
	padding: 0px;
	width: 657px;
	margin-top: 0px;
	margin-right: 4px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
	position: relative;
}
#planner #left #loading {
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	font-family: "Courier New", Courier, monospace;
}

#planner #left p {
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
}
#planner #left #map {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#planner #left .city {
	position: absolute;
	height: 597px;
	width: 647px;
	background-image: url(images/bg_city.png);
	background-repeat: no-repeat;
	padding: 5px;
	margin: 0px;
}
#planner #left .city .head {
	background-image: url(images/bg_city_head.png);
	height: 65px;
	margin: 0px;
	padding: 0px;
}
#planner #left .city .head .top {
	height: 35px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}
#planner #left .city .head .top h1 {
	line-height: 35px;
	font-size: 16px;
	color: #FFF;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
#planner #left .city .head .top .close {
	float: right;
}
#planner #left .city .head .top .close .closebt {
	background-image: url(images/bg_city_close.png);
	background-repeat: no-repeat;
	display: block;
	height: 25px;
	width: 96px;
	font-size: 6px;
	text-indent: -5000px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-position: 0px top;
}
#planner #left .city .head .top .close .closebt:hover {
	background-position: -97px;
}

#planner #left .city .head .bottom {
	margin: 0px;
	height: 20px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}
#planner #left .city .head .bottom p {
	line-height: 20px;
	font-weight: normal;
	font-size: 12px;
}
#planner #left .city .head .bottom p a {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}
#planner #left .city .head .bottom p a:hover {
	color: #C9D20B;
}
#planner #left .city .content {
	height: 532px;
	margin: 0px;
	overflow: scroll;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	overflow-y: auto;
	overflow-x:hidden;
	color: #151828;
	width: 637px;
}
#planner #left .city .content .place {
	border: 1px solid #D5D8F7;
	background-color: #e4e6fa;
	margin: 5px;
	padding: 0px;
	clear: both;
	width: 617px;
}
#planner #left .city .content .place p{
	color: #10121F;
	font-weight: normal;
	font-size: 11px;
}
#planner #left .city .content .place .title {
	display: block;
	background-color: #818ABE;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	height: 25px;
	line-height: 25px;
}
#planner #left .city .content .place .title a {
	font-weight: bold;
	text-decoration: none;
	font-size: 16px;
	color: #2e3352;
}
#planner #left .city .content .place .title a:hover {
	color: #59649F;
}
#planner #left .city .content .place .links {
	float: right;
	height: 25px;
	width: 200px;
	background-color: #818ABE;
}
#planner #left .city .content .place .links span {
	list-style-type: none;
	height: 25px;
	line-height: 25px;
	margin: 0px;
	padding: 0px;
	display: block;
	float: right;
	width: 25px;
	list-style-position: inside;
}
#planner #left .city .content .place .links span a {
	display: block;
	height: 25px;
	width: 25px;
	line-height: 25px;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#planner #left .city .content .place .links span a:hover {
	background-color: #5F6AAD;
}
#planner #left .city .content .place .links span a img {
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#planner #left .city .content .place .thumb  {
	padding: 1px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	float: left;
	width: 150px;
	height: 100px;
	border: 1px solid #BFC5F2;
	background-color: #D5D8F7;
	display: block;
	clear: both;
}
#planner #left .city .content .place .placecontent {
	width: 450px;
	float: left;
	margin: 0px;
	padding: 0px;
	display: block;
}

#planner #left .city .content .place .placecontent .hr{
	height: 7px;
	background-image:url(images/bg_hr.png);
	margin-top:5px;
	margin-bottom:5px;
	background-repeat: no-repeat;
	background-position: center;
}
#planner #left .city .content .place .placecontent .hr hr {
  display: none;
}
#planner #left .city .content .place .placecontent .rank {
	display: block;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}
#planner #left .city .content .place .placecontent .rank span {
	margin-right: 40px;
}

#planner #right {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 163px;
	background-image: url(images/bg_right.jpg);
	background-repeat: no-repeat;
	height: 607px;
}
#planner #right h1 {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	display: block;
	height: 24px;
	margin: 0px;
	padding: 0px;
	line-height: 24px;
	color: #242E8D;
}
#planner #right .rightbutton {
	height: 28px;
	width: 145px;
	background-image: url(images/bg_rightbutton.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	border: 1px solid #8f9294;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 9px;
	background-color: #D0DEE7;
}
#planner #right .rightbutton a {
	height: 28px;
	width: 115px;
	background-repeat: no-repeat;
	display: block;
	line-height: 28px;
	text-align: center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #13374e;
	margin: 0px;
	background-position: 3px center;
}


#planner #right #wishlist {
	height: 424px;
	width: 149px;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 7px;
	overflow-y: auto;
	overflow-x:hidden;
}
#planner #right #wishlist ul {
	margin: 0px;
	padding: 0px;
	display: inline;
	list-style-type: none;
	list-style-position: inside;
}
#planner #right #wishlist .wishlistitem  {
	list-style-type: none;
	font-size: 11px;
	display: block;
	padding: 2px;
	margin: 4px;
	background-color: #e7f0f5;
	list-style-position: inside;
	border: 1px solid #CCDFEA;
	clear: both;
	font-weight: bold;
	color: #1B3341;
	min-height:20px;
}
#planner #right #wishlist .wishlistitem .itembuttons {
	padding: 0px;
	float: right;
	width: 35px;
	height: 20px;
	background-color: #DDEAF0;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 4px;
	padding:1px;
}
.clear {
	margin: 0px;
	padding: 0px;
	clear: both;
}
#list {
	margin: 10px;
	padding: 10px;
}
#list h1 {
	color: #F4F5FD;
	font-size: 16px;
	font-weight: bold;
	text-decoration: underline;
}
#list p   {
	color: #FFF;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#list a {
	color: #FFF;
}
#adminlink a {
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	background-color: #3A49CD;
	display: block;
	width: 100px;
	text-align: center;
	height: 25px;
	line-height: 25px;
	margin: 5px;
	padding: 0px;
}


.styletable {
	background-color: #E8EAF9;
	border: 1px solid #737DDB;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.styletable td {
	padding: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DCDFF5;
}
.styletable .odd {
	background-color: #D5D9F4;
}
.styletable .head {
	background-color: #151C55;
	color: #FFF;
	font-weight: bold;
}
.styletable .red {
	background-color: #EBB1B3;
}


.styleform .error {
	padding: 5px;
	background-color: #FAD8D8;
	border: 1px solid #9F1A1A;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.styleform .error p {
	font-size: 11px;
	font-weight: bold;
	color: #330909;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.styleform .error ul {
	display: block;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	clear: none;
	float: none;
}
.styleform .error li {
	color: #330909;
	display: list-item;
	clear: none;
	float: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	list-style-type: none;
	font-weight: normal;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	background-image: url(../images/bullet_error.png);
	background-repeat: no-repeat;
	background-position: left center;
	width: auto;
}


.styleform legend {
	background-color: #BACDE9;
	font-weight: bold;
	font-size: 15px;
	padding: 2px;
	margin: 0px;
	color: #FFF;
	background-color:#3443CB;
	border:1px solid #A0C1CB;
	font-family: Arial, Helvetica, sans-serif;
}
.styleform fieldset {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 5px;
	border:1px solid #A0C1CB;
	background-color: #E8EAF9;
	background-image: url(../images/bgfieldset.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	clear: both;
}
.styleform h1 {
	font-size: 15px;
	font-weight: bold;
	display: block;
	color: #44717D !important;
	margin: 0px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	border-bottom-color: #A0C1CB;
	clear: both;
}
.styleform h2 {
	font-size: 14px;
	font-weight: bold;
	display: block;
	color: #3F5683 !important;
	margin: 0px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	clear: both;
}

.styleform ol {
	clear: both;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #BFD5DB;
}
.styleform li {
	display: block;
	width: 215px;
	font-weight:bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 25px;
	margin-bottom: 0px;
	margin-left: 0px;
	list-style-type: none;
	list-style-image: none;
}

.styleform .full {
	width: 460px;
	float: none;
	display: block;
	clear: both;
}
.styleform .tiny {
	width: 150px;
	display: block;
	margin-right: 10px;
}


.styleform label, .styleform .label{
	font-size: 12px;
	color: #122138;
	display: block;
	font-weight:bold;
	text-transform: none;
	color:#003755;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-left: 0px;
}

.styleform .required label, .styleform .required .label {
	padding-left:10px;
	background-image:url(../images/bg_requiredlabel.png);
	background-repeat:no-repeat;
	background-position:left center;
}
.styleform small {
	display: block;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #003755;
	clear: both;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.styleform .textfield {
	width: 98%;
	font-size: 16px;
	color: #2C4756;
	background-color: #F0F1FB;
	border: 1px solid #51676e;
}
.styleform .textfield:hover {
	background-color: #D3E2E7;
}
.styleform .textfield:focus {
	background-color: #F4F7F7;
	border: 1px solid #B8D0D8;
}
.styleform .textarea {
	width: 98%;
	font-size: 16px;
	color: #2C4756;
	background-color: #F0F1FB;
	border: 1px solid #666;
	height:80px;
}
.styleform .textarea:hover {
	background-color: #D3E2E7;
}
.styleform .textarea:focus {
	background-color: #F4F7F7;
	border: 1px solid #B8D0D8;
}
.styleform .selectfield {
	width: auto;
	font-size: 16px;
	color: #2C4756;
	background-color: #F0F1FB;
	border: 1px solid #666;
}
.styleform .selectfield:hover {
	background-color: #D3E2E7;
}
.styleform .selectfield:focus {
	background-color: #F4F7F7;
	border: 1px solid #B8D0D8;
}
.styleform .selectfield .selecthighlight{
	background-color:#b3cfcf;
}
.styleform fieldset fieldset {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	display: block;
	clear: both;
	margin: 0px;
	padding: 0px;
}
.styleform fieldset fieldset h1 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #003755;
	text-align: center;
}

.styleform fieldset fieldset label{
	display:block;
	width:145px;
	float:left;
	font-weight:normal;
	font-size:13px;
	padding: 0px !important;
	background-image: none !important;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.styleform fieldset fieldset label input{
	float:left;
	display:block;
}
.styleform fieldset fieldset label span{
	float:left;
	display:block;
	padding:0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	width: 115px;
}
.styleform fieldset .fullchecks label {
	clear: both;
	float: none;
	width: auto;
}
.styleform fieldset .fullchecks label span {
	width: 550px;
}

.styleform .button{
	cursor:pointer;
	border:1px outset #A0C1CB;
	background-color:#E8EAF9;
	color:#2C4756;
	font-weight:bold;
	font-size: 16px;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
	background-image: url(images/bg_button.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.styleform .button:hover{
	background-image: url(images/bg_buttonR.gif);
	background-color: #E6EEF0;
}