/* Normalisation */
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;
    background:#e2e7eb;
}
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{ width:960px; margin:auto; position:relative;padding-top:100px;  }
body{color:#6e6e70;}
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('http://static.studyladder.com.au/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;}
.content{margin-top:6px;}
.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:56px; z-index:999;}
  #header a{ color:#6e6e70; }
        #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{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 ;margin-top:6px; 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,tbody,tfoot,thead,tr,th,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('http://static.studyladder.com.au/cdn/site/37/8a772bafa62a.jpg') no-repeat 190px -40px; }
  #still_banner .block.right { background: #fff url('http://static.studyladder.com.au/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;}
