/** general table styling used globaly
****************************************/
.standard-table table {
    width: 100%; /* This should not be styles for articledisplays */
}

.standard-table td {
    border-top: 1px solid #c3e0ab;
    padding: 7px;
    font-size: 1.2em;
}

.standard-table td a {
    line-height: 1.3em;
}

.standard-table th {
    padding: 7px;
    font-size: 1.4em;
    text-align: left;
    color: #33828a;
    font-weight: bold;
}


/** Logo tile
*************************/
.logo-tile {
	float: left;
    height: 60px;
}

/** Horizontal plain menu
************************/
.horizontal-plain-menu li {
	float: left;
	padding: 0px 10px;
	border-right: 1px solid #c3e0ab;
	font-size: 1.1em;
}

.horizontal-plain-menu li.last {
	border-right: 0px;
	padding-right: 0px;
}


.horizontal-plain-menu a.has-thumb {
    padding-left: 20px;
}

#placeholder-content-top .horizontal-plain-menu li {
    font-size: 1.3em;
    font-weight: normal;
}

/**	Horizontal menu
*************************/
.horizontal-menu > h3 {
	font-size: 1.2em
}

.horizontal-menu li {
}

.horizontal-menu li a {
	font-size: 1.1em
}

.horizontal-menu li a.has-thumb {
    background-image: none !important;
}

.horizontal-plain-menu .active > a,
.horizontal-plain-menu .main-active > a,
.horizontal-plain-menu .sub-active > a {
    color: #ed6d16;
}

.horizontal-plain-menu li ul {
    display: none;
    position: absolute;
    width: 110px;
    border: 1px solid #ddd;
    padding: 5px;
}

.horizontal-plain-menu li ul li {
    padding: 5px 0px;
    border-right: 0;
    background: #fff;
}

/** Small searchinput
****************************/
.small-searchinput {
    width: 200px;
    text-align: right;
}

.small-searchinput input {
	border: 1px solid #33828a;
	padding: 3px 5px;
    background: #fff;
}

.small-searchinput .submit,
.searchinput .submit,
.small-searchinput .submit:hover,
.searchinput .submit:hover {
	background: transparent;
	border: 0px;
	color: #33828a;
	padding: 3px 0px;
    text-transform: uppercase;
}

.small-searchinput .textinput {
    width: 120px;
}

.searchinput .searchfield .textinput {
    width: 300px;
}

.searchinput .pane_headers {
    border-bottom: 1px solid #ebe4de;
    height: 22px;
    margin-top: 7px;
}

.searchinput .pane_headers h4 {
    float: left;
    font-size: 1.2em;
    background: #eee;
    padding: 5px;
    cursor: pointer;
}

.searchinput .pane_headers .active {
    background: #ebe4de;
}

.searchinput .panes .pane {
    padding: 10px;
    font-size: 1.2em;
}

#content .small-searchinput {
    text-align: left;
    margin-bottom: 20px;
    width: 285px;
}

#content .small-searchinput .textinput {
    width: 220px;
}

/** Sitelocator
****************************/
.sitelocator {
	clear: both;
}

.sitelocator h3 {
	float: left;
	margin-right: 5px;
	font-size: 1.1em;
	font-weight: normal;
	color: #33828a;
}

.sitelocator li {
	float: left;
	color: #33828a;
	margin-right: 5px;
	font-size: 1.1em
}

.sitelocator li a {
	color: #33828a;
}

/** Vertical menu
************************/
.vertical-menu > h3 {
	font-weight: bold;
    padding: 12px 10px 9px;
	background: #ebe4de;
	font-size: 1.3em;
	text-transform: uppercase;
	color: #766651;
	margin-bottom: 3px;
}

.vertical-menu.clickable-title h3 {
    background: #DBD0C6;
}

.vertical-menu > h3 a {
    color: #33828A;
}
.vertical-menu > h3 .active,
.vertical-menu > h3 a:hover {
    color: #ed6d16;
}

.frontpage .vertical-menu > h3 {
    text-align: center;
}

.vertical-menu li {
	margin-bottom: 3px;
    overflow: hidden;
}

.vertical-menu li.back {
    display: none;
}

.vertical-menu li.last {
    margin-bottom: 0px;
}

