/* Styles for RBKC Isaac Newton Centre subsite */
/* import shared colours */
@import url("isaac_colours_generic.css");

/* basic default settings */
body { 
	font-family: Verdana, Arial, sans-serif; 
	margin: 0;
	padding: 0;

}
p,ol,ul,dl,blockquote,caption { font-size: 70%; line-height: 140%;}
p td p { font-size:100%; }
ul ul, ol ol, ul ol, ol ul { font-size: 100%; }

/* link styles */
#siteborder a:link, #siteborder a:visited, #siteborder a:active { text-decoration: none; font-weight:bold; }
#siteborder a:hover { text-decoration: underline; font-weight:bold; }

/* layout columns */
#siteborder { border: 6px solid #BDBDBD; margin: 0 16px 20px 16px; padding: 0; display:block; 
	width:99%; 
	/* hide from IE 5.01 and IE 5.5 */ 
   	voice-family: "\"}\""; 
   	voice-family: inherit; 
	width:95%; /* fix for IE 6 */ 
} 
/* be nice to Opera and IE 5.01 */ 
html>body #siteborder { 
   	width:auto;
} 

/* column wrappers */
#wrapperone { float: left; width: 100%; margin-right: -14em; }
#wrappertwo { float: right; width: 100%; margin-left: -14em; }
/* the following two lines is used to support the javascript wide column function */
html>body #wrapperone { width: 100% !important; }
html>body #wrappertwo { width: 100% !important; }
/* main content centre column  (three col pages) */
#rbkccontent { 
	width:100%; margin: 0 220px 0 210px; padding: 0.5em 0 1em 1em; 
	/* hide from IE 5.01 and IE 5.5 */ 
   voice-family: "\"}\""; 
   voice-family: inherit; 
   width:auto;
} 
/* be nice to Opera and IE 5.01 */ 
html>body #rbkccontent { 
   width:auto;
} 
/* end IE hack */
/* wider centre column (with left col) */
#rbkccontentwideright { width:100%; margin: 0.7em 10px 0 245px; padding: 0 30px 1em 0;  
	/* hide from IE 5.01 and IE 5.5 */ 
   voice-family: "\"}\""; 
   voice-family: inherit; 
   width:auto;
} 
/* be nice to Opera and IE 5.01 */ 
html>body #rbkccontentwideright { 
   width:auto;
} 

/* left column */
#rbkcsubnav { float: left; width: 13em; padding-top:0; }
/* right column */
#rbkcsubcontent { float: right; width: 204px; padding: 0.5em 0 1em 0; }


/* type styles */
p {
	margin-top:1px;
	margin-bottom:10px;
	padding-top :0;
	padding-bottom:0;
}

/* logo */
#rbkcsubnav .logo { margin: 28px 0 20px 27px; }

/* header typeface styles */
h1 {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 140%;
	font-weight: normal;
	padding: 3px 0 0 5px;
	margin: 0 0 15px -5px;
}
h2 {
	clear:both;
	font-size: 90%;
	font-weight: bold;
	padding: 15px 0 0 5px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: -5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
h3, h4, h5, h6 {
	
	padding: 0;
	margin-bottom: 10px;
	font-size: 70%;
}


/* top menu tabs */
/* main menu tab classes */
#venuestopmenu { list-style:none; padding:0; margin:0 0 0 16px; height:3.2em;} 
#venuestopmenu a { text-decoration:none; height:3.2em; line-height: 120% !important; text-align: left; 
	/* hide from IE 5.01 and IE 5.5 */ 
   voice-family: "\"}\""; 
   voice-family: inherit; 
   height:2.8em;
} 
/* be nice to Opera and IE 5.01 */ 
html>body #venuestopmenu a { 
   height:2.8em;
} 
/* end IE hack */
#venuestopmenu a:link, #venuestopmenu a:visited, #venuestopmenu a:active { font-weight:bold; padding-left: 15px; }
#venuestopmenu a:link span, #venuestopmenu a:visited span, #venuestopmenu a:active span { padding-top: 9px; padding-right: 15px; }
#venuestopmenu a, #venuestopmenu a span { display: block; float: left; cursor: pointer; }
#venuestopmenu li { float:left; display:block; margin:0; padding:0; font-weight: bold; margin-right:2px !important; white-space:nowrap; }
/* selected menu items */
#venuestopmenu .selected a:link, #venuestopmenu .selected a:visited, #venuestopmenu .selected a:active { font-weight:bold; padding-left: 15px; }
#venuestopmenu .selected a:link span, #venuestopmenu .selected a:visited span, #venuestopmenu .selected a:active span { padding-right: 15px; }
#venuestopmenu .logo a:link, #venuestopmenu .logo a:visited, #venuestopmenu .logo a:hover, #venuestopmenu .logo a:active{ padding:0 !important; }


