@charset "utf-8";
/* Max Motivation */

body {
background-color: #3C81A2;
color: #333;
text-align: center;
margin: 1% 0;
}

/* common */
a img { border: 0; }
form { margin: 0; }
input,select,textarea { font: normal 12px Arial, Helvetica, sans-serif; }
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
* html>body .clearfix {
display: inline-block;
width: 100%;
}
* html .clearfix { /* Hides from IE-mac \*/
height: 1%;/* End hide from IE-mac */
}

hr {clear: both; height: 1px; color: #3c81a2; margin: 0 0 1em 0; border: 1px solid #3c81a2;}

/* typography */
body,td,p { font: normal 12px Arial, Helvetica, sans-serif; color: #444; }
p,ul,ol { line-height: 1.4em; margin-top: 0; }
li { margin-bottom: 0.25em; }
h1 { color: #3c81a2; font-size: 20px; margin-top: 10px; }
h3 { color: #335b90; font-size: 14px; margin: 0px 0px 10px 0px; border-bottom: 1px solid #ddd; padding-bottom: 0.2em; }

/* navigation */
a { color: #3C81A2; }
a:hover { color: #00CCFF; }
#menu_main {
margin: 0 18px;
padding: 0;
position: relative;
top: 0px;
left:15px;
clear:both;
}
ul#cat_menu { margin: 5px 10px; }
ul#cat_menu li { float: none; }
ul#cat_menu li a {
display: block;
padding: 1px;
font-weight: bold;
color: #a27d37;
text-decoration: none;
}
ul#cat_menu li a:hover { color: #3C81A2; }
ul#cat_menu li a span { font-size: larger; font-weight: normal; }
a#home {
	float:left;
	width:220px;
	height:130px;
	display:block;
}


/* layout and positioning */
#wrap {
width: 854px;
margin: 0 auto;
text-align: left;
background: url(../../images/masthead.jpg) no-repeat center top;
}
#wrap_inner {
background: url(../../images/footer.jpg) no-repeat center bottom;
}
#masthead { height: 160px; }
div#info {
margin:0px;
float:left;
padding:0px;
color:#ffffff;
margin-top:40px;
width: 400px;
text-align: center;
font-weight: bold;
}
#content {
width: 817px;
max-width: 817px;
padding: 0;
background: #fff url(../../images/content_tl.gif) no-repeat left top;
margin: 0 18px;
}
#content_inner {
background: url(../../images/content_tr.gif) no-repeat right top;
padding: 6px;
}
#content_footer {
background: #fff url(../../images/content_bl.gif) no-repeat left bottom;
margin: 0 18px;
width: 817px;
}
#content_footer div { height: 20px; background: url(../../images/content_br.gif) no-repeat right bottom; }
#content_leftcol {
float: left;
width: 190px;
border-right: 1px solid #eee;
margin-right: 10px;
max-width: 190px;
}
#content_rightcol {
float: left;
width: 590px;
max-width: 590px;
}
#foot { height: 22px; }

