/*--------------------------------------------------------------------- Base Styles and Reset ---------------------------------------------------------------------*/ @import url("https://fonts.googleapis.com/css?family=Playfair+Display|Poppins:300,400,500,600,700,800,900"); @font-face { font-family: 'FontAwesome'; src: url('/include/fonts/fontawesome-webfont.eot?v=4.7.0'); src: url('/include/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('/include/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('/include/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('/include/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } body {font:12px arial, verdana, sans-serif; color:#333; margin:0; padding:0; background-color:#fff;} .accessible-heading {position: absolute; left: -9999px;} /*---------- Default Styles ----------*/ /* default link styles */ a, a:link, a:visited, a:active {font:100% arial, verdana, sans-serif; color: #236E71; text-decoration:none;} a:hover, a:focus {font:100% arial, verdana, sans-serif; color: #333; text-decoration:none; cursor:pointer;} a {outline:none;} a img {border:none;} img { max-width:100%; } hr {border-top: 1px solid #333;} p {line-height:150%; margin:0 0 10px 0; padding:0; font-size: 112%;} code {line-height:150%; margin:0; padding:0; font-size:100%;} blockquote {line-height:150%; margin:0 0 20px 0; padding:0 0 0 20px; font-size:100%;} ul,ol {font-size:100%; line-height: 180%;} input,select,textarea {font:100% arial, verdana, sans-serif; color:#333; max-width: 100%; } input {margin: 5px 0 5px 0;} label {font-size: 110%;} td {vertical-align:top;} /* default heading styles */ h1 {font:normal 200% arial,verdana,sans-serif; color:#1D779F; padding:0; margin:0 0 10px 0;} h1 a, h1 a:link, h1 a:hover, h1 a:focus {font-weight:normal; color:#1D779F; text-decoration:none; font-family:arial,verdana,sans-serif;} h2 {font:normal 160% arial,verdana,sans-serif; color:#333; padding:0; margin:20px 0 10px 0;} h2 a, h2 a:link, h2 a:hover, h2 a:focus {font-weight:normal; color:#333; text-decoration:none; font-family:arial,verdana,sans-serif;} h3 {font:normal 130% arial,verdana,sans-serif; color: #27798A; padding:0; margin:20px 0 10px 0;} h3 a, h3 a:link, h3 a:hover, h3 a:focus {font-weight:normal; color:#333; text-decoration:none; font-family:arial,verdana,sans-serif;} h4 {font:bold 120% arial,verdana,sans-serif; color: #27798A; padding:0; margin:20px 0 10px 0;} h4 a, h4 a:link, h4 a:hover, h4 a:focus {font-weight:bold; color:#333; text-decoration:none; font-family:arial,verdana,sans-serif;} h5 {font:bold 110% arial,verdana,sans-serif; color:#333; padding:0; margin:20px 0 10px 0;} h5 a, h5 a:link, h5 a:hover, h5 a:focus {font-weight:bold; color:#333; text-decoration:none; font-family:arial,verdana,sans-serif;} h6 {font:bold 100% arial,verdana,sans-serif; color:#333; padding:0; margin:20px 0 10px 0;} h6 a, h6 a:link, h6 a:hover, h6 a:focus {font-weight:bold; color:#333; text-decoration:none; font-family:arial,verdana,sans-serif;} h3.services {font: normal 200% arial,verdana,sans-serif; color: #27798A; padding: .3em .5em; margin: 35px 0 10px 0; background: #f3f9f6; border-left: 3px solid #27798A;} /* nav reset */ .list-set ul {list-style: none; padding: 0; margin: 0; font-size: 100%;} .list-set ul li {list-style: none;float: left;} .list-set ul li a, .list-set ul li a:hover {text-decoration: none;} /*---------------------------------------- / Image Gallery for News ----------------------------------------*/ .news-img-list {height: 460px !important;} .articleimagewidget, .articleimagewidget > div {min-width: 650px; min-height: 365px; margin: 10px 0;} #wrapper #page-content #container-full {width:100%; float:left;} #wrapper #page-content #container-both {width:478px; float:left;} #wrapper #page-content #container-three {width:500px; float:left;} #wrapper #page-content #content-sub {width:210px; float:left; padding:0 0 0 20px;} #wrapper #page-content #sidebar {width:210px; float:left; padding:0 0 0 20px;} .rhp-content { padding: 30px 10px;} #wrapper #page-content #container a {text-decoration: underline; color: #236E71;} #header { position: relative;} #wrapper #page-content table{margin:0 0 15px 0; padding:0; border-spacing: 0; width: 100%;text-align: left;} #wrapper #page-content table th, #wrapper #page-content table td{text-align:left;border-bottom:1px solid #ccc;padding:10px 20px} #wrapper #page-content table th{border-width:2px; font-size: 120%;} #wrapper #page-content table td{color:#666} #wrapper #page-content table tr:last-child th,table tr:last-child td{border-bottom:none} #wrapper #page-content table tr:nth-child(even){background:#eee} #wrapper #page-content h2 {font-size: 200%; color: #236E71; margin: 0 0 20px 0;} /* alternative table */ #wrapper #page-content table.colHead {margin:0 0 15px 0; padding:0; border-spacing: 0;} #wrapper #page-content table.colHead th,td {text-align:left; border-bottom: none; padding:5px; } #wrapper #page-content table.colHead td {color:#666; border-bottom:none; } #wrapper #page-content table.colHead tr:nth-child(odd){background:#eee} #wrapper #page-content table.colHead tr:nth-child(even){background:#fff} #breadcrumb-panel {position:relative; margin: 20px 0; height:24px;} #breadcrumb-panel #breadcrumbs {font-size:89%;} #breadcrumb-panel #breadcrumbs a {color:#555;} #breadcrumb-panel #breadcrumbs p {float:left; margin:0 10px 0 0; padding:0;} #breadcrumb-panel #breadcrumbs ol {float:left; list-style-type:none; margin:0; padding:0;background: none;} #breadcrumb-panel #breadcrumbs ol img {float:left;} #breadcrumb-panel #breadcrumbs ol li {float:left; padding: 0; line-height:150%;} #breadcrumb-panel #breadcrumbs ol li .seperator {margin: 0 5px 0 2px;} #breadcrumb-panel #breadcrumbs ol li:last-child {border-right:none;} #breadcrumb-panel #breadcrumbs ol li > a, #breadcrumb-panel #breadcrumbs ol li > span {line-height:150%;} #breadcrumb-panel #utilities {position:absolute; top:0; right:15px;} #breadcrumb-panel #utilities ul {list-style-type:none; margin:0; padding:0;} #breadcrumb-panel #utilities ul li {display:inline;} #breadcrumb-panel #utilities ul li a {} #breadcrumb-panel #utilities ul li a img {vertical-align:middle;} .breadcrumb > li + li:before {display:none;} .header-top {background-color:#26231e; padding: 7px 5px; vertical-align: middle; position:relative;} .ie7 .header-top {float: left;} .header-top a { color:#fff;} .header-top .guide li {} .header-top .guide a {line-height: 30px;padding: 0 15px;border-right: 1px #bbb solid;} .header-top .guide li:last-child a {border-right: none;} .searchPanel {float: right; position: relative; width:215px;} .searchPanel label {position: absolute; left: -9999px;} .searchPanel input {border: none; background-color: #fff; padding: 8px 50px 8px 5px; border-radius: 5px; } .searchPanel a.searchButton {position: absolute; right:20px; top: 10px; font-size: 0; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } .searchPanel a.searchButton:after { content: "\f002";font-family: FontAwesome; font-weight: 400; color: #000; font-size: 18px;} .header-center {padding:15px 25px; border-top: #308b8f 1px solid; border-bottom: 1px #0c3f41 solid;} .ie7 .header-center {height: 60px;} .ie7 .header-center .logo {float: left;} .header-center .logo img {width: 200px;} .header-center .services {float: right;} .header-center .services li {padding: 0 10px; border-left: 1px #6aa4a6 solid;} .header-center .services a {color: #fff; font-size: 105%;} @media (min-width:992px){ #main-nav {border-top: 1px #236e71 solid; padding: 0;} #main-nav .hmenu { z-index: 1000; position: relative; padding:0; display: flex;margin-bottom: 0; flex-wrap: wrap;} #main-nav .hmenu > li {position:relative; float: left; list-style: none; flex-grow: 1; } #main-nav .hmenu > li > a {font-size: 140%; color: #fff; padding: 20px 21px; display: block; vertical-align: middle; text-decoration:none; text-align: center;} #main-nav .hmenu > li.selected > a {color: #fff; background-color: #236E71;} #main-nav .hmenu > li:hover > a {color: #135456; background-color: #fff;} /* styles for level 2 */ #main-nav .hmenu > li > ul {display:none; z-index:10; position:absolute; top:58px; left:0; list-style-type:none; margin:0; width:210px; padding:20px 0px 20px 0; background-color:#fff;} #main-nav .hmenu > li > ul > li {float:left; width:100%; background: url(/images/UserUploadedImages/11/topmenu_arrow.png) 15px 50% no-repeat;position: relative; padding-left: 15px; } #main-nav .hmenu.menu > li > ul > li{position: relative;} #main-nav .hmenu > li > ul > li > a, #main-nav .hmenu > li > ul > li > span {display:block; padding: 10px; color:#2a6567; font-size: 120%;} #main-nav .hmenu > li > ul > li:hover > a, #main-nav .hmenu > li > ul > li:focus > a {font-weight: bold;} #main-nav .hmenu > li:hover > ul, #main-nav .hmenu > li:focus > ul {display:block; z-index:2000;} /* styles for level 3 */ #main-nav .hmenu > li > ul > li > ul {display:none; z-index:10; position:absolute; top:0; left: 210px; list-style-type:none; width:210px; padding:10px 20px 10px 0 !important; padding:0; background-color:#fff;} #main-nav .hmenu > li > ul > li > ul > li {display:block; margin-left:15px;} #main-nav .hmenu > li > ul > li > ul > li > a, #main-nav .hmenu > li > ul > li > ul > li > span {padding: 10px 5px; display:block; color:#2a6567; font-weight:normal; font-size: 120%;} #main-nav .hmenu .opensub { display:none; } #main-nav .hmenu > li > ul > li > ul > li > a:hover, #main-nav .hmenu > li > ul > li > ul > li > a:focus {font-weight: bold;} #main-nav .hmenu > li > ul > li:hover > ul, #main-nav .hmenu > li > ul > li:focus > ul {display:block; z-index:2000;} /* styles for level 4 */ #main-nav .hmenu > li > ul li ul li ul {display:none;} } @media (min-width:992px) and (max-width:1199px) { #main-nav .hmenu > li > a { padding: 20px 10px; font-size:130%;text-align: center; } } @media (min-width: 0) and (max-width:991px) { #main-menu { font-size:24px; text-decoration:none; } #main-menu:before { content:"\f0c9"; font-family:FontAwesome; font-size:30px; padding:0 7px 0 0} #main-menu.menuclose:before{content:"\f00d";} #main-nav{ position: absolute; z-index: 11; top: 184px; left: 15px; right: 15px; display:none; } #main-nav ul{padding:0px;} #main-nav >ul { background:#edebeb; width:100%; margin:0; } #main-nav >ul a{ display:block; padding:15px; background:url("/images/UserUploadedImages/1013/border_menu.png") repeat-x left bottom; text-decoration:none;} #main-nav >ul li a:hover, #main-nav .hmenu li.clicked a {background:#5a9e9e; color:#fff; border-left:2px solid #235b5c;} #main-nav li{display:block; position:relative; width: 100%; color: #fff;} #main-nav >ul > li > ul{display:none;} #main-nav >ul > li > ul > li > a{padding-left:30px;} #main-nav >ul > li > ul > li > a:hover, #main-nav .hmenu > li > ul > li.clicked a {background:#95c1c1; border:none;} #main-nav >ul > li > ul> li > ul{display:none;} #main-nav >ul > li > ul> li > ul > li > a{padding-left:45px;} #main-nav li:before, #main-nav li:after { content:""; display:table;} #main-nav li:after { clear:both;} /*Level 4*/ #main-nav > ul > li > ul > li > ul > li > ul{opacity:0; position:absolute; display:none; } #main-nav .hmenu .opensub { position: absolute; z-index: 11; right: 15px; top:11px; font-family: FontAwesome; font-size: 18px; padding: 0; border: 0; display: inline-block; } #main-nav .hmenu .opensub:before { content: "\f0da"; color: #69696a; } #main-nav .hmenu .opensub.opened:before { content: "\f0d7"; color: #69696a; } #main-nav .hmenu li.clicked .opensub:before, #main-nav .hmenu li.clicked .opensub.opened:before { color:#fff; } } /*menu ends here*/ /*-----left flyout menu styles-----*/ /*root/level2 vertical menu*/ #LeftMenu a.link, #LeftMenu a.CMLevel1Selected {border-bottom:1px dotted #ccc; width:100% !important;height: auto;} #LeftMenu a.link .text, #LeftMenu a.link .rpText, #LeftMenu a.CMLevel1Selected .text {color:#236E71; font-size: 120%; height:auto; padding: 10px 30px 10px 20px; background: #fff url(/Images/UserUploadedImages/11/icon_menu_arrow_up.png) 95% 50% no-repeat;} #LeftMenu a.link:hover, #LeftMenu a.link:focus {font-size:100%;} #LeftMenu a.link:hover .text, #LeftMenu a.link:focus .text {color:#fff; font-size:100%;} /*level 2 vertical menu*/ #LeftMenu a.CMLevel2, #LeftMenu a.CMLevel2Selected {height:30px; border-bottom:1px solid #66b8de;} #LeftMenu a.CMLevel2 span, #LeftMenu a.CMLevel2Selected span {background-color:#91cae8; height:16px; padding:8px 12px 6px 12px;} #LeftMenu a.CMLevel2Selected:hover span, #LeftMenu a.CMLevel2:hover span, #LeftMenu a.CMLevel2:focus span {background-color:#1D779F;} /*level 3 vertical menu*/ #LeftMenu a.CMLevel3, #LeftMenu a.CMLevel3Selected {height:30px; border-bottom:1px solid #91cae8;} #LeftMenu a.CMLevel3 span, #LeftMenu a.CMLevel3Selected span {background-color:#b5dced; height:16px; padding:8px 12px 6px 12px;} #LeftMenu a.CMLevel3Selected:hover span, #LeftMenu a.CMLevel3:hover span, #LeftMenu a.CMLevel3:focus span {background-color:#1D779F;} /*level 4 vertical menu*/ #LeftMenu a.CMLevel4, #LeftMenu a.CMLevel4Selected {height:30px; border-bottom:1px solid #b5dced;} #LeftMenu a.CMLevel4 span, #LeftMenu a.CMLevel4Selected span {background-color:#e7f8ff; height:16px; padding:8px 12px 6px 12px;} #LeftMenu a.CMLevel4Selected:hover span, #LeftMenu a.CMLevel4:hover span, #LeftMenu a.CMLevel4:focus span {background-color:#1D779F;} #LeftMenu .group {width:210px !important;} /*----------panelbar default css----------*/ .RadPanelBar {} .RadPanelBar ul {list-style-type:none; margin:0; padding:0; font-size: 100%;} .RadPanelBar .link {display:block; text-decoration:none;} .RadPanelBar .rpOut {display:block;} .RadPanelBar .rpText {display:block;} .RadPanelBar .rpSlide {display:none;} /*-----panelbar menu styles-----*/ #LeftMenu .panelbar a.MenuItemOneClicked .rpText, #LeftMenu .panelbar a.MenuItemTwoClicked .rpText, #LeftMenu .panelbar a.MenuItemThreeClicked .rpText, #LeftMenu .panelbar a.link:hover .rpText, #LeftMenu .panelbar a.link:focus .rpText {color:#fff; background: #236E71 url(/Images/UserUploadedImages/11/icon_menu_arrow_down.png) 95% 50% no-repeat;} /*level 2 panelbar*/ #LeftMenu .panelbar a.MenuItemTwo .rpText, #LeftMenu .panelbar a.MenuItemTwoClicked .rpText {padding-left:20px; } /*level 3 panelbar*/ #LeftMenu .panelbar a.MenuItemThree .rpText, #LeftMenu .panelbar a.MenuItemThreeClicked .rpText {padding-left:40px; } #LeftMenu .panelbar a.MenuItemThree:hover .rpText, #LeftMenu .panelbar a.MenuItemThree:focus .rpText {color:#fff;} /*level 4 panelbar*/ #LeftMenu .panelbar a.MenuItemFour .rpText, #LeftMenu .panelbar a.MenuItemFourClicked .rpText {padding-left:60px; } #LeftMenu .panelbar a.MenuItemFour:hover .rpText, #LeftMenu .panelbar a.MenuItemFour:focus .rpText {color:#fff;} /*selected item*/ #LeftMenu a.CMLevel1Selected .text, #LeftMenu a.CMLevel2Selected .text, #LeftMenu a.CMLevel3Selected .text, #LeftMenu a.CMLevel4Selected .text #LeftMenu .panelbar a.MenuItemOneClicked .rpText, #LeftMenu .panelbar a.MenuItemTwoClicked .rpText, #LeftMenu .panelbar a.MenuItemThreeClicked .rpText, #LeftMenu .panelbar a.MenuItemFourClicked .rpText {color:#fff; background: #236E71 url(/Images/UserUploadedImages/11/icon_menu_arrow_down.png) 95% 50% no-repeat;} .header-center .services a span {display: block; color: #fff;} #homeslider { background-image:url('/Images/UserUploadedImages/11/banner_example_1.jpg'); width:100%; height:360px; position:relative;} #homeslider .caption-text {background-color: #2a6567; color: #fff; padding: 10px 30px; position: absolute; bottom: 120px; right: 0; font-size: 175%; width: 439px; opacity: 0.8; filter: alpha(opacity=80);} #homeslider .item {width: 100% !important; height: 360px !important;} #homeslider-new span.desc { position: absolute; bottom: 0; left: 0; z-index: 343432423432; padding: 10px; background-color: #236E71; margin: 20px; color: #fff; opacity: 0.80; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80); } #wrapper #page-content #homeslider-new span.desc h2 {color: #fff; margin-bottom: 5px;} #homeslider-new .item {position: absolute; height: 360px !important; top: 0px; left: 0px; display: block; z-index: 3; opacity: 1; width: 100%; height: 94px;} .action-panels p {font-size: 150%; color: #137c97; margin: 0;} .action-panels .panels a {font-size: 230%; color: #015364; padding: 0 40px 0 0; height: 50px; display: block; background: url('/Images/UserUploadedImages/11/button_arrow_large.jpg') 100% 0% no-repeat;} .action-panels .panels { padding: 0 40px 15px 15px; margin-top: 30px; border-right: 1px #CCC solid; height: 120px; } .action-panels .panels h3 {font-size: 12px;margin-top: 10px;} .action-panels .highlight { text-align: center; padding-top: 0;} .action-panels .highlight a {color: #ce0309; font-size: 24px; font-weight: bold;text-align: center;} .action-panels .highlight a span {display: block; font-weight: normal; font-size: 24px;} .action-panels .highlight a img { width: 100px; margin:0 50px; } .landing .action-panels {background-color: #d9d9d9; text-align: center; padding: 10px; display: flex;} #wrapper #page-content.landing .action-panels h2 {font-size: 175%; border-radius:0; color: #fff; background-color: transparent; padding: 10px; margin-bottom: 0;} #wrapper #page-content.landing .action-panels .panel-one {background-color: #A63700; } #wrapper #page-content.landing .action-panels .panel-two {background-color: #623055; } #wrapper #page-content.landing .action-panels .panel-three {background-color: #26231E; } #wrapper #page-content.landing .action-panels .panel-four {background-color: #A31E1E;} #wrapper #page-content.landing .action-panels .panel-five {background-color: #676846; } #wrapper #page-content.landing .action-panels .panel-six {background-color: #19595B; } #wrapper #page-content.landing .action-panels .panel-seven{background-color: #A63700;} #wrapper #page-content.landing .action-panels .panel-eight {background-color: #623055;} #wrapper #page-content.landing .action-panels .panel-nine {background-color: #26231E;} #wrapper #page-content.landing .action-panels .panel-ten {background-color: #A31E1E; } #wrapper #page-content.landing .action-panels h2 a {color: #fff;} .landing .action-panels .panel {border-radius:0; box-shadow:none; border:0; margin-bottom: 0; margin-right: 8px; flex:1; justify-content: space-around; display: flex;align-items: center;} .landing .action-panels .panel p {font-size: 100%; color: #333; padding: 5px;} .ie7 .landing .action-panels .panel img {width: 157px;} #wrapper #page-content.landing.commhealth-site .action-panels h2 {font-size: 160%; min-height: 64px;} .commhealth-site.landing .action-panels {padding: 12px;} .landing.commhealth-site .action-panels .panel {display:block; text-align: center;} .landing.commhealth-site .action-panels .panel img {width: 100%;} .ie7 .landing.commhealth-site .action-panels .panel img {width: 100%;} .ie8 .landing.commhealth-site .action-panels .panel img {width: 100%;} .landing .action-panels .panel.last {margin-right: 0;} .landing.pophealth-site .action-panels .panel {width: 476px;} .ie7 .landing.pophealth-site .action-panels .panel img {width: 475px;} .ie8 .landing.pophealth-site .action-panels .panel img {width: 475px; margin-left: -1px;} .landing.pophealth2018-site .action-panels {flex-wrap: wrap;} .landing.pophealth2018-site .action-panels .panel {flex-basis: 19%; margin:0 .50%; display: block; margin-bottom: 10px;} .ie7 .landing.pophealth2018-site .action-panels .panel img {width: 185px;} .ie8 .landing.pophealth2018-site .action-panels .panel img {width:185px; margin-left: -1px;} #wrapper .landing.pophealth2018-site .action-panels .panel h2 { width:100% !important; display:flex; align-items: center; min-height: 64px; justify-content: space-around;} .landing.pophealth2018-site .action-panels .panel .container { width:100% !important; padding:0; height:auto!important; } .landing.pophealth2018-site .action-panels .panel .container img { width: 100% !important; max-width: unset; } .landing.auburn-site .action-panels .panel img {width: 153px;} .ie7 .landing.auburn-site .action-panels .panel img {width: 153px;} .landing.westmead-site .action-panels .panel img {width: 153px;} .ie7 .landing.westmead-site .action-panels .panel img {width: 153px;} .landing.mentalhealth-site .action-panels .panel img {width: 153px;} .ie7 .landing.mentalhealth-site .action-panels .panel img {width: 153px;} .landing.blacktown-site .action-panels .panel img {width: 153px;} .ie7 .landing.blacktown-site .action-panels .panel img {width: 153px;} #wrapper #page-content.landing.pophealth-site .action-panels h2 {font-size: 160%; width: 455px;} .key-panels { margin-top: 20px; margin-bottom: 15px;} .key-panels ul {margin: 0 -15px; padding: 0; display:flex;} .key-panels ul li {float: left; list-style: none; width:20%; padding:0 15px; } .key-panels ul li.last {margin-right: 0;} .key-panels ul li a {display: block; vertical-align: middle; text-align: center; min-height:130px; color: #fff; font-size: 160%; background-color: #ccc; background-position: 50% 15px; background-repeat: no-repeat;padding: 80px 15px 15px; height:100%; } .key-panels ul li a.one {background: url('/Images/UserUploadedImages/11/icon_map.png') #a63700 no-repeat center 10px;} .key-panels ul li a.two {background: url('/Images/UserUploadedImages/11/icon_publications.png') #622f55 no-repeat center 10px;} .key-panels ul li a.three { background: url('/Images/UserUploadedImages/11/icon_feedback.png') #26231e no-repeat center 10px;} .key-panels ul li a.four {background: url('/Images/UserUploadedImages/11/icon_staff.png') #39757a no-repeat center 10px;} .key-panels ul li a.five {background: url('/Images/UserUploadedImages/11/icon_partners.png') #676846 no-repeat center 10px;} /*-------------------------------------------------------------------------------- Call out box A --------------------------------------------------------------------------------*/ .callOut { background-color: #39757A; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; margin: 50px 20px; } .callOut p {color: #fff; line-height: 1.3em; font-weight: strong; font-size: 1.4em; padding: 10px 10px 20px 10px; text-align: center;} .callOut a{color: #fff !important;} /*-------------------------------------------------------------------------------- Call out box B --------------------------------------------------------------------------------*/ .callOutGray { background-color: #eee; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; margin: 50px 20px; padding: 5px; } .callOutGray p {color: #39757A; line-height: 1.3em; font-weight: strong; font-size: 1.4em; padding: 10px 10px 20px 10px; text-align: center;} /*-------------------------------------------------------------------------------- Call out box C --------------------------------------------------------------------------------*/ .callOutOrange { background-color: #F3F3F3; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; margin: 50px 20px; } .callOutOrange p {color: #F65700; line-height: 50px; font-weight: strong; font-size: 270%; padding: 10px 10px 20px 10px; text-align: center;} /*-------------------------------------------------------------------------------- Feature at top of page --------------------------------------------------------------------------------*/ .feature { background-color: #eee; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; margin: 20px; padding: 5px; } .feature p { color: #39757A; line-height: 1.3em; font-weight: strong; font-size: 1.4em; padding: 10px 10px 20px 10px; } .feature img { padding: 0 10px 0; } /*-------------------------------------------------------------------------------- Portal Layout --------------------------------------------------------------------------------*/ .portalbox{background:#f2f2f2;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;padding:10px;margin-bottom:10px;overflow:hidden; width: 250px; height: 400px; float: left; margin-left: 25px;} .portalbox img{float:left; margin-right: 5px; vertical-align: text-bottom;} .portalbox h3 {margin-bottom: 0;} .portalbox .boxbody{line-height:18px;margin-bottom:10px;clear:both;padding-top:10px} .portalbox ul{list-style-type:none0;padding-left:0!important;list-style:none!important} .portalbox li{padding-left:18px;background:transparent no-repeat left 2px;padding-bottom:3px;} .portalbox li{background-image:url('/images/UserUploadedImages/11/bul00.png')} .portalbox a{text-decoration:none;color:#27798A;} .portalbox ul.boxbody{clear:both;list-style-type:none;margin:0;padding:10px 0 4px 0} .portalbox ul.boxbody li{border:0;margin-bottom:0;padding-bottom:2px} /*-------------------------------------------------------------------------------- article Widget --------------------------------------------------------------------------------*/ .article-widget {width: 650px;overflow: hidden;margin-top: 30px;} #wrapper #page-content .article-widget h2 {color: #a63700; font-size: 24px;} .article-widget br {display: none;} .article-widget .mainItem, .article-widget .subItem {background: url(/Images/UserUploadedImages/11/icon_news.jpg) 0 0 no-repeat;padding: 0 0 0 70px; min-height: 50px; margin-bottom: 0; display: block;} .article-widget a span {font-size: 150%; color: #a63700;} .article-widget span {font-size: 120%; color: #333; display: block; margin-top: 10px;} .article-widget span span {display: inline; margin-right: 2px;} /*-------------------------------------------------------------------------------- Our Services hospital homepages --------------------------------------------------------------------------------*/ .ourServices {padding: 0px 5px 20px 5px; float: left; width: 25%;} .ourServices p {padding: 5px; text-align: center; background: #3c3a3a; min-height: 42px; display: flex; align-items: center; justify-content: center;} .ourServices:hover p {background-color: #8F305B;} .ourServices img {width: 100%;} .ourServices a {color: #ffffff; text-decoration: none; font-weight: bold; font-size: 1.1em;} /*--------Auburn----------*/ .ourServicesA {padding: 0px 5px 20px 5px; float: left; width: 25%;} .ourServicesA p {padding: 5px; text-align: center; background: #3c3a3a; min-height: 42px; display: flex; align-items: center; justify-content: center;} .ourServicesA:hover p {background-color: #A63700;} .ourServicesA img {width: 100%;} .ourServicesA a {color: #ffffff; text-decoration: none; font-weight: bold; font-size: 1.1em;} /*--------BMDH----------*/ .ourServicesB {padding: 0px 5px 20px 5px; float: left; width: 25%;} .ourServicesB p {padding: 5px; text-align: center; background: #3c3a3a; min-height: 42px; display: flex; align-items: center; justify-content: center;} .ourServicesB:hover p{background-color: #623055;} .ourServicesB img {width: 100%;} .ourServicesB a {color: #ffffff; text-decoration: none; font-weight: bold; font-size: 1.1em;} /*--------Community Health Services----------*/ .ourServicesC {padding: 0px 5px 20px 5px; float: left; width: 25%;} .ourServicesC p {padding: 5px; text-align: center; background: #3c3a3a; min-height: 42px; display: flex; align-items: center; justify-content: center;} .ourServicesC:hover p{background-color: #4c9cb5;} .ourServicesC img {width: 100%;} .ourServicesC a {color: #ffffff; text-decoration: none; font-weight: bold; font-size: 1.1em;} /*-------------------------------------------------------------------------------- CSS for news pages and widgets --------------------------------------------------------------------------------*/ .rhpNews-content { padding: 30px 0 0 0px; float: right; width: 100%; } .contentNews-area { width: 650px; .contentNews-area p {font-size: 110%;} } /*-------------------------------------------------------------------------------- homepageNews Widget --------------------------------------------------------------------------------*/ .homepageNews-widget {width: 550px;} .homepageNews-widget .subItem {padding: 0; min-height: 40px; margin-bottom: 0; display: block; border-bottom: 1px solid #ccc;} .homepageNews-widget br {display: none;} .homepageNews-widget img {float: left; margin: 0 7px 0 0;} .homepageNews-widget .mainItem {border-bottom: 1px solid #ccc;} .homepageNews-widget .mainItemHeading {font-size: 1.5em; display: block; margin-bottom: 5px; } .homepageNews-widget .mainItemDate {font-size: small; font-weight: bold; margin-top: 5px;} .homepageNews-widget .mainItem dd {font-size: small; margin: 0; min-height: 40px;} .homepageNews-widget .allsubItems, .homepageNews-widget .subItemHeading {font-size: 1.21em; display: block; margin-bottom: 5px;} .homepageNews-widget .subItemDate { font-size: small; font-weight: bold; margin-top: 5px; } .homepageNews-widget a span {font-size: 97%; font-size: 100%; color: #27798a; text-decoration: none;} .homepageNews-widget a:hover {color: #27798a; text-decoration:underline;} .homepageNews-widget span {font-size: 100%; color: #333; margin-top: 8px;} .homepageNews-widget span span {display: inline; margin-right: 2px;} .homepageNews-widget .subItem dd {font-size: small; margin: 0; min-height: 40px;} .news-widget .subItem a, .news-widget .mainItem a { display: block;padding-bottom: 5px;} /*-------------------------------------------------------------------------------- This runs the latest news on each of the hospital homepages --------------------------------------------------------------------------------*/ .LatestHospitalNews-widget {width: 300px;} .LatestHospitalNews-widget .subItem {padding: 0; min-height: 70px; margin-bottom: 0; display: block; border-bottom: 1px solid #ccc;} .LatestHospitalNews-widget br {display: none;} .LatestHospitalNews-widget img {margin-right: 5px;} .LatestHospitalNews-widget .mainItem {border-bottom: 1px solid #ccc;} .LatestHospitalNews-widget .mainItemHeading {font-size: 1.16em; display: block; margin-bottom: 5px; position: relative; } .LatestHospitalNews-widget .mainItemDate {font-size: small; font-weight: bold; margin-top: 5px;} .LatestHospitalNews-widget .mainItem dl {font-size: small; padding: 0 0 0 105px; min-height: 55px;} .LatestHospitalNews-widget .allsubItems, .LatestHospitalNews-widget .subItemHeading {font-size: 1.16em; display: block; margin-bottom: 5px; position: relative;} .LatestHospitalNews-widget .subItemDate { font-size: small; font-weight: bold; margin-top: 5px;} .LatestHospitalNews-widget a span {font-size: 97%; font-size: 100%; color: #27798a; text-decoration: none;} .LatestHospitalNews-widget a:hover {color: #27798a; text-decoration: underline;} .LatestHospitalNews-widget span {font-size: 100%; color: #333; margin-top: 8px;} .LatestHospitalNews-widget span span {display: inline; margin-right: 2px;} .LatestHospitalNews-widget .subItem dl {font-size: small; padding: 0 0 0 105px; min-height: 40px;} /*-------------------------------------------------------------------------------- Combined All Newsroom Widget --------------------------------------------------------------------------------*/ .news-widget {width: 100%;} .news-widget .subItem {padding: 0; min-height: 50px; margin-bottom: 0; display: block;} .news-widget br {display: none;} .news-widget img {margin-left: 5px;} .news-widget .mainItem, .news-widget .mainItemHeading {font-size: 117%; color: #27798a; display: block; margin-bottom: 5px; } .news-widget .mainItemHeading a span {text-decoration: none;} .news-widget .mainItemDate {font-size: 97%; margin-top: 5px; } .news-widget .mainItemDate {font-size: 97%; margin-top: 5px; } .news-widget .allsubItems, .news-widget .subItemHeading {font-size: 117%; color: #27798a; display: block; margin-bottom: 5px;} .news-widget .subItemDate {margin-top: 5px; } .news-widget a span {font-size: 97%; font-size: 100%; color: #27798a; text-decoration: none;} .news-widget a:hover {color: #27798a; text-decoration: underline;} .news-widget span {font-size: 100%; color: #333; margin-top: 8px;} .news-widget span span {display: inline; margin-right: 2px;} .news-widget dt {border-bottom: 1px solid #ccc; padding-bottom: 10px; min-height: 60px;} /*---------------------------------------- news Refine Widget ----------------------------------------*/ .news-refinewidget .news-refinewidget .searchInput input {color:red;} .news-refinewidget #Search_Refine1971_SearchLinkButton {background-color: #27798a; padding: 7px 5px; border-radius: 5px; color: #fff; font-weight: bold; margin-left: 3px; } .news-refinewidget .RefineWidgetRemove {background-color: #a63700; padding: 7px 5px; border-radius: 5px; color: #fff; font-weight: bold; margin-left: 3px; } /*All News Room Search Button*/ .news-refinewidget #Search_Refine2211_SearchLinkButton{background-color: #27798a; padding: 7px 5px; border-radius: 5px; color: #fff; font-weight: bold; margin-left: 3px;float: left; clear: both; } /*Auburn Hospital News Room Search Button*/ .news-refinewidget #Search_Refine2184_SearchLinkButton {background-color: #27798a; padding: 7px 5px; border-radius: 5px; color: #fff; font-weight: bold; margin-left: 3px; } /*Westmead Hospital News Room Search Button*/ .news-refinewidget #Search_Refine2113_SearchLinkButton{background-color: #27798a; padding: 7px 5px; border-radius: 5px; color: #fff; font-weight: bold; margin-left: 3px; } /*Blacktown Mount Druitt Hospital News Room Search Button*/ .news-refinewidget #Search_Refine2187_SearchLinkButton {background-color: #27798a; padding: 7px 5px; border-radius: 5px; color: #fff; font-weight: bold; margin-left: 3px; } /*2013 News Room Search Button*/ .news-refinewidget #Search_Refine2242_SearchLinkButton{background-color: #27798a; padding: 7px 5px; border-radius: 5px; color: #fff; font-weight: bold; margin-left: 3px; } /*2014 News Room Search Button*/ .news-refinewidget #Search_Refine2246_SearchLinkButton{background-color: #27798a; padding: 7px 5px; border-radius: 5px; color: #fff; font-weight: bold; margin-left: 3px; } /*2015 News Room Search Button*/ .news-refinewidget #Search_Refine2250_SearchLinkButton{background-color: #27798a; padding: 7px 5px; border-radius: 5px; color: #fff; font-weight: bold; margin-left: 3px; } /*2016 News Room Search Button*/ .news-refinewidget #Search_Refine2242_SearchLinkButton{background-color: #27798a; padding: 7px 5px; border-radius: 5px; color: #fff; font-weight: bold; margin-left: 3px; } /*2017 News Room Search Button*/ .news-refinewidget #Search_Refine2242_SearchLinkButton{background-color: #27798a; padding: 7px 5px; border-radius: 5px; color: #fff; font-weight: bold; margin-left: 3px; } /*2018 News Room Search Button*/ .news-refinewidget #Search_Refine2242_SearchLinkButton{background-color: #27798a; padding: 7px 5px; border-radius: 5px; color: #fff; font-weight: bold; margin-left: 3px; } /*---------------------------------------- news Refine Widget ----------------------------------------*/ .newsdate-widget .newsdate-widget a span {background-color: #27798a; padding: 5px 7px; border-radius: 5px; color: #fff; font-weight: bold; margin: 10px 0;} .newsdate-widget a:visited {text-decoration: none;} .newsdate-widget a:hover {text-decoration: none;} .newsdate-widget a:active {text-decoration: none;} .newsdate-widget .RefineWidgetLinkText {color: #27798a; } .newsdate-widget .RefineWidgetRemove {background-color: #a63700; padding: 7px 5px; border-radius: 5px; color: #fff; font-weight: bold; margin-left: 10px;} .newsdate-widget ol {list-style-type: none; padding-left: 10px; border-bottom: 1px solid #ccc; padding-bottom: 5px; } .newsdate-widget li {padding: 7px 0; } /*-------------------------------------------------------------------------------- side news Widget --------------------------------------------------------------------------------*/ .sidenews-widget {width: 100%;} .sidenews-widget .subItem {padding: 0; min-height: 50px; margin-bottom: 0; display: block;} .sidenews-widget br {display: none;} .sidenews-widget img {margin-left: 5px;} .sidenews-widget .mainItem, .sidenews-widget .mainItemHeading {font-size: 105%; color: #27798a; display: block; margin-bottom: 5px; } .sidenews-widget .mainItemDate {font-size: 97%; margin-top: 5px; } .sidenews-widget .allsubItems, .sidenews-widget .subItemHeading {font-size: 105%; color: #27798a; display: block; margin-bottom: 5px;} .sidenews-widget .subItemDate {margin-top: 5px; } .sidenews-widget a span {font-size: 97%; font-size: 100%; color: #27798a; text-decoration: none;} .sidenews-widget a:hover, a:active {text-decoration-color:#27798a; } .sidenews-widget span {font-size: 100%; color: #333; margin-top: 8px;} .sidenews-widget span span {display: inline; margin-right: 2px;} .sidenews-widget dt {border-bottom: 1px solid #ccc; padding-bottom: 10px; min-height: 60px;} /*-------------------------------------------------------------------------------- Lessons Learned Widget --------------------------------------------------------------------------------*/ .ll-widget {width: 100%;} .ll-widget .subItem, .ll-widget .mainItem {padding: 0; min-height: 40px; margin-bottom: 0; display: block; background-color:} .ll-widget .mainItemHeading, .ll-widget .subItemHeading {font-size: 1.2em; margin-bottom: 5px; font-weight: bold; margin-right: 8px;} .ll-widget .mainItemDate, .ll-widget .subItemDate{ padding-bottom:2px; line-height:14px; background-color:#F65600; padding-left:9px; padding-right:9px; display:inline-block; white-space:nowrap; color:#FFF; vertical-align:baseline; font-weight:bold; padding-top:2px; text-shadow:0 -1px 0 rgba(0,0,0,0.25); -webkit-border-radius:9px; -moz-border-radius:9px; border-radius:9px; margin-right: 8px; } .ll-widget dl {background-color: #F0F0F0; padding: 8px; } .ll-widget .mainItem dd, .ll-widget .subItem dd {font-size: small; margin: 0; min-height: 40px; margin-top: 5px;} .ll-widget .allsubItems, .ll-widget a span {font-size: 97%; font-size: 100%; text-decoration: none;} .ll-widget a:hover {color: #27798a; text-decoration:underline;} .ll-widget span span {display: inline; margin-right: 2px;} /*-------------------------------------------------------------------------------- What People are saying Widget --------------------------------------------------------------------------------*/ .people-widget .people-widget .subItem {padding: 0; min-height: 50px; margin-bottom: 0; display: block;} .people-widget br {display: none;} .people-widget .mainItem, .people-widget .mainItemHeading {font-size: 110%; color: #27798a;} .people-widget .allsubItems, .people-widget .subItemHeading {font-size: 110%; color: #27798a;} .people-widget a span {font-size: 100%; color: #27798a;} .people-widget span {font-size: 100%; color: #333; margin-top: 10px;} .people-widget span span {display: inline; margin-right: 2px;} .people-widget dd {margin-left: 0; font-size: 1em; color: #333; border-bottom: 1px solid #eee; padding-bottom: 15px; margin-top: 10px;} /*--------------------------------------------------------------------------------*/ .landing .article-widget {margin-top: 0; width: 300px; background-color: #a63700; padding: 15px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;height: 365px;} #wrapper #page-content.landing .article-widget h2 {color: #fff; margin-bottom: 0;} .ie7 .landing .article-widget .mainItem {margin-top: 20px;} .landing .article-widget a span {font-size: 120%; color: #fff;font-weight: bold;} .landing .article-widget span {font-size: 14px; color: #fff; vertical-align: top;} .landing .article-widget p {text-align: right;} .landing .article-widget p a {font-size: 80%;} .landing .article-widget p a:visited {color: #fff; text-decoration: underline;} .landing .article-widget .mainItem, .landing .article-widget .subItem {background: url(/Images/UserUploadedImages/11/icon_westmead_news.png) 0 0 no-repeat; padding: 0 0 5px 50px;} .landing-widget .mainItem, .landing-widget .subItem {padding: 30px 0; border-top: 1px #d4e3e1 solid; overflow: hidden;} .landing-widget dt a {color: #185663; font-size: 200%;} .landing-widget dl {padding: 0; margin: 0;} .landing-widget dd {font-size: 120%; margin-top: 5px; color: #222;} .landing-widget dd a {margin-top: 10px;float: left;color: #166669;} .landing-widget img {margin: 0 20px 10px 0;} .people {background-color:#676846; width:620px; border-radius:5px; color: #fff; font-size: 100%; overflow: hidden; margin-top: 15px;} #wrapper #page-content .people h2 {color: #fff; font-size: 24px; margin: 0 0 15px 0;} .people img {float: left;} /*---------------------------------------- Old CSS before change on homepage .people-inner { padding:20px 20px 0px 20px; float: left; width: 400px; overflow: hidden; height: 160px;} ----------------------------------------*/ .people-inner { padding:20px 20px 0px 20px; float: left; width: 400px; overflow: hidden; height: 160px;} .people-inner .saying-widget, .people-inner .saying-widget .item {width: 400px !important;} .people-inner .saying-widget a {color: #fff; float: left; margin: 0 15px 0 0; width: 190px;line-height: 18px;} .ie7 .people-inner .saying-widget a {width: 185px;} .people-inner .saying-widget a:nth-child(even){margin-right: 0;} .people-inner .item {background-color: transparent !important;} .people .hidden {display: none;} .ie7 .people {position: relative; top: 20px;} .qlinks { margin-top:30px; font-size: 120%; padding-left: 70px; padding-bottom:30px; border-left: 1px #cccccc solid; } .title-banner .qlinks {width: 250px; position: absolute; top: 5px; right: 20px; padding: 10px; background-color: #fff; min-height: 0; opacity: 0.8; filter: alpha(opacity=80);bottom: 15px; margin: 0; } .title-banner > p > img, .title-banner > img, .image-banner img{width: 100%;} .title-banner .qlinks a {font-size: 90%; color: #333; } a.quicklinks-btn {display:none; } .quicklinks-btn:after {content: "\f107";font-family: FontAwesome; float:right; padding-left: 8px; font-size: 20px; display: inline-block;} .lower-left { vertical-align:top;margin-bottom: 30px; } .lower-right {} .landing .lower-left, .landing .lower-right {margin-top: 20px;} #wrapper #page-content .qlinks h2 { font-size: 24px; color:#39757a; margin-bottom: 10px;} .qlinks ul { margin:0; padding:0;display: flex; align-content: space-around; height: 100%; flex-wrap: wrap;  } .qlinks li { width: 100%; list-style:none; padding:5px 0; vertical-align:top; position:relative; line-height: 150%;} .qlinks li img {position: relative; top: 0px; padding-right: 10px;} .landing-slide {width: 629px;height: 200px !important;} #wrapper #page-content .landing-slide h2 {background-color: #d9d9d9; color: #26231e; padding: 10px; font-size: 100%; -webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;position: relative;top: -3px;width: 609px;} .landing-slide h2 .hidden {display: none;} #footer {background-color:#26231e; overflow: hidden; margin-top: 30px; clear: both;} #footer a {color: #fff; } #footer-inner-top { font-size: 100%; border-bottom: 1px #000d0d solid; padding:20px;} #footer #footer-inner-logos .footer-right ul li a { font-size: 36px;} .footer-col { vertical-align: top; width: 25%; padding: 0 15px; float: left; } .footer-col ul {margin: 0; padding: 0;} .footer-col ul li {list-style: none; margin-bottom: 5px;} .footer-col h2 {color: #fff !important; font-size: 130%; font-weight: bold; margin-bottom: 10px} #Widget489.footer-col {width: 150px;} #Widget486.footer-col {width: 190px;} #footer-inner-logos {border-top: 1px #403d38 solid; border-bottom: 1px #000d0d solid;} #footer-inner-btm {border-top: 1px #403d38 solid;} #footer-inner-btm li a {padding: 0 10px; border-right: 1px #ccc solid;} #footer-inner-btm li.first a {padding-left: 0;} #footer-inner-btm li:last-child a {padding-right: 10px; border-right:none; } #footer-inner-logos .footer-right ul {margin: 0; padding: 0;} #footer-inner-logos .footer-right ul li {float: left; list-style: none; margin-left: 20px;} .title-banner {color: #fff; position: relative;} .title-banner h1 {background-color: #19595c; width: 380px; color: #fff; padding: 20px; opacity: 0.8; filter: alpha(opacity=80); position: absolute;right:15px; bottom: 40px; font-size: 300%; z-index: 1;} .title-banner.sub-page h1{} .title-banner h1 * {line-height: normal; padding: 0; margin: 0;} .landing.title-banner h1 {background-color: #19595c; width: 340px; color: #fff; padding: 20px; opacity: 0.8; filter: alpha(opacity=80); position: absolute; left: 15px;bottom: 40px; font-size: 300%;} .edit .title-banner .image-banner, .edit .title-banner .image-title {display: block; min-height: 150px; width: 100%; position: relative; z-index: 1;} .edit .title-banner .image-title {z-index: 2;} /*-----title banner orange-----*/ .title-banner-orange {color: #fff; position: relative;} .title-banner-orange h1 {background-color: #F65600; width: 400px; color: #fff; padding: 10px; opacity: 0.8; filter: alpha(opacity=80); position: absolute; right: 15px;bottom: 40px; font-size: 250%;} .title-banner-orange h1 * {line-height: normal; padding: 0; margin: 0;} .landing .title-banner-orange h1 {background-color: #19595c; width: 340px; color: #fff; padding: 20px; opacity: 0.8; filter: alpha(opacity=80); position: absolute; left: 0;bottom: 40px; font-size: 300%;} .edit .title-banner-orange .title-banner-orange, .edit .title-banner-orange .image-title {display: block; min-height: 150px; width: 100%; position: relative; z-index: 1;} .edit .title-banner-orange .image-title {z-index: 2;} /*-----image widget-----*/ .assetgallery {margin-bottom: 20px;} .assetgallery dt {text-align:center;} .assetgallery dt a {margin: 10px; float: left;} .assetgallery img {float:none; max-width: 100%;} .assetgallery .mainItem, .assetgallery .subItem {margin:0 20px 20px 0; width:160px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .assetgallery .allsubItems {display:inline;} /*---------------------------------------- / search results ----------------------------------------*/ .SearchLeft {} .SearchLeft {width:200px; margin-right:20px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .SearchLeft h2 {font-size:130%; margin-top:0; margin-bottom:16px; background:url(/images/useruploadedimages/11/refine-search.gif) no-repeat top left; padding-left:25px;} .SearchLeft ul {list-style-type:none; margin:0 0 32px 0; padding:0;} .SearchLeft ul li {} .SearchLeft ul li a {} .SearchLeft ul li .selected a {font-weight:bold;} .SearchResults { display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .SearchResults div[id$="pnlnumberResults"] {font-size:120%; margin:0 18px 20px 0; clear:both;} .SearchResults div[id$="pnlnumberResults"] #RecordCount {font-weight:bold;} .SearchResults div[id$="pnlnumberResults"] #searchTerms {font-weight:bold;} .SearchResults ul {margin-left:10px;} .SearchResults ul li {margin-bottom:20px; line-height:150%;} .SearchResults ol {list-style-type:none; margin:0 18px 20px 0; padding:0;} .SearchResults ol li {margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #ddd;} .SearchResults ol li span.firstRow {display:block;} .SearchResults ol li span.firstRow a {font-size:120%; text-decoration:none;} .SearchResults ol li span.firstRow img.resultImage {margin-right:5px;} .SearchResults ol li span.clsResultDescr {display:block; margin:5px 0 5px 27px; line-height:150%;} .SearchResults ol li span.clsResultDescr .highlight {color:#C41230;} .SearchResults ol li span.clsResultFilmedOn {display:block; margin:0px 0 5px 27px; line-height:150%;} .SearchResults ol li span.clsResultFilmedOn span {padding-right:5px;} .SearchResults ol li span.clsResultDuration {display:block; margin:0px 0 5px 27px; line-height:150%;} .SearchResults ol li span.clsResultDuration span {padding-right:5px;} .SearchResults ol li span.lastRow {display:block; font-size:100%; margin-left:27px; color:#aaa; word-break: break-word;} .SearchResults ol li span .resultNumber {display:none;} .SearchResults div[id$="pnlPageLinks"] {margin:0 18px 20px 18px;} .SearchResults div[id$="pnlPageLinks"] a {color:#6d6e71; padding-right:5px;} .SearchResults div[id$="pnlPageLinks"] a .resultPageNumberSelected {font-weight:bold;} .SearchResults div[id$="pnlPageLinks"] a:hover, .SearchResults div[id$="pnlPageLinks"] a:focus {color:#6d6e71;} /* css pie */ .searchPanel input, .people, .landing .article-widget { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .key-panels ul li a { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .ie .searchPanel input, .ie .people, .ie .landing .article-widget, .ie .key-panels ul li a { behavior: url(/PIE.htc); position: relative; } /* IE7 Menu Fix */ .ie7 #header{z-index: 1000;} .ie7 #header .list-set{z-index: 800; position: relative;} .ie7 #wrapper{position: relative;} /* Widgets */ div.mhnewsletter-widget div.mainItem, div.mhnewsletter-widget div.subItem {float: left; width: 100%; padding: 20px 0; border-bottom: 1px #ccc solid; margin-top: 5px;} div.mhnewsletter-widget img {margin-right: 15px; border: 1px #ccc solid; width: 100px; height: 105px; padding: 3px;} div.mhnewsletter-widget dl {margin: 0;} div.mhnewsletter-widget dd {color: #333; font-size: 1.1em;} div.mhnewsletter-widget dt a {font-size: 1.3em; color: #00205B; font-weight: bold;} div.mhnewsletter-widget h3 {color: #333; float:left; display:inline-block; margin: 0px 0px 5px 50%; font-size: 1.2em;} div.mhnewsletter-widget ol {list-style-type: none; float: left; display:inline-block; padding-left: 5px; margin: 0px;} div.mhnewsletter-widget li a {font-weight: bold; font-size: 1.2em; text-decoration: none; } div.mhnewsletter-widget span.mainItemDate, div.mhnewsletter-widget span.subItemDate {font-size: 98%; color: #333; line-height:2.5; } /* end */ /*------------------ EVENTS WIDGET --------------------*/ /* events */ div.event-widget div.mainItem {width: 32%; float:left; margin: 0 10px 30px 0; border: solid 1px #ccc; max-width: 250px; } div.event-widget div.subItem {width: 32%; float:left; margin: 0 10px 30px 0; border: solid 1px #ccc; max-width: 250px; } div.event-widget img {width:100%; float:none !important; } div.event-widget h2 {text-align:center; font-weight:normal; font-size:40px;} div.event-widget h3 {color: #F65600; font-size: 1.6em;} div.event-widget dl { width: 100%; clear: both; float: left; display: block; min-height: 170px; margin-bottom: 6px;} div.event-widget dd {color: #333; font-size: 1.1em; margin: 10px 8px 0 10px;} div.event-widget dt {padding: 10px; text-align:centre;} div.event-widget dt a {font-size: 1.5em; color: #236E71; font-weight: bold; } div.event-widget h3 {font-size: 1.4em;} div.event-widget ol {list-style-type: none; padding-left: 10px; margin: 0px;} div.event-widget li a {font-size: 1.2em; padding-left: 10px; } div.event-widget ol li {display: inline;} div.event-widget span.mainItemDate, div.event-widget span.subItemDate {font-size: 98%; color: #333; line-height:2.5; } div.event-widget span.mainItemHeading, div.event-widget subItemHeading {margin: 10px 20px 8px 60px 10px;} div.event-widget span.mainItemMore, div.event-widget span.subItemMore {color: white; background-color: #F65600; padding: 5px; font-weight: bold; margin: 15px 0; position: absolute; text-align: center;} /* end */ /*------------------ EVENTS WIDGET YOUTH HEALTH -------------------*/ div.event-widgetYH dl { min-height: 300px!important;} /*------------------ EXTRA HEIGHT WIDGET --------------------*/ div.height2-widget div.subItem, div.height2-widget div.mainItem {height: 400px!important; } div.height-widget div.subItem, div.height-widget div.mainItem {height: 500px!important; } /*------------------ WSLHD CONTACTS --------------------*/ div.contacts-widget dt {padding: 0 8px!important;} div.contacts-widget dl {min-height: 65px!important;} div.contacts-widget div.mainItem, div.contacts-widget div.subItem {max-width: 200px;} /*------------------ SEXUAL HEALTH WIDGET --------------------*/ /* sexual health */ div.wsshc-widget div.mainItem {width:200px; float:left; margin: 0 20px 30px 0; border: solid 1px #ccc; height: 190px; } div.wsshc-widget div.subItem {width:200px; float:left; margin: 0 20px 30px 0; border: solid 1px #ccc; height: 190px; } div.wsshc-widget img {width:100%; float:none !important; margin-bottom: 5px; } div.wsshc-widget h2 {text-align:center; font-weight:normal; font-size:40px;} div.wsshc-widget dl { width: 100%; clear: both; float: left; display: block; min-height: 85px; margin-top: 0;} div.wsshc-widget dd {color: #333; font-size: 1.1em; margin: 10px 8px 0 10px;} div.wsshc-widget dt {padding: 0 0 0 10px; text-align:centre;} div.wsshc-widget dt a {font-size: 1.1em; color: #236E71; font-weight: bold; text-align: center; } div.wsshc-widget h3 {font-size: 1.4em;} div.wsshc-widget ol {list-style-type: none; padding-left: 10px; margin: 0px;} div.wsshc-widget li a {font-size: 1.2em; padding-left: 10px; } div.wsshc-widget ol li {display: inline;} div.wsshc-widget span.mainItemDate, div.wsshc-widget span.subItemDate {font-size: 98%; color: #333; line-height:2.5; } div.wsshc-widget span.mainItemHeading, div.wsshc-widget subItemHeading {margin: 10px 20px 8px 60px 10px;} div.wsshc-widget span.mainItemMore, div.wsshc-widget span.subItemMore {color: white; background-color: #A63700; padding: 5px; font-weight: bold; margin: 15px 0 0; float:left; text-align: center;} /* end */ /*------------------ ACCOMMODATION WIDGET --------------------*/ /* Accommodation */ div.accom-widget { flex-wrap: wrap; } div.accom-widget div.mainItem {width:30%; float:left; margin: 0 20px 30px 0; border: solid 1px #ccc; max-width: 250px;} div.accom-widget div.subItem {width:30%; float:left; margin: 0 20px 30px 0; border: solid 1px #ccc; max-width: 250px;} div.accom-widget img {width:100%; float:none !important; margin-bottom: 5px; } div.accom-widget h2 {text-align:center; font-weight:normal; font-size:40px;} div.accom-widget dl { width: 100%; clear: both; float: left; display: block; margin-bottom: 0px; min-height: 170px;} div.accom-widget dd {color: #333; font-size: 1.1em; margin: 10px 8px 0 10px;} div.accom-widget dt {padding: 10px; text-align:centre;} div.accom-widget dt a {font-size: 1.3em; color: #236E71; font-weight: bold; text-align: center; } div.accom-widget h3 {font-size: 1.4em;} div.accom-widget ol {list-style-type: none; padding-left: 10px; margin: 0px;} div.accom-widget li a {font-size: 1.2em; padding-left: 10px; } div.accom-widget ol li {display: inline;} div.accom-widget span.mainItemDate, div.accom-widget span.subItemDate {font-size: 98%; color: #333; line-height:2.5; } div.accom-widget span.mainItemHeading, div.accom-widget subItemHeading {margin: 10px 20px 8px 60px 10px;} div.accom-widget span.mainItemMore, div.accom-widget span.subItemMore {color: white; background-color: #A63700; padding: 5px; font-weight: bold; display:inline-block; margin: 15px 0; text-align: center;} div.community-widget div.mainItem, div.subItem {min-height: auto !important;} /* Accommodation 2*/ .homeMain h2{text-align:center; font-weight:normal; font-size:40px;} .homeMain{margin-bottom:40px;} .hoverWd div{float:left;} .hoverWd div img{width:100%; float:none !important; } .hoverWd div > a{display:block; position:relative; } .hoverWd div > a .roll{position:absolute; background:url(/images/UserUploadedImages/1013/hover.png) no-repeat; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; background-size:cover; width:100%;} .hoverWd div:hover > a .roll{opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; } .hoverWd div:hover dt a{background:#ac1881; -webkit-transition: background 0.5s ease-in-out; -moz-transition: background 0.5s ease-in-out; transition: background 0.5s ease-in-out;} .hoverWd div > a .roll > img{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity:0;} .roll img{width:100%;} .homeMain dl{margin:0px;} .homeMain div.lastWd{margin-right:0%; float:right;} .hoverWd div dl{ clear: both; float: left; display: block; width: 100%; } .hoverWd div dt{width:100%; display:table;} .hoverWd div dt a{ display: table-cell; height: 80px; vertical-align: middle; text-align: center; width: 100%; padding-left: 10px; padding-right: 10px; background: #ea5b0c; line-height: 15px; color: #fff; font-weight: normal; text-decoration:none; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out;} .hoverWd:before, .hoverWd:after { display: table; content: " ";} .hoverWd:after { clear:both;} .wd-sub > div{width:21%; margin-right: 5%; margin-bottom: 20px;} .wd-sub > div.no-mar{margin-right:0px;} .wd-sub-oneLine > div > a{ display: block; width:40%; margin-right:20px; float: left; max-height: 180px; overflow: hidden;} .wd-sub-oneLine img{float:none !important;} .wd-sub-oneLine dt a{color:#a2267b; font-size:20px;} .wd-sub-oneLine dd a{color: #fff; background: #f65700; padding:5px 10px; display: inline-block; margin-bottom: 10px; font-weight: bold; margin-top:20px; } .wd-sub-oneLine dd a:hover{background:#e1601a;} .wd-sub-oneLine > div{padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #a1b1bc;} .wd-sub-oneLine > div:after, .wd-sub-oneLine > div:before{display: table; content: " ";} .wd-sub-oneLine > div:after{ clear:both;} .botomWidget{clear:both; float:left; background:#f8f6f6; } .box1, .box2, .box3{border-left:1px solid #c6c6c6; } .rhs .box1, .rhs .box2, .rhs .box3{padding-left:15px; margin-bottom:20px;} /* end */ /*------------------ Publications --------------------*/ /* Consumer engagement opportunities */ div.ce-newsletter-widget img {border: 0px !important;} div.ce-newsletter-widget span.mainItemMore, div.ce-newsletter-widget span.subItemMore {color: #F65600; margin-top: 10px; text-decoration: none; position: absolute; font-size: 1.3em;} div.newsletter-widget dd a {text-decoration: none;} div.ce-newsletter-widget .mainItem, div.ce-newsletter-widget .subItem {min-height: 120px; } /* Newsletter */ div.newsletter-widget div.mainItem, div.newsletter-widget div.subItem {float: left; width: 100%; padding: 20px 0; border-bottom: 1px #ccc solid; margin-top: 5px;} div.newsletter-widget img {margin-right: 15px; border: 1px #ccc solid; width: 100px; height: 105px; padding: 3px;} div.newsletter-widget h2 {border-bottom: 1px dashed #236E71;} div.newsletter-widget dl {margin: 0;} div.newsletter-widget dd {color: #333; font-size: 1.1em; margin: 0;} div.newsletter-widget dt a {font-size: 1.3em; color: #00205B; font-weight: bold;} div.newsletter-widget h3 {color: #333; display:inline-block; font-size: 1.2em;} div.newsletter-widget ol {list-style-type: none; float: left; padding-left: 10px; margin: 0px;} div.newsletter-widget li a {font-size: 1.2em; text-decoration: none; padding-left: 10px; } div.newsletter-widget ol li {display: inline;} div.newsletter-widget span.mainItemDate, div.newsletter-widget span.subItemDate {font-size: 98%; color: #333; line-height:2.5; } div.newsletter-widget .widgetNoResults {color: #A63700; font-weight: bold; font-size: 1.2em; margin-top: 15px;} .newsletter-widget .allsubItems:before, .newsletter-widget .allsubItems:after { display:table; content: ""; } .newsletter-widget .allsubItems:after { clear: both; } /*Filter by year heading*/ /*All publications (including newsletter, reports, frameworks etc)*/ div.newsletter-widget #RefineWidgetWithHeading3694 h3{margin-top: 0; font-weight: bold; float: left; } div.newsletter-widget #RefineWidgetWithHeading3636 h3{margin-top: 0; font-weight: bold; float: left; } div.newsletter-widget #RefineWidgetWithHeading3560 h3{margin-top: 0; font-weight: bold; float: left; } div.newsletter-widget #RefineWidgetWithHeading3563 h3{margin-top: 0; font-weight: bold; float: left; } div.newsletter-widget #RefineWidgetWithHeading3604 h3{margin-top: 0; font-weight: bold; float: left; } /*Newsletter - Network News*/ div.newsletter-widget #RefineWidgetWithHeading3620 h3{margin-top: 0; font-weight: bold; float: left; } /*Reports - ALL*/ div.newsletter-widget #RefineWidgetWithHeading3632 h3{margin-top: 0; font-weight: bold; float: left; } /*Reports - Health*/ div.newsletter-widget #RefineWidgetWithHeading3638 h3{margin-top: 0; font-weight: bold; float: left; } /*Reports - Annual*/ div.newsletter-widget #RefineWidgetWithHeading3656 h3{margin-top: 0; font-weight: bold; float: left; } /*Reports - Population Health*/ div.newsletter-widget #RefineWidgetWithHeading3655 h3{margin-top: 0; font-weight: bold; float: left; } /*Reports - Annual CIDM-PH*/ div.newsletter-widget #RefineWidgetWithHeading3675 h3{margin-top: 0; font-weight: bold; float: left; } /*Frameworks */ div.newsletter-widget #RefineWidgetWithHeading4311 h3{margin-top: 0; font-weight: bold; float: left; } /*Frameworks */ div.newsletter-widget #RefineWidgetWithHeading4969 h3{margin-top: 0; font-weight: bold; float: left; } /* end */ /* Image with Caption */ .imgCaption { width: 660px; background-color: #fff; margin: 20px 0 10px 0; } p.caption { padding: 10px 10px 20px 20px; background-color: #006666; font-size: 200%; color: #fff; margin: 0px; } /* end */ /* Image with Caption (Small)*/ .imgCaptionSm { width: 150px; background-color: #fff; margin-right: 20px; float: left; } p.captionSm { padding: 5px; background-color: #006666; font-size: 11em%; color: #fff; margin: 0px; } /* end */ /*------------------ Form - Westmead Hospital - Have your say --------------------*/ #FormCreator_1284 {border-radius: 5px; background-color: #eee; padding: 30px;} #FormCreator_1284 label {font-size: 120%; } #FormCreator_1284 input[type=submit] { width: 35%; background-color: #195E63; color: white; font-size: 120%; font-weight: bold; padding: 14px 20px; margin: 8px 0; border: none; border-radius: 4px; cursor: pointer;} #FormCreator_1284 input[type=submit]:hover { background-color: #A63700;} #FormCreator_1284 input[type=checkbox] {padding: 5px; right: 0px; position: relative; top:0px; margin:0;} #FormCreator_1284 input[type=checkbox]:checked {border: #195E63 2px solid;} #FormCreator_1284 select {margin-bottom: 5px;} /*------------------ Form - WSLHD - Contact us --------------------*/ #FormCreator_19187 {border-radius: 5px; background-color: #eee; padding: 30px;} #FormCreator_19187 div {margin-top: 10px;} #FormCreator_19187 div label {width:125px; padding-right:5px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline; padding-top: 5px;} #FormCreator_19187 div .clsDescriptionField {margin-top: 0px !important;} #FormCreator_19187 input[type=submit] { width: 35%; background-color: #19595c; color: white; font-size: 120%; font-weight: bold; padding: 14px 20px; margin: 8px 0; border: none; border-radius: 4px; cursor: pointer;} #FormCreator_19187 input[type=submit]:hover { background-color: #337275;} #FormCreator_19187 input[type=checkbox] {padding: 5px; right: 5px;} #FormCreator_19187 input[type=checkbox]:checked {border: #195E63 2px solid;} #FormCreator_19187 select {margin-bottom: 5px;} #FormCreator_19187 input[type="text"], #FormCreator_19187 select { display: inline-block; box-shadow: none; height: 22px; border-radius: 0; padding: 0 10px; font-size: 13px;} #FormCreator_19187 input[type="file"] { background: none; border: none; box-shadow: none;} /*------------------ Form - Mental Health Services - Contact us --------------------*/ #FormCreator_22296 {border-radius: 5px; background-color: #eee; padding: 30px;} #FormCreator_22296 div {margin-top: 10px;} #FormCreator_22296 div label {width:125px; padding-right:5px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline; padding-top: 5px;} #FormCreator_22296 div .clsDescriptionField {margin-top: 0px !important;} #FormCreator_22296 input[type=submit] { width: 35%; background-color: #56667f; color: white; font-size: 120%; font-weight: bold; padding: 14px 20px; margin: 8px 0; border: none; border-radius: 4px; cursor: pointer;} #FormCreator_22296 input[type=submit]:hover { background-color: #2B3441;} #FormCreator_22296 input[type=checkbox] {padding: 5px; right: 5px;} #FormCreator_22296 input[type=checkbox]:checked {border: #195E63 2px solid;} #FormCreator_22296 select {margin-bottom: 5px;} #FormCreator_22296 input[type="text"], #FormCreator_22296 select { display: inline-block; box-shadow: none; height: 22px; border-radius: 0; padding: 0 10px; font-size: 13px;} #FormCreator_22296 input[type="file"] { background: none; border: none; box-shadow: none;} /*------------------ Form - Blacktown Mount Druitt hospitals - Contact us --------------------*/ #FormCreator_21632 {border-radius: 5px; background-color: #eee; padding: 30px;} #FormCreator_21632 div {margin-top: 10px;} #FormCreator_21632 div label {width:125px; padding-right:5px; padding-left:0; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline; padding-top: 5px;} #FormCreator_21632 div .clsDescriptionField {margin-top: 0px !important;} #FormCreator_21632 input[type=submit] { width: 35%; background-color: #623055; color: white; font-size: 120%; font-weight: bold; padding: 14px 20px; margin: 8px 0; border: none; border-radius: 4px; cursor: pointer;} #FormCreator_21632 input[type=submit]:hover {background-color: #93487f;} #FormCreator_21632 input[type=checkbox] {padding: 5px; right: 0px; position: relative; top: 5px; margin:0; } #FormCreator_21632 input[type=checkbox]:checked {border: #195E63 2px solid;} #FormCreator_21632 select {margin-bottom: 5px;} #FormCreator_21632 select, #FormCreator_21632 input, #FormCreator_21632 textarea {display: inline-block;} #FormCreator_21632 input[type="text"], #FormCreator_21632 select { display: inline-block; box-shadow: none; height: 22px; border-radius: 0; padding: 0 10px; font-size: 13px;} #FormCreator_21632 input[type="file"] { background: none; border: none; box-shadow: none;} /*------------------ Form - Westmead Hospital - Contact us --------------------*/ #FormCreator_21238 {border-radius: 5px; background-color: #eee; padding: 30px;} #FormCreator_21238 div {margin-top: 10px;} #FormCreator_21238 div label {width:125px; padding-right:5px; padding-left:0; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline; padding-top: 5px;} #FormCreator_21238 div .clsDescriptionField {margin-top: 0px !important;} #FormCreator_21238 input[type=submit] { width: 35%; background-color: #8F305B; color: white; font-size: 120%; font-weight: bold; padding: 14px 20px; margin: 8px 0; border: none; border-radius: 4px; cursor: pointer;} #FormCreator_21238 input[type=submit]:hover {background-color: #C4457E;} #FormCreator_21238 input[type=checkbox] {padding: 5px; right: 0px; position: relative; margin:0; top:5px;} #FormCreator_21238 input[type=checkbox]:checked {border: #195E63 2px solid;} #FormCreator_21238 select {margin-bottom: 5px;} #FormCreator_21238 select, #FormCreator_21238 input, #FormCreator_21238 textarea {display: inline-block;} #FormCreator_21238 input[type="text"], #FormCreator_21238 select { display: inline-block; box-shadow: none; height: 22px; border-radius: 0; padding: 0 10px; font-size: 13px;} #FormCreator_21238 input[type="file"] { background: none; border: none; box-shadow: none;} /*------------------ Form - Auburn Hospital - Contact us --------------------*/ #FormCreator_22066 {border-radius: 5px; background-color: #eee; padding: 30px;} #FormCreator_22066 div {margin-top: 10px;} #FormCreator_22066 div label {width:125px; padding-right:5px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline; padding-left:0;padding-top: 5px;} #FormCreator_22066 div .clsDescriptionField {margin-top: 0px !important;} #FormCreator_22066 input[type=submit] { width: 35%; background-color: #a63700; color: white; font-size: 120%; font-weight: bold; padding: 14px 20px; margin: 8px 0; border: none; border-radius: 4px; cursor: pointer;} #FormCreator_22066 input[type=submit]:hover {background-color: #F25000;} #FormCreator_22066 input[type=checkbox] {padding: 5px; right: 5px; position: relative; top:5px; margin:0;} #FormCreator_22066 input[type=checkbox]:checked {border: #195E63 2px solid;} #FormCreator_22066 select {margin-bottom: 5px;} #FormCreator_22066 select, #FormCreator_22066 input, #FormCreator_22066 textarea {display: inline-block;} #FormCreator_22066 input[type="text"], #FormCreator_22066 select { display: inline-block; box-shadow: none; height: 22px; border-radius: 0; padding: 0 10px; font-size: 13px;} #FormCreator_22066 input[type="file"] { background: none; border: none; box-shadow: none;} /*------------------ Form - Contact us --------------------*/ #FormCreator_21393 {border-radius: 5px; background-color: #eee; padding: 30px;} #FormCreator_21393 div {margin-top: 10px;} #FormCreator_21393 div label {width:125px; padding-right:5px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline; padding-top: 5px;} #FormCreator_21393 div .clsDescriptionField {margin-top: 0px !important;} #FormCreator_21393 input[type=submit] { width: 35%; background-color: #8F305B; color: white; font-size: 120%; font-weight: bold; padding: 14px 20px; margin: 8px 0; border: none; border-radius: 4px; cursor: pointer;} #FormCreator_21393 input[type=submit]:hover { background-color: #27798A;} #FormCreator_21393 input[type=checkbox] {padding: 5px; right: 5px;} #FormCreator_21393 input[type=checkbox]:checked {border: #195E63 2px solid;} #FormCreator_21393 select {margin-bottom: 5px;} #FormCreator_21393 input[type="text"], #FormCreator_21393 select { display: inline-block; box-shadow: none; height: 22px; border-radius: 0; padding: 0 10px; font-size: 13px;} #FormCreator_21393 input[type="file"] { background: none; border: none; box-shadow: none;} /*------------------ Registration form - WSLHD Community & Consumer Engagement Project --------------------*/ #FormCreator_1366 {border-radius: 5px; background-color: #eee; padding: 30px;} #FormCreator_1366 label {font-size: 120%; margin-right: 80px;} #FormCreator_1366 input[type=submit] { width: 35%; background-color: #195E63; color: white; font-size: 120%; font-weight: bold; padding: 14px 20px; margin: 8px 0; border: none; border-radius: 4px; cursor: pointer;} #FormCreator_1366 input[type=submit]:hover { background-color: #A63700;} #FormCreator_1366 input[type=checkbox] {padding: 5px; right: 5px;} #FormCreator_1366 input[type=checkbox]:checked {border: #195E63 2px solid;} #FormCreator_1366 select {margin-bottom: 5px;} #FormCreator_1366 input[type="text"], #FormCreator_1366 select { display: inline-block; box-shadow: none; height: 22px; border-radius: 0; padding: 0 10px; font-size: 13px;} /*------------------ Form - Stepping On Program --------------------*/ #FormCreator_20583 {border-radius: 5px; background-color: #eee; padding: 30px;} #FormCreator_20583 div {margin-top: 10px;} #FormCreator_20583 div label {width:125px; padding-right:5px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline; padding-top: 5px;} #FormCreator_20583 div .clsDescriptionField {margin-top: 0px !important;} #FormCreator_20583 input[type=submit] { width: 35%; background-color: #01719f; color: white; font-size: 120%; font-weight: bold; padding: 14px 20px; margin: 8px 0; border: none; border-radius: 4px; cursor: pointer;} #FormCreator_20583 input[type=submit]:hover { background-color: #1f8b74;} #FormCreator_20583 input[type=checkbox] {padding: 5px; right: 5px;} #FormCreator_20583 input[type=checkbox]:checked {border: #195E63 2px solid;} #FormCreator_20583 select {margin-bottom: 5px;} #FormCreator_20583 .radio input[type="radio"]{margin:0; top: 5px;} #FormCreator_20583 .form-control {display:inline-block;} #FormCreator_20583 .radio {display: inline-block;} /* end */ /*------------------ Form - WSLHD Safety Symposium Registration of Interest --------------------*/ #FormCreator_25464 {border-radius: 10px; background-color: #eee; padding: 40px; margin: 5px 20%;} #FormCreator_25464 div .form-horizontal, #FormCreator_25464 div .control-label {text-align: left; color: #686767; font-size: 1.26em; width: 40%; margin: 1% auto;} #FormCreator_25464 input[type=submit] { width: 80%; background-color: #115A5D; color: white; font-size: 1.5em; font-weight: bold; padding: 14px 20px; margin: 40px 10px 10px 10px; border: none; border-radius: 4px; cursor: pointer;} #FormCreator_25464 input[type=submit]:hover {background-color: #236E71;} /* Accordion - options*/ /* ---------------------------------- Accordion - orange - consumer engagement ----------------------------------*/ .engagement .ui-widget-header { border: 1px solid #f67400 !important; } /* Interaction states ----------------------------------*/ .engagement .ui-state-default, .engagement .ui-widget-content .ui-state-default, .engagement .ui-widget-header .ui-state-default { border: 1px solid #c5c5c5; background: #fff url("/images/UserUploadedImages/11/open.png") no-repeat scroll 99% center; font-weight: normal; color: #236E71; cursor: pointer; padding: 5px 30px 5px 10px; } .engagement .ui-state-default a, .engagement .ui-state-default a:link, .engagement .ui-state-default a:visited { color: #454545; text-decoration: none; } .engagement .ui-state-hover, .engagement .ui-widget-content .ui-state-hover, .engagement .ui-widget-header .ui-state-hover, .engagement .ui-state-focus, .engagement .ui-widget-content .ui-state-focus, .engagement .ui-widget-header .ui-state-focus { border: 1px solid #f67400; background: #ededed url("/images/UserUploadedImages/11/open.png") no-repeat scroll 99% center; font-weight: bold; color: #F65600; } .engagement .ui-state-hover a, .engagement .ui-state-hover a:hover, .engagement .ui-state-hover a:link, .engagement .ui-state-hover a:visited, .engagement .ui-state-focus a, .engagement .ui-state-focus a:hover, .engagement .ui-state-focus a:link, .engagement .ui-state-focus a:visited { color: #2b2b2b; text-decoration: none; } .engagement .ui-state-active, .engagement .ui-widget-content .ui-state-active, .engagement .ui-widget-header .ui-state-active { border: 1px solid #f67400; background: #F65600 url("/images/UserUploadedImages/11/close.png") no-repeat scroll 99% center; font-weight: bold; color: #ffffff; } .engagement .ui-state-active a, .engagement .ui-state-active a:link, .engagement .ui-state-active a:visited { color: #ffffff; text-decoration: none; } /* end */ /* Component containers ----------------------------------*/ .ui-widget { font-family: arial,verdana,sans-serif; font-size: 1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget-content { color: #333333; padding: 5px 10px; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #236E71; background: #fff ; color: #236E71; font-weight: bold; } .ui-widget-header a { color: #333333; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #c5c5c5; background: #fff url("/images/UserUploadedImages/11/ui_icons_open.png") no-repeat scroll 99% center; font-weight: normal; color: #236E71; cursor: pointer; padding: 5px 5px 5px 10px; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #454545; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #cccccc; background: #ededed url("/images/UserUploadedImages/11/ui_icons_open.png") no-repeat scroll 99% center; font-weight: normal; color: #2b2b2b; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited { color: #2b2b2b; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #0e7084; background: #236E71 url("/images/UserUploadedImages/11/ui_icons_close.png") no-repeat scroll 99% center; font-weight: normal; color: #ffffff; } .ui-state-active>.ui-icon, .ui-widget-content .ui-state-active>.ui-icon, .ui-widget-header .ui-state-active>.ui-icon { display:none; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* end */ /*---------------------------------------- / Volunteer opportutnity table ----------------------------------------*/ table.volunteer th{text-align:left; border-bottom:1px solid #ccc; border-top:1px solid #ccc; padding:10px 10px 10px 0 !important;} table.volunteer td{text-align:left;border-bottom:1px solid #ccc; padding:10px 10px 10px 0 !important;} table.volunteer th{border-width:2px; font-size: 120%; color: #333;} table.volunteer td {color:#666;} table.volunteer tr:nth-child(odd){background:#fff;} table.volunteer tr:nth-child(even){background:#fff !important;} ----------------------------------------*/ /*---------------------------------------- / Portal menu ----------------------------------------*/ .portalCaption {width: 100%; background-color: #f65d0a; color: #fff; padding: 7px 0; text-align: center; font-weight:900;} .imgCaptionPortal{width: 180px; background-color: #fff; margin: 0 30px 30px 0; float: left;} p.captionPortal {padding: 7px 0; background-color: #f65d0a; font-size: 140%; color: #fff; margin: 0px; text-align: center;} .captionPortal a:link,.captionPortal a:visited {color: #fff !important; text-decoration: none !important;} .captionPortal a:hover {text-decoration: underline !important;} ----------------------------------------*/ /*---------------------------------------- / Services List ----------------------------------------*/ .alphabet-index-list { margin: 0; padding: 0; font-size: 0; display: block; width: 100%; padding: 5px 0; } .alphabet-index-list li { display: inline-block; list-style: none; width: 36px; height: 36px; margin: 0; padding: 0; vertical-align: top; } .alphabet-index-list { border-top: 2px solid #d7d7d7; border-bottom: 2px solid #d7d7d7; padding: 10px 20px 0 20px; } .alphabet-index-list li a { font-weight: bolder; font-size: 1.4em; display: block; } span.ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-e { display: none; } /*---------------------------------------- /Buttons ----------------------------------------*/ /*--------Westmead ------------*/ div.button-westmead { background: #8F305B; background-image: -webkit-linear-gradient(top, #8F305B, #C4457E); background-image: -moz-linear-gradient(top, #8F305B, #C4457E); background-image: -ms-linear-gradient(top, #8F305B, #C4457E); background-image: -o-linear-gradient(top, #8F305B, #C4457E); background-image: linear-gradient(to bottom, #8F305B, #C4457E); -webkit-border-radius: 1; -moz-border-radius: 1; border-radius: 1px; font-family: Arial; color: #ffffff; font-size: 20px; padding: 10px 30px 10px 30px; text-decoration: none; margin-bottom: 15px } div.button-westmead:hover { background: #bf3975; background-image: -webkit-linear-gradient(top, #bf3975, #e23884); background-image: -moz-linear-gradient(top, #bf3975, #e23884); background-image: -ms-linear-gradient(top, #bf3975 #e23884); background-image: -o-linear-gradient(top, #bf3975, #e23884); background-image: linear-gradient(to bottom, #bf3975, #e23884); text-decoration: none; } a.none:link, a.none:visited, a.none:hover, a.none:active {text-decoration: none; color: #fff;} /*--------bmdh ------------*/ div.button-bmdh { background: #623055; background-image: -webkit-linear-gradient(top, #8623055, #93487f); background-image: -moz-linear-gradient(top, #623055, #93487f); background-image: -ms-linear-gradient(top, #623055, #93487f); background-image: -o-linear-gradient(top, #8623055, #93487f); background-image: linear-gradient(to bottom, #623055, #93487f); -webkit-border-radius: 1; -moz-border-radius: 1; border-radius: 1px; font-family: Arial; color: #ffffff; font-size: 20px; padding: 10px 30px 10px 30px; text-decoration: none; margin-bottom: 15px } div.button-bmdh:hover { background: #93487f; background-image: -webkit-linear-gradient(top, #93487f, #a5518f); background-image: -moz-linear-gradient(top, #93487f, #a5518f); background-image: -ms-linear-gradient(top, #93487f #a5518f); background-image: -o-linear-gradient(top, #93487f, #a5518f); background-image: linear-gradient(to bottom, #93487f, #a5518f); text-decoration: none; } a.none:link, a.none:visited, a.none:hover, a.none:active {text-decoration: none; color: #fff;} /*--------aub ------------*/ div.button-aub { background: #a63700; background-image: -webkit-linear-gradient(top, #a63700, #F25000); background-image: -moz-linear-gradient(top, #a63700, #F25000); background-image: -ms-linear-gradient(top, #a63700, #F25000); background-image: -o-linear-gradient(top, #a63700, #F25000); background-image: linear-gradient(to bottom, #a63700, #F25000); -webkit-border-radius: 1; -moz-border-radius: 1; border-radius: 1px; font-family: Arial; color: #ffffff; font-size: 20px; padding: 10px 30px 10px 30px; text-decoration: none; margin-bottom: 15px } div.button-aub:hover { background: #F25000; background-image: -webkit-linear-gradient(top, #F25000, #D34600); background-image: -moz-linear-gradient(top, #F25000, #D34600); background-image: -ms-linear-gradient(top, #F25000 #D34600); background-image: -o-linear-gradient(top, #F25000, #D34600); background-image: linear-gradient(to bottom, #F25000, #D34600); text-decoration: none; } a.none:link, a.none:visited, a.none:hover, a.none:active {text-decoration: none; color: #fff;} /*--------mhs ------------*/ div.button-mhs { background: #2B3441; background-image: -webkit-linear-gradient(top, #2B3441, #56667F); background-image: -moz-linear-gradient(top, #2B3441, #56667F); background-image: -ms-linear-gradient(top, #2B3441, #56667F); background-image: -o-linear-gradient(top, #2B3441, #56667F); background-image: linear-gradient(to bottom, #2B3441, #56667F); -webkit-border-radius: 1; -moz-border-radius: 1; border-radius: 1px; font-family: Arial; color: #ffffff; font-size: 20px; padding: 10px 30px 10px 30px; text-decoration: none; margin-bottom: 15px } div.button-mhs:hover { background: #56667F; background-image: -webkit-linear-gradient(top, #56667F, #677B9B); background-image: -moz-linear-gradient(top, #56667F, #677B9B); background-image: -ms-linear-gradient(top, #56667F #677B9B); background-image: -o-linear-gradient(top, #56667F, #677B9B); background-image: linear-gradient(to bottom, #56667F, #677B9B); text-decoration: none; } a.none:link, a.none:visited, a.none:hover, a.none:active {text-decoration: none; color: #fff;} /*---------------------------------------- /Contact Us containers ----------------------------------------*/ div.containerGreyBackground {background-color: #eee; padding: 15px; width: 100%; margin-top:20px; overflow: auto;} /*--------3 col ------------*/ div.col1 {float: left; width: 33%; margin-right: 3%;} div.col2 {float: left; width: 30%; margin-right: 3%;} div.col3 {float: left; width: 30%;} /*--------2 col ------------*/ div.colA {float: left; width: 49%; margin-right: 1%;} div.colB {float: left; width: 49%;} div.containerInformationBox {margin-top: 20px; width: 100%; display: flex;} /*--------full width page ------------*/ div.containerIndividualInformation {flex-basis: 32.5%; position: relative; border-top: 8px #8F305B solid; border-left: 1.5px #484848 solid; border-right: 1.5px #484848 solid; border-bottom: 1.5px #484848 solid; padding:0 10px 110px 10px; margin-right: 1.5%; } div.containerIndividualInformationLast { flex-basis: 32%; position: relative; border-top: 8px #8F305B solid; border-left: 1.5px #484848 solid; border-right: 1.5px #484848 solid; border-bottom: 1.5px #484848 solid; padding: 0 10px 110px 10px; } div.containerIndividualInformation a.buttonMore {} div.containerBlacktown {border-top: 8px #623055 solid !Important;} div.containerAuburn {border-top: 8px #a63700 solid !Important;} div.containerMhs {border-top: 8px #56667f solid !Important;} /*--------2 col page------------*/ div.containerIndividualInformationMenu {width: 28.5%; float: left; position: relative; border-top: 8px #8F305B solid; border-left: 1.5px #484848 solid; border-right: 1.2px #484848 solid; border-bottom: 1.5px #484848 solid; padding: 0 10px; min-height: 370px; overflow: auto; margin-right: 1.5%;} div.containerIndividualInformationMenuLast {width: 28.5%; float: left; position: relative; border-top: 8px #8F305B solid; border-left: 1.5px #484848 solid; border-right: 1.5px #484848 solid; border-bottom: 1.5px #484848 solid; padding: 0 10px; min-height: 370px; overflow: auto;} /*--------buttons------------*/ .buttonMore { background-color: #8F305B; border: none; padding: 10px; text-align: center; position: absolute; bottom: 10px; width: 70%; margin: 0 10% 0 10%;} a.buttonMore:link, a.buttonMore:visited, a.buttonMore:hover, a.buttonMore:active {color: white !important; text-decoration: none !important; font-size: 15px; text-align: center; } /*--------buttons Blacktown------------*/ .buttonBlacktown {background-color: #623055 !important;} /*--------buttons Auburn-----------*/ .buttonAuburn {background-color: #a63700 !important;} /*--------buttons MHS-----------*/ .buttonMhs {background-color: #56667f !important;} /*--------button purple for homepage homepage-----------*/ div.buttonPurple {width: 115%;} div.buttonPurple ul, div.buttonPurple li {list-style: none; margin: 0;} div.buttonPurple ul {padding-top: 10px;} div.buttonPurple li a:hover {background-color: #894077;} div.buttonPurple li a { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #622f55 no-repeat 10px 50%; background-color: rgb(98, 47, 85); background-color: rgb(98, 47, 85); background-color: rgb(98,47,85); color: white; float: left; padding: 15px 10px 15px 10px; font-size: 115%; font-weight: bold; width: 100%; margin-bottom: 10px; margin-left: -40px; } /*--------buttons Mental Health homepage-----------*/ .buttonMoreMH { background-color: #622f55; border: none; padding: 10px; text-align: center; position: absolute; bottom: 10px; width: 70%; margin: 0 10% 0 10%;} a.buttonMoreMH:link, a.buttonMore:visited, a.buttonMore:hover, a.buttonMore:active {color: white !important; text-decoration: none !important; font-size: 15px; text-align: center; } .button1 {border-radius: 2px;} .button2 {border-radius: 4px;} .button3 {border-radius: 8px;} .button4 {border-radius: 12px;} .button5 {border-radius: 50%;} .buttonHomeMH { background-color: #622f55; border: none; padding: 10px; text-align: center; width: 80%; margin: 30px 10% 30px 10%;} .buttonHomeMH.button3{width: 100%; display:inline-block; color: #fff;} a.buttonHomeMH:link, a.buttonMoreMH:visited, a.buttonMoreMH:hover, a.buttonMoreMH:active {color: white !important; text-decoration: none !important; font-size: 18px; text-align: center; } /*---------------------------------------- /Contact Us styles ----------------------------------------*/ p.emergency {font-size: 22px; color: #c00000;} h3.informationBox {color: #8F305B; font-weight: bolder; font-size: 18px;} h3.informationBoxB {color: #623055; font-weight: bolder; font-size: 18px;} h3.informationBoxA {color: #a63700; font-weight: bolder; font-size: 18px;} h3.informationBoxM {color: #56667f; font-weight: bolder; font-size: 18px;} /*---------------------------------------- /Table styles ----------------------------------------*/ #box-table-b { font-family: arial, verdana, sans-serif; font-size: 100%; width: 100%; text-align: center; border-collapse: collapse; border-top: 7px solid #4E6295; border-bottom: 7px solid #4E6295; border-right: 1px solid #4E6295; border-left: 1px solid #4E6295; margin: 20px; } #box-table-b { font-family: arial, verdana, sans-serif; font-size: 100%; text-align: center; border-collapse: collapse; } #box-table-b th { font-size: 100%; font-weight: normal; background: #F4F2FA; color: #4E6295; padding: 8px; } #box-table-b td { background: #F4F2FA; color: #4E6295 !important; font-size: 100%; padding: 8px; } .form-horizontal .control-label {text-align: left;} .iframe-2col {padding-bottom: 15px; float:left; width:100%;} .iframe-2col iframe{ width: 50%; float:left;} .iframe-2col iframe:first-child {padding-right: 10px;} .iframe-2col iframe:last-child {padding-left: 10px;} .contactpage-main { background: #f5f5f5; border: 1px solid #D6D6D6; padding: 20px;} .contactpage-main .clsDescriptionField {padding-left: 15px;} .contactpage-main.form-horizontal .form-group.form-actions {margin-left:0; margin-right:0;} /* new styles */ .topBar-mobile { display:none; } #header-inner, #main-nav { background:#235d5f } .news-divs { margin:30px 30px 0 0; } .validatoralert.alert-danger { clear: left; margin: 5px 0 0 15px;display: inline-block; padding: 10px 15px; } #footer .footer-right h3 { display:inline-block; color:#fff; margin: 0; padding: 0; line-height: 50px; vertical-align: top; } #footer .footer-right li { display:inline-block; } #footer .footer-right { text-align:right; padding: 20px 35px; } #footer-inner-logos { padding:0px 15px; } #footer .footer-left {padding: 20px 35px; } #footer .footer-left ul, #footer .footer-right ul { padding:0; margin:0; } #footer .footer-right ul { display:inline-block; padding-top:5px;} #footer .footer-left li, #footer .footer-right li { display:inline-block; } #footer .footer-col:last-child p { margin-right: 30px; } p.social-media >a { display: inline-block; } p.social-media >a>img { max-width: 72px; height: auto; } /* Social Icons */ .social-icons {text-align: center;} .social-icons img {width: 50px; height: 50px;} /* Refine search*/ .refinewidget.newsdate-widget { clear: both; margin-top: 0; float: left; width: 100%;} .refinewidget.news-refinewidget label.sr-only{float: left; font-weight: 300; width: 90px; font-size: 100%; margin-bottom: 15px; padding-top: 3px; height: auto; position: relative;} .refinewidget.news-refinewidget input.searchInput{ margin-top: 0; margin-bottom: 15px;border:1px solid #999;} .refinewidget.news-refinewidget a { display: inline-flex;} /* Contact form*/ fieldset.clsCheckBoxListSpanOptions.form-group { padding: .35em .625em .75em; margin: 0 2px; border: 1px solid #333;} fieldset.clsCheckBoxListSpanOptions.form-group legend{ font-size: 16px;border: none; width: auto; padding: 0 10px;margin-bottom: 10px;} fieldset.clsCheckBoxListSpanOptions.form-group .radio, fieldset.clsCheckBoxListSpanOptions.form-group .checkbox{display:inline-block;} /* =============================== Responsive styles =============================== */ @media (min-width: 768px) { } @media (min-width: 992px) { } @media (min-width: 1200px) { .header-center .services li{padding: 0 20px;} .news-widget{width:85%;} } @media (min-width: 0) and (max-width:991px) { .searchPanel { display: none; position: absolute; top: 184px; z-index: 11; width: 100%; background: #edebeb; padding: 10px; left: 0; } .searchPanel input { padding: 10px; width: 100%; line-height: 25px; } .searchPanel a.searchButton { top:28px; right:15px; } .header-center .services { display:none; } .topBar-mobile{display: block; background:#235b5c;} .topBar-mobile ul { padding:0; } .topBar-mobile ul li{display:block; float:left; width:16%; padding:10px 15px; position:relative;} .topBar-mobile ul li a{color:#fff; width:100%; min-height:33px; display:block; background-position: center; background-size: contain; text-align:center; font-size:30px; text-decoration:none; } .topBar-mobile ul li:after{height: 20px; width: 2px; margin-top: 5px; background: #3d8c8f; content: ""; float: right; position: absolute; top: 13px; right: 0px;} .topBar-mobile ul li:last-child:after { display:none; } .topBar-mobile ul li a#mobHome:before { content:"\f015"; font-family:FontAwesome; } .topBar-mobile ul li a#mobCall:before { content:"\f095"; font-family:FontAwesome; } .topBar-mobile ul li a#mobMap:before { content:"\f041"; font-family:FontAwesome; } .topBar-mobile ul li a#mobSearch:before { content:"\f002"; font-family:FontAwesome; } .topBar-mobile ul li a#mobSearch.searchClose:before { content:"\f00d"; } .action-panels .panels:nth-child(2) { border:0; } .action-panels .highlight a { text-align:left; display:block; padding:30px 0; } .action-panels .highlight a img { margin:-5px 0 0 -15px; float:left; } .key-panels ul { display:block; } .key-panels ul li { position:relative; min-height:unset; padding:0 15px; } .key-panels ul li a { text-indent: -9999px; left: 0; top: 0; min-height:unset; padding:30px 15px; background-size:50% !important; background-position:center center !important; } .title-banner p, .title-banner-orange p { padding:0; margin:0; } a.quicklinks-btn {margin:auto 0px 15px; text-align: left;; font-weight: bold; background: #eee; padding: 10px 15px; font-size: 15px; display:block;} .title-banner .qlinks {position: relative; left:0; padding:0 15px 15px; width:100%; margin: 0; display:none; } .qlinks { border:0; padding-left:15px;} .qlinks img { max-width:100%; } #section-menu { margin-top:30px; clear:left; } .footer-col:last-child { padding-right:30px; } .footer-col ul { margin:0 0 10px 0 } .footer-col ul li { margin:0; } #footer .footer-col:last-child p { margin-right: 0; } #footer .footer-right h3 { display: none; } #footer-inner-logos .footer-right ul li {float: left; list-style: none; margin-left: 5px;} .rhp-content { width:100%; float:none;} .landing .action-panels {flex-wrap: wrap;} .landing .action-panels .panel {flex-basis: 33.33%; margin:0; border:2px solid #d9d9d9;} .landing.pophealth2018-site .action-panels {display: block; float:left; width: 100%;} .landing.pophealth2018-site .action-panels .panel {width:32.3%; float:left;} .landing.pophealth2018-site .action-panels .panel .container {height: 123px!important;} #wrapper .landing.pophealth2018-site .action-panels .panel h2 {font-size: 150%!important;} .title-banner h1, .title-banner-orange h1, .landing.title-banner h1 { position:static!important; font-size:150%; bottom:unset; right:unset; width:100%; margin-bottom: 15px; } table tr td > h3 { margin-top: 0;} table tr td p a{line-height: 150% !important;} .refinewidget.news-refinewidget { width: 280px;} div.col1, div.col2, div.col3 {float: none; width: 100%; margin-right: 0;} } @media (min-width: 0) and (max-width:768px) { .action-panels .panels, .action-panels .panels:nth-child(2), .action-panels .highlight { border:0; border-bottom: 1px #CCC solid; } .title-banner, .title-banner-orange, #header { padding:0; } #footer { margin: 30px -15px 0 -15px; } #footer .footer-right, #footer .footer-left { text-align:center; } #footer .footer-right { padding:0 0 20px 0; } .key-panels ul { padding:0 10px } .key-panels ul li { padding:0 5px; } .title-banner, .title-banner-orange { margin:0 0 0px 0 } #breadcrumb-panel { display:none; } .landing.pophealth2018-site .action-panels .panel {width: 32.3%;} .landing.pophealth2018-site .action-panels .panel .container {height: auto!important;} #wrapper .landing.pophealth2018-site .action-panels .panel h2 {font-size: 135% !important; line-height: normal;} .landing.commhealth-site .action-panels {float:left; display: block;} .landing.commhealth-site .action-panels .panel { float:left; width: 33%; flex-basis: auto; flex: auto;} #wrapper #page-content.landing.commhealth-site .action-panels h2 br {display: none;} #wrapper #page-content.landing.commhealth-site .action-panels h2 {min-height: auto;} #main-nav { left: 0; right: 0; } .ourServices, .ourServicesA, .ourServicesB {width: 24.33%; } .ourServices, .ourServicesA, .ourServicesB + div[style*="clear"] {} .imgCaptionPortal { max-width: 48%; margin-left: 1%; margin-right: 1%;} ul.menu30 { margin-top: 30px;} a.quicklinks-btn {margin:auto 15px 15px; } h3 span.box-with-img-title { display: block; clear: left; padding: 5px 0 0 0; } } @media (min-width: 768px) and (max-width:991px) { .key-panels ul li a{ min-height: 175px; text-indent: inherit; padding: 100px 10px 30px 10px; background-size: 50% !important; background-position: 50% 15px !important; padding-top: 100px;} div.event-widget div.mainItem, div.event-widget div.subItem{width: 48%;} .portalbox{width: 45%;} .qlinks ul{display:block;} .topBar-mobile ul li {width: 18%;} } @media (min-width: 992px) and (max-width:1024px) { .portalbox{width: 30%;} .header-center .services li { padding: 0 12px;} .footer-col { text-align:left; width: 50%; } } @media (min-width: 0) and (max-width:767px) { #main-nav { top: 184px;} .key-panels ul li a { padding:15px; } .footer-col { text-align:center; width: 100%; float: none; } .footer-col p { width:90%; display: inline-block; } .topBar-mobile ul li a { padding: 5px 0 0 0; font-size: 25px; } #main-menu:before { font-size:26px; } .landing.pophealth2018-site .action-panels .panel {width: 49%;} .landing.commhealth-site .action-panels .panel {width: 50%;} #wrapper #page-content.landing.commhealth-site .action-panels h2 {font-size: 130%; min-height: 56px; align-items: center; display: flex; justify-content: center;} #wrapper #page-content.landing.commhealth-site .action-panels h2 br {display: none;} .ourServices, .ourServicesA, .ourServicesB {width: 50%;} .crnt-patient-box {margin-bottom: 25px;} .crnt-patient-box, .carer-prgrm-box{width: 100%!important;} a.document {width:100%;} .btn-xs-full {width: 100%!important;} div.accom-widget div.subItem, div.accom-widget div.mainItem {width:100%; height:auto!important; padding-bottom: 10px;} div.contacts-widget div.subItem, div.contacts-widget div.mainItem {width:48%; height:auto!important; padding-bottom: 10px; margin-left: 1%; margin-right: 1%;} div.containerInformationBox {flex-wrap: wrap;} div.containerIndividualInformation, div.containerIndividualInformationLast {flex-basis:100%; margin-bottom: 15px;} .form-control {width:100%!important;} .callOutGray {margin: 25px 0;} .iframe-2col iframe{ width: 100%; float:left;} .iframe-2col iframe:first-child {padding-right: 0; padding-bottom: 15px;} .iframe-2col iframe:last-child {padding-left: 0;} .intro_pop {float:left; width:100%; margin: 10px 0;} #FormCreator_20583 div label {width: auto;} div.event-widget div.mainItem, div.event-widget div.subItem{width: 100%; min-height:auto;} div.event-widget dl { min-height:auto;} div.event-widget dd a {display: inline-block; margin: 15px 0;} div.event-widget span.mainItemMore, div.event-widget span.subItemMore{position: relative;} fieldset.clsCheckBoxListSpanOptions.form-group .radio, fieldset.clsCheckBoxListSpanOptions.form-group .checkbox { display: inline-block; width: 100%;} .callOutOrange p { font-size: 150%; line-height: 1.5; } } /*--------------------------------------------------------------------- Image Effects ---------------------------------------------------------------------*/ div.polaroid { width: 30%; background-color: white; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin-bottom: 25px; padding: 1rem; filter: grayscale(80%); float:left; margin-right: 2%; font-size: 1.5em; } div.polaroid:hover { filter: grayscale(0%); } div.PolaroidContainer { text-align: center; padding: 10px 20px; }