/**
* eDirectory - Style Definitions on Print Pages
*
* This style sheet describes the styles applied for the print pages
* of all modules
*
* @package		layout
* @author			Arca Solutions
* @copyright	Copyright (c) 2009, Arca Solutions Inc.
*
* @colordef		#333; standard dark gray 			(text colors)
* @colordef		#4C4C4C; standard link color	(in replacement to blue and green)
* @colordef		#666; standard gray 					(notes, complementary information, in replacement to red)
* @colordef		#CCC; standard border color
* @colordef		#EEE; secondary border color
* @colordef		#F7F7F7; tertiary border color, light gray background color
* @colordef		#FFC; standard yellow color 	(highlight featured, calendar day's hover)
*/

/**
* Module Detail Print
*
* Global defintions on print pages
*
* @section	print
*/

*
{ border: none; margin: 0; padding: 0; }

ul
{ list-style: none; }

body
{ background: #FFF; color: #666; font: normal 12px/16px Arial, Helvetica, sans-serif; }

a, a:visited
{ color: #4C4C4C; font-weight: bold; text-decoration: none; }

	a:hover
	{ text-decoration: underline; }

input, select, textarea
{ border: 1px solid #CCC; border-bottom: 1px solid #EEE; border-right: 1px solid #EEE; color: #666; padding: 2px; }

/** Page Structure */

.basePrint
{ margin: 0 auto 0 auto; text-align: left; }

.basePrintNavbar
{ background: url(../images/icon_print.gif) no-repeat 5px 5px; border-bottom: 1px solid #EEE; border-top: 1px solid #EEE; font-size: 11px; padding: 5px 10px 5px 30px; }

/** Item Content */

.basePrint .detail
{ color: #333; height: 100%; overflow: hidden; padding: 5px; width:700px; *width:680px; width:680px\0/ }

.basePrint .detailContent
{ float: left; padding: 20px 0 0 0; width: 350px; *width: 300px; width: 300px\0/; }

.basePrint .detailComplementaryContent
{ float: left; padding: 5px 0 0 20px; }

.basePrint .baseIconNavbar
{ background: #F7F7F7; border-bottom: 1px solid #CCC; border-top: 1px solid #CCC; height: 30px; padding: 0 10px 0 10px; }

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

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

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

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

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

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

.basePrint p
{ padding: 0; }

.basePrint h2
{ color: #000; font-size: 24px; line-height: 30px; }
	
.basePrint h3
{ border: none; font-size: 12px; font-weight: bold; line-height: 16px; }

	.basePrint h3, .basePrint h3 a, .basePrint h3 a:visited
	{ color: #000; }
	
.basePrint .complementaryInfo
{ color: #666; font-size: 11px; font-weight: normal; }

.basePrint .detail address span
{ display: block; }

.basePrint .detailTitle
{ background: url(../images/design/bg_title.gif) repeat-x 0 100%; font-size: 14px; font-weight: bold; margin: 0 0 5px 0; padding: 15px 0 10px 0; position: relative; }

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

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

.basePrint .viewMore
{ border-top: 1px solid #CCC; font-size: 11px; line-height: 24px; margin: 0 0 10px 0; text-align: right; text-transform: lowercase; }

	.basePrint .viewMore a, .basePrint .viewMore a:visited
	{ color: #666; }
	
/**
* Special Style for Article Detail
*
* @section		detail
* @subsection	article-detail
*/

.basePrint .articleDetail
{ text-align: justify; }

.basePrint .articleDetail h2
{ margin-top: 20px; }

.basePrint .articleDetail .detailComplementaryContent
{ padding: 5px 0 20px 20px; }

.basePrint .articleDetailContent ul, .basePrint .articleDetailContent ol
{ list-style: disc inside; padding: 0 0 15px 15px; }

.basePrint .articleDetailContent ol
{ list-style-type: decimal; }
		
/**
* Detail Media Gallery
*
* @section		print
* @subsection	gallery
*/

.basePrint .imgDetail,
.basePrint .videoDetail
{ background: none; border: none; margin: 0 auto 0 auto; padding: 5px 0 5px 0; text-align: center; }

	.basePrint .imgDetail img, .basePrint .detailGallery img
	{ border: 1px solid #CCC; padding: 2px; }

	.basePrint .imgDetail .noimage
	{ margin: 0 auto 0 auto; }

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

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

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

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

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

/**
* Ratings
*
* @section		print
* @subsection	ratings
*/

.basePrint .detailRatings
{ clear: both; padding: 0 0 10px 0; width:680px; *width:630px; width:630px\0/; }

.basePrint .rating
{ float: right; font-size: 11px; margin: 0; }

	.basePrint .rating li
	{ padding: 0 3px 0 2px; }

	.basePrint .rating .ratingStar
	{ float: right; padding: 2px 2px 0 0; }

	.basePrint .rating .ratingStar img
	{ padding: 0 2px 0 0; }

	.basePrint .rating .ratingReview
	{ float: right; }
	
		.basePrint .rating .ratingReview a, .basePrint .rating .ratingReview a:visited
		{ font-weight: normal; }
	
	.basePrint .rating .ratingSeeComment, .basePrint .rating .rateIt
	{ clear: none; float: right; }
	
	.basePrint .rating .rateIt a, .basePrint .rating .rateIt a:visited
	{ color: #4C4C4C; }
	
/** Rate Comments */

.basePrint .rateComments
{ border-bottom: 1px solid #CCC; padding: 10px; }

.basePrint .highlightImage { float:left; margin-right:10px }

	.basePrint .rateStars
	{ padding: 3px 0 3px 0; }
	
		.basePrint .rateStars img
		{ padding: 0 2px 0 0; }
		
	.basePrint .rateComments .review
	{ color: #333; padding: 5px 0 0 0; }
	
	.basePrint .response
	{ padding: 5px 0 0 50px; }
	
	.basePrint .response h4
	{ font-size: 12px; font-weight: bold; }
	
	.basePrint .response .review
	{ color: #666; font-style: italic; }