/***********************************************************************
  Reset CSS
  http://meyerweb.com/eric/tools/css/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, font, img, 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,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/***********************************************************************
  Base elements
***********************************************************************/

small {
    font-size: 0.875em; /* 16x0.875 = 14px */
}

hr {
    height: 0;
    border: none;
    border-bottom: 1px dotted #595F6C;
    padding: 0;
    padding-top: 5px;
    margin-bottom: 16px;
}
hr.section {
    margin-bottom: 20px;
}

sup, sub {
    line-height: 0px;
    position: relative;
    font-size: 0.8em;
    padding-left: 1px;
}
sup {
    top: -0.3em;
}
sub {
    bottom: -0.3em;
}

/***********************************************************************
  Crossbrowser Fixes
***********************************************************************/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
/* End hide from IE-mac */

/***********************************************************************
  Layout
***********************************************************************/

body {
    /*
    How to Size Text in CSS
    http://www.alistapart.com/articles/howtosizetextincss/
    */
    font-size: 100%;

    margin: 0 auto;
    color: #8E96A9;
    background: #181A21 url(/media/img/bg.png) no-repeat center top;
}

body, input, select, option, textarea {
     font-family: Arial, sans-serif;
}

div#top-line {
    background: #181A21;
    width: 100%;
    height: 15px;
    position: absolute;
    z-index: -1;
}

div#stage {
    width: 888px;
    padding-bottom: 18px;
}
div#header {
    width: 858px;
    margin-left: 25px;
}
div#header {
    margin-bottom: 20px;
}

div#stage {
    margin: 0 auto 10px auto;
}

div#logo {
    overflow: hidden;
}
#logo-print,
#print-info {
    display: none;
}

div#middle {
    font-size: 0.75em; /* 0.75x16 = 12px */
    line-height: 1.25em;
    width: 863px;
}

div#content-container {
    margin: 0 0 40px 25px;
/*     min-height: 500px; */
}
body#page-index div#content-container {
    margin: 0;
/*     min-height: auto; */
}

div#middle div#headline {
    margin: 0 0 0 25px;
    border-bottom: 1px #595F6C dotted;
}
div#middle div#headline h2 {
    margin-bottom: 5px;
    float: left;
}
div#middle div#headline div#filter {
    float: right;
    margin: 2px 198px 0 0;
}
div#middle div#headline div#filter .ui-selectmenu {
    padding-left: 8px;
    padding-right: 8px;
    display: block;
    position: relative;
    background: transparent url(/media/img/opacity50.png);
    border: none;
}

div#middle div#content {
    float: left;
    width: 640px;
    margin: 20px 20px 0 0;
}
body#page-index div#middle div#content {
    width: auto;
    margin-right: 0;
}
body.page-no-nav-sub div#middle div#content {
    margin-left: 0;
}
body.page-one-col div#middle div#content {
    width: 838px;
}

div#content-inner {
    padding: 0 20px;
}

div#footer {
    font-size: 0.6875em; /* 0.75x16 = 11px */
    padding: 8px 0;
    margin: 0 25px;
    border-top: 1px #595F6C dotted;
}
body#page-index div#footer {
    border-top: none;
}
/*body#page-index div#footer div#facebook-like {
    margin-top: 3px;
    margin-left: 8px;
}*/

