/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
CSS Document
Project Title : ESRC National Centre for Research Methods Stylesheet
Author : Atelier Studios
URL : http://wwww.atelier-studios.com
Description : Design and layout for ESRC National Centre for Research Methods
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*Stop background flicker in IE 6 Bug: http://evil.che.lu/2006/9/25/no-more-ie6-background-flicker


html {
  filter: expression(document.execCommand("BackgroundImageCache", false, true));
}*/


body {
		background-color:#ffffff;
		/**text-align:center;**/ /**commented it on 03/01/2016 because text in the annotation slider moved to the centre**/
		font-family:Arial, Helvetica, sans-serif;
		line-height:16px;
		margin-bottom:20px;
		margin-top:-12px;
		/* behavior: url("/incoming/furniture/css/csshover3.htc"); */
}

/*
Reset all browser defaults */
* {
		margin:0 auto;
		/* padding:1; */
}




/*
END CLASSES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/*
LAYOUT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
div#wrapper {
		width:1200px;
		text-align:left;
		margin: 0 auto;
		position:relative;
		border:0px solid;
}

div#header {
		background-color:#ffffff;
		padding: 18px 10px 12px 12px;
		
		
		}
		div#header h1, div#header h2{
		margin:0px 0px 10px 0px;
		font-style:italic;
		font-weight:bold;

		font-size:17px;

		}

div#page-title {
		background-color:#ffffff;
		font-size:12px;
		color:#1c4f7c;
		font-weight:bold;
		margin-left:14px;
		margin-top:-10px;
		margin-bottom:-5px;
		line-height:24px;
		}
		div#page-title h1{
		color:white !important;
		font-size:16px;
		margin:3px 0;
		}
		div#page-title p{
		float:left;
		color:#1c4f7c !important;

		}
		#page-title a:link {color:#1c4f7c; text-decoration:none;}
		#page-title a:visited {color:#1c4f7c; text-decoration:none;}
		#page-title a:hover {color:#2a93ef; text-decoration:none;}
		#page-title a:active {color:#1c4f7c; text-decoration:none;}

div#contentTemplate {
		background-color:#FFFFFF;
		padding:10px;
		clear:both;
		float:left;
		}

.bannerRMF {
		margin-bottom:10px;
		border:1px solid #778999;
		}

.banner {
		margin-bottom:5px;
		margin-right: 10px;
		border:1px solid #778999;
		width:350px;
		height:150px;
		}

.banner2 {
		margin-bottom:5px;
		margin-right: 10px;
		border:1px solid #778999;
		width:150px;
		height:100px;
		}


#icons {
    margin-left:5px;
	outline:0;
	border:0;
}



#icons img {
	margin-bottom:-13px;
	outline:0;
	border:0;
}

#imagesBorder {
	outline:0;
	border:0;
}

#skip-link {
		display:none;
}






#footer {
width:100%;
		color:#595959;
		margin-top:5px;
		font-size:12px;

		}
		#footer p{
		color:#595959;
		}
		#footer a:link {color:#595959; text-decoration:none; font-weight:400;}
		#footer a:visited {color:#595959; text-decoration:none; font-weight:400;}
		#footer a:hover {color:#595959; text-decoration:underline; font-weight:400;}
		#footer a:active {color:#595959; text-decoration:none; font-weight:400;}


/*
END LAYOUT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */





/*** New (2014) template ***/
.clear {
    clear: both;
}
body {
    margin-top: 0px;
    margin-bottom: 0px;
    /*background-image: url(../../../images/2014/background_bottomright.png);*/
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: right bottom;
}
#background-container-topleft {
    /*background-image: url(../../../images/2014/background_topleft.png);*/
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: left top;
}
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    html.mod-backgroundsize body {
        /*background-image: url(../../../images/2014/background_bottomright@2x.png);*/
        background-size: 389px 333px;
    }
    html.mod-backgroundsize #background-container-topleft {
        /*background-image: url(../../../images/2014/background_topleft@2x.png);*/
        background-size: 610px 499px;
    }
}



