/*
'--------------------------------------------------------------------------------------------------
' Title			: Contractor Directory Styles
' Description	: Styles specific to the Contractor Direcotry pages in ECB Territory sections
'--------------------------------------------------------------------------------------------------
' History
' 12/10/2009	: DPE@SGS - Created Page
'--------------------------------------------------------------------------------------------------
*/

/* ~~~~ Contractory Directory LANDING Styles ~~~~ */
#DirectoryLand			{background:transparent url('../img/cdGraphic.png') no-repeat;}
#DirectoryLand h1		{padding:.2em 8px;}
#DirectoryLand p		{padding:0 280px .5em 8px;}
#DirectoryLand h2		{font-size:1.1em; margin:1em 0; padding:4px 8px; border-bottom:1px dotted #cacaca;}
#DirectoryLand ul		{margin:0 0 .5em 0; padding:0 8px .5em 8px;}
#DirectoryLand ul li	{float:left; width:170px; line-height:1; margin:0;}
#DirectoryLand ul li a	{display:inline-block; margin:0; padding:3px;}

#findContractor h2				{font-size:1em; line-height:1.3333; font-weight:normal; padding:4px 8px 3px 8px; color:#fff; background:#313f5f;}
#findContractor form			{margin:2px 0 1em 0; padding:8px; border-top:1px solid #cacaca; background:transparent url('../img/secNavBk.png') top left repeat-x;}
#findContractor form h3			{font-size:1em; font-weight:normal; margin:.2em 0; line-height:1.3333;}
#findContractor form .row		{margin:8px 0;}
#findContractor form .title		{width:60px; padding:3px 5px 1px 5px;}
#findContractor form .text		{width:150px; padding:1px; font-size:.9em;}
#findContractor form .submit	{margin:5px 0 5px 71px; padding:0}
#findContractor form .btn		{padding:1px 10px 2px 10px;}

#OnlyTheBest	{margin:0; border:none; background:transparent url('../img/onlyTheBestAdBk.png') no-repeat; zoom:1;}
#OnlyTheBest h4	{margin:1.5em 8px .7em 8px; color:#fff;}
#OnlyTheBest p	{margin:.7em 90px .6em 8px;color:#fff;}
#OnlyTheBest a	{color:#e4d924;}
#OnlyTheBest a:hover	{color:#fff; zoom:1;}


/* ~~~~ Direcotry Listing (BROWSE) Styles ~~~~ */
.cdList	{}
.cdList .entry		{margin:0 0 .5em 0; background:transparent url('../img/remodelingGrphc.png') no-repeat; min-height:180px;}
.cdList .entry h1	{margin:0 0 0 205px;}
.cdList .entry p	{margin:0 0 0 205px;}

