body {
	background: url("background.jpg"/*tpa=http://www.balifamilyholiday.itravelindonesia.com/background.jpg*/) ;
	color:#ffffff;
	border-top: 2px solid #cccccc;
    border-bottom:2px solid #cccccc;
    border-left: 2px solid #cccccc;
    border-right: 2px solid #cccccc;
	font-family: Arial, Sans-Serif;
	font: 9pt Arial, Verdana, Sans-Serif;
	padding: 0;
	margin: 0 0 0 0px;
	
}

/* ##### Header ##### */

.midHeader {
  color: rgb(39,78,144);
  background-color:;
  border-top: ;
  border-bottom:;
  border-left: ;
  border-right:;
  background: url("logo_balifamily.jpg"/*tpa=http://www.itripindo.com/images/mid_bg.png*/);
  height: 100px;	
}
.midHeader2 {
  color: rgb(39,78,144);
  background-color: rgb(140,170,230);
  border-top: ;
  border-bottom: ;
  border-left: ;
  border-right: ;
  background: url("logo_balifamily.jpeg"/*tpa=http://www.itripindo.com/images/mid_bg.png*/);
  height: 100px;	
}

.midHeader3 {
  color: rgb(39,78,144);
  background-color:;
  border-top: ;
  border-bottom:;
  border-left:2px solid #cccccc ;
  border-right:2px solid #cccccc;
  background: url(/*tpa=http://www.itripindo.com/images/mid_bg.png*/);
  height: 100px;	
}
.subHeader {
  color: white;
  background-color:;
  background:url("tab_menu.jpg"/*tpa=http://www.itripindo.com/background.jpg*/);
  margin: 0;
  padding: 4px;
  border-top: ;
  border-bottom:2px solid #cccccc ;
  border-left:2px solid #cccccc ;
  border-right:2px solid #cccccc;
 }
.subHeader1 {
  color: white;
  background-color:;
  background:url("tab_menu1.jpg"/*tpa=http://www.itripindo.com/background.jpg*/);
  margin: 0;
  padding: 4px;
  border-top: ;
  border-bottom:2px solid #cccccc ;
  border-left:2px solid #cccccc ;
  border-right:2px solid #cccccc;
 }

.subHeader a {
  color: white;
  background-color:transparent;
  text-decoration: none;
  font-weight: bold;
  margin: 0;
  padding: 0 0.75ex 0 0.5ex;
}  

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

/* ##### Main Content ##### */

.main {
  color: black;
  background-color:;
  border-left:2px solid #cccccc ;
  border-right: ;
  text-align: justify;
  line-height: 1.5em;
  margin: 0 0 0 10em;
  padding: 3mm 4mm 4mm 4mm;
 /* border-left: 1px solid rgb(153,153,153); */
}

.normal {
  color: black;
  text-align: justify;
 }

a {
	text-decoration: none;
	color: #2489DB;
}

a:hover {
	color: #FF9900;
}

a img {
	border: 0;
}

h1 {
	font-size: 1.6em; color:#1C6AAA;
	margin: 0 0 6px 0;
	padding: 2px 0px 0px 0px;
}


h2 {
	font-size: 1.4em; color: #003399;
	margin: 0 0 6px 0;
	padding: 2px 0px 0px 0px;
}


h3 {
	font-size: 1.3em; font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif
	margin: 0 0 5px 0;
	padding: 2px 0px 0px 0px;
}

#bg { 
	width: 760px;
	margin: 0 auto;
	padding: 5px 10px 10px 10px;
	
}



#toplinks {
	height: 20px;
	background: #cccccc;
	text-align: right;
	padding-right: 10px;	
	padding-top: 5px;
	border-right: 1px solid #330000;
}

#toplinks a {
	font-size: 8pt;
	display: inline;
	padding-left: 8px;
	padding-right: 5px;
	padding-bottom: 3px;
	margin-right: 5px;
	color: #fff;
}

#toplinks a:hover {
	border-bottom: 2px solid #cccccc;
	border-left: 1px solid #330000;	
}

