/*
* RESET
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline;
}
html{
    overflow-y:scroll;
}
html,body{
    height:100%;
    width:100%;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block;
}
body{
    line-height:1;
}
ol,ul{
    list-style:none;
}
blockquote,q{
    quotes:none;
}
content:'';
content:none;
}
table, th, td {
    border: 0;
}
table{
    border-collapse:collapse;
    border-spacing:0;
}
img {
    border: none;
}
em {
    font-style: italic;
}
strong {
    font-weight: 700;
}


/*
* 		GENERIC
*/

@font-face {
    font-family: 'CentroSansBold';
    src: url('../font/pfcentrosanspro-bold-webfont.eot');
    src: url('../font/pfcentrosanspro-bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('../font/pfcentrosanspro-bold-webfont.woff') format('woff'),
        url('../font/pfcentrosanspro-bold-webfont.ttf') format('truetype'),
        url('../font/pfcentrosanspro-bold-webfont.svg#PFCentroSansProBold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'CentroSansMedium';
    src: url('../font/pfcentrosanspro-medium-webfont.eot');
    src: url('../font/pfcentrosanspro-medium-webfont.eot?#iefix') format('embedded-opentype'),
        url('../font/pfcentrosanspro-medium-webfont.woff') format('woff'),
        url('../font/pfcentrosanspro-medium-webfont.ttf') format('truetype'),
        url('../font/pfcentrosanspro-medium-webfont.svg#PFCentroSansProMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    /*/
    font-size: 120%;
    /**/
}

a:link, a:visited {
    color: #342b60;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
a:active {
    color: #ad5a83;
}

.read-more, .back {
    background: url("../img/arrows.png") no-repeat 0 0;
    display: inline-block;
    font-weight: bold;
    white-space: nowrap;
}
.read-more {
    background-position: 100% 5px;
    padding-right: 18px;
}

.back {
    background-position: 0 -524px;
    padding-left: 18px;
}
.news-content .back, .events-content .back {
    margin-top: 40px;
}

.img-repl {
    display: block;
    height: 0;
    overflow: hidden;
}
.last {
    border-bottom: 0 !important;
    margin-right: 0 !important;
}
.hide {
    display: none !important;
}
.hide-label {
    visibility: hidden !important;
}

article strong {
    font-weight: bold;
}

hr {
    border: 0;
    border-top: 1px solid #c9c9c9;
    border-bottom: 1px solid #f2f2f2;
    clear: both;
    height: 0;

    /*margin: 0;*/
    /* testing */
    margin: 28px 0;

    width: 100%;
}

.cf:after, .news-featured article:after, .news-list-2col article:after, .news-list article:after, .news-list-2col .row:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
}


/*
* 		Bulleted lists
*/

.bulleted li,
.bulleted dd,
.footer-top-wrap .links dd,
.drop-nav dd,
.article ul li,
.article-aside aside ul li,
.article-block article ul li {
    background: url("../img/list-bullet.png") no-repeat 0 0.3571em;
    padding-left: 15px;
}
.bulleted li {
    margin-bottom: 8px;
}
.bulleted.double-margin li {
    margin-bottom: 16px;
}

.article p + ul, .article h2 + ul,
.article p + ol, .article h2 + ol {
    margin: -0.5em 0 1em;
}
.article ul {
    clear: left;
    padding-left: 1em;
}
.article ol,
.article-aside aside ol {
    padding-left: 2em;
}
.article ol li,
.article-aside aside ol li {
    list-style-type: decimal;
}

.article-aside aside .link-list.bulleted li {
    background: none;
    padding-left: 0;
}

.job_article ul {
    clear: left;
    padding-left: 1em;
}

.job_article li {
    background: url("../img/list-bullet.png") no-repeat 9px 9px !important;
    margin: -0.5em 0 1em !important;
    padding-left: 25px !important;
    margin-bottom: 8px !important;
}

.footer-top-wrap .links dl {
    float: left;
    margin: 0 0 28px 28px;
    width: 224px;
}
.footer-top-wrap .links dd,
.drop-nav dd {
    margin-bottom: 0.3571em;
}
.footer-top-wrap .links .first,
.drop-nav .first {
    margin-left: 0;
}
.footer-top-wrap dt,
.drop-nav dt {
    color: #282828;
    font-family: CentroSansMedium, Arial, Helvetica, sans-serif;
    font-size: 1.2857em;
    letter-spacing: -0.01em;
    padding-bottom: 0.5556em;
}

.drop-nav dl {
    display: inline-block;
    margin: 0 0 28px 54px;
    vertical-align: top;
    text-align: left;
    width: 254px;
}

.site-map-list > li {
    background: url("../img/arrows.png") no-repeat 0 -616px;
    margin-bottom: 20px;
    padding-left: 20px;
}
.site-map-list > li > a {
    color: #440022;
    font-size: 1.2857em;
    font-weight: bold;
}
.site-map-list > li > ul > li > a {
    font-weight: bold;
}
.site-map-list li ul {
    padding: 5px 0 5px 10px;
}
.compl-block .bulleted li {
    margin-bottom: 0.8571em;
}



/*
* 		Headings
*/

h1, h2, h3 {
    color: #000000;
}

h4, h5 {
    color: #282828;
}
h1 {
    font: 2.2857em/1.4 CentroSansMedium, Arial, Helvetica, sans-serif;
    letter-spacing: -0.03em;
    padding: 0.32em 35px 0.32em 20px;
}
h2 {
    font: 2.1428em/1.3 CentroSansMedium, Arial, Helvetica, sans-serif;
    letter-spacing: -0.03em;
    margin-bottom: 0.5em;
}
h3 {
    font: 1.4285em/1.2 CentroSansBold, Arial, Helvetica, sans-serif;
    letter-spacing: -0.01em;
    margin-bottom: 0.4em;
}
h4 {
    font: 1.2857em/1 CentroSansMedium, Arial, Helvetica, sans-serif;
    letter-spacing: -0.01em;
    margin-bottom: 0.4em;
}
h5 {
    font: 1.1428em/1 CentroSansMedium, Arial, Helvetica, sans-serif;
    letter-spacing: -0.005em;
    margin-bottom: 0.2em;
}

.bg-title,
.ul-title,
.side-title,
.gray-title {
    background: transparent url("../img/title-sprite.png") no-repeat 0 0;
    min-height: 64px;
    line-height: 50px;
    overflow: hidden;
}
.ul-title {
    background-position: 0 100%;
    background-repeat: repeat-x;
    line-height: 2.1334em;
    margin-bottom: 0.8em;
    width: auto;
}
.element-block .bg-title {
    background-position: 0 0;
    color: #fff;
    margin-bottom: 13px;
    padding: 0 35px 0 15px;
    white-space: nowrap;
    width: 174px;
}
.element-block .gray-title {
    background-position: 0 -248px;
    color: #282828;
    font-size: 1.4285em;
    margin-bottom: 13px;
    padding: 0 35px 0 15px;
    white-space: nowrap;
    width: 174px;
}
.news-block .bg-title, .events-block .bg-title {
    background-position: 0 -124px;
}

.side-title {
    background-position: 0 -372px;
    color: #4c4c4c;
    line-height: 35px;
    min-height: 48px;
    padding: 0 5px 0 15px;
    width: 204px;
}

.bg-title-container a:hover {
    text-decoration: none;
}

.ul-title-container {
    background: transparent url("../img/title-sprite.png") repeat-x 0 100%;
    /*min-height: 64px;*/
    min-height: 54px;
    overflow: visible;
    width: auto;
}
.ul-title-container h2 {
    display: inline-block;
    line-height: 1.2em;
    margin: 0;
    max-width: 50%;
    padding-top: 0.4em;
}

div[role=complementary] .bg-title,
div[role=complementary] .gray-title {
    margin-top: 10px;
}


/*
* 		Forms
*/

input[type=text], textarea, select {
    background: #fafafa;
    border: 0;
    font: 1em/1em Arial, Helvetica, sans-serif;
    padding: 6px;

    -webkit-box-shadow: inset 0px 1px 1px 1px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset 0px 1px 1px 1px rgba(0, 0, 0, 0.25);
    box-shadow: inset 0px 1px 1px 1px rgba(0, 0, 0, 0.25);
}
select {
    padding: 5px 6px;
}
textarea {
    line-height: 1.4em;
}

.img-btn {
    border: 0;
    cursor: pointer;
    display: block;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    text-indent: -9999em;
}
.arrow-btn {
    background: #3c3c3c url("../img/btn-form-arrow.png") no-repeat 100% 50%;
    border: 0;
    color: #fff;
    cursor: pointer;
    font: 1.2857em/1 CentroSansMedium, Arial, Helvetica, sans-serif;
    padding: 4px 42px 4px 12px;
}
.required span {
    background: url("../img/req-star.png") no-repeat 100% 0;
    padding-right: 12px;
}

/*
* 		Selectmenu
*/
.ui-selectmenu {
    display: inline-block;
    height: 32px;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    vertical-align: middle;
}
.ui-selectmenu-icon {
    margin-top: -8px;
    position: absolute; right: 6px; top: 50%;
}
.ui-selectmenu-menu {
    display: none;
    margin: 0;
    padding: 0;
    position:absolute; top: 0;
    z-index: 1005; /* z-index: 1005 to make selectmenu work with dialog */
}
.ui-selectmenu-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: auto;
    overflow-y: visible;
    overflow-x: hidden;
    position: relative;
}
.ui-selectmenu-open {
    display: block;
}
.ui-selectmenu-menu-popup {
    margin-top: -1px;
}
.ui-selectmenu-menu li {
    border-top: 1px dotted transparent;
    border-bottom: 1px dotted transparent;
    border-right-width: 0 !important;
    border-left-width: 0 !important;
    font-weight: normal !important;
    display: block;
    margin: 0;
    padding: 0;
}
.ui-selectmenu-menu li a, .ui-selectmenu-status {
    display: block;
    line-height: 1.4em;
    outline: none;
    padding: 0.405em 2.1em 0.405em 1em;
    text-decoration:none;
}
.ui-selectmenu-menu li.ui-state-disabled a, .ui-state-disabled {
    cursor: default;
}
.ui-selectmenu-menu li.ui-selectmenu-hasIcon a, .ui-selectmenu-hasIcon .ui-selectmenu-status {
    margin-left: 5px;
    padding-left: 20px;
    position: relative;
}
.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon {
    margin-top: -8px;
    position: absolute; top: 1em; left: 0;
}
.ui-selectmenu-status {
    line-height: 1.4em;
}
.ui-selectmenu-menu li span, .ui-selectmenu-status span {
    display:block;
    margin-bottom: 0.2em;
}
.ui-selectmenu-menu li .ui-selectmenu-item-header {
    font-weight: bold;
}
.ui-selectmenu-menu li .ui-selectmenu-item-footer {
    opacity: 0.8;
}
.ui-selectmenu-menu .ui-selectmenu-group {
    font-size: 1em;
}
.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label {
    display: block;
    font-weight: bold;
    line-height: 1.4em;
    padding: 0.6em 0.5em 0;
}
.ui-selectmenu-menu .ui-selectmenu-group ul {
    margin: 0;
    padding: 0;
}

/*
* 		Site search
*/

.site-search {
    max-width: 200px;
    overflow: hidden;
}
.site-search div {
    float: left;
    position: relative;
}
.site-search label {
    color: #818181;
    display: block;
    padding: 6px;
    position: absolute; top: 0; left: 0;
    width: 150px;
}
.site-search input {
    float: left;
}
.site-search input[type=submit] {
    background: url("../img/btn-site-search.png") no-repeat 100% 100%;
    cursor: pointer;
    padding-top: 29px;
    width: 34px;
}
.site-search input[type=text] {
    background: #f8f8f8 url("../img/bg-textfield.png") repeat-x 0 0;
    border: 1px solid #ddd;
    margin: 0;
    width: 148px;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.site-search .read-more {
    background: url("../img/arrows.png") no-repeat 100% -245px;
    display: inline-block;
    font-size: 0.8571em;
    font-weight: normal;
    margin-top: 6px;
    padding-left: 8px;
    padding-right: 15px;
}

/*
* 		Special forms
*/
.compact-form li {
    box-sizing: border-box;
    margin: 0 15px 14px 15px;
    position: relative;
}
.compact-form input[type=text], .compact-form textarea, .library-form select {
    display: block;
    width: 100%;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.compact-form label {
    color: #818181;
    display: inline-block;
    padding: 5px 8px 0 8px;
    position: absolute; top: 0; right: 0; bottom: 0; left: 0;
}

.library-form {
    display: block;
}
.library-form h5 {
    margin-bottom: 10px;
}
.library-form ul {
    overflow: hidden;
}
.library-form li {
    margin-bottom: 10px;
    overflow: hidden;
}
.library-form input[type=text] {
    float: left;
    margin-right: 6px;
    width: 136px;
}
.library-form .search-btn {
    background: url("../img/menus-btns-sprite.png") no-repeat 0 -372px;
    float: left;
    padding-top: 30px;
    width: 30px;
}

#library-search-ester {
    margin: 0 0 10px;
}
#library-search-scholar {
    margin: 25px 0 10px;
}
#library-search-scholar h5 {
    background: url("../img/logo-google-scholar.png") no-repeat 0 0;
    height: 0;
    overflow: hidden;
    padding-top: 38px;
    width: 105px;
}

/*
* 		Date picker
*/

.date-picker .date-field {
    background: url("../img/icons-sprite.png") no-repeat 100% -300px;
}
.ui-datepicker {
    background: #fff;
    border-bottom: 1px solid #d2d2d2;
    font: 14px/20px Arial, Helvetica, sans-serif;
    padding-bottom: 5px;
    width: 194px;
}
.ui-datepicker table {
    width: 100%;
}
.ui-datepicker-header {
    background: url("../img/bg-datepicker-hdr.png") no-repeat 0 0;
    position: relative;
}
.ui-datepicker-title {
    color: #444;
    font-weight: bold;
    padding: 6px 0;
    text-align: center;
}
.ui-datepicker-prev, .ui-datepicker-next {
    cursor: pointer;
    display: block;
    height: 0;
    overflow: hidden;
    padding-top: 30px;
    position: absolute; top: 0;
    width: 30px;
}
.ui-datepicker-next {
    right: 0;
}
.ui-datepicker-calendar th, .ui-datepicker-calendar td {
    text-align: center;
}
.ui-datepicker-calendar th {
    border-bottom: 1px solid #d2d2d2;
    color: #818181;
    padding: 5px 0;
}
.ui-datepicker-calendar td a {
    display: inline-block;
    padding: 3px 0 3px;
    width: 100%;
}
.ui-datepicker-calendar .has-event a {
    font-weight: bold;
}
.ui-datepicker-calendar td a:hover {
    background: #eee;
}
.ui-datepicker-calendar .ui-datepicker-today a,
.ui-datepicker-calendar .ui-datepicker-today a:hover {
    background: #870042;
    color: #fff;
    font-weight: bold;
}
.ui-datepicker-calendar .ui-datepicker-week-end {
    color: #ad5a83;
}


/*
* 		TEXT/ARTICLE FORMATTING
*/

.header-wrap, .body-content-wrap, footer {
    font-size: 0.875em;
    line-height: 1.429em;
}
.font-size-26 {
    font-size: 1.8571em;
}
.font-size-22 {
    font-size: 1.5714em;
}
.font-size-18 {
    font-size: 1.2857em;
}

.article a {
    color: #e4067e;
}
article p, .article p {
    margin-bottom: 1em;
}
.article-img-left, .article-img-right {
    border: 1px solid #ddd;
}
.article-img-left {
    float: left;
    margin: 5px 20px 15px 0;
}
.article-img-right {
    float: right;
    margin: 5px 0 15px 20px;
}

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



/*
* 		GRID SYSTEM
*/

.grid-1, .grid-2, .grid-3, .grid-4 {
    float: left;
    margin-left: 14px;
    margin-right: 14px;
    overflow: hidden;
}
.grid-1 {
    width: 224px;
}
.grid-2 {
    width: 476px;
}
.grid-3 {
    width: 728px;
}
.grid-4 {
    margin-left: 0;
    margin-right: 0;
    width: 980px;
}
.grid-1 .grid-1,
.grid-2 .grid-2,
.grid-3 .grid-3,
.grid-4 .grid-4 {
    margin-left: 0;
    margin-right: 0;
}
/*
.grid-4 + .grid-4 {
margin-top: 28px;
}
*/
.bottom-margin {
    margin-bottom: 28px;
}
.top-margin {
    margin-top: 28px;
}
.start {
    margin-left: 0 !important;
}
.end {
    border-right: 0 !important;
    margin-right: 0 !important;
}
.col-equal-height {
    margin-bottom: -32767px;
    padding-bottom: 32767px;
}
.container {
    position: relative;
}

/*
* Special positioning
*/
.col-equal-height .dot-pager {
    position: absolute; bottom: 0;
    width: 476px;
}
.col-equal-height .news-block .read-more,
.col-equal-height .events-block .read-more,
.col-equal-height .video-feature .read-more {
    position: absolute; bottom: 10px;
}
.col-equal-height .video-feature .read-more {
    right: 0;
}

div[role=main] .grid-2 .article-block {
    padding: 14px 0 40px;
}
div[role=main] .grid-2 .article-block:first-child {
    padding: 0 0 40px;
}

/* testing //
div[role=complementary] .grid-4 .article-block {
padding: 28px 0 0;
}
div[role=complementary] .grid-4 .grid-2 .article-block {
padding: 0;
}
**/




/*
* 		MAIN STRUCTURE
*/

.header-wrap, .header-inner-wrap, .body-wrap, footer {
    max-width: 1360px;
    min-width: 980px;
    width: 100%;
}
.header-wrap, footer {
    margin: 0 auto;
}



/*
* 		HEADER
*/

.header-wrap {
    background: #9f004f url("../img/bg-header-main.png") no-repeat 50% 100%;
    min-height: 485px;
    padding-top: 15px;
    position: relative;
    z-index: 125;
}
.header-wrap.short {
    min-height: 285px;
}
.sub-index .header-wrap, .sub .header-wrap {
    background: #eee url("../img/bg-body-top.png") no-repeat -1360px 100%;
}

.header-inner-wrap {
    background: #9f004f url("../img/bg-header-stripes.png") repeat-y 0 0;
    height: 100%;
    margin-top: -15px;
    padding-top: 15px;
}
.sub-index .header-inner-wrap, .sub .header-inner-wrap {
    background: none;
}
header[role=banner] {
    /*
    ----- OLD bigger menu -----
    background: #dbdbdb url("../img/bg-header-top.png") repeat-x 0 0;
    margin: 0 auto;
    min-height: 123px;
    padding-top: 7px;
    position: relative;
    width: 980px;
    z-index: 1000;
    */

    min-height: 123px; min-height: 130px;

    width: 980px;
    margin: 0 auto;

    -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3);
}


