/**********************************

 infolab21 new new version
 j.smith8@lancaster.ac.uk
 April 2007

**********************************/

div#form1 label {width:160px; float:left;} /* ED 05062007 */



/* persist vertical scrollbars */

:root{
	overflow-y:scroll;
}

/** general styles **/

/* smaller font size */
p,
img,
fieldset span,
fieldset textarea,
fieldset legend,
fieldset label,
li,
dt,
dd,
table.styled {
	font-size:70%;
}

body {
	color:#366;
	
}

a {
	color:#699;
}

a:hover {
	color:#f93;
}

h2,h3,h4 {
	color:#699;
}

p,li,img {
	color:#366;
}

p.smallprint {
	font-size:60%;
	color:#699;
}

/*Support For Business Text*/

p.grey {
	color:#666;
}

h3.grey {
	color:#666;
}

a.grey {
	color:#666;
}

li.grey {
		color:#666;
}


a:hover.grey {
	color:#f93;
}
/* */


p.alert {
	color:#f33;
}

div.it {
	color: #b2b9bd;
	font-weight:bold;

}

/** forms **/

textarea {
	width:500px;
}

/** link styles **/

ul.link li,
div.link {
	background:transparent url(../images/bg_link.gif) no-repeat top left;
}
/* back to top link*/
div.top {
	text-align:right;
	font-size:smaller;
	}
/* End back to top link */
div.mp4 {
	position:relative;
	min-height:20px;
	background:transparent url(../images/bg_vid.gif) no-repeat top left;
}

div.mp4 p {
	padding:0 0 0 20px;
	line-height:140%;
}

div.mp4 h3,
div.mp4 h4 {
	padding:0 0 0 20px;
	line-height:140%;
}

/* ie hack \*/
* html div.mp4 {
	height:22px;
}


/* End ie hack */

/** header **/

#header {
	position:relative;
	height:130px;
	margin:0 0 15px 0;
/*	overflow:hidden;	*/
	background:#fff;
}

#header .infolab21_logo {
	position:relative;
	padding:0 0 0 4px;
	background:#fff url(../images/header_bg.gif) repeat-x;
	z-index:1;
}

#header .lu_logo {
	position:absolute;
	right:0;
	top:5px;
	width:200px;
	height:120px;
	background:#fff;
	border-left:#b2b9bd 1px solid;
	text-align:right;
	z-index:100;
}

/** search **/

fieldset#search {
	position:absolute;
	top:100px;
	right:91px;
	height:30px;
	width:275px;
	margin:0;
	padding:0;
	z-index:100;
	background:transparent url(../images/search_bg.gif) no-repeat;	
}

fieldset#search legend {
	display:none;
}

fieldset#search form {
	margin:0;
	padding:0;
	background:transparent;	
}

fieldset#search input {
	position:absolute;
	margin:0;
	padding:0;
	border:#fff 0px solid;
	background:transparent;
	font-size:smaller;
	color:#699;
}

fieldset#search input#q {
	top:7px;
	right:25px;
	height:20px;
	width:160px;
}

fieldset#search input#sa {
	top:5px;
	right:5px;
	height:20px;
	width:20px;
/*	
	background:transparent url(../images/search_go_bg.gif) no-repeat;
*/
	cursor:pointer;
	color:#fff;
	font-size:0%;
	text-indent:100px;
	overflow:hidden;
}

/*
fieldset#search input#sa:hover {
	background:transparent url(../images/search_go_bg2.gif) no-repeat;
}
*/

/** navigation bar **/

#navbar {
	background:#fff;
	z-index:2;
	}

#navbar ul {
	margin:0;
	padding:0;
	list-style:none;
	}

#navbar li {
	float:left;
	margin:0 3px 0 0;
	padding:0;
	background:url("../images/bg_navbar_r.gif") no-repeat right top;
	background-image:url("../images/bg_navbar_r_current.gif");
	}

