/*
WARNING!!!
Created a duplicate .css file in the AbsoluteCoralShores theme to accomodate the CompanyListings.aspx page. Make sure to copy this file over there when updated.
*/

/* -------------------------- <revisions> ---------------------------

Bayshore Solutions CSS Standard 

All non-general elements should be specified in their respective sections
and labeled appropriatly according to Design Standards Guide.

Latest Revisions: 
	- 7/31/06 :: DAB

-------------------------- </revisions> --------------------------- */

body { 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	background: #e2e2e2;
	font-size: 11px;
	text-decoration: none;
	color: #000;
	}

.body {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	color: #000;
	border: none;
	padding: 0;
	margin: 0;
	}
	
p, table, th, tr, td, h1, h2, h3, img, a:link, a:visited, a:hover, a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	color: #000;
	border: none;
	}
	
h1 {
	font-weight: normal;
	font-size: 14px;
	color: #000;
	padding: 0;
	margin: 0;
	}

h2 {
	font-weight: normal;
	font-size: 12px;
	color: #000;
	padding: 0;
	margin: 0;
	}

h3 {
	font-weight: normal;
	font-size: 11px;
	color: #000;
	padding: 0;
	margin: 0;
	}

a:link, a:visited {
	text-decoration: underline;
	color: #000000;
	}
	
a:hover, a:active {
	text-decoration: none;
	color: #E8941A;
	}

/* ----------------------- <genClasses> --------------------------- */

.bgShadow {
	background: url(images/home_page_bg_bot.jpg) bottom center no-repeat;
	width: 1006px;
	margin: 0 auto;
	text-align: center;
	padding: 0 1px 5px 0;
	}

.container {
	background: url(images/home_container_bg_tile.gif) top center repeat-y;
	width: 962px;
	margin: 0 auto;
	text-align: left;
	}

.content .bottom {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	background: url(images/home_body_bg_tile.gif) bottom left repeat-x;
	height: 75px;
	text-align: center;
	}

.content .bottom p {
	margin: 0;
	padding: 0;
	}

.content .bottom strong {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	}

.content .bottom a:link, .content .bottom a:visited {
    font: 10px Verdana, Arial, Helvetica, sans-serif;
    color: #e8941a;
    text-decoration: underline;
    }

.content .bottom a:hover, .content .bottom a:active {
    font: 10px Verdana, Arial, Helvetica, sans-serif;
    color: #e8941a;
    text-decoration: none;
    }

.bodyText
{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	padding-left: 30px;
	padding-right: 30px;
	/* margin: 10px auto; */
	/* text-align: center; */
	/* width: 910px; */
}

.footer {
	background: url(images/home_foot_bg_tile.jpg) top left repeat-x;
	width: 913px;
	margin: 0 0 14px 0;
	}
/* ----------------------- </genClasses> --------------------------- */


/* ----------------------- <Homepage Table CTA> --------------------------- */
.home_cta {
	margin-top: 3px;
	/*margin-left: 24px;*/
	/*width: 913px;*/
	}

.home_cta td {
	text-align: center;
	vertical-align: top;
	background: #dce0e3;
	padding-top: 4px;
	}

.home_cta_col_one {
	width: 304px;
	padding-bottom: 8px;
	}

.home_cta_col_two {
	width: 304px;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	padding-bottom: 8px;
	}
	
.home_cta_col_three {
	width: 302px;
	padding-bottom: 8px;
	}


/* ----------------------- </Homepage Table CTA> --------------------------- */

.sub_nav
{
	width: 227px;
	vertical-align: top;
}

/*.sub_nav a
{
    height: 30px;
	display: block;
	vertical-align: middle;
}

.sub_nav span
{
    padding-left: 70px;
}*/

.sub_content{
width:686px;
padding: 5px 25px 50px 25px;
text-align: left;
vertical-align:top;
}

/* ----------------------- <imgRollOver> --------------------------- */
/* this is the super-duper "rollOver" technique for 
creating dynamic subnavs with the same background images 7/31/06 */

