/* 
* Amazium V1.2
* Copyright 2012, Mike Ballan
* www.amazium.co.uk
*/

.edge
{
border:3px solid fuchsia;
}


/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

/***** Screen 960px *****/


.searchrow
{
	/*width:225px;*/
	width:440px;
	float:left;
	margin-top:10px;
	margin-bottom:5px;
}

.basic-search
{
	float:left;
	/*width:220px;*/
}

.basic-search-box
{
	border:1px solid #ddd;
	height:30px;
	/*width:200px;*/
	width:340px;
	line-height:20px;
	padding:5px;
	font-size:16px;
	float:left;
	margin-right:10px;
}
.search-label
{
	line-height:40px;
	font-size:20px;
	float:left;
	margin-right:5px;
	clear:both;
}

.searchbutton
{
	margin-top:10px;
	margin-bottom:5px;
	float:left;
}

.searchbutton #searchpeople
{
	/*margin-top:40px;*/
	float:left;
	clear:right;
}

.ms-srch-result #ResultHeader
{
	font-size:1.2em;
	float:right;
	margin-top:0;
}

/* SHAREPOINT
================================================ */ 

.cbs-List li
{
	margin:0px;
	padding:0px;
}

.ms-webpartzone-cell
{
	margin-bottom:0px;
}

.ms-formfieldvaluecontainer {
    background-color: #efefef;
    border: 1px solid #ddd;
    padding: 5px;
    line-height: normal;
}

.ms-formfieldlabelcontainer {
    background-color: #ddd;
    border: 1px solid #ddd;
    font-size: 14px;
    line-height: normal;
    font-family: 'Open Sans', arial;
    font-weight: lighter;
    color: #666;
    padding: 5px;
    margin: 0px;
}

.ms-srch-ellipsis
{
	white-space:normal;
	overflow:visible;
	margin-bottom:0px;
} 

.ms-srch-item-body
{
	width:405px;	 
	margin-bottom:10px; 
	padding:10px;
}

.ms-srch-item-path
{
	display:none;	
}

.displaymode .ms-webpart-chrome, 
.displaymode .ms-webpart-chrome-vertical, 
.displaymode .ms-webpart-cell-vertical, 
.displaymode .ms-webpart-zone,
.displaymode ul.cbs-List {
    display: block; /* overrides default "display:table" which causes rendering issues in responsive styles */
}

.displaymode .pagecontent img {
	max-width: 100%;
	height:auto;
}

/*SEARCH OVERRIDE*/

#main-search
{
	font-size:1.3em;
	width:220px;
	border:none; 
}
#main-search-button
{ 
	background-image:url('../images/search_button.png');
	width:25px;
	height:25px;
	min-width:25px !important;
	margin-left:0px;
	padding:0px !important;
	border:0px !important;
}

#SearchBox .ms-srch-sb-border { 
    border: none;
}

.ms-srch-sbLarge {
    border: 1px solid #ddd !Important;
    background-color: #f4f4f4;
}

.ms-srch-item {
	width:inherit; /* Overrides SharePoint's default fixed width of 500px */
}

.ms-srch-item:hover {
    background-color: none !important;
}

.uon-searchresults-message {
	margin: 0 10px 15px;
}

.lower {
	text-transform:lowercase;
}

.ms-srch-result-groups li {
	margin-left: 25px !important;
}

#s4-titlerow
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;	
}

[class]#pageStatusBar, .ms-status-msg
{
	margin-bottom:0px;
}

.ms-ToolPaneOuter {margin-top:0px; position:absolute; right:0px; top:150px;}
.ms-ToolPaneBody{overflow-y:scroll !important;overflow-x:hidden !important}


/* Page Layout Defaults */
#UoN_Ribbon
{
	z-index:999;
	position:relative;
	width:100%;
}

.publishing-control
{
	background-color:#efefef;
	border:1px solid #999;
	margin-bottom:10px;
}

.publishing-control-wrapper
{
	display:none;		
	padding:5px;
}

.publishing-control h3
{
	background-color:#ddd;	
	padding:5px;
	margin:0px 0px 1px 0px;
}

/***** Display Templates *****/


.ics-promlink-button-image
{
	width:18px;
	height:18px;
	display:inline-block;
	position:relative;
	overflow:hidden;
}

.ics-promlink-button
{
	width:18px;
	height:18px;
	display:inline-block;
	border:none;
}

.ics-ms-promlink-button-disabled
{

}

.ics-promlink-button-left-disabled
{
	left:-18px;
	position:relative;
}

