/* CSS document for FHCC V3.0 pages. */

/* ---------------------------------------------------------------- */
/* Project Name: fhcc newsite 08                                    */
/*   Page Title: general styles, this sheet is for                  */
/*               all styles that are used throughout the site.      */
/*   Web Author: Russ Thompson                                      */
/* ---------------------------------------------------------------- */
/* File:  ..\css\fhccGeneralV3.css                                  */
/* Image Path: ../images/                                           */
/* E-Mail: russATfreelanceitsolutionsDOTcom                         */
/* ---------------------------------------------------------------- */
/* Version Control                                                  */
/* 		Version 3.0                                               */
/* 		Version Begin Date 09/02/2008                             */
/* ---------------------------------------------------------------- */
/* Copyright © 2008 - Russell Thompson and Freelance I.T. Solutions */
/*		All Rights Reserved                                       */
/* ---------------------------------------------------------------- */

body {
	background-color: #FFE186; /* #FFCC33; */
	margin-top: 20px;
	font-family: Tahoma, Arial, sans-serif;
	text-align: center; /* this is for IE */
	font-size: 11px;
	color: #000000;
}

/* GENERAL STYLES */

/* --SPANS, FONTS, ANCHORS-- */
a.overlayLink {
	color: #FFFFFF;
	text-decoration: none;
}

a.overlayLink:hover {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

a.menuLink {
	color: #20476B;
	text-decoration: none;
}

a.menuLinkBold {
	color: #20476B;
	font-weight: bold;
	text-decoration: none;
}

a.menuLinkMiddle {
	color: #FFFFFF;
	text-decoration: none;
}

a.searchMenu {
	color: #7D7D7D;
	text-decoration: none;
}

a.inlineLink {
	color: #7D7D7D;
	text-decoration: underline;
}

a.noDecorateLink {
	color: #20476B;
	text-decoration: none;
}

a.copyrightLink {
	color: #444444;
	text-decoration: none;
}

span.pageTitle {
	font-family: Arial, sans-serif;
	font-size: 20px;
	font-weight: normal;
	font-variant: small-caps;
	color: #20476B;
}

span.sectionTitle {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #7D7D7D;
}

font.subDirections {
	/* this is for giving users directions... not super inportant directions, but crap you want them to know */
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #3D3D3D;
}

font.form_field_name {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-variant: small-caps;
	color: #0000CC;
}

/* --END SPANS, FONTS, ANCHORS-- */

div.allContentHolder {
	background-color: #FFE186; /* changed 03-19-2011 Shelly's request - it's a yellow color */
	
	position: relative;
	
	margin-right: auto;
	margin-left: auto;
	
	width: 906px;
	min-width: 906px;
	max-width: 906px;
	
	min-height: 1316px;
}

div.genericHide {
	/* this div is a hidden dive that is only shown when another form element is used */
	background-color: transparent;
	
	display: none;
	
	visibility: hidden;
}

div.pagesDescription {
	background-color: transparent;
	
	position: absolute;
	top: 2px;
	left: 0px;
	
	width: 900px;
	min-width: 900px;
	max-width: 900px;
	
	height: 618px;
	min-height: 618px;
	max-height: 618px;
	
	padding-left: 5px;
	
	border-top: 2px solid #D3D3D3;
}

div.sideHighlight {
	background-color: transparent;
	
	position: absolute;
	top: 5px;
	left: 609px;
	
	width: 290px;
	min-width: 290px;
	max-width: 290px;
	
	height: 608px;
	min-height: 608px;
	max-height: 608px;
}

div.pageCopy {
	background-color: transparent;
	
	position: absolute;
	top: 5px;
	left: 10px;
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	color: #7D7D7D;
	
	width: 570px;
	min-width: 570px;
	max-width: 570px;
	
	height: 608px;
	min-height: 608px;
	max-height: 608px;
	
	overflow: auto;
}

div.pageCopy_100 {
	background-color: transparent;
	
	position: absolute;
	top: 5px;
	left: 10px;
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	color: #7D7D7D;
	
	width: 800px;
	min-width: 800px;
	max-width: 800px;
	
	height: 608px;
	min-height: 608px;
	max-height: 608px;
	
	overflow: auto;
}

div.pageCopySpecial {
	background-color: transparent;
	
	position: absolute;
	top: 5px;
	left: 10px;
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #7D7D7D;
	
	width: 570px;
	min-width: 570px;
	max-width: 570px;
	
	height: 608px;
	min-height: 608px;
	max-height: 608px;
	
	overflow: auto;
}

div.main {
	/* this div will be included in all pages - it's where the main data will be */
	background-color: #FFE186; /* changed 03-19-2011 Shelly's request - it's a yellow color */
	/*
	background-image: url(../images/watermark_bg.jpg);
	background-repeat: repeat-y;
	*/
	
	position: absolute;
	top: 596px;
 	left: 3px;
	
	width: 900px;
	min-width: 900px;
	max-width: 900px;
	
	height: 620px;
	min-height: 620px;
	max-height: 620px;
	
	overflow: hidden;
}

div.main_100 {
	/* this div is a special version of 'main.' it is for use with pages that have no sidebar. example: opinionSurvey.php */
	background-color: #FFFFFF;
	background-image: url(../images/watermark_bg.jpg);
	background-repeat: repeat-y;
	
	position: absolute;
	top: 242px;
 	left: 0px;
	
	width: 900px;
	min-width: 900px;
	max-width: 900px;
	
	height: 970px;
	min-height: 970px;
	max-height: 970px;
	
	overflow: auto;
}

div.main_100_for_specials {
	background-color: transparent;
	
	position: absolute;
	top: 242px;
 	left: 0px;
	
	width: 900px;
	min-width: 900px;
	max-width: 900px;
	
	height: 970px;
	min-height: 970px;
	max-height: 970px;
	
	overflow: auto;
}

div.main_100_for_specials2 {
	/* this is for the file specials_08052011.php */
	background-color: transparent;
	
	position: absolute;
	top: 596px;
 	left: 0px;
	
	width: 900px;
	min-width: 900px;
	max-width: 900px;
	
	height: 620px;
	min-height: 620px;
	max-height: 620px;
	
	overflow: auto;
}

div.searchmenu {
	background-color: transparent;
	
	position: absolute;
	top: 1216px;
	left: 3px;
	
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #7D7D7D;
	text-align: center;
	
	width: 896px;
	min-width: 896px;
	max-width: 896px;
	
	height: 50px;
	min-height: 50px;
	max-height: 50px;
	
	border-top: 1px solid #D3D3D3;
	border-bottom: 1px solid #D3D3D3;
	
	overflow: hidden;
}

div.cricketsCopy {
	background-color: transparent;
	
	position: absolute;
	top: 425px;
	left: 2px;
	
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #1B1B1B;
	text-align: center;
	
	width: 270px;
	min-width: 270px;
	max-width: 270px;
	
	padding: 2px;
	
	border: 3px solid #710306;
}

div.marcelosCopy {
	background-color: transparent;
	
	position: absolute;
	top: 425px;
	left: 288px;
	
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #1B1B1B;
	text-align: center;
	
	width: 270px;
	min-width: 270px;
	max-width: 270px;
	
	padding: 2px;
	
	border: 3px solid #710306;
}

div.legal {
	background-color: transparent;
	
	position: absolute;
	top: 1266px;
	left: 3px;
	
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #444444;
	text-align: center;
	
	width: 896px;
	min-width: 896px;
	max-width: 896px;
	
	height: 50px;
	min-height: 50px;
	max-height: 50px;
	
	overflow: hidden;
}

div.galleryDisplayDiv {
	background-color: transparent;
	
	position: absolute;
	top: 1px;
	left: 1px;
	
	text-align: center;
	
	width: 553px;
	min-width: 553px;
	max-width: 553px;
	
	height: 452px;
	min-height: 452px;
	max-height: 452px;
	
	overflow: hidden;
}

div.galleryControlDiv {
	background-color: #6FAFCE;
	
	position: absolute;
	top: 454px;
	left: 1px;
	
	width: 553px;
	min-width: 553px;
	max-width: 553px;
	
	height: 45px;
	min-height: 45px;
	max-height: 45px;
	
	overflow: hidden;
}

div.galleryForwardControlDiv {
	background-color: #FFFFFF;
	background-image: url(../images/nextSymbol.jpg);
	background-repeat: no-repeat;
	
	filter: alpha(opacity = 80);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 80);
	-moz-opacity: .80;
	opacity: .80;
	
	position: absolute;
	top: 75px;
	left: 525px;
	
	width: 30px;
	min-width: 30px;
	max-width: 30px;
	
	height: 50px;
	min-height: 50px;
	max-height: 50px;
	
	cursor: hand;
	cursor: pointer;
	
	z-index: 505;
}

