/*!
 * Bundesliga-Barometer stylesheet
 * http://helmuth-lammer.at/
 *
 * Copyright 2012, Helmuth Lammer and Matthias Haubner
 *  This stylesheet is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This stylesheet is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You can find a copy of the GNU General Public License on my website
    <http://www.helmuth-lammer.at/gpl.txt>.  If not, see <http://www.gnu.org/licenses/>.

    Dieses Stylesheet ist Freie Software: Sie können es unter den Bedingungen
    der GNU General Public License, wie von der Free Software Foundation,
    Version 3 der Lizenz oder (nach Ihrer Option) jeder späteren
    veröffentlichten Version, weiterverbreiten und/oder modifizieren.

    Dieses Stylesheet wird in der Hoffnung, dass es nützlich sein wird, aber
    OHNE JEDE GEWÄHRLEISTUNG, bereitgestellt; sogar ohne die implizite
    Gewährleistung der MARKTFÄHIGKEIT oder EIGNUNG FÜR EINEN BESTIMMTEN ZWECK.
    Siehe die GNU General Public License für weitere Details.

    Sie sollten eine Kopie der GNU General Public License auf meiner Website finden
    <http://www.helmuth-lammer.at/gpl.txt>. Wenn nicht, siehe <http://www.gnu.org/licenses/>.
 *
 * Date: Thu May 22 11:04:00 2012 -0200
 */

root {
    display: block;
}

body {

    margin: 0px;
    padding: 0px;

    font-family: "Calibri", "Arial", "Helvetica",
    sans-serif;
    /*background: url('/pictures/layout/gras.jpg');*/
    background: url('/pictures/layout/bg_2015.jpg') center top;
    background-attachment: fixed;
    font-size: 15px;
}

ul.coolist {
    counter-reset: li; /* Initiate a counter */
    list-style: none; /* Remove default numbering */
    *list-style: decimal; /* Keep using default numbering for IE6/7 */
    font: 15px 'trebuchet MS', 'lucida sans';
    padding: 0;
    margin-bottom: 4em;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
}

ul.coolist li {
    position: relative;
    display: block;
    padding: .4em .4em .4em 2em;
    *padding: .4em;
    margin: .5em 0;
    background: #ddd;
    color: #444;
    text-decoration: none;
    -moz-border-radius: .3em;
    -webkit-border-radius: .3em;
    border-radius: .3em;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

ul.coolist li:before {
    content: counter(li);
    counter-increment: li;
    position: absolute;
    left: -1.3em;
    top: 50%;
    margin-top: -1.3em;
    /*    background: #87ceeb;*/

    background: #B95D61;
    background: -webkit-gradient(linear, left top, left bottom, from(#B95D61), to(#DA6D7A));
    background: -moz-linear-gradient(top, #B95D61, #DA6D7A);

    color: #fff;
    text-shadow: 0px 1px 1px #da001a;

    height: 2em;
    width: 2em;
    line-height: 2em;
    border: .3em solid #fff;
    text-align: center;
    font-weight: bold;
    -moz-border-radius: 2em;
    -webkit-border-radius: 2em;
    border-radius: 2em;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

ul.coolist :last-child {
    background: transparent;
}

div.row > p > a, div.row > a, div.row ul a, p a {
    color: #e3001b;
    text-decoration: none;
}

div.row > p > a:hover, div.row > a:hover, div.row ul a:hover, p a:hover {
    color: #fff;
    background-color: #e3001b !important;
    text-decoration: none;
}

div.tabs {
    position: relative;
    left: 0px;
    padding-left: 20px;
    /*top: 180px;*/
    display: block;
    white-space: nowrap;
    margin-bottom: 60px;
}

div.tab-name { /* beschriftung */
    position: relative;
    float: left;
    white-space: nowrap;
    color: white;
    padding: 4px;
    padding-bottom: 4px;
    padding-left: 8px;
    padding-right: 30px;

    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.55);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.55);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.55);

    font-size: 24px;
    line-height: 35px;
    text-align: center;
    font-weight: bold;

    text-shadow: #a80008 0 -1px 1px;
    background: #da001a;
    background: -webkit-gradient(linear, left top, left bottom, from(#da001a), to(#b90009));
    background: -moz-linear-gradient(top, #da001a, #b90009);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

    -webkit-top-left-border-radius: 8px;
    -moz-border-radius-top-left: 8px;
    border-top-left-radius: 8px;

    -webkit-top-right-border-radius: 8px;
    -moz-border-radius-top-right: 8px;
    border-top-right-radius: 8px;

    min-width: 140px;
    margin-bottom: 5px;
    cursor: pointer;
    margin-right: 10px;
}

div.tabs.small-tabs.articles {
    margin-top: 140px;
    margin-bottom: 60px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    height: 42px;
}

div.tabs.small-tabs div.tab-name {
    font-size: 11px;
    line-height: 13px;
    width: auto;
    font-weight: normal;
    margin-bottom: 0px;
}

div.tabs.small-tabs div.tab-name.inactive {
    text-shadow: none;
    color: #444;
}

div.tab-name.active {
    z-index: 1;
    -webkit-bottom-left-border-radius: 0px;
    -moz-border-radius-bottom-left: 0px;
    border-bottom-left-radius: 0px;

    -webkit-bottom-right-border-radius: 0px;
    -moz-border-radius-bottom-right: 0px;
    border-bottom-right-radius: 0px;
}

div.tab-name.inactive {
    background: #888;
    background: -webkit-gradient(linear, left top, left bottom, from(#aaa), to(#888));
    background: -moz-linear-gradient(top, #aaa, #888);

    color: #ccc;
    text-shadow: #ddd 0 1px 1px;
}

div.tab-name:hover {
    background: #b90009;
    background: -webkit-gradient(linear, left top, left bottom, from(#b90009), to(#da001a));
    background: -moz-linear-gradient(top, #b90009, #da001a);

    color: white;
    text-shadow: #a80008 0 -1px 1px;
}

div.tab-page > span:hover {
    background-color: #ccc;

}

div.tab-page > div {
    border: 4px solid green;
    /*display: none;*/
}

#top-band {
    /* height: 40px;*/
    /*background-color: #fff;*/
}

#header {


}

div.like-buttons {
    height: 20px;
    position: relative;
    z-index: 7;
}

a#main-link {
    position: relative;
    display: block;

    /*    width: 100%;*/
    height: 191px;
    /* background: url('/pictures/layout/logo_neu.png') no-repeat;*/
    background: url('/pictures/layout/logo.png') no-repeat;
    /*background-position: -810px 39px;*/

    /*background: url('/pictures/layout/logo_new.png') no-repeat;
    top: 57px;
    width: 260px;*/

    margin: auto;
    top: 60px;
    width: 315px;

    padding-top: 10px;

    z-index: 11;
    text-decoration: none;
}

#questionaries-count {

    /*  position: absolute;
      left: 50%;
      margin-left: 80px;*/
    margin-left: 254px;
    margin-top: 21px;
    cursor: pointer;


    display: block;
    width: 35px;
    height: 35px;

    background: #da001a;
    background: -webkit-gradient(linear, left top, left bottom, from(#da001a), to(#b90009));
    background: -moz-linear-gradient(top, #da001a, #b90009);

    text-align: center;
    line-height: 35px;
    font-size: 20px;
    color: #ddd;
    text-shadow: #a80008 0 -1px 1px;
    font-weight: bold;
    text-decoration: none;

    border: 2px solid #ccc;
    box-shadow: 0px 0px 6px #222;

    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;

    z-index: 12;
}

#questionaries-count:hover {
    box-shadow: 0px 0px 16px #fff;
    color: #fff;
}

a#home_link {
    position: absolute;
    left: 50%;
    margin-left: -390px;
    width: 780px;
    height: 57px;

    /*background: url('/pictures/layout/banner.png') top left no-repeat;*/
}

#navigation {

    /*background: -webkit-gradient(linear, left top, left bottom, from(#96B25A), to(#76923A));*/
    height: 156px;

    position: relative;

    left: 50%;
    top: -54px;
    margin-left: -500px;
    width: 900px;
    text-align: center;

}

#navigation ul {
    list-style-type: none;
}

#navigation li {
    float: left;
    /*width: 140px;*/
    height: 44px;
    margin-top: 0px;

    color: #fff;
    margin-left: 15px;
    z-index: 2;

    line-height: 44px;
    background: url('/pictures/layout/li_top_nav.png') right top no-repeat;
    padding-right: 20px;
    padding-left: 10px;

    text-transform: uppercase;

}

#navigation li:hover {

    color: #efefef;

}

#navigation li.active {

    /*background-color: #96B25A;
    color: #fff;

    height: 136px;
    margin-top: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    line-height: 124px;

    z-index: 6;
    position: relative;
    box-shadow: 0px 1px 10px #76923A;*/
}

a.navigation_link, a.navigation:active {
    display: block;
    /*width: 140px;*/
    color: inherit;
    text-decoration: none;
    font-size: 18px;
    font-weight: normal;
    line-height: inherit;
}

a.navigation:active {
    color: #fff;
}

a.navigation_link:hover, a.navigation_link:active, a.navigation_link.active {
    /*text-shadow: 1px 1px 1px #444; 
   color: yellow;
   font-weight:bold;*/
}


#site_container {
    /*background-color: #fff;    */
    z-index: 4;
}

#content {
    width: 960px;
    position: relative;
    left: 50%;
    margin-left: -480px;
    padding-bottom: 20px;
}


#left-column {
    width: 610px;
    float: left;
}