.ics-promlink-button-left
{
	top:-18px;
	left:-18px;
	position:relative;
}

.ics-promlink-button-right-disabled
{
	position:relative;	
}

.ics-promlink-button-right
{
	top:-18px;
	position:relative;
	
}

/* JADU STYLES
================================================= */
.linkText
{
	padding-left:5px;
	display:block;
}
.new_widget { float:left;  }
.stacking { margin: 0 0 10px 0; width:100%; clear:both; }

.width2 {width:1%;margin:0 1% 0 0;} .width3 {width:2%;margin:0 1% 0 0;} .width4 {width:3%;margin:0 1% 0 0;} .width5 {width:4%;margin:0 1% 0 0;} .width6 {width:5%;margin:0 1% 0 0;} .width7 {width:6%;margin:0 1% 0 0;} .width8 {width:7%;margin:0 1% 0 0;} .width9 {width:8%;margin:0 1% 0 0;} .width10 {width:9%;margin:0 1% 0 0;} .width11 {width:10%;margin:0 1% 0 0;} .width12 {width:11%;margin:0 1% 0 0;} .width13 {width:12%;margin:0 1% 0 0;} .width14 {width:13%;margin:0 1% 0 0;} .width15 {width:14%;margin:0 1% 0 0;} .width16 {width:15%;margin:0 1% 0 0;} .width17 {width:16%;margin:0 1% 0 0;} .width18 {width:17%;margin:0 1% 0 0;} .width19 {width:18%;margin:0 1% 0 0;} .width20 {width:19%;margin:0 1% 0 0;} .width21 {width:20%;margin:0 1% 0 0;} .width22 {width:21%;margin:0 1% 0 0;} .width23 {width:22%;margin:0 1% 0 0;} .width24 {width:23%;margin:0 1% 0 0;} .width25 {width:24%;margin:0 1% 0 0;} .width26 {width:25%;margin:0 1% 0 0;} .width27 {width:26%;margin:0 1% 0 0;} .width28 {width:27%;margin:0 1% 0 0;} .width29 {width:28%;margin:0 1% 0 0;} .width30 {width:29%;margin:0 1% 0 0;} .width31 {width:30%;margin:0 1% 0 0;} .width32 {width:31%;margin:0 1% 0 0;} .width33 {width:32%;margin:0 1% 0 0;} .width34 {width:33%;margin:0 1% 0 0;} .width35 {width:34%;margin:0 1% 0 0;} .width36 {width:35%;margin:0 1% 0 0;} .width37 {width:36%;margin:0 1% 0 0;} .width38 {width:37%;margin:0 1% 0 0;} .width39 {width:38%;margin:0 1% 0 0;} .width40 {width:39%;margin:0 1% 0 0;} .width41 {width:40%;margin: 0 1% 0 0;} .width42 {width:41%;margin: 0 1% 0 0;} .width43 {width:42%;margin: 0 1% 0 0;} .width44 {width:43%;margin: 0 1% 0 0;} .width45 {width:44%;margin: 0 1% 0 0;} .width46 {width:45%;margin: 0 1% 0 0;} .width47 {width:46%;margin: 0 1% 0 0;} .width48 {width:47%;margin: 0 1% 0 0;} .width49 {width:48%;margin: 0 1% 0 0;} .width50 {width:49%;margin: 0 1% 0 0;} .width51 {width:50%;margin: 0 1% 0 0;} .width52 {width:51%;margin: 0 1% 0 0;} .width53 {width:52%;margin: 0 1% 0 0;} .width54 {width:53%;margin: 0 1% 0 0;} .width55 {width:54%;margin: 0 1% 0 0;} .width56 {width:55%;margin: 0 1% 0 0;} .width57 {width:56%;margin: 0 1% 0 0;}  .width58 {width:57%;margin: 0 1% 0 0;} .width59 {width:58%;margin: 0 1% 0 0;} .width60 {width:59%;margin: 0 1% 0 0;} .width61 {width:60%;margin: 0 1% 0 0;} .width62 {width:61%;margin: 0 1% 0 0;} .width63 {width:62%;margin: 0 1% 0 0;} .width64 {width:63%;margin: 0 1% 0 0;} .width65 {width:64%;margin: 0 1% 0 0;} .width66 {width:65%;margin: 0 1% 0 0;} .width67 {width:66%;margin: 0 1% 0 0;} .width68 {width:67%;margin: 0 1% 0 0;} .width69 {width:68%;margin: 0 1% 0 0;} .width70 {width:69%;margin: 0 1% 0 0;} .width71 {width:70%;margin: 0 1% 0 0;} .width72 {width:71%;margin: 0 1% 0 0;} .width73 {width:72%;margin: 0 1% 0 0;} .width74 {width:73%;margin: 0 1% 0 0;} .width75 {width:74%;margin: 0 1% 0 0;} .width76 {width:75%;margin: 0 1% 0 0;} .width77 {width:76%;margin: 0 1% 0 0;} .width78 {width:77%;margin: 0 1% 0 0;} .width79 {width:78%;margin: 0 1% 0 0;} .width80 {width:79%;margin: 0 1% 0 0;} .width81 {width:80%;margin: 0 1% 0 0;} .width82 {width:81%;margin: 0 1% 0 0;} .width83 {width:82%;margin: 0 1% 0 0;} .width84 {width:83%;margin: 0 1% 0 0;} .width85 {width:84%;margin: 0 1% 0 0;} .width86 {width:85%;margin: 0 1% 0 0;} .width87 {width:86%;margin: 0 1% 0 0;} .width88 {width:87%;margin: 0 1% 0 0;} .width89 {width:88%;margin: 0 1% 0 0;} .width90 {width:89%;margin: 0 1% 0 0;} .width91 {width:90%;margin: 0 1% 0 0;} .width92 {width:91%;margin: 0 1% 0 0;} .width93 {width:92%;margin: 0 1% 0 0;} .width94 {width:93%;margin: 0 1% 0 0;} .width95 {width:94%;margin: 0 1% 0 0;} .width96 {width:95%;margin: 0 1% 0 0;} .width97 {width:96%;margin: 0 1% 0 0;} .width98 {width:97%;margin: 0 1% 0 0;} .width99 {width:98%;margin: 0 1% 0 0;}
.lastWidget2 {width:2%;margin:0 0 0 0;} .lastWidget3 {width:3%;margin:0 0 0 0;} .lastWidget4 {width:4%;margin:0 0 0 0;} .lastWidget5 {width:5%;margin:0 0 0 0;} .lastWidget6 {width:6%;margin:0 0 0 0;} .lastWidget7 {width:7%;margin:0 0 0 0;} .lastWidget8 {width:8%;margin:0 0 0 0;} .lastWidget9 {width:9%;margin:0 0 0 0;} .lastWidget10 {width:10%;margin:0 0 0 0;} .lastWidget11 {width:11%;margin:0 0 0 0;} .lastWidget12 {width:12%;margin:0 0 0 0;} .lastWidget13 {width:13%;margin:0 0 0 0;} .lastWidget14 {width:14%;margin:0 0 0 0;} .lastWidget15 {width:15%;margin:0 0 0 0;} .lastWidget16 {width:16%;margin:0 0 0 0;} .lastWidget17 {width:17%;margin:0 0 0 0;} .lastWidget18 {width:18%;margin:0 0 0 0;} .lastWidget19 {width:19%;margin:0 0 0 0;} .lastWidget20 {width:20%;margin:0 0 0 0;} .lastWidget21 {width:21%;margin:0 0 0 0;} .lastWidget22 {width:22%;margin:0 0 0 0;} .lastWidget23 {width:23%;margin:0 0 0 0;} .lastWidget24 {width:24%;margin:0 0 0 0;} .lastWidget25 {width:25%;margin:0 0 0 0;} .lastWidget26 {width:26%;margin:0 0 0 0;} .lastWidget27 {width:27%;margin:0 0 0 0;} .lastWidget28 {width:28%;margin:0 0 0 0;} .lastWidget29 {width:29%;margin:0 0 0 0;} .lastWidget30 {width:30%;margin:0 0 0 0;} .lastWidget31 {width:31%;margin:0 0 0 0;} .lastWidget32 {width:32%;margin:0 0 0 0;} .lastWidget33 {width:33%;margin:0 0 0 0;} .lastWidget34 {width:34%;margin:0 0 0 0;} .lastWidget35 {width:35%;margin:0 0 0 0;} .lastWidget36 {width:36%;margin:0 0 0 0;} .lastWidget37 {width:37%;margin:0 0 0 0;} .lastWidget38 {width:38%;margin:0 0 0 0;} .lastWidget39 {width:39%;margin:0 0 0 0;} .lastWidget40 {width:40%;margin:0 0 0 0;} .lastWidget41 {width:41%;margin:0 0 0 0;} .lastWidget42 {width:42%;margin:0 0 0 0;} .lastWidget43 {width:43%;margin:0 0 0 0;} .lastWidget44 {width:44%;margin:0 0 0 0;} .lastWidget45 {width:45%;margin:0 0 0 0;} .lastWidget46 {width:46%;margin:0 0 0 0;} .lastWidget47 {width:47%;margin:0 0 0 0;} .lastWidget48 {width:48%;margin:0 0 0 0;} .lastWidget49 {width:49%;margin:0 0 0 0;} .lastWidget50 {width:50%;margin:0 0 0 0;} .lastWidget51 {width:51%;margin:0 0 0 0;} .lastWidget52 {width:52%;margin:0 0 0 0;} .lastWidget53 {width:53%;margin:0 0 0 0;} .lastWidget54 {width:54%;margin:0 0 0 0;} .lastWidget55 {width:55%;margin:0 0 0 0;} .lastWidget56 {width:56%;margin:0 0 0 0;} .lastWidget57 {width:57%;margin:0 0 0 0;} .lastWidget58 {width:58%;margin:0 0 0 0;} .lastWidget59 {width:59%;margin:0 0 0 0;} .lastWidget60 {width:60%;margin:0 0 0 0;}  .lastWidget61 {width:61%;margin:0 0 0 0;} .lastWidget62 {width:62%;margin:0 0 0 0;} .lastWidget63 {width:63%;margin:0 0 0 0;} .lastWidget64 {width:64%;margin:0 0 0 0;} .lastWidget65 {width:65%;margin:0 0 0 0;} .lastWidget66 {width:66%;margin:0 0 0 0;} .lastWidget67 {width:67%;margin:0 0 0 0;} .lastWidget68 {width:68%;margin:0 0 0 0;} .lastWidget69 {width:69%;margin:0 0 0 0;} .lastWidget70 {width:70%;margin:0 0 0 0;} .lastWidget71 {width:71%;margin:0 0 0 0;} .lastWidget72 {width:72%;margin:0 0 0 0;} .lastWidget73 {width:73%;margin:0 0 0 0;} .lastWidget74 {width:74%;margin:0 0 0 0;} .lastWidget75 {width:75%;margin:0 0 0 0;} .lastWidget76 {width:76%;margin:0 0 0 0;} .lastWidget77 {width:77%;margin:0 0 0 0;} .lastWidget78 {width:78%;margin:0 0 0 0;} .lastWidget79 {width:79%;margin:0 0 0 0;} .lastWidget80 {width:80%;margin:0 0 0 0;} .lastWidget81 {width:81%;margin:0 0 0 0;} .lastWidget82 {width:82%;margin:0 0 0 0;} .lastWidget83 {width:83%;margin:0 0 0 0;} .lastWidget84 {width:84%;margin:0 0 0 0;} .lastWidget85 {width:85%;margin:0 0 0 0;} .lastWidget86 {width:86%;margin:0 0 0 0;} .lastWidget87 {width:87%;margin:0 0 0 0;} .lastWidget88 {width:88%;margin:0 0 0 0;} .lastWidget89 {width:89%;margin:0 0 0 0;} .lastWidget90 {width:90%;margin:0 0 0 0;} .lastWidget91 {width:91%;margin:0 0 0 0;} .lastWidget92 {width:92%;margin:0 0 0 0;} .lastWidget93 {width:93%;margin:0 0 0 0;} .lastWidget94 {width:94%;margin:0 0 0 0;} .lastWidget95 {width:95%;margin:0 0 0 0;} .lastWidget96 {width:96%;margin:0 0 0 0;} .lastWidget97 {width:97%;margin:0 0 0 0;} .lastWidget98 {width:98%;margin:0 0 0 0;} .lastWidget99 {width:99%;margin:0 0 0 0;}
.width100 {width:100%; margin: 0;}	