.vertical-menu li a {
	display: block;
	padding: 10px;
	background-color: #ebe4de;
	font-size: 1.2em
}

.vertical-menu li.tree-level-0 > a {
    display: table-cell;
    vertical-align: middle;
    width: 200px;
    padding: 0 5px 0 10px;
    height: 50px;
}

.vertical-menu li.tree-level-0 > a.has-thumb {
    padding: 0 7px 0 55px;
}

.vertical-menu a.has-thumb {
    padding-left: 55px;
    background-position: 0 7px;
}

.vertical-menu a.has-thumb:hover {
    background-color: #F1ECE8; /* F4F4F4 */
    background-position: 0px -45px;
}

.vertical-menu .active a.has-thumb {
    background-position: 0px -45px;
}

/* hide the icon if we are lower down in tree */
.vertical-menu .tree-level-0 ul .has-thumb {
    background-image: none !important;
    padding-left: 10px;
}

.vertical-menu .tree-level-1 a {
	padding: 5px;
	font-size: 1.1em;
	font-weight: bold;
}

.vertical-menu li.active > a,
.vertical-menu li.sub-active > a {
	color: #ed6d16;
}

.vertical-menu li.tree-level-0.active > a,
.vertical-menu li.tree-level-0.sub-active > a {
    background-color: #F1ECE8; /* F4F4F4 */
    background-position: 0px -45px;
}

.vertical-menu li ul {
	margin-top: 3px;
	margin-left: 20px;
}

.billboard {
	margin-top: 10px;
	height: 200px;
}

.billboard-left-wrapper {
	width: 100%;
	position: absolute;
	height: 100%;
	overflow: hidden;
	left: -200px;
}

.billboard-right-wrapper {
	width: 100%;
	position: absolute;
	height: 100%;
	overflow: hidden;
	right: -347px;
}