.left    { float: left; }
.right   { float: right; }
.white   { color: white; }
.yuppies { color: #009ACA; }
.curved {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

h1 { display: none; }
h2 {
    font-size: 1.25em; /* 0.75x16x1.25 = 15px */
    margin-bottom: 20px;
    color: white;
    font-weight: normal;
    /*text-shadow: 2px 2px 0px #000;*/
}
h2.first, h2.content {
    margin-top: 0;
    color: white;
    /*letter-spacing: 1px;*/
    /*font-size: 1.8333em;*/ /* 0.75x16x1.8333 = 22px */
    /*font-size: 1.6666em;*/ /* 0.75x16x1.6666 = 20px */
    /*font-size: 1.5em;*/ /* 0.75x16x1.5 = 18px */
    font-size: 1.3333em; /* 0.75x16x1.3333 = 16px */
    line-height: 1.25em;
    margin-bottom: 20px;
    /*text-shadow: 2px 2px 0px #000;*/
}
h2.content {
    margin-bottom: 25px;
}
h3 {
    font-weight: normal;
    font-size: 1.166em; /* 0.75x16x1.166 = 14px */
    margin-bottom: 15px;
    color: white;
}
h4 {
    font-weight: normal;
    font-size: 1.0em; /* 0.75x16x1.0 = 12px */
    margin-bottom: 15px;
    color: white;
}
h4.big {
    font-size: 1.25em; /* 0.75x16x1.25 = 15px */
}

a,
a:visited {
    color: #009ACA;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
    color: white;
}
a.more {
    background: transparent url(/media/img/bullet-more.png) no-repeat 1px 1px;
    padding-left: 18px;
/*     font-size: .916em; */
}
div.more-container {
    padding: 5px 0;
    border-top: 1px dotted #595F6C;
    border-bottom: 1px dotted #595F6C;
}


em {
    font-style: normal;
    color: white;
}

p {
    margin-bottom: 11px;
}

p.subnav {
    padding-top: 20px;
}

table {
    margin-bottom: 9px;
}
table thead tr th {
    text-align: left;
    color: white;
    font-weight: normal;
    padding-bottom: 5px;
}
table tbody tr td {
    padding: 0 15px 2px 0;
    vertical-align: top;
}

.border-bottom {
    border-bottom: 1px dotted #595F6C;
    margin-bottom: 9px; /* results in 20px
                           p element has margin-bottom: 11px */
}
.no-border-top     { border-top: none !important; }
.no-border-bottom  { border-bottom: none !important; }
.no-padding-top    { padding-top: 0 !important; }
.no-padding-bottom { padding-bottom: 0 !important; }
.no-margin-top     { margin-top: 0 !important; }
.no-margin-bottom  { margin-bottom: 0 !important; }
.p-padding-top     { padding-top: 9px !important; }
                     /* results in 20px, p element has margin-bottom: 11px */

a.control {
    cursor: pointer;
}
a.control span {
    display: none;
}

ul {
    margin-bottom: 16px;
}
ul li {
    background: transparent url(/media/img/bullet-more.png) no-repeat 1px 1px;
    padding-left: 20px;
}
ul.links li {
    background: transparent url(/media/img/bullet-more.png) no-repeat 4px 2px;
}

/***********************************************************************
  Content
***********************************************************************/

div.section {
    border-top: 1px dotted #595F6C;
    padding-top: 20px;
    margin-top: 20px;
}
div.section-no-border {
    padding-top: 20px;
}

div.content-byline {
    font-size: .916em;
    padding: 5px 0;
    border-top: 1px dotted #595F6C;
    border-bottom: 1px dotted #595F6C;
    height: 15px;
    margin-bottom: 20px;
}
div.content-byline-customer {
    float: left;
    margin-right: 10px;
}
div.content-byline-body {
    float: left;
}
div.content-byline-date {
    float: right;
}

/***********************************************************************
  Forms
***********************************************************************/

input {
    border: 1px solid #595F6C;
}

select {
    margin-bottom: 10px;
}
form div.field {
    margin-bottom: 10px;
}
form div.field ul.errorlist {
    background: none;
    padding-left: 0;
    padding-top: 5px;
    color: red;
    margin-bottom: 5px;
}
form div.field ul.errorlist li {
    background: none;
    padding-left: 0;
}
form div.field label,
form div.field div {
    float: left;
}

form div.field label {
    padding-top: 2px;
}
form div.field label:hover {
    cursor: pointer;
}

form div.field-textinput div input,
form div.field-captchatextinput div input,
form div.field-passwordinput div input,
textarea,
select {
    border: 1px solid black;
    background: #1F212A;
    color: #8E96A9;
    font-size: 1em;
    padding: 2px 4px;
}
textarea {
    padding: 4px 4px;
    overflow: hidden;
}
form div.field-captchatextinput {
    margin-bottom: 15px;
}
form div.field-captchatextinput div input {
    margin: 3px 0 0 15px;
    vertical-align: top;
}
form div.field-captchatextinput img {
    border: 1px solid black;
    padding: 1px;
}

/*button.submit {
    background: transparent url(/media/img/bg-button-submit.png);
    width: 111px;
    height: 28px;
    border: none;
}
button.submit span {
    display: none;
}
button.submit:hover {
    cursor: pointer;
}*/

button {
    background: transparent url(/media/img/bg-button.png);
    width: 111px;
    height: 28px;
    border: none;
    position: relative;
}
button span {
    color: white;
    position: relative;
    width: 111px;
    height: 28px;
    display: block;
    top: 5px;
}
button:hover {
    cursor: pointer;
}

form div.field-textinput div input,
form div.field-captchatextinput div input,
form div.field-passwordinput div input {
    height: 15px;
    background: transparent url(/media/img/bg-textinput.png);
}

form div.field-textinput div input,
form div.field-textinput div ul.errorlist,
form div.field-passwordinput div input,
form div.field-passwordinput ul.errorlist {
    width: 160px;
}

form div.field-checkboxinput div input {
    margin: 0 5px 5px 0;
    height: 1%;
}
form div.field-checkboxinput div p.helptext {
    width: 300px;
}

form div.field-radioselect div input {
    margin-left: 0;
    border: 0;
}
form div.field-radioselect div label {
    clear: both;
}
form div.field-radioselect div ul li {
    clear: both; /* required by firefox2 */
}
/* clearfix
TODO: override django error template and set the clearfix class for the ul */
form div.field-radioselect div ul:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html form div.field-radioselect div ul {height: 1%;}
/* End hide from IE-mac */

span.required {
    color: white;
}

/***********************************************************************
  Navigation
***********************************************************************/

/*** Navigation- Meta ***/

div#nav-meta {
    font-size: 0.625em; /* 16x0.625 = 10px */
    /*background: #181A21;*/
    padding: 2px 0;
    width: 863px;
}
div#nav-meta a {
    color: #8E96A9;
}

div#nav-meta div#meta-links {
    text-align: right;
    float: right;
    margin-right: 20px;
}
div#nav-meta div#meta-links a {
    text-transform: uppercase;
}
/*div#nav-meta div#lang {
    float: right;
    padding-right: 5px;
}
div#nav-meta div#lang ul {
    margin-bottom: 0;
}
div#nav-meta div#lang ul li {
    margin: 0;
    display: inline;
    background: none;
    padding-left: 0;
}
div#nav-meta div#lang ul li a {
    text-transform: uppercase;
}
div#nav-meta div#lang ul li a#lang-current {
    color: #009ACA;
}
div#nav-meta div#lang ul li a#lang-current:hover {
    text-decoration: none;
}*/
div#nav-meta form#locale-switcher {
    float: right;
    margin-top: -2px;
}
div#nav-meta form#locale-switcher .ui-selectmenu {
    padding-left: 3px;
    padding-right: 3px;
    border: none;
    background: #181A21;
    border-left: 1px dotted #595F6C;
}
div#nav-meta form#locale-switcher .ui-selectmenu-icon {
    top: 2px;
}
div#nav-meta form#locale-switcher span {
    color: #009ACA;
}
ul#-menu.ui-selectmenu-menu li a {
    font-size: 0.833em;
}
/*div#nav-meta form#locale-switcher span {
    font-size: .7em;
}*/

/*** Navigation - Main ***/

div#nav-main-container {
    padding-top: 21px;
    font-size: 0.75em; /* 0.75x16 = 12px */
}
div#nav-main-container ul.nav-main {
    width: 838px;
    background: transparent url(/media/img/opacity50.png);
    padding: 1px 0;
    margin-bottom: 0;
}
div#nav-main-container ul li {
    padding: 0;
    float: left;
    border-right: 1px dotted #595F6C;
    background: none;
}
div#nav-main-container ul li.first {
    border-left: 1px dotted #595F6C;
}
div#nav-main-container a {
    text-transform: uppercase;
    color: #8E96A9;
    display: block;
    padding: 6px 15px;
}
div#nav-main-container ul.level-1 li a:hover {
    text-decoration: none;
    color: #009ACA;
}
div#nav-main-container ul.level-2 li a:hover,
div#nav-main-container ul.level-3 li a:hover {
    /*text-decoration: underline !important;*/
    color: #009ACA !important;
    background-color: #1F212A;
}
div#nav-main-container ul.level-1 li.nav-current,
div#nav-main-container ul.level-1 li.nav-current-path {
    background: #262931;
}
div#nav-main-container /*ul.level-1 */li.nav-current a {
    color: #009ACA;
    text-decoration: none;
}
div#nav-main-container ul.level-1 li.nav-current-path a {
    color: #009ACA;
}
div#nav-main-container ul li.right {
    border-left: 1px dotted #595F6C;
    margin-right: 0;
    float: right;
}

