﻿/*
Stylesheet for the use of ERPHO only
This is not to be edited by HSL
*/

/* ADDED FOR Wikipages */

div.wikiPage_wikiContainer TABLE TR TD.left, DIV.wikiPage_wikiContainer TABLE TR TH.left
{
    text-align:left;
    vertical-align: top;
    padding-left:6px;
}
div.wikiPage_wikiContainer div.wikiText_tableTitle
{
    text-align:left;
    vertical-align: top;
    padding-left:6px;
}
div.wikiPage_wikiContainer table
{
    border-collapse:collapse;
    border-color:#dddddd;
}
div.wikiPage_wikiContainer td
{
    vertical-align: top;
}
div.wikiPage_wikiContainer table.collection
{
    border-collapse:collapse;
    border-color:Navy;
}
div.wikiPage_wikiContainer table.collection tr th, div.wikiPage_wikiContainer table.collection tr td
{
    border: solid 1px #dddddd;
}
td.smallarrow
{
    background-image: url(../assets/images/cmsimages/classes/newarrow12.gif);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
td.arrow
{
    background-image: url(../assets/images/cmsimages/classes/newarrow.gif);
    background-repeat: no-repeat;
    width: 30px;
    height: 20px;
    vertical-align: middle;
}
td.smallnews
{
    background-image: url(../assets/images/cmsimages/classes/news20x20.gif);
    background-repeat: no-repeat;
    width: 30px;
    height: 20px;
    vertical-align: middle;
}
td.news
{
    background-image: url(../assets/images/cmsimages/classes/news40x40.gif);
    background-repeat: no-repeat;
    width: 50px;
    height: 40px;
    vertical-align: middle;
}
td.smalltool
{
    background-image: url(../assets/images/cmsimages/classes/tools20x20.gif);
    background-repeat: no-repeat;
    width: 30px;
    height: 20px;
    vertical-align: middle;
}
td.tool
{
    background-image: url(../assets/images/cmsimages/classes/tools40x40.gif);
    background-repeat: no-repeat;
    width: 50px;
    height: 40px;
    vertical-align: middle;
}
td.smalldata
{
    background-image: url(../assets/images/cmsimages/classes/data20x20.gif);
    background-repeat: no-repeat;
    width: 30px;
    height: 20px;
    vertical-align: middle;
}
td.data
{
    background-image: url(../assets/images/cmsimages/classes/data40x40.gif);
    background-repeat: no-repeat;
    width: 50px;
    height: 40px;
    vertical-align: middle;
}
td.smallsign
{
    background-image: url(../assets/images/cmsimages/classes/signpost20x20.gif);
    background-repeat: no-repeat;
    width: 30px;
    height: 20px;
    vertical-align: middle;
}
td.sign
{
    background-image: url(../assets/images/cmsimages/classes/signpost40x40.gif);
    background-repeat: no-repeat;
    width: 50px;
    height: 40px;
    vertical-align: middle;
}
td.smalllink
{
    background-image: url(../assets/images/cmsimages/classes/links20x20.gif);
    background-repeat: no-repeat;
    width: 30px;
    height: 20px;
    vertical-align: middle;
}
td.link
{
    background-image: url(../assets/images/cmsimages/classes/links40x40.gif);
    background-repeat: no-repeat;
    width: 50px;
    height: 40px;
    vertical-align: middle;
}
td.smallpublication
{
    background-image: url(../assets/images/cmsimages/classes/publications20x20.gif);
    background-repeat: no-repeat;
    width: 30px;
    height: 20px;
    vertical-align: middle;
}
td.publication
{
    background-image: url(../assets/images/cmsimages/classes/publications40x40.gif);
    background-repeat: no-repeat;
    width: 50px;
    height: 40px;
    vertical-align: middle;
}
td.smallreport
{
    background-image: url(../assets/images/cmsimages/classes/reports20x20.gif);
    background-repeat: no-repeat;
    width: 30px;
    height: 20px;
    vertical-align: middle;
}
td.report
{
    background-image: url(../assets/images/cmsimages/classes/reports40x40.gif);
    background-repeat: no-repeat;
    width: 50px;
    height: 40px;
    vertical-align: middle;
}
td.smallpresentation
{
    background-image: url(../assets/images/cmsimages/classes/presentations20x20.gif);
    background-repeat: no-repeat;
    width: 30px;
    height: 20px;
    vertical-align: middle;
}
td.presentation
{
    background-image: url(../assets/images/cmsimages/classes/presentations40x40.gif);
    background-repeat: no-repeat;
    width: 50px;
    height: 40px;
    vertical-align: middle;
}
td.smallcontact
{
    background-image: url(../assets/images/cmsimages/classes/telephone20x20.gif);
    background-repeat: no-repeat;
    width: 30px;
    height: 20px;
    vertical-align: middle;
}
td.contact
{
    background-image: url(../assets/images/cmsimages/classes/telephone40x40.gif);
    background-repeat: no-repeat;
    width: 50px;
    height: 40px;
    vertical-align: middle;
}
td.smallmuse
{
    background-image: url(../assets/images/cmsimages/classes/muse20x20.gif);
    background-repeat: no-repeat;
    width: 30px;
    height: 20px;
    vertical-align: middle;
}
td.muse
{
    background-image: url(../assets/images/cmsimages/classes/muse40x40.gif);
    background-repeat: no-repeat;
    width: 50px;
    height: 40px;
    vertical-align: middle;
}
div.wikiPage_wikiContainer table.collection
{
    width: 630px;
}
div.wikiPage_wikiContainer table.collection tr th, div.wikiPage_wikiContainer table.collection tr td
{
    border: solid 1px #dddddd;
}
div.wikiText_tableContainer table.collection tr td:first-child
{
    width:90px;
    text-align:left;
    padding-left: 5px;
}
div.wikiText_tableContainer table.collection tr th:first-child
{
    width:90px;
    text-align:left;
    padding-left: 5px;
}
div.wikiText_tableContainer table.collection tr td:first-child + td + td
{
    width:50px;
}
div.wikiText_tableContainer table.collection tr td:first-child + td + td + td
{
    width:40px;
}
div#bannerLogoTextContainer span#ERText
{
    font-size:80%;
    font-weight: normal;
}
div#bannerLogoTextContainer span#PHOText
{
    font-size:80%;
    font-weight: normal;
}
.cols2 div, .cols3 div, .cols4 div, .cols5 div,
.cols6 div, .cols7 div, .cols8 div, .cols9 div, .cols10 div
{
	padding-right: 10px;
}
span#footer_aphotext, span#footer_hpatext, span#footer_ecrictext, span#footer_insighttext, span#footer_qietext, span#footer_eactext
{
	font-size:75%;
	font-family:Arial;
}
table.rssfeed
{
    border-collapse: collapse;
    border: #acc7b4 1px solid;
    padding-left: 15px;
}
td.rssHeader
{
    color:White;
    background-color: #acc7b4;
    font-weight:bold;
    padding: 5px 5px 5px 5px;
}
td.rssContent
{
    color:Gray;
    padding: 3px 5px 3px 5px;
    font-size: 10pt;
}
.cols2 div  { width: 46%; }
#page_89 td a
{
    font-size: 0.8pt;
}

span.dictionaryWord {
    font-weight:bold;
    color:#003300;
}

/* Master page footer - DF */
div#Footer {
	height:50px;
	margin-bottom:5px;	
  float:left;
  clear:left; 	
}
div.AddressFooterDiv
{
    background-color:#F7F7FA;
    color:#444;
    padding-top:3px;
    padding-bottom:8px;
    width:100%;
}
.footer-link, .footer-link:visited, .footer-link:active
{
    font-size:10px;
    font-weight:200;
    color:#555;
}
.footer-link:hover
{
    text-decoration:underline;
    color:#555;
}
#FooterBox2{
	color:#555;
}

