/**
* eDirectory - Style Definitions
*
* This style sheet describes the structure and the main components
* about eDirectory's interface
*
* @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)
*/

/**
* Global Definitions
*
* @section	global reset
*/

*

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

ul
{ list-style: none; }
body {margin:0px; padding:0px; background-color:#ffffff;}

a, a:visited
{ color: #1188aa; 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; }

.clear
{ clear: both; display: block; height: 0px; line-height: 0px; overflow: hidden; }

/**
* Page Structure
*
* Main structure and common components of the directory system
* such as Wrapper, Navbar, Header and Footer
*
* @section	structure
*/
.wrapper
{ margin: 0 auto 0 auto; text-align: left; width: 99.5%; background:#FFFFFF; border-left:0px solid #556622;border-right:0px solid #556622; border-bottom:7px solid #1d1f1a; }
.footer
{ margin: 0 auto 0 auto; text-align: center; width: 100%; background:#FFFFFF;font-family:Arial, Helvetica, sans-serif;font-size:11px;}

#footercopy
{
	height:30px;
	margin:10px 0 0 10px;
	font-size:12px;
}
#footercopy1
{
	height:30px;
	margin:0 0 0 10px;
	font-size:12px;
}


#footertxt
{
	float:right;
	width:564px;
	color:#777;;
	font-weight:bold;
	text-align:right;
	padding-right:10px;
	height:30px; 
	margin:10px 10px 0 0;
	font-size:12px;
}

#footertxt a
{
	text-decoration:none;
	outline:none;
	color:#777;;
	border-bottom:2px solid #556622;

}
	
#footertxt a:hover
{
	text-decoration:none;
	border-bottom:2px solid #556622;
	color:#556622;
}



/**
* Top Navigation
*
* @section		structure
* @subsection	top-navigation
*/


	

/**
* Header
*
* @section		structure
* @subsection	header
*/
#headercontainer {
   padding-bottom: 10px;
   width: 100%;
   background-color: #ffff;
}

#left {
   float: left;
   width: 50%;
   background-color: #ffff;
   color: #000;
}

   
 #right
{
	float:right;
	color:#777;;
	text-align:right;
	padding-right:10px;
	font-size:14px;
}

#right a
{
	text-decoration:none;
	outline:none;
	color:#777;;
	border-bottom:2px solid #556622;

}
	
#right a:hover
{
	text-decoration:none;
	border-bottom:2px solid #556622;
	color:#556622;
}
  
.clear {
   height: 0;
   font-size: 1px;
   margin: 0;
   padding: 0;
   line-height: 0;
   clear: both;
}

.header
{ height: 105px; position: relative; vertical-align:middle;}

/** Logo */

h1.logo
{ width: 210px; height: 94px; position: absolute; bottom: 10; left: 0; }

	h1.logo a
	{ display: block; height: 94px; outline: none; position: relative; width: 210px; }
	
		h1.logo a span
		{ display: block; position: absolute; top: -999px; }

/**
* Navbar
*
* @section		structure
* @subsection	navbar
*/

.navbar
{ background: url(../images/design/bg_navbar.gif) repeat-x 0 100%; font-size: 14px; height: 42px; }

	.navbar li
	{ float: left; height: 37px; line-height: 37px; margin: 5px 0 0 0; }
	
		.navbar li a, .navbar li a:visited
		{ color: #FFF; display: block; padding: 0 22px 0 22px; }
	
	.navbar li.menuActived
	{ height: 40px; line-height: 40px; margin: 0 10px 0 10px; }
	
		.navbar li.menuActived a, .navbar li.menuActived a:visited
		{ background: url(../images/design/bg_navbar_active.gif) repeat-x 0 0; border: 1px solid #1188aa; border-top: 2px solid #1188aa; border-bottom: none; color: #666; font-size: 16px; text-decoration: none; text-transform: uppercase; }
		
/**
* Sub Navbar
*
* @section		structure
* @subsection	subnavbar
*/

.subNavbar
{ background: url(../images/design/bg_sub_navbar.gif) repeat-x 0 100%; border-bottom: 1px solid #CCC; height: 100%; overflow: hidden; padding: 0 5px 0 5px; }

	.subNavbar li
	{ float: left; height: 30px; line-height: 30px; padding: 0 5px 0 5px; white-space: nowrap; }
	
		.subNavbar li a, .subNavbar li a:visited
		{ display: block; }
		
		.subNavbar li.subNavbarActive a, .subNavbar li.subNavbarActive a:visited
		{ color: #C00; }

/**
* Content
*
* Wrap the content and columns of the application
*
* @section				structure
* @subsection			content
*/

.content
{ padding: 0 0 0 0; }

.breadcrumb
{ line-height: 25px; margin: 0 0 10px 0; padding: 0 0 0 10px; }

/**
* Columns
*
* @section				structure
* @subsection			content
* @subsubsection	columns
*/

.mainContent
{ float: left; padding: 0 0 20px 0; width: 500px; }

.mainContentExtended
{ float: left; padding: 0 0 20px 0; width: 740px; }

.sidebar
{ float: left; padding: 0 0 20px 20px; width: 220px; }

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

.standardTitle
{ background: url(../images/design/bg_title.gif) repeat-x 0 100%; color: #666; font-size: 18px; font-weight: normal; line-height: 18px; padding: 0 0 15px 0; position:relative; }

	.standardTitle span
	{ font-weight: bold; color: #069; }
	
.standardSubTitle
{ border-bottom: 1px solid #CCC; color: #333; font-size: 14px; font-weight: bold; padding: 5px 0 5px 0; }

	.standardSubTitle span, .standardSubTitle strong
	{ color: #690; }
	
h3
{ font-size: 12px; font-weight: bold; line-height: 16px; }

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

	.standardTitle .complementaryInfo
	{ position: absolute; right: 0; top: 8px; }


#mainbody
{
	background:#FFFFFF;
	
	width:100%;
	
        padding-bottom:15px;
}
#mainbody1
{
	background:#FFFFFF;
	
	width:98%;
	
        padding-bottom:15px;
		height:600px;
}

#featuredheader
{
	border-bottom: 2px solid #ccc;
	padding-bottom:5px;

}
#featuredtxt
{
	margin-top:5px;
	color:#999999;
	font-size:18px;
	
}

#featuredtxt2
{
	margin-top:5px;
	color:#556622;
	font-size:18px;
	
}

#headertitle
{
	color:#333333;
	font-size:17px;
	padding-bottom:5px;
	border-bottom: 2px dotted #556622;
}
#formtitle
{
	color:#556622;
	font-weight:bold;
	font-size:18px;
	padding: 5px 10px 0 5px;
}

#signin 
{ 
 height:330px;
 color: #556622; 
 display: block; 
 font-size:14px;

padding-left:5px;
}
#adbox
{ background-color:#ffffff;
 height:100px;
 color: #556622; 
 display: block; 
 font-size:14px;

padding-left:0px;
border: 1px solid #F4F4F4;
margin-top:30px;
}


#signin a
{
 font-size:14px;
 font-weight:normal;
 color: #556622; 
 text-decoration:underline;
}


#signin fieldset
{ float: left;padding: 5px 10px 0 5px;}

#signin label
{ color: #556622; display: block; font-size:14px; }
#featured
{
	padding:0 0 50px 0;
	width:640px;
	height:100%;
	
}



#featureviewtxt{
	font-size:12px;
	color:#556622;
	line-height:10px;
}
#featureviewtxt a
{
	text-decoration:none;
	outline:none;
	color:#556622;

}
	
#featureviewtxt a:hover
{
	text-decoration:none;
}
#rightcolumn
{
	float:left;
	text-align:left;
	height:100%;
height:520px;
}
#leftcolumn 
{ 
	width:230px;
	float:left;
	padding:0 40px 0 10px;

}





#categories 
{
	margin-top:-10px;
}
#categories a {
  color:#666666;
  font-weight:700;
  font-size:12px;
  text-decoration:none;
}
#categories li.current a {
  font-weight:bold;

}
	
/**
* Search
*
#1d1f1a;
* @section	search
*/

.search
{ border-bottom: 15px groove #006a14; margin: 10px 0 10px 0; position: relative; width: 100%; }

	.search form
	{height: 100%; overflow: hidden; padding: 5px 0 20px 0; }
	
		.search fieldset
		{ float: left; padding: 5px 10px 0 20px; width: 30%; }
		
		.search fieldset2
		{ float: left; width: 34%;width:94px; padding-top:20px; padding-left:20px; }
										
		.search label
		{ color: #556622; display: block; font-size: 18px; line-height: 24px; }
		
		.search .altLabel, .search legend
		{ clear: both; color: #666; display: block; float: left; font-size: 14px; font-weight: bold; width: 100%; }
		
			.search legend
			{ float: none; }
		
			.search label span
			{ color: #666; font-size: 11px; }
		
		.search .optionDescription
		{ font-size: 11px; padding: 0 5px 0 5px; }
	
		.search input, .search select, .search textarea
		{ font: normal 14px Arial, Helvetica, sans-serif; padding: 4px; width: 95%; }
				
		.search .altSelect
		{ float: left; font-size: 12px; margin: 0 0 5px 0; padding: 1px; width: 77%; }
		
		.search .spacedSelect
		{ margin-left: 70px; }
		
		.search .inputAuto
		{ border: none; padding: 0; vertical-align: middle; width: auto; }
		
		.search .inputSmall
		{ font-size: 12px; width: 15%; }
		
.search .advancedSearch
{ font-size: 11px; position: absolute; right: 10px; top: 42px; }
	
.search .standardButton
{ float: left; margin: 30px 0 0 0;
	

 }


.search div a input.search-btn{
	background:transparent url(../images/search.png) 0 0 no-repeat;
	width:78px;
	height:34px;
	border:none;
	display:block;
	cursor:pointer;
}

.search div a input.search-btn:hover {
	background:transparent url(../images/search_hover.png) 0 0 no-repeat;
}


.searchCategory
{ background: #FFC; color: #333; }

.searchSubcategory
{ background: #FFFFEF; }
		
/**
* Advanced Search
*
* @section		search
* @subsection	advanced-search
*/

.search .baseAdvancedSearch
{ margin-top: 10px; width: 15.5%; }
	
	.baseAdvancedSearch input, .baseAdvancedSearch select
	{ font-size: 12px; margin-bottom: 5px; }
	
	.baseAdvancedSearch .inputSmall
	{ vertical-align: middle; width: 30%; }



.loading
{ background: #FFF url(../images/content/img_loading_bar.gif) no-repeat 10px center; border: 1px solid #CCC; clear: both; color: #333; float: left; font-size: 14px; font-weight: bold; margin: 10px 0 10px 20px; padding: 10px 10px 10px 60px; width: 747px; }


/**
* Favorites
*
* @section		common
* @subsection	favorites
*/

.quickList
{ height: 100%; overflow: hidden; padding: 0 10px 15px 10px; }

	.quickList .featuredItems
	{ float: left; padding: 15px 20px 10px 0; position: relative; }
	
	.quickList .quickListRemove
	{ padding: 0 5px 0 0; }

	.quickList .featuredItems .quickListRemove
	{ background: #FFF; left: 0; padding: 2px; position: absolute; top: 15px; z-index: 1; }
	
	.quickList .noimage
	{ display: block; }

	.quickList h3
	{ clear: both; }
	
	.quickList .featuredItems h3
	{ padding: 5px 0 0 0; }
	
/**
* System Messages
*
* @section		common
* @subsection	system-messages
*/

.informationMessage, .errorMessage, .successMessage, .warningMessage
{ border: 1px solid #CCC; font-size: 11px; font-weight: bold; height: 100%; margin: 10px; overflow: hidden; padding: 15px 15px 15px 45px; text-align: left; }

	.informationMessage
	{ background: #F9FDFF url(../images/design/bg_icon_information.gif) 10px 10px no-repeat; color: #135DA2; }
	
		.informationMessage a, .informationMessage a:visited
		{ color: #2E4E6B; }
		
	.errorMessage
	{ background: #FFF9F9 url(../images/design/bg_icon_error.gif) 10px 10px no-repeat; color: #C10924; }
	
		.errorMessage a, .errorMessage a:visited
		{ color: #C94601; }

	.successMessage
	{ background: #F9FCEB url(../images/design/bg_icon_success.gif) 10px 10px no-repeat; color: #692; }
	
		.successMessage a, .successMessage a:visited
		{ color: #351; }

	.warningMessage
	{ background: #FFFCF4 url(../images/design/bg_icon_warning.gif) 10px 10px no-repeat; color: #F60; }
	
		.warningMessage a, .warningMessage a:visited
		{ color: #F30; }
				
/**
* Standard Form
*
* @section		common
* @subsection	standard-form
*/

.standardForm
{ border: 0; padding: 5px 10px 5px 10px; }

	.standardForm input, .standardForm textarea
	{ font: normal 12px Arial, Helvetica, sans-serif; width: 95%; }
	
	.standardForm .formCode
	{ width: 100px; }

	.standardForm th
	{ font-size: 11px; font-weight: normal; padding: 5px 10px 0 0; text-align: right; vertical-align: top; }
	
	.standardForm td
	{ padding: 5px 0 5px 0px; }
	
	.standardForm td table
	{ width: 96%; }
	
	.standardFormButton
	{ width: 100%; text-align: right; }

		.standardFormButton .standardButton
		{ float: right; }
		
/**
* Ratings
*
* @section		common
* @subsection	ratings
*/

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

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

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

	.rating .ratingReview
	{ float: right; }
	
		.rating .ratingReview a, .rating .ratingReview a:visited
		{ font-weight: normal; }
	
	.rating .ratingSeeComment, .rating .rateIt
	{ clear: both; float: right; white-space: nowrap; }
	
	.rating .rateIt a, .rating .rateIt a:visited
	{ color: #690; }
	
/** Rate Stars */

.rateItStars
{ font-size: 14px; font-weight: bold; line-height: 25px; margin: 0 auto 0 auto; padding: 20px 0 10px 0; text-align: center; width: 205px; }

	.rateItStars span
	{ clear: both; display: block; }

	.rateItStars img
	{ padding: 1px; }
	
/** Rate Form */

.rateForm
{ width: 100%; }
	
.rateForm td
{ vertical-align: top; }
	
.rateForm th
{ width: 100px; }

.rateForm input, .rateForm textarea
{ width: 200px; }

.rateForm .captcha
{ text-align: right; }

.rateForm .formCaptchaWarning
{ float: left; font-size: 11px; }

#captchaimage
{ margin: 0 10px 0 0; }

.ratingButton
{ margin: 0 auto 0 auto; }

/** Special Definitions for JQuery's Thickbox */

#TB_ajaxContent
{ padding: 10px; }

#TB_ajaxContent form
{ padding: 10px 0 0 0; }

#TB_ajaxContent p,
#TB_ajaxContent p.ratingButton
{ padding: 0; }

#TB_ajaxContent .errorMessage, #TB_ajaxContent .successMessage
{ height: auto; margin-top: 0; padding: 15px 15px 15px 45px; }

/**
* Reviews
*
* @section		common
* @subsection	reviews
*/

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

	.rateStars
	{ padding: 3px 0 3px 0; }
	
		.rateStars img
		{ padding: 0 2px 0 0; }
		
	.rateComments .review
	{ color: #333; padding: 5px 0 0 0; }
	
	.response
	{ padding: 5px 0 0 50px; }
	
	.response h4
	{ font-size: 12px; font-weight: bold; }
	
	.response .review
	{ color: #666; font-style: italic; }
		
/**
* Sitemap
*
* @section		common
* @subsection	sitemap
*/

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

.sitemapList li
{ height: 100%; overflow: hidden; }

.sitemapList ul
{ margin: 5px 0 5px 0; }

	.sitemapList ul li
	{ float: left; font-size: 11px; padding: 0 5px 5px 0; width: 48%; }

.sitemapList .viewMore
{ border-top: 1px solid #EEE; clear: both; float: none; width: auto; }

.sitemapSection, .sitemapSection:visited
{ color: #333; }