﻿/*

    @charset "utf-8";
body, html {
	width: 100%;
	height: 100%;
}

 #s4-bodyContainer {
	color: #000;
	background-color: #FFF;
	background-image: url(/Style%20Library/images//background_body.png);
	background-repeat: repeat-x;
}
body {
	color: #000;
	background-color: #FFF;
	background-image: url(/Style%20Library/images/background_body_up.png);
	background-repeat: repeat-x;
	background-position: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}



 */
div#s4-bodyContainer {
    background: #EFF0F6;
}

p {
    margin: 0px;
}

.clear {
    clear: both;
}

.innerwrapper {
    padding-left: 10px;
    padding-right: 10px;
}

.margin20px {
    height: 10px;
    width: 100%;
    clear: both;
    border: 0px none;
    display: block;
    padding: 0px;
}

.wrapper {
    width: 970px;
    margin-left: auto;
    margin-right: auto;
}

.widewrapper {
    width: 100%;
    min-width: 970px;
}

/* Titles */
#innercontent #contentright h1 {
    font-size: 21px;
    font-weight: bold;
    color: #044f9f;
    margin-bottom: 20px;
    line-height: 120%;
}

#innercontent #contentright h2 {
    font-size: 14px;
    font-weight: bold;
    color: #044f9f;
    line-height: 120%;
}

#innercontent #contentright {
    font-size: 14px;
    line-height: 130%;
}

#innercontent #contentright p {
    margin-bottom: 20px;
}

#innercontent #contentright a {
    text-decoration: underline;
    color: #00A1CE;
}

h3 {
}

/* Main areas */
#topmenubar {
    width: 970px;
    height: 20px;
}

#header {
    width: 100%;
    min-width: 970px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(/Style%20Library/images/background_header.png);
    background-repeat: no-repeat;
    background-position: center center;
    height: 240px;
    position: relative;
    z-index: 11;
}

#menu {
    width: 970px;
    height: 40px;
    text-transform: uppercase;
    position: relative;
    background-image: url(/Style%20Library/images/background_menu.png);
    background-repeat: repeat-x;
    background-position: center center;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-box-shadow: 0px 1px 4px 1px #999;
    -moz-box-shadow: 0px 1px 4px 1px #999;
    box-shadow: 0px 1px 4px 1px #999;
    position: relative;
    z-index: 10;
}

#submenu {
    position: absolute;
    right: 0;
    top: 71px;
}

#submenu .ms-srch-sb-searchLink {
    float: right;
    background-image: url(../images/acer_2016_search.png);
    background-repeat: no-repeat;
}

#submenu .ms-srch-sb-searchImg {
    position: static;
    left: auto;
    right: auto;
    display: none;
}

#submenu #SearchBox input {
    color: #3D6AA9;
    font-weight: 600;
}

#searchInputBox {
    background: white;
}

#contentbottom {
    margin-bottom: 40px;
}

#content #contentleft {
    float: left;
    width: 620px;
}

#content #contentright {
    float: right;
    width: 300px;
}

#innercontent #contentleft {
    float: left;
    width: 230px;
}

#innercontent #contentright {
    /* float: right;
    width: 700px; */
}

.footer {
    background-color: #3D6AA9;
}

#footerlinks {
    /*    background-color: #044F9F;
        background-image: url(/Style%20Library/images/background_footerlinks.png);
        background-repeat: repeat-x;
        background-position: top;*/
    /*    -webkit-border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-topright: 10px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;*/
    min-height: 260px;
}

#footer {
    background-color: #3672B2;
    min-height: 75px;
}

/*#footerbackground {
    background-image: url(/Style%20Library/images/background_footerbackground.png);
    background-repeat: repeat-x;
    background-position: bottom;
}*/

/* #topmenubar */
#topmenubar #topbuttonswrap {
    margin-right: 0px;
    padding-top: 2px;
    float: right;
}

#topmenubar .topbutton {
    display: block;
    width: 17px;
    height: 16px;
    background-image: url(/Style%20Library/images/button_topmenubar_right.png);
    background-repeat: no-repeat;
    text-decoration: none;
}

#topmenubar .loginbutton {
    display: block;
    width: 17px;
    height: 16px;
    background-image: url(/Style%20Library/images/Login-button16.png);
    background-repeat: no-repeat;
    text-decoration: none;
}

#topmenubar .topbutton:hover {
    background-image: url(/Style%20Library/images/button_topmenubar_right_hover.png);
    text-decoration: none;
}

/* #menu */
.acer-topmenu div.menu {
    margin-left: 50px;
}

.acer-topmenu ul {
    line-height: 40px;
}

.acer-topmenu ul li {
    float: left;
    margin-left: 38px;
}

.acer-topmenu ul li:first-child {
    margin-left: 0px;
}

.acer-topmenu ul li a {
    color: #F2F2F2;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
}

.acer-topmenu ul li a:hover {
    text-decoration: underline;
}

/* #breadcrumbs */

#horizontal-menu {
    height: 40px;
}

#breadcrumbs {
    font-size: 10px;
    float: left;
    line-height: 14px;
    height: 40px;
}

#breadcrumbs ul {
}

#breadcrumbs li {
    float: left;
    margin-right: 5px;
    color: #b3b3b3;
}

#breadcrumbs a {
    color: #b3b3b3;
    text-decoration: none;
    font-weight: bold;
}

#breadcrumbs a:hover {
    color: #b3b3b3;
    text-decoration: underline;
}

div#breadcrumbLine {
    display: table-cell;
    vertical-align: middle;
    height: 40px;
}

#submenu #search {
    border: 1px solid #B3B3B3;
    height: 22px;
    /*    -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;*/
    color: #B3B3B3;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    line-height: 22px;
    width: 150px;
}

/*#submenu input {
	float: left;
	margin-left: 6px;
	margin-top: 3px;
}
#submenu input:first-child {
	float: left;
	margin-left: 0px;
	margin-top: 0px;
}*/
#submenu #magnify {
    width: 20px;
    height: 20px;
    border: none;
    background-image: url(/Style%20Library/images/background_button_magnify.png);
    background-repeat: no-repeat;
    display: block;
    color: transparent;
}

#submenu #magnify:hover {
    background-image: url(/Style%20Library/images/background_button_magnify_hover.png);
}

#submenu #disabled {
    width: 20px;
    height: 20px;
    border: none;
    background-image: url(/Style%20Library/images/background_button_disabled.png);
    background-repeat: no-repeat;
    display: block;
    color: transparent;
}

#submenu #disabled:hover {
    background-image: url(/Style%20Library/images/background_button_disabled_hover.png);
}

#submenu #aminus {
    width: 20px;
    height: 20px;
    border: none;
    background-image: url(/Style%20Library/images/background_button_a-.png);
    background-repeat: no-repeat;
    display: block;
    color: transparent;
}

#submenu #aminus:hover {
    background-image: url(/Style%20Library/images/background_button_a-_hover.png);
}

