@import "podcasts.css";

/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
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;
		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;
		/* padding:1; */
}


/*
Make for consistent list handling across different browsers. http://www.clagnut.com/blog/1287/
NEVER alter these values. Set margin & padding to 0 (or whatever you need) directly on subsequent lists. */
ul {
    	padding-left:1em;
    	margin-left: 7px;
		font-size:12px;
		color:#000;
}

ol {
    	padding-left:1em;
    	margin-left: 10px;
		font-size:12px;
		color:#000;
}


/*
No boders on images */
img {
		/*border:0;*/
}

/* Styling HRs across browsers so hide the HR in a div to style */
.siteHR {
		height:1px;
		margin: 5px 0px 5px 0px;
		width:100%;
		border-top: 1px solid #b9bdc1;
		background: none;

	}
	.siteHR hr{
		display:none;
}
/*
TYPOGRAPHY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


h1{
		color:#1c4f7c;
		font-size:18px;
		font-weight:400;
		margin-bottom:10px;
		line-height:24px;
}

h2 {
		color:#000000;
		font-size:15px;
		margin-bottom:5px;
}

h3 {
		color:#000000;
		font-size:12px;
		font-weight:bold;
		margin-bottom:5px;
}

h5 {
		font-size:15px;
        color:#000;
        font-weight:600;
		margin-bottom:5px;
}

h1, h1 a, h1 a:visited, h1 a:link {
	text-decoration: none;
	color: #1c4f7c;
	font-size:18px;
	font-weight:400;
	}

h2 a, h2 a:visited, h2 a:link{
	color: #1c4f7c;
	font-size:15px;


	}

h3, h3 a, h3 a:visited {
	color: #000000;
	font-size:12px;
	font-weight:bold;
	}

h1 a:hover, h2 a:hover, h3 a:hover {
	text-decoration: none;
	color: #2a93ef !important;
	}

h1 a:hover {
	font-size:18px;
}

h2 a:hover {
	text-decoration: none;
	color: #2a93ef !important;
	font-size:15px;
	font-weight:bold;
	}

h3 a:hover {
	text-decoration: none;
	color: #2a93ef !important;
	font-size:12px;
	font-weight:bold;
	}


h4, h4 a, h4 a:visited, h6, h6 a, h6 a:visited {
	color:#3d9ab4;
	font-size:16px;
	margin:8px 0;
	}
h4 a:hover, h6 a:hover {
	text-decoration: none;
	color: #1c4f7c !important;
	}



p {
		font-size:12px;
		color:#000;
		margin-bottom:10px;
}

tr td {
		font-size:12px;
		color:#000;
}



/*
Links: Always implement all four states through-out this stylesheet */
a:link {color:#1c4f7c; text-decoration:none; font-size:12px; font-weight:bold}
a:visited {color:#1c4f7c; text-decoration:none; font-size:12px; font-weight:bold}
a:hover {color:#2a93ef; text-decoration:underline; font-size:12px; font-weight:bold}
a:active {color:#1c4f7c; text-decoration:none; font-size:12px; font-weight:bold}

/*
END TYPOGRAPHY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/*
CLASSES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*
.large-navy-title {
		font-size:18px;
		color:#0b2b47 !important;
		font-weight:normal;
		border-bottom: 1px dotted #0b2b47;
		padding-bottom:10px;
}

.medium-blue-title {
		font-size:13px;
		border-bottom: 1px dotted #0b2b47;
		padding-bottom:10px;
}

*/
.highlight {
		color:#2a93ef !important;
}

.buttons {
	float: left;
	margin-bottom:8px;
}

.buttons img {
	border:0px;
}

.buttons tr td {
	padding:6px;
}




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

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

div#header {
		background-color:#ffffff;
		padding: 18px 10px 12px 12px;
		height:100%;
		}
		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#content {
		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;
		}

#logo {
		width:303px;
		height:37px;
		background-image:url(../images/sitewide/NCRM_new_Logo.gif);
		overflow:hidden; display:block;
		margin-top:47px;
		margin-bottom:37px;


}

#NCRMlogo {
		width:303px;
		height:37px;
		overflow:hidden; display:block;
		margin-top:47px;
		margin-bottom:37px;
		border:0;
		outline:0;


}