/**experimental for search box on top right corner in new template*/
div.social_icons {
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: right;
    margin-bottom: 16px;
}
/*experimental search box place ends*/

ul.social_icons li {
    display: inline-block;
    padding: 0;
    margin: 0;

}
ul.social_icons li a {
    display: block;
    line-height: 0;
    margin: 0 0 0 23px;
}
ul.social_icons li img {
    width: 46px;
    height: 46px;
    border: 0;
}
.menu {
    clear: both;
    line-height: 40px;
    font-weight: normal;
}

#footer {
    padding-top: 13px;
}

#support_icons {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#support_icons li {
    padding: 0;
    margin: 0;
    float: left;
}
#support_icons li img {
    border: none;
}
#support_icons .esrc {
    margin-right: 22px;
}
#support_icons .esrc img {
    width: 70px;
    height: 58px;
}
#support_icons .soton {
    margin-right: 26px;
    margin-top: 14px;
}
#support_icons .soton img {
    width: 142px;
    height: 31px;
}
#support_icons .manchester {
    margin-right: 28px;
    margin-top: 5px;
}
#support_icons .manchester img {
    width: 115px;
    height: 49px;
}
#support_icons .edinburgh {
    margin-top: 7px;
}
#support_icons .edinburgh img {
    width: 237px;
    height: 44px;
}



/*** New (2014) template ***/
.clear {
    clear: both;
}
body {
    margin-top: 0px;
    margin-bottom: 0px;
    /*background-image: url(../../../images/2014/background_bottomright.png);*/
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: right bottom;
}
#background-container-topleft {
    /*background-image: url(../../../images/2014/background_topleft.png);*/
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: left top;
}
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    html.mod-backgroundsize body {
        /*background-image: url(../../../images/2014/background_bottomright@2x.png);*/
        background-size: 389px 333px;
    }
    html.mod-backgroundsize #background-container-topleft {
       /* background-image: url(../../../images/2014/background_topleft@2x.png);*/
        background-size: 610px 499px;
    }
}
div#wrapper {
    padding: 10px 26px 25px 26px;
	
    background-color: #ffffff;

}
html.mod-cssgradients.mod-rgba #wrapper {
    background: linear-gradient(
            135deg,
            rgba(255,255,255,0.75)   0%,
            rgba(255,255,255,0.75)   3%,
            rgba(255,255
			,255,1.00)  15%,
            rgba(255,255,255,1.00)  85%,
            rgba(255,255,255,0.75)  95%,
            rgba(255,255,255,0.75) 100%
    );
}
html.mod-boxshadow.mod-rgba #wrapper {
    /* only use a box shadow if we support RGBA and box shadows */
    box-shadow: 0px 0px 30px -10px rgba(0,0,0,1);
}
html.mod-no-boxshadow #wrapper, html.mod-no-rgba #wrapper {
    /* fall back to just using a border, or there's no separation at all and it's hard to use */
    border-width: 0px 1px 0px 1px;
    border-color: #888888;
}
div#header, div#page-title, div#contentTemplate {
    background-color: transparent;
}
/*html, body, #background-container-topleft {*/
    /*height: 100%;*/
/*}*/

div#header {
    height: auto;
    padding: 0;
}

/*
#login_register {
    float: right;
    margin-bottom: 21px;
}
#login_register a {
    display: inline-block;
    padding: 4px 8px;
    font-weight: normal;
}
#login_register a:hover {
    background-color: #005086;
    color: #FFFFFF;
    text-decoration: none;
}
#login_register a:first-child {
    border-right: 1px solid #000000;
}
*/