header[role=banner] strong {
    float: left;
    margin: 0 0 8px 20px;
}
header[role=banner] strong, header[role=banner] strong img {
    display: block;
}

.site-search, .site-language, .site-map, .site-access {
    float: right;
    margin: 10px 35px 0 0;
}
.site-map, .site-access {
    margin-right: 15px;
}


/*
* 		Sub header
*/

.sub-header {
    /*margin-top: -65px;*/
    margin: 0 auto;
    margin-top: 155px;
    position: relative;
    width: 980px;
}
.sub-tall-header .sub-header {
    /*margin-top: 290px;*/
    margin-top: 355px;
}
.sub-header h1 {
    background: #6f0035 url("../img/bg-sub-header.png") repeat-x 0 0;
    color: #fff;
    display: inline-block;
}

.sub-title-container {
    height: 0;
    margin-left: -490px;
    overflow: visible;
    position: absolute; left: 50%; bottom: 65px;
    width: 980px;
}
.sub-title-container h1 {
    background: #6f0035 url("../img/bg-sub-header.png") repeat-x 0 0;
    color: #fff;
    display: inline-block;
    height: 65px;
}

.sub-header nav {
    background: #6f0035 url("../img/bg-sub-header.png") repeat-x 0 100%;
    min-height: 50px;
    overflow: visible;
}
.sub-header nav ul {
    background: #fff;
    margin-left: 22px;
    min-height: 40px;
}
.sub-header nav li {
    float: left;
    white-space: nowrap;
}
.sub-header nav a {
    color: #444;
    display: block;
    font: 1.0714em/40px CentroSansMedium, Arial, Helvetica, sans-serif;
    height: 40px;
    padding: 0 15px;
}
.sub-header nav a:hover {
    background: #f2f2f2;
    text-decoration: none;
}
.sub-header nav .active,
.sub-header nav .active:hover {
    background: #9c9c9c url("../img/nav-sprite-minimal.png") repeat-x 0 100%;
    color: #fff;
    height: 50px;
    margin-bottom: -10px;
}
.sub-header nav .rss {
    border-left: 1px solid #c9c9c9;
    float: right;
}
.sub-header nav .rss a {
    background: #fafafa url("../img/ico-rss.png") no-repeat 15px 46%;
    padding-left: 35px;
}
.sub-header nav .rss a:hover {
    background-color: #f2f2f2;
}

.breadcrumbs {
    font-size: 0.8571em;
    padding: 15px;
}
.breadcrumbs dt, .breadcrumbs dd {
    display: inline-block;
}
.breadcrumbs dt, .breadcrumbs a {
    color: #4c4c4c;
}
.breadcrumbs dt {
    font-weight: bold;
    margin-right: 5px;
}
.breadcrumbs dd {
    color: #818181;
}
.breadcrumbs a {
    background: url("../img/arrows.png") no-repeat 100% -437px;
    margin-right: 4px;
    padding-right: 14px;
}


/*
* 		Header banners
*/
.header-banner-wrap, .header-banner-wrap .banners {
    height: 500px;
    max-width: 1360px;
    width: 100%;
}
.header-banner-wrap {
    background: #9f004f url("../img/bg-header-stripes.png") repeat-y 0 0;
    overflow: hidden;
    top: 0; left: 0;
    /*z-index: 100;*/
}
.short .header-banner-wrap {
    height: 300px;
    /*z-index: auto;*/
}

/*minimizedheader*/
.minimizedWeb .short .header-banner-wrap {
    height: 230px;
}

.minimizedWeb .sub-header {
    margin-top: 85px;
}

.header-banner-wrap, .header-banner-wrap .banners, .header-banner-wrap .banners li {
    position: absolute;
}
.header-banner-wrap .banners {
    overflow: hidden;
}
.header-banner-wrap .banners li {
    display: none;
}
.header-banner-wrap .single-banner li {
    display: list-item !important;
}
.header-banner-wrap .banners li.big {
    height: 500px;
    margin-left: -680px;
    top: 0; left: 50%;
    width: 1360px;
}
.header-banner-wrap .banners li.small {
    height: 286px;
    margin-left: -490px;
    bottom: 61px; left: 50%;
    width: 980px;
}
.header-banner-nav {
    background: url("../img/hdr-bnr-nav-shadow.png") repeat-x 0 0;
    height: 58px;
    margin-left: -490px;
    overflow: hidden;
    position: absolute; bottom: 17px; left: 50%;
    max-width: 980px;
}
.header-banner-nav > a,
.header-banner-nav .nav {
    float: left;
}
.header-banner-nav .scroll-left,
.header-banner-nav .scroll-right {
    margin-top: 15px;
}
.header-banner-nav .nav {
    margin: 0 1px 0 1px;
    overflow: hidden;
    max-width: 878px;
}
.header-banner-nav .nav div {
    overflow: hidden;
    white-space: nowrap;
}
.header-banner-nav .nav a {
    background: url("../img/hdr-bnr-nav-bg.png") repeat-x 0 15px;
    color: #fff;
    display: inline-block;
    line-height: 40px;
    margin-right: -3px;
    padding: 15px 40px 3px;
}
.header-banner-nav .nav .current {
    background: url("../img/hdr-bnr-nav-active.png") no-repeat 50% 0;
}
.header-banner-nav .nav .current {
    color: #e4067e;
}
.header-banner-nav .nav a:hover {
    text-decoration: none;
}

.sub-header-banner-nav {
    position: absolute;
    /*top: 0; right: 0;*/
    top: -65px; right: 0;
    font-size: 0;
}


/*
* 		Site language
*/

.site-language ul {
    background: #eee;
    top: 32px; left: 0;
    z-index: 250;
    width: 138px;
}
.site-language a {
    color: #666;
    font-size: 0.8571em;
    height: 32px;
    line-height: 32px;
    padding-left: 36px;
    width: 102px;
}
.site-language a:hover {
    background: #e5e5e5;
    color: #333;
    text-decoration: none;
}
.site-language a span {
    background: url("../img/menus-btns-sprite.png") no-repeat -12px -71px;
    display: block;
    height: 17px;
    position: absolute; top: 7px; left: 10px;
    vertical-align: middle;
    width: 17px;
}
.site-language .lang-et span {
    background-position: -12px -71px;
}
.site-language .lang-en span {
    background-position: -12px -103px;
}
.site-language .lang-de span {
    background-position: -12px -199px;
}
.site-language .lang-ru span {
    background-position: -12px -135px;
}
.site-language .lang-cn span {
    background-position: -12px -167px;
}
.site-language .lang-jp span {
    background-position: -12px -430px;
}
.site-language .lang-int {
    background: url("../img/menus-btns-sprite.png") no-repeat 100% 0;
}
.site-language .lang-int:focus, .site-language .lang-int:hover, .site-language:hover .lang-int {
    background-color: transparent;
    background: url("../img/menus-btns-sprite.png") no-repeat 100% -32px;
}

/*
* 		Site accessibility
*/

.site-access {
    height: 32px;
    overflow: visible;
    width: 32px;
}
.site-access > a {
    background: url("../img/menus-btns-sprite.png") no-repeat 0 -312px;
    padding-top: 32px;
    width: 32px;
}
.site-access > a:hover {
    background-position: -32px -312px;
}
.site-access ul {
    background: #eee;
    min-width: 120px;
    top: 32px; right: 0;
    z-index: 250;
}
.site-access li a {
    color: #666;
    font-size: 0.8571em;
    height: 32px;
    line-height: 32px;
    padding: 0 8px;
}
.site-access li a:hover {
    background: #e5e5e5;
    color: #333;
    text-decoration: none;
}



/*
* 		Main nav
*/
.main-logo, .logo-et {
    float:left;
    display: block;
    height: 70px;
    width: 245px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjMsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjQ2cHgiIGhlaWdodD0iNzBweCIgdmlld0JveD0iMCAwIDI0NiA3MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQ2IDcwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnIGlkPSJMYXllcl8yIj4NCjwvZz4NCjxnIGlkPSJMYXllcl8xXzFfIj4NCgk8Zz4NCgkJPHBvbHlnb24gZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSI0My4xNTksMjguODUzIDQ4Ljc2MywyOC44NTMgNDUuOTYzLDE5LjY2OCAJCSIvPg0KCQk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjQ2LjA1OSwwaC0yNDZ2NzBoNzMuMjg0Yy03Ljc2Mi0wLjkwMi0xMy4zOTctNi41NzgtMTMuMzk3LTE0LjU5N2MwLTguODAyLDYuNzEyLTE0LjczNywxNS41ODQtMTQuNzM3DQoJCQljNy40MzMsMCwxMS4xNjksNC4zNTUsMTIuODcsOC4yODVsLTcuMzkxLDMuNDU5Yy0wLjcyMi0yLjIyLTIuOTMxLTQuMTQyLTUuNDc5LTQuMTQyYy00LjExOSwwLTYuODc3LDMuMTU5LTYuODc3LDcuMTM1DQoJCQljMCwzLjk3MiwyLjc1OSw3LjEzNCw2Ljg3Nyw3LjEzNGMyLjU0OCwwLDQuNzU3LTEuOTI1LDUuNDc5LTQuMTQ2bDcuMzkxLDMuNDE3Yy0xLjQ5MywzLjQyNC00LjcxNiw3LjQyNi0xMC43NjksOC4xODloMTY4LjQyOFYwDQoJCQlMMjQ2LjA1OSwweiBNMTEuMzAxLDEwLjg1OGgyMy43Mzd2Ny41MTlIMjcuNDh2MjAuOTc1SDE4LjlWMTguMzc3aC03LjU5OVYxMC44NTh6IE0zNS4wMzgsNDguNjUySDI3LjQ4VjcwSDE4LjlWNDguNjUyaC03LjU5OQ0KCQkJdi03LjUyMWgyMy43MzdWNDguNjUyeiBNNTguNDksNDguNjUySDQ1LjU3OXYyLjgxNmgxMi42MTR2Ny41MjFINDUuNTc5djMuMTE4SDU4LjQ5VjcwSDM3VjQxLjEzMWgyMS40OVY0OC42NTJMNTguNDksNDguNjUyeg0KCQkJIE01Mi4wNzYsMzkuMzUybC0xLjAxNy0zLjMzMkg0MC44NjZsLTEuMDE5LDMuMzMyaC05LjcyNGwxMC40NDYtMjguNDkzaDEwLjc4OGwxMC40NDYsMjguNDkzSDUyLjA3Nkw1Mi4wNzYsMzkuMzUyeg0KCQkJIE04Mi42NjcsMzkuMzUySDYzLjM0NVYxMC44NThoOC41Nzl2MjAuOTc1aDEwLjc0NEw4Mi42NjcsMzkuMzUyTDgyLjY2NywzOS4zNTJ6IE0xMTcuMjAyLDY5Ljk5OGgtOC41NzlWNTguNzM0SDk4LjQ3NHYxMS4yNjQNCgkJCUw4OS44OTUsNzBWNDEuMTMxaDguNTc5djEwLjA4NGgxMC4xNDlWNDEuMTMxaDguNTc5VjY5Ljk5OHoiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==
    ) no-repeat center center;
}

nav[role=navigation] {
    *background: #f9f9f9 url(../img/nav-sprite-minimal.png) repeat-x 0 -60px;
    clear: both;
    margin: 0 auto 0;
    min-height: 70px;
    overflow: visible;
    position: relative;
    z-index: 5;
    *width: 940px;

    /*-webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3); */
}

nav[role=navigation] ul {
    float: none;
    padding-right: 0px;
}

nav[role=navigation] li {
    float: left;
    background-color: #ffffff;
}
nav[role=navigation] li > a {
	color: #342b60;
    *background: url(../img/nav-sprite-minimal.png) no-repeat 50% 0;
    display: inline-block;
    font-family: CentroSansMedium, Arial, Helvetica, sans-serif;
    font-size: 15px; /* orig - 1.0714em */
    height: 70px;
    line-height: 70px;
    padding: 0 11px;
    position: relative;
    z-index: 75;
    white-space: nowrap;
}
nav[role=navigation] li > a:hover,
nav[role=navigation] li > a.active,
nav[role=navigation] li > a.active:hover,
nav[role=navigation] li:hover > a {
    background-image: url(../img/nav-sprite-minimal.png);
    background-position: 50% -170px;
    background-position: 50% -120px;
    color: #FFF;
    *background: none;
    *color: #737373;
    text-decoration: none;
}
nav[role=navigation] li > a.active,
nav[role=navigation] li > a.active:hover,
nav[role=navigation] li > a.touch-dbl-clk:hover,
nav[role=navigation] li > a.touch-dbl-clk.active,
nav[role=navigation] li > a.touch-dbl-clk.active:hover,
nav[role=navigation] li:hover > a.touch-dbl-clk	{
  
}
nav[role=navigation] li:hover > a {
    z-index: 175;
}
nav[role=navigation] li > a.active,
nav[role=navigation] li > a.active:hover {
    background-position: 50% -120px;
    color: #fff;
}

