/*
 *   Document
 */

html, body, #custom-doc {
    height: 100%;
}

body {
    background: url(../images/bground-doc.png) repeat-x;
}

div#custom-doc {
    width: 1008px;
    min-width: 1008px;
    margin: auto;
    text-align: left;
}

div#wrapper1 {
    position: relative;
    width: 1008px;
    min-height: 100%;
    margin: 0 auto -72px;
    background: white url(../images/bground-main.png) repeat-y scroll 0 0;
}

/*
*   Generic
*/

a {
    color: #107EC0;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

span.emphasis {
    font-weight: bold;
}

/*
 *   Header
 */

div#hd {
    z-index: 998;
    width: 1008px;
    height: 142px;
    background: url(../images/bground-header.png);
}

/* Clickable hippo logo linking to home */
#home-logo {
    position: absolute;
    top: 12px;
    left: 29px;
    width: 90px;
    height: 75px;
}

#home-logo a {
    padding-bottom: 60px;
    padding-left: 90px;
}

/* Clickable TryCMS logo linking to try cms */
#trycms-logo {
    position: absolute;
    top: 86px;
    left: 750px;
    width: 128px;
    height: 61px;
    background: url(../images/try_button_topmenu_sp.png);
    z-index: 900;
}

#trycms-logo a {
    padding-bottom: 45px;
    padding-left: 114px;
    padding-top: 5px;
}

.nl #trycms-logo {
    background: url(../images/try_button_topmenu_sp_nl.png);
}

.en #trycms-logo {
    background: url(../images/try_button_topmenu_sp.png);
}

#trycms-logo:hover {
    background-position: 0 61px;
}

/* Search / community bar */
#search {
    z-index: 999;
    position: relative;
    top: 16px;
    left: 350px;
    width: 632px;
    height: 30px;
    font-size: 108%;
    font-weight: bold;
}

#search li {
    float: right;
    padding: 0 12px;
    text-align: center;
}

#search #com, #search #org {
    background: url(../images/border-topnav.png) no-repeat 100% 0%;
    padding-top: 3px;
    padding-bottom: 14px;
    float: left;
}

#search #org:hover #box-community, #search li.sfhover #box-community {
    left: 167px;
}

#search form {
    float: left;
}

#search form input {
    float: left;
}

#search-field {
    width: 156px;
    height: 19px;
    margin-left: 8px;
    padding-top: 5px;
    padding-left: 5px;
    background: url(../images/bground-searchfield.png);
    border: none;
}

#search-button {
    height: 24px;
    width: 72px;
    margin-left: 10px;
    background: url(../images/button-search.png);
    border: none;
}

#search-button:hover {
    background: url(../images/button-search.png) 0 24px;
}

#search-icon {
    width: 25px;
    height: 25px;
    border: 0;
    background: url(../images/icon-search.png);
}

/* Community panel */
#box-community {
    position: absolute;
    top: 23px;
    left: -999em;
    width: 465px;
    height: 100px;
    color: #666;
    font-weight: normal;
}

#box-community a {
    color: #225379;
}

#communitynav-left {
    float: left;
    width: 13%;
    min-height: 80px;
    margin: 20px 0;
    padding-right: 15px;
    border-right: 1px solid #C9C9C9;
}

#communitynav-left li {
    padding-bottom: 7px;
    display: block;
}

#communitynav-right {
    width: 82%;
    float: right;
}

#communitynav-right .title {
    display: block;
    text-align: left;
    float: none;
    width: 100%;
    margin: 7px 0 12px 20px;
    font-size: 93%;
}

#communitynav-right li {
    float: left;
    width: 90px;
    margin: 0;
    padding: 0;
}

#communitynav-right li img {
    display: block;
    margin: 0px auto 5px;
}

#communitynav-right li a {
    display: block;
    padding-bottom: 10px;
    text-align: center;
}

/* Round corners for community panel */
#box-community .bt {
    height: 12px;
    background: url(../images/bground-box-community.png) no-repeat 0% 0;
}

#box-community .bb {
    height: 2px;
    background: url(../images/bground-box-community.png) no-repeat 100% 100%;
}

#box-community .i1 {
    border-left: 1px solid #D1D1D1;
}

#box-community .i2 {
    border-right: 1px solid #D1D1D1;
}

#box-community .i3 {
    background: #F1F1F1;
}

/* Top navigation (language, contact, etc.) */
#top-nav {
    position: absolute;
    top: 70px;
    right: 25px;
    font-size: 100%;
}

#top-nav li {
    display: inline;
    padding-left: 7px;
    padding-right: 5px;
    border-left: #A7A7A7 1px solid;
}

#top-nav li:first-child, #top-nav li.first {
    border: none;
    color: #666666;
}

/* Main navigation */
#main-nav {
    z-index: 998;
    position: relative;
    clear: left;
    top: 65px;
    left: 35px;
    font-size: 116%;
    color: white;
}

#main-nav > li {
    float: left;
    background: url(../images/border-mainnav.png) no-repeat left 10px;
}

#main-nav > li:first-child {
    background: none;
}

#main-nav a {
    padding: 10px 10px 8px;
    display: block;
    text-decoration: none;
    color: white;
    cursor: default;
}

#main-nav li:hover {
    background: url(../images/hover-nav.png) repeat-x;
}

#main-nav > li:hover {
    margin-right: -1px;
    padding-right: 1px;
}

#main-nav li:hover .cb, #main-nav li.sfhover .cb {
    left: auto;
}

#main-nav li .cb {
    position: absolute;
    left: -999em;
    border-top: #636464 1px solid;
}

#main-nav ul li:first-child a {
    border-top: none;
}

#main-nav ul a {
    cursor: pointer;
    border-top: #A6A6A6 1px dotted;
    margin: 0px 17px;
    padding: 5px 0px;
}

#main-nav li.pointer a {
    cursor: pointer;
}

/* Round corners for main navigation */
#main-nav .bt {
    padding-top: 10px;
    background: #4D4D4D;
}

#main-nav .bb {
    height: 5px;
    margin: 0 0 0 6px;
    background: url(../images/bground-box-mainnav.png) no-repeat 100% 100%;
}

