<!--
/*

CSS for National Obestiy Observatory website

Developed for NOO / SEPHO by North East PHO / PHINE

Š2008, North East PHO

Please contact us before copying or modifying this code 
www.nepho.org.uk

*/

body {
	font-family: "lucida grande",Tahoma,Verdana,Arial,sans-serif;
	font-size: 12px;
	margin: 0px;
	/*	background-image: url(bg.png); /**/
	background-image: url(../noo_files/images/noo_body_fades.png);
	background-repeat: repeat-y;
	background-position: center top;
	text-align: center;
	background-color: #ffffff;
	color: #404040 ;
}
h1 {
	/*margin: 0px;*/
}

h1#group_header {
    background-color: transparent;
    padding: 0;
}

#noo {
	background-color: #FFFFFF;
	text-align: left;
	padding: 0px;
	margin: 0px auto;
	width: 1002px;
}

img {
	border: none;
	
}
/** Annoying little work around for IE
Browsers should add the border OUTSIDE the 1000 pixel width, IE adds it INSIDE 
 **/
#mainWide {
	float: left;
	background-color: white;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	width: 1002px;
	background-image: url(../noo_files/images/noo_lhs_mainwide_260.png);
	background-repeat: repeat-y;
	background-position: -33px top;	
}
html>body #mainWide {
	width: 1000px;

}

table {
	font-size: 1em;
}

input, textarea  {
	border: 1px solid #D3D3D3;
	margin: 0px;
	padding: 2px 4px;
	font-family: "lucida grande",Tahoma,Verdana,Arial,sans-serif;
	font-size: 12px;
}
a {
	text-decoration: none;
	color: orange;
}
#main a {
	font-weight: bold;
}
#main a:visited {
	color: #999999;
}

#main #group_nav a:visited {
    color: #740;
}

a:hover {
	text-decoration: underline;
}
#leftSideBar {
	float: left;
	width: 220px;
	margin: 0px;
	padding: 0px 0px 120px 0px;
}
#lhs_b {
	padding: 28px 0px 120px 0px;
	background-image: url(../noo_files/images/noo_lhs_bottom.png);
	background-repeat: no-repeat;
	background-position: right top;
}
#sph_link {
	clear: both;
	padding-top: 90px;
	border: 0px;
}
#leftSideBar a#homeLink {
	background: url(../phine_home150.png) no-repeat scroll left top;
	display: block;
	height: 50px;
	margin: 0px 0px 15px 0px;
	width:150px;
}
#leftSideBar a#homelink:hover {
	background-position: bottom;

}
#leftSideBar a#homeLink h1,
.hide {
	display: none;
}
#noo_stripe {
	height: 8px;
	background-image: url(../noo_files/images/noo_stripe.png);

}

#lhs_tr {
	background-color: #818385;
	background-image: url(../noo_files/images/noo_lhs_tr.png);
	background-repeat: no-repeat;
	background-position: top right;	
	height: 11px;
	padding: 0px;
	margin: 0px;
}


#leftSideBar ul.side1 {
	background-color: #818385;
	padding: 0px 19px 0px 0px;
	margin: 0px;
	list-style: none;
	background-image: url(../noo_files/images/noo_lhs_edge.png);
	background-repeat: repeat-y;
	background-position: right;	
}

#leftSideBar ul.side1 li.side1_li {
	font-size: 14px;
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	background-image: url(../noo_files/images/noo_lhs_3.png);
	background-position: right -61px;
}
#leftSideBar ul.side1 li.subs {
	background-position: right -122px;

}
.naughtA {
	background-repeat: no-repeat;

}
.naughtB {
	background-image: url(../noo_files/images/noo_lhs_3.png);
}
.subB {
	background-image: url(../noo_files/images/noo_lhs_3.png);
	background-position: right -162px;
}
.naughtA, .naughtB {
	background-repeat: no-repeat;
	padding: 12px 10px 13px 28px;
	background-position: left center;
	background-image: url(../noo_files/images/noo_lhs_link_cr.png);
}

ul.side2 {
	margin: 0px;
	padding: 0px 0px 15px 0px;
    list-style: none;
	display: block;
	background-image: url(../noo_files/images/noo_lhs_3_side2_foot.png);
	background-position: right bottom;
	background-repeat: no-repeat;
}
ul.side2 li {
	margin: 0px;
	padding: 2px 0px 2px 28px;
	background-image: url(../noo_files/images/noo_lhs_3_side2_foot.png);
	background-position: right top;
	background-repeat: no-repeat;
}
#leftSideBar ul li ul.side2 li a, #leftSideBar ul li ul.side2 li strong {
	color: #000000;
}

#leftSideBar ul li a, #leftSideBar ul li strong {
	color: white;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
}
#leftSideBar ul.side2 a {
	font-size: .95em;
	font-weight: normal;	
}

#leftSideBar ul.side2 strong {
	font-size: .95em;
}




