﻿body {background-color: #4f6228; margin-top:5px; font-family:arial; font-size:12px; text-align:center;}
h1 {color: #76923C;}
h2 {color: #76923C;}
h3 {color: #76923C;}
h4 {color: #76923C;}
a {color: #76923C; font-weight:bolder;text-decoration:none;}
a:hover {text-decoration:underline;}


#wrapper {width:775px; background-color: #ffffff; margin:0 auto;}
#headerLogo {width:775px; height:95px; background-color:#89A689; background-image:url(../images/menu/bgLogo.gif); background-repeat:repeat;}
#headerSplash{width:775px; height: 175px;}
#headerTicker{width:775px; height: 35px; background-color: #ffffff; vertical-align:middle; border-bottom:1px solid #c0c0c0;}

#mainContent{width:499px; float:left; text-align:left; padding: 20px; background-color:#ffffff;}
#mainContent h1 {color:#76923C; border-bottom:solid 1px #76923C;}
#mainContent h2 {color:#76923C; border-bottom:dotted 1px #76923C;}
#mainContent h3 {color:#76923C; border-bottom:dotted 1px #76923C;}
#mainContentNoSidebar{width:775; float:left; text-align:left; padding: 10px 25px 10px 10px;}
#footer{background-color: #006633; height:75px; vertical-align:middle; font-family: arial; font-size: 10px; font-weight:bold; color: #ffffff; text-align:center;background-image:url(../images/menu/bgFooter.gif); background-repeat:repeat-x; }
#footer a{color:#ffffff;}
a.footer {color: #ffffff;}
.error {color:Red;}
.tourPrice{color:Red; font-size:14px; font-weight:bold;}
td.required{color:Red;}
.tourTitle {font-family:Arial; font-size:14px; color: #5f497a; font-weight:bold;}
.tourHeader {font-family: Arial Black, helvetica; font-size:18px; color: #76923C;}
.ranking {font-family: Arial; font-size:14px; color:Red; font-weight:bold;}
.photoFrame {padding:10px; border:1px solid #e4e4e4;}
.quoteTitle {font-family:Arial; font-size:14px; color: #5f497a; font-weight:bold;}
.airfareList{font-family:Arial; font-size:11px;}
.legal {font-family:verdana; font-size:10px; color:Red;}
.itinListBox {border:1px solid red; }

/* SIDEBAR */
#sidebar{width:225px; float:right; border-left:1px solid #E2E2E2; background-color:#ffffff;}
.sidebarItem{text-align:left; padding: 5px 30px 5px 10px; background-image:url(../images/menu/sidebarBG.gif); background-repeat:repeat-x; border:solid 1px #E2E2E2;}

/* AJAX TICKER */
#ajaxticker1{width: 100%; height: 25px; border: 0px ridge black; padding: 10px 5px 2px 5px;}
#ajaxticker1 div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
background-color: #ffffff;
}

/* MENU */
.menuControl
{
	width:775px;
    text-align: center;
    text-decoration: none;
    height: 30px;
    padding: 0 5px 0 5px;
    background-repeat:repeat-x;	
    background-image:url(../images/menu/bgMenu.gif); 
}
.staticMenu
{
	text-align:center;
	color: #ffffff;
	font-family: verdana,arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.dynamicMenu
{
	z-index: 1000;
	text-align:left;
	color: #ffffff;
	background-color: #5f497a;
	font-family: verdana,arial, sans-serif;
	font-size: 12px;
	border: 1px solid #ccc0d9;
	padding: 2px 5px 2px 5px;
	z-index: 1000;
}
      
/* CURLY CONTAINER */
.curlycontainer{
border: 1px solid #b8b8b8;
margin-bottom: 1em;
width: 100%;
}
.curlycontainer .innerdiv{
background: transparent url(../images/general/brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 15px 5px;
}    

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.squarebutton{
background: transparent url('../images/buttons/square-green-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url('../images/buttons/square-green-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

/* QUOTE REQUEST */
.qr_title {font-weight:bold; text-align:right; width:150px; text-align:right;}
td.qr_header {font-size: 14px; font-weight:bold; color:#76923c; background-color: #eaf1dd; border-bottom:1px solid #d6e3bc; border-right:1px solid #d6e3bc; padding:5px;}
.qr_subheader {font-size: 12px; font-weight:bold; background-color:#e5dfec; border:1px solid #ccc0d9; width:100%; padding-left:15px;}

/* PRICING */
table.price {font-size: 11px; }
td.priceheader {font-size: 13px; font-weight:bold; color:#76923c; background-color: #eaf1dd; border-bottom:1px solid #d6e3bc; border-right:1px solid #d6e3bc; padding:2px 0px 2px 5px;}
td.pricestatus {font-weight:bold; color:green;}

/* TOOLTIP */
#dhtmltooltip{position: absolute;left: -300px;width: 150px;border: 1px solid black;padding: 2px;background-color: #eaf1dd; visibility: hidden;z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);}

#dhtmlpointer{position:absolute;left: -300px;z-index: 101;visibility: hidden;}

/* CALENDAR */
.MyCalendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color: lemonchiffon;
    color: red;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
}
/* VIRTUAL VACATIONS */
table.virtualvacations {
	width: 99%;
	_width: 97%;
	text-align: left;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	font-size: 11px;
}
table.virtualvacations thead th {
	border: 1px #4f6228 solid;
	background-color: #76923C;
	padding: 3px 5px 3px 5px;
	color: #ffffff;
	font-size:12px;
}
table.virtualvacations tbody th, table.virtualvacations tbody td {
	border: 1px #aaa solid;
	padding: 3px 5px 3px 5px;
}

table.virtualvacations tbody th {
	background-color: #ededed;
}
table.virtualvacations tbody tr td {
	font-size: 12px;
}
