/* 

Grey: #ccc
Dark grey: #555
Light grey: #ddd
Blue: #337cb5
Grey blue: #7a8395

*/

/* .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {padding-right: 10px;padding-left: 10px;} */

body{
	background:url(//www.exeter.ac.uk/media/universityofexeter/graduation2016/bg.gif) right fixed no-repeat #ebecec ;
	color:#252a2f;
	font:14px/22px 'Open Sans', Arial, Helvetica, sans-serif;
}


a:focus{outline:none;}
h1, h2, h3, h4, h5, h6{
	font-family:'Droid Sans', sans-serif;
	color:#000;
}
h1{
	margin-top: 0;
	font-size: 24px;
}
h2{
	font-size:20px;
	color:#000;
}
h3{
	font-size:16px;
	color:#000;
}
h4{
	font-size:14px;
	color:#000;
}
h5{
	font-size:14px;
	color:#000;
}

.header-top li, .header-top .btn-link, #main-menu.navbar, #search .input-group .form-control, #cart .btn, .dropdown-menu, .caption h4, .price,
.breadcrumb, .side-heading, .list-group-item, .tabs-panel .nav-tabs{font-family: 'Droid Sans', sans-serif;}
hr{border-color:#8c8f92;}

/* Header Area Styles */
#header-area{
}
.header-top{
	/* background:#555;*/
	border-bottom: solid 5px #ccc;
	margin:0 -7px
}
	
/* Header Links Styles Starts */
.header-links li{
	display:inline-block;
}
.header-links li .fa{
	margin-right:3px;
}
.header-links li, 
.header-links li a{
	color:#777679;
}
.header-links li a{
	padding: 12px 7px;
	font-size: 12px;
}
.header-links li a:hover, 
.header-links li a:focus, 
.header-links li.active a{
	color:#555;
}
			

		
/* Main Header */
.main-header{
	padding: 0;
	background: #fff;
	background-position: top right;
}


		
/* Main Menu Styles Starts */
/* fix for slow laoding nav*/
#main-menu{min-height:40px;visibility:hidden;}
#main-menu{
	background:#337cb5;
}
#main-menu.navbar{
	margin: 0 -15px;
	padding:0;
	border:none;
	-webkit-border-radius:0;
	   -moz-border-radius:0;
			border-radius:0;
}

/* #main-menu .navbar-nav > li + li{ border-left:1px solid #828385; } */
#main-menu .navbar-nav > li{ border-right: 1px solid #51a8ec; }
#main-menu .navbar-nav > li a{color:#fff;}
#main-menu .navbar-nav > li > a:hover,
#main-menu .navbar-nav > li > a:active,
#main-menu .navbar-nav > li > a:focus, 
#main-menu .navbar-nav > li.open a{
	background:#3b3d40;
	color:#fff;
}		
#main-menu .dropdown-menu{
	background:#ccc;
	border:none;
	padding:0;
	-webkit-border-radius:0;
	   -moz-border-radius:0;
			border-radius:0;
	-webkit-box-shadow:none;
	   -moz-box-shadow:none;
		 box-shadow:none;
}
#main-menu .dropdown-menu li a{
	color:#fff;
	padding-top:6px;
	padding-bottom:6px;
}
#main-menu .dropdown-menu li:hover a{
	background:#343638;
	text-decoration:none;
}
#main-menu .dropdown-inner {
	display:table;
	padding-bottom:10px;
}
#main-menu .dropdown-inner ul {
	display:table-cell;
}
#main-menu .dropdown-inner .dropdown-header{
	font-size:15px;
	text-transform:uppercase;
	font-size:15px;
	color:#252a2f;
	padding:15px 0 10px 15px;
}
#main-menu .dropdown-inner li a {
	min-width:160px;
	display:block;
	padding:3px 20px;
	clear:both;
}	
	

#main-menu .navbar-nav>li>a{padding:11px}	
#main-menu .navbar-nav	{background:#337cb5}


#main-menu .currentbranch1 a{display:block;padding: 3px 20px;}

.navbar-collapse{padding-left:0;padding-right:0}


#main-menu{min-height:42px}	

/* fix for IE */
.multilevel-linkul-0{list-style:none}

#main-content{padding-top: 20px;}

