/** 
 *
 * COLOR PALLETT
 * ~~~~~~~~~~~~~
 * Orange       ~ #ed6d16
 * light green  ~ #c3e0ab
 * Dark green   ~ #33828a
 * light brown  ~ #ebe4de
 * dark brown   ~ #766651
 */

@import "../common/reset.css";
@import "grid.css";
@import "../common/tiles.css";
@import "responsive.css";

@font-face {
     font-family: 'Open Sans';
     font-style: normal;
     font-weight: 400;
     src: local('Open Sans'), local('OpenSans'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

@font-face {
     font-family: 'Open Sans';
     font-style: normal;
     font-weight: 600;
     src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

@font-face {
     font-family: 'Open Sans';
     font-style: normal;
     font-weight: 700;
     src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

*:focus {
     outline-color: #ED6D16;
}

body {
     font-family: 'Open Sans', Arial;
     font-size: 67.71%;
     font-weight: 600;
     background: #ebe4de;
}

a {
     text-decoration: none;
     color: #33828a;
}

a:hover {
     color: #ed6d16;
}

input {
     border: 1px solid #766651;
     padding: 5px 5px;
     background: #F7F4F2;
}

input[type="submit"],
.submit {
     cursor: pointer;
     background: #589BA2;
     border: 1px solid #33828A;
     opacity: 1;
     border-radius: 2px;
     padding: 5px 11px;
     color: #EEE;
}

#entitycommentposts .submit,
.entitycommentlist .submit {
     padding: 3px 11px;
}

input[type="submit"]:hover,
.submit:hover {
     background: #F0AA7B;
     border: 1px solid #D19165;
     opacity: 1;
}

input[type="radio"],
.publication-search .types input {
     border: 0px;
}

select {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     cursor: pointer;
     padding: 6px;
     border: 1px solid #766651;
     border-radius: 4px;
     width: 297px;
     background: #F7F4F2 url("/themes/common/images/misc/down.png") no-repeat 99%;
}


#placeholder-top,
#placeholder-bottom {
     background: #fff;
}

/** Placeholder-top 
***************/
#placeholder-top {
     border-bottom: 1px dotted #33828a;
     padding-bottom: 3px;
     padding-top: 25px;
}

#placeholder-content-top .horizontal-plain-menu {
     clear: both;
}

#placeholder-content-top .horizontal-plain-menu .tile-content {
     float: right;
     text-transform: uppercase;
}

/** Placeholder bottom
**************************/
.background-effect {
     position: absolute;
     bottom: -21px;
}

#placeholder-top .background-effect {
     position: absolute;
     bottom: -63px;
}

.billboardcar {
     background: url("images/misc/bg-effect-billboardcar.png") no-repeat;
     width: 271px;
     height: 190px;
     right: 94px;
     bottom: -25px;
}

.line-horizontal {
     width: 3000px;
     height: 50px;
     border-top: 1px solid #ddd;
     top: 0px;
     left: -125px;
     border-radius: 50px 0px 0px 0px;
     border-left: 1px solid #ddd;
}

.line-vertical {
     height: 1210px;
     width: 1px;
     background: #ddd;
     top: 50px;
     left: -125px;
}

.vertical-line-wrapper {
     margin: 0 auto;
     width: 960px;
     z-index: 1000000;
}

.vertical-line-back {
     height: 100%;
     border-left: 1px solid #ddd;
     width: 10px;
     position: absolute;
     margin-left: -125px;
}

.mc-guy {
     width: 300px;
     height: 217px;
     background-image: url("images/misc/bg-effect-mc.png");
     background-position: right bottom;
     background-repeat: no-repeat;
     left: -193px;
}

.text {
     width: 290px;
     height: 22px;
     background: url("images/misc/bg-effect-text1.png") no-repeat;
     right: -90px;
}

.truck {
     width: 54px;
     height: 28px;
     left: -190px;
     background: url("images/misc/bg-effect-truck.png") no-repeat;
}

.balloon {
     width: 44px;
     height: 50px;
     left: -110px;
     background: url("images/misc/bg-effect-balloon.png") no-repeat;
}

.bus {
     width: 51px;
     height: 21px;
     right: -75px;
     background: url("images/misc/bg-effect-bus.png") no-repeat;
}

.house-tree {
     width: 74px;
     height: 36px;
     right: -180px;
     background: url("images/misc/bg-effect-house-tree.png") no-repeat;
}

.running {
     width: 37px;
     height: 32px;
     left: -60px;
     background: url("images/misc/bg-effect-running.png") no-repeat;
}

.lady-child {
     width: 28px;
     height: 37px;
     top: -45px;
     left: -80px;
     background: url("images/misc/bg-effect-lady-child.png") no-repeat;
}

#placeholder-bottom {
     border-top: 1px dotted #33828a;
     padding-top: 10px;
     padding-bottom: 10px;
     color: #33828a;
     border-bottom: 20px solid #33828a;
     position: relative;
}

#placeholder-bottom-2 {
     display: none;
     border-top: 20px solid #33828a;
     padding-top: 40px;
     min-height: 100px;
     background: #ebe4de;
}

#placeholder-bottom-2 .tile-common {
     width: 200px;
     float: left;
}

#placeholder-bottom-2 .tile-common ~ .tile-common {
     width: 760px;
     float: right;
}

#placeholder-bottom-2 .horizontal-menu .tree-level-0 {
     float: left;
     width: 170px;
     min-height: 190px;
     margin-right: 15px;
     margin-left: 5px;
}

