* {	margin: 0;
    font: normal small verdana, Helvetica, sans-serif;
    font-size: 98.5%;
    color: #444444;
}

body {
    background: #FFFFFF url(https://public.mindzplay.ca/images/bg_default.gif) repeat-x;
    text-align:center;
    background-position: -0px -50px;}

INPUT, TEXTAREA, SELECT {padding:2px;border: #dcdcdc 1px solid;}


fieldset {}

legend {}

strong{font-weight:bold;}

h1, h2, h3 {
    margin: 0;}

    h1 {
    font-size: 2.0em;
    color: #c5d2d8;
    font-weight:normal;}

h2 {
    margin-bottom: .5em;
    font-size: 1.2em;
    color:#565656;
    margin-left: 1.7em;
    font-weight:normal;}

h3 {
    margin-bottom: 1em;
    font-size: 1em;}


p {
    line-height: 1.5em;
    text-align: justify;
    margin:0 0 8px 0;}

blockquote {}



ul {margin-left: 2em;
    list-style: square;}

ul li {}

ol {margin-left: 2em;}

ol li {}

a {color: #9e1c1f;}

a:hover {
    text-decoration: none;
    color: #9e1c1f;
}
img {
    width: auto\9;
    height: auto;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}

hr {
    width: 80%;
    color:#91A3AD;
    height: 1px;}

form {
    PADDING: 0px;
    MARGIN: 0px;}


/* change the color of the hightlighted text */
::selection {
    background: #cee9f0; /* Safari */
    }
::-moz-selection {
    background: #cee9f0; /* Firefox */
}




/* QUICK MENU CLASS */

DL {
    width: 227px;
    margin: 0px 4px 5px 5px;
    background: #C5D2D8 url(https://public.mindzplay.ca/images/box_bottom.gif) no-repeat bottom left;
    }


DD {
    margin: 0px 5px 5px 5px;
    padding: 0px;
    font-size: 9px;
    }

.dd a, .dd a:link, .dd a:active, .dd a:visited {
    text-decoration:none;
    color:#9E1C1F;
    font-size: 9px;}

.dd a:hover{
    text-decoration:underline;
    color:#9E1C1F;
    font-size: 9px;}





.floatright{float:right;}












/*
--------------------- DEFAULT SHELL CLASS----------------
** Controls main shell outside properties **
*/


/*Top Log In Menu */

#shelltopmenu {
margin: 0 auto;
padding:5px 0px;
width:300px;
float:right;}

#shelltopmenu ul {
    margin: 0;
    padding: 5px 10px 0 0;
    list-style: none;
    line-height: normal;}

#shelltopmenu li {
    display: inline}

#shelltopmenu a {
    display: block;
    float: right;
    margin: 0 20px 0 0px;
    padding: 0 0 0 15px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: x-small;
    font-weight: bold;
    color: #9e1c1f;}

#shelltopmenu a:hover {text-decoration: underline}






/* Header */

#shellheader {
    width:400px;
    height: 70px;
    margin: 0 50px;
    background: url(https://public.mindzplay.ca/images/head.gif) no-repeat;}

#userProxy{float:right;
    clear:both;
    margin-right:2em;
    font-size:.8em;
    color:#676767;}


/* Header > Logo */

#shelllogo {
    padding: 5px;}


/* Header > notice */

#shellnotice{
    float: right;
    background: url(https://public.mindzplay.ca/images/header_info_bg.gif) no-repeat;
    width: 322px;
    height: 81px;
    margin:5px;
    overflow:hidden;
    text-align:left;	}


#shellnotice p {
    padding:8px;
    }



/* Content */

#content {
    /*width: 770px;*/
    /*width:960px;*/
    width: 70em;
    max-width: calc(100% - 4em);
    margin: 0 auto;
    /*padding: 20px 0;*/
    padding: 2em 2em 1em 2em;
    text-align:left;
}

/* Content > Main */

#main {
    /*width: 529px;*/
    width: 720px;
    text-align:left;
    margin-left:225px;}




/* Content > Sidebar */

#sidebar {
    font-size:0.85em;
    float: left;
    width: 220px;
    margin-right:5px;
    margin-top:0px;}


/* Footer */

#shellfooter {
    clear: both;
    margin: 0 auto 2em auto;
    border-top: 1px solid #CCCCCC;
    background: #9e1c1f;
    }

/* Footer > Legal */

#shelllegal {
    margin: 0;
    padding: 8px;
    text-align: center;
    font-size: x-small;
    color:#fff;
}

#shelllegal a {
    font-weight: bold;
    color:#fff;
}




/*-------------New for arrival styling--------*/
#arriving{
border-top:#b1b1b0 solid 1px;
    Width:204px;
    margin:12px auto;
}

.arriveHead{
background:#f0efef;
    color:#707070;
    padding:12px;
    font-weight:bold;}