#main-nav .bb div {
    position: relative;
    left: -6px;
    width: 6px;
    height: 5px;
    background: url(../images/bground-box-mainnav.png) no-repeat 0 100%;
}

#main-nav .i3 {
    padding: 0 0 7px 0;
    background-color: #4D4D4D;
}

/*
*   Footer
*/

#ft {
    clear: left;
    position: relative;
    height: 72px;
    width: 958px;
    padding: 0 25px;
    background: url(../images/bground-footer.png);
    font-size: 93%;
}

.push {
    height: 70px;
}

.footerbox {
    padding-top: 7px;
    margin: 0 20px;
}

.footerbox a {
    color: white;
}

#footer-feeds {
    margin: 10px 0 0 0;
    float: right;
}

#footer-feeds li {
    display: inline;
    margin-right: 10px;
    padding: 5px 0px 5px 28px;
}

#footer-feeds .blog {
    background: transparent url(../images/icon/blog.png) no-repeat;
}

#footer-feeds .facebook {
    background: transparent url(../images/icon/facebook.png) no-repeat;
}

#footer-feeds .twitter {
    background: transparent url(../images/icon-feeds.png) no-repeat 0 -26px;
}

#footer-feeds .linkedin {
    background: transparent url(../images/icon/linkedin.png) no-repeat;
}

#footer-feeds .rss {
    background: transparent url(../images/icon/rss.png) no-repeat;
}

#footer-feeds .video {
    background: transparent url(../images/icon/vimeo.png) no-repeat;
    padding: 5px 0px 5px 26px;
}

#footer-feeds .newsletter {
    background: transparent url(../images/icon/newsletter.png) no-repeat;
}

#footer-links {
    margin: 10px 0 0 10px
}

#footer-links li {
    display: inline;
    margin-left: 5px;
    margin-right: 5px;
}

#footer-links span {
    color: white;
}

#footer-address {
    color: #a4a4a4;
    float: right;
    font-size: 10px;
    margin-top: 15px;
    margin-right: 5px;
}

#footer-copyright {
    color: #a4a4a4;
    float: left;
    font-size: 10px;
    margin: 15px 3px 0px 5px;
}

/*
 *   Body
 */

#wrapper2 {
    position: relative;
    min-height: 318px;
    /*width: 1100px;*/
    padding: 20px 27px 15px;
    background: transparent url(../images/bground-body.png) no-repeat;
}

#wrapper3 {
    width: 954px;
}

#left-nav {
    font-size: 108%;
}

#left-nav li {
    color: #107EC0;
    background: url(../images/line-dotted.png) repeat-x 0 100%;
}

#left-nav .title {
    background: none;
    color: #333333;
    font-size: 131%;
    font-weight: normal;
}

#left-nav li.last {
    background: none;
}

#left-nav .active > a {
    font-weight: bold;
}

#left-nav .expanded {
    padding-bottom: 0;
}

#left-nav .expanded ul {
    margin-left: 10px;
}

#left-nav .expanded ul li {
    list-style: disc inside;

    background: none;
}

#left {
    float: left;
    width: 198px;
}

#page-functions {
    display: block;
    width: 198px;
    color: #666;
    margin: -15px 0 30px -3px;
    text-align: center;
}

#page-functions li {
    display: inline-block;
    padding-left: 2px;
    width: 18px;
}

#page-functions .function a {
    padding-bottom: 10px;
    padding-right: 18px;
}

#page-functions .email a {
    background: url(../images/icon-actions.png) no-repeat;
}

#page-functions .print a {
    background: url(../images/icon-actions.png) no-repeat 0 -28px;
}

#page-functions .bookmark a {
    background: url(../images/icon-actions.png) no-repeat 0 -56px;
}

#page-functions .linkedin a {
    background: url(../images/icon-actions.png) no-repeat 0 -168px;
}

#page-functions .twitter a {
    background: url(../images/icon-actions.png) no-repeat 0 -196px;
}

#page-functions .digg a {
    background: url(../images/icon-actions.png) no-repeat 0 -224px;
}

#page-functions .facebook a {
    background: url(../images/icon-actions.png) no-repeat 0 -252px;
}

.floatright {
    float: right;
}

.floatleft {
    float: left;
}

/*
 *   Home
 */

#home-menu {
    height: 219px;
    width: 954px;
    background: url(../images/bground-homenav.png) no-repeat;
    margin-bottom: 20px;
}

#home-menu h2 {
    margin: 15px 0 10px 10px;
    font-size: 153.9%;
    color: #333;
}

#home-menu ul {
    margin-top: 10px;
    padding-left: 10px;
}

#home-menu li {
    margin-left: 15px;
    font-size: 116%;
    color: #107EC0;
    list-style: disc;
    text-align: left;
}

#home-menu .prodinfo {
    padding: 0
}

#home-menu .prodinfo h2 {
    margin-left: 0;
    text-align: center;
}

#home-menu .prodinfo li {
    list-style: none;
}

#home-menu .prodinfo a {
    display: block;
    text-align: center;
}

#home-menu .prodinfo img {
    display: block;
    margin: auto;
}

#home-menu .prodinfo p {
    margin: 0;
}

#home-menu .download {
    height: 30px;
    width: 111px;
    margin: auto;
    text-align: center;
    background: url(../images/button-download.png) no-repeat bottom center;
}

#home-about {
    float: left;
    height: 112px;
    width: 629px;
    margin-top: 1px;
    background: url(../images/bground-about.png) no-repeat;
    color: white;
}

#home-about h1 {
    padding: 17px 0px 10px 150px;
    font-size: 138.5%;
}

#home-about h2 {
    padding: 5px 0 0 180px;
    font-size: 108%;
}

#banner-slide {
    display: block;
}

#banner-slide .navigation {
    z-index: 10;
}

#banner-slide .navigation .activeSlide a {
    color: white;
}

#banner-slide .pics {
    height: 223px;
    width: 954px;
    overflow: hidden;
}

#banner-slide .pics a {
    display: none;
}

#banner-slide .prev {
    top: 212px;
    left: 454px;
    z-index: 10;
}

#banner-slide .next {
    top: 212px;
    left: 486px;
    z-index: 10;
}

#spotlight {
    position: relative;
    height: 114px;
    width: 307px;
    background: url(../images/bground-spotlight.png) no-repeat;
    margin-top: 25px;
    clear: left;
}

