/* CSS Document for APHO Redevelopment */
/* 11/07/2007 Gary Bates, © South West Pubic Health Observatory */

/* HTML RE-DEFINES */

* html #content
{
	/* Workaround so that IE6 expands the content area to the same height as the float
	contained within it*/
	height:500px;
}
html
{
/*	background: #ff9900;
	background: #475052;*/
	background: #DEDAD3;
	overflow: -moz-scrollbars-vertical;
}
body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	margin-top: 0px;
}

fieldset { width : 35em; padding : 1em 1em 1em 1em; display: block; background-color: #FAFAFA;}
legend {  font-size: 100%; font-weight: bold; }
fieldset{_position:relative}
legend{_position:relative;top:-20px;}
label { position : relative; width : 15em; display : block;  }
label input { position : absolute; left : 100%; width : 13em; }
label select { position : absolute; left : 100%; width : auto; }
input.submit { margin-top: 2em; float: right;}
.override { padding: 1em 0 1em 0em ; }
.override label { position: relative; left: 15em; }
.override input { margin-right: 0.5em; position: relative; left: 0em; width: auto;}
.override select {	position: relative; left: 1em; }
.spacer { margin: 0 0 1em 0 ; }
label.hiddenlabel { display: none; }
.bottom { border-bottom: 1px solid #D8D1ED; width: auto; padding-bottom: 1em; clear: left;}

/*
	form br { display : none; }
*/
p
{
	margin-top: 1em;
}
img
{
	border: 0px;
}
p img 
{ 
	float: left;
	padding: 0em 0.5em 0.5em 0em;
}
a
{
	color: #0E7FC7;
}
abbr, acronym
{
	border-bottom: 1px dotted #000;
	cursor: help;
}
form
{
	margin: 0px;
	padding: 0px;
}
h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 160%;
	margin-bottom: 1em;
	margin-top: 0.5em;
	color: black;
	border-bottom: 1px solid #bababa;
}
h2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 120%;
	padding-top: 1em;
	margin-bottom: 0.5em;
	margin-top: 0.1em;
}
tr
{
/*	vertical-align: top;*/
}
t1able
{
	background-color: #D6EBF7;
	border: 1px solid #AFDDF7;
}

/* ID DEFINITIONS */

#main
{
	padding: 1em;
}

#maincontainer
{
	width: 904px;
	margin: auto;
	margin-top: 1em;
	background-color: white;
}
#header
{
	background-image: url(../images/header_bg.gif);
	background-repeat: no-repeat;
	height: 96px;
}
#primary_nav
{
	background-image: url(../images/primary_nav.gif);
	background-repeat: no-repeat;
	height: 35px;
	padding-bottom: 3px;
}
#primary_nav ul
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	list-style: none;
	margin: 0px;
	padding-left: 0em;
	padding-top: 10px;
}
#primary_nav li
{
	display:inline;
	padding-left: 2em;
}
#primary_nav a
{
	color: #68695E;	
	text-decoration: none;
	color: white;
}
#primary_nav a:hover
{
	text-decoration: underline;
}
#header img
{
	position: relative;
	left: 3px;
	float: left;
	cursor: pointer;
}
#secondary_nav
{
	margin-right: 2px;
	background-image: url(../images/secondary_nav_bg.gif);
	background-repeat: repeat-x;
	height: 31px;
	float: right;
}
#secondary_nav ul
{
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 8px;
	margin-right: 1em;
	margin-left: 1em;
	padding-left: 0px;
	color: white;
}
#secondary_nav li
{
	display: inline;
	margin-top: 1em;
}
#secondary_nav a
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: white;
	text-decoration: none;
}
#secondary_nav a:hover
{
	text-decoration: underline;
}
#secondary_nav img
{
	position: relative;
	top: 3px;
	left: -4px;
}
#banner
{
	height: 149px;
	padding-bottom: 3px;
	cursor: pointer;
}
#content
{
	padding-left: 3px;
	padding-right: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	/*display: table;  /*must put this in for FireFox. */
	/* margin: auto;  /* for IE6 and Firefox centering  */
	text-align: left;
	min-height: 500px;
}
#endcontent
{
	clear: both;
	color: white;
	background-color: white;
	border: none 0px white;
}
#leftcol
{
	width: 220px;
	float: left;
/*	border: 2px solid green;*/
}
#centrecol
{
	w2idth: auto;
	width: 672px; /* This may have to change */
/*	background-image: url(../images/longpanel_bg.gif);
	background-repeat: repeat-x;*/
	zzposition: relative;
	zzleft: 122px;
	margin-left: 222px;
	m1argin-bottom: -500px;
	p1adding-bottom: 500px;
/*	border: 1px dotted green;*/
}