#logo-esrc-council {
		width:72px;
		height:60px;
		margin-top:10px;
		margin-bottom:20px;
		margin-left:8px;
		margin-right:8px;
		background-image:url(../images/sitewide/logo-esrc-council.gif);
		overflow:hidden; display:block;
		outline:0;
}

#ESRClogo {
		width:72px;
		height:60px;
		margin-bottom:10px;
		margin-left:8px;
		margin-right:8px;
		overflow:hidden; display:block;
		outline:0;
		border:0;
}

#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;
}


#main-column {
		width:700px;
		float:left;
}

.st_sharethis_hcount {
		margin-right: 40px;
}

#generic-sidebar {
		margin-left:3px;
		width:250px;
		float:left

		}

#generic-column {
		width:670px;
		margin-left:255px;
		min-height:250px;

}
#sidebar {
		float:right;
		width:255px;
		margin-right:-5px;

		}
		#sidebar p {
		margin-bottom:9px;
		}

		#sidebarMenu {
		 border-left: 1px solid #b9bdc1;
		 padding-left:10px;

		}




/* Homepage Columns*/
.column1, .column2 {
		width:300px;
		float:left;
		margin-top:5px;
}

.column1 td, .column2 td  {
		padding-bottom:7px;


}

.column1 {
		margin-right:70px;
}

.column-image {
		border-top: 1px dotted #0b2b47;
		border-bottom: 1px dotted #0b2b47;
		padding: 5px 0;
		margin-bottom:10px;
}

.column-list {
		font-size:11px;
		margin:0 0 0 15px;
		padding:0;
		line-height:14px;
		list-style-type:square;
		}
		.column-list li {
		margin-bottom:7px;
		}

/* Internal Page */
#internal-content {
		/* border-top:2px solid #0b2b47; */
		font-size:11px;
		}
		#internal-content p{
		margin-bottom:10px;
		}
		#internal-content ul, #sidebar ul{
		font-size:11px;
		margin:0 0 0 17px;
		padding:0;
		line-height:14px;
		list-style-type:square;
		color:#000000;
		}
		#internal-content ol, #sidebar ol{
		font-size:11px;
		margin:0 0 0 24px;
		padding:0;
		line-height:14px;
		color:#000000;
		}
		#internal-content li, #sidebar li {
		margin-bottom:7px;
		}

#footer {
		color:#595959;
		margin-top:5px;

		}
		#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
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/*
IMAGES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding:5px;
	border: 1px solid #d4d4d4;
	clear:both;
	}

img.alignright {
	margin: 10px 20px 10px 30px;
	display: inline;
	padding:5px;
	border: 1px solid #d4d4d4;
	clear:right;
	}

img.alignleft {
	margin: 10px 30px 10px 20px;
	display: inline;
	padding:5px;
	border: 1px solid #d4d4d4;
	clear:left
	}

.alignright {
	float: right;
	}

.alignleft {
	float:left;
	}
/*
END IMAGES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/*
FORM LAYOUT
When creating a form add .formField to any fields, .formLabel to labels
and proceed labels with a <br class="formBR" />
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

fieldset {
	border: none;
}

fieldset legend {
	padding: 10px 0 10px 0 !important;
	font-size:14px;
	font-weight:bold;
}

form, label input {
	margin: 0;
	padding: 0;
	font-size:12px;
}

input:focus, textarea:focus, label:focus {
	background: #fff;
	border: 1px solid #686868;
}

label.formLabel, input.formField {
		display: block;
		width: 150px;
		float: left;
		margin-bottom: 5px;
		color:#555;
}

label.formLabel {
		text-align: left;
		float:left;
		width: 130px;
		display: block;
}

.formField {
		border:1px solid #bccdf0;
		padding:2px;
		color:#b3b2b2;
}

br.formBR {
		clear: left;
}




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

/*
HEADINGS
Refer to site-map for all headers. Ensure consitent casing.
NOTE: Heading naming convention - #heading_human_name_title
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*
END HEADINGS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


/* DROPDOWN MENU */

