@CHARSET "UTF-8";
/**
 * 	Stylesheet for KEPN
 *  Author Shaun Hare
 *  University of Nottingham.
 *  Version 1.0
 *
 *
 */

/* 1.0 Reset */

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}
html,body{height:100%;}

body {
margin: 0 auto;
padding: 0;
font-family:verdana, arial,
helvetica, sans-serif;
font-size: 62.5%;
color: #333;
background-color: #fff;

}

* {
padding: 0;
margin: 0;
}

/* Make sure the table cells show the right font */
td { font-family: "Lucida Grande", verdana, arial,
helvetica, sans-serif; }

/*--------------------------------------
GLOBALS & GENERAL CASES
---------------------------------------*/

a {text-decoration: underline;}
a:link { color: #336699; }
a:visited { color: #336699; }
a:hover { color: #336699;
text-decoration: underline; }

/*--------------------------------------
TYPOGRAPHY
---------------------------------------*/
h1, h2, h3, h4, h5, h6 {
font-family: verdana, sans-serif;
font-weight: normal;
}

/* approx 21px*/
h1 {
font-size: 2.1em;

}

/* approx 16px*/
h2 {
font-size: 1.9em;
margin-bottom: 1em;
}

/* approx 14px*/
h3 {
font-size: 1.4em;
}

/* approx 12px*/
h4 {
font-size: 1.1em;
}

/* approx 11/14 */
p {
font-size: 1.1em;
line-height: 1.4em;
padding: 0;
margin-bottom: 1em;
}



.shadow{-webkit-box-shadow: -1px -1px 7px rgba(50, 50, 50, 0.75); -moz-box-shadow:    -1px -1px 7px rgba(50, 50, 50, 0.75); box-shadow:         -1px -1px 7px rgba(50, 50, 50, 0.75);}
/*-------------------------------------
LAYOUT SPECIFIC
---------------------------------------*/
#wrap{
    min-width: 100%;
    margin-bottom: -4em;
    height:100%;
}
#wrap:after {
    /* .push must be the same height as footer */
    height: 4em;
}
section.main {
width:90%;
margin:1em auto;
text-align: left;
min-height:100%;
clear:both;
}

#contentframe {
margin: 2em 0 0 0;
padding: 2em 1em;
width: 100%;
text-align: left;
background-color: #fff;
clear:both;

}

/* 2 column layout c1-c1-c2 */
#c2 {
float: right;
}

#c1 {
float: left;
border-right:1px solid #f2f2f2;
}



/*--------------------------------------
HEADER SPECIFICS
---------------------------------------*/
header{background:#003366;background:rgb(0,51,102);min-height:10em;max-width:100%;border-bottom:0.5em solid #004B79;clear:both;}
header div {max-width:100%;min-width:960px;}
header h1 a:hover,header h1 a:link,header h1 a:visited,header h1 a:active {color:#fff;width:40%;float:left;text-align:left;margin:1em 1em;text-shadow:0 1px 1px #004B79; font-size:1.0em;font-weight:900;line-height:135%;text-decoration:none;}
header div #logo {float: right;
    margin-right: 1em;
    padding: 0;
    background: url("../../imgs/bg-white-trans-uonlogo-sml.png") no-repeat 50% 25%;
    min-height: 80px;
    width: 10%;
    margin-top: 0;}
body.map header form {float: left;padding-top: 1em;width:40%;}
body.map header #search label{display:none;min-width: 15%;padding: 0.5em;font-size: 125%;font-weight: normal;color: #fff;float:left;margin-top:1em;}
body.map header form#search input[type="text"]{width:23em;float:left;margin:0.5em 0px;border:solid 3px #6D94B8;}
#search input[type="submit"]{ line-height: 1.45em;border: solid 1px #fff;margin:0.55em 0;cursor: pointer;padding: 0.3em 0;margin-left: 0.5em;background:rgb(0,51,102);color: white;width:3em;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-weight: 700;font-size: 12pt;
-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;border-image: none;}