#submenu #aplus {
    width: 20px;
    height: 20px;
    border: none;
    background-image: url(/Style%20Library/images/background_button_a+.png);
    background-repeat: no-repeat;
    display: block;
    color: transparent;
}

#submenu #aplus:hover {
    background-image: url(/Style%20Library/images/background_button_a+_hover.png);
}

/* #contentleft */
#contentleft .newsitem h2 {
    font-size: 21px;
    font-weight: bold;
    color: #044f9f;
    margin-bottom: 15px;
}

#contentleft .newsitem .date {
    font-weight: bold;
    margin-bottom: 15px;
}

#contentleft .newsitem img {
    float: left;
}

#contentleft .newsitem .newscontent {
    float: right;
    width: 380px;
    font-size: 14px;
    line-height: 105%;
}

#contentleft .newsitem hr {
    clear: both;
    border: 1px solid #F3F3F3;
    margin-top: 20px;
    margin-bottom: 20px;
    display: block;
}

#contentleft .newsitem .readmore {
    color: #00a1ce;
    text-decoration: none;
    font-size: 12px;
}

#contentleft .newsitem .readmore:hover {
    color: #00a1ce;
    text-decoration: underline;
}

/* #contentright */
#contentright .module {
    width: 300px;
    /*    -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;*/
    margin-bottom: 20px;
    min-height: 100px;
}

#contentright .modulewrap {
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 15px;
}

#contentright .modulewrap2 {
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 20px;
}

#contentright .modulewrap3 {
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
}

#contentright .module.gray {
    background-color: #E6E6E6;
}

#contentright .module.blue {
    background-color: #AFDDF6;
}

#contentright .module h2 {
    font-size: 20px;
    color: #044f9f;
    font-weight: bold;
    margin-bottom: 15px;
}

#contentright .module.gray hr {
    margin-left: 10px;
    margin-right: 10px;
    border: 1px solid #999;
}

#contentright .module.gray hr.lightgray {
    margin-left: 10px;
    margin-right: 10px;
    border: 1px solid #D9D9D9;
}

#contentright .module.blue hr {
    margin-left: 10px;
    margin-right: 10px;
    border-top: 1px solid #333;
    border-bottom: none;
    height: 1px;
}

#contentright .module.blue .col1 {
    float: left;
    width: 121px;
}

#contentright .module.blue .col2 {
    float: right;
    width: 121px;
}

#contentright .module.blue .col1 p, #contentright .module.blue .col2 p {
    margin-left: 5px;
    margin-bottom: 15px;
    font-size: 14px;
}

#innercontent #contentright p.margin15 {
    margin-bottom: 15px;
}

#contentright .module.blue #newsletter {
    width: 121px;
    height: 30px;
    border: none;
    background-image: url(/Style%20Library/images/background_button_newsletter.png);
    background-repeat: no-repeat;
    display: block;
    color: transparent;
}

#contentright .module.blue #newsletter:hover {
    background-image: url(/Style%20Library/images/background_button_newsletter_hover.png);
}

#contentright .module.blue #rssfeed {
    width: 121px;
    height: 30px;
    border: none;
    background-image: url(/Style%20Library/images/background_button_rss.png);
    background-repeat: no-repeat;
    display: block;
    color: transparent;
}

#contentright .module.blue #rssfeed:hover {
    background-image: url(/Style%20Library/images/background_button_rss_hover.png);
}

#contentright .module.gray .date {
    font-weight: bold;
    line-height: 130%;
}

#contentright .module.gray h3 {
    font-weight: bold;
    line-height: 130%;
    font-size: 17.5px;
}

#contentright .module.gray .newstext {
    line-height: 130%;
    font-size: 14px;
}

#contentright .module.gray .readmore {
    color: #00a1ce;
    text-decoration: none;
    line-height: 130%;
}

#contentright .module.gray .readmore:hover {
    color: #00a1ce;
    text-decoration: underline;
    line-height: 130%;
}

#contentright .module .datepicker {
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
    margin-bottom: -10px;
}

#contentright .module .datepicker tr.currentweek {
    background-color: #CCC;
}

#contentright .module .datepicker td.today {
    border: 1px solid #999;
}

#contentright .module .datepicker td a {
    color: #033b77;
    text-decoration: none;
    font-weight: bold;
}

#contentright .module .datepicker td a:hover {
    color: #033b77;
    text-decoration: underline;
}

#contentright .datepicker thead th {
    padding-bottom: 10px;
}

#contentright .datepicker #datepickerright {
    display: block;
    width: 20px;
    height: 16px;
    background-image: url(/Style%20Library/images/button_datepicker_right.png);
    background-repeat: no-repeat;
    background-position: left top;
    float: right;
}

#contentright .datepicker #datepickerright:hover {
    background-image: url(/Style%20Library/images/button_datepicker_right_hover.png);
}

#contentright .datepicker #datepickerleft {
    display: block;
    width: 20px;
    height: 16px;
    background-image: url(/Style%20Library/images/button_datepicker_left.png);
    background-repeat: no-repeat;
    background-position: left top;
    float: left;
}

#contentright .datepicker #datepickerleft:hover {
    background-image: url(/Style%20Library/images/button_datepicker_left_hover.png);
}

/* #contentbottom */
#contentbottom .banneritem {
    width: 300px;
    /*    -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;*/
    height: 180px;
    float: left;
    margin-left: 25px;
    background-color: #CCC;
    margin-bottom: 20px;
}

#contentbottom .banneritem:first-child {
    margin-left: 0px;
}

ul.bannerSlider {
    list-style-type: none;
    margin: 0;
    padding-left: 0;
    position: relative;
}

.bannerContentItem .bannerHeader h2 {
    line-height: 120%;
    padding-top: 13px;
    color: #044F9F;
    font-size: 19px;
    font-weight: bold;
    margin-left: 20px;
}

div.sliderPanel {
    width: 310px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    height: 215px;
    float: left;
}

div#mainContentPanel {
    width: 650px;
}

#mainContentPanel div.bannerContentItem {
    width: 300px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    height: 195px;
    float: left;
    margin-right: 7px;
    margin-left: 7px;
    background-color: #CCC;
    margin-bottom: 20px;
    background-size: 100% 100%;
}



ul.bannerSlider .bannerHeader {
    background-color: white;
    position: absolute;
    top: 20px;
    left: 0;
    opacity: 0.93;
    border-radius: 0;
    height:50px;
}

ul.bannerSlider .bannerHeader h2 {
    padding: 10px;
    margin-left: 0;
    padding-top:2px;
}

#mainContentPanel ul.bannerSlider > li > div {
    margin: 0;
    border-radius: 0;
    width:310px;
}

#mainContentPanel ul.bannerSlider > li > div a {
    font-size: 19px;
    font-weight: 500;
    cursor: pointer;
}

#mainContentPanel > div:nth-child(odd) {
    margin-right: 25px;
}

#contentbottom .banneritem1 {
    background-image: url(/Style%20Library/images/background_banneritem1.png);
    background-position: center center;
    background-repeat: no-repeat;
}