.billboard-left {
	height: 200px;
	width: 200px;
	position: absolute;

	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(left,  #ffffff 1%, #c3e0ab 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(1%,#ffffff), color-stop(100%,#c3e0ab)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #ffffff 1%,#c3e0ab 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #ffffff 1%,#c3e0ab 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #ffffff 1%,#c3e0ab 100%); /* IE10+ */
	background: linear-gradient(to right,  #ffffff 1%,#c3e0ab 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c3e0ab',GradientType=1 ); /* IE6-9 */
}

.billboard-right {
	height: 200px;
	width: 200px;
	right: 147px;

	position: absolute;
	background: #c3e0ab; /* Old browsers */
	background: -moz-linear-gradient(left,  #c3e0ab 0%, #ffffff 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#c3e0ab), color-stop(99%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #c3e0ab 0%,#ffffff 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #c3e0ab 0%,#ffffff 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #c3e0ab 0%,#ffffff 99%); /* IE10+ */
	background: linear-gradient(to right,  #c3e0ab 0%,#ffffff 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3e0ab', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

.billboard .article {
	position: absolute;
	background-repeat: no-repeat !important;
    height: 100%;
    max-height: 200px;
	width: 100%;
	background: #c3e0ab;

	overflow: hidden;
}

.billboard .veil {
	float: right;
	padding: 20px;
	background: #c3e0ab;
    padding-right: 0px;
    width: 285px;
    padding-right: 155px;
}

.billboard .veil .header {
	font-size: 2em;
	font-weight: bold;
    margin-bottom: 10px;
}

.billboard .veil .digest {
	font-size: 1.2em;
	line-height: 1.2em;
}

.billboard .navigator {
	position: absolute;
	bottom: 10px;
	left: 520px;
}

.billboard .navigator li {
	float: left;
	margin-right: 10px;
}

.billboard .navigator li a {
    width: 26px;
    height: 26px;
    float: left;
    background: #33828a;
    border-radius: 30px;
    font-size: 1.3em;
}

.billboard .navigator .current a span {
    background: #fff;
    color: #fff;
}

.billboard .navigator a span {
    color: #c3e0ab;
    background: #c3e0ab;
    border-radius: 30px;
    width: 4px;
    height: 4px;
    margin: 7px 7px;
    display: block;
    padding: 4px;
    font-size: 0.1em;
}

/** Full articlelist
***********************/
.full-articlelist {
    max-width: 520px;
}
/* articlelist title */
.full-articlelist h2 {
    font-size: 1.7em;
    margin-bottom: 10px;
}

/* hide inside tiles container */
.tiles-container .full-articlelist h2 {
    display: none;
}

.full-articlelist h3 {
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 10px;
}

.full-articlelist h4 {
    font-size: 1.2em;
    margin-bottom: 2px;
    color: #535598; /* Color is overriden in site specific style.css */
}

.full-articlelist .digest {
	font-size: 1.2em;
	line-height: 1.3em;
}

.full-articlelist .article .links {
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 10px;
}

.full-articlelist .articles > .article {
	clear: both;
	padding: 10px 0px;
	border-bottom: 1px dotted #c3e0ab;
}

.full-articlelist .articles > .first {
    padding: 0px 0px 10px;
}

.full-articlelist .articles .last {
	border-bottom: 0px;
}

.full-articlelist .list-thumbnail-default,
.full-articlelist .list-thumbnail-left {
    float: left;
    margin-right: 10px;
    width: 150px;
    min-height: 10px;

    overflow: hidden;
}

.full-articlelist .list-thumbnail-right {
	float: right;
	margin-left: 10px;
    width: 150px;
    min-height: 10px;

    overflow: hidden;
}

.full-articlelist .article .date,
.full-articlelist .byline {
    font-size: 1.2em;
    margin-bottom: 3px;
    display: block;
}

.full-articlelist .content {
    float: left;
}

.full-articlelist .content.has-thumbnail {
    width: 360px;
}

.paging {
	clear: both;
	margin-top: 10px;
    float: left;
    width: 100%;
}

.paging li,
.paging .pages,
.paging .links > a,
.paging .status {
	float: left
}

.paging li {
	padding: 5px;
}

.paging .links > a {
	padding: 5px;
}

.paging .links {
	font-size: 1.2em;
	font-weight: bold;
}

.paging .status {
	padding: 5px;
	font-size: 1.2em;
}

.paging .active a {
    color: #000;
}

.paging .disabled {
    /* This is only used at paginatio */
    display: none;
}

.archive-link {
    clear: both;
    font-size: 1.3em;
    text-align: right;
    margin-top: 10px;
    float: left;
    width: 100%;
}

/** Small articlelist & Small articledisplay
*************************/
.small-articlelist,
.small-articledisplay-layout {
	border: 1px solid #c3e0ab;
    max-width: 520px;
}

.small-articlelist > h3,
.small-articledisplay-layout > h3 {
	padding: 12px 10px;
	font-size: 1.2em;
	background: #ebe4de;
	color: #766651;
	text-transform: uppercase;
	font-weight: bold;
}

.small-articledisplay-no-header > h3 {
	display: none;
}

.small-articlelist .tile-content,
.small-articledisplay .tile-content {
	padding: 10px;
}

#placeholder-right .small-articledisplay-no-layout .tile-content {
    padding: 0px;
}

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

.small-articlelist .article.last {
	margin-bottom: 0px;
}

#placeholder-left select {
    width: 179px;
}

#placeholder-bottom .tile-common.small-articledisplay-layout {
    position: absolute;
    width: 960px;
    max-width: none;
    float: none;
    text-align: right;
    bottom: -41px;
    border: none;
    z-index: 1;
}

#placeholder-bottom .tile-common.small-articledisplay-layout a {
    color: #fff;
}

/** Archivelist
*****************************/
.archivelist .year-wrap {
    margin-bottom: 20px;
}

.archivelist .year {
    font-size: 1.9em;
    display: block;
    margin-bottom: 10px;
    margin-top:10px;
    color: #766651;
    font-weight: normal;
}

.archivelist .month {
    margin-bottom: 10px;
    margin-left: 10px;
}
.archivelist .month > .title {
    font-size: 1.5em;
    font-weight: normal;
    color: #766651;
}

.archivelist .articles {
    margin-top: 5px;
}

.archivelist .article {
    line-height: 1.5em;
    color: #33828a;
    margin-left: 30px;
    list-style-type: disc;
}

.archivelist .article .title {
    font-size: 1.2em;
}

/** Searchresult
****************************/
.search-result em {
    font-style: italic;
}

.search-result b i {
    font-weight: bold;
}

.searchresult-message {
    font-size: 1.2em;
}

.report-search-result .download {
    width: 110px;
}

.publication-search .criteria {
    font-size: 1.2em;
    background: #EBE4DE;
    padding: 20px;

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    /*align-items: flex-start;*/
    align-items: flex-end;
}

.publication-search .criteria .form-wrapper {
    flex-grow: 2;
}
.publication-search .criteria .link-box {
    max-width: 90px;
    background-color: #589BA2;
    border: 1px solid #33828A;
    margin: 0 0 5px 10px;
    padding: 10px;
    /*height: 114px;*/

    color: #eee;
    font-weight: 100;
    font-size: 15px;
}
@media (max-width: 800px) {
    .publication-search .criteria {
        flex-direction: column;
        align-items: stretch;
    }
    .publication-search .criteria .link-box {
        max-width: 100%;
        margin: 1rem 0 0 0;
    }
}

/*
.publication-search .criteria .link-box:hover {
    background: #F0AA7B;
    border: 1px solid #D19165;
}
*/
.publication-search .criteria .link-box a {
    color: #eee;
    word-break: break-word;
}
.publication-search .criteria .link-box a:hover {
    /*color: #ed6d16;*/
    /*color: #F0AA7B;*/
    color: #000;
}

/* Used only on employee atm */
.publication-search .filter {
    font-size: 1.2em;
    margin-bottom: 10px;
}

.publication-search .filter .row label {
    color: #555;
}

.publication-search .type {
    width: 50%;
    display: block;
    float: left;
    margin-bottom: 5px;
}

.publication-search .type.report {
    width: 100%
}

.publication-search .row {
    clear: both;
    float: left;
    margin-bottom: 5px;
}

.publication-search .row.last {
    margin-bottom: 0px;
}

.publication-search .row.upstairs {
    clear: none;
    float: left;
}

.publication-search .row > label {
    font-weight: bold;
    float: left;
    line-height: 30px;
    width: 140px;
}

.publication-search .row select {
    width: 297px;
}

.publication-search .textinput {
    width: 275px;
    border: 1px solid #766651;
    padding: 6px 10px;
    font-size: 1.1em;
}

.publication-search .textinput:focus,
.publication-search textarea:focus {
    outline-color: #ED6D16;
    opacity: 0.8;
}

.publication-search .submit {
    font-size: 1.1em;
    padding: 6px 33px 6px;
    cursor: pointer;
    margin-left: 14px;
}

.publication-search .result {
    margin-top: 20px;
}

.publication-search .result h3 {
    font-size: 1.8em;
    color: #33828a;
    margin-bottom: 15px;
}

.publication-search .no-result {
    font-size: 1.2em;
    margin-top: 10px;
}

.publication-search .result-type {
    margin-bottom: 30px;
    overflow: hidden;
}


/** User Publication list
*******************************/
.publication-search-toggle {
    clear: both;
    margin-top: 20px;
}

.publication-search-toggle .toggles li {
    float: left;
    margin-right: 10px;
}

.publication-search-toggle .toggles a {
    padding: 8px 15px;
    background: #33828a;
    color: #fff;
    float: left;
    font-size: 1.2em;
}

.publication-search-toggle .toggles .active {
    background: #ed6d16;
}


.publication-search-toggle .result .active {
    display: block;
}

.publication-search-toggle .result .hidden {
    display: none;
}

.publication-search-toggle .result {
    clear: both;
}

.publication-search .standard-table td {
    color: #525252;
}

.publication-search .type-report .id {
    width: 76px;
}

.publication-search .result-type.type-report .title {
    width: 246px;
}

.publication-search .result-type .title {
    width: 337px;
}

.publication-search .result-type .authors {
    width: 178px;
}

/** Full Article display
************************/
.small-rsslist li {
	font-size: 1.2em;
	margin-bottom: 10px;
}

.small-rsslist li.last {
	margin-bottom: 0px;
}

.small-rsslist .date {
    color: #777;
    margin-top: 2px;
    display: block;
}

.small-rsslist .tile-bottom {
    text-align: right;
    padding: 0 10px 10px 10px;
    font-style: italic;
}

/** Full Article display
************************/
.full-articledisplay {
    line-height: 2em;
    max-width: 520px;
}

/* Full article should not span full width even when right is empty, text is more difficult to read then. */
#content-right-empty .full-articledisplay {
    width: 520px;
}