.firstlevel {
	display:block;
	padding:5px 25px 0px 25px;
	border-left:1px solid #FFFFFF;
}


.suckertreemenu ul{
margin:0px;
padding: 0px;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: block;
z-index: 25;
background-color: #1C4F7C;
float:left;
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: inline;
padding: 1px 25px 1px 25px ;
border: 1px solid #1C4F7C;
border-left-width: 0;
border-left: 1px solid #DADADA;

text-decoration: none;
color: white;
font-family: Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;

line-height:24px;
}

.suckertreemenu ul li a:hover{
/* background-color: #2a93ef; */
text-decoration:underline;
color: white;
font-family: Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
line-height:24px;
}

.suckertreemenu ul li a:visited {
/* text-decoration:none; */
color: white;
font-family: Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
line-height:24px;
margin:0;

}


* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}

/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */
#treemenu1 {color:white;

}

#lastli {
line-height:24px;
width:70px;
}

#firstli {
border-left:0px;
color: white;
font-family: Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;

line-height:24px;
}

#frontPageLink {
	font-weight:400;

}




/*Training Event Form*/
.redstar{
	color: #ff0000;
}

.question{
	padding: 10px;
	clear: left;
	margin-bottom: 20px;
	background-color: #f9f9f9;
	width: 550px;
	border: 1px solid #eee;


}
.question input, .question select, .question textarea{
	border: 1px solid black;
	background-color: #eee;
	width: 400px;
}

.question .disabled{
	border: 1px solid #ddd;
	background-color: #f5f5f5;
	width: 400px;
}

.question .disabledtext{
	color: #ddd;
}

.question-request{
	background-color: #f9f9f9;
	padding: 0px 10px 5px 3px;
	width: 120px;
}

.question-request, .question-response{
float: left;

}

.labeltext{
	font-weight: bold;
}



.option{
	border: 1px solid black;
}

.region .textarea{
	border: 1px solid black;
}

.submit input{
	border: 1px solid black;
	background-color: #ddd;
	margin-top: 20px;

}

.adddelete{
		margin: 5px;
		border: 1px solid black;
		background-color: #ddd;
}

#tandeNav {
	border-style: none;
	margin-left:8px;
	margin-right:8px;
}

/*Search box*/
#searchbox{
	padding: 4px;

	float: left;
	margin-right:60px;

}

#searchbox fieldset {
    margin: 0;
    padding: 0;
    width: 400px;
}

#search-title-texts{
	float: left;
}

#search-input{
	float: left;

}


#search-inputs .search-input{
	padding-bottom: 6px;
}

#search-inputs{
	width: 500px;
}

.search-title-text{
	width: 124px;
	padding-bottom: 16px;
}

button.training_search {
	display: inline-block;
	border: 2px solid #FFFFFF;
	border-radius: 10px;
	background-color: #005086;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0 0 0 -2px;
	padding: 6px 12px;
	-webkit-transition: border-color 0.3s, box-shadow 0.3s;
	transition: border-color 0.3s, box-shadow 0.3s;
}

button.training_search:hover {
	border-color: #2A93EF;
	box-shadow: 0px 0px 10px 0px rgba(42, 147, 239, 1);
	text-decoration: none;
}

input + button.training_search {
	margin-left: 2px;
}

#search-to{
	padding-left: 9px;
	padding-right: 8px;
}

.search-input .daterange{
	width: 70px;
}

.search-input #submit{

	margin-left: 13px;
}

.searchcheckbox{
	float: left;
	width: 100px;
}
/*Advanced search */
#searchboxadvanced{
	padding: 4px;

	float: left;
	width: 670px;
}

#searchstring{
	width: 300px;
}

#searchfor input{
	margin-left: 20px;

}
#searchforoptions{
	margin-left: 60px;
	margin-top: 5px;
}

#searchselecttext{
	float: right;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-top: 1px solid black;
	padding: 2px 7px 2px 7px;
	width: 350px;
	margin-top: 10px;
	font-weight: bold;
}