#navigasi {
	clear: left;
	float: left;
	width: 160px;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 11px;
	border-left: 2px solid #cccccc;
	border-right: 2px solid #cccccc;
}
#navigasi ul {	
	list-style: none;
	width: 160px;
	margin: 0 0 3px 0;
	padding: 0;
	font-size: 12px; font-weight: bold;
}	

#navigasi li {
	margin-bottom: 2px;
}

#navigasi li a, #navigasi li a:visited {
	text-align: right;
	height: 20px;
	text-decoration: none;
	color: #cccccc;
	display: block;
	padding: 6px 8px 0 10px;
	background: #cccccc;
	border-left: 1px solid #330000;
}	
	
#navigasi li a:hover {
	background: #cccccc;
	color: #cccccc;
	border-left: 1px solid #330000;
}

.navil {
	text-align: left; font-weight:bold; font-size: 12px;
	height: 18px;
	text-decoration: none;
	color: #cccccc;
	display: block;
	padding: 3px 4px 0 10px;
	border-left: 2px solid #cccccc;
	border-right: ;
}
.navil a {
	display: block;
	text-decoration: none;
	border-left: 1px solid #330000;
	margin: 0 0 0 0;
	color: #fff;
	}

.navil a:hover {
	color: #cccccc;
	border-left: 1px solid #330000;
}

.subnavil {
	text-align:left; 
	padding: 3px 0 5px 0;
	border-left: 1px solid #330000;
	border-top: 1px solid #cccccc;
	color: #cccccc; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #cccccc url() repeat-x;
}

.subnavil a {
	padding: 3px 10px 3px 10px; display: block;
	text-decoration: none;
	margin: 0 0 0 0; font-weight: bold;
	border-bottom: 1px solid #990000; 
}
.subnavil a:hover { background: #999999; color: #cccccc;}
.subnavil a:visited {
	text-decoration: none;
}

.subnav {
	margin: 2px 0 10px 0;
	padding: 3px 10px 5px 10px;
	border-left: 1px solid #330000;
	width: 160px;
	border-top: 1px solid #cccccc;
	/* border-bottom: 1px solid #AFCEED; */
	color: #6B6B6B; font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif;
	background: #cccccc url("plavo.gif"/*tpa=http://www.itripindo.com/images/plavo.gif*/) repeat-x;
}

.subnavlink a {
	display: block;
	height: 10px;
	padding-bottom: 2px;
	margin-bottom: 2px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #330000;
}
.subnav a:visited {
	text-decoration: none;
	border-left: 1px solid #330000;
}

.kanan {
	margin: 0 0 5px 0;
	border-top:;
	border-bottom:;
	background: ;
	color: ;
	line-height: 1.5em;
	border-left: 1px solid #cccccc ;
	border-right:2px solid #cccccc;
	border-top:;
}
.bgmenu { color:#cccccc; 
	border-bottom: 2px solid #cccccc; padding: 5px 0px 0px 0px;
	border-left: 1px solid #330000;
	}
	
.bgmenu2 { color: #663333; 
}
	
.bgmenu3 { color: #666666; border-top: 1px solid #ccc;
	border-bottom: 2px solid #ddd; padding: 1px 0px 1px 0px;
	}

#podaci {
	margin: 5px 0 0 0; font-size:11px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	border: 2px solid #fff;
	background: #E5EFF9 url("plavo.gif"/*tpa=http://www.itripindo.com/images/plavo.gif*/);
	padding: 3px 3px 3px 3px;
	color: #70C256;
	border-left: 1px solid #330000;
}

#podaci a, #podaci a:visited {
	display: inline;
	border: none;	
}

#clanci {
	margin:  0 0 5px 155px;
	padding: 0 10px 5px 6px;
	line-height: 1.4em;
	border-left: 1px solid #330000;
}

#clanci h2 {
	margin: 0px;
	padding: 4px 0 4px 0;
	font-size: 12pt;
}

#clanci p {
	margin: 0;
	border-left: 1px solid #330000;
}

.datum {
	padding-top: 2px;
	height: 30px;
	margin: 5px 0 6px 0;
	border-top: 1px solid #eee;
	font-size: 80%;
	text-transform: uppercase;	
	color: #808080;
	border-left: 1px solid #330000;
}

