/*
 * orange:       #f29400
 * light orange: #fcc470
 * light grey:   #cfcfcf
 * mid grey:     #8c8c8c
 */

/* Element defaults */

html {
    overflow-y: scroll;
}
body {
    margin: 0 0 40px 0;
}
body, td, th, input, textarea, select, button {
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #000;
}
body, td, th, textarea, select {
    line-height: 20px;
}
input, button {
    line-height: 15px; /* Seems to make Gecko and WebKit agree */
}
input, textarea, select, button {
    margin: 0;
}
textarea {
    height: 82px;
    overflow: auto;
}
textarea.large {
    height: 200px;
}
table {
    border-collapse: collapse;
}
td, th {
    padding: 0;
    vertical-align: top;
}
th {
    text-align: left;
}
img {
    border: none;
    vertical-align: top;
}
a {
    color: #f29400;
    cursor: pointer;
    text-decoration: none;
}
p a,
li a,
td a {
    text-decoration: underline;
}
a:hover {
    color: #8c8c8c;
}
a[name]:hover {
    color: #f29400;
    cursor: auto;
}
h1 {
    margin: -7px 0 0 0;
    font: 24px/32px Georgia, serif;
    color: #000;
}
h1,
.content-header {
    border-bottom: 1px dotted #8c8c8c;
    margin-bottom: 32px;
}
.content-header h1 {
    border: none;
    margin-bottom: 0;
}
h2,
.h2 {
    margin: 16px 0 0 0;
    font: 16px/26px Georgia, serif;
    color: #f29400;
}
h3 {
    margin: 16px 0 0 0;
    font: 12px/20px Arial, sans-serif;
    color: #f29400;
    font-weight: bold;
}
h4 {
    margin: 16px 0 0 0;
    font: 12px/20px Arial, sans-serif;
    font-weight: bold;
}
p {
    margin: 16px 0 0 0;
}
p.first,
h2.first,
h3.first,
h4.first {
    margin-top: 0;
}
blockquote {
    margin: 16px 0 0 40px;
}
form {
    margin: 0;
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    vertical-align: middle;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: none;
    padding: 0;
}
ul {
    display: block;
    margin: 16px 0 0 0;
    padding: 0;
}
ul.first {
    margin-top: 0;
}
ol {
    margin: 16px 0 0 0;
    padding: 0 0 0 30px;
}
li {
    margin: 0;
}
ul li {
    display: block;
    padding: 0 0 0 10px;
    list-style-type: none;
    background: url(/media/bullet.png) no-repeat 0 8px;
}
ol li {
    list-style-position: outside;
    padding: 0;
}
sup {
    vertical-align: top;
    position: relative;
    top: -1px;
}

/* Common gradient, border and drop shadow for several boxes */

