/********************************************/
/* 		CUSTOM GLOBAL STYLES 				*/
/* 		used on  user side and admin side 	*/
/********************************************/
/* GLOBAL RESET : Neutralize styling : Elements we want to clean out entirely: */
html, body, form, fieldset, 
h1, h2, h3, h4, h5, h6, p, pre, 
blockquote, ul, ol, dl, address, 
li, blockquote, 
dd {margin: 0; padding: 0;}
fieldset {border: none;}
img {border: 0;}
li { list-style:none;}
a, :focus, object { outline: 0; }
a.no_underline, a.no_underline:hover { text-decoration:none}
pre {text-align:left!important; background-color:white; color:black}
/* END of GLOBAL RESET */

/* PAGINATOR */
div.paginator { margin-top:10px; padding:5px; font-size:9pt; cursor:default;}
div.paginator a{text-decoration:none; color:#fff !important}
div.paginator span, div.paginator a {border:solid 1px; border-color:#8DB4D7 #7298BA #7298BA #8DB4D7; padding:1px 5px; margin-left:1px; background-color:#80ABD2;}
div.paginator span.current {color:#80ABD2; font-weight:bold; background-color:#fff;}
div.paginator span.disabled {background-color:#80ABD2; color:#CADDEE;}


/* MESSAGES */
div.error_dialog {margin:10px auto;text-align:left;  border:solid #bfbfbf 1px; color:#737373; font-size:11px;}
div.error_dialog div.error_dialog_title { height:20px; background-color: #EEDDDD; background-image: url('../images/error_16x16.png'); background-repeat: no-repeat; background-position: 5px center; font-weight:bold; text-align:left !important; padding:3px 10px 0px 25px;}
div.error_dialog div.error_dialog_body {border-top: solid #bfbfbf 1px; background-color: white; color: #FF0000; padding:5px 10px;}

div.message_dialog { margin:10px auto; text-align:left; border:solid #bfbfbf 1px; color:#737373; font-size:11px; width:400px}
div.message_dialog div.message_dialog_title { background:#ECF3FB; padding:4px 0}
div.message_dialog div.message_dialog_title div { background-repeat: no-repeat; background-position: 5px center; background-image: url('../images/infirmation_16x16.png'); font-weight:bold; text-align:left !important; padding:0 10px 0 25px; line-height:16px}
div.message_dialog div.message_dialog_body {border-top: solid #bfbfbf 1px; background-color:#FAFADF; padding:5px 10px;}

/* Form */
form { width:100%;}
form dt label.required {  background:url(../images/asterisk.gif) no-repeat 0 0; padding-left:10px;}
form dd label.disabled { color:#808080}
form textarea, input.text, input.phone, input.extendedfile, select.wide, input.extendedimage { }
input, select, textarea, button { vertical-align:middle; }

input.text, input.password  {}
input.text:focus, input.password:focus, select:focus, textarea:focus { background-color:#FFC; border:1px solid #36C; }
input.disabled { background-color:#DEDEDE; color:#808080;}
input.extendedfile, input.zip, input.extendedimage , input.date, input.digit, input.text, input.phone, input.password, input.file, input.phone, select, 
input.email, input.fitness_number, input.time, 
input.inp_text, textarea.textarea { border:solid #888888 1px;}
input.phone {width:200px;}
input.checkbox {width:auto!important;}

form .form_header { }

#fieldset-submitGroup {padding:5px; border:0; text-align:center}
#fieldset-submitGroup dl {padding:0; margin:0;}
#fieldset-submitGroup dt, 
#fieldset-submitGroup dd {display:inline; margin:0;}

/*#btnSubmit {padding: 2px 12px;}*/
#btnCancel { color:#C00}
.no_margin { margin:0 !important;}

dt.hidden {display:none;}

dd.hidden {display:none;}
dd.noMargin { margin: 0; }

table.radiolist tr, table.checkboxlist tr {vertical-align: top;}

.description { margin:3px; color:#39C; font-size:11px}

ul.errors {color:red; font-size: 8pt; padding:0 0 0 3px}
.title {font-weight:bold;}
.asterisk { color:#CC0000; }
.inp_checkbox, .inp_radio { border:none; background:none; vertical-align:middle;}
#ui-datepicker-div { z-index:1199; display:none; background:#fff;}
img.ui-datepicker-trigger { vertical-align:middle; margin:0 5px; cursor:pointer;}
/* End Form */

/*	List links	*/
.list_links {}

/*	Grid tables	*/
table.grid {border-collapse:collapse; width:100%; margin:5px 0;}
table.grid th, table.grid td {border:solid #aaa 1px; padding:2px 3px;}
table.grid th {text-align:center; background:#e7ecef url(../images/bg_tbl_head.jpg) repeat-x scroll 0% 0%;  padding:5px 3px;}
table.grid td.grid_options { text-align:center}

table.no_border th, table.no_border td{border:0;}

/********Schedule********/
#schedule-container { padding:5px; background:#c6e0fb;}
table#class-schedule {}
table#class-schedule tr {border-left:1px solid #a2bade; border-right:1px solid #a2bade}
table#class-schedule td { background:#fff; border-top:1px solid #a2bade; border-bottom:1px solid #a2bade; border-left:none; border-right:none; padding:5px;font-size:12px;}
table#class-schedule tr:hover td, table#class-schedule tr.sh_resistered:hover td, table#class-schedule tr.sh_canceled:hover td { background:#d8f3ae;}
table#class-schedule tr:hover td.shedule_day_title { background:#e5edfa}
table#class-schedule tr.sh_resistered td { background:url(../images/bg_sh_registered.png);}
table#class-schedule tr.sh_canceled td { background:#FDEEEE;}
table#class-schedule td.shedule_day_title {font-weight:bold; padding:5px 10px!important; background:#e5edfa;}
/*	grid tables end	*/

/*	Tips	*/
.tip_info { text-align:left; width:100%}
.tip_class { color:#6fa5c9; font-size:18px}
.tip_trainer { border:1px solid #d5d5d5; padding:2px; width:60px; float:right}
.tip_class_credits { color:#8b8b8b; font-style:italic; font-size:16px}
.tip_list { color:#8b8b8b; padding:5px; margin:5px 0 0; text-align:left; border:solid #87C9F4 2px;}
* html .tip_list {display:inline-block;}
.tip_list strong {color:#6ea6c9;}
.tip_list table { width:100%}
table.tip_info tr td span.link_btn { background:#F3F3F3; color:#A5A5A5 !important; border:1px solid #c7c7c7}

/*	Admin header	*/
#top_head_links { text-align:right; color:#fff; padding:10px 0 0;}
#top_head_links a { color:#fff !important; text-decoration:none; text-transform:uppercase}
#top_head_links a:hover { text-decoration:underline}
a#admin_logo { float:left; display:block; width:227px;}
#admin_label { float:right; margin:25px 0 0}


/* COMMON STYLES */

.clear{ clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}
.fleft{ float:left}
.fright{ float:right}
.text-left { text-align:left}
.text-right { text-align:right}
.text-center { text-align:center}

/*	960 Grid	*/
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 { display:inline; float: left; position: relative; margin-left: 10px; margin-right: 10px; z-index:1;}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {margin-left: 0;}
.omega {margin-right: 0;}

/* Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .grid_1 {width:40px;}
.container_16 .grid_2 {width:100px;}
.container_16 .grid_3 {width:160px;}
.container_16 .grid_4 {width:220px;}
.container_16 .grid_5 {width:280px;}
.container_16 .grid_6 {width:340px;}
.container_16 .grid_7 {width:400px;}
.container_16 .grid_8 {width:460px;}
.container_16 .grid_9 {width:520px;}
.container_16 .grid_10 {width:580px;}
.container_16 .grid_11 {width:640px;}
.container_16 .grid_12 {width:700px;}
.container_16 .grid_13 {width:760px;}
.container_16 .grid_14 {width:820px;}
.container_16 .grid_15 {width:880px;}
.container_16 .grid_16 {width:940px;}

/* Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .prefix_1 {padding-left:60px;}
.container_16 .prefix_2 {padding-left:120px;}
.container_16 .prefix_3 {padding-left:180px;}
.container_16 .prefix_4 {padding-left:240px;}
.container_16 .prefix_5 {padding-left:300px;}
.container_16 .prefix_6 {padding-left:360px;}
.container_16 .prefix_7 {padding-left:420px;}
.container_16 .prefix_8 {padding-left:480px;}
.container_16 .prefix_9 {padding-left:540px;}
.container_16 .prefix_10 {padding-left:600px;}
.container_16 .prefix_11 {padding-left:660px;}
.container_16 .prefix_12 {padding-left:720px;}
.container_16 .prefix_13 {padding-left:780px;}
.container_16 .prefix_14 {padding-left:840px;}
.container_16 .prefix_15 {padding-left:900px;}

/* Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .suffix_1 {padding-right:60px;}
.container_16 .suffix_2 {padding-right:120px;}
.container_16 .suffix_3 {padding-right:180px;}
.container_16 .suffix_4 {padding-right:240px;}
.container_16 .suffix_5 {padding-right:300px;}
.container_16 .suffix_6 {padding-right:360px;}
.container_16 .suffix_7 {padding-right:420px;}
.container_16 .suffix_8 {padding-right:480px;}
.container_16 .suffix_9 {padding-right:540px;}
.container_16 .suffix_10 {padding-right:600px;}
.container_16 .suffix_11 {padding-right:660px;}
.container_16 .suffix_12 {padding-right:720px;}
.container_16 .suffix_13 {padding-right:780px;}
.container_16 .suffix_14 {padding-right:840px;}
.container_16 .suffix_15 {padding-right:900px;}

/* Push Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .push_1 {left:60px;}
.container_16 .push_2 {left:120px;}
.container_16 .push_3 {left:180px;}
.container_16 .push_4 {left:240px;}
.container_16 .push_5 {left:300px;}
.container_16 .push_6 {left:360px;}
.container_16 .push_7 {left:420px;}
.container_16 .push_8 {left:480px;}
.container_16 .push_9 {left:540px;}
.container_16 .push_10 {left:600px;}
.container_16 .push_11 {left:660px;}
.container_16 .push_12 {left:720px;}
.container_16 .push_13 {left:780px;}
.container_16 .push_14 {left:840px;}
.container_16 .push_15 {left:900px;}

/* Pull Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .pull_1 {left:-60px;}
.container_16 .pull_2 {left:-120px;}
.container_16 .pull_3 {left:-180px;}
.container_16 .pull_4 {left:-240px;}
.container_16 .pull_5 {left:-300px;}
.container_16 .pull_6 {left:-360px;}
.container_16 .pull_7 {left:-420px;}
.container_16 .pull_8 {left:-480px;}
.container_16 .pull_9 {left:-540px;}
.container_16 .pull_10 {left:-600px;}
.container_16 .pull_11 {left:-660px;}
.container_16 .pull_12 {left:-720px;}
.container_16 .pull_13 {left:-780px;}
.container_16 .pull_14 {left:-840px;}
.container_16 .pull_15 {left:-900px;}


#kids th#kids-birthdate {width:220px}
#kids td.firstName input,#kids td.displayName input {width: 97%}

/* Kids Sign Up Form */
#shedule-kids-sign-up #payment-label {display:none}
#shedule-kids-sign-up dl.meAndKids dt#option-label,
#shedule-kids-sign-up dl.meAndKids dd#option-element,
#shedule-kids-sign-up dl.kidsOnly dt#idShedule-label,
#shedule-kids-sign-up dl.kidsOnly dt#sheduleName-label,
#shedule-kids-sign-up dl.kidsOnly dd#idShedule-element,
#shedule-kids-sign-up dl.kidsOnly dd#sheduleName-element {display:none}
#shedule-kids-sign-up dd#payment-element {display:none;}
#shedule-kids-sign-up dl.error dd#payment-element {display:inline;}
#shedule-kids-sign-up dd#payment-element {width:720px;}
#shedule-kids-sign-up dd#payment-element ul.errors{text-align:center; color:white; background-color:red; padding:5px; font-weight:bold; margin:5px}
/* End Kids Sign Up Form */

/*	Tips	*/
#cluetip { z-index:199 !important;}