/* ##################################################### DEFAULT STYLES ##################################################### */

body{-webkit-text-size-adjust: none; background-color:#F3F3F3; color:#333;}
.hiddenStructure {display:none;}

a {font-weight:bold; color: rgb(32, 92, 144);}
a:hover {color: rgb(117, 173, 10);}
a.btn:link, a.btn:hover, a.btn:visited {color:#FFFFFF;}

p.strong {font-weight:bold;}

/* HEADER */
#portal-logo img {margin:10px 0 0 0px; width:160px; height:auto; padding:0;}
#header a:hover {text-decoration:none;}

/*----this hides the global nav, login menu and search box from displaying at the top of the screen on mobiles---*/
#portal-globalnav, #portal-searchbox, #mobilelinks, #portal-personaltools, .deskaddthis{display:none;}

/*----this displays the mobile menu, mobile search box, back to top, mobile add this links -*/
.mobilemenu, .mobilemenu #portal-searchbox, #portal-logo, .addthis_toolbox p,  #mobilebacktotop, .mobileaddthis{display:block;}

/*----containing div for the entire mobile menu------*/
.mobilemenu{background:rgba(0, 0, 0, 0.4);}

/*--this is the quick links and search-----*/
#mainmobilelinks a{padding:3px 6px 0 6px; position:absolute; right:5px; top:5px; background:rgba(0, 0, 0, 0.4); margin:4px 4px 6px 4px; border:1px solid rgba(255, 255, 255, 0.6); border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;}
#mainmobilelinks a.icon-alone{font-size:200%;}
	
/*-----mobile search box---*/
.mobilemenu #portal-searchbox {clear:both; float: none; padding:18px 0 18px 14px; margin:0; border-bottom:1px solid #fff;}
.mobilemenu	#portal-searchbox input[type="text"] {width:202px;}

.mobilemenu	#portal-searchbox .searchButton {}

/*-mainlinks 'quick links' --- mobilemenu 'University A-Z, Maps' etc-*/
#mainmobilelinks, .mobilemenu {width: 110%; margin:0 -5%;}
#portal-footer {width: 105%; margin:0 -5%;}
ul#mobilelinks {margin:0; padding:0;}
#mobilelinks li {list-style:none;}
#mobilelinks li a{border-bottom:1px solid #fff; padding:14px; font-weight:bold!important;}

#portal-footer ul li a, 
#mobilebacktotop a{font-weight:bold!important;}

/*-removes border beneath social icons-*/
#mobilelinks li.socialhide a{border-bottom:none;}
#mainmobilelinks a, #mainmobilelinks a:visited, #mobilelinks li a:link, #mobilelinks li a:visited, #mobilebacktotop a, .mobilefooterextra{color:#fff!important; display:block;}

/*---Social icons in mobile menu-------*/
#mobilelinks li	.mobilesocial {padding:14px 0;}
#mobilelinks li	.mobilesocial p {display:block; color:#fff; padding-left:14px;}
#mobilelinks li	.mobilesocial a {display:inline; padding:0 10px;}
#mobilelinks li	.mobilesocial a.icon-alone {font-size:200%;}
	
#mobilebacktotop a{display:inline;}

#mobilebacktotop:before {font-family: 'icomoon'; font-size:130%; content: "\e013"; display:inline; padding:10px 8px 0 10px; color:#fff;}
.mobilefooterextra {margin-top:10px;}
#mobilebacktotop .mobilefooterextra li a {display:block; border-top:1px solid #fff; padding:14px;}

/* FOOTER */
#portal-footer{padding: 1em 0.6em; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);}
#portal-footer ul li {list-style:none;}
#portal-footer ul li a {}
#portal-footer ul.left, #portal-footer ul.right, #portal-footer ul.social {display:none;}
#portal-footer #mobilebacktotop ul.mobilefooterextra { margin:10px 0 0 0; padding:0;}
#portal-footer ul.social a:hover {text-decoration:none;}

/* FONTS */
@font-face {
	font-family: 'icomoon';
	src:url('icomoon.eot');
	src:url('icomoon.eot?#iefix') format('embedded-opentype'),
url('icomoon.svg#icomoon') format('svg'),
url('icomoon.woff') format('woff'),
url('icomoon.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/*Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'icomoon';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
}

/* Use the following CSS code if you want to have a class per icon */
[class^="icon-"]:before, [class*=" icon-"]:before {
	font-family: 'icomoon';
	font-style: normal;
	speak: none;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
}
.icon-quotetop:before {content: "\e001";}
.icon-linkedin:before {content: "\e002";}
.icon-flickr:before {content: "\e004";}
.icon-youtube:before {content: "\e005";}
.icon-twitter:before {content: "\e006";}
.icon-facebook:before {content: "\e007";}
.icon-arrowbullet:before {content: "\e008";}
.icon-itspeople:before {content: "\e009";}
.icon-engage:before {content: "\e00a";}
.icon-calendar:before {content: "\e00b";}
.icon-mappin:before {content: "\e00c";}
.icon-itsnews:before {content: "\e00d";}
.icon-search:before {content: "\e00e";}
.icon-tick:before {content: "\e00f";}
.icon-itsinfo:before {content: "\e010";}
.icon-chunkyarrowright:before {content: "\e012";}
.icon-chunkyarrowup:before {content: "\e013";}
.icon-pdf:before {content: "\e014";}
.icon-word:before {content: "\e015";}
.icon-excel:before {content: "\e016";}
.icon-powerpoint:before {content: "\e017";}
.icon-zip:before {content: "\e018";}
.icon-firefox:before {content: "\e019";}
.icon-ie:before {content: "\e01a";}
.icon-opera:before {content: "\e01b";}
.icon-safari:before {content: "\e01c";}
.icon-chrome:before {content: "\e01d";}
.icon-wordpress:before {content: "\e01e";}
.icon-chunkybullet:before {content: "\e01f";}
.icon-rss:before {content: "\e020";}
.icon-quotebottom:before {content: "\e000";}
.icon-mouse:before {content: "\e021";}
.icon-googleplus:before {content: "\e003";}
.icon-mobilelines:before {content: "\e022";}
.icon-mobilearrow:before {content: "\45";}

/* AddThis */
.deskaddthis {display:none;}
.mobileaddthis {margin:30px 0 0 0;}
.mobileaddthis .addthis_button_facebook_like {margin-right: 4px;}
.mobileaddthis .addthis_button_tweet, .mobileaddthis .addthis_button_google_plusone {margin-right: 12px;}

/* Added 14/05/2013 by jw285 */
img.hpevent {float:left; margin:0 10px 20px 0;}

/*SoundCloud tabs */
.sc-tabs {margin-bottom:20px;}

/* ----------------- Livefyre ----------------- */

body .fyre .fyre-stream-sort a {color: rgb(32, 92, 144)!important;}

.fyre .fyre-stream-content .fyre-comment-article {border:none; border-radius:5px; margin:0 0 20px 0;}
.fyre .fyre-comment-wrapper {padding:10px; background-color:#FFF; border-radius:5px; border:none!important; margin:0 0 10px 0!important;}
.fyre .fyre-comment-wrapper p {color:#000000; font-size:100%;}

.fyre .fyre-comment-divider {display:none;}
.fyre .fyre-outer-comment-container {margin-right:0px;}
.fyre .fyre-comment-date {color:#666!important;}

.fyre .fyre-comment-container .fyre-comment-article {border:none; margin-bottom:0px;}
/*.fyre .fyre-comment-container .fyre-comment-wrapper {background-color:#E4E4E4;}*/
.fyre .fyre-comment-container .fyre-comment-wrapper p {color:#333;}

/* --- Misc --- */
.rotating-spine {display: none;}