#spotlight p {
    font-size: 77%;
    text-align: center;
}

#spotlight .pics {
    margin: 15px 0 0 80px;
    height: 80px;
    width: 150px;
    overflow: hidden;
}

#spotlight .pics a {
    width: 100% !important;
}

#spotlight .pics img {
    display: block;
    margin: 0 auto;
}

.slide .prev, .slide .next {
    position: absolute;
    top: 48px;
    padding: 9px 13px;
}

.slide .prev {
    left: 10px;
    background: url(../images/button-spotlight.png) no-repeat;
}

.slide .prev:hover {
    background: url(../images/button-spotlight.png) no-repeat 0 -18px;
}

.slide .next {
    right: 10px;
    background: url(../images/button-spotlight.png) no-repeat 0 -36px;
}

.slide .next:hover {
    background: url(../images/button-spotlight.png) no-repeat 0 -54px;
}

#home {
    clear: left;
}

.home-box h2 {
    padding-left: 10px;
    font-size: 138.5%;
    color: #107EC0;
    border-bottom: 1px #107EC0 solid;
}

.home-box h2 a {
    color: #107EC0;
    font-weight: normal;
}

.home-box {
    margin-top: 20px;
}

.home-box > * {
    padding-left: 10px;
}

.home-box ul {
    padding-left: 0;
}

.home-box ul li > * {
    padding-left: 10px;
}

.home-box li.first a {
    padding-top: 7px;
}

.home-box li.last {
    min-height: 17px;
    background: url(../images/line-dotted.png) repeat-x 0 100%;
}

.home-box li.last a {
    padding-bottom: 7px;
}

.home-box ul:hover {
    background-color: #efefef;
}

.home-box a {
    display: block;
    color: #333;
}

.home-box p {
    color: #333;
}

.home-box .title {
    min-height: 15px;
    font-weight: bold;
}

.home-box a:hover {
    text-decoration: none;
}

.home-box .more {
    margin-top: 5px;
    color: #CA2B2A;
    font-weight: normal;
}

.home-box .date {
    font-size: 85%;
    color: #666;
}

.home-box .location {
    margin-top: 1px;
}

.calendar ul {
    position: relative;
    background: url(../images/icon-calendar.png) no-repeat 10px 10px;
}

.calendar li a, .calendar .more {
    padding-left: 50px;
}

.calendar .daynr a {
    position: absolute;
    top: 25px;
    left: 11px;
    width: 28px;
    padding: 0;
    color: #4D4D4D;
    font-size: 108%;
    font-weight: bold;
    text-align: center;
}

.calendar .month a {
    position: absolute;
    top: 10px;
    left: 11px;
    width: 28px;
    padding: 0;
    color: white;
    font-size: 85%;
    font-weight: bold;
    text-align: center;
}

.feeds ul {
    position: relative;
}

.feeds li a, .feeds .more {
    padding-left: 45px;
}

.feeds .icon, .feeds .icon a {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 13px;
}

.feeds .icon a {
    top: 0;
    left: 0;
}

.feeds .blog {
    background: transparent url(../images/icon-feeds.png) no-repeat;
}

.feeds .twitter {
    background: transparent url(../images/icon-feeds.png) no-repeat 0 -26px;
}

.feeds .rss {
    background: transparent url(../images/icon-feeds.png) no-repeat 0 -52px;
}

.feeds .technorati {
    background: transparent url(../images/icon-feeds.png) no-repeat 0 -78px;
}

#jobs li {
    color: #107EC0;
    list-style: disc inside;
}

#jobs ul:hover {
    background-color: transparent;
}

#jobs #jobs-body {
    padding-top: 5px;
}

#jobs #jobs-body ul {
    margin-top: 7px;
}

#jobs #jobs-body a {
    display: inline;
    color: #107EC0;
}

#jobs #jobs-body li a, #jobs #jobs-body li > * {
    padding-left: 0;
}

#jobs #jobs-body a:hover {
    text-decoration: underline;
}

#home-calendar {
    margin-top: 20px;
    background: url(../images/line-dotted.png) repeat-x 0 0%;
    padding-top: 1px;
}

#home-calendar > li {
    padding-left: 0;
    background: url(../images/line-dotted.png) repeat-x 0 100%;
}

#home-calendar > li:hover {
    background-color: #efefef;
}

#home-calendar ul {
    background: url(../images/icon-calendar.png) no-repeat 10px 23px;
    min-height: 65px;
}

#home-calendar ul .month a {
    top: 23px;
}

#home-calendar ul .daynr a {
    top: 38px;
}

#home-calendar ul .location a {
    font-size: 93%;
    color: #107EC0;
}

#home-calendar ul .title a {
    font-size: 123.1%;
    font-weight: normal;
    color: #666;
}

#home-calendar ul .training {
}

#home-calendar ul .type {
    background: url(../images/bground-homecalendar.png) repeat-x 0 0;
}

#home-calendar ul .type a {
    padding: 3px 0 3px 0;
    text-align: center;
    color: #333;
}

#home-calendar ul .type a span {
    padding-left: 15px;
}

#home-calendar ul .type.event a span {
    background: url(../images/icon-eventtypes.png) no-repeat 0 -51px;
}

#home-calendar ul .type.webinar a span {
    background: url(../images/icon-eventtypes.png) no-repeat 0 -99px;
}

#home-calendar ul .type.training a span {
    background: url(../images/icon-eventtypes.png) no-repeat 0 2px;
}

#home-calendar ul li.last {
    background: none;
}

#home-calendar .more {
    margin: 0 0 25px 10px;
    background: none;
}

#home-calendar .more:hover {
    background: none;
    text-decoration: none;
}

#home-calendar .more-button {
    margin-left: 0;
    margin-bottom: 30px;
}

#home-news li {
    background: none;
}

#home-news li:hover {
    background-color: #efefef;
}

#home-news li.intro {
    margin-bottom: 5px;
}

#uspHeader {
    font-size: 28px;
    color: #107EC0;
    padding: 20px 10px 10px 10px;
}

#home-usp-content-block {
    margin-top: 0;
    background: url(../images/line-dotted.png) repeat-x 0 0%;
}

