/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	LAYOUT STRUCTURE - BODY | GLOBAL CLASSES
	
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.base-body
{
	padding:0;
	margin: 0 0 0 9px;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	LAYOUT STRUCTURE 
	
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#wrap 							
{
	width:  770px;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	LAYOUT HEADER
	
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#header
{
	width: 770px;
	height: 73px;
	padding:5px 0 0 0;

	border: 0;
	background: #FFFFFF url("/images/layout_edirectory/gaycharlotte_lgcc_logo.gif") 5px 7px no-repeat;
}

#header a,
#header a:link,
#header a:visited,
#header a:active,
#header a:hover
{
	text-decoration: none;
}

#header-none
{
	width: 770px;
	height: 100px;

	background: url("/images/layout_edirectory/logo_topnone.gif") top no-repeat;
}

#header p.header-login
{
	width: auto;
	height: auto; 
	
	font: 10px Arial, Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 8px 15px 5px 5px;
	
	float: right;
	border: 0;
}

#header p.header-login a:link,
#header p.header-login a:visited,
#header p.header-login a:active,
#header p.header-login a:hover
{
	font-weight: bold;
	color: #003365;
	padding: 0;
	padding-left: 10px;
	
	background: url("/images/layout_edirectory/img_bullettop.gif") 0 50% no-repeat;
}

#header p.header-login a:hover
{
	text-decoration: underline;
}

.logo-link
{
	width: 380px;
	height:70px;

	float: left;

	cursor: pointer;
	text-decoration: none;
	
	margin: 0;
	border: 0;
}

.logo-link-none					/* Here you can change the positions that the logo(image or text) going be showed				*/
{
	width: auto;
	float: left;
	margin: 35px 0 0 20px;
	padding: 0;
	
	cursor: pointer;
	text-decoration: none;	
	border: 0;
}

.logo-link-none:link,			/* Here you can change the size of the link on the top or on the image(logo) top				*/
.logo-link-none:active,
.logo-link-none:visited,
.logo-link-none:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15pt;
	color: #003365; 
}

.logo-link-none:hover
{
	color: #01274D 
}

#main
{
	text-align: center;
	margin: 0;	
	padding: 0;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	LAYOUT STRUCTURE - FOOTER
	
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#footer
{
	width: 770px;

	margin: 0 auto 0 auto;
	padding: 0;
}


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	LAYOUT STRUCTURE - HEADER > BANNER
	
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#banner-bottom
{
	width: 468px;
	height: 60px;

	margin: 15px 0 0 0;
	padding:0;
	border: 0;
}

#banner-top
{
	width: 468px;
	height: 60px;
	
		margin: 3px 15px 0 0;
		padding:0;

	float: right;
	border: 0;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	MAIN > LEFT SIDE CONTENT
	
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#rightside-content
{
	width: 170px;
	text-align: center;

	margin: 0;
	padding: 0;
	float: left;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	MAIN > LEFT SIDE CONTENT > SEARCH TABS
	
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.isHidden { display : none; }
.isShown { visibility: visible }

ul.tab-main
{           
	width: auto;    
	height: 17px;
	text-align:left;
	list-style: none;

	margin:0;
	padding:0;
}

ul.tab-main li
{
	margin: 0;
	padding: 0;
	float: left;
}

ul.tab-main li.tab-active a,
ul.tab-main li.tab-active a:link,
ul.tab-main li.tab-active a:visited,
ul.tab-main li.tab-active a:active,
ul.tab-main li.tab-active a:hover,

ul.tab-main li.tab-inactive a,
ul.tab-main li.tab-inactive a:link,
ul.tab-main li.tab-inactive a:visited,
ul.tab-main li.tab-inactive a:active,
ul.tab-main li.tab-inactive a:hover
{
	font: 10px/17px Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
	cursor:default;
	color: #FFFFFF;
	padding: 0;
	display: block;
	width:73px;
}

ul.tab-main li.tab-inactive a,
ul.tab-main li.tab-inactive a:link,
ul.tab-main li.tab-inactive a:visited,
ul.tab-main li.tab-inactive a:active,
ul.tab-main li.tab-inactive a:hover
{
	cursor: pointer;
	border-bottom:2px solid #C0C0C0;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	MAIN > LEFT SIDE CONTENT > SIMPLE SEARCH
	
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#simplesearch
{
	margin: 0 auto 10px auto; text-align: left; width:90%;
}

#simplesearch h1,
#browsecateg  h1
{
	font: bold 16px/20px Arial, Helvetica, sans-serif; color: #FFFFFF; padding: 5px 5px 5px 0; margin: 0;
}

#simplesearch img,
#simplesearch form,

#browsecateg img,
#browsecateg form
{
	border: 0; margin: 0; padding: 0;
}

#simplesearch table,
#browsecateg table
{
	font: normal 8pt/18px Arial, Helvetica, sans-serif;
}

#simplesearch div.button ul li a:link,
#simplesearch div.button ul li input
{
	color: #333;
}

#simplesearch select, #simplesearch input
{
	font: normal 8pt Arial, Helvetica, sans-serif; border: 0; padding: 1px;
}

/*	SIMPLE SEARCH AND BROWSE CATGORY - LIST DEFINITIONS
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#simplesearch dl,
#simplesearch dd,
#browsecateg dl,
#browsecateg dd
{
	text-align: center;
	margin: 0;
	padding: 0;
}

#simplesearch dl
{
	margin:10px 0 0 0 ;
}

#simplesearch dt,
#browsecateg dt
{
	text-align: left;
}


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	MAIN > LEFT SIDE CONTENT > JOIN US
	
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


#base-join
{
	font: normal 8pt/18px Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
}

#base-join	strong
{
	font: bold 10.5pt Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

#base-join	strong span
{
	font-size: 8.8pt;
}

#base-join dl,
#base-join dt,
#base-join dd
{
	margin: 0;
}

#base-join dl
{
	padding: 10px 0 0 4px;
	padding-bottom: 0;
}

#base-join p
{
	text-align: center;
	margin: 0;
	padding: 5px 10px 10px 10px;

	background: #F5F5F5;
}

#base-join p.warning
{
	margin: 5px 0 0 0;
	padding: 0;

	background: none;
	border: 0;
}

#base-join table.table-login
{
	width: 100%;
	font: normal 8pt/18px Arial, Verdana, Helvetica, sans-serif;
	color: #FFF;
	text-align: left;
	
	margin: 10px auto 0 auto;
	border-top: 1px solid #F0F0F0;
}

#base-join table.table-login td,
#base-join table.table-login th
{
	font: normal 8pt/18px Arial, Verdana, Helvetica, sans-serif;
	color: #FFF;
	padding: 2px;
}

#base-join table.table-login td.login-paddingtop,
#base-join table.table-login th.login-paddingtop
{
	padding-top: 10px;
}

#base-join table.table-login th
{
	width: 65px;
	text-align: right;
}

.table-login input.input-login
{
	width: 100%;
	font: 10px Arial, Verdana, Helvetica, sans-serif;
	color: #3B4B5B;
	border-top: 1px solid #B4BFC0;
	border-left: 1px solid #B4BFC0;
}

#base-join table.table-login input
{
	width: 90px;
}

#base-join p a.label-login:link,
#base-join p a.label-login:visited,
#base-join p a.label-login:active,
#base-join p a.label-login:hover
{
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #2B3F79;
}

.listing-highlight
{
	width: 520px;
	font: normal 8pt/normal Arial, Helvetica, sans-serif;
	color: #333;
	
	margin: 0 auto 0 auto;
	background: #FCFCFC;
	border: 1px solid #E9E9E9	;
	border-bottom: 0;
	
}

.listing-highlight th
{
	font: bold 8.5pt/normal Arial, Helvetica, sans-serif;
	color: #003365;
	vertical-align: middle;
	padding: 3px 10px 3px 10px;

	background-color: #F4F4F4;
	border-bottom: 1px solid #E9E9E9;
}

.listing-highlight td
{
	vertical-align: middle;
	padding: 3px;

	border-bottom: 1px solid #E9E9E9;
}

th.listing-price
{
	font: bold 11.5pt Arial, Helvetica, sans-serif;
	text-align: right;
	vertical-align: top;
	color: #FF3300;
	white-space: nowrap;

	background: none;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	Front Page - PROMOTION
	This code control the table in the listing details!
	
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.promotion-padding{
	padding:14px;
	border:1px solid #5C76AF;
	background-color:#F8FBFF;
}

.promo_link 
{
	margin:0 auto 0 auto;
	padding:0;
}

.promo_link a:active,
.promo_link a:link,
.promo_link a:visited,
.promo_link a:hover
{
	font: bold 8pt/12px Arial, Verdana;
	color:#4868A2;
}

.promo_link a:hover
{
	font: bold 8pt/12px Arial, Verdana;
	color:#cc0000;
}

#promotion-bellow p
{
	font: normal 8pt/15px Arial, Verdana;
	color:#666;
	text-align:center;
	margin:0;
	padding:10px 0 0 0;
}

#promotion-main .desc
{
	font: 10pt/16px Arial, Verdana;
	color:#333;
	margin:0;
	padding:5px;
}

#promotion-main .desc a:link,
#promotion-main .desc a:visited,
#promotion-main .desc a:active,
#promotion-main .desc a:hover
{
	font: 10pt/16px Arial, Verdana;
	color:#0000CC;
	margin:0;
	padding:0;
	text-decoration:underline;
}

.img-promotions{
	float:left;
	margin: 0 20px 0 0;
}

.adver
{
	margin: 6px 0 6px 6px;
	font: normal 8pt Arial, Verdana;
	color:#333;
	text-decoration:none;
}

.adver a:hover,
.adver a:link,
.adver a:visited,
.adver a:active
{
	font: normal 8pt/20px  Arial, Verdana;
	color:#333;
	text-decoration:underline;
}


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	Front Page - PROMOTION > BASE
	
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#promotion-main
{
	width: 550px;
	height: auto;
	text-align: left;
	
	margin: 15px auto 0 auto;
	padding: 0;
	
	background-color: #FAFAFA;
	border: 0;
	border-right: 1px solid #E7E4E7;
	border-bottom: 2px solid #E7E4E7;
}

#promotion-main h1,
#promotion-main h1 a:link,
#promotion-main h1 a:active,
#promotion-main h1 a:visited,
#promotion-main h1 a:hover
{
	font: bold 14px Arial, Verdana;
	color:#01A501;
	
	margin: 3px 0;
	padding: 5px;
	text-decoration: none;
}

#promotion-main h1 a:hover
{
	text-decoration: underline;
}

#promotion-main .offer
{
	font: bold 10pt/15px Arial, Verdana;
	color:#003366;
	
	padding: 5px;
}

.promo-right a:link,
.promo-right a:active,
.promo-right a:visited,
.promo-right a:hover
{
	float:right;
	font: bold 8pt Arial, Verdana;
	color:#333;
	margin: 10px;
	text-decoration: none;
}

.promo-right a:hover
{
	text-decoration: underline;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	MAIN > CONTENT > CALENDAR HIGHLIGHTS
		
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#calendar-highlights TD, #calendar-highlights TH 
{
	color:#808080;
	font:10px Arial, Helvetica;
	text-align:left;
	border-bottom:2px solid #C0C0C0;
}

#calendar-highlights TD a:link, #calendar-highlights TD a:active, #calendar-highlights TD a:visited, #calendar-highlights TD a:hover
{
	color:#464646;
	font:10px Arial, Helvetica;
	text-align:left;
	text-decoration:none;
}

 #calendar-highlights TD a:hover
 {
	color:#000000;
	text-decoration:underline;
 }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	MAIN > LEFT SIDE CONTENT > BROWSE CATEGORY
		
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#browsecateg h1
{
	font: bold 10pt/20px Arial, Helvetica, sans-serif;
	color: #003365;

	border-bottom: 1px solid #c0c0c0;
	background: #EEEEEE;
}

.browsecateg-baselinks
{
	text-align: center;
	border-top: 1px solid #EEEEEE; 
	background-color: #F8F8F8;
}

p.browsecateg-baselinks
{
	padding: 8px 0 0 0;
	margin:5px;
}

p.browsecateg-baselinks a:link,
p.browsecateg-baselinks a:active,
p.browsecateg-baselinks a:visited,
p.browsecateg-baselinks a:hover
{
	font: bold 8pt Arial, Verdana, Helvetica, sans-serif;
	color: #000;
	text-decoration: underline;
	border:0;
	padding:5px;
	display:block;
}

.left-list
{
	font: normal 8pt/12pt Arial, Verdana, Helvetica, sans-serif;
	text-align: left;

	margin: 0;
	padding: 5px;
	border: 0;
}

.left-list li
{
	margin:0 0 4px 0;
	padding: 1px 0 0 15px;
	line-height: 13px;
	list-style: none;
	
	background: url("/images/layout_edirectory/img_bullet.gif") no-repeat 0 8%;
}

.left-list li a:link,
.left-list li a:visited,
.left-list li a:active,
.left-list li a:hover
{
	text-decoration:none;
	color: #3B4B5B;
}

.left-list li a:hover
{
	text-decoration:underline;
}


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	RIGHT SIDE CONTENT
	
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#leftside-content
{
	width: 600px;
	padding: 0;
	margin: 0;

	float: left;
	clear: right;
}

#leftside-content p.paragraph
{
	font: normal 8pt Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
}	

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	RIGHT SIDE CONTENT > VIEW SUMMARY
	
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.table-view-summary
{
	width: 560px;
	margin: 5px auto;
}

.table-view-summary td
{
	font: 8pt Arial, Verdana;
	color:#464646;
}

.table-view-summary a:link,
.table-view-summary a:visited,
.table-view-summary a:active,
.table-view-summary a:hover
{	
	text-decoration: none;
}

.summary-content
{
	padding: 6px 6px 6px 10px;
}

.img-view-summary
{
	width: 170px;
	text-align: center;
}

.font-bold-normal,
.font-bold-normal a:link, 
.font-bold-normal a:visited, 
.font-bold-normal a:active,
.font-bold-normal a:hover, 
.font-bold-normal a
{
	color: #01A501;
	font-size: 11pt;
	font-weight: bold;
	
	padding: 0;
	margin: 0;
}

.font-bold-normal a:hover
{
	color: #01A501;
}

.table-listing-detail .font-bold-view					
{
	font: bold 14px/20px Arial, Verdana, Helvetica, sans-serif;
	text-align: justify;
	text-decoration: none;
	color: #01A501;

	margin: 0;
	padding: 0 3px 6px 0;
	border: 0;
}

.summary-content .font-bold-view					
{
	font: bold 14px/20px Arial, Verdana, Helvetica, sans-serif;
	text-align: justify;
	text-decoration: none;
	color: #01A501;

	margin: 0;
	padding: 0 3px 0 0;
	border: 0;
}

.summary-content .font-bold-view a,
.summary-content .font-bold-view a:visited,
.summary-content .font-bold-view a:link,
.summary-content .font-bold-view a:active,
.summary-content .font-bold-view a:hover
{
	font: bold 14px/20px Arial, Verdana, Helvetica, sans-serif;
	color: #01A501;
	text-align: justify;
	text-decoration: none;
}

.summary-content .font-bold-view a:hover
{
	color: #000000;
	text-decoration: underline;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	RIGHT SIDE CONTENT - FEATURED LISTING
	
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.featured
{
	width: 520px;
	font: normal 8pt Arial, Verdana, Helvetica, sans-serif;
	color: #818181;

	padding: 0;
	margin: 0 auto 0 4px;
	border: 0;
}

.title-featured a,
.title-featured a:link,
.title-featured a:active,
.title-featured a:visited,
.title-featured a:hover
{
	padding: 0;
	margin: 0;
	line-height:10pt;
	height:10pt;
	font: bold 10pt Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
	
	text-decoration: none;
	color: #EF413D;

	clear:left;
}

.title-featured a:hover
{
	color: #D01611;
}

.featured-view a.featured-link:link,
.featured-view a.featured-link:active,
.featured-view a.featured-link:visited,
.featured-view a.featured-link:hover
{
	color: #333; 
	font-size: 8pt;
	font-weight: bold;
	text-decoration:underline;
	float: right;
}

.featured-view a.featured-link:hover
{
	color: #EB9F3D;
}

p.featured-view
{
	text-align: left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	
	padding: 0;
	margin: 0;
	
	border: 0;
	color: #3B4B5B;
}

.table-featured	
{
	font: normal 8pt Arial, Verdana, Helvetica, sans-serif;
	width: 100%;
	margin: 0 auto 10px auto;

	border:0;
	border-bottom:1px solid #F2EFEC;
	background:#FFF;
}

.img-featured
{
	width:160px;
	text-align: center;

		border: 1px solid #E1E1E1;
		border-right:1px solid #F2EFEC;
		border-bottom:1px solid #F2EFEC;
		background-color: #FCFCFC;
}

.img-featured img
{
	margin: 5px;
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////

	HOME PAGE CATEGORIES 

//////////////////////////////////////////////////////////////////////////////////////////////////////////// 

.front_categories
{
	width: 520px;
	font: normal 8pt Verdana, Arial, Helvetica, sans-serif;
	color: #818181;

	padding: 0;
	margin: 0 auto 0 4px;
	border: 0;
}
*/

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	CATEGORIES BASE > FRONT PAGE
	
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.categories
{
	text-align:left;
	height: 20px;
	margin: 0;
	padding: 0 10px 0 3px;
}

.base-categoriesFRONT, .base-categoriesRESOURCEFRONT
{
	font: bold 11px Arial, Verdana, Helvetica, sans-serif;
	width: 550px;

	margin: 0 auto 15px auto;
	padding: 0;

	border: 0;	
	border-bottom: 1px solid #F7F7F7;
	/*background: #fffdfb url("/images/layout_edirectory/bg_browse.jpg") no-repeat bottom;*/
}

div.left-categories,
div.right-categories
{
 	width: 253px; /*The correct value is 275*/
	text-align: left;
	
	margin: 0;
	padding: 10px;
	float: left;
	min-height:45px;
	
	voice-family: "\"}\""; 		/* The Hack start here																			*/
	voice-family:inherit;		/* This code tricks the IE5win to get the correct value											*/									
	width: 275px;				/* correct value to IE																			*/
	}
html>body div.left-categories, div.right-categories
{
	width: 253px;				/* correct value for Opera and FF																*/ 
								/* The Hack finish here																			*/
}

div.left-categories li, div.right-categories li
{
	margin: 0 0 15px 0;
}

div.left-categories li a:link, div.left-categories li a:active, div.left-categories li a:visited, div.left-categories li a:hover,
div.right-categories li a:link, div.right-categories li a:active, div.right-categories li a:visited, div.right-categories li a:hover
{
	font: bold 9pt Arial, Helvetica, sans-serif;
	color: #01A501;
	
	text-align: left;
	text-decoration: none;
	
	margin: 0;
	padding: 5px 0 0 0;
}

div.left-categories li a:hover, div.right-categories li a:hover
{
	color: #000000;
	text-decoration: underline;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	RESOURCES BASE > FRONT PAGE
	
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

div.left-resources,
div.right-resources
{
 	width: 253px; /*The correct value is 275*/
	text-align: left;
	
	margin: 0;
	padding: 10px;
	float: left;
	min-height:45px;
	
	voice-family: "\"}\""; 		/* The Hack start here																			*/
	voice-family:inherit;		/* This code tricks the IE5win to get the correct value											*/									
	width: 275px;				/* correct value to IE																			*/
	}
html>body div.left-resources, div.right-resources
{
	width: 253px;				/* correct value for Opera and FF																*/ 
								/* The Hack finish here																			*/
}

div.left-resources li, div.right-resources li
{
	margin: 10px 0 8px 0;
}

div.left-resources li a:link, div.left-resources li a:active, div.left-resources li a:visited, div.left-resources li a:hover,
div.right-resources li a:link, div.right-resources li a:active, div.right-resources li a:visited, div.right-resources li a:hover
{
	font: bold 8pt Arial, Helvetica, sans-serif; color: #FF6633; text-align: left; text-decoration: none;
}

div.left-resources li a:hover, div.right-resources li a:hover
{
	color: #000000; text-decoration: underline;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	RESOURCES SUMMARY > RESULTS PAGE
	
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.resourcesSUMMARY
{
	border: 0; margin: 20px;
}

.resourcesSUMMARY h1,
.resourcesSUMMARY h1 a:link,
.resourcesSUMMARY h1 a:visited,
.resourcesSUMMARY h1 a:active,
.resourcesSUMMARY h1 a:hover
{
	font: bold 14px Arial, Helvetica, sans-serif; text-align: left; color: #FF6633; margin: 0; padding: 2px 0 8px 0; border-top: 2px solid #C0C0C0;
}

.resourcesSUMMARY p.resourcesSUMMARYcontent
{
	font: normal 8pt Arial, Helvetica, sans-serif; text-align: left; color: #464646; margin: 0; padding: 0; border: 0;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	CATEGORIES BASE > RESULTS PAGE | appear on the top
	
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.base-categoriesRESULTS
{
	font: bold 10px Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
	color: #3B4B5B;
	
	padding-bottom: 10px;
	border-bottom: 2px solid #F7F7F7;
}

.categories-active:link,
.categories-active:active,
.categories-active:visited,
.categories-active:hover
{
	color: #0054A8;
}

.categories-link:link,
.categories-link:active,
.categories-link:visited,
.categories-link:hover
{
	font-weight: normal;
	color: #3B4B5B;
	text-decoration: none;
}

.categories-link:hover
{
	color: #EF413D;
}

.categories-activeBOLD:link,
.categories-activeBOLD:active,
.categories-activeBOLD:visited,
.categories-activeBOLD:hover
{
	font-weight: bold;
	color: #3B4B5B;
}

/* //////////////////////////////////////////////////////////////////////////////////////////////
 Here start the style that control the Front features 
/////////////////////////////////////////////////////////////////////////////////////////////*/

.left_listings						/* This classe control the left list in the front page */
{
	width: 250px;
	float: left;
	text-align: left;
	padding: 0;
	margin: 0 auto;

/*	ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 253px;
	}
html>body .left_listings
{
	width: 253px;
	/* ie5win fudge ends */
}

.right_listings						/* This classe control the right list in the front page */
{
	width: 250px;
	float: left;
	text-align: left;
	padding: 0;
	margin: 0 auto 0 10px;

		
/*	ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 253px;
	}
html>body .right_listings
{
	width: 253px;
	/* ie5win fudge ends */
}

#right-banner
{
	width: 160px;
	
	float: left;
	margin: 0 0 0 5px;
}

.listings-titles a,					/* This classe control the left list in the front page */
.listings-titles a:active,
.listings-titles a:visited
{
	font: 9pt Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: underline;
	color: #224478;
	display: block;	
	margin: 0;
	padding: 0;
}

.listings-titles a:hover
{
	font: 9pt Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: underline;
	color: #224478;
}

.link_front, 
.link_front:link, 
.link_front:visited, 
.link_front:active
{
	font-size: 8pt;
	font-weight: normal;
	color: #808080;
	text-align: left;
	text-decoration: none;

	margin: 0;
	padding: 0;
}

.link_front:hover
{
	color: #808080;
	font-size: 8pt;
	font-weight: normal;
	text-align: left;
	text-decoration: underline;
}



/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	RIGHT SIDE CONTENT > DYNAMIC CONTENT
	
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#dynamic-content
{
	text-align: left;
	padding: 0 10px 10px 10px;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	RIGHT SIDE CONTENT > ALPHABETICALLY BASE	
	
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.alphabetically-base
{
	font: bold 11px/18pt Arial, Verdana, Helvetica, sans-serif;
	text-align:center;

	margin: 10px; 
	padding: 0;

	border: 0;
}

.alphabetically-base h2.standard-title-medium,
.alphabetically-base p
{
	margin: 0;
	padding: 0;
}

.alphabetically-base p
{
	text-align: center;
}

.alphabetically-link, 
.alphabetically-link:link, 
.alphabetically-link:active, 
.alphabetically-link:visited,
.alphabetically-link:hover
{
	font: normal 8pt Arial, Verdana, Helvetica, sans-serif;
	color: #3B4B5B;
	
	margin: 0;
	padding: 4px;

	text-decoration: none;
}

.alphabetically-link:hover
{
	background: #F4F4F4;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	RIGHT SIDE CONTENT > CONTACT US
	
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#contact-form
{
	font: 8pt/10pt Arial, Verdana, Helvetica, sans-serif;
	width: 420px;
	margin: 20px auto 20px auto;
	
	border: 0;
}

#contact-form th
{
	width: 70px;
	color: #3B4B5B;

	text-align: right;
}

#contact-form input,
#contact-form textarea
{
	width: 300px;
	
	font: 8pt Arial, Verdana, Helvetica, sans-serif;
	color: #3B4B5B;
}

#contact-form input.button-send
{
	width: 80px;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	LISTING DETAIL
	
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#listing-detail
{
	width: auto;
	font: normal 8pt/18px Arial, Verdana, Helvetica, sans-serif;
	text-align: center;
}

#listing-detail table
{
	font: normal 8pt/18px Arial, Verdana, Helvetica, sans-serif;
}

#listing-detail span a:link,
#listing-detail span a:visited,
#listing-detail span a:active,
#listing-detail span a:hover
{	
	text-decoration: none;
}

#listing-detail form
{
	margin: 0;
	padding: 0;
}

#listing-detail h2
{
	font-size: 8pt;	
	font-weight: bold;
	color: #EF413D;
	border: 0;
}

#detail
{
	text-align: center;
	
	background: #FFF;
	border: 0;
}

.top-morelisting
{
	font: 8pt Arial, Verdana, Helvetica, sans-serif;
	float: left;
}

.top-morelisting a:link,
.top-morelisting a:visited,
.top-morelisting a:active,
.top-morelisting a:hover
{
	font: bold 8pt Arial, Verdana, Helvetica, sans-serif;
	color: #000;
	float: left;
	text-decoration:underline;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	LISTING DETAIL > VIEW DETAIL TABLE
	
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.table-listing-detail
{
	width: 95%;
	border-top:2px solid #C0C0C0;
	margin: 14px auto;
	padding:0;
	clear: left;
}

.img-view-detail
{
	width:175px;
	margin-right: 5px;
	text-align: center;
}

.table-listing-detail td
{
	font: 8pt Arial, Helvetica, sans-serif;
	color:#464646;
}

.detail-content
{
	padding: 0 0 0 5px;
}

/*	LISTING DETAIL - FORM
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.form-listing-detail
{
	border: 1px solid #FFF;
}

.form-listing-detail th
{
	font-size: 8pt;
	text-align: right;
	vertical-align: top
}

.form-listing-detail input
{
	font: 8pt/18px Arial, Verdana, Helvetica, sans-serif;
	width: 400px;
}

.form-listing-detail textarea
{
	font: 8pt/18px Arial, Verdana, Helvetica, sans-serif;
	width: 400px;
}

/*	LISTING DETAIL - SLIDE SHOW
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.slideshow-thumbbase
{
	border: 1px solid #F7F7F7;
	border-top: 1px solid #E9E9E9;
	background-color: #FCFCFC;	
}

.slideshow-thumb
{
	text-align:left;
	background: #FCFCFC;
	border:1px solid #EDEFEF;
	border-top: 1px solid #B4BFC0;
	border-left: 1px solid #B4BFC0;
}


.slideshow-thumb img
{
	margin: 5px;
}

.slideshow-thumb p
{
	margin: 0;
	padding: 5px;
	background-color: #F2F2F2;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

  RATE FORM
	
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#header-form-rate
{
	font-size: 12px;
	font-weight: bolder;
	font-family: Arial, Verdana, Helvetica, sans-serif;	
	color: #2B3F79;

	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	margin: 0 0 10px 0;
	
	border-bottom: 1px dashed #E9E9E9;
	background: transparent url() repeat-x bottom ;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

  EVENTS 
	
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#summary-baseEVENTS
{
	font: 8pt Arial, Verdana, Helvetica, sans-serif;
	color: #000;
	
	padding: 0;
	margin: 10px auto 0 auto;
	width:95%;
	
	border: 0;
	border-top: 2px solid #C0C0C0;
}

#showcase-baseEVENTS
{
	width:95%;
	margin:0 auto 0 auto;
	padding:10px 0 10px 0;
	border-top: 2px solid #C0C0C0;
	border-bottom: 2px solid #C0C0C0;
}

#summary-baseEVENTS br.clear
{
	clear: left;
	line-height: 12px;
	height: 12px;
}

#summary-baseEVENTS h1 a:hover,
#showcase-baseEVENTS h1 a:hover
{
	color:#000000;
	text-decoration: underline;
}

#summary-baseEVENTS p.summaryEVENTS-content,
#showcase-baseEVENTS p.summaryEVENTS-content
{
	color: #464646;
	text-align: left;

	padding: 0;
	margin: 0;
	border: 0;
}

#showcase-baseEVENTS p
{
	font: 8pt Arial, Helvica;
	color:#464646;
}

.events-baseLINK
{
	float: right;
	border: 0;
	padding:5px 0 0 0;
}

.events-image
{
	float: left;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

  NEWS 
	
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#summary-baseNEWS
{
	width:95%;
	font: 8pt Arial, Verdana, Helvetica, sans-serif;
	color: #000;
	padding: 0;
	margin: 20px auto 0 auto;
	border: 0;
	border-top: 2px solid #C0C0C0;
}

#showcase-baseNEWS
{
	width:95%;
	margin:0 auto 0 auto;
	border-top: 2px solid #C0C0C0;
}

.baseNEWSimages
{
	float: left; margin: 10px;
}

#summary-baseNEWS p.summaryNEWS-content,
#showcase-baseNEWS p.summaryNEWS-content
{
	color: #464646;
	text-align: justify;
	margin: 0;
	padding: 0 0 0 10px;
	border: 0;
}

#showcase-baseNEWS p
{
	font: 8pt Arial, Helvica;
	color:#464646;
}

.news-baseLINK
{
	float: right;
	border: 0;
	padding:10px 0 0 0;
}

.news-image
{
	float: left;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

  EVENTS CALENDAR > CALENDAR
	
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


#calendarBASE
{
	width: 158px; margin:0 auto 0 auto; border-collapse: collapse;
}

#calendarBASE .grid
{
	background:url('/images/layout_edirectory/grid_calendar.gif') no-repeat 0 25px;
}

#calendarBASE th,
#calendarBASE th a:link,
#calendarBASE th a:visited,
#calendarBASE th a:active,
#calendarBASE th:hover
{
	font: bold 10pt/26px Arial, Verdana, Helvetica, sans-serif; text-decoration: none;
}

#calendarBASE .title_calendar
{
	text-align:center;
}

#calendarBASE .title_calendar a:link,
#calendarBASE .title_calendar a:visited,
#calendarBASE .title_calendar a:active,
#calendarBASE .title_calendar a:hover
{
	font: bold 10pt/15pt Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none;
}

#calendarBASE th.calendar-weekday	/*	Days of the week */
{
	width: 22px; font-size: 10px; font-weight: normal; color: #FFF; padding: 0; margin: 0;
}

#calendarBASE td
{
	font: normal 8pt Arial, Verdana, Helvetica, sans-serif; text-decoration: none;
}

/* #calendarBASE td.calendarBORDERdays/*, #calendarBASE td.daycoloroff, #calendarBASE th.calendar-weekday
{
	border: 1px solid #C0C0C0;
}*/

#calendarBASE td a:link,
#calendarBASE td a:visited,
#calendarBASE td a:active,
#calendarBASE td a:hover
{
	text-align: center;
	color: #FFF;
	text-decoration: none;
	width:19px;
	height:19px;
}

a.dayclass,
a.dayclass:link,
a.dayclass:visited,
a.dayclass:active
{
	display: block;
	color: #FFF;
}

a.dayclass:hover
{
	font-weight: normal;
}

a.normal,
a.normal:link,
a.normal:visited,
a.normal:active,
a.normal:hover
{
	display: block;
	color: #0054A8;
	font-weight: bold;
}

a.today,
a.today:link,
a.today:visited,
a.today:active,
a.today:hover
{
	display: block;
	color: #FFF;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

  EVENTS CALENDAR > SEARCH
	
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#searcheventsBASE
{
	font: 8pt Arial, Verdana, Helvetica, sans-serif;
	width: 350px;
	
	margin: 80px 0 100px 0;
	padding: 0;

	border: 0;
	float: left;
}

#searcheventsBASE th
{
	width: 100px; text-align: right; background: #FBFBFB;
}

#searcheventsBASE td
{
	text-align: center
}

#searcheventsBASE input
{
	width: 170px;
}

#searcheventsBASE td div.button
{
	margin: 0;
	border: 0;
}