/* CSS FOR HEALTH WEIGHT FOR CHILDREN HUB */
/* COPYRIGHT 2008 SOUTH WEST PUBLIC HEALTH OBSERVATORY */
/* GARY BATES */

/* REDEFINED HTML TAGS */

/*All styles ending in "2col" are copies of existing styles modified for 2 column Network page. No existing styles have been modified*/


* html #content
{
	height:500px;
	
}
* html .panelbanner { /*JD 12/11/08*/
height: 88px;
padding-left:0;

}

/**/
body
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	background-color: #e2e2e2;
	overflow: -moz-scrollbars-vertical; 

	
}
h1
{
	font-size: 160%;
	margin-top: 0.5em;
	margin-bottom: 1em;
	margin-left: 0em;
	margin-right: 0em;
	color: #0e67b3;
	border-bottom: 1px solid #DDD;
}
h1 a
{
	text-decoration: underline;
}
h1 a:hover
{
	text-decoration: underline;
}
h1 a:visited
{
	color: #0e67b3;
}
h2
{
	font-size: 110%;
	color: #0e67b3;
	padding: 0px;
	margin: 0px;
}
.iproject h2
{
	font-size: 110%;
	padding: 0em;
	margin: 1.5em 0em 0.5em 0em;
}
a
{
	color: #0E67B3;
}
a:visited
{
	color: #0E67B3;
}
.breadcrumb
{
	font-size: 90%;
	margin-top: 1.5em;
	margin-bottom: 0px;
	padding-bottom: 0px;
	m2argin-left: 0em;
	m2argin-right: 0em;
	color: #0e67b3;
	b1order-bottom: 1px solid #DDD;
}
.breadcrumb a
{
	text-decoration: underline;
}
.breadcrumb a:hover
{
	text-decoration: underline;
}
.breadcrumb a:visited
{
	color: #0e67b3;
}
img
{
	border: 0;
}
form label
{
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	width: 170px; /* Width of labels */
}
li
{
/*	list-style: none;*/
}

ul
{
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
}

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


.bullets
{
	margin-left: 1em;
	padding-left: 1em;
	list-style: disc;
}


#container
{
	width: 96%;
	float: left;
	clear: right;
}
fieldset
{
    margin-bottom: 2em;
    padding-bottom: 2em;  
}
legend
{
    font-weight: bold;    
}

/* SELECTORS */


#maincontainer
{
	margin:1em auto auto;
	background-color: #f4f4f4;
	/* background-image:url(/images/Chob/maincontainer.gif); */
	background-repeat: repeat-y;
	width: 988px;
	overflow: hidden;
}
#header
{
	background-image:url(/images/chw_header.gif);
	background-repeat:no-repeat;
	height: 104px;
}
#primary_nav
{
	background-color: #494949;
	border-left: 4px solid white;
	border-right: 4px solid white;
	height: 35px;
	color: white;
}


#primary_nav ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding-left:0;
	padding-top:11px;
}
#primary_nav li {
	display:inline;
}
#primary_nav a {
	color:#DDDDDD;
	text-decoration:none;
}
#primary_nav a:hover {
	color: white;
	text-decoration:underline;
}
#banner
{
	height: 140px;
	width: 988px;
	margin-top: 2px;
	margin-bottom: 2px;
}
#content
{
	padding-top: 2px;
	border-left: 4px solid white;
	border-right: 4px solid white;
}
#leftcol
{
	width: 200px;
	float: left;
}
#homepagecentrecol
{
	margin-left: 206px;
	font-size: 85%;
}
#centrecol
{
	margin-left: 216px;
	padding-right: 2em;
	line-height: 1.8;
	font-size: 85%;
	padding-bottom: 4em;
}
#rightcol
{
	background-color: white;
	float: right;
}
#centreleftcol
{
	float: left;
	width: 295px;
	background-color: #F4F4F4;
}
#centrerightcol
{
	float: right;
	width: 295px;
	background-color: #F4F4F4;
}
#footer
{
	background-image:url(/images/chw_footer.gif);
	background-repeat: no-repeat;
	margin: auto;
	width: 988px;
	height: 52px;
	color: white;
	font-size: 75%;
}
#footer a
{
	color: white;
	text-decoration: none;
}
#footer a:visited
{
	color: white;
}
#footer a:hover
{
	text-decoration: underline;
}

