@import 'reset.css';
@import 'rebuild.css';


.titanBody fieldset, .mainBody fieldset, .Freeform fieldset, .DisplaySideUpload fieldset, .AggregationFilter fieldset, .Calendar fieldset {
    background: transparent;
}
 /* don't remove this attributes, can add attributes-change values */
/*
 *  ---- End Resets ----
 */
.titanBody {
    background: #ccc url(images/MarineImages/body-bg-dropshadpw-white.png) center top repeat-y;
}
h1, h2, h3, h4, h5{
color: #47657F;
}
h1{
	font-size: 2em;
}
h2{
	font-size: 1.5em;
}
h3{
	font-size: 1.3em;
}
h4{
	
}
h5{
	font-size: 1.1em;
}

#mainBody {
    background: #fff;
    width: 1024px;
    margin: 0 auto;
    font-size: 100.1%;
    margin-bottom: 30px;
}

#pageTopArea, #contentArea, #pageBottomArea {
    width: 1024px;
    margin: 0 auto;
}

#pageTopArea {
    font: .82em Arial, Helvetica, sans-serif;
    color: #fff;
}

#header {
    background: #000 url(images/MarineImages/Header-gradient-BG.jpg) 0 0 repeat-y;
    height: 95px;
    border-bottom: 3px solid #fff;
}

#logoControlContainer {
    float: left;
    margin: 3px 0 0 71px;
}
.Freeform > table{
margin-left: 7px !important;
}
.FormEditor table{
	margin-left: 7px !important;
}
table p{
margin-left: 0;
margin-right: 0;
}

/*
 *  ---- Utility Navigation ----
 */
#utilityNavContainer {
    position: relative;
    top: 4em;
    margin-right: 32px;
    float: right;
    font-size: 1.3em;
    width: auto;
}

#utilityNavContainer ul {
    list-style-type: none;
}

#utilityNavContainer li {
    display: inline;
}

#utilityNavContainer li a {
    display: inline;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    text-transform: capitalize;
    padding: .4em;
}

#utilityNavContainer .navFirst a {
    color: #ffc012;
}

#utilityNavContainer .navLast a {
    text-decoration: underline;
}

/*
 * ---- Top Navigation ----
 */
#topNavContainer {
    background: #000;
    height: 38px;
}

#topNavContainer ul {
    list-style-type: none;
    margin-left: 71px;
}

#topNavContainer li {
    display: inline;
}

#topNavContainer li a {
    float: left;
    display: block;
    color: #fff;
font-size: 1.3em;
    font-weight: bold;
    text-decoration: none;
    text-transform: capitalize;
    margin: .6em 0.6em 0 0;
    padding: .4em;
}
.IE6 #topNavContainer li a, .IE7 #topNavContainer li a{
font-size: 1.2em;
 margin: .6em 0.3em 0 0;
}

#topNavContainer .navFirst a {
    /*background: #000 url(images/MarineImages/top-nav-over.png) 0 0 repeat;*/
}
#topNavContainer a.current {
background: #000 url(images/MarineImages/top-nav-over.png) 0 0 repeat;
}
#searchBarContainer {
    width: auto;
    float: right;
    margin: .8em 32px 0 0;
}

#searchBarContainer label {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    text-transform: capitalize;
}

#searchBarContainer input #searchTerms {
    background: transparent url(images/MarineImages/search-bar-BG.png) 0 0 repeat;
}

#contentArea {
    font: 1.4em Times, "Times New Roman", Georgia, serif;
/*background: #fff url(images/marineImages/BG-CenterZone.jpg) 0 250px repeat-x;*/
}

/*
 *  ---- Main Navigation ----
 */
#topZone {
    position: relative;
    margin: 13px 13px 0 13px;
    padding: 0 13px 5px 13px;
    border-bottom: 2px solid #999;
}

#topZone p img {
    position: relative;
}

#topZone div.Freeform.TopZone {
    width: 972px;
    height: 341px;
    background: #333;
    margin: 0 auto;
}

#topZone div.TOCBlock {
    display: table;
    height: 341px;
    border-left: 1px solid #fff;
background: transparent url(images/MarineImages/BG-60pctBlk.png) 0 0;
    position: absolute;
    top: 0;
    right: 13px;
}

#topZone div.OneCol {
    display: table-cell;
    vertical-align: middle;
}

