/*********************************header*************************************/

.menu li {
	float:left; 
	position:relative;
        
}
.menu li a {
	display:block; 
	font-size:18px; 
	line-height:3em; 
	width:189px;
	color:#fff; class:"data-table1a"
	
	me
}


.row-bot {
	width:100%;
	min-height:20px;
	background:url(http://localhost:8080/e-booking/assets/css/images/row-bot-tail2.gif) center top repeat-x;
}
	#page1 .row-bot {background-image:url(http://localhost:8080/e-booking/assets/css/images/row-bot-tail.gif)}
.center-shadow {
	width:100%;
	height:100%;
	min-height:20px;
	background:url(http://localhost:8080/e-booking/assets/css/images/center-shadow2.jpg) center top no-repeat;
}
	#page1 .center-shadow {background:url(http://localhost:8080/e-booking/assets/css/images/center-shadow.png) center top no-repeat}





h2 span {
    color:#8a8a8a
}
h3 {
    margin-top: 10px;
    font-size:16px;
    font-weight:normal;
    color:#212222;
    margin-bottom:10px;
}
h3 span {
    color:#8a8a8a
}
.menu-font-title {
    margin-top: 20px;
    font-size:32px;
    font-weight:normal;
    color:white;
    margin-bottom:10px;
}
.menu-font {
    margin-top: 25px;
    font-size:16px;
    font-weight:normal;
    color:white;
    margin-bottom:10px;
}
h2 span {
    color:#8a8a8a
}
a {
	color:#f27f02; 
	outline:none;
}
a:hover{
	text-decoration:none;
}

.textbox{
    height:20px;
    border: solid 1px #dcdcdc;
    padding: 4px;
    margin-bottom: 10px;
    /*border-radius: 2px;*/
}
.selectbox{
    background-color: white;
    height:30px;
    border: solid 1px #dcdcdc;
    padding: 4px;
    margin-bottom: 10px;
    /*border-radius: 2px;*/
}
	
.kotak-border{
        border-top: 1px solid #C1DAD7;
        border-left: 1px solid #C1DAD7;
        border-right: 1px solid #C1DAD7;
        border-bottom: 1px solid #C1DAD7;
         
        } 
.alignleft { text-align:left;}
.alignright { text-align:right;}
.aligncenter { text-align:center;}        

p {margin:0 0 1em}
.label-3 {padding-top: 4px;}


.print{
    
    font-family:Arial, Helvetica, sans-serif;
        font-size:10px;
}

.gray {
	background: #f0f0f0;
        
        
}
.texbox_{
    height:30px;padding: 4px; border: solid 1px #dcdcdc;border-radius: 2px;
    
}


.span-error {
    color: #e46c6e;
    font-style:italic;
    font-size:90%
}


















/* Pretty printing styles. Used with prettify.js. */

.str { color: #080; }
.kwd { color: #008; }
.com { color: #800; }
.typ { color: #606; }
.lit { color: #066; }
.pun { color: #660; }
.pln { color: #000; }
.tag { color: #008; }
.atn { color: #606; }
.atv { color: #080; }
.dec { color: #606; }
pre.prettyprint { padding: 5px; border:1px solid #d2d2d2; background:#f5f5f5 }

@media print {
  .str { color: #060; }
  .kwd { color: #006; font-weight: bold; }
  .com { color: #600; font-style: italic; }
  .typ { color: #404; font-weight: bold; }
  .lit { color: #044; }
  .pun { color: #440; }
  .pln { color: #000; }
  .tag { color: #006; font-weight: bold; }
  .atn { color: #404; }
  .atv { color: #060; }
}


.hidden { visibility:hidden }


.message { padding:10px; margin:15px 0; display:block; text-align:left }
.message-title { font-weight:bold; font-size:1.25em }
.message-body { margin-top:4px }
.error, .notice /*,.success */{ padding:.2em; margin-bottom:1em; border:1px solid #ddd }
.error { background:#FBE3E4; color:#8a1f11; border-color:#FBC2C4 }
.notice { background:#FFF6BF; color:#514721; border-color:#FFD324 }
/*.success { background:#E6EFC2; color:#264409; border-color:#C6D880 }*/
.error a { color:#8a1f11 }
.notice a { color:#514721 }
/*.success a { color:#264409 }*/



.ui-multiselect { padding:2px 0 2px 4px; text-align:left }
.ui-multiselect span.ui-icon { float:right }
.ui-multiselect-single .ui-multiselect-checkboxes input { position:absolute !important; top: auto !important; left:-9999px; }
.ui-multiselect-single .ui-multiselect-checkboxes label { padding:5px !important }

.ui-multiselect-header { margin-bottom:3px; padding:3px 0 3px 4px }
.ui-multiselect-header ul { font-size:0.9em }
.ui-multiselect-header ul li { float:left; padding:0 10px 0 0 }
.ui-multiselect-header a { text-decoration:none }
.ui-multiselect-header a:hover { text-decoration:underline }
.ui-multiselect-header span.ui-icon { float:left }
.ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:0 }

.ui-multiselect-menu { display:none; padding:3px; position:absolute; z-index:10000; text-align: left }
.ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:auto }
.ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:3px 1px }
.ui-multiselect-checkboxes label input { position:relative; top:1px }
.ui-multiselect-checkboxes li { clear:both; font-size:0.9em; padding-right:3px }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none }

/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label { border:none }





 
	#loading-big-box {
           
        background-color: #222;
        opacity: 0.4;
	position:absolute;
	width:3000px;
        height:3000px;
        padding:70px;
        
        overflow: hidden;
	text-overflow: ellipsis;
        }
	#loading-big-title {
	font-family: tahoma;
	font-weight: bold;
	color: blue;
	font-size: 18px;
	}
	#loading-big-div {
	font-family: tahoma;
	font-weight: bold;
	font-size: 56px;
	}
        .main {
	width: 100%;
        height:100%;
	margin: 0 auto;
	position: fixed;
        top: 100px;
        left:0px;
}
        .demo-3 .main { 
    
}

.demo-3 .main:after {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    }

.demo-3 .bokeh {
	font-size: 100px;
    width: 1em;
    height: 1em;
    position: relative;
    margin: 100px auto;
    border-radius: 50%;
    border: .01em solid rgba(150,150,150,0.1);
    list-style: none;
    }

.demo-3 .bokeh li {
    position: absolute;
    width: 0.05em;
    height: 3.5em;
    border-radius: 10%;
}

.demo-3 .bokeh li:nth-child(1) {
    top: 30%; left: 55%;margin: 0 0 0 -.1em;background: #FFFFFF;
    -webkit-transform-origin: 50% 50%;-moz-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;-o-transform-origin: 50% 50%;transform-origin: 50% 50%;
    /*-webkit-transform-origin: 50% 250%;-moz-transform-origin: 50% 250%;-ms-transform-origin: 50% 250%;-o-transform-origin: 50% 250%;transform-origin: 50% 250%;*/
    -webkit-animation: rota 1.13s linear infinite,opa 3.67s ease-in-out infinite alternate;
    -moz-animation: rota 1.13s linear infinite,opa 3.67s ease-in-out infinite alternate;
    -ms-animation: rota 1.13s linear infinite,opa 3.67s ease-in-out infinite alternate;
    -o-animation: rota 1.13s linear infinite,opa 3.67s ease-in-out infinite alternate;
    animation: rota 1.13s linear infinite,opa 3.67s ease-in-out infinite alternate;
    /*
    top: 50%; right: 0;margin: -.1em 0 0 0;background: black;
    -webkit-transform-origin: -150% 50%;-moz-transform-origin: -150% 50%;-ms-transform-origin: -150% 50%;-o-transform-origin: -150% 50%;transform-origin: -150% 50%;
    -webkit-animation: rota 1.13s linear infinite,opa 3.67s ease-in-out infinite alternate;
    -moz-animation: rota 1.13s linear infinite,opa 3.67s ease-in-out infinite alternate;
    -ms-animation: rota 1.13s linear infinite,opa 3.67s ease-in-out infinite alternate;
    -o-animation: rota 1.13s linear infinite,opa 3.67s ease-in-out infinite alternate;
    animation: rota 1.13s linear infinite,opa 3.67s ease-in-out infinite alternate;
    */
}

.demo-3 .bokeh li:nth-child(2) {
    /*top: 50%; right: 0;margin: -.1em 0 0 0;background: #FF003C;
    -webkit-transform-origin: -150% 50%;-moz-transform-origin: -150% 50%;-ms-transform-origin: -150% 50%;-o-transform-origin: -150% 50%;transform-origin: -150% 50%;
    */
    top: 30%; left: 55%;margin: 0 0 0 -.1em;background: #FF003C;
    -webkit-transform-origin: 50% 50%;-moz-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;-o-transform-origin: 50% 50%;transform-origin: 50% 50%;
    -webkit-animation: rota 1.86s linear infinite,opa 4.29s ease-in-out infinite alternate;
    -moz-animation: rota 1.86s linear infinite,opa 4.29s ease-in-out infinite alternate;
    -ms-animation: rota 1.86s linear infinite,opa 4.29s ease-in-out infinite alternate;
    -o-animation: rota 1.86s linear infinite,opa 4.29s ease-in-out infinite alternate;
    animation: rota 1.86s linear infinite,opa 4.29s ease-in-out infinite alternate;
}

.demo-3 .bokeh li:nth-child(3) {
    top: 30%; left: 55%;margin: 0 0 0 -.1em;background: #FFE226;
    -webkit-transform-origin: 50% 50%;-moz-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;-o-transform-origin: 50% 50%;transform-origin: 50% 50%;
    -webkit-animation: rota 3.13s linear infinite,opa 3.67s ease-in-out infinite alternate;
    -moz-animation: rota 3.13s linear infinite,opa 3.67s ease-in-out infinite alternate;
    -ms-animation: rota 3.13s linear infinite,opa 3.67s ease-in-out infinite alternate;
    -o-animation: rota 3.13s linear infinite,opa 3.67s ease-in-out infinite alternate;
    animation: rota 3.13s linear infinite,opa 3.67s ease-in-out infinite alternate;
}

.demo-3 .bokeh li:nth-child(4) {
    /*top: 50%;left: 50%;margin: -.1em 0 0 0;background: #88C100;
    -webkit-transform-origin: 250% 50%;-moz-transform-origin: 250% 50%;-ms-transform-origin: 250% 50%;-o-transform-origin: 250% 50%;transform-origin: 250% 50%;*/
    top: 30%; left: 55%;margin: 0 0 0 -.1em;background: #80E322;
    -webkit-transform-origin: 50% 50%;-moz-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;-o-transform-origin: 50% 50%;transform-origin: 50% 50%;
    -webkit-animation: rota 1.72s linear infinite,opa 5.25s ease-in-out infinite alternate;
    -moz-animation: rota 1.72s linear infinite,opa 5.25s ease-in-out infinite alternate;
    -ms-animation: rota 1.72s linear infinite,opa 5.25s ease-in-out infinite alternate;
    -o-animation: rota 1.72s linear infinite,opa 5.25s ease-in-out infinite alternate;
    animation: rota 1.72s linear infinite,opa 5.25s ease-in-out infinite alternate;
}

@-webkit-keyframes rota {
    to { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes rota {
    to { -moz-transform: rotate(360deg); }
}

@-ms-keyframes rota {
    to { -ms-transform: rotate(360deg); }
}

@-o-keyframes rota {
    to { -o-transform: rotate(360deg); }
}

@keyframes rota {
    to { transform: rotate(360deg); }
}

@-webkit-keyframes opa {
    12.0% { opacity: 0.80; }
    19.5% { opacity: 0.88; }
    37.2% { opacity: 0.64; }
    40.5% { opacity: 0.52; }
    52.7% { opacity: 0.69; }
    60.2% { opacity: 0.60; }
    66.6% { opacity: 0.52; }
    70.0% { opacity: 0.63; }
    79.9% { opacity: 0.60; }
    84.2% { opacity: 0.75; }
    91.0% { opacity: 0.87; }
}

@-moz-keyframes opa {
    12.0% { opacity: 0.80; }
    19.5% { opacity: 0.88; }
    37.2% { opacity: 0.64; }
    40.5% { opacity: 0.52; }
    52.7% { opacity: 0.69; }
    60.2% { opacity: 0.60; }
    66.6% { opacity: 0.52; }
    70.0% { opacity: 0.63; }
    79.9% { opacity: 0.60; }
    84.2% { opacity: 0.75; }
    91.0% { opacity: 0.87; }
}

@-ms-keyframes opa {
    12.0% { opacity: 0.80; }
    19.5% { opacity: 0.88; }
    37.2% { opacity: 0.64; }
    40.5% { opacity: 0.52; }
    52.7% { opacity: 0.69; }
    60.2% { opacity: 0.60; }
    66.6% { opacity: 0.52; }
    70.0% { opacity: 0.63; }
    79.9% { opacity: 0.60; }
    84.2% { opacity: 0.75; }
    91.0% { opacity: 0.87; }
}

@-o-keyframes opa {
    12.0% { opacity: 0.80; }
    19.5% { opacity: 0.88; }
    37.2% { opacity: 0.64; }
    40.5% { opacity: 0.52; }
    52.7% { opacity: 0.69; }
    60.2% { opacity: 0.60; }
    66.6% { opacity: 0.52; }
    70.0% { opacity: 0.63; }
    79.9% { opacity: 0.60; }
    84.2% { opacity: 0.75; }
    91.0% { opacity: 0.87; }
}

@keyframes opa {
    12.0% { opacity: 0.80; }
    19.5% { opacity: 0.88; }
    37.2% { opacity: 0.64; }
    40.5% { opacity: 0.52; }
    52.7% { opacity: 0.69; }
    60.2% { opacity: 0.60; }
    66.6% { opacity: 0.52; }
    70.0% { opacity: 0.63; }
    79.9% { opacity: 0.60; }
    84.2% { opacity: 0.75; }
    91.0% { opacity: 0.87; }
}
	/*loading text*/
        #inTurnFadingTextG{
width:240px;
position: relative;
    margin: 0px 0px 0px 630px ;
}

.inTurnFadingTextG{
color:#000000;
font-family:Helvetica;
font-size:30px;
text-decoration:none;
font-weight:normal;
font-style:normal;
float:left;
-moz-animation-name:bounce_inTurnFadingTextG;
-moz-animation-duration:1.82s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-webkit-animation-name:bounce_inTurnFadingTextG;
-webkit-animation-duration:1.82s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-ms-animation-name:bounce_inTurnFadingTextG;
-ms-animation-duration:1.82s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-o-animation-name:bounce_inTurnFadingTextG;
-o-animation-duration:1.82s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
animation-name:bounce_inTurnFadingTextG;
animation-duration:1.82s;
animation-iteration-count:infinite;
animation-direction: linear;
}

#inTurnFadingTextG_1{
-moz-animation-delay:0.52s;
-webkit-animation-delay:0.52s;
-ms-animation-delay:0.52s;
-o-animation-delay:0.52s;
animation-delay:0.52s;
}

#inTurnFadingTextG_2{
-moz-animation-delay:0.65s;
-webkit-animation-delay:0.65s;
-ms-animation-delay:0.65s;
-o-animation-delay:0.65s;
animation-delay:0.65s;
}

#inTurnFadingTextG_3{
-moz-animation-delay:0.78s;
-webkit-animation-delay:0.78s;
-ms-animation-delay:0.78s;
-o-animation-delay:0.78s;
animation-delay:0.78s;
}

#inTurnFadingTextG_4{
-moz-animation-delay:0.91s;
-webkit-animation-delay:0.91s;
-ms-animation-delay:0.91s;
-o-animation-delay:0.91s;
animation-delay:0.91s;
}

#inTurnFadingTextG_5{
-moz-animation-delay:1.04s;
-webkit-animation-delay:1.04s;
-ms-animation-delay:1.04s;
-o-animation-delay:1.04s;
animation-delay:1.04s;
}

#inTurnFadingTextG_6{
-moz-animation-delay:1.17s;
-webkit-animation-delay:1.17s;
-ms-animation-delay:1.17s;
-o-animation-delay:1.17s;
animation-delay:1.17s;
}

#inTurnFadingTextG_7{
-moz-animation-delay:1.3s;
-webkit-animation-delay:1.3s;
-ms-animation-delay:1.3s;
-o-animation-delay:1.3s;
animation-delay:1.3s;
}

#inTurnFadingTextG_8{
-moz-animation-delay:1.43s;
-webkit-animation-delay:1.43s;
-ms-animation-delay:1.43s;
-o-animation-delay:1.43s;
animation-delay:1.43s;
}

#inTurnFadingTextG_9{
-moz-animation-delay:1.56s;
-webkit-animation-delay:1.56s;
-ms-animation-delay:1.56s;
-o-animation-delay:1.56s;
animation-delay:1.56s;
}

#inTurnFadingTextG_10{
-moz-animation-delay:1.69s;
-webkit-animation-delay:1.69s;
-ms-animation-delay:1.69s;
-o-animation-delay:1.69s;
animation-delay:1.69s;
}

@-moz-keyframes bounce_inTurnFadingTextG{
0%{
color:#000000;
}

100%{
color:#FFFFFF;
}

}

@-webkit-keyframes bounce_inTurnFadingTextG{
0%{
color:#000000;
}

100%{
color:#FFFFFF;
}

}

@-ms-keyframes bounce_inTurnFadingTextG{
0%{
color:#000000;
}

100%{
color:#FFFFFF;
}

}

@-o-keyframes bounce_inTurnFadingTextG{
0%{
color:#000000;
}

100%{
color:#FFFFFF;
}

}

@keyframes bounce_inTurnFadingTextG{
0%{
color:#000000;
}

100%{
color:#FFFFFF;
}

}
        
        
        /*
Theme name: Diverso
Theme URI: http://www.yourinspirationweb.com
Description: A minimal and "diverso" wordpress theme.
Version: 1.3
Author: <a href="http://www.yourinspirationweb.com/en/" title="Your Inspiration Web">YIW</a>
Author URI: http://www.yourinspirationweb.com/en/
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: black, grey, white, light, minimal
*/

/***********************************************************************
******************* reset.css ******************************************
************************************************************************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate; border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
th {color:#414141;line-height:20px;min-height:20px;/*text-align:center;padding:10px;*/font-weight:bold;}
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
a img {border:none;}
.clearer {height:0px;overflow:hidden;margin:0px;clear:both;}
.center {text-align:center;}                                       

/* self-clear floats */
.group:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } 
/* ie.css */
* html .group { /* IE6 */
    height:1%;
}
*:first-child+html .group { /* IE7 */
    min-height:1%;
}  
/***********************************************************************/     

html, body, div, p{
  margin: 0;
  padding: 0;
  border: 0;
  }
  
img { border:0 }

/* Main Layout */

html { min-height:100% }
body { font-family:Calibri, 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Tahoma, Arial, san-serif; font-size:14px; line-height:1.8em; }
hr { background-color: #2A7390; height: 1px; border: 0; }
/* typography */
p, li, address, dd, blockquote { color:#545252; font-size:1em; line-height:1.61em } 
h1, h2, h3, h4, h5, h6, p, dl, ul, ol { margin:1em 0 0.8em; }         
a, a:hover { text-decoration:none }
h1, h2, h3, h4, h5, h6 { font-weight:normal; /*color:#8d8c8c;*/ }
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { color:#2c2b2b; }
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {color:#454545;margin-top:0;clear:both;}
h1 { font-size:2.5em}
h2 { font-size:2.154em}
h3 { font-size:1.8em }
h4 { font-size:1.428em }
h5 { font-size:1em }
h6 { font-size:0.9em }
.post h3 {font-size:1.54em;}
body h5, body h6 {font-family: "Droid Sans", serif !important;}
.cufon-delicious h1, .cufon-delicious h2, .cufon-delicious h3 {letter-spacing:-2px;}
.cufon-delicious h4, .cufon-delicious h5, .cufon-delicious h6 {letter-spacing:-1px;font-weight:normal;}
#content ul { margin-left:40px; list-style:square }
#content ol { margin-left:40px; }
i, em { font-style:italic; }
strong { font-weight:bold; }
#content blockquote { background:url('images/cite.png') no-repeat 45px 25px; padding:35px; }
dt { font-weight:bold; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #615c5c; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #2a2a2a; }
.no_js .hide-if-no-js {display:none;}
.post p {margin-bottom:1.3em;}

.line { border-top:1px solid #cacaca }
.space { height:45px }                                   
.border-line { height:1px; background:#ddd; width:100%; clear:both; margin:1.2em 0; }
body .last, body .widget-last { margin-right:0; border-right:0; }
 


/* ====================== START MAIN STRUCTURE ====================== */
/* ==== Widths, heights, floats and margins of all basic sections === */
#header 	{ position:relative; }
#logo       { float:left; margin:30px 0 30px 20px; }
#nav 		{ float:right;  }
#slogan 	{ margin:2em 0; }
#slider 	{  }
#content 	{ padding:1em 20px 30px; }
#primary 	{ width:640px; }
#sidebar 	{ width:250px; }
#footer 	{ padding:10px 10px 30px; }
.extra-content { padding:0 20px 30px; clear:both; }
#content .extra-content {padding:0 0 30px;}





#menu1 ul{list-style-type:none; text-transform:uppercase; z-index: 9999;cursor: pointer; cursor: hand;  }
#menu1 ul li{float: left; position: relative;}
#menu1 ul li ul li:hover{background-color: #999;}
#menu1 ul li a,#menu1 ul li span{color: black; font-weight:bold; padding: 0 10px; line-height:25px;  /*display: block;*/ text-decoration:none; font-size:10px; font-family:'WOL_Reg','Segoe UI',Tahoma,Helvetica,sans-serif;}
/*#menu1 ul li a:hover{background-color: #999;}*/
#menu1 ul li ul li{float: none; position: relative;}
#menu1 ul li ul{ -moz-box-shadow: 0 0 5px #000; padding:9px 0; -webkit-box-shadow: 0 0 5px #000; /*filter:alpha(opacity = 80);*/ /*border:1px solid #1F739B;*/ 
                background:rgba(0,0,0,0.8); position: absolute; top:25px; left:0; display: none; background-color: whitesmoke; min-width:180px;}
#menu1 ul li:hover > ul{display: block;}
#menu1 ul li ul li a{white-space: nowrap; line-height:25px;}
#menu1 ul li ul li ul{position: absolute; top:0; left:155px; display: none; background-color: whitesmoke; min-width:180;}




/* ====================== START HEADER ====================== */
#topbar{background-color:#edecec;padding:0 10px;}
#topbar ul{list-style:none;margin:0;}
#topbar ul li{display:inline-block; font-size:10px; margin:8px 0px 6px; }
#topbar ul li a, #topbar ul li a:visited{color:#898787;}
#topbar ul li a:hover{color:#2c2b2b;text-decoration:none;}
#topbar ul.topbar_links {float:right;}
#topbar .theme_breadcumb {float:left;line-height:32px;font-size:0.8em;margin:0;font-family:'Droid Sans', sans-serif !important;}
#topbar .theme_breadcumb a {color:#656363;}
#topbar .theme_breadcumb a.current {color:#2c2b2b;}          
#topbar .theme_breadcumb a:hover {color:#000;}      
#topbar .theme_breadcumb a.no-link {cursor:default;}    

/* navigation */
#nav { font-family:'WOL_Reg','Segoe UI',Tahoma,Helvetica,sans-serif;/*font-family:Verdana, Tahoma, Arial, san-serif; */ }
#nav ul {list-style:none; margin-top:-50px;}
#nav ul li{display:inline-block; margin-right:25px; height:41px; line-height:32px; position:relative;}
#nav ul li a, #nav ul li a:visited{color:white;/*color:#898787;*/ font-size:10px; text-transform:uppercase; padding-top:12px; display:block;}
#nav ul li a:hover, #nav .menu ul li.current_page_item a, #nav ul li.current-menu-item a{color:#white;}

/*
#nav .menu ul li,               #nav ul li.home     {background:url('images/icons/nav/home.png') top center no-repeat;}
#nav .menu ul li.page-item-2,   #nav ul li.folder   {background:url('images/icons/nav/folder.png') top center no-repeat;}    
#nav .menu ul li.page-item-3,   #nav ul li.bookmark {background:url('images/icons/nav/bookmark.png') top center no-repeat;} 
#nav .menu ul li.page-item-4,   #nav ul li.burst    {background:url('images/icons/nav/burst.png') top center no-repeat;}       
#nav .menu ul li.page-item-5,   #nav ul li.calendar {background:url('images/icons/nav/calendar.png') top center no-repeat;}   
#nav .menu ul li.page-item-6,   #nav ul li.email    {background:url('images/icons/nav/email.png') top center no-repeat;}
#nav .menu ul li.page-item-7,   #nav ul li.bag      {background:url('images/icons/nav/bag.png') top center no-repeat;}
#nav .menu ul li.page-item-8,   #nav ul li.diap     {background:url('images/icons/nav/diap.png') top center no-repeat;}
#nav .menu ul li.page-item-9,   #nav ul li.pen      {background:url('images/icons/nav/pen.png') top center no-repeat;}
#nav .menu ul li.page-item-10,  #nav ul li.people   {background:url('images/icons/nav/people.png') top center no-repeat;}
                             
#nav .menu ul li:hover, #nav .menu ul li.current_page_item, #nav ul li.home:hover, #nav ul li.home.current-menu-item,
#nav .menu ul li.page-item-2:hover,  #nav .menu ul li.page-item-2.current_page_item,  #nav ul li.folder:hover,    #nav ul li.folder.current-menu-item,
#nav .menu ul li.page-item-3:hover,  #nav .menu ul li.page-item-3.current_page_item,  #nav ul li.bookmark:hover,  #nav ul li.bookmark.current-menu-item,
#nav .menu ul li.page-item-4:hover,  #nav .menu ul li.page-item-4.current_page_item,  #nav ul li.burst:hover,     #nav ul li.burst.current-menu-item,
#nav .menu ul li.page-item-5:hover,  #nav .menu ul li.page-item-5.current_page_item,  #nav ul li.calendar:hover,  #nav ul li.calendar.current-menu-item,
#nav .menu ul li.page-item-6:hover,  #nav .menu ul li.page-item-6.current_page_item,  #nav ul li.email:hover,     #nav ul li.email.current-menu-item,
#nav .menu ul li.page-item-7:hover,  #nav .menu ul li.page-item-7.current_page_item,  #nav ul li.bag:hover,       #nav ul li.bag.current-menu-item,
#nav .menu ul li.page-item-8:hover,  #nav .menu ul li.page-item-8.current_page_item,  #nav ul li.diap:hover,      #nav ul li.diap.current-menu-item,
#nav .menu ul li.page-item-9:hover,  #nav .menu ul li.page-item-9.current_page_item,  #nav ul li.pen:hover,       #nav ul li.pen.current-menu-item,
#nav .menu ul li.page-item-10:hover, #nav .menu ul li.page-item-10.current_page_item, #nav ul li.people:hover,    #nav ul li.people.current-menu-item
 {background-position:bottom center;}
 */
/* dropdown */
#nav ul.sub-menu, #nav ul.children {  display:none; margin:5px; position:absolute; top:42px; left:-18px; z-index:100000; list-style:none; margin:0; }                                                        
#nav ul.sub-menu li, #nav ul.children li {   clear:both; display:block; width:170px; border:none; height:auto; line-height:1em; margin:0; background:none; }                    
#nav ul.sub-menu li a, #nav ul.children li a { font-size:0.75em; font-weight:normal; color:#eee; padding:6px 18px; }
#nav ul.sub-menu li ul, #nav ul.children li ul {  top:0; left:270px !important;  }




#nav ul.sub-menu li ul li ul, #nav ul.children li ul li ul {  top:0; left:100px !important; display:none; background-color: red;}




/*#nav ul.sub-menu li.left ul, #nav ul.children li.left ul {  top:0; left:-185px !important; }*/
#nav ul.black ul.sub-menu, #nav ul.black ul.children { -moz-box-shadow: 0 0 5px #000; padding:9px 0; -webkit-box-shadow: 0 0 5px #000; background-color:#000; filter:alpha(opacity = 80); border:1px solid #333; background:rgba(0,0,0,0.8); }
#nav ul.black ul.sub-menu li:hover, #nav ul.black ul.sub-menu li.sub:hover, #nav ul.black ul.children li:hover, #nav ul.black ul.children li.sub:hover { background-color:#0F0F0F; background-color:rgba(0,0,0,0.6) }
#nav ul.black ul.sub-menu li.sub, #nav ul.black ul.children li.sub {  background:url('images/icons/arrow-sub.png') 156px center no-repeat }
#nav ul.black ul.sub-menu ul, #nav ul.black ul.children ul { top:-10px }


#nav ul.white ul.sub-menu, #nav ul.white ul.children
{ left:-10px; font-size: 1.05em; display:none; position:absolute; 
  text-transform: none; padding:5px 0; 
  /*background:#fff; */ border:1px solid #d3d3d3; z-index:100000; -webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); }


#nav ul.white ul.sub-menu li, #nav ul.white ul.children li { float:none; display:block; margin:0; line-height:1em; padding: 0 10px; }
/*#nav ul.white ul.sub-menu li:first-child a, #nav ul.white ul.children li:first-child a {   border:0; }*/
#nav ul.white ul.sub-menu li a, #nav ul.white ul.children a { color:#8c969e; letter-spacing:0; display: block; padding:6px 0; border-top: 1px solid #DDD; text-align:left; }
#nav ul.white ul.sub-menu li a:hover, #nav ul.white ul.children a:hover { color:#333; }
#nav ul.white ul.sub-menu ul, #nav ul.white ul.children ul { top:-6px; }

/*indicators*/
#nav a.sf-with-ul{ min-width:1px; padding-right: 15px; }
#nav .sf-sub-indicator{position:absolute; display:block; width:10px; height:7px; text-indent:-999em; background: url('images/menu-arrow.png') bottom left; top: 23px; left: 110% !important;}
#nav a:focus >.sf-sub-indicator, 
#nav a:hover >.sf-sub-indicator, 
#nav a:active >.sf-sub-indicator, 
#nav li:hover >a >.sf-sub-indicator, 
#nav li.sfHover >a >.sf-sub-indicator{background: url('images/menu-arrow.png') top left;}

#nav ul.sub-menu .sf-sub-indicator, #nav ul.children .sf-sub-indicator{ display:block; background: url('images/menu-arrow.png') bottom right; width: 7px; height: 11px; left: 85% !important; top: 6px;}
#nav ul.sub-menu a >.sf-sub-indicator, #nav ul.children a >.sf-sub-indicator{ display:block; background: url('images/menu-arrow.png') bottom right; width: 7px; height: 11px; left: 85% !important; top: 6px}
#nav ul.sub-menu a:focus >.sf-sub-indicator, 
#nav ul.sub-menu a:hover >.sf-sub-indicator, 
#nav ul.sub-menu a:active >.sf-sub-indicator, 
#nav ul.sub-menu li:hover >a >.sf-sub-indicator, 
#nav ul.sub-menu li.sfHover >a >.sf-sub-indicator,
#nav ul.children a:focus >.sf-sub-indicator, 
#nav ul.children a:hover >.sf-sub-indicator, 
#nav ul.children a:active >.sf-sub-indicator, 
#nav ul.children li:hover >a >.sf-sub-indicator, 
#nav ul.children li.sfHover >a >.sf-sub-indicator{background: url('images/menu-arrow.png') top right; }

#nav ul.black ul .sf-sub-indicator {display:none;}

/* nojs */  
body.no_js #nav ul li:hover > ul { display:block }


/* slogan */
#slogan { text-align:center; padding-bottom:16px; }
#slogan {margin-top:0;background:url('images/slogan-shadow.png') no-repeat center bottom;padding-top:40px;}
#content #slogan {padding-top:0;}
.home #slogan {background:none;}
#slogan h1 { font-size:2.14em; color:#454545; padding-bottom:0.3em; }
//#slogan h3, #slogan h1.only { font-size:1.714em; color:#5d5c5c; } 
//.cufon-delicious #slogan h3, .cufon-delicious #slogan h1.only { letter-spacing:-1px; }  
#slogan h1, #slogan h3 { margin:0; font-weight:normal; }
#slogan h1 span, #slogan h3 span { color:#a6a4a4; }
#slogan cufon { z-index:0; }

/* slider */

/* ====================== END HEADER ====================== */    

   
p {margin-left: 5px; margin-right: 5px;}

.header-title{
/*font-family:Verdana, Tahoma, Arial, san-serif;    */
  /*  text-transform:uppercase;*/
}

.upper{
    
    text-transform:uppercase;
}

.menu-panah{
    position:absolute;
    right:5px;
    top:7px;
}








/* slider --*/

.shadow-left-big {
	background:url(../assets/slide/content/shadow-left-big.png) no-repeat left bottom;
	
}

.carousel-caption-inner h4 span{
	color:#454545;
	display:block;
	color:#1c9bf8;
	font-size:24px;
}

.dtable {display:table;}

.carousel-caption-inner h5 {
	background: #2ecc71;
	display: table;
	line-height: 30px;
	padding: 0 20px 0 15px;
	font-size: 15px;
	text-shadow: none;
	border-radius: 2px;
	margin:0px 0px 5px;
	position:relative;
	color:#fff;
}

.carousel-caption-inner h6 {
        background: #484747;
	display: table;
	line-height: 30px;
	padding: 0 5px 0 5px;
	font-size: 15px;
	text-shadow: none;
	border-radius: 2px;
	margin:0px 0px 5px;
	position:relative;
	color:#fff;
}

.carousel-caption-inner h5 i ,
.carousel-caption-inner h6 i {
	color:#2ecc71;
	font-size:14px;
	font-weight:normal;
}

.carousel-caption-inner p{
	color:#8a8a8a;
	width:67%;
	text-shadow:none;
	font-size:15px;
	line-height:21px;
}




.data-table-kotak {
	border: none; /* Turn off all borders */
	border-top: 1px solid #ccc;
	margin: 2px 2px 2px 2px;
        font-family:Arial, Helvetica, sans-serif;
        font-size:10px;
}
.data-table-kotak caption {
	color: black;
	font-size: 10px;
	font-weight: normal;
	line-height: 10px;
	margin: 0 0 10px 0;
	padding: 0;
	text-align: center;
}
.data-table-kotak thead {
	background: #f0f0f0;
}

.data-table-kotak th{
    	border: none; /* Turn off all borders */
	border-bottom: 1px solid #ccc;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-top: 1px solid #ccc;
	margin: 0;
	padding: 5px;
	text-align: center;
        font-size: 10px;
        
}
.data-table-kotak td{
	border: none; /* Turn off all borders */
	border-bottom: 1px solid #ccc;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
	margin: 0;
	padding: 2px;

}   

.visible
{
    background-color: #efefef;
}