/* CLASSES */
.bannertitle a
{
	color: white;
	text-decoration:none;
}
.bannertitle a:visited
{
	color: white;
	text-decoration:none;	 
}	 	
.bannertitle a:hover
{
	color: white;
	text-decoration:underline;	 
}
.bannertitle
{
	 padding-left: 1em;
	 font-size: 125%;
}
.bannerimage
{
	float:left;
	padding-right: 1em;
	border:none;
	padding-left:0;		
}
.bannerinfo
{
	padding-top: 40px;
	padding-right: 5px;
	float: right;
 	font-size: 90%;
}
.panelbanner
{
	background-image:url(/images/bluebanner.gif);
	background-repeat: repeat-x;
	background-color: #3298d9;
	font-size: 130%;
	color: white;
	font-weight: bold;
	min-height: 88px;
	margin-left:0;
	padding-left:0;	
}
.featurecontent
{
	margin: 1em; /*Margins for inner DIV inside each column (to provide padding)*/
	padding-bottom: 1em;	
}
.discussionul
{
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
	font-size: 130%;
}
.discussionli
{
}
.discussionli h1
{
	text-transform:uppercase;
	font-size:90%;
	border:none;
}
.discussionli a
{
	text-decoration:none;
}
.discussionli a:visited
{
	text-decoration:none;	 
}	 	
.discussionli a:hover
{
	text-decoration:underline;	 
}
.featurecontent ul
{
	padding-left: 0px;
	margin-left: 0px;
}
.discussionpanel
{
	background-color: white;
	width: 100%;
	border: 1px solid #ededed;
	padding-left:1em;
}
.featurecontent hr
{
	color: #EFEFEF;
	background-color: #EFEFEF;
	border: none;
}
.teamlefttrans2col /*JD 12/11/08*/
{
	float:left;
	padding: 1em;
	width: 250px;
}
.teamrighttrans2col /*JD 12/11/08*/
{
	float:right;
	padding: 1em;
	width: 380px;
}
.webtext2col /*JD 12/11/08*/
{
 padding: 1em;
}
.panel
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	padding-left: 0px;
	padding-bottom: 0em;
	width: 200px;
}

.forumpanel
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	padding-left: 0px;
	padding-bottom: 0em;
	width: 90%;
	
}
.panel ul
{
	padding-left: 1em;
	padding-right: 1em;
	margin: 0;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
.panel ul li
{
	/* padding-bottom: 1em;
	padding-top: 1em;
	border-bottom: 1px solid #e1e1e1; */
}
.panel a 
{
	color: #0E67B3;
	text-decoration: none;
}
.panel a.panelitem
{
	padding-bottom: 1em;
	padding-top: 1em;
	border-bottom: 1px solid #e1e1e1;
	display:block;
}
.panel a.panelitem:hover
{
	color: #ffffff;
	background-color: #f8986b;
}
.searchpanel 
{
	color: #0E67B3;
	text-decoration: none;
	padding-bottom: 1em; /*Padding to bottom of search field*/
}
.paneldip
{
	padding: 0px 0px 0.5em 0px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
}
.paneldip a 
{
	text-decoration: none;
}
.paneldip a:visited
{
	color: #0E67B3;
}
.paneldip a:hover
{
	color: #0E67B3;
}
.panelheader 
{
	background-image: url(/images/Chob/panelheader.gif);
	background-repeat:repeat-x;	
	height: 40px;
	color: white;
	font-weight: bold;
	padding-left: 1em;
	padding-top: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	
}
.panelheader:hover
{
	background-image: url(/images/CHWP_red_middle.gif);
}
.panelheader a
{
}
.panelheader a:visited
{
   color: white; 
}
.panelheader a 
{
	color: white;
	text-decoration: none;
}
.panelheader a:hover
{
	color: white;
	text-decoration: underline;
}
.panelfooter
{
	text-align: right;
	padding-right: 10px;
	padding-bottom: 10px;
}
.smallpanel
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 1em;
	padding-left: 1em;
	padding-right: 1em;
	width: 150px;
	line-height: 1.6em;
}