div#Footer div#FooterBox1{
	width:50% !important;
}
div#Footer div#FooterBox2{
    text-align:right;
    width:50% !important;
    padding-right:0px;
}


/* Reskin Jan 2011*/
body{

	margin-top: 5px;		
	color:#222222;
	background: #F7F7FA;
}
h2, h3, h5, h6  
{
    color:Black;
}
h1,h4 {
  font-size:20px !important;
  color:#181784;
}
h4
{
    margin-top:5px;   
}
a, a:active, a:visited,a:hover {
  color:#181784;
}
em {
  font-style:normal;
}
/*Banner*/
div#Banner 
{
height: 90px;   
background-image: none;
}
div#Banner img 
{
 border:none;   
}
#nhsLogo 
{
float:right;
margin-top:42px;
margin-right:20px;
}

#bannerMessage 
{
float:left;
margin-left:10px;
margin-top:10px;   
}
.loggedInLink, .loggedInLink:visited, div.lbs_container button, div.lbs_container a, div.lbs_container a:visited, div.lbs_container a:link
{
    color: #555555 !important;
    font-size: 8pt;
    font-weight: normal;
}

div.lbs_container button:hover, div.lbs_container a:hover, .loggedInLink:hover
{
    color: black !important;
    text-decoration:underline !important;
}


