/*
 * Classes overriding global visitor layout for screen.
 * Author: Carsten Schäfer(GES/C/CSC)
 * Requires: -
 */
.hidden{
    display: none;
}
.boldText{
    font-weight: bold;
}
.topNavNotLink{
    height: 2.5em;
    line-height: 2.5em;
    cursor: default;
}
.topNavNotLink span{
    padding: 0 1em 0 2px;
}

/* AJAX OSSI CSS */
#ajaxBlock {
    width: 208px;
    min-height: 251px;
    overflow: hidden;
}
#ajaxBlock th, #ajaxBlock td {
    padding: 0;
}
#ajaxBlock .OSSIInnerCellInnerTableCol1{
    width:99px;
}
#ajaxBlock .OSSIInnerCellInnerTableCol2{
    width:65px;
}
#ajaxBlock .OSSIinnerCellInnerTable, #ajaxBlock table{
    width:auto;
}

/* Top nav quick links tweaks START */
 .topNavBg{
    background: none repeat scroll 0 0 #334D7C;
    min-height: 2.5em;
    width: 100%;
}
.topNavBg ul.nav {
    height: auto;
    max-width: auto;
    background:none;
}
.topNavBg #topMenu\:nav1{
   max-width: 64em;
}
/* Top nav quick links tweaks END */

.highlight{
    background-color: yellow;
}

/*General app*/
.appVersion{
    color:gray;
}

.message, .error {
    padding:10px;
    font-weight:bold;
    color:red;
}

.errorPlain {
    color:red;
}

/*.message.redirectCampaign,*/
.message.hiddenContent {
    color:red;
}

/*Main Page generals*/
/*We keep thumbsize specs here overriding, agreed with Stakeholder PN*/
img.pageThumbnail{
    height:150.0px;
    width: 150.0px;
}

img.pageThumbnailSmall{
    height:75.0px;
    width: 75.0px;
}

img.fixed75pxWidthOnly{
    height: auto!important;
    width: 75.0px;
}

.related img {
    max-width: 75px;
}

#banners .one,
#banners .two,
#banners .three,
#banners .four {

}
#banners .banner.inactive{
    cursor:auto;
}
/**
 * Fancy Box styles
 */
#pleaseWait {
    min-width: 300px;
    padding: 30px;
}
#pleaseWaitMessage {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.6em;
    font-weight: bold;
}

/**
 * Just because related links or related news might not have text
 */
.relatedfoot, #socialshare {
    clear: both;
}

/**
 * Overrides layout.css. Inactive style must be generic because it is not a link.
 */
 .relatedfoot .inactive {
	padding-left: 9px;
	background-position:left 4px;
	background-image: url(/shared/assets/img/ico_link_wht.gif);
	background-repeat: no-repeat;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	padding-right: 10px;
	background-color: #e0e5e9;
	color: white;
	text-decoration: none;
}

/**
 * Some nedds of alignment
 */
.leftAlign {
    float: left!important;
}
.rightAlign {
    float: right!important;
}

/*BUG?*/
/*Fixing stuff from assets\css\jquery.fancybox-1.3.4.css*/
#fancybox-bg-ne,
#fancybox-bg-se {
  background-image: url('/shared/assets/img/fancybox.png');
}

/**
 * Fix for 11906, 3rd level navigation not indented.  This should be fixed in a CSS delivery, should be removed then.
 */
ul.submenu  ul.submenu li a{
    padding-left: 20px;
}

/**
* Fix for B11253. P tag is always enforced in introductions that are encapsulated in h1 - no margin
*/
h1 p {
    padding-left: 0;
}
/**
 * Flickr Galleria - Bug 12368
 */
.block-galleria {
    background-color: #968c83;
    width:700px;
    /*No trace of this need in prototype...wonder why??
    Without this stage size error in plugin execution!*/
    min-height:390px;
}

/**
* Fix for
*/
.addLMargin{
    margin-left: 10px;
}

/**
* Login form
*/
.loginForm {
    margin: 10px;
}
.loginForm label {
    width: 100px;
    float:left;
}
.loginForm input{
    margin-bottom:5px;
}
.loginForm .button{

}

#loginForm .formPostLabel{
    margin-left:10px;
    color:gray;
}

#loginError{

}

/**
* Controlled Forms
*/
.formSubmitMsg .frmSuccess{
    color:Green;
}
.formSubmitMsg .frmFail{
    color:Red;
}

.logoDiv {
    height: 70px;
    position: absolute;
    width: 250px;
}

.noBgImage {
    background-image: none!important;
}

/*Legacy support styles*/
.button-add.legacy{
	margin: 2px;
	padding: 2px 10px 2px 17px;
        width: auto;
}