#home-usp-content-block li a {
    text-decoration: none;
    padding: 10px 10px 10px 60px;
    background: url(../images/line-dotted.png) repeat-x 0 100%;
}

#home-usp-content-block li h2 {
    padding: 0;
    border-bottom: none;
    color: #00A2E2;
}

#home-usp-content-block p {
    font-size: 116%;
}

#home-usp-content-block li {
    background: url(../images/thumb_check_blue.png) no-repeat 0;
    padding: 0;
}

#home-usp-content-block li:hover {
    background-color: #59C2EC;
}

#home-usp-content-block li:hover h2 {
    color: #FFF;
}

/*
*   Products overview
*/

#detailnav {
    position: relative;
    top: -5px;
    background: url(../images/bground-detailnav.png) bottom left;
    height: 26px;
    width: 512px;
    padding: 5px 0 0 10px;
    margin-top: 0 !important;
    margin-bottom: 20px;
}

#detailnav li {
    display: inline;
}

#detailnav a {
    padding: 6px 10px; /*9px 10px;*/
    color: white;
    font-size: 116%;
    font-weight: normal;
}

#detailnav a:hover {
    color: #333;
    background: url(../images/hover-detailnav.png) bottom center;
    text-decoration: none;
}

#detailnav .active a {
    font-weight: bold;
}

.products {
    width: 512px;
}

.pleasenote .c-t {
    background-image: url(../images/note-corners-top.png);
    padding: 0;
    margin: 0;
    height: 4px;
}

.pleasenote .c-b {
    background-image: url(../images/note-corners-bottom.png);
    padding: 0;
    margin: 0;
    height: 4px;
}

.pleasenote {
    width: 100%;
}

.pleasenote-text {
    width: 472px;
    padding: 20px;
    color: #fff;
    background-color: #EF3B44;
}

.pleasenote-text h2 {
    color: #fff !important;
}

.screenshots {
    width: 100%;
}

.screenshots .image {
    width: 240px;
    height: 150px;
    border: 1px solid black;
    margin: 0 10px 10px 0;
    display: inline-block;
}

.screenshots .image img {
    width: 240px;
}

/*
 *   Main
 */

#main {
    margin-top: 15px;
    margin-bottom: 50px;
    color: #333;
    font-size: 100%;
    line-height: 18px;
}

#main #date, #main #location {
    margin-bottom: 3px;
    color: #666;
    font-size: 93%;
}

#main #intro {
    color: #666;
    font-size: 116%;
}

#main h1 {
    margin-left: 15px;
    margin-bottom: 20px;
    font-size: 182%;
    line-height: 1.231;
    color: #333;
}

#main h2 {
    margin-bottom: 3px;
    font-size: 123.1%;
    font-weight: normal;
    color: #000;
}

#main h3 {
    margin-bottom: 3px;
    font-size: 108%;
    font-weight: bold;
    color: #666;
}

#main a {
    font-weight: normal;
}

#main ul, #main ol, #main dl, #main blockquote {
    margin-top: 3px;
}

#main .back {
    background: url(../images/icon-backto.png) no-repeat center left;
    padding-left: 15px;
    margin-bottom: 10px;
}

#case-detail #intro, #content #intro {
    margin-top: 10px;
}

/*
*   Training overview / detail
*/
#main #scheduledTrainings h2, #main #jobsOverview h2 {
    font-size: 138.5%;
    margin-bottom: 0;
    color: #107EC0;
}

#main #scheduledTrainings ul, #main #jobsOverview ul {
    margin-top: 0;
}

#main #scheduledTrainings .title a,
#main #scheduledTrainings .month a,
#main #scheduledTrainings .daynr a,
#main #jobsOverview .title a {
    font-weight: bold;
}

#main #scheduledTrainings .month a {
    top: 8px;
}

#main .training-item {
    margin-left: 0;
}

#main .training-item li {
    list-style: none;
}

#main .training-item .titlee {
    margin-bottom: 3px;
    font-size: 116%;
    font-weight: bold;
}

#main .home-box {
    margin-right: 1px;
}

#main .home-box li.last {
    margin-right: 1px;
}

#main .calendar .month {
    top: 7px;
}

/*
 *   Case Studies detail
 */

#case-image {
    float: right;
    margin: 0 0 0.5em;
}

#case-image .i3 {
    text-align: center;
}

#case-detail #intro {
    width: 525px;
    float: left;
}

#case-detail #body {
    clear: left;
}

/*
*   Boxes / Rounded corners
*/

.i3 {
    display: block;
    margin: 0;
    padding: 1px 10px;
    background: #fff;
}

.i3:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.i3 {
    display: inline-block;
}

.i3 {
    display: block;
}

.box-blue {
    margin: 0 0 1.5em;
    width: 198px;
}

.box-blue .bt {
    height: 34px;
    background: url(../images/bground-box-blue.png) no-repeat 100% 0;
}

.box-blue .bb {
    height: 6px;
    background: url(../images/bground-box-blue.png) no-repeat 100% 100%;
}

.box-blue .i1 {
    border-left: 2px solid #107EC0;
}

.box-blue .i2 {
    border-right: 2px solid #107EC0;
}

.box-blue .i3 {
    padding-bottom: 5px;
}

.box-blue h1, .box-blue h2, .box-blue .title {
    font-size: 108%;
    color: #fff;
    font-weight: bold;
    padding-left: 3px;
    margin-bottom: -15px;
    position: relative;
    top: -28px;
}

.box-blue li {
    margin-bottom: 5px;
}

.box-blue li a {
    padding: 0 0 1px 15px;
    background: url(../images/bullet-box-blue.png) no-repeat center left;
}

.box-blue .download {
    margin: 10px 0 0;
}

.box-blue .download a {
    background: transparent;
    padding: 0;
}

.box-red {
    margin: 0 0 1.5em;
    width: 198px;
}

.box-red .bt {
    height: 34px;
    background: url(../images/bground-box-red.png) no-repeat 100% 0;
}

.box-red .bb {
    height: 6px;
    background: url(../images/bground-box-red.png) no-repeat 100% 100%;
}

.box-red .i1 {
    border-left: 2px solid #a22e41;
}

.box-red .i2 {
    border-right: 2px solid #a22e41;
}