/* <table cellpadding="0" cellspacing="0" border="0" class="imageSwap">
    <tr>
        <td><a href="#" ><span>Lorem Ipsum 1</span></a>
			<a href="#" ><span>Lorem Ipsum 2</span></a>
			<a href="#" ><span>Lorem Ipsum 3</span></a>
			<a href="#" ><span>Lorem Ipsum 4</span></a>
			<a href="#" ><span>Lorem Ipsum 5</span></a>
			<a href="#" ><span>Lorem Ipsum 6</span></a></td>
    </tr>
    </table> the HTML code to make this work */


.imageSwap a:link, .imageSwap a:visited
{
	display: block;
	background: url(Images/imageswap_linkage_bg.jpg) bottom left no-repeat;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #212b59;
	text-decoration: none;
	width: 251px;
	/*height: 30px;*/
	margin: 0;
	padding: 0;
}

.imageSwap a:hover, .imageSwap a:active
{
	background: url(Images/imageswap_linkage_bg.jpg) bottom  right no-repeat;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #e8941a;
	text-decoration: none;
	width: 251px;
	/*height: 30px;*/
	margin: 0;
	padding: 0;
}

/* this positions the text within the cell. must use a p tag around the dynamic text */

.imageSwap span
{
	display: block;
	padding: 5px 5px 5px 70px;
	text-align:left;
	margin: 0;
}

.subNav_Off
{
	background: url(Images/imageswap_linkage_bg.jpg) bottom left no-repeat;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #212b59;
}

.subNav_On
{
	background: url(images/imageswap_linkage_bg.jpg) bottom right no-repeat;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #e8941a;
}
	
/* ----------------------- </imgRollOver> --------------------------- */

/* Content Manager - Text Class Options */