/* Dropdown Menu */

div#nav-main-container {
    position: relative;
    z-index: 1001;
}
div#nav-main-container ul.level-2 li,
div#nav-main-container ul.level-3 li,
div#nav-main-container ul.level-4 li {
    float: none;
    border: none;
}
div#nav-main-container ul.level-2 {
    width: 225px;
    display: none;
    position: absolute;
    background: transparent url(/media/img/opacity80.png);
    background: #0C0D11;
    z-index: 1001;
    margin-top: 12px;
    padding-bottom: 5px !important;
    padding-top: 5px;
    border: 1px solid black;
    -moz-box-shadow: 10px 10px 20px #000000;
}
div#nav-main-container li.nav-current-path ul.level-2 a {
    color: #8E96A9;
}
div#nav-main-container /*li.nav-current-path ul.level-2 */li.nav-current a/*,
div#nav-main-container li.nav-current-path a*/ {
    color: #009ACA;
}
div#nav-main-container ul.level-2 ul li {
    padding-right: 0;
    margin-left: 15px;
}
div#nav-main-container ul.level-2 a {
    font-weight: normal;
    text-transform: none;
/*     color: white !important; */
    padding: 4px 15px;
    text-transform: uppercase;
}
div#nav-main-container ul.level-2 ul {
    margin-top: 5px;
    margin-bottom: 5px;
    padding-bottom: 0;
}
div#nav-main-container ul.level-2 ul a {
    color: #8E96A9 !important;
    text-transform: none !important;
}
div#nav-main-container ul.level-2 li.nav-current,
div#nav-main-container ul.level-2 li.nav-current-path {
    background: none !important;
}
div#nav-main-container ul.level-2 ul li.nav-current a,
div#nav-main-container ul.level-2 ul li.nav-current-path a {
    color: #8E96A9 !important;
}
div#nav-main-container ul.level-2,
div#nav-main-container ul.level-3,
div#nav-main-container ul.level-4,
div#nav-main-container ul.level-2 li,
div#nav-main-container ul.level-3 li,
div#nav-main-container ul.level-4 li {
    margin-bottom: 0;
    padding-bottom: 0;
}

/*** Navigation - Breadcrumb ***/

/*
div#nav-main-breadcrumb-container {
    margin-bottom: 20px;
}
div#nav-main-breadcrumb-container span {
    display: block;
    float: left;
    margin-right: 5px;
}
div#nav-main-breadcrumb-container ul {
    float: left;
}
div#nav-main-breadcrumb-container ul#nav-main-breadcrumb li {
    display: inline;
    padding: 0 5px 0 15px;
    background: transparent url(/media/img/darrow.gif) no-repeat 0 center;
}
div#nav-main-breadcrumb-container ul#nav-main-breadcrumb li.first {
    background: none;
    padding-left: 5px;
}
div#nav-main-breadcrumb-container ul#nav-main-breadcrumb li.last a {
    color: white;
    text-decoration: underline;
}
*/

/*** Navigation - Sub ***/

div#nav-sub-container {
    margin-top: 20px;
    float: right;
    width: 175px;
    background: transparent url(/media/img/opacity40.png);
/*     border-bottom: 1px dotted #595F6C; */
}
div#nav-sub-container ul {
    padding: 5px 0 5px 10px;
    margin-bottom: 3px;
}
div#nav-sub-container ul ul {
    padding: 8px 15px 0 1px;
}
div#nav-sub-container ul li {
    padding-bottom: 2px;
    padding-left: 17px;
}
div#nav-sub-container ul li li {
    padding-left: 0;
}

/*div#nav-sub-container ul li ul li a {
    font-size: .9166em;
}*/
div#nav-sub-container ul li a {
    color: #8E96A9;
}
div#nav-sub-container ul li a.nav-current-path {
    color: #009ACA;
}
div#nav-sub-container ul li a.nav-current {
    color: #009ACA;
    text-decoration: none;
}
div#nav-sub-container ul.level-2 li.nav-current-path {
    /*background: transparent url(/media/img/bullet-nav-current.png) no-repeat 0 7px;*/
    background: transparent url(/media/img/bullet-more.png) no-repeat 0 6px;
}
div#nav-sub-container ul.level-2 li li.nav-current-path {
    background: none;
}
div#nav-sub-container ul.level-2 li {
    background: transparent url(/media/img/bullet-nav.png) no-repeat 0 6px;
    margin-bottom: 0;
}
div#nav-sub-container ul.level-2 li li {
    background: none;
    margin-bottom: 3px;
}

div#nav-sub-container ul.level-2 li a {
    display: block;
    padding: 5px 10px 0 0;
}
div#nav-sub-container ul.level-2 li.first a {
    border-top: none;
}
div#nav-sub-container ul.level-2 li li a {
    line-height: 1em;
    padding: 0;
    border-top: none;
}
/*div#nav-sub-container ul.level-2 li {
    margin-bottom: 5px;
}*/


/*
div#nav-sub-container div#nav-sub-root-node {
    width: 120px;
    padding: 3px 0;
    margin-bottom: 5px;
}
div#nav-sub-container div#nav-sub-root-node a {
    color: white;
}
*/

/*** Navigation - Footer ***/

div#nav-footer-container a {
    color: #8E96A9;
}
div#nav-footer-container ul {
    margin-bottom: 0;
    text-align: right;
    margin-bottom: 5px;
}
div#nav-footer-container ul li {
    display: inline;
    background: none;
    padding-left: 0;
    background: transparent url(/media/img/pipe.gif) no-repeat 5px 1px;
}
div#nav-footer-container ul li a {
    padding-left: 12px;
}
div#nav-footer-container ul li.first {
    background: none;
}
/*div#nav-footer-container ul li#nav-footer-entry-feeds a {
    background: transparent url(/media/cms/images/feed-icon-14x14.png) no-repeat 100% 0;
    padding-right: 19px;
}*/

