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

/**
* Advertise
*
* @section	advertise
*/

/**
* Advertise Tabs
*
* @section		advertise
* @subsection	advertise-tabs
*/

.advertiseTabs
{ font-weight: bold; height: 31px;}

	.advertiseTabs li
	{ float: left; line-height: 30px; width: 24%; }

.advertiseTabs a, .advertiseBase a:visited
{ background: #F7F7F7; color: #666; display: block; font-size: 11px; margin: 0 2px 0 0; text-align: center; text-decoration: none; }

	.advertiseTabs a:hover
	{ color: #333; text-decoration: none; }

.advertiseTabs .advertiseMenuActive a, .advertiseTabs .advertiseMenuActive a:visited
{ background: #FFF; border: 1px solid #CCC; border-bottom: none; color: #C00; font-size: 12px; }

/**
* Advertise Tabs
*
* @section		advertise
* @subsection	advertise-content
*/

.advertiseContent
{ overflow: hidden; }

.advertiseContent
{ border: 1px solid #CCC; clear:both; padding: 8px; }

.advertiseContent blockquote
{ background: #FFF; border-bottom: 1px solid #EEE; margin: 0 0 10px 0; overflow: hidden; padding: 15px; }

.advertiseContent .type
{ color: #069; font-size: 18px; font-weight: bold; }

.advertiseContent .prize
{ color: #C00; font-size: 16px; font-weight: bold; float: right; padding: 0 0 5px 0; text-align: right; }

.orderButton
{ margin: 10px 0 0 0;}

.orderButton,
.orderButton button, .orderButton a, .orderButton a:visited
{ width: 150px; }

.advertiseAlert
{ display: block; font-size: 11px; }

/** Advertise Screen */

.advertiseScreen
{ text-align: left; }

.advertiseTable
{ width: 100%; }

	.advertiseTable td
	{ padding: 5px 0 0 0; vertical-align: top; width: 50%; }
	
	.advertiseTable th
	{ width: 50%; }
	
	.advertiseScreenDesc
	{ width: 100%; }
	
	.advertiseTable li
	{ font-size: 11px; }

	.advertiseScreenDesc th
	{ font-size: 11px; }

.advertiseTable li
{ list-style: outside; padding: 0 0 5px 0; margin: 0 0 0 15px; }


	table.levelTable
	{width: 95%; font: normal 11px Verdana, Arial, Helvetica, sans-serif; margin: 0 auto 10px auto; border-collapse: collapse; border: 0; background: #FFF;}

		.levelTable input
		{ border:0; }

			table.levelTable table
			{ width:100%; }

		table.levelTable td,
		table.levelTable th
		{vertical-align: top;}
		

		/* MEMBERS STRUCTURE > LEVEL TABLE > TABLE OPTION */

		table.levelTable th.tableOption,
		table.levelTable th.tableSelectedOption
		{text-align: left; padding-left: 10px; line-height:25px; background: #E6EBF0; border: 1px solid #CFD9E2; border-top: 5px solid #CFD9E2;}

			table.levelTable th.tableOption a,
			table.levelTable th.tableOption a:visited {font: normal 10px/25px Verdana, Arial, Helvetica, sans-serif; color: #2E4C6B; text-decoration: none; padding-left: 20px; background: url("../../images/bt_edit.gif") 0 0 no-repeat;}

				table.levelTable th.tableOption a:hover {color: #B01212; text-decoration: underline;}

			table.levelTable th.levelTitle
			{width: 320px; font: bold 12px Verdana, Arial, Helvetica, sans-serif; line-height: 30px; color: #FFF; text-align: left; padding: 0 0 0 10px; background: #246; border:1px solid #246;}
			
				table.levelTable th.levelTitle a,
				table.levelTable th.levelTitle a:visited
				{font-size:11px; color:#FFF; text-decoration:none;}
				
					table.levelTable th.levelTitle a:hover {text-decoration:underline;}
	
			table.levelTable td.levelTopdetail
			{font: bold 12px/30px Verdana, Arial, Helvetica, sans-serif; text-align: left; vertical-align: middle; color: #FFF; padding: 0 10px 0 5px; background: #369; border:1px solid #246;}

			/* USER LOGIN */ 

			table.levelTable td.levelPrice
			{background: #FBFBFB;}

				table.levelTable td.levelPrice table
				{ width: 95%; text-align: left; margin: 8px auto 8px auto; background: #FFF; border: 2px solid #EFEFEF;}
				
					table.levelTable td.levelPrice table td,
					table.levelTable td.levelPrice table th
					{padding: 5px; border: 0; white-space:nowrap; }

						table.levelTable td.levelPrice table th
						{color: #000; text-align: right;}

						table.levelTable td.levelPrice table td.warning
						{text-align: left;}

						table.levelTable td.levelPrice table td strong
						{color: #CC0000;}

						table.levelTable td.orderUserTable table th.radioChooseLevel
						{text-align: center; vertical-align: middle; padding: 0 0 0 5px; border-right: 0; border: 0;}
			

/* MEMBERS STRUCTURE > ADD/ORDER PAGES > CHOOSE LEVEL
/////////////////////////////////////////////////////*/
		
		table.standardChooseLevel
		{width: 97%; margin: 7px auto 7px auto; text-align: left; border: 1px solid #EEF7E6;}
		
			table.standardChooseLevel th,
			table.standardChooseLevel td
			{font: normal 11px/16pt Verdana, Arial, Helvetica, sans-serif; color: #333; text-align: right; vertical-align: middle; padding: 2px; white-space: nowrap; background: #FBFBFB; border: 0; border-bottom: 1px solid #E4E4E7; voice-family: "\"}\""; voice-family:inherit; padding: 2px;}
	html>body table.standardChooseLevel th, table.standardChooseLevel td {padding: 5px;}
			
			table.standardChooseLevel th
			{font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #000; voice-family: "\"}\""; voice-family:inherit; padding: 0 10px 0 150px;}
			html>body table.standardChooseLevel th {padding: 0 10px 0 150px;}
	/*
			table.standardChooseLevel th.listingLevel
			{padding-left:100px;}
			html>body table.standardChooseLevel th.listingLevel {padding-left:100px;}
		
			table.standardChooseLevel td
			{width: 100%; text-align: left;}
	*/				
			table.standardChooseLevel td select
			{width:200px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #555; padding: 3px; border: 1px solid #D4D4D4; border-bottom: 1px solid #EEE; border-right: 1px solid #EEE;}

			table.standardChooseLevel th.radioChooseLevel
			{text-align: center; padding: 0 5px 0 5px; border-right: 0;}


.standardButton
{ background: url(../../images/design/bg_secondary_button_right.gif) no-repeat 100% 0; }

.standardButton
 { margin: 0 auto 0 auto; }
	.standardButton button,
	.standardButton a, .memberLogin .standardButton a:visited
	{ background: url(../../images/design/bg_secondary_button_left.gif) no-repeat 0 0; }

.baseButtons
{ height: 100%; overflow: hidden; padding: 0 0 0 260px; }

	.baseButtons .standardButton
	{ float: left; margin: 0 5px 0 0; }