.full-articledisplay .banner-image {
    margin-bottom: 15px;
}

.full-articlelist h1,
.full-articledisplay h1 {
    font-size: 1.8em;
    font-weight: bold;
    line-height: 1.1em;
    color: #33828a;
    margin-bottom: 15px;
}

.full-articledisplay h1 {
    margin-bottom: 8px;
}

.full-articledisplay .byline {
    color: #333;
    font-size: 1.2em;
    margin: 20px 0px;
}

.full-articledisplay .digest p {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 15px;
    line-height: 1.3em;
    color: #222;
}

.full-articledisplay .article-content {
    color: #000;
}

.full-articledisplay .article-content p {
    padding-bottom: 15px;
    font-size: 1.2em;
    line-height: 1.3em;
}

.full-articledisplay strong {
    font-weight: bold;
}

.full-articledisplay i,
.full-articledisplay em {
    font-style: italic;
}

.full-articledisplay u {
    text-decoration: underline;
}

.full-articledisplay img {
    max-width: 520px;
}

.full-articledisplay .cp-mmarchive-image-left {
    margin-right: 10px;
}

.full-articledisplay .cp-mmarchive-image-right {
    margin-left: 10px;
}

.full-articledisplay ol {
    list-style-type: decimal;
}

.full-articledisplay ul {
    list-style-type: disc;
}

