/* HTML elements */

a,
a:visited {
  font-family  : Verdana, Arial, sans-serif;
  font-style   : normal;
  color        : #336699;
  text-decoration : none;
  outline      : 0;
}   

a:hover {
  text-decoration : underline;
}

body {
  background       : #F5F6F7 url(/images/background.png?1) repeat-x;
  color            : #353535;
  font-family      : Verdana, sans-serif;
  font-size        : 12px;
  margin           : 0;
  padding          : 0;  
}

body.blank {
  background        : #F5F6F7 none;
  color             : #353535;
  font-family       : Verdana, sans-serif;
  font-size         : 12px;
  margin            : 0;
  padding           : 0;
}

form {
  margin-left    : 0px; 
  margin-right   : 0px; 
  margin-top     : 0px; 
  margin-bottom  : 0px;
}

h1 {
  font-size     : 20px;
  margin-top    : 10px; 
  margin-bottom : 10px;
}

h2 {
  font-size     : 16px;
  margin-top    : 10px; 
  margin-bottom : 10px;
}

h3 {
  font-size     : 13px;
  margin-top    : 10px; 
  margin-bottom : 10px;
}

button,
input,
select {
  font-size       : 140%;
}

input[type="text"]:hover,
input[type="password"]:hover {
}

img {
  border  : none;
  margin  : 0;
  padding  : 0;
}

p {
  line-height: 18px; 
}

td,
tr,
table {
  font-size  : 12px;
  padding    : 0;
  margin    : 0;
}

ul,
ol {
  margin-top : 0;
} 


/* Custom elements */

.approved {
  color  : green;
}

.authenication {
  clear           : both;  
  padding-top     : 5px;    
  padding-bottom  : 5px;    
}

.authenication .heading {
  font-size       : 120%;
  font-weight     : bold;
  padding-right   : 10px;
  text-align      : right;
  width           : 80px;
}

.badge {
  padding-top     : 10px;    
  text-align      : center;  
}

.banner {
  padding-bottom : 5px;  
  text-align     : center;    
}

.booking {   
  border-spacing : 0;  
}

.booking .picker {

}

.booking .info {  
  padding-left   : 30px;
  vertical-align : top;
  width          : 120px;
}
  
.booking .info .bullet {
  padding-top   : 2px;
  padding-right : 5px;
}

.booking .info h3 {  
  text-align      : center;
  text-decoration : underline;  
}

.booking .info .legend {  
  font-size     : 11px;
}

.booking .info .legend img {
  vertical-align : top; 
}

.booking .info .legend ul {
  list-style      : none;
  padding-top     : 0;  
  padding-bottom  : 0;  
  padding-right   : 0;  
  padding-left    : 0;    
  margin-top      : 0;  
  margin-bottom   : 0;  
  margin-right    : 0;    
  margin-left     : 15px;  
}

.booking .info .legend li {
  padding-top    : 5px;    
  padding-bottom : 5px;   
}

.booking .info .nav {  
  padding-top   : 10px;
  font-size     : 11px;
}

.booking_list {
  border-collapse : collapse;
  border-spacing  : 0;  
}

.booking_list .alternate {
  background-color : #F0F0F0;
}

.booking_list .amount {
  text-align  : center;
  width       : 140px;
}

.booking_list .comment {
  font-size      : 11px;
  padding-top    : 10px;  
}

.booking_list .date {
  padding-left : 5px;
  width        : 100px;
}

.booking_list .reservation {
  text-align  : center;
  width       : 180px;
}

.booking_list .serial {
  text-align  : center;
  width       : 140px;
}

.booking_list .status {
  text-align  : center;
  width       : 140px;
}

.booking_list td {
  padding-bottom   : 10px;  
  padding-top      : 10px;    
  vertical-align   : top;  
}

.booking_list th {
  background-color : #E0E0E0;
  padding-bottom   : 10px;  
  padding-top      : 10px;  
}

.bracket {
  font-size    : 11px;
  padding-left : 10px
}

.button-to {
  padding-top     : 5px;
  padding-bottom  : 5px;  
}

.calendar {
  border-collapse : collapse;
  border-spacing  : 0;  
}

