/*
Reset CSS
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}

/*
Fonts CSS
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
body{font:12px/1.231 arial,helvetica,clean,sans-serif;font-size:small;font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;outline: none;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;font-size:108%;line-height:100%;}

.nyroModalClose {
  color: #fff;
  font-weight: bold;
}

.invoiced_reservation {
  background-color: #99FF99;
}
.bo_reservation {
  background-color: #FFAD5C;
}

table.reservation_biaya {
  border: 1px solid #524F46;
  width:440px;
}
table.reservation_biaya tr.topline{
  border-top: 1px solid #524F46;
}

table.wide {
  padding-top: 10px;
  border-collapse:collapse;
}

table.wide th{
  border-bottom: 1px solid black;
  background-color: #cccccc;
  padding: 8px 5px;
  vertical-align: top;
}
table.wide td{
  border-bottom: 1px solid black;
  padding: 8px 5px;
  vertical-align: top;
} 

.tag_cloud {
  float:left;
  margin:30px 0 0 10px;
  width:784px;
}
.tag_cloud  ul {
  margin-left:25px;
}
.tag_cloud ul li {
  list-style-type: square;
  float:left;
  width:160px;
  padding-top: 5px;
  margin-left:3px;
  margin-right:10px;
}
.tag_cloud a {
  text-decoration: none;
}
.tag_cloud  a:hover{
  text-decoration: underline;
}
.cloud_xsmall {
  font-size: 80%;
  text-decoration: none;
}
 
.cloud_small {
  font-size: 100%;
  text-decoration: none;
}
 
.cloud_medium {
  font-size: 120%;
  text-decoration: none;
}
 
.cloud_large {
  font-size: 140%;
  text-decoration: none;
}
 
.cloud_xlarge {
  font-size: 160%;
  text-decoration: none;
} 


.fb_icon {
  margin-bottom:-5px;
  margin-right:3px;
}

.breadcrumbs {
  margin-top: 15px;
  margin-bottom:15px;
  background-color: #DCECF2;
  padding: 5px;
}
.breadcrumbs a {
  text-decoration: underline;
}

ol.ordinary, ol.ordinary li, ul.ordinary li{
  margin-left: 25px;
  line-height: 20px;
}

ul.ordinary {
  margin-bottom: 10px;
  margin-left: 5px;
  line-height: 20px;
}

#contact_us {
  float:left;
  display:block;
  width: 137px;
  height: 37px;
  background: url("http://cdn.1001malam.com/images/chat-icon2.png") no-repeat 0 0;
}
#contact_us:hover{
  background-position: 0 -37px;
}
#contactus_follow {
  float:left;
  display:block;
  width: 137px;
  height: 37px;
  margin-right:10px;
  background: url("http://cdn.1001malam.com/images/contactus-icon.png") no-repeat 0 0;
}
#facebook_follow{
  float:left;
  display:block;
  width: 37px;
  height: 35px;
  margin-right:3px;
  background: url("http://cdn.1001malam.com/images/facebook.gif") no-repeat 0 0;
}
#twitter_follow{
  float:left;
  display:block;
  margin-right:3px;
  width: 37px;
  height: 35px;
  background: url("http://cdn.1001malam.com/images/twitter.gif") no-repeat 0 0;
}
#news_follow{
  float:left;
  display:block;
  margin-right:5px;
  width: 61px;
  height: 35px;
  background: url("http://cdn.1001malam.com/images/icon_news.gif") no-repeat 0 0;
}

.ui-draggable .ui-dialog-titlebar{
  background: #fbc300;
  font-size: 0.9em;
}
.ui-draggable  #reg_promo{
  background: #fbf0c8;
  font-size: 0.8em;
}

.landmark_image {
  width:366px;
  padding-top:3px;
  padding-left:10px;
  vertical-align:top;
}

.content p.static-content {
  line-height: 20px;
}

ul li.dot {
  list-style:circle;
}

li {
  list-style:decimal;
}

.content h2{
  font-size: 124%;
}
.content p {
  padding-top:5px;
  padding-bottom:10px;
  padding-right:15px;
  line-height:18px;
}


a
{
  color: #524F46;
  outline: none;
}

body
{
  font: 12px sans-serif;
  background: #fff url(http://cdn.1001malam.com/images/bg-page.png) bottom repeat-x;
  background-color: #849197;
}

body.voucher{
  font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
  background-color: #fff;
}

div #map_landmark_canvas
{
  width:750px;
  height:400px;
  margin-left: 0px;
  margin-bottom: 10px;
  border:1px solid #cdcdcd;
  position:absolute;
  /*visibility:hidden;*/
  /* remove these to make the map invisible onload */
  visibility:visible;
  display:block;
  position:relative;
} 