div#nav-sitemap ul.level-0 {
    margin-left: 0;
}
div#nav-sitemap ul {
    margin: 5px 0 5px 15px;
}
div#nav-sitemap ul li {
    background: transparent url(/media/img/bullet-nav.png) no-repeat 0 2px;
    padding-left: 20px;
    margin-bottom: 2px;
}
div#nav-sitemap ul.nav-meta {
    margin-top: 15px;
}

/***********************************************************************
  Core Sets
***********************************************************************/

/*** Video Set ***/

/* Positioning expects video dimensions of 640*360 */
div.video-set-with-tabs {
    height: 409px;
    position: relative;
}
div.video-set-with-tabs ul.video-nav {
    position: absolute;
    top: 385px;
}

div.video-set ul.video-nav li,
div.vimeo-video-set-with-tabs ul.ui-tabs-nav li {
    float: left;
    padding: 5px 15px;
    border-left: 1px dotted #595F6C;
}
div.video-set ul.video-nav,
div.vimeo-video-set-with-tabs ul.ui-tabs-nav {
    border-right: 1px dotted #595F6C;
}
div.video-set ul.video-nav li.ui-tabs-selected,
div.vimeo-video-set-with-tabs ul.ui-tabs-nav li.ui-tabs-selected {
    background: #24262E;
}

div.video-set div.video-external-links {
    margin-top: 5px;
    float: right;
    font-size: 0.916em;
}
div.video-set div.video-external-links img {
    vertical-align: bottom;
    margin-left: 3px;
    margin-right: 2px;
}

/*** Vimeo Video Set ***/

div.vimeo-video-external-links {
    width: 640px;
    text-align: right;
    margin-bottom: 20px;
}

iframe.vimeo-video {
    margin-bottom: 10px;
}

div.vimeo-video-set-with-tabs ul.ui-tabs-nav {
    position: absolute;
    top: 365px;
}

div.vimeo-video-set-with-tabs div.video-external-links {
    margin-top: 0;
}

/*** Social Toolbar ***/

div#social-toolbar {
    padding-top: 20px;
}
.addthis_toolbox {
    float: right;
    font-size: 0.916em;
}
.addthis_toolbox img {
    margin-right: 2px;
}

/*** Social Networks ***/

div#social-networks img {
    margin-right: 10px;
}


/*** Image Set ***/

div#image-set {
    width: 640px;
    position: relative;
    overflow: hidden;
}
div#image-set div#image-set-inner {
    width: 530px;
    height: 83px;
    margin: 0 auto;
    padding: 20px 28px;
    border-top: 1px dotted #595F6C;
    border-bottom: 1px dotted #595F6C;
    background: #111217;
    overflow: hidden;
}
div#image-set div#image-set-inner div#viewport {
    width: 530px;
    overflow: hidden;
}
div#image-set div#image-set-inner div#viewport ul {
    position: relative;
}
div#image-set div#image-set-inner div#viewport li {
    width: 125px;
    height: 83px;
    float: left;
    margin-right: 10px;
    background: none;
    padding-left: 0;
}

div#image-set a.image-set-control {
    display: block;
    width: 32px;
    height: 118px;
    position: absolute;
    top: 3px;
    z-index: 1;
}
div#image-set a#image-set-control-next {
    left: 608px;
    background: transparent url(/media/img/ctrl-news-teaser-next.png) no-repeat;
}
div#image-set a#image-set-control-prev {
    left: 0;
    background: transparent url(/media/img/ctrl-news-teaser-prev.png) no-repeat;
}

/*** Download Set */

ul.download {
    margin-bottom: 0;
}
ul.download li,
ul.download-tabular li {
    height: 48px;
    margin-right: 30px;
    float: left;
    padding: 5px 0 0 64px;
    background-image: url(/media/img/icons/simplygrey/generic_48.png);
    background-color: transparent;
    background-repeat: no-repeat;
    width: 160px;
}
ul.download-2-items li {
    width: auto !important;
}
ul.download li a,
ul.download-tabular li a {
    padding: 8px 0 0 0;
}
ul.download li.application-pdf,
ul.download-tabular li.application-pdf {
    background-image: url(/media/img/icons/simplygrey/pdf_48.png);
    background-position:  -1px 0;
}
ul.download li.audio-mpeg,
ul.download-tabular li.audio-mpeg {
    background-image: url(/media/img/icons/simplygrey/mp3_48.png);
}
ul.download li.application-zip,
ul.download-tabular li.application-zip {
    background-image: url(/media/img/icons/simplygrey/zip_48.png);
}
ul.download li.application-rar,
ul.download-tabular li.application-rar {
    background-image: url(/media/img/icons/simplygrey/rar_48.png);
}
ul.download li.video-quicktime,
ul.download li.video-x-ms-wmv,
ul.download li.video-mpeg,
ul.download li.video-mp4,
ul.download li.flv-application-octet-stream,
ul.download li.video-x-flv,
ul.download-tabular li.video-quicktime,
ul.download-tabular li.video-x-ms-wmv,
ul.download-tabular li.video-mpeg,
ul.download-tabular li.video-mp4,
ul.download-tabular li.flv-application-octet-stream {
    background-image: url(/media/img/icons/simplygrey/video_48.png);
}
ul.download li.image-png,
ul.download-tabular li.image-png {
    background-image: url(/media/img/icons/simplygrey/png_48.png);
}
ul.download li.image-gif,
ul.download-tabular li.image-gif {
    background-image: url(/media/img/icons/simplygrey/gif_48.png);
}
ul.download li.application-postscript,
ul.download-tabular li.application-postscript {
    background-image: url(/media/img/icons/simplygrey/eps_48.png);
}

ul.download-stacked {
    margin-bottom: 0;
}
ul.download-stacked li {
    background: none;
    padding-left: 0;
    margin-bottom: 10px;
}

