@CHARSET "UTF-8";
@media print, screen {

body {
	margin: 0;
	padding: 0.87em 0 1.67em 0;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 12px;
	background-color: #6b97c7 ; /*#4682B4; #4974ae;*/
}

/* Main Layout Section */
#m_body {margin: 0 auto; width: 85em;}
#m_hdr {
	-moz-border-radius-topleft: .75em;
	-moz-border-radius-topright: .75em;
	-webkit-border-top-right-radius: .75em;
	-webkit-border-top-left-radius: .75em;
	border-top-left-radius: .75em;
	border-top-right-radius: .75em;
	margin: 1px 0;
	padding: .67em .67em;
	text-align: center;
	/*height: 7.5em;*/
}
#m_ftr {
	-moz-border-radius-bottomleft: .75em;
	-moz-border-radius-bottomright: .75em;
	-webkit-border-bottom-right-radius: .75em;
	-webkit-border-bottom-left-radius: .75em;
	border-bottom-left-radius: .75em;
	border-bottom-right-radius: .75em;
	margin: 0;
	padding: .67em .67em;
	text-align: center;
}
#m_ftr,#m_hdr {background-color: #cbdbf1;}
#m_logo {
	/*background: url('../img/logo_v4.png') no-repeat;*/
	float: left;
	margin: 0;
}
#m_logo_img{height: 7em; width: 26.833em; border: 0;}
#m_hdr_mnu {background-color: #cbdbf1; margin: 1px 0;}
#m_hdr_mnu ul{list-style: none; margin: 0; padding:0;}
#m_hdr_mnu li, #m_hdr_mnu li.selected {float: left; border-right: 1px solid #4974ae;}
#m_hdr_mnu li.selected {background-color: #a3bfe6; color:#ffffff;}
#m_hdr_mnu a, #m_hdr_mnu a:hover{
	color: #000000;
	display: block; 
	padding: .67em 1.34em;
	text-decoration: none;
}
#m_ftr_mnu {
	background-color: #cbdbf1; 
	margin: 1px 0 0 0;
	padding: .67em .67em;
	text-align: center;
}
#m_ftr_mnu ul{list-style: none; margin: 0; padding:0;}
#m_ftr_mnu li{display: inline; border-right: 1px solid #4974ae; padding: 0 1.34em;}
#m_cont {min-height: 15em; padding: 0.67em; background-color: #f7f9fb;}
#m_cont_lcol,#m_cont_rcol {height: 100%; vertical-align: top; display: table-cell;}
#m_cont_lcol {min-width: 17em; padding-right: 0.67em;}
#m_cont_rcol {width: 68em;}
#m_sm_mnu {
	-moz-border-radius: .75em;
	-webkit-border-radius: .75em;
	border-radius: .75em;
	float: right;
	padding: .67em .67em;
	position: relative;
	text-align: right;
	width: 40em;
	background-color: #f7f9fb;
}
#m_sm_mnu span {}
#m_sm_mnu a {color: #000000; font-weight: bold; margin-left: 0.7em;}
#m_sm_mnu_search {margin: 0; padding: 0.83em 0 0 0; display: block;}
#m_sm_site_name {float: left; margin-right: 1.67em; font-weight: bold; color: #315a7d;}
#m_sm_greeting {font-weight: bold;}

