/*
	MEDIC FOUNDATION CSS
	CREATED:28.02.07
	MODIFIED:06.07.11
	AUTHOR:ANDY FIELD
*/

/*
	COLOURS
	DARK BLUE:#003471
	MID BLUE:#448cca
	GREEN TEXT:#cfc
*/

/* UNDO 
---------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

a img,:link img,:visited img {
	border:none;
}

:link,:visited {
	text-decoration:none;
}

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

fieldset, img { 
	border:0;
}

address,abbr,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}

img {
	border:none;
}

ol,ul,dl {
	list-style:none;
}

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6,pre,code {
	font-size:100%;
	font-weight:normal;
	line-height:100%;
}

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

abbr,acronym {
	border:0;
}


/* BASE 
---------------------------------------------- */

html {
	font-size:100%;
}

body {
	font:62.5%/100% arial, 'lucida-grande', sans-serif;
	color:#000;
	text-align:center;
	background-color:#fff;
}

#skip {
	position:absolute;
	text-indent:-3000em;
	width:0;
	height:0;
	padding:0;
	overflow:hidden;
}

a:link,
a:visited {
	color:#448cca;
	text-decoration:none;
}

a:hover,
a:active {
	color:#448cca;
	text-decoration:underline;
}

.clearme {
	clear:both;
	height:0;
	margin:0;
	padding:0;
}

img.il {
	border:1px solid #ddd;
	float:left;
	margin:5px 15px 20px 0;
	padding:1px;
}

img.ir {
	float:right;
	margin:5px 0 10px 20px;
}

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

p {
	font-size:1.2em;
	line-height:1.4em;
	color:#666;
	text-align:justify;
	margin:0 0 1.2em 0;
}

h2 {
	font-size:1.8em;
	font-weight:bold;
	line-height:1.3em;
	color:#003471;
	margin:0 0 0.6em 0;
}

h3 {
	font-size:1.5em;
	font-weight:bold;
	line-height:1.3em;
	color:#003471;
	margin:0 0 0.4em 0;
}

h2.trigger,
h2.expanded {
	font-size:1.2em;
	font-weight:normal;
	line-height:1.4em;
	color:#003471;
	margin:0;
	padding:0.1em 0.3em;
	background:#ddd;
}

h4 {
	font-size:1.5em;
	font-weight:bold;
	line-height:1.3em;
	color:#003471;
	margin:0 0 0.6em 0;
}

h5 {
	font-size:1.3em;
	font-weight:bold;
	font-style:italic;
	line-height:1.3em;
	color:#003471;
	margin:0 0 0.6em 0;
}

p.standfirst {
	font-size:1.6em;
	line-height:1.35em;
	text-align:justify;
	color:#666;
}

p.note {
	font-size:1.1em;
	color:#448cca;
}

#hlhs h1,
#hlhs h1 a {
	display:block;
	position:relative;
	width:201px;
	height:99px;
	text-indent:-3000em;
	background:url(/resources/medicimagefoundationlogo2.gif) 0 0 no-repeat;
	overflow:hidden;
}

#plhs h2 {
	font-size:1.6em;
	line-height:1.35em;
	color:#cfc;
	padding:1em;
}

a.button,
a.button:visited {
	color:#fff;
	line-height:1em;
	padding:0.3em 0.5em;
	background:#448cca;
}

a.button:hover {
	color:#fff;
	background:#003471;
}

/* a.button:link,
a.button:visited,
a.button:active {
	color:#fff;
	background:#448cca;
	line-height:1em;
	padding:.4em .6em;
}

a.button:hover {
	color:#fff;
	background:#003471;
} */

strong {
	font-weight:bold;
}

p.small {
	width:95%;
	font-size:1.1em;
	font-style:italic;
	color:#448cca;
}

#crhs ul {
	font-size:1.2em;
	color:#666;
	line-height:1.4em;
	margin:0 4em 1em 4em;
}

#crhs ul.bullets {
	list-style-type:square;
}