/*ul.download-stacked li.image-png {
    background-image: url(/media/img/icons/simplygrey/png_24.png);
}
ul.download-stacked li.image-gif {
    background-image: url(/media/img/icons/simplygrey/gif_24.png);
}
ul.download-stacked li.application-postscript {
    background-image: url(/media/img/icons/simplygrey/eps_24.png);
}*/

/*
ul.download-stacked li {
    height: 32px;
    padding: 2px 0 0 48px;
    margin-bottom: 8px;
    background: transparent url(/media/img/icons/simplygrey/generic_32.png) no-repeat;
}
ul.download-stacked li.image-png {
    background: transparent url(/media/img/icons/simplygrey/png_32.png) no-repeat;
}
ul.download-stacked li.image-gif {
    background: transparent url(/media/img/icons/simplygrey/gif_32.png) no-repeat;
}
ul.download-stacked li.application-postscript {
    background: transparent url(/media/img/icons/simplygrey/eps_32.png) no-repeat;
}
*/

/*
ul.download-stacked li {
    height: auto;
    padding: 2px 0 0 0;
    margin-bottom: 8px;
    background: none;
}
*/

/*** Paginator ***/

div.paginator ul {
    background: #111217;
    height: 16px;
    float: left;
    padding: 0 5px;
}
div.paginator ul li {
    background: none;
    display: inline;
    padding: 0 5px;
}
div.paginator ul li.current a {
    color: white;
}
div.paginator a.paginator-control {
    width: 26px;
    height: 16px;
}
div.paginator a.paginator-control span {
    display: none;
}
div.paginator a#paginator-next {
    background: transparent url(/media/img/bg-pager-next.png) no-repeat;
    float: left;
}
div.paginator a#paginator-prev {
    background: transparent url(/media/img/bg-pager-prev.png) no-repeat;
    float: left;
}

/***********************************************************************
  Page - Index
***********************************************************************/

body#page-index div#middle div#content {
    margin-top: 10px;
}

/*** Main Teaser ***/

body#page-index div#content ul {
    margin-bottom: 0;
}
body#page-index div#content ul li {
    background: none;
    padding-left: 0;
}

body#page-index div#main-teasers-container {
    width: 888px;
    position: relative;
    overflow: hidden;
}
body#page-index div#main-teasers-container #main-teasers {
    height: 315px;
    width: 838px;
    margin: 0 auto;
}

body#page-index div#main-teasers-container div.main-teaser {
    width: 838px;
    overflow: hidden;
}

body#page-index div#main-teasers-container div.main-teaser div.main-teaser-desc {
    padding: 20px 30px;
/*     width: 155px; */
    width: 165px;
    z-index: 1;
    position: relative;
    background: transparent url(/media/img/opacity80.png);
    height: 275px;
}
body#page-index div#main-teasers-container div.main-teaser div.main-teaser-desc h2 a {
    color: white;
}
body#page-index div#main-teasers-container div.main-teaser div.main-teaser-image {
    position: absolute;
}
body#page-index div#main-teasers-container div.main-teaser div.main-teaser-desc a.more {
/*     position: absolute; */
/*     bottom: 20px; */
}


body#page-index #main-teasers-container a.main-teaser-control {
    margin-top: 25px;
    width: 32px;
    height: 264px;
    position: absolute;
    z-index: 1001;
    display: none;
}
body#page-index #main-teasers-container a#main-teaser-next {
    background: transparent url(/media/img/ctrl-main-teaser-next.png) no-repeat;
    left: 856px;
}
body#page-index #main-teasers-container a#main-teaser-prev {
    background: transparent url(/media/img/ctrl-main-teaser-prev.png) no-repeat;
}


div.section div#facebook-like {
    padding-top: 19px;
    padding-right: 25px;
}
div.section div#google-plusone {
    padding-top: 19px;
}

/*** Intro Text ***/

body#page-index div#intro {
    padding: 15px 0 11px 32px;
    width: 829px;
}
/*body#page-index */div#intro p#intro-head {
/*     font-size: 1.833em; */
/*     font-size: 2.08275em; */
    font-size: 1.9166em;
    line-height: 1.25em;
    margin-bottom: 20px;
/*     margin-bottom: 10px; */
}
/*body#page-index div#intro a {
    color: #8E96A9;
    text-decoration: underline;
}
body#page-index div#intro a:hover {
    color: white;
    text-decoration: none;
}*/

div#content-intro {
    font-size: 1.5em;
/*     font-size: 1.666em; */
    line-height: 1.222em;
    margin-bottom: 16px;
    border-bottom: 1px dotted #595F6C;
    padding-bottom: 18px;
}

body#page-index div#content div#intro ul li {
    background: transparent url(/media/img/bullet-more.png) no-repeat 1px 1px !important;
    padding-left: 18px !important;
}
body#page-index div#content div#intro ul.left {
    width: 187px;
}
body#page-index div#content div#intro ul.right {
    float: left;
}

body#page-index div#intro div#intro-body div {
    float: left;
    width: 393px;
    margin-bottom: 10px;
}
body#page-index div#intro div#intro-body div#intro-body-left {
    padding-right: 38px;
}
body#page-index div#intro div#intro-body div#intro-body-right img {
    margin-top: 22px;
}

/*** News Teaser ***/

div#news-teaser-set {
    width: 888px;
    position: relative;
    overflow: hidden;
}
div#news-teaser-set div#news-teaser-set-inner {
    width: 838px;
    height: 122px;
    margin: 0 auto;
    border-top: 1px dotted #595F6C;
    border-bottom: 1px dotted #595F6C;
    overflow: hidden;
}
div#news-teaser-set div#news-teaser-set-inner div#viewport {
    width: 838px;
    overflow: hidden;
}
div#news-teaser-set div#news-teaser-set-inner div#viewport ul {
    position: relative;
    padding: 2px 0;
    height: 116px;
    overflow: hidden;
}
div#news-teaser-set div#news-teaser-set-inner div#viewport ul li {
    background: #111217;
/*     width: 237px; */
    width: 376px;
    padding: 10px 20px;
    height: 98px;
    float: left;
    margin-right: 2px;
}

