/********** GENERAL STYLES **********/

.group-description, .group-allocation-list, .group-event-list, .group-news-list, .file-list, .sponsor-list, .no-rows {
    margin-top: 20px;
}


#column-left, #column-right, #content {
    overflow: hidden;
}

#column-left {
    width: 48%;
    float: left;
}

#column-right {
    width: 48%;
    float: right;
}

.list-more {
    font-size: 80%;
}

.list-action {
    font-size: 80%;
    float: right;
    padding-left: 15px;
    padding-bottom: 10px;
}

.importantLink {
    text-decoration: underline !important;
}

.range {
    float: right;
}

.range select {
    font-size: 80%;
}

.rangeLabel {
    margin-right: 10px;
    font-size: 80%;
}

table {
    border-collapse: collapse;
}

/********** NEWS ITEM STYLES **********/

table.news-item-layout td {
    vertical-align: top;
}

table.news-item-layout td.spacer {
    width: 20px;
}

.news-info {
    font-size: 80%;
    font-style: italic;
}

.news-more {
    font-size: 80%;
}

/********** FILE LIST STYLES **********/

.file-list img.icon {
    vertical-align: top;
}

.file-list td.cell-icon {
    width: 25px;
}

.file-list td.cell-size {
    width: 6em;
    text-align: right;
}

/********** TABLE STYLES **********/

table.value-list {
    border: 0;
    width: 100%;
    border-collapse: collapse;
}

table.value-list tr.grouping-row {
    font-weight: bold;
}

table.value-list tr.grouping-row td {
    padding-top: 10px;
    padding-bottom: 5px;
}

table.value-list tr.row {
    color: #333333;
}

table.value-list tr.row td {
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
}

table.value-list a {
    text-decoration: none;
}

table.value-list td {
    vertical-align: top;
}

.value-list-more {

}

/********** ALBUM LIST STYLES **********/

.album {
    clear: both;
    padding-top: 20px;
}

.album .thumbnail {
    float: left;
    width: 100px;
    margin-right: 20px;
    margin-bottom: 10px;
    border: 2px solid #999999;
}

.image-placeholder {
    background: #EEE;
    border: 1px solid #CCC;
    width: 100px;
    height: 100px;
}

.album h2 {
    margin-left: 120px;
    margin-top: 0;
}

/********** ALBUM DETAIL STYLES: OVERVIEW **********/

.album-overview-container {
    overflow: visible;
    padding-bottom: 100px; /* space for captions in last row */
}

.album-overview-photo {
    float: left;
    margin: 20px 20px 20px 0;
    position: relative;
}

.album-overview-photo-image {
    text-align: center;
    padding-bottom: 5px;
}

.album-overview-photo-image img {
    vertical-align: middle;
}

.album-overview-photo-summary-container {
    bottom: 0;
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 80%;
}

.album-overview-photo-summary {
    border: 1px solid transparent;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    height: 1.3em;
    width: 100%;
}

.album-overview-photo-summary-full {
    border: 1px solid #DDD;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    background: white;
    z-index: 1;
    width: 100%;
}

.album-overview-end {
    clear: both;
}

.album-overview-photo span {
    width: 100%;
    height: 100%;
    position: absolute;
    background: url("../images/album/play.png") no-repeat 50% 50%;
    background-size: 120%;
}

/********** ALBUM DETAIL STYLES: SLIDESHOW **********/

.album-slideshow-container {
    padding-bottom: 20px;
    padding-top: 20px;
}

.album-slideshow-animation {
    width: 100%;
    margin: auto;
}

.album-slideshow-photo {
    text-align: center;
    vertical-align: middle;
}

.album-slideshow-photo-summary {
    text-align: center;
    background: white;
    opacity: 0.8;
    font-size: 80%;
    position: absolute;
    display: none;
    padding: 15px;
}

.album-slideshow-buttons {
    text-align: center;
}

.album-slideshow-button {
    cursor: pointer;
}

/********** CONTACT STYLES **********/

.contact-image {
    float: right;
    width: 100px;
}

.contact-institutionLogo {
    float: right;
    width: 100px;
}

.contact-attributes-without-image {
}

.contact-attributes-with-image {
    margin-right: 120px;
}

/********** CONTACT STYLES **********/