#crhs li,
#crhs dd {
	margin:0 0 0.6em 0;
}

#crhs dt {
	font-weight:bold;
	margin:0 0 0.2em 0;	
}

#crhs dl {
	font-size:1.2em;
	color:#666;
	line-height:1.4em;
	margin:0 0 1em 0;
}

.alert {
	font-weight:bold;
	color:#448cca;
}

p.author {
	border-bottom:1px solid #ddd;
	color:#333;
	padding:0 0 0.4em 0;
}

a.rss {
	background:#fff url(/resources/rss_small.gif) 0 50% no-repeat;
	display:block;
	padding:5px 0 5px 18px;
}

/* HEADER
---------------------------------------------- */

#hlhs {
	float:left;
	height:99px;
	overflow:hidden;
	width:240px;
}

#hrhs {
	float:left;
	width:520px;
	height:99px;
}


#hrhs ul {
	float:left;
	width:520px;
	margin:62px 0 0 0;
}

#hrhs ul li { 
	display:inline;
	font-size:1.2em;
	font-weight:bold;
}

#hrhs ul li a {
	float:left;
	width:100px;
	height:10px;
	color:#000;
	text-align:center;
	margin:0 5px 0 0;	
	padding:2px 0;
	background:#999;
}

#hrhs ul li a span {
	color:#fff;
}

#hrhs ul li a:hover,
#hrhs ul li a.active {
	background-color:#448cca;
	text-decoration:none;
}

#hrhs ul li.end a {
	margin:0;
}

/* PANEL
---------------------------------------------- */

#pnav ul {
	float:left;
	width:760px;
	margin:0 0 5px 0;
	background-color:#003471;
}

#pnav ul li { 
	display:inline;
	float:right;
	font-size:1em;
	letter-spacing:0.2em;
}

#pnav ul li a {
	float:left;
	color:#fff;
	text-transform:uppercase;
	padding:5px 1em;
}

#pnav ul li a:hover,
#pnav ul li a.active {
	color:#fff;
	background-color:#448cca;
	text-decoration:none;
}

#icontainer {
	width:760px;
	height:160px;
	margin:0 0 5px 0;
}

#plhs {
	float:left;
	width:238px;
	height:160px;
	background:#003471;
	overflow:hidden;
}

#prhs {
	float:right;
	width:520px;
	height:160px;
	background:#fff;	
	overflow:hidden;
}

ul#nav {
	float:left;
	width:522px;
	margin:0;
	padding:0 0 0 238px;
	background:#003471;	
}

ul#nav li {
	float:left;
	font-size:1em;
	font-weight:bold;
}

ul#nav li a {
	display:block;
	width:100px;
	color:#003471;
	text-transform:uppercase;
	text-align:center;
	margin:0 5px 0 0;
	padding:5px 0;
	background:#ddd;
}

ul#nav li a:hover,
ul#nav li a.active,
ul#nav li.end a:hover span,
ul#nav li.end a.active span,
ul#nav li.end a.active {
	color:#fff;
	background:#448cca;
	text-decoration:none;
}

ul#nav li.end a {
	color:#003471;
	margin:0;
}

ul#nav li.end a span {
	color:#666;
}

ul#nav li.end a:hover {
	color:#fff;
}

ul#nav li.start a { 
	border-left:2px solid #fff;
}

ul#nav li ul /* SECOND LEVEL */ {
	position:absolute;
	font-size:100%;
	width:98px;
	left:-999em;
	background:#fff;
	border:1px solid #ddd;
}

ul#nav li ul li {
	/* display:inline; */
	font-weight:normal;
	margin:0;
}

ul#nav li ul li a {
	/* display:block;
	float:left; */
	width:90px;
	color:#9d9d9d;
	text-align:left;
	padding:4px 4px;
	background:#fff;
}

ul#nav li.end ul li a:hover {
	color:#fff;
	background:#448cca;
	border:none;
}

ul#nav li:hover ul, 
ul#nav li.sfhover ul  {	
	left:auto;
}

/* FOOTER
---------------------------------------------- */