#searchboxadvanced fieldset{
	border: 1px solid black;
	padding: 0px 20px 10px 20px;
}

#searchboxadvanced legend{
	font-weight: bold;
	font-size: 1em;
}

#searchadditional{
	clear: both;
	width: 600px;
	height: 25px;
}

#searchadditionaltitle{
	float: left;
}
#searchbox #searchadditionaltitle {
    width: 124px;
    padding-bottom: 16px;
}
#searchboxadvanced #searchadditionaltitle {
    font-weight: bold;
    width: 100px;
    margin-right: 20px;
}

#searchadditionalinput{
	width: 300px;
	float: left;
}

#searchadditionalinput label{
	margin-right: 8px;

}

.ep_citations_item li {
margin-bottom:5px;
}

.tande_results_pagination {
    clear: both;
    margin-left: auto;
    margin-right: 0;
}
.tande_results_pagination_spacer_left {
    width: 100px;
}
.tande_results_pagination_pagexofy {
    width: 50px;
    text-align: center;
    font-size: medium;
}
.tande_results_pagination_spacer_right {
    width: 75px;
}
.tande_results_pagination_viewonmap {
    width: 100px;
}
.tande_search_results tr, .tande_search_results tr td {
    border-bottom: 1px solid #F0F0F0;
}
.tande_search_results {
    width: 100%;
    /*width: 730px;*/
    margin-left: auto;
}
.tande_search_results .tande_results_date {
    width: 50px;
    white-space: nowrap;
}
.tande_search_results .tande_results_establishmentblob {
    width: 20px;
}
.tande_search_results .tande_results_establishmentblob .course_run_by_NCRM, .tande_search_results .tande_results_establishmentblob .course_run_by_DTC, .tande_search_results .tande_results_establishmentblob .course_run_by_other, .tande_search_results .tande_results_establishmentblob .course_run_by_ADRC {
    margin-right: 0;
}
.tande_search_results .tande_results_title_doublespan.tande_results_title_loggedin {
    /*width: 400px;*/
}
.tande_search_results .tande_results_title_singlespan.tande_results_title_loggedin {
    /*width: 375px;*/
    padding-left: 0;
}
.tande_search_results .tande_results_title_doublespan.tande_results_title_notloggedin {
    /*width: 480px;*/
}
.tande_search_results .tande_results_title_singlespan.tande_results_title_notloggedin {
    /*width: 455px;*/
    padding-left: 0px;
}
.tande_search_results .tande_results_activationtoggle_loggedin {
    width: 76px;
}
.tande_search_results .tande_results_activationtoggle_notloggedin {
    width: 0px;
}
.tande_search_results .tande_results_furtherinfo {
    width: 0px;
}
.tande_search_results .tande_results_edit {
    width: 73px;
}
.tande_legend td {
    white-space: nowrap;
}
.tande_legend td span {
    display: inline-block;
}
.tande_legend .course_run_by_NCRM, .tande_legend .course_run_by_DTC, .tande_legend .course_run_by_other, .tande_legend .course_run_by_ADRC {
    float: left;
    margin-right: 5px;
    margin-top: 5px;
}
.course_run_by_NCRM, .course_run_by_DTC, .course_run_by_other, .course_run_by_ADRC {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: none;
    border-radius: 10px;
    margin-right: 5px;

    /*transform-style: preserve-3d;*/
    /*transform: rotateX(0) rotateY(0) rotateZ(0);*/
    /*-webkit-animation: wibble 1s linear infinite;*/
            /*animation: wibble 1s linear infinite;*/
}
/*@-webkit-keyframes wibble {*/
    /*from {*/
        /*-webkit-transform: rotate3d(0, 1, 1, 0deg);*/
    /*}*/
    /*to {*/
        /*-webkit-transform: rotate3d(0, 1, 1, 360deg);*/
    /*}*/