.row_divider
{
	margin-bottom:10px;
}

.landingShortcuts
{
	text-align:center;
	display:block;
	overflow:visible;
}
.landingShortcuts .h3
{
	margin-top:10px;
	width:100%;	
	display:block;
}
.landingShortcuts img
{
	border:1px solid #ddd;
	padding:5px;
}

.banner
{
	border:1px solid #ddd;
	padding:10px;
	width:95%;
}

#bannerSubContent
{

	float:left;

	padding:0px;
	width:95%;
	margin-bottom:10px;
	
}

.bannerTitle
{
	color:#623e56;
	display:block;
	clear:both;
	font-size:1.4em;
	padding:0px 10px 0px 0px;
}

.bannerText
{
	display:block;
	padding:0px 10px 0px 0px;	
}

.bannerText .linktext
{
	display:block;
	
}

.imageCaptionRight img
{
	float:right;
	border:1px solid #ddd;
	padding:5px;
	margin:0px 0px 20px 20px;
	width:28%;
}
.content-block a
{
text-decoration: 	underline;
}
.content-block ul
{
	margin: 5px;
	margin-top:0;
}
/*
.ms-rte-embedcode {
	height: 0;
	width:100%;
	padding-bottom: 56.5%;
	overflow:hidden;
	position:relative;
}

.ms-rte-embedcode object, .ms-rte-embedcode iframe {
	width:100% ;
	height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.content-block iframe {
	max-width: 100% !important;
}
*/
#suppliment-column
{
	display:none;
}