div.galleryBackControlDiv {
	background-color: #FFFFFF;
	background-image: url(../images/previousSymbol.jpg);
	background-repeat: no-repeat;
	
	filter: alpha(opacity = 80);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 80);
	-moz-opacity: .80;
	opacity: .80;
	
	position: absolute;
	top: 75px;
	left: 0px;
	
	width: 30px;
	min-width: 30px;
	max-width: 30px;
	
	height: 50px;
	min-height: 50px;
	max-height: 50px;
	
	/* this should be initially hidden, cuz you always start out at first image */
	visibility: hidden;
	
	cursor: hand;
	cursor: pointer;
	
	z-index: 505;
}

/* DIVs for specials.php */

div.reserveOrlandoCopy {
	background-color: transparent;
	
	position: absolute;
	top: 0px;
	left: 0px;
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #7D7D7D;
	
	width: 548px;
	min-width: 548px;
	max-width: 548px;
	
	height: 182px;
	min-height: 182px;
	max-height: 182px;
	
	overflow: hidden;
}

div.reserveOrlandoCopy_specials {
	background-color: transparent;
	
	position: relative;
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #7D7D7D;
		
	width: 548px;
	min-width: 548px;
	max-width: 548px;
	
	height: 182px;
	min-height: 182px;
	max-height: 182px;
	
	overflow: hidden;
}

div.travelscreamCopy {
	background-color: transparent;
	
	position: absolute;
	top: 187px;
	left: 0px;
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #7D7D7D;
	
	width: 548px;
	min-width: 548px;
	max-width: 548px;
	
	height: 415px;
	min-height: 415px;
	max-height: 415px;
	
	overflow: auto;
}

div.travelscreamCopy_specials {
	background-color: transparent;
	
	position: relative;
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #7D7D7D;
	
	width: 548px;
	min-width: 548px;
	max-width: 548px;
	
	height: 415px;
	min-height: 415px;
	max-height: 415px;
	
	overflow: auto;
}

/* end DIVs for speicals.php */
	
span.closeGallerySpan {
	background-color: transparent;
	
	position: absolute;
	top:15px;
	left: 5px;
	
	font-weight: bold;
	
	cursor: hand;
	cursor: pointer;
}

span.previousImageSpan {
	background-color: transparent;
	
	position: absolute;
	top: 15px;
	left: 400px;
	
	font-weight: bold;
	
	/* this should start out as hidden, cuz you always start at the first image */
	visibility: hidden;
	
	cursor: hand;
	cursor: pointer;
}

span.nextImageSpan {
	background-color: transparent;
	
	position: absolute;
	top: 15px;
	left: 490px;
	
	font-weight: bold;
	
	cursor: hand;
	cursor: pointer;
}

/* end modal layer stuff */

table.generalTable {
	/* this table is pretty much just to put spacing between words and buttons or multi buttons */
	background-color: transparent;
}

td.generalTableCell {
	/* see note above */
	background-color: transparent;
}

td.generalTableCell_center {
	background-color: transparent;
	
	text-align: center;
}

table.listTable {
	background-color: transparent;
	
	max-width: 550px;
}

td.listTableCell {
	background-color: transparent;
	
	vertical-align: top;
}

table.form {
	background-color: transparent;
	
	width: 500px;
	height: 100%;
}

