/* Minification failed. Returning unminified contents. (1114,90): run-time error CSS1036: Expected expression, found '}' */ /* Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.7.0 */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;}body{text-align:center;}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.25em;}#doc2{width:73.076em;*width:71.25em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.05em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main,.yui-g .yui-u .yui-g{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.30769em;*width:12.00em;}.yui-t1 #yui-main .yui-b{margin-left:13.30769em;*margin-left:13.05em;}.yui-t2 .yui-b{float:left;width:13.8461em;*width:13.50em;}.yui-t2 #yui-main .yui-b{margin-left:14.8461em;*margin-left:14.55em;}.yui-t3 .yui-b{float:left;width:23.0769em;*width:22.50em;}.yui-t3 #yui-main .yui-b{margin-left:24.0769em;*margin-left:23.62em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.50em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.55em;}.yui-t5 .yui-b{float:right;width:18.4615em;*width:18.00em;}.yui-t5 #yui-main .yui-b{margin-right:19.4615em;*margin-right:19.125em;}.yui-t6 .yui-b{float:right;width:23.0769em;*width:22.50em;}.yui-t6 #yui-main .yui-b{margin-right:24.0769em;*margin-right:23.62em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}.yui-g div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first,.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-gc div.first div.first{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{width:32%;margin-left:1.99%;}.yui-gb .yui-u{*margin-left:1.9%;*width:31.9%;}.yui-gc div.first,.yui-gd .yui-u{width:66%;}.yui-gd div.first{width:32%;}.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}.yui-ge .yui-u,.yui-gf div.first{width:24%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}.yui-g .yui-g .yui-u{width:48.1%;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}.yui-g .yui-gc div.first,.yui-gd .yui-g{width:66%;}.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}.yui-g .yui-gb .yui-u{_margin-left:1.0%;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;}.yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-g{width:24%;}.yui-gf .yui-g{width:74.2%;}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first{float:left;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}.yui-ge div.first .yui-gd .yui-u{width:65%;}.yui-ge div.first .yui-gd div.first{width:32%;}#hd:after,#bd:after,#ft:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#hd,#bd,#ft,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;} #admin-toolbar { background: url("/includes/images/core/toolbar-gradient.png") repeat-x left top; height: 34px; position: fixed; text-align: left; width: 100%; opacity: 0.4; z-index: 1995; /* ELKÄÄMME KOSKAAN UNOHTAKO */ box-shadow: 0 0 0 rgba(0, 0, 0, 0); transition: 0.2s all; -webkit-transition: 0.2s all; } #admin-toolbar:hover { opacity: 1; box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.3); } #admin-toolbar + .container { padding-top: 34px; } #admin-toolbar + header { top: 34px; } #admin-toolbar + header + #content { padding-top: 119px; } #admin-toolbar .container { color: #fff; font-family: Arial; font-size: 11px; margin-left: 52px; } #admin-toolbar .admin-edit { background: url("/includes/images/core/admin-edit.png") no-repeat left top; height: 28px; overflow: hidden; position: absolute; left: 12px; top: 0; text-indent: -9999px; width: 28px; } #admin-toolbar .admin-home { background: url("/includes/images/core/admin-logo.png") no-repeat right top; position: absolute; right: 12px; top: 0; width: 60px; height: 35px; text-indent: -9999px; } #admin-tooltip { color: #fff; padding: 6px; font-size: 11px; } .flowplayer{position:relative;width:100%;background-size:contain;background-repeat:no-repeat;background-position:center center;display:inline-block;} .flowplayer *{font-weight:inherit;font-family:inherit;font-style:inherit;text-decoration:inherit;font-size:100%;padding:0;border:0;margin:0;list-style-type:none} .flowplayer a:focus{outline:0} .flowplayer video{width:100%} .flowplayer.is-ipad video{-webkit-transform:translateX(-2048px);} .is-ready.flowplayer.is-ipad video{-webkit-transform:translateX(0)} .flowplayer .fp-engine,.flowplayer .fp-ui,.flowplayer .fp-message{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index:1} .flowplayer .fp-message{display:none;text-align:center;padding-top:5%;cursor:default;} .flowplayer .fp-message h2{font-size:120%;margin-bottom:1em} .flowplayer .fp-message p{color:#666;font-size:95%} .flowplayer .fp-controls{position:absolute;bottom:0;width:100%;} .no-background.flowplayer .fp-controls{background-color:transparent !important;background-image:-moz-linear-gradient(transparent,transparent) !important;background-image:-webkit-gradient(linear,0 0,0 100%,from(transparent),to(transparent)) !important} .is-fullscreen.flowplayer .fp-controls{bottom:3px} .is-mouseover.flowplayer .fp-controls{bottom:0} .flowplayer .fp-waiting{display:none;margin:19% auto;text-align:center;} .flowplayer .fp-waiting *{-webkit-box-shadow:0 0 5px #333;-moz-box-shadow:0 0 5px #333;box-shadow:0 0 5px #333} .flowplayer .fp-waiting em{width:1em;height:1em;-webkit-border-radius:1em;-moz-border-radius:1em;border-radius:1em;background-color:rgba(255,255,255,0.8);display:inline-block;-webkit-animation:pulse .6s infinite;-moz-animation:pulse .6s infinite;animation:pulse .6s infinite;margin:.3em;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);} .flowplayer .fp-waiting em:nth-child(1){-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s} .flowplayer .fp-waiting em:nth-child(2){-webkit-animation-delay:.45s;-moz-animation-delay:.45s;animation-delay:.45s} .flowplayer .fp-waiting em:nth-child(3){-webkit-animation-delay:.6s;-moz-animation-delay:.6s;animation-delay:.6s} .flowplayer .fp-waiting p{color:#ccc;font-weight:bold} .flowplayer .fp-speed{font-size:30px;background-color:#333;background-color:rgba(51,51,51,0.8);color:#eee;margin:0 auto;text-align:center;width:120px;padding:.1em 0 0;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .5s;-moz-transition:opacity .5s;transition:opacity .5s;} .flowplayer .fp-speed.fp-hilite{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)} .flowplayer .fp-help{position:absolute;top:0;left:-9999em;z-index:100;background-color:#333;background-color:rgba(51,51,51,0.9);width:100%;height:100%;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .2s;-moz-transition:opacity .2s;transition:opacity .2s;text-align:center;} .is-help.flowplayer .fp-help{left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)} .flowplayer .fp-help .fp-help-section{margin:3%;direction:ltr} .flowplayer .fp-help .fp-help-basics{margin-top:6%} .flowplayer .fp-help p{color:#eee;margin:.5em 0;font-size:14px;line-height:1.5;display:inline-block;margin:1% 2%} .flowplayer .fp-help em{background:#eee;-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em;margin-right:.4em;padding:.3em .6em;color:#333} .flowplayer .fp-help small{font-size:90%;color:#aaa} .flowplayer .fp-help .fp-close{display:block} @media (max-width: 600px){.flowplayer .fp-help p{font-size:9px} }.flowplayer .fp-subtitle{position:absolute;bottom:40px;left:-99999em;z-index:10;text-align:center;width:100%;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .3s;-moz-transition:opacity .3s;transition:opacity .3s;} .flowplayer .fp-subtitle p{display:inline;background-color:#333;background-color:rgba(51,51,51,0.9);color:#eee;padding:.1em .4em;font-size:16px;line-height:1.6;} .flowplayer .fp-subtitle p:after{content:'';clear:both} .flowplayer .fp-subtitle.fp-active{left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)} .flowplayer .fp-fullscreen,.flowplayer .fp-unload,.flowplayer .fp-mute,.flowplayer .fp-embed,.flowplayer .fp-close,.flowplayer .fp-play{background-image:url(/includes/css/Core/flowplayer-skins/skin/img/white.png);background-size:37px 300px;} .is-rtl.flowplayer .fp-fullscreen,.is-rtl.flowplayer .fp-unload,.is-rtl.flowplayer .fp-mute,.is-rtl.flowplayer .fp-embed,.is-rtl.flowplayer .fp-close,.is-rtl.flowplayer .fp-play{background-image:url(/includes/css/Core/flowplayer-skins/skin/img/white_rtl.png)} .color-light.flowplayer .fp-fullscreen,.color-light.flowplayer .fp-unload,.color-light.flowplayer .fp-mute,.color-light.flowplayer .fp-embed,.color-light.flowplayer .fp-close,.color-light.flowplayer .fp-play{background-image:url(/includes/css/Core/flowplayer-skins/skin/img/black.png);} .is-rtl.color-light.flowplayer .fp-fullscreen,.is-rtl.color-light.flowplayer .fp-unload,.is-rtl.color-light.flowplayer .fp-mute,.is-rtl.color-light.flowplayer .fp-embed,.is-rtl.color-light.flowplayer .fp-close,.is-rtl.color-light.flowplayer .fp-play{background-image:url(/includes/css/Core/flowplayer-skins/skin/img/black_rtl.png)} @media (-webkit-min-device-pixel-ratio: 2){.color-light.flowplayer .fp-fullscreen,.color-light.flowplayer .fp-unload,.color-light.flowplayer .fp-mute,.color-light.flowplayer .fp-embed,.color-light.flowplayer .fp-close,.color-light.flowplayer .fp-play{background-image:url(/includes/css/Core/flowplayer-skins/skin/img/black@x2.png)} .is-rtl.color-light.flowplayer .fp-fullscreen,.is-rtl.color-light.flowplayer .fp-unload,.is-rtl.color-light.flowplayer .fp-mute,.is-rtl.color-light.flowplayer .fp-embed,.is-rtl.color-light.flowplayer .fp-close,.is-rtl.color-light.flowplayer .fp-play{background-image:url(/includes/css/Core/flowplayer-skins/skin/img/black_rtl@x2.png)} }@media (-webkit-min-device-pixel-ratio: 2){.flowplayer .fp-fullscreen,.flowplayer .fp-unload,.flowplayer .fp-mute,.flowplayer .fp-embed,.flowplayer .fp-close,.flowplayer .fp-play{background-image:url(/includes/css/Core/flowplayer-skins/skin/img/white@x2.png)} .is-rtl.flowplayer .fp-fullscreen,.is-rtl.flowplayer .fp-unload,.is-rtl.flowplayer .fp-mute,.is-rtl.flowplayer .fp-embed,.is-rtl.flowplayer .fp-close,.is-rtl.flowplayer .fp-play{background-image:url(/includes/css/Core/flowplayer-skins/skin/img/white_rtl@x2.png)} }.flowplayer .fp-flash-disabled{background:#333;width:390px;margin:0 auto;position:absolute;bottom:0;color:#fff} .is-splash.flowplayer .fp-ui,.is-paused.flowplayer .fp-ui{background:url(/includes/css/Core/flowplayer-skins/skin/img/play_white.png) center no-repeat;background-size:12%;} .is-rtl.is-splash.flowplayer .fp-ui,.is-rtl.is-paused.flowplayer .fp-ui{background:url(/includes/css/Core/flowplayer-skins/skin/img/play_white_rtl.png) center no-repeat;background-size:12%} @media (-webkit-min-device-pixel-ratio: 2){.is-splash.flowplayer .fp-ui,.is-paused.flowplayer .fp-ui{background:url(/includes/css/Core/flowplayer-skins/skin/img/play_white@x2.png) center no-repeat;background-size:12%} .is-rtl.is-splash.flowplayer .fp-ui,.is-rtl.is-paused.flowplayer .fp-ui{background:url(/includes/css/Core/flowplayer-skins/skin/img/play_white_rtl@x2.png) center no-repeat;background-size:12%} }.color-light.is-splash.flowplayer .fp-ui,.color-light.is-paused.flowplayer .fp-ui{background-image:url(/includes/css/Core/flowplayer-skins/skin/img/play_black.png);} .is-rtl.color-light.is-splash.flowplayer .fp-ui,.is-rtl.color-light.is-paused.flowplayer .fp-ui{background-image:url(/includes/css/Core/flowplayer-skins/skin/img/play_black_rtl.png)} @media (-webkit-min-device-pixel-ratio: 2){.color-light.is-splash.flowplayer .fp-ui,.color-light.is-paused.flowplayer .fp-ui{background-image:url(/includes/css/Core/flowplayer-skins/skin/img/play_black@x2.png);} .is-rtl.color-light.is-splash.flowplayer .fp-ui,.is-rtl.color-light.is-paused.flowplayer .fp-ui{background-image:url(/includes/css/Core/flowplayer-skins/skin/img/play_black_rtl@x2.png)} }.is-fullscreen.flowplayer .fp-ui{background-size:auto} .is-seeking.flowplayer .fp-ui,.is-loading.flowplayer .fp-ui{background-image:none} .flowplayer .fp-logo{position:absolute;top:auto;left:15px;bottom:30px;cursor:pointer;display:none;z-index:100;} .flowplayer .fp-logo img{width:100%} .is-embedded.flowplayer .fp-logo{display:block} .fixed-controls.flowplayer .fp-logo{bottom:15px} .flowplayer .fp-fullscreen,.flowplayer .fp-unload,.flowplayer .fp-close{position:absolute;top:5px;left:auto;right:5px;display:block;width:30px;height:23px;background-position:12px -197px;cursor:pointer;} .is-rtl.flowplayer .fp-fullscreen,.is-rtl.flowplayer .fp-unload,.is-rtl.flowplayer .fp-close{right:auto;left:5px;background-position:18px -197px} .flowplayer .fp-unload,.flowplayer .fp-close{background-position:14px -175px;display:none;} .is-rtl.flowplayer .fp-unload,.is-rtl.flowplayer .fp-close{background-position:14px -175px} .flowplayer .fp-play{display:none;width:27px;height:20px;background-position:9px -24px;position:absolute;bottom:0;left:0;} .is-rtl.flowplayer .fp-play{background-position:18px -24px;left:auto;right:0} .play-button.flowplayer .fp-play{display:block} .is-paused.flowplayer .fp-play{background-position:9px 7px;} .is-rtl.is-paused.flowplayer .fp-play{background-position:18px 7px} .flowplayer.is-ready.is-closeable .fp-unload{display:block} .flowplayer.is-ready.is-closeable .fp-fullscreen{display:none} .flowplayer.is-fullscreen .fp-fullscreen{background-position:10px -217px;display:block !important;} .is-rtl.flowplayer.is-fullscreen .fp-fullscreen{background-position:21px -217px} .flowplayer.is-fullscreen .fp-unload,.flowplayer.is-fullscreen .fp-close{display:none !important} .flowplayer .fp-timeline{height:3px;position:relative;overflow:hidden;top:5px;height:10px;margin:0 150px 0 45px;} .no-volume.flowplayer .fp-timeline{margin-right:60px} .no-mute.flowplayer .fp-timeline{margin-right:140px} .no-mute.no-volume.flowplayer .fp-timeline{margin-right:45px} .play-button.flowplayer .fp-timeline{margin-left:67px} .is-rtl.flowplayer .fp-timeline{margin:0 45px 0 150px;} .no-volume.is-rtl.flowplayer .fp-timeline{margin-left:60px} .no-mute.is-rtl.flowplayer .fp-timeline{margin-left:140px} .no-mute.no-volume.is-rtl.flowplayer .fp-timeline{margin-left:45px} .play-button.is-rtl.flowplayer .fp-timeline{margin-right:67px} .is-long.flowplayer .fp-timeline{margin:0 180px 0 75px;} .no-volume.is-long.flowplayer .fp-timeline{margin-right:90px} .no-mute.is-long.flowplayer .fp-timeline{margin-right:75px} .play-button.is-long.flowplayer .fp-timeline{margin-left:97px} .is-rtl.is-long.flowplayer .fp-timeline{margin:75px 0 180px 0;} .no-volume.is-rtl.is-long.flowplayer .fp-timeline{margin-left:90px} .no-mute.is-rtl.is-long.flowplayer .fp-timeline{margin-left:75px} .play-button.is-rtl.is-long.flowplayer .fp-timeline{margin-left:97px} .aside-time.flowplayer .fp-timeline,.no-time.flowplayer .fp-timeline{margin:0 110px 0 5px} .aside-time.no-volume.flowplayer .fp-timeline,.no-time.no-volume.flowplayer .fp-timeline{margin-right:20px} .aside-time.no-mute.flowplayer .fp-timeline,.no-time.no-mute.flowplayer .fp-timeline{margin-right:5px} .play-button.no-time.flowplayer .fp-timeline,.play-button.aside-time.flowplayer .fp-timeline{margin-left:27px} .is-rtl.aside-time.flowplayer .fp-timeline,.is-rtl.no-time.flowplayer .fp-timeline{margin:0 5px 0 110px} .is-rtl.aside-time.no-volume.flowplayer .fp-timeline,.is-rtl.no-time.no-volume.flowplayer .fp-timeline{margin-left:20px} .is-rtl.aside-time.no-mute.flowplayer .fp-timeline,.is-rtl.no-time.no-mute.flowplayer .fp-timeline{margin-left:5px} .is-rtl.play-button.no-time.flowplayer .fp-timeline,.is-rtl.play-button.aside-time.flowplayer .fp-timeline{margin-right:27px} .flowplayer .fp-buffer,.flowplayer .fp-progress{position:absolute;top:0;left:auto;height:100%;cursor:col-resize} .flowplayer .fp-buffer{-webkit-transition:width .25s linear;-moz-transition:width .25s linear;transition:width .25s linear} .flowplayer.is-touch .fp-timeline{overflow:visible} .flowplayer.is-touch .fp-progress{-webkit-transition:width .2s linear;-moz-transition:width .2s linear;transition:width .2s linear} .flowplayer.is-touch .fp-timeline.is-dragging .fp-progress{-webkit-transition:right .1s linear,border .1s linear,top .1s linear,left .1s linear;-moz-transition:right .1s linear,border .1s linear,top .1s linear,left .1s linear;transition:right .1s linear,border .1s linear,top .1s linear,left .1s linear} .flowplayer.is-touch.is-mouseover .fp-progress:after,.flowplayer.is-touch.is-mouseover .fp-progress:before{content:'';display:block;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;position:absolute;right:-5px} .flowplayer.is-touch.is-rtl.is-mouseover .fp-progress:after,.flowplayer.is-touch.is-rtl.is-mouseover .fp-progress:before{right:auto;left:-5px} .flowplayer.is-touch.is-rtl.is-mouseover .fp-progress:after{left:-10px;-webkit-box-shadow:-1px 0 4px rgba(0,0,0,0.5);-moz-box-shadow:-1px 0 4px rgba(0,0,0,0.5);box-shadow:-1px 0 4px rgba(0,0,0,0.5)} .flowplayer.is-touch.is-mouseover .fp-progress:before{width:10px;height:10px} .flowplayer.is-touch.is-mouseover .fp-progress:after{height:10px;width:10px;top:-5px;right:-10px;border:5px solid rgba(255,255,255,0.65);-webkit-box-shadow:1px 0 4px rgba(0,0,0,0.5);-moz-box-shadow:1px 0 4px rgba(0,0,0,0.5);box-shadow:1px 0 4px rgba(0,0,0,0.5)} .flowplayer.is-touch.is-mouseover .fp-timeline.is-dragging .fp-progress:after{border:10px solid #fff;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;-webkit-transition:inherit;-moz-transition:inherit;transition:inherit;top:-10px;right:-15px} .flowplayer.is-touch.is-rtl.is-mouseover .fp-timeline.is-dragging .fp-progress:after{left:-15px;right:auto;border:10px solid #fff} .flowplayer .fp-volume{position:absolute;top:7.5px;right:5px;} .is-rtl.flowplayer .fp-volume{right:auto;left:5px} .flowplayer .fp-mute{position:relative;width:10px;height:15px;float:left;top:-5px;cursor:pointer;background-position:-2px -99px;} .is-rtl.flowplayer .fp-mute{float:right;background-position:-25px -99px} .no-mute.flowplayer .fp-mute{display:none} .flowplayer .fp-volumeslider{width:90px;height:5px;cursor:col-resize;float:left;} .is-rtl.flowplayer .fp-volumeslider{float:right} .no-volume.flowplayer .fp-volumeslider{display:none} .flowplayer .fp-volumelevel{height:100%} .flowplayer .fp-time{text-shadow:0 0 1px #000;font-size:12px;font-weight:bold;color:#fff;width:100%;} .flowplayer .fp-time.is-inverted .fp-duration{display:none} .flowplayer .fp-time.is-inverted .fp-remaining{display:inline} .flowplayer .fp-time em{width:35px;height:10px;line-height:10px;text-align:center;position:absolute;bottom:5px} .no-time.flowplayer .fp-time{display:none} .is-long.flowplayer .fp-time em{width:65px} .flowplayer .fp-elapsed{left:5px;} .play-button.flowplayer .fp-elapsed{left:27px} .is-rtl.flowplayer .fp-elapsed{left:auto;right:5px;} .play-button.is-rtl.flowplayer .fp-elapsed{right:27px} .flowplayer .fp-remaining,.flowplayer .fp-duration{right:110px;color:#eee;} .no-volume.flowplayer .fp-remaining,.no-volume.flowplayer .fp-duration{right:20px} .no-mute.flowplayer .fp-remaining,.no-mute.flowplayer .fp-duration{right:100px} .no-mute.no-volume.flowplayer .fp-remaining,.no-mute.no-volume.flowplayer .fp-duration{right:5px} .is-rtl.flowplayer .fp-remaining,.is-rtl.flowplayer .fp-duration{right:auto;left:110px;} .no-volume.is-rtl.flowplayer .fp-remaining,.no-volume.is-rtl.flowplayer .fp-duration{left:20px} .no-mute.is-rtl.flowplayer .fp-remaining,.no-mute.is-rtl.flowplayer .fp-duration{left:100px} .no-mute.no-volume.is-rtl.flowplayer .fp-remaining,.no-mute.no-volume.is-rtl.flowplayer .fp-duration{left:5px} .flowplayer .fp-remaining{display:none} .flowplayer.color-light .fp-time{color:#222;text-shadow:0 0 1px #fff} .flowplayer.color-light .fp-remaining,.flowplayer.color-light .fp-duration{color:#666} .flowplayer.aside-time .fp-time{position:absolute;top:5px;left:5px;bottom:auto !important;width:85px;} .flowplayer.aside-time .fp-time strong,.flowplayer.aside-time .fp-time em{position:static} .flowplayer.aside-time .fp-time .fp-elapsed{margin-right:5px;} .is-rtl.flowplayer.aside-time .fp-time .fp-elapsed{margin-right:auto;margin-left:5px} .flowplayer.is-long.aside-time .fp-time{width:130px} .flowplayer.is-splash,.flowplayer.is-poster{cursor:pointer;} .flowplayer.is-splash .fp-controls,.flowplayer.is-poster .fp-controls,.flowplayer.is-splash .fp-fullscreen,.flowplayer.is-poster .fp-fullscreen,.flowplayer.is-splash .fp-unload,.flowplayer.is-poster .fp-unload,.flowplayer.is-splash .fp-time,.flowplayer.is-poster .fp-time,.flowplayer.is-splash .fp-embed,.flowplayer.is-poster .fp-embed{display:none !important} .flowplayer.is-poster .fp-engine{top:-9999em} .flowplayer.is-loading .fp-waiting{display:block} .flowplayer.is-loading .fp-controls,.flowplayer.is-loading .fp-time{display:none} .flowplayer.is-loading .fp-ui{background-position:-9999em} .flowplayer.is-loading video.fp-engine{position:absolute;top:-9999em} .flowplayer.is-seeking .fp-waiting{display:block} .flowplayer.is-fullscreen{position:fixed !important;top:0 !important;left:0 !important;border:0 !important;margin:0 !important;width:100% !important;height:100% !important;max-width:100% !important;z-index:99999 !important;-webkit-box-shadow:0 !important;-moz-box-shadow:0 !important;box-shadow:0 !important;background-image:none !important;background-color:#333;} .is-rtl.flowplayer.is-fullscreen{left:auto !important;right:0 !important} .flowplayer.is-error{border:1px solid #909090;background:#fdfdfd !important;} .flowplayer.is-error h2{font-weight:bold;font-size:large;margin-top:10%} .flowplayer.is-error .fp-message{display:block} .flowplayer.is-error object,.flowplayer.is-error video,.flowplayer.is-error .fp-controls,.flowplayer.is-error .fp-time,.flowplayer.is-error .fp-subtitle{display:none} .flowplayer.is-ready.is-muted .fp-mute{opacity:.5;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50)} .flowplayer.is-mouseout .fp-controls{height:0;-webkit-transition:height .15s .3s;-moz-transition:height .15s .3s;transition:height .15s .3s} .flowplayer.is-mouseout .fp-timeline{margin:0 !important} .flowplayer.is-mouseout .fp-timeline{-webkit-transition:height .15s .3s,top .15s .3s,margin .15s .3s;-moz-transition:height .15s .3s,top .15s .3s,margin .15s .3s;transition:height .15s .3s,top .15s .3s,margin .15s .3s;height:4px;top:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0} .flowplayer.is-mouseout .fp-fullscreen,.flowplayer.is-mouseout .fp-unload,.flowplayer.is-mouseout .fp-elapsed,.flowplayer.is-mouseout .fp-remaining,.flowplayer.is-mouseout .fp-duration,.flowplayer.is-mouseout .fp-embed,.flowplayer.is-mouseout .fp-volume,.flowplayer.is-mouseout .fp-play{opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .15s .3s;-moz-transition:opacity .15s .3s;transition:opacity .15s .3s} .flowplayer.is-mouseover .fp-controls,.flowplayer.fixed-controls .fp-controls{height:20px} .flowplayer.is-mouseover .fp-fullscreen,.flowplayer.fixed-controls .fp-fullscreen,.flowplayer.is-mouseover .fp-unload,.flowplayer.fixed-controls .fp-unload,.flowplayer.is-mouseover .fp-elapsed,.flowplayer.fixed-controls .fp-elapsed,.flowplayer.is-mouseover .fp-remaining,.flowplayer.fixed-controls .fp-remaining,.flowplayer.is-mouseover .fp-duration,.flowplayer.fixed-controls .fp-duration,.flowplayer.is-mouseover .fp-embed,.flowplayer.fixed-controls .fp-embed,.flowplayer.is-mouseover .fp-logo,.flowplayer.fixed-controls .fp-logo,.flowplayer.is-mouseover .fp-volume,.flowplayer.fixed-controls .fp-volume,.flowplayer.is-mouseover .fp-play,.flowplayer.fixed-controls .fp-play{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)} .flowplayer.fixed-controls .fp-volume{display:block} .flowplayer.fixed-controls .fp-controls{bottom:-20px;} .is-fullscreen.flowplayer.fixed-controls .fp-controls{bottom:0} .flowplayer.fixed-controls .fp-time em{bottom:-15px;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);} .is-fullscreen.flowplayer.fixed-controls .fp-time em{bottom:5px} .flowplayer.is-disabled .fp-progress{background-color:#999} .flowplayer.is-flash-disabled{background-color:#333;} .flowplayer.is-flash-disabled object.fp-engine{z-index:100} .flowplayer.is-flash-disabled .fp-flash-disabled{display:block;z-index:101} .flowplayer .fp-embed{position:absolute;top:5px;left:5px;display:block;width:25px;height:20px;background-position:3px -237px;} .is-rtl.flowplayer .fp-embed{background-position:22px -237px;left:auto;right:5px} .flowplayer .fp-embed-code{position:absolute;display:none;top:10px;left:40px;background-color:#333;padding:3px 5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 0 3px #ccc;-moz-box-shadow:0 0 3px #ccc;box-shadow:0 0 3px #ccc;font-size:12px;} .flowplayer .fp-embed-code:before{content:'';width:0;height:0;position:absolute;top:2px;left:-10px;border:5px solid transparent;border-right-color:#333} .is-rtl.flowplayer .fp-embed-code{left:auto;right:40px;} .is-rtl.flowplayer .fp-embed-code:before{left:auto;right:-10px;border-right-color:transparent;border-left-color:#333} .flowplayer .fp-embed-code textarea{width:400px;height:16px;font-family:monaco,"courier new",verdana;color:#777;white-space:nowrap;resize:none;overflow:hidden;border:0;outline:0;background-color:transparent;color:#ccc} .flowplayer .fp-embed-code label{display:block;color:#999} .flowplayer.is-embedding .fp-embed,.flowplayer.is-embedding .fp-embed-code{display:block;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)} .flowplayer.aside-time .fp-embed{left:85px;} .is-rtl.flowplayer.aside-time .fp-embed{left:auto;right:85px} .flowplayer.aside-time .fp-embed-code{left:115px;} .is-rtl.flowplayer.aside-time .fp-embed-code{left:auto;right:115px} .flowplayer.aside-time.is-embedding .fp-time{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)} .flowplayer.is-long.aside-time .fp-embed{left:130px;} .is-rtl.flowplayer.is-long.aside-time .fp-embed{left:auto;right:130px} .flowplayer.no-time .fp-embed{left:5px !important;} .is-rtl.flowplayer.no-time .fp-embed{left:auto;right:5px !important} .flowplayer.is-live .fp-timeline,.flowplayer.is-live .fp-duration,.flowplayer.is-live .fp-remaining{display:none} .flowplayer .fp-context-menu{position:absolute;display:none;z-index:1001;background-color:#fff;padding:10px;border:1px solid #aaa;-webkit-box-shadow:0 0 4px #888;-moz-box-shadow:0 0 4px #888;box-shadow:0 0 4px #888;width:170px;} .flowplayer .fp-context-menu li{text-align:center;padding:10px;color:#444;margin:0 -10px 0 -10px;} .flowplayer .fp-context-menu li a{color:#00a7c8;font-size:110%} .flowplayer .fp-context-menu li:hover:not(.copyright){background-color:#eee} .flowplayer .fp-context-menu li.copyright{margin:0;padding-left:110px;background-image:url("/includes/css/Core/flowplayer-skins/skin/img/flowplayer.png");background-repeat:no-repeat;background-size:100px 20px;background-position:5px 5px;border-bottom:1px solid #bbb;} @media (-webkit-min-device-pixel-ratio: 2){.flowplayer .fp-context-menu li.copyright{background-image:url("/includes/css/Core/flowplayer-skins/skin/img/flowplayer@2x.png")} }@-moz-keyframes pulse{0%{opacity:0} 100%{opacity:1} }@-webkit-keyframes pulse{0%{opacity:0} 100%{opacity:1} }@-o-keyframes pulse{0%{opacity:0} 100%{opacity:1} }@-ms-keyframes pulse{0%{opacity:0} 100%{opacity:1} }@keyframes pulse{0%{opacity:0} 100%{opacity:1} }.flowplayer .fp-controls{background-color:#333;background-color:rgba(51,51,51,0.6)} .flowplayer.fixed-controls .fp-controls{background-color:#333} .flowplayer .fp-timeline{background-color:#666} .flowplayer .fp-buffer{background-color:#eee} .flowplayer .fp-progress{background-color:#00a7c8} .flowplayer .fp-volumeslider{background-color:#000} .flowplayer .fp-volumelevel{background-color:#fff} .flowplayer .fp-play{height:24px} .flowplayer.is-touch.is-mouseover .fp-progress:before{background-color:#00a7c8} .flowplayer.color-light .fp-controls{background-color:rgba(255,255,255,0.6)} .flowplayer.color-light.fixed-controls .fp-controls{background-color:#fff} .flowplayer.color-light .fp-volumeslider{background-color:#ddd} .flowplayer.color-light .fp-volumelevel{background-color:#222} .flowplayer.color-alt .fp-progress{background-color:#fff} .flowplayer.color-alt.is-touch.is-mouseover .fp-progress:before{background-color:#fff} .flowplayer.color-alt .fp-buffer{background-color:#999} .flowplayer.color-alt2 .fp-progress{background-color:#900} .flowplayer.color-alt2.is-touch.is-mouseover .fp-progress:before{background-color:#900} /* * SOLU 4 Content CSS */ /* Titiu's notes: Observe that the general rule is to put margin-bottom: 1em: under every content element to make it flow evenly in relation to each other * no matter what position it is in. * If you change one elements bottom margin dramatically make sure you change all of them. REMEMBER THIS when styling individual data-card objects also! */ /** PAGE POSITION FONT SIZES ----------------------------------------------- **/ #content-middle {font-size: 14px; line-height: 1.55em; } #content-right {font-size: 12px; line-height: 1.45em} /** HEADINGS ----------------------------------------------------------------- **/ h1, h2, h3 { font-family: 'Cabin', Helvetica, Arial, sans-serif; line-height: normal; margin: 1.2em 0 0.2em 0; } h1 { font-size: 30px; margin-top: 0;} h2 { font-size: 25px; } h3 { font-size: 20px; } h4 { font-size: 19px; line-height: normal;} /*Used in Frontpage News and Search and Sitemap*/ h5 { font-size: 15px;} h6 { } #content-right h1, #content-right h2, #content-right h3 {font-size: 19px; } /**Two Headings -Rule: If there is two headings underneath eachother let's take some top-margin away. Sadly, the rich-text class prevents these exceptions with "add heading" + "rich-text" heading combinations so until .rich-text is removed we have to live with this shit.**/ h1 + h1, h1 + h2, h1 + h3, h2 + h2, h2 + h3, h3 + h3 {margin-top: 0.4em;} /** Heading Exceptions **/ .add-heading h1 { } .add-heading h2 { } .add-heading h3 { } h1 a, h2 a, h3 a {display:block;} .page_position .rich_text:first-child h1, .page_position .rich_text:first-child h2, .page_position .rich_text:first-child h3 {margin-top: 0;} /*** CONTENT TYPOGRAPHY ----------------------------------------------------------------- **/ a {color: #21759b; text-decoration: none; } a:hover {text-decoration: underline;} a:focus {outline: none;} a:visited {color: #21759b; } p { margin-bottom: 1em; } strong { font-weight: bold; } em { font-style: italic; } sup, sub {height: 0;line-height: 1;vertical-align: baseline; _vertical-align: bottom; position: relative;} sup {bottom: 1ex;} sub {top: .5ex;} blockquote { font-size: 16px; border-top: solid 3px #e3e3e3; border-bottom: solid 3px #e3e3e3; padding-top: 1em; margin: 0 2em 1em 2em; } blockquote p { } blockquote em { font-size: 13px; } /*This will make signature easier in blockquote so don't remove it*/ blockquote a { } .rich_text ul li { list-style: none; background: url("/includes/icons/bullet.png") no-repeat 0 5px; padding-left: 13px; } .rich_text ol ul { list-style: none; background: url("/includes/icons/bullet.png") no-repeat 0 5px; margin-left: 24px;} .rich_text ol ul li { list-style: none; } .rich_text ol li { list-style-type: decimal; margin-left: 24px; } .rich_text ul, .rich_text ol, .rich_text ul li, .rich_text ol li { margin-bottom: 1em; } .rich_text ul ul, .rich_text ol ol, .rich_text ul ol, .rich_text ol ul { margin-top: 1em; } .rich_text ul ol li, .rich_text ol ul li { background: none; padding-left: 0; } .rich_text table { border-width: 0px; margin-bottom: 1em;} .rich_text td { border-color: #e3e3e3; padding: 5px; vertical-align: top;} /*Solu4site custom*/ .rich_text ul > ul, .rich_text ol > ol, .rich_text ul > ol, .rich_text ol > ul { margin-left: 20px; } /** CURSORS----------------------------------------------------------------- **/ a { cursor: pointer; } .picture a { cursor: auto; } .picture.is-link a { cursor: pointer; } .picture.as-thumbnail a { cursor: pointer; } /** SEPARATOR ----------------------------------------------------------------- **/ hr { border-bottom: 1px dotted #cccccc; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; height: 1px; width: 99%; margin-bottom: 1em; margin-top: 0; display: block; clear: both; /*Will make sure that picture alignment is more flexible in SOLU*/ } /** Separator Exceptions **/ .file_link + hr, .external-link + hr, .internal-link + hr, .file_group + hr {margin-top: 1em;} hr + .rich_text h2, hr + .rich_text h3, hr + h2, hr + h3 {margin-top: 0;} /** PICTURES ----------------------------------------------------------------- **/ .picture { background: white; border: solid 1px #e3e3e3; padding: 4px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} .picture-title { } .picture-description {font-size: 11px; color: #999; line-height: normal; margin-top: 5px; display: block;} /** Picture As Thumbnail **/ .picture.as-thumbnail Datan lisäys { border: 1px solid #8addde; display: block;} .picture.as-thumbnail a { display: block;} .picture.as-thumbnail:hover { border: 1px solid #5ababb; box-shadow: 0px 0px 8px #c6c6c6;} .picture.as-thumbnail ins { background: url("/includes/icons/zoom.png") no-repeat 2px 0; position: absolute; width: 25px; height: 25px;} .picture.as-thumbnail {width: 225px;} /*If you change the width of the image from settings remember to change it here also!*/ #content-right .picture.as-thumbnail{width: 200px;} /*If you change the width of the image from settings remember to change it here also!*/ /** Picture Group **/ .picture-group {background: #f4f4f4; margin-bottom: 1em; border: 1px solid #e5e5e5; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; zoom: 1; } .picture-group .picture.grouped {margin: 13px; float: left;} .picture-group .grouped ins {display: none;} .picture-group img {height: 60px; width: 60px;} /*If you change the width/height of the image from settings remember to change it here also! */ #content-right .picture-group img {height: 45px; width: 45px;} /*If you change the width/height of the image from settings remember to change it here also! */ #content-right .picture-group .picture.grouped {margin: 7px;} #iblock-left .picture-group .picture.grouped, #iblock-right .picture-group .picture.grouped {margin: 9px;} /** Picture With Link **/ .picture.is-link { border: none; padding: 0; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;} /** Picture alignment **/ .picture._none { margin: 4px 0px 4px 0px; border: 1px solid transparent; padding: 0; overflow: hidden;} /* When there is no alignment lets remove all styling and still make sure it fails with good humour */ .picture._left { margin: 4px 10px 4px 0px; } .picture._right { margin: 4px 0px 4px 10px; } .picture._center { margin: 4px auto 1em auto;} /* Remember the universal bottom margin in here as well */ /** VIDEO ----------------------------------------------------------------- **/ .video {} .video-title {display: block; background:#eeeeee; padding: 4px; border-radius: 5px; -moz-border-radius: 5px; -webkit-borber-radius: 5px;} .video.as-thumbnail {margin-bottom: 1em; } /* * SOLU 4 File/External/Internal Link CSS */ .internal-link, .external-link { margin-bottom: 0.5em; } .file_link a:hover span { text-decoration: underline; } .file_link a:hover span em { text-decoration: none; } .file_link { margin-bottom: 0.5em; } .file_link a {} .file_link a span { margin-left: 5px; color: gray; font-size: 11px;} .file_link a:hover span { text-decoration: none; } .file_link a em { color: #b1b2b4; font-size: 10px; } /** File type icons 14 x 14 **/ .external-link ins, .internal-link ins { background-image: url("/includes/icons/solu-16x14.png"); background-repeat: no-repeat; float: left; width: 14px; height: 14px; margin-right: 4px; margin-top: 1px;} .file_link ins { background-image: url("/includes/icons/solu-16x14.png"); background-repeat: no-repeat; float: left; width: 14px; height: 14px; margin-right: 4px; margin-top: 3px;} /** File type icons 10 x 10 **/ #content-right .external-link ins, #content-right .internal-link ins { background-image: url("/includes/icons/solu-16x10.png"); background-repeat: no-repeat; float: left; width: 10px; height: 10px; margin-right: 4px; margin-top: 2px; } #content-right .file_link ins { background-image: url("/includes/icons/solu-16x10.png"); background-repeat: no-repeat; float: left; width: 10px; height: 10px; margin-right: 4px; margin-top: 4px; } /** Icon Mapping to 16x16 grid **/ .internal-link ins { background-position: 0 -16px; } .external-link ins { background-position: -16px -16px; } .file_link ins.pdf { background-position: -16px 0; } .file_link ins.doc, /* MS Word */ .file_link ins.docx { background-position: -32px 0; } .file_link ins.xlsx, /* Excel*/ .file_link ins.xlsm, .file_link ins.xltx, .file_link ins.xltm, .file_link ins.xlsb, .file_link ins.xlam, .file_link ins.xll, .file_link ins.xls { background-position: -64px 0; } .file_link ins.pptx, /* Powerpoint */ .file_link ins.pptm, .file_link ins.potx, .file_link ins.potm, .file_link ins.ppam, .file_link ins.ppsx, .file_link ins.ppsm, .file_link ins.pps, .file_link ins.ppt { background-position: -48px 0; } .file_link ins.jpg, /* Pictures */ .file_link ins.gif, .file_link ins.eps, .file_link ins.psd, .file_link ins.tif, .file_link ins.tiff, .file_link ins.png { background-position: -128px 0; } .file_link ins.avi, /* Movies */ .file_link ins.mov, .file_link ins.mpg, .file_link ins.mp4 { background-position: -112px 0; } .file_link ins.fla, /* Flash */ .file_link ins.swf { background-position: -96px 0; } .file_link ins.mp3, /* Audio */ .file_link ins.wav, .file_link ins.aac, .file_link ins.wma { background-position: -144px 0; } .file_link ins.zip, /* Archives */ .file_link ins.rar, .file_link ins.tgz, .file_link ins.gz, .file_link ins.v7z { background-position: -208px 0; } .file_link ins.html, /* Misc */ .file_link ins.css { background-position: -176px 0; } .file_link ins.txt { background-position: -192px 0; } .file_link ins.exe { background-position: -256px 0; } .file_link ins.psd { background-position: -80px 0; } .file_link ins.vcf { background-position: -240px 0; } .file_link ins.dwg, .file_link ins.cad { background-position: -160px 0; } /* * SOLU 4 Helpers CSS * Contains all the helps the developers need. For example gradient classes and the general hex-codes for colors */ .clear { clear: both; } .b-red { border: solid 1px #f00; } .b-green { border: solid 1px #0f0; } .b-blue { border: solid 1px #00f; } .inline-panel { display: inline; } ._hide { display: none; } ._hide:hover { display: none !important; height: 1px; width: 1px; } .hide-text { text-indent: -9999px; } ._left { float: left; } ._right { float: right; } ._relative { position: relative; } ._absolute { position: absolute; } ._fullwidth { width: 97%; } .hide-overflow { overflow: hidden; white-space: nowrap; } /* Tiu's Helpers */ .border-radius-med {} .meta-sep {} /* List styles */ ul.horizontal li, ol.horizontal li { float: left; } /* Icons */ i.i { background-repeat: no-repeat; } i.misc { background-image: url("/admin/includes/images/icons_misc.png"); width: 13px; height: 13px; } i.misc.extlink { background-position: -156px 0; } i.misc.person { background-position: -143px 0; } i.misc.home { background-position: -130px 0; } i.misc.info { background-position: -117px 0; } /***** PADDING AND MARGIN *****/ /* Page grid paddings */ ._ghpad { padding-left: 12px; padding-right: 12px; } /* Admin's "side" grid */ /* Helper pads */ .tm { margin-top: 8px; } .tmm { margin-top: 16px; } .tmmm { margin-top: 24px; } .tmmmm { margin-top: 32px; } .bm { margin-bottom: 8px; } .bmm { margin-bottom: 16px; } .bmmm { margin-bottom: 24px; } .bmmmm { margin-bottom: 32px; } /***** /PADDING AND MARGIN *****/ /* Web 2.0 cutting edge goodies */ .rounded { -moz-border-radius: 2px; -webkit-border-radius: 2px; } /* CSS Buttons and gradients */ .button { display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; /*font: 14px/100% Arial, Helvetica, sans-serif;*/ /*padding: .5em 2em .55em;*/ text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); } .button:hover { text-decoration: none; } .button:active { /*position: relative; top: 1px;*/ } /** Colors **/ /* black */ .black { color: #d7d7d7; border: solid 1px #333; background: #333; background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000)); background: -moz-linear-gradient(top, #666, #000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000'); } .black:hover { background: #000; background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000)); background: -moz-linear-gradient(top, #444, #000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000'); } .black:active { color: #666; background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444)); background: -moz-linear-gradient(top, #000, #444); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666'); } /* gray */ .gray { color: #e9e9e9; border: solid 1px #555; background: #6e6e6e; background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757)); background: -moz-linear-gradient(top, #888, #575757); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757'); } .gray:hover { background: #616161; background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b)); background: -moz-linear-gradient(top, #757575, #4b4b4b); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b'); } .gray:active { color: #afafaf; background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888)); background: -moz-linear-gradient(top, #575757, #888); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888'); } /* white */ .white { color: #606060; border: solid 1px #b7b7b7; background: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed)); background: -moz-linear-gradient(top, #fff, #ededed); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); } .white:hover { background: #ededed; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc)); background: -moz-linear-gradient(top, #fff, #dcdcdc); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc'); } .white:active { color: #999; background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff)); background: -moz-linear-gradient(top, #ededed, #fff); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff'); } /* orange */ .orange { color: #fef4e9; border: solid 1px #da7c0c; background: #f78d1d; background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20)); background: -moz-linear-gradient(top, #faa51a, #f47a20); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20'); } .orange:hover { background: #f47c20; background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015)); background: -moz-linear-gradient(top, #f88e11, #f06015); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015'); } .orange:active { color: #fcd3a5; background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a)); background: -moz-linear-gradient(top, #f47a20, #faa51a); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a'); } /* red */ .red { color: #faddde; border: solid 1px #980c10; background: #d81b21; background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317)); background: -moz-linear-gradient(top, #ed1c24, #aa1317); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317'); } .red:hover { background: #b61318; background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115)); background: -moz-linear-gradient(top, #c9151b, #a11115); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115'); } .red:active { color: #de898c; background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24)); background: -moz-linear-gradient(top, #aa1317, #ed1c24); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24'); } /* blue */ .blue { color: #d9eef7; border: solid 1px #0076a3; background: #0095cd; background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5)); background: -moz-linear-gradient(top, #00adee, #0078a5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5'); } .blue:hover { background: #007ead; background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e)); background: -moz-linear-gradient(top, #0095cc, #00678e); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e'); } .blue:active { color: #80bed6; background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee)); background: -moz-linear-gradient(top, #0078a5, #00adee); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee'); } /* rosy */ .rosy { color: #fae7e9; border: solid 1px #b73948; background: #da5867; background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f)); background: -moz-linear-gradient(top, #f16c7c, #bf404f); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f'); } .rosy:hover { background: #ba4b58; background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845)); background: -moz-linear-gradient(top, #cf5d6a, #a53845); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845'); } .rosy:active { color: #dca4ab; background: -webkit-gradient(linear, left top, left bottom, from(#bf404f), to(#f16c7c)); background: -moz-linear-gradient(top, #bf404f, #f16c7c); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf404f', endColorstr='#f16c7c'); } /* green */ .green { color: #e8f0de; border: solid 1px #538312; background: #64991e; background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e)); background: -moz-linear-gradient(top, #7db72f, #4e7d0e); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e'); } .green:hover { background: #538018; background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c)); background: -moz-linear-gradient(top, #6b9d28, #436b0c); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c'); } .green:active { color: #a9c08c; background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f)); background: -moz-linear-gradient(top, #4e7d0e, #7db72f); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f'); } /* pink */ .pink { color: #feeef5; border: solid 1px #d2729e; background: #f895c2; background: -webkit-gradient(linear, left top, left bottom, from(#feb1d3), to(#f171ab)); background: -moz-linear-gradient(top, #feb1d3, #f171ab); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb1d3', endColorstr='#f171ab'); } .pink:hover { background: #d57ea5; background: -webkit-gradient(linear, left top, left bottom, from(#f4aacb), to(#e86ca4)); background: -moz-linear-gradient(top, #f4aacb, #e86ca4); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4aacb', endColorstr='#e86ca4'); } .pink:active { color: #f3c3d9; background: -webkit-gradient(linear, left top, left bottom, from(#f171ab), to(#feb1d3)); background: -moz-linear-gradient(top, #f171ab, #feb1d3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f171ab', endColorstr='#feb1d3'); } /* * SOLU 4 Template CSS */ html {height: 100%;} body {height: 100%; background: url("/includes/images/middle-bg.gif"); color: #393939; line-height: normal;} /* Debug #wrapper { border: solid 1px #9fe722; } #top-navigation { border: solid 1px #b93ed4; } #quicklinks { border: solid 1px #b93ed4; } #content { border: solid 1px #b93ed4; } #content-left { border: solid 1px #b93ed4; } #content-right { border: solid 1px #9fe722; } #content-middle { border: solid 1px #9fe722; } #center-content-left { border: solid 1px #9fe722; } #center-content-right { border: solid 1px #9fe722; } */ /** Main elements **/ #header {height: 136px; background: url("/includes/images/top-bg.png");} #branding {height: 100px; max-width: 1100px; margin: 0 auto; background: url("/includes/images/solu-help.png") no-repeat;} #solu-logo {float: left; margin-left: 10px; height: 100px; width: 120px;} #wrapper {max-width: 1100px; margin: 0 auto; padding: 0; text-align: left; overflow: visible;} #content {margin: 10px; border: 1px solid #eee; border-radius: 8px; -moz-border-radius: 8px; background: #ffffff; padding: 15px;} #footer { background: #2c2c2c; padding: 10px; color: #eeeeee;} /** Structure **/ #content-left {width: 210px; float: left; } #content-middle {margin: 0 235px; min-height: 300px; } /** Margins are left and right containers + spacing **/ #content-right {width: 210px; float: right; } .wide-page #content-middle {margin: 0 15px 0 235px;} .wide-page #content-right {display: none;} /** Default Template **/ #iblock {width:100%;} #iblock-top {} #iblock-left {vertical-align: top; float: left; width: 47%;} #iblock-right {vertical-align: top; float: right; width: 47%;} #iblock-bottom {} #feedback-form {background:#FAFAFA; border: 1px solid #EEE; margin-bottom: 1em;} #feedback-form td {padding: 15px 15px 0px 15px;} #feedback-form .name-container input, #feedback-form .email-container input {width: 95%;} #feedback-form .message-field {width: 98%; height: 150px;} #feedback-form .contact-field {font-size: 11px; line-height: normal;} #feedback-form .contact-field input {width: 15px;height: 15px;float: left;display: block;} #feedback-form .contact-field label {display: block;float: left;padding-left: 3px;} #feedback-form .sending-container {padding-bottom: 15px;} .error-container {margin-bottom: 1em;} .error-container .error {line-height: 3em; padding: 8px; color: #68822d; font-size: 13px; border: 1px solid #cde794; background: #f0f6e2; text-shadow: 0px 0px 1px #fff; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;} /* * SOLU 4 Form Controls CSS * Button and form styles */ textarea, input[type="text"] {background: #fff; padding: 4px; border: 1px solid #afafaf; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out;} label {display: block;} label + input[type="text"] {margin-bottom: 10px; } /*Makes sure that labels are not too close together*/ input:focus, textarea:focus {outline: none; border: 1px solid #5ababb; box-shadow: 0px 0px 5px #d9f0f0; } .button-simple { padding: 5px; color: #5ababb; font-weight: bold; text-shadow: 0 0 2px #fff; background: #efefef; display: inline-block; border: 1px solid #5ababb; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor: pointer; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; } .button-simple:hover {border: 1px solid #5ababb; background: #f4f4f4; color:#5ababb; box-shadow: 0px 0px 5px #d9f0f0; background:#d2f1f1;} .button-simple:focus {outline: none; color: White; background: #5ababb; text-shadow: 0 0 2px #218182; } .button-simple:active {color: White; background: #5ababb; text-shadow: 0 0 2px #218182;} /* * SOLU 4 Search CSS */ /** SEARCH BOX--------------------------------------------------------------------------------- **/ #search-box { float:right; margin-top: 32px; border-radius: 2em; -moz-border-radius:2em 2em 2em 2em; -moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.1); background:-moz-linear-gradient(center top , #FFFFFF, #EDEDED) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EDEDED)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EDEDED'); border:1px solid #D2D2D2; display:inline-block; padding:3px 5px; background-color: #EDEDED; border-radius:0 \0/IE9; margin-right: 10px; } #search-box .search-terms { border-radius: 2em; -moz-border-radius:2em 2em 2em 2em; -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2) inset; background:none repeat scroll 0 0 #FFFFFF; background-color: #fff; border:1px solid #BCBBBB; padding:6px 6px 6px 8px; width:202px; outline: none; margin-bottom: 0; padding: 4x; border-radius:0 \0/IE9; zoom: 1; } #search-box .search-terms:focus {outline: none; border: 1px solid #5ababb; box-shadow: 0px 0px 5px #d9f0f0; } #search-box .search-button { border-radius: 2em; -moz-border-radius:2em 2em 2em 2em; background:-moz-linear-gradient(center top , #9E9E9E, #454545) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, left top, left bottom, from(#9E9E9E), to(#454545)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9E9E9E', endColorstr='#454545'); background-color: #9E9E9E; border:1px solid #494949; color: White; font-size:10px; height:27px; text-shadow:0 1px 1px #000000; width:27px; cursor: pointer; border-radius:0 \0/IE9; position: relative; top: -1px; zoom:1; } #search-box .search-button:hover { color: gold;} #search-box .search-button:focus { color: gold;} #search-box .search-button:active {position: relative; top:0px; color: gold;} #search-box .watermark {color: gray;} /** SEARCH RESULTS--------------------------------------------------------------------------------- **/ .search-module { line-height: normal; margin-bottom: 1em;} .search-module li { font-size: 11px; color: gray; display: block; border-bottom: 1px dashed #dfdfdf; padding: 1em 0; zoom:1;} .search-module li:first-child { border-top: 1px dashed #dfdfdf;} .search-module .result-number { color: #9d9d9d; float: left; display: inline-block; height: 40px; width: 40px;} .result-paging-size {font-size: 11px; margin-top: -4px;} .search-module .file_link { margin-bottom: 0; } /*Check these out in every project. That that they align nicely*/ .search-module .file_link ins { margin-top: 4px; } /** SEARCH NAVIGATION--------------------------------------------------------------------------------- **/ #search-sorting {} #search-sorting .active a {} .sort-all {} .sort-pages {} .sort-files {} .sort-images {} /** SEARCH PAGINATION--------------------------------------------------------------------------------- **/ .search-pagination {display: block; overflow: auto; padding: 8px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; background: #fafafa; margin-bottom: 1em; text-align: center; color: #7f7f7f;} .search-pagination a:hover {text-decoration: none; background: #def1f4;} .search-pagination .previous, .search-pagination .next, .search-pagination .current, .search-pagination .page {background: white; border: 1px solid #eee; padding: 5px 10px; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px;} .search-pagination .current {color: White; background: #12C5E0;} .sitemap-item {font-family: 'Cabin', Helvetica, Arial, sans-serif;position: relative; top: 0; width:20.5%; float: left; padding: 10px; text-shadow: 0px 1px 1px #fff; background:#FAFAFA; font-size: 17px; line-height: normal; margin: 10px 20px 15px 0; border: 1px solid #eee; border-radius: 5px;-moz-border-radius: 5px; } .sitemap-item span {display: none;} .sitemap-item h4 a {margin:0; padding-left:8px; background: #e1e1e1; border-radius: 0px 10px 10px 0px; -moz-border-radius:0px 10px 10px 0px;} .sitemap-item h4 a:hover {margin:0; padding-left:8px; background: #e8f2f5;} .sitemap-item a {zoom: 1;background: url('/includes/images/bullet-grey.gif') no-repeat left center; display: block; color: #484848; padding: 5px 5px 5px 8px; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out;} .sitemap-item a:hover {zoom: 1;background: #e8f2f5 url('/includes/images/bullet-blue.gif') no-repeat left center; text-decoration: none; border-radius: 0px 10px 10px 0px; -moz-border-radius: 10px; color: #21759B;} .sitemap-item ul li {zoom: 1;font-size: 15px; border-left: 2px solid #e1e1e1;} .sitemap-item ul ul li {font-size: 14px; margin-left: 10px; border-left: 2px solid #e1e1e1;} .sitemap-item ul ul ul li {font-size: 13px;} .sitemap-item .bottom-shadow{background: url('/includes/images/bottom-shadow.png') no-repeat top center; height: 13px; margin-top:10px; margin-left: -10px; width: 100%;position: absolute; overflow: hidden;} .sitemap-item .incomplete, #left-navigation .incomplete > a {color: #b5b5b5; cursor: default; display: block;} /* * SOLU 4 Navigation CSS */ /** Top navigation **/ #top-navigation {max-width: 1100px; margin: 0 auto; } #top-navigation ul {float: left; margin-top: 5px; margin-left: 10px; font-size: 15px; font-family: 'Cabin', Helvetica, Arial, sans-serif; background: url("/includes/images/separator.gif") no-repeat left center;} #top-navigation li {float: left; padding: 0 8px 0 7px; background: url("/includes/images/separator.gif") no-repeat right center;} #top-navigation ul li a {color: #ffffff; padding: 4px 7px; text-shadow: 0px 1px 1px #000000; display: block; border-radius: 5px; moz-border-radius: 5px; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out;} #top-navigation ul li a:hover {background: #eeeeee; text-decoration: none; color: #2c2c2c; text-shadow: 0px 1px 1px #ffffff;} #top-navigation .active a {background: #eeeeee; text-decoration: none; color: #2c2c2c; text-shadow: 0px 1px 1px #ffffff;} #top-navigation #language-selector {float: right; margin: 7px 10px 0 0; font-size: 12px;} /** Breadcrumb **/ /** #path will also affect the path in search results**/ #path {font-size: 11px; color: gray;} .breadcrumb {overflow: auto;} .breadcrumb li {display: inline-block; float: left; background: url("/includes/images/bullet-grey.gif") no-repeat right center; padding: 2px 8px 2px 2px;} .breadcrumb li:last-child {background: none;} .breadcrumb a {padding: 2px 2px 0px 2px;} .breadcrumb a:hover {background: #eee; text-decoration: none;} .breadcrumb .active a {color: gray;} .breadcrumb .active a:hover {text-decoration: none; cursor: default; background: none;} /** Quicklinks **/ #quicklinks { font-size: 11px; width: 50%; float: left; margin-top: 8px; line-height:} #quicklinks li { float: left; border-right: 1px solid #eee;} #quicklinks li:last-child { border: none;} #quicklinks .active, #quicklinks .active a { color: gray;} #quicklinks a { display: inline-block; padding: 5px;} /** Global Navigation **/ /** This is a class that is attached to #left-navigation, #archive-navigation (list and item) and #search-navigation **/ .global-navigation {font-family: 'Cabin', Helvetica, Arial, sans-serif;position: relative; top: 0; width:190px; float: left; padding: 10px; text-shadow: 0px 1px 1px #fff; background:#FAFAFA; font-size: 17px; line-height: normal; margin: 0px 20px 15px 0; border: 1px solid #eee; border-radius: 5px;-moz-border-radius: 5px; } .global-navigation .active > a {background: #eeeeee url('/includes/images/bullet-grey.gif') no-repeat left center; color: #484848; border-radius: 0px 10px 10px 0px; -moz-border-radius: 10px; font-weight: bold;} .global-navigation .active > a:hover {background: #eeeeee url('/includes/images/bullet-grey.gif') no-repeat left center; color: #484848; border-radius: 0px 10px 10px 0px; -moz-border-radius: 10px; font-weight: bold; cursor: default;} .global-navigation .contracted {background: url('/includes/images/plus.gif') no-repeat right center;} .global-navigation a {zoom: 1; background: url('/includes/images/bullet-grey.gif') no-repeat left center; display: block; color: #484848; padding: 5px 5px 5px 8px; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out;} .global-navigation a:hover {zoom: 1; background: #e8f2f5 url('/includes/images/bullet-blue.gif') no-repeat left center; text-decoration: none; border-radius: 0px 10px 10px 0px; -moz-border-radius: 10px; color: #21759B;} .global-navigation a span {color: #a1a1a1; float: right;} .global-navigation ul li {zoom: 1; font-size: 15px; border-left: 2px solid #e1e1e1;} .global-navigation ul ul li {font-size: 14px; margin-left: 10px; border-left: 2px solid #e1e1e1;} .global-navigation ul ul ul li {font-size: 13px;} .global-navigation .bottom-shadow {background: url('/includes/images/bottom-shadow.png') no-repeat top center; height: 13px; margin-top:10px; margin-left: -10px; width: 100%;position: absolute; overflow: hidden;} /** Left navigation **/ #left-navigation {} #left-navigation .active a {} /** Pop up **/ .question-text span {margin-left: -999em; position: absolute;} .question-text:hover span { position: absolute; z-index: 99; margin-left: -90px; margin-top: -36px; width: 130px; padding: 5px 10px; border: 1px solid #eee; font-weight: normal; line-height: normal; color: #5e5e5e; background: white; box-shadow: 0px 0px 5px #000; text-shadow: none; font-size: 11px; text-align: left; border-radius: 15px; -moz-border-radius: 15px; } /* * SOLU 4 News CSS */ /** NEWS--------------------------------------------------------------------------------- **/ .news-module {padding: 15px; border: 1px dotted #eee; margin-bottom: 1em;} .news-module li {margin-bottom: 1em; padding-bottom: 1em; display: block; border-bottom: 1px dashed #e3e3e3;} .news-module li:last-child {margin-bottom: 0; display: block; border: none;} .news-module p {margin-bottom: 0;} .news-image {float: left; margin: 5px 5px 0 0;} .news-image img {width: 70px;} .news-heading {margin-left: 90px;} .news-content {margin-left: 90px;} .news-meta {} .news-timestamp {display: block; font-size: 11px; color: #a4a4a4;} .news-author {} /*Not used yet*/ .news-category {} /*Not used yet*/ /*Frontpage list*/ #news-frontpage {width: 50%;} #news-frontpage .news-meta {margin-left: 90px;} /*News Archive list*/ #news-archive {} #news-archive h2 {margin-top: 0;} #news-archive .news-meta {margin-left: 90px;} /*Footer list*/ #news-footer {width: 50%; } /** ARCHIVE NAVIGATION--------------------------------------------------------------------------------- **/ #archive-sorting {} #archive-sorting .active a {} /** NEWS ITEM--------------------------------------------------------------------------------- **/ .news-item-nav {display: block; overflow: auto; padding: 8px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; background: #fafafa; margin-bottom: 1em;} .news-item-nav a {display: block;} .news-item-nav a:hover {} .news-item-nav span {display: block; font-size: 11px; color: #a4a4a4;} .previous {text-align: right; width: 45%; } .next {text-align: left; width: 45%;} /*RSS Link*/ #rss a { background: #fff5e3 url('/includes/icons/rss.png') no-repeat 0 0; display: block; padding: 7px 7px 7px 35px; border: 1px solid #eee3ce; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-size: 15px; line-height: normal; font-weight: bold; color: #c87100; text-shadow: 0px 0px 2px #fff; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; } #rss a:hover { background: #fff3dd url('/includes/icons/rss.png') no-repeat 0 0; text-decoration: none; border: 1px solid #f4c66f; box-shadow: 0px 0px 8px #eee; color: #e48100; } /* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block;} .cboxIframe{width:100%; height:100%; display:block; border:0;} /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#000;} #colorbox{} #cboxTopLeft{width:14px; height:40px; background:url(/includes/images/colorbox/controls.png) no-repeat 0 0;} #cboxTopCenter{height:40px; background:url(/includes/images/colorbox/border.png) repeat-x top left;} #cboxTopRight{width:14px; height:40px; background:url(/includes/images/colorbox/controls.png) no-repeat -36px 0;} #cboxBottomLeft{width:14px; height:10px; background:url(/includes/images/colorbox/controls.png) no-repeat 0 -65px;} #cboxBottomCenter{height:10px; background:url(/includes/images/colorbox/border.png) repeat-x bottom left;} #cboxBottomRight{width:14px; height:10px; background:url(/includes/images/colorbox/controls.png) no-repeat -36px -65px;} #cboxMiddleLeft{width:14px; background:url(/includes/images/colorbox/controls.png) repeat-y -175px 0;} #cboxMiddleRight{width:14px; background:url(/includes/images/colorbox/controls.png) repeat-y -211px 0;} #cboxContent{background:#fff; overflow:visible;} #cboxLoadedContent{margin-bottom:24px; margin-top: 5px;} #cboxLoadingOverlay{background:url(/includes/images/colorbox/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(/includes/images/colorbox/loading.gif) no-repeat center center;} #cboxTitle{position:absolute; bottom:0px; left:-4px; padding: 4px; text-align:center; width:100%; font-weight:normal; font-size: 11px; color:#7C7C7C;background: #fff;} #cboxTitle em{font-weight: bold; font-style: normal; } #cboxCurrent{position:absolute; top:-23px; left:58px; font-weight:bold; font-size: 12px; color:#7C7C7C;} #cboxError {font-size: 11px; color:#7C7C7C; margin-top: 15px; padding: 0 15px;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; top:-27px; background:url(/includes/images/colorbox/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;} #cboxPrevious{left:0px; background-position: -51px -25px;} #cboxPrevious.hover{background-position:-51px 0px;} #cboxNext{left:27px; background-position:-75px -25px;} #cboxNext.hover{background-position:-75px 0px;} #cboxClose{right:0; background-position:-100px -25px;} #cboxClose.hover{background-position:-100px 0px;} .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;} .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;} .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;} .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}