div#news-teaser-set div#news-teaser-set-inner div#viewport ul li div.teaser-image {
    width: 106px;
    height: 63px;
    float: left;
    background: transparent url(/media/img/bg-news-teaser-image.png) no-repeat;
}
div#news-teaser-set div#news-teaser-set-inner div#viewport ul li div.description {
    margin-left: 121px;
}

div#news-teaser-set div#news-teaser-set-inner div#viewport ul li div.description div.date {
    margin-bottom: 5px;
}
div#news-teaser-set div#news-teaser-set-inner div#viewport ul li div.description div.title {
    margin-bottom: 2px;
}
div#news-teaser-set div#news-teaser-set-inner div#viewport ul li div.description div.title a {
    font-weight: bold;
    color: #8E96A9;
}

div#news-teaser-set a.image-set-control {
    display: block;
    width: 32px;
    height: 118px;
    position: absolute;
    top: 3px;
    z-index: 1;
}
div#news-teaser-set a#news-teaser-set-control-next {
    left: 856px;
    background: transparent url(/media/img/ctrl-news-teaser-next.png) no-repeat;
}
div#news-teaser-set a#news-teaser-set-control-prev {
    left: 0;
    background: transparent url(/media/img/ctrl-news-teaser-prev.png) no-repeat;
}

/* First Visit */

body#page-index div#first-visit {
    position: fixed;
    z-index: 5000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: transparent url(/media/img/opacity80.png);
    display: none;
}
body#page-index div#first-visit div#first-visit-inner {
    padding: 14px 140px 10px 140px;
    width: 640px;
    z-index: 5001;
    position: fixed;
    top: 0;
    left: 50%;
    margin-left: -460px;
    background: #181A21 url(/media/img/bg.png) no-repeat center top;
}
body#page-index div#first-visit div#first-visit-inner object,
body#page-index div#first-visit div#first-visit-inner embed {
    z-index: 5002;
}
body#page-index div#first-visit div#first-visit-logo {
    margin-bottom: 23px;
}
body#page-index div#first-visit div#first-visit-video {
    margin-bottom: 15px;
}
body#page-index div#first-visit div#first-visit-intro {
    font-size: 1.5em;
    line-height: 1.25em;
    margin-bottom: 35px;
}
body#page-index div#first-visit div#first-visit-button {
    margin-left: 385px;
    margin-bottom: 50px;
}
body#page-index div#first-visit-button img {
    cursor: pointer;
}
body#page-index div#first-visit div#first-visit-footer {
    position: fixed;
    background: #000;
    width: 100%;
    height: 2000px;
}

/***********************************************************************
  Page - Login
***********************************************************************/

body#page-login div#content form div.field label {
    width: 100px;
}
body#page-login div#content form div#field_id_username ul.errorlist,
body#page-login div#content form div#field_id_password ul.errorlist{
    display: none;
}
body#page-login div#content form div.field ul#errorlist-login {
    width: 160px;
    margin-left: 100px;
    padding: 0;
}

body#page-login div#content form button.submit {
    margin-left: 100px;
}

/***********************************************************************
  Page - Imprint
***********************************************************************/

body#page-imprint p {
    width: 540px;
}
body#page-imprint h2 {
    margin-bottom: 10px;
}
body#page-imprint div#content {
    margin-bottom: 20px;
}

/***********************************************************************
  Page - Event
***********************************************************************/

div#event-intro {
    padding-bottom: 10px;
    border-bottom: 1px dotted #595F6C;
    margin-bottom: 20px;
}
div#event-intro p {
    width: 600px;
}

body#page-event-login form div.field label {
    width: 70px;
}
body#page-event-login form input.submit {
    margin-left: 70px;
}

body#page-event-subscribe form {
    padding-left: 20px;
    border-bottom: 1px dotted #595F6C;
    padding-bottom: 20px;
}

body#page-event-subscribe form div.field label {
    width: 90px;
}
body#page-event-subscribe form input.submit {
    margin-left: 90px;
}
body#page-event-subscribe form div.field-radioselect ul li label {
    width: 600px;
}

body#page-event-subscribe form div#field_id_salutation select {
    margin-bottom: 0;
}
body#page-event-subscribe form div#field_id_first_name,
body#page-event-subscribe form div#field_id_email,
body#page-event-subscribe form div#field_id_zipcode {
    float: left;
    margin-right: 10px;
}
body#page-event-subscribe form div#field_id_last_name,
/*body#page-event-subscribe form div#field_id_phone,*/
body#page-event-subscribe form div#field_id_city {
    float: left;
}
body#page-event-subscribe form div#field_id_medium,
body#page-event-subscribe form div#field_id_subscribe,
body#page-event-subscribe form div#field_id_zipcode,
body#page-event-subscribe form div#field_id_street {
    clear: both;
}

body#page-event-subscribe form div.field-radioselect label.field {
    visibility: hidden;
}

body#page-event-subscribe form div#field_id_assistance,
body#page-event-subscribe form div#field_id_time {
    margin-left: 20px;
}
body#page-event-subscribe form div#field_id_time ul {
    padding-top: 10px;
}

body#page-event-subscribe form div#field_id_subscribe ul {
    width: 500px;
}

div#event-details  {
    margin-bottom: 25px;
    background: #111217;
    border: 1px solid #595F6C;
    padding: 20px;
}
div#event-details h2 {
    margin-top: 0;
    color: white;
}
div#event-details span {
    font-weight: bold;
}

body#page-event-info div#event-info-video {
    border-bottom: 1px dotted #595F6C;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
body#page-event-info div#event-info-text {
    float: left;
    width: 300px;
}
body#page-event-info div#panel-slider {
    height: 331px;
}

body#page-event-info div#event-timeline p.accreditation {
    padding: 15px 0 0 0;
    margin: 0;
}

/***********************************************************************
  Page - News
***********************************************************************/

body#page-news-list div.article {
    padding-bottom: 9px; /* 11+9 = 20px */
    border-bottom: 1px dotted #595F6C;
    margin-bottom: 10px;
}
body#page-news-list div.article div.date {
    margin-bottom: 8px;
    font-size: 0.91666em; /* 0.75x16x0.91666 = 11px */
}
body#page-news-list div.article div.title {
    font-size: 1.25em;
    color: white;
    margin-bottom: 6px;
}
body#page-news-list div.article div.title a {
    color: white;
}
body#page-news-list div.article div.teaser-image {
    width: 106px;
    height: 63px;
    float: left;
    background: transparent url(/media/img/bg-news-teaser-image.png) no-repeat;
}
body#page-news-list div.article div.article-details {
    margin-left: 120px;
}