#contentbottom .banneritem2 {
    background-image: url(/Style%20Library/images/background_banneritem2.png);
    background-position: center top;
    background-repeat: no-repeat;
}

#contentbottom .banneritem3 {
    background-image: url(/Style%20Library/images/background_banneritem3.png);
    background-position: center center;
    background-repeat: no-repeat;
}

#contentbottom .banneritem .h2wrap {
    /*    -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;*/
    background-image: url(/Style%20Library/images/background_banneritem_h2.png);
    height: 72px;
}

#contentbottom .banneritem h2 {
    color: #044F9F;
    font-size: 19px;
    font-weight: bold;
    margin-left: 20px;
}

#contentbottom .banneritem h2 a {
    color: #044F9F;
    text-decoration: none;
}

#contentbottom .banneritem h2 a:hover {
    color: #044F9F;
    text-decoration: underline;
}

#contentbottom .h2wrap.single h2 {
    line-height: 100%;
    padding-top: 28px;
}

#contentbottom .h2wrap.double h2 {
    line-height: 120%;
    padding-top: 13px;
}

/* #footerlinks */
#footerlinks h3 {
    margin-bottom: 10px;
    margin-right: 10px;
    font-size: 12px;
    color: #FFF;
}

#footerlinks ul {
    /* margin: 0px; */
    padding: 0px;
}

#footerlinks li {
    list-style-type: none;
}

#footerlinks .col {
    float: left;
    width: 160px;
    text-align: center;
    color: #FFF;
    margin-top: 25px;
}

/*#footerlinks .col1 {
    margin-left: 45px;
}*/
#footerlinks .col2, #footerlinks .col3, #footerlinks .col4 {
    margin-left: 80px;
}

#footerlinks ul li {
    line-height: 115%;
}

#footerlinks a {
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
}

#footerlinks a:hover {
    color: #FFF;
    text-decoration: underline;
}

/* #footer */
#footer {
    color: #FFF;
}

#footer .col1, #footer .col2, #footer .col3, #footer .col4, #footer .col5 {
    float: left;
    line-height: 120%;
    margin-top: 20px;
}

#footer .col1 {
    width: 200px;
    font-size: 12px;
}

#footer .col2 {
    width: 140px;
    margin-left: 10px;
    font-size: 12px;
}

#footer .col3 {
    width: 150px;
    margin-left: 0px;
    font-size: 12px;
}

#footer .col4 a {
    color: #ffd400;
    text-decoration: underline;
}

#footer .col4 {
    width: 150px;
    margin-left: 10px;
}

#footer .col5 {
    width: 320px;
    margin-left: 10px;
    font-size: 10px;
}

/* #preload */
#preload {
    display: none;
}

/* Inner side */

#innercontent #contentleft .module {
    width: 230px;
    /*    -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;*/
    margin-bottom: 20px;
}

#innercontent #contentleft .modulewrap {
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 15px;
}

#innercontent #contentleft .module.cyan {
    background-color: #AFDDF6;
}

#innercontent #contentleft .module.cyan ul.leftmenu {
    margin-left: 5px;
}

#innercontent #contentleft .module.cyan ul.leftmenu li {
    padding-top: 15px;
    line-height: 120%;
}

#innercontent #contentleft .module.cyan ul.leftmenu li:first-child {
    padding-top: 0px;
    line-height: 120%;
}

#innercontent #contentleft .module.cyan ul.leftmenu li a {
    color: #000;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
}

#innercontent #contentleft .module.cyan ul.leftmenu li a:hover {
    color: #000;
    text-decoration: underline;
}

#innercontent #contentleft .module.cyan ul.leftmenu li ul.leftsubmenu li {
    margin-left: 10px;
    padding-top: 3px;
}

#innercontent #contentleft .module.cyan ul.leftmenu li ul.leftsubmenu li:first-child {
    padding-top: 4px;
    line-height: 120%;
}

#innercontent #contentleft .module.cyan ul.leftmenu li ul.leftsubmenu li a {
    font-weight: normal;
    font-size: 14px;
}

/*#innercontent #contentright {
	padding-bottom: 45px;
}*/

/*body #s4-ribbonrow {
    min-height: 0 !important;
    height: auto !important;
}*/

.link-item {
    font-size: 10pt !important;
}

/*
Updated footer
*/

#footerlinks h3 {
    font-weight: bold;
}

#footerlinks .col {
    text-align: left;
    margin-right: 10px;
}

#footerlinks .col1 {
    width: 200px;
}

#footerlinks .col2 {
    margin-left: 0px;
    width: 225px;
}

#footerlinks .col3 {
    margin-left: 0px;
    width: 245px;
}

#footerlinks .col4 {
    margin-left: 0px;
    width: 245px;
}

#footerlinks a {
    font-weight: normal;
}

#footerContainer {
    background-color: #3672B2;
}

#footer {
    margin-left: auto;
    margin-right: auto;
    width: 970px;
}

#footer [class*="col"] {
    margin-right: 10px;
}

#footer .col2 {
    margin-left: 0px;
    width: 225px;
}

#footer .col3 {
    margin-left: 0px;
    width: 245px;
}

#footer .col4 {
    margin-left: 0px;
    width: 245px;
}

#footer .commentLink {
    color: #C9946D;
}

#submenu .s4-search .ms-sbplain {
    border: 1px solid #B3B3B3;
    height: 22px;
    /*    -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;*/
    color: #B3B3B3;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    line-height: 22px;
    width: 151px !important;
    margin-left: 2px;
}

#submenu .s4-search .srch-gosearchimg {
    background: transparent;
    border: 0px none transparent !important;
    background-color: transparent;
}

#submenu .s4-search .srch-AutoCompContainer {
    margin-top: 27px;
}

/* cross browser support */
.languages-select {
    border: none;
}

/* custom css */

#redirect-notification.s4-status-s3 {
    background: #f99c02;
    color: #fff;
    border-color: #e0880a;
}

#redirect-notification {
    font-size: 1.2em !important;
    text-align: center;
}

#submenu.shortMenu {
    width: 220px;
}

#submenu.shortMenu #search {
    width: 120px;
    margin-left: 2px;
}

#submenu #search {
    width: 225px;
    margin-left: 2px;
}

#submenu #search.active {
    color: black;
}

#magnify {
    cursor: pointer;
}

.newIcon {
    width: 25px;
    height: 25px;
    float: left;
    margin-top: 4px;
}

/*
Acer home page content
------------------------------------------------------------------------------------------------------------------------
*/
.ms-WPBorder {
    border: none;
}

.pageContent {
    padding-top: 15px;
}

.pageLeftContent {
    float: left;
    width: 630px;
}

.pageLeftContent .contentSlider {
    /* height: 360px; */
    width: 620px;
}

.pageRightColumn {
    float: right;
    /*    width: 300px;*/
}

.pageRightColumn .module {
    /*    width: 300px;*/
    /*    -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;*/
    min-height: 100px;
}