.submit-button,
.big-button,
.flag,
.category-box,
.teaser-box,
.topic-box,
.list-box,
.service-box,
.datepicker .time .ok {
    behavior: url(/css/PIE.htc);
    border: 1px solid #8c8c8c;
    background-image: -moz-linear-gradient(top, #fff, #e1e1e1);
    background-image: -ms-linear-gradient(top, #fff, #e1e1e1);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e1e1e1));
    background-image: linear-gradient(top, #fff, #e1e1e1);
    -pie-background: linear-gradient(top, #fff, #e1e1e1);
    -moz-box-shadow: 0 0 4px #bbb;
    -webkit-box-shadow: 0 0 4px #bbb;
    box-shadow: 0 0 4px #bbb;
}

.submit-button {
    position: relative; /* for PIE */
}

/* General classes */

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.strong {
    font-weight: bold;
}
.small {
    font-size: 10px;
}

.bot-trap {
    display: none;
}

.submit-button,
.big-button {
    margin: 0;
    background-color: #fff;
    color: #000;
    -moz-user-select: none;
    text-decoration: none;
}
.submit-button:hover,
.big-button:hover {
    background: #fff;
    -pie-background: #fff;
    color: #f29400;
}
.submit-button {
    padding: 2px 10px;
    font-size: 11px;
    line-height: 14px !important;
}
.big-button {
    padding: 4px 10px;
    font: 16px Georgia, serif;
    line-height: 28px !important;
}
.cancel-button,
.delete-button {
    margin-left: 16px;
}
.block-switch-container {
    position: relative;
}

.paragraph {
    margin-top: 16px;
}
.actions {
    float: right;
    margin: 0 0 6px 10px;
}

.section {
    behavior: url(/css/PIE.htc);
    margin-top: 12px;
    padding-top: 11px;
    border-top: 1px solid #8c8c8c;
    box-shadow: inset 0 1px #cfcfcf;
}
.section.first {
    padding-top: 0;
    border-top: none;
    box-shadow: none;
}
.section h2 {
    margin: 0 0 8px 0;
}
.switchable {
    position: relative;
    background: #fff;
}
.switchable .button-container {
    position: absolute;
    top: 4px;
    right: 0;
}

.flag {
    padding: 0 5px;
    cursor: default;
}

.category-title {
    margin-bottom: 4px;
    border-top: 1px dotted #8c8c8c;
    padding-top: 4px;
}
.category-box {
    padding: 12px 15px;
}
.category-box a {
    color: #000;
    font-weight: bold;
    text-decoration: none;
}
.category-box a:hover {
    color: #f29400;
}

.warning {
    color: #c00;
}

.ck-container {
    margin-bottom: 4px;
}

/* Tables */

table.grid {
    width: 100%;
    margin-top: 16px;
}
table.grid td,
table.grid th {
    padding: 0 4px 0 16px;
    border-top: 1px dotted #8c8c8c;
    border-bottom: 1px dotted #8c8c8c;
}
table.grid td.first,
table.grid th.first {
    padding-left: 4px;
}
table.grid tr.rowset-start td {
    border-bottom: none;
}
table.grid tr.rowset-end td {
    border-top: none;
}
table.grid td.main {
    width: 100%;
}
table.grid td.number,
table.grid th.number,
table.grid td.action,
table.grid th.action {
    text-align: right;
}
table.grid td.date,
table.grid th.date {
    white-space: nowrap;
    text-align: right;
}

table.profile {
    width: 100%;
}
table.profile td.label {
    width: 140px;
    padding: 0 10px 0 0;
    font-weight: bold;
}

/* Thumbs */

.user-image,
.user-thumb,
.group-image,
.group-thumb,
.gallery-thumb-box,
.sector-icon {
    behavior: url(/css/PIE.htc);
    border: 1px solid #8c8c8c;
    -moz-box-shadow: 3px 3px 4px #bbb;
    -webkit-box-shadow: 3px 3px 4px #bbb;
    box-shadow: 3px 3px 4px #bbb;
}

.user-image,
.group-image,
.sector-icon {
    width: 110px;
    height: 110px;
}
.user-thumb,
.group-thumb {
    width: 39px;
    height: 39px;
}
.user-thumb-list,
.group-thumb-list {
    margin: 8px 0 0 0;
}
.stream-item .user-thumb-list,
.stream-item .group-thumb-list {
    margin: 4px 0 -8px 0;
}
.user-thumb-list a,
.group-thumb-list a {
    display: inline-block;
    margin: 0 8px 10px 0;
}
.user-text,
.group-text {
    margin-left: 70px;
}

.user-thumb-container,
.group-thumb-container,
.gallery-thumb-container {
    float: left;
}
.gallery-thumb-box {
    width: 100px;
    height: 100px;
    padding: 4px;
    border: 1px solid #8c8c8c;
    background-color: #f6f6f6;
    text-align: center;
}

/* Layout */

#header {
    behavior: url(/css/PIE.htc);
    min-width: 970px;
    height: 59px;
    border-bottom: 1px solid #8c8c8c;
    background-image: -moz-linear-gradient(#fff, #eaeaea);
    background-image: -ms-linear-gradient(#fff, #eaeaea);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eaeaea));
    background-image: linear-gradient(#fff, #eaeaea);
    -pie-background: linear-gradient(#fff, #eaeaea);
    box-shadow: 0 1px #cfcfcf;
}
#header .inner {
    width: 970px;
    margin: 0 auto;
}
#header .button {
    behavior: url(/css/PIE.htc);
    padding: 0 9px;
    font: 16px Georgia, serif;
    line-height: 28px !important;
    background-image: -moz-linear-gradient(#fff, #d2d2d2);
    background-image: -ms-linear-gradient(#fff, #d2d2d2);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#d2d2d2));
    background-image: linear-gradient(#fff, #d2d2d2);
    -pie-background: linear-gradient(#fff, #d2d2d2);
    color: #000;
    text-decoration: none;
}
#header .button:hover,
#header .navi .hover {
    background: #fff;
    -pie-background: #fff;
    color: #f29400;
}
#header .logo {
    float: left;
    width: 230px;
}
#header .navi {
    float: left;
    margin: 20px 0 0 20px;
    padding-right: 1px;
}
#header .navi .container {
    position: relative;
    float: left;
    border: 1px solid #8c8c8c;
    margin-right: -1px;
}
#header .navi .item {
    float: left;
}
#header .navi .submenu {
    position: absolute;
    display: none;
    left: -1px;
    top: 28px;
    width: 160px;
    z-index: 1;
}
#header .navi .link-list {
    clear: both;
    margin-top: 10px;
    border: 1px solid #8c8c8c;
    border-top-width: 0;
    padding: 18px 0 0 0;
    background: #fff url(/media/submenu-bg.png) no-repeat;
    line-height: 24px;
}
#header .navi .link-list a {
    display: block;
    border-top: 1px dotted #8c8c8c;
    padding: 0 10px;
    color: #000;
    text-decoration: none;
}
#header .navi .link-list a.first {
    border-top: none;
}
#header .navi .link-list a:hover {
    color: #fff;
    background-color: #f29400;
}
#header .login,
#header .search {
    float: right;
}
#header .login .member-area-link {
    margin-top: 30px;
}
#header .login .password-reset {
    margin: 4px 0 0 170px;
    font-size: 10px;
    line-height: 16px;
}
#header .login .password-reset a {
    color: #8c8c8c;
    text-decoration: none;
}
#header .login .text-input {
    float: left;
    width: 142px;
    margin-right: 10px;
    border: 1px solid #8c8c8c;
    padding: 6px 8px 7px 8px;
}
#header .login button {
    float: left;
}
#header .search form {
    margin-top: 20px;
}
#header .search .text-input {
    width: 172px;
    border: 1px solid #8c8c8c;
    padding: 6px 8px 7px 8px;
    background: #fff url(/media/sprites.png) 154px -50px no-repeat;
}