#navbar a {
    float:left;
	display:block;
	background:url("../images/bg_navbar_l.gif") no-repeat left top;
	background-image:url("../images/bg_navbar_l_current.gif");
    padding:3px 5px 2px;
	text-decoration:none;
	color: #fff;
	color: #eee;
	font-weight:bold;
	}
	
/* Commented Backslash Hack
hides rule from IE5-Mac \*/
#navbar a {float:none;}
/* End IE5-Mac hack */
	
#navbar li.current {
	background-image:url("../images/bg_navbar_r_current.gif");
	}

#navbar li.current a {
	background-image:url("../images/bg_navbar_l_current.gif");
    padding-bottom:3px;
	color: #fff;
	}

#navbar ul li a:hover {
	color: #f93;
	}

/** breadcrumbs **/

#crumbs {
	width:100%;
	float:left;
	background:#b2b9bd;
}

#crumbs p {
	color:#ddd;
	font-size:65%;
	padding:5px 0;
	margin-left:185px;
}

#crumbs p a,
#crumbs p a:hover {
	color:#eee;
	text-decoration:none;
}

/** subnav **/

#subnav {
	float:left;
	margin-bottom:15px; 
	padding-bottom:20px;
	background:#b2b9bd url(../images/bg_nav.gif) no-repeat bottom left;
}

/** subnav list styles **/

#subnav ul {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	border-bottom:1px solid #fff;
	display:block;
	width:185px;
	overflow:hidden;
}

#subnav.empty ul {
	border-bottom:1px solid #b2b9bd;
}

#subnav ul ul {
	float:left;
	margin-top:-1px;
	background:#ddd;
	border-bottom:0px;
}

#subnav li {
	display:block;
	float:left;
	margin:0;
	padding:0;
	font-size:75%;
	font-weight:bold;
	border-top:1px solid #fff;
}

#subnav li li {
	font-size:95%;
	border-top:0px;
	border-top:1px solid #d0d0d0;
}

/* a and span - default text and border styles */

#subnav li a {
	display:block;
	float:left;
	padding:5px;
	width:175px;
	color:#fff;
	text-decoration:none;
}

#subnav li li a {
	padding:5px 5px 5px 30px;
	width:150px;
	border-bottom:0px;
}

/* ie hack \*/
* html #subnav li a {
	height:1px;
	width:185px;
}


/* End ie hack */

/* a - standard background */

#subnav li a {
	background:#b2b9bd;
}

#subnav li li a {
	color:#b2b9bd;
	background:#ddd;
}

/* a-hover */

#subnav li a:hover,
#subnav li.current a:hover {
	color:#f93;
	background:#ddd;
}

#subnav li li a:hover,
#subnav li li.current a:hover {
	color:#f93;
	background:#ddd;
}

/* current option */

#subnav li.current a {
	color:#f93;
	background:#ddd;
}

#subnav li li.current a {
	color:#f93;
	background:#ddd;
}

/** content **/

#content {
	background:transparent url(../images/bg_content.gif) no-repeat top left;
}

/** side liner **/

#side .liner h2 {
	font-size:110%;
}

/** liner for demonstrator box **/

.demonstrator .liner {
	border:0;
	background:transparent url(../images/bg_demonstrator.gif);
}

/** liner for orange box **/

.orange .liner {
	border:0;
	background:transparent url(../images/bg_orange.gif);
}

/** home page styles **/

#home_index  #content,
#home_index_dev  #content {
	background:transparent url(../images/bg_content_home.gif) repeat-x top;
}

#home_index  #full,
#home_index_dev  #full {
	left:0;
	margin-top:0;
	}

#home_index #side,
#home_index_dev #side {
	display:none;
	}

#home_index #column,
#home_index_dev #column {
	width:185px;
	min-height:400px;
	float:right;
	}
	