.calendar .available {
  background-color : #9AE39F;
  padding-bottom   : 15px;  
  padding-top      : 15px;     
}

.calendar .bookable {
  background-color : #9AE39F;
}

.calendar .bookable a {
  color           : #353535;    
  display         : block; 
  padding-bottom  : 15px;  
  padding-top     : 15px;
  text-decoration : none;   
  width           : 100%;
}

.calendar .booked {
  background-color : #85A7FF;
  padding-bottom   : 15px;  
  padding-top      : 15px;     
}

.calendar .past {
  background-color : #DBDBDB;
  padding-bottom   : 15px;  
  padding-top      : 15px;    
}

.calendar td {
  border           : 1px solid #AAAAAA;  
  text-align       : center;  
  width            : 50px;  
}

.calendar .today {
  border           : 2px solid #660000;    
}

.calendar th {
  background-color : #DBDBDB;
  border           : 1px solid #AAAAAA;  
  height           : 30px;    
  text-align       : center;  
  width            : 50px;  
}

.calendar .unavailable {
  background-color : #FF8585;
  padding-bottom   : 15px;  
  padding-top      : 15px;     
}

.card {
  padding-top     : 2px;    
  padding-bottom  : 2px;  
}

.card .cap {
}

.card .content_medium {
  background-image : url('/images/card_body_medium.png?1');   
  padding-top     : 10px;    
  padding-bottom  : 10px;   
  padding-left    : 15px;    
  padding-right   : 10px;    
}

.card .content_large {
  background-image : url('/images/card_body_large.png?1');   
  padding-top     : 10px;    
  padding-bottom  : 10px;    
  padding-left    : 15px;  
  padding-right   : 10px;    
}

.card h2 {
  font-size      : 120%;  
  margin-top     : 0;
  margin-bottom  : 0;  
}

.card ol {
  margin          : 0;
  padding-left    : 40px;
}

.card ul {
  list-style      : none;
  margin          : 0;
  padding-left    : 10px;
}

.center {
  text-align: center;
}

.code {
  background-color : #F0F0F0;
  border           : 1px solid #AAAAAA;
  margin-top       : 5px;
  margin-bottom    : 10px;  
  padding-left     : 10px;
  padding-right    : 10px;  
}

.display {
  background-color : #F0F0F0;
  border           : 1px solid #AAAAAA;
  margin-top       : 10px;
  margin-bottom    : 10px;  
  padding-top      : 10px;
  padding-bottom   : 10px;    
  padding-left     : 10px;
  padding-right    : 10px;  
}

.display ul {
  list-style      : none;
  margin          : 0;
}

.district_list a:link, 
.district_list a:visited {
  font-weight : bold;  
}  
  
.district_list .bullet {
  padding-left    : 20px;  
  padding-right   : 7px;  
  text-align      : right;
}  

.district_list td {
  padding-bottom  : 5px;
}

.extras {
}

.extras li {
  padding-top    : 5px;    
  padding-bottom : 5px;   
}

.extras ul {
  padding-top     : 0;  
  padding-bottom  : 0;  
  padding-right   : 0;  
  padding-left    : 0;    
  margin-top      : 0;  
  margin-bottom   : 0;  
  margin-right    : 0;    
  margin-left     : 15px;  
}

.faq {
}

.faq h2 {
  padding-top : 20px;  
}

.flash {
  color  : green;
}

.footer {
  clear            : both;
  font-size        : 10px;
  margin           : auto;
  padding-top      : 20px;
  padding-bottom   : 20px;  
  text-align       : center;  
}

.gallery_list {
  border-collapse : collapse;
  border-spacing  : 0;  
}

.gallery_list img {
  border         : 1px solid #AAAAAA;  
  height         : 150px; 
  margin-right   : 2px;  
  margin-bottom  : 2px;   
  vertical-align : middle;  
  width          : 150px; 
}

.header {
  height       : 77px;  
  margin       : auto;
  text-align   : center;  
  width        : 980px; 
}

.header a {
  font-weight  : bold;
}

.header .bar {
  float: right;
  padding-top  : 20px;    
}

.header .logo { 
  float           : left;
  padding-left    : 10px;    
  padding-top     : 10px;     
}