#left-column .row {

    width: 610px;
    /*overflow: hidden;*/
}

#right-column {
    width: 235px;
    margin-left: 696px;
    margin-top: -17px;

    padding: 15px;
}

#right-column h2.article {
    width: 230px;
}

#right-column div.article.calmund p {
    color: #333;
    font-size: 13px;
    margin-left: 20px;
    margin-right: 20px;
}


.row {

    position: relative;
    /*   z-index: 5;*/

    padding-left: 32px;
    padding-right: 32px;
    padding-top: 95px;

    padding-bottom: 25px;

    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;

    background-color: #e8e8e8;
    margin-top: -60px;
    margin-bottom: 40px;

    background-image: linear-gradient(bottom, #D3D3D3 18%, #E8E8E8 59%);
    background-image: -o-linear-gradient(bottom, #D3D3D3 18%, #E8E8E8 59%);
    background-image: -moz-linear-gradient(bottom, #D3D3D3 18%, #E8E8E8 59%);
    background-image: -webkit-linear-gradient(bottom, #D3D3D3 18%, #E8E8E8 59%);
    background-image: -ms-linear-gradient(bottom, #D3D3D3 18%, #E8E8E8 59%);

    box-shadow: 0px 1px 15px #000;

    /*width: 100%;
    overflow-x: hidden;*/
}

.row.inline-dialog {

    box-shadow: none;
}

.row.banner {
    background: #ccc url('/pictures/layout/banner_test.png') 3px 3px no-repeat;
    height: 259px;
    padding-top: 75px;
    overflow: hidden;
}

p.clear {
    clear: both;
    height: 0px;
    line-height: 0px;
    margin: 0px;
    padding: 0px;
}

.hide, .hidden {
    display: none;
}

li.marked {
    background-color: #ffFacd;
}

label {
    cursor: pointer;
}

.clicker {
    cursor: pointer;
}

h1.h1, h1.steps, h1.intern, h1.error, h2.h1 {
    top: 10px;
    /*white-space: nowrap;*/

    position: relative;
    color: white;
    padding: 4px;
    padding-bottom: 4px;

    margin-left: -10px;
    padding-left: 30px;
    padding-right: 30px;
    left: 0;
    z-index: 6;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.55);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.55);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.55);

    font-size: 24px;
    line-height: 35px;
    text-align: center;
    font-weight: bold;

    text-shadow: #a80008 0 -1px 1px;
    background: #da001a;
    background: -webkit-gradient(linear, left top, left bottom, from(#da001a), to(#b90009));
    background: -moz-linear-gradient(top, #da001a, #b90009);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

    display: inline-block;
}

h1.h1:before, h1.steps:before, h1.intern:before, h1.error:before, h2.h1:before {
    content: "\00a0";
    display: block; /* reduce the damage in FF3.0 */
    position: absolute;
    top: 42px; /* value = - border-top-width - border-bottom-width */
    left: -1px; /* controls horizontal position */
    width: 0;
    height: 0;
    border-width: 10px 0 10px 10px; /* vary these values to change the angle of the vertex */
    border-style: solid;
    border-color: #a60006 transparent transparent;
    z-index: 0;
}

h2.h1.twolines {
    white-space: normal;
}

h2.h1.twolines:before {
    top: 77px;
}

h1.error {
    /*  background-color: #d5164b;*/
}

h1.intern {
    /*background-color: #f2c90c;*/
}

h1.steps {
    /* background-color: #444;*/
    /* text-shadow: 2px 0 15px #ccc;*/
}

h1.register {
    display: none;
}

#fb-helpermsg {
    float: right;
    width: 376px;
    margin-left: 80px;
}

#fb-helpermsg-p {
    font-style: italic;
    margin-top: 107px;
}

img#help-register {

}

h1.main-title, span.h1-title {

    display: block;
    background: none;
    color: #d00;
    text-shadow: 0px 1px 2px #500;
    font-size: 15px;
    height: 15px;
    line-height: 15px;
    margin: 0px;
    margin-top: -40px;
    margin-left: 10px;
    padding-right: 30px;
    float: right;
    box-shadow: none;

    text-transform: uppercase;
}

h1.main-title:before, span.h1-title:before {
    border: none;
}

/*.h1.opta{

	background: #3DC5F4;
    background: -webkit-gradient(linear, left top, left bottom, from(#3DC5F4), to(#1D95C4));
    background: -moz-linear-gradient(top,#3DC5F4,#1D95C4);

	text-shadow: #7C5583 0 -1px 1px;
}

.h1.opta:before{
	border-color:#1D95C4 transparent transparent; 
    left: 0px;
}*/


#opta-widget-idx-0 h2 {
    color: white;
    font-weight: bold;
    text-shadow: #A80008 0 -1px 1px;
    background: #DA001A;
    background: -webkit-gradient(linear, left top, left bottom, from(#DA001A), to(#B90009));
    background: -moz-linear-gradient(top, #DA001A, #B90009);
}

#opta-powered {
    text-align: right;
    display: block;
    margin-bottom: 10px;
    margin-right: 5px;
    font-size: smaller;
}

#opta-logo {
    color: #3DC5F4;
    float: right;
    margin-top: -60px;
    margin-right: 1px;
}

.step-wrapper {
    display: none;
}

.mobile-input-wrapper {
    min-height: 19px;
    display: block;
}


.progress-bar {
    background-color: #efefef;
    border-radius: 2px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25) inset;

    /*width: 250px;*/
    height: 20px;

    position: relative;
    display: block;
}

.progress-bar > span {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: linear-gradient(top, #da001a, #980012);
    background: -webkit-gradient(linear, left top, left bottom, from(#da001a), to(#980012));
    background: -moz-linear-gradient(top, #da001a, #980012);
    background: linear-gradient(top, #da001a, #980012);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#da001a', endColorstr='#980012');

    display: block;
    text-indent: -9999px;
    height: 20px;
}

p.progress-text {
    position: relative;
    margin-top: -20px;
    line-height: 20px;

    padding-left: 30px;
    color: #fff;
    text-shadow: 0px -1px 1px #000;
}

#left-actually-registered {
    width: 375px;
    padding-right: 15px;
    border-right: 1px solid #efefef;
    float: left;
}

#right-actually-registered {
    padding-left: 15px;
    vertical-align: baseline;
    float: right;
    width: 250px;
    margin-right: -28px;
    margin-top: -268px;

    /*    margin-top: -74px;*/
}

h2.ribbon-left, h2.ribbon-right, h2.ribbon-title {
    width: 290px;
    height: 20px;
    padding: 3px;
    padding-bottom: 5px;
    padding-left: 17px;
    top: 0px;

    text-align: left;
    position: relative;
    color: #444;
    margin-left: 10px;

    left: 0;
    z-index: 6;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.55);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.55);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.55);

    font-size: 18px;
    line-height: 25px;
    font-weight: bold;

    text-shadow: 0px 1px 1px #fff;
    background: #FFE600;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffe600), to(#ddc400));
    background: -moz-linear-gradient(top, #ffe600, #ddc400);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

    display: inline-block;
}

h2.ribbon-right {
    padding-right: 17px;
    text-align: right;
    margin-left: -10px;
    top: -126px;
    left: 644px;
    width: 280px;
    top: -146px;
}

h2.ribbon-left:after {

    content: "\00a0";
    display: block; /* reduce the damage in FF3.0 */
    position: absolute;
    top: 28px; /* value = - border-top-width - border-bottom-width */
    right: 0px; /* controls horizontal position */
    width: 0;
    height: 0;
    border-width: 10px 10px 10px 0; /* vary these values to change the angle of the vertex */
    border-style: solid;
    border-color: #aa9100 transparent transparent;
    z-index: 0;

}

h2.ribbon-right:before, h2.ribbon-title:before {

    content: "\00a0";
    display: block; /* reduce the damage in FF3.0 */
    position: absolute;
    top: 28px; /* value = - border-top-width - border-bottom-width */
    left: 0px; /* controls horizontal position */
    width: 0;
    height: 0;
    border-width: 10px 0 10px 10px; /* vary these values to change the angle of the vertex */
    border-style: solid;
    border-color: #aa9100 transparent transparent;
    z-index: 0;
}

#right-column h2.article.reiner-calmund {
    height: 51px;
    /*font-size: 24px;*/
    font-size: 21px;
    line-height: 21px;
    padding-left: 85px;
    padding-top: 17px;
    width: 162px;
    margin-bottom: 8px;

    background: #FFE600 url('/pictures/fotos/reiner-calmund-teaser.png') no-repeat 1px 1px;
    background: url('/pictures/fotos/reiner-calmund-teaser.png') no-repeat 1px 1px, -webkit-gradient(linear, left top, left bottom, from(#ffe600), to(#ddc400));
    background: url('/pictures/fotos/reiner-calmund-teaser.png') no-repeat 1px 1px, -moz-linear-gradient(top, #ffe600, #ddc400);
}

#right-column h2.article.reiner-calmund.wm2014 {
    background: #FFE600 url('/pictures/fotos/worldcup_small.png') no-repeat 1px 1px;
    background: url('/pictures/fotos/worldcup_small.png') no-repeat 1px 1px, -webkit-gradient(linear, left top, left bottom, from(#ffe600), to(#ddc400));
    background: url('/pictures/fotos/worldcup_small.png') no-repeat 1px 1px, -moz-linear-gradient(top, #ffe600, #ddc400);
}

h2.ribbon-left.reiner-calmund:after {
    top: 73px;
}

h1, h2 {
    /* display: inline-block;

     height: 32px;
     color: #000;
     /*background-color: #96B25A;*/
    /*text-shadow: 2px 0 15px #333333;*/
    /*text-shadow: -1px 0px 1px #aaa;//ffce19;*//*
    font-size: 20px;
    font-weight: normal;
    line-height: 27px;
    text-align: left;
    background: url('/pictures/layout/nav_title_band.png') right top no-repeat;
    padding-left: 30px;
    padding-right: 20px;*/
    margin: 0px;
    text-transform: uppercase;
}

h3 {
    /*margin-bottom: -10px;*/
    text-shadow: 1px 1px 1px #fff;
}

h4 {
    margin-bottom: auto;
    text-shadow: 1px 1px 1px #fff;
}

img#motto {
    margin-top: -20px;
    margin-bottom: -20px;
    margin-left: 40px;

    height: 88px;
}


img.picture {
    border: 1px solid #888;

    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

img.testimonial {
    /*border: 1px solid #888;*/
    border: 4px solid #fff;

    float: left;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;

    -moz-box-shadow: 0px 0px 12px #444;
    -webkit-box-shadow: 0px 0px 12px #444;
    box-shadow: 0px 0px 12px #444;

    /*width:118px;*/
    margin-right: 20px;
}

td.charge {
    padding-bottom: 0px;
}

.caption {
    display: block;
    font-size: 10px;
    margin-top: -10px;
    margin-bottom: 15px;
}

img.content_foto {
    border: 1px solid #888;
    margin-bottom: 15px;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.digits {
    font-family: courier;
}

p.small {
    font-size: smaller;
}

p.justifyed {
    text-align: justify;
}

.quote {
    font-style: italic;
    padding-left: 20px;
    display: block;
}

ul.links {
    display: block;
    margin-top: 30px;
    list-style-type: square;
}

ul.links li > a {
    color: #96B25A;
    /*color: #0000ff;*/
    text-decoration: underline;
    padding: 2px;

}

ul.links li > a:hover {
    text-decoration: underline;
}

img.logo_link {
    border: none;
    width: 180px;
    height: 180px;
    margin-bottom: 15px;
    margin-top: 10px;
}

span.button, a.up-button {
    min-width: 140px;
    max-width: 220px;
    /* max-height: 17px;*/
    display: block;
    padding: 5px;
    margin: 20px;
    color: #fff;
    /*text-shadow: 1px 1px 1px #444;*/
    text-shadow: -1px -1px 1px #980012;
    text-align: center;
    border: 1px solid #980012;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    background: linear-gradient(top, #da001a, #980012);
    background: -webkit-gradient(linear, left top, left bottom, from(#da001a), to(#980012));
    background: -moz-linear-gradient(top, #da001a, #980012);
    background: linear-gradient(top, #da001a, #980012);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#da001a', endColorstr='#980012');

    text-transform: capitalize;
    cursor: pointer;
}

div.row > a.up-button {
    color: #fff;
    font-weight: bold;
    width: 140px;
    margin: 0px;
    height: 30px;
    line-height: 30px;
}

span.button.active {
    /*    background: linear-gradient(top, #980012, #da001a);
        background: -webkit-gradient(linear, left top, left bottom, to(#980012),from(#da001a));
        background: -moz-linear-gradient(top, #980012, #da001a);
        background: linear-gradient(top, #980012, #da001a);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#980012', endColorstr='#da001a');*/
    border: 2px solid #FFE600;
}

#left-column div.row img {
    /*   max-width: 300px;*/
    display: block;
    height: auto;
    margin-bottom: 10px;
    margin-left: 25px;

}

#right-column.blog {
    margin-top: -43px;
}

#calmund-blog-picture {

    width: 190px;
    padding: 5px;
    border: 1px solid #fff;

    margin-left: 14px;
    margin-top: 15px;
}

#blog-navigation {
    float: left;
    width: 340px;
}


#blog-navigation ul {
    list-style-type: none;
    margin-left: 0px;
    padding-left: 0px;

    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ffffff));
    background: -moz-linear-gradient(top, #ededed, #ffffff);
    padding: 7px;

    border: 1px solid #bbb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

}

#blog-navigation a.blog-nav-button {
    font-size: 16px;
    color: #444;
    font-weight: normal;
    padding: 3px;
    display: block;

    width: 321px;
    text-overflow: ellipsis;
    white-space: nowrap; /* paragraph to one line */
    overflow: hidden;

    text-shadow: 1px 1px 1px #ccc;

}

#blog-navigation a.blog-nav-button.active, #blog-navigation a.blog-nav-button:hover {
    color: #fff;

    text-shadow: 1px 1px 1px #7d001b;
    /*background-color: #E3001B;*/
    color: #fff;
    text-shadow: #a80008 0 -1px 1px;
    background: #da001a;
    background: -webkit-gradient(linear, left top, left bottom, from(#da001a), to(#b90009));
    background: -moz-linear-gradient(top, #da001a, #b90009);

    /*text-shadow: 1px 1px 1px #016201;
    background-color: #008d00;*/
}

#blog-display {

    float: right;
    width: 500px;
    margin-right: 35px;
}

#blog-display img {
    margin-bottom: 15px;
}

span.button:hover {
    -moz-box-shadow: 0px 0px 5px #555;
    -webkit-box-shadow: 0px 0px 5px #555;
    box-shadow: 0px 0px 5px #555;

}

/*
span.button {
    display: block;
    margin: 10px;    
    background: url('/pictures/layout/button_bg.png') no-repeat top left;
    width: 176px;
    height: 86px;   
    line-height: 86px;
    text-align: center;   
    font-size: 20px;
    color: #fff;
    text-shadow: 0px 1px 1px #aaa;   
    text-decoration: none;
	cursor: pointer;
}*/

span.button > a, a:hover {

    color: #fff;
    text-decoration: none;

}

a.color-button {

    display: block;
    margin: 10px;

    background: url('/pictures/layout/button_bg.png') no-repeat top left;
    width: 176px;
    height: 86px;

    line-height: 86px;
    text-align: center;

    font-size: 20px;
    color: #fff;
    /*text-shadow: 0px -1px 1px #*/
    text-shadow: -1px -1px 1px #980012;;

    text-decoration: none;

}

.button a {
    display: inline-block;
    width: 100%;
    height: 100%;
    margin: -5px;
    padding: 5px;
}

#bottom-band {
    /* background: url('/pictures/layout/bottom_band.png') left bottom repeat-x;*/
    padding-bottom: 10px;
}


#footer {

    position: relative;
    left: 50%;
    margin-left: -480px;
    margin-top: 8px;
    width: 960px;
    height: 140px;
    /*top: -95px;*/

    text-align: right;

    /*background: url('/pictures/layout/colors_bottom.png') 35px 0px no-repeat;*/
}

#footer_socialplugins {
    float: left;
    margin-left: 5px;
}

div.social-button {
    display: inline-block;
    float: left;
    min-width: 100px;
    max-width: 200px;
    overlfow: hidden;
    margin-left: 5px;
    margin-right: 5px;
}

div.social-button.google-plus {
    /*border: 1px solid #aaa;
    background-color: #fafafa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 2px;*/
}

div.social-button.facebook-like {
    margin-left: -20px;
}

#footer .links {
    width: 280px;
    background: url('/pictures/layout/footer_seperator.png') no-repeat top center;
    float: right;
    height: inherit;
}

