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_date_list {
    clear: left;
    float: left;
}
div.cs_format_course_time_start {
    clear: left;
    float: left;
}
div.cs_format_course_time_start:before {
    content: 'Times: ';
}
div.cs_format_course_time_to {
    padding-left: 12px;
    float: left;
}
div.cs_format_course_time_to:before {
    content: 'to';
}
div.cs_format_course_time_end {
    padding-left: 12px;
    float: left;
}
div.cs_course_duration { 
    clear: left;
    float: 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_external_id {
    padding-right: 12px;
    clear:left;
    float:left;
}
div.cs_course_format {
    padding-right: 12px;
    clear:left;
    float:left;
}
div.cs_course_role {
    padding-right: 12px;
    clear:left;
    float:left;
}
div.cs_course_full, div.cs_course_limited {
    padding: 6px 0 0 12px;
    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 !important;
}
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_form_document_external_id {
    font-weight:normal;
}
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 div.vldMsgHeader {
    font-size:12pt;
    clear:left;
    margin: 18px 0 12px 0;
    padding:12px;
    border-radius:9px;
}
span.inf {
    display:inline-block;
    width:18px;
    height:14px;
    background:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg viewBox='4 1 400 400' xmlns='http://www.w3.org/2000/svg' xmlns:bx='https://boxy-svg.com'%3E%3Cdefs%3E%3Cpath id='text-path-0' d='M 118 90 C 266 71 367 66 417 55'/%3E%3Cbx:grid x='0' y='0' width='9' height='109'/%3E%3Cpath id='text-path-1' d='M 78 106 C 148 101 275 93 341 89'/%3E%3Cpath id='text-path-2' d='M 122 90 C 257 85 259 81 319 78'/%3E%3Cpath id='text-path-3' d='M 102 171 C 136 170 289 160 316 159'/%3E%3Cpath id='path-1' d='M 103 169 C 138 166 295 150 316 147'/%3E%3Cpath id='path-2' d='M 103 169 C 137 168 297 161 316 159'/%3E%3Cpath id='path-3' d='M 103 169 C 138 166 295 150 316 147'/%3E%3Cpath id='path-4' d='M 103 169 C 179 164 283 155 311 154'/%3E%3Cpath id='path-5' d='M 103 169 C 203 161 160 164 313 152'/%3E%3Cpath id='path-6' d='M 102 171 C 136 170 289 160 316 159'/%3E%3C/defs%3E%3Ccircle style='stroke:rgb(58, 148, 204); fill:rgb(58, 148, 204); stroke-width:0px;' cx='216.25' cy='200' r='195' transform='matrix(0.923077, 0, 0, 1, 0.384615, 0)'/%3E%3Ccircle style='fill:rgb(255, 255, 255); stroke:rgb(186, 218, 85); stroke-miterlimit:0; stroke-width:0px;' cx='200' cy='95' r='55'/%3E%3Cpath d='M 160 195 L 240 195 L 240 360 L 160 360 L 160 195 Z' style='stroke:rgb(186, 218, 85); stroke-linejoin:round; fill:rgb(255, 255, 255); stroke-width:0px;' bx:origin='0.5 0.5'/%3E%3C/svg%3E") no-repeat right;
    opacity:80%;
}
span.inf:hover {
    opacity:100%;
}
.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;
}
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( #FFFED8, #FCFBD1, #F6F4C1, #F5F2BE );
    background:-o-linear-gradient( #FFFED8, #FCFBD1, #F6F4C1, #F5F2BE );
    background:-moz-linear-gradient( #FFFED8, #FCFBD1, #F6F4C1, #F5F2BE );
    background:linear-gradient( #FFFED8, #FCFBD1, #F6F4C1, #F5F2BE );
    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.drawerHeadFormSlide {
    cursor:pointer;
}
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;
}
div.wdg input[type="checkbox"].wdg {
    width: auto;
}
div.chkLst {
    margin: 0 0 5px 0;
}
div.chkLst label.checkbox, div.wdg label.checkbox {
    display: block;
    padding-left: 20px;
    text-indent: -20px;
    height: auto;
    color:black;
}
label.checkbox input[type="checkbox"].wdg, div.wdg label.checkbox input[type="checkbox"].wdg {
    width: 13px;
    height: 13px;
    padding: 0;
    margin: 0 7px 0 0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    *overflow: hidden;
}
div.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;
}
.vldMsg div.nxt, .vldMsg div.lst {
    font-weight:bold;
    text-align:center;
    border:solid 1px lightgray;
    border-radius:6px;
    color:#404040;
    background-color:#fcfcfc;
    cursor:pointer;
    width:50px;
    font-size:85%;
    margin:4px 0 3px 0;
}
.vldMsg div.nxt:hover {    
    color:black;
    border-color:black;
}
.vldMsg div.lst{
    width:auto;
    cursor:default;
    border-color:#fcfcfc;
}
.vldMsg div.lst:before {
    content:'This is the last validation message';
}
div.vldFocus {
    background-color:#fffafa;
}
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.textarray {
    float:left;    
}
div.textarray div.row {
    float:left;
    padding:3px 0;
}
div.textarray div.row div.col {
    float:left;
    padding:0 8px 0 0;
}
div.textarray div.row div.icd {
    margin:0;
}
div.textarray-1 div.row div.col {
    width:calc(100% - 18px);
}
div.textarray-2 div.row div.col {
    width:calc(50% - 9px);
}
div.textarray-3 div.row div.col {
    width:calc(33.3% - 6px);
}
div.ExtensionContainer div.textarray-add {
    clear:left;
    float:left;
    margin:12px 0 12px 10%;
    border-radius:9px;
    box-shadow:3px 3px 5px #888888;
    border:1px #bbb solid;
    background-color:#f9f9fa;
    color:#556;
    width:70%;
    text-align:center;justify-content: center ;
    cursor:pointer;
}
div.textarray div.icd{
    float:left;
    width:16px;
    height:16px;
    cursor:pointer;
}
.textarray-add:hover {
    background-color:white;
    color:#112;
    box-shadow:4px 4px 6px #888888;
}
.textarray-add:before {
    content:"Click to add a row";
}
div.fld div.wdg.fileListStore, div.ExtensionContainer {
    background-color:#fcfbf8;
    border:#f0e0e3 solid 1px;
    padding:12px 6px 3px 6px;
}
div.ExtensionContainer {
    clear:left;
    float:left;
    width:100%;
    margin:18px 0 6px 6px;
}
div.ExtensionContainer > label {
    width:100%;
    text-align:center;
    font-weight:bold;
    font-size:105%;
}
div.fld div.attendanceList {
    float:left;
}
div.fld div.attendanceItems {
    margin:3px 0 0 0;
    padding:4px;
    border:solid palegoldenrod 1px;
    border-radius:6px;
    clear:both;
    float:left;
}
div.fld div.attendanceListRow {
    padding:3px 0;
    clear:left;
    float:left;
}
div.fld div.attendanceListRow div.attendanceListRowNew {
    background: blanchedalmond;
    border-radius: 6px;
}
div.fld div.attendanceListRow div.attendanceListRowDate {
    min-width:140px;
    width:calc(35% - 8px);
    float:left;
}
div.fld div.attendanceListRow div.attendanceListRowSession {
    min-width:60px;
    width:calc(15% - 6px);
    float:left;
}
div.fld div.attendanceListRow div.attendanceListRowAttendance {
    min-width:250px;
    width:calc(50% - 10px);
    float:left;
}
div.fld div.attendanceList label {
    display:block;
    float:left;
}
div.fld div.attendanceAdd {
    width:16px;
    height:16px;
    border-radius:100%;
    float:right;
    background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PGRlZnM+PHBhdGggZD0iTTQyIDE4TDU0IDE4TDU0IDc4TDQyIDc4TDQyIDE4WiIgaWQ9ImI1TDRJNGhRVWoiPjwvcGF0aD48cGF0aCBkPSJNMTggNDJMNzggNDJMNzggNTRMMTggNTRMMTggNDJaIiBpZD0iYTE4V1ZCZnUxIj48L3BhdGg+PC9kZWZzPjxnIHZpc2liaWxpdHk9ImluaGVyaXQiPjxnIHZpc2liaWxpdHk9ImluaGVyaXQiPjxnIHZpc2liaWxpdHk9ImluaGVyaXQiPjx1c2UgeGxpbms6aHJlZj0iI2I1TDRJNGhRVWoiIG9wYWNpdHk9IjEiIGZpbGw9IiNmZmZmZmYiIGZpbGwtb3BhY2l0eT0iMSI+PC91c2U+PC9nPjxnIHZpc2liaWxpdHk9ImluaGVyaXQiPjx1c2UgeGxpbms6aHJlZj0iI2ExOFdWQmZ1MSIgb3BhY2l0eT0iMSIgZmlsbD0iI2ZmZmZmZiIgZmlsbC1vcGFjaXR5PSIxIj48L3VzZT48L2c+PC9nPjwvZz48L3N2Zz4="), radial-gradient(at 40% 30%, #3dd214, #2c980e);
}
div.fld div.attendanceListRowRemove {
    float:left;
    width:16px;
    height:16px;
    border-radius:100%;
    background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PGRlZnM+PHBhdGggZD0iTTI4Ljk4IDcxLjI1TDcxLjkyIDI5Ljg3IiBpZD0iajFhZ0pCQ3daWCI+PC9wYXRoPjxwYXRoIGQ9Ik03MC42OSA3MS40N0wyOS4zMSAyOC41MyIgaWQ9ImVqamlkODFLRyI+PC9wYXRoPjwvZGVmcz48ZyB2aXNpYmlsaXR5PSJpbmhlcml0Ij48ZyB2aXNpYmlsaXR5PSJpbmhlcml0Ij48ZyB2aXNpYmlsaXR5PSJpbmhlcml0Ij48Zz48dXNlIHhsaW5rOmhyZWY9IiNqMWFnSkJDd1pYIiBvcGFjaXR5PSIxIiBmaWxsLW9wYWNpdHk9IjAiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLXdpZHRoPSI4IiBzdHJva2Utb3BhY2l0eT0iMSI+PC91c2U+PC9nPjwvZz48ZyB2aXNpYmlsaXR5PSJpbmhlcml0Ij48Zz48dXNlIHhsaW5rOmhyZWY9IiNlamppZDgxS0ciIG9wYWNpdHk9IjEiIGZpbGwtb3BhY2l0eT0iMCIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjgiIHN0cm9rZS1vcGFjaXR5PSIxIj48L3VzZT48L2c+PC9nPjwvZz48L2c+PC9zdmc+"), radial-gradient( at 40% 30%, #C22600, #B22300);
}
div.attendanceListRowDate, div.attendanceListRowSession, div.attendanceListRowAttendance {
    width:150px;
}
div.attendanceListRowEmpty {
    display:none;
}
div#divAttendanceVld {
    clear:left;
    border:none;
}
div.fld label.fileDnD, div.wdg label.fileDnD {
    clear:left;
    cursor:pointer;
    width:100%;
    border:2px dashed #ccc;
    border-radius:12px;
    margin:10px auto 6px auto;
    padding:24px;
    background-color:#fffefc;
    background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='100%'><text font-family='Sans' x='50%' y='60%' text-anchor='middle' alignment-baseline='central' fill='grey' font-size='16'>Drop a file here, or click to browse</text></svg>") no-repeat;
}
div.fld label.fileDnD.multiple {
    background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='100%'><text font-family='Sans' x='50%' y='60%' text-anchor='middle' alignment-baseline='central' fill='grey' font-size='16'>Drop files here, or click to browse</text></svg>") no-repeat;
}
div.fld label.fileDnD.fileDnDActive, div.fld label.fileDnD:hover, div.wdg label.fileDnD.fileDnDActive, div.wdg label.fileDnD:hover {
    border-color:burlywood;
    background-color:linen;
}
div.fileDnDList {
    width:100%;
    clear:left;
    float:left;
    margin:6px 0;
    border:1px solid burlywood;
}
div.fileDnDList label {
    margin-left:6px;     
}
div.fileDnDList div.fileDnDListRow:nth-child(odd) {
    background-color:#f5f2ef;
}
div.fileDnDList div.fileDnDListRow:nth-child(even) {
    background-color:#f9f6f3;
}
div.fileDnDList div.fileDnDListRow span {
    padding:3px 6px;
    display:inline-block;
    overflow:hidden;
}
div.fileDnDList div.fileDnDListRow span.name {
    width:calc(60% - 20px);
}
div.fileDnDList div.fileDnDListRow span.type {
    width:calc(25% - 12px);
}
div.fileDnDList div.fileDnDListRow span.size {
    width:calc(15% - 12px);
    text-align:right;
}
div.fileDnDList div.fileDnDListRow span.delete {
    margin-top:3px;
    float:none;
}
span.fileDnDDelete{
    font-size:12pt;
    color:firebrick;
}
label.fileDnD.fileDnDDrop span.progressMeter {
    height:20px;
    background-color:darkblue;
    display:inline-block;
    opacity:1;
}
input.fileDnD {
    display: none;
}
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:auto;
}
.ui-autocomplete {
    max-height:200px;
    overflow-y:auto;
    overflow-x:hidden;
}
.ui-autocomplete-loading {
    background: url('ldg.gif') right center no-repeat;
}
.ui-menu {
    background:#E9F0F9;
    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 #a0b0d0;
}
.ui-menu .ui-menu-item a {
    text-decoration:none;
    display:block;
    padding:.2em .4em;
    line-height:1.5;
    zoom:1;
}
.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;
    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;
    font-size:0pt;
    position:absolute;
    max-height:0px;
    max-width:0px;
}
div.wdg label:hover ~ div.wdgTip {
    background-color:#263659;
    color:#fff;
    text-align:center;
    padding:8px 12px;
    border-radius:8px;
    max-height:100px;
    max-width:100%;
    visibility:visible;
    z-index:10000000;
    opacity:1;
    font-size:10pt;
    transition:opacity 300ms ease-in 1000ms;
}
div.wdg label:hover ~ div.wdgTipTop {
    left:0%;
    margin-left:0px;
    bottom:calc(100% + 10px);
}
div.wdg label:hover ~ div.wdgTipRight {
    top:6px;
    left:105%;
    width:90%;
}
div.wdg label:hover ~ div.wdgTipBottom {
    left:0%;
    margin-left:0px;
    top:50px;
}
div.wdg label:hover ~ div.wdgTipLeft {
    top:6px;
    right:105%;
    width:90%;
}
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 label:hover ~ div.wdgTip::after {
    content:" ";
    position:absolute;
    margin-left:-6px;
    border-width:8px;
    border-style:solid;
}
div.wdg label:hover ~ div.wdgTipTop::after {
    top:100%;
    left:20%;
    border-color:#233356 transparent transparent transparent;
}
div.wdg label:hover ~ div.wdgTipRight::after {
    top:50%;
    margin-top:-7px;
    right:100%;
    border-color:transparent #233356 transparent transparent;
}
div.wdg label:hover ~ div.wdgTipBottom::after {
    bottom:100%;
    left:20%;
    border-color:transparent transparent #233356 transparent;
}
div.wdg label:hover ~ div.wdgTipLeft::after {
    top:50%;
    margin-top:-7px;
    right:-16px;
    border-color:transparent transparent transparent #233356;
}
.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;
}
div.cs_payment_html{
    width:520px;
    margin:0px auto;
}
div.nabtField {
    padding:3px;
}
select[name=EPS_CARDTYPE] {
    width:400px;
}
input[name=EPS_CARDNUMBER] {
    width:400px;
}
select[name=EPS_EXPIRYMONTH] {
    width:150px;
    margin-right:25px;
}
select[name=EPS_EXPIRYYEAR] {
    width:225px;
}
input[name=EPS_CCV] {
    width:150px;
}
div.nabtErrorField{
    border:red 1px solid;
}
div.nabtErrorMessage{
    color:red;
}
input#nocache {
    border:none;
    font-size: 8pt;
}