/* #Base 1200 ================================================== */ #header ,#pages { position: relative; width: 1200px; margin: 0 auto; padding: 0; } #footer {width:970px;} .mobile_show {display:none;} .mobile_hide {display:block;} /* 18/03/2015 - C&C Update to cater for Yosemite/Safari table replacement */ /* Hide the spacer images which push the "Contact Us" box down */ div.top_menu div.zz1_TopNavigationMenu_5 img{display:none} /* Note: Design for a width of 1024px */ @media screen and (min-width: 1024px) { /* Menu ====================================================*/ span.ms-topnavUCLH {float: left; width: auto; display: block; margin-right: 2px;} span.ms-topnavUCLH a:hover {background: #00727C url(/sitecollectionimages/branding/menu-hover.jpg) no-repeat bottom left; color:#fff;} } /* End 18/03/2015 - C&C Update */ /* #Tablet (Portrait) p ================================================== */ /* Note: Design for a width of 768px */ @media screen and (min-width: 768px) and (max-width: 959px) { #header ,#pages { width: 768px!important;margin: 0 auto; padding: 0;} #aspnetForm #footer { width: 768px!important;margin: 0 auto; padding: 0px 0 0 0;/*background: #fff url(/sitecollectionimages/branding/homepage-logo.jpg) no-repeat left top !important;*/} .yui-skin-sam #footer { width: 768px!important;margin: 0 auto; padding: 0px 0 0 0;/*background: #fff url(/sitecollectionimages/branding/homepage-logo.jpg) no-repeat left top !important;*/} /*#header .container { background: #fff url(/sitecollectionimages/branding/homepage-logo.jpg) no-repeat 264px top !important;} */ #pages .print{display:none} /*#ctl00_UCLH_GetListTextWebPart1{ width: 96%!important; }*/ /* Menu ================================================== */ #header .top_menu{width: 768px!important;} #zz1_TopNavigationMenu_5 td{white-space:pre-wrap!important;} #header .top_menu .ms-topnavUCLH{height: 24px;padding: 4px 4px 13px;} #zz1_TopNavigationMenu_5 td a{width: auto;line-height: 14px;} #ms-topnavUCLH {height:26px!important;} #zz1_TopNavigationMenun1 td a{white-space: normal;height: 24px;padding: 5px 4px 14px;} #zz1_TopNavigationMenun2 td a{white-space: normal;height: 24px;padding: 5px 4px 14px;} #zz1_TopNavigationMenun3 td a{white-space: normal;height: 24px;padding: 5px 4px 14px;} #zz1_TopNavigationMenun4 td a{white-space: normal;height: 24px;padding: 5px 4px 14px;} #zz1_TopNavigationMenun5 td a{white-space: normal;height: 24px;padding: 5px 4px 14px;} #zz1_TopNavigationMenun6 td a{white-space: normal;height: 24px;padding: 5px 4px 14px;} #zz1_TopNavigationMenun7 td a{white-space: normal;height: 24px;padding: 5px 4px 14px;} #zz1_TopNavigationMenun8 td a{white-space: normal;height: 24px;padding: 5px 4px 14px;} .hidenav .panelParentOfCurrent0 {padding: 0px;margin:0px;background: none transparent!important;font-family: Arial, Helvetica, sans-serif;} .hidenav .panelParentOfCurrent0 {padding: 0px;margin:0px;background: none transparent!important;font-family: Arial, Helvetica, sans-serif;} .hidenav .panelParentOfCurrent0 a{_padding: 14px 15px 14px;background: url("/sitecollectionimages/branding/Open.jpg") no-repeat scroll left top #9edad2 !important;background-size:301px !important;font-family: Arial, Helvetica, sans-serif;font-size: 1.2em;font-size: 16px;font-weight: bold;margin-top: 0px;padding: 15px 15px 15px 48px;color: #00727C!important;} .hidenav .panelParentOfCurrent0 a.active{background: url("/sitecollectionimages/branding/Close.jpg") no-repeat scroll left top #9edad2 !important;background-size:301px !important;} .nodeList0{width:94%!important;background:none;font-family: Arial, Helvetica, sans-serif !important;list-style: none outside none;padding: 10px 10px 0px 10px;margin: 0px 2%!important;} .nodeList1 {font-size: 14px;font-family: Arial, Helvetica, sans-serif !important;list-style: none outside none;padding:0px!important;border-top:1px solid #fff} .panelChildOfCurrent1 {background: url("/sitecollectionimages/sub-menu-arrow.gif") no-repeat scroll 0px 14px transparent;} .panelItem1 a, .panelChildOfCurrent1 a {color: #333333 !important;display: block;margin: 0;padding: 8px 0 6px 10px;} .nodeChildOfCurrentItemL2 {background-color: #ebebeb!important;border-bottom: 1px solid #fff;} .panelParentOfCurrent1{padding:0px!important;border-bottom: 1px solid #fff;background-color:#698a81!important} .panelParentOfCurrent1 a{background: url("/sitecollectionimages/branding/OpenSmall.jpg") no-repeat scroll 10px 7px transparent !important;padding: 8px 0px 6px 32px;} .panelParentOfCurrent1 a.active{background: url("/sitecollectionimages/branding/CloseSmall.jpg") no-repeat scroll 10px 7px transparent !important;padding: 8px 0px 6px 32px;} .panelChildOfCurrent2{background:none transparent!important;} .hidenav .panelItem2 a,.hidenav .panelChildOfCurrent2 a,.panelItem1 a,.hidenav .panelChildOfCurrent1 a {color: #333333!important;} .panelItem1,.nodeChildOfCurrentItemL1 .panelChildOfCurrent1{background:none #c8d9be !important;border-bottom: solid 1px #EBEDF0;} .column_left .side_frame{width: 100%!important} .bottom{background:none transparent!important;} /* Home page ================================================== */ #pages .hospitalContainer{left:37%;width: 194px;} #rotator ul li .center{width: 194px;float:left;} #home_content{width: 768px;} #header .newnarrow{ width: 768px!important; } #home_content .newnarrow{ width: 768px!important; margin:0px;} .outerdiv_carousel,.outerdiv_box3,.outerdiv_box2,.outerdiv_box3_lower,.outerdiv_carousel_lower,.outerdiv_box2_lower{ width: 240px!important; } .outerdiv_carousel .carousel ol.main{ width: 240px!important;height: 96px !important;min-height: 96px!important; } .carousel ol.main li img{ width: 96px!important; height:96px!important} .carousel li p a{ width: 137px!important; height:29px!important;padding: 2px 5px 0px 5px!important;} .outerdiv_box2 table td img,.outerdiv_box3 table td img,.outerdiv_box3_lower table td img,.outerdiv_carousel_lower table td img,.outerdiv_box2_lower table td img,.outerdiv_carousel div a img{ width: 240px!important;height:auto!important } /* ================================================== Content page master page ================================================== */ .container{ width: 768px!important; } #pages .column_left{ width: 740px!important; } /* ================================================== Our Services Page layout ================================================== */ #pagetitle{width: 768px!important;margin:0px auto!important;overflow:hidden } #pagetitle-inner{max-width: 734px!important;margin:0px !important } #pages .container .margin > div[style^=text-align]{ width: 768px!important;margin:0px auto!important; } #pages .container .margin > div[style^=text-align] > div{ width: 768px!important;padding:10px 0px !important } #pages .container #rotator ul li .center{ width: 768px; } #pages .container .margin > div[style^=text-align] > div table tr{width: 200px!important;padding:10px 0px !important } #pages .container .margin > div[style^=text-align] .ms-WPBody div[style^=margin] a{width: 306px!important;margin:0 auto;display:block; } .MiniNavUL {width: 768px!important;margin: 0px!important;background: #fff url(/sitecollectionimages/branding/home-content-background.jpg) repeat-x;padding: 0px !important;}.MiniNavUL li{display: inline-block;} .MiniNavUL li div{} .MiniNavUL li div a:link {;padding: 5px 10px;} /* ================================================== service referral pages. ================================================== */ #pages .contentb{width: 100%!important;} .service_select .serv_select_list ul li{width: 50%!important;} /* ================================================== Search pages. ================================================== */ .content .bestBetsArea table td div.ms-WPBody{width: 400px!important;} .content .bestBetsArea{width: 400px!important;background-image:none!important;float:none!important;margin:0 auto!important} .content .bestBetsArea table td div.ms-WPBody div[style^=height]{display:none;} .content .bestBetsArea table td div.ms-WPBody a img{margin:0px!important;} .SearchControl{float:none!important;margin:0 auto!important} /* ================================================== font ================================================== */ #pages .content,.content ul,#pages .content p{font-size:14px!important;} } /* #Mobile (Portrait) ================================================== */ /* Note: Design for a width of 320px */ @media screen and (max-width: 767px) { #header ,#pages{ width: 300px!important;margin:0 auto;background-image:none !important;/* UCLH */ } .newnarrow{ width: 300px!important; } #footer { background: #84918d !important; clear: both !important; margin: 0 auto !important; padding: 20px 10px !important; width:100%!important; } .footerleft{ float:none !important; width: 290px !important; } .footerright { float: none !important; width: 300px !important; padding-top: 5px !important; font-size: 24px !important; color: #ffffff !important; text-align: right !important; } .footercontainter { height: auto !important; display: block !important; } .contactuslink{ display:block !important;text-align:left !important;margin-bottom:10px !important; } .contactuslink2{ display:block !important;text-align:left !important;margin-bottom:10px !important; } .footerlinks { width: 270px !important; margin-left: 0px !important; text-align: left !important; height: auto !important; margin: 10px auto !important; -webkit-padding-start: 34px !important; } .footerlinks li { display: block !important; float: none !important; margin: 0px 7px !important; text-align: left !important; } .footerpadding { margin-right: 0px !important; margin-left: 40px !important; } .footerleft img{ width:100% !important; height:auto !important; padding-right: 40px !important; } .footerright { float: none !important; width: 320px !important; padding-top: 5px !important; font-size: 24px !important; color: #ffffff !important; text-align: left !important; } #header .container { width:300px!important} .container .search {float: none;width: 202px;margin: 0 auto;display:none;} #header .nhs_top_logo {margin: 0 auto;width: 300px!important;height:38px} .nhs_top_logo a img{ width: 300px; } /*#ctl00_UCLH_GetListTextWebPart1{ width: 96%!important; }*/ /* Footer ================================================== */ #ctl00_UCLH_GetListTextWebPart1 tr:first-child a{display:list-item;clear:both } #ctl00_UCLH_GetListTextWebPart1 tr:first-child font a{display:list-item;clear:both } #ctl00_UCLH_GetListTextWebPart1 tr:first-child p a{display:block;clear:both } #ctl00_UCLH_GetListTextWebPart1 tr:first-child p font{display:none; } #ctl00_UCLH_GetListTextWebPart1 tr:first-child p font:nth-of-type(2),#ctl00_UCLH_GetListTextWebPart1 tr:first-child p font:nth-of-type(3),#ctl00_UCLH_GetListTextWebPart1 tr:first-child p font:nth-of-type(4),#ctl00_UCLH_GetListTextWebPart1 tr:first-child p font:nth-of-type(5){display:none;height:0px; } /*#ctl00_UCLH_GetListTextWebPart1 tr:first-child p font:nth-of-type(1) a{float:left;clear:none;display:block}*/ /* Menu ================================================== */ #header .top_menu{width: 300px!important;height:100%!important;display:none;} .top_menu td {display: block;} .ms-topnavselectedUCLH a {padding: 14px 0px 14px;} #zz1_TopNavigationMenu_5 td{white-space:pre-wrap!important;display:block;width:300px;clear:both} .top_menu .ms-topnavUCLH a{padding: 10px 0px 9px;} #zz1_TopNavigationMenu_5 td a{width: auto;line-height: 14px;padding: 10px 0px 9px;} #ms-topnavUCLH {height:26px!important;} #zz1_TopNavigationMenun1 td a{white-space:pre-wrap!important;display:block;/*width:100%;*/clear:both;border-top: 1px solid #fff!important;} #zz1_TopNavigationMenun2 td a{white-space:pre-wrap!important;display:block;/*width:100%;*/clear:both;border-top: 1px solid #fff!important;} #zz1_TopNavigationMenun3 td a{white-space:pre-wrap!important;display:block;/*width:100%;*/clear:both;border-top: 1px solid #fff!important;} #zz1_TopNavigationMenun4 td a{white-space:pre-wrap!important;display:block;/*width:100%;*/clear:both;border-top: 1px solid #fff!important;} #zz1_TopNavigationMenun5 td a{white-space:pre-wrap!important;display:block;/*width:100%;*/clear:both;border-top: 1px solid #fff!important;} #zz1_TopNavigationMenun6 td a{white-space:pre-wrap!important;display:block;/*width:100%;*/clear:both;border-top: 1px solid #fff!important;} #zz1_TopNavigationMenun7 td a{white-space:pre-wrap!important;display:block;/*width:100%;*/clear:both;border-top: 1px solid #fff!important;} #zz1_TopNavigationMenun8 td a{white-space:pre-wrap!important;display:block;/*width:100%;*/clear:both;border-top: 1px solid #fff!important;} .hidenav .panelParentOfCurrent0 {padding: 0px;margin:0px;background: none transparent!important;font-family: Arial, Helvetica, sans-serif;} .hidenav .panelParentOfCurrent0 a{_padding: 14px 15px 14px;background: url("/sitecollectionimages/branding/Open.jpg") no-repeat scroll left top #9edad2 !important;background-size:301px !important;font-family: Arial, Helvetica, sans-serif;font-size: 1.2em;font-size: 16px;font-weight: bold;margin-top: 0px;padding: 15px 15px 15px 48px;color: #00727C!important;} .hidenav .panelParentOfCurrent0 a.active{background: url("/sitecollectionimages/branding/Close.jpg") no-repeat scroll left top #9edad2 !important;background-size:301px !important;} .nodeList0{width:100%!important /* UCLH */;background: none #FFFFFF;font-family: Arial, Helvetica, sans-serif !important;list-style: none outside none;padding: 10px 10px 0px 10px;margin: 0px !important;/* UCLH */} .nodeList1 {font-size: 14px;font-family: Arial, Helvetica, sans-serif !important;list-style: none outside none;padding:0px!important;border-top:1px solid #fff} .panelChildOfCurrent1 {background: url("/sitecollectionimages/sub-menu-arrow.gif") no-repeat scroll 0px 14px transparent;} .panelItem1 a, .panelChildOfCurrent1 a {color: #333333 !important;display: block;margin: 0;padding: 8px 0 6px 10px;} .nodeChildOfCurrentItemL2 {background-color: #ebebeb!important;border-bottom: 1px solid #fff;} .panelParentOfCurrent1{padding:0px!important;border-bottom: 1px solid #fff;background-color:#698a81!important} .panelParentOfCurrent1 a{background: url("/sitecollectionimages/branding/OpenSmall.jpg") no-repeat scroll 10px 7px transparent !important;padding: 8px 0px 6px 32px;} .panelParentOfCurrent1 a.active{background: url("/sitecollectionimages/branding/CloseSmall.jpg") no-repeat scroll 10px 7px transparent !important;padding: 8px 0px 6px 32px;} .panelChildOfCurrent2{background:none transparent!important;} .hidenav .panelItem2 a,.hidenav .panelChildOfCurrent2 a,.panelItem1 a,.hidenav .panelChildOfCurrent1 a {color: #333333!important;} .panelItem1,.nodeChildOfCurrentItemL1 .panelChildOfCurrent1{background:none #c8d9be !important;border-bottom: solid 1px #EBEDF0;} .column_left .side_frame{width: 100%!important} .bottom{background:none transparent!important;} /* Home page ================================================== */ #pages .hospitalContainer{right:0%;width: 194px;margin-left:40px;} #rotator ul li .center{width: 194px;float:left;} #home_content{width: 100%;} #rotator ul li .center .left {width: 280px;height: 107px;margin-top: 226px;margin-left:0px;} #header .newnarrow{ width: 300px!important; } #home_content .newnarrow{ width: 300px!important; margin:0px;} .outerdiv_carousel,.outerdiv_box3,.outerdiv_box2,.outerdiv_box3_lower,.outerdiv_carousel_lower,.outerdiv_box2_lower,#home_content .outerdiv_box3,#home_content .outerdiv_box3_lower{ width: 300px!important; float:none;} .outerdiv_carousel .carousel ol.main{ width: 300px!important;height: 150px !important;min-height: 150px!important; } .carousel ol.main li img{ width: 150px!important; height:150px!important} .carousel li p a{width: 141px!important;height: 47px!important;padding: 2px 5px 0px 5px!important;font-size: 13px!important;} .outerdiv_box2 table td img,.outerdiv_box3 table td img,.outerdiv_box3_lower table td img,.outerdiv_carousel_lower table td img,.outerdiv_box2_lower table td img{ width: 300px!important;clear:both;float:left;height:auto!important } .bottomAreaContent{padding:0px;} #rotator h1 {font-size: 16px;} #pages .hospitalContainer{left:0%;width: 100%;position:relative;margin:0 auto 10px;height:auto;} #hosp-menu{padding: 0px ;position:relative;width:100%;top:0px;} #hosp-menu h1{background: url("/sitecollectionimages/branding/Open.jpg") no-repeat scroll left top #9edad2 !important;background-size:301px !important;padding:14px 10px 14px 44px;border-bottom:1px solid #fff} #hosp-menu h1.active{background: url("/sitecollectionimages/branding/Close.jpg") no-repeat scroll left top #9edad2 !important;background-size:301px !important;padding:14px 10px 14px 44px;} #hosp-menu h1:hover{cursor:pointer;} #hosp-menu li a:hover{color:#fff!important;} #hosp-menu li {margin: 0px 0px 0px 0px;padding:0px;width: 100%;border-bottom: 1px solid #fff;border-top: 0px solid #D3D3D3;display: block;background-color:#c8d9be !important} #hosp-menu li a{margin: 0px 0px 0px 0px;padding:8px 0 6px 10px;font-size:16px!important;color:#333!important} #hosp-menu .tooltip{display:none!important;} .bottomAreaContent{position:relative;} .outerdiv_box3{padding-top:170px!important} .outerdiv_carousel{top:10px;position:absolute} #pagetitle{padding: 0px ;position:relative;width:100%;top:0px;} #pagetitle #pagetitle-inner{background: url("/sitecollectionimages/branding/Open.jpg") no-repeat scroll left top #9edad2 !important;background-size:301px !important;padding:14px 10px 14px 44px !important;border-bottom:1px solid #fff;color:#00727C !important;font-weight:bold !important;font-size: 16px!important;} #pagetitle #pagetitle-inner.active{background: url("/sitecollectionimages/branding/Close.jpg") no-repeat scroll left top #9edad2 !important;background-size:301px !important;padding:14px 10px 14px 44px;} #pagetitle #pagetitle-inner:hover{cursor:pointer;} .MiniNavUL0 {margin:0px !important;width: 100% !important;} .MiniNavUL1 li a:hover{color:#fff!important;} .MiniNavUL1 li {margin: 0px 0px 0px 0px !important;padding:0px;width: 100%;border-bottom: 1px solid #fff;border-top: 0px solid #D3D3D3;display: block;background-color:#c8d9be !important} .MiniNavUL1 li a{margin: 0px 0px 0px 0px !important;padding:8px 0 6px 10px;font-size:16px!important;color:#333!important;} /* ================================================== Content page master page ================================================== */ #pages .column_left{ width: 380px!important; } #pages .breadcrumb{ width: 300px!important;margin-left:0PX; display:none;} .breadcrumbCurrent {white-space: nowrap;} #pages .print{display:none} #pages .two_colums{ width: 300px!important; clear:both} #pages .contentWide{ width: 300px!important;overflow:hidden } #pages .contentWide table ul li a{ width: 300px!important; } #pages .container{ width: 300px!important; } #pages .container .margin{padding: 0px!important;} #pages .two_colums .contentNarrow{ width: 300px!important;margin:0px;padding:0px !important; /* UCLH */ } .areaDescription td{padding: 0px;display:block!important;clear:both;float:none;margin:auto;width:300px;} .areaDescription div img{ max-width: 300px!important; } .frame_margin2 ul li div{font-size:16px;} .youtube embed{width:100% !important;} .mobile_show {display:block !important;} .mobile_hide {display:none !important;} /* left hand column ================================================== */ #pages .column_right_narrow .ms-WPBorderBorderOnly {background: none;} #pages .container .column_left{ width: 300px!important;padding:0px !important;/* UCLH */ } #pages .column_right_narrow .side_frame .customWP_PDFLinksBorder .green_top ,.customWP_PDFLinksContent{background-image: none!important;margin:0px!important;width:300px} #pages .column_right_narrow .ms-WPBorderBorderOnly{background-image: none!important;} /* right hand column ================================================== */ #pages .column_right_narrow .side_frame .ms-WPBody{ width: 300px!important; } #pages .column_right_narrow{ width: 300px!important; } #pages .column_right_narrow .side_frame table table table{ width: 300px!important; } #pages .customWP_Transfer a.green_button{ width: 300px!important;background: none !important; } #pages .column_right_narrow table .ms-WPHeader{ background: none !important; } #pages .column_right_narrow table .ms-WPBody2,#pages .column_right_narrow table .ms-WPBody{ width: 300px!important;background: none !important; } #pages .column_right_narrow table .ms-WPBorder{background: none!important; } .addresswebpart3{margin-left: 0px !important;} .addresswebpart2 {font-size: 16px !important;} .addresswebpart2 p{padding: 10px 0px !important;} .addresswebpart a span{font-size:16px !important;} .addresswebpart .ms-rteCustom-UCLH_Header_3rdLevel{border-top: 1px solid #cccccc;font-size: 20px !important;margin: 0px 0px !important;padding: 5px 0px;width: 100%;display: block;} /* ================================================== GP Page layout ================================================== */ #pages .contentlower .column_right_narrow TABLE{ width: 300px!important; } /*#pages .column_right_narrow table .ms-WPBody p{ margin:0 auto;}*/ #pages .ms-WPBorder .cbq-layout-main .link-item{ width:100%;} #pages .content.two_colums .contentWideNews{ width: 300px!important; margin-left:0px;} #pages .content.two_colums .contentWideNews h1{padding-left:10px;} #home_content .bottomAreaContent .outerdiv_box3{float:none} /* ================================================== Our Services Page layout ================================================== */ #pagetitle{width: 300px!important;margin:0px auto!important;overflow:hidden } #pagetitle-inner{width: 286px !important;margin:0px !important } #pages .container .margin > div[style^=text-align]{ width: 300px!important;margin:0px auto!important; } #pages .container .margin > div[style^=text-align] > div{ width: 300px!important;padding:10px 0px !important } #pages .container #rotator ul li .center{ width: 300px; } #pages .container .margin > div[style^=text-align] > div table tr{width: 200px!important;padding:10px 0px !important } #pages .container .margin > div[style^=text-align] .ms-WPBody div[style^=margin] a{width: 306px!important;margin:0 auto;display:block; } #pages .container .margin div iframe{width: 300px!important;float:left;} #pages .contentNarrow[style^=width]{max-width: 300px!important;float:left;} #accordion_webpart{max-width: 300px!important;} #accordion_webpart .pane.apane_Blue .hasMargins{ padding:0px; } #pages .contentNarrow table{width: 300px!important;} .content.two_colums .contentb table #WebPartWPQ4 table tr td p a img{width: 300px!important;margin-left:-12px;} .SearchControl .divSearchControl label {margin: 0px 10px 0 10px !important;} .column_right_narrow .side_frame div.ms-WPBody div#linkitem{ margin:6px 0px 6px 4px } .column_right_narrow .side_frame div.ms-WPBody div#linkitem a{width:auto;} .MiniNavUL {width: 300px!important;margin: 0px!important;background: #fff url(/sitecollectionimages/branding/home-content-background.jpg) repeat-x;padding: 0px !important;}.MiniNavUL li{display: inline-block;} .MiniNavUL li div{width: 299px!important;} .MiniNavUL li div a:link {;padding: 5px 10px;} tr.ms-rteTableHeaderRow-1 td.ms-rteTableHeaderOddCol-1,tr.ms-rteTableHeaderRow-1 td.ms-rteTableHeaderEvenCol-1{width: 29%!important;float:left;clear:none;} tr.ms-rteTableEvenRow-1 td.ms-rteTableOddCol-1,tr.ms-rteTableEvenRow-1 td.ms-rteTableEvenCol-1,tr.ms-rteTableOddRow-1 td.ms-rteTableEvenCol-1{width: 29%!important;float:left;clear:none;word-wrap: break-word;} tr.ms-rteTableOddRow-1 td.ms-rteTableOddCol-1,tr.ms-rteTableOddRow-1 td.ms-rteTableOddEven-1{width:29%!important;float:left;clear:none;word-wrap: break-word;} tr.ms-rteTableFooterRow-1 td.ms-rteTableFooterOddCol-1{width: 30%!important;float:left;clear:none;} .ignore tr.ms-rteTableHeaderRow-1 td.ms-rteTableHeaderOddCol-1,.ignore tr.ms-rteTableHeaderRow-1 td.ms-rteTableHeaderEvenCol-1{width: 100%!important;float:left;clear:none;} .ignore tr.ms-rteTableEvenRow-1 td.ms-rteTableOddCol-1,.ignore tr.ms-rteTableEvenRow-1 td.ms-rteTableEvenCol-1,.ignore tr.ms-rteTableOddRow-1 td.ms-rteTableEvenCol-1{width: 100%!important;float:left;clear:none;word-wrap: break-word;} .ignore tr.ms-rteTableOddRow-1 td.ms-rteTableOddCol-1,.ignore tr.ms-rteTableOddRow-1 td.ms-rteTableOddEven-1{width:100%!important;float:left;clear:none;word-wrap: break-word;} .ignore tr.ms-rteTableFooterRow-1 td.ms-rteTableFooterOddCol-1{width: 100%!important;float:left;clear:none;} /* ================================================== our hospital pages layout ================================================== */ #pages td, #pages th {display: block;vertical-align: inherit;font-size: 16px;font-family:Arial, Helvetica, sans-serif;} #pages td.ms-rteTableFirstCol-1,#pages td.ms-rteTableHeaderFirstCol-1{width: 290px!important;} #WebPartWPQ6 td{width: 300px!important;} ul.tabs li{width: 60px!important;display:none !important;} .content.two_colums ul.tabs a{padding:10px 0px} #ctl00_PlaceHolderMain_EditPictureA img{width: 300px!important;} .contentNarrow table tr td img{margin:0 auto;width:280px!important;float:none} .contentNarrow .teamphotos tr td img{margin:0 auto;width:auto !important;float:none} .contentNarrow table tr td #map-canvas img{width:auto !important;} .contentNarrow table tr td .AEBannerContainer {background-color: #FFFFFF !important; width:300px !important; height:200px !important;} .contentNarrow table tr td .AEBannerContainer img{width:100% !important;height: 100% !important;float:left} #SRSB img{margin:0 auto;width:29px!important;float:none} #SRSB td{background:#ffffff !important;display:inline-block !important;padding: 0px !important;} ul.toplevel li a img{width:50px!important} .toplevel {width: 300px!important;} .column_right_narrow .side_frame div.ms-WPBody a img{margin:0 auto} .column_right_narrow .side_frame div.ms-WPBody div{margin:0 auto;float:none;width:209px;} .column_right_narrow .side_frame div.ms-WPBody a{/*display: block;*/float: none;width: 209px;margin: 0 auto;} .contentNarrow table tr td img.uclhplus{margin:0 auto;width:auto} #ctl00_SPWebPartManagerNew1_g_8d3ab0cf_b2c4_4647_8996_4b7d9f6d8178,.customWP_PDFLinksBorder{width: 300px!important;} .contentNarrow table tr td a img.uclhplus {width: 15px!important;} /* ================================================== service referral pages. ================================================== */ #pages .contentb{width: 300px!important;} .service_select .serv_select_list ul li{width: 100%!important;} /* ================================================== Search pages. ================================================== */ .content .bestBetsArea table td div.ms-WPBody{width: 300px!important;} /* ================================================== service referral pages. ================================================== */ .contentb .ms-rteTable-1 td.ms-rteTableHeaderOddCol-1,.contentb .ms-rteTable-1 tr.ms-rteTableOddRow-1 td,.contentb .ms-rteTable-1 tr.ms-rteTableEvenRow-1 td{display:table-cell!important;width:100%;} .contentb .ms-rteTable-1 tr.ms-rteTableHeaderRow-1{margin:0px!important; padding:0px!important;width:100%!important;height:55px!important;float:left} .contentb .ms-rteTable-1 tr.ms-rteTableHeaderRow-1 .ms-rteTableHeaderOddCol-1{margin:0px!important; padding:0px!important;width:30%!important;float:left} .contentb .ms-rteTable-1 tr.ms-rteTableHeaderRow-1 .ms-rteTableHeaderEvenCol-1{margin:0px!important; padding:0px!important;width:30%!important;float:left} .contentb .ms-rteTable-1 tr.ms-rteTableHeaderRow-1 .ms-rteTableHeaderOddCol-1:nth-of-type(1){margin:0px!important; padding:0px!important;width:37%!important;float:left} .contentb .ms-rteTable-1 tr.ms-rteTableOddRow-1 td{margin:0px!important; padding:2px!important;width:30%!important;height:55px;float:left;word-break:break-all;} .contentb .ms-rteTable-1 tr.ms-rteTableEvenRow-1 td{margin:0px!important; padding:2px!important;width:30%!important;height:55px;float:left;word-break:break-all;} .contentb .ms-rteTable-1 tr.ms-rteTableOddRow-1 td.ms-rteTableOddCol-1:nth-of-type(1){margin:0px!important; padding:2px!important;width:36%!important;height:55px;float:left;word-break:normal;} .contentb .ms-rteTable-1 tr.ms-rteTableEvenRow-1 td.ms-rteTableOddCol-1:nth-of-type(1){margin:0px!important; padding:2px!important;width:36%!important;height:55px;float:left;word-break:normal;} /* ================================================== news articles pages. ================================================== */ .contentNarrow div#ctl00_PlaceHolderMain_ImageField__ControlWrapper_RichImageField span img,.contentNarrow .areaDescription #ctl00_PlaceHolderMain_UCLH_New_Text_Field__ControlWrapper_RichHtmlField p img{width: 280px;} #pages .column_right_narrow .ms-WPBody p {width: 98%!important;margin:0px;} #pages .ms-WPBorder .cbq-layout-main .link-item {width: 89%;} tr#group0 td.uclh_ms-gb{display:table-cell;height:auto!important;} /* ================================================== Service A-Z and Consultant A-Z. ================================================== */ .searchTextBoxLeft{display:none;} .SearchControl .divRefineYourResults span{float: left;width: 42%!important;padding-right:10px!important;clear:none;} .searchTextBoxMiddle{width: 118px!important;margin-left:10px!important;} .customWP_consProfile p img{padding-right:4px;clear:right!important;padding-bottom:4px;float:left!important;margin-right:40%!important} .customWP_consProfile p{word-break:break-all;} #pages .container .content #ctl00_PlaceHolderMain_UCLH_ConsultantBackground1__ControlWrapper_RichHtmlField div{padding:10px;width: 93%;margin:0px!important;} #pages .container .content div.customWP_ServiceHospLocations a{margin-left:0px!important;padding:0px;} #pages .container .content p.customWP_ServiceHospLocations_text{margin-left:10px!important;padding:0px;} .two_colums .column_right_narrow .side_frame div.ms-WPBody ul li a{margin-left:0px!important;padding:0px;} .two_colums .column_right_narrow .side_frame div.ms-WPBody div.customWP_ServiceHospLocations_text p{margin-left:21px!important;padding:0px;width:93%} .two_colums .column_right_narrow .side_frame div.ms-WPBody div.customWP_ServiceHospLocations_text{margin-left:0px!important;padding:0px;width:100%} .two_colums .column_right_narrow .side_frame div.ms-WPBody div.customWP_ServiceHospLocations_text div.customWP_ServiceHospLocations_text{margin-left:0px!important;padding:0px;} .two_colums .column_right_narrow .side_frame div.ms-WPBody div.customWP_ServiceHospLocations{margin-left:0px!important;padding:0px;width:100%} /* ================================================== Search pages. ================================================== */ .content .headerArea, .content .resultsArea{width: 300px!important;padding:0px!important;} .content .headerArea table, .content .resultsArea table{width: 300px!important;padding:0px!important;word-break:break-all;} .content .bestBetsArea table td div.ms-WPBody{width: 189px!important;} .content .bestBetsArea{width: 189px!important;background-image:none!important;float:none!important;margin:0 auto!important} .content .bestBetsArea table td div.ms-WPBody div[style^=height]{display:none;} .content .bestBetsArea table td div.ms-WPBody a img{margin:0px!important;} .SearchControl{width:300px!important;float:none!important;/*margin:0 auto!important;*/height:100%!important} .divRefineYourResults span{width:100%;clear:both;display:block} .searchText{width:101px!important;} .contentb .SearchControl .divRefineYourResults {margin: 0px 0 0 10px;height: 36px;clear: both;} #service_select {width: 290px;} #accordion{width:300px!important;} #accordion div a img{width:auto!important;} #accordion div.pane div{max-width:290px!important;} /* ================================================== News and Events pages. ================================================== */ #ne_searchresults ul.ne_content li.ne_item img{width: 127px!important;margin: 0px 15px 15px 0px;float:left;} #ne_searchresults ul.ne_content li.ne_item p{padding:0px;} #pages .contentNarrow ul.ne_content{width: 280px;padding:5px} .areaDescription div ul.ne_content li.ne_item a {word-break: normal;display: block;float: left;width: 50%;} .contentNarrow #hidecaption .newscaption{min-width:300px!important;width:300px!important} /* ================================================== Annual report, annual plan and quality account pages. ================================================== */ #pages .contentNarrow table#onetidDoclibViewTbl0 {width: 300px!important;/*word-break:break-all;*/} #pages .contentNarrow table#onetidDoclibViewTbl0 tr th{display:table-cell;width:146px;float:left;height:50px;} #pages .contentNarrow table#onetidDoclibViewTbl0 tr th table{width: auto!important;} #pages .contentNarrow table#onetidDoclibViewTbl0 tr th table img{width: auto!important;} #pages .contentNarrow table#onetidDoclibViewTbl0 tr td.ms-vb2{display:table-cell;width:143px;float:left;height:83px;padding:8px 2px !important} #pages .contentNarrow table.ms-bottompaging tr td.ms-vb table tr td a img{width: auto!important;} #pages .contentNarrow table.ms-bottompaging tr td.ms-vb table tr td{display:table-cell;} #pages .content .ms-vh2 .ms-unselectedtitle .ms-vb {width: 78px;} #pages .contentNarrow table[summary*="Patient"] tr th{width:96px!important;} #pages .contentNarrow table[summary*="Patient"] tr td.ms-vb2{width:93px!important;height:161px!important} /* ================================================== About us pages. ================================================== */ #accordion_performace{width: 300px!important;} .leftCol{width: 160px!important;} .rightCol{width: 90px!important;} .customWP_Transfer{width: 300px!important;margin-left:-45px!important;} /* .areaDescription div ul li a{word-break:break-all} */ .areaDescription #ctl00_PlaceHolderMain_UCLH_StandardContentPageDescription__ControlWrapper_RichHtmlField div ul li a{word-break:break-word} #pages .contentNarrow table[summary^=EIA] tr.ms-viewheadertr th.ms-vh2{width:19%;height:227px;float:left;word-wrap: break-word;} #pages .contentNarrow table[summary^=EIA] tr.ms-viewheadertr th.ms-vh2 table[name^=Title] {width: 19%!important;} #pages .content table[summary^=EIA] tr.ms-viewheadertr th.ms-vh2 table.ms-selectedtitle {width: 19%!important;} #pages .content table[summary^=EIA] tr.ms-viewheadertr th.ms-vh2 table.ms-selectedtitle .ms-vb {width: 78px;height:65px;padding:4px;} #pages .contentNarrow table[summary^=EIA] tr.ms-viewheadertr th.ms-vh2 div table.ms-unselectedtitle tr td.ms-vb{width: 78px!important;height: 59px;padding:4px;display:block!important} #pages .contentNarrow table[summary^=EIA] tr.ms-viewheadertr th.ms-vh2 div table.ms-unselectedtitle tr td{display:none!important} #pages .contentNarrow table[summary^=EIA] tr.ms-viewheadertr th.ms-vh2 div table.ms-unselectedtitle tr td.ms-vb img{display:none} #pages .contentNarrow table[summary^=EIA] tr td.ms-vb2{width:18%;height:159px;float:left;word-wrap: break-word;padding:3px!important;} #accordion_vid {width: 300px!important;} /* ================================================== About us pages. ================================================== */ .contentNarrow table tr td .profiles img{width:150px!important;} .profilelist{display:none;} #pages .container .content .profiles p, #pages .container .contentNarrow .profiles p{padding-left:0px !important;} .profile_main{padding:0px 10px 0px 10px !important;} /* Font ================================================== */ body #pages .breadcrumb,.hidenav a,#pages .container .cbq-layout-main .link-item a,#pages .container .slm-layout-main .link-item a{font-size:16px!important;} .top_menu #zz1_TopNavigationMenu .ms-topnavUCLH a{font-size:18px!important;} #pages .container .contentlower .contentNarrow h1{font-size:28px;} .container .content ul,#footer a,#pages .container .content{font-size:16px!important;} .container .ms-rteCustom-UCLH_Header_2ndLevel{font-size:16px;} #pages .container .content p,#pages .container .contentNarrow p{font-size:16px;padding:10px;width: 93%;margin:0px!important;} .ms-WPBody ,.ms-rteCustom-UCLH_Text_Body{font-size: 16px!important;} .SearchResults .srch-Description{font-size:16px;} #pages .container .ms-WPHeader .ms-standardheader {font-size: 18px !important;padding: 0px 0 10px 2px!important;} #pages .container .content p font{font-size:16px!important;} } /* #Mobile (Landscape) ================================================== */ /* Note: Design for a width of 480px */ @media screen and (min-width: 480px) and (max-width: 767px) { /* ================================================== Home page ================================================== */ #header ,#pages{ width: 480px!important;margin:0 auto!important; } .newnarrow{ width: 480px!important;margin:0px!important; } #aspnetForm #footer { /*width: 480px!important;*/margin:0 auto;margin-top: 20px; /* padding:78px 0 0 0; */ float:none } .yui-skin-sam #footer { /*width: 480px!important;*/margin:0 auto;margin-top: 20px; /* padding:78px 0 0 0; */ float:none } #header .container { width:480px!important;} #aspnetForm #footer #footercontent { width: 397px!important;margin:0 auto; padding: 35px 10px 30px 80px;float:none;background: #333 url(/sitecollectionimages/branding/footermarque.png) no-repeat !important;background-position:10px 35px !important;background-size: 55px !important; } .yui-skin-sam #footer #footercontent { width: 397px!important;margin:0 auto; padding: 35px 10px 30px 80px;float:none;background: #333 url(/sitecollectionimages/branding/footermarque.png) no-repeat !important;background-position:10px 35px !important;background-size: 55px !important; } .container .search {float: none;width: 202px;margin: 0 auto;} #header .container .nhs_top_logo {margin: 0 auto;} /*#ctl00_UCLH_GetListTextWebPart1{ width: 96%!important; }*/ /* Menu ================================================== */ #header .top_menu{width: 480px!important;height:100%!important} .top_menu td {display: block;} .ms-topnavselectedUCLH a {padding: 14px 0px 14px;} #zz1_TopNavigationMenu_5 td{white-space:pre-wrap!important;display:block;width:300px;clear:both} .top_menu .ms-topnavUCLH a{padding: 10px 0px 9px;} #zz1_TopNavigationMenu_5 td a{width: auto;line-height: 14px;padding: 10px 0px 9px;} #ms-topnavUCLH {height:26px!important;} #zz1_TopNavigationMenun1 td a{white-space:pre-wrap!important;display:block;/*width:100%;*/clear:both;border-top: 1px solid #fff!important;} #zz1_TopNavigationMenun2 td a{white-space:pre-wrap!important;display:block;/*width:100%;*/clear:both;border-top: 1px solid #fff!important;} #zz1_TopNavigationMenun3 td a{white-space:pre-wrap!important;display:block;/*width:100%;*/clear:both;border-top: 1px solid #fff!important;} #zz1_TopNavigationMenun4 td a{white-space:pre-wrap!important;display:block;/*width:100%;*/clear:both;border-top: 1px solid #fff!important;} #zz1_TopNavigationMenun5 td a{white-space:pre-wrap!important;display:block;/*width:100%;*/clear:both;border-top: 1px solid #fff!important;} #zz1_TopNavigationMenun6 td a{white-space:pre-wrap!important;display:block;/*width:100%;*/clear:both;border-top: 1px solid #fff!important;} #zz1_TopNavigationMenun7 td a{white-space:pre-wrap!important;display:block;/*width:100%;*/clear:both;border-top: 1px solid #fff!important;} #zz1_TopNavigationMenun8 td a{white-space:pre-wrap!important;display:block;/*width:100%;*/clear:both;border-top: 1px solid #fff!important;} .hidenav .panelParentOfCurrent0 {padding: 0px;margin:0px;background: none transparent!important;font-family: Arial, Helvetica, sans-serif;} .hidenav .panelParentOfCurrent0 a{_padding: 14px 15px 14px;background: url("/sitecollectionimages/branding/Open.jpg") no-repeat scroll left top #9edad2 !important;background-size:301px !important;font-family: Arial, Helvetica, sans-serif;font-size: 1.2em;font-size: 16px;font-weight: bold;margin-top: 0px;padding: 15px 15px 15px 48px;color: #00727C!important;} .hidenav .panelParentOfCurrent0 a.active{background: url("/sitecollectionimages/branding/Close.jpg") no-repeat scroll left top #9edad2 !important;background-size:301px !important;} .nodeList0{width:100%!important;/* UCLH */ background:none #FFFFFF;font-family: Arial, Helvetica, sans-serif !important;list-style: none outside none;padding: 10px 10px 0px 10px;margin: 0px!important /* UCLH */;} .nodeList1 {font-size: 14px;font-family: Arial, Helvetica, sans-serif !important;list-style: none outside none;padding:0px!important;border-top:1px solid #fff} .panelChildOfCurrent1 {background: url("/sitecollectionimages/sub-menu-arrow.gif") no-repeat scroll 0px 14px transparent;} .panelItem1 a, .panelChildOfCurrent1 a {color: #333333 !important;display: block;margin: 0;padding: 8px 0 6px 10px;} .panelItem1{background:none #c8d9be !important;} .nodeChildOfCurrentItemL2 {background-color: #ebebeb!important;border-bottom: 1px solid #fff;} .panelParentOfCurrent1{padding:0px!important;border-bottom: 1px solid #fff;background-color:#698a81!important} .panelParentOfCurrent1 a{background: url("/sitecollectionimages/branding/OpenSmall.jpg") no-repeat scroll 10px 7px transparent !important;padding: 8px 0px 6px 32px;} .panelParentOfCurrent1 a.active{background: url("/sitecollectionimages/branding/CloseSmall.jpg") no-repeat scroll 10px 7px transparent !important;padding: 8px 0px 6px 32px;} .panelChildOfCurrent2{background:none transparent!important;} .hidenav .panelItem2 a,.hidenav .panelChildOfCurrent2 a,.panelItem1 a,.hidenav .panelChildOfCurrent1 a {color: #333333!important;} .panelItem1,.nodeChildOfCurrentItemL1 .panelChildOfCurrent1{background:none #c8d9be !important;border-bottom: solid 1px #EBEDF0;} .column_left .side_frame{width: 100%!important} .bottom{background:none transparent!important;} .top_menu{display:none;} /* Home page layout ================================================== */ #rotator ul li .center{width: 194px;float:left;} #home_content{width: 100%;} #rotator ul li .center .left {width: 380px;height: 153px;margin-top: 173px;} .hospitalContainer{} #rotator h1 {font-size: 16px;} #rotator ul li .center .left {width: 229px!important;} #header .newnarrow{ width: 480px!important; } #home_content .newnarrow{ width: 480px!important; margin:0px;} .outerdiv_carousel,.outerdiv_box3,.outerdiv_box2,.outerdiv_box3_lower,.outerdiv_carousel_lower,.outerdiv_box2_lower,#home_content .outerdiv_box3,#home_content .outerdiv_box3_lower{ width: 480px!important; float:none;} .outerdiv_carousel .carousel ol.main{ width: 480px!important;height: 150px !important;min-height: 150px!important; } .carousel li p a{ width: 320px!important;height: 47px!important;padding: 2px 5px 0px 5px!important;font-size: 18px!important;} .outerdiv_box2 table td img,.outerdiv_box3 table td img,.outerdiv_box3_lower table td img,.outerdiv_carousel_lower table td img,.outerdiv_box2_lower table td img,.outerdiv_carousel div a img{ width: 480px!important;clear:both;float:left;height:auto!important }*/ .bottomAreaContent {padding: 0px 10px 0px 0px;} .carousel ol.main sli img{ width: 150px!important; height:150px!important} #pages .hospitalContainer{left:0%;width: 100%;position:relative;margin:0 auto 10px;height:auto;} #hosp-menu{padding: 0px ;position:relative;width:100%;top:0px;} #hosp-menu h1{background: url("/sitecollectionimages/branding/Open.jpg") no-repeat scroll left top #9edad2 !important;background-size:301px !important;padding:14px 10px 14px 44px;border-bottom:1px solid #fff} #hosp-menu h1.active{background: url("/sitecollectionimages/branding/Close.jpg") no-repeat scroll left top #9edad2 !important;background-size:301px !important;padding:14px 10px 14px 44px;} #hosp-menu h1:hover{cursor:pointer;} #hosp-menu li a:hover{color:#fff!important;} #hosp-menu li {margin: 0px 0px 0px 0px;padding:0px;width: 100%;border-bottom: 1px solid #fff;border-top: 0px solid #D3D3D3;display: block;background-color:#c8d9be !important} #hosp-menu li a{margin: 0px 0px 0px 0px;padding:8px 0 6px 10px;font-size:16px!important;color:#333!important} #hosp-menu .tooltip{display:none!important;} .bottomAreaContent{position:relative;} .outerdiv_box3{padding-top:170px!important} .outerdiv_carousel{top:10px;position:absolute} /* ================================================== Content page master page ================================================== */ #pages .column_left{ width: 380px!important; } #pages .breadcrumb{ width: 480px!important;margin-left:0PX; } .breadcrumbCurrent {white-space: nowrap;} #pages .print{display:none} #pages .two_colums{ width: 480px!important; clear:both} #pages .contentWide{ width: 480px!important;overflow:hidden } #pages .contentWide table ul li a{ width: 474px!important; } #pages .container{ width: 480px!important; } #pages .container .margin{padding: 0px!important;} #pages .two_colums .contentNarrow{ width: 480px!important;margin:0px; } #pages .contentNarrow ul li{ width: 90%!important; } .areaDescription div img{ max-width: 480px!important; } .youtube embed{width:100% !important;} /* left hand column ================================================== */ #pages .container .column_left{ width: 480px!important; } /* right hand column ================================================== */ #pages .column_right_narrow .side_frame .ms-WPBody{ width: 466px!important; } #pages .column_right_narrow{ width: 480px!important; } #pages .column_right_narrow .side_frame table table table{ width: 480px!important; } #pages .customWP_Transfer a.green_button{ width: 466px!important;background: none !important; } #pages .column_right_narrow table .ms-WPHeader{ background: none!important; } #pages .column_right_narrow table .ms-WPBody2,#pages .column_right_narrow table .ms-WPBody{ width: 466px!important;background: none !important; } #pages .column_right_narrow table .ms-WPBorder{background:none!important; } #pages .column_right_narrow .side_frame .customWP_PDFLinksBorder .green_top ,.customWP_PDFLinksContent{background-image: none!important;margin:0px!important;width:480px} #ctl00_SPWebPartManagerNew1_g_8d3ab0cf_b2c4_4647_8996_4b7d9f6d8178, .customWP_PDFLinksBorder {width:480px!important;} .addresswebpart3{margin-left: 0px !important;} .addresswebpart a span{font-size:16px !important;} /* ================================================== GP Page layout ================================================== */ #pages .contentlower .column_right_narrow TABLE{ width: 480px!important; } /*#pages .column_right_narrow table .ms-WPBody p{ margin:0 auto;}*/ #pages .ms-WPBorder .cbq-layout-main .link-item{ width:100%;} #pages .content.two_colums .contentWideNews{ width: 465px!important; margin-left:0px;} #pages .content.two_colums .contentWideNews h1{padding-left:10px;} #home_content .bottomAreaContent .outerdiv_box3{float:none} /* ================================================== About us pages. ================================================== */ .customWP_Transfer{width: 480px!important;margin-left:-128px!important;} /* .areaDescription div ul li a{word-break:break-all} */ #pages .contentNarrow table[summary^=EIA] tr.ms-viewheadertr th.ms-vh2{width:19%;height:76px;float:left;word-wrap: break-word;} #pages .contentNarrow table[summary^=EIA] tr.ms-viewheadertr th.ms-vh2 table[name^=Title] {width: 19%!important;} #pages .content table[summary^=EIA] tr.ms-viewheadertr th.ms-vh2 table.ms-selectedtitle {width: 17%!important;} #pages .content table[summary^=EIA] tr.ms-viewheadertr th.ms-vh2 table.ms-selectedtitle .ms-vb {width: 78px;height:65px;padding:4px;} #pages .contentNarrow table[summary^=EIA] tr.ms-viewheadertr th.ms-vh2 div table.ms-unselectedtitle tr td.ms-vb{width: 78px!important;height: 59px;padding:4px;display:block!important} #pages .contentNarrow table[summary^=EIA] tr.ms-viewheadertr th.ms-vh2 div table.ms-unselectedtitle tr td{display:none!important} #pages .contentNarrow table[summary^=EIA] tr.ms-viewheadertr th.ms-vh2 div table.ms-unselectedtitle tr td.ms-vb img{display:none} #pages .contentNarrow table[summary^=EIA] tr td.ms-vb2{width:18%;height:159px;float:left;word-wrap: break-word;padding:3px!important;} /* ================================================== Our Services Page layout ================================================== */ #pagetitle{width: 480px!important;margin:0px auto!important;overflow:hidden } #pagetitle-inner{width: 444px!important;margin:0px !important } #pages .container .margin > div[style^=text-align]{ width: 480px!important;margin:0px auto!important; } #pages .container .margin > div[style^=text-align] > div{ width: 480px!important;padding:10px 0px !important } #pages .margin #pages .container .margin > div[style^=text-align] > div #pages .contentNarrow{width: 480px!important;margin:0px !important } #pages .container #rotator ul li .center{ width: 480px; } #pages .container .margin > div[style^=text-align] > div table tr{width: 200px!important;padding:10px 0px !important } #pages .container .margin > div[style^=text-align] .ms-WPBody div[style^=margin] a{width: 306px!important;margin:0 auto;display:block; } #pages .container .margin div iframe{width: 480px!important;float:left;} #pages .contentNarrow[style^=width]{max-width: 480px!important;float:left;} #accordion_webpart{max-width: 480px!important;} #accordion_webpart .pane.apane_Blue .hasMargins{ padding:0px; } #pages .contentNarrow table{width: 464px!important;} .content.two_colums .contentb table #WebPartWPQ4 table tr td p a img{width:460px!important;margin:0 auto;} #service_select {padding: 3px 0px 0px 0px;background-color: #CCCCCC;margin: 0px 0px 0px 0px;width: 92%;} .toplevel {width: 480px!important;} .SearchControl .divSearchControl label {margin: 0px 10px 0 10px !important;} .MiniNavUL {width: 480px!important;margin: 0px!important;background: #fff url(/sitecollectionimages/branding/home-content-background.jpg) repeat-x;padding: 0px !important;}.MiniNavUL li{display: inline-block;} .MiniNavUL li div{width: 462px!important;} .MiniNavUL li div a:link {padding: 5px 10px;} /* ================================================== our hospital pages layout ================================================== */ #pages td, #pages th {display: block;vertical-align: inherit;font-size: 16px;font-family:Arial, Helvetica, sans-serif;} #pages td.ms-rteTableFirstCol-1,#pages td.ms-rteTableHeaderFirstCol-1{width: 450px!important;} #WebPartWPQ6 td{width: 464px!important;} #pages .contentNarrow ul.tabs li{width: 91px!important;} .content.two_colums ul.tabs a{padding:10px 0px} #ctl00_PlaceHolderMain_EditPictureA img{width: 480px!important;} /*.contentNarrow table tr td img{margin:0 auto;width:480px}*/ ul.toplevel li a img{width:50px!important} .column_right_narrow .side_frame div.ms-WPBody a img{margin:0 auto} .column_right_narrow .side_frame div.ms-WPBody div{margin:0 auto;float:none;width:209px;} .column_right_narrow .side_frame div.ms-WPBody a{display: block;float: none;width: 209px;margin: 0 auto;} .contentNarrow table tr td .AEBannerContainer {background-color: #FFFFFF !important; width:480px !important; height:318px !important;} .contentNarrow table tr td .AEBannerContainer img{width:100% !important;height: 100% !important;float:left} /* ================================================== Service A-Z and Consultant A-Z. ================================================== */ #pages .contentb{width: 480px!important;} .service_select .serv_select_list ul li{width: 50%!important;} .searchTextBoxLeft{display:none;} .SearchControl .divRefineYourResults span{float: left;width: 27%!important;padding: 0px 0px 0px 0px;} .searchTextBoxMiddle{margin-left:10px;} .column_right_narrow .side_frame div.ms-WPBody ul li div.customWP_ServiceHospLocations{margin:0;float:none;width:100%;} .column_right_narrow .side_frame div.ms-WPBody ul li div.customWP_ServiceHospLocations a{margin:0;float:none;width:100%;} #pages .container .content div.customWP_ServiceHospLocations a{margin-left:0px!important;padding:0px;} #pages .container .content p.customWP_ServiceHospLocations_text{margin-left:10px!important;padding:0px;} .two_colums .column_right_narrow .side_frame div.ms-WPBody ul li a{margin-left:0px!important;padding:0px;} .two_colums .column_right_narrow .side_frame div.ms-WPBody div.customWP_ServiceHospLocations_text p{margin-left:21px!important;padding:0px;width:93%} .two_colums .column_right_narrow .side_frame div.ms-WPBody div.customWP_ServiceHospLocations_text{margin-left:0px!important;padding:0px;width:100%} .two_colums .column_right_narrow .side_frame div.ms-WPBody div.customWP_ServiceHospLocations_text div.customWP_ServiceHospLocations_text{margin-left:0px!important;padding:0px;} .two_colums .column_right_narrow .side_frame div.ms-WPBody div.customWP_ServiceHospLocations{margin-left:0px!important;padding:0px;width:100%} /* ================================================== service referral pages. ================================================== */ .contentb .ms-rteTable-1 td.ms-rteTableHeaderOddCol-1,.contentb .ms-rteTable-1 tr.ms-rteTableOddRow-1 td,.contentb .ms-rteTable-1 tr.ms-rteTableEvenRow-1 td{display:table-cell!important;width:100%;} /* ================================================== news articles pages. ================================================== */ .contentNarrow div#ctl00_PlaceHolderMain_ImageField__ControlWrapper_RichImageField span img,.contentNarrow .areaDescription #ctl00_PlaceHolderMain_UCLH_New_Text_Field__ControlWrapper_RichHtmlField p img{width: 448px;max-width:448px!important} #pages .column_right_narrow .ms-WPBody p {width: 93%!important;} #pages .ms-WPBorder .cbq-layout-main .link-item {width: 89%;} /* ================================================== Search pages. ================================================== */ .content .headerArea, .content .resultsArea{width: 470px!important;padding:0px!important;} .content .headerArea table, .content .resultsArea table{width: 470px!important;padding:0px!important;word-break:break-all;} .content .bestBetsArea table td div.ms-WPBody{width: 386px!important;} .content .bestBetsArea{width: 386px!important;background-image:none!important;float:none!important;margin:0 auto!important} .content .bestBetsArea table td div.ms-WPBody div[style^=height]{display:none;} .content .bestBetsArea table td div.ms-WPBody a img{margin:0px!important;} .SearchControl{float:none!important;margin:0 auto!important;width:100%!important} .divRefineYourResults span{width:100%;clear:both;display:block} .divRefineYourResults span.refineOption1,.divRefineYourResults span.refineOption2{width:100%;clear:none;display:block} .searchTextBoxMiddle{width: 257px!important;} #accordion{width:480px!important;} #accordion div a img{width:auto!important;} #accordion div.pane div{max-width:340px!important;} /* ================================================== News and Events pages. ================================================== */ #ne_searchresults ul.ne_content li.ne_item img{width: 127px!important;margin: 0px 15px 15px 0px;float:left} #ne_searchresults ul.ne_content li.ne_item p{padding:0px;width:100%;} #pages .contentNarrow ul.ne_content{width: 480px;} /* ================================================== Annual report, annual plan and quality account pages. ================================================== */ #pages .contentNarrow table#onetidDoclibViewTbl0 {width: 464px!important;} #pages .contentNarrow table#onetidDoclibViewTbl0 tr th{display:table-cell;width:228px;float:left;height:50px;} #pages .contentNarrow table#onetidDoclibViewTbl0 tr th table{width: auto!important;} #pages .contentNarrow table#onetidDoclibViewTbl0 tr th table img{width: auto!important;} #pages .contentNarrow table#onetidDoclibViewTbl0 tr td.ms-vb2{display:table-cell;width:224px;float:left;height:50px;padding:8px 2px !important} #pages .contentNarrow table.ms-bottompaging tr td.ms-vb table tr td a img{width: auto!important;} #pages .contentNarrow table.ms-bottompaging tr td.ms-vb table tr td{display:table-cell;} #pages .contentNarrow table[summary*="Patient"] tr th{width:151px!important;} #pages .contentNarrow table[summary*="Patient"] tr td.ms-vb2{width:148px!important;height:87px!important} /* Font ================================================== */ body #pages .breadcrumb,.hidenav a,#pages .container .cbq-layout-main .link-item a,#pages .container .slm-layout-main .link-item a{font-size:14px!important;} .top_menu #zz1_TopNavigationMenu .ms-topnavUCLH a{font-size:14px!important;} #pages .container .contentlower .contentNarrow h1{font-size:26px;} #pages .container .content p, #pages .container .contentNarrow p {font-size: 14px;} .container .content ul{font-size:14px;} .container .ms-rteCustom-UCLH_Header_2ndLevel{font-size:18px;} /*#txtnewsdate{margin-left:10px;}*/ /*#pages .container .content p{font-size:14px;width: inherit;m}*/ } @media screen and (min-width:959px) and (max-width: 1200px) { #header ,#pages { width: 1000px!important;margin: 0 auto; padding: 0; } #aspnetForm #footer { width: 1000px!important;margin: 0 auto; padding: 0;float:none } .yui-skin-sam #footer { width: 1000px!important;margin: 0 auto; padding: 0;float:none } #header .container { /*background: #fff url(/sitecollectionimages/branding/homepage-logo.jpg) no-repeat center top !important;*/width:100%} #pages .print{display:none} /* Menu ================================================== */ #header .top_menu{width: 1000px!important;} #pages .container .margin > div[style^=text-align] > div table tr{width: 1000px!important;padding:10px 0px !important } #pages .container .margin > div[style^=text-align] .ms-WPBody div[style^=margin] a{width: 1000px!important;margin:0 auto;display:block; } /* ================================================== Our Services Page layout ================================================== */ /* Home page ================================================== */ #pages .hospitalContainer{width: 194px;} #home_content{width: 1000px;} #header .newnarrow{ width: 1000px!important; } #home_content .newnarrow{ width: 1000px!important; margin:0px;} /* ================================================== Our Services Page layout ================================================== */ #pagetitle{width: 1000px!important;margin:0px auto !important;overflow:hidden } #pagetitle-inner{width: 1000px!important;margin:0px !important } #pages .container .margin > div[style^=text-align]{ width: 1000px!important;margin:0px auto!important; } #pages .container .margin > div[style^=text-align] > div{ width:1000px!important;padding:10px 0px !important } #pages .container #rotator ul li .center{ width:1000px; } #pages .container .margin > div[style^=text-align] > div table tr{width: 200px!important;padding:10px 0px !important } #pages .container .margin > div[style^=text-align] .ms-WPBody div[style^=margin] a{width: 306px!important;margin:0 auto;display:block; } .MiniNavUL {width: 1000px!important;margin: 0px!important;background: #fff url(/sitecollectionimages/branding/home-content-background.jpg) repeat-x;padding: 0px !important;}.MiniNavUL li{display: inline-block;} .MiniNavUL li div{} .MiniNavUL li div a:link {;padding: 5px 10px;} #aspnetForm #footer {padding: 78px 0 0 0;/*background: #fff url(/sitecollectionimages/branding/homepage-logo.jpg) no-repeat left top !important;*/} .yui-skin-sam #footer {padding: 78px 0 0 0;/*background: #fff url(/sitecollectionimages/branding/homepage-logo.jpg) no-repeat left top !important;*/} /* ================================================== font ================================================== */ #pages .content,.content ul,#pages .content p{font-size:14px!important;} } /* ================================================== Mobile menu styling ================================================== */ /* hide the link until viewport size is reached */ a.meanmenu-reveal {display: none;} /* when under viewport size, .mean-container is added to body */ .mean-container .mean-bar {float: left;width: 100%;position: relative;background: #00727C;padding: 4px 0;min-height: 42px;z-index: 999999;} .mean-container a.meanmenu-reveal {width: 22px;height: 22px;padding: 13px 13px 11px 13px;position: absolute;top: 0;right: 0;cursor: pointer;color: #fff;text-decoration: none;font-size: 16px;text-indent: -9999em;line-height: 22px;font-size: 1px;display: block;font-family: Arial, Helvetica, sans-serif;font-weight: 700;} .mean-container a.meanmenu-reveal span {display: block;background: #fff;height: 3px;margin-top: 3px;margin-bottom:6px;} .ms-topnavUCLH tr{display:block!important} .mean-container .mean-nav {float: left;width: 100%;background: #efefef;margin-top: 44px;} .mean-container .mean-nav tr {padding: 0;margin: 0;width: 100%;list-style-type: none;} .mean-container .mean-nav tr td {position: relative;float: left;width: 100%;} .mean-container .mean-nav tr td a {display: block;float: left;width: 90%;padding: 1em 5%;margin: 0;text-align: left;border-top: 1px solid #383838;border-top: 1px solid rgba(255,255,255,0.5);text-decoration: none;text-transform: uppercase;} .mean-container .mean-nav tr td.mean-last a {border-bottom: none;margin-bottom: 0} .mean-container .mean-nav tr td a.mean-expand {margin-top: 1px;width: 26px;height: 32px;padding: 12px !important;text-align: center;position: absolute;right: 0;top: 0;z-index: 2;font-weight: 700;background: rgba(255,255,255,0.1);border: none !important;border-left: 1px solid rgba(255,255,255,0.4) !important;border-bottom: 1px solid rgba(255,255,255,0.2) !important;} .mean-container .mean-nav tr td a.mean-expand:hover {background: rgba(0,0,0,0.9);} .mean-container .mean-push {float: left;width: 100%;padding: 0;margin: 0;clear: both;} .mean-nav .wrapper {width: 100%;padding: 0;margin: 0;} .mean-bar-text{width: 60px;height: 22px;padding: 16px 13px 11px 13px;position: absolute;top: 0;right: 39%;cursor: pointer;color: #fff;text-decoration: none;font-size: 16px;line-height: 22px;font-size: 24px;display: block;font-family: Arial, Helvetica, sans-serif;font-weight: normal;} /* Fix for box sizing on Foundation Framework etc. */ .mean-container .mean-bar, .mean-container .mean-bar * {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;} .mean-remove {display: none !important;} .mean-nav div img{display: none!important;height: 0px!important;width: 0px!important} .mean-nav div span.ms-topnavUCLH{white-space: pre-wrap!important;display: block;clear: both;border-top: 1px solid #fff!important;} .mean-nav div span.ms-topnavUCLH a{display: block;float: left;width: 90%;padding: 1em 5%;margin: 0;text-align: left;border-top: 1px solid #383838;border-top: 1px solid rgba(255,255,255,0.5);text-decoration: none;text-transform: uppercase;} /* ================================================== Alternate styles ================================================== */ #pages .content .dlcPagingNavDiv .pagingPreviousButton,#pages .content .dlcPagingNavDiv .pagingNextButton{width: 48px!important;} .MiniNavUL {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;} .MiniNavUL li{display: inline-block;zoom: 1;} .MiniNavUL li div{background-image: none;border-left: solid 0px #FFFFFF;border-right: solid 2px #FFFFFF;border-bottom: solid 0px #FFFFFF;border-top: solid 0px #FFFFFF;} .MiniNavUL li div a:link {color: #00727C !important;display: block;margin: 0;padding: 5px 10px;} /* ================================================== Left Navigation ================================================== */ #pagetitle{margin: 0 auto -0em;width: 1200px;} #pagetitle-inner{width: 950px;position: relative !important;padding: 10px !important;margin: 0px 115px 0px 115px; !important;background:#00727C;text-align:left;font-size:21px !important;color:#ffffff !important;} #search{text-indent:-9999px;width: 22px;height: 22px;padding: 16px 13px 11px 13px;position: absolute;top: 0;right: 1%;cursor: pointer;color: #fff;text-decoration: none;font-size: 16px;line-height: 22px;font-size: 24px;display: block;background:#00727C url('/SiteCollectionImages/branding/Go-Search.png') no-repeat scroll left center; background-size: 38px 36px; /* UCLH */} .footer_mobile{display:none;} a[href^="tel:"] {color: #00727C !important; display:inline !important; background-color: inherit !important;padding:0px;margin:0px;} /* ================================================== Simple button style ================================================== */ .woButton { background-color:#00727c !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; } .woButton:hover { background-color:#9ed9d1 !important; } .woButton:active { position:relative !important; top:1px !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; }