#footer {
	font-size:100%;
}

#footer ul {
	float:left;
	width:520px;
	margin:0 0 5px 0;
	padding:0 0 0 240px;
	background-color:#003471;
}

#footer ul li { 
	display:inline;
	font-size:1em;
}

#footer ul li a {
	float:left;
	color:#fff;
	padding:5px 1em 5px 0;
}

#footer ul li a:hover,
#footer ul li a.active {
	color:#448cca;
	text-decoration:none;
}

#footer p {
	font-size:1em;
	color:#666;
	margin:0 0 0 240px;
}

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

#header,#panel,#content,#widgets,#footer {
	width:760px;
	text-align:left;
	margin:0 auto;	
}

#header {
	margin:0 auto;	
	padding:15px 0;
}

#content {
	margin:2em auto;
}

#clhs {
	float:left;
	width:240px;
}

#crhs {
	float:left;
	width:520px;
}

#clhscontent {
	margin:2em 1.5em 1em 0;
}

#widgets {
	clear:both;
}

#footer {
	clear:both;
	padding:0 0 1.5em 0;
}

/* FORM CONTROLS
---------------------------------------------- */

form,input,select,textarea {
	font-size:100%;
	font-family:arial, 'lucida-grande', sans-serif;
}

fieldset {
	margin:0 0 1em 0;
}

fieldset p {
	text-align:left;
}

label {
	display:block;
	font-weight:bold;
	color:#000;
	margin:0 0 0.3em 0;
}

#crhs label {
	float:left;
	display:inline;
	width:12em;
}

label.alt {
	width:100%;
	font-weight:normal;
}

label span {
	display:block;
	font-weight:normal;
}

label span.req {
	color:#448cca;
	display:inline;
	font-weight:bold;
}

p.checkboxes {
	font-weight:bold;
	color:#000;
}

p.checkboxes label {
	display:inline;
	width:auto;
}

input,select,textarea {
	padding:0.1em;
}

input.long,
textarea.long {
	width:24em;
}

input.short,
textarea.short {
	width:10em;
}

input.sidesearch {
	width:200px;
}

p.password {
	margin:0 0 0.3em 0;
}

p.forgotten {
	margin:0 0 0.5em 0;
	padding:0 0 0 12em;
}

fieldset#questionnaire {
	padding:1em 0;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}

fieldset#questionnaire label {
	float:none;
	display:block;
	width:auto;
}

fieldset#questionnaire label.subq {
	float:left;
	display:inline;
	width:11em;
	font-weight:normal;
	text-align:right;
	padding:0 1em 0 0;
}


fieldset#questionnaire p.cortex label {
	display:inline;
	font-weight:normal;
	margin:0 1em 0 0;
}

p.close {
	font-weight:bold;
	color:#000;
	margin:0 0 0.4em 0;
}

p.block,
p.cortex {
	padding:0 0 0 12em;
}

fieldset#questionnaire select {
	margin:0 0 0 12em;	
}

/* SEARCH RESULTS
---------------------------------------------- */

.displayrow {
	width:520px;
	margin:0 0 1em 0;
	padding:0 0 0.4em 0;
	border-bottom:1px solid #d9d9d9;
}

.thumb {
	float:left;
	width:160px;
	margin:0 20px 0 0;
	overflow:hidden; /* TEMPORARY UNTIL THUMBNAILS ARE RE-SIZED */
}

.thumbend {
	float:left;
	width:160px;
	margin:0;
	overflow:hidden; /* TEMPORARY UNTIL THUMBNAILS ARE RE-SIZED */
}

#results ul {
	list-style:none;
	font-size:1em;
	line-height:1.3em;
	margin:0;
	padding:0;
}

#results li {
	margin:0 0 0.4em 0;
}

#results li.ref {
	font-weight:bold;
}

#results li.thumbnail {
	height:140px;
	text-align:center;
}

#preview {
	margin:0 0 1.5em 0;
	text-align:center;
}

ul#previewfunctions {
	float:left;
	width:100%;
	margin:0 0 1em 0;
}

