/* CSS Document */

/* general styling */

fieldset { border:none !important; padding:0px !important; margin: 0px !important; }
#lessonControls { width: 99.5% !important }
h4 { font-size: 18px; }
hr{ border: solid 1px #EDEDED; }

.copyright
{
	padding-top: 10px;
	font-size: 12px;
	color: #9E9E9E;
}

#tabSet
{
	margin:0px;
	box-sizing:content-box;
}

.smaller { font-size:15px; }

.warning
{
	font-size:16px;
	line-height:20px;
	border:2px;
	border-color:#ffcd01;
	border-style:solid;
	border-width:thin;
	background-color:#fffbec;
	background-image:url("/frontend/img/icon_warning.gif");
	background-position:top 7px left 6px;
	background-repeat:no-repeat;
	margin-left:25px;
	margin-top:5px;
	margin-bottom:5px;
	padding-left:28px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	display:table;
	max-width:750px;
	max-height: 999999px;
	border-radius:4px;
	border-collapse:initial;
}

.warning p{ margin-top:0px; }

.error
{
	font-size:16px;
	line-height:20px;
	border:2px;
	border-color:#ce2b22;
	border-style:solid;
	border-width:thin;
	background-color:#fff5f5;
	background-image:url(/frontend/img/iconNo.gif);
	background-position:top 8px left 6px;
	background-repeat:no-repeat;
	margin-left:25px;
	margin-top:5px;
	margin-bottom:5px;
	padding-left:25px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	display:table;
	max-width:750px;
	max-height: 999999px;
	border-radius:4px;
	border-collapse:initial;
}

.error p{ margin-top:0px; }

.ok
{
	font-size:16px;
	line-height:20px;
	border:2px;
	border-color:#9dce41;
	border-style:solid;
	border-width:thin;
	background-color:#f2ffed;
	background-image:url("/frontend/img/iconYes.gif");
	background-position:top 10px left 6px;
	background-repeat:no-repeat;
	margin-left:25px;
	margin-top:5px;
	margin-bottom:5px;
	padding-left:25px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	display:table;
	max-width:750px;
	max-height: 999999px;
	border-radius:4px;
	border-collapse:initial;
}

.ok p{ margin-top:0px; }

.note_warning
{
	border-collapse:separate;
	font-size:16px;
	line-height:20px;
	border:2px;
	border-color:#ffcd01;
	border-style:solid;
	border-width:thin;
	background-color:#fffbec;
	background-image:url(/frontend/img/icon_warning.gif);
	background-position:top 7px left 6px;
	background-repeat:no-repeat;
	margin-left:25px;
	margin-top:5px;
	margin-bottom:5px;
	padding-left:28px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	display:table;
	max-width:750px;
	max-height: 999999px;
	border-radius:4px;
}

.note_warning p{ margin-top:0px; }

.note_error
{
	border-collapse:separate;
	font-size:16px;
	line-height:20px;
	border:2px;
	border-color:#ce2b22;
	border-style:solid;
	border-width:thin;
	background-color:#fff5f5;
	background-image:url(/frontend/img/iconNo.gif);
	background-position:top 8px left 6px;
	background-repeat:no-repeat;
	margin-left:25px;
	margin-top:5px;
	margin-bottom:5px;
	padding-left:25px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	display:table;
	max-width:750px;
	max-height: 999999px;
	border-radius:4px;
}

.note_error p{ margin-top:0px; }

.note_ok
{
	border-collapse:separate;
	font-size:16px;
	line-height:20px;
	border:2px;
	border-color:#9dce41;
	border-style:solid;
	border-width:thin;
	background-color:#f2ffed;
	background-image:url(/frontend/img/iconYes.gif);
	background-position:top 10px left 6px;
	background-repeat:no-repeat;
	margin-left:25px;
	margin-top:5px;
	margin-bottom:5px;
	padding-left:25px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	display:table;
	max-width:750px;
	max-height: 999999px;
	border-radius:4px;
}

.note_ok p{ margin-top:0px; }

.btnSubmit {
    border-radius: 4px !important;
    background: #3a4bba !important;
    background: linear-gradient(#7a9acb,#2c61b0) !important;
    border: 1px solid #264a80 !important;
    color: #fff !important;
	font-size: 14px !important;
	font-weight: bold !important;
	text-decoration:none !important;
    outline: 0 !important;
    padding: 7px 10px !important;
	cursor:pointer !important;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .5) !important;
	height:auto !important;
}

.btnSubmit:hover, .btnSubmit:active {
    background-color: #357ae8 !important;
    background-image: linear-gradient(#7a9acb,#2c61b0) !important;
    border: 1px solid #000000 !important;
    color: #fff !important;
}
.btnSubmit:active {
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.3) !important;
}

.btnFaded {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #f5f5f5;
    background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
    border: 1px solid #BABABA;
    color: #444 !important;
	font-size: 14px !important;
	font-weight: bold !important;
	text-decoration:none !important;
    min-width: 72px;
    outline: 0;
    padding: 7px 10px;
	cursor:pointer;
}

.btnFaded:hover, .btnFaded:active {
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
    background-color: #f8f8f8;
    background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
    border: 1px solid #999999;
    color: #333 !important;
}

.left { float:left; }
.right { float:right; }
.sticky { position:sticky; top:0px; }
.padBottom { display:table-cell; padding-bottom:15px; }
.fadeText { color:gray; }
.show { opacity:1; transition:opacity .2s linear;* }
.hide { opacity:0; transition:opacity .2s linear;* }
.form-single { padding: 15px 0px; display:inline-block; }
.form-group { padding: 15px 0px; display:inline-block; width: 375px; }
.form-title { width:130px; display:inline-block; vertical-align: top; }
.form-element { display:inline-block; min-width:160px; }
.contactForm { max-width: 900px; }
.regForm { max-width: 850px; }
.form-row select{ max-width:148px; }

ol li { list-style:decimal !important; margin-left: 20px; padding-left:10px; }

@media only screen and (min-width: 2px) and (max-width: 833px)
{
	.form-group{ width:325px; }
	.form-title { width:120px; }
}

@media only screen and (min-width: 2px) and (max-width: 500px)
{
	.form-title{ width:auto; display:block; padding-bottom:10px; width: 115px; }
}

textarea{
	border: 1px solid #aaa !important;
    box-shadow: 3px 3px 5px #F5F5F5 inset !important;
	font-style:normal !important;
	border-radius:3px !important;
	background-color:white;
	font-size:16px;
}

textarea:hover, textarea:focus{
	border: 1px solid #000 !important;
    box-shadow: 3px 3px 5px #EEEEEE inset !important;
	font-style:normal !important;
}

input[type=text], input[type=email], input[type=password]{
	border: 1px solid #aaa !important;
    box-shadow: 3px 3px 5px #F5F5F5 inset !important;
    padding: 3px !important;
    outline: 0 !important;
    -webkit-appearance: none !important;
	border-radius:3px !important;
	margin-top:-2px !important;
	background-color:white;
	font-size:16px;
}

input[type=text]:hover, input[type=email]:hover, input[type=password]:hover{
	border: 1px solid #000 !important;
    box-shadow: 3px 3px 5px #EEEEEE inset !important;
}

input[type=text]:focus, input[type=email]:focus, input[type=password]:focus{
	border: 1px solid #000 !important;
    box-shadow: 3px 3px 5px #EEEEEE inset !important;
}

select
{
    border: 1px solid #aaa !important;
    box-shadow: 3px 3px 5px #F5F5F5 inset !important;
    padding:2px !important;
    border-radius:3px !important;
    margin-top:-3px !important;
    background-color:white;
    font-size:16px;
}

select:hover, select:focus {
  border: 1px solid #000 !important;
  box-shadow: 3px 3px 5px #EEEEEE inset !important;
}

/* .fancyOption */
.fancyOption {
  width: 23px;
  height: 23px;
  position: relative;
  margin: 20px auto;
  background: #fcfff4;
  background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  border-radius: 50px;
  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
  border: 1px solid #aaa;
}

.fancyOption label:hover, .fancyOption label:focus { border: 1px solid #000; }

.fancyOption label {
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: absolute;
  left: 4px;
  top: 4px;
  background: linear-gradient(to bottom, #222222 0%, #45484d 100%);
  border-radius: 50px;
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;
}
.fancyOption label:after {
  content: '';
  width: 16px;
  height: 16px;
  position: absolute;
  top: 2px;
  left: 2px;
  background: #27ae60;
  background: linear-gradient(to bottom, #27ae60 0%, #145b32 100%);
  opacity: 0;
  border-radius: 50px;
  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
}
.fancyOption label:hover::after {
  opacity: 0.3;
}
.fancyOption input[type=radio] {
  visibility: hidden;
}
.fancyOption input[type=radio]:checked + label:after {
  opacity: 1;
}

/* makes text label actually work */
label span { margin-left:27px; margin-top:-2px; display:inline-block; }

/* example html
<div class="fancyOption">
      <input type="radio" value="None" id="roundedOne" name="check" checked />
      <label for="roundedOne"><span>actual label text..</span></label>
    </div>
*/


/* .fancyCheck */
.fancyCheck {
  /*width: 20px;*/
  position: relative;
  /*margin: 20px auto;*/
}
.fancyCheck label {
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  background: #fcfff4;
  border-radius: 4px;
  box-shadow: 3px 3px 5px #F5F5F5 inset;
  border: 1px solid #aaa;
}

.fancyCheck label:hover, .fancyCheck label:focus
{ border: 1px solid #000; }

.fancyCheck label:after {
  content: '';
  width: 11px;
  height: 6px;
  position: absolute;
  top: 5px;
  left: 4px;
  border: 2px solid #000;
  border-top: none;
  border-right: none;
  background: transparent;
  opacity: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.fancyCheck label:hover::after {
  opacity: 0.1;
}
.fancyCheck input[type=checkbox] {
  visibility: hidden;
}
.fancyCheck input[type=checkbox]:checked + label:after {
  opacity: 1;
}

/* example html

<div class="fancyCheck">
      <input type="checkbox" value="None" id="squaredFour" name="check" checked />
      <label for="squaredFour"></label>
    </div>
*/

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #BABABA;
    opacity: 1; /* Firefox */
}

/* testing center locator fix */

/* counteract backend.css */
#searchbox { padding-left:0px !important; }

@media only screen and (min-width: 2px) and (max-width: 640px)
{
	#result_box
	{
		width:367px !important;
		font-size:11px !important;
	}
	#result_box a { font-size:11px !important; }
	#result_box .notes{ width:auto !important; }
}

.tableMain
{
    border: solid #555 1px;
    border-radius: 3px;
    box-shadow: 3px 3px 8px #EEE;
	border-spacing: 0;
	*border-collapse: collapse; /* IE7 and lower */
	min-width:400px;
}

.tableMain td, .tableMain th
{
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 7.5px;
    text-align: left;
	vertical-align:top;
}

.tableMain th {
    background-color: #dce9f9;
    background: #2858a1; /* Old browsers */
	background: linear-gradient(to bottom,  #7a9acb 0%,#3264af 100%); /* W3C */
    box-shadow: 0 1px 0 rgba(255,255,255,.3) inset;
    border-top: none;
	font-weight:bold;
	color:#FFF;
	text-align: left;
    text-shadow: 0 2px 0 #3264af;
	border-left: 1px solid #7a9acb;
}

.tableMain tr:nth-child(2) td { border-top: 1px solid #254980; }
.tableMain td:first-child, .tableMain th:first-child { border-left: none; }
.tableMain th:first-child { border-radius: 3px 0 0 0; }
.tableMain th:last-child { border-radius: 0 3px 0 0; }
.tableMain th:only-child{ border-radius: 3px 3px 0 0; }
.tableMain tr:last-child td:first-child { border-radius: 0 0 0 3px; }
.tableMain tr:last-child td:last-child { border-radius: 0 0 3px 0; }

.tableMain a
{
	font-weight:bold;
	text-shadow:0 1px 2px hsla(0,0%,100%,0.33);
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

/* syllabus display */
#syllabus { text-align: left; }
#syllabus table { max-width:600px; width:100%; }
#syllabus td { white-space:normal !important; }
#syllabus ol { margin-bottom:-15px; }
@media only screen and (min-width: 2px) and (max-width: 540px) { #syllabus { font-size:14px !important; } }


/* header stuff */

/* header mobile */
@media only screen and (min-width: 2px) and (max-width: 540px)
{
	body{ padding:0px; }
	.btnSubmit { padding:7px !important; }
}

/* header tablet */
@media only screen and (min-width: 540px) and (max-width: 800px)
{
	body{ padding:0px; }
}



/* main stuff */

#brandmanFront
{
	display:block;
	background-color:#FEFEFE;
	min-height:62px;
	padding:60px 30px;
	text-align:left;
	font-size:22px;
	background-position: 50% 0%;
	background-size: 100% auto;
	text-shadow: 1px 1px 2px #FFF;
	color:#000;
}

.brandmanFrontImage img { float:left; padding-right:20px; }
/* bfront mobile */
@media only screen and (min-width: 800px) and (max-width: 1000px)
{ #brandmanFront { font-size:18px; padding: 48px 20px; } }
@media only screen and (min-width: 650px) and (max-width: 800px)
{ #brandmanFront { font-size:16px; padding: 37px 10px; } }
@media only screen and (min-width: 2px) and (max-width: 650px)
{
	#brandmanFront { font-size:16px; padding: 33px 10px; text-align:center; background-size:inherit; }
	.brandmanFrontImage img { float:none; display:block; padding-bottom:15px; margin:auto; padding-right:0px; }
}

.coursesFrontText { margin-top:-3px; }

#coursesFront
{
	display:block;
	background-color:#FEFEFE;
	min-height:62px;
	padding:60px 30px;
	text-align:left;
	font-size:22px;
	background: url("/frontend/img/courses_bg.jpg") no-repeat;
	background-position: 50% 0%;
	background-size: 100% auto;
	text-shadow: 1px 1px 2px #000;
	color:#FFF;
	margin-top:10px;
}

.coursesFrontImage { float:right; padding:0px 0px 75px 30px; display:table; font-size: 32px; text-shadow: 0px 0px 33px #FFF; }
.coursesFrontImage h1 { font-size:75px; }
/* bfront mobile */
@media only screen and (min-width: 800px) and (max-width: 1000px)
{ #coursesFront { font-size:18px; padding: 48px 20px; } }
@media only screen and (min-width: 650px) and (max-width: 800px)
{ #coursesFront { font-size:16px; padding: 37px 10px; } }
@media only screen and (min-width: 2px) and (max-width: 650px)
{
	#coursesFront { font-size:16px; padding: 33px 10px; text-align:center; background-size:inherit; }
	.coursesFrontImage img { float:none; display:block; padding-bottom:15px; margin:auto; padding-right:0px; }
	.coursesFrontImage { font-size: 20px; }
	.coursesFrontImage h1 { font-size:45px; }
	/* bfront mobile */
}

.coursesFrontText { margin-top:-3px; }

.courseHead { min-height:270px; }

.courseHead .right { text-align:right; width: 370px; }
.courseHead .right h1 { font-size:30px; line-height: 29px; }
.courseHead .right .btnFaded { margin-left:10px; margin-bottom:10px; display:inline-block; }
.courseHead .right .btnSubmit { margin-left:10px; margin-bottom:10px; display:inline-block; }

@media only screen and (min-width: 2px) and (max-width: 540px)
{ #courseWrapperFront { max-height:none; overflow:visible; } }

@media only screen and (min-width: 900px) and (max-width: 1000px)
{
	.courseHead .right { width:205px; }
	.courseHead .right h1{ font-size:22px; }
}

@media only screen and (min-width: 1000px) and (max-width: 1100px)
{
	.courseHead .right { width:292px; }
	.courseHead .right h1{ font-size:24px; }
}

@media only screen and (min-width: 600px) and (max-width: 775px)
{
	.courseHead .right { width:205px; }
	.courseHead .right h1{ font-size:22px; }
}

@media only screen and (min-width: 2px) and (max-width: 600px)
{
	.courseHead .right { float:none; width:100%; display:inline-block; text-align:center; }
	.courseHead .left { float:none; text-align:center; }
	.courseHead h1{ font-size:22px; text-align:center; padding-top:20px; }
	.courseHead { padding-bottom:20px; }
}

#mainWrap
{
	max-width:1170px;
	min-width:360px;
	width:auto;
	height:100%;
	background-color:#FFFFFF;
	margin: 0 auto;
	padding: 0px;
	/*border: 1px solid #BBBBBB;
	border-bottom:none;
	border-top:none;
	box-shadow: 0px 0px 35px -5px rgba(0,0,0,0.25);*/
}

/* template page */

.pageTable
{
	display:table;
    border-collapse:collapse;
    width:100%;
	line-height:1.2;
	min-height:400px;
	background-color:#FFFFFF;
}

.pageTable a { color:#2c61b0; text-decoration:none; font-weight:bold; }
.pageTable a:hover { color:#7a9acb; text-decoration:underline; }
.pageTable a:visited { color:#264a80; }

.frontLinks a { color:#2c61b0; text-decoration:none; font-weight:bold; }
.frontLinks a:hover { color:#7a9acb; text-decoration:underline; }
.frontLinks a:visited { color:#264a80; }

.pageTable p { margin-top:16px; }

.pageLeft
{
	display: table-cell;
	vertical-align:top;
}
.pageRight
{
	width:295px;
	display:table-cell;
	padding-left: 35px;
	border-left: white solid 5px;
	color:#666;
	vertical-align:top;
}

/* pageTable tablet / small desktop */
@media only screen and (min-width: 900px) and (max-width: 1050px)
{
	.pageRight { border-left: white solid 10px; }
	.pageRight
	{
		width:215px;
		display:table-cell;
		padding: 10px;
		padding-top:20px;
		border-left: white solid 20px;
		color:#666;
	}
}

/* pageTable tablet */
@media only screen and (min-width: 600px) and (max-width: 900px)
{
	.pageTable { display:block; }
	.pageLeft { display: block; padding:15px; }
	.pageRight
	{
		width:auto;
		display:block;
		border:none;
		padding:15px;
	}
}

/* pageTable mobile */
@media only screen and (min-width: 2px) and (max-width: 600px)
{
	.pageTable { display:block; font-size: 15px !important; }
	.pageTable p { margin-top:15px; }
	.pageLeft { display: block; padding:10px; }
	.pageRight
	{
		width:auto;
		display:block;
		border:none;
		padding:10px;
	}
}

.pageHeader
{
	position:relative;
	background-size: cover;
  	background-position: 50% 33%;
	width:100%;
	background-color:#999;
}

.pageHeaderInner
{
	height:inherit;
	background-size:cover;
}

.pageHeader.half
{
	height:80px;
	background: linear-gradient(to bottom, #888 0%,#AAA 100%);
}

.pageHeader.half p
{
	padding:23px;
	font-size: 35px;
	color:#FFF;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
	text-align:left;
}

.pageHeader.full { height:300px; }

.pageHeader.full p
{
	margin: 0;
    position: absolute;
    bottom:17px;
    left: 20px;
	font-size: 29px;
	color:#FFF;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
}

@media only screen and (min-width: 2px) and (max-width: 650px)
{
	.pageHeader.full { height:250px; }
	.pageHeader.full p { font-size:24px; bottom:8px; left:10px; width:75%; }
}

@media only screen and (min-width: 2px) and (max-width: 650px)
{
	.pageHeader.half p { font-size:25px; padding-top:30px; }
}

.pageTable ul { list-style:disc; margin-left: 20px; }

/* blog */
.courseBoxDescription.blogPreview { max-height:none !important; height:150px !important; } /* blog preview uses the coursebox as a base */

.coursesCategory { text-align:center; }

.stars { margin-top:5px; }

@media only screen and (min-width: 1px) and (max-width: 700px)
{
	.coursesCategory { font-size: 24px; }
	.stars { margin-top:4px; }
}

/* Course page tab system. */

#tabSet p { margin-top: 0px; margin-bottom: 10px; }

#tabSet ul { margin:0px !important; } /* counteracts left padding imposed by general styling */

#tabSet ul.tabs
{
	max-width: 600px;
	height: 80px;
	list-style: none;
	overflow: hidden;
    padding: 0;
}
#tabSet ul.tabs li
{
	float: left;
	width:135px;
}
#tabSet ul.tabs li a
{
	position: relative;
	display: block;
	height: 50px;
	margin-top: 31px;
	padding: 2px 15px 0px 15px;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	background: #3a4bba;
	background: linear-gradient(#6B86AF,#275596);
	border: 2px solid #000000;
    transition: padding 0.15s ease, margin 0.15s ease;
	margin-left:-2px;
	border-radius:8px;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .5);
	box-shadow: inset 2px 2px 0px 0px rgba(255,255,255,0.2);
	font-weight:normal !important;
	box-sizing:content-box;
}

#tabSet ul.tabs li a:hover
{
	margin: 26px 0 0 -2px;
	padding-top: 4px;
	padding-bottom:5px;
}
#tabSet ul.tabs li a.active
{
	margin: 21px 0 0 -2px;
	padding-top: 7px;
	padding-bottom:10px;
	z-index: 5;
	outline: none;
	box-shadow: 10px 10px 17px -2px rgba(0,0,0,0.5), inset 2px 2px 0px 0px rgba(255,255,255,0.2);
	background: #3a4bba;
	background: linear-gradient(#7a9acb,#2c61b0);
}

#tabSet .tabs li:first-child a { margin-left:0px !important; }
#tabSet .tabs li:last-child a { box-shadow: 10px 10px 17px -2px rgba(0,0,0,0.25), inset 2px 2px 0px 0px rgba(255,255,255,0.2); }

#tabSet .group:before,
#tabSet .group:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
#tabSet .group:after { clear: both; }
#tabSet .tabContent {
  min-height: 400px;
  border: 2px solid black;
  padding:15px;
}

.tabContent .btnFaded { margin-right:10px; margin-bottom:10px; display:inline-block; }
.tabContent .btnSubmit { margin-right:10px; margin-bottom:10px; display:inline-block; }


#tabSet .tabContent td:first-child { white-space: nowrap; }
#tabSet .tabContent td { padding-right:15px; }
#tabSet .tabContent td:last-child { padding-right:0px; }
#tabSet .tabContent tr { vertical-align:top; }

/* needed because browser glitch..?
#tabSet .tabContent a:hover { color:#7a9acb !important; text-decoration:underline; } */

#tabSet #one { }
#tabSet #two { }
#tabSet #three { }
#tabSet #four { }

@media only screen and (min-width: 2px) and (max-width: 510px)
{
 	#tabSet ul.tabs li { width:auto; font-size:13px; min-width: 69px; }
	#tabSet ul.tabs li a
	{
		margin-top: 35px;
		padding-left: 9px;
		padding-right:9px; padding-top: 4px;
	}
	#tabSet ul.tabs li a:hover
	{
		margin: 30px 0 0 -2px;
		padding-top: 6px;
	}
#tabSet ul.tabs li a.active
	{
		margin: 25px 0 0 -2px;
		padding-top: 9px;
		padding-bottom:10px;
	}
}

/* mobile */
@media only screen and (min-width: 510px) and (max-width: 600px)
{
 	#tabSet ul.tabs li {width:113px; font-size:15px; }
}

#regWarning { display:inline-block; }