@charset "utf-8"; 
/* ==============================================================================
  PROJECT: SSV
  HOMEPAGE CUSTOM STYLES  
  Colours modified for accessibility by Jady v2 - 15 Sept 2016
============================================================================== */
#contentRow {padding: 22px 0 22px 0;}
#DeltaPlaceHolderMain {padding: 0;}
div.welcome {padding:0;}

/*  -------------------------| HIDE LEFT NAV |------------------------------ */
#sideNavBox {display:none!important;}
#contentBox {margin-left: 0px!important;margin-right:0px!important;min-height:700px;border:none!important;background-color:transparent;}

/*  -------------------------| BREADCRUMB |------------------------------ */
#SiteMap, .breadcrumb, .ms-breadcrumb-dropdownBox {display:none!important;}

/*  -------------------------| SET COLUMN WIDTHS |------------------------------*/
.cell-margin.ssv-Announcement {width:447px!important;float:left;margin-top:0;}
.cell-margin.ssv-Announcement .ms-webpart-chrome-title h2.ms-webpart-titleText {margin:10px;}
.ssv-Social {width:319px!important;float:left;margin-top:0;}
.ssv-Social .ms-webpart-chrome-title h2.ms-webpart-titleText {margin:10px;}
.ssv-Search {width:255px!important;float:left;margin-top:0;}
.ssv-Search.cell-margin {margin-bottom:0;}

