/**********************************************************************************************************************/

/********** Defaults **********/
body {
	background-color: white;
	font-size: 11px;
	font-weight: 400;
	font-family: Arial;
}

th {
	font-size: 12px;
	font-weight: bold;
	font-family: Arial;
}
td {
	font-size: 11px;
	font-weight: 400;
	font-family: Arial;
}
img {
	border:0;
}
h1 {
	color:rgb(57,124,214);
	font-size:24px;
	font-family:Trebuchet MS;
	text-shadow:2px 2px 1px rgb(180,180,180);
}
h2 {
	margin-top: 0.5em;
	color:rgb(255,126,0);
	font-size:20px;
	font-family:Trebuchet MS;
	text-shadow:2px 2px 1px rgb(180,180,180);
}
h3 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 2px 0px;
	color:rgb(74,74,74);
	font-size:18px;
	font-family:Trebuchet MS;
	text-shadow:2px 2px 1px rgb(180,180,180);
}
h4 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 2px 0px;
	color:rgb(74,74,74);
	font-size:16px;
	font-family:Trebuchet MS;
	text-shadow:2px 2px 1px rgb(180,180,180);
}
h5 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 2px 0px;
	color:rgb(74,74,74);
	font-size:14px;
	font-family:Trebuchet MS;
	text-shadow:2px 2px 1px rgb(180,180,180);
}

/**********************************************************************************************************************/

/********** Basic Styles **********/
.white {
	color: rgb(224,224,224);
}
.whiteBold {
	color: rgb(224,224,224);
	font-weight: bold;
}
.black1 {
	color:rgb(21,21,21);
}
.black1Bold {
	color:rgb(21,21,21);
	font-weight:bold;
}
.black2 {
	color:rgb(41,41,41);
}
.black2Bold {
	color:rgb(41,41,41);
	font-weight:bold;
}
.black3 {
	color:rgb(61,61,61);
}
.black3Bold {
	color:rgb(61,61,61);
	font-weight:bold;
}
.darkGray {
	color:rgb(91,91,91);
}
.darkGrayBold {
	color:rgb(91,91,91);
	font-weight:bold;
}
.gray {
	color: rgb(102, 102, 102);
}
.grayBold {
	color: rgb(102, 102, 102);
	font-weight: bold;
}
.graySmall {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: rgb(102, 102, 102);
	font-weight: normal;
}
.orange {
	color: rgb(249, 94, 0);
}
.orangeBold {
	color: rgb(249, 94, 0);
	font-weight: bold;
}
.lightOrange {
	color: rgb(254, 142, 4);
}
.green {
	color:rgb(0, 139, 0);
}
.greenBold {
	color:rgb(0, 139, 0);
	font-weight: bold;
}
.blue {
	color: rgb(40, 123, 225);
}
.blueBold {
	color: rgb(40, 123, 225);
	font-weight: bold;
}

.small {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: rgb(0,20,47);
	font-weight: normal;
}
.error {
	color: rgb(255, 94, 0);
	font-weight: bold;
}

/**********************************************************************************************************************/

/********** Links **********/

/* All links are the same color, whether visited or not.
 * They contain no text-decoration either.
 * On hover, they turn orange, and become underlined.
 */
a:link, a:visited {
	color:rgb(30,30,30);
	text-decoration:none;
}
a:hover {
	color:rgb(255,85,42);
	text-decoration:underline;
}

/* blue */
a.blue:link,
a.blue:visited {
	color:rgb(40,123,225);
	text-decoration:none;
}
a.blue:hover {
	color:rgb(255,85,42);
	text-decoration:underline;
}

/* blueBold*/
a.blueBold:link, a.blueBold:visited {
	color: rgb(40,123,225);
	font-weight:bold;
}
a.blueBold:hover {
	text-decoration:underline;
}

/* blackBold */
a.blackBold:link, a.blackBold:visited {
	color:rgb(29,29,29);
	font-weight:bold;
}
a.blackBold:hover {
	color:rgb(255,85,42);
	text-decoration:underline;
}

/* blackWhite */
a.blackWhite:link,
a.blackWhite:visited {
	color: rgb(29,29,29);
	font-weight: bold;
}
a.blackWhite:hover {
	color: rgb(224,224,224);
	text-decoration: underline;
}

/* green */
a.green:link,
a.green:visited {
	color:rgb(0, 139, 0);
}
a.green:hover {
	text-decoration:underline;
}

/* greenBold */
a.greenBold:link,
a.greenBold:visited {
	color:rgb(0, 139, 0);
	font-weight:bold;
}
a.greenBold:hover {
	text-decoration:underline;
}