.box-red .i3 {
    padding-bottom: 5px;
}

.box-red h1, .box-red h2, .box-red .title {
    font-size: 108%;
    color: #fff;
    font-weight: bold;
    padding-left: 3px;
    margin-bottom: -15px;
    position: relative;
    top: -28px;
}

.box-red li {
    margin-bottom: 5px;
}

.box-red li a {
    padding: 0 0 1px 15px;
    background: url(../images/bground-box-red.png) no-repeat center left;
    color: #a22e41;
}

.box-red .download {
    margin: 10px 0 0;
}

.box-red .download a {
    background: transparent;
    padding: 0;
}

.box-white {
    margin: 0 0 1.5em;
    width: 198px;
}

.box-white .bt {
    height: 5px;
    margin: 0 0 0 6px;
    background: url(../images/bground-box-white.png) no-repeat 100% 0;
}

.box-white .bt div {
    position: relative;
    left: -6px;
    width: 6px;
    height: 5px;
    background: url(../images/bground-box-white.png) no-repeat 0 0;
}

.box-white .bb {
    height: 5px;
    margin: 0 0 0 6px;
    background: url(../images/bground-box-white.png) no-repeat 100% 100%;
}

.box-white .bb div {
    position: relative;
    left: -6px;
    width: 6px;
    height: 5px;
    background: url(../images/bground-box-white.png) no-repeat 0 100%;
}

.box-white .i1 {
    border-left: 1px solid #D7D7D7;
}

.box-white .i2 {
    border-right: 1px solid #D7D7D7;
}

.box-white .i3 {
    padding: 10px;
}

.box-white h1, .box-white h2, .box-white .title {
    font-size: 108%;
    color: #333;
    font-weight: bold;
    padding: 0px 0 10px;
    background: none;
}

.box-white li {
    margin-top: 3px;
    padding-bottom: 5px;
}

.box-white img {
    padding-top: 10px;
}

.box-gold {
    margin: 0.5em 0 0.5em 20px;
    width: 198px;
    font-size: 93%;
    line-height: 1.231;
}

.box-gold.floatleft {
    margin: 0.5em 20px 0.5em 0;
}

.box-gold .bt {
    height: 2px;
    margin: 0 0 0 2px;
    background: url(../images/bground-box-gold.png) no-repeat 100% 0;
}

.box-gold .bt div {
    position: relative;
    left: -2px;
    width: 2px;
    height: 2px;
    background: url(../images/bground-box-gold.png) no-repeat 0 0;
}

.box-gold .bb {
    height: 2px;
    margin: 0 0 0 2px;
    background: url(../images/bground-box-gold.png) no-repeat 100% 100%;
}

.box-gold .bb div {
    position: relative;
    left: -2px;
    width: 2px;
    height: 2px;
    background: url(../images/bground-box-gold.png) no-repeat 0 100%;
}

.box-gold .i1 {
    border-left: 1px solid #FFECC1;
}

.box-gold .i2 {
    border-right: 1px solid #FFECC1;
}

.box-gold .i3 {
    background: #FFF7E5 url(../images/bground-box-gold-line.png) repeat-x 0 0;
    padding: 0.5em 2em 1.5em 1em;
}

.box-gold .more {
    color: #CA2B2A;
    font-weight: normal;
}

.box-gold ul, .box-gold ul li {
    list-style-position: inside;
    margin: 5px 0;
}

.box-gold img {
    margin: 10px 0 0;
}

.box-gold h1, .box-gold h2, .box-gold .title {
    font-size: 100%;
    font-weight: bold;
}

#form-box {
    margin: 0;
    width: 100%;
}

.box-lightblue {
    margin: 0.5em 0;
}

.box-lightblue .bt {
    height: 3px;
    margin: 0 0 0 3px;
    background: url(../images/bground-box-lightblue.png) no-repeat 100% 0;
}

.box-lightblue .bt div {
    position: relative;
    left: -3px;
    width: 3px;
    height: 3px;
    background: url(../images/bground-box-lightblue.png) no-repeat 0 0;
}

.box-lightblue .bb {
    height: 3px;
    margin: 0 0 0 3px;
    background: url(../images/bground-box-lightblue.png) no-repeat 100% 100%;
}

.box-lightblue .bb div {
    position: relative;
    left: -3px;
    width: 3px;
    height: 3px;
    background: url(../images/bground-box-lightblue.png) no-repeat 0 100%;
}

.box-lightblue .i1 {
    border-left: 1px solid #CCD7DC;
}

.box-lightblue .i2 {
    border-right: 1px solid #CCD7DC;
}

.box-lightblue .i3 {
    padding: 2px 0;
    background: #DBECF2 url(../images/bground-box-lightblue-line.png) repeat-x 0 0;
}

.box-lightblue a {
    display: block;
    margin: 3px 0px 3px 10px;
    padding-left: 25px;
    font-weight: normal;
}

.document a {
    background: url(../images/icon-actions.png) no-repeat 0 -89px;
}

.exturl a {
    background: url(../images/icon-actions.png) no-repeat 0 -117px;
}

.box-green {
    margin: 0.5em 0;
}

.box-green .bt {
    height: 3px;
    margin: 0 0 0 3px;
    background: url(../images/bground-box-green.png) no-repeat 100% 0;
}

.box-green .bt div {
    position: relative;
    left: -3px;
    width: 3px;
    height: 3px;
    background: url(../images/bground-box-green.png) no-repeat 0 0;
}

.box-green .bb {
    height: 3px;
    margin: 0 0 0 3px;
    background: url(../images/bground-box-green.png) no-repeat 100% 100%;
}

.box-green .bb div {
    position: relative;
    left: -3px;
    width: 3px;
    height: 3px;
    background: url(../images/bground-box-green.png) no-repeat 0 100%;
}

.box-green .i1 {
    border-left: 1px solid #C2D9B5;
}

.box-green .i2 {
    border-right: 1px solid #C2D9B5;
}

.box-green .i3 {
    padding: 2px 0;
    background: #DAFBC8 url(../images/bground-box-green-line.png) repeat-x 0 0;
}

.box-green a {
    display: block;
    margin: 3px 0 3px 10px;
    font-weight: normal;
    padding-left: 25px;
}