.container{background:#fff}

#logo{display:inline;margin-left:10px}



.btn{
	font-size:14px;
	color:#fff;
	background:#337cb5;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn:hover{
	color:#fff;
	background:#51a8ec;
}
.btn-default{border-color: #337cb5;}

.form-control{border: 1px solid #337cb5;}


/* Footer styles */
#footer-area{margin:15px -7px 0 -7px;font-size: 12px;}
	.footer-links{
		background:#e8e8e8;
		border-top:1px solid #bcbcbc;
		padding: 10px;
	}
	
	.footer-links img{display:inline;margin-right:10px}


#footer-area a{color:#8b8b8b}
#footer-area a:hover{color:#000}

.copyright{
	background:#252a2f;
	padding:10px;
}
.copyright, .copyright a{
	color:#fff !important;
}

/* Breadcrumb Styles Starts */

	.breadcrumb{
		display:none;
	}
		.breadcrumb a{
			color:#878a8c;
			font-size:13px;
		}
		.breadcrumb > a + a:before{
			font-family: 'FontAwesome';	content: " \00a0\f105\00a0";
			color:#878a8c;
		}
		.breadcrumb a{
			color:#252a2f;
		}
		.breadcrumb a:hover{
			color:#ddd;
		}
		.breadcrumb a:last-child{color:#ccc;font-weight:bold}

	
/* Side bar panel styles */	
.side-heading{
	margin-top:0;
	padding:10px;
	font-size: 18px;
	color: #ccc;
	background: #fff;
	border-top: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
	border-bottom: 4px solid #ccc;
	border-left: 1px solid #e8e8e8;
}

.list-group-item .fa {
font-size: 12px;
padding-right: 6px;
}


/* Tabs Styles Starts */

	.tabs-panel{
		margin-top:0;
		background:#fff;
		margin-bottom: 20px;
		/*border:1px solid #e8e8e8;*/
	}
	.tabs-panel.panel-smart{
		padding:0;
		
	}
		.tabs-panel .nav-tabs{
			border-bottom:2px solid #ccc;
		}
		.tabs-panel .nav-tabs > li{
			margin-bottom:0;
		}
		.tabs-panel .nav-tabs > li > a{
			margin:0; 
		}
		.tabs-panel .nav-tabs > li > a, 
		.tabs-panel .btn, 
		.tabs-panel .form-control{
			-webkit-border-radius:0;
			   -moz-border-radius:0;
			        border-radius:0;
		}
		.tabs-panel .nav-tabs > li.active > a, 
		.tabs-panel .nav-tabs > li.active > a:hover, 
		.tabs-panel .nav-tabs > li.active > a:focus, 
		.tabs-panel .nav > li > a:hover, 
		.tabs-panel .nav > li > a:focus{
			background:none;
		}
		.tabs-panel .nav-tabs > li > a, 
		.tabs-panel .nav-tabs > li.active > a, 
		.tabs-panel .nav-tabs > li.active > a:hover, 
		.tabs-panel .nav-tabs > li.active > a:focus, 
		.tabs-panel .nav-tabs > li > a:hover{
			border:none;
		}
		.tabs-panel .nav-tabs > li.active, 
		.tabs-panel .nav-tabs > li.active > a{
			background:#ccc;
			color:#555;
		}
		.tabs-panel .nav-tabs > li > a:hover{
			background:#ebecec;border-left:1px solid #fff
		}
		.tabs-panel .tab-content{
			padding:20px;
		}
		.tabs-panel label.control-label{
			font-weight:normal;
		}
		.tabs-panel label.control-label.ratings{
			padding-top:1px;
		}
		.tabs-panel .btn{
			margin-left:-10px;
		}

.panel .tabs-panel ul li a::before { content: none;}
.tabs-panel .nav-tabs > li > a { padding:5px 10px;font-weight:normal;background: #f4f4f4;border-left:1px solid #fff}
.tab-content{border:1px solid #e8e8e8;}

.tab-pane h2{margin-top:0}

.tab-pane img{height: inherit !important;}

/* Misc styles */
img{display: block;height: auto;max-width: 100%;}

.btn-callback{
color:#000;
background:#e8e8e8;
margin-right:20px
}


#main-carousel{margin-bottom:20px}
.carousel-caption{
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 10px 15px;
	background: #ccc;
	background: rgba(85, 85, 85, 0.57);
	text-align:left;
	font-size:20px;
	border-top:1px #fff solid;
	line-height: 24px;

}
.carousel-caption h3{
	color: #fff;
	text-shadow: 0 1px 2px rgba(0,0,0,0.6);
	margin:0
}

.main-header .col-md-12{padding:15px}

#sm_icons{text-align:right;margin-top:-5px}
#sm_icons a{
	font-size:30px;
	color:#555;
	cursor:pointer;
	margin-left:10px;
}
#sm_icons a:hover{text-decoration:none;color:#ccc;}
#sm_icons a span{display:none}
#sm_icons a.intranet-links{font-size: 12px; margin: 0;}
.main-header .navbar-form{margin-bottom:0;padding-right:0}

.list-group-item{padding: 5px 10px;}
.pw-widget{margin-bottom:10px}
.ra1-pw_size_medium{display:none}


#right-contents{padding-right:15px;}

.panel{border: 1px solid #e8e8e8;border-radius: 0;-webkit-box-shadow: none;box-shadow: none;}
.panel-default>.panel-heading{color:#555;font-size:18px;border-bottom:#ccc solid 1px;background:none;margin: 0 15px;padding: 10px 0 0 0;line-height:24px;}


/* menu style links in panels */
.panel ul.menu{list-style:none;padding-left:0;}
.panel ul.menu li a{border-bottom: 1px solid #e5e5e6;display:block;font-weight:bold;padding:5px}
.panel ul.menu li a:hover{background:#f5f5f5;}
.panel ul.menu li a::before { font-family: 'FontAwesome';	content: "\f105  \00a0";}




.panel-body {padding: 10px;}





#blog-panel{min-height: 371px;}
#blog-panel .feed_item{padding: 5px 0 10px 0;margin-bottom:5px;border-bottom:1px solid #e5e5e6;}
#blog-panel .feed_item_title{margin-bottom:0;font-weight:bold}
#blog-panel .feed_item_date{color:#b6b6b6;}
#blog-panel .btn{font-size:13px;}
#blog-panel a{font-weight:bold;}
#blog-panel a.bloglink::after {font-family: 'FontAwesome';content: "\00a0  \f105";}


#main-menu .dropdown>a:after{font-family: 'FontAwesome';	content: "\00a0 \f107";}

#main-menu .btn{background:none}
.header-links .btn{background:none;color:#777679}

#sub-nav a{font-weight:normal; color: #555;}
/* #sub-nav .currentbranch1{background:#e3d1db;display:block;padding:5px}
#sub-nav .currentbranch1::before { font-family: 'FontAwesome';	content: "\f105  \00a0";} */
#sub-nav ul.menu ul.multilevel-linkul-0{background:#ebecec;margin-left: 0;padding-left: 0;list-style: none;}
#sub-nav ul.menu ul.multilevel-linkul-0 a{border-bottom:1px #fff solid;padding-left:15px}
#sub-nav ul.menu ul.multilevel-linkul-0 a:hover{background:#ebecec;}
#sub-nav ul.menu ul.multilevel-linkul-0 .multilevel-linkul-1{padding-left: 15px;list-style: none;}


#sub-nav span.currentsection{background: #337cb5;display: block;color: #fff;padding: 5px;}
#sub-nav .multilevel-linkul-0 span.currentsection{background: #d9d9d9;display: block;color: #4b4e51;padding: 5px;padding-left:15px}

#sub-nav span.currentsection::before {
font-family: 'FontAwesome';
content: "\f105 \00a0";
}




#sub-nav ul.menu ul.multilevel-linkul-0 .currentbranch1{background:#e3d1db;display:block;}

#sub-nav .subnav_highlight{background:#ccc;display:block;color:#fff}



th{background:#f4f4f4}

.panel-heading h2{margin-top:0;font-size: 16px;line-height:20px}
.panel-body .col-md-8{padding-left:0;}

/* mic style two column bulleted list */
ul.multi-col {
padding-left:0;
-moz-column-count: 2;
-moz-column-gap:  30px;
-webkit-column-count: 2;
-webkit-column-gap: 30px;
column-count:2;
list-style:none;
}
ul.multi-col li:before{font-family: 'FontAwesome';	content: "\f058 \00a0\00a0";}


/* flickr embed code */
.flickr-container{position: relative; padding-bottom: 76%; height: 0; overflow: hidden;}
.flickr-gallery{width:100%; height:100%; position: absolute; top:0; left:0;}

.highlight{
background-color: #ebecec;
padding: 20px;
margin: 15px 0;
clear: both;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color:#ccc;
overflow:auto
}
.highlight a{text-decoration:underline}
.highlight .image-container{width:220px;float:right;margin:0 0 10px 10px}
.quote p{font-size:24px;font-style:italic;line-height:28px}
.quote .panel-body p{font-size:16px;line-height: 20px;}
/*.quote p:first-child:before {font-family: 'FontAwesome';	content: "\f10d \00a0\00a0";color:#ccc}*/
.quote .fa-quote-left{color:#ccc;font-size: 24px;font-style: italic;float: left;margin-right: 10px;}
.quote p:nth-last-child(2):after{font-family: 'FontAwesome';	content: "\00a0\00a0 \f10e";color:#ccc} 
.quote .quotee-name p{font-size: inherit;font-style: inherit;}
.quote .quotee-name p:first-child:before {content: ""}
.quote .quotee-name p:nth-last-child(2):after{content: ""} 




.accordion .panel-heading{background:#337cb5;margin:0;padding:10px}
.accordion .panel-title i{color:#fff}
.accordion .panel-heading a{text-decoration:none;color:#fff}
.accordion .panel{margin-top:0 !important}
.accordion-inner img {
    float: right;
    margin: 0 0 10px 10px;
}



#right-col .panel-body img{height: inherit !important;}


#right-col .quote .panel-body p{
	color:#ccc;
	font-size:16px;
	font-style:italic;
	line-height:20px
}

#right-col .quote .panel-body .quotee-name p{font-size: inherit;font-style: inherit;font-weight:bold}
#right-col .quote .panel-body .fa-quote-left{color:#ccc;font-size: 16px;font-style: italic;float: left;margin-right: 10px;}

/* show table styles by default for tables */
table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}
table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd;
}
table > caption + thead > tr:first-child > th,
table > colgroup + thead > tr:first-child > th,
table > thead:first-child > tr:first-child > th,
table > caption + thead > tr:first-child > td,
table > colgroup + thead > tr:first-child > td,
table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
table > tbody + tbody {
  border-top: 2px solid #dddddd;
}
table .table {
  background-color: #ffffff;
}
table > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
/* END of default table styles */



.streetcode{display:none;}

.call-to-action {
	  min-height: 150px;
    padding: 10px 0 10px 10px;
	margin-bottom:20px;
	display: block;
	position: relative;
	background: #4b4e51;
}
.call-to-action:after {
content: '';
    display: block;
    position: absolute;
    left: 100%;
    top: 0;
    width: 0;
    height: 0;
    border-top: 75px solid transparent;
    border-right: 0 solid transparent;
    border-bottom: 75px solid transparent;
    border-left: 15px solid #4b4e51;
}
.call-to-action h2{margin:0;color:#fff}
.call-to-action ul {
    list-style: none;
    margin: 0 0 10px 0;
    padding: 0;
}
.call-to-action a{color:#fff}

/* event listings */
#exeter_events_table span.footable-toggle{display:block !important}
#exeter_events_table .footable.breakpoint > tbody > tr > td > span.footable-toggle{background:#555;padding:5px;margin-bottom:10px;color:#fff;border-radius: 4px;    width: 75px;}
#exeter_events_table .footable.breakpoint > tbody > tr > td > span.footable-toggle:before{font-family: 'FontAwesome' !important;content: '\f055  Expand' !important;}
#exeter_events_table .footable.breakpoint > tbody > tr > td > span.footable-toggle:hover{background:#252a2f;}
#exeter_events_table .footable.breakpoint > tbody > tr.footable-detail-show > td > span.footable-toggle:before{font-family: 'FontAwesome' !important;content: '\f056  Close' !important;}

/* Generic highlight button */
.highlight-button{
margin-bottom:20px;
font-size: 18px;
text-align:left;
white-space: inherit;
}
.highlight-button .fa-arrow-circle-right{
float:right;
margin-top: 3px;
margin-left: 5px;
}

#left-col .panel-body .same-height{
    height: 300px;
    overflow: auto;	
}


/*#left-col .panel:first-child{border: 10px solid red !important;}
#left-col .panel-body:first-of-type{padding:0}*/


.accordion .panel-heading{cursor:pointer}