﻿/* corp-neutral.css - new default corporate style for pages without an assigned 
target audience. Layout information shared with other audience styles and is kept in layout.css */
/* ############## START BANNER STYLES ############### */
/* headerBox is the containing div for all the header elements */

#headerBox {
    background-color: #00ADEF;
}

/* "information about" bar (has a gradient fill background image) */
#headerBox #topBar1 {
    background: url("/isc/huddersfield/Images_Foundation/neutral-topbar-faderight.gif");
    background-repeat: repeat-y;
    background-color: #69c2ec;
    border-bottom: 1px solid #FFFFFF; 
}

/* list items in "information about/for". Colour is set to the non link text 
(ie informaiton for/about labels) and given white left border to divide links */
#headerBox li {
    color: #000000;
    border-left: 1px solid #FFFFFF;
}

/* link styles for "information for/about" */
#headerBox li a {
    color: #FFFFFF;
}
    
/* link hover styles for "information for/about" */
#headerBox li a:hover {
    color: #ffff33;
}

/* container div for search form on bottom right of banner, needed to set 
positioning context for the form */
#searchForm {
    color: #FFFFFF;
}

/* breadcrumbBox is the list of breadcrumb links. It has a top-to-bottom 
gradient background */
#breadcrumbBox, #breadcrumbBox2 {
    background-image: url("/isc/huddersfield/Images_Foundation/neutral-breadcrumb-fadeup.gif");
    background-repeat: repeat-x;
    background-color: #00ADEF;
}

#breadcrumbBox li, #breadcrumbBox2, #breadcumbBox2 li {
    color: #FFFFFF;
}

#breadcrumbBox li a, #breadcrumbBox2 a {
    color: #FFFFFF;
}

#breadcrumbBox li a:hover, #breadcrumbBox2 a:hover {
    color: #ffff33;
}

/* ############## CONTEXT NAV STYLES ############### */
/* nav container with curved bottom graphic */
#contextNavBox ul {
    background: url("/isc/huddersfield/Images_Foundation/neutral-nav-bottom.gif");
    background-repeat: no-repeat;
    background-position: bottom;
}

/* add background colour and image  */
#contextNavBox ul li a, #contextNavBox ul li form {
    background: url("/isc/huddersfield/Images_Foundation/neutral-nav-dimright-out.gif");
    background-repeat: repeat-y;
    background-position: right;
    background-color: #00ADEF;
    color: #FFFFFF;
    border-top: 1px solid #94d6f1;
    border-bottom: 1px solid #249bcc;
}

/* add mouseover effects */
#contextNavBox ul li a:hover {
    background: url("/isc/huddersfield/Images_Foundation/neutral-nav-dimright-over.gif");
    background-repeat: repeat-y;
    background-position: right;
    background-color: #90d8f6;
    border-top: 1px solid #afe2f8;
    border-bottom: 1px solid #40aad5;
}

/* Study Group solution for 2nd level navigation items */
/* bespoke styles also in layout.css*/
#contextNavBox ul.secondLevel {
    background: none;
    margin: 0;
    padding: 0;   
}
#contextNavBox ul.secondLevel li a {
    font-size: 0.7em;
    color: #000000;    
}
/* End Study Group solution for 2nd level navigation items */

/* ############## FOOTER STYLES ############### */
/* set footer backround image and colours */
#footerBox {
    background: url("/isc/huddersfield/Images_Foundation/neutral-footer-fadeup.gif");
    background-position: top;
    background-repeat: repeat-x;
    background-color: #64c0ec;
    color: white;
}

/* give links list white bottom border */
#footerBox ul {
    border-bottom: 1px solid #FFFFFF;
}

/* set white right border to divide items visually */
#footerBox ul li {
    border-right: 1px solid #FFFFFF;
}

/* last item in the link list needs no right border */
#footerBox ul li.last {
    border-right: none;
}

/* set the link styles for the list */
#footerBox a {
    color: white;
}

/* hover style for the links */
#footerBox a:hover {
    color: #ffff33;
}

/* ############## BASIC BODY CONTENT STYLES ############### */

#contentBox h1, #contentBox h2, #contentBox h3, #contentBox h4, #contentBox h5, #contentBox h6 {
    color: #003976;
}

/* set body text colour */
#contentBox p, #contentBox li, #contentBox td {
    color: #625454;
}

#contentBox a:link,#contentBox a:hover,#contentBox a:visited{
padding: 0px 1px;
}

#contentBox a:link {
    color: #003976;
    text-decoration: none;
    border-bottom: 1px solid #BFDEFF;
}

#contentBox a:visited {
    color: #4F75Af;
    text-decoration: none;
    border-bottom: 1px solid #95C8FF;
}

#contentBox a:hover {
    color: #FFFFFF;
    background-color: #1d427c;
    text-decoration: none;
    border-bottom: none;
}
#contentBox a:active {
    color: #9DB3D2;
    background-color:#1d427c;
    text-decoration: none;
}
#contentBox a:active:hover {
    color: #9DB3D2;
    background-color:#1d427c;
    text-decoration: none;
}


/* to prevent nested tags from overgrowing */
td li, li li, li p, blockquote p, p select, p input, td p, td input, form input, form select, p td {
    font-size: 1em;
}

#contentBox img.bordered, #contentBox img.borderpad {
    border: 1px #003976;
}

#contentBox table {
    border: 1px solid #003976;
}

#contentBox th {
    background-color: #00ADEF;
    color: #FFFFFF;
    border: 1px solid #003976;
}

#contentBox td {
    border: 1px solid #003976;
}

#contentBox blockquote {
    border: 1px solid #003976; 
    background-color: #fdfefe;    
}

#contentBox input[type="text"], textarea, select {
    border: 1px solid #003976; 
}

/* ==== Study Group's  Meet Students table ============= */
#profiles table, #profiles table td 
{
    border: none;    
}
/* ==== End Study Group's  Meet Students table =========== */

/* ==== Study Group's bespoke table ==== */
#contentBox table.noborders
{
    border: none;
}
#contentBox table.noborders td 
{
    border: none;
}
/* ==== End Study Group's bespoke table ==== */