ul#previewfunctions li {
	display:inline;
	font-size:1.2em;
}

ul#previewfunctions li a {
	float:left;
	color:#fff;
	margin:0 0.5em 0 0;
	padding:0.3em;
	background:#448cca;
}

ul#previewfunctions li a:hover {
	color:#fff;
	background:#003471;
}

#pagtop,
#pagbottom {
	font-size:100%;
	vertical-align:middle;
	margin:0 0 1em 0;
	padding:0 0 1em 0;
	border-bottom:1px solid #d9d9d9
}

#pagbottom {
	margin:0;
	padding:0;
	border:none;
}

#pagtop input,
#pagtop select,
#pagbottom input,
#pagbottom select {
	margin:0;
	padding:0;
}

a.previous {
	padding:0 0.5em 0 0;
}

a.next {
	padding:0 2em 0 0.5em;
}

/* LIGHTBOX
---------------------------------------------- */

#lboxcontainer {
	width:760px;
	text-align:left;
	margin:0 auto;	
}

#lightbox {
	display:block;
	width:758px;
	margin:0 0 2em 0;
	background:#fff;
	border:1px solid #ddd;
}

.pad {
	padding:1em;
}

.lboxthumb {
	float:left;
	width:110px;
	margin:0 10px 1em 0;
}

.lboxthumbnail  {
	height:65px;
	margin:0 0 6px 0;
	overflow:hidden;
}

.lboxthumbnail img {
	width:110px;
}

#lboxresults ul {
	font-size:1em;
	line-height:1.2em;
	color:#666;
}

#lboxresults li {
	padding:0 0 0.4em 0;
}

.trigger:hover {
	color:#fff;
	background:#448cca;
}		

.expanded {
	color:#fff;
	background:#448cca;
}

.expanded:hover {
	color:#fff;
	background:#448cca;
}

.show {
     position:static;
     display:table;
}

.hide {
	position:absolute;
	left:-999em;
	height:1px;
	width:100px;
	overflow:hidden;
}

/* VIDEO PREVIEW
---------------------------------------------- */

#trailimageid {
	position:absolute;
	display:none;
	left:0px;
	top:0px;
	z-index:200;
}

/* TEMP ITEMS
---------------------------------------------- */

/* .boxoff {
	width:200px;
	margin:0 0 1em 0; 
	padding:4px;
	border:1px solid #eee;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
}

.boxoff h3 {
	font-size:1.3em;
	margin:0;
}

.boxoff p {
	margin:0;
} */

/* a.compbanner,
a.compbanner:hover {
	background:#ddd url(/banners/compbanner.jpg) 0 0 no-repeat;
	display:block;
	height:100px;
	margin:0;
	overflow:hidden;
	padding:0;
	text-indent:-3000em;
	width:168px;
}

a.studentbanner,
a.studentbanner:hover {
	background:#ddd url(/banners/studentbanner.jpg) 0 0 no-repeat;
	display:block;
	height:100px;
	margin:0;
	overflow:hidden;
	padding:0;
	text-indent:-3000em;
	width:168px;
}

a.helpbanner,
a.helpbanner:hover {
	background:#ddd url(/banners/helpbanner.jpg) 0 0 no-repeat;
	display:block;
	height:100px;
	margin:0;
	overflow:hidden;
	padding:0;
	text-indent:-3000em;
	width:168px;
} */

ul#boxouts {
	font-size:100%;
	padding:0;
	margin:2em 0;
	width:520px;
}

ul#boxouts li {
	display:block;
	float:left;
	height:100px;
	padding:0;
	width:168px;
	margin-left:8px;
}

ul#boxouts li.bostart {
	margin-left:0;
}

ul#bo {
	font-size:100%;
	padding:0;
	margin:2em 0;
	width:520px;
}

ul#bo li {
	background:#003471;
	display:block;
	float:left;
	margin-left:8px;
}