td.formSectionHeader {
	background-color: #EDE1C9;
	
	font-family: Verdana, "Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #660000;
	text-align: left;
	
	border-bottom: 2px;
	border-bottom-style: solid;
	border-bottom-color: #996633;
}

td.formRequired {
	background-color: transparent;
	
	font-family: Verdana, "Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #FF0000;
	text-align: left;
}

td.formRequired_50 {
	background-color: transparent;
	
	font-family: Verdana, "Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #FF0000;
	text-align: left;
	
	vertical-align: top;
	
	width: 50%;
}

td.form {
	background-color: transparent;
	
	font-family: Verdana, "Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #20476B;
	text-align: left;
}

td.form_50 {
	background-color: transparent;
	
	font-family: Verdana, "Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #20476B;
	text-align: left;
	
	vertical-align: top;
	
	width: 50%;
}

td.formCenter {
	background-color: transparent;
	
	font-family: Verdana, "Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #20476B;
	text-align: center;
}

td.formDirections {
	background-color: transparent;
	
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #20476B;
	text-align: left;
}

td.list {
	background-color: transparent;
	
	font-family: Verdana, "Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #20476B;
	text-align: left;
	vertical-align: top;
}

td.list_header {
	background-color: transparent;
	
	font-family: Tahoma, Verdana, "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #20476B;
	text-align: left;
	vertical-align: top;
}

td.lowerInnerRight_100 {
	background-color: transparent;
	
	font-family: Verdana, "Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #20476B;
	text-align: left;
	vertical-align: top;
}

tr.oppcolor {
	background-color: #F7F7F7;
}

tr.invisible {
	display: none;
	visibility: hidden;
}

.loyaltyProgram {
	/* this table is for the 'room night stays' table on loyalty.php page */
	background-color: transparent;
	
	font-weight: bold;
	text-align: center;
	
	border: 1px solid #20476B;
	
	padding: 3px;
}

ul.generalList {
	list-style-image: url(../images/star_bullit_06.jpg);
}

textarea.floattext {
	background-color: #FFFFFF;
	
	position: relative;
	
	width: 455px;
	height: 75px;
	
	border: 1px dotted #20476B;
	/* margin: 5px; */
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
}

textarea.floattext1 {
	background-color: #FFFFFF;
	
	position: relative;
	
	width: 245px;
	height: 125px;
	
	border: 1px dotted #928563;
	/* margin: 5px; */
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
}

/* END GENERAL STYLES */

/* STYLES FOR INDEX PAGE */

a.symbolLink {
	text-decoration: none;
}

span.newsletterTitle {
	font-family: Arial, Tahoma, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #20476B;
	text-align: center;
}

span.specialsTitle {
	background-color: transparent;
	
	position: absolute;
	top: 5px;
	left: 300px;
	
	font-family: Arial, Tahoma, sans-serif;
	font-size: 15px;
	font-weight: bolder;
	font-variant: small-caps;
	color: #487634;
}

div.highlights {
	background-color: transparent;
	
	position: absolute;
	top: 5px;
	left: 0px;
	
	width: 900px;
	min-width: 900px;
	max-width: 900px;
	
	height: 100px;
	min-height: 100px;
	max-height: 100px;
	
	border-top: 2px solid #D3D3D3;
}

div.indexRes {
	background-color: transparent;
	
	position: absolute;
	top: 0px;
	left: 0px;
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #20476B;
	
	width: 290px;
	min-width: 290px;
	max-width: 290px;
	
	height: 90px;
	min-height: 90px;
	max-height: 90px;
	
	border-right: 1px dashed #D3D3D3;
	
	padding: 5px;
}

div.seasonal {
	background-color: transparent;
	background-image: url(../images/summerSavings_sun_bg.jpg);
	background-repeat: no-repeat;
	background-position: center -7px;
	
	position: absolute;
	top: 0px;
	left: 301px;
	
	width: 180px;
	min-width: 180px;
	max-width: 180px;
	
	height: 90px;
	min-height: 90px;
	max-height: 90px;
	
	border-right: 1px dashed #D3D3D3;
	
	padding: 5px;
}

div.newsletterSignUp {
	background-color: transparent;
	
	position: absolute;
	top: 0px;
	left: 492px;
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #20476B;
	text-align: center;
	
	width: 408px;
	min-width: 408px;
	max-width: 408px;
	
	height: 90px;
	min-height: 90px;
	max-height: 90px;
	
	padding: 5px;
}

div.moreSpecials {
	background-color: #FFFFFF;
	
	position: absolute;
	top: 115px;
	left: 0px;
	
	width: 900px;
	min-width: 900px;
	max-width: 900px;
	
	height: 25px;
	min-height: 25px;
	max-height: 25px;
	
	border-top: 2px solid #D3D3D3;
	border-bottom: 2px solid #D3D3D3;
	
	z-index: 199;
}

div.descriptionIndex {
	background-color: transparent;
	
	position: absolute;
	top: 155px;
	left: 0px;
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #20476B;
	
	width: 890px;
	min-width: 890px;
	max-width: 890px;
	
	height: 445px;
	min-height: 445px;
	max-height: 445px;
	
	padding: 5px;
	
	overflow: auto;
}

div.highlightMessage {
	background-color: transparent;
	
	position: absolute;
	top: 0px;
	left: 0px;
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	color: #7D7D7D;
	text-align: center;
	
	width: 883px;
	min-width: 883px;
	max-width: 883px;
	
	height: 227px;
	min-height: 227px;
	max-height: 227px;
	
	overflow: hidden;
}

div.left-messageAsImage {
	/* this class is for the left site of the highlight area... for example with the TripAdvisor stuff */
	/* 08-24, changed layout for facebook */
	background-color: transparent;
	
	position: absolute;
	top: 0px;
	left: 0px;
	
	text-align: center;
	
	width: 170px;
	min-width: 170px;
	max-width: 170px;
	
	height: 170px;
	min-height: 170px;
	max-height: 170px;
	
	overflow: hidden;
}

