div .cs_course_list_detail, .cs_course_list_summary{
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-sizing:        border-box;
    width: 100%;
}
div.cs_course_list_head {
    font-size:11pt;
    font-weight: bold;
    color: darkblue;
}
div.cs_course_form_head {
    float: left;
    padding: 12px 0 24px 0;
}
div.cs_course_form_head, div.cs_cart_course_list, div.cs_cart_course_list_row {
    width: 100%;
    clear:left;
    float:left;
}
div.csFormSubmit {
    clear:left;
    margin: 24px 0 12px 0;
}
div.csFormSubmit input {
    display:block;
    margin:auto;
}
div.cs_course_list_row {
    padding: 12px 12px 12px 12px;
    font-size:10pt;
    clear: left;
    float: left;
    width: 100%;
    hyphens:none;
}
div.cs_course_list_row:nth-child(odd) {
    background-color: #f8f8f8;
}
div.cs_course_list_row:nth-child(even) {
    background-color: white;
}
div.cs_course_list_detail_foot {
    clear:left;
    font-size:9pt;
    color: red;
}
div.cs_course_category {   
    font-weight: bold;
    color: darkslategray;
    font-size:12pt;
    clear: left;
    float: left;
}
div.cs_cart_course_list_row div {
    font-weight: normal;
    color: black;
    font-size:10pt;
    clear:none;    
    float:left;
    hyphens:none;
}
div.cs_cart_course_list_row div.cs_course_category {
    width: 25%;
    padding-right:12px;
}
div.cs_cart_course_list_row div.cs_course_date_group {
    width: 25%;
    padding-right:6px;
}
div.cs_course_date_to {
    width: 20px;
    text-align: center;
}
div.cs_cart_course_list_row div.cs_course_location {
    width:25%;
    padding-right:12px;
}
div.cs_cart_course_list_row div.cs_course_price {
    width: 25%;
}
div.cs_course_date {   
    float: left;
}
div.cs_course_date_start {   
    clear: left;
}
div.cs_course_list_detail div.cs_course_location {   
    clear: left;
    float: left;
}
div.cs_course_location {   
    padding-right: 12px;
    clear: left;
    float: left;
}
div.cs_course_venue {
    padding-right: 12px;
    clear:left;
    float:left;
}
div.cs_course_format {
    padding-right: 12px;
    clear:left;
    float:left;
}
div.cs_course_full, div.cs_course_limited {
    font-weight: bold;
    color:red;
    clear:left;
    float:left;
}
div.cs_course_description {
    padding: 12px 0 12px 0;
    clear: left;
    float: left;
}
div.cs_course_description_short {   

}
div.cs_course_description_long {  
    display: none;
}
div.cs_course_price {   
    padding-right: 12px;
    clear: left;
    float: left;
}
div.cs_course_price_saving {
    color:red;
    font-weight: bold;
    float: left;
}
div.cs_course_price_saving:before {
    content: "save ";
}
div.cs_course_buttons {   
    clear:left;
    float: left;
}
div.cs_course_cart div.cs_course_buttons {   
    clear: left;
    float: left;
}
a.cs_course_button, div.cs_course_button, div.cs_cart_button_checkout {
    display: block;
    float:left;
    padding: 3px 12px 3px 12px;
    margin: 3px 12px 3px 0;
    color: white;
    text-align: center;
    background-color: cornflowerblue;
    -moz-border-radius: 9px;
    border-radius: 9px;
    cursor: pointer;
}
a.cs_course_button:hover {
    color: white;
    background-color: dodgerblue;
}
span.cs_course_button:hover {
    color: white;
    background-color: dodgerblue;
}
div.cs_cart_course_add {
    background-color: mediumblue;
    width: 100px;
    margin-right: 30px;
}
div.cs_cart_button_checkout {
    margin: 24px 0 0 0;
    width:200px;
    text-align: center;
}
div.cs_multiple_booking_cart_container {
    float:right;
    color: darkblue;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    background: webkit-linear-gradient( #EAF4FD, #E0EEFB, #EBF4FD );
    background: -o-linear-gradient( #EAF4FD, #E0EEFB, #EBF4FD );
    background: -moz-linear-gradient( #EAF4FD, #E0EEFB, #EBF4FD );
    background: linear-gradient( #F3FCFF, #ECF6FE, #E3ECFC );
    border-radius: 12px;
    border-color: #86B5D9;
    border-width: 1px;
    border-style: solid;
    margin: 0 12px 12px 12px;
    width:100px;
}
div.cs_multiple_booking_cart {
    height:25px;
    margin:0 auto;
}
div.cs_multiple_booking_cart_icon {
    width:30px;
    height:30px;
    margin:0 auto 3px auto;
    background: url("cart.svg") no-repeat;
    background-position: bottom;
}
div.cs_multiple_booking_cart_empty, div.cs_cart_course_remove {
    height:30px;
    background: url("cartempty.svg") no-repeat;
    cursor: pointer;
}
div.cs_multiple_booking_cart_empty {
    float:right;
    width: 30px;
}
div.cs_cart_course_remove {
    float:left;
    margin-right: 30px;
    width:100px;
    background-size: 25px 25px;
}
div.cs_course_buttons div.cs_cart_course_remove {
    float:left;
}
div.cs_filters{
    float: left;
    width: 100%;
}
div.cs_select_course_category, div.cs_select_location {
    padding: 0 12px 12px 0;
    float: left;
}
div.cs_select_course_category{
    width: 60%;    
} 
div.cs_select_course_category select, div.cs_select_location select, form.csAjxFrm div.wdg select {
    width: 100%;
}
div.cs_select_location {
    width: 40%;
}
div.cs_checkbox_discount{
    clear:left;
    padding: 18px;
}
span.cs_course_description_expand {
    display:inline;
    color:darkgreen;
    background-color: lightgreen;
}
span.cs_course_description_collapse {
    display:inline;
    color:darkgreen;
    background-color: lightgreen;    
}
div.cs_course_form {
    font-size: 11pt;
}
div.drwExp {
    float:right;
    margin:6px 12px 0px 0px;
    font-size:16pt;
    line-height:6pt;
    color:grey;
}
div.fmPagingBtn{
    clear: both;
    float: left;
    width:100%;
    padding: 24px 0 12px 0;
}

div.fmPagingBtnBtm{
    padding: 24px 0 24px 0;
}
a.fmPagingPrv, a.fmPagingNxt {
    display: block;
    text-align: center;
    width: 90px;
    text-decoration: none;
    padding: 3px;
    border-radius: 4px;
    box-shadow: 3px 3px 5px #888888;
    border: 1px #bbb solid;
    cursor: pointer;
}
a.fmPagingPrv{
    float: left;
    background-color: white;
}
a.fmPagingPrv:before{
    content: "Previous";
}
a.fmPagingNxt {
    float: right;
    font-weight: bold;
    background-color: #FAFAE0;
}
a.fmPagingNxt:before {
    content: "Next";
}
div.fmPagingHidden {
    display:none;
}

div.fmShowHideNowHidden, span.fmShowHideNowHidden {
    display:none;
}

div.wdg ul {
    padding: 0 12px;
    font-size:11pt;
}
div.wdg div.rbCh label.rbRad input.wdg {
    width: auto;
}

div.rbCv{
    clear:left;
}

div.rbCv div.rbRad, div.rbCh div.rbRad, div.rbCv div.rbLbl, div.rbCh div.rbLbl {
    width: auto;
}

div.rbCv label.rbRad {
    display: inline-block;
    margin: 2px 6px 0 20px;
    color: black;
}

div.wdg div.rbCv label.rbRad input {
    width: auto;
    margin-left: -20px;
    margin-right: 7px;
}
div.cs_two_col_1 {
    clear: left;
    padding-right: 12px;
}
div.cs_two_col_1, div.cs_two_col_2 {
    width:45%;
    float: left;
    text-align: right;
}
div.cs_price_details {
    float: left;
    width:100%;
    background-color: lightgray;
    margin-bottom: 18px;
    margin: 24px 0 24px 0;
}
div.cs_price_total {
    font-weight: bold;
}
div.cs_payment_details {
    clear:left;
}
div.cs_payment_method_link {
    text-align: center;
    padding: 18px 24px;
    margin: 18px auto 24px auto;
    width: 180px;
    background-color: darkgreen;
    clear: left;
    -moz-border-radius: 9px;
    border-radius: 9px;
}
div.cs_payment_method_link:hover{
    background-color: green;
}
a.cs_payment_method_link:hover {
    color: white;
    text-decoration: none;
}
a.cs_payment_method_link {
    color: white;
    font-weight: bold;
    text-decoration: none;
    border: none !important;
}
select.cs_select{
    font-size: 11pt;
}
span.wdg {
    font-size:10pt;
    color:#002030;
}

span.vldMsg {
    font-size:9pt;
    color:#F02030;
    width:100%;
    display:block;
    margin: 0px;
    padding:2px 0px 0px 0px;
}
div.vldMsg {
    border: solid 1px #FF2030;
}
form.csAjxFrm span.vldMsgHeader {
    font-size:12pt;
    clear:left;
    margin: 18px 0 12px 0;
}
.clear
{
    clear: both;
    font-size: 1px;
    line-height: 1px;
}

div.drwwdth {
    width:99%;
}

div.drwwdth div.drwwdth {
    width:99%;
}

.drawerHead {
    margin: 2px 0px 0px 3px;
    padding: 0;
    font-weight:bold;
    color:#3060A0;
    background: #fff url(../images/hgs.png) repeat-x;
    cursor:pointer;
    /*height:18px;*/
}
span.drwHdAct {
    display: inline-block;
    width:20px;
    height:16px;
    margin:2px 9px 0px 9px;
    font-weight:bold;
    color:#3060A0;
    cursor:pointer;
}
.drawer
{
    clear:left;
    margin:0px 0px 6px 3px;
    padding:9px 12px 12px 18px;
    background: #F8FCFE;
    border-left:solid 1px #B0C0E0;
    border-right:solid 2px #90A0B0;
    border-bottom:solid 2px #8A9AAA;
}

.drawerHeadForm
{
    font-size: 11pt;
    width:99%;
    clear:left;
    float:left;
    margin:12px 0px 0px 3px;
    padding:2px 0px 2px 12px;
    font-weight:bold;
    color:#3060A0;
    background: -webkit-linear-gradient( #fcfcd4, #f9f9a6, #f5f584, #fbfbae ); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient( #fcfcd4, #f9f9a6, #f5f584, #fbfbae ); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient( #fcfcd4, #f9f9a6, #f5f584, #fbfbae ); /* For Firefox 3.6 to 15 */
    background: linear-gradient( #fcfcd4, #f9f9a6, #f5f584, #fbfbae ); /* Standard syntax */
    cursor:pointer;
    vertical-align: bottom;
}
div.drawerForm {
    width:99%;
    clear:left;
    margin:0px 0px 6px 3px;
    padding:9px 9px 12px 9px;
    background: #FAFAE0;
    border-left:solid 1px #C0C060;
    border-right:solid 2px #B0B0A0;
    border-bottom:solid 2px #A6A690;
}

div.frmSecTxt {
    padding:12px;
    font-size:9pt !important;
    color:#306090 !important;
}

div.drwExp {
    float:right;
    margin:6px 12px 0px 0px;
    font-size:16pt;
    line-height:6pt;
    color:grey;
}

div.wdg label {
    display:inline-block;
    margin:0px 0px 1px 0px;
    font-weight: normal;
    color:#396999;
}

form.csForm {
    margin:0 0 72px 0;
}

div.csCourseListDetail {
    background-color: white;
    float: left;
    margin: 12px;
    padding: 12px;
    width: 180px;
}

div.csPrice {
    text-align:center;
    margin:12px 0;
}

div.csEnquire {
    width:60px;
    text-align:center;
    padding:6px 0;
    float:left;
    font-weight:bold;
}

div.csRegister {
    width:100px;
    background-color:#5A9CDE;
    text-align:center;
    padding:6px 0;
    margin-left:6px;
    float:left;
}

div.wdg {
    margin:4px 0px;
    padding:3px 9px;
    float:left;/*
    border: solid 1px transparent;*/
}
span.wdg {
    font-size:10pt;
    color:#002030;
}

input[type="radio"].wdg {
    /*margin-left:12px;*/
}
div.wdg input[type="checkbox"].wdg {
    width: auto;
}

div.chkLst {
    margin-left:12px;
}

div.chkLst Label {
    color:black;
}

span.vldMsg, span.infoMsg {
    font-size:9pt;
    color:#F02030;
    width:100%;
    display:block;
    margin: 0px;
    padding:2px 0px 0px 0px;
}
div.vldMsg {
    border: solid 1px #FF2030;
}

div.wdg p.wdg {
    display:block;
    /*height:10pt;*/
}
div.wdg div.prdLstRow {
    float: left;
    padding:6px 0px 12px 0px;
}
div.wdg div.prdLstRow div.prdLstPrc {
    float: right;
    width: 200px;
    text-align: right;
    margin: 7px 0 12px 24px;
}
div.wdg div.prdLstRow div.prdLstLbl {
    width: 70%;
    float: left;
    margin: 2px 12px 2px 12px;
}

div.wdg div.prdLstRow div.prdLstLbl input {
    margin-left:-12px;
}
div.wdg div.prdLstRow div.prdLstDesc {
    clear: left;
    margin: 0 0 12px 12px;
}
div.wdg div.prdLstRow div.prdLstCb {
    float:left;
    padding-left:12px;
}
div.prdLstRow p {
    width: 95%;
}
div.prdLstRow div.csPrdListMultiBook{
    float:left;
    padding: 6px 12px;
    text-align: center;
    background: webkit-linear-gradient( #EAF4FD, #E0EEFB, #EBF4FD );
    background: -o-linear-gradient( #EAF4FD, #E0EEFB, #EBF4FD );
    background: -moz-linear-gradient( #EAF4FD, #E0EEFB, #EBF4FD );
    background: linear-gradient( #F3FCFF, #ECF6FE, #E3ECFC );
    border-radius: 12px;
    border-color: #86B5D9;
    border-width: 1px;
    border-style: solid;
}
div.prdLstRow div.csPrdListMultiBookCountHeading {
    font-weight: bold;
}
div.prdLstRow div.csPrdListMultiBookPriceHeading {
    font-weight: bold;
}
div.prdLstRow div.csPrdListMultiBookCount {
    clear: both;
    float: left;
    text-align: center;
    width: 200px;   
}
div.prdLstRow div.csPrdListMultiBookPrice {
    width: 200px;
    float: right;
}

div.fldfl {
    float: left;
}

div.fldfr {
    float: right;
}

div.fldclr {
    clear: both;
}


div.fld label span.aut {
    display:inline-block;
    margin-left:6px;
    width:20px;
    height:14px;
    background: url('aut.svg') no-repeat right;
    cursor:pointer;
    text-decoration: none;
    border: none;
}
.hidden {
    display: none;
}
div.AusAddressPostcode label,div.AusAddressSuburb label,div.AusAddressState label {
    color: darkgray;
}
div.AusAddressPostcode input.AusAddressPostcode,div.AusAddressSuburb input.AusAddressSuburb,div.AusAddressState select.AusAddressState {
    background-color: lightsteelblue;
    color: darkslateblue;
}
div.acI.ui-front {
    z-index: 10000000;
}

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
}
.ui-autocomplete-loading {
    background: url('ldg.gif') right center no-repeat;
}

.ui-menu {
    background:#E9F0F9;
    /*    font-size:8pt;*/
    list-style:none;
    padding: 1px;
    margin: 0;
    display:block;
}
.ui-menu .ui-menu {
    margin-top: -3px;
}
.ui-menu .ui-menu-item {
    margin:0;
    padding: 0;
    zoom: 1;
    float: left;
    clear: left;
    width: 100%;
    border-bottom:1px solid #F9FFFF;
}
.ui-menu .ui-menu-item a {
    text-decoration:none;
    display:block;
    padding:.2em .4em;
    line-height:1.5;
    zoom:1;
    /*font-size:8pt;*/
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px;
}

span.autcpl {
    color:#50897A;
    /*font-size:8pt;*/
    margin-left:12pt;
}

.ui-dialog {
    border-top: 2px solid #A6C9E2;
    border-right: 4px solid #667982;
    border-bottom: 4px solid #667982;
    border-left: 2px solid #A6C9E2;
    padding:0;
}

.ui-dialog-content {
    color:#4A4A4A;
    background-color:white !important;
    /*font-size: 9pt !important;*/
}

.ui-dialog-content #page {
    padding:0;
    margin:0;
}

.ui-dialog-content div#rowDtl1 {
    margin:12px 6px 6px 6px;
    padding:12px;
    float:left;
    width:280px;
    color:#000000;
}
.ui-dialog-content div#rowDtl2 {
    margin:12px 6px 6px 6px;
    padding:12px;
    float:left;
    width:280px;
    color:#000000;
}

.ui-dialog-titlebar{
    padding: 0.1em 1em !important;
    /*font-size: 9pt !important;*/
}
.ui-dialog .ui-dialog-buttonpane button {
    margin: 0.1em 0.4em 0.1em 0 !important;
    font-size:8pt;
}
.ui-widget-overlay {
    opacity: 0.8;
}
.ui-widget{
    font-size:100%;
}

div.fldWd100 {
    width: 100%;
}
div.fldWd95 {
    width: 95%;
}
div.fldWd90 {
    width: 90%;
}
div.fldWd85 {
    width: 85%;
}
div.fldWd80 {
    width: 80%;
}
div.fldWd75 {
    width: 75%;
}
div.fldWd70 {
    width: 70%;
}
div.fldWd65 {
    width: 65%;
}
div.fldWd60 {
    width: 60%;
}
div.fldWd55 {
    width: 55%;
}
div.fldWd50 {
    width: 50%;
}
div.fldWd45 {
    width: 45%;
}
div.fldWd40 {
    width: 40%;
}
div.fldWd35 {
    width: 35%;
}
div.fldWd30 {
    width: 30%;
}
div.fldWd25 {
    width: 25%;
}
div.fldWd20 {
    width: 20%;
}
div.fldWd15 {
    width: 15%;
}
div.fldWd10 {
    width: 10%;
}
div.fld div.csAcpTrm {
    margin: 12px auto;
    width: 200px;
}

@media screen and (max-width:799px) {
    h2.public {
        display: block;
        clear:left;
        margin: 12px 0 0 12px;
    }
    div.fld {
        clear: left;
        width:100%;
    }
}

@media screen and (min-width:800px) {
    div.fldWd100 {
        width: 100%;
    }
    div.fldWd95 {
        width: 95%;
    }
    div.fldWd90 {
        width: 90%;
    }
    div.fldWd85 {
        width: 85%;
    }
    div.fldWd80 {
        width: 80%;
    }
    div.fldWd75 {
        width: 75%;
    }
    div.fldWd70 {
        width: 70%;
    }
    div.fldWd65 {
        width: 65%;
    }
    div.fldWd60 {
        width: 60%;
    }
    div.fldWd55 {
        width: 55%;
    }
    div.fldWd50 {
        width: 50%;
    }
    div.fldWd45 {
        width: 45%;
    }
    div.fldWd40 {
        width: 40%;
    }
    div.fldWd35 {
        width: 35%;
    }
    div.fldWd30 {
        width: 30%;
    }
    div.fldWd25 {
        width: 25%;
    }
    div.fldWd20 {
        width: 20%;
    }
    div.fldWd15 {
        width: 15%;
    }
    div.fldWd10 {
        width: 10%;
    }
}

div.fld {
    position: relative;
    float:left;
    padding: 6px 2px 6px 2px;
    margin:0;
}

div.fld div {
    width: 100%;
    position: relative;
}

div.fld div.wdg {
    margin: 0;
    position: relative;
    padding: 0px 6px;
}
div.fld div .wdg {
    width: 100%;
}

div.wdg .wdg {
    width: 100%;
}
div.fld div[id^="mce"] {
    width:auto;
}

form.csAjxFrm {
    width:100%;
}
div.wdg div.wdgTip {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    /*z-index: 1;*/
    max-height: 0px;
    max-width: 0px;
    left: 0%;
    margin-left: 0px;
}
div.wdg:hover div.wdgTip {
    background-color: #263659;
    color: #fff;
    text-align: center;
    bottom: 120%;
    padding: 8px 12px;
    border-radius: 8px;
    max-height: 100px;
    max-width: 100%;
    visibility: visible;
    opacity: 1;
    transition: opacity 400ms ease-in 1800ms;
}
div.wdg.valueDefault div.wdgTip div {
    background-color: white;
    padding: 3px;
    margin: 3px;
    color: red;
    border-radius: 4px;
}
div.wdg.valueDefault div.wdgTip div:before {
    content: 'This field has not been saved yet';
}
div.wdg:hover div.wdgTip::after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 20%;
    margin-left: -6px;
    border-width: 8px;
    border-style: solid;
    border-color: #233356 transparent transparent transparent;
    transition: opacity 300ms ease-in 1200ms;
}
.ui-dialog { z-index: 1000 !important ;}
.ui-dialog-title {
    font-size: 9pt;
}
td.fc-event-container a.csFcCourse div.fc-content {
    font-size: 8pt;
}
.fc-header-toolbar{
    font-size:9pt;
}
.csFcCourseDialogBody{
    font-size:8pt;
}
div.csCdCalendar {
    clear: both;
}
div.cs_course_calendar_popup {
    font-size: 8pt;
}
div.cs_course_calendar_popup div.cs_course_prices {
    clear:left;
}