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

body, html {font-family: Arial, Helvetica, sans-serif; margin:0; padding:0; word-wrap:break-word; height:100%; -webkit-text-size-adjust: none;}

img {max-width:100%; border:none;}

/* TEXT */
h2 {font-size:1.3em; margin: 0 0 .5em 0;}
h3 {font-size:1.1em; margin: 0 0 .4em 0;}
p {font-size:1em; line-height:1.6em; padding:0; margin:0;}
.screen-reader-text {display:none;}

/* LINKS */
a:link, a:visited {color:#0088AA; text-decoration:none; font-weight:normal;}
a:hover {text-decoration:underline;}

/* WRAPPERS */
#uber-wrapper {width:100%; min-height:99%; margin:0; padding:0;}
#wrapper {max-width:520px; min-width:300px; margin:0 auto; padding:0; height:100%;}
.hiddenStructure {display:none;}
#content {padding:0 10px;}

/* HEADER */
#portal-logo img {margin:10px 0 0 10px; 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); margin:20px 0!important;}

/*--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: 100%; margin:0px;}
ul#mobilelinks {margin:0; padding:0;}
#mobilelinks li {list-style:none;}
#mobilelinks li a{border-bottom:1px solid #fff; padding:14px;}

/*-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;}
.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); color:#FFFFFF;}
#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('../../fonts/icomoon.eot');
	src:url('../../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('../../fonts/icomoon.svg#icomoon') format('svg'),
		url('../../fonts/icomoon.woff') format('woff'),
		url('../../fonts/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";}

/* FORMS */
input[type="submit"], input[type="reset"], .reply-to-comment-button, input.destructive[type="submit"] {
    background-color: #D7D7D7;
    background-image: -moz-linear-gradient(0px 100% 90deg, #BBBBBB, #FFFFFF);
    border: 1px solid #B7B7B7;
    border-radius: 23px 23px 23px 23px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    color: #444444;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 90%;
    font-weight: bold;
    line-height: 1em;
    padding: 6px 12px;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);
}
input[type="submit"]:hover, .reply-to-comment-button:hover {
    background-color: #75AD0A;
    background-image: -moz-linear-gradient(0px 100% 90deg, #5B8907, #75AD0A);
    border: 1px solid #5B8907;
    color: #FFFFFF;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45);
}

input[type="text"] {
    background-color: #FFFFFF;
    background-image: -moz-linear-gradient(0% 12% 90deg, #FFFFFF, #999999);
    border: 1px solid #DDDDDD;
    border-radius: 4px 4px 4px 4px;
    color: #444444;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
    padding: 5px 8px;
}

input.searchField {-moz-appearance: searchfield;}

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

/* ##################################################### PAGE SPECIFIC STYLES ##################################################### */

body, html {color:#333; background-color:#FFF;}

.carousel a {color:#FFF; text-decoration:none; cursor:pointer;}

h2:after, h3:after {content:"\e008"; font-family: 'icomoon'; font-size: 150%; display:inline-block; float:right; font-weight:normal; margin:-6px 0 0 0; color:#999;}
.carousel h3 {font-size:1em;}
.carousel h3:after {content:"";}
.carousel p {font-size:0.8em;}
.carousel-caption {color:#FFFFFF;}

.rounded {border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; overflow:hidden;}

#coloured-boxes {}
#coloured-boxes a, #coloured-boxes h2:after {color:#FFF;}
#coloured-boxes .swu {background:#7BAA34; padding:10px; margin:0 0 10px 0;}
#coloured-boxes h2.open-day, #coloured-boxes h2.prospectus {padding:10px;}
#coloured-boxes h2.prospectus {background:#0089DA;}
#coloured-boxes h2.open-day {background:#700070;}

#links {margin:0 0 10px 0;}
#links h2 {font-size:1.2em;}

#find {background-color:#EDEDED; padding:10px; margin:0 0 15px 0;}
#find h2 {font-size:1.3em;}
#find h2:after {content:'';}

#about {background-color:#EDEDED; padding:15px 10px 10px 10px; margin:0 0 15px 0;}

.carousel-inner {border:1px #CCCCCC solid;}

iframe {width:100%; margin:0 0 20px 0;}

#badges img {margin:10px auto 10px auto; clear:both; display:block;}