/* Testimonial Box */
.testimonial .quote {
	font-style: italic;
	font-size: 116%;
	margin-bottom: 10px;
	color: #666;
}

.testimonial .source { 
	color: #333;
}

.software a {
    background: url(../images/icon-actions.png) no-repeat 0 -144px;
}

/* Home - more buttons */

.more-button {
    margin: 0.5em 10px 0.5em 0px;
    float: left;
}

.more-button .bt {
    height: 3px;
    margin: 0 0 0 3px;
    background: url(../images/button-more.png) no-repeat 100% 0;
}

.more-button .bt div {
    position: relative;
    left: -3px;
    width: 3px;
    height: 3px;
    background: url(../images/button-more.png) no-repeat 0 0;
}

.more-button .bb {
    height: 3px;
    margin: 0 0 0 3px;
    background: url(../images/button-more.png) no-repeat 100% 100%;
}

.more-button .bb div {
    position: relative;
    left: -3px;
    width: 3px;
    height: 3px;
    background: url(../images/button-more.png) no-repeat 0 100%;
}

.more-button .i1 {
}

.more-button .i2 {
}

.more-button .i3 {
    background: #0397cd url(../images/button-more.png) repeat-x 0 0;
    line-height: 15px;
    padding: 0;
}

.more-button a {
    display: block;
    color: white;
    font-weight: bold;
    padding: 0 10px;
}

.calendar .more-button a {
    padding: 0 10px;
}

/*
 *   Case studies / Partners overview
 */

#overview {
    margin-top: 20px;
}

#overview a {
    color: #333;
    font-weight: normal;
}

#overview .text a:hover {
    text-decoration: none;
}

#overview ul {
    width: 95%;
    border-top: 1px dotted #414141;
    margin: 5px 0 0 0;
    padding: 5px 3px;
    clear: left;
}

#overview li {
    display: inline;
}

#overview .title a {
    padding-bottom: 10px;
}

#overview .title, #overview .title a {
    display: block;
    font-weight: bold;
}

#overview .image {
    margin-right: 10px;
    width: 120px;
    float: left;
}

#overview .text {
    width: 210px;
    float: left;
}

#overview .text a {
    display: block;
    min-height: 80px;
    padding-bottom: 5px;
}

#overview .link {
    padding: 5px 130px 0;
    display: inline-block;
}

#overview .link a {
    padding-left: 26px;
    background: url(../images/icon-actions.png) no-repeat 0 -117px;
    color: #107EC0;
}

#overview p {
    margin: 0;
}

/*
 *   News overview
 */

#news-overview a {
    display: block;
}

#news-overview a:hover {
    text-decoration: none;
}

#news-overview li {
    list-style: none;
}

#news-overview .date a {
    color: #666;
    font-size: 85%;
}

#news-overview .title a {
    padding-bottom: 3px;
    font-weight: bold;
    color: #333;
}

#news-overview .text a {
    color: #333;
}

#news-overview .list-overview {
    margin: 0;
    border-bottom: 1px dotted #414141;
    padding: 7px 0;
}

#news-overview .list-overview:hover {
    background: #efefef;
}

#news-overview p {
    margin: 0;
}

#news-select #year {
    margin-top: 3px;
    width: 100%;
}

/*
 *   Search overview
 */
#search-overview #main {
    margin-top: 0;
}

#search-overview li {
    margin: 2px 0;
    list-style: none;
}

#search-overview p {
    margin: 0;
}

#search-overview ul {
    margin: 0;
    border-top: 1px dotted #414141;
    padding: 4px 5px;
}

#search .list-overview:hover {
    background: #efefef;
}

#search-overview .breadcrumb, #search-overview .breadcrumb a {
    color: #687818;
    font-size: 93%;
    font-weight: normal;
}

#search-overview h1 {
    margin: 0 0 20px 15px;
}

#search-overview h2 {
    color: #666;
    margin: 0 0 20px 5px;
}

#page-nav {
    display: block;
    padding: 30px 0 0 0 !important;
    text-align: center;
}

#page-nav li {
    display: inline;
    margin-top: 50px;
}

#page-nav .active {
    padding: 3px;
    color: #107EC0;
    font-weight: bold;
}

#page-nav a {
    display: inline;
    padding: 3px;
}

#page-nav a:hover {
    background: #DBECF6;
}

#page-nav #previous a, #page-nav #previous-disabled {
    padding: 1px 10px 1px 32px;
}

#page-nav #next a, #page-nav #next-disabled {
    padding: 1px 32px 1px 10px;
}

#page-nav #previous a {
    background: url(../images/button-spotlight.png) no-repeat;
}

#page-nav #previous:hover a {
    background: transparent url(../images/button-spotlight.png) no-repeat 0 -18px;
}

#page-nav #next a {
    background: url(../images/button-spotlight.png) no-repeat right -36px;
}

#page-nav #next:hover a {
    background: transparent url(../images/button-spotlight.png) no-repeat right -54px;
}

#page-nav #previous-disabled {
    color: #D9D9D9;
    background: transparent url(../images/button-spotlight.png) no-repeat 0 -72px;
}

#page-nav #next-disabled {
    color: #D9D9D9;
    background: transparent url(../images/button-spotlight.png) no-repeat right -90px;
}

/*
 *   Sitemap
 */

#sitemap li {
    margin-left: -10px;
    margin-bottom: 3px;
    list-style-type: none;
}

#sitemap li.main-item {
    margin-top: 10px;
    margin-left: -20px;
    font-size: 116%;
    color: black;
}

#sitemap li.main-item a {
    color: black;
}

#sitemap li.sub-item {
    color: #107EC0;
}

#sitemap li.sub-item a {
}

/*
 *   Form design
 */

#form-box input[type=text] {
    width: 200px;
    border: 1px solid #333333;
}

#form-box select {
    width: 202px;
    border: 1px solid #333333;

}

#form-box textarea {
    border: 1px solid #333333;
    width: 200px;
}

#search-domain input {
    margin: 0 5px 5px 0;
}

#form-box #fillin {
    font-size: 11px;
}

#form-box #pleasefillin, #form-box #pleasefillin1, #form-box #pleasefillin2 {
    font-size: 14px;
    color: #FF3300;
}