/*}*/
/*@keyframes wibble {*/
    /*0% {*/
        /*transform: rotateY(0) rotateZ(0);*/
    /*}*/
    /*100% {*/
        /*transform: rotateY(180deg) rotateZ(180deg);*/
    /*}*/
/*}*/

.course_run_by_NCRM {
    background-color: #B8DBFA;
}
.course_run_by_DTC {
    background-color: #D8ECBD;
}
.course_run_by_ADRC {
    background-color: #FFFF80;
}
.course_run_by_other {
    background-color: #D0D0D0;
}


#additional_establishments .ui-button {
    width: 51px;
}
#additional_establishments .add_est_bset_adrc .ui-button {
    width: auto;
}
#additional_establishments .ui-button-text-only .ui-button-text {
    padding: 0.3em 0.4em;
    font-size: 0.9em;
}


.training-calendar-link {
    display: inline-block;
    position: relative;
}
.training-calendar-link img {
    width: 41px;
    height: 41px;
}
.training-calendar-link .tcl-mon {
    font-weight: normal;
    font-size: 10px;
    text-transform: uppercase;
    color: #ffffff;
    position: absolute;
    top: 3px;
    left: 3px;
    width: 35px;
    line-height: 8px;
    text-align: center;
}
.training-calendar-link .tcl-dom {
    font-weight: bold;
    font-size: 25px;
    line-height: 21px;
    color: #231f23;
    position: absolute;
    top: 16px;
    left: 3px;
    width: 36px;
    text-align: center;
}
a.training-calendar-link:hover, a.training-calendar-link:hover span {

    cursor: pointer;
}


div.jp-audio, div.jp-audio-stream, div.jp-video {
    clear: both;
}


/*** 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: 20px 26px 39px 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#content {
    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 {
    border-top: 1px solid #c0cce6;
    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;
}
#legal {
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: right;
}
#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#content {
    padding: 0;
    margin-top: 12px;
}
#content h2 a, #content h2 a:link {
    font-weight: normal;
}
#editable_news1 {
    border-bottom: 1px solid #B0C0DF;
    margin-bottom: 10px;
}
#editable_news2, #editable_news3 {
    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, #editable_news3 h2, #editable_news3 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;
}
#sidebar #twitter-feeds {
    margin: 3px 0 7px 0;
}
#sidebar .container {
    float: none;
}
#sidebar .container h5 {
    color: #FFFFFF;
    margin-bottom: 10px;
    font-size: 17px;
    margin-top: 5px;
}
#sidebar .container #tabcontent table td a {
    font-weight: normal;
    display: block;
    width: 180px;
}

#sidebar form.sidebar_explore {
    background-color: #005086;
    margin: 0 0 10px 0;
    padding: 10px;
}
#sidebar form.sidebar_explore .explore-signin, form.sidebar_explore .explore-signin:link {
    float: right;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: normal;
}
#sidebar form.sidebar_explore fieldset {
    border: 0;
    margin: 0;
    padding: 0;
    clear: right;
}
#sidebar form.sidebar_explore fieldset legend {
    font-size: 17px;
    line-height: 17px;
    padding: 0 !important;
    color: #FFFFFF;
    font-weight: normal;
    margin-bottom: 10px;
}
#sidebar form.sidebar_explore fieldset input[type="search"] {
    height: 40px;
    width: 190px;
    padding: 0;
    margin: 0 0 8px 0;
    border: 0;
}
#sidebar form.sidebar_explore fieldset button[type="submit"] {
    height: 40px;
    width: 35px;
    padding: 0;
    margin: 0;
    cursor: pointer;
    text-indent: -100000px;
    background-color: #FFFFFF;
    border: 0;
    background-repeat: no-repeat;
    background-position: 0 center;
    background-image: url(/images/2014/search.png);
}
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    html.mod-backgroundsize #sidebar form.sidebar_explore fieldset button[type="submit"] {
        background-image: url(/images/2014/search@2x.png);
        background-size: 30px 30px;
    }
}
#sidebar form.sidebar_explore fieldset ul.search-areas {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#sidebar form.sidebar_explore fieldset ul.search-areas li {
    display: inline-block;
    margin: 0 0 4px 0;
    padding: 0;
    width: 73px;
}
#sidebar form.sidebar_explore fieldset ul.search-areas li input[type="checkbox"] {
    position: relative;
    top: 1px;
    margin-right: 1px;
    cursor: pointer;
    float: left;
}
#sidebar form.sidebar_explore fieldset ul.search-areas li label {
    color: #FFFFFF;
    cursor: pointer;
    display: block;
}



/*** 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: 20px 26px 39px 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#content {
    background-color: transparent;
}
/*html, body, #background-container-topleft {*/
    /*height: 100%;*/