/* Containers */
#m_cntrl_pnl, #m_info_pnl, .section, .isection, .header{
	-moz-border-radius: .75em;
	-webkit-border-radius: .75em;
	border-radius: .75em;
	text-align: left;	
	padding: .67em .67em;
}
#m_info_pnl {background: #ecf9ea; border: 0px solid #cbdbf1;}
#m_info_pnl ul{padding:0 0 0 1em;}
#m_cntrl_pnl {background: #eaf1f9; border: 0px solid #cbdbf1;}
#m_cntrl_pnl ul{list-style: none; margin: 0; padding:0;}
#m_cntrl_pnl li, #m_cntrl_pnl li.selected {padding:0.166em; valign:middle;}
#m_cntrl_pnl li.selected {background-color: #cbdbf1;}
#m_cntrl_pnl a, #m_cntrl_pnl a:hover{color: #000000; text-decoration: none;}
#m_login input.textbox {font-size:1.15em;}
.section {background: #eaf1f9; /*#f1f6fb*/}
.isection {background: #f1f6fb;}
.header {background: #f2c295;}

/* Progress Bar CSS Navigation */
.p_bar {
	background: #eaf1f9;
	border: 1px solid #e0ebf6; 
	margin-bottom: 0.78em;
	-moz-border-radius: .75em; 
	-webkit-border-radius: .75em;
	border-radius: .75em;
}
.p_bar ul {padding: 0; margin: 0; margin-left: 0.833em;}
.p_bar li {
	float: left;
	list-style: none;  
	text-align: center;
	padding: .45em 1.5em 0.45em .45em;
	margin-right: 0.5em;
	background: url(../img/right_angle.png) #eaf1f9 center right no-repeat;
}
.p_bar li a {text-decoration: none; text-align: center;}
.p_bar li.complete {color: #0d2474;}
.p_bar li.current {font-weight: bold; color:#2469a3;}
.p_bar li.incomplete {color: #808080;}

/* Tab Bar CSS Navigation */
.t_bar {border: 0px solid #c1ccd7; padding-left:2em;}
.t_bar ul {margin: 0; padding: 0;}
.t_bar li {
	float: left;
	list-style: none;  
	text-align: center;
	padding: .3em .85em;
	margin-right: 0.5em;
	-moz-border-radius-topleft: .67em; 
	-moz-border-radius-topright: .67em; 
	-webkit-border-top-left-radius: .67em;
	-webkit-border-top-right-radius: .67em;
	border-top-left-radius: .67em;
	border-top-right-radius: .67em;
}
.t_bar li.item_active {background: #eaf1f9; font-weight: bold; font-size: 1.2em; border: 1px solid #cbdbf1; border-bottom:0;}
.t_bar li.item_inactive {background: #f3f6f9; margin-top: 0.35em;}
.t_bar a {text-decoration: none;}
.t_bar_2 {border-bottom: 0px solid #c1ccd7; padding-left:2em;}
.t_bar_2 ul {margin: 0; padding: 0;}
.t_bar_2 li{
	float: left;
	list-style: none;  
	text-align: center;
	padding: .25em .4em;
	margin-right: 0.3em;
	border: 1px solid #cbdbf1;
	border-bottom: 0;
	-moz-border-radius-topleft: .3em; 
	-moz-border-radius-topright: .3em; 
	-webkit-border-top-left-radius: .3em;
	-webkit-border-top-right-radius: .3em;
	border-top-left-radius: .3em;
	border-top-right-radius: .3em;
}
.t_bar_2 li.item_active {border-bottom: 0; background: #f1f6fb;}
.t_bar_2 li.item_inactive {background: #efefef;}


/* Calendar Formats */
.cal_month {border-collapse: separate; border-spacing: .175em; font-size: 1em;}
.cal_month th { padding:0.18em;}
.cal_month td {
	height: 1.8em;
	min-width: 2.5em;
	text-align: center;
	vertical-align: middle;
	-moz-border-radius: .3em; 
	-webkit-border-radius: .3em;
	border-radius: .3em;
}
.cal_month td a {display: block; text-decoration: none;}
.cal_month img {border: 0px solid #000000;}
.cal_legend { margin: 10px 0px;}
.cal_legend td.legend {height: 1em; width: 2em;}
.cal_legend td.legend_description {}
.cal_layout_viewmonth {
	border: 1px solid #cccccc;
	border-collapse: separate;
	border-spacing: 1px;
}
.cal_date {background-color: #eef1f4; color: #cccccc; border: 1px solid #dddddd;}
.cal_date_today {background-color: #e8eef8; border: 1px solid #aaaaaa;}
.cal_date_selected {background-color: #e3dec0; border: 1px solid #999999;}
.cal_date_future {background-color: #ffffff; border: 1px solid #dddddd;}
.cal_date_custom_calendar {background-color: #dfccff; border: 1px solid #dddddd;}
.cal_date_disabled {background-color: #fdebb8; border: 1px solid #dddddd;}
.cal_date_reserved_date {background-color: #b9df93; border: 1px solid #dddddd;}
.cal_day {background-color: #c1ccd7;}
.cal_week {background-color: #f6e09d; text-align: center;}
.cal_c_month{text-align: center;background-color: #c1ccd7;}
.cal_p_month{text-align: left;}
.cal_n_month{text-align: right;}



/* Layout and Formatting helpers */
.no_pad {padding: 0;}
.no_mrg {margin: 0;}
.no_border {border:0;}
.no_decoration {text-decoration: none;}
.border {border: 1px solid #c1ccd7;}
.clrb {clear: both;}
.clrl {clear: left;}
.clrr {clear: right;}
.clrb,.clrl,.clrr {height: 0; margin: 0; visibility: hidden; overflow: hidden;}
.rb_tl {-moz-border-radius-topleft: .75em; -webkit-border-top-left-radius: .75em; border-top-left-radius: .75em;}
.rb_tr {-moz-border-radius-topright: .75em; -webkit-border-top-right-radius: .75em; border-top-right-radius: .75em;}
.rb_bl {-moz-border-radius-bottomleft: .75em; -webkit-border-bottom-left-radius: .75em; border-bottom-left-radius: .75em;}
.rb_br {-moz-border-radius-bottomright: .75em; -webkit-border-bottom-right-radius: .75em; border-bottom-right-radius: .75em;}
.rb_all {-moz-border-radius: .75em; -webkit-border-radius: .75em; border-radius: .75em;}
.tbl {display: table; border-collapse: collapse; table-layout: fixed;}
.tbl_cell {display: table-cell;vertical-align: top;}
.tbl_row {display: table-row;}
.pad {padding: 0.67em;}
.padr {padding-right: 0.67em;}
.padl {padding-left: 0.67em;}
.padt {padding-top: 0.67em;}
.padb {padding-bottom: 0.67em;}
.mrg {margin: 0.67em;}
.mrgr {margin-right: 0.67em;}
.mrgl {margin-left: 0.67em;}
.mrgt {margin-top: 0.67em;}
.mrgb {margin-bottom: 0.67em;}
.flt_l {float: left;}
.flt_r {float: right;}
.align_r {text-align: right;}
.align_l {text-align: left;}
.inline {display: inline;}
.hcenter {text-align: center;}
.vcenter {vertical-align: center;}
.vtop {vertical-align: top;}
.required {font-size: 1.1em; color: #dd0000;}
.infotip {font-size: 0.8em; color: #348017;}
h1 {font-size:;}
h2 {font-size:1.4em;}
h3 {font-size:1.17em; margin: 0; color:#315a7d;}
h4 {margin: 0; color:#2469a3;}
table {border-collapse: collapse;}
table.listing {border-collapse: separate;border-spacing: 2px;}
table.listing  tr {background: #e2e7ed;}
table.listing td {padding: 0.67em;}
table.listing .header, table.listing .emph {background: #2469a3; color: #ffffff;}

img {border: 0;}


.notice_success, .notice_warning, .notice_error {padding: 0.45em; margin-bottom: 0.65em;}
.notice_success {background: #dfffdf; border: 1px solid #9fcf9f; color: #005f00;}
.notice_warning {background: #FFEBC1; border: 1px solid #FDBF3B; color: #A6750C;}
.notice_error {background: #ffe3e3; border: 1px solid #dd0000; color: #550000;}
.important {color: #315a7d;/*990000*/ font-size: 1.2em; font-weight: bold; border: 1px solid #eac89e; background: #f3dfc8/*c1d5ea*/;}
.full_width {width: 100%;}
.add_upload {text-decoration: none;padding: 0.41em;}
.del_upload {text-decoration: line-through;}
	

/* NEED TO BE RECONSIDERED */
.alternating1 td {background: #f1f1f1; border-bottom: 1px solid #cccccc;}
.alternating2 td {background: #ffffff; border-bottom: 1px solid #cccccc;}
.alternating3 td {background: #f9e6d2/*ffcc99*/; border-bottom: 1px solid #cccccc;}
.alternating4 td {background: #ff3333; border-bottom: 1px solid #cccccc;}
.alternating_error td {background: #ef9f9f; border-bottom: 1px solid #cccccc;}
.disabled {color: #aaaaaa;}

.ttlightblue {
	text-align: center;
	font-size: 1.08em;
	background-color: #c1ccd7;
	height: 25px;
	border-bottom: 1px solid #cccccc;
}
.classList {width: 100%;}
.classList th {background: #eef1f4; font-weight: normal; height: 25px;}
.full_content_box {margin-bottom: 5px; clear: both; border: 1px solid #e3dec0; padding: 1px;}

/************************************************************************************
 * Reservation Formatting 
 ***********************************************************************************/
.reservation_billing table {border-collapse: separate;border-spacing: 2px;}
.reservation_billing tr {background: #e2e7ed;}
.reservation_billing td {padding: 5px;}

.reservationSingle .info {padding: 10px; border: 10px solid green;} /*remove in the end*/
.reservationSingle .title {background: green; padding: 0.33em; margin-bottom: 1px;} /*remove in the end*/
.reservationSingle .container {background: #f2f2f2; border: 1px solid #c1ccd7; padding: 1px;}
.reservationSingle .container .title {background: #dddddd;padding: 0.33em;}
.reservationSingle .content {background: #eee7db;}

.reservationWeek .item {padding: 0 0.67em;}
.reservationWeek .pad{padding: 0.335em;}
.reservationWeek .mrgt{margin-top: 0.335em;}
.reservationWeek .notes{margin: 0 2.68em;}
	
.reservationDay {background: #f2f2f2; border: 1px solid #c1ccd7;}
.reservationDay .pad {padding: 0.335em;}
.id {background: #dddddd;}
.reservee {background: #dce6ee;}
.phone {background: #315a7d; color: #ffffff;}
.divider {background: #d0e7d0;}
.reservedBy {background: #f6e8d1;}
.classTimes {background: #eee7db;}
.notes {background: #d9e2a8; overflow: auto;}



/* Links */
a, a:hover, a:active, a:visited {color: #214779;}

/* Used By Qcodo */
.warning {color: #dd0000;}
.paginator .arrow {font-weight: bold;color: #aaaaaa; margin: 0 .4em;}
.paginator .break {margin: 0 0.4em;}
.paginator .page {text-decoration: none; color: #000000; padding: 0 .4em;}
.paginator .selected {font-weight: bold; background-color: #ddccff; padding: 0 .4em;}




/* Tables */

/* Cell Emphasis*/
.colEmphsz{background-color: #dce6ee;}
.colDemphsz{background-color: transparent;}





/* Form/Inputs */
form {margin: 0; padding: 0;}
input, select, button {
	font-size: 1.1em;
	font-family: arial, helvetica, sans-serif; 
	border: 1px solid #c0c0c0;
	height: 25px;
	margin: 0;
}

input, button {
	padding: 0 0.3em; 
}

input[type=radio] {
	height: 1em;
	margin: 0.3em;
}

select {
}

/* Buttons */
a.button {
    background: red url('../img/3d_button_04.png') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 27px;
    margin-right: 6px;
    padding-right: 25px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: red url('../img/3d_button_03.png') no-repeat;
    display: block;
    line-height: 27px;
    height:27px;
}

input[type=submit], 
input[type=button],
button { 
  border:0; 
  cursor:pointer; 
  font-size: 0.9em;
  font-weight:bold; 
  padding:0 25px 0 0;
  height:27px; 
  text-align:center; 
  text-transform:uppercase;
  background:url('../img/3d_button_04.png') top right no-repeat;
}

input[type=submit] span, 
input[type=button] span,
button span { 
	position: relative;
	display: block;
	white-space: nowrap;
	padding: 0 0 0 25px;
	height: 27px;
	line-height: 28px;
	background: url('../img/3d_button_03.png') top left no-repeat;
}


input[type=submit]:hover,
input[type=button]:hover, 
button:hover{
	background:url('../img/3d_button_04.png') top right no-repeat;
	background-position: 100% -28px;
}


input[type=submit]:hover span, 
input[type=button]:hover span,
button:hover span {
	background:url('../img/3d_button_03.png') top left no-repeat;
	background-position: 0 -28px;
}

input[type=submit]::-moz-focus-inner,
input[type=button]::-moz-focus-inner,
button::-moz-focus-inner { 
    border: 0;
    padding: 0;
}

button[disabled], 
button[disabled]:hover,
button[disabled]:active,
input[type=submit][disabled],
input[type=submit][disabled]:hover,
input[type=submit][disabled]:active,
input[type=button][disabled],
input[type=button][disabled]:hover,
input[type=button][disabled]:active {
  background:url('../img/3d_button_04.png') top right no-repeat;
  cursor: default;
  /*background-color: gray;*/
}

button[disabled] span, 
button[disabled]:hover span,
button[disabled]:active span,
input[type=submit][disabled] span,
input[type=submit][disabled]:hover span,
input[type=submit][disabled]:active span,
input[type=button][disabled] span,
input[type=button][disabled]:hover span,
input[type=button][disabled]:active span {
  background:url('../img/3d_button_03.png') top left no-repeat;
  /*background-color: gray;*/
}

input[type=submit]:active,
input[type=button]:active, 
button:active{
	background:url('../img/3d_button_04.png') top right no-repeat;
	background-position: 100% -56px;
}


input[type=submit]:active span, 
input[type=button]:active span,
button:active span {
	background:url('../img/3d_button_03.png') top left no-repeat;
	background-position: 0 -56px;
}

.pri_button, .pri_button:active, .pri_button:hover, 
.pri_button span, .pri_button:active span, .pri_button:hover span {
	background-color: #5fd35f; 
}

.destructive_button, .destructive_button:active, .destructive_button:hover, 
.destructive_button span, .destructive_button:active span, .destructive_button:hover span {
	background-color: #ff0000; 
}

.cancel_button, .cancel_button:active, .cancel_button:hover, 
.cancel_button span, .cancel_button:active span, .cancel_button:hover span {
	background-color: #efefef; 
}

/*

.sec_button {border: 1px solid #c0c0c0; background-color: #f2f2f2; margin-left: 1.2em;}
*/

select {
	/*
  -webkit-appearance: button;
  -webkit-border-radius: 2px;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-padding-end: 20px;
  -webkit-padding-start: 2px;
  -webkit-user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;*/
  padding:0 0 0 0.3em;
  /*
  background: transparent;
  background: url('../img/down_arrow_select.jpg') no-repeat right #ddd;*/
}

.styled-select {
   width: 240px;
   height: 34px;
   overflow: hidden;
   background: url(new_arrow.png) no-repeat right #ddd;
}

label {padding-left: 5px;}

}