.pageRightColumn .module hr {
    display: none;
}

.pageRightColumn .module h2 {
    font-size: 18px;
    color: white;
    font-weight: 400;
    padding: 15px;
    background-color: #3672b2;
    margin-bottom: 15px;
}

.pageRightColumn .module.gray {
    /*    background-color: #E6E6E6;*/
}

.pageRightColumn .module.blue {
    background-color: white;
    height: 245px;
    margin-bottom:40px;
}

.connect-acer-panel {
    clear: both;
    padding-left: 20px;
    padding-top: 5px;
}

.connect-links-panel{
    padding-top: 5px;
}

.pageRightColumn .module.blue hr {
    margin-left: 10px;
    margin-right: 10px;
    border-top: 1px solid #333;
    border-bottom: none;
    height: 1px;
}



.pageRightColumn .module.blue .col1 {
    float: left;
    width: 121px;
}

.pageRightColumn .module.blue .col2 {
    float: right;
    width: 121px;
}

.pageRightColumn .module.blue .col1 p,
.pageRightColumn .module.blue .col2 p {
    margin-bottom: 15px;
    font-size: 13px;
    color: #202020;
}

.pageRightColumn .module.blue .linkButton {
    width: 121px;
    height: 30px;
    border: none;
    background-repeat: no-repeat;
    display: block;
    color: transparent;
}

.pageRightColumn .module.blue .newsLetterLink.linkButton {
    background-image: url(../images/acer_2016_newsletter.png);
    transition: 0.2s ease transform;
}

/*.pageRightColumn .module.blue .newsLetterLink.linkButton:hover {
    transform:scale(1.02);
}*/

.pageRightColumn .module.blue .rssFeedLink.linkButton {
    background-image: url(../images/acer_2016_feed.png);
    transition: 0.2s ease transform;
}

/*.pageRightColumn .module.blue .rssFeedLink.linkButton:hover {
    transform:scale(1.02);
}*/

.pageRightColumn .modulewrap2 {
    /*padding: 25px 20px 15px 20px;*/
}

.pageRightColumn .modulewrap3 {
    padding: 15px 20px 15px 20px;
}

.pageContent .pageLeftContent .banneritem {
    width: 300px;
    /*    -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;*/
    height: 195px;
    float: left;

    margin-right: 7px;
    margin-left: 7px;
    background-color: #CCC;
    margin-bottom: 40px;
    position: relative;
}

.pageContent .banneritem .h2wrap {
    /*    -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;*/
    background-color: white;
    position: absolute;
    top: 20px;
    left: 0;
}

.pageContent .banneritem h2 {
    color: #044F9F;
    font-size: 19px;
    font-weight: 500;
}

.pageContent .banneritem .h2wrap.oneRow h2 {
    line-height: 100%;
    padding-top: 28px;
    font-size: 13px;
}

.pageContent .banneritem .h2wrap.twoRows h2 {
    padding: 10px;
}

.pageContent .banneritem .h2wrap.threeRows h2 {
    line-height: 120%;
    padding-top: 13px;
}

.pageContent .banneritem h2 a {
    color: #044F9F;
    text-decoration: none;
}

.pageContent .banneritem h2 a:hover {
    color: #044F9F;
    text-decoration: underline;
}

.pageContent .banneritem:first-child {
    margin-right: 29px;
    margin-left: 0;
}

.pageContent .banneritem1 {
    background-image: url("/Style%20Library/images/Latest_vacancies.jpg");
    background-position: center top;
    background-repeat: no-repeat;
}

.pageContent .banneritem2 {
    background-image: url("/Style%20Library/Images/Lighthouse_OLD4_.jpg");
    background-position: center center;
    background-repeat: no-repeat;
}

.pageBottomContent .pageLeftContent {
    width: 630px;
}

.bannerextendeditemR {
    background-image: url(/Style%20Library/images/Consumers_Corner.jpg);
    background-position: center bottom;
    background-repeat: no-repeat;
}

.bannerextendeditemR {
    /* width: 630px; */
    /*    -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;*/
    height: 180px;
    float: left;
    margin-left: 7px;
    background-color: #CCC;
    margin-bottom: 30px;
    margin-right: 7px;
}

.bannerextendeditemL {
    /* width: 630px; */
    */ /*-webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;*/ height: 180px;
    float: left;
    margin-left: 7px;
    background-color: #CCC;
    margin-bottom: 30px;
    margin-right: 7px;
}

.bannerextendeditemL {
    */ background-position: center bottom;
    background-image: url(/Style%20Library/images/bannerextended_R.jpg);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-position: center bottom;
}

.bannerextendeditemR h2 {
    color: #044F9F;
    font-size: 19px;
    font-weight: bold;
    margin-left: 20px;
    line-height: 100%;
    padding-top: 15px;
    height: 72px;
    /* MARGIN-top: -30px; */
}

.bannerextendeditemL h2 {
    color: #044F9F;
    font-size: 19px;
    font-weight: bold;
    margin-left: 20px;
    line-height: 100%;
    padding-top: 15px;
    height: 72px;
    /* MARGIN-top: -30px; */
}

.bannerextendeditemR .h2wrap {
    /*    webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;*/
    background: white;
    height: px;
    margin-top: 120px;
    text-align: left;
    width: 300px;
    float: right;
}

.bannerextendeditemL .h2wrap {
    /*    webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;*/
    background-image: url(/Style%20Library/images/background_banneritem_h2.png);
    height: px;
    margin-top: 120px;
    text-align: left;
    width: 300px;
    float: right;
    background-color: #C3C1C1;
}

.bannerextendeditem {
    width: 636px;
    /*    -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;*/
    height: 180px;
    float: left;
    margin-left: 0px;
    background-color: #CCC;
    margin-bottom: 40px;
    position: relative;
}

.bannerextendeditem {
    background-image: url(/Style%20Library/images/background_bannerextendeditem.jpg);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

.bannerextendeditem h2 {
    color: #044F9F;
    font-size: 19px;
    font-weight: 500;
    line-height: 100%;
    padding: 10px;
}

.bannerextendeditem h2 a {
    color: #044F9F;
    text-decoration: none;
}

.bannerextendeditem h2 a:hover {
    color: #044F9F;
    text-decoration: underline;
}

.bannerextendeditem .h2wrap {
    /*    -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;*/
    float: right;
    position: absolute;
    top: 20px;
    left: 0;
    background: white;
}

/*
------------------------------------------------------------------------------------------------------------------------
Acer home page content
*/

/**
Acer news item
**/

#acerNewsSliderContainer .acerNewsItem {
    clear: both;
    height: 300px;
    width: 600px;
    padding: 0 30px 0 55px;
    box-sizing: border-box;
    overflow:hidden;
}

#acerNewsSliderContainer .acerNewsItem h1.newsTitle a {
    font-size: 24px;
    font-weight: bold;
    color: #D3A788;
    margin-bottom: 10px;
    display: block;
    clear: both;
}