/* side menu */
#sidemenu { background-repeat: no-repeat; background-position: right bottom; padding: 18px 13px 20px 15px; width:180px; }
#sidemenu .navlist { text-align: left; margin: 0; padding: 0; }
#sidemenu .navlist h2 { border:none; font-size:70%; font-weight:normal; margin:0; padding:0 0 5px; }
#sidemenu .navlist p { font-size: 70%; margin: 0; padding: 0; }
#sidemenu .navlist ul { font-size: 70%; margin: 0; padding: 0 ; }
#sidemenu .navlist li { padding: 1px 0; margin: 0; list-style: none; }
#sidemenu .navlist a:link, #sidemenu .navlist a:visited, #sidemenu .navlist a:active { text-decoration: none; font-weight: bold; display:block; margin:0; padding:3px 4px 4px 30px; }
#sidemenu .navlist a:hover { text-decoration: none; font-weight: bold; display:block; margin:0; padding:3px 4px 4px 30px; }

/* CPD Search menu KR added 13 Jan 09 */
#searchsidemenu { background-repeat: no-repeat; background-position: right bottom; padding: 18px 13px 20px 15px; width:180px; }
#searchsidemenu .navlist { text-align: left; margin: 0; padding: 0; }
#searchsidemenu .navlist h2 { border:none; font-size:70%; font-weight:normal; margin:0; padding:0 0 5px; }
#searchsidemenu .navlist p { font-size: 70%; margin: 0; padding: 0; }
#searchsidemenu .navlist ul { font-size: 70%; margin: 0; padding: 0 ; }
#searchsidemenu .navlist li { padding: 1px 0; margin: 0; list-style: none; }
#searchsidemenu .navlist a:link, #searchsidemenu .navlist a:visited, #searchsidemenu .navlist a:active { text-decoration: none; font-weight: normal; display:block; margin:0; padding:3px 4px 4px 20px; }
#searchsidemenu .navlist a:hover { text-decoration: none; font-weight: normal; display:block; margin:0; padding:3px 4px 4px 20px; }


.arrowbullet { /* used in side menu */
	display: inline; margin-left: -19px; margin-right: 7px; vertical-align: top; margin-top: 3px; 
}
.dividerline { 
	background-repeat: repeat-x;
	height: 1px;
	padding: 0;
	margin: 6px -10px 6px 0;
	left: -30px;
	display: block;
	position: relative;
}

/* main column layout */
#leftcol {
	vertical-align: top;
	width:200px;
	margin:0;
	padding:36px 0 0;
	background-repeat: no-repeat;
	background-position: left top;
}
#rightcol {
	vertical-align: top;
	width:200px;
	margin:0;
	padding:0;
}
#centercol {
	vertical-align: top;
	margin: 0;
	padding: 15px 17px 20px 20px;
	width:100%;
}

/* spacers, image spacing */
.loss { display:none; } /* used for hiding elements */
img { border: 0; }
.spacer {
	display: block;
	margin: 0;
	padding: 0;
	clear: both;
	height: 1px;
	width: 200px;
}
.arrowbullet02 { margin-right: 6px; vertical-align:middle; }
.imagepad01 { margin: 10px 2px 10px 2px; }

/* images and photots */
.venuephoto01 {
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
}

/* top of page */
.topofpage {
	font-weight: bold;
	text-align: right;
	
	font-size: 70%;
	/* border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #9A9A9A; */
	margin-top: 20px;
	padding-top: 8px;
}
.topofpage img {
	vertical-align: middle;
	border: none;
	margin-right: 3px;	
}