.content-block li
{
	list-style-type:disc;
	margin: 0px 0px 5px;
}

.content-block li li
{
	margin-left: 25px;
}

.tabset_content
{
	border-left:5px solid #ddd;
	padding-left:20px;
	display:block;
	float:left;
}

.tbDetails
{
	padding:5px 5px 5px 0px;
	margin-bottom:15px;
	display:block;
	text-decoration:none;
}
.tbDetails:hover{
	text-decoration:none;
}

.tbTitle
{
	font-size:1.4em;
	display:block;
}
.tabset_tabs
{
	display:block;
	clear:both;
}
.tabset_tabs li
{
	list-style-type:none;
	background-color:#f4f4f4;
	float:left;
	border:1px solid #ddd;
	padding:5px;

}

.tabset_tabs li a
{
	text-decoration:none;
}

.ui-tabs-panel a[href] /* only targeting links with href attributes so that empty bookmark anchor tags remain unaffected */ 
{
	/* the following are efforts to stop anchor tags from breaking out of the (staff) tabs area when the browser is resized */
	-ms-word-break: break-all;
     word-break: break-all;

     /* Non standard for webkit */
     word-break: break-word;

	-webkit-hyphens: auto;
   	-moz-hyphens: auto;
    hyphens: auto;
        
    display:inline-block;
}

