/* Normlisatioa */
article,

aside,
details,
figcaption,

figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}
audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden] {
    display: none;
}
html {
    font-size: 12px;
    -webkit-text-size-adjust: 12px;
    -ms-text-size-adjust: 12px;
}
html,
button,
input,
select,
textarea {
    font-family: 'Trebuchet MS';
}
body {
    margin: 0;
}
a:focus {
    outline: thin dotted;
}
a:hover,
a:active {
    outline: 0;
}
h1 {
    font-size: 28px;
    margin: 0.67em 0;
}
h2 {
    font-size: 20px;
    margin: 0.83em 0;
}
h3 {
    font-size: 16px;
    margin: 1em 0;
}
h4 {
    font-size: 1em;
    margin: 1.33em 0;
}
h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}
h6 {
    font-size: 0.75em;
    margin: 2.33em 0;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b,
strong {
    font-weight: bold;
}
blockquote {
    margin: 1em 40px;
}
dfn {
    font-style: italic;
}
mark {
    background: #ff0;
    color: #000;
}
p,
pre {
    margin: 1em 0;
}
pre,
code,
kbd,
samp {
    font-family:  'Trebuchet MS';
    _font-family:  'Trebuchet MS';
    font-size: 1em;
}
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}
q {
    quotes: none;
}
q:before,
q:after {
    content: '';
    content: none;
}
small {
    font-size: 75%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
dl,
menu,
ol,
ul {
    margin: 1em 0;
}
dd {
    margin: 0 0 0 40px;
}
menu,
ol,
ul {
    padding: 0 0 0 40px;
}
nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}
img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 0;
}
form {
    margin: 0;
}
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}
button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}
button,
input {
    line-height: normal; /* 1 */
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer; /* 1 */
    -webkit-appearance: button; /* 2 */
    *overflow: visible;  /* 3 */
}
button[disabled],
input[disabled] {
    cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}