/*}*/
div#header {
    height: auto;
    padding: 0;
	margin-bottom: 30px;
}
#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;
	border: 0;
}
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;
	border-radius: 25px;
}
.menu {
    clear: both;
    line-height: 40px;
    font-weight: normal;
}

#footer {
    border-top: 1px solid #c0cce6;
    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;
}
#legal {
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: right;
}
#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#content {
    padding: 0;
    margin-top: 12px;
}
#content h2 a, #content 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;
}
#sidebar form.google-search {
    width: 242px;
    margin-bottom: 10px;
}
#sidebar .sidebar_video {
    width: 242px;
    margin-bottom: 10px;
}
#sidebar .buttons {
    /*display: none;*/
    float: none;
}
#sidebar .buttons table {
    margin-left: auto;
}
#sidebar .buttons table tr td {
    padding: 3px;
}
#sidebar .container {
    float: none;
}
#sidebar .container h5 {
    color: #FFFFFF;
    margin-bottom: 10px;
    font-size: 17px;
    margin-top: 5px;
}

#sidebar form.sidebar_explore {
    background-color: #005086;
    margin: 0 0 10px 0;
    padding: 10px;
}
#sidebar form.sidebar_explore .explore-signin, form.sidebar_explore .explore-signin:link {
    float: right;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: normal;
}
#sidebar form.sidebar_explore fieldset {
    border: 0;
    margin: 0;
    padding: 0;
    clear: right;
}
#sidebar form.sidebar_explore fieldset legend {
    font-size: 17px;
    line-height: 17px;
    padding: 0 !important;
    color: #FFFFFF;
    font-weight: normal;
    margin-bottom: 10px;
}
#sidebar form.sidebar_explore fieldset input[type="search"] {
    height: 40px;
    width: 190px;
    padding: 0;
    margin: 0 0 8px 0;
    border: 0;
}
#sidebar form.sidebar_explore fieldset button[type="submit"] {
    height: 40px;
    width: 35px;
    padding: 0;
    margin: 0;
    cursor: pointer;
    text-indent: -100000px;
    background-color: #FFFFFF;
    border: 0;
    background-repeat: no-repeat;
    background-position: 0 center;
    background-image: url(/images/2014/search.png);
}
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    html.mod-backgroundsize #sidebar form.sidebar_explore fieldset button[type="submit"] {
        background-image: url(/images/2014/search@2x.png);
        background-size: 30px 30px;
    }
}
#sidebar form.sidebar_explore fieldset ul.search-areas {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#sidebar form.sidebar_explore fieldset ul.search-areas li {
    display: inline-block;
    margin: 0 0 4px 0;
    padding: 0;
    width: 73px;
}
#sidebar form.sidebar_explore fieldset ul.search-areas li input[type="checkbox"] {
    position: relative;
    top: 1px;
    margin-right: 1px;
    cursor: pointer;
    float: left;
}
#sidebar form.sidebar_explore fieldset ul.search-areas li label {
    color: #FFFFFF;
    cursor: pointer;
    display: block;
}


