/**

* 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

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



a, a:visited

{ color: #069; 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: 980px; }



/**

* Top Navigation

*

* @section		structure

* @subsection	top-navigation

*/



.topNavbar

{ background: url(../images/design/bg_top_navigation.gif) repeat-x 0 0; border-bottom: 1px solid #EEE; font-size: 11px; height: 30px; line-height: 30px; }



	.headerLogin

	{ float: left; }

	

		.headerLogin li

		{ float: left; padding: 0 5px 0 10px; }

		

			.headerLogin li a, .headerLogin li a:visited

			{ color: #333; }

	

	.themePicker

	{ color: #069; float: left; font-weight: bold; padding: 5px 0 0 10px; }

	

		.themePicker select

		{ float: left; /* fix space on IE7 */ }

	

		.themePicker span

		{ display: block; float: left; }



		.themePicker img

		{ float: left; margin: 10px 0 0 2px; padding: 1px; }



		.themePicker .themeActive

		{ border: 1px solid #666; padding: 0; }

		

		.themePicker select

		{ font-size: 11px; }

	

	.languageFlags

	{ float: right; line-height: 0; margin-top: 8px }

	

		.languageFlags span

		{ color: #069; line-height: 14px; margin: 7px 4px 0 4px; }

		

		.languageFlags img

		{ margin: 0; padding: 1px 2px; }

		

		.languageFlags .flagActive

		{ border: 1px solid #666; padding: 0; }

		

		.languageFlags .languageFlagsImages

		{ display: block; float: left; }



	#allLang

	{ display:none; }



		div.floatLayer .allLang span

		{ color:#069; font-weight:bold; }



		.allLang img

		{ border:1px solid #666; padding:0; position:relative; top:2px;}

		

/* LivePerson - Chat Banner */



.topNavbar .wrapper { position: relative; z-index: 2; }

		

.livepersonChat

{ left: 0; padding: 5px; position: absolute; top: 30px; z-index: 9999; }

	

/**

* Header

*

* @section		structure

* @subsection	header

*/



.header

{ height: 110px; position: relative; z-index: 1; }



/** Logo */



h1.logo

{ width: 210px; height: 90px; position: absolute; bottom: 0; left: 0; }



	h1.logo a

	{ display: block; height: 90px; 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 18px 0 18px; }

	

	.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 #3EA2C0; border-top: 2px solid #3EA2C0; 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: 10px 0 20px 0; }



/**

* Breadcrumb

*

* @section			structure

* @subsection		content

* @subsubsection	breadcrumb

*/



.breadcrumb

{ border-bottom: 1px solid #EEE; font-size: 11px; line-height: 28px; margin: 0 0 10px 0; }



	.breadcrumb a, .breadcrumb a:visited

	{ color: #C00; }



/**

* Columns

*

* @section			structure

* @subsection		content

* @subsubsection	columns

*/



.mainContent

{ float: left; padding: 0 10px 20px 10px; width: 480px; }



.mainContentExtended, .mainContentExtendedFaq

{ float: left; padding: 0 10px 20px 10px; _padding: 0 0 20px 0; width: 720px; }



.sidebar

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



/**

* Footer

*

* @section		structure

* @subsection	footer

*/



.footer

{ background:url(../images/design/bg_footer.gif) repeat-x 0 0; border-top: 5px solid #E5EFF5; height: 140px; position: relative; }



	.navFooter

	{ float: left; height: 30px; line-height: 30px; padding: 10px 0 0 0; }

	

	.secondaryNavFooter

	{ clear: left; float: left; font-size: 11px; }

	

		.navFooter li,

		.secondaryNavFooter li

		{ float: left; padding: 0 5px 0 5px; }

			

			.navFooter li a, .navFooter li a:visited

			{ color: #690; }

	

.copyright

{ float: right; font-size: 11px; line-height: 18px; padding: 15px 10px 0 0; text-align: right; }



	.copyright .basePowered

	{ display: block; }

		

.backToTop

{ clear: both; height: 22px; margin: 0 10px 0 0; position: absolute; right: 10px; top: -21px; }



	.backToTop a, .backToTop a:visited

	{ background: url(../images/design/bg_back_top.gif) no-repeat 0 0; color: #FFF; display: block; float: right; font-size: 11px; line-height: 22px; padding: 0 10px 0 25px; }



	

/**

* Typograph

*

* Headings and text styles

*

* @section		typograph

*/



.standardTitle

{ border-bottom: 3px double #CCC; color: #666; font-size: 18px; font-weight: normal; line-height: 18px; padding: 0 0 10px 0; position: relative; text-align:left }



	.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; }

	

h4

{ font-size: 12px; }

	

.complementaryInfo

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



	.standardTitle .complementaryInfo

	{ position: absolute; right: 0; top: 8px; }



address

{ font-style: normal; }



.spacedText

{ padding: 0 0 10px 0; }

	

/**

* Search

*

* @section	search

*/



.search

{ border-bottom: 5px solid #F7F7F7; margin: 0 0 10px 0; position: relative;  }



	.search form

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

	

		.search fieldset

		{ float: left; padding: 5px 10px 0 20px; width: 34%; }

										

		.search label

		{ color: #690; 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; }



.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%; }



/**

* Template Search

*

* @section		search

* @subsection	template-search

*/



.search .baseTemplateSearch

{ margin-top: 5px; padding-top: 0; width: 820px; }



	.baseTemplateSearch .altLabel

	{ padding: 0 10px 0 0; width: auto; }



	.templateSearchTab,	.templateActive

	{ display: block; float: left; }

	

	.templateSearchTab a, .templateSearchTab a:visited

	{ display: block; line-height: 29px; padding: 0 10px 0 10px; }

	

	.templateActive a, .templateActive a:visited

	{ background: #FFF; border: 1px solid #CCC; border-bottom: none; color: #C00; display: block; line-height: 29px; outline: none; padding: 0 9px 0 9px; }

	

.templateTabContent

{ background: #FFF; border: 1px solid #CCC; margin-top: 29px; padding: 10px; }



	.templateTabContent .loading

	{ float: none; margin: 0; width: auto; }



	.templateTabContent label

	{ color: #333; font-size: 12px; }

	

	.templateTabContent input, .templateTabContent select

	{ font-size: 12px; }

	

	.templateCheckbox, .templateDropdown, .templateText, .templateRange,

	.templateDescription, .templateLongDescription

	{ float: left; height: 30px; padding:0 10px 0 0; width: 32%; }

	

	.templateCheckbox label

	{ display: inline; }

	

	.templateText, .templateRange, .templateDescription, .templateLongDescription

	{ height: auto; }

	

	.templateRange input

	{ width: 30%; }



/**

* Common

*

* General definitions of interface elements

*

* @section		common

*/



.googleAds

{ text-align: center; }



.viewMore

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



	.viewMore a, .viewMore a:visited

	{ color: #C00; }

	

.viewHighlighted

{ background: url(../images/design/bg_navbar.gif) repeat-x 0 0; font-size: 14px; line-height: 30px; margin: 0 0 10px 0; }



	.viewHighlighted a, .viewHighlighted a:visited

	{ background: url(../images/design/bg_folded_corner.gif) no-repeat 100% 100%; color: #FFF; display: block; padding: 0 10px 0 10px; }

	

.noBorder

{ border: none; }

	

.isHidden, .controlPhoneHide, .controlFaxHide

{ display: none !important; }



.isVisible, .controlPhoneShow, .controlFaxShow

{}





/**

* Switch Button for Open/Close

*

* @section		common

* @subsection	switch-button

*/



.switchOpen, .switchOpen:visited,

.switchClose, .switchClose:visited,

.switchBlank, .switchBlank:visited

{ background: url(../images/design/bg_switch_open.gif) no-repeat 0 2px; display: block; float: left; height: 15px; overflow: hidden; text-decoration: none; text-indent: 100px; width: 17px; }



.switchClose, .switchClose:visited

{ background: url(../images/design/bg_switch_close.gif) no-repeat 0 2px; }



.switchBlank, .switchBlank:visited

{ background: url(../images/design/bg_switch_blank.gif) no-repeat 0 2px; cursor: default; }



.switchOpen:hover, .switchClose:hover, .switchBlank:hover

{ text-decoration: none; }



/**

* Standard Button

*

* @section		common

* @subsection	standard-button

*/



.standardButton

{ background: url(../images/design/bg_button_left.gif) no-repeat 0 0; padding-left:2px }



	.standardButton button, .standardButton a, .standardButton a:visited

	{ background: url(../images/design/bg_button_right.gif) no-repeat right 0; color: #FFF; cursor: pointer; display: block; font: bold 14px/30px Arial, Helvetica, sans-serif; text-align: center; }



	.standardButton,

	.standardButton button, .standardButton a, .standardButton a:visited

	{ height: 30px; width: 95px; }

	

/**

* Featured Items

*

* @section		common

* @subsection	featured-items

*/



.featuredItems

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



	.divisor

	{ border-bottom: 1px solid #CCC; }

	

	.featured, .sidebar .featuredColumn .featured

	{ padding: 5px 9px 5px 9px; }

	

	.sidebar .featured

	{ padding: 5px; }







	.featuredListing, .featuredEvent, .featuredPromotion, 

	.featuredClassified, .featuredArticle

	{ float: left; }



	.featuredColumn

	{ float: left; width: 180px; }

	

		.sidebar .featuredColumn

		{ float: none; width: auto; }

		

		.featuredColumn .featured

		{ padding: 5px 0 5px 0; }

		

	.featuredListingImage, .featuredPromotionImage, .featuredClassifiedImage,

	.featuredEventImage, .featuredArticleImage

	{ background: #FFF; border: 1px solid #EEE; display: block; text-align: center; }

	

	.featured .noimage:hover

	{ text-decoration: none; }

	

	.readMore a, .readMore a:visited

	{ color: #C00; font-size: 11px; text-transform: lowercase; }

		

/** Highlight Box  */



.highlightBox

{ background: #FFFFCC; border: 1px solid #CCC; height: 100%; margin: 0 5px 0 5px; overflow: hidden; padding: 5px; }



	.highlightBox .highlightImage

	{ display:inline; float: left; margin: 0 10px 10px 0; }

	

	.highlightImage a:hover

	{ text-decoration: none; }

	

	.highlightBox .divisor

	{ height: 100%; overflow: hidden; padding: 0 0 10px 0; margin: 0 0 10px 0; }

	

	.highlightLabel

	{ color: #C00; display: block; font-size: 11px; font-weight: bold; text-align: right; text-transform: uppercase; }

	

.mainContent .highlightBox

{ display:inline; float: left; margin: 0 10px 0 10px; width: 265px; }



	.mainContent .highlightBox h3

	{ font-size: 14px; }

	

	.mainContent .highlightBox .description

	{ color: #333; padding: 5px 0 0 0; }

	

/**

* Events Calendar

*

* @section		common

* @subsection	calendar

*/



.baseCalendar

{ background: #F5FAEB; border: 1px solid #CCC; font-size: 11px; margin: 0 0 10px 0; padding: 10px; text-align: center; }



	.baseCalendar h4

	{ font-size: 14px; color: #333; }

	

	.calendar

	{ background: #FFF; border: 1px solid #CCC; margin: 5px 0 0 0; }

	

	.calendarHeader

	{ background: #F7F7F7; font-size: 12px; font-weight: bold; }

	

		.calendarHeader td, .calendarHeader th

		{ padding: 5px; vertical-align: top; }

	

		.calendarHeader a, .calendarHeader a:visited

		{ color: #690; }

		

		.calendarDay a,

		.calendarDay a:visited

		{ background: #FFF; border: 1px solid #FBFBFB; border-bottom: 3px solid #EEE; border-right: 3px solid #EEE; color: #333; display: block; font-weight: normal; padding: 2px; }



			.calendarDay a:hover

			{ background: #FFC; color: #C00; }



		.calendarDay a.today, .calendarDay a.today:visited, .calendarDay a.today:hover

		{ background: #069; border: 1px solid #069; color: #FFF; }

		

		.calendarDay a.selected, .calendarDay a.selected:visited, .calendarDay a.selected:hover

		{ background: #C00; border: 1px solid #C00; color: #FFF; }





/**

* Last Tweets

*/



#twitter_update_list li

{ padding: 6px 9px 5px 9px; }



#twitter_update_list li a

{ font-weight: normal; }







		

/**

* Members Features

*

* @section		common

* @subsection	members-features

*/



.memberJoin, .memberLogin

{ border: 1px solid #CCC; margin: 0 0 10px 0; padding: 5px 10px 10px 10px; }



.memberJoin h2, .memberLogin h2

{ font-size: 18px; font-weight: normal; line-height: 24px; }

		

/** Join Now */



.memberJoin

{ background: #F5FAEB; }



	.memberJoin h2, .memberJoin h2 a, .memberJoin h2 a:visited

	{ color: #690; font-weight: normal; }

	

	.memberJoin p, .memberJoin p a, .memberJoin p a:visited

	{ color: #333; font-size: 13px; font-weight: normal; }

	

/** Members Login */



.memberLogin

{ background: #EBF5FA; font-size: 11px; height: 100%; line-height: 24px; overflow: hidden; }



	.memberLogin h2

	{ color: #069; }

	

	.memberLogin label

	{	color: #333; display: block; }

	

	.memberLogin input, .memberLogin select, .memberLogin textarea

	{ font: normal 12px Arial, Helvetica, sans-serif; width: 97%; }

	

	.memberLogin .inputAuto

	{ border: none; margin: 0 5px 0 0; width: auto; }

	

	.memberLogin span

	{ display: block; padding: 5px 0 5px 0; }

	

	.memberLogin .standardButton

	{ background: url(../images/design/bg_secondary_button_left.gif) no-repeat 0 0; float: left; }

	

		.memberLogin .standardButton button,

		.memberLogin .standardButton a, .memberLogin .standardButton a:visited

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

	

	.memberLogin .forgotPassword

	{ float: left; line-height: 14px; padding: 0 0 0 10px; width: 90px; }

	

/**

* Advertisement

*

* @section		common

* @subsection	advertisement

*/



.advertisement

{ background: #F7F7F7; overflow: hidden; margin: 0 0 10px 0; padding: 10px; }



	.advertisement span

	{ color: #999; display: block; font-size: 10px; font-weight: bold; line-height: 20px; }

	

	.advertisement .advertisementLabel

	{ float: left; text-transform: uppercase; }

	

	.advertisement .advertisementLink

	{ float: right; }

	

	.advertisement a, .advertisement a:visited

	{ color: #999; }

	

	.advertisement .noimage

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

	

	.banner,

	.sponsoredLink,

	.featuredBanner a, .featuredBanner a:visited

	{ background: #FFF; border: 1px solid #CCC; clear: both; }

	

	.featuredBanner

	{ background: none; border: none; margin: 0 auto 0 auto; width: 180px; }

	

	.featuredBanner a, .featuredBanner a:visited

	{ display: block; margin: 0 0 5px 0; }

		

.header .advertisement

{ margin: 0; padding: 10px 10px 0 10px; position: absolute; top: 10px; right: 10px; width: 470px; }



.sidebar .advertisement .advertisementLink

{ clear: both; display: block; float: none; text-align: right; }



.bottomAdvertisement

{ margin: 10px auto 10px auto; width: 730px; }



/** Advertisment > Sponsored Links */



.sponsoredLink

{ display: block; margin: 0 0 10px 0; padding: 8px; }



	.sponsoredLink:hover

	{ text-decoration: none; }

	

	.sponsoredLink .sponsoredLinkTitle

	{ color: #C00; font-size: 12px; font-weight: bold; line-height: 18px; }

	

	.sponsoredLink .sponsoredLinkContent

	{ color: #666; font-size: 11px; font-weight: normal; line-height: 14px; }

	

	.sponsoredLink .sponsoredLinkURL

	{ color: #690; font-size: 11px; line-height: 18px; }

	

/**

* Categories

*

* @section		common

* @subsection	categories

*/



.categories

{ padding: 5px 10px 15px 10px; }



  .categories ul li

  { font-size:14px }

  

  .categories ul li a

  { color:#000 }



	  .categories ul li ul

	  { margin:5px 0 5px 15px }



	  .categories ul li ul li

	  { font-size:12px; line-height:18px }



	  .categories ul li ul li a

	  { color:#069 }



.sidebar .categories h3

{ font-size: 12px; line-height: 24px; }



	.sidebar .categories .categoriesColumn

	{ float: none; padding: 0; width: auto; }



.mainContent .categories

{ height: 100%; overflow: hidden; }



	.mainContent .categories h3

	{ font-size: 14px; line-height: 18px; padding: 5px 0 0 0; }



	.mainContent .categories .categoriesColumn

	{ float: left; padding: 0 10px 10px 0; width: 48%; }

	

	.mainContent .categories .categoriesRightColumn

	{ padding-right: 0; }

	

/**

* Site Content

*

* @section		common

* @subsection	site-content

*/



.baseDynamicContent

{ padding: 0 10px 0 10px; }



	.baseDynamicContent .standardTitle

	{ margin-bottom: 15px; }



.dynamicContent

{ line-height: normal; overflow-x: hidden; }



.dynamicContent ul, .dynamicContent ol

{ list-style: disc inside; padding: 0 0 15px 15px; }



.dynamicContent ol

{ list-style-type: decimal; }



/**

* Icon Navbar

*

* @section		common

* @subsection	icon-navbar

*/



.baseIconNavbar

{ border-bottom: 1px solid #CCC; height:25px; margin-bottom:10px; position:relative; }



.socialBookmarkIcons

{ float: left; }



	.socialBookmarkIcons li

	{ float: left; padding: 0 5px 0 0; }



.iconNavbar

{ float: right; }



	.iconNavbar li

	{ color: #666; float: left; font-size: 11px; height: 14px; line-height: 25px; padding: 0 2px 0 3px; }

	

	.iconNavbar li a, .iconNavbar li a:visited

	{ color: #069; }

	

/**

* Share Icons

*

* @section		common

* @subsection	share

*/



.allSocial

{ background-color: #FCFCFC; border: 2px solid #EEE; left: 300px; margin-bottom: 10px; padding: 5px; position: absolute; top: 25px; width: 245px; z-index: 999; }



	.allSocial * 

	{ margin: 0; padding: 0; }

	

	.allSocial table

	{ width: 100%; }



	.allSocial a

	{ color: #000; font-size: 11px; font-weight: normal; }

	

	.allSocial .Close, .allSocial .Close:visited

	{ background: #9D2727; border: 1px dotted #C00; color: #FFF; padding: 0 4px 0 4px; }

	

	.postDetail .allSocial { left: 400px; }



/**

* Password Strength

*

* @section		common

* @subsection	password-strength

*/



.checkPasswordStrength

{ height: 25px; overflow: hidden; padding: 5px 0 0 0; }



	.checkPasswordStrength span

	{ display: block; float: left; margin: 0 10px 0 0; }

	

	.checkPasswordStrength div

	{ background: #eee; border: 1px solid #D4D4D4; color:#333; float: left; font-size: 11px; height: 20px; line-height: 20px; padding:0 0 0 50px; width: 100px; }

	

	.checkPasswordStrength .strengthLoading

	{ background: #eee url(../images/content/img_loading_bar.gif) no-repeat 3px 5px; }

	

	.checkPasswordStrength .strengthWeak

	{ background: #f1f1f1 url(../images/design/bg_strength_weak.gif) no-repeat 3px 5px; }

	

	.checkPasswordStrength .strengthBad

	{ background: #f3f3f3 url(../images/design/bg_strength_bad.gif) no-repeat 3px 5px; }

	

	.checkPasswordStrength .strengthGood

	{ background: #f7f7f7 url(../images/design/bg_strength_good.gif) no-repeat 3px 5px; }

	

	.checkPasswordStrength .strengthStrong

	{ background: #FFF url(../images/design/bg_strength_strong.gif) no-repeat 3px 5px; }

	

/**

* Loading Box

*

* @section		common

* @subsection	loading-box

*/



.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 18px 10px 0; position: relative; }

	

	.quickList .quickListRemove

	{ padding: 0 5px 0 0; }



	.quickList .featuredItems .quickListRemove

	{ background: #FFF; left: 1px; padding: 2px; position: absolute; top: 16px; z-index: 1; }



	.quickListNumber { padding:3px; position:absolute; top:76px; right:16px; border:1px #eee solid; 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

*/



.replyFormBlog { _margin-top:15px; float:left; clear:both }



.informationMessage, .errorMessage, .successMessage, .warningMessage

{ border: 1px solid #CCC; font-size: 11px; font-weight: bold; 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; border: 1px solid #CCC; }

	

		.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; }



	.informationMessageShort td

	{ width: auto }

	

		.informationMessageShort td div

		{ float: left; height: 20px; margin: 0 7px 0 11px; width: 17px; }

		

				.informationMessageShort td div img { margin-top: 3px }

		

		.informationMessageShort td p

		{ float: left; height: 20px; width: 550px; line-height: 19px; }







#TB_ajaxContent .informationMessage, #TB_ajaxContent .errorMessage, #TB_ajaxContent .successMessage, #TB_ajaxContent .warningMessage

{ height: auto; margin: 10px 0 10px 0; }



/**

* Standard Form

*

* @section		common

* @subsection	standard-form

*/



.standardForm

{ border: 0; padding: 5px 10px 5px 10px; width:100% }



	.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; width:auto }

	

	.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; text-align: 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: 0 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; }



/**

* Reviews

*

* @section		common

* @subsection	reviews

*/



.baseRateComments

{ padding: 0 0 10px 0; }



.rateComments

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



  .rateComments .highlightImage { width:60px; height:70px; float:left; margin-right:15px }

  .rateComments .highlightImage img { float:left; padding:2px; border:1px #ccc dotted }

  .rateComments h4 a { color:#004669; text-transform:uppercase }



	.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; }



.resultsMap {

background:url("../images/img_loading.gif") no-repeat scroll 50% 50% #F7F7F7; border:1px solid #ccc; height:250px; margin:5px 0 15px; width:718px; }





/**

* FAQ

*

* @section		common

* @subsection	faq

*/



.mainContentExtendedFaq

{ float: none; margin-bottom: 15px; padding: 0; width: auto; }



	.mainContentExtendedFaq .content

	{ padding: 10px }

	

	.faqQuestion

	{ padding: 0 10px 15px 0; }

	

	.faqAnswers div

	{ margin: 5px 0; }

	

/** FAQ Paging */

	

.paging

{ position: relative; }



	.paging p

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



	.paging .pagingDropdown

	{ font-size: 11px; position: absolute; right: 0; top: 5px; float: left; }

	

		.paging .pagingDropdown select

		{ border: 1px solid #CCC; padding: 3px; }



	.paging input

	{ font-size: 11px; height: 12px; margin-right: 3px; width: 25px; }



	.paging	button

	{ border: 0; background: url(../images/content/btn_GoTo.gif) no-repeat 0 0; color: #FFF; height: 18px; width: 20px; }



/** FAQ Members */



.faqContent div

{ margin: 10px 0; }





/**

* 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; }





/*blog*/



	.sidebar .featuredBlog

	{ overflow:hidden; padding-bottom:10px; _padding-bottom:20px; border-bottom:1px dotted #ccc; font-size:10px; margin-bottom:10px }



      .sidebar .featuredBlog .imgDetail

	  { border:1px solid #ccc; float:left; padding:2px; margin-right:4px; width:50px; }

     

	 .relatedposts { float:left; margin-bottom:10px }

     .relatedposts .Colist { width:700px; padding:5px 0; margin-bottom:5px; float:left; border-bottom:1px dotted #ccc }

	 .relatedposts .Colist .imgDetail { float:left; padding:2px; border:1px solid #CCCCCC; margin-right:5px }

	 .relatedposts .Colist h3 { font-size:14px }

	 

	.detailRatings .rateComments { width:700px; padding:5px 0; margin-bottom:5px; float:left; border-bottom:1px solid #ccc }

	.detailRatings .rateComments .featuredSocial { width:59px; text-align:center; float:left; padding:2px; border:1px solid #CCCCCC; margin:0 5px 10px 0 }

	.detailRatings .rateComments .review { margin-bottom:15px }

	.detailRatings .rateComments h3 { font-size:14px }

	.detailRatings .rateComments .Sub { border-top:1px dotted #ddd; margin:0 0 10px 20px; clear:both; overflow:hidden; padding-top:5px; }

	.detailRatings .rateComments .Item { margin:0; border:none; padding-bottom:5px; overflow:hidden }



	.detailRatings .rateComments .standardButton { float:left; margin-right:5px }



.postDetail .detailBlogContent { margin-top:15px }



.detailBlogContent { width:auto; padding:5px; border:1px solid #ccc; margin:0 10px 10px 0; float:left }

.detailBlogContent #imgThumb { padding:2px; border:1px dotted #ccc; margin:0; float:left }

.imgThumb { margin:0 10px 5px 0; padding:2px; border:1px dotted #ccc; float:left }



.sidebar .featuredSocial { float:left; height:112px; text-align:center; margin-left:1px; padding:5px; _padding:2px; width:60px }

.sidebar .featuredSocial img { border:1px dotted #ccc; padding:2px; }



.postDetail { min-height:200px; height:100%; margin-bottom:25px; clear:both }

.postDetail .readMore { padding:5px 0; clear:both; border-bottom:1px solid #eee; }



h4.imgInfo { color:#069; text-transform:uppercase }

p.imgInfo { color:#666; clear:both; font-size:11px }



.detailSpacer { margin:15px 0 0 0 }

.postDetail ol li, .detailSpacer ol li { list-style:inside decimal; margin-bottom:5px; }

.postDetail ul li, .detailSpacer ul li { list-style:inside disc; margin-bottom:5px; }

.postDetail ol, .postDetail ul, .detailSpacer ol, .detailSpacer ul { margin-bottom:10px }



.NextPrev { width:690px; float:left; padding:5px; border:1px #eee solid; overflow:hidden }

.NextPrev a { background:#f6f6f6; padding:5px; display:block; border:1px #eee dotted }

.NextPrev a.LinkL { float:left }

.NextPrev a.LinkR { float:right }



.pagNav { padding:5px; border:1px #eee solid; height:28px; clear:both; overflow:hidden }

.pagNav span { width:20px; text-align:center; float:left; padding:5px; margin-right:5px; display:block; *float:none; *display:inline-block; color:#666; font-weight:bold; font-size:11px; border:1px #eee dotted }

.pagNav a { width:20px; text-align:center; background:#f6f6f6; padding:5px; display:block; float:left; *float:none; *display:inline-block; margin-right:5px; border:1px #eee dotted }



.complementaryInfoBlog { float:left; margin-right:2px }

.viewComment a { background:url(../images/bt_reply.gif) no-repeat 6px center; padding:0 4px 0 25px }



.postDetail h2 { margin-bottom:10px; line-height:24px; }



.standardForm th.TxLeft { text-align:left; height:40px }

.standardForm th.TxLeft img { margin-bottom:-10px }



.infoComment { font-size:14px; font-weight:bold; height:10px; clear:both; margin-bottom:15px }



.postDetail .complementaryInfo

{ clear:both }



.iconNavbar li { list-style:none !important }



/* end blog */