.ui-tabs-panel {
	width: 420px;
}
/* COMMON
================================================= */

body {
    background-color: #6b7073;
    font-family: 'Open Sans', arial;
}

#s4-bodyContainer {
    padding-bottom: 0px !important;
    background-color:#f4f4f4;
}


#wrapper {
    margin: 0 auto;
    padding: 0;
    background-color: #fff;
    width: 960px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.UoNNavigation-Horizontal li
{
	color:#c2c2c2;
	float:left;
	padding:5px 10px 5px 10px;
}

.UoNNavigation-Horizontal li a, .UoNNavigation-Horizontal li a:visited, .UoNNavigation-Horizontal li a:hover
{
	color:#c2c2c2;
}

.UoNBannerWrapper
{
	height:344px;
	overflow:hidden;
}

.cssSwitcher
{
	float:right;
	color:#c2c2c2;
	margin-top:5px;
}

#header-contact-info
{
	color:#c2c2c2;
	float:right;
	font-size:1.4em;
	padding:5px 0px 0px 0px;
	
}
#header-contact-info a, #header-contact-info a:visited, #header-contact-info a:hover
{
	color:#c2c2c2;
	
}

.globalannouncement-bar
{
	background-color: #ffc324;
	color:black;
	padding:15px;
}

.globalannouncement-bar strong
{
	color: black;
	padding-right:10px;	
}

.header-bar
{
	background-color:#6b7073;
	/*padding-top: 50px;*/
}

.main-logo
{
	margin-top:20px;	
	float:left;
}

.content-bar
{
	background-color:#eeebdc;
	padding-bottom:20px;
}

.tagline-bar
{
	background-color:#fff;
	padding:60px 10px 60px 10px;
}

	.tagline-bar .tagline
	{
		text-align:center;
		font-family:Arial, Helvetica, sans-serif;
		font-size:40px;
		color:#000;
		text-transform:uppercase;
		font-weight:bold;
	}
	
	.tagline-bar .tagline .accent
	{
		color:#02a5ae;
	}	


#socialfooter-wrapper
{
	background-color:#f0f0f0;
	border:1px solid #dfdfdf;
	padding:10px;
	margin-top:10px;
	height:30px;
	overflow:hidden;
}

#socialfooter-wrapper h2
{
	float:left;
	color:#000;
	font-size:1.6em;

}

#facebook-wrapper, #twitter-wrapper
{
	float:right; 
	width: 80px;
	margin-top:5px;
}