nav[role=navigation] nav {
    /*margin-top: -10px;
    max-width: 940px;
    padding: 30px 20px 10px;
    position: absolute; left: -9999px;
    z-index: 150;
    width: 100%;*/
}
nav[role=navigation] li:hover nav {
    left: -20px;
    left: 0;
}

.drop-nav {
    background: #fff;
    border-bottom: 5px solid #870042;
    text-align: center;

    -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
}
header[role=banner] .drop-nav strong {
    display: inline;
    float: none;
    margin: 0;
}


/*
* 		SIDE NAV
*/

.side > ul {
    border-top: 1px solid #ddd;
}
.side > ul > li {
    border-bottom: 1px solid #ddd;
}
.side .active {
    background: #f8f8f8;
}
.side a {
	color: #342b60;
    display: block;
    font-weight: bold;
    padding: 0.5714em 10px 0.5714em 20px;
}
.side > ul > li > a:hover,
.side > ul > .active > a {
    background: #f8f8f8;
    color: #282828;
    text-decoration: none;
}
.side li ul {
    padding-bottom: 10px;
}
.side li li a {
    background: url("../img/side-nav-arrows.png") no-repeat 0 7px;
    font-weight: normal;
    margin-left: 25px;
    padding: 0.1428em 10px 0.1428em 15px;
}
.side li li a:hover,
.side li .active > a {
    background-position: -993px 7px;
    color: #282828;
    text-decoration: none;
}



/*
* 		BODY
*/

.body-wrap {
    clear: both;
    margin: 0 auto;
    min-height: 100px;
}

div[role=main] {

}
.index div[role=main],
.sub-index div[role=main] {

}

.body-content-wrap {
    margin: 0 auto;
    padding-top: 20px;
    position: relative;
    width: 980px;
}
.body-content-wrap[role=complementary] {
    background-color: #fff;
}
.sub-index div[role=main] .body-content-wrap, .sub div[role=main] .body-content-wrap {
    padding-top: 0;
}
.sub div[role=complementary].body-content-wrap {
    padding-top: 40px;
}

div[role=complementary] .with-pager {
    padding-bottom: 50px;
}
div[role=complementary] .with-pager .btn-pager {
    position: absolute; bottom: 0;
}
div[role=complementary] .with-pager .btn-pager.hidden, .with-pager .btn-pager.hidden {
    background: none;
}
div[role=complementary] .no-equal-height .btn-pager {
    position: relative; bottom: auto;
}

.library div[role=main] {
    padding-bottom: 60px;
}


/*
* 		Topic box
*/

#main-topics-container {
    background: #440022;
}
.main-topics-block {
    background: #440022;
    color: #fbfbfb;
    overflow: hidden;
    padding-bottom: 40px;
    width: 476px;
}
.main-topics-list {
    overflow: hidden;
    position: relative;
    width: 20000em;
}
.main-topics-list ul {
    float: left;
    width: 476px;
}
.main-topics-list li {
    border-bottom: 1px solid #6f0a3c;
    overflow: hidden;
    padding: 20px;
}
.main-topics-list .intro {
    font-size: 1.1428em;
    line-height: 1.5em;
    padding: 35px;
}
.main-topics-list .intro h3 {
    color: #fff;
    margin-bottom: 1em;
}
.main-topics-list .intro p {
    margin-bottom: 1em;
}
.main-topics-list img {
    display: block;
    float: left;
}
.main-topics-list a {
    color: #fbfbfb;
}
.main-topics-list p, .main-topics-list h3 {
    padding-left: 105px;
}
.main-topics-list .intro p, .main-topics-list .intro h3 {
    padding-left: 0;
}
/*.main-topics-list p em {
color: #f789bf;
white-space: nowrap;
}*/
.main-topics-list p span {
    margin-right: 10px;
}
.main-topics-list a h3 {
    color: #fff;
    margin: -0.2em 0 0;
    padding-bottom: 0.4em;
}
.main-topics-list a:hover {
    text-decoration: none;
}
.main-topics-list a:hover em {
    text-decoration: underline;
}

.main-topics-list .intro .bulleted, .main-topics-list .intro ul {
    float: none;
    width: auto;
}
.main-topics-list .intro ul {
    margin-bottom: 10px;
}
.main-topics-list .intro .bulleted{
    margin-bottom: 0;
}
.main-topics-list .intro ul li {
    padding: 15px;
}
.main-topics-list .intro .bulleted li {
    border: 0;
    overflow: visible;
    padding: 0 0 0 15px;
}
.main-topics-list .intro .bulleted li a {
    text-decoration: underline;
}


/*
* 		Content blocks
*/

.slider-container {
    overflow: hidden;
    position: relative;
    width: 20000em;
}
.slider-container ul {
    float: left;
}
.grid-1 .slider-container ul, .grid-1 .slider-block .btn-pager {
    width: 224px;
}

.slider-block {
    overflow: hidden;
}

.element-block, .video-feature {
    padding-bottom: 40px;
}
.news-block li, .events-block li {
    margin-bottom: 1.0714em;
}
.news-block .read-more, .events-block .read-more {
    margin-left: 15px;
}

.compl-block {
    padding-bottom: 10px;
}
.library-home .compl-block {
    background: #fff url("../img/btm-shdw-border.png") repeat-x 0 100%;
}
.compl-block .block-content, .simple-block .block-content {
    padding: 0 20px;
}

.social-block li {
    margin-bottom: 10px;
}
.social-block li a {
    color: #4c4c4c;
}
.social-block li a:hover {
    color: #870042;
    text-decoration: none;
}
.social-block li a:hover span {
    text-decoration: underline;
}
.social-block li img {
    margin-right: 10px;
    vertical-align: middle;
}

.video-feature .video-info {
    background: url("../img/ico-video-feature.png") no-repeat 15px 4px;
    margin: 15px 0;
    padding: 0 0 0 55px;
}
.video-feature .video-info h3 {
    margin-bottom: 0.2em;
}
.video-feature a:first-child {
    color: #4c4c4c;
}
.video-feature a:first-child:hover {
    color: #870042;
    text-decoration: none;
}

.date-list i {
    color: #818181;
    font-size: 0.8571em;
    font-style: italic;
}
.date-list li, .link-list li {
    margin-bottom: 0.8571em;
}

.link-list li {
    background: 0;
    padding-left: 0;
}
.link-list > li > a {
    background: url("../img/list-bullet.png") no-repeat 0 5px;
    display: inline-block;
    padding-left: 15px;
}
.link-list li ul {
    padding: 5px 0 0 20px;
}
.link-list li li {
    background: none;
    margin-bottom: 0.2857em;
}
.link-list li li a {
    background: url("../img/side-nav-arrows.png") no-repeat 0 5px;
    display: inline-block;
    padding-left: 12px;
}
.link-list > li > .active, .link-list > li > a:hover {
    background-position: -996px 5px;
}
.link-list > li > .active {
    color: #282828;
    font-weight: bold;
}
.link-list li li .active, .link-list li li a:hover {
    background-position: -993px 5px;
    color: #282828;
}


.wgo-tabs-nav {
    margin: 0 0 -10px 20px;
    position: relative; top: 2px;
}
.wgo-tabs-nav, .wgo-tabs-nav li, .wgo-tabs-nav li a {
    display: inline-block;
}
.wgo-tabs-nav li a {
    background: #f6f6f6;
    border-color: #c9c9c9;
    border-style: solid;
    border-width: 1px 0 0 1px;
    color: #818181;
    font: 16px/1 CentroSansMedium, Arial, Helvetica, sans-serif;
    letter-spacing: 0.001em;
    line-height: 2.9em;
    height: 46px;
    padding: 0 30px 1px;
    vertical-align: baseline;
}
.wgo-tabs-nav li a:hover {
    background: #efefef;
    text-decoration: none;
}
.wgo-tabs-nav .last a {
    border-right: 1px solid #c9c9c9;
}
.wgo-tabs-nav .last a.current {
    border-right: 0;
}
.wgo-tabs-nav .current, .wgo-tabs-nav .current:hover {
    background: transparent url("../img/wgo-active-tab.png") no-repeat 0 0;
    border: 0;
    color: #fff;
    padding: 2px 30px 15px;
    position: relative; top: -3px;
}

.wgo-block .tabs-content article {
    display: none;
}
.wgo-block article .items > ul {
    float: left;
    padding: 30px 0 5px;
    width: 476px;
}
.wgo-block article .items > ul > li {
    float: left;
    margin-right: 28px;
    width: 224px;
}
.wgo-block article img {
    display: block;
}
.wgo-block article p {
    margin: 8px 0 0;
    text-align: center;
}

.article-block {
    position: relative;
}
.article-2col {
    overflow: hidden;
}
.article-2col li {
    background: none !important;
    float: left;
    margin-right: 28px;
    padding-left: 0 !important;
    width: 476px;
}

.library-open {
    padding-bottom: 10px;
}
.library-open li {
    margin-top: 10px;
}
.library-open .time {
    color: #444;
    font-size: 1.2857em;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 5px;
}
.library-open .time span {
    display: inline-block;
    width: 40px;
}

/*
* 		Content banners scroller
*/

.banner-slider {
    position: relative;
}
.banner-slider .items ul {
    float: left;
}
.grid-2 .banner-slider .items ul {
    width: 476px;
}
.grid-4 .banner-slider .items ul {
    width: 980px;
}
.banner-slider .items li {
    float: left;
    margin-right: 28px;
    width: 224px;
    position: relative;
}
.banner-slider .items img {
    display: block;
}
.banner-slider .scroll-left, .banner-slider .scroll-right {
    display: none;
    margin-top: -20px;
    padding-top: 40px;
    position: absolute; top: 50%;
    z-index: 100;
    width: 35px;
}
.banner-slider .scroll-left {
    background-position: 0 -300px;
    left: 0;
}
.banner-slider .scroll-right {
    background-position: 0 -350px;
    right: 0;
}
.banner-slider:hover .scroll-left, .banner-slider:hover .scroll-right {
    display: block;
}

.alumni-index .banner-slider {
    margin-bottom: 10px;
}

.banner-slider .scms_context_button_anchor {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #f7f7f7;
}


/*
* 		CONTENT ARTICLE
*/

.article-aside {
    float: right;
    margin: 0 0 0 28px;
    padding-top: 60px;
}
.article-aside aside, .nav-aside aside {
    background: #f8f8f8 url("../img/btm-shdw-border.png") repeat-x 0 100%;
    margin-bottom: 30px;
}
.article-aside aside .content, .nav-aside aside .content {
    padding: 5px 15px 15px;
}

div[role=complementary] > article {
    min-height: 100px;
}
div[role=complementary] > article > h2 {
    padding-right: 120px;
}
div[role=complementary] .article + h2 {
    margin-top: 1em;
}

table[border="1"] {
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
table[border="1"] td {
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-collapse: collapse;
}
th {
    background: #eee;
}
.article td, .article th {
    padding: 6px;
}



/*
* 		CONTENT NEWS & EVENTS
*/

.news-featured h3, .news-list-2col h4, .news-list h5 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    letter-spacing: 0;
}
.news-featured h3 {
    color: #870042;
    font-size: 1.7142em;
    margin-bottom: 0.2em;
}
.news-list-2col h4 {
    font-size: 1.2857em;
    line-height: 1.2em;
    margin-bottom: 0.4em;
    margin-top: -0.1em;
}
.news-list h5 {
    font-size: 1em;
    margin-bottom: 0.5em;
}

.news-featured {
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
    padding-bottom: 30px;
}
.news-featured article {
    padding-left: 252px;
}
.news-featured .img-container {
    float: left;
    margin-left: -252px;
    overflow: hidden;
    position: relative;
    width: 224px;
}
.news-featured .img-container img {
    border: 1px solid #818181;
    display: block;
}
.news-featured .img-container .icon {
    position: absolute; left: 0; bottom: 0;
}
.news-featured p {
    color: #444;
}
.news-featured a:hover {
    text-decoration: none;
}
.news-featured a:hover h3 {
    text-decoration: underline;
}

.news-list-2col {
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
}
.news-list-2col .row {
    clear: both;
    margin-bottom: 30px;
}
.news-list-2col article {
    float: left;
    margin-left: 28px;
    padding-left: 50px;
    width: 300px;
}
.news-list-2col article:first-child {
    margin-left: 0;
}
.news-list-2col img, .news-list img {
    display: block;
    float: left;
    margin-left: -50px;
}

.news-list article {
    margin-bottom: 25px;
    padding-left: 50px;
}

.news-meta, .events-meta {
    margin-bottom: 0.5em;
    position: relative;
}
.news-meta li, .events-meta li {
    border-left: 1px solid #c9c9c9;
    color: #818181;
    display: inline;
    padding: 0 6px 0 10px;
}
.news-meta li:first-child, .events-meta li:first-child {
    border-left: none;
    padding-left: 0;
}
.news-meta.compact li {
    display: block;
    border: none;
    line-height: 1.4em;
    padding: 0;
}
.news-list-2col .news-meta, .news-list .news-meta {
    font-size: 0.8571em;
}

.news-content .news-meta {
    font-size: 0.8571em;
    margin: -0.4em 0 1.6em;
}
.news-content .news-meta a, .events-content .events-meta a {
    color: #c58dad;
}
.news-meta .tools, .events-meta .tools {
    position: absolute; right: 0; bottom: 0;
}
.news-meta .tools li, .events-meta .tools li {
    float: left;
    padding: 0 10px 0;
}
.news-content + .news-list, .events-content + .events-future {
    border-top: 1px solid #ddd;
    margin-top: 40px;
    padding-top: 20px;
}
.news-content + .news-list h3, .events-content + .events-future h3 {
    font: 1.4285em/1.2 CentroSansMedium, Arial, Helvetica, sans-serif;
    margin-bottom: 1.2em;
}


.events-today {
    border-bottom: 1px solid #ddd;
    margin-bottom: 25px;
    padding-bottom: 30px;
}
.events-today h2, .events-future h2 {
    margin-bottom: 0.8em;
}

.events-list li {
    margin-bottom: 1em;
}
.events-list > li > a {
    font-weight: bold;
}

.events-meta li {
    background: none;
    font-size: 0.8571em;
}
.events-meta .date {
    color: #444;
}

.events-info {
    background: #f8f8f8 url("../img/bg-events-info.png") repeat-x 0 100%;
    margin-bottom: 2em;
}
.events-info li {
    padding: 0 15px 5px;
}
.events-info .time {
    background: #e6e6e6 url("../img/bg-events-time.png") repeat-x 0 100%;
    color: #440022;
    font-size: 1.2857em;
    margin-bottom: 5px;
    padding: 10px 15px;
}

.events-content .events-meta {
    margin: -0.4em 0 1.6em;
}

#event-search {
    margin-bottom: 20px;
}
#event-search label {
    display: block;
}
#event-search select {
    width: 100%;
}

/*
* 		IMAGE & VIDEO GALLERY
*/