a.orangeBold {
	color: rgb(249, 94, 0);
	font-weight: bold;
}
a.orangeBold:hover {
	text-decoration:underline;
}

a.red:link,
a.red:visited {
	color:rgb(249, 94, 0);
}
a.red:hover {
	text-decoration:underline;
}

a.redBold:link,
a.redBold:visited {
	color:rgb(249, 94, 0);
	font-weight:bold;
}
a.redBold:hover {
	text-decoration:underline;
}

a.h3:link,
a.h3:visited {
	color:rgb(74,74,74);
	font-size:18px;
	font-weight:bold;
	font-family:Trebuchet MS;
}

/**********************************************************************************************************************/

/********** Containers **********/

#Container {
	position:relative;
	min-width: 760px;
}

#Header {
	position:relative;
	width: 100%;
	height: 98px;
	padding: 0px 0px;
	margin: 0px 0px 1px 0px;
	background-color: rgb(40,123,225);
	/* The background-image is randomly selected in header.cfm */
	background-image: url("/images/headers/header1.jpg");
	background-position: top left;
	background-repeat: no-repeat;
}

#Header2 {
	position:relative;
	width: 100%;
	height: 23px;
	padding: 0px 0px;
	margin:0px 0px 10px 0px;
	background-color:rgb(249,94,0);
	background-image:url("/images/header2BG.jpg");
	background-position:top right;
	background-repeat:no-repeat;
	white-space:nowrap;
}

table.content tr td.left {
	padding:0 32px 0 8px;
	font-size:12px;
}

table.content tr td.right {
	width: 225px;
	padding:0 8px 0 0;
}

div.hr {
	width: 100%;
	height: 1px;
	padding: 0 0 0 0;
	margin: 20px 0 0px 0;
	background-image:url("/images/borderHorizontalLeft.gif");
	background-position:top left;
	background-repeat:repeat-x;
}

#Footer {
	width: 100%;
	height: 23px;
	padding: 0 0 0 0;
	margin:15px 0 5px 0;
	background-color:rgb(249,94,0);
	background-image:url("/images/header2BG.jpg");
	background-position:top right;
	background-repeat:no-repeat;
	white-space:nowrap;
}

/**********************************************************************************************************************/

/********** Header Settings **********/
#Header #siteMessagesBackground {
	height: 90px;
	background-color: black;
	border: solid white 1px;
	display: inline;
	filter: alpha(opacity=50);
	left: 50%;
	margin-left: -225px;
	margin-top: -120px;
	opacity: .5; 
	position: absolute; 
	text-align: center; 
	width: 450px; 
	z-index: 9999;
}

#Header #siteMessagesContent {
	height: 90px;
	font-size: 1.1em;
	left: 50%;
	margin-left: -226px;
	margin-top: -130px;
	position: absolute;
	text-align: center;
	width: 452px;
	z-index: 10002;
}

#Header #siteMessagesContent #pageMessage {
	color: #fabf0d;
	display: block;
	font-weight: 600;
	left: 50%;
	line-height: 1.3em;
	margin-left: -220px;
	min-height: 20px;
	position: absolute;
	top: 50%;
	width: 440px;
}

#Header table tr td {
	color: white;
	font-size:11px;
	font-weight: bold;
}
#Header table tr td a:link,
#Header table tr td a:visited {
	color: white;
}

#headerLink {
	display: inline;
	height: 74px;
	left: 0;
	position: absolute;
	top: 12px;
	width: 204px;
}

/**********************************************************************************************************************/

/********** Header2 Settings **********/
table.pageTools {
	height:100%;
	vertical-align:middle;
}
table.pageTools tr td {
	padding-right:10px;
	color:black;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	white-space:nowrap;
}
table.pageTools tr td.heading {
	padding-right:13px;
	color:rgb(62,37,0);
	font-weight:bold;
}
table.pageTools tr td a:link,
table.pageTools tr td a:visited {
	color:rgb(60,60,60);
	text-decoration:none;
}
table.pageTools tr td a:hover {
	text-decoration:underline;
}

/**********************************************************************************************************************/

/* The breadcrumb bar will eventually go underneath Header2.
 * This will happen after we get search functionality.
**/
#BreadCrumb {
	width: 100%;
	padding: 0 0 0 0;
	margin: 4px 0 8px 0;
}

/**********************************************************************************************************************/