#home_index #left,
#home_index_dev #left {
	left:0;
	width:299px;
	margin-top:0;
	padding-right:15px;
	border-right:#ddd 1px solid;
	}

#home_index #right,
#home_index_dev #right {
	width:330px;
	}

#home_index #crumbs p,
#home_index_dev #crumbs p {
	margin-left:185px;
}
	
#home_index #banner,
#home_index_dev #banner {
	height:160px;
	}
	
/** google search page **/

#content.search {
	font-size:75%;
	padding-bottom:10px;
}

#content.search li {
	font-size:100%;
}

#content.search table {
	display:none;
}

#content.search table td {
	font-size:100%;
	background:transparent;
}

#content.search div table {
	display:block;
}

#content.search div td,
#content.search div p {
	font-size:100%;
}

#content.search div {
	width:99%;
	font-size:100%;
	border-bottom:1px #b2b9bd solid;
	margin-bottom:10px;
}

#content.search img,
#content.search center div {
	display:block;
	border:0px #fff solid;
}

#content.search br {
	display:none;
}

#content.search center {
	margin:0;
	padding:0;
}

/** atomz search page **/

#content.atomz table {
	display:none;
}

#content.atomz p {
	display:none;
}

#content.atomz img {
	display:none;
}

#content.atomz p.show {
	display:block;
}

#content.atomz h3 {
	font-size:95%;
	padding:0 0 5px 0;
}

#content.atomz .ad,
#content.atomz .ad_area {
	display:none;
}

/** calendar view
#fullcalendar {

}**/

/** index panel box **/

div.index_panel1 {
	position:relative;
	float:left;
	height:150px;
	width:660px;
	background:#b2b9bd url(../images/bg_index_panel3.jpg) no-repeat top right;
	margin:0 0 10px 0;
}

div.index_panel2 {
	position:relative;
	height:150px;
	width:305px;
	overflow:auto;
	z-index:1000;
}

div.index_panel2 h2 {
	display:none;
}

div.index_panel2 p {
	color:#fff;
	font-weight:bold;
	font-size:75%;
	line-height:120%;
	padding:15px;
}

/** feature box **/

div.feature1 {
	position:relative;
	width:280px;
	margin:5px 0 10px 0;
	float:right;
}

div.feature2 {
	position:relative;
	width:270px;
	background:#b2b9bd url(../images/bg_feature.gif) no-repeat top right;
	float:right;
}

div.feature3 {
	position:relative;
	background:transparent url(../images/bg_feature_text.gif) no-repeat bottom right;
	padding:10px;
}

div.feature3#alt {
	background:transparent url(../images/bg_feature_text2.gif) no-repeat bottom right;
}

div.feature3 h3 {
	font-size:80%;
	color:#066;
	padding:0 0 5px 0;
}

div.feature3 img {
	border:#699 1px solid;
	margin:0 0 5px 5px;
}

div.feature3 p {
	font-size:70%;
}

/** item **/

div.item {
	border-top:1px solid #b2b9bd;
}

div.item img {
	border:1px solid #b2b9bd;
}

/** image box **/

div.image_box .caption {
	color:#699;
}

div.img_right {
	border:none;
	margin-left:5px;
	float:right;


}

/** footer **/

#footer {
	border-top:1px #b2b9bd solid;
}

/*img#enw,
img#nwda,
img#infolab {
	position:relative;
	float:right;
} 
*/
img#enw {
	padding-left:0px;
}

img#nwda,
img#infolab {
	padding-left:60px;
	}
/*
img#nwda {
	margin:0 5px 20px 20px;
}

#footer.home div {
	padding-left:107px;
}

#footer.home img#enw {
	margin-right:269px;
} 
*/
/** jquery plugin styles **/

/* facebox */

#facebox .b {background:url(../images/facebox_b.png);}
#facebox .tl {background:url(../images/facebox_tl.png);}
#facebox .tr {background:url(../images/facebox_tr.png);}
#facebox .bl {background:url(../images/facebox_bl.png);}
#facebox .br {background:url(../images/facebox_br.png);}
#facebox .footer {border-top:1px solid #B2B9BD;}