#centrecol ul
{
}

#centrecol li
{
}

.l11ist ul
{
	position: relative;
	left: -10px;
	padding: 0px;
	margin-left: 0px;
}

#centrecol .list li
{
	/* this is horrible and needs re-doing */
	position: relative;
	left: -40px;
	list-style:none;
}

.resources .list li
{
	/* this is horrible and needs re-doing */
	padding: 0px 0px 0px 40px;
	p11osition: relative;
	lef11t: +40px;
	li11st-style:none;
}

.searchpanel
{
	background-image: url(../images/panel_bg.gif);
	background-repeat: no-repeat;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top: 0em;
	padding-bottom: 2em;
}
#xxsearchpanel input
{
	font-size: 85%;
}
#footer
{
	font-size: 75%;
	color: #666666;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 4px;
	margin-right: 4px;
	padding-left: 2em;
	padding-bottom: 2em;
	padding-top: 2em;
	padding-right: 1em;
	background-color: #F3F3F3;
	border-bottom: 5px solid #E1E1E1;
}
#footer img
{

}
#validation
{
	width: 904px;
	margin: auto;
	background-image:url(../images/validation_bg.gif);
	background-repeat:no-repeat;
	height: 38px;
/*	border: 1px solid red;*/
}
#searchresults
{
	padding: 1em;
/*	border: 2px solid pink;*/
}
#searchresults ul li p
{
	padding: 0em;
	margin: 0em;
}
#searchresults ul
{
	margin-top: 3em;
	margin-left: 0em;
	padding-left: 1em;
	list-style:none;
/*	border: 2px solid maroon;*/
}
#searchresults li
{
	padding-bottom: 1em;
	color: #555555;
	margin-bottom: 1em;
/*	border-bottom: 2px solid blue;*/
}
#searchresults h1
{
	padding-top: 1em;
	color: black;
}
#advancedsearch h1
{
	padding-top: 1em;
	color: black;
}
#searchresults h2
{
	padding-bottom: 0.5em;
}
.searchlink
{
	color: #008000;
}
.searchlink a
{
	color: #008000;
	text-decoration: none;
}
.searchheader
{
	padding-bottom: 1em;
}
.searchline
{
	border-bottom: 1px solid #bababa;
	padding-bottom: 0.5em;
/*	margin-bottom: 1em;
	border: 2px solid green;*/
}
#searchresults .refine
{
	text-align: right;
	padding-top: 0.5em;
	margin-bottom: 1em;
/*	border: 2px solid red;*/
}
#searchandsort
{
	padding-top: 2em;
	padding-left: 1em;
}
#searchwithin
{
	float: left;
}
#sortby
{
	float: right;
}
#advancedsearch
{
	padding: 1em;
	border: 1px solid blue;
}


/* CLASS DEFINITIONS */