.full-articledisplay ol,
.full-articledisplay ul {
    list-style-position: outside;
    font-size: 1.2em;
    padding-bottom: 15px;
    margin-left: 30px;
}

.full-articledisplay p ol,
.full-articledisplay p ul,
.full-articledisplay p blockquote,
.full-articledisplay p pre,
.full-articledisplay p address {
    font-size: 1em;
}

.full-articledisplay blockquote {
    margin-left: 20px;
    padding-left: 5px;
    font-size: 1.2em;
    font-family: Georgia, Times, Serif;
    font-style: italic;
    color: #111;
}

.full-articledisplay .article-content blockquote p {
    padding: 3px 0px; /* Overwrites the padding-bottom style */
    font-size: 1em; /* do not make the blockquote larger */
}

.full-articledisplay .header2 h1 {
    color: #111;
    font-size: 1.3em;
    margin-bottom: 5px;
}

.full-articledisplay .article-content h1,
.full-articledisplay h2,
.full-articledisplay h3,
.full-articledisplay h4,
.full-articledisplay h5,
.full-articledisplay h6 {
    font-weight: bold;
    padding-bottom: 5px;
    color: #33828a;
}

.full-articledisplay .article-content h1 {font-size: 1.8em; padding-top: 20px}
.full-articledisplay h2 { font-size: 1.7em; padding-top: 20px;}
.full-articledisplay h3 { font-size: 1.5em; padding-top: 15px;}
.full-articledisplay h4 { font-size: 1.4em; padding-top: 10px;}
.full-articledisplay h5 { font-size: 1.3em; padding-top: 10px;}
.full-articledisplay h6 { font-size: 1.1em; padding-top: 10px;}

.full-articledisplay a {
    font-weight: bold;
}

.full-articledisplay pre {
    font-family: "Courier";
    font-style: italic;
    font-size: 1.2em;
}

.full-articledisplay address {
    font-size: 1.2em;
    font-style: italic;
}

.full-articledisplay table {
    font-size: 1.2em;
    border-color: #000;
    border-collapse: collapse;
    margin: 0 10px 0 10px;
    width: 100%;
}

.full-articledisplay table caption {
    font-size: 1.2em;
    margin-bottom: 5px;
    font-weight: bold;
}

.full-articledisplay table th {
    font-weight: bold;
    text-align: left;
}

.full-articledisplay .article-content table tr td p,
.full-articledisplay .article-content table td ul,
.full-articledisplay .article-content table td ol {
    font-size: 1em;
}

.full-articledisplay table td {
    padding: 2px;
}

.full-articledisplay sup {
    vertical-align: super;
    font-size: 0.9em;
}

.full-articledisplay sub {
    vertical-align: sub;
    font-size: 0.9em;
}