/* FullCalendar */

/* all events */
.fc-event,.fc-agenda .fc-event-time,.fc-event a {
	border-style: solid;
}

/* standard events */
.event_type_standard,
.fc-event,.fc-agenda .fc-event-time,.fc-event a {
	border-color:#699;
	background-color:#699;
	color: #fff;
}

/* schools */
.event_type_17,
.fc-agenda .event_type_17 .fc-event-time,
.event_type_17 a {
	background-color:#639;
	border-color:#639;
	color: #fff;
}

/* conference */
.event_type_3,
.fc-agenda .event_type_3 .fc-event-time,
.event_type_3 a {
	background-color: #999;
	border-color: #999;
	color: #fff;
}

/* demonstration/workshop 

.event_type_21,
.fc-agenda .event_type_21 .fc-event-time,
.event_type_21 a ,
.event_type_13,
.fc-agenda .event_type_13 .fc-event-time,
.event_type_13 a {
	background-color: #699;
	border-color: #699;
	color: #fff;
}*/

/* research seminars */
.event_type_2,
.fc-agenda .event_type_2 .fc-event-time,
.event_type_2 a {
	background-color: #f93;
	border-color: #f93;
	color: #fff;
}

/* Events for Business */

.event_type_9,
.fc-agenda .event_type_9 .fc-event-time,
.event_type_9 a ,
.event_type_1,
.fc-agenda .event_type_1 .fc-event-time,
.event_type_1 a ,
.event_type_20,
.fc-agenda .event_type_20 .fc-event-time,
.event_type_20 a
.event_type_28,
.fc-agenda .event_type_28 .fc-event-time,
.event_type_28 a{
	background-color: #333;
	border-color: #333;
	color: #fff;
}

.fc-sun,
.fc-mon,
.fc-tue,
.fc-wed,
.fc-thu,
.fc-fri,
.fc-sat {
	color:#699;
}

.fc-button-today span,
.fc-button-nextYear span,
.fc-button-prevYear span,
.fc-button-next span,
.fc-button-prev span {
	color:#699;
}

/* calendar legend */

ul.calendar_legend {
	list-style-type:none;
	margin-left:0;
}

ul.calendar_legend li {
	display:block;
	float:left;
	clear:left;
	margin:0 10px 0 0;
}

.calendar_legend span.color {
	display:block;
	float:left;
	height:25px;
	width:25px;
	margin-right:4px;
	margin-bottom:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.calendar_legend span.label {
	display:block;
	float:left;
	padding-top:3px;
}

/* facebook like box */

#fb_box {
	width:185;
	height: 62; 
}

/* IE hack (this needs fixing)

* html #fb_box {
	display:none;


}*/

/* END facebook like box */	

/*Twitter widget */
.twtr-tweet-text {
	font-size:16px;
   
    font-family:Verdana, Geneva, sans-serif;
    }
	
/*Newsletter button */

a.rollover {
	display: block;
	width: 165px;
	height: 45px;
	background-image: url('http://www.infolab21.lancs.ac.uk/images/newsletter.gif');
}

a.rollover:hover {
	background-image: url('http://www.infolab21.lancs.ac.uk/images/newsletter-rollover.gif');
}
	
	
/* MailChimp Form Embed Code - Classic - 08/17/2011 */
#mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border:1px solid #999; -webkit-appearance:none;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: bold; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#mc_embed_signup .button:hover {background-color:#777;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}

#mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px;}
#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}

#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}

#mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
#mc_embed_signup .asterisk {color:#c60; font-size:200%;}
#mc_embed_signup .mc-field-group .asterisk {position:absolute; top:25px; right:10px;}        
#mc_embed_signup .clear {clear:both;}

#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}