/*   
Theme Name: Jongkok!
Theme URI: http://jongkok.com/
Description: An online store for Jongkok (Dephe.com)
Author: Hardian Nazief
Author URI: http://HardianNazief.com/
Version: 0.8
Tags: threaded-comments, microformats
.
The theme uses Ian Stewart, Shape Framework.
.
*/


/* Import a basic layout */

/* http://meyerweb.com/eric/tools/css/reset/ v1.0 | 20080212 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}

/* Rebuild default browser styles */

/*	960 Grid System ~ Text CSS. Learn more ~ http://960.gs/ Licensed under GPL and MIT. */
body{font:13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;}a:focus{outline:1px dotted;}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0;}h1{font-size:25px;}h2{font-size:23px;}h3{font-size:21px;}h4{font-size:19px;}h5{font-size:17px;}h6{font-size:15px;}ol{list-style:decimal;}ul{list-style:disc;}li{margin-left:30px;}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px;}

/* Reset default browser styles */

.container_24{margin-left:auto;margin-right:auto;width:960px;}
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16,.grid_17,.grid_18,.grid_19,.grid_20,.grid_21,.grid_22,.grid_23,.grid_24{display:inline;float:left;margin-left:5px;margin-right:5px;}
.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15,.push_16,.pull_16,.push_17,.pull_17,.push_18,.pull_18,.push_19,.pull_19,.push_20,.pull_20,.push_21,.pull_21,.push_22,.pull_22,.push_23,.pull_23{position:relative;}
.alpha{margin-left:0;}
.omega{margin-right:0;}
.container_24 .grid_1{width:30px;}
.container_24 .grid_2{width:70px;}
.container_24 .grid_3{width:110px;}
.container_24 .grid_4{width:150px;}
.container_24 .grid_5{width:190px;}
.container_24 .grid_6{width:230px;}
.container_24 .grid_7{width:270px;}
.container_24 .grid_8{width:310px;}
.container_24 .grid_9{width:350px;}
.container_24 .grid_10{width:390px;}
.container_24 .grid_11{width:430px;}
.container_24 .grid_12{width:470px;}
.container_24 .grid_13{width:510px;}
.container_24 .grid_14{width:550px;}
.container_24 .grid_15{width:590px;}
.container_24 .grid_16{width:630px;}
.container_24 .grid_17{width:670px;}
.container_24 .grid_18{width:710px;}
.container_24 .grid_19{width:750px;}
.container_24 .grid_20{width:790px;}
.container_24 .grid_21{width:830px;}
.container_24 .grid_22{width:870px;}
.container_24 .grid_23{width:910px;}
.container_24 .grid_24{width:950px;}
.container_24 .prefix_1{padding-left:40px;}
.container_24 .prefix_2{padding-left:80px;}
.container_24 .prefix_3{padding-left:120px;}
.container_24 .prefix_4{padding-left:160px;}
.container_24 .prefix_5{padding-left:200px;}
.container_24 .prefix_6{padding-left:240px;}
.container_24 .prefix_7{padding-left:280px;}
.container_24 .prefix_8{padding-left:320px;}
.container_24 .prefix_9{padding-left:360px;}
.container_24 .prefix_10{padding-left:400px;}
.container_24 .prefix_11{padding-left:440px;}
.container_24 .prefix_12{padding-left:480px;}
.container_24 .prefix_13{padding-left:520px;}
.container_24 .prefix_14{padding-left:560px;}
.container_24 .prefix_15{padding-left:600px;}
.container_24 .prefix_16{padding-left:640px;}
.container_24 .prefix_17{padding-left:680px;}
.container_24 .prefix_18{padding-left:720px;}
.container_24 .prefix_19{padding-left:760px;}
.container_24 .prefix_20{padding-left:800px;}
.container_24 .prefix_21{padding-left:840px;}
.container_24 .prefix_22{padding-left:880px;}
.container_24 .prefix_23{padding-left:920px;}
.container_24 .suffix_1{padding-right:40px;}
.container_24 .suffix_2{padding-right:80px;}
.container_24 .suffix_3{padding-right:120px;}
.container_24 .suffix_4{padding-right:160px;}
.container_24 .suffix_5{padding-right:200px;}
.container_24 .suffix_6{padding-right:240px;}
.container_24 .suffix_7{padding-right:280px;}
.container_24 .suffix_8{padding-right:320px;}
.container_24 .suffix_9{padding-right:360px;}
.container_24 .suffix_10{padding-right:400px;}
.container_24 .suffix_11{padding-right:440px;}
.container_24 .suffix_12{padding-right:480px;}
.container_24 .suffix_13{padding-right:520px;}
.container_24 .suffix_14{padding-right:560px;}
.container_24 .suffix_15{padding-right:600px;}
.container_24 .suffix_16{padding-right:640px;}
.container_24 .suffix_17{padding-right:680px;}
.container_24 .suffix_18{padding-right:720px;}
.container_24 .suffix_19{padding-right:760px;}
.container_24 .suffix_20{padding-right:800px;}
.container_24 .suffix_21{padding-right:840px;}
.container_24 .suffix_22{padding-right:880px;}
.container_24 .suffix_23{padding-right:920px;}
.container_24 .push_1{left:40px;}
.container_24 .push_2{left:80px;}
.container_24 .push_3{left:120px;}
.container_24 .push_4{left:160px;}
.container_24 .push_5{left:200px;}
.container_24 .push_6{left:240px;}
.container_24 .push_7{left:280px;}
.container_24 .push_8{left:320px;}
.container_24 .push_9{left:360px;}
.container_24 .push_10{left:400px;}
.container_24 .push_11{left:440px;}
.container_24 .push_12{left:480px;}
.container_24 .push_13{left:520px;}
.container_24 .push_14{left:560px;}
.container_24 .push_15{left:600px;}
.container_24 .push_16{left:640px;}
.container_24 .push_17{left:680px;}
.container_24 .push_18{left:720px;}
.container_24 .push_19{left:760px;}
.container_24 .push_20{left:800px;}
.container_24 .push_21{left:840px;}
.container_24 .push_22{left:880px;}
.container_24 .push_23{left:920px;}
.container_24 .pull_1{left:-40px;}
.container_24 .pull_2{left:-80px;}
.container_24 .pull_3{left:-120px;}
.container_24 .pull_4{left:-160px;}
.container_24 .pull_5{left:-200px;}
.container_24 .pull_6{left:-240px;}
.container_24 .pull_7{left:-280px;}
.container_24 .pull_8{left:-320px;}
.container_24 .pull_9{left:-360px;}
.container_24 .pull_10{left:-400px;}
.container_24 .pull_11{left:-440px;}
.container_24 .pull_12{left:-480px;}
.container_24 .pull_13{left:-520px;}
.container_24 .pull_14{left:-560px;}
.container_24 .pull_15{left:-600px;}
.container_24 .pull_16{left:-640px;}
.container_24 .pull_17{left:-680px;}
.container_24 .pull_18{left:-720px;}
.container_24 .pull_19{left:-760px;}
.container_24 .pull_20{left:-800px;}
.container_24 .pull_21{left:-840px;}
.container_24 .pull_22{left:-880px;}
.container_24 .pull_23{left:-920px;}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0;}
* html .clearfix,:first-child+html .clearfix{zoom:1;}