.highlight {
  background-color : #E0E0E0;
}

.icons { 
  margin         : auto; 
  padding-top    : 20px; 
  padding-bottom : 20px;  
  text-align     : center;   
}

.input {
  clear           : both;  
  padding-top     : 10px;    
  padding-bottom  : 10px;    
}

.input .comment {
  font-size        : 10px;
  padding-bottom   : 5px;  
}

.input .heading {
  font-size       : 120%;
  font-weight     : bold;
  padding-bottom  : 5px;        
}

.input .preview {
  padding-bottom   : 5px;  
}

.input .preview img {
  border : 1px solid #AAAAAA; 
}

.layout { 
  margin           : auto;
  padding-top      : 20px;
  position         : relative;	
  text-align       : center;  
  width            : 980px; 
} 

.layout .container {
  clear             : both;  
  text-align        : left;    
  width             : 980px;    
}

.layout .container .about {
}

.layout .container .about h2 {
  padding-top : 10px;  
}

.layout .container .about .left {
  float      : left;
  width      : 460px;    
}

.layout .container .about .right {
  float      : right;
  width      : 460px;    
}

.layout .container .form {
  text-align     : center;    
  width          : 980px;   
}

.layout .container .form .errors {  
  margin          : auto;
  text-align      : left;
  width           : 420px;    
}

.layout .container .form .submit {  
  margin          : auto;  
  text-align      : left;  
  width           : 380px;
}

.layout .container .form .tips {  
  padding-top     : 10px;  
}

.layout .container .full {
  width       : 980px;
  text-align  : left;    
}

.layout .container .full .links { 
  margin         : auto; 
  padding-top    : 10px;    
  padding-bottom : 30px;   
  text-align     : center;   
}

.layout .container .full .links a { 
  font-weight    : bold; 
}

.layout .container .section {
  float          : right;  
  width          : 700px;  
}

.layout .container .sidebar {
  float      : left;
  width      : 250px;    
}

.layout .container .sidebar .ads { 
  padding-top    : 10px;
  text-align     : center;
}

.layout .container .tabs {
  padding-bottom : 10px;
}

.layout .main_path {
  padding-bottom  : 10px;    
  text-align      : left;      
}

.layout .main_path a {
  font-weight    : bold;
}

.layout .main_tabs {
  font-size       : 120%; 
  padding-bottom  : 10px;    
}

.layout .main_tabs a {
  font-weight     : bold;
}

.layout .main_tabs ul {
  border-bottom  : 1px solid #AAAAAA;
  list-style     : none;
  margin         : 0;
  padding-left   : 10px;
  padding-bottom : 3px;  
  text-align     : left;
}

.layout .main_tabs li {
  display: inline;
}

.layout .main_tabs li a:link,  
.layout .main_tabs li a:visited {
  background-color  : #D4DEF2;
  border            : 1px solid #AAAAAA;
  padding-left      : 12px;
  padding-top       : 3px;
  padding-right     : 12px;
  padding-bottom    : 3px;  
  text-decoration   : none; 
}

.layout .main_tabs li a:link.active,  
.layout .main_tabs li a:visited.active {
  background-color  : #F5F6F7;
  border-bottom     : 1px solid #F5F6F7;
  color             : #353535;
}

.layout .main_tabs li a:hover {
  background-color  : #3B5998;
  color             : #F5F6F7;  
}

.layout .main_tabs li a:hover.active {
  background-color  : #F5F6F7;
}

.layout .user_path {
  padding-bottom  : 10px;
  padding-left    : 280px;
  text-align      : left;
}

.layout .user_path a {
  font-weight    : bold;
}

.layout .user_tabs {
  font-size       : 120%;
  padding-bottom  : 10px;    
}

.layout .user_tabs a {
  font-weight    : bold;
}

.layout .user_tabs ul {
  border-bottom  : 1px solid #AAAAAA;
  list-style     : none;
  margin         : 0;
  padding-left   : 280px;
  padding-bottom : 3px;  
  text-align     : left;
}

.layout .user_tabs li {
  display: inline;
}