div.messageAsCopy {
	/* this class gets used when there is NO TripAdvisor stuff (or anything else on the left of the highlight message area) */
	background-color: transparent;
	
	position: absolute;
	top: 0px;
	left:0px;
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	color: #7D7D7D;
	text-align: center;
	
	width: 645px;
	min-width: 645px;
	max-width: 645px;
	
	height: 150px;
	min-height: 150px;
	max-height: 150px;
	
	overflow: hidden;
}

div.mid-messageAsCopy {
	/* use with TripAdvisor or other message on left side of highlight area */
	/* 08-24, changed layout for facebook */
	background-color: transparent;
	
	position: absolute;
	top: 0px;
	left:171px;
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-variant: small-caps;
	color: #7D7D7D;
	text-align: center;
	
	width: 532px;
	min-width: 532px;
	max-width: 532px;
	
	height: 170px;
	min-height: 170px;
	max-height: 170px;
	
	/* just to check to see the area this div takes up
	border: 1px solid #000000; */
	
	overflow: hidden;
}

div.messageAsImage {
	/* use without message or image on left side of hightlight area */
	background-color: transparent;
	
	position: absolute;
	top: 0px;
	left: 655px;
	
	width: 233px;
	min-width: 233px;
	max-width: 233px;
	
	height: 150px;
	min-height: 150px;
	max-height: 150px;
	
	overflow: hidden;
}

div.right-messageAsImage {
	/* used with TripAdvisor stuff (or anything used on the left of the hightlight area) */
	background-color: transparent;
	
	position: absolute;
	top: 0px;
	left: 710px;
	
	text-align: left;
	
	width: 170px;
	min-width: 170px;
	max-width: 170px;
	
	height: 170px;
	min-height: 170px;
	max-height: 170px;
	
	overflow: hidden;
}

div.right-message_facebook {
	/* used with Facebook stuff (or anything used on the right of the hightlight area) */
	background-color: transparent;
	
	position: absolute;
	top: 0px;
	left: 585px;
	
	text-align: left;
	
	width: 304px;
	min-width: 304px;
	max-width: 304px;
	
	height: 455px;
	min-height: 455px;
	max-height: 455px;
	
	overflow: hidden;
}

/* these div's are added on 08/19/2009 to get the large Facebook box on the right of the index page */

div.left-messageAreaTop {
	background-color: transparent;
	
	position: absolute;
	top: 0px;
	left: 0px;
	
	width: 168px;
	min-width: 168px;
	max-width: 168px;
	
	height: 90px;
	min-height: 90px;
	max-height: 90px;
	
	overflow: hidden;
}

div.left-messageAreaBottom {
	background-color: transparent;
	
	position: absolute;
	top: 101px;
	left: 0px;
	
	width: 168px;
	min-width: 168px;
	max-width: 168px;
	
	height: 108px;
	min-height: 108px;
	max-height: 108px;
	
	overflow: hidden;
}

div.copyIndex {
	background-color: transparent;
	
	position: absolute;
	top: 172px;
	left: 0px;
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #7D7D7D;
	text-align: left;
	
	width: 878px;
	min-width: 878px;
	max-width: 878px;
	
	height: auto;
	min-height: 150px;
	
	padding-left: 5px;
}

div.photoarea_overlay_bg {
	/* this div added Dec 2010 for site makeover */
	background-color: transparent;
	
	position: absolute;
	top: 457px;
	left: 713px;
	
	width: 180px;
	min-width: 180px;
	max-width: 180px;
	
	height: 135px;
	min-height: 135px;
	max-height: 135px;
	
	padding: 0px 10px 0px 0px;
	
	overflow: hidden;
	
	z-index: 5;
}

div.photoarea_overlay {
	/* this div added Dec 2010 for site makeover */
	background-color: transparent;
	
	position: absolute;
	top: 457px;
	left: 713px;
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: right;
	
	width: 180px;
	min-width: 180px;
	max-width: 180px;
	
	height: 135px;
	min-height: 135px;
	max-height: 135px;
	
	padding: 0px 10px 0px 0px;
	
	overflow: hidden;
	
	z-index: 7;
}

table.moreSpecialsTable {
	background-color: transparent;
	
	width: 100%;
	
	height: 110px;
	min-height: 110px;
	max-height: 110px;
}

td.moreSpecialsCell {
	background-color: transparent;
	
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-variant: small-caps;
	color: #575757;
	text-align: center;
	
	width: 50%;
	
	height: 108px;
	min-height: 108px;
	max-height: 108px;
}

input.button_summerSavings {
	border-right: #000000 1px solid; 
	border-top: silver 1px solid; 
	font-size: 9pt; 
	border-left: silver 1px solid; 
	border-bottom: #000000 1px solid; 
	font-family: Arial;
	font-weight: bold;
	width: 100px; 
	background-color: #487634;
	color: #FFFFFF; /* #0011FF; */

	cursor: hand;
	cursor: pointer;
}

input.formTextField1 {
	background-color: #FFFFFF;
	 
	font-family: Verdana;
	font-size: 11px;
	color: #20476B;
	
	width : 200px;
	
	border: 1px dotted #20476B;
}

input.formTextField1_grey {
	background-color: #FFFFFF;
	 
	font-family: Verdana;
	font-size: 11px;
	color: #20476B;
	
	width : 200px;
	
	border: 1px dotted #20476B;
}

input.textField2 {
	background-color: #FFFFFF;
	 
	font-family: Verdana;
	font-size: 11px;
	color: #20476B;
	
	width: 98px;
	max-width: 98px;
	min-width: 98px;
	
	border: 1px dotted #20476B;
}

input.formTextField2 {
	background-color: #FFFFFF;
	 
	font-family: Verdana;
	font-size: 11px;
	color: #20476B;
	
	width: 98px;
	max-width: 98px;
	min-width: 98px;
	
	border: 1px dotted #20476B;
}

input.formTextField3 {
	background-color: #FFFFFF;
	 
	font-family: Verdana;
	font-size: 11px;
	color: #20476B;
	
	width : 500px;
	
	border: 1px dotted #20476B;
}