/*---------------------------------------
* PRIMARY NAVIGATION
*---------------------------------------*/

/* @todo convince MJG of need */
nav {padding:0.65em 0 0 2em;font-weight:700;background:#333; height:1.5em;border-bottom:solid 1px #666;color:#f2f2f2;}
nav a:link,nav a:visited,nav a {height:2.5em;color:#fff;text-decoration:none;}

/*--------------------------------------
SEARCH SPECIFICS
---------------------------------------*/
.search{background: #f2f2f2;padding-right: 150px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; padding:0.75em; }
.search label{display:block;min-width:75%;padding:0.5em;font-size:125%;font-weight:bold;}
.search input[type="text"]{width:23em;float:left;margin:0.5em 0px;border:solid 3px #6D94B8;}
.search input[type="submit"]{ line-height: 1.85em;border: 0;cursor: pointer;padding: 0.05em 0;margin:0.55em 0;position: relative;right: 1.2em;top: 0px;left:0.05em;background:rgb(0,51,102);color: white;width:3em;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-weight: 700;font-size: 12pt;
-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;border-image: none;}
.search p {clear:both;margin-bottom:2em;line-height:135%;}
.search h2 {margin-top:1em;color:#6D94B8;font-weight:bold;}
.ui-autocomplete-loading { background: #fff url('../imgs/ui-anim_basic_16x16.gif') right center no-repeat; }

/*----------------------------------------
 * MegaAnchor
 * -----------------------------------------*/

.search div#countieslist ul{float:left;padding:1em;list-style:none;}
.search div#countieslist ul li {padding:0.4em;list-style:none;}
.search div#countieslist{clear:both;background:rgb(255,255,255);border:solid 2px #ccc;display:none;z-index:100;position:absolute;}

/*--------------------------------------------
 * MAIN PAGE TUTORIAL
 *---------------------------------------------*/
#tutorial{width:100%;}
#tutorial img {max-width:100%;}

/* The Nivo Slider styles */

.nivoSlider {position:relative;}
.nivoSlider img {position:absolute;top:0px;left:0px;}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none;}
/* The slices and boxes in the Slider */
.nivo-slice {display:block;position:absolute;z-index:5;height:100%;}
.nivo-box {display:block;position:absolute;z-index:5;}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {position:absolute;top:45%;z-index:9;cursor:pointer;}
.nivo-prevNav {left:0px;}
.nivo-nextNav {right:0px;}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {position:relative;z-index:9;cursor:pointer;}
.nivo-controlNav a.active {font-weight:bold;}
/*--------------------------------------------
 * MAP
 *--------------------------------------------*/
#map{width:100%;min-height:65em;height:100%;background:#ccc;clear:both;}
/* for Internet Explorer */

.loading{background:#fff url('../imgs/ui-anim_basic_16x16.gif') no-repeat 0% 50%;padding-left:20px;}
#sidebar {position:absolute; width:25em; top:11.5em; right:1.2em; border:1px solid #666; background:#fff; background:rgb(255, 255, 255);background:rgba(255, 255, 255, 0.9); padding:5px;min-height:5em;}
#sidebar ul, #sidebar li {margin:0; padding-left:0;}
#sidebar form ul {list-style:none;}
#sidebar h4{color:#336699;margin-bottom:0.5em;}
#sidebar input{margin-right:0.8em;}
li.hidden-element{display:none;}
li.limit{font-style:italic;}
#sameelements ul li ol li {margin-left:0.99em;list-style:none;font-weight:normal;padding:0.2em;}
#sameelements ul li {font-weight:bold;}
section #sidebar-toggle { position: absolute;top: 11em; right: 10px; z-index: 99; }
section #sidebar-toggle a { text-align: center;vertical-align: middle;cursor: pointer;display:inline-block;background:#E8E9EA;color:#333;font-weight: bold;padding:0.4em;border-radius: 5px; border:1px solid #333;}
/*--------------------------------------------------
 * INFOWINDOW
 *--------------------------------------------------*/
.infoWindowContent {width:90%; height:100%; margin:0;}
.infoWindowContent h3 {font-weight:normal; font-size:1.5em; margin:0; border-bottom:2px solid #369;line-height:155%}
.infoWindowContent p {margin-bottom:0.4em;}
.infoWindowContent h4 {margin-bottom:0em;line-height:155%;color:#333;font-weight:bold;padding-right: 150px;}
.infoWindowContent ul {margin-top:0;line-height:155%;margin-bottom:0.4em;}
.infoWindowContent {padding:0 0.8em;}
ul.infoWindowList {list-style:disc; padding-left:0;line-height:155%;padding:0 0.8em;margin:0;margin-left:0.5em;}
.infoWindowContent a{float:right;margin: 0;display: block;background-color: #F8F8F8;border: 1px solid #CCCCCC;box-shadow: inset -1px -1px rgba(0, 0, 0, 0.1);color: #333333;padding:0.55em;text-decoration:none;margin-right:0.35em;}
/*----------------------------------------
 * footer
 * -----------------------------------------*/
footer{clear:both; height:8em; position:relative;width:100%;color:#aaa;clear: both; background:#E8E9EA;border-top: 1px solid #D0D1D2;-webkit-box-shadow: inset 0 2px 0 #E1E2E3;-moz-box-shadow: inset 0 2px 0 #E1E2E3;box-shadow: inset 0 2px 0 #E1E2E3;padding-top: 0.4em;padding-bottom: 60px;min-height:4em;}
footer section.footerleft{background:#E8E9EA;float:left;line-height:135%;padding:1em;width:35%;}
footer section.footerright{background:#E8E9EA;float:right;line-height:125%;text-align:right;padding:1em;width:55%;}
footer img{vertical-align:middle;padding:0.034em;max-width:100%;}
footer a,footer a:hover,footer a:link,footer a:visited{color:#336699;padding:0.59em;}

a.hidden{display:none;}

/************************************************************************************
Media Queries
*************************************************************************************/
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
#wrap{width:100%;}
nav{display:none;}
header div{max-width:100%; min-width:320px;}
    header div #logo{display:none;}
h1{font-size:135%;}
section.footerleft{width:100%;float:left;}
section.footerright{width:100%;float:left;}
/* 2 column layout c1-c1-c2 */
#c2 {
display:none;
}

#c1 {
float: left;
border-right:1px solid #f2f2f2;
}
}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* Styles */

   section #sidebar{
      { width:100%; border:1px solid #666; background:#fff; background:rgb(255, 255, 255);background:rgba(255, 255, 255, 0.9); padding:5px;min-height:5em;}

   }

}
@media screen and (min-width:560px){
    header img{max-width:100%;overflow:hidden;}
	section.main {
	width:90%;
	margin:1em auto;
	text-align: left;
	min-height:100%;
	clear:both;
	}

	#contentframe {
	margin: 2em 0 0 0;
	padding: 2em 1em;
	width: 100%;
	text-align: left;
	background-color: #fff;
	clear:both;

	}

	/* 2 column layout c1-c1-c2 */
	#c2 {
	width: 46.2%;
	padding: 0 0 0 1em;
	margin: 0 0 2em 0;
	}

	#c1 {
	width: 50.8%;
	padding: 0 0 0 1em;
	margin: 0 0 2em 0;
	border-right:1px solid #f2f2f2;
	}
	#slider{max-width:499px;height:334px;}
}

@media screen and (max-width: 600px) {
    #wrap{width: 100%;}
    header img{max-width:100%;overflow:hidden;}
	#c1{width:99%;margin:0 auto;}
	#c2{display:none;}

footer section.footerleft{background:#E8E9EA;float:left;line-height:135%;padding:1em;width:35%;}
footer section.footerright{background:#E8E9EA;clear:both;line-height:125%;padding:0.51em;width:100%;text-align:left;}
}