/* FONT-FACE
-------------------

@font-face {
	font-family: Museo-Slab;
	src: url('font/Museo_Slab_500.otf');
}

*/
body { font:15px/1.5 Museo-Slab,Arial,'Helvetica Neue', 'Liberation Sans',FreeSans,sans-serif;background:#fff url(images/bg_cloud.jpg) repeat;}
#wrapper{background:transparent url(images/bg_bottom.png) repeat-x bottom left;}
/* .dashing{background:#fff url(images/border_post.png) no-repeat top left;padding-bottom:8px;margin-bottom:15px;} */
.dashing{background:#fff url(images/stripe_2.png) repeat-x top left;padding-bottom:2px;margin-bottom:21px;}
/* .single .dashing{margin-bottom:-10px;} */
.category .dashing{background:#fff url(images/stripe_2.png) repeat-x  bottom left;padding-bottom:8px;margin-bottom:15px;}
h3{margin-bottom:10px;}

/* =Header -------------------------------------------------------------- */
#header{margin-top:20px;}

#masthead{position:relative;}

#access{margin-bottom:15px;}
#branding{}
#about-jongkok{background:transparent url(images/sprite.png) no-repeat 0 -176px;padding:15px;text-indent:-9999em;height:90px;margin-top:10px;margin-bottom:10px;}
#about-jongkok p{margin:0;}
.descipt {margin-top:35px;}
.descipt p {margin-bottom:0;}

/* #blog-title a{display:block;background:transparent url(images/sprite.png) no-repeat -822px -262px;height:100px;width:388px;text-indent:-9999em;outline:none;} */
#blog-title a{display:block;background:transparent url(images/sprite.png) no-repeat -957px -228px;height:127px;width:461px;text-indent:-9999em;outline:none;position:absolute;top:0;left:-67px;}

#blog-description{font-size:19px;margin:132px 5px 0 0;color:#3E2213;line-height:23px; padding:0 6px;text-indent:-9999em;background:transparent url(images/sprite.png) no-repeat 0px -125px;width:96px;height:51px;width:378px;} /* top margin 34px */

#formp{width:230px;height:54px;display:block;text-indent:-9999em;outline:none;background:transparent url(images/sprite.png) no-repeat -666px -124px;cursor:pointer;}
#formp2{width:190px;height:39px;display:block;text-indent:-9999em;outline:none;background:transparent url(images/sprite.png) no-repeat -964px 0px;cursor:pointer;}
#formp2 a{width:190px;height:39px;display:block;text-indent:-9999em;outline:none;cursor:pointer;}

.buying-desc{
background-color: #FEF5FA;
border-radius:15px; 
-moz-border-radius: 15px; 
-webkit-border-radius:15px; 
-khtml-border-radius:15px;
border: 1px solid #EFE8EF;
font-size:11px;
line-height:18px;
padding:15px 15px 5px;
margin-top:10px;
}
.buying-desc ul{margin-bottom:10px;}
.buying-desc li{margin-left:20px;margin-bottom:10px;}
.buying-desc p{margin-bottom:10px;}
/*
#formp a:link{background:transparent url(images/sprite.png) no-repeat -666px -124px;}
#formp a:visited {background:transparent url(images/sprite.png) no-repeat -666px -124px;} 
#formp a:hover {background:transparent url(images/sprite.png) no-repeat -666px -178px;}
#formp a:active {background:transparent url(images/sprite.png) no-repeat -666px -124px;} 
*/

#cari_form{background:transparent url(images/sprite.png) no-repeat -543px -280px;width:270px;height:54px;display:block;outline:none;line-height:54px;font-size:18px;}

#cari_form input#cari_box {background:transparent url(images/sprite.png) no-repeat -545px -231px;border:medium none;height:40px;width:173px;padding-left:5px;padding-right:5px;margin:5px 5px 0 7px;float:left;font-size:21px;color:#ccc;}

#cari_form input#tombol{border:medium none;height:39px;width:69px;margin-top:7px;}

.tagging{font-size:16px;}
.tagging a{background-color:#E95A1A;color:#fff;line-height:21px;padding:1px 3px;}
.tagging a:link{text-decoration:none;}
.tagging a:visited{text-decoration:none;}
.tagging a:hover{text-decoration:underline;}
.tagging a:active{text-decoration:underline;}

/* =Menu ---------------------------------------------- */
#access{}

#access ul {height:32px;list-style:none outside none;margin:0;padding-right:5px;}

#access li {display:inline;margin-left:0;padding:5px 0;}

#access a {color:#333;height:32px;padding:7px 10px;outline:none;}

#access .cat-item a{height:25px;display:block;float:left;text-indent:-9999em;margin-right:6px;}
#access .cat-item-7 a{margin-right:0px;}

#access .link-home a{width:75px;}
#access .link-home a:link{background:transparent url(images/sprite.png) no-repeat -809px -44px;}
#access .link-home a:visited {background:transparent url(images/sprite.png) no-repeat -809px -44px;} 
#access .link-home a:hover {background:transparent url(images/sprite.png) no-repeat -809px -85px;}
#access .link-home a:active {background:transparent url(images/sprite.png) no-repeat -809px -85px;} 

#access .cat-item-1 a{width:96px;}
#access .cat-item-1 a:link{background:transparent url(images/sprite.png) no-repeat 0px -44px;}
#access .cat-item-1 a:visited	{background:transparent url(images/sprite.png) no-repeat 0px -44px;} 
#access .cat-item-1 a:hover {background:transparent url(images/sprite.png) no-repeat 0px -85px;}
#access .cat-item-1 a:active	{background:transparent url(images/sprite.png) no-repeat 0px -85px;} 

#access .cat-item-3 a{width:48px;}
#access .cat-item-3 a:link{background:transparent url(images/sprite.png) no-repeat -115px -44px;}
#access .cat-item-3 a:visited {background:transparent url(images/sprite.png) no-repeat -115px -44px;} 
#access .cat-item-3 a:hover {background:transparent url(images/sprite.png) no-repeat -115px -85px;}
#access .cat-item-3 a:active {background:transparent url(images/sprite.png) no-repeat -115px -85px;} 

#access .cat-item-4 a{width:139px;}
#access .cat-item-4 a:link{background:transparent url(images/sprite.png) no-repeat -183px -44px;}
#access .cat-item-4 a:visited {background:transparent url(images/sprite.png) no-repeat -183px -44px;} 
#access .cat-item-4 a:hover {background:transparent url(images/sprite.png) no-repeat -183px -85px;}
#access .cat-item-4 a:active {background:transparent url(images/sprite.png) no-repeat -183px -85px;} 

#access .cat-item-7 a{width:128px;}
#access .cat-item-7 a:link{background:transparent url(images/sprite.png) no-repeat -341px -44px;}
#access .cat-item-7 a:visited {background:transparent url(images/sprite.png) no-repeat -341px -44px;} 
#access .cat-item-7 a:hover {background:transparent url(images/sprite.png) no-repeat -341px -85px;}
#access .cat-item-7 a:active {background:transparent url(images/sprite.png) no-repeat -341px -85px;} 

#access .cat-item-5 a{width:153px;}
#access .cat-item-5 a:link{background:transparent url(images/sprite.png) no-repeat -488px -44px;}
#access .cat-item-5 a:visited {background:transparent url(images/sprite.png) no-repeat -488px -44px;} 
#access .cat-item-5 a:hover {background:transparent url(images/sprite.png) no-repeat -488px -85px;}
#access .cat-item-5 a:active {background:transparent url(images/sprite.png) no-repeat -488px -85px;} 

#access .cat-item-6 a{width:125px;}
#access .cat-item-6 a:link{background:transparent url(images/sprite.png) no-repeat -662px -44px;}
#access .cat-item-6 a:visited {background:transparent url(images/sprite.png) no-repeat -662px -44px;} 
#access .cat-item-6 a:hover {background:transparent url(images/sprite.png) no-repeat -662px -85px;}
#access .cat-item-6 a:active {background:transparent url(images/sprite.png) no-repeat -662px -85px;} 

/* =Content
-------------------------------------------------------------- */
#main{background:transparent url(images/sprite.png) no-repeat left top;padding-top:30px;} 
#container{background:transparent url(images/sprite.png) no-repeat left bottom;padding-bottom:30px;} 

#content{padding:0 20px;background:#fff;}

.single-post .post {background:#fff url(images/border_single_content.png) no-repeat top left;padding-top:23px;}
.single-post .post h1{background:transparent url(images/border_single_h1.png) no-repeat bottom left;}

.entry-title{font-size:14px;font-weight:normal;}
.single .entry-title{font-size:38px;font-weight:normal;color:#835285;border-width:2px 0;letter-spacing:-1px;line-height:44px;padding:5px 34px 30px 40px;}
 
.cat-title{height:150px;background:#189ABE;}
.cat-title h3{padding:15px}
.cat-title h3 a{color:#fff; text-decoration:none;display:block;height:108px;border:1px dashed #fff;padding:5px;text-transform:capitalize;font-weight:normal;line-height:108px;text-align:center;letter-spacing:-1px;}
.cat-title h3 a:link{color:#fff;}
.cat-title h3 a:visited{color:#fff;}
.cat-title h3 a:hover {color:#333;}
.cat-title h3 a:active{color:#333;}

.cat-desc{}
.cat-desc p{padding-left:15px;color:#260D00;padding-right:154px;}
.cat-desc a{color:#DE0F71;}
#content .item-cat {display:block;position:relative;height:150px; width:170px;background:#eee;}
span.item-title{position:absolute;top:70%;left:0px;}
.item-title h3{font-size:13px;margin-bottom:0;}
.item-title a{background:none repeat scroll 0 0 #F4FFEE;border-color:#D9D9D9;border-style:solid;border-width:1px 0 1px 1px;padding:3px;font-size:13px;}

.category .page-title{font-weight:normal;padding:8px 0 11px 12px;margin-bottom:10px;background:transparent url(images/border_h1.jpg) repeat-x top left;}
.category .cat-post{width:295px;}

.category #content p{width:650px;}

.search .cat-post {width:295px;}
.cat-post .entry-title{font-size:18px;margin-bottom:10px;}
.category .cat-post .entry-title a{text-decoration:none;}
.category .cat-post .entry-title a:link{color:#DE0F71;}
.category .cat-post .entry-title a:visited{color:#DE0F71;}
.category .cat-post .entry-title a:hover{color:#333;}
.category .cat-post .entry-title a:active{color:#333;}

/* Semi sidebar */
.related-item{margin-top:10px; text-align:center;padding:10px 0 10px 0;background:#F9F9F7;margin-left:25px;margin-right:0;border:1px solid #cfcfcf;}

.related-item h3{font-weight:normal;line-height:22px;padding:0 10px;}
.related-item h3 a{text-decoration:none;color:#333;}
.related-item h3 a:link{color:#DE0F71;}
.related-item h3 a:visited{color:#DE0F71;}
.related-item h3 a:hover{text-decoration:underline;color:#DE0F71;}
.related-item h3 a:active{color:#333;}

.related-item ul{list-style:none outside none;}
.related-item ul li{list-style:none outside none;margin-left:0px;}

/* =Navigation
-------------------------------------------------------------- */
#nav-above{display:none;}
.single #nav-below{display:none;}


/* =Widget Areas
-------------------------------------------------------------- */
.widget-area ul { list-style: none;margin-left: 0;}
.widget-area ul li ul li{ list-style: none;margin-left:18px;}
.widget-area h3{color:#DE0F71;margin-bottom:10px;font-weight:normal;}

.single #primary, .search-results #primary{margin-top:10px;padding-top:10px;background:#fff;}

#primary .widget_pages{width:170px;margin-left:5px;margin-right:0px;}

#text-3 {margin-left:25px;} 

#pages-3 li{ list-style: none;margin-left:0;padding-left:25px;background:transparent url(images/sprite.png) no-repeat -543px -176px;width:98px;margin-bottom:10px;}
#pages-3 ul li.page-item-2{background:transparent url(images/sprite.png) no-repeat -914px -171px}
#pages-3 ul li.page-item-137{background:transparent url(images/sprite.png) no-repeat -914px -193px}
#pages-3 ul li.page-item-181{background:transparent url(images/sprite.png) no-repeat -914px -152px}
#pages-3 ul li.page-item-790{background:transparent url(images/sprite.png) no-repeat -914px -129px}


#pages-3 ul li a{text-decoration:none;color:#333;}
#pages-3 ul li a:link{text-decoration:none;color:#333;}
#pages-3 ul li a:visited{text-decoration:none;color:#333;}
#pages-3 ul li a:hover{color:#DE0F71;text-decoration:underline;}
#pages-3 ul li a:active{color:#DE0F71;text-decoration:underline;}

#social-bookmark{ margin:15px 0 0 362px;width:315px;}
#social-bookmark ul li { list-style: none;margin-left: 0;display:inline;}
#social-bookmark ul li a{display:block;height:51px;width:51px;float:left;text-indent:-9999px;}

#social-bookmark ul li a#fb{margin:0 5px;}

#social-bookmark ul li a#twit:link{background:transparent url(images/sprite.png) no-repeat -2px -303px;}
#social-bookmark ul li a#twit:visited{background:transparent url(images/sprite.png) no-repeat -2px -303px;}
#social-bookmark ul li a#twit:hover{background:transparent url(images/sprite.png) no-repeat -162px -303px;}
#social-bookmark ul li a#twit:active{background:transparent url(images/sprite.png) no-repeat -2px -303px;}

#social-bookmark ul li a#fb:link{background:transparent url(images/sprite.png) no-repeat -56px -303px;}
#social-bookmark ul li a#fb:visited{background:transparent url(images/sprite.png) no-repeat -56px -303px;}
#social-bookmark ul li a#fb:hover{background:transparent url(images/sprite.png) no-repeat -216px -303px;}
#social-bookmark ul li a#fb:active{background:transparent url(images/sprite.png) no-repeat -56px -303px;}

#social-bookmark ul li a#feed:link{background:transparent url(images/sprite.png) no-repeat -110px -303px;}
#social-bookmark ul li a#feed:visited{background:transparent url(images/sprite.png) no-repeat -110px -303px;}
#social-bookmark ul li a#feed:hover{background:transparent url(images/sprite.png) no-repeat -271px -303px;}
#social-bookmark ul li a#feed:active{background:transparent url(images/sprite.png) no-repeat -110px -303px;}

#social-bookmark ul li a#sister-site{height:51px;width:144px;margin-left: 5px;background:transparent url(images/sprite.png) no-repeat -326px -303px;}

/* Footer
-------------------------------------------------------------- */
#site-info{margin-top:30px;margin-bottom:30px;float:right;}

/* Profile in footer */
.profile{background:#F9F9F7;border:1px solid #CFCFCF;padding:17px;margin-left:10px;}
.profile .pic-profile{width:160px;height:206px;margin:0}
.profile img {border:5px #eee solid;}
.profile .desc-profile {margin-left:20px;}


/* Comment Play House
-------------------------------------------------------------- */
#comments .comment { background-color: #f7f5f5; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 10px; width:470px; margin-bottom:20px; }
#comments .comment-author-admin{background:#FFF3F8;}
 #comments .comment-meta{color:#00A8DC;}
 #respond{padding:20px;}

 
/* Form Pemesanan Top Bunk*/
/* Positions the contact form so it doesn't interfere with any other content, as well as a z-index above any other elements on the page */	
#contactFormContainer { position:absolute;left:640px; z-index:1; }
	
/* Hides the whole contact form until needed */	
#contactFormContainer p{margin-bottom:0px;font-size:14px;}

#contactForm { height:430px; width:300px; background:#fff; border:1px solid #929191; padding:7px 12px; color:#000; display:none; }   

/* Loading bar that will appear while the ajax magic is happening */
.bar{ display:none; background:url(images/ajax-loader.gif) no-repeat center; margin-top:100px; height:40px; width:230px;}
	
/* Hides the confirmation message until needed */	
#messageSent {display:none;}

/* This hides the form validation alert messages until needed */
#contactForm span { display:none; font-size:9px; line-height:10px; padding-left:6px; color:#f5c478;}
			
/* Hides the darkening layer for the Modal effect. The z-index is necessary for layering purposes, and be sure to keep the positioning/height/width the same */	
#backgroundPopup{ display:none; position:fixed; _position:absolute; height:100%; width:100%; top:0; left:0;background:#000; z-index:11;}  
	
/* Form styling from here on out. There is nothing in here that you HAVE to use to get this to work */	
#contactForm textarea, #contactForm input {width:285px; background:#fff; color:#555; border:1px solid #8a8a8a; height:15px; line-height:14px; font-size:11px; padding:2px 2px 0px;}
#contactForm input {background-position:0px -20px;}
#contactForm textarea {height:114px; font-family:Verdana, Geneva, sans-serif;}
#contactForm .submit { border:1px solid #aba8a8; background:#e5e5e5; text-transform:uppercase; color:#4d4d4d; font-weight:bold; padding:7px 16px 7px 14px; height:37px; width:124px; cursor:pointer; }
#contactForm .submit:active {background:#cacaca; }
#contactForm label {padding-left:4px; font-weight:bold;}
#contactForm p {padding-bottom:8px;}
#contactForm .input_boxes {float:left; width:204px;}

#contactFormContainer .contact-close{display:inline;cursor:pointer; color:#555;font-size:14px;}

/* Form Pemesanan SIngle Bunk*/
/* Positions the contact form so it doesn't interfere with any other content, as well as a z-index above any other elements on the page */	
#contactFormContainer2 { position:absolute;left:640px; z-index:1; }
	
/* Hides the whole contact form until needed */	
#contactFormContainer2 p{margin-bottom:0px;font-size:14px;}

#contactForm2 { height:520px; width:300px; background:#fff; border:1px solid #929191; padding:7px 12px; color:#000; display:none; }   

/* Loading bar that will appear while the ajax magic is happening */
.bar2{ display:none; background:url(images/ajax-loader.gif) no-repeat center; margin-top:100px; height:40px; width:230px;}
	
/* Hides the confirmation message until needed */	
#messageSent2 {display:none;}

/* This hides the form validation alert messages until needed */
#contactForm2 span { display:none; font-size:9px; line-height:10px; padding-left:6px; color:#f5c478;}
			
/* Hides the darkening layer for the Modal effect. The z-index is necessary for layering purposes, and be sure to keep the positioning/height/width the same */	
#backgroundPopup2{ display:none; position:fixed; _position:absolute; height:100%; width:100%; top:0; left:0;background:#000; z-index:11;}  
	
/* Form styling from here on out. There is nothing in here that you HAVE to use to get this to work */	
#contactForm2 textarea, #contactForm2 input {width:285px; background:#fff; color:#555; border:1px solid #8a8a8a; height:15px; line-height:14px; font-size:11px; padding:2px 2px 0px;}
#contactForm2 input {background-position:0px -20px;}
#contactForm2 textarea {height:114px; font-family:Verdana, Geneva, sans-serif;}
#contactForm2 textarea#address2 {height:60px;}
#contactForm2 .submit { border:1px solid #aba8a8; background:#e5e5e5; text-transform:uppercase; color:#4d4d4d; font-weight:bold; padding:7px 16px 7px 14px; height:37px; width:124px; cursor:pointer; }
#contactForm2 .submit:active {background:#cacaca; }
#contactForm2 label {padding-left:4px; font-weight:bold;}
#contactForm2 p {padding-bottom:8px;}
#contactForm2 .input_boxes {float:left; width:204px;}

#contactFormContainer2 .contact-close2{display:inline;cursor:pointer; color:#555;font-size:14px;}

/* Facebook Like */
.me-like {margin-top:20px;}