#NCRMlogo {
    clear: both;
    width: auto;
    height: auto;
    display: block;
    float: left;
    margin: 0 0 16px 0;
}
#NCRMlogo img {
    width: 341px;
    height: 42px;
}
ul.social_icons {
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: right;
    margin-bottom: 16px;
}
ul.social_icons li {
    display: inline-block;
    padding: 0;
    margin: 0;

}
ul.social_icons li a {
    display: block;
    line-height: 0;
    margin: 0 0 0 23px;
}
ul.social_icons li img {
    width: 46px;
    height: 46px;
    border: 0;
}
.menu {
    clear: both;
    line-height: 40px;
    font-weight: normal;
}

#footer {
    padding-top: 13px;
}


#legal li {
    border-left: 1px solid #595959;
    padding: 0 1px 0 2px;
    margin: 0;
    display: inline-block;
}
#legal li:first-child {
    border-left: none;
    padding-left: 0;
}
#legal li:last-child {
    padding-right: 0;
}
#legal li:first-child a {
    padding-left: 0;
}
#legal li:last-child a {
    padding-right: 0;
}
#legal li a {
    display: block;
    padding: 2px 3px;
    color: #595959;
}


div#page-title {
    /* actually breadcrumbs... */
    font-weight: normal;
    margin: 25px 0 0 0;
    font-size: 12px;
    line-height: 12px;
}
div#page-title a {
    font-weight: normal;
}


div#contentTemplate {
    padding: 0;
    margin-top: 12px;
}
#contentTemplate h2 a, #contentTemplate h2 a:link {
    font-weight: normal;
}

#editable_news1 {
    border-bottom: 1px solid #B0C0DF;
    margin-bottom: 10px;
}
#editable_news2 {
    border-bottom: 1px solid #C0CCE6;
    margin-bottom: 10px;
}
#editable_news1 h1 a {
    margin-bottom: 5px;
    display: inline-block;
}
#editable_news1 h2, #editable_news1 h2 a, #editable_news2 h2, #editable_news2 h2 a {
    font-size: 17px;
}
.column1 h5, .column2 h5 {
    color: #005086;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 0;
}

#sidebar {
    width: 248px;
    margin-right: 0;
    margin-left: 10px;
}

div#sidebar > * {
    margin-left: auto;
    margin-right: 0;
}
#sidebarMenu {
    border-left: 0;
    padding-left: 0;
}


/* Lisha Start  ===============================*/

/* new horizontal menu */

div.menu > ul, div.menu > ul > li > ul.active {
    list-style: none outside none;
    margin-left: 0;
}

div.menu > ul{
    height: 24px;
    background-color: #1C4F7C;
}

div.menu > ul > li > ul {
	display: none;
}

div.menu > ul > li > ul.active {
	left: 0;
    position: absolute;
    display: block;
    background-color: #F0F0F0;
    border-bottom: 1px solid #CCCCCC;
	margin: 0 12px;
    padding: 0;
	width: 97.8%;
}

div.menu li{
    float: left;
}

div.menu li a {
    text-decoration: none;
    display: block;
    text-align: center;
    line-height: 24px;
}
div.menu > ul > li > a {
    color: #FFFFFF;
    padding: 0px 24px;
    font-size: 16px;
}

div.menu li a.active{
    background-color: #2A93EF;
	color: #FFFFFF;
}

div.menu li a:hover{
	color: #2A93EF;
}

div.menu li a.active:hover{
	color: #1C4F7C;
}

div.menu > ul > li > ul > li > a{
    padding: 0 10px;
	font-size: 13px;
}

/* twitter widget */
#twitter-feeds{
	margin: 0 2px 0 8px;
}

/* page layout */
div.list_items div{
	width: 32%;
	float: left;
	padding-right: 10px;
}

div.pageContent{
	padding: 5px;
}

div#generic-column{
    margin-left: 0px;
    width: 100%;
}

div#contentTemplate {
    width: 100%;
}

.center{
    text-align: center;
}

/* form (some of these are picked from bootstrap) */
.red {
    color: #FF0000;
}

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

form.well label{
	font-weight:bold;
}

form.well .radio_inline {
  	display: inline;

}

form.well input, form.well select, form.well textarea{
 	margin: 5px 5px 5px 20px;
}