/* search form in right hand col */
#search .venuefield, #searchagain .venuefield  {
	
	font-size: 70%;
	border-top: 1px solid #303030;
	border-right: 1px solid #9A9A9A;
	border-bottom: 1px solid #9A9A9A;
	border-left: 1px solid #303030;
	padding: 2px;
	width: 170px;
}
#search label, #searchagain label {
	
	font-size: 70%;
	margin-bottom: 4px;
	display: block;
}
#search, #searchagain {
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 12px;
}
#search .submit, #searchagain .submit {
	
	border: 1px solid #000000;
	font-size: 70%;
	font-weight: bold;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 4px;
	padding-left: 4px;
	margin-top: 10px;
	cursor: pointer;
}


/* end IE hack */
#isaacbrand { height:48px; background:#add684 url(/img/isaac_newton/backgrounds/isaac_brand_01.jpg) 0 0 no-repeat; border-bottom: 7px solid #93c95d; }

/* Book now box */
#booknow { margin: 11px 15px 15px 15px; padding: 0 10px 10px 10px; }
#booknow h2 { border:none; font-size:100%; padding:0; margin:0; }
#booknow p { font-size: 70%; margin: 0; margin: 7px 0 7px 0; }
#booknow ul { margin:0; padding:0; list-style:none; font-size:70%;}
#booknow li { padding: 2px 2px 2px 16px; }


/* tertiary navigation and related pages/information links */
#relatednav {
	padding-top: 0;
	padding-bottom: 8px;
	padding-right: 0;
	padding-left: 0;
	margin-bottom: 10px;
	margin-left: 20px;
	list-style-position: outside;
	margin-top: 0;
}
/* related links */
.relatedlinks { margin:0 0 2em; }
.relatedlinks ul, .tertiarynav ul { margin:0; padding:6px 0 6px 15px; }
.relatedlinks li, .tertiarynav li { list-style:none; padding: 2px 2px 2px 16px; }
#rbkcsubcontent .relatedlinks h2, #rbkcsubcontent .relatedlinks h3 { padding:4px 10px; margin:0; font-size:70%; border:none;  }



/* footer */
#footer { clear:both; padding: 0 20px 0; margin:0; }
html>body #footer { padding-top: 10px; }
#footer p {font-size: 70%; margin:0; padding:0 0 15px 0; line-height:140%; }
/* 


/* data tables only */
.datatable {
	border-right-width: 10px;
	border-left-width: 10px;
	border-right-style: solid;
	border-left-style: solid;
	margin-top: 1px;
	margin-bottom: 15px;
	margin-right: 0;
	margin-left: 0;
	padding: 0;
}
.datatable caption {
	font-size: 80%;
	font-weight: bold;
	text-align: left;
	margin: 0 0 0 0;
	padding-top: 4px;
	padding-right: 15px;
	padding-bottom: 4px;
	padding-left: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.datatable th {
	font-size: 70%;
	text-align: left;
	vertical-align: top;
	padding: 4px 4px 4px 15px;
}
.datatable td {
	font-size: 70%;
	padding-top: 4px;
	padding-right: 15px;
	padding-bottom: 4px;
	padding-left: 15px;
	border-top-width: 1px;
	border-top-style: solid;
	vertical-align: top;
}
.datatable .tablefooter {
	height: 14px;
}
.tablecell01a, .tablecell01b { font-size: 90%; line-height: 140%; padding: 5px; }

/* hidden images */
.loss {
	display: none;
}

/* virtual tour */
#virtualtour {
	padding: 17px 17px 3px;
	text-align: left;
	vertical-align: top;
	display: block;
	margin: 0;
}
#virtualtour p {
	font-weight: bold;
	margin: 0;
}
#tourlinks {
	padding: 0 0 0 17px;
	margin: 0;
	height:100px;
	font-size: 70%;
}
#tourlinks div {
	margin: 0;
	float: left;
	width: 10%;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
}
#tourlinks a {
	font-weight:bold;
}
#tourlinks img {
	margin: 6px 0;
	padding: 0;
}