.kolom1 { 
	margin: 0 0px 0px 0px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #330000;
	padding: 5px 6px 5px 6px;
	line-height: 1.6em;
	text-align: left;
	color: #5D5D5D;
}

.kolom2 { 
	margin: 0 0px 0px 0px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #330000;
	padding: 5px 6px 5px 6px;
	line-height: 1.6em;
	text-align: left;
	color: #5D5D5D;
}

.footer {
  color: #E2E2E2;
  margin: 0; background-color: ;
  padding: 4px; font-size:10px; font-family: verdana, Geneva, Arial, Helvetica, sans-serif; 
  border-top: 2px solid #cccccc;
  border-bottom:2px solid #cccccc ;
  border-left:2px solid #cccccc ;
  border-right:2px solid #cccccc;
  
  }
.footer1 {
  color: #E2E2E2;
  margin: 0; background-color: ;
  padding: 4px; font-size:10px; font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
  background: url("tab_footer.jpg"/*tpa=http://www.itripindo.com/images/mid_bg.png*/); 
  border-top: ;
  border-bottom:;
  border-left: ;
  border-right:;
  
  }  
.footer a {
  color: #D5EAFF;
  text-decoration: none;
  font-weight: normal;
  margin: 0;
  padding: 0 0.2ex 0 0.2ex;
}  

