/* Foundation v2.2.1 http://foundation.zurb.com */
/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/
#classScheduleSearchRow
{
  padding-bottom:5px;

}


/* -----------------------------------------
   Shared Styles
----------------------------------------- */


/* -----------------------------------------
   Template Page
----------------------------------------- */

.background
{
    background: #f1f1f1;
    font-family: "Arial", sans-serif;
    margin: 0;
    padding: 0;
}

span
{
    color: #404040;
    line-height: 16px;
    text-shadow: 0 0 2px #cccccc;
    font-size: 14px;
}

h5
{
    font-weight: bold;
    font-size: 15px;
    padding-top: 32px;
    text-shadow: 0 0 2px #a0a0a0;
}

h6
{
    font-weight: normal;
    font-size: 18px;
    padding-top: 40px;
    text-shadow: 0 0 2px #a0a0a0;
    color: #d6d4d4;
}


.layout1
{
    padding-top: 6em;
    padding-bottom: 12em;
}

.layout1 img
{
    border:5px solid #fff;
    -moz-box-shadow:0 0 5px 2px #e2e2e2;
    -webkit-box-shadow:0 0 5px 2px #e2e2e2;
    box-shadow: 0 0 5px 2px #e2e2e2;
    margin-top: 28px;
    overflow: hidden;
    width: 240px;
}

.layout2
{
    padding-bottom: 2em;
}

.layout2 img
{
    cursor: pointer;    
    min-height: 283px;
    max-height: 283px;
}

.layout2 p
{
    padding: 15px 0 50px 40px;
    text-shadow: 0 0 2px #c9c9c9;
}

.details span
{
    color: #d6d4d4;
    font-size: 13px;
}

.fade
{
    overflow:hidden;
    width:232px;
    height:282px;
    margin: 0;
    padding: 0;
}

.fade-img
{
    position: absolute;
    opacity: 1;
    height:283px;
    width: 213px;
    overflow: hidden;
    z-index: 5;
}

.fade-text
{
    position: absolute;
    width:213px;
    height:283px;
    background: #111;
    padding: 0 9px;
    overflow: hidden;
}

.fade-text span
{
    line-height: 15px;
    text-shadow: 0 0 2px #a0a0a0;
    color: #d6d4d4;
    font-size: 13px;
}



/* -----------------------------------------
   Layout Page
----------------------------------------- */