/* photo box */
#photobox {
	padding: 6px;
	clear: both;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	font-size: 70%;
	width: 300px;
}

/* venues listings */
.venuelist {
	width: 100%;
	padding: 0;
	margin-top: 0;
	margin-bottom: 15px;
}
.venuelist h2 {
	font-size: 70%;
	font-weight: bold;
	display: block;
	margin: 0 0 0 0;
	padding: 4px 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.venuelist img {
	margin: 11px;
}
.venuelist ul {
	margin: 0 0 8px 0;
	padding: 3px 8px 0 8px;
}
.venuelist li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding: 2px;
	margin: 0;
	list-style-position: inside;
	text-indent: 5px;
}
.venuelist .venuelistlinks {
	width:100%;
	vertical-align:top;
}

/* photo galleries */
/* gallery */
#gallery h2 { border:none; background-color:#a2d174; font-size:70%; margin:0 0 0; padding:0.3em 0.8em; }
#gallery { width:98%; padding:0; margin:0; background-color:#deeecd; border-left: 10px solid #6a9c38; border-right: 10px solid #6a9c38; }
#gallery .gallerythumbnail { 
	border-left: 1px solid #fff;border-right: 1px solid #fff;
	border-top: 1px solid #fff; border-bottom: 10px solid #6a9c38;
	padding: 12px 0 0 0;
	margin: 0 -1px 0 0;
	float:left;text-align: left;font-size:90%; background: #d4e9be; 
	width: 170px;
	height:170px; max-height:170px; overflow:hidden; 
}
#gallery .gallerythumbnail div { text-align:center;margin:0; padding:0; }
#gallery .gallerythumbnail img { border: 4px solid #fff; margin: 0 0 3px 0}
#gallery .gallerythumbnail p { padding:0 18px; margin:0; }
#gallery .galleryimagemedium img { margin:0 0 1em 0; border:10px solid #fff; }
#gallery .galleryimagemedium { font-size:70%; padding:1em; border-bottom:10px solid #a2d174; }
#gallery .galleryimagemedium p { font-size:100%; }

/* forms */
.formheader { text-align: left; vertical-align: middle; padding: 3px 10px; margin: 0; border: none; font: bold 70% Verdana, Arial, Helvetica, sans-serif; display: inline; }
form .formseparator { border-top: 1px dashed #CCCCCC; margin:5px; padding :0; clear:both; } /* redundant */
form h3 { padding: 0.3em 1.5em; margin:15px 0 10px 0; clear:both; }
form .tablecell03a { padding: 0 15px !important; background-image:none!important; }
/* form layout and positioning */
#rbkcform, .rbkcform { margin:0 0 2em 0; padding: 1em 0 1.5em; border:1px solid #AEAEAE; }
html>body #rbkcform, html>body .rbkcform { margin-top: 3px; }
form #rbkcform fieldset, form .rbkcform fieldset { margin:0; padding:0.5em 0; border:none; border-bottom: 1px dashed #CCCCCC; }
form #rbkcform input, form #rbkcform select, form #rbkcform textarea, form .rbkcform input, form .rbkcform select, form .rbkcform textarea { margin-top:0.3em; font: 100% verdana,arial,helvetica,sans-serif; }
form #rbkcform p, form .rbkcform p { margin: 0.7em 1.5em; }
form #rbkcform p .helptip01,form #rbkcform p .helptip02, form #rbkcform p.helptip01, form #rbkcform p.helptip02, form .rbkcform p .helptip01,form .rbkcform p .helptip02, form .rbkcform p.helptip01, form .rbkcform p.helptip02 { margin-top:0; padding-top:0; }
form #rbkcform p.helptip01, form #rbkcform p.helptip02, form .rbkcform p.helptip01, form .rbkcform p.helptip02 { font-size:80%; }
form #rbkcform label, form .rbkcform label { font-weight:bold; }
/* radio and checkboxes  */
form #rbkcform p.check label, form .rbkcform p.check label { width: auto; text-align:left; float:none; margin:0; display:inline; font-weight:normal;}
form #rbkcform p.check span, form .rbkcform p.check span { display:block; padding-left:12.5em; }
form #rbkcform p.check span.name, form .rbkcform p.check span.name { padding:0; font-weight:bold; text-align:right; width:12em;}
form #rbkcform p.check span.longname, form .rbkcform p.check span.longname { font-weight:bold; display:block; width:100%; text-align:left; padding:0; }
/* submit button */
form #rbkcform p.submit, form .rbkcform p.submit { clear:both; }
form #rbkcform p.submit input, form .rbkcform p.submit input { 
	color: #000000;
	border: 0.1em solid #000000;
	cursor:pointer;
	padding: 0.2em 0.9em; 
	margin: 0.5em;
	font-weight:bold;
	background-color: #CCCCCC; background-image:url(/img/backgrounds/grey_button_graduated.gif); background-repeat: repeat-x; background-position: top;
}


