/*topnavigation*/
#topnavigation {
	width: 100%;
	height: 50px;
	margin: 0;
	padding: 0;
	background: url(navigation-bg.jpg) no-repeat left top;

} 
#topnavigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
} 
#topnavigation ul li {
	display: inline;
	margin: 0px;
} 
#topnavigation ul li a {
	height:33px;
	display: block;
	float: left;
	padding: 17px 15px 0 15px;
	font: bold 12px Arial;
	color: #FFF;
	text-decoration: none;
	background: url(navigation-separator.png) no-repeat right center;

} 

#topnavigation ul li a:hover {
	color:#363636;
	background: url(navigation-hover.png) repeat-x left top;
}

#topnavigation ul li#active a {
	color:#363636;
	background: url(navigation-hover.png) repeat-x left top;
}

#recent{
padding: 10px 10px 10px 10px;
border-bottom: 1px solid #D9E0EA;
font-size:11px;
color: #3E3E3E; }
/*hotelslists*/
#hotellinks{
width:220px;
margin-bottom:10px;
float:left;
position:relative;
z-index:5;
padding-top:12px;
}

#hotellisthead{
color: #251e72;
background: #b5c3de;
width: auto;
margin: 0px;
margin-left:8px;
position: relative;
font-weight: bold;
font-size: 11px;
padding:2px 0 4px 39px;
border:1px solid #00428B;
border-bottom:none;
}

#hotellinkslist
{
list-style-image:url(http://www.tripmashups.com/css/blue-arrow.gif);
border:1px solid #00428B;
border-top:0;
padding:5px;
padding-bottom:5px;
margin-left:8px;
}
#hotellinkslist li
{
margin-bottom:4px;
margin-left:20px;

}
#hotellinkslist li a
{
color:#012266;
}
#hotellinkslist li a:hover
{
color:#5EAD4B;
}

/*Form fields*/
.formfields {
	border: 1px solid #1b97cc;
	padding-left: 2px;
	background-image: url(http://www.tripmashups.com/css/field.gif);
	background-repeat: repeat-x;
	font: 11px Tahoma, Arial;
	color: #1b6c9a;
	min-height: 18px;
	background-color: #ffffff;
        width: 200px;
        
}
.selectfields {
	border: 1px solid #1b97cc;
	padding-left: 5px;
	background-image: url(http://www.tripmashups.com/css/field.gif);
	background-repeat: repeat-x;
	font: 11px Tahoma, Arial;
	color: #1b6c9a;
	min-height: 18px;
	background-color: #ffffff;
        width: 90px;
        
}
.textBox {

	border: 1px solid #1b97cc;
	font-family: Arial;
	font-size: 11px;
	color: #16387C;
	padding: 3px;

}
/*fancy buttons*/
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.fbutton {
    background: transparent url('bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.fbutton span {
    background: transparent url('bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

a.fbutton:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.fbutton:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}


a.topbutton {
    /* Sliding right image */
    background: transparent url('button_right.png') no-repeat scroll top right; 
display: block;
float: left;
height: 32px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 6px;
padding-right: 20px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}
a.topbutton span {
/* Background left image */ 
background: transparent url('button_left.png') no-repeat; 
display: block;
line-height: 22px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding: 7px 0 5px 18px;
} 
a.topbutton:hover span{
text-decoration:underline;
}


/*map and tools*/
   v\:*
    {
      behavior:url(#default#VML);
    }
    span.new {vertical-align: super; color: #cc0000; font-size: 70%;}
    .encodeBox {width: 600px; height: 40px; font-size: 14px; font-family: Courier;}
    .inputField {width: 160px;}
    #pointList {width: 300px; font-size: 12px;}
    #map_canvas {width: 600px; height: 400px; border: 1px solid gray; margin-top:6px;}
    #maploading {position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
    #txtAddress {width: 14em;}
    .buttons {background-color: #6D85B4; font-size: 11px; color: #000000;}
    input.red {background-color: #cc0000; font-weight: bold; font-size: 12px; color: white;}
    input.yellow {background-color: #F2B50F; font-weight: bold; font-size: 12px; color: white;}
    input.publishbutton {background-color: #4067BA; font-weight: bold; font-size: 11px; color: white;}
.bubble h4
{
font-family: verdana, arial, sans-serif;
font-weight: normal;
font-size: 100%;
color: #000000;
margin: 0px;
padding-top: 10px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}

.bubble h3
{
margin-top: 5px;
margin-bottom: 5px;
font-family: verdana, arial, sans-serif;
color: #063e7f;
font-size: 120%; 
font-weight: bold;
}


.bubble img
{
float: left;
margin-right: 12px; /* padding for qualities section on non-slideshow infowindows */
margin-top: 10px;
border: 5px solid #e5e4e2;
}

.bubble a
{
font-family: verdana, arial, sans-serif;
font-weight: normal;
font-size: 80%;
}

.bubble
{
width:450px;
height:200px;
background: #f5f5f5;
font-family: verdana, arial, sans-serif;
font-weight: normal;
font-size: 12px;
padding: 10px;
border: 1px solid #e0e4e8;
overflow:auto;

}

img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}

/*Trips display*/
.display table { border: 1px solid #00428B; width: 600px; padding: 10px 10px 10px 10px; background: #D2D9E6;}
.inner table { border: 1px solid #00428B; width: 570px; padding: 10px 10px 10px 10px; background: #F7F7F7;}
.man table { border: 1px solid #00428B; width: 610px; padding: 5px 5px 5px 5px; background: #FFFFFF;}
/*tools table*/
.tools table { border: 1px solid #57A3C7; width: 600px;}
.tools h3 {color: #0669C6; font-size: 14px; font-weight: bold;}
.tools td { border-bottom: 1px dotted #57A3C7;}





#upload_form {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
}

#upload_process{
   z-index:100;
   visibility:hidden;
   position:absolute;
   text-align:center;
   width:400px;
}