/* =================================
Copyright 2009
Fifth Gear Marketing Systems Inc.  
DNN Container Styles - Ladera.com
Version: 1.0
================================== */    

/* HEADINGS */

	.header1 { margin-bottom: 12px; }
	.caption { font-size: .8em; font-style: italic; margin-bottom: 12px; }	

/* LISTS */

	ul.customBullets { margin: 24px 0; }
	ul.customBullets li { list-style-image: url(/portals/7/Img/bullet.gif); margin: 0 0 10px 26px; line-height: 1.5em; }
	ul.customBullets li ul { margin-top: 10px; }

/* TABSTRIP */

	.tabStrip ul { margin: 0; padding: 0; list-style-type: none; font-size: .9em; }
	.tabStrip li { margin: 0 2px 0 0; list-style-type: none; float: left; }
	.tabLink { display: block; text-decoration: none; padding: 5px 10px; background: #fff; border: #dadada solid; border-width: 1px 1px 0 1px; color: #8a8a8a; }
	.tabLinkActive { display: block; text-decoration: none; padding: 5px 10px; background: #ecf2f8; border: #c0c0c0 solid; border-width: 1px 1px 0 1px; color: #8a8a8a; }
	.tabContent { display: none; }
	.tabContentActive { clear: both; border-top: 1px solid #ccc; padding-top: 18px; }
	.downloadPDF { margin: 12px 0; }

/* PHOTOS */

 	#flashPhotos { height: 450px; margin-top: 24px; }	
	.imageRight { float: right; margin: 0 0 24px 48px;}
	.photoRight { float: right; margin: 0 0 24px 24px; }
	.imageCenter { text-align: center; margin: 24px 0;}	

/* DATA TABLES */

	.dataTable { background-color: #dae5e8; padding: 8px; margin: 0px 0 12px; }
	.dataTable tr { background-color: #eff5f6; }
	.dataTable tr.subHeading { font-size: .8em; }
	.dataTable tr.altRow { background-color: #e4ecee; }	
	.dataTable th { background-color: #dae5e8; text-align: left; padding: 6px 6px 6px 6px; color: #666; font-weight: normal; text-transform: uppercase; font-size: .8em; }
	.dataTable th.subHead { padding-top: 0px; text-transform: none; font-style: italic; }
	.dataTable td { border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff; font-size: .9em; vertical-align: top; padding: 6px 6px 6px 6px; }
	.dataTable .col1 { white-space: nowrap; }
	.dataTable .col2 { width: 100%; }
	.dataTable .colEdit { cursor: pointer; }	

	/*Mods for Packages */
	
	td.subHeading { vertical-align: bottom; background-color: #e4ecee; }
	.roomType { color: #505050; }	
	td.additional { padding-left: 24px; }

	/* Mods for Clickable Index */

	.dataTable .row { background-color: #eff5f6; }
	.dataTable .rowAlt { background-color: #e4ecee; }
	.dataTable .highlight { background-color: #f6f9f9; }
	.dataTable td.col2 { width: 100%; }
	p.noContent { text-align: center; padding-top: 8px; }
	.columnSubtitle { font-style: italic; }

	/* Mods for Media Clippings Index */

	.clippingDetails td { padding: 3px; font-size: 1em; } 
	.clippingDetails tr,	
	.clippingDetails .label,
	.clippingDetails .publisher,
	.clippingDetails .title,
	.clippingDetails .subtitle,
	.clippingDetails .summary,
	.clippingDetails .moreLink { background-color: transparent; border: 0px; }	
	.clippingDetails .summary { font-style: italic; }
	.clippingDetails .moreLink { padding-left: 56px; }	

/* DHTML DROP LISTS */

	td.dropArrow { padding: 6px 6px 6px 0; }
	.dropText { padding: 12px 0 12px 26px; border: 0px solid #d3d9cf; }

/* INDEXED CONTENT */

	/* Filters */
	
    #filters .filterBar { width: 100%; margin-bottom: 12px;}
	#filters .filterBarLeft { }
	#filters .filterBarRight { text-align: right; white-space: nowrap; padding: 4px 0 4px 0; }
	#filters .dropDownBox { width: 120px; }
	#filters .pagination { margin: 12px 0; }
	#filters .selectCountry { margin: 12px 0; }

	/* Display and Entry Pages */
	
	#announcements .navTopBar { width: 100%; }
	#announcements .navLeft { white-space: nowrap; }
	#announcements .navCenter { width: 100% }
	#announcements .navRight { white-space: nowrap; }
	#announcements .navBottomBar { width: 100%; margin: 12px 0 0 0; }
	#announcements .navLeft { white-space: nowrap; }
	#announcements .navCenter { width: 100% }
	#announcements .navRight { white-space: nowrap; }	
	#announcements .titles { width: 100%; }
	#announcements .title h1 { font-size: 1.4em; margin-bottom: 6px; }
	#announcements .subTitle { margin: 0; width: 100%; }
	#announcements .subTitle h2 { font-size: 1.2em; font-weight: normal; font-style: italic; margin: 0; color: #666; }
	#announcements .byLine { width: 100%; margin: 4px 0 4px 0; }	
	#announcements .byLineLeft { font-size: .9em; vertical-align: top; text-align: left; padding-left: 6px; }
	#announcements .byLineRight { font-size: .9em; vertical-align: middle; text-align: right; white-space: nowrap; padding-right: 6px; }
	#announcements .bLineRight a:link { font-size: .9em; }
	#announcements .content { font-size: 10pt; padding: 0 4px; }
	#announcements .title { text-align: center; padding: 12px 0; }
	#announcements .title h2 { color: #666; font-size: 12pt; margin-bottom: 6px; }	
	#announcements .imageLarge { text-align: center; }
	#announcements .imageRight { margin: 4px 0 20px 10px; }			
	#announcements .topLine { background: transparent; height: 14px; border-bottom: 1px solid #dae5e8; }
	#announcements .bottomLine { background: transparent; height: 20px; border-top: 1px solid #dae5e8; }

	/* Mods for Media Clippings Display Page */

	#clippings .titleBar { background-color: #a7ce39; border-bottom: 1px solid #ffffff; color: #fff; letter-spacing: 0.1em; font-size: 10pt; font-family: 'Futura Medium', 'Trebuchet MS',Verdana,Tahoma,'Lucida Grande',Sans-Serif;}

	.arrowLink { float: left; padding-right: 4px; }
	.arrowIcon { float: left; width: 24px; }
	.arrowOn { background: transparent url(Img/arrowOn.gif) top no-repeat; }
	.arrowOff { background: transparent url(Img/arrowOff.gif) top no-repeat; }
	
/* WEB FORMS */

	.webForm { margin-top: 12px; }
	.webForm .formComment { padding: 12px 0 0 0; }	
	.webForm input, textarea, select { width: 300px; border: 1px solid #666; border-collapse: collapse; padding-left: 4px; padding-right: 0px; font-size: 1em; line-height: 20px; font-family: 'Trebuchet MS', Tahoma,Verdana, Arial, sans-serif; color: #666; }
	.webForm input { vertical-align: middle; }
	.webForm input.radioButtons { width: 25px; height: 20px; margin: 0 3px 0 3px; vertical-align: bottom; }	
	.webForm select { width: 200px; height: 20px; vertical-align: middle; }	
	.webForm .formLabel { vertical-align: top; padding: 5px 12px 3px 0px; }
	.webForm .formInput { width: 242px; font-size: 1em; padding: 2px 2px 2px 0; }
	.webForm .formRadioButtons { width: 242px; text-align: left; font-size: 12px; padding: 2px 2px 2px 0; }	
	.webForm .checkbox { border: 0; width: 20px; }
	.webForm .calendarIcon { padding-left: 4px; }	
	.webForm .line { width: 100%; border-top: 1px solid #d9d9d9; margin-top: 12px; padding: 8px 6px 36px 0; }	
	.webForm .highlightOff { border-color: #d9d9d9; }
	.webForm .highlightOn { border-color: #7bc142; }

	/* Popup Calendar */

	.formCalendar { position: absolute; visibility: hidden; background-color: white; layer-background-color: white; border: 1px solid #ccc; } 
	.formCalendar table.navBar { margin-bottom: 3px; }
	.formCalendar td.cal,
	.formCalendar td.calday,
	.formCalendar td.calmonth,
	.formCalendar td.caltoday,
	.formCalendar a.textlink,
	.formCalendar .disabledtextlink { font-family: arial; font-size: 8pt; }
	.formCalendar td.calday { border: solid thin #fff; border-width: 0 0 1 0; }
	.formCalendar td.calmonth { text-align: right; }
	.formCalendar td.caltoday { text-align: right; color:white; background-color:#dae5e8; border-width: 1; border: solid thin #ccc; }
	.formCalendar td.textlink { border: solid thin #C0C0C0; border-width: 1 0 0 0; display: none; }
	.formCalendar a.textlink { height: 20px; color: black; }
	.formCalendar .disabledtextlink { height: 20px; color: #808080; }
	.formCalendar a.cal { text-decoration: none; color: #000000; }
	.formCalendar a.calthismonth { text-decoration:none; color: #000000; }
	.formCalendar a.calothermonth { text-decoration:none; color: #808080; }
	.formCalendar .calnotclickable { color: #808080; }
	.formCalendar .disabled {color: #D0D0D0; text-decoration: line-through; }

/* BUTTONS */
	
	.button { font-family: 'Trebuchet MS',Tahoma,Helvetica,Arial,Sans-Serif; font-size: .9em; border-style: solid; border-width: 1px; padding: 4px 8px; text-align: center; display: inline-block; margin: 6px 0 12px; color: #fff; text-transform: uppercase; }
	.buttonLink a:hover { text-decoration: none; }
	.buttonOff { background-color: #7bc142; border-top: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0; border-bottom: 1px solid #333; border-right: 1px solid #333;  -moz-border-radius: 6px; -webkit-border-radius: 6px; }
	.buttonOn { background-color: #93da5a; border-color: #7bc142; border-top: 1px solid #333; border-left: 1px solid #333; border-bottom: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; -moz-border-radius: 6px; -webkit-border-radius: 6px; cursor: pointer; }

/* HOME PAGE */

	.flashHome {}
	.pageBodyHome .intro { float: left; width: 450px; margin: 0px 24px 0 0; line-height: 2em; }
	.pageBodyHome .intro2Col { width: 450px; margin: 0px 24px 0 0; line-height: 2em; }	
	.pageBodyHome .awards { text-align: center; padding-top: 48px; }
	.pageBodyHome .video { float: right; width: 325px; background-color: blue; }
	.pageBodyHome .video2Col {width: 325px; background-color: blue; }	

	/* What's New */

	.whatsNew { padding: 24px; font-size: 8pt; font-family: 'Trebuchet MS', Arial, Sans-Serif; }
	.whatsNew  h2 { margin-top: 0px; }	
	.whatsNew .newsItem { padding: 6px 0 3px; }
	.whatsNew .headline {}
	.whatsNew .datePosted { font-style: italic;}
	.whatsNew .summary { font-size: 7.5pt; }
	.whatsNew .moreNews { margin-top: 6px; }
	.whatsNew .moreLink { float: left; width: 156px; text-align: right; padding-right: 4px; }
	.whatsNew .moreArrow { float: left; width: 24px; }		
	
/* CURRENT PROMOTIONS */

	.currentPromotion { padding-bottom: 12px; margin-bottom: 24px; border-bottom: 1px solid #dae5e8; }

/* PRESS KIT ZOOM */

	/* Portrait */
	
	.zoomPortrait {	display:none; background: transparent url(/Portals/7/Img/whitePortrait.png) no-repeat; z-index:10000; width:276px; height:430px; padding: 38px; }
	
	/* close button positioned on upper right corner */
	
	.zoomPortrait .close { background-image:url(/portals/7/img/close.png); position:absolute; right:-1px; top:-1px; cursor:pointer; height:35px; width:35px; }

	/* Landscape */

	.zoomLandscape { display:none; background: transparent url(/Portals/7/Img/whiteLandscape.png) no-repeat; z-index:10000; width:600px; height:430px; padding: 38px; }

	/* close button positioned on upper right corner */

	.zoomLandscape .close { background-image:url(/portals/7/img/close.png); position:absolute; right:-1px; top:-1px; cursor:pointer; height:35px; width:35px; }
	
	/* some styling for triggers */
	
	#triggers { text-align:center; }
	#triggers img { cursor:pointer; margin:0 5px; background-color:#fff; border:1px solid #ccc; padding:2px; -moz-border-radius:4px;  -webkit-border-radius:4px; }
	
	/* styling for elements inside overlay */
	
	.details { position:absolute; bottom:14px; left:50px; font-size:14px; font-size: 14px; font-family: 'Trebuchet MS',Tahoma,Helvetica,Arial,Sans-Serif; color: #666; font-weight: normal; }
	.details h3 { color:#666;  font-size:14px;  margin:0 0 -10px 0; }

/* DNN CONTAINER MENU SETTINGS - CAUTION WHEN EDITING */

	.ModuleTitle_MenuItem { border: white 0px solid; }
	.ModuleTitle_MenuItem TD { width: 20px; height: 22px; text-align: left; cursor: pointer; color: #666; font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: normal; font-style: normal; white-space: nowrap; }
	.ModuleTitle_MenuIcon { border: white 0px solid; cursor: pointer; text-align: left; background-color: transparent; width: 15px; height: 100%; vertical-align: middle; }
	.ModuleTitle_SubMenu { z-index: 1000; position:absolute; cursor: pointer; background-color: #fcfcfc; filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3); padding: 1px 1px 1px 1px; }
	.ModuleTitle_MenuBreak  { background-color: #EEEEEE; font-size: 1px; }
	.ModuleTitle_MenuItemSel { cursor: pointer; color: #666; font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: normal; font-style: normal; text-decoration: underline; background: #fff url('img/menuItemHover.jpg') repeat-x; }




	
	
	