#main {
	float: left;
	width: 780px;
	margin: 0px;
	line-height: 1.5;
	padding: 0px;
	background-image: url(../noo_files/images/noo_main_tl_corner.png);
	background-repeat: no-repeat;
	background-position: left top;

}
#extra_main {
	width: 760px;
	margin-left: 10px;
	padding-top: 10px;
}
#extra_main_with_rhs {
	float: left;
	width: 580px;
	margin-left: 10px;
	padding-top: 10px;
}
#noo_rhs {
	float: right;
	width: 170px;
	background-color: #CCCCCC;
	background-image: url(../images/noo/noo_fade.png);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 220px;
}
#main table tr {
	vertical-align: top;
}
.codeExample {
	font-family: "Courier New", Courier, monospace;
	background-color: #FFFF99;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	border: 1px solid #FF6600;
}
#headLinks {
	height: 75px;
	background-image: url(../noo_files/images/noo_header_fade.png);
	background-repeat: no-repeat;
	background-position: right top;
	border-left: 1px solid black;
	border-right: 1px solid black;
}
#headLinks a {
	color: black;
}
#noo_logo {
	float: left;
	background-image: url(../noo_files/images/noo_orange_logo-59.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 8px;
	height: 75px;
	width: 160px;	
}

#header_mainLinks {
	display: block;
	float:right;
	list-style-image: none;
	list-style-type: none;
	list-style-position: outside;
	margin: 0px;
	padding: 6px 5px 0px;
	font-weight: bold;
	
}
#header_mainLinks li {
	float:left;
	padding: 0px;
	margin-right: 10px;
}

#header_moreLinks {
	display: block;
	float:right;
	list-style-image: none;
	list-style-type: none;
	list-style-position: outside;
	margin: 0px;
	padding: 6px 5px 0px;
	text-transform:lowercase;
}
#header_moreLinks li {
	float:left;
	padding: 0px;
}
#headLinks li a {
	padding: 3px 5px;
}
#headLinks li a:hover {
	background-color: #d3d3d3;
}

#linkbar {
	background-color: #5A5A5C;
	background-image: url(../noo_files/images/noo_links_twotone_grey.png);
	background-repeat: repeat-x;
	background-position: top;
	height: 25px;
	padding: 0px 0px 0px 215px;
}

#linkbar ul {
	margin: 0px;
	padding: 0px;
	background-color: cyan;
	list-style: none;
	display: block;
}

#linkbar ul li {
	display: inline;
	margin: 0px;
	padding: 0px;
	background-color: red;
}
#linkbar ul li a {
	padding: 3px 10px;
	color: white;
	font-weight: bold;
	font-size: 14px;
}

#linkbar ul li a:hover {
	color: black;
	background-color: #ffffff;
}

ul.subsub {
    margin: 0;
    margin-left: -28px;
    padding: 0;
    list-style: none;
    background: #818385;
}
ul.subsub li {
    padding: 0;
    margin: 0;
}

ul.subsub div.subB {
    background: silver;
    font-size: 80%;
    width: 137px;
    padding: 2px;
    border-top: 2px #ff9a18 solid;
    padding-left: 40px;
}

.naughtAtop {
	float: left;
	padding: 3px 5px 3px 0px;
}

#footer {
	height: 45px;
	line-height: 16px;
	clear: both;
}
#footer #copyright {
	clear: both;
	padding: 8px 10px 0px;
}
#footer ul {
	display: block;
	float:right;
	list-style-image: none;
	list-style-type: none;
	list-style-position: outside;
	margin: 0px;
	padding: 8px 5px 0px;
}
#footer li {
	float:left;
	padding: 0px;
}
#footer li a {
	padding: 0px 5px;
	text-transform:lowercase;
}

.warning {
	border: 1px solid red;
	background: mistyrose;
	padding: 15px;
}
.alert {
	background-image: url(../images/alert.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 55px;
	padding-top: 12px;
	padding-bottom: 12px;
}
xmp {
	text-align: left;
	border: 2px solid #666666;
	background-color: #CCCCCC;
	margin: 10px;
	padding: 10px;
}
/*
.person_background_1 {
	padding-right: 155px;
	background-image: url(images/people/person_hildbede.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.person_background_2 {
	padding-right: 155px;
	background-image: url(images/people/person_hatfield.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
*/
input.input_wide, textarea.input_wide {
	width: 400px;
	display: block;
}
textarea.input_wide {
	height: 150px; 
}
textarea.input_markdown {
	height: 400px;
	width: 600px;
}

.button_plain {
	border: none;
	background: none;
}
.button_plain:hover {
	background: #ABBBCD;
	text-decoration: underline;
}
.leftside_padding {
	padding: 0px 4px;
	display: block;
}

#quickLinks {
	margin-top: 10px;
}
#quickLinks a {
	padding: 3px 4px;
	display: block;
	border: 1px solid #ffffff;
}
#quickLinks a:hover {
	border: 1px solid #ABBBDC;
	background-color: AliceBlue;
}
-->