/* 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, div.menu li.active > a {
    background-color: #2A93EF;
	color: #FFFFFF;
}

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

div.menu li a.active:hover, div.menu li.active > a: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#content {
    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: 32px;
}
div.menu > ul > li > a {
    line-height: 32px;
    padding: 0 7px;
    background-color: #005086;
    font-weight: normal;
}
div.menu > ul > li:first-child > a {
    padding-left: 8px;
}
div.menu > ul > li:last-child > a {
    padding-right: 8px;
}
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 {
    list-style-type: none;
	left: 0;
	position: absolute;
	display: block;
    padding: 0;
    margin: 0;
	width: 980px;
}

div.menu > ul > li > ul.active > li.hasSubmenu.active {
	margin-bottom: 23px;
}

div.menu > ul > li > ul.active > li > ul > li {
	width: 70px;
}

div.menu li.search {
    float: right;
    padding: 1px;
	padding-left: 0;
    line-height: 29px;
}

/*noinspection ALL*/
div.menu li.search .formfield,
div.menu li.search input.gsc-input {
    cursor: text;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
    width: 50px;
    height: 30px;
	box-sizing: border-box;
    border: none !important;
    padding-right: 6px !important;
    opacity: 0.75;
    -webkit-transition:
        width 0.5s ease,
        opacity 0.5s ease;
    transition:
        width 0.5s ease,
        opacity 0.5s ease;
}

div.menu li.search:hover .formfield,
div.menu li.search:hover input.gsc-input {
    width: 50px;
    opacity: 0.85;
}

/*noinspection ALL*/
div.menu li.search .formfield:focus,
div.menu li.search input.gsc-input:focus,
div.menu li.search .formfield.hasValue,
div.menu li.search input.gsc-input.hasValue {
    cursor: text;
    width: 200px;
    opacity: 1.0;
}
/*
 * Annoyingly I have to repeat this set of rules because browsers that don't understand the ":valid" pseudo-class end up
    ignoring the entire ruleset rather than just that one selector... */
div.menu li.search .formfield:valid {
    /* `:valid` in this context means that the field has a non-empty value, as
    this field is set to "required", thus making an empty field "invalid".
    This allows us to dynamically style the search field according to
    whether anything has been entered into it */
    cursor: text;
    width: 200px;
    opacity: 1.0;
}

/*noinspection ALL*/
div.menu li.search input[type="submit"],
div.menu li.search input.gsc-search-button {
    height: 30px;
    width: 30px;
    padding: 0;
    margin: 0;
    cursor: pointer;
    text-indent: -100000px;
    border: 0;
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-position: 0 center;
    background-image: url(/images/2014/search.png);
    opacity: 0.75;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    background-size: 25px 25px;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    html.mod-backgroundsize div.menu li.search input[type="submit"],
	html.mod-backgroundsize div.menu li.search input.gsc-search-button {
        background-image: url(/images/2014/search@2x.png);
    }
}

div.menu li.search:hover .formfield + input[type="submit"],
div.menu li.search:hover input.gsc-search-button {
    opacity: 0.85;
}

/*noinspection ALL*/
div.menu li.search .formfield:focus + input[type="submit"],
div.menu li.search input.gsc-search-button.fieldHasFocus,
div.menu li.search input.gsc-search-button.fieldHasValue {
    opacity: 1.0;
}

/* again, duplicating the entire ruleset for browsers that don't supuport :valid */
div.menu li.search .formfield:valid + input[type="submit"] {
	opacity: 1.0;
}

form.gsc-search-box td {
	height: 30px ! important;
	overflow-y: hidden;
}

/* undo some google custom search styles */
form.gsc-search-box, table.gsc-search-box, td.gsc-search-button {
	margin-bottom: 0 !important;
	width: auto !important;
}
table.gsc-search-box td.gsc-input {
	padding-right: 0 !important;
}
input.gsc-search-button {
	min-width: 0 !important;
	border-radius: 0 !important;
	-webkit-border-radius: 0 !important;

}

/* PORTAL START */