div #map_canvas
{
  width:400px;
  height:300px;
  margin-left: 10px;
  margin-bottom: 5px;
  border:1px solid #cdcdcd;
  position:absolute;
  /*visibility:hidden;*/
  /* remove these to make the map invisible onload */
  visibility:visible;
  display:block;
  position:relative;
} 
div #map_icon {
  margin-left: 10px;
  margin-bottom: 5px;
}
div #map_search_canvas
{
  width:785px;
  height:300px;
  margin-left: 10px;
  margin-bottom: 5px;
  border:1px solid #cdcdcd;
  position:absolute;
  /*visibility:hidden;*/
  /* remove these to make the map invisible onload */
  visibility:visible;
  display:block;
  position:relative;
} 

#container, .container
{
  margin-left: auto;
  margin-right: auto;
  background: #fff url(http://cdn.1001malam.com/images/bg-page.png) bottom repeat-x;
}
#city_description{
  margin: 10px 0px 0px 10px;
}
#city_description p#description_text{
  display:none;
  visibility:hidden;
}
#fade_canvas{
  position:relative;
}
#fade_in {
  float:top;
  position:absolute;
  margin-left: auto;
  width:100%;
  height:800px;
  background: #fff;
  text-align:center;
  opacity:0.8;
  display:none;
}
#fade_in_img {
  position:absolute;
  vertical-align:center;
  left: 350px;
}

#header
{
  height: 70px;
  width: 800px;
  margin: 0 auto;
}

#header h1
{
  margin-left:5px;
  margin-top:10px;
  margin-bottom:10px;
  float:left;
}

#header .signin
{
  margin-right:20px;
  margin-top:30px;
  float:right;
}
#header .signin a
{
  font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
  color:#0283df;
  text-decoration: none;
}
#header .signin a:hover
{
  color:#0D0D8C;
}
#header .talktous
{
  clear: right;
  margin-right:20px;
  margin-top:20px;
  float:right;
}
#header .fb_likes {
  clear:left;
  float:left;
  margin-left:10px;
  margin-top:20px;
}

img.member_only_icon {
  float:left;
  margin-left:20px;
}

img.gratis_icon {
  float:right;
  margin-right:20px;
}

img.img_logo {
  float:left;
  position:absolute;
  margin-bottom:-10px;
  margin-top: 10px;
  margin-bottom: 1px;
  padding: 0px 0px 0px 15px;
}

#header .post
{
  float: right;
  margin-top: -66px;
  margin-right: 40px;
}