/* -------------------------|  SLIDE |------------------------------ */
.ssv-news-rollup {margin:0;min-height:310px;background-color:#e0e1e2;}
.ssv-news-rollup .ms-webpartzone-cell {margin:0;}
.cbs-Slideshow {width:725px!important;height:310px!important;max-height:none!important;background-color:transparent;float:left;}
.cbs-Slideshow .cbs-SlideshowItems > div {width:100%;margin:0!important;padding:0!important;}
.cbs-Slideshow .cbs-SlideshowPagingLink-Active > span, 
.ms-fullWidth .cbs-SlideshowPagingLink-Inactive > span {border:none;width:17px;height:17px;background:transparent url('../images/slider-circle.png') no-repeat 0 0;}
.cbs-Slideshow .cbs-SlideshowPagingLink-Active > span {background:transparent url('../images/slider-circle-active.png') no-repeat 0 0;}
.cbs-Slideshow a.cbs-SlideshowPagingLink-Active, .cbs-Slideshow a.cbs-SlideshowPagingLink-Inactive {width: 10px;}
.cbs-Slideshow .cbs-pictureOnTopContainer {padding:0;margin:0}
.cbs-Slideshow .ms-webpart-zone {background-color:transparent;}
.cbs-Slideshow .cbs-SlideShow-noResults {color:#444;text-align:center;margin-top:20px;}

/* -------------------------|  SLIDE IMAGE  |------------------------------ */
.cbs-largePictureContainer {height: 305px;overflow:visible!important;}
.cbs-Slideshow .cbs-largePictureImageContainer {max-height: none;max-width:none;height:310px!important;width:500px!important}
.cbs-Slideshow .cbs-largePictureImageContainer img.cbs-largePictureImg {width:500px!important;height:310px!important;max-height:310px!important;margin:0;transition:all 1s ease-in-out 0s; -moz-transition:all 1s ease-in-out 0s; -webkit-transition:all 1s ease-in-out 0s; -o-transition:all 1s ease-in-out 0s; }
.cbs-Slideshow .cbs-largePictureImageContainer:hover {opacity:0.75;}
.cbs-Slideshow .cbs-largePictureImageContainer:hover img.cbs-largePictureImg {transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1);}

/* -------------------------|  SLIDE TEXT  |------------------------------ */
.cbs-largePictureDataOverlay {display:none;}
.cbs-Slideshow .msTitle {opacity: 0.6!important;padding-top:0!important;padding-bottom:5px!important;}
.cbs-Slideshow .cbs-largePictureDataContainer.NewsRollupText {background-color:#e0e1e2;height:100px;width:278px;text-align:left;position:absolute;top:0;right:0;bottom:0;height:310px;padding:0;}
.cbs-Slideshow a:hover {color:#00508b;text-decoration:underline;}
.cbs-Slideshow .cbs-largePictureLine1Link {padding:20px!important;display:block;}
.cbs-Slideshow .cbs-largePictureLine1 {font-size:1.8em!important;color:#00508b!important;font-weight:600;margin:0;padding:20px 20px 10px 20px;display:block;}
.cbs-Slideshow .cbs-largePictureLine1:hover, 
.cbs-Slideshow .cbs-largePictureLine2:hover, 
.cbs-Slideshow .cbs-largePictureLine3:hover {text-decoration:none;}
.cbs-largePictureDataContainer, 
a.cbs-largePictureLine1Link, 
h2.cbs-largePictureLine1, 
.cbs-Slideshow h2 {color: #00508b;}
.cbs-Slideshow .cbs-largePictureLine2 {font-size:1.2em!important; color:#006699!important;margin:0;display:block;padding:0 20px;overflow:visible!important;;white-space:normal!important;height:auto!important;}
.cbs-Slideshow .cbs-pictureLine3 {font-size:12px!important; color:#006699!important;}
.cbs-Slideshow .cbs-SlideshowPagingBar {bottom:10px;left:15px!important}
.cbs-Slideshow .cbs-SlideshowPagingBar a {text-decoration:none!important}
.cbs-Slideshow .moreLink {padding: 20px!important;}
.cbs-Slideshow .moreLink a {padding: 4px 50px 7px 30px!important;;background:#00447c url('../images/icon-more1.png') no-repeat right center ;color:#fff;display: inline-block;}
.cbs-Slideshow .moreLink a:hover {background-color:#101D49;}

/* -------------------------| ANNOUNCEMENT |------------------------------ */
#ssvAnnouncement-Panel {background-color: #f2f2f2;margin-bottom:20px;}
.cbs-List.announcement-List {padding:0 0 40px 0;margin:0 10px;display:block;}
.cbs-List.announcement-List li{padding:0 0 20px 0;display:block;}
.cbs-List.announcement-List .cbs-picture3LinesDataContainer {margin-left: 35px;max-width: 380px;color:#777;}
.cbs-List.announcement-List .cbs-picture3LinesDataContainer .ssv-Announcement a {color:#444;font-weight:bold;}
.cbs-List.announcement-List li.ms-promlink-header {text-align: center;padding-bottom:0;position: absolute;bottom: 0px;height:30px;border:none;}
.cbs-List.announcement-List .ms-promlink-headerNav {float: none;}
.cbs-List.announcement-List div.announcementType {width:35px;height:35px;background:transparent url('../images/ssv-icon-announcement-item.png') no-repeat 0 -1px;}
.cbs-List.announcement-List div.meetingType {width:35px;height:35px;background:transparent url('../images/ssv-icon-meeting-item.png') no-repeat 0 0;}
.cbs-List.announcement-List div.alertType {width:35px;height:35px;background:transparent url('../images/ssv-icon-alert-item.png') no-repeat 0 0;}
.cbs-List.announcement-List .cbs-picture3LinesLine1 {font-size: 12px;font-weight:bold;color:#666;}
.cbs-List.announcement-List .cbs-picture3LinesLine2 {font-size: 12px;color:#666;}
.cbs-List.announcement-List a:hover.cbs-picture3LinesLine1Link .cbs-picture3LinesLine1 {color:#00508b;}
.cbs-List.announcement-List .cbs-pictureLine3 {padding-top:0;} 
.ssv-SocialFeed {}

/* -------------------------| ANNOUNCEMENT POP-UP |------------------------------ */
#popup {color: #000;padding-top:0!important }
#popup p {color: #fff;padding:0;margin:0;}
#popup a, #popup a:visited {position: relative;text-decoration: none;font-weight: bold;color: #000;font-size:1em;}
#popup a span {background: rgba(17, 17, 17, 0);display: none;}
#popup a:hover {color:#00508b;text-decoration:underline;}
/* the IE correction rule */
#popup a:hover	{text-indent: 0; /* added the default value */}
#popup a:hover span {display: block;border-radius: .2em;position: absolute;top:20px;left: 0px; width:300px; margin:0px;padding:20px; color:#fff;font-weight:normal;background: rgba(17, 17, 17, .8);text-align: left;z-index:99;-webkit-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.3);-moz-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.3);box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.3);}
#popup a:hover span:before {border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid black;content: "";display: block;left: 10px;top:-5px;position: absolute;z-index: 99;opacity:.8;}

/* -------------------------| VIEW ALL NEWS |------------------------------ */
.Tab {position:absolute;top:100px;right:0px;/*background-color:#ff9900;*/height:142px;width: 38px;/*padding: 13px 6px 13px 4px;-webkit-border-top-left-radius: 6px;-webkit-border-bottom-left-radius: 6px;-moz-border-radius-topleft: 6px;-moz-border-radius-bottomleft: 6px;border-top-left-radius: 6px;border-bottom-left-radius: 6px;-webkit-box-shadow: -3px 0px 5px 2px rgba(0,0,0,0.35);-moz-box-shadow: -3px 0px 5px 2px rgba(0,0,0,0.35);box-shadow: -3px 0px 5px 2px rgba(0,0,0,0.35);*/background:transparent url('../images/tab-ViewMoreNews-vertical.png') no-repeat 0 0;}
.Tab:hover {background:transparent url('../images/tab-ViewMoreNews-vertical.png') no-repeat -50px 0; cursor: pointer;} 
.viewAllNews {background-color: #e0e1e2;color:#fff;overflow:visible;padding: 0 0 0px 10px; display:table-cell;position:relative;width:60px;}
.viewAllNews a {display:block; text-indent: -9999px; text-decoration:none; width: 38px; height: 142px; /*color:#fff;font-weight:normal;white-space:nowrap;line-height:28px;text-align:center;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);writing-mode: tb-rl;*/}

/* -------------------------| CALENDAR |------------------------------ */
/* used also in ssv_region.css line 68-100 */
.ssv-events-calendar {background-color:#00447c; color:#fff;width:250px;padding:18px;}
.ssv-events-calendar .ms-webpartzone-cell {margin:0;}
.ssv-events-calendar div.ms-fullWidth {}
.ssv-events-calendar a, 
.ssv-events-calendar #popup, 
.ssv-events-calendar #popup a, 
.ssv-events-calendar #popup a:visited {color:#fff !important;}
.ssv-events-calendar img {padding-top: 0px;margin-top: -6px;}
.ssv-events-calendar h2 span {font-size:22px;font-weight:normal;}
.ssv-events-calendar ul.ssv-List {list-style: none outside none;padding: 0;margin:15px 0 0 0;width:190px;}
.ssv-events-calendar ul.ssv-List .ms-promlink-headerNav {margin-top:0;}
.ssv-events-calendar .event {float: left;}
.ssv-events-calendar .event ul {padding: 0 20px;}
.ssv-events-calendar .event .date {/*background:0 url("icon-calendar.gif") no-repeat scroll 0 0 transparent;*/color:#fff!important;float: left;font-size: 1.2em;font-weight: 300;height: 35px;padding-bottom: 20px;padding-left: 0;text-align: center;width: 31px;}
.ssv-events-calendar .time {padding-left:40px}
.ssv-events-calendar .date {/*background:transparent url("icon-calendar.gif") no-repeat scroll 0 0;*/margin-top:-6px;color: #fff;float: left;font-size: 1.1em;font-weight: normal;height: 37px;padding-bottom: 20px;padding-left: 0;text-align: center;width: 31px;padding-right:10px}
.ssv-events-calendar .date span {color: #fff;display: block;font-size:1.7em;font-weight:normal;text-transform: uppercase;}
.ssv-events-calendar .title > a{color:#101d49!important; font-weight:600; padding-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px;display:block;width:133px;}
.ssv-events-calendar .date .month {clear: left;color: #fff;float: left;font-size: 1em;font-weight: normal;padding-top: 0;text-transform: uppercase;width: 31px; line-height:0.5;}
.ssv-events-calendar .location {font-size: 0.9em;}
.ssv-events-calendar .time {font-size: 0.9em;}
.clearboth {clear:both;font-size: 0.01em;}
.event > ul {margin-bottom:10px}
.event .description {padding-left:40px}
.ssv-events-calendar .ms-webpart-chrome-title h2.ms-webpart-titleText {padding:0;margin-bottom:0;}
.ssv-events-calendar .ms-webpart-chrome-title h2.ms-webpart-titleText img {margin-left:0;}
.ssv-events-calendar .ms-webpart-chrome-title h2.ms-webpart-titleText a:hover:after {bottom: 5px;right: -45px;}
.ssv-events-calendar .ms-webpart-chrome-title h2.ms-webpart-titleText a:hover:before {right: 30px;bottom:9px;}
.ssv-events-calendar ul.ssv-List .ms-promlink-button.ms-promlink-button-disabled {background:transparent none!important;}
.ssv-events-calendar ul.ssv-List .ms-promlink-button.ms-promlink-button-disabled .ms-promlink-button-image  {background:transparent none;}
.ssv-events-calendar ul.ssv-List .ms-promlink-button.ms-promlink-button-disabled:first-child .ms-promlink-button-image {background:none;}
.ssv-events-calendar ul.ssv-List li.ms-promlink-header {text-align: center;padding-bottom: 0;position: absolute;bottom: -20px;height: 30px;border: none;}

/* -------------------------| SCHOOL SEARCH |------------------------------ */
.school-search {padding:10px 20px;background:#00447c none;}
.school-search .ms-webpartzone-cell {margin-bottom:0}
.school-search .ms-srch-sbLarge-fullWidth {width:170px}
.school-search .ms-srch-sbLarge {background-color:#fff;}
.school-search .ms-srch-sbLarge > input {color:#003366;font-size:14px}
.school-search .ms-srch-sb-border {border:none}
.school-search .ms-webpart-chrome-title {border-bottom:none;padding-bottom:5px}
.school-search h2 a {color:#fff!important;font-size:21px!important}
.school-search h2.ms-webpart-titleText  {color:#fff!important;font-size:21px!important;font-weight:100;}
.school-search h2.ms-webpart-titleText img {margin-left:0;}

/* -------------------------| SOCIAL |------------------------------ */
.fb_iframe_widget iframe {height:324px!important;}
.fb_iframe_widget span {height:300px!important;}

/* -------------------------| CONTENT PANEL |------------------------------ */
.ssv-content-panel {padding:0;}
.ssv-content-panel img{margin:0!important;}
.ssv-content-panel a:hover img{opacity:.8!important;}
.ssv-content-panel .ms-webpartzone-cell {margin-bottom:0;}

/* -------------------------| ALERT ZONE |------------------------------ */
ul.ssv-Alert {background-color:transparent;width:100%;margin: 12px 0 6px 0;}
ul.ssv-Alert li {background-color:#fff;color: #ff0000;display:table;height: 52px;width:100%;}
ul.ssv-Alert li:first-child {margin-bottom:1px;}
ul.ssv-Alert li .cbs-Detail {margin-left: 112px;}
ul.ssv-Alert li .cbs-Detail a {margin-top:12px;color:#ff0000!important;}
.alert-zone {width:100%;height:auto;margin:10px 0;}
.alert-zone .ms-webpartzone-cell {margin-bottom:0;}
.alert-title {padding:28px 0 0 210px;color:#fff;}
.alert-description {padding:0 0 0 210px;color:#fff;margin-top:-6px}
.alert-link {float:right}
.alert-link a {color:#ff0000!important;display:block;padding-left:15px; clear:both;}
.alert-zone .cbs-Item {padding-bottom:0px;}
a.ssv-AlertIcon {background:url('../images/ssv-AlertIcon.png') no-repeat 8px 4px #ff0000;color:#fff;width: 88px;height: 45px;padding: 4px 8px;}
a.ssv-AlertIcon:after {content: "Alerts";color:#fff;line-height:40px;padding: 12px 4px 10px 40px;font-weight:normal;text-transform: uppercase;}
a.ssv-AlertIcon .cbs-Detail {margin-left: 42px !important;padding-top: 12px;}

/*  -------------------------| BUTTON STYLES  |------------------------------ */
.ms-promlink-button {display:inline-block;width:30px;height:30px;line-height:30px;border-radius: 50%;text-align:center;text-decoration:none;background: #00508b; font-size:12px;font-weight:bold;}
.ms-promlink-button:hover {background: #262626;}
.ms-promlink-button-disabled {background:transparent;cursor:text;}
.ms-promlink-button-disabled:hover {background:transparent;}
.ms-promlink-button .ms-promlink-button-image {background:transparent url('../images/icon-pagination.png') -50px 3px no-repeat;}
.ms-promlink-button:first-child .ms-promlink-button-image {background:transparent url('../images/icon-pagination.png') 0 3px no-repeat;}
.ms-promlink-button .ms-promlink-button-image img {display: none;}
.ms-promlink-button.ms-promlink-button-disabled:first-child .ms-promlink-button-image {background: transparent none;}
.ms-promlink-button.ms-promlink-button-disabled {background: transparent none!important;}

/* ----------- iPad Screen Width Adjustment ----------- */
/* Portrait and Landscape */
@media screen and (max-device-width: 1024px) {
	/* Adjusting SET COLUMN WIDTHS above for iPad view  */
	.tableCol-50 {width:460px;margin-left:20px;margin-bottom:20px;float:left;min-width:inherit; width:auto; margin:0;}
	.tableCol-50:first-child {margin-left:0px;}
	.tableCol-50 .ms-webpartzone-cell {margin-bottom:0px;}
	.tableCol-35 {width:345px!important;float:left;background-color:#f3f3f3; width:auto;}
	.tableCol-15 {width:95px!important;float:right; width:auto;}
	.cell-padding {padding:15px;border-top:solid 1px #fff;}
	.viewAllNews {padding: 0 0 0px 42px;}
	.ssv-Announcement {width:auto!important; min-width:450px;}
	.ssv-Social {width:auto!important;}
	.ssv-Search {width:245px!important; float:right;}
	#ssvAnnouncement-Panel { margin: auto;}
}
 
/* ----------- Print styles -------------------------- */
@media print {
	body #s4-bodyContainer {padding:0; margin:0; width: 100% !important;}
	#contentBox {padding:0; margin:0; width: 100% !important;}
	#ssv-bg-left {background: transparent none;}
	#ssv-bg-right {background: transparent none;}
	.topright-wrap {display:none;}
	.ms-breadcrumb-box {display:none;}
	a:link:after, a:visited:after { content:" [" attr(href) "] "; }
	div.viewAllNews {display:none;}
	div.footer {display:none;}
}