.panel
{
	background-image: url(../images/panel_bg.gif);
	background-repeat: no-repeat;
}
.panel ul
{
	list-style: none;
	padding: 0em 0em 1em 0em;
	margin: 0em;
}
.panel li
{
	padding: 0.5em 0.5em 0.5em 1em;
	margin: 0px;
	border-bottom: 1px solid #e2e2e2;
}
.panel p
{
	margin: 1em;
}
.panel a
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0E7FC7;
	text-decoration: none;
}
.panel a:hover
{
	text-decoration: underline;
}
.paneltitle
{
	position: relative;
	top: -25px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	padding-left: 1em;
	color: white;
}
.paneltitle a
{
	font-family: Arial, Helvetica, sans-serif;
	color: white;
}
.searchinput
{
	position: relative;
	top:7 1px;
}
.date
{
	color: #000;
}
.welcome
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 1em;
}
.webtext
{
/*	padding: 2em 2em 1em 1.5em;*/
	padding-left: 1em;
	padding-right: 0px;
	padding-top: 1em;
	padding-bottom: 0px;
/*	border: 2px dashed blue;*/
}
.resources
{
	background-image:url(../images/resources_bg.gif);
	background-repeat: repeat-x;
	display: table;

	/* FOR SILVER/BLUE SCHEME 
	background-color: #ECF3F7;
	padding: 1em;
	color: #3F3F3F;
	border-left: 3px solid #A9CEE3;
	border-right: 3px solid #A9CEE3;
	border-bottom: 3px solid #A9CEE3;*/


	/* FOR PUPRLE SCHEME */
	background-color: #EEEAF8;
	padding: 1em;
	color: #3F3F3F;
	border-left: 3px solid #B8A1EA;
	border-right: 3px solid #B8A1EA;
	border-bottom: 3px solid #B8A1EA;
}
.resources img
{

}
.resources ul
{
	list-style: none;
	margin: 0px;
	padding: 1em 0em 0em 0em;
}
.resources li
{
	padding: 1em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
	/* \*/ 
	height: 1%; /* hasLayout hack to overcome Peekaboo bug in IE */
	/* */
}
.resources h2
{
	font-size: 100%;
	padding-top: 0em;
	margin: 0px;
}
.posted
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #600097;
	position: relative;
	left: 476px;
	top: -17px;
}
.resinfo
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #600097;
	position: relative;
	left: 96px;
	top: -17px;
}
.resourceimage
{
	height: auto;
	width: 102px;
	float: left;
	padding-right: 1em;
	padding-bottom: 1em;
}
.footerlinks
{
	text-align: right;
/*	border: 1px solid red;*/
}
.footerlinks a
{
	color: #666666;
}
.footerlogo
{
	float: left;
	position: relative;
	top: -5px;
}
.hpfooterlogo
{
	float: left;
	position: relative;
	top: -13px;
}
.icons
{
	float: right;
	padding-right: 5px;
	padding-top: 5px;
/*	border: 1px solid green;*/
}
.metastrong
{
	font-weight: bold;
	width: 30%;
}
.meta
{
	padding-top: 4em;
}
.title
{
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
	font-weight: bold;
}
.metadata
{
	/* blue style */
	background-image:url(../images/resources_bg.gif);
	background-repeat: repeat-x;
/*	background-color: #ECF3F7;
	padding: 1em;
	color: #3F3F3F;
	border-left: 3px solid #A9CEE3;
	border-right: 3px solid #A9CEE3;
	border-bottom: 3px solid #A9CEE3; */

	background-color: #EEEAF8;
	padding: 1em;
	color: #3F3F3F;
	border-left: 3px solid #B8A1EA;
	border-right: 3px solid #B8A1EA;
	border-bottom: 3px solid #B8A1EA;
}
.metadata ul
{
}
.metadata li
{
	list-style: none;
	line-height: 1.56em;
}
.metaline
{
	border-bottom: 1px solid #bababa;
	padding-bottom: 1em;
	margin-bottom: 1.5em;
}
.metaspan
{
	font-weight: bold;
}
.metadata h2
{
	font-size: 150%;
	padding: 1em 1em 0em 0em;
	border-bottom: 1px solid #bababa;
}
.metapad
{
	padding: 1em;
}
.metapad h1 
{
	padding-top: 1em;
	padding-bottom: 1em;
}

.sitemap1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 140%;
	border: 0.5em;
	margin: 0.5em;
}
.sitemap2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 140%;
	margin-top: 0.9em;
	margin-left: 2em;
}
.sitemap3
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	margin-top: 0.9em;
	margin-left: 6em;
}
.sitemap4
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin-top: 0.9em;
	margin-left: 10em;
}


