/* ============================================================================= Base ========================================================================== */ /* * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units * http://clagnut.com/blog/348/#c790 * 2. Force vertical scrollbar in non-IE * 3. Remove Android and iOS tap highlight color to prevent entire container being highlighted * www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/ * 4. Prevent iOS text size adjust on device orientation change, without disabling user zoom * www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ html { font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size:14px; background:url("/application/assets/images/background.general.jpg") no-repeat center 173px; background-color:#000; } /* * These selection declarations have to be separate * No text-shadow: twitter.com/miketaylr/status/12228805301 * Also: hot pink! */ ::-moz-selection { background: #00accb; color: #fff; text-shadow: none; } ::selection { background: #00accb; color: #fff; text-shadow: none; } ::-webkit-input-placeholder { color:#b6b6b6; } input:-moz-placeholder { color:#b6b6b6; } a, input, select, textarea {outline: none;} img { border: 0; -ms-interpolation-mode: bicubic; } /* * Correct overflow displayed oddly in IE9 */ svg:not(:root) { overflow: hidden; } /* * 1. Display hand cursor for clickable form elements * 2. Allow styling of clickable form elements in iOS */ button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } /* * Consistent box sizing and appearance */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } /* * Remove inner padding and border in FF3/4 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* Remove default vertical scrollbar in IE6/7/8/9 */ textarea { overflow: auto; vertical-align: top; resize:vertical; font-family: Arial, Helvetica, sans-serif;} /* ============================================================================= Fonts ========================================================================== */ @font-face { font-family: 'MuseoSlab900'; src: url('../fonts/museo_slab_900.eot'); src: url('../fonts/museo_slab_900.eot') format('embedded-opentype'), url('../fonts/museo_slab_900.woff') format('woff'), url('../fonts/museo_slab_900.ttf') format('truetype'), url('../fonts/museo_slab_900.svg#MuseoSlab900') format('svg'); } @font-face { font-family: 'MuseoSlab700'; src: url('../fonts/museo_slab_700.eot'); src: url('../fonts/museo_slab_700.eot') format('embedded-opentype'), url('../fonts/museo_slab_700.woff') format('woff'), url('../fonts/museo_slab_700.ttf') format('truetype'), url('../fonts/museo_slab_700.svg#MuseoSlab900') format('svg'); } /* ============================================================================= Default HTML elements appearance ========================================================================== */ a { color:#00accb; text-decoration: none;} a:hover { color:#11d0f2;} /** * Consistent form appearance */ h1{ margin:0 0 15px 0;padding:0; line-height:35px; font-weight:bold; text-transform:uppercase; font-size:28px; color:#00accb; } h1.times{ line-height:65px; font-weight:normal; font-size:50px; font-family:"MuseoSlab700",Georgia,Serif; } h2{ color:#4e4e4e; font-size:14px; margin:0 0 20px 0; padding:0; } p {margin:0 0 25px 0; padding:0; line-height: 22px;} input{ border:3px solid #ededed; margin:0; padding: 9px 10px; font-size:14px; color:#8b8b8b; /*-moz-box-shadow: inset 0 0 1px #4e4d4d; -webkit-box-shadow: inset 0 0 1px #4e4d4d; box-shadow: inset 0 0 1px #4e4d4d;*/border-radius: 7px; } textarea{ border:3px solid #ededed; margin:0; padding: 9px 10px; font-size:14px; color:#8b8b8b; /*-moz-box-shadow: inset 0 0 1px #4e4d4d; -webkit-box-shadow: inset 0 0 1px #4e4d4d; box-shadow: inset 0 0 1px #4e4d4d;*/border-radius: 7px; } input.error{border: 3px solid red} td.error, div.error{ color: red; font-weight: bold;} div.error { margin: 5px 0px; } ul, ol{padding:0 0 25px 20px; margin:0;} ul li, ol li{padding:0; margin:0;} table {border-collapse:collapse; width:100%} table, th , td { border: 1px solid #dfdfdf; } table thead tr{ background:#fcfcfc; } table thead tr td{ background:#fcfcfc; font-size:10px; color:#505050; text-transform: uppercase; font-weight:bold;padding:10px 10px; } table thead tr td { background-image: linear-gradient(top, rgb(255,255,255) 42%, rgb(247,247,247) 63%); background-image: -o-linear-gradient(top, rgb(255,255,255) 42%, rgb(247,247,247) 63%); background-image: -moz-linear-gradient(top, rgb(255,255,255) 42%, rgb(247,247,247) 63%); background-image: -webkit-linear-gradient(top, rgb(255,255,255) 42%, rgb(247,247,247) 63%); background-image: -ms-linear-gradient(top, rgb(255,255,255) 42%, rgb(247,247,247) 63%); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.42, rgb(255,255,255)), color-stop(0.63, rgb(247,247,247)) ); } .lessons table tbody tr td a.smallbutton { min-width:110px; font-size:12px; } .lessons table tbody tr td a.smallbutton img{margin-bottom:-1px} table tbody tr td{ padding:10px 10px; font-size:12px; color:#8a8a8a; background:#fff; line-height: 17px } table tbody tr td:first-child { padding:10px 20px; } table tbody tr.hover > td { background:#f7f6f6; -webkit-transition: background-color 0.2s ease-in-out; -moz-transition: background-color 0.05s ease-in-out; -o-transition: background-color 0.05s ease-in-out;-ms-transition: background-color 0.05s ease-in-out; } table thead tr td:first-child { padding:10px 20px; } /** * ie7 table fix */ /* ============================================================================= Various elements like container, buttons, lists e.g. ========================================================================== */ .container { width:980px; margin:0 auto; } body > .container.columns{-webkit-transition: opacity 0.05s ease-in-out; -moz-transition: opacity 0.05s ease-in-out; -o-transition: opacity 0.05s ease-in-out;-ms-transition: opacity 0.05s ease-in-out; } a.button, a.smallbutton, a.largebutton { display:block; background-color:#03adcc;opacity: 0.88; text-transform:uppercase ;color:#fff !important; border-radius: 5px; font-size:14px; text-shadow: 0px 1px 2px #2a2a2a; font-weight:bold; } a.button:hover, a.smallbutton:hover, a.largebutton:hover { opacity: 1; } a.button:active, a.smallbutton:active, a.largebutton:active { opacity: 1; background-color:#1a94aa; } a.button { padding:16px 25px 15px 17px;/*padding:13px 18px 11px 13px;*/ } a.smallbutton { padding:9px 22px 7px 16px; } a.button img { margin-bottom: -5px; margin-right:6px; } a.smallbutton img { margin-bottom: -3px; margin-right:6px; font-size:13px; } a.largebutton img { margin-bottom: -2px; margin-right:5px; } html a.smallbutton.grey, html a.button.grey { background: #5a5a5a; background-image: linear-gradient(top, rgb(102,102,102) 17%, rgb(60,60,60) 100%); background-image: -o-linear-gradient(top, rgb(102,102,102) 17%, rgb(60,60,60) 100%); background-image: -moz-linear-gradient(top, rgb(102,102,102) 17%, rgb(60,60,60) 100%); background-image: -webkit-linear-gradient(top, rgb(102,102,102) 17%, rgb(60,60,60) 100%); background-image: -ms-linear-gradient(top, rgb(102,102,102) 17%, rgb(60,60,60) 100%); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.17, rgb(102,102,102)), color-stop(1, rgb(60,60,60))); } html a.smallbutton.grey:active, html a.button.grey:active { background: #424242; background-image: linear-gradient(bottom, rgb(102,102,102) 17%, rgb(60,60,60) 100%); background-image: -o-linear-gradient(bottom, rgb(102,102,102) 17%, rgb(60,60,60) 100%); background-image: -moz-linear-gradient(bottom, rgb(102,102,102) 17%, rgb(60,60,60) 100%); background-image: -webkit-linear-gradient(bottom, rgb(102,102,102) 17%, rgb(60,60,60) 100%); background-image: -ms-linear-gradient(bottom, rgb(102,102,102) 17%, rgb(60,60,60) 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.17, rgb(102,102,102)), color-stop(1, rgb(60,60,60)) ); -moz-box-shadow: inset 0 1px 5px #2e2e2e; -webkit-box-shadow: inset 0 1px 5px#2e2e2e; box-shadow: inner 0 1px 5px #2e2e2e; } /* * Shared styles between serveral lists. */ ul.event-list, ul.photo-list, ul.news-list, ul.course-list { margin:0; padding:0; } ul.event-list li, ul.photo-list li, ul.news-list li, ul.course-list li { padding:0; display:block; margin-bottom:15px !important; } ul.event-list li a, ul.photo-list li a, ul.news-list li a, ul.course-list li a { display:block; border:1px solid #1c1c1c; background:#010101; overflow:hidden; padding:15px 12px 15px 12px; border-radius: 5px; } ul.event-list li a:hover, ul.photo-list li a:hover, ul.news-list li a:hover, ul.course-list li a:hover {background: #363636;} ul.event-list li a span, ul.photo-list li a span, ul.news-list li a span, ul.course-list li a span { display:block; } ul.event-list li a span.description, ul.photo-list li a span.description, ul.news-list li a span.description, ul.course-list li a span.description {width:195px; font-size:13px; margin-top:3px;} /* * Specific styles for .event-list. */ ul.event-list li span.date { font-size:20px; text-align: center; margin-right: 15px; width:30px; } ul.event-list li span.month { font-size:10px; text-transform: uppercase; } /* * Specific styles for .photo-list. */ ul.photo-list li a , ul.course-list li a { padding:7px 12px 7px 12px; } ul.photo-list li a span.thumbnail, ul.course-list li a span.thumbnail { margin-right:15px; display:block; text-indent: -9999px; overflow:hidden; width:69px; height:49px; background:none no-repeat center center; } ul.photo-list li a span.thumbnail, ul.course-list li a span.thumbnail { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5; } ul.photo-list li a:hover span.thumbnail, ul.course-list li a:hover span.thumbnail { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity:1.0;opacity: 1.0; } ul.photo-list li a span.description, ul.course-list li a span.description {width:155px; font-size:13px; margin-top:0px;} ul.photo-list li a.wide span.description { width:240px; } /* * Specific styles for .news-list. */ ul.news-list li a span.description { width:240px; } /* * Specific styles for .news-list. */ ul.course-list li a {display:block;} ul.course-list li a span.description { padding-top:10px; } ul.category-list { padding:0; margin:0; } ul.category-list li {padding:0; margin:0; margin-bottom:5px !important; display:block;} ul.category-list a {display:block;} ul.category-list a.active { color:#fff;} ul.category-list li.activeDetail a { color:#fff;} ul.category-list input{ display:none; } ul.category-list label{ display:block; line-height:16px } ul.category-list label.active{ color:#fff; background:url('/application/assets/images/filter.disable.png') no-repeat center right } ul.category-list label.active:hover{ background:url('/application/assets/images/filter.disable.hover.png') no-repeat center right } ul.category-list label:hover{ color:#ccc; cursor:pointer; } /* * Specific styles for .student-list. */ ul.student-list { padding:0; margin:0; } ul.student-list li {padding:0; margin:0; display:block; border-top:1px solid #747474} ul.student-list li:first-child { border:none; } ul.student-list li span.accesible-radio{background-color:#262626; margin:8px 0 10px 0; padding:4px 0 2px 0px; display:block; border-radius: 5px; font-size:13px; font-weight:bold; } ul.student-list li span.checked{background-color:#3c3c3c; color:#fff; -webkit-transition: background-color 0.1s ease-in-out; -moz-transition: background-color 0.1s ease-in-out; -o-transition: background-color 0.1s ease-in-out;-ms-transition: background-color 0.1s ease-in-out; } ul.student-list li input{ width:20px;} ul.student-list li label {} ul.student-list li.new label{ background-position:-10px -313px; color:#60c6d8} ul.student-list li.new span.checked label{ color:#fff; background-position:-10px -214px} .subscribe .block ul.student-list{ margin-top:-10px; } /* * Specific styles for .student-list. */ ul.task-list { padding:0; margin:0; } ul.task-list li {padding:0; margin:0; display:block;} ul.task-list li span.number{ display:block; float:left; margin:-2px 8px 0 5px; background:#fff; color:#000; text-align:center;height:19px; line-height: 19px; width:19px; background:url('/application/assets/images/task.number.png') no-repeat center center; } ul.task-list li { display:block; border-top:1px solid #747474; padding:10px 0; margin:10px 0; font-weight:bold; font-size:13px;} ul.task-list li > span{ display:block; clear:both; padding:10px 0; } ul.task-list li > a{ display:block; clear:both; padding:10px 0; } ul.task-list li:first-child {border:none;} ul.task-list li.completed a{ padding-left:31px; background:url("/application/assets/images/task.completed.png") no-repeat 10px 13px; } ul.task-list li.active > span{ background-color:#3c3c3c; border-radius: 5px; color:#fff; -webkit-transition: background-color 0.1s ease-in-out; -moz-transition: background-color 0.1s ease-in-out; -o-transition: background-color 0.1s ease-in-out;-ms-transition: background-color 0.1s ease-in-out; } ul.task-list li span.number{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity: 0.5; } ul.task-list li.active span.number{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity:1.0;opacity: 1.0; } .subscribe .block ul.task-list{ margin-top:-10px; } .subscribe .block ul.task-list li > span, .subscribe .block ul.task-list li > a{ margin:10px 0; } .subscribe .block ul.task-list li ul.student-list {margin-top:-3px;} ul.task-list li ul.student-list li { margin-left:25px; } ul.task-list li ul.student-list li span.accesible-radio{margin:7px 0;} /** * Column specific styles for lists */ .column1_2 ul.event-list li a span.description, .column1_2 ul.photo-list li a span.description, .column1_2 ul.news-list li a span.description, .column1_2 ul.course-list li a span.description{ width:295px; } ul li.more { padding-top:10px !important; padding-left:15px !important; background:none; display:block; font-weight:bold; background:url("/application/assets/images/arrow.more.png") no-repeat left 13px; } ul li.more:hover{ color:#c7c7c7; } /* ============================================================================= Styles for header section ========================================================================== */ #header { background:#fff; overflow:hidden; min-width:940px; padding:0 20px 0 20px; position: relative; z-index:20;} #header img.logo {margin:20px 0 0 0px;} #header > div.right {position: absolute; right:15px; top:0;} #header #menu { list-style:none; overflow:hidden; margin:6px 0 0 0; padding:0; } #header #menu li{ float:left; display: block; margin:0 5px 0 0; padding:0;text-transform: uppercase; font-weight:bold } #header #menu li a{ display:block;padding:7px 10px 5px 10px; border-radius: 3px; } #header #menu li a:hover, #header #menu li a.active{background:#03adcc; color:#fff; } #header #submenu { list-style:none; overflow:hidden; margin:0 10px 0 2px; padding:6px 0 11px 0; background:url("/application/assets/images/header.submenu.background.png") no-repeat top left; margin-bottom:35px; } #header #submenu li{ float:left; display: block; margin:0 5px 0 0; padding:0; } #header #submenu li a{ display:block;padding:5px 10px; color:#484848; text-shadow: 0px 1px 2px #fff; font-size:12px; border-left:1px solid #dbdbdb; } #header #submenu li:first-child a { border-left:none; } #header #submenu li a:hover, #header #submenu li a.active{ color:#0289a1; } #header #submenu li a.button{ border-radius: 0 0 5px 5px; color:#fff; margin:-7px -5px 0 0;text-shadow: 0px 1px 2px #075867; padding:11px 18px 13px 15px; font-size:13px; text-transform: uppercase; height:15px; } #header #submenu li a.button:hover, #header #submenu li a.button.active {text-decoration: none;} #header #submenu li a.button img { margin-bottom: -5px; margin-right:5px; } #header #othermenu { list-style:none; overflow:hidden; margin:0 0 10px 0; padding:0; } #header #othermenu li{ float:left; display: block; margin:0 5px 0 0; padding:0; } #header #othermenu li a{ display:block;padding:5px 10px; color:#484848; text-shadow: 0px 1px 2px #fff; font-size:12px; border-left:1px solid #dbdbdb; } #header #othermenu li:first-child a { border-left:none; } #header #othermenu li a:hover, #header #othermenu li a.active{ color:#0289a1; } #header #search { overflow:hidden; margin-right:10px; position:relative;} #header #search input{ width:285px; padding-right:65px; float:left; } #header #search button, #filterForm .search button{ position:absolute; right:4px; top:4px;width:55px; height:33px; display:block; border:none; background:#545454 url("/application/assets/images/icon.magnifier.png") no-repeat center center;border-radius: 0 4px 4px 0; } #header #search button:hover, #filterForm .search button:hover{ background-color:#333333; } #header #header-bar { background:#fff; padding-top:10px; padding-bottom:10px; } #header.fixed {padding-bottom:51px;} #header.fixed #header-bar {position:fixed; width:100%; top:0; margin-left:-20px; -moz-box-shadow: 0px 5px 5px #000; -webkit-box-shadow: 0px 5px 5px #000; box-shadow: 0px 1px 10px #000; } #header.fixed #header-bar #menu {padding-left:20px;} #header.fixed #header-bar #search {margin-right:30px;} @media (max-width:1260px) { #header .left { margin-top: 32px; } } /* HEADER 2014 */ #header.header2014 #menu li a { background: #000000; color: #ffffff; height: 20px; line-height: 23px; padding: 0 4px; border-radius: 0; position: relative; font-family: 'MuseoSlab700'; font-weight: normal; } #header.header2014 #menu li a:hover:before, #header.header2014 #menu li a.active:before { position: absolute; left: 8px; bottom: -8px; height: 4px; width: 22px; background: #000000; content: ""; } #header.header2014 #menu li a:hover:after, #header.header2014 #menu li a.active:after { width: 0; height: 0; border-style: solid; border-width: 5px 11px 0 11px; border-color: #000000 transparent transparent transparent; content: ""; bottom: -13px; left: 8px; position: absolute; } #header.header2014 #menu { overflow:visible; } #header.header2014 .pattern-bar { background:url('/application/assets/images/header.pattern.jpg') repeat-x; height: 15px; position: absolute; left: -20px; right: -90px; bottom: 0; } #header.header2014 { padding-left: 90px; } #header.header2014 #menu { position: relative; } #header.header2014 #menu:before, #header.header2014 #search:before { position: absolute; left: 0; right: 0; bottom: -26px; content: ""; -webkit-box-shadow: 0px 0 16px 4px #000000; box-shadow: 0px 0 16px 4px #000000; } #header.header2014 #header-bar { padding-bottom: 18px; } #header.fixed.header2014 #header-bar { margin-left: -90px; } #header.fixed.header2014 #header-bar #menu { margin-left: 90px; padding-left: 0; } #header.header2014 #search { margin-bottom: 5px; margin-top: -5px; position: relative; overflow: visible; } #header.header2014 #search:before { bottom: -16px; } /* ============================================================================= Styles for footer section ========================================================================== */ #footer { background:#000000; min-width: 980px; } #footer > .container { overflow:hidden; padding:30px 0 20px 0; -webkit-transition: opacity 0.1s ease-in-out; -moz-transition: opacity 0.1s ease-in-out; -o-transition: opacity 0.1s ease-in-out;-ms-transition: opacity 0.1s ease-in-out; } #footer #skyline { min-width: 980px; background:#323232 url("/application/assets/images/footer.background.png") repeat-x top right; } #footer #skyline .container { padding:60px 0 40px 0; position:relative; } #footer #skyline img.logo { margin-left:5px; } #footer #skyline ul { list-style:none; position:absolute; right:0; top:55px; } #footer #skyline ul li{ float:left; margin:5px; } #footer #skyline ul li a{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity:1.0;opacity: 1.0;} #footer #skyline ul li a:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter: alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;} /* ============================================================================= Styles for slider section ========================================================================== */ #slider {position: relative; margin-bottom:20px;} #slider .content{ z-index:3; position: relative; height: 435px; padding:20px 640px 0 0;width:340px; margin:0 auto; color:#fff; font-size:17px; } #slider .content a.button { margin-bottom:20px; } #slider .content .links span.title { font-weight:normal; font-size:13px; padding-bottom:3px;} #slider .content .links { text-transform: uppercase; padding-left:0; } #slider .content .links ul {padding:0; margin:0;} #slider .content .links ul li a { color:#fff; padding-left:17px; background: url("/application/assets/images/arrow.supersmall.png") no-repeat center left;} #slider .content .links ul li a:hover{ color:#bbb } #slider .content .controls{ position:absolute; top:20px; right:0;} #slider .content .controls a { display:block; width:11px; height:11px; padding:9px 5px; float:left; overflow:hidden;} #slider .content .controls a span{ display:block; width:11px; height:11px; background:#fff; text-indent: -99px;} #slider .content .controls a span{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5; } #slider .content .controls a.active span, #slider .content .controls a:hover span{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter: alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9; } #slider .background{ z-index:1;position: absolute; left:0; top:0; height: 455px; min-width:980px; width:100% } #slider .background .photo { width: 980px; height:455px; margin: 0 auto; background: no-repeat 211px top; } #slider .background .mask { width: 980px; height:455px; margin: 0 auto; background: url('/application/assets/images/slider.mask.png') no-repeat 211px top; } /* ============================================================================= Base styles between serveral blocks and columns. ========================================================================== */ /* base column styles */ .column1{width:312px; float:left; margin-left:22px;} .column1_2 { width:479px; float:left; margin-left:22px; } .column2{width:646px; float:left; margin-left:22px;} .column3{width:980px; float:left;} .columns .column1:first-child, .columns .column2:first-child, .columns .column1_2:first-child {margin-left:0px;} /** main */ .main{ background:#fff; padding:0; border:none; margin-top:50px; margin-bottom:50px; color:#8a8a8a; } .main .column1{ width: 298px; } .main .column1_2{ width: 459px;} .main .column2{ width: 640px; } .main .column3{ width: 938px; } .main .bar{ background: #06aecc; overflow:hidden; color:#fff; text-transform: uppercase; font-size:11px; } .main .bar ol{ overflow:hidden; padding:8px 0 10px 0; margin:5px 0 0 10px; } .main .bar ol li{float:left; list-style:none; padding:0; margin:0; margin-right:10px; } .main .bar ol li a{ background:url('/application/assets/images/arrow.breadcrumb.png') no-repeat center left; padding-left:15px; color:#fff;} .main .bar ol li a.home{ background:none; padding:0; } .main .bar ol li a.home img{ margin-top:-1px; } .main .bar ol li a.first{ background:none; padding:0; } .main .bar ol li a{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter: alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;} .main .bar ol li a.home, .main .bar ol li a.last, .main .bar ol li a:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity:1.0;opacity:1.0; } .main .bar .right{ margin:5px 5px;} .main .bar .right a{ display:block; background:#fff; height:25px; padding:0px 7px 0px 7px; font-weight:normal; line-height:28px; float:left; margin-left:10px; border-radius: 3px; font-size:12px;} .main .bar .right a.next{ background:url('/application/assets/images/arrow.boxright.png') no-repeat center center; width:25px; padding:0;} .main .bar .right a.previous{ background:url('/application/assets/images/arrow.boxleft.png') no-repeat center center; width:25px; padding:0;} .main .bar .right a.next:hover, .main .bar .right a.previous:hover { background-color:#11d0f2 } .main .content {color:#8a8a8a; padding:20px;} .main .content span.subtitle { font-size:16px; margin:-15px 0 20px 0; display:block; } .main .content .rotator {margin-right:0; position:relative; } .main .content .rotator .rotator-container { height:350px; width:451px; overflow:hidden; background:url('/application/assets/images/loader.gif') no-repeat center center; } .main .content .rotator .rotator-container div.rotator-item {height:350px; width:421px; } .main .content .rotator .controls a{ display:block; width:35px; height:36px; text-indent: -999px; overflow:hidden; position:absolute; } .main .content .rotator .controls a{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5; } .main .content .rotator .controls a:hover{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity:1.0;opacity:1.0; } .main .content .rotator .controls a.next{ background:url('/application/assets/images/rotator.next.png') no-repeat center center; bottom:10px; right:10px} .main .content .rotator .controls a.previous{ background:url('/application/assets/images/rotator.previous.png') no-repeat center center; bottom:10px; right:50px } .main .content .border { padding:2px; border:2px solid #d5d5d5; margin-bottom:22px; } .main .content .border.right {margin-left:22px;} .main .content .border.left {margin-right:22px;} .main .cta {} .main .cta a.smallbutton{ margin-left:20px; } .main .cta a.smallbutton:first-child{ margin-left:0px; } .main .block {border:none; border-image: none; background:#fff; color:#8a8a8a; } .main .block span.title{ color:#06aecc; } .main ul.event-list li a, .main ul.photo-list li a, .main ul.news-list li a, .main ul.course-list li a {background:#fff; border:#fff;} .main ul.event-list li a:hover, .main ul.photo-list li a:hover, .main ul.news-list li a:hover, .main ul.course-list li a:hover, .main ul.course-list li a.active { color:#333 } .overview { background:none } .overview span.title { display:block; text-transform: uppercase; font-size:18px; color:#fff; padding-bottom:10px; padding-top:10px; font-weight:bold; } .overview .block { padding:0; } .overview .bar{ height:40px; } .overview .column1 .bar { background:#373737; padding-left:22px; } .overview .column1 .bar span.title {color:#fff;} .overview .bar span.title a {color:#fff;} .overview .column2 .bar span.title { color:#fff;font-size:15px; padding-top:12px; margin-left:22px; } .overview .column2 .bar span.title span.number{ display:block; width:23px; height:23px; font-size:15px; line-height: 23px; text-align:center; float:left; margin: -3px 9px 0 -7px; background:url('/application/assets/images/task.number.large.png') no-repeat center center; color:#000} .overview .column1{ width:312px; background:#262626;padding-bottom:12px; } .overview .column1 .block {padding:22px 22px 0 22px; background:transparent; font-size:12px; border-top:1px solid #747474} .overview .column1 .block:first-child {border:none; } .overview .column1 .block span.title{ padding-top:0;padding-bottom:10px; font-size:14px } .overview .column2{ margin-left:0; padding-right:0; padding-left:0px; width:668px; background:#fff; } .overview .column2 .content {padding-left:22px; padding-bottom:0px; } .overview .column2 .content span.course-found{ font-weight:bold; text-transform:uppercase; display:block; color:#00accb; font-size:12px; padding:0 0 20px 0; } .subscribe .column2 .content{ padding:0px; } .subscribe table td {vertical-align: top} .subscribe table, .subscribe th , .subscribe td{ border:none; } .subscribe table tr.thumbnail-item td{ padding-top:20px; } .subscribe table tr.thumbnail-item td.thumbnail-image{ padding-top:12px; width:75px; } .subscribe table tr.thumbnail-item td.thumbnail-text{ width:220px; } .subscribe table thead tr td {font-size:12px;} .subscribe table tbody tr td.controls a{ visibility: hidden; line-height:20px; } .subscribe table tbody tr.hover td.controls a{ visibility: visible; } .subscribe table tbody tr td.controls a.edit{ background: url('/application/assets/images/icon.edit.png') no-repeat left 4px ; padding-left:20px; display:block; } .subscribe table tbody tr td.controls a.delete{ background: url('/application/assets/images/icon.delete.png') no-repeat left 3px ; padding-left:20px; display:block; } .subscribe table tr.thumbnail-item td.controls{ padding-top:10px; } .subscribe table thead td { border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1} .subscribe table tbody td { border-top:1px solid #efefef} .subscribe table .total td{font-size:18px; color:#000; font-weight:bold; padding: 27px 20px 27px 3px;} .subscribe table .total td:first-child{ text-align: right} .subscribe table td strong { color:#6f6f6f } .subscribe #subscribe-form table td{ vertical-align: middle} .subscribe #subscribe-form table tbody td strong{ color:#262626} .subscribe #subscribe-form table input{ width:325px; font-size:13px;} .subscribe #subscribe-form table textarea{ width:473px; height:80px; font-size:13px;} .subscribe #subscribe-form table select{ width:350px; font-size:13px;} .subscribe #subscribe-form table input.day, .subscribe #subscribe-form table input.month{ width:25px;} .subscribe #subscribe-form table input.year{ width: 35px;} .subscribe #subscribe-form table tr.focused td{background:#f2f2f2; -webkit-transition: background-color 0.2s ease-in-out; -moz-transition: background-color 0.05s ease-in-out; -o-transition: background-color 0.05s ease-in-out;-ms-transition: background-color 0.05s ease-in-out;} .subscribe #subscribe-form table input.small{ width: 115px;} .subscribe #subscribe-form table tbody td{ border:none; padding:3px 10px} .subscribe #subscribe-form table tbody{ margin-bottom:10px;} .subscribe #subscribe-form table tbody td:first-child{ padding-left:20px } .subscribe #subscribe-form table tbody td hr{ color: #D1D1D1;background-color: #EDEDED;height: 1px; border:none;margin-right:10px; margin-top:20px; margin-bottom:15px;} .subscribe #subscribe-form table tbody td .accesible-radio { float:left; margin-right:10px; font-weight:bold} .subscribe #subscribe-form table tbody td .accesible-radio label{ padding-top:6px; margin-top:6px; } .subscribe #subscribe-form table tbody tr.invisible:first-child td { padding:0px 10px; background:red; } .subscribe .related a.smallbutton { margin-right:25px; margin-top:7px; padding:13px 10px 11px 16px; } .subscribe .related a.smallbutton img{ margin-right:0; margin-left:6px; } .subscribe .newsletter { padding:15px 10px 10px 15px; } .subscribe .newsletter label { color:#000000; } .subscribe a.search{ padding:3px 8px 3px 8px; line-height:27px; margin-top:12px; margin-left:15px;} .subscribe span.description{ width:240px; font-size:12px; margin-top:22px; margin-left:10px; font-weight:bold} .charactersLeft { display: block; margin-top:5px; margin-left:3px; } .intro { color:#fff; height:275px;} .intro .photo{ width:980px; height:455px; margin:0 auto; background:none no-repeat 433px top} .intro .photo .mask{ width:980px; height:400px; padding:55px 0 0 0; margin:0 auto; background: url('/application/assets/images/intro.mask.png') no-repeat 433px top } .intro .photo .mask .content { padding-right:380px; font-size:17px;} .intro.subscribe { height:175px; } .intro.subscribe .photo { height:225px;} .intro.subscribe .photo .mask { height:160px; padding:65px 0 0 0;} .intro.subscribe p{ text-transform: uppercase} .intro.subscribe p span { color:#acacac} .pagination { padding:30px 0; } .pagination > div { width:400px; } *+html .pagination {padding-bottom:0;} .pagination a, .subscribe a.previous, .subscribe a.search { display:block; background:#fff; border:1px solid #dddddd; height:25px; border-radius: 4px; text-transform: uppercase; font-size:12px; font-weight:bold; } .pagination a.previous, .pagination a.next, .subscribe a.previous { width:105px; float:left;overflow:hidden; } .subscribe .related a.previous { width:auto; padding-right:10px; margin-top:15px; } .pagination a.previous, .subscribe a.previous { margin-left:25px } .pagination a.next{ margin-right:25px; padding-left:10px; width:96px } .pagination a.previous img, .pagination a.next img, .subscribe a.previous img { margin-bottom:-8px; background:#00accb;} .pagination a.previous:hover img, .pagination a.next:hover img, .subscribe a.previous:hover img { background:#11d0f2;} .pagination .pagination-pages{ text-align:center;} .pagination .pagination-pages a{display:inline-block; width:25px; line-height:26px;} .pagination .pagination-pages a.active{ background:#DDDDDD; color:#000; } /* base block styles */ .block { padding:25px 22px 26px 22px; margin-bottom:22px; color:#fff; border:1px solid #313131; background:#262626 url("/application/assets/images/block.background.png") repeat-x left bottom} .block { border-bottom-width:0; border-top-width:0; } .block { border-image: url("/application/assets/images/block.border.png") 0 1 0 1 stretch stretch; -webkit-border-image: url("/application/assets/images/block.border.png") 0 1 0 1 stretch stretch; -moz-border-image: url("/application/assets/images/block.border.png") 0 1 0 1 stretch stretch; } .block span.title, .block span.tabs { display:block; text-transform: uppercase; font-size:18px; color:#fff; padding-bottom:25px; font-weight:bold; } .block.fixedheight{height:300px;} .block a.arrow{ background:url("/application/assets/images/arrow.blue.png") no-repeat left 4px; padding-left:15px; } /* list styles */ .block ul { list-style:none; margin:0; padding:0; } .block ul li { margin:0; padding:0;} .block ul li a { color:#959595; } .block ul li a:hover { color:#ffffff; } /* tab styles */ .block span.tabs, .block span.tabs a{ color:#808080; } .block span.tabs a.active{ color:#fff; } /* block form styles */ .block form { margin:0; padding:0; } .block input {width:240px; margin-bottom:15px; } .block address{font-style: normal} /* * Block: links */ .links { width:170px; color:#959595; background:transparent; padding:15px 0 0 25px; border:none; -o-border-image:none; } .links span.title {color:#00accb; padding-bottom:10px;} .links ul li {font-size:12px; margin:4px 0; display:block;} .links ul li a {display:block; padding:3px 0;} /* * Block: newsletter */ .block.newsletter.fixedheight{height:150px;position:relative; } .block.newsletter.fixedheight a.grey {border:1px solid #0e0e0e; position:absolute; left:20px; bottom:20px;} .block.newsletter.fixedheight img.loader { position:absolute; right:100px; bottom:30px;} /* * Block: contact */ .block.contact.fixedheight{height:76px;} /* * Block: course */ .block.course{ border-top:1px solid #e9e9e9; padding:25px 0 22px 0; font-size:13px; margin-bottom:0;} .block.course span.title{ font-size:15px; padding:0; text-transform: none} .block.course span.subtitle{ font-size:11px; color:#b8b8b8; display:block; margin:5px 0 10px 0;} .block.course img.border{ margin-right:10px; margin-left:3px;} .block.course p{ margin-bottom:15px; } .block.course a.info{ font-weight:bold; } .block.course div.left{ width:450px; } .block.course.hover{ background:#f7f7f7; cursor:pointer; } .block.course.hover span.title a, .block.course.hover a.info{ color:#11d0f2; } /* * Lessons */ .lessons {padding:18px 0 0 0; background:none; border:none; margin-bottom:0px; position:relative; margin-top:-20px;} .lessons span.title {padding-bottom:15px; padding-left:20px; color:#00ACCB;} .lessons a.close { display:none; width:27px; height:27px; position:absolute; right:-8px; top:-8px; background: url('/application/assets/images/overlay.close.general.png') center center; overflow:hidden; text-indent: -999px } .lessons a.close:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter: alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7; } .related { background:#ebebeb url('/application/assets/images/related.pattern.png') center -15px; padding-bottom:15px; min-height:50px; } .related .block {background:transparent; margin-bottom:0px; padding: 22px 0 22px 0;} .related .block span.title{ padding-bottom:15px; text-shadow: 1px 1px #ffffff; } .related .shadow { background: url('/application/assets/images/related.shadow.png') repeat-x left top; height:9px; margin-top:0px; padding-bottom:5px } .video-thumbnail {display:block; width:451px; height: 350px; position:relative; background:#fff no-repeat center center;} .video-thumbnail .video-play {top: 50%; left:50%; margin-top:-45px; margin-left:-47px; position:absolute; display: block; width:95px; height:89px; background: url('/application/assets/images/play.button.png') no-repeat center center;} a.video-thumbnail .video-play { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";filter: alpha(opacity=85);-moz-opacity:0.85;-khtml-opacity:0.85;opacity:0.85; } a.video-thumbnail:hover .video-play { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1; } /* * Overlay */ .overlay-shadow{ -webkit-box-shadow: 0px 0px 15px -5px #000000; box-shadow: 0px 0px 15px -5px #000000; } .overlay-shadow a.close{ display:block; } .overlay-shadow a.close:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter: alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7; } /* ============================================================================= Shadowbox styles ========================================================================== */ #sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;} #sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;} #sb-overlay{position:relative;height:100%;width:100%;} #sb-wrapper{position:absolute;visibility:hidden;width:100px;} #sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;} #sb-body{position:relative;height:100%;} #sb-body-inner{position:absolute;height:100%;width:100%;} #sb-player.html{height:100%;overflow:auto;} #sb-body img{border:none;} #sb-loading{position:relative;height:100%;} #sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;} #sb-loading-inner span{background:url(/application/assets/images/shadowbox/loading.gif) no-repeat;padding-left:34px;display:inline-block;} #sb-body,#sb-loading{background-color:#060606;} #sb-title,#sb-info{position:absolute;margin:0;padding:0;overflow:hidden;top: -15px;right: -10px;} #sb-title,#sb-title-inner{height:26px;line-height:26px;} #sb-title-inner{font-size:16px;} #sb-info,#sb-info-inner{height:30px;line-height:20px;} #sb-info-inner{font-size:12px;} #sb-nav{height:28px; padding:2px 0;width:175px;} /*width:45%; float:right;*/ #sb-nav a{display:block;float:right;height:28px; width:28px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;} #sb-nav-close{background-image:url('/application/assets/images/overlay.close.general.png'); } #sb-nav-next{background-image:url(/application/assets/images/shadowbox/next.png); width:25px; height:26px;} #sb-nav-previous{background-image:url(/application/assets/images/shadowbox/previous.png);} #sb-nav-play{background-image:url(/application/assets/images/shadowbox/play.png);} #sb-nav-pause{background-image:url(/application/assets/images/shadowbox/pause.png);} #sb-counter{float:left;} /* width:45%;*/ #sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;} #sb-counter a.sb-counter-current{text-decoration:underline;} div.sb-message{font-size:12px;padding:10px;text-align:center;} div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;} .green #sb-nav-close{background-image:url('/application/assets/images/overlay.close.green.png') } .yellow #sb-nav-close{background-image:url('/application/assets/images/overlay.close.yellow.png') } .green #sb-nav-close{background-image:url('/application/assets/images/overlay.close.green.png') } .red #sb-nav-close{background-image:url('/application/assets/images/overlay.close.red.png')} /* ============================================================================= Custom input styles ========================================================================== */ /* wrapper divs */ .accesible-checkbox, .accesible-radio { position: relative; display:block; } /* input, label positioning */ .accesible-checkbox input, .accesible-radio input { position: absolute; left: -20000px; top: 3px; margin: 0; z-index: 0; } .accesible-checkbox label, .accesible-radio label { display: block; position: relative; z-index: 1; padding: 5px 0 5px 30px; margin: 0 0 3px; cursor: pointer;} /* states */ .accesible-checkbox label { background: url(/application/assets/images/accesible.checkbox.png) no-repeat; } .accesible-radio label { background: url(/application/assets/images/accesible.radiobutton.png) no-repeat; } .accesible-checkbox label { background-position: -10px -16px; } .accesible-checkbox label.hover, .accesible-checkbox label.focus { background-position: -10px -116px; } .accesible-checkbox label.checked{ background-position: -10px -216px; } .accesible-checkbox label.checkedHover { background-position: -10px -318px; } .accesible-radio label { background-position: -10px -14px; } .accesible-radio label.hover, .accesible-radio label.focus { background-position: -10px -114px; } .accesible-radio label.checked { background-position: -10px -214px; } .accesible-checkbox label.focus, .accesible-radio label.focus { outline: 1px dotted #ccc; } /* ============================================================================= Other usefull styles ========================================================================== */ .left { float:left; } .right { float:right; } .clear { clear:both; } .hide { display:none !important; } .invisible{ visibility: hidden } .chzn-container { font-size: 13px; position: relative;display: inline-block;zoom: 1;*display: inline; z-index:10;} .chzn-container .chzn-drop {background: #fff;border: 1px solid #aaa;border-top: 0;position: absolute;top: 29px;left: 0;-webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15); -moz-box-shadow : 0 4px 5px rgba(0,0,0,.15);-o-box-shadow : 0 4px 5px rgba(0,0,0,.15);box-shadow : 0 4px 5px rgba(0,0,0,.15);z-index: 999;} .chzn-container-single .chzn-single {background-color: #fff;-webkit-border-radius: 4px;-moz-border-radius : 4px;border-radius: 4px;-moz-background-clip : padding;-webkit-background-clip: padding-box;background-clip : padding-box;border: 1px solid #aaa;display: block;overflow: hidden;white-space: nowrap;position: relative;height: 26px;line-height: 26px;padding: 0 0 0 8px;color: #444;text-decoration: none;} .chzn-container-single .chzn-single span {margin-right: 26px;display: block;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;text-overflow: ellipsis;} .chzn-container-single .chzn-single abbr {display: block;position: absolute;right: 26px;top: 8px;width: 12px;height: 13px;font-size: 1px;background: url(chosen-sprite.png) right top no-repeat;} .chzn-container-single .chzn-single abbr:hover {background-position: right -11px;} .chzn-container-single .chzn-single div { position: absolute;right: 0;top: 0;display: block; height: 100%;width: 32px;border-left:1px solid #e0e0e0 } .chzn-container-single .chzn-single div b {background: url('/application/assets/images/chosen.sprite.png') no-repeat 0 1px;display: block;width: 100%;height: 100%;} .chzn-container-single .chzn-search {padding: 3px 4px;position: relative;margin: 0;white-space: nowrap;z-index: 11;} .chzn-container-single .chzn-search input { background: #fff url('/application/assets/images/chosen.sprite.png') no-repeat 100% -22px; background: url('/application/assets/images/chosen.sprite.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee)); background: url('/application/assets/images/chosen.sprite.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%); background: url('/application/assets/images/chosen.sprite.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%); background: url('/application/assets/images/chosen.sprite.png') no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%); background: url('/application/assets/images/chosen.sprite.png') no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%,#eeeeee 99%); background: url('/application/assets/images/chosen.sprite.png') no-repeat 100% -22px, linear-gradient(top, #ffffff 85%,#eeeeee 99%); margin: 1px 0;padding: 4px 20px 4px 5px;outline: 0;border: 1px solid #aaa;font-family: sans-serif;font-size: 1em; } .chzn-container-single .chzn-drop {-webkit-border-radius: 0 0 4px 4px;-moz-border-radius: 0 0 4px 4px;border-radius: 0 0 4px 4px;-moz-background-clip: padding;-webkit-background-clip: padding-box; background-clip: padding-box;} .chzn-container-single-nosearch .chzn-search input {position: absolute;left: -9000px;} .chzn-container-multi .chzn-choices {background-color: #fff;border: 1px solid #aaa;margin: 0;padding: 0;cursor: text;overflow: hidden;height: auto !important;height: 1%;position: relative;} .chzn-container-multi .chzn-choices li {float: left;list-style: none;} .chzn-container-multi .chzn-choices .search-field {white-space: nowrap;margin: 0;padding: 0;} .chzn-container-multi .chzn-choices .search-field input {color: #666;background: transparent !important;border: 0 !important;padding: 5px;margin: 1px 0;outline: 0;-webkit-box-shadow: none;-moz-box-shadow : none;-o-box-shadow : none;box-shadow : none;} .chzn-container-multi .chzn-choices .search-field .default {color: #999;} .chzn-container-multi .chzn-choices .search-choice {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box;background-color: #e4e4e4;color: #333;border: 1px solid #b4b4b4;line-height: 13px;padding: 3px 19px 3px 6px;margin: 3px 0 3px 5px;position: relative;} .chzn-container-multi .chzn-choices .search-choice span {cursor: default;} .chzn-container-multi .chzn-choices .search-choice-focus {background: #d4d4d4;} .chzn-container-multi .chzn-choices .search-choice .search-choice-close {display: block;position: absolute;right: 3px;top: 4px;width: 12px;height: 13px;font-size: 1px;background: url(chosen-sprite.png) right top no-repeat;} .chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover {background-position: right -11px;} .chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close {background-position: right -11px;} .chzn-container .chzn-results {margin: 0 -5px 0px -5px;max-height: 190px;padding: 0 0 4px 0px;position: relative;overflow-x: hidden;overflow-y: auto;} .chzn-container-multi .chzn-results {margin: -1px 0 0;padding: 0;} .chzn-container .chzn-results li {display: none;line-height: 16px; font-size:13px;padding: 7px 7px 8px;margin: 0;list-style: none;} .chzn-container .chzn-results .active-result {cursor: pointer;display: list-item;} .chzn-container .chzn-results .highlighted {background: #00accb;color: #fff;} .chzn-container .chzn-results li em {background: #feffde;font-style: normal;} .chzn-container .chzn-results .highlighted em {background: transparent;} .chzn-container .chzn-results .no-results {background: #f4f4f4;display: list-item;} .chzn-container .chzn-results .group-result {cursor: default;color: #999;font-weight: bold;} .chzn-container .chzn-results .group-option {padding-left: 20px;} .chzn-container-multi .chzn-drop .result-selected {display: none;} .chzn-container-active .chzn-single {border: 1px solid #5897fb; } .chzn-container-active .chzn-single-with-drop {border: 1px solid #aaa;-webkit-box-shadow: 0 1px 0 #fff inset;-moz-box-shadow : 0 1px 0 #fff inset;-o-box-shadow : 0 1px 0 #fff inset;box-shadow : 0 1px 0 #fff inset;background-color: #eee;background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(0.5, #eeeeee));background-image: -webkit-linear-gradient(center bottom, white 0%, #eeeeee 50%);background-image: -moz-linear-gradient(center bottom, white 0%, #eeeeee 50%);background-image: -o-linear-gradient(bottom, white 0%, #eeeeee 50%);background-image: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 50%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );background-image: linear-gradient(top, #ffffff 0%,#eeeeee 50%);-webkit-border-bottom-left-radius : 0;-webkit-border-bottom-right-radius: 0;-moz-border-radius-bottomleft : 0;-moz-border-radius-bottomright: 0;border-bottom-left-radius : 0;border-bottom-right-radius: 0;} .chzn-container-active .chzn-single-with-drop div {background: transparent;border-left: none;} .chzn-container-active .chzn-single-with-drop div b {background-position: -18px 1px;} .chzn-container-active .chzn-choices {-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);-moz-box-shadow: 0 0 5px rgba(0,0,0,.3);-o-box-shadow: 0 0 5px rgba(0,0,0,.3);box-shadow : 0 0 5px rgba(0,0,0,.3);border: 1px solid #5897fb;} .chzn-container-active .chzn-choices .search-field input {color: #111 !important;} .chzn-container-active .chzn-single div { border-left:1px solid #e0e0e0 } .chzn-disabled {cursor: default;opacity:0.5 !important;} .chzn-disabled .chzn-single {cursor: default;} .chzn-disabled .chzn-choices .search-choice .search-choice-close {cursor: default;} .chzn-rtl { direction:rtl;text-align: right; } .chzn-rtl .chzn-single { padding-left: 0; padding-right: 8px; } .chzn-rtl .chzn-single span { margin-left: 26px; margin-right: 0; } .chzn-rtl .chzn-single div { left: 0; right: auto; border-left: none; border-right: 1px solid #aaaaaa;-webkit-border-radius: 4px 0 0 4px;-moz-border-radius : 4px 0 0 4px;border-radius : 4px 0 0 4px; } .chzn-rtl .chzn-single abbr {left: 26px;right: auto;} .chzn-rtl .chzn-choices li { float: right; } .chzn-rtl .chzn-choices .search-choice { padding: 3px 6px 3px 19px; margin: 3px 5px 3px 0; } .chzn-rtl .chzn-choices .search-choice .search-choice-close { left: 5px; right: auto; background-position: right top;} .chzn-rtl.chzn-container-single .chzn-results { margin-left: 4px; margin-right: 0; padding-left: 0; padding-right: 4px; } .chzn-rtl .chzn-results .group-option { padding-left: 0; padding-right: 20px; } .chzn-rtl.chzn-container-active .chzn-single-with-drop div { border-right: none; } .chzn-rtl .chzn-search input {background: url('chosen-sprite.png') no-repeat -38px -22px, #ffffff;background: url('/application/assets/images/chosen.sprite.png') no-repeat -38px -22px;background: url('/application/assets/images/chosen.sprite.png') no-repeat -38px -22px; background: url('chosen-sprite.png') no-repeat -38px -22px;background: url('/application/assets/images/chosen.sprite.png') no-repeat -38px -22px;background: url('/application/assets/images/chosen.sprite.png') no-repeat -38px -22px;background: url('/application/assets/images/chosen.sprite.png') no-repeat -38px -22px;padding: 4px 5px 4px 20px;} .chzn-container .chzn-single{ border:3px solid #ededed; margin:0; padding: 4px 10px; font-size:14px; color:#8b8b8b;/* -moz-box-shadow: inset 0 0 1px #4e4d4d; -webkit-box-shadow: inset 0 0 1px #4e4d4d; box-shadow: inset 0 0 1px #4e4d4d;*/border-radius: 7px; } .chzn-container .chzn-single-with-drop { border-radius: 7px 7px 0 0; border-bottom-width:2px; padding-bottom:5px; -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow:0px 3px 3px rgba(0, 0, 0, 0.5); box-shadow:0px 3px 3px rgba(0, 0, 0, 0.5) } .chzn-container-single .chzn-single div b {background: url('/application/assets/images/arrow.blue.bottom.png') no-repeat center center;display: block;width: 100%;height: 100%;} .chzn-container-single .chzn-single-with-drop div b{ background: url('/application/assets/images/arrow.blue.top.png') no-repeat center center; } .chzn-container-single .chzn-single-with-drop {background:#fff;} .chzn-container .chzn-drop{ border:3px solid #ededed; border-top:none; margin:0; padding: 4px 10px; font-size:14px; color:#8b8b8b; -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.5); border-radius: 0 0 7px 7px; box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.5) } /*.chzn-container .chzn-title{border:none; position:relative; height:32px; padding-left:10px; margin:0 -10px 5px -10px; line-height:35px; border-bottom:1px solid #ededed } .chzn-container .chzn-title div { position: absolute;right: 0;top: 0;display: block; height: 100%;width: 32px;border-left:1px solid #e0e0e0 } .chzn-container .chzn-title div b {background: url('/application/assets/images/arrow.blue.top.png') no-repeat center center;display: block;width: 100%;height: 100%;}*/ /*.chzn-container .chzn-drop {top:0px !important; }*/ .chzn-container .chzn-search {display:none;} .chzn-container{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .chzn-container .chzn-results li{padding:5px 5px 5px} /*.chzn-container .chzn-results li:first-child{border:none;}*/ #reactionMessage_tbl{background:#fff;} /* style fotoboek */ .overview .column2 .fotoBoek { padding:15px 10px 30px 10px; } .main .fotoBoek .border.left { margin: 9px; } .overview .column1 .blockInvert span.title{ padding:0; } .overview .column1BottomAdjust { padding-bottom:0; } a.title { font-size: 14px; text-transform: uppercase; font-weight: bold; padding-bottom: 30px; } .overview .column1BottomAdjust .block a.title { padding-bottom: 18px; } .overview .column1BottomAdjust .block:first-child { border: none; overflow: hidden;margin-bottom: 0; } .blockInvert ul { list-style:none; margin-top:20px; margin-bottom:20px; padding:0; } .overview .column1 .blockInvert { background: url('/application/assets/images/arrowDown.png') no-repeat 280px 28px; } span.required {color: #a61f26 !important;} .moreInfo {color: #8b8b8b; margin-left: 16px;} .valign-top { vertical-align: top !important; } input#recaptcha_response_field { border-radius: 0px !important; border-color: #8b8b8b !important; } table#recaptcha_table { width: auto !important;}