/**	Small articledisplay ~ Content styling
*****************************/
.small-articledisplay .tile-content p {
    font-size: 1.2em;
    line-height: 1.3em;
}

.small-articledisplay table td {
    vertical-align: middle
}


/** Area articledisplay
***************************************/
.area-articledisplay h1 {
    font-size: 1.8em;
    font-weight: bold;
    color: #33828a;
    margin-bottom: 10px;
}

.area-articledisplay .expand  {
    margin-top: 10px;
    display: block;
    font-size: 1.2em;
}

/** Employee list
****************************/
.employee-list .position {
	width: 300px;
}

.employee-list .phone {
	width: 110px;
}

/** Employee display (using articletemplate)
****************************************/
.employee-display {
    max-width: 740px; /* This overrides the full-articledisplay property */
}

.employee-display h1 {
    text-transform: uppercase;
}

.employee-display .title {
    font-size: 1.2em;
    text-transform: uppercase;
}

.employee-display table .label {
	min-width: 100px;
    font-weight: bold;
}

.employee-display .thumbnail {
	float: left;
	width: 150px;
	margin-right: 20px;
	min-height: 170px
}

.employee-display .thumbnail img {
	max-width: 150px;
}

.employee-display table {
    width: 380px;
}


/** Employees in articlelist
***********************************/
.full-articlelist .employee-display .thumbnail {
    min-height: 0px;
    margin-right: 10px;
    width: auto;
    min-width: 100px;
}

.full-articlelist .employee-display .thumbnail img {
    max-height: 150px;
}


/** Publication list
***************************************/
.publication-list {
    clear: both;
    padding: 15px;
    background: #c3e0ab;
}

.publication-list .row label {
    font-weight: bold;
    margin-right: 10px;
    float: left;
    clear: both;
    line-height: 25px;
    height: 25px;
}

.publication-list .row input {
    float: left;
}

.publication-list .textfield {
    width: 200px;
}

.publication-list .list {
    clear: both;
}

.publication-list th {
    padding: 7px 3px 7px 0px;
}

.publication-list .list td {
    font-size: 1.1em;
    padding: 3px 3px 3px 0px;

    border-bottom: 1px solid #33828a;
}

/** Publication display
**************************************/
.publication-display .meta {
    margin: 10px 0px;
}

.publication-display .meta td {
    padding: 1px 0px;
    padding-right: 10px;
}



/** Employee card
**************************************/

.tagtip {
    background: #fff;
    border: 1px solid #c7c7c7;
    color: #505050;
    padding: 2px;
    width: 580px;
    z-index: 999;
}

.tagtip .content {
    padding: 2px 2px 0px 2px;
}

.tagtip .tagtip-loading {
    padding: 0;
    background: url("../../images/ajax-loader.gif");
    width: 32px; height: 32px;
    margin: 10px auto;
}

.tagtip .employee-display .thumbnail {
    width: 150px;
}

.tagtip .employee-display .thumbnail img {
    max-width: 150px;
}



/** Tiles container
**************************************/
.tiles-container {
    clear: both;
}

.tiles-container .loader {
    text-align: center;
}

.tiles-container .tabs {
    position: relative;
    z-index: 2;
}

.tiles-container .tabs ul li {
    float: left;
    margin-right: 10px;
}

.tiles-container .tabs ul li a {
    display: block;
    float: left;
    padding: 7px 15px 6px;
    background: #33828a;
    font-size: 1.3em;
    outline: 0;
    text-transform: uppercase;
    font-weight: normal;
    color: #fff;
}


.tiles-container .tabs ul li.active a {
    background: #ed6d16;
    color: #fff;
}


.tiles-container .tabs-content {
    clear: both;
    padding: 15px 0px;

    position: relative;
    top: -1px;
}

.tiles-container .tabs-content > .tab-active.tile-common {
    display: block;
}

.tiles-container .tabs-content > .tile-common,
.tiles-container-start ~ .tile-common {
    display: none;
}

.tiles-container-end ~ .tile-common {
    display: block
}


/** area-employee-list
**************************/
.project-responsible-list {
    background: #eee;
}

.project-responsible-list .tile-content {
    padding: 15px;
}

.area-employee-list h3,
.project-responsible-list h3 {
    font-size: 1.1em;
    font-weight: bold;
}