.social-bar
{
	background-color:#858988;
	padding:30px 0px 30px 0px;
	color:#fff;	
}

	.social-icons
	{
	float:right;
}

	.social-icons li
	{
		float:left;
		margin-left:5px;
	}
	.quotemark
	{
		float:left;
		font-size:6em;	
		width:40px;
		height:50px;
		padding-top:20px;
	}
	
	.twitter-list
	{
		float:left;	
		width:550px;
	}
	.twitter-list li
	{
		margin:0px;
		padding:0px;	
	}
	.twitter-list li p
	{
		font-size:1.3em;
		line-height:25px;		
	}

.footer-bar
{
	background-color:#6b7073;
	color:#fff;
	padding:30px 0px 30px 0px;
	text-align:left;
}

	.footer-bar h4
	{
		color:#fff;	
		font-size:1.2em;
	}

	.footer-links li
	{
		float:left;
		width:300px;
		color:#c2c2c2;
		padding:0px 0px 5px 0px;
		margin:0px 0px 0px 0px;
	}
	
	.footer-links li a
	{
		color:#c2c2c2;	
	}	

	.contact-details h4
	{
		color:#fff;
		font-size:2em;
		text-align:right;
	}

	.contact-details h5
	{
		color:#c2c2c2;	
		font-size:1.8em;
		text-align:right;	
		padding-bottom:10px;			
	}

	.copyright
	{
		color:#c2c2c2;	
		font-size:1.3em;
	}

.breadcrumbbar
{

}

.content-block
{
	background-color:#fff;
	padding:10px;
}
/* NAVIGATION
=================================================== */


.navigation {
    overflow: visible !important;
    float:right;
}

.main-navigation a.selected
{
background-color:#575b5e;
font-weight:bold;
color:#fff;
}

.main-navigation li:hover a.selected
{
color:#fff;
}

.main-navigation ul li:hover{
	background-color:#575b5e;
}


.main-navigation ul ul li:hover{
	background-color:#01a5ae;
}

.main-navigation ul li:hover a
{
		color:#fff;
}
.main-navigation ul ul
{
	border-bottom:5px solid #03a1ad !important;
}

.main-navigation ul ul li
{
	background-color:#575b5e;
	color:#fff;
}
.main-navigation ul li a
{
	color: #fff;
	text-decoration: none;
	font-size:14px; 
	font-family:'Open Sans';	
	padding:10px 13px 10px 13px !important;
}
.main-navigation ul li li a
{
	color:#fff;
}


.selectedNode
{
	font-weight:bold !important;	
	text-decoration:underline !important;
}

.main-navigation ul li.has-popup a
{
	padding: 10px 13px 10px 13px !important;
}
	

.main-navigation ul li ul li
{
border-bottom:1px solid #ddd;
}

#browser-nav
{
	position:relative;
	z-index:100;
}

#mobile-nav select {
    width: 100%;
    border: 1px solid #ddd;
    padding: 10px;
    font-size: 16px;
}

.side-navigation
{
	border-top:1px solid #d7d4c3;
	margin-top:-15px;
}

.side-navigation ul li:hover{
	background-color:#01a5ae;
}

.side-navigation ul ul li:hover{
	background-color:#b9d7d7;
}



.side-navigation ul ul ul li:hover{
	background-color:#b9d7d7;
}

.side-navigation ul ul
{
	background-color:#fff;
	display:none;
}

.side-navigation ul ul ul 
{
	background-color:#f7f4ed;	
}


.side-navigation a.selected
{
font-weight:bold;
}
	
.side-navigation ul li a
{
	color: #333;
	text-decoration: none;
	padding:5px 13px 5px 13px !important;
	white-space: normal !important;
	border-bottom:1px solid #d7d4c3;
}

.side-navigation .menu-item-text
{
	font-size:1.2em !important; 
	font-family:"Open Sans", arial!important;	
}

.side-navigation ul li li a
{
	color:#333;
}

.side-navigation .min
{
	border:0px;
}

.side-navigation ul li.has-popup a
{
	padding: 10px 25px 10px 13px !important;
}
	

.side-navigation ul li ul li
{
border-bottom:1px solid #ddd;
}


/* BREADCRUMB
=================================================== */

.breadcrumb {
    padding: 7px 14px;
    margin: 10px 0px 10px 0px;
    float:left;
    list-style: none;
    color: #666;
    font-family: 'Open Sans', arial;
    font-weight:bold;
}

    .breadcrumb a {
        text-decoration: none;
        color: #36adc1;
    }

        .breadcrumb a:hover {
            text-decoration: underline;
            color: #339933!important;
        }

        .breadcrumb a:visited {
            text-decoration: none;
            color: #36adc1;
        }


    .breadcrumb li {
        display: inline-block;
        *display: inline;
        text-shadow: 0 1px 0 #ffffff;
        *zoom: 1;
    }

    .breadcrumb .divider {
        padding: 0 5px;
        color: #999999;
    }

    .breadcrumb .active a {
        color: #333333;
    }



