﻿/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }

/* #f3f3f3*/
body { background-color: #ffffff; font:76% arial,sans-serif;}

div#splash_image{background: url(images/splash2.jpg) no-repeat; width:834px; height:336px;}

div#login { background: url(images/regibk.png) no-repeat top left; font-size: 11px; margin-right: 0 !important; padding-top: 0; width: 231px; height:210px; padding-left:20px; padding-right:25px; top:80px; left:56px; position:relative;}
div#login h3 { margin: 0 -25px; padding: 18px 25px 18px; }
div#login h3{ color: #fff; font-size: 15px; font-weight: normal; line-height: 1.4;}
div#login h4 { color: #fff; font-weight: bold; }
div#bookingchoices .tlback{background: url(images/bookittitlebak.gif) no-repeat top left;width:523px;height:37px;}
div#bookingchoices .dtback{background: url(images/bookitdatebak.gif) no-repeat top left;width:380px;height:37px;}
div#bookingchoices .tmback{background: url(images/bookingtimebak.gif) no-repeat top left;width:124px;height:37px;}
div#bookingchoices h2{}
div#bookingchoices #title{margin-left:20px;float:left;width:523px;margin-bottom:25px;}
div#bookingchoices #date{margin-left:20px;float:left;width:380px;margin-bottom:25px;}
div#bookingchoices #time{margin-left:20px;float:left;width:124px;margin-bottom:25px;}
div#bookingchoices h2{margin-bottom:9px;}
div#bookingchoices p{padding-top:9px;margin-left:20px;}
div#bookingchoices #trainers{margin-left:20px;float:left;margin-bottom:20px;}
div#bookingchoices #outline {border:solid 1px #cccccc;padding:3px;margin:0px 2px 25px 2px;}
div#bookingchoices #outline p{ margin:0px 20px 0px 20px;color:#444444;}
div#bookingchoices #outline select{margin-left:20px;}
div#bookingchoices #options{margin-bottom:20px;}


div#login .capbottom { background: url(images/regilip.png) no-repeat bottom right; clear: both; height: 9px; width: 274px; margin:0px 0px 0px -19px; }

div#login a { color: #fff; text-decoration: none; }
div#login a:hover, #main a h3:hover { text-decoration: underline; }

div#login #submit {float: right; height: 20px; width: 68px;margin:-10px 0px 5px 0px; }

.w500{width:500px;}

div#list { background: url(images/listbk.png) no-repeat top left; font-size: 11px; margin-right: 0 !important; padding-top: 0; width: 380px; height:280px; padding-left:20px; padding-right:25px; top:0px; left:0px; position:relative;}

div#overview p {color:#666; margin-bottom: 8px;margin-top:0px; }
div#overview h2{margin:0px;color: #333; font-size: 17px; font-weight: normal; line-height: 1.4;}
div#overview h3{ color: #7F7F7F; font-size: 15px; font-weight: normal; line-height: 1.4;}
div#overview .ddlalign{Width:340px;margin:-10px 0px 10px 0px;}
div#list p {color:#444; margin-bottom: 0px;margin-top:0px; }
div#regulartext p{color:#444; width:400px;margin-bottom: 0px;margin-top:20px;}
div#program p{font-size:90%;padding:10px 0px 0px 0px;}

 a { color: #08c; text-decoration: none; }
 a:hover, #main a h3:hover { text-decoration: underline; }

 h2 { color: #333; font-size: 20px; font-weight: normal; line-height: 1.2; margin-bottom: 5px; }
 h3 { color: #fff; font-size: 15px; font-weight: normal; line-height: 1.4; }

strong, b { font-weight: bold; }
em, i { font-style: italic; }
sup { padding-left: 1px; font-size: 10px !important; font-weight: normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; color: #76797c; _position: static !important; }
.sosumi { font-size: 10px !important; color:#76797c; }

p {color:#E8E8E8; margin-bottom: 8px; }
h1 { font-weight: bold; font-size: 20px; line-height: 36px; margin-bottom: 0px; }
h2 { font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 18px; }
h3 { font-weight: bold; font-size: 1em; line-height: 18px; }
h4 { font-weight: bold; font-size: 10px; line-height: 18px; }
p.intro { font-weight: bold; }
.more { text-align: right; }

.formbtns { font-weight: bold;
            color: #FFFFFF;
            background-color: #666666;
            border-style: solid;
            border-top-color: #333333;
            border-left-color: #555555;
            border-right-color: #BBBBBB;
            border-bottom-color: #DDDDDD;
            padding:0px 15px 0px 15px;
            margin:0px 15px 0px 15px;
            }

.modtable{background:#E0E0E0;}



div#pnl_body{border-right: #000 8px solid; border-top: #000 8px solid;
                        border-left: #000 8px solid; width: 664px; border-bottom: #000 8px solid;
                        background-color: #fff;}
div#memberpnl_body{border-right: #BFBFBF 8px solid; border-top: #BFBFBF 8px solid;
                        border-left: #BFBFBF 8px solid; width: 664px; border-bottom: #BFBFBF 8px solid;
                        background-color: #fff;}
                        
                        
div#terms h2{ text-align:left;}
div#terms p{color:#444;font-size:10.5px;}

div#coursepostdetail #instructorinformation, #customerinformation, #classspecs_date, #classspecs_time, hr , #coursedescription{width:650px;clear:left;}
div#customerinformation li{width:300px;}
div#coursepostdetail .fl_left{float:left;width:100px;}
div#coursepostdetail #coursedescription, img{padding:0px 5px 0px 10px;}
div#coursepostdetail h1, h2, strong{text-align:center;}
.stylefloatleft{float:left;}
.stylefloatright{float:right;}
.moreleft{margin-left:0px;margin-right:20px;}
.styleclearfloat{clear:left;}

div#adminsubmenu {text-align:center;top:15px;margin-left:auto;margin-right:auto;width:250px;position:absolute;}
div#adminsubmenu ul{text-align:left;margin-left:-20px;}
div#adminsubmenu li{list-style: none;display:inline;padding:0 10px;}
div#adminsubmenu .p_sub{margin-left:0px;}
div#adminsubmenu .c_sub{margin-left:0px;}

div#admintitlenav {text-align:center;width:680px;height:18px;margin-top:15px;}
div#admintitlenav ul{width:100%;}
div#admintitlenav li{list-style: none;display:inline;padding:0 20px;}


div#adminmenu {width: 680px; height: 48px; text-align:center;padding-top:3px;text-align:left;}
div#adminmenu ul{}
div#adminmenu h2{margin-left:0px;color:#fff;}
div#adminmenu a{color:#fff;}
div#adminmenu li{list-style: none;display:inline;padding:0 28px; font-size:11px;}

div#membermenu {width: 680px; height: 48px; text-align:center;padding-top:3px;text-align:left;}
div#membermenu ul{}
div#membermenu h2{margin-left:0px;color:#000;}
div#membermenu a{color:#000;}
div#membermenu li{list-style: none;display:inline;padding:0 40px; font-size:11px;}

div#subscribernav {background: url(../images/panellip_black.gif) repeat-x;
                        width: 680px; height: 48px; text-align:center;padding-top:10px;text-align:left;}
div#subscribernav ul{width:100%;}
div#subscribernav a{color:#fff;}
div#cscidentity{margin-left:10px;}
div#csclogo{width:78px;height:60px;}
div#cscbrand h2{color:#fff;font-size:17px;margin-top:15px;margin-bottom:8px;}
div#cscbrand h3{color:#808080;font-size:13px;font-weight:normal;}
div#subscribernav li{list-style: none;display:inline;padding:0 10px; font-size:11px;}



.centerform{margin-left:auto;margin-right:auto;}

div#admincontainer{height:720px; width:865px;margin-left:auto;margin-right:auto;text-align:center;}
div#membercontainer{height:720px; width:865px;margin-left:auto;margin-right:auto;text-align:center;}
div#container{height:720px; width:865px;margin-left:auto;margin-right:auto;}

div#onetooneregisterfrm {width:100%;}
div#onetooneregisterfrm fieldset 
{
padding : 1em;
font : 80%/1 sans-serif;
border : 1px solid #dfe4e6;
max-width : 520px;
width:520px;
}
div#onetooneregisterfrm .required{font-weight:bold;color:Red;font-size:15px;}
div#onetooneregisterfrm .infotype{padding-top:20px;height:25px;color:Black;font-size:13px;font-weight:bold;padding-top:20px;}
div#onetooneregisterfrm p{color:#444;}
div#onetooneregisterfrm label 
{
    clear:left;
float : left;
width : 25%;
margin-right : 0.5em;
padding-top : 0.2em;
text-align : right;
font-weight : bold;
color : #828282;
}

div#onetooneregisterfrm .boldtext{
    font-weight : bolder;
color : #000;
font : 115%/1 sans-serif;
}

div#onetooneregisterfrm input, select, textarea, .viewlabel {
width : 300px;
border : 1px solid #999999;
margin-bottom : 5px;
}
div#onetooneregisterfrm .viewlabel {
width : 300px;
border : 0px solid #E3E3E3;
margin-bottom : 5px;
}
div#onetooneregisterfrm .submit {
width : 80px;
color : #000;
background : #ffa20f;
border : 2px outset #d7b9c9;
}
div#onetooneregisterfrm legend {
padding : 0.2em 0.5em;
color : #E2E2E2;
font-size : 90%;
text-align : right;
}

ul { margin-bottom: 18px; list-style: none outside; }
ol { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; }
ul.square,
ul.circle { margin-left: 2em; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul ul.circle,
ul ul.square { margin-top: 4px; margin-bottom: 5px; }
ol.sosumi { margin-left: 0; padding-left: 2em; }

/* PRINT */
@media print {
	body, #main, #content { color: #000 !important; }
	a, a:link, a:visited { color: #000 !important; text-decoration:none !important; }
	#tabs, #globalheader, #globalfooter, #directorynav, .noprint, .hide { display: none !important; }
	#main a.pdf, #main a.html, #main a.qt, #main a.ical, #main a.dl, #main a.dmg, #main a.zip, #main a.keynote, #main a.audio { padding-left: 0 !important; background-image: none !important; }
}