body#page-news-detail div.date {
    font-size: 0.91666em; /* 0.75x16x0.91666 = 11px */
    margin-bottom: 8px;
}

/***********************************************************************
  Page - Projects
***********************************************************************/

body#page-projects-list div#content {
    width: 838px;
}

body#page-projects-list h2 {
    /*display: none;*/ /* disabled in favour of intro text */
}
body#page-projects-list div#content ul {
    margin-bottom: 0;
}
body#page-projects-list div#content ul li {
    background: none;
    padding-left: 0;
}

body#page-projects-list div.project {
    margin: 0 20px 25px 0;
/*     height: 303px; */
/*     height: 277px; */
    height: 229px;
    float: left;
/*     width: 310px; */
    width: 266px;
    overflow: hidden;
    background: transparent url(/media/img/opacity40.png);
}
body#page-projects-list div.project-odd {
    margin-right: 0;
}
body#page-projects-list div.project div.project-teaser-image {
/*    width: 310px;
    height: 174px;*/
    width: 266px;
    height: 148px;
    margin-bottom: 14px;
}

body#page-projects-list div.project div.project-details {
    padding: 0 10px 0 10px;
}

body#page-projects-list div.project div.project-title {
    font-size: 1.25em;
    color: white;
/*     margin-bottom: 6px; */
    margin-bottom: 11px;
}
body#page-projects-list div.project div.project-title a {
    color: white;
}
body#page-projects-list div.project div.project-teaser-text {
    height: 48px;
    margin-bottom: 5px;
    display: none;
}
/*
body#page-projects-list div.project div.content-byline {
    height: 30px;
    margin-bottom: 5px;
    padding-bottom: 0;
    border-bottom: none;
}
*/
body#page-projects-list div.project div.project-link {
    padding: 5px 0;
    border-top: 1px dotted #595F6C;
    border-bottom: 1px dotted #595F6C;
}

/***********************************************************************
  Page - Press Review
***********************************************************************/

body#page-press-review-list table {
    width: 100%;
}
body#page-press-review-list table td {
    padding-top: 10px;
}
body#page-press-review-list table td.first {
    padding-top: 0;
}
body#page-press-review-list table td.date {
    width: 60px;
}

/***********************************************************************
  Page - Press Material
***********************************************************************/

body#page-press-material div.section img,
body#page-press-material div.section-no-border img {
    margin-bottom: 12px;
}

/***********************************************************************
  Page - Service
***********************************************************************/

/*body#page-services-list div#content {
    width: 838px;
}

body#page-services-list div#content ul {
    margin-bottom: 0;
}
body#page-services-list div#content ul li {
    background: none;
    padding-left: 0;
}

body#page-services-list div.service {
    margin: 0 20px 25px 0;
    height: 229px;
    float: left;
    width: 266px;
    overflow: hidden;
    background: transparent url(/media/img/opacity40.png);
}
body#page-services-list div.service-odd {
    margin-right: 0;
}
body#page-services-list div.service div.service-teaser-image {
    width: 266px;
    height: 148px;
    margin-bottom: 14px;
}

body#page-services-list div.service div.service-details {
    padding: 0 10px 0 10px;
}

body#page-services-list div.service div.service-title {
    font-size: 1.25em;
    color: white;
    margin-bottom: 11px;
}
body#page-services-list div.service div.service-title a {
    color: white;
}
body#page-services-list div.service div.service-teaser-text {
    height: 48px;
    margin-bottom: 5px;
    display: none;
}
body#page-services-list div.service div.service-link {
    padding: 5px 0;
    border-top: 1px dotted #595F6C;
    border-bottom: 1px dotted #595F6C;
}
*/
/* --- Technical Services --- */

ul.technical-service-list li {
    background: transparent url(/media/img/opacity40.png);
    padding-left: 0;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

div.technical-service-logo-container {
    width: 200px;
}
div.technical-service-logo {
    width: 200px;
    height: 74px;
    background: transparent url(/media/img/opacity40.png);
    padding: 30px 0 7px 0;
    text-align: center;
}
div.technical-service-details {
    width: 200px;
/*     text-align: center; */
}
ul.technical-service-list li.last-in-row {
    margin-right: 0;
}
ul.technical-service-list li div.technical-service-title {
    font-size: 1.2em;
    padding: 10px 10px 0 10px;
}
ul.technical-service-list li div.technical-service-title a {
    color: white;

}

ul.technical-service-list li div.technical-service-link,
div.technical-service-logo-container div.technical-service-title {
    padding: 5px 10px 5px 0;
    margin: 10px;
    border-bottom: 1px dotted #595F6C;
    border-top: 1px dotted #595F6C;
}
ul.technical-service-list li div.technical-service-link a {
/*     color: white; */
    text-decoration: none;
}
ul.technical-service-list li div.technical-service-link a:hover {
    text-decoration: underline;
}

body#page-technical-service-detail div.technical-service-logo-container {
    background: transparent url(/media/img/opacity40.png);
}
body#page-technical-service-detail div.technical-service-logo-container {
    float: right;
    margin-bottom: 6px;
}
body#page-technical-service-detail div.technical-service-text {
    float: left;
    width: 400px;
}

/***********************************************************************
  Page - Contact
***********************************************************************/

body#page-kontakt div#google-map-canvas {
    width: 640px;
    height: 300px;
    margin-bottom: 11px;
}
body#page-kontakt div#google-map-canvas a:hover {
    color: #009ACA;
    text-decoration: underline;
}

/***********************************************************************
  Page - Team
***********************************************************************/

div#team-images {
    width: 640px;
}

div#team-images div.team-member img.team-member-ajax-indicator {
    display: none;
    position: absolute;
    top: 80px;
    left: 44px;
}

