/* marinerq.com
 	by Tgp at lotusfromthemud.com
 	cretead date: Feb 27, 2008
 	latest update: April 2nd, 2010 */
 
   
  /*reset and shared elements 
  ====================================================*/

@import url(monthly-update.css);
@import url(css3support.css);

  * {margin:0; padding: 0;}
p em {color: #C49E2F;letter-spacing: 1px;font-style: normal;font-weight:bold;}
h1, h2, h3, h4, h5, h6, dl#p_training dt {font-family: Georgia, "Times New Roman", Times, serif;}
  ul, ol, li {list-style: none;}
  cite {font-size: .8em;}
  strong {color: #282828;}
  p, li {font-size: .95em;}
  .pdf {background: url(../images/icon-pdf.gif) no-repeat left 0;padding-left: 22px;}
  p.pdf{background: url(../images/icon-pdf.gif) no-repeat left 8px;padding-left: 22px;}
  a {text-decoration: none; color: #5d581a;} a:hover {text-decoration: underline;}
  .clear {clear: both;height: 0;line-height: 0;} img {border: none;}
  .nbr {border: none;float: left;}
  span.block {display: block;text-decoration: underline;}
  body { background:#252628 url(../images/body.png) repeat-x; color: #050505;font: 100%/1.55em Arial, Helvetica, Geneva, sans-serif;} 
   
 #breadcrumb ul  {margin-left: 45px;margin-bottom: 0;margin-top: 5px!important;}
#breadcrumb li {display: inline; font-size: .75em;color: #313131;padding:0 3px 0 10px;line-height: 1px;background: url(../images/separator.jpg) no-repeat 0 3px;}
#breadcrumb li:first-child {background:none}

  #wrapper {background: url(../images/sh3.png) no-repeat;position: relative;width: 960px; margin: 0 auto 0 auto;}
  
 #hdr {width: 901px;height: 171px;background: url(../images/hdr-trans-2.jpg) no-repeat 1px 68px;margin:  0 31px 0 27px;padding-bottom: 70px;}


  	h1 span {	position:absolute;text-indent: -9000px;}
  	h1#logo {position:absolute;z-index: 3000;background: url(../images/logo-trans.png) no-repeat;width: 255px;height: 155px;left: 380px;margin-top:20px;}
  	
  	
  	.home {margin-top: 280px!important;margin-bottom: 25px!important;background: #fff;}
  	.home h2 {font: .8em Arial, Helvetica, Geneva, sans-serif!important;font-weight: normal;color:  #515151!important;padding: 15px 10px!important;}
  	#content {clear: both;width: auto;margin:15px 50px 0 48px;}
  	#content p {padding-top: 5px ;padding-bottom: 10px;line-height: 1.5em;}


  #left {float: left;width:  65%;margin-left:25px; margin-top: 25px;}

.padding {padding: 10px!important;}
  
 .fleft {float: left; margin-right: 20px;border: 3px solid #F0EEE4;padding: 2px;color: #ff607c;}

 .callout3 {width: 28%;background: #fff; padding: 5px 15px;color: #593534;border: 2px solid #F0EEE4;margin-bottom: 15px;margin-top: 10px; margin-left: -3px;}
 
 
 .callout2 {width: 25%;background: #fff; padding: 5px 15px;color: #593534;border: 2px solid #F0EEE4;margin-bottom: 15px; margin-left: -3px;}
 

 .callout {width: 85%;background: #fff; padding: 5px 15px; border: 2px solid #F0EEE4;margin-bottom: 15px; margin-left: -3px;color: #593534;}
 
 .floatbox  {float: left;width: 68%;background: #fff; padding: 20px 25px; border: 2px solid #F0EEE4; margin-bottom: 15px;}

.green strong {color: #6c932f!important; background: #f8f8f2;font-size: 1em;font-style: normal;;}
.floatbox h3 {padding-top: 10px;}
.floatbox h4 {padding-top: 20px;font-size: .9em;}

 

 /* @group Menu */
ul#menu{width: 99%;margin-right: 0px;float:left;margin-top: 195px;margin-left: 2px;
}
ul#menu ul {margin-right: 0;float: left;width: 100%;}
#menu li {color:#000;float: left;}
#menu li a {color:#010101;font-size:0.85em;float: left;line-height: 1em;padding:14px 15px 8px 15px;border-right: 1px solid #C2A051;}




#menu li a:hover {text-decoration: none;color: #b78a2c;background: url(../images/hover1-trans.png) no-repeat center top;}

 #menu li.active a,  #menu a:focus {background: url(../images/hover1-trans.png) no-repeat center top;color: #252525;font-weight: bold;}
 
 
 
.promo2 {float:right;margin-top:15px;width: 195px;}
/* @end */
.promo {float: left;clear: both;}
.promo img {display: block;margin-left: 0px;}

/* index page */
/* temp arrangment for columns placement */
#c1 {width: 95%!important;margin-left: 25px!important;}
#c2 {width: 58%!important;margin-left: 28px!important;}

.promo span {position: absolute;margin-top:195px;}

p.promo {position: absolute;width: 752px;margin-top: 0;margin-left: 15px;font-size: 0.9em;color: #222;z-index: 10000;}
p.promo em {color: #731014;padding-bottom: 0;display: block;font: 1.6em Georgia, "Times New Roman", Times, serif;}

/*.floatbox p.promo {margin-left: 5px;overflow: hidden;clear: both;float: left;position: relative;border: 0;}*/

#content_btm {width: 890px;margin: 0px 23px 0 35px;background: url(../images/contentbg-y1.png) repeat-y;}
#content ul.list {width: 30%;float: left; margin: 20px 0 20px 25px;}

#content ul.list3 {width:41%!important}

#content ul.promo {width: 32%;float: left;border: 1px solid #f8f8f2; margin: 20px 5px 20px 10px;height:  360px;}

#content ul.list li, #content ul.list2 li {padding: 5px 6px ;border-bottom: 1px solid #f8f8f8;background: url(../images/tick-icon.png) no-repeat left 10px;font-size: .95em;
padding-left: 22px;}

#content h2 {font-size: 1.2em;padding: 0 0 15px 5px;color: #151515;}


#content h2 span{font-size: .9em;}

#content ul.list2 {width: 95%;border: 1px solid #fff; margin: 10px 5px 20px 20px;clear: right;}
.promo2 {float: right;width: 211px;height: 216px;margin-top: -15px;}
 ul.list2 em {color: #6a4632;} 
   .rightcol {float: left;width: 25%;margin-left:10px;}
   .rightcol h3 {padding-top: 0px;padding-left: 0;}
   .rightcol h3 a, h3.new-classes  {color:  #b57b09;padding-bottom: 5px;padding-left: 5px;}
   
   .home .rightcol h3 a {padding-left: 0;}
  .col {float:left;width: 24%;margin: 0 3px 5px 10px;}

/* kid's corner page */
ol.kids_corner {padding-top: 10px; margin: 0;}
ol.kids_corner li {
	padding: 4px 0px 4px 2px;
	border-bottom: 1px dotted #e7e9d0;
	list-style: decimal;margin-left: 20px;margin-right: 0;
	line-height: 1.45em; }


/* Hompage address */
  .promo3 {float: left;width: 220px;}
ul#homelist {width: 250px;overflow: hidden;margin-left: 10px;position: relative;z-index: 100000;}

#homelist {margin-bottom: 10px;}
#homelist dt, #homelist li {padding-bottom: 5px;}
#homelist dd.gcal {margin-top: 15px;}
.new-class dt, .new-class dd {background-image: none!important;padding-left: 5px!important;}
.new-class dt {font-weight: bold;margin-bottom: 10px;margin-top: 15px;}
#homelist li a,
#homelist dd a, #homelist dt a {border-bottom: 1px solid #f8f8f8;}
#homelist li a,
 .new-class dd, 
#homelist dd a, #homelist dt a {display: block;padding-left: 20px; padding-right: 0;background: url(../images/icon_dot.gif) no-repeat left 6px;  font-size: .9em;}

 .new-class dd {line-height: 1.35em;}
.new-class dd br  {margin-bottom: 15px;}
#homelist li a:hover,
#homelist dd a:hover, #homelist dt a:hover {background: #f8f8f2 url(../images/icon_dot_hover.gif) no-repeat left 6px;color: #212121;text-decoration: none;}


  .col1 {float:left;width: 23%;margin: -8px 20px 5px -10px;text-align: center;}
  .col2 {float: left;width: 115px;margin: 0 5px 5px 5px; }
  

  dl#clubhours {float: left;width: 25%;margin-right: 25px;}
  dl#address {float: left;width: 26%;margin-left: 32px;margin-right: 10px;}
  
  .col dl.address {margin: 10px 0 15px 9px;}
  .col dl {margin: 5px 4px;line-height: 1.2em;}
  .col dl span{display: block;font-weight: bold;}
.col dd {font-size: .85em; padding: 1px 0;color: #212121;}
  .col dd strong {font-weight: bold;}
 .added {padding: 20px 0;margin-top: 20px;}
 .ptop {margin-top: 15px;}
 .col p {padding-bottom: 5px!important;}
 .col li {padding-bottom: 8px;line-height: 1.4em;}

  .col dt,  dl#address dt,  dl#clubhours dt {font-weight: bold;font-size: .9em;padding-bottom: 3px;color: #b57b09;}
  

  
 
.callout dt {color: #b57b09;}
.callout dd {border-bottom: 1px dotted #ddd}
  dl#address dd,   dl#clubhours dd {font-size: .9em;}

/* h3 tabs */
#content h3 {margin-top: 0;padding-bottom: 10px;}
#content h3, #content h4  {padding-bottom: 10px;font-size: 1.1em;}
#content h5 {font-size: 0.95em;padding-top: 10px;padding-bottom: 10px;}
#legend  {background: #f8f8f2;width: 100%;padding-left: 3px;}
#legend li {display: inline;padding: 2px;
font-size: .8em;}
#legend strong {color: #346bb4;font: bold 1.05em Georgia, "Times New Roman", Times, serif;}


.ftr_home {background-position: -3px -6px!important;}
#footer {clear:both;width:960px;background: url(../images/ftr-trans.jpg) no-repeat -3px -6px;height: 150px;color: #dbc89d;margin: 0 auto;font-size:0.85em;letter-spacing: 1px;}

div.footerleft {margin: 20px 0 10px 55px;float: left;width: 60%;}

/* class schedule page */

div.footerleft p {font-size: .8em;padding-left: 5px}
#footer ul {padding: 0 10px 2px 0}
#footer li {display:inline;}
#footer li a {padding:1px 6px 2px 3px;font-size: .85em;border-right: 1px dotted #a1733c;color: #151515;}




#footer p a {background: #f2f2f8;padding: 2px;opacity: 0.54;}
#footer p a:hover {color: #151515;text-decoration: none;}
#footer p.membership {padding-bottom: 1px;float: right;width: 24%;margin-top: 20px;margin-right: 20px;font-size: .8em;color: #222;}
#footer p.copyrights {text-align: left;}
#footer p img {margin: 5px 5px 0 0;}


#footer li a:hover {text-decoration:underline; }
#footer li img {border: none;}
#gotop {float: right;}
/* @end */li

/* @group programs */


.vertical_accordion_toggle {
			display: block;
			width: 150px;
			background: #a9d06a;
			cursor: pointer;
			margin: 0;
		}

.vertical_accordion_toggle a {font: bold 1.25em Arial, Helvetica, Geneva, sans-serif;color: #77834f;	background-color: #f8f8f2;display:  block;	padding: 5px 10px;border-bottom: 1px solid #fff;}

.vertical_accordion_content {
				overflow: hidden;
			padding:2px 5px 15px 5px;
			margin-left: 1px;
			overflow: hidden;width: 100%
		}

.vertical_accordion_content  ul {margin-top:10px;}
.vertical_accordion_content  ul li a {display: block;padding-left: 15px; padding-right: 0;background: url(../images/icon_dot.gif) no-repeat left 2px;font-size: .9em!important;width:160px!important;line-height: 1.4em;padding-top: 0;}
.vertical_accordion_content  ul li a:hover {background: #f8f8f2 url(../images/icon_dot_hover.gif) no-repeat left 2px;color: #212121;text-decoration: none;}

#member-story {width: 99%!important; margin-left: 10px;margin-bottom: 25px;}
#member-story dt {margin: 0px 0 5px 0;}
#member-story dd {margin-top: 5px;border-bottom:none!important;}
#member-story dt.second {margin-top: 15px;}

#prg_right dd{padding: 3px 0;}
dl.programs {margin: 15px 20px;float: left;width: 40%;}
dl.programs dt {font-weight: bold;}
dl.programs dd {font-size: .9em!important;}
dl.programs dd a {display: block;padding-left: 20px; padding-right: 0;background: url(../images/icon_dot.gif) no-repeat left 6px; }
dl.programs dd a:hover {background: #f8f8f2 url(../images/icon_dot_hover.gif) no-repeat left 6px;color: #212121;text-decoration: none;}


.floatbox dt, #prg_right dt {padding-bottom: 1px;font-size: 0.9em;border-bottom: 1px dotted #e7e9d0;color: #77834f; margin-bottom: 5px;}
.floatbox dl dt dd:first-child {padding-top: 50px;}
.floatbox dd {padding: 1px;font-size: .85em;border-bottom: #f8f8f8 solid 1px;}

/* @end */

/* Sitemap style
  -----------------------------------*/

ul.LSM_0 li a:hover {background: #f8f8f2 url(../images/icon_dot_hover.gif) no-repeat left 6px;color: #212121;text-decoration: none;}

ul.LSM_0 li a {display: block;padding-left: 20px; padding-right: 0;background: url(../images/icon_dot.gif) no-repeat left 6px;border-bottom: 1px solid #f8f8f8}
ul.LSM_0 {margin-left: 5px;}
.LSM_unpubLI span {margin-left: 15px;background: #f8f8f2}
ul.LSM_0 ul {border-bottom: 1px solid #f8f8f8;margin-left: 25px;font-size: 1.05em;}


/* glider - personal trainers
================================================*/

#glider {float: left;width: 71%;background: #fff; padding: 20px 10px 25px 10px; border: 2px solid #F0EEE4; margin-bottom:10px;}
div.scroller {width: 480px;	height: 490px;overflow: hidden;float: left;margin-left: 15px;}
div.scroller div.content {width: 400px;}

.controls {float:left;width:110px;margin-left: 5px;
height:470px;background: #f8f8f2 url(../images/line.jpg) repeat-y right top;}

#glider .controls img {
padding:0px;float: left;
margin:1px 0 0px 1px;}

/* for personal trainers */
dl.trainer {width:470px;height:470px;padding-right: 10px;overflow:auto;padding-bottom: 35px;}
dl.trainer dt img {display: block;}
dl.trainer dt {font-weight: bold;color: #4c5f41;font-size: .95em;border-bottom: none;}
dl.trainer dt span {color: #322a28;font-size: .9em;}
dl.trainer strong {font-weight:bold;color:#313131;}
dl.trainer dd {padding: 4px 0!important;border: none!important;font-size: .85em!important;line-height: 1.55em;}
dl.trainer dt.snapshot {float:right; width:157px; margin-left: 20px;}


/* prototype accordian
===================== */

/* club benefits - jquery accordion */


dl#club_benefits {width: 100%!important;clear: right;}
dl#club_benefits dt a {font-size: .9em;background: #f8f8f8;display: block;padding: 2px 0;color: #77834f;}

#controls_pt {float:left;width:172px!important;margin-left: 1px!important;
height:auto!important;}



	
dl#p_training dt {display: block;line-height: 2em;
			width: 585px;background: url(../images/accordion_bg.jpg) repeat-x left bottom;	}	
			
dl#p_training dt a, 
dl#p_training dt a.current	{background: url(../images/accordion_active_bg.jpg) repeat-x left bottom;font-size: 1.1em;padding-left: 15px;font-weight: bold;}

dl#p_training dd {clear: both;
			width: 560px;
			overflow: hidden;
			padding:2px 5px 15px 15px}
			dl#p_training dd p {font-size: 1.1em;line-height: 1.6em;}
 
	dl#p_training dt a:hover,
	dl#p_training dt a:focus{     display: block;     color: #212121;text-decoration: none;} 
 


/* pilates instructors */ 	
		    
dl.instructor {width: 350px;margin:0;padding: 10px 0 0 0;min-height:  260px;overflow: hidden;}

dt.trainer {font-weight: bold;color: #4c5f41;font-size: .95em;border-bottom: 1px dotted #EDEAD8;padding: 5px!important;margin: 0 5px;overflow: hidden;display: block;}
dl.instructor strong {font-weight:bold;color:#313131;}
dl.instructor dd {padding: 4px 25px 15px 5px!important;border: none!important;font-size: .85em!important;line-height: 1.55em;color: #2c3031;}


/*
Marinersq.com
for classes and schedules
*/

table {
	width: 98%;
	border-spacing:1px;
	background:#E7E7E7;
	color: #333;font-size: .85em;
		margin: 10px 0 20px 0;
}
thead th { width: 24%;text-align: left;
	background: #F8f8f2;
	padding: 5px 8px;
	border: 1px solid #F8f8f2;
}
tr{padding: 8px;background:#fff; }
td {padding: 5px 8px;vertical-align: top; line-height: 1.5em;}

td.title, table#file_download th {
		background: url(../images/accordion_bg.jpg) left bottom repeat-x; font-weight: bold; }
		
		/* File download page
============================================= */
table#file_download {background: #f8f8f2;}




td.row1, td.row2, td.row3{background: url(../images/accordion_bg.jpg) left bottom repeat; padding: 8px;border-top: 1px solid #fbfbf2;
font-weight: bold;}

#calendar {float: left;width: 93%}

/* Class Etiquette border-left: 1px solid #c48744
============================================================*/
 #calendar h3 {padding-top: 15px;}
 #calendar  ol {padding: 5px 0;}
	#calendar  ol li {
	padding: 3px 8px 5px 2px;
	border-bottom: 1px dotted #e7e9d0;color: #454c2e; 
	list-style: decimal;margin-left: 25px;margin-right: 10px;
	line-height: 1.3em;}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/* prototype accordian
===================== */
/* prototype accordian
===================== */

 #vertical_container p {padding-bottom: 0;}
		.accordion_toggle {padding: 0 10px 0 10px;
			display: block;line-height: 1.7em;
			width: 565px;	height: 22px;		margin: 0;
			
			background: url(../images/accordion_bg.jpg) repeat-x left bottom;	
					}
		
	
.vertical_accordion_toggle_active, 
		.accordion_toggle_active {
				
			background: url(../images/accordion_active_bg.jpg) repeat-x left bottom;
		
		}
		
		.accordion_content {/*clear: both;*/
			width: 570px;
			overflow: hidden;
			padding:2px 5px 15px 5px
		}
			
		
			
			.accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}

		   
		.accordion_toggle a:hover,
		.accordion_toggle a:focus{    color: #313131;text-decoration: none;}
		
			
		  .accordion_toggle a { font-size: .9em;}
				
			
	 .accordion_content dl {border: 2px solid #F0EEE4;padding: 5px 10px;color: #c76a00;}		
.springboard {width: 42%;margin: 15px 15px 15px 0;}
 .accordion_content dt {font-weight: bold;}  
.matclass {float: left;width: 95%;margin: 15px 0;}   


  .fright {float: right;margin-left: 15px;width: 27%!important;margin-top: 15px;}
 /*
					Horizontal Accordion
				*/

.horizontal_accordion_toggle {
		float: left;	/* This make sure it stays horizontal */
		display: block;height: 240px;
		width: 52px;
		background: url(../images/instructor_bg.jpg) left top no-repeat;     
		margin-left:0;	}
		
	
					
.horizontal_accordion_toggle_active,
.horizontal_accordion_toggle a:hover,
.horizontal_accordion_toggle a:focus {
background: url(../images/instructor_bg_active.jpg) left top no-repeat;   		 border-bottom: 5px solid #e0dcba;	}

				

				.horizontal_accordion_content {
					/* REQUIRED */
					height:340px;	/* We need to define a height for the accordion as it stretches the width */
					float: left;	/* This make sure it stays horizontal */
					/* REQUIRED */
                    overflow: hidden; width: 350px!important;
					background: #fff;margin: 0;display: block;
				border-bottom: 2px solid #F2EEDC;
					border-top: 2px solid #F2EEDC;border-right: 2px solid #F2EEDC;
				}

					.horizontal_accordion_content p {
					  padding: 5px 10px 15px 10px;
					}


		    /* Container styling*/
		    #horizontal_container {
		      margin:15px 5px 0 5px ;
		      width: 560px;   
		      height: 290px; 
		    }



/* keyboard navigation
=============================== */
#footer a:focus{background: #f8f8f8;}
#breadcrumb li a:focus {background: #ddd;}

.controls a:focus {background: #fc3;}
.accordion_toggle a:focus {background: #fff ;border: 2px solid #eae4cd;}
.vertical_accordion_content  ul li a:focus  {background: #f8f8f2 url(../images/icon_dot_hover.gif) no-repeat left 2px;}