form.well .form-control {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
    display: block;
    font-size: 1em;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 92%;
}
form.well > div{
	padding: 10px 0;
}

/* page layout*/
.container {
    width: 97%;
	
}
/* Lisha End ============================*/


/** New 2014 template - menu **/
div.menu > ul {
    padding: 0;
    height: 30px;
}


div.menu > ul > li > a {
    line-height: 30px;
    padding: 0 7px;
    /*background-color: #005086;*/
    font-weight: normal;
	border-right: 1px solid #fff;
	
}

div.menu > ul > li > span> a {
     line-height: 30px;
    padding: 0 7px;
    /*background-color: #005086;*/
    font-weight: normal;
	border-right: 1px solid #fff;


}
div.menu > ul > li:first-child > a {
    padding-left: 15px;
}
div.menu > ul > li:last-child > a {
    padding-right: 15px;
}
div.menu > ul > li > ul.active {
    margin: 0 26px;
    width: 980px;
	
}
div.menu > ul > li > ul.active > li > a {
    font-weight: normal;
}
div.menu > ul > li > ul.active > li > ul {
    /* display: none; */
    list-style-type: none;
    padding: 0;
    margin: 0;
	
}
div.menu > ul > li > ul.active > li > ul > li {

	width: 60px;
	
}

.searchbutton {
  background-image: #fdfdfd;
 
  }
/*********ReStore blue header bar*******************/


<style type="text/css">

ul#topnav {
	
	list-style: none;
	position: relative;
	font-size: 10px;
	
	
    /*background: url(../../../images/media/upmenu.gif) center center repeat-x;*/
}

ul#topnav li a {
	
	display: block;
	color: #ffffff;
	text-decoration: none;
	
	
}
/*ul#topnav li:hover { background: #1376c9 url(../../../images/media/submenu2.gif)  repeat-x;}*/

ul#topnav li span {
	top:110px;
	padding-top: 0px 0;
   
   width:95.9%;
   
	position: absolute;
	left: 0; 
	display: none;
	margin-left:26px;
	height:28px;
	line-height:30px;
	font-size: 13px;
	

	
	/*background: #1376c9;*/
	background:  url(/images/media/submenu2.gif) center center repeat-x;
		
	color: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}





div#newtopnav {float:right;margin-right:20px;}
div#newtopnavResources {float:right;margin-right:20px;margin-top:-8px;color:#ffffff;font-family: Arial, Helvetica, sans-serif;
		font-size:14px;}
div#newtopnavResources a{color:#ffffff;}


ul#topnav li:hover span {display: block;}

ul#topnav li:hover {background:  url(/images/media/submenu2.gif) center center repeat-x;}

ul#topnav li span a { display: inline;}
ul#topnav li span a:hover {text-decoration: underline;}




/************************Search box**********************************/
	#tfheader{
		width:280px;		
	}
	#tfnewsearch{
		float:center;
		padding:5px;
		padding-left:5px;
		margin-right:-8px;
		
	}
	.tftextinput{
		margin: 0;
		padding: 5px 15px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:14px;
		border:1px solid #0076a3; border-right:0px;
		border-top-left-radius: 5px 5px;
		border-bottom-left-radius: 5px 5px;
	}
	.tfbutton {
		margin: 0;
		padding: 5px 15px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:14px;
		outline: none;
		cursor: pointer;
		text-align: center;
		text-decoration: none;
		color: #ffffff;
		border: solid 1px #0076a3; border-right:0px;
		background: #0095cd;
		background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
		background: -moz-linear-gradient(top,  #00adee,  #0078a5);
		border-top-right-radius: 5px 5px;
		border-bottom-right-radius: 5px 5px;
	}
	.tfbutton:hover {
		text-decoration: none;
		background: #007ead;
		background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
		background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	}
	/* Fixes submit button height problem in Firefox */
	.tfbutton::-moz-focus-inner {
	  border: 0;
	}
	.tfclear{
		clear:both;
	}

</style>