/* SEARCH
=================================================== */

.searchbar {

}

/*Search Box Styles*/
.s4-search input.ms-sbplain {
    width: 215px !important;
    background-image: none;
    border: 0 none !important;
    height: 22px;
    padding: 4px 2px 2px 9px;
    color: #666;
    font-size: .85em;
    font-style: normal;
}

.s4-search .ms-sbgo {
}

    .s4-search .ms-sbgo a {
        background: url(../images/search_btn.png) no-repeat;
        width: 26px;
        height: 30px;
        display: block;
    }

    .s4-search .srch-gosearchimg, .s4-search .ms-sbgo span {
        display: none;
    }

.adminBar .ms-sbrow a, .ms-sbcell {
    margin: 0;
    padding: 0;
}

.searchbox {
    width: 260px;
    height: 32px;
    float: right;
    margin: 0px 6px 10px 6px;
    background-repeat: no-repeat;
    background-position: right;
    background-color: #fff;
}

#zz1_TopNavigationMenu a.popout
{
	background-image:none !important;
}

.ms-srch-sb {
    width: 260px;
}

    .ms-srch-sb input {
        width: 220px !Important;
        height: 32px;
        border: 0px;
        padding-left: 10px;
        width: 100%;
        margin: 0px 0px 0px 00px;
    }

.ms-srch-sb-searchLink {
    float: right;
    margin-top: 5px;
    margin-right:3px;
}

.rss {
    width: 23px;
    height: 32px;
    float: right;
    margin: 7px 7px 7px 0px;
}

/***** REFINER *****/

.ms-ref-count
{
	color:#fff;
}
.ms-ref-ctrl
{
	background-color:#01a5ae;
	color:#fff !important;
	padding:10px;
}

.slider_extent_label_section
{
	color:#fff;
}

.handle_label, .ms-ref-name, .ms-ref-name:hover, .ms-ref-unsel-toggle
{
	color:#fff !important;
}
.ms-ref-refinername, .ms-ref-refinername:hover
{
	width:160px !important;
	background-color:#01a5ae;
	color:#fff !Important;
	padding:4px !important;
	margin:0px !important;
	font-size:1.5em !important;
}

.ms-ref-refiner #Value
{
	width:160px !important;
	padding:4px !important;
	margin:0px !important;
	border-bottom:1px solid #ddd !important;
}

.ms-ref-selSec
{
	background-color:#efefef;
} 

/* DIRECTORY */

.directoryRecord
{
	width:100%;
}

.directoryRecord td
{
	padding:5px;
}

.directoryRecord tr:nth-child(2n+1)
{
	background-color:rgb(244,243,236);
}


/***** Screen Bigger than 960px *****/
@media only screen and (min-width:1200px) {

	.ms-ref-refinername, .ms-ref-refinername:hover
	{
		width:208px !important;
	}
	
	.ms-ref-refiner #Value
	{
		width:208px !important;
	}

    #wrapper {
        margin: 0 auto;
        padding: 0;
        background-color: #fff;
        width: 1200px;
    }
    .ms-srch-item-body
	{
		width:515px;	
	}

	.tagline-bar .tagline
	{
		font-size:50px;
	}    	        
    
    .ui-tabs-panel 
    {
		width: 530px;
	}

}


/***** Tablet (Smaller than 959px) *****/
@media only screen and (min-width: 768px) and (max-width: 959px) {

    #wrapper {
        margin: 0 auto;
        padding: 0;
        background-color: #fff;
        width: 768px;
    }
    

	.ms-ref-refinername, .ms-ref-refinername:hover
	{
		width:110px !important;
	}
	
	.ms-ref-refiner #Value
	{
		width:110px !important;
	}
    
	
	.main-logo
	{
		margin-top:5px;	
	}  
	
	.searchbox
	{
		margin-top:5px !important;	
	}
	
	.searchbox, .ms-srch-sb
	{
		width:228px;
		margin:0px;
	}
	
	
    /* Staff Search on Directory Page */
	.searchrow
	{
		width:320px;
	}
	.basic-search-box
	{
		width:320px;
	}
	/* /Staff Search on Directory Page */

    	



	#main-search
	{
		width:180px;
	}
	
	#mobile-nav select
	{
		width:400px;
		float:right;
	}
	
	.searchbox .ms-srch-sb input
	{
		width:190px !important;	
	}
	
    
    .ms-srch-item-body
	{
		width:310px;	
	}
	 
	.tagline-bar .tagline
	{
		font-size:30px;
	}    
	.twitter-list
	{
		width:350px;
	}    
	.footer-links li
	{
		width:200px;
	}
	   
	.contact-details h4, .contact-details h5
	{
		font-size:1.5em;	
	}  
	   .new_widget { width:100%; }
	#socialfooter-wrapper	{
		height:60px;
	}
	
	.ui-tabs-panel {
	width: 320px;
	}

   
}