#acerNewsSliderContainer .acerNewsItem .newsPublishDate {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 15px;
    display: inline-block;
    color: white;
}

#acerNewsSliderContainer .acerNewsItem .image-area-left {
    float:left;
 	max-width:200px;
 	width:auto;
 	margin-top:0;
    margin-right: 15px;
    display: inline-block;
    vertical-align: top;
}

#acerNewsSliderContainer .acerNewsItem .image-area-left img {
    width: auto;
}

#acerNewsSliderContainer .acerNewsItem div.newsBody {
    font-size: 14px;    
    line-height: 115%;
    text-align: justify;
}

#acerNewsSliderContainer .acerNewsItem div.newsBody p {
    color: white;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
    max-height: 145px;
    overflow: hidden;
    line-height:1.2;
}

#acerNewsSliderContainer .acerNewsItem div.newsBody a.acerContentMoreLink {
    float: right;
}

#acerNewsSliderContainer .acerNewsItem div.newsBody a{
	color:#D3A788;
}

#acerNewsSliderContainer .bx-controls-direction a {
    top: 94%;
    text-indent: 0;
    font-size: 0;
}

#acerNewsSliderContainer .bx-viewport {
    border-width: 0px;
    margin-left: 5px;
    margin-left: 0px \9; /* IE 8 and below */
}

#acerNewsSliderContainer .bx-prev {
    left: 0px;
}

#acerNewsSliderContainer .bx-controls-direction-next-wording {
    display: inline-block;
    color: #D3A788;
    font-size: 14px;
}

#acerNewsSliderContainer .link-to-news-list {
    display: inline-block;
    color: #c9946d;
    font-size: 14px;
}

#acerNewsSliderContainer .wrapper {
    color: #D3A788;
    font-size: 14px;
}

#acerNewsSliderContainer .bx-controls-direction-next-wording:hover {
    text-decoration: underline;
    cursor: pointer;
}

#acerNewsSliderContainer .link-to-news-list:hover {
    text-decoration: underline;
    cursor: pointer;
}

/**
Acer Hot news item
**/
#AcerWebPart .ms-WPHeaderTd {
    border-bottom-width: 0px;
    padding-bottom: 10px;
}

#acerHotNewsContainer {
    width: 210px;

}

#acerHotNewsContainer .AcerHotNewsItem {
    clear: both;
    /*height: 210px;*/
    height: auto !important;
    padding-bottom: 20px;

    width: 180px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    margin-left: 5px;
}

#acerHotNewsContainer .bx-viewport {
    padding-bottom: 30px;
!important;

    /*    -moz-border-radius: 12px;
        -webkit-border-radius: 12px;
        border-radius: 12px;*/

}

#acerHotNewsContainer .AcerHotNewsItem h1.newsTitle {
    font-size: 12px;
    font-weight: bold;
    color: #044f9f;
    margin-bottom: 10px;
    display: block;
    clear: both;
    margin-left: 5px;
}

#acerHotNewsContainer .AcerHotNewsItem .newsPublishDate {
    font-weight: bold;
    margin-bottom: 15px;
    display: inline-block;
    clear: both;
    margin-left: 10px;
}

#acerHotNewsContainer .AcerHotNewsItem div.newsBody {
    font-size: 10px;
    font-family: "arial", "sans-serif";
    line-height: 115%;
    text-align: justify;
}

#acerHotNewsContainer .AcerHotNewsItem div.newsBody a.acerContentMoreLink {
    float: right;
}

#acerHotNewsContainer .bx-controls-direction a {
    top: 90%;
}

#acerHotNewsContainer .bx-viewport {
    border-width: 0px;
    margin-left: 5px;
    margin-left: 0px \9; /* IE 8 and below */
}

#acerHotNewsContainer .bx-prev {
    left: 6px;
}

#acerHotNewsContainer .bx-next {
    right: 6px;
}

#acerHotNewsContainer .bx-controls-direction-next-wording {
    position: absolute;
    margin-top: -25px;
    right: 50px;
}

#acerHotNewsContainer .bx-controls-direction-next-wording:hover {
    text-decoration: underline;
    cursor: pointer;
}

.AcerHotNewsTitle span {
    font-size: 22px;
    font-weight: Bold;
    color: #044f9f;
    margin-botton: 20px;

}

.AcerHotNewsDate {
    margin-bottom: 10px;
}

.AcerHotNewsDate span {
    font-weight: Bold;
}

.AcerHotNewsImage img {
    float: left;
    margin-right: 10px;
}

.AcerHotNewsImage {
    line-height: 20px;
    word-break: break-all;
}

.AcerHotNewsBody {
    clear: both;
}

.AcerHotNewsBody span {
    font-size: 14px;
    font-family: Arial;
    float: left;
    margin-top: 20px;
}

/*
Acer Documents
*/

#AcerDocumentsContainer {
    width: 200px;

}

#AcerDocumentsContainer .AcerDocumentItem {
    clear: both;
    /* height: 210px; */
    height: auto !important;
    padding-bottom: 20px;

    width: 180px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    margin-left: 5px;
}

#AcerDocumentsContainer .bx-viewport {
    background-color: #E6E6E6 !important;
    padding-bottom: 30px;
!important;

    /*    -moz-border-radius: 12px;
        -webkit-border-radius: 12px;
        border-radius: 12px;*/
    -moz-box-shadow: 0 0 15px #ccc;
    -webkit-box-shadow: 0 0 15px #ccc;
    box-shadow: 0 0 15px #ccc;
}

#AcerDocumentsContainer .AcerDocumentItem h1.DocumentTitle {
    font-size: 12px;
    font-weight: bold;
    color: #044f9f;
    margin-bottom: 10px;
    display: block;
    clear: both;
    margin-left: 5px;
}

#AcerDocumentsContainer .AcerDocumentItem .DocumentPublishDate {
    font-weight: bold;
    margin-bottom: 15px;
    display: block;
    clear: both;
    margin-left: 10px;
}

#AcerDocumentsContainer .AcerDocumentItem div.AcerDocumentSummary {
    font-size: 10px;
    font-family: "arial", "sans-serif";
    line-height: 115%;
    text-align: justify;
}

#AcerDocumentsContainer .AcerDocumentItem div.DocumentSummary a.acerContentMoreLink {
    float: right;
}

#AcerDocumentsContainer .bx-controls-direction a {
    top: 90%;
}

#AcerDocumentsContainer .bx-viewport {
    border-width: 0px;
    margin-left: 5px;
    margin-left: 0px \9; /* IE 8 and below */
}

#AcerDocumentsContainer .bx-prev {
    left: 6px;
}

#AcerDocumentsContainer .bx-next {
    right: 6px;
}

#AcerDocumentsContainer .bx-controls-direction-next-wording {
    position: absolute;
    margin-top: -25px;
    right: 50px;
}

#AcerDocumentsContainer .bx-controls-direction-next-wording:hover {
    text-decoration: underline;
    cursor: pointer;
}

