@charset "utf-8";
/* UCLH CSS Document ver 3 - MasterPage Styling*/
/************************************************************************/
/* Changes in 3.3 By DB 2010-08-26 */
/* CSS INDEX
0.0 General page styles
----------------------------------
1.0 Header
1.1 Search and Logo
1.2 Top Menu
----------------------------------
2.0 Home / Content
2.1 Print icon / Breadcrumb
2.2 Content Areas - 2 columns
2.3 Content Areas - 1 Full width column
----------------------------------
3.0 Web Parts
3.1 All Web Parts - Side Frame divs - styling links, quotes, other content, inside the columns.
3.2 Out of Box Web Part - Border images - top middle and bottom
3.3 Custom Web Parts - Border images - top middle and bottom
- customWP_EmailSub WP - RHS - Green Top
- Hospital Main Services WP - RHS - Plain top
- customWP_Transfer WP - RHS - Green top (Top=Button, no other content area!)
3.4 Web Part - Styling text, links etc
----------------------------------
4.0 Navigation
4.1 Top Navigation/Horizontal menu
4.2 Left Navigation/vertical menu (Not on homepage!)
----------------------------------
5 Result pages - list used to display list of pages at the botom of the listing
6 Services - select table with abc... links
7 Forums
8 News - page and listing styles
9 RSS feed - text and icon style
----------------------------------
10 Footer home and pages
----------------------------------
11 Text default styles
12 Rich Text Edit Custom UCLH STYLE drop down lists
*/
/******** 0.0 General page styles ***/
/******** following was taken from UCLH_home.css */
/******** page margins, width etc *******/
/******** following was taken from UCLH_main.css */
body {
background: #fff;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 12px !important;
margin: 0px;
padding: 0px;
color: #333;
height: 100%;}
html {
background: #fff;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 12px !important;
margin: 0px;
padding: 0px;
color: #333;
height: 100%;}
body {
height: 100%;}
#html {
height: 100%;}
.cl { /* used to clear floats */
clear: both;
font-size: 0px;
line-height: 0px;
padding: 0px;
margin: 0px;
width: 100%;
height: 0px;}
.colab_container{
margin-top:38px;
clear: both;
width: 970px;
margin: 0px auto;}
.container { /* page width and center container */
clear: both;
width: 970px;
margin: 0px auto;
}
.containernarrow /* content pages right hand narrow zone */{
clear: both;
width: 211px;
margin: 0px auto;}
textarea { /* default font size ant type for inputs */
font-size: 12px
font-family: Arial, Helvetica, sans-serif;}
input { /* default font size ant type for inputs */
font-size: 12px
font-family: Arial, Helvetica, sans-serif;}
input.default { /* style used for default inputs */
border: 2px solid #009966;
padding: 3px;}
input.button { /* default button style */
font-size: 12px
font-family: Arial, Helvetica, sans-serif;
border: 1px solid #00727C;
background: url(/sitecollectionimages/branding/buttons-background.gif) bottom #00727C;
font-weight: bold;
color: #FFF;
padding: 3px 4px 2px 4px;}
.left {
float: left}
.right {
float: right;}
img.right_margin { /* margin for text wrap around the image */
margin: 0px 15px 15px 0px;
float: left;}
img.align_top {
vertical-align: top}
img { /* removes border around the image */
border: none;}
td.table_nowrap {
/*white-space: nowrap; - effects hospital address area wrapping text ok if off, or if on, scroll bar appears - firefox */
padding-left: 10px;
}
/******** 1.0 Header ********/
/******** 1.1 Search and Logo ********/
/******** (following was taken from UCLH_home.css) ********/
.search { /* search box at the top and bottom search results */
float: left;
width: 300px;
height: 25px;
padding: 20px 0;
}
.search .search_text { /* text style for bottom search */
font-size: 1.3em;
font-family: Arial,Helvetica,sans-serif;
}
.search form {
margin: 0px;
padding: 0px;
}
#header .search form {
margin: 0px;
padding: 0px;
}
/* MS OOB Search box- remove MS-OOB border */
#header .search .ms-sbcell {
background-color:#FFFFFF !important;
border:medium none !important;
margin:0;
padding:3px 0;
}
#header .search input /* Search input box design and background image */ {
background-image: url(/sitecollectionimages/search-box.jpg);
margin: 0px 4px 0px 0px;
width: 130px !important;
height: 19px;
padding: 6px 31px 0px 5px;
border: 0px solid #FFF;
font-size: 12px
color: #333;
}
#header .search .ms-sbgo ms-sbcell /*MS OOB Search "GO" Button */{
margin: 0px;
padding: 0px;
border: none;
background: url(/sitecollectionimages/branding/buttons-background.gif) bottom #00727C;
color: #FFF;
font-weight: bold;
padding: 3px 4px 3px 4px;
font-size: 1.1em;
}
#header .nhs_top_logo { /* logo image */
float: right;
width: 330px;
padding: 10px 0px 15px 0px;
text-align: right;
}
#header { /* header size and background */
background: #FFF;
padding: 0px 0px 2px 0px;
border-bottom-color:green;
width: 1200px;
margin: 0 auto -0em;
}
/******** 1.2 Top Menu ********/
/******** (following was taken from UCLH_main.css) ******/
#header .top_menu {
width: 970px;
height: 36px;
margin-top: 10px;
}
.zz1_TopNavigationMenu_5{
width:100% !important;}
/******** 2.0 Home / Content ********/
/******** 2.1 Print icon / Breadcrumb ********/
/******** following was taken from UCLH_home.css ******/
#pages { /* shaded paper background */
background: #FFF url(/sitecollectionimages/branding/pages-background.jpg) no-repeat center top;
/*min-height: 100%;
height: auto !important;
height: 100%;*/
margin: 0 auto -0em;
width: 1200px;}
#pages .bread { /* breadcrumbs */
padding: 6px 0px 6px 0px !important;
float: left;
color: #666;
font-size: 12px}
#pages .bread a {
color: #00727C;
text-decoration: underline;}
#pages .bread a:hover {
text-decoration: none;}
#pages .print { /* print top button */
float: right;
width: 110px;
text-align: right;
font-size: 12px
font-family:Arial;
padding: 17px 0px 4px 0px !important;}
#pages .print img {
margin-right: 5px;
border: none;
}
#pages .print a {
text-decoration: none;
color: #666;
}
#pages .margin { /* main area margin for columns */
padding: 0px 15px; /* Edited by Ash */
overflow:hidden;
height:1%;
}
/******** 2.2 Content Areas - 2 columns ****************/
/* main content frame */
#pages .content { /* left column / menu etc. */
float: left;
/*width: 484px;*/
/*padding: 10px 0px 0px 10px;*/
padding: 15px 0px 0px ;
font-family:Arial,Helvetica,sans-serif;
font-size: 12px;
display:inline;
}
#pages .content .contentlower {
float:left;
width:100%;
}
#pages .contentlower .contentNarrow h1
{
display: block;
font-size: 24px;
color: #333 !important;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
margin: 0px 0px 10px 0px;
padding: 5px 0px 10px 0px;
*padding-bottom:7px; /* tiny ie7 fix, central column header vertical alignment*/
_padding-bottom:10px; /* tiny ie7 fix, central column header vertical alignment*/
border-bottom: 2px solid #00727C;
background: transparent !important;
}
#pages .content h1
{
display: block;
font-size: 24px;
color: #333 !important;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
margin: 0px 0px 10px 0px;
padding: 5px 0px 10px 0px;
*padding-bottom:7px; /* tiny ie7 fix, central column header vertical alignment*/
_padding-bottom:10px; /* tiny ie7 fix, central column header vertical alignment*/
border-bottom: 2px solid #00727C;
background: transparent !important;
}
#pages .contentb h1
{
display: block;
font-size: 24px;
color: #333 !important;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
margin: 0px 0px 10px 0px;
padding: 5px 0px 10px 0px;
*padding-bottom:7px; /* tiny ie7 fix, central column header vertical alignment*/
_padding-bottom:10px; /* tiny ie7 fix, central column header vertical alignment*/
border-bottom: 2px solid #00727C;
background: transparent !important;
}
#pages .content p {
margin-top: 7px;
background: transparent;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333;
}
#pages .content a {
color: #00727C;
}
#pages .contentb
{
width:715px;
/*float: left;---------db*/
float:right;
/*margin-left:15px;----------db*/
/*ie6 layout fix, reduce width to allow rhs page margin - LB */
_margin-right: 15px !important;
_width:705px !important;
display:inline;
padding-top: 15px !important;
padding-bottom: 20px !important;
margin-top:5px;
}
#pages .contentNarrow { /* left column / menu etc. */
float: left;
width: 488px;
padding-top: 20px !important;
margin-left:15px;
display:inline; /*AN*/
}
#pages .contentWide { /* Service template has wide web part zone across main and rhs content columns */
width:714px;
float: right;
/* margin-left:15px; */
display:inline;
overflow:hidden;
/*padding-top:10px !important;*/
}
#pages .contentWideNews
{ /* News template has wide web part zone across main and rhs content columns */
width:714px;
float: left;
margin-left:15px;
margin-top:15px;
display:inline;
overflow:hidden;
}
#pages .contentWideNews h1 {
padding-top:7px !important;
}
#pages .contentWideNews .ms-WPBody { /* News templates have wide web part zone across main and rhs content columns */
float: left;
display:inline;
padding-top: 15px !important;
}
#pages .contentWide .ms-WPBody { /* Service templates have wide web part zone across main and rhs content columns */
float: left;
display:inline;
padding-top: 15px !important;
}
#pages .contentWide .ms-WPBody li { /* Service templates have wide web part zone across main and rhs content columns */
float:left;
}
#pages .contentWideNews .contentWideNewsWPZ {
margin-bottom: 15px !important;
}
#pages .contentWideNews .contentWideNewsH1 {
margin-top: 15px !important;
display:inline;
overflow:hidden;}
#pages .contentlower .column_right_narrow
{
padding-top:10px !important;
}
#pages .contentNarrow table {
width:488px;
}
#pages .contentNarrow .ms-rtetoolbarmenu
{
width: auto !important;
}
#pages .contentNarrow .ms-rtetoolbarmenu TABLE
{
width: auto !important;
}
/* main content frame */
#pages .two_colums { /* columns over write for search results and services page use with .content class */
width: 729px;
}
#pages .two_colums .content { /* 1 col layout - push removed for homepage white space removal
so added 20px margin bottom to two types of content area */
padding:15px 0 10px 15px; /* Ash edit */
}
#pages .two_colums .contentNarrow { /* 1st of 2 col layout - push removed for homepage white space removal
so added 20px margin bottom to two types of content area */
padding-left:0px ;
padding-right:0px ;
padding-top:20px ;
padding-bottom:20px ;
}
#pages .two_colums .column_right_narrow { /* 2nd of 2 col layout - push removed for homepage white space removal
so added 20px margin bottom to two types of content area */
padding-left:0px ;
padding-right:0px ;
padding-top:20px ;
padding-bottom:20px ;
}
#pages .colab_two_colums { /* columns over write for search results and services page use with .content class */
width: 730px;
margin-top:38px;
}
/* Tables listings styles and other non standard */
/* default tables used on forum, publications */
table.default {
border-right: 1px solid #D6D6D6;
border-bottom: 1px solid #D6D6D6;
font-size: 0.9em;
}
table.default h2 {
display: block;
padding: 0px 0px 0px 25px;
background: url(/sitecollectionimages/hospital-menu-arrow.png) no-repeat left;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
margin: 0px 0px 15px 0px;
border: none;
}
table.default p {
margin-top: 0px;
}
table.default td {
border-top: 1px solid #D6D6D6;
border-left: 1px solid #D6D6D6;
padding: 8px 12px;
}
table.default td.heading1 { /* darker gray heading */
color: #FFF;
background-color: #666;
border: 1px solid #666;
font-weight: bold;
}
table.default td.heading2 { /* dark gray heading */
color: #FFF;
background-color: #747474;
border: 1px solid #747474;
font-weight: bold;
}
table.default td.heading3 { /* mid gray heading */
color: #FFF;
background-color: #828282;
border: 1px solid #828282;
font-weight: bold;
}
table.default a.arrow { /* sort arrow style */
display: inline-block;
float:right;
text-align: right;
background: url(/sitecollectionimages/down-arrow.gif) no-repeat center center;
width: 10px;
height: 10px;
text-decoration: none;
}
/******** 2.3 Content Areas - 1 Full width column ****************/
#pages .column_left { /* left column / menu etc. */
float:left;
padding-top:20px;
padding-bottom:20px;
width:211px;
clear:both;
}
#pages .colab_column_left
{
float: left;
width: 211px;
margin-top:20px;
}
#pages .column_right { /* right column / news etc. */
float: right;
width: 211px;
}
#RightColumn
{
width:300px;
/* note landing page in line styling */
/* said width 215!!*/
}
#pages .column_right_narrow { /* right column / news etc. */
float: right;
width: 211px;
height:100%;
}
/* note landing page in line styling */
/* said following for main zone???? */
#MainZone{
width:100%;
}
/*********************** 3.0 Web Parts */
/*********************** 3.1 side frames divs - styling links, quotes, other content, inside the columns */
/********************************************************************************************/
#pages .side_frame table {
clear: both !important;}
#pages .side_frame bottom {
clear: both !important;}
/************** All Lists & of Link-item Links & bullets styling inc. Main content area of page... **/
.content ul { /* default bullet points - Lists in Web Parts in RHS use this too - IF not specific */
padding: 10px 0px 10px 0px;
margin: 0px 10px 10px 15px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
list-style-image:none;
list-style-type:none;
/*list-style: url(/sitecollectionimages/hospital-menu-arrow.gif);*/
}
.content #ne_searchresults ul.ne_content .ne_item p {
margin:10px 0 0;
}
.content #ne_searchresults ul.ne_content li {
padding:0 0 10px;
margin-bottom:10px;
background:0;
width:100%;
float:left;
clear:left;
border-bottom:4px solid #e5e5e5;
}
.content #ne_searchresults ul.ne_content li img {
margin-bottom:0;
}
.content ul li {
padding-left: 20px;
padding-right: 5px;
padding-bottom: 5px;
padding-top: 5px;
background: url(/sitecollectionimages/hospital-menu-arrow.gif) 0px 5px no-repeat;
}
.content ol li {
padding: 5px;
background: none;
}
.bullet
{
background: transparent url(/sitecollectionimages/hospital-menu-arrow.gif) no-repeat scroll left 8px !important;
display:block !important;
font-family:Arial,Helvetica,sans-serif !important;
font-size: 12px !important;
margin:0 !important;
overflow:hidden !important;
padding:0px 8px 4px 20px !important;
}
.link-item
{
color:#00727C !important;
font-family:Arial,Helvetica,sans-serif !important;
font-size:12px !important;
margin:15px !important;
padding:4px 8px 4px 20px !important;
vertical-align: middle !important;
width:160px;
}
.link-item a
{
color:#00727C !important;
font-family:Arial,Helvetica,sans-serif !important;
font-size: 12px !important;
}
#pages .column_right_narrow .top
{
line-height: 0px !important;
}
#pages .column_right_narrow #footer
{
width: inherit !important;
}
/******************** 3.2 Out of Box Web Part - Styling of three images, top middle and bottom ***************/
/********************************************************************************************/
/* OOB WP Styles if in Left hand side (LHS) - main content area ***************** contentNarrow ************/
#pages .contentNarrow .ms-WPBorder { /* | - background image line on left repeated*/
background: none !important;
border:none !important;
}
#pages .contentNarrow .ms-WPBody { /* | - background image line on left repeated*/
background: none !important;
border:none !important;
}
#pages .contentNarrow .ms-WPBorder.side_frame.frame_margin
{ background-image: none !important;
}
#pages .contentNarrow .ms-WPHeader
{
height: 45px !important;
margin: 15px 15px 0px 15px !important;
position:relative;
}
#pages .contentNarrow .ms-WPHeader h3
{
font-size:16px !important;
font-family: Arial, Helvetica, sans-serif !important;
font-weight: bold !important;
color: #333333 !important;
}
/* OOB WP Styles if in Right hand side (RHS) - main content area ***************** contentNarrow ************/
/** Header 1 - IF user selects Chrome (and default OOB Chrome) Title and Border, Header area/div added... else see other header **/
#pages .column_right_narrow .ms-WPHeader
{
/* Custom WP Header - Hospital Locations WB in RHS ******/
/* header - plain top **/
background: url(/SiteCollectionImages/side-frame-deeptop.jpg) no-repeat 0 0 !important;
height: 46px !important;
*height: 41px !important; /* tiny ie7 fix */
font-size:16px !important;
margin: 15px 15px 0px 15px !important;
font-family: Arial, Helvetica, sans-serif !important;
font-weight: bold !important;
color: #333333 !important;
/*position:relative; removed because it can make the table cell jump out of the table! -DB */
width:211px;
}
#pages .column_right_narrow .ms-WPHeader td
{ border-bottom:2px solid #00727C !important;
}
.ms-WPHeader td
{ border-bottom:none;
}
.ms-WPBorderBorderOnly
{ border:none !important;}
.ms-WPBorder
{ border:none !important;}
/*makes header wrap */
#pages .column_right_narrow .ms-WPHeader nobr
{
white-space: normal;
}
#pages .column_right_narrow .ms-WPHeader h3 {/* Custom WP Header text - Hospital Locations WB in RHS *****/
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
padding-top:12px;
padding:10px 11px 12px;
color:#333333;
}
#pages .column_right_narrow .ms-WPBody { /* Custom WP content area - background image */
background: transparent url(/sitecollectionimages/side-frame-middle.jpg) repeat scroll 0 0 !important;
background-color:transparent !important;
border:none !important;
margin-right: 14px !important;
margin-bottom: 10px !important;
width: 211px !important;
}
#pages .column_right_narrow .ms-WPBody p
{
width: 190px;
margin-left: 15px;
margin-right: 5px;
}
#pages .column_right_narrow .ms-WPBorder /* Footer for OOB CEWP - hope doesn't show on any others? TEST **/
{
background:url(/sitecollectionimages/side-frame-bottom.jpg) no-repeat left bottom;
}
/** If users selects no title.. then ms-WPBorderBorderOnly ***/
#pages .column_right_narrow .ms-WPBorderBorderOnly
{
background:url(/sitecollectionimages/side-frame-bottom.jpg) no-repeat left bottom;
}
/********** Image WebPart - CEWP with image / Or OOB Image WP - reduce left margin so image hides border behind itself..!! ********/
/* #pages .column_right_narrow .ms-WPBody img
{
float:left;
margin-left:-15px;
width:198px;
}*/
/********** CQWP - #footer ONLY = end of list in CONTENT QUERY WP only!! ********/
/* CQWP - has list of divs, with class="item link-item bullet" all wrapped within table "cbq-layout-main"
CEWP - has list as UL, LI, a hrefs, all within div "ms-WPBody"
Summary Links OOB WP - has list of divs, with class="item link-item bullet" all wrapped within table "slm-layout-main"
PDF Links - has list as UL, LI, a hrefs, all within div "customWP_frame_margin"
*/
#pages .slm-layout-main #column .cbq-layout-main
{
padding:10px 0 0;
}
#pages .cbq-layout-main .link-item
{
color:#00727C !important;
font-family:Arial,Helvetica,sans-serif !important;
font-size:12px !important;
width:160px;
background: transparent url(/sitecollectionimages/hospital-menu-arrow.gif) no-repeat scroll left 5px !important;
display:block !important;
font-family:Arial,Helvetica,sans-serif !important;
font-size: 12px !important;
margin:0px 5px 0px 15px !important;
overflow:hidden !important;
padding:5px 5px 5px 20px !important;
}
#pages .cbq-layout-main .link-item a /* for web parts added such as Useful Links OOB WP - formats links text according to UCLH Designs*/
{
color:#00727C !important;
font-family:Arial,Helvetica,sans-serif !important;
font-size: 12px !important;
}
#pages .cbq-layout-main #footer
{ background: none transparent scroll repeat 0% 0% !important;
padding: 0px !important;
line-height: 0px !important;
width: 0px !important;
}
/************** BELOW IS TEMPORARY UNTIL FIX HTML !!! NEED FIX ON LIVE.. NEED FIX HTML DEV 1st ***************/
.customWP_HospServices .customWP_PlainTop
{
display:none !important;
}
.customWP_HospServices .top
{
display:none !important;
}
.customWP_HospServices .customWP_bottom
{
background:none !important;
}
.customWP_HospServices
{
margin-bottom:10px !important;
/*background:url("/SiteCollectionImages/side-frame-bottom.jpg") no-repeat scroll left bottom transparent; */
}
/* Other OOB List items BOTH: CEWP / CQWP specific styling ****/
#pages .column_right_narrow .ms-WPBody ul { /* default bullet points - Lists in Web Parts in RHS use this too */
padding: 10px 0px 0px 0px;
margin: 0px 10px 10px 15px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
list-style:none;
/*list-style: url(/sitecollectionimages/hospital-menu-arrow.gif);*/
}
#pages .column_right_narrow .ms-WPBody ul li {
padding-left: 20px;
padding-right: 5px;
padding-bottom: 5px;
padding-top: 5px;
background: url(/sitecollectionimages/hospital-menu-arrow.gif) 0px 5px no-repeat;
}
#pages .column_right_narrow .ms-WPBody ol li {
padding-left: 20px;
padding-right: 5px;
padding-bottom: 5px;
padding-top: 5px;
background: none;
}
/********************Summary Links OOB webPart - specific styling ******************/
/********************************************************************************/
/** Footer already addressed, main Web Part settings -
#pages .column_right_narrow .ms-WPBorder
** Middle already addressed, main Web Part settings -
column_right_narrow .ms-WPBody
**/
#pages .column_right_narrow .ms-unselectedtitle
{/*Hides columns of OOB List View WP column headers*/
display: none !important;
}
#pages .slm-layout-main .ms-unselectedtitle
{
display:inline !important;
}
/*Summary link - footer out of group (footer used for other WP styling!)*/
/*#pages .slm-layout-main #group #footer
{
background:transparent url(/sitecollectionimages/side-frame-bottom.jpg) no-repeat scroll left bottom;
clear:both !important;
margin:0 !important;
padding:0 !important;
height:15px;
}*/
#pages .slm-layout-main #group #footer
{
display:none;
}
#pages .slm-layout-main #footer
{
background: none transparent scroll repeat 0% 0% !important;
padding: 0px !important;
line-height: 0px !important;
width: 0px !important;
}
#pages .slm-layout-main #group
{
background:transparent none !important;
width: auto !important;
}
#pages .column_right_narrow .slm-layout-main #group .groupheader
{
padding:0 10px;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
color: #333333 !important;
}
#pages .slm-layout-main #column .slm-layout-main
{
padding:10px 0 0;
}
#pages .slm-layout-main .link-item
{
color:#00727C !important;
font-family:Arial,Helvetica,sans-serif !important;
font-size:12px !important;
/*width:160px;*/
background: transparent url(/sitecollectionimages/hospital-menu-arrow.gif) no-repeat scroll left 5px !important;
display:block !important;
font-family:Arial,Helvetica,sans-serif !important;
font-size: 12px !important;
margin:0px 5px 0px 15px !important;
overflow:hidden !important;
padding:5px 5px 5px 20px !important;
}
#pages .slm-layout-main .link-item a /* for web parts added such as Useful Links OOB WP - formats links text according to UCLH Designs*/
{
color:#00727C !important;
font-family:Arial,Helvetica,sans-serif !important;
font-size: 12px !important;
}
/********************** END OF OOB WP - SUMMARY LINKS specific styling **********************************************************/
/******************** 3.3 Custom Web Parts ***************/
/***********************************************************/
/*Consultant Team Photos - WP onto service page */
.teamphotos p
{ padding-right:10px;
}
table.people{
border-bottom:3px solid #E5E5E5;
border-top:3px solid #E5E5E5;
}
/****** Consultatn Profile Page grey lines *****************/
.customWP_consProfile{
/* border benaeth profile info and photo */
border-bottom:4px #E5E5E5 solid;
margin-top:0 !important;
padding-bottom:10px;
float:left;
width:100%;
}
.contentNarrow #ctl00_PlaceHolderMain_UCLH_ConsultantBackground1__ControlWrapper_RichHtmlField
{
/* border benaeth professional background publishing field text */
display: block !important;
padding-bottom: 20px !important;
border-bottom:4px #E5E5E5 solid;
margin: 0px 0px 10px 0px !important;
}
.contentNarrow #ctl00_PlaceHolderMain_UCLH_ConsultantResearch__ControlWrapper_RichHtmlField
{
/* border benaeth profile info and photo */
display: block !important;
padding-bottom: 20px !important;
border-bottom:4px #E5E5E5 solid;
margin: 0px 0px 10px 0px !important;
}
.contentNarrow #ctl00_PlaceHolderMain_UCLH_ConsultantPublications__ControlWrapper_RichHtmlField
{
/* border benaeth profile info and photo */
display: block !important;
padding-bottom: 10px !important;
border-bottom:4px #E5E5E5 solid;
margin: 0px 0px 10px 0px !important;
}
/************************customWP_ServiceHospLocations - Service profile page's Hospital Locations in editable CEWP *******************/
/* Plain top - borders, mostly of normal custom WP styling just few alterations.. */
#pages .column_right_narrow .ms-WPBody .customWP_ServiceHospLocations ul
{
padding-top:0px !important;
}
#pages .column_right_narrow .ms-WPBody customWP_ServiceHospLocations p
{
padding: 0px 10px 10px 5px;
margin: 0px 10px 0px;
}
#pages .column_right_narrow .ms-WPBody .customWP_ServiceHospLocations .px_bottom_line
{
display: block;
/*padding: 0px 0px 10px 0px;
margin: 0px 10px 10px;*/
padding-bottom:5px;
border-bottom: 1px solid #E5E5E5;
margin-right: 10px !important;
}
#pages .column_right_narrow .ms-WPBody .customWP_ServiceHospLocations .px_last_line
{ display: block;
/*padding: 0px 0px 10px 10px;
margin: 0px 10px 0px 10px;*/
border-bottom: none;
padding-bottom:5px;
}
/** below is original - now uused.. for ref.. **
.px_bottom_line {
display: block;
padding: 0px 0px 10px 0px;
margin: 0px 10px 10px;
border-bottom: 1px solid #E5E5E5;
} **/
/************************ customWP_EmailSub - Custom Web Part - RHS - Green Top ***********/
/* RHS only */
#pages .column_right_narrow .ms-WPBody .customWP_EmailSub {
width:211px !important;
/*background: url(/sitecollectionimages/side-frame-bottom.jpg) no-repeat left bottom !important;*/
background-color:transparent !important;
border:none !important;
}
#pages .ms-WPBody .customWP_EmailSub {
width:100%;
/*background: url(/sitecollectionimages/side-frame-bottom.jpg) no-repeat left bottom !important;*/
background-color:transparent !important;
border:none !important;
}
#pages tr.ms-WPHeader h3 {
/*Notes: .ms-WPBody .top not in Email subscription WP.... applied title border to h3 below...******/
/*background:url(/sitecollectionimages/branding/side-frame-top-green.jpg);*/
/*height: 31px;
font-size:16px;
padding: 15px 15px 0px 15px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #FFF;
margin-top:1px;*/
width:100%;
white-space:normal;
}
#pages tr.ms-WPHeader nobr {
white-space:normal;
}
#pages .ms-WPBody .customWP_EmailSub p
{
margin:3px !important;
padding: 10px 10px 0px 0px !important;
margin-left:0px !important;
}
#pages .column_right_narrow .ms-WPBody .customWP_EmailSub p
{
margin:3px !important;
padding: 10px 10px 0px 10px !important;
}
#pages .two_colums .ms-WPBody .customWP_EmailSub .button
{ margin-top:10px !important;
padding-left:10px !important;
padding-right:10px !important;
}
#pages .two_colums .ms-WPBody .customWP_EmailSub .default {
font-size:8pt !important;
width: 175px !important;
margin-right: 10px !important;
}
#pages .two_colums .ms-WPBody .bottom { /* Custom WP footer - background image */
background: #FFF url(/sitecollectionimages/side-frame-bottom.jpg) no-repeat top center !important;
background-color:transparent !important;
border:none !important;
/*background:transparent !important;*/
}
/******* Hospital Main Services WP - plain top - RHS ***********/
/* uses same as all WP Headers - plain top
#pages .column_right_narrow .ms-WPHeader ******/
/* uses same as all WP Middle zones for borders
#pages .column_right_narrow .ms-WPBorder ******/
#pages .column_right_narrow .customWP_bottom { /* Custom WP footer - background image MIGHT NEED UNQUOTE ??? */
background: #FFF url(/sitecollectionimages/side-frame-bottom.jpg) no-repeat top center !important;
background-color:transparent !important;
border:none !important;
}
#pages .column_right_narrow .customWP_HospServices .customWP_bottom { /* Custom WP footer - hide - uses generic wp bottom image */
background: none !important;
background-color:transparent !important;
}
#pages .column_right_narrow .customWP_EmailSub .bottom { /* Custom WP footer - hide - uses generic wp bottom image */
background: none !important;
background-color:transparent !important;
}
/************************ customWP_Transfer WP - RHS - Green Button ***********/
/* RHS only */
/* May not need this styling - two classes taken from similar greentop WP, but the one left active below.. should do all..
#pages .column_right_narrow .ms-WPBody .customWP_Transfer h2 {
/*Notes: .ms-WPBody .top not in Email subscription WP.... applied title border to h3 below...******
background:url(/sitecollectionimages/branding/side-frame-top-green.jpg);
height: 31px;
font-size:16px;
padding: 15px 15px 0px 15px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #FFF;
margin-top:1px;
}
#pages .column_right_narrow .ms-WPBody .customWP_EmailSub p
{
margin:3px !important;
padding: 3px 3px 0px 3px !important;
}*/
#pages .contentWide .customWP_Transfer { /* Service templates have wide web part zone across main and rhs content columns */
margin-bottom:-10px !important;
}
#pages .customWP_Transfer a.green_button {
background:transparent url(/sitecollectionimages/branding/green-button.jpg) no-repeat scroll 0 0;
color:#FFFFFF !important;
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
height:31px;
padding:10px 15px 0;
width:181px;
}
/************************ customWP_ServiceLinksWebPart - RHS - Green Button ***********/
/* RHS only */
#pages .column_right_narrow .customWP_ServiceLinksWebPart .sideframe { /* Custom WP Header - Hospital Main Services WP in RHS -plain top******/
background: #FFF url(/SiteCollectionImages/side-frame-deeptop.jpg) no-repeat top center !important;
height: 31px !important;
font-size:16px !important;
padding: 15px 15px 0px 15px !important;
font-family: Arial, Helvetica, sans-serif !important;
font-weight: bold !important;
color: #333333 !important;
margin-top:1px !important;
}
#pages .column_right_narrow .customWP_ServiceLinksWebPart .frame_margin { /* Custom WP content area - background image */
background: #FFF url(/sitecollectionimages/side-frame-middle.jpg) repeat scroll 0 0 !important;
background-color:transparent !important;
border:none !important;
}
#pages .column_right_narrow .customWP_ServiceLinksWebPart .bottom { /* Custom WP footer - background image */
background: #FFF url(/sitecollectionimages/side-frame-bottom.jpg) no-repeat top center !important;
background-color:transparent !important;
border:none !important;
}
/*********************************************************************************************************/
/*************** PDF links WP !! *******/
#pages .column_right_narrow .customWP_PDFLinksBorder .green_top { /* green background frame heading */
background:url(/sitecollectionimages/side-frame-deeptop.jpg) no-repeat top left !important;
/* height: 31px;*/
border-bottom:2px solid #00727C;
padding: 11px 12px;
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #333333;
}
/** middel border styles taken from
#pages .column_right_narrow .ms-wP_Body */
#pages .column_right_narrow .customWP_PDFLinksBorder { /* left hand side */
background: transparent;}
#pages .column_right_narrow .customWP_PDFLinksContent {
background: transparent;
}
/** PDF Links list specifics */
#pages .column_right_narrow .customWP_frame_margin .content ul { /* default bullet points - Lists in Web Parts in RHS use this too */
padding: 10px 0px 0px 0;
margin: 0px 10px 10px 15px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
list-style:none;
/*list-style: url(/sitecollectionimages/hospital-menu-arrow.gif);*/
}
#pages .column_right_narrow .customWP_frame_margin .content li {
padding-left: 25px;
padding-right: 5px;
padding-bottom: 5px;
padding-top: 0px;
background: url(/sitecollectionimages/hospital-menu-arrow.gif) 0 7px no-repeat;
}
/******************** 3.4 Web Part - Styling text, links etc ***************/
/*********************************************************************************************************/
#pages a.green_button {
background: url(/sitecollectionimages/branding/green-button.jpg);
display: block;
height: 31px;
padding: 15px 15px 0px 15px;
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
width:185px;
color: #FFF;
}
#pages a.green_button:hover { /* side frame green button */
background-position: left bottom;
text-decoration: none;
color:#9ED9D1 !important;
}
#pages .side_frame h1 { /* frames heading */
display: block;
font-size: 16px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
margin: 0px 4px 0px 4px;
padding: 2px 11px 7px 11px;
border-bottom: 2px solid #00727C;
}
.frame_margin { /* margin inside the frame */
padding: 10px 15px 0px 15px;
font-size: 1em !important;
}
.frame_margin ul { /* styles for left column links list and other */
margin: 0px;
padding: 0px;
list-style: none;
width: 100%;
}
.frame_margin ul li { /* bullet points, links styles for side frames */
margin: 0px;
padding: 8px 8px 4px 20px;
overflow: hidden;
display: block;
background: url(/sitecollectionimages/hospital-menu-arrow.gif) no-repeat left 8px;
font-family: Arial, Helvetica, sans-serif;
}
.frame_margin ol li { /* bullet points, links styles for side frames */
margin: 0px;
padding: 8px 8px 4px 20px;
overflow: hidden;
display: block;
background: none;
font-family: Arial, Helvetica, sans-serif;
}
.frame_margin ul li a { /* side frame link styles */
font-family: Arial, Helvetica, sans-serif;
color: #00727C !important;
text-decoration: none;
}
.frame_margin ul li a:hover {
text-decoration: underline;
}
#quotes .qtext { /* quote text style */
font-family: Arial, Helvetica, sans-serif;
font-style: italic;
padding: 5px 10px;
}
#quotes .qname { /* quote under-names style */
padding: 0px 10px 10px 10px;
font-weight: bold;
}
/******************** 4.1 Top Navigation/Horizontal menu ****************************************/
/*********************************************************************************************************/
/*.ms-topnavUCLH{
border-style: none;
background:#ebebeb url(/sitecollectionimages/menu-normal.jpg) repeat-x bottom left;
background-repeat:repeat-x;
padding: 1px 12px 0;
}
.ms-topnavUCLH td{
text-align:center;
}
.ms-topnavUCLH a{
font-family:Arial;
font-size:1.1em !important;
/*background:transparent url(/sitecollectionimages/menu-normal.jpg) repeat-x scroll left bottom;*
border-left:1px solid #D3D3D3;
border-right:1px solid #D3D3D3;
border-top:1px solid #D3D3D3;
color:#333333;
display:block;
float:left;
/*height:28px;
margin-top:10px;
padding:3px 14px 0px 1px; /* LB - TOPNAV
padding:9px 10px 3px;
margin-top:0;
height:21px;
text-decoration:none;
}
/* Navigation Tabs - Selected only!
.ms-topnavselectedUCLH{
color:#FFFFFF;
font-weight:bold;
margin-top: 1px;
padding:1px 8px 0px 8px;
background: #00727C url(/sitecollectionimages/branding/menu-hover.jpg) no-repeat bottom left;
border: none;
height:41px;
margin-top:1px;
padding:10px 12px 0;
}
/* Navigation Tabs - Selected AND On Hover
.ms-topnavselectedUCLH.ms-topNavHoverUCLH{
color:#FFFFFF;
background: #00727C url(/sitecollectionimages/branding/menu-hover.jpg) no-repeat bottom left;
background-repeat:repeat-x;
background-position:bottom left;
background-color:#FFFFFF;
/*margin-top:9px;
text-decoration:none !important;
}
.ms-topnavselectedUCLH a{
color:#FFFFFF;
display:block;
float:left;
font-size:1.1em;
height:32px;
margin-top:0px;
text-decoration:none;
}
/* Navigation Tabs - Not Selected but On Hover
.ms-topNavHoverUCLH{
color:#FFFFFF;
background: #00727C url(/sitecollectionimages/branding/menu-hover-notselected.jpg) no-repeat bottom left;
background-repeat:repeat-x;
background-position:bottom left;
background-color:#FFFFFF;
/*margin-top:9px;
text-decoration:none !important;
}
.ms-topNavHoverUCLH a{
color:#FFFFFF;
/*background-image: url('/_layouts/1033/Images/UCLHMasterPages/bl_Navbar_Gd_Hover.jpg');
/*background: #00727C url(/sitecollectionimages/branding/menu-hover.jpg) no-repeat bottom left;
background-repeat:repeat-x;
background-position:top right;
text-decoration:none !important;*
}
.ms-topNavFlyOutsContainerUCLH{
border:solid 1px #c2dcff;
}
.ms-topNavFlyOutsUCLH{
background-color:#F2F8FF;
font-family:Tahoma;
font-size:8pt;
}
.ms-topNavFlyOutsUCLH a{
display:block;
*width:120px;
min-width:120px;
color:#3764a0;
padding:4px 8px 4px 8px;
}
.ms-topNavFlyOutsHoverUCLH{
background-color:#ffe6a0;
color:#000000;
}
.ms-navUCLH td,.ms-navUCLH .ms-SPZoneLabel{
font-size:8pt;
}*/
.navigation{
width: 948px;
margin: 0 auto;
}
.main-navigation{
width:100%;
padding: 0;
height: 40px;
margin: 0 auto;
}
.main-navigation li{
display: inline;
float: left;
margin:0px 25px;
text-align: center;
}
.main-navigation li.current a:link {
color:#16A6A6;
font-family: 'Open Sans', sans-serif !important;
font-size: 15px !important;
}
.main-navigation li a:link, .main-navigation li a:visited, .main-navigation li a:active{
color:#333;
font-family: 'Open Sans', sans-serif !important;
font-size: 15px !important;
}
.main-navigation li a:hover{
color:#16A6A6;
font-family: 'Open Sans', sans-serif !important;
font-size: 15px !important;
text-decoration:none;
}
table#zz1_TopNavigationMenu {
margin: 0 auto;
padding:0px;
}
#zz1_TopNavigationMenu table{
width: auto !important;
padding-right: 25px;
padding-left: 25px;
}
#zz1_TopNavigationMenu table td{
text-align: center;
}
.zz1_TopNavigationMenu_5{
padding:0px !important;
}
.ms-topnavUCLH a:link, .ms-topnavUCLH a:visited, .ms-topnavUCLH a:active{
color:#333;
font-family: 'Open Sans', sans-serif !important;
font-size: 15px !important;
}
.ms-topnavUCLH a:hover{
color:#16A6A6;
font-family: 'Open Sans', sans-serif !important;
font-size: 15px !important;
text-decoration:none;
}
.ms-topnavselectedUCLH{
color:#16A6A6 !important;
}
/**************** 4.2 Left Navigation/vertical menu (Not on homepage! ****************/
/*****************************************************************************************/
/* side menu ------------------------------------------------------------------ */
#sidemenu { /* style for side menu */
margin: 0px;
padding: 0px;
list-style: none;
width: 100%;
}
#sidemenu li { /* background */
margin: 0px 0px 0px 0px;
padding: 0px 0px 2px 0px;
width: 100%;
background: url(/sitecollectionimages/sub-menu-separator.jpg) repeat-x left bottom;
overflow: hidden;
display: block;
}
#sidemenu li.last { /* last link in side menu style for lvl 1 and 2 */
padding: 0px 0px 0px 0px;
background-image: none;
}
#sidemenu li a { /* link / button style */
display: block;
padding: 8px 8px 6px 12px;
font-size: 1.1em;
color: #333;
text-decoration: none;
background: url(/sitecollectionimages/sub-menu-arrow.gif) no-repeat left 13px;
}
#sidemenu li a:hover {
color: #FFF;
background-color: #57BC9A;
background-image: none;
}
#sidemenu li.parent { /* current and parent page link style */
background-image: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#sidemenu li.current { /* current and parent page link style */
background-image: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#sidemenu li.parent span { /* current and parent style */
background-image: none;
background-color: #57BC9A;
color: #FFF;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.1em;
padding: 8px 8px 6px 12px;
}
#sidemenu li.current span { /* current and parent style */
background-image: none;
background-color: #57BC9A;
color: #FFF;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.1em;
padding: 8px 8px 6px 12px;
}
#sidemenu li ul { /* side menu level 2 styles */
margin: 0px;
padding: 0px;
list-style: none;
width: 100%;
}
#sidemenu li ul li { /* level 2 list styles */
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
background: #F2FAF7;
border-bottom: 1px solid #EBEDF0;
overflow: hidden;
display: block;
}
#sidemenu li ul li a { /* level 2 link styles */
display: block;
padding: 8px 8px 6px 22px;
font-size: 0.95em;
color: #333;
text-decoration: none;
background: url(/sitecollectionimages/sub-menu-arrow.gif) no-repeat 12px center;
}
#sidemenu li ul li a:hover {
color: #333;
background: #CEECE1 url(/sitecollectionimages/sub-menu-arrow.gif) no-repeat 12px center;
}
/*************************** 5 - result pages list used to display list of pages at the botom of the listing */
/*************************************************************************************/
#result_pages {
margin: 10px 0px;
border-top: 3px solid #E5E5E5;
border-bottom: 3px solid #E5E5E5;
clear: both;
}
#result_pages td {
padding: 5px 0px;
}
#result_pages a {
display: inline-block;
text-align: center;
padding: 2px 6px;
color: #00727C;
font-weight: bold;
}
#result_pages a.current {
background: url(/sitecollectionimages/branding/buttons-background.gif) bottom #00727C;
color: #FFF;
text-decoration: none;
}
#result_pages a:hover {
background: url(/sitecollectionimages/branding/buttons-background.gif) bottom #00727C;
color: #FFF;
text-decoration: none;
}
#result_pages a.prev_next {
display: inline-block;
text-align: center;
padding: 5px 8px;
color: #FFF;
font-weight: bold;
background: url(/sitecollectionimages/branding/buttons-background.gif) bottom #00727C;
}
/******************* Services homepage - Green boxes select table with abc... links *******************/
/*************************************************************************************/
/******* "service_select" = Services AtoZ Web Part styling *******/
#consultants_select
{
padding: 3px 0px 0px 0px;
background-color: #CCCCCC;
margin: 0px 0px 0px 0px;
}
#service_select
{
padding: 3px 0px 0px 0px;
background-color: #CCCCCC;
margin: 0px 0px 0px 0px;
}
#consultants_select .serv_abc
{
background-color: #F2F2F2;
text-align: center;
padding: 3px;
}
#service_select .serv_abc
{
background-color: #F2F2F2;
text-align: center;
padding: 3px;
}
#consultants_select .serv_abc a
{
/* text - links style */
display: inline-block;
text-align: left;
padding: 3px 6px;
color: #00727C;
font-weight: bold;
font-size: 9pt;
}
#service_select .serv_abc a
{
/* text - links style */
display: inline-block;
text-align: left;
padding: 3px 6px;
color: #00727C;
font-weight: bold;
font-size: 9pt;
}
#consultants_select .serv_abc a:hover
{
/* text - on hover */
background: url(/sitecollectionimages/branding/buttons-background.gif) #00727C;
color: #FFFFFF !important;
text-decoration: none;
}
#service_select .serv_abc a:hover
{
/* text - on hover */
background: url(/sitecollectionimages/branding/buttons-background.gif) #00727C;
color: #FFFFFF !important;
text-decoration: none;
}
#consultants_select .serv_select_list
{
/* list with services */
background-color: #FFF;
border: 7px solid #CECFCE;
margin: 5px;
padding: 5px 5px 0px 5px;
overflow:hidden;
height:1%;
}
#service_select .serv_select_list
{
/* list with services */
background-color: #FFF;
border: 7px solid #CECFCE;
margin: 5px;
padding: 5px 5px 0px 5px;
overflow:hidden;
height:1%;
}
#consultants_select .serv_select_list .separator
{
border-left: 1px solid #CECFCE;
padding-left: 15px;
}
#service_select .serv_select_list .separator
{
border-left: 1px solid #CECFCE;
padding-left: 15px;
}
#consultants_select .serv_select_list td
{
width:340px;
}
#service_select .serv_select_list td
{
width:340px;
}
#consultants_select .serv_select_list a
{
display: block;
margin-bottom: 5px;
}
#service_select .serv_select_list a
{
display: block;
margin-bottom: 5px;
}
/* Additions By DB 2010-08-26 */
.service_select
{
overflow:hidden;
background-color:#f2f2f2 !important;
padding:5px !important;
border-top: 3px solid #CCCCCC;
}
.service_select .serv_select_list
{
overflow:hidden;
}
.service_select .serv_select_list ul
{
/*width:100%; LB Fix - AtoZ WPs, from one to two columns */
padding: 0px !important;
margin-bottom:0px !important;
}
.service_select .serv_select_list ul li
{
float:left;
width:50%;
background:none;
padding:0px;
}
.service_select .serv_select_list ul li a
{
display:block;
font-family:verdana, arial, helvetica, sans-serif;
font-size:9pt;
font-weight:bold;
padding-bottom:3px;
padding-left:6px;
padding-right:6px;
padding-top:3px;
margin-bottom:5px;
text-align:left;
}
.service_select .serv_select_list ul li a:hover
{
background: url(/sitecollectionimages/branding/buttons-background.gif) #00727C;
color: #FFFFFF !important;
text-decoration: none;
}
/* end Additions By DB 2010-08-26 */
/***************** NOTE - had to change two below as effected all RHS narrow WPs *************/
/***************** was only needed for Services homepage WPs !! Need retest: Lucy - 26May *************/
ms-WPBorder
{
border:none important!;}
.contentNarrow .ms-WPHeader td {
background-image:none !important;
}
/******* "service_green_boxes" are styling boxes created as html in CEWP *******/
.service_green_box {
width: 333px;
height: 167px;
display: block;
background: #00727C;
}
.service_green_box img {
float: right;
}
.service_green_box .gtext {
display: block;
padding: 15px;
float: left;
width: 125px;
color: #FFF;
}
.service_green_box h3 {
margin-top: 0px;
color: #FFF;
}
.service_green_box p {
margin-top: 7px !important;
color: #FFF !important;
}
/**************************** Whats New Web Part - last minute development ********************/
/*.ms-WPBody .carousel{
position:relative;
min-height:110px;
list-style:none;
width: 306px;
height: 124px;
background-color: #00727C;
float: left;
margin-right: 16px;
}
.carousel li p a {
display:block;
width:169px;
color:#fff !important;
height: 35px;
padding: 5px 5px 0px 5px;
font-size: 1em;
font-family:Arial,Helvetica,sans-serif;
text-decoration: none;
}*/
/******************* 6.1 Services - homepage Search box (OOB Search Web Part *******************/
/*************************************************************************************/
.content #SRSB{
padding-top:10px
}
.content .ms-sbtable td {
padding: 30px !important;
}
/*********** Heading/txtbox label - "What are you looking for?" ***********/
.content td.ms-sbcell.ms-sbtext {
color: #FFF !important;
font-size: 14pt !important;
font-family: Arial, Helvetica, sans-serif !important;
font-weight: bold !important;
/*padding-top: 25px !important;*/
}
.content td.ms-sbcell{
background-color:#000000 !important;
border:none !important;
/*width: 240px !important;*/
}
/*********** Search input box & prompt text ***********/
.content td.ms-sbcell input{
border: 2px solid #00727C !important;
padding: 8px !important;
}
.content td.ms-sbLastcell{
background-color:#000000 !important;}
/*********** Search button ***********/
.content td.ms-sbgo {
border: none !important;
background: #000000 url(/sitecollectionimages/branding/search-button.jpg) no-repeat center center !important;
color: #FFF !important;
font-weight: bold !important;
font-family: Arial,Helvetica,sans-serif;
/*width: 40px !important;*/
font-size: 14px !important;
margin-left: 10px !important;
padding: 8px !important;
}
/************** 6 Services - select table with abc... links people listing (services-people-page) *********/
/*********************************************************************************************************************/
.customWP_ContactUs table.form_table
{
width:100% !important;
}
.customWP_ContactUs TD.labelfield
{
width: 20%;
}
/********************* Custom WP - Services page Consultants List */
.teamphotos p
{ padding-right:10px;
}
table.people{
border-bottom:3px solid #E5E5E5;
border-top:4px solid #E5E5E5;
}
table.people td {
border-bottom: 1px solid #e5e5e5;
padding: 5px 0px;
}
table.people td a {
margin-right: 5px;
}
/************************** forms tables (contact-us) */
table.form_table {
font-weight: bold;
}
table.form_table td {
padding: 5px 0px;
}
table.form_table form {
margin: 0px;
padding: 0px;
}
table.form_table input.single_line {
display: block;
padding: 5px;
width: 96%;
border: 1px solid #e5e5e5;
background-image: url(/sitecollectionimages/input-background.jpg);
}
table.form_table input.submit {
padding: 5px 10px;
border: 1px solid #00727C;
background: url(/sitecollectionimages/branding/buttons-background.gif) bottom #00727C;
color: #FFF;
font-weight: bold;
float: right;
margin-right:10px;
}
table.form_table textarea {
display: block;
padding: 5px;
width: 96%;
border: 1px solid #CFCFCF;
height: 250px;
background-image: url(/sitecollectionimages/input-background.jpg);
overflow: auto;
}
table.form_table select {
display: block;
padding: 5px;
width: 99%;
border: 1px solid #CFCFCF;
background-image: url(/sitecollectionimages/input-background.jpg);
}
/* grafs */
.green1 {
display: block;
padding: 5px;
background-color: #00727C;
background: url(/sitecollectionimages/branding/buttons-background.gif) bottom #00727C;
}
.green2 {
display: block;
padding: 5px;
background-color: #7FCBB2;
font-size: 1em;
}
/*********** 7 Forums ***********************/
/***************************************************/
.forum_quote {
padding: 0px 0px 15px 30px;
}
.forum_quote h3 {
margin: 0px;
display: block;
font-weight: bold;
padding: 0px 0px 8px 8px;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
}
.forum_quote div {
background-color: #F3F3F3;
padding: 8px;
font-style: italic;
}
/*********** 8 News - page and listing styles ***********/
/***************************************************/
.news_heading {
border-bottom: 2px solid #00727C;
margin: 0px 0px 10px 0px;
}
.news_heading .news_text_heading {
float: left;
font-size: 1.6em;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
padding: 1px 0px 6px 0px;
}
/*********** 9 RSS feed - text and icon style ***********/
/***************************************************/
.news_rss {
float:right;
width: 180px;
font-size: 12px
text-align: right;
}
.news_heading .news_rss {
float:right;
width: 180px;
font-size: 12px
text-align: right;
}
.news_rss img {
float: left;
}
.news_heading .news_rss img {
float: left;
}
/*********** 10 - Footer home and pages ***********/
/***************************************************/
/*ASH CHANGES*/
.push {
clear: both !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
font-size: 1px !important;
height: 1px !important;
width: 1px !important;
float: none !important;
}
#footer{
background:#84918d;
clear: both;
width: 100%;
margin: 0 auto;
padding: 0px !important; */
font-size: inherit !important;
}
.contactuslink{
display:block;text-align:right;margin-bottom:10px;
}
.contactuslink2 {
display: block;
text-align: right;
margin-bottom: 5px;
font-size: 0.6em;
}
.footercontainter{
height: 200px;
}
.footerleft{ float: left; width: 66%; }
.footerright{ float: right; width: 33%;padding-top:34px;font-size:24px;color:#ffffff;text-align:right; }
.footerlinks{
width: 100%;
margin-left:12px;
text-align: left;
height: 40px;
margin: 20px auto;
-webkit-padding-start: 65px;
font-family: 'Open Sans', sans-serif !important;
}
.footerlinks li{
display: inline;
float: left;
margin: 0px 7px;
text-align: left;
background:none !important;
padding-left:5px !important;
}
#footer .footerlinks li a:link, #footer .footerlinks li a:visited, #footer .footerlinks li a:active{
color: #fff !important;
font-size:14px !important;
}
#footer .footerlinks li a:hover{
color: #fff !important;
text-decoration:underline !important;
}
.footerpadding{
margin-right:60px;
}
.footericons{
background: #8f9b97;
color: #ffffff;
padding: 5px;
border: 1px solid #b6bebb;
width: 30px;
height: 30px;
font-size: 30px !important;
text-align: center;
line-height: 32px !important;
margin-left: 10px;
margin-bottom: 10px;
}
.glyphicon {
content: "\f002";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #000;
font-size: 18px;
padding-right: 0.5em;
position: absolute;
left: 0;}
.icon-addon {
position: relative;
color: #00727C;
display: block;
margin: 18px 0px;
height: 50px;}
.icon-addon:before {
display: table;
content: "\f002";
font-family: FontAwesome;
position: absolute;
z-index: 2;
left: 10px;
font-size: 16px;
width: 20px;
margin-left: -2.5px;
text-align: center;
padding: 10px 0;
top: 4px;
}
.icon-addon:after {
clear: both;
}
.icon-addon.addon-md .form-control,
.icon-addon .form-control {
padding-left: 36px;
float: left;
background: #efefef;
border: none;
height: 43px;
line-height:43px;
font-size: 1.4em;
font-weight: 300;
font-family: 'Open Sans', sans-serif;
color: #999999;
width: 100%;
}
.ms-WPBody .contactuslink a:link,.ms-WPBody .contactuslink a:visited,.ms-WPBody .contactuslink a:active{
color:#ffffff !important;
}
.ms-WPBody .contactuslink a:hover{
text-decoration:underline;
}
/******** 11 - text default styles ---- ---- ********/
hr {
height: 4px;
background-color: #E5E5E5;
border: none;
clear: both;
margin: 3px 0px 10px 0px;
color: #E5E5E5 !important;
padding: 0px;}
h2 {
color: #333;
font-size: 16px;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
margin-top: 8px;
}
h3 {
color: #333;
font-size: 14px;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
margin-top: 8px;
background: transparent !important;
}
h4 {
color: #333;
font-size: 14px;
font-weight:normal;
font-family: Arial, Helvetica, sans-serif;
margin-top: 8px;
background: transparent !important;
}
h5 {
margin: 0px;
color: #00727C;
font-size: 12px;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
background: transparent !important;
}
h6 {
font-size: 12px;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
color: #999;
margin: 0px;
background: transparent !important;
}
.news_date {
margin-top: 0px;
font-weight: bold;
}
a { /* links */
color: #00727C;
text-decoration: none;
}
a:hover { /* links */
text-decoration: underline;
}
.greentxt {
color: #00727C;
}
.greytxt {
color: #999;
}
#ne_searchresults ul
{ margin:0px !important
}
#ne_searchresults ul
{ margin-left:0px !important
}
div#ne_searchresults ul.searchnav
{
list-style:none;
padding-left:0;
margin-top:10px;
}
div#ne_searchresults ul.searchnav li
{
float:left;
padding:0 0 10px;
margin-left:10px;
}
div#ne_searchresults ul.searchnav li.prev
{
margin:0 0 0 10px;
padding-right:131px !important;
}
div#ne_searchresults ul.searchnav li.next
{
margin:0;
padding-left:151px !important;
}
div#ne_searchresults hr
{
margin-left:0px;
}
div#ne_searchresults ul hr
{
margin-left:0px;
}
/*********** 12 - EDIT RICH TEXT BOXES - DROP DOWN LIST OF STYLES ***********/
.ms-rteCustom-UCLH_Header_1Main
{
font-family:Arial;
font-size:24px;
color:#333;
background: transparent;
line-height:15px;
}
.ms-rteCustom-UCLH_Header_2ndLevel
{
font-family:Arial;
font-weight:bold;
font-size:16px;
color:#333;
background: transparent;
}
.ms-rteCustom-UCLH_Header_3rdLevel
{
font-family:Arial;
font-weight:bold;
font-size:14px;
color:#333;
background: transparent;
}
.ms-rteCustom-UCLH_Links
{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#00727C;
background : transparent;
}
.ms-rteCustom-UCLH_Text_Summary
{
background: transparent;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
margin: 0px;
padding: 0px;
color: #333;
height: 100%;
}
.ms-rteCustom-UCLH_Text_Body
{
background: transparent;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0px;
padding: 0px;
color: #333;
height: 100%;
}
/**************************************************************/
/*** Publications / list view styling ****/
.content table .ms-listviewtable
{
border-collapse:collapse;
}
.content tr.ms-viewheadertr th
{
color:#FFFFFF;
font-weight:bold;
border-right:1px #D6D6D6 solid;
}
.content tr.ms-viewheadertr th td
{
border:0 !important;
}
.content tr.ms-alternating
{
background-color:#fff;
}
.content td.ms-vb-icon
{
padding:8px 12px !important;
border:1px solid #D6D6D6;
}
.content td.ms-vb2
{
padding:8px 12px !important;
border:1px solid #D6D6D6;
}
.content td.ms-vb-icon a
{
color:#00727C;
}
.content td.ms-vb2 a
{
color:#00727C;
}
.content .ms-vh-icon table.ms-unselectedtitle
{
height:auto !important;
}
.content .ms-vh2 table.ms-unselectedtitle
{
height:auto !important;
}
.content .ms-vh table.ms-unselectedtitle
{
height:auto !important;
}
.content .ms-vh-icon table.ms-selectedtitle
{
height:auto !important;
}
.content .ms-vh2 table.ms-selectedtitle
{
height:auto !important;
}
.content .ms-vh table.ms-selectedtitle
{
height:auto !important;
}
.content .ms-ph
{
font-family:Arial, Helvetica, sans-serif !important;
font-size:1em !important;
}
.content .ms-pb-selected
{
font-family:Arial, Helvetica, sans-serif !important;
font-size:1em !important;
}
.content .ms-pb
{
font-family:Arial, Helvetica, sans-serif !important;
font-size:1em !important;
}
.content .ms-vh2-nofilter-icon
{
font-family:Arial, Helvetica, sans-serif !important;
font-size:1em !important;
}
.content .ms-vh2-nograd-icon
{
font-family:Arial, Helvetica, sans-serif !important;
font-size:1em !important;
}
.content .ms-vh3-nograd
{
font-family:Arial, Helvetica, sans-serif !important;
font-size:1em !important;
}
.content .ms-vh2-nograd
{
font-family:Arial, Helvetica, sans-serif !important;
font-size:1em !important;
}
.content .ms-vh2-nofilter
{
font-family:Arial, Helvetica, sans-serif !important;
font-size:1em !important;
}
.content table.ms-disc td
{
font-family:Arial, Helvetica, sans-serif !important;
font-size:1em !important;
}
.content .ms-vb-user
{
font-family:Arial, Helvetica, sans-serif !important;
font-size:1em !important;
}
.content .ms-GRFont
{
font-family:Arial, Helvetica, sans-serif !important;
font-size:1em !important;
}
.content .ms-vb-tall
{
font-family:Arial, Helvetica, sans-serif !important;
font-size:1em !important;
}
.content .ms-vb2
{
font-family:Arial, Helvetica, sans-serif !important;
font-size:1em !important;
}
.content .ms-vb
{
font-family:Arial, Helvetica, sans-serif !important;
font-size:1em !important;
}
.content .ms-gbload
{
font-family:Arial, Helvetica, sans-serif !important;
font-size:1em !important;
}
.content .ms-gb2
{
font-family:Arial, Helvetica, sans-serif !important;
font-size:1em !important;
}
.content .ms-gb
{
font-family:Arial, Helvetica, sans-serif !important;
font-size:1em !important;
}
.content .ms-vhImage
{
font-family:Arial, Helvetica, sans-serif !important;
font-size:1em !important;
}
.content .ms-vh-icon-empty
{
font-family:Arial, Helvetica, sans-serif !important;
font-size:1em !important;
}
.content .ms-vh-icon
{
font-family:Arial, Helvetica, sans-serif !important;
font-size:1em !important;
}
.content .ms-vh2
{
font-family:Arial, Helvetica, sans-serif !important;
font-size:1em !important;
}
.content .ms-vh
{
font-family:Arial, Helvetica, sans-serif !important;
font-size:1em !important;
}
.content .ms-gb {
border-color:#666;
}
.content .ms-summarystandardbody {
border-left:1px solid #666;
border-right:1px solid #666;
}
.content .ms-partline {
background-color:#666;
}
.content .ms-vh2-nofilter-icon a
{
color:#fff !important;
}
.content .ms-vh2-nofilter a
{
color:#fff !important;
}
.content th .ms-vb a
{
color:#fff !important;
}
.content .ms-vh2 .ms-unselectedtitle .ms-vb
{
padding: 8px 12px;
}
.content .ms-vh2 .ms-selectedtitle .ms-vb
{
padding: 8px 12px;
}
.content .ms-menuimagecell
{
background:url("/sitecollectionimages/down-arrow.gif") no-repeat scroll center center transparent !important;
padding:5px !important;
height:30px
}
.content .ms-menuimagecell img
{
display:none !important;
}
.content -ms-vh-icon table ms-selectedtitle
{
background-color:#828282 !important;
border:0 !important;
}
.content .ms-vh2 table.ms-selectedtitle
{
background-color:#828282 !important;
border:0 !important;
}
.content .ms-vh table.ms-selectedtitle
{
background-color:#828282 !important;
border:0 !important;
}
.ms-pickerresultheadertr
{
background-color:#666 !important;
background-image:none !important;
padding-bottom:0;
padding-top:0 !important;
}
.content .ms-ph
{
background-color:#666 !important;
background-image:none !important;
padding-bottom:0;
padding-top:0 !important;
}
.content .ms-vh2-nograd-icon
{
background-color:#666 !important;
background-image:none !important;
padding-bottom:0;
padding-top:0 !important;
}
.content .ms-vh3-nograd
{
background-color:#666 !important;
background-image:none !important;
padding-bottom:0;
padding-top:0 !important;
}
.content .ms-vh2-nograd
{
background-color:#666 !important;
background-image:none !important;
padding-bottom:0;
padding-top:0 !important;
}
.content .ms-viewheadertr .ms-vh-group
{
background-color:#666 !important;
background-image:none !important;
padding-bottom:0;
padding-top:0 !important;
}
.content .ms-vh2-nofilter-icon
{
background-color:#666 !important;
background-image:none !important;
padding-bottom:0;
padding-top:0 !important;
}
.content .ms-vh2-nofilter
{
background-color:#666 !important;
background-image:none !important;
padding-bottom:0;
padding-top:0 !important;
}
.content .ms-vh-icon
{
background-color:#666 !important;
background-image:none !important;
padding-bottom:0;
padding-top:0 !important;
}
.content .ms-vh2
{
background-color:#666 !important;
background-image:none !important;
padding-bottom:0;
padding-top:0 !important;
}
.content .ms-vh
{
background-color:#666 !important;
background-image:none !important;
padding-bottom:0;
padding-top:0 !important;
}
/*** For news page */
#ne_searchresults
{
font-family:Arial, Helvetica, sans-serif !important;
}
.ms-WPBody a:visited {
color:#00727C !important;
}
.content .ms-WPBody a:link {
color:#00727C !important;
}
.ms-WPBody .carousel a:visited {
/* DON'T want to show green if visited links in Footer, or in customwp Whats New. LB 2010 */
color:#ffffff !important;
}
.content .ms-WPBody carousel a:link {
/* DON'T want to show green if visited links in Footer, or in customwp Whats New. LB 2010 */
color:#ffffff !important;
}
.carousel a:hover {
text-decoration:none !important;
background-color:#00727C !important;
}
.ms-TPBody h5 {
font-size:1.1em !important;
}
.ms-WPBody h5 {
font-size:1.1em !important;
}
#pages .contentlower .contentNarrow
{
padding-top:5px !important;
}
#pages .contentlower .contentNarrow .newsdate
{
margin-bottom:10px !important;
text-align:left;
padding-top:0px !important;
}
/* add to master */
.news_date {
font-weight:bold;
margin-top:0;
}
hr {
height:4px !important;
}
/**** News Paging buttons.. *****/
/* News article template has layout within, div class "contentb" then articleLayout = full width, with two columns.
RHS column is in html first as div class "floatRight"
- table with two rows, first row = td class "image"
second row = td class "caption"
Then table class "header" - publishing page title field and green bottom border
Then, div class "pageContent" - main central column of content
*/
#pages .column_right_narrow .caption
{
padding-bottom:10px !important;
}
#pages .contentb table.header
{
border-bottom: none !important;
/* h1 tags used to give fonts etc.. above just overides OOB CSS */
}
#pages .contentb h1
{
display:block !important;
text-align:left !important;
width:auto !important;
}
#ne_searchresults .searchnav li
{
background:transparent none !important;
}
#ne_searchresults UL.content
{
margin:0px !important;
PADDING-LEFT: 0px !important;
}
div#ne_searchresults ul.searchnav
{
padding-top: 0px !important;
}
#ne_searchresults UL.searchnav
{
margin:0px !important;
}
#ne_searchresults .btnPrev
{ font-size: 12px !important;
font-family: Arial, Helvetica, sans-serif !important;
border: none !important;
background: url(/sitecollectionimages/branding/buttons-background.gif) bottom #00727C !important;
font-weight: bold !important;
color: #FFFFFF !important;
padding: 3px 10px 2px 10px !important;
float: left !important;
}
#ne_searchresults .btnNext
{ font-size: 12px !important;
font-family: Arial, Helvetica, sans-serif !important;
border: none !important;
background: url(/sitecollectionimages/branding/buttons-background.gif) bottom #00727C !important;
font-weight: bold !important;
color: #FFFFFF !important;
padding: 3px 10px 2px 10px !important;
float: right !important;
}
#ne_searchresults .pg
{
font-size: 12px !important;
font-family: Arial, Helvetica, sans-serif !important;
background: transparent !important;
font-weight: bold !important;
color: #00727C !important;
}
/**************************************************************/
/*UCLH Whats New Web PArt - now need css to apply not just on homepage but central and rhs of other layouts **************/
#pages .contentNarrow .carousel ol
{ width:488px !important }
#pages .contentNarrow .carousel
{ width:488px !important }
#pages .column_right_narrow .carousel ol
{ width:211px !important }
#pages .column_right_narrow .carousel
{ width:211px !important }
#pages .ms-WPBody .carousel
{
margin-top:15px;
position:relative;
background-color: #fff;
float: left;
display:inline;
margin-right: 20px !important;
padding-bottom: 5px;
}
#pages .ms-WPBody .carousel ol{
position:relative;
min-height:110px;
list-style:none;
height: 124px;
background-color: #688A80;
}
#pages .contentNarrow .carousel li
{ background: none !important; }
#pages .column_right_narrow .carousel li
{ background: none !important; }
.carousel ol {
padding: 0px;
margin: 0px;
}
#pages .ms-WPBody .carousel li {
padding: 0px;
margin: 0px;
}
#pages .ms-WPBody .carousel li p {
margin: 0px 0px 0px 0px;
padding: 0px;
}
#pages .ms-WPBody .carousel li p a {
display:block;
/*width:320px; /* commented out by db 2011-01-28 to correct issue with rollover*/
color:#ffffff !important;
height: 35px;
padding: 5px 5px 0px 5px;
font-size: 12px;
font-family:Arial,Helvetica,sans-serif !important;
text-decoration: none;
}
#pages .ms-WPBody .carousel li p a:hover {
color:#ffffff !important;
}
#pages .column_right_narrow .carousel li p a
{ width:175px !important; }
#pages .ms-WPBody .carousel li.one {
font-weight: bold;
}
#pages .ms-WPBody .carousel li.two {
border-top: 1px solid #9EB290;
border-bottom: 1px solid #9EB290;
}
#pages .ms-WPBody .carousel li img {
position:absolute;
top:0;
right:5000px;
float:right;
visibility:hidden;
width:127px;
height:124px;
background-color:#A4A4A4;
border: none;
}
#pages .column_right_narrow .carousel li img {
right:5000px;
width:127px;
height:124px
}
#pages .ms-WPBody .carousel li.dy img {
visibility:visible;
right:0;
}
#pages .ms-WPBody .carousel li.one img {
visibility:visible;
right:0;
}
#pages .ms-WPBody .carousel li a:hover img {
visibility:visible;
right:0;
}
#pages .ms-WPBody .carousel .ms-WPBody a:hover {
text-decoration:none !important;
background-color:#00727C !important;
}
/* end of whats new WP */
/**** All This CSS below is as sent from UCLH web Team - see WB email 29/9/2010*************/
.ms-rteTable-1 {
border-bottom: 1px #cccccc solid !important;
font-family: Arial, Helvetica, sans-serif !important;
}
.ms-rteTable-1 tr.ms-rteTableHeaderRow-1 {
margin: 10px !important;
padding: 5px !important;
color: #FFFFFF !important;
background: #00727C !important;
text-align: left !important;
font-size: 10pt !important;
font-style: normal !important;
font-family: Arial, Helvetica, sans-serif !important;
text-transform: none !important;
font-weight: bold !important;
border-spacing: 10px !important;
line-height: 14pt !important;
vertical-align: top !important;
border: 1px #00727C solid !important;
}
.ms-rteTable-1 td.ms-rteTableHeaderFirstCol-1 {
padding: 5px !important;
color: #FFFFFF !important;
line-height: 14pt !important;
border: 1px #00727C solid !important;
}
.ms-rteTable-1 td.ms-rteTableHeaderLastCol-1 {
padding: 5px !important;
color: #FFFFFF !important;
line-height: 14pt !important;
border: 1px #00727C solid !important;
}
.ms-rteTable-1 td.ms-rteTableHeaderOddCol-1 {
padding: 5px !important;
color: #FFFFFF !important;
line-height: 14pt !important;
border: 1px #00727C solid !important;
}
.ms-rteTable-1 td.ms-rteTableHeaderEvenCol-1
{
padding: 5px !important;
line-height: 14pt !important;
color: #FFFFFF !important;
border: 1px #00727C solid !important;
}
.ms-rteTable-1 tr.ms-rteTableOddRow-1 {
color: #666666 !important;
background-color: #F2F3F4 !important;
font-size: 10pt !important;
vertical-align: top !important;
padding: 5px !important;
border-left: 1px #cccccc solid !important;
border-right: 1px #cccccc solid !important;
}
.ms-rteTable-1 tr.ms-rteTableEvenRow-1 {
color: #666666 !important;
background-color: #FFFFFF !important;
font-size: 10pt !important;
vertical-align: top !important;
padding: 5px !important;
border-left: 1px #cccccc solid !important;
border-right: 1px #cccccc solid !important;
}
.ms-rteTable-1 td.ms-rteTableFirstCol-1 {
padding: 5px !important;
}
.ms-rteTable-1 td.ms-rteTableLastCol-1 {padding: 5px !important;}
.ms-rteTable-1 td.ms-rteTableOddCol-1 {
padding: 5px !important;
}
.ms-rteTable-1 td.ms-rteTableEvenCol-1 {
padding: 5px !important;
}
.ms-rteTable-1 tr.ms-rteTableFooterRow-1 {
background-color: #9ED9D1 !important;
color: #FFFFFF !important;
font-weight: 500 !important;
font-size: 10pt !important;
font-family: Arial, Helvetica, sans-serif !important;
line-height: 11pt !important;
}
.ms-rteTable-1 td.ms-rteTableFooterFirstCol-1 {
padding: 5px !important;
text-align: left !important;
}
.ms-rteTable-1 td.ms-rteTableFooterLastCol-1 {
padding: 5px !important;
text-align:left !important;
}
.ms-rteTable-1 td.ms-rteTableFooterOddCol-1 {
padding: 5px !important;
text-align: left !important;
}
.ms-rteTable-1 td.ms-rteTableFooterEvenCol-1 {
padding: 5px !important;
text-align: left !important;
}
/******************** End WB of UCLH Web Team CSS *************************/
/** Sitemap styling **/
#pages .toc-layout-main #header
{
background-image:none;
}
#pages .toc-layout-main #header a
{
background: transparent;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0px;
padding: 0px;
color: #333;
height: 100%;
}
/* This will allow the prev and next buttons to the right places */
.content .ms-bottompaging
{
background:none repeat scroll 0 0 #fff !important;
border-top:4px solid #e5e5e5;
border-bottom:4px solid #e5e5e5;
margin-top:15px;
}
#pages .content .ms-bottompaging .ms-vb table
{
margin-left:auto;
margin-right:auto;
float:none;
width:10px;
}
#pages .content .ms-bottompaging .ms-vb table td
{
width:10px;
padding-top:3px;
}
#pages .content .ms-bottompaging .ms-vb table .ms-paging
{
color:#00727C;
width:40px !important;
text-align:center;
padding-top:0px !important;
}
/*#pages .content .ms-bottompaging a
{
width:20px;
}*/
/*
#pages .content .ms-bottompaging a img
{
display:none;
visibility:hidden;
}
*/
#pages .content .ms-bottompagingline1
{
display:none;
}
.skiplink
{
display:none;
}
.RSSLink
{
font-size:1.0em;
font-color:#000000;
}
.showOnlyWhenNonCSS
{
display:none;
}
#pages .contentNarrow ul
{
margin:0px;
padding: 0px 0px 0px 20px;
}
#pages .contentNarrow ul li
{
list-style:none;
padding-left: 20px;
padding-right: 5px;
padding-bottom: 5px;
padding-top: 5px;
background: url(/sitecollectionimages/hospital-menu-arrow.gif) 0px 5px no-repeat;
}
#pages .contentNarrow .ms-WPBody .narrowiframe
{
border:0;
height:350px;
overflow:hidden;
width:484px;
}
#pages .column_right_narrow .side_frame
{
overflow:hidden;
}
/*side frame is also used by the navigation*/
#pages .column_right_narrow .side_frame ul li a:visited
{
color:#00727C;
}
#pages .column_right_narrow .side_frame ul li a:hover
{
color:#00727C;
}
#pages .column_right_narrow .side_frame ul li a
{
color:#00727C;
}
#pages .column_right_narrow .side_frame table table table
{
width:211px;
}
#pages .column_right_narrow .side_frame table table table table
{
width:100%;
}
.areaDescription div
{
width:100%;
padding-bottom:2px;
}
.areaDescription div div
{
width:auto;
}
#pages .column_right_narrow .ms-WPBody a:visited
{
color:#00727C !important;
text-decoration:none !important;
}
#pages .column_right_narrow .ms-WPBody a:link
{
color:#00727C !important;
text-decoration:none !important;
}
#pages .column_right_narrow .ms-WPBody a:hover
{
color:#00727C !important;
text-decoration:underline !important;
}
#pages .column_right_narrow .customWP_Transfer a:visited
{
color:#FFFFFF !important;
text-decoration:none !important;
}
#pages .column_right_narrow .customWP_Transfer a:link
{
color:#FFFFFF !important;
text-decoration:none !important;
}
.ms-MenuUIPopupBody
{
z-index:99999 !important;
}
.ms-formlabel{
text-align:left;
font-family:Arial !important;
font-size:14px !important;
border-top: 0px solid #d8d8d8 !important;
padding-top:3px;
padding-right:25px !important;
padding-bottom:6px;
color:#525252;
font-weight:bold;
}
.ms-standardheader {
font-size: 14px !important;
margin: 0em;
text-align: left;
color: #525252;
}
.ms-standardheader nobr {
white-space: normal !important;
}
.ms-formbody {
font-family: Arial !important;
font-size: 14px !important;
vertical-align: top;
background: #ffffff !important;
border-top: 0px solid #d8d8d8 !important;
padding: 3px 6px 4px 6px;
}
.ms-formbody select{
display: block;
width:400px !important;
margin-top:5px;
margin-bottom:5px;
padding-top:2px !important;
padding-bottom:2px !important;
font-size:14px !important;color:#666666 !important;
}
.ms-input {
display: block;
padding: 5px;
width: 600px !important;
border: 1px solid #c2bdbd;
font-size:14px !important;color:#666666 !important;
background-image: url(/sitecollectionimages/input-background.jpg);
}
.ms-long {
display: block;
padding: 5px;
border: 1px solid #c2bdbd;
font-size:14px !important;color:#666666 !important;
background-image: url(/sitecollectionimages/input-background.jpg);
}
.ms-RadioText{
display: block;
width: auto !important;
padding-top:2px !important;
padding-bottom:2px !important;
font-size:14px !important;color:#666666 !important;
}
.BlockTableWithTitle{
border-width:0px !important;
}
.pullquote {
border-left: 4px solid #E5E5E5 !important;
float: right !important;
padding: 10px !important;
font-size: 16px !important;
width: 200px !important;
color: #00727C !important;
font-weight: bold !important;
line-height: 18px !important;
margin: 5px 0px 5px 10px !important;
}
/* Mini Site Navigation */
.MiniNavUL0 + .bottom {
display:none !important;
}
.MiniNavUL0 {
list-style:none;vertical-align:top;
width: 970px;
margin: 0px 115px 0px 115px;
background:#fff url(/sitecollectionimages/branding/home-content-background.jpg) repeat-x;
text-align:left;
padding:0px !important;
font-size:12px !important;
color:#00727C !important;
}
.MiniNavUL0 .nodeParentOfCurrentItemL0 .panelParentOfCurrent0 {
display:none !important;
margin:0px !important;
padding:0px !important;
}
.MiniNavUL0 .nodeParentOfCurrentItemL0 {
display:none !important;
margin:0px !important;
padding:0px !important;
}
.MiniNavUL0 .nodeListItemCurrentL0 {
margin:0px !important;
padding:0px !important;
}
.MiniNavUL0 .nodeListItemCurrentL0 .panelParentOfCurrent0 {
display:none !important;
margin:0px !important;
padding:0px !important;
}
.MiniNavUL1 {
padding:0px;
margin:0px;
}
.MiniNavUL1 .nodeListItemItemL1 {
display:inline-block;
*display: inline; /* leading asterisk IS correct */
zoom: 1; /* seems to fix drawing bug on border in IE 7 */
}
.MiniNavUL1 .nodeChildOfCurrentItemL1 {
display:inline-block;
*display: inline; /* leading asterisk IS correct */
zoom: 1; /* seems to fix drawing bug on border in IE 7 */
}
.MiniNavUL1 .panelItem1 {
background-image: none;
border-left: solid 0px #FFFFFF;
border-right: solid 2px #FFFFFF;
border-bottom: solid 0px #FFFFFF;
border-top: solid 0px #FFFFFF;
}
.MiniNavUL1 .panelChildOfCurrent1 {
background-image: none;
border-left: solid 0px #FFFFFF;
border-right: solid 2px #FFFFFF;
border-bottom: solid 0px #FFFFFF;
border-top: solid 0px #FFFFFF;
}
.MiniNavUL1 .lastNodeItem {
border:0px solid #ffffff;
}
.MiniNavUL1 .panelChildOfCurrent1 a:visited{
color: #00727C !important;
display: block;
margin: 0;
padding: 5px 10px;
}
.MiniNavUL1 .panelChildOfCurrent1 a:active{
color: #00727C !important;
display: block;
margin: 0;
padding: 5px 10px;
}
.MiniNavUL1 .panelChildOfCurrent1 a:link{
color: #00727C !important;
display: block;
margin: 0;
padding: 5px 10px;
}
.MiniNavUL1 .panelItem1 a:visited{
color: #00727C !important;
display: block;
margin: 0;
padding: 5px 10px;
}
.MiniNavUL1 .panelItem1 a:active{
color: #00727C !important;
display: block;
margin: 0;
padding: 5px 10px;
}
.MiniNavUL1 .panelItem1 a:link{
color: #00727C !important;
display: block;
margin: 0;
padding: 5px 10px;
}
.MiniNavUL1 .panelChildOfCurrent1 a:hover{
color: #333333 !important;
background:#ffffff;
display: block;
margin: 0;
padding: 5px 10px;
}
.MiniNavUL1 .panelParentOfCurrent1 {
display:none;
}
.MiniNavUL1 .panelItem1 a:hover{
color: #333333 !important;
background:#ffffff;
display: block;
margin: 0;
padding: 5px 10px;
}
span.ms-topnavUCLH:hover {
background:#00727C url(/sitecollectionimages/branding/menu-hover.jpg) no-repeat bottom left;
}
.panelItem1 {
border-bottom: none !important;
}
/*
==================================================
pink 52 club button style
================================================== */
.52btnpink {
background-color:#9c0154 !important;
display:inline-block !important;
cursor:pointer !important;
color:#ffffff !important;
font-family:arial !important;
font-size:17px !important;
padding:10px 24px !important;
text-decoration:none !important;
}
.52btnpink:hover {
background-color:#c9006f !important;
}
.52btnpink:active {
position:relative !important;
top:1px !important;
} |