.area-employee-list .leader,
.project-responsible-list .leader {
    margin-bottom: 10px;
}

.area-employee-list .leader-name,
.project-responsible-list .leader-name {
    font-size: 1.2em;
    margin: 5px 0px;
}

.area-employee-list .leader-image,
.project-responsible-list .leader-image {
    margin-bottom: 5px;
    max-height: 180px;
}

.area-employee-list .employees li,
.project-responsible-list .employees li {
    font-size: 1.1em;
    list-style-type: disc;
    margin-left: 15px;
    line-height: 1.7em
}

/** Comments
**********************/
.comment-rules {
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.3em;
}

.entitycomment {
    background: #EBE4DE;
    padding: 20px;
    max-width: 480px;
    margin-bottom: 20px;
}

.entitycomment h2 {
    font-size: 1.7em;
    font-weight: bold;
    margin-bottom: 15px;
}

.entitycomment li {
    margin-bottom: 20px;
}

.entitycomment .message {
    font-size: 1.2em;
    line-height: 1.4em;
    margin: 10px 0px;
    background: #766651;
    padding: 10px;
    color: #FFF;
    border: 2px solid #555;
}

.entitycomment .message.no-comments {
    margin-bottom: 20px;
}

#entitycommentposts ul { /*threaded */
    margin-top: 10px;
    padding-left :20px;
}

#entitycommentposts h3, /* threaded */
.entitycommentlist h3 {
    font-size: 1.3em;
    margin-bottom: 5px;
    float: left;
    font-weight: bold;
}

#entitycommentposts .entitycomment-byline, /* threaded */
.entitycommentlist .entitycomment-byline,
.entitycommentlist .entitycomment-urls {
    font-size: 1.2em;
    float: left;
    margin-left: 15px;
    color: #aaa;
    line-height: 15px;
    font-weight: normal;
}

#entitycommentposts .toggler,
.entitycommentlist .toggler {
    font-size: 1.6em;
    float: right;
}

#entitycommentposts .post-content, /* threaded */
.entitycommentlist p {
    font-size: 1.3em;
    line-height: 1.3em;
    clear: both;
    color: #333;
}

#entitycommentposts .post-body {
    margin-bottom: 5px;
    float: left;
}

#entitycommentposts .entity-comment-answer, /* threaded */
.entitycommentlist .entity-comment-answer {
    float: left;
}

#entitycommentposts .submit.report,
.entitycommentlist .submit.report {
    background: none;
    border: 0;
    color: #535598;
    padding: 3px 2px;
}

#entitycomment-form {
    border-top: 1px dashed #766651;
    padding-top: 20px;
}

h3#commentpost-form {
    font-size: 1.5em;
    font-weight: bold;
    color: #766651;
}

.entitycomment-form-note {
    font-size: 1.1em;
    margin: 15px 0px;
}

.entitycomment-form-content .row {
    clear: both;
}

.entitycomment-form-content label {
    font-size: 1.2em;
    width: 100px;
    line-height: 35px;
    float: left;
    font-weight: bold;
}

.entitycomment-form-content .row input, .row textarea {
    width: 358px;
}

.entitycomment-form-content input,
.entitycomment-form-content textarea {
    border: 1px solid #766651;
    padding: 6px 10px;
    font-size: 1.3em;
    background: #f7f4f2;
}

.entitycomment-form-content input:focus,
.entitycomment-form-content textarea:focus {
    background: #fbfaf9;
}

.captcha {
    margin-left: 103px;
}
.capctha-info-container {
    margin-left: 102px;
    padding: 10px 0px;
}
.captcha-regenerate-container {
    margin-left: 102px;
    padding: 10px 0px;
}
.entitycomment-form-submit {
    text-align: right;
}

#entitycomment-form-error {
    font-size: 1.2em;
    padding: 15px;
    background: #F1ECE8 url("/themes/toi/images/misc/warning.png") no-repeat 10px center;
    padding-left: 43px;
    margin-bottom: 10px;
}

#lightbox-content .lightbox-entitycomment-form              { width: 400px; }
#lightbox-content .entitycomment-form-submit                { margin-top: 10px; }
#lightbox-content .entitycomment-form-submit .button-after  { display: block; clear: both; }