input.button2_nl {
	background-color: transparent;
	background-image: url(../images/buttonBg01.jpg);
	background-repeat: repeat-x;
	
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #20476B;
	
	border-right: 1px solid #20476B; 
	border-top: silver 1px solid;
	border-left: silver 1px solid; 
	border-bottom: 1px solid #20476B; 
	
	width: 125px; 
	
	cursor: hand;
	cursor: pointer;
}

input.radioField1 {
	font-size: 11px;
	
	/* radio borders look like crap in IE -> border: 1px dotted #D3D3D3; */
}

select.select {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #8D7960;
	
	border: 1px dotted #20476B;
}

/* definition styles for 'more specials' glide-down */
.specialsGD {
	/* float: left;
	padding-right: 5px; */
}

.specialsGD dt {
	background-color: transparent;
	
	font-family: Arial, Tahoma, sans-serif;
	font-size: 15px;
	font-weight: bolder;
	font-variant: small-caps;
	color: #487634;
	
	position: absolute;
	top: 1px;
	left: 0px;
	
	width: 900px;
	
	height: 23px;
}

.specialsGD dt:hover {
	background-color: #FFBA8C;
}

.specialsGD dd {
	background-color: transparent;
	background-image: url(../images/moreSpecials_bg.jpg);
	background-repeat: repeat-x;
	
	position: absolute;
	top: 26px;
	left: -40px;
	
	width: 900px;
		
	font-family: Arial, Tahoma, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
	
	display: none;
	
	opacity: 0;
	
	overflow: hidden;
	
	z-index: 200;
}
/* end styles for 'more specials' glide-down */

/* END STYLES FOR INDEX PAGE */

/* STYLES FOR ACCOMMODATIONS PAGES */



/* END THE STYLES FOR PAGES */

/* STYLES FOR WEATHER AND TRAVEL WIDGET TABLE */

table.weather_travel {
	background-color: transparent;
}

td.weatherCell {
	background-color: transparent;
	
	font-family: Arial, sans-serif;
	font-size: 10px;
	color: #002D56;
	text-align: center;
	vertical-align: top;
	
	width: 340px;
	min-width: 340px;
	max-width: 340px;
	
	height: 250px;
	min-height: 250px;
	max-height: 250px;
}

td.travelCell {
	background-color: #FFFFFF;
	
	font-family: Arial, sans-serif;
	font-size: 10px;
	color: #002D56;
	text-align: center;
	vertical-align: top;
	
	width: 471px;
	min-width: 471px;
	max-width: 471px;
	
	height: 250px;
	min-height: 250px;
	max-height: 250px;
}

/* STYLES FOR HEADER SECTION */

div.header {
	background-color: #FFE186; /* changed to a yellow color on 03-19-2011 at shelly's request */
	
	position: absolute;
	top: 0px;
	left: 3px;
	
	font-family: Arial, sans-serif;
	font-size: 10px;
	color: #002D56;
	
	width: 900px;
	min-width: 900px;
	max-width: 900px;
	
	height: 150px;
	min-height: 150px;
	max-height: 150px;
}

table.logoTable {
	background-color: #FFE186; /* changed to a yellow color on 03-19-2011 at shelly's request */
	
	position: absolute;
	top: 2px;
	left: 0px;
	
	width: 300px;
	min-width: 300px;
	max-width: 300px;
	
	vertical-align: middle;
	
	border: 0px;
}

td.logoTableCell {
	background-color: transparent;
	
	/* really nothing to put in here now, but may need it later */
}

div.addressHeader {
	background-color: #FFE186; /* changed to a yellow color on 03-19-2011 at shelly's request */
	
	position: absolute;
	top: 20px;
	left: 560px;
	
	font-size: 12px;
	font-weight: bold;
	font-variant: small-caps;
	color: #002D56;
	text-align: right;
	
	width: 365px;
	min-width: 365px;
	max-width: 365px;
	
	vertical-align: middle;
}

span.hotelNameLn1 {
	background-color: transparent;
	
	display: block;
	
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #20476B;
	text-align: center;
	
	width: 170px;
	min-width: 170px;
	max-width: 170px;
}

span.hotelNameLn2 {
	background-color: transparent;
	
	display: block;
	
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	color: #20476B;
	text-align: center;
	
	width: 170px;
	min-width: 170px;
	max-width: 170px;
	
	height: 15px;
	max-height: 15px;
}

span.hotelNameLn3 {
	background-color: transparent;
	
	display: block;
	
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #20476B;
	text-align: center;
	
	width: 170px;
	min-width: 170px;
	max-width: 170px;
}

/* END STYLES FOR HEADER SECTION */

/* STYLES FOR MENU SECTION */

div.menu {
	background-color: #FFE186; /* changed to a yellow color on 03-19-2011 at shelly's request */
	
	position: absolute;
	top: 140px;
	left: 3px;
	
	width: 900px;
	min-width: 900px;
	max-width: 900px;
	
	height: 95px;
	min-height: 95px;
	max-height: 95px;
	
	z-index: 100;
}

div.uppermenu {
	background-color: #FFE186; /* changed to a yellow color on 03-19-2011 at shelly's request */
	
	position: absolute;
	top: 5px;
	left: 0px;
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-variant: small-caps;
	color: #20476B;
	text-align: right;
	
	width: 900px;
	min-width: 900px;
	max-width: 900px;
	
	height: 15px;
	min-height: 15px;
	max-height: 15px;
	
	overflow: hidden;
}

div.ddmenu {
	background-color: #FFE186; /* changed to a yellow color on 03-19-2011 at shelly's request */
	
	position: absolute;
	top: 25px;
	left: 0px;
	
	width: 900px;
	min-width: 900px;
	max-width: 900px;
	
	height: 30px;
	min-height: 30px;
	max-height: 30px;
	
	z-index: 199;
}

div.lowermenu {
	background-color: #FFE186; /* changed to a yellow color on 03-19-2011 at shelly's request */
	
	position: absolute;
	top: 62px;
	left: 0px;
	
	width: 900px;
	min-width: 900px;
	max-width: 900px;
	
	height: 30px;
	min-height: 30px;
	max-height: 30px;
	
	border-top: 1px solid #D3D3D3;
	border-bottom: 1px solid #D3D3D3;
	
	z-index: 189;
}