ul.portal-home-links {

}
ul.portal-home-links li {
	display: inline-block;
	width: 48%;
}
ul.portal-home-links li a {
	display: block;
	border: 5px solid #ffffff;
	border-radius: 5px;
	background-color: #005086;
	line-height: 18pt; /* 30 */
	font-size: 13pt; /* 16 */
	color: #ffffff;
	font-weight: bold;
	margin: 15px 5px; /* 20 10 */
	padding: 10px 15px; /*10 20 */
	-webkit-transition: border-color 0.3s, box-shadow 0.3s;
	transition: border-color 0.3s, box-shadow 0.3s;

}
ul.portal-home-links li a:hover {
	border-color: #2A93EF;
	box-shadow: 0px 0px 25px 0px rgba(42, 147, 239, 1);
	text-decoration: none;
}
ul.portal-home-links li a.disabled {
	border: 5px solid #5D6F86;
	background-color: #5D6F86;
	color: #000000;
	font-weight: bold;
}
ul.portal-home-links li a.disabled:hover {
	border-color: #5D6F86;
	box-shadow: none;
}

ul.portal-home-back li {
	display: inline-block;
	width: 170px;
	margin-left: -25px;

}
ul.portal-home-back li a {
	display: block;
	border: 5px solid #ffffff;
	border-radius: 5px;
	background-color: #005086;
	line-height: 18pt;
	font-size: 13pt;
	color: #ffffff;
	font-weight: bold;
	margin: 0px 5px 5px 5px;
	padding: 5px 10px;
	-webkit-transition: border-color 0.3s, box-shadow 0.3s;
	transition: border-color 0.3s, box-shadow 0.3s;

}
ul.portal-home-back li a:hover {
	border-color: #2A93EF;
	box-shadow: 0px 0px 25px 0px rgba(42, 147, 239, 1);
	text-decoration: none;
}
ul.portal-home-back li a.disabled {
	border: 3px solid #5D6F86;
	background-color: #5D6F86;
	color: #000000;
	font-weight: bold;
}
ul.portal-home-back li a.disabled:hover {
	border-color: #5D6F86;
	box-shadow: none;
}

form .fieldDesc {
	display: block;
	margin: 15px 15px 5px 15px;
	font-style: oblique;
	color: #666666;
}

p.top-text {

	margin-left: 15px;
	margin-top: -5px;
	margin-bottom: 13px
}

a.nostyle {
	display: block !important;
	border: 0px solid !important;
	border-radius: 0px !important;
	background-color: #ffffff !important;
	line-height: normal !important;
	font-size: 12px !important;
	color: #1C4F7C !important;
	font-weight: normal !important;
	margin: 0px 0px !important;
	padding: 0px 0px !important;
	-webkit-transition: border-color 0s, box-shadow 0s !important;
	transition: none !important;


}

.nostyle:hover {
	border-color: #FFFFFF !important;
	box-shadow: none !important;
	text-decoration: underline !important;
}



.green a {
	background-color: #88BB33 !important;
}

.green a:hover {
	border-color: #6B932B !important;
	box-shadow: 0px 0px 25px 0px rgba(107,147,43,1) !important;

}

.sea a {
	background-color: #008888 !important;
}

.sea a:hover {
	border-color: #007575 !important;
	 box-shadow: 0px 0px 25px 0px rgba(0,103,103,1) !important;
/*border-color: #FFFFFF !important;
box-shadow: 0px 0px 0px 0px rgba(0,0,0,1) !important;*/


}

.lblue a {
background-color: #6677AA !important;
}

.lblue a:hover {
border-color: #4A5F9C !important;
box-shadow: 0px 0px 25px 0px rgba(74,95,156,1) !important;

}

.grey a {
background-color: #555 !important;
}

.grey a:hover {
border-color: #5D6F86 !important;
box-shadow: 0px 0px 25px 0px rgba(150,150,150,1) !important;

}

#cf {
	position:relative;
	height:150px;
	width:350px;
	margin:0 auto;
}

#cf a img {
	position:absolute;
	left:0;
	-webkit-transition: opacity 2s ease-in-out;
	-moz-transition: opacity 2s ease-in-out;
	-o-transition: opacity 2s ease-in-out;
	transition: opacity 2s ease-in-out;
}


@keyframes cfFadeInOut {
	0% {
		opacity:1;
	}
	45% {
		opacity:1;
	}
	55% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

#cf a img.top {
	animation-name: cfFadeInOut;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-duration: 8s;
	animation-direction: alternate;
}




/* PORTAL END */