ul#bo li a {
	color:#fff;
	display:block;
	font-size:1.2em;
	font-weight:bold;
	height:45px;
	padding:60px 10px 10px 10px;
	width:148px;
}

ul#bo li a:hover {
	text-decoration:none;
}

ul#bo li.comp {
	margin-left:0;
}

ul#bo li.comp a {
	background:#003471 url(/banners/comp-crop.jpg) 0 0 no-repeat;
}

ul#bo li.comp a:hover {
	background:#448cca url(/banners/comp-crop.jpg) 0 0 no-repeat;
}

ul#bo li.collection a {
	background:#003471 url(/banners/collection-crop.jpg) 0 0 no-repeat;
}

ul#bo li.collection a:hover {
	background:#448cca url(/banners/collection-crop.jpg) 0 0 no-repeat;
}

ul#bo li.help a {
	background:#003471 url(/banners/help-crop.jpg) 0 0 no-repeat;
}

ul#bo li.help a:hover {
	background:#448cca url(/banners/help-crop.jpg) 0 0 no-repeat;
}

/* SITE MAP
---------------------------------------------- */

dl#sitemap dt {
	margin:0 0 0.2em 0;
}

dl#sitemap dd {
	margin:0 0 0.2em 1em;
}

/* BIO
---------------------------------------------- */

dl#bio {
	font-size:100%;
}

dl#bio dt {
	float:left;
	padding:4px 0 0 0;
}

dl#bio dt img {
	border:1px solid #ddd;
	padding:1px;
}

dl#bio dd {
	margin:0 0 0 120px;
	padding:0 0 10px 0;
}

/* BETA
---------------------------------------------- */

a.beta {
	background:none;
	display:block;
	height:30px;
	left:168px;
	overflow:hidden;
	position:relative;
	text-indent:-3000em;
	top:-45px;
	width:30px;
	z-index:10000;
}

/* SOCIAL BOOKMARKS 05.06.08
---------------------------------------------- */

ul#sharelinks {
	color:#666;
	font-size:1.1em;
	float:left;
	line-height:1.7em;
	margin:0 0 2em 0;
	padding:0 0 0 240px;
	width:520px;
}

ul#sharelinks li {
	display:block;
	float:left;
	height:18px;
	margin:0 8px 0 0;
}

ul#sharelinks li a {
	display:block;
	text-indent:-3000em;
	/* overflow:hidden; */
	z-index:1000;
}

a.google {
	background:#fff url(/collateral/shareicons.png) 0 0 no-repeat;
	height:18px;
	width:18px;
}

a.google:hover {
	background:#fff url(/collateral/shareicons.png) -100px 0 no-repeat;
}

a.yahoo {
	background:#fff url(/collateral/shareicons.png) 0 -50px no-repeat;
	height:18px;
	width:18px;
}

a.yahoo:hover {
	background:#fff url(/collateral/shareicons.png) -100px -50px no-repeat;
}

a.delicious {
	background:#fff url(/collateral/shareicons.png) 0 -100px no-repeat;
	height:18px;
	width:18px;
}

a.delicious:hover {
	background:#fff url(/collateral/shareicons.png) -100px -100px no-repeat;
}

a.stumbleupon {
	background:#fff url(/collateral/shareicons.png) 0 -150px no-repeat;
	height:18px;
	width:18px;
}

a.stumbleupon:hover {
	background:#fff url(/collateral/shareicons.png) -100px -150px no-repeat;
}

a.facebook {
	background:#fff url(/collateral/shareicons.png) 0 -200px no-repeat;
	height:18px;
	width:18px;
}

a.facebook:hover {
	background:#fff url(/collateral/shareicons.png) -100px -200px no-repeat;
}

ul#sharelinks li.start,
ul#sharelinks li.colleague a {
	text-indent:0;
}

ul#sharelinks li.colleague {
	border-right:1px solid #ddd;
	padding:0 8px 0 0;
}

p.fill {
	border-bottom:1px solid #ddd;
	font-size:1.1em;
	margin:0 0 5px 0;
	padding:0 0 5px 0;
	width:202px;
}