@font-face {
    font-family: "unisansbook";
    src: url(Uni-Sans-Book.eot) format("embedded-opentype");
    src: local("Uni-Sans-Book"), local("Uni-Sans-Book"), url(Uni-Sans-Book.ttf) format("truetype");
    font-weight: normal
    }
/*
@font-face {
  font-family: 'unisansbold';
    src: url('Uni-Sans-Bold.eot')format('embedded-opentype');
  src: url('Uni-Sans-Bold.eot?#iefix') format('embedded-opentype');  
    src: local('Uni-Sans-Bold'), local('Uni-Sans-Bold'), url('Uni-Sans-Bold.ttf') format('truetype');
  src:local('Uni-Sans-Bold'), url('Uni-Sans-Bold.woff') format('woff');
  font-weight:normal;
}
*/
@font-face {
    font-family: "unisansbold";
    src: url(Uni-Sans-Bold.eot);
    src: local("☺"), url(Uni-Sans-Bold.otf) format("opentype"), url(Uni-Sans-Bold.woff) format("woff");
    font-weight: normal !important;
    font-style: normal
    }
h1, h2, h3, h4, h5, h6 {
    font-family: unisansbook
    }
h1 {
    font-weight: normal;
    color: #111213
    }
#page h1 a {
    color: #111213;
    text-decoration: none
    }
h2 {
    color: #B90000
    }
h3 {
    color: #111213
    }
h4 {
    color: #B90000
    }
h5 {
    color: #111213
    }
h6 {
    color: #B90000
    }
h1 {
    font-size: 32px;
    line-height: 36px
    }
h2 {
    font-size: 26px;
    line-height: 30px
    }
/*
 * anchor
 */
a:link, a:visited {
    color: #525253;
    text-decoration: none
    }
a:hover {
    text-decoration: none;
    color: #E03188
    }
a.icon-folder {
    padding-left: 17px;
    background: url(../images/typography/icon_folder.png) 0 40% no-repeat
    }
a.icon-file {
    padding-left: 17px;
    background: url(../images/typography/icon_file.png) 0 40% no-repeat
    }
a.icon-download {
    padding-left: 17px;
    background: url(../images/typography/icon_download.png) 0 40% no-repeat
    }
a.icon-external {
    padding-left: 17px;
    background: url(../images/typography/icon_external.png) 0 40% no-repeat
    }
a.icon-pdf {
    padding-left: 17px;
    background: url(../images/pdf_button.png) 0 40% no-repeat
    }
/*
 * emphasis
 */
em.box {
    padding: 0 3px 0 3px;
    border: 1px dotted #ACACAC;
    background: #F5F6F7;
    font-family: "unisansbook";
    color: #7F7F7F;
    font-style: normal;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    white-space: nowrap
    }
#bottom em.box {
    background-color: #232425;
    border-color: #414243;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 1)
    }
/*
 * unsorted lists
 */
/* icon style */
ul.plus, ul.heart, ul.check, ul.star, ul.arrow {
    margin: 10px 0 10px 0;
    padding-left: 20px;
    list-style: none
    }
ul.plus li, ul.heart li, ul.check li, ul.star li, ul.arrow li {
    margin: 5px 0 5px 0;
    padding-left: 20px;
    font-weight: bold;
    line-height: 30px
    }
ul.plus li {
    background: url(../images/typography/list_plus.png) 0 0 no-repeat
    }
ul.heart li {
    background: url(../images/typography/list_heart.png) 0 0 no-repeat
    }
ul.check li {
    background: url(../images/typography/list_check.png) 0 0 no-repeat
    }
ul.star li {
    background: url(../images/typography/list_star.png) 0 0 no-repeat
    }
ul.arrow li {
    background: url(../images/typography/list_arrow.png) 0 0 no-repeat
    }
/* links style */
ul.links {
    margin: 10px 0 20px 0;
    padding-left: 0;
    list-style: none
    }
.module ul.links {
    margin: 0
    }
ul.links li {
    padding-left: 18px;
    height: 30px;
    border-top: 1px solid #E5E5E5;
    line-height: 30px;
    background: url(../images/typography/list_links.png) 0 0 no-repeat;
    cursor: pointer
    }
ul.links li:first-child {
    border: none
    }
ul.links li:hover {
    background-position: 0 -30px
    }
ul.links li a {
    display: block;
    color: #525252;
    text-decoration: none
    }
ul.links li:hover a, #bottom ul.links li:hover a {
    color: #B90000
    }
#bottom ul.links li {
    border-color: #252525
    }
#bottom ul.links li a {
    color: #7A7A81
    }
/*
 * ordered lists
 */
ol.disc {
    margin: 10px 0 10px 0;
    padding: 0 0 0 45px;
    background: url(../images/typography/list_disc.png) 20px 0 repeat-y
    }
ol.disc li {
    margin: 5px 0 5px 0;
    padding-left: 10px;
    font-weight: bold;
    line-height: 26px
    }
/*
 * horizontal rule
 */
hr.dotted {
    margin: 15px 0 15px 0;
    display: block;
    background: url(../images/typography/line_dotted.png) 0 0 repeat-x;
    height: 1px;
    border: none
    }
/*
 * highlighted div and span tags
 */
span.note, span.info, span.alert, span.download, span.tip {
    display: block
    }
div.note, span.note {
    color: #323232;
    margin: 10px 0 10px 0;
    padding: 5px 10px 5px 10px;
    background: #E4EBF1;
    border-top: 1px solid #D4D9DE;
    border-bottom: 1px solid #D4D9DE;
    text-align: justify
    }
div.info, span.info, div.alert, span.alert, div.download, span.download, div.tip, span.tip {
    color: #323232;
    margin: 10px 0 10px 0;
    padding: 8px 10px 8px 40px
    }
div.info, span.info {
    background: #E4EBF1 url(../images/typography/box_info.png) 8px 5px no-repeat;
    border-top: 1px solid #D4D9DE;
    border-bottom: 1px solid #D4D9DE
    }
div.alert, span.alert {
    background: #FFE6DF url(../images/typography/box_alert.png) 8px 5px no-repeat;
    border-top: 1px solid #FFD9CF;
    border-bottom: 1px solid #FFD9CF
    }
div.download, span.download {
    background: #f5faeb url(../images/typography/box_download.png) 8px 5px no-repeat;
    border-top: 1px solid #D6EBCD;
    border-bottom: 1px solid #D6EBCD
    }
div.tip, span.tip {
    /* background: #FDF9E3 url(../images/typography/box_tip.png) 8px 5px no-repeat;
      border-top: 1px solid #FAE7BE;
      border-bottom: 1px solid #FAE7BE;*/
    }
/*
 * p tag with dropcaps
 */
p.dropcap:first-letter {
    display: block;
    margin: 7px 4px 0 0;
    float: left;
    font-size: 280%;
    font-family: "unisansbook", Arial
    }
/*
 * blockquotes
 */
blockquote {
    font-family: "unisansbook", Arial
    }
q.blockquote {
    margin: 10px 0 10px 15px;
    font-family: "unisansbook", Arial;
    font-style: italic;
    font-size: 120%
    }
q.blockquote:first-letter {
    font-size: 150%
    }
q.blockquote:before, q.blockquote:after {
    content: ""
    }
blockquote.quotation {
    margin: 10px 0 10px 0;
    padding: 10px 35px 10px 35px;
    border: none;
    background: url(../images/typography/blockquote_start.png) 0 0 no-repeat;
    text-align: justify
    }
blockquote.quotation p {
    margin: 0 -35px -10px 0;
    padding: 0 35px 10px 0;
    background: url(../images/typography/blockquote_end.png) 100% 100% no-repeat
    }
/*
 * floating boxes
 */
body .inset-left {
    margin: 15px 15px 10px 0;
    float: left
    }
body .inset-right {
    margin: 15px 0 10px 15px;
    float: right
    }
/*
 * webfonts
 */
@font-face {
    font-family: "unisansbookr";
    src: url(../fonts/Uni-Sans-Book.eot?) format("eot"), url(../fonts/Uni-Sans-Book.woff) format("woff"), url(../fonts/Uni-Sans-Book.ttf) format("truetype")
    }
.webfonts .module h3.header, .webfonts #system .title, .webfonts .warpspotlight.bottom h3 {
    /*font-family: 'BebasNeueRegular', Arial, sans-serif;*/
    letter-spacing: 0;
    /*font-family: sans-book;*/
    }
.webfonts .module h3.header, .webfonts .module h3.header span.title {
    /* font-size: 28px; */
    color: #e03188;
    font-size: 19px;
    text-transform: none;
    font-family: unisansbold
    }
.webfonts #system .title {
    font-size: 19px;
    font-family: unisansbold;
    text-transform: none;
    color: #e03188
    }
#system div.item h1.title a {
    color: #e03188;
    text-transform: none
    }
.webfonts .warpspotlight.bottom h3 {
    font-size: 26px
    }
/*
 * spotlight
 */
.warpspotlight .spotlight1 {
    visibility: hidden
    }
.warpspotlight.fade .spotlight1 > div > a:first-child, .warpspotlight.bottom .spotlight1 > div > a:first-child {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1
    }
/* fade: zoom */
.warpspotlight.fade .spotlight1 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
    }
.warpspotlight.fade.zoom .spotlight1 {
    background: url(../images/spotlight_fade_zoom.png) 50% 50% no-repeat
    }
#headerbar .warpspotlight.fade .spotlight1 {
    top: 60px
    }
/* fade: bottom */
.warpspotlight.bottom .spotlight1 > * {
    padding: 20px;
    background: #323232;
    background: rgba(0, 0, 0, 0.8);
    color: #fff
    }
.warpspotlight.bottom h3 {
    margin: 0 0 3px 0;
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 1)
    }
.warpspotlight.bottom a, .warpspotlight.bottom a:hover {
    color: #fff
    }
.warpspotlight.bottom a {
    text-decoration: underline
    }