input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* MISC */
#wrapper{max-width:960px; margin:auto; position:relative;  }
body{color:#3e3e40}
a{ color:#0ca1dc; text-decoration: none; }
a:hover{ color:#000; text-decoration: underline; }

#wrapper div.headNotification{position:absolute;top:0;left:0;border:2px solid #ff0;background-color:#ffc;color: #331;padding:20px;margin:10px 0;}
#wrapper div.headNotification strong{color:#f00;}
#wrapper div.headNotification em{font-weight:bold;}
#wrapper div.headNotification a{color:#f00;}

#wrapper div.notification-msg{border:2px solid #ff0;background-color:#ffc;color: #331;padding:10px; font-size: 12px;}
#wrapper div.notification-msg strong{color:#f00;}
#wrapper div.notification-msg em{font-weight:bold;}
#wrapper div.notification-msg a{color:#f00;}
#wrapper div.notification-msg p{padding:0;margin:6px 0 0 0;}

.button{ cursor:pointer; background: #2F95EB url('https://static.studyladder.co.nz/cdn/site/d5/5fcce15cb85c.png') repeat-x center center; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; border: 2px solid #2F95EB; color:#fff; font-weight:bold; }
.button-lb{ cursor:pointer; background: #70c2c9; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; border: 2px solid #7bb2b7; color:#fff; font-weight:bold; }
.button:active, .button-lb:active { color:#000; }
.button:hover, .button-lb:hover { border: 2px solid #fff; }
.blue { color:#1182de; }
.red { color:#aa0505; }
.box-shadow, .info-box { background:#fff; -moz-box-shadow: 3px 5px 5px #808285; -webkit-box-shadow: 3px 5px 5px #808285; box-shadow: 3px 5px 5px #808285}
.w200 { width:200px; }
.info-box .head { width:300px;text-align:right;float:left; }
.info-box .body { margin-left:50px;width:530px;text-align:left;float:left; }
.info-box .body h2, .info-box .body .h2{ color#808285;font-size:20px;margin:2px 0; }
.info-box .body h3, .info-box .body .h3{ color:#ADADAD;font-size:16px;margin:2px 0; }
.info-box .head h2{ color#808285;font-size:24px;margin:15px 0; }
.info-box .head h3{ color:#ADADAD;font-size:16px;margin:15px 0; }
.info-box .head h2.h1{ font-size:42px;color:#0CA1DC;font-weight:normal;}
.info-box .head h2.h1.grey{color:#808285;}
.info-box .body .success{color:#006600;font-size:14px;font-weight:bold;}
.info-box .body .error{color:#cc0000;font-size:14px;font-weight:bold;}
.mini-h-link {font-weight:normal;font-size:14px;}
.info-box .body .form-container{background:#e7e8ea;padding:20px;}
.info-box .body .form-container th{text-align:right;}

.info-box { border: 1px solid #ccd2d9; padding:20px; }
.right { float:right; }
.left { float:left; }
.clear { clear:both; }
.info-box .body-full { width:920px;margin-left:0;float:none;}
.info-box .info-box {margin-bottom:10px;}
.info-box .head.grey-head {width:100%;font-weight:bold;text-align:left;}
.info-box .body.body-small {width:auto;margin:0;}
#search-results .odd {background:#fbfdff;}
#search-results .even {background:#f4f6f8;}
#search-results .subgroup td {padding:4px;cursor:pointer;}
#search-results .active {background:#cfe2f3;}

/* HEADER */
#header{ position:relative; height:55px; z-index:999;}

        #logo{ position:absolute; top:6px; left:0; }

  #menu { list-style:none; position:absolute; top:40px; left:0; margin:0; padding:0; }
    #menu li{ display:inline;  padding-right: 20px; }

        #header_login{ position:absolute; top:11px; right:0; }
          #header_login a{ text-decoration: none; }
      #header_login #username{ float:left; margin-right:10px; }
      #header_login #password{ float:left; margin-right:10px; }
      #header_login #login_button{ float:left; padding:0; text-align:center; }
      #header_login #login_button a{ color:#0065f0; text-decoration: none; }
      #header_login .textbox{ border:1px solid #ccc; width:138px; height:22px; padding: 0 4px; }
      #header_login #loginbutton{ width:62px; height:24px; margin-top:2px; }
      #header_login #forget{ font-size:9px;}
      #login-loading b{display:block;}

  ul#header-nav{position:absolute;top:6px;right:0px;list-style-type:none;margin:0;padding:0;z-index:99;}
  ul#header-nav li:hover{background-color:#f3f3f3;}
  ul#header-nav li{float:left;padding:0 2ex;border-right:1px solid #ddd}
  ul#header-nav a{line-height:20px;display:block;}
  ul#header-nav #account-menu li{ float:none;}
  ul#header-nav a img{padding: 3px 0}

  ul#account-menu{margin:0;padding:0;float:none;border:1px solid #bbb;list-style-type:none;margin:0;-moz-box-shadow:1px 1px 3px rgba(0,0,0,.35),3px 3px 7px rgba(0,0,0,.25);z-index:1000; position:absolute; background-color:#fff; width:150px}
  ul#account-menu li a:hover{background-color:#def}
  ul#account-menu li a{z-index:666666; display:block;width:auto;padding-left:2ex;font-size:13px;line-height:40px;text-decoration:none}

/* JOIN POPUP */
.mini-popup { font-size:14px; z-index: 9999; display: none; background-color: #fff; padding: 20px; position: absolute; background-color: #e1f0ff; border: 2px solid #3390ef; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; color: #555; }
  .mini-popup span { font-weight:bold; }
  .mini-popup a { color: #555; }
  .mini-popup ul {line-height: 26px; margin-top: 10px; list-style-type: none;}

/* BANNER */
#banner{ position:relative ; border: 1px solid #ccd2d9; }
        .join-button{ position:absolute; bottom:10px; right:10px; z-index:1000; padding:8px 20px; font-size:18px; width:140px;}

  /* STATISTICS BANNNER */
  #banner #banner-text { width:423px; position:absolute; top:60px; left:40px; }
    #banner-text .h1 { color:#6c6c6c; font-size:27px; display:block; }
    #banner-text .h2 { font-size:43px; font-weight:bold; margin:10px 0 40px 0; display:block; font-style:italic; }

    #latest_join {position:absolute; top:30px; right:40px; width:383px; height:350px; border:3px solid #8ebfe7; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; overflow:hidden; padding:30px; }
    #latest_join .h1 { font-size:28px; font-weight:bold; color:#370000; }
    #latest_join table{border-collapse:collapse;border-spacing:0;width:339px;margin:10px auto;}
    #latest_join table,#latest_join tbody,#latest_join tfoot,#latest_join thead,#latest_join tr,#latest_join th,#latest_join td{border:0;outline:0;}
    #latest_join table th { text-align:left; color:#aa0505; font-weight:normal; font-size:16px; padding:6px; }
    #latest_join table tr { font-size:11px; color:#606364; }
    #latest_join table tr td{ text-align:left; padding: 5px  0; }

/* STILL BANNER */
#still_banner{ margin:20px 0;}
  #still_banner .block{ font-size:14px; color:#000; position:relative; width:444px; border:1px solid #ccd2d9; padding:15px; height:187px;}
  #still_banner .block .h1{ font-size:20px; color:#000;}
  #still_banner .block .h2{ color:#58595b; font-size:17px;}
  #still_banner .block.left { background: #fff url('https://static.studyladder.co.nz/cdn/site/37/8a772bafa62a.jpg') no-repeat 190px -40px; }
  #still_banner .block.right { background: #fff url('https://static.studyladder.co.nz/cdn/site/37/8a772bafa62a.jpg') no-repeat -295px -40px; }
  #still_banner .block>img { position:absolute; bottom:0;left:0; }

/* CONTENT BODY */


/* Footer */
#footer{ color:#808080; margin-bottom:20px; }
  #footer a { color:#808080; }
  #footer p{ padding:0;margin:0; }
    #footer #footer-top { margin-top:40px; border-top:2px solid #fbfbfb; border-bottom:1px solid #fbfbfb; overflow:hidden; padding:14px 0; font-size:11px; }
    #footer #footer-top #sel_country { text-align:right; }
    #footer #footer-top #sel_country select { width:120px;text-align:right; }
    #footer #footer-top #sel_country form { display:inline; }

    #footer #footer_menu { margin-top:10px; text-align:center; }
    #footer #footer_menu ul li { display:inline; padding: 0 30px 0 0; }
    #footer #footer_menu ul li:last-child { padding:0 !important; }

    #footer #footer_bottom { border:1px solid #fbfbfb; padding: 10px; display:none;}

/* POP UP BOX */
.popup-background{
 display:none;
 position:fixed;
 _position:absolute; /* hack for internet explorer 6*/
 height:100%;
 width:100%;
 top:0;
 left:0;
 background:#000000;
 border:1px solid #cecece;
 z-index: 100000;
}
#popup-box, #popup-feedback-box{
 display:none;
 position:fixed;
 _position:absolute; /* hack for internet explorer 6*/
 background:#FFFFFF;
 border:2px solid #cecece;
 z-index: 1000001;
 font-size:13px;
 width:800px;
 height:600px;
}
#popup-box-scroll{
 width:780px;
 height:580px;
 padding:12px;
 overflow:scroll;
}
#popup-box-iframe{
 width:800px;
 height:600px;
 border:0;
}
.popup-close{
 position:absolute;
 top:0;
 right:20px;
}
#popup-box-loading{
  display:none;
}
#popup-box-loading-content{
  margin:120px auto;
  text-align:center;
}
#popup-box-loading-content b{
  margin:20px 0;
  display:block;
}


.error{ border: 1px solid #f00;background-color:#fee;color:#333;margin:1em 0;padding:1em;}
.error h4,.error p,{background-color:#fee !important;border:none !important;}
.error h4,.error strong{margin-bottom:1em;color:#f00 !important;}
.error li {list-style-type:circle;margin-left:3ex;}

.success,.sucess *{border:1px solid green;background-color:#cfc;color:green;margin:1em 0;padding:1em;}
.success strong{color:green;background-color:#cfc;border:none;}
.success h4,.success li,.success p{color:#333;background-color:#cfc;border:none;}


/** Added by Dasu **/
.addMessageTable{
   background-color:#FAFAFA;
   padding:5px;
   margin-top:10px;
   width:100%;
}

.addMessageTable td{
   padding:6px;
}

.labelTd{
 width:20%;
 padding-left:20px !important;
}

.studentTypeCheckbox{
 padding:5px;
 margin:5px;
}

.messageViewTable{
 width:100%

}

.messageViewTable td{
 border: 1px solid black;
}

.messageViewTable th{
 font-weight:bold;
}

.studentMessageTh td{
  padding:5px;
  font-weight:bold;

}

.studentMessage_link{
  padding:5px;
}

.addNewMsg{
 height: 30px;
 width: 150px;
 float:right;
 margin-bottom:20px;
}

.addNewMsg a{

  padding-bottom:10px;
}

#sideMsgContainer {
      top:40px;
      right:0px;
      -moz-border-radius-bottomleft: 15px;
      -moz-border-radius-topleft: 15px;
      border-top-left-radius: 15px;
      border-bottom-left-radius: 15px;
      z-index: 1000001;
      position: fixed;
    }
 #sideMsgTab{
      -moz-border-radius-bottomleft: 15px;
      -moz-border-radius-topleft: 15px;
      border-top-left-radius: 15px;
      border-bottom-left-radius: 15px;
      float:left;
      padding:20px 0px 20px 0;
      width:30px;
      color:#fff;
      font-size:16px;
      font-weight:bold;
      overflow:hidden;
      cursor:pointer;
      text-transform:capitalize;
      height:311px;
      -moz-box-sizing:content-box !important;
      box-sizing:content-box !important;
      font-family: 'Trebuchet MS';
      line-height: 1.25;
    }

    #sideMsg {
      position:relative;
      display:none;
      width:0;
      float:right;
    }
    #sideMsgClose{
      cursor:pointer;
      position:absolute;
      top:0;
      right:0;
    }

  #picker {
        margin:0;
        padding:0;
        border:0;
        width:70px;
        height:20px;
        line-height:20px;
  }

  #picker2 {
        margin:0;
        padding:0;
        border:0;
        width:70px;
        height:20px;
        line-height:20px;
   }

.access{float:right;position:relative;}
.access a {
  background:#00B0E8;
  color: #FFFFFF;
  float: left;
  font-family: "Myriad Pro", Arial, sans-serif;
  font-size: 21px;
  font-weight: bold;
  height:55px;
  line-height:55px;
  text-align: left;
  text-decoration: none;
  width: 125px;
  padding: 0 16px 0 22px;
  text-align:center;
}
.access span {
  background: url("https://static.studyladder.co.nz/cdn/site/9d/e36a898cb20a.png") no-repeat scroll 1px -6px rgba(0, 0, 0, 0);
  display: inline-block;
  height: 17px;
  width: 19px;
}
.access .active {
  background:#9ECB3A;
}
.access .green {
  background:#9ECB3A;
}

.banner_btn{
  background: url("https://static.studyladder.co.nz/cdn/site/69/bc88ff019901.png") -16px -18px;
  width:298px;
  height:60px;
  bacground-repeat:none;
  position:absolute;
  left:120px;
  bottom:50px;
}

.banner_text{
  color: #FFFFFF;
  font-family: 'century gothic',verdana,arial,helvetica,sans-serif;
  font-size: 20px;
  margin-left: 50px;
  margin-top: 15px;
  text-decoration:none;
}

.banner_btn a{
  text-decoration:none;
}

.banner_btn2{
  background: url("https://static.studyladder.co.nz/cdn/site/69/bc88ff019901.png")  -16px -18px;
  width:298px;
  height:60px;
  bacground-repeat:none;
  position:absolute;
  left:520px;
  bottom:50px;
  color:#fff;
}

.banner_btn2 a{
  text-decoration:none;
  cursor: pointer;
}

.banner_btn_print{
  background: url("https://static.studyladder.co.nz/cdn/site/69/bc88ff019901.png")  -16px -18px;
  width:298px;
  height:60px;
  bacground-repeat:none;
  position:absolute;
  left:540px;
  bottom:90px;
  color:#fff;
}

.banner_btn_print a{
  text-decoration:none;
}