/** Login
********************/
.login-form input {
    font-size: 1.2em;
}

.login-form-error {
    font-size: 1.2em;
    padding: 15px;
    background: #F1ECE8 url("/themes/toi/images/misc/warning.png") no-repeat 10px center;
    padding-left: 43px;
    margin-bottom: 10px;
}

.login-form .label-input-group {
    margin-bottom: 8px;
    clear: both;
}

.login-form .label-input-group label {
    width: 90px;
    float: left;
    font-size: 1.2em;
    font-weight: bold;
    color: #766651;
}

.login-form .label-input-group input {
    font-size: 1.2em;
    width: 188px;
}

.label-input-group .textinput {

}

#login-form-logout p {
    font-size: 1.2em;
    margin-bottom: 10px;
}

#login-form-logout span {
    font-weight: bold;
}

.login-form .button-wrapper .submit {
    margin-left: 125px;
    font-size: 1.2em;
}

#placeholder-left .login-form .button-wrapper .submit {
    margin-left: 144px;
}

.publication-display .meta {
    margin-top: 10px;
    margin-bottom: 10px;
}

.publication-display .meta .key {
    width: 180px;
}
.publication-display .newtext.description{
    font-size: 13px;
}


    /*
           Because of a Firefox bug (Linux/OS X) causing Flash to become invisible
           when rendered above a fixed layer with background opacity. This will
           happen when e.g. displaying an article with Flash content inside the
           lightbox. To fix this the lightbox javascript will override the
           background color setting it to a transparent PNG image. Make sure that
           the image has the same color and opacity as the background styled here.
           The lightbox.js will by default set opacity to 80% and set background
           image to: projectroot/html/images/lightbox/ff-overlay-img.png

           More info: http://www.findmotive.com/2006/10/02/firefox-flash-bug-update/
    */

#lightbox-overlay               { z-index: 999; background-color: #000; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
#lightbox                       { overflow: auto; width: 100%; height: 100%; padding: 0; margin: 0; position: absolute; top: 0; left: 0; }
#lightbox-container             { z-index: 1000; position: relative; margin: auto; }
#lightbox-spinner               { background: url(../../images/ajax-loader.gif) no-repeat center center; }
#lightbox-container             { padding: 0; top: 25px; }
#lightbox-close-container       { z-index: 1000; position: absolute; right: 0; }
#lightbox-close span            { display:none; }
#lightbox-close                 { display: block; width: 30px; height: 30px; margin: 3px 12px 0 0; }
/*
#lightbox-start                 { height: 26px; background: url(images/lightbox/start-center.png) repeat-x; position: relative; margin: 0 51px 0 39px; }
#lightbox-start div.left        { background: url(images/lightbox/start-left.png) no-repeat; position: absolute; left: -38px; top: 0px; bottom: -6px; width: 38px; }
#lightbox-start div.right       { z-index: 100; background: url(images/lightbox/start-right.png) no-repeat; position: absolute; right: -50px; top: 0px; bottom: -24px; width: 50px; }
*/
#lightbox-outer-content         { border: 1px solid #fff; padding: 0 10px 0 10px; background: #fff; position: relative; margin: 0 26px 0 14px; }
#lightbox-content               { font-size: 1.1em; }
/*
#lightbox-content-left          { background: url(images/lightbox/content-left.png) repeat-y; position: absolute; left: 0px; top: 32px; bottom: 34px; width: 14px; }
#lightbox-content-right         { background: url(images/lightbox/content-right.png) repeat-y; position: absolute; right: 12px; top: 50px; bottom: 34px; width: 14px; }
#lightbox-end                   { height: 34px; background: url(images/lightbox/end-center.png) repeat-x; position: relative; margin: 0 50px 0 38px; }
#lightbox-end div.left          { background: url(images/lightbox/end-left.png) no-repeat; position: absolute; left: -38px; top: 0px; bottom: 0px; width: 38px; }
#lightbox-end div.right         { background: url(images/lightbox/end-right.png) no-repeat; position: absolute; right: -38px; top: 0px; bottom: 0px; width: 38px; }
*/
#lightbox .tile-common          { border: 0px; }
#lightbox-placeholder-content   { overflow: hidden; width: 750px; }