/* windows */
#feature_1 { background: url(../../images/fade_green.jpg) no-repeat left bottom; }
#feature_2 { background: url(../../images/fade_blue.jpg) no-repeat left bottom; }
#store_window { background: url(../../images/fade_brown.jpg) no-repeat left bottom; }
.window { padding: 10px; border-bottom: 1px solid #eee; }
.window p {
margin: 5px;
color: #999;
font-size: 11px;
}

/* registration form */
.pageheading { font-weight: bold; color:#3c81a2; font-size:20px; margin-top:10px; margin-bottom:5px; }
.SecHeading { color:#335b90; font-size:13px; font-weight:bold; margin:25px 0px 10px 0px;}
.input-boxes { width: 300px;}
.register-button { margin: 20px 0; }
.form-leftcol { width: 180px; }
.form-rightcol {  }

/* DDT overrides */
table.DDT-search td div.filterColumn { width: 30% !important; }
table.DDT-search td.search,
table.DDT-search td.rpp { padding-top: 10px; }
table.DDT-wrap { border-color: #3C81A2; }
table.DDT-wrap tr.headrow { background-color: #3C81A2; }
table.DDT-wrap tr.headrow td.headcol,
table.DDT-wrap tr.headrow td.actions { padding: 4px 8px !important; }
table.DDT-wrap td { padding: 8px; font-size: 11px !important; border-color: #eee; }
.DDT-results,
.DDT-pagenums { padding: 4px; }
.DDT-wrap tr.headrow td.actions { color: #fff; font-weight: normal; }
.DDT-wrap tr.headrow td.headcol a { text-decoration: underline; }
.DDT-norecords { padding: 15px; margin: 5px; font-weight: bold; }
.DDT-search td { font: normal 11px Arial, Helvetica, sans-serif !important; }


/* Register Buttons on Class Descriptions*/
.reg-outer {
float:right;
border: #1073a2 1px solid;
padding:1px;
display:block;
margin-top:8px;
}

.reg-inner {
border: #FFF 1px solid;
padding:3px;
background-color:#1073a2;
color:#FFF;
font-weight:bold;
text-align:center;
width:120px;
}

.reg-inner a {color:#fff; text-decoration:none;}
.reg-inner:hover {background-color:#3c81a2;}


/* Products CSS Options */
.prod-title {
	color: #3c81a2;
	font-size: 20px;
	margin-top: 10px;
	margin-bottom: 1em;
}
.prod-item {
	float: left;
	width: 33%;
	height: 180px;
	text-align: center;
}
.prod-price {
	padding: 5px;
	font-weight: bold;
}
.select_text {
	margin:10px 0px 10px 0px;
	display:NONE;
}
.select_box {
	margin:0px 0px 10px 0px;
	display:NONE;
}
.prod-ds {
	display:NONE;
}

/* utility menus */
div#utilitytop {
	padding-bottom: 5px;
	text-align: right;
	width: 840px;
	margin: 0 auto;
}
div#utilitybot {
	padding-top: 5px;
	text-align: right;
	width: 840px;
	margin: 0 auto;
}
#utility .qmdividery {
	display: block;
	border-left: 1px solid #fff;
	width: 1px;
	height: 12px;
	margin-right: 10px;
	margin-top: 3px;
	vertical-align: middle;
}

/* Gallery Styles */

.page_title {
	color: #3c81a2;
	font-size: 20px; 
	margin-top: 10px;
}

.master_section_title {
	color: #3c81a2;
	font-size: 20px; 
	margin-top: 10px;
}

td.master_cell {
	width:50%;
	text-align:left;
	margin-top:10px;
}

table.master_table {
	width:570px;
	padding:0px;
	margin-top:20px;	
}

div.gal_pic {
	height:150px;
}

div.gmainphoto {
	text-align:left !important;
	margin-bottom:15px !important;
}

.gthumbs {
	width:185px !important;
	margin:0px !important;
	margin-top:15px !important;
}

.gphoto {
	width:370px !important;
	margin:0px !important;
	text-align:left !important;
	margin-top:15px !important;
}

.gprevbtn {
	margin-bottom:10px !important;
}

.gtext {
	margin-bottom:10px;
}

/* Content pages */
#class-w td{
padding:3px;
vertical-align:middle;
}
#class-w tr{border-bottom:1px solid #ccc;}

select {
	margin-bottom:5px;
}

/* class detail page */
table#class_table {
width: 580px;
margin-bottom: 15px;
}
table#class_table td {
border-bottom: 1px solid #ddd;
padding: 6px;
}
table#class_table td.label {
width: 200px;
font-weight: bold;
}
button#reg_btn { float: right; margin: 20px 10px 10px 10px; cursor: pointer; }
#biowrap { margin-right: 2em; margin-bottom: 15px; }
#biowrap h1 { font-size: 12px; margin-bottom: 0.5em; text-transform: uppercase; }


/* Form Builder */

.formbuilder-table {width: 550px;}
.mgrfront-answer input,select,textarea { font: normal 11px Verdana, Arial, Helvetica, sans-serif; }
.mgrfront-backlink { float: right; padding: 5px; font-weight: bold; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.mgrfront-pagetitle { font: bold 22px Arial, Helvetica, sans-serif; margin-bottom: 0.5em; padding-bottom: 5px; border-bottom: 1px solid #ddd; }
.mgrfront-content { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 86%; }
.mgrfront-buttons { margin: 10px 0; }
.mgrfront-sectiontitle { font-family: Verdana, Arial, Helvetica, sans-serif; clear: both; font-size: 12px; font-weight: bold; background: #eee; color: #000; margin: 5px 0; padding: 4px;}
div.mgrfront-question { font-family: Verdana, Arial, Helvetica, sans-serif; float: left; width: 29%; font-size: 11px; padding-top: 3px; padding-left: 4px; }
td.mgrfront-question { font-family: Verdana, Arial, Helvetica, sans-serif; width: 29%; font-size: 11px; padding-top: 5px; padding-left: 4px; vertical-align: top; }
.mgrfront-answer { font-family: Verdana, Arial, Helvetica, sans-serif; margin-left: 30%; font-size: 11px; padding:5px 0px; }
.mgrfront-spacer { clear: both; margin: 5px 0; }
.mgrfront-content td { font-size: 11px; }
.mgrfront-error { font-size: 11px; color: red; }
.mgrfront-confirm { text-align: center; font-family: Verdana; font-size: 12px; }
.mgrfront-answer label { font-family: Verdana; font-size: 11px; }
.mgrfront-required { font-family: Verdana; font-size: 11px; color: red; }
.mgrfront-submit { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.dualselectbox label { display: block; padding-bottom: 4px; font-size: 11px; }
.dualselectbox select { width: 250px; }
.dualselectbox .dsbutton { margin: 2px; }
.dualselectbox .dsbutton img { border: 0; }
.errmsg { color: #f00; font-weight: bold; }
.resize-e { cursor: e-resize; width: 6px; background-image: url('common_images/resize_east.gif'); background-repeat: no-repeat; background-position: 50% 50%; background-color: #E7E7E7; }
.resize-s { cursor: s-resize; height: 6px; background-image: url('common_images/resize_south.gif'); background-repeat: no-repeat; background-position: 50% 50%; background-color: #E7E7E7; }
.resize-se { cursor: se-resize; background-image: url('common_images/resize_southeast.gif'); background-repeat: no-repeat; background-color: #E7E7E7; }
.tooltip { background-color: #fff; color: #555; border: 1px solid #ccc; padding: 3px; font-family: Tahoma, Verdana, sans-serif; font-size: 12px; text-align: left; text-indent: 10px; }
.tooltip-title { background-color: #ccc; color: #000000; border: 1px solid #ccc; padding: 2px; font-family: Tahoma, Verdana, sans-serif; font-size: 12px; font-weight: bold; }

/* end */