h1,h2,h3,h4.h5 {
	color: #A5A7AA;
	line-height:normal;
}
h1 {
	margin: 0px 0px 10px 0px;
	font-size: 20px;
}
h2 {
	font-size: 18px;
}
h3 {
	font-size: 16px;
}
h4 {
	font-size: 14px;
}
h5 {
	font-size: 12px;
}
.doc h2 {
	margin: 18px 0px;
}
.doc h3 {
	margin: 16px 0px;
}
.doc_edit_link {
	float: right;
}
.doc_edit_link a {
	border: 1px solid #D3D3D3;
	background-color: #ECE9D8;
	padding: 2px 5px;
}
.doc_edit_link a:hover {
	background-color: #D3D3D3;
}
.doc {
    clear: both;
}
.view_job {
	margin-bottom: 10px;
	border-bottom: 1px solid gainsboro;
	padding-bottom: 10px;
}
.view_job_organisation {
	margin: 0px 0px 5px 0px;
}
.view_job_title  {
	margin: 5px 0px;
	font-weight: bold;
}	
.view_job_description {
	margin: 5px 0px;
	line-height: 1.5em;
	color: #666666;
}
.view_job_dates {
	color: #666666;
	margin: 5px 0px;
}

.text_button {
	border: none;
	background: none;
	margin: 4px 0px;
	color: orange;
	cursor: pointer;
}
.text_button:hover {
	text-decoration: underline;
	background-color: AliceBlue;
}

.h_shaded {
	background-color: Gainsboro;
}


#my_nphl_tags {
	float: left;
	width: 100%;
	color: #999999;
	margin-top: 10px;
	border-top: 2px solid #999999;
	padding-top: 10px;
}



/******** RHS ************/

#noo_search {
	margin: 20px 10px 10px 10px;
	background-color: #BCBDC0;
	padding: 5px;
	border: 2px solid white;
}
#noo_search label {
	color: #2D292A;
	font-size: 16px;
}
#search_box {
	font-size: 16px;
	color: #2D292A;
	border: 1px solid white;
	width: 100px;
}
#noo_search_button {
	border: none;
	padding: 0px;
	margin: 0px;
	height: 17px;
	width: 17px;
}

#noo_rhs ul {
	padding: 0px;	
}
#noo_rhs li {
	list-style-type: none;
	font-size: 16px;
	margin: 5px 15px 10px 15px;
}
#noo_rhs li a {
	color: #2D292A;
}




#noo_foot_lhs_logo_frame {
	float: left;
	left: 10px;

}

#noo_foot_rhs_logo_frame {
	float: right;
	right: 0px;
}

#noo_foot_lhs_logo_frame,
#noo_foot_rhs_logo_frame {
	width: 0px;
	height: 0px;
	position: relative;
	top: 0px;
}
#noo_foot_lhs_logos {
	float: left;
	width: 170px;
	text-align: left;
}
#noo_foot_rhs_logos {
	float: right;
	margin-left: -170px;
	width: 170px;
	text-align: right;
}
#noo_foot_lhs_logos,
#noo_foot_rhs_logos {
	bottom: 10px;
	position: absolute;
}

#noo_foot_lhs_logos img {
	margin-top: 10px;
}

#noo_foot_rhs_logos img {
	margin-right: 10px;
}

.highlighted_term {
	background-color: yellow;
	padding-left: 5px;
	padding-right: 5px;
}
#noo_rhs_news,
#noo_rhs_behind_the_headlines {
	width: 170px;
	margin-bottom: 20px;
	padding: 0;
}
#noo_rhs_news a,
#noo_rhs_behind_the_headlines a {
	display: block;
	margin: 5px;
	padding: 2px 5px;
	font-weight: normal;
	color: black;
}
#noo_rhs_news a.bold,
#noo_rhs_behind_the_headlines a.bold {
	font-weight: bold;
}
#noo_rhs_news a:visited,
#noo_rhs_behind_the_headlines a:visited {
	color:black;
}
#noo_rhs_news a:hover,
#noo_rhs_behind_the_headlines a:hover {
	padding: 1px 4px;
	border: 1px solid orange;
	background-color: wheat;
}
#noo_rhs_news a.bold:hover,
#noo_rhs_behind_the_headlines a.bold:hover {
	padding: 2px 5px;
	border: none;
	background-color: #CCCCCC;
}

#noo div.publication_summary img.thumbnail {
    float: right;
    clear: right;
    margin-left: 1em;
    margin-bottom: 1em;
}

#noo div.publication_summary {
    clear: right;
}

#noo div.publication_summary div.publication_summary_text {
    margin-left: 0;
}

#noo div.publication_summary_text h3 {
    font-size: 150%;
}

.doc_image {
	display: block;
}

.doc_image_align_right {
	float: right;
	margin-left: 10px;
}

.doc_image_align_left {
	float: left;
	margin-right: 10px;
}

div#olc_link {
    display: none;
}