#middle {
    width: 970px;
    margin: 40px auto 0 auto;
}
#left {
    float: left;
    width: 210px;
    margin-right: 40px;
    min-height: 360px;
    text-align: right;
}
#content {
    float: left;
    width: 490px;
}
#content-wide {
    float: left;
    width: 740px;
}
#right {
    float: left;
    width: 190px;
    margin-left: 40px;
}

#public-content {
    float: left;
    width: 490px;
    margin-left: 20px;
}
#public-right {
    float: left;
    width: 360px;
    margin-left: 80px;
}

#footer {
    width: 970px;
    margin: 30px auto 0 auto;
    border-top: 1px solid #8c8c8c;
    padding-top: 16px;
    box-shadow: inset 0 1px #cfcfcf;
}
#footer .link-list {
    text-align: center;
    color: #cfcfcf;
}
#footer .link-list  a {
    color: #cfcfcf;
}
#footer .link-list  a:hover {
    color: #fcc470;
    text-decoration: underline;
}

/* Left column */

#left .image-container {
    margin-bottom: 20px;
}
#left h2 {
    margin: 0 0 10px 0;
    font-size: 18px;
    color: #000;
}
#left h3 {
    margin: 20px 0 8px 0;
    font: 12px/20px arial, sans-serif;
    font-weight: bold;
    color: #000;
}
#left .link-list {
    margin-bottom: 20px;
}
#left .link-list a {
    display: block;
    color: #000;
    text-decoration: none;
}
#left .link-list a.selected {
    color: #f29400;
    font-weight: bold;
    text-decoration: none;
}
#left .link-list a:hover {
    color: #8c8c8c;
}
#left .contacts {
    margin-left: 50px;
}
#left .contacts a {
    display: inline-block;
    margin: 0 0 10px 8px;
}
#left .label {
    font-weight: bold;
}
#left select {
    font-size: 11px;
}

/* Right column */