.smallbutton
{
	color: #454545;
	width: 100%;
	background-color: #C3D7EF;

	padding-top: 0.2em;
	padding-bottom: 0.2em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	margin-bottom: 0.5em;
	margin-top: 0.1em;

	border-top: 1px solid #ACAFB2;
	border-left: 1px solid #ACAFB2;
	border-bottom: 1px solid #7F7F7F;
	border-right: 1px solid #7F7F7F;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%;
}
.disabledsmallbutton
{
	color: #9F9F9F;
	width: 100%;
	background-color: #E9E9E9;

	padding-top: 0.2em;
	padding-bottom: 0.2em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	margin-bottom: 0.5em;
	margin-top: 0.1em;

	border-top: 1px solid #D3D4D6;
	border-left: 1px solid #D3D4D6;
	border-bottom: 1px solid #BCBCBC;
	border-right: 1px solid #BCBCBC;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 85%;
}
.button
{
	color: darkblue;
	background-color: #C3D7EF;
	border-top: 1px solid #90AECF;
	border-left: 1px solid #90AECF;
	border-bottom: 1px solid #307CCF;
	border-right: 1px solid #307CCF;
	font-weight: bold;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	margin-bottom: 0.5em;
	margin-top: 0.1em;
	width: auto;
}
.disabledbutton
{
	background-color: #D4D0C8;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	margin-bottom: 0.5em;
	margin-top: 0.1em;
	width: auto;
}

.formerror
{
	font-size: 100%;
	color: #991111;
	background-color: #FCE3E3;
	border-top: #FF6C6C;
	padding: 1em;
	font-weight: bold;
	width: auto;
	margin-bottom: 20px;
}

.formfilling
{
	font-size: 100%;
	color: #119911;
	background-color: #E3FCE3;
	border-top: #FF6C6C;
	padding: 1em;
	font-weight: bold;
	width: auto;
	margin-bottom: 20px;
}

/*  Simple hoverover info boxes*/

a.info{
    position:relative; /*this is the key*/
    z-index:24; 
}

a.info:hover
{
	z-index:25; 
}

a.info span
{
	display: none;
}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center
}

/*  */








.blogs
{
}
#blogs
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	width: auto;
	border: 1px solid #e2e2e2;
	float: right;
	padding: 1em;
	background: #f4f4f4;
	font-size: 80%;
}
#blogs h2
{
	font-size: 170%;
	font-weight: bold;
	padding: 0px;
	border-bottom: 1px solid #3c3c3c;
}
#blogs ul
{
	list-style: none;
	margin: 0em;
	padding-top: 0em;
	padding-left: 0em;
	padding-bottom: 2em;
}
#blogs li
{
	border-bottom: 1px dotted #aaa;
	clear: right;
/*	border: 1px solid blue;*/
	font-size: 115%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 0.5em;
}
.updated
{
	float: right;
	padding-top: 10px;
	padding-bottom: 1em;
	text-align: right;
/*	border: 1px solid maroon;*/
}
.pho
{
	background-color: #8245BA;
	color: white;
	margin-top: 1em;
	font-weight: bold;
	margin-bottom: 0.5em;
	padding-top: 3px;
	padding-bottom: 3px;
/*	border: 1px solid red;*/
}
.pho a
{
	color: white;
	text-decoration: none;
}
#blogs .body a
{
	color: black;
	text-decoration: none;
}
#blogs .body a:hover
{
	color: #0e7Fc7;
	text-decoration: underline;
}