/********** Photo Settings **********/
div.photoBrowser {
	border:1px solid rgb(249,94,0);

	float: left;
	margin-bottom:10px;
  margin-right: -1px;
	min-width: 490px;
	min-height: 120px;
	overflow: hidden;
	overflow: scroll;
  overflow-y: hidden;
  padding-right: 1px;
	text-align:left;
	white-space:nowrap;
	/* Fix for IE - uses a Javascript expression to determine the width of the element */
/*	width: expression(document.body.clientWidth >= 760 ? document.body.clientWidth - 270 : "490px");*/
}

/**********************************************************************************************************************/

/********** Yellow Box **********/

table.yellowBox {
	width: 100%;
	padding: 0 0 0 0;
	margin: 0 0 8px 0;
	background-color: rgb(235, 198, 0);
}
table.yellowBox tr td.topLeftCorner {
	width: 10px;
	text-align: left;
	vertical-align: top;
	background-image:url("/images/topLeftCorner_yellow.gif");
	background-position:top left;
	background-repeat:no-repeat;
}
table.yellowBox tr td.heading {
	padding-top:2px;
	padding-bottom:2px;
	color: rgb(31,31,31);
	text-align: center;
	vertical-align: middle;
	font-size: 13px;
	font-weight: bold;
}
table.yellowBox tr td.topRightCorner {
	width: 10px;
	text-align: right;
	vertical-align: top;
	background-image:url("/images/topRightCorner_yellow.gif");
	background-position:top right;
	background-repeat:no-repeat;
}
table.yellowBox tr td.content {
	padding: 6px 4px 4px 4px;
	border: 1px solid rgb(235, 198, 0);
	background-color: white;
}


/********** Blue Box **********/

table.blueBox {
	width: 100%;
	padding: 0 0 0 0;
	margin: 0 0 8px 0;
	background-color: rgb(40, 123, 225);
}
table.blueBox tr td.topLeftCorner {
	width: 10px;
	text-align: left;
	vertical-align: top;
	background-image:url("/images/topLeftCorner_blue.gif");
	background-position:top left;
	background-repeat:no-repeat;
}
table.blueBox tr td.heading {
	padding-top:2px;
	padding-bottom:2px;
	color: rgb(255, 255, 255);
	text-align: center;
	vertical-align: middle;
	font-size: 13px;
	font-weight: bold;
}
table.blueBox tr td.topRightCorner {
	width: 10px;
	text-align: right;
	vertical-align: top;
	background-image:url("/images/topRightCorner_blue.gif");
	background-position:top right;
	background-repeat:no-repeat;
}
table.blueBox tr td.content {
	padding: 6px 4px 4px 4px;
	border: 1px solid rgb(40, 123, 225);
	background-color: white;
}

/********** Orange Box **********/

table.orangeBox {
	width: 100%;
	padding: 0 0 0 0;
	margin: 0 0 8px 0;
	background-color: rgb(254, 142, 4);
}
table.orangeBox tr td.topLeftCorner {
	width: 10px;
	text-align: left;
	vertical-align: top;
	background-image:url("/images/topLeftCorner_orange.gif");
	background-position:top left;
	background-repeat:no-repeat;
}
table.orangeBox tr td.heading {
	padding-top:2px;
	padding-bottom:2px;
	color: rgb(255, 255, 255);
	text-align: center;
	vertical-align: middle;
	font-size: 13px;
	font-weight: bold;
}
table.orangeBox tr td.topRightCorner {
	width: 10px;
	text-align: right;
	vertical-align: top;
	background-image:url("/images/topRightCorner_orange.gif");
	background-position:top right;
	background-repeat:no-repeat;
}
table.orangeBox tr td.content {
	padding: 6px 4px 4px 4px;
	border: 1px solid rgb(254, 142, 4);
	background-color: white;
}

/********** Green Box **********/

table.greenBox {
	width: 100%;
	padding: 0 0 0 0;
	margin: 0 0 8px 0;
	background-color: rgb(59, 159, 0);
}
table.greenBox tr td.topLeftCorner {
	width: 10px;
	text-align: left;
	vertical-align: top;
	background-image:url("/images/topLeftCorner_green.gif");
	background-position:top left;
	background-repeat:no-repeat;
}
table.greenBox tr td.heading {
	padding-top:2px;
	padding-bottom:2px;
	color: rgb(255, 255, 255);
	text-align: center;
	vertical-align: middle;
	font-size: 13px;
	font-weight: bold;
}
table.greenBox tr td.topRightCorner {
	width: 10px;
	text-align: right;
	vertical-align: top;
	background-image:url("/images/topRightCorner_green.gif");
	background-position:top right;
	background-repeat:no-repeat;
}
table.greenBox tr td.content {
	padding: 6px 4px 4px 4px;
	border: 1px solid rgb(59, 159, 0);
	background-color: white;
}

