body {
    background-color: #166690;
	font-family: Arial,Helvetica,Garuda,sans-serif;
}

#itineraryFrame{
width:491px !important;
padding:10px;

}

#web_li{
   list-style-type: none;
 
}
/*
#fancybox-outer{
width:520px !important;
height: 600px !important;
}

#fancybox-inner{

width:519px !important;
height: 590px !important;
}
*/
#fancybox-inner{
background-color:#166690;
color:white;

}
#zong_next_btn{

float: right;
margin-top: -47px;
margin-right: 40px;
height:96px;
width:96px;




}

#zongpop {
    position: absolute;
   font-size: 0pt;
   font-weight: bold;
    z-index: 10;
    left: 335px;
    top: 43px;
    height: 34px;
	width:120px;
    
  background-image:url('http://yourpinpoints.com/app/WI/images/btnItinNorm_phone.png') !important;
    background-repeat:no-repeat !important;
background-position:left !important;
  
}
#zongpop:hover {
    position: absolute;
   font-size: 0pt;
   font-weight: bold;
    z-index: 10;
    left: 335px;
    top: 43px;
    height: 34px;
	width:120px;
    
  background-image:url('http://yourpinpoints.com/app/WI/images/btnItinOver_phone.png') !important;
    background-repeat:no-repeat !important;
background-position:left !important;
  
}

#yppiepop{
    position: absolute;
    border: none;
    
    z-index: 10;
    left: 315px;
    top: 480px;
    height: 30px;
    
    
    text-decoration: none;
    padding: 7px 25px 5px 25px;
}
#yppieURL{


    color: white;
    font-size:2em;
	font-variant: small-caps;
color:white !important;

}
#yppieEmailDiv{
    position:absolute;
    left:250px;
    top: 0px;
    font-size:0.9em;
}
#yppieEmailImg{
    float:right;
}
#frame {
   margin-bottom: 15px;
   margin-top: 15px; 
}


#yppieFrame
{
padding-left:10px;
color: white;
	background-color:#166690;

}
#navpanel {
    position: relative;
    width: 240px;
    background-color: #166690;
}

#mappanel {
    position: absolute;
    width: 682px;
    height: 527px;
    margin-left: 250px;
    margin-top: 15px;
    top: 0;
}


ul li.static {
    margin-bottom: 0px;
    margin-top: 3px;
    background-color: #DAE0F0 !important;
   background-image: none !important;
    list-style-type: none !important;
    text-align: right;
   font-family: Arial,Helvetica,Garuda,sans-serif;
	font-size: 14px;
   
   /* border: none !important;*/
      color: #166690 !important;
  /*  border-left: 10px solid #DAE0F0 !important;*/
    height: 20px;
    padding: 15px 10px 15px 10px;
  /*  margin-right: 1px;
    margin-left: 1px;
	
 */
}


li.static {
    list-style-type: none !important;
 
}

ul li.static#Beach {
    border-left: 10px solid #F8D136 !important;
	font-size: 14px;
	margin-top: 0px !important;
}

ul li.static#DisplayAll {
   margin-top: 0px !important;
   font-size: 14px;
}


ul li.static#Birdwatching {
    border-left: 10px solid #0066FF !important;
	font-size: 14px;
}

ul li.static#Castle {
    border-left: 10px solid #FF00FF !important;
	font-size: 14px;
}

ul li.static#Museum {
    border-left: 10px solid #FEEE73 !important;
	font-size: 14px;
}

ul li.static#National {
    border-left: 10px solid #617900 !important;
	font-size: 14px;
}

ul li.static#Nature {
    border-left: 10px solid #e80201 !important;
	font-size: 14px;
}

ul li.static:hover {
    background-color: #b6c6f0 !important;
	font-size: 14px;
}
/*ul li.static:hover#Nature {
    background-color: #DAE0F0 !important;
	
}*/

ul {
    list-style-type: none;
    overflow: auto;
    padding: 0;
    margin: 0;
}
/*
ul li {
    width: 200px;
    float: left;
    border: 1px solid #333;
    border-bottom: none;
    margin: 0 5px;
}
*/
ul li a {
    text-decoration: none;
    color: #166690 !important;
}

ul li a:hover {
    text-decoration: none;
}

ul li a {
    display: block;
    text-decoration: none;
}

/*
 * just for IE
 */ * html ul li a {
    width: 1%;
}

#popup_inner {
    color: #fff;
    margin: 10px;
    min-height: 100px;
}

#popup_img_div {
    width: 116px;
    height: 75px;
    border: 0;
    float: left;
    padding-right: 10px;
}
#popup_img {
    width: 116px;
    height: 75px;
    border: 0;
}
#popup_content {
    position: relative;
    font-size: 9pt;
    min-height: 75px; /* to allign with the image */
   margin-bottom:3px;
}

#popup_btn_pnl {
    min-height: 23px;
    
}

#itineraryFrame a{
color:FF3300;
};

#popup_btn_pnl  a{
    min-height: 23px;
    
}
li.popup_btn {
    padding: 0px 10px 0px 10px;
     list-style: none;
     border-style:none;
    	font-weight: bold;
   

}
li.popup_btn a{
    text-decoration: none;    
    margin-top: auto;
    margin-bottom: auto;
	
}

.popup_btn#web_btn{
    float:left;
	background-image: url('http://yourpinpoints.com/app/WI/images/btnMoreNorm.png') !important;
    background-repeat:no-repeat !important;
background-position:right top !important;
height:34px;
width:120px;

    
}

.popup_btn#itinerary_btn{
    float:right;
	
 background-image: url('http://yourpinpoints.com/app/WI/images/btnAddNorm.png') !important;
    background-repeat:no-repeat !important;
background-position:right top !important;
height:34px;
width:120px;

	
}

.popup_btn#itinerary_btn:hover{
    float:right;
	cursor:hand;
 background-image: url('http://yourpinpoints.com/app/WI/images/btnAddOver.png') !important;
    background-repeat:no-repeat !important;
background-position:right top !important;
height:34px;
width:120px;

	
}


.popup_btn#web_btn:hover{
    float:left;
	cursor:hand;
 background-image: url('http://yourpinpoints.com/app/WI/images/btnMoreOver.png') !important;
    background-repeat:no-repeat !important;
background-position:right top !important;
height:34px;
width:120px;

	
}

#popup_content h3, #popup_content p, #popup_content a, #popup_content a:visited {
    color: #fff;
    margin: 0;
    line-height: 1.1em;
}

#itinerary_wrapper{
    border:medium; 
    border-color: #166690;
}