.smallpanel2col /*JD 14/11/08*/
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 1em;
	padding-left: 1em;
	padding-right: 1em;
	width: 100%;
	line-height: 1.6em;
	font-size:90%;
}
.smallpanel p
{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
.smallpanel a
{
	color: #0E67B3;
	font-weight: bold;
}
.smallpanel img
{
	padding-bottom: 1em;
}
.active
{
	color: white;
}
.pipespacer
{
	padding-left: 1.25em;
}
.menuspacer
{
	padding-left: 2em;
}
.feature
{
	background-color: white;
	border: 1px solid #ededed;
	margin-bottom: 1em;
	width: 285px;
}
.featurecontent
{
	margin: 1em; /*Margins for inner DIV inside each column (to provide padding)*/
	padding-bottom: 0.5em;
	z-index: 100;
}
.featurecontent a:hover
{
	background-color: #FFFF00;
}
.featurecontent p
{
	padding-top: 0em;
	margin-top: 1em;
	padding-bottom: 1em;
	margin-bottom: 0.5em;
	line-height: 1.6em;
}
.shadow
{
	position: relative;
	top: -14px;	
}
.footertext
{
	padding-top: 2em;
	padding-right: 2em;
	text-align: right;
}
.footerleft
{
	float: left;
	padding-left: 2em;
}

/************************************************/
/*  styles for our simple table					*/

.simpletable
{
	background-color: white;
	width: 99%;
}
.simpleheadings
{
	background-color: #E5E2D8;
	text-align: center;
}
.simplerow1
{
	background-color: #EFEFEF;
}
.simplerow2
{
	background-color: #F9F9F9;
}
.noticeposting
{
	margin-top: 2em;
	width: 500px;
	background-color: white;
	border: 1px solid #CCC;
}

.noticeposting2col /*JD 14/11/08*/
{
	margin-top: 2em;
	width: 100%;
	background-color: white;
	border: 1px solid #CCC;
		font-size: 100%;
}
.posted
{
	text-align: right;
	margin-top: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
}
.spacer
{

}
.details
{
	padding: 1em;
	border-bottom: 1px solid #CCC;
	background-color: #EEE;
	background-image: url(/images/noticebg.gif);
}
.title
{
	padding-bottom: 1em;
	font-weight: bold;
}
.description
{
	padding-left: 1.5em;
	padding-right: 1.5em;
	padding-bottom: 1.5em;
}

.formlist
{
	list-style:none;
	line-height:1.6;
	padding-bottom: 1.5em;
}


/************************************************/
/*  styles for forms, filling and errors		*/

.formerror
{
	color: red;
	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;
}

/***********************************************/
/* Forms and Wizards data entry                */
/***********************************************/

em 
{ 
	color : blue; 
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 80%;
}


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


/***********************************************/
/* Help and Error text format                  */
/***********************************************/


#lblHelp li
{
	padding: 0;
	border-top: none;
	border-right: none;
	border-left: none;
	padding-bottom:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 100%;
	background-image: none; 
}


/***********************************************/
/* Page Control styles                         */
/***********************************************/


.required
{
	background-color: #FFFFCC;
}

.chk
{
	border: none;
}

.error
{
	font-size: 100%;
}

.errormarker
{
	font-size: 100%;
	color: red;
}

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

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

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

.field
{
	font-style:italic;
	font-weight: bold;
	color: #000099;
}

.breaker
{
	padding-top: 3em;
	background-image: none;
}

.panelspacer
{
	clear: both;
	padding-top: 2em;
	background-image: none;
}

.selectcat
{
	color: white;
	background-color: #FAB301;
	font-weight: bold;
}
.selectitm
{
	padding-left: 1em;
	background-color: #EFF1D5;
	color: black;
}

.thumb
{
	border:none;
	margin: 1em 1em 1em 1em;
}

div.row
{
	clear: both;
	padding-top: 0.75em;
}

div.right
{
	padding-top: 1em;
	float: right;
}

div.row span.content
{
	float: left;
	padding-left: 1em;
	text-align: left;
	width: 75%;
	background-image: none;
}

div.nonrow
{
	clear: both;
	padding-top: 0px;
}

div.nonrow span.noncontent
{
	padding-bottom: 5px;
	float: left;
	padding-left: 1em;
	text-align: left;
	width: 75%;
	background-image: none;
}

fieldset label
{
	float: left;
	width: 20%;
	text-align: right;
	padding-top: 0.75em;
	background-image: none;
}

.radiolist label
{
	float: none;
	text-align: left;
	display: inline;
}

.ticklist label
{
	float: none;
	text-align: left;
	display: inline;
}

.errortitle
{
	color: red;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 180%;
}

.errormessage
{
	color: magenta;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 100%;
}

.formaticon
{
	position: relative;
	top: -93px;
	left: 4px;
}

.text
{
	color: #777777;
	font-weight: normal;
}

.on 
{
	display: block
}

/***********************************************/
/* Meta Data Page                              */
/***********************************************/

.metapad
{
}
.metapad h1 
{
	margin: none;
	padding-top: 0em;
	padding-bottom: 1em;
}
.metathumb
{
	padding-bottom: 1em;
}
.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
{
	margin: 0;
	padding: 0;
}
.metadata li
{
	list-style: none;
	line-height: 1.56em;
	padding-bottom: 0.5em;
}
.metaspan
{
	font-weight: bold;
}
.metadata h2
{
	font-size: 150%;
	padding: none;
	margin: none;
	border-bottom: 1px solid #bababa;
	margin-top: 1em;
}

/***********************************************/
/* Forums, Threads and Messages                */
/***********************************************/


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

.threadtitle
{
	background-color: #efefef;
	padding: 1em;
	border: 1px solid #B5AE91;
}
.threadmessage
{
	background-color: #f9f9f9;
	padding: 1em;
	border: 1px solid #B5AE91;
}
.reply
{
	padding-top: 0;
	text-align: right;
}



/***********************************************/
/* Search and lists                            */
/***********************************************/


.dateposted
{ 

	font-style:italic;
}

.provider
{ 
	color : blue; 
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 80%;
}

/***********************************************/
/* buttons and such                            */
/***********************************************/

.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%;
}

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

.currentsearchpage
{
	font-weight: bolder;
	color: #000;
	font-size: 100%;
}
.searchpaging
{
	color: #0077AA;
	border: 1px solid #DDDDDD;
	padding: 1em;
	text-align: center; 
	font-size: 100%;
}
.searchpaging a
{
	padding: 0.5em;
	font-size: 100%;
}

/***********************************************/
/* Site map                                    */
/***********************************************/

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

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