/* jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider Copyright (c) 2009 Niall Doherty This plugin available for use in all personal or commercial projects under both MIT and GPL licenses. */ /* Insignificant stuff, for demo purposes */ .panel h2.title { margin-bottom: 10px } noscript div { background: #ccc; border: 1px solid #900; margin: 0px 0; padding: 15px } /* Most common stuff you'll need to change */ #mededelingen { float:left; width:630px; height:131px; margin:15px 0px 0px 30px; background-image:url('images/mededelingen_bg.jpg'); } .coda-slider { } /* Use this to keep the slider content contained in a box even when JavaScript is disabled */ .coda-slider-no-js .coda-slider { height: 131px; overflow: auto !important; padding-right: 0px } /* Change the width of the entire slider (without dynamic arrows) */ .coda-slider, .coda-slider .panel { width: 630px } /* Change margin and width of the slider (with dynamic arrows) */ .mededelingen.arrows .coda-slider, .mededelingen.arrows .coda-slider .panel { width: 630px } .mededelingen.arrows .coda-slider { margin: 0 0px } /* Arrow styling */ .coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px } /* Tab nav */ .coda-nav ul li a.current { background: #39c } /* Panel padding */ .coda-slider { padding: 0px } .webdesign { float:left; width:585px; min-height:70px; background-color:#f99a2c; margin:25px 15px 25px 15px; font: normal 23px '53n', Arial, Helvetica, sans-serif; text-decoration:none; color: #fff; line-height: 30px; padding-top:10px; padding-left:15px; padding-bottom: 0px; } .ontwerp { float:left; width:585px; min-height:70px; background-color:#c61d23; margin:25px 15px 25px 15px; font: normal 23px '53n', Arial, Helvetica, sans-serif; color: #fff; line-height: 30px; padding-top:10px; padding-left:15px; padding-bottom: 0px; } .drukwerk { float:left; width:585px; min-height:70px; background-color:#96007b; margin:25px 15px 25px 15px; font: normal 23px '53n', Arial, Helvetica, sans-serif; color: #fff; line-height: 30px; padding-top:10px; padding-left:15px; padding-bottom: 0px; } .belettering { float:left; width:585px; min-height:70px; background-color:#c1ea00; margin:25px 15px 25px 15px; font: normal 23px '53n', Arial, Helvetica, sans-serif; text-decoration:none; color: #333; line-height: 30px; padding-top:10px; padding-left:15px; padding-bottom: 0px; } .promotieartikelen { float:left; width:585px; min-height:70px; background-color:#cd0785; margin:25px 15px 25px 15px; font: normal 23px '53n', Arial, Helvetica, sans-serif; text-decoration:none; color: #fff; line-height: 30px; padding-top:10px; padding-left:15px; padding-bottom: 0px; } .prijs { float:right; min-height:70px; background-color:#333; font: normal 35px '53n', Arial, Helvetica, sans-serif; color: #fff; margin-top:-40px; margin-bottom:0px; line-height: 60px; padding-top:10px; padding-left:15px; padding-right:15px; padding-bottom: 0px; } /* Preloader */ .coda-slider p.loading { padding: 0px; text-align: center } /* Don't change anything below here unless you know what you're doing */ /* Tabbed nav */ .coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden } .coda-nav ul li { display: inline } .coda-nav ul li a { background: #000; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none } /* Miscellaneous */ .mededelingen { overflow: auto } .coda-slider { float: left; overflow: hidden; position: relative } .coda-slider .panel { display: block; float: left } .coda-slider .panel-container { position: relative } .coda-nav-left, .coda-nav-right { float: left } .coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none } .ui-bar-a{border:1px solid #b3b3b3;background:#e9eaeb;color:#3e3e3e;font-weight:bold;text-shadow:0 1px 1px #fff;background-image:-webkit-gradient(linear,left top,left bottom,from(#e4e5e6),to(#edeeef));background-image:-webkit-linear-gradient(#e4e5e6,#edeeef);background-image:-moz-linear-gradient(#e4e5e6,#edeeef);background-image:-ms-linear-gradient(#e4e5e6,#edeeef);background-image:-o-linear-gradient(#e4e5e6,#edeeef);background-image:linear-gradient(#e4e5e6,#edeeef)}.ui-bar-a .ui-link-inherit{color:#3e3e3e}.ui-bar-a .ui-link{color:#7cc4e7;font-weight:bold}.ui-bar-a .ui-link:hover{color:#2489ce}.ui-bar-a .ui-link:active{color:#2489ce}.ui-bar-a .ui-link:visited{color:#2489ce}.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}.ui-body-a,.ui-dialog.ui-overlay-a{border:1px solid #b3b3b3;color:#333;text-shadow:0 1px 0 #fff;background:#f0f0f0;background-image:-webkit-gradient(linear,left top,left bottom,from(#eee),to(#ddd));background-image:-webkit-linear-gradient(#eee,#ddd);background-image:-moz-linear-gradient(#eee,#ddd);background-image:-ms-linear-gradient(#eee,#ddd);background-image:-o-linear-gradient(#eee,#ddd);background-image:linear-gradient(#eee,#ddd)}.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}.ui-body-a .ui-link-inherit{color:#333}.ui-body-a .ui-link{color:#2489ce;font-weight:bold}.ui-body-a .ui-link:hover{color:#2489ce}.ui-body-a .ui-link:active{color:#2489ce}.ui-body-a .ui-link:visited{color:#2489ce}.ui-btn-up-a{border:1px solid #ccc;background:#eee;font-weight:bold;color:#2f3e46;text-shadow:0 1px 1px #f6f6f6;background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#eee));background-image:-webkit-linear-gradient(#fdfdfd,#eee);background-image:-moz-linear-gradient(#fdfdfd,#eee);background-image:-ms-linear-gradient(#fdfdfd,#eee);background-image:-o-linear-gradient(#fdfdfd,#eee);background-image:linear-gradient(#fdfdfd,#eee)}.ui-btn-up-a a.ui-link-inherit{color:#2f3e46}.ui-btn-hover-a{border:1px solid #bbb;background:#dadada;font-weight:bold;color:#2f3e46;text-shadow:0 1px 1px #fff;background-image:-webkit-gradient(linear,left top,left bottom,from(#ededed),to(#dadada));background-image:-webkit-linear-gradient(#ededed,#dadada);background-image:-moz-linear-gradient(#ededed,#dadada);background-image:-ms-linear-gradient(#ededed,#dadada);background-image:-o-linear-gradient(#ededed,#dadada);background-image:linear-gradient(#ededed,#dadada)}.ui-btn-hover-a a.ui-link-inherit{color:#2f3e46}.ui-btn-down-a{border:1px solid #808080;background:#fdfdfd;font-weight:bold;color:#2f3e46;text-shadow:0 1px 1px #fff;background-image:-webkit-gradient(linear,left top,left bottom,from(#eee),to(#fdfdfd));background-image:-webkit-linear-gradient(#eee,#fdfdfd);background-image:-moz-linear-gradient(#eee,#fdfdfd);background-image:-ms-linear-gradient(#eee,#fdfdfd);background-image:-o-linear-gradient(#eee,#fdfdfd);background-image:linear-gradient(#eee,#fdfdfd)}.ui-btn-down-a a.ui-link-inherit{color:#2f3e46}.ui-btn-up-a,.ui-btn-hover-a,.ui-btn-down-a{font-family:Helvetica,Arial,sans-serif;text-decoration:none}.ui-bar-b{border:1px solid #b3b3b3;background:#e9eaeb;color:#3e3e3e;font-weight:bold;text-shadow:0 1px 1px #fff;background-image:-webkit-gradient(linear,left top,left bottom,from(#e9eaeb),to(#e9eaeb));background-image:-webkit-linear-gradient(#e9eaeb,#e9eaeb);background-image:-moz-linear-gradient(#e9eaeb,#e9eaeb);background-image:-ms-linear-gradient(#e9eaeb,#e9eaeb);background-image:-o-linear-gradient(#e9eaeb,#e9eaeb);background-image:linear-gradient(#e9eaeb,#e9eaeb)}.ui-bar-b .ui-link-inherit{color:#3e3e3e}.ui-bar-b .ui-link{color:#7cc4e7;font-weight:bold}.ui-bar-b .ui-link:hover{color:#2489ce}.ui-bar-b .ui-link:active{color:#2489ce}.ui-bar-b .ui-link:visited{color:#2489ce}.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}.ui-body-b,.ui-dialog.ui-overlay-b{border:1px solid #b3b3b3;color:#fff;text-shadow:0 0 0 #fff;background:#282828;background-image:-webkit-gradient(linear,left top,left bottom,from(#282828),to(#282828));background-image:-webkit-linear-gradient(#282828,#282828);background-image:-moz-linear-gradient(#282828,#282828);background-image:-ms-linear-gradient(#282828,#282828);background-image:-o-linear-gradient(#282828,#282828);background-image:linear-gradient(#282828,#282828)}.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}.ui-body-b .ui-link-inherit{color:#fff}.ui-body-b .ui-link{color:#fff;font-weight:bold}.ui-body-b .ui-link:hover{color:#2489ce}.ui-body-b .ui-link:active{color:#2489ce}.ui-body-b .ui-link:visited{color:#2489ce}.ui-btn-up-b{border:1px solid #ccc;background:#eee;font-weight:bold;color:#2f3e46;text-shadow:0 1px 1px #f6f6f6;background-image:-webkit-gradient(linear,left top,left bottom,from(#E6NaNNaNNaNNaN),to(#F5NaNNaNNaNNaN));background-image:-webkit-linear-gradient(#E6NaNNaNNaNNaN,#F5NaNNaNNaNNaN);background-image:-moz-linear-gradient(#E6NaNNaNNaNNaN,#F5NaNNaNNaNNaN);background-image:-ms-linear-gradient(#E6NaNNaNNaNNaN,#F5NaNNaNNaNNaN);background-image:-o-linear-gradient(#E6NaNNaNNaNNaN,#F5NaNNaNNaNNaN);background-image:linear-gradient(#E6NaNNaNNaNNaN,#F5NaNNaNNaNNaN)}.ui-btn-up-b a.ui-link-inherit{color:#2f3e46}.ui-btn-hover-b{border:1px solid #bbb;background:#dadada;font-weight:bold;color:#2f3e46;text-shadow:0 1px 1px #fff;background-image:-webkit-gradient(linear,left top,left bottom,from(#ededed),to(#dadada));background-image:-webkit-linear-gradient(#ededed,#dadada);background-image:-moz-linear-gradient(#ededed,#dadada);background-image:-ms-linear-gradient(#ededed,#dadada);background-image:-o-linear-gradient(#ededed,#dadada);background-image:linear-gradient(#ededed,#dadada)}.ui-btn-hover-b a.ui-link-inherit{color:#2f3e46}.ui-btn-down-b{border:1px solid #808080;background:#fdfdfd;font-weight:bold;color:#2f3e46;text-shadow:0 1px 1px #fff;background-image:-webkit-gradient(linear,left top,left bottom,from(#eee),to(#fdfdfd));background-image:-webkit-linear-gradient(#eee,#fdfdfd);background-image:-moz-linear-gradient(#eee,#fdfdfd);background-image:-ms-linear-gradient(#eee,#fdfdfd);background-image:-o-linear-gradient(#eee,#fdfdfd);background-image:linear-gradient(#eee,#fdfdfd)}.ui-btn-down-b a.ui-link-inherit{color:#2f3e46}.ui-btn-up-b,.ui-btn-hover-b,.ui-btn-down-b{font-family:Helvetica,Arial,sans-serif;text-decoration:none}.ui-bar-c{border:1px solid #b3b3b3;background:#e9eaeb;color:#3e3e3e;font-weight:bold;text-shadow:0 1px 1px #fff;background-image:-webkit-gradient(linear,left top,left bottom,from(#f0f0f0),to(#e9eaeb));background-image:-webkit-linear-gradient(#f0f0f0,#e9eaeb);background-image:-moz-linear-gradient(#f0f0f0,#e9eaeb);background-image:-ms-linear-gradient(#f0f0f0,#e9eaeb);background-image:-o-linear-gradient(#f0f0f0,#e9eaeb);background-image:linear-gradient(#f0f0f0,#e9eaeb)}.ui-bar-c .ui-link-inherit{color:#3e3e3e}.ui-bar-c .ui-link{color:#7cc4e7;font-weight:bold}.ui-bar-c .ui-link:hover{color:#2489ce}.ui-bar-c .ui-link:active{color:#2489ce}.ui-bar-c .ui-link:visited{color:#2489ce}.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}.ui-body-c,.ui-dialog.ui-overlay-c{border:1px solid #b3b3b3;color:#333;text-shadow:0 1px 0 #fff;background:#f0f0f0;background-image:-webkit-gradient(linear,left top,left bottom,from(#eee),to(#ddd));background-image:-webkit-linear-gradient(#eee,#ddd);background-image:-moz-linear-gradient(#eee,#ddd);background-image:-ms-linear-gradient(#eee,#ddd);background-image:-o-linear-gradient(#eee,#ddd);background-image:linear-gradient(#eee,#ddd)}.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}.ui-body-c .ui-link-inherit{color:#333}.ui-body-c .ui-link{color:#2489ce;font-weight:bold}.ui-body-c .ui-link:hover{color:#2489ce}.ui-body-c .ui-link:active{color:#2489ce}.ui-body-c .ui-link:visited{color:#2489ce}.ui-btn-up-c{border:1px solid #ccc;background:#eee;font-weight:bold;color:#2f3e46;text-shadow:0 1px 1px #f6f6f6;background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#eee));background-image:-webkit-linear-gradient(#fdfdfd,#eee);background-image:-moz-linear-gradient(#fdfdfd,#eee);background-image:-ms-linear-gradient(#fdfdfd,#eee);background-image:-o-linear-gradient(#fdfdfd,#eee);background-image:linear-gradient(#fdfdfd,#eee)}.ui-btn-up-c a.ui-link-inherit{color:#2f3e46}.ui-btn-hover-c{border:1px solid #bbb;background:#dadada;font-weight:bold;color:#2f3e46;text-shadow:0 1px 1px #fff;background-image:-webkit-gradient(linear,left top,left bottom,from(#ededed),to(#dadada));background-image:-webkit-linear-gradient(#ededed,#dadada);background-image:-moz-linear-gradient(#ededed,#dadada);background-image:-ms-linear-gradient(#ededed,#dadada);background-image:-o-linear-gradient(#ededed,#dadada);background-image:linear-gradient(#ededed,#dadada)}.ui-btn-hover-c a.ui-link-inherit{color:#2f3e46}.ui-btn-down-c{border:1px solid #808080;background:#fdfdfd;font-weight:bold;color:#2f3e46;text-shadow:0 1px 1px #fff;background-image:-webkit-gradient(linear,left top,left bottom,from(#eee),to(#fdfdfd));background-image:-webkit-linear-gradient(#eee,#fdfdfd);background-image:-moz-linear-gradient(#eee,#fdfdfd);background-image:-ms-linear-gradient(#eee,#fdfdfd);background-image:-o-linear-gradient(#eee,#fdfdfd);background-image:linear-gradient(#eee,#fdfdfd)}.ui-btn-down-c a.ui-link-inherit{color:#2f3e46}.ui-btn-up-c,.ui-btn-hover-c,.ui-btn-down-c{font-family:Helvetica,Arial,sans-serif;text-decoration:none}a.ui-link-inherit{text-decoration:none!important}.ui-btn-active{border:1px solid #155678;background:#387bbe;font-weight:bold;color:#fff;cursor:pointer;text-shadow:0 -1px 1px #145072;text-decoration:none;background-image:-webkit-gradient(linear,left top,left bottom,from(#85bae4),to(#5393c5));background-image:-webkit-linear-gradient(#85bae4,#5393c5);background-image:-moz-linear-gradient(#85bae4,#5393c5);background-image:-ms-linear-gradient(#85bae4,#5393c5);background-image:-o-linear-gradient(#85bae4,#5393c5);background-image:linear-gradient(#85bae4,#5393c5);font-family:Helvetica,Arial,sans-serif}.ui-btn-active a.ui-link-inherit{color:#fff}.ui-btn-inner{border-top:1px solid #fff;border-color:rgba(255,255,255,.3)}.ui-corner-tl{-moz-border-radius-topleft:.3em;-webkit-border-top-left-radius:.3em;border-top-left-radius:.3em}.ui-corner-tr{-moz-border-radius-topright:.3em;-webkit-border-top-right-radius:.3em;border-top-right-radius:.3em}.ui-corner-bl{-moz-border-radius-bottomleft:.3em;-webkit-border-bottom-left-radius:.3em;border-bottom-left-radius:.3em}.ui-corner-br{-moz-border-radius-bottomright:.3em;-webkit-border-bottom-right-radius:.3em;border-bottom-right-radius:.3em}.ui-corner-top{-moz-border-radius-topleft:.3em;-webkit-border-top-left-radius:.3em;border-top-left-radius:.3em;-moz-border-radius-topright:.3em;-webkit-border-top-right-radius:.3em;border-top-right-radius:.3em}.ui-corner-bottom{-moz-border-radius-bottomleft:.3em;-webkit-border-bottom-left-radius:.3em;border-bottom-left-radius:.3em;-moz-border-radius-bottomright:.3em;-webkit-border-bottom-right-radius:.3em;border-bottom-right-radius:.3em}.ui-corner-right{-moz-border-radius-topright:.3em;-webkit-border-top-right-radius:.3em;border-top-right-radius:.3em;-moz-border-radius-bottomright:.3em;-webkit-border-bottom-right-radius:.3em;border-bottom-right-radius:.3em}.ui-corner-left{-moz-border-radius-topleft:.3em;-webkit-border-top-left-radius:.3em;border-top-left-radius:.3em;-moz-border-radius-bottomleft:.3em;-webkit-border-bottom-left-radius:.3em;border-bottom-left-radius:.3em}.ui-corner-all{-moz-border-radius:.3em;-webkit-border-radius:.3em;border-radius:.3em}.ui-corner-none{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}.ui-disabled{opacity:.3}.ui-disabled,.ui-disabled a{pointer-events:none;cursor:default}.ui-icon,.ui-icon-searchfield:after{background:#666;background:rgba(0,0,0,.4);background-image:url(images/icons-18-white.png);background-repeat:no-repeat;-moz-border-radius:9px;-webkit-border-radius:9px;border-radius:9px}.ui-icon-alt{background:#fff;background:rgba(255,255,255,.3);background-image:url(images/icons-18-black.png);background-repeat:no-repeat}@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)}}.ui-icon-plus{background-position:-0 50%}.ui-icon-minus{background-position:-36px 50%}.ui-icon-delete{background-position:-72px 50%}.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%}.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%}.ui-checkbox .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:#387bbe}.ui-icon-loading{background-image:url(images/ajax-loader.png);width:40px;height:40px;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;background-size:35px 35px}.ui-btn-corner-tl{-moz-border-radius-topleft:.2em;-webkit-border-top-left-radius:.2em;border-top-left-radius:.2em}.ui-btn-corner-tr{-moz-border-radius-topright:.2em;-webkit-border-top-right-radius:.2em;border-top-right-radius:.2em}.ui-btn-corner-bl{-moz-border-radius-bottomleft:.2em;-webkit-border-bottom-left-radius:.2em;border-bottom-left-radius:.2em}.ui-btn-corner-br{-moz-border-radius-bottomright:.2em;-webkit-border-bottom-right-radius:.2em;border-bottom-right-radius:.2em}.ui-btn-corner-top{-moz-border-radius-topleft:.2em;-webkit-border-top-left-radius:.2em;border-top-left-radius:.2em;-moz-border-radius-topright:.2em;-webkit-border-top-right-radius:.2em;border-top-right-radius:.2em}.ui-btn-corner-bottom{-moz-border-radius-bottomleft:.2em;-webkit-border-bottom-left-radius:.2em;border-bottom-left-radius:.2em;-moz-border-radius-bottomright:.2em;-webkit-border-bottom-right-radius:.2em;border-bottom-right-radius:.2em}.ui-btn-corner-right{-moz-border-radius-topright:.2em;-webkit-border-top-right-radius:.2em;border-top-right-radius:.2em;-moz-border-radius-bottomright:.2em;-webkit-border-bottom-right-radius:.2em;border-bottom-right-radius:.2em}.ui-btn-corner-left{-moz-border-radius-topleft:.2em;-webkit-border-top-left-radius:.2em;border-top-left-radius:.2em;-moz-border-radius-bottomleft:.2em;-webkit-border-bottom-left-radius:.2em;border-bottom-left-radius:.2em}.ui-btn-corner-all{-moz-border-radius:.2em;-webkit-border-radius:.2em;border-radius:.2em}.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}.ui-overlay{background:#666;opacity:.5;filter:Alpha(Opacity=50);position:absolute;width:100%;height:100%}.ui-overlay-shadow{-moz-box-shadow:0 0 12px rgba(0,0,0,.6);-webkit-box-shadow:0 0 12px rgba(0,0,0,.6);box-shadow:0 0 12px rgba(0,0,0,.6)}.ui-shadow{-moz-box-shadow:0 1px 4px rgba(0,0,0,.3);-webkit-box-shadow:0 1px 4px rgba(0,0,0,.3);box-shadow:0 1px 4px rgba(0,0,0,.3)}.ui-bar-a .ui-shadow,.ui-bar-b .ui-shadow,.ui-bar-c .ui-shadow{-moz-box-shadow:0 1px 0 rgba(255,255,255,.3);-webkit-box-shadow:0 1px 0 rgba(255,255,255,.3);box-shadow:0 1px 0 rgba(255,255,255,.3)}.ui-shadow-inset{-moz-box-shadow:inset 0 1px 4px rgba(0,0,0,.2);-webkit-box-shadow:inset 0 1px 4px rgba(0,0,0,.2);box-shadow:inset 0 1px 4px rgba(0,0,0,.2)}.ui-icon-shadow{-moz-box-shadow:0 1px 0 rgba(255,255,255,.4);-webkit-box-shadow:0 1px 0 rgba(255,255,255,.4);box-shadow:0 1px 0 rgba(255,255,255,.4)}.ui-focus{-moz-box-shadow:0 0 12px #387bbe;-webkit-box-shadow:0 0 12px #387bbe;box-shadow:0 0 12px #387bbe}.ui-mobile-nosupport-boxshadow *{-moz-box-shadow:none!important;-webkit-box-shadow:none!important;box-shadow:none!important}.ui-mobile-nosupport-boxshadow .ui-focus{outline-width:2px} body{font-family:Arial}@font-face{font-family:'53n';src:url('fonts/53n-webfont.eot');src:local('53n'),url('fonts/53n-webfont.woff') format('woff'),url('fonts/53n-webfont.ttf') format('truetype'),url('fonts/53n-webfont.svg#webfontBT9BL23N') format('svg');font-weight:normal;font-style:normal}a,a:visited,a:active{color:#999}div#header{position:absolute;top:0;left:0;width:100%;height:72px;padding:9px;z-index:1000;overflow:hidden;background-color:#282828}div[data-role="page"]{padding-top:90px}h1{color:white;font-family:'53n';font-size: 18px;background-color:#00a8cc;padding:5px;margin-top:0}h2{text-transform:uppercase;color:#00a8cc;font-family:'53n',Arial}#logo{float:left}#toolbar-top{float:right;padding-right:20px;width:135px}#toolbar-top a{padding-right:2px;padding-bottom:2px}#latest-news-item{padding-left:15px}.portfolio-box{border-bottom:1px solid #00a8cc;padding-bottom:10px;margin-bottom:10px}.portfolio-box .date{color:#999;font-size:80%}.portfolio-box img{padding-bottom:4px}#main_menu li a{text-transform:uppercase;color:#666;font-family:'53n',Arial}footer{padding-top:10px;padding-bottom:10px;position:relative;font-size:90%}footer h2{font-weight:normal;margin-bottom:4px}#toolbar-social #stars{margin-bottom:6px}#btn-webversion{position:absolute;right:15px;bottom:20px}.ui-li-has-thumb .ui-btn-inner a.ui-link-inherit,.ui-li-static.ui-li-has-thumb{min-height:20px;padding-left:60px;padding-top:12px;padding-bottom:12px}.ui-li-thumb,.ui-listview .ui-li-icon{left:10px}.btn-go-back{padding-top:15px;display:block} /** * jQuery lightBox plugin * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) * and adapted to me for use like a plugin from jQuery. * @name jquery-lightbox-0.5.css * @author Leandro Vieira Pinho - http://leandrovieira.com * @version 0.5 * @date April 11, 2008 * @category jQuery plugin * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com) * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin */ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; } /* * jQuery Mobile Framework 1.0.1 * http://jquerymobile.com * * Copyright 2011-2012 (c) jQuery Project * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * */ /* Swatches */ /* A -----------------------------------------------------------------------------------------------------------*/ .ui-bar-a { border: 1px solid #B3B3B3 /*{a-bar-border}*/; background: #e9eaeb /*{a-bar-background-color}*/; color: #3E3E3E /*{a-bar-color}*/; font-weight: bold; text-shadow: 0 /*{a-bar-shadow-x}*/ 1px /*{a-bar-shadow-y}*/ 1px /*{a-bar-shadow-radius}*/ #fff /*{a-bar-shadow-color}*/; background-image: -webkit-gradient(linear, left top, left bottom, from( #E4E5E6 /*{a-bar-background-start}*/), to( #EDEEEF /*{a-bar-background-end}*/)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient( #E4E5E6 /*{a-bar-background-start}*/, #EDEEEF /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient( #E4E5E6 /*{a-bar-background-start}*/, #EDEEEF /*{a-bar-background-end}*/); /* FF3.6 */ background-image: -ms-linear-gradient( #E4E5E6 /*{a-bar-background-start}*/, #EDEEEF /*{a-bar-background-end}*/); /* IE10 */ background-image: -o-linear-gradient( #E4E5E6 /*{a-bar-background-start}*/, #EDEEEF /*{a-bar-background-end}*/); /* Opera 11.10+ */ background-image: linear-gradient( #E4E5E6 /*{a-bar-background-start}*/, #EDEEEF /*{a-bar-background-end}*/); } .ui-bar-a .ui-link-inherit { color: #3E3E3E /*{a-bar-color}*/; } .ui-bar-a .ui-link { color: #7cc4e7 /*{a-bar-link-color}*/; font-weight: bold; } .ui-bar-a .ui-link:hover { color: #2489CE /*{a-bar-link-hover}*/; } .ui-bar-a .ui-link:active { color: #2489CE /*{a-bar-link-active}*/; } .ui-bar-a .ui-link:visited { color: #2489CE /*{a-bar-link-visited}*/; } .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-dialog.ui-overlay-a { border: 1px solid #B3B3B3 /*{a-body-border}*/; color: #333333 /*{a-body-color}*/; text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ #fff /*{a-body-shadow-color}*/; background: #f0f0f0 /*{a-body-background-color}*/; background-image: -webkit-gradient(linear, left top, left bottom, from( #eee /*{a-body-background-start}*/), to( #ddd /*{a-body-background-end}*/)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient( #eee /*{a-body-background-start}*/, #ddd /*{a-body-background-end}*/); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient( #eee /*{a-body-background-start}*/, #ddd /*{a-body-background-end}*/); /* FF3.6 */ background-image: -ms-linear-gradient( #eee /*{a-body-background-start}*/, #ddd /*{a-body-background-end}*/); /* IE10 */ background-image: -o-linear-gradient( #eee /*{a-body-background-start}*/, #ddd /*{a-body-background-end}*/); /* Opera 11.10+ */ background-image: linear-gradient( #eee /*{a-body-background-start}*/, #ddd /*{a-body-background-end}*/); } .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: #333333 /*{a-body-color}*/; } .ui-body-a .ui-link { color: #2489CE /*{a-body-link-color}*/; font-weight: bold; } .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-body-a .ui-link:visited { color: #2489CE /*{a-body-link-visited}*/; } .ui-btn-up-a { border: 1px solid #ccc /*{a-bup-border}*/; background: #eee /*{a-bup-background-color}*/; font-weight: bold; color: #2F3E46 /*{a-bup-color}*/; text-shadow: 0 /*{a-bup-shadow-x}*/ 1px /*{a-bup-shadow-y}*/ 1px /*{a-bup-shadow-radius}*/ #f6f6f6 /*{a-bup-shadow-color}*/; background-image: -webkit-gradient(linear, left top, left bottom, from( #fdfdfd /*{a-bup-background-start}*/), to( #eee /*{a-bup-background-end}*/)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient( #fdfdfd /*{a-bup-background-start}*/, #eee /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient( #fdfdfd /*{a-bup-background-start}*/, #eee /*{a-bup-background-end}*/); /* FF3.6 */ background-image: -ms-linear-gradient( #fdfdfd /*{a-bup-background-start}*/, #eee /*{a-bup-background-end}*/); /* IE10 */ background-image: -o-linear-gradient( #fdfdfd /*{a-bup-background-start}*/, #eee /*{a-bup-background-end}*/); /* Opera 11.10+ */ background-image: linear-gradient( #fdfdfd /*{a-bup-background-start}*/, #eee /*{a-bup-background-end}*/); } .ui-btn-up-a a.ui-link-inherit { color: #2F3E46 /*{a-bup-color}*/; } .ui-btn-hover-a { border: 1px solid #bbbbbb /*{a-bhover-border}*/; background: #dadada /*{a-bhover-background-color}*/; font-weight: bold; color: #2F3E46 /*{a-bhover-color}*/; text-shadow: 0 /*{a-bhover-shadow-x}*/ 1px /*{a-bhover-shadow-y}*/ 1px /*{a-bhover-shadow-radius}*/ #fff /*{a-bhover-shadow-color}*/; background-image: -webkit-gradient(linear, left top, left bottom, from( #ededed /*{a-bhover-background-start}*/), to( #dadada /*{a-bhover-background-end}*/)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient( #ededed /*{a-bhover-background-start}*/, #dadada /*{a-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient( #ededed /*{a-bhover-background-start}*/, #dadada /*{a-bhover-background-end}*/); /* FF3.6 */ background-image: -ms-linear-gradient( #ededed /*{a-bhover-background-start}*/, #dadada /*{a-bhover-background-end}*/); /* IE10 */ background-image: -o-linear-gradient( #ededed /*{a-bhover-background-start}*/, #dadada /*{a-bhover-background-end}*/); /* Opera 11.10+ */ background-image: linear-gradient( #ededed /*{a-bhover-background-start}*/, #dadada /*{a-bhover-background-end}*/); } .ui-btn-hover-a a.ui-link-inherit { color: #2F3E46 /*{a-bhover-color}*/; } .ui-btn-down-a { border: 1px solid #808080 /*{a-bdown-border}*/; background: #fdfdfd /*{a-bdown-background-color}*/; font-weight: bold; color: #2F3E46 /*{a-bdown-color}*/; text-shadow: 0 /*{a-bdown-shadow-x}*/ 1px /*{a-bdown-shadow-y}*/ 1px /*{a-bdown-shadow-radius}*/ #ffffff /*{a-bdown-shadow-color}*/; background-image: -webkit-gradient(linear, left top, left bottom, from( #eee /*{a-bdown-background-start}*/), to( #fdfdfd /*{a-bdown-background-end}*/)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient( #eee /*{a-bdown-background-start}*/, #fdfdfd /*{a-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient( #eee /*{a-bdown-background-start}*/, #fdfdfd /*{a-bdown-background-end}*/); /* FF3.6 */ background-image: -ms-linear-gradient( #eee /*{a-bdown-background-start}*/, #fdfdfd /*{a-bdown-background-end}*/); /* IE10 */ background-image: -o-linear-gradient( #eee /*{a-bdown-background-start}*/, #fdfdfd /*{a-bdown-background-end}*/); /* Opera 11.10+ */ background-image: linear-gradient( #eee /*{a-bdown-background-start}*/, #fdfdfd /*{a-bdown-background-end}*/); } .ui-btn-down-a a.ui-link-inherit { color: #2F3E46 /*{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 #B3B3B3 /*{b-bar-border}*/; background: #e9eaeb /*{b-bar-background-color}*/; color: #3E3E3E /*{b-bar-color}*/; font-weight: bold; text-shadow: 0 /*{b-bar-shadow-x}*/ 1px /*{b-bar-shadow-y}*/ 1px /*{b-bar-shadow-radius}*/ #fff /*{b-bar-shadow-color}*/; background-image: -webkit-gradient(linear, left top, left bottom, from( #E9EAEB /*{b-bar-background-start}*/), to( #E9EAEB /*{b-bar-background-end}*/)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient( #E9EAEB /*{b-bar-background-start}*/, #E9EAEB /*{b-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient( #E9EAEB /*{b-bar-background-start}*/, #E9EAEB /*{b-bar-background-end}*/); /* FF3.6 */ background-image: -ms-linear-gradient( #E9EAEB /*{b-bar-background-start}*/, #E9EAEB /*{b-bar-background-end}*/); /* IE10 */ background-image: -o-linear-gradient( #E9EAEB /*{b-bar-background-start}*/, #E9EAEB /*{b-bar-background-end}*/); /* Opera 11.10+ */ background-image: linear-gradient( #E9EAEB /*{b-bar-background-start}*/, #E9EAEB /*{b-bar-background-end}*/); } .ui-bar-b .ui-link-inherit { color: #3E3E3E /*{b-bar-color}*/; } .ui-bar-b .ui-link { color: #7cc4e7 /*{b-bar-link-color}*/; font-weight: bold; } .ui-bar-b .ui-link:hover { color: #2489CE /*{b-bar-link-hover}*/; } .ui-bar-b .ui-link:active { color: #2489CE /*{b-bar-link-active}*/; } .ui-bar-b .ui-link:visited { color: #2489CE /*{b-bar-link-visited}*/; } .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-dialog.ui-overlay-b { border: 1px solid #B3B3B3 /*{b-body-border}*/; color: #fff /*{b-body-color}*/; text-shadow: 0 /*{b-body-shadow-x}*/ 0px /*{b-body-shadow-y}*/ 0 /*{b-body-shadow-radius}*/ #fff /*{b-body-shadow-color}*/; background: #282828 /*{b-body-background-color}*/; background-image: -webkit-gradient(linear, left top, left bottom, from( #282828 /*{b-body-background-start}*/), to( #282828 /*{b-body-background-end}*/)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient( #282828 /*{b-body-background-start}*/, #282828 /*{b-body-background-end}*/); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient( #282828 /*{b-body-background-start}*/, #282828 /*{b-body-background-end}*/); /* FF3.6 */ background-image: -ms-linear-gradient( #282828 /*{b-body-background-start}*/, #282828 /*{b-body-background-end}*/); /* IE10 */ background-image: -o-linear-gradient( #282828 /*{b-body-background-start}*/, #282828 /*{b-body-background-end}*/); /* Opera 11.10+ */ background-image: linear-gradient( #282828 /*{b-body-background-start}*/, #282828 /*{b-body-background-end}*/); } .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: #fff /*{b-body-color}*/; } .ui-body-b .ui-link { color: #fff /*{b-body-link-color}*/; font-weight: bold; } .ui-body-b .ui-link:hover { color: #2489CE /*{b-body-link-hover}*/; } .ui-body-b .ui-link:active { color: #2489CE /*{b-body-link-active}*/; } .ui-body-b .ui-link:visited { color: #2489CE /*{b-body-link-visited}*/; } .ui-btn-up-b { border: 1px solid #ccc /*{b-bup-border}*/; background: #eee /*{b-bup-background-color}*/; font-weight: bold; color: #2F3E46 /*{b-bup-color}*/; text-shadow: 0 /*{b-bup-shadow-x}*/ 1px /*{b-bup-shadow-y}*/ 1px /*{b-bup-shadow-radius}*/ #f6f6f6 /*{b-bup-shadow-color}*/; background-image: -webkit-gradient(linear, left top, left bottom, from( #E6NaNNaNNaNNaN /*{b-bup-background-start}*/), to( #F5NaNNaNNaNNaN /*{b-bup-background-end}*/)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient( #E6NaNNaNNaNNaN /*{b-bup-background-start}*/, #F5NaNNaNNaNNaN /*{b-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient( #E6NaNNaNNaNNaN /*{b-bup-background-start}*/, #F5NaNNaNNaNNaN /*{b-bup-background-end}*/); /* FF3.6 */ background-image: -ms-linear-gradient( #E6NaNNaNNaNNaN /*{b-bup-background-start}*/, #F5NaNNaNNaNNaN /*{b-bup-background-end}*/); /* IE10 */ background-image: -o-linear-gradient( #E6NaNNaNNaNNaN /*{b-bup-background-start}*/, #F5NaNNaNNaNNaN /*{b-bup-background-end}*/); /* Opera 11.10+ */ background-image: linear-gradient( #E6NaNNaNNaNNaN /*{b-bup-background-start}*/, #F5NaNNaNNaNNaN /*{b-bup-background-end}*/); } .ui-btn-up-b a.ui-link-inherit { color: #2F3E46 /*{b-bup-color}*/; } .ui-btn-hover-b { border: 1px solid #bbbbbb /*{b-bhover-border}*/; background: #dadada /*{b-bhover-background-color}*/; font-weight: bold; color: #2F3E46 /*{b-bhover-color}*/; text-shadow: 0 /*{b-bhover-shadow-x}*/ 1px /*{b-bhover-shadow-y}*/ 1px /*{b-bhover-shadow-radius}*/ #fff /*{b-bhover-shadow-color}*/; background-image: -webkit-gradient(linear, left top, left bottom, from( #ededed /*{b-bhover-background-start}*/), to( #dadada /*{b-bhover-background-end}*/)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient( #ededed /*{b-bhover-background-start}*/, #dadada /*{b-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient( #ededed /*{b-bhover-background-start}*/, #dadada /*{b-bhover-background-end}*/); /* FF3.6 */ background-image: -ms-linear-gradient( #ededed /*{b-bhover-background-start}*/, #dadada /*{b-bhover-background-end}*/); /* IE10 */ background-image: -o-linear-gradient( #ededed /*{b-bhover-background-start}*/, #dadada /*{b-bhover-background-end}*/); /* Opera 11.10+ */ background-image: linear-gradient( #ededed /*{b-bhover-background-start}*/, #dadada /*{b-bhover-background-end}*/); } .ui-btn-hover-b a.ui-link-inherit { color: #2F3E46 /*{b-bhover-color}*/; } .ui-btn-down-b { border: 1px solid #808080 /*{b-bdown-border}*/; background: #fdfdfd /*{b-bdown-background-color}*/; font-weight: bold; color: #2F3E46 /*{b-bdown-color}*/; text-shadow: 0 /*{b-bdown-shadow-x}*/ 1px /*{b-bdown-shadow-y}*/ 1px /*{b-bdown-shadow-radius}*/ #ffffff /*{b-bdown-shadow-color}*/; background-image: -webkit-gradient(linear, left top, left bottom, from( #eee /*{b-bdown-background-start}*/), to( #fdfdfd /*{b-bdown-background-end}*/)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient( #eee /*{b-bdown-background-start}*/, #fdfdfd /*{b-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient( #eee /*{b-bdown-background-start}*/, #fdfdfd /*{b-bdown-background-end}*/); /* FF3.6 */ background-image: -ms-linear-gradient( #eee /*{b-bdown-background-start}*/, #fdfdfd /*{b-bdown-background-end}*/); /* IE10 */ background-image: -o-linear-gradient( #eee /*{b-bdown-background-start}*/, #fdfdfd /*{b-bdown-background-end}*/); /* Opera 11.10+ */ background-image: linear-gradient( #eee /*{b-bdown-background-start}*/, #fdfdfd /*{b-bdown-background-end}*/); } .ui-btn-down-b a.ui-link-inherit { color: #2F3E46 /*{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: #e9eaeb /*{c-bar-background-color}*/; color: #3E3E3E /*{c-bar-color}*/; font-weight: bold; text-shadow: 0 /*{c-bar-shadow-x}*/ 1px /*{c-bar-shadow-y}*/ 1px /*{c-bar-shadow-radius}*/ #fff /*{c-bar-shadow-color}*/; background-image: -webkit-gradient(linear, left top, left bottom, from( #f0f0f0 /*{c-bar-background-start}*/), to( #e9eaeb /*{c-bar-background-end}*/)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #e9eaeb /*{c-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #e9eaeb /*{c-bar-background-end}*/); /* FF3.6 */ background-image: -ms-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #e9eaeb /*{c-bar-background-end}*/); /* IE10 */ background-image: -o-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #e9eaeb /*{c-bar-background-end}*/); /* Opera 11.10+ */ background-image: linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #e9eaeb /*{c-bar-background-end}*/); } .ui-bar-c .ui-link-inherit { color: #3E3E3E /*{c-bar-color}*/; } .ui-bar-c .ui-link { color: #7cc4e7 /*{c-bar-link-color}*/; font-weight: bold; } .ui-bar-c .ui-link:hover { color: #2489CE /*{c-bar-link-hover}*/; } .ui-bar-c .ui-link:active { color: #2489CE /*{c-bar-link-active}*/; } .ui-bar-c .ui-link:visited { color: #2489CE /*{c-bar-link-visited}*/; } .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-dialog.ui-overlay-c { border: 1px solid #B3B3B3 /*{c-body-border}*/; color: #333333 /*{c-body-color}*/; text-shadow: 0 /*{c-body-shadow-x}*/ 1px /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ #fff /*{c-body-shadow-color}*/; background: #f0f0f0 /*{c-body-background-color}*/; background-image: -webkit-gradient(linear, left top, left bottom, from( #eee /*{c-body-background-start}*/), to( #ddd /*{c-body-background-end}*/)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient( #eee /*{c-body-background-start}*/, #ddd /*{c-body-background-end}*/); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient( #eee /*{c-body-background-start}*/, #ddd /*{c-body-background-end}*/); /* FF3.6 */ background-image: -ms-linear-gradient( #eee /*{c-body-background-start}*/, #ddd /*{c-body-background-end}*/); /* IE10 */ background-image: -o-linear-gradient( #eee /*{c-body-background-start}*/, #ddd /*{c-body-background-end}*/); /* Opera 11.10+ */ background-image: linear-gradient( #eee /*{c-body-background-start}*/, #ddd /*{c-body-background-end}*/); } .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: #333333 /*{c-body-color}*/; } .ui-body-c .ui-link { color: #2489CE /*{c-body-link-color}*/; font-weight: bold; } .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-body-c .ui-link:visited { color: #2489CE /*{c-body-link-visited}*/; } .ui-btn-up-c { border: 1px solid #ccc /*{c-bup-border}*/; background: #eee /*{c-bup-background-color}*/; font-weight: bold; color: #2F3E46 /*{c-bup-color}*/; text-shadow: 0 /*{c-bup-shadow-x}*/ 1px /*{c-bup-shadow-y}*/ 1px /*{c-bup-shadow-radius}*/ #f6f6f6 /*{c-bup-shadow-color}*/; background-image: -webkit-gradient(linear, left top, left bottom, from( #fdfdfd /*{c-bup-background-start}*/), to( #eee /*{c-bup-background-end}*/)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient( #fdfdfd /*{c-bup-background-start}*/, #eee /*{c-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient( #fdfdfd /*{c-bup-background-start}*/, #eee /*{c-bup-background-end}*/); /* FF3.6 */ background-image: -ms-linear-gradient( #fdfdfd /*{c-bup-background-start}*/, #eee /*{c-bup-background-end}*/); /* IE10 */ background-image: -o-linear-gradient( #fdfdfd /*{c-bup-background-start}*/, #eee /*{c-bup-background-end}*/); /* Opera 11.10+ */ background-image: linear-gradient( #fdfdfd /*{c-bup-background-start}*/, #eee /*{c-bup-background-end}*/); } .ui-btn-up-c a.ui-link-inherit { color: #2F3E46 /*{c-bup-color}*/; } .ui-btn-hover-c { border: 1px solid #bbbbbb /*{c-bhover-border}*/; background: #dadada /*{c-bhover-background-color}*/; font-weight: bold; color: #2F3E46 /*{c-bhover-color}*/; text-shadow: 0 /*{c-bhover-shadow-x}*/ 1px /*{c-bhover-shadow-y}*/ 1px /*{c-bhover-shadow-radius}*/ #fff /*{c-bhover-shadow-color}*/; background-image: -webkit-gradient(linear, left top, left bottom, from( #ededed /*{c-bhover-background-start}*/), to( #dadada /*{c-bhover-background-end}*/)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient( #ededed /*{c-bhover-background-start}*/, #dadada /*{c-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient( #ededed /*{c-bhover-background-start}*/, #dadada /*{c-bhover-background-end}*/); /* FF3.6 */ background-image: -ms-linear-gradient( #ededed /*{c-bhover-background-start}*/, #dadada /*{c-bhover-background-end}*/); /* IE10 */ background-image: -o-linear-gradient( #ededed /*{c-bhover-background-start}*/, #dadada /*{c-bhover-background-end}*/); /* Opera 11.10+ */ background-image: linear-gradient( #ededed /*{c-bhover-background-start}*/, #dadada /*{c-bhover-background-end}*/); } .ui-btn-hover-c a.ui-link-inherit { color: #2F3E46 /*{c-bhover-color}*/; } .ui-btn-down-c { border: 1px solid #808080 /*{c-bdown-border}*/; background: #fdfdfd /*{c-bdown-background-color}*/; font-weight: bold; color: #2F3E46 /*{c-bdown-color}*/; text-shadow: 0 /*{c-bdown-shadow-x}*/ 1px /*{c-bdown-shadow-y}*/ 1px /*{c-bdown-shadow-radius}*/ #ffffff /*{c-bdown-shadow-color}*/; background-image: -webkit-gradient(linear, left top, left bottom, from( #eee /*{c-bdown-background-start}*/), to( #fdfdfd /*{c-bdown-background-end}*/)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient( #eee /*{c-bdown-background-start}*/, #fdfdfd /*{c-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient( #eee /*{c-bdown-background-start}*/, #fdfdfd /*{c-bdown-background-end}*/); /* FF3.6 */ background-image: -ms-linear-gradient( #eee /*{c-bdown-background-start}*/, #fdfdfd /*{c-bdown-background-end}*/); /* IE10 */ background-image: -o-linear-gradient( #eee /*{c-bdown-background-start}*/, #fdfdfd /*{c-bdown-background-end}*/); /* Opera 11.10+ */ background-image: linear-gradient( #eee /*{c-bdown-background-start}*/, #fdfdfd /*{c-bdown-background-end}*/); } .ui-btn-down-c a.ui-link-inherit { color: #2F3E46 /*{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; } /* 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 #155678 /*{global-active-border}*/; background: #387bbe /*{global-active-background-color}*/; font-weight: bold; color: #fff /*{global-active-color}*/; cursor: pointer; text-shadow: 0 /*{global-active-shadow-x}*/ -1px /*{global-active-shadow-y}*/ 1px /*{global-active-shadow-radius}*/ #145072 /*{global-active-shadow-color}*/; text-decoration: none; background-image: -webkit-gradient(linear, left top, left bottom, from( #85bae4 /*{global-active-background-start}*/), to( #5393c5 /*{global-active-background-end}*/)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient( #85bae4 /*{global-active-background-start}*/, #5393c5 /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient( #85bae4 /*{global-active-background-start}*/, #5393c5 /*{global-active-background-end}*/); /* FF3.6 */ background-image: -ms-linear-gradient( #85bae4 /*{global-active-background-start}*/, #5393c5 /*{global-active-background-end}*/); /* IE10 */ background-image: -o-linear-gradient( #85bae4 /*{global-active-background-start}*/, #5393c5 /*{global-active-background-end}*/); /* Opera 11.10+ */ background-image: linear-gradient( #85bae4 /*{global-active-background-start}*/, #5393c5 /*{global-active-background-end}*/); font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; } .ui-btn-active a.ui-link-inherit { color: #fff /*{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.3em /*{global-radii-blocks}*/; -webkit-border-top-left-radius: 0.3em /*{global-radii-blocks}*/; border-top-left-radius: 0.3em /*{global-radii-blocks}*/; } .ui-corner-tr { -moz-border-radius-topright: 0.3em /*{global-radii-blocks}*/; -webkit-border-top-right-radius: 0.3em /*{global-radii-blocks}*/; border-top-right-radius: 0.3em /*{global-radii-blocks}*/; } .ui-corner-bl { -moz-border-radius-bottomleft: 0.3em /*{global-radii-blocks}*/; -webkit-border-bottom-left-radius: 0.3em /*{global-radii-blocks}*/; border-bottom-left-radius: 0.3em /*{global-radii-blocks}*/; } .ui-corner-br { -moz-border-radius-bottomright: 0.3em /*{global-radii-blocks}*/; -webkit-border-bottom-right-radius: 0.3em /*{global-radii-blocks}*/; border-bottom-right-radius: 0.3em /*{global-radii-blocks}*/; } .ui-corner-top { -moz-border-radius-topleft: 0.3em /*{global-radii-blocks}*/; -webkit-border-top-left-radius: 0.3em /*{global-radii-blocks}*/; border-top-left-radius: 0.3em /*{global-radii-blocks}*/; -moz-border-radius-topright: 0.3em /*{global-radii-blocks}*/; -webkit-border-top-right-radius: 0.3em /*{global-radii-blocks}*/; border-top-right-radius: 0.3em /*{global-radii-blocks}*/; } .ui-corner-bottom { -moz-border-radius-bottomleft: 0.3em /*{global-radii-blocks}*/; -webkit-border-bottom-left-radius: 0.3em /*{global-radii-blocks}*/; border-bottom-left-radius: 0.3em /*{global-radii-blocks}*/; -moz-border-radius-bottomright: 0.3em /*{global-radii-blocks}*/; -webkit-border-bottom-right-radius: 0.3em /*{global-radii-blocks}*/; border-bottom-right-radius: 0.3em /*{global-radii-blocks}*/; } .ui-corner-right { -moz-border-radius-topright: 0.3em /*{global-radii-blocks}*/; -webkit-border-top-right-radius: 0.3em /*{global-radii-blocks}*/; border-top-right-radius: 0.3em /*{global-radii-blocks}*/; -moz-border-radius-bottomright: 0.3em /*{global-radii-blocks}*/; -webkit-border-bottom-right-radius: 0.3em /*{global-radii-blocks}*/; border-bottom-right-radius: 0.3em /*{global-radii-blocks}*/; } .ui-corner-left { -moz-border-radius-topleft: 0.3em /*{global-radii-blocks}*/; -webkit-border-top-left-radius: 0.3em /*{global-radii-blocks}*/; border-top-left-radius: 0.3em /*{global-radii-blocks}*/; -moz-border-radius-bottomleft: 0.3em /*{global-radii-blocks}*/; -webkit-border-bottom-left-radius: 0.3em /*{global-radii-blocks}*/; border-bottom-left-radius: 0.3em /*{global-radii-blocks}*/; } .ui-corner-all { -moz-border-radius: 0.3em /*{global-radii-blocks}*/; -webkit-border-radius: 0.3em /*{global-radii-blocks}*/; border-radius: 0.3em /*{global-radii-blocks}*/; } .ui-corner-none { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } /* Interaction cues -----------------------------------------------------------------------------------------------------------*/ .ui-disabled { opacity: .3; } .ui-disabled, .ui-disabled a { pointer-events: none; cursor: default; } /* Icons -----------------------------------------------------------------------------------------------------------*/ .ui-icon, .ui-icon-searchfield:after { background: #666 /*{global-icon-color}*/; background: rgba(0,0,0,.4) /*{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 { -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: #387bbe /*{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-image: url(images/ajax-loader.png); width: 40px; height: 40px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; background-size: 35px 35px; } /* Button corner classes -----------------------------------------------------------------------------------------------------------*/ .ui-btn-corner-tl { -moz-border-radius-topleft: 0.2em /*{global-radii-buttons}*/; -webkit-border-top-left-radius: 0.2em /*{global-radii-buttons}*/; border-top-left-radius: 0.2em /*{global-radii-buttons}*/; } .ui-btn-corner-tr { -moz-border-radius-topright: 0.2em /*{global-radii-buttons}*/; -webkit-border-top-right-radius: 0.2em /*{global-radii-buttons}*/; border-top-right-radius: 0.2em /*{global-radii-buttons}*/; } .ui-btn-corner-bl { -moz-border-radius-bottomleft: 0.2em /*{global-radii-buttons}*/; -webkit-border-bottom-left-radius: 0.2em /*{global-radii-buttons}*/; border-bottom-left-radius: 0.2em /*{global-radii-buttons}*/; } .ui-btn-corner-br { -moz-border-radius-bottomright: 0.2em /*{global-radii-buttons}*/; -webkit-border-bottom-right-radius: 0.2em /*{global-radii-buttons}*/; border-bottom-right-radius: 0.2em /*{global-radii-buttons}*/; } .ui-btn-corner-top { -moz-border-radius-topleft: 0.2em /*{global-radii-buttons}*/; -webkit-border-top-left-radius: 0.2em /*{global-radii-buttons}*/; border-top-left-radius: 0.2em /*{global-radii-buttons}*/; -moz-border-radius-topright: 0.2em /*{global-radii-buttons}*/; -webkit-border-top-right-radius: 0.2em /*{global-radii-buttons}*/; border-top-right-radius: 0.2em /*{global-radii-buttons}*/; } .ui-btn-corner-bottom { -moz-border-radius-bottomleft: 0.2em /*{global-radii-buttons}*/; -webkit-border-bottom-left-radius: 0.2em /*{global-radii-buttons}*/; border-bottom-left-radius: 0.2em /*{global-radii-buttons}*/; -moz-border-radius-bottomright: 0.2em /*{global-radii-buttons}*/; -webkit-border-bottom-right-radius: 0.2em /*{global-radii-buttons}*/; border-bottom-right-radius: 0.2em /*{global-radii-buttons}*/; } .ui-btn-corner-right { -moz-border-radius-topright: 0.2em /*{global-radii-buttons}*/; -webkit-border-top-right-radius: 0.2em /*{global-radii-buttons}*/; border-top-right-radius: 0.2em /*{global-radii-buttons}*/; -moz-border-radius-bottomright: 0.2em /*{global-radii-buttons}*/; -webkit-border-bottom-right-radius: 0.2em /*{global-radii-buttons}*/; border-bottom-right-radius: 0.2em /*{global-radii-buttons}*/; } .ui-btn-corner-left { -moz-border-radius-topleft: 0.2em /*{global-radii-buttons}*/; -webkit-border-top-left-radius: 0.2em /*{global-radii-buttons}*/; border-top-left-radius: 0.2em /*{global-radii-buttons}*/; -moz-border-radius-bottomleft: 0.2em /*{global-radii-buttons}*/; -webkit-border-bottom-left-radius: 0.2em /*{global-radii-buttons}*/; border-bottom-left-radius: 0.2em /*{global-radii-buttons}*/; } .ui-btn-corner-all { -moz-border-radius: 0.2em /*{global-radii-buttons}*/; -webkit-border-radius: 0.2em /*{global-radii-buttons}*/; border-radius: 0.2em /*{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; opacity: .5; filter: Alpha(Opacity=50); 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 4px /*{global-box-shadow-size}*/ rgba(0,0,0,.3) /*{global-box-shadow-color}*/; -webkit-box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ rgba(0,0,0,.3) /*{global-box-shadow-color}*/; box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ rgba(0,0,0,.3) /*{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 rgba(255,255,255,.4) /*{global-icon-shadow}*/; -webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/; box-shadow: 0px 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/; } /* Focus state - set here for specificity -----------------------------------------------------------------------------------------------------------*/ .ui-focus { -moz-box-shadow: 0px 0px 12px #387bbe /*{global-active-background-color}*/; -webkit-box-shadow: 0px 0px 12px #387bbe /*{global-active-background-color}*/; box-shadow: 0px 0px 12px #387bbe /*{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 { outline-width: 2px; } a.button { display: inline-block; padding: 7px 9px; font-size: 12px; line-height:1; color: #3C3C3D; text-shadow: 1px 1px 0 #FFFFFF; background: #ECECEC url('images/css3buttons_backgrounds.png') 0 0 no-repeat; white-space: nowrap; overflow: visible; cursor: pointer; text-decoration: none; border: 1px solid #CACACA; -webkit-border-radius: 2px; -moz-border-radius: 2px; -webkit-background-clip: padding-box; border-radius: 2px; outline: none; position: relative; zoom: 1; *display: inline; } a.button.primary { font-weight: bold } a.button:hover { color: #FFFFFF; border-color: #388AD4; text-decoration: none; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); background-position: 0 -40px; background-color: #2D7DC5; } a.button:active, a.button.active { background-position: 0 -81px; border-color: #347BBA; background-color: #0F5EA2; color: #FFFFFF; text-shadow: none; } a.button:active { top: 1px } a.button.negative:hover { color: #FFFFFF; background-position: 0 -121px; background-color: #D84743; border-color: #911D1B; } a.button.negative:active, a.button.negative.active { background-position: 0 -161px; background-color: #A5211E; border-color: #911D1B; } a.button.pill { -webkit-border-radius: 19px; -moz-border-radius: 19px; border-radius: 19px; padding: 6px 12px; } a.button.left { -webkit-border-bottom-right-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-topright: 0px; border-bottom-right-radius: 0px; border-top-right-radius: 0px; margin-right: 0px; } a.button.middle { margin-right: 0px; margin-left: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border-left: none; } a.button.right { -webkit-border-bottom-left-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-topleft: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; margin-left: 0px; border-left: none;} a.button.left:active, a.button.middle:active, a.button.right:active { top: 0px } a.button.big { font-size: 16px; padding: 7px 16px; } a.button span.icon { display: inline-block; width: 14px; height: 12px; margin: auto 7px auto auto; position: relative; top: 1px; background-image: url('images/css3buttons_icons.png'); background-repeat: no-repeat; } a.big.button span.icon { top: 0px } a.button span.icon.book { background-position: 0 0 } a.button:hover span.icon.book { background-position: 0 -15px } a.button span.icon.calendar { background-position: 0 -30px } a.button:hover span.icon.calendar { background-position: 0 -45px } a.button span.icon.chat { background-position: 0 -60px } a.button:hover span.icon.chat { background-position: 0 -75px } a.button span.icon.check { background-position: 0 -90px } a.button:hover span.icon.check { background-position: 0 -103px } a.button span.icon.clock { background-position: 0 -116px } a.button:hover span.icon.clock { background-position: 0 -131px } a.button span.icon.cog { background-position: 0 -146px } a.button:hover span.icon.cog { background-position: 0 -161px } a.button span.icon.comment { background-position: 0 -176px } a.button:hover span.icon.comment { background-position: 0 -190px } a.button span.icon.cross { background-position: 0 -204px } a.button:hover span.icon.cross { background-position: 0 -219px } a.button span.icon.downarrow { background-position: 0 -234px } a.button:hover span.icon.downarrow { background-position: 0 -249px } a.button span.icon.fork { background-position: 0 -264px } a.button:hover span.icon.fork { background-position: 0 -279px } a.button span.icon.heart { background-position: 0 -294px } a.button:hover span.icon.heart { background-position: 0 -308px } a.button span.icon.home { background-position: 0 -322px } a.button:hover span.icon.home { background-position: 0 -337px } a.button span.icon.key { background-position: 0 -352px } a.button:hover span.icon.key { background-position: 0 -367px } a.button span.icon.leftarrow { background-position: 0 -382px } a.button:hover span.icon.leftarrow { background-position: 0 -397px } a.button span.icon.lock { background-position: 0 -412px } a.button:hover span.icon.lock { background-position: 0 -427px } a.button span.icon.loop { background-position: 0 -442px } a.button:hover span.icon.loop { background-position: 0 -457px } a.button span.icon.magnifier { background-position: 0 -472px } a.button:hover span.icon.magnifier { background-position: 0 -487px } a.button span.icon.mail { background-position: 0 -502px } a.button:hover span.icon.mail { background-position: 0 -514px } a.button span.icon.move { background-position: 0 -526px } a.button:hover span.icon.move { background-position: 0 -541px } a.button span.icon.pen { background-position: 0 -556px } a.button:hover span.icon.pen { background-position: 0 -571px } a.button span.icon.pin { background-position: 0 -586px } a.button:hover span.icon.pin { background-position: 0 -601px } a.button span.icon.plus { background-position: 0 -616px } a.button:hover span.icon.plus { background-position: 0 -631px } a.button span.icon.reload { background-position: 0 -646px } a.button:hover span.icon.reload { background-position: 0 -660px } a.button span.icon.rightarrow { background-position: 0 -674px } a.button:hover span.icon.rightarrow { background-position: 0 -689px } a.button span.icon.rss { background-position: 0 -704px } a.button:hover span.icon.rss { background-position: 0 -719px } a.button span.icon.tag { background-position: 0 -734px } a.button:hover span.icon.tag { background-position: 0 -749px } a.button span.icon.trash { background-position: 0 -764px } a.button:hover span.icon.trash { background-position: 0 -779px } a.button span.icon.unlock { background-position: 0 -794px } a.button:hover span.icon.unlock { background-position: 0 -809px } a.button span.icon.uparrow { background-position: 0 -824px } a.button:hover span.icon.uparrow { background-position: 0 -839px } a.button span.icon.user { background-position: 0 -854px } a.button:hover span.icon.user { background-position: 0 -869px } body { font-family: Arial; } @font-face { font-family: '53n'; src: url('fonts/53n-webfont.eot'); src: local('53n'), url('fonts/53n-webfont.woff') format('woff'), url('fonts/53n-webfont.ttf') format('truetype'), url('fonts/53n-webfont.svg#webfontBT9BL23N') format('svg'); font-weight: normal; font-style: normal; } a, a:visited, a:active { color: #999999; } div#header { position : absolute; top : 0; left : 0; width : 100%; height : 72px; padding : 9px; z-index : 1000; overflow : hidden; background-color: #282828; } div[data-role="page"] { padding-top : 90px; } h1 { color: white; font-family: '53n'; background-color: #00a8cc; padding: 5px; margin-top: 0; } h2 { text-transform: uppercase; color: #00a8cc; font-family: '53n', Arial; } #logo { float: left; } #toolbar-top { float: right; padding-right: 20px; width: 135px; } #toolbar-top a { padding-right: 2px; padding-bottom: 2px; } #latest-news-item { padding-left: 15px; } .portfolio-box { border-bottom: 1px solid #00a8cc; padding-bottom: 10px; margin-bottom: 10px; } .portfolio-box .date { color: #999; font-size: 80%; } .portfolio-box img { padding-bottom: 4px; } #main_menu li a { text-transform: uppercase; color: #666666; font-family: '53n', Arial; } footer { padding-top: 10px; padding-bottom: 10px; position: relative; font-size: 90%; } footer h2 { font-weight: normal; margin-bottom: 4px; } #toolbar-social #stars { margin-bottom: 6px; } #btn-webversion { position: absolute; right: 15px; bottom: 20px; } /* tekst in list:a waar icoon in voorkomt */ .ui-li-has-thumb .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-thumb { min-height: 20px; padding-left: 60px; padding-top: 12px; padding-bottom: 12px; } /* icoontje bij in main_menu */ .ui-li-thumb, .ui-listview .ui-li-icon { left: 10px; } .btn-go-back { padding-top: 15px; display: block; } @charset "utf-8"; /* 53 Graden Noord - Style Sheet (c)2010 */ body, ul, li, div, p, h1, img { margin: 0px; padding: 0px; } body { margin:0; padding:0; height:100%; background-image:url('images/bg.jpg'); background-position:center; background-position:top; background-color:#fff; background-repeat:no-repeat; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#333; line-height:21px; } img { border:none; } a:link { color:#1db7d2; text-decoration: underline;} a:visited { color:#1db7d2; text-decoration: underline;} a:hover { color: #1db7d2; text-decoration: underline;} a:active { color:#1db7d2; text-decoration: none;} #container { background-color:#fff; width:950px; height:auto; margin:10px auto; } #header { float:left; width:950px; height:160px; background-image:url('images/header_bg.jpg'); background-repeat:repeat-x; } #logo { float:left; width:131px; height:131px; margin:15px 0px 0px 63px; } #menu { float:left; background-image:url('images/menu_bg.jpg'); background-color:#fff; background-position:top; background-repeat:repeat-x; height:47px; width:935px; padding-left: 15px; } #main-navigation-bar { background: url("images/menu_bg.jpg") repeat-x transparent; height: 49px; } /* --- Main navigation --- */ #navigation { position: relative; background: url("images/menu_bg.jpg") repeat-x transparent; height: 49px; } #main-navigation { position: relative; width: 980px; list-style: none; margin: 0 auto;} #main-navigation a { color: #fff; text-decoration:none; font:15px '53n', Arial, Helvetica; text-transform:uppercase; cursor:pointer; line-height: 30px; padding: 2px 8px; text-decoration: none; background: none; outline: none;} #main-navigation a:hover { text-decoration: underline; } #main-navigation li { display: inline; float: left; margin: 7px 18px 0 0; } #main-navigation li.active { margin: 0; background: url("images/menu.png") right -47px no-repeat; padding-right: 10px; } #main-navigation li.active a { background: url("images/menu.png") no-repeat; height: 39px; display: block; padding: 7px 13px 3px 23px; } #submenu { float: left; clear: both; width: 194px; margin-top:15px; } .submenu{ margin-left:20px; padding:0; width:174px; list-style:none; font:12px Arial, Helvetica, sans-serif; text-transform:uppercase;} .submenu li{ padding:0; margin:0 0 1px 0; height:28px; display:block; color:#666;} .submenu li a{ color: #505052; text-align:left; height:28px; padding:0px 28px; display:block; cursor:pointer; background:url('images/submenu.jpg') 0px 0px no-repeat; text-decoration:none;} .submenu li a:hover, .submenu li a.active { background:url('images/submenu.jpg') 0px /**/-28px/**/ no-repeat;} .submenu li a span{ line-height:28px;} .submenu_webdesign{ margin-left:20px; padding:0; width:174px; list-style:none; font:12px Arial, Helvetica, sans-serif; text-transform:uppercase;} .submenu_webdesign li{ padding:0; margin:0 0 1px 0; height:28px; display:block; color:#666;} .submenu_webdesign li a{color: #505052; text-align:left; height:28px; padding:0px 28px; display:block; cursor:pointer; background:url('images/submenu.jpg') 0px 0px no-repeat; text-decoration:none;} .submenu_webdesign li a:hover, .submenu_webdesign li a.active { background:url('images/submenu.jpg') 0px /**/-28px/**/ no-repeat;} .submenu_webdesign li a span{ line-height:28px;} .submenu_ontwerp{ margin-left:20px; padding:0; width:174px; list-style:none; font:12px Arial, Helvetica, sans-serif; text-transform:uppercase;} .submenu_ontwerp li{ padding:0; margin:0 0 1px 0; height:28px; display:block; color:#666;} .submenu_ontwerp li a{color: #505052; text-align:left; height:28px; padding:0px 28px; display:block; cursor:pointer; background:url('images/submenu.jpg') 0px 0px no-repeat; text-decoration:none;} .submenu_ontwerp li a:hover, .submenu_ontwerp li a.active { background:url('images/submenu.jpg') 0px /**/-84px/**/ no-repeat;} .submenu_ontwerp li a span{ line-height:28px;} .submenu_drukwerk{ margin-left:20px; padding:0; width:174px; list-style:none; font:12px Arial, Helvetica, sans-serif; text-transform:uppercase;} .submenu_drukwerk li{ padding:0; margin:0 0 1px 0; height:28px; display:block; color:#666;} .submenu_drukwerk li a{color: #505052; text-align:left; height:28px; padding:0px 28px; display:block; cursor:pointer; background:url('images/submenu.jpg') 0px 0px no-repeat; text-decoration:none;} .submenu_drukwerk li a:hover, .submenu_drukwerk li a.active { background:url('images/submenu.jpg') 0px /**/-112px/**/ no-repeat;} .submenu_drukwerk li a span{ line-height:28px;} .submenu_belettering{ margin-left:20px; padding:0; width:174px; list-style:none; font:12px Arial, Helvetica, sans-serif; text-transform:uppercase;} .submenu_belettering li{ padding:0; margin:0 0 1px 0; height:28px; display:block; color:#666;} .submenu_belettering li a{color: #505052; text-align:left; height:28px; padding:0px 28px; display:block; cursor:pointer; background:url('images/submenu.jpg') 0px 0px no-repeat; text-decoration:none;} .submenu_belettering li a:hover, .submenu_belettering li a.active { background:url('images/submenu.jpg') 0px /**/-140px/**/ no-repeat;} .submenu_belettering li a span{ line-height:28px;} .submenu_promotieartikelen{ margin-left:20px; padding:0; width:174px; list-style:none; font:12px Arial, Helvetica, sans-serif; text-transform:uppercase;} .submenu_promotieartikelen li{ padding:0; margin:0 0 1px 0; height:28px; display:block; color:#666;} .submenu_promotieartikelen li a{color: #505052; text-align:left; height:28px; padding:0px 28px; display:block; cursor:pointer; background:url('images/submenu.jpg') 0px 0px no-repeat; text-decoration:none;} .submenu_promotieartikelen li a:hover, .submenu_promotieartikelen li a.active { background:url('images/submenu.jpg') 0px /**/-168px/**/ no-repeat;} .submenu_promotieartikelen li a span{ line-height:28px;} .article .image_top, .folder .image_top{ background: transparent url('images/blokje_left_top.png') no-repeat left top; float: left; height: 44px; width: 180px; margin-left: 20px;} .article .image, .folder .image{ background: url('images/blokje_left_bg.jpg') no-repeat left bottom; min-height: 150px; float: left; padding: 0px 7px 10px 7px; position: relative; width: 167px; margin-left: 20px; margin-bottom: 20px; } .contact-btn{ } #article h1{ font:22px '53n', Arial, Helvetica; color: #fff; margin: 3px 7px 7px 10px; text-decoration: none; } #article a:link, a:visited, a: hover{ font: normal 25px '53n', Arial, Helvetica, sans-serif; line-height: 40px; color: #1db7d2; text-decoration: none; } #article img{ border: 1px solid #CCCCCC; } #spacer{ height:20px; } #content { float: left; margin-top: 10px; margin-left: 30px; margin-right: 30px; margin-bottom: 40px; width: 696px; min-height:500px; font-size: 12px; } /* #content img { border:1px solid #CCC; padding: 0px; margin-left: 0px; margin-top: 0px; margin-bottom: 5px; } */ .thumbnail { float: left; margin: 10px 29px 4px 0; } .thumbnail.eol { margin-right: 0; } .thumbnail p { width: 187px; margin: 0; margin-bottom: 4px; } .thumbnail img { width: 185px; height: 84px; border: 1px solid #e1e1e1; } .thumbnail img:hover { border: 1px solid #25B7D2 !important; color: red; /* irrelevant definition to overcome IE bug */ } .opgeleverd { float:left; width:715px; height: 170px; margin:5px 0px 5px 0px; padding: 0px 5px 0px 5px; background-color: #1DB7D1; border: 1px solid #ccc; } .recentopgeleverd_container { float:left; width:215px; margin:0px 20px 0px 0px; } .recentopgeleverd_container_einde { float:left; width:210px; margin:0px 0px 0px 0px; } .recentopgeleverd_thumb { background-color:#f9f7fa; border:1px solid #ddd2d6; padding:0px; margin-bottom:12px; } #recentopgeleverd_thumb img { background-color:#ffffff; border:1px solid #CCC; padding: 2px; margin-bottom: 15px; } .contactgegevens{ color: #333; font-size: 11px; padding: 0px; width: 170px; margin-top: 50px; padding-left: 20px; line-height: 15px; } #twitter_div li { font: 13px/21px Arial,Helvetica,sans-serif; height: auto; color: #333333; list-style: disc url(images/twittericon.jpg) inside; list-style-position: inside; } #twitter_div li a { color: #0057B0; text-decoration: none; } .image_bottom{ background: transparent url(/images/background_image_bottom.png) no-repeat left top; float: left; height: 12px; margin-bottom: 25px;width: 180px; margin-left: 20px;} #footer { clear:both; display: table; width: 100%; background-color: #333; background-position:top; margin-top: 0px; color: #ccc; background-image:url('images/footer.jpg'); background-repeat:repeat-x; height: 60px; } #footer_center { display: table; margin-left: auto; margin-right: auto; height: 350px; } #footer_text { margin-left: auto; margin-right: auto; margin-top:10px; color: #ccc; } #footer_text ul{ padding-left: 20px; list-style-type: square; } #footer_text a:link, #footer_text a:visited { color: #ccc; text-decoration: none; } #footer_text a:hover { color: #fff; text-decoration: underline; } .footer1 { float:left; padding-left: 20px; width:200px; font-size: 11px; } input { border-color: #CCCCCC; border-style: solid; border-width: 1px; font-family: arial; font-size: 12px; padding: 4px 8px; } .inputSmal{ background: transparent url('images/form_textbox.png') no-repeat left top; border: none; float: left; font-size: 1em; height: 19px; padding: 2px 5px 2px 5px; } .inputBig{ background: transparent url('images/form_textarea.png') no-repeat left top; border: none; margin: 0 0 0 1px; padding: 5px 5px 2px 5px; width: 130px; height: 80px; overflow:auto; } h1 { font: normal 25px '53n', Arial, Helvetica, sans-serif; line-height: 40px; color: #1db7d2; } } h2 { font: bold 15px Arial, Helvetica, sans-serif; line-height: 20px; color:#333; } h2 a:link { font: bold 15px Arial, Helvetica, sans-serif; line-height: 20px; color:#333; text-decoration: none; } h2 a:visited { font: bold 15px Arial, Helvetica, sans-serif; line-height: 20px; color:#333; text-decoration: none; } h2 a:hover { font: bold 15px Arial, Helvetica, sans-serif; line-height: 20px; color:#ccc; text-decoration: underline; } h3 { font: bold 13px Arial, Helvetica, sans-serif; color: #fff; line-height: 13px; text-align:right; } h3 a:link { color:#fff; text-decoration:underline; } h3 a:visited { color:#fff; text-decoration:underline; } h3 a:hover { color:#fff; text-decoration:underline; } h4 { font: 10px Arial, Helvetica, sans-serif; color: #ccc; line-height: 0px; margin-top: 0px; margin-bottom: 5px; text-decoration:none; } /*=========== Kruimelpad ===========*/ h4 a:link { color:#ccc; text-decoration:none; } h4 a:visited { color:#ccc; text-decoration:none; } h4 a:hover { color:#333; text-decoration:underline; } /*=========== Einde Kruimelpad ===========*/ /*=========== Nieuws ===========*/ .nieuws { font-size: 12px; text-decoration:none; } .nieuws a:link { color:#4E5152; text-decoration:none; } .nieuws a:visited { color:#4E5152; text-decoration:none; } .nieuws a:hover { color:#ccc; text-decoration:underline; } .news-item{ width: 600px; min-height: 120px; margin: 10px; margin-bottom: 20px; text-decoration: none; } .news-item-content{ width: 420px; padding: 5px; padding-top: 0px; height: 100px; float: right; } #news-item-image-container { border: 1px solid #404041; position: relative; margin: 0px 0px 8px 8px; } #news-item-image-container:hover { border: 1px solid #1CB6D0; } #news-item-image-container .zoom-box { background-color:#1CB6D0; bottom:0px; display:none; height:20px; left:0; opacity:0.8; padding-top:2px; position:absolute; width:100%; text-align: center; } #news-item-image-container a { width: 100%; height: 100%; display: block; line-height: 0px; } /*=========== Einde Nieuws ===========*/ .footer1 h5 { font: normal 16px Tahoma, Geneva, sans-serif; color:#1DB7D2; text-transform:uppercase; line-height:21px; } .footer1 h5 a:link { color:#ccc; text-decoration:none; } .footer1 h5 a:hover { color:#b50606; text-decoration:underline; } @font-face { font-family: '53n'; src: url('fonts/53n-webfont.eot'); src: local('53n'), url('fonts/53n-webfont.woff') format('woff'), url('fonts/53n-webfont.ttf') format('truetype'), url('fonts/53n-webfont.svg#webfontBT9BL23N') format('svg'); font-weight: normal; font-style: normal; } #mededelingen .allemededelingen { float:left; margin:15px 0px 0px 30px; height:131px; width:630px; } #mededelingen .mededelingenBio_mededelingen {width:630px; overflow:hidden;} /*=========== Slide Show ===========*/ #slideshow_mededelingen {width:630px;} #slideshow_mededelingen #slidesContainer_mededelingen {width:630px; overflow:hidden;} #slideshow_mededelingen .slide_mededelingen {width:630px; overflow:hidden;} .slide_mededelingen img {float:right; margin-right:0px;} #slideshow_mededelingen .staffBio_mededelingen { width:630px; overflow:hidden;} #mededelingen { background-image: url("images/mededelingen_bg.jpg"); float: left; height: 131px; margin: 15px 0 0 30px; width: 630px; } .c { clear: both; } #sidebar { width: 194px; float: left; } #breadcrumb { color: #CCCCCC; font: 10px/0px Arial,Helvetica,sans-serif; margin-bottom: 5px; margin-top: 0; text-decoration: none; } .fld_error { border: 1px solid red; } .portfolio-folders { margin: 0px; padding: 0px; } .portfolio-folder{ width: 219px; height: 120px; background-color: #EAEAEC; font-size: 16px; text-align: center; list-style: none; margin: 0 0px 5px 0; } div.portfolio-folder.left { float: left; margin-right: 5px; } div.portfolio-folder.center { margin: 0px auto; float: center; } div.portfolio-folder.right { float: right; } /* #portfolio-folders li a { height: 100%; width: 100%; color: #404041; cursor: pointer; display: block; text-decoration: none; border: 1px solid #404041; } #portfolio-folders li a span { padding-top: 8px; display: block; } #portfolio-folders li a:hover { border: 1px solid #404041; }*/ div#portfolio-projects { width: 100%; } div.portfolio-project { width: 190px; float: left; border: 1px solid #ccc; margin-right: 15px; margin-bottom: 15px; position: relative; padding: 10px; display: block; color: #66696D; } div.portfolio-project.active { border: 1px solid #1FB6D1; color: #444444; } a.portfolio-project-image { margin: 0 auto 15px auto; clear: both; height: 145px; background-size: 240px auto; background-position: center center; background-repeat: no-repeat; position: relative; cursor: pointer; z-index: 2; display: block; } div.portfolio-project-title { margin: 0 auto 15px auto; clear: both; font-weight: bold; } div.portfolio-project-description { margin: 0 auto 15px auto; clear: both; width: 100%; font-size: 11px; } div.portfolio-project-url { clear: both; margin: 0 auto 15px auto; clear: both; } div.portfolio-project-thumbs-container a { display: block; float: left; width: 55px; height: 55px; margin: 0px 4px 4px 4px; background-position: center center; background-repeat: no-repeat; } #social-bar{ clear: both; padding-top: 12px; } /* ZOEKEN */ #quick-search { margin-left: 20px; padding-bottom: 10px; } #quick-search form, #quick-search table { width: 100%; } #quick-search input[type=text]{ border: 1px solid #1FB6D1; padding: 3px 3px 3px 3px; width: 110px; float: left; height: 16px; } #quick-search input[type=submit]{ border: 1px solid #1FB6D1; height: 24px; padding: 0px 5px 0px 5px; float: right; } /* Popup */ .ui-dialog-titlebar { display: none !important; } /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; } .ui-widget-content a { color: #222222; } .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; } .ui-widget-header a { color: #222222; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; outline: none; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; outline: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #999999; background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; } .ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; outline: none; } .ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; outline: none; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; } .ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); } .ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); } .ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); } .ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; } .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; } .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; } .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } .ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; } .ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } .ui-corner-right { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } .ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; } .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }/* Accordion ----------------------------------*/ .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; } .ui-accordion .ui-accordion-content-active { display: block; }/* Datepicker ----------------------------------*/ .ui-datepicker { width: 17em; padding: .2em .2em 0; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; } .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ }/* Dialog ----------------------------------*/ .ui-dialog { position: relative; padding: .2em; width: 300px; } .ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /* Progressbar ----------------------------------*/ .ui-progressbar { height:2em; text-align: left; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* Resizable ----------------------------------*/ .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;} .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Slider ----------------------------------*/ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs ----------------------------------*/ .ui-tabs { padding: .2em; zoom: 1; } .ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; } .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; }