.gallery {
    overflow: hidden;
    padding: 20px 0 20px;
}
.gallery-images li {
    float: left;
    margin: 0 20px 20px 0;
    overflow: hidden;
    width: 167px;
}
.gallery-images img {
    border: 1px solid #c9c9c9;
    display: block;
}
.gallery-videos li {
    float: left;
    margin: 0 28px 0 0;
    width: 224px;
}
.gallery-videos li li {
    margin: 0;
}
.gallery-videos p {
    margin-top: 5px;
    text-align: center;
}



/*
* 		FOOTER
*/

footer {
    background: transparent;
    border-top: 8px solid #e4067e;
    margin-top: 40px;
    overflow: hidden;
    padding: 25px 0 0;
}
.footer-bottom-wrap {
    background: #342b60;
    color: #fff;
    font-size: 0.8571em;
    margin-top: 25px;
    padding: 20px 0;
}
.footer-top-wrap section, .footer-bottom-wrap section {
    margin: 0 auto;
    overflow: hidden;
    width: 980px;
}
.footer-top-wrap .links a {
	color: #342b60;
}
.footer-top-wrap .logos {
    clear: both;
}
.footer-top-wrap .logos dt, .footer-top-wrap .logos dd {
    float: left;
    line-height: 50px;
}
.footer-top-wrap .logos dl {
    border-top: 1px solid #bbb;
    font-size: 0;
    padding: 25px 0 0 160px;
}
.footer-top-wrap .logos dt {
    font-size: 18px;
    margin: 0 0 0 -160px;
    width: 160px;
}
.footer-top-wrap .logos dd {
    height: 50px;
    margin-bottom: 10px;
}

.footer-bottom-wrap p, .footer-bottom-wrap ul, .footer-bottom-wrap li {
    display: inline-block;
}
.footer-bottom-wrap ul {
    padding-left: 45px;
}
.footer-bottom-wrap li {
    border-right: 1px solid #505050;
    padding: 0 10px;
}
.footer-bottom-wrap .last {
    border-right: none;
}
.footer-bottom-wrap li a {
    color: #bbb;
}
.footer-bottom-wrap li a:active {
    color: #ccc;
}



/*
* 		ELEMENTS
*/

.scroll-left,
.scroll-right {
    background: url("../img/arrows.png") no-repeat 0 -150px;
    cursor: pointer;
    padding-top: 40px;
    width: 50px;
}
.scroll-right {
    background-position: 0 -200px;
}

.btn-pager {
    background: url("../img/btm-shdw-border.png") repeat-x 0 10px;
    overflow: hidden;
    padding-top: 10px;
    position: relative;
}
.btn-pager .scroll-left, .btn-pager .scroll-right {
    float: left;
    margin: 3px 1px 0 0;
    width: 40px;
}
.btn-pager .scroll-left {
    background-position: 0 -50px;
}
.btn-pager .scroll-right {
    background-position: 0 -100px;
}
.btn-pager .read-more {
    position: absolute; top: 22px; right: 15px;
}
.btn-pager.hidden .scroll-left, .btn-pager.hidden .scroll-right {
    visibility: hidden;
}

.dot-pager {
    background: #000;
    height: 40px;
    overflow: hidden;
    text-align: center;
}
.dot-pager .scroll-left, .dot-pager .scroll-right, .dot-pager div {
    display: inline-block;
}
.dot-pager .scroll-left {
    float: left;
}
.dot-pager .scroll-right {
    float: right;
}

.dot-pager .nav a {
    background: url("../img/pager-dot.png") no-repeat 0 0;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    overflow: hidden;
    padding-top: 40px;
    text-indent: -9999px;
    width: 22px;
}
.dot-pager .nav .active, .dot-pager .nav .current {
    background-position: 0 -40px;
}

.gallery-pager {
    height: 38px;
    position: relative;
    padding-right: 77px;
}
.gallery-pager-top {
    background: url("../img/title-sprite.png") repeat-x 0 100%;
    padding-bottom: 3px;
}
.gallery-pager-bottom {
    background: url("../img/title-sprite.png") repeat-x 0 -496px;
    padding-top: 3px;
}
.gallery-pager .scroll-left, .gallery-pager .scroll-right {
    position: absolute;
    width: 38px;
}
.gallery-pager-top .scroll-left, .gallery-pager-top .scroll-right {
    bottom: 3px;
}
.gallery-pager-bottom .scroll-left, .gallery-pager-bottom .scroll-right {
    top: 3px;
}
.gallery-pager .scroll-left {
    background-position: 0 -50px;
    right: 39px;
}
.gallery-pager .scroll-right {
    background-position: 0 -100px;
    right: 0;
}

.page-select {
    position: absolute; right: 130px;
}
.page-select label {
    padding-right: 4px;
}
.page-select select {
    width: 60px;
}
.page-select span {
    background: url("../img/icons-sprite.png") no-repeat 0 -400px;
    display: inline-block;
    margin-left: 4px;
    padding-left: 15px;
}
.gallery-pager-top .page-select {
    top: 2px;
}
.gallery-pager-bottom .page-select {
    bottom: 2px;
}

.grid-1 .btn-pager {
    width: 224px;
}
.grid-2 .btn-pager {
    width: 476px;
}

.video-thumb {
    position: relative;
}
.video-thumb img {
    display: block;
}
.video-thumb ul {
    background: rgba(0, 0, 0, 0.8);
    color: #c4c4c4;
    font-size: 0.8571em;
    position: absolute; bottom: 0; left: 0;
    width: 100%;
}
.video-thumb .date, .video-thumb .time {
    float: left;
    padding: 0 2%;
    width: 46%;
}
.video-thumb .time {
    text-align: right;
}

.site-map {
    background: url("../img/menus-btns-sprite.png") no-repeat 0 -252px;
    padding-top: 32px;
    width: 32px;
}
.site-map:hover {
    background-position: -32px -252px;

    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
}


.print-ico {
    background: url("../img/icons-sprite.png") no-repeat 0 0;
    padding-top: 20px;
    width: 20px;
}
.share-ico {
    background: url("../img/icons-sprite.png") no-repeat 100% -100px;
    color: #818181 !important;
    padding-right: 20px;
}
.share-ico:hover {
    background-position: 100% -200px;
    color: #870042 !important;
}

.drop-down {
    position: relative;
}
.drop-down ul {
    display: none;
    position: absolute;

    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
}
.drop-down a {
    display: block;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
}
.drop-down .select {
    cursor: default;
    display: block;
}
.drop-down .select:focus, .drop-down .select:hover, .drop-down:hover .select {
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
}
.drop-down .select:focus + ul, .drop-down:hover ul {
    display: block;
}

.add-story {
    background: #c58dad url("../img/icons-sprite.png") no-repeat 100% -500px;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    padding: 0 0 0 30px;
    position: absolute; top: 28px; right: 0;
    white-space: nowrap;
    width: 0;
}
.add-story:hover {
    background-color: #870042;
    color: #fff;
    padding: 0 35px 0 10px;
    text-decoration: none;
    width: auto;
}

.arrow-link:link, .arrow-link:visited {
    background: #313131 url("../img/btn-link-arrow.png") no-repeat 100% 50%;
    border: 0;
    color: #fff;
    display: table;
    font: 1.7142em/1.1 CentroSansMedium, Arial, Helvetica, sans-serif;
    height: 70px;
    padding: 5px 44px 5px 20px;

    -webkit-box-shadow: 0px 1px 1px 0px #888;
    -moz-box-shadow: 0px 1px 1px 0px #888;
    box-shadow: 0px 1px 1px 0px #888;
}
.arrow-link:hover {
    text-decoration: none;
}
.arrow-link span {
    display: table-cell;
    height: 100%;
    padding-bottom: 2px;
    vertical-align: middle;
    width: 100%;
}
.grid-1 .arrow-link {
    width: 160px;
}

.arrow-link-red:link, .arrow-link-red:visited {
    background: #a50053 url("../img/btn-link-arrow-red_224.png") no-repeat 100% 50%;
    border: 0;
    color: #fff;
    display: inline-block;
    font: 1.8571em/50px CentroSansMedium, Arial, Helvetica, sans-serif;
    height: 50px;
    padding: 0 60px 0 20px;
    white-space: nowrap;

    -webkit-box-shadow: 0px 1px 1px 0px #000;
    -moz-box-shadow: 0px 1px 1px 0px #000;
    box-shadow: 0px 1px 1px 0px #000;
}
.arrow-link-red:hover {
    text-decoration: none;
}
.alumni .sub-header .arrow-link-red {
    position: absolute; top: 0; right: 0;
}

.arrow-btn-list li {
    margin-bottom: 14px;
}


/*
* 		FANCYBOX
*/

.fancybox-tmp iframe, .fancybox-tmp object {
    vertical-align: top;
    padding: 0;
    margin: 0;
}
.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1002;
}
.fancybox-outer {
    padding: 0;
    margin: 0;
    background: #4c4c4c;
    color: #ddd;
}
.fancybox-opened {
    z-index: 1003;
}
.fancybox-opened .fancybox-outer {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-inner {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    outline: none;
    overflow: hidden;
}
.fancybox-error {
    color: #ddd;
    font: 0.875em/1.4em Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 10px;
}
.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0;
    margin: 0;
    vertical-align: top;
}
.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}
#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -21px;
    margin-left: -21px;
    width: 42px;
    height: 42px;
    background: url("../img/fancybox-loading.gif");
    opacity: 0.8;
    cursor: pointer;
    z-index: 1010;
}
.fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url("../img/fancybox-sprite.png");
}
.fancybox-close {
    position: absolute;
    top: -33px;
    right: -3px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 1004;
}
.fancybox-prev, .fancybox-next {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    background: transparent url("../img/blank.gif"); /* helps IE */
    z-index: 1003;
}
.fancybox-prev {
    left: 0;
}
.fancybox-next {
    right: 0;
}
.fancybox-prev span, .fancybox-next span {
    position: absolute;
    top: 50%;
    left: -9999px;
    width: 36px;
    height: 36px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 1003;
}
.fancybox-prev span {
    background-position: 0 -36px;
}
.fancybox-next span {
    background-position: 0 -72px;
}
.fancybox-prev:hover, .fancybox-next:hover {
    visibility: visible;
}
.fancybox-prev:hover span {
    left: 10px;
}
.fancybox-next:hover span {
    left: auto;
    right: 10px;
}
.fancybox-tmp {
    position: absolute;
    top: -9999px;
    left: -9999px;
    padding: 0;
    overflow: visible;
    visibility: hidden;
}
#fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 1001;
    background: #000;
}
.fancybox-title {
    background: #4c4c4c;
    color: #ddd;
    visibility: hidden;
    font: normal 0.875em/1.4em Arial, Helvetica, sans-serif;
    padding: 15px 20px 5px;
    position: relative;
    z-index: 1005;
    width: 720px;
}
.fancybox-opened .fancybox-title {
    visibility: visible;
}



/*
* 		IE SPECIFIC
*/

.ie-notice {
    background: #faedc2;
    border-bottom: 1px solid #999;
    display: none;
    padding: 20px 0;
    width: 100%;
}
.ie-notice p {
    color: #444;
    margin: 0 auto;
    width: 980px;
}
.ie-notice strong {
    font-weight: bold;
}
.ie-old .ie-notice {
    display: block;
}

.ie-8 .wgo-tabs-nav, .ie-9 .wgo-tabs-nav {
    top: 3px;
}
.ie-old nav[role=navigation], .ie-8 nav[role=navigation] {
    border-color: #ccc;
    border-top-color: #d6d6d6;
    border-style: solid;
    border-width: 1px 1px 0 1px;
}
.ie-8 input[type=text], .ie-8 textarea, .ie-8 select,
.ie-old input[type=text], .ie-old textarea, .ie-old select {
    border: 1px solid #ccc;
}
.ie-8 .date-picker .date-field,
.ie-old .date-picker .date-field {
    background-color: #fafafa none !important;
}
.ie-8 .sub-header {
    margin-top: 154px;
}
.ie-8 .sub-tall-header .sub-header {
    margin-top: 354px;
}
.ie-8 .sub-header h1 {
    /*margin-top: -1px;*/
}
.ie-old .arrow-link {
    zoom: 1;
}

.ie-old .wgo-tab-nav,
.ie-old .wgo-tab-nav li,
.ie-old .wgo-tab-nav li a,
.ie-old .read-more, .ie-old .back,
.ie-old .drop-nav dl,
.ie-old .ul-title-container h2,
.ie-old .ui-selectmenu,
.ie-old .site-search .read-more,
.ie-old .compact-form label,
.ie-old .ui-datepicker-calendar td a,
.ie-old .sub-header h1,
.ie-old .breadcrumbs dt, .ie-old .breadcrumbs dd,
.ie-old .header-banner-nav .nav a,
.ie-old nav[role=navigation] li > a,
.ie-old .link-list > li > a,
.ie-old .link-list li li a,
.ie-old .wgo-tabs-nav, .ie-old .wgo-tabs-nav li, .ie-old .wgo-tabs-nav li a,
.ie-old .footer-bottom-wrap p, .ie-old .footer-bottom-wrap ul, .ie-old .footer-bottom-wrap li,
.ie-old .dot-pager .scroll-left, .ie-old .dot-pager .scroll-right, .ie-old .dot-pager div,
.ie-old .dot-pager .nav a,
.ie-old .sub-title-container h1 {
    display: inline;
    zoom: 1;
}
.ie-old .main-topics-block, .ie-old .slider-block, .ie-old .wgo-block, .ie-old .grid-1 > .grid-1, .ie-old .grid-2 > .grid-2 {
    overflow: hidden;
    position: relative;
    zoom: 1;
}
.ie-old .dot-pager .scroll-left {
    position: absolute; left: 0;
}
.ie-old .dot-pager .scroll-right {
    position: absolute; right: 0;
}
.ie-old .header-wrap {
    position: relative;
    /*z-index: 500;*/
}
.ie-old nav[role=navigation] li:hover nav {
    top: 60px;
}
.ie-old .sub-header-banner-nav .nav {
    padding-left: 50px;
    padding-right: 50px;
}
.ie-old .news-featured, .ie-old .news-list-2col, .ie-old .news-list-2col .row, .ie-old .news-list {
    overflow: hidden;
}
.ie-old .header-wrap {
    height: auto !important;
    height: 485px;
}
.ie-old .header-wrap.short {
    height: auto;
}
.ie-old .sub-header {
    padding-top: 126px;
}
.ie-old .sub-header-banner-nav {
    top: 280px;
}
.ie-old .sub-tall-header .sub-header {
    padding-top: 326px;
}
.ie-old nav[role=navigation] li > a:hover, .ie-old nav[role=navigation] li > a.active, .ie-old nav[role=navigation] li > a.active:hover, .ie-old nav[role=navigation] li:hover > a {
    height: 50px;
}

.ie-old .ui-selectmenu-menu li { border-color: pink; filter:chroma(color=pink); width:100%; }
.ie-old .ui-selectmenu-menu li a { position: relative }
.ie-old .ui-state-disabled, .ie-old .ui-state-disabled a { color: silver; }
.ie-old .ui-selectmenu { display: block; zoom: 1; }

.ie-old .library-form input[type="text"], .ie-8 .library-form input[type="text"] { margin-right: 4px; }

.ie-old .site-language {
    z-index: 460;
}
.ie-old .site-access {
    z-index: 440;
}
.ie-old .site-search div, .ie-old .site-search input[type="submit"] {
    margin-top: -29px;
}
.ie-old .site-search input[type="submit"] {
    position: relative; top: 29px;
}

#drpdwn {
    position: absolute;
    z-index: 1000;
    width: 980px;
    margin-left: -20px;
    margin-right: -20px;
	right: 21px;
    /*padding-left: 114px; *//* orig 304px */
}

