/* Aqua Tech Swim School aquatechswimschool.com
 	by tgp at lotusseedsdesign.com
 	cretead date: July 8, 2009
 	latest update: january 8, 2010 */
 
   /*sea blue: #599CB5
   ocen blue #00395C
   orange :#F77200
   gray: #A3A7A6*/
  /*reset and shared elements 
  ====================================================*/
@import url(css3-support.css);

h2, h3, h4, h5, h6 {color: #005380;font-size: 1.2em;}
  * {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, .accordion li a {font-family: Constantia, Big Carlon, Palatino, Bistream Charter, Georgia, serif}
  ul, ol, li {list-style: none;}

  strong {color: #282828;}
  p, li {font-size: .95em;}
  p {padding-bottom: 8px;line-height: 1.4em;}
 
  a {text-decoration: none; color: #F77200;} 
  a:hover {color: #005380}
  .clear {clear: both;height: 0;line-height: 0;} 
  img {border: none;}

  span.block {display: block;text-decoration: underline;}
 
 
  body { background: #385B83 url(../images/body_bg.png) repeat-x left -50px; color: #000;font: 100.1%/1.4em Cambria, "Times New Roman";} 
  
#outterwrapper {width: 920px; margin: 15px auto 0 auto;overflow: hidden;clear: both;background: transparent url(../images/container-shadow.png) no-repeat 2px top;} 




  #wrapper {width: 900px; margin:0 auto;overflow: hidden;clear: both;background:#B9D8EF;position: relative}
  
    	#content {width: 900px;background: #fff url(../images/content_bgtop.png) no-repeat 0 top;overflow: hidden;clear: both;}

    	#content-ctr{width: 900px; background: transparent url(../images/content_bgctr.png) repeat-y 0 center;overflow: hidden;clear: both;}

#content-btm{width: 900px;background: transparent url(../images/content_bgbtm1.png) no-repeat 0 bottom;margin-top: -8px; height: 19px;position: absolute;}

  
 #hdr {width:878px;clear: both;overflow: hidden;padding: 10px 5px 0 5px;margin: 5px auto 0 auto;}
 

 

.alameda #hdr h1#logo {background:  url(../images/aqua_logo.jpg) no-repeat;width:167px;height: 170px;margin: 15px auto; text-align: center;}
 .concord #hdr h1#logo {background:  url(../images/aqua_logo.jpg) no-repeat;width:167px;height: 170px;margin: 15px auto; text-align: center;}

#innerpage #hdr .h1left{background:#015581}

 #hdr .h1left{width: 24%;float: left;/*border: 1px solid #B9D8EF*/;height: 199px;margin-left: 10px;padding: 3px;background:#015581}
  	h1 span {	position:absolute;text-indent: -9000px;}
  	h1#logo {background:  url(../images/aqua_logo.jpg) no-repeat;width:167px;height: 134px;margin: 15px auto; text-align: center;}
  	
  	
  	  	h1#logo {background:  url(../images/aqua_logo.jpg) no-repeat;width:167px;height: 134px;margin: 15px auto; text-align: center;}
  	
   #main #left h1#logo-main {background:  url(../images/logo-main.jpg) no-repeat;width:220px;height: 209px;margin-left: 10px;; text-align: center;float: left;}

  #left  .h1left 	{width: 90%;height: 169px;margin-top: 28px;margin-left: 10px;display: block;overflow: hidden;}

.alameda #left  .h1left,
.concord #left  .h1left  	{background: #fff;border: 0;}

 
#content .fleft {float: left;margin-right: 15px;margin-bottom: 5px;margin-top: 10px;border: 1px solid #ededed;}

#content .fright {float: right;margin-left: 15px;margin-bottom: 5px;margin-top: 10px;border: 1px solid #ededed;}


#left, #right, #rightcol, #midcontent {margin-top:15px;}

#left {float:left;padding-left:10px;}
#right {float:right;padding-right:10px;}
#midcontent{float: left;padding-left: 5px;padding-right:5px;}
#rightcol{float: left;padding-right: 10px;padding-left:5px;}
#innerpage #left{width: 23%;margin-top:0;}
#innerpage #right{width: 23%;margin-top:0;}
#innerpage #midcontent {width:48%;padding-bottom:15px;padding-right: 10px;margin-left: 10px;}
#innerpage #rightcol {width:71%;padding-bottom:15px;padding-right: 10px;margin-left: 10px;}
#innerpage #midcontent h2, #innerpage #rightcol h2 {padding-bottom: 15px;text-transform: uppercase;}

#home #left {width: 21%;float: left;padding-left: 19px}
#home #right {width: 21%;float: right;padding-right: 19px}
  #home #midcontent {width:48%;float: left;margin-left: 15px;margin-right:15px;padding-right: 0;}
  #home #rightcol {width:73%;float: left;margin-left: 15px;padding-right: 0;}

#rightcol .floatbox {min-height: 6em;}

.floatbox {width: 43%;float: right;margin-right:10px; background: #F3F9FB ;min-height: 11em;margin-bottom: 15px;}


.floatbox h3 {padding-top: 10px;}
.floatbox h4 {padding-top: 20px;font-size: .9em;}

.floatbox dt {font-weight: bold;margin-bottom:2px; }
.floatbox dd {margin-bottom:10px;line-height: 1.3em;}


 blockquote {margin-bottom:6px;padding-top:5px;border-top: 1px dotted #CFEBFF;background: transparent url(../images/gradient-bg1.png) repeat-x center -340px;}


#content ul.list {float: left; margin: 0 0 20px 0;}

#content ul.list li, #content ul.list2 li {padding: 3px 0 3px 20px;background: url(../images/separator-orange.png) no-repeat 5px 12px;font-size: .95em;margin-right: 30px;color: #00395C;border-bottom: 1px dotted #CFEBFF;}




	.inner_wrap {background: transparent url(../images/gradient-bg1.png) repeat-x center -250px; border: 1px solid #CFEBFF;padding: 0 15px 20px 10px;margin: 10px 25px 15px 0;display: block;overflow: hidden;clear: both;}

	.inner_wrap dl {margin-left: 10px;}
#content dl.twocol {float: left;width: 45%;margin-right: 15px;}
#content dt {font-weight: bold;border-bottom: 1px dotted #CFEBFF;color: #00395C;margin-top: 10px;}


#content dd {padding-bottom: 5px;}


#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 h3 {padding-top: 0px;}
   .rightcol h3 a, h3.new-classes  {color:#F77200;padding-bottom: 5px;padding-left: 5px;}
  .col {float:left;width: 24%;margin: 0 3px 5px 10px;}

  
  
 /*address, office hours and schools hours*/
.ctn_btm {clear: both;width: auto;display: block;overflow: hidden;padding: 12px 5px 5px 0 ;background: url(../images/ctn_btm.png) no-repeat 0 bottom;}

.ctn_top {margin-top: 15px;clear: both;width: auto;display: block;overflow: hidden;padding: 12px 5px 5px 0 ;background: url(../images/ctn_top.png) no-repeat 0 top}



.ctn_btm dl {float: left;
margin: 10px 5px 10px 5px;overflow: hidden;}
#main #ctn_btm dl.school dt,
.ctn_btm dt {color: #005380;background: url(../images/decor-bg.png) no-repeat center bottom;text-align: center;padding-bottom: 5px;text-transform: uppercase;font: bold .75em "Lucida Grande", Lucida, Verdana, sans-serif;margin-bottom: 5px;}
  dl#clubhours  {width: 30%;border-right: 1px dotted #B9D8EF;;border-left: 1px dotted #B9D8EF; padding-left: 25px;padding-right: 25px;;}
 dl#officehours{width: 26%; text-align:center;}
 dl#address1 {width: 32%; margin-left: 10px; text-align:center;}
 
  .ctn_btm dl dd {font: 12px/1.65em "Lucida Grande", Lucida, Verdana, sans-serif;padding-bottom: 2px;}
  
  
  
  /*homepage - 3 schools, added in May 10
  ++++++++++++++++++++++++++++++++++++++++++++++++++*/
  
     
 /*address, office hours and schools hours*/
.ctn_btm {clear: both;width: auto;padding: 12px 5px 25px 0 ;background: url(../images/ctn_btm.png) no-repeat 0 bottom;}

.ctn_top {margin-top: 10px;clear: both;width: auto;display: block;overflow: hidden;padding: 12px 5px 15px 0 ;background: url(../images/ctn_top.png) no-repeat 0 top; }

#main #content-btm{height: 0px;}
#main #c-ctr1 {background: url(../images/organge-bg.png) no-repeat 5px top;margin-top: -10px;margin-bottom: -18px;overflow: hidden;padding-top: 15px}
#main #rightcol p{padding-right: 35px;padding-left: 15px;padding-bottom: 15px;}
#main #rightcol p:last-child {padding-bottom: 25px;}

#main .ctn_top,
#main #ctn_btm {background-image: none;}
#main #rightcol {width:68%;padding-bottom:15px;padding-right: 10px;margin-left: 30px;}

#hdr-main-home {width:910px;clear: both;overflow: hidden;padding: 10px 5px 0 5px;margin: 0 ;background: url(../images/banner-top.png) repeat-x; height:30px;}


/*alternate layout* - added on 6/1/2010 */
#hdr-main-home-alt {width:910px;clear: both;overflow: hidden;padding: 10px 5px 0 5px;margin: 0 ;background: url(../images/banner-top-alt.png) repeat-x; height:30px;}
#content-middle-alt {padding:5px 10px;background:  url(../images/banner-btm-alt.png) repeat-x center bottom;overflow: hidden;clear: both;height: 35px;margin-top: -18px;}

#main #c-ctr1-alt {background: url(../images/organge-bg.png) no-repeat 5px top;margin-top: -10px;margin-bottom: -28px;overflow: hidden;}

#content-middle-alt p.our-story{background: url(../images/icon-next.gif) no-repeat right 7px;font-size: 16px;text-shadow: 1px 1px 1px #ededed;padding-right: 25px!important;text-align: right;margin-top: 9px;}


#ctn_top-alt {margin-top:0!important }
#main #ctn_top-alt  #ctn_btm dl.school {float: left;
width: 27%;border: 3px solid #8CB0CE!important;padding: 10px;height: 12em!important;background:  url(../images/bg-blue.png) repeat-x center top;overflow: hidden;margin: 10px 0 0 25px;}

/*===============================================end*/


p.our-story{background: url(../images/icon-next.gif) no-repeat right 7px;font-size: 16px;text-shadow: 1px 1px 1px #ededed;padding-right: 25px!important;}

#main #ctn_btm dl.school  dt {font-size: 18px;background-image: none;margin-top: 10px;text-shadow: 1px 1px 1px #ddd;}

#main #ctn_btm dl.school dd {text-align: center;padding-bottom: 5px;}
.content-middle {padding:5px 10px;background:  url(../images/banner-btm.png) repeat-x center bottom;overflow: hidden;clear: both;height: 40px;margin-top: -12px;}

#main #ctn_btm .first {margin-left: 25px;}

.content-middle p {text-align: right;padding-right: 10px;}

#main #ctn_btm dl.school {float: left;
width: 28%;border: 3px solid #8CB0CE!important;padding: 10px;height: 12em!important;background:  url(../images/bg-blue.png) repeat-x center top;overflow: hidden;margin: 35px 0 0 25px;}
#main #ctn_btm dl#concord {margin-left: 24px;}
#main #ctn_btm dl#socialmedia {float: right;width: 25%; margin-right: 20px;margin-left: 0;}
#main #ctn_btm dl#socialmedia dd {text-align: left;margin-left: 58px;padding-bottom: 8px;}
#main #ctn_btm dl#socialmedia dd:hover{opacity: 0.83;}
#socialmedia dd#twitter{background-position: 0 0;}
#socialmedia dd#facebook {background-position: 0 -81px}
#socialmedia dd#wpblog{background-position: 0 -40px}

#socialmedia {text-align: left;}
#socialmedia dd {text-align: left;background: url(../images/icon-socialmedia.png) no-repeat 15px 0; padding-left: 35px;padding-bottom: 4px;margin-top: 10px;}

#socialmedia dd a {font-size: 15px;}

#placeholder {margin: 15px 5px 10px 25px;background: #ededed;min-height: 10em;;padding: 15px;}
  



/* 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;}

/*homepage*/
#homelist {padding: 10px;}
 #home #left #newsupdate {margin-left: 0;}
#newsupdate {margin: 40px 10px;background: url(../images/latestnewsBG2.png) no-repeat left top;}
#newsupdate h2 {font-size:.95em;color: #005380;background: url(../images/latestnewsBG.png) no-repeat left center; text-align: center;padding-left: 0;}
#newsupdate h3 {color:#005380!important;padding-bottom: 5px;font-size: 14px!important;}
/*horizontal menu
----------------------------------------------------*/

#menu {width: 888px;display: block;overflow: hidden;background: #fff;margin-top: 12px;margin-left: 6px;border-bottom:5px solid #E7F3F8;}

#menu  ul{height: 28px;margin-left: 15px;}
/*1st level menu*/
#menu li {float: left;display: block;}
#a a {display: block;float: left;background:url(../images/menubar.png) repeat left bottom;margin-right: 1px;margin-top: 3px;color: #00395C;text-align: center;padding: 8px 9px 6px 9px;text-transform: uppercase;width: 80px;font:bold .85em  "Lucida Grande", Lucida, Verdana, sans-serif;}

/* My Comment */
#a a:hover,
#a li a:focus
   {display: block;text-decoration: none;color:#F77200;background: url(../images/bg.jpg) repeat -150px 0}


#menu li.active a{background: url(../images/bg.jpg) repeat center -8px!important; color:#F77200!important;}

	

#m4 a, #m76 a {width: 116px!important;}
#m6 a, #m83 a {width: 112px!important;}



/*submenu - child documents*/
#submenu {margin: 25px 0 15px 10px;}
#submenu li {margin-bottom: 5px;padding:2px 0 5px 0;}
#submenu li a {font:bold .8em "Lucida Grande", Lucida, Verdana, sans-serif;padding-bottom: 5px; border-bottom: 1px solid #E2F0F6;display: block;
background:transparent url(../images/icon-fish.png) no-repeat left 6px; padding-left: 23px;text-transform: uppercase}

#submenu li a:hover {background-position: -21px -55px;text-decoration: none;color: #00395C}
/* class schedule page */


#footer {clear:both;width:901px;color: #ACCCE5;letter-spacing: 1px;margin: 0 auto;font: 11px Arial, sans-serif;background:transparent url(../images/ftr-bg.png) no-repeat left 0;padding-top: 10px; }

#footer li {display:inline;}
#footer li a {padding:0 6px 0 4px;border-right: 1px solid #7298BA;color: #000;line-height: 0.5;}
#footer p.companyinfo {display: block;padding-left: 5px;padding-top: 5px;}

a.external {color: #9aadba;}

#footer p a {color: #151515;}
a.external:hover,
#footer a:hover {color: #151515;text-decoration:underline;}

#footer p.copyrights {float: right;}
#footer p img {margin: 5px 5px 0 0;}



#footer li img {border: none;}

/* @end */

/* Sitemap style
  -----------------------------------*/
ul.LSM_0 li {padding-bottom: 5px;}
ul.LSM_0 li a:hover {background:  #F3F9FB url(../images/separator.gif) no-repeat -3px 9px;color: #212121;text-decoration: none;}

ul.LSM_0 li a {display: block;padding-left: 10px; padding-right: 0;background: url(../images/separator.png) no-repeat 0 10px;}
ul.LSM_0 {margin-left: 5px;}
.LSM_unpubLI span {margin-left: 15px;background: #f8f8f2}
ul.LSM_0 ul {margin-left: 25px;font-size: 1.05em;}


/*wordpress blog listing*/
#home #left h3 {margin-top: 20px;margin-right: 10px;margin-bottom: 5px;text-transform: uppercase;font-size: .85em;padding-bottom: 0;border-bottom: 1px solid #CFEBFF;background:url(../images/ctn_btm.png) no-repeat center 75%;text-align: center;}


#home #left h4 {font-size: 1em;padding-bottom: 3px;text-transform: capitalize;}
#home #left h4 a:hover {color: #F77200!important;}
#home #left p {padding:0}
#home #left ul {margin-right: 10px;margin-left: 5px;}
#home #left ul li{background: transparent url(../images/gradient-bg1.png) repeat-x center bottom; overflow: hidden;}


#home #left span.date {display: block;clear: both;font-size: 12px;color:  #599CB5;padding-bottom: 10px;}

	
	
	
	
	
	/*  Homepage
**************************************** */

			
.floatbox {	-moz-border-radius: 15px;
	-webkit-border-radius: 5px;
	border-radius: 5px}
	
	
	
	
	#tab{margin:10px 0 10px 0;width: 100%;}

    .ui-tabs-hide { display: none; }
   
ul#tabnav {display: block;background:url(../images/ctn_btm.png) no-repeat center 75%;}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}


.ui-tabs-nav {  padding: 0}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li { float: left;min-width: 100px; /* be nice to Opera */}

.ui-tabs-nav a, .ui-tabs-nav a span {display: block;}
.ui-tabs-nav li a {
/*position: relative   ; makes opacity fail for disabled tab in IE */ padding: 6px 10px 3px 10px;border: 1px solid #B9D8EF;border-bottom: 0;/*border-right: 1px solid #daedf8;*/ color: #333;background:url(../images/ctn_btm.png) no-repeat center 85%;
     text-align: center;margin-right: 2px;
    text-decoration: none;
    white-space: nowrap;text-transform: capitalize;font: bold 0.8em "Tahoma", Arial, Helvetica, Geneva, sans-serif;}
.ui-tabs-nav li a h2 {color: #fff;font: bold 0.9em "Tahoma", Arial, Helvetica, Geneva, sans-serif;}

.ui-tabs-nav li:first-child a {margin-left: 15px;}

.ui-tabs-nav .ui-tabs-selected a,
.ui-tabs-nav a:focus,
.ui-tabs-nav a:hover {
    position: relative; 
        z-index: 2;
    color: #ccc;}

.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
 .ui-tabs-nav a:hover, .ui-tabs-nav .ui-tabs-selected a , .ui-tabs-nav a:focus, .ui-tabs-nav a:active{border: 1px solid #F77200;
background:#F77200 ;text-decoration: none;color: #fff;border-right: 0;}


 .ui-tabs-disabled { opacity: .4;}
    

.ui-tabs-panel { padding:15px 12px 15px 20px;overflow: hidden;clear: both;background: #F3F9FB url(../images/bg-blue.png) repeat-x center bottom;min-height:18em;}


.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: #fff url(../images/base_images/opc-ajax-loader.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}	




.accordion {margin: 0 0 30px; overflow: hidden; }


	.accordion ul { float: left; display: block; width: 100%;border-top: 1px dotted #B9D8EF }
	.accordion li { background:url(../images/menubar.png) repeat left top; cursor: pointer;float: left; display: block; width: 100%;border-bottom: 1px dotted #B9D8EF;}
	
		.accordion li:hover { background:url(../images/menubar.png) repeat left 95%;border-top: 1px solid #E7F3F8;}
		
		
		
	.accordion li.active>a { background:  #CFEBFF url('../images/icon-close.png') no-repeat center right; color:#F77200 }
	.accordion li div { padding:15px  20px; background: #F3F9FB url(../images/bg-blue.png) repeat-x center bottom;display: block; clear: both; width: 95%; }
	.accordion a { font-size: 1em; color:#005380; line-height: 2em;padding: 0 10px; display: block; cursor: pointer; background: url('../images/icon-open.png') no-repeat center right;font-weight: bold;text-transform: uppercase;}
	
		.accordion li h3,
		.accordion li h4,
		#content .accordion li h5,
		.accordion li h6 {padding-top: 10px;font-size: 1.1em;}

	/*color: #00395C;border-bottom: 1px dotted #CFEBFF;*/
	/* Level 2 */
	.accordion li ul li { background: #fff; font-size: 0.9em; }
dl.sub dt {font-weight: bold;padding-top:5px;}
dl.sub dt dd {padding-top: 5px;}
p.lesson-desc {}
p.prices {font-weight: bold;font-size: 1.1em;}



	
 #wrapper,  #hdr{-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
-webkit-border-top-left-radius: 10px;	
-webkit-border-top-right-radius:10px;
	border-top-left-radius: 10px;
	border-top-right-radius:10px;}
 
 
#menu li a  {-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
-webkit-border-top-left-radius: 10px;	
-webkit-border-top-right-radius:10px;
	border-top-left-radius: 10px;
	border-top-right-radius:10px;}
	
	#content dl,
	.inner_wrap,
	#content-btm,
	.ui-tabs-panel,
	ul#tabnav{-moz-border-radius: 10px;
-webkit-border-radius: 10px;
	border-radius: 10px;}
	
	#show,
	.h1left  {-moz-border-radius:5px;
-webkit-border-radius: 5px;
	border-radius: 5px;}
	

.ui-tabs-nav li a{
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft:10px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;	
border-top-left-radius:10px;;
border-top-right-radius:10px;}

#submenu, #newsupdate {
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;	
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;}


	input, textarea  {-moz-border-radius: 5px;
-webkit-border-radius: 5px;
	border-radius: 5px;}
	
	

#breadcrumb ul  {margin-left: 0px;margin-bottom: 5px;margin-top: 5px!important;}
#breadcrumb li {display: inline; font-size: .8em;color:#00395C;padding:0 15px 0 0;background:url(../images/separator.png) no-repeat 90% 7px;}
#breadcrumb li a{color:  #A3A7A6;}
#breadcrumb li:last-child {background:none; padding-left: 0;}



/* keyboard navigation
=============================== */
#footer a:focus{background: #599CB5;text-decoration: none;}



#breadcrumb li a:focus {background: #ddd;}
p.require strong{margin-left: 20px;}
p.require strong, /*span.required,*/ .required, input.required{color: #e21!important;font-weight: bold;}

input.required {border: 1px solid #e21;}
#send:hover{background-position:left bottom; color: #222;}
/*eforms (feedback, registration forms*/
#sendbtn {margin-left:70%;margin-top: 10px;}
#send {background: transparent url(../images/buttonbg.png) repeat-x right 80%;width:13em;font-weight: bold;text-transform: uppercase;padding: 6px 0;color: #fff;letter-spacing: 1px;}
.textinput label,
.textinput input {float: left;margin-bottom: 5px; }
.textinput label {text-align: right;margin-right: 5px;}
fieldset {border: none;margin-left: 3%}

legend {padding-bottom: 10px;font-weight: bold;color: #005380;text-transform: capitalize;font-size: 1.2em;}
div.textinput {overflow: hidden;padding-bottom: 8px;clear: both;display: block;}
div.textinput label {width:30%;}
div.textinput input {width: 60%;color: #e21;}

div.textinput-full label, 
div.textinput-full input  {display: block;float: none;width: 100%;}

fieldset #alt label {width:53%;}
fieldset #alt input {width:30%;}

input, textarea {border: 1px solid #7298BA; padding: 3px;background: transparent url(../images/gradient-bg1.png) repeat-x center -270px;}
select, option {padding: 0;}
option {padding-bottom: 2px;padding-top: 2px;padding-left: 5px;line-height: 1.5em;border-bottom: 1px solid #7298BA;}

/*controls by jquery*/
fieldset  {border: 1px solid #B9D8EF; padding: 10px 15px;}
#step1 img, #step2 img {float: right;}

fieldset legend {padding: 10px;}
/*select student*/
#select {overflow: hidden; clear: both;}
			#select  li {float: left}
			#select li a{float: left; margin-right: 10px;padding-left: 10px;background:url(../images/separator.png) no-repeat 0 9px;}
	
	
	/*for baybySteps plugin	*/	
	.hidden{display: none;		}

#container {overflow: hidden;/*border:1px solid #E2F0F6;*/display: block;padding: 10px 0 5px 0;background: transparent url(../images/bg-blue.png) repeat-x center -10px;text-align: center;margin-bottom: 10px;}
#add_field {background: transparent url(../images/icon-add.png) no-repeat 25% 4px;padding-left:20px;text-transform: uppercase;}
#add_field span {font-style: italic!important;text-transform: lowercase;}
fieldset .italic {font-style: italic;font-size: .75em;;color: #555!important;}
fieldset .br {display: block;}

.errors { padding:10px 15px;overflow: hidden;clear: both;background: #F3F9FB url(../images/bg-blue.png) repeat-x center top;color: #e21;}
.errors strong { padding-left: 20px;padding-top: 0;background: #F3F9FB url(../images/error_msg_icon.gif) no-repeat left 3px;}
.errors br {line-height: 1;display: block;clear: both;}

#minus3 {margin-right: 10px;}

/*table element*/
.generic {color: #222;}
table {border: 1px solid #B9D8EF;border-collapse: collapse;}
th, td {padding: 5px;text-align: left;vertical-align: top;}
th {background: #F3F9FB url(../images/bg-blue.png) repeat-x center top; font-size: .9em;}
td, th {border:1px solid #B9D8EF ;}

.slide-wrapper {width: 620px;padding: 10px 5px 0 5px;overflow: hidden;display: block;background: url(../images/bg-blue.png) repeat-x center -10px;}


.jflow-content-slider{ width: 630px; background:  #EAF4F8;border: 5px solid #EAF4F8;}
#jFlowSlide{height: 420px;background: transparent url(../images/bg-blue.png) repeat-x center bottom;}


#myController {  padding: 10px 0 0 10px;  overflow: hidden;position: relative;height: 12em;background: #EAF4F8 url(../images/bg-blue.png) repeat-x center bottom; width: 620px;border-bottom: 0}



#myController  li span {font-size: 12px;}
#myController  li {line-height:1.2em;padding-right:5px;display: block;float: left;width: 22%;margin-right: 5px;font-size: 14px;padding-bottom: 2px;color:  #005380;line-height:1.7em}

#myController li.jFlowSelected {  background: transparent url(../images/menubar.png) repeat left center;color:#F77200}
.jFlowPrev {position: absolute;bottom: 0;
padding-left: 5px!important;}

.jFlowNext {float: right;clear: both;position: absolute;bottom: 0;right: 0;}


.jFlowNext, .jFlowPrev {text-transform: uppercase;color: #000!important;background: transparent url(../images/menubar.png) repeat left 60%;width:60px!important;opacity: 0.77;}

.jFlowNext span, .jFlowPrev span{width: 20px;}
.jFlowNext span {background: transparent url(../images/icon-next.gif) no-repeat 90% 5px!important;float: right;}
.jFlowPrev span {background: url(../images/icon-prev.gif) no-repeat 0px 5px!important; float: left;padding-right: 5px;}


.slide-thumbnail { float:left;}
.slide-thumbnail img {margin: 12px 10px 10px 15px;border: 1px solid #ddd;  width: 150px;}
.slide-details { width:380px; float:left; margin-left: 15px;margin-right:10px;padding-top: 10px;}


.jFlowControl, .jFlowPrev, .jFlowNext { color:#FFF; cursor:pointer; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; }
.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover {background: transparent url(../images/menubar.png) repeat left 35%;color:#F77200!important }

/*sheila - acc3*/
dl#narrow-by-list dt a{color:#191513;font-size: 1em;display: block;padding: 5px 5px 5px 10px;text-align:left;background: transparent url(../images/menubar.png) repeat-x left 35%;text-decoration: none;}
dl#narrow-by-list dt a:hover{text-decoration: none;}
dl#narrow-by-list dt a.selected { padding-left: 20px;}
dl#narrow-by-list dt a span { display: block;}
dl#narrow-by-list dd {font-size:.85em;background: #E3DFCE;overflow: hidden;
display: block;border-bottom: 1px solid #f4eeee;padding:10px;}
dl#narrow-by-list dd a {font-size: .9em;color:  #1a443c!important;}   
     dl#narrow-by-list a.active {     background:#fc3;      }   


#narrow-by-list {width:600px;text-align:left;}    
#narrow-by-list h2 {
	background: #e9e7e7 url(images/arrow-square.gif) no-repeat right -51px;
	padding: 7px 15px;
	margin: 0;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	border: solid 1px #c4c4c4;
	border-bottom: none;
	cursor: pointer;
}
#narrow-by-list h2:hover {
   text-decoration: none;background:#fc3      } 

#narrow-by-list h2.active {     background:#fc3;      }  

#narrow-by-list div.content { font-size:.85em;background: #E3DFCE;
display: block;border-bottom: 1px solid #f4eeee;padding:10px;
}




/* JULY 2010 UPDATE */

#AT_alameda_header img, #AT_concord_header img {border:1px solid #015581; margin:2px 0 0 16px;}