.user-info .thumb {
    float: left;
    width: 50px;
}
.user-info .text {
    float: left;
    width: 110px;
    margin-top: -4px;
}
.user-info .name {
    font-family: Georgia, serif;
}
.user-info .text a {
    text-decoration: none;
}
#right .button-container {
    margin-top: 10px;
    border-top: 1px dotted #8c8c8c;
}
#right .submit-button {
    display: block;
    width: 100px;
    margin-top: 10px;
    padding-left: 28px;
    background-repeat: no-repeat;
}
.profile-button {
    behavior: url(/css/PIE.htc);
    background-image: url(/media/sprites.png), -moz-linear-gradient(top, #fff, #e1e1e1);
    background-image: url(/media/sprites.png), -ms-linear-gradient(top, #fff, #e1e1e1);
    background-image: url(/media/sprites.png), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e1e1e1));
    background-image: url(/media/sprites.png), -x-dummy(), linear-gradient(top, #fff, #e1e1e1);
    -pie-background: url(/media/sprites.png) -70px -76px no-repeat, linear-gradient(top, #fff, #e1e1e1);
    background-position: -70px -76px, 0 0;
}
.profile-button:hover {
    background: url(/media/sprites.png) -70px -76px no-repeat;
    -pie-background: url(/media/sprites.png) -70px -76px no-repeat, #fff;
}
.logout-button {
    behavior: url(/css/PIE.htc);
    border: 1px solid #f29400;
    color: #fff;
    background-color: #f29400;
    background-image: url(/media/sprites.png), -moz-linear-gradient(top, #f9d08e, #f29400);
    background-image: url(/media/sprites.png), -ms-linear-gradient(top, #f9d08e, #f29400);
    background-image: url(/media/sprites.png), -webkit-gradient(linear, left top, left bottom, from(#f9d08e), to(#f29400));
    background-image: url(/media/sprites.png), -x-dummy(), linear-gradient(top, #f9d08e, #f29400);
    -pie-background: url(/media/sprites.png) -70px -3px no-repeat, linear-gradient(top, #f9d08e, #f29400);
    background-position: -70px -3px, 0 0;
}
.logout-button:hover {
    background: url(/media/sprites.png) -70px -99px no-repeat;
    -pie-background: url(/media/sprites.png) -70px -99px no-repeat, #fff;
}
.settings-button {
    behavior: url(/css/PIE.htc);
    background-image: url(/media/sprites.png), -moz-linear-gradient(top, #fff, #e1e1e1);
    background-image: url(/media/sprites.png), -ms-linear-gradient(top, #fff, #e1e1e1);
    background-image: url(/media/sprites.png), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e1e1e1));
    background-image: url(/media/sprites.png), -x-dummy(), linear-gradient(top, #fff, #e1e1e1);
    -pie-background: url(/media/sprites.png) -70px -51px no-repeat, linear-gradient(top, #fff, #e1e1e1);
    background-position: -70px -51px, 0 0;
}
.settings-button:hover {
    background: url(/media/sprites.png) -70px -51px no-repeat;
    -pie-background: url(/media/sprites.png) -70px -51px no-repeat, #fff;
}
.notifications-button {
    behavior: url(/css/PIE.htc);
    background-image: url(/media/sprites.png), -moz-linear-gradient(top, #fff, #e1e1e1);
    background-image: url(/media/sprites.png), -ms-linear-gradient(top, #fff, #e1e1e1);
    background-image: url(/media/sprites.png), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e1e1e1));
    background-image: url(/media/sprites.png), -x-dummy(), linear-gradient(top, #fff, #e1e1e1);
    -pie-background: url(/media/sprites.png) -70px -26px no-repeat, linear-gradient(top, #fff, #e1e1e1);
    background-position: -70px -26px, 0 0;
}
.notifications-button:hover {
    background: url(/media/sprites.png) -70px -26px no-repeat;
    -pie-background: url(/media/sprites.png) -70px -26px no-repeat, #fff;
}
.notification-count {
    behavior: url(/css/PIE.htc);
    float: right;
    width: 34px;
    height: 30px;
    padding-top: 10px;
    color: #fff;
    background: url(/media/sprites.png) -1px -3px no-repeat;
    -pie-background: url(/media/sprites.png) -1px -3px no-repeat;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}
.notification-count:hover {
    color: #fff;
}

.market-image {
    width: 142px;
    height: 39px;
    margin-left: -7px;
    padding: 30px 0 0 13px;
    font-family: Georgia, serif;
    color: #fff;
    background: url(/media/market-rcol.png) no-repeat;
}

/* Profiles */

.subline {
    font-weight: bold;
    color: #f29400;
}

a.profile-add {
    color: #fcc470;
    text-decoration: underline;
}
a.profile-add:hover {
    color: #cfcfcf;
}

.profile-entry {
    position: relative;
    padding-bottom: 8px;
    border-bottom: 1px dotted #8c8c8c;
    margin-bottom: 8px;
}

.profile-visibility {
    margin-bottom: 8px;
}
.profile-visibility label {
    padding-right: 8px;
    font-weight: bold;
    color: #f29400;
}

.experience-job-title {
    font-weight: bold;
}
.experience-company {
    font-weight: bold;
}

/* Contact and group search */

.search-query {
    margin-top: 16px;
    font: 16px/24px Georgia, serif;
}
.search-query .label {
    color: #f29400;
}
.result-count {
    margin-bottom: 12px;
    font-weight: bold;
}

.search-result {
    clear: both;
    margin-top: 16px;
    border-top: 1px dotted #8c8c8c;
    padding-top: 16px;
}
.search-result.first {
    border-top: none;
    padding-top: 0;
}
.search-result .title {
    font-family: Georgia, serif;
}
.search-result a.title,
.search-result .title a {
    text-decoration: none;
}
.search-result .value {
    color: #f29400;
}
.button-section {
    margin-top: 16px;
    border-top: 1px dotted #8c8c8c;
    border-bottom: 1px dotted #8c8c8c;
    padding: 10px 0;
}
.button-section .submit-button {
    display: block;
    width: 88px;
    text-align: center;
}

.result-pages {
    text-align: center;
}
.result-pages .page {
    padding: 0 6px;
    font-size: 14px;
}
.result-pages span.page {
    color: #f29400;
    font-weight: bold;
}
.result-pages a.page {
    color: #000;
    text-decoration: none;
}
.result-pages .prev,
.result-pages .next {
    font-family: Georgia, serif;
}
.result-pages .prev {
    padding-right: 12px;
}
.result-pages .next {
    padding-left: 12px;
}

/* Popups */

.popup-background {
    position: absolute;
    z-index: 5;
    display: none;
    width: 100%;
    height: 100%;
    background: #fff;
}
.popup {
    position: absolute;
    z-index: 6;
    display: none;
    width: 100%;
    height: 100%;
}
.popup .form-box {
    top: 99px;
    width: 458px;
    margin: 0 auto;
    box-shadow: 0 0 43px #bbb;
    -moz-box-shadow: 0 0 43px #bbb;
    -webkit-box-shadow: 0 0 43px #bbb;
}

/* Stream */

.post-container {
}
.post-button {
    behavior: url(/css/PIE.htc);
    display: block;
    border: 1px solid #cfcfcf;
    padding: 4px 8px;
    box-shadow: inset 1px 1px #8c8c8c;
    color: #fcc470;
    cursor: text;
}
.post-button:hover {
    color: #cfcfcf;
}
#recipients {
    behavior: url(/css/PIE.htc);
    display: none;
    width: 446px; /* 490 - 2 * (15 + 1 + 5 + 1) */
    margin: 0 0 8px 0;
    border: 1px solid #cfcfcf;
    box-shadow: inset 1px 1px #8c8c8c;
}

.stream-item,
.stream-footer {
    margin-top: 16px;
    padding-top: 17px;
    border-top: 1px solid #8c8c8c;
    box-shadow: inset 0 1px #cfcfcf;
}
.stream-item .recipients {
    color: #8c8c8c;
}
.stream-item .ad-message {
    font-weight: bold;
}
.stream-item .forum-item,
.stream-item .answer {
    margin: 8px 0;
}
.stream-item .answer-link {
    behavior: url(/css/PIE.htc);
    margin-top: 4px;
    padding-left: 20px;
    background: url(/media/sprites.png) -76px -121px no-repeat;
    -pie-background: url(/media/sprites.png) -76px -121px no-repeat;
    font-weight: bold;
}
.stream-item .answer-link a {
    color: #8c8c8c;
    text-decoration: none;
}
.forum-post {
    margin-bottom: 20px;
}
.forum-answer {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px dotted #8c8c8c;
}
.forum-answer-first {
    padding-top: 0;
    border-top: none;
}
.forum-signature {
    color: #8c8c8c;
}
.forum-signature a {
    text-decoration: none;
}
.stream-item .name,
.forum-post .title {
    font: 16px Georgia, serif;
    color: #f29400;
    text-decoration: none;
}
.stream-item a.name:hover {
    color: #8c8c8c;
}

a.more-posts {
    display: block;
    margin: 0 70px;
    text-align: center;
}
a.posts-loading,
a.posts-loading:hover {
    background: url(/media/loading-bar.gif) center center no-repeat;
}
a.posts-loading .text {
    visibility: hidden;
}

/* Forms */

.form-section {
    margin-top: 16px;
    border-top: 1px dotted #8c8c8c;
    padding-top: 12px;
}
.form-section h2 {
    margin-top: 0;
}
.text-input {
    margin: 0;
    /*border: 1px solid #cfcfcf;*/
    padding-left: 4px;
    padding-right: 4px;
    /*box-shadow: inset 1px 1px #8c8c8c;*/
}
/*.text-input:focus {
    border: 1px solid #000;
    box-shadow: none;
}*/
.form-select {
    margin: 0;
}
.form-hint {
    color: #fcc470;
}
/* must use separate rules */
::-webkit-input-placeholder {
    color: #fcc470;
}
::-moz-placeholder {
    color: #fcc470;
}
:-moz-placeholder {
    color: #fcc470;
}
:-ms-input-placeholder {
    color: #fcc470;
}

img.loading {
    display: none;
    width: 20px;
    height: 20px;
    margin: 0 0 0 12px;
    vertical-align: top;
}
.form-loading img.loading {
    display: inline;
}
.error {
    display: block;
    color: #c00;
}
div.error {
    margin-bottom: 4px;
}

.success {
    position: relative;
    height: 34px;
    border: 1px solid #8c8c8c;
    padding: 14px 0 0 60px;
    background: #fff url(/media/check-mark.jpg) no-repeat;
    font: 16px Georgia, serif;
}
.success .close-button {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 24px;
    height: 24px;
    background: url(/media/form-close-button.png) no-repeat;
}

.form-box {
    position: relative;
    border: 1px solid #8c8c8c;
    padding: 8px 15px 15px 15px;
    background: #fff;
}
.form-box .form-close-button {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 24px;
    height: 24px;
    background: url(/media/form-close-button.png) no-repeat;
}
.hidden {
    display: none;
}
.form-box .form-section {
    margin: 4px 0 8px 0;
    border-top: 1px dotted #8c8c8c;
    padding: 8px 0 0 0;
}
.form-box .form-section-last {
    padding: 12px 0 0 0;
}
.form-box .form-section-last,
.form-box .submit-button {
    font-size: 16px;
    font-family: Georgia, serif;
    line-height: 24px !important;
}
.form-box .submit-button {
    padding: 4px 10px;
}
.form-box .label {
    font-weight: bold;
}
/* TODO: remove */
.form-box .full-width {
    width: 446px;
}
.form-box textarea,
.form-box .text-input {
    width: 446px;
}
.form-box .radio-button {
    vertical-align: middle;
}
.form-box .pair-container,
.category-box .pair-container {
    margin-left: -10px;
}
.form-box .pair,
.category-box .pair {
    float: left;
    width: 224px;
    margin-left: 10px;
}
.form-box .pair input {
    width: 212px;
}
.form-box .pair select {
    width: 224px;
}
.form-box .triple {
    float: left;
    width: 145px;
    margin-left: 10px;
}
.form-box .triple-first,
.form-box .pair-first {
    margin-left: 0 !important;
}
.form-box .triple input {
    width: 133px;
}
.form-box .triple select {
    width: 145px;
}
.form-box input.year {
    width: 40px;
}

form.inline {
    display: inline;
}

.main-form .label {
    font: 16px/26px Georgia, serif;
    color: #f29400;
}
.main-form .text-input {
    width: 478px;
}
.main-form .date-input {
    width: 120px;
}

table.form {
    border-spacing: 0;
}
table.form td {
    padding: 0 0 4px 0;
}
table.form td.label {
    padding: 1px 16px 0 0;
}
table.form td.checkbox {
    padding: 0px 16px 0 0;
}
table.form .text-input {
    width: 180px;
}
table.form select {
    width: 192px;
}
table.form td.radio-button {
    width: 32px;
}
table.form td.submit {
    padding: 4px 0 0 0;
}

/* Search select */

.search-select {
    position: relative;
    padding: 2px 5px;
    line-height: 24px;
}
.search-select .search-input {
    width: 180px;
    height: 14px;
    border: none;
    padding: 2px 0;
}
.search-select .search-input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
.search-select .item {
    background: #fcc470;
    padding: 2px 4px;
    margin-right: 4px;
    line-height: 16px;
}
.search-select .item .delete-button {
    display: inline-block;
    width: 16px;
    height: 15px;
    margin-left: 6px;
    background: url(/media/item-delete-button.png) no-repeat;
    vertical-align: top;
}
.search-select .result-container {
    z-index: 1;
    width: 456px;
    border: 1px solid #cfcfcf;
    background-color: #fff;
}
.search-select .result-container .result {
    padding: 2px 5px;
    border-bottom: dotted 1px #8c8c8c;
    line-height: 18px;
}
.search-select .result-container .last {
    border-bottom: none;
}
.search-select .result-container .selected {
    background-color: #f6f6f6;
}

/* Settings */

#broadcast-form label {
    padding-right: 8px;
}

table.payments td.date {
    white-space: nowrap;
}
table.payments td.title {
    width: 100%;
}
table.payments td.amount {
    white-space: nowrap;
}
table.payments .amount {
    text-align: right;
}

/* Market */

.market-text {
    margin-left: 130px;
}
.market-text .title {
    font-size: 16px;
}

.market-extra-box {
    margin-top: 16px;
    text-align: center;
}

/* News */

.news-teaser-content {
    margin-left: 130px;
}
.news-teaser-title {
    font-size: 16px;
}

/* Events */

.event-search-text {
    margin-bottom: 16px;
}
.event-text {
    margin-left: 130px;
}
.event-text .title {
    font-size: 16px;
}
.event-search {
    float: right;
    margin-bottom: 12px;
}
.event-search select {
    margin-left: 2px;
}

/* Search */

.search-result-title {
    font-size: 16px;
}

/* Cropper */

.cropper-container {
    width: 970px;
    margin: 20px auto 0 auto;
}
.cropper-container .box {
    width: 802px;
    margin-left: 98px;
    border: 1px solid #8c8c8c;
    padding: 19px 9px;
}
.cropper-container .center {
    margin: 0 auto;
}
.cropper-container form {
    margin-top: 16px;
}

.cropper {
    position: relative;
}
.cropper .selection {
    border: 1px dashed #fff;
    background: url(/media/1x1.png); /* for IE */
}
.cropper .mask {
    background: #000;
    opacity: 0.5;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(opacity=50)';
}
.cropper .handle {
    width: 20px;
    height: 20px;
    background: url(/media/cropper-handle.png) no-repeat center center;
}

/* Gallery */

.gallery-thumb-list {
    margin-right: -16px;
}
.gallery-thumb-list-editable {
    border-bottom: 1px dotted #8c8c8c;
}
.gallery-thumb-list-item {
    float: left;
    margin: 0 16px 16px 0;
}
.gallery-delete {
    display: block;
    width: 88px;
    margin-top: 12px;
    text-align: center;
}
.gallery-move {
    margin-top: 12px;
}

#gallery-popup {
    -moz-user-select: none;
}
.gallery-loading {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(/media/loading.gif) no-repeat center center;
    display: none;
}
.loading .gallery-loading {
    display: block;
}
.gallery-navi-prev,
.gallery-navi-next {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    width: 50%;
    cursor: pointer;
}
.gallery-navi-prev {
    left: 0;
    background: url(/media/gallery-prev.png) no-repeat left center;
}
.gallery-navi-next {
    right: 0;
    background: url(/media/gallery-next.png) no-repeat right center;
}
.gallery-close {
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    width: 64px;
    height: 60px;
    background: url(/media/gallery-close.png) no-repeat;
}
.gallery-image {
    position: absolute;
    display: block;
    border: 1px solid #8c8c8c;
    -moz-box-shadow: 0 0 43px #bbb;
    -webkit-box-shadow: 0 0 43px #bbb;
    box-shadow: 0 0 43px #bbb;
}

/* Public */

.teaser-box {
    padding: 6px 20px;
}
.teaser-box h2,
.teaser-box .h2 {
    margin: 0 0 -12px 0;
    border-bottom: 1px dotted #8c8c8c;
    padding-bottom: 4px;
    color: #000;
    font-size: 20px;
}

.stage {
    position: relative;
    width: 970px;
    height: 360px;
    margin-top: -20px;
    background-repeat: no-repeat;
}
.stage h1 {
    position: absolute;
    top: 19px;
    left: -11px;
    width: 418px;
    height: 119px;
    border: none;
    padding: 18px 0 0 34px;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 40px;
    line-height: 40px;
    font-weight: normal;
}
.stage h1 span {
    display: block;
}

.benefit-content h2 {
    margin: 20px 0 12px 0;
    font-size: 28px;
    line-height: 24px;
    color: #000;
}
.benefit-content h3,
.benefit-content .h3 {
    margin: 16px 0 -16px 0;
    font: 20px/28px Georgia, serif;
    color: #f29400;
}
.benefit-content .text-container {
    border-top: 1px dotted #8c8c8c;
    border-bottom: 1px dotted #8c8c8c;
    padding: 10px 0;
}
.benefit-content .first {
    margin-top: 0;
}
.benefit-content .register-box {
    margin: 20px 40px 0 40px;
    padding-bottom: 10px;
    text-align: center;
}
.benefit-content a.register-box,
.benefit-content .register-box span {
    display: block;
    color: #000;
}
.benefit-content .register-box .h3 {
    margin: 0 0 -8px 0;
    border-bottom: 1px dotted #8c8c8c;
    padding-bottom: 2px;
    font-size: 16px;
    line-height: 32px;
    color: #000;
}
.benefit-item {
    border-top: 1px dotted #8c8c8c;
}
.benefit-icon-col {
    float: left;
    width: 100px;
    margin-top: 6px;
}
.benefit-text-col {
    margin-left: 120px;
}
.benefit-content .benefit-text-col h3 {
    margin-top: 6px;
}

.advantage-box h2 {
    text-align: center;
}

.teaser-box ul {
    margin-top: 0;
}

.tos-number {
    float: left;
}
.tos-item {
    margin-left: 45px;
}

table.imprint {
    margin-top: 16px;
}
table.imprint td.label {
    padding-right: 20px;
}

/* Service */

.topic-box {
    margin-top: 16px;
    padding: 16px 19px;
}
.topic {
    margin-top: 10px;
    border-top: 1px dotted #8c8c8c;
    padding-top: 10px;
}
.topic.first {
    margin-top: 0;
    border-top: none;
    padding-top: 0;
}
.topic-thumb {
    float: left;
}
.topic-text {
    margin-left: 110px;
}
.topic-text h3 {
    margin-top: 0;
    font: 14px Georgia, serif;
    font-weight: normal;
}

h2.content,
h3.content,
h4.content {
    margin-bottom: -16px;
}
.list-box {
    margin: 20px 0;
    padding: 8px 19px;
}

table.table-box {
    behavior: url(/css/PIE.htc);
    margin-top: 20px;
    border: 1px solid #8c8c8c;
    -moz-box-shadow: 0 0 4px #bbb;
    -webkit-box-shadow: 0 0 4px #bbb;
    box-shadow: 0 0 4px #bbb;
}
table.table-box th,
table.table-box td {
    border-left: 1px dotted #8c8c8c;
    border-right: 1px dotted #8c8c8c;
    border-top: 1px solid #8c8c8c;
    border-bottom: 1px solid #8c8c8c;
    padding: 4px 6px;
    background: #e1e1e1;
}
table.table-box th {
    behavior: url(/css/PIE.htc);
    background-image: -moz-linear-gradient(top, #fff, #e1e1e1);
    background-image: -ms-linear-gradient(top, #fff, #e1e1e1);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e1e1e1));
    background-image: linear-gradient(top, #fff, #e1e1e1);
    -pie-background: linear-gradient(top, #fff, #e1e1e1);
}
table.table-box tr.header td {
    background: #fff;
    font-weight: bold;
}
table.table-box p {
    margin: 0;
}
table.table-box td.number {
    text-align: right;
}
table.table-box tr.group-first td {
    border-bottom: none;
    padding-bottom: 0;
}
table.table-box tr.group td {
    border-top: none;
    border-bottom: none;
    padding-top: 0;
    padding-bottom: 0;
}
table.table-box tr.group-last td {
    border-top: none;
    padding-top: 0;
}

.service-box {
    margin-top: 32px;
    padding: 10px 8px 6px 8px;
}
.service-box h2 {
    margin-top: 0;
    border-bottom: 1px dotted #8c8c8c;
    padding-bottom: 6px;
}

/* Back office */

/* Slideshow */

.slideshow {
    position: relative;
    overflow: hidden;
}
.news-slideshow {
    width: 490px;
    height: 320px;
}
.slideshow .item-spec {
    display: none;
}
.slideshow .item {
    background: url('/media/loading.gif') no-repeat center center;
    text-align: center;
}
.slideshow .item img {
    border: 1px solid #8c8c8c;
}
.news-slideshow .item {
    width: 100%;
    height: 100%;
    background: #fff;
}
.slideshow a.right,
.slideshow a.left {
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    z-index: 2;
    cursor: pointer;
}
.slideshow a.left {
    left: 0;
}
.slideshow a.right {
    right: 0;
}
.slideshow a.left:hover {
    background: url(/media/gallery-prev.png) no-repeat left center;
}
.slideshow a.right:hover {
    background: url(/media/gallery-next.png) no-repeat right center;
}

/* Date picker */

.datepicker {
    position: absolute;
    border: 2px solid #cfcfcf;
    width: 194px;
    padding: 3px;
    height: 221px;
    background: #fff;
    line-height: normal;
    z-index: 3003;
}

.datepicker.column_2 {
    width: 393px;
}
.datepicker.column_3 {
    width: 592px;
}
.datepicker.column_4 {
    width: 791px;
}
.datepicker.column_5 {
    width: 990px;
}

/* header
********************************************************/
.datepicker .header {
    position: relative;
    background: #cfcfcf;
    height: 21px;
    padding-top: 4px;
    margin-bottom: 3px;
    overflow: hidden;
}

.datepicker .header .title {
    text-align: center;
    padding-top: 1px;
    position: absolute;
    color: #fff;
    font-family: Georgia, serif;
    width: 99999px;
}

.datepicker .header .titleText {
}
.datepicker .header .next,
.datepicker .header .previous,
.datepicker .header .closeButton {
    position: absolute;
    width: 13px;
    height: 13px;
    background: #fff;
    border: 1px solid #f6f6f6;
    font-size: 11px;
    line-height: 13px;
    text-align: center;
    top: 5px;
    cursor: pointer;
}
.datepicker .header .previous {
    left: 5px;
}
.datepicker .header .next {
    right: 28px;
}
.datepicker .header .closeButton {
    right: 5px;
}

/* body
********************************************************/
.datepicker .body {
    position: relative;
    top: 0px;
    left: 0px;
    height: 193px;
    overflow: hidden;
}

/* Columns */

.datepicker .body .column {
    float: left;
    width: 194px;
    min-height: 193px;
    margin-left: 5px;
}

.datepicker .body .column.column_1 {
    margin-left: 0;
}

.datepicker .titleText .column {
    float: left;
    width: 171px;
    margin-left: 5px;
}

.datepicker .titleText .column.column_1 {
    margin-left: 0;
}

/* time
********************************************************/
.datepicker .time {
	width: 100%;
	height: 100%;
	background: #eee;
}

.datepicker .time .hour,
.datepicker .time .separator,
.datepicker .time .minutes {
	border: 1px solid #8c8c8c;
	background: #fff;
	width: 50px;
	font-size: 32px;
	position: absolute;
	top: 50px;
	text-align: center;
	padding: 2px;
}

.datepicker .time .hour {
	left: 30px;
}
.datepicker .time .separator {
	background: transparent;
	border: 0px;
	width: 10px;
	left: 91px;
}

.datepicker .time .minutes {
	left: 110px;
}
.datepicker .time .ok {
	position: absolute;
	top: 105px;
	width: 136px;
	left: 30px;
	font-size: 20px;
}

/* days-grid
********************************************************/
.datepicker .days .day {
    float: left;
    background: #cfcfcf;
    cursor: pointer;
    text-align: center;
    padding-top: 3px;
    width: 25px;
    overflow: hidden;
    height: 22px;
    margin: 0 3px 3px 0;
}

.datepicker .days .day0 {
    margin-right: 0;
}

.datepicker .days .week5 .day {
    margin-bottom: 0;
}

/* days-colors
********************************************************/
.datepicker .days .title {
    background: none;
    font-family: Georgia, serif;
    cursor: default;
}

.datepicker .days .otherMonth {
    background: #f6f6f6;
    color: #cfcfcf;
}

/* months
********************************************************/
.datepicker .months .month {
    float: left;
    background: #f6f6f6;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    width: 62px;
    height: 31px;
    padding-top: 15px;
    margin: 0 3px 3px 0;
}

.datepicker .months .month3,
.datepicker .months .month6,
.datepicker .months .month9,
.datepicker .months .month12 {
    margin-right: 0;
    width: 64px;
}

.datepicker .months .month10,
.datepicker .months .month11,
.datepicker .months .month12 {
    margin-bottom: 0;
}

/* years
********************************************************/
.datepicker .years .year {
    float: left;
    background: #f6f6f6;
    cursor: pointer;
    text-align: center;
    padding-top: 11px;
    width: 46px;
    overflow: hidden;
    height: 25px;
    margin: 0 3px 3px 0;
}

.datepicker .years .year3,
.datepicker .years .year7,
.datepicker .years .year11,
.datepicker .years .year15,
.datepicker .years .year19 {
    margin-right: 0;
    width: 47px;
}

.datepicker .years .year16,
.datepicker .years .year17,
.datepicker .years .year18,
.datepicker .years .year19 {
    margin-bottom: 0;
    height: 26px;
}

/* global
********************************************************/
.datepicker .selected {
    background: #fcc470 !important;
}

.datepicker .days .otherMonth.selected {
    background: #fcc470 !important;
    color: #000;
}

.datepicker .unavailable,
.datepicker .body .days .week .day.unavailable:hover {
    background: #edd !important;
    color: #b88 !important;
    cursor: default !important;
}

.datepicker .days .week .day:hover,
.datepicker .months .month:hover,
.datepicker .years .year:hover {
    background: #f29400 !important;
    color: #fff !important;
}

.datepicker th {
    font-weight: normal;
}

