/**
* eDirectory - Style Definitions on General Order pages
*
* This style sheet describes the styles applied for the general order pages
*
* @package		layout
* @author			Sis Dir 2009 - Classificados
* @copyright	Copyright (c) 2009, Sis Dir 2009 - Classificados 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)
*/

/**
* Step Order
*
* @section	step-order
*/

.standardStep
{ padding: 15px 0 20px 0; margin: 0 auto 0 auto; overflow: hidden; }

	.standardStep li
	{ background: url(../images/design/bg_stepInactive.gif) no-repeat 0 0; color: #999; float: left; font-size: 16px; font-weight: bold; margin: 0 20px 0 0; padding: 10px 0 10px 13px; }

	.standardStep li span
	{ margin: 0 12px 0 0; }
	
	.standardStep .stepActived
	{ color: #000; }

	.standardStep .stepActived span
	{ color: #690; margin: 0 12px 0 0; }

	.stepActived
	{ float: left; }

	.standardStep .standardStepAD
	{ background: none; color: #666; padding-left: 0; }
	
	.standardStep .standardStepAD span
	{ color: #690; }

/**
* Order structure
*
* @section	order-structure
*/

.standardForm
{ margin: 0; padding: 0; }

.orderTable
{ width: 100%; }

	.orderTable .standardSubTitle
	{ background: url(../images/design/bg_paging.gif) repeat-x bottom left; border: 0; padding: 5px; text-align: left; }

	.standardSIGNUPTable .standardSubTitle
	{ background: url(../images/design/bg_paging.gif) repeat-x bottom left; border: 0; padding: 5px; }

	.orderTable td
	{ vertical-align: top; }

	.orderTitle
	{ background: #069; color: #FFF; padding: 10px; width: 600px; }

	.orderTopdetail
	{ color: #000; font-weight: bold; padding: 10px; }
	
	orderTable .paddingUserTable
	{ padding: 10px 5px 15px 5px; }
	
	.orderUserTable
	{ background: #F7F7F7; padding: 0 0 10px 0; vertical-align: top; width: 400px; }
	
	.orderUserTable table
	{ text-align: left; margin: 8px auto 0 auto; background: #FFF; border: 2px solid #EFEFEF; width: 95%; }
	
	.orderUserTable table td,
	.orderUserTable table th
	{ border: 0; padding: 5px; text-align: left; }
	
	.orderUserTable table td.warning
	{ width: 300px; }
	
	.orderTable .orderUserTable .formFieldsLogin
	{ font-size: 11px; float: left; margin: 0; padding: 10px; width: 300px; overflow: hidden; }
	
	.orderTable .orderUserTable .formFieldsLogin label
	{ display: block; float:left; font-weight:bold; padding-right:10px; width: 100px; text-align: right; }

	.orderTable .orderUserTable .formFieldsLogin input
	{ border: 1px solid #E1E1E1; border-bottom: 1px solid #EEE; float: left; font-size: 10px; margin-bottom:7px; padding: 2px; width: 110px; }
	
	#formFacebookUser
	{ padding: 0 0 10px 0; }
	
/** Order signuptable */
	
.standardSIGNUPTable
{ width: 100%; margin: 0px auto 20px auto; font-size: 11px; line-height: 15px; color: #222; border-collapse: collapse; }

.standardSIGNUPTable .errorTable
{ margin-top:15px; }

.standardSIGNUPTable table
{ width: auto; }

.standardSIGNUPTable td,
.standardSIGNUPTable th
{ padding: 5px 2px 5px 2px; vertical-align: top; }

.standardSIGNUPTable td
{ width: 810px; text-align: left; }

.standardSIGNUPTable td.eventDate,
.standardSIGNUPTable td.eventDate input
{ width: 90px; }

.standardSIGNUPTable td.errorMessage
{ padding: 10px 10px 10px 45px; }

.standardSIGNUPTable .alignTop
{ vertical-align:top; }

.standardSIGNUPTable .textTop 
{ vertical-align:text-top; }

.standardSIGNUPTable td span
{ font-size: 11px; color: #666; display: block; }

.standardSIGNUPTable .SIGNUPTable-title
{ width: auto; text-align: left; padding-top: 20px; }

.standardSIGNUPTable .valignTop 
{ vertical-align:top; }

.standardSIGNUPTable .SIGNUPTable-title span
{ color: #666; display: block; font-size: 11px; font-weight: normal; padding-top: 5px;}

.standardSIGNUPTable .errorTitle
{ background:#FFEAEA; color:#6B2E37; padding:10px 0 5px 10px; }

.standardSIGNUPTable a,
.standardSIGNUPTable a:visited
{ font-weight: normal; color: #692; }

.standardSIGNUPTable a:hover
{ color: #000; text-decoration: underline; }

.standardSIGNUPTable input,
.standardSIGNUPTable button,
.standardSIGNUPTable select
{ border: 1px solid #CCC; font-size: 11px; padding: 2px; width: 80%; }

.standardSIGNUPTable select 
{ width: 45%; }

.standardSIGNUPTable input.inputRadio
{ border: none; width: auto; padding: 0;}

.standardSIGNUPTable input.password 
{ width: 400px; }

.tableOrderEvent_date td
{ margin: 0; padding: 0 5px 0 0; width: 300px; }

.tableOrderEvent_date td input
{ width: 300px; }

.standard-tableTOPBLUE th
{ color: #690; font-size: 12px; padding: 0 0 10px 0; text-align: left; }

.standard-tableTOPBLUE td
{ padding: 0 10px 10px 0; white-space: nowrap; }

.orderTotalAmount
{ background:#F7F7F7; border:1px solid #CCC;  margin:15px auto 10px auto; font:normal 14px/40px Arial, Helvetica, sans-serif; text-align:left; color:#690; width:auto; }

	.orderTotalAmount strong
	{ padding:0 10px 0 45px; }

	.loadingOrderCalculate
	{ background: url(../images/img_loading.gif) 0 0 no-repeat; color: #037; font: bold 11px/32px Verdana, Arial, Helvetica, sans-serif; margin:5px auto 0 auto; padding-left:35px; text-align:left; width:110px; }
	
.standardButton
{ margin: 0 auto 0 auto; }

	.formFieldsLogin .standardButton
	{ margin: 0 0 0 110px; }
	
/**
* Claim Order
*
* @section	order-structure
* @subsection	claim
*/

.orderTable .claimUserTable
{ width: 100%; }

.orderTable .claimUserTable table
{ width: 95%; }

.orderTable .claimUserTable .formFieldsLogin input
{ width: 100px; }

	.orderTable .orderUserTable table .radioChooseLevel
	{ padding: 0 0 0 5px; text-align: center; width: 20px; vertical-align: middle; }
	
	.radioChooseLevel input
	{ border: none; }

	.standardChooseLevel
	{ margin: 0; text-align: left; width: 95%; }
	
	.standardChooseLevel th,
	.standardChooseLevel td
	{ border-bottom: 1px solid #EEE; color: #333; font-size: 11px; padding: 5px; text-align: right; vertical-align: middle; white-space: nowrap; }
	
	.standardChooseLevel th
	{ color: #666; padding: 0 10px 0 45px;}
		
	.standardChooseLevel td
	{ width: 100%; }
	
	.standardChooseLevel td select
	{ border:1px solid #D4D4D4; border-right: 1px solid #EEE; border-bottom: 1px solid #EEE; font-size: 11px; padding:2px; width:220px; }

	.standardChooseLevel th.radioChooseLevel
	{ text-align: center; padding: 0 5px 0 5px; border-right: 0; }
	
	.standardChooseLevel th.chooseLevel
	{ width: 80%; }
	
.claimButton,	.claimButton a, .claimButton a:hover
{ width: 200px; }

	.claimButton button
	{ width: 200px; } 

/**
* Tree View Order
*
* @section	order-structure
* @subsection	tree-view
*/

.standardSIGNUPTable .treeView
{ padding: 0 0 0 20px; width: auto; }

	.standardSIGNUPTable .treeView li
	{ font-size: 11px; font-weight: bold; padding-top: 2px; padding-bottom: 1px; }
	
	.standardSIGNUPTable .treeView li a, .standardSIGNUPTable .treeView li a:visited
	{ color: #000; font-weight: bold; padding: 0 0 0 4px; }
	
	ul.categoryTreeview li a.categoryAdd,	ul.categoryTreeview li a.categoryAdd:visited
	{ color: #690; }
	
	.standardSIGNUPTable .treeView .informationMessage
	{ padding: 15px 15px 15px 45px; }
	
	.standardSIGNUPTable .treeView li.loading
	{ clear: both; float: none; padding: 10px 10px 10px 60px; width: auto; }

	.categoryBullet
	{ background: url(../images/design/bullet_sub_menu.gif) no-repeat 4px 8px; font-size: 11px; padding: 2px 0 2px 17px; }
	
	.categoryTreeview
	{ padding: 2px; }

	.standardSIGNUPTable .treeView li ul li
	{ margin: 0 0 0 12px; padding: 2px 0 2px 20px; }

	.standardSIGNUPTable .treeView li ul li a, .standardSIGNUPTable .treeView li ul li a:visited
	{ padding: 0 0 0 2px; text-decoration: underline; }
	
	.standardSIGNUPTable .treeView span,
	.standardSIGNUPTable .treeView .treeviewMainMenu_divNodes2 span
	{ color: #351; display: inline; text-decoration: underline; } 
	
	.standardSIGNUPTable .treeView .treeviewLoadingMessage,
	.standardSIGNUPTable .treeView .treeviewMainMenu
	{ background: #FFF; border: 1px solid #BCE; display: block; padding: 0 0 0 50px; }
	
	.standardSIGNUPTable .treeView .tableCategoriesADDED
	{ width: 100%; }
	
	.standardSIGNUPTable .treeView .tableCategoriesADDED .alignLeft
	{ text-align:left; }
	
	.standardSIGNUPTable .treeView .tableCategoriesADDED .tableCategoriesCONTENT
	{ width: auto; text-align: center; border: 0; }
	
	.standardSIGNUPTable .treeView .tableCategoriesADDED .tableCategoriesCONTENT textarea
	{ width: 100%; }
	
	.standardSIGNUPTable .treeView .tableCategoriesBUTTONS
	{ text-align: center; width: auto; }
	
	.standardSIGNUPTable .treeView .tableCategoriesBUTTONS input,
	.standardSIGNUPTable .treeView .tableCategoriesBUTTONS button
	{ background: url(../images/design/bg_treeview_button.gif) 0 0 repeat-x;  border: 0; color: #000; cursor: pointer;  height: 30px; line-height: 30px; width: 210px;  }
	
	.standardSIGNUPTable .treeView textarea
	{  border: 1px solid red; width: 100%;}

/** Tree-view special typograph */

	.standardSIGNUPTable .treeView .categoryOpen,
	.standardSIGNUPTable .treeView .categoryOpen:visited
	{ background: #069; font:bold 10px/11px Verdana, Arial, Helvetica, sans-serif; color:#FFF; padding:0 1px 0 1px; border:1px solid #046; text-decoration:none; }

	.standardSIGNUPTable .treeView .categoryClose,
	.standardSIGNUPTable .treeView .categoryClose:visited
	{ background: #069; font:bold 10px/11px Verdana, Arial, Helvetica, sans-serif; color:#FFF; padding:0 3px 0 3px; border:1px solid #046; text-decoration:none; }
	
/*
* Order message
*
* @section order-structure
* @subsection message error
*/

.standardMessage
{ margin: 0 auto 0 auto; }

	.standardMessage .errorMessage
	{ width: 50%; }
	
	.errorTitle
	{ color: #C00; font-size: 11px; padding: 5px 5px 5px 5px; text-align: left; }
	
/*
* Misc
*
* @section 		order-structure
* @subsection common
*/

.extendedContent .summary
{ margin: 0 auto 10px auto; width: 740px; }