#footer .links span.right {
    display: block;
    float: right;
    width: 130px;
    height: inherit;
}

a.footer_link {
    display: block;
    margin-bottom: 3px;

    text-decoration: none;
    text-align: left;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 12px;

    width: 130px;

    padding: 2px;

    /*box-shadow: 0px 0px 5px #000;*/
}

a.footer_link.left {

    float: left;
    /*background-color: #e3001b;*/
    color: #fff;
    text-shadow: #a80008 0 -1px 1px;
    background: #da001a;
    background: -webkit-gradient(linear, left top, left bottom, from(#da001a), to(#b90009));
    background: -moz-linear-gradient(top, #da001a, #b90009);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

a.footer_link.right {

    float: right;
    /*background-color: #ffe600;*/

    color: #444;
    text-shadow: 0px 1px 1px #fff;
    background: #FFE600;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffe600), to(#ddc400));
    background: -moz-linear-gradient(top, #ffe600, #ddc400);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

a.footer_link:hover {
    background: #fff;
    color: #000;
    text-shadow: none;
}

#footer-mobile-link {
    background-image: url('/pictures/icons/mobile_version_small.png');
    background-position: right center;
    background-repeat: no-repeat;

}

#footer-mobile-link:hover {
    background-image: url('/pictures/icons/mobile_version_small_hover.png');
}

div.disclaimer {
    font-size: 10px;
}

/** interner bereich **/

/* navigation */
/* TODO: ausnahme fuer alte IE : top auf 0px und margin-top auf -Npx*/
#intern-nav-wrapper {
    position: relative;
    top: -100px;
    z-index: 10;
    margin-bottom: -25px;
    /*min-height: 100px;*/
}

#intern-nav-wrapper h2 {

    /*width: 275px;
    margin-left: 11px;*/
}

#intern-nav-wrapper h2.right {
    position: absolute;
    top: 0px;
    left: 644px;
    z-index: 1;
    margin-left: -25px;
    padding-right: 30px;
    width: 265px;
    text-align: right;
    background: url('/pictures/layout/nav_title_band_right.png');

}

ul.intern-navigation, form.dialog {
    list-style-type: none;
    margin: 0px;
    padding: 0px;

    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 2px;


    background-color: #e8e8e8;
    color: #444;

    padding-top: 50px;
    margin-top: -40px;

    width: 315px;

    padding-bottom: 10px;
    /*margin-bottom: 15px;   */
    margin-bottom: -50px;

    background-image: linear-gradient(bottom, #D3D3D3 18%, #E8E8E8 59%);
    background-image: -o-linear-gradient(bottom, #D3D3D3 18%, #E8E8E8 59%);
    background-image: -moz-linear-gradient(bottom, #D3D3D3 18%, #E8E8E8 59%);
    background-image: -webkit-linear-gradient(bottom, #D3D3D3 18%, #E8E8E8 59%);
    background-image: -ms-linear-gradient(bottom, #D3D3D3 18%, #E8E8E8 59%);

    /*background-image: linear-gradient(bottom, #D9D9D9 18%, #E8E8E8 59%);
    background-image: -o-linear-gradient(bottom, #D9D9D9 18%, #E8E8E8 59%);
    background-image: -moz-linear-gradient(bottom, #D9D9D9 18%, #E8E8E8 59%);
    background-image: -webkit-linear-gradient(bottom, #D9D9D9 18%, #E8E8E8 59%);
    background-image: -ms-linear-gradient(bottom, #D9D9D9 18%, #E8E8E8 59%);*/

    /*box-shadow: 0px 1px 10px #888;*/
    box-shadow: 0px 1px 15px #000;
}

ul.intern-navigation.right, form.dialog {

    position: absolute;
    top: 28px;
    left: 945px;


    -webkit-bottom-right-border-radius: 0px;
    -moz-border-radius-bottom-right: 0px;
    border-bottom-right-radius: 0px;
}

ul.intern-navigation.left {
    -webkit-bottom-left-border-radius: 0px;
    -moz-border-radius-bottom-left: 0px;
    border-bottom-left-radius: 0px;
    width: 310px;
}

ul.intern-navigation li {
    /*float: left;*/
    margin-left: 25px;
    line-height: 14px;
    font-size: 16px;
    height: 14px;


    margin-bottom: 7px;

    border-left: 5px solid #ff213f;
    padding-left: 4px;
    text-transform: uppercase;

}

ul.intern-navigation li:hover {

    border-left: 13px solid #ff213f;

}

ul.intern-navigation li a {
    color: inherit;
    text-decoration: none;
    line-height: inherit;
}

ul.intern-navigation li a:hover, ul.intern-navigation li a.active {
    text-decoration: none;
    font-weight: bold;
    white-space: nowrap;
}

ul.intern-navigation li.isseperator {
    border-left: none;
    margin-left: -2px;
    white-space: nowrap;
}

ul.intern-navigation li span.seperator {
    display: block;
    height: 15px;
    width: 311px;
    background: url('/pictures/layout/delimiter.png') no-repeat center center;
}

ul.downloads {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

ul.downloads li.blue {
    background-color: #96B25A;
}

ul.downloads li.gold {
    background-color: #f2c90c;
}

ul.downloads li.green {
    background-color: #6ba23d;
}

div.download_category, a.galleries {
    display: block;
    background-color: inherit; /*#96B25A;*/
    color: #fff;
    cursor: pointer;
    padding: 10px;
    border-bottom: 1px solid #fff;

    text-decoration: none;
}

ul.download_files {
    display: none;
    list-style-type: none;
    margin: 0px;
    padding-left: 0px;
    border: 1px solid #ccc;

    background-color: #fff;

    padding: 10px;
}

ul.download_files li {
    padding: 4px;
}

li.even {
    background-color: #efefef;
}

.right {
    float: right;
}

img.gallery {
    border: 3px double #ccc;
}

/** sortable list **/

.sortable {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 95%;

}

.sortable li {

    margin-left: 5px;
    font-size: 16px;
    line-height: 25px;
    /*height: 26px;*/

    background-color: #fff;
    width: 100%;

    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 4px;
    padding-bottom: 3px;
    display: block;
}

.sortable li span {
    /*position: absolute;    */
}

.sortable li input[type=text] {
    width: 250px;
    border: 1px solid #ccc;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#sortable_questions.sortable > li:hover {
    background-color: #ccc;
}

.sorter-icon {
    display: block;
    float: left;
    background: url('/pictures/icons/sort.png') no-repeat;
    height: 25px;
    width: 25px;
    cursor: pointer;
}

.remove-icon {
    display: inline-block;
    float: right;
    background: url('/pictures/icons/remove.png') no-repeat;
    height: 25px;
    width: 25px;
    cursor: pointer;
}

.save-icon {
    display: inline-block;
    float: right;
    background: url('/pictures/icons/disk.png') no-repeat;
    height: 25px;
    width: 25px;
    cursor: pointer;
}

.tag-icon {
    display: inline-block;
    float: right;
    background: url('/pictures/icons/tag_blue_edit.png') no-repeat;
    height: 25px;
    width: 25px;
    cursor: pointer;
}

.arrow-icon {
    display: inline-block;
    float: right;
    background: url('/pictures/icons/arrow_right.png') no-repeat;
    height: 25px;
    width: 25px;
    cursor: pointer;
}

.sort-index {
    line-height: 22px;
    text-align: center;
}

.field_help {
    position: relative;
    font-size: 9px;
    width: 0px;
    display: inline-block;
    top: -22px;
    white-space: nowrap;

}


#sortable_questions .number {

    margin-left: 3px;
    margin-right: 3px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #DDD;
    border-radius: 8px;
    font-size: 11px;
    padding-top: 1px;

    background-image: -moz-linear-gradient(bottom, #DDD 18%, #EEE 59%);
    background-image: -webkit-linear-gradient(bottom, #DDD 18%, #EEE 59%);

    text-shadow: 0px 1px 1px #fff;
    color: #444;

    font-family: sans-serif;
}

#questions_canvas {
    width: 100%;
    padding: 0px;
    clear: both;
}

div.innerPanel {
    background-color: #fff;
    margin: 6px;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 9px;
    width: 98%;
}

div.min-max {
    margin-top: -10px;
    margin-bottom: 13px;
    text-align: center;
    border: 1px solid #888;
    width: 383px;
    margin-left: 11px;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.remove-moment .options-icon {
    float: right;
    margin-left: -18px;
    margin-right: -5px;
    margin-top: -5px;

}

#questions, #response_options {
    float: left;
    width: 48% !important;
}

#questions {
    margin-right: 3%
}

#question-title-ok {
    min-width: 0px;
    width: 21px;
    height: 36px;
    display: block;
    margin-top: -50px;
    margin-left: 364px;
    line-height: 36px;
}

div.row input.grid-text {
    width: 150px;
    float: left;
}


.sorter-question li {
    background: #fff url('/pictures/icons/sort.png') no-repeat 4px 3px;
    padding-left: 35px;
    cursor: pointer;
    width: 250px;
}

.sorter-question li.ui-sortable-helper {

    color: #444;
    text-shadow: 0px 1px 1px #fff;
    background-color: #FFE600;
    /*background: -webkit-gradient(linear, left top, left bottom, from(#ffe600), to(#ddc400));
    background: -moz-linear-gradient(top,#ffe600,#ddc400);*/

}

#sorter-help {
    float: right;
    margin-right: 100px;
}

option.edit-lists {
    background-color: #ccc;
    color: #444;
}

#list-area {
    min-height: 460px;
}

#list-area select[name=id_lists] {
    width: 190px;
}

#list-area ul.sortable {
    margin-top: 15px;
}

/* tables */

table.sortable-table {
    font-size: 12px;
    background-color: #fff;
    /*width: 1024px;*/
    border: 2px solid #fff;
}

table.sortable-table th {
    text-align: left;
    padding: 5px;
    background-color: #fff;
}

table.sortable-table td {
    color: #000;
    padding: 5px;
}

table.sortable-table .even {
    background-color: #e1e1e1;
}

table.sortable-table .odd {
    background-color: #fff;
}

table.sortable-table .header {


    color: #fff;
    text-shadow: #a80008 0 -1px 1px;
    background: #da001a url('/pictures/layout/tablesort/bg.png') 8px 5px;
    background: url('/pictures/layout/tablesort/bg.png') 8px 5px, -webkit-gradient(linear, left top, left bottom, from(#da001a), to(#b90009)) 0px 0px;
    background: url('/pictures/layout/tablesort/bg.png') 8px 5px, -moz-linear-gradient(top, #da001a, #b90009) 0px 0px;

    /*        background-image: url('/pictures/layout/tablesort/bg.png');*/
    background-repeat: no-repeat;
    /*background-position: 0px 0px;*/
    color: #ffffff;
    font-weight: bold;
    padding-left: 30px;
    padding-top: 8px;
    height: auto;
}

table.sortable-table .headerSortUp {
    background: #da001a url('/pictures/layout/tablesort/asc.png') 8px 5px no-repeat;
    background: url('/pictures/layout/tablesort/asc.png') 8px 5px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#b90009), to(#da001a)) 0px 0px;
    background: url('/pictures/layout/tablesort/asc.png') 8px 5px no-repeat, -moz-linear-gradient(top, #b90009, #da001a) 0px 0px;

    /*background-image: url('/pictures/layout/tablesort/asc.png');
    background-position: 8px 5px;
    background-repeat: no-repeat;*/
}

table.sortable-table .headerSortDown {
    background: #da001a url('/pictures/layout/tablesort/desc.png') 8px 5px no-repeat;
    background: url('/pictures/layout/tablesort/desc.png') 8px 5px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#b90009), to(#da001a)) 0px 0px;
    background: url('/pictures/layout/tablesort/desc.png') 8px 5px no-repeat, -moz-linear-gradient(top, #b90009, #da001a) 0px 0px;
    /*background-image: url('/pictures/layout/tablesort/desc.png');
    background-position: 8px 5px;
    background-repeat: no-repeat;*/
}

table.sortable-table tbody tr:hover {
    background-color: #ffFacd;
}

table.sortable-table tr.soccer td.table-options {
    background-color: #508F40;
}

table.sortable-table .icehockey td.table-options {
    background-color: #59B0C2;
}


table.sortable-table tr.sub-table {
    background-color: #eee;
}

table.sortable-table td.empty-cells {
    background-color: #ccc;
}

td.table-options {
    width: 100px;
    text-align: center;
}

td.table-options div {
    clear: both;
    float: none;
    margin: 0px auto;
}

td.table-options {
    border-radius: 4px;
}


/* icons */
.options-icon {
    width: 20px;
    height: 20px;
    display: block;
    float: left;

    margin-right: 3px;
    margin-bottom: 3px;
    cursor: pointer;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

    border: 1px solid #999;
    background-color: #f8f8f8;
    background-repeat: no-repeat;
    background-position: center center;
}

.options-icon.mini {
    display: inline-block;
    float: none;

    width: 10px;
    height: 10px;

    border-radius: 1px;
    border: 1px solid #aaa;
    background-color: #fefefe;

    margin: 0px;
    margin-left: 5px;
    background-size: contain;

}

.options-icon:hover {
    background-color: #ccc;
}

.options-icon.disabled {
    filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale"); /* Firefox 10+, Firefox on Android */
    /*filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

.options-icon a {
    border: none;
    display: block;
    width: 20px;
    height: 20px;

    background: no-repeat center center;
}

.options-icon a.hidden {
    display: none;
}

.options-icon.preview {
    background-image: url('/pictures/icons/layers.png');
}

.options-icon.remove {
    background-image: url('/pictures/icons/delete.png');
}

.options-icon.edit {
    background-image: url('/pictures/icons/pencil.png');
}

.options-icon.evaluations {
    background-image: url('/pictures/icons/table_multiple.png');
}

.options-icon.groups {
    background-image: url('/pictures/icons/group.png');
}

.options-icon.send-pwd, .options-icon.sendpassword-investigator {
    background-image: url('/pictures/icons/key_go.png');
}

.options-icon.check {
    background-image: url('/pictures/icons/accept.png');
}

.options-icon.star {
    background-image: url('/pictures/icons/star.png');
}

.options-icon.new {
    background-image: url('/pictures/icons/asterisk_orange.png');
}

.options-icon a.lock-questionary, .options-icon a.lock-admin, .options-icon a.lock-subscriber, .options-icon a.lock-article, a.lock-customer,
a.lock-download {
    background-image: url('/pictures/icons/lock.png');
}

.options-icon a.unlock-questionary, .options-icon a.unlock-admin, .options-icon a.unlock-subscriber, .options-icon a.unlock-article, a.unlock-customer,
a.unlock-download {
    background-image: url('/pictures/icons/key.png');
}

.options-icon.download {
    background-image: url('/pictures/icons/download.png');
}

.options-icon.dublicate {
    background-image: url('/pictures/icons/dublicate.png');
}

.options-icon.questions-grid {
    background-image: url('/pictures/icons/questions_grid.png');
}

.options-icon.notify {
    background-image: url('/pictures/icons/notify.png');
}

.options-icon.details {
    background-image: url('/pictures/icons/magnifier.png');
}

.options-icon.note {
    background-image: url('/pictures/icons/note.png');
}

.options-icon.reminder {
    background-image: url('/pictures/icons/reminder.png');
}

.options-icon.add-survey {
    background-image: url('/pictures/icons/application_form_add.png');
}

.options-icon.mark-survey {
    background-image: url('/pictures/icons/mark-survey.png');
}

.options-icon.tune {
    background-image: url('/pictures/icons/application_side_expand.png');
}


.options-icon.mark-survey.marked {
    border: 1px solid #000;
    background-color: #da001a;
}

.options-icon.assign-investigators {
    background-image: url('/pictures/icons/assign-investigators.png');
}

.options-icon.public-link {
    background-image: url('/pictures/icons/link_go.png');
}

.options-icon.public-link-suggest-registration.on {
    background-image: url('/pictures/icons/script_edit.png');
}

.options-icon.public-link-suggest-registration.off {
    background-image: url('/pictures/icons/script_delete.png');
}

.options-icon.public-link-show-in-profile.on {
    background-image: url('/pictures/icons/user.png');
}

.options-icon.public-link-show-in-profile.off {
    background-image: url('/pictures/icons/user_delete.png');
}


.table-options.questionary-survey {
    border: 1px solid #000;
}

.add-tags {
    background-image: url('/pictures/icons/tag_blue_add.png');
}

.add-user {
    background-image: url('/pictures/icons/user_add.png');
}

.comments {
    background-image: url('/pictures/icons/comments.png');
}


/* forms */
.sports-form {
    display: inline-block;
    margin-left: 130px;
    margin-bottom: 20px;

}

img.sports-icon {
    float: left;
    cursor: pointer;
    width: 163px;
}

#register-text {
    width: 340px;
    float: left;
}

span.delimiter {
    display: block;
    width: 100%;
    background: url('/pictures/layout/delimiter.png') no-repeat;
    background-size: 340px;
    height: 50px;
}

/*.webapp*/
input[type="radio"] {
    display: none;
}

/*.webapp */


input[type="radio"] + label {
    display: inline-block;
    background: url('/pictures/layout/radio.png') 0px 0px no-repeat;
    height: 17px;
    padding-left: 20px;
    line-height: 17px;
    margin-bottom: 2px;

}

input[type="radio"] + label.image-answer {
    margin-bottom: 64px;

}

input[type="checkbox"] + label.image-answer {
    margin-bottom: 64px;

}

label.image-answer img {
    margin-left: 5px;
    display: inline-block;
    /*float: right;*/
    /*margin-top: -19px;*/
}

.radio-group {
    margin-top: 25px;
    margin-top: 25px;
    border: 1px solid #AAA;
    padding-left: 8px;
    border-radius: 4px;
    padding-top: 6px;
    background-image: linear-gradient(bottom, #E8E8E8 18%, #D9D9D9 59%);
    background-image: -o-linear-gradient(bottom, #E8E8E8 18%, #D9D9D9 59%);
    background-image: -moz-linear-gradient(bottom, #E8E8E8 18%, #D9D9D9 59%);
    background-image: -webkit-linear-gradient(bottom, #E8E8E8 18%, #D9D9D9 59%);
    background-image: -ms-linear-gradient(bottom, #E8E8E8 18%, #D9D9D9 59%);

}

span.radio-group-title {
    color: #444;
    font-size: 12px;
    text-shadow: 1px 1px 1px #fff;
    display: block;
    float: left;
    margin-right: 10px;
}

.radio-group-selected {
    color: #444;
    font-size: 12px;
    text-shadow: 1px 1px 1px #CCC;
    display: block;
    float: left;

    margin-top: -25px;
}

.radio-group input[type="radio"] + label {
    height: 20px;
    width: 0px;
    cursor: pointer;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    border: 1px solid #999;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 2px 1px;
    background-repeat: no-repeat;

    box-shadow: 1px 1px 4px #888;
    margin-left: 4px;
}

.radio-group input[type="radio"] + label:hover {
    border-color: lemonChiffon;
    border-width: 2px;
}

input[type="radio"].single-radio + label {
    background-image: url('/pictures/icons/single_choice.jpg');
}

input[type="radio"].multi-radio + label {
    background-image: url('/pictures/icons/multiple_choice.jpg');
}

input[type="radio"].ranking-radio + label {
    background-image: url('/pictures/icons/grid.jpg');
}

input[type="radio"].multiranking-radio + label {
    background-image: url('/pictures/icons/multi_grid.jpg');
}

input[type="radio"].open-radio + label {
    background-image: url('/pictures/icons/text.jpg');
}

input[type="radio"].choice-radio + label {
    background-image: url('/pictures/icons/dropdown.jpg');
}

input[type="radio"].multichoice-radio + label {
    background-image: url('/pictures/icons/multi_dropdown.jpg');
}

input[type="radio"].sorter-radio + label {
    background-image: url('/pictures/icons/sorter.jpg');
}

input[type="radio"].fork-radio + label {
    background-image: url('/pictures/icons/fork.jpg');
}


.radio-group input[type="radio"]:checked + label {
    background-position: 2px 1px;
    border-color: #aa0000; /*yellow:#FFE600*/
    border-width: 2px;

}

.radio-group input[type="radio"].inactive + label {
    background-position: 2px -15px;
    cursor: default;
}

/*.webapp */
input[type="radio"]:checked + label {
    background-position: 0px -17px;
}

input[type="radio"].rating + label {
    padding: 0px;
    background-position: center top;
    width: 25px;
    height: auto;
}

input[type="radio"]:checked.rating + label {
    background-position: center -17px;
}

table.rating, table.raiting {
    border-collapse: collapse;
    width: 100%;
    margin-top: 35px;
}


table.rating tr.even, table.raiting tr.even {
    background-color: #ddd;

}

table.rating tr.odd, table.raiting tr.odd {
    background-color: #fff;
    /*background-image: linear-gradient(left , #444444 0%, #E8E8E8 96%, #444444 100%);
background-image: -o-linear-gradient(left , #444444 0%, #E8E8E8 96%, #444444 100%);
background-image: -moz-linear-gradient(left , #444444 0%, #E8E8E8 96%, #444444 100%);
background-image: -webkit-linear-gradient(left , #444444 0%, #E8E8E8 96%, #444444 100%);
background-image: -ms-linear-gradient(left , #444444 0%, #E8E8E8 96%, #444444 100%);*/

}

table.rating td, table.rating th, table.raiting td, table.raiting th {

    font-weight: normal;
    padding: 4px;
    margin: 0px;
    border: 1px solid #fff;
    text-align: center;
    /*    min-width: 80px;*/
    text-shadow: 0px 1px 1px #fff;

    /*display: run-in;
    
    font-weight: normal;
    padding: 4px;
    margin: 0px;
    border: 1px solid #fff;
    text-align: center;
    display: inline-block;    
    min-width: 80px;
    text-shadow: 0px 1px 1px #fff;
    display: inline;*/

}

/*.webapp*/
input[type="checkbox"] {
    display: none;
}

/*.webapp */
input[type="checkbox"] + label {
    display: inline-block;
    background: url('/pictures/layout/checkbox.png') 0px 0px no-repeat;
    height: 17px;
    padding-left: 20px;
    line-height: 17px;
    margin-bottom: 2px;

}

/*.webapp */
input[type="checkbox"]:checked + label {
    background-position: 0px -17px;
}

.password-title {
    display: none;
}


span.clubselect img {
    float: left;
}

span.clubselect {
    display: block;
    vertical-align: middle;
    height: 35px;
    line-height: 33px;
    margin: 2px;
}

span.clubselect:hover {
    background-color: #e1e1e1;
}

span.clubselect span.club-name {
    line-height: 33px;
    padding-left: 5px;
}


#questions-title {
    width: 365px;
}

form.dialog .field h4 {
    display: none;
}

.field h4 span.description {

    font-weight: normal;
    font-style: italic;
    text-shadow: none;

}

form.dialog .field input {
    background-color: #efefef;
    border: 1px solid #fff;
    /* height: 17px;*/
    line-height: 15px;
    font-size: 15px;
    color: #999;
    width: 210px;
    margin-bottom: 3px;
    margin-left: 20px;
    margin-right: 5px;
    padding: 3px;
}

form.dialog input[type=submit] {
    background-color: #f5f5f5;
    background: linear-gradient(top, #f5f5f5, #fff);
    background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#fff));
    background: -moz-linear-gradient(top, #f5f5f5, #fff);
    float: right;
    height: 53px;
    width: 52px;

    border: 1px solid #fff;
    color: #555;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    margin-right: 20px;
}

form[name=login].dialog input[type=submit] {
    margin-top: 3px;
}

.field.block {
    padding: 10px;

    margin-top: 10px;

    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

/* mtti */
div.row input, textarea, select {
    margin-left: 10px;
}

div.row input[type=submit], input[name=qy-cancel], input[name=reset-filter] {
    background-color: #f5f5f5;
    background: linear-gradient(top, #f5f5f5, #fff);
    background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#fff));
    background: -moz-linear-gradient(top, #f5f5f5, #fff);
    border: 1px solid #fff;
    color: #555;
    text-transform: uppercase;
    font-weight: bold;
    height: 30px;

    margin: 10px !important;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;

}

div.row textarea {
    font-family: Calibri, Verdana, sans-serif;
    font-size: 12pt;
    color: #555;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #999;
    padding: 5px;
}

div.row input[type=submit]:hover, input[name=qy-cancel]:hover, input[name=reset-filter]:hover {
    border-color: #999;
    color: #000;
    cursor: pointer;
}

div.row input[type=text], div.row input[type=password], div.row input[type=email] {
    background-color: #fff;
    border: 1px solid #999;
    /*height: 17px;*/
    line-height: 15px;
    font-size: 15px;
    color: #444;
    padding: 3px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.historical-date {
    display: none;
}

.single_choice_preview {
    display: block;
}

/* TODO: remove, DEPRECATED*/
#newspaper_wrapper {
    background-color: #ccc;
    padding: 20px;
    margin: 10px;
}

#newspaper {

    color: #000;
    background-color: #ccc;
    font-family: Times New Roman, serif;

    border: 3px double #000;

    padding: 30px;

}

#newspaper h1 {
    color: #000;
    font-weight: bold;
    background: none;
    font-family: Verdana, sans-serif;
    font-size: 25px;
    text-shadow: none;

    border-bottom: 1px solid #000;
}

#newspaper p.summary {
    font-size: 18px;
    font-style: italic;
}

#newspaper p {
    text-align: justify;
}


div.left-row {
    float: left;
    width: 350px;
    padding-right: 5px;
    border-right: 1px solid #333;
    margin-right: 10px;

}

div.right-row {
    float: left;
    width: 350px;
}

#blue-box {
    background-color: #121288;
    color: #fff;
    font-family: Verdana, sans-serif;
    width: 350px;
    height: 100px;

    position: relative;
    padding: 10px;

    margin-top: -132px;
    margin-left: 453px;
}

#blue-box h4 {
    text-shadow: none;

    margin: 2px;
}

#blue-box p {
    text-align: left;
}

.red {
    color: #aa0000;
}

#subscribers-table.small-text {
    margin-left: -205px;
    border: 1px solid #ccc;
    padding: 7px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;

    box-shadow: 0px 0px 15px #444;
}

#subscribers-table.small-text th, #subscribers-table.small-text td {
    font-size: 9px;
}

.evaluation-table {
    border-collapse: collapse;

    width: 100%;
    background-color: #fff;
    border: 1px solid #444;

    webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;

    padding: 3px;

    font-size: 11px;
    margin-bottom: 20px;


    box-shadow: inset 1px 1px 1px #888, 1px 1px 1px #fff;
}

thead.rotate-diagonal th {
    border: none;
    padding: 0px;
    /* Something you can count on */
    height: 140px;
    white-space: nowrap;
}

thead.rotate-diagonal th > div {
    transform: /* Magic Numbers */ translate(25px, 46px) /* 45 is really 360 - 45 */ rotate(315deg);
    width: 40px;
}

thead.rotate-diagonal th > div > span {
    border-bottom: 1px solid #ccc;
    padding: 7px 10px;
}

div.filter-field {

    webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    width: 100%;
    background-color: #fff;
    border: 1px solid #ccc;

    background: linear-gradient(top, #fff, #eee);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dfdfdf));
    background: -moz-linear-gradient(top, #fff, #eee);
}

span.help-text {
    display: block;
    color: #999;
    font-size: 12px;
    line-height: 12px;
    margin-top: 3px;
    margin-left: 10px;
    margin-bottom: 0px;
}

div.filter-field input[type=submit], div.filter-field input[name=reset-filter] {
    border: 1px solid #888;
}

div.pageing a {
    display: block;
    float: left;
    text-decoration: none;
    font-weight: bold;
    line-height: 35px;
    width: 35px;
    text-align: center;
    border: 1px solid #fff;
    margin: 10px;
    color: #000;
    text-shadow: 0px 1px 1px #fff;

    background: #da001a;
    background: -webkit-gradient(linear, left top, left bottom, from(#dedede), to(#bcbcbc)) 0px 0px;
    background: -moz-linear-gradient(top, #dedede, #bcbcbc) 0px 0px;

}

div.pageing a:hover {
    background: #da001a;
    background: -webkit-gradient(linear, left top, left bottom, from(#b90009), to(#da001a)) 0px 0px;
    background: -moz-linear-gradient(top, #b90009, #da001a) 0px 0px;
    color: #fff;
    text-shadow: #A80008 0 -1px 1px;
}

div.pageing a.active {
    background: #da001a;
    background: -webkit-gradient(linear, left top, left bottom, from(#da001a), to(#b90009)) 0px 0px;
    background: -moz-linear-gradient(top, #da001a, #b90009) 0px 0px;
    color: #fff;
    text-shadow: #A80008 0 -1px 1px;
}

.evaluation-table tr.mark, .evaluation-table td.mark {
    background-color: #ddd;
}

.evaluation-table tr.mark-lowerLevel {
    background-color: #efefef;
}

.evaluation-table tr.demography-row {
    background-color: #C5E6CC;
}

.evaluation-table td {
    border: 1px solid #444;
}

.evaluation-table th {
    border: 1px solid #444;
}

.evaluation-table td, .evaluation-table th {
    padding: 2px;
    padding-left: 5px;

}

.evaluation-table td a {
    color: #000;
    display: block;
    width: 100%;
    height: 100%;
}

.evaluation-table td a.plain {
    text-decoration: none;
}

.evaluation-table tr:hover {
    background-color: lemonChiffon;
    /*background-color: #FFE600;*/
}

#evaluation-table td.th {
    text-align: left;
    font-weight: normal;
    text-transform: uppercase;
    background-color: #ccc;
    border-bottom: 1px solid #aaa;

    padding: 2px;
    padding-left: 10px;
}

#evaluation-table td {
    padding-left: 5px;
    padding-right: 5px;
}

.demographix-panel {
    margin-top: 25px;
    margin-top: 25px;
    border: 1px solid #AAA;
    padding-left: 8px;
    border-radius: 4px;
    /*padding-top: 6px;*/
    padding-bottom: 3px;
    background-image: linear-gradient(bottom, #E8E8E8 18%, #D9D9D9 59%);
    background-image: -o-linear-gradient(bottom, #E8E8E8 18%, #D9D9D9 59%);
    background-image: -moz-linear-gradient(bottom, #E8E8E8 18%, #D9D9D9 59%);
    background-image: -webkit-linear-gradient(bottom, #E8E8E8 18%, #D9D9D9 59%);
    background-image: -ms-linear-gradient(bottom, #E8E8E8 18%, #D9D9D9 59%);

    height: 30px;
    line-height: 35px;

    z-Index: 9;
}

.panel-caption {
    float: right;
    font-size: 25px;
    font-weight: bold;
    color: #fff;
    text-shadow: 1px 1px 1px #D9D9D9;

    padding-right: 40px;
    text-transform: uppercase;
}

ul.demographix-panel {
    margin-top: 2px;
    margin-bottom: 2px;
    display: block;
}

ul.demographix-panel li {
    list-style-type: none;
    float: left;
    display: block;

    padding-top: 8px;
    margin-left: 5px;
}

h2.ribbon-title {

    width: auto;
    top: 0px;
    left: -10px;
    margin-left: -10px;
    padding-right: 30px;

    webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;

}

.button.export-table {
    width: 220px;

    background: #fff;
    color: #444;
    text-shadow: none;

    -webkit-top-left-border-radius: 0px;
    -moz-border-radius-top-left: 0px;
    border-top-left-radius: 0px;

    -webkit-top-right-border-radius: 0px;
    -moz-border-radius-top-right: 0px;
    border-top-right-radius: 0px;

    font-size: smaller;
    padding: 0px;
    margin-top: -21px;
    margin-left: 5px;
}

.button.export-table.stats {
    margin-top: 10px;
    margin-left: 715px;
    width: 140px;
}

.fb-like-box {
    /*float: left;
    margin-left: 150px;
    margin-top: 20px;*/
}

.twitter-box, .plus-box {
    margin-left: -8px;
    margin-top: 8px;
    width: 246px;
}

/* woraround: https://code.google.com/p/google-plus-platform/issues/detail?id=140 */
#___page_0 iframe, #___plus_0, #___plus_0 iframe {
    width: 246px !important;
}

.twitter-taox {
    float: left;
    width: 134px;
    margin-left: 20px;
    height: 234px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 15px;
    border: 1px solid #aaa;

    border-top-color: #e3001b;
}

.twitter-google-box h3 {
    font-size: 14px;
    color: #444;
    text-shadow: 1px 1px 1px #fff;
}

span.twitter {
    color: #2D76B9;
}

span.google {
    color: #DD4B39;
}

#facebook-login, #fb-login {
    background: url("https://s-static.ak.facebook.com/rsrc.php/v1/yL/r/FGFbc80dUKj.png") no-repeat scroll left -140px #5F78AB;
    border-bottom: 1px solid #1A356E;
    border-top: 1px solid #879AC0;
    color: #fff;
    display: block;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 22px;
    padding-left: 30px;
    text-shadow: none;
    width: 246px;
    height: 22px;

    cursor: pointer;

    margin-left: 20px;
    margin-right: 10px;
    margin-top: 5px;

    webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#feedback-button {
    position: fixed;
    width: 200px;
    height: 30px;

    -webkit-top-left-border-radius: 5px;
    -moz-border-radius-top-left: 5px;
    border-top-left-radius: 5px;

    -webkit-top-right-border-radius: 5px;
    -moz-border-radius-top-right: 5px;
    border-top-right-radius: 5px;

    background-color: #dd0000;
    color: #fff;
    font-weight: bold;
    text-shadow: 0px 1px 1px #550000;

    bottom: 0px;
    right: 120px;
    text-align: center;

    border-top: 1px solid #ff0000;
    border-left: 1px solid #ff0000;

    z-index: 99;
}

#feedback-button a {
    color: inherit;
    text-decoration: none;
    display: inline-block;
    width: 100%;
    height: 100%;
    line-height: 30px;
}

#feedback-button a:hover {
    text-decoration: none;
}

span.no-ucfirst {
    text-transform: none;
}

ul#panel_demographic {
    list-style-type: none;
    padding: 0px;

}

table#demographix-table {
    table-layout: fixed;
}

table#demographix-table th.thin {

    width: 25px;
    position: relative;
    top: 50px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    white-space: nowrap;
}

table#demographix-table th {
    height: 150px;

    position: relative;
    /*top: 20px;*/
    width: 215px;

}

td.block-1.empty {
    background-color: #efefef;
    border: none;
}

/*
td.block-2{
    background-color: #ddd;
}
td.block-3{
    background-color: #eee;
}
td.block-4{
    background-color: #cfcfcf;
}

.evaluation-table tr:hover{
    background-color: #FFE600;
}
*/

table#questions-grid-table {

    border-collapse: collapse;
    font-size: 11px;
}

table#questions-grid-table th.thin {

}

table#questions-grid-table th {

    border: 1px solid #444;
    background: transparent;
}

table#questions-grid-table td {
    border: 1px solid #444;
}

/** individual images in questions **/
img[id*=individual-] {
    float: right;
    margin-top: -75px;

    max-width: 560px;
    height: auto;
}


img#individual-980 {
    margin-right: 400px;
    margin-top: -120px;

}


p.other-sports {
    display: block;
}

div#other-sports-wrapper {
    width: 360px;
    position: absolute;
    margin-left: 500px;
    margin-top: -150px;
}

#carusell-wrapper {
    height: 800px;
    width: 900px;
    overflow: scroll;
    border: 1px solid #ccc;
    border-radius: 3px;
}

#carusell {

    padding: 10px;
    margin: 0px;

    height: 580px;

    position: relative;
    white-space: nowrap;
    width: 5000px;
}

.carusell-item {
    display: block;
    float: left;
    border: 1px solid #da001a;

    width: 103px;
}

ul.carusell-item {
    margin: 5px;
    padding: 0px;
    list-style-type: none;
}

ul.carusell-item li {
    border-collapse: collapse;
    border: 1px solid #ccc;
    margin: 0px;
    padding: 1px;
    padding-left: 3px;
    font-size: 10px;
    line-height: 10px;
    color: #000;
    width: auto;

    white-space: nowrap;
    cursor: default;
}

ul.carusell-item li:hover {
    background-color: #ffFacd;
}

li.sortable-helper {
    position: absolute;
}

ul.carusell-item li.header {
    white-space: normal;
    text-shadow: #a80008 0 -1px 1px;
    background: #da001a;
    background: -webkit-gradient(linear, left top, left bottom, from(#da001a), to(#b90009));
    background: -moz-linear-gradient(top, #da001a, #b90009);
    color: #fff;

    padding-top: 4px;
    height: 24px;
    margin-bottom: 5px;
}

ul.carusell-item li.header img {
    float: left;
    margin-right: 3px;
}

#player-pool {
    border: 1px solid #888;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    height: 120px;
    width: 870px;

    margin-top: -155px;
    background: #ccc;
    background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#dddddd));
    background: -moz-linear-gradient(top, #cccccc, #dddddd);

    overflow: auto;
}

#player-pool li {
    width: 115px;
    float: left;
    background-color: #fff;
}

#player-pool li.header {
    height: 21px;
    margin-bottom: 0px;
    line-height: 21px;
}


#player-pool li.button {
    padding: 0px;
    background: none;
    width: 124px;
    margin-right: 2px;
}

#player-pool li.button a {
    display: block;
    white-space: normal;
    color: #fff;

    text-shadow: -1px -1px 1px #980012;
    text-align: center;
    border: 1px solid #980012;

    background: linear-gradient(top, #da001a, #980012);
    background: -webkit-gradient(linear, left top, left bottom, from(#da001a), to(#980012));
    background: -moz-linear-gradient(top, #da001a, #980012);
    background: linear-gradient(top, #da001a, #980012);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#da001a', endColorstr='#980012');

    text-transform: capitalize;
    cursor: pointer;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    font-size: 14px;
    line-height: 25px;

    height: 22px;
    padding: 1px;

    margin: 1px;
    margin-top: 0px;
    margin-bottom: 0px;

    width: 120px;
}

#player-pool li.button a:hover {

    -moz-box-shadow: 0px 0px 5px #555;
    -webkit-box-shadow: 0px 0px 5px #555;
    box-shadow: 0px 0px 5px #555;


    /*    background: linear-gradient(top, #980012,  #da001a);
        background: -webkit-gradient(linear, left top, left bottom, from(#980012), to(#da001a));
        background: -moz-linear-gradient(top, #980012,  #da001a);
        background: linear-gradient(top, #980012,  #da001a);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#980012', endColorstr='#da001a');*/
}

#player-pool li.button a:active {
    background: linear-gradient(top, #980012, #da001a);
    background: -webkit-gradient(linear, left top, left bottom, from(#980012), to(#da001a));
    background: -moz-linear-gradient(top, #980012, #da001a);
    background: linear-gradient(top, #980012, #da001a);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#980012', endColorstr='#da001a');
}

#inline-12 .sortable-table tr.already_loaded {
    border: 1px solid #aa0000;
}

#performance-booster {
    border: 1px solid #666;
    border-radius: 2px;
    padding: 5px;
    background-color: #fff;

    height: 22px;
    line-height: 22px;
}

#performance-booster a {
    display: inline-block;
    height: 18px;
    width: 18px;
    border-radius: 9px;
    background-color: #666;
    border: 1px solid #444;
    line-height: 18px;
    color: #fff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
}

#performance-booster a:hover {
    background-color: #444;
    color: #efefef;
}

select.multi-select {
    height: 200px;
    width: 250px;
}


/** customer dashboard **/

#customer-logo {
    float: left;
    margin-right: 50px;
    border: 1px solid #efefef;
    padding: 4px;
    width: 100px;
    height: auto;

}

.mobile-rotate-hint {
    display: none;
}

form.filter {
    background-image: linear-gradient(bottom, #E8E8E8 18%, #D3D3D3 59%);
    background-image: -o-linear-gradient(bottom, #E8E8E8 18%, #D3D3D3 59%);
    background-image: -moz-linear-gradient(bottom, #E8E8E8 18%, #D3D3D3 59%);
    background-image: -webkit-linear-gradient(bottom, #E8E8E8 18%, #D3D3D3 59%);
    background-image: -ms-linear-gradient(bottom, #E8E8E8 18%, #D3D3D3 59%);

    border: 1px solid #ccc;
    border-radius: 2px;

    margin-bottom: 5px;
    padding-left: 15px;
}

form.filter label {
    display: inline-block;
}

form.filter input {
    background-image: linear-gradient(bottom, #dedede 18%, #ffffff 71%);
    background-image: -o-linear-gradient(bottom, #dedede 18%, #ffffff 71%);
    background-image: -moz-linear-gradient(bottom, #dedede 18%, #ffffff 71%);
    background-image: -webkit-linear-gradient(top, #dedede 18%, #ffffff 71%);
    background-image: -ms-linear-gradient(bottom, #dedede 18%, #ffffff 71%);
}

form.filter input[name=reset-filter] {
    float: right;
}

form.filter input.date {
    width: 74px;
}

.active-tag-list-item {
    background-color: #ccc;
}

/* tags */
input.tags {
    width: 120px;
}

ul.autocomplete-list {
    margin: 0px;
    padding: 0px;
    position: absolute;
    border: 1px solid #444;
    background-color: #efefef;

    box-shadow: 0px 0px 3px #444;

    list-style-type: none;
}

ul.autocomplete-list li {
    margin: 0px;
    padding: 0px;
    cursor: pointer;

    padding: 2px;
    padding-left: 10px;
    padding-right: 10px;
}

ul.autocomplete-list li:hover {
    background-color: #ffFacd;
}

ul.autocomplete-list li.active-tag-list-item {
    background-color: #ffFacd;
}

span.tag {
    border: 1px solid #444;
    border-radius: 2px;
    padding: 3px;
    padding-left: 5px;
    background-color: #efefef;
    display: inline-block;
    margin-right: 4px;
}

span.remove-tag {
    display: inline-block;
    border: 1px solid #444;
    width: 14px;
    height: 14px;
    border-radius: 7px;
    text-align: center;
    cursor: pointer;
    background-color: #CFA1AC;
}

span.remove-tag:hover {
    background-color: #CF6781;
}


.chart {
    float: left;
}

.chart-table {
    float: left;
    margin-left: 15px;
    margin-top: 0px;
    background-color: #fff;
    border: 1px solid #444;
    width: 180px;
}

.chart-table th {
    background-color: #666;
    color: #fff;
    text-shadow: none;

}

.chart-table tr.even {
    background-color: #dfdfdf;
}

.cluster-specification {
    max-width: 850px;
    font-size: smaller;
    overflow: hidden;
    border: 1px solid #ccc;
    padding-top: 8px;
    padding-bottom: 8px;
}

.options-icon.plus {
    height: 14px;
    border: none;
    background-color: transparent;
    background-image: url('/pictures/icons/folder.png');
}


.options-icon.minus {
    background-image: url('/pictures/icons/folder.png');
}

.options-icon.hidden {
    display: none;
}

#person-structure h4 {
    line-height: 23px;
}