/* ==========================================================================
   Common stuff
   ========================================================================== */
.dark-text { color: #4C4A4A; }
.light-text { color: #818383; }

/* link arrows */
/* arrow down link */
.central-cms .arrow-down { display: block; padding-left: 21px; }
.central-cms a.arrow-down:before { clear: both; display: block; position: relative; top: 15px; left: -11px; content: ""; height: 0; width: 0; padding: 0; margin: -4px; border: 4px solid transparent; border-top-color: #1989BC; }
.central-cms a.arrow-down:hover:before { border-top-color: #035e88; }
/* arrow up link */
.central-cms a.arrow-up { display: block; padding-left: 21px; }
.central-cms a.arrow-up:before { clear: both; display: block; position: relative; top: 10px; left: -11px; content: ""; height: 0; width: 0; padding: 0; margin: -4px; border: 4px solid transparent; border-bottom-color: #1989BC; }
.central-cms a.arrow-up:hover:before { border-bottom-color: #035e88; }

/* back to top link */
.central-cms a.back-to-top { display: block; margin: 20px 0; text-transform: uppercase; }

/* view all link */
.central-cms a.view-all { color: #8C8C8B !important; }
.central-cms a.view-all:hover { color: #4b4b49 !important; }

/* buttons */
.central-cms h1 a.rss { display: inline-block; vertical-align: middle; margin-right: 3px; margin-bottom: 6px; width: 22px; height: 22px; background: url(buttons/rss-feed.png) no-repeat 0 0; text-indent: -99999px; }
.central-cms h1 a.rss:hover { background-position: 0 -22px; }

/* submit buttons */
.central-cms a.button-link { display: inline-block; }

.central-cms a.button-link,
.central-cms form input.button,
.central-cms form input[type="submit"] { min-width: 91px; height: 35px; line-height: 35px; padding: 0 24px; margin-right: 10px; font-size: 14px; font-weight: normal; color: #1F1F1F !important; text-align: center; text-transform: uppercase; border: 1px solid #C3C4C4; border-radius: 3px; box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.15); }
.central-cms a.button-link,
.central-cms form input.button,
.central-cms form input[type="submit"] {
	background: #fbfbfb; /* Old browsers */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjIlIiBzdG9wLWNvbG9yPSIjZmNmY2ZjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTYlIiBzdG9wLWNvbG9yPSIjZWNlY2VjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U3ZTdlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #fbfbfb 0%, #ffffff 4%, #fcfcfc 22%, #ececec 96%, #e7e7e7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(4%,#ffffff), color-stop(22%,#fcfcfc), color-stop(96%,#ececec), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fbfbfb 0%,#ffffff 4%,#fcfcfc 22%,#ececec 96%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fbfbfb 0%,#ffffff 4%,#fcfcfc 22%,#ececec 96%,#e7e7e7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fbfbfb 0%,#ffffff 4%,#fcfcfc 22%,#ececec 96%,#e7e7e7 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fbfbfb 0%,#ffffff 4%,#fcfcfc 22%,#ececec 96%,#e7e7e7 100%); /* W3C */
}
.lt-ie9 .central-cms a.button-link,
.lt-ie9 .central-cms form input.button,
.lt-ie9 .central-cms form input[type="submit"] { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-8 */ }
.central-cms a.button-link:hover,
.central-cms form input.button:hover,
.central-cms form input[type="submit"]:hover {
	color: black !important;
	text-decoration: none;
	background: #e8e8e8; /* Old browsers */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjclIiBzdG9wLWNvbG9yPSIjZWFlYWVhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjYlIiBzdG9wLWNvbG9yPSIjZTdlN2U3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjZGNkY2RjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTYlIiBzdG9wLWNvbG9yPSIjZDhkOGQ4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q1ZDVkNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #e8e8e8 0%, #eaeaea 7%, #e7e7e7 26%, #dcdcdc 70%, #d8d8d8 96%, #d5d5d5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(7%,#eaeaea), color-stop(26%,#e7e7e7), color-stop(70%,#dcdcdc), color-stop(96%,#d8d8d8), color-stop(100%,#d5d5d5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e8e8e8 0%,#eaeaea 7%,#e7e7e7 26%,#dcdcdc 70%,#d8d8d8 96%,#d5d5d5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e8e8e8 0%,#eaeaea 7%,#e7e7e7 26%,#dcdcdc 70%,#d8d8d8 96%,#d5d5d5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e8e8e8 0%,#eaeaea 7%,#e7e7e7 26%,#dcdcdc 70%,#d8d8d8 96%,#d5d5d5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e8e8e8 0%,#eaeaea 7%,#e7e7e7 26%,#dcdcdc 70%,#d8d8d8 96%,#d5d5d5 100%); /* W3C */
}
.lt-ie9 .central-cms a.button-link:hover,
.lt-ie9 .central-cms form input.button:hover,
.lt-ie9 .central-cms form input[type="submit"]:hover { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#d5d5d5',GradientType=0 ); /* IE6-8 */ }

/* load more button */
.central-cms a.load-more-button { display: block; height: 43px; line-height: 43px; margin: 16px 0 30px; font-size: 14px; font-weight: 600; color: #1F1F1F !important; text-align: center; text-transform: uppercase; border: 1px solid #C3C4C4; border-radius: 3px; box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.15); }
.central-cms a.load-more-button {
	background: #fbfbfb; /* Old browsers */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjIlIiBzdG9wLWNvbG9yPSIjZmNmY2ZjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTYlIiBzdG9wLWNvbG9yPSIjZWNlY2VjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U3ZTdlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #fbfbfb 0%, #ffffff 4%, #fcfcfc 22%, #ececec 96%, #e7e7e7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(4%,#ffffff), color-stop(22%,#fcfcfc), color-stop(96%,#ececec), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fbfbfb 0%,#ffffff 4%,#fcfcfc 22%,#ececec 96%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fbfbfb 0%,#ffffff 4%,#fcfcfc 22%,#ececec 96%,#e7e7e7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fbfbfb 0%,#ffffff 4%,#fcfcfc 22%,#ececec 96%,#e7e7e7 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fbfbfb 0%,#ffffff 4%,#fcfcfc 22%,#ececec 96%,#e7e7e7 100%); /* W3C */
}
.lt-ie9 .central-cms a.load-more-button { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-8 */ }
.central-cms a.load-more-button:hover {
	color: black !important;
	text-decoration: none;
	background: #e8e8e8; /* Old browsers */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjclIiBzdG9wLWNvbG9yPSIjZWFlYWVhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjYlIiBzdG9wLWNvbG9yPSIjZTdlN2U3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjZGNkY2RjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTYlIiBzdG9wLWNvbG9yPSIjZDhkOGQ4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q1ZDVkNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #e8e8e8 0%, #eaeaea 7%, #e7e7e7 26%, #dcdcdc 70%, #d8d8d8 96%, #d5d5d5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(7%,#eaeaea), color-stop(26%,#e7e7e7), color-stop(70%,#dcdcdc), color-stop(96%,#d8d8d8), color-stop(100%,#d5d5d5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e8e8e8 0%,#eaeaea 7%,#e7e7e7 26%,#dcdcdc 70%,#d8d8d8 96%,#d5d5d5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e8e8e8 0%,#eaeaea 7%,#e7e7e7 26%,#dcdcdc 70%,#d8d8d8 96%,#d5d5d5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e8e8e8 0%,#eaeaea 7%,#e7e7e7 26%,#dcdcdc 70%,#d8d8d8 96%,#d5d5d5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e8e8e8 0%,#eaeaea 7%,#e7e7e7 26%,#dcdcdc 70%,#d8d8d8 96%,#d5d5d5 100%); /* W3C */
}
.lt-ie9 .central-cms a.load-more-button:hover { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#d5d5d5',GradientType=0 ); /* IE6-8 */ }

/* edit button */
.central-cms .edit-button { display: inline-block; width: 196px; height: 40px; line-height: 38px; margin-right: 12px; color: #4B4B49 !important; font-size: 14px; font-weight: bold; text-indent: 62px; text-transform: uppercase; background: url(buttons/edit-button.png) no-repeat 0 0; }
.central-cms .edit-button:hover { color: black !important; text-decoration: none; background-position: 0 -40px; }

/* ==========================================================================
   Forms
   ========================================================================== */

.central-cms form { padding-left: 12px; margin: 24px 0; }
.central-cms form .mandatory-notice { position: relative; height: 25px; margin-bottom: 10px; }
.central-cms form .mandatory-notice-text { position: absolute; top: 0; right: 10px; }
.central-cms form .non-compulsory { display: none; }
.central-cms form .validating-row { display: none; }
.central-cms form .row { margin-bottom: 10px; }
.central-cms form .row .label { float: left; width: 220px; padding-top: 5px; padding-right: 10px; }
.central-cms form .row .label label { position: relative; }
.central-cms form .row .label .compulsory { position: absolute; left: -12px; top: 0; }
.central-cms form .row .input { margin-left: 220px; overflow: hidden; }
.central-cms form .row .input input.text-field { width: 528px; height: 34px; padding: 0 8px; line-height: 34px; border: 1px solid #BABABA; }
.central-cms form .row .input select { width: 528px; height: 34px; line-height: 34px; padding: 0 4px; border: 1px solid #BABABA; }
.central-cms form .row .input textarea { width: 528px; height: 170px; padding: 6px 8px; border: 1px solid #BABABA; }
.central-cms form .row .input input.checkbox { margin-right: 5px; }
.central-cms form .row .input input.radio { margin-right: 5px; }

/* portrait form */
.central-cms .landscape-form .col1 { float: left; width: 60%; padding-right: 10px; }
.central-cms .landscape-form .col2 { margin-left: 60%; }
.central-cms .landscape-form .row .label { width: 90px; }
.central-cms .landscape-form .row .input { margin-left: 90px; }
.central-cms .landscape-form .row .input input.text-field,
.central-cms .landscape-form .row .input select,
.central-cms .landscape-form .row .input textarea { width: 100%; }
.central-cms .landscape-form .col2 .row .input { margin-left: 0; }
.central-cms .landscape-form .col2 .row .input textarea { height: 166px; }

/* ==========================================================================
   Search and filter panel
   ========================================================================== */


/* search and filter panel */
.central-cms .search-and-filter-panel { font-size: 17px; background: #E7EEF1 url(elements/shading.png) repeat 0 0; padding: 12px 12px; margin: 19px 0; }
.central-cms .search-and-filter-panel.expanding-panel { padding: 12px 0; }
.central-cms .search-and-filter-panel a { color: #257CC0 !important; }
.central-cms .search-and-filter-panel a:hover { color: #1B5F93 !important; }
.central-cms .search-and-filter-panel a.arrow-down:before { border-top-color: #257CC0; }
.central-cms .search-and-filter-panel a.arrow-down:hover:before { border-top-color: #1B5F93; }
.central-cms .search-and-filter-panel a.arrow-up:before { border-bottom-color: #257CC0; }
.central-cms .search-and-filter-panel a.arrow-up:hover:before { border-bottom-color: #1B5F93; }
.central-cms .search-and-filter-panel .toggle-view-link { margin: 12px 0; }
.central-cms .search-and-filter-panel form { padding: 0; margin: 0; }
.central-cms .search-and-filter-panel .form-field { display: inline-block; position: relative; width: 344px; height: 31px; margin: 12px 0 12px 26px; }
/* search field */
.central-cms .search-and-filter-panel .search-field input.text-field { width: 236px; width: 222px; height: 24px; line-height: 24px; padding: 2px 4px; border: 1px solid #D4D4D4; margin-right: 14px; }
.central-cms .search-and-filter-panel input.search-button { position: absolute; top: 0; right: 0; padding: 0; width: 91px; height: 30px; line-height: 30px; font-weight: 200; }
/* filter fields */
.central-cms .search-and-filter-panel .filter-field label { width: 62px; font-weight: 200; line-height: 31px; }
.central-cms .search-and-filter-panel .filter-field .select-input { position: absolute; top: 0; right: 0; width: 262px; height: 29px; overflow: hidden; border: 1px solid #C6C6C6; border-radius: 2px; }
.central-cms .search-and-filter-panel .filter-field .select-input {
	background: #f5f5f5; /* Old browsers */
	background: -moz-linear-gradient(top,  #f5f5f5 0%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f5f5f5 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f5f5f5 0%,#eeeeee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f5f5f5 0%,#eeeeee 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f5f5f5 0%,#eeeeee 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}
.central-cms .search-and-filter-panel .filter-field select { position: relative; z-index: 10; width: 306px; margin: 0; padding: 0 4px; height: 27px; line-height: 27px; font-size: 15px; font-weight: 200; }
.central-cms .search-and-filter-panel .filter-field select { background: transparent; border: 0; border-radius: 0; -webkit-appearance: none; -moz-appearance:none; appearance:none; }
.central-cms .search-and-filter-panel .filter-field .select-input .arrow-down { position: absolute; right: 20px; top: 17px; display: block; height: 0; width: 0; padding: 0; margin: -4px; border: 5px solid transparent; border-top-color: black; }
/* full width layout */
.full-width-layout .central-cms .search-and-filter-panel { padding: 25px 56px 25px; }
.full-width-layout .central-cms .search-and-filter-panel.expanding-panel { padding: 45px 56px 45px; }
.full-width-layout .central-cms .search-and-filter-panel .search-field input.text-field { width: 560px; }
.full-width-layout .central-cms .search-and-filter-panel .filter-fields .select-input { width: 570px; }
.full-width-layout .central-cms .search-and-filter-panel .filter-fields select { width: 600px; }

/* expanded state */
.central-cms .expanding-panel { padding-bottom: 12px; overflow: hidden; }
.central-cms .expanding-panel .expand-button { display: block; }
.central-cms .expanding-panel .collapse-button { display: none; }
.central-cms .expanding-panel.expanded .expand-button { display: none; }
.central-cms .expanding-panel.expanded .collapse-button { display: block; }
/* buttons */
.js .central-cms .filter-button-field { display: none; }
.central-cms .expanding-panel .toggle-view-link { margin-left: 26px; }
.no-js .central-cms .expanding-panel .toggle-view-link { display: none; }

/* no results found */
.central-cms .no-results-found { margin: 20px; }

/* ==========================================================================
   Publications
   ========================================================================== */

/* publication items */
.central-cms .publication-list { margin-right: -20px; }

.central-cms .publication-item { display: inline-block; vertical-align: top; position: relative; width: 182px; height: 376px; margin: 0 14px 14px 0; background: url(publications/publication-item-back.png) no-repeat left bottom; }
.central-cms .publication-item a { display: block; height: 376px; }
.central-cms .publication-item a:hover { text-decoration: none; }
.central-cms .publication-item .publication-item-inner { display: block; position: relative; height: 376px; overflow: hidden; }
.central-cms .publication-item img { display: block; position: relative; top: 0; width: 182px; height: 182px; }
.central-cms .publication-item .details { display: block; position: relative; top: 0; height: 185px; font-size: 18px; font-weight: normal; /* margin: 5px 12px 20px; */ padding: 5px 12px 20px; overflow: hidden; }
.central-cms .publication-item .details span { display: block; }
.central-cms .publication-item .details .meta { font-style: italic; }
.central-cms .publication-item .pdf-marker { display: block; position: absolute; left: -6px; top: 10px; width: 38px; height: 24px; font-size: 12px; font-weight: 200; color: white; text-decoration: none; text-indent: 9px; letter-spacing: 1px; background: url(publications/pdf-marker.png) no-repeat 0 0; }
.central-cms .publication-item .teaser { display: block; height: 376px; position: absolute; top: 100%; padding: 10px 12px; font-size: 18px; }
.central-cms .publication-item .teaser .teaser-text { display: block; height: 305px; overflow: hidden; }

/* animation */
.central-cms .publication-item-small a img { transition: top 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94); }
.central-cms .publication-item-small a:hover img { top: -126px; }

.central-cms .publication-item-small a .details { transition: top 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94); }
.central-cms .publication-item-small a:hover .details { top: -100%; }

.central-cms .publication-item-small a .teaser { transition: top 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94); }
.central-cms .publication-item-small a:hover .teaser { top: 56px; }

/* large publication item */
.central-cms .publication-item-large { width: 378px; }
.central-cms .publication-item-large img { width: 378px; height: 376px; }
.central-cms .publication-item-large .details { position: absolute; top: auto; bottom: 0; left: 0; height: auto; max-height: 338px; max-height: 152px; /* margin: 25px 50px 25px 25px; */ padding: 25px 50px 25px 25px; font-size: 20px; color: white; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.55); }
.central-cms .publication-item-large .details .meta { color: white; }
.central-cms .publication-item-large .details .meta span { display: inline; }
.central-cms .publication-item-large .details .meta span.date:after { content: "," }
.central-cms .publication-item-large .teaser { display: block; width: 378px; height: 376px; position: absolute; top: 100%; padding: 20px 25px; font-size: 20px; color: white; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.55); background-color:rgba(0,0,0,0.3); }
.central-cms .publication-item-large .teaser .teaser-text { height: 160px; }
.central-cms .publication-item-large .dark-text,
.central-cms .publication-item-large .light-text { color: white; }

/* animation */
.central-cms .publication-item-large a .teaser { transition: top 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94); }
.central-cms .publication-item-large a:hover .teaser { top: 0; }

/* publication detail page */
.central-cms .publication-detail .article-top { overflow: hidden; margin: 17px 0 24px; }
.central-cms .publication-detail .article-top .image { display: block; float: left; width: 182px; margin: 4px 21px 0 0; }
.central-cms .publication-detail .article-top .image img { width: 182px; height: 182px; }
.central-cms .publication-detail .article-top .details { display: block; margin-left: 203px; overflow: hidden; }
.central-cms .publication-detail .article-top .details h1 { margin-top: 0; line-height: 1; }
.central-cms .publication-detail .article-top .details h2 { line-height: 1;}
.central-cms .publication-detail .article-top .details .meta { color: #4B4B49; font-size: 18px; font-style: italic; }
.central-cms .publication-detail .article-top .details .meta time { display: inline; }
.central-cms a.add-to-library { display: block; width: 196px; height: 40px; line-height: 38px; margin: 18px 0; color: #484848 !important; font-size: 14px; text-indent: 60px; text-transform: uppercase; background: url(buttons/add-to-library.png) no-repeat 0 0; }
.central-cms a.add-to-library:hover { text-decoration: none; color: black !important; background-position: 0 -40px; }
/* download button */
.central-cms .publication-detail .attachment-box { padding: 20px 25px; margin: 20px 0; color: #4B4B49; background: url(elements/shading.png) repeat 0 0; }
.central-cms .publication-detail a.download-button { display: block; width: 194px; height: 44px; line-height: 41px; margin: 16px 0 10px; color: #4B4B49 !important; font-size: 14px; font-weight: bold; text-indent: 47px; text-transform: uppercase; background: url(buttons/download-button.png) no-repeat 0 0; }
.central-cms .publication-detail a.download-button:hover { color: black; text-decoration: none; background-position: 0 -44px; }
/* share buttons */
.central-cms .long-page-buttons .share-buttons { color: #6A6A67; font-size: 15px; text-transform: uppercase; padding: 32px 55px; margin: 30px 0 10px; background: #E7EEF1 url(elements/shading.png) repeat 0 0; }
.central-cms .long-page-buttons .share-buttons a { display: inline-block; vertical-align: top; color: #6A6A67; }
.central-cms .long-page-buttons .share-buttons a:hover { color: #3F403E; }
.central-cms .long-page-buttons .share-buttons a.print-button { margin-right: 60px; }
.central-cms .long-page-buttons .share-buttons .addthis-buttons { margin-right: 39px; }
.central-cms .long-page-buttons .share-buttons .addthis-buttons .addthis-label { margin-right: 5px; }
.central-cms .long-page-buttons .share-buttons .addthis-buttons .addthis_toolbox { position: relative; top: -3px; }
.central-cms .long-page-buttons .share-buttons div { display: inline-block; vertical-align: top; }
/* font resize buttons */
.central-cms .long-page-buttons .share-buttons .font-resize-buttons .font-size-label { display: inline-block; vertical-align: top;  margin-right: 7px;}
.central-cms .long-page-buttons .share-buttons .font-resize-buttons a.font-size-increase { display: inline-block; vertical-align: top; width: 16px; height: 16px; margin-top: 1px; background: url(buttons/plus.png) no-repeat 0 0; text-indent: -99999px; }
.central-cms .long-page-buttons .share-buttons .font-resize-buttons a.font-size-increase:hover { background-position: 0 -16px; }
.central-cms .long-page-buttons .share-buttons .font-resize-buttons a.font-size-decrease { display: inline-block; vertical-align: top; width: 16px; height: 16px; margin-top: 1px; background: url(buttons/minus.png) no-repeat 0 0; text-indent: -99999px; }
.central-cms .long-page-buttons .share-buttons .font-resize-buttons a.font-size-decrease:hover { background-position: 0 -16px; }
/* bottom links */
.central-cms .article-bottom { margin: 12px 0 30px; color: #8C8C8B; font-size: 14px; }
.central-cms .article-bottom a { color: #8C8C8B; }
.central-cms .article-bottom a:hover { color: #404140; }
.central-cms .article-bottom a.view-all { display: block; font-size: 14px; margin-bottom: 20px; }

/* ==========================================================================
   Toolkits
   ========================================================================== */

/* toolkit items */
.central-cms .toolkit-list { width: 776px; margin-right: -10px; }
.central-cms .toolkit-item { float: left; display: inline-block; vertical-align: top; position: relative; width: 184px; height: 182px; margin: 0 10px 12px 0; background: url(elements/shading.png) repeat 0 0; overflow: hidden; }
.central-cms .toolkit-item .teaser { display: block; position: relative; width: 100px; height: 150px; margin: 14px auto 0; font-size: 16px; font-weight: normal; color: white; text-align: left; line-height: 1; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.85); }
.central-cms .toolkit-item .teaser { -webkit-box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.55); -moz-box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.55); box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.55); }
.central-cms .toolkit-item .teaser .image img { display: block; width: 100px; height: 150px; }
.central-cms .toolkit-item .teaser .title { position: absolute; bottom: 0; left: 0; margin: 10px; width: 80px; max-height: 128px; overflow: hidden; }
.central-cms .toolkit-item .details { position: absolute; left: 0; top: 100%; width: 184px; height: 182px; padding: 12px 14px 0 18px; color: white; background: #8635A4 url(icons/download.png) no-repeat bottom right; font-size: 16px; font-weight: normal; line-height: 1.1; }
.central-cms .toolkit-item .details .details-text { display: block; height: 160px; overflow: hidden; }
.central-cms .toolkit-item .details .description { display: block; max-height: 320px; overflow: hidden; }
.central-cms .toolkit-item .details .meta { display: block; font-style: italic; margin-top: 6px; }
.central-cms .toolkit-item .details time { display: block; }


/* large toolkit item */
.central-cms .toolkit-item-large { float: left; width: 378px; height: 376px; }
.central-cms .toolkit-item-large-right { float: right; }
.central-cms .toolkit-item-large .teaser { width: 198px; height: 297px; margin-top: 39px; font-size: 20px; text-align: center; }
.central-cms .toolkit-item-large .teaser { -webkit-box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.55); -moz-box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.55); box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.55); }
.central-cms .toolkit-item-large .teaser .title { margin: 22px 12px; width: 174px; max-height: 261px; }
.central-cms .toolkit-item-large .teaser .image img { width: 198px; height: 297px; }
.central-cms .toolkit-item-large .details { width: 378px; height: 376px; padding: 20px 20px; }
.central-cms .toolkit-item-large .details .details-text { height: auto; }
.central-cms .toolkit-item-large .details .description { max-height: 300px; }

/* animation */
.central-cms .toolkit-item .details { transition: top 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94); }
.central-cms .toolkit-item:hover .details { top: 0; }

/* colours */
.central-cms .toolkit-item-purple .details { background-color: #8635A4; }
.central-cms .toolkit-item-blue .details { background-color: #0572b5; }
.central-cms .toolkit-item-green .details { background-color: #017630; }
.central-cms .toolkit-item-yellow .details { background-color: #f27a00; }
.central-cms .toolkit-item-orange .details { background-color: orange; }
.central-cms .toolkit-item-red .details { background-color: #ce0c02; }

/* ==========================================================================
   Events
   ========================================================================== */
  
/* event items */
/*
.central-cms .events-panel { margin: 0 -9px 0 -2px; }
.central-cms .events-panel .event-item { display: inline-block; width: 184px; height: 373px; padding: 2px 9px 10px 3px; margin-left: -1px; line-height: 1.2; background: url(events/events-panel-item.png) no-repeat 0 0; }
.central-cms .events-panel .event-item a { display: block; position: relative; width: 184px; height: 373px; overflow: hidden; }
.central-cms .events-panel .event-item a:hover { text-decoration: none; }
.central-cms .events-panel .event-item span { display: block; }
.central-cms .events-panel .event-item .event-date { width: 132px; height: 148px; padding: 1px 10px; margin: 16px; background: #5D257E; text-transform: uppercase; }
.central-cms .events-panel .event-item .event-date span { color: white; text-align: center; line-height: 1; }
.central-cms .events-panel .event-item .event-date .day { font-size: 42px; margin-top: 42px; }
.central-cms .events-panel .event-item .event-date .days { font-size: 32px;  margin-top: 50px; margin-bottom: 2px; }
.central-cms .events-panel .event-item .event-date .month { font-size: 21px; }
.central-cms .events-panel .event-item .event-date .months { font-size: 18px; }
.central-cms .events-panel .event-item .details { margin: 16px; }
.central-cms .events-panel .event-item .details .title { font-size: 18px; }
.central-cms .events-panel .event-item .details .location { font-style: italic; }
.central-cms .events-panel .event-item .description { position: absolute; left: 0; top: 100%; width: 184px; height: 373px; padding: 10px 20px; color: white; }
*/

/* event landing page */
.central-cms .event-list { background: #E7EEF1 url(elements/shading.png) repeat 0 0; padding: 3px 0 30px 2px; margin-bottom: 20px; }
.central-cms .event-items .event-item { display: inline-block; vertical-align: top; width: 356px; height: 132px; margin-left: 18px; margin-top: 15px; line-height: 1.2; background: white; }
.central-cms .event-items .event-item {
	-webkit-box-shadow: 1px 1px 11px 0px rgba(0, 0, 0, 0.35);
	-moz-box-shadow:    1px 1px 11px 0px rgba(0, 0, 0, 0.35);
	box-shadow:         1px 1px 11px 0px rgba(0, 0, 0, 0.35);
}
.central-cms .event-items .event-item a { display: block; position: relative; width: 356px; height: 132px; overflow: hidden; }
.central-cms .event-items .event-item a:hover { text-decoration: none; }
.central-cms .event-items .event-item span { display: block; }
.central-cms .event-items .event-item .event-date { float: left; width: 107px; height: 105px; padding: 1px 5px; margin: 13px; font-weight: bold; background: #5D257E; text-transform: uppercase; }
.central-cms .event-items .event-item .event-date span { color: white; text-align: center; line-height: 1; }
.central-cms .event-items .event-item .event-date .day { font-size: 42px; margin-top: 18px; }
.central-cms .event-items .event-item .event-date .days { font-size: 32px; margin-top: 22px; margin-bottom: 2px; }
.central-cms .event-items .event-item .event-date .month { font-size: 21px; }
.central-cms .event-items .event-item .event-date .months { font-size: 18px; }
.central-cms .event-items .event-item .details { margin: 13px; }
.central-cms .event-items .event-item .details .title { font-size: 18px; max-height: 86px; overflow: hidden; }
.central-cms .event-items .event-item .details .location { font-style: italic; }
.central-cms .event-items .event-item .description { position: absolute; left: 0; top: 100%; width: 356px; height: 132px; padding: 10px; color: white; overflow: hidden; }
.central-cms .event-items .event-item .description .description-text { height: 112px; overflow: hidden; }

/* animation */
.central-cms .event-items .event-item .description { transition: top 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94); }
.central-cms .event-items .event-item:hover .description { top: 0; }
/* colours */
.central-cms .event-items .event-color-1 .event-date,
.central-cms .event-items .event-color-1 .description { background: #5D257E; }
.central-cms .event-items .event-color-2 .event-date,
.central-cms .event-items .event-color-2 .description { background: #8B1B79; }
.central-cms .event-items .event-color-3 .event-date,
.central-cms .event-items .event-color-3 .description { background: #C5154A; }
.central-cms .event-items .event-color-4 .event-date,
.central-cms .event-items .event-color-4 .description { background: #EC334C; }
.central-cms .event-items .event-color-5 .event-date,
.central-cms .event-items .event-color-5 .description { background: #E9422E; }
.central-cms .event-items .event-color-6 .event-date,
.central-cms .event-items .event-color-6 .description { background: #FCA343; }

/* events panel (on home page) */
.central-cms .events-panel { margin: 0 -8px 0 0; }
.central-cms .events-panel .event-item { display: inline-block; vertical-align: top; width: 184px; height: 373px; margin: 0 8px 8px 0; line-height: 1.2; }
.central-cms .events-panel .event-item a { display: block; position: relative; width: 184px; height: 373px; overflow: hidden; }
.central-cms .events-panel .event-item .event-date { float: none; width: 152px; height: 150px; padding: 1px 10px; margin: 16px; }
.central-cms .events-panel .event-item .event-date .day { font-size: 42px; margin-top: 42px; }
.central-cms .events-panel .event-item .event-date .days { font-size: 32px; margin-top: 42px; margin-bottom: 2px; }
.central-cms .events-panel .event-item .event-date .month { font-size: 21px; }
.central-cms .events-panel .event-item .event-date .months { font-size: 18px; }
.central-cms .events-panel .event-item .details { margin: 16px; }
.central-cms .events-panel .event-item .description { position: absolute; left: 0; top: 100%; width: 184px; height: 373px; padding: 12px 20px; color: white; }
.central-cms .events-panel .event-item .description .description-text { height: 350px; }

/* events detail page */
.central-cms.event-detail-page { margin-bottom: 30px; }
.central-cms .event-box { padding: 10px 21px 27px; font-size: 18px; background: #E3EAEC; }
.central-cms .event-details .label { float: left; width: 140px; font-weight: bold; }
.central-cms .event-details .detail { margin-left: 148px; overflow: hidden; }
/* event schedules */
.central-cms .event-schedules .event-schedule { padding: 23px 28px; margin-top: 25px; background: white; }
.central-cms .event-schedules .event-schedule {
	-webkit-box-shadow: 1px 1px 11px 0px rgba(0, 0, 0, 0.35);
	-moz-box-shadow:    1px 1px 11px 0px rgba(0, 0, 0, 0.35);
	box-shadow:         1px 1px 11px 0px rgba(0, 0, 0, 0.35);
}
.central-cms .event-schedules .event-schedule h2 { margin-top: 0; }
.central-cms .event-schedules .event-schedule .item { margin: 8px 0; }
.central-cms .event-schedules .event-schedule .item .label { float: left; width: 110px; font-weight: bold; }
.central-cms .event-schedules .event-schedule .item .detail { margin-left: 120px; overflow: hidden; }
.central-cms .event-schedules .event-schedule input.register-button { width: 156px; margin-top: 10px; font-weight: normal; }
.central-cms .event-schedules .event-schedule a.button-link { width: 156px; margin: 20px 0; font-weight: normal; }

/* events booking form */
.central-cms.event-booking-form .event-box { padding-top: 27px; margin: 20px 0; }
.central-cms .event-review-table { background: white; padding: 24px 28px; }
.central-cms .event-review-table {
	-webkit-box-shadow: 1px 1px 11px 0px rgba(0, 0, 0, 0.35);
	-moz-box-shadow:    1px 1px 11px 0px rgba(0, 0, 0, 0.35);
	box-shadow:         1px 1px 11px 0px rgba(0, 0, 0, 0.35);
}
.central-cms .event-review-table .header { font-size: 24px; margin-bottom: 14px; }
.central-cms .event-review-table .items .row { margin-bottom: 10px; }
.central-cms .event-review-table .description { float: left; width: 66%; padding-right: 10px; }
.central-cms .event-review-table .price { float: left; width: 20%; padding-right: 10px; }
.central-cms .event-review-table .remove { float: left; width: 14%; }

/* events button panel */
.events-button-panel { padding: 7px 20px 12px !important; }
.events-button-panel form { padding: 10px 0; margin: 0; }
.events-button-panel form .row .input { padding: 0; margin: 0; }
.events-button-panel form input[type="submit"] { width: 100%; }


/* ==========================================================================
   Event materials
   ========================================================================== */
  
/* event materials landing page */
.central-cms .event-material-list { background: #E7EEF1 url(elements/shading.png) repeat 0 0; padding: 2px 20px 25px; margin-bottom: 20px; }
.central-cms .event-material-items .event-material-item { display: block; padding: 18px; margin-top: 22px; line-height: 1.2; background: white; }
.central-cms .event-material-items .event-material-item {
	-webkit-box-shadow: 1px 1px 11px 0px rgba(0, 0, 0, 0.35);
	-moz-box-shadow:    1px 1px 11px 0px rgba(0, 0, 0, 0.35);
	box-shadow:         1px 1px 11px 0px rgba(0, 0, 0, 0.35);
}
.central-cms .event-material-items .event-material-item .image { float: left; width: 126px; }
.central-cms .event-material-items .event-material-item .details { margin-left: 126px; }
.central-cms .event-material-items .event-material-item .details h2.title { margin-top: -5px; margin-bottom: 2px; }
.central-cms .event-material-items .event-material-item .details .meta { font-style: italic; }
.central-cms .event-material-items .event-material-item .details .event-material-text { margin: 20px 0; }
.central-cms .event-material-items .event-material-item a:hover { text-decoration: none; }




/* ==========================================================================
   Networking events
   ========================================================================== */

/* networking events landing page */
.central-cms .networking-events-list { background: #E7EEF1 url(elements/shading.png) repeat 0 0; padding: 3px 0 3px 2px; margin-bottom: 20px; }
.central-cms .networking-events-list .networking-events-item { margin: 20px 20px 27px; padding: 10px 16px 20px; background: white; }
.central-cms .networking-events-list .networking-events-item {
	-webkit-box-shadow: 1px 1px 11px 0px rgba(0, 0, 0, 0.35);
	-moz-box-shadow:    1px 1px 11px 0px rgba(0, 0, 0, 0.35);
	box-shadow:         1px 1px 11px 0px rgba(0, 0, 0, 0.35);
}
.central-cms .networking-events-list .networking-events-item .image { float: left; width: 128px; padding-top: 5px; }
.central-cms .networking-events-list .networking-events-item .details { margin-left: 128px; overflow: hidden; }
.central-cms .networking-events-list .networking-events-item .details h2 { margin: 0; }
.central-cms .networking-events-list .networking-events-item .details .meta { color: #818383; font-style: italic; margin: 5px 0 20px; }
.central-cms .networking-events-list .networking-events-item .details a.button-link { margin-top: 10px; }

/* networks detail page */
.central-cms .networks-detail-top-panel { margin-top: 12px; }
.central-cms .networks-detail-top-panel .image { float: left; width: 127px; padding-top: 8px; }
.central-cms .networks-detail-top-panel .details { margin-left: 127px; overflow: hidden; }
.central-cms .networks-detail-top-panel .details h1 { margin: 0; }
.central-cms .networks-detail-top-panel .details h4 { margin-top: 0; }
/* testimonials panel */
.central-cms.networks-detail-page .testimonials-panel { margin: 30px 0; }
.central-cms.networks-detail-page .testimonials-panel .testimonial-item { position: relative; }
.central-cms.networks-detail-page .testimonials-panel .testimonial-item .quotation-mark { display: block; float: left; width: 44px; font-weight: normal; font-size: 62px; margin-top: -6px; }
.central-cms.networks-detail-page .testimonials-panel .testimonial-item .testimonial-text { margin-left: 44px; font-family: 'Gill Sans Light', sans-serif; font-size: 24px; font-style: italic; overflow: hidden; }
.central-cms.networks-detail-page .testimonials-panel .testimonial-item .testimonial-author { margin-left: 44px; overflow: hidden; }

/* ==========================================================================
   Online Resources
   ========================================================================== */
/* shelf */
.central-cms .online-resource-list .online-resource-shelf { padding: 10px 0 64px 30px; margin: 0 -30px; background: url(online-resources/shelf.png) no-repeat left bottom; }
/* online resources landing page */
.central-cms .online-resource-item { display: inline-block; vertical-align: top; width: 221px; height: 221px; margin: 0 31px 0 0; }
.central-cms .online-resource-item {
	-webkit-box-shadow: -6px 2px 11px 0px rgba(0, 0, 0, 0.65);
	-moz-box-shadow:    -6px 2px 11px 0px rgba(0, 0, 0, 0.65);
	box-shadow:         -6px 2px 11px 0px rgba(0, 0, 0, 0.65);
}
.central-cms .online-resource-item a { display: block; height: 221px; color: white; }
.central-cms .online-resource-item a:hover { text-decoration: none; }
.central-cms .online-resource-item .online-resource-item-inner { display: block; position: relative; height: 221px; overflow: hidden; }
.central-cms .online-resource-item .details { display: block; position: relative; top: 0; height: 221px; font-size: 18px; font-weight: normal; overflow: hidden; }
.central-cms .online-resource-item .image img { display: block; width: 221px; height: 221px; }
.central-cms .online-resource-item .details .title { display: block; position: absolute; bottom: 0; margin: 22px; color: white; }
.central-cms .online-resource-item .teaser { display: block; height: 221px; position: absolute; top: 100%; padding: 16px 22px; font-size: 18px; }
.central-cms .online-resource-item .teaser .teaser-text { display: block; height: 190px; overflow: hidden; }
/* animation */
.central-cms .online-resource-item .teaser { transition: top 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94); }
.central-cms .online-resource-item:hover .teaser { top: 0; }


/* ==========================================================================
   Registration Form
   ========================================================================== */

.central-cms.registration-form input.button { font-weight: normal; margin-top: 20px; }


/* ==========================================================================
   Notice Board
   ========================================================================== */

/* notice board */
.central-cms .notice-board-box { width: 768px; margin: 20px 0; background: #E4ECEF url(notice-board/notice-board-repeat.png) repeat 0 0; }
.central-cms .notice-board-box .notice-board-box-inner { background: url(notice-board/notice-board-top.png) no-repeat top left; }
.central-cms .notice-board-box .notice-board-box-inner .items { padding: 72px 100px; min-height: 553px; color: #4B4B49; font-family: 'Kalam', cursive; font-size: 25px; background: url(notice-board/notice-board-bottom.png) no-repeat left bottom; }
.central-cms .notice-board-box .notice-board-box-inner h1 { font-family: 'Kalam', cursive; font-size: 28px; }
.central-cms .notice-board-box .notice-board-box-inner p { margin: 30px 0; }
/* profile detail table */
.central-cms .profile-detail-table .row { margin-bottom: 10px; }
.central-cms .profile-detail-table .label { float: left; width: 180px; padding-right: 10px; font-weight: bold; }
.central-cms .profile-detail-table .detail { margin-left: 180px; overflow: hidden; }
.central-cms.profile-page .buttons { margin-top: 30px; }

/* ==========================================================================
   Browsing History
   ========================================================================== */

/* browsing history */
.central-cms.browsing-history .item { margin-bottom: 12px; }
.central-cms.browsing-history .item .date { float: left; width: 180px; padding-right: 12px; }
.central-cms.browsing-history .item .title { margin-left: 180px; overflow: hidden; }


/* ==========================================================================
   Member Directory
   ========================================================================== */
.central-cms.member-directory .user-profile-list { padding: 22px 24px 1px; margin: 0 0 20px; background: #E7EEF1 url(elements/shading.png) repeat 0 0; }
.central-cms.member-directory .user-profile-list .user-profile { float: left; position: relative; width: 48.5%; min-height: 138px; padding: 21px; background: white; margin-left: 3%; margin-bottom: 20px; }
.central-cms.member-directory .user-profile-list .user-profile {
	-webkit-box-shadow: -3px 2px 11px 0px rgba(0, 0, 0, 0.35);
	-moz-box-shadow:    -3px 2px 11px 0px rgba(0, 0, 0, 0.35);
	box-shadow:         -3px 2px 11px 0px rgba(0, 0, 0, 0.35);
}
.central-cms.member-directory .user-profile-list .user-profile:first-child { margin-left: 0; }
.central-cms.member-directory .user-profile-list .user-profile span { display: block; }
.central-cms.member-directory .user-profile-list .user-profile .user-name { font-size: 20px; }
.central-cms.member-directory .user-profile-list .user-profile .user-position { color: #4C4A4A; }
.central-cms.member-directory .user-profile-list .user-profile .user-joined { font-style: italic; color: #818383; }

/* ==========================================================================
   Search Results Page
   ========================================================================== */

/* search results */
.central-cms .search-result-item { display: block; margin: 12px 0; }



/* ==========================================================================
   Library Page
   ========================================================================== */

/* search form */
.central-cms.library-page .form-field { width: 550px; }
.central-cms.library-page .search-field input.text-field { width: 424px; }
.central-cms.library-page .library-box { padding: 22px 24px 1px; margin: 0 0 20px; background: #E7EEF1 url(elements/shading.png) repeat 0 0; }
.central-cms.library-page .folder-item { position: relative; padding: 21px; background: white; margin-bottom: 20px; }
.central-cms.library-page .folder-item {
	-webkit-box-shadow: -3px 2px 11px 0px rgba(0, 0, 0, 0.35);
	-moz-box-shadow:    -3px 2px 11px 0px rgba(0, 0, 0, 0.35);
	box-shadow:         -3px 2px 11px 0px rgba(0, 0, 0, 0.35);
}
.central-cms.library-page .folder-item .folder-name { width: 60%; }
.central-cms.library-page .folder-item .folder-name a { font-size: 24px; }
.central-cms.library-page .folder-item .folder-name .folder-size { color: #818383; font-size: 18px; font-style: italic; }
.central-cms.library-page .folder-item .folder-buttons { position: absolute; right: 19px; top: 27px; }
/* library dialog forms */
.jquery-dialog .library-dialog-form .input { margin: 9px 0 !important; }
.jquery-dialog .library-dialog-form .input input.text-field { width: 95% !important; }
/* library folder detail view */
.central-cms.library-page .library-items { margin: 20px 0; }
.central-cms.library-page .library-items .empty-message { margin-bottom: 20px; }
.central-cms.library-page .library-items .library-item { position: relative; padding: 21px; background: white; margin-bottom: 20px; }
.central-cms.library-page .library-items .library-item {
	-webkit-box-shadow: -3px 2px 11px 0px rgba(0, 0, 0, 0.35);
	-moz-box-shadow:    -3px 2px 11px 0px rgba(0, 0, 0, 0.35);
	box-shadow:         -3px 2px 11px 0px rgba(0, 0, 0, 0.35);
}
.central-cms.library-page .library-items .library-item .item-name { width: 80%; }
.central-cms.library-page .library-items .library-item .item-name a { font-size: 21px; }
.central-cms.library-page .library-items .library-item .item-name .meta { color: #818383; font-size: 18px; font-style: italic; }
.central-cms.library-page .library-items .library-item .item-buttons { position: absolute; right: 19px; top: 27px; }
.central-cms.library-page .library-items .library-item .item-buttons a { display: block; margin-bottom: 10px; }
/* buttons */
.central-cms.library-page .library-buttons a { display: inline-block; width: 191px; height: 39px; line-height: 38px; margin-right: 8px; font-size: 13px; font-weight: normal; text-decoration: none; text-transform: uppercase; color: #1F1F1F !important; background: url(library/add-new-folder.png) no-repeat 0 0; }
.central-cms.library-page .library-buttons a:hover { color: black !important; text-decoration: none; background-position: 0 -39px; }
.central-cms.library-page .library-buttons a.add-new-folder-button { text-indent: 50px; background-image: url(library/add-new-folder.png); }
.central-cms.library-page .library-buttons a.manage-folders-button { text-indent: 50px; background-image: url(library/manage-folders.png); }
.central-cms.library-page .library-buttons a.rename-folder-button { width: 113px; text-indent: 50px; background-image: url(library/rename-folder.png); }
.central-cms.library-page .library-buttons a.delete-folder-button { width: 113px; text-indent: 50px; background-image: url(library/delete-folder.png); }



/* ==========================================================================
   Video archive
   ========================================================================== */

/* video items */
.central-cms .video-list { margin-right: -20px; }

.central-cms .video-item { display: inline-block; vertical-align: top; position: relative; width: 182px; height: 274px; margin: 0 12px 12px 0; background: url(publications/publication-item-back.png) no-repeat center bottom; }
.central-cms .video-item .thumbnail { display: block; border: 1px solid #7B7B7B; }
.central-cms .video-item img { display: block; width: 180px; height: 135px; }
.central-cms .video-item .title { display: block; height: 137px; padding: 5px 13px; overflow: hidden; }

/* large publication item */
.central-cms .video-item-large { width: 376px; height: auto; margin: 0 14px 14px 0; background: none; }
.central-cms .video-item-large img { width: 374px; height: 281px; }
.central-cms .video-item-large .title { height: 49px; padding: 5px 0 0; }


/* ==========================================================================
   Dialog box
   ========================================================================== */

/* dialog box */
.dialog-box {
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); 
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); 
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); 
	/* css3 border radius */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	background: white;
	width: 458px;
	position: absolute;
	left: 45px;
	top: 60px;
	z-index: 5000;
	/* display: none; */
	left: -999999px;
}
.lt-ie9 .dialog-box { zoom: 1; behavior: url(/export/system/modules/za.co.heliosdesign.common/resources/htc/PIE.htc); }
.dialog-box .dialog-title { padding: 7px 25px; border-bottom: 1px solid #E1E1E1; font-weight: 400; font-size: 17px; text-transform: uppercase; }
.dialog-box .dialog-message { padding: 2px 23px 12px; color: #1d1d1d; font-weight: 200; }
.dialog-box .dialog-message a { font-weight: 400; }
.dialog-box a.close-button { display: block; position: absolute; right: 12px; top: 12px; text-align: center; background-color: white; width: 16px; height: 16px; line-height: 15px; color: #999999 !important; text-decoration: none; font-family: Arial, Helvetica, sans-serif !important; font-size: 125% !important; font-weight: bold !important; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; cursor: pointer; }
.dialog-box a.close-button:hover { background-color: #ddd; color: #222 !important; }