table.ddTable {
	background-color: transparent;
	
	width: 100%;
	
	height: 290px;
	
	padding-top: 10px;
}

td.ddTableCell {
	background-color: transparent;
	
	width: 100%;
	
	height: 30px;
	min-height: 30px;
	max-height: 30px;
	
	cursor: hand;
	cursor: pointer;
}

td.ddEmptyCell {
	background-color: transparent;
	
	width: 100%;
	
	height: 30px;
	min-height: 30px;
	max-height: 30px;
}

/* definition styles for gallery */
.galleryDD {
	/* float: left;
	padding-right: 5px; */
}

.galleryDD dt {
	background-color: #BF8230;
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
	
	position: absolute;
	top: 0px;
	left: 681px;
	
	width: 219px;
	
	height: 25px;
	
	padding-top: 5px;
	
	cursor: hand;
	cursor: pointer;
}

.galleryDD dt:hover {
	background-color: #8F6D3F;
}

.galleryDD dd {
	background-color: #8F6D3F;
	
	position: absolute;
	top: 27px;
	left: 641px;
	
	width: 219px;
		
	font-family: Tahoma, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
	
	display: none;
	
	opacity: 0;
	
	cursor: hand;
	cursor: pointer;
	
	overflow: hidden;
	
	z-index: 200;
}

/* definition styles for rooms */
.roomDD {
	/* float: left;
	padding-right: 5px; */
}

.roomDD dt {
	background-color: #487634;
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
	
	position: absolute;
	top: 0px;
	left: 454px;
	
	width: 219px;
	
	height: 25px;
	
	padding-top: 5px;
	
	cursor: pointer;
	cursor: hand;
}

.roomDD dt:hover {
	background-color: #3F5933;
}

.roomDD dd {
	background-color: #3F5933;
	
	position: absolute;
	top: 27px;
	left: 414px;
	
	width: 219px;
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
	
	display: none;
	
	opacity: 0;
	
	overflow: hidden;
	
	z-index: 200;
}

/* definition styles for specials & packages */
.specialsDD {
	/* float: left;
	padding-right: 5px; */
}

.specialsDD dt {
	background-color: #DDB12C;
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
	
	position: absolute;
	top: 0px;
	left: 227px;
	
	width: 219px;
	
	height: 25px;
	
	padding-top: 5px;
	
	cursor: pointer;
	cursor: hand;
}

.specialsDD dt:hover {
	background-color: #E19702;
}

.specialsDD dd {
	background-color: #E19702;
	
	position: absolute;
	top: 27px;
	left: 187px;
	
	width: 219px;
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
	
	display: none;
	
	opacity: 0;
	
	overflow: hidden;
	
	z-index: 200;
}

/* definition styles for reservation */
.reservationDD {
	/*float: left;
	padding-top: 6px; */
}

.reservationDD dt {
	background-color: #BFA34C;
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
	
	position: absolute;
	top: 0px;
	left: 0px;
	
	width: 219px;
	
	height: 25px;
	min-height: 25px;
	max-height: 25px;
	
	padding-top: 5px;
	
	cursor: pointer;
	cursor: hand;
}

.reservationDD dt:hover {
	background-color: #A68011;
}

.reservationDD dd {
	background-color: #A68011;
	
	position: absolute;
	top: 27px;
	left: -40px;
	
	width: 219px;
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
	
	display: none;
	
	opacity: 0;
	
	overflow: hidden;
	
	z-index: 200;
}

/* definition styles for contact us */
.contactDD {
	/* float: left;
	padding-right: 5px; */
}

.contactDD dt {
	background-color: #FFE186; /* changed to a yellow color on 03-19-2011 at shelly's request */
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #20476B;
	text-align: center;
	
	position: absolute;
	top: 0px;
	left: 681px;
	
	width: 219px;
	
	height: 25px;
	
	padding-top: 5px;
	
	cursor: hand;
	cursor: pointer;
}

.contactDD dt:hover {
	background-color: #FFE186; /* changed to a yellow color on 03-19-2011 at shelly's request */
}

.contactDD dd {
	background-color: #FFE186; /* changed to a yellow color on 03-19-2011 at shelly's request */
	
	position: absolute;
	top: 23px;
	left: 641px;
	
	width: 219px;
		
	font-family: Tahoma, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #20476B;
	text-align: center;
	
	display: none;
	
	opacity: 0;
	
	cursor: hand;
	cursor: pointer;
	
	overflow: hidden;
	
	z-index: 190;
}

/* definition styles for services & activities */
.servicesDD {
	/* float: left;
	padding-right: 5px; */
}

.servicesDD dt {
	background-color: #FFE186; /* changed to a yellow color on 03-19-2011 at shelly's request */
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #20476B;
	text-align: center;
	
	position: absolute;
	top: 0px;
	left: 454px;
	
	width: 219px;
	
	height: 25px;
	
	padding-top: 5px;
	
	cursor: pointer;
	cursor: hand;
}

.servicesDD dt:hover {
	background-color: #FFE186; /* changed to a yellow color on 03-19-2011 at shelly's request */
}

.servicesDD dd {
	background-color: #FFE186; /* changed to a yellow color on 03-19-2011 at shelly's request */
	
	position: absolute;
	top: 23px;
	left: 414px;
	
	width: 219px;
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #20476B;
	text-align: center;
	
	display: none;
	
	opacity: 0;
	
	overflow: hidden;
	
	z-index: 190;
}

/* definition styles for socials and weddings */
.socialsDD {
	/* float: left;
	padding-right: 5px; */
}

.socialsDD dt {
	background-color: #FFE186; /* changed to a yellow color on 03-19-2011 at shelly's request */
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #20476B;
	text-align: center;
	
	position: absolute;
	top: 0px;
	left: 227px;
	
	width: 219px;
	
	height: 25px;
	
	padding-top: 5px;
	
	cursor: pointer;
	cursor: hand;
}

.socialsDD dt:hover {
	background-color: #FFE186; /* changed to a yellow color on 03-19-2011 at shelly's request */
}

