body {
    color: #2E2E2E; 
    background-color: #FFFFFF;

    /* if navbar-fixed-top then need padding*/
    /*padding-top: 70px;*/    
    }
        
    /* fix form style */
    .form-control option{
    border: 0px;
    }    
    /*input[type=text]*/
    
    .form-control {
    width: auto;
    }

    .input-group-addon{
    width: auto;
    }
    
      .margin-12{
    margin: 12px;
    }
    
    .clear-well
    {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    border-radius: 4px;
    /*box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) inset;*/
    }
    
    /* change form text colour */
    button, input, optgroup, select, textarea{
    color: #000000;
    }
    
    /* breadcrumb, panel, well and jumbotron text/bg color and borders */
    .breadcrumb, .breadcrumb a, .breadcrumb a:visited, .breadcrumb > li + li:before, .well, .panel-body, .panel-body a, .panel-body a:visited, .jumbotron, .jumbotron p {
    color: #333333;
    background-color: #E0F0FF;
    }
    
    .panel-default > .panel-heading{
    color: #4D4D4D;
    background-color: #A4CBED;
    }
    
    .panel-default, .well, .jumbotron, hr , .panel-default > .panel-heading {
    border-color: #8FB1CF;
    }
    
    .centred{
    margin: 0 auto;
    }
    
    /*
    hover dropdowns
    */
    .dropdown:hover .dropdown-menu {
	display: block;
    }
    
    .site_footer {
	background-color: #000800;
	border-color: #110022;
	color: #EEEEEE;
	padding: 16px 16px 22px 16px;
		    border-bottom-right-radius: 8px;
	    border-bottom-left-radius: 8px;
	        }
  
    .site_footer a, .site_footer a:link, site_footer a:visited, site_footer a:hover, site_footer a:active {
    color: #EEEEEE !important;
    }
    
    
    .nav_logo{
     font-size: 42px;
     color: #EEEEEE;
     padding-right: 50px;
     padding-left: 12px;
    }
    
   
    /*
    navbar colour scheme
    */
    
    .navbar-default {
	    background-color: #000800;
	    /*border-color: #110022;*/
	    box-shadow: 0px 3px 11px 0px rgba(50, 50, 50, 0.48);
	    
    }
    .navbar-default .navbar-brand {
	    color: #EEEEEE;
	    padding-top: 25px;
    }
    .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
	    color: #EEEEEE;
    }
    .navbar-default .navbar-text {
	    color: #EEEEEE;
    }
    .navbar-default .navbar-nav > li > a {
	    color:#EEEEEE;
    }
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	    color: #FFFFFF;
	    background-color: #2271BF;
    }
    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	    color: #FFFFFF;
	    background-color: #2271BF;
    }
    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	    color: #FFFFFF;
	    background-color: #2271BF;
    }
    .navbar-default .navbar-toggle {
	    border-color: #2271BF;
	    color: #FFFFFF;
    }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	    background-color: #FFFFFF;
	    color: #2271BF;
    }
    
    .navbar-default .navbar-toggle .icon-bar {
	    background-color: #2271BF;
	    color: #FFFFFF;
    }    
    
    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
	    border-color: #555555;
    }
    .navbar-default .navbar-link {
	    color: #ff0000;
    }
    .navbar-default .navbar-link:hover {
	    color: #00ff00;
    }
    
    .dropdown-menu > li > a:hover {
	background-color: #2271BF;
	color: #FFFFFF; 
    }
    

    /* change navbar height/ padding */
    .navbar-nav > li > a  {
       padding-top: 28px !important;
       padding-bottom: 28px !important;
    }
    
    .navbar-text{
       margin-top: 28px !important;
       margin-bottom: 28px !important;
    }
        
    .navbar {
    /*min-height: 80px !important;*/
    border: none !important; 
    }
    
    /* mobile size*/
    @media (max-width: 767px) {
	    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
		    color: #EEEEEE;
	    }
	    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
		    color: #FFFFFF;
		    background-color: #2271BF;
	    }
	    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
		    color: #EEEEEE;
		    background-color: #000800;
	    }
	    .navbar-default .navbar-brand {
	    padding-top: 15px;
	    }
    }
    
    
    .carousel-caption h1 .carousel-caption p .carousel-caption a  {	
	color: #FFFFFF;	
    }
 
    .carousel-highlight{
	display: inline;
	color: #FFFFFF;
	background: #2271BF;
	box-shadow: 15px 0 0 #2271BF, -15px 0 0 #2271BF;
	box-decoration-break: clone;
	padding-top: 8px;
	padding-bottom: 8px;
    }
    .carousel-highlight a{
    	color: #FFFFFF !important;
    }
    .carousel h1 {
    text-align: left;
    width: 75%;
    line-height: 50px;
    letter-spacing: 5px;
    font-size: 25px;
    }
 
   
    
    /* make sidebar nav vertical */ 
    @media (min-width: 768px) {
      .sidebar-nav .navbar .navbar-collapse {
	padding: 0;
	max-height: none;
      }
      .sidebar-nav .navbar ul {
	float: none;
      }
      .sidebar-nav .navbar ul:not {
	display: block;
      }
      .sidebar-nav .navbar li {
	float: none;
	display: block;
      }
      .sidebar-nav .navbar li a {
	padding-top: 12px;
	padding-bottom: 12px;
      }
    }
    
    
    /*
    end
    */
        
    
    p {color:#2E2E2E;}
    
    h1 {color:#555555; }
    h2 {color:#555555; }
    h3 {color:#555555; }
    h4 {color:#555555; }
    
    a {color:#4E4E4E;}
    a:visited, a:hover{color:#0E0E0E;}
    
    
    .rounded {
	border-radius: 6px;
    }
    
    .discussion_icon{
     vertical-align: baseline;
    }
    
    
    /*news*/
    
    .div_news_column{
    	margin: 4px 2px 12px 4px;
	padding-left:12px; 
	border-bottom: solid 1px #8FB1CF;
    }
    
    .div_news_header_container	{
	clear: both; 
	float:  left; 
	width: 100%; 
	height: auto;
	overflow: hidden;
	}
    
    .news_header_left{
    	float: left;
    	width: 54px;
    }
 
    .news_title{
    	margin: 0px 2px 12px 2px;
    	padding: 0px 0px 0px 0px;
    	/*float: left;*/
    }
    
    .news_title h2{
    	padding: 0px 0px 11px 4px;
    	margin: 0px 0px 12px 0px;
    	vertical-align: middle;
    }
    
    .news_date{
    	background: url(https://spider.science.strath.ac.uk/immpaqkt//pics/icon_cal.png) no-repeat;
    	width: 48px;
    	height: 52px;
    }
    
    .news_y{
    	font-size: 9px;
    	display: block;
    	text-align: center;
    	color: #eeeeee;
    	padding-top: 3px;
    }
    .news_d{
    	font-size: 14px;
    	display: block;
    	text-align: center;
    	color: #333333;
    	padding: 1px 2px 0px 1px;
    	font-weight: bold;
    	font-family: Arial,Geneva,Helvetica,sans-serif;
    	line-height: 14px;
    }
    .news_m{
	font-size: 9px;
    	display: block;
    	text-align: center;
    	color: #555555;
    	padding-top: 0px;  
	font-family: Arial,Geneva,Helvetica,sans-serif;	
    }

    
    .news_body{
    	padding: 4px 4px 12px 4px;
    	border-bottom: 1px solid #8FB1CF; 

    }
    
    .news_link{
    }
    
    
    
    /* tool icons */
    
    .tool_icons{
	list-style-type:none;
	margin:20px 0px 40px 40px;
	display:block;
    }
    
    .tool_icons li{
	float: left;
	height: 57px;
    	width: 59px;
	display:block;
	margin: 4px 17px 60px 17px;
    }

    .tool_icon_div{
    	float: left;
    	padding: 58px 2px 2px 2px;    	
	width: 60px;
    }
    
    .tool_icons p{
	text-align: center;
    }
        
    .tool_sprite{
    	background: url(https://spider.science.strath.ac.uk/immpaqkt//pics/sprite_icons.png) no-repeat;
    }
    
    .icon_profile{background-position: -57px 1px;}
    .icon_profile:hover{background-position: 1px 1px;}
    .icon_discussion{background-position: -57px -56px;}
    .icon_discussion:hover{background-position: 1px -56px;}
    .icon_documents{background-position: -57px -112px;}
    .icon_documents:hover{background-position: 1px -112px;}
    .icon_gallery{background-position: -57px -168px;}
    .icon_gallery:hover{background-position: 1px -168px;}
    .icon_meetings{background-position: -57px -224px;}
    .icon_meetings:hover{background-position: 1px -224px;}
    
    .icon_links{background-position: -173px 1px;}
    .icon_links:hover{background-position: -115px 1px;}
    .icon_news{background-position: -173px -56px;}
    .icon_news:hover{background-position: -115px -56px;}
    .icon_pages{background-position: -173px -112px;}
    .icon_pages:hover{background-position: -115px -112px;}
    .icon_navigation{background-position: -173px -168px;}
    .icon_navigation:hover{background-position: -115px -168px;}
    .icon_config{background-position: -173px -224px;}
    .icon_config:hover{background-position: -115px -224px;}
    
    .icon_users{background-position: -289px 1px;}
    .icon_users:hover{background-position: -231px 1px;}
    .icon_users_add{background-position: -289px -56px;}
    .icon_users_add:hover{background-position: -231px -56px;}
    .icon_users_edit{background-position: -289px -112px;}
    .icon_users_edit:hover{background-position: -231px -112px;}
    .icon_users_delete{background-position: -289px -168px;}
    .icon_users_delete:hover{background-position: -231px -168px;}
        
    .icon_lock{background-position: -289px -224px;}
    .icon_lock:hover{background-position: -231px -224px;}
    
    .icon_mail{background-position: -405px 1px;}
    .icon_mail:hover{background-position: -347px 1px;}
    .icon_mail_archive{background-position: -405px -56px;}
    .icon_mail_archive:hover{background-position: -347px -56px;}
        
    .icon_calendar{background-position: -405px -112px;}
    .icon_calendar:hover{background-position: -347px -112px;}
    .icon_event_add{background-position: -405px -168px;}
    .icon_event_add:hover{background-position: -347px -168px;}
    .icon_event_edit{background-position: -405px -224px;}
    .icon_event_edit:hover{background-position: -347px -224px;}
    
    .icon_upload{background-position: -57px -280px;}
    .icon_upload:hover{background-position: 1px -280px;}
    .icon_download{background-position: -173px -280px;}
    .icon_download:hover{background-position: -115px -280px;}    
    .icon_edit_list{background-position: -289px -280px;}
    .icon_edit_list:hover{background-position: -231px -280px;}
    .icon_search_users{background-position: -405px -280px;}
    .icon_search_users:hover{background-position: -347px -280px;}    
    
    .icon_fees{background-position: -57px -336px;}
    .icon_fees:hover{background-position: 1px -336px;} 
    .icon_q{background-position: -173px -336px;}
    .icon_q:hover{background-position: -115px -336px;} 
    .icon_q_edit{background-position: -289px -336px;}
    .icon_q_edit:hover{background-position: -231px -336px;} 
    .icon_rx{background-position: -405px -336px;}
    .icon_rx:hover{background-position: -347px -336px;}
    
    .icon_signage_view{background-position: -57px -394px;}
    .icon_signage_view:hover{background-position: 1px -394px;}
    .icon_signage_edit{background-position: -173px -394px;}
    .icon_signage_edit:hover{background-position: -115px -394px;}
    .icon_flask{background-position: -289px -394px;}
    .icon_flask:hover{background-position: -231px -394px;}
    .icon_spill{background-position: -405px -394px;}
    .icon_spill:hover{background-position: -347px -394px;}
    
    .icon_search_doc{background-position: -57px -450px;}
    .icon_search_doc:hover{background-position: 1px -450px;}
    .icon_search_form{background-position: -173px -450px;}
    .icon_search_form:hover{background-position: -115px -450px;}
    
    /* end tool icons */
    	    
   
    
  /*
tabbed content
*/
    
.tablist{
padding: 3px 0;
margin-left: 10px;
margin-bottom: 0;
margin-top: 0.1em;
}

.tablist li{
float: left;
position: relative; 
list-style: none;
display: inline;
margin: 2px 2px 2px 6px;
padding: 4px;

border-top-left-radius: 12px; 
border-top-right-radius: 12px; 

overflow:hidden;
}

.tablist a{
    text-decoration: none;
}

.tablistOff a{
color: #EEEEEE;
}

.tablistOn{
cursor: pointer; 
border-left: solid 2px #000800; 
border-right: solid 2px #000800; 
border-top: solid 2px #000800; 
border-bottom: solid 2px #FFFFFF;
background-color: #FFFFFF;
z-index:4;
}    

.tablistOff{
cursor: pointer; 
background-color:#000800; 
border: 2px solid #000800; 
z-index:3;
}    


.tabContentOn{
position: relative; 
clear: both; 
border: solid 2px #000800; 
background-color: #FFFFFF;
padding: 22px 12px 12px 40px; 
top: -4px;
z-index:2;
border-top-left-radius: 12px; 
border-top-right-radius: 12px; 
}

.tabContentOff{
position:relative; 
clear: both; 
display: none; 
border: solid 2px #000800; 
padding:6px; 
top:-4px; 
z-index:2;
border-top-left-radius: 12px; 
border-top-right-radius: 12px; 
}
    
/*
bottom tabs
*/

.tablist_bottom {
padding: 0;
margin-left: 0;
margin-bottom: 0.2em;
margin-top: 0;
}

.tablist_bottom li{
float: left;
position: relative; 
list-style: none;
display: inline;
margin: 0px 2px 6px 6px;
padding: 0px 4px 4px 4px;
border-bottom-left-radius: 22px; 
border-bottom-right-radius: 22px; 
overflow:hidden;
}

.tab_content_div{
 padding: 12px 12px 20px 12px;
}

/*
end tabbed content
*/