#topZone div.image {
    display: block;
    cursor: pointer;
    width: 302px;
    height: 29px;
    background: transparent url(images/MarineImages/main-nav-arrow-60.png) left center no-repeat;
    padding: 7px 0 5px 34px;
    border-bottom: 1px solid #fff;
    position: relative;
}

#topZone div.image.selected {
    background: transparent url(images/MarineImages/main-nav-arrow.png) left center no-repeat;
}

#topZone div.image a.teaserImage {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity = 0);
}

#topZone div.image.selected a.teaserImage {
    opacity: .6;
    filter: alpha(opacity = 60);
}

#topZone div.image h4 a {
    position: relative;
    font-size: 1.3em;
    color: #fff;
    line-height: .75;
    margin: 0 0 3px 0;
    text-shadow: 3px 3px 3px #000;
    text-transform: capitalize;
    text-decoration: none;
}

.IE6 #topZone div.image h4 a, .IE7 #topZone div.image h4 a {
   
    font-size: 16px;
    padding-top: 0;
margin-top: -2px
}

#topZone div.image p.teaser {
    position: relative;
    cursor: inherit;
    color: #fff;
    font-size: .75em;
    text-shadow: 3px 3px 3px #000;
    text-transform: none;
}

#topZone div.image.last {
    border-bottom: none;
}

/*
 * ---- Right Zone ----
 */
#rightZone {
    font-size: .85em;
    width: 360px;
padding-top: 65px;
    float: right;
}

#rightZone .TOCBlock, .border{
    margin: 3px 38px 13px 13px;
    padding: 5px 13px 13px 13px;
    border: 1px solid #999;
}
.border img{
padding: 2px;
 border: 1px solid #999;
}
.border-bottom{
background: #eee;
border-bottom: 1px solid #999;
}

#rightZone p{
margin-bottom: 5px;
}
#rightZone h2 {padding-left: 14px;}

#rightZone ul {
    list-style-type: none;
margin: 0;
   
}

#rightZone li{
   
}

#rightZone a {
color: #005eb2;
font-size:1.2em;
padding: .3em 14px;
display: block;
}

/*
 * ---- Center Zone ----
 */
#centerZone {
    width: 630px;
float: left;
    margin: 3px -373px 9px 13px;
background: #fff url('images/MarineImages/BG-Title.jpg') 50% 0 no-repeat;

}

#titleBarContainer {
    padding: .3em 13px;
    border-top: 2px solid #999;
    border-bottom: 2px solid #999;
margin-right: -360px;
}
.IE7 #titleBarContainer{
margin-right: 0;
}

#titleBarContainer h1 {
    font-size: 2.4em;
    color: #7d7c81;
}

#centerZone h2 {

    font-size: 1.5em;
    margin: 0 0 .2em 13px;
}
.CenterZone h2:first-child {
padding-top:20px;
}
#centerZone h3 {

    font-size: 1.3em;
    margin: 0 0 .2em 13px;
}

#centerZone h4 {

    font-size: 1.2em;
    margin: 0 0 .2em 13px;
}

#centerZone h5 {

    font-size: 1.1em;
    margin: 0 0 .2em 13px;
}

#centerZone h1.home, #centerZone h2.home, #centerZone h3.home, #centerZone h4.home, #centerZone h5.home {
    margin: 13px 13px 13px 58px
}

#centerZone p {
    color: #444;
    margin: 0 0 1em 13px;
}
.IE7 #centerZone p{
margin-top: 17px;
}

#centerZone p.home {
    margin: 1em 13px .3em 58px;
}

#centerZone ul.home {
    margin: 1em 13px 0.3em 74px;
}

#centerZone img {
    padding: 1px 24px 13px 13px;
}

#centerZone a {
    color: #005eb2;
}
#centerZone td{
padding: 0.3em;
}
#centerZone li{
margin-bottom: 0.3em;
}

/*
 * ---- pageBottomArea ----
 */
#pageBottomArea {
    clear: both;
    font: .9em Arial, Helvetica, sans-serif;
    text-align: center;
    padding-top: 2em;
    padding-bottom: 2.5em;
}
#bottomNavContainer{
border-bottom: 30px solid #000;
}

#bottomNavContainer ul {
    list-style-type: none;
    text-align: center;
}

#bottomNavContainer li {
    display: inline;
    text-align: center;
}