.socialsDD dd {
	background-color: #FFE186; /* changed to a yellow color on 03-19-2011 at shelly's request */
	
	position: absolute;
	top: 23px;
	left: 187px;
	
	width: 219px;
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #20476B;
	text-align: center;
	
	display: none;
	
	opacity: 0;
	
	overflow: hidden;
	
	z-index: 190;
}

/* definition styles for meetings & conferences */
.meetingsDD {
	/*float: left;
	padding-top: 6px; */
}

.meetingsDD dt {
	background-color: #FFE186; /* changed to a yellow color on 03-19-2011 at shelly's request */
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #20476B;
	text-align: center;
	
	position: absolute;
	top: 0px;
	left: 0px;
	
	width: 219px;
	
	height: 25px;
	min-height: 25px;
	max-height: 25px;
	
	padding-top: 5px;
	
	cursor: pointer;
	cursor: hand;
}

.meetingsDD dt:hover {
	background-color: #FFE186; /* changed to a yellow color on 03-19-2011 at shelly's request */
}

.meetingsDD dd {
	background-color: #FFE186; /* changed to a yellow color on 03-19-2011 at shelly's request */
	
	position: absolute;
	top: 23px;
	left: -40px;
	
	width: 219px;
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #20476B;
	text-align: center;
	
	display: none;
	
	opacity: 0;
	
	overflow: hidden;
	
	z-index: 190;
}

/* END STYLES FOR MENU SECTION */

/* STYLES FOR PHOTO AREA */

div.photoarea {
	background-color: #FFE186; /* changed to a yellow color on 03-19-2011 at shelly's request */
	
	position: absolute;
	top: 242px; /*101px;*/
	left: 3px;
	
	width: 900px;
	min-width: 900px;
	max-width: 900px;
	
	height: 350px;
	min-height: 350px;
	max-height: 350px;
	
	overflow: hidden;
}

div.gallerySlideShow {
	/* the gallery page will not have a photo in the photo area, it will have the slideshow app */
	background-color: transparent;
	
	position: absolute;
	top: 242px;
	left: 0px;
	
	width: 904px;
	min-width: 904px;
	max-width: 904px;
	
	height: 594px;
	min-height: 594px;
	max-height: 594px;
	
	border: 0px;
	
	overflow: hidden;
}

/* END STYLES FOR PHOTO AREA */

/* STYLES FOR IMAGES AND GENERAL INPUTS */

img.imgPad {
	padding: 2px;
}

img.worldHotelLogo {
	background-color: transparent;
	
	position: absolute;
	top: 95px;
	left: 134px;
}

img.bodyImage {
	padding: 3px;
}

/* IMG styles for specials.php */

img.disneyImage {
	background-color: transparent;
	
	position: absolute;
	top: 5px;
	left: 175px;
	
	padding: 0px;
}

img.universalImage {
	background-color: transparent;
	
	position: absolute;
	top: 5px;
	left: 449px;
	
	padding: 0px
}

img.seaWorldImage {
	background-color: transparent;
	
	position: absolute;
	top: 95px;
	left: 175px;
	
	padding: 0px;
}

img.pettyImage {
	background-color: transparent;
	
	position: absolute;
	top: 95px;
	left: 449px;
	
	padding: 0px;
}

/* end IMG style for specials.php */

/* special divs for the background-gradient-fade for the menu over images */
div.C1 {
	background-color: #000000;
	
	filter: alpha(opacity = 10);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 10);
	-moz-opacity: .10;
	opacity: .10;
	
	position: absolute;
	top: 0px;
	left: 9px;
	
	width: 9px;
	min-width: 9px;
	max-width: 9px;
	
	height: 135px;
	min-height: 135px;
	max-height: 135px;
	
	overflow: hidden;
	
	z-index: 6;
}

div.C2 {
	background-color: #000000;
	
	filter: alpha(opacity = 12.5);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 12.5);
	-moz-opacity: .125;
	opacity: .125;
	
	position: absolute;
	top: 0px;
	left: 18px;
	
	width: 9px;
	min-width: 9px;
	max-width: 9px;
	
	height: 135px;
	min-height: 135px;
	max-height: 135px;
	
	overflow: hidden;
	
	z-index: 6;
}

div.C3 {
	background-color: #000000;
	
	filter: alpha(opacity = 15);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 15);
	-moz-opacity: .15;
	opacity: .15;
	
	position: absolute;
	top: 0px;
	left: 27px;
	
	width: 9px;
	min-width: 9px;
	max-width: 9px;
	
	height: 135px;
	min-height: 135px;
	max-height: 135px;
	
	overflow: hidden;
	
	z-index: 6;
}

div.C4 {
	background-color: #000000;
	
	filter: alpha(opacity = 17.5);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 17.5);
	-moz-opacity: .175;
	opacity: .175;
	
	position: absolute;
	top: 0px;
	left: 36px;
	
	width: 9px;
	min-width: 9px;
	max-width: 9px;
	
	height: 135px;
	min-height: 135px;
	max-height: 135px;
	
	overflow: hidden;
	
	z-index: 6;
}

div.C5 {
	background-color: #000000;
	
	filter: alpha(opacity = 20);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 20);
	-moz-opacity: .20;
	opacity: .20;
	
	position: absolute;
	top: 0px;
	left: 45px;
	
	width: 9px;
	min-width: 9px;
	max-width: 9px;
	
	height: 135px;
	min-height: 135px;
	max-height: 135px;
	
	overflow: hidden;
	
	z-index: 6;
}

div.C6 {
	background-color: #000000;
	
	filter: alpha(opacity = 22.5);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 22.5);
	-moz-opacity: .225;
	opacity: .225;
	
	position: absolute;
	top: 0px;
	left: 54px;
	
	width: 9px;
	min-width: 9px;
	max-width: 9px;
	
	height: 135px;
	min-height: 135px;
	max-height: 135px;
	
	overflow: hidden;
	
	z-index: 6;
}