#drpdwn_link {
    position: absolute;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8571em;
    font-weight: normal;
    top: 52px;
    right: 298px;
    height: 30px;
}

#drpdwn_main {
    position: absolute;
    z-index: 1001;
    display: none;
    top: -1px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    line-height: 30px;
    text-decoration: none;
    padding: 15px; /*padding-left: 5px; *//* orig 10px */
    background-color: #ffffff;
    border-top: 1px solid #d7d7d7;
    border-bottom: 5px solid #870042;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
}

#drpdwn_main i {
    font-family: CentroSansMedium, Arial, Helvetica, sans-serif;
    font-size: 1.2857em;
    letter-spacing: -0.01em;
    color: #342b60;
    padding-bottom: 0.5556em;
    text-decoration: none;
}

#drpdwn_main a {
	color: #342b60;
    text-decoration: none;
}

#drpdwn_main a:hover {
    text-decoration: underline;
}

#drpdwn_main div {
    float: left;
    padding-left: 14px;
    padding-right: 10px;
    background-image: url(/img/bl.png);
    background-position: left top;
    background-repeat: no-repeat;
}

#drpdwn_main .s1 {
    width: 300px; /* orig 240px */
    padding: 10px;
    background-image: none;
}
#drpdwn_main .s1-eng { /* For english faculties */
    width: 300px;
    padding: 10px;
    background-image: none;
}

#drpdwn_main .s2 {
    width: 200px;
    padding: 10px;
    background-image: none;
}

#drpdwn_main .s2-eng {
    width: 200px;
    padding: 10px;
    background-image: none;
}

#drpdwn_main .s3 {
    width: 200px; /* orig 176px */
    padding: 10px; /* orig 10px; */
    background-image: none;
    /*float: right;*/
}

#drpdwn_main .s4 {
    width: 180px;
    padding: 10px 0px 10px 10px;
    background-image: none;
    float: right;
}

#drpdwn_main .s9 {
    float: none;
    text-align: right;
    background-image: url(../img/red-nav-arrow.png);
    background-repeat: no-repeat;
    background-position: 98% center;
    margin-bottom: -10px;
    padding-right: 30px;
}

#drpdwn_main .s9 a {
    font-size: 14px; font-family: CentroSansMedium;
}

#drpdwn_main .subdrp {
    position: absolute;
    z-index: 1002;
    display: none;
    padding: 10px;
    margin: 10px;
    background-color: #eeeeee;
    background-image: none;
    border-bottom: 5px solid #870042;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
}

.frm input[type=text], input[type=password], select, textarea {
    font-family: CentroSansMedium, Arial, Helvetica, sans-serif;
    font-size: 1.0714em/40px;
    color: #870042;
    width: 200px;
    border: 1px solid #d7d7d7;
    background-color: #eeeeee;
    -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0, 0.2);
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0, 0.2);
    box-shadow: 0px 0px 2px 0px rgba(0,0,0, 0.2);
}

.frm input[type=submit], .frm input[type=button], input[type=reset], .frm_btn {
    font-family: CentroSansMedium, Arial, Helvetica, sans-serif;
    font-size: 1.0714em/40px;
    font-weight: bold;
    color: #870042;
    cursor: pointer;
    padding: 5px 20px;
    border: 1px solid #d7d7d7;
    background-color: #eeeeee;
    -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0, 0.2);
    -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0, 0.2);
    box-shadow: 1px 1px 2px 0px rgba(0,0,0, 0.2);
}

#tbl_osalejad input {
    width: 85px;
}

.pt, .pp {
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
}

.pt th, pp th {
    font-family: CentroSansMedium, Arial, Helvetica, sans-serif;
    font-size: 1.2857em;
    font-weight: normal;
    letter-spacing: -0.01em;
    color: #870042;
    background-color: #ffffff;
    height: 50px;
    border: 1px solid #d7d7d7;
    padding-left: 5px;
    padding-right: 5px;
    background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#f1f1f1));
    background: -moz-linear-gradient(top,  #f7f7f7,  #f1f1f1);
}

.pt td, .pp td {
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid #d7d7d7;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

.contact_img {
    border: 1px solid #d7d7d7;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

.pp th {
    height: 25px;
}

.pp td {
    text-align: center;
}

.pt_odd {
    background-color: #ffffff;
}

.pt_even {
    background-color: #eeeeee;
}

.ah td {
    vertical-align: top;
}

.bt {
    border: none;
    margin-top: 10px;
    margin-bottom: 10px;
}

.bt td {
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
    border: none;
}

/*
* 		MAIN TOPICS BOX WHITE
*/

#main-topics-container-white {
    background: #440022;
}
.main-topics-block-white {
    background: #ffffff;
    color: #333333;
    overflow: hidden;
    padding-bottom: 40px;
    width: 476px;
}
.main-topics-list-white {
    overflow: hidden;
    position: relative;
    width: 20000em;
}
.main-topics-list-white ul {
    float: left;
    width: 476px;
}
.main-topics-list-white li {
    border-bottom: 1px solid #6f0a3c;
    overflow: hidden;
    padding: 20px;
}
.main-topics-list-white .intro {
    font-size: 1.1428em;
    line-height: 1.5em;
    padding: 35px;
}
.main-topics-list-white .intro h3 {
    color: #333333;
    margin-bottom: 1em;
}
.main-topics-list-white .intro p {
    margin-bottom: 1em;
}
.main-topics-list-white img {
    display: block;
    float: left;
}
.main-topics-list-white a {
    color: #666666;
}
.main-topics-list-white p, .main-topics-list-white h3 {
    padding-left: 105px;
}
.main-topics-list-white .intro p, .main-topics-list-white .intro h3 {
    padding-left: 0;
}
.main-topics-list-white p em {
    color: #f789bf;
    white-space: nowrap;
}
.main-topics-list-white p span {
    margin-right: 10px;
}
.main-topics-list-white a h3 {
    color: #333333;
    margin: -0.2em 0 0;
    padding-bottom: 0.4em;
}
.main-topics-list-white a:hover {
    text-decoration: none;
}
.main-topics-list-white a:hover em {
    text-decoration: underline;
}

.main-topics-list-white .intro .bulleted, .main-topics-list-white .intro ul {
    float: none;
    width: auto;
}
.main-topics-list-white .intro ul {
    margin-bottom: 10px;
}
.main-topics-list-white .intro .bulleted{
    margin-bottom: 0;
}
.main-topics-list-white .intro ul li {
    padding: 15px;
}
.main-topics-list-white .intro .bulleted li {
    border: 0;
    overflow: visible;
    padding: 0 0 0 15px;
}


/*
* 		HEADINGS GRID-2
*/


h1-grid2, h2-grid2, h3-grid2, h4-grid2, h5-grid2 {
    color: #282828;
}
h1-grid2 {
    font: 2.2857em/1.4 CentroSansMedium, Arial, Helvetica, sans-serif;
    letter-spacing: -0.03em;
    padding: 0.32em 35px 0.32em 20px;
}
h2-grid2 {
    font: 2.1428em/1.3 CentroSansMedium, Arial, Helvetica, sans-serif;
    letter-spacing: -0.03em;
    margin-bottom: 0.5em;
}
h3-grid2 {
    font: 1.4285em/1.2 CentroSansBold, Arial, Helvetica, sans-serif;
    letter-spacing: -0.01em;
    margin-bottom: 0.4em;
}
h4-grid2 {
    font: 1.2857em/1 CentroSansMedium, Arial, Helvetica, sans-serif;
    letter-spacing: -0.01em;
    margin-bottom: 0.4em;
}
h5-grid2 {
    font: 1.1428em/1 CentroSansMedium, Arial, Helvetica, sans-serif;
    letter-spacing: -0.005em;
    margin-bottom: 0.2em;
}

.bg-title-grid2,
.ul-title-grid2,
.side-title-grid2,
.gray-title-grid2 {
    background: transparent url("../img/title-sprite-grid2.png") no-repeat 0 0;
    min-height: 64px;
    line-height: 50px;
    overflow: hidden;
}
.ul-title-grid2 {
    background-position: 0 100%;
    background-repeat: repeat-x;
    line-height: 2.1334em;
    margin-bottom: 0.8em;
    width: auto;
}
.element-block-grid2 .bg-title-grid2 {
    background-position: 0 0;
    color: #fff;
    margin-bottom: 13px;
    padding: 0 35px 0 15px;
    white-space: nowrap;
    width: 426px;
}
.element-block-grid2 .gray-title-grid2 {
    background-position: 0 -248px;
    color: #282828;
    font-size: 1.4285em;
    margin-bottom: 13px;
    padding: 0 35px 0 15px;
    white-space: nowrap;
    width: 426px;
}
.news-block-grid2 .bg-title-grid2, .events-block-grid2 .bg-title-grid2 {
    background-position: 0 -124px;
}

.side-title-grid2 {
    background-position: 0 -372px;
    color: #4c4c4c;
    line-height: 35px;
    min-height: 48px;
    padding: 0 5px 0 15px;
    width: 204px;
}

.bg-title-container-grid2 a:hover {
    text-decoration: none;
}

.ul-title-container-grid2 {
    background: transparent url("../img/title-sprite-grid2.png") repeat-x 0 100%;
    min-height: 64px;
    overflow: visible;
    width: auto;
}
.ul-title-container-grid2 h2 {
    display: inline-block;
    line-height: 1.2em;
    margin: 0;
    max-width: 50%;
    padding-top: 0.4em;
}

div[role=complementary] .bg-title-grid2,
div[role=complementary] .gray-title-grid2 {
    margin-top: 10px;
}

.news-block-grid2 .bg-title-grid2, .events-block-grid2 .bg-title-grid2 {
    background-position: 0 -124px;
}



/*
* 		ARROW LINK LOW
*/


.arrow-link-low:link, .arrow-link-low:visited {
    background: #313131 url("../img/btn-link-arrow.png") no-repeat 100% 50%;
    border: 0;
    color: #fff;
    display: table;
    font: 1.7142em/1.1 CentroSansMedium, Arial, Helvetica, sans-serif;
    height: 41px;
    padding: 5px 44px 5px 20px;

    -webkit-box-shadow: 0px 1px 1px 0px #888;
    -moz-box-shadow: 0px 1px 1px 0px #888;
    box-shadow: 0px 1px 1px 0px #888;
}
.arrow-link-low:hover {
    text-decoration: none;
}
.arrow-link-low span {
    display: table-cell;
    height: 100%;
    padding-bottom: 2px;
    vertical-align: middle;
    width: 100%;
}
.grid-1 .arrow-link-low {
    width: 160px;
}

.arrow-btn-list-low li {
    margin-bottom: 14px;
}

.arrow-list-low-topmargin {
    height: 10px;
}

#materials b,
#materials i {
    font-weight: normal;
    font-style: normal;
    cursor: pointer;
}

#login_mat input {
    -webkit-box-shadow:rgba(0, 0, 0, 0.2) 0 0 2px 0;
    background-color:#EEEEEE;
    border:1px solid #D7D7D7;
    box-shadow:rgba(0, 0, 0, 0.2) 0 0 2px 0;
    color:#870042;
    font-family:CentroSansMedium, Arial, Helvetica, sans-serif;
    width: 154px;
    height: 20px;
    padding: 2px;
}

#login_mat input[type=image] {
    width: 160px;
    height: 40px;
    border: 0px;
    margin: 0px;
    padding: 0px;
}

.application {
    clear: both;
    float: right;
    width: 728px;
}

.application fieldset {
    padding: 20px 0 30px;
}

.application legend {
    border-bottom: 1px solid #870042;
    display: block;
    clear: both;
    width: 100%;
    font-size: 20px;
    color: #870042;
    padding: 0 0 5px;
    text-indent: 10px;
    font-family: CentroSansMedium, Arial, Helvetica, sans-serif;
    position: relative;
    margin: 0 0 10px;
}

.application legend:before {
    content: ".";
    overflow: hidden;
    text-indent: 100%;
    position: absolute;
    left: 30px;
    bottom: -12px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 12px 10px 0 10px;
    border-color: #870042 transparent transparent transparent;
}

.application legend:after {
    content: ".";
    overflow: hidden;
    text-indent: 100%;
    position: absolute;
    left: 31px;
    bottom: -11px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 11px 9px 0 9px;
    border-color: #fff transparent transparent transparent;
}

.application label {
    font-weight: 700;
}

.application label > span{
    text-align: right;
    display: inline-block;
    width: 180px;
    padding: 0 20px 0 0;
}

.application ul {
    padding: 0 10px;
}

.application ul li {
    padding: 4px 0;
    background: transparent;
}

.application .education-details li {
    padding-bottom: 20px;
}

.application .sub-selection, .application .info {
    position: relative;
    border: 1px solid #c9c9c9;
    padding: 20px;
    margin: 20px 0 0;
}

.application .info {
    margin: 0;
    border: none;
    border-top: 1px solid #c9c9c9;
    background: url("../img/ico-info.png") no-repeat 10px 20px;
    padding: 20px 20px 20px 45px;
}

.application .sub-selection:before, .application .info:before {
    content: ".";
    overflow: hidden;
    text-indent: 100%;
    position: absolute;
    left: 30px;
    top: -11px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 10px 11px 10px;
    border-color: transparent transparent #c9c9c9 transparent;
}

.application .sub-selection:after, .application .info:after {
    content: ".";
    overflow: hidden;
    text-indent: 100%;
    position: absolute;
    left: 31px;
    top: -10px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 9px 10px 9px;
    border-color: transparent transparent #fff transparent;
}

.application .sub-selection ul {
    padding: 0;
}

.application .sub-selection li {
    float: left;
    padding: 0 20px 0 0;
}

.application .sub-selection .short {
    width: 60px;
}

.application .sub-selection span, .application .course-details label > span {
    display: block;
    clear: both;
    padding: 0 0 3px;
    width: auto;
    text-align: left;
}

.application .or {
    padding: 0 0 20px;
}

.application .or label, .application .or-text {
    float: left;
}

.application .or-text {
    position: relative;
    padding: 0 15px;
    text-align: center;
    margin: 0 10px;
    top: 2em;
}

.application .or-text > span {
    color: #870042;
    font-weight: 700;
    position: relative;
    z-index: 2;
    background: #fff;
    padding: 0 5px;
    display: inline-block;
}

.application .or-text:before {
    content: ".";
    overflow: hidden;
    text-indent: 100%;
    border-top: 1px solid #870042;
    position: absolute;
    z-index: 1;
    left: 0;
    width: 100%;
    top: 50%;
}

.application .info {
    clear: both;
}

.application .course-details li {
    padding-bottom: 20px;
}

.application .course-details select {
    width: 310px;
}

.application .personal-details input, .application .personal-details textarea {
    width: 300px;
}

.application .personal-details .short {
    width: 150px;
}

.application .buttons {
    border-top: 1px solid #870042;
}
.application .buttons input {
    margin: 0 50px 0 10px;
}

.application .buttons a {
    color: #666;
    font-size: 16px;
    text-decoration: underline;
}

.application .buttons a:hover, .application .buttons a:focus {
    text-decoration: none;
}

.application .error input {
    background: #fad6d6;
}

.tois_alert {
    font-style: italic;
    color: #870042;
    display: none;
}

.tois_table {
    width: 100%;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
}