.AcerHotNewsTitle span {
    font-size: 22px;
    font-weight: Bold;
    color: #044f9f;
    margin-botton: 20px;

}

.DocumentPublishDate {
    margin-bottom: 10px;
}

.DocumentPublishDate span {
    font-weight: Bold;
}

/*
Acer default events list
------------------------------------------------------------------------------------------------------------------------
*/

.acerEventsListContainerWebPart {
    width: 260px;
    padding: 20px;
    height: 190px;
}

.acerEventsListContainerWebPart h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #044f9f;
    font-weight: bold;
    padding-bottom: 20px;
}

.acerEventsListContainerWebPart .bx-viewport {
    border-width: 0px;
    background: transparent;
    -moz-box-shadow: 0 0 0px #ccc;
    -webkit-box-shadow: 0 0 0px #ccc;
    box-shadow: 0 0 0px #ccc;
}

.acerEventsListContainerWebPart .bx-wrapper .bx-pager {
    padding-top: 0px;
    bottom: -10px;
}

.acerEventsListContainerWebPart .acerEventListContainer .eventItem {
    clear: both;
    height: 133px;
    width: 260px;
}

.acerEventsListContainerWebPart .acerEventListContainer .eventItem span.eventDateTime {
    font-size: 12px;
    display: block;
    padding-bottom: 10px;
}

.acerEventsListContainerWebPart .acerEventListContainer .eventItem span.eventTitle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #044f9f;
    font-weight: bold;
    margin-bottom: 15px;
}

/*
------------------------------------------------------------------------------------------------------------------------
End Acer default events list
*/

/*
Acer default calendar
------------------------------------------------------------------------------------------------------------------------
*/

.acerEventsContainerWebPart {
    width: 260px;
    color: Black;
    padding: 20px;
}

.acerEventsContainerWebPart .acerCalendarContainer {
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.acerEventsContainerWebPart .acerCalendarContainer h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #044f9f;
    font-weight: bold;
    margin-bottom: 23px;
}

.acerEventsContainerWebPart .acerCalendarContainer .acerEventCalendar {
    width: 250px;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
}

.acerEventsContainerWebPart .acerCalendarContainer .acerEventCalendar .acerEventCalendarTitle {
    font-weight: bold;
}

div.acerEventsContainerWebPart_eventToolTip {
    padding: 5px 10px 5px 5px;
}

div.acerEventsContainerWebPart_eventToolTip ul {
    list-style: circle;
}

div.acerEventsContainerWebPart_eventToolTip li {
    padding-top: 3px;
    padding-bottom: 3px;
    margin-left: 15px;
}

div.acerEventsContainerWebPart_eventToolTip li span.eventDateTime {
    font-size: 11px;
    display: block;
    padding-bottom: 3px;
    color: #666666;
}

div.acerEventsContainerWebPart_eventToolTip li span.eventTitle {
    font-size: 12px;
    padding-bottom: 3px;
    color: Black;
}

div.acerEventsContainerWebPart_eventToolTip li span.eventTitle a {
    font-weight: bold;
    text-decoration: underline;
}

.acerEventsContainerWebPart .acerEventCalendar td {
    font-size: 14px;
    height: 20px;
}

.acerEventsContainerWebPart .acerEventCalendar td.dayHeader {
    font-weight: bold;
}

.acerEventsContainerWebPart .acerEventCalendar td.otherMonth {
    color: #C0C0C0;
    background-color: #E2E2E2;
}

.acerEventsContainerWebPart .acerEventCalendar td.currentDay {
    border: medium solid #0000FF;
}

.acerEventsContainerWebPart .acerEventCalendar td.withEvent {
    background-color: #CCFFFF;
    font-weight: bold;
}

.acerEventsContainerWebPart .acerEventCalendar td.withEvent.otherMonth {
    background-color: #DBF0F0;
    font-weight: bold;
}

.acerEventsContainerWebPart .acerEventCalendar td.withEvent:hover {
    background-color: #000099;
    text-decoration: underline;
    cursor: pointer;
    color: #FFFFFF;
}

/*
------------------------------------------------------------------------------------------------------------------------
End Acer default calendar and news
*/

/* Audience based webparts styles*/
.featured_header .viewer-title,
.targeted_header .viewer-title,
.others_header .viewer-title {
    margin-top: 10px;
}

.featured_header .viewer-title,
.targeted_header .viewer-title,
.others_header .viewer-title {
    display: block;
    color: #ffffff;
    font-size: 20px;
    font-weight: normal;
    line-height: 120%;
    padding: 5px 10px;
    /*    -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright:5px;
        -moz-border-radius-bottomleft:0px;
        -moz-border-radius-bottomright:0px;
        -webkit-border-top-left-radius:5px;
        -webkit-border-top-right-radius:5px;
        -webkit-border-bottom-left-radius:0px;
        -webkit-border-bottom-right-radius:0px;
        border-top-left-radius:5px;
        border-top-right-radius:5px;
        border-bottom-left-radius:0px;
        border-bottom-right-radius:0px;*/
}

.featured_header .viewer-title {
    background: #027AFA;
}

.targeted_header .viewer-title {
    background: #0467D1;
}

.others_header .viewer-title {
    background: #044f9f;
}

.featured_container {
    border: 1px solid #027AFA;
}

.targeted_container {
    border: 1px solid #0467D1;
}

.others_container {
    border: 1px solid #044f9f;
}

.featured_container,
.targeted_container,
.others_container {
    padding: 1px 15px;
    color: #333333;
    margin-bottom: 20px;
    margin-top: 0px;
    /*    -moz-border-radius-topleft: 0px;
        -moz-border-radius-topright:0px;
        -moz-border-radius-bottomleft:5px;
        -moz-border-radius-bottomright:5px;
        -webkit-border-top-left-radius:0px;
        -webkit-border-top-right-radius:0px;
        -webkit-border-bottom-left-radius:5px;
        -webkit-border-bottom-right-radius:5px;
        border-top-left-radius:0px;
        border-top-right-radius:0px;
        border-bottom-left-radius:5px;
        border-bottom-right-radius:5px;*/
}

.Datum {
    font-weight: bold !important;
    margin-bottom: 15px !important;
    margin-top: 20px;
}

/* end of audience based webparts styles*/

/* Vocabulary styles */
abbr[title] {
    border-bottom: 1px dashed blue !important;
    cursor: help;
}

/*--- Footer ---*/

.body-with-footer {
    min-height: 100%;
    position: relative;
}

.content-with-footer {
    padding-bottom: 345px;
}

.footer-bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 335px;
    z-index: -1;
}

/*--- Footer end ---*/

/* search box fixes*/

.ms-srch-sb > input {
    width: 170px;
}

/* end of search box fixes*/

#DeltaPlaceHolderMain > .article.article-body, #DeltaPlaceHolderMain > .newsitem, #DeltaPlaceHolderMain > table {
    padding: 40px;
    margin-bottom: 40px;
    background: white;
}

