/* Stylesheet for Hospital for Spinal Surgery */

/* background image is set in doctype */

html, body { height: 100%; width: 100%;  
      margin: 0px; min-height: 400px; padding: 0px; outline: 0px;
	  vertical-align: top;
      /*background-repeat: no-repeat;
      background-position: top center;
      background-attachment: fixed;*/      
}

body { background-color: #fff; background: none; background-image:none;
       font-family: Arial, sans-serif; font-size: 1em;}

div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, em, font,
small, strike, strong, sub, sup,
b, u, i, center,
dl, dt, dd, ol, ul, li, caption
{
    border-style: none;
    border-color: inherit;
    border-width: 0px;
    margin: 0px; 
    padding: 0px;
    outline: 0px;
    font-family: Arial, Helvetica,Verdana, Sans-Serif;
    font-size: 1em;
    color: #333;
}

img {border: none;}

p {margin: 1.12em 0;}

h1 {display: block; font-family: 'Ubuntu', sans-serif; font-size: 28px; font-weight: 500; color: #003d7d; line-height: 30px;  letter-spacing: -2px;}

table { border-collapse: collapse; border-spacing: 0; }
th, td { padding: 0px; }

fieldset {border:none; padding: 0; margin:0;}
legend {display:none;}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], 
input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select {font-size: 1.1em;}

/* for unordered lists on inside pages */
#pgbody ul li
{
	margin-left: 20px;
	margin-bottom: 5px;
	font-size: 1em;
}
#pgbody p strong {font-size : 1.1em; }

#pgbody p.footnote {font-size:11px; font-style: italic; color: #003d7d; font-weight: bold;}

#pgbody p.subHeader, .subHeader {font-family: 'Ubuntu', sans-serif; color:#003d7d; font-size: 1.2em; line-height: 25px; font-weight: 500; text-transform: none;}

#pgbody p.footnote, .footnote {font-size:11px; font-style: italic; color: #323232; font-weight: normal;}