/*Footer Info*/
.footer.hiddenInfo{
    color: #dad7cb;
}


 /* Styles for autocomplete jQuery widget - START */
 .ui-autocomplete {
    cursor: default;
    position: absolute;
    z-index:3000;/*1103 by system*/
    background-color:#FFF;
    border:1px solid #00B5E2;
}
* html .ui-autocomplete {
    width: 1px;
}

.ui-menu {
    display: block;
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 2px;
}
.ui-menu .ui-menu {
    margin-top: -3px;
}
.ui-menu .ui-menu-item {
    clear: left;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.ui-menu .ui-menu-item a {
    display: block;
    line-height: 1.5;
    padding: 0.2em 0.4em;
    text-decoration: none;
    font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active {
    margin: -1px;
    font-weight: bold;
    background-color:#CCF1FA;

}
/* Styles for autocomplete jQuery widget - END */
#forms #form-body,
#humantest{
    display: none;
}
#humanresult{
    width: 20px;
}

#userStateAuthenticated a {
    text-transform: none;
}
#jsNeedActivateNote{
    font-weight: bold;
    color: rgb(255,105,38);
}

.analyticsCookiePolicyAgreement{
    background-color: white;
    border: 1px solid gray;
    position: fixed;
    bottom: 0px;
    height: 45px;
    left:40px;
    width: 90%;
    padding: 10px;
    overflow: auto;
    text-align: justify;
    /*display: table;*/
    display: none;
    z-index: 1000;
}

.analyticsCookiePolicyAgreement .txt{
    display: table-cell;
    vertical-align: top;
}

input.button.acpAgree,
input.button.acpDecline{
    float: right;
    width: 80px;
    width: 132px;
    height: 28px;
    margin-left: 20px;
    margin-right: 5px;
    margin-bottom: 8px;
    background-color: Green;
    text-align: left;
}

input.button.acpAgree:hover,
input.button.acpDecline:hover{
    opacity: 0.7;
}

input.button.acpDecline{
    background-color: Maroon;
}


/*Social Share*/
#socialshare{
    padding-left: 10px;
}

a.nolinkbg,
a.fb-xfbml-parse-ignore{
    background-image: none; !important;
}

.fb_iframe_widget {
    display: inline-flex !important;
}

/* SVG icons
----------------------------------------------- */
a svg:hover #facebook-bg {
  fill: #3b5998;
}
a svg:hover #facebook-ico {
  fill: #fff;
}
a svg:hover #twitter-bg {
  fill: #1DCAFF;
}
a svg:hover #twitter-ico {
	fill: #fff;
}
a svg:hover #flickr-1 {
  fill: #fff;
}
a svg:hover #flickr-2 {
	fill: #f1f1f1;
}
a svg:hover #flickr-3 {
  fill: #1E75CE;
}
a svg:hover #flickr-4 {
	fill: #FF0084;
}

a svg:hover #instagram-ico {
	fill: #fff;
}
a svg:hover #instagram-bg1,
a svg:hover #instagram-bg2,
a svg:hover #instagram-bg3,
a svg:hover #instagram-bg4 {
	fill-rule:evenodd;
	clip-rule:evenodd;
	fill:#d02977;
}

a svg:hover #youtube-ico {
  fill: #fff;
}
a svg:hover #youtube-bg1,
a svg:hover #youtube-bg2 {
	fill-rule:evenodd;
	clip-rule:evenodd;
	fill:#FF0000;
}

a svg:hover #rss-ico {
  fill: #fff;
}
a svg:hover #rss-bg {
  fill: #00205B;
}

a svg:hover #linkedin-ico {
  fill: #fff;
}
a svg:hover #linkedin-bg {
  fill: #0077B5;
}

a svg:hover #rss {
  fill: #3b5998;
}

a svg #twitter-ico,
a svg #twitter-bg,
a svg #facebook-ico,
a svg #facebook-bg,
a svg #flickr-1,
a svg #flickr-2,
a svg #flickr-3,
a svg #flickr-4,
a svg #youtube-ico,
a svg #youtube-bg1,
a svg #youtube-bg2,
a svg #instagram,
a svg #linkedin-ico,
a svg #linkedin-bg,
a svg #rss-ico,
a svg #rss-bg,
a svg #instagram-ico,
a svg #instagram-bg1,
a svg #instagram-bg2,
a svg #instagram-bg3,
a svg #instagram-bg4 {
  outline: none;
  border: 0;
  text-decoration: none;
  transition: 100ms;
  transition-timing-function: ease-in-out;
  -webkit-transition: 100ms;
  -webkit-transition-timing-function: ease-in-out;
}