.tois_table th {
    font-family: CentroSansMedium, Arial, Helvetica, sans-serif;
    font-size: 1.2857em;
    font-weight: normal;
    letter-spacing: -0.01em;
    color: #870042;
    background-color: #ffffff;
    height: 50px;
    border: 1px solid #d7d7d7;
    padding-left: 5px;
    padding-right: 5px;
    background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#f1f1f1));
    background: -moz-linear-gradient(top,  #f7f7f7,  #f1f1f1);
}

.tois_table td {
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid #d7d7d7;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

.tois_tt th {
    font: bold 14px Arial;
    color: #000;
    text-align: left;
    height: 15px;
    border: 0px;
    border-bottom: 1px solid #d7d7d7;
    background: none;
}

.tois_tt td {
    vertical-align: top;
    text-align: left;
    border: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.tois_desc {
    vertical-align: top;
    font-weight: bold;
}

.tois_val {
    vertical-align: top;
    text-align: left;
}

.tois_nb {
    float: left;
    padding: 6px;
    color: #870042;
    font-weight: bold;
    text-transform: uppercase;
}

.tois_backlink {
    float: right;
    margin-top: 14px;
    font-weight: bold;
}

.tois_btn {
    float: right;
    margin-top: 6px;
    text-decoration: none;
    cursor: pointer;
    clear: both;
}

.tois_os {
    float: left;
    width: 102px;
}

.tois_btn a:hover, .frm_btn a:hover {
    text-decoration: none;
}

.tois_req {
    color: #c70042;
}

#tois_lisa_osaleja, .tois_eemalda_osaleja {
    color: #870042;
    cursor: pointer;
    padding: 10px;
    padding-left: 15px;
    background-image: url(/img/lisa.gif);
    background-repeat: no-repeat;
    background-position: center left;
}

#tois_lisa_osaleja {
    margin-left: 10px;
}

.tois_eemalda_osaleja {
    background-image: url(/img/eemalda.gif);
}

.tois_brd {
    border-bottom: 2px solid #d7d7d7;
    padding: 10px;
}

.tois_cal {
    border-spacing: 1px;
    border-collapse: separate;
}

.tois_cal th {
    font-weight: normal;
}

.tois_cal td {
    position: relative;
    vertical-align: top;
    border: 1px solid #ddd;
    padding: 5px;
    text-align: center;
    width: 92px;
    height: 92px;
    z-index: 100;
}

.tois_cal span {
    font-weight: normal;
    color: #870042;
    cursor: pointer;
    margin-left: 10px;
    margin-right: 10px;
    display: inline;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.tois_cal span:hover {
    text-decoration: underline;
}

.tois_con {
    position: relative;
}

.tois_day, .tois_weekend {
    position: absolute;
    right: 0px;
    top: -10px;
    font: bold 50px Verdana;
    color: #e4e4e4;
    z-index: 1;
}

.tois_weekend {
    color: #ffcccc;
}

.tois_ovr {
    position: relative;
    /*top: 0px;
    left: 0px;*/
    text-align: left;
    z-index: 2;
}

.tois_hr {
    margin: 0px;
    padding: 0px;
    color: #ddd;
}

.tois_noshow {
    display: none;
}

.tois_act {
    font-weight: bold;
    color: #282828;
    cursor: default;
}

.tois_inact {
    font-weight: bold;
    color: #870042;
    cursor: pointer;
}

.tois_inact:hover {
    color: #282828;
}

.tois_toggle_city, .tois_toggle_full {
    cursor: pointer;
    color: #870042;
}

.tois_active_city {
    cursor: default;
    color: #000;
}

.tois_head {
    /*background: -moz-linear-gradient(top, #870042 0%, #ad5a83 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#870042), color-stop(100%,#ad5a83));
    background: -webkit-linear-gradient(top, #870042 0%,#ad5a83 100%);
    background: -o-linear-gradient(top, #870042 0%,#ad5a83 100%);
    background: -ms-linear-gradient(top, #870042 0%,#ad5a83 100%);
    background: linear-gradient(to bottom, #870042 0%,#ad5a83 100%);
    */
    background: -moz-linear-gradient(left, #870042  0%, #ad5a83 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#870042 ), color-stop(100%,#ad5a83));
    background: -webkit-linear-gradient(left, #870042  0%,#ad5a83 100%);
    background: -o-linear-gradient(left, #870042  0%,#ad5a83 100%);
    background: -ms-linear-gradient(left, #870042  0%,#ad5a83 100%);
    background: linear-gradient(to right, #870042  0%,#ad5a83 100%);
    background-color: #870042;
}

.tois_head:after {
    border-color: #870042 transparent transparent;
}

sup {
    vertical-align: super;
    font-size: 10px;
    line-height: 0;
}

sub {
    vertical-align: sub;
    font-size: 10px;
    line-height: 0;
}

.nahtamatu {
    display: none;
}

/* Uued stiilid avalehe jaoks (21.02.2014) */
.index div[role="main"],
.sub-index div[role="main"] {

}

body.index-new div[role="main"] {

}

body.index-new .news-block-nav {
    background: url(../img/overlay.png) repeat;
    clear: both;
    display: block;
    margin-bottom: 20px;
    position: relative;
    top: 20px;
}
body.index-new .news-block-nav .body-content-wrap {
    padding-bottom: 0;
    padding-top: 0;
}
body.index-new .news-block-nav ul {
    float: left;
}
body.index-new .news-block-nav ul li {
    display: table-cell;
    height: 50px;
    vertical-align: middle;
}
body.index-new .news-block-nav ul li a {
    display: block;
    font-weight: bold;
    line-height: 50px;
    padding: 0 12px;
}
body.index-new .news-block-nav ul li.active a {
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
    color: #000;
    position: relative;
}
body.index-new .news-block-nav ul li.active a:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: 6px; margin-left: -6px;
}
body.index-new .news-block-nav ul li.active a:hover {
    cursor: default;
    text-decoration: none;
}
body.index-new .news-block-nav .facebook-block {
    float: right;
}
body.index-new .news-block-nav .facebook-block .find-us {
    color: #e4067e;
    display: inline-block;
    float: left;
    font-size: 13px;
    line-height: 50px;
}
body.index-new .news-block-nav .facebook-block span.find-us {
    display: none; 
}
body.index-new .news-block-nav .facebook-block .find-us img {
    border: none;
    position: relative;
    right: 7px;
    top: 5px;
}
body.index-new .news-block-nav .facebook-block .find-us strong {
    font-weight: bold;
}
body.index-new .news-block-nav .fb-like {
    margin-top: 15px;
}
body.index-new .news-blocks.last {
    margin-bottom: 10px;
}
body.index-new .news-blocks .grid-1,
body.index-new .news-blocks .grid-2,
body.index-new .news-blocks .grid-3,
body.index-new .news-blocks .grid-4 {
    overflow: visible;
}
body.index-new .box-container,
body.index-new .wgo2-block article .items,
.studying-new .wgo2-block article .items { /* What's new on Studying 2016 page */
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.3);
}
body.index-new .box {
    background-color: #fff;
    height: 285px;
    margin-bottom: 28px;
    overflow: hidden;
    position: relative;
	border: 1px solid lightgrey;
}
body.index-new .box .box-content {
    background-color: #fff;
    bottom: 0;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    padding: 20px 20px 15px;
    position: absolute;
    width: 100%;
    z-index: 2;
}
body.index-new .box .box-content.align-top {
    top: 0;
}
body.index-new .box .box-content h3 {
    font-size: 20px;
    letter-spacing: -0.02em;
}
body.index-new .box.small .box-content h3 {
    font-size: 18px;
}
body.index-new .box.small .box-content p {
    margin-top: 15px;
}
body.index-new .box .box-image {
    position: relative;
    z-index: 1;
}
body.index-new .box .box-image a {
    display: block;
    text-align: center;
}
body.index-new .box .box-image img {
    width: 100%;
    height: auto;
}
body.index-new .box .box-image img.loading {
    width: auto;
    margin-top:120px;
}
body.index-new .box .box-image a.ico-gallery:after,
body.index-new .box .box-image a.ico-video:after {
    background: url(../img/ico-gallery.png) no-repeat;
    content: "";
    height: 38px;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 48px;
}
body.index-new .box .box-image a.ico-video:after {
    background: url(../img/ico-video.png) no-repeat;
    height: 48px;
}
body.index-new .ul-title-container,
.studying-new .ul-title-container { /* What's new on Studying 2016 page */
    background: none;
    min-height: 62px;
}
body.index-new .shortdesc {
    display: none;
}
body.index-new .grid-1 > .box-container .shortdesc {
    width: 184px;
}
body.index-new .grid-2 > .box-container .shortdesc {
    width: 436px;
}
body.index-new .grid-3 > .box-container .shortdesc {
    width: 688px;
}
body.index-new .wgo2-tabs-nav,
.studying-new .wgo2-tabs-nav { /* What's new on Studying 2016 page */
    position: relative;
    top: 3px;
    z-index: 2;
}
body.index-new .wgo2-tabs-nav,
body.index-new .wgo2-tabs-nav li,
body.index-new .wgo2-tabs-nav li a,
.studying-new .wgo2-tabs-nav, /* What's new on Studying 2016 page */
.studying-new .wgo2-tabs-nav li,
.studying-new .wgo2-tabs-nav li a {
    display: inline-block;
}
body.index-new .wgo2-tabs-nav li a,
.studying-new .wgo2-tabs-nav li a { /* What's new on Studying 2016 page */
    background: #f6f6f6;
    border-color: #c9c9c9;
    border-style: solid;
    border-width: 1px 1px 0;
    color: #818181;
    font: 16px/1 CentroSansMedium, Arial, Helvetica, sans-serif;
    letter-spacing: 0.001em;
    line-height: 2.9em;
    height: 46px;
    padding: 0 15px 1px;
    vertical-align: baseline;
}
body.index-new .wgo2-tabs-nav li a:hover,
.studying-new .wgo2-tabs-nav li a:hover { /* What's new on Studying 2016 page */
    background: #efefef;
    text-decoration: none;
}
body.index-new .wgo2-tabs-nav .last a,
.studying-new .wgo2-tabs-nav .last a { /* What's new on Studying 2016 page */
    border-right: 1px solid #c9c9c9;
}
body.index-new .wgo2-tabs-nav .last a.current,
.studying-new .wgo2-tabs-nav .last a.current { /* What's new on Studying 2016 page */
    border-right: 0;
}
body.index-new .wgo2-tabs-nav .current,
body.index-new .wgo2-tabs-nav .current:hover,
.studying-new .wgo2-tabs-nav .current, /* What's new on Studying 2016 page */
.studying-new .wgo2-tabs-nav .current:hover {
    background: transparent url("../img/wgo-active-tab.png") no-repeat 0 0;
    border: 0;
    color: #fff;
    padding: 2px 15px 15px;
    position: relative;
    top: -3px;
}
.studying-new .wgo2-tabs-nav .current, /* What's new on Studying 2016 page */
.studying-new .wgo2-tabs-nav .current:hover {
    width: 224px;
}
body.index-new .wgo2-block .tabs-content,
.studying-new .wgo2-block .tabs-content { /* What's new on Studying 2016 page */
    position: relative;
    top: -11px;
}
body.index-new .wgo2-block .tabs-content article {
    display: none;
}
body.index-new .wgo2-block article .items,
.studying-new .wgo2-block article .items { /* What's new on Studying 2016 page */
    background-color: #fff;
    float: left;
    height: 546px;
    width: 223px;
}
.studying-new .wgo2-block article .items { /* What's new on Studying 2016 page */
    margin-left: 1px;
    width: 221px;
}
body.index-new .wgo2-block article .items > ul,
.studying-new .wgo2-block article .items > ul { /* What's new on Studying 2016 page */
    border-top: 1px solid #c9c9c9;
    height: 525px;
    overflow: hidden;
}
body.index-new .wgo2-block article .items > ul > li,
.studying-new .wgo2-block article .items > ul > li { /* What's new on Studying 2016 page */
    font-size: 12px;
    padding: 0 15px 8px;
}
.studying-new .wgo2-block article .items > ul > li { /* What's new on Studying 2016 page */
    background: none;
}
body.index-new .wgo2-block article .items > ul > li:first-child,
.studying-new .wgo2-block article .items > ul > li:first-child { /* What's new on Studying 2016 page */
    padding-top: 20px;
}
body.index-new .wgo2-block article p,
.studying-new .wgo2-block article p { /* What's new on Studying 2016 page */
    margin: 0;
    line-height: 1.4;
}
body.index-new .wgo2-block article span.date,
.studying-new .wgo2-block article span.date { /* What's new on Studying 2016 page */
    color: #818181;
    font-style: italic;
}
body.index-new .wgo-block .ul-title-container,
.studying-new .wgo-block .ul-title-container { /* What's new on Studying 2016 page */
    border-bottom: 1px solid #c9c9c9;
    min-height: 53px;
}
body.index-new .wgo-tabs-nav {
    top: 4px;
}
body.index-new .wgo-tabs-nav .current,
body.index-new .wgo-tabs-nav .current:hover {
    z-index: 2;
}
body.index-new .wgo-tabs-nav li a {
    border-width: 1px 1px 0 1px;
    padding: 0 15px 1px;
}
body.index-new .wgo-tabs-nav .current,
body.index-new .wgo-tabs-nav .current:hover {
    padding: 2px 15px 15px;
}
body.index-new .wgo-tabs-nav,
body.index-new .wgo-tabs-nav li,
body.index-new .wgo-tabs-nav li a {
    margin-right: 2px;
}
body.index-new .wgo-block article p {
    color: #000;
}
body.index-new .see-all {
    background: url(../img/overlay.png) repeat;
    clear: both;
    display: block;
    text-align: center;
}
body.index-new .see-all h3 {
    margin-bottom: 0;
}
body.index-new .see-all a {
    font-size: 18px;
    display: block;
    padding: 15px 0;
}
body.index-new .see-all a:after {
    background: url("../img/arrows.png") 7px -782px no-repeat;
    content: "";
    height: 25px;
    position: absolute;
    width: 25px;
}
body.index-new .bottom-banner-wrap,
body.index-new .bottom-banner-wrap .banners {
    height: 313px;
    max-width: 476px;
    width: 100%;
}
body.index-new .bottom-banner-wrap .banners {
    height: 271px;
}
body.index-new .bottom-banner-wrap {
    background: #fff url("../img/bg-bottom-stripes.png") repeat-y 0 0;
    overflow: hidden;
    top: 0; left: 0;
    /*z-index: 100;*/
}
body.index-new .short .bottom-banner-wrap {
    height: 300px;
    /*z-index: auto;*/
}
body.index-new .bottom-banner-wrap,
body.index-new .bottom-banner-wrap .banners,
body.index-new .bottom-banner-wrap .banners li {
    position: absolute;
}
body.index-new .bottom-banner-wrap {
    position: relative;
}
body.index-new .bottom-banner-wrap .banners {
    overflow: hidden;
}
body.index-new .bottom-banner-wrap .banners li {
    display: none;
}
body.index-new .bottom-banner-wrap .banners li.big {
    height: 292px;
    margin-left: -238px;
    top: 0; left: 50%;
    width: 476px;
}
body.index-new .bottom-banner-wrap .banners li.small {
    height: 286px;
    margin-left: -238px;
    bottom: 61px; left: 50%;
    width: 476px;
}
body.index-new .bottom-banner-nav {
    background: url("../img/hdr-bnr-nav-shadow.png") repeat-x 0 0;
    height: 58px;
    margin-left: -238px;
    overflow: hidden;
    position: absolute; bottom: -2px; left: 50%;
    max-width: 476px;
}
body.index-new .bottom-banner-nav > a,
body.index-new .bottom-banner-nav .nav {
    float: left;
}
body.index-new .bottom-banner-nav .scroll-left,
body.index-new .bottom-banner-nav .scroll-right {
    margin-top: 15px;
}
body.index-new .bottom-banner-nav .nav {
    margin: 0 1px;
    overflow: hidden;
    max-width: 374px;
}
body.index-new .bottom-banner-nav .nav div {
    overflow: hidden;
    white-space: nowrap;
    font-size: 0;
}
body.index-new .bottom-banner-nav .nav a {
    background: url("../img/hdr-bnr-nav-bg.png") repeat-x 0 15px;
    color: #fff;
    display: inline-block;
    line-height: 40px;
    margin-left: 1px;
    padding: 15px 10px 3px;
    font-size: 14px;
}
body.index-new .bottom-banner-nav .nav a:first-child {
    margin-left: 0;
}
body.index-new .bottom-banner-nav .nav .current {
    background: url("../img/hdr-bnr-nav-active.png") no-repeat 50% 0;
}
body.index-new .bottom-banner-nav .nav .current {
    color: #6d0036;
}
body.index-new .bottom-banner-nav .nav a:hover {
    text-decoration: none;
}
body.index-new .sub-bottom-banner-nav {
    position: absolute; top: 0; right: 0;
}
body.index-new .media-block {
    margin-top: 40px;
}
body.index-new .header-wrap {
    min-height: 425px;
}
body.index-new .header-banner-wrap,
body.index-new .header-banner-wrap .banners {
    height: 440px;
}

body.index-new .ul-title-container .link-more a {
    float: right;
    height: 52px;
    line-height: 52px;
    padding: 0 15px;
    font-family: CentroSansMedium, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #818181;
    letter-spacing: 0.001em;
    background-color: #f6f6f6;
    border: 1px #c9c9c9 solid;
    border-bottom: 0;
}
body.index-new .ul-title-container .link-more a:hover {
    background: #efefef;
    text-decoration: none;
}

body.index-new .header-banner-nav .nav {
    margin: 0 1px;
}

body.index-new .header-banner-nav .nav div {
    font-size: 0;
}

body.index-new .header-banner-nav .nav a {
    margin-left: 1px;
    /*min-width: 110px;*/
    font-size: 14px;
    text-align: center;
}

body.index-new .header-banner-nav .nav a:first-child {
    margin-left: 0;
}

body.index-new .slider-container p {
    color: #870042 !important;
}













.content-banner-wrap{ margin-bottom: 30px; position: relative; overflow: hidden; }

.content-banner-wrap,
.content-banner-wrap .banners {
    height: 300px;
    width: 100%;
}

.content-banner-wrap .banners,
.content-banner-wrap .banners li {
    position: absolute;
}
.content-banner-wrap .banners {
    overflow: hidden;
}
.content-banner-wrap .banners li {
    display: none;
    vertical-align: middle;
    width: 100%;
    height: 300px;
    background: url(../img/default_banner_bg.jpg) no-repeat center center; background-size: cover;
}

.content-banner-wrap .banners li .text{
    background: url(../img/content-slider-more.png) no-repeat 93% center;
    background-color: rgba(0,0,0,0.7);
    line-height: 1em;
    padding: 20px 80px 20px 20px;
    display: inline-block;
    vertical-align: middle;
    min-width: 400px;
    max-width: 500px;
    color: #FFF;

    margin-top: -25px;

    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.content-banner-wrap .banners li .text p{ font-size: 14px; font-family: Arial; line-height: 21px;}
.content-banner-wrap .banners li .text h2{ color: #FFF; font-size: 24px; }

.content-banner-wrap .banners li .text.light{ background-color: rgba(255,255,255,0.7); color: #222; background-image: url(../img/content-slider-more-dark.png);}
.content-banner-wrap .banners li .text.light h2{ color: #222;}

.content-banner-nav {
    height: 50px;
    *overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0; right: 0;
}
.content-banner-nav > a,
.content-banner-nav .nav {
    float: left;
    text-align: center;
}
.content-banner-nav .scroll-left,
.content-banner-nav .scroll-right{
    background: url(../img/content-slider-navigation.png) no-repeat left bottom;
    position: absolute;
    z-index: 10;
    height: 50px;
    width: 40px;
    margin: 0; padding: 0;
    background-color: #000;}
.content-banner-nav .scroll-left:hover{ background-position: left top; }
.content-banner-nav .scroll-right{ right: 0; background-position: right bottom; }
.content-banner-nav .scroll-right:hover{ background-position: right  top; }
.content-banner-nav .nav {
    margin: 0 1px;
    overflow: hidden;
    position: absolute;
    right: 39px;
    left: 39px;
    padding-top: 10px;
    margin-top: -10px;
}

.content-banner-nav .nav div {
    padding-top: 10px;
    margin-top: -10px;
    overflow: hidden;
    white-space: nowrap;
    font-size: 0;
}
.content-banner-nav .nav a{
    position: relative;
    *background: url("../img/content-slider.png") no-repeat 50% 0;
    background-color: rgba(255,255,255,0.9);
    color: #222;
    font-weight: bold;
    display: inline-block;
    white-space: nowrap;
    margin-left: 0px;
    border-left: 1px solid #b3b3b3;
    *padding: 20px 10px 3px;
    padding: 0 20px;
    line-height: 50px;
    font-size: 14px;
    min-width: 200px;
}
.content-banner-nav .nav a:first-child { margin-left: 0; }
.content-banner-nav .nav a:hover{ background-color: #FFF; }
.content-banner-nav .nav .current {
    *background: url("../img/content-slider-active.png") no-repeat 50% 0;
    background-color: rgba(255,255,255,0.8);
}
.content-banner-nav .nav .current::before{
    position: absolute;
    left: 0;
    top:-10px;
    height: 15px;
    background: url("../img/content-slider-active.png") no-repeat 50% 0;
    width: 100%;
    content: "";

}
.content-banner-nav .nav .current {
    color: #6d0036;
}
.content-banner-nav .nav a:hover {
    text-decoration: none;
}

/*********************************************************/
/* BIG DROPDOWN HEADER									 */
/* 						 								 */
/* headerBarBig.html     								 */
/* gradient.jpg    										 */
/*********************************************************/

*{
    -webkit-font-smoothing: antialiased;
}

#dropdownHeader{
    max-width: 1360px;
    margin: 0 auto;
    z-index: 9995;
    position: relative;
    background-color: #342b60; background-color: #342b60;
    border-top: 2px solid #4F0027; border-top:2px solid #444;
    height: 40px;
}
#dropdownHeader .wrap{
    position: relative;
    margin: 0 auto;
    max-width: 980px;
}
#dropdownHeader nav a{
    font-family: 'CentroSansMedium';
    display: inline-block;
    padding: 0 10px;
    line-height: 40px;
    font-size: 15px;
    color: #FFF;}


.mainNav{ white-space: nowrap; background-image: none;}

#dropdownHeader a.trigger{
    position: relative;
}

#dropdownHeader a.trigger:after{

    padding-left: 8px;
    content: "❯";
    content: "￬";
    content: "";
    width: 10px;
    height: 9px;
    display: inline-block;
    background: url(../img/down-white.png) no-repeat center center;
    background-size: 10px;
    opacity: 0.5;

}

/*
#dropdownHeader a.trigger:after{
*display: none;
content: "";
position: absolute;
bottom: -5px;
left: 50%;
margin-left: -5px;
z-index: 4;
background-color: #870042;
height: 10px;
width: 10px;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
*/

/*
#dropdownHeader a.trigger:hover:after{
background-color: #4F0027;
display: block; }
*/


.mainNav a:hover{
    background-color: #737373; background-color: #4F0027; background-color: #737373;
    text-decoration: none;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAICAYAAAAm06XyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAExJREFUeNpiXCzhxYAHCADxB1ySTHg0egDxQyhNkmaQhg1AzAelPYjVDNPIDuWz4zKAiYBGBnwGMBGhEacBTERqxGoAEwkaMQwACDAAeOoPeo4UDxcAAAAASUVORK5CYII=');
    background-position: center bottom;
    background-repeat: no-repeat;
    background-image: none; }
.mainNav a.active{
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAICAYAAAAm06XyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAExJREFUeNpiXCzhxYAHCADxB1ySTHg0egDxQyhNkmaQhg1AzAelPYjVDNPIDuWz4zKAiYBGBnwGMBGhEacBTERqxGoAEwkaMQwACDAAeOoPeo4UDxcAAAAASUVORK5CYII=');
    background-position: center bottom;
    background-repeat: no-repeat;
}



#dropdownHeader .search{ position: absolute; top:0; right: 157px; white-space: nowrap; }
#dropdownHeader .search input{
    background-color: #737373;
    border: 1px solid #454545;
    border-right: none;
    width: 140px;
    box-shadow: none;
    margin: 5px 0 0 0;
    float: left; }
#dropdownHeader .search button{
    background-color: #454545;
    border: none;
    height: 30px;
    width: 30px;
    border: 1px solid #4d4d4d;
    padding: 1px 2px 0 0 ;
    margin: 5px 0 0 0;}
.bar-search-form{
    position: relative;
}
.bar-search-form input{ font-size: 15px; line-height: 14px; height: 16px; color: #FFF; outline: none !important; }
.search-selection{
    display: none;
    background-color: #454545;
    border-top: 1px solid #5e5e5e;
    position: absolute;
    top:34px;
    left: -132px;
    padding-top: 3px;
    padding-bottom: 3px;
    width: 162px;
    z-index: 9999;}
.search-selection input{
    outline: none;
    position: absolute;
    left: 10px;
    top: 5px;
}
.search-selection label{
    border-bottom: 1px solid #5e5e5e;
    position: relative;
    display: block;
    line-height: 32px;
    font-size: 14px;
    color: #FFF;
    cursor: pointer;
    padding-left: 34px;
    background: url(../img/radio.png) no-repeat 10px center; }

.search-selection label.active{ background: url(../img/radio_active.png) no-repeat 10px center; }
.search-selection label:last-child{ border: none; }
.search-selection input{ display: none; }

.dropdown-search #search-text{
    right: 30px;
    position: absolute;
    max-width: 30px; max-width: 120px;
    *display: none;
}

#dropdownHeader .languages{ position: absolute; top:0; right: 97px; width: 50px; }
#dropdownHeader .languages .active_language_a{
    overflow: hidden;
    cursor: pointer;
    height: 28px;
    width: 100%;
    display: block;
    margin: 5px 0 0 0;
    border: 1px solid #4d4d4d;
    background-color: #e3e3e3;
    line-height: 30px; }
#dropdownHeader .languages .active_language_a span{ padding-left: 31px; line-height: 27px; }
#dropdownHeader .languages ul li a:hover{ text-decoration: none; }
#dropdownHeader .languages ul ul{ position: absolute; z-index: 9999; border: 1px solid #DDD; display: none; margin-left: 1px; right: -1px; }
#dropdownHeader .languages ul ul li a{ background-color: #e3e3e3; display: block; font-size: 12px; color: #666; white-space: nowrap; padding-right: 20px;  }
#dropdownHeader .languages ul ul li a span{ padding: 0 0 0 33px; line-height: 30px; }
#dropdownHeader .languages ul ul li{ border-bottom: 1px solid #DDD; }
#dropdownHeader .languages ul ul li a:hover{ background-color: #EEE; }
#dropdownHeader .languages .active_language:hover ul{ display: block; }

#dropdownHeader .login .active_language_a span{ padding-left: 8px; color: #222; font-size: 14px; line-height: 20px; }
#dropdownHeader .login .active_language_a img{ float: right; padding: 11px 7px 0 0; }
#dropdownHeader .login ul ul li a span{ padding: 0 0 0 8px; line-height: 30px; }
#dropdownHeader .login input{ color: #CCC !important; }


.dropdown_trigger{
    cursor: pointer;
    height: 28px;
    display: block;
    margin: 5px 0 0 0;
    border: 1px solid #4d4d4d;
    background-color: #e3e3e3;
    line-height: 30px; }
.dropdown_trigger a{
    display: block;
    padding: 0 0 0 10px;
    font-size: 12px;
    height: 28px;
    width: 100%;
    color: #3f3f3f;}

.lang span{ display: block; height: 28px; width: 100%;}
.lang_et span{ background: url(../img/menus-btns-sprite.png) -5px -65px no-repeat; }
.lang_en span{ background: url(../img/menus-btns-sprite.png) -5px -97px no-repeat; }
.lang_ru span{ background: url(../img/menus-btns-sprite.png) -5px -129px no-repeat; }
.lang_cn span{ background: url(../img/menus-btns-sprite.png) -5px -162px no-repeat; }

#dropdownHeader .login{ position: absolute; top:0; right: 5px; width: 80px; }


#dropdownHeaderMask{
    display: none;
    position: fixed;
    z-index: 9990;
    top:0px;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(255,255,255,0.3);
}

/* Dropdown */
#dropdownWrapper{
    display: none;
    height: 360px;
    position: absolute;
    z-index: 9995;
    width: 100%;
    background-color: #efefef;
    border-top: 6px solid #a3184a;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.45);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.45);
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.45);}

#dropdownWrapper .target{ display: none; height: 100%; }
#dropdownWrapper .col{
    position: relative;
    float: left;
    height: 100%;
    width: 33.25%;}

.col2{
    *height: 330px;
    *background: url(../img/gradient.jpg) repeat-y left top; }

#dropdownWrapper UL LI:last-child A{ border: none !important; }

#dropdownWrapper .col{}
#dropdownWrapper .col ul{
    width: 100%;
    height: 360px;
    background-color: #FFF;
    -webkit-box-shadow: 5px 0px 10px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 5px 0px 10px 0px rgba(0,0,0,0.2);
    box-shadow: 5px 0px 10px 0px rgba(0,0,0,0.2); }