#placeholder-bottom-2 .horizontal-menu .tree-level-0 > a {
     font-weight: bold;
     line-height: 1.2em;
     font-size: 1.4em;
     margin-bottom: 4px;
     height: 31px;
     display: block;
     border-bottom: 1px solid #CAC3BC;
     padding-bottom: 8px;
}

#placeholder-bottom-2 .horizontal-menu .tree-level-0 > ul {
     margin-top: 3px;
}

#placeholder-bottom-2 .horizontal-menu .tree-level-0 > ul {
     margin-top: 3px;
     margin-left: 16px;
     list-style: disc;
     color: #33828a;
}

#placeholder-bottom .tile-common {
     float: left;
     min-height: 40px;
}

#placeholder-bottom .tile-common .tile-content {
     padding: 0;
}

#placeholder-bottom .tile-common + .tile-common {
     float: right;
}

#bottom .vertical-menu > h3,
#placeholder-bottom-2 .horizontal-menu > h3 {
     background: none;
     font-weight: bold;
     padding: 0;
     color: #33828a;
     margin-bottom: 30px;
     text-transform: uppercase;
     text-align: left;
     font-size: 1.6em;
}

#placeholder-bottom-2 .horizontal-menu > h3 {
     margin-left: 5px; /* becuase of list under */
}

#bottom .vertical-menu li a,
#bottom .horizontal-menu li a {
     background: none;
     padding: 2px 0px;
     font-size: 1.3em;
     display: inline;
     line-height: 1.4em;
}

#bottom .vertical-menu li,
#bottom .horizontal-menu li {
     margin-bottom: 6px;
}

#bottom .vertical-menu li .tree-level-1 ul,
#bottom .horizontal-menu li .tree-level-1 ul {
     display: none;
}

.tile-common > h3 {
     display: none
}

.vertical-menu > h3,
.small-articlelist > h3,
.small-articledisplay > h3,
.sitelocator > h3,
#placeholder-bottom-2 .horizontal-menu > h3 {
     display: block;
}

#placeholder-top .horizontal-plain-menu {
     float: right;
}

#placeholder-top .small-searchinput {
     float: right;
     clear: right;
     margin-top: 12px;
}


/* sticktitle */
.full-articlelist h4 {
     color: #3fa2ac;
}

.error-container {
     background: #fff;
     padding: 20px;
}

.error-container .page-header {
     font-size: 2em;
}

.error-container #placeholder-content {
     margin-top: 5px;
     overflow: auto;
     font-size: 1.1em;
     min-height: 300px
}

.error-container p {
     font-size: 1.1em;
}

.error-container pre {
     margin-top: 10px;
     font-family: courier;
     font-size: 1em;
}

.error-container .links {
     margin-top: 10px;
}

/* Linktoolbar */
.linktoolbar ul li a {
     background: url('images/sprite.png') no-repeat;
}

.linktoolbar {
     display: block;
     width: 100%;
     overflow: hidden;
     margin-bottom: 20px;
}

.linktoolbar ul {
     display: table;
     float: left;
     list-style-type: none;
     margin: 0;
     padding: 0;
}

.linktoolbar ul li {
     float: left;
     display: inline-block;
}

.linktoolbar ul li + li {
     margin-left: 5px;
}

.linktoolbar ul li.header {
     padding-top: 10px;
}

.linktoolbar ul li a {
     display: block;
     width: 40px;
     height: 40px;
}

.linktoolbar ul li a img,
.linktoolbar ul li a span {
     display: none;
}

.linktoolbar ul li a.facebook_link {
     background-position: -84px 0px;
}

.linktoolbar ul li a.twitter_link {
     background-position: -168px -43px;
}

.linktoolbar ul li a.linkedin_link {
     background-position: 0px -41px;
}

.linktoolbar ul li a.facebook_link:hover {
     background-position: -126px 0px;
}

.linktoolbar ul li a.twitter_link:hover {
     background-position: -210px -43px;
}

.linktoolbar ul li a.linkedin_link:hover {
     background-position: -43px -42px;
}


.linktoolbar ul li h3 {
     display: inline;
     font-size: 1em;
     font-weight: 500;
     margin-top: 11px;
}

.linktoolbar #tipafriend {
     display: none;
}

.linktoolbar span.label {
     float: left;
     display: inline-block;
     line-height: 2rem;
     margin-right: 10px;
     font-family: 'Open Sans', sans-serif;
     font-weight: 100;
     font-size: 0.8rem;
}

.small-activitylist ul.articles {
     overflow: hidden;
}

.small-activitylist li a,
.small-activitylist li span {
     float: left;
     display: block;
     clear: left;
}

.small-activitylist li a {
     padding-bottom: 10px;
}

.small-activitylist li span {
     text-transform: uppercase;
     color: #777;
     font-size: 0.65rem;
}

/* Most Read Articlelist */
.mostread-articlelist {
     border: 1px solid #c3e0ab;
     max-width: 520px;
}

.mostread-articlelist .tile-content {
     padding: 10px;
}

.mostread-articlelist h3 {
     display: block;
     padding: 12px 10px;
     font-size: 1.2em;
     background: #ebe4de;
     color: #766651;
     text-transform: uppercase;
     font-weight: bold;
}

.mostread-articlelist li {
     font-size: 1.2em;
     margin-bottom: 10px;
     line-height: 1.1em;
}

.mobileonly {
     display: none;
}

.sitelocator li a:hover {
     text-decoration: underline;
}

.vertical-menu li a:focus {
     color: #ED6D16;
}

.vertical-menu li a:focus {
     color: #ED6D16;
}

.full-articlelist .list-thumbnail-left a:focus {
     border: 3px solid #ED6D16;
     position: absolute;
}