/********** Arrow Button **********/

table.arrowButton {
	height:22px;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
table.arrowButton tr td {
	height:23px;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
table.arrowButton tr td.tail {
	width:21px;
	background-image:url("../images/arrowButton_tail.gif");
	background-position:center right;
	background-repeat:no-repeat;
}
table.arrowButton tr td.content {
	padding:0 2px 0 4px;
	background-image:url("/images/arrowButton_strip.gif");
	background-position:center left;
	background-repeat:repeat-x;
}
table.arrowButton tr td.point {
	width:22px;
	background-image:url("../images/arrowButton_point.gif");
	background-repeat:no-repeat;
	background-position:center left;
}

/**********************************************************************************************************************/

/* The review summary table is in rightContent.cfm inside a yellowBox.
 * It gives the average ratings for a listing.
**/
table.ratingSummary {
	width: 100%;
}

table.ratingSummary tr th.title {
	padding-bottom:10px;
	color: rgb(40,123,225);
	text-align:right;
	vertical-align:middle;
	font-family:Trebuchet MS;
	font-size:16px;
	font-weight:bold;
}

table.ratingSummary tr th.rating {
	padding-bottom:10px;
	color: rgb(40,123,225);
	text-align:center;
	vertical-align:middle;
	font-family:Trebuchet MS;
	font-size:16px;
	font-weight:bold;
}

table.ratingSummary tr td.title {
	padding-bottom:4px;
	color: rgb(255,126,0);
	text-align:right;
	vertical-align:middle;
	font-family:Trebuchet MS;
	font-size:14px;
	font-weight:bold;
}

table.ratingSummary tr td.rating {
	padding-bottom:4px;
	color: rgb(255,126,0);
	text-align:center;
	vertical-align:middle;
	font-family:Trebuchet MS;
	font-size:14px;
	font-weight:bold;
}

/* The review recommendations are inside rightContent.cfm inside a yellowBox.
 * They represent the average recommendations for a listing.
**/
table.ratingRecommendations {
	width:85%;
}

table.ratingRecommendations tr th {
	padding-bottom: 10px;
	color: rgb(45,45,45);
	text-align: left;
	font-weight: bold;
}
table.ratingRecommendations tr td {
	/*	width: 50%;*/
	padding-bottom: 8px;
	color: rgb(30,30,30);
	font-weight: bold;
}

/**********************************************************************************************************************/

span.reviewRating {
	color: rgb(77,85,92);
	font-size: 11px;
}
span.reviewTitle {
	color: rgb(15,15,15);
	font-size: 14px;
	line-height: 25px;
	font-weight: bold;
}
span.reviewName {
	color: rgb(45,45,45);
	font-size:12px;
	font-weight: bold;
}

/**********************************************************************************************************************/

img.hand {
	cursor: pointer;
}

/**********************************************************************************************************************/

/********** Trip List Drop Down Menu **********/

div.tripList {
	position:absolute;
	visibility:hidden;
	width:200px;
	margin-top:-10px;
	margin-left:-6px;
	background-color: rgb(242,239,232);
	border-left: 1px solid rgb(217,150,0);
	border-right: 1px solid rgb(217,150,0);
	border-bottom: 1px solid rgb(217,150,0);
}
div.tripList a:link,
div.tripList a:visited {
	display:block;
	width:100%;
	padding:4px 0px 6px 0px;
	font-size:12px;
	font-weight:bold;
	color:rgb(193,117,65);
}
div.tripList a:hover {
	background-color:rgb(224,220,208);
	text-decoration:none;
}
div.tripList a:link.createNew,
div.tripList a:visited.createNew {
	border-top:1px dotted rgb(217,150,0);
}

/**********************************************************************************************************************/

/********** Tag Auto Suggest **********/
.tagSuggestLink {
	background-color: rgb(255,255,255);
	padding: 2px 6px 2px 6px;
}

.tagSuggestLinkHover {
	background-color: #ffeeb8;
	padding: 2px 6px 2px 6px;
}

div span.tagSuggestLeft {
	font-size: .9em;
	float: left;
	text-align: left;
	width: 66%;
}

div span.tagSuggestRight {
	color: #287bef;
	font-size: .8em;
	float: right;
	text-align: right;
	margin-right: 0;
	width: 34%
}

#suggestContainer {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
 }

#tagSuggestDiv {
	position: absolute;
	background-color: #FFFFFF;
	text-align: left;
	border: 1px solid #000000;
	width: 190px;
}

/**********************************************************************************************************************/