html {background:url(images/html-bg.jpg) #1B6D9D repeat-x center top; height:100% }
body {background:url(images/big-bg.jpg) no-repeat center top; margin:8px 0 0 0; padding:0; display:block; height:100%}

div { font-family:Arial, Helvetica, sans-serif; font-size:12px;}
img { padding:0; margin:0; }
h5 {color: #4DAC27;font-size: 12px;margin: 14px 0 0;}

#wrapper { width:744px; margin:0 auto; padding:0;}

#header { background:url(images/header-bg.jpg) no-repeat center top; width:743px; height:178px; display:block; padding:0; margin:0; }
#header h1 { float:left; margin:0; padding:0; }
#header h1 a { background:url(images/block.gif); width:361px; height:105px; display:block; text-indent:-9999px; }

#topnav { float:right; margin:11px 25px 0 0; padding:0; display:inline;}
#topnav ul { margin:0; padding:0;  }
#topnav ul li { list-style:none; float:left; padding:0 10px; }
#topnav ul li a {color:#fff; text-decoration:none; }
#topnav .topnav-line { border-right:#76C6DF solid 1px;} 

#nav { float:right; margin:52px 0 0 0; width:370px; }
#nav ul { margin:0; padding:0; }
#nav ul li { list-style:none; float:left; margin-right:1px; }
#nav ul li a { background:url(images/nav.gif) no-repeat center top; width:69px; height:25px; text-align:center; color:#2679B0; font-size:13px; font-weight:bold; display:block; text-decoration:none; padding-top:9px; }

#mainbody-wrapper { clear:both; background:url(images/mainbody-ext-bg.gif) repeat-y center top; width:743px; }
#mainbody { background:url(images/mainbody-bg.gif) no-repeat center top; width:743px; }

#left-panel { width:140px; padding:42px 0 0 12px; margin:0; vertical-align:top;}
#left-panel ul { margin:0; padding:0; }
#left-panel ul li { list-style:none;}
#left-panel ul li a { color:#2679B0; text-decoration:none; height:24px; border-bottom:#2679B0 dotted 1px; width:122px; padding-top:9px;text-indent:14px; display:block; }
#left-panel ul li a:hover { color:#4DAC27; background:url(images/sidenav-over.jpg) repeat-x center top;}

#right-panel { padding:6px 11px 0 11px; width:559px; vertical-align:top;} 
#right-panel h2 {margin:0 0 17px 15px; overflow:hidden;}

#footer { background:url(images/footer-bg.gif) no-repeat center top; width:744px; height:33px;}

#copyright { color:#fff; font-size:11px; text-align:right; padding-right:23px; width:711px; margin:0 auto; padding-top:5px; display:block; height:35px; }
#copyright #company { color:#ccc; }
#copyright a { color:#ccc; text-decoration:none; }

/* General Page */

#frame-top { background:url(images/frame-top.gif) no-repeat center top; width:560px; height:12px; display:block; clear:both; padding:0; margin:0; overflow:hidden; }
#frame-top.blue { background-image:url(images/frame-top-blue.gif); }
#frame-body, #frame-body-blue, .frame-body  { border-left:#E5EEFC solid 1px; border-right:#E5EEFC solid 1px; width:516px; padding:26px 21px 11px; clear:both; margin:0;}
#frame-body { min-height:326px;}
#frame-body-course { border-left:#E5EEFC solid 1px; border-right:#E5EEFC solid 1px; width:558px; display:block; padding:26px 0 0 0; clear:both; margin:0; overflow:hidden;}
#frame-body-blue { background-color: #EAF4FD; min-height: 0px; padding-top: 0px;}
#frame-bottom { background:url(images/frame-bottom.gif) #fff no-repeat center top; width:560px; height:12px; display:block; clear:both; padding:0; margin:0; }


/* homepage */
#home #bar { width:560px; height:24px; margin:4px 0 15px 0; background:#1B6E9A; }
#home a { text-decoration:none; }
#home .box1 { float:left; margin-right:14px; background:url(images/box1.gif) no-repeat center top; width:159px; height:80px; padding:9px 9px 9px 9px; font-size:11px; }
#home .box2 { float:left; margin-right:14px; background:url(images/box2.gif) no-repeat center top; width:159px; height:80px; padding:9px 9px 9px 9px; font-size:11px;}
#home .box3 { float:left; background:url(images/box2.gif) no-repeat center top; width:159px; height:80px; padding:9px 9px 9px 9px; font-size:11px; }
.box1 h5 { font-size:14px; color:#4FAC28; font-weight:bold; height:15px; margin:0 0 9px 0; text-decoration:none; }
.box2 h5, .box3 h5 { font-size:14px; color:#1B6E9A; font-weight:bold; height:15px; margin:0 0 9px 0; text-decoration:none; }

/* career */
.career { width:512px; padding:9px 0; border-bottom:#E5EEFC solid 1px; clear:both; display:block;}
.career .title { width:372px; color:#1B6D9D; font-weight:bold; float:left;font-size:12px!important;}
.career .apply a { color:#1B6D9D; text-decoration:underline; float:left;font-size:11px;}
.career .location { color:#4DAC27; font-weight:bold; clear:both;font-size:12px; height:20px; padding-top:3px;}
.career .content { width:485px; display:block;font-size:11px;}

/* Location */

#location-wrapper { float:left; width:278px; margin:0; padding:0;  display:inline; min-height:250px; display:block;}
#location-wrapper .location {  border-bottom:#E5EEFC solid 1px; padding:12px 0; }
#location-wrapper .title { color:#1B6D9D; font-size:12px; font-weight:bold; }
#location-wrapper .name { font-size:11px; }
#location-wrapper .website a { color:#4DAC27; text-decoration:none; font-size:11px; }
#location-wrapper .email a { color:#666; text-decoration:none; font-size:11px; }
#location-wrapper .phone { color:#666; font-size:11px; }
#location-wrapper .phone span { color:#4DaC27; font-size:11px; }
#nzmap { margin:0; padding:0; vertical-align:top; float:right; display:block; width:230px; height:330px; } 

/* Time-trial */
#time-trial { clear:both; }
#time-trial .label1 { width:122px; color:#1B6D9D; height:25px; }
#time-trial .label2 { width:140px; color:#1B6D9D; }
#time-trial .label3 { width:150px; color:#1B6D9D; }
#time-trial .label4 { width:100px; color:#1B6D9D; }
#time-trial .content { color:#000; height:18px;}
#time-trial .middle { text-indent:43px;}

/* colouring */

#colouring {display:table; min-height:auto; height:100%; }
#colouring .picture { float:left; margin:0 13px 18px 0; padding:0; overflow:hidden;}
#colouring img { border:#E5EEFC solid 1px;}
#colouring .download a { color:#2679B0; font-size:10px; text-decoration:underline; width:162px; text-align:right; display:block; }

#colouring .picture-end { float:left;margin:0 0 18px 0; padding:0;  overflow:hidden; display:table;}

/* contact */
.text-title { color:#1B6D9D; font-weight:bold; }
.text-font11 { font-size:11px; }
.text-subtitle { color:#4DAC27; width:33px; display:block; float:left; }

#contact .form, #career .form { margin-left:15px; }
#contact .text1, #career .text1 { width:203px; height:15px; border:#E5EEFC solid 1px; }
#contact .text2, #career .text2 { width:382px; height:76px; border:#E5EEFC solid 1px; }
#contact #send, #career #send { margin-left:322px; margin-top:7px; }
#contact .label,#career .label { height:19px; padding-top:3px; font-size:11px; color:#333333; display:block; }

/* Message Box */
#message { border:#E5EEFC solid 1px; padding:10px; color:#4DAC27; text-align:center; font-weight:bold; }

/* Course */
#course { margin:0; padding:0; }
#course .text { padding: 0 0 0 21px; margin:0; }
#course .course-list { margin:21px 0 0 0; padding:0; overflow:hidden; width:100%; display:block;}
#course .line { border-bottom:#E5EEFC solid 1px; width:100%; height:1px; display:block; padding:0; margin:14px 0 0 0; }

#course h3 { margin:0 0 15px 87px; overflow:hidden;  color:#2679B0; font-size:14px; font-weight:bold; padding:0;}
.course-item { width:512px; height:40px; padding:21px 0 0 0; margin:0 0 6px 34px; display:block; }
.course-item .title { width:181px; margin-left:78px; color:#fff; float:left; padding:0;}
.course-item .time { width:70px; color:#4DAC27; float:left; font-size:11px; padding:1px 0; }
.course-item .download a { color:#FF6600; float:left; font-size:11px; padding:1px 0; }

/* Progress */
#progress h2.step1 { background:url(images/bluenum_1.png) no-repeat 11px 0; color:#2879AE; font-size:15px; font-weight:bold; padding:5px 0 2px 48px; margin-left:20px; }
#progress .block1 { width:380px; height:28px; background:#EFEFEF; padding: 10px 0 0 100px; margin:0 0 41px 20px; font-size:12px; }
#progress .block1 label { display:block; display:inline; margin-right:19px; }
#progress .block1 .listbox { font-size:11px; font-family:Arial, Helvetica, sans-serif; text-align:center; }

#progress h2.step2 { background:url(images/bluenum_2.png) no-repeat 11px 0; color:#2879AE; font-size:15px; font-weight:bold; padding:5px 0 2px 48px; margin-left:20px; }
#progress .block2 { width:430px; height:55px; background:#EFEFEF; padding: 10px 0 0 50px; margin:0 0 0px 20px; font-size:12px; }
#progress .block2 label { font-size:10px; color:#999; margin-bottom:3px; }
#progress .block2 .textbox { font-size:12px; color:#000; width:380px!important; margin-top:3px; width:404px;font-family:Arial, Helvetica, sans-serif; }

#progress #next { margin:40px 0 0 430px; }

#topbtn { float:right; margin-top:-40px; margin-right:18px; }
#topbtn img { border:none; }

#sframe-top { background:url(images/progress-top.gif) no-repeat center top; width:560px; height:54px; display:block; clear:both; padding:0; margin:0; overflow:hidden; }
#sframe-top .left { float:left; padding:10px 0 0 21px; height:100%; overflow:auto; }
#sframe-top .right { float:right; padding:10px 33px 0 0; height:100%; overflow:auto; font-weight:bold; }

#progress .logo {  display:block; margin-bottom:15px; text-align:right; }

#progress #goal { float:left; width:386px; }
#progress #goal .item { overflow:auto; height:100%; display:block; clear:both; }
#progress #goal .item .smile { float:left; width:78px; display:block; margin-top:12px; } 
#progress #goal .item .text { float:left; display:block;}
#progress #goal .item .text h3 { margin:0 0 3px 0; color:#4FAC28; font-weight:bold; font-size:15px; } 
#progress #goal .item .text p { margin: 0 0 6px 0; font-weight:bold; }
#progress #goal .item .text .bg1 { width:276px; height:27px; padding:12px 0 0 10px; background:url(images/goal-bg1.gif) no-repeat center top; font-size:13px; }
#progress #goal .item .text .bg2 { width:276px; height:27px; padding:12px 0 0 10px; background:url(images/goal-bg2.gif) no-repeat center top; font-size:13px; }

#progress .line { border-top:#E5ECFC solid 1px; width:330px; float:right; margin:15px 22px 15px 0; height:1px;  }

/*pop up menu */
#dropmenudiv { position:absolute; z-index:100; background:#EDF2F8; padding:7px 0; margin:0; width:121px;}
#dropmenudiv .topmenu { font-size:12px; color:#4DAC27; margin-left:10px; display:block; height:20px; margin-top:3px;font-size:12px; font-family:Arial, Helvetica, sans-serif; }

#dropmenudiv a{
	width:160px;
	padding: 1px 0 0 0;
	text-decoration: none;
	color: #000;
	font-size: 11px;
	margin:0;
	text-indent:18px;
	height:15px;
	background:url(images/arrow_01.gif) no-repeat 140px 5px;
	display:block;
}

#dropmenudiv a:hover {
	background:url(images/arrow_01.gif) #B6C6D9 no-repeat 140px 5px;
}

/* Enrol */
.enrol th {font-weight: normal!important;}
.enrol select, .enrol input, .enrol textarea {
  font-size: 11px;
  padding: 2px;
  border: 1px solid #CBCCDA;
  font-family: Arial, sans-serif;
}
.enrol select , .enrol.table1 input {text-align: center;}
.enrol tr.spacerrow th {height: 0px; padding: 0px;
}
.enrol.table1 th {
  padding: 8px 0px;
  font-size: 14px;
  font-weight: bold;
  color: #2679B0;
}
.enrol.table2 th {font-weight: normal;vertical-align: bottom;}
.enrol.table1 td {background-color: #EFEFEF;padding: 8px 10px;}
.enrol.table2 {width: 513px;}
.btn_next, .btn_yes, .btn_back, .btn_add, .btn_checkout {
  padding: 0px;
  margin: 0px;
  border: none!important;
  background-repeat: no-repeat;
  background-color: #FFF;
  cursor: pointer;
}
.btn_next {width: 67px;height: 26px;background-image: url(images/btn_next.png);}
.btn_yes {width: 67px;height: 26px;background-image: url(images/btn_yes.png);}
.btn_back {width: 67px;height: 26px;background-image: url(images/btn_back.png);}
.btn_add {width: 48px;height: 16px;background-image: url(images/btn_add.png);}
.btn_checkout {width: 171px;height: 26px;background-image: url(images/btn_checkout.png);} /* NEW */
.bluenum {
  background-repeat: no-repeat;
  font-size: 14px;
  font-weight: bold;
  color: #2679B0;
  padding: 5px 5px 5px 35px;
  margin: 0px 21px 7px;
  text-align: left;
}
.greybox {
  width: 480px;
  background-color: #EFEFEF;
  padding: 7px;
  margin: 1px 10px;
}
.greybox label {
  width: 136px;
  text-align: right;
  display: block;
  float: left;
  padding: 2px 7px;
}
.enrol.table2 td {background: url(images/enrol_level_back.gif) repeat-x;}
.enrol.table2 td.logocell {
  background-position: 0 3px;
  padding: 11px 0 11px 65px;
  line-height: 12px;
  color: #FFF;
}
#frame-body.midframe, .midframe {
  border-top: 1px solid #E5EEFC;
  min-height: 0px;
  padding-top: 14px ;
  padding-bottom: 8px;
}
.enrol.table3  th{
  font-weight: normal;
  font-size: 9px;
  color: #2679B0;
  padding: 0px;
  margin: 0px;
}
.enrol.table3 td {
  font-size: 11px;
  color: #2679B0;
  vertical-align: top;
  text-align: center;
  padding: 5px 5px 0px;
  border-bottom: 1px solid #AAD6E3;
}
.enrol.table3 td.day {
  background-color: #AAD6E3!important;
  color: #FFF;
  padding: 0px;
  vertical-align: top;
}
.enrol.table3 td.day h3 {
  font-size: 20px;
  border-bottom: 1px solid white;
  color: #000;
  margin: 11px 6px 4px;
  padding: 0 0 1px;
  line-height: 20px;
}
.enrol.table3 tr.row-g td {background-color: #B8FF95;}
.enrol.table3 tr.row-b td {background-color: #E5F1FC;}
.enrol.table3 td.time {text-align: left!important;padding: 8px 5px 0px;}
.enrol.table3 td.time h5 {
  font-size: 13px;
  font-weight: normal;
  margin: 0px;
  padding: 6px 8px 0;
  color: #2679B0;
}
.enrol.table3 p {padding: 0px;margin: 4px 0px 2px;}
.enrol.table3 tr.spacerrow td {border-bottom: 1px solid #AAD6E3;height: 4px;padding: 1px;}
input.boxinline {position: relative;top: 3px;}
.error {
  font-weight: bold;
  color: #C00;
  text-align: center;
  padding: 4px;
}
.enrol a.removelink {
  display: block;
  text-align: right;
  margin-right: 10px;
  width: 115px;
  padding: 0 40px 2px 0;
  color: #000;
  font-size: 11px;
  text-decoration: none;
  background: url(images/red_cross.gif) right center no-repeat;
}
.enrol a.removelink:hover {
  color: #C00;
}
#right-panel ul {padding: 0;}
#right-panel ul li {
  background: url(images/arrow_right.gif) 2px 2px no-repeat;
  list-style: none;
  margin: 5px 10px;
  padding-left: 22px;
  color: #333;
}

/* Calendar Styles */
#calendar {
  display: none;
  position: absolute;
  background-color: #FFF;
  border: 1px solid #E1E1E1;
  width: 185px;
  cursor: pointer;
  z-index: 100;
}
#calendar  td {
  width: 22px;
  height: 19px;
  border: 1px solid #F0F0F0;
  text-align: center;
  background-color: #FFF;
  color: #666;
  font-size: 11px;
}
#calendar  th{
  border-bottom: 1px solid #F0F0F0;
  background-color: #F8FCFF;
  height: 19px;
}
#cal_left_btn {background: url(images/calendar_btn_left.gif) no-repeat center center;}
#cal_right_btn {background: url(images/calendar_btn_right.gif) no-repeat center center;}
#calendar  td.end {background-color: #E1ECFE;}
#calendar  td.hl {background-color: #FFC;font-weight: bold;}
#calendar  td.hlend {background-color: #CFC;font-weight: bold;}
/* Course Detail Styles */
#right-panel.course-details {background-color: #FFF; margin: 20px; padding: 10px; border: 1px solid #E5EEFC; width: 325px;}
#right-panel.course-details h4 {font-size: 14px;color: #4DAC27;margin: 20px 0px 0px;}
#right-panel.course-details p {margin: 10px 2px;color: #666;}

.noline { text-decoration: none!important; border: none!important; }
.noback { background: none!important; }
.link { cursor: pointer; }
.w24 { width: 24px; }
.w48 { width: 48px; }
.w74 { width: 74px; }
.w110 { width: 110px; }
.w189 { width: 189px; }
.w243{ width: 263px; }
.w513{ width: 513px; }
.size10 { font-size:10px; }
.size11 { font-size:11px; }
.size12 { font-size:12px; }
.size13 { font-size:13px; }
.orange, a.orange { color: #F60!important; }
.red { color: #F00!important; }
.blue { color: #2679B0!important; }
.green { color: #4DAC27!important; }
.black { color: #000!important; }
.grey3 { color: #333!important; }
.grey6 { color: #666!important; }
.grey9 { color: #999!important; }
.white { color: #FFF!important; }
.star { color:#ff0000; }

.step { font-size:15px; color:#2679B0; font-weight:bold; }
.txtbox { font-family:Arial, Helvetica, sans-serif; }