/* HTML5 ✰ Boilerplate
 * ==|== normalize ==========================================================
  */

  article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
  audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
  audio:not([controls]) { display: none; }
  [hidden] { display: none; }

  html { font-size: 14px; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
  body { margin: 0; font-size: 13px; line-height: 1.231; }
  body, button, input, select, textarea { font-family: Arial, Helvetica, sans-serif; color: #222; }
  
  ::-webkit-input-placeholder  { color:#555555; }
  input:-moz-placeholder { color:#555555; }
  
  a { color: #789E14; text-decoration: none; }
  /*
    a:visited { color: #aeaeae; }
  */
      a:hover { color: #555555; text-decoration: underline; }
  a:focus { outline: thin dotted; }
  a:hover, a:active { outline: 0; }

  abbr[title] { border-bottom: 1px dotted; }
  b, strong { font-weight: bold; }
  blockquote { margin: 1em 40px; }
  dfn { font-style: italic; }
  hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
  ins { background: #ff9; color: #000; text-decoration: none; }
  mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
  pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; 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: 85%; }
  sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
  sup { top: -0.5em; }
  sub { bottom: -0.25em; }
  ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
  dd { margin: 0 0 0 40px; }
  nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
  img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
  svg:not(:root) { overflow: hidden; }
  figure { margin: 0; }

  form { margin: 0; }
  fieldset { border: 0; margin: 0; padding: 0; }
  label { cursor: pointer; }
  legend { border: 0; *margin-left: -7px; padding: 0; }
  button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
  button, input { line-height: normal; *overflow: visible; }
  table button, table input { *overflow: auto; }
  button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
  input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
      input[type="radio"]:focus{outline:#ccc dotted 1px; text-decoration: underline;}
  input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
  input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
  button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
  textarea { overflow: auto; vertical-align: top; resize: vertical; }
  input:valid, textarea:valid {  }
  input:invalid, textarea:invalid { background-color: #f0dddd; }
  
  table { border-collapse: collapse; border-spacing: 0; }
  td { vertical-align: top; }


/* ==|== primary styles =====================================================
  Author: Agreig + AStarr, 2012
  ========================================================================== */
  
  /*	Fonts 
  =========================== */
  h1, h2, h3, h4 { color: #000099; margin: 15px 0 }
  h1 { font-size: 34px; margin-top: 0; }
  h2 { font-size: 30px; letter-spacing: -1px; }
  h3 { font-size: 22px; letter-spacing: -1px; }
        h3 small {margin-top:-5px; display:block; font-size:14px; font-weight:normal;}
  h4 { font-size: 16px; }
  
  dt { font-weight: bold; }
  p, li, dd { font-size: 12px; line-height: 20px; color: #555555; }
  /*p a, #main li a, #main dd a { text-decoration: underline; } this annoys me */
  p a:hover, li a:hover, dd a:hover { color: #789E14; }
  
  /* adjacent selectors */
  p+h2 , p+h3 , p+h4 { margin-top: 25px }
  
  /* Structural
  =========================== */	
  #form-container { background: #fff; }
  #header , 
  #main ,
  #footer { max-width: 1280px; min-width: 960px; margin: 0 auto; background: #fff;}
  #main-wrapper { background: url(/images/bg_main-wrapper.png) center top repeat; }
  #main { background-color: #fff; overflow: hidden; }
  .wrapper { width: 960px; margin: 0 auto;}
  .secondary {float:left; width:285px;}
  .primary {float:right; width:632px;}
  
  /* misc useful classes */
  .expand a  {position: relative; }
  .expand span { position: absolute; top: 2px; left: -20px; background: #92c01b url(/images/sprite_unisa.png) -186px 0px no-repeat; color: #fff; width: 15px; height: 15px; display: block; text-indent: -900em; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px }
  .expand.open span { background-position: -202px 0px }
  
    .tooltip ,
    .tooltip:visited {display:inline-block; width:16px; height:16px; line-height:16px; position:relative; text-align:center; font-size:12px; color:#fff; background:#009; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
    .tooltip:hover, .tooltip:focus { background:#7da516; text-decoration:none;}
        .tooltip .tip {position:absolute; width:100px; padding:3px 10px; bottom:150%; left:-55px; background:#fff; color:#666; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 1px 1px 1px 1px #999;-moz-box-shadow: 1px 1px 1px 1px #999; box-shadow: 1px 1px 1px 1px #999;}
        .tooltip .tip:after { content: ''; position: absolute; top: 100%; left:57px; display: block; border: solid 5px; border-color: #fff transparent transparent transparent; }
  
    .button ,
    .button:visited {padding:0px 10px 1px 10px; display:inline-block; text-align:center; font-size:14px; line-height:24px; color:#fff; font-weight:bold; background:#009; border:none;
    -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
    .button:hover, .button:focus {background:#7da516; color:#fff; text-decoration:none;}
  

  .button.green { background-color: #789e14; }
    .button.green:focus, .button.green:hover { background-color: #5f7d10; }
  
  .align-left { float: left; margin: 0 10px 0 10px; } 
  .align-right { float: right; margin: 0 0 10px 10px; } 
  
  p a.arrow-link, a.arrow-link { color: #647C13; text-decoration: none; background: url(/images/sprite_unisa.png) -274px -216px no-repeat; padding-left: 14px; }
    p a.arrow-link:hover, a.arrow-link:hover { color: #4d670c; text-decoration: underline; }
    

  .bottom_border {background: url(/images/bg_stripes-blue.png) left bottom repeat-x; padding-bottom: 12px;}
  .clear {clear:both;}
  
  .error { color: #ff0000; margin-top: 5px; }
  .error_container { border: 2px solid #ff0000; margin-bottom: 20px; padding: 10px; }
  .error_container h2 { color: #ff0000; }
  .error_container h2 a { color: #ff0000; text-decoration: none; }
  
    /* Header
  =========================== */
  #header { padding: 15px 0 0 0; position:relative;}
  #header .wrapper { overflow: hidden; }
  #header a.unisa-logo { width: 252px; height: 76px; display: block; text-indent:-9000em; background: url(/images/sprite_unisa.png) 0px -124px; float: left; }
  #header ul.quick-links { list-style: none; margin: 0; padding: 0; float: right; }
  #header ul.quick-links li { display: inline; float: left; line-height: 36px;  }
  #header ul.quick-links a { font-size: 13px; color: #555555; line-height: 14px; padding: 0 10px; }
  #header ul.quick-links li.accessibility { display: block; float: none; line-height: 1; margin-bottom: 5px; text-align: right; }
  #header ul.quick-links li.accessibility a { font-size: 11px; padding: 0 2px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter:alpha(opacity=0);  opacity: 0; zoom: 1; }
  #header ul.quick-links li.accessibility a.focus { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter:alpha(opacity=100); opacity: 1;  zoom: normal; }
  #header fieldset {margin-left: 10px; position: relative; }
  #header fieldset .input-search { background-color: #f7f7f7; border: none; color :#555555; font-size: 14px; padding: 10px 40px 10px 18px; width: 155px; -moz-box-shadow: inset 1px 1px #dcdcdc;  -webkit-box-shadow: inset 1px 1px #dcdcdc;  box-shadow: inset 1px 1px #dcdcdc;  -moz-border-radius: 18px; -webkit-border-radius: 18px; border-radius: 18px }
  #header fieldset .input-search:focus { outline: 0 }
  #header fieldset .button-submit { position: absolute; top: 8px; right: 11px; width: 22px; height: 20px; margin: 0; background: url(/images/sprite_unisa.png) -164px 0px; border: none; text-indent: -900em; font-size: 0px; color: #f7f7f7 }
  #header fieldset .button-submit:hover, #header fieldset .button-submit:focus { background-position: -138px 0; }
  
  /* Nav
  =========================== */
  #nav {position:relative; z-index:4; margin-top: 15px; background-color: #030399; background-image: -moz-linear-gradient(top,  #1f1fa5,  #000087); background-image: -webkit-linear-gradient(top, #1f1fa5, #000087); background-image: linear-gradient(top, #1f1fa5, #000087); }
  #nav ul { width: 960px; margin: 0 auto; padding: 0; height: 88px; }
  #nav li { display: inline; float: left; }
  #nav li a { display: block; color: #fff; padding: 23px 0; font-size: 20px; line-height: 21px; width: 160px; }
  #nav li a span { border-left: solid 1px #5a5ab7; display: block; padding-left: 15px; height: 42px }
  #nav li a:hover, #nav li a.active, #nav li a:focus {position:relative; text-decoration: none; margin-right:-1px; padding-right:1px; background-color: #819f18; background-image: -moz-linear-gradient(top,  #98bb28,  #819f18); background-image: -webkit-linear-gradient(top, #98bb28, #819f18); background-image: linear-gradient(top, #98bb28, #819f18); }
  #nav li a:hover span, #nav li a:focus span, #nav li a.active span { border-left: 0px; padding-left: 16px;}
  
    /* Mega Menus
    ===========================*/
    #menu-overlay {position:fixed; z-index:2; top:0; left:0; width:100%; height:100%; display:none;}
  #menus {width:960px; position:relative; z-index:50; padding:0; margin:0 auto;}
    
    #menus h2, #menus h3, #menus h4 {margin:0 0 10px;}
    #menus h2 {font-size:25px; letter-spacing: -1px; }
    
    #menus h3 {font-size:18px;}
    #menus ul{list-style:none; margin:0; padding:0;}
    #menus p {margin:0 0 10px 0;}
    .ie7 #menus p { margin-top: 10px; }
    #menus .menu {width:100%; height:486px; background:#fff; list-style:none; position:absolute; display:none; top:0;
    -webkit-box-shadow: 0px 5px 8px rgba(50, 50, 50, 0.6); -moz-box-shadow: 0px 5px 8px rgba(50, 50, 50, 0.6); box-shadow:0px 5px 8px rgba(50, 50, 50, 0.6);} 
  #menus .row { min-height: 158px; }	 
  #menus .sub_categories { float: left; }
  .sub-categories .row h4 { font-size: 14px; }
  
    #menus .information {width:290px; height:435px; padding:25px; float:left; background:#f5f9e8;}
    #menus .information h2 {font-weight:normal; margin-bottom:5px;}
     
    #menus .information .links {margin:0 -17px 20px 0; overflow:hidden;}
    #menus .information .links li {float:left; width:136px; padding-right:17px; line-height: 18px;}
    #menus .information .links a {display:block; padding:5px 5px 5px 10px; color:#666; border-top:1px solid #e6edcf; background:url('/images/sprite_unisa.png') no-repeat -198px -46px;}                
    #menus .information .links a:focus { text-decoration: underline; }
  
  #menus .student_support h4{ letter-spacing: -1px; padding:0 0 5px 0px; margin:0; }
  
  #menus .student_support .no-image div { margin-left: 0px; }
  #menus .student_support .has-image div { margin-left: 40px; }
  
  #menus .student_support img { position: absolute; }
  #menus .student_support .no-image img { position: absolute; visibility: hidden; }

        #menus .student_support small {display:block; font-size:14px;}
    #menus .student_support ul {margin-left: 0px }
        html.ie7 #menus .student_support ul {margin-top:-5px; margin-bottom:5px;}
        
    #menus .student_support li {display:inline;}
    #menus .student_support a {color:#009; display:inline-block; margin-right:18px; padding-left:10px; background:url('/images/sprite_unisa.png') no-repeat 0 -50px;}
        #menus .cta .student_support small {font-size:13px;}
        #menus .cta .student_support small.dark { font-weight: bold; line-height: 16px; margin-bottom: 3px; }
        #menus .cta .student_support span {display:block; font-size:13px;}
    
    #menus .study-at-unisa .sub_categories { width: 354px; }
    #menus .sub_categories .heroshot {position:relative; top:20px; left:20px;}
    #menus .sub_categories ul {padding:25px 0 0 20px; overflow:hidden;}
    #menus .sub_categories li {width:155px; padding:0 12px 10px 0; float:left;}
    #menus .sub_categories img, #menus .sub_categories .heroshot {background: url(/images/bg_stripes-blue.png) left bottom repeat-x; padding-bottom: 12px;}
    #menus .sub_categories h4 {margin-bottom:4px;padding-right: 10px; letter-spacing: -1px; }
    #menus .sub_categories p {font-size:11px; line-height:15px; padding-right: 10px; }    
    .ie7 #menus .sub_categories p { margin-top: 5px; }
    #menus .sub_categories .links {padding:0;}
    #menus .sub_categories .links li {width:auto; padding:0; float:none;}
    #menus .sub_categories .links a { margin-top: 0; display:block; padding-left:10px; margin-bottom:5px; font-size:12px; line-height:19px; color:#040478; background:url('/images/sprite_unisa.png') no-repeat 0 -51px}
    #menus .sub_categories a { display:block; padding-left:10px; margin-top:7px; font-size:13px; line-height:18px; color:#040478; background:url('/images/sprite_unisa.png') no-repeat 0 -51px;}
    
    
    
    #menus .cta {width:216px; height:435px; padding:20px 25px 30px 25px; float:right; background:#f2f2fa;}
    #menus .cta h2 small {display:block;font-size:16px; letter-spacing: -1px; margin-top:5px; }
    #menus fieldset {margin:0 0 10px 0; border:none;}
    
    #menus .search_site {padding-bottom:17px; border-bottom:1px solid #d7d7ef; margin-bottom:14px;}
    #menus .search_site fieldset {position:relative;margin-bottom:0;}
    #menus .search_site .search {height:20px; width:190px; padding:8px 13px; background:#fff; border:none;
    -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px;
    -webkit-box-shadow: inset 1px 1px 1px 1px #ccc;-moz-box-shadow: inset 1px 1px 1px 1px #ccc; box-shadow: inset 1px 1px 1px 1px #ccc;}
    #menus .search_site .submit {position:absolute; top: 9px; right:9px; width:22px; height:21px; background:url('/images/sprite_unisa.png') no-repeat -165px 0; font-size:.001em; color:#fff; border:none; text-indent: -999px;}
    #menus .search_site .submit:hover, #menus .search_site .submit:focus {background-position:-139px 0;}   
    #menus .search_site ul {clear:both; overflow:hidden; margin-top:3px;}
    #menus .search_site li {width:50%; float:left; line-height: 13px; margin-top: 7px;}
    #menus .search_site li.clearLeft {clear: left;}
    #menus .search_site li label { font-size: 12px }
    #menus .search_site ul input {width:20px; float:left;}
    
    #menus textarea {margin-bottom:10px; border:1px solid #e3e3e3; padding:5px 10px; width: 196px;  resize: none;}
    #menus .ask_us ul {margin-bottom:11px;}
    #menus .ask_us li {margin-bottom:4px;}
    #menus .ask_us .button {height:32px; width:100px;}
    
    #menus .info {border-bottom:1px solid #d7d7ef; padding-bottom:15px; margin-bottom:15px;}
    #menus .info a {display:inline-block;  font-size:12px; color:#040478; margin-top: 10px; padding-left:10px; background:url('/images/sprite_unisa.png') no-repeat 0 -53px;}
    #menus img {margin-bottom:8px;}
    #menus .cta p ,
    #menus .info p {font-size:11px; line-height:16px;}
    
  /*	Footer
  =========================== */	
  #footer { background: #030399 url(/images/bg_triangle-blue.png) right bottom no-repeat; padding: 16px 0 4px; margin-bottom: 100px; }
  #footer p { color: #8080cb; margin: 10px 0 5px 0 }
  #footer dl { float: left; width: 240px; margin: 0 0 11px 0; padding: 0; }
  #footer dt { font-size: 15px; color: #ffffff; font-weight: bold; margin-bottom:6px; }
  #footer dd { font-size: 12px; line-height: 20px; color: #ffffff; margin: 0; }
  #footer ul { list-style: none; padding: 0; margin: 0; }
  #footer li { display: inline; }
  #footer a { color: #fff; }
  #footer a.icon-email { background: url(/images/sprite_unisa.png) -277px -132px no-repeat; padding-left: 28px; }
  #footer .social li { float: left; margin-bottom: 4px; }
  #footer .social a { display:inline-block; width: 70px; }
  #footer .social li img { margin: 0 8px 0 0 }
  #footer .footer-base { clear:left; background: url(/images/bg_striples-whiteblue.png) -1px 0px repeat-x }
  #footer .footer-base ul {overflow: hidden; padding: 13px 0 1px;}
  #footer .footer-base li { float: left; padding-right: 40px; font-size: 13px; line-height: 20px; }
  #footer .footer-base a { display: block; }

  
  /* Content
  =========================== */
  
  /* banners */
  #main { background: #fff url(/images/bg_header-generic.jpg) center top no-repeat }
  #home #main { background: #fff url(/images/bg_header-pattern.png) center top no-repeat;}
  
  /* breadcrumbs */
  #breadcrumb { margin: -5px 0 33px 0; padding: 0; list-style: none; }
  #breadcrumb li { display: inline; color :#4444b4; font-size: 11px; }
  #breadcrumb li a { color: #aeaeae; text-decoration: none; }
  #breadcrumb li a:hover { text-decoration: underline; color :#4444b4; }
  
  /* homepage */
  
  /* mega search */
  #mega-search { position: relative; padding: 27px 30px; overflow: hidden; margin-bottom: 35px; background-color:#484848; background-image: -moz-linear-gradient(top,  #545454,  #3d3d3d); background-image: -webkit-linear-gradient(top, #545454, #3d3d3d); background-image: linear-gradient(top, #545454, #3d3d3d); }
  #mega-search .heading { position: absolute; top: 20px; left: 30px; }
  #mega-search .heading h2 { margin: 0; line-height: 1; color: #fff; font-size: 37px; }
  #mega-search .heading p { color: #fff; font-size: 15px; display: block; line-height: 18px; font-weight: normal; margin:0; }
  #mega-search fieldset { float: right; height: 46px; position: relative; }
  #mega-search fieldset .input-search { background-color: #ffffff; border: none; color :#555555; font-size: 17px; padding: 11px 50px 11px 18px; width: 575px; -moz-box-shadow: inset 1px 1px #e3e3e3;  -webkit-box-shadow: inset 1px 1px #e3e3e3;  box-shadow: inset 1px 1px #e3e3e3;  -moz-border-radius: 22px; -webkit-border-radius: 22px; border-radius: 22px }
  #mega-search fieldset .input-search:focus { outline: 0 }
  #mega-search fieldset .button-submit { position: absolute; top: 10px; right: 15px; width: 27px; height: 26px; margin: 0; background: url(/images/sprite_unisa.png) -171px -21px; border: none; text-indent: -900em; font-size: 0px; color: #f7f7f7; }
  #mega-search fieldset .button-submit:hover, #mega-search fieldset .button-submit:focus { background-position: -139px -21px; }
  
    /* news and events */
  #news-events { margin-bottom: 40px; }
  #news-events ul { list-style: none; margin: 0; padding: 0; }
  #news-events h2 { font-size: 40px; font-weight: bold; margin: 0 0 20px 0; letter-spacing: -2px; line-height: 1; float: left; }
  #news-events h2 span { font-weight: normal; }
  #news-events .links { float: right; margin-top: 18px; text-align: right; width: 500px; }
  #news-events .links li { display: inline; font-size: 16px; margin-left: 18px; font-weight: bold; letter-spacing: -1px; }
  #news-events .links li a.arrow-link { background-position: -274px -214px; color: #789e14 }
  #news-events .links li a.arrow-link:hover { color: #647C13 }
  #news-events .scroller { clear: both; overflow: hidden; position: relative; padding: 0 0 0 68px; }
  #news-events .scroller .navigate { display: block; width: 48px; background: #aed537 url(/images/nav_arrows.png) 11px center no-repeat; position: absolute; top: 0; left: 0; bottom: 0; text-indent: -900em; z-index: 5; }
  #news-events .scroller .navigate:hover { background-color: #7da516; }
  #news-events .scroller .navigate.disabled ,
  #news-events .scroller .navigate.disabled:hover { background-color: #e7f3c3; cursor: default; }
  #news-events .scroller .next { left: auto; right: 0; background-position: -27px center }
  #news-events .scroller ul { width: 2000px; position: relative; left: 0; }
  #news-events .scroller li { width: 190px; float: left; height: 230px; margin-right: 22px; }
  #news-events .scroller img { background: url(/images/bg_stripes-blue.png) left bottom repeat-x; padding-bottom: 12px; margin-bottom:6px; }
  #news-events .scroller h3 { margin: 10px 0; font-size: 17px; letter-spacing: -1px; }
  #news-events .scroller p { margin: 10px 0; line-height: 18px; }
  
    /* study research */
  #study-research { margin-bottom: 50px; position: relative; overflow:hidden; clear:both;}
  #study-research ul { list-style: none; margin: 0; padding: 0; }
  #study-research h2 { margin: 0 0 5px 0; }
  #study-research span { font-weight: normal; }
  #study-research a.maximise { position: absolute; top: 14px; right: 0; font-size: 13px; line-height: 20px; font-weight: bold; color: #789e14; }
  #study-research a.maximise:focus, #study-research a.maximise:hover { color:#647C13; text-decoration: none;  outline: none; }
  #study-research a.maximise:focus span, #study-research a.maximise:hover span { background-color:#65860e;  }
  #study-research .areas {padding: 30px 0 0 0; margin: 0 0 20px 0; overflow: hidden; background: url(/images/bg_stripes-blue.png) left top repeat-x }
  #study-research .areas li { float: left; display: inline; margin-right: 5px; font-size: 17px; line-height: 18px; width: 188px; }
  #study-research .areas li.last { margin-right: 0; }
  #study-research .areas li a.sctn { display: block; background: #08089b; font-weight: bold; letter-spacing: -1px; padding: 7px 0 7px 10px; color: #fff; }
  #study-research .areas li a.sctn:focus, #study-research .areas li a.sctn:hover { background: #7da516; text-decoration: none; }
  #study-research .areas li .study-areas { margin-top: 20px; padding: 0 10px; }
  #study-research .areas li .study-areas ul { margin-bottom: 25px; overflow: hidden; }
  #study-research .areas li .study-areas li {width: 100%; border-top: solid 1px #ededf7; margin-top:-1px;}
  #study-research .areas li .study-areas li.heading { color: #000099; font-size: 16px; font-weight: bold; line-height: 20px; border-bottom: 0; padding-bottom: 5px; background:#fff;}
  #study-research .areas li .study-areas li.heading a { font-size: 17px; }
  #study-research .areas li .study-areas a { color: #000099; line-height: 18px; font-size: 12px; padding: 2px 0; display: block; text-decoration: none; }
  #study-research .areas li .study-areas a:hover { color: #4d670c; text-decoration: none; }
  
  /* banners */
  
  #hero-banner {  left: -35px; margin-bottom:20px; }
  #hero-banner ul { list-style: none; margin: 0; }
  #hero-banner, #hero-banner ul { height: 352px; position: relative; width: 1030px; }
  #hero-banner li { position: relative; display: none; margin: 35px 25px 61px 35px; width: 960px; height: 256px; -webkit-box-shadow: 1px 1px 35px rgba(0,0,0,0.15); -moz-box-shadow: 1px 1px 35px rgba(0,0,0,0.15);  box-shadow: 1px 1px 35px rgba(0,0,0,0.15); }
  #hero-banner li span { position: absolute; top: 167px; left: 393px; line-height: 30px; display: block; }
  #hero-banner li span a { font-size: 17px; font-weight: bold; color: #444444; padding-right: 30px; padding-left: 0; background-position: right -214px; }
  #hero-banner li span a:hover { text-decoration: none; color: #7da516; }
  #hero-banner .arrow {position:absolute; top:195px; left: 175px; width:23px; height:42px; display:block; text-indent:-9999px; background:url('/images/sprite_unisa.png') -50px -525px no-repeat;}
        #hero-banner .next {left:1090px; background-position:-104px -525px;}
    #hero-banner .links {margin:0; padding:0;}
    #hero-banner .links li {list-style:none; margin:0 10px 0 0; padding:0;}
    #hero-banner .links a {font-size:14px;}
    
    
    #hero-banner.media_centre {height:368px; margin:-30px -125px 20px; padding:26px 125px 0; background:url('/images/media_centre.png') no-repeat 0 0;}
    #hero-banner.media_centre h2{margin:25px 0 15px 87px; font-size:22px; color:#fff;}
    #hero-banner.media_centre #slider {height:256px; width:860px; margin:0 0 0 87px; padding:0;}
    #hero-banner.media_centre #slider li {height:256px; width:840px; padding:0 20px 0 0; margin:0; background:url('/images/banner.jpg') no-repeat 0 0;}
    #hero-banner.media_centre #slider img {float:left; margin-right:30px;}
    #hero-banner.media_centre #slider h3 {color:#fff; margin-top:25px; line-height: 1.1; }
    #hero-banner.media_centre #slider p {font-size:12px; line-height:20px; color:#fff;}
    #hero-banner.media_centre #slider p .button {margin-top:20px; font-size: 13px;}
    
    
    #hero-banner.media_centre #banner-nav {right:208px;}
    

  #banner-nav { position: absolute; bottom: 0; right: 35px; z-index: 5; height: 31px; }
  #banner-nav .paging { float: left; }
  #banner-nav a { display: block; height: 31px; line-height: 31px; width: 31px; font-weight: bold; text-align: center; color: #fff; background-color: #898989; font-size: 18px; float: left; margin-left: 1px; filter:alpha(opacity=65); opacity:.65; }
  #banner-nav a:hover ,
  #banner-nav a.activeSlide { background-color: #000099; text-decoration: none; }
  #banner-nav a.navigate { text-indent: -900em; background: #898989 url(/images/sprite_unisa.png) -217px 8px no-repeat; }
  #banner-nav a.next-slide { background-position: -239px 8px; }
  
  .inline-banner { margin-bottom:35px; position: relative; width: 634px; height: 285px; overflow: hidden; }
  .inline-banner ul { list-style: none; padding: 0; margin: 0; }
  .inline-banner li { position: relative;  background-color: #0a0a9b; overflow: hidden; width: 634px; height: 285px; }
  .inline-banner li h3, 
  .inline-banner li p { float: left; width: 180px; color :#ffffff; }
  .inline-banner li p { margin: 10px 0 15px 0; }
  .inline-banner li p .heading {width:190px; display: block; font-size:15px; font-weight:bold; letter-spacing: -1px;}
  .inline-banner li p .position {display:block; margin-bottom: 5px; font-size: 13px; font-weight:bold;letter-spacing: -1px;}
        
  .inline-banner li h3 { margin: 15px 0 5px 0; font-size: 20px; }
  .inline-banner li a.button { float: left; font-size:13px; padding:0 14px 1px;}
  .inline-banner li img { float: left; margin-right:23px; }
  
  .inline-banner #banner-nav { right: auto; left: -1px; height:25px;}
    .inline-banner #banner-nav a {width:25px; height:25px; line-height:25px; font-size:16px;}
  .inline-banner #banner-nav a:hover ,
  .inline-banner #banner-nav a.activeSlide { background-color: #6a8724; text-decoration: none; }
    .inline-banner #banner-nav a.prev-slide {background-position:-220px 5px;}
    .inline-banner #banner-nav a.next-slide {background-position:-241px 5px;}
    
  
  /* general Pages */
  
  .content-heading { height: 218px; margin-bottom: 20px; position: relative; }
  .content-heading h1 { position: absolute; bottom: 40px; left: 15px; max-width: 600px; line-height: 30px; letter-spacing: -1px; }
  .content-heading fieldset { position: absolute; top: 121px; right: 20px; }
  .content-heading fieldset p { color :#0c0c9e; font-size: 12px; line-height: 12px; margin:0 0 7px 12px }
  .content-heading fieldset p strong { font-size: 24px; letter-spacing: -1px; line-height: 20px; display: block; position:relative; top:-1px;}
  .content-heading fieldset .input-search { background-color: #f7f7f7; border: none; color :#555555; font-size: 14px; padding: 10px 40px 10px 18px; width: 224px; -moz-box-shadow: inset 1px 1px #dcdcdc;  -webkit-box-shadow: inset 1px 1px #dcdcdc;  box-shadow: inset 1px 1px #dcdcdc;  -moz-border-radius: 18px; -webkit-border-radius: 18px; border-radius: 18px }
  .content-heading fieldset .input-search:focus { outline: 0 }
  .content-heading fieldset .button-submit { position: absolute; top: 45px; right:15px; width: 22px; height: 20px; margin: 0; background: url(/images/sprite_unisa.png) -164px 0px; border: none; text-indent: -900em; font-size: 0px; color: #f7f7f7 }
  .content-heading fieldset .button-submit:hover, .content-heading fieldset .button-submit:focus { background-position: -138px 0; }
  /* landing page grid */
  .content-grid { list-style: none; margin: 25px 0; padding: 0; overflow: hidden; }
  .content-grid li { width: 223px; float: left; min-height: 230px; margin-bottom: 25px; margin-right: 20px; }
  .content-grid li.last-item { margin-right: 0; }
  .content-grid li img { background: url(/images/bg_stripes-blue.png) left bottom repeat-x; padding-bottom: 12px; }
  .content-grid li h3 { margin: 10px 0; font-size: 17px; }
  .content-grid li p { margin: 10px 0; line-height: 18px; }
  
  /* modular components */
  
  .module { margin-bottom: 30px; }
  .module.border-top { background: url(/images/bg_stripes-blue.png) left top repeat-x; padding-top: 11px; margin-top: 5px; }
  .module h3, .module .striped { padding-bottom: 16px; background: url(/images/bg_stripes-blue.png) left bottom repeat-x; margin: 0 0 10px 0; }
  .module h4 { font-size: 15px; }
  .module p { font-size: 12px; color: #555; margin-top:15px; }
  .module ul { list-style: none; margin: 0; padding: 1px 0px; }
  .module li a { display: block; padding: 7px 20px; border-bottom: solid 1px #dadaf0; text-decoration: none;  }
    .module-row .module li a {margin: 0 20px; padding: 6px 0;}
  .module li.title {display:block; font-size:16px; color: #555555; font-weight: bold; border: none; padding: 15px 20px 8px 20px;}
  /* date block */
  #main .date-block { background-color: #050596; width: 42px; height: 42px; float: left; text-align: center; position: relative; }
  #main .date-block:after { content: ''; position: absolute; top: 13px; right: -15px; display: block; border: solid 8px; border-color: transparent transparent transparent #050596 }
  #main .date-block span.day { color: #fff; display: block; font-size: 20px; margin-top: 3px; }
  #main .date-block span.month { color: #fff; display: block; font-size: 15px; font-weight: bold; margin-top: -3px; }
  /*event list */
  .secondary .event-list {padding-top:14px}
    .event-list li a { min-height: 42px; }
  .event-list li a:focus, .event-list li a:hover { background-color: #eceef5; }
  .event-list h4 ,
  .event-list p { margin: 0; padding: 0 0 0 60px; line-height: 1.2; }
  .event-list h4 { margin-top: 5px; letter-spacing: -1px; }
  .event-list .button { float: right; font-size: 13px; line-height: 22px; margin-top: 2px; padding:0 14px 1px 14px;}
  /*menu list */
  .menu-list { padding-top: 0; }
  .menu-list p { padding-left: 20px; padding-right: 20px; margin-bottom: 5px; line-height: 16px }
  .menu-list li {display:block; border:none;}
  .menu-list li a {display:block; color: #009; font-size: 14px; font-weight:bold; line-height: 1.2; border-bottom: solid 1px #DADAF0; background: url(/images/sprite_unisa.png) right -209px no-repeat; padding-right: 50px; cursor: pointer; }
  .menu-list li a:hover ,
  .menu-list li a:focus { outline: none; color: #647C13; }
    .menu-list li.open {display:block; background-color:#F7FBEB;}
  .menu-list li.open a { color: #647C13; background-color: #f7fbeb;}
  .menu-list li .sub-menu {max-height: 0px; -webkit-transition: all 0.5s linear; position: relative; overflow: hidden; top:-1px; background:#f7fbeb;}
    .module-row .menu-list li .sub-menu, .module-row .menu-list li.open a, .module-row .menu-list li.open {background:#fff;}
  .ie7 .menu-list li .sub-menu { display: none }
  .menu-list li.open .sub-menu { max-height: 300px; padding-bottom: 15px; clear:both; border-bottom: solid 1px #DADAF0;}
  .ie7 .menu-list li.open .sub-menu { display: block; }
  .menu-list li .sub-menu li a {color: #6b6b69; padding: 0 0 0 27px; font-size: 13px; font-weight:normal; line-height: 18px; border-bottom: 0px;  background-image: none; }
  .menu-list li .sub-menu li a:focus, .menu-list li .sub-menu li a:hover { color: #000000; }
  .secondary .menu-list {margin-bottom:50px;}
    /*links */
  .module-links li { border: none; font-size: 14px; }
  .module-links li a { padding: 3px 20px; color: #789e14; border:none;}
  .module-links li a:hover { color: #647C13}
  
  /* module row layout */
  .module-row { overflow: hidden; margin-bottom: 25px;  }
  .module-row .module { width: 306px; float: left; margin-right: 20px; }
  .module-row .last { margin-right: 0px; }
  .module .expand a { background-image: none; }
  .module .expand span { left: auto; right:12px; top: 8px; }
    .module .expand .sub-menu {display:none;}
        .module .expand.open .sub-menu {display:block;}
  
    /* magazine */
    #magazine .content {font-size:12px; color:#555; padding:15px 0 0 20px;}
    #magazine h5 {margin:12px 0 0; font-size:14px;}
  #magazine h3 { padding-bottom: 18px; }
  #magazine p {font-size:12px; margin:1px 0 0;}
    #magazine p .arrow-link {margin:10px 10px 0 0; display:inline-block;}
    #magazine .button {padding-left:13px; padding-right:13px;}
  
    /* opinion */
    #opinion img {margin:15px 20px 0;}
   #opinion .article {background:#000099; margin:0 20px; padding:10px 18px; color:#fff; position:relative;}
   #opinion h4 {font-size:18px; margin:0; color:#fff;}
   #opinion h5 {font-size:12px; margin:0 0 9px;}
   #opinion p {color:#fff; line-height:18px; font-size:12px; margin-top:0;}
   #opinion .button { font-size:12px; margin-top:13px;}
   #opinion .share {background:#eceef5; margin:0 20px; padding:15px 0; list-style:none; overflow:hidden;}
   #opinion .share li {width:57px; float:left; margin-left:20px; border:none;}
   #opinion .share .total {display:block; position:relative; border:1px solid #ccc; background:#fff; text-align:center; padding:5px 0;}
   #opinion .share .total:after { content: ''; position: absolute; bottom:-10px; left:21px; display: block; border: solid 5px; border-color: #fff transparent transparent transparent;}
   #opinion .facebook .total {background:#fff url('/images/sprite_unisa.png') no-repeat 8px -703px; text-align:left; text-indent:25px;}
   #opinion .share a {width:57px; height:21px; margin:8px 0 0; padding:0; border:none; background:url('/images/sprite_unisa.png') no-repeat 0 -780px; text-indent:-9999px; display:block;}
   #opinion .twitter a {}
   #opinion .facebook a {background-position:0 -759px;}
   #opinion .gplus a {width:50px; margin-left:3px; background-position:0 -738px;}
   
    /* twitter feed */
    #twitter_feed .follow_us {float:right; height:21px; line-height:21px; width:60px; padding-left:33px; margin-top:5px; background:url('/images/sprite_unisa.png') no-repeat -270px -738px; color:#33ccff; font-size:14px;}
    #twitter_feed ul {overflow:hidden;}
  #twitter_feed li {position:relative; top:-2px; padding:15px; border-top:1px solid #dadaf0; clear:both; overflow:hidden;}
    #twitter_feed img {float:left; margin:5px 0 0 0;}
  #twitter_feed h3 {margin:0;}
    #twitter_feed p {padding:0; margin:0; font-size:12px; line-height:18px; float:right; width:205px; }
    #twitter_feed p span {color:#647C13;}
  
    
  /* content and stuff */
  
  .primary h2 { margin-top: 0; }
  
  .custom-content-area { background: url(/images/bg_stripes-bluewhite.png) left top; overflow: hidden; margin-bottom: 30px; clear: both;  }
  .custom-content-area .col { width: 320px; float: left; }
    .custom-content-area .double {width:640px;}
  .custom-content-area h3 { color: #fff; line-height: 26px; padding: 10px 23px; margin:0; background-color: #050596; background-image: -moz-linear-gradient(top,  #0d0d9e,  #000091); background-image: -webkit-linear-gradient(top, #0d0d9e, #000091); background-image: linear-gradient(top, #0d0d9e, #000091); }
  .custom-content-area h3 span { display: block; font-size: 15px; line-height: 14px; }
  .custom-content-area p { line-height: 18px; margin-top: 0; }
    .custom-content-area p .arrow-link {margin-top:10px; display:block;}
  .custom-content-area p.small { font-size: 11px; line-height: 14px; }
  .custom-content-area p.small a { text-decoration: underline; color: #555 }
  .custom-content-area p.small a:hover { color: #4d670c; }
  .custom-content-area p.blue { color: #080899; font-weight: bold; }
  .custom-content-area a.button {display:block; color: #fff; background-color: #789e14; font-size: 13px; margin: 0 5px 15px; line-height:30px;}
  .custom-content-area a.button:hover ,
  .custom-content-area a.button:focus { background-color: #92c01b; text-decoration: none; }
  .custom-content-area .content { margin: 0 0 3px 3px; padding: 20px 22px 23px; background-color: #fff; overflow: hidden; position: relative;}
    .custom-content-area .got_question {padding:28px 30px 15px;}
  .custom-content-area .last .content{ margin-right: 3px;}
  .custom-content-area .content h4.support { padding: 0 0 5px 48px; margin: 0; background: url('/images/sprite_unisa.png') no-repeat -260px -537px;}
  .custom-content-area .content h4.support small {display: block; letter-spacing: -1px;}
  .custom-content-area .content p.or-thing { margin: 10px 0; text-align: center;}
  
  .custom-content-area .content .toolkit-lists { list-style: none; padding: 0; margin: 0;}
  .custom-content-area .content .toolkit-lists li { border-bottom: solid 1px #dadaf0;}
    .custom-content-area .content .toolkit-lists li a { background: #fff url(/images/sprite_unisa.png) 0px 0px no-repeat; display: block; padding: 10px 10px 10px 33px;  }
    .custom-content-area .content .toolkit-lists li a:hover { background-color: #fff; text-decoration: none; }
    .custom-content-area .content .toolkit-listsl li a:hover h4 ,Fse
    .custom-content-area .content .toolkit-lists li a:hover p { /* color: #7da516; */ }
    .custom-content-area .content .toolkit-lists h4 { padding: 0; margin: 0; letter-spacing: -1px; }
    .custom-content-area .content .toolkit-lists p { padding: 0; margin: 0; }
    .custom-content-area .content .toolkit-lists .icon-calc a { background-position: -279px -279px; padding-top: 0; }
    .custom-content-area .content .toolkit-lists .icon-book a { background-position: -243px -310px }
    .custom-content-area .content .toolkit-lists .icon-tick { border-bottom: 0; }
    .custom-content-area .content .toolkit-lists .icon-tick a { background-position: -210px -352px; }
  
  .custom-content-area .question { display: none; z-index: 5; position: absolute; top: 0; left: 0; width: 272px; height: 190px; padding: 28px 23px 0px 22px; background-color: #fff; }
  .custom-content-area .question ul { list-style: none; padding: 0 0 0 10px; }
  .custom-content-area #quick-question  { font-size: 12px; }
  #student-enquiries  { font-size: 12px; }
  
  .radio_label:hover { text-decoration: underline; } 	
  
  .custom-content-area .question textarea { resize: none; border: solid 1px #ddd; padding: 10px; font-size: 14px; line-height: 20px; width: 250px; height: 56px; }
  .custom-content-area .question textarea:focus { outline: none; }
  .custom-content-area .question .button { padding: 0 30px 1px 30px; line-height: 28px; margin-right: 10px; }
  
  
    .custom-content-area .media_contacts {margin:0 -20px 0 0; padding:0; height:140px; margin-bottom: -30px;}
    .custom-content-area .media_contacts {}
    .custom-content-area .media_contacts li {float:left; width:285px; margin-right:20px; list-style:none;}
    .custom-content-area .media_contacts img {float:left; margin:0 10px 30px 0;}
    .custom-content-area .media_contacts h4 {font-size:12px; margin:0 0 5px;}
        .custom-content-area .media_contacts h4 strong {font-size:20px; display:block;}
    .custom-content-area .media_contacts p strong {width:45px; float:left;}
    html.oldie .custom-content-area .media_contacts p {font-size:13px;}
    html.oldie .custom-content-area .media_contacts p strong {width:48px;}
    .connect_social ul {margin-top:-5px; margin-left: -6px; padding:0;}
    .connect_social li {margin:0; padding:0; list-style:none; display:inline;}
        .connect_social a {float:left; width:115px; height:30px; margin:5px; line-height:30px; font-size:12px; color:#009;}
            .connect_social .content span {width:30px; height:30px; float:left; margin-right:10px; text-indent:-9999px; background:url('/images/sprite_unisa.png') no-repeat 0 -605px;}
      .connect_social small { display: block; font-size: 15px; line-height: 14px; margin-top: -2px; }
      .connect_social .twitter span {background-position: -30px -605px;}
            .connect_social .youtube span {background-position: 0 -635px;}
            .connect_social .flickr span {background-position: -30px -635px;}
            .connect_social .linkedin span {background-position: 0 -665px;}
            
            
  .content-inline-block { width: 45%; margin-right: 5%; float: left; margin-bottom: 25px; }
  .content-inline-block img { margin-top: 5px; }
  .content-inline-block strong { color: #080899; }
    .content-inline-block p .arrow-link {display:block; margin-top:10px;}
  
  .actions {overflow:hidden; margin:40px 0 0 -20px; padding:20px 0 0 0; position:relative;}
    .actions .action {width:306px; float:left; margin:0 0 20px 20px; position:relative; list-style:none; background:#f2f2fa; min-height: 235px;}
        .action.hero {width:632px; height: 256px; clear: both; margin-bottom: 40px; }    
    .actions h3 { max-width: 265px; min-width:145px; font-size: 20px; line-height:19px; display:block; margin:0; padding:10px 20px; position:absolute; top:-20px; left:0; background:#070798; color:#fff; background-image: -moz-linear-gradient(top,  #0d0d9e,  #000091); background-image: -webkit-linear-gradient(top, #0d0d9e, #000091); background-image: linear-gradient(top, #0d0d9e, #000091);}
        .action.hero h3 { max-width: 390px; font-size: 24px; line-height: 24px; padding:12px 35px 12px 15px;}    
  .actions .support { margin: -8px 0  15px 20px; line-height: 18px; background: url(/images/sprite_unisa.png) -277px -160px no-repeat; padding-left: 28px; }
  .ie7 .actions .support { line-height: 22px; }
  .actions .support small { font-size: 12px; line-height: 12px;}
  .actions img {display:block;}
        .actions .hero img {float:left; margin-right:18px;}
    .actions p {line-height:18px; margin:15px 20px 10px;}
        .actions .hero p {float:left; width:170px; padding:0; margin:15px 0;}
    .actions .button { margin:0 20px 18px; color:#fff; font-size: 13px;}
        .actions .hero .button {margin:0 0 10px; padding: 0 10px;}
     
    html.ie7 .actions .hero {width:190px; padding-left:430px; padding-right:12px; position:relative;}
    html.ie7 .actions .hero img {position:absolute; top:0; left:0;}
    html.ie7 .actions .hero h3 {z-index:2;}
    html.ie7 .actions .hero p {float:none; width:auto;}
     
  .action-steps { margin-bottom: 30px; }
  .action-steps ul { list-style: none; padding: 0; margin: 0; overflow: hidden; }
  .action-steps li { width: 200px; float: left; margin-right: 14px; background: url(/images/bg_stripes-blue.png) left top repeat-x; }
  .action-steps li .content { height: 130px; padding-left: 60px; margin-top: 22px; }
    .action-steps li.one .content { background: url(/images/sprite_numbers.png) 0px 0px no-repeat; padding-left:50px; }
    .action-steps li.two .content { background: url(/images/sprite_numbers.png) 0px -147px no-repeat }
    .action-steps li.three .content { background: url(/images/sprite_numbers.png) 0px -295px no-repeat }
    .action-steps li.three { margin-right: 0; }
    .action-steps li h4 { margin: 0 0 6px 0;  letter-spacing: -1px; line-height: 1.2;}
    .action-steps li p { margin: 0; font-size: 11px; line-height: 15px; }
    .action-steps li a.button { font-size: 13px; padding: 0; width: 100% }
     
    .advantages ul {list-style:none; margin:0 0 40px -20px; padding:0; overflow:hidden;}
    .advantages li {float:left; width:143px; margin:0 0 0 20px; padding:0; background:#f2f2fa; color:#fff;}
    .advantages h3 { margin-top: 0; }
    .advantages h4 { letter-spacing: -1px; }
    .advantages h4, .advantages p, .advantages .link { color:#060697; margin:10px 12px; }
    .advantages p {line-height:16px;}
    .advantages .arrow-link { display:block; padding-left:12px; line-height:16px; background: url(/images/sprite_unisa.png) 2px -52px no-repeat; color: #060697; }
    .advantages .arrow-link:focus, .advantages .arrow-link:hover { text-decoration: underline; color:#060697;}
  
  /* program browsing module */
  
  .program-browse { background: url(/images/bg_stripes-bluewhite.png) left top repeat; padding: 10px 0; margin-bottom: 25px; }
  .program-browse .inner-container { background-color: #f8f8fc; border: 1px solid #ffffff; border-width: 1px 0;  position: relative; min-height: 340px; overflow: hidden;}
  .program-browse .col { width: 170px; position: absolute; left: 0; top: 0; bottom: 0; }
  .program-browse .level { background-color: #f2f2fa; z-index: 5; padding: 20px; border-right: 1px solid #ffffff; }
  .program-browse .course { z-index: 4; left: 211px; overflow: hidden; width: 211px; }
  .program-browse .information { border-right: 0px; z-index: 3; width: 210px; }
  .program-browse ul { list-style: none; padding: 0; margin: 0; }
  
  .program-browse .level li { display: block; }
  .program-browse .level li a { position: relative; display: block; background: #fff url(/images/sprite_unisa.png) -125px -428px no-repeat; margin-bottom: 8px; padding: 35px 14px 14px 14px; font-size: 18px; color :#000099; line-height: 18px; }
  .program-browse .level li a span { display: block; opacity: 0; filter: alpha(opacity=0); position: absolute; top: 16px; right: 0px; border: solid 12px; border-color: transparent transparent transparent #000099; -webkit-transition: all 0s ease-in; -moz-transition: all 0s ease-in; }
  .program-browse .level li a.active ,
  .program-browse .level li a:hover { background-color: #000099; background-position: -158px -396px; color: #fff; text-decoration: none; }
  .program-browse .level li a.active span ,
  .program-browse .level li a:hover span { opacity: 1; filter: alpha(opacity=100); right: -24px; -webkit-transition: all 0.2s linear; -webkit-transition: all 0.2s ease-in; }
  
  .program-browse .course ul { position: absolute; top: 0; left: -211px; width: 170px; padding: 20px; padding-top: 14px; border-right: 1px solid #ffffff; background-color: #f8f8fc; -moz-box-shadow: 2px 0px 8px rgba(0,0,0,0.1); -webkit-box-shadow: 2px 0px 8px rgba(0,0,0,0.1); box-shadow: 2px -5px 8px rgba(0,0,0,0.1) }
  .program-browse .course ul li { border-bottom: solid 1px #e6e6f5; line-height: 14px; }
  .program-browse .course ul li a { color: #060697; padding: 8px 0; display: block; background: url(/images/sprite_unisa.png) -36px -271px no-repeat; padding-right: 20px  }
  .program-browse .course ul li a.active ,
  .program-browse .course ul li a:hover { color: #647C13; text-decoration: none; background-position: -116px -209px }
  
  .program-browse .information div { position: absolute; top: 0; left: 0; bottom: 0; width: 170px; padding: 20px; background-color: #f8f8fc; -moz-box-shadow: 2px 0px 8px rgba(0,0,0,0.1); -webkit-box-shadow: 2px 0px 8px rgba(0,0,0,0.1); box-shadow: 2px 0px 8px rgba(0,0,0,0.1) }
  .program-browse .information div p { margin: 0 0 10px 0 ; }
  
    /* News */
    .news {overflow:hidden; background: url(/images/bg_stripes-blue.png) 0 35px repeat-x;}
    .news .links {float:right; margin:5px 0;}
        .news .links li {display:inline; list-style:none;}
        .news .links a {padding-left:10px; margin-left:30px; display:inline-block; zoom:1; font-size:15px; font-weight:bold; color:#789e14; background:url('/images/sprite_unisa.png') no-repeat -277px -214px;}
      .news .links a:hover {color:#63830f;}
  .news h2 {font-size:22px; margin-bottom:20px;}
    
    .news_articles {margin:0 0 40px; padding:0;}
    .news_articles li {padding:23px 0 16px; margin:0; overflow:hidden; clear:both; position:relative; border-bottom:1px solid #dadaf0; list-style:none;}
    .news_articles img {margin-right:22px; float:left;}
    #main .news_articles .date-block {position:absolute; top:23px; left:0; float:none;}
    .news_articles h3 {font-size:18px; margin:0 0 10px; font-weight: 400;} 
    .news_articles p {line-height:18px; margin:0; }
    .news_articles p .arrow-link {display:inline-block; margin-top:10px;}
  
  /*
  .news_articles .share { position: absolute; right: 0; bottom: 15px; }
  .news_articles .share a { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; float: left; display: inline-block; color: #009; border: 0; margin-left: 10px; padding: 0px 6px 0px 24px; background-color: #eceef5 ; text-decoration: none; }
  .news_articles .share  img { padding-top: 4px; margin-left: -18px; margin-right: 1px; }
  */
  
    /* search pages */
  .search_results { color:#3e5407; }
  
    .search_results { font-weight: bold; font-size:14px; color:#647C13; background:#f7fbeb; line-height:24px; padding:7px 15px; margin-top:10px;}
    .search_display {overflow:hidden; margin-bottom:40px;}
  #main .search_display .pagination {margin-top:0px;}
    #main .pagination {margin:0 0 5px; font-size:16px;}
    #main .pagination ul {margin:0; padding:0; list-style:none; margin-right: 10px;}
    #main .pagination li {float:left; margin-left:10px;}
    #main .pagination label {font-size:14px; line-height:24px; color:#0a0a9a; margin-right:0px;}
    #main .pagination select {width:155px;}
    #main .pagination .per_page select {width:55px;}
    
    #main .pagination .paging {float:right; width:250px; text-align:right;}
    #main .pagination a {color:#555; font-size:16px; line-height:24px; display:inline-block; margin:3px 2px;}
   #main .pagination .paging a { font-size:14px; }
  
   
   
        #main .pagination .active {color:#647C13; text-decoration:none;}
        #main .pagination .back, #main .pagination .next {width:24px; height:24px; text-indent:-9999px; text-align:left;background:#07079a url('/images/sprite_unisa.png') no-repeat -36px -670px;
      -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;
    }
    #main .pagination .next p { opacity: 0; }
    #main .pagination .next {background-position:-35px -702px;}
    #main .pagination .back:hover, #main .pagination .next:hover {background-color:#789e14;}
    .results {oveflow:hidden;background: url(/images/bg_stripes-blue.png) left bottom repeat-x; padding-bottom:5px; margin-bottom:10px;}
    .results ul {list-style:none; padding:0; padding-top: 10px; margin-top: -5px; overflow:hidden;background: url(/images/bg_stripes-blue.png) left top repeat-x;}
    .results li {padding:15px 10px; border-top:1px solid #ededf7;}
  .results li:first-child { border-top:0; }
  
    .results .title {font-size:15px; color:#009; display:block;}
    .results p {margin:5px 0; }
    .results p a {display:block; color:#647C13; font-size:12px;}
  
  /*.noresults a { color: #555555; text-decoration: underline; }*/

  
  
/* Staff Directory */
.search_directory{padding:20px 22px; margin-bottom: 40px; background:#f2f2fa url(/images/bg_stripes-blue.png) left top repeat-x;}
  .search_directory fieldset {margin-bottom:10px; clear:both;}
    .search_directory label, .alphabet dt {line-height:22px; margin:0 0 4px; font-size:14px; color:#040496; display:block; width: 100%;}
    
    .search_directory .text, .search_directory select {width:473px; padding:5px 10px; height:17px; line-height:17px; float:left; margin-right:10px;}
    .search_directory select {height:32px; width:496px; padding:5px 6px;}
  .search_directory .button {margin-top:4px; font-size: 13px; padding: 0 15px 1px; height: 24px;}
  
  .search_directory .alphabet {margin:0; padding:0; width: 100%;}	
    .search_directory .alphabet dd {display:inline; text-align: left; padding:1px; margin:0px;}
    .search_directory .alphabet a {font-size:15px; font-weight:bold; margin-right:1px; color:#009; text-decoration: none;}
    
    @-moz-document url-prefix() { .alphabet a { font-size:17px; } } 
    @-moz-document url-prefix() { .search_directory label, .alphabet dt {font-size:12px;} }
    
    @-moz-document url-prefix() { .content-heading fieldset .input-search { font-size: 12px;x 1px #dcdcdc; } }

.staff-results { margin-top: -20px; }
.staff-results ul { padding:0; margin-top: -5px; }
  .staff-results li {position:relative; border-top:1px solid #ededf7; padding:15px 0; margin:0;  list-style:none;}
  .staff-results li:first-child { border-top:0; }
    .staff-results img {position:absolute; top:18px; right:0;}
    .staff-results h4 {margin:0; color:#009; font-size:17px;}	
    .staff-results h5 {margin:0 0 10px; color:#009; font-size:13px;}	
    .staff-results dl {width:570px; overflow:hidden; margin-bottom:6px; color:#555; font-size:13px; }
      .staff-results dt{float:left; width:60px; margin:0 10px 0 0; font-weight:bold; line-height:20px;}
      .staff-results dd{float:left; width:190px; margin:0 13px 0 0;line-height:20px;}
        .staff-results dl a{color:#555; text-decoration:underline;}
        .staff-results dl a:hover {text-decoration:none;}
    .staff-results .arrow-link {clear:both;}
  
  .staff-results .pagination {background: url(/images/bg_stripes-blue.png) left bottom repeat-x; padding-top: 0px;}
  .staff-results .pagination.bottom {background-position: left top; }
  .staff-results .pagination li {border: 0;}
  
.staff-profile { background: url(/images/bg_stripes-blue.png) top repeat-x; margin-top: 15px; padding-top: 0; }
    .staff-profile ul {padding:0; margin: 0;}
  .staff-profile li {position:relative; border-top:0px solid #ededf7; padding-bottom:10px; margin:0; list-style:none;}
    .staff-profile img {position:absolute; top:25px; padding: 6px 15px 15px 17px; right:0; background: url('/images/bubble.png') no-repeat ;}
    .staff-profile h2 {margin:0; color:#009; font-size:17px;}	
    .staff-profile h4 {margin-bottom: -5px; color:#009; font-size:18px;}	
    .staff-profile h5 {margin:0 0 10px; color:#009; font-size:14px;}	
    .staff-profile dl {width:570px; overflow:hidden; margin: 0 0 6px 0; padding-top: 15px; color:#555; font-size:13px;}
    .ie7 .staff-profile dl { padding-top: 0; }
      .staff-profile dt{float:left; width:60px; font-weight:bold; line-height:25px;}
      .staff-profile dd{ width:350px; margin:0 0 0 157px; line-height:26px;}
        .staff-profile dl a{color:#555; text-decoration:underline;}
        .staff-profile dl a:hover {text-decoration:none;}
  
  .staff-contact-details { width: 100%; }
  .staff-contact-details ul { margin-left: 12px; list-style: none; margin-top: -15px; } 
  .staff-contact-details li { display: inline; float: left; padding-right: 30px; border: 0; padding-top: 10px; margin-bottom: -30px; list-style:none;}
  .staff-contact-details p { color: #009; margin-left: 22px; }
  .staff-contact-details a { color: #009; }
  
  .staff-publications { clear: both; padding-top: 30px; }

  .contact-phone { background: url('/images/icon_phone.png') no-repeat left; } 
  .contact-mobile { background: url('/images/icon_mobile.png') no-repeat left; } 
  .contact-fax { background: url('/images/icon_fax.png') no-repeat left; } 
  .contact-email { background: url('/images/icon_email.png') no-repeat left; } 
  .contact-email p { margin-left: 32px; } 
    
  .directory-links {margin-top:51px;}
  .directory-links p {font-size:13px; color:#040496; margin:0 0 10px;}
  .directory-links ul {padding:0; list-style:none; width:230px;}
  .directory-links a {font-size:14px; font-weight: bold; color:#647C13;padding:0 0 10px 30px; display:block; background:url('/images/sprite_unisa.png') no-repeat -281px -776px;}
  
  /* Styles from style-ag.css
  =========================== */	
  
  .back-to-search {display:block; float: right; font-size:18px; font-weight: bold; padding-left:16px; width: 100%; margin-top: 20px; margin-bottom: -42px; color:#789e14;}
  .back-to-search  a {float: right; font-size:16px; font-weight: bold; color:#789e14; background: url(../images/green_arrow.png) 0 5px no-repeat; padding-left: 12px; white-space:nowrap; }
  .ie7 .back-to-search  a {margin-right: 18px;}

  .back-to-search:focus, .back-to-search:hover {color:#5a770e;}
  .back-to-events {display:block; font-size:15px; font-weight: bold; padding-left:16px; margin:0 0 9px 105px; color:#789e14;  background:url(/images/sprite_unisa.png) no-repeat -293px -689px;}
        .back-to-events:focus, .back-to-events:hover {color:#5a770e;}
  .search-module { background-color: #f7fbeb; padding: 20px 22px; margin-bottom:36px; }
        .search-events {padding: 20px 22px 20px; min-height: 227px; }
        .search-module .tooltip {background: #fff;float:right; width:100px; height:20px; text-align:left; line-height:20px; font-size:14px; color:#647C13; background: url('/images/sprite_unisa.png') no-repeat -58px -760px; font-weight: bold; }
      .search-module .tip {left:-25px; font-size: 12px; line-height: 1.2; }
    html.oldie .search-module .tooltip, html.safari .search-module .tooltip {font-size:14px; padding-right: 5px; }
  .search-module h3 { margin: 0 0 12px 0; font-size: 17px; word-spacing: -1px; }
  .search-module .field {margin: 0 0 12px 0; position: relative; }
  .search-module .field label {display: block; width: 150px; color: #2425a1; font-size: 14px; margin-bottom: 2px; }
  
  .search-module .field label.error { font-size: 10px; color: red; width: 100%; }
  .search-module .field a.error { display: block; font-size: 10px; color: red; width: 100%; text-decoration: none; }
  
  .search-module .field label span { font-size: 11px; }
  .search-module .field input {margin: 0; color:#2425a1; font-size: 14px; padding: 5px 10px; width: 215px; border: solid 1px #bec1b4; border-color: #bec1b4 #e8ebe1 #e8ebe1 #bec1b4 }
  .search-module .field input.date-picker {width: 130px; }
  .search-module .field input:focus {outline: none;  }
  .search-module .field img.ui-datepicker-trigger { background: url(/images/sprite_unisa.png) -207px -280px no-repeat; width: 27px; height: 27px; cursor: pointer; display: block; position: absolute; top: 19px; left: 161px; text-indent: -9999px; }
  .search-module .button { font-size: 13px; margin-top:3px; padding: 0 15px 1px 15px }
  
  .ui-widget-content { border: 1px solid #bec1b4; background: #f1f1f1; color: #4f4f4f; padding: 3px; }
        .ie7 .ui-widget-content {width:220px;}
  
      .ui-datepicker .ui-datepicker-header { background: #040496; color: white; position: relative; padding: 8px 0; }
  .ui-datepicker .ui-datepicker-title { font-size: 12px; line-height: 1; margin: 0 5px; text-align: center; }
  .ui-datepicker .ui-datepicker-prev, 
  .ui-datepicker .ui-datepicker-next { position: absolute; top: 6px; left:5px; }
  .ui-datepicker .ui-datepicker-next { left: auto; right: 5px; }
  .ui-datepicker .ui-datepicker-prev span, 
  .ui-datepicker .ui-datepicker-next span { cursor: pointer; width: 15px; height: 15px; display: block; text-indent: -900em;  background: url(/images/sprite_unisa.png) -258px -163px no-repeat; } 
  .ui-datepicker .ui-datepicker-next span { background-position: -256px -181px; } 
  .ui-datepicker .ui-datepicker-prev span:hover, 
  .ui-datepicker .ui-datepicker-next span:hover  { background-color: #555; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } 
  .ui-datepicker table { width: 100%; font-size: 12px; border-collapse: collapse; }
  .ui-datepicker th { padding:8px 0; text-align: center; font-weight: bold; border: 0; }
  .ui-datepicker td { border: 0; padding: 1px; }
  .ui-datepicker td span, .ui-datepicker td a { display: block; text-align: center; line-height: 20px; height: 20px; width: 24px; text-decoration: none; }
  .ui-state-default, 
  .ui-state-default:visited { border: 1px solid #CCC; background: #F6F6F6; font-weight: bold; color: #4f4f4f; outline: none; }
  .ui-datepicker-current-day .ui-state-active { background: #92c01b; color: #fff; border-color: #749b0f; }
  .ui-datepicker-today .ui-state-highlight { border: dashed 1px #555; background: #fff }
  .ui-state-default:hover { background: #e8f5bf; color: #4f4f4f; }
  .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); }
  .ui-datepicker-unselectable .ui-state-default:hover {  background: #F6F6F6; color: #4f4f4f; }
      
/* ==|== primary styles =====================================================
  Author: AStarr, 2012
  ========================================================================== */
  
    /*	Common Classes
  =========================== */
    a.maximise { position: absolute; top: 14px; right: 0; font-size: 14px; font-weight: bold; color: #607e15; }
  a.maximise:hover { color:#4d670c; text-decoration: none;  }
  a.maximise:hover span { background-color:#65860e;  }
  
    a.load_more {display:block; height:38px; line-height:38px; font-size:13px; font-weight:bold; color:#fff; padding-right:45px; text-align:right; background:#90b122 url(/images/sprite_unisa.png) 592px -516px no-repeat;}
    a.load_more:hover {background-color:#7d9a1e; text-decoration: none; }
    
    .category {display:block; color:#009;}
    .category span {width:10px; height:10px; float:left; background:#f80b59; margin:4px 5px 0 0;
        -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px}
    
  .admission_or_open_day span { background: #efe106; }
  .exhibition span { background: #35d4c3; }
  .public_lectures span { background: #6d2ccd; }
  .community_event span { background: #f80b59; }
  .health_sciences span { background: #ff7800; }
  .business span { background: #2dc835; }
  .it_engineering_environment span { background: #6b99d2; }
  
    .event-banners {height:264px;}
    .event-banners li img { float: right; margin: 0 0 0 15px;}
    .event-banners #banner-nav { left: auto; right: -1px;}
    .event-banners li h3, .event-banners li p, .event-banners li a.button {margin-left:22px;}
    .event-banners li p {line-height:16px;}
    .event-banners li h3 {margin-top:13px; margin-bottom:5px;}
    #main .event-banners .date-block {position:absolute; top:0; left:221px;}
    .event-banners .dates {clear:left; display:block; color:#fff; font-size:12px; margin-left:20px;}
    .event-banners ul ul {clear:left; margin:0 0 10px 20px;} 
    .event-banners li li {width:auto; height:auto;}
    .event-banners .category {color:#fff;}

  /* Structural
  =========================== */	
  
    .primary-first .primary {float:left;}
    .primary-first .secondary {float:right;}
    .primary-first .secondary.topMarg {margin-top: 49px;}
  
  /* Nav
  =========================== */
    .start_overlay, .end_overlay {position:absolute; top:0; left:-999px; display:none;}
  
    /* Upcoming Events */
    .upcoming_events {margin-bottom:50px; overflow:hidden; position:relative;}
    .upcoming_events h2 {font-size:22px; margin-bottom:9px;}
   .upcoming_events ul, .upcoming_events li {list-style:none; margin:0; padding:0;}
    .upcoming_events fieldset {position:absolute; top:5px; right:0; width:230px; height:20px; margin:0; padding:0;}
    .upcoming_events label {float:left; font-size:16px; color:#009;}
    .upcoming_events select {width:185px; float:right;}
    
    .upcoming_events .months {padding-top: 12px; overflow: hidden; clear:both; background: url(/images/bg_stripes-blue.png) left top repeat-x;}
    .upcoming_events .month {clear:both; position:relative; }
    .month h3 {font-size:16px; color:#647C13; margin:0px 0 25px 0; padding: 0 0 0 12px; line-height: 38px; background-color: #f7fbeb; }
    .month h3 span { text-indent:10px; font-size:14px; font-weight:normal;}
    .month .maximise {right:15px; top:11px; padding-right:20px; font-size: 13px; }
    html.ie7 .month .maximise {float:right; top:28px;}
        .month .maximise span {left:auto; right:0;}
    
    .upcoming_events .events {margin-right:-28px; overflow: hidden; clear:both; zoom:1;}
    .upcoming_events .event {width:190px; margin:0 28px 26px 0; padding-bottom:15px; float:left; background: url(/images/bg_stripes-blue.png) left bottom repeat-x; position:relative; }
    .upcoming_events .event img { margin-bottom: 10px; }
    #main .upcoming_events .date-block {position:absolute; top:0; left:0;}
    .upcoming_events .event h4 {font-size:15px; font-weight:bold; margin:0;}
    .upcoming_events .event .dates {display:block; color:#009; margin-bottom:5px;}
    .upcoming_events .event p {margin:0 0 10px; line-height:16px;}
    
    .upcoming_events .event a:hover {text-decoration:none;}
    
    .upcoming_events .event ul {border-top:1px solid #e9e9f6; padding:5px 0;}
    .upcoming_events .event .category {line-height:16px; color: #000099; font-size: 12px;}
    
    .downloads li {}
    .downloads li a {padding:10px 18px;}
    .downloads li a:hover { background-color: #f7fbeb; }
    .downloads .download_calendar {width:73px; height:34px; padding:45px 0 0; float:right; background:#f2f2fa url(/images/sprite_unisa.png) no-repeat 21px -279px; text-align:center; color:#009; font-weight:bold; font-size:11px; line-height:14px;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
    .downloads h4 {margin:0 0 5px;}
    .downloads p {margin:0 0 5px; line-height:16px; font-size: 11px; }
    
  .filter fieldset { margin: 0 0 25px 0; }
  .filter legend { font-size: 18px; color: #555555; margin: 0; padding-left: 19px; }
  .ie7 .filter legend { padding-left: 13px; }
  .filter ul { margin-top: 5px; }
  .filter li { padding: 5px 15px 5px 20px; position: relative; overflow:hidden;border-bottom: solid 1px #DADAF0;}
  .filter label {width:207px; font-size: 14px; color: #000099; line-height: 16px; display: block; position: relative; z-index: 1; cursor: pointer; padding: 2px 45px 2px 0; }
  .filter li input { position: absolute; left: -30px; top: 3px; margin: 0; z-index: 0;}
  .filter .radio-filter { overflow: hidden; border-bottom: solid 1px #DADAF0; padding-bottom: 10px; }
  .filter .radio-filter li { float: left; border-bottom: 0; padding: 5px 0; margin-left: 19px; }
  .filter .radio-filter li label {width:auto; background: url(/images/sprite_unisa.png) no-repeat right -657px; padding: 2px 25px 2px 0; }
  .filter .radio-filter label.focus {text-decoration:underline;}
  .filter .radio-filter label.checked ,
  .filter .radio-filter label:hover {background-position: right -615px; }
  .filter .checkbox-filter label { background: url(/images/sprite_unisa.png) no-repeat 226px -443px; }
  .filter .checkbox-filter label.focus {text-decoration:underline;}
  .filter .checkbox-filter label.checked,
  .filter .checkbox-filter label:hover { background-position: 226px -368px;}
  
  .filter .category label { padding-left: 17px;  width:190px; }
  .filter .category span { display: block; width: 10px; height: 10px; position: absolute; top: 7px; left: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  }
  
    .primary .event-header h2 { margin-bottom: 3px; }
  .primary .event-header span.dates { margin-bottom: 20px; display: block; font-size: 16px; color :#0a0a9a; }
  
    .event-details {margin-bottom:50px; height:264px;}
    .event-details .action {background:#09099a; overflow:hidden; position:relative; margin-bottom:10px;}
    .event-details img {float:right; margin-left:20px;}
    .event-details p, .event-details .action .button, .event-details h4 {margin:0 0 5px 20px; color:#fff;}
    #main .event-details .date-block {position:absolute; top:0; left:219px; float::none;}
    .event-details h4 {margin-top:15px;}
    .event-details p {line-height:16px; font-size: 11px; margin-bottom: 10px;}
    .event-details .action .button {margin-bottom:0;}
    .event-details .calendar_button {float:right; padding-right:35px; font-size: 13px; background: #09099a url(/images/sprite_unisa.png) -70px -324px no-repeat }
    .event-details .calendar_button:focus, .event-details .calendar_button:hover {background-color: #92c01b; }
    .event-details .categories li, .event-details .categories {list-style:none; margin:0; padding:0; display:inline;}
    .event-details .category {display:inline-block; margin-right:10px;}
  
  .event-information {margin-bottom: 30px;}
  .event-information h3 {background: url(/images/bg_stripes-blue.png) left bottom repeat-x; padding-bottom: 20px;}
  /*.event-information p a {text-decoration:underline;}
    .event-information p a:hover {text-decoration:underline;}*/
    
    
    .event-registration ul {margin:0; padding:0;}
    .event-registration li {display:block; overflow:hidden; position:relative; list-style:none; padding:0 0 0 170px; width:auto; clear:both;}
    .event-registration label {position:absolute; left:0; font-size :13px; color :#555555; }
        .event-registration label.error {position:relative; display: block; line-height: 24px; margin: 0; font-size:12px; color :#f00;}
    .event-registration input {padding:3px 5px; width:245px; margin:0 10px 10px 0; float:left; font-size: 13px; color: #555555; border: solid 1px #c4c4c4; border-color: #c4c4c4 #ececec #ececec #c4c4c4;}
        .ie7 .event-registration input {position:relative; top:-10px; margin-top:10px;}
        .event-registration input.error {border-color:#f00;}
    .event-registration input:focus { outline: none}
    .event-registration .postcode input {width:80px;}
    .event-registration .button {width:auto; margin: 10px 0 0 185px; font-size:13px; padding:0 15px; color :#fff; border:none; line-height: 24px; height: 24px;}
  
  .event-registration .small { font-size: 11px; }


/* ==|== non-semantic helper classes ======================================== */

  .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
  .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
  .ir br { display: none; }
  .hidden { display: none !important; visibility: hidden; }
  .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
  .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
  .invisible { visibility: hidden; }
  .clearfix:before, .clearfix:after { content: ""; display: table; }
  .clearfix:after { clear: both; }
  .clearfix { zoom: 1;}
  .space { font-size: 0; background-color:transparent; height:150px; display:block; }
  
  .visuallyhidden_link { list-style: none; }
  .visuallyhidden_link li { display: inline; }
  .visuallyhidden_link a { opacity: 0; filter:alpha(opacity=0); font-size: 11px; }
  .visuallyhidden_link a:active, .visuallyhidden_link a:focus { color: #555; opacity: 1; }
  


/* ==|== media queries ====================================================== */

  @media only screen and (min-width: 480px) {


  }

  @media only screen and (min-width: 768px) {

  }



/* ==|== print styles ======================================================= */

  @media print {
    * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
    a, a:visited { text-decoration: underline; }
    a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; }
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    @page { margin: 0.5cm; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }
  }

   
 /*
Safari
===================================================================== */   

@media screen and (-webkit-min-device-pixel-ratio:0)
{
  .search_directory label, .alphabet dt {line-height:22px; margin:0 0 4px; font-size:12px; color:#040496; display:block; width: 100%;}	
  .alphabet a {font-size:18px; font-weight:bold; margin-right:1px; color:#009;}
  .search_directory select { line-height: 27px; }
  .pagination a {color:#555; font-size:15px; line-height:24px; display:inline-block; margin:3px 2px;}
  
  .staff-contact-details { width: 100%; }
  .staff-contact-details ul { margin-left: 12px; list-style: none; margin-top: -15px; } 
  .staff-contact-details li { display: inline; float: left; padding-right: 25px; border: 0; padding-top: 10px; margin-bottom: -30px; list-style:none;}
  .ie7 .staff-contact-details li { margin-bottom: 0px; }
  .staff-contact-details p { color: #009; margin-left: 25px; font-size: 11px; }
  .contact-email p { margin-left: 36px; } 
  
  .custom-content-area #quick-question  { font-size: 12px; }
  #student-enquiries  { font-size: 10px; word-spacing: -1px; }
  
  .content-heading fieldset .input-search { font-size: 12px; }
  
  
}   

  
 /*
 Lesser Browsers
 ===================================================================== */
html.oldie #menus .search_site .search, html.oldie #menus .menu, html.oldie .tip, html.oldie #header fieldset .input-search {border:1px solid #e3e3e3;}
html.ie7 #header {z-index:10; position:relative;}
html.ie7 .button {zoom:1;}
html.ie7 #menus .information .links a {background-position:-198px -45px;}
html.ie7 #menus .sub_categories a {background-position:0 -50px;}

html.ie7 h2 small {margin-top:-7px;}
html.ie7 .student_support h4 small {margin-top:-5px;}
html.ie7 #menus .info h2 {margin-bottom:0;}
html.ie7 .staff-results li {position:relative; border-top:2px solid #ededf7; padding-top:10px; margin:0; list-style:none;}
html.ie7 .staff-results .pagination li { border: 0; }
html.ie7 .search_directory select { line-height: 47px; }

#nav .capper {position:absolute; top:-20px; left:-20px; width:1px; height:1px; overflow:hidden;}