div#team-images div.team-member {
    position: relative;
    float: left;
    background: #14151B;
    padding-top: 10px;
}
div#team-images div.team-member-odd {
    margin-right: 0;
}

div#team-images div.team-member-image {
    padding: 0 37px;
    text-align: center;
}
div#team-images div.team-member-description {
    padding: 10px 0 10px 37px;
    width: 176px;
/*     background: transparent url(/media/img/opacity80.png); */
    background: #0C0D11;
    height: 65px;
}
div#team-images div.team-member-description div.name {
    color: white;
    margin-bottom: 3px;
}
div#team-images div.team-member-description div.job-title,
div#team-images div.team-member-description div.academic-title,
div#team-images div.team-member-description div.email {
    font-size: 0.91666em;
}
div#team-images div.team-member-description div.email {
    display: none;
}

div#team-images div.team-member-image div.team-member-images {
    position: relative;
    display: block;
    width: 125px;
    height: 160px;
    overflow: hidden;
}

/***********************************************************************
  Page - Members
***********************************************************************/

body#page-members-list div#member-features-container {
    float: left;
    width: 320px;
}
body#page-members-list div#quick-downloads {
    float: left;
    width: 320px;
    /*display: none;*/ /* enabled in js */
}

body#page-members-list ul.links {
    margin-bottom: 10px;
}

body#page-members-list ul.member-features {
    margin-bottom: 0;
    margin-right: 40px;
}
body#page-members-list ul.member-features li {
    line-height: 16px;
    background: transparent url(/media/img/icons/simplygrey/star_16.png) no-repeat 0 0;
    padding-left: 24px;
    margin-bottom: 16px;
    border-bottom: 1px dotted #595F6C;
}
body#page-members-list ul.member-features li ul li {
    background: none;
    padding-left: 0;
    border-bottom: none;
    margin-bottom: 5px;
}
body#page-members-list ul.member-features li div.feature {
    margin-bottom: 3px;
    color: white;
}
body#page-members-list ul.member-features li ul div.feature {
    margin: 5px 0 3px 0;
/*     color: #8E96A9; */
}
body#page-members-list ul.member-features li div.detail {
    font-size: 0.91666em;
}

body#page-members-detail div.company-logo {
    /*float: right;*/
    margin: 0 0 15px 0;
    padding: 10px;
    background: transparent url(/media/img/opacity40.png);
    border: 1px dotted #595F6C;
    border-left: none;
    border-right: none;
}

body#page-members-detail ul.download li,
body#page-members-detail ul.download-tabular li {
    width: 225px;
    padding-bottom: 5px;
}

body#page-members-detail div#unity-player {
    background: #000000;
    width: 640px;
    height: 360px;
    text-align: center;
}

body#page-members-detail div#unity-player div.missing {
    padding-top: 149px;
}

/***********************************************************************
  Page - Contact
***********************************************************************/

body#page-kontakt div#facebook-like {
    margin-top: 15px;
}

/***********************************************************************
  Page - Contact Form
***********************************************************************/

body#page-contact-form form {
    padding-bottom: 20px;
}
body#page-contact-form form ul {
    margin-bottom: 0;
}
body#page-contact-form form ul li {
    background: none;
    padding-left: 0;
}
body#page-contact-form form div.field label {
    width: 100px;
}
body#page-contact-form form div.field-textinput input,
body#page-contact-form form div.field-textinput div ul.errorlist {
    width: 220px;
}
body#page-contact-form form button.submit {
    margin-left: 100px;
}
body#page-contact-form form div#field_id_company,
body#page-contact-form form div#field_id_country,
body#page-contact-form form div#field_id_phone {
    padding-bottom: 10px;
}

body#page-contact-form form div#field_id_city {
    /* Kinda hacky, but we need space for an error message below the zipcode
       position: relative; */
    /* left: 236px; */
}
body#page-contact-form form div#field_id_zipcode input {
    width: 40px;
}
body#page-contact-form form div#field_id_zipcode ul.errorlist {
    width: 40px;
}
body#page-contact-form form div#field_id_zipcode,
body#page-contact-form form div#field_id_city {
    float: left;
}
body#page-contact-form form div#field_id_country {
    clear: both;
}
body#page-contact-form form div#field_id_city {
    margin-left: 5px;
}
body#page-contact-form form div#field_id_city input {
    width: 135px;
}
body#page-contact-form form div#field_id_city label {
    width: 30px;
}

body#page-contact-form #id_recipient-menu {
    padding-bottom: 0;
}

/*body#page-contact-form #id_message {
    width: 399px;
    height: 150px;
    padding-right: 135px;
}*/
/*
body#page-contact-form #avatar {
    top: 350px;
    right: 0;
    position: relative;
    width: 125px;
    height: 160px;
    border: 1px solid black;
    background: #1F212A;
}*/

/***********************************************************************
  Page - Partners
***********************************************************************/

body#page-partners table#partner {
    width: 640px;
    margin-top: 5px;
}
body#page-partners table#partner td {
    width: 213px;
    padding-bottom: 20px;
}
body#page-partners table#partner td.last-row {
    margin-bottom: 0;
}

/***********************************************************************
  jQuery
***********************************************************************/

/* --- jQuery-ui --- */

.ui-tabs .ui-tabs-hide {
    display: none;
}
.ui-tabs li {
    background: none;
}

/* --- jQuery panel slider --- */

div#panel-slider {
    float: left;
    position: relative;
    left: 10px;
    width: 645px;
    height: 290px;
}
div#panel-slider #left_slide {
    width: 300px;
    position: absolute;
    left: 0;
    top: 80px;
    z-index: 1;
}
div#panel-slider #center_slide {
    width: 478px;
    position: absolute;
    left: 84px;
    top: 0;
    z-index: 2;
}
div#panel-slider #right_slide {
    width: 300px;
    position: absolute;
    left: 345px;
    top: 80px;
    z-index: 1;
}
div#panel-slider img {
    border: 1px solid #595F6C;
}

div#panel-slider-container {
    background: #111217;
    padding: 20px 0 9px 20px;
    margin-bottom: 20px;
    overflow: hidden;
}
div#panel-slider-text {
    width: 270px;
    float: left;
}
div#panel-slider-text h2 {
    margin-top: 0;
    color: white;
}