.layout .user_tabs li a:link,  
.layout .user_tabs li a:visited {
  background-color  : #D4DEF2;
  border            : 1px solid #AAAAAA;
  padding-left      : 12px;
  padding-top       : 3px;
  padding-right     : 12px;
  padding-bottom    : 3px;  
  text-decoration   : none; 
}

.layout .user_tabs li a:link.active,  
.layout .user_tabs li a:visited.active {
  background-color  : #F5F6F7;
  border-bottom     : 1px solid #F5F6F7;
  color             : #353535;
}

.layout .user_tabs li a:hover {
  background-color  : #3B5998;
  color             : #F5F6F7;  
}

.layout .user_tabs li a:hover.active {
  background-color  : #F5F6F7;
}

.line {
  padding-bottom   : 5px;  
  padding-top      : 5px;  
}

.list {
  padding-top     : 10px;  
  padding-bottom  : 10px;   
}

.main_search {
  margin         : auto; 
  padding-top    : 20px;
  padding-bottom : 10px;   
  width          : 360px;
}

.malaysia_map {
  width       : 100%;    
}

.malaysia_map .column_left {
  vertical-align  : top;
  width      : 250px;  
}

.malaysia_map .column_middle {
  padding-left  : 30px;
  padding-right : 40px;
  width         : 460px;
}

.malaysia_map .column_right {
}

.malaysia_map .column_right a:visited {
  text-decoration  : none;
}

.malaysia_map .map {
  background  : url(/images/malaysia_map.png) no-repeat; 
  width       : 460px; 
  height      : 272px; 
}

.menu {
  padding-top     : 7px;
  padding-bottom  : 7px;  
}

.menu .bullet {
  padding-right : 5px;
}

.menu .tab {
  padding-left : 9px;
}

.menu ul {
  list-style      : none;
  margin          : 0;
  padding-left    : 0px;
}

.menu li {
  padding-top    : 6px;
  padding-bottom : 6px;
}

.notice {
  margin           : 0px auto;
  padding-top      : 5px;  
  text-align       : center;  
  width            : 480px;
}

.notice a {
  font-weight     : bold;
}  

.notice .box {
  background-color : #FFFFFF;
  border           : 1px solid #AAAAAA;    
  padding-top      : 5px;
  padding-bottom   : 5px;  
}

.output {
  clear           : both;  
  padding-top     : 3px;    
  padding-bottom  : 3px;    
  text-align      : left;
}

.output .comment {
  font-size        : 11px;
}

.output .heading_long {
  font-size       : 13px;
  font-weight     : bold;
  width           : 160px;
}

.output .heading_short {
  font-size       : 13px;
  font-weight     : bold;
  width           : 140px;
}

.page {
  padding-top : 10px;  
  text-align  : center;
}

.page .content {
	position   : relative;
	width      : 500px;
	margin     : 0px auto;
	padding    : 10px 60px 120px 60px;
	background : url(/images/page_repeat.png?1) top center repeat-y;
  text-align : left;
}

.page .content h2 {
  padding-top : 10px;  
}

.page .content h3 {
  padding-top : 10px;  
}

.page .content .ads {
  padding-top    : 15px;    
}

.page .content .post {
	position   : absolute;
	bottom     : 0px;
	left       : 10px;
	width      : 600px;
	height     : 112px;
	background : url(/images/page_wasabi.png?1);
}

.page .content .thumbs {
  padding-top    : 5px;    
}

.page .pre {
	position   : relative;
	width      : 620px;
	height     : 130px;
	margin     : 0px auto 0px auto;
	background : url(/images/page_fold.png?1) top center no-repeat;
  z-index    : 9  
}

.page .pre .text {
	margin         : auto;  
	width          : 480px;
	height         : 130px;
}

.page .pre  .text h1 {
  margin-bottom  : 0px;
  font-size      : 26px;
}

.page .pre  .text h1.small {
  margin-bottom  : 0px;
  font-size      : 23px;
}

.page .pre  .text h1.very_small {
  margin-bottom  : 0px;
  font-size      : 20px;
}

.page .pre .text td {
  vertical-align : bottom;      
}

.page .signboard {
  left      : 280px;
  position  : absolute;  
  top       : 100px;
  z-index   : 10
}

.pages {
  padding-top     : 20px;
  padding-bottom  : 20px;    
  text-align      : center;
}

