html{margin:0;padding:0}body{background-color:#fff;color:#333;font-size:12px;font-family:Verdana,"Segoe UI",Helvetica,Sans-Serif;margin:0;padding:0}.header{margin:0 auto;background-color:#fff;height:auto;position:inherit;overflow:inherit}.header-top{height:80px;position:inherit;overflow:inherit}.logo-container{margin:auto;width:auto}.logo-container a{text-decoration:none}.header-top-right{height:auto;float:left;position:relative}.page-container-wrapper{background-color:#fff;width:99%;height:auto;border-top-left-radius:8px;border-top-right-radius:8px;-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;position:relative;overflow:hidden;margin:4px auto}.page-container{background-color:#fff;width:98%;height:auto;position:relative;border-top-left-radius:8px;border-top-right-radius:8px;-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;margin:10px auto;position:relative;overflow:inherit}.page-content-header{height:auto;padding-bottom:2px}.page-title-process-container{height:50px}.page-title{font-weight:bold;color:#0186ba;float:left}.page-title img{vertical-align:middle}.page-title select{}.page-process{text-align:left;float:right;padding-top:7px;margin-bottom:5px}.page-filter{padding-top:10px;text-align:left;float:right}.page-filter select{}.footer{background-color:#77a3c8;height:40px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;-moz-border-radius-bottomleft:8px;-moz-border-radius-bottomright:8px;margin:4px auto;width:99%}.login{font-size:1em;margin:5px auto;padding:5px 10px 5px 5px;text-align:right;color:#fff;height:auto;width:auto;position:relative;overflow:hidden}.login a{margin-left:10px;margin-right:3px;padding:2px 3px;color:#fff}.login a.username{background:none;margin:0;padding:0;font-weight:bold;color:#fff;text-decoration:none}.login img{vertical-align:middle}.field-validation-error{color:#e80c4d;font-weight:bold;font-size:.85em}.field-validation-valid{display:none}input.input-validation-error{border:1px solid #e80c4d;font-size:.85em}input[type="checkbox"].input-validation-error{border:0 none}.validation-summary-errors{color:#e80c4d;font-weight:bold;font-size:.85em}.validation-summary-valid{display:none}fieldset{margin-bottom:5px;padding:5px;font-size:.85em;border:1px solid #999;border-radius:8px}fieldset legend{}fieldset ol{padding:0;list-style:none}fieldset ol li{padding-bottom:2px}label{display:block;font-size:.85em;font-weight:600}label.checkbox{display:inline}.label{white-space:nowrap;vertical-align:top}input,textarea{border:1px solid #e2e2e2;background:#fff;color:#333;font-size:11px;margin:5px 0 2px 0;padding:5px;border-radius:4px}input,select{border:1px solid #e2e2e2;background:#fff;color:#333;font-size:11px;margin:5px 0 2px 0;padding:5px;-moz-border-radius:4px;border-radius:4px}.input-width-long{width:400px}textarea{font-family:inherit;width:300px;height:50px}input[type="checkbox"]{background:transparent;border:inherit;width:auto}.message-info{border:1px solid;clear:both;padding:10px 20px}.message-error{clear:both;color:#e80c4d;font-size:.85em;font-weight:bold;margin:10px 0 5px 0}.message-confirm{clear:both;color:#e80c4d;font-size:.85em;font-weight:bold;margin:10px 0 5px 0}.message-success{color:#7ac0da;font-size:.85em;font-weight:bold;margin:10px 0 5px 0}.error{color:#e80c4d}.detail-title{height:40px}.table-detail-collapse{border-collapse:collapse}.table-detail{border:1px solid #000;padding:5px;font-size:12px}.table-detail-TH{background-color:#c8c8c8;color:#000;text-align:left;padding:5px}.table-detail-TH2{background-color:#e2e2e2;color:#333;text-align:left;font-size:12px}.text-align-center{text-align:center}.text-align-left{text-align:left}.text-align-right{text-align:right}.center{margin:auto}.link{text-decoration:underline;cursor:pointer}.display-inline{display:inline}.float-left{float:left}.float-right{float:right}.uppercase{text-transform:uppercase}.scroll{display:block;border:1px solid;padding:5px;margin-top:5px;width:930px;height:auto;overflow:auto}legend{background:#fff;text-decoration:none}.legend{display:inline;font-size:small;font-weight:600}@media print{.text-print{font-size:12px;width:600px}.text-cheque{font-size:11px;width:600px}.receipt-print{font-size:12px;height:25px}.otherpayment-print{font-size:10px}}.alignment{text-align:left;padding-left:5em;margin-left:5em}#paymentRecordsAssessment{width:100%}#paymentRecordsAssessment table{float:left;font-size:x-small;margin-left:0}div.help-banner{background-color:#fff0b4;margin-top:-6px;margin-left:-13px;margin-right:-13px;margin-bottom:6px}div.help-banner :hover{background-color:#fff6d3}div.close-banner{float:right;padding:6px;text-decoration:none}.img-link{cursor:pointer}.img-print{height:25px;width:25px;float:right}.no-break{white-space:nowrap}.table{display:table;width:100%}.row{display:table-row}.cell{display:table-cell}.account-info{height:30px;width:auto;float:right}table.gridtable{font-family:verdana,arial,sans-serif;font-size:11px;color:#333;border-width:1px;border-color:#666;border-collapse:collapse}table.gridtable th{border-width:1px;padding:8px;border-style:solid;border-color:#666;background-color:#dedede}table.gridtable td{border-width:1px;padding:8px;border-style:solid;border-color:#666;background-color:#fff;text-align:center}.page-break{page-break-after:always}table.section-schedule-table{font-family:verdana,arial,sans-serif;font-size:11px;color:#333;border-width:1px;border-color:#666;border-collapse:collapse;width:680px}table.section-schedule-table th{border-width:1px;padding:2px;border-style:solid;border-color:#666;background-color:#dedede;font-weight:bold}table.section-schedule-table td{border-width:1px;padding:2px;font-size:11px;border-style:solid;border-color:#666;background-color:#fff;text-align:left}.section-schedule-report-container{text-align:left}.section-schedule-section-name{text-align:left;font-size:12px;font-weight:bold;width:680px;padding-top:10px}.ssr-course-code-width{width:10%}.ssr-description-width{width:40%}.ssr-type-width{width:5%}.ssr-time-width{width:15%}.ssr-day-width{width:5%}.ssr-teacher-width{width:15%}.ssr-room-width{width:5%}.menu-wrapper{margin:auto;padding-left:5px;position:relative;width:auto}.menu-container{margin:auto;padding:0;width:auto}#menu,#menu ul{margin:0;padding:0;list-style:none}#menu{width:auto;top:0%;margin:auto}#menu:before,#menu:after{content:"";display:table}#menu:after{clear:both}#menu{zoom:1}#menu li{float:left;position:relative}#menu a{float:left;padding:5px 10px;color:#252525;font:bold 11px Arial,Helvetica;text-decoration:none}#menu li:hover>a{background-image:-moz-linear-gradient(#b8bac6,#dddfe3);background-image:-webkit-gradient(linear,left top,left bottom,from(#b8bac6),to(#dddfe3));background-image:-webkit-linear-gradient(#b8bac6,#dddfe3);background-image:-o-linear-gradient(#b8bac6,#dddfe3);background-image:-ms-linear-gradient(#b8bac6,#dddfe3);background-image:linear-gradient(#b8bac6,#dddfe3);-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}*html #menu li a:hover{color:#fafafa;background-image:-moz-linear-gradient(#b8bac6,#dddfe3);background-image:-webkit-gradient(linear,left top,left bottom,from(#b8bac6),to(#dddfe3));background-image:-webkit-linear-gradient(#b8bac6,#dddfe3);background-image:-o-linear-gradient(#b8bac6,#dddfe3);background-image:-ms-linear-gradient(#b8bac6,#dddfe3);background-image:linear-gradient(#b8bac6,#dddfe3);-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}#menu ul{margin:10px 0 0 0;_margin:0;opacity:0;visibility:hidden;position:absolute;top:55px;left:0;z-index:1;background:#ff0;background:-moz-linear-gradient(#b8bac6,#dddfe3);background-image:-webkit-gradient(linear,left top,left bottom,from(#b8bac6),to(#dddfe3));background:-webkit-linear-gradient(#b8bac6,#dddfe3);background:-o-linear-gradient(#b8bac6,#dddfe3);background:-ms-linear-gradient(#b8bac6,#dddfe3);background:linear-gradient(#b8bac6,#dddfe3);-moz-box-shadow:0 -1px rgba(255,255,255,.3);-webkit-box-shadow:0 -1px 0 rgba(255,255,255,.3);box-shadow:0 -1px 0 rgba(255,255,255,.3);-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}#menu li:hover>ul{opacity:1;visibility:visible;margin:0}#menu ul ul{top:0;left:150px;margin:0 0 0 20px;_margin:0}#menu ul li{float:none;display:block;border:0;_line-height:0}#menu ul li:last-child{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}#menu ul a{padding:10px;width:130px;_height:10px;display:block;white-space:nowrap;float:none;text-transform:none}#menu ul a:hover{background-color:#0186ba;background-image:-moz-linear-gradient(#b8bac6,#dddfe3);background-image:-webkit-gradient(linear,left top,left bottom,from(#b8bac6),to(#dddfe3));background-image:-webkit-linear-gradient(#b8bac6,#dddfe3);background-image:-o-linear-gradient(#b8bac6,#dddfe3);background-image:-ms-linear-gradient(#b8bac6,#dddfe3);background-image:linear-gradient(#b8bac6,#dddfe3);-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}#menu ul li:first-child>a{-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}#menu ul li:first-child>a:after{content:'';position:absolute;left:40px;top:-6px;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #888;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}#menu ul ul li:first-child a:after{left:-6px;top:50%;margin-top:-6px;border-left:0;border-bottom:6px solid transparent;border-top:6px solid transparent;border-right:6px solid #888;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}#menu ul li:first-child a:hover:after{border-bottom-color:#555;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}#menu ul ul li:first-child a:hover:after{border-right-color:#555;border-bottom-color:transparent;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}#menu ul li:last-child>a{-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}#menu-trigger{display:none}@media screen and (max-width:600px){#menu-wrap{position:relative}#menu-wrap *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#menu{margin:0;padding:10px;position:absolute;top:40px;width:100%;z-index:1;display:none;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}#menu:after{content:'';position:absolute;left:25px;top:-8px}#menu ul{position:static;visibility:visible;opacity:1;margin:0;background:none;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}#menu ul ul{margin:0 0 0 20px!important;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}#menu li{position:static;display:block;float:none;border:0;margin:5px;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}#menu ul li{margin-left:20px;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}#menu a{display:block;float:none;padding:0;color:#999}#menu a:hover{color:#fafafa}#menu ul a{padding:0;width:auto}#menu ul a:hover{background:none}#menu ul li:first-child a:after,#menu ul ul li:first-child a:after{border:0}}@media screen and (min-width:600px){#menu{display:block!important}}.no-transition{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;opacity:1;visibility:visible;display:none}#menu li:hover>.no-transition{display:block}.menu-tile-container{position:relative;overflow:hidden}.menu-tile{float:left;position:relative;width:300px;height:80px;margin:5px}.menu-tile img{vertical-align:middle}.menu-tile a{text-decoration:none;font-size:14px;font-weight:bold;color:#0186ba;padding-left:5px}.menu-tile span{font-size:10px;font-weight:bold}