#DeltaPlaceHolderMain > .article.article-body::after, #DeltaPlaceHolderMain > .newsitem, #DeltaPlaceHolderMain > table::after{
    content: "";
    display: table;
    clear: both;
}

#DeltaPlaceHolderMain > .article-body h1, #DeltaPlaceHolderMain > .newsitem h1 {
    margin-bottom: 30px;
    font-size: 23px;
    font-weight: bold;
    color: #044f9f;
}

#DeltaPlaceHolderMain > .article.article-body .bx-wrapper .bx-viewport {
    box-shadow: none;
}

#DeltaPlaceHolderMain > .article.article-body .Novice h2 {
    margin: 10px 0;
    font-size: 18px;
    font-weight: bold;
    color: #044f9f;
}

#DeltaPlaceHolderMain > .article.article-body div.ms-webpart-cell-vertical {
    margin-left: 0;
}

#DeltaPlaceHolderMain > .article.article-body .bx-wrapper .bx-viewport .newsTitle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #044f9f;
    font-weight: bold;
    margin-bottom: 15px;
}

#DeltaPlaceHolderMain > .article.article-body .bx-wrapper .bx-viewport .newsBody {
    padding: 0 20px 20px;
}

#DeltaPlaceHolderMain > .article.article-body .bx-wrapper .bx-viewport .AcerHotNewsItem {
    padding: 0;
    margin: 0;
    width: 100%;
}

#DeltaPlaceHolderMain > .article.article-body #acerHotNewsContainer .AcerHotNewsItem .newsPublishDate {
    margin-left: 20px;
}

#header a.acer-blanklogo:hover {
    text-decoration: none;
}

#DeltaPlaceHolderMain > p, #DeltaPlaceHolderMain > p + a{
    padding: 40px;
    background: white;
    overflow:hidden;
}

#DeltaPlaceHolderMain > p + a{
    margin-bottom:40px;
    display:block;
}

#DeltaPlaceHolderMain > [style*=padding-left]{
    background:white;
    padding:40px!important;
}

/* end of custom css*/

/***********************
2017 changes
************************/

#DeltaPlaceHolderMain > .article.article-body .bx-wrapper .bx-pager.bx-default-pager a {
    width: 15px;
    height: 15px;
    background-color: #92b0cc;
    border-radius: 0;
}

.language-wrapper{
    padding: 0.5em 0.5em;
    background-color: #AFDDF6;
    border: 0;
}

.language-wrapper select{
    margin:5px 5px 5px 0;
    padding: 3px;
    background-color: #AFDDF6;
}


#DeltaPlaceHolderMain > .article.article-body .bx-wrapper .bx-pager.bx-default-pager a:hover, #DeltaPlaceHolderMain > .article.article-body .bx-wrapper .bx-pager.bx-default-pager a.active {
    background-color: #3672b2;
}

#DeltaPlaceHolderMain > .article.article-body .bx-wrapper .bx-controls-direction {
    display: none;
}

#flatNavigation {
    margin-top: -17px;
}

.acerScroller-Container {
    background: #EFF0F6;
}

div#contentBox {
    margin-right: 0;
}

div#s4-workspace {
    background: #EFF0F6;
}

.contentSlider .ms-webpart-cell-vertical {
    margin-bottom: 0;
}

/*div.ms-webpart-cell-vertical{
    margin-left:20px;
}*/

.ms-webpart-chrome-title .ms-webpart-titleText nobr span:first-child {
    margin-top: 15px;
    font-size: 18px;
    font-weight: normal;
    padding-top: 15px;
    padding-bottom: 15px;
}

.o365cs-nav-header16 #O365_MainLink_Help {
    display: none;
}

.RightWebPart.RightWebPart nobr span:first-child {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: white;
    font-weight: 400;
    padding: 15px;
    background-color: #3672b2;
    margin-left: 0;
    display: block;
    margin-top:0;
}

.RightWebPart {
    margin-left: 10px;
    border-left: 2px solid rgba(4, 79, 159, 0.3);
    padding-left: 10px;
}

#header .headerLinks .bannerLink4 {
    display: none;
}

.ms-webpartzone-cell {
    margin-bottom: 30px;
}

.ms-webpart-titleText span:first-child {
    font-size: 18px;
    color: #3672b2;
    font-weight: 500;

}

[summary*=Participants] tr:nth-child(even), [summary*=Documents] tr:nth-child(even),[summary*=Participants] thead tr,[summary*=Documents] thead tr, .agenda-table tr:first-child{
    background-color: #D3DFEE;
}




[summary*=Documents], [summary*=Participants] {
    width: 100%;
}

[summary*=Documents] thead tr th, [summary*=Participants] thead tr th {
    color: #777;
    font-size: 15px !important;
    font-weight: bold;
    padding-bottom: 5px;
    padding-top: 5px;
}

h2.acerRegistrationTitle.acerRegistrationTitle {
    margin-top: 0;
    font-size: 18px;
    color: #3672b2;
    font-weight: 500;
}

/*#horizontal-menu{
    display:none;
}*/
#AcerEventCalendar th {
    background: #f4f5fb;
    color:black;
}

#page#page #tab-content button{
    border-radius:0;
}

#ViewEventsSelectorLinks a{
    border-radius:0!important;
}

#groupPresentationView{
    padding: 40px;
    margin-bottom: 40px;
    background: white;
    overflow: hidden;
}


/****************************
acer left part ms-ref-refiner
******************************/
.ms-ref-refiner .ms-displayInlineBlock{
    font-weight: bold;
    COLOR: #4C5B72;
    font-size: 14px;
}

#FilterLink div{
    padding-left:5px;
    font-size:12px;
    color: #3672b2;
}

#unselToggle .ms-displayInlineBlock{
    font-size:10px;
}

.ms-ref-refiner{
    padding:0;
}

.ms-ref-refiner #Value{
    width:100%;
}

.ms-ref-selSec #FilterLink#FilterLink{
    border-top: 1px solid #b1def6;
    border-left: 1px solid #b1def6;
    border-bottom: 1px solid #b1def6;
    background-color:white;
}

#FilterLink#FilterLink:hover{
    color: #3264A0;
}

.ms-searchCenter-refinement{
    background-color:transparent;
}

#sideNavBox{
    margin-left:0;
    padding:10px 0 10px 10px;
    background-color:rgb(236,236,236);
    margin-right:0;
}

/**********
acer search
**********/

#SearchBox.ms-floatLeft{
    float:none;
    text-align: center;
    margin-bottom: 2em;
    background: #e3f3fc;
    border: 1px solid #b1def6;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}

.ms-searchCenter-result-main .ms-webpart-zone{
    background-color:white;
    padding:10px;
    margin-bottom:20px;
}

/*****************************
*acernewsSliderContainer
*******************************/
#acerNewsSlider{
	padding:0;
}

#acerNewsSliderContainer .bx-wrapper .bx-viewport {
    background-color: #3672b2;
}

#acerNewsSliderContainer .bx-controls-direction a {
    top: 50%;
    width: 15px;
    height: 15px;
}