#sub_header .search input
{
  background: url(http://cdn.1001malam.com/images/button-search.jpg) no-repeat;
  text-indent: -9999px;
  border: 0;
  width: 95px;
  height: 40px;
  margin-left: 10px;
}

#sub_header .search input:hover
{
  background-position: left -40px;
}

#sub_header .search input:active
{
  background-position: left -80px;
}

#sub_header .search input#search_keywords
{
  font-size: 160%;
  padding: 8px 10px;
  line-height: 1.5em;
  margin-bottom: 3px;
  margin-left: 0px;
  width: 579px;
  height: 27px;
  border: 0;
  background: url(http://cdn.1001malam.com/images/search-box.jpg);
  text-indent: 0;
  color: #666;
}

#sub_header .post h2
{
}

#sub_header .post div a
{
  display: block;
  background: url(http://cdn.1001malam.com/images/button-post.jpg);
  text-indent: -9999px;
  width: 150px;
  height: 48px;
}

#sub_header .post div a:hover
{
  background-position: left -50px;
}

#sub_header .post div a:active
{
  background-position: left -100px;
}


#sub_header
{
  background: url(http://cdn.1001malam.com/images/bg-subheader.gif) bottom;
  width: 783px;
  height: 128px;
  margin: 0 auto;
}

#sub_header .search
{
  padding: 15px 35px;
}



#sub_header .search h2
{
  height: 23px;
  width: 600px;
  margin-bottom: 7px;
  margin-top: 5px;
}

#small_print
{
  font-size: 90%;
  color: #00f;
  display:inline;
  vertical-align:top;
}
#qtip_instant_confirm
{
  display:inline;
  vertical-align:top;
}

.content {
  max-width:800px;
  margin: 0 auto;
  overflow:hidden;
}

#content h1
{
  margin-top: 10px;
  margin-bottom: 1px;
  padding: 0px 0px 0px 15px;
  font-size: 124%;
  text-transform: uppercase;
  background: url(http://cdn.1001malam.com/images/bg-listheader2.gif) no-repeat;
  line-height: 32px;
  color: #fff;
}

#content h1.s700
{
  margin-top: 10px;
  margin-bottom: 1px;
  padding: 0px 0px 0px 15px;
  font-size: 124%;
  text-transform: uppercase;
  background: url(http://cdn.1001malam.com/images/bg-listheader700.gif) no-repeat;
  line-height: 32px;
  color: #fff;
}

#content h1 a
{
  color: #fff;
  text-decoration: underline;
  font-style: normal;
  text-transform: uppercase;
  line-height: 32px;
}

.content .title_home {
  background: url(http://cdn.1001malam.com/images/bg-boxtitle2.gif) bottom no-repeat;
  margin: 0 auto;
  width: 375px;
  height: 31px;
}

.content .title_home_full {
  background: url(http://cdn.1001malam.com/images/bg-boxtitle_long.png) bottom;
  margin: 0 auto;
  width: 100%;
  height: 31px;
}

.title_home p, .title_home_full p
{
  font-size: 110%;
  margin: 0px 0px 0px 10px;
  color:#fff;
  padding-top:7px;
  padding-bottom:8px;
}
.title_home a, .title_home_full a
{
  color:#fff;
  text-decoration:none;
}

table.common_table tr {
  border-bottom: 1px solid #4ab5d7;
}
table.common_table td {
  padding: 3px 0px 0px 3px;
}

table.hot_offer {
  width: 100%;
}
table.hot_offer tr {
  border-bottom: 1px solid #4ab5d7;
}
table.hot_offer td {
  padding: 3px 0px 0px 3px;
}
td.hot_offer a {
  text-decoration:none;
}
td.hot_offer_pic{
  width: 105px;
}

.hotel_last_res {
  background-color:#D4EDFF;
  padding:3px 0px 3px 3px;
  color:#005C9E;
  font-size: 80%;
}

.search_table
{
  margin:0px 10px 5px;
}
.search_table td
{
  padding: 3px;
}

.recent_reservation {
  margin:0px 10px 5px;
}
.recent_reservation td {
  padding: 3px;
}
.recent_reservation tr.underline {
  border-bottom: 1px solid #4ab5d7;
}

.saran_table td
{
  padding: 2px;
}

.clear_float{
  clear:both;
}

.content .home_left
{
  float:left;
  margin:20px 0 0 10px;
  width:375px;
}

.foursteps {
  margin-left: 0px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.content .home_right
{
  float:left;
  margin:20px 0 0 10px;
  width:375px;
}

.content .layout-1
{
  margin:30px 4px 0 10px;
}

.search_box
{
  margin-bottom:0px;
}
.search_box2
{
  border-left:1px solid #5081b8;
  border-right:1px solid #5081b8;
  border-bottom:1px solid #5081b8;
  background-color: #f9fafb;
  margin-bottom:15px;
}

.home_box
{
  border:1px solid #cdcdcd;
  margin-bottom:10px;
}


#footer
{
  margin-top: 20px;
  font-size: 90%;
  margin-bottom: 0px;
  height: 230px;
  background: url(http://cdn.1001malam.com/images/bg-footer.jpg) repeat-x bottom;
  padding-top: 10px;
  position: relative;
}

#footer .content {
  text-align: center;
  width: 783px;
  padding-top: 10px;
  margin: 0 auto;
}

#footer .link_bar {
  background: #c6eafc;
  text-align: center;
  width: 783px;
  padding: 5px 0 5px;
  border-top: 1px solid #07385f;
  margin: 0 auto;
}

#footer .link_bar_2 {
  text-align: center;
  width: 783px;
  padding-top: 15px;
  margin: 0 auto;
}

#footer a
{
  color: #07385f;
}

#footer ul
{
  display: inline;
}

#footer li
{
  list-style: none;
  margin-right: 15px;
  display: inline;
}

#footer li a
{
  text-decoration: underline;
}

#footer li a:hover
{
  color: #000;
  text-decoration: underline;
}

#footer .symfony,
#footer .centresource
{
  font-family: arial,sans-serif;
  font-size: 80%;
  float: right;
  color: #666;
}

#footer .centresource
{
  clear: both;
  margin-top: 5px;
  padding-bottom: 10px;
  position: absolute;
  bottom: -30px;
  right: 5%;
  color: #adbcc3;
  font-size: 90%;
}

#footer .centresource a
{
  color: #b2c0c6;
  text-decoration: none;
}

#footer .centresource a:hover
{
  color: #fff;
}

#footer .symfony img
{
  vertical-align: middle;
}

#footer form {
  margin: 10px 0;
  color: #5f6364;
}

.feed
{
  padding-left: 20px;
  background: transparent url(http://cdn.1001malam.com/images/feed.png) no-repeat 0 0;
}

.help
{
  color: #B5B5B5;
  font-size: 80%;
  font-style: italic;
}

.search .help {
  color: #fff;
}

.error_list li
{
  color: red;
  list-style:none;
}

strong
{
  font-weight: bold;
}

em
{
  font-style: italic;
}

.flash_notice
{
  margin: 3px 0;
  padding: 7px;
  background-color: #cfc;
}

.flash_error
{
  margin: 3px 0;
  padding: 7px;
  background-color: #f33;
  color: #fff;
}


#job_history
{
  width: 740px;
  margin: 0 auto;
  padding: 7px;
  font-size: 80%;
  color: #5d6162;
}

#job_history a
{
  color: #5d6162;
}

#job_history ul
{
  display: inline;
}

#job_history li
{
  margin-right: 10px;
  display: inline;
}

#job_form {
  width: 760px;
  margin: 0 auto;
}

#job_form .radio_list label {
  margin-right: 15px;
}


#job_form th
{
  white-space: nowrap;
  font-style: italic;
}

#job_form td, #job_form th
{
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
  text-align: left;
  vertical-align: top;
  padding: 7px;
}

#job_form tfoot td, #job_form tfoot th
{
  border: 0;
  text-align: right;
}

#job_form .radio_list li
{
  display: inline;
}

#about
{
  margin-top: 40px;
}

#about p
{
  margin-bottom: 10px;
  margin-top: 10px;
}

#about h2
{
  font-size: 120%;
}


.pagination_desc
{
  margin-left: 15px;
  margin-top: 10px;
  font-style: italic;
  color: #828f95;
}

.pagination_desc strong
{
  color: #176f94;
}

.pagination
{
  margin-top: 10px;
  float: right;
  margin-right: 10px;
  color: #176f94;
  font-size: 110%;
  font-weight: bold;
}

.pagination a
{
  margin: 0 1px;
  text-decoration: none;
  color: #828f95;
  font-size: 75%;
  vertical-align: 1px;
  font-weight: normal;
}

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

.pagination img
{
  vertical-align: -2px;
}

.tag_cloud
{
  margin:30px 10px 5px 7px;
  overflow:hidden;
  background:url(http://cdn.1001malam.com/images/example-corner-TL.png) #d7dfe7 no-repeat;
}

.tag_cloud div
{
  overflow:hidden;
  background:url(http://cdn.1001malam.com/images/example-corner-TR.png) no-repeat right top;
}

.tag_cloud div div
{
  background:url(http://cdn.1001malam.com/images/example-corner-BR.png) no-repeat right bottom;
}

.tag_cloud div div div
{
  background:url(http://cdn.1001malam.com/images/example-corner-BL.png) no-repeat left bottom;
  padding:15px;
}

.tag_cloud h2
{
  margin:0 0 10px 0;
  font-size:1.1em;
}

.tag_cloud p
{
  margin:0.5em 0;
  line-height:1.3;
}

select#kota{
  font-size:110%;
}

table.newsletter_reg {
  position:relative;
  display:block; 
  top: 145px;
  left:20px;
}

table.newsletter_reg td {
  padding: 3px 0px 3px 7px;
}

input.newsletter_reg {
  font-size:110%;
  background-color:#cbe8ff;
  border-color:#cbe8ff;
  border-style:inset;
  border-width:1px;
  color:00325a; 
  padding:2px;
}

td.prices_even_col_instant_confirmation{
  text-align:center;
  background: #ffffff url('/images/instant_confirmation.gif') top right no-repeat;
  border-right: 1px dotted #999;
  border-top: 1px dotted #999;
  width: 50px;
}

td.prices_odd_col_instant_confirmation
{
  /*font:9pt sans-serif;*/
  text-align:center;
  background: #d5e5f0 url('/images/instant_confirmation.gif') top right no-repeat;
  border-right: 1px dotted #999;
  border-top: 1px dotted #999;
  width: 50px;
}

tr.even td.prices_odd_col_instant_confirmation
{
  background: #82bbfd url('/images/instant_confirmation.gif') top right no-repeat;
  width: 50px;
}
tr.even td.prices_even_col_instant_confirmation
{
  background: #d5e5f0 url('/images/instant_confirmation.gif') top right no-repeat;
  width: 50px;
}
td.prices_even_col a,  td.prices_even_col_instant a,  td.prices_instant a , td.prices_odd_col a, td.prices_odd_col_instant a,  td.prices_even_col_instant_confirmation a, td.prices_instant_confirmation a, td.prices_odd_col_instant_confirmation a
{
  color:#000;
  display:block;
  width: 50px;
  height: 27px;
  text-decoration: none;
  padding: 13px 0px 0px 0px;
}


tr:hover td.publish_price
{
  color:#fff;
  width: 53px;
  height: 27px;
  background-color:#17009C;
}


tr:hover td.prices_even_col,  
tr:hover td.prices_even_col_instant,  
tr:hover td.prices_instant, 
tr:hover td.prices_odd_col, 
tr:hover td.prices_odd_col_instant, 
tr:hover td.prices_even_col_instant_confirmation, 
tr:hover td.prices_instant_confirmation, 
tr:hover td.prices_odd_col_instant_confirmation
{
  color:#fff;
  width: 50px;
  height: 27px;
  background-color:#17009C;
}

tr:hover td.prices_even_col a,  
tr:hover td.prices_even_col_instant a,  
tr:hover td.prices_instant a, 
tr:hover td.prices_odd_col a, 
tr:hover td.prices_odd_col_instant a, 
tr:hover td.prices_even_col_instant_confirmation a, 
tr:hover td.prices_instant_confirmation a, 
tr:hover td.prices_odd_col_instant_confirmation a
{
  color:#fff;
  display:block;
  width: 50px;
  height: 27px;
  text-decoration: none;
  padding: 13px 0px 0px 0px;
  background-color:#17009C;
}

td .date_move a {
  color: #fff;
}
/* tour */
#tourview_status li{
  list-style: none;
}
.link-a{
  background: #009900;
  color: #fff!important;
  padding: 0 3px;
  border-radius: 3px;
}	
.link-b{
  background: #FF9900;
  color: #fff!important;
  padding: 0 3px;
  border-radius: 3px;
}