/* Log in box */
#logOnContainer
{
 position:relative;
 float:right;
 margin-top:5px;   
}
DIV.lbs_container IMG
{
    /*hide log in images and edit profile link*/
    display:none;
}
div.lbs_container a
{
 /*Edit profile*/
 margin:0px 10px 0 0; 
 top:-4px;  
}
div.lbs_container button
{
 /*Sign in*/
 margin:0 7px 0 0; 
}
#adminContainer {
position: absolute; 
width: 150px; 
top: 14px; 
right: 10px;
text-align:right;
}

/*Top menu*/
A.menuLink, A.menuLink:visited
{
    padding-top:8px;
    padding-bottom: 9px; 
    padding-left:13px;
    padding-right:13px;
    width:106px;
    color:#004711;
    font-size:12px;
    background:url('../assets/images/master/topMenuBg.png');
    border-left:2px solid white;
    display:block;
    text-align:center;
    line-height:13px;
}
A.menuLink:hover
{
    color:black;
    background:url('../assets/images/master/topMenuBg3.png');
    text-decoration:none;
}
li.topMenu 
{
    list-style-type:none;
    margin:0 0 0 0;
    float:left;
}
#topMenuList 
{
    margin:0 0 0 3px;
    padding:0 0 0 0;
}

/* Search boxes */
#searchContainer 
{
 background-color: #EBEBF3;  
 height:76px;
 position:relative;
 margin-top:13px;
 margin-left:10px;
}
#searchContainer INPUT
{
  margin:4px 0 0 12px !important;
  width:124px !important;   
  border: #999999 2px solid !important;
  color: #555555 !important;
}
#ctl00_menuStripSearch, #ctl00_ctl00_menuStripSearch
{
  float:left !important;
  margin-top:4px !important;
}
#searchBoxSubmitButtonContainer , #ctl00_menuStripSearch, #ctl00_ctl00_menuStripSearch 
{
     width:165px !important; 
     height:24px !important;
}
#searchContainer BUTTON
{
    height:20px;
    width:20px;
    background-image: url(../assets/images/master/searchArrow.gif);
}
#searchContainer BUTTON:hover
{
    background-image: url(../assets/images/master/searchArrow2.gif);
}
#advancedSearch, #advancedSearch:visited
{
    margin-top:2px;
    font-size:80%;
    margin-left:30px;
    color:#555555;
    padding:0 0 0 0;
    border:none;
    width:auto;
}
#advancedSearch:hover 
{
    color:black;
    text-decoration:underline;
}

/*Side menu bar*/
#ctl00_ShowLeftNavDiv 
{
    margin-top:6px;
}
div.Alpha div.TopicsBrowser_TopLevel A, 
div.Alpha div.TopicsBrowser_TopLevel A:visited,
div.Alpha div.TopicsBrowser_TopLevel_WithChildren A,
div.Alpha div.TopicsBrowser_TopLevel_WithChildren A:visited,
div.Alpha div.TopicsBrowser_TopLevel_Selected A,
div.Alpha div.TopicsBrowser_TopLevel_Selected A:visited, 
div.Alpha div.TopicsBrowser_SubLevel A,
div.Alpha div.TopicsBrowser_SubLevel A:visited,
div.Alpha div.TopicsBrowser_SubLevel_Selected_NoChildren A,
div.Alpha div.TopicsBrowser_SubLevel_Selected_NoChildren A:visited   {
	color:#555555 !important;
	background-color:white !important;
	border-bottom: solid 1px #EBEBF3;
	padding-bottom: 5px !important;
	padding-top: 5px !important;
}