#bottomNavContainer li a {
    color: #000;
    font-weight: bold;
    text-decoration: none;
    text-transform: capitalize;
    margin: .6em 1.0em 0 0;
    padding: .1em;
}
/*
*----Login Block----
*/
.ErrorMessage{
display: none;
}
.LogIn .logInForm{width: 250px; margin: 30px; padding: 10px 10px 50px 10px;}
.LogIn .loggedIn{width: 250px;}
.LogIn .logout{padding: 0 0 0 15px}

.LogIn h3 {
    text-align: center;
    padding: 10px 0;
    margin-bottom: 10px;
    background-image: url("images/frmBg.jpg");
}
.LogIn .username, .LogIn .password{text-align: right;margin-bottom: 5px;}
.LogIn label{margin-right:15px;}
.LogIn .username input, .LogIn .password input{width: 149px;}
.LogIn .ErrorMessage{color: red; text-align: right;}
.LogIn .buttons{float: right; margin-bottom: 5px;}
.LogIn .forgot{
	clear: right;
	float: right;
	font-size: 80%;
}
.LogIn .account{
	float: right;
	padding-right: 15px;
	font-size: 80%;
}
.LogIn .loggedIn h3{
	display: none;
}
/*
 * ---- Registration Block ----
 */
.accountProfile .ErrorMessage{margin:10px 0;padding:10px; border:1px solid red;}
.accountProfile .SFMessage ul{list-style-type: none; color:red; margin-left:15px;}
.UserAccount {
    border: 1px solid #666666;
    width: 350px;
    padding: 10px 10px 30px 10px;
margin-top: 15px;
}
.accountForm{text-align: right;}
.accountForm > div{margin-bottom: 10px;}
.accountForm .required {text-align: left;}
.accountForm .required span{color: red;}
.accountForm input{display: inline;}
.accountProfile .reqYes{color: red;}
.UserAccount .buttons{
	text-align: right;
}
/*
* ---- Form Editor ----
*/
.titanBody #ThankYouDiv_2{
font-weight: bold;
color: #569CBE;
border: 1px solid #666666;
background: url("images/frmBg.jpg")0 0 repeat-x;
padding:30px;
margin:30px;
}


/*
 * ---- Styles ----
 */
.first {
    padding-left: 106px;
}

.left {
    float: left;
}

.right {
    float: right;
}
.clear{
clear: both;
}
/*
 ---- Search results ----
*/
.SearchResults .titleTop{
display: none;
}
.SearchResults  ul.paginationFooter{
margin: 0;
list-style-type: none;
}
.SearchResults .paginationFooter li{
display: inline;
}
.SearchResults .paginationFooter li a{
display: inline;
padding: 5px;
}
.SearchResults .OneCol div{
border-bottom:1px dashed  silver;
}
/*
---- From edtior ----
*/
.FormEditor td{
vertical-align:middle;
padding: 3px 5px 10px 0;
}
.ErrorMessage{
margin: 1em 15px;
color: red;
}
.FormEditor .buttons {
margin-left: 150px;
}
.become-agent .buttons{
margin-left: 20px;
}

/*
----sitemap ----
*/
.SiteMap ul{
margin-top: 20px;
list-style-type:none;
}
.SiteMap li a{
display: block;
padding: .5em;
margin: .2em;
}
.SiteMap li ul{
margin-top: 0;
}
/*
---- Find an agent ----
*/

.result{
 border-top: 1px dashed #444;
padding-top: 10px;
}

.hidden{
 display: none;
}

/*
---- Filter Block ---
*/

.AggregationFilter fieldset{
  border: 1px solid #888;
  margin: 5px;
margin-bottom: 15px;
  pading: 3px;
padding-bottom: 6px;
  font-size: 80%;
}
.AggregationFilter fieldset h4{
text-transform:capitalize;
}
.Aggregation .AggregationFilter fieldset span{
float: left;
}
.Aggregation .OneCol > div{
padding-top: 15px;
margin-bottom: 15px;
border-top: 1px dashed #444;
}
.Aggregation .OneCol h4{
clear: left;
}
.OneCol .classifications{
display: none;
}

.classifications span{
 display: none;
}
.classifications ul{
margin: 0;
list-style-type: none;
}

.classifications li{
float: left;
margin-left: 10px;
}
.waiting .loading{
display: block;
}
.loading{
display: none;
}