.group-image {
    width: 45%;
}

.cell-contact-image {
    text-align: right;
}

.cell-contact-image img {
    width: 80px;
}

.cell-contact-institutionLogo {
    text-align: right;
}

.cell-contact-institutionLogo img {
    width: 80px;
}

/********** EVENT STYLES **********/

.event-text {
    padding-top: 20px;
}

.event-list td.cell-time {
    width: 8em;
}

.event-list td.cell-time-ext {
    width: 15em;
}

.event-list td.cell-participant-ext {
    width: 8em;
}

div.cell-participant, div.cell-participant-ext {
    float: right;
}

.event-list .detail {
    font-size: 80%;
}

.event-cell .detail {
    font-size: 80%;
}

.event-cell .time {
    font-size: 80%;
    padding-bottom: 2px;
    padding-top: 1px;
}

.event-cell {
    border-top: 1px solid #DDDDDD;
    padding-bottom: 5px;
}

.event-cell a {
    text-decoration: none;
}

.state {
    float: left;
}

a.state-0, a.state-1, a.state-2, a.state-3 {
    float: right;
    font-size: 80%;
    color: #777 !important;
}

.state-icon {
    height: 10px;
    margin-left: 3px;
    margin-top: 2px;
    width: 10px;
    display: inline-block;
}

.participation-list .state-icon {
    float: left;
    margin-right: 3px;
    margin-top: 4px;
}

.participation-list {
    margin-top: 6px;
}

.participation-info {
    font-size: 80%;
}

.participation-remark {
    font-size: 80%;
    padding-left: 17px;
}

.parent-reference {
    font-size: 80% !important;
}

.firstInState {
    margin-top: 0.9em;
}

.state-0 .state-icon {
    background: url('/clubdesk/webpage/images/event/participationStates.png') no-repeat -34px -32px;
}

.state-1 .state-icon {
    background: url('/clubdesk/webpage/images/event/participationStates.png') no-repeat -1px -32px;
}

.state-2 .state-icon {
    background: url('/clubdesk/webpage/images/event/participationStates.png') no-repeat -23px -32px;
}

.state-3 .state-icon {
    background: url('/clubdesk/webpage/images/event/participationStates.png') no-repeat -12px -32px;
}

.event-label {
    width: 8em;
}

.icsFooter {
    padding-top: 20px;
    font-size: 80%;
    line-height: 20px;
}

.icsIcon {
    background: url("/clubdesk/webpage/images/event/participationStates.png") no-repeat scroll -46px -32px transparent;
    height: 16px;
    width: 12px;
    float: left;
}

.icsText {
    vertical-align: bottom;
    padding-left: 15px;
}

.answer button {
    vertical-align: middle;
    line-height: 10px;
    padding: 2px;
    width: 110px;
    margin-right: 10px;
}

.commentsTitle {
    padding-top: 10px;
    font-size: 8pt;
}

.comments {
    width: 351px;
    height: 30px;
}

.answer-icon-button {
    width: 11px;
    height: 11px;
    margin-right: 10px;
    vertical-align: middle;
    float: left;
}

.answer-icon-yes-button {
    background: url('/clubdesk/webpage/images/event/participationStates.png') no-repeat -1px -32px;
}

.answer-icon-maybe-button {
    background: url('/clubdesk/webpage/images/event/participationStates.png') no-repeat -23px -32px;
}

.answer-icon-no-button {
    background: url('/clubdesk/webpage/images/event/participationStates.png') no-repeat -12px -32px;
}

.answer-text-1 {
    color: #548a13;
    font-weight: bold;
}

.answer-text-2 {
    color: #e3a735;
    font-weight: bold;
}

.answer-text-3 {
    color: #f96552;
    font-weight: bold;
}

.answer-text-saved {
    padding-bottom: 15px;
}

.answer-text-expired {
    color: #f96552;
    padding-bottom: 15px;
}

.answer-details {
    padding-left: 40px;
}

.answer-comment {
    font-size: 80%;
}

.answer-change {
    font-size: 80%;
    margin-top: 2px;
    margin-bottom: 2px;
}

.answer-icon-0 {
    width: 29px;
    height: 30px;
    background: url('/clubdesk/webpage/images/event/participationStates.png') no-repeat -91px -1px;
    float: left;
}