.actions						{padding:.5em 0; border-top:1px dotted #cacaca; border-bottom:1px dotted #cacaca;}
.actions select					{padding:1px; font-size:.9em;}
.actions .filters				{float:left; width:auto;}
.actions .filters #Filter		{margin:0 1em 0 0;}
.actions .view					{float:right; width:auto; margin:0;}
.actions .view strong 			{color:#333;}
.actions .pageCount				{float:left; width:auto; margin:0 1em; padding:2px 0 0 0; font-size:1.1em;}
.actions .resultsPerPage		{float:left; width:auto; margin:0 1em; padding:0;}
.actions ol.pages				{float:right; width:auto; margin:0 0 0 1em; padding:0;}
.actions ol.pages li			{float:left; margin:0 2px;}
.actions ol.pages li.sel		{color:#fff; font-weight:bold; padding:0 5px; background:#7884a1; border:1px solid #313f5f; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.actions ol.pages li a			{display:block; padding:0 5px; color:#313f5f; border:1px solid #2756c1; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.actions ol.pages li a:hover	{text-decoration:none; color:#fff; background:#313f5f; border:1px solid #2756c1;}

.cdList .listing			{width:100%; border-collapse:separate; margin:.5em 0;}
.cdList .listing th			{vertical-align:middle; padding:3px 8px; font-size:.9em; font-weight:normal; text-align:left; background:#cbcfd7; border-right:1px solid #fff; border-bottom:1px solid #fff;}
.cdList .listing td			{vertical-align:top; padding:3px 8px; border-bottom:1px dotted #aaa;}
.cdList .listing thead th	{border-bottom:1px dotted #aaa;}
.cdList .listing tbody th	{padding:3px 2px; text-align:center;}

.cdList .listing .null		{background:transparent; border:none;}
.cdList .listing .logo		{padding:5px 2px; text-align:center; vertical-align:middle;}
.cdList .listing .logo span	{font-size:.8em;}
.cdList .listing .rate		{background:#fbf6d7; text-align:center;}
.cdList .listing th.rate	{font-weight:bold; background:#fee015; font-family:CalibriBold;}
.cdList .listing td.rate	{vertical-align:middle;}
.cdList .listing td h3		{font-size:1.1em;}
.cdList .listing td h4		{font-size:1em;}
.cdList .listing td h5		{font-size:2em; font-family:CalibriBold;}
.cdList .listing td h6		{margin:.3em 0 0 0;}
.cdList .listing td p		{}
.cdList .listing td p strong{color:#333;}

.cdList .listing tbody tr:hover th 		{background:#7884a1;}
.cdList .listing tbody tr:hover td 		{background:#efefef;}
.cdList .listing tbody tr:hover td.rate	{background:#fee015;}


/* ~~~~ Specific Member (DETAIL) Page ~~~~ */

.cdMember {}
.cdMember .tabs ul.ui-tabs-nav 	{margin:0;}
.cdMember .tabs .tab			{height:470px; overflow:auto;}
.cdMember #MemberDetails .tab	{height:350px;}
.cdMember #MemberReviews		{margin-top:1em;}

.cdMember #Portfolio 	{padding:1em;}
.cdMember #Portfolio #gallery	{clear:both; margin-top:1em;}
.cdMember #Portfolio p	{margin:-1em 0;}
.cdMember #Portfolio a	{display:inline-block; width:74px; height:108px; margin:4px 2px; text-align:center; vertical-align:top;}

.cdMember .comments .actions						{color:#fff; background:#313f5f; padding:4px 2px 4px 8px; border:none;}
.cdMember .comments .actions h2						{float:left; width:auto; font-size:1em; line-height:1.3333; margin:0 1em 0 0; padding-top:2px;}
.cdMember .comments .actions .pageCount				{font-size:1em; color:#fff; font-weight:normal; float:right;}
.cdMember .comments .actions ol.pages li.sel		{border:1px solid #fff;}
.cdMember .comments .actions ol.pages li a			{border:1px solid #7884a1; color:#fff;}
.cdMember .comments .actions ol.pages li a:hover	{color:#313f5f; background:#fff; border:1px solid #7884a1;}

.cdMember .comment		{margin:.5em 0; padding:2px 4px; border-bottom:1px dotted #aaa;}
.cdMember .comment h3	{float:left; width:100px; font-size:1.1em; line-height:1.3333;}
.cdMember .comment h5	{float:left; width:100px; clear:left; font-size:.9em; font-weight:normal; line-height:1.3333; color:#616161;}
.cdMember .comment h4	{clear:both; font-size:.9em; font-weight:normal; margin:1em 0 0 0; padding:2px 4px; font-family:Calibri; color:#000!important; background:#fee015;}
.cdMember .comment h4+h4	{margin:0 0 .2em 0;}
.cdMember .comment h6	{float:left; width:auto; font-size:.9em; font-weight:normal; padding:1em 0 .2em 0;}
.cdMember .comment p	{margin-left:110px;}

.cdMember #Feedback .comment p 		{margin-left:0;}
.cdMember #Feedback .comment .date	{font-family:CalibriBold;}

.cdMember #Testimonials .comment p {margin-left:0;}
.cdMember #Testimonials .comment .author	{font-family:CalibriItalic; margin-top:.3em;}

.cdMember .side h2					{text-align:right; font-size:1.2em; margin:.7em 8px .7em 0; color:#bdbb02;}
.cdMember .side h3					{font-size:1em; line-height:1.3333; font-weight:normal; padding:4px 8px 3px 8px; color:#fff; background:#313f5f;}
.cdMember .side .box				{margin:.5em 0; padding:0 0 .2em 0; background:transparent url('../img/secNavBk.png') top left repeat-x;}
.cdMember .side .box h3				{}
.cdMember .side .box h4				{margin:.5em 8px;}
.cdMember .side .box p				{margin:.5em 8px;}
/* .cdMember .side .box a.btn			{padding:2px 10px; cursor:pointer; border:1px solid #b0b6c2; background:#d5d6d7 url(images/ui-bg_highlight-soft_100_d5d6d7_1x100.png) 50% 50% repeat-x; font-weight:normal; color:#344261; outline:none;}
.cdMember .side .box a.btn:hover	{text-decoration:none; border:1px solid #313f5f; background:#344261 url(images/ui-bg_highlight-soft_80_344261_1x100.png) 50% 50% repeat-x; font-weight:normal; color:#ffffff; outline:none;}
*/
.cdMember .side .box a.btn {
	outline:none;
	padding:2px 10px;
	cursor:pointer;
	border-top:1px solid #bf9898;
	border-left:1px solid #bf9898;
	border-bottom:1px solid #441212;
	border-right:1px solid #441212;
	background:#672e2e url('../img/redBtnBk.png') top left repeat-x;
}
.cdMember .side .box a.btn:hover	{text-decoration:none; color:#fff; border-top:1px solid #e1c6c6; border-left:1px solid #e1c6c6; background:#672e2e;}

.cdMember .side .box .row			{margin:.2em 0; clear:both;}
.cdMember .side .box .row .title	{float:left; width:130px; margin:0 0 0 8px; padding:5px 5px 0 5px;}
.cdMember .side .box .row .text		{float:right; width:42px; margin:3px 8px 0 0; padding:0 4px; text-align:right;}

.cdMember .side #ResponseTime			{}
.cdMember .side #ResponseTime .title,
.cdMember .side #MemberRating .title	{float:left; width:auto;}
.cdMember .side #ResponseTime .data		{float:right; padding:0 8px; background:#fee015; color:#000; line-height:1.2; font-weight:bold; border-left:1px solid #313f5f; border-top:1px solid #313f5f; border-right:1px solid #b0b6c2; border-bottom:1px solid #b0b6c2;}
.cdMember .side #MemberRating .data		{float:right; padding:0 8px; background:#fee015; color:#000; line-height:1.2; font-weight:bold; border-left:1px solid #313f5f; border-top:1px solid #313f5f; border-right:1px solid #b0b6c2; border-bottom:1px solid #b0b6c2;}
.cdMember .side #MemberRating .text		{background:#fee015;}
/*
.cdMember .side #MemberRating			{background:transparent url('../img/secNavBk-Rating.png') top left repeat-x;}
.cdMember .side #MemberRating h3		{color:#000; background:#fee015;}
*/
.cdMember .side #MemberRating h3 .data	{width:34px; color:#8A1C01; text-align:right;}

.member {}
.member h4		{font-size:1em; margin:1em 0 .2em 0; padding:4px 8px; color:#313f5f; background:#cacaca;}
.member .adr	{color:#616161; margin:0 0 .5em 8px;}
.member p		{margin:0 0 0 8px;}
.member p span	{font-weight:bold; color:#333;}
.member ul		{margin:0 0 0 8px;}
.member ul ul	{margin:0 0 .3em 1em;}