/**
* eDirectory - Style Definitions on Modules Detail
*
* This style sheet describes the styles applied for the detail pages
* of all modules
*
* @package		layout
* @author			Arca Solutions
* @copyright	Copyright (c) 2009, Arca Solutions Inc.
*
* @colordef		#069; standard blue 					(link color and title highlight)
* @colordef		#333; standard dark gray 			(text colors)
* @colordef		#666; standard gray 					(notes, complementary information)
* @colordef		#690; standard green color 		(footer links, members links, search box)
* @colordef		#C00; standard red 						(standard hover link, highlight label, calendar day's hover, secondary link color)
* @colordef		#CCC; standard border color
* @colordef		#EEE; secondary border color
* @colordef		#FFC; standard yellow color 	(highlight featured, calendar day's hover)
* @colordef		#F7F7F7; tertiary border color, light gray background color
* @colordef		#FFFFEF; secondary yellow		 	(showcase background, subcategories' dropdown)
*/

/**
* Columns
*
* Specific main content extended for detail pages
*
* @section				structure
* @subsection			content
* @subsubsection	columns-extended
*/

.mainContent
{ width: 734px; }

/**
* Module Detail
*
* @section	detail
*/

.detail
{ color: #333; height: 100%; overflow: hidden;
}

.detailContent
{ float: left;width: 365px;}

.detailContentArticle
{
	float: left;
	padding: 20px 0 20px 0;
	width: 720px;
	text-align: justify;
}

	.detailContentFull
	{ float:none; height: 100%; overflow: hidden;  width:auto; }

.detailComplementaryContent
{
	float: right;
	padding: 10px 10px 10px 10px;
	margin: 10px 0px 0px 0px;
}

.baseIconNavbar
{ background: #FFF; border-top: 1px solid #CCC; height: 54px; padding: 0 10px 0 10px; }

.socialBookmarkIcons
{ padding: 5px 0 0 0; }

.iconNavbar li
{ font-size: 11px; line-height: 30px; }

.claim a, .claim a:visited
{ background: url(../images/design/bg_claim.gif) no-repeat 0 0; color: #C00; display: block; margin: 5px 0 0 0; padding: 0 0 0 15px; }

.designations
{ padding: 15px 0 0 0; }

.detailSpacer
{ padding: 10px 0 10px 0; }

/**
* Detail Typograph
*
* @section		detail
* @subsection	typograph
*/

.detail h1
{ color: #000; font-size: 14px; line-height: 22px; }

.detail h2
{ color: #333; font-size: 12px; line-height: 20px; text-transform:uppercase; margin-top:25px;}

.detail h3
{ color: #333; font-size: 11px; padding-top:11px;}

.detail address
{ font-style: normal; color: #333; font-size: 11px; }

.hours
{ color: #333; font-size: 11px; padding-top:11px;}

	.detail address span
	{ display: block; }
	
	.detailContentFull .summaryDescription {
	padding-left: 320px;
	text-align: justify;
	width:400px;
	height: 240px;
}

	.detailContentFull img {
	float:left;
		}
		
	.detailContentFull .noimage {
	float:left;
		width:300px;
		margin: 5px 0px 0px 0px;}
		
.showdesc {
	margin: 25px;}
		
	
.detailDirections

{
	color: #666;
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	padding: 5px 0 1px;
	position:relative;
	margin-top: 8px;
}	
	
	
	.detailTitle

{
	color: #666;
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	padding: 5px 0 3px;
	position:relative;
	margin-top: 8px;
	margin-bottom: 3px;
	border-bottom: 1px solid #EEE;
}

	.detailTitle .complementaryInfo
	{ position: absolute; right: 0; top: 15px; }
	
	.detailRatings .detailTitle
	{ position: relative; }

.summaryDescription
{ color: #666; font-size: 11px; padding: 5px 0 5px 0; }

.listingDetailInfo
{ float:left; margin-right:15px; position:relative; top:2px; }

/**
* Detail Media Gallery
*
* @section		detail
* @subsection	gallery
*/

.imgDetail,
.videoDetail,
.baseEventGallery
{ margin: 0 auto 20px auto; text-align: center; }

		.baseEventGallery .classifiedMainImage
		{ margin:0 auto 10px; }
		
		.baseEventGallery a.galleryImages
		{ margin:5px 5px 0;}

	.imgDetail img, .detailGallery img, .baseEventGallery a.galleryImages img
	{ border: 1px solid #CCC; padding: 2px; }
	
	.imgDetail .noimage, .baseEventGallery .noimage
	{ margin: 0 auto 0 auto; }

	.detailGallery .complementaryInfo
	{ padding: 0 0 0 10px; }
	
	.detailGallery .viewMore
	{ margin: 10px 0 0 0; }

	.detailGallery ul
	{ height: 100%; overflow: hidden; padding: 5px 0 5px 0; }

	.detailGallery li
	{ float: left; padding: 0 0 0 10px; }
	
/**
* Google Map
*
* @section		detail
* @subsection	google-maps
*/

.googleMapsWrapper
{ position: relative; }
	
.googleBase
{  background: #F7F7F7; border: 1px solid #CCC; height: 250px; margin: 0 auto 20px auto; width: 300px; z-index: 1; }

	.floatLayer
	{ background: #FFC; border: 1px solid #CCC; height: auto; left: -235px; position: absolute; top: -9px; visibility: hidden; width: 350px; z-index: 2; }
	
		.viewMapInfo
		{ padding: 10px; }
		
		.viewMapInfo img
		{ background: #FFF; border: 1px solid #CCC; float: left; margin: 0 10px 10px 0; padding: 2px; }
		
		.viewMapInfo h1
		{ color: #000; font-size: 14px; }
		
		.viewMapInfo p
		{ font-size: 11px; }
		
		.viewMapInfo .googleRating img
		{ border: 0; margin: 0; float: none; }
		
		#map span { font-size: 8px; }
		
/**
* Google Map
*
* @section		detail
* @subsection	google-maps
*/

.formDetail
{ clear: both; }

.formDetail form
{ font-size: 11px; line-height: 18px; padding: 10px; }

	.formDetail label, .formDetail .captchaImage
	{ clear: left; color: #666; display: block; float: left; padding: 0 10px 0 0; text-align: right; white-space: nowrap; width: 130px; }
	
	.formDetail .required
	{ color:#C00; padding: 0 5px 0 0; }
	
	.formDetail .formCaptchaWarning
	{padding:10px 0 10px 140px; line-height:normal;}
	
	.formDetail input, .formDetail textarea
	{ clear: right; float: left; margin-bottom: 5px; width: 570px; }
	
	.formDetail .formCode
	{ width: 100px; }
		
	.formDetail ul.standardButton
	{ clear: right; float: right; }

/**
* Ratings
*
* @section		detail
* @subsection	ratings
*/

.detailRatings
{ clear: both; padding: 0 0 10px 0; }

	.rating .ratingSeeComment, .rating .rateIt
	{ clear: none; float: right; }
	
/**
* Reviews
*
* @section		detail
* @subsection	reviews
*/

.rateComments
{ padding: 5px 10px 10px 10px; }

/**
* Press Release
*
* @section		detail
* @subsection	press release
*/

.pressRelease
{ margin-bottom:10px; margin-right:5px; padding:0px; position:relative; width: 680px; }

.pressReleaseShowLink,
.pressReleaseHideLink
{ margin: 20px 0 10px; }

	.pressReleaseShowLink a, .pressReleaseShowLink a:visited,
	.pressReleaseHideLink a, .pressReleaseHideLink a:visited
	{ font-size:10px; text-decoration:underline; }