﻿DIV.user-controls { text-align:center; margin:4px 8px; padding:4px 0; } 
DIV.user-controls A.print-schedule {background:transparent url('../../images/common/print_icon.png') no-repeat 0 50%; float:right; padding:5px 0 0 20px; height:21px; margin-right:12px; } 
DIV.user-controls A.show-my-cart  {  background: url("../../images/common/cart_icon.png") no-repeat scroll 0 60% transparent; color: #111;  float: right; font-size: 14px; font-weight: bold;  margin-right: 25px; margin-top: 6px; vertical-align: middle; text-align: left;text-indent: 27px;}
DIV.user-controls .my-cart-item-count{  background: none repeat scroll 0 0 #91C848; border-radius: 28px 28px 28px 28px; color: #FFFFFF; display: inline-block; font-size: 12px; height: 14px; margin-left: -15px; margin-top: -6px; position: absolute; text-align: center; text-indent: 0; text-shadow: 1px 1px 1.5px #9E9E9E; width: 14px;}

DIV.user-controls A.laquo IMG, DIV.user-controls A.raquo IMG, DIV.user-controls A.laquo , DIV.user-controls A.raquo { border:0; width:15px; height:11px; }
DIV.user-controls A.laquo , DIV.user-controls A.raquo{ margin: 0; padding: 9px 2px 9px 2px; } 
DIV.user-controls A.laquo { background:transparent url('../../images/common/navArrow_left.png') no-repeat 50% 50%; } 
DIV.user-controls A.raquo { background:transparent url('../../images/common/navArrow_right.png') no-repeat 50% 50%;} 
DIV.user-controls SPAN { font-size:12px; color:#000000;  font-weight:lighter; margin:0 3px;  }

DIV.class-controls { float: left; margin: 2px 0 3px 10px; }

DIV.class-schedule-container { width:768px; float:right; margin:3px 0 0 0; } 
 
TABLE.class-schedule{ background-color:#E0E0E0; margin: 10px 0 20px 0; font-size:11px; color:#6E6E6E; }
TABLE.class-schedule TR.header-desc TD{ font-weight: bold; font-size: 12px; color: #FFF; background: linear-gradient(gainsboro, #9B9B9B); background: -webkit-linear-gradient(gainsboro, #9B9B9B); background: -moz-linear-gradient(gainsboro, #9B9B9B); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DCDCDC', endColorstr='#9B9B9B'); width:99px; } 
TABLE.class-schedule TR.header-desc TD.disabled{ color:#7D7D7D; }
TABLE.class-schedule TR.header-desc TD.time { background-color:#fefefe; width:61px; }
TABLE.class-schedule TD { background-color:#ffffff; text-align:center; vertical-align:top; padding:2px; }
TABLE.class-schedule TD DIV.in-cart { background-color:#c2c2c2; } 

TR.morning TD.time, TR.afternoon TD.time, TR.evening TD.time { background-color: #FBFBC7; font-size: 12px; font-weight: bold; } 

TR.morning TD.time{ background-color:#FBFBC7; }
TR.afternoon TD.time { background-color:#ecfce9; }
TR.evening TD.time{ background-color:#e6e6f6; }

DIV.scheduled-class{  padding:4px 0;  }
DIV.scheduled-class DIV.name { overflow:hidden; width:100px; color:#336699; font-weight:800; text-transform:uppercase; } 
DIV.scheduled-class DIV.teacher { color:#336699;  text-transform:capitalize;} 
DIV.scheduled-class DIV.minute-duration { } 
DIV.scheduled-class DIV.class-time { } 
DIV.scheduled-class DIV.book-now-container div.loading {  background: url("../../images/common/ajax-loader.gif") no-repeat scroll center center transparent; display: none; height: 15px; margin-left: 18px; margin-right: 18px;} 
DIV.in-cart DIV.book-now-container { font-style:italic; color:#ffffff; text-decoration:none; font-weight:normal; } 
DIV.in-cart DIV.book-now-container a { color:#ffffff; text-decoration:underline; font-weight:normal; } 
DIV.class-schedule-container SPAN.red, DIV.scheduled-class DIV.red { color:#ff0000; } 
DIV.scheduled-class DIV.name-id { display:none; }
DIV.scheduled-class DIV.teacher-id { display:none; }
DIV.scheduled-class DIV.teacher2-id { display:none; }
DIV.seperator { width:100%; height:1px; overflow:hidden; background-color:#cccccc;  } 
TABLE.class-schedule TD Div.scheduled-class.no-border { border-bottom: 0px ! important;}

div.addCheckedClassesToCart { text-align: right; margin: 4px 0 7px; height: auto; float: right; }

.classSearchResults { margin-top: 25px; }

div.class-schedule-container tr.gridRow td.highlighted, 
div.class-schedule-container tr.gridRowAlternate td.highlighted, 
div.class-schedule-container tr.gridRowHover td.highlighted { background-color: #CDF3FE;}

DIV.class-scheduler-container { margin:0 17px 10px 5px; }
DIV.class-and-teacher-types { float:left; width:133px; }  
DIV.class-and-teacher-types DIV.instruction { width:128px; color:#666666; margin: 10px 0 0 5px; font-size: 14px; } 
DIV.highlite-section { margin:12px 8px 0; } 
DIV.highlite-section DIV.header-area { font-size:12px; font-weight:bold; color:#858585; }
DIV.highlite-section DIV.header-area A { float:right; display:none; margin: 2px 5px 0 0; color: #fff; } 
DIV.highlite-section DIV.types{ margin:5px 7px 0; overflow:hidden; width:120px;}
DIV.highlite-section DIV.types A{ padding:2px 0; text-transform:capitalize; display:block;}
DIV.noClassesContainer { margin: 5px 0 15px;  }

/* dialog */
DIV.overlay-content { text-align:left; } 
DIV.overlay-content DIV.time-and-button , DIV.overlay-content DIV.close-wrapper { text-align:right; } 
DIV.overlay-content DIV.close-wrapper SPAN.close { background:transparent url('../../images/common/x_close.png') no-repeat 100% 50%; padding-right:17px; cursor:pointer; } 
DIV.overlay-content DIV.close-wrapper { float: right; padding: 7px 12px; }
DIV.overlay-content DIV.about { margin: 0 50px 0 9px; }
DIV.overlay-content DIV.about DIV.about-text P{ margin:0 0 10px; padding:0; clear:none !important} 
DIV.overlay-content IMG.img-wrapper { border:1px solid #cccccc; padding:3px; margin-right:17px;  max-width:100px; max-height:100px; }
DIV.overlay-content IMG.img-wrapper.treatment { margin-left: 9px; }
DIV.overlay-content DIV.desc { margin:15px 0; padding: 0 10px; color: #747474; }
DIV.overlay-content DIV.grayed { color:#666666; }
DIV.overlay-content DIV.class-name { text-transform:uppercase; font-size:1.2em; }
DIV.overlay-content DIV.class-name SPAN.bg-yellow { text-transform:lowercase; font-size:0.8em; } 
DIV.overlay-content DIV.about-header { margin-bottom:5px; }
DIV.overlay-content DIV.clear-treatment { clear: both; margin-bottom: 10px; }

DIV#class-filter-dialog-content div.heading {float: left; padding-left: 10px; padding-top: 10px;}
DIV#class-filter-dialog-content p.column {  float: left; min-height: 70px; padding-left: 15px; text-align: justify; width: 30%; }
DIV#class-filter-dialog-content DIV.actions { background-color: #F2F2F2; padding: 8px 2px 10px 13px; }
DIV#class-filter-dialog-content DIV.actions table tr td { vertical-align: middle; }

DIV.my-cart-dialog { font-size: 12px; width: auto; }
DIV.my-cart-dialog H2 { background-color: #F2F2F2; color: #666666; font-size: 14px; font-weight: bold; height: 30px; margin: 0 0 15px; padding: 11px 0 0 10px; text-transform: uppercase; }
DIV.my-cart-dialog H2 SPAN { background: url("../../images/common/cart_icon.png") no-repeat scroll 1% 47% transparent; display: inline-block; margin: 1px 0 0 5px; padding: 1px 0 0 25px; }
div.my-cart-dialog div.close {float: right; height: 10px; padding-right: 10px; width: 10px; }
DIV.my-cart-dialog SPAN.total { color: #737373; float: right; font-size: 12px; font-weight: bold; margin: 14px 35px 0 0; }
DIV.my-cart-dialog P.subtotal { clear: both; margin: 5px 15px 25px; padding: 15px 15px 0 10px; text-align: right; color: #666;}
DIV.my-cart-dialog P.subtotal span { color: #111;}
DIV.my-cart-dialog .class-img { float: left; padding: 0 0 10px 14px; }
DIV.my-cart-dialog .class-desc { float: left; height: 60px; padding: 0 0 10px 14px;  color: #6E6E6E;}
DIV.my-cart-dialog .class-date { text-indent: 10px; width: 100%; padding-bottom: 4px; margin-bottom: 8px; color: #6E6E6E; }
DIV.my-cart-dialog .class-times { padding-left: 10px; padding-left: 20px;float: left; color: #6E6E6E; }
DIV.my-cart-dialog .class-name { padding-left: 20px;float: left; color: #6E6E6E; }
DIV.my-cart-dialog .class-seperator { height: 1px; padding-top: 15px; clear: both;  width: 100%; }
DIV.my-cart-dialog .border-bottom-gray { margin-bottom: 15px; border-bottom: 1px solid #CCCCCC; }
DIV.my-cart-dialog .remove-class {   background: url("../../images/common/x_close.png") no-repeat scroll 0 0 transparent; float: right; height: 10px; width: 10px;} 
DIV.my-cart-dialog .remove-class div.loading {  background: url("../../images/common/ajax-loader.gif") no-repeat scroll center center transparent; display: none;  margin-left: -30px; width: 40px;height: 15px;} 

.classInfo { background-color: #F2F2F2; padding: 8px 2px 10px 13px; }
.treatmentClassInfo { padding: 8px 2px 10px 13px; }
.treatmentImgCont { text-align: center; }
DIV.overlay-content .treatmentImgCont IMG.img-wrapper { margin-right: 0; }
.time-and-button { color: #969696; font-style: italic; font-size: 11px; padding: 0 14px 10px 0; }
.time-and-button input { border: none; margin: 12px 5px 0; padding: 6px 11px; color: #FFFFFF; cursor: pointer; border-radius: 6px; box-shadow: 1px 1px 5px #9d9d9d; text-shadow: 1px 1px 1.5px #9E9E9E; }

#overlay_loader{margin:10px auto; width:32px; display:block;}
.bg-yellow { background-color:#FFF2AC; }
.show-in-print-only { display:none; }
.left{ float:left; } 
.right{ float:right;}
.hide{ display:none; }