@font-face {
    font-family: 'bebas_neueregular';
    src: url('../fonts/bebasneue-webfont.eot');
    src: url('../fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/bebasneue-webfont.woff') format('woff'),
        url('../fonts/bebasneue-webfont.ttf') format('truetype'),
        url('../fonts/bebasneue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.resize
{
    padding: 0 15px;
}

.icon
{
    float:right;
}

.icon a
{
    margin-left: 10px;
}

.container2
{
    margin: 1em auto 2em;
}


.text
{
    font-size:  20px;
    padding: 13px;
    text-shadow: 2px 1px 1px #ffffff;
}

span.custom:hover
{
    color: #053c5b;
}

a:hover
{
    color: #053c5b;
}

.bg
{
    background: #fcfcfc;
    -moz-box-shadow:inset 0 0 1px 5px #f5f5f5;
    -webkit-box-shadow:inset 0 0 1px 5px #f5f5f5;
    box-shadow:inset 0 0 10px 5px #f5f5f5; 
}

.main
{
    padding: 20px;
    margin-top: -6px;
}

.classmain
{
    font-family: "bebas_neueregular";
    padding: 20px;
    margin-top: -6px;
}

.classmain h6
{
    font-family: "bebas_neueregular";
    font-size: 20px;
    color: #656565;
    padding: 0 0 40px;
    margin: 0;
}

.classmain h1
{
    font-family: "bebas_neueregular";
    font-size: 54px;
    font-weight: normal;
    color: #053c5b;
    padding: 0;
    margin: 0;
}
span.custom
{
    font-size: 11px;
    padding: 13px 0 0 15px;
    float:left;
}

span.custom:hover
{
    font-size: 11px;
    color: #999999;
    padding: 13px 0 0 15px;
    float:left;
}

a.custom
{
    font-size: 11px;
    color: #999999;
    padding: 13px 0 0 15px;
    float:left;

}

.calendar
{
/*
    background: url("../images/calendar.jpg") no-repeat right #f5f5f5;
    cursor: pointer;
    box-shadow:inset 1px 1px 1px #ededed;
*/
    -moz-box-shadow:inset 1px 1px 1px #ededed;
    -webkit-box-shadow:inset 1px 1px 1px #ededed;
/*
    border-top: solid 1px #d9d9d9;
    border-left: solid 1px #d9d9d9;
*/
/*
    padding: 10px;
*/
    width: 121px;
    height: 33px;
    float:right;
    font-size: 13px;
    text-shadow: 1px 1px 1px #ffffff;
    color: #999999;
    background-color: #f5f5f5;


   
}

.date
{
    height: 33px;
    box-shadow:inset 0 1px 1px #eaeaea;
    -moz-box-shadow:inset 0 1px 1px #eaeaea;
    -webkit-box-shadow:inset 0 1px 1px #eaeaea;
    border-top: solid 1px #d6d6d6;
    background: #f3f3f3;
    margin-right: 5px;
    float:right;
    text-align: center;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    text-shadow: 1px 1px 1px #ffffff;
}

.date span
{
    padding: 0 10px;
    line-height: 33px;
    float:right;
    font-size: 13px;
    color: #999999;
}

.left-arrow
{
    width: 28px;
    height: 33px;
    border-top: solid 1px #d6d6d6;
    border-left: solid 1px #e9e9e9;
    border-bottom: none;
    border-right: none;
    background: url("../images/left-arrow.gif") no-repeat center #f3f3f3;
    float:right;
    border-top-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    cursor: pointer;
    box-shadow:inset 0 1px 0 #eaeaea;
    -moz-box-shadow:inset 0 1px 0 #eaeaea;
    -webkit-box-shadow:inset 0 1px 0 #eaeaea;
    margin-top: -1px;
}

.left-arrow:hover
{

    background: url("../images/left-arrow.gif") no-repeat center #fff;
}

.right-arrow
{

    width: 28px;
    height: 33px;
    border-top: solid 1px #d6d6d6;
    border-right: solid 1px #e9e9e9;
    border-left: none;
    border-bottom: none;
    background: url("../images/right-arrow.gif") no-repeat center #f3f3f3;
    box-shadow:inset 0 1px 0 #eaeaea;
    -moz-box-shadow:inset 0 1px 0 #eaeaea;
    -webkit-box-shadow:inset 0 1px 0 #eaeaea;
    border-top-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    float:right;
    cursor: pointer;
    margin-top: -1px;
}

.right-arrow:hover
{

    background: url("../images/right-arrow.gif") no-repeat center #fff;
}

.first
{
    width: 9.5%;
    border: none;
}

.second
{
    text-align: center;
    width: 14.5%;
    border-left: 1px solid #ebebeb;

}

.third
{
    text-align: center;
    width: 20.5%;
    border-left: 1px solid #ebebeb;
}

.fourth
{
    text-align: center;
    width: 17%;
    border-left: 1px solid #ebebeb;
}

.fifth
{
    text-align: center;
    width: 26.2%;
    border-right: 1px solid #ebebeb;
}

.header div
{
    font-size: 21px;
    color: #053c5b;
    margin-top: -6px;
    margin-bottom: 5px;
    padding:15px 0
}

hr
{
    width: 100%;
    top: -6px;
    margin: 0;
    color: #d8d8d8;
    position: relative;

}


.date-header
{
    font-size: 20px;
    background: #f3f3f3;
    padding: 15px 21px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    color: #666666;
    border-top: 1px solid #d6d6d6;
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    box-shadow:inset 0 1px 1px #eaeaea;
    -moz-box-shadow:inset 0 1px 1px #eaeaea;
    -webkit-box-shadow:inset 0 1px 1px #eaeaea;
}

.date-header span
{
    color: #053c5b;
    font-size: 20px;
}

.break
{
    padding-bottom: 1px;

}

.content-bg1 
{
    background: #f2f2f2;
}

.content-bg2
{
    background: #efefef;
}

.content-row 
{
    font-family: "Arial";
    min-height: 36px;
    font-size: 13px;
    color: #999999;
    padding: 12px 0 12px 28px;
    text-shadow: 1px 1px 1px #dadada;
    overflow: hidden;
}

.content-row-small
{
    font-family: "Arial";
    height: 36px;
    font-size: 13px;
    color: #999999;
    padding: 12px 0 12px 28px;
    text-shadow: 1px 1px 1px #dadada;
    overflow: scroll;
}

.available span
{
    color: #053c5b;
    text-shadow: 1px 1px 1px #b1bfc8;
}

.content-row:hover
{   
    cursor: pointer;
    background: #cccccc;
}

input.available-button, .available-button
{
    background: #4fc369;
	background-color: #4fc369;
    border: 1px solid #4fc369;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 4px;
    width: 72px;
    padding: 5px 0 4px 0;
    top: -7px;
    left: -22px;
    position: relative;
    color: #ffffff;
    box-shadow: inset 2px 2px 0 #75d087 , 0 1px 1px 1px #669e73;
    -moz-box-shadow: inset 2px 2px 0 #75d087 ,  0 1px 1px 1px #669e73;
    -webkit-box-shadow: inset 2px 2px 0 #75d087 ,  0 1px 1px 1px #669e73;
    text-shadow: 0 1px 1px #a1dfaf;
    cursor: pointer;
    text-align: center;
	font-size: 10pt;
	font-weight: normal;
	display: inline-block;
}

input.available-button:hover, .available-button:hover,  a .available-button:hover 
{
    background: #388c4e;
    border: 1px solid #388c4e;
    box-shadow:  0 1px 1px 1px #669e73;
    -moz-box-shadow:   0 1px 1px 1px #669e73;
    -webkit-box-shadow:   0 1px 1px 1px #669e73;
}

.full-button
{
    background: #d7d7d7;
    border: 1px solid #d7d7d7;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 4px;
    width: 72px;
    padding: 5px 0 4px 0;
    top: -7px;
    left: -22px;
    position: relative;
    color: #666666;
    box-shadow: inset 2px 2px 0 #e2e2e2 , 0 1px 1px 1px #f8f8f8;
    -moz-box-shadow: inset 2px 2px 0 #e2e2e2 , 0 1px 1px 1px #f8f8f8;
    -webkit-box-shadow: inset 2px 2px 0 #e2e2e2 , 0 1px 1px 1px #f8f8f8;
    text-shadow: 0 1px 1px #b2b2b2;
    cursor: pointer;
}

.cancelled span
{
    color: #aeaeae;
    text-shadow: 1px 1px 1px #b1bfc8;
    text-decoration: line-through;
}

.rfirst
{
	text-align: center;
    width: 13.5%;
}

.rsecond
{
	text-align: center;
    width: 15.5%;
}

.rthird
{
	text-align: center;
    width:30.5%;
}

.rfourth
{
	text-align: center;
    width: 18%;
}

.rfifth
{
	text-align: center;
    width: 22.5%;
}

.quote
{
    font-family: "bebas_neueregular";
    margin-top: 5px;
    background: url(../images/quote.jpg) repeat-x;
    color: #ffffff;
    padding: 28px 28%;
}

.quote-text
{
    font-size: 23px;
}

.quote-text span
{
    font-size: 23px;
    color: #fed23d;
}

footer
{
    font-family: "bebas_neueregular";
    font-size: 12px;
    color: #999999;

}

.contact
{
    font-size: 12px;
    padding-top: 7px;
    font-family: "Arial";
}

input.hasDatepicker[type=text]
{
    display: inline;
    width: 75px;
    margin-bottom: 30px;

}
.ui-datepicker-trigger
{
    width: 35px;
    border: 0px;
    padding: 0px;
    margin-bottom: 3px;

}


span .mobile-title {
    color: #053c5b;
    font-size: 15px;
}

.tooltipwrapper {
    float: right;
    width: 45%;
    display: flex;
    align-items: flex-start;
}

.tooltip_templates {
    display: none;
}

#powerTip {
    position: absolute;
    display: none;
    width: 200px;
    word-wrap: break-word;
}

.EnrollmentFeeInfo, .RegPriceInfo {
}

.tooltipwrapper{
    float: left;
    width: 50%;
    text-align: left;
    margin-top: 2px;
}

.pricingitems .totalpriceleftitem, .pricingitems .tooltipwrapper, .regpriceitem .regpricename, .regpricename .regprice, .lineitem .efname, .lineitem .efprice {
    float: left;
}