.firstv{
    background-color:#7fb6f0;}
.arrived{
    background-color:#cfb565;}
.invoiced{
    background-color:#a6d065;}

.book{
    height:20px;
    padding: 8px 12px 12px 5px ;
    border-bottom:1px solid #ebebed;
    font-size:90%;
    position:relative;
    width:185px;
    box-sizing: content-box;}

/* used to remove a row without repainting screen*/
.removed{
    display:none;}

/* these display the icon in the dropdown button*/
.iconArrive{
    background-image: url(https://public.mindzplay.ca/images/icons/appointmentsprite_16.png);
    width: 16px; height: 16px;
}

.iconWait{
    background-image: url(https://public.mindzplay.ca/images/icons/appointmentsprite_16.png);
        background-position: -16px 0px;
    width: 16px; height: 16px;
}
.iconCheckout{
    background-image: url(https://public.mindzplay.ca/images/icons/appointmentsprite_16.png);
        background-position: -48px 0px;
    width: 16px; height: 16px;
}
.iconNoShow{
    background-image: url(https://public.mindzplay.ca/images/icons/appointmentsprite_16.png);
        background-position: -64px 0px;
    width: 16px; height: 16px;
}
/* positions the dropdown button*/
.arriveButton{position: absolute;top:8px;right:0px;}







/* --------------- CUSTOM CLASS -------------
** list custom class styles not part of a defined   **
** group in alphabetical order                      **
*/
div.addnewpage{
    float:left;
    width:33%;
    margin: 15px 0px;}

.addline {
    color:#bcbcbf;
    font-style: italic;}

.nav12select {
    background:url(https://public.mindzplay.ca/images/arrow_down.gif) #b2bfc6 no-repeat 50% top;
    BACKGROUND-COLOR: #B2BFC6;
    text-align:center;
    text-decoration:none;
    font-weight:bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color:#9E1C1F;
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 2px;
    PADDING-TOP: 2px;
    font-size: 13px;}


.balance{background: #FFFFFF url(https://public.mindzplay.ca/images/bg_balance.gif) repeat-x;}
#bal, #bal span{color:red;}


.BoldRed {
    text-decoration:none;
    font-weight:bold;
    color:#9E1C1F;}

.buttonrow {
  BACKGROUND-COLOR: #f5f5f5;
   text-align:right; /*all buttons align right*/}

.buttonrow td, td.buttonrow {
 padding:5px;
    background: #f5f5f5;
    background: -moz-linear-gradient(top, #f5f5f5 0%, #f1eff0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #f1eff0));
    background: -webkit-linear-gradient(top, #f5f5f5 0%, #f1eff0 100%);
    background: -o-linear-gradient(top, #f5f5f5 0%, #f1eff0 100%);
    background: -ms-linear-gradient(top, #f5f5f5 0%, #f1eff0 100%);
    background: linear-gradient(to bottom, #f5f5f5 0%, #f1eff0 100%);
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#f5f5f5', EndColorStr='#f1eff0', GradientType=0);
    border-bottom:1px solid #d4d2d3;}

.contenttable {
    border-spacing:1px;
    padding: 4px;
    border:0;
    border-top:0px solid #C5D2D8;
    border-right:1px solid #C5D2D8;
    border-bottom:1px solid #C5D2D8;
    border-left:1px solid #C5D2D8;
    width:100%;}

.contenttable * {
	box-sizing: content-box;}


/**  view all dates overlay */
#datelist{background:#fff;border:1px solid #e7e7e7;}
#datelist div{padding:5px;line-height:1.5em;font-size:.8em;}

.disabled td{color:#aaaaaa;}

.editor_merge{
    background:#d3d3d3;margin:  5px 9px 5px 6px;
    color:#3f3f3f;
    padding: 5px;
    -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;}

.ckeditor_merge {
    width:100%;
    color:#3f3f3f;
    margin-bottom: 4px !important;

    border:1px solid #b6b6b6;
    padding:6px 9px 2px;
    white-space:normal;
    -moz-box-shadow:0 1px 0 #fff inset;
    -webkit-box-shadow:0 1px 0 #fff inset;
    box-shadow:0 1px 0 #fff inset;
    background:#cfd1cf;
    background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#cfd1cf));
    background-image:-moz-linear-gradient(top,#f5f5f5,#cfd1cf);
    background-image:-webkit-linear-gradient(top,#f5f5f5,#cfd1cf);
    background-image:-o-linear-gradient(top,#f5f5f5,#cfd1cf);
    background-image:-ms-linear-gradient(top,#f5f5f5,#cfd1cf);
    background-image:linear-gradient(top,#f5f5f5,#cfd1cf);
    filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#f5f5f5',endColorstr='#cfd1cf')
    height:40px;
    min-height:40px;
}
.ckeditor_merge > * {
    float:left;
    margin:1px;
}
.ckeditor_merge select {
    width:15em;
    margin-right:5px;
}
.ckeditor_merge label {
    margin-top:5px;
}
.ckeditor_merge a {
    height:26px;
    min-height:26px;
    font-weight:normal;
}
.ckeditor_merge .cke_button_label {
    padding-left:0;
}
.smseditor_merge select {
    width:15em;
}

.endrow {
    background-color:#C5D2D8;
    padding:2px 15px 3px 5px;}

/**  deprecated class. do not use*/
.font8 td {	FONT-SIZE: 8pt;}
.font7 td {	FONT-SIZE: 7pt;}
/**  deprecated class. do not use*/

.greentext {color:#34432e;}
.greytext{color:#787878;}

.hline {BORDER-RIGHT: #cccccc 1px solid;BORDER-BOTTOM: #cccccc 1px solid;}


/* .icon{width:42px;} */

.nosel{padding:5px;border-bottom:1px solid #e5e5e5;}

.mastertable {border:1px solid #CCCCCC;}





.over1{background:#eceff4;}
.over2{background:#C5D2D8;}

.pend{width:100%;}

.progressbar_parent {
        float:left;
        border:1px solid #aaaaaa;
        width:500px;
        background-color:#ededed;
        vertical-align:middle;}

.progressbar_progress {
        float:left;
        background-color:#b1de75;
        text-align:center;
        padding: 3px 2px;}


.textright{text-align:right;}
.textcenter {text-align:center;}

/* =====Page Settings and online booking times over state==== */
.select1 td{background:#e9e9e9;padding:5px;
border-bottom:1px solid #e5e5e5;
cursor: pointer;
}

/* =====Appointment Activity==== */
.select1{background:#e9e9e9;padding:5px;
border-bottom:1px solid #e5e5e5;font-weight:bold;}

















/* FORM BUTTONS AND FORM DEFINITIONS */

.formtip{
    font-style:italic;
    background:#fff4cc;}

input.formHelper{
    color:#999999;
    font-style: italic;
    font-size:.8em;
    padding:5px;}

input.btn {
    border-top:1px solid #91A3AD;
    border-right:1px solid #91A3AD;
    border-bottom:1px solid #91A3AD;
    border-left:1px solid #91A3AD;
    /* PADDING-RIGHT: 0px; */
    /* PADDING-LEFT: 0px; */
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    background:url(https://public.mindzplay.ca/images/formbg.gif);
    background-repeat: repeat-x;
    color: #9E1C1F;
    font-weight: bold;
    font-family: Verdana, Helvetica, Arial, sans-serif;}

a.formLink{
    border:1px solid #91A3AD;
    background-color:#FFFFFF;
    background-image:url(https://public.mindzplay.ca/images/formbg.gif);
    background-position:bottom left;
    background-repeat: repeat-x;
    padding:3px 2px;
    text-decoration:none;
    font-size: 90%;
    font-weight:bold;
    color: #9E1C1F;}



.form-button, .formButton, input.form-button, input.formButton, input.button{
    display:inline;
    border:1px solid #91A3AD;
    margin:0px;
    height:auto;
    padding: 3px 5px;
    color: #9E1C1F;
    font-weight: bold;
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(238,239,252,1) 50%, rgba(223,225,238,1) 51%, rgba(190,189,210,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(238,239,252,1)), color-stop(51%,rgba(223,225,238,1)), color-stop(100%,rgba(190,189,210,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,239,252,1) 50%,rgba(223,225,238,1) 51%,rgba(190,189,210,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,239,252,1) 50%,rgba(223,225,238,1) 51%,rgba(190,189,210,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,239,252,1) 50%,rgba(223,225,238,1) 51%,rgba(190,189,210,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(238,239,252,1) 50%,rgba(223,225,238,1) 51%,rgba(190,189,210,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bebdd2',GradientType=0 ); /* IE6-9 */
  cursor:pointer;


}


.btn-block {
    display: block;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
                    box-sizing: border-box;
}

.btn-block + .btn-block {
    margin-top: 5px;
}



/* controls pageination backend */
.pagination{
    display:inline;
    margin:0px;
    height:auto;
    PADDING: 3px;
    font-weight: bold;
    text-decoration:underline;}

.pagecur{
    padding: 3px;
    font-weight:bold;
    color: #000000;
    border:1px solid #cccccc;}


.pageline{
    font-weight:bold;
    color:#999;
    font-size:11px;
    padding: 10px 5px 5px 5px;
    text-align:right;
}

tr.defaultrow>td {
    padding:5px;
    border-bottom:1px solid #e5e5e5;}

.defaultrow {
    padding:5px;
    border-bottom:1px solid #e5e5e5;}

tr.formLabels>td {
    padding:5px;
    border-bottom:1px solid #e5e5e5;}

tr.formFields>td {
    padding:5px;
    border-bottom:1px solid #e5e5e5;}

.formIcon{
  margin: auto 0.5em;
}

tr.formHeaders>td, div.formHeaders, tr.iconrow>td {
    background-color:#eceff4;
    font-weight:bold;
    padding:5px;
    color:#464646;}

div.formHeaders * {font-weight:bold;}

.formLabels {
    padding:5px;
    border-bottom:1px solid #e5e5e5;}

.formFields{
    padding:5px;
    border-bottom:1px solid #e5e5e5;
    FONT-WEIGHT: bold;
}
/*turn off as it affects dojo fields. no idea why it is here*/
.formFields span {
    /*font-weight:bold;*/
}

Tr.subrow>td{border-bottom:1px dashed  #e5e5e5;  }

Tr.singleton td{  }

Tr.expandable>td{ background:#fafafa;}

.statusUND{background:#fff6bf; color:#ff0000;}
.statusSNT{background:#ecffe2; color:#638459;}

.dirty {
    border: 1px solid #E00;
    background-color: #FDD;
}

/* Tabs styles */

#header {
    margin:0px;
    padding:0px;
    float:left;
    width:100%;
}

#header ul {
    margin:0;
    padding:0px 10px 0px;
    list-style:none;
}

#header li {
    float:left;
    margin:0;
    padding:0;
    background:url(https://public.mindzplay.ca/images/norm_right.gif) no-repeat right top;
}

#header a {
    display:block;
    background:url(https://public.mindzplay.ca/images/norm_left.gif) no-repeat left top;
    padding:5px 15px 4px;
    text-align:center;
}

#header #current {
    background-image:url(https://public.mindzplay.ca/images/norm_right_on.gif);
}

#header #current a {
    background-image:url(https://public.mindzplay.ca/images/norm_left_on.gif);
    padding-bottom:5px;
    color:#A50607;}

#header a,.tabsNavtext a, #header a:active, #header a:visited {
    text-decoration:none;
    font-size: 10pt;
    font-weight:bold;
    color:#000000;}

#header a:hover { 	text-decoration:underline;}


table.tabsNavtext{width:100%;}



#header2 {
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    background: #e3ebee;
    background: -moz-linear-gradient(top, #e3ebee 0%, #c5d2d8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e3ebee), color-stop(100%, #c5d2d8));
    background: -webkit-linear-gradient(top, #e3ebee 0%, #c5d2d8 100%);
    background: -o-linear-gradient(top, #e3ebee 0%, #c5d2d8 100%);
    background: -ms-linear-gradient(top, #e3ebee 0%, #c5d2d8 100%);
    background: linear-gradient(to bottom, #e3ebee 0%, #c5d2d8 100%);
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#e3ebee', EndColorStr='#c5d2d8', GradientType=0);
    padding:5px;}

#header2 td {font-weight:bold;}

#header2 ul {
    margin:0px;
    padding:0px;
    list-style:none;}

#header2 li, .header2 li{font-weight:bold;}

/*** Left sidebar needs these too ***/
.header2 {
     border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    background: #e3ebee;
    background: -moz-linear-gradient(top, #e3ebee 0%, #c5d2d8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e3ebee), color-stop(100%, #c5d2d8));
    background: -webkit-linear-gradient(top, #e3ebee 0%, #c5d2d8 100%);
    background: -o-linear-gradient(top, #e3ebee 0%, #c5d2d8 100%);
    background: -ms-linear-gradient(top, #e3ebee 0%, #c5d2d8 100%);
    background: linear-gradient(to bottom, #e3ebee 0%, #c5d2d8 100%);
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#e3ebee', EndColorStr='#c5d2d8', GradientType=0);
    padding:5px;
}

.header2 ul {
    margin:0px;
    padding:0px;
    list-style:none;}




.productname {
    LEFT: 550px;
    POSITION: absolute;
    TOP: 50px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: #000000;
    FONT-FAMILY: verdana, arial;
}

.teamname {
    LEFT: 550px;
    POSITION: absolute;
    TOP: 70px;
    FONT-SIZE: 12pt;
    COLOR: #000000;
    FONT-FAMILY: verdana, arial;
}

.tableRollover {
    BORDER-RIGHT: #b80105 1px solid;
    BORDER-TOP: #b80105 1px solid;
    BORDER-LEFT: #b80105 1px solid;
    BORDER-BOTTOM: #b80105 1px solid;
    BACKGROUND-COLOR: #ffffff;
}

p.tips {
    MARGIN-TOP: 0px;
    MARGIN-BOTTOM: 6px;
    MARGIN-LEFT: 10px;
    FONT-SIZE: 9pt;
}

/** CSS moved from reports **/

tr.subtotal td{
    padding: 5px;
    border-top: #91a3ad 1px solid;
    border-bottom: #91a3ad 1px solid;
    background: #e4ecef;
    font-weight:bold;
    color: #666666;
    }
tr.total td{
    padding: 5px;
    border-top: #91a3ad 1px solid;
    border-bottom: #91a3ad 1px solid;
    background: #bac7ce;
    font-weight:bold;
    color: #666666;
    }



/* CONTENT TABLE */


tr.darkrow td{
    padding:5px;
    border-bottom:1px solid #e5e5e5;}

tr.lightrow td{
    padding:5px;
    border-bottom:1px solid #e5e5e5;}

tr.bluerow td{
    BACKGROUND-COLOR: #dce5ec;
    font-weight:bold;
    padding: 5px;}


.unsaved {
    border: 1px solid #aa0000;
}



.select-button{
    border:1px solid #91A3AD;
    PADDING: 3px;
    background:url(https://public.mindzplay.ca/images/formbg.gif);
    background-repeat: repeat-x;
    color: #999999;
    font-weight: bold;
    font-family: Verdana, Helvetica, Arial, sans-serif;
}

#promoNotice, .promoNotice, .promonotice  {
    margin-bottom: 5px;
    background-color: rgb(252, 248, 227);
    border: 1px solid rgb(251, 238, 213);
    padding: 8px 35px 8px 14px;
    border-radius: 4px 4px 4px 4px;}

#promoNotice p, #promoNotice h2, .promoNotice p, .promoNotice h2{
    color: rgb(192, 152, 83);
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);}


.pop {
    background: #e9e9cf url(https://public.mindzplay.ca/images/bg_notice.gif) repeat-x;
    border: solid 1px #c4c5a6;
    padding:8px;
    margin:8px 0px;
    float:left;
    display:block;}

#promoAlert, .promoAlert {
    background: #fff4cc url(https://public.mindzplay.ca/images/bg_alert.gif) repeat-x;
    border: solid 1px #ffcc66;
    padding:8px;
    margin:8px 0px;
    display:block;}

tr.promoAlert td{
    background: #fff4cc url(https://public.mindzplay.ca/images/bg_alert.gif) repeat-x;
    border-color: #ffcc66;
    border-style: solid;
    border-width: 1px 0px;
    padding:8px; }

#promoAlert strong, .promoAlert strong {
    color:#cc0000;
}

#promoImg {
     float:left;
     width:50px;
}




/* Global Button Setting */



    button {
    border:0;
    cursor:pointer;
    padding:0px;
    padding:0px 6px;
    border:1px solid #90a1ab;
    height:34px;
    background:#c4d1d6 url('https://public.mindzplay.ca/images/btn.gif') repeat-x;
    color:#9e1c1f;
    margin-right:10px;
    display:block;
    text-decoration:none;
    margin:5px 10px;}

    button span { color:#9e1c1f; padding:9px 0px 10px 0px; }

    button:hover span{color:#000;}



/* Content > default setting button */
    button.btnSetting{
        background:url("https://public.mindzplay.ca/images/icons/btn_setting.gif") no-repeat left top #e7edf1;
        margin:0px;
        border:0px solid #9db0bc;
        text-decoration:none;
        padding:0px 0px 0px 21px;
        height:33px;
        width:190px;}


/* Content > default add button */
    button.btnAdd  {
        background:url("https://public.mindzplay.ca/images/icons/btn_add.gif") no-repeat left top;
        border:0px solid #9db0bc;
        text-decoration:none;
        padding:0px 0px 0px 21px;
        height:33px;
        width:190px;}


/* Content > default add client button */
button.btnclientcancel {
        background:url("https://public.mindzplay.ca/images/icons/btn_appointmentcancel.gif") no-repeat left top #e7edf1;
        border:0px solid #9db0bc;
        text-decoration:none;
        padding:0px 0px 0px 21px;
        height:33px;
        width:190px;}


button.btn_changeemail {
        background:url("https://public.mindzplay.ca/images/icons/btn_changeemail.gif") no-repeat left top #e7edf1;
        border:0px solid #9db0bc;
        text-decoration:none;
        padding:0px 0px 0px 21px;
        height:33px;
        width:190px;}

button.btnclientadd {
        background:url("https://public.mindzplay.ca/images/icons/btn_client.gif") no-repeat left top #e7edf1;
        border:0px solid #9db0bc;
        text-decoration:none;
        padding:0px 0px 0px 21px;
        height:33px;
        width:190px;}


/* Content > default find client button */
    button.btnclientsearch {
     background:url("https://public.mindzplay.ca/images/icons/btn_clientsearch.gif") no-repeat left top;
        border:0px solid #9db0bc;
        text-decoration:none;
        padding:0px 0px 0px 21px;
        height:33px;
        width:190px;}

/* Content > default checkout client button */
    button.btnclientcheckout {
     background:url("https://public.mindzplay.ca/images/icons/btn_checkout.gif") no-repeat left top;
        border:0px solid #9db0bc;
        text-decoration:none;
        padding:0px 0px 0px 21px;
        height:33px;
        width:190px;}

/* Content > default disabled checkout client button */
    button.btnclientcheckoutoff {
     background:url("https://public.mindzplay.ca/images/icons/btn_checkoutoff.gif") no-repeat left top;
        border:0px solid #9db0bc;
        text-decoration:none;
        padding:0px 0px 0px 21px;
        height:33px;
        width:190px;}

/* Content > default side button */
    button.btnblank {
     background:url("https://public.mindzplay.ca/images/icons/btn_blank.gif") no-repeat left top;
        border:0px solid #9db0bc;
        text-decoration:none;
        padding:0px 0px 0px 21px;
        height:33px;
        width:190px;}




/***********************************************************************
Div overlay window
 **********************************************************************/
.overlay_window {
    position:absolute;
    left:0px;
    top:0px;
/*    width:500px;*/
    z-index:10000;
    border:1px solid #999999;
    background-color:white;
    background-color:white;
    -moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
    display:none;
    overflow: hidden;
}

.overlay_window tr.defaultrow>td {
    padding: 3px 5px;
}

.popdiv_underlay {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #202020;
    opacity: 0.5;
    z-index: 9990;
    float:left;
}

tr.popdivTitlebar>td {
    background-color:#eceff4;
    font-weight:bold;
    padding:5px;
    color:#464646;
}

tr.popdivTitlebar td.popdivBack, tr.formHeaders td.popdivback {
    padding:0;
    text-align:left;
}

tr.popdivTitlebar td.popdivTitle {
    text-align:left;
    padding:5px;
}

tr.popdivTitlebar td.popdivClose, tr.formHeaders td.popdivclose {
    text-align:right;
    padding:0 5px 0 0;
    width:28px;
}

.popdivContent, .popdivcontent {
    text-align:left;
    vertical-align:top;
    overflow:hidden;
    position:relative;
    height:100%;
}
.popdivContent .contenttable{padding:0px;}



.recur_window {
    position:absolute;
    right:0px;
    top:-20px;
    width:22em;
    z-index:10000;
    border:1px solid #999999;
    background-color:white;
    display:none;
}

.user_window {
    position:absolute;
    right:0px;
    top:-20px;
    width:14em;
    z-index:10000;
    border:1px solid #999999;
    background-color:white;
    text-align:left;
    padding:2px;
    display:none;
}

#divcontent textarea{
    overflow: auto;
    vertical-align: top;
    margin: 0;
    vertical-align: middle;
    font-size: 100%;
    width:100%;
    height:100%;
    box-sizing: border-box;         /* For IE and modern versions of Chrome */
    -moz-box-sizing: border-box;    /* For Firefox                          */
    -webkit-box-sizing: border-box; /* For Safari                           */
}
/*******************************************************************************
* Classes for drag & drop lists
*******************************************************************************/
ul.drag-list {
    list-style: none;
    display: block;
    margin-left:0px;
    padding:0px;
}

.drag-handle {
    cursor: move;
}

.drag-helper {
    border: 1px dashed #999999;
}

.depth0 .dndchild {
    padding-left:0;
}
.depth1 .dndchild {
    padding-left:25px;
}
.depth2 .dndchild {
    padding-left:50px;
}
.depth3 .dndchild {
    padding-left:75px;
}


.menulimit td{color:#bababa;background:#fefefb;}


/* Class for expiry countdown in teams */
.countdown {
    font:bold 26px Georgia;
    color:#b22f2e;
    background-color:#fff;
    display:block;
}



a.createnewbutton {
    color:#6a93da;
    background: url(https://public.mindzplay.ca/images/icons/newclient_16.gif) no-repeat;
    padding-left:20px;
}

/* New navigation classes */
/* Added by James Sept 2006 */
/* Non-IE broswers */

#jbNavTopParent {
    font-family:sans-serif;
    font-size:12px;
    background-color:#aa4444;
    color:#ffffff;
    margin-bottom:3px;
    padding:4px;
}

.jbNavTopNorm a,.jbNavTopNorm a:link, .jbNavTopNorm a:active, .jbNavTopNorm a:visited, .jbNavTopNorm a:hover {
    border:1px solid #aa4444;
    padding:3px 10px;
    font-weight:bold;
    text-decoration:none;
    color:#ffffff;
}
.jbNavTopSel a, .jbNavTopSel a:link, .jbNavTopSel a:active, .jbNavTopSel a:visited, .jbNavTopSel a:hover {
    border:1px solid #cccccc;
    padding:3px 10px;
    font-weight:bold;
    background:#eeeeee url('https://public.mindzplay.ca/images/jbNavOver.png') repeat-x scroll center top;
    text-decoration:none;
    color:#aa4444;
}

.jbNavBottomGroupHidden {
    display:none;
    position:relative;
}
.jbNavBottomGroup {
    display:inline;
    position:relative;
}

#jbNavBottomParent {
    height:16px;
    font-family:sans-serif;
    font-size:12px;
    color:#aa4444;
    margin:1px;
    padding:2px;
    text-align:center;
}

.jbNavBottomNorm a,.jbNavBottomNorm a:link, .jbNavBottomNorm a:active, .jbNavBottomNorm a:visited, .jbNavBottomNorm a:hover {
    background:#dedede url('https://public.mindzplay.ca/images/jbNavOver.png') repeat-x scroll center top;
    border:1px solid #cccccc;
    padding:3px 10px;
    font-weight:bold;
    text-decoration:none;
    color:#aa4444;
    height:14px;
}

.jbNavBottomSel a,.jbNavBottomSel a:link, .jbNavBottomSel a:active, .jbNavBottomSel a:visited, .jbNavBottomSel a:hover {
    border:1px solid #cccccc;
    padding:3px 10px;
    font-weight:bold;
    background-color:#eeeeee;
    background-image:url('https://public.mindzplay.ca/images/icons/arrow_down.gif');
    background-repeat:no-repeat;
    background-position:50% 0px;
    text-decoration:none;
    color:#aa4444;
    height:14px;
}

/* Make the editor underlay the same color as ours */
.cke_dialog_background_cover {
    background-color: #202020 !important;
}

/*******************************************************************************
* Image Gallery
*******************************************************************************/
.gallery_element {
    vertical-align:top;
    border:2px solid transparent;
}

.gallery_imageframe {
    width:207px;
    height:140px;
    text-align:center;
    background-color:#f8f8f8;
    border:1px solid #e5e5e5;
}

.gallery_element table {
    width:100%;
    border-collapse:collapse;
    border:1px solid #e5e5e5;
}

.gallery_element .formLabels {
    height:16px;
}

.gallery_element .bottomcell {
    vertical-align:top;
    height:auto;
    min-height:78px;
}

/*******************************************************************************
* Sprite Icons
*******************************************************************************/
.icon_edit18 {
    width:18px;
    height:18px;
    background:url('https://public.mindzplay.ca/images/icons/master_backend.png') 0px -63px no-repeat;
    display: inline-block;
}

.icon_delete18 {
    width:18px;
    height:18px;
    background:url('https://public.mindzplay.ca/images/icons/master_backend.png') 0px -128px no-repeat;
    display: inline-block;
}
.icon_delete14 {
    background: url('https://public.mindzplay.ca/images/icons/master_backend.png') no-repeat -128px -128px;
    width: 14px;
    height: 14px;
}
.icon_move16 {
    width:16px;
    height:16px;
    background:url('https://public.mindzplay.ca/images/icons/master_backend.png') 0px 0px no-repeat;
    display: inline-block;
}

.icon_back18 {
    width:18px;
    height:17px;
    background:url('https://public.mindzplay.ca/images/icons/master_backend.png') -319px 0px no-repeat;
    display: inline-block;
}


.icon_view18 {
    width:18px;
    height:18px;
    background:url('https://public.mindzplay.ca/images/icons/master_backend.png') -64px -192px no-repeat;
    display: inline-block;
}


.icon_new18 {
    width:18px;
    height:18px;
    background:url('https://public.mindzplay.ca/images/icons/master_backend.png') 0px -256px no-repeat;
    display: inline-block;
}

.icon_reply18 {
    width:18px;
    height:18px;
    background:url('https://public.mindzplay.ca/images/icons/master_backend.png') 0px -384px no-repeat;
    display: inline-block;
}


/*
* File upload
*/
.removeText{
    padding-left:30px;
}

/*******************************************************************************
* Client Match Table
*******************************************************************************/


/** .table will be removed once profile.php is updated to use .baseTable for statndard css **************************************************/

table {
    max-width: 100%;
    background-color: transparent;
    border-spacing: 0;
}
.table, .baseTable {
    width: 100%;
    margin-bottom: 0px;
}
.table th, .baseTable th {
    padding: 8px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
    background:#dfe0e2;
    border-top: 1px solid #fff;
}
.table th, .baseTable th {
    font-weight: bold;
}
.table thead th, .baseTable thead th {
    vertical-align: bottom;
}

.table td, .baseTable td {
    padding: 8px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
    background:#ffffff;
    border-top: 1px solid #fff;
}

.table tbody tr.success > td, .baseTable tbody tr.success > td {
    background-color: #dff0d8;
}



/** Accordion styling *********************************************************/
/*******************************************************************************
* accordian styling. used in multi language sites. Uses dojo style.
v1. Spec yet to be implimented and approved and calls different html and css.
Remove once v2 is live.
*******************************************************************************/
.js-outer{
  display:block;
  line-height:2.43em;
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%,#ededed 100%); /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%,#ededed 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */ margin:0px;
  padding-left:5px;
  border-top:1px solid #aaaaaa;
  border-bottom:1px solid #bfbfbf;
}

.js-outer:hover{
  background: #e8eff8; /* Old browsers */
  background: -moz-linear-gradient(top, #e8eff8 0%, #dbe6f5 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8eff8), color-stop(100%,#dbe6f5)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #e8eff8 0%,#dbe6f5 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #e8eff8 0%,#dbe6f5 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #e8eff8 0%,#dbe6f5 100%); /* IE10+ */
  background: linear-gradient(to bottom, #e8eff8 0%,#dbe6f5 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8eff8', endColorstr='#dbe6f5',GradientType=0 ); /* IE6-9 */}

a.js-outer{
  font-weight:400;
  color:#464646;}


/** Accordion styling *********************************************************/
/*******************************************************************************
* accordian styling. used in multi language sites. Uses dojo style.
v2. standard css
*******************************************************************************/
.tlnAccordion h3 {
    display:block;
    line-height:2.43em;
    margin:0px;
}



.tlnContainer{
    background:#f9f9f9;
    border:1px solid #9f9f9e; /* dark grey border */
}

.tlnOpen{
    background:#9f9f9e; /* dark grey */
  border:0px;
}

.tlnOpen h3{
    color:#fff;
}

.tlnContent{
    background:#fff;
}

.tlnContainer .tlnContent {
    display: none;
}

.tlnOpen .tlnContent {
    display: block;
}

.tlnAccordion h3 {
    cursor: pointer;
    font-size:1.1em;
    background: url('https://public.mindzplay.ca/images/icons/master_backend.png') -245px 12px no-repeat;
    width:16px;
    padding-left:30px;
    /*keeps header text from wrapping*/
    white-space: nowrap;
}

.tlnContainer h3:hover {
    /*change header link color red*/
    color:#a74542;
    /*change arrow to point down on closed div*/
    background: url('https://public.mindzplay.ca/images/icons/master_backend.png')  -184px 12px no-repeat;
    width:30px;
    /*keeps header text from wrapping*/
    white-space: nowrap;
}

.tlnOpen h3 {
    color:#fff;
    background: url('https://public.mindzplay.ca/images/icons/master_backend.png') -184px 12px no-repeat;
    width:16px;
    padding-left:30px;
    /*keeps header text from wrapping*/
    white-space: nowrap;
}

.tlnOpen h3:hover {
    /*change header link color red*/
    color:#a74542;
    /*change arrow to point right on hover*/
    background: url('https://public.mindzplay.ca/images/icons/master_backend.png')  -245px 12px no-repeat;
}


/** Multiple File Upload *********************************************************/
/*******************************************************************************
* handles the table holding extra files. This should use a default standard table css for future review.
*******************************************************************************/

.uploadTable{
  margin-bottom: 0px;
}

.uploadTable td {
    padding: 8px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
    background:#ffffff;
    border-top: 1px solid #fff;
}




/** Booking Pop Div *********************************************************/
/*******************************************************************************
* handles the slider, button label, hiding the client details
*******************************************************************************/

.slider{
    float:left;
    position:absolute;
    z-index:910;
    left:567px;
    background-color: #ffffff; /* or you will see the left side when it's expanded */
    height:100%; /* makes the right column height match the left div height. */
}
.main{
    float:left;
    position:relative;
}
.slideContent{
    padding-left: 50px;
}
.slideLabel{
    position: absolute;
    overflow: hidden;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
       display: block;
    width: 680px; /* height of the accordion button */
    padding: 0 8px;

    letter-spacing: 1px;
    font: bold 14px/32px "Arial Rounded MT", Arial, Helvetica, Sans-serif;
    background: #d3d3d3;
    color: #9b201a;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;

    -webkit-transition: all .3s cubic-bezier(.09, .11, .24, .91);
    -moz-transition: all .3s cubic-bezier(.09, .11, .24, .91);
    -ms-transition: all .3s cubic-bezier(.09, .11, .24, .91);
    -o-transition: all .3s cubic-bezier(.09, .11, .24, .91);
    transition: all .3s cubic-bezier(.09, .11, .24, .91);

    -webkit-transform: translateX(-100%) rotate(-90deg);
    -moz-transform: translateX(-100%) rotate(-90deg);
    -ms-transform: translateX(-100%) rotate(-90deg);
    -o-transform: translateX(-100%) rotate(-90deg);
    transform: translateX(-100%) rotate(-90deg);

    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top;

    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}


/* creates arrow*/
.slideLabel:after {
 content:'\25BC';
}

.slideLabel:hover{background:#f4f3f3;}

.main{
  width:91.666666%;/*same as col11*/
}

#popTable, .slider{
  width:100%; /*same as col12*/
}

#popTable td { /*would like to see this as a table td default setting*/
    padding: 8px;
    line-height: 1.2em;
    vertical-align: top;
}

#popTable tr.buttonrow td{  /*move buttons over due to windows chrome bug. Once normalize is called, this can be taken out*/
  padding-right:25px;
}

/*colors for data tables*/
.dataTable-bordered {
  border: 1px solid #dddddd;
}

.dataTable-bordered tr td{
	border-top:1px solid #dddddd;
}

/*booking popup */

.noticeSent::before{
	content: url(https://public.mindzplay.ca/images/icons/undo_18.png);
}

/** SOAP Notes */
.SoapEditOn {display: none !important;}
.SoapEditOff {display: inline;}
.SoapFieldDisplay {border: none; box-shadow:none !important;}