.footer a:hover {
  text-decoration: underline; color: #000000;
}
.style1 {color: #cccccc; text-decoration:line-through}
.style2 {
	color: #006600;
	font-weight: bold;
}

/***** hotels page css style *****/

.right_left {
	float: left;
	width: 275px;
	padding: 7px;
	background: #fafafa;
	color: #626262;
	border-left: 1px solid #330000;
}

.right_right {
	float: right;
	width: 275px;
	padding: 7px;
	background: #cccccc;
	color: #626262;
	border-left: 1px solid #330000;
}

.skiri {
	float: left; width: 280px; padding: 5px; background: #cccccc; color: #626262;
	border-left: 1px solid #330000;
	}

.skanan {
	float: right; width: 280px; padding: 5px; background: #cccccc; color: #626262;
	border-left: 1px solid #330000;
    }


.tbgr { /* clear:both; */
		background: #F2F2F2 url("td-bg.gif"/*tpa=http://www.itripindo.com/images/td-bg.gif*/);
		margin-top: 4px; padding: 2px 0 2px 0;
		font-size:12px; font-weight:bold;
		height: 20px;
		}
.tgl { font-family:Arial, Helvetica, sans-serif; font-size:10px; font-style:italic; color:#006600;}
.vld { font-family: Arial, Verdana,  Helvetica, sans-serif; font-size:11px; color: #1A70C6;}
.mn { margin: 0; padding: 0 5px 0 8px; }
.introdes { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding:0; }
.line { 
	height: 2px;
	margin: 2px 0 2px 0;
	background: #FFFFFF url("dotted.gif"/*tpa=http://www.itripindo.com/images/dotted.gif*/) repeat-x;
	color: #000;
	}
	
.garis { clear:both;
	height: 2px;
	margin: 0 0 0 0;
	background: #FFFFFF url("dotted.gif"/*tpa=http://www.itripindo.com/images/dotted.gif*/) repeat-x;
	color: #000;
	}	


.htlmenu { clear:both; padding: 1px 0 4px 0; 
		font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10pt; font-weight:bold;
		border-left: 1px solid #330000;
        color: #003399; text-align:center;}

	
.hapusdiv {
clear:both;
height:12px; 
width:1px;
}
.gal {
background:#fafbfc;
border:1px solid #b0b0b0;
margin: 8px 4px 8px 4px;
padding:5px; 
	}
.gbr {
border:1px solid #b0b0b0;
float:left;
margin: 2px 5px 2px 0;
padding:4px;
	}
	
.gbr2 {
border:1px solid #b0b0b0;
background:#f7f7f7;
margin: 2px 5px 2px 0;
padding:4px;
	}
.gbr3 {
border:1px solid #b0b0b0;
float:left; background:#f7f7f7;
margin: 2px 2px 2px 0;
padding:2px;
	}	
	
.judulitem { clear:both; 
		border-top: 1px solid  #eee; background: url("clanak.gif"/*tpa=http://www.itripindo.com/images/clanak.gif*/) repeat-x bottom left;
		 font-weight:bold; 	font-size:14px; color: #666; padding: 2px 0 2px 5px; 
		 margin: 4px 0 0 0; } 

FORM  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;
      font-weight: normal; margin-bottom: 0; margin-top: 0;        }

SELECT  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt;
      font-weight: normal;  background: #f8f8f8;
       border-left: 1px solid #7D82A2;
        border-right: 1px solid #7D82A2;
        border-top: 1px solid #7D82A2;
        border-bottom: 1px solid #7D82A2;    }
.boxcari {
border:1px solid #b0b0b0;
margin: 0; background: #FFFFFF url("clanak.gif"/*tpa=http://www.itripindo.com/images/clanak.gif*/) repeat-x bottom left;
padding: 2px; text-align:center;
	}	
.box { position: relative;
border:1px solid #b0b0b0; background: #FFFFFF url("bg-tabel.gif"/*tpa=http://www.itripindo.com/images/bg-tabel.gif*/) repeat-x;
margin: 10px auto; width: 650px; 
border-left: 1px solid #330000;
padding: 10px; text-align: justify;
	}		
.contcari { margin: 0; padding: 0 1px 0 1px; }

#lmenu 
    {
	font-size: 11px; margin: 0 0 0 0;
    border-bottom: 1px solid #E6EEF0;
	border-left: 1px solid #330000;
    display: block;
    padding: 4px 5px 5px 5px;
	background: #eee url("lijevo.gif"/*tpa=http://www.itripindo.com/images/lijevo.gif*/) repeat-x;
    }
#lmenu h3.lmenu
    {
    background: #666666; text-align:center;
    font-size: 10pt; 
    color: #fff;
    margin: 0 0 0 0; padding: 2px 0 2px 0;
    }
.grss { border-bottom: 1px solid #ccc; margin: 0 0 0 0; padding: 0 0 1px 0; display:block; }
.grss2 { clear:both; border-bottom: 1px solid #ddd; margin: 0 0 0 0; padding: 0 0 0 0; display:block; }	
	
/*** list item dengan bulet image  <ul class="lis"> ***/
.lis {	
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 11px; font-family: Arial, Helvetica, Verdana, sans-serif;
}	

.lis li {
	margin-bottom: 10px;
	padding: 0 0 0 2px;
}

.lis li a, .lis li a:visited {
	text-align: left;
	text-decoration: none;
	color: #0000FF;
	padding: 0 0 0 0;
	/* background: url(/images/bullet1.gif) left top no-repeat; */
}	
	
.lis li a:hover {
	color: #FF6600;
}	
/*** list end **/
.box1 {
background: #0A94DE; border:  1px solid #156FC8;
margin: 2px 0 2px 0; color:#FFFFFF; font-size:10px;
padding: 3px; font-family:Verdana, Arial, Helvetica, sans-serif;
	}	
	
.box1 a, .box1 a:hover, .box1 a:visited {
 color: #DFF1FF; text-decoration:none;
	}		

.box2 {
border:1px solid #FFBD24;
background:  #FFF0CE;
margin: 2px 0 2px 0; 
padding: 3px; 
	}
.box3 {
border:1px solid #cccccc; height: 400px;
background: #F7F7F7;
margin: 2px 0 2px 0; 
padding: 3px; 
	}
.box4 {
border:1px solid #999999;
background: #cccccc;
margin: 2px 0 2px 0; 
padding: 3px; 
	}

.box5 {
border:1px solid #AAD5FF;
background: #D2E3F7;
margin: 2px 0 2px 0; 
padding: 3px; 
	}		
	
.box6 {
border:1px solid  #FFE1E1;
background:  #FFF2F2;
margin: 2px 0 2px 0; 
padding: 3px; color: #880000; 
	}
.box7 {
border:1px solid  #ffffff;
background:;
margin: 2px 0 2px 0; 
padding: 3px; 
border-left: 1px solid #330000;
border-right: 1px solid #330000;
border-top: 1px solid #330000;
border-bottom: 1px solid #330000;
	}
.breadcomb {
border-bottom:1px solid  #F5D165;
background: #FCF1CF;
padding: 1px; 
	}