/* Minification failed. Returning unminified contents. (3526,74): run-time error CSS1038: Expected hex color, found '#NaNNaNNaN' (3526,84): run-time error CSS1019: Unexpected token, found ' ' (3526,84): run-time error CSS1042: Expected function, found ' ' (3526,84): run-time error CSS1019: Unexpected token, found ' ' (3526,84): run-time error CSS1042: Expected function, found ' ' (3526,84): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3527,45): run-time error CSS1038: Expected hex color, found '#NaNNaNNaN' (3527,55): run-time error CSS1019: Unexpected token, found ' ' (3527,55): run-time error CSS1042: Expected function, found ' ' (3527,55): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3528,45): run-time error CSS1038: Expected hex color, found '#NaNNaNNaN' (3528,55): run-time error CSS1019: Unexpected token, found ' ' (3528,55): run-time error CSS1042: Expected function, found ' ' (3528,55): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3529,45): run-time error CSS1038: Expected hex color, found '#NaNNaNNaN' (3529,55): run-time error CSS1019: Unexpected token, found ' ' (3529,55): run-time error CSS1042: Expected function, found ' ' (3529,55): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3530,45): run-time error CSS1038: Expected hex color, found '#NaNNaNNaN' (3530,55): run-time error CSS1019: Unexpected token, found ' ' (3530,55): run-time error CSS1042: Expected function, found ' ' (3530,55): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3531,45): run-time error CSS1038: Expected hex color, found '#NaNNaNNaN' (3531,55): run-time error CSS1019: Unexpected token, found ' ' (3531,55): run-time error CSS1042: Expected function, found ' ' (3531,55): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3738,74): run-time error CSS1038: Expected hex color, found '#ff0fNaN' (3738,82): run-time error CSS1019: Unexpected token, found ' ' (3738,82): run-time error CSS1042: Expected function, found ' ' (3738,82): run-time error CSS1019: Unexpected token, found ' ' (3738,82): run-time error CSS1042: Expected function, found ' ' (3738,82): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3739,45): run-time error CSS1038: Expected hex color, found '#ff0fNaN' (3739,53): run-time error CSS1019: Unexpected token, found ' ' (3739,53): run-time error CSS1042: Expected function, found ' ' (3739,53): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3740,45): run-time error CSS1038: Expected hex color, found '#ff0fNaN' (3740,53): run-time error CSS1019: Unexpected token, found ' ' (3740,53): run-time error CSS1042: Expected function, found ' ' (3740,53): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3741,45): run-time error CSS1038: Expected hex color, found '#ff0fNaN' (3741,53): run-time error CSS1019: Unexpected token, found ' ' (3741,53): run-time error CSS1042: Expected function, found ' ' (3741,53): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3742,45): run-time error CSS1038: Expected hex color, found '#ff0fNaN' (3742,53): run-time error CSS1019: Unexpected token, found ' ' (3742,53): run-time error CSS1042: Expected function, found ' ' (3742,53): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3743,45): run-time error CSS1038: Expected hex color, found '#ff0fNaN' (3743,53): run-time error CSS1019: Unexpected token, found ' ' (3743,53): run-time error CSS1042: Expected function, found ' ' (3743,53): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3756,74): run-time error CSS1038: Expected hex color, found '#ff0fNaN' (3756,82): run-time error CSS1019: Unexpected token, found ' ' (3756,82): run-time error CSS1042: Expected function, found ' ' (3756,82): run-time error CSS1019: Unexpected token, found ' ' (3756,82): run-time error CSS1042: Expected function, found ' ' (3756,82): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3757,45): run-time error CSS1038: Expected hex color, found '#ff0fNaN' (3757,53): run-time error CSS1019: Unexpected token, found ' ' (3757,53): run-time error CSS1042: Expected function, found ' ' (3757,53): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3758,45): run-time error CSS1038: Expected hex color, found '#ff0fNaN' (3758,53): run-time error CSS1019: Unexpected token, found ' ' (3758,53): run-time error CSS1042: Expected function, found ' ' (3758,53): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3759,45): run-time error CSS1038: Expected hex color, found '#ff0fNaN' (3759,53): run-time error CSS1019: Unexpected token, found ' ' (3759,53): run-time error CSS1042: Expected function, found ' ' (3759,53): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3760,45): run-time error CSS1038: Expected hex color, found '#ff0fNaN' (3760,53): run-time error CSS1019: Unexpected token, found ' ' (3760,53): run-time error CSS1042: Expected function, found ' ' (3760,53): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3761,45): run-time error CSS1038: Expected hex color, found '#ff0fNaN' (3761,53): run-time error CSS1019: Unexpected token, found ' ' (3761,53): run-time error CSS1042: Expected function, found ' ' (3761,53): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3828,74): run-time error CSS1038: Expected hex color, found '#NaNNaNNaN' (3828,84): run-time error CSS1019: Unexpected token, found ' ' (3828,84): run-time error CSS1042: Expected function, found ' ' (3828,84): run-time error CSS1019: Unexpected token, found ' ' (3828,84): run-time error CSS1042: Expected function, found ' ' (3828,84): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3829,45): run-time error CSS1038: Expected hex color, found '#NaNNaNNaN' (3829,55): run-time error CSS1019: Unexpected token, found ' ' (3829,55): run-time error CSS1042: Expected function, found ' ' (3829,55): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3830,45): run-time error CSS1038: Expected hex color, found '#NaNNaNNaN' (3830,55): run-time error CSS1019: Unexpected token, found ' ' (3830,55): run-time error CSS1042: Expected function, found ' ' (3830,55): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3831,45): run-time error CSS1038: Expected hex color, found '#NaNNaNNaN' (3831,55): run-time error CSS1019: Unexpected token, found ' ' (3831,55): run-time error CSS1042: Expected function, found ' ' (3831,55): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3832,45): run-time error CSS1038: Expected hex color, found '#NaNNaNNaN' (3832,55): run-time error CSS1019: Unexpected token, found ' ' (3832,55): run-time error CSS1042: Expected function, found ' ' (3832,55): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3833,45): run-time error CSS1038: Expected hex color, found '#NaNNaNNaN' (3833,55): run-time error CSS1019: Unexpected token, found ' ' (3833,55): run-time error CSS1042: Expected function, found ' ' (3833,55): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3873,74): run-time error CSS1038: Expected hex color, found '#NaNNaNNaN' (3873,84): run-time error CSS1019: Unexpected token, found ' ' (3873,84): run-time error CSS1042: Expected function, found ' ' (3873,84): run-time error CSS1019: Unexpected token, found ' ' (3873,84): run-time error CSS1042: Expected function, found ' ' (3873,84): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3874,45): run-time error CSS1038: Expected hex color, found '#NaNNaNNaN' (3874,55): run-time error CSS1019: Unexpected token, found ' ' (3874,55): run-time error CSS1042: Expected function, found ' ' (3874,55): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3875,45): run-time error CSS1038: Expected hex color, found '#NaNNaNNaN' (3875,55): run-time error CSS1019: Unexpected token, found ' ' (3875,55): run-time error CSS1042: Expected function, found ' ' (3875,55): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3876,45): run-time error CSS1038: Expected hex color, found '#NaNNaNNaN' (3876,55): run-time error CSS1019: Unexpected token, found ' ' (3876,55): run-time error CSS1042: Expected function, found ' ' (3876,55): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3877,45): run-time error CSS1038: Expected hex color, found '#NaNNaNNaN' (3877,55): run-time error CSS1019: Unexpected token, found ' ' (3877,55): run-time error CSS1042: Expected function, found ' ' (3877,55): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3878,45): run-time error CSS1038: Expected hex color, found '#NaNNaNNaN' (3878,55): run-time error CSS1019: Unexpected token, found ' ' (3878,55): run-time error CSS1042: Expected function, found ' ' (3878,55): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3890,74): run-time error CSS1038: Expected hex color, found '#NaNNaNNaN' (3890,84): run-time error CSS1019: Unexpected token, found ' ' (3890,84): run-time error CSS1042: Expected function, found ' ' (3890,84): run-time error CSS1019: Unexpected token, found ' ' (3890,84): run-time error CSS1042: Expected function, found ' ' (3890,84): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3891,45): run-time error CSS1038: Expected hex color, found '#NaNNaNNaN' (3891,55): run-time error CSS1019: Unexpected token, found ' ' (3891,55): run-time error CSS1042: Expected function, found ' ' (3891,55): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3892,45): run-time error CSS1038: Expected hex color, found '#NaNNaNNaN' (3892,55): run-time error CSS1019: Unexpected token, found ' ' (3892,55): run-time error CSS1042: Expected function, found ' ' (3892,55): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3893,45): run-time error CSS1038: Expected hex color, found '#NaNNaNNaN' (3893,55): run-time error CSS1019: Unexpected token, found ' ' (3893,55): run-time error CSS1042: Expected function, found ' ' (3893,55): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3894,45): run-time error CSS1038: Expected hex color, found '#NaNNaNNaN' (3894,55): run-time error CSS1019: Unexpected token, found ' ' (3894,55): run-time error CSS1042: Expected function, found ' ' (3894,55): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3895,45): run-time error CSS1038: Expected hex color, found '#NaNNaNNaN' (3895,55): run-time error CSS1019: Unexpected token, found ' ' (3895,55): run-time error CSS1042: Expected function, found ' ' (3895,55): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3908,74): run-time error CSS1038: Expected hex color, found '#NaNNaNNaN' (3908,84): run-time error CSS1019: Unexpected token, found ' ' (3908,84): run-time error CSS1042: Expected function, found ' ' (3908,84): run-time error CSS1019: Unexpected token, found ' ' (3908,84): run-time error CSS1042: Expected function, found ' ' (3908,84): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3909,45): run-time error CSS1038: Expected hex color, found '#NaNNaNNaN' (3909,55): run-time error CSS1019: Unexpected token, found ' ' (3909,55): run-time error CSS1042: Expected function, found ' ' (3909,55): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3910,45): run-time error CSS1038: Expected hex color, found '#NaNNaNNaN' (3910,55): run-time error CSS1019: Unexpected token, found ' ' (3910,55): run-time error CSS1042: Expected function, found ' ' (3910,55): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3911,45): run-time error CSS1038: Expected hex color, found '#NaNNaNNaN' (3911,55): run-time error CSS1019: Unexpected token, found ' ' (3911,55): run-time error CSS1042: Expected function, found ' ' (3911,55): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3912,45): run-time error CSS1038: Expected hex color, found '#NaNNaNNaN' (3912,55): run-time error CSS1019: Unexpected token, found ' ' (3912,55): run-time error CSS1042: Expected function, found ' ' (3912,55): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3913,45): run-time error CSS1038: Expected hex color, found '#NaNNaNNaN' (3913,55): run-time error CSS1019: Unexpected token, found ' ' (3913,55): run-time error CSS1042: Expected function, found ' ' (3913,55): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (4254,74): run-time error CSS1038: Expected hex color, found '#NaNNaNNaN' (4254,84): run-time error CSS1019: Unexpected token, found ' ' (4254,84): run-time error CSS1042: Expected function, found ' ' (4254,84): run-time error CSS1019: Unexpected token, found ' ' (4254,84): run-time error CSS1042: Expected function, found ' ' (4254,84): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (4255,45): run-time error CSS1038: Expected hex color, found '#NaNNaNNaN' (4255,55): run-time error CSS1019: Unexpected token, found ' ' (4255,55): run-time error CSS1042: Expected function, found ' ' (4255,55): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (4256,45): run-time error CSS1038: Expected hex color, found '#NaNNaNNaN' (4256,55): run-time error CSS1019: Unexpected token, found ' ' (4256,55): run-time error CSS1042: Expected function, found ' ' (4256,55): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (4257,45): run-time error CSS1038: Expected hex color, found '#NaNNaNNaN' (4257,55): run-time error CSS1019: Unexpected token, found ' ' (4257,55): run-time error CSS1042: Expected function, found ' ' (4257,55): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (4258,45): run-time error CSS1038: Expected hex color, found '#NaNNaNNaN' (4258,55): run-time error CSS1019: Unexpected token, found ' ' (4258,55): run-time error CSS1042: Expected function, found ' ' (4258,55): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (4259,45): run-time error CSS1038: Expected hex color, found '#NaNNaNNaN' (4259,55): run-time error CSS1019: Unexpected token, found ' ' (4259,55): run-time error CSS1042: Expected function, found ' ' (4259,55): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' */ /*---------------------------------------------------------- Style section for mobile web app ----------------------------------------------------------*/ /* Start by setting display:none to make this hidden. Then we position it in relation to the viewport window with position:fixed. Width, height, top and left speak speak for themselves. Background we set to 80% white with our animation centered, and no-repeating */ /* Font Settings*/ #main-content h3 { font-size: medium; font-weight: lighter; color: #333; } .ui-btn-hover-b, .ui-btn-up-b, .agbText { font-weight: lighter !important; color: #333 !important; -webkit-text-shadow: none !important; text-shadow: none !important; } .agbBtn { text-align: left !important; width: 50px; margin-left: 0px !important; padding-left: 0px !important; } .agbBtn .ui-btn-inner { padding: 0px !important; } .ui-btn-text { font-weight: lighter !important; -webkit-text-shadow: none !important; text-shadow: none !important; font-size: 14px; } /*end*/ .bigBtn { border: 1px solid !important; } .bigBtn .ui-btn-text { font-size: 135% !important; text-align: center; padding: 2px; font-weight: 200; } .modal { display: none; position: fixed; z-index: 1000; top: 0; left: 0; height: 100%; width: 100%; background: rgba( 255, 255, 255, .8 ) url(../Content/Images/ajax-loader-mobile.gif) 50% 50% no-repeat; } .ui-content { padding-left: 5px !important; padding-right: 5px !important; padding-top: 0px !important; padding-bottom: 0px !important; min-height: inherit !important; } .info_close { position: absolute; top: 10px; right: 10px; z-index: 11; } .impressum { color: white; font-size: large; } .label_register { color: black; font-size: 95% !important; } /*display none hides the second checkbox in checkbox*/ #loginForm input[type=checkbox] { display: none; } /* Anytime the body has the loading class, our modal element will be visible */ body.loading .modal { display: block; } #deliveryOKIcon .ui-icon-custom { background-image: url(../Content/Images/Mobile/DateOK.png); background-position: 2px 2px; -moz-background-size: 90%; -o-background-size: 90%; -webkit-background-size: 90%; background-size: 90%; } .header { text-align: center; line-height: 29px; font-size: 16px; white-space: nowrap; vertical-align: middle; margin: 0px !important; } .background_aktion { background: url(../Content/Images/Aktionen/DefaultAktion/WebApp.jpg) no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .overlay_aktion { background: transparent url(../Content/Images/Aktionen/DefaultAktion/WebApp_overlay.png); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: absolute; top: 0px; right: 0px; width: 100%; height: 100%; } .background { background: transparent url(../Content/Images/Mobile/background.png) no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .list_background { background: transparent url(../Content/Images/PageLayout/Transparent-90.png) repeat !important; border: none !important; margin-bottom: 2px !important; padding: 0 5px; } .list_background_shoppingCart { background: transparent url(../Content/Images/PageLayout/Transparent-90.png) repeat !important; border: none !important; margin-bottom: 2px !important; } .list_background_aktion a { color: #cc0000 !important; margin-top: 5px; /*background: transparent url(../Content/Images/PageLayout/Transparent-red.png) repeat !important;*/ } .background_0 { background: transparent url(../Content/Images/PageLayout/Transparent-0.png) repeat !important; } .background_50 { background: transparent url(../Content/Images/PageLayout/Transparent-50.png) repeat !important; border: none !important; } .background_75 { background: transparent url(../Content/Images/PageLayout/Transparent-75.png) repeat !important; padding: 10px 5px; } .amount_button_minus { width: 40px; height: 35px; background: transparent url(../Content/Images/Mobile/Plus.png) no-repeat !important; } .list_logon { background: none !important; border: none !important; margin-bottom: 10px !important; } .list_logon h2 { font-size: 24px; color: #333; text-align: center; font-weight: lighter; } .list_logon .ui-input-text { font-size: 14px; } .keep-logged-in span { color: #333 !important; margin-top: -10px; } .keep-logged-in span.ui-btn-text { margin-left: -20px; } input.ui-input-text { background: white; } .list_logon .ui-checkbox .ui-btn-icon-left .ui-btn-inner { padding-left: 25px !important; padding-top: 0px !important; } .keep-logged-in .ui-checkbox .ui-btn-icon-left .ui-icon { left: 0px !important; } .list_logon .loginBtn span { color: #cc0000 !important; } .list_logon .ui-btn { margin-bottom: 0px !important; margin-top: 0px !important; } .nav_icon { width: 32px; height: 32px; background: transparent; -moz-background-size: contain; -o-background-size: contain; -webkit-background-size: contain; background-size: contain; background-repeat: no-repeat; -moz-background-size: contain; -o-background-size: contain; -webkit-background-size: contain; background-size: contain; } .selected_backgroundX { /*background: linear-gradient(#5a5a5a, #282828) repeat scroll 0 0 #5c5b5a;*/ background: #757d7f; /* Old browsers */ background: -moz-linear-gradient(top, #757d7f 0%, #444444 59%, #212121 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#757d7f), color-stop(59%,#444444), color-stop(100%,#212121)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #757d7f 0%,#444444 59%,#212121 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #757d7f 0%,#444444 59%,#212121 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #757d7f 0%,#444444 59%,#212121 100%); /* IE10+ */ background: linear-gradient(to bottom, #757d7f 0%,#444444 59%,#212121 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#757d7f', endColorstr='#212121',GradientType=0 ); /* IE6-9 */ } .ui-header.ui-bar-b { /*padding-top: 14px;*/ border-top: none; border-left: none; border-right: none; } .ui-footer { padding: 0px; border-left: none !important; border-right: none !important; border-bottom: none !important; border-top: 1px solid #ccc !important; } /*@media screen and (max-height: 250px) { .ui-footer { visibility: hidden !important; } }*/ .topnav-btn-right span { text-align: right; } .nav_aktion { background-image: url(../Content/Images/Mobile/Aktion.png ); } .nav_aktion_selected { background-image: url(../Content/Images/Mobile/Aktion_selected.png ); } .nav_sortiment { background-image: url(../Content/Images/Mobile/Sortiment.png ); } .nav_sortiment_selected { background-image: url(../Content/Images/Mobile/Sortiment_selected.png ); } .nav_warenkorb { background-image: url(../Content/Images/Mobile/Warenkorb.png ); } .nav_warenkorb_selected { background-image: url(../Content/Images/Mobile/Warenkorb_selected.png ); } .nav_mehr { background-image: url(../Content/Images/Mobile/Mehr.png ); } .nav_mehr_selected { background-image: url(../Content/Images/Mobile/Mehr_selected.png ); } .nav_link { text-decoration: none; } .nav_text { font-size: 10px !important; color: #aaa; font-weight: normal; margin-top: -7px; } .nav_text.selected { color: #00529c !important; } .mobile_badge { position: absolute; top: -25px; left: 6px; width: 55px; height: 40px; -moz-background-size: contain; -o-background-size: contain; -webkit-background-size: contain; background-size: contain; background-repeat: no-repeat; -moz-background-size: contain; -o-background-size: contain; -webkit-background-size: contain; background-size: contain; } .mobile_badge_ordered { background-image: url(../Content/Images/Mobile/Badge_bestellt.png); } .mobile_badge_unordered { background-image: url(../Content/Images/Mobile/Badge_unbestellt.png); } .mobile_badge_ordered_large { background-image: url(../Content/Images/Mobile/Badge_bestellt_large.png); } .mobile_badge_unordered_large { background-image: url(../Content/Images/Mobile/Badge_unbestellt_large.png); } .mobile_badge_text { position: absolute; top: -13px; left: 18px; width: 30px; height: 30px; color: white; font-size: 95%; font-weight: 300; } .mobileRappFormularBack { background: transparent url('../Content/Images/PageLayout/Transparent-75.png') repeat; border: none; color: #404040; padding: 10px; font-size: small; margin-top: 5px; } .mobileRappFormularBack .button, .mobileRappFormularBack .button-gray { width: 160px; padding: 0px; } .mobileRappFormularTab { background: transparent url('../Content/Images/PageLayout/Transparent-75.png') repeat; border: none; top: 10px; height: 27px; padding: 8px 20px 0px 20px; color: #0066cc; font-size: 20px; position: absolute; border-top-left-radius: 3px 3px; border-top-right-radius: 3px 3px; border-bottom-right-radius: 0px 0px; border-bottom-left-radius: 0px 0px; } /*Custom Jquery mobil Icons*/ .ui-header .ui-btn-icon-left .ui-btn-inner { padding-left: 25px !important; } .ui-icon-arrow-d, .ui-icon .ui-icon-shadow { background: transparent url(../Content/Images/Mobile/Arrow_down.png ) no-repeat !important; -moz-background-size: contain !important; -o-background-size: contain !important; -webkit-background-size: contain !important; background-size: contain !important; box-shadow: none !important; } .ui-icon-arrow-u, .ui-icon .ui-icon-shadow { background: transparent url(../Content/Images/Mobile/Arrow_up.png ) no-repeat !important; -moz-background-size: contain !important; -o-background-size: contain !important; -webkit-background-size: contain !important; background-size: contain !important; box-shadow: none !important; } .ui-icon-arrow-r, .ui-icon .ui-icon-shadow { background: transparent url(../Content/Images/Mobile/Arrow_right.png ) no-repeat !important; -moz-background-size: contain !important; -o-background-size: contain !important; -webkit-background-size: contain !important; background-size: contain !important; box-shadow: none !important; } .ui-icon-arrow-l, .ui-icon .ui-icon-shadow { background: transparent url(../Content/Images/Mobile/Arrow_left.png ) no-repeat !important; -moz-background-size: contain !important; -o-background-size: contain !important; -webkit-background-size: contain !important; background-size: contain !important; box-shadow: none !important; } .ui-icon-plus, .ui-icon .ui-icon-shadow { background: transparent url(../Content/Images/Mobile/Plus.png ) no-repeat !important; -moz-background-size: contain !important; -o-background-size: contain !important; -webkit-background-size: contain !important; background-size: contain !important; box-shadow: none !important; } .ui-icon-minus, .ui-icon .ui-icon-shadow { background: transparent url(../Content/Images/Mobile/Minus.png ) no-repeat !important; -moz-background-size: contain !important; -o-background-size: contain !important; -webkit-background-size: contain !important; background-size: contain !important; box-shadow: none !important; } /* Styles for validation helpers -----------------------------------------------------------*/ .field-validation-error { color: #f00; display: block; margin-top: 8px; text-align: center; } .field-validation-valid { display: none; } .input-validation-error { border: 1px solid #f00; background-color: #fee; } .validation-summary-errors { font-weight: bold; color: #c00; margin-left: -40px; font-size: small; margin-bottom: 20px; } .validation-summary-errors ul { list-style: none; list-style-type: none; } .validation-summary-valid { display: none; } /* ------------------------------- jQuery Style new defined ----------------------------*/ .ui-btn-active a.ui-link-inherit { color: #00529c !important; -webkit-text-shadow: none; text-shadow: none; } .ui-collapsible .ui-btn-active { background: #fff !important; color: #00529c !important; } .article_list .ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li { padding: 0px 10px 0px 10px !important; } #ShoppingCartContent .article_list { border-bottom: 1px solid #ccc; } .aktion_background { background: #bcd5ed !important; } .ui-btn-inner { border-top: none !important; } .ui-loader { background: none !important; border: none !important; } .ui-icon-loading { background-image: none !important; } .ui-shadow-inset { -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .ui-btn-up-c:visited { color: #333; } /* jQuery mobile styles -----------------------------------------------------------*/ /* Make listview buttons fill the whole horizontal width of the screen */ .ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li { padding-right: 15px; } .ui-bar-a, .ui-body-a, .ui-btn-up-a, .ui-btn-hover-a, .ui-btn-down-a, .ui-bar-b, .ui-body-b, .ui-btn-up-b, .ui-btn-hover-b, .ui-btn-down-b, .ui-bar-c, .ui-body-c, .ui-btn-up-c, .ui-btn-hover-c, .ui-btn-down-c, .ui-bar-d, .ui-body-d, .ui-btn-up-d, .ui-btn-hover-d, .ui-btn-down-d, .ui-bar-e, .ui-body-e, .ui-btn-up-e, .ui-btn-hover-e, .ui-btn-down-e, .ui-btn-active { -webkit-text-shadow: none; text-shadow: none; } .bigBtn .ui-btn-inner, #HistorischerWarenkorbListe .bigBtn .ui-btn-inner { padding: 0px !important; } .ui-collapsible-heading { margin-top: 3px !important; } .rapp-mobile-list.ui-listview .ui-btn-text a { color: #333; } .rapp-mobile-delivery { font-weight: normal !important; color: #cc0000 !important; } .rapp-mobile-label { font-size: 120%; font-weight: lighter; color: black; } .rapp-mobile-label-bold { font-size: 120%; font-weight: bold; color: black; } .delivery-desc { font-size: 80%; color: #666; } #ArtikelContent .bigBtn .ui-btn-inner { text-align: left; padding-left: 10px; } /* End Style section for mobile web app ----------------------------------------------------------*/ /*---------------------------------------------------------- The base color for this template is #5c87b2. If you'd like to use a different color start by replacing all instances of #5c87b2 with your new color. ----------------------------------------------------------*/ body { font-family: Arial, Helvetica, 'Open Sans', sans-serif; color: white; padding: 0px; margin: 0px; font-weight: lighter; background-color: #002c5a; width: auto; height: auto; } /* PRIMARY LAYOUT ELEMENTS ----------------------------------------------------------*/ /* you can specify a greater or lesser percentage for the page width. Or, you can specify an exact pixel width. */ .page { width: 100%; min-width: 1080px; position: absolute; max-width: 1920px; left: 0px; right: 0px; top: 0px; bottom: 0px; background-color: #002c5a; } #header_container { background-color: black; height: 105px; position: absolute; top: 0px; left: 0px; right: 0px; } #rappoffer_container { height: 250px; background-color: #0066cc; position: absolute; top: 105px; left: 0px; right: 0px; background-repeat: no-repeat; padding: 0; } #rappoffer_overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-repeat: no-repeat; } #user_container { position: absolute; bottom: 15px; left: 35px; padding: 0; } #menu_container { position: absolute; height: 60px; background-image: url('../Content/Images/PageLayout/Menue_60_BG.jpg'); background-repeat: repeat-x; top: 355px; left: 0px; right: 0px; z-index: 50; } #main_container { background-color: #002c5a; min-height: 00px; position: absolute; top: 415px; left: 0px; right: 0px; background-repeat: no-repeat; padding-bottom: 50px; } #menu_container_employee { height: 50px; background-image: url('../Content/Images/PageLayout/Menue_60_BG.jpg'); background-repeat: repeat-x; z-index: 50; } #main_container_employee { background-color: #002c5a; background-repeat: no-repeat; } #main_employee { background: none; position: relative; top: 0px; left: 0px; right: 0px; padding: 0px; margin-bottom: 30px; } #logo_employee { z-index: 100; width: 60px; height: 60px; top: 3px; position: absolute; left: 40px; background-image: url('../Content/Images/PageLayout/Logo_60.png'); background-repeat: no-repeat; cursor: pointer; } #main_overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-repeat: no-repeat; } #main { background: none; position: relative; top: 0px; left: 0px; right: 0px; padding: 0px; margin-bottom: 30px; } #pageFadeOut { position: absolute; left: 0px; right: 0px; bottom: 0px; height: 120px; background: transparent url('../Content/Images/PageLayout/Footer_FadeOut.png') no-repeat; } /* GENERAL STYLES --------------------------------------------------------------------------------------*/ strong { font-weight: bold; } .highlight { color: #06c; } .highlight.link { text-decoration: underline; } .highlight.link:hover { color: #55a0e7; cursor: pointer; } .highlight.link:visited { color: #404040; } .continuous_text { line-height: 140%; } .button_personal { background-image: url('../Content/Images/PageLayout/Button_Personal.png'); background-color: transparent; background-repeat: no-repeat; width: 105px; height: 34px; padding: 0px; } .button_personal:hover { background-image: url('../Content/Images/PageLayout/Button_Personal_hover.png'); } .button, .button:hover { background-repeat: repeat-x; height: 34px; vertical-align: middle; border-style: solid; border-width: 1px; border-color: #303030; padding: 0px 10px 0px 10px; margin: 0; border-radius: 3px; text-align: center; cursor: pointer; } .button { background-image: url('../Content/Images/PageLayout/Button_BG.png'); } .button:hover { background-image: url('../Content/Images/PageLayout/Button_hover_BG.png'); } .button:disabled { background-image: url('../Content/Images/PageLayout/Button_disabled_BG.png'); } .button-gray, .button-gray:hover { background-repeat: repeat-x; height: 34px; vertical-align: middle; border-style: solid; border-width: 1px; border-color: #a0a0a0; padding: 0px 10px 0px 10px; margin: 0; border-radius: 3px; text-align: center; cursor: pointer; background-position: center; } .button-gray { background-image: url('../Content/Images/PageLayout/Button_LightGray_BG.png'); } .button-gray:hover { background-image: url('../Content/Images/PageLayout/Button_LightBlue_BG.png'); } .button_text, .button_text:hover, .button-gray_text, .button-gray_text:hover, .button-red_text, .button-red_text:hover, .button-gray_increasetext { font-size: small; color: white; text-decoration: none; display: block; height: 34px; line-height: 34px; } .button-gray_text, .button-gray_text:hover { color: #404040; } .button-gray_increasetext { color: #404040; height: 27px; line-height: 27px; } .button-gray_inputtext { color: #404040; height: 34px; line-height: 30px; font-family: Arial, Helvetica, 'Open Sans', sans-serif; font-size: small; } .button_inputtext { color: white; height: 34px; line-height: 30px; font-family: Arial, Helvetica, 'Open Sans', sans-serif; font-size: small; } *:focus { outline: none; } .button-red, .button-red:hover { background-repeat: repeat-x; height: 34px; vertical-align: middle; border-style: solid; border-width: 1px; border-color: #404040; padding: 0px 10px 0px 10px; margin: 0; border-radius: 3px; text-align: center; cursor: pointer; background-position: center; } .button-red { background-image: url('../Content/Images/PageLayout/Button_Red_BG.png'); } .button-red:hover { background-image: url('../Content/Images/PageLayout/Button_Red_hover_BG.png'); } .button-gray.disabled { background-image: url('../Content/Images/PageLayout/Button_Gray_disabled_BG.png'); cursor: default; color: #a0a0a0; border-color: #cccccc; } .button.disabled { background-image: url('../Content/Images/PageLayout/Button_disabled_BG.png'); cursor: default; border-style: solid; border-color: #55a0e7; border-width: 1px; } /* MAIN PAGE SETTINGS --------------------------------------------------------------------------------------*/ #address { color: #CEAC51; font-size: 70%; text-align: left; top: 81px; padding: 0px; position: absolute; left: 200px; white-space: nowrap; } #logo { z-index: 100; width: 130px; height: 137px; top: 20px; position: absolute; left: 40px; background-image: url('../Content/Images/PageLayout/BrauereiRapp_130.png'); background-repeat: no-repeat; cursor: pointer; } #newsFlash { z-index: 5; height: 50px; top: 105px; position: absolute; left: 100px; background-image: url('../Content/Images/PageLayout/Transparent-75.png'); background-repeat: repeat; padding: 0px 20px 0px 70px; border-radius: 5px; } #header_container .stripe { position: relative; background-color: #996619; left: 0px; background-image: url('../Content/Images/PageLayout/GoldStreifen.jpg'); background-repeat: no-repeat; height: 3px; } #welcome_text { font-size: medium; color: white; text-decoration: none; } #welcome_info { font-size: small; color: white; text-decoration: none; height: 30px; vertical-align: top; } #menu1 { font-size: small; position: absolute; right: 40px; top: 20px; } #menu1 a { color: #d0d0d0; margin-left: 20px; text-decoration: none; } #menu1 a:focus { outline: none; } #menu1 a:hover { color: #CEAC51; } .faq { width: 40px; height: 40px; background-image: url('../Content/Images/Icons/FAQ.png'); } .faq:hover { background-image: url('../Content/Images/Icons/FAQ_hover.png'); } #user_container .button { width: 105px; padding: 0px; } #ShoppingCartOverlay { position: fixed; padding: 20px; width: 174px; display: none; z-index: 200; background-color: transparent; border: 2px solid #c00000; border-radius: 8px; background: url('../Content/Images/PageLayout/Transparent-90.png') repeat; text-align: center; font-size: small; font-weight: bold; color: #404040 !important; } /* MENU SETTINGS ---------------------------------------------------------------------------------------- */ .mainMenu { position: absolute; background-color: transparent; height: 60px; right: 40px; left: 40px; top: 0px; } .menuButtonContainer { position: relative; float: left; margin: 0px 6px 0px 0px; } .menuButton { color: White; font-size: small; padding: 0; text-align: center; border-radius: 3px; background: url('../Content/Images/PageLayout/DefaultMenu_BG.png') repeat-x; height: 37px; line-height: 37px; margin-top: 11px; width: 160px; border: 1px solid #2c2c2c; cursor: pointer; display: block; text-decoration: none; } .menuButton.selected { background: url('../Content/Images/PageLayout/DefaultMenu_selected_BG.png') repeat-x; } .menuButton:hover { background: url('../Content/Images/PageLayout/DefaultMenu_hover_BG.png') repeat-x; } .productButton { font-size: medium; background: url('../Content/Images/PageLayout/ProductMenu_BG.png') repeat; height: 51px; line-height: 51px; margin-top: 4px; width: 152px; } .productButton.selected { background: url('../Content/Images/PageLayout/ProductMenu_selected_BG.png') repeat-x; } .productButton:hover { background: url('../Content/Images/PageLayout/ProductMenu_hover_BG.png') repeat; } .shoppingCartButtonContainer { position: absolute; float: none; margin: 0px 0px 0px 0px; right: 0px; top: 0px; } .shoppingCartButton { font-size: medium; background: url('../Content/Images/PageLayout/WarenkorbMenu_BG.png') repeat; height: 51px; margin-top: 4px; line-height: 12px; width: 215px; } .debtInfoContainer { background: url('../Content/Images/PageLayout/WarenkorbMenu_BG.png') repeat; height: auto; text-align: center; width: 105px; } .shoppingCartButton.selected { background: url('../Content/Images/PageLayout/WarenkorbMenu_selected_BG.png') repeat-x; } .shoppingCartButton:hover { background: url('../Content/Images/PageLayout/WarenkorbMenu_hover_BG.png') repeat; } .subMenuContainer { background: transparent url('../Content/Images/PageLayout/Transparent-90.png') repeat !important; position: absolute; top: 60px; left: 0px; display: none; border: 1px solid #c0c0c0; border-radius: 3px; line-height: 32px; -moz-box-shadow: 2px 2px 10px #444 !important; -webkit-box-shadow: 2px 2px 10px #444 !important; box-shadow: 2px 2px 10px #444 !important; white-space: nowrap; min-width: 100%; } .subMenuButton { color: #404040; background: none; border: none; border-bottom: 1px solid #c0c0c0; margin: 0px; height: 32px !important; line-height: 32px !important; width: 100%; } .subMenuButton:hover { background: #bcd5ed; } /* ADVERTIZING ORDER BOX (Remark: advertising renamed to rappoffer due to some browser plugins do block elements with rappoffer in its name) ---------------------------------------------------------------------------------------- */ #rappofferOrderBottom, #rappofferOrderTop { background: url('../Content/Images/PageLayout/Transparent-75.png') repeat; border: none; position: absolute; margin: 0; padding: 10px; width: 250px; color: #404040; font-size: small; border-radius: 3px; z-index: 100; } #rappofferOrderBottom { top: 500px; left: 750px; } #rappofferOrderTop { top: 140px; right: 40px; } #morerappoffer { width: 270px; height: 35px; background-color: #c00000; border-radius: 3px; margin-left: -10px; margin-right: -10px; margin-bottom: -10px; margin-top: 10px; cursor: pointer; color: white; font-weight: bold; text-decoration: none; } #rappofferButtonBottom { position: absolute; top: 500px; left: 750px; cursor: pointer; } #rappofferButtonTop { position: absolute; top: 165px; right: 40px; cursor: pointer; } .articleTitel { font-weight: bold; font-size: medium; } .articleDescription { margin-top: 5px; margin-bottom: 10px; } .addToCartBlock { height: 60px; } .articleCost { vertical-align: bottom; margin-bottom: 5px; } .articleAmount { text-align: right; margin-right: 10px; margin-left: 10px; margin-bottom: 5px; } .articleShoppingCartButton { width: 60px; height: 60px; } .articleShoppingCartButton input { outline: none; } /* MAIN SETTINGS ---------------------------------------------------------------------------------------- */ h2 { font-size: 24px; font-weight: normal; color: #0066cc; margin-top: 20px; margin-bottom: 10px; margin-left: 50px; } h3 { font-size: middle; font-weight: bold; color: #404040; } .orderAmountDropDown { height: 220px !important; } .orderAmountDropDown .t-item { padding-right: 13px !important; text-align: right !important; } .orderAmountDropDown .t-input { text-align: center; } .rappDropDown { background-color: transparent !important; background: url('../Content/Images/PageLayout/Transparent-90.png') repeat !important; border: 1px solid #c0c0c0 !important; border-radius: 3px; } .rappDropDown .t-item { font-size: small; background-color: transparent; color: #404040; border-top: 1px solid transparent; border-bottom: 1px solid #bbbbbb; } .rappDropDown .t-item:hover { background-color: #bdd5ec!important; border-top: 1px solid #404040; border-bottom: 1px solid #404040; } .orderAmount { width: 40px !important; } .rappDropBox { font-size: small !important; border-radius: 3px !important; background: white url('../Content/Images/PageLayout/Transparent-50.png') repeat !important; color: #404040 !important; } .rappDropBox .t-dropdown-wrap { border: 1px solid #55a0e7; } .rappDropBox .t-input { color: #404040; background-color: white !important; } .rappDropBox .t-select { background: none !important; background-color: white !important; } .rappDropBox .t-icon { background: url('../Content/Images/Icons/DropDown_Arrow.png') repeat !important; } .rappInput { font-size: small !important; border: 1px solid #55a0e7; border-radius: 3px; /*background: url('../Content/Images/PageLayout/Transparent-75.png') repeat !important;*/ color: #404040; padding: 2px; } .rappWhiteInput { font-size: small !important; border: 1px solid #55a0e7; border-radius: 3px; background: url('../Content/Images/PageLayout/Transparent-90.png') repeat !important; color: #404040; padding: 2px; } .rappInputHigh { color: #c00000 !important; font-weight: bold !important; } /* DEFAULT CONTENT STYLES ----------------------------------------------------------------------------------------- */ .rappFormularBack { background: transparent url('../Content/Images/PageLayout/Transparent-75.png') repeat; border: none; color: #404040; padding: 20px; font-size: small; position: absolute; top: 55px; border-top-left-radius: 0px 0px; border-top-right-radius: 3px 3px; border-bottom-right-radius: 3px 3px; border-bottom-left-radius: 3px 3px; } .rappTextBack { background: transparent url('../Content/Images/PageLayout/Transparent-75.png') repeat; border: none; color: #404040; padding: 20px; font-size: small; border-radius: 3px 3px; position: absolute; top: 330px; } .rappAGBBack { background: transparent url('../Content/Images/PageLayout/Transparent-75.png') repeat; border: none; color: #404040; padding: 20px; font-size: small; border-radius: 3px 3px; position: absolute; top: 250px; } .rappTextBack.old { background: transparent url('../Content/Images/PageLayout/Transparent-gray-75.png') repeat; position: absolute; top: 55px !important; border-top-left-radius: 0px 0px; border-top-right-radius: 3px 3px; border-bottom-right-radius: 3px 3px; border-bottom-left-radius: 3px 3px; } .rappFormularBack.old { background: transparent url('../Content/Images/PageLayout/Transparent-gray-75.png') repeat; } .rappFormularBack .button, .rappFormularBack .button-gray { width: 160px; padding: 0px; } .rappFormularTab { background: transparent url('../Content/Images/PageLayout/Transparent-75.png') repeat; border: none; top: 20px; height: 27px; padding: 8px 20px 0px 20px; color: #0066cc; font-size: 20px; position: absolute; border-top-left-radius: 3px 3px; border-top-right-radius: 3px 3px; border-bottom-right-radius: 0px 0px; border-bottom-left-radius: 0px 0px; } .rappFormularTab.old { background: transparent url('../Content/Images/PageLayout/Transparent-gray-75.png') repeat; } .rappInfoText { font-weight: bold; color: #0066cc; list-style: none; } .rappDeliveryText { font-weight: bold !important; color: #0066cc !important; } .rappSpecialPrice { color: #c00000 !important; font-weight: bold !important; } .rappDisable { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background: url('../Content/Images/PageLayout/Transparent-30.png') repeat; } .cancel-symbol { background: url('../Content/Images/Icons/Cancel.png') repeat; width: 24px; height: 24px; cursor: pointer; float: left; margin-left: 5px; } .cancel-symbol:hover { background: url('../Content/Images/Icons/Cancel_hover.png') repeat; } .apply-symbol { background: url('../Content/Images/Icons/Apply.png') repeat; width: 24px; height: 24px; cursor: pointer; float: left; margin-left: 5px; } .apply-symbol:hover { background: url('../Content/Images/Icons/Apply_hover.png') repeat; } /* Special Settings for EmloyeeLayout-Master ---------------------------------------------------------------------------------------------- */ #EmployeeLayout #menu_container { height: 50px; background-image: url('../Content/Images/PageLayout/Menue_50_BG.jpg'); top: 105px; } #EmployeeLayout #main_container { top: 155px; background: #002c5a url('../Content/Images/Aktionen/Default/large.jpg') no-repeat; } #EmployeeLayout .mainMenu { left: 120px; top: -5px; } #EmployeeLayout #welcome_text { margin: 20px; font-size: small; color: white; text-decoration: none; } .badge { position: absolute; top: -4px; right: -4px; padding: 0px 3px 0px 3px; color: #c00000; background: White; border: 2px solid #c00000; font-size: 8pt; font-weight: bold; border-radius: 10px; } /* Special Settings for QuickOrder ---------------------------------------------------------------------------------------------- */ .rappQuickBack { background: transparent url('../Content/Images/PageLayout/Transparent-50.png') repeat; border: none; color: #404040; padding: 0px; font-size: small; position: relative; border-radius: 3px; float: left; margin: 0px 20px 32px 0px; width: 400px; } #quickOrder .quickHeadline { padding: 10px 10px 10px 10px; margin: 0px 0px 10px 0px; color: #404040; border-radius: 3px; -moz-box-shadow: 2px 2px 5px #444; -webkit-box-shadow: 2px 2px 5px #444; box-shadow: 2px 2px 5px #444; font-size: medium; font-weight: bold; } /* Special Settings for Calendar ---------------------------------------------------------------------------------------------- */ .rappCalendarBack { background: transparent url('../Content/Images/PageLayout/Transparent-75.png') repeat; border: none; padding: 0px; font-size: small; position: relative; border-radius: 3px; float: left; margin: 0px 10px 10px 0px; } .rappCalendar { border: none !important; background: none !important; } .rappCalendar .t-header { background: transparent url('../Content/Images/PageLayout/Button_BG.png') repeat-x !important; padding: 10px !important; border: none !important; } .rappCalendar .t-group, .t-content { background: none !important; } .rappCalendar th { background-color: #bcd5ed !important; color: #002c5a; } .rappCalendar .t-other-month a { color: #999999 !important; } .t-calendar .t-state-selected { background-color: transparent !important; } .t-calendar td { cursor: default !important; } .rappCalendar .t-action-link { text-decoration: none !important; background-color: transparent !important; border: 1px solid #0066cc !important; cursor: default !important; border-radius: 3px; } .rappCalendar a.t-link.t-action-link { color: #c00000 !important; font-weight: bold !important; } .rappCalendar .t-link { color: #404040; cursor: default; } .t-widget, .t-input { border-color: #c0c0c0 !important; border-style: solid; border-width: 1px; } #TourDatesOverview h2 { margin: 20px 20px 20px 20px; } /* Special settings for product sheet ---------------------------------------------------------------------------------------------- */ .rappArticle { float: left; background: transparent; margin: 0px 4px 4px 0px; width: 298px; height: 192px; padding: 20px; color: Black; position: relative; font-size: small; } /* Special settings for modal popup ---------------------------------------------------------------------------------------------- */ .modal-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%; margin: 0; padding: 0; background: #000000; opacity: .65; filter: alpha(opacity=65); z-index: 101; } .modal-window { position: fixed; top: 50%; left: 50%; margin: 0; padding: 0; z-index: 102; background: transparent url(../Content/Images/PageLayout/Transparent-90.png) repeat; border: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .close-window { position: absolute; width: 24px; height: 24px; right: 20px; top: 20px; background: transparent url(../Content/Images/PageLayout/close-button.png) no-repeat scroll right top; text-indent: -99999px; overflow: hidden; cursor: pointer; boder-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #404040; } /* Special settings for Article Detail View ---------------------------------------------------------------------------------------------- */ .detailHeadline { margin-top: 50px; font-size: 130%; font-weight: bold; } /* Special settings for CustomerGrid ---------------------------------------------------------------------------------------------- */ .t-page-i-of-n input { width: 2em; vertical-align: baseline; font-size: 1em; margin-right: 10px !important; margin-left: 10px !important; } /* .t-icon { background-image: url('../Content/Images/Icons/sprite.png') !important; } */ #CustomerGrid .t-link:hover { color: #55a0e7; background: none; } .t-header .t-link { color: #888 !important; } .shadow { -moz-box-shadow: 1px 1px 2px #888 !important; -webkit-box-shadow: 1px 1px 2px #888 !important; box-shadow: 1px 1px 2px #888 !important; } /* Special settings for Transparent Theme ---------------------------------------------------------------------------------------------- */ .t-alt { background-color: #FFF !important; /*background:url('../Content/Images/PageLayout/grid_alt_BG.png') !important; */ } .t-widget, div.t-combobox { border-color: #c5c5c5 !important; background: url('../Content/Images/PageLayout/grid_BG.png') !important; } .t-state-selected { background-image: none !important; border-color: #aaa; } .t-state-hover, .t-state-hover:hover { background-image: none !important; color: #0066cc; } #Grid .t-link:hover { color: #55a0e7; background: none; } /* Special settings for article detail html ---------------------------------------------------------------------------------------------- */ /*.detailSpecial { font-weight: bold; font-style:italic; font-size:medium; color: #c00000; } .detailBackground { font-size: small; background: none; color: #404040; } .detailAlternate { background-color: #bcd5ed; } .detailTitle { font-weight: bold; }*/ /* Special settings for Company Sites ---------------------------------------------------------------------------------------------- */ .historyDate { font-size: large; color: #0066cc; vertical-align: top; } .subTitle { font-size: 200%; line-height: 200%; color: #0066cc; vertical-align: top; } /* Special settings for Recipes ---------------------------------------------------------------------------------------------- */ .recipeCategory, .recipeCategorySelected { width: 168px; float: left; cursor: pointer; margin-right: 5px; text-align: left; color: #404040; padding: 10px; border: 1px solid #ddd; background: url(../Content/Images/PageLayout/Transparent-50.png) repeat; } .recipeCategorySelected { color: #06c; font-weight: bold; /*background: url('../Content/Images/PageLayout/ProductMenu_hover_BG.png') repeat-x ;*/ } .recipeCategory:hover, .recipeCategorySelected:hover { background-color: #bcd5ed; } .recipesTitel { color: #0066cc; font-size: large; } /* Special settings for HomeService ---------------------------------------------------------------------------------------------- */ #homeService { background-image: url('../Content/Images/Liefergebiet.png'); width: 927px; height: 1025px; } /* Special settings for CallCenter ---------------------------------------------------------------------------------------------- */ .deliveryDate { font-weight: bold; } .noCustomerList { font-style: italic; color: #666; } .customerName { font-size: 20px; } .phoneSymbol { float: left; width: 48px; height: 48px; background: transparent url('../Content/Images/Icons/Phone.png') no-repeat; margin: 0px 10px 0px 0px; } .phoneNumber { font-size: 17px; font-weight: bold; color: #06c; } .customerCounter { clear: both; margin: 10px 0px 10px 0px; font-size: 80%; } #articleArea .quickHeadline { width: 100%; height: 24px; line-height: 24px; padding: 0px 5px 0px 5px; font-weight: bold; } .button-gray.callcenter, .button-gray_text.callcenter { height: 24px; width: 24px; line-height: 24px; font-size: 20px; } .shoppingSymbol { width: 53px; height: 48px; background: transparent url('../Content/Images/Icons/Shopping.png') no-repeat; background-position: left; } /* Special settings for telerik calendar (Lieferkalendar) ---------------------------------------------------------------------------------------------- */ .t-other-month /*Hide days of previous/next month*/ { visibility: hidden !important; } /* cookie banner */ .cookie-banner { position: fixed; width: 100vw; display: block; left: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.7); color: black; box-sizing: border-box; padding-left: 2em; padding-right: 2em; padding-top: 1em; } .cookie-banner-hint-row { text-align: center; } .cookie-banner-row { padding-top: 1em; text-align: right; } /* modal customization */ .jconfirm { color: black; } .jconfirm-title-c { text-align: center; } /* Jobs page*/ .jobs-page-intro-text { margin-bottom: 3em; } .jobs-table { margin-top: 2em; width: 100%; } .jobs-table thead { font-weight: bold; } .jobs-table tbody td { padding-top: 0.5em; } .jobs-table-date-header { width: 15%; } .jobs-table-jobname-header { width: 65%; } .jobs-table-startdate-header { width: 20%; } /* Knockout Validation */ .validationMessage { color: red; } /* Customer Data Edit */ hr.black { border-color: black; } .rapp-mobile-label.black { color: black; } /* * jQuery Mobile Framework Git Build: SHA1: b49cc06499abf8f987cf90f35349cfac0918c939 <> Date: Tue Oct 2 11:22:34 2012 -0700 * http://jquerymobile.com * * Copyright 2012 jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * */ .ui-mobile, .ui-mobile body { height: 99.9%; } .ui-mobile fieldset, .ui-page { padding: 0; margin: 0; } .ui-mobile a img, .ui-mobile fieldset { border-width: 0; } .ui-mobile-viewport { margin: 0; overflow-x: visible; -webkit-text-size-adjust: 100%; -ms-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body.ui-mobile-viewport, div.ui-mobile-viewport { overflow-x: hidden; } .ui-mobile [data-role=page], .ui-mobile [data-role=dialog], .ui-page { top: 0; left: 0; width: 100%; min-height: 100%; position: absolute; display: none; border: 0; } .ui-mobile .ui-page-active { display: block; overflow: visible; } .ui-page { outline: none; } @media screen and (orientation: portrait){ .ui-mobile, .ui-mobile .ui-page { min-height: 420px; } } @media screen and (orientation: landscape){ .ui-mobile, .ui-mobile .ui-page { min-height: 300px; } } .ui-loading .ui-loader { display: block; } .ui-loader { display: none; z-index: 9999999; position: fixed; top: 50%; left: 50%; border:0; } .ui-loader-default { background: none; filter: Alpha(Opacity=18); opacity: .18; width: 46px; height: 46px; margin-left: -23px; margin-top: -23px; } .ui-loader-verbose { width: 200px; filter: Alpha(Opacity=88); opacity: .88; box-shadow: 0 1px 1px -1px #fff; height: auto; margin-left: -110px; margin-top: -43px; padding: 10px; } .ui-loader-default h1 { font-size: 0; width: 0; height: 0; overflow: hidden; } .ui-loader-verbose h1 { font-size: 16px; margin: 0; text-align: center; } .ui-loader .ui-icon { background-color: #000; display: block; margin: 0; width: 44px; height: 44px; padding: 1px; -webkit-border-radius: 36px; -moz-border-radius: 36px; border-radius: 36px; } .ui-loader-verbose .ui-icon { margin: 0 auto 10px; filter: Alpha(Opacity=75); opacity: .75; } .ui-loader-textonly { padding: 15px; margin-left: -115px; } .ui-loader-textonly .ui-icon { display: none; } .ui-loader-fakefix { position: absolute; } .ui-mobile-rendering > * { visibility: hidden; } .ui-bar, .ui-body { position: relative; padding: .4em 15px; overflow: hidden; display: block; clear:both; } .ui-bar { font-size: 16px; margin: 0; } .ui-bar h1, .ui-bar h2, .ui-bar h3, .ui-bar h4, .ui-bar h5, .ui-bar h6 { margin: 0; padding: 0; font-size: 16px; display: inline-block; } .ui-header, .ui-footer { position: relative; border-left-width: 0; border-right-width: 0; zoom: 1; } .ui-header .ui-btn-left, .ui-header .ui-btn-right, .ui-footer .ui-btn-left, .ui-footer .ui-btn-right { position: absolute; top: 3px; } .ui-header .ui-btn-left, .ui-footer .ui-btn-left { left: 5px; } .ui-header .ui-btn-right, .ui-footer .ui-btn-right { right: 5px; } .ui-footer .ui-btn-icon-notext, .ui-header .ui-btn-icon-notext { top: 6px; } .ui-header .ui-title, .ui-footer .ui-title { min-height: 1.1em; text-align: center; font-size: 16px; display: block; margin: .6em 30% .8em; padding: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; outline: 0 !important; } .ui-footer .ui-title { margin: .6em 15px .8em; } .ui-content { border-width: 0; overflow: visible; overflow-x: hidden; padding: 15px; } .ui-icon { width: 18px; height: 18px; } .ui-nojs { position: absolute; left: -9999px; } .ui-hide-label label.ui-input-text, .ui-hide-label label.ui-select, .ui-hide-label label.ui-slider, .ui-hide-label label.ui-submit, .ui-hide-label .ui-controlgroup-label, .ui-hidden-accessible { position: absolute !important; left: -9999px; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); } .ui-mobile-viewport-transitioning, .ui-mobile-viewport-transitioning .ui-page { width: 100%; height: 100%; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ui-page-pre-in { opacity: 0; } .in { -webkit-animation-timing-function: ease-out; -webkit-animation-duration: 350ms; -moz-animation-timing-function: ease-out; -moz-animation-duration: 350ms; } .out { -webkit-animation-timing-function: ease-in; -webkit-animation-duration: 225ms; -moz-animation-timing-function: ease-in; -moz-animation-duration: 225ms; } @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fadeout { from { opacity: 1; } to { opacity: 0; } } @-moz-keyframes fadeout { from { opacity: 1; } to { opacity: 0; } } .fade.out { opacity: 0; -webkit-animation-duration: 125ms; -webkit-animation-name: fadeout; -moz-animation-duration: 125ms; -moz-animation-name: fadeout; } .fade.in { opacity: 1; -webkit-animation-duration: 225ms; -webkit-animation-name: fadein; -moz-animation-duration: 225ms; -moz-animation-name: fadein; } .pop { -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; } .pop.in { -webkit-transform: scale(1); -moz-transform: scale(1); opacity: 1; -webkit-animation-name: popin; -moz-animation-name: popin; -webkit-animation-duration: 350ms; -moz-animation-duration: 350ms; } .pop.out { -webkit-animation-name: fadeout; -moz-animation-name: fadeout; opacity: 0; -webkit-animation-duration: 100ms; -moz-animation-duration: 100ms; } .pop.in.reverse { -webkit-animation-name: fadein; -moz-animation-name: fadein; } .pop.out.reverse { -webkit-transform: scale(.8); -moz-transform: scale(.8); -webkit-animation-name: popout; -moz-animation-name: popout; } @-webkit-keyframes popin { from { -webkit-transform: scale(.8); opacity: 0; } to { -webkit-transform: scale(1); opacity: 1; } } @-moz-keyframes popin { from { -moz-transform: scale(.8); opacity: 0; } to { -moz-transform: scale(1); opacity: 1; } } @-webkit-keyframes popout { from { -webkit-transform: scale(1); opacity: 1; } to { -webkit-transform: scale(.8); opacity: 0; } } @-moz-keyframes popout { from { -moz-transform: scale(1); opacity: 1; } to { -moz-transform: scale(.8); opacity: 0; } } @-webkit-keyframes slideinfromright { from { -webkit-transform: translateX(100%); } to { -webkit-transform: translateX(0); } } @-moz-keyframes slideinfromright { from { -moz-transform: translateX(100%); } to { -moz-transform: translateX(0); } } @-webkit-keyframes slideinfromleft { from { -webkit-transform: translateX(-100%); } to { -webkit-transform: translateX(0); } } @-moz-keyframes slideinfromleft { from { -moz-transform: translateX(-100%); } to { -moz-transform: translateX(0); } } @-webkit-keyframes slideouttoleft { from { -webkit-transform: translateX(0); } to { -webkit-transform: translateX(-100%); } } @-moz-keyframes slideouttoleft { from { -moz-transform: translateX(0); } to { -moz-transform: translateX(-100%); } } @-webkit-keyframes slideouttoright { from { -webkit-transform: translateX(0); } to { -webkit-transform: translateX(100%); } } @-moz-keyframes slideouttoright { from { -moz-transform: translateX(0); } to { -moz-transform: translateX(100%); } } .slide.out, .slide.in { -webkit-animation-timing-function: ease-out; -webkit-animation-duration: 350ms; -moz-animation-timing-function: ease-out; -moz-animation-duration: 350ms; } .slide.out { -webkit-transform: translateX(-100%); -webkit-animation-name: slideouttoleft; -moz-transform: translateX(-100%); -moz-animation-name: slideouttoleft; } .slide.in { -webkit-transform: translateX(0); -webkit-animation-name: slideinfromright; -moz-transform: translateX(0); -moz-animation-name: slideinfromright; } .slide.out.reverse { -webkit-transform: translateX(100%); -webkit-animation-name: slideouttoright; -moz-transform: translateX(100%); -moz-animation-name: slideouttoright; } .slide.in.reverse { -webkit-transform: translateX(0); -webkit-animation-name: slideinfromleft; -moz-transform: translateX(0); -moz-animation-name: slideinfromleft; } .slidefade.out { -webkit-transform: translateX(-100%); -webkit-animation-name: slideouttoleft; -moz-transform: translateX(-100%); -moz-animation-name: slideouttoleft; -webkit-animation-duration: 225ms; -moz-animation-duration: 225ms; } .slidefade.in { -webkit-transform: translateX(0); -webkit-animation-name: fadein; -moz-transform: translateX(0); -moz-animation-name: fadein; -webkit-animation-duration: 200ms; -moz-animation-duration: 200ms; } .slidefade.out.reverse { -webkit-transform: translateX(100%); -webkit-animation-name: slideouttoright; -moz-transform: translateX(100%); -moz-animation-name: slideouttoright; -webkit-animation-duration: 200ms; -moz-animation-duration: 200ms; } .slidefade.in.reverse { -webkit-transform: translateX(0); -webkit-animation-name: fadein; -moz-transform: translateX(0); -moz-animation-name: fadein; -webkit-animation-duration: 200ms; -moz-animation-duration: 200ms; } .slidedown.out { -webkit-animation-name: fadeout; -moz-animation-name: fadeout; -webkit-animation-duration: 100ms; -moz-animation-duration: 100ms; } .slidedown.in { -webkit-transform: translateY(0); -webkit-animation-name: slideinfromtop; -moz-transform: translateY(0); -moz-animation-name: slideinfromtop; -webkit-animation-duration: 250ms; -moz-animation-duration: 250ms; } .slidedown.in.reverse { -webkit-animation-name: fadein; -moz-animation-name: fadein; -webkit-animation-duration: 150ms; -moz-animation-duration: 150ms; } .slidedown.out.reverse { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -webkit-animation-name: slideouttotop; -moz-animation-name: slideouttotop; -webkit-animation-duration: 200ms; -moz-animation-duration: 200ms; } @-webkit-keyframes slideinfromtop { from { -webkit-transform: translateY(-100%); } to { -webkit-transform: translateY(0); } } @-moz-keyframes slideinfromtop { from { -moz-transform: translateY(-100%); } to { -moz-transform: translateY(0); } } @-webkit-keyframes slideouttotop { from { -webkit-transform: translateY(0); } to { -webkit-transform: translateY(-100%); } } @-moz-keyframes slideouttotop { from { -moz-transform: translateY(0); } to { -moz-transform: translateY(-100%); } } .slideup.out { -webkit-animation-name: fadeout; -moz-animation-name: fadeout; -webkit-animation-duration: 100ms; -moz-animation-duration: 100ms; } .slideup.in { -webkit-transform: translateY(0); -webkit-animation-name: slideinfrombottom; -moz-transform: translateY(0); -moz-animation-name: slideinfrombottom; -webkit-animation-duration: 250ms; -moz-animation-duration: 250ms; } .slideup.in.reverse { -webkit-animation-name: fadein; -moz-animation-name: fadein; -webkit-animation-duration: 150ms; -moz-animation-duration: 150ms; } .slideup.out.reverse { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -webkit-animation-name: slideouttobottom; -moz-animation-name: slideouttobottom; -webkit-animation-duration: 200ms; -moz-animation-duration: 200ms; } @-webkit-keyframes slideinfrombottom { from { -webkit-transform: translateY(100%); } to { -webkit-transform: translateY(0); } } @-moz-keyframes slideinfrombottom { from { -moz-transform: translateY(100%); } to { -moz-transform: translateY(0); } } @-webkit-keyframes slideouttobottom { from { -webkit-transform: translateY(0); } to { -webkit-transform: translateY(100%); } } @-moz-keyframes slideouttobottom { from { -moz-transform: translateY(0); } to { -moz-transform: translateY(100%); } } .viewport-flip { -webkit-perspective: 1000; -moz-perspective: 1000; position: absolute; } .flip { -webkit-backface-visibility:hidden; -webkit-transform:translateX(0); -moz-backface-visibility:hidden; -moz-transform:translateX(0); } .flip.out { -webkit-transform: rotateY(-90deg) scale(.9); -webkit-animation-name: flipouttoleft; -webkit-animation-duration: 175ms; -moz-transform: rotateY(-90deg) scale(.9); -moz-animation-name: flipouttoleft; -moz-animation-duration: 175ms; } .flip.in { -webkit-animation-name: flipintoright; -webkit-animation-duration: 225ms; -moz-animation-name: flipintoright; -moz-animation-duration: 225ms; } .flip.out.reverse { -webkit-transform: rotateY(90deg) scale(.9); -webkit-animation-name: flipouttoright; -moz-transform: rotateY(90deg) scale(.9); -moz-animation-name: flipouttoright; } .flip.in.reverse { -webkit-animation-name: flipintoleft; -moz-animation-name: flipintoleft; } @-webkit-keyframes flipouttoleft { from { -webkit-transform: rotateY(0); } to { -webkit-transform: rotateY(-90deg) scale(.9); } } @-moz-keyframes flipouttoleft { from { -moz-transform: rotateY(0); } to { -moz-transform: rotateY(-90deg) scale(.9); } } @-webkit-keyframes flipouttoright { from { -webkit-transform: rotateY(0) ; } to { -webkit-transform: rotateY(90deg) scale(.9); } } @-moz-keyframes flipouttoright { from { -moz-transform: rotateY(0); } to { -moz-transform: rotateY(90deg) scale(.9); } } @-webkit-keyframes flipintoleft { from { -webkit-transform: rotateY(-90deg) scale(.9); } to { -webkit-transform: rotateY(0); } } @-moz-keyframes flipintoleft { from { -moz-transform: rotateY(-90deg) scale(.9); } to { -moz-transform: rotateY(0); } } @-webkit-keyframes flipintoright { from { -webkit-transform: rotateY(90deg) scale(.9); } to { -webkit-transform: rotateY(0); } } @-moz-keyframes flipintoright { from { -moz-transform: rotateY(90deg) scale(.9); } to { -moz-transform: rotateY(0); } } .viewport-turn { -webkit-perspective: 1000; -moz-perspective: 1000; position: absolute; } .turn { -webkit-backface-visibility:hidden; -webkit-transform:translateX(0); -webkit-transform-origin: 0; -moz-backface-visibility:hidden; -moz-transform:translateX(0); -moz-transform-origin: 0; } .turn.out { -webkit-transform: rotateY(-90deg) scale(.9); -webkit-animation-name: flipouttoleft; -moz-transform: rotateY(-90deg) scale(.9); -moz-animation-name: flipouttoleft; -webkit-animation-duration: 125ms; -moz-animation-duration: 125ms; } .turn.in { -webkit-animation-name: flipintoright; -moz-animation-name: flipintoright; -webkit-animation-duration: 250ms; -moz-animation-duration: 250ms; } .turn.out.reverse { -webkit-transform: rotateY(90deg) scale(.9); -webkit-animation-name: flipouttoright; -moz-transform: rotateY(90deg) scale(.9); -moz-animation-name: flipouttoright; } .turn.in.reverse { -webkit-animation-name: flipintoleft; -moz-animation-name: flipintoleft; } @-webkit-keyframes flipouttoleft { from { -webkit-transform: rotateY(0); } to { -webkit-transform: rotateY(-90deg) scale(.9); } } @-moz-keyframes flipouttoleft { from { -moz-transform: rotateY(0); } to { -moz-transform: rotateY(-90deg) scale(.9); } } @-webkit-keyframes flipouttoright { from { -webkit-transform: rotateY(0) ; } to { -webkit-transform: rotateY(90deg) scale(.9); } } @-moz-keyframes flipouttoright { from { -moz-transform: rotateY(0); } to { -moz-transform: rotateY(90deg) scale(.9); } } @-webkit-keyframes flipintoleft { from { -webkit-transform: rotateY(-90deg) scale(.9); } to { -webkit-transform: rotateY(0); } } @-moz-keyframes flipintoleft { from { -moz-transform: rotateY(-90deg) scale(.9); } to { -moz-transform: rotateY(0); } } @-webkit-keyframes flipintoright { from { -webkit-transform: rotateY(90deg) scale(.9); } to { -webkit-transform: rotateY(0); } } @-moz-keyframes flipintoright { from { -moz-transform: rotateY(90deg) scale(.9); } to { -moz-transform: rotateY(0); } } .flow { -webkit-transform-origin: 50% 30%; -moz-transform-origin: 50% 30%; -webkit-box-shadow: 0 0 20px rgba(0,0,0,.4); -moz-box-shadow: 0 0 20px rgba(0,0,0,.4); } .ui-dialog.flow { -webkit-transform-origin: none; -moz-transform-origin: none; -webkit-box-shadow: none; -moz-box-shadow: none; } .flow.out { -webkit-transform: translateX(-100%) scale(.7); -webkit-animation-name: flowouttoleft; -webkit-animation-timing-function: ease; -webkit-animation-duration: 350ms; -moz-transform: translateX(-100%) scale(.7); -moz-animation-name: flowouttoleft; -moz-animation-timing-function: ease; -moz-animation-duration: 350ms; } .flow.in { -webkit-transform: translateX(0) scale(1); -webkit-animation-name: flowinfromright; -webkit-animation-timing-function: ease; -webkit-animation-duration: 350ms; -moz-transform: translateX(0) scale(1); -moz-animation-name: flowinfromright; -moz-animation-timing-function: ease; -moz-animation-duration: 350ms; } .flow.out.reverse { -webkit-transform: translateX(100%); -webkit-animation-name: flowouttoright; -moz-transform: translateX(100%); -moz-animation-name: flowouttoright; } .flow.in.reverse { -webkit-animation-name: flowinfromleft; -moz-animation-name: flowinfromleft; } @-webkit-keyframes flowouttoleft { 0% { -webkit-transform: translateX(0) scale(1); } 60%, 70% { -webkit-transform: translateX(0) scale(.7); } 100% { -webkit-transform: translateX(-100%) scale(.7); } } @-moz-keyframes flowouttoleft { 0% { -moz-transform: translateX(0) scale(1); } 60%, 70% { -moz-transform: translateX(0) scale(.7); } 100% { -moz-transform: translateX(-100%) scale(.7); } } @-webkit-keyframes flowouttoright { 0% { -webkit-transform: translateX(0) scale(1); } 60%, 70% { -webkit-transform: translateX(0) scale(.7); } 100% { -webkit-transform: translateX(100%) scale(.7); } } @-moz-keyframes flowouttoright { 0% { -moz-transform: translateX(0) scale(1); } 60%, 70% { -moz-transform: translateX(0) scale(.7); } 100% { -moz-transform: translateX(100%) scale(.7); } } @-webkit-keyframes flowinfromleft { 0% { -webkit-transform: translateX(-100%) scale(.7); } 30%, 40% { -webkit-transform: translateX(0) scale(.7); } 100% { -webkit-transform: translateX(0) scale(1); } } @-moz-keyframes flowinfromleft { 0% { -moz-transform: translateX(-100%) scale(.7); } 30%, 40% { -moz-transform: translateX(0) scale(.7); } 100% { -moz-transform: translateX(0) scale(1); } } @-webkit-keyframes flowinfromright { 0% { -webkit-transform: translateX(100%) scale(.7); } 30%, 40% { -webkit-transform: translateX(0) scale(.7); } 100% { -webkit-transform: translateX(0) scale(1); } } @-moz-keyframes flowinfromright { 0% { -moz-transform: translateX(100%) scale(.7); } 30%, 40% { -moz-transform: translateX(0) scale(.7); } 100% { -moz-transform: translateX(0) scale(1); } } .ui-grid-a, .ui-grid-b, .ui-grid-c, .ui-grid-d { overflow: hidden; } .ui-block-a, .ui-block-b, .ui-block-c, .ui-block-d, .ui-block-e { margin: 0; padding: 0; border: 0; float: left; min-height: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .ui-grid-solo .ui-block-a { display: block; float: none; } .ui-grid-a .ui-block-a, .ui-grid-a .ui-block-b { width: 49.95%; } .ui-grid-a > :nth-child(n) { width: 50%; margin-right: -.5px; } .ui-grid-a .ui-block-a { clear: left; } .ui-grid-b .ui-block-a, .ui-grid-b .ui-block-b, .ui-grid-b .ui-block-c { width: 33.25%; } .ui-grid-b > :nth-child(n) { width: 33.333%; margin-right: -.5px; } .ui-grid-b .ui-block-a { clear: left; } .ui-grid-c .ui-block-a, .ui-grid-c .ui-block-b, .ui-grid-c .ui-block-c, .ui-grid-c .ui-block-d { width: 24.925%; } .ui-grid-c > :nth-child(n) { width: 25%; margin-right: -.5px; } .ui-grid-c .ui-block-a { clear: left; } .ui-grid-d .ui-block-a, .ui-grid-d .ui-block-b, .ui-grid-d .ui-block-c, .ui-grid-d .ui-block-d, .ui-grid-d .ui-block-e { width: 19.925%; } .ui-grid-d > :nth-child(n) { width: 20%; } .ui-grid-d .ui-block-a { clear: left; } .ui-header-fixed, .ui-footer-fixed { left: 0; right: 0; width: 100%; position: fixed; z-index: 1000; } .ui-header-fixed { top: 0; } .ui-footer-fixed { bottom: 0; } .ui-header-fullscreen, .ui-footer-fullscreen { filter: Alpha(Opacity=90); opacity: .9; } .ui-page-header-fixed { padding-top: 2.6875em; } .ui-page-footer-fixed { padding-bottom: 2.6875em; } .ui-page-header-fullscreen .ui-content, .ui-page-footer-fullscreen .ui-content { padding: 0; } .ui-fixed-hidden { position: absolute; } .ui-page-header-fullscreen .ui-fixed-hidden, .ui-page-footer-fullscreen .ui-fixed-hidden { left: -9999px; } .ui-header-fixed .ui-btn, .ui-footer-fixed .ui-btn { z-index: 10; } .ui-navbar { max-width: 100%; } .ui-navbar.ui-mini { margin: 0; } .ui-navbar ul:before, .ui-navbar ul:after { content: " "; display: table; } .ui-navbar ul:after { clear: both; } .ui-navbar ul { list-style:none; margin: 0; padding: 0; position: relative; display: block; border: 0; max-width: 100%; overflow: visible; zoom: 1; } .ui-navbar li .ui-btn { display: block; text-align: center; margin: 0 -1px 0 0; border-right-width: 0; } .ui-navbar li .ui-btn-icon-right .ui-icon { right: 6px; } .ui-navbar li:last-child .ui-btn, .ui-navbar .ui-grid-duo .ui-block-b .ui-btn { margin-right: 0; border-right-width: 1px; } .ui-header .ui-navbar li:last-child .ui-btn, .ui-footer .ui-navbar li:last-child .ui-btn, .ui-header .ui-navbar .ui-grid-duo .ui-block-b .ui-btn, .ui-footer .ui-navbar .ui-grid-duo .ui-block-b .ui-btn { margin-right: -1px; border-right-width: 0; } .ui-navbar .ui-grid-duo li.ui-block-a:last-child .ui-btn { margin-right: -1px; border-right-width: 1px; } .ui-header .ui-navbar li .ui-btn, .ui-footer .ui-navbar li .ui-btn { border-top-width: 0; border-bottom-width: 0; } .ui-header .ui-navbar .ui-grid-b li.ui-block-c .ui-btn, .ui-footer .ui-navbar .ui-grid-b li.ui-block-c .ui-btn { margin-right: -5px; } .ui-header .ui-navbar .ui-grid-c li.ui-block-d .ui-btn, .ui-footer .ui-navbar .ui-grid-c li.ui-block-d .ui-btn, .ui-header .ui-navbar .ui-grid-d li.ui-block-e .ui-btn, .ui-footer .ui-navbar .ui-grid-d li.ui-block-e .ui-btn { margin-right: -4px; } .ui-header .ui-navbar .ui-grid-b li.ui-block-c .ui-btn-icon-right .ui-icon, .ui-footer .ui-navbar .ui-grid-b li.ui-block-c .ui-btn-icon-right .ui-icon, .ui-header .ui-navbar .ui-grid-c li.ui-block-d .ui-btn-icon-right .ui-icon, .ui-footer .ui-navbar .ui-grid-c li.ui-block-d .ui-btn-icon-right .ui-icon, .ui-header .ui-navbar .ui-grid-d li.ui-block-e .ui-btn-icon-right .ui-icon, .ui-footer .ui-navbar .ui-grid-d li.ui-block-e .ui-btn-icon-right .ui-icon { right: 8px; } .ui-navbar li .ui-btn .ui-btn-inner { padding-top: .7em; padding-bottom: .8em } .ui-navbar li .ui-btn-icon-top .ui-btn-inner { padding-top: 30px; } .ui-navbar li .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 30px; } .ui-btn { display: block; text-align: center; cursor:pointer; position: relative; margin: .5em 0; padding: 0; } .ui-mini { margin-top: .25em; margin-bottom: .25em; } .ui-btn-left, .ui-btn-right, .ui-input-clear, .ui-btn-inline, .ui-grid-a .ui-btn, .ui-grid-b .ui-btn, .ui-grid-c .ui-btn, .ui-grid-d .ui-btn, .ui-grid-e .ui-btn, .ui-grid-solo .ui-btn { margin-right: 5px; margin-left: 5px; } .ui-btn-inner { font-size: 16px; padding: .6em 20px; min-width: .75em; display: block; position: relative; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; zoom: 1; } .ui-btn input, .ui-btn button { z-index: 2; } .ui-btn-left, .ui-btn-right, .ui-btn-inline { display: inline-block; vertical-align: middle; } .ui-mobile .ui-btn-left, .ui-mobile .ui-btn-right { margin: 0; } .ui-btn-block { display: block; } .ui-header > .ui-btn, .ui-footer > .ui-btn { display: inline-block; margin: 0; } .ui-header .ui-btn-block, .ui-footer .ui-btn-block { display: block; } .ui-header .ui-btn-inner, .ui-footer .ui-btn-inner, .ui-mini .ui-btn-inner { font-size: 12.5px; padding: .55em 11px .5em; } .ui-fullsize .ui-btn-inner, .ui-fullsize .ui-btn-inner { font-size: 16px; padding: .6em 20px; } .ui-btn-icon-notext { width: 24px; height: 24px; } .ui-btn-icon-notext .ui-btn-inner { padding: 0; height: 100%; } .ui-btn-icon-notext .ui-btn-inner .ui-icon { margin: 2px 1px 2px 3px; float: left; } .ui-btn-text { position: relative; z-index: 1; width: 100%; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .ui-btn-icon-notext .ui-btn-text { position: absolute; left: -9999px; } .ui-btn-icon-left .ui-btn-inner { padding-left: 40px; } .ui-btn-icon-right .ui-btn-inner { padding-right: 40px; } .ui-btn-icon-top .ui-btn-inner { padding-top: 40px; } .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 40px; } .ui-header .ui-btn-icon-left .ui-btn-inner, .ui-footer .ui-btn-icon-left .ui-btn-inner, .ui-mini.ui-btn-icon-left .ui-btn-inner, .ui-mini .ui-btn-icon-left .ui-btn-inner { padding-left: 30px; } .ui-header .ui-btn-icon-right .ui-btn-inner, .ui-footer .ui-btn-icon-right .ui-btn-inner, .ui-mini.ui-btn-icon-right .ui-btn-inner, .ui-mini .ui-btn-icon-right .ui-btn-inner { padding-right: 30px; } .ui-header .ui-btn-icon-top .ui-btn-inner, .ui-footer .ui-btn-icon-top .ui-btn-inner { padding: 30px 3px .5em 3px; } .ui-mini.ui-btn-icon-top .ui-btn-inner, .ui-mini .ui-btn-icon-top .ui-btn-inner { padding-top: 30px; } .ui-header .ui-btn-icon-bottom .ui-btn-inner, .ui-footer .ui-btn-icon-bottom .ui-btn-inner { padding: .55em 3px 30px 3px; } .ui-mini.ui-btn-icon-bottom .ui-btn-inner, .ui-mini .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 30px; } .ui-btn-icon-notext .ui-icon { display: block; z-index: 0;} .ui-btn-icon-left > .ui-btn-inner > .ui-icon, .ui-btn-icon-right > .ui-btn-inner > .ui-icon { position: absolute; top: 50%; margin-top: -9px; } .ui-btn-icon-top .ui-btn-inner .ui-icon, .ui-btn-icon-bottom .ui-btn-inner .ui-icon { position: absolute; left: 50%; margin-left: -9px; } .ui-btn-icon-left .ui-icon { left: 10px; } .ui-btn-icon-right .ui-icon { right: 10px; } .ui-btn-icon-top .ui-icon { top: 10px; } .ui-btn-icon-bottom .ui-icon { top: auto; bottom: 10px; } .ui-header .ui-btn-icon-left .ui-icon, .ui-footer .ui-btn-icon-left .ui-icon, .ui-mini.ui-btn-icon-left .ui-icon, .ui-mini .ui-btn-icon-left .ui-icon { left: 5px; } .ui-header .ui-btn-icon-right .ui-icon, .ui-footer .ui-btn-icon-right .ui-icon, .ui-mini.ui-btn-icon-right .ui-icon, .ui-mini .ui-btn-icon-right .ui-icon { right: 5px; } .ui-header .ui-btn-icon-top .ui-icon, .ui-footer .ui-btn-icon-top .ui-icon, .ui-mini.ui-btn-icon-top .ui-icon, .ui-mini .ui-btn-icon-top .ui-icon { top: 5px; } .ui-header .ui-btn-icon-bottom .ui-icon, .ui-footer .ui-btn-icon-bottom .ui-icon, .ui-mini.ui-btn-icon-bottom .ui-icon, .ui-mini .ui-btn-icon-bottom .ui-icon { bottom: 5px; } .ui-btn-hidden { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-appearance: none; cursor: pointer; background: #fff; background: rgba(255,255,255,0); filter: Alpha(Opacity=0); opacity: .1; font-size: 1px; border: none; text-indent: -9999px; } .ui-disabled .ui-btn-hidden { display: none; } .ui-disabled { z-index: 1; } .ui-field-contain .ui-btn.ui-submit { margin: 0; } label.ui-submit { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; display: block; } @media all and (min-width: 450px){ .ui-field-contain label.ui-submit { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; } .ui-field-contain .ui-btn.ui-submit { width: 78%; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .ui-hide-label .ui-btn.ui-submit { width: auto; display: block; } } .ui-collapsible-inset { margin: .5em 0; } .ui-collapsible-heading { font-size: 16px; display: block; margin: 0 -15px; padding: 0; position: relative; } .ui-collapsible-inset .ui-collapsible-heading { margin: 0; } .ui-collapsible-heading .ui-btn { text-align: left; margin: 0; border-left-width: 0; border-right-width: 0; } .ui-collapsible-inset .ui-collapsible-heading .ui-btn { border-right-width: 1px; border-left-width: 1px; } .ui-collapsible-collapsed + .ui-collapsible:not(.ui-collapsible-inset) .ui-collapsible-heading .ui-btn { border-top-width: 0; } .ui-collapsible-set .ui-collapsible:not(.ui-collapsible-inset) .ui-collapsible-heading .ui-btn { border-top-width: 1px; } .ui-collapsible-heading .ui-btn-inner, .ui-collapsible-heading .ui-btn-icon-left .ui-btn-inner { padding-left: 40px; } .ui-collapsible-heading .ui-btn-icon-right .ui-btn-inner { padding-left: 12px; padding-right: 40px; } .ui-collapsible-heading .ui-btn-icon-top .ui-btn-inner, .ui-collapsible-heading .ui-btn-icon-bottom .ui-btn-inner { padding-right: 40px; text-align: center; } .ui-collapsible-heading .ui-btn span.ui-btn { position: absolute; left: 6px; top: 50%; margin: -12px 0 0 0; width: 20px; height: 20px; padding: 1px 0px 1px 2px; text-indent: -9999px; } .ui-collapsible-heading .ui-btn span.ui-btn .ui-btn-inner { padding: 10px 0; } .ui-collapsible-heading .ui-btn span.ui-btn .ui-icon { left: 0; margin-top: -10px; } .ui-collapsible-heading-status { position: absolute; top: -9999px; left:0px; } .ui-collapsible-content { display: block; margin: 0 -15px; padding: 10px 15px; border-left-width: 0; border-right-width: 0; border-top: none; background-image: none; } .ui-collapsible-inset .ui-collapsible-content { margin: 0; border-right-width: 1px; border-left-width: 1px; } .ui-collapsible-content-collapsed { display: none; } .ui-collapsible-set { margin: .5em 0; } .ui-collapsible-set .ui-collapsible { margin: -1px 0 0; } .ui-collapsible-set .ui-collapsible:first-child { margin-top: 0; } .ui-controlgroup, fieldset.ui-controlgroup { padding: 0; margin: .5em 0; zoom: 1; } .ui-controlgroup.ui-mini, fieldset.ui-controlgroup.ui-mini { margin: .25em 0; } .ui-field-contain .ui-controlgroup, .ui-field-contain fieldset.ui-controlgroup { margin: 0; } .ui-bar .ui-controlgroup { margin: 0 5px; } .ui-controlgroup-label { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .4em; } .ui-controlgroup li { list-style: none; } .ui-controlgroup-vertical .ui-btn, .ui-controlgroup-vertical .ui-checkbox, .ui-controlgroup-vertical .ui-radio { margin: 0; border-bottom-width: 0; } .ui-controlgroup-vertical .ui-controlgroup-last { border-bottom-width: 1px; } .ui-controlgroup-controls label.ui-select { position: absolute; left: -9999px; } .ui-controlgroup .ui-btn-icon-notext { width: auto; height: auto; top: auto; } .ui-controlgroup .ui-btn-icon-notext .ui-btn-inner { height: 20px; padding: .6em 20px .6em 20px } .ui-controlgroup-horizontal .ui-btn-icon-notext .ui-btn-inner { width: 18px; } .ui-controlgroup.ui-mini .ui-btn-icon-notext .ui-btn-inner, .ui-header .ui-controlgroup .ui-btn-icon-notext .ui-btn-inner, .ui-footer .ui-controlgroup .ui-btn-icon-notext .ui-btn-inner { height: 16px; padding: .55em 11px .5em 11px; } .ui-controlgroup .ui-btn-icon-notext .ui-btn-inner .ui-icon { position: absolute; top: 50%; right: 50%; margin: -9px -9px 0 0; } .ui-controlgroup-horizontal .ui-controlgroup-controls:before, .ui-controlgroup-horizontal .ui-controlgroup-controls:after { content: ""; display: table; } .ui-controlgroup-horizontal .ui-controlgroup-controls:after { clear: both; } .ui-controlgroup-horizontal .ui-controlgroup-controls { display: inline-block; vertical-align: middle; zoom: 1; } .ui-controlgroup-horizontal .ui-btn-inner { text-align: center; } .ui-controlgroup-horizontal.ui-mini .ui-btn-inner { height: 16px; line-height: 16px; } .ui-controlgroup-horizontal .ui-btn, .ui-controlgroup-horizontal .ui-select, .ui-controlgroup-horizontal .ui-checkbox, .ui-controlgroup-horizontal .ui-radio { float: left; clear: none; margin: 0 -1px 0 0; } .ui-controlgroup-horizontal .ui-select .ui-btn, .ui-controlgroup-horizontal .ui-checkbox .ui-btn, .ui-controlgroup-horizontal .ui-radio .ui-btn { float: none; margin: 0; } .ui-controlgroup-horizontal .ui-controlgroup-last, .ui-controlgroup-horizontal .ui-select:last-child, .ui-controlgroup-horizontal .ui-checkbox:last-child, .ui-controlgroup-horizontal .ui-radio:last-child { margin-right: 0; } .ui-controlgroup .ui-checkbox label, .ui-controlgroup .ui-radio label { font-size: 16px; } @media all and (min-width: 450px){ .ui-field-contain .ui-controlgroup-label { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; } .ui-field-contain .ui-controlgroup-controls { width: 78%; display: inline-block; } .ui-field-contain .ui-controlgroup .ui-select { width: 100%; display: block; } .ui-field-contain .ui-controlgroup-horizontal .ui-select { width: auto; } .ui-hide-label .ui-controlgroup-controls { width: 100%; } } .ui-dialog { background: none !important; } .ui-dialog-contain { width: 92.5%; max-width: 500px; margin: 10% auto 15px auto; padding: 0; position: relative; top: -15px; } .ui-dialog-contain > .ui-header, .ui-dialog-contain > .ui-content, .ui-dialog-contain > .ui-footer { display: block; position: relative; width: auto; margin: 0; } .ui-dialog-contain > .ui-header { border: none; overflow: hidden; z-index: 10; padding: 0; } .ui-dialog-contain > .ui-content { padding: 15px; } .ui-dialog-contain > .ui-footer { z-index: 10; padding: 0 15px; } .ui-popup-open .ui-header-fixed, .ui-popup-open .ui-footer-fixed { position: absolute !important; } .ui-popup-screen { background-image: url(data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==); top: 0px; left: 0px; right: 0px; bottom: 1px; position: absolute; filter: Alpha(Opacity=0); opacity: 0; z-index: 1099; } .ui-popup-screen.in { opacity: 0.5; filter: Alpha(Opacity=50); } .ui-popup-screen.out { opacity: 0; filter: Alpha(Opacity=0); } .ui-popup-container { z-index: 1100; display: inline-block; position: absolute; padding: 0; outline: 0; } .ui-popup { position: relative; } .ui-popup.ui-content, .ui-popup .ui-content { overflow: visible; } .ui-popup > p, .ui-popup > h1, .ui-popup > h2, .ui-popup > h3, .ui-popup > h4, .ui-popup > h5, .ui-popup > h6 { margin: .5em 7px; } .ui-popup > span { display: block; margin: .5em 7px; } .ui-popup .ui-title { font-size: 16px; font-weight: bold; margin-top: .5em; margin-bottom: .5em; } .ui-popup-container .ui-content > p, .ui-popup-container .ui-content > h1, .ui-popup-container .ui-content > h2, .ui-popup-container .ui-content > h3, .ui-popup-container .ui-content > h4, .ui-popup-container .ui-content > h5, .ui-popup-container .ui-content > h6 { margin: .5em 0; } .ui-popup-container .ui-content > span { margin: 0; } .ui-popup-container .ui-content > p:first-child, .ui-popup-container .ui-content > h1:first-child, .ui-popup-container .ui-content > h2:first-child, .ui-popup-container .ui-content > h3:first-child, .ui-popup-container .ui-content > h4:first-child, .ui-popup-container .ui-content > h5:first-child, .ui-popup-container .ui-content > h6:first-child { margin-top: 0; } .ui-popup-container .ui-content > p:last-child, .ui-popup-container .ui-content > h1:last-child, .ui-popup-container .ui-content > h2:last-child, .ui-popup-container .ui-content > h3:last-child, .ui-popup-container .ui-content > h4:last-child, .ui-popup-container .ui-content > h5:last-child, .ui-popup-container .ui-content > h6:last-child { margin-bottom: 0; } .ui-popup > img { width: auto; height: auto; max-width: 100%; max-height: 100%; vertical-align: middle; } .ui-popup iframe { vertical-align: middle; } @media all and (min-width: 450px){ .ui-popup .ui-field-contain label.ui-submit, .ui-popup .ui-field-contain .ui-controlgroup-label, .ui-popup .ui-field-contain label.ui-select, .ui-popup .ui-field-contain label.ui-input-text { font-size: 16px; line-height: 1.4; display: block; font-weight: normal; margin: 0 0 .3em; } .ui-popup .ui-field-contain .ui-btn.ui-submit, .ui-popup .ui-field-contain .ui-controlgroup-controls, .ui-popup .ui-field-contain .ui-select, .ui-popup .ui-field-contain input.ui-input-text, .ui-popup .ui-field-contain textarea.ui-input-text, .ui-popup .ui-field-contain .ui-input-search { width: 100%; display: block; } } .ui-popup > .ui-btn-left, .ui-popup > .ui-btn-right { position: absolute; top: -9px; margin: 0; z-index: 1101; } .ui-popup > .ui-btn-left { left: -9px; } .ui-popup > .ui-btn-right { right: -9px; } .ui-popup.ui-corner-all > .ui-header, .ui-popup.ui-corner-all ~ .ui-content, .ui-popup.ui-corner-all > .ui-content:first-child { -webkit-border-top-left-radius: inherit; border-top-left-radius: inherit; -webkit-border-top-right-radius: inherit; border-top-right-radius: inherit; } .ui-popup.ui-corner-all > .ui-content, .ui-popup.ui-corner-all > .ui-footer, .ui-popup.ui-corner-all > .ui-header:nth-child(n):last-child { -webkit-border-bottom-left-radius: inherit; border-bottom-left-radius: inherit; -webkit-border-bottom-right-radius: inherit; border-bottom-right-radius: inherit; } .ui-popup.ui-corner-all > .ui-content:nth-child(2), .ui-popup.ui-corner-all > .ui-header:nth-child(2) { -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; } .ui-popup.ui-corner-all > .ui-content:nth-last-child(1n+2), .ui-popup.ui-corner-all > .ui-footer:nth-last-child(1n+2) { -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; } .ui-popup.ui-corner-all > .ui-header:only-child, .ui-popup.ui-corner-all > .ui-footer:only-child { -webkit-border-radius: inherit; border-radius: inherit; } .ui-checkbox, .ui-radio { position: relative; clear: both; margin: 0; z-index: 1; } .ui-checkbox .ui-btn, .ui-radio .ui-btn { margin-top: .5em; margin-bottom: .5em; text-align: left; z-index: 2; } .ui-checkbox .ui-btn.ui-mini, .ui-radio .ui-btn.ui-mini { margin: .25em 0; } .ui-controlgroup .ui-checkbox .ui-btn, .ui-controlgroup .ui-radio .ui-btn { margin: 0; } .ui-checkbox .ui-btn-inner, .ui-radio .ui-btn-inner { white-space: normal; } .ui-checkbox .ui-btn-icon-left .ui-btn-inner,.ui-radio .ui-btn-icon-left .ui-btn-inner { padding-left: 45px; } .ui-checkbox .ui-mini.ui-btn-icon-left .ui-btn-inner,.ui-radio .ui-mini.ui-btn-icon-left .ui-btn-inner { padding-left: 36px; } .ui-checkbox .ui-btn-icon-right .ui-btn-inner, .ui-radio .ui-btn-icon-right .ui-btn-inner { padding-right: 45px; } .ui-checkbox .ui-mini.ui-btn-icon-right .ui-btn-inner, .ui-radio .ui-mini.ui-btn-icon-right .ui-btn-inner { padding-right: 36px; } .ui-checkbox .ui-btn-icon-top .ui-btn-inner,.ui-radio .ui-btn-icon-top .ui-btn-inner { padding-right: 0; padding-left: 0; text-align: center; } .ui-checkbox .ui-btn-icon-bottom .ui-btn-inner, .ui-radio .ui-btn-icon-bottom .ui-btn-inner { padding-right: 0; padding-left: 0; text-align: center; } .ui-checkbox .ui-icon, .ui-radio .ui-icon { top: 1.1em; } .ui-checkbox .ui-btn-icon-left .ui-icon, .ui-radio .ui-btn-icon-left .ui-icon { left: 15px; } .ui-checkbox .ui-mini.ui-btn-icon-left .ui-icon, .ui-radio .ui-mini.ui-btn-icon-left .ui-icon { left: 9px; } .ui-checkbox .ui-btn-icon-right .ui-icon, .ui-radio .ui-btn-icon-right .ui-icon { right: 15px; } .ui-checkbox .ui-mini.ui-btn-icon-right .ui-icon, .ui-radio .ui-mini.ui-btn-icon-right .ui-icon { right: 9px; } .ui-checkbox .ui-btn-icon-top .ui-icon, .ui-radio .ui-btn-icon-top .ui-icon { top: 10px; } .ui-checkbox .ui-btn-icon-bottom .ui-icon, .ui-radio .ui-btn-icon-bottom .ui-icon { top: auto; bottom: 10px; } .ui-checkbox .ui-btn-icon-right .ui-icon, .ui-radio .ui-btn-icon-right .ui-icon { right: 15px; } .ui-checkbox .ui-mini.ui-btn-icon-right .ui-icon, .ui-radio .ui-mini.ui-btn-icon-right .ui-icon { right: 9px; } .ui-checkbox input,.ui-radio input { position:absolute; left:20px; top:50%; width: 10px; height: 10px; margin:-5px 0 0 0; outline: 0 !important; z-index: 1; } .ui-field-contain, fieldset.ui-field-contain { padding: .8em 0; margin: 0; border-width: 0 0 1px 0; overflow: visible; } .ui-field-contain:last-child { border-bottom-width: 0; } .ui-field-contain { max-width: 100%; } @media all and (min-width: 450px){ .ui-field-contain, .ui-mobile fieldset.ui-field-contain { border-width: 0; padding: 0; margin: 1em 0; } } .ui-select { display: block; position: relative; } .ui-select select { position: absolute; left: -9999px; top: -9999px; } .ui-select .ui-btn { overflow: hidden; opacity: 1; } .ui-field-contain .ui-select .ui-btn { margin: 0; } .ui-select .ui-btn select { cursor: pointer; -webkit-appearance: none; left: 0; top:0; width: 100%; min-height: 1.5em; min-height: 100%; height: 3em; max-height: 100%; filter: Alpha(Opacity=0); opacity: 0; z-index: 2; } .ui-select .ui-disabled { opacity: .3; } .ui-select .ui-disabled select { display: none; } @-moz-document url-prefix() { .ui-select .ui-btn select { opacity: 0.0001; }} .ui-select .ui-btn.ui-select-nativeonly { border-radius: 0; border: 0; } .ui-select .ui-btn.ui-select-nativeonly select { opacity: 1; text-indent: 0; display: block; } .ui-select .ui-disabled.ui-select-nativeonly .ui-btn-inner { opacity: 0; } .ui-select .ui-btn-icon-right .ui-btn-inner, .ui-select .ui-li-has-count .ui-btn-inner { padding-right: 45px; } .ui-select .ui-mini.ui-btn-icon-right .ui-btn-inner { padding-right: 32px; } .ui-select .ui-btn-icon-right.ui-li-has-count .ui-btn-inner { padding-right: 80px; } .ui-select .ui-mini.ui-btn-icon-right.ui-li-has-count .ui-btn-inner { padding-right: 67px; } .ui-select .ui-btn-icon-right .ui-icon { right: 15px; } .ui-select .ui-mini.ui-btn-icon-right .ui-icon { right: 7px; } .ui-select .ui-btn-icon-right.ui-li-has-count .ui-li-count { right: 45px; } .ui-select .ui-mini.ui-btn-icon-right.ui-li-has-count .ui-li-count { right: 32px; } label.ui-select { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; display: block; } .ui-select .ui-btn-text, .ui-selectmenu .ui-btn-text { display: block; min-height: 1em; overflow: hidden !important; } .ui-select .ui-btn-text { text-overflow: ellipsis; } .ui-selectmenu { padding: 6px; min-width: 160px; } .ui-selectmenu .ui-listview { margin: 0; } .ui-selectmenu .ui-btn.ui-li-divider { cursor: default; } .ui-selectmenu-hidden { top: -99999px; left: -9999px; } .ui-screen-hidden, .ui-selectmenu-list .ui-li .ui-icon { display: none; } .ui-selectmenu-list .ui-li .ui-icon { display: block; } .ui-li.ui-selectmenu-placeholder { display: none; } .ui-selectmenu .ui-header { margin: 0; padding: 0; } .ui-selectmenu .ui-header .ui-title { margin: 0.6em 46px 0.8em; } @media all and (min-width: 450px){ .ui-field-contain label.ui-select { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; } .ui-field-contain .ui-select { width: 78%; display: inline-block; } .ui-hide-label .ui-select { width: 100%; } } .ui-selectmenu .ui-header h1:after { content: '.'; visibility: hidden; } label.ui-input-text { font-size: 16px; line-height: 1.4; display: block; font-weight: normal; margin: 0 0 .3em; } input.ui-input-text, textarea.ui-input-text { background-image: none; padding: .4em; margin: .5em 0; line-height: 1.4; font-size: 16px; display: block; width: 100%; outline: 0; } input.ui-input-text.ui-mini, textarea.ui-input-text.ui-mini { margin: .25em 0; } .ui-field-contain input.ui-input-text, .ui-field-contain textarea.ui-input-text { margin: 0; } input.ui-input-text, textarea.ui-input-text, .ui-input-search { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } input.ui-input-text { -webkit-appearance: none; } textarea.ui-input-text { height: 50px; -webkit-transition: height 200ms linear; -moz-transition: height 200ms linear; -o-transition: height 200ms linear; transition: height 200ms linear; } .ui-input-search { padding: 0 30px; margin: .5em 0; background-image: none; position: relative; } .ui-input-search.ui-mini { margin: .25em 0; } .ui-field-contain .ui-input-search { margin: 0; } .ui-icon-searchfield:after { position: absolute; left: 7px; top: 50%; margin-top: -9px; content: ""; width: 18px; height: 18px; opacity: .5; } .ui-input-search input.ui-input-text { border: none; width: 98%; padding: .4em 0; margin: 0; display: block; background: transparent none; outline: 0 !important; } .ui-input-search .ui-input-clear { position: absolute; right: 0; top: 50%; margin-top: -13px; } .ui-mini .ui-input-clear { right: -3px; } .ui-input-search .ui-input-clear-hidden { display: none; } input.ui-mini, .ui-mini input, textarea.ui-mini { font-size: 14px; } textarea.ui-mini { height: 45px; } @media all and (min-width: 450px){ .ui-field-contain label.ui-input-text { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0 } .ui-field-contain input.ui-input-text, .ui-field-contain textarea.ui-input-text, .ui-field-contain .ui-input-search { width: 78%; display: inline-block; } .ui-hide-label input.ui-input-text, .ui-hide-label textarea.ui-input-text, .ui-hide-label .ui-input-search { width: 100%; } .ui-input-search input.ui-input-text { width: 98%; } } .ui-listview { margin: 0; } ol.ui-listview, ol.ui-listview .ui-li-divider { counter-reset: listnumbering; } .ui-content .ui-listview { margin: -15px; } .ui-collapsible-content > .ui-listview { margin: -10px -15px; } .ui-content .ui-listview-inset { margin: 1em 0; } .ui-collapsible-content .ui-listview-inset { margin: .5em 0; } .ui-listview, .ui-li { list-style:none; padding:0; } .ui-li, .ui-li.ui-field-contain { display: block; margin:0; position: relative; overflow: visible; text-align: left; border-width: 0; border-top-width: 1px; } .ui-li.ui-btn { margin: 0; } .ui-li .ui-btn-text a.ui-link-inherit { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .ui-li-static { background-image: none; } .ui-li-divider { padding: .5em 15px; font-size: 14px; font-weight: bold; } ol.ui-listview .ui-link-inherit:before, ol.ui-listview .ui-li-static:before, .ui-li-dec { font-size: .8em; display: inline-block; padding-right: .3em; font-weight: normal; counter-increment: listnumbering; content: counter(listnumbering) ". "; } ol.ui-listview .ui-li-jsnumbering:before { content: "" !important; } .ui-listview-inset .ui-li { border-right-width: 1px; border-left-width: 1px; } .ui-li-last, .ui-li.ui-field-contain.ui-li-last { border-bottom-width: 1px; } .ui-collapsible [class*="ui-body"] > .ui-listview:not(.ui-listview-inset) .ui-li-last { border-bottom-width: 0; } .ui-collapsible-content > .ui-listview:not(.ui-listview-inset) .ui-li:first-child { border-top-width: 0; } .ui-collapsible-content > .ui-listview:not(.ui-listview-inset), .ui-collapsible-content > .ui-listview:not(.ui-listview-inset) .ui-li-last { -webkit-border-bottom-left-radius: inherit; -webkit-border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; } .ui-collapsible-content > .ui-listview:not(.ui-listview-inset) .ui-li-last .ui-li-link-alt { -webkit-border-bottom-right-radius: inherit; border-bottom-right-radius: inherit; } .ui-li>.ui-btn-inner { display: block; position: relative; padding: 0; } .ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li { padding: .7em 15px; display: block; } .ui-li-has-thumb .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-thumb { min-height: 60px; padding-left: 100px; } .ui-li-has-icon .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-icon { min-height: 20px; padding-left: 40px; } .ui-li-has-count .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-count, .ui-li-divider.ui-li-has-count { padding-right: 45px; } .ui-li-has-arrow .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-arrow { padding-right: 40px; } .ui-li-has-arrow.ui-li-has-count .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-arrow.ui-li-has-count { padding-right: 75px; } .ui-li-heading { font-size: 16px; font-weight: bold; display: block; margin: .6em 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .ui-li-desc { font-size: 12px; font-weight: normal; display: block; margin: -.5em 0 .6em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .ui-li-thumb, .ui-listview .ui-li-icon { position: absolute; left: 1px; top: 0; max-height: 80px; max-width: 80px; } .ui-listview .ui-li-icon { max-height: 16px; max-width: 16px; left: 10px; top: .9em; } .ui-li-thumb, .ui-listview .ui-li-icon, .ui-li-content { float: left; margin-right: 10px; } .ui-li-aside { float: right; width: 50%; text-align: right; margin: .3em 0; } @media all and (min-width: 480px){ .ui-li-aside { width: 45%; } } .ui-li-divider { cursor: default; } .ui-li-has-alt .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-alt { padding-right: 53px; } .ui-li-has-alt.ui-li-has-count .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-alt.ui-li-has-count { padding-right: 88px; } .ui-li-has-count .ui-li-count { position: absolute; font-size: 11px; font-weight: bold; padding: .2em .5em; top: 50%; margin-top: -.9em; right: 10px; } .ui-li-has-count.ui-li-divider .ui-li-count, .ui-li-has-count .ui-link-inherit .ui-li-count { margin-top: -.95em; } .ui-li-has-arrow.ui-li-has-count .ui-li-count { right: 40px; } .ui-li-has-alt.ui-li-has-count .ui-li-count { right: 53px; } .ui-li-link-alt { position: absolute; width: 40px; height: 100%; border-width: 0; border-left-width: 1px; top: 0; right: 0; margin: 0; padding: 0; z-index: 2; } .ui-li-link-alt .ui-btn { overflow: hidden; position: absolute; right: 8px; top: 50%; margin: -13px 0 0 0; border-bottom-width: 1px; z-index: -1;} .ui-li-link-alt .ui-btn-inner { padding: 0; height: 100%; position: absolute; width: 100%; top: 0; left: 0;} .ui-li-link-alt .ui-btn .ui-icon { right: 50%; margin-right: -9px; } .ui-li-link-alt .ui-btn-icon-notext .ui-btn-inner .ui-icon { position: absolute; top: 50%; margin-top: -9px; } .ui-listview * .ui-btn-inner > .ui-btn > .ui-btn-inner { border-top: 0px; } .ui-listview-filter { border-width: 0; overflow: hidden; margin: -15px -15px 15px -15px; } .ui-collapsible-content .ui-listview-filter { margin: -10px -15px 10px -15px; border-bottom: inherit; } .ui-listview-filter-inset { margin: -15px -5px; background: transparent; } .ui-collapsible-content .ui-listview-filter-inset { margin: -5px; border-bottom-width: 0; } .ui-listview-filter .ui-input-search { margin: 5px; width: auto; display: block; } .ui-li.ui-screen-hidden{ display:none; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .ui-li .ui-btn-text { overflow: visible; } } label.ui-slider { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; display: block; } input.ui-slider-input, .ui-field-contain input.ui-slider-input { display: inline-block; width: 50px; background-image: none; padding: .4em; margin: .5em 0; line-height: 1.4; font-size: 16px; outline: 0; } input.ui-slider-input.ui-mini, .ui-field-contain input.ui-slider-input.ui-mini { width: 45px; margin: .25em 0; font-size: 14px; } .ui-field-contain input.ui-slider-input { margin: 0; } input.ui-slider-input, .ui-field-contain input.ui-slider-input { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; } .ui-slider-input::-webkit-outer-spin-button { margin: 0; } select.ui-slider-switch { display: none; } div.ui-slider { position: relative; display: inline-block; overflow: visible; height: 15px; padding: 0; margin: 0 2% 0 20px; top: 4px; width: 65%; } div.ui-slider-mini { height: 12px; margin-left: 10px; top: 2px; } div.ui-slider-bg { border: none; height: 100%; padding-right: 8px; } .ui-controlgroup a.ui-slider-handle, a.ui-btn.ui-slider-handle { position: absolute; z-index: 1; top: 50%; width: 28px; height: 28px; margin: -15px 0 0 -15px; outline: 0; } a.ui-btn.ui-slider-handle .ui-btn-inner { padding: 0; height: 100%; } div.ui-slider-mini a.ui-slider-handle { height: 14px; width: 14px; margin: -8px 0 0 -7px; } div.ui-slider-mini a.ui-slider-handle .ui-btn-inner { height: 30px; width: 30px; padding: 0; margin: -9px 0 0 -9px; border-top: none; } @media all and (min-width: 450px){ .ui-field-contain label.ui-slider { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; } .ui-field-contain div.ui-slider { width: 43%; } .ui-field-contain div.ui-slider-switch { width: 5.5em; } } div.ui-slider-switch { height: 32px; margin-left: 0; width: 5.8em; } a.ui-slider-handle-snapping { -webkit-transition: left 70ms linear; -moz-transition: left 70ms linear; } div.ui-slider-switch .ui-slider-handle { margin: 1px 0 0 -15px; } .ui-slider-inneroffset { margin: 0 16px; position: relative; z-index: 1; } div.ui-slider-switch.ui-slider-mini { width: 5em; height: 29px; } div.ui-slider-switch.ui-slider-mini .ui-slider-inneroffset { margin: 0 15px 0 14px; } div.ui-slider-switch.ui-slider-mini .ui-slider-handle { width: 25px; height: 25px; margin: 1px 0 0 -13px; } div.ui-slider-switch.ui-slider-mini a.ui-slider-handle .ui-btn-inner { height: 30px; width: 30px; padding: 0; margin: 0; } span.ui-slider-label { position: absolute; text-align: center; width: 100%; overflow: hidden; font-size: 16px; top: 0; line-height: 2; min-height: 100%; border-width: 0; white-space: nowrap; } .ui-slider-mini span.ui-slider-label { font-size: 14px; } span.ui-slider-label-a { z-index: 1; left: 0; text-indent: -1.5em; } span.ui-slider-label-b { z-index: 0; right: 0; text-indent: 1.5em;} .ui-slider-inline { width: 120px; display: inline-block; } /* * jQuery Mobile Framework Git Build: SHA1: c2d61e2e592c67519d9a9ed0ba796fa44787e136 <> Date: Tue Sep 25 10:38:12 2012 -0700 * http://jquerymobile.com * * Copyright 2012 jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * */ /* Swatches */ /* A -----------------------------------------------------------------------------------------------------------*/ .ui-bar-a { border: 1px solid #333 /*{a-bar-border}*/; background: #f5f5f5 /*{a-bar-background-color}*/; color: #333 /*{a-bar-color}*/; font-weight: bold; text-shadow: 0 /*{a-bar-shadow-x}*/ 0 /*{a-bar-shadow-y}*/ 0 /*{a-bar-shadow-radius}*/ #333 /*{a-bar-shadow-color}*/; background-image: -webkit-gradient(linear, left top, left bottom, from( #f5f5f5 /*{a-bar-background-start}*/), to( #f5f5f5 /*{a-bar-background-end}*/)); /* Saf4 , Chrome */ background-image: -webkit-linear-gradient( #f5f5f5 /*{a-bar-background-start}*/, #f5f5f5 /*{a-bar-background-end}*/); /* Chrome 10 , Saf5.1 */ background-image: -moz-linear-gradient( #f5f5f5 /*{a-bar-background-start}*/, #f5f5f5 /*{a-bar-background-end}*/); /* FF3.6 */ background-image: -ms-linear-gradient( #f5f5f5 /*{a-bar-background-start}*/, #f5f5f5 /*{a-bar-background-end}*/); /* IE10 */ background-image: -o-linear-gradient( #f5f5f5 /*{a-bar-background-start}*/, #f5f5f5 /*{a-bar-background-end}*/); /* Opera 11.10 */ background-image: linear-gradient( #f5f5f5 /*{a-bar-background-start}*/, #f5f5f5 /*{a-bar-background-end}*/); } .ui-bar-a .ui-link-inherit { color: #333 /*{a-bar-color}*/; } .ui-bar-a a.ui-link { color: #7cc4e7 /*{a-bar-link-color}*/; font-weight: bold; } .ui-bar-a a.ui-link:visited { color: #2489ce /*{a-bar-link-visited}*/; } .ui-bar-a a.ui-link:hover { color: #2489ce /*{a-bar-link-hover}*/; } .ui-bar-a a.ui-link:active { color: #2489ce /*{a-bar-link-active}*/; } .ui-bar-a, .ui-bar-a input, .ui-bar-a select, .ui-bar-a textarea, .ui-bar-a button { font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; } .ui-body-a, .ui-overlay-a { border: 1px solid transparent /*{a-body-border}*/; color: #333 /*{a-body-color}*/; text-shadow: 0 /*{a-body-shadow-x}*/ /*{a-body-shadow-y}*/ /*{a-body-shadow-radius}*/ #333 /*{a-body-shadow-color}*/; background: transparent /*{a-body-background-color}*/; background-image: -webkit-gradient(linear, left top, left bottom, from( #NaNNaNNaN /*{a-body-background-start}*/), to( #NaNNaNNaN /*{a-body-background-end}*/)); /* Saf4 , Chrome */ background-image: -webkit-linear-gradient( #NaNNaNNaN /*{a-body-background-start}*/, #NaNNaNNaN /*{a-body-background-end}*/); /* Chrome 10 , Saf5.1 */ background-image: -moz-linear-gradient( #NaNNaNNaN /*{a-body-background-start}*/, #NaNNaNNaN /*{a-body-background-end}*/); /* FF3.6 */ background-image: -ms-linear-gradient( #NaNNaNNaN /*{a-body-background-start}*/, #NaNNaNNaN /*{a-body-background-end}*/); /* IE10 */ background-image: -o-linear-gradient( #NaNNaNNaN /*{a-body-background-start}*/, #NaNNaNNaN /*{a-body-background-end}*/); /* Opera 11.10 */ background-image: linear-gradient( #NaNNaNNaN /*{a-body-background-start}*/, #NaNNaNNaN /*{a-body-background-end}*/); } .ui-overlay-a { background-image: none; border-width: 0; } .ui-body-a, .ui-body-a input, .ui-body-a select, .ui-body-a textarea, .ui-body-a button { font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; } .ui-body-a .ui-link-inherit { color: #333 /*{a-body-color}*/; } .ui-body-a .ui-link { color: #2489ce /*{a-body-link-color}*/; font-weight: bold; } .ui-body-a .ui-link:visited { color: #2489ce /*{a-body-link-visited}*/; } .ui-body-a .ui-link:hover { color: #2489ce /*{a-body-link-hover}*/; } .ui-body-a .ui-link:active { color: #2489ce /*{a-body-link-active}*/; } .ui-btn-up-a { border: 1px solid #f5f5f5 /*{a-bup-border}*/; background: #f5f5f5 /*{a-bup-background-color}*/; font-weight: bold; color: #333 /*{a-bup-color}*/; text-shadow: 0 /*{a-bup-shadow-x}*/ 0 /*{a-bup-shadow-y}*/ 0 /*{a-bup-shadow-radius}*/ #333 /*{a-bup-shadow-color}*/; background-image: -webkit-gradient(linear, left top, left bottom, from( #f5f5f5 /*{a-bup-background-start}*/), to( #f5f5f5 /*{a-bup-background-end}*/)); /* Saf4 , Chrome */ background-image: -webkit-linear-gradient( #f5f5f5 /*{a-bup-background-start}*/, #f5f5f5 /*{a-bup-background-end}*/); /* Chrome 10 , Saf5.1 */ background-image: -moz-linear-gradient( #f5f5f5 /*{a-bup-background-start}*/, #f5f5f5 /*{a-bup-background-end}*/); /* FF3.6 */ background-image: -ms-linear-gradient( #f5f5f5 /*{a-bup-background-start}*/, #f5f5f5 /*{a-bup-background-end}*/); /* IE10 */ background-image: -o-linear-gradient( #f5f5f5 /*{a-bup-background-start}*/, #f5f5f5 /*{a-bup-background-end}*/); /* Opera 11.10 */ background-image: linear-gradient( #f5f5f5 /*{a-bup-background-start}*/, #f5f5f5 /*{a-bup-background-end}*/); } .ui-btn-up-a:visited, .ui-btn-up-a a.ui-link-inherit { color: #333 /*{a-bup-color}*/; } .ui-btn-hover-a { border: 1px solid transparent /*{a-bhover-border}*/; background: #f5f5f5 /*{a-bhover-background-color}*/; font-weight: bold; color: #333 /*{a-bhover-color}*/; text-shadow: 0 /*{a-bhover-shadow-x}*/ 0 /*{a-bhover-shadow-y}*/ 0 /*{a-bhover-shadow-radius}*/ #333 /*{a-bhover-shadow-color}*/; background-image: -webkit-gradient(linear, left top, left bottom, from( #f5f5f5 /*{a-bhover-background-start}*/), to( #f5f5f5 /*{a-bhover-background-end}*/)); /* Saf4 , Chrome */ background-image: -webkit-linear-gradient( #f5f5f5 /*{a-bhover-background-start}*/, #f5f5f5 /*{a-bhover-background-end}*/); /* Chrome 10 , Saf5.1 */ background-image: -moz-linear-gradient( #f5f5f5 /*{a-bhover-background-start}*/, #f5f5f5 /*{a-bhover-background-end}*/); /* FF3.6 */ background-image: -ms-linear-gradient( #f5f5f5 /*{a-bhover-background-start}*/, #f5f5f5 /*{a-bhover-background-end}*/); /* IE10 */ background-image: -o-linear-gradient( #f5f5f5 /*{a-bhover-background-start}*/, #f5f5f5 /*{a-bhover-background-end}*/); /* Opera 11.10 */ background-image: linear-gradient( #f5f5f5 /*{a-bhover-background-start}*/, #f5f5f5 /*{a-bhover-background-end}*/); } .ui-btn-hover-a:visited, .ui-btn-hover-a:hover, .ui-btn-hover-a a.ui-link-inherit { color: #333 /*{a-bhover-color}*/; } .ui-btn-down-a { border: 1px solid transparent /*{a-bdown-border}*/; background: #f5f5f5 /*{a-bdown-background-color}*/; font-weight: bold; color: #fff /*{a-bdown-color}*/; text-shadow: 0 /*{a-bdown-shadow-x}*/ 1px /*{a-bdown-shadow-y}*/ 1px /*{a-bdown-shadow-radius}*/ #111 /*{a-bdown-shadow-color}*/; background-image: -webkit-gradient(linear, left top, left bottom, from( #f5f5f5 /*{a-bdown-background-start}*/), to( #f5f5f5 /*{a-bdown-background-end}*/)); /* Saf4 , Chrome */ background-image: -webkit-linear-gradient( #f5f5f5 /*{a-bdown-background-start}*/, #f5f5f5 /*{a-bdown-background-end}*/); /* Chrome 10 , Saf5.1 */ background-image: -moz-linear-gradient( #f5f5f5 /*{a-bdown-background-start}*/, #f5f5f5 /*{a-bdown-background-end}*/); /* FF3.6 */ background-image: -ms-linear-gradient( #f5f5f5 /*{a-bdown-background-start}*/, #f5f5f5 /*{a-bdown-background-end}*/); /* IE10 */ background-image: -o-linear-gradient( #f5f5f5 /*{a-bdown-background-start}*/, #f5f5f5 /*{a-bdown-background-end}*/); /* Opera 11.10 */ background-image: linear-gradient( #f5f5f5 /*{a-bdown-background-start}*/, #f5f5f5 /*{a-bdown-background-end}*/); } .ui-btn-down-a:visited, .ui-btn-down-a:hover, .ui-btn-down-a a.ui-link-inherit { color: #fff /*{a-bdown-color}*/; } .ui-btn-up-a, .ui-btn-hover-a, .ui-btn-down-a { font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; text-decoration: none; } /* B -----------------------------------------------------------------------------------------------------------*/ .ui-bar-b { border: 1px solid #cccccc /*{b-bar-border}*/; background: #f5f5f5 /*{b-bar-background-color}*/; color: #333 /*{b-bar-color}*/; font-weight: bold; text-shadow: 0 /*{b-bar-shadow-x}*/ 0 /*{b-bar-shadow-y}*/ 0 /*{b-bar-shadow-radius}*/ transparent /*{b-bar-shadow-color}*/; background-image: -webkit-gradient(linear, left top, left bottom, from( #f5f5f5 /*{b-bar-background-start}*/), to( #f5f5f5 /*{b-bar-background-end}*/)); /* Saf4 , Chrome */ background-image: -webkit-linear-gradient( #f5f5f5 /*{b-bar-background-start}*/, #f5f5f5 /*{b-bar-background-end}*/); /* Chrome 10 , Saf5.1 */ background-image: -moz-linear-gradient( #f5f5f5 /*{b-bar-background-start}*/, #f5f5f5 /*{b-bar-background-end}*/); /* FF3.6 */ background-image: -ms-linear-gradient( #f5f5f5 /*{b-bar-background-start}*/, #f5f5f5 /*{b-bar-background-end}*/); /* IE10 */ background-image: -o-linear-gradient( #f5f5f5 /*{b-bar-background-start}*/, #f5f5f5 /*{b-bar-background-end}*/); /* Opera 11.10 */ background-image: linear-gradient( #f5f5f5 /*{b-bar-background-start}*/, #f5f5f5 /*{b-bar-background-end}*/); } .ui-bar-b .ui-link-inherit { color: #333 /*{b-bar-color}*/; } .ui-bar-b a.ui-link { color: #ddf0f8 /*{b-bar-link-color}*/; font-weight: bold; } .ui-bar-b a.ui-link:visited { color: #ddf0f8 /*{b-bar-link-visited}*/; } .ui-bar-b a.ui-link:hover { color: #ddf0f8 /*{b-bar-link-hover}*/; } .ui-bar-b a.ui-link:active { color: #ddf0f8 /*{b-bar-link-active}*/; } .ui-bar-b, .ui-bar-b input, .ui-bar-b select, .ui-bar-b textarea, .ui-bar-b button { font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; } .ui-body-b, .ui-overlay-b { border: 1px solid #cccccc /*{b-body-border}*/; color: #333 /*{b-body-color}*/; text-shadow: 0 /*{b-body-shadow-x}*/ 0 /*{b-body-shadow-y}*/ 0 /*{b-body-shadow-radius}*/ transparent /*{b-body-shadow-color}*/; background: #fff /*{b-body-background-color}*/; background-image: -webkit-gradient(linear, left top, left bottom, from( #fff /*{b-body-background-start}*/), to( #fff /*{b-body-background-end}*/)); /* Saf4 , Chrome */ background-image: -webkit-linear-gradient( #fff /*{b-body-background-start}*/, #fff /*{b-body-background-end}*/); /* Chrome 10 , Saf5.1 */ background-image: -moz-linear-gradient( #fff /*{b-body-background-start}*/, #fff /*{b-body-background-end}*/); /* FF3.6 */ background-image: -ms-linear-gradient( #fff /*{b-body-background-start}*/, #fff /*{b-body-background-end}*/); /* IE10 */ background-image: -o-linear-gradient( #fff /*{b-body-background-start}*/, #fff /*{b-body-background-end}*/); /* Opera 11.10 */ background-image: linear-gradient( #fff /*{b-body-background-start}*/, #fff /*{b-body-background-end}*/); } .ui-overlay-b { background-image: none; border-width: 0; } .ui-body-b, .ui-body-b input, .ui-body-b select, .ui-body-b textarea, .ui-body-b button { font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; } .ui-body-b .ui-link-inherit { color: #333 /*{b-body-color}*/; } .ui-body-b .ui-link { color: #333 /*{b-body-link-color}*/; font-weight: bold; } .ui-body-b .ui-link:visited { color: #333 /*{b-body-link-visited}*/; } .ui-body-b .ui-link:hover { color: #333 /*{b-body-link-hover}*/; } .ui-body-b .ui-link:active { color: #333 /*{b-body-link-active}*/; } .ui-btn-up-b { border: 1px solid #fff /*{b-bup-border}*/; background: #ffffff /*{b-bup-background-color}*/; font-weight: bold; color: #333 /*{b-bup-color}*/; text-shadow: 0 /*{b-bup-shadow-x}*/ 0px /*{b-bup-shadow-y}*/ 0px /*{b-bup-shadow-radius}*/ transparent /*{b-bup-shadow-color}*/; background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff /*{b-bup-background-start}*/), to( #ffffff /*{b-bup-background-end}*/)); /* Saf4 , Chrome */ background-image: -webkit-linear-gradient( #ffffff /*{b-bup-background-start}*/, #ffffff /*{b-bup-background-end}*/); /* Chrome 10 , Saf5.1 */ background-image: -moz-linear-gradient( #ffffff /*{b-bup-background-start}*/, #ffffff /*{b-bup-background-end}*/); /* FF3.6 */ background-image: -ms-linear-gradient( #ffffff /*{b-bup-background-start}*/, #ffffff /*{b-bup-background-end}*/); /* IE10 */ background-image: -o-linear-gradient( #ffffff /*{b-bup-background-start}*/, #ffffff /*{b-bup-background-end}*/); /* Opera 11.10 */ background-image: linear-gradient( #ffffff /*{b-bup-background-start}*/, #ffffff /*{b-bup-background-end}*/); } .ui-btn-up-b:visited, .ui-btn-up-b a.ui-link-inherit { color: #333 /*{b-bup-color}*/; } .ui-btn-hover-b { border: 1px solid #fff /*{b-bhover-border}*/; background: #fff /*{b-bhover-background-color}*/; font-weight: bold; color: #333 /*{b-bhover-color}*/; text-shadow: 0 /*{b-bhover-shadow-x}*/ 0 /*{b-bhover-shadow-y}*/ /*{b-bhover-shadow-radius}*/ #333 /*{b-bhover-shadow-color}*/; background-image: -webkit-gradient(linear, left top, left bottom, from( #ff0fNaN /*{b-bhover-background-start}*/), to( #ff0fNaN /*{b-bhover-background-end}*/)); /* Saf4 , Chrome */ background-image: -webkit-linear-gradient( #ff0fNaN /*{b-bhover-background-start}*/, #ff0fNaN /*{b-bhover-background-end}*/); /* Chrome 10 , Saf5.1 */ background-image: -moz-linear-gradient( #ff0fNaN /*{b-bhover-background-start}*/, #ff0fNaN /*{b-bhover-background-end}*/); /* FF3.6 */ background-image: -ms-linear-gradient( #ff0fNaN /*{b-bhover-background-start}*/, #ff0fNaN /*{b-bhover-background-end}*/); /* IE10 */ background-image: -o-linear-gradient( #ff0fNaN /*{b-bhover-background-start}*/, #ff0fNaN /*{b-bhover-background-end}*/); /* Opera 11.10 */ background-image: linear-gradient( #ff0fNaN /*{b-bhover-background-start}*/, #ff0fNaN /*{b-bhover-background-end}*/); } .ui-btn-hover-b:visited, .ui-btn-hover-b:hover, .ui-btn-hover-b a.ui-link-inherit { color: #333 /*{b-bhover-color}*/; } .ui-btn-down-b { border: 1px solid #fff /*{b-bdown-border}*/; background: #fff /*{b-bdown-background-color}*/; font-weight: bold; color: #333 /*{b-bdown-color}*/; text-shadow: 0 /*{b-bdown-shadow-x}*/ 0 /*{b-bdown-shadow-y}*/ 0 /*{b-bdown-shadow-radius}*/ #333 /*{b-bdown-shadow-color}*/; background-image: -webkit-gradient(linear, left top, left bottom, from( #ff0fNaN /*{b-bdown-background-start}*/), to( #ff0fNaN /*{b-bdown-background-end}*/)); /* Saf4 , Chrome */ background-image: -webkit-linear-gradient( #ff0fNaN /*{b-bdown-background-start}*/, #ff0fNaN /*{b-bdown-background-end}*/); /* Chrome 10 , Saf5.1 */ background-image: -moz-linear-gradient( #ff0fNaN /*{b-bdown-background-start}*/, #ff0fNaN /*{b-bdown-background-end}*/); /* FF3.6 */ background-image: -ms-linear-gradient( #ff0fNaN /*{b-bdown-background-start}*/, #ff0fNaN /*{b-bdown-background-end}*/); /* IE10 */ background-image: -o-linear-gradient( #ff0fNaN /*{b-bdown-background-start}*/, #ff0fNaN /*{b-bdown-background-end}*/); /* Opera 11.10 */ background-image: linear-gradient( #ff0fNaN /*{b-bdown-background-start}*/, #ff0fNaN /*{b-bdown-background-end}*/); } .ui-btn-down-b:visited, .ui-btn-down-b:hover, .ui-btn-down-b a.ui-link-inherit { color: #333 /*{b-bdown-color}*/; } .ui-btn-up-b, .ui-btn-hover-b, .ui-btn-down-b { font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; text-decoration: none; } /* C -----------------------------------------------------------------------------------------------------------*/ .ui-bar-c { border: 1px solid #b3b3b3 /*{c-bar-border}*/; background: #e00000 /*{c-bar-background-color}*/; color: #333 /*{c-bar-color}*/; font-weight: bold; text-shadow: 0 /*{c-bar-shadow-x}*/ 0 /*{c-bar-shadow-y}*/ 0 /*{c-bar-shadow-radius}*/ #333 /*{c-bar-shadow-color}*/; background-image: -webkit-gradient(linear, left top, left bottom, from( #e00000 /*{c-bar-background-start}*/), to( #e00000 /*{c-bar-background-end}*/)); /* Saf4 , Chrome */ background-image: -webkit-linear-gradient( #e00000 /*{c-bar-background-start}*/, #e00000 /*{c-bar-background-end}*/); /* Chrome 10 , Saf5.1 */ background-image: -moz-linear-gradient( #e00000 /*{c-bar-background-start}*/, #e00000 /*{c-bar-background-end}*/); /* FF3.6 */ background-image: -ms-linear-gradient( #e00000 /*{c-bar-background-start}*/, #e00000 /*{c-bar-background-end}*/); /* IE10 */ background-image: -o-linear-gradient( #e00000 /*{c-bar-background-start}*/, #e00000 /*{c-bar-background-end}*/); /* Opera 11.10 */ background-image: linear-gradient( #e00000 /*{c-bar-background-start}*/, #e00000 /*{c-bar-background-end}*/); } .ui-bar-c .ui-link-inherit { color: #333 /*{c-bar-color}*/; } .ui-bar-c a.ui-link { color: #7cc4e7 /*{c-bar-link-color}*/; font-weight: bold; } .ui-bar-c a.ui-link:visited { color: #2489ce /*{c-bar-link-visited}*/; } .ui-bar-c a.ui-link:hover { color: #2489ce /*{c-bar-link-hover}*/; } .ui-bar-c a.ui-link:active { color: #2489ce /*{c-bar-link-active}*/; } .ui-bar-c, .ui-bar-c input, .ui-bar-c select, .ui-bar-c textarea, .ui-bar-c button { font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; } .ui-body-c, .ui-overlay-c { border: 1px solid #ccc /*{c-body-border}*/; color: #333 /*{c-body-color}*/; text-shadow: 0 /*{c-body-shadow-x}*/ 0 /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ #333 /*{c-body-shadow-color}*/; background: transparent /*{c-body-background-color}*/; background-image: -webkit-gradient(linear, left top, left bottom, from( #NaNNaNNaN /*{c-body-background-start}*/), to( #NaNNaNNaN /*{c-body-background-end}*/)); /* Saf4 , Chrome */ background-image: -webkit-linear-gradient( #NaNNaNNaN /*{c-body-background-start}*/, #NaNNaNNaN /*{c-body-background-end}*/); /* Chrome 10 , Saf5.1 */ background-image: -moz-linear-gradient( #NaNNaNNaN /*{c-body-background-start}*/, #NaNNaNNaN /*{c-body-background-end}*/); /* FF3.6 */ background-image: -ms-linear-gradient( #NaNNaNNaN /*{c-body-background-start}*/, #NaNNaNNaN /*{c-body-background-end}*/); /* IE10 */ background-image: -o-linear-gradient( #NaNNaNNaN /*{c-body-background-start}*/, #NaNNaNNaN /*{c-body-background-end}*/); /* Opera 11.10 */ background-image: linear-gradient( #NaNNaNNaN /*{c-body-background-start}*/, #NaNNaNNaN /*{c-body-background-end}*/); } .ui-overlay-c { background-image: none; border-width: 0; } .ui-body-c, .ui-body-c input, .ui-body-c select, .ui-body-c textarea, .ui-body-c button { font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; } .ui-body-c .ui-link-inherit { color: #333 /*{c-body-color}*/; } .ui-body-c .ui-link { color: #2164BD /*{c-body-link-color}*/; font-weight: bold; } .ui-body-c .ui-link:visited { color: #2489ce /*{c-body-link-visited}*/; } .ui-body-c .ui-link:hover { color: #2489ce /*{c-body-link-hover}*/; } .ui-body-c .ui-link:active { color: #2489ce /*{c-body-link-active}*/; } .ui-btn-up-c { border: 1px solid transparent /*{c-bup-border}*/; background: transparent /*{c-bup-background-color}*/; font-weight: bold; color: #2164BD /*{c-bup-color}*/; text-shadow: 0 /*{c-bup-shadow-x}*/ 0 /*{c-bup-shadow-y}*/ 0 /*{c-bup-shadow-radius}*/ transparent /*{c-bup-shadow-color}*/; background-image: -webkit-gradient(linear, left top, left bottom, from( #NaNNaNNaN /*{c-bup-background-start}*/), to( #NaNNaNNaN /*{c-bup-background-end}*/)); /* Saf4 , Chrome */ background-image: -webkit-linear-gradient( #NaNNaNNaN /*{c-bup-background-start}*/, #NaNNaNNaN /*{c-bup-background-end}*/); /* Chrome 10 , Saf5.1 */ background-image: -moz-linear-gradient( #NaNNaNNaN /*{c-bup-background-start}*/, #NaNNaNNaN /*{c-bup-background-end}*/); /* FF3.6 */ background-image: -ms-linear-gradient( #NaNNaNNaN /*{c-bup-background-start}*/, #NaNNaNNaN /*{c-bup-background-end}*/); /* IE10 */ background-image: -o-linear-gradient( #NaNNaNNaN /*{c-bup-background-start}*/, #NaNNaNNaN /*{c-bup-background-end}*/); /* Opera 11.10 */ background-image: linear-gradient( #NaNNaNNaN /*{c-bup-background-start}*/, #NaNNaNNaN /*{c-bup-background-end}*/); } .ui-btn-up-c:visited, .ui-btn-up-c a.ui-link-inherit { color: #2164BD /*{c-bup-color}*/; } .ui-btn-hover-c { border: 1px solid transparent /*{c-bhover-border}*/; background: transparent /*{c-bhover-background-color}*/; font-weight: bold; color: #2164BD /*{c-bhover-color}*/; text-shadow: 0 /*{c-bhover-shadow-x}*/ 0 /*{c-bhover-shadow-y}*/ 0 /*{c-bhover-shadow-radius}*/ transparent /*{c-bhover-shadow-color}*/; background-image: -webkit-gradient(linear, left top, left bottom, from( #NaNNaNNaN /*{c-bhover-background-start}*/), to( #NaNNaNNaN /*{c-bhover-background-end}*/)); /* Saf4 , Chrome */ background-image: -webkit-linear-gradient( #NaNNaNNaN /*{c-bhover-background-start}*/, #NaNNaNNaN /*{c-bhover-background-end}*/); /* Chrome 10 , Saf5.1 */ background-image: -moz-linear-gradient( #NaNNaNNaN /*{c-bhover-background-start}*/, #NaNNaNNaN /*{c-bhover-background-end}*/); /* FF3.6 */ background-image: -ms-linear-gradient( #NaNNaNNaN /*{c-bhover-background-start}*/, #NaNNaNNaN /*{c-bhover-background-end}*/); /* IE10 */ background-image: -o-linear-gradient( #NaNNaNNaN /*{c-bhover-background-start}*/, #NaNNaNNaN /*{c-bhover-background-end}*/); /* Opera 11.10 */ background-image: linear-gradient( #NaNNaNNaN /*{c-bhover-background-start}*/, #NaNNaNNaN /*{c-bhover-background-end}*/); } .ui-btn-hover-c:visited, .ui-btn-hover-c:hover, .ui-btn-hover-c a.ui-link-inherit { color: #2164BD /*{c-bhover-color}*/; } .ui-btn-down-c { border: 1px solid transparent /*{c-bdown-border}*/; background: transparent /*{c-bdown-background-color}*/; font-weight: bold; color: #2164BD /*{c-bdown-color}*/; text-shadow: 0 /*{c-bdown-shadow-x}*/ 1px /*{c-bdown-shadow-y}*/ 0 /*{c-bdown-shadow-radius}*/ transparent /*{c-bdown-shadow-color}*/; background-image: -webkit-gradient(linear, left top, left bottom, from( #NaNNaNNaN /*{c-bdown-background-start}*/), to( #NaNNaNNaN /*{c-bdown-background-end}*/)); /* Saf4 , Chrome */ background-image: -webkit-linear-gradient( #NaNNaNNaN /*{c-bdown-background-start}*/, #NaNNaNNaN /*{c-bdown-background-end}*/); /* Chrome 10 , Saf5.1 */ background-image: -moz-linear-gradient( #NaNNaNNaN /*{c-bdown-background-start}*/, #NaNNaNNaN /*{c-bdown-background-end}*/); /* FF3.6 */ background-image: -ms-linear-gradient( #NaNNaNNaN /*{c-bdown-background-start}*/, #NaNNaNNaN /*{c-bdown-background-end}*/); /* IE10 */ background-image: -o-linear-gradient( #NaNNaNNaN /*{c-bdown-background-start}*/, #NaNNaNNaN /*{c-bdown-background-end}*/); /* Opera 11.10 */ background-image: linear-gradient( #NaNNaNNaN /*{c-bdown-background-start}*/, #NaNNaNNaN /*{c-bdown-background-end}*/); } .ui-btn-down-c:visited, .ui-btn-down-c:hover, .ui-btn-down-c a.ui-link-inherit { color: #2164BD /*{c-bdown-color}*/; } .ui-btn-up-c, .ui-btn-hover-c, .ui-btn-down-c { font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; text-decoration: none; } /* D -----------------------------------------------------------------------------------------------------------*/ .ui-bar-d { border: 1px solid #bbb /*{d-bar-border}*/; background: #bbb /*{d-bar-background-color}*/; color: #333 /*{d-bar-color}*/; font-weight: bold; text-shadow: 0 /*{d-bar-shadow-x}*/ 1px /*{d-bar-shadow-y}*/ 0 /*{d-bar-shadow-radius}*/ #eee /*{d-bar-shadow-color}*/; background-image: -webkit-gradient(linear, left top, left bottom, from( #ddd /*{d-bar-background-start}*/), to( #bbb /*{d-bar-background-end}*/)); /* Saf4 , Chrome */ background-image: -webkit-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* Chrome 10 , Saf5.1 */ background-image: -moz-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* FF3.6 */ background-image: -ms-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* IE10 */ background-image: -o-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* Opera 11.10 */ background-image: linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); } .ui-bar-d .ui-link-inherit { color: #333 /*{d-bar-color}*/; } .ui-bar-d a.ui-link { color: #2489ce /*{d-bar-link-color}*/; font-weight: bold; } .ui-bar-d a.ui-link:visited { color: #2489ce /*{d-bar-link-visited}*/; } .ui-bar-d a.ui-link:hover { color: #2489ce /*{d-bar-link-hover}*/; } .ui-bar-d a.ui-link:active { color: #2489ce /*{d-bar-link-active}*/; } .ui-bar-d, .ui-bar-d input, .ui-bar-d select, .ui-bar-d textarea, .ui-bar-d button { font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; } .ui-body-d, .ui-overlay-d { border: 1px solid #bbb /*{d-body-border}*/; color: #333 /*{d-body-color}*/; text-shadow: 0 /*{d-body-shadow-x}*/ 1px /*{d-body-shadow-y}*/ 0 /*{d-body-shadow-radius}*/ #fff /*{d-body-shadow-color}*/; background: #fff /*{d-body-background-color}*/; background-image: -webkit-gradient(linear, left top, left bottom, from( #fff /*{d-body-background-start}*/), to( #fff /*{d-body-background-end}*/)); /* Saf4 , Chrome */ background-image: -webkit-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* Chrome 10 , Saf5.1 */ background-image: -moz-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* FF3.6 */ background-image: -ms-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* IE10 */ background-image: -o-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* Opera 11.10 */ background-image: linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); } .ui-overlay-d { background-image: none; border-width: 0; } .ui-body-d, .ui-body-d input, .ui-body-d select, .ui-body-d textarea, .ui-body-d button { font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; } .ui-body-d .ui-link-inherit { color: #333 /*{d-body-color}*/; } .ui-body-d .ui-link { color: #2489ce /*{d-body-link-color}*/; font-weight: bold; } .ui-body-d .ui-link:visited { color: #2489ce /*{d-body-link-visited}*/; } .ui-body-d .ui-link:hover { color: #2489ce /*{d-body-link-hover}*/; } .ui-body-d .ui-link:active { color: #2489ce /*{d-body-link-active}*/; } .ui-btn-up-d { border: 1px solid #bbb /*{d-bup-border}*/; background: #fff /*{d-bup-background-color}*/; font-weight: bold; color: #333 /*{d-bup-color}*/; text-shadow: 0 /*{d-bup-shadow-x}*/ 1px /*{d-bup-shadow-y}*/ 0 /*{d-bup-shadow-radius}*/ #fff /*{d-bup-shadow-color}*/; background-image: -webkit-gradient(linear, left top, left bottom, from( #fafafa /*{d-bup-background-start}*/), to( #f6f6f6 /*{d-bup-background-end}*/)); /* Saf4 , Chrome */ background-image: -webkit-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* Chrome 10 , Saf5.1 */ background-image: -moz-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* FF3.6 */ background-image: -ms-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* IE10 */ background-image: -o-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* Opera 11.10 */ background-image: linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); } .ui-btn-up-d:visited, .ui-btn-up-d a.ui-link-inherit { color: #333 /*{d-bup-color}*/; } .ui-btn-hover-d { border: 1px solid #aaa /*{d-bhover-border}*/; background: #eee /*{d-bhover-background-color}*/; font-weight: bold; color: #333 /*{d-bhover-color}*/; text-shadow: 0 /*{d-bhover-shadow-x}*/ 1px /*{d-bhover-shadow-y}*/ 0 /*{d-bhover-shadow-radius}*/ #fff /*{d-bhover-shadow-color}*/; background-image: -webkit-gradient(linear, left top, left bottom, from( #eee /*{d-bhover-background-start}*/), to( #fff /*{d-bhover-background-end}*/)); /* Saf4 , Chrome */ background-image: -webkit-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* Chrome 10 , Saf5.1 */ background-image: -moz-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* FF3.6 */ background-image: -ms-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* IE10 */ background-image: -o-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* Opera 11.10 */ background-image: linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); } .ui-btn-hover-d:visited, .ui-btn-hover-d:hover, .ui-btn-hover-d a.ui-link-inherit { color: #333 /*{d-bhover-color}*/; } .ui-btn-down-d { border: 1px solid #aaa /*{d-bdown-border}*/; background: #eee /*{d-bdown-background-color}*/; font-weight: bold; color: #333 /*{d-bdown-color}*/; text-shadow: 0 /*{d-bdown-shadow-x}*/ 1px /*{d-bdown-shadow-y}*/ 0 /*{d-bdown-shadow-radius}*/ #fff /*{d-bdown-shadow-color}*/; background-image: -webkit-gradient(linear, left top, left bottom, from( #e5e5e5 /*{d-bdown-background-start}*/), to( #f2f2f2 /*{d-bdown-background-end}*/)); /* Saf4 , Chrome */ background-image: -webkit-linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/); /* Chrome 10 , Saf5.1 */ background-image: -moz-linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/); /* FF3.6 */ background-image: -ms-linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/); /* IE10 */ background-image: -o-linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/); /* Opera 11.10 */ background-image: linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/); } .ui-btn-down-d:visited, .ui-btn-down-d:hover, .ui-btn-down-d a.ui-link-inherit { color: #333 /*{d-bdown-color}*/; } .ui-btn-up-d, .ui-btn-hover-d, .ui-btn-down-d { font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; text-decoration: none; } /* E -----------------------------------------------------------------------------------------------------------*/ .ui-bar-e { border: 1px solid #f7c942 /*{e-bar-border}*/; background: #fadb4e /*{e-bar-background-color}*/; color: #333 /*{e-bar-color}*/; font-weight: bold; text-shadow: 0 /*{e-bar-shadow-x}*/ 1px /*{e-bar-shadow-y}*/ 0 /*{e-bar-shadow-radius}*/ #fff /*{e-bar-shadow-color}*/; background-image: -webkit-gradient(linear, left top, left bottom, from( #fceda7 /*{e-bar-background-start}*/), to( #fbef7e /*{e-bar-background-end}*/)); /* Saf4 , Chrome */ background-image: -webkit-linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/); /* Chrome 10 , Saf5.1 */ background-image: -moz-linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/); /* FF3.6 */ background-image: -ms-linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/); /* IE10 */ background-image: -o-linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/); /* Opera 11.10 */ background-image: linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/); } .ui-bar-e .ui-link-inherit { color: #333 /*{e-bar-color}*/; } .ui-bar-e a.ui-link { color: #2489ce /*{e-bar-link-color}*/; font-weight: bold; } .ui-bar-e a.ui-link:visited { color: #2489ce /*{e-bar-link-visited}*/; } .ui-bar-e a.ui-link:hover { color: #2489ce /*{e-bar-link-hover}*/; } .ui-bar-e a.ui-link:active { color: #2489ce /*{e-bar-link-active}*/; } .ui-bar-e, .ui-bar-e input, .ui-bar-e select, .ui-bar-e textarea, .ui-bar-e button { font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; } .ui-body-e, .ui-overlay-e { border: 1px solid #f7c942 /*{e-body-border}*/; color: #222 /*{e-body-color}*/; text-shadow: 0 /*{e-body-shadow-x}*/ 1px /*{e-body-shadow-y}*/ 0 /*{e-body-shadow-radius}*/ #fff /*{e-body-shadow-color}*/; background: #fff9df /*{e-body-background-color}*/; background-image: -webkit-gradient(linear, left top, left bottom, from( #fffadf /*{e-body-background-start}*/), to( #fff3a5 /*{e-body-background-end}*/)); /* Saf4 , Chrome */ background-image: -webkit-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* Chrome 10 , Saf5.1 */ background-image: -moz-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* FF3.6 */ background-image: -ms-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* IE10 */ background-image: -o-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* Opera 11.10 */ background-image: linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); } .ui-overlay-e { background-image: none; border-width: 0; } .ui-body-e, .ui-body-e input, .ui-body-e select, .ui-body-e textarea, .ui-body-e button { font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; } .ui-body-e .ui-link-inherit { color: #222 /*{e-body-color}*/; } .ui-body-e .ui-link { color: #2489ce /*{e-body-link-color}*/; font-weight: bold; } .ui-body-e .ui-link:visited { color: #2489ce /*{e-body-link-visited}*/; } .ui-body-e .ui-link:hover { color: #2489ce /*{e-body-link-hover}*/; } .ui-body-e .ui-link:active { color: #2489ce /*{e-body-link-active}*/; } .ui-btn-up-e { border: 1px solid #f4c63f /*{e-bup-border}*/; background: #fadb4e /*{e-bup-background-color}*/; font-weight: bold; color: #222 /*{e-bup-color}*/; text-shadow: 0 /*{e-bup-shadow-x}*/ 1px /*{e-bup-shadow-y}*/ 0 /*{e-bup-shadow-radius}*/ #fff /*{e-bup-shadow-color}*/; background-image: -webkit-gradient(linear, left top, left bottom, from( #ffefaa /*{e-bup-background-start}*/), to( #ffe155 /*{e-bup-background-end}*/)); /* Saf4 , Chrome */ background-image: -webkit-linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/); /* Chrome 10 , Saf5.1 */ background-image: -moz-linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/); /* FF3.6 */ background-image: -ms-linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/); /* IE10 */ background-image: -o-linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/); /* Opera 11.10 */ background-image: linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/); } .ui-btn-up-e:visited, .ui-btn-up-e a.ui-link-inherit { color: #222 /*{e-bup-color}*/; } .ui-btn-hover-e { border: 1px solid #f2c43d /*{e-bhover-border}*/; background: #fbe26f /*{e-bhover-background-color}*/; font-weight: bold; color: #333 /*{e-bhover-color}*/; text-shadow: 0 /*{e-bhover-shadow-x}*/ 1px /*{e-bhover-shadow-y}*/ 0 /*{e-bhover-shadow-radius}*/ #fff /*{e-bhover-shadow-color}*/; background-image: -webkit-gradient(linear, left top, left bottom, from( #fff5ba /*{e-bhover-background-start}*/), to( #fbdd52 /*{e-bhover-background-end}*/)); /* Saf4 , Chrome */ background-image: -webkit-linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/); /* Chrome 10 , Saf5.1 */ background-image: -moz-linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/); /* FF3.6 */ background-image: -ms-linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/); /* IE10 */ background-image: -o-linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/); /* Opera 11.10 */ background-image: linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/); } .ui-btn-hover-e:visited, .ui-btn-hover-e:hover, .ui-btn-hover-e a.ui-link-inherit { color: #333 /*{e-bhover-color}*/; } .ui-btn-down-e { border: 1px solid #f2c43d /*{e-bdown-border}*/; background: #fceda7 /*{e-bdown-background-color}*/; font-weight: bold; color: #333 /*{e-bdown-color}*/; text-shadow: 0 /*{e-bdown-shadow-x}*/ 1px /*{e-bdown-shadow-y}*/ 0 /*{e-bdown-shadow-radius}*/ #fff /*{e-bdown-shadow-color}*/; background-image: -webkit-gradient(linear, left top, left bottom, from( #f8d94c /*{e-bdown-background-start}*/), to( #fadb4e /*{e-bdown-background-end}*/)); /* Saf4 , Chrome */ background-image: -webkit-linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/); /* Chrome 10 , Saf5.1 */ background-image: -moz-linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/); /* FF3.6 */ background-image: -ms-linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/); /* IE10 */ background-image: -o-linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/); /* Opera 11.10 */ background-image: linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/); } .ui-btn-down-e:visited, .ui-btn-down-e:hover, .ui-btn-down-e a.ui-link-inherit { color: #333 /*{e-bdown-color}*/; } .ui-btn-up-e, .ui-btn-hover-e, .ui-btn-down-e { font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; text-decoration: none; } /* Structure */ /* links within "buttons" -----------------------------------------------------------------------------------------------------------*/ a.ui-link-inherit { text-decoration: none !important; } /* Active class used as the "on" state across all themes -----------------------------------------------------------------------------------------------------------*/ .ui-btn-active { border: 1px solid transparent /*{global-active-border}*/; background: transparent /*{global-active-background-color}*/; font-weight: bold; color: #c00000 /*{global-active-color}*/; cursor: pointer; text-shadow: 0 /*{global-active-shadow-x}*/ 0 /*{global-active-shadow-y}*/ 0 /*{global-active-shadow-radius}*/ #fff /*{global-active-shadow-color}*/; text-decoration: none; background-image: -webkit-gradient(linear, left top, left bottom, from( #NaNNaNNaN /*{global-active-background-start}*/), to( #NaNNaNNaN /*{global-active-background-end}*/)); /* Saf4 , Chrome */ background-image: -webkit-linear-gradient( #NaNNaNNaN /*{global-active-background-start}*/, #NaNNaNNaN /*{global-active-background-end}*/); /* Chrome 10 , Saf5.1 */ background-image: -moz-linear-gradient( #NaNNaNNaN /*{global-active-background-start}*/, #NaNNaNNaN /*{global-active-background-end}*/); /* FF3.6 */ background-image: -ms-linear-gradient( #NaNNaNNaN /*{global-active-background-start}*/, #NaNNaNNaN /*{global-active-background-end}*/); /* IE10 */ background-image: -o-linear-gradient( #NaNNaNNaN /*{global-active-background-start}*/, #NaNNaNNaN /*{global-active-background-end}*/); /* Opera 11.10 */ background-image: linear-gradient( #NaNNaNNaN /*{global-active-background-start}*/, #NaNNaNNaN /*{global-active-background-end}*/); font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; } .ui-btn-active:visited, .ui-btn-active:hover, .ui-btn-active a.ui-link-inherit { color: #c00000 /*{global-active-color}*/; } /* button inner top highlight -----------------------------------------------------------------------------------------------------------*/ .ui-btn-inner { border-top: 1px solid #fff; border-color: rgba(255,255,255,.3); } /* corner rounding classes -----------------------------------------------------------------------------------------------------------*/ .ui-corner-tl { -moz-border-radius-topleft: 0 /*{global-radii-blocks}*/; -webkit-border-top-left-radius: 0 /*{global-radii-blocks}*/; border-top-left-radius: 0 /*{global-radii-blocks}*/; } .ui-corner-tr { -moz-border-radius-topright: 0 /*{global-radii-blocks}*/; -webkit-border-top-right-radius: 0 /*{global-radii-blocks}*/; border-top-right-radius: 0 /*{global-radii-blocks}*/; } .ui-corner-bl { -moz-border-radius-bottomleft: 0 /*{global-radii-blocks}*/; -webkit-border-bottom-left-radius: 0 /*{global-radii-blocks}*/; border-bottom-left-radius: 0 /*{global-radii-blocks}*/; } .ui-corner-br { -moz-border-radius-bottomright: 0 /*{global-radii-blocks}*/; -webkit-border-bottom-right-radius: 0 /*{global-radii-blocks}*/; border-bottom-right-radius: 0 /*{global-radii-blocks}*/; } .ui-corner-top { -moz-border-radius-topleft: 0 /*{global-radii-blocks}*/; -webkit-border-top-left-radius: 0 /*{global-radii-blocks}*/; border-top-left-radius: 0 /*{global-radii-blocks}*/; -moz-border-radius-topright: 0 /*{global-radii-blocks}*/; -webkit-border-top-right-radius: 0 /*{global-radii-blocks}*/; border-top-right-radius: 0 /*{global-radii-blocks}*/; } .ui-corner-bottom { -moz-border-radius-bottomleft: 0 /*{global-radii-blocks}*/; -webkit-border-bottom-left-radius: 0 /*{global-radii-blocks}*/; border-bottom-left-radius: 0 /*{global-radii-blocks}*/; -moz-border-radius-bottomright: 0 /*{global-radii-blocks}*/; -webkit-border-bottom-right-radius: 0 /*{global-radii-blocks}*/; border-bottom-right-radius: 0 /*{global-radii-blocks}*/; } .ui-corner-right { -moz-border-radius-topright: 0 /*{global-radii-blocks}*/; -webkit-border-top-right-radius: 0 /*{global-radii-blocks}*/; border-top-right-radius: 0 /*{global-radii-blocks}*/; -moz-border-radius-bottomright: 0 /*{global-radii-blocks}*/; -webkit-border-bottom-right-radius: 0 /*{global-radii-blocks}*/; border-bottom-right-radius: 0 /*{global-radii-blocks}*/; } .ui-corner-left { -moz-border-radius-topleft: 0 /*{global-radii-blocks}*/; -webkit-border-top-left-radius: 0 /*{global-radii-blocks}*/; border-top-left-radius: 0 /*{global-radii-blocks}*/; -moz-border-radius-bottomleft: 0 /*{global-radii-blocks}*/; -webkit-border-bottom-left-radius: 0 /*{global-radii-blocks}*/; border-bottom-left-radius: 0 /*{global-radii-blocks}*/; } .ui-corner-all { -moz-border-radius: 0 /*{global-radii-blocks}*/; -webkit-border-radius: 0 /*{global-radii-blocks}*/; border-radius: 0 /*{global-radii-blocks}*/; } .ui-corner-none { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } /* Form field separator -----------------------------------------------------------------------------------------------------------*/ .ui-br { border-bottom: rgb(130,130,130); border-bottom: rgba(130,130,130,.3); border-bottom-width: 1px; border-bottom-style: solid; } /* Interaction cues -----------------------------------------------------------------------------------------------------------*/ .ui-disabled { filter: Alpha(Opacity=30); opacity: .3; zoom: 1; } .ui-disabled, .ui-disabled a { cursor: default !important; pointer-events: none; } /* Icons -----------------------------------------------------------------------------------------------------------*/ .ui-icon, .ui-icon-searchfield:after { background: #000000 /*{global-icon-color}*/; background: transparent /*{global-icon-disc}*/; background-image: url(images/icons-18-white.png) /*{global-icon-set}*/; background-repeat: no-repeat; -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; } /* Alt icon color -----------------------------------------------------------------------------------------------------------*/ .ui-icon-alt { background: #fff; background: rgba(255,255,255,.3); background-image: url(images/icons-18-black.png); background-repeat: no-repeat; } /* HD/"retina" sprite -----------------------------------------------------------------------------------------------------------*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) { .ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r, .ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check, .ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back, .ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search, .ui-icon-searchfield:after, .ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on { background-image: url(images/icons-36-white.png); -moz-background-size: 776px 18px; -o-background-size: 776px 18px; -webkit-background-size: 776px 18px; background-size: 776px 18px; } .ui-icon-alt { background-image: url(images/icons-36-black.png); } } /* plus minus */ .ui-icon-plus { background-position: -0 50%; } .ui-icon-minus { background-position: -36px 50%; } /* delete/close */ .ui-icon-delete { background-position: -72px 50%; } /* arrows */ .ui-icon-arrow-r { background-position: -108px 50%; } .ui-icon-arrow-l { background-position: -144px 50%; } .ui-icon-arrow-u { background-position: -180px 50%; } .ui-icon-arrow-d { background-position: -216px 50%; } /* misc */ .ui-icon-check { background-position: -252px 50%; } .ui-icon-gear { background-position: -288px 50%; } .ui-icon-refresh { background-position: -324px 50%; } .ui-icon-forward { background-position: -360px 50%; } .ui-icon-back { background-position: -396px 50%; } .ui-icon-grid { background-position: -432px 50%; } .ui-icon-star { background-position: -468px 50%; } .ui-icon-alert { background-position: -504px 50%; } .ui-icon-info { background-position: -540px 50%; } .ui-icon-home { background-position: -576px 50%; } .ui-icon-search, .ui-icon-searchfield:after { background-position: -612px 50%; } .ui-icon-checkbox-off { background-position: -684px 50%; } .ui-icon-checkbox-on { background-position: -648px 50%; } .ui-icon-radio-off { background-position: -756px 50%; } .ui-icon-radio-on { background-position: -720px 50%; } /* checks,radios */ .ui-checkbox .ui-icon, .ui-selectmenu-list .ui-icon { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .ui-icon-checkbox-off, .ui-icon-radio-off { background-color: transparent; } .ui-checkbox-on .ui-icon, .ui-radio-on .ui-icon { background-color: transparent /*{global-active-background-color}*/; /* NOTE: this hex should match the active state color. It's repeated here for cascade */ } /* loading icon */ .ui-icon-loading { background: url(images/ajax-loader.gif); background-size: 46px 46px; } /* Button corner classes -----------------------------------------------------------------------------------------------------------*/ .ui-btn-corner-tl { -moz-border-radius-topleft: 0 /*{global-radii-buttons}*/; -webkit-border-top-left-radius: 0 /*{global-radii-buttons}*/; border-top-left-radius: 0 /*{global-radii-buttons}*/; } .ui-btn-corner-tr { -moz-border-radius-topright: 0 /*{global-radii-buttons}*/; -webkit-border-top-right-radius: 0 /*{global-radii-buttons}*/; border-top-right-radius: 0 /*{global-radii-buttons}*/; } .ui-btn-corner-bl { -moz-border-radius-bottomleft: 0 /*{global-radii-buttons}*/; -webkit-border-bottom-left-radius: 0 /*{global-radii-buttons}*/; border-bottom-left-radius: 0 /*{global-radii-buttons}*/; } .ui-btn-corner-br { -moz-border-radius-bottomright: 0 /*{global-radii-buttons}*/; -webkit-border-bottom-right-radius: 0 /*{global-radii-buttons}*/; border-bottom-right-radius: 0 /*{global-radii-buttons}*/; } .ui-btn-corner-top { -moz-border-radius-topleft: 0 /*{global-radii-buttons}*/; -webkit-border-top-left-radius: 0 /*{global-radii-buttons}*/; border-top-left-radius: 0 /*{global-radii-buttons}*/; -moz-border-radius-topright: 0 /*{global-radii-buttons}*/; -webkit-border-top-right-radius: 0 /*{global-radii-buttons}*/; border-top-right-radius: 0 /*{global-radii-buttons}*/; } .ui-btn-corner-bottom { -moz-border-radius-bottomleft: 0 /*{global-radii-buttons}*/; -webkit-border-bottom-left-radius: 0 /*{global-radii-buttons}*/; border-bottom-left-radius: 0 /*{global-radii-buttons}*/; -moz-border-radius-bottomright: 0 /*{global-radii-buttons}*/; -webkit-border-bottom-right-radius: 0 /*{global-radii-buttons}*/; border-bottom-right-radius: 0 /*{global-radii-buttons}*/; } .ui-btn-corner-right { -moz-border-radius-topright: 0 /*{global-radii-buttons}*/; -webkit-border-top-right-radius: 0 /*{global-radii-buttons}*/; border-top-right-radius: 0 /*{global-radii-buttons}*/; -moz-border-radius-bottomright: 0 /*{global-radii-buttons}*/; -webkit-border-bottom-right-radius: 0 /*{global-radii-buttons}*/; border-bottom-right-radius: 0 /*{global-radii-buttons}*/; } .ui-btn-corner-left { -moz-border-radius-topleft: 0 /*{global-radii-buttons}*/; -webkit-border-top-left-radius: 0 /*{global-radii-buttons}*/; border-top-left-radius: 0 /*{global-radii-buttons}*/; -moz-border-radius-bottomleft: 0 /*{global-radii-buttons}*/; -webkit-border-bottom-left-radius: 0 /*{global-radii-buttons}*/; border-bottom-left-radius: 0 /*{global-radii-buttons}*/; } .ui-btn-corner-all { -moz-border-radius: 0 /*{global-radii-buttons}*/; -webkit-border-radius: 0 /*{global-radii-buttons}*/; border-radius: 0 /*{global-radii-buttons}*/; } /* radius clip workaround for cleaning up corner trapping */ .ui-corner-tl, .ui-corner-tr, .ui-corner-bl, .ui-corner-br, .ui-corner-top, .ui-corner-bottom, .ui-corner-right, .ui-corner-left, .ui-corner-all, .ui-btn-corner-tl, .ui-btn-corner-tr, .ui-btn-corner-bl, .ui-btn-corner-br, .ui-btn-corner-top, .ui-btn-corner-bottom, .ui-btn-corner-right, .ui-btn-corner-left, .ui-btn-corner-all { -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } /* Overlay / modal -----------------------------------------------------------------------------------------------------------*/ .ui-overlay { background: #666; filter: Alpha(Opacity=50); opacity: .5; position: absolute; width: 100%; height: 100%; } .ui-overlay-shadow { -moz-box-shadow: 0px 0px 12px rgba(0,0,0,.6); -webkit-box-shadow: 0px 0px 12px rgba(0,0,0,.6); box-shadow: 0px 0px 12px rgba(0,0,0,.6); } .ui-shadow { -moz-box-shadow: 0px 1px 0px /*{global-box-shadow-size}*/ rgba(0,0,0,0) /*{global-box-shadow-color}*/; -webkit-box-shadow: 0px 1px 0px /*{global-box-shadow-size}*/ rgba(0,0,0,0) /*{global-box-shadow-color}*/; box-shadow: 0px 1px 0px /*{global-box-shadow-size}*/ rgba(0,0,0,0) /*{global-box-shadow-color}*/; } .ui-bar-a .ui-shadow, .ui-bar-b .ui-shadow , .ui-bar-c .ui-shadow { -moz-box-shadow: 0px 1px 0 rgba(255,255,255,.3); -webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.3); box-shadow: 0px 1px 0 rgba(255,255,255,.3); } .ui-shadow-inset { -moz-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2); box-shadow: inset 0px 1px 4px rgba(0,0,0,.2); } .ui-icon-shadow { -moz-box-shadow: 0px 1px 0 transparent /*{global-icon-shadow}*/; -webkit-box-shadow: 0px 1px 0 transparent /*{global-icon-shadow}*/; box-shadow: 0px 1px 0 transparent /*{global-icon-shadow}*/; } /* Focus state - set here for specificity (note: these classes are added by JavaScript) -----------------------------------------------------------------------------------------------------------*/ .ui-btn:focus, .ui-link-inherit:focus { outline: 0; } .ui-btn.ui-focus { z-index: 1; } .ui-focus, .ui-btn:focus { -moz-box-shadow: inset 0px 0px 3px transparent /*{global-active-background-color}*/, 0px 0px 9px transparent /*{global-active-background-color}*/; -webkit-box-shadow: inset 0px 0px 3px transparent /*{global-active-background-color}*/, 0px 0px 9px transparent /*{global-active-background-color}*/; box-shadow: inset 0px 0px 3px transparent /*{global-active-background-color}*/, 0px 0px 9px transparent /*{global-active-background-color}*/; } .ui-input-text.ui-focus, .ui-input-search.ui-focus { -moz-box-shadow: 0px 0px 12px transparent /*{global-active-background-color}*/; -webkit-box-shadow: 0px 0px 12px transparent /*{global-active-background-color}*/; box-shadow: 0px 0px 12px transparent /*{global-active-background-color}*/; } /* unset box shadow in browsers that don't do it right -----------------------------------------------------------------------------------------------------------*/ .ui-mobile-nosupport-boxshadow * { -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } /* ...and bring back focus */ .ui-mobile-nosupport-boxshadow .ui-focus, .ui-mobile-nosupport-boxshadow .ui-btn:focus, .ui-mobile-nosupport-boxshadow .ui-link-inherit:focus { outline-width: 1px; outline-style: auto; }