.pages .pagination {
  padding : 3px;
  margin  : 3px;
}

.pages .pagination a {
  color   : #336699;
  border  : 1px solid #AAAADD;
  margin  : 2px;  
  padding : 2px 5px 2px 5px;  
  text-decoration: none;
}

.pages .pagination a:hover, 
.pages .pagination a:active {
  border : 1px solid #336699;
  color  : #353535;
}

.pages .pagination span.current {
  background-color: #336699;
  border      : 1px solid #336699;
  color       : #F5F6F7;
  font-weight : bold;
  margin      : 2px;
  padding     : 2px 5px 2px 5px;  
}

.pages .pagination span.disabled {
  border  : 1px solid #EEEEEE;
  color   : #AAAAAA;
  margin  : 2px;  
  padding : 2px 5px 2px 5px;  
}

.payment_list {
  border-collapse : collapse;
  border-spacing  : 0;  
}

.payment_list .alternate {
  background-color : #F0F0F0;
}

.payment_list .amount {
  text-align  : center;
  width       : 140px;
}

.payment_list .comment {
  font-size      : 11px;
  padding-top    : 10px;  
}

.payment_list .cycle {
  padding-left : 5px;
  width        : 80px;
}

.payment_list .status {
  text-align  : center;
  width       : 200px;
}

.payment_list td {
  padding-bottom   : 10px;  
  padding-top      : 10px;    
  vertical-align   : top;  
}

.payment_list th {
  background-color : #E0E0E0;
  padding-bottom   : 10px;  
  padding-top      : 10px;  
}

.pending {
  color  : orange;
}

.portal { 
  margin         : auto; 
  padding-top    : 100px; 
  padding-bottom : 10px;  
  text-align     : center;   
}

.progress_bar {
  width       : 216px;
  height      : 41px;
  background  : url(/images/frame.gif) no-repeat 0 0;
  position    : relative;
}

.progress_bar span {
  position    : absolute;
  display     : block;
  width       : 200px;
  height      : 25px;
  background  : url(/images/bar.gif) no-repeat 0 0;
  top         : 8px;
  left        : 8px;
  overflow    : hidden;
  text-indent : -8000px;
}

.progress_bar em {
  position   : absolute;
  display    : block;
  width      : 200px;
  height     : 25px;
  background : url(/images/unbar.gif) repeat-x 0 0;
  top        : 0;
}

.rejected {
  color  : red;
}

.review_list {
  border-collapse : collapse;
  border-spacing  : 0;  
}

.review_list .photo {
  padding-top    : 10px;   
  padding-bottom : 10px;   
  vertical-align : top;    
  width          : 80px;
}

.review_list .photo img {
  border           : 1px solid #AAAAAA;  
  height           : 48px;
  width            : 60px; 
}

.review_list .info {
  padding-top     : 10px;   
  padding-bottom  : 10px;   
  vertical-align  : top;    
  width           : 620px;
}

.room_list {
  border-collapse : collapse;
  border-spacing  : 0;  
}

.room_list a {
  font-weight    : bold;
}

.room_list .box {
  background-color : #FFFFFF;
  border : 1px solid #AAAAAA;     
}

.room_list .comment {
  font-size      : 11px;
  padding-top    : 5px;
}

.room_list .date {
  text-align  : left;
  width       : 60px;
}

.room_list .description {
  width : 580px;
}

.room_list .location {
  font-weight : bold;
  font-size   : 11px;  
  padding-top : 5px;
}

.room_list .links {
  font-size   : 11px;
  padding-top : 5px;
}

.room_list .links a {
  font-weight     : normal;
}   

.room_list .links .promote a {
  font-weight     : bold;
}   

.room_list .map {
  padding-right : 5px;  
}

.room_list .photo {
  padding-right : 5px;  
}

.room_list td {
  padding-bottom  : 20px;  
  padding-top     : 20px;    
  vertical-align  : top;    
}

.room_list th {
  font-size        : 120%; 
  padding-bottom   : 5px;  
  padding-top      : 5px;  
}

.room_list .views {
  text-align  : center;
  width       : 60px;
}

.rss {
  padding-top : 10px;	
  text-align  : center;  
}

