/*
Stylesheet      Computer and IT Support
Theme Name      University of St Andrews 2008
URI             http://www.st-andrews.ac.uk/computeranditsupport/
Version         5.3.0
Authors         gjms1, sde1, pw42
Description     Stylesheet for Computer and IT Support section.
                Sets up navigation bar look and feel, and left-hand navigation colour.
Last Updated    09/12/2016
*/

/* Base background colour for toolbar/navMain */
#navmain, #navmain ul li a {
    background-color: #bfd48e !important;
    color: #000;
    }

/* Apply triangle/arrow to right-hand side of "Computer and IT support" title on #navmain */
/* Trivia: the triange/arrow is reminiscent of part of the university crest */

#navmain h1 a:link, #navmain h1 a:visited, #navmain h1 a:hover, #navmain h1 a:active, #navmain h1 a:focus {
    background: #00853F url('/media/styles/main-website/images/arrows/v2-img_menu_arrow_computersupport.gif') no-repeat center right;
    color: #fff;
    padding: 0 100px 0 32px !important;
    }

/* HEADING For use on Homepage when "Computer and IT support" isn't linked */
#navmain h1 {
    background: #00853F url('/media/styles/main-website/images/arrows/v2-img_menu_arrow_computersupport.gif') no-repeat center right;
    color: #fff;
    }

#navmain h1.citshome {
    padding: 0 100px 0 32px;
    }

/* Sidebar colours (green) */

span.currentbranch0,
#sidebar-inner a:hover,
#sidebar-inner a:active {
    background-color: #00853F !important; }

ul.multilevel-linkul-0 {
    background-color: #bfd48e;
    }

#categories {
    margin-top: 1em;
}

.itsupport-category-icon {
    float: left;
    margin-right: 0;
    padding: 0;
    width: 50px;
    }

.itsupport-category-links {
    float: left;
    margin-right: 0;
    width: 182px;
    padding: 0;
    }

p.viewall{
    padding-top: 0px !important;
    padding-bottom: 5px!important;
    }

xhr {
    margin-bottom: 10px;
    padding: 0;
    }

#newsletter {
    margin-left: 170px;
    }

#navmain a:link, #navmain a:visited {
    color: #333;
    }

/* --- UI tabs jQuery plugin -------------------------------------------------*/
.ui-tabs-block {
    position: relative;
    width: 100%;
    }

.ui-tabs-hide {
    display: none;
    }

ul.ui-tabs-list {
    border-bottom: 1px solid #808080;
    height: 30px;
    line-height: 30px;
    list-style-type: none;
    margin: 0 0 1em 0;
    padding: 0;
    }

ul.ui-tabs-list li {
    display: inline;
    float: left;
    margin-right: 5px;
    width: auto;
    }

ul.ui-tabs-list li a {
    border-top: 1px solid #808080;
    border-right: 1px solid #808080;
    border-left: 1px solid #808080;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    display: block;
    float: left;
    height: 29px;
    line-height: 29px;
    width: auto;
    }

ul.ui-tabs-list li a:link,
ul.ui-tabs-list li a:visited {
    background-color: #e0e0e0;
    color: #000 !important;
    padding: 0 8px;
    text-decoration: none;
    }

ul.ui-tabs-list li a:hover {
    background-color: #fff;
    }

ul.ui-tabs-list li a:focus {
    outline: none;
}

ul.ui-tabs-list li a:active, .ui-tabs-selected a,
ul.ui-tabs-list li.ui-tabs-selected a:hover {
    background-color: #fff !important;
    border-bottom: 1px solid #fff;
    color: #000;
    text-decoration: none !important;
    }

.ui-tabs-disabled {
    background-color: #eee !important;
    }

.itmessage-newsitem {
    font-weight: bold;
    margin-bottom: 0.5em;
}

/* --- IT news and service status --------------------------------------------*/

.article h3{
    line-height: 1.25em;
    margin-bottom: 0.5em;
    }

.itmessage-newsdate {
    color: #cfcfcf;
    display: block;
    font-variant: small-caps;
    font-weight: normal;
    }

.itnews-newsdate {
    color: #888888;
    display: block;
    font-variant: small-caps;
    font-weight: normal;
    margin-bottom: 0.5em;
    }

#itmessage-service-status{
    height: 32px;
    margin-bottom: 1em;
    }

#itmessage-service-status img {
    position: absolute;
    }

#itmessage-service-status p {
    left: 40px;
    line-height: 32px;
    position: relative;
    }


#itmessage-service-status a:link,
#itmessage-service-status a:visited  {
    color: #000;
color: #fff;
    font-weight: bold;
    text-decoration: none;
    }

#itmessage-service-status a:hover,
#itmessage-service-status a:active  {
    color: #00529b;
    text-decoration: underline;
    }

/* Moved from v2-css_itsupport-home.css */
.btn {
     -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  background-color: rgb(130,186);
  background-color: rgba(130,186,0,0.8);
  color: #fff;
  cursor: pointer;
  display: inline-block;
  line-height: 20px;
  margin-bottom: 10px;
  padding: 4px 12px;
  text-align: center;
  vertical-align: middle;
}
.btn a:link, 
.btn a:visited {
    color: #fff;
    text-decoration: none !important;
}
.btn a:hover {
    color: #fff !important;
}
.btn:hover {
    background-color: rgba(130,186,0,1);
}

.viewall {
    font-size: 0.9em;
}

#helpdesk-list a:link, #helpdesk-list a:visited,
ul#service-status-links a:link, ul#service-status-links a:visited {
    text-decoration: underline !important;
}

#helpdesk-list a:hover, #helpdesk-list a:active,
ul#service-status-links a:hover, ul#service-status-links a:active {
    text-decoration: none !important;
}

div#feeds {
    margin: 0;
    padding: 0 10px 0 0;
}

div#feeds p {
    float: left;
    margin: 0;
    padding: 0 10px 0 0;
}