.main_body .container.photo.TopMountainStar {height:602px;}.bounced_email_form {padding:10px;} .bounced_email_form .email {width:240px;float:left;margin-top:-3px;} .bubble { background-color: #fef86a; display: block; position: absolute; font-size: 10pt; padding: 10px; border: 1px solid #666; border-radius: 5px; color: #1a1a1a; } .bubble div { background-image: url('bubble-tip-wn.png'); background-repeat: no-repeat; width: 25px; height: 25px; position: absolute; } .bubble h1 { margin: 0; padding: 0; font-size: 13pt; font-weight: normal; margin-top: -3px; } .bubble.en .tip { background-image: url('../img/bubble/bubble-tip-en.png'); right: -11px; top: -1px; background-position: right top; } .bubble.ne .tip { background-image: url('../img/bubble/bubble-tip-ne.png'); right: -1px; top: -11px; background-position: right top; } .bubble.wn .tip { background-image: url('../img/bubble/bubble-tip-wn.png'); left: -11px; top: -1px; background-position: left top; } .bubble.nw .tip { background-image: url('../img/bubble/bubble-tip-nw.png'); left: -1px; top: -11px; background-position: left top; } .bubble.es .tip { background-image: url('../img/bubble/bubble-tip-es.png'); right: -11px; bottom: -1px; background-position: right bottom; } .bubble.se .tip { background-image: url('../img/bubble/bubble-tip-se.png'); right: -1px; bottom: -11px; background-position: right bottom; } .bubble.ws .tip { background-image: url('../img/bubble/bubble-tip-ws.png'); left: -11px; bottom: -1px; background-position: left bottom; } .bubble.sw .tip { background-image: url('../img/bubble/bubble-tip-sw.png'); left: -1px; bottom: -11px; background-position: left bottom; } /* $Id: buttons.css 7546 2011-02-21 13:11:05Z rehdie $ */ a.button {height:30px;} a.roundedButton {height:18px; padding:5px 10px 5px 10px; display:block; float:left; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} a.roundedButton.pink {border: 1px solid #ff2fa7; color:#ff2fa7;} a.roundedButton.pink.arrow_right {padding-right:20px; background: url(../img/icons/arrow_right_pink.png) right center no-repeat;} a.roundedButton.pink.disabled {opacity:0.4;} a.roundedButton.topLoginSubmit {border: 1px solid #6abbfe; color:#FFFFFF; background-color: #6abbfe; text-align: middle;} /* button panel */ .button_panel, .button_panel_inline { float: right; height: 40px; position: relative; text-align: right; padding-top:10px;} .button_panel_inline { margin-top: -50px; } .button_panel img.ajax_indicator { margin-top: 7px; height: 16px; width: 16px; display: inline-block; } .button_panel .button_left, .button_panel_inline .button_left { display: inline; float: left } /* new css buttons */ .button_arrow_right, .button_checkmark_right, .button_email_right, .button_delete_right, .button_plus_right { background:url("../img/buttons/button_icons.png") no-repeat scroll right -7px transparent; padding-right:25px; display:block; } .button_arrow_right {background-position: right -7px;} .button_checkmark_right {background-position: right -37px;} .button_plus_right {background-position: right -67px;} .button_email_right {background-position: right -247px;} .button_delete_right {background-position: right -277px;} .pink .button_delete_right {background-position: right -307px;} .white .button_plus_right {background-position: right -157px;} .button_arrow_left_right { background:url("../img/buttons/button_icons.png") no-repeat scroll left -187px transparent; padding-left:25px; } /** -- awesome buttons */ .button_left, .button_left:visited { background: #222 url(../img/buttons/button_overlay.png) repeat-x; display: inline-block; padding: 6px 14px 7px; margin: -3px 0 0 10px; color: #fff; text-decoration: none !important; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; box-shadow: 0 1px 3px rgba(0,0,0,0.5); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border: 3px solid white; cursor: pointer; font-size: 13px; font-weight: bold; } .button_left:hover, .button_left:focus, .button_left:active { background-color: #111; color: #fff; text-decoration: none; border-width:2px; padding: 7px 15px 8px; } .button_left.first_button { margin-left: 0; } .button_left > span {white-space: nowrap;} .button_left.simple { border:none; margin-top:0; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; text-shadow: none; } .button_left.simple:hover, .button_left.simple:focus,.button_left.simple:active { border:none; padding: 6px 14px 7px; } .button_left.simple.small:hover, .button_left.simple.small:focus,.button_left.simple.small:active { border:none; padding:4px 10px 4px; } .small.button_left, .small.button_left:visited { font-size: 11px; padding:4px 10px 4px; height: 14px; margin-top:0;} .small.button_left:hover,.small.button_left:focus,.small.button_left:active {padding:5px 11px 5px;} .blue.button_left, .blue.button_left:visited { background-color: dodgerblue; color:white;} .blue.button_left:hover,.blue.button_left:focus ,.blue.button_left:active { background-color: #007d9a; } .pink.button_left, .pink.button_left:visited { background-color: deeppink; } .pink.button_left:hover,.pink.button_left:focus,.pink.button_left:active { background-color: #f3008d; } .facebook.button_left, .facebook.button_left:visited {background-color: white; border-color:#3B5998; color:#3B5998;} .button_facebook_right {padding-left:25px; background:url(../img/icons/fb_small.png) no-repeat left;} .google.button_left, .google.button_left:visited {background-color: white; border-color:#3B5998; color:#3B5998;} .button_google_right {padding-left:25px; background:url(../img/icons/google_small.png) no-repeat left;} .apple.button_left, .apple.button_left:visited {background-color: black; border-color:#3B5998; color:white;} .button_apple_right {padding-left:25px; background:url(../img/icons/apple_small.png) no-repeat left;} .green.button_left, .green.button_left:visited { background-color: #b4e100; color:black !important; text-shadow: 0 -1px 1px rgba(255, 255, 255, 0.25); } .green.button_left:hover,.green.button_left:focus,.green.button_left:active { background-color: #a3cb0a; } .white.button_left, .white.button_left:visited { background-color: #ffffff; color:#4d4d4d !important; } .white.button_left:hover,.white.button_left:focus,.white.button_left:active { background-color: #eeeeee; } .grey.button_left, .grey.button_left:visited { background-color: #333333; } .grey.button_left:hover,.grey.button_left:focus,.grey.button_left:active { background-color: #222222; } .confirm.button_left, .confirm.button_left:visited { background-color: deeppink;} .confirm.button_left:hover,.confirm.button_left:focus,.confirm.button_left:active {background-color: #f3008d;} .disabled.button_left, .disabled.button_left:hover,.disabled.button_left:focus,.disabled.button_left:active .disabled.button_left:visited { background-color:silver !important; border-color:#EEEEEE !important; color:#EEEEEE !important; border-width:3px; padding: 6px 14px 7px; } .disabled.small.button_left, .disabled.small.button_left:hover,.disabled.small.button_left:focus,.disabled.small.button_left:active .disabled.small.button_left:visited { background-color:silver !important; border-color:#EEEEEE !important; color:#EEEEEE !important; padding:4px 10px 4px; height: 14px; margin-top:0; }div.competition_panel_list {position: relative; left:-60px; margin-right:10px;} div.sub_right_40 div.competition_panel_list, div.sub_right_60 div.competition_panel_list, div.sub_right div.competition_panel_list { margin-right:-60px;} div.competition_panel_list table.image_panel td.icon { width: 120px; } table.image_panel.competition h2 {-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; background-color:#eee; font-size:12px; color:#1a1a1a; padding:7px; margin:0;} table.image_panel.competition.finished { filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;} table.image_panel.competition.season { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;} table.image_panel.competition h2 .button_left { display:none; margin-top:0px;} table.image_panel.competition h2:hover .button_left { position:absolute; right:0; top:0; display:block;} table.image_panel.competition.plain h2 {-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px; background-color:transparent !important; font-size:12px;color:#4d4d4d !important;padding:7px;margin:0;} table.image_panel.competition.plain h2 a{color:#4d4d4d !important;} table.image_panel.competition .icon img {max-width:60px;} .sub_right_40 table.image_panel img {max-width:60px;} table.image_panel.competition h3 {padding:3px 7px 0 !important;margin:0;font-size:12px;} table.sub_competitions {width:100%;} table.sub_competitions th {font-weight:bold;background-color:white;padding-left:0;} table.sub_competitions th.name {width:240px;} table.sub_competitions td {padding:2px 10px 2px 0;} .competition .teaser {font-size:12px;} .competition .competition_resorts {max-width:650px;} .competition .competition_resorts > div {float:left; width:100px; height:75px; margin:5px 5px 0 0; background-color:#f0f0f0; border:solid 1px #a6a6a6;display:table;text-align:center;} .competition .competition_resorts a {display:table-cell; vertical-align:middle;} .competition .competition_resorts img {max-width:80px;max-height:65px;} /* --- competitions ---*/ #competitionBody h1 {color: #4d4d4d;} #competitionsBody .main_body {background: #4dabfa url(../img/bg_competitions.png) repeat-x top; } #competitionsBody .main_body h1 {padding-top:11px;padding-left:93px;margin:0;} #competitionBody .main_body { width: auto; background: #4dabfa;} #competitionBody .main_body .container {z-index:2; background: #4dabfa url(../img/bg_competition_center_alpha.png) no-repeat top right; } #competitionsBody .main_body .container {background: url(../img/bg_competitions_center.png) no-repeat top center; } #competitionBody .main_body.settings .container { background: #4dabfa url(../img/bg_competition_settings_center.png) no-repeat top right; } #competitionsBody div.messages {padding-bottom: 20px; } #competitionsBody #resort_selection.small {top:50px;} #competitionsBody img.empty {position:relative; left:-90px;} #competitionBody .sub_content { padding-bottom: 20px !important; } #competitionBody .sub_content .description ul {list-style-position: outside; margin-left:20px;} #competitionBody .sub_content .likeButtons {top: 0;} .competition.ticket .sub_content {min-height:180px;} #competitionBody #ticket_form .skipass.empty { top: -40px !important; padding-top: 10px; } #competitionBody #ticket_form .resort_list { top: -40px !important; padding-top: 10px; } #competitionBody .borderpanel.info {background: transparent; margin: 0; padding: 0; margin: 20px 0;} #competitionBody.ranking .main_body {min-height: auto;} #competitionBody .sponsor-logo { background-position: center center; background-repeat: no-repeat; height: 190px; right: 62px; position: absolute; top: 25px; width: 195px; } /* top 100 styles */ #competitionBody.top100 .dateSelection.invisible {display: none;} #competitionBody.top100 .container img {float: right; display: inline-block; margin: 20px 90px 10px 0;} #competitionBody.top100 .container div {display: inline-block; margin: 15px 0 10px 90px; font-size: 14px; max-width: 60%;} #competitionBody.top100 .sponsor-logo {position:absolute;right:62px;top:25px;width:195px;height:190px;} #competitionBody.top100 .sponsor-logo div.table-cell {display:table-cell;text-align:center;vertical-align:middle;width:195px;height:190px;} #competitionBody.top100 .sponsor-logo div.table-cell * {vertical-align:middle;} #competitionBody.top100 .sponsor-logo div.table-cell div {width:195px;} #competitionBody.top100 .sponsor-logo div.table-cell img {max-width:180px;max-height:180px;} #competitionBody.top100 .sub_content .likeButtons {top: 8px;} #competitionBody.top100.ranking .main_body .container { background: #ffffff; background-image: none; width: 100%; height: auto!important; min-height: auto; border-top: 10px solid #b2e2f7; border-bottom: 10px solid #b2e2f7;} #competitionsBody.top100 a {display:block;padding-bottom:5px;} #competitionBody.top100 td {vertical-align: middle;} .top100 .borderpanel info.empty_info {width:100%;} .top100 select.instance {width:100%; margin-top: 10px;} .top100 .result_container {position:relative;} .top100 .withDateSelection .result_container {max-width:530px;} .top100 .withDateSelection .dateSelection {position:absolute; right: 0px; top:150px;} .top100 .withDateSelection .borderpanel.empty_info {width:515px !important;} .top100 .withDateSelection .rankingTable {width:90%;} .top100 .withDateSelection {min-height: 250px;} #competitionBody .main_column_12 h2 { padding-top: 33px; } #competitionBody .main_column_12, #competitionBody .main_column_1 { width:720px; text-align:right;} #competitionBody .main_column_0, #competitionBody .main_column_1, #competitionBody .main_column_01, #competitionBody .main_column_12 { z-index: 2; } #competitionBody p.myResult-info {margin:0; font-size: 18px; text-align: center; line-height: 2.5; margin-top: 30px;} #competitionBody .withDateSelection p.myResult-info {width: 67%;} #competitionBody .badge-info p { margin-left: 40px; } #competitionBody .badge-info img { float: left; padding-top: 5px; } #competitionBody #resortPopup { width: 500px; position: fixed; } table.rankingTable { margin-bottom:10px; width: 100%;} table.rankingTable img { vertical-align: baseline; padding: 0 5px;} table.rankingTable tr:hover {background-color: rgba(178,226,247,0.2)} table.rankingTable td {padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #f2f2f2;} table.rankingTable tr.bold td {padding-top: 10px; padding-bottom: 10px;} table.rankingTable td.result {text-align: right; padding-left:10px; padding-right: 15px; white-space: nowrap;} table.rankingTable td.difference {text-align: right; color: #a0a0a0;} table.rankingTable td.date { padding-right: 50px; white-space: nowrap;} table.rankingTable td.rank { text-align: right; white-space: nowrap; font-weight: bold; padding-right: 10px; width: 10px;} table.rankingTable td.trend {width:30px;} table.rankingTable td.name {white-space:nowrap;} table.rankingTable tr.bold {font-weight:bold;} table.rankingTable tr.bold td.rank {font-size: 16px;} table.rankingTable tr.myRank td {background-color:#4d4d4d; color:white;} table.rankingTable tr.myRank td a {color:white;} table.rankingTable tr.disqualified td {text-decoration:line-through;} table.rankingTable tr.disqualified td.no_text_decoration {text-decoration: none;} table.rankingTable td.images .user-image {padding: 0; margin: 0; width: 30px; margin-left: 10px; border-radius: 15px;} table.rankingTable td.images .flag {width: 15px; margin-left: -15px; margin-right: 20px;} table.membersTable { width: 100%; } table.membersTable td { border-left: 1px solid #dedede; } table.membersTable td:FIRST-CHILD { border-left: none; } .userAnnotation { position: relative; vertical-align: middle; padding-right: 3px; float:left;} .userAnnotation .small { position: absolute; width: 16px; height: 16px; z-index: 2; } .userAnnotation .owner.small { background: url(../img/annotation_my_8.png) bottom right no-repeat; } .userAnnotation .moderator.small { background: url(../img/annotation_moderator_8.png) bottom right no-repeat; } #competitionsBody .image_panel div.text { max-height: 120px; overflow: hidden; } /* participate */ #competitionBody form.participate {width:420px;position:relative;} #competitionBody form .countryContainer {position:relative;} #competitionBody form.participate .country_indicator {position:absolute;top:23px;right:-20px;} #competitionBody.participate .lead .field_container {margin-bottom:5px;vertical-align: top;} #competitionBody.participate .legal {height:400px;overflow:auto;padding:15px;border:1px solid silver;} /* compettion ticket enter page*/ #competitionBody .resort_list { position:absolute; left:auto; right:0; top:-220px;z-index:0;background-image:url(../img/bg_enterticket_selectresort.png);width:280px;height:430px;} #competitionBody .resort_list ul {list-style:none; margin:0; margin:0 20px 30px 20px; padding:0 12px;height:198px; width:215px; overflow:auto;position:absolute;bottom:0;} #competitionBody .resort_list ul li {list-style-image:none; text-indent:-10px; padding: 3px 0 3px 10px; margin:0 !important;} #competitionBody .resort_list ul li img{padding-left:5px;} #competitionBody .resortSelectMessage {width:372px;min-height:80px;padding:10px;} #competitionBody .compTicketMsg {width:390px;} #competitionBody #ticket_form .resort {width:410px;} #compTicketMsg {width:390px;} #competitionBody #ticket_form {width:480px; min-height:300px; left:0;top:0;} #competitionBody #ticket_form .skipass_other {left: auto; right:-295px;} #competitionBody #ticket_form .skipass_ticket_corner {left: auto; right:-230px;} #competitionBody #ticket_form .resort_logo { position:absolute; text-align:center; right:-265px; top:220px; width:248px;} #competitionBody #ticket_form .resort_logo p {text-align:center} #competitionBody #ticket_form .panes ul.messages {width:auto;background-color:#fff;} #competitionBody #ticket_form .ticket_number {width:auto;} #competitionBody #ticket_form .updnWatermark{font-size:11px;} #competitionBody #ticket_form .pw_selection {margin-right:10px;} #competitionBody #ticket_form .resort {margin-bottom: 20px;} #competitionBody form .lead {margin-top:15px;} .ranking .empty_info_container {padding: 40px 200px 40px 40px; min-height:200px; } .ranking .empty_info_container h1 {font-size:20px;} #competitionBody .tabs {padding: 10px 0 0 10px; float:left;} .mobile_app #competitionBody .tabs, .mobile_app #competitionBody .button_left.signOff, .mobile_app #competitionBody .button_left.participate {display:none;} #competitionBody .tabs li { float:left; text-indent:0; padding:0;margin:0 !important; list-style-image:none !important; height:30px;} #competitionBody .tabs li a {background-color: #ffffff;height:20px;padding:5px 10px; color:#000;display:block;} #competitionBody .tabs li.first a { border-radius: 15px 0 0 0; -moz-border-radius: 15px 0 0 0; -webkit-border-radius: 15px 0 0 0;} #competitionBody .tabs li.second a { border-radius: 0 15px 0 0; -moz-border-radius: 0 15px 0 0; -webkit-border-radius: 0 15px 0 0;} /* active tab uses a class name "current". */ #competitionBody .tabs .current, #competitionBody .tabs .current:hover, #competitionBody .tabs li.current a { background-color:#f0f0f0; cursor:default !important;} /* initially all panes are hidden */ #competitionBody .panes .pane { display:none; background-color:#f0f0f0; padding:10px; border-radius: 0 0 15px 15px; -moz-border-radius: 0 0 15px 15px; -webkit-border-radius: 0 0 15px 15px;} body.competition.info p {line-height:150%; text-align:left;} a.competitions.all {display: block;margin-bottom: 10px;margin-top: -10px;text-align: right;} .competition_list li {min-height:22px;} #competitionBody .main_body .main_column_0.arrow {padding-left:40px;} .competition.status.multiDaySafari {position:relative;} .competition.status.multiDaySafari table, .competition.status.resort_roundtrip table {border-spacing:0; border-collapse:collapse;} .competition.status.multiDaySafari tr.finished td {padding:5px;} .competition.status.multiDaySafari tr.finished td.bar div {background-color:#f3f7fb;height:15px;} .competition.status.multiDaySafari td, .competition.status.resort_roundtrip td {padding:1px;font-size:12px;} .competition.status.multiDaySafari td.date, .competition.status.resort_roundtrip td.date {min-width:100px;padding-right:5px;vertical-align:top;text-align:right;} .competition.status.multiDaySafari td.bar, .competition.status.resort_roundtrip td.bar {width:80px; background-color:#f3f7fb;padding:0;text-align:center;} .competition.status.multiDaySafari td.name, .competition.status .resort_roundtrip td.name {padding-left:5px;} .competition.status.resort_roundtrip td.name .new {font-weight:bold;} .competition.status.resort_roundtrip td.name .old {color:#bbb;} .competition.status.multiDaySafari td.bar.no_bg {background-color:transparent;padding:3px 0 3px 0;} .competition.status.multiDaySafari td.bar .progress {font-size:30px;color:#1a1a1a;} .competition.status.multiDaySafari .completed, .competition.status.resort_roundtrip .completed {width:430px;float:left;} .competition.status.multiDaySafari .missing_lifts, .competition.status.resort_roundtrip .missing_resorts {width:280px;float:left;margin-left:10px;} .competition.status.multiDaySafari .missing_lifts td.bar {width:0;} .competition.status table tr.highlighted td {font-weight:bold;} .competition.status table tr.dimmed td {color:#ccc;} .competition.status .summary {position:absolute; height:90px; width:250px; background-color:#f3f7fb;z-index:50;padding:10px;right:95px;bottom:0;} .competition.status .summary.withForum {right:30px;} .competition.status .summary .rankUser {height:60px;} .competition.status .summary .rankUser .number {padding: 9px 5px 0 0;} .competition.status .summary .user {font-size:40px;} .competition.status .summary span {float:left;} .competition.status .summary .points {float:left;} .competition.status .summary .completedCount, .competition.status .summary .progress {width:50%;float:left;} .competition.status .summary .number {font-size:30px;} .competition.status .summary .number.small {font-size:22px;} .competition.status .summary .description {width: 75px;padding-left: 5px;font-size: 12px;padding-top: 3px;} .borderpanel.info.competition {padding:10px 0;} .borderpanel.info.competition label {margin-left: 8px;font-size: 12px;color: #5D5D5D;padding: 15px 0;} .badges {width:650px;} .badges img {margin-right:15px; cursor:pointer;} .badges .description {width:650px; position:relative; left:-160px; padding:10px 90px 0 160px;; background-color:#EEE; border: 1px solid #B1B1B1;border-right: none;border-left: none; margin-bottom:20px;} .badges .arrow {width:20px;height:11px;background-image:url(../img/icons/insert-arrow-up.png); position:relative;top:1px;left:19px;z-index:999;} .badges .description a {color:#1290f8;text-decoration:underline;} .competition_teaser_popup {width:600px; background-color:white; box-shadow: 0 0 10px 0 #222; left:-300px !important; margin-left:50%;} .competition.media .sltp {margin:10px;} .competition.edit_lifts .skiline {margin:10px -90px;} .competition.edit_lifts select {margin-right:10px !important;} .competition.edit_lifts select.resort {max-width:180px;} .competition.edit_lifts a.refresh {padding-left: 25px; background: url(../img/icons/tg-reload.png) no-repeat; margin: 5px 0 0 15px; display: inline-block; height: 20px;} .competition.edit_lifts form .field_container {float:left;} .competition.edit_lifts form > span {float:left; line-height:2.3;margin:0 5px;} .competition.edit_lifts form.lift_selection {background-color: #dfdfdf;padding: 15px;border-radius: 5px;} /************************/ /* Top 100 with filters */ /************************/ #competitionBody.filter_body h1{margin-bottom:5px;} #competitionBody.filter_body .sub_content {margin: 30px 50px 0 50px;} #competitionBody .filter_wrapper {width: 220px; float: left;} #competitionBody .filter_ranking_wrapper {margin-left: 250px;} #competitionBody .filter_ranking {width: 100%; display: inline-block;} #competitionBody .filter_container {border: 1px solid #f0f0f0; border-top: none; padding: 7px; padding-bottom: 12px;} #competitionBody .filter_container:first-of-type {padding: 0;} #competitionBody .filter_headline {text-transform: uppercase; font-weight: 600; width: 100%; padding: 5px 7px 10px 7px;} #competitionBody .filter_container:first-of-type .filter_headline {background: #f0f0f0; padding: 7px 0; margin-top: 0;} #competitionBody .filter_container:first-of-type .filter_headline div {padding-left: 7px;} #competitionBody .filter_container .filter_content {padding: 0 7px;} #competitionBody .filter_container label {display: block; margin-top: 10px; margin-bottom: 5px;} #competitionBody .filter_content > label:first-of-type {margin-top: 0;} #competitionBody .filter_content > a {display: block; color: black; background: #f0f0f0; padding: 7px; border-bottom: 2px solid white;} #competitionBody .filter_content > a:hover, #competitionBody .filter_content > a.active{background: #e0f2fa; color: #00a0e3;} #competitionBody .filter_content select {-webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; font-size: 13px; font-family: Helvetica, Arial, sans-serif, sans; border: none; border-radius: 0; height: 30px; padding-left: 10px; padding-right: 35px; cursor: pointer; background: #f0f0f0 url(../img/icons/dropdown-collapse.png) no-repeat; background-position: 95%;} #competitionBody .filter_category {margin-bottom: 20px;} #competitionBody.filter_body .dateSelection.invisible {display: block; visibility: visible!important;} #competitionBody.filter_body table.rankingTable tr.bold td {padding: 0;} #competitionBody.filter_body table.rankingTable td.difference, #competitionBody.filter_body table.rankingTable tr.bold td.difference {padding-right: 10px;} #competitionBody.filter_body table.rankingTable td.rank {max-width: 30px;} #competitionBody.filter_body table.rankingTable tr.bold td.result {padding-right: 15px;} #competitionBody.filter_body .calendar.month .prev a {background: url(../img/icons/calendar-arrow-left.png) no-repeat; background-position: right top;} #competitionBody.filter_body .calendar.month .next a {background: url(../img/icons/calendar-arrow-right.png) no-repeat; background-position: left top;} #competitionBody.filter_body .calendar.month td.selected {background: #e0f2fa !important;} #competitionBody.filter_body .calendar.month td.selected a {color: #00a0e3;} #competitionBody.filter_body .first {background: rgba(198,143,48,0.1);} #competitionBody.filter_body .second {background: rgba(201,209,211,0.1);} #competitionBody.filter_body .third {background: rgba(165,91,23,0.1);} #competitionBody.filter_body .first_ranks .rank div {height: 50px; width: 30px; font-size: 22px; color: white; text-align: center;} #competitionBody.filter_body .first_ranks .rank div div {padding-top: 12px; padding-left: 1px; background: none; height: auto;} #competitionBody.filter_body .first .rank div {background: #c68f30 url(../img/icons/medal-bg-gold.png) no-repeat;} #competitionBody.filter_body .second .rank div {background: #c9d1d3 url(../img/icons/medal-bg-silver.png) no-repeat;} #competitionBody.filter_body .third .rank div {background: #a55b17 url(../img/icons/medal-bg-bronze.png) no-repeat;} #competitionBody.filter_body .first td.decoration {background: #c68f30 url(../img/icons/medal-bg-gold-small.png) no-repeat;} #competitionBody.filter_body .second td.decoration {background: #c9d1d3 url(../img/icons/medal-bg-silver-small.png) no-repeat;} #competitionBody.filter_body .third td.decoration {background: #a55b17 url(../img/icons/medal-bg-bronze-small.png) no-repeat;} #competitionBody.filter_body .bold td.decoration {width: 10px; padding-right: 0;} #competitionBody .filter_button {height: 50px; width: 50px; margin-top: 10px; background: #f0f0f0; text-align: center; -moz-box-shadow: 0 0 2px 2px #999; -webkit-box-shadow: 0 0 2px 2px #999; box-shadow: 0 0 10px 1px #999; z-index: 99; right: 0; cursor: pointer; display: none;} #competitionBody .filter_button {position: absolute; top: 0;} #competitionBody .filter_button.fixed {position: fixed; top: 10px;} #competitionBody .filter_button svg, #competitionBody .filter_button image {margin-top: 10px; margin-bottom: 1px;} #competitionBody .filter_button .filter_text {text-transform: uppercase; font-size: 11px;} #competitionBody .filter_close {position: fixed; right: 30px; top: 50px; cursor: pointer; display: none; z-index: 1000000} #competitionBody .filter_overlay {position: fixed; height: 100%; width: 100%; background: rgba(0,0,0,0.6); top:0; left: 0; z-index: 999998; display: none;} #competitionBody .filter_empty_ranking {background: #f0f0f0; padding: 30px; text-align: center;} #competitionBody .filter_empty_ranking p {font-weight: bold;} #competitionBody .filter_empty_ranking a {font-weight: normal; text-decoration: none; color: #00a0e3;} #competitionBody .filter_empty_ranking a:hover {text-decoration: underline;} #competitionBody.filter_body .hide {display: none;} #competitionBody.filter_body .more_link {text-align: right;} #competitionBody.filter_body .rankingTable {border-spacing: 0; border-collapse: collapse;} #competitionBody.filter_body .empty_info {margin-top: 0;} .loading_overlay {display: none; position:absolute; height: 94%; width: 100%; background: rgba(0,0,0,0.06);} .loading_overlay .loading_container {margin: auto; margin-top: 25%; height: 50px; width: 50px;} .loading_overlay.empty {margin-top: 0px; height: 50%;} .loading_overlay.empty .loading_container {margin-top: 20%;} #personalProfileBody #competitionBody.filter_body.top100 td {vertical-align: middle;} #competitionBody.filter_body.top100 table.rankingTable span.unknown {color: #a0a0a0;} #competitionBody.filter_body.top100 table.rankingTable tr.disqualified a.dark {color: #a0a0a0;} #competitionBody.filter_body .lastCalculationDate {display: block; color: #a0a0a0; margin-top: 5px;} @media screen and (max-width: 960px) { #personalProfileBody #competitionBody.filter_body .sub_content {width: auto;} #competitionBody.top100 .sub_content {margin-top: 50px!important;} } @media screen and (max-width: 768px) { #competitionBody.filter_body table.rankingTable td.result, #competitionBody.filter_body table.rankingTable tr.bold td.result {padding-right: 5px;} #competitionBody.filter_body table.rankingTable td.date {display: none;} #competitionBody.filter_body table.rankingTable td.name {max-width: 120px;} #competitionBody.filter_body td.images {min-width: 55px;} #competitionBody.filter_body .sub_content {margin-left: 0 !important;} #competitionBody.filter_body .result_container {overflow: hidden;} .loading_overlay.empty .loading_container {position: relative; z-index:1; margin-top: 48px;} .loading_overlay .loading_container img {height: 35px; width: 35px;} } @media screen and (max-width: 670px) { #competitionBody.filter_body table.rankingTable td.difference {display: none;} } @media screen and (max-width: 600px) { #competitionBody .filter_wrapper {position: fixed; background: white; z-index: 999999; right: -220px; top: 0; height: 100%; overflow: hidden; overflow-y: scroll; -webkit-transition: right 0.5s; transition: right 0.5s;} #competitionBody .filter_container:first-of-type .filter_headline {padding-top: 50px;} #competitionBody .filter_wrapper.open {right: 0;} #competitionBody .filter_ranking_wrapper {margin-left: auto;} #competitionBody .filter_button {display: block;} #competitionBody.filter_body .sub_content {margin-left: 30px!important; margin-right: 0!important;} #competitionBody .filter_ranking_wrapper {padding-right: 30px;} } @media screen and (max-width: 500px) { #competitionBody.filter_body table.rankingTable tr.bold td.difference {padding-right: 0;} #competitionBody.filter_body table.rankingTable tr.bold td.result {padding-right: 5px;} } @media screen and (max-width: 375px) { #competitionBody.filter_body table.rankingTable td.name {max-width: 90px;} #competitionBody.filter_body td.images {min-width: 35px;} } #competitionBody.Toni_Kaiser_Germknoedel_Rallye__Leogang h1 {display:none;} #competitionBody.Toni_Kaiser_Germknoedel_Rallye__Schmittenhöhe h1 {display:none;} #competitionBody.Toni_Kaiser_Germknoedel_Rallye__Zillertal_Arena h1 {display:none;} #competitionBody.Toni_Kaiser_Germknoedel_Rallye__Nassfeld h1 {display:none;} #competitionBody.Toni_Kaiser_Germknoedel_Rallye__Riesneralm h1 {display:none;}/* -- podium */ .podium { border: 0; border-spacing: 0; margin-bottom:20px;} .podium td { border: 0; padding: 0 10px 0 0; vertical-align:bottom !important;} .podium { text-align: center; } .podium .winners { margin: 0 15px; max-width: 300px; text-align: center; padding-bottom: 10px; max-height:130px;overflow:auto;} .podium .podium1, .podium .podium2, .podium .podium3,.podium .podiumB { vertical-align: bottom; height: 200px; display: table-cell; text-align: center; } .podium img { margin: 0 5px 10px 5px; } .podium td .pedestal { background-repeat: repeat-x; background-position: center bottom; font-size: 28px; font-family: Verdana, sans; font-weight: bold; text-align: center; vertical-align: bottom; min-width: 100px; padding-top: 0px; } .podium .pedestal { background-color: #444; color: white; line-height: 175%; } .podium1 .pedestal { height: 120px; } .podium2 .pedestal { height: 90px; } .podium3 .pedestal { height: 60px; } .podium.finalResult .podium1 .pedestal { background-image: url("../img/podium-1.png"); } .podium.finalResult .podium2 .pedestal { background-image: url("../img/podium-2.png"); } .podium.finalResult .podium3 .pedestal { background-image: url("../img/podium-3.png"); } .container .podium {margin:20px 0 0 0; position:absolute; left:130px;} .top100 .container .podium {bottom:0;} .container .podium .pedestal { background-color: white; color: #666; line-height: 145%; } .container .podium .podium1, .container .podium .podium2, .container .podium .podium3 { height: 170px; } .container .podium1 .pedestal { height: 90px; } .container .podium2 .pedestal { height: 70px; } .container .podium3 .pedestal { height: 50px; } .main_body .podium .pedestal {opacity:0.5;filter:alpha(opacity:50);}/* --- promo race ---*/ body.promo-race { margin: 0;background:white none; } body.promo-race #competitionBody .sub_content { width: auto;max-width:900px; margin: 20px 0 0 0; padding: 0 10px;} body.promo-race #competitionBody .main_column_0 { padding-left: 10px; width:auto} body.promo-race #competitionBody .main_column_12, body.promo-race #competitionBody .main_column_1 { width:100%; text-align:left; padding: 0;} body.promo-race #competitionBody .main_column_1 h1 {margin-right:80px;} body.promo-race div.competition_panel_list {position: relative; left:0px; margin-right:0px; } body.promo-race div.competition_panel_list table.image_panel td.icon { width: 60px; } body.promo-race .page_separator {width:98% !important; left:0 !important; margin: 0 1% 0 1%;} body.promo-race div.ski_resort_panel_list {position: relative; left:0px; margin-right:0px; } body.promo-race div.ski_resort_panel_list table.image_panel td.icon { width: 120px; } body.promo-race .image_panel.competition {left:0;} body.promo-race .image_panel.competition .icon {width:60px;} /* --- widget ---*/ body.widget { margin: 0; background:white none; } body.widget .main_body {min-height: 50px; } body.widget .container {height: 50px; }#personalProfileBody.profile.diary .main_body {background:url(../img/bg-header-user-skilines.png) no-repeat;} #personalProfileBody.profile.diary_view .main_body {padding-top:10px; background:url(../img/bg-header-diary.png) no-repeat center bottom #4DABFA;min-height:180px;height:180px;} .profile.diary .calendar_container {width:190px;float:left;min-height: 10px;} .profile.diary .fields {float:left;} .profile.diary .fields .field_container {width:400px;} .profile.diary .fields .indicator {position:absolute;top:7px;right:-25px;} .profile.diary_view .actions {padding:20px 30px 10px 0; float:right;} .profile.diary_view .actions a {display: inline-block; height:25px;padding-top:7px;} .profile.diary_view a.newTicket {height:130px;position:absolute;right:0;top:50px;width:140px;} .profile.diary_view .main_body .container {height:180px;} .profile.diary_view .sub_content .left {width:500px;}#faqBody .main_body {position:relative; background:url(../img/bg_faq.png) no-repeat 80px 30px #4dabfa;} #faqBody .main_body h1 {position:absolute; right:20px; bottom:10px; text-align:right;} .sub_content.faq {line-height: 140%;} .sub_content.faq ul {list-style-position: inside;margin-top:5px;} .sub_content.faq a.question {display:block;color:#4d4d4d;margin-bottom:3px;} .sub_content.faq .answer {display:none; background-color: #DDDDDD;border-radius:10px;margin: 10px 0 10px 10px;padding: 10px;} .faq .feedback { padding: 10px 0; } .feedback > p { display: inline; } .feedback .thanks, .feedback .issue { display: none; } p.seamTextPara {margin: 7px 0 6px 0;} ul.seamTextUnorderedList {padding: 0 0 0 40px;} ol.seamTextOrderedList {padding: 0 0 0 40px;}div.sl_top {position:absolute;top:0;} #google_ads_div_sl_top {max-height: 90px;}/* $Id: home.css 6304 2010-12-12 11:00:27Z rehdie $ */ #homeBody .container { background: url(../img/bg_startpage.png) no-repeat top center; height: 250px;} #homeBody .container.resortsVisible { background-image: url(../img/bg_startpage_resorts_visible.png);} #homeBody .main_body h1 {padding-top:16px;padding-left:93px;margin-top:0;} #homeBody .main_body h3 {position:absolute; bottom:24px; left:80px;} #homeBody .main_body h3 span {padding-left:10px;} #homeBody .main_body h3 span.first {font-weight:bold;} #homeBody .teaser_box {float:left;width:238px;margin-left:9px;margin-top:-10px;} #homeBody .teaser_box h1 {color:#1a1a1a;font-weight:normal;margin-bottom:5px;padding-left:9px;} #homeBody .teaser_box.first {margin-left:0;width:226px;} #homeBody .teaser_box.first h1 {padding-left:0;} #homeBody .teaser_box > div {border-left:#ccc solid 1px;padding-left:9px; position:relative;} #homeBody .teaser_box.first > div {border-left:none; padding-left:0;} #homeBody .teaser_box p.first {margin-top:20px;} #homeBody .teaser_box a {text-decoration: underline; display:block; color:#1290f8;} #homeBody .teaser_box h1 a { font-size: 20px; text-decoration: none; color: black; } #homeBody .teaser_box .videos {margin-top: 10px;} #homeBody .teaser_box .videos a {float:left;text-decoration:none;color:#4d4d4d;} #homeBody .teaser_box .videos a.servus {margin-right:10px;} #homeBody .links {padding:20px 0 30px 0; clear:both; position:relative;} #homeBody .links .left.register {width:250px;} #homeBody .links .help {float:left;margin-top:7px;margin-left:5px;} #homeBody .links .first_button {margin-right: 20px;} #homeBody .sub_content .likeButtons {position:relative;top:3px;right:0;} #homeBody img.step1 {position:absolute;left:30px;top:32px;z-index:4; display:none; } #homeBody .vmCounter {position:relative;top:-15px;} #homeBody.loggedIn .vmCounter {position:relative;top:5px;} #homeBody.loggedIn .main_body {min-height:190px;background-color:white;} #homeBody.loggedIn .main_body .container {height:180px; background-image:url(../img/bg_home_private.png);} #homeBody.loggedIn .main_body h1 {font-size:18px;} .home.loggedIn .ticket_links {position:absolute;left:93px;top:60px;height:100px;width:250px;} .ticket_links a {display:block;line-height:1.5em;color:#4d4d4d;} .ticket_links a.other_resort {color:#1290f8;text-decoration:underline;position:absolute;bottom:0;right:0;} #itemsContainer table {width: 100%; border-collapse: collapse;} #itemsContainer table a {color: #4d4d4d;} #itemsContainer .resort td {padding: 50px 0 5px 0; border-bottom: #eee 3px solid;} #itemsContainer .resort:first-of-type td {padding-top: 0;} #itemsContainer .resort img { vertical-align: middle; margin-left: 0; height: auto; max-width: 101px; max-height: 60px; } #itemsContainer .resort .resort_name {font-size: 16px; margin-left: 15px;} #itemsContainer td {vertical-align: middle; padding-top: 0; padding-bottom: 0; border-bottom: #fff 1px solid;} #itemsContainer td div {height: 100%; width: 100%; padding-top: 20px; padding-bottom: 20px;} #itemsContainer .preview_img {width: 100px;} #itemsContainer .preview_img .thumb {width: 100px; height: 56px; position: relative; overflow: hidden; padding: 0; background-image: url(/img/preview_empty_photo.png);} #itemsContainer .preview_img .thumb.photo {background-image: url(/img/preview_empty_photo.png);} #itemsContainer .preview_img .thumb.video {background-image: url(/img/preview_empty_video.png);} #itemsContainer .preview_img img {position: absolute; width: 100px; } #itemsContainer .preview_img.empty {display: none;} #itemsContainer .item_name {padding-left: 20px;} #itemsContainer .item_date {padding-left: 20px;} #itemsContainer .item_value {text-align: right; padding-right: 10px;} #itemsContainer .item_container {cursor: pointer;} #itemsContainer .item_container:hover {background: rgba(182,221,255,0.1);} #itemsContainer .sltp {margin-top: 30px;} @media screen and (max-width: 500px) { #itemsContainer .item_date {display: none;} #itemsContainer .preview_img, #itemsContainer .preview_img .thumb, #itemsContainer .preview_img img {width: 80px;} #itemsContainer .preview_img .thumb {height: 45px;} #itemsContainer td div {padding-top: 14px; padding-bottom: 14px;} #itemsContainer td div {width: auto;} #itemsContainer .item_info {padding-right: 10px;} #itemsContainer .item_name {padding-left: 10px;} } @media screen and (max-width: 320px) { #itemsContainer .preview_img, #itemsContainer .preview_img .thumb, #itemsContainer .preview_img img {width: 60px;} #itemsContainer .preview_img .thumb {height: 34px;} #itemsContainer .item_info {padding-right: 3px;} #itemsContainer .item_value {padding-right: 5px;} #itemsContainer td div {padding-top: 9px; padding-bottom: 9px;} #itemsContainer .resort .resort_name {margin-left: 5px;} }.lead { background-color: #eee; padding: 15px; border-radius: 5px; margin-top: 15px; margin-bottom: 15px; } /* $Id: changePassword.css 5007 2010-09-21 15:04:47Z kohgan $ */ #changePasswordBody form { width: 250px; } /* $Id: login.css 5851 2010-11-17 16:45:48Z rehdie $ the new login form */ #loginBody .main_body .container { background-color:#4dabfa; min-height:240px; padding-bottom:10px; height: auto;} #loginBody .sub_content {min-height: 100px;} div.login {position:relative; width: 480px; background: url(../img/bg_login_popup.png) center bottom no-repeat; padding: 10px 20px 10px 20px; } div.login h1 {color: white !important; font-weight: bold !important; font-size: 14px !important;} div.login .field_container .error {color: black; font-weight: bold;} div.login ul.messages li {color: white; font-weight: bold;} .sub_content div.login {top:-20px; left: 100px;} /* ---- login --- */ #login_form { position: relative; } #login_form .button_left { float: right; margin-top:0;} .login_form div.rb {padding-bottom: 13px;} .login_form .email {width: 240px;} .login_form .uname {width: 200px;} .login_form .passw {width: 120px;} .login_form .rb_label, .login_form .cb_label {color: white;} .login_form .cb_label {margin-left:5px;} .login_form .cb_label.acceptTerms {width:200px;} .login_form .login_fields {padding: 0 0 10px 16px;} .login_form .field_container {margin-right: 10px;} .login_form .change_password .field_container {margin-right:0;} .login_form div.privacyInfoFb, .login_form div.privacyInfoGo, .login_form div.privacyInfoAp {float:left; margin: 0 100px 20px 0;} .top_navi .login_box {float:right; margin: 0 18px 0 0; height: 48px; position:relative; padding-top:5px;} .top_navi .login_form .uname, .top_navi .login_form .passw {width:90px; margin-right:10px; border:1px solid #DEDEDE; height:18px; padding:5px;font-weight: normal} .top_navi .login_form a.register {text-decoration:none;margin:8px 10px 0 0;} .top_navi .std_ti_container .updnWatermark {font-size:12px;top:6px;} #top_login_popup a {display:block; margin-bottom:5px;} #forgotPasswordOverlay {width:450px;} #forgotPasswordOverlay .email {width:200px;float:left;} #forgotPasswordOverlay .button_left {margin-top:0;} #forgotPasswordOverlay .button_right { white-space: nowrap; } .pw_selection div.form{ padding:10px 0 0px 20px; } .pw_selection div.form.register{ width:290px; } .pw_selection .radio_container { margin-bottom: 15px; } .pw_selection .forgot_pw {text-decoration: underline;color: #1290F8;cursor: pointer;} .pw_selection .form.facebook {padding: 0 0 0 16px;} .pw_selection div.form label { color:#999; font-size:10px; letter-spacing:1px; text-transform:uppercase; display:block; } .pw_selection div.form label.updnWatermark{ font-size:13px; color: #999; letter-spacing:0; text-transform:none; } .pw_selection div.form label.acceptTerms, .pw_selection div.form label.acceptDeclaration, .pw_selection div.form label.newsletter, .pw_selection div.form label.parentalConsent { font-size: 13px; color: #3c3c3c; display: inline; text-transform:none; letter-spacing: normal; } .pw_selection div.form .gender label { font-size:13px; color: #3c3c3c; letter-spacing:0; text-transform:none; display:inline-block; padding: 0 20px 0 5px; } .pw_selection a.facebook {background-color:#3c5a94;color:white;} .pw_selection .button_facebook_right {background: url(../img/facebook-logo-small.png) no-repeat left;} .pw_selection a.google {border: 1px solid #b7b7b7;} .pw_selection .facebook.button_left:hover {background-color:#314a7f; background-image:none;} .pw_selection .facebook.button_left.disabled { background-color:#314a7f; background-image:none; } .pw_selection .facebook.button_left.disabled:hover { padding: 11px 16px 10px 16px; } .pw_selection .google.button_left:focus, .pw_selection .google.button_left:active {background-color:white;} .pw_selection .google.button_left.disabled:hover { padding: 11px 16px 10px 16px; } .field_container {margin: 5px 0 10px 0;} .field_container.firstname, .field_container.lastname {display:inline-block;width:135px;}.reg_conf_reminder_form {padding:0 10px 10px;max-width:500px;} .reg_conf_reminder_form .email {width:240px;float:left;} /* $Id: registration.css 4916 2010-09-09 15:26:16Z kohgan $ */ /* ---- registration ---- */ #top_navi.top_navi{ border-bottom: 1px solid #e5e5e5;} /*Remove terms below*/ #registrationBody .sub_content {display:none;} #registrationBody .main_body, #registrationBody .main_body .container {background-color:white;} #registrationBody .registration_form.wrapper{ background-color:white; width:660px; margin: 0px 120px; padding-top: 40px; min-height:480px; } /*** SOCIAL LOGIN ***/ #registrationBody .social_login_form{ width:280px; padding-right:50px; text-align:center; position:relative; float:left; padding-bottom:40px; } #registrationBody .social_login_form form {margin: 15px auto;} #registrationBody .social_login_form form:last-of-type {margin-bottom:30px;} #registrationBody .social_login_form p {margin-bottom:8px;} #registrationBody label, #termsConditionsBody label { color:#999; font-size:10px; letter-spacing:1px; text-transform:uppercase; display:block; } .social_login_form a.facebook, .login_form a.facebook {background-color:#3c5a94;color:white;} .social_login_form .button_facebook_right, .login_form .button_facebook_right {background: url(../img/facebook-logo-small.png) no-repeat left;} .social_login_form a.google, .login_form a.google {border: 1px solid #b7b7b7;} .social_login_form .facebook.button_left:hover, .login_form .facebook.button_left:hover {background-color:#314a7f; background-image:none;} .social_login_form .google.button_left:focus, .login_form .google.button_left:focus, .social_login_form .google.button_left:active, .login_form .google.button_left:active {background-color:white;} .login_form .facebook.button_left.disabled { background-color:#314a7f; background-image:none; } .login_form .facebook.button_left.disabled:hover { padding: 11px 16px 10px 16px; } .social_login_form a.apple, .login_form a.apple {background-color:black; color:white; border: 1px solid #b7b7b7;} .social_login_form .applee.button_left:focus, .login_form .apple.button_left:focus, .social_login_form .apple.button_left:active, .login_form .apple.button_left:active, .social_login_form .apple.button_left:hover, .login_form .apple.button_left:hover {background-color:black;} /*** REGISTRATION FORM ***/ #registrationBody form#registration_form{ width:280px; padding-left:46px; position:relative; float:left; } #registrationBody .button_left { margin:0; } #registrationBody h4{ font-weight:bold; text-transform:uppercase; margin: 20px 0 15px 0; } #registrationBody label.updnWatermark, #termsConditionsBody label.updnWatermark{ font-size:13px; color: #999; letter-spacing:0; text-transform:none; } #registrationBody .gender label, #termsConditionsBody .gender label { font-size:13px; color: #3c3c3c; letter-spacing:0; text-transform:none; display:inline-block; padding: 0 20px 0 5px; } #registrationBody label.acceptTerms, #registrationBody label.parentalConsent, #registrationBody label.newsletter, #registrationBody label.acceptDeclaration, #termsConditionsBody label.acceptTerms, #termsConditionsBody label.parentalConsent, #termsConditionsBody label.newsletter, #termsConditionsBody label.acceptDeclaration { font-size: 13px; color: #3c3c3c; display: inline; text-transform:none; letter-spacing: normal; } .field_container {margin: 5px 0 10px 0;} .field_container.firstname, .field_container.lastname {display:inline-block;width:135px;vertical-align:top;} .field_container.firstname {margin-right:10px;} .field_container.dateofbirth select {display:inline-block;} .field_container.dateofbirth select.day {width:60px;} .field_container.dateofbirth select.month {width:80px;} .field_container.dateofbirth select.year {width:60px;} .field_container.day {float:left;margin-right:10px;display:block-inline;width:60px;} .field_container.month {float:left;margin-right:10px;display:block-inline;width:80px;} .field_container.year {float:left;display:block-inline;width:60px;} .field_container.terms {margin-top:20px;} .field_container.country select {max-width:100%;} #termsConditionsBody .side_content { text-align: center; } #termsConditionsBody .incomplete_content { margin-bottom: 20px; } #termsConditionsBody .sub_content { padding-top: 40px; margin-top: 0; } #registrationEmailSent .main_body { background: #4dabfa url(../img/bg_register_confirm.png) no-repeat center; } #registerDuplicateEmailOverlay form {padding:0 10px 10px} #registerDuplicateEmailOverlay ul.messages {margin:25px -18px 10px -18px;background-color:black; border:none;padding:5px 0 5px 0; border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;} #registerDuplicateEmailOverlay ul.messages li {margin-left:10px;} #registerDuplicateEmailOverlay .buttons {padding-left:40px;} [mag-theme="default"].mag-zoomed-bg { background: #F5F6F7; opacity: 0.8; } [mag-theme="default"] .mag-lens { box-shadow: 0 0 4px black; border: 1px solid white; background: rgba(255, 255, 255, 0.25); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } [mag-theme="default"][mag-position-event="move"] { cursor: crosshair; } [mag-theme="default"][mag-position="drag"], [mag-theme="default"][mag-position-event="hold"] { cursor: move; cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } [mag-theme="default"][mag-position="drag"].mag--dragging, [mag-theme="default"][mag-position-event="hold"].mag--dragging { cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } .mag-host { position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .mag-zoomed-container { /*position: absolute;*/ position: relative; height: 100%; width: 100%; left: 0; top: 0; overflow: hidden; } .mag-zoomed-container > * { position: absolute; } .mag-noflow { position: absolute; height: 100%; width: 100%; left: 0; top: 0; z-index: 2; overflow: hidden; } .mag-noflow > * { position: absolute; } .mag-zoomed { /* under .mag-noflow > * */ /*position: absolute;*/ } .mag-zoomed img { display: block; width: 100%; height: 100%; } .mag-zone { position: absolute; height: 100%; width: 100%; left: 0; top: 0; z-index: 2; } .mag-thumb { position: absolute; height: 100%; width: 100%; left: 0; top: 0; } [mag-thumb] img { display: block; width: 100%; height: 100%; } .mag-lens { position: absolute; z-index: 2; } [mag-zoom] { display: none; } .mag-js [mag-zoom][mag-toggle="false"] { display: block; } /* defines some standard margins and paddings */ .insets {padding:10px;} .insets2 {padding:20px;} .mr0 {margin-right:0;} .m0 {margin:0;} .mb {margin-bottom:10px;} .mr {margin-right:10px;} .mt {margin-top:10px;} .ml {margin-left:10px;} .mb2 {margin-bottom:20px;} .mr2 {margin-right:20px;} .mt2 {margin-top:20px;} .ml2 {margin-left:20px;} .pt {padding-top:10px;} .pt2 {padding-top:20px;} .pb {padding-bottom:10px;} .pr {padding-right:10px;} .pl {padding-left:10px;} .pl2 {padding-left:20px;} .pl3 {padding-left:30px;}body.mobile_app .top_navi, body.mobile_app .footer {display:none;} .oauth { max-width: 480px; margin: 30px auto; padding: 100px 30px 30px 30px; background: url(../img/skiline-logo-web.png) #ffffff center 40px no-repeat; border-radius: 2px; } .oauth.oauth-no-auth { max-width: 250px; } .oauth .icon { width: 24px; height: 24px; } .oauth #parties-brand { margin-bottom: 16px; text-align: center; } .oauth #parties-brand .icon.user { margin-right: -5px; } .oauth #parties-brand .icon { display: inline; } .oauth #parties-brand .icon img { width: 56px; height: 56px; -webkit-border-radius: 50%; border-radius: 50%; border: 12px solid rgba(0,0,0,.06); } .oauth .scopes-info { font-size: 18px; } .oauth .scopes { border-bottom: 1px solid #ebebeb; padding: 0; } .oauth .scopes li { padding: 18px 0; border-top: 1px solid #ebebeb; display: table; width: 100%; } .oauth .scopes .scope-summary { display: table-cell; vertical-align: middle; padding: 0 20px 0 16px; line-height: 18px; width: 100%; } .oauth .confirm-info { font-size: 10px; color: #959595; } .oauth p { margin-top: 2em; } .oauth.oauth-register { max-width: 500px; } .oauth a.register, .oauth a.login { padding: 11px 0; display: inline-block; } @media screen and (max-width: 960px) { .oauth .button_left { margin: 0 10px 10px 0; } .oauth .field_container.day, .oauth .field_container.month, .oauth .field_container.year { width: 100%; } } body.panorama {margin:0;} .panorama h1 {font-weight:normal;color:#4d4d4d;font-size:18px;} .panorama .legend {padding:10px; background-color:#ddd;} .panorama .legend .index {width:20px;height:18px;border-radius:10px;background-color:#f829a0;color: white;font-weight:bold;font-size:14px; display: inline-block;text-align: center;padding-top: 2px;} div.panorama.overlay {background-color:white; z-index:10000; display:none; } .panorama.overlay .close {background-image: url(../img/overlay/close.png);position: absolute;right: -21px;top: -20px;cursor: pointer;height: 45px;width: 45px;z-index:10001} .panorama.overlay .img_scroller {overflow:auto;} .panorama.overlay img {display:block;} .skiline_panorama .description {color:#999;} .skiline_panorama.overlay {background-color:#FFFFFF;border: 1px solid #666666;padding:0;box-shadow: 0 0 90px 5px #000;z-index:10000;display:none;} .skiline_panorama iframe {border: 1px solid #666;} .skiline_panorama .scroller {overflow: auto;} .panorama_tooltip {text-align: center;} .panorama_tooltip > span {display:block;color:white;} #panorama_tooltip {width:250px;position:absolute;} .photobook .main_body { height: 850px; } .photobook #main_container { height: 850px; } #photobook_content { width: 800px; height: 800px; margin-left: 100px; border: 0; } .tiles_container .photobook a>img{ width:100%; top:-45px; position:relative; } .photobook .overlay { display: none; } .photobook_teaser_container {float:right;width:180px;} .photobook_teaser_container h3 {background-color: #f1f1f1;font-weight:normal;margin:0;padding:5px;} .photobook_teaser img {float: left; margin-right: 5px; height: 28px; width: 28px;} #competition_photobook_content { width: 800px; height: 800px; border: 0; }.photobook_teaser_container .u_display_box.photobook_teaser { padding-top: 15px; margin-bottom: 10px; /* Old browsers */ background: #ffff60; /* FF3.6+ */ background: -moz-linear-gradient(top, #ffff60 0%, #ffe14c 40%, #ffe14c 100%); /* Chrome,Safari4+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffff60), color-stop(40%, #ffe14c), color-stop(100%, #ffe14c)); /* Chrome10+,Safari5.1+ */ background: -webkit-linear-gradient(top, #ffff60 0%, #ffe14c 40%, #ffe14c 100%); /* Opera 11.10+ */ background: -o-linear-gradient(top, #ffff60 0%, #ffe14c 40%, #ffe14c 100%); /* IE10+ */ background: -ms-linear-gradient(top, #ffff60 0%, #ffe14c 40%, #ffe14c 100%); /* W3C */ background: linear-gradient(to bottom, #ffff60 0%, #ffe14c 40%, #ffe14c 100%); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff60', endColorstr='#ffe14c', GradientType=0); } .photobook_teaser .u_display_box_content div { min-height: 10px; } .photobook_teaser img { margin-right: 10px; } .tile.photobook .overlay { display: block; position: absolute; background: none; height: 90px; width: 180px; top: 0; z-index: 2; } .tile.photobook.zillertal_arena_photobook_2013 .overlay { background: url('/shared/customers/zillertal/photobook-tile.png'); } .tile.photobook.jungfraubahn_photobook_2013 .overlay { background: url('/shared/customers/jungfrau_region/photobook-tile.png'); } .tile.photobook .details { /* Old browsers */ background: #ffff60; /* FF3.6+ */ background: -moz-linear-gradient(top, #ffff60 0%, #ffe14c 40%, #ffe14c 100%); /* Chrome,Safari4+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffff60), color-stop(40%, #ffe14c), color-stop(100%, #ffe14c)); /* Chrome10+,Safari5.1+ */ background: -webkit-linear-gradient(top, #ffff60 0%, #ffe14c 40%, #ffe14c 100%); /* Opera 11.10+ */ background: -o-linear-gradient(top, #ffff60 0%, #ffe14c 40%, #ffe14c 100%); /* IE10+ */ background: -ms-linear-gradient(top, #ffff60 0%, #ffe14c 40%, #ffe14c 100%); /* W3C */ background: linear-gradient(to bottom, #ffff60 0%, #ffe14c 40%, #ffe14c 100%); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff60', endColorstr='#ffe14c', GradientType=0); color: #222; } .tile.photobook .details h3 { color: #222; } .photobook_teaser div.info { font-size: 12px; }#resortDetailsBody .container { padding-top: 10px; background-color: #4dabfa; } .resort.info .sub_content {margin:0; padding: 20px 0 0 20px;} .resort.info .ski_rent {position:relative;left:-60px;width:470px;} .resort.info .logo_country {float:left; width:135px; padding-top:45px;text-align:center;} .resort.info .general_info {float:left; width:410px; padding-left:10px;} .resort.info .weather_snow_info {float:right; width:320px;margin-top:10px;} .country_outline {position:absolute; top:115px;left:10px;height:110px;width:150px;} .country_outline img {position:absolute;} .country_outline.at {background-image:url(../img/countries/white_blackOutline/at.png);} .country_outline.de {background-image:url(../img/countries/white_blackOutline/de.png);height:200px;} .country_outline.it {background-image:url(../img/countries/white_blackOutline/it.png);display:block;} .country_outline.ch {background-image:url(../img/countries/white_blackOutline/ch.png);} .country_outline.no {background-image:url(../img/countries/white_blackOutline/no.png);width:110px;height:137px;} .country_outline.jp {background-image:url(../img/countries/white_blackOutline/ja.png);width:110px;height:147px;} .country_outline.fr {background-image:url(../img/countries/white_blackOutline/fr.png);width:110px;height:108px;} .country_outline.sk {background-image:url(../img/countries/white_blackOutline/sk.png);width:111px;height:55px;} .country_outline.no, .country_outline.jp, .country_outline.fr, .country_outline.sk {left:20px; top:145px;} .weather_snow_info .subtitle {font-size:10px;display:block;text-align:right;color:#4d4d4d;padding-right:5px;} .weather_snow_info .subtitle a {font-size:10px;color:#4d4d4d;} .resort.info th,.resort.info td {padding:2px;vertical-align:top;} .resort.info th {white-space: nowrap;} .resort.info .general_info table th {text-align:right; background:transparent;font-weight:normal;color:#4d4d4d;} .resort.info .notes {font-weight:bold;} .resort.skimovies .sub_content {margin: 10px 0;} .resort.skimovies .sltp {margin-left:10px;} .resort.skimovies .borderpanel.empty_info {width:auto !important; margin: 20px; padding:10px;} .resort.skimovies .borderpanel.empty_info img {margin: 10px;} .resort.skimovies .tab-box-search {position:absolute;right:30px;bottom:0;} .resort.info td.slopes {list-style-position: inside; float:left; list-style-image: } td.slopes > span > span {display:inline-block; margin-right:5px; background: url(../img/icons/slope_difficulty.png) no-repeat;width:10px;height:10px;margin-left:10px;} td.slopes .easy {margin-left:0;} td.slopes .intermediate {background-position:-15px;} td.slopes .difficult {background-position:-30px;} .snow_info {background-color:#7db8fa;color:white;padding:20px;margin-top:10px;float:right;} .snow_info > div {padding:0 0 10px 32px;min-height:30px;width:105px;float:left;} .snow_info > div span {display:block;} .snow_info .snowLevel {background:url(../img/icons/resort_snow_height.png) no-repeat;} .snow_info .slopesKm {background:url(../img/icons/resort_open_slopes.png) no-repeat;} .snow_info .snowConditions {background:url(../img/icons/resort_slope_condition.png) no-repeat;} .snow_info .lifts {background:url(../img/icons/resort_open_lifts.png) no-repeat;} .snow_info .additional_info {background:url(../img/icons/resort_additional_info.png) no-repeat;width:230px} .resort.info .webcams .scrollable {position:relative;overflow:hidden;width:320px;height:200px;} .resort.info .webcams .items {width:20000px;position:absolute;left:0;top:0;height:200px;} .resort.info .webcams .items > div {width:320px;overflow:hidden;height:200px;float:left;} .resort.info .webcams .items .webcam a {display:block;height:180px;overflow:hidden;} .resort.competitions .sub_left_60 img.empty {max-width:100%;} .scrollable_navi {height:8px;text-align:center;} .scrollable_navi a {width: 8px; height: 8px; border-radius:4px; background-color: #ccc; margin-right:3px; display:inline-block;} .scrollable_navi a.active {background-color: #4d4d4d;} .webcam.overlay > div {overflow:auto;} .panorama_cams .main_body {background-image: url(../img/bg_panocams.png)} .panocams_content .panomax {float:left;width:340px;margin:0 20px 20px 0;} .panomax .subtitle {display:block;margin-top:5px;} .panocams_content h1 span {position:relative;top:-7px;} .panocams_content a.standard {margin-right: 20px;} /* NEW CSS */ .bg-dark-green { background-color: #657A59; } .bg-green { background-color: #9AAC88; } .bg-light-green { background-color: transparent; } .box-container-large { position: relative; height: 130px; } .box-large { position: absolute; height: 50px; width: 280px; padding: 40px 30px; } .box a, .box-large a { color: #4d4d4d; } .input { padding: 0 10px; background: white; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; } .input input { background: transparent; border-width: 0; } .input-large { height: 50px; width: 190px; } .input-large input { font-size: 20px; } .btn-large { height: 50px; width: 50px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; } a.btn-large { display: block; float: left; } input[type=submit].btn-large { border-width: 0; } .btn-icon-search { background-image: url(../img/icons/icon-search.png); background-position: center center; background-repeat: no-repeat; } .search-content .field-container { width: 210px; float: left; } .marker-info { background: white; width: 150px; height: 125px; } .marker-info .logo { width: 150px; height: 80px; text-align: center; vertical-align: middle; } .marker-info .name { width: 150px; height: 23px; text-align: center; } /* --- file upload ---*/ .photo_upload_form .ajax_indicator_container { position: absolute; top: 82px; left: 51px; height: 50px; width: 50px; position: absolute; background: url(../img/ajax/bg_upload_ajax_indicator.png) no-repeat center center; } .photo_upload_form .ajax_indicator { background: url(../img/ajax/upload_ajax_indicator.gif) no-repeat center center; position: absolute; top: 9px; left: 9px; } .photo_upload_form .rich-fileupload-ico-add,.photo_upload_form .rich-fileupload-ico-add-dis,.photo_upload_form .rich-fileupload-ico-add-light { background: url(../img/icons/photo_upload.png) no-repeat top left; padding: 0 0 0 15px; height: 20px; width: 135px; margin-top: 5px; display: inline-block; } .photo_upload_form .delete_photo { background: url(../img/icons/photo_delete.png) no-repeat left; padding-left: 15px; margin-top: -8px; margin-left: 3px; display: inline-block; } .photo_upload_form .rich-fileupload-hidden { height: 20px; } .photo_upload_form .rich-fileupload-list-overflow { display: none; } .photo_upload_form .rich-fileupload-list-decor { width: 150px !important; } .photo_upload_form .rich-fileupload-button-content+div { width: 150px !important; height: 20px !important; } .photo_upload_form .rich-fileupload-button-border+div { visibility: hidden !important; } .photo_upload_form .rich-fileupload-button-border+div+div { visibility: hidden !important; } /* rich file upload stylein*/ .rich-fileupload-list-overflow { overflow: auto; overflow-y: auto; overflow-x: hidden; } .rich-fileupload-name { width: 100%; height: 58px; padding: 2px 10px 2px 10px; } .rich-fileupload-del { width: 90px; text-align: center; padding-top: 3px; padding-bottom: 3px; } .rich-fileupload-scroll { width: 10px; text-align: center; } input[type="file"][class~="rich-fileupload-hidden"]::-webkit-rich-fileupload-button { font-size: 10em; -webkit-appearance: button; } .rich-fileupload-button-content { padding: 2px 6px 2px 3px; text-align: left; white-space: nowrap; } .rich-fileupload-name-padding { padding: 2px 0 2px 0; } .rich-fileupload-ico { background-position: 0 50%; background-repeat: no-repeat; padding-left: 19px; vertical-align: middle; } input.rich-fileupload-hidden { filter: alpha(opacity: 0); position: relative; text-align: left; opacity: 0; moz-opacity: 0; } .rich-fileupload-font { font-family: arial; font-size: 13px; } .rich-fileupload-table-td { border-bottom: 1px solid; white-space: nowrap; } .rich-fileupload-list-decor { border: 1px solid; background-color: #fff; } .rich-fileupload-toolbar-decor { border-bottom: 1px solid; border-top: 1px solid; border-left: 1px solid; padding: 2px; background-color: #fff; border-top-color: #fff; border-left-color: #fff; width: 100%; } .rich-fileupload-button-border { border: 1px solid; margin: 2px; } .rich-fileupload-button-dis { background-repeat: repeat-x; cursor: pointer; padding: 2px; } .rich-fileupload-enrty-dis { background-repeat: repeat-x; color: red; padding: 2px; } .rich-fileupload-button-content { color: #333; text-decoration: none; display: block; } .rich-fileupload-button { background-repeat: repeat-x; background-position: top left; padding: 2px; cursor: pointer; background-image: url(/a4j/g/3_3_2.SR1org.richfaces.renderkit.html.images.UploadButtonBgGradient/DATB/eAH7!!!!1Tv3mQAZnQWQ); } .rich-fileupload-button-light { background-repeat: repeat; background-position: top left; border: 1px solid; cursor: pointer; padding: 1px; background-image: url(/a4j/g/3_3_2.SR1org.richfaces.renderkit.html.images.UploadButtonBgLightGradient/DATB/eAH7!!!!s1dvmQAaJwW9); } .rich-fileupload-button-press { background-image: url(/a4j/g/3_3_2.SR1org.richfaces.renderkit.html.images.UploadButtonPressedBgGradient/DATB/eAH7!!!!1Tv3mQAZnQWQ); border: 1px solid; padding: 2px 0 0 2px; background-repeat: repeat-x; background-position: top left; background-color: #fff; } .rich-fileupload-ico-add { background-image: url(/a4j/g/3_3_2.SR1org/richfaces/renderkit/html/images/ico_add.gif); } .rich-fileupload-ico-add-dis { background-image: url(/a4j/g/3_3_2.SR1org/richfaces/renderkit/html/images/ico_add_dis.gif); } .rich-fileupload-ico-start { background-image: url(/a4j/g/3_3_2.SR1org/richfaces/renderkit/html/images/ico_start.gif); } .rich-fileupload-ico-start-dis { background-image: url(/a4j/g/3_3_2.SR1org/richfaces/renderkit/html/images/ico_start_dis.gif); } .rich-fileupload-ico-stop { background-image: url(/a4j/g/3_3_2.SR1org/richfaces/renderkit/html/images/ico_stop.gif); } .rich-fileupload-ico-clear { background-image: url(/a4j/g/3_3_2.SR1org/richfaces/renderkit/html/images/ico_clear.gif); } .rich-fileupload-ico-clear-dis { background-image: url(/a4j/g/3_3_2.SR1org/richfaces/renderkit/html/images/ico_clear_dis.gif); } .rich-progress-bar-height { height: 13px; } .rich-progress-bar-width { width: 200px; } .rich-progress-bar-block { white-space: nowrap; } .rich-progress-bar-uploaded { background-repeat: repeat-x; } .rich-progress-bar-uploaded-dig { overflow: hidden; position: absolute; top: 0; left: 0; } .rich-progress-bar-shell { margin-bottom: 2px; border: 1px solid; } .rich-progress-bar-shell-dig { position: relative; margin-bottom: 2px; border: 1px solid; overflow: hidden; } .rich-progress-bar-remained { text-align: center; font-weight: bold; position: relative; } .rich-progress-bar-completed { text-align: center; font-weight: bold; background-repeat: repeat-x; } .rich-progress-bar-padding { padding: 0; } .rich-progress-bar-uploaded { background-image: url(/a4j/g/3_3_2.SR1org.richfaces.renderkit.html.images.ProgressBarAnimatedBg/DATB/eAFjmPUcAAIeAYI_); } .rich-progress-bar-shell { background-color: #fff; } .rich-progress-bar-shell-dig { font-family: arial; font-size: 13px; } .rich-progress-bar-remained { background-color: #fff; } .rich-progress-bar-completed { background-image: url(/a4j/g/3_3_2.SR1org.richfaces.renderkit.html.images.ProgressBarAnimatedBg/DATB/eAFjmPUcAAIeAYI_); color: #fff; } .rich-fileupload-toolbar-decor { border: none; background: none; background-color: transparent; padding: 0; margin: 0; } .single .rich-fileupload-list-decor { width: 100% !important; } .single .rich-fileupload-list-overflow { position: absolute; top: 0; margin-left: 20%; width: 80%; } .single .rich-fileupload-list-overflow table { width: 80% } .multiple .rich-fileupload-list-decor { width: 100% !important; } .multiple .rich-fileupload-list-overflow { height: auto !important; } .multiple .rich-fileupload-list-overflow table { width: 100% } .multiple .rich-fileupload-ico-start { display: none; } .rich-fileupload-list-decor { position: relative; border: none; background-color: transparent; width: 100px; } .rich-fileupload-table-td { border: none; } .rich-fileupload-ico-clear { display: none; } .rich-fileupload-button-border { border: none; margin: 0 5px 0 0; } .rich-fileupload-button-content { padding: 0 } .rich-fileupload-button-press,.rich-fileupload-button,.rich-fileupload-button-dis,.rich-fileupload-button-light { background: none; background-color: transparent; border: none; padding: 0; margin: 0; height: 30px; width: 50px; } .rich-fileupload-ico-add { background: url('../img/icons/album_add_30.png') top left no-repeat; width: 50px; height: 30px; } .rich-fileupload-ico-add-dis { background: url('../img/icons/album_add_30.png') top left no-repeat; width: 50px; height: 30px; } .rich-fileupload-ico-add-light { background: url('../img/icons/album_add_30.png') top left no-repeat; width: 50px; height: 30px; } .rich-fileupload-ico-start { background: url('../img/icons/album_accept_30.png') top left no-repeat; padding-left: 55px; height: 30px; vertical-align: middle; line-height: 30px; font-weight: normal; } .rich-fileupload-ico-start-dis { background: url('../img/icons/album_accept_30.png') top left no-repeat; padding-left: 55px; height: 30px; vertical-align: middle; line-height: 30px; font-weight: normal; } .rich-fileupload-ico-start-light { background: url('../img/icons/album_accept_30.png') top left no-repeat; padding-left: 55px; height: 30px; vertical-align: middle; line-height: 30px; font-weight: normal; } .rich-fileupload-ico-stop { background: url('../img/icons/album_delete_30.png') top left no-repeat; padding-left: 55px; height: 30px; vertical-align: middle; line-height: 30px; font-weight: normal; } .rich-fileupload-ico-stop-dis { background: url('../img/icons/album_delete_30.png') top left no-repeat; padding-left: 55px; height: 30px; vertical-align: middle; line-height: 30px; font-weight: normal; } .rich-fileupload-ico-stop-light { background: url('../img/icons/album_delete_30.png') top left no-repeat; padding-left: 55px; height: 30px; vertical-align: middle; line-height: 30px; font-weight: normal; } .rich-fileupload-anc { color: inherit; } .rich-fileupload-name { padding: 0; height: 40px; } .rich-fileupload-name-padding { padding: 0 } /* suggestion box richfaces */ .rich-sb-common-container { position: absolute; text-align: left; background-color: inherit; border: none; } .rich-sb-ext-decor-1 { position: absolute; height: 100%; width: 100%; z-index: 2; } .rich-sb-ext-decor-2 { border: 1px solid; height: 100%; width: 100%; background-color: #dceeff; border-color: #888888; } .rich-sb-ext-decor-3 { height: 100%; width: 100%; } .rich-sb-overflow { overflow: auto; } .rich-sb-shadow { position: absolute; height: 100%; width: 100%; border: 1px solid; z-index: 1; border: none; } .rich-sb-cell-padding { padding: 1px 3px 1px 5px; } .rich-sb-int-decor-table { width: 100%; } .rich-sb-int { cursor: pointer; font-size: 13px; font-family: arial; color: #333; } .rich-sb-int-sel { cursor: default; background-position: left top; background-repeat: repeat-x; font-size: 13px; font-family: arial; background-color: #6abbfe; } .share-box-link a { padding-left: 5px; } .share-box a.toggle {padding-left:25px;background: url(../img/icons/icon20-share.png) left no-repeat;} .share-box li { list-style-type:none; padding-bottom:5px;} .share-box li a {padding-left: 25px; background-position:left; background-repeat: no-repeat;} .share-box .shares {overflow:hidden;} .share-box select, .share-box textarea {display:block;} .share-box select {margin:10px 0 5px 0;width:100%;} .share-box textarea {height:50px;width:97%;margin-bottom:5px;} .shares.disabled a:hover {text-decoration:none;color:#999999;cursor:default;} .shares .message {padding-bottom:10px;} .addthis_button_twitter {background-image: url(../img/icons/share_twitter.png)} .addthis_button_facebook {background-image: url(../img/icons/share_facebook.png)} /*Social Settings*/ .profile.privacy hr{ height:1px; background-color:#ddd; margin: 20px 0; } p.connected{font-weight:bold; color: #90c334;} /*Share Buttons Icons*/ .addthis_button_facebook, .share_button_facebook{ background-image: url(/img/icons/fb-share-icon.png); } .share_button_youtube{ background-image: url(/img/icons/yt-share-icon.png); } .share_button_copy_link{ background-image: url(/img/icons/link-share-icon.png); } .share_button_twitter{ background-image: url(/img/icons/twitter-share-icon.png); } .send_link_email{ background-image: url(/img/icons/mail-share-icon.png); } /*SOCIAL SHARING STYLES*/ .share-box li{float:left;} .share-box li a{ height:30px; width:30px; } #mainSidebar .share-box {margin: 0px 10px 10px 0px;} #mainSidebar a{padding-left:25px;} #mainSidebar .share-box a { display:block; margin-right:5px; padding:0; } #sharebox p {margin-bottom:5px;} div.shares {padding:5px 0px !important;} #skimovieBody #disqualifyForm{margin-top:20px;} #sharebox ul li a span{ visibility:hidden; display:inline-block; width:30px; height:30px; }/* * $Id: skiline.css 7913 2011-03-30 11:32:03Z samren $ * * The template which is used to generate the stylesheet files . * The ant task replaces occurrences of @property@ with the value, see colors.properties for valid values */ html { font-family: Helvetica, Arial, sans-serif, sans; } body { font-family: Helvetica, Arial, sans-serif, sans; margin: 0 0 0 20px; padding: 0; font-size: 13px; color: #4d4d4d; position: relative; background-color:#F5F6F7;} body.iframe { background-color:#F5F6F7; margin: 10px;} body.popup {background-color:white; margin:0; background-image:none;} .content_container {max-width:900px; margin: 0 auto; background-color:white; padding-bottom:30px; position:relative;top:0px;border:solid 0px #ddd; } /* Styles for Banner */ #wrapper {max-width: 1220px; margin: 0 auto; position: relative; } .start-page #wrapper {max-width: none; margin: 0; } .start-page .content_container {margin-right: auto; } .left_skyscraper {min-width: 120px; min-height: 600px; position: absolute; left:0; top: 0;float: left;} .right_skyscraper {min-width: 120px; min-height: 600px; position: absolute; right: 0; top: 0;float: right;} .bottom_leaderboard_desktop {position: relative; margin: 0 auto; max-width: 728px; padding-top: 20px;} .bottom_leaderboard_mobile {position: relative; margin: 0 auto; max-width: 320px; padding-top: 20px;} .neutral_medium_rectangle {width: 300px; padding-bottom: 20px; margin: 0 auto;} @media (min-width: 1221px) { .content_container {min-height: 570px;} } @media (max-width: 1220px) { .left_skyscraper, .right_skyscraper {display:none;} } @media (max-width: 1140px) { .content_container {margin-right:inherit;} #wrapper {max-width: 900px; margin: 0 auto;} } @media (max-width: 728px) { .bottom_leaderboard_desktop {display:none;} .bottom_leaderboard_mobile {display:block;} } @media (min-width: 728px) { .bottom_leaderboard_mobile {display:none;} .bottom_leaderboard_desktop {display:block;} } body.competitions-overview .seasonPaginator{width:100%;} /* ------------------------ */ .IE_7 .content_container { margin-bottom: 90px; } .block {display:block !important;} table.rb {margin-bottom:5px;clear:both;} table.rb input {float:left; width:20px;} table.rb label {float:left;} tr.even {background-color:#eee;} a { text-decoration: none; font-size: 13px; color: #4dabfa; } a:hover { color: #4dabfa; cursor: pointer;} a.blue, a.standard { color: #4dabfa; text-decoration:underline;} a.dark{ color:#333333;} a.plain {font-weight:normal !important;} a.disabled { color: #cccccc; } a.disabled:hover { cursor: default; text-decoration:none;} a.disabled img { filter: grayscale(100%); } a.noline { text-decoration:none !important;} a.noline:hover { text-decoration:none !important;} a.arrow {padding-left:12px; background: url(../img/icons/link_blue.png) left center no-repeat; text-decoration: underline;} a.help {color:#1290f8; text-decoration:underline;} a.fb {background:url("/img/icons/fb_small.png") no-repeat left; padding-left:20px;} a.email {background:url("/img/icons/action_send_mail.png") no-repeat scroll right center transparent; padding-right:30px;} a.add {background:url("/img/icons/tg-add.png") no-repeat scroll right center transparent; padding-right:30px;} a.cancel {background:url("/img/icons/tg-delete.png") no-repeat scroll right center transparent; padding-right:30px;} a.whiteArrow {background:url("../img/icons/link_white.png") left center no-repeat; text-decoration:underline;padding:2px 0 0 20px;color: #1290f8} a.addFavorite {padding-left:32px; background: url(../img/icons/add_to_favorites.png) left center no-repeat; height:28px;display:inline-block; line-height:2.0;} a.removeFavorite {padding-left:32px; background: url(../img/icons/remove_from_favorites.png) left center no-repeat;height:28px;display:inline-block; line-height:2.0;} a.delete {width:20px;height:20px;background-image: url(../img/icons/tg-delete.png); display:inline-block;position:relative;top:2px;)} a.edit_diary {background: url("../img/icons/icon20-diary-write.png") no-repeat scroll left center transparent; padding-left: 25px;} a.delete_diary {background: url("../img/icons/icon20-delete.png") no-repeat scroll left center transparent; padding-left: 25px;} ul { margin: 0; padding: 0; } ul.inside { list-style-position: outside; padding-left: 1em; margin-left: 1em; } ul.plain li{list-style-type:none;} select { font-size: 15px; } option { font-weight: normal !important; } textarea { font-family: arial; font-weight: bold; font-size: 13px; overflow: auto;} h1 { font-size: 20px; font-weight: bold; color: #1290f8; margin: 5px 13px 13px 0; } h1.style1 {color: #444;font-size: 20px;font-weight: normal;} h1.smaller {font-size:16px; margin-bottom:5px;} h2.separator { border-bottom: solid 1px; } h2.info {font-weight: normal;} h3, .h3 { font-size: 13px; font-weight: bold; color: black; margin-bottom: 5px; } h3.first, .h3.first {margin-top:0;} hr { clear: both; height: 3px; border: 0; } p { margin-top: 0; } p.first { margin-top: 10px; } p.small, p.small a {font-size:11px;} span.error { color: #ff2fa7; } h1 .info, h2 .info, h3 .info, h4 .info, h5 .info, h6 .info { font-weight: normal; } img.middle { vertical-align: middle; } img { border: none; } .hiddenGetUrl { display: none !important; } .grey_light{color:#969696;} .rmargin {margin-right: 10px;} img.coverUrl {width:60px;} img.coverUrl.small {width:30px;} .logo_country div.de, .logo_country div.it, .logo_country div.fr, .logo_country div.sk, .logo_country div.fr, .logo_country div.ja, .logo_country div.no, .logo_country div.at {display:block;} div.de, div.en, div.it, div.fr, div.ru, div.cz { display: none; } // TODO: ????? .page_separator {position:relative; margin-top: 20px; border-top: solid 2px #f994d4; } .page_separator.grey {border-color:#eee;} .page_separator.no_top_margin {margin-top:0;} /*--- general settings ---*/ .right { float: right; } .left { float: left; } .invisible { visibility: hidden !important; } .hidden { display: none; } .browse { cursor: pointer; } .inline {display: inline; } .clear { clear: both; } .ellipsis { overflow: hidden; white-space:nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis;} .ellipsis.multiline { white-space: normal; } .detail-header-link {color: #1a1a1a; font-size: 16px;} .detail-header-link:hover {color: #1a1a1a; text-decoration: underline;} .strong { font-weight: bold; } form {margin:0; padding:0;} form.inline_text, div.inline_text { margin-right: 70px; } form.outline_text { width: 650px; } form.image_panel { margin-left: 70px; } form.bmargin {margin-bottom:10px;} /*--- language specific settings ---*/ body.de #tickets_main .label_enter {top: 20px;} body.en #tickets_main .label_ticket {top: 20px;} ul.messages { list-style-position: inside; background-color:#fefebc; margin-bottom:20px; margin-top: 20px; padding:10px;} ul.messages li { list-style-type: none; background-position: 0 50%; background-repeat: no-repeat; padding-left: 30px; font-size: 13px; min-height: 50px;} ul.messages li.fatal_message { background-image: url(../img/message60_error.png); color: #4d4d4d; } ul.messages li.error_message { background-image: url(../img/message60_error.png); color: #4d4d4d; } ul.messages li.info_message { background-image: url(../img/message60_info.png); color: #4d4d4d; min-height:55px;} ul.messages li.warn_message { background-image: url(../img/message60_warn.png); color: #4d4d4d; } ul.messages li.confirm_message { background-image: url(../img/message60_confirm.png); color: #4d4d4d; } ul.messages li.disqualify_message { background-image: url(../img/icons/icon-warning.png); background-position: top left; color: #4d4d4d; } ul.messages li a { color: #1290f8; font-weight: bold; text-decoration: underline; } ul.messages li.multi {margin-top:10px;} .dark_form ul.messages {background-color:black;border:none; margin: 0 -20px 10px -20px; border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;} .dark_form ul.messages li {color:white;} .dark_form p {color:white;} #registration_form ul.messages {border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;} div.formErrorDiv { background-color:#EEEEEE; border:1px solid #CCCCCC; margin:10px 0 5px 10px; min-width:170px; cursor:default; padding:0 8px 1px 2px; display:inline-block; position:relative; border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); } div.formErrorDiv>div { margin-top: -20px; padding-top: 20px; background: url(../img/tooltip/errortip-tip-n.png) no-repeat 12px top; } div.formErrorDiv span.error { background:url("../img/message_warn.png") no-repeat scroll left center transparent; color:#333333; display:block; font-size:11px; margin:5px 0 3px 5px; padding-left:19px; } .absoluteErrorDiv div.formErrorDiv { position:absolute; left:100px; bottom:-38px; z-index:100; } .error.ajax { position: relative; left: -2px; } .error.ajax .indicator { padding-right: 5px; } .error.ajax .msg { color: #ff2fa7; width: 100%; margin-left: 10px; } /* -- remove the focus border on safari -- */ input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus, input[type=tel]:focus { outline: 0 none; } input[type=radio] { margin-left: 0; } input.autoSubmit {position: absolute; top:-5000px !important;} input.capitalize {text-transform:capitalize;} input.uppercase {text-transform: uppercase;} .top_navi { padding:16px 0px 0px 0px; z-index:1;background-color:#F5F6F7; } .top_navi a.loginLink { float: right; display:block; padding:6px 10px; font-weight:bold;} .top_navi a.mailbox { display: block; float:left; width:30px; height:20px; background: url('../img/icons/mail_box.png') no-repeat 0px 0px; margin:10px 10px;} .top_navi a.mailbox:hover {background-position: 0 0;} .top_navi a.mailbox .annotation {position:relative; top:5px; left:10px;} .top_navi a.logo {float: right; margin-right: 0px; background: url(../img/skiline-logo-web.png) center center no-repeat; width: 187px; height: 35px; display: block; } .top_navi #global_search_form {position:relative;} .top_navi #global_search_div { position:relative; right:5px; top:-3px; height: 21px; width: 93%; margin:0px; padding-right:10px;background:transparent;} .top_navi #global_search_div div.search_wrap { background: url(../img/search_loop.png) no-repeat left 0; height: 32px; padding-left:31px;} .top_navi #global_search_div input {border: none; background-color:transparent;width:100%; padding:0;margin:0;border-top: solid 1px #DEDEDE;border-right: solid 1px #DEDEDE;border-bottom: solid 1px #DEDEDE;border-top-right-radius:5px;border-bottom-right-radius:5px; height: 29px; font-size: 13px;font-family: Arial} .top_navi #global_search_div .updnWatermark {top:1px; left:40px; font-size:13px;} .mainmenu a.flagLink { height:34px; padding: 10px 20px 0 20px;} .mainmenu a.profileLink { height:34px; color:#4D4D4D; } .mainmenu a.profileLink img{margin-top:-4px;margin-left:0px;} .mainmenu a.profileLink span {max-width:87px;width:87px; font-weight:normal; float: left; color: #4D4D4D} /* menu */ .mainmenu span.navi_annotation {position:relative; right:-10px; top:-22px; text-align: center; display:block;} span._1_digit, span._2_digit, span._3_digit {display:block; text-align: center; background: url(../img/annotation_digits.png) no-repeat;} span._1_digit { width: 30px; background-position: 0 0;} span._2_digit { width: 42px; background-position: 0 -30px;} span._3_digit { width: 56px; background-position: 0 -60px;} .annotation { position: absolute; top: 20px; right: 0; font-size: 20px; color: white; font-weight: bold; line-height: 30px; height: 30px; z-index:70;} /* --- Main area (blue background area) --- */ .main_body { min-height: 240px; background: repeat-x top; background-color: #4dabfa;} .main_body .container { position: relative; height: 240px; background: no-repeat top center; } .main_body .container.photo { height: 669px !important; background: no-repeat top center; } .main_body .container.photo img { max-width:900px; } .main_body h1 { font-size: 24px; font-weight: normal; color: white; padding: 5px 0 13px 0; margin:0; position: relative; left: 0; } .main_body h2 { font-size: 18px; font-weight: bold; color: white; padding: 5px 0 5px 0; margin:0; position: relative; left: 0; } .main_body h3 { font-weight: normal; color: white;} .main_column_competition{width:auto; margin-top:190px;} .main_column_0 { height: 40px; width: 810px; position: absolute; bottom: 0; left:0; padding: 10px 0 0 90px; margin:0;} .main_column_0.arrow { height: 50px; width: 810px; position: absolute; bottom: 0; left:0; padding: 0 0 0 90px; } .main_column_1 { height: 40px; width: 810px; position: absolute; bottom: 50px; left:0; padding: 10px 0 0 90px; margin:0;} .main_column_2 { height: 40px; width: 810px; position: absolute; bottom: 100px; left:0; padding: 10px 0 0 90px; margin:0;} .main_column_01 { height: 100px; width: 810px; position: absolute; bottom: 0; left:0; padding: 10px 0 0 90px; margin:0;} .main_column_12 { height: 100px; width: 810px; position: absolute; bottom: 50px; left:0; padding: 10px 0 0 90px; margin:0;} .main_column_top_0 { height: 30px; padding: 10px 0 10px 90px; margin:0;} .main_column_top_0 h1 { float: left; font-size: 28px; line-height: 30px; color: white; margin: 0; padding:0; font-weight: normal; white-space: nowrap; } .main_body.large {min-height: 280px;} /* --- content area --- the content below the main background image is wider than the navigation menu! */ .sub_content { margin:20px 90px 0; padding: 0; position: relative; } .sub_content h1 { color: #4d4d4d; font-weight: normal; } .sub_content .sub_left_40 { width: 270px; float: left; padding-right: 9px; border-right:1px solid #d8d8d8;} .sub_content .sub_right_60 { width: 430px; float: right; padding-left: 10px; } .sub_content .sub_left_60 { width: 430px; float: left; padding-right: 9px; border-right:1px solid #d8d8d8;} .sub_content .sub_right_40 { width: 270px; float: right; padding-left: 10px; } .sub_left_40 h1, .sub_left_60 h1, .sub_right_40 h1, .sub_right_60 h1{ color:black; font-weight:normal } .sub_sub_content { width: 450px; margin-left: 3px; } table.tooltip .button_white_right a {color: #1a1a1a} /* --- image panel ---*/ table.image_panel { position: relative; width:100%; } table.image_panel.top_margin {margin-top:10px;} table.image_panel.bottom_margin {margin-bottom:10px;} table.image_panel td.icon .annotationImage { position: absolute; bottom: 0; right: 0; z-index: 90;} table.image_panel td.icon { width: 60px; vertical-align:top; padding: 5px 5px 5px 0; min-height: 5px; } table.image_panel td.icon a { display:block; position:relative; } table.image_panel td.icon .overlay { position:absolute; top:0; left:0; width: 60px; } table.image_panel td.icon_small { width: 20px; vertical-align: top; padding: 5px 0 5px 5px; text-align: center; } table.image_panel td.text { vertical-align:top; padding:5px; font-size: 13px; line-height: 1.3; color: #4d4d4d; } table.image_panel td.text_small { vertical-align:top; padding:5px 15px 5px 0; font-size: 13px; line-height: 1.3; color: #4d4d4d; } table.image_panel td.text p { margin-top: 0 } table.image_panel .annotationValue { position: absolute; right: 0; bottom: 0; text-align: center; height: 30px; font-size: 20px; color: white; font-weight: bold; line-height: 30px; } table.image_panel.separator td.text { width: 100%; border-bottom: 1px solid #ccc; } table.image_panel.smallText p { font-size: 11px; } table.image_panel.large td.icon { width: 150px;} table.image_panel.photo_thumb td.icon { width: 100px;} table.image_panel.photo_thumb td.icon img { max-width: 100px;} .image_panel h1, .image_panel h2, .image_panel h3, .image_panel h4, .image_panel h5, .image_panel h6 { padding-top: 0; margin-top: 0; } .image_panel h2.margin {margin-top: 15px;} /* --- the links, which are used to show/hide details in lists ---*/ .show_hide_details { margin-left: 3px; margin-right: 7px; } .default_label_action { position: relative; bottom: 10px; color: #c4c4c4; } .default_label_action:hover { color: #4d4d4d; } .imageLink.detailLink img { padding-right: 30px; } /* ---- forms ---- */ label.disabled { color: #cccccc; } .field_container { line-height: 1.2 !important; margin-bottom: 10px; position: relative; vertical-align: middle; } .field_container.ratingblock {line-height: 1.5 !important;} .std_ti_container {position:relative;} div.form_field, label.form_field { float: left; } div.form_field .form_label { float: right; padding-top: 8px; padding-right: 10px; text-align: right; } div.form_field.output { float: left; padding-top: 8px; text-align: left; } div.spacer, td.spacer { padding-top: 10px; } div.spacer2 { padding-top: 20px; } label.form_label { padding-top: 8px; padding-right: 10px; text-align: right; width: 150px;} label.form_label.info_tooltip {background: url(../img/message_info.png) no-repeat center right;padding-right:22px;} .form span.label, .form label.label { line-height: 30px; padding-right:5px;} .form .field_12 { width: 12.5%; display: inline-block; margin-right:0px !important;} .form .field_12.first { width: 10.5%; margin-right:2% !important;} .form .field_15 { width: 15%; display: inline-block; margin-right:0px !important;} .form .field_15.first { width: 13%; margin-right:2% !important;} .form .field_20 { width: 20%; display: inline-block; margin-right:0px !important;} .form .field_20.first { width: 18%; margin-right:2% !important;} .form .field_25 { width: 25%; display: inline-block; margin-right:0px !important;} .form .field_25.first { width: 23%; margin-right:2% !important;} .form .field_40 { width: 40%; display: inline-block;margin-right:0px !important;} .form .field_40.first {width:38%; margin-right:2% !important;} .form .field_50 { width: 50%; display: inline-block;margin-right:0px !important;} .form .field_50.first {width:48%; margin-right:2% !important;} .IE_7 .form .field_50.first {margin-right:0 !important;} .form .field_30 { width: 30%; display: inline-block;margin-right:0px !important;} .form .field_30.first {width:28%; margin-right:2% !important;} .form .field_70 { width: 70%; display: inline-block;margin-right:0px !important;} .form .field_70.first {width:68%; margin-right:2% !important;} .form .field_70.first {width:68%; margin-right:2% !important;} .form .field_70.first select { width: 100%; } .form .field_100 { width: 100%; } .form label.field_100 { display: block; } .form .no_marginr {margin-right: 0 !important;} /*-- text input fields --*/ .input { cursor: text } .updnWatermark { position: absolute; top:0; cursor: text; color: #c8c8c8; font-size: 13px; font-weight:normal; padding: 7px 0 0 1px; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; } .std_ti_container .updnWatermark {padding: 3px 0 0 11px;} .capitalize input.text_input {text-transform:capitalize;} .input_text { position: relative; min-height: 30px; padding-right: 25px;} .input_text.no_delete_icon { padding-right: 10px; } .input .text_input { background-color: transparent; color: #1a1a1a; font-weight: bold; font-family: arial; border: none; font-size: 13px; width: 100%; padding: 7px 0; } .input .delete_icon { width: 16px; height: 16px; background: url(../img/textinput_bg.png) no-repeat left -120px; position: absolute; top: 7px; right: 5px; cursor: default; } .input.disabled .delete_icon { display: none !important;} /*-- search input fields (in addition to text fields the input_text has a background image) --*/ .input_text.search { background-image: url(../img/textarea_search_bg.png) !important; padding-left:30px !important;} /*-- border panel --*/ .borderpanel {border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px; padding: 7px; position: relative; background: #c4c4c4; } .borderpanel.info { background-color: #f2f2f2; margin-bottom:10px;} .white_bg .borderpanel, .borderpanel.white_bg, .white .borderpanel, .borderpanel.white { background: white; } .borderpanel.blue_bg, .blue_bg .borderpanel { background-color: #69B9FD } .borderpanel_10 { border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px; } .borderpanel.description .borderpanel {padding:20px; margin-bottom: 10px;} .borderpanel .actionLink {margin: 0 0 5px 0; display:block;} .borderpanel.empty_info {width: 100% !important;padding:0;} borderpanel.empty_info h1 {color: #1a1a1a; font-size: 25px; font-weight: normal;} .borderpanel.empty_info a {font-weight: bold; color:#1290f8; text-decoration: underline;} .input_auto_suggest,div.container .registration_form .input_auto_suggest{ padding: 0 7px; background: white url(../img/textarea_bg.png) top left no-repeat; border: 1px solid #bfbfbf; border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;} .input_text,div.container .registration_form .input_text,div.container .input_text.search{ padding: 0 7px; background: white url(../img/textarea_bg.png) top left no-repeat; border: 1px solid #bfbfbf; border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;} .input_text_area,div.container .registration_form .input_text_area { padding: 7px 22px 7px 7px; background: white url(../img/textarea_bg.png) top left no-repeat; border: 1px solid #bfbfbf; border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;} .input_select_list select,div.container .registration_form .input_select_list select { padding: 0 0 0 7px; background: white url(../img/textarea_bg.png) top left no-repeat; border: 1px solid #bfbfbf; border-radius:10px 0 0 10px; -moz-border-radius:10px 0 0 10px; -webkit-border-radius:10px 0 0 10px} /* disabled */ .disabled .input_text { background: white url(../img/textarea_dis_bg.png) top left no-repeat !important; cursor:default;} /*-- color selection --*/ .input_color {margin-left:60px; width:55px;} /* hide round borders in blue header section */ div.container .input_auto_suggest { padding: 0 7px; background-image:none; border: none;} div.container .input_text { padding: 0 7px; background-image:none; border: none;} div.container .input_text_area { padding: 7px 22px 7px 7px; background-image:none; border: none; border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;} div.container .input_select_list { padding: 7px; background-image:none; border: none; border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;} /*-- text areas --*/ .input_text_area textarea { width:100%; max-width:100%; background-color: transparent; border: none; } textarea.html {background: url(../img/html.png) no-repeat 90% bottom;} /*-- select boxes --*/ .field_container select.select { color: #4d4d4d; margin:5px 0;} .field_container select.select.selected { color: #4d4d4d !important; } .field_container select.select option { color: #4d4d4d; } /*-- select list --*/ .field_container select.select_list.noselection { color: #c8c8c8; } .field_container select.select_list option { color: #4d4d4d; } /*-- checkboxes --*/ .cb_container input, .cb_container a, .cb_container label, .cb_container span { vertical-align:middle; margin-right: 0;} .submit { padding: 0; } .submit:hover { cursor: pointer; } a.submit { float: right; margin-left: 10px; } /*-- standard sizes for input fields --*/ ._2_digits { width: 40px; } ._4_digits { width: 70px; } ._8_digits { width: 140px; } /*-- output --*/ .output_add, .output_add_delete { position: relative; } .output_add .add, .output_add_delete .add, .output_add_delete .delete { position: absolute; top: 8px; background-repeat: no-repeat; width: 15px; height: 15px; border: none; cursor: pointer; } .output_add .add { background-image: url(../img/button_add.png); right: -20px; } .output_add_delete .add { background-image: url(../img/button_add.png); right: -45px; } .output_add_delete .delete { background-image: url(../img/button_delete.png); right: -20px; } .suggestion_box_cell { border: none; } /* date input */ .ui-datepicker-trigger { position: absolute; right: 6px; top: 6px; z-index:2000;} .ui-datepicker-trigger:hover { cursor: pointer; } .ui-datepicker { background-color: white; border: silver 1px solid; border-radius:5px;} .ui-datepicker-title { text-align: center; font-weight: bold; margin-top: 3px; } .ui-datepicker th { background-color: transparent; } .ui-datepicker td { background-color: @bg_calendar_day@; text-align: right; color: white; } .ui-datepicker td a { color: #4d4d4d; } .ui-datepicker td.ui-datepicker-today { background-color: white; } .ui-datepicker td.ui-datepicker-today a { color: #1a1a1a } .ui-datepicker-current-day { border: deeppink 1px solid; } .ui-datepicker td a:hover { font-weight: bold; cursor: pointer } a.ui-datepicker-prev, a.ui-datepicker-next { position: absolute; color: transparent; top: 8px; } .ui-datepicker-prev { left: 5px; } .ui-datepicker-next { right: 5px; } .ui-datepicker-next span:hover { cursor: pointer; } .ui-datepicker-prev .ui-icon, .ui-datepicker-next .ui-icon { display: block; height: 10px; width: 10px; } .ui-datepicker-prev .ui-icon { background: url(../img/icons/calendar_prev.png) no-repeat center; } .ui-datepicker-next .ui-icon { background: url(../img/icons/calendar_next.png) no-repeat center; } .date_container { position: relative; top: -8px; padding-right: 10px; } .date_input span { width: 100%; display: block; } .date_input_label { position: relative; top: 8px; left: 24px; color: white; display: block; font-size: 13px; } /* ---- tables --- */ table { border: none; } th { text-align: left; background-color: #eeeeee; font-size: 12px; padding: 5px; } th a { padding-left: 5px; padding-right: 5px; } /* -- for the sort icon --*/ tr.pt td {padding-top:10px;} tr.pt2 td {padding-top:20px;} table.datatable, table.output_table { margin-bottom: 20px; width: 100%; } table.datatable a:hover {text-decoration: underline;} table.datatable td { font-size: 12px; padding: 10px 5px 0 5px; color: #1a1a1a; } table.output_table th { vertical-align: top; background-color: transparent; font-weight: normal; text-align: right; padding: 4px 5px 4px 5px; font-size: 13px; color: #4d4d4d; white-space: nowrap;} table.output_table td { vertical-align: top; width: 100%; padding: 4px 5px 4px 5px; font-size: 13px; color: #1a1a1a; } table.datatable tr.odd {background-color:#cce1ff;} table td.vsep {border-right: 2px solid #dedede;} td.numeric, th.numeric { text-align: right; white-space:nowrap;} td.total { font-weight: bold; } td.bullet { width: 15px; background: url(../img/icons/bullet_grey.png) no-repeat center; } table.info_table label { display: block; text-align: right; font-size: 12px; color: #5d5d5d; margin-right: 5px; } table.info_table td { text-align: left; font-size: 12px; color: #1a1a1a; } dl.legend { float: left; margin: 20px 0; } dl.legend dt { float: left; width: 30px; clear: left; } dl.legend dd { float: left; margin-left: 0; } /* skiline table paginator */ div.sltp { font-size: 13px; font-weight: bold; height: 20px; margin-bottom: 10px; } div.sltp a { display:block; float:left; vertical-align: middle;margin: 0 3px 0 0; padding: 2px 6px 3px 6px; height:15px; background-color: #cccccc; color: #4d4d4d; } div.sltp a.hidden { display:none; } div.sltp a.active { background-color: #4d4d4d; color: white; text-decoration: none} div.sltp a.sltp-next, div.sltp a.sltp-prev { width: 20px; height: 20px; padding:0; background: url(../img/tableScroller.png) no-repeat 0 0; } div.sltp a.sltp-next.disabled { background-position: 0 -20px; } div.sltp a.sltp-prev {background-position:0 -40px;;} div.sltp a.sltp-prev.disabled { background-position: 0 -60px; } div.sltp.seasonPaginator {margin-right:15px;} .seasonPaginator h1 {float:left;margin: -4px 5px;font-size:25px;} /* -- skipass teaser box (homepage and tickets page) --*/ .enter_skipass { width: 114px; height: 210px; position: absolute; color: white; background: url(../img/bg_ticket_enter_large.png) no-repeat center center; padding: 10px 23px; text-align:left;} .enter_skipass.small { width: 74px; height: 130px; background-image: url(../img/bg_ticket_enter_small.png); } .enter_skipass.small.transparent {background-image: url(../img/bg_ticket_enter_small_transparent.png); } .enter_skipass.mini { width: 67px; height: 88px; background-image: url(../img/bg_ticket_enter_mini.png); padding:10px 15px;} .enter_skipass .ticket { padding: 10px 0 0 0; font-weight: bold; font-size: 20px; whitespace: nowrap; } .enter_skipass.mini .ticket { padding: 5px 0 0 0; font-size: 16px;} .enter_skipass .enter { padding: 0; margin-top: -4px; font-size: 20px; } .enter_skipass.mini .enter { padding: 0; margin-top: -4px; font-size: 16px; } .enter_skipass p.teaser { font-size: 13px; padding: 10px 0; text-align: justify; } .enter_skipass .button_left { position: absolute; bottom: 20px; } .enter_skipass.small .button_left { bottom: 15px; } .enter_skipass.mini .button_left { bottom: 13px; } .enter_skipass .button_left { margin-left:0; } .enter_skipass.skimovies {background-image: url(../img/skipass_teaser_gray.png); color:#5d5d5d; height:155px; width:110px; text-align: left;} .enter_skipass.skimovies .teaser {font-size: 11px;} /* -- Terms and conditions changed --*/ #termsConditionsBody .main_body { background: #4dabfa url(../img/bg_profile.png) no-repeat bottom center; } #termsConditionsBody .form_content { float: left; width: 300px; } #termsConditionsBody .side_content { float: right; width: 40%; } /* --- newsfeed ---- */ .newsfeed .news {width:460px; float:left; margin-right:5px;} .newsfeed .right_panel {float:right; width:240px;padding-left:10px;} .newsfeed .vert_separator {border-right:1px solid #ddd; float:left; margin-top:30px; width:2px;height:250px;} .newsfeed .right_panel .rb label {width:190px;} .newsfeed .right_panel .button_left {margin-top:20px; float:right;} .image_panel.newsfeed {border-bottom:1px solid #ddd;margin-bottom:5px;padding-bottom:5px;} .image_panel.newsfeed table {width:100%;} .image_panel.newsfeed .buttons {margin-top:10px;} .image_panel.newsfeed .timestamp {font-weight:bold;padding-bottom:5px;} .image_panel.newsfeed .descr a {text-decoration:underline;color:#333;} .image_panel.newsfeed .message {margin-top:10px;} .image_panel.newsfeed .message .body {background-color:#eee; padding:10px; border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;} .image_panel.newsfeed .message .thumb {margin-right:10px;} .image_panel.newsfeed.resort .icon img {max-width:60px;} .image_panel.newsfeed.birthday .thumb a {display:block; color:#1a1a1a;text-decoration:none;} .image_panel.newsfeed.birthday .thumb a span {display:block;text-decoration:underline;} .image_panel.newsfeed .button_left {margin:5px 5px 0 0;} .image_panel.newsfeed .button_left.last {margin-right:0;} .image_panel.newsfeed .ajax_indicator {width:60px;height:60px;} .newsfeed.photo_rated .thumb img {max-width: 100px;} #newsfeedBody .main_body { background-color: #4dabfa; } #newsfeedBody .main_body .container { background: url(../img/bg_newsfeed_center.png) no-repeat center; } #newsfeedBody .main_body .container.request {background-position: -585px center;} #newsfeedBody .main_body .container.confirmation {background-position: -465px center;} #newsfeedBody .main_body .container.message {background-position: -345px center;} #newsfeedBody .main_body .container.notification {background-position: -225px center;} #newsfeedBody .main_body .container.result {background-position: -105px center;} #newsfeedBody .enter_skipass {top: 20px; left:60px;} .newsfeed_action, .newsfeed_description { margin-right: 20px; margin-top: -5px; } .newsfeed .newsfeed_message { display: block; margin-top: 5px; margin-bottom: 10px; color: #1290f8; } .newsfeed .newsfeed_message a { color: #1290f8; text-decoration: underline; } .newsfeed_details .imageLink img { padding-right: 30px; } .newsfeed_description a {font-weight:bold;} #newsfeedBody .category_box {margin-right:20px; width:86px; height:130px; padding:10px;} #newsfeedBody .category_box a {position:relative; display:block; width:86px; height:86px;} #newsfeedBody .category_box a div.title {font-size:26px; text-align:center; padding-top:35px;color:white;} #newsfeedBody #category_boxes {padding:20px 0 20px 145px;} #newsfeedBody .category_box.selected {} #newsfeedBody .category_box.selected a div.title {color: #4dabfa;} #newsfeedBody .category_box.selected a div.overlay {background: none;} #newsfeedBody .vmCounter {position:absolute;right:75px;bottom:7px;} /* --- personal profile --- */ #personalProfileBody .main_body { background: #4dabfa url(../img/bg_profile_tabs.png) repeat-x; } #personalProfileBody.info .main_body {background: #4dabfa} #personalProfileBody.myInfo .main_body {background-image:url("../img/bg-header-user-skilines.png");} #personalProfileBody.myTickets .main_body {background:url(../img/bg-header-user-skilines.png) no-repeat;} #personalProfileBody .output_table {margin-bottom: 0;} #personalProfileBody .output_table th {font-weight: bold; width:125px;} #personalProfileBody .output_table td {width: 400px; max-width:400px;} #personalProfileBody .borderpanel.white_bg {position:relative; top:20px; } #personalProfileBody .about_me {word-wrap: break-word;} #personalProfileBody h2 {margin-bottom: 5px;} #personalProfileBody .profile_action_box {position: absolute; right:60px; top: 20px; } #personalProfileBody .trophies_box .empty {position: absolute;text-align: center;width: 385px;left: 8px;bottom: 5px;background-color: white;color: #1290f8;font-size: 20px;padding: 5px;} .month_day {width:32px;height:39px;background: url(../img/bg-header-user-skilines-calendar.png) no-repeat;position:relative;display:inline-block;} .month_day .month {position:absolute;top:2px;display:block;text-align:center;color:white;font-size:11px;width:100%;} .month_day .day {position:absolute;bottom:0;display:block;text-align:center;font-size:20px;font-weight:bold;width:100%;} .month_day .vm {position: absolute;bottom: -42px;width: 90px;text-align: center;left: -27px;color: white;} .month_day .resort {position: absolute;bottom: -120px;width: 90px;height:70px;text-align: center;left: -27px;color: white;} .profile .newest_days {position:absolute; top:25px;width:360px;right:90px;} .profile .newest_days a {display:block;float:left;height:160px;width:90px;} .profile .newest_days a:hover {text-decoration:underline;} .profile .newest_days .month_day {margin:0 27px 0 27px;} .profile a.newTicket {position:absolute;top:0;right:0;height:180px;width:90px;} #personalProfileBody .statistics {padding:5px; width:100%;} #personalProfileBody .statistics td, #personalProfileBody .statistics th {border-right: 1px solid #aaa; padding:5px;} #personalProfileBody .statistics th {border-bottom: 1px solid #aaa;} #personalProfileBody .statistics .last {border-right:none;} #personalProfileBody .statistics .per_day td {border-bottom: 1px solid #aaa;} #personalProfileBody .top100 .numeric {white-space:nowrap;} #personalProfileBody .top100 td {vertical-align: top;} #personalProfileBody table.ranking {width:400px;} .profile.friends .sub_content {margin-left:80px;} .profile.friends .friendsRanking {position:absolute;top:-10px;right:-80px;} .profile.friends.ranking .friendsRanking {position:absolute;top:-13px;right:-60px;} .profile.ranking .sub_content {margin-right:70px;} .profile.ranking .sub_left {width:470px;float:left;} .profile.ranking .sub_right {width:270px;float:right;padding-top:40px;} .profile.ranking .sub_right a {margin:3px 0 3px 0; display:inline-block;} a.standard.selected {background-color:#1290f8; color:white; text-decoration:none;padding:3px;} .badges_grouped {background-color:white;color:#1a1a1a} .badges_grouped span {position:relative;bottom:9px;} .image_panel .text .badges_grouped {float:right;text-align:right;} .photo_upload_form .formErrorDiv {display:none; position:absolute; top:-10px; z-index:20;} .profile_action_box {color: white; background-color:#4dabfa; width:370px; height: 130px; padding: 10px 20px; border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;} .profile_action_box a {color: white;text-decoration:underline;} .trophies_box {background: url(../img/bg_profile_actionbox_trophies.png) no-repeat center 10px #69B9FD;} .trophies_box a {color: #1290f8;text-decoration:underline;} .trophies_box > div {position:absolute;bottom:0;text-align:center;left:15px;} .trophies_box .badges_grouped {width:370px;padding:10px 5px 0;min-height:60px;max-height:140px;overflow:scroll;} .profile_action_box .button_panel { padding-top:0px; height:auto;} .profile_action_box .button_panel h1 {padding:0; margin:0} .profile_action_box a.arrow {position:absolute; bottom:10px; color:white; background-image: url("../img/icons/link_white.png"); padding-left:17px;} .profile_action_box a.plus {position:absolute; bottom:10px; color:white; background: url("../img/icons/link_plus_white.png") no-repeat; padding-left:17px;} .profile_action_box .teaserText {display:block; width: 240px; padding-top:20px;} .profile_action_box table.horizontal {width:100%} .profile_action_box table.horizontal td.inputs {width:250px;} .profile_action_box table.horizontal td.buttons {width:100px; padding:0 0 10px 10px; vertical-align:bottom;} .actionBoxForm {background-color:#6abbfe;} /* special styling for profile/info */ .profile_action_box .enter_skipass.mini {top:10px;right:10px; } .profile_action_box.badges {background: #69B9FD url(../img/bg_profile_actionbox_trophies.png) no-repeat center center !important;} .profile_action_box.badges > span {background-color:white;bottom:0px;width:355px;padding:9px;position:absolute;text-align:center;font-size:25px;color:#1290f8;} table.badges.details {width:770px;clear:both;} table.badges.details td {padding:0 20px 10px 0;vertical-align:top;} .profile.badge_list .badge_counts {clear:both;padding-top:20px;height:50px;} .profile.badge_list .badge_counts > div {float:left;padding-left:5px;} .profile.badge_list .badge_counts span {float:left;margin-bottom:15px;} .profile.badge_list .badge_def {float:left;} .profile.badge_list .badge_def > div {float:left;} .profile.badge_list .badge_def img {position:relative; bottom:6px;margin:0 10px 0 2px;} /* special styling for media-header in profile actionbox */ .profile_action_box.photo .prev.browse, .profile_action_box.photo .next.browse {display:none;} .profile_action_box.photo h1 {margin:0; padding:0 0 0 5px;} .profile_action_box.photo h3 {margin:8px 0 0 5px;} .profile_action_box #album_show_link {margin-left:0;} .profile_action_box .media-grid.header {margin-top:10px;} .profile_action_box .media-grid.header .slider {height:90px; width:370px; margin:0;} .profile_action_box .media-grid.header .image.panel {background-image: url(../img/bg_header_imageborder_small.png); height:85px;width:70px;margin-right:5px;} .profile_action_box .media-grid.header .video.panel {background-image: url(../img/bg_header_videoborder_small.png); height:85px;width:70px;margin-right:5px;} .profile_action_box .media-grid .body {height:60px;width:60px;margin:5px 5px 0;} .profile_action_box .media-grid .body img {height:60px;width:60px;} .profile_action_box .media-grid .title {display:none;} .profile_action_box .media-grid .index {color: #1a1a1a;padding:3px 0 0 5px;font-size:12px;} .profile_action_box.photo .current_photo {background: url(../img/icons/current_photo_marker.png) no-repeat center; height:10px;} .profile.friends .empty_info_container {padding: 40px 300px 40px 40px; min-height:200px; background: url(../img/bg_friends_empty_teaser.png) bottom right no-repeat;} .profile.friends .empty_info .borderpanel {padding:0 20px 20px 0;} .profile.friends.ranking {} .profile.groups .empty_info_container {padding: 40px 340px 40px 40px; background: url(../img/bg_groups_empty_teaser.png) bottom right no-repeat; margin:0 20px 20px 0;} .profile.groups .empty_info .borderpanel {padding:0 0 20px 0;} .profile.groups .empty_info .create_new {border-top: 1px solid #ccc; padding:20px 360px 0 40px; min-height: 50px;} .profile.groups .empty_info .create_new a {left:480px;bottom:15px;position:absolute;} .profile.groups .sub_content {left:-10px;} .profile.competitions .empty_info_container {padding: 40px 340px 40px 40px; background: url(../img/bg_competitions_empty_teaser.png) bottom right no-repeat;} .profile.competitions .empty_info .borderpanel {padding:0 20px 20px 0;} .profile.competitions .sub_content {margin-right:30px;} .profile.competitions .sub_content .sub_right_40 {width:330px;} .profile.competitions .sub_content h1 {color:black; font-weight:normal;} .profile.skiMovies .empty_info_container {padding: 40px 230px 40px 0; position:relative;left:40px; background: url(../img/bg_skimovies_empty_teaser.png) bottom right no-repeat;} .profile.skiMovies .empty_info_container img.thumb.left {margin-right:5px;} .profile.skiMovies .empty_info_container img.thumb.right {margin-left: 5px;} .profile.skiMovies .enter_skipass {position:absolute;right:0;bottom:0;} .profile.skiMovies .sltp {margin-left:10px;} .profile.pinboard .empty_info_container, .forum .empty_info_container {padding: 40px 230px 40px 40px; background: url(../img/bg_pinboard_empty_teaser.png) bottom right no-repeat;} .profile.media .empty_info_container {padding: 40px 230px 40px 40px; background: url(../img/bg_album_empty_teaser.png) bottom right no-repeat;} .image-box img {max-width:100%;} .profile.calendar .empty_info_container {padding: 40px 300px 40px 40px; background: url(../img/bg_skidiary_empty_teaser.png) bottom right no-repeat;} .profile.calendar .sub_content {margin:20px 20px 0 60px;} .profile.calendar a.whiteArrow {position:relative;top:3px;} .profile.tickets .empty_info_container {padding: 40px 300px 40px 40px; background: url(../img/bg_skidiary_empty_teaser.png) bottom right no-repeat;} .profile.tickets .sub_content {margin-right:0;margin-top:10px;} .profile.tickets .sub_content .sub_left {width: 620px;float:left;} .profile.tickets .sub_content .sub_right {width: 180px;float:right; min-height:200px;} .calendar_paginator_links {float:left;padding-top:3px;} #personalProfileBody.calendar .main_body {background-position: 0 bottom;background-color: #4dabfa;} table.form>tbody>tr>td:first-child, table.form>tr>td:first-child { text-align: right; padding: 10px 10px 0 0; vertical-align:top; } table.form>tbody>tr>td {padding-bottom: 10px;} table.form .field_container { margin-bottom: 0; } table.label_right>tbody>tr>td:first-child, table.label_right>tr>td:first-child { text-align: right; } #personal_profile_image_panel .user_name, #personal_profile_image_panel .about_me_title { font-weight: bold; color: #1a1a1a; } #personal_profile_image_panel .borderpanel a.privacy {visibility:hidden;} #personal_profile_image_panel .borderpanel a.edit {display:block; float:right; visibility:hidden;} #personal_profile_image_panel .borderpanel:hover a.edit {visibility:visible;} #personal_profile_image_panel .borderpanel:hover a.privacy {visibility:visible;} #personal_profile_image_panel div.trophies {float:right;width:400px;} #edit_personal_profile_form { width: 700px; position: relative; left: -50px; } #edit_personal_profile_form .first_label { width: 150px; } #edit_personal_profile_form .second_label { width: 110px; } #edit_personal_profile_form .first_name, #edit_personal_profile_form .last_name, #edit_personal_profile_form .user_name { width: 270px; } #edit_personal_profile_form .gender, #edit_personal_profile_form .birth_date, #edit_personal_profile_form .face_book, #edit_personal_profile_form .mein_vz, #edit_personal_profile_form .studi_vz, #edit_personal_profile_form .xing, #edit_personal_profile_form .phone, #edit_personal_profile_form .mobile, #edit_personal_profile_form .skype, #edit_personal_profile_form .icq { width: 220px; } #edit_personal_profile_form .email_not_confirmed {position:relative;top:-6px;left:6px;} #edit_personal_profile_form .street { width: 420px; } #edit_personal_profile_form .street_number { width: 120px; } #edit_personal_profile_form .zip { width: 110px; } #edit_personal_profile_form .city { width: 430px; } #edit_personal_profile_form .country { display: inline-block; float: left; clear: left; } #edit_personal_profile_form .first_name, #edit_personal_profile_form .street, #edit_personal_profile_form .zip, #edit_personal_profile_form .phone, #edit_personal_profile_form .skype, #edit_personal_profile_form .face_book, #edit_personal_profile_form .studi_vz { float: left; } #edit_personal_profile_form .last_name, #edit_personal_profile_form .street_number, #edit_personal_profile_form .city, #edit_personal_profile_form .mobile, #edit_personal_profile_form .icq, #edit_personal_profile_form .mein_vz, #edit_personal_profile_form .xing { float: right; } #edit_personal_profile_form div.about_me, #edit_personal_profile_form div.languages, #edit_personal_profile_form div.address, #edit_personal_profile_form div.email, #edit_personal_profile_form div.name_privacy, #edit_personal_profile_form div.newsfeed_notification { width: 550px; } #edit_personal_profile_form div.languages, #edit_personal_profile_form div.newsletter_notification { padding-top: 6px; } #edit_personal_profile_form div.cb_newsletter, #edit_personal_profile_form div.cb_parentalConsent { width: 550px; } #edit_personal_profile_form div.language { width: 183px; float: left; } #edit_personal_profile_form textarea.about_me { height: 110px; max-width: 520px; } #edit_personal_profile_form .birth_date .error { width: 450px; } .profile.edit .profile_action_box p {width:270px;} .profile.edit .profile_action_box img {position:absolute; right: 40px; bottom:50px;} /* --- fitness profile --- */ table.profile th { text-align: left; font-weight: bold; background-color: white; padding: 0 5px 0 0; } table.profile th a { font-size: 12px; padding: 0; } #fitnessProfileBody .main_body { background: url(../img/bg_fitnessprofile.png) repeat-x top; } #fitnessProfileBody .container { background: url(../img/bg_fitnessprofile_center.png) no-repeat top center; } #edit_fitness_form { width: 290px; } .profile_edit td { vertical-align: middle; padding-bottom: 10px; padding-right: 10px; } .profile_edit .field_container { margin-bottom: 0; } .profile_edit div.gender { width: 190px; } .profile_edit div.height, .profile_edit div.weight, .profile_edit div.pulsRate { width: 80px; } .profile_edit .button_left { margin-left: 0; } .profile_edit .checkbox_label { padding-bottom: 15px; } /* --- race profile ---*/ #edit_race_form { width: 700px; position: relative; left: -50px; } #edit_race_form .button_panel {padding-top:30px;} #edit_race_form th { font-weight: normal; vertical-align: top; background-color: transparent; padding: 0; } .IE_7 #edit_race_form label.form_label {width:150px;} .IE_7 #edit_race_form .button_panel {right:30px;} /* --- Fixes SKILINE-2147 --- */ .IE_7 #exposeMask { display: none; } /* --- newsletter ---*/ #newsletterBody .main_body { background: url(../img/bg_mailbox.png) repeat-x top; } #newsletterBody .container { background: url(../img/bg_mailbox_center.png) no-repeat top center; } /* --- mailbox --- */ #mailboxBody .main_body { background: #4dabfa url(../img/bg_mailbox.png) repeat-x bottom; } #mailboxBody .container { height:auto; background: url(../img/bg_mailbox_center.png) no-repeat bottom center; padding-top: 1px; } .IE_7 #mailboxBody .container { height:1%;} #mailboxBody .main_column_0 {position:relative;} #mailboxBody.new .container {height:240px; background: #4dabfa url(../img/bg_register_confirm.png) no-repeat top center; } #new_mail_actionbox { position:relative; top:10px; left:90px; padding:10px 10px 0 10px; width:440px; height:auto; margin-bottom:30px; background-color: #69B9FD; border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;} #new_mail_actionbox form {width:370px;} #new_mail_actionbox textarea { max-height: 400px; max-width: 342px; } table.mailbox { width: 100%; } th.th_mail_unread_status { width: 20px; } th.th_mail_select_box { width: 20px; } th.th_mail_sender_receiver { width: 150px; } th.th_mail_timestamp { width: 180px; } tr.tr_mail_unread { font-weight: bold; } .mail_date { float: left; } .mail_time { float: right; } .mail_sender, .mail_subject, .mail_body { display: block; } .mail_sender, .mail_receivers { margin-bottom: 10px; } .mail_subject { margin-bottom: 10px; font-weight: bold; } .mail_receivers span { display: block; } .mail_body { margin-bottom: 10px; } .mail_body a { text-decoration: underline; } /* --- calendar ---*/ .ski_diary_container>tr>td { text-align: center; } .ski_diary { position: relative; font-size: 11px;} .ski_diary .scroll_back, .ski_diary .scroll_forward { width: 50px; height: 160px; background: url(../img/ski_diary_scroll.png) no-repeat center; float: left; margin-right: 10px; position: relative; margin-top: 3px; } .ski_diary .scroll_4month { display: block; text-align: center; margin-top: 10px; margin-bottom: 15px; } .ski_diary .scroll_year { display: block; text-align: center; font-weight: bold; margin-bottom: 5px; } .ski_diary .scroll_status { position: absolute; bottom: 10px; left: 17px; } .ski_diary a {color:white;font-size:11px;} .ski_diary .diary a {color:#1a1a1a;} div.ski_diary_month {float:left;margin:0 40px 20px 0;font-size:11px;} .ski_diary_month table {border-spacing:0;border-collapse:collapse;} .ski_diary_month td.monthName {font-weight:bold;color:#1a1a1a;text-align:left;background:transparent;margin:0 5px 5px 0;border:none;} .ski_diary_month th { background-color: transparent; padding: 0; color: #1a1a1a; font-weight: normal; text-align:center;} .ski_diary_month td {text-align:center; background-color:#eee; color:#1a1a1a; padding:2px;border:1px solid #DFDFDF;width:18px;} .ski_diary_month td.skiing_day {background-color:#4dabfa;color:#1a1a1a;font-weight:bold;} .ski_diary_month td.skiing_day a {font-size:11px;} .ski_diary_month td.skiing_day.diary {background-color:#4dabfa;color:white;} .ski_diary_month td.skiing_day.diary a {color:white;} .ski_diary_month td.diary {background-image: url(../img/icons/calendar-diary.png); background-position: 0 0; background-repeat:no-repeat;} .ski_diary_month.small table { border-spacing:0px; border-collapse:collapse; background-color:#4dabfa;} .ski_diary_month.small td {background-color:#6abbfe;color:white;padding: 1px 2px 1px 2px;} .ski_diary_month.small td, .ski_diary_month.small th {font-size:10px} .ski_diary_month.small .skiing_day {background-color:white;} .ski_diary_month.small .skiing_day a {color:#1a1a1a;text-decoration:none;font-size:10px;} .ski_diary_month table.totals th { line-height: 1em; text-align: center;} .ski_diary_month table.totals td { background-color: transparent; color: #1a1a1a; text-align: left; border-spacing: 0; line-height: 1em; } .calendar.month tr.mY td {background-color:white; border:none; font-weight:bold;} .calendar.month .monthYear .m {padding-right:5px;} .calendar.month td {text-align: center;} .calendar.month td.selected {background-color: #ff2fa7 !important;color:white;} .calendar.month td.reserved {background-color: #888;color:white;} .calendar.month td.day a {color: #1a1a1a;} .calendar.month td.day:hover {cursor: pointer;} .calendar.month.disabled td.day:hover {cursor: default;} .calendar.month td.reserved a {color:white;font-size:11px;} .calendar.month .prev a, .calendar.month .next a {width:20px;height:20px;padding:0;display:block;background: url(../img/tableScroller.png) no-repeat 0 0;} .calendar.month .prev a { background-position: 0 -40px;} .profile_action_box .ski_diary_month.small table {border-spacing:0; border-collapse:collapse; background-color:transparent;} .profile_action_box .ski_diary_month.small tr.days td {border:solid 1px #4dabfa;} .profile_action_box .ski_diary_month.small .monthName {color:white;font-size:12px;} .profile_action_box .ski_diary_month.small.first {margin-right:15px;} .profile_action_box .ski_diary_month.small.first .monthName {text-align:right;} div.season { color: white; font-size: 20px; font-weight: bold; position:absolute; left:300px; top:-55px;} .season img { padding-bottom: 1px; } .season span { padding-right: 10px; padding-left: 5px; } .ski_ticket_totals { margin: 0 -60px 20px 0; height: 30px; } .ski_ticket_totals div.season_name {font-size:25px;margin-top:0;} .ski_ticket_totals>div { float: left; vertical-align: middle; white-space: nowrap; margin-right: 15px; margin-top:4px;} .ski_ticket_totals>div img { margin-right: 1px; } .ski_ticket_totals>div span { position: relative; bottom: 6px; } .resort_message {padding: 10px 0 15px 0; } .resort_message a {color: #ff2fa7;} /* --- ski resorts ---*/ #resortsBody { background-color: transparent; } #resortsBody .main_body { background-color: transparent; height:430px; padding-top:0px;} #resortsBody .main_body .container { height: 430px; } #resortsBody .map_container { height: 430px; } #resortsBody .sub_content { margin: 20px 0 0 90px; } #resortsBody .box-large.bg-dark-green { background-color: transparent; } #resortsBody .box-large.country_province { background-color: transparent; } #resortsBody .box-container-large { background-color: #b6ddff; } #resortsBody .btn-icon-search { background-color: #e8197f; } .resort_thumb {text-align: center; float:left; margin:0 40px 10px 0; width: 150px; height: 160px;} .resort_thumb td.logo {vertical-align: center; height:80px; background: white;} .resort_thumb td.logo img {max-height: 75px;} .resort_thumb td.name {display: none; height: 23px; background: white;} .resort_thumb:hover {cursor: pointer;} .resort_thumb td.name a {color: #4d4d4d; display:block; padding:2px; max-width:146px; height:15px;} .resort_thumb .icons {text-align:center;height:35px;} .resort_thumb .icons.hasicons {background: white;} .resort_thumb .icons img {width:30px;height:30px;} .resort_thumb tbody tr:nth-child(2) { display: none; } #resortsBody .main_column_0 {width:auto;} #resortsBody .tab-box-search .tab_right {margin-right:0;} #resortsBody .sub_right .snow_flake { width: 50px; height: 51px; position: relative; left: 200px; top: 10px; background: url(../img/icons/snowflake_blue_50.png) no-repeat; } #resortsBody .links {float:left; position:relative; top:6px;} #resortsBody .links a {padding-right:15px;} #resortsBody .links a:hover {color:#000;} #resortsBody .ticket_enter_result_layer_div {top:45px; left:0px} .gallery { margin: 0; list-style: none; } .gallery img { position: absolute; left: 0; top: 10px; } div.pmgt {color:#ffffff;box-shadow: 2px 2px 2px #a0a0a0;background-color: #f5f5f5;} div.pmgt:hover {background-color: #fafafa;} div.pmgt:hover img {opacity: 0.75;} div.pmgt-error {padding: 7px;color: #ff0000;} #wispo .text { height: 120px; } .intermaps_wispo { width: 470px; height: 125px; } .intermaps_wheather { position: absolute; width: 300px; height: 200px; right: 50px; top: 5px; } /* --- buy tickets teaser box --*/ .buy_ticket { background: #e6e6e6 url(../img/bg_buy_tickets.png) no-repeat bottom center; width: 270px; padding: 15px; } .buy_ticket h3 { margin: 0; font-size: 13px; } /* --- newsfeed ---*/ .container.newsfeed { margin-top: 10px; } /* --- community ---- */ .slider { width: 900px; height: 240px; position: relative; margin: 0 auto; overflow: hidden; } .slider ul { width: 9999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; } .slider ul li { display: block; float: left; padding: 0; height: 240px; width: 900px; margin: 0; } /* --- friends ---- */ #friendsBody .main_body { background: #4dabfa url(../img/bg_community.png) repeat-x top; } #friendsBody .container { background: url(../img/bg_community_center.png) no-repeat top center; } #friendBody .main_body { background: #4dabfa url(../img/bg_friend_tabs.png) repeat-x top; } #friendBody .container { background: url(../img/bg_friend_center.png) no-repeat top center; } /* --- groups ---- */ #groupsBody .main_body { background: #4dabfa url(../img/bg_group_tabs.png) repeat-x top; } #groupsBody .container { background: url(../img/bg_group_center.png) no-repeat top center; } #groupBody .main_body { background: #4dabfa url(../img/bg_group_tabs.png) repeat-x top; } #groupBody .container { } .competitions .empty_info_container {padding: 40px 340px 40px 40px; background: url(../img/bg_competitions_empty_teaser.png) bottom right no-repeat;} .competitions .empty_info .borderpanel {padding:0 20px 20px 0;} #groupBody .profile_action_box {position: absolute; right:60px; top:20px; } #groupBody .profile_action_box.competitions {background:none;top:0; height:190px; overflow:auto; padding: 0; width:470px; right:0} #groupBody .competition_box {margin:20px 10px 20px 0;width:60px; height:130px; padding:10px;} #groupBody .competition_box a {position:relative; display:block; width:60px; height:60px; background-color:white;} #groupBody .competition_box a img {max-width:60px; max-height:60px;} #groupBody .competition_box a div.title {font-size:26px; text-align:center; padding-top:35px;color:white;} #groupBody .competition_box a div.overlay {background: url(../img/overlay_60_lightblue.png) no-repeat center center; display:block; width:60px; height:60px; position: absolute; top:0; right:0;} #groupBody .competition_box.selected {background-color:white !important;} #groupBody .competition_box.selected a div.title {color: #4dabfa;} #groupBody .competition_box.selected a div.overlay {background: none;} #groupBody ul.competition_list {padding-top:5px;} #groupBody ul.competition_list li {list-style-type:none; padding:5px 0 0 30px;position:relative;} #groupBody ul.competition_list img {padding-right:5px;} #groupBody ul.competition_list div.blob {background: #eee url(../img/icons/bg_round_white_20.png) no-repeat; width:20px; height:20px; position:absolute; left:0; top:5px;} #groupBody ul.competition_list a.selected {font-weight:bold} #groupBody.competitions .instance.resort {max-width:220px;} /* --- album ---- */ #albumBody .main_body { background-color: #4dabfa; } #albumBody .container { background: url(../img/bg_album_center.png) no-repeat top center; } .main_body .album_header { margin: 20px 0 0 0; color: white; font-size: 26px; font-weight: normal; } .main_body .album_header a { color: white; font-size: 26px; } #albumBody .slider { width: 900px; height: 240px; position: relative; margin: 0 auto; overflow: hidden; } #albumBody .slider ul { width: 9999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; } #albumBody .slider ul li { display: block; float: left; padding: 0; height: 240px; width: 900px; margin: 0; } #albumBody .album_bubble { background: url(../img/bg_album_bubble.png) no-repeat top left; height: 193px; width: 504px; margin: 20px 25px 0 25px; } #albumBody .album_bubble .panel { padding: 10px; width: 410px; height: 110px; } #albumBody .album_bubble .image { position: relative; display: block; width: 110px; height: 110px; float: left; } #albumBody .album_bubble .image .title { position: absolute; bottom: 0; left: 0; width: 100px; max-width: 100px; padding: 5px; background-color: black; color: white; font-weight: bold; font-size: 11px; filter: alpha(opacity = 70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; } #albumBody .album_bubble .panel p.text { max-width: 295px; width: 295px; height: 110px; max-height: 110px; overflow: hidden; padding-left: 5px; } /* --- album ---- */ #mediaBody .main_body { background: #4dabfa url(../img/bg_media.png) repeat-x top; } .resort.media .top_bar {position:absolute;height:50px;left:70px;} .resort.media .top_bar a.button_arrow_left_left {margin-top:11px;} .resort.media .top_bar h1 {padding:11px 0 0 10px;} .resort.media .top_bar h3 {padding: 5px 0 0 10px;} .resort.media .media-grid.header {position:absolute; top:50px;width:900px;} #mediaBody .container { background: url(../img/bg_media_center.png) no-repeat top center; } .ajax_indicator { height: 32px; width: 32px; display: table-cell; background: url(../img/ajax/ajax_indicator_black.gif) no-repeat center center; } .ajax_indicator.small { height: 16px; width: 16px; background: url(../img/ajax/ajax_indicator_black_small.gif) no-repeat center center;} .ajax_indicator.inline {display:inline;} .ajax_include { width: 100%; } a.imageLink + span img.ajax_indicator.small {position:relative; top:3px; left:5px;} a.imageLink { display: block; margin-bottom: 5px; font-size: 12px; color: #999999; white-space: nowrap; } a.imageLink.disabled { color: #cccccc; } a.imageLink img { text-align: left; vertical-align: middle; padding-right: 7px; } a.imageLink.disabled img { opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); } a.imageLink.disabled:hover { color: #cccccc; } a.imageLink:hover { color: #4d4d4d; } a.imageLink.radioButton span { padding-bottom: 3px; } a.imageLink.inline { display: inline-block; } a.imageLink img.indicator { margin-left: 10px; } a.imageLink:hover { text-decoration:none; } a.imageLink:hover span { text-decoration:underline; } .back_link { color: #1290f8; display: block; padding-bottom: 10px; } a.icon20Link:hover {text-decoration:none;} a.icon20Link img {vertical-align:middle;} a.icon20Link span:hover {text-decoration:underline;} /* --- admin ---*/ form.admin { margin: 10px; } .admin .datatable { border: solid 1px #888888; } .admin .datatable td { padding-bottom: 5px; padding-top: 5px; } .admin .log { border: solid 1px #888888; height: 200px; margin-bottom: 20px; padding: 10px; overflow: scroll; } .admin .td_checkbox { text-align: center; width: 20px; } .admin_main .main_body { background-color: #4dabfa; padding: 10px 10px 10px 95px; } .admin_menu_container {width:380px; float:left;} ul.admin_menu li {color:white;font-weight:bold;margin-bottom:8px;} ul.admin_menu ul {list-style-position:inside;} ul.admin_menu ul li {font-weight: normal;margin-bottom:0;} ul.admin_menu ul li a {color:white;} .handicap.calc_info .datatable {border-collapse: collapse;} .handicap.calc_info .datatable td, .handicap.calc_info .datatable th {border: 1px solid #ddd;} /* --- rating component --- */ .rating_small { vertical-align: middle; margin: 0 5px; } .rating_big { vertical-align: middle; } .ratingblock { display: block; height:30px;} .ratingwrap { background: url('../img/rating/rating_bg.png') top left no-repeat; padding-top: 2px; padding-left: 2px; } .ratingblock label { color: #c4c4c4; font-size: 14px !important; font-weight: bold; padding: 0 0 0 10px; } .unit-rating { float: left; list-style: none; margin: 0; padding: 0; height: 16px; position: relative; background: url('../img/rating/dots.png') top left repeat-x; } .unit-rating li { text-indent: -90000px; padding: 0; margin: 0; float: left; } .unit-rating li a { outline: none; display: block; width: 16px; height: 16px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0; } .unit-rating li a:hover { background: url('../img/rating/dots.png') left center; z-index: 2; left: 0; } .unit-rating a.r1-unit { left: 0; } .unit-rating a.r1-unit:hover { width: 16px; } .unit-rating a.r2-unit { left: 16px; } .unit-rating a.r2-unit:hover { width: 32px; } .unit-rating a.r3-unit { left: 32px; } .unit-rating a.r3-unit:hover { width: 48px; } .unit-rating a.r4-unit { left: 48px; } .unit-rating a.r4-unit:hover { width: 64px; } .unit-rating a.r5-unit { left: 64px; } .unit-rating a.r5-unit:hover { width: 80px; } .unit-rating li.current-rating { background: url('../img/rating/dots.png') left bottom; position: absolute; height: 16px; display: block; text-indent: -9000px; z-index: 1; } .ratingImagePanel .rating_caption {margin-bottom:3px} .ratingImagePanel .rating_caption a {color:#333333;} .ratingImagePanel .date_info {font-size:12px; color:#969696;} .ratingImagePanel .rating_info {width:65px;height:14px;} /* media stuff */ .media-grid.header { position: relative; } .media-grid.header .panel { margin: 0 20px 0 0; } .media-grid.header .image.panel { background: white url(../img/bg_header_imageborder.png) no-repeat top left; } .media-grid.header .video.panel { background: white url(../img/bg_header_videoborder.png) no-repeat top left; } .media-grid.header .slider { width: 730px; height: 170px; position: relative; margin: 20px 0 0 70px; overflow: hidden; } .media-grid.header .slider .items { width: 9999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; } .media-grid.header .slider .items+div { float: left } .media-grid.header .next { position: absolute; top: 20px; right: 33px; background: url(../img/arrows.png) no-repeat 0 -30px; width: 67px; height: 170px; } .media-grid.header .next:hover { background-position: 0 -230px; } .media-grid.header .prev { position: absolute; top: 20px; left: 3px; background: url(../img/arrows.png) no-repeat -67px -30px; width: 67px; height: 170px; } .media-grid.header .prev:hover { background-position: -67px -230px; } .media-grid .album.panel { background: white url('../img/bg_grid_album.png') no-repeat; } .media-grid .album.panel .body { margin: 15px 15px 0 5px; } .media-grid .album.panel .title { width: 120px; } .panel.album .actions, .panel.image .actions {position: absolute;top: 15px;left: 5px;background: white;width: 110px;visibility:hidden; text-align:right;} .panel.image .actions {top: 10px;left: 10px;} .panel .actions a {margin-left:5px;} .panel:hover .actions {visibility:visible;} .media-grid .panel { float: left; margin: 5px 3px 5px 2px; position: relative; border: none; width: 130px; height: 150px; } .media-grid .image.panel { background: #e9e9e9 url('../img/bg_grid_image.png') no-repeat; } .media-grid .image img {max-width:110px; max-height:110px;} .media-grid .video.panel { background: #e9e9e9 url('../img/bg_grid_video.png') no-repeat; } .media-grid .skimovie.panel { background: #ffffff none no-repeat; width:150px; height:165px; margin: 8px 25px 7px 1px; display:block;} .media-grid .skimovie.panel:first-child { margin-left:1px;} .media-grid .image.panel input[type=file] {height: 140px;width: 110px;position: absolute;top: 10px;left: 10px;opacity: 0;cursor:pointer;} .IE .media-grid .image.panel input[type=file] {filter:alpha(opacity=0);} .media-grid .image.panel .ajax_indicator_container {position: absolute;top: 50px;left: 50px;} .media-grid .title { display: block; width: 130px; max-height: 30px; overflow: hidden; color: #5d5d5d; font-size: 12px; text-align: center; padding: 0; position:absolute;bottom:8px;} .media-grid .title.cover {font-weight:bold; color:#1a1a1a;} .media-grid .title div {background: #E7E7E7;padding-top: 2px;} .media-grid form .maxSize {position: absolute;bottom: 36px;left: 10px;text-align: center;width: 110px; color:#5d5d5d;} .media-grid .body { display: block; width: 110px; height: 110px; margin: 10px 10px 0 10px; } .media-grid .body img {width: 110px;max-height:110px;} .media-grid .video.panel .body { display: block; width: 110px; height: 94px; margin: 26px 10px 0 10px; } .media-grid .skimovie.panel .body {width:150px; height:85px; max-height:85px; margin:0; overflow:hidden;} .media-grid .skimovie.panel .title {width:150px; height:80px; max-height:80px; margin:0 2px;} .media-grid .skimovie.panel .title a {font-size:11px; color:#333333; font-weight:bold;} .media-grid .skimovie.panel .title p {text-align: left; font-size:11px !important; font-weight:normal; margin-bottom:5px;} .media-grid .skimovie.panel .title .rating_small { vertical-align: middle; margin: 0 5px 0 0; } .media-grid .body .rating_small { position: absolute; top: 5px; right: 0; } .video-grid .thumbnail-cell { position: relative } .video-grid .rating_small { position: absolute; bottom: -5px; right: -5px; margin: 0 } .mediaForm {text-align: center; } .mediaForm .media-box { display: inline-block; width: auto; } .mediaForm .info .media_name { margin:5px; color: #5d5d5d; } .mediaForm .info .media_name a { font-weight: bold; } .mediaForm .info a.download { position: absolute;bottom: 3px;right: 10px; } .mediaForm .description-box { text-align: left; } .mediaForm .description-box { text-align: left; } .rating-box { margin: 15px 0 0 0; } /* --- */ .map_container { height: 275px; width: 900px; position: absolute; top: 0; left: 0; } .map { width: 100%; height: 100%; } .ski_resort_marker { width: 20px; height: 24px; background: url(../img/icons/marker.png) no-repeat center center; position: absolute; top: 0; left: 0; } .ski_resort_marker:hover, .ski_resort_marker.selected { z-index: 500000; cursor: pointer; } .ski_resort_info_panel { position: relative; border: #1290f8 solid 2px; background-color: white; z-index: 600000; display: inline-block; padding: 10px; } .ski_resort_info_panel+.tip { position: relative; background: url(../img/map_info_window_tip.png) no-repeat top left; top: -2px; z-index: 600001; width: 13px; height: 12px; } .ajax_indicator.maps { width: 24px; height: 24px; position: absolute; left: 320px; top: 24px; background: url(../img/ajax/bg_maps_ajax_indicator.png) no-repeat; } .ajax_indicator.maps img { position: absolute; left: 4px; top: 4px; } #ie6Body .main_body { background: #4dabfa; } #ie6Body .container { background: url(../img/bg_ie6.png) center center; } #ie6Body .container .balloon { position: absolute; color: #5d5d5d; font-weight: bold; font-size: 12px; left: 525px; top: 40px; } #ie6Body th { background-color: white; } #ie6Body li { margin-bottom: 10px; } #errorBody .main_body { background: #4dabfa; } #errorBody .container { background: url(../img/bg_error.png) center center; } #errorBody .container .balloon1 { position: absolute; color: #5d5d5d; font-weight: bold; font-size: 12px; left: 645px; top: 30px; } #errorBody .container .balloon2 { position: absolute; color: white; font-weight: bold; font-size: 12px; left: 645px; top: 80px; } #warningBody .main_body { background: #4dabfa; } #warningBody .container { position: relative; background: url(../img/bg_warning_center.png) center center; } #warningBody .container .balloon { position: absolute; color: white; font-weight: bold; font-size: 24px; left: 75px; bottom: 30px; } #searchBody .main_body { background: #4dabfa url(../img/bg_search.png) repeat-x; } #searchBody .container { background: url(../img/bg_search_center.png) no-repeat center; } #searchBody .category_box {margin-right:20px;width:60px; height:130px; padding:10px;} #searchBody .category_box a {position:relative; display:block; width:60px; height:60px;} #searchBody .category_box a img {max-width:60px; max-height:60px;} #searchBody .category_box a div.title {font-size:26px; text-align:center; padding-top:35px;color:white;} #category_boxes {padding:20px 90px;} #searchBody .category_box.selected {background-color:white !important;} #searchBody .category_box.selected a div.title {color: #4dabfa;} #searchBody .category_box.selected a div.overlay {background: none;} #searchBody .sub_content .image_panel .icon img {max-width: 60px;} .search_details .imageLink img { padding-right: 30px; } #searchBody .descr { max-height:2em; overflow:hidden; padding-bottom:5px; } #inviteFriendsBody .main_body { background-color: #4dabfa; } #inviteFriendsBody .container { background: url(../img/bg_community_center.png) no-repeat center; } #recommendSkilineBody .main_body { background-color: #4dabfa; } #recommendSkilineBody .container { background: url(../img/bg_community_center.png) no-repeat center; } #contactBody .main_body { background-color: #4dabfa; } #contactBody .container { background: url(../img/bg_community_center.png) no-repeat center; } .legend td { vertical-align: middle; } .legend td.icon { width: 15px; } .legend td.text { padding-right: 20px; } table.privacy_settings { margin-top: 20px; } .privacy_image { vertical-align: middle; display: inline-block; background: url(../img/privacy.png) top left no-repeat; width: 120px; height: 30px; padding: 0 5px; margin-right:5px;} .privacy_image.everybody { background-position: 0 0; } .privacy_image.friends { background-position: 0 -30px; } .privacy_image.nobody { background-position: 0 -60px; } .privacy_image a { width: 40px; height: 30px; display: block; float: left; } table#newsletter_image_panel {padding-top: 40px;padding-bottom: 40px;border-bottom: 1px solid #ddd;} table#privacy_image_panel {padding-bottom: 20px;border-bottom: 1px solid #ddd;} table#contracts_image_panel {padding-top: 40px;padding-bottom: 40px;} #edit_contracts_form div.newsletter_image_panel_image, #edit_contracts_form div.contracts_image_panel_image { text-align:right;position:relative; } #edit_contracts_form div.newsletter_panel_text_container, #edit_contracts_form div.contracts_panel_text_container { position:relative;width:100%; height:100%; } #edit_contracts_form p.contracts_info {padding-top: 10px;font-style: italic;} .addthis_toolbox .send_link_email { width: 16px; height: 16px; background: url(../img/icons/email.png) no-repeat center; display: inline-block; } .b2b .content_container {width:auto;} .b2b ul.mainmenu li.active {background-color:#4d4d4d;} .b2b.addresses .main_body { background: #4d4d4d url(../img/bg_b2b_addresses.png) no-repeat center; } .b2b.statistics .main_body { background: #4d4d4d url(../img/bg_b2b_statistics.png) no-repeat center; } .b2b #addr_dl_form { padding-bottom: 10px; } .b2b #addr_dl_form .first_label { width: 100px; text-align: right; } .b2b #addr_dl_form .ski_resort, .b2b #addr_dl_form .encoding { width: 350px; } .b2b #addr_dl_form .date { width: 200px; } .b2b #addr_dl_form div.userType { padding-top: 5px; padding-bottom: 10px; } .b2b #addr_dl_form .userType table { float: left; } .b2b #addr_dl_form .userType img { float: left; margin-top: 5px; } .b2b #addr_dl_form div.download { margin-top: 5px; } .b2b #addr_dl_form a.excel { padding-left: 3px; } .b2b #addr_dl_form div.space { margin-top: 20px; } a.excel span { position: relative; bottom: 3px; } .b2b table.statistics { margin-top: 15px; } .b2b table.statistics td.numeric { text-align: right; } .b2b table.statistics tr.total { font-weight: bold; } .b2b #statistics_form .date { width: 200px; float: left; } .b2b #statistics_form .period td { padding-bottom: 5px; } .b2b #statistics_form .from_to { position: relative; left: 60px; top: -28px; } .b2b #statistics_form .from_to .to_label { display: block; float: left; margin: 5px 10px 0; } .b2b.statistics label.form_label {width:auto;} .b2b .indicator {margin:6px 0 0 5px;} .b2b .dashboard {position:absolute;top:10px;left:10px;} .b2b .dashboard table {color:white;float:left;} .b2b .dashboard table.disabled {color:#666;} .b2b .dashboard th {font-size:15px;background-color:transparent;font-weight:normal;} .b2b .dashboard th.large {font-size:24px;font-weight:bold;} .b2b .dashboard td {font-size:15px;font-weight:bold;background-color:transparent;font-weight:normal;padding-right:20px;text-align:right;} .b2b .dashboard td.large {font-size:24px;font-weight:bold;} .b2b .dashboard th {font-size:15px;background-color:transparent;font-weight:normal;} /* --- fake input=file buttons --- */ input.file-hidden { position: relative; text-align: right; -moz-opacity: 0; filter: alpha(opacity: 0); opacity: 0; z-index: 2; min-height: 30px; } div.fileinputs { position: relative; height:32px; } div.fakefile { position: absolute; top: 0; left: 0; z-index: 1; } #translationComingSoonBody .main_body { background: #4dabfa url(../img/bg_profile.png) no-repeat bottom center; } #translationComingSoonBody li.info_message { font-size: 14px; font-weight: bold; color: #ff2fa7 !important; } /* --- popup windows ---*/ .popup_link.blue { color: #1290f8; } .popup_container { margin: 20px 0 20px 0; } .popup_container .logo { text-align: right; margin-right: 10px; margin-bottom: 10px; } .popup_titlebar { height: 30px; background-color: #F5F6F7; color: white; padding-left: 20px; margin-bottom: 20px; } .popup_titlebar h1 { font-size: 19px; font-weight: bold; padding-top: 4px; color: white; } .popup_content { padding-left: 20px; padding-right: 20px; margin-bottom: 20px; } .popup_container .button_panel { text-align: right; margin: 20px; } .popup_container .button { display: inline; } /* the overlayed element Yes/No*/ .popup_overlay { display: none; z-index: 10000; width: 420px; position: fixed !important; background-color:white; border:2px solid dodgerBlue; border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px; box-shadow: 0 0 90px 5px #000; -moz-box-shadow: 0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000;} .popup_overlay .header { min-height: 12px; padding: 0 10px 10px; } .popup_overlay .content { min-height: 70px; padding: 0 10px 10px; position: relative; } .popup_overlay .content .popupIcon { position: absolute; width: 30px; height: 30px; } .popup_overlay .content .message { position: relative; left: 50px; padding-right: 50px; font-size: 13px; color: #4d4d4d; } .popup_overlay .content .buttons { position: relative; top: 10px; float: right; padding: 10px 10px 15px; } .popup_overlay .content .button_panel { position: relative; top: 10px; float: right; padding: 10px 10px 15px; } .popup_overlay .content .popupIcon.yesNo { background: url(../img/yesNoMessageIcon.png) no-repeat center center; } /* the overlayed element */ .overlay {display:none;z-index:99999;background:white;} .overlay .close { background-image: url(../img/overlay/close.png); position: absolute; right: -21px; top: -21px; cursor: pointer; height: 45px; width: 45px; } .overlay.shadow {-moz-box-shadow: 0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; box-shadow: 0 0 90px 5px #000;} .overlay img {display:block;} /* --- title overlay ---*/ .title_overlay { display: none; z-index: 10000; position: relative; overflow: auto; background-color: #ffffff; min-height: 200px; min-width:700px; max-width:850px; padding: 0 0 10px 0; border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px; box-shadow: 0 0 90px 5px #000; -moz-box-shadow: 0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; } .title_overlay .close { background-image: url(../img/icons/close_dialog.png); position: absolute; right: 15px; top: 15px; cursor: pointer; height: 14px; width: 14px; } .title_overlay .header { color: white; font-size: 24px; min-height:20px; padding:10px 50px; background-color: #4dabfa; border-radius: 10px 10px 0 0; -moz-border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; } .title_overlay .content {padding: 20px 50px 0 50px;} /* newsticker */ .tickercontainer { height: 13px; width: 760px; text-align: left; } .tickercontainer div { width: 750px; position: relative; left: 5px; overflow: hidden; } .tickercontainer ul { list-style-type: none; margin: 0; padding: 0; position: relative; float: left; } .tickercontainer li { margin: 0; padding: 0; float: left; color: #ff2fa7; } .tickercontainer li span { padding: 0; float: left; } .tickercontainer li span.time { font-weight: bold; margin-right: 5px; } .tickercontainer li span.message { margin-right: 15px; } /* IE7 fixes. Currently fixed page by page. */ /* #resort_panel #tc_button {float:left;} */ .IE_7 #edit_personal_profile_form .button_panel { padding-top: 10px; } .IE_7 #loginBody .forgot_password { margin-top: 0; } /* since the bloody IE7 isn't able to handle negative margins properly => we use a simple box without rounded corners here!*/ .IE_7 #ticket_register_form .f_field { padding-top: 5px; } body.IE_7 {overflow-x: hidden;} .IE_7 #top_navi {z-index:1} .IE_7 .main_body{z-index:2} .IE_7 .sub_content {z-index: -1;} .IE_7 #mailboxTabs {position:relative;z-index:-1;} .IE_7 #regConfReminderOverlay .c { width: 520px; } .IE_7 #regConfReminderOverlay .c a span { white-space: nowrap; } .IE_7 #tickets_enter_content { z-index: 2; } .IE_7 div.form_field .form_label { width: auto; } .IE_7 div.form_field div.country select { width: auto; } .IE .cb_container {margin-top:1px;} /* SKILINE-1906: iFrame: Auswahl von skimovies und Personen nicht möglich - IE7 */ .IE_7 .Milka_Cup_2011__Patscherkofel .sub_content { z-index: 1; } .maps .main_body{ padding-top:5px; min-height:275px;} .country_province .country {width: auto; float:left; margin-right: 5px; } .country_province .province {width: auto; float:left; } .profile_card {float:left;margin-right:20px; width:320px; height:170px;background-repeat: no-repeat; background-position: center center;position:relative;} .profile_card .photo {position:absolute; top:20px; left:20px; width:60px;height:60px;} .profile_card .photo img {width:60px;height:60px;} .profile_card .photo img.annotationImage {position:absolute;bottom:0;right:0;width:20px;height:20px;} .profile_card.user {background-color:transparent !important;} .profile_card.user.MALE {background-image: url(../img/vcard-male-bk.png);} .profile_card.user.FEMALE {background-image: url(../img/vcard-female-bk.png);} .profile_card.user.UNKNOWN {background-image: url(../img/vcard-unknown-bk.png);} .profile_card.user.me {background-image: url(../img/vcard-own-bk.png);} .profile_card h3 {color:black; max-width:190px;line-height:1.1;font-weight:normal;position:absolute;top:20px;left:90px;margin-top:0;} .profile_card h3 a, .profile_card h3 span {font-size:16px;} .profile_card a, .profile_card span {color: #4d4d4d} .profile_card a:hover {text-decoration: underline;} .profile_card a.disabled:hover {text-decoration: none;} .profile_card .stats {width:185px;position:absolute;left:90px; top:50px;} .profile_card .stats td {white-space: nowrap;} .profile_card .stats td.numeric {font-weight: bold;margin-right: 5px;width: 60px;} .profile_card .stats_details {position:absolute; bottom:18px;left:150px;height:15px;} .profile_card .stats_details > span {display:inline-block;width:30px;text-align:center;position:absolute;bottom:0;padding-top:20px;} .profile_card .friends {left:0;} .profile_card .groups {left:30px;} .profile_card .competitions {left:60px;} .profile_card .photos {left:90px;} .profile_card .skimovies {left:120px;} .profile_card .flag {position:absolute;right:20px;top:20px;} .profile_card .handicap {position: absolute;top:66px;right:20px;width:48px;font-size:18px;color:#4d4d4d;text-align:right;background:url(../img/vcard-handicap.png) left no-repeat;} .profile_card .handicap .trend {margin: 0 0 3px 3px;} .user_badge_preview {position:absolute; bottom:20px;left:15px;width:130px;} .user_badge_preview .plus {padding-left:5px;float:left;} .user_badge_preview .plus a {color:#1290f8 !important;} .user_badge_preview img {margin:0 0 0 5px; float:left;} .profile_card .actions {position: absolute; height:45px; width:20px; top:20px; right:24px; text-align: center;} .profile_card:hover .actions div.hidden {display:block !important;} .profile_card:hover .flag {display:none;} .main_body .container .profile_card {position:absolute;top:10px;left:80px;} .profile_card.group {background-image: url(../img/vcard-group-bk.png);} .sitemap {width: 760px; margin-left:auto; margin-right: auto;} .sitemap .section {float: left; width:150px; margin-right: 5px;} .sitemap .competitions {width: 360px;} .sitemap .resorts {margin-top: 20px;} .sitemap .skimovies, .sitemap .resorts {width: 235px;} .sitemap ul {list-style: none;} .sitemap ul.misc {margin-top: 20px;} .sitemap li {padding: 0 5px 0 5px;} .sitemap li ul li {margin-left: 15px;} .sitemap li.first {background-color: #1290f8; color:white; padding: 2px 5px 2px 5px;} .sitemap li.first a {color:white;} /* advertisement placements. */ .add {background-color: #888888;;} .adContainer {width:900px; position:relative;} .TOP_728x90 {width: 728px; height:90px; margin-right:auto; margin-left:auto; position:relative; } .RIGHT_160x600 {width: 160px; height: 600px; position:absolute; top:93px; right:-170px; z-index:888;} .OPERA ins {top:-6px;} .ai_TOP_728x90 {position:absolute;top:0;left:50px;background-repeat:no-repeat;background-position: center center; height:90px;width:20px;} body.de .adIndicator {background-image: url(../img/de/ad_indicator.png)} body.en .adIndicator {background-image: url(../img/en/ad_indicator.png)} body.fr .adIndicator {background-image: url(../img/fr/ad_indicator.png)} body.it .adIndicator {background-image: url(../img/it/ad_indicator.png)} /* main menu */ ul.mainmenu { padding: 0; margin: 0 0 0 -10px; float:left; } ul.mainmenu li { padding: 0; margin: 0; float: left; height: 40px; list-style: none; } ul.mainmenu a { display: block; float: left; padding: 12px 7px 0 7px; color: #4d4d4d; text-decoration: none; font-weight: normal; font-family: Arial; font-size: 13px; } ul.mainmenu li.inactive { } ul.mainmenu li.active { background-color: #4dabfa; background-image: url("../img/mainmenu.png"); } ul.mainmenu li.active a { color: white; background-image: url("../img/mainmenu.png"); background-position: right -40px; } ul.mainmenu li.interactive { margin-left: 0; margin-right: 0px; padding-left: 0; border: 1px solid transparent;} ul.mainmenu li.interactive.hover { background-color: #FFFFFF; margin-left: 0;border: 1px solid #DEDEDE} ul.mainmenu li.interactive.hover a { color: white;} .menu_separator {height:10px;width:900px;background:#4dabfa;} /* saving space: reduce white-space between inactive items */ .compact ul.mainmenu a { padding-left: 0; } .compact ul.mainmenu li.first { margin-left: 10px; } .compact ul.mainmenu li.active { margin-left: 0; margin-right: 10px; padding-left: 10px; } .compact ul.mainmenu li.interactive { padding-left: 10px; } ul.submenu { background-color: #4dabfa; padding: 0; margin: 0; display:block; } ul.submenu li { padding: 0; margin: 0; float: left; height: 30px; list-style: none; display:block;} ul.submenu a { display: block; float: left; padding: 6px 7px 6px 7px; color: white; text-decoration: none; font-weight: bold; font-family: Verdana, sans; font-size: 12px; } ul.submenu li.inactive { } ul.submenu li.active { background-color: #69B9FD; } ul.submenu li.active a { color: white; } .hover-actions {display:none; position:absolute; right: 0; top:0;} .hover-actions.vertical a {display:block; text-align: right; color: #4d4d4d;} .hover-actions.vertical a:hover {text-decoration: none; color: #333333;} .hover-actions.vertical a img{vertical-align: middle; padding-left:5px;} .refreshIndicator {position:absolute;right:0;top:0;} .hover-parent:hover {background-color: #dedede; border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;} .hover-parent:hover .hover-actions {display:block;} .forumcloud { background-color: #6abbfe; position: absolute; border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;} .forumcloud a { display: block; color: transparent; position: absolute; text-indent:-9999px;} .forumcloud #moreInfo { position: absolute; bottom: 10px; right: 10px; color: white; font-family: Verdana, sans; font-size: 12px; } .old-many { width: 100px; height: 80px; background-image: url("../img/thread-old-many.png"); } .new-many { width: 100px; height: 80px; background-image: url("../img/thread-new-many.png"); } .old-some { width: 80px; height: 60px; background-image: url("../img/thread-old-some.png"); } .new-some { width: 80px; height: 60px; background-image: url("../img/thread-new-some.png"); } .old-one { width: 40px; height: 40px; background-image: url("../img/thread-old-one.png"); } .new-one { width: 40px; height: 40px; background-image: url("../img/thread-new-one.png"); } .translate {margin:10px;} .translate .mode {margin:10px 0 10px 0;} .translate .mode a {color:#1290f8; text-decoration:underline;} .translate .mode a.active {color:#ff2fa7; text-decoration:none; font-weight:bold;} .translate table {margin-bottom: 10px;} .translate table tr.odd {background-color:#ddd;} .translate table td .value {width:380px;} #exposeMask {position:fixed !important;} .border_5, .input_border_5 {border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;} .border_10, .input_border_10 {border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;} /* actions list */ ul.actions { list-style: none; } ul.actions li { margin-bottom: 5px; } ul.actions li a { display: inline; } /* feedback */ body div#uservoice-feedback a#uservoice-feedback-tab, body div#uservoice-feedback a#uservoice-feedback-tab:link {border:none; top:278px !important;} .actions .edit-photo { display: none; } .bouncedEmail {background:red; color:white; font-size: 14px; font-weight: bold; padding: 5px;} /* decorators */ .decorators { } .decorator { margin-top: 10px; } .u_display_box {padding:8px 10px;} .u_display_box a {color:white;} .u_display_box a:hover {text-decoration:none;} .u_display_box.me {background: #aedf40 url('../img/competitionteaser-bk-my.png') repeat-x; color:#222;} .u_display_box.me a {color:#222;} .u_display_box.MALE {background: #4dabfa url('../img/competitionteaser-bk-male.png') repeat-x; color:white;} .u_display_box.FEMALE {background: #ff85cb url('../img/competitionteaser-bk-female.png') repeat-x; color:black;} .u_display_box.UNKNOWN {background: #a0a0a0 url('../img/competitionteaser-bk-unknown.png') repeat-x; color:white;} .u_display_box .header {padding:2px;height:30px;} .u_display_box .header h3 {position:relative;top:8px;font-size:11px;margin: 0 0 0 3px;font-weight:normal;} .u_display_box .header img.profile_photo {width:30px;height:30px;float:left;border-radius:6px;} .u_display_box .header div.title {float:left;padding-left:5px;} .u_display_box .header div h2 {font-size:10px;font-weight:normal;margin:1px !important;} .likeButtons {display:inline-block;} .likeButtons .googlePlus {display:inline-block;position:relative;top:2px;} .sub_content .likeButtons {position:absolute; top:-15px; right:0px;} .vmCounter .separator {display:inline-block;width:3px;} .tile .vmCounter .separator {width:1px;} .user_day_info_header {height:50px;background-color:white;position:relative;} .user_day_info_header .resort_logo {float:right;height:50px;display:table;margin-right:10px;} .user_day_info_header .resort_logo > div {display:table-cell; vertical-align:middle;} .user_day_info_header .resort_logo img {max-height:40px;} .user_day_info_header .user_photo {position:absolute; top:10px; left:20px; border-radius:30px; z-index:3000; width: 60px;} .user_day_info_header .info {position:absolute; left: 90px; top:10px;width:500px;color:#1a1a1a;} .user_day_info_header .info span {display:block;} .user_day_info_header .info .main {font-size:16px;} .user_day_info_header .info .details {font-size:12px;} .user_day_info_header .user_badge_preview {width:230px; float:right;position:relative;top:10px;left:-10px;} .user_day_info_header .user_badge_preview img {float:right;} /* button bar */ ol.buttonbar { list-style: none; display: inline-block; margin: 0; padding: 5px; font-size: 0; letter-spacing: -1px; } ol.buttonbar li { list-style-type: none; display: inline; } .buttonbar.decision .simple { margin-left: 0; } .buttonbar.decision li a { border-radius: 0; } .buttonbar.decision li:FIRST-CHILD a { border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .buttonbar.decision li:LAST-CHILD a { border-top-right-radius: 10px; border-bottom-right-radius: 10px; } .mainmenu_profile a.flagLink { height:34px; padding: 10px 20px 0 20px;} .mainmenu_profile a.profileLink { height:34px; color:#4D4D4D; } .mainmenu_profile a.profileLink img{margin-top:-4px;margin-left:0px;} .mainmenu_profile a.profileLink span {margin-top: -2px; max-width: 200px; width: auto; min-width: 50px; margin-right: 5px;font-weight:normal; float: left; color: #4D4D4D} /* menu */ .mainmenu_profile span.navi_annotation {position:relative; right:-10px; top:-22px; text-align: center; display:block;} /* main menu */ ul.mainmenu_profile { padding: 0; margin: 0 0 0 -10px; float:left; } ul.mainmenu_profile li { padding: 0; margin: 0 10px 0 0; float: left; height: 40px; list-style: none; } ul.mainmenu_profile a { display: block; float: left; padding: 12px 7px 0 7px; color: #4d4d4d; text-decoration: none; font-weight: normal; font-family: Arial; font-size: 13px; } ul.mainmenu_profile li.inactive { } ul.mainmenu_profile li.active { background-color: #4dabfa; background-image: url("../img/mainmenu.png"); } ul.mainmenu_profile li.active a { color: white; background-image: url("../img/mainmenu.png"); background-position: right -40px; } ul.mainmenu_profile li.interactive { margin-left: 0; margin-right: 0px; padding-left: 0; border: 1px solid transparent;} ul.mainmenu_profile li.interactive.hover { background-color: #FFFFFF; margin-left: 0;border: 1px solid #DEDEDE} ul.mainmenu_profile li.interactive.hover a { color: white;} /* saving space: reduce white-space between inactive items */ .compact ul.mainmenu_profile a { padding-left: 0; } .compact ul.mainmenu_profile li.first { margin-left: 10px; } .compact ul.mainmenu_profile li.active { margin-left: 0; margin-right: 15px; padding-left: 10px; } .compact ul.mainmenu_profile li.interactive { padding-left: 10px; } .tabs a{ font-size: 13px !important; background-color: dodgerblue; padding:7px; padding-top: 8px; border-radius:5px; margin-right:5px; margin-bottom:10px; float:left; color:white; } .tabs .active{ background-color:white; color:#1a1a1a; border-radius: 5px 5px 0 0; margin-bottom: 0; padding-bottom: 17px; } .dateTooltip{ top:-50px; left: -100px; } /* Styles for cookie note */ .cookie { width: 100%; background-color:#fff; position: fixed; bottom: 0; z-index: 100000; -webkit-box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.3); box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.3); } .cookie p{ padding:20px; margin-right:40px; line-height:1.4; } .cookie img { position:absolute; top:0; right:0; padding:20px; -webkit-filter: grayscale(100%); filter: grayscale(100%); } .cookie a:hover { color: #008cc6; } /* --- movies ---- */ #skimoviesBody .player { position: absolute; top: 0; right: 100px; width: 340px; height: 190px } #skimoviesBody .movie a { font-weight: bold; } #skimoviesBody .container { background-image: url(../img/bg-header-skimovies.png); } #skimovieSpotsBody .container { background-image: url(../img/bg-header-skimovies.png); } #skimoviesBody.spot .main_body { background-image: url(../img/bg_skimoviespot.png); } #skimoviesBody.spot .container { background-image: none; } #skimoviesBody.spot .skiMovieSlider { position: relative; top: 7px; } #skimoviesBody .sub_content .enter_skipass { background-image: url(../img/skipass_teaser_gray.png); width:110px; height:155px; top:0;left:0;position:relative;float:left; color:#5d5d5d;padding:5px 20px;margin:8px 25px 7px 1px;} #skimoviesBody .sub_content .enter_skipass .teaser {font-size:11px; color: #969696;} #skimoviesBody .sub_content .enter_skipass .button_right {width:70px} #skimoviesBody .sub_content .enter_skipass .button_left {bottom:15px} #skimoviesBody .enter_skipass { top: 5px; left: 90px; } #skimoviesBody .skiMovieSlider { position: relative; top: 30px; left: 240px; } #skimoviesBody .slider .panel { margin: 0; padding:10px; width: 250px; height: 160px; float: left; position:relative; } #skimoviesBody .slider { width: 270px; height: 180px; margin: 0;padding:0; left: 70px; top: 0; position:absolute;} #skimoviesBody .slider .title { position: absolute; bottom: 10px; left: 10px; width: 240px; max-width: 240px; padding: 5px; background-color: black; color: white; font-weight: bold; font-size: 11px; overflow:hidden; filter: alpha(opacity = 70); -moz-opacity: 0.7; /* ie */ -khtml-opacity: 0.7; /* old mozilla browser like netscape */ opacity: 0.7; /* for really really old safari */ /* css standard, currently it works in most modern browsers like firefox, */ } #skimoviesBody .slider .items { width: 9999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; } #skimoviesBody .container .next { position: absolute; top: -10px; left: 340px; background: url(../img/arrows.png) no-repeat 0 0; width: 67px; height: 200px; } #skimoviesBody .container .next:hover { background-position: 0 -200px; } #skimoviesBody .container .prev { position: absolute; top: -10px; left: 3px; background: url(../img/arrows.png) no-repeat -67px 0; width: 67px; height: 200px; } #skimoviesBody .container .prev:hover { background-position: -67px -200px; } #skimoviesBody .main_column_0 { width: 800px; } .spotPanel { background: url(../img/bg_spot1.png) no-repeat top center; background-size: auto 130px; width: 220px; height: 180px; float: left; margin: 10px; position:relative; } .spotTitle { position: absolute; left: 0; right: 0; bottom: 0; height: 50px; background-color: #eee; } .spotTitle div.title { display: table; position: absolute; left: 15px; height: 50px; width: 100px; } .spotTitle span { display: table-cell; vertical-align: middle; color: #666; } .spotTitle div.logo { display: table; position: absolute; right: 10px; bottom: 9px; height: 32px; } .spotLogo { max-width: 80px; max-height: 32px; } #skimoviesBody .spotTrailer { background: url(../img/bg_spot2.png) no-repeat right center; width: 100%; height: 50px; display: block; float:right;} #skimoviesBody .spotMovieCount { color:#1a1a1a; font-size: 11px; text-align: right; float:right; padding:17px 10px 0 0;} #skimoviesBody #skimovies_show_link { margin-right: 10px; } #skimovieBody .container { height: 500px; width: 900px; padding-top:10px; background-color: #4dabfa;} #skimoviesBody .sub_content, #skimovieBody .sub_content { margin: 10px 0 0 0; } #skimovieBody .sub_sub_content { margin-left: 90px; } /* sidebar */ #skimovieBody #sidebarDiv { position: absolute; left: 0; top: 60px; height: 450px; width:100px; color: white; } #skimovieBody #sidebarDiv a.download { display: block; position: absolute; bottom: 25px; left: 0; right: 0; height: 35px; background: url(../img/icons/movie-download.png) center no-repeat; } #skimovieBody #sidebarDiv .visits_info { position: absolute; bottom: 110px; left: 0; right: 0; text-align: center; font-size: 18px; } #skimovieBody #sidebarDiv .rating_info { position: absolute; bottom: 65px; left: 0; right: 0; text-align: center; } #skimovieBody #sidebarDiv a.download span { display: none; } #skimoviesBody .tiles_container, #skimovieBody .tiles_container { position: relative; margin-bottom: 20px; width: 900px; overflow: hidden; } #skimoviesBody .tiles_container.tiles_tabs { height: 30px; } #skimoviesBody .tiles_container { margin-bottom: 0; } .skimovie_tiles { max-height: 540px; min-height: 180px; overflow: hidden; position: relative; width: 900px; } /* tabs */ .mediatype_speed .speed, .mediatype_rating .rating, .mediatype_funny .funny, .mediatype_friend .friend, .mediatype_newest .newest { background-color: #999; } .mediatype_speed .tiles_tabs .speed a, .mediatype_rating .tiles_tabs .rating a, .mediatype_funny .tiles_tabs .funny a, .mediatype_friend .tiles_tabs .friend a, .mediatype_newest .tiles_tabs .newest a { color: white; } .mediatype_speed .tiles_tabs, .mediatype_rating .tiles_tabs, .mediatype_funny .tiles_tabs, .mediatype_friend .tiles_tabs, .mediatype_newest .tiles_tabs { border-top: 3px solid #999; height: 27px; } .mediatype_speed .tiles_tabs .items, .mediatype_rating .tiles_tabs .items, .mediatype_funny .tiles_tabs .items, .mediatype_friend .tiles_tabs .items, .mediatype_newest .tiles_tabs .items { margin-top: -3px; } .spottype_Race .Race, .spottype_Speed .Speed, .spottype_Cross .Cross { background-color: #999; } .spottype_Race .Race a, .spottype_Speed .Speed a, .spottype_Cross .Cross a { color: white; } #skimovieBody #playerDiv { position: absolute; left: 100px; top: 60px; height:450px; width:800px; } #skimovieBody #movie_player { } #skimovieBody #overlay_player { width: 675px; height: 437px; } #skimovieBody .finished_overlay{display:none} .skimovie_info { height: 30px; background: #ff2fa7; padding-left: 10px; padding-right: 30px; white-space: nowrap; color: white; line-height: 30px; font-size: 12px; position:relative;} .skimovie_info form {position:absolute;top:0;right:5px;} .skimovie_info a { color: white; text-decoration: underline; } .skimovie_info .support {position:absolute; right:10px;} .not_yet_available {font-size:18px; margin:80px 50px 0; text-align:center;} #player_tabs { width:60px; height:300px; position: absolute; top:30px; left:33px;} #player_tabs a{ display:block; width:50px; height:40px; margin-bottom:10px; background: url(../img/icons/movie_types.png) no-repeat; } #player_tabs a.start-box{ background-position: 0 -0px;} #player_tabs a.start-box.selected{ background-position: 0 -80px;} #player_tabs a.race{ background-position: 0 -40px;} #player_tabs a.race.selected{ background-position: 0 -120px;} #player_tabs a.hd {background-position: 0 -160px;} #player_tabs a.hd.selected {background-position:0 -200px;} /* main sidebar */ #mainSidebar { position: relative; float: right; width: 230px; right: 0; padding-left: 15px; } #mainSidebar .list_item { display: block; margin: 10px 10px 10px 0; } #mainSidebar a { padding-left: 25px; } #mainSidebar a.delete_skimovie { background: url(../img/icons/icon20-delete.png) left no-repeat; } #mainSidebar a.disqualify_skimovie { background: url(../img/icons/icon20-disqualify.png) left no-repeat; } #mainSidebar .share-box { margin: 10px 10px 10px 0; } #mainSidebar .share-box a.toggle { margin: 0; } #skimovieBody .level_image { vertical-align: middle; } #skimovieBody .level_desc { color: #999; } #spot_title { height:60px; position: absolute; bottom:50px; left:553px; padding-left:15px;} #skimovieBody #spot_title h1, #skimovieBody #spot_title a {font-size:18px; font-weight:bold; color:white; } #spot_title p { color:white;} #movie_overlay{ position:absolute; height:80px; bottom:0; right:0; left:0;} .movie_comp_badge{position:absolute; bottom:52px; left:10px;} #movie_competition_bar{position:absolute; left:0; bottom:50px; right:0; height:30px; background:#4d4d4d; } #movie_competition_bar .competition_name {font-size:12px; color:white; overflow:hidden; height:14px; line-height:15px; position:absolute; left:21px; top:8px; } #movie_timebar_diff {line-height:15px; color:white; position:absolute; top:8px; right:20px; height:14px; text-align:right;} #movie_bar { height:50px; position:absolute; bottom:0; right:0; left: 0; background: #eeeeee;} #movie_timebar, #movie_userbar {font-size:16px; color:#1a1a1a; height:20px;} #movie_userbar { position:absolute; left:0; bottom:15px; right:70px;} #movie_userbar .username {color:#1a1a1a; overflow:hidden; height:20px; position:absolute; left:85px; line-height:22px; font-size:16px; } #movie_userbar .countryflag { height: 20px; position:absolute; left:57px; } #movie_userbar .rank { margin-left:15px;color:#1a1a1a; position:absolute; left:0; width:35px; height:20px; text-align:right; line-height:22px; } #movie_timebar {width:70px; height:20px; line-height:22px; position:absolute; bottom:15px; right:20px; text-align:right; } #media_player .speed_overlay { position: absolute; width: 100%; height: 60px; bottom: 0; background-color: #4d4d4d; } #media_player .speed_value { position: absolute; left: 0; right: 0; height: 50px; bottom: 0; line-height: 50px; background-color: #eeeeee; font-size: 36px; text-align: right; padding: 0 20px; } .finish_picture #movie_overlays { display: none; } .finish_picture #movie_overlays .finished_overlay { bottom: 0; right: 0; left: 0; width: 100%; height: 48px; display: block; background: #5f5f5f; } .finish_picture #movie_overlays #movie_bar { width: 100%; background: white; height: 24px; margin-bottom: 1px; } .finish_picture #movie_overlays #movie_userbar { bottom: 0; width: 180px; } .finish_picture #movie_overlays #movie_userbar a { font-size: 12px; } .finish_picture #movie_overlays #movie_timebar { bottom: 0; width: 60px; font-weight: bold; font-size: 12px; } .finish_picture #movie_overlays #movie_competition_bar { width: 180px; } .finish_picture #movie_overlays #movie_competition_bar a { font-size: 12px; font-weight: bold; color: white; } .finish_picture #movie_overlays #movie_timebar_diff { font-weight: bold; color: white; font-size: 12px; width: 60px; } #skimovieBody .ratingImagePanel .icon img, #skimovieBody .ratingDiv_image img { width: 60px; } #skimovieBody .ratingImagePanel a { font-weight: bold; } #movie_bar ul { color:#1a1a1a; list-style: none; } #movie_bar ul li { list-style-type: none; display: block; overflow: hidden; float: left; } #movie_bar ul li a { display: block; width: 180px; padding: 10px; font-size: 16px; line-height: 30px; } #movie_bar ul li a.odd { background: #dadada; } #movie_bar ul li a img { margin-right: 10px; } #movie_title { background-color:#4d4d4d; width:430px; position:absolute; bottom: 82px; padding:2px 10px; opacity:0.8;} #movie_title a{ font-size:12px; color:white; } #movie_description { width:430px; height:30px; position:absolute; bottom: 32px; padding:10px 10px;} #movie_description a, #movie_description span {font-size:25px; color:white;} #movie_description img {vertical-align:top;} #movie_disqualified{background-color:#ff2fa7; width:430px; height:50px; position:absolute; bottom: 32px; font-size:14px; font-weight:bold;color:white; padding:5px 10px; } #skimovieBody .player { width: 800px; height: 450px; } #skimovieBody .user_card { left: 568px; position: absolute; top: 20px; width: 290px;} #skimovieBody .skimovie.profile_card {left:0;top:0;} #skimovieBody #movieDescription {margin: 8px 0;} #skimovieBody #authorPanel { padding: 15px 0 10px 0; } #skimovieBody h1 { color: black; padding-bottom: 5px; } #skimovieBody p.info { font-size: 10px; color: #4d4d4d; } #skimovieBody .competitionsTable th{ background-color:transparent; color: #969696; font-weight:bold; padding-left:0;} #skimovieBody .competitionsPanel {width:540px;} #skimovieBody #disqualifyForm {margin-top:5px} #skimovieBody .ratingPanel { margin-left:-70px;} #skimovieBody .ratingPanel .messages{margin-left:70px;} #skimovieBody #download_overlay { width: 442px; min-height: 100px; position: absolute; } #skimovieBody #download_overlay img.left { padding: 0 5px 5px 0; } #skimovieBody .ratingPanel.sub_sub_content { margin-left: 23px; width: 520px; } #skimovieBody table.image_panel { margin: 5px 0 5px 0; border-bottom: 1px solid #ccc; } #skimovieBody table#ratingDiv { border: none; } #skimovieBody table.image_panel td.text { padding: 0 0 0 5px; border: none; } #skimovieBody #generalMoviesMessages { width: 450px; margin-left: 3px; } .download-button { display: none; } #personalProfileBody.skiMovies div.pt { margin-left: 85px; } #personalProfileBody.skiMovies div.sltp a { width: 30px; height: 30px; background: #EEE; padding: 0; margin: 0; line-height: 30px; text-align: center; border-right: 1px solid #AAA; } #personalProfileBody.skiMovies div.sltp a.active { background: #666; } #personalProfileBody.skiMovies div.sltp a.sltp-next { border-right: 0; } #personalProfileBody.skiMovies .spotTitle div.title { line-height: 130%; } /* IE fixes */ .IE #skimovieBody .container { height: 530px; } .IE #skimovieBody #playerDiv { height: 480px; } .IE #skimovieBody #movie_player { height: 480px; } /*brushup new style*/ .subcontent_big_image {margin-left:-90px; padding: 50px 0 40px 0;} .headline_main_info {font-size:18px; color:#4D4D4D; padding: 30px 0 30px 0} .headline_main_info_div {width:525px; padding-bottom: 6px; margin-left: 10px;} .main_info_side_link_skiline {position: absolute; left: -60px; top: -10px; width:40px; height:40px; background-image: url(../img/home/link-hoehenmeter.png)} .main_info_side_text_skiline {position: absolute; left: 600px; top: 0px; width:200px; font-size:18px; line-height: 1.5} .main_info_side_text_skiline a {font-size:18px; line-height: 1.5} .main_info_side_link_skimovie {position: absolute; left: -60px; top: -21px; width:40px; height:40px; background-image: url(../img/home/link-skimovie.png)} .main_info_side_tile_skimovie {position: absolute; left: 570px; top: 0px; width:180px; height:180px; background-image: url(../img/home/tile-skimovie.png)} .main_info_side_link_competition {position: absolute; left: -60px; top: -20px; width:40px; height:45px; background-image: url(../img/home/link-wettbewerbe.png)} .main_info_side_link_photopoint {position: absolute; left: -60px; top: -20px; width:40px; height:40px; background-image: url(../img/home/link-photo.png)} .main_info_side_tile_photopoint {position: absolute; left: 570px; top: 0px; width:180px; height:180px} .common_text_main_info {font-size:13px; color:#4D4D4D;} .common_text_main_info_div {width:525px; line-height:1.5; padding-bottom: 20px; margin-left: 10px} .ticket_enter_resort_main_page { background-color: #b6ddff; height:110px; position:relative} .ticket_enter_resort_left_side_anker { background-color: #d2eaff; height:450px; width: 100px; position: absolute; float: left;} .ticket_enter_restor_anker_skiline {top:190px; left:30px; width:40px; height:40px;position: relative;} .ticket_enter_restor_anker_skimovie {top:210px; left:30px; width:40px; height:40px;position: relative;} .ticket_enter_restor_anker_competition {top:230px; left:30px; width:40px; height:40px;position: relative;} .ticket_enter_restor_anker_photo {top:250px; left:30px; width:40px; height:40px;position: relative;} .ticket_enter_input_text { border-top-left-radius: 5px; border-bottom-left-radius:5px; width:230px; height: 48px; background-color: white; border: 0px; top:0px; left:0px; position: absolute; padding: 1px 10px 1px 10px; font-size: 18px; } .ticket_enter_input_text_div { position: absolute; left:100px; top:30px; } .ticket_enter_input_text_div .updnWatermark{ position: absolute; font-size: 18px; z-index: 5000; top: 10px; left: 10px; color: #93B7D5; white-space: nowrap; } .ticket_enter_input_dropdown_button { border-top-right-radius: 5px; border-bottom-right-radius:5px; background-image: url("../img/home/arrow-down.png"); width: 50px; height: 50px; left:230px; top:0px; position: absolute; background-repeat: no-repeat; background-position: 13px; background-color: white; border: 0px; outline: 0px; cursor: pointer; } .ticket_enter_result_layer_div { border-radius: 5px; position: relative; display: none; top: 75px; left: 100px; z-index: 9999; background-color: white; width: 220px; padding-left: 10px; } .ticket_enter_result_category { padding: 0 0 5px 0; } .ticket_enter_result_category a { color: #4D4D4D} } .ticket_enter_result_category a:hover { color: #4D4D4D } .ticket_enter_result_item { padding: 0 0 5px 10px; } .ticket_enter_next_button { background-image: url("../img/home/btn-pink.png"); width: 50px; height:50px; left:400px; top:30px; position: absolute; border: 0px; border-radius: 5px; outline: 0px; cursor: pointer; } .ticket_enter_input_text_diabled_div { border-radius: 5px; height:33px; width:190px; background-color: #D2EAFF; top:30px; left:480px; position: absolute; font-size: 18px; color:#93B7D5; vertical-align: middle; text-align: center; padding-top: 17px; } .ticket_enter_button_text_diabled_div { border-radius: 5px; height:50px; width:50px; background-image: url("../img/home/btn-blue-notclickable.png"); left:690px; top:30px; position: absolute; } .ticket_enter_helper { height: 90px; } .main_body_brushup {} .container_brushup {}/* --- tab box (fake tabs) ---*/ .tab-box {padding: 0; float: left; position: relative; height: 40px;} .tab_left, .tab_right, .tab_content { height: 40px; position: relative; float: left; } .tab-box .tab_content { padding:0px; margin-right:10px; } .tab-box.active .tab_content { background-color: white; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0;} .tab-box.inactive .tab_content { background-color: #1290f8; height: 30px; margin-bottom:10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} .tab-box .tab-box .tab_content { padding: 0; margin-right: 0; } .tab-box.inactive.black .tab_content { background-color: #1A1A1A; } .tab-box.grey.hover .tab_content { background: #4D4D4D url(../img/tabs/tab_blue.png) repeat-x 0 -280px !important; height: 40px; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0;} .tab-box a { display: block; height: 34px; padding: 6px 10px 0 10px; white-space: nowrap; } .tab-box, .tab-box a { font-size: 13px !important;} body.ja .tab-box, .tab-box a { font-size: 12px !important;} .tab-box.grey.hover, .tab-box.grey.hover a {color:white} .tab-box.active, .tab-box.active a { color: #4d4d4d; } .tab-box.inactive, .tab-box.inactive a { color: white; } /* competition settings arrow style */ .tab-box.active.disabled, .tab-box.inactive.disabled {-moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7;} .tab-box.active.arrow .tab_content { background-color: white; height: 50px; } .tab-box.inactive.arrow .tab_content { background: #4dabfa none; height: 50px; } .tab-box.arrow a { display: block; height: 34px; padding: 16px 10px 0 10px; } .tab-box.active.arrow .tab_content, .tab-box.inactive.arrow .tab_content {border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; padding:0; margin-right:0} .tab-box.active.arrow .tab_left { background: white url(../img/tabs/tab_arrow.png) no-repeat 0 -50px; width: 10px; height:50px;} .tab-box.active.arrow .tab_left.first { background: transparent url(../img/tabs/tab_arrow.png) no-repeat 0 0; width: 10px; height:50px;} .tab-box.active.arrow .tab_right { background: white url(../img/tabs/tab_arrow.png) no-repeat 0 0px; width: 10px; margin-right: 0; height:50px;} .tab-box.active.arrow .tab_right.last { background: transparent url(../img/tabs/tab_arrow.png) no-repeat 0 -50px; width: 10px; margin-right: 0; height:50px;} .tab-box.inactive.arrow .tab_left { background: #4dabfa url(../img/tabs/tab_arrow.png) no-repeat 0 -50px; width: 10px; height:50px;} .tab-box.inactive.arrow .tab_left.first { background: transparent url(../img/tabs/tab_arrow.png) no-repeat 0 0; width: 10px; height:50px;} .tab-box.inactive.arrow .tab_right { background: #4dabfa url(../img/tabs/tab_arrow.png) no-repeat 0 0; width: 10px; height:50px; margin-right: 0; } .tab-box.inactive.arrow .tab_right.last { background: transparent url(../img/tabs/tab_arrow.png) no-repeat 0 -50px; width: 10px; height:50px; margin-right: 0; } /* search box*/ .tab-box.tab-box-search .tab_content { border-radius: 20px 20px 0 0; -moz-border-radius: 20px 20px 0 0; } .tab-box-search .input .text_input { padding: 5px 0; } .tab-box-search-content { width: 250px; padding: 10px 10px 0 10px; } .tab-box-search .tab_right { margin-right: 60px; } /* tabs */ .tab-box.inactive.unavailable a { background: url(../img/tabs/tab_inactive_unavailable.png) no-repeat center top; } .tab-box.tab-bubbles .tab_content { padding: 0 5px; } .tab-box.tab-bubbles .tab-box .tab_content { padding: 0; } .tab-box.tab-bubbles .tab-box.grey.hover .tab_content { background: transparent !important; border-radius: 20px 20px 0 0; -moz-border-radius: 20px 20px 0 0; } .tab-box a.tab-bubble { float: left; background-color: #C4C4C4; border-radius: 15px; margin: 10px 5px 0 5px; padding: 0 20px; height: 30px; line-height: 30px; color: #4D4D4D; font-weight: bold; } .tab-box.tab-bubbles .tab-box.grey.hover a.tab-bubble { border-radius: 15px 15px 0 0; } /*--- language specific settings ---*/ /* there are many tabs in profile, in french we need a smaller font! */ body.fr #personalProfileBody .main_column_0 .tab-box.active, body.fr #personalProfileBody .main_column_0 .tab-box.inactive, body.fr #personalProfileBody .main_column_0 .tab-box.active a, body.fr #personalProfileBody .main_column_0 .tab-box.inactive a {font-size:13px !important;} .IE .tab-box-search-content { padding-top: 10px; } .IE .tab-box.active .tab_left { background: url(../img/tabs/tab_blue.png) no-repeat 0 -120px; width: 10px; } .IE .tab-box.active .tab_right { background: url(../img/tabs/tab_blue.png) no-repeat 0 -160px; width: 10px; margin-right: 10px; } /*.IE .tab-box .tab_content { padding:0; margin-right:0px} .IE .tab-box a { padding: 6px 0 0 0; } .IE .tab-box.inactive.black .tab_left, .IE .tab-box.inactive.black .tab_right, .IE .tab-box.inactive.black .tab_content { background-image: url(../img/tabs/tab_black_inactive.png); }*/ .IE .tab-box.inactive.grey.hover .tab_left,.tab-box.active.grey.hover .tab_left {background-position: 0 -240px !important;} .IE .tab-box.inactive.grey.hover .tab_right,.tab-box.active.grey.hover .tab_right {background-position: 0 -200px !important;} /*.IE .tab-box.inactive .tab_content {background: url(../img/tabs/tab_blue.png) repeat-x 0 -80px; height: 40px;}*/ .IE .tab-box.inactive .tab_left { background: url(../img/tabs/tab_blue.png) no-repeat 0 0; width: 10px; } .IE .tab-box.inactive .tab_right { background: url(../img/tabs/tab_blue.png) no-repeat 0 -40px; width: 10px; margin-right: 10px; } .IE .tab-box.active.arrow .tab_content { background-color: white; height: 50px; } .IE .tab-box.inactive.arrow .tab_content { background: #4dabfa none; height: 50px; } .IE .tab-box.arrow a { display: block; height: 34px; padding: 16px 10px 0 10px; } .IE .tab-box.active.arrow .tab_left { background: white url(../img/tabs/tab_arrow.png) no-repeat 0 -50px; width: 10px; height:50px;} .IE .tab-box.active.arrow .tab_left.first { background: transparent url(../img/tabs/tab_arrow.png) no-repeat 0 0; width: 10px; height:50px;} .IE .tab-box.active.arrow .tab_right { background: white url(../img/tabs/tab_arrow.png) no-repeat 0 0px; width: 10px; margin-right: 0; height:50px;} .IE .tab-box.active.arrow .tab_right.last { background: transparent url(../img/tabs/tab_arrow.png) no-repeat 0 -50px; width: 10px; margin-right: 0; height:50px;} .IE .tab-box.inactive.arrow .tab_left { background: #4dabfa url(../img/tabs/tab_arrow.png) no-repeat 0 -50px; width: 10px; height:50px;} .IE .tab-box.inactive.arrow .tab_left.first { background: transparent url(../img/tabs/tab_arrow.png) no-repeat 0 0; width: 10px; height:50px;} .IE .tab-box.inactive.arrow .tab_right { background: #4dabfa url(../img/tabs/tab_arrow.png) no-repeat 0 0; width: 10px; height:50px; margin-right: 0; } .IE .tab-box.inactive.arrow .tab_right.last { background: transparent url(../img/tabs/tab_arrow.png) no-repeat 0 -50px; width: 10px; height:50px; margin-right: 0; } /* --- footer ---- */ .footer { margin-top: 25px; width: 100%; text-align: center; clear: both;} .footer_main_frame { background: #F5F6F7; color: #4D4D4D; margin-top: 20px; width:100%; float:right} .footer_main_table { color:#4D4D4D; border-spacing: 0px; padding : 20px 10px 20px 10px; width:100%} .footer_main_table_td_flag {width: 25px; vertical-align: top;} .footer_main_table_td_border_middle { vertical-align:middle; 4D4D4D; border-right: 1px solid #DEDEDE; padding : 0 30px 0 0px; width:150px; height:20px} .footer_main_table_td_border { color: 4D4D4D; border-right: 1px solid #DEDEDE; padding : 0 30px 0 30px; width:110px} .footer_main_table_td_no_border { color: 4D4D4D; padding : 0 0px 0 30px; width:150px} .footer_main_table_td_right {text-align: right; color:#BEBEBE; padding : 0 10px 0 10px} .footer_main_table_td_border a {color: #4D4D4D} .footer_main_table_td_border a:hover {color: #4D4D4D} .footer_main_table_td_no_border a {color: #4D4D4D} .footer_main_table_td_no_border a:hover {color: #4D4D4D} /* .footer .container.logo { height: 24px; padding-top: 6px; background-color: #F5F6F7; } .footer a { margin-left: 5px; margin-right:5px; #5d5d5d; font-size: 11px; color:white;} .footer .copyright { font-size: 10px; color: #5d5d5d; padding-top: 5px; }*/#ticketDetailsBody .main_body {padding-top:10px;} #ticketDetailsBody .main_body .container {height:370px; background-color:white;} #skilinePanoramaBody .main_body {padding-top:10px; height:auto;} #skilinePanoramaBody .main_body .container {height:auto;} #skilinePanoramaBody .skiline_container {width:900px;background-image:none !important;} #skilinePanoramaBody .skiline_container .skiline_scroller {width:900px;left:0;} #manual_lifts table { display: block; width: 400px; } .FIREFOX_2 .skiline_container {background-image: none; background-color: #4dabfa; padding-top: 10px; } .skiline_container { background: url(../img/header-skiline-bk.png) no-repeat !important; color: white; height:330px !important;position:relative;} .skiline_container .hover_help { color: white; font-weight: bold; font-size: 12px; position: absolute; top: 5px; left: 80px;width:600px;text-align:center;} .skiline_container .altimeter_labels {position:absolute;left:23px;top:20px;height:290px;width:50px;} .skiline_container .skiline_scroller {width:812px;height:320px;position:absolute;left:88px;overflow-x:auto;overflow-y:hidden;} .skiline_container .skiline_graph_container {width:800px;height:310px} .skiline_container .vm {position:absolute; top:234px; right:20px;color:#4DACF0;font-size:22px;} .skiline_container .links {position:absolute; top:4px; right:10px;font-size:10px;} .skiline_container .links a {font-size:10px; color:white; text-decoration:underline;margin-left:10px;} .skiline_container .chart_zoom_icon {position:absolute;left:40px;bottom:164px;} .skiline_container .chart_zoom_icon:hover {cursor: pointer;} .ticket.skiline .day_selector {position:absolute;left:8px;top:100px;} .day_selector {position:relative;width:80px;height:40px;} .day_selector a {width:20px; height:20px; background-repeat:no-repeat;background-position:center center;position:absolute;top:10px;} .day_selector .prev {background-image: url(../img/icons/icon20-left.png); left:0;} .day_selector .prev.disabled {background-image: url(../img/icons/icon20-left-disabled.png)} .day_selector .next {background-image: url(../img/icons/icon20-right.png); right:0;} .day_selector .next.disabled {background-image: url(../img/icons/icon20-right-disabled.png)} .day_selector .month_day {position:absolute;left:24px;} .skiline_container .statistics {position:absolute;right:30px;bottom:45px;width:120px;height:100px;color:#1a1a1a;background:url("../img/bg_ticketdetail_statistics.png") no-repeat left top;padding-left:40px;} .skiline_container .statistics .value {position:absolute;} .skiline_container .statistics .value .large {font-size:18px;} .skiline_container .statistics .altimeters {top:0;} .skiline_container .statistics .slopedist {top:42px;} .skiline_container .statistics .liftcount {top:67px;} .skiline_container .statistics .bar {width:125px;height:20px;border:2px solid gray; position:absolute;left:0;top:90px;} .skiline_container .statistics .bar .all {background-color:silver;height:20px;position:absolute;} .skiline_container .statistics .bar .me {height:10px; position:absolute; top:5px;} .skiline_container .statistics .avgMinus {background-color:#ff2fa7 !important;} .skiline_container .statistics .avgPlus {background-color:#4dabfa !important;} .skiline_container .statistics .hdcp_help {position:absolute;right:0px;top:92px;} .skiline_container .statistics .tooltip .legend {width:15px;height:15px;background-color:silver;float:left;margin:7px 7px 0 0;border:1px solid white;} .skiline_container .statistics .tooltip p {float:left;} .skiline_container .statistics div.css-tooltip.n > div { background-position: 100% 0; } .skiline_container .statistics .tooltip .n > div { float: right; } .skiline_container .performance {height: 270px;width: 20px;position: absolute;top: 20px;left: 90px;} .skiline_container .performance .bar {width:10px;position:absolute;bottom:0;float:left;} .skiline_container .performance .all {background-color: #1290f8; opacity:0.5;left:10px;} .skiline_container .performance .me {background-color: #b5ddff; left:0;} .skiline_container .performance_help {height: 30px;left: 40px;position: absolute;top: 230px;width: 50px;} .skiline_container .tooltip {position:absolute; top:321px;width: 300px;} .IE .skiline_container .tooltip {width: 350px;} .skiline_container .skiline_tooltip span {display:block;text-align:center;font-size:11px;} .skiline_container .skiline_tooltip span.liftname {font-weight:bold;} .skiline_container .skipass_nr {color:#1a1a1a;position:absolute;right:20px;text-align:center;top:120px;width:180px;} .noskiline.skiline_container { background-image:url('/img/bg_ticket_noskiline.jpg') !important; height:310px !important;} .skiline_container .panel { position:relative; left:670px; width:200px; top:20px; line-height:1.6em; } .skiline_container .panel h1 { } .friend_spd {border-radius:10px; background-color:#f2f2f2; box-shadow: 0 0 7px 0 #bbb; width:210px; margin: 0 0 10px 10px;padding:5px 10px;float:left;} .liftList {position:absolute;left:150px;top:60px;width:600px;display:none;background-color:white;color:black;z-index:999999;box-shadow: 0 0 10px 0 #444;} .liftList table {width:100%;margin-top:20px;} .liftList a {color:black; text-decoration:underline;} .liftList > div {padding:25px 15px 15px 15px;} .liftList th {font-weight: bold;padding:0 0 0 3px;vertical-align:bottom;background-color:white;} .liftList .nr {width:40px;} .liftList .time {width:40px;} .liftList .name {width:300px;} .liftList .vm {width:100px;} .liftList .length {width:120px;padding-right:10px;} .liftList .duration {width:80px;} .liftList .buttons {position:absolute; right:10px; top:10px;} .ticket.skiline .actions {padding:20px 30px 10px 0; float:right;} .ticket.skiline .actions a {display: inline-block; height: 30px; margin-right: 5px; padding: 0px;} a.edit_diary {padding-left: 25px!important;} .ticket.skiline .panomax_panorama_preview {width:900px;margin-top:-8px;margin-bottom:10px;height:105px;overflow:hidden;position:relative;overflow-y: scroll;overflow-x: scroll;transition: all .5s linear;} .ticket.skiline .panomax_panorama_preview .zoom {position:absolute;left:40px; top:22px;} .ticket.skiline .skiline_panorama.bubble {top: 50px;left: 90px;z-index: 2;} .ticket.skilinePanorama .zoom {position:absolute;left:0;top:100px;z-index:100000;} /* $Id: ticket.enter.css 7689 2011-03-03 13:03:04Z rehdie $ enter lift ticket */ #enterTicketBody div.search { margin-left: 90px; height:40px; position: relative;} #enterTicketBody div.search .indicator {left:315px; position:absolute; top:7px;} #enterTicketBody div.search input {border: none; font-size: 1.2em; position:absolute; top:4px; left: 45px; width: 250px;background:transparent;} #enterTicketBody div.search .imageLink {position:relative; top:5px; white-space:nowrap; left:10px; float:left;} #enterTicketBody div.search .updnWatermark {left:50px;} #enterTicketBody .sub_content {clear: both; } #enterTicketBody .sub_content .help {width: 500px; margin-bottom:10px;} #enterTicketNumberBody .container {height: 280px; background: url(../img/bg_ticket_enter_form.png) no-repeat 70px 40px;} #enterTicketNumberBody .sub_content {margin-left:0} #enterTicketNumberBody h2.rname {position: relative; top:15px; left:75px; font-size:16px; display:inline;} #enterTicketNumberBody a.resorts_link {color:white; left:425px; position:absolute; text-align:right; text-decoration:underline; top:12px; width:165px;} #enterTicketNumberBody .resort_logo {border-bottom:2px solid #DDDDDD; height:120px; left:70px; position:absolute; top:-225px; width:678px;} #enterTicketNumberBody .resort_logo img {margin-left: 15px; max-height:110px; max-width:420px;} #enterTicketNumberBody .legal {position: relative; left: 90px; top: -75px; width: 770px;} #enterTicketNumberBody .legal .image_panel .text {max-width: 415px;} #enterTicketNumberBody .image_panel {left:0;margin-right:0} #enterTicketNumberBody .cb_contracts {border-collapse: separate; border-spacing: 0 5px;} #ticket_form { width: auto; position: relative; top: -90px; left: 90px; margin-right:320px; } #ticket_form .type_selections {margin-bottom: 10px;} #ticket_form .type_selections label {margin-right:10px; font-size:12px; } .enterTicket .dateTooltip {position:absolute;top:30px;left:-90px;} .skipass_248x394 { position: absolute; left: 425px; top: -320px; width: 284px; height: 429px; background: url(../img/bg_ski_ticket_248x394.png) no-repeat bottom center; } .skipass_248x394 img.ticket { position: absolute; top: 19px; left: 19px; } .skipass_248x394 img.number_marker {height:2px; left:-10px; position:absolute; top:334px; width:30px;} .skipass_248x394 img.occ_overlay {position:absolute; bottom:15px; left:19px;} .skipass_248x156 img.occ_overlay {position:absolute; bottom:18px; left:19px; height:393px;} .posSerial .skipass_248x394 img.number_marker {left:-145px; top:334px; width:169px;} .posSerial.axess .skipass_248x394 img.number_marker {left:-60px; top:338px; width:110px;} .stoos .posSerial.axess .skipass_248x394 img.number_marker {width:280px;} .barcode img .number_marker { position: absolute; bottom: 26px; left: -220px; width: 250px; height: 2px; } .skipass_248x156 { position: absolute; left: 445px; top: -85px; width: 279px; height: 188px; background: url(../img/bg_ski_ticket_248x156.png) no-repeat top center; } .skipass_248x156 img.ticket { position: absolute; top: 16px; left: 16px; } .skipass_248x156 img.number_marker {height:2px; left:-30px; position:absolute; top:97px; width:50px; } .skipass_248x156_2 {background:url("../img/bg_ski_ticket_248x156.png") no-repeat scroll center top transparent; height:188px; left:445px; position:absolute; top:-128px; width:279px; } .skipass_248x156_2 img.ticket { position: absolute; top: 16px; left: 16px; } .skipass_248x156_2 img.number_marker {height:2px; left:-30px; position:absolute; top:143px; width:50px; } .skipass_other {width:279px; height:188px; left:430px; position:absolute; top:-146px; } .skipass_other img.number_marker { position: absolute; bottom: 26px; left: -50px; width: 75px; height: 2px; } .skipass_other div {position: relative; text-align: center; font-size: 22px; font-weight: bold; color: #ccc; bottom:115px;} #ticket_form .image_panel .text {width: 430px;} #ticket_form .form_field .form_label { width: 120px; } #ticket_form .field_container { margin-right: 8px; } #ticket_form .form_field+.form_field { width: 418px; } #ticket_form .skiDate .error { position: relative; left: -288px; top: 18px; } #ticket_form .card_number { margin-top: 10px; } #ticket_form .ticket_number { position: relative; margin: 5px 0 10px 0;} #ticket_form .ticket_number .error { display: block; width: 300px; } #ticket_form .ticket_number .info { padding: 5px 0 5px 0; color: #999999; width: 415px; } #ticket_form .button_panel {margin-top:10px; margin-right: 20px;} #ticket_form .ticket_number.chipnr .error {width: 150px; } #ticket_form .chipnr .field_50 .formErrorDiv {left:25px;} #ticket_form .chipnr .date_input .formErrorDiv {left:-10px;} #ticket_form .type_selections span {margin-right:10px; cursor:pointer; color:#1290f8;text-decoration: underline;} #ticket_form .type_selections span.selected {color:#4d4d4d;text-decoration:none;cursor:default;} #ticket_form ul.messages {margin-top:15px;} #ticket_form .radio_button.ticket_number {margin-top: 10px;} #enterTicketBody div.search form {width: 349px; height: 40px; background: url(../img/bg_ticket_enter_search.png) center top; float: left; } .ui-progressbar{height:13px; margin-top:10px; background-color:white; padding:2px; border:1px solid #BFBFBF; border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;} .ui-progressbar-value{height:100%; background-color:#4dabfa; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;} div.ski_resort_panel_list {position: relative;left:-70px;} #ticketListForm div.ski_resort_panel_list { width:600px; } div.ski_resort_panel_list table.image_panel td.icon { width: 60px; } div.ski_resort_panel_list table.image_panel td.icon a { width: 60px; } div.ski_resort_panel_list table.image_panel td.icon img { max-width: 60px; } div.ski_resort_panel_list h2 {margin-left:70px;} #ticketListForm .buttons { padding-top: 5px; float:left; display:none;} #ticketListForm, #trackListForm {position:relative; top:10px;} #ticketListForm .image_panel, #trackListForm .image_panel {margin-bottom: 20px;} #ticketListForm .indicator { position:absolute; top:1px; left:7px;} .ticket_list_container {width:690px; position:relative; left:-70px;} .ticket_list_container > .messages {margin-left: 70px;} #ticketListForm .messages { padding-top: 3px; } #ticketListForm table.image_panel.ski_resort td.text {height:60px; padding:5px;} #ticketListForm .skiingdays {margin-top:15px;} #ticketListForm .skiingdays table {width:460px;} #ticketListForm .skiingdays .resort_name {max-width:180px;} #ticketListForm .skiingdays td {vertical-align:top;} #ticketListForm .skiingdays td.date {width:85px;white-space: nowrap;} #ticketListForm .skiingdays td.metric {text-align:right;} #ticketListForm .skiingdays td.vm {width:100px;} #ticketListForm .skiingdays td.lifts {width:65px;} #ticketListForm .skiingdays td.slopedist {width:65px;} #ticketListForm .skiingdays .ticket_totals td {border-top:1px solid #ddd;padding-top:5px;} #ticketListForm .skiingdays .status_icons {white-space:nowrap;} #ticketListForm .skiingdays .status_icons img {float:left;margin-right:2px;} #ticketListForm .skiingdays .status_icons div {display:inline-block;} #ticketListForm .skiingdays td img {position:absolut;margin-top:-4px;} #ticketListForm a.whiteArrow {position:relative;top:3px;} .ski_resort_panel_list .tooltip div {text-align:left;} /* language specific settings */ body.ja #ticketListForm .skiingdays td.date {width:100px;} body.ja #ticketListForm .skiingdays td.vm {width:110px;} form .ski_resort_panel_list {float:left;left:0;} .ski_resort_panel_list .image_panel .ticket_actions {margin-top:5px; position:relative;} .ski_resort_panel_list .image_panel .ticket_actions a {display:inline; margin-right:5px;} .competition_teaser_container {float:right;width:180px;} .competition_teaser_container h3 {background-color: #f1f1f1;font-weight:normal;margin:0;padding:5px;} .competition_teaser {margin-bottom:10px;} .competition_teaser .u_display_box_content > div {padding-top:5px;font-size:12px;position:relative;left:-13px;width: 185px;} .competition_teaser div.info {float:left;width:115px;padding-top:3px;font-size:12px;} .competition_teaser .value {margin-bottom:3px;} .competition_teaser .info .participate {text-decoration:underline;font-size:11px;position:absolute;bottom:8px;} .competition_teaser .rank {background-image:url(../img/competitionteaser-rank-white.png); float:left; width:60px;height:40px; font-weight:bold; text-align:center; color: white;} .competition_teaser .rank.finished {background-image:url(../img/competitionteaser-rank-finished.png)} .competition_teaser a.disclosure {width:20px;height:20px;background-image: url(../img/icons/icon20-disclosure-white.png); position:absolute; right:2px; top:12px;} .competition_teaser.me a.disclosure {background-image: url(../img/icons/icon20-disclosure-black.png); } .me .rank {background-image:url(../img/competitionteaser-rank-black.png); color:#4d4d4d;} .me .rank.finished {background-image:url(../img/competitionteaser-rank-finished.png)} .rank.r_1_digit {font-size:24px;line-height:1.4;} .rank.r_2_digit {font-size:17px;line-height:2;} .rank.r_3_digit {font-size:15px;line-height:2.2;} .rank.r_4_digit {font-size:11px;line-height:3;} .rank.r_5_digit {font-size:9px;line-height:3.8;} .profile.tickets .sub_left .empty {background-image: url(../img/bg_skilines_empty.png); height:200px; width:900px; position:relative; left:-90px;} .profile.tickets .sub_left .empty span {position:absolute; font-size: 15px;} .profile.tickets .sub_left .empty .selectResort {top:144px; left:140px;-webkit-transform: rotate(355deg);-moz-transform: rotate(355deg);-o-transform: rotate(355deg); -ms-transform:rotate(355deg);} .profile.tickets .sub_left .empty .ticketNumber {top:155px; left:355px;} .profile.tickets .sub_left .empty .skilineAndMovies {top:125px; left:573px;-webkit-transform: rotate(4deg);-moz-transform: rotate(4deg);-o-transform: rotate(4deg); -ms-transform:rotate(4deg);} .profile.tickets .sub_left p {line-height: 1.5em;} .profile.tickets .sub_left .emptyMessage a {color: #1290f8; text-decoration:underline;}/* $Id: ticket.resortselection.css 4600 2010-07-13 16:31:50Z rehdie $ skiresort tree selection */ #resort_selection {position:absolute;} #resort_selection .separator {height:240px; width:30px; background:url(../img/skipass_treeselection_separator30x240.png) no-repeat; position:absolute;right:0;top:0;z-index:1000;} #resort_selection .column {float:left;position:relative;margin:0;} #resort_selection .column:hover .separator {display:none;} #resort_selection .selection {overflow: hidden; height: 240px; float:left; margin:0; font-size: 18px; color:white;} #resort_selection .selection:hover {overflow-y:scroll;} #resort_selection .selection .item {padding:1px 5px 1px 30px;} #resort_selection .selection .item a {font-size:18px; color: white;} #resort_selection .selection .item.selected a {color:#1a1a1a;} #resort_selection .selection .item a:hover {text-decoration:none;} #resort_selection .selection .item:hover {background-color:#99ccff;cursor:pointer;color:#1a1a1a;border:none;} #resort_selection .selection .item.selected {background-color: #ffffff;color:#1a1a1a;font-weight:bold;} #resort_selection .selection .item.all {color: #DCEEFE; font-size:13px;} #resort_selection .selection .item.selected.all {color: #1a1a1a;font-weight:normal;} #resort_selection .column.countries {z-index:3; width:250px;} #resort_selection .column.provinces {z-index:2; margin-left:-15px; width:200px;} #resort_selection .column.resorts {z-index:1; margin-left:-15px;} #resort_selection .countries .selection {width: 155px; margin-left: 80px;} #resort_selection .provinces .selection {width: 187px; } #resort_selection .resorts .selection {width: 410px; } #resort_selection.small {position:absolute; left:70px;top:60px;} #resort_selection.small .column.countries {width:140px;} #resort_selection.small .countries .selection {margin-left:0;} #resort_selection.small .column.countries .selection {width:130px;} #resort_selection.small .column.provinces {width:155px;margin-left:-10px;} #resort_selection.small .column.provinces .selection {width:145px;} #resort_selection.small .column.resorts {width:220px;margin-left:-10px;} #resort_selection.small .column.resorts .selection {width:225px;} #resort_selection.small .column.resorts .item {width:190px;} #resort_selection.small .selection {font-size:15px;} #resort_selection.small .selection, #resort_selection.small .selection .item a {font-size:13px;font-weight:normal;line-height:1.3;} #resort_selection.small .selection .item {padding-left:20px;} #resort_selection.small .selection {height:130px;} #resort_selection.small .separator {height:130px; width:20px; background:url(../img/skipass_treeselection_separator.png) no-repeat; position:absolute;right:0;top:0;z-index:1000;} .tiles1 a.prevPage, .tiles1 a.nextPage {width:40px; height:40px; position:absolute; top:20px; z-index: 10;} .tiles1 a.prevPage {background: white url('../img/icons/icon-left.png') no-repeat center; left:0; border-radius:0;} .tiles1 a.prevPage.disabled {background: white url('../img/icons/icon-left-disabled.png') no-repeat center;} .tiles1 a.nextPage {background: white url('../img/icons/icon-right.png') no-repeat center; right:0; border-radius:0;} .tiles1 a.nextPage.disabled {background: white url('../img/icons/icon-right-disabled.png') no-repeat center;} .sub_content.tiles1, .sub_content.tiles {margin:0 0 10px;} .tiles_container.tiles1 {overflow:hidden;position:relative;} .sub_content.tiles_top { margin: 10px 0 0 0; } .tiles_container .items {background-color: #eeeeee;} .tiles_container .items > div {width:900px;float:left;} .tiles_container .items > div > span {width:180px;height:180px;float:left;} .tiles1 .tiles_container {height:180px; overflow:hidden;position:relative;width:900px;} .tiles_container .header {color:#666666;padding:5px;margin-top:10px;font-size:18px;} .tiles_container .scrollable_container {height:180px;} .tiles_container .items.scrollable {width: 20000px;position:absolute;} .tiles_float .tiles_container { position: static; height: auto; overflow: auto; margin-bottom: 10px; } .tiles_float .tiles_container .items { position: static; } .sub_content.tiles .messages {margin: 0 42px 0 90px;} .competitonDisplaySelector {margin-right: 15px; float: left;} .tile {width:180px; height:180px; float:left; position:relative; overflow:hidden; border-left: 1px solid white; margin-left: -1px;} .tile h2 {font-size:13px;font-weight:normal;margin:5px 0 0 10px;color:white;} .tile a {color: #444444;} .tile a:hover {text-decoration: underline;} .tile .insets {padding:5px;} .tile.active {border-bottom:10px solid #4d4d4d;} .tile .footer {height:30px; background-color:#eeeeee; color:#444444; font-size:12px; position:absolute; bottom:0; left:0;o verflow:hidden; width:180px; padding: 5px 10px; max-width:160px; font-family:Arial, sans-serif;} .tile .footer span {position:relative; top:1px;} .tile .gender {color:white;} .tile .details {height:90px;position:absolute;bottom:0;left:0;width:100%;} .tile.me .details {background-color:#aee555;} .tile.MALE .details {background-color:#67a8f5;} .tile.FEMALE .details {background-color:#f97fca;} .tile.UNKNOWN .details {background-color:#bababa;} .tile .details .row1 {height:30px;position:absolute;bottom:45px;left:10px;} .tile .details .row2 {height:30px;position:absolute;bottom:0px;left:0px;} .tile .user img {position:absolute;left:8px;bottom:8px;} .tile .user > div {position:absolute; left:45px; bottom:8px;} .tile .user span {display:block; white-space:nowrap; width:130px; overflow:hidden; font-size:13px;} .tile .north {height:90px;position:absolute;top:0;overflow:hidden;width:100%} .tile .north h3 {margin: 5px 0 0 5px;} .tile .south {height:90px;position:absolute;bottom:0;width:100%} .tile .south .north {height:45px;top:0;} .tile .south .north.insets {height:25px;width:160px;} .tile .south .south {height:45px;bottom:0;} .tile .south .south.insets {height:25px;width:160px;} .tile.me, .tile.gender.UNKNOWN, .tile.gender.MALE, .tile.gender.FEMALE {background:#eeeeee; color: #444444;} .tile .details h1 {color:white; font-weight:normal; font-size:16px;} .tile h3 {font-size:12px; color:white; font-weight:normal;margin:0;} .tile.me h3 {color:black;} .tile.photo_point {background-color: #f1f1f1;} .tile.photo_point > img {overflow:hidden;position:absolute;top:45px;left:60px;} .tile.empty {background-color: #f1f1f1;} .tile.photo a > img {width:100%;} .tile .user .profile_photo {width:30px; border-radius:15px;} .tile .user .name {margin-bottom: 8px;} .tile .user .count {display: none;} .tile.resort .v_h_center {height:150px;} .tile.panorama_map .footer {font-size:12px;} .tile.panorama_map .footer span {top:1px;} .tile.skimovie img.preview {width:100%;} .tile.skimovie .timeSpeed {position: absolute; color:white; background-color:#4d4d4d; z-index:9;} .tile.skimovie:hover .timeSpeed, .tile.skimovie .timeSpeed { top: auto; bottom: 90px; left: auto; right: 0; font-size: 16px; padding: 3px 8px; width: auto; height: auto; text-align:center;} .tile.skimovie .spotLogo {position: absolute;right: 10px;top: 15px;max-width:70px;max-height:30px;} .tile.skimovie .dateTime {display:block; background-color: transparent!important; z-index:9; position:absolute; left:0; top:90px; color:#4d4d4d; padding:3px; width:90px; font-size:11px; padding:10px 0 0 10px;} .tile.skimovie .dateTime span {display:block;} .tile.skimovie.me .dateTime, .tile.skimovie.UNKNOWN .dateTime, .tile.skimovie.MALE .dateTime, .tile.skimovie.FEMALE .dateTime {background:transparent;} .tile.skimovie:hover .dateTime {display:block;} .tile.skimovie .typeDateTime {position:absolute;top:90px;left:0;background-color:#4d4d4d;padding:3px;width:90px;z-index:9;} .tile.skimovie .typeDateTime span {display:block;} .tile.skimovie:hover .typeDateTime {position:absolute;top:90px;left:0;background-color:#4d4d4d;padding:3px;width:90px;z-index:9;} .tile.skimovie .south .north {position:} .tile.friend_skiingday.MALE {background-image: url(../img/tile-day-male.png)} .tile.friend_skiingday.FEMALE {background-image: url(../img/tile-day-female.png)} .tile.friend_skiingday.UNKNOWN {background-image: url(../img/tile-day-unknown.png)} .tile.friend_skiingday .south .north {top:-15px;height:40px;} .tile.competition_result h3 {font-size:11px;} .tile.competition_result .north {padding:10px;width:160px;} .tile.competition_result.MALE {background-image: url(../img/tile-rank-male.png)} .tile.competition_result.FEMALE {background-image: url(../img/tile-rank-female.png)} .tile.competition_result.UNKNOWN {background-image: url(../img/tile-rank-unknown.png)} .tile.competition_result.me {background: transparent;} .tile.competition_result .rank {position:absolute;top:60px;left:0;width:180px;text-align:center;font-size:35px;font-weight:bold;background-image:none;} .tile.competition_result .rank.r_3_digits {font-size:27px;top:67px;} .tile.competition_result .rank.r_4_digits {font-size:23px;top:68px} .tile.competition_result .rank.r_5_digits {font-size:20px;top:70px;} .tile.skimovieRanking {background-image: none; color:#a0a0a0; padding:5px; width:160px; height:180px;} .tile.skimovieRanking a, .tile.skimovieRanking h3 {color: #444444; font-size: 13px;} .tile.skimovieRanking td.name {max-width:140px; width:140px;} .tile.skimovieRanking tr.highlight td {background-color: #fefebc; padding:2px; border: 0;} .tile.skimovieRanking tr.highlight td.rank {border-radius:10px 0 0 10px;} .tile.skimovieRanking tr.highlight td.arrow {border-radius:0 10px 10px 0;} .tile.skimovieRanking table {border-spacing:0;} .tile.skimovieRanking td {padding: 0 2px 0 2px;} .tile.vm_counter {background:#67a8f5 url(../img/tile-male.png); color:white;} .tile.vm_counter .insets {padding:15px 4px;} .tile.vm_counter .vmCounter > span {display:block; margin-bottom:15px;} .tile.vm_counter .my_vm {margin-top:15px;} .tile.vm_counter .my_vm .vm {text-align:center; display:block; font-size:30px; margin-top:15px;} .tile.resortInfo {background-image: url(../img/tile-resort.png); color:white;} .tile .snow_info {background-color:transparent;margin:0;padding:10px 0 0 10px;position:absolute;height:75px;bottom:0;} .tile .snow_info > div {padding-bottom:5px;width:130px;} .tile .weather {color:white;margin-bottom:5px;position:absolute;top:27px;} .tile .weather .temperature {font-size:27px;width:75px;top:8px;} .tile .weather .min_temperature {width:75px;} .tile .weather .today {left:80px;} .tile .noweather {position:absolute; top:10px; left:10px; width:160px;} .tile.webCam .footer > div {display:table;height:30px;width:100%;} .tile.webCam .footer > div > div {display:table-cell;text-align:center;vertical-align:middle;} .tile.webCam .scrollable {position:relative;overflow:hidden;width:180px;height:160px;} .tile.webCam .scrollable_navi {position:absolute;bottom:0;width:100%;height:22px;padding-top:8px;background-color:#a0a0a0;} .tile.webCam .scrollable_navi a {background-color:white;} .tile.webCam .scrollable_navi a.active {background-color:#4d4d4d;} .tile.webCam .items {width:20000px;position:absolute;left:0;top:0;height:150px;} .tile.webCam .items > div {width:180px;overflow:hidden;height:150px;float:left;} .tile.webCam .items .webcam a {display:block;} .tile.webCam .items .webcam a > span {display:block; height:16px; padding:7px 3px; background-color:#909090; color:white; } .tile.newsfeedCount {background-color: #555555;} .tile.newsfeedCount .count {position:absolute; color:white; font-weight:bold;width:106px;left:40px;top:40px;background-image:url(../img/tile-newsfeed-count-2-digit.png);font-size:20px;text-align:center;} .tile.newsfeedCount .count._1_digits {width:78px;height:60px;left:49px;top:51px;background-image:url(../img/tile-newsfeed-count-1-digit.png);font-size:40px;padding-top:15px;} .tile.newsfeedCount .count._2_digits {font-size:40px;padding-top:26px;height:76px;} .tile.newsfeedCount .count._3_digits {font-size:34px;padding-top:29px;height:73px;} .tile.newsfeedCount .footer {background-color:transparent;text-align:left;font-size:11px;} .tile .v_h_center {display:table; text-align:center;width:100%;height:100%;} .tile .v_h_center > div {display:table-cell; vertical-align: middle;} .tile.label_tile { padding: 15px; width: 150px; height: 150px; background-image: url(../img/tile-info.png); } .tile.label_tile h3 { color: #666; font-size: 18px; } .tile.label_tile .sub_label { position: absolute; bottom: 10px; color: #666; font-size: 12px; } .tile.label_tile.discipline_skimovie { background-image: url(../img/tile-discipline-movie.png); } .tiles_tabs { width: 720px; height: 30px; } .tiles_container.tiles_tabs .items > div > span { height: 30px; } .tiles_tabs .tile { padding: 0 10px; width: 160px; height: 30px; border-left: 1px solid #dadada; line-height: 30px; } .tiles_tabs .tile a { color: #666; font-size: 13px;} .tile.track.me {background: url(../img/tile-gps-my.png);} .tile.track.MALE {background-image: url(../img/tile-gps-male.png)} .tile.track.FEMALE {background-image: url(../img/tile-gps-female.png)} .tile.track.UNKNOWN {background-image: url(../img/tile-gps-unknown.png)} /* Example tokeninput style #2: Facebook style */ ul.token-input-list-facebook { overflow: hidden; height: auto !important; height: 1%; cursor: text; min-height: 1px; z-index: 999; margin: 0; padding: 0; list-style-type: none; } ul.token-input-list-facebook li input { border: 0; width: 100px; padding: 3px 0px; background-color: transparent; margin: 4px 0; } li.token-input-token-facebook { height: auto !important; height: 1%; margin: 6px 6px 3px 0px; padding: 2px 3px; background-color: #eff2f7; color: #000; cursor: default; border: 1px solid #ccd5e4; font-size: 11px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; float: left; } li.token-input-token-facebook p { display: inline; padding: 0; margin: 0; white-space: nowrap; } li.token-input-token-facebook span { color: #a6b3cf; margin-left: 5px; font-weight: bold; cursor: pointer; } li.token-input-selected-token-facebook { background-color: #dceefe; border: 1px solid dodgerblue; color: #000; } li.token-input-input-token-facebook { float: left; } div.token-input-dropdown-facebook { position: absolute; width: 95%; background-color: #fff; overflow: hidden; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; cursor: default; font-size: 11px; z-index: 100; } div.token-input-dropdown-facebook p { margin: 0; padding: 5px; font-weight: bold; color: #777 !important; } div.token-input-dropdown-facebook ul { margin: 0; padding: 0; } div.token-input-dropdown-facebook ul li { background-color: #fff; color: #777 !important; padding: 3px; } div.token-input-dropdown-facebook ul li.token-input-dropdown-item-facebook { background-color: #fff; color: #777 !important; } div.token-input-dropdown-facebook ul li.token-input-dropdown-item2-facebook { background-color: #fff; color: #777 !important; } div.token-input-dropdown-facebook ul li em { font-weight: bold; font-style: none; } div.token-input-dropdown-facebook ul li.token-input-selected-dropdown-item-facebook { background-color: #dceefe; color: #000 !important; } /* tooltips new (gray) */ table.tooltip { border: 0; border-spacing: 0; display:none; z-index:10000; } table.tooltip td { border: 0; padding: 0; } table.tooltip .nw,table.tooltip .n,table.tooltip .ne,table.tooltip .w,table.tooltip .c,table.tooltip .e,table.tooltip .sw,table.tooltip .s,table.tooltip .se { width: 20px; height: 20px; } table.tooltip .nw, table.tooltip .ne, table.tooltip .sw, table.tooltip .se { background-repeat: no-repeat; } table.tooltip .n , table.tooltip .s { background-repeat: repeat-x; width: auto; text-align:center } table.tooltip .e , table.tooltip .w { background-repeat: repeat-y; height: auto; } table.tooltip .c { width: auto; height: auto; color: white; min-width: 20px; min-height: 20px; margin-right:-18px;} table.tooltip .c hr { border: 0; color: #999; background-color: #666; height: 1px; display: block; margin: 0px 0; } table.tooltip .nw { background-image: url("../img/tooltip/tooltip-nw.png"); } table.tooltip .n { background-image: url("../img/tooltip/tooltip-n.png"); } table.tooltip .ne { background-image: url("../img/tooltip/tooltip-ne.png"); } table.tooltip .w { background-image: url("../img/tooltip/tooltip-w.png"); } table.tooltip .c { background-image: url("../img/tooltip/tooltip-bk.png"); position:relative;} table.tooltip .e { background-image: url("../img/tooltip/tooltip-e.png"); } table.tooltip .sw { background-image: url("../img/tooltip/tooltip-sw.png"); } table.tooltip .s { background-image: url("../img/tooltip/tooltip-s.png"); } table.tooltip .se { background-image: url("../img/tooltip/tooltip-se.png"); } table.tooltip .tip { width: 20px; height: 20px; margin-left:auto; margin-right: auto; position: relative; zoom: 1; } table.tooltip .n .tip { background-image: url("../img/tooltip/tooltip-tip-n.png"); height: 30px; margin-top: -10px; } table.tooltip .w .tip { background-image: url("../img/tooltip/tooltip-tip-w.png"); width: 30px; margin-left: -10px; } table.tooltip .e .tip { background-image: url("../img/tooltip/tooltip-tip-e.png"); width: 30px; } table.tooltip .s .tip { background-image: url("../img/tooltip/tooltip-tip-s.png"); height: 30px; } .tooltip a { color: white; text-decoration: none; } .tooltip a.blue {color: #6abbfe; text-decoration: underline; } .tooltip a img {vertical-align:middle} .tooltip .vbox, .tooltip .hbox { position: relative; overflow: visible; zoom: 1; } .tooltip .vbox a, .tooltip .hbox a { position: relative; display: block; width: auto; height:auto; border-left: 1px solid transparent; } .tooltip .hbox a:hover, .tooltip .vbox a:hover { background-color: #666; } .tooltip .vbox { margin:0 -9px; } .tooltip .vbox a { padding: 4px 9px; } .tooltip .hbox { margin: -9px 0; float: left; } .tooltip .hbox a { padding: 9px 4px; float: left; } .tooltip table th { font-weight: bold; text-align: left; padding: 0; color:white; background-color:transparent;} .tooltip table th, .tooltip table td { white-space: nowrap; color: white; } .tooltip .close.icon {position:absolute;right:5px; top:5px; display:block; width:20px;height:20px;background:url(../img/icons/t-delete.png) no-repeat;} .tooltip .close.icon:hover {cursor: pointer;} .tooltip ul.messages {background:black;border:none;margin:0 -10px 10px;border-radius:0;} .tooltip ul.messages li {color: white; font-weight: bold;} .tooltip h3 {color:white; margin-bottom:10px;} /** css tooltips for everything except ie **/ div.css-tooltip.n { margin-top:15px;} div.css-tooltip.n>div { margin-top: -26px; padding-top: 26px; background: url(../img/tooltip/tooltip-tip-n.png) no-repeat top center;} div.css-tooltip.s { margin-bottom:15px;} div.css-tooltip.s>div { margin-bottom: -26px; padding-bottom: 26px; background: url(../img/tooltip/tooltip-tip-s.png) no-repeat bottom center;} div.css-tooltip.e { margin-right:21px;} div.css-tooltip.e>div { margin-right: -31px; padding-right: 31px; min-height:20px; background: url(../img/tooltip/tooltip-tip-e.png) no-repeat center right;} div.css-tooltip.w { margin-left:21px;} div.css-tooltip.w>div { margin-left: -31px; padding-left: 31px; min-height:20px; background: url(../img/tooltip/tooltip-tip-w.png) no-repeat center left;} div.css-tooltip.no-top { border-top:none !important; margin-top:0px; border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;-webkit-border-radius: 0 0 10px 10px;} div.css-tooltip { display:none; position:absolute; z-index:10000; color: #fff; background-color: #4D4D4D; padding:5px 10px; margin:10px; border:2px solid white; border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px; box-shadow: 0 1px 5px rgba(0,0,0,0.5);-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.5);-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.5); } div.info_tooltip { display: none; background-color: white; min-width: 250px; max-width:400px; border: 2px solid #1290F8; color: #1A1A1A; font-size: 11px; padding: 7px; z-index: 10000; border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px; box-shadow: 0 1px 5px rgba(0,0,0,0.5);-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.5);-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.5); } div.tooltip h3 {margin-top:2px;} /* google maps hover tips */ .map_container div.css-tooltip { display: block; position: relative; left: -50%; } .map_container div.css-tooltip .image { padding: 10px; border-radius: 10px; -moz-border-radius: 10px; background-color: white; } /*tool tip css for navigation top menu*/ .tooltip_top_navi_div { position: absolute; border: 1px solid #DEDEDE; background: #FFFFFF; display: none; z-index: 10000; padding:10px} .tooltip_top_navi .vbox { position: absolute; overflow: visible; zoom: 1; } .tooltip_top_navi .vbox a { position: absolute; display: block; width: auto; height:auto; border-left: 1px solid transparent; } .tooltip_top_navi .vbox a:hover { background-color: #F5F6F7; } .tooltip_top_navi_textmenu { padding: 7px 0 0 5px;} .tooltip_top_navi_div a { background-image: url(../img/flags/flags-list.png); background-repeat:no-repeat; min-width:21px;height:21px !important; display: block; float:left; padding-right:19px} .tooltip_top_navi_div a.flag_AT { background-position: 50% 0px; } .tooltip_top_navi_div a.flag_DE { background-position: 50% -30px; } .tooltip_top_navi_div a.flag_GB { background-position: 50% -60px; } .tooltip_top_navi_div a.flag_IT { background-position: 50% -89px; } .tooltip_top_navi_div a.flag_FR { background-position: 50% -120px; } .tooltip_top_navi_div a.flag_RU { background-position: 50% -150px; } .tooltip_top_navi_div a.flag_CZ { background-position: 50% -180px; } .tooltip_top_navi_div a.flag_JP { background-position: 50% -210px; } .tooltip_top_navi_div a.flag_NO { background-position: 50% -240px;} .tooltip_top_navi_div a.flag_ES { background-position: 50% -270px;} .tooltip_top_navi_div a.flag_SW { background-position: 50% -300px;} .tooltip_top_navi_div a.flag_NL { background-position: 50% -330px;} .tooltip_top_navi_div a.flag_CA-ES { background-position: 50% -360px;} .tooltip_top_navi_div a.flag_translate { background-position: 50% -390px;} .tooltip_top_navi_div a.noflag { background-image: none; padding-top:4px; color: #4D4D4D} .tooltip_top_navi_div a:hover.noflag { background-image: none; padding-top:4px; color: #4D4D4D} .tooltip_top_navi_flag_row {height: 25px; padding: 3px 0 3px 0} .tooltip_top_login_box {background: white; border: solid 1px #DEDEDE; padding: 15px; z-index:10000; display:none; text-align: center;} .tooltip_top_login_box_up {position: absolute; top: -10px; width: 30px; height:30px; left:45%; background-image: url("../img/tooltip/tooltip-up-arrow.png"); background-repeat:no-repeat} .facebook_button, .google_button, .apple_button { margin-bottom: 5px; color:white; border:0px; border-radius: 5px; background-repeat: no-repeat; padding: 8px 5px 5px 25px;height: 20px; font-size: 13px; } .facebook_button a, .google_button a, .apple_button { color: white; } .facebook_button a:hover, .google_button a:hover, .apple_button { color:white; } .facebook_button { background-color: #3B5998; background-image: url('../img/fb-icon.png'); } .google_button { background-color: #851c21; background-image: url('../img/google-icon.png'); } .apple_button { background-color: #851c21; background-image: url('../img/apple-icon.png'); } .tooltip_link a { color: #4dabfa; text-decoration:none;} .tooltip_menu_main_div { width:160px; background-color: white; border: solid 0px #DEDEDE; border-bottom: solid 1px #DEDEDE; z-index: 10000; padding: 0px; margin: 0px; display: none; position: absolute; } .tooltip_menu_main_div a {vertical-align: top;color: #4D4D4D;} .tooltip_menu_main_div a:hover {vertical-align: top;color: #4D4D4D;} .tooltip_menu_main_cell_div_float { float:left; position:relative; padding:8px 8px 0px 8px; } .tooltip_menu_main_cell_div { position:relative; padding-top: 10px; } .tooltip_menu_main_row_div_border { border-left: 1px; border-right: 1px; border-top: 1px; border-bottom: 0px; border-color: #DEDEDE; border-style: solid; } .tooltip_menu_main_row_div_no_border { height:32px; } li.interactive_profile { margin-left: 0; margin-right: 10px; padding-left: 0; border: 1px solid transparent; } ul.mainmenu_profile li.interactive_profile.hover_profile { background-color: #FFFFFF; margin-left: 0;border: 1px solid #DEDEDE} ul.mainmenu_profile li.interactive_profile.hover_profile a { color: white;} .global_search_input {border: solid 1px #DEDEDE; border-radius: 5px;}.track .main_body { background: none; } .track #main_container { height: 660px; } .track #track_map { height: 380px; } .track .skiline_container { position: absolute; top: 430px; width: 900px; height: 210px !important; background: none !important; } .track .skiline_container .skiline_scroller { overflow: hidden; } .track #x-axis { position: absolute; top: 385px; width: 900px; height: 45px; background: url(../img/gps-bow.png) no-repeat left bottom; overflow: hidden; } .track #x-axis span { position: absolute; top: 5px; width: 50px; margin-left: -25px; font-size: 10px; color: white; text-align: center; } .track #x-axis .label { position: absolute; bottom: 0; width: 100%; text-align: center; font-size: 20px; line-height: 16px; } .track #graph-overlay { position: absolute; top: 350px; height: 320px; } .track #graph-overlay .indicator { display: none; position: absolute; top: 40px; bottom: 0; width: 2px; margin-left: -1px; background-color: #4d4d4d; } .track .axis-label, .track .pause-label { position: absolute; top: 0; margin-left: -1px; } .track .axis-label { display: none; background: url(../img/gps-bubble-gray-tip.png) no-repeat left bottom; } .track .axis-label-text { margin-bottom: 10px; padding: 3px 8px; line-height: 25px; color: white; background-color: #4d4d4d; -webkit-border-radius: 5px; -webkit-border-bottom-left-radius: 0; -moz-border-radius: 5px; -moz-border-radius-bottomleft: 0; border-radius: 5px; border-bottom-left-radius: 0; } .track .pause-label { background: url(../img/gps-bubble-white-tip.png) no-repeat left bottom; } .track .pause-label .axis-label-text { background-color: white; color: #4d4d4d; } .skilinecss .vjs-controls{position:absolute;top:10px;left:10px;right:10px;display:block;margin:0;padding:0;height:4em;color:#fff;background:transparent;} .skilinecss .vjs-control{position:relative;float:left;text-align:center;margin:0;padding:0;height:20px;width:3.6em;border-radius:5px;background:#fff} .skilinecss .vjs-control:focus{outline:0} .skilinecss .vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px} .skilinecss .vjs-play-control{width:30px;cursor:pointer!important} .skilinecss.vjs-paused .vjs-play-control div{width:15px;height:17px;background:url('../img/skilinesprite.png');margin:2px auto 0} .skilinecss.vjs-paused .vjs-play-control div:hover{background:url('../img/skilinesprite.png') 0 -75px} .skilinecss.vjs-playing .vjs-play-control div{width:15px;height:17px;background:url('../img/skilinesprite.png') -25px 0;margin:2px auto 0} .skilinecss.vjs-playing .vjs-play-control div:hover{background:url('../img/skilinesprite.png') -25px -75px} .skilinecss .vjs-rewind-control{width:5em;cursor:pointer!important} .skilinecss .vjs-rewind-control div{width:19px;height:16px;background:url('../img/skilinesprite.png');margin:.5em auto 0} .skilinecss .vjs-mute-control{display:none} .skilinecss .vjs-mute-control div{width:22px;height:16px;background:url('../img/skilinesprite.png') -75px -25px;margin:.5em auto 0} .skilinecss .vjs-mute-control.vjs-vol-0 div{background:url('../img/skilinesprite.png') 0 -25px} .skilinecss .vjs-mute-control.vjs-vol-1 div{background:url('../img/skilinesprite.png') -25px -25px} .skilinecss .vjs-mute-control.vjs-vol-2 div{background:url('../img/skilinesprite.png') -50px -25px} .skilinecss .vjs-mute-control div:hover{background:url('../img/skilinesprite.png') -75px -100px} .skilinecss .vjs-mute-control.vjs-vol-0 div:hover{background:url('../img/skilinesprite.png') 0 -100px} .skilinecss .vjs-mute-control.vjs-vol-1 div:hover{background:url('../img/skilinesprite.png') -25px -100px} .skilinecss .vjs-mute-control.vjs-vol-2 div:hover{background:url('../img/skilinesprite.png') -50px -100px} .skilinecss .vjs-volume-control{display:none} .skilinecss .vjs-volume-bar{position:relative;border-bottom:1px solid #333;width:6em;height:.6em;margin:1em auto 0;cursor:pointer!important;-moz-border-radius:.3em;-webkit-border-radius:.3em;border-radius:.3em;background:#111} .skilinecss .vjs-volume-level{position:absolute;top:0;left:0;height:.6em;-moz-border-radius:.3em;-webkit-border-radius:.3em;border-radius:.3em;background:#c61003;background:-moz-linear-gradient(top,#c61003 0,#840400 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#c61003),color-stop(100%,#840400));background:-webkit-linear-gradient(top,#c61003 0,#840400 100%);background:-o-linear-gradient(top,#c61003 0,#840400 100%);background:-ms-linear-gradient(top,#c61003 0,#840400 100%);background:linear-gradient(top,#c61003 0,#840400 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c61003',endColorstr='#840400',GradientType=0)} .skilinecss .vjs-volume-handle{position:absolute;top:-0.3em;width:.5em;height:1.2em;background:#696969;left:0;border:0;border-top:1px solid #888;-moz-border-radius:.3em;-webkit-border-radius:.3em;border-radius:.3em} .skilinecss div.vjs-progress-control{position:absolute;left:35px;right:0;height:20px;width:auto;top:0;background:#fff} .skilinecss .vjs-progress-holder{position:relative;cursor:pointer!important;padding:0;margin:0;height:20px;-moz-border-radius:.7em;-webkit-border-radius:.7em;border-radius:.7em} .skilinecss .vjs-progress-holder .vjs-play-progress,.skilinecss .vjs-progress-holder .vjs-load-progress{position:absolute;display:block;height:20px;margin:0;padding:0;left:0;top:0;-moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px} .skilinecss .vjs-play-progress{background:transparent} .skilinecss .vjs-load-progress{background:#71bafb} .skilinecss.vjs-loaded .vjs-load-progress{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px} .skilinecss div.vjs-seek-handle{position:absolute;width:16px;height:25px;margin-top:0;left:0;top:0;background:url('../img/skilinesprite.png') 0 -50px} .skilinecss div.vjs-seek-handle:hover{background:url('../img/skilinesprite.png') -188px -50px} .skilinecss .vjs-time-controls{display:none} .skilinecss .vjs-current-time{line-height:2.4em;left:15.9em;border-left:1px solid #333} .skilinecss .vjs-duration{display:none} .skilinecss .vjs-remaining-time{right:0;display:none} .skilinecss .vjs-time-divider{display:none} .skilinecss .vjs-secondary-controls{float:right} .skilinecss .vjs-fullscreen-control{display:none;width:3.8em;cursor:pointer!important;float:right} .skilinecss .vjs-fullscreen-control div{width:16px;height:16px;background:url('../img/skilinesprite.png') -50px 0;margin:.5em auto 0} .skilinecss .vjs-fullscreen-control div:hover{background:url('../img/skilinesprite.png') -50px -75px} .skilinecss.vjs-fullscreen .vjs-fullscreen-control div{background:url('../img/skilinesprite.png') -75px 0} .skilinecss.vjs-fullscreen .vjs-fullscreen-control div:hover{background:url('../img/skilinesprite.png') -75px -75px} .skilinecss .vjs-big-play-button{display:block;z-index:2;position:absolute;top:50%;left:50%;width:3em;height:3em;margin:-1.5em 0 0 -1.5em;text-align:center;vertical-align:center;cursor:pointer!important;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;background:#454545;background:-moz-linear-gradient(top,#454545 0,#232323 50%,#161616 50%,#3f3f3f 100%);background:-webkit-gradient(linear,0% 0,0% 100%,color-stop(0%,#454545),color-stop(50%,#232323),color-stop(50%,#161616),color-stop(100%,#3f3f3f));background:-webkit-linear-gradient(top,#454545 0,#232323 50%,#161616 50%,#3f3f3f 100%);background:-o-linear-gradient(top,#454545 0,#232323 50%,#161616 50%,#3f3f3f 100%);background:-ms-linear-gradient(top,#454545 0,#232323 50%,#161616 50%,#3f3f3f 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#454545',endColorstr='#3f3f3f',GradientType=0);background:linear-gradient(top,#454545 0,#232323 50%,#161616 50%,#3f3f3f 100%);-webkit-box-shadow:4px 4px 8px #000;-moz-box-shadow:4px 4px 8px #000;box-shadow:4px 4px 8px #000} .skilinecss div.vjs-big-play-button:hover{-webkit-box-shadow:0 0 80px #fff;-moz-box-shadow:0 0 80px #fff;box-shadow:0 0 80px #fff} .skilinecss div.vjs-big-play-button span{position:absolute;top:50%;left:50%;display:block;width:35px;height:42px;margin:-20px 0 0 -15px;background:url('../img/skilinesprite.png') -100px 0} .skilinecss .vjs-default-skin div.vjs-loading-spinner-fallback{display:none;position:absolute;top:50%;left:50%;width:30px;height:30px;margin:-15px 0 0 -15px;background:url('loading.gif')} .skilinecss .vjs-menu-button{float:right;margin:.2em .5em 0 0;padding:0;width:3em;height:2em;cursor:pointer!important;-moz-border-radius:.3em;-webkit-border-radius:.3em;border-radius:.3em;background:#4d4d4d;background:-moz-linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#4d4d4d),color-stop(50%,#3f3f3f),color-stop(50%,#333),color-stop(100%,#252525));background:-webkit-linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%);background:-o-linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%);background:-ms-linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%);background:linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%)} .skilinecss .vjs-menu-button div{background:url('video-js.png') 0 -75px no-repeat;width:16px;height:16px;margin:.2em auto 0;padding:0} .skilinecss .vjs-menu-button ul{display:none;padding:0;margin:0;position:absolute;width:10em;bottom:2em;max-height:15em;left:-3.5em;background-color:#111;-moz-border-radius:.7em;-webkit-border-radius:1em;border-radius:.5em;-webkit-box-shadow:0 2px 4px 0 #000;-moz-box-shadow:0 2px 4px 0 #000;box-shadow:0 2px 4px 0 #000;overflow:auto} .skilinecss .vjs-menu-button:focus ul,.skilinecss .vjs-menu-button:hover ul{display:block;list-style:none} .skilinecss .vjs-menu-button ul li{list-style:none;margin:0;padding:.3em 0 .3em 20px;line-height:1.4em;font-size:1.2em;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;text-align:left} .skilinecss .vjs-menu-button ul li.vjs-selected{text-decoration:underline;background:url('video-js.png') -125px -50px no-repeat} .skilinecss .vjs-menu-button ul li:focus,.skilinecss .vjs-menu-button ul li:hover,.skilinecss .vjs-menu-button ul li.vjs-selected:focus,.skilinecss .vjs-menu-button ul li.vjs-selected:hover{background-color:#ccc;color:#111;outline:0} .skilinecss .vjs-menu-button ul li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em 0;color:#fff;font-weight:bold;cursor:default;background:#4d4d4d;background:-moz-linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#4d4d4d),color-stop(50%,#3f3f3f),color-stop(50%,#333),color-stop(100%,#252525));background:-webkit-linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%);background:-o-linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%);background:-ms-linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%);background:linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%)} .skilinecss .vjs-captions-button div{background-position:-25px -75px} .skilinecss .vjs-chapters-button div{background-position:-100px -75px} .skilinecss .vjs-chapters-button ul{width:20em;left:-8.5em} @-ms-viewport { width: device-width; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } .b-container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { .b-container { width: 750px; } } @media (min-width: 992px) { .b-container { width: 970px; } } @media (min-width: 1200px) { .b-container { width: 1170px; } } .b-container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .row { margin-left: -15px; margin-right: -15px; } .col, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0%; } @media (min-width: 768px) { .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0%; } } @media (min-width: 992px) { .col, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0%; } } @media (min-width: 1200px) { .col, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0%; } } .clearfix, .clearfix:before, .clearfix:after, .b-container:before, .b-container:after, .b-container-fluid:before, .b-container-fluid:after, .row:before, .row:after { content: " "; display: table; } .clearfix:after, .b-container:after, .b-container-fluid:after, .row:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .gridonly *, .gridonly *:before, .gridonly *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }body { margin: 0; padding: 0; } #homeBody { margin: 0 auto; width: 900px; } input[disabled], textarea[disabled], select[disabled='disabled']{ opacity: 1; } /*header*/ #top_navi input { padding-left: 10px } #top_navi { height: 60px; min-height: 60px; background-color: #fff; padding: 20px 0 0 0; font-family: 'Open Sans'; width: 100%; -webkit-font-smoothing: antialiased; z-index: 1000; } #top_navi .b-container { max-width: 900px; margin: 0 auto; } #top_navi li a { color: #3b3b3a; outline: none; } #top_navi li a.profileLink { padding-top: 8px; } #top_navi a:hover { color: #008cc6 } #top_navi #flag_tip, #top_navi .tooltip_top_navi_flag_row, #top_navi .tooltip_top_navi_div a { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /* mobile: logged-in: if the user menu is opened and you click on the language selector, the language tooltip is behind the profile menu */ #flag_tip.tooltip_top_navi_div { z-index:10001; } #top_navi.top_navi { z-index: 10000; } .top_navi a.logo { background: url(../img/skiline-logo-magenta.svg) center right no-repeat; width: 130px; height: 30px; display: inline-block; } #top_navi .main-menu li { display: inline-block; text-transform: uppercase; } #top_navi .main-menu li a:hover { color: #3b3b3a } #top_navi .login-box form label, #top_navi.login-box form input, #top_navi .std_ti_container { display: inline-block } #top_navi .login-box .std_ti_container .updnWatermark { top: 4px; } .top_navi .login-box { margin: -10px 0 0 0; } #top_navi ul.main-menu { padding: 0 0 0 10px; } #top_navi ul.main-menu li a { float: none; padding: 0; display: inline-block; } #top_navi ul li:last-of-type .seperator { display: none; } #top_navi .seperator { color: #e6007e } #top_navi .logo-container { margin-top: -3px; margin-left: -6px; } #top_navi.logo-container img { width: 134px } #top_navi .button.topLoginSubmit { background-color: #00a0e3; color: #fff; padding: 6px 10px 6px 10px; text-align: center; display: inline-block; } #top_navi.button.topLoginSubmit:hover { background-color: #008cc6; text-decoration: none; color: white; } #top_navi .topLoginSubmit:hover { color: white } #top_navi .login-box input { height: 30px; border: 1px solid #ddd; border-radius: 3px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background: #fff; width: 115px; max-width: 140px; font-size: 12px; } #top_navi #login_links { display: inline-block; margin-right: 10px; position: relative; top: 6px; } #top_navi .register { font-size: 10px; color: #00a0e3; display: block; } #top_navi #flag_li { display: inline-block; margin-right: 10px; margin-left: -84px; box-sizing: content-box; } #top_navi ul.mainmenu_profile { float: none; position: static; margin-left: 0; } #top_navi ul.mainmenu_profile .profileDropdown { cursor: pointer; } /*Button*/ #top_navi .button { background-color: #e6007e; background-image: none; border-radius: 3px; border: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; text-shadow: none; font-weight: normal; margin: 0; margin-left: 8px; padding: 6px 10px 6px 10px; text-transform: uppercase; color: #fff; } #top_navi .button a:hover { text-decoration: none; background-color: #00a0e3; } #top_navi .button.topLoginSubmit:hover { background-color: #008cc6; text-decoration: none; color: white; } #top_navi .button-fb { background-color: #3b5998; background-image: none; border-radius: 3px; border: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; text-shadow: none; font-weight: normal; margin: 0; padding: 6px 15px 6px 15px; color: #fff; position: relative; height: 30px; margin-left: 4px; } #top_navi .button-fb:before { content: url(../img/facebook-logo-small.png); position: absolute; left: 11px; right: 0; top: 8px; bottom: 0; height: 25px; width: 30px; } #top_navi .button-fb:hover { background-color: #314a7f } #top_navi .button-google { background-color: #eee; background-image: none; border-radius: 3px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; text-shadow: none; font-weight: normal; margin: 0; margin-left: 8px; padding: 6px 15px 7px 15px; color: #fff; position: relative; height: 30px; } #top_navi .button-google:hover { background-color: #ddd } #top_navi .button-google:before { content: url(../img/icon-google.png); position: absolute; left: 8px; right: 0; top: 8px; bottom: 0; height: 32px; width: 32px; } #top_navi .button-apple { background-color: black; background-image: none; border-radius: 3px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; text-shadow: none; font-weight: normal; margin: 0; margin-left: 8px; padding: 6px 15px 7px 15px; color: #fff; position: relative; height: 30px; } #top_navi .button-apple:hover { background-color: black; } #top_navi .button-apple:before { content: url(../img/icon-apple.png); position: absolute; left: 5px; right: 0; top: 5px; bottom: 0; height: 32px; width: 32px; } #top_navi .button a { color: #fff } #login_links { display: inline-block; margin-right: 10px; position: relative; top: 6px; } #top_navi ul.main-menu li { float: none; height: auto; } .top_navi .login_form a.register { margin: 0; } .logged-out #top_navi #login_links { margin-left: -100px; } .start-page.logged-out #top_navi #login_links { margin-left: -40px; } /*footer*/ .footer { height: 160px; background-color: #3c3c3c; color: #fff; font-family: 'Open Sans'; -webkit-font-smoothing: antialiased; } .footerWrapper { background-color: #3c3c3c; } #footer .b-container { background: none; max-width: 900px; margin: 0 auto; } #footer .logo-container img { margin-left: 15px } .footer ul { list-style: none } #footer { background-color: #3c3c3c; height: 165px; padding-top: 40px; } #footer a { color: #fff; font-family: 'Open Sans'; font-size: 14px; } #footer ul { padding-left: 0 } #footer ul li { display: inline-block; font-family: 'Open Sans'; } #footer p { color: white; display: block; font-family: 'Open Sans'; } #footer .seperator { margin-left: 5px; margin-right: 5px; color: #e6007e; } #footer .logo { display: inline-block } #footer .version-info li { font-size: 10px; display: inline-block; color: #959595; } /**** Media Queries****/ @media ( max-width : 1200px) { #top_navi button.topLoginSubmit { max-width: 73px; padding: 6px 8px 6px 8px; } #top_navi #login_links { margin-left: -20px } #top_navi #flag_li { /*margin-left: 6px;*/ margin-right: 14px } #top_navi .button.topLoginSubmit { padding: 6px 12px 6px 12px; } #top_navi .login-box { padding-right: 0; } #top_navi .login-box input { max-width: 88px; } .start-page.logged-out #top_navi #login_links { margin-left:-60px; } } @media ( max-width : 991px) { /*Top-nav*/ body { margin: 0; padding: 0; } #top_navi { height: auto; position: relative; } #top_navi .login-box input { margin-top: 20px; margin-bottom: 10px; max-width: 170px; } #top_navi #login_links { display: block; position: absolute; top: 60px; margin-left: 0; } #top_navi .logo-container { position: absolute; right: 10px; top: -5px; } #top_navi #flag_li { margin-left: 0 } #top_navi .login-box .std_ti_container .updnWatermark { top: 24px; } #login_links .register { display: inline-block; margin-right: 10px; } /*Footer*/ #footer { position: relative } #footer .logo-container { position: static; text-align: center; margin-top: 10px; } #footer ul, #footer p { text-align: center } } @media screen and (max-width: 991px) { #top_navi ul.main-menu { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px } .logged-in #top_navi ul.mainmenu_profile { margin-top: 20px; float: left !important; } .logged-out #top_navi #login_links, .start-page #top_navi #login_links, .start-page.logged-out #top_navi #login_links { margin-left: 0; } #top_navi .profileLink:hover { text-decoration: underline; } #top_navi #profile_tip { top: 50px; } #top_navi ul.mainmenu_profile .profileDropdown { margin-left: 10px; } } @media ( max-width : 600px) { #top_navi #login_links { display: block; position: absolute; top: 60px; } #top_navi .login-box { padding-right:15px; } #top_navi .login-box input { max-width: 100%; } #top_navi .featured img { width: 100%; max-width: 580px; height: auto; } #top_navi .showmore { font-size: 16px } #top_navi .skipass-eingeben .button, #top_navi .banner-link, #top_navi.main_info_side_text_skiline a { font-size: 16px } .logged-in #top_navi { height: auto; } } @media screen and (max-width: 500px) { div.top_navi div.login-box { margin-left: 0; margin-bottom: 0; } .top_navi .login_form a.register { position: static; top: 0px; left: 0px; } #top_navi ul.main-menu { float: none; position: relative; min-height: 1px; } } @media ( max-width : 480px) { /*top-nav*/ #top_navi .button.topLoginSubmit { display: inline-block; margin-left: 0px; width: 73% } #top_navi { height: 170px; position: relative; } #top_navi #login_links { top: 100px } #top_navi .std_ti_container { width: 49% } #top_navi .login-box input { width: 155px; } .logged-in #top_navi .logo-container { right: 6px; top: 50px; } #top_navi #flag_li { margin-right: 10px } #top_navi .logo-container img { width: 110px } .top_navi .std_ti_container .updnWatermark { top: 24px; } /*button*/ #top_navi .button { padding: 6px 10px 9px 10px } #top_navi .button-fb { position: absolute; top: 60px; } #top_navi .button-google { left: 32px; } #top_navi .button-apple { left: 32px; } /*footer*/ #footer { height: auto; padding-top: 15px; padding-bottom: 15px; } } @media ( max-width : 320px) { #top_navi .button.topLoginSubmit { width: 50%; } }.image_panel.newsfeed.birthday { display: none; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:active, input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 1000px #e6e6e6 inset; } #top_login_form input:-webkit-autofill, #top_login_form input:-webkit-autofill:hover, #top_login_forminput:-webkit-autofill:active, #top_login_form input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 1000px #fff inset; } /**General Styles**/ /*Tabs*/ .tabs a { background-color: #66c6ee; border-radius: 3px 3px 0 0; color: #fff; } .tabs a:hover { background-color: #00a0e3; color: #fff; } .tabs .active { border-radius: 3px 3px 0 0; } .tabs a.active:hover { background-color: #fff; color: #000; } #profileTabs { background: none; } #profileTabs.main_column_0 { height: 30px; } a, a.blue, a.standard, a.help, .popup_link.blue, #ticket_form .type_selections span, a:hover { color: #00a0e3; } a.blue, a.standard { text-decoration: none; } .profile_action_box a { text-decoration: none; } /**Users Page**/ .profile .newest_days, .profile a.newTicket { display: none; } #personalProfileBody.myTickets .main_body { background-color: #66c6ee; background-image: none; } .main_body .container, #resortDetailsBody .container, #skimovieBody .container, #newsfeedBody .main_body .container { background-color: #b2e2f7; background-image: none; } /* Resort Page: incorrect display at mobile devices */ #resortDetailsBody.resort { overflow: hidden; } #resortDetailsBody .main_body { min-height: 240px; } .borderpanel.blue_bg, .blue_bg .borderpanel, .profile_action_box, .actionBoxForm { background-color: #fff; color: #3c3c3c; } .profile_action_box a { color: #00a0e3; } .profile_action_box h1, .profile_action_box h3, .profile_action_box span.teaserText { color: #3c3c3c; } .enter_skipass { display: none; } /**Ticket**/ .ticket_enter_resort_main_page { background-color: #b2e2f7; } .ticket_enter_input_text_div .updnWatermark { color: #3b3b3b; } /**Enter Ticket**/ .main_body, #registrationBody .main_body { background-color: #b2e2f7; } .main_body h2 { color: #3b3b3b; } #enterTicketNumberBody a.resorts_link { color: #00a0e3; } #ticket_form .type_selections { padding: 6px 0; border-bottom: 1px solid #e6007e; } #ticket_form .type_selections span { background-color: #fff; padding: 7px; border-radius: 3px 3px 0 0; margin-right: 3px; color: #3b3b3b; text-decoration: none; } #ticket_form .type_selections span.selected, #ticket_form .type_selections span:hover { background-color: #e6007e; color: #fff; } img.number_marker { display: none; } /*input*/ .input_text, div.container .registration_form .input_text, div.container .input_text.search, .input_text_area, div.container .registration_form .input_text_area, .input_auto_suggest, div.container .registration_form .input_auto_suggest, div.container .input_text_area { background-image: none; border: none; background-color: #e5e5e5; border-radius: 3px; font-weight: normal; color: #1a1a1a; } .input .text_input { color: #3b3b3b; margin-top: 1px; font-weight: normal; padding: 10px 0 0 2px; } .input_text { min-height: 36px; } .updnWatermark { padding: 10px 0 0 2px; color: #999999; } .input .delete_icon { top: 10px } #competitionBody .input_text { background-color: #e5e5e5; } textarea { font-weight: normal; } .first_button { margin: 0 !important; } .button_left, .button_left:visited, .button_left, .button_left:visited { background-color: #e6007e; background-image: none; border-radius: 3px; border: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; text-shadow: none; font-weight: normal; margin: 0 0 10px 10px; padding: 11px 16px 10px 16px; text-transform: uppercase; } .button_left.simple:hover, .button_left.simple:focus, .button_left.simple:active { padding: 11px 16px 10px 16px; border-radius: 3px; } table.image_panel.competition h2:hover .button_left { border-radius: 3px; } .pink.button_left, .pink.button_left:visited { background-color: #e6007e; } .pink.button_left:hover, .pink.button_left:focus, .pink.button_left:active, .button_left:visited, .button_left:hover, .button_left:focus, .button_left:active { background-color: #b80065; } .button_left:hover, .button_left:focus, .button_left:active { padding: 11px 16px 10px 16px; } .grey.button_left, .grey.button_left:visited { background-color: #7d7d7d; } .grey.button_left:hover { background-color: #ddd; } a.button_left.simple { border-radius: 3px; } /**skiing day**/ .skiline_container { background-color: #66c6ee; background-image: url(http://www.skiline.cc/about/header-skiline-bg.png) !important; } .skiline_container .vm { padding: 6px 10px 5px 10px; background-color: #fff; border-radius: 3px 0px 0px 3px; right: 0; color: #3b3b3b; } .skiline_container .performance .me { background-color: #66c6ee; } .skiline_container .performance .all { background-color: #00a0e3; opacity: 0.8; } .skiline_container .tooltip { background-image: none; border-radius: 3px; border: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; text-shadow: none; padding: 10px; background-color: #3b3b3b; } .skiline_container .links a, .skiline_container .links span { color: #1a1a1a; } .sub_content { padding-bottom: 20px; } body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* POPUP SEND SHARING MAIL */ .title_overlay .header { padding: 10px 20px; } .title_overlay .content { padding: 10px 20px; } /* SOCIAL SHARING */ .share-box li { float: left; } .share-box li a { height: 30px; width: 30px; } #mainSidebar .share-box { margin: 0px 10px 10px 0px; } #mainSidebar a { padding-left: 25px; } #mainSidebar .share-box a { display: block; margin-right: 5px; padding: 0; } #sharebox p { margin-bottom: 5px; } div.shares { padding: 5px 0px !important; } #skimovieBody #disqualifyForm { margin-top: 20px; } /*Social Settings*/ .profile.privacy fieldset { border: 1px solid #ddd; margin: 20px 0; } .profile.privacy legend { font-size: 20px; } p.connected { font-weight: bold; color: #90c334; } /*Neuigkeiten */ .mainmenu span.navi_annotation { display: none; } /*Profile Card*/ /*Privacy*/ /*Competition Header*/ /*Navigation Arrows*/ /*Change Images*/ /*Competitions*/ table.image_panel.competition h2 { border-radius: 3px; padding: 12px 10px 10px 15px; font-weight: normal; } table.image_panel.competition h2 a { font-size: 16px; } .tab-box-search-content { display: none; } .main_column_competition { margin-top: 200px; } #competitionBody .main_body .container { background-color: #b2e2f7; } /*Popup Title Bar*/ .popup_titlebar { background-color: #66c6ee; } /*Login */ div.login { background-image: none; background-color: #fff; color: #1a1a1a; border-radius: 0 0 5px 5px; } #loginBody .main_body .container { background-color: #b6ddff; height: auto; padding-bottom: 30px; } div.login h1 { font-size: 20px !important; font-weight: normal !important; } div.login h1, .login_form .rb_label, .login_form .cb_label { color: #1a1a1a !important; } .login_form .uname { width: 180px; } #login_form .button_left { float: left; } #login_form a.button_google_left:hover { background-color: #ddd; } .dark_form ul.messages { background-color: #fffde5; border-top: 1px solid #ffed49; border-bottom: 1px solid #ffed49; } div.login ul.messages li { color: #1a1a1a; font-weight: normal; } /*Register*/ .registration_form, .registration_form form.register { background-image: none; } .registration_form { background-color: white; border-radius: 5px; padding-top: 20px; } /*.registration_form form.register { padding: 0 20px; }*/ #registrationBody .container { padding-bottom: 30px; } /*Form error*/ div.formErrorDiv { border-radius: 3px; box-shadow: none; background-color: #fffde5; border-color: #ffed49; } /*select ski resort*/ .ticket_enter_input_text_div .updnWatermark { top: 6px; } .ticket_enter_input_text_diabled_div { height: 34px; padding-top: 16px; } /*ski resort*/ .snow_info { background-color: #66c6ee; } .resort.info .sub_content { padding: 20px 0 30px 20px; } /*newsfeed*/ #category_boxes { display: none; } #newsfeedBody .main_body { background-color: #b2e2f7; } #newsfeedBody .main_body { min-height: 10px; } #newsfeedBody .main_body .container { display: none; } /*FAQ*/ #faqBody .main_body { background-color: #b6ddff; } .borderpanel.info, .sub_content.faq .answer { border-radius: 5px; background-color: #f2f2f2; } .faq .feedback { display: none; } /*Spot*/ /*panocam*/ /*fix panocams mobile view*/ .panorama_cams .main_body { background-position-x: right; min-height:240px; } .panorama_cams .main_body .container { background: inherit; } /*skimovie*/ .tile.skimovieRanking tr.highlight td.arrow, .tile.skimovieRanking tr.highlight td.rank { border-radius: 0 } .tile.skimovieRanking tr.highlight td { background-color: #eee; border-bottom: 1px solid #ddd; } .tile.skimovieRanking { padding: 0; width: 180px; } .tile.skimovieRanking table { width: 100%; } .tile.skimovieRanking h3 { padding: 5px 10px; } /*badges*/ .image_panel .text .badges_grouped { display: none; } .trophies_box .badges_grouped { display: none; } #personalProfileBody.badge_list .profile_action_box, #personalProfileBody.groups .profile_action_box, #personalProfileBody.media .profile_action_box, #personalProfileBody .profile_action_box.trophies_box { display: none; } /*skimovie rating*/ #skimovieBody #sidebarDiv .rating_info { display: none; } /*remove mailbox feature*/ #profcards_friends .profile_card .actions .actionLink.removeFriendLink { display: block; } #profcards_friends .profile_card .actions .actionLink { display: none; } /*photo album page*/ form#new_album_form, .profile.media .borderpanel.profile_action_box { background-color: white; } form#new_album_form h1 { color: #3c3c3c; } .profile.media .borderpanel.profile_action_box { padding: 20px 20px 0px 20px; } .profile_action_box table.horizontal td.buttons { padding: 0 0 0px 10px; vertical-align: top; } .profile.media .borderpanel.profile_action_box h1, .profile.media .borderpanel.profile_action_box h3 { color: #3c3c3c; } .profile.media .borderpanel.profile_action_box h3.mediaTitle.ellipsis { display: none !important; } .profile.media .borderpanel.profile_action_box h1.albumTitle.ellipsis { display: block !important; } .profile_action_box .media-grid.header { margin: 0; } .profile_action_box.photo .current_photo { display: none; } /*teams: remove create team invite friends*/ .profile_action_box a.plus, .profile_action_box a.arrow { display: none; } /*search friends*/ /* search friends, search competitions: info about feature removal is wrong -> remove this info because it wont be removed this season */ #searchBody #search_result .remove-info { display:none; } #searchBody .main_body { background-image: none; background-color: #b6ddff; } #searchBody .container { background: none; } .tab-box.inactive .tab_content { background-color: #66c6ee; } .facebook.button_left, .google.button_left, .apple.button_left { min-width: 140px; } .google.button_left:hover, .facebook.button_left:hover, .facebook.button_left:visited, .google.button_left:visited { background-color: #ddd; } .main_body .container { height: 240px !important; } #competitionBody .tabs { float: left !important; position: relative; } .tabs a, .tabs .active { border-radius: 3px 3px 0 0; } #enterTicketNumberBody .container { background-color: initial !important; height: auto !important; } #enterTicketNumberBody .updnWatermark, #enterTicketNumberBody .input .text_input { font-size: 12px; } #personalProfileBody .profile_action_box { display: block; } #faqBody .main_body, #registrationBody .main_body { background-image: none; } .registration_form { width: 80%; margin: 0 auto; } #registrationBody .container { height: auto !important; } .login-page #top_navi { height: auto; } div.login { margin: 0 auto; } #loginBody .container { height: auto !important; } .b2b .main_body .container { background: initial; } div.skiingdays table, div.skiingdays table a { font-size: 13px !important; } #skimovieBody .container { height: 500px !important; } #ticketDetailsBody .main_body .container { height: 370px !important; } .enterTicket .dateTooltip { z-index: 100; } .ui-datepicker { z-index: 101; } /*#registrationBody .registration_form { left: -90px; max-width: 350px; }*/ div.css-tooltip { background-image: none; border-radius: 3px; border: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; text-shadow: none; padding: 10px; background-color: #3b3b3b; } #enterTicketNumberBody .main_body { background: none; border-top: 10px solid #b2e2f7; } #enterTicketNumberBody .resort_logo { border-bottom: 1px solid #dddddd; width: 100%; } label#main_info_search_resort_input_placeholder { z-index:90; } /* fix sharing popup, center popup */ /* fix the doi reminder popup */ div#regConfReminderOverlay.css-tooltip.tooltip { left: -300px !important; margin-left: 50% !important; } #reg_conf_reminder_form a.left.pink.button_left { margin-left:0; } /* broken layout on mobile device */ #homeBody .container { display:none; } #homeBody { width:100%; } /* Delete skipass popup, competetion sign off */ div#tickets_confirm_delete_solo.popup_overlay, div#confirmSignOff.popup_overlay, div#confirmAccountDelete.popup_overlay { left:-210px !important; margin-left:50%; } /* Competition Enter ticket page (http://www.skiline.cc/competition/jungfraubahn_promorace_2015/ticket) - Date Tooltip is on the wrong position */ .competition .dateTooltip { top:30px; } /* hide the header on the competition-overview page and skiresorts/skimovie-overviewpage, show a border-top instead */ .competitions-overview #competitionsBody .main_body, #skimovieSpotsBody .main_body { min-height: 0px; border-top: 10px solid #b2e2f7; } .competitions-overview .main_body .container, #skimovieSpotsBody .container { display: none; } input.autoSubmit { display: none; } .competition_teaser_container .u_display_box.me { background-color: white; background-image: none; } /*Social Login Buttons*/ .tooltip_top_login_box { background-color: #ddd; border: 0; } .tooltip_top_login_box_up { top: -15px; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #ddd; background-image: none; } .tooltip_top_login_box { text-align: left; } .facebook_button, a.button_facebook_left { background-image: url('../img/fb-icon.png'); background-repeat: no-repeat; } .google_button, a.button_google_left { background-image: url('../img/google-icon.png'); background-repeat: no-repeat; } .apple_button, a.button_apple_left { background-image: url('../img/apple-icon.png'); background-repeat: no-repeat; } .facebook_button a, .google_button a, .apple_button a, .facebook.button_left, .facebook.button_left:visited, .google.button_left, .google.button_left:visited, .apple.button_left, .facebook_button a:hover, .google_button a:hover, .apple_button a:hover { color: #1a1a1a; } .facebook_button, .google_button, .apple_button { padding: 9px 10px 4px 35px; background-color: #fff; border-radius: 3px; } .button_google_right, .button_facebook_right, .button_apple_right { background-image: none; text-transform: none; } /** #fb_login_form .button_facebook_left:hover **/ .facebook.facebook_button.button_left:hover, .google.google_button.button_left:hover, #fb_login_form .button_facebook_left:hover #google_login_form .button_google_left:hover { background-color: #fff; } .facebook.button_left, .facebook.button_left:visited, .facebook.button_left, .facebook.button_left:visited, .google.button_left, .google.button_left:visited, .google.button_left, .google.button_left:visited, .apple.button_left, .apple.button_left:visited, .apple.button_left, .apple.button_left:visited { border-radius: 3px; border: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; padding: 11px 16px 10px 16px; font-weight: normal; text-shadow: none; }