/***** Phone (portrait 300px) *****/
@media only screen and (max-width: 767px) {

    #wrapper {
        margin: 0 auto;
        padding: 0;
        background-color: #fff;
        width: 320px;
    }
  
	.main-logo
	{
		margin-top:5px;	
		margin-bottom:-10px;
	}  
	
	.searchbox, .ms-srch-sb
	{
		width:300px;
		margin:0px;
	}
	#main-search
	{
		width:260px;
	}
	
	.ms-ref-refinername, .ms-ref-refinername:hover
	{
		width:250px !important;
	}
	
	.ms-ref-refiner #Value
	{
		width:250px !important;
	}
	
	
	.searchbox .ms-srch-sb input
	{
		width:250px !important;	
	}
	
    /* Staff Search on Directory Page */
	.searchrow
	{
		width:260px;
	}
	.basic-search-box
	{
		width:260px;
	}
	/* /Staff Search on Directory Page */

	.breadcrumb {
	    margin: 0px 0px 0px 0px;
	}       
    .ms-srch-item-body
	{
		width:260px;	
	}    
	.tagline-bar .tagline
	{
		font-size:25px;
		line-height:30px;
	}  
    	
	.twitter-list
	{
		width:250px;
	} 
	
	.footer-bar h4
	{
		text-align:center;
	}
	
	.footer-links li
	{
		width:300px;
		text-align:center;
	}
	
	.contact-details h4, .contact-details h5
	{
		text-align:center;	
	}
	   .new_widget { width:100%; }
	#socialfooter-wrapper	{
		height:60px;
	}
	
	.ui-tabs-panel {
		width: 260px;
	}

}



/***** Phone (landscape 420px) *****/
@media only screen and (min-width: 480px) and (max-width: 767px) {

     #wrapper {
        margin: 0 auto;
        padding: 0;
        background-color: #fff;
        width: 480px;
    }   
    
	.breadcrumb {
	    margin: 0px 0px 0px 0px;
	}    
   
	.main-logo
	{
		margin-top:5px;	
		margin-bottom:-10px;
		margin-left:100px;
	}  
	.UoNBannerWrapper
	{
		height:122px;
	}  	
	

	.ms-ref-refinername, .ms-ref-refinername:hover
	{
		width:400px !important;
	}
	
	.ms-ref-refiner #Value
	{
		width:400px !important;
	}
    
	
	
	.searchbox, .ms-srch-sb
	{
		width:455px;
		margin:0px;
	}
	#main-search
	{
		width:410px;
	}
	

	.searchbox .ms-srch-sb input
	{
		width:380px !important;	
	}
	
    .ms-srch-item-body
	{
		width:410px;	
	}   
	
	
    /* Staff Search on Directory Page */
	.searchrow
	{
		width:360px;
	}
	.basic-search-box
	{
		width:240px;
	}
	/* /Staff Search on Directory Page */


	.tagline-bar .tagline
	{
		font-size:30px;
		line-height:30px;
	}  
	
	.twitter-list
	{
		width:400px;
	}    
	
	.footer-links li
	{
		width:225px;
		text-align:left;
	}
	.footer-bar h4
	{
		text-align:left;
	}

	.contact-details h4, .contact-details h5
	{
		text-align:center;	
	
	}
	   .new_widget { width:100%; }
	#socialfooter-wrapper	{
		height:60px;
	}
	
	.ui-tabs-panel {
		/* 	This setting (and the same for other media queries) were required to prevent contained 
			content from breaking out of the tab container where they had no-breaking spaces or long URLs */
		width: 420px;
	}

		
}

/***** Retina *****/
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    #wrapper {
        margin: 0;
        padding: 0;
        background-color: #fff;
    }
}

/* Jess changes */

div.bar.globalannouncement-bar.ms-dialogHidden {
	/*position: fixed;
	top: 0;
	width: 100%;
	z-index: 2000;
	margin-bottom: 10px;*/
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

div#WebPartWPQ8.ms-WPBody.noindex { display:none !important; }