/* homepage */
#homepage #rbkccontentwideright h1 { margin-bottom:13px; }
#homepage #rbkccontentwideright .intro p { margin:0; padding:0; font-size:70%; line-height:160%; }
#homepage #rbkccontentwideright .intro { padding: 1em 1em 1em 245px; margin:0 1em 1.2em 0; font-weight:bold; background-image:url(/img/isaac_newton/homepage/isaac_centre.jpg);  background-repeat: no-repeat; background-position: 5px 0; }
#homepage #sidemenu .navlist h2 { font-size:100%; font-weight:bold; padding:0; }
#homepage #sidemenu .navlist p { padding-bottom:1.8em; }
#homepage #sidemenu .navlist a.simple:link, #homepage #sidemenu .navlist a.simple:visited, #homepage #sidemenu .navlist a.simple:active { display:inline; padding:0; background:none; font-weight:normal; }
#homepage #sidemenu .navlist a.simple:hover { display:inline; padding:0; background:none; font-weight:normal; }
#homepage #rbkccontentwideright p { font-size:80%; }
#homepage #rbkccontentwideright .mapbox { width:200px; float:left; margin:0 0 9em 0; padding:0 42px 1em 0; }
#homepage #rbkccontentwideright .mapbox h2 { margin:0; padding:0; border:none; font-size:80%; }
#homepage #rbkccontentwideright .mapbox p { margin:0; padding:0; font-size:70%; }
#homepage #rbkccontentwideright .mapbox img { border:1px solid #31773b; margin: 4px 0; }
#homepage #searchsidemenu .navlist h2 { font-size:100%; font-weight:bold; padding:0; }
#homepage #searchsidemenu .navlist p { padding-bottom:1.8em; }
#homepage #searchsidemenu .navlist a.simple:link, #homepage #searchsidemenu .navlist a.simple:visited, #homepage #searchsidemenu .navlist a.simple:active { display:inline; padding:0; background:none; font-weight:normal; }
#homepage #searchsidemenu .navlist a.simple:hover { display:inline; padding:0; background:none; font-weight:normal; }



/* request brochure */
#requestbrochure {
	padding: 20px 0 10px 30px;
	margin: 0;
}
#requestbrochure h2 {
	font-size: 85%;
	border-bottom-style: none;
	margin: 0;
	padding: 0 0 4px;
}
/* floorplan legend */
#legend {
	padding: 10px;
}
#legend img {
	margin: 2px 6px 2px 6px;
	vertical-align: middle;
}
/* adobe info */
.adobebox { margin:20px 0; padding: 0 10px; border-top:1px dotted #CCCCCC;}
.adobebox p { font-size: 70%; line-height:140%; color:#666666; }
.adobebox img { margin: 4px 14px 0 0; float:left; }

/* general float clearer device */
.clearer { height:0; display:block;margin:-2px 0 0;padding:0;clear:both; font-size:0.01em; }

/* images */
.imagefloat01 { margin: 10px 20px 15px 20px; float:right; border:2px solid #589061; }
.imagefloat02 { margin: 10px 20px 15px 20px; float:left; border:2px solid #589061; }

/* data protection statement */
.dataprotection { margin:1em 0; padding:0 0 1em 0; font-size:90%; color:#666666; background-color:#EAEAEA; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;}
.dataprotection h2 { border-bottom:none; margin: 0.7em 1.3em 0; color:#666666; }
.dataprotection p { margin:0 1.4em !important; }