.blogentry
{
	padding: 2em;
	background-color: #f4f4f4;
	border: 1px solid #E2E2E2;
	margin-bottom: 2em;
	width: 450px;
}
.details
{
	font-weight: bold;
	color: #326EA1;
	padding-top: 1em;
	padding-bottom: 0em;
}
.details p
{
	padding: 0em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
.metaspan
{
	color: black;
}
.blogcorner
{
	padding-left: 2em;
	position: relative;
	top: 3px;
}
.blogposted
{
	position: relative;
	top: -6px;
	padding-left: 6px;
}
.greybox
{
	border: 1px solid #e2e2e2;
	background-color: #F4F4F4;
	margin: 0em 0em 0em 0em;
	padding: 0em 1em 1em 1em;
}

.teamcontainer
{
	border: 2px solid red;
}
.teamleft
{
	float: left;
	width: 95%;
}
.teamright
{
	float: right;
	width:  65%;
}
.teamlefttrans
{
	float: left;
	width: 49%;
}

.teamrighttrans
{
	float: right;
	width:  49%;
}
.orangey
{
	color: #ff8000;
}
.simpletable
{
	background-color: white;
	width: 100%;
}
.simpleheadings
{
	background-color: #E5E2D8;
}
.simplerow1
{
	background-color: #EFEFEF;
}
.simplerow2
{
	background-color: #F9F9F9;
}
.threadmessage
{
	background-color: #f9f9f9;
	padding: 1em;
	border: 1px solid #B5AE91;
}
.threadtitle
{
	background-color: #efefef;
	padding: 1em;
	border: 1px solid #B5AE91;
}
.userinfo
{
	background-color: #F1EFE7;
	padding-top: 0em;
	padding-left: 1em;
	border: 1px solid #B5AE91;
}
.attachment
{
	text-align: right;
	background-color: #F1EFE7;
	padding: 1em;
	border: 1px solid #B5AE91;
}
.date
{
	font-size: 80%;
	text-align: right;
}
.reply
{
	padding-top: 0.5em;
	text-align: right;
}
.messagetable
{
	border: 2px solid #B5AE91;
	margin-bottom: 1em;
}
.messagetable a
{
	color: #D03900;
}
.headertable a
{
	color: #D03900;
}
.headertable
{
	border: 2px solid #d2a074;
	margin-bottom: 1em;
}
.headeruserinfo
{
	background-color: #f9ebdf;
	padding-top: 0em;
	padding-left: 1em;
	border: 1px solid #d2a074;
}
.headertitle
{
	background-color: #f9ebdf;
	padding: 1em;
	border: 1px solid #B5AE91;
}
.threadsorting
{
	text-align: right;
	padding-bottom: 1em;
	padding-top: 1em;
	padding-right: 1em;
}

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

.treecol1
{
	width:250px;
	padding-right: 10px;
}

.treecol2
{
}

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

#hp_leftcol
{
	width: 181px;
	height: 478px;
	float: left;
	padding-left: 1em;
	background-repeat:no-repeat;
/*	background-image: url(../images/hp_leftcol.gif);*/
	height: 100%;
/*	border: 1px solid red;*/
}

#NAVLIST
{
	margin: 0px;
	padding: 0px;
	width: 160px;
	list-style: none;
/*	border: 1px solid green;*/
}

#NAVLIST li
{
	background-color: #d9e0e8;
	padding: 1em;
	text-decoration: none;
	color: #4c5461;
	font-size: 100%;
	background-image: url(../images/hp_arrow.gif);
	background-repeat: no-repeat;
	background-position:left;
	border-top: 1px solid #9DABBA;
	border-bottom: 1px solid #9DABBA;
/*	border-left: 4px solid #3e93f0;*/
}

#NAVLIST li a
{
	text-decoration: none;
	color: #4c5461;
}

#NAVLIST li a:hover
{
	text-decoration: underline;
}

#NAVLIST li:hover
{
	text-decoration: underline;
	background-color: #fafafc;
}

#NAVLIST .hp_active
{
	text-decoration: none;
	background-color: #fafafc;
	
}

.hp_webtext
{
	padding-left: 0em;
	padding-right: 3em;
	padding-top: 1em;
	padding-bottom: 0px;
}
#hp_content
{
	padding-left: 3px;
	padding-right: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	/*display: table;  /*must put this in for FireFox. */
	/* margin: auto;  /* for IE6 and Firefox centering  */
	text-align: left;
	min-height: 500px;
	background-image: url(../images/hp_faux.gif);
	background-repeat: repeat-y;
}