div.Alpha div.TopicsBrowser_TopLevel A:hover,
div.Alpha div.TopicsBrowser_TopLevel_WithChildren A:hover,
div.Alpha div.TopicsBrowser_TopLevel_Selected A:hover, 
div.Alpha div.TopicsBrowser_SubLevel A:hover,
div.Alpha div.TopicsBrowser_SubLevel_Selected_NoChildren A:hover{
	color:black !important;
	background-color:white !important;
	background:url('../assets/images/master/sideMenuBg.png');

}
div.Alpha div.TopicsBrowser_TopLevel_WithChildren A {
    background-image:url(../assets/images/master/expandSubMenu.gif);
}
div.Alpha div.TopicsBrowser_TopLevel_Selected A {
    background-image:url(../assets/images/master/collapseSubMenu.gif);
}
div.Alpha div.BottomDiv, div.Alpha div.TopDiv  {
	font-weight:bold;
	background-image:none;!important;
}
div.Alpha div.TopDiv  
{
padding-left:7px;
height:10px !important;
border-bottom: solid 1px #EBEBF3;
display:none;
}
div.Alpha div.BottomDiv 
{
height:0px !important;
border-top: solid 0px #EBEBF3;
}

div.Beta div.TopDiv {
display:none;
}

div.Gamma  {
display:none;
}
/*Front page*/
#footerLinksBox {
background:white;
left:9px;
top:9px;
width:732px;
height:107px;
padding: 0 0 0 0;
position:absolute;
}
#frontPageBox {
width:100%;
position:relative;
margin-top:9px;
}
.logoLink 
{
display:block;
float:left;
margin:10px 28px 0 28px;
}
div#ContentFooter 
{
  position:relative;
  padding: 0 0 0 0;
  margin: 80px 0 0 0;
  height:125px;
  background:#EBEBF3;
}
.pushDown 
{
  margin-top:27px;
}

#ctl00_MainContentHolder_PreviewArea #page_18906 {
  /*Do not move up for preview*/
  top:0px;
}

td.layoutCentre 
{
background:white;
border-radius:5px
}

div.hostedBox {
right:3px; 
background-color:#EBEBF3;
padding:10px;
width:156px;
position:absolute;
font-size:11px;
z-index:20;
}

a.sideLink, a.sideLink:visited, a.sideLink:active {
  font-size:12px !important;
  color:#222222 !important;
  padding-left:0px !important;
  font-weight:bold !important;
}
a.sideLink:hover {
  color:#222222 !important;
}

/* Products sub-menu */
#productsPopup {
background:white;
display:none;
position:absolute;
z-index:10;
border: 2px solid white;
border-top: 0px none;
border-radius: 0 0 6px 6px;
padding:0px;
}
.productsOption, .productsOption:active, .productsOption:visited {
font-weight:normal;
display:block;
width:190px;
padding:5px;
background:#D8E3D9;
color:#004711;
font-size:12px;
border-top:2px solid white;
}
.productsOption:hover {
text-decoration:none;
color:black;
background:#DFEAE0;
}

/* wiki tables*/
table .nice {
border: none;
padding: 0 5px 0 5px;
}
table .nice td {
border: 2px solid #dddddd;
padding:2px;
}

/* Front page latest */
#latestBox h5 {
color: white; 
font-weight: bold;
}
#latestBox {
top: 0px; width: 190px; 
height: 220px; 
right: 2px; 
position: absolute; 
background-color: transparent;
line-height:10px;
}
a.latest, a.latest:active,a.latest:visited {
  color:white;
  line-height:1.5em;
  font-weight:normal;
}
a.latest:hover {
  text-decoration:underline;
}
.newsLine {
height:3px;
border-top:1px solid white;
margin-top:3px;
}

/* Front page hosted logos */
.hostedLogo {
outline:none;
margin-top:1px;
border:solid 3px white;
}
.hostedLogo:hover {
border:solid 3px #1BB0D8;
}

/* Master page */
#centreCell {
width:960px;
margin:auto;
background:white;
}
.leftNavTD {
/*required when central content short*/
height:700px !important;
}

.extraLinksBox {
float:left;
clear:both;
padding-left:10px;
padding-top:0px;
width:120px;
}

.twitterBox {			
padding-left:10px;
width:120px;
padding-top:20px;
float:left;
clear:both;
}

#page_21927 IMG/*Profiles*/,
#page_18835 IMG/*Topics*/,
#page_22407 IMG/*Newsletter*/ {
float:left;
}

/*Front page*/
#page_18906 
{
  width:550px;
  position: relative;
  top: -35px;
}
#page_18906  {
padding-left:15px;
}
#page_18906 H5/*Front page*/ {
font-weight:bold;
border-bottom:3px solid #eee;
padding-bottom: 5px;
}

@media print 
{
  #topMenuList, #cookie-message {
  display:none;
  }
  
  body {
  font-size:12pt;
  }
}