#pgbody p.quote, .quote {font-size:1em; font-style: italic; color: #003d7d; font-weight: bold; margin: 10px 40px 20px 30px;}
span.quoter {color: #323232; font-size: .9em; font-style: normal; font-weight: normal;}

.shadow { display: none; }

.messagebutton { float:left; width:100%; height: 50px; text-align:center; margin-bottom: 20px; }

@media screen and (min-width: 768px) {
    .messagebutton { float: left; height: 50px; top: 0px; z-index: 40; text-align:left; }
} 
             
.messagebutton a { font-family: 'Ubuntu', sans-serif; color:#ffffff; font-size: 18px; line-height: 35px; height: 35px; font-weight: 500;  
                   /*background-color: #6baf0c;*/ background-color: #007dc3; text-decoration: none; padding: 5px 17px 9px 17px; 
					-moz-border-radius: 5px;
					border-radius: 5px;
					/*-webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.2);
					-moz-box-shadow: 0 5px 5px rgba(0,0,0,0.2);
					box-shadow: 0 5px 5px rgba(0,0,0,0.2);*/
}

/* -- small header start -- */
.top-bar { background:none;}
.top-bar ul > li a:not(.button),
.top-bar ul > li.has-dropdown .dropdown 
{
    background: #2f76ad; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJmNzZhZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNzQ1NzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjN2RiOWU4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top,  #2f76ad 0%, #074579 100%, #7db9e8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2f76ad), color-stop(100%,#074579), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #2f76ad 0%,#074579 100%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #2f76ad 0%,#074579 100%,#7db9e8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #2f76ad 0%,#074579 100%,#7db9e8 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #2f76ad 0%,#074579 100%,#7db9e8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f76ad', endColorstr='#7db9e8',GradientType=0 ); /* IE6-8 */
}

.top-bar > ul > li:first-child a { background:none; }
.top-bar ul li.toggle-topbar a { background:none; border-color: #014372 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);}
.top-bar.expanded ul li.toggle-topbar a { background:none;}
.toggle-topbar { padding-right:1em;text-align:right; color:#114D76; padding-top:10px; }
.toggle-topbar img { margin-bottom:-10px; }
.top-bar .smallmenudropdown { margin-top:65px; } /* was 38 on large but made blue band on small */

.top-bar { min-height:68px; line-height:68px; } /* accommodate logo in small mode */
.headerLogo { position:absolute;top:15px;left:20px;max-width:160px; }
/* -- small header end -- */

/* -- large header start -- */
/*#header { position: fixed; top: 0; width: 100%; height: 201px; min-height: 201px; background: url(/images/bg_topfade.png) repeat-x; z-index: 60; border: dotted 1px black; }*/
#header { position: fixed; top: 0; width: 100%; height: 120px; min-height: 120px; background: url(/images/bg_topfade_120.png) repeat-x; z-index: 60; border: dotted 0px black; }
#hssnav { float: right; text-align: right; margin-top: 30px; overflow: hidden; /*z-index: 30;*/ }
#hdrbar { float: right; /*z-index: 30;*/ }
.navbtn { float: left; margin-left: 5px; padding: 5px; /*z-index: 30;*/ }
@media screen and (min-width: 880px) {
    .navbtn { margin-left: 14px; }
}
.botborder { border-bottom: solid 2px #6baf0c;}
#hssnav a { font-family: 'Ubuntu', sans-serif; color:#003d7d; font-size: .7em; /*line-height: 18px;*/ font-weight: 500; text-transform: uppercase; }

#hdrbar .navbtn:last-child  {background-color: #007dc3; border-radius: 5px; padding: 5px 7px;}
#hdrbar .navbtn:last-child a {color: #ffffff;}
/*#hdrbar .navbtn:last-child a {color: #007dc3;}*/


@media screen and (min-width: 780px) {
    #hssnav a { font-size: .8em; }
}
@media screen and (min-width: 850px) {
    #hssnav a { font-size: 1em }
}
@media screen and (min-width: 880px) {
    #hssnav a { font-size: 1em }
}
#hssnav a:link     { color:#003d7d; text-decoration: none; }
#hssnav a:visited  { color:#003d7d; text-decoration: none; }
#hssnav a:hover    { color:#6baf0c; text-decoration: none; }
#hssnav a:active   { color:#003d7d; text-decoration: none; }
/* -- large header end -- */

div.ftext {  }
a.flink:link 	{ text-decoration:none; color: #003d7d;}
a.flink:visited 	{ text-decoration:none;}
a.flink:hover 	{ text-decoration:underline; color: #007dc3;}
a.flink:active 	{ text-decoration:none;}
/*-- small footer start --*/

#smallfooter { background-color: #000000; text-align:center; margin-top:20px; z-index:140; }
#smallfooter div, #smallfooter a.flink, #hssfooter a.flink 
{font-size: 1em; font-family: 'Ubuntu', sans-serif; font-weight: 500; /*color: #62707e;*/ color: rgba(255,255,255,0.75);}

/*-- large footer start --*/
#hssfooter { position: fixed; bottom: 0; width: 100%; height: 30px; background-color: #000; z-index: 140; }
#footernav { width: 800px; margin: 0 auto; }
#hssfooter ul {position: relative; float: left; margin: 0; width: 900px; margin-top: 5px; }
#hssfooter ul li {position: relative; float: left; margin-right: 30px;}
#hssfooter ul li {list-style-type: none; font-size: 1em; font-family: Ubuntu, sans-serif; font-weight: 500; /*color: #62707e;*/ color: rgba(255,255,255,0.75);}
/*-- large footer end --*/

/*-- page content start --*/
#pageContent { margin-top:0px; }
@media screen and (min-width: 768px)
{
    #pageContent { margin-top:120px; z-index:50; }
}
.leftnavpad { padding-left:0;padding-right:0;  z-index:50;}
@media screen and (min-width: 768px)
{
    .leftnavpad {  padding-left:15px ; padding-right:15px; }
}

#leftnavcontainer { position:relative; width:100%; float: left; z-index: 41; margin-bottom:20px;  background-color: #efefef; outline:solid 0px green;}
#navcontainersmall { position:relative; width:100%; float: left; z-index: 100; padding:0px; margin-bottom:0;  background-color: #efefef; border-bottom:solid 1px #cecece; border-top:solid 1px #cecece; }
#navcontainersmall div, #navcontainersmall li { border:none; }
#leftNav { position: relative; float: left;  width:100%; }
@media screen and (min-width: 768px) {
    #leftnavcontainer { background: transparent; }
    #leftNav { width:95%; }
}
.leftnavitem a.navlink         {position: relative; float: left; width: 95%; font-size: 15px; font-family: 'Ubuntu', sans-serif;}
.leftnavitem a.navlink:link    {text-decoration: none;color: #333333; font-weight: 500;}
.leftnavitem a.navlink:visited  {text-decoration: none;color: #333333; font-weight: 500;}
.leftnavitem a.navlink:hover   {text-decoration: underline; color: #003d7d; font-weight: 500;}
.leftnavitem a.navlink:active  {text-decoration: none;color: #333333; font-weight: 500;}

.selected a {color: #003d7d;}

.leftnav_level1 { position: relative; float: left; width:100%; margin-bottom: 1px; border-top: solid 1px #cecece; background-color:#efefef; padding-left:15px; }
@media screen and (min-width: 768px)
{
    .leftnav_level1 { width:95%; margin-bottom: 2px; border:none; background-color: rgba(255, 255, 255, 0.85); padding-left:0;}
}

.leftnav_level1 div.hidden { display:none; }

.leftnav_level1 a {position: relative; float: left; /*width: 95%;*/ width:100%; text-transform: uppercase;
		color: #003d7d; font-size: 15px; font-weight: 500; font-family: 'Ubuntu', sans-serif; 
					 }
.leftnav_level1 a:link    { text-decoration: none; }
.leftnav_level1 a:visited { text-decoration: none; }
.leftnav_level1 a:hover   { text-decoration: none; color:#003d7d; }
.leftnav_level1 a:active  { text-decoration: none; }
.leftnav_level1 a.selected { color: #003d7d; }

.leftnav_level2 { position: relative; float: left; width:100%; /*padding-left:15px;*/ /*margin-bottom: 30px;*/ background-color:#efefef;/*transparent;*/}
@media screen and (min-width: 768px) {
    .leftnav_level2 { width:95%; /*padding-left:0px;*/ background-color:transparent;}
}
.leftnav_level2 ul { list-style-type: none; margin: 0; outline: solid 0px purple; }


li.leftnavitem  { position: relative; float: left; border-top: solid 1px #dfdfdf; width:100%; background-color: #efefef; }
@media screen and (min-width: 768px) {
    li.leftnavitem  { margin-bottom: 2px; background-color: rgba(255, 255, 255, 0.85); border-bottom:none; }
}    
.navrow, .navptr { position:relative; float: left; background-color: transparent;  margin: 0; }  

.navrow { padding: 8px 0px 8px 5px; position: relative; float: left; /*width: 220px;*/ clear:right; width:90%; border-right: 0px solid #eeefef; outline: dotted 0px green; }

.navptr { padding: 7px 0px 0px 5px; }

.leftnav_level1 .navptr {padding-top: 7px;}

.leftnavitem.lev2 {}
.leftnavitem.lev3 { padding-left:15px; }
.leftnavitem.lev4 a { padding-left: 15px;}
.leftnavitem.lev5 a { padding-left: 30px;}
@media screen and (min-width: 768px) {
    .leftnavitem.lev3 { padding-left:0; }
}
#pgcontent { background-color: rgba(255, 255, 255, 0.85);  }  
#pghdr { text-align:center; font-family: 'Ubuntu', Sans-Serif; font-size: 28px; font-weight: 500; color: #003d7d; line-height: 30px;  letter-spacing: -2px;}
#pgtext { padding: 10px; }
#pgbody a 			{color: #003d7d; font-size: 14px; font-family: Arial; font-weight: normal; font-style: italic;}
#pgbody a:link 		{ text-decoration:underline;}
#pgbody a:visited 	{ text-decoration:underline;}
#pgbody a:hover 	{ text-decoration:underline; color: #6baf0c;}
#pgbody a:active 	{ text-decoration:underline;}

#pgbody .footnote a  {font-size: 11px; }

.pagepic {position:relative; float: right; margin: 40px 50px 40px 0; z-index: 110; }
/*-- page content end --*/

@media screen and (min-width: 768px)
{
    #pghdr { text-align:left; }
    #pgtext { padding: 40px; }
}

/*--------------- Quality Carousel ----------------------*/

.carouselBackground { width:100%; background-color: rgba(255, 255, 255, 0.85); }

/* large quality carousel */
#carouselQtab { padding-top:40px; width: 100%; margin-top: 0px;  }
#carouselQtab .carouseltabrow { position: relative; /*width: 900px;*/ margin: 0 auto; height: 40px; z-index: 110;  }
#carouselQtab .carouseltab { position: absolute; margin: 0px; background-color: #003d7d; width: 140px; height: 40px; z-index: 100; padding:0; }
#carouselQtab .carouseltabtext { background-color: #003d7d; color: #fff; z-index: 100; margin: 10px 0; padding: 0; text-align: center; font-family: 'Ubuntu', sans-serif; font-size: 18px; font-weight: normal; }

#carouselQcontainer { width: 100%; /*height: 200px;*/ z-index: 100; margin-top: 0px;  }
#pagecarousel { position: relative;  width: 100%; height: 165px; z-index: 100; }
			
.image_carousel { padding: 0; width: 100%; padding:0px 40px; margin: 0 auto;  }
.image_carousel img { background-color: transparent; padding: 0px; margin: 0px; display: block; float: left; }

#foo1 { position: relative; float: left;  }

#foo1 .qaward {position: relative; float: left; height: 130px; width:100%; margin-top: 20px;  }
#foo1 .qlogo {position: relative; float: left; margin: 0 20px 0px 40px; /*min-width: 100px;*/ width:25%;  }
#foo1 .qtext { font-family: 'Ubuntu', sans-serif; font-size: 24px; color: #41566c; font-weight: 500; /*width: 600px;*/ width:65%; padding: 30px 20px 30px 20px; 
                position: relative;  float: left; }

#foo1 .qtext a { font-family: 'Ubuntu', sans-serif; font-size: 24px; color: #41566c; font-weight: 500; }

a.Qprev, a.Qnext {
	
	width: 40px;
	height: 40px;
	display: block;
	position: relative;
	top: -85px;
}

#foo1_prev { top: -85px; }
#foo1_next { top: -125px; }

a.prev {            background: url(/images/bigarrow_left_up.png) no-repeat transparent; left: -40px; top:60px; background-position: 0 0; }
a.prev:hover {		background: url(/images/bigarrow_left_ov.png) no-repeat transparent; }
a.prev.disabled {	background-position: 0 0px !important; }

a.next {			background: url(/images/bigarrow_right_up.png) no-repeat transparent; /*right: -880px;*/ /*right:-1024px;*/ right:-100%; top: 20px; background-position: 0 0; }
a.next:hover {		background: url(/images/bigarrow_right_ov.png) no-repeat transparent; }
a.next.disabled {	background-position: 0px 0px !important; }

a.prev.disabled, a.next.disabled { cursor: default; }
a.prev span, a.next span { display: none; }

/* small quality carousel */
#qualityCarouselSmall { padding-bottom: 20px; }
.qawardsmall {  text-align:center; width:100%; margin: 0 auto; }
.qlogosmall {  margin: 10px 5px; min-height: 105px; }
.qlogosmall img { margin:0 auto; }
.qtextsmall { font-family: 'Ubuntu', sans-serif; font-size: 1.4em; color: #41566c; font-weight: 500; padding:10px 5px 0 5px;}

/*--------------- Quality Carousel End ----------------------*/






/*--------------- Physician Carousel -------------------*/

#carouselPtab { padding-top:40px; width: 100%; margin-top: 0px;  }
#carouselPtab .carouseltabrow { position: relative; width:100%; margin: 0 auto; padding-left:10px; height: 40px; z-index: 110;  }
#carouselPtab .carouseltab { float:left; margin-left: 40px; background-color: #003d7d; z-index: 100; color: #fff; font-family: 'Ubuntu', sans-serif; font-size: 18px; font-weight: normal; padding: 3px 20px;}
#carouselPtab .carouseltabtext { background-color: #003d7d; color: #fff; z-index: 100; margin: 10px 0; padding: 0; text-align: center; font-family: 'Ubuntu', sans-serif; font-size: 18px; font-weight: normal; }

#carouselPcontainer {  z-index: 100;  }
#phycarousel { position: relative;  height: 320px;  z-index: 100; }

.image_carousel2 { padding: 0; width:100%; padding:0px 40px; margin: 0 auto;   height:200px;}
.image_carousel2 img { border: 1px solid #ccc; display: block; float: left; }

#foo2 { position:relative;  padding-top:10px;}

#foo2 div.drpane { position: relative; width:100%; margin: 0px 10px 0px 10px; border: dotted 0px gray; float: left;}
#foo2 div.drbox { position: relative; width:100%;  float: left;  margin: 15px 0px 15px 0px; clear:both; }
#foo2 div.drpic { position: relative; float: left; width: 50%; overflow: hidden; }
#foo2 div.drinfo { position:relative; width:50%; float:left; padding-left:10px; }
#foo2 div.drname { position: relative; float:left;  font-family: 'Ubuntu', sans-serif; font-size: 17px; font-weight: 500; color: #003d7d; /*line-height: 20px;*/ }

a.drlink, span.drlink 		{font-size: 17px; font-family: 'Ubuntu', sans-serif; font-weight: 500; color: #003d7d;}
a.drlink:link 		{ text-decoration:none;}
a.drlink:visited 	{ text-decoration:none;}
a.drlink:hover 		{ text-decoration:underline; color: #5497dd;}
a.drlink:active 	{ text-decoration:none;}

#foo2 div.drtitle { font-family: 'Ubuntu', sans-serif; padding-bottom: 10px; padding-top: 5px; font-size: 14px; font-weight: 500; color: #292929; font-style: italic;}
#foo2 div.drmore a { background: url(/images/littlearrow.png) no-repeat left transparent; padding-left: 20px;}

.clearfix { float: none; clear: both; }

a.prev, a.next {
	
	width: 40px;
	height: 40px;
	display: block;
	position: relative;
	top: -85px;
}

#foo2_prev {top: -150px;}
#foo2_next {top: -190px;}
@media screen and (min-width: 950px) {
    #foo2_prev {top: -160px;}
    #foo2_next {top: -200px;}
}
a.next:hover {		background: url(/images/bigarrow_right_ov.png) no-repeat transparent; }
a.next.disabled {	background-position: 0px 0px !important;  }

a.prev.disabled, a.next.disabled {
	cursor: default;
}

a.prev span, a.next span {
	display: none;
}
#physicianCarousel { padding:0px /*20px*/;  width:100%; margin: 0 auto; /*margin-left:30px;margin-right:30px;*/}

#physicianCarouselSmall div.drpane {/*width: 400px;*/ width:100%; margin: 0px 10px 0px 10px;  /*position:relative; float: left;*/}

#physicianCarouselSmall div.drbox {/*width: 400px;*/ width:100%;  position: relative; float: left;  margin: 15px 0px 15px 0px;}

#physicianCarouselSmall div.drnamesmall { font-family: 'Ubuntu', sans-serif; padding-top:5px; font-size: 17px; font-weight: 500; color: #003d7d; line-height: 20px; }

#physicianCarouselSmall div.drtitlesmall { font-family: 'Ubuntu', sans-serif; padding-bottom: 10px; padding-top: 5px; font-size: 14px; font-weight: 500; color: #292929; font-style: italic;}

#physicianCarouselSmall div.drmoresmall { padding-top:10px; /*width: 100px;*/ }

#physicianCarouselSmall div.drmoresmall a { background: url(/images/littlearrow.png) no-repeat left transparent; padding-left: 20px;}

/*--------------- Physician Carousel End -------------------*/

/*--------------- Physician Detail Page --------------------*/

#hssphysician { margin-top: 20px; }
@media screen and (min-width: 768px) {
    #hssphysician { margin-top: 130px; padding-top: 20px;
                    background-color: rgba(255,255,255,0.85);
                    background: #fff;  opacity:0.8; filter:alpha(opacity=80);
    }
}

#phyname { font-family: 'Ubuntu', sans-serif; font-size: 30px; font-weight: 500; color: #003d7d; line-height: 30px;}
#phytitle {display: block; font-family: 'Ubuntu', sans-serif; font-size: 21px; font-weight: 500; color: #292929; font-style: italic;}
.phylink {margin: 0 0 20px 0; text-decoration-style:dotted; }
.phylink a {color: #0075b6; font-family: 'Ubuntu', sans-serif;}

/*--------------- Physician Detail Page End --------------------*/

/*--------------- Contact Us Page --------------------------*/

.textbox {/*font-size: 13px; color: #828282; padding: 5px; margin-bottom: 8px;*/ font-family: 'Ubuntu', sans-serif; }
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], 
    input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea 
    { font-family:'Ubuntu',sans-serif; }

.errtxt { font-family:'Ubuntu',sans-serif; font-size: 10px; color: #ff0000; font-weight: normal; padding-bottom:10px; }

div.required { display:none; }

.pagepic { margin: 40px 0px 40px 0px; z-index: 110; text-align:center; }

/*--------------- Contact Us Page End --------------------------*/

/*------------------- Rounded corner tabs -------------------*/
 ul.tabs {/*display: block;*/ margin-top: 10px; margin-bottom:0; }    
        
.tabs li { /*float: left;*/ list-style-type: none; margin: 0px 2px 0px 0px;  /* Makes a horizontal row */
           position: relative;  top: 0px; z-index: 50;  /* So the psueudo elements can be abs. positioned inside */  
}

.tabs a { /*float: left;*/ padding: 4px 10px; text-decoration: none; z-index: 50;/* Make them block level and only as wide as they need */
          font-family: 'Ubuntu', sans-serif; font-size: 16px; 
          color: #292929; font-weight: 500;           
            }
@media screen and (min-width: 850px) {
    .tabs a { font-size: 16px; padding: 4px 10px;  }
}

.tabs .active {z-index: 50; border-top: 0; }

.tabs li.active a { color: #292929; z-index: 50; border:none; border-bottom: 3px solid #6baf0c;}

/* Colors when tab is active */
.tabs .active a:link    {color: #292929; font-weight: bold; text-decoration: none;}
.tabs .active a:visited {color: #292929; font-weight: bold; text-decoration: none;}
.tabs .active a:hover   {color: #292929; font-weight: bold; text-decoration: none;}
.tabs .active a:active  {color: #292929; font-weight: bold; text-decoration: none;}	

.tabcontent { clear: both; }
 @media screen and (min-width: 768px) {
    .tabcontent { display: none; width:100%; z-index: 50;  padding-bottom: 10px; }
}
             
.activediv  { display: block; z-index: 50; /*background: #fff;  opacity:0.8; filter:alpha(opacity=80);*/ /* For IE8 and earlier */ }

.tabcontent h2 { margin-top:20px; font-family: 'Ubuntu', sans-serif; font-size: 16px; }
.tabcontent img { margin: 10px;}
.tabcontent p { font: normal 14px Arial; color: #323232; padding: 20px 0px 0px;}
@media screen and (min-width: 768px) {
    .tabcontent p { padding: 20px 20px 0px 20px;}
}

/* override foundation tab behavior */
.tabs { border-bottom:none; }
.tabs li a { color:#292929; font-size:13px; padding: 4px 10px;}
@media screen and (min-width: 850px) {
    .tabs li a { font-size:16px; }
}
.tabs li.active { border-top-width:0; margin-top:0; }
#divbio p, #divcred p, #divinfo p { margin-top:0; border-top:none; }


#spotlightleft_small, #spotbodyleft_small { padding-bottom:20px; border-bottom: solid 1px #828282; background:#ffffff; }

.spothdrleft_small { font-family: 'Ubuntu', sans-serif; font-weight: 600; padding: 20px 0px 10px 0px; color: #000000; display: block; font-size: 14px; background:#ffffff; } 
.drname_small {font-family: 'Ubuntu', sans-serif; font-size: 14px; font-weight: 500; color: #003d7d; line-height: 20px;
         margin-top: 10px;}

.drtitle_small { font-family: 'Ubuntu', sans-serif; padding-bottom: 10px;
            font-size: 14px; font-weight: 500; color: #292929; font-style: italic;}

.spothdrright_small { font-family: 'Ubuntu', sans-serif; font-weight: 600; padding: 20px 0px 10px 0px; color: #000000; display: block; font-size: 14px; } 
.spotpanel_small { width:100%; text-align:center; }
.spotformhdr_small { text-align: center; font-family: 'Ubuntu', sans-serif; font-weight: 600; font-size: 13px; color: #2b2b2b; padding:15px 0;}

.cta .button, .button, #pgbody .cta .button {
	background-color: #003d7d !important; color: #ffffff;border: none; padding: 7px 15px; text-decoration:none; 
			font-style:normal; font-weight: bold; font-size: 14px;}









/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */