/* Copyright (C) 2007 - 2011 YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */
/*
 * headings
 */
h1, h2, h3, h4, h5, h6 {
    font-family: Arial, Helvetica, sans-serif
    }
h1 {
    font-weight: normal;
    color: #5A5B5D
    }
#page h1 a {
    color: #5A5B5D;
    text-decoration: none
    }
h2 {
    color: #D64A13
    }
h3 {
    color: #5A5B5D
    }
h4 {
    color: #D64A13
    }
h5 {
    color: #5A5B5D
    }
h6 {
    color: #D64A13
    }
h1 {
    font-size: 24px;
    line-height: 26px
    }
h2 {
    font-size: 22px;
    line-height: 24px
    }
/*
 * anchor
 */
a {
    color: #D64A13;
    text-decoration: none
    }
a:hover {
    text-decoration: underline
    }
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 #D5D7D8;
    background: #F3F5F8;
    font-family: "Courier New", Courier, monospace;
    font-style: normal;
    white-space: nowrap;
    -moz-border-radius: 3px;
    border-radius: 3px
    }
/*
 * unsorted lists
 */
/* icon style */
ul.arrow, ul.checkbox, ul.check, ul.star {
    margin: 10px 0 10px 0;
    padding-left: 20px;
    list-style: none
    }
ul.arrow li, ul.checkbox li, ul.check li, ul.star li {
    margin: 3px 0 3px 0;
    padding-left: 35px;
    line-height: 26px
    }
ul.arrow li {
    background: url(../images/typography/list_arrow.png) 0 0 no-repeat
    }
ul.checkbox li {
    background: url(../images/typography/list_checkbox.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
    }
/* 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: 20px;
    height: 25px;
    line-height: 25px;
    background: url(../images/typography/list_links.png) 0 0 no-repeat;
    cursor: pointer
    }
ul.links li:hover {
    background-position: 0 -25px;
    background-color: #C4CACF;
    -moz-border-radius: 3px;
    border-radius: 3px
    }
#page ul.links li a {
    display: block;
    color: #7F8384;
    text-decoration: none
    }
#page ul.links li:hover a {
    color: #fff
    }
/*
 * 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: Georgia, "Times New Roman", Times, serif
    }
/*
 * blockquotes
 */
blockquote {
    font-family: Georgia, "Times New Roman", Times, serif
    }
q.blockquote {
    margin: 10px 0 10px 15px;
    font-family: Georgia, "Times New Roman", Times, serif;
    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: "Chunkfive";
    src: url(../fonts/Chunkfive-webfont.eot?) format("eot"), url(../fonts/Chunkfive-webfont.woff) format("woff"), url(../fonts/Chunkfive-webfont.ttf) format("truetype")
    }
#page .webfont {
    font-family: "Chunkfive", Arial, sans-serif
    }
/*
 * spotlight
 */
.spotlight .spotlight1 {
    visibility: hidden
    }
.spotlight.fade .spotlight1 > div > a:first-child, .spotlight.bottom .spotlight1 > div > a:first-child {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1
    }
/* fade: zoom */
.spotlight.fade.zoom .spotlight1 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(../images/spotlight_fade_zoom.png) 50% 50% no-repeat
    }
/* fade: color */
.spotlight.fade.color .spotlight1 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto !important;
    padding: 20px;
    background: #141516
    }
.spotlight.fade.color h3 {
    position: absolute;
    top: 37%;
    left: 0;
    right: 0;
    margin: 0;
    line-height: 23px
    }
.spotlight.fade.color h3 span {
    display: block;
    text-align: center
    }
.spotlight.fade.color h3 span.subtitle {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 15px;
    font-style: italic;
    color: #AAB3BE
    }
.spotlight.fade.color h3 span.title {
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: -1px;
    color: #F2F1F0
    }
/* top, bottom, left, right */
.spotlight.bottom .spotlight1 > * {
    padding: 15px;
    background: #111;
    color: #fff
    }
.spotlight.bottom h3 {
    margin: 0 0 3px 0;
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: -1px;
    color: #F2F1F0
    }
.spotlight.bottom p {
    margin: 0;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 15px;
    font-style: italic;
    color: #AAB3BE
    }