.search {  
}

.short_term_rental_list {
  border-collapse : collapse;
  border-spacing  : 0;  
}

.short_term_rental_list .photo {
  padding-top     : 10px;   
  padding-bottom  : 10px;   
  vertical-align  : top;    
  width           : 190px;
}

.short_term_rental_list .photo .preview  {
}

.short_term_rental_list .photo .preview img {
  border : 1px solid #AAAAAA; 
  height : 150px;
  width  : 150px;
}

.short_term_rental_list .info {
  padding-top    : 10px;   
  padding-bottom : 10px;   
  padding-right  : 10px;     
  vertical-align : top;    
  width          : 510px;
}

.short_term_rental_list .info .comment {
  clear          : both;  
  font-size      : 11px;
  padding-top    : 5px;
}

.short_term_rental_list .info .links {
  clear          : both;  
  font-size      : 90%;
  padding-top    : 5px;    
  padding-bottom : 5px;    
  padding-right  : 10px;  
  text-align     : right;        
}

.short_term_rental_list .info .location {
  clear          : both;  
  font-weight    : bold;
  font-size      : 11px;  
  padding-top    : 5px;
}

.short_term_rental_list .info .separator {
}

.short_term_rental_list .info .separator .title {
  float          : left;
  font-weight    : bold;  
}

.short_term_rental_list .info .separator .title a {
  font-weight    : bold;
}

.short_term_rental_list .info .separator .stat {
  float          : right;
  font-size      : 10px;
  font-weight    : bold;
  padding-top    : 2px;      
  padding-right  : 10px;    
}

.similar {
}

.similar li {
  padding-top    : 5px;    
  padding-bottom : 5px;   
}

.similar ul {
  padding-top     : 0;  
  padding-bottom  : 0;  
  padding-right   : 0;  
  padding-left    : 0;    
  margin-top      : 0;  
  margin-bottom   : 0;  
  margin-right    : 0;    
  margin-left     : 15px;  
}

.similar ul .comment {
  font-size   : 11px;
}

.singapore_map {
  width        : 100%;    
}

.singapore_map .column_left {
  vertical-align  : top;
  width      : 250px;  
}
 
.singapore_map .column_middle {
  padding-left  : 40px;
  padding-right : 10px;
  width         : 400px;
}

.singapore_map .column_right {
}

.singapore_map .column_right a:visited {
  text-decoration  : none;
}

.singapore_map .map {
  background  : url(/images/singapore_map.png) no-repeat; 
  width       : 400px; 
  height      : 250px; 
}

.splitter {   
  border-spacing : 0;  
}

.splitter .extra {
  padding-left: 5px;
}

.splitter .field {  
}

.sponsor {
  background-color : #D9E0EB;
  border           : 1px solid #AAAAAA;     
  font-size        : 120%;    
  margin           : auto;  
  padding-top      : 5px;
  padding-bottom   : 5px;
  text-align       : center;  
  width            : 380px;
}

.sponsor a {
  font-weight     : bold;
}  

.stamp {
  padding-bottom  : 8px;  
}

.state_list a:link, 
.state_list a:visited {
   font-weight : bold;   
}  
  
.state_list .bullet {
  padding-right   : 7px;  
  text-align      : right;
}  
  
.state_list td {
  padding-bottom  : 5px;
}

.thumb_list{
  border-collapse : collapse;
  border-spacing  : 0;  
}

.thumb_list td {
  width        : 30px;  
}

.thumb_list img {
  height  : 27px;  
  width   : 27px; 
}  

.thumb_list .selected_photo {
  border       : 1px solid #660000;  
  margin-right : 3px
}  

.thumb_list .unselected_photo {
  border : 0px;  
}  

.twitter {
  padding-left: 20px;
}

.twitter img {
  vertical-align  : middle;
}
  
.view_list{
  border-collapse : collapse;
  border-spacing  : 0;  
}

.view_list td {
  width        : 48px;  
}

.view_list img {
  height  : 46px;  
  width   : 46px; 
}  

.view_list .selected_photo {
  border       : 2px solid #660000; 
  margin-right : 2px  
}  

.view_list .unselected_photo {
  border : 0px;  
}