#acerNewsSliderContainer .bx-prev {
    background-image: none;
    border-left: 4px solid white;
    border-bottom: 4px solid white;
    transform: rotate(45deg) translatey(-50%);
    left: 8px;
}

#acerNewsSliderContainer .bx-next {
    background-image: none;
    border-right: 4px solid white;
    border-bottom: 4px solid white;
    transform: rotate(-45deg) translatey(-50%);
}

#acerNewsSliderContainer .bx-controls-auto {
    bottom: 20px;
    right: 20px;
}

#acerNewsSliderContainer .bx-controls-auto .bx-start {
    background: none;
    width: 0;
    height: 0;
    border-bottom: 10px solid #92b0cc;
    border-left: 10px solid transparent;
    transform: rotate(-45deg);
    margin-top: 2px;
    margin-left: -1px;
    text-indent: 0;
    font-size: 0;
}

#acerNewsSliderContainer .bx-controls-auto .bx-controls-auto-item {
    float: right;
}

#acerNewsSliderContainer .bx-controls-auto .bx-stop {
    width: 2px;
    height: 14px;
    border-left: 5px solid #92b0cc;
    border-right: 5px solid #92b0cc;
    background: none;
}

#acerNewsSliderContainer .bx-wrapper .bx-pager {
    bottom: 20px;
    left: 50px;
}

#acerNewsSliderContainer .bx-wrapper .bx-pager.bx-default-pager a {
    width: 15px;
    height: 15px;
    background-color: #92b0cc;
    border-radius: 0;
}

#acerNewsSliderContainer .bx-wrapper .bx-pager.bx-default-pager a.active {
    background-color: white;
}

/*********************
 HEADER STYLING(eworx.css
  ********************/

#header {
    width: 100%;
    min-width: 970px;
    margin-left: auto;
    margin-right: auto;
    background: url(../images/acer_2016_theme.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #005CB8;
    height: 160px;
    position: relative;
    z-index: 11;
}

#header a {
    display: block;
    float: left;
}

#header ul.headerLinks {
    display: block;
    float: left;
    margin-top: 10px;
    margin-left: 210px;
    position: relative;
}

#header ul.headerLinks li {
    display: inline-block;
    position: absolute;
    top: 0;
}

#header ul.headerLinks li.bannerLink1 {
    left: 0;
    z-index: 5;
}

#header ul.headerLinks li.bannerLink2 {
    left: 90px;
    z-index: 4;
}

#header ul.headerLinks li.bannerLink3 {
    left: 180px;
    z-index: 3;
}

#header ul.headerLinks li.bannerLink4 {
    left: 360px;
    z-index: 2;
}

#header ul.headerLinks li a {
    display: block;
    float: left;
    width: 70px;
    height: 85px;
    text-indent: -5000px;
    transition: all 300ms;
}

#header ul.headerLinks li a:hover {
    transform: scale(1.05, 1.05);
}

#header ul.headerLinks li.bannerLink1 a {
    background: url(../images/acer_2016_gas.png) no-repeat top left;
}

/*
#header ul.headerLinks li.bannerLink2 a {
	background: url(../img/banner-circle-02.png) no-repeat top left;
}
*/

#header ul.headerLinks li.bannerLink2 a {
    background: url(../images/acer_2016_remit.png) no-repeat top left;
}

#header ul.headerLinks li.bannerLink3 a {
    background: url(../images/acer_2016_electricity.png) no-repeat top left;
}

#header .wrapper {
    position: relative;
}

#header .wrapper a.contact {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #FFFFFF;
}

#header .tagline {
    padding: 5px;
    color: #EAF2F7;
    width: 260px;
    height: 45px;
    font-style: italic;
    font-size: 12px;
    text-shadow: 2px 2px 2px gray;
    margin-top: -6px;
    line-height: normal;
}

.acer-blanklogo {
    line-height: 1px;
}

#header .tagline {
    text-shadow: 2px 2px 2px #363636;
    position: absolute;
}

/***************
submenuwrap
***************/

.top-right-panel .languages-selector-panel {
    border: none;
    background-color: transparent;
    padding: 0;
    border-radius: 0;
}

.top-right-panel .languages-container {
    background-color: transparent;
}

.top-right-panel .languages-container option {
    text-transform: uppercase;
}

.languages-selector-panel .languages-label {
    color: white;
    vertical-align: bottom;
    font-size: 13px;
    padding: 0;
}

#header .top-right-panel {
    padding-right: 0 !important;
    position: relative;
    left: 8px;
    margin-top: 30px;
}

.top-right-panel .languages-select {
    background-color: transparent;
    color: white;
    padding: 0;
}

.top-right-panel .languages-select option {
    color: #3672b2;
}

.top-right-panel .languages-select [slected="slected"] {
    color: white;
}

.ms-fullscreenmode div#contentBox {
    margin-left: 0px !important;
}

.ms-fullscreenmode div#flatNavigation {
    margin-top: 0px;
}

/**********************
acer events
**********************/

#ViewEventsSelectorLinks {
    display: block;
    float: left;
    width: 100%;
    border-bottom: 1px solid #044f9f;
}

#ViewEventsSelectorLinks a {
    display: block;
    float: left;
    background: #044f9f;
    color: #ffffff !important;
    padding: 5px 10px;
    color: #FFFFFF;
    margin-right: 10px;
    text-decoration: none !important;
}

#ViewEventsSelectorLinks a:hover,
#ViewEventsSelectorLinks a.EventViewSelected,
#ViewEventsSelectorLinks a.EventViewSelected:hover {
    background: #053b6d !important;
}


#AcerTabularDisplayTable th {
    color: #777;
    background-color: #D3DFEE;
    font-weight: bold;
}
/******************************************
SEARCH RESULTS
*******************************************/

.ms-srch-group-content .ms-srch-item:not(:last-child){
    padding-bottom:20px;
    margin-bottom:20px;
    border-bottom:1px solid rgba(211,223,238,0.6);
}


/********************************
PAGINATOR
*********************************/


#Paging #PagingSelf a{
    background: #053b6d;
    color:white;
}

#Paging #PagingLink a{
    font-weight:700;
}

#Paging #PageLinkPrev{
    margin-right:20px;
}

#Paging #PageLinkNext{
    margin-left:20px;
}

/* Hiding Newsfeed app launcher tile */
.o365cs-nav-appTile[id='O365_AppTile_Newsfeed'] {
	display: none;
}

/* Hiding Newsfeed app launcher tile */
.o365cs-nav-appTile[id='O365_AppTile_Sites'] {
	display: none;
}

/* Hiding Newsfeed app launcher tile */
.o365cs-nav-appTile[id='O365_AppTile_Documents'] {
	display: none;
}

/* Hiding share, sync, follow*/
a[id$=site_share_button], a[id$=SyncPromotedAction], a#site_follow_button
{
    display: none !important;
}

a#Sites_BrandBar {
    display: none;
}


