html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline
}
:focus {
outline: 0
}
body {
line-height: 1;
color: black;
background: white
}
ol, ul {
list-style: none
}
table {
border-collapse: separate;
border-spacing: 0
}
caption, th, td {
text-align: left;
font-weight: normal
}
blockquote:before, blockquote:after, q:before, q:after {
content: ""
}
blockquote, q {
quotes: "" ""
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
cursor: pointer;
overflow: hidden;
z-index: 10104;
display: none
}
#fancybox-loading
div {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 480px;
background-image: url('../webroot/js/fancybox/fancybox.png')
}
#fancybox-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 10100;
display: none
}
#fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
overflow: auto;
display: none
}
#fancybox-wrap {
position: absolute;
top: 0;
left: 0;
padding: 20px;
z-index: 10101;
outline: none;
display: none
}
#fancybox-outer {
position: relative;
width: 100%;
height: 100%;
background: #fff
}
#fancybox-content {
width: 0;
height: 0;
padding: 0;
outline: none;
position: relative;
overflow: hidden;
z-index: 10102;
border: 0px solid #fff
}
#fancybox-hide-sel-frame {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
z-index: 10101
}
#fancybox-close {
position: absolute;
top: -15px;
right: -15px;
width: 30px;
height: 30px;
background: transparent url('../webroot/js/fancybox/fancybox.png') -40px 0px;
cursor: pointer;
z-index: 10103;
display: none
}
#fancybox-error {
color: #444;
font: normal 12px/20px Arial;
padding: 14px;
margin: 0
}
#fancybox-img {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
border: none;
outline: none;
line-height: 0;
vertical-align: top
}
#fancybox-frame {
width: 100%;
height: 100%;
border: none;
display: block
}
#fancybox-left, #fancybox-right {
position: absolute;
bottom: 0px;
height: 100%;
width: 35%;
cursor: pointer;
outline: none;
background: transparent url('../webroot/js/fancybox/blank.gif');
z-index: 10102;
display: none
}
#fancybox-left {
left: 0px
}
#fancybox-right {
right: 0px
}
#fancybox-left-ico, #fancybox-right-ico {
position: absolute;
top: 50%;
left: -9999px;
width: 30px;
height: 30px;
margin-top: -15px;
cursor: pointer;
z-index: 10102;
display: block
}
#fancybox-left-ico {
background-image: url('../webroot/js/fancybox/fancybox.png');
background-position: -40px -30px
}
#fancybox-right-ico {
background-image: url('../webroot/js/fancybox/fancybox.png');
background-position: -40px -60px
}
#fancybox-left:hover, #fancybox-right:hover {
visibility: visible
}
#fancybox-left:hover
span {
left: 20px
}
#fancybox-right:hover
span {
left: auto;
right: 20px
}
.fancybox-bg {
position: absolute;
padding: 0;
margin: 0;
border: 0;
width: 20px;
height: 20px;
z-index: 10001
}
#fancybox-bg-n {
top: -20px;
left: 0;
width: 100%;
background-image: url('../webroot/js/fancybox/fancybox-x.png')
}
#fancybox-bg-ne {
top: -20px;
right: -20px;
background-image: url('../webroot/js/fancybox/fancybox.png');
background-position: -40px -162px
}
#fancybox-bg-e {
top: 0;
right: -20px;
height: 100%;
background-image: url('../webroot/js/fancybox/fancybox-y.png');
background-position: -20px 0px
}
#fancybox-bg-se {
bottom: -20px;
right: -20px;
background-image: url('../webroot/js/fancybox/fancybox.png');
background-position: -40px -182px
}
#fancybox-bg-s {
bottom: -20px;
left: 0;
width: 100%;
background-image: url('../webroot/js/fancybox/fancybox-x.png');
background-position: 0px -20px
}
#fancybox-bg-sw {
bottom: -20px;
left: -20px;
background-image: url('../webroot/js/fancybox/fancybox.png');
background-position: -40px -142px
}
#fancybox-bg-w {
top: 0;
left: -20px;
height: 100%;
background-image: url('../webroot/js/fancybox/fancybox-y.png')
}
#fancybox-bg-nw {
top: -20px;
left: -20px;
background-image: url('../webroot/js/fancybox/fancybox.png');
background-position: -40px -122px
}
#fancybox-title {
font-family: Helvetica;
font-size: 12px;
z-index: 10102
}
.fancybox-title-inside {
padding-bottom: 10px;
text-align: center;
color: #333;
background: #fff;
position: relative
}
.fancybox-title-outside {
padding-top: 10px;
color: #fff
}
.fancybox-title-over {
position: absolute;
bottom: 0;
left: 0;
color: #FFF;
text-align: left
}
#fancybox-title-over {
padding: 10px;
background-image: url('../webroot/js/fancybox/fancy_title_over.png');
display: block
}
.fancybox-title-float {
position: absolute;
left: 0;
bottom: -20px;
height: 32px
}
#fancybox-title-float-wrap {
border: none;
border-collapse: collapse;
width: auto
}
#fancybox-title-float-wrap
td {
border: none;
white-space: nowrap
}
#fancybox-title-float-left {
padding: 0 0 0 15px;
background: url('../webroot/js/fancybox/fancybox.png') -40px -90px no-repeat
}
#fancybox-title-float-main {
color: #FFF;
line-height: 29px;
font-weight: bold;
padding: 0 0 3px 0;
background: url('../webroot/js/fancybox/fancybox-x.png') 0px -40px
}
#fancybox-title-float-right {
padding: 0 0 0 15px;
background: url('../webroot/js/fancybox/fancybox.png') -55px -90px no-repeat
}
.fancybox-ie6 #fancybox-close {
background: transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale')
}
.fancybox-ie6 #fancybox-left-ico {
background: transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale')
}
.fancybox-ie6 #fancybox-right-ico {
background: transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale')
}
.fancybox-ie6 #fancybox-title-over {
background: transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale');
zoom: 1
}
.fancybox-ie6 #fancybox-title-float-left {
background: transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale')
}
.fancybox-ie6 #fancybox-title-float-main {
background: transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale')
}
.fancybox-ie6 #fancybox-title-float-right {
background: transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale')
}
.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
height: expression(this.parentNode.clientHeight+"px")
}
#fancybox-loading.fancybox-ie6 {
position: absolute;
margin-top: 0;
top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px')
}
#fancybox-loading.fancybox-ie6
div {
background: transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale')
}
.fancybox-ie .fancybox-bg {
background: transparent !important
}
.fancybox-ie #fancybox-bg-n {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale')
}
.fancybox-ie #fancybox-bg-ne {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale')
}
.fancybox-ie #fancybox-bg-e {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale')
}
.fancybox-ie #fancybox-bg-se {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale')
}
.fancybox-ie #fancybox-bg-s {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale')
}
.fancybox-ie #fancybox-bg-sw {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale')
}
.fancybox-ie #fancybox-bg-w {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale')
}
.fancybox-ie #fancybox-bg-nw {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale')
}
.ui-helper-hidden {
display: none
}
.ui-helper-hidden-accessible {
position: absolute !important;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px)
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none
}
.ui-helper-clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden
}
.ui-helper-clearfix {
display: inline-block
}
/*\*/
* html .ui-helper-clearfix {
height: 1%
}
.ui-helper-clearfix {
display: block
}
/**/
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: Alpha(Opacity=0)
}
.ui-state-disabled {
cursor: default !important
}
.ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat
}
.ui-widget-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.ui-widget {
font-family: TrebuchetMS, Tahoma, Verdana, Arial, sans-serif;
font-size: 1.1em
}
.ui-widget .ui-widget {
font-size: 1em
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget
button {
font-family: TrebuchetMS, Tahoma, Verdana, Arial, sans-serif;
font-size: 1em
}
.ui-widget-content {
border: 1px solid #ddd;
background: #eee url("../webroot/css/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x;
color: #333
}
.ui-widget-content
a {
color: #333
}
.ui-widget-header {
border: 1px solid #e78f08;
background: #f6a828 url("../webroot/css/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;
color: #fff;
font-weight: bold
}
.ui-widget-header
a {
color: #fff
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
border: 1px solid #ccc;
background: #f6f6f6 url("../webroot/css/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;
font-weight: bold;
color: #1c94c4
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
color: #1c94c4;
text-decoration: none
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
border: 1px solid #fbcb09;
background: #fdf5ce url("../webroot/css/ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x;
font-weight: bold;
color: #c77405
}
.ui-state-hover a, .ui-state-hover a:hover {
color: #c77405;
text-decoration: none
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
border: 1px solid #fbd850;
background: #fff url("../webroot/css/ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
font-weight: bold;
color: #eb8f00
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
color: #eb8f00;
text-decoration: none
}
.ui-widget :active {
outline: none
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
border: 1px solid #fed22f;
background: #ffe45c url("../webroot/css/ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x;
color: #363636
}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight
a {
color: #363636
}
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
border: 1px solid #cd0a0a;
background: #b81900 url("../webroot/css/ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat;
color: #fff
}
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error
a {
color: #fff
}
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
color: #fff
}
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
font-weight: bold
}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
opacity: .7;
filter: Alpha(Opacity=70);
font-weight: normal
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
opacity: .35;
filter: Alpha(Opacity=35);
background-image: none
}
.ui-icon {
width: 16px;
height: 16px;
background-image: url("../webroot/css/ui-lightness/images/ui-icons_222222_256x240.png")
}
.ui-widget-content .ui-icon {
background-image: url("../webroot/css/ui-lightness/images/ui-icons_222222_256x240.png")
}
.ui-widget-header .ui-icon {
background-image: url("../webroot/css/ui-lightness/images/ui-icons_ffffff_256x240.png")
}
.ui-state-default .ui-icon {
background-image: url("../webroot/css/ui-lightness/images/ui-icons_ef8c08_256x240.png")
}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
background-image: url("../webroot/css/ui-lightness/images/ui-icons_ef8c08_256x240.png")
}
.ui-state-active .ui-icon {
background-image: url("../webroot/css/ui-lightness/images/ui-icons_ef8c08_256x240.png")
}
.ui-state-highlight .ui-icon {
background-image: url("../webroot/css/ui-lightness/images/ui-icons_228ef1_256x240.png")
}
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
background-image: url("../webroot/css/ui-lightness/images/ui-icons_ffd27a_256x240.png")
}
.ui-icon-carat-1-n {
background-position: 0 0
}
.ui-icon-carat-1-ne {
background-position: -16px 0
}
.ui-icon-carat-1-e {
background-position: -32px 0
}
.ui-icon-carat-1-se {
background-position: -48px 0
}
.ui-icon-carat-1-s {
background-position: -64px 0
}
.ui-icon-carat-1-sw {
background-position: -80px 0
}
.ui-icon-carat-1-w {
background-position: -96px 0
}
.ui-icon-carat-1-nw {
background-position: -112px 0
}
.ui-icon-carat-2-n-s {
background-position: -128px 0
}
.ui-icon-carat-2-e-w {
background-position: -144px 0
}
.ui-icon-triangle-1-n {
background-position: 0 -16px
}
.ui-icon-triangle-1-ne {
background-position: -16px -16px
}
.ui-icon-triangle-1-e {
background-position: -32px -16px
}
.ui-icon-triangle-1-se {
background-position: -48px -16px
}
.ui-icon-triangle-1-s {
background-position: -64px -16px
}
.ui-icon-triangle-1-sw {
background-position: -80px -16px
}
.ui-icon-triangle-1-w {
background-position: -96px -16px
}
.ui-icon-triangle-1-nw {
background-position: -112px -16px
}
.ui-icon-triangle-2-n-s {
background-position: -128px -16px
}
.ui-icon-triangle-2-e-w {
background-position: -144px -16px
}
.ui-icon-arrow-1-n {
background-position: 0 -32px
}
.ui-icon-arrow-1-ne {
background-position: -16px -32px
}
.ui-icon-arrow-1-e {
background-position: -32px -32px
}
.ui-icon-arrow-1-se {
background-position: -48px -32px
}
.ui-icon-arrow-1-s {
background-position: -64px -32px
}
.ui-icon-arrow-1-sw {
background-position: -80px -32px
}
.ui-icon-arrow-1-w {
background-position: -96px -32px
}
.ui-icon-arrow-1-nw {
background-position: -112px -32px
}
.ui-icon-arrow-2-n-s {
background-position: -128px -32px
}
.ui-icon-arrow-2-ne-sw {
background-position: -144px -32px
}
.ui-icon-arrow-2-e-w {
background-position: -160px -32px
}
.ui-icon-arrow-2-se-nw {
background-position: -176px -32px
}
.ui-icon-arrowstop-1-n {
background-position: -192px -32px
}
.ui-icon-arrowstop-1-e {
background-position: -208px -32px
}
.ui-icon-arrowstop-1-s {
background-position: -224px -32px
}
.ui-icon-arrowstop-1-w {
background-position: -240px -32px
}
.ui-icon-arrowthick-1-n {
background-position: 0 -48px
}
.ui-icon-arrowthick-1-ne {
background-position: -16px -48px
}
.ui-icon-arrowthick-1-e {
background-position: -32px -48px
}
.ui-icon-arrowthick-1-se {
background-position: -48px -48px
}
.ui-icon-arrowthick-1-s {
background-position: -64px -48px
}
.ui-icon-arrowthick-1-sw {
background-position: -80px -48px
}
.ui-icon-arrowthick-1-w {
background-position: -96px -48px
}
.ui-icon-arrowthick-1-nw {
background-position: -112px -48px
}
.ui-icon-arrowthick-2-n-s {
background-position: -128px -48px
}
.ui-icon-arrowthick-2-ne-sw {
background-position: -144px -48px
}
.ui-icon-arrowthick-2-e-w {
background-position: -160px -48px
}
.ui-icon-arrowthick-2-se-nw {
background-position: -176px -48px
}
.ui-icon-arrowthickstop-1-n {
background-position: -192px -48px
}
.ui-icon-arrowthickstop-1-e {
background-position: -208px -48px
}
.ui-icon-arrowthickstop-1-s {
background-position: -224px -48px
}
.ui-icon-arrowthickstop-1-w {
background-position: -240px -48px
}
.ui-icon-arrowreturnthick-1-w {
background-position: 0 -64px
}
.ui-icon-arrowreturnthick-1-n {
background-position: -16px -64px
}
.ui-icon-arrowreturnthick-1-e {
background-position: -32px -64px
}
.ui-icon-arrowreturnthick-1-s {
background-position: -48px -64px
}
.ui-icon-arrowreturn-1-w {
background-position: -64px -64px
}
.ui-icon-arrowreturn-1-n {
background-position: -80px -64px
}
.ui-icon-arrowreturn-1-e {
background-position: -96px -64px
}
.ui-icon-arrowreturn-1-s {
background-position: -112px -64px
}
.ui-icon-arrowrefresh-1-w {
background-position: -128px -64px
}
.ui-icon-arrowrefresh-1-n {
background-position: -144px -64px
}
.ui-icon-arrowrefresh-1-e {
background-position: -160px -64px
}
.ui-icon-arrowrefresh-1-s {
background-position: -176px -64px
}
.ui-icon-arrow-4 {
background-position: 0 -80px
}
.ui-icon-arrow-4-diag {
background-position: -16px -80px
}
.ui-icon-extlink {
background-position: -32px -80px
}
.ui-icon-newwin {
background-position: -48px -80px
}
.ui-icon-refresh {
background-position: -64px -80px
}
.ui-icon-shuffle {
background-position: -80px -80px
}
.ui-icon-transfer-e-w {
background-position: -96px -80px
}
.ui-icon-transferthick-e-w {
background-position: -112px -80px
}
.ui-icon-folder-collapsed {
background-position: 0 -96px
}
.ui-icon-folder-open {
background-position: -16px -96px
}
.ui-icon-document {
background-position: -32px -96px
}
.ui-icon-document-b {
background-position: -48px -96px
}
.ui-icon-note {
background-position: -64px -96px
}
.ui-icon-mail-closed {
background-position: -80px -96px
}
.ui-icon-mail-open {
background-position: -96px -96px
}
.ui-icon-suitcase {
background-position: -112px -96px
}
.ui-icon-comment {
background-position: -128px -96px
}
.ui-icon-person {
background-position: -144px -96px
}
.ui-icon-print {
background-position: -160px -96px
}
.ui-icon-trash {
background-position: -176px -96px
}
.ui-icon-locked {
background-position: -192px -96px
}
.ui-icon-unlocked {
background-position: -208px -96px
}
.ui-icon-bookmark {
background-position: -224px -96px
}
.ui-icon-tag {
background-position: -240px -96px
}
.ui-icon-home {
background-position: 0 -112px
}
.ui-icon-flag {
background-position: -16px -112px
}
.ui-icon-calendar {
background-position: -32px -112px
}
.ui-icon-cart {
background-position: -48px -112px
}
.ui-icon-pencil {
background-position: -64px -112px
}
.ui-icon-clock {
background-position: -80px -112px
}
.ui-icon-disk {
background-position: -96px -112px
}
.ui-icon-calculator {
background-position: -112px -112px
}
.ui-icon-zoomin {
background-position: -128px -112px
}
.ui-icon-zoomout {
background-position: -144px -112px
}
.ui-icon-search {
background-position: -160px -112px
}
.ui-icon-wrench {
background-position: -176px -112px
}
.ui-icon-gear {
background-position: -192px -112px
}
.ui-icon-heart {
background-position: -208px -112px
}
.ui-icon-star {
background-position: -224px -112px
}
.ui-icon-link {
background-position: -240px -112px
}
.ui-icon-cancel {
background-position: 0 -128px
}
.ui-icon-plus {
background-position: -16px -128px
}
.ui-icon-plusthick {
background-position: -32px -128px
}
.ui-icon-minus {
background-position: -48px -128px
}
.ui-icon-minusthick {
background-position: -64px -128px
}
.ui-icon-close {
background-position: -80px -128px
}
.ui-icon-closethick {
background-position: -96px -128px
}
.ui-icon-key {
background-position: -112px -128px
}
.ui-icon-lightbulb {
background-position: -128px -128px
}
.ui-icon-scissors {
background-position: -144px -128px
}
.ui-icon-clipboard {
background-position: -160px -128px
}
.ui-icon-copy {
background-position: -176px -128px
}
.ui-icon-contact {
background-position: -192px -128px
}
.ui-icon-image {
background-position: -208px -128px
}
.ui-icon-video {
background-position: -224px -128px
}
.ui-icon-script {
background-position: -240px -128px
}
.ui-icon-alert {
background-position: 0 -144px
}
.ui-icon-info {
background-position: -16px -144px
}
.ui-icon-notice {
background-position: -32px -144px
}
.ui-icon-help {
background-position: -48px -144px
}
.ui-icon-check {
background-position: -64px -144px
}
.ui-icon-bullet {
background-position: -80px -144px
}
.ui-icon-radio-off {
background-position: -96px -144px
}
.ui-icon-radio-on {
background-position: -112px -144px
}
.ui-icon-pin-w {
background-position: -128px -144px
}
.ui-icon-pin-s {
background-position: -144px -144px
}
.ui-icon-play {
background-position: 0 -160px
}
.ui-icon-pause {
background-position: -16px -160px
}
.ui-icon-seek-next {
background-position: -32px -160px
}
.ui-icon-seek-prev {
background-position: -48px -160px
}
.ui-icon-seek-end {
background-position: -64px -160px
}
.ui-icon-seek-start {
background-position: -80px -160px
}
.ui-icon-seek-first {
background-position: -80px -160px
}
.ui-icon-stop {
background-position: -96px -160px
}
.ui-icon-eject {
background-position: -112px -160px
}
.ui-icon-volume-off {
background-position: -128px -160px
}
.ui-icon-volume-on {
background-position: -144px -160px
}
.ui-icon-power {
background-position: 0 -176px
}
.ui-icon-signal-diag {
background-position: -16px -176px
}
.ui-icon-signal {
background-position: -32px -176px
}
.ui-icon-battery-0 {
background-position: -48px -176px
}
.ui-icon-battery-1 {
background-position: -64px -176px
}
.ui-icon-battery-2 {
background-position: -80px -176px
}
.ui-icon-battery-3 {
background-position: -96px -176px
}
.ui-icon-circle-plus {
background-position: 0 -192px
}
.ui-icon-circle-minus {
background-position: -16px -192px
}
.ui-icon-circle-close {
background-position: -32px -192px
}
.ui-icon-circle-triangle-e {
background-position: -48px -192px
}
.ui-icon-circle-triangle-s {
background-position: -64px -192px
}
.ui-icon-circle-triangle-w {
background-position: -80px -192px
}
.ui-icon-circle-triangle-n {
background-position: -96px -192px
}
.ui-icon-circle-arrow-e {
background-position: -112px -192px
}
.ui-icon-circle-arrow-s {
background-position: -128px -192px
}
.ui-icon-circle-arrow-w {
background-position: -144px -192px
}
.ui-icon-circle-arrow-n {
background-position: -160px -192px
}
.ui-icon-circle-zoomin {
background-position: -176px -192px
}
.ui-icon-circle-zoomout {
background-position: -192px -192px
}
.ui-icon-circle-check {
background-position: -208px -192px
}
.ui-icon-circlesmall-plus {
background-position: 0 -208px
}
.ui-icon-circlesmall-minus {
background-position: -16px -208px
}
.ui-icon-circlesmall-close {
background-position: -32px -208px
}
.ui-icon-squaresmall-plus {
background-position: -48px -208px
}
.ui-icon-squaresmall-minus {
background-position: -64px -208px
}
.ui-icon-squaresmall-close {
background-position: -80px -208px
}
.ui-icon-grip-dotted-vertical {
background-position: 0 -224px
}
.ui-icon-grip-dotted-horizontal {
background-position: -16px -224px
}
.ui-icon-grip-solid-vertical {
background-position: -32px -224px
}
.ui-icon-grip-solid-horizontal {
background-position: -48px -224px
}
.ui-icon-gripsmall-diagonal-se {
background-position: -64px -224px
}
.ui-icon-grip-diagonal-se {
background-position: -80px -224px
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
-khtml-border-top-left-radius: 4px;
border-top-left-radius: 4px
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
-khtml-border-top-right-radius: 4px;
border-top-right-radius: 4px
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
-khtml-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
-khtml-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px
}
.ui-widget-overlay {
background: #666 url("../webroot/css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat;
opacity: .50;
filter: Alpha(Opacity=50)
}
.ui-widget-shadow {
margin: -5px 0 0 -5px;
padding: 5px;
background: #000 url("../webroot/css/ui-lightness/images/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x;
opacity: .20;
filter: Alpha(Opacity=20);
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px
}
.ui-resizable {
position: relative
}
.ui-resizable-handle {
position: absolute;
font-size: 0.1px;
z-index: 99999;
display: block
}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
display: none
}
.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0
}
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0
}
.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%
}
.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%
}
.ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px
}
.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px
}
.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px
}
.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px
}
.ui-selectable-helper {
position: absolute;
z-index: 100;
border: 1px dotted black
}
.ui-accordion {
width: 100%
}
.ui-accordion .ui-accordion-header {
cursor: pointer;
position: relative;
margin-top: 1px;
zoom: 1
}
.ui-accordion .ui-accordion-li-fix {
display: inline
}
.ui-accordion .ui-accordion-header-active {
border-bottom: 0 !important
}
.ui-accordion .ui-accordion-header
a {
display: block;
font-size: 1em;
padding: .5em .5em .5em .7em
}
.ui-accordion-icons .ui-accordion-header
a {
padding-left: 2.2em
}
.ui-accordion .ui-accordion-header .ui-icon {
position: absolute;
left: .5em;
top: 50%;
margin-top: -8px
}
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
margin-top: -2px;
position: relative;
top: 1px;
margin-bottom: 2px;
overflow: auto;
display: none;
zoom: 1
}
.ui-accordion .ui-accordion-content-active {
display: block
}
.ui-autocomplete {
position: absolute;
cursor: default
}
* html .ui-autocomplete {
width: 1px
}
.ui-menu {
list-style: none;
padding: 2px;
margin: 0;
display: block;
float: left
}
.ui-menu .ui-menu {
margin-top: -3px
}
.ui-menu .ui-menu-item {
margin: 0;
padding: 0;
zoom: 1;
float: left;
clear: left;
width: 100%
}
.ui-menu .ui-menu-item
a {
text-decoration: none;
display: block;
padding: .2em .4em;
line-height: 1.5;
zoom: 1
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
font-weight: normal;
margin: -1px
}
.ui-button {
display: inline-block;
position: relative;
padding: 0;
margin-right: .1em;
text-decoration: none !important;
cursor: pointer;
text-align: center;
zoom: 1;
overflow: visible
}
.ui-button-icon-only {
width: 2.2em
}
button.ui-button-icon-only {
width: 2.4em
}
.ui-button-icons-only {
width: 3.4em
}
button.ui-button-icons-only {
width: 3.7em
}
.ui-button .ui-button-text {
display: block;
line-height: 1.4
}
.ui-button-text-only .ui-button-text {
padding: .4em 1em
}
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
padding: .4em;
text-indent: -9999999px
}
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
padding: .4em 1em .4em 2.1em
}
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
padding: .4em 2.1em .4em 1em
}
.ui-button-text-icons .ui-button-text {
padding-left: 2.1em;
padding-right: 2.1em
}
input.ui-button {
padding: .4em 1em
}
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
position: absolute;
top: 50%;
margin-top: -8px
}
.ui-button-icon-only .ui-icon {
left: 50%;
margin-left: -8px
}
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
left: .5em
}
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
right: .5em
}
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
right: .5em
}
.ui-buttonset {
margin-right: 7px
}
.ui-buttonset .ui-button {
margin-left: 0;
margin-right: -.3em
}
button.ui-button::-moz-focus-inner {
border: 0;
padding: 0
}
.ui-dialog {
position: absolute;
padding: .2em;
width: 300px;
overflow: hidden
}
.ui-dialog .ui-dialog-titlebar {
padding: .4em 1em;
position: relative
}
.ui-dialog .ui-dialog-title {
float: left;
margin: .1em 16px .1em 0
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 19px;
margin: -10px 0 0 0;
padding: 1px;
height: 18px
}
.ui-dialog .ui-dialog-titlebar-close
span {
display: block;
margin: 1px
}
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
padding: 0
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: .5em 1em;
background: none;
overflow: auto;
zoom: 1
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin: .5em 0 0 0;
padding: .3em 1em .5em .4em
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right
}
.ui-dialog .ui-dialog-buttonpane
button {
margin: .5em .4em .5em 0;
cursor: pointer
}
.ui-dialog .ui-resizable-se {
width: 14px;
height: 14px;
right: 3px;
bottom: 3px
}
.ui-draggable .ui-dialog-titlebar {
cursor: move
}
.ui-slider {
position: relative;
text-align: left
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0
}
.ui-slider-horizontal {
height: .8em
}
.ui-slider-horizontal .ui-slider-handle {
top: -.3em;
margin-left: -.6em
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0
}
.ui-slider-vertical {
width: .8em;
height: 100px
}
.ui-slider-vertical .ui-slider-handle {
left: -.3em;
margin-left: 0;
margin-bottom: -.6em
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0
}
.ui-slider-vertical .ui-slider-range-max {
top: 0
}
.ui-tabs {
position: relative;
padding: .2em;
zoom: 1
}
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: .2em .2em 0
}
.ui-tabs .ui-tabs-nav
li {
list-style: none;
float: left;
position: relative;
top: 1px;
margin: 0 .2em 1px 0;
border-bottom: 0 !important;
padding: 0;
white-space: nowrap
}
.ui-tabs .ui-tabs-nav li
a {
float: left;
padding: .5em 1em;
text-decoration: none
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
margin-bottom: 0;
padding-bottom: 1px
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing
a {
cursor: text
}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected
a {
cursor: pointer
}
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 1em 1.4em;
background: none
}
.ui-tabs .ui-tabs-hide {
display: none !important
}
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em
}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
top: 1px
}
.ui-datepicker .ui-datepicker-prev {
left: 2px
}
.ui-datepicker .ui-datepicker-next {
right: 2px
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next
span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center
}
.ui-datepicker .ui-datepicker-title
select {
font-size: 1em;
margin: 1px 0
}
.ui-datepicker select.ui-datepicker-month-year {
width: 100%
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 49%
}
.ui-datepicker
table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em
}
.ui-datepicker
th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0
}
.ui-datepicker
td {
border: 0;
padding: 1px
}
.ui-datepicker td span, .ui-datepicker td
a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0
}
.ui-datepicker .ui-datepicker-buttonpane
button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left
}
.ui-datepicker.ui-datepicker-multi {
width: auto
}
.ui-datepicker-multi .ui-datepicker-group {
float: left
}
.ui-datepicker-multi .ui-datepicker-group
table {
width: 95%;
margin: 0 auto .4em
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
border-left-width: 0
}
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0em
}
.ui-datepicker-rtl {
direction: rtl
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right
}
.ui-datepicker-rtl .ui-datepicker-buttonpane
button {
float: left
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
float: right
}
.ui-datepicker-rtl .ui-datepicker-group {
float: right
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px
}
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px
}
.ui-datepicker-cover {
display: none;
display /**/: block;
position: absolute;
z-index: -1;
filter: mask();
top: -4px;
left: -4px;
width: 200px;
height: 200px
}
.ui-progressbar {
height: 2em;
text-align: left
}
.ui-progressbar .ui-progressbar-value {
margin: -1px;
height: 100%
}
* {
padding: 0;
margin: 0;
outline: none
}
body, html {
width: 100%;
height: 100%;
font-family: 'Ubuntu Condensed', sans-serif;
font-size: 15px;
line-height: 20px;
color: #333;
background: url('../webroot/images/layout/background.gif') repeat center left
}
strong, b {
font-weight: bold
}
p {
margin-bottom: 14px
}
p:last-child {
}
img {
display: block;
padding: 0;
margin: 0;
outline: none;
border: 0
}
p img[align="left"] {
display: block;
margin: 5px 20px 10px 0
}
p img[align="right"] {
display: block;
margin: 5px 0 10px 20px
}
img a:hover {
cursor: pointer
}
object, embed {
clear: both;
display: block;
margin: 0 0 14px;
padding: 0
}
ul, ol {
display: block;
margin: 0 0 14px;
padding: 0
}
ul li, ol
li {
margin: 0 0 0 21px
}
ul {
list-style: disc
}
ol {
list-style: decimal
}
a {
padding: 0;
margin: 0;
outline: none;
border: 0;
color: #f26c3b;
text-decoration: none;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out
}
a:hover, a:focus, a:active {
cursor: pointer;
color: #ab2d00;
text-decoration: none
}
.fancybox {
display: block;
overflow: hidden;
position: relative
}
.enlarge {
display: none;
position: absolute;
width: 16px;
height: 16px;
bottom: 4px;
right: 4px;
background-image: url('../webroot/images/search/search_icon.png');
background-repeat: no-repeat;
background-position: center
}
h1, h2, h3, h4, h5, h6 {
display: block;
margin: 0 0 14px 0;
padding: 0;
font-family: 'Ubuntu Condensed', sans-serif;
font-size: 25px;
line-height: 30px;
font-weight: bold;
color: #ffa200
}
h1 {
display: block;
margin: 0 0 14px 0;
padding: 0;
font-size: 35px;
line-height: 42px;
font-weight: normal
}
h2 {
display: block;
margin: 0 0 14px 0;
padding: 0;
font-size: 35px;
line-height: 42px;
font-weight: normal
}
h3 {
display: block;
margin: 0 0 14px 0;
padding: 0;
font-size: 25px;
line-height: 30px;
font-weight: bold
}
h4 {
display: block;
margin: 0 0 14px 0;
padding: 0;
font-size: 14px;
line-height: 19px;
font-weight: bold
}
h5 {
display: block;
margin: 0 0 14px 0;
padding: 0;
font-size: 14px;
line-height: 19px;
font-weight: bold
}
h6 {
display: block;
margin: 0 0 14px 0;
padding: 0;
font-size: 13px;
line-height: 19px;
font-weight: bold
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6
a {
text-decoration: none
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
text-decoration: none
}
h1 a:focus,
h2 a:focus,
h3 a:focus,
h4 a:focus,
h5 a:focus,
h6 a:focus {
text-decoration: none
}
#logo {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
margin: 0 0 0 40px;
padding: 0;
z-index: 999;
font-weight: bold;
font-size: 30px;
line-height: 35px;
text-shadow: 0 3px 1px rgba(0, 0, 0, 0.1)
}
#logo
h1 {
display: block;
margin: 0;
padding: 0
}
#logo
a {
display: block;
text-decoration: none;
color: #333
}
.block {
display: block
}
.floatleft {
float: left
}
.floatright {
float: right
}
.clearboth {
clear: both
}
.clearer {
clear: both;
height: 0
}
.grid-1 {
width: 68px
}
.grid-2 {
width: 150px
}
.grid-3 {
width: 232px
}
.grid-4 {
width: 314px
}
.grid-5 {
width: 396px
}
.grid-6 {
width: 478px
}
.grid-7 {
width: 560px
}
.grid-8 {
width: 642px
}
.grid-9 {
width: 724px
}
.grid-10 {
width: 806px
}
.grid-11 {
width: 888px
}
.grid-12 {
width: 970px
}
#container {
height: 100%
}
#wrapper {
}
#site {
clear: both;
position: relative;
width: 100%;
margin: 0 auto;
padding: 0;
border-top: 7px solid #2c2a2b
}
#headerbar {
}
#header {
position: relative;
clear: both;
width: 970px;
margin: 0 auto;
padding-top: 115px;
background: url('../webroot/images/layout/menu_bg.gif') repeat-x left 35px
}
#header .header-top {
margin: 0 0 14px
}
#header .header-main {
clear: both;
width: 643px
}
#header .header-side {
position: absolute;
z-index: 9999;
top: 115px;
right: 0;
width: 314px;
margin-top: 0
}
.socialmedia-icons {
position: absolute;
bottom: 14px;
display: block;
list-style: none;
width: 223px;
margin: 0;
padding: 4px 0 0 7px;
text-align: center;
background: #323232;
border: 1px solid #434343;
border-radius: 3px;
-moz-border-radius: 3px
}
.socialmedia-icons
a {
display: inline-block;
margin: 0 7px 0 0;
padding: 0
}
#bodybar {
width: 100%
}
#body {
clear: both;
position: relative;
width: 970px;
margin: 0 auto;
padding: 0 0 14px
}
#column_main {
float: left;
width: 100%;
background-color: #fcfcfc;
border-radius: 6px;
-moz-border-radius: 6px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08)
}
#column_side {
float: right;
width: 232px
}
#column_main.floatleft {
float: left
}
#column_side.floatright {
float: right
}
#footerbar {
font-size: 11px;
color: #777
}
#footer {
clear: both;
overflow: hidden;
position: relative;
width: 970px;
border-top: 6px solid #f26d3d;
background-color: #1e1f1e;
margin: 0 auto;
padding: 14px 0;
color: #ccc
}
#footer
table {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #000
}
#footer table tr
td {
vertical-align: top
}
#footer .footer-content {
padding: 10px 62px
}
#footer .footer-content
a {
text-decoration: none
}
#footer .footer-content
h5 {
color: #ccc;
font-size: 18px;
font-weight: normal
}
ul.menu {
position: absolute;
z-index: 100000;
top: 35px;
left: 0;
list-style-type: none;
display: block;
overflow: hidden;
width: 100%
}
ul.menu
li {
display: block;
float: left;
margin: 0;
padding: 0
}
ul.menu
li.first {
margin-left: 270px
}
ul.menu
li.last {
margin-right: 0
}
ul.menu li.hassub a:after {
}
ul.menu
li.subli {
}
ul.menu li.first + li.subli {
}
ul.menu li.last + li.subli {
}
ul.menu li
a {
display: block;
margin: 0;
padding: 24px 12px 27px 12px;
font-size: 18px;
line-height: 16px;
font-weight: normal;
text-decoration: none;
white-space: nowrap;
color: #fff
}
ul.menu li.first
a {
}
ul.menu li.last
a {
}
ul.menu li.current,
ul.menu
li.last.current {
}
ul.menu li.selected,
ul.menu
li.last.selected {
}
ul.menu li a:hover,
ul.menu li a:focus {
color: #f26d3d
}
ul.menu li.current a,
ul.menu li.selected
a {
color: #f26d3d
}
ul.menu-side {
clear: both;
margin: 0 0 14px 0;
padding: 0;
list-style-type: none
}
ul.menu-side > li {
display: block;
margin: 0 0 7px;
padding: 0;
background: url('../webroot/images/layout/menu-gradient.png') repeat-x left 0 #333;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out
}
ul.menu-side > li.first {
}
ul.menu-side > li.last {
}
ul.menu-side > li.subli {
display: inline;
background: none
}
ul.menu-side > li.first + li.subli {
}
ul.menu-side > li.last + li.subli {
}
ul.menu-side > li > a {
display: block;
margin: 0 7px 0 0;
padding: 10px 14px 21px;
font-size: 15px;
line-height: 20px;
text-decoration: none;
color: #fff;
background-color: #6b6b6b;
border-radius: 1px;
-moz-border-radius: 1px
}
ul.menu-side > li.first > a {
}
ul.menu-side > li.last > a {
border-bottom: 0
}
ul.menu-side > li.current, ul.menu-side > li.current + .subli, ul.menu-side > li.selected, ul.menu-side > li.selected + .subli {
background-position: left 19px
}
ul.menu-side > li:hover, ul.menu-side > li:focus {
background-position: left 19px
}
ul.menu-side > li.current a,
ul.menu-side > li.selected
a {
text-decoration: none;
background-color: transparent
}
ul.menu-side > li > a:hover, ul.menu-side > li > a:focus {
text-decoration: none;
background-color: transparent
}
ul.menu-side > li.n1,
ul.menu-side > li.n1:hover,
ul.menu-side > li.n1:focus,
ul.menu-side > li.n1.current,
ul.menu-side > li.n1.current + .subli ul,
ul.menu-side > li.n1.selected,
ul.menu-side > li.n1.selected + .subli
ul {
background-color: #FFA200
}
ul.menu-side > li.n2,
ul.menu-side > li.n2:hover,
ul.menu-side > li.n2:focus,
ul.menu-side > li.n2.current,
ul.menu-side > li.n2.current + .subli ul,
ul.menu-side > li.n2.selected,
ul.menu-side > li.n2.selected + .subli
ul {
background-color: #FFF001
}
ul.menu-side > li.n2:hover a,
ul.menu-side > li.n2:focus a,
ul.menu-side > li.n2.current > a,
ul.menu-side > li.n2.selected > a,
ul.menu-side > li.n2.current + .subli ul > li > a,
ul.menu-side > li.n2.selected + .subli ul > li > a {
color: #000
}
ul.menu-side > li.n3,
ul.menu-side > li.n3:hover,
ul.menu-side > li.n3:focus,
ul.menu-side > li.n3.current,
ul.menu-side > li.n3.current + .subli ul,
ul.menu-side > li.n3.selected,
ul.menu-side > li.n3.selected + .subli
ul {
background-color: #44c000
}
ul.menu-side > li.n4,
ul.menu-side > li.n4:hover,
ul.menu-side > li.n4:focus,
ul.menu-side > li.n4.current,
ul.menu-side > li.n4.current + .subli ul,
ul.menu-side > li.n4.selected,
ul.menu-side > li.n4.selected + .subli
ul {
background-color: #847bff
}
ul.menu-side > li.n5,
ul.menu-side > li.n5:hover,
ul.menu-side > li.n5:focus,
ul.menu-side > li.n5.current,
ul.menu-side > li.n5.current + .subli ul,
ul.menu-side > li.n5.selected,
ul.menu-side > li.n5.selected + .subli
ul {
background-color: #B637E0
}
ul.menu-side > li.n6,
ul.menu-side > li.n6:hover,
ul.menu-side > li.n6:focus,
ul.menu-side > li.n6.current,
ul.menu-side > li.n6.current + .subli ul,
ul.menu-side > li.n6.selected,
ul.menu-side > li.n6.selected + .subli
ul {
background-color: #ff2727
}
ul.menu-side > li.n7,
ul.menu-side > li.n7:hover,
ul.menu-side > li.n7:focus,
ul.menu-side > li.n7.current,
ul.menu-side > li.n7.current + .subli ul,
ul.menu-side > li.n7.selected,
ul.menu-side > li.n7.selected + .subli
ul {
background-color: #FFA200
}
ul.menu-side > li.n8,
ul.menu-side > li.n8:hover,
ul.menu-side > li.n8:focus,
ul.menu-side > li.n8.current,
ul.menu-side > li.n8.current + .subli ul,
ul.menu-side > li.n8.selected,
ul.menu-side > li.n8.selected + .subli
ul {
background-color: #FFF001
}
ul.menu-side > li.n8:hover a,
ul.menu-side > li.n8:focus a,
ul.menu-side > li.n8.current > a,
ul.menu-side > li.n8.selected > a,
ul.menu-side > li.n8.current + .subli ul > li > a,
ul.menu-side > li.n8.selected + .subli ul > li > a {
color: #000
}
ul.menu-side > li.n9,
ul.menu-side > li.n9:hover,
ul.menu-side > li.n9:focus,
ul.menu-side > li.n9.current,
ul.menu-side > li.n9.current + .subli ul,
ul.menu-side > li.n9.selected,
ul.menu-side > li.n9.selected + .subli
ul {
background-color: #44c000
}
ul.menu-side > li.n10,
ul.menu-side > li.n10:hover,
ul.menu-side > li.n10:focus,
ul.menu-side > li.n10.current,
ul.menu-side > li.n10.current + .subli ul,
ul.menu-side > li.n10.selected,
ul.menu-side > li.n10.selected + .subli
ul {
background-color: #847bff
}
ul.menu-side > li.n11,
ul.menu-side > li.n11:hover,
ul.menu-side > li.n11:focus,
ul.menu-side > li.n11.current,
ul.menu-side > li.n11.current + .subli ul,
ul.menu-side > li.n11.selected,
ul.menu-side > li.n11.selected + .subli
ul {
background-color: #B637E0
}
ul.menu-side > li.n12,
ul.menu-side > li.n12:hover,
ul.menu-side > li.n12:focus,
ul.menu-side > li.n12.current,
ul.menu-side > li.n12.current + .subli ul,
ul.menu-side > li.n12.selected,
ul.menu-side > li.n12.selected + .subli
ul {
background-color: #ff2727
}
ul.menu-side
ul {
clear: both;
list-style: none;
display: block;
margin: -7px 0 7px;
padding: 0 14px 14px
}
ul.menu-side ul > li {
margin: 0 0 3px;
padding: 0
}
ul.menu-side ul > li > a {
display: block;
margin: 0;
padding: 0;
font-size: 95%;
text-decoration: none;
color: #fff;
border: 0
}
ul.menu-side ul > li > a:hover,
ul.menu-side ul > li > a:focus {
text-decoration: underline;
color: #fff
}
ul.menu-side ul > li.current a,
ul.menu-side ul > li.selected a,
ul.menu-side ul > li > a:hover,
ul.menu-side ul > li > a:focus {
text-decoration: underline;
color: #fff
}
ul.menu-side ul ul > li > a {
font-size: 85%;
border: 0
}
.footermenu {
list-style: none;
margin: 0;
padding: 0
}
ul.footermenu
li {
float: left;
margin: 0 0 0 14px;
padding: 0
}
ul.footermenu li
a {
text-decoration: underline;
color: #727272
}
ul.footermenu li a:hover,
ul.footermenu li a:focus {
text-decoration: none
}
#footer .footer-content
ul {
list-style: none;
margin: 0;
padding: 0
}
#footer .footer-content ul
li {
float: left;
clear: both;
margin: 0 0 3px 0px;
padding: 0 0 0 18px;
background-image: url('../webroot/images/li-bg.gif');
background-repeat: no-repeat;
background-position: 0
}
#footer .footer-content ul li
a {
text-decoration: none;
color: #727272
}
#footer .footer-content ul li a:hover,
#footer .footer-content ul li a:focus {
text-decoration: underline
}
.copyrightmenu {
list-style: none;
margin: 0;
padding: 0
}
ul.copyrightmenu
li {
float: left;
margin: 0;
margin-right: 7px;
padding: 0
}
ul.copyrightmenu
li.last {
margin: 0
}
ul.copyrightmenu li
a {
text-decoration: none
}
ul.copyrightmenu li a:hover,
ul.copyrightmenu li a:focus {
text-decoration: underline
}
.b_crumb {
display: block;
margin: 0 0 14px;
font-size: 12px;
line-height: 19px
}
.b_crumb
a {
}
.page {
display: block;
clear: both;
overflow: hidden;
padding: 45px 40px 14px 40px;
margin: 0 -14px 0 0
}
.articles_wrapper {
display: block;
clear: both;
overflow: hidden;
padding: 45px 40px 14px 40px;
margin: 0 -14px 0 0
}
.articles_wrapper2 {
display: block;
clear: both;
overflow: hidden;
padding: 0px 40px 14px 40px;
margin: 0 -14px 0 0
}
.topic {
clear: both;
position: relative;
overflow: hidden
}
.topic2c {
float: left;
position: relative;
overflow: hidden
}
.topic3c {
float: left;
position: relative;
overflow: hidden
}
.topic23c {
float: left;
position: relative;
overflow: hidden
}
#column_main
.topic2c {
width: 313px
}
#column_main
.topic3c {
width: 190px
}
#column_main
.topic23c {
width: 436px
}
.topic {
position: relative;
border-top: 1px dotted #ddd;
margin: 0 14px 0px 0;
padding: 24px 21px 28px
}
.topic2c {
position: relative;
margin: 0 14px 14px 0;
padding: 14px 21px 28px;
background: #fff
}
.topic3c {
position: relative;
height: 158px;
margin: 0 14px 14px 0;
padding: 14px 21px 28px;
font-size: 12px;
line-height: 17px;
background: #fff
}
.topic23c {
position: relative;
height: 158px;
margin: 0 14px 14px 0;
padding: 14px 21px 28px;
font-size: 12px;
line-height: 17px;
background: #fff
}
.article {
clear: both;
overflow: hidden;
margin: 0 14px 14px 0;
padding: 14px 21px 0;
background: #fff
}
.page p,
.article p,
.topic p,
.topic2c p,
.topic3c p,
.topic23c
p {
}
.page img,
.article img,
.topic img,
.topic2c img,
.topic3c img,
.topic23c
img {
}
.page p a,
.article p a,
.topic p a,
.topic2c p a,
.topic3c p a,
.topic23c p
a {
}
.page p a:hover,
.topic p a:hover,
.article p a:hover {
}
.page ul,
.article ul,
.topic ul,
.topic2c ul,
.topic3c ul,
.topic23c
ul {
}
.page ul li,
.article ul li,
.topic ul li,
.topic2c ul li,
.topic3c ul li,
.topic23c ul
li {
}
.page ul a,
.topic ul a,
.article ul
a {
}
.page ol,
.topic ol,
.article
ol {
margin-top: -7px;
margin-bottom: 14px
}
.page ol li,
.topic ol li,
.article ol
li {
margin-left: 21px
}
.page ol a,
.topic ol a,
.article ol
a {
}
.page table,
.topic table,
.article
table {
margin-bottom: 14px;
border-collapse: collapse
}
.page table td,
.topic table td,
.article table
td {
}
.article
h2 {
}
.article h2
a {
}
.article h2 a:hover,
.article h2 a:focus {
}
.article
h3 {
}
.article h3
a {
}
.article h3 a:hover,
.article h3 a:focus {
}
.topic
h1 {
color: #333
}
.topic h1
a {
}
.topic h1 a:hover,
.topic h1 a:focus {
}
.topic
h2 {
color: #333
}
.topic h2
a {
}
.topic h2 a:hover,
.topic h2 a:focus {
}
.topic
h3 {
font-weight: bold;
color: #333
}
.topic h3
a {
font-weight: bold;
color: #333
}
.topic h3 a:hover,
.topic h3 a:focus {
}
.topic
.readmore_topic {
position: absolute;
right: 21px;
bottom: 0
}
.reactionslink
a {
display: block;
float: left;
margin: 0 8px 10px 0;
padding: 0 8px 0 0;
font-size: 11px;
line-height: 13px
}
.fileslink
a {
display: block;
float: left;
margin: 0 8px 10px 0;
padding: 0 8px 0 0;
font-size: 11px;
line-height: 13px;
border-right: 1px solid #ccc
}
.imageslink
a {
display: block;
float: left;
margin: 0 8px 10px 0;
padding: 0 8px 0 0;
font-size: 11px;
line-height: 13px;
border-right: 1px solid #ccc
}
.topicdate {
display: block;
margin: -7px 7px 14px 0;
font-size: 14px;
line-height: 19px;
font-weight: bold;
color: #999
}
.articledate {
display: block;
margin: -7px 7px 14px 0;
font-size: 14px;
line-height: 19px;
font-weight: bold;
color: #999
}
.topic > .date {
display: table-cell;
vertical-align: middle;
overflow: hidden;
float: left;
margin: 5px 21px 14px 0;
padding: 7px 10px;
text-align: center;
background-color: #457C21
}
.topic > .date > .month {
display: block;
font-size: 15px;
line-height: 15px;
text-transform: uppercase;
text-align: center;
font-weight: normal;
color: #fff
}
.topic > .date > .day {
display: block;
font-size: 30px;
line-height: 30px;
text-align: center;
font-weight: bold;
color: #fff
}
.topicleft {
float: left;
position: relative
}
.topicleft
.date {
position: absolute;
top: 0;
right: 0;
z-index: 1000;
margin: 7px 7px;
padding: 7px 7px 10px;
text-align: center;
color: #333;
background-color: #fff
}
.topicleft .date
.day {
display: block;
font-size: 35px;
line-height: 30px;
font-weight: bold;
text-transform: lowercase
}
.topicleft .date
.month {
display: block;
font-size: 16px;
line-height: 16px;
font-weight: normal;
text-transform: lowercase
}
.topicright {
overflow: hidden
}
.articlecontent {
display: block;
margin: 0;
padding: 0
}
.topiccontent {
display: block;
margin: 0;
padding: 0
}
.topiccontent img {
float: right;
}
.topiccontent a.button-3 {
clear: both;
}
.readmore_topic {
float: right;
margin: 0 0 14px;
padding: 0;
font-size: 14px;
font-weight: normal;
text-decoration: none
}
.readmore_topic:hover, .readmore_topic:focus {
cursor: pointer;
text-decoration: none
}
.topic2c
h3 {
font-size: 16px;
line-height: 21px;
color: #333
}
.topic2c h3
a {
color: #333
}
.topic2c h3 a:hover,
.topic2c h3 a:focus {
}
.topic2c
.readmore_topic {
position: absolute;
right: 21px;
bottom: 0
}
.topic2c .readmore_topic:hover,
.topic2c .readmore_topic:focus {
}
.topic3c
h3 {
font-size: 14px;
line-height: 19px;
color: #333
}
.topic3c h3
a {
color: #333
}
.topic3c h3 a:hover,
.topic3c h3 a:focus {
}
.topic3c
.readmore_topic {
position: absolute;
right: 21px;
bottom: 0
}
.topic3c .readmore_topic:hover,
.topic3c .readmore_topic:focus {
}
.topic23c
h3 {
font-size: 14px;
line-height: 19px;
color: #333
}
.topic23c h3
a {
color: #333
}
.topic23c h3 a:hover,
.topic23c .topictitle h3 a:focus {
}
.topic23c
.readmore_topic {
position: absolute;
right: 21px;
bottom: 0
}
.topic23c .readmore_topic:hover,
.topic23c .readmore_topic:focus {
}
.terug {
display: block;
float: left;
margin: 14px 0 14px;
text-decoration: none
}
.terug:hover, .terug:focus {
text-decoration: none
}
.headerfoto, .pagefoto, .topicfoto, .articlefoto, .albumfoto {
display: block;
overflow: hidden;
position: relative
}
a.headerfoto:hover, a.pagefoto:hover, a.topicfoto:hover, a.articlefoto:hover, a.albumfoto:hover {
opacity: 0.8;
filter: alpha(opacity=80)
}
.headerfoto:hover .enlarge,
.pagefoto:hover .enlarge,
.topicfoto:hover .enlarge,
.articlefoto:hover .enlarge,
.albumfoto:hover
.enlarge {
display: block
}
.headerfoto {
margin: 0 0 14px 0;
padding: 0
}
a.headerfoto:hover, a.headerfoto:focus, a.headerfoto:active {
}
.pagefoto {
float: right;
margin: -14px -21px 14px 21px;
padding: 0;
background-color: #fff;
border: 0
}
a.pagefoto:hover, a.pagefoto:focus, a.pagefoto:active {
border-color: transparent
}
.topicfoto {
float: left;
margin: 0px 20px 0 0px;
padding: 5px;
background-color: #f5f5f5;
border: 1px solid #e8e8e8;
border-radius: 6px;
-moz-border-radius: 6px
}
img.topicfoto {
margin: 0;
border: 0
}
a.topicfoto:hover, a.topicfoto:focus, a.topicfoto:active {
border-color: transparent
}
.topic2c .topicfoto,
.topic3c .topicfoto,
.topic23c
.topicfoto {
float: left;
margin: -14px 21px 14px -21px;
padding: 0;
background-color: #fff;
border: 0
}
.articlefoto {
float: right;
margin: -14px -21px 14px 21px;
padding: 0;
background-color: #fff;
border: 0
}
a.articlefoto:hover, a.articlefoto:focus {
border-color: transparent
}
.albumfoto {
float: left;
background-color: #fff;
border: 0
}
a.albumfoto:hover, a.albumfoto:focus {
border-color: transparent
}
.fotoalbum {
clear: both;
overflow: hidden;
margin: 0 0 14px;
padding: 0
}
.article
.fotoalbum {
margin-left: -21px;
margin-right: -21px;
padding: 21px 21px;
background: #f9f9f9;
border-bottom: 1px solid #ccc
}
.albumfotoleft {
clear: both;
margin-right: 1px
}
.albumfotocenter {
margin-right: 1px
}
.albumfotoright {
margin-right: 0
}
.albumfototop {
margin-bottom: 1px
}
.albumfotomiddle {
margin-bottom: 1px
}
.albumfotobottom {
margin-bottom: 1px
}
.filebox {
clear: both;
margin: 0 0 14px 0;
padding: 0
}
.filebox
ul {
display: block;
overflow: hidden;
list-style-type: none;
margin: 0;
padding: 0
}
.filebox ul
li {
display: block;
margin: 0;
padding: 0
}
a.file {
display: block;
overflow: hidden;
padding-left: 24px;
background-image: url('../webroot/images/default/filetypes/file.gif');
background-repeat: no-repeat;
background-position: 0;
text-decoration: underline
}
a.file:hover, a.file:focus {
text-decoration: underline
}
form {
}
form
label {
}
form label:hover, label:focus {
cursor: pointer
}
form
input {
font-family: 'Ubuntu Condensed', sans-serif;
font-size: 13px;
color: #333
}
form
textarea {
}
.input-label {
clear: both;
float: left;
width: 200px;
min-height: 1px;
margin: 0 0 14px 0
}
label.input-label,
.input-label
label {
font-weight: bold
}
.input-wrapper {
float: left;
margin-bottom: 14px
}
input[type="text"], input[type="password"] {
overflow: visible;
width: 216px;
height: 20px;
margin: 0;
padding: 7px 7px;
font-size: 13px;
color: #777;
font-family: 'Ubuntu Condensed', sans-serif;
background-color: #f3f3f3;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08);
border: 1px solid #ccc;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out
}
input[type="text"]:hover, input[type="password"]:hover {
background-color: #fff
}
input[type="text"]:focus, input[type="password"]:focus {
color: #333;
background-color: #f1f1f1;
border-color: #00a1ec;
box-shadow: 0 0 6px #00a1ec;
-moz-box-shadow: 0 0 6px #00a1ec
}
.emptyawnser {
color: #c2c2c2
}
textarea {
overflow: visible;
width: 370px;
margin: 0;
padding: 3px 7px;
font-size: 13px;
color: #333;
font-family: 'Ubuntu Condensed', sans-serif;
background-color: #f3f3f3;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08);
border: 1px solid #ccc;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out
}
textarea:hover {
background-color: #fff
}
textarea:focus {
color: #333;
background-color: #f1f1f1;
border-color: #00a1ec;
box-shadow: 0 0 6px #00a1ec;
-moz-box-shadow: 0 0 6px #00a1ec
}
input.radio {
margin: 0 5px 0 0;
position: relative
}
.radioclear {
float: left;
clear: both;
margin: 2px 0 4px 0
}
input.small {
width: 50px
}
input[type="submit"] {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out
}
input[type="submit"]:hover, input[type="submit"]:focus {
}
.button {
width: auto;
overflow: visible;
padding: 11px 18px 11px 18px;
font-family: 'Ubuntu Condensed', sans-serif;
font-size: 19px;
line-height: 14px;
font-weight: normal;
text-decoration: none;
text-align: right;
white-space: nowrap;
color: #fff !important;
background: url('../webroot/images/layout/button-gradient.png') no-repeat left 0 #00a1ec;
border: 0;
border-radius: 3px;
-moz-border-radius: 3px
}
.button:hover, .button:focus {
cursor: pointer;
text-decoration: none;
color: #fff !important;
background-color: #28bbff;
box-shadow: 0 0 6px #28bbff;
-moz-box-shadow: 0 0 6px #28bbff
}
.button.floatleft {
margin-right: 14px
}
.button-2 {
width: auto;
overflow: visible;
padding: 11px 18px 11px 18px;
font-family: 'Ubuntu Condensed', sans-serif;
font-size: 19px;
line-height: 14px;
font-weight: normal;
text-decoration: none;
text-align: right;
white-space: nowrap;
color: #fff !important;
background: url('../webroot/images/layout/button-gradient.png') no-repeat left 0 #44c000;
border: 0;
border-radius: 3px;
-moz-border-radius: 3px
}
.button-2:hover, .button-2:focus {
cursor: pointer;
text-decoration: none;
color: #fff !important;
background-color: #6ada2d;
box-shadow: 0 0 6px #6ada2d;
-moz-box-shadow: 0 0 6px #6ada2d
}
.button-2.floatleft {
margin-right: 14px
}
.button-3 {
width: auto;
overflow: visible;
padding: 11px 18px 11px 18px;
font-family: 'Ubuntu Condensed', sans-serif;
font-size: 19px;
line-height: 14px;
font-weight: normal;
text-decoration: none;
text-align: right;
white-space: nowrap;
color: #4e4e4e !important;
background: url('../webroot/images/layout/button-gradient.png') no-repeat left 0 #ffc410;
border: 0;
border-radius: 3px;
-moz-border-radius: 3px
}
.button-3:hover, .button-3:focus {
cursor: pointer;
text-decoration: none;
color: #4e4e4e !important;
background-color: #f2b90d;
box-shadow: 0 0 6px #f2b90d;
-moz-box-shadow: 0 0 6px #f2b90d
}
.button-3.floatleft {
margin-right: 14px
}
.button-4 {
width: auto;
overflow: visible;
padding: 11px 18px 11px 18px;
font-family: 'Ubuntu Condensed', sans-serif;
font-size: 16px;
line-height: 14px;
font-weight: normal;
text-decoration: none;
text-align: right;
white-space: nowrap;
color: #fff !important;
background: url('../webroot/images/layout/button-gradient.png') no-repeat left 0 #e1240b;
border: 0;
border-radius: 3px;
-moz-border-radius: 3px
}
.button-4:hover, .button-4:focus {
cursor: pointer;
text-decoration: none;
color: #fff !important;
background-color: #f53117;
box-shadow: 0 0 6px #f53117;
-moz-box-shadow: 0 0 6px #f53117
}
.button-4.floatleft {
margin-right: 14px
}
.button-5 {
width: auto;
overflow: visible;
padding: 11px 14px 11px 35px;
font-family: 'Ubuntu Condensed', sans-serif;
font-size: 14px;
line-height: 14px;
font-weight: normal;
text-decoration: none;
text-align: right;
white-space: nowrap;
color: #fff !important;
background: url('../webroot/images/layout/button-gradient.png') no-repeat left 0 #44c000;
border: 0;
border-radius: 3px;
-moz-border-radius: 3px
}
.button-5:hover, .button-5:focus {
cursor: pointer;
text-decoration: none;
color: #fff !important;
background-color: #57c61a;
box-shadow: 0 0 6px #57c61a;
-moz-box-shadow: 0 0 6px #57c61a
}
.button-5.floatleft {
margin-right: 14px
}
span.error {
display: block;
clear: both;
color: red
}
.searchform {
display: block;
float: right
}
.searchform
input.searchfield {
float: left;
overflow: visible;
width: 172px;
height: 20px;
margin: 0;
padding: 7px 7px 7px 14px;
font-size: 13px;
color: #fff;
background: #6b6b6b;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08);
border: 1px solid #7d7d7d;
border-radius: 2px 0 0 2px;
-moz-border-radius: 2px 0 0 2px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out
}
.searchform input.searchfield:focus {
color: #333;
background-color: #f1f1f1;
border-color: #00a1ec;
box-shadow: 0 0 6px #00a1ec;
-moz-box-shadow: 0 0 6px #00a1ec
}
input.searchsubmit {
float: left;
width: 14px;
height: 14px;
margin: 0;
padding: 11px;
font-size: 14px;
line-height: 14px;
color: #777;
background: url('../webroot/images/layout/menu-gradient.png') repeat-x left 19px #00a1ec;
border-radius: 0 2px 2px 0;
-moz-border-radius: 0 2px 2px 0;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out
}
input.searchsubmit:hover, input.searchsubmit:focus {
background-position: left 19px;
background-color: #28bbff;
box-shadow: 0 0 6px #28bbff;
-moz-box-shadow: 0 0 6px #28bbff
}
ul.searchresults {
list-style: none;
padding: 0;
margin: 0
}
ul.searchresults
li {
padding: 0;
margin: 0;
margin-bottom: 20px
}
ul.searchresults li
h3 {
margin: 0;
padding: 0
}
ul.searchresults li
h3 {
margin: 0;
padding: 0;
font-size: 15px;
font-weight: normal
}
ul.searchresults li h3
a.searchtitle {
text-decoration: underline
}
ul.searchresults li
a.searchurl {
text-decoration: none
}
ul.searchresults li
p {
}
ul.searchresults li
.highlight {
font-weight: bold
}
.alertbox {
padding: 14px;
border: 1px solid #cccbbf;
background-color: #fffeeb;
margin-bottom: 14px
}
.errorbox {
padding: 14px;
border: 1px solid #d90d19;
background-color: #ffd9d9;
margin-bottom: 14px
}
.succesbox {
padding: 14px;
border: 1px solid #4f8a10;
background-color: #dff2bf;
margin-bottom: 14px
}
.neutraal {
padding: 0 0 0 25px;
color: #555;
background-image: url('../webroot/images/default/notify.gif');
background-repeat: no-repeat;
background-position: left center
}
.fout {
padding: 0 0 0 25px;
color: #d90d19;
background-image: url('../webroot/images/default/cross.gif');
background-repeat: no-repeat;
background-position: left center
}
.goed {
padding: 0 0 0 25px;
color: #4f8a10;
background-image: url('../webroot/images/default/tick.gif');
background-repeat: no-repeat;
background-position: left center
}
.reactions {
clear: both;
overflow: hidden
}
.reactions
.reaction {
clear: both;
overflow: hidden;
padding: 20px 0;
padding-bottom: 10px;
border-top: 1px solid #f1f1f1;
margin-top: -1px
}
.reactions .reaction
h4 {
float: left;
font-size: 15px;
font-weight: bold
}
.reactions
.r_left {
float: left;
min-height: 1px;
margin-right: 14px
}
.reactions
.r_right {
float: left;
overflow: hidden;
margin: 0 0 14px 0
}
.reaction.reply_1 {
padding-left: 64px
}
.reaction.reply_2 {
padding-left: 128px
}
.reaction.reply_1
.r_right {
overflow: hidden
}
.reaction.reply_2
.r_right {
overflow: hidden
}
.reactions
.top {
overflow: hidden;
width: 100%;
margin: 0 0 10px 0
}
.reactions .top
h4 {
margin: 0 14px 0 0
}
.reactions
.date {
float: right;
font-size: 11px;
margin: 0
}
.reactions
.spam {
float: right;
margin: 0 0 0 10px
}
.reactions
.reply {
float: right;
font-size: 10px;
padding: 0 20px 0 0;
background-image: url('../webroot/images/reactions/reply.gif');
background-position: right;
background-repeat: no-repeat
}
.reactions
.meld {
float: right;
overflow: hidden;
margin: 4px 10px 4px 4px;
background-color: #000
}
.reactions .meld
.meldbutton_0 {
display: block;
width: 12px;
height: 11px;
background-image: url('../webroot/images/reactions/meld-spam.gif');
background-repeat: no-repeat
}
.reactions .meld
.meldbutton_1 {
display: block;
width: 12px;
height: 11px;
background-image: url('../webroot/images/reactions/meld-spammed.gif');
background-repeat: no-repeat
}
.reactions .meld
.meldbutton_2 {
display: block;
width: 12px;
height: 11px;
background-image: url('../webroot/images/reactions/meld-spamno.gif');
background-repeat: no-repeat
}
.reactions
.gravatar {
display: block;
margin: 0 0 20px 0;
background-color: #ccc
}
.reactions
.r_message {
float: left;
width: 100%;
overflow: hidden
}
.reactions
.delete {
float: right;
padding: 0 20px 0 0;
font-size: 10px;
background-image: url('../webroot/images/reactions/cross.gif');
background-position: right;
background-repeat: no-repeat
}
.sitemap
ul {
list-style: none;
margin: 0
}
.sitemap
li {
background: none;
padding: 0;
font-weight: bold;
margin: 3px 0 20px 0
}
.sitemap li
ul {
margin: -15px 0 20px 0
}
.sitemap li ul li
ul {
margin: 0px 0 10px 0
}
.sitemap li ul li ul li
ul {
margin: 0px 0 0px 0
}
.sitemap li
a {
display: block;
width: 1px;
white-space: nowrap
}
.sitemap li
li {
font-size: 0.92em;
padding-left: 36px;
margin: 0
}
.sitemap li li
a {
padding-left: 12px;
border-left: 1px solid #dbdbd7
}
.sitemap li li
li {
font-size: 1em;
font-weight: normal
}
.pagenumbers {
clear: both;
overflow: hidden;
margin: 0 14px 14px 0;
padding: 0;
background: #fff;
border-radius: 1px;
-webkit-border-radius: 1px
}
.pagenumberstext {
float: left;
margin: 0;
padding: 7px 14px;
font-size: 11px;
border-right: 1px solid #f1f1f1
}
.pagenumbersdots {
color: #9b9b9b;
margin: 0 0 0 -1px;
padding: 7px;
border-left: 1px solid #f1f1f1;
border-right: 1px solid #f1f1f1
}
a.pagenumber {
float: left;
display: block;
margin: 0;
padding: 7px 10px;
font-size: 13px;
line-height: 19px;
text-decoration: none;
font-weight: bold;
text-align: center;
border-right: 1px solid #f1f1f1
}
a.pagenumber:hover, a.pagenumber:focus {
float: left;
font-weight: bold
}
a.pagenumber:visited {
}
a.currentpagenumber {
float: left;
margin: 0;
padding: 7px 10px;
font-size: 13px;
line-height: 19px;
text-decoration: none;
font-weight: bold;
text-align: center;
background-color: #f1f1f1;
border-right: 1px solid #f1f1f1
}
div.pagenavigateleft {
float: left
}
a.pagenavigateleft {
float: left;
margin: 0;
padding: 7px 14px;
text-decoration: none;
border-right: 1px solid #f1f1f1
}
a.pagenavigateleftleft {
float: left;
margin: 0;
padding: 7px 14px
}
div.pagenavigateright {
float: right
}
a.pagenavigateright {
float: right;
margin: 0 0 0 -1px;
padding: 7px 14px;
text-decoration: none;
border-left: 1px solid #f1f1f1
}
a.pagenavigaterightright {
float: right;
margin: 0;
padding: 7px 14px
}
.contact_module {
margin: -2px 0 0 0;
padding: 30px 0 20px 30px;
background: url("../webroot/images/block_contact.png.html") no-repeat scroll left bottom #00ABE2
}
.contact_module
h3 {
color: #fff
}
.contact_module
p {
}
.contact_module
a {
color: #fff;
font-weight: bold;
text-decoration: none
}
.contact_module
ul {
list-style: none;
margin: 0;
padding: 0
}
.contact_module ul
li {
margin: 0 0 14px 0;
padding: 15px 15px 15px 60px;
color: #fff;
font-weight: bold
}
.contact_module ul
li.phone {
background: url("../webroot/images/icon_telefoon.png.html") no-repeat
}
.contact_module ul
li.email {
background: url("../webroot/images/icon_email.png.html") no-repeat
}
.module {
position: relative;
margin: 0 0 14px
}
.module-head {
display: block;
margin: 0 0 14px 0;
padding: 0;
font-family: 'Ubuntu Condensed', sans-serif;
font-size: 25px;
line-height: 30px;
font-weight: bold;
color: #ffa200
}
.module-head h1,
.module-head h2,
.module-head h3,
.module-head h4,
.module-head h5,
.module-head h6, .module-head {
color: #ffa200
}
.module-head h1 a,
.module-head h2 a,
.module-head h3 a,
.module-head h4 a,
.module-head h5 a,
.module-head h6 a,
.module-head
a {
font-size: 13px;
font-weight: bold;
color: #ffa200
}
.module-body {
}
.addthis_button_print {
float: left;
padding: 3px;
font-family: tahoma;
font-size: 11px;
line-height: 11px;
text-decoration: none;
color: #6b6b6b;
background-color: #f0f0f0;
border: 1px solid #cfcfcf;
border-radius: 3px;
-moz-border-radius: 3px
}
.addthis_button_print:hover {
color: #828282;
border-color: #a3a3a3
}
.addthis_button_print
img {
float: left;
margin: 0 4px 0 0
}
.on-top {
z-index: 1000040
}
.bullet-wrapper {
clear: both;
display: block;
overflow: hidden
}
.bullet-wrapper
.bullet {
display: block;
float: left;
overflow: hidden;
width: 42px;
height: 42px;
margin: 0 28px 0 0;
padding: 0;
text-align: center;
font-size: 25px;
line-height: 42px;
font-weight: bold;
color: #333;
background: url('../webroot/images/layout/bullet.png') no-repeat center;
border-radius: 21px;
-moz-border-radius: 21px
}
.bullet-wrapper
.text {
display: block;
margin: 0 0 7px 0
}
.addthis_toolbox {
clear: both
}
a.ai_icon {
background-image: url("../webroot/images/default/filetypes/ai.gif")
}
a.bmp_icon {
background-image: url("../webroot/images/default/filetypes/bmp.gif")
}
a.doc_icon {
background-image: url("../webroot/images/default/filetypes/doc.gif")
}
a.eps_icon {
background-image: url("../webroot/images/default/filetypes/eps.gif")
}
a.file_icon {
background-image: url("../webroot/images/default/filetypes/file.gif")
}
a.gif_icon {
background-image: url("../webroot/images/default/filetypes/gif.gif")
}
a.html_icon {
background-image: url("../webroot/images/default/filetypes/html.gif")
}
a.indd_icon {
background-image: url("../webroot/images/default/filetypes/indd.gif")
}
a.jpg_icon {
background-image: url("../webroot/images/default/filetypes/jpg.gif")
}
a.mail_icon {
background-image: url("../webroot/images/default/filetypes/mail.gif")
}
a.media_icon {
background-image: url("../webroot/images/default/filetypes/media.gif")
}
a.odt_icon {
background-image: url("../webroot/images/default/filetypes/odt.gif")
}
a.pdf_icon {
background-image: url("../webroot/images/default/filetypes/pdf.gif")
}
a.png_icon {
background-image: url("../webroot/images/default/filetypes/png.gif")
}
a.psd_icon {
background-image: url("../webroot/images/default/filetypes/psd.gif")
}
a.setup_icon {
background-image: url("../webroot/images/default/filetypes/setup.gif")
}
a.txt_icon {
background-image: url("../webroot/images/default/filetypes/txt.gif")
}
a.txt_icon {
background-image: url("../webroot/images/default/filetypes/txt.gif")
}
a.xls_icon {
background-image: url("../webroot/images/default/filetypes/xls.gif")
}
a.zip_icon {
background-image: url("../webroot/images/default/filetypes/zip.gif")
}
ul.loginmenu {
float: right;
list-style: none;
margin: 28px 0
}
ul.loginmenu
li {
float: left;
margin: 0 0 0 7px;
padding: 0
}
form.login {
display: block;
overflow: hidden
}
.news-module {
margin: 0 0 14px
}
.news-module
.articles_wrapper {
}
.news-module
.topic {
}
.news-module
.topicright {
}
.news-module
.readmore_topic {
position: absolute;
bottom: 0;
right: 14px
}
.news-module
ul.list {
display: block;
list-style: none;
margin: 0 0 14px;
padding: 0
}
.news-module ul.list
li {
list-style: none;
display: block;
margin: 0px;
padding: 6px 0px
}
.news-module ul.list
li.last {
border-bottom: 0px
}
.news-module ul.list li
.date {
margin: 0 10px 0 0;
font-size: 11px;
padding: 0 4px;
float: left;
font-weight: bold
}
.coursedetails {
float: right;
width: 327px;
width: 325px;
margin: -14px -21px 14px 14px;
padding: 14px;
font-size: 12px;
color: #f1f1f1;
background: #272727;
border: 1px solid #ccc;
border: 1px solid #272727
}
.coursedetails
table {
margin: 0
}
.coursedetails table tr
td {
padding: 0 0 7px
}
.enroll-contact {
display: block;
padding: 14px;
font-size: 13px;
border: 1px solid #777
}
#newslettersignupmodule {
margin: 0 0 14px
}
#newslettersignupmodule
input {
margin: 0 0 14px
}
#newslettersignupmodule input[type="submit"] {
display: block;
width: 100%
}
.relatedcontent .module-body {
padding: 21px
}
.relatedcontent
.topic {
overflow: hidden;
position: relative;
margin: 0 0 7px 0;
padding: 0 0 7px;
border: none;
border-bottom: 1px dotted #999
}
.relatedcontent
.topic.last {
margin-bottom: 14px
}
.relatedcontent .topic
ul {
}
.relatedcontent .topic ul
li {
}
.relatedcontent .topic
ol {
}
.relatedcontent .topic ol
li {
}
.relatedcontent .topic
p {
}
.relatedcontent
.topiccontent {
margin: 0;
padding: 0
}
.relatedcontent .topic
h3 {
margin: 0;
padding: 0;
font-family: Arial;
font-size: 13px;
line-height: 19px;
font-weight: normal
}
.relatedcontent .topic h3
a {
text-decoration: none
}
.relatedcontent .topic h3 a:hover,
.relatedcontent .topic h3 a:focus {
text-decoration: underline
}
.relatedcontent
.topicfoto {
margin: 4px 14px 4px 0;
padding: 0
}
.relatedcontent .topicfoto:hover,
.relatedcontent .topicfoto:focus {
}
.relatedcontent
.readmore_topic {
}
.relatedcontent .readmore_topic
span {
}
.relatedcontent .readmore_topic:hover,
.relatedcontent .readmore_topic:focus {
}
.relatedcontent :last-child {
}
#contactform {
margin: 0 0 14px;
padding: 21px
}
.nivobox-wrapper {
clear: both;
position: relative;
height: 320px;
float: left;
width: 600px;
border: 1px solid #000;
margin: 0 0 14px
}
.nivobox {
display: none;
clear: both;
position: relative
}
.nivobox
img {
position: absolute;
top: 0px;
left: 0px
}
.nivobox a.nivo-imageLink {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
border: 0;
padding: 0;
margin: 0;
z-index: 6;
display: none
}
.nivo-slice {
display: block;
position: absolute;
z-index: 5;
height: 100%
}
.nivo-box {
display: block;
position: absolute;
z-index: 5
}
.nivo-caption {
position: absolute;
bottom: 0;
width: 100%;
z-index: 8;
pointer-events: none
}
.nivo-caption > p {
margin: 0
}
.nivo-caption
a {
pointer-events: all
}
.nivo-caption
.wrapper {
max-width: 340px;
margin: 14px;
padding: 14px 21px 14px;
font-weight: normal;
font-size: 13px;
line-height: 19px;
background: url('../webroot/modules/nivobox/images/white_transparent.png') transparent !important
}
.nivo-caption
.title {
margin: 0 0 7px;
padding: 0;
font-family: 'Open Sans', sans-serif;
font-size: 18px;
line-height: 23px;
font-weight: bold;
color: #000
}
.nivo-caption .title
span {
display: block;
margin: 0;
padding: 0;
color: #000
}
.nivo-caption .title
a {
text-decoration: none;
color: #000
}
.nivo-caption .title a:hover, .nivo-caption .title a:focus {
text-decoration: none;
color: #000
}
.nivo-caption
.content {
margin: 0;
padding: 0;
font-size: 13px;
line-height: 19px;
color: #333
}
.nivo-caption .content
p {
margin: 0 0 7px;
padding: 0
}
.nivo-caption
a {
display: inline !important
}
.nivo-html-caption {
display: none
}
.nivo-directionNav
a {
position: absolute;
top: 45%;
z-index: 9;
cursor: pointer
}
.nivo-prevNav {
left: 7px;
margin-top: -4px;
width: 32px;
height: 32px;
background-image: url('../webroot/modules/nivobox/images/arrow_left.png')
}
.nivo-nextNav {
right: 7px;
margin-top: -4px;
width: 32px;
height: 32px;
background-image: url('../webroot/modules/nivobox/images/arrow_right.png')
}
.nivo-controlNav {
position: absolute;
top: 0;
left: 0;
z-index: 1000;
margin: 14px
}
.nivo-controlNav
a {
position: relative;
z-index: 9;
display: block;
float: left;
width: 28px;
height: 14px;
margin: 0 7px 0 0;
padding: 6px 0 8px;
font-size: 15px;
line-height: 15px;
font-weight: bold;
text-align: center;
text-decoration: none;
color: #fff;
background: url('../webroot/images/layout/menu-gradient.png') repeat-x left 0 #6b6b6b;
border-radius: 28px;
-moz-border-radius: 28px
}
.nivo-controlNav a:hover,
.nivo-controlNav a:focus {
background-position: left 14px;
background-color: #ff2727
}
.nivo-controlNav
a.active {
background-position: left 14px;
background-color: #00a1ec
}
.readmore_nivobox {
display: block;
float: right;
margin: 7px 0 0 14px;
padding: 0;
font-size: 14px;
font-weight: normal;
text-decoration: none;
white-space: nowrap
}
.readmore_nivobox:hover, .readmore_nivobox:focus {
cursor: pointer;
text-decoration: none
}
.calendar-module {
margin: 0 0 14px
}
.calendar-module
.articles_wrapper {
}
.calendar-module
.topic {
}
.calendar-module
.topicright {
}
.calendar-module
.readmore_topic {
position: absolute;
bottom: 0;
right: 14px
}
.calendar-module
ul.list {
display: block;
list-style: none;
margin: -14px 0 0;
padding: 0
}
.calendar-module ul.list
li {
clear: both;
display: block;
list-style: none;
margin: 0;
padding: 12px 0;
font-size: 14px;
border-bottom: 1px dotted #999
}
.calendar-module ul.list
li.first {
}
.calendar-module ul.list
li.last {
border: 0
}
.calendar-module ul.list li
a {
font-weight: bold
}
.calendar-module ul.list li
.date {
display: table-cell;
vertical-align: middle;
overflow: hidden;
margin: 0;
padding: 7px 10px;
text-align: center;
background-color: #457C21
}
.calendar-module ul.list li .date
.month {
display: block;
font-size: 15px;
line-height: 15px;
text-transform: uppercase;
text-align: center;
font-weight: normal;
color: #fff
}
.calendar-module ul.list li .date
.day {
display: block;
font-size: 30px;
line-height: 30px;
text-align: center;
font-weight: bold;
color: #fff
}
.calendar-module ul.list li
.event {
display: table-cell;
vertical-align: middle;
padding: 0 0 0 14px
}
.mediabox {
clear: both;
position: relative;
overflow: hidden;
margin: 0 0 0 40px;
padding: 0;
width: 490px;
height: 290px
}
.mediabox
.loading {
position: absolute;
left: 50%;
top: 50%;
width: 32px;
height: 32px;
margin: -16px 0 0 -16px
}
.mediabox
.thumbcontainer {
position: absolute;
bottom: 28px;
left: 0;
z-index: 6000;
margin: 0;
padding: 0
}
.mediabox
.thumb {
position: relative;
display: none;
float: left;
width: 10px;
height: 10px;
margin: 0 7px 0 0;
padding: 0;
background: #383838;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.4);
-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.4);
border-radius: 10px;
-moz-border-radius: 10px
}
.mediabox
.thumb.last {
margin: 0
}
.mediabox
.thumb.current {
background: #f26d3d
}
.mediabox .thumb:hover, .mediabox .thumb:focus {
cursor: pointer
}
.mediabox
.thumb_foto {
display: block;
overflow: hidden;
margin: 0;
padding: 0;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px
}
.mediabox .thumb.current
.thumb_foto {
opacity: 1.0
}
.mediabox
.thumb_text {
position: absolute;
display: block;
margin: 0;
width: 290px;
padding: 13px;
font-family: Arial;
font-size: 18px;
line-height: 22px;
background-color: #e7e6e6;
border-bottom: 1px solid #fff
}
.mediabox .thumb.last
.thumb_text {
border-bottom: 0
}
.mediabox
.thumb_text.current {
color: #fff;
background-image: url('../webroot/modules/mediabox/images/mediabox_thumb_hover.gif');
background-repeat: repeat-x;
background-position: top;
background-color: #0eb9ba
}
.mediabox
.thumb_arrow {
position: absolute;
top: 50%;
margin-top: -24px;
width: 12px;
height: 48px;
background-image: url('../webroot/modules/mediabox/images/mediabox_thumb_arrow.png');
background-repeat: no-repeat;
background-color: transparent
}
.mediabox
.item {
display: none;
overflow: hidden;
position: absolute;
top: 0;
left: 0
}
.mediabox
.item_foto {
display: block;
overflow: hidden;
margin: 0;
padding: 0
}
.mediabox a.item_foto:hover, .mediabox a.item_foto:focus {
}
.mediabox
.item_text {
display: none;
position: absolute;
left: 0;
bottom: 0;
overflow: hidden;
margin: 0 0 56px;
padding: 0;
font-size: 15px;
line-height: 20px
}
.mediabox .item_text
p {
overflow: hidden;
margin: 0;
padding: 0
}
.mediabox .item_text
a {
text-decoration: underline
}
.mediabox .item_text a:hover, .itemtext a:focus {
text-decoration: none
}
.mediabox
.mediatitle {
margin: 0 0 5px 0;
font-size: 32px;
line-height: 37px;
color: #f26d3d
}
.mediabox .mediatitle
a {
text-decoration: none;
color: #f26d3d
}
.mediabox .mediatitle a:hover, .mediatitle a:focus {
text-decoration: none
}
.mediabox
.readmore_mediabox {
}
.mediabox .readmore_mediabox:hover, .mediabox .readmore_mediabox:focus {
}
.mediaboxFooter {
clear: both;
position: relative;
overflow: hidden;
background-color: #F6F5F4;
margin: 0 0 0 0px;
padding: 15px;
border-radius: 6px;
-moz-border-radius: 6px;
border: 1px solid #EAE9E6;
min-height: 90px
}
.mediaboxFooter
.loading {
position: absolute;
left: 50%;
top: 50%;
width: 32px;
height: 32px;
margin: -16px 0 0 -16px
}
.mediaboxFooter
.thumbcontainer {
position: absolute;
bottom: 28px;
left: 0;
z-index: 6000;
right: 0;
margin: 0;
padding: 0
}
.mediaboxFooter
.thumb {
position: relative;
display: none;
float: right;
width: 10px;
height: 10px;
margin: 0 7px 0 0;
padding: 0;
background: #383838;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.4);
-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.4);
border-radius: 10px;
-moz-border-radius: 10px
}
.mediaboxFooter
.thumb.last {
margin: 0
}
.mediaboxFooter
.thumb.current {
background: #f26d3d
}
.mediaboxFooter .thumb:hover, .mediaboxFooter .thumb:focus {
cursor: pointer
}
.mediaboxFooter
.thumb_foto {
display: block;
overflow: hidden;
margin: 0;
padding: 0;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px
}
.mediaboxFooter .thumb.current
.thumb_foto {
opacity: 1.0
}
.mediaboxFooter
.thumb_text {
position: absolute;
display: block;
margin: 0;
width: 290px;
padding: 13px;
font-family: Arial;
font-size: 18px;
line-height: 22px;
background-color: #e7e6e6;
border-bottom: 1px solid #fff
}
.mediaboxFooter .thumb.last
.thumb_text {
border-bottom: 0
}
.mediaboxFooter
.thumb_text.current {
color: #fff;
background-image: url('../webroot/modules/mediabox/images/mediabox_thumb_hover.gif');
background-repeat: repeat-x;
background-position: top;
background-color: #0eb9ba
}
.mediaboxFooter
.thumb_arrow {
position: absolute;
top: 50%;
margin-top: -24px;
width: 12px;
height: 48px;
background-image: url('../webroot/modules/mediabox/images/mediabox_thumb_arrow.png');
background-repeat: no-repeat;
background-color: transparent
}
.mediaboxFooter
.item {
overflow: hidden;
float: left;
top: 0;
left: 0
}
.mediaboxFooter
.item_foto {
display: none;
overflow: hidden;
position: absolute;
padding: 0 25px 0 0;
border-right: 1px solid #EAE9E6
}
.mediaboxFooter a.item_foto:hover, .mediaboxFooter a.item_foto:focus {
}
.mediaboxFooter
.item_text {
display: none;
position: absolute;
overflow: hidden;
margin: 15px 0 56px 190px;
padding: 0;
font-size: 15px;
line-height: 20px
}
.mediaboxFooter .item_text
p {
overflow: hidden;
margin: 0;
padding: 0
}
.mediaboxFooter .item_text
a {
text-decoration: underline
}
.mediaboxFooter .item_text a:hover, .itemtext a:focus {
text-decoration: none
}
.mediaboxFooter
.mediatitle {
margin: 0 0 5px 0;
font-size: 32px;
line-height: 37px;
color: #f26d3d
}
.mediaboxFooter .mediatitle
a {
text-decoration: none;
color: #f26d3d
}
.mediaboxFooter .mediatitle a:hover, .mediatitle a:focus {
text-decoration: none
}
.mediaboxFooter
.readmore_mediabox {
}
.mediaboxFooter .readmore_mediabox:hover, .mediaboxFooter .readmore_mediabox:focus {
}
.locations-module {
float: right;
width: 355px;
margin: -14px -21px 14px 14px
}
.locations-module .module-body {
padding: 0
}
.locations-module
#map_canvas {
width: 100%;
height: 250px
}
.bannerarticles
.topic {
overflow: hidden;
position: relative;
height: auto;
margin: 0 0 14px;
padding: 14px 14px 0;
color: #f1f1f1;
background: #272727;
border: none
}
.bannerarticles
h3 {
font-size: 16px;
line-height: 21px;
color: #ffa200
}
.bannerarticles h3
a {
color: #ffa200
}
.bannerarticles
.topiccontent {
overflow: hidden;
margin: 0;
padding: 0
}
.bannerarticles
.readmore_topic {
position: relative;
top: 0;
left: 0;
float: left;
font-size: 13px
}
.introtext {
position: absolute;
top: -108px;
right: 0;
margin: 0;
padding: 0;
background: transparent;
border: none
}
.introtext
img {
pointer-events: none
}
.introtext .module-body {
margin: 0;
padding: 0;
background: transparent;
border: none
}
.introtext
.topic {
clear: both;
position: static;
max-height: none;
margin: 0;
padding: 0 7px;
background: transparent;
border: none
}
.introtext .topic
p {
margin: 0
}
.introtext .topic
img {
display: block;
height: 375px
}
.introtext .topic .button-3 {
float: left;
display: block;
padding: 14px 21px;
text-align: center
}
.introtext
h3 {
color: #ffa200
}
.introtext h3
a {
color: #ffa200
}
.introtext .topic
ul.buttons {
list-style: none;
display: block;
overflow: visible;
margin: 0 -7px 14px;
padding: 0
}
.introtext .topic ul.buttons
li {
margin: 0 0 7px;
padding: 0
}
.introtext .topic ul.buttons
a {
display: block
}
.introtext
.topicfoto {
margin: 0 0 14px 0;
padding: 0
}
.introtext .topicfoto:hover,
.introtext .topicfoto:focus {
}
.inschrijfformulier
h3 {
border-bottom: 1px solid #ccc;
padding-bottom: 9px;
margin-bottom: 29px
}
#inputouder {
display: none
}
.chzn-container {
font-size: 13px;
position: relative;
display: inline-block;
zoom: 1;
*display: inline
}
.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;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, white));
background-image: -webkit-linear-gradient(center bottom, #eee 0%, white 50%);
background-image: -moz-linear-gradient(center bottom, #eee 0%, white 50%);
background-image: -o-linear-gradient(top, #eee 0%, #fff 50%);
background-image: -ms-linear-gradient(top, #eee 0%, #fff 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
background-image: linear-gradient(top, #eee 0%, #fff 50%);
-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("../webroot/modules/inschrijfformulier/js/chosen/chosen-sprite.png") right top no-repeat
}
.chzn-container-single .chzn-single abbr:hover {
background-position: right -11px
}
.chzn-container-single .chzn-single
div {
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background: #ccc;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
background-image: -o-linear-gradient(bottom, #ccc 0%, #eee 60%);
background-image: -ms-linear-gradient(top, #ccc 0%, #eee 60%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#eeeeee', GradientType=0);
background-image: linear-gradient(top, #ccc 0%, #eee 60%);
border-left: 1px solid #aaa;
position: absolute;
right: 0;
top: 0;
display: block;
height: 100%;
width: 18px
}
.chzn-container-single .chzn-single div
b {
background: url('../webroot/modules/inschrijfformulier/js/chosen/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: 1010
}
.chzn-container-single .chzn-search
input {
background: #fff url('../webroot/modules/inschrijfformulier/js/chosen/chosen-sprite.png') no-repeat 100% -22px;
background: url('../webroot/modules/inschrijfformulier/js/chosen/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('../webroot/modules/inschrijfformulier/js/chosen/chosen-sprite.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eee 99%);
background: url('../webroot/modules/inschrijfformulier/js/chosen/chosen-sprite.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eee 99%);
background: url('../webroot/modules/inschrijfformulier/js/chosen/chosen-sprite.png') no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eee 99%);
background: url('../webroot/modules/inschrijfformulier/js/chosen/chosen-sprite.png') no-repeat 100% -22px, -ms-linear-gradient(top, #fff 85%, #eee 99%);
background: url('../webroot/modules/inschrijfformulier/js/chosen/chosen-sprite.png') no-repeat 100% -22px, linear-gradient(top, #fff 85%, #eee 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;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
background-image: -webkit-linear-gradient(center bottom, white 85%, #eee 99%);
background-image: -moz-linear-gradient(center bottom, white 85%, #eee 99%);
background-image: -o-linear-gradient(bottom, white 85%, #eee 99%);
background-image: -ms-linear-gradient(top, #fff 85%, #eee 99%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
background-image: linear-gradient(top, #fff 85%, #eee 99%);
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;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e4e4e4), color-stop(0.7, #eeeeee));
background-image: -webkit-linear-gradient(center bottom, #e4e4e4 0%, #eee 70%);
background-image: -moz-linear-gradient(center bottom, #e4e4e4 0%, #eee 70%);
background-image: -o-linear-gradient(bottom, #e4e4e4 0%, #eee 70%);
background-image: -ms-linear-gradient(top, #e4e4e4 0%, #eee 70%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#eeeeee', GradientType=0);
background-image: linear-gradient(top, #e4e4e4 0%, #eee 70%);
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("../webroot/modules/inschrijfformulier/js/chosen/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 4px 4px 0;
max-height: 190px;
padding: 0 0 0 4px;
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: 80%;
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: #3875d7;
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 {
-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-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%, #eee 50%);
background-image: -moz-linear-gradient(center bottom, white 0%, #eee 50%);
background-image: -o-linear-gradient(bottom, white 0%, #eee 50%);
background-image: -ms-linear-gradient(top, #fff 0%, #eee 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
background-image: linear-gradient(top, #fff 0%, #eee 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-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 #aaa;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px
}
.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('../webroot/modules/inschrijfformulier/js/chosen/chosen-sprite.png') no-repeat -38px -22px, #fff;
background: url('../webroot/modules/inschrijfformulier/js/chosen/chosen-sprite.png') no-repeat -38px -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
background: url('../webroot/modules/inschrijfformulier/js/chosen/chosen-sprite.png') no-repeat -38px -22px, -webkit-linear-gradient(center bottom, white 85%, #eee 99%);
background: url('../webroot/modules/inschrijfformulier/js/chosen/chosen-sprite.png') no-repeat -38px -22px, -moz-linear-gradient(center bottom, white 85%, #eee 99%);
background: url('../webroot/modules/inschrijfformulier/js/chosen/chosen-sprite.png') no-repeat -38px -22px, -o-linear-gradient(bottom, white 85%, #eee 99%);
background: url('../webroot/modules/inschrijfformulier/js/chosen/chosen-sprite.png') no-repeat -38px -22px, -ms-linear-gradient(top, #fff 85%, #eee 99%);
background: url('../webroot/modules/inschrijfformulier/js/chosen/chosen-sprite.png') no-repeat -38px -22px, linear-gradient(top, #fff 85%, #eee 99%);
padding: 4px 5px 4px 20px
}