/*
 *   Table design
 */

table {
    margin: 1em 0;
    background: #fff;
    border: 1px #D9D9D9 solid;
}

tr {
    height: 31px;
    /*background: url(../images/line-dotted.png) repeat-x 0 100%;*/
    border: 1px #D9D9D9 solid;
}

tr:first-child th, tr:first-child td {
    background: #E7E7E7 url(../images/bground-table.png) repeat-x;
    font-size: 108%;
}

th, td {
    border: none;
    padding: .25em 0.75em;
}

th, table.alt tr td:first-child {
    background: #F2F2F2;
    border-bottom: 1px #D9D9D9 solid;
    font-weight: bold;
}

td {
    border-left: 1px #D9D9D9 solid;
}

td:first-child {
    border-left: none;
    /*} colgroup.highlighted {
         background: #FFF7E5;
     } table th.highlighted, table tr:first-child td.highlighted {
         background: #E7E0CF url(../images/bground-table.png) repeat-x 0 -31px;
         */
}

table.resourceBlock { 
	width: 100%;
}

table.resourceBlock th { 
	text-align: center;
}

table.resourceBlock td { 
	border-left: none;
}

table.resourceBlock td:first-child { 
	width: 90%;
}

#main th p, #main td p {
    padding: 0;
    margin: 0;
}

#form-box table {
    margin: 1em 0;
    background: none;
    border: none;
}

#form-box tr {
    background: none;
    border: none;
}

#form-box th {
    background: none;
    text-align: center;
}

#form-box td {
    background: none;
    border: none;
}

#form-box th, #form-box td {
    height: auto;
    padding: .5em;
}

/* Partners Page */

#goldcases h2 {
    margin-left: 0px;
    font-size: 150%;
    margin-bottom: 20px;
}

#goldcases span {
    margin-left: 20px;
    position: absolute;
    width: 60%;
}

#silvercases h2 {
    margin-left: 0px;
    font-size: 150%;
    margin-bottom: 20px;
    margin-top: 20px;
}

#silvercases span {
    margin-left: 20px;
    position: absolute;
    width: 60%;
}

.base p.box-content {
    margin: 5px 0pt 7px;
}

.base p.box-content a {
    display: inline;
}

/*
 *   sIFR
 */

/*SIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-replaced, .sIFR-ignore {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
	margin: 0pt;
	padding: 0pt;
	overflow: auto;
	letter-spacing: 0px;
	float: none;
}

.sIFR-active #search > li {
	padding: 0 3px 0 4px;
} .sIFR-active #search {
	top: 11px;
} .sIFR-active #search .domain-link {
	visibility: hidden;
	position: relative;
	top: 8px;
	font-size: 116%;
} .sIFR-active #box-community {
	top: 28px;
}

.sIFR-active #home-menu h2 {
	margin-bottom: 0;
	visibility: hidden;
} .sIFR-active #home-menu ul {
	margin-top: 0;
}

.sIFR-active #left-nav .title {
	visibility: hidden;
	font-weight: normal;
	font-size: 138.5%;
}

.sIFR-active #main h1 {
	visibility: hidden;
	line-height: 1.231;
}*/

/* Try CMS Page */
.box-lightblue.try-cms .i3 {
    text-align: center;
    padding: 5px 4px;
    height: 80px;
}

.box-lightblue.try-cms a {
    font-size: 100%;
    padding: 0;
    margin: 0;
}

.try-cms.no-subtitle a {
    height: 36px;
}

.try-cms.no-subtitle a span {
    line-height: 45px;
}

.box-lightblue.try-cms span {
    display: block;
    font-size: 108%;
    font-weight: bold;
}

.box-lightblue.try-cms p {
    margin: 7px 0 0;
    line-height: 15px;
}

.box-lightblue.try-cms.no-margin {
    margin: 0;
}

.box-lightblue.try-cms span.small {
    font-size: 100%;
}

p.no-margin {
    margin: 0;
}

table.cms-users {
    width: 100%;
}

.box-note .title {
    color: #ef3b44;
    font-size: 131%;
    font-weight: bold;
    margin: 5px 0 5px 33px;
}

.box-note {
    margin: 0.5em 0 1.5em;
    width: 100%;
}

.box-note .bt {
    height: 2px;
    margin: 0 0 0 3px;
    background: url(../images/bground-box-note.png) no-repeat 100% 0;
}

.box-note .bt div {
    position: relative;
    left: -3px;
    width: 3px;
    height: 2px;
    background: url(../images/bground-box-note.png) no-repeat 0 0;
}

.box-note .bb {
    height: 2px;
    margin: 0 0 0 3px;
    background: url(../images/bground-box-note.png) no-repeat 100% 100%;
}

.box-note .bb div {
    position: relative;
    left: -3px;
    width: 3px;
    height: 2px;
    background: url(../images/bground-box-note.png) no-repeat 0 100%;
}

.box-note .i1 {
    border-left: 1px solid #ef3b44;
}

.box-note .i2 {
    border-right: 1px solid #ef3b44;
}

.box-note .i3 {
    padding: 10px 20px;
    background: transparent url(../images/icon-note.png) no-repeat 20px 10px;
}

.box-white .small-note {
    font-size: 85%;
    margin-top: 15px;
}

#bd .windows {
    background: url("../images/download-windows-trans.png") no-repeat scroll 0 0;
    display: block;
    float: left;
    font-weight: bold;
    height: 38px;
    margin: 3px 0px 0px 0px !important;
    padding: 2px 6px 1px 76px !important;
    width: 82px;
    color: #107EC0;
    cursor: pointer;
}

#bd .windows a {
    display: block;
}

#bd .apple {
    background: url("../images/download-osx-trans.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    font-weight: bold;
    height: 38px;
    margin: 3px 0px 0px 0px !important;
    padding: 2px 6px 1px 76px !important;
    width: 82px;
    color: #107EC0;
    cursor: pointer;
}

#bd .apple a {
    display: block;
}

#bd .linux {
    background: url("../images/download-linux-trans.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    font-weight: bold;
    height: 38px;
    margin: 3px 0px 0px 0px !important;
    padding: 2px 6px 1px 76px !important;
    width: 82px;
    color: #107EC0;
    cursor: pointer;
}