.clsArial_8{font-family:Arial, Helvetica, sans-serif; font-size:8px;}
.clsArial_10{font-family:Arial, Helvetica, sans-serif; font-size:10px;}
.clsArial_12{font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.clsArial_14{font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.clsArial_16{font-family:Arial, Helvetica, sans-serif; font-size:16px;}
.clsArial_24{font-family:Arial, Helvetica, sans-serif; font-size:24px;}


.clsGaramond_8{font-family:Garamond, serif; font-size:8px;}
.clsGaramond_10{font-family:Garamond, serif; font-size:10px;}
.clsGaramond_12{font-family:Garamond, serif; font-size:12px;}
.clsGaramond_14{font-family:Garamond, serif; font-size:14px;}
.clsGaramond_16{font-family:Garamond, serif; font-size:16px;}
.clsGaramond_24{font-family:Garamond, serif; font-size:24px;}

.clsTimes_8{font-family:Times New Roman, Times, serif; font-size:8px;}
.clsTimes_10{font-family:Times New Roman, Times, serif; font-size:10px;}
.clsTimes_12{font-family:Times New Roman, Times, serif; font-size:12px;}
.clsTimes_14{font-family:Times New Roman, Times, serif; font-size:14px;}
.clsTimes_16{font-family:Times New Roman, Times, serif; font-size:16px;}
.clsTimes_24{font-family:Times New Roman, Times, serif; font-size:24px;}

.clsVerdana_8{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8px;   line-height:14px;}
.clsVerdana_10{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; line-height:16px;}
.clsVerdana_11{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:16px;}
.clsVerdana_12{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:18px;}
.clsVerdana_14{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; line-height:20px;}
.clsVerdana_16{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; line-height:22px;}
.clsVerdana_18{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; line-height:22px;}
.clsVerdana_24{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:24px; line-height:24px;}	

/* Dev Added Styles */
/* Content */
.ErrorText
{
    color: #FF0000;
}

.LeftBody
{
    display: inline;
}

.PageTitle
{
    font-size: 16px;
    font-weight: bold;
}

.WeatherPanel
{
    background-color: #EEEEEE;
    position: absolute;
    right: 50px;
    top: 50px;
}

/* Templates */
.AltSubNavDiv
{
    position: relative;
    z-index: 1;
}

.copyDiv
{
    text-align: center;
}

.FeaturedContent
{
    text-align: center;
}

.calendarImage
{
	cursor: hand;
}

.hidden
{
  display: none;
}

.imageSwapHome a
{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	width: 251px;
}

.imageSwapHome a:link, .imageSwapHome a:visited
{
	background: url(Images/imageswap_linkage_bg.jpg) bottom left no-repeat;
	color: #212b59;
	display: block;
	font-weight: bold;
	text-decoration: none;
}

.imageSwapHome a:hover, .imageSwapHome a:active
{
	background: url(Images/imageswap_linkage_bg.jpg) bottom  right no-repeat;
	color: #e8941a;
	text-decoration: none;
}

.imageSwapHome span
{
	display: block;
	padding: 5px 5px 5px 70px;
	text-align:left;
	margin: 0;
}

.NavDiv
{
    padding-left: 24px;
}

.NavLink
{
    float: left;
}

.SubContentDiv
{
    position: relative;
    z-index: 0;
}

.SubBanner
{
    margin: auto;
}

.TopNavDiv
{
    position: relative;
}

.TopNavTd
{
    height: 31px;
    /* position: relative; */
}

.TopNavTable
{
    margin: auto;
}

.AltSubNavTd
{
    /*position: relative;*/
	width: 227px;
	vertical-align: top;
}

.SubNavTd
{
    position: relative;
    text-align: center;
    width: 251px;
}

.SubNavDiv
{
    background-color: #FFFFFF;
    border: solid 2px #E8941A;
    display: none;
    padding: 8px 8px 3px 8px;
    position: absolute;
    text-align: left;
    white-space: nowrap;
}

.SubNavDivGrey
{
    background-color: #DCE0E3;
    border: solid 2px #E8941A;
    display: none;
    padding: 8px 8px 3px 8px;
    position: absolute;
    text-align: left;
    white-space: nowrap;
}

.SubNavDiv a
{
    color: #000000;
    display: block;
    padding-bottom: 5px;
}

.SubNavDivGrey a
{
    color: #172152;
    display: block;
    padding-bottom: 5px;
}

.SubNavDiv a:link, .SubNavDiv a:visited
{
    text-decoration: none;
}

.SubNavDiv a:hover, .SubNavDiv  a:active
{
    text-decoration: underline;
}

.SubNavDivGrey a:link, .SubNavDivGrey a:visited
{
    text-decoration: none;
}

.SubNavDivGrey a:hover, .SubNavDivGrey a:active
{
    text-decoration: underline;
}

.visible
{
  display: block;
}

.filterTable
{
	margin:0px;
	border-bottom:2px solid #e8941a;
	border-top:3px solid #f3f3f3;
	border-left:3px solid #f3f3f3;
	border-right:3px solid #f3f3f3;
	background:url(Images/filtertable_bg.jpg) repeat-x bottom;
}

.filterTable td
{
    text-align: left;
	padding:5px;
}

.fieldHeader
{
    font-weight: bold;
    text-align: right;
}

.FormSectionHeader
{
    font-size: 16px;
    font-weight: bold;
}

.ListingsHeader 
{
	background:#2e3272;
	color:#FFFFFF;
	margin-top:5px;

}

.ListingsHeader td
{
color:#FFFFFF;
padding:5px 0px 5px 0px;
text-align: center;
}

.ListingsHeader a
{
    color:#FFFFFF;
    text-decoration:underline;
}

.TableData
{
    border:3px solid #f3f3f3;
    width:100%;
    margin-top:3px;
}

.boldText
{
    font-weight: bold;
}

.thumbnail
{
	border-width: 0px;
}

.UnderlinedText
{
    text-decoration: underline;
}

.FullsizeImage
{
    border-width: 0px;
    height: 225px;
    width: 300px;
}

.ListAltRow
{
    background-color: #DCE0E3;
}