/**
* eDirectory - Style Definitions on Popups
*
* This style sheet describes the styles applied for popup windows
*
* @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)
*/

/**
* Typograph
*
* Headings and text styles
*
* @section		popup
*/

body
{ background: #FFF; text-align: left; padding: 10px; }

.standardSubTitle
{ border-bottom: none; }

.complementaryInfo
{ color: #666; display: block; font-size: 11px; font-weight: normal; }

p
{ padding: 5px 0 5px 0; }

.standardButton
{ padding: 0; }

address
{ color: #666; font-size: 11px; font-style: normal; font-weight: bold; }

.standardTitle
{ margin-bottom: 10px; }

.tabs
{ margin-top: 10px; }

/**
* System Messages
*
* @section		popup
* @subsection	system-messages
*/

.informationMessage, .errorMessage, .successMessage
{ height: auto; margin: 10px 0 10px 0 }

/**
* Slideshow Gallery
*
* @section		popup
* @subsection	slideshow
*/

.galleryBody
{ padding: 10px 0 0 25px; }

.galleryBody .standardTitle
{ margin-bottom: 0; }

.galleryNav
{ background: url(../images/design/bg_paging.gif) repeat-x bottom left; height: 100%; overflow: hidden; padding: 10px 10px 5px 10px; position: relative; }

	.galleryNav .slide
	{ display: block; float: left; width: 40%; }
	
	.galleryNav .galleryNavigation
	{ display: block; float: right; text-align: right; width: 40%; }
	
.slideshow
{ margin: 10px auto 10px auto; text-align: center; }

	.slideshow a:hover
	{ text-decoration: none; }

.caption
{ background: #FFF; border-top: 1px solid #CCC; display: block; margin: 10px 0 0 0; padding: 5px 10px 5px 0; text-align: center; }
	
/**
* Promotion
*
* @section		popup
* @subsection	promotion
*/

.promotionContent
{ height: 315px; overflow: hidden; }

	.promotionContentHolder
	{}

	.promotionContentSlider
	{ display: none; padding: 15px 0 13px; position: absolute; right: 4px; }

.promotionImage
{ border: 1px solid #CCC; float: left; margin: 0 10px 10px 0; padding: 2px; }

.couponImage
{ text-align: center; }

.promotionNavbar
{ background: url(../images/design/bg_search.gif) repeat 0 0; border: 1px solid #CCC; bottom:0; clear: both; font-size: 11px; height: 30px; left:0; line-height: 30px; margin: 10px 15px 15px; position:absolute; width:598px; }

	.promotionNavbar li
	{ float: right; padding: 0 10px; }
	
	.promotionNavbar a, .promotionNavbar a:visited
	{ color: #666; }
	
.warning
{ background: #F7F7F7; border-bottom: 1px solid #CCC; border-top: 1px solid #CCC; clear: both; color: #666; font-size: 11px; margin: 10px 0 0; padding: 5px; }

/**
* E-mail to a friend
*
* @section		popup
* @subsection	email
*/

.frmEmail .standardTitle
{ margin-bottom: 10px; }

.frmEmail .standardButton
{ display: inline; float: right; margin-right: 20px; }

.frmEmail .closeButton
{ display: block; float: none; margin: 10px auto 0; }

.frmEmail .closeButton, .frmEmail .closeButton button, 
.frmEmail .closeButton a, .frmEmail .closeButton a:visited
{ width: 200px; }