#bd .linux a {
    display: block;
}

.subtext_download {
    color: #4F4F4F;
    font-size: 9px;
    margin: 0 !important;
    padding: 0 0 4px 42px !important;
    text-align: center;
    width: 122px;
    word-spacing: 1px;
    cursor: pointer;
}

/* Downloads page custom css HIP-506*/
.tdhighlight {
    background-color: #fff6e5;
}

/* Left menu leads buttons & contact links HIP-486 */
#leads-buttons li {
    background: url(../images/button-leads.png) no-repeat;
    width: 198px;
    height: 27px;
    line-height: 27px;
    margin-bottom: 10px;
}

#leads-buttons li a {
    color: white;
    font-weight: bold;
    text-align: center;
    display: block;
}

#contact-links {
    padding-top: 5px;
    margin-bottom: 30px;
}

#contact-links li {
    margin-left: 15px;
    margin-bottom: 5px;
}

#contact-links li a {
    padding-left: 17px;
    color: #333;
}

#contact-links li.contact {
    background: url(../images/icon-contacttypes.png) no-repeat 0 1px;
}

#contact-links li.contact a:hover {
    cursor: pointer;
}

#contact-links li.webinar {
    background: url(../images/icon-contacttypes.png) no-repeat 0 -13px;
}

#contact-links li.chat {
    background: url(../images/icon-contacttypes.png) no-repeat 0 -27px;
}

/* Body - General - Contact page overlay */
#hippo-contact-overlay {
    display: none;
    width: 400px;
    -moz-box-shadow: 0 0 11px #000;
    -webkit-box-shadow: 0 0 11px #000;
    box-shadow: 0 0 11px #000;
}

#hippo-contact-overlay a.close {
    background: url("../images/close_button.png") no-repeat;
    position: absolute;
    right: -33px;
    top: -10px;
    cursor: pointer;
    height: 31px;
    width: 31px;
}

#hippo-contact-overlay a.close:hover {
    background: url("../images/close_button_hover.png") no-repeat;
}

#hippo-contact-overlay #form-box .arrow a {
    background: url("../images/form_arrow_r.png") no-repeat scroll 0 3px transparent;
    color: #107EC0;
    cursor: pointer;
    padding-left: 18px;
}

#hippo-contact-overlay #form-box .arrow a.open {
    background: url("../images/form_arrow_b.png") no-repeat scroll 0 3px transparent;
}

#hippo-contact-overlay #form-box tr.last {
    border-bottom: 1px solid;
    border-color: rgb(255, 220, 142);
}

#hippo-contact-overlay #form-box .i3 {
    padding-bottom: 0px;
}

#hippo-contact-overlay #form-box table {
    margin-bottom: 4px;
    width: 372px;
}

#hippo-contact-overlay #form-box table td {
    width: 140px;
}

#hippo-contact-overlay #form-box .privacy li {
    list-style-type: none;
    list-style-position: inside;
    margin-left: 0px;
}

/* Body - General - Contact page overlay */
#hippo-download-overlay {
    display: none;
    width: 400px;
    -moz-box-shadow: 0 0 11px #000;
    -webkit-box-shadow: 0 0 11px #000;
    box-shadow: 0 0 11px #000;
}

#hippo-download-overlay a.close {
    background: url("../images/close_button.png") no-repeat;
    position: absolute;
    right: -16px;
    top: -10px;
    cursor: pointer;
    height: 31px;
    width: 31px;
}

#hippo-download-overlay a.close:hover {
    background: url("../images/close_button_hover.png") no-repeat;
}

#hippo-download-overlay #form-box .arrow a {
    background: url("../images/form_arrow_r.png") no-repeat scroll 0 3px transparent;
    color: #107EC0;
    cursor: pointer;
    padding-left: 18px;
}

#hippo-download-overlay #form-box .arrow a.open {
    background: url("../images/form_arrow_b.png") no-repeat scroll 0 3px transparent;
}

#hippo-download-overlay #form-box tr.last {
    border-bottom: 1px solid;
    border-color: rgb(255, 220, 142);
}

#hippo-download-overlay #form-box .i3 {
    padding-bottom: 0px;
}

#hippo-download-overlay #form-box table {
    margin-bottom: 4px;
    width: 372px;
}

#hippo-download-overlay #form-box table td {
    width: 140px;
}

#hippo-download-overlay #form-box .privacy li {
    list-style-type: none;
    list-style-position: inside;
    margin-left: 0px;
}

#hippo-download-overlay #form-box #formtitle {
    font-size: 18px;
    padding-bottom: 14px;
}

#hippo-download-overlay strong#download-name-text {
    font-weight: bold;
}

p.webinar {
    cursor: pointer;
    color: #107EC0;
}

p.webinar:hover {
    cursor: pointer;
    color: #107EC0;
    text-decoration: underline;
}

/* Body - Downloadpage - Buttons */
p.downloadbutton {
    background: url("../images/button_platform.png") no-repeat scroll 24px 0 transparent;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-weight: bold;
    height: 35px;
    margin: 3px 0 0 !important;
    padding: 7px 0 1px !important;
}

p.downloadbutton:hover {
    text-decoration: underline;
}

div.webinarbutton {
    margin: 0;
}

div.webinarbutton a {
    font-weight: bold !important;
    text-align: center;
    padding-left: 0;
    width: 120px;
    margin: 0;
}

label.error {
    color: #FF3300;
}

#form-box input[type="text"].error {
    border: 2px solid #FF3300;
}

/*
 *   Video Overview
 *

 .videoCollection .videoThumb {
   float: left;
   width: 40px;

 }
 .videoCollection .videoText {
   float: left;
   width: 450px;
   padding: 0 5px;
 }
 .videoCollection .videoItem {
   clear: both;
   height: 80px;
 }
*/
 .videoCollection .videoItem {
    border-top: 1px solid #CCCCCC;
    min-height: 90px;
    padding-left: 110px;
    position: relative;
}

.videoCollection .videoThumb {
    height: 74px;
    left: 0;
    position: absolute;
    top: 10px;
    width: 98px;
}
.videoCollection .videoText {
    margin: 7px 0 10px;
}

.videoCollection .videoImage {
  cursor: pointer;
}