.answer-icon-1 {
    width: 29px;
    height: 30px;
    background: url('/clubdesk/webpage/images/event/participationStates.png') no-repeat -31px -1px;
    float: left;
}

.answer-icon-2 {
    width: 29px;
    height: 30px;
    background: url('/clubdesk/webpage/images/event/participationStates.png') no-repeat -61px -1px;
    float: left;
}

.answer-icon-3 {
    width: 29px;
    height: 30px;
    background: url('/clubdesk/webpage/images/event/participationStates.png') no-repeat -1px -1px;
    float: left;
}

/********** FORM STYLES **********/

input {
    border: 1px solid #999;
}

.form-textarea, .form-textfield, .form-number, .form-date, .form-time, .form-option {
    width: 100%;
}

.validation-error, .mandatory-field-missing {
    border: 2px solid red !important;
}

.mandatory-field {
    background-color: #ffffcc;
}

.form-radio-group.mandatory-field, .form-checkbox-container.mandatory-field {
    border: 1px solid #CCCCCC;
}

.form-radio-group.mandatory-field.mandatory-field-missing {
    border: 2px solid red;
}

.validation-error-text {
    color: red;
    padding: 5px;
}

.form-label-cell, .form-field-cell, .form-radio-field-cell, .form-radio-label-cell, .form-half-field-cell {
    vertical-align: top;
}

.form-field-cell {
    width: 100%;
}

.form-field-cell-hp, .form-label-cell-hp {
    display: none;
}

.form-half-field-cell {
    width: 49%;
}

.form-label-cell {
    padding-top: 5px;
    padding-right: 5px;
}

.form-radio-label-cell {
    padding-top: 3px;
    margin: 4px;
}

.form-radio-filed-cell {
    margin-left: 3px;
}

.form-radio-button-horizontal {
    line-height: 2em;
}

.form-captcha-cell {
    padding-top: 5px;
    padding-right: 5px;
}

/********** SPONSOR LIST STYLES **********/

.layout-mode-narrow.sponsor-items-container,
.layout-mode-footer.sponsor-items-container {
    margin: auto;
}

.sponsor-items-container a {
    text-decoration: none;
}

.layout-mode-footer .sponsor-items {
    text-align: center;
}

/*** FIX jquery.cycle with new juery version  ***/
.sponsor-items {
    background-color: rgba(255,255,255,0);
}

.sponsor-item {
    margin: 20px 0;
}

.layout-mode-footer .sponsor-item {
    display: inline-block;
    vertical-align: top;
    margin: 10px;
}

.layout-mode-wide .sponsor-item {
    margin: 25px 0;
}

.sponsor-logo {
    text-align: center;
    width: 150px;
    margin: auto;
}

.layout-mode-wide .sponsor-logo {
    float: left;
}

.sponsor-logo img {
    vertical-align: middle;
    margin: auto;
}

.sponsor-logo-text {
    line-height: 1em;
}

.no-logo {
    height: 50px;
    border: 1px solid #DDDDDD;
    background: white;
    color: #AAAAAA;
}

.no-logo a:visited, .no-logo a:visited {
    color: #AAAAAA;
}

.no-logo a:hover {
    color: #DDDDDD;
}

.text-logo {
    height: 50px;
    border: 1px solid #DDDDDD;
    color: #444444;
    background: rgba(255, 255, 255, 0.4);
    font-weight: bold;
}

.text-logo a, .text-logo a:visited {
    color: #444444;
}

.text-logo a:hover {
    color: #888888;
}

.sponsor-detail {
    float: left;
    padding-left: 60px;
    max-width: 400px;
}

.sponsor-detail p {
    margin: 0;
    padding: 0;
}

.sponsor-clear {
    clear: both;
}

/********** BIRTHDAY / ANNIVERSARY LIST STYLES **********/

table.birthdayList td.birthdayListDate, table.anniversaryList td.anniversaryListDate {
    padding-right: 20px;
    vertical-align: top;
}

table.birthdayList a, table.anniversaryList a {
    text-decoration: underline;
}

.contactEntryListGroupHeader {
    font-weight: bold;
    padding-top: 20px;
    padding-bottom: 10px;
}

.contactEntryListGroupHeader:first-child {
    padding-top: 0;
}