div.C7 {
	background-color: #000000;
	
	filter: alpha(opacity = 25);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 25);
	-moz-opacity: .25;
	opacity: .25;
	
	position: absolute;
	top: 0px;
	left: 63px;
	
	width: 9px;
	min-width: 9px;
	max-width: 9px;
	
	height: 135px;
	min-height: 135px;
	max-height: 135px;
	
	overflow: hidden;
	
	z-index: 6;
}

div.C8 {
	background-color: #000000;
	
	filter: alpha(opacity = 27.5);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 27.5);
	-moz-opacity: .275;
	opacity: .275;
	
	position: absolute;
	top: 0px;
	left: 72px;
	
	width: 9px;
	min-width: 9px;
	max-width: 9px;
	
	height: 135px;
	min-height: 135px;
	max-height: 135px;
	
	overflow: hidden;
	
	z-index: 6;
}

div.C9 {
	background-color: #000000;
	
	filter: alpha(opacity = 30);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 30);
	-moz-opacity: .30;
	opacity: .30;
	
	position: absolute;
	top: 0px;
	left: 81px;
	
	width: 9px;
	min-width: 9px;
	max-width: 9px;
	
	height: 135px;
	min-height: 135px;
	max-height: 135px;
	
	overflow: hidden;
	
	z-index: 6;
}

div.C10 {
	background-color: #000000;
	
	filter: alpha(opacity = 32.5);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 32.5);
	-moz-opacity: .325;
	opacity: .325;
	
	position: absolute;
	top: 0px;
	left: 90px;
	
	width: 9px;
	min-width: 9px;
	max-width: 9px;
	
	height: 135px;
	min-height: 135px;
	max-height: 135px;
	
	overflow: hidden;
	
	z-index: 6;
}

div.C11 {
	background-color: #000000;
	
	filter: alpha(opacity = 35);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 35);
	-moz-opacity: .35;
	opacity: .35;
	
	position: absolute;
	top: 0px;
	left: 99px;
	
	width: 9px;
	min-width: 9px;
	max-width: 9px;
	
	height: 135px;
	min-height: 135px;
	max-height: 135px;
	
	overflow: hidden;
	
	z-index: 6;
}

div.C12 {
	background-color: #000000;
	
	filter: alpha(opacity = 37.5);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 37.5);
	-moz-opacity: .375;
	opacity: .375;
	
	position: absolute;
	top: 0px;
	left: 108px;
	
	width: 9px;
	min-width: 9px;
	max-width: 9px;
	
	height: 135px;
	min-height: 135px;
	max-height: 135px;
	
	overflow: hidden;
	
	z-index: 6;
}

div.C13 {
	background-color: #000000;
	
	filter: alpha(opacity = 40);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 40);
	-moz-opacity: .40;
	opacity: .40;
	
	position: absolute;
	top: 0px;
	left: 117px;
	
	width: 9px;
	min-width: 9px;
	max-width: 9px;
	
	height: 135px;
	min-height: 135px;
	max-height: 135px;
	
	overflow: hidden;
	
	z-index: 6;
}

div.C14 {
	background-color: #000000;
	
	filter: alpha(opacity = 42.5);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 42.5);
	-moz-opacity: .425;
	opacity: .425;
	
	position: absolute;
	top: 0px;
	left: 126px;
	
	width: 9px;
	min-width: 9px;
	max-width: 9px;
	
	height: 135px;
	min-height: 135px;
	max-height: 135px;
	
	overflow: hidden;
	
	z-index: 6;
}

div.C15 {
	background-color: #000000;
	
	filter: alpha(opacity = 45);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 45);
	-moz-opacity: .45;
	opacity: .45;
	
	position: absolute;
	top: 0px;
	left: 135px;
	
	width: 9px;
	min-width: 9px;
	max-width: 9px;
	
	height: 135px;
	min-height: 135px;
	max-height: 135px;
	
	overflow: hidden;
	
	z-index: 6;
}

div.C16 {
	background-color: #000000;
	
	filter: alpha(opacity = 47.5);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 47.5);
	-moz-opacity: .475;
	opacity: .475;
	
	position: absolute;
	top: 0px;
	left: 144px;
	
	width: 9px;
	min-width: 9px;
	max-width: 9px;
	
	height: 135px;
	min-height: 135px;
	max-height: 135px;
	
	overflow: hidden;
	
	z-index: 6;
}

div.C17 {
	background-color: #000000;
	
	filter: alpha(opacity = 50);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 50);
	-moz-opacity: .50;
	opacity: .50;
	
	position: absolute;
	top: 0px;
	left: 153px;
	
	width: 9px;
	min-width: 9px;
	max-width: 9px;
	
	height: 135px;
	min-height: 135px;
	max-height: 135px;
	
	overflow: hidden;
	
	z-index: 6;
}

div.C18 {
	background-color: #000000;
	
	filter: alpha(opacity = 52.5);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 52.5);
	-moz-opacity: .525;
	opacity: .525;
	
	position: absolute;
	top: 0px;
	left: 162px;
	
	width: 9px;
	min-width: 9px;
	max-width: 9px;
	
	height: 135px;
	min-height: 135px;
	max-height: 135px;
	
	overflow: hidden;
	
	z-index: 6;
}

div.C19 {
	background-color: #000000;
	
	filter: alpha(opacity = 55);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 55);
	-moz-opacity: .55;
	opacity: .55;
	
	position: absolute;
	top: 0px;
	left: 171px;
	
	width: 9px;
	min-width: 9px;
	max-width: 9px;
	
	height: 135px;
	min-height: 135px;
	max-height: 135px;
	
	overflow: hidden;
	
	z-index: 6;
}

div.C20 {
	background-color: #000000;
	
	filter: alpha(opacity = 57.5);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 57.5);
	-moz-opacity: .575;
	opacity: .575;
	
	position: absolute;
	top: 0px;
	left: 180px;
	
	width: 9px;
	min-width: 9px;
	max-width: 9px;
	
	height: 135px;
	min-height: 135px;
	max-height: 135px;
	
	overflow: hidden;
	
	z-index: 6;
}
/* END IMAGE AND INPUT STYLES */