#dropdownWrapper nav a{
    color: #a3184a;
    *line-height: 40px;

    line-height: 20px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;

    padding-left: 20px;
    display: block;
    text-decoration: none;
    border-bottom: 1px solid #d9d9d9;}

#dropdownWrapper nav li:hover { border-bottom: 1px solid #FFF !important;}
#dropdownWrapper nav li:hover{ background-color: #737373; }

.level-1{}
.level-2{
    display: none;
    position: absolute;
    left: 100%;
    top:0;
    z-index: 1;
    border-left: 1px solid #d9d9d9;}

.level-2 li{ padding-left: 30px; }
.level-2 li a{ background-position: 280px center; }

.level-3,
.level-3-video{
    display: none;
    position: absolute;
    left: 100%;
    top:0 !important;
    z-index: 2;
    border-left: 1px solid #d9d9d9;
}
.level-1 li,
.level-2 li,
.level-3 li{ *position: relative; }
.level-3 li{ position: relative; }

.level-3{ width: 327px !important; }

.videoframe{ padding-left: 0 !important; position: absolute !important; top:0px; width: 100%; z-index: 500; left: 326px; width: 654px; *margin-left: -653px; }
.closevideo{
    position: absolute !important;
    top:0px; right: 0;
    margin: 0 !important;
    padding: 0 !important;
    width: 40px;
    height: 40px;
    text-align: center;
    z-index: 9999 !important;
    overflow: hidden;
    line-height: 40px;
    background-color: #FFF;
    border: none;}

#dropdownWrapper .col ul li:hover > a{ border-bottom: none; color: #FFF; padding-bottom: 1px; }
#dropdownWrapper .col ul.level-1 li:hover ul.level-2{ display: block; }
#dropdownWrapper .col ul.level-2 li:hover ul.level-3{ display: block; }

/* Col 2 default content */
.col table{ padding: 0; margin: 20px 0 0 20px;  }
.col td{ padding: 10px; vertical-align: middle; }
.col td a{ font-size: 14px; line-height: 1.5em; }

/* Col 3 */
.col3{ border-left: 1px solid #d9d9d9; }

.col3 a{
    background-repeat: no-repeat;
    padding-right: 16px;
    background-position: right center;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAItJREFUeNpiXCzhxQAEjAwQ8J8BC2CCKpgCxH1IilEACxDrAHEKELNBxYrQTQSZdBmIA4D4FxAXYDORCUpvR1PYj6yQCUkDssJ8ZIVMaG7EqpAJh2dg4A/IE+iKfIF4DdSnvUBcgm4dVgXIinAqgCnSxacA5sgrQDwDiH9jUwBT9B8agFgjFwQAAgwAx5Agl/NH+MgAAAAASUVORK5CYII=');
}

.dropdown-article p{ line-height: 1.2em; font-size: 15px; padding: 10px 0 0 0;  }

/* Dropdown helpers */
.arrow {
    background-repeat: no-repeat;
    background-position: 310px center;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAItJREFUeNpiXCzhxQAEjAwQ8J8BC2CCKpgCxH1IilEACxDrAHEKELNBxYrQTQSZdBmIA4D4FxAXYDORCUpvR1PYj6yQCUkDssJ8ZIVMaG7EqpAJh2dg4A/IE+iKfIF4DdSnvUBcgm4dVgXIinAqgCnSxacA5sgrQDwDiH9jUwBT9B8agFgjFwQAAgwAx5Agl/NH+MgAAAAASUVORK5CYII=');
}
.arrow:hover{
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHhJREFUeNp8kV0KgDAMgzvxOjuID15GPIbgHrysP1BTR6GMzECgD19DS5KqCpSkSoUoATLggC94oSCgDJ9atduSpUf7MP2BcSOCJYLSRFOwhSg4kI/HMD/ft03KHFI2dhMFItQFHMp/gNlrKfANr73uvGBarukVYAC8myA2oxyXgwAAAABJRU5ErkJggg==');
}

.gradient{
    background: rgb(227,227,227);
    background: -moz-linear-gradient(top,  rgba(227,227,227,1) 0%, rgba(182,182,182,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(227,227,227,1)), color-stop(100%,rgba(182,182,182,1)));
    background: -webkit-linear-gradient(top,  rgba(227,227,227,1) 0%,rgba(182,182,182,1) 100%);
    background: -o-linear-gradient(top,  rgba(227,227,227,1) 0%,rgba(182,182,182,1) 100%);
    background: -ms-linear-gradient(top,  rgba(227,227,227,1) 0%,rgba(182,182,182,1) 100%);
    background: linear-gradient(to bottom,  rgba(227,227,227,1) 0%,rgba(182,182,182,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#b6b6b6',GradientType=0 );
}


.menu-with-dropdown img.hover{ display: none; }
.menu-with-dropdown:hover img.hover{ display: inline; }
.menu-with-dropdown:hover img.bydefault{ display: none; }


.youtube{
    position: absolute;
    right: 0;
    top:0 !important;
    display: inline-block;
    padding: 2px 0 0 5px;
    border: none !important;
    content: "";
    margin-top: -10px;
    padding-top: 0;
    background:url(../img/youtube.png) no-repeat center center !important;
    background-size: 30px auto !important;
    width: 16px !important;
    height: 40px !important;
}

.vholder{
    display: block;
    height: 0;
    width: 100%;
    position: relative; }

nav[role=navigation] .drop-nav {
    top:50px;
    background: #fff;
    border-bottom: 5px solid #870042;
    text-align: left;
    border: none;
    background-color: transparent;

    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;

    *-webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
    *-moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
    *box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
}

nav[role=navigation] header[role=banner] .drop-nav strong {
    display: inline;
    float: none;
    margin: 0;
}


/* Header banner page navigation less visible */

.header-banner-wrap .header-banner-nav{
    opacity:0.4;
    transition:opacity 0.3s linear;
    -webkit-transition:opacity 0.3s linear;
    -moz-transition:opacity 0.3s linear;
    -o-transition:opacity 0.3s linear;
}
.header-banner-wrap .header-banner-nav:hover{ opacity: 1; }

.header-banner-wrap .header-banner-nav .scroll-left,
.header-banner-wrap .header-banner-nav .scroll-right{ background-color: transparent;}

.header-banner-wrap .header-banner-nav .nav a{}









/* Tabs V.2 */

ul.etabs{
    display: table;
    margin: 0 0 30px 0;
    padding: 0;
    width: 100%;
    list-style: none;
    font-family: CentroSansMedium, Arial, Helvetica, sans-serif;
    font-weight: normal;
    white-space: nowrap;
}
ul.etabs li {
    display: table-cell;
    zoom:1;
    *max-width: 25%;
    margin: 0;
    padding: 0;
    border: none;
    text-align: center;
    background: #eee;
    -moz-box-shadow: inset 0 0 10px #ccc;
    -webkit-box-shadow: inset 0 0 10px #ccc;
    box-shadow: inset 0 0 10px #ccc; }
ul.etabs li a {
    display: block;
    font-size: 16px;
    padding: 15px 10px;
    outline: none; }
ul.etabs li:hover {
    text-decoration: none;
    background: #fff; background-color: #9f004f;
    -moz-box-shadow: inset 0px 5px 10px #650032;
    -webkit-box-shadow: inset 0px 5px 10px #650032;
    box-shadow: inset 0px 5px 10px #650032; }
ul.etabs li:hover a{ color: #FFF; text-decoration: none; }
ul.etabs li.active {
    margin: 0;
    padding: 0;
    background: #fff; background-color: #9f004f;
    position: relative;
    -moz-box-shadow: inset 0px 5px 10px #650032;
    -webkit-box-shadow: inset 0px 5px 10px #650032;
    box-shadow: inset 0px 5px 10px #650032; }
ul.etabs li a.active { text-decoration: none; color: #FFF; }

.tab-container { margin-top: 27px; }
.tab-container TD{ vertical-align: text-top; }
.tab-container .tab-line { padding: 0px; border: solid 0px #999; text-align: justify; }
.tab-container .tab-line img { margin-left: 20px; float:right; }
.tab-container table.pohiinfo { margin-left: 10px; width: 300px; float: right; border-right: 1px solid #eee; }
.tab-container table.pohiinfo td { padding: 3px; text-align: left; font-size: 12px; }
.tab-container table.pohiinfo td div { position: relative; width: 70px; top: 5px; color: #666; font-weight: bold; }
.tab-container table.pohiinfo td span { color: #999; font-size: 11px; }

.tab_article{ padding: 0; } /* orig 20px */


/* .article-toolbar{ height: 30px; } */
.clear{ clear: both; }



/* �ppekava */

.oppekava_inline_table{
    border: none !important;
    display: inline-table !important;
}
.oppekava_inline_table TR TD{
    vertical-align: text-top;
    font-size: 12px;
    border: none;
    padding: 5px;
    line-height: 1.5em;
}
.oppekava_inline_table P{ padding: 0; margin: 0; }

.oppekava_inline_table TR TD:nth-child(1){
    text-align: right;
    color: #999;
    font-size: 11px;
}
.oppekava_inline_table TR.title TD{
    font-size: 12px;
    color: #666;
    font-weight: bold;
    text-align: left;
    border-bottom: 1px solid #DDDDDD;
}


/* Large table */
.oppekava_inline_table_large_container{ overflow-x: auto; }

.oppekava_inline_table_large{ margin: 20px 0 !important; border-right: 1px solid #CCCCCC; font-size: 12px; }
.oppekava_inline_table_large TR.titlerow{ border: none !important; border: 1px solid #CCCCCC !important; background-color: #eee; color: #870042; }
.oppekava_inline_table_large TR.titlerow TH{ text-align: left; vertical-align: text-top; white-space: nowrap; background-color: transparent; border: 1px solid #CCCCCC }
.oppekava_inline_table_large TR TD{ border: 1px solid #CCCCCC !important; vertical-align: top; }

/* 2016 Erialade tääbid */

h2#erialaname { color: #870042; }
#tab-container .sais { margin: 0px 0px 0px 5px; padding: 5px; float: right; max-width: 210px; cursor: pointer; }
#tab-container .sais .saisnupp { width: 200px; height: 50px; background-image: url("/public/p/projektid/test/esita_saisis_baka.png"); background-repeat: no-repeat; background-size: 200px; background-position: center top; }
.eriala_video { position: relative; margin-bottom: 20px; cursor: pointer; }
.eriala_video .eriala_play { position: absolute; top: 181px; left: 330px; width: 68px; height: 48px; background-image: url("../img/video-play-youtube.png"); background-color: no-repeat !important; }
.eriala_video .eriala_play.act { background-image: url("../img/video-play-youtube_act.png"); }
.eriala_video iframe { display: none; }
.eriala_puhas { margin-bottom: 0; clear: both; }
.eriala_none { position: relative; }
.eriala_none div { padding: 20px; width: calc(50% - 22px); min-height: 50px; text-align: center; }
.eriala_none div.yldv { padding: 20px 0px 20px 10px; float: left; }
.eriala_none div.yldp { padding: 20px 10px 20px 0px; float: right; }
.eriala_none:after { content: ""; clear: both; display: block; visibility: hidden; }
.eriala_tume div { position: relative; padding: 20px; background-color: #870042; color: #fff; }
.eriala_tume div.yldv { width: 42%; float: left; min-height: 300px; }
.eriala_tume div.yldp { width: 42%; float: right; min-height: 300px; }
.eriala_tume h2 { margin-bottom: 10px; padding: 10px 0px; border-bottom: 3px solid; color: #fff; }
.eriala_tume h3 { margin-bottom: 10px; padding: 10px; color: #fff; }
.eriala_tume p { position: relative; margin: 0; padding: 10px 0px 10px 90px; border-bottom: 1px solid #A85381; font-size: 14px; color: #fff; }
.eriala_tume p span { position: absolute; padding: 0; top: 10px; left: 0; width: 85px; display: block; font-size: 10px; text-transform: uppercase; }
.eriala_tume p .fa { position: absolute; right: 0; top: 13px; }
.eriala_tume strong, .eriala_tume a, .eriala_tume a:hover { color: #fff; text-decoration: none; }
.tyypkava { position: relative; display: none; cursor: pointer; }
.eriala_tume div.nopad p { padding-left: 10px; }
.eriala_tume div.kava, .eriala_tume div.vil { background-color: #870042; background-repeat: no-repeat; }
.eriala_tume div.kava { background-image: url("/public/p/projektid/test/book.png"); background-size: 65px; background-position: 50px center; }
.eriala_tume div.vil { padding: 0; background-image: url("/public/p/projektid/test/vil.png"); background-position: 30px center; }
.eriala_tume div.kava p { margin: 0 0 10px 135px; padding-left: 40px; min-height: 70px; border: 0; border-left: 1px solid #A85381; text-transform: none; }
.eriala_tume div.kava p span { position: static; display: inline; margin-left: 0; width: 100%; cursor: pointer; font-size: 12px; }
.eriala_tume div.kava p span .fa { position: static; }
.eriala_tume div.vil p { margin: 0 0 10px 100px; padding: 10px 0 5px 30px; min-height: 50px; border: 0; border-left: 1px solid #A85381; text-transform: none; }
.eriala_hele { position: relative; padding: 50px 40px 30px; min-height: 100px; background-color: #F7F7F7; color: #333; clear: both; }
.eriala_hele.memo { background-image: url("/public/p/projektid/test/memo.png"); background-repeat: no-repeat; background-position: right bottom; }
.eriala_hele h3 { margin-bottom: 30px; color: #333; }
.eriala_hele div { float: left; margin-right: 20px; min-width: 30%; }
.eriala_hele div.yldv { width: 46% ; float: left; }
.eriala_hele div.yldp { width: 46% ; float: right; }
.eriala_hele div strong { display: block; margin-bottom: 0; padding: 10px 0px; color: #333; }
.eriala_hele div strong font { font-weight: normal; }
.eriala_hele div p { margin-bottom: 0; padding: 10px 0px; border-bottom: 1px dashed #E1E1E1; }
.eriala_hele div.double p { position: relative; padding: 15px 0px 20px 200px; min-height: 25px; clear: both; }
.eriala_hele div.double strong { position: absolute; padding: 0; top: 10px; left: 0; width: 195px; display: block; }
.eriala_hele.lisa { padding: 30px 40px 10px; }
.eriala_hele.lisa h3 { margin-bottom: 0; }
.eriala_hele.lisa div.yldv p.eriala_note, .eriala_hele.lisa div.yldp p.eriala_note { border: 0; padding-left: 60px; background-size: 40px; background-position: 1px 15px; }
.eriala_hele.lisa div.yldv p.eriala_note strong, .eriala_hele.lisa div.yldp p.eriala_note strong { display: inline; }
.eriala_hele > .eriala_spec { float: none; margin-top: 10px; border-bottom: 1px dashed #E1E1E1; }
.eriala_hele > .eriala_spec p { padding-top: 0; border: 0; }
.eriala_note { clear: both; padding: 10px 0px 10px 75px; min-height: 30px; background-image: url("/public/p/projektid/test/arrow.png"); background-repeat: no-repeat; background-position: 1px 1px; }
.eriala_note.yldv { clear: none; width: 35%; float: left; }
.eriala_note.yldp { clear: none; width: 35%; float: right; }
.eriala_note.yldk { background-position: 1px 15px; min-height: 45px; }
.eriala_note span.fa { color: #870042; }
.eriala_spec { display: none; margin: -1em 0 1em 105px; min-height: 30px; border-bottom: 1px dashed #E1E1E1; }
.eriala_list { padding: 10px 0px 20px 0px !important; }
.eriala_list li { padding: 3px 0px 3px 40px !important; background: none !important; background-image: url("/public/p/projektid/test/mini_arrow.png") !important; background-repeat: no-repeat !important; background-position: 1px 5px !important; }
.eriala_list li.nopic { background-image: none !important; background: url("../img/list-bullet.png") no-repeat 20px 10px !important; }
.eriala_info { margin: 0 !important; padding: 30px 0px 30px 50px; min-height: 40px; border-top: 1px solid #DDDDDD; background-image: url("/public/p/projektid/test/info.png"); background-repeat: no-repeat; background-position: 1px 35px; }
.eriala_navi { margin-top: 20px; padding: 20px 0px; border-top: 1px solid #DDDDDD; }
.eriala_navi .yldv { width: 42%; padding-left: 40px; float: left; text-align: left; font-weight: bold; }
.eriala_navi .yldv .fa { float: left; margin-top: 3px; margin-left: -40px; }
.eriala_navi .yldp { width: 42%; padding-right: 40px; float: right; text-align: right; font-weight: bold; }
.eriala_navi .yldp .fa { float: right; margin-top: 3px; margin-right: -40px; }
.tabaccordions ul { padding-left: 30px; }
.tabaccordions ul li { color: #870042; line-height: 24px; cursor: pointer; }
.tabaccordions ul li ul { display: none; padding-left: 10px; }
.tabaccordions ul li ul li { background-image: none; color: #000; cursor: auto; }

/* 2016 Tabel ilma "paddinguta" lahtritega - nt sertifitseerimisasutuse sertifikaadid */

.nopad_tabel td { padding: 3px !important; font-size: 11px !important; }
.nopad_tabel td.headrow { background-color: #eee; font-weight: bold; color: #870042; text-align: center; }


/* style ymarate piltide jaoks student ambassadors lehel */

.circular--square {
    border-radius: 50%;
}
The style rule above is the shorthand for:

.circular--square {
    border-top-left-radius: 50% 50%;
    border-top-right-radius: 50% 50%;
    border-bottom-right-radius: 50% 50%;
    border-bottom-left-radius: 50% 50%;
}

.tp_bulleted li {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    vertical-align: baseline !important;
    background: url(/extensions/ttu/assets/img/list-bullet.png) no-repeat 0 0.3571em !important;
    padding-left: 15px !important;
}

#topnavi{
    font-color: #e4067e;
}