header { padding:0; margin:0 auto; overflow: hidden; } #hdr_text { margin:0px; padding:0px; position: relative; top: 25%; left: 35px; color:#666666; font-family: Arial, Arial, Helvetica, sans-serif; font-weight:bold; text-shadow: -0.1em -0.1em 0.15em #ffffff, 0.1em -0.1em 0.15em #ffffff, -0.1em 0.1em 0.15em #ffffff, 0.1em 0.1em 0.15em #ffffff;} footer { clear: both; margin: 0; margin-left: auto; margin-right: auto; height: auto; font-size: 15px; padding-right: 10px; color: #FFFFFF; text-align: center; padding-left:0px; padding-right:0px; padding-top:10px; padding-bottom:10px; } .slipScroll-container { position: relative; } .slipScroll-container:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .slipScrollPossible, #area_middle.slipScrollPossible{ position: absolute; display: block; top: 0; } .slipScrolling, #area_middle.slipScrolling { position: fixed; display: block; top: 0; } .slipScrollMoving, #area_middle.slipScrollMoving { } .slipScrollBottom, #area_middle.slipScrollBottom { position: absolute; display: block; } body { color:#666666; overflow: scroll; overflow-x: auto; padding-top: 1px; margin-top: -1px; font-family: Tahoma; font-size: 14px; } td { font-family: Tahoma; } #background_img { z-index: -1; top: 0px; left:0px; height: 100%; width: 100%; position: fixed; background-color:#FFFFFF; background-repeat:no-repeat; color:#666666; overflow-x: auto; } .touch #background_img { background-size:cover !important; } #background { z-index: -1; top: 0px; left:0px; height: 100%; width: 100%; position: fixed; background-color:#FFFFFF; color:#666666; overflow-x: auto; } a { color:#7A98AB; text-decoration:none; } p { font-family: Tahoma; font-size: 14px; } h1 { font-family: Arial, Arial, Helvetica, sans-serif; margin-left: 0px; font-size: 18px; letter-spacing: 0px; font-weight: bold; } h1 { color: #7A98AB; } h2 { font-weight: bold; font-size: 18px; } h2 { color: #7A98AB; } h3 { font-weight: bold; } h4 { font-weight: bold; } li { margin-left:15px; } img { max-width: 100%; object-fit: cover; } figure { max-width:100%; margin-bottom: 5px; } figure img { display: table-cell; margin: 0; width: 100%; } figure.imgCentered { margin: 0 auto; text-align: center; } figure.imgLeft { float:left; margin-right: 10px; } figure.imgRight { float:right; margin-left: 10px; } html.ie8 figure { display: table; } html.ie8 figure img { display: inline-block; width: 100%; } figcaption { text-align: center; font-size: smaller; font-style: italic; } .error { color:red; } .disabled { color: #999999; } .alt { background-color:#7A98AB; } .var { background-color:#7A98AB; } .inv { background-color:#7A98AB; } .capt { background-color:#7A98AB; } .line { clear: both; text-align:center; width:100%; background-color:#7A98AB; } .paragraph, .plugin { clear:both; overflow-wrap: break-word; word-wrap: break-word; } .paragraph ul { list-style-position:outside; overflow: hidden; } .clearFloat { clear:both; } a.cmsViewer { cursor: default; } a.cmsViewerActive { cursor:pointer; } .cmsViewerDetail { box-sizing: border-box; border: solid 4px #EEEEEE; background-color: #EEEEEE; background-color: rgba(238,238,238,0.99); margin: 2px; box-shadow: 2px 1px 9px #000000; } .cmsViewerScreen { background-color:#000; opacity:0.4; filter: alpha(opacity = 40); } .cmsWheel { background-image: url(/_cms/images/icons/wheel_color.gif); background-repeat: no-repeat; background-position: center center; } .cmsViewerNext, .cmsViewerPrev { font-size: 22px; } .cmsViewerNext:not(.disabled), .cmsViewerPrev:not(.disabled) { cursor:pointer; } h1 { line-height: 130%; } body .header_img { background-size: contain; max-height: 100%; } body nav ul li a { height:auto; } nav ul li a { text-transform: uppercase; } nav ul ul li a { text-transform: none; } nav ul ul li.parent> a::before { content: "\f0da\ \ "; font-family: "Font Awesome 5 Pro"; font-weight: 900; margin-left: -4px; } nav ul ul li.parent.expanded > a::before { content: "\f0d7\ \ "; font-family: "Font Awesome 5 Pro"; font-weight: 900; margin-left: -4px; } a { text-decoration: underline; } div.email_response_form { border: 0px; } marquee.marquee_banner a{ color:#7A98AB; } div.icon_bar { top:-100px; } body table.exam_table td.exam_leftcol { text-align: center; width: 3%; } .logon a { margin-left: 10px; line-height: 150%; } @media only screen and (min-width: 308px) { .logon a { font-size: 12px; } div.logon { width: 273px } } @media only screen and (min-width: 464px) { .logon a { font-size: 9px; } div.logon { width: 200px } } @media only screen and (min-width: 744px) { .logon a { font-size: 12px; } div.logon { width: 273px } }table.responsive{} p.klein {font-size:9px; border-top: solid 1px black;} .geel { background-color:yellow; } .groen { background-color:limegreen; } div.icon_bar { display: inline; float: right; height: 32px; margin-right: -10px; margin-top: -40px; position: relative; right: 25px; } div.icon { float:right; width:25px; margin:0px; padding:0px; } .form_box { clear:both; margin: 5px; padding: 5px; } .form_icons.form_field { white-space: nowrap; } .form_icons .form_icon { color:#FFFFFF; background-color:#7A98AB; padding: 4px; display: inline-block; min-width: 24px; text-align: center; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .form_icons .form_spacer { display: inline-block; width: 24px; color:transparent; background-color:transparent; } .form_field.form_icons input { max-width: 90%; } .form_flow { clear:none; float:left; } .form_field { margin: 3px; margin-top: 7px; } .form_field label { cursor: pointer; font-size: 12px; display: block; width: 220px; text-align: left; } .form_field fieldset label, .form_field label.value { width: auto; text-align: left; padding-left:3px; display:inline; } .form_field input, .form_field_input { width: 220px; margin-right: 1px; } .form_field input.half { width: 108px; margin-right: 2px; } .form_field input.third { width: 72px; } .form_field input.quarter { width: 54px; } .form_field input.twothird { width: 143px; } .form_field input.threequarter { width: 161px; } .form_field_control { display: inline-block; width: 220px; margin-right: 1px; } .form_field input[type="checkbox"], .form_field input[type="radio"] { width: auto; } .form_field input.half, .form_field_control.half { width: 107px; } .form_field textarea { width: 220px; vertical-align: top; } .form_field select { max-width: 220px; } .form_field fieldset { display: inline-block; min-width: 220px; padding:5px; vertical-align: top; border: 1px solid #000000; -webkit-margin-start: 0; -webkit-margin-end: 0; } .form_field input.error, .form_field_input.error { border: solid 2px red; } .form_field .error ~ .radio-label { color: red; } .form_field label.error { width: auto; border: none; text-align: left; } .form_field .invalid, .form_field_input.invalid { background-color: #FFCCCC; } .email_response_required_fields { margin-top: 10px; display: block; font-style: italic; width: 308px; padding-right: 5px; } .fieldHeader { border-top: solid 1px #7A98AB; color: #7A98AB; text-align: center; padding: 2px; font-size: 12px; margin-top: 20px; } .PopupForm { padding: 20px; font-size: 14px; } .PopupForm td { font-size: 14px; } div.form_status { position: relative; font-size: 14px; font-weight: bold; border: solid 1px #999999; padding: 16px; padding-left: 80px; margin-top: 20px; margin-bottom: 21px; box-shadow: rgba(0,0,0,0.4) 2px 2px 6px; } .popupScreen div.form_status { margin: -19px; } div.form_status::before { position: absolute; content: " "; top: 0; bottom: 0; left: 0; width: 60px; background-color: green; color: rgba(255,255,255,0.9); } div.form_status::after { position: absolute; content: "\f058"; font-family: "Font Awesome 6 Pro"; font-weight: 500; font-size: 30px; color: rgba(255,255,255,0.75); top: calc(50% - 16px); left: 15px; } div.form_warning { position: relative; font-size: 14px; font-weight: bold; border: solid 1px #999999; padding: 16px; padding-left: 80px; margin-top: 20px; margin-bottom: 21px; box-shadow: rgba(0,0,0,0.4) 2px 2px 6px; } .popupScreen div.form_status { margin: -19px; } div.form_warning::before { position: absolute; content: " "; top: 0; bottom: 0; left: 0; width: 60px; background-color: orange; color: rgba(255,255,255,0.9); } div.form_warning::after { position: absolute; content: "\f06a"; font-family: "Font Awesome 6 Pro"; font-weight: 500; font-size: 30px; color: rgba(255,255,255,0.75); top: calc(50% - 8px); left: 15px; } div.form_error { position: relative; font-size: 14px; font-weight: bold; color: red; border: solid 1px #999999; padding: 16px; padding-left: 80px; margin-top: 20px; margin-bottom: 21px; box-shadow: rgba(0,0,0,0.4) 2px 2px 6px; } .popupScreen div.form_error { margin: -19px; } div.form_error::before { position: absolute; content: " "; top: 0; bottom: 0; left: 0; width: 60px; background-color: red; color: rgba(255,255,255,0.9); } div.form_error::after { position: absolute; content: "\f071"; font-family: "Font Awesome 6 Pro"; font-weight: 500; font-size: 30px; color: rgba(255,255,255,0.75); top: calc(50% - 16px); left: 15px; } .upload_doc_link { display:inline-block; width:200px;} .upload_doc_size { display:inline-block; width:70px;} .upload_doc_control { } div.upload_img_row { width:100%; height:60px; } .upload_screen { position:fixed; display:none; background-color:rgba(0,0,0,0.2); width:100%; height:100%; top:0; left:0; z-index:2000; } .upload_form { margin: 10px; } .upload_static { border: solid 1px #999999; padding: 3px; display: block; z-index: 1000; } .upload_window, .upload_static .upload_state { position: absolute; top: -10px; display: none; z-index: 2001; background-color:#FFFFFF; border:solid 1px #666666; min-width: 300px; -moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.5); -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.5); box-shadow: 3px 3px 5px rgba(0,0,0,0.5); } .simple_upload_window { min-width: 194px; } .upload_close { float: right; margin-top: 2px; margin-right: -2px; display: inline-block; cursor: pointer; color: #000000; } .upload_activate { cursor: pointer; } .spinner { width: 21px; height: 21px; margin-top: -2px; margin-right: 3px; border: 7px solid #90c844; border-right-color: transparent; border-radius: 50%; animation: spin 1s linear infinite; -moz-animation: spinning_wheel 1s linear infinite; -webkit-animation: spinning_wheel 1s linear infinite; } @keyframes spinning_wheel { from { transform: rotate(0deg); opacity: 0.2; } 50% { transform: rotate(180deg); opacity: 1.0; } to { transform: rotate(360deg); opacity: 0.2; } } @-webkit-keyframes spinning_wheel { from { -webkit-transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spinning_wheel { from { -moz-transform: rotate(0deg); } 50% { -moz-transform: rotate(180deg); } to { -moz-transform: rotate(360deg); } } .fancyForm { margin:auto; background-color:#FFFFFF; width: 308px; max-width: 100%; padding-left:0px; } .fancyForm .fancyField { clear: both; max-width: 100%; margin: 3px; margin-top: 6px; } .fancyForm .fancyField > div { width: 265px; max-width:calc(100% - 35px); margin-right: 3px; display: inline-block; position:relative; vertical-align: top; } .fancyForm .fancyField > div.half { width: 131px; max-width:calc(50% - 19px); } .fancyForm .fancyField > div.third { width: 90px; max-width:calc(33% - 13px); } .fancyForm .fancyField > div.quarter { width: 65px; max-width:calc(25% - 11px);} .fancyForm .fancyField > div.twothird { width: 176px; max-width:calc(67% - 25px); } .fancyForm .fancyField > div.threequarter { width: 197px; max-width:calc(75% - 33px); } .fancyForm .formFlow { clear:none; float:left; } .fancyForm .fancyField > div > div.upload, .fancyForm .fancyField > div > textarea, .fancyForm .fancyField > div > fieldset { margin: 0; margin-top: 15px; width: 100%; } .fancyForm .fancyField > div > fieldset ~ label.error, .fancyForm .fancyField > div > textarea ~ label.error { position: relative; left: 0; padding-left: 5px; background-color:transparent; color: red; width: 100%; height: 16px; z-index: 5; font-size: 12px; line-height: 16px; } .fancyForm .fancyField > div > input ~ label.error::before, .fancyForm .fancyField > div > .passStrengthify > input ~ label.error::before, .fancyForm .fancyField > div > textarea ~ label.error::before { content: "\f06a"; font-family: "Font Awesome 6 Pro"; padding-right: 5px; font-size: 11px; } .fancyForm .fancyField.invalid, .fancyForm .fancyField .invalid { background-color: #FFCCCC; } .fancyForm .fancyField > i { display:inline-block; width: 32px; height: 36px; font-size: 18px; line-height: 32px; text-align: right; vertical-align: top; padding:0; background-color: #7A98AB; color: #FFFFFF; border-radius: 0; border-top-left-radius: px; border-bottom-left-radius: px; } .fancyForm .fancyField > div > input ~ label, .fancyForm .fancyField > div > input.empty:focus ~ label, .fancyForm .fancyField > div > input.empty:invalid ~ label, .fancyForm .fancyField > div > input.empty.error ~ label, .fancyForm .fancyField > div > .passStrengthify > input ~ label, .fancyForm .fancyField > div > .passStrengthify > input.empty:focus ~ label, .fancyForm .fancyField > div > .passStrengthify > input.empty:invalid ~ label, .fancyForm .fancyField > div > .passStrengthify > input.empty.error ~ label { white-space: nowrap; transition: all 0.25s; position: absolute; width: 100%; height: 16px; top: 0px; left:0; color:#FFFFFF; line-height: 16px; font-style: helvetica, arial; font-size: 12px; padding-left:5px; } .fancyForm .fancyField > div > input.empty:invalid ~ label.error, .fancyForm .fancyField > div > input.empty.error ~ label.error, .fancyForm .fancyField > div > input.empty:focus ~ label.error, .fancyForm .fancyField > div > input ~ label.error, .fancyForm .fancyField > div > .passStrengthify > input.empty:invalid ~ label.error, .fancyForm .fancyField > div > .passStrengthify > input.empty.error ~ label.error, .fancyForm .fancyField > div > .passStrengthify > input.empty:focus ~ label.error, .fancyForm .fancyField > div > .passStrengthify > input ~ label.error { white-space: nowrap; position: relative; display: block; top: 0px; z-index: 5; background-color: transparent; color: red; margin-bottom: 5px; width: auto; font-size: 12px; } .fancyForm .fancyField > div > input.empty ~ label, .fancyForm .fancyField > div > .passStrengthify > input.empty ~ label { top: 10px; padding-left: 5px; left: 0; font-size: 14px; font-weight: normal; color: #999999; } .fancyForm .fancyField > div > label:empty { display:none; } .fancyForm .fancyField > div select, .fancyForm .fancyField > div > input, .fancyForm .fancyField > div > input.empty:invalid, .fancyForm .fancyField > div > input.empty.error, .fancyForm .fancyField > div > .passStrengthify > input, .fancyForm .fancyField > div > .passStrengthify > input.empty:invalid, .fancyForm .fancyField > div > .passStrengthify > input.empty.error { border-radius: 0; width: 100%; height: 36px; line-height: 20px; border: solid 1px #999999; border-top-width: 16px; border-top-color: #7A98AB; outline: none; transition: border 0.4s; } .fancyForm .fancyField > div:last-child > input, .fancyForm .fancyField > div:last-child > input.error, .fancyForm .fancyField > div:last-child > .passStrengthify > input, .fancyForm .fancyField > div:last-child > .passStrengthify > nput.error { border-top-right-radius: px; border-bottom-right-radius: px; } .fancyForm .fancyField > div > input.empty, .fancyForm .fancyField > div > .passStrengthify > input.empty { border: solid 1px #999999; } .fancyForm .fancyField > div > input:focus, .fancyForm .fancyField > div > input.empty:focus, .fancyForm .fancyField > div > .passStrengthify > input:focus, .fancyForm .fancyField > div > .passStrengthify > input.empty:focus { border: solid 2px #7A98AB; border-top-width: 16px; } .fancyForm .fancyField > div > textarea { outline: none; } .fancyForm .fancyField > div > textarea:focus { border: solid 2px #7A98AB; } .fancyForm .fancyField > div > input.error, .fancyForm .fancyField > div > input.error:focus, .fancyForm .fancyField > div > input.empty.error, .fancyForm .fancyField > div > input.empty.error:focus, .fancyForm .fancyField > div > .passStrengthify > input.error, .fancyForm .fancyField > div > .passStrengthify > input.error:focus, .fancyForm .fancyField > div > .passStrengthify > input.empty.error, .fancyForm .fancyField > div > .passStrengthify > input.empty.error:focus { border-color: red; color: #000000; } .fancyForm .fancyField > div > div.upload ~ label, .fancyForm .fancyField > div > textarea ~ label, .fancyForm .fancyField > div > fieldset ~ label { white-space: nowrap; width: 100%; height: 16px; position: absolute; top: 0px; left:0; color:#FFFFFF; background-color: #7A98AB; line-height: 16px; font-style: helvetica, arial; font-size: 12px; padding-left:5px; border-top-right-radius: px; } .fancyForm .fancyField > div > input.error:focus ~ label, .fancyForm .fancyField > div > input.empty.error ~ label, .fancyForm .fancyField > div > input.empty.error:focus ~ label, .fancyForm .fancyField > div > input.error ~ label, .fancyForm .fancyField > div > .passStrengthify > input.error:focus ~ label, .fancyForm .fancyField > div > .passStrengthify > input.empty.error ~ label, .fancyForm .fancyField > div > .passStrengthify > input.empty.error:focus ~ label, .fancyForm .fancyField > div > .passStrengthify > input.error ~ label { color: #FFFFFF; } .fancyForm .fancyField > div > input.error:focus ~ label.error, .fancyForm .fancyField > div > input.empty.error ~ label.error, .fancyForm .fancyField > div > input.empty.error:focus ~ label.error, .fancyForm .fancyField > div > input.error ~ label.error, .fancyForm .fancyField > div > .passStrengthify > input.error:focus ~ label.error, .fancyForm .fancyField > div > .passStrengthify > input.empty.error ~ label.error, .fancyForm .fancyField > div > .passStrengthify > input.empty.error:focus ~ label.error, .fancyForm .fancyField > div > .passStrengthify > input.error ~ label.error { white-space: nowrap; position: relative; display: block; top: 0px; z-index: 5; background-color: transparent; color: red; margin-bottom: 5px; width: auto; font-size: 12px; } .fancyForm .fancyField > div > .select2, .fancyForm .fancyField > div > .select2 .select2-choice { width: 100%; height: 36px; border-radius: 0px; } .fancyForm .fancyField > div:last-child > .select2 .select2-choice { border-top-right-radius: px; border-bottom-right-radius: px; } .fancyForm .fancySubmit { width: 297px; } .fancyForm input[type=submit], .fancyForm input[type=button], .fancyForm input[type=checkbox], .fancyForm input[type=radio] { width: auto; background-color: #7A98AB; color: #FFFFFF; border-radius: px; border: 1px solid ##7A98AB; } .fancyForm .fancySubmit > i { width: 32px; height: 36px; font-size: 18px; line-height: 32px; text-align: right; vertical-align: top; padding:0; } .fancyForm .fancySubmit > label { font-size: 14px; font-weight: normal; color: #999999; } .fancyForm .fancySubmit > input[type=submit] { float: right; } .fancyForm .fancyField .select2-container { width: 100%; height: 36px; } .fancyForm .fancyField .select2-choice{ height: 36px; } .fancyField .passStrengthify a { padding-top:5px; padding-bottom:5px; } body .ui-tooltip { border: solid 2px #FF9900; border-radius: 4px; background: #FFFFCC; color: black; padding: 8px; position: absolute; z-index: 2500; max-width: 280px; -webkit-box-shadow: -2px 2px 10px #000000; box-shadow: -2px 2px 10px #000000; } body .ui-tooltip::before { top: -14px; bottom: auto; left: 10px; right: auto; border-width: 0 6px 14px; content: ""; position: absolute; border-style: solid; border-color: #FF9900 transparent; display: block; width: 0; } body .ui-tooltip::after { top: -9px; bottom: auto; left: 13px; right: auto; border-width: 0 3px 10px; content: ""; position: absolute; border-style: solid; border-color: #FFFFCC transparent; display: block; width: 0; } body .ui-tooltip.bottom::before { top: auto; bottom: -14px; border-width: 14px 6px 0 6px; } body .ui-tooltip.bottom::after { top: auto; bottom: -9px; border-width: 10px 3px 0 3px; } body .ui-tooltip.right::before { left: auto; right: 10px; } body .ui-tooltip.right::after { left: auto; right: 13px; } .columns2 { -webkit-columns: 2 300px; -moz-columns: 2 300px; -ms-columns: 2 300px; -o-columns: 2 300px; columns: 2 300px; column-count: 2; column-gap: 10px; } .columns3 { -webkit-columns: 3 200px; -moz-columns: 3 200px; -ms-columns: 3 200px; -o-columns: 3 200px; columns: 3 200px; column-count: 3; column-gap: 10px; } .columns4 { -webkit-columns: 4 100px; -moz-columns: 4 100px; -ms-columns: 4 100px; -o-columns: 4 100px; columns: 4 100px; column-count: 4; column-gap: 10px; } .columns2 p, .columns3 p, .columns4 p { margin-top:0; } #area_top { position:absolute; margin:0px; width: 308px; top:0px; z-index:20; padding:0px; font-size:px; font-family: Tahoma; color:#666666; } #area_top a { color:#7A98AB; } #area_top a:hover { color:#7A98AB; text-decoration:none; } #area_bottom { position:fixed; bottom:0px; z-index:20; margin:0px; padding:0px; font-size:15px; font-family: Tahoma; color:#666666; } #area_bottom a { color:#7A98AB; } #area_bottom a:hover { color:#7A98AB; text-decoration:none; } .ie #area_bottom { position:absolute; } .TabGroup { width: 90%; margin-top: 25px; } .TabGroup > ul.TabPages { list-style-type: none; } .TabGroup > input[type=radio] { position: absolute; left: -9999px; top: -9999px; } .TabGroup .Tabs { position: relative; white-space: nowrap; } .TabGroup .Tab { display: inline-block; vertical-align: bottom; white-space: nowrap; padding: 10px; padding-top: 4px; padding-bottom: 4px; background-color: #FFFFFF; border: #EEEEEE; color: #000000; border-top-left-radius: 5px; border-top-right-radius: 5px; cursor: Pointer; font-size: 11px; font-weight: bold; margin-bottom: -1px; border: solid 1px #999999; } .TabGroup .Tab.hasErrors { color: red; } .TabGroup .Tab.disabled { color: #666666; background-color: #CCCCCC; } .TabGroup .Tab:first-child { margin-left: 10px; } .TabGroup .Tab:hover { background-color: #EEEEEE; } .TabGroup input:nth-child(1):checked ~ .Tabs > :nth-child(1), .TabGroup input:nth-child(2):checked ~ .Tabs > :nth-child(2), .TabGroup input:nth-child(3):checked ~ .Tabs > :nth-child(3), .TabGroup input:nth-child(4):checked ~ .Tabs > :nth-child(4), .TabGroup input:nth-child(5):checked ~ .Tabs > :nth-child(5), .TabGroup input:nth-child(6):checked ~ .Tabs > :nth-child(6), .TabGroup input:nth-child(7):checked ~ .Tabs > :nth-child(7), .TabGroup input:nth-child(8):checked ~ .Tabs > :nth-child(8), .TabGroup input:nth-child(9):checked ~ .Tabs > :nth-child(9), .TabGroup input:nth-child(10):checked ~ .Tabs > :nth-child(10) { background-color: #EEEEEE; padding-top: 5px; border-bottom: solid 1px #EEEEEE; } .TabGroup .TabPages { margin: 0; padding: 0; } .TabGroup .TabPage { display: none; left: 0; width: 100%; background-color: #EEEEEE; padding: 5px; padding-top: 15px; margin: 0; border: solid 1px #999999; } input:nth-child(1):checked ~ .TabPages > li:nth-child(1), input:nth-child(2):checked ~ .TabPages > li:nth-child(2), input:nth-child(3):checked ~ .TabPages > li:nth-child(3), input:nth-child(4):checked ~ .TabPages > li:nth-child(4), input:nth-child(5):checked ~ .TabPages > li:nth-child(5), input:nth-child(6):checked ~ .TabPages > li:nth-child(6), input:nth-child(7):checked ~ .TabPages > li:nth-child(7), input:nth-child(8):checked ~ .TabPages > li:nth-child(8), input:nth-child(9):checked ~ .TabPages > li:nth-child(9), input:nth-child(10):checked ~ .TabPages > li:nth-child(10) { display: block; } .accordionSet{} .accordionSet > div > label{ padding: 5px; padding-left: 25px; position: relative; display: block; height: 40px; cursor: pointer; color: #7A98AB; line-height: 33px; font-size: 19px; background-color: #EFEFEF; border: 1px solid #CCC; position: relative; white-space: nowrap; } .accordionSet > div > label:hover{ background-color: #F3F3F3; } .accordionSet > div.disabled > label{ opacity: 0.5; cursor: default; } .accordionSet > div > input{ display: none; } .accordionSet > div > div > div { padding: 10px; } .accordionSet > div > div { position: relative; background-color: #FFFFFF; overflow: hidden; max-height: 0px; -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; } .accordionSet > div > input:checked ~ div { -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; transition: all 2s ease-in-out; max-height: 2000px; } .accordionSet > div.visible > div { -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; transition: all 2s ease-in-out; max-height: 2000px; } .accordionSet > div > label:before, .accordionSet > div > label:after { content: ""; position: absolute; background-color: #7A98AB; width: 3px; height: 8px; left: 10px; top: 15px; transition: all 0.25s ease-in-out; } .accordionSet > div > label:before { transform: translate(-2px, 0) rotate(45deg); -webkit-transform: translate(-2px, 0) rotate(45deg); } .accordionSet > div > label:after { transform: translate(2px, 0) rotate(-45deg); -webkit-transform: translate(2px, 0) rotate(-45deg); } .accordionSet > div > input:checked ~ label:before { transform: translate(2px, 0) rotate(45deg); -webkit-transform: translate(2px, 0) rotate(45deg); } .accordionSet > div > input:checked ~ label:after { transform: translate(-2px, 0) rotate(-45deg); -webkit-transform: translate(-2px, 0) rotate(-45deg); } #menu_checkbox { position:absolute; visibility:hidden; top: 0px; right: 0px; } #menu_bar { padding: 0; position:absolute; top: -96px; left: -0px; height: 44px; width: 308px; background-color: black; background-color: #FFFFFF; } #menu_button { z-index: 1001; width: 44px; height: 33px; margin-top: 5px; border: solid 1px #7A98AB; border-radius: 10px; text-align: center; background-color: #FFFFFF; color: #7A98AB; padding:7px; cursor: pointer; position:absolute; right: 5px; } @media only screen and (max-width: 463px) { #menu_checkbox:checked + nav { display:block; max-height:none; opacity: 1; margin-top: 44px; top: -96px; background-color: rgba(0,0,0,0.5); -webkit-transition: opacity 0.5s ease-in-out, top 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out, top 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out, top 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out, top 0.5s ease-in-out; transition: opacity 0.5s ease-in-out, top 0.5s ease-in-out; } nav { z-index: 1000; position:absolute; width: 320px; left: -6px; max-height: 0px; overflow: hidden; top: 60px; opacity: 0; } } .ie7 #menu_bar, .ie7 #menu_checkbox { display:none; } .ie8 #menu_bar, .ie8 #menu_checkbox { display:none; } .ie7 nav, .ie8 nav { display:block; position:static; width:100%; opacity: 1; max-height: none; top: 52px; } nav ul { margin:0px; margin-top:0px; padding:0px; } nav ul li { text-align: left; position:relative; margin:0px; margin-left:0px; margin-right:0px; margin-top: 0px; padding:0px; font-size: 14px; font-family: Verdana, Verdana, Geneva, sans-serif; text-decoration:none; font-weight:normal; background-color:#FFFFFF; border: 1px solid #FFFFFF; background-repeat: no-repeat; background-position: right 5px; } nav ul li a { height: 24px; padding-top: 2px; } nav ul li a { border-top: #7A98AB 1px solid; } nav ul li:first-child a { border-top: none; } .touch nav ul li a { height:45px; font-size: 14px; padding-top: 10px; } .touch nav ul ul li a { height:40px; font-size: 13px; padding-top: 8px; font-size: 12px; } nav ul li a, nav ul li a:link a:visited{ display:block; margin:0px; padding-left:5px; padding-right:5px; text-decoration:none; color:#7A98AB; } nav ul li.selected, nav ul li.expanded { font-weight: bold; background-color:#FFFFFF; border: 1px solid #FFFFFF; color:#7A98AB; } nav ul li.selected>a, nav ul li.expanded>a{ color:#7A98AB; } nav ul li:hover { background-color:#FFFFFF; border: 1px solid #FFFFFF; } nav ul li:hover>a, nav ul li>a:hover, nav ul li>a:active { color:#7A98AB; text-decoration:none; } nav ul ul { position:relative; z-index:10; list-style:none; padding:0px; margin:0px; margin-top: 0px; list-style-position: outside; } nav ul ul li { background-color:#FFFFFF; background-color:#FFFFFF; margin:4px; float: none; border: 1px solid #FFFFFF; top:0px; } nav ul ul a { border-top: none; margin:0px; text-decoration:none; text-align:left; color:#7A98AB; } nav ul ul li:hover, nav ul ul li.selected, nav ul ul li.expanded { background-color:#FFFFFF; border: 1px solid TRANSPARENT; } nav ul ul a:hover, nav ul ul li:hover>a, nav ul ul li.selected>a, nav ul ul li.expanded>a { color:#7A98AB; text-decoration:none; } @media only screen and (min-width: 464px) { #menu_bar, #menu_checkbox { display:none; } nav, html.ie nav { position: static; width: auto; padding-top: 0px; display:block; overflow: visible; opacity: 1; max-height: none; -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; -o-transition: all 0s; transition: all 0s; } nav ul { margin-top: 0px; } nav ul li { background-color:#FFFFFF; } nav ul ul { display:none; } nav ul li a { height: 24px; padding-top: 4px; } nav ul li li a { font-size: 12px; } nav ul li.selected>ul, nav ul li.expanded>ul { display: block; } } .email_response_form { margin:0px; margin-left:0%; width:100%; background-color:#FFFFFF; padding-left:0px; border: 1px solid #333333; } .email_response_form td { padding:2px; padding-right:4px; padding-left:4px; margin:0px; color:#7A98AB; } .email_response_form th { text-align:center; padding:0px; margin:0px; padding:3px; color:#FFFFFF; background-color:#7A98AB; } .email_response_input { color: #000000; border: 1px solid #333333; } .email_response_form input { border: 1px solid #333333; } .email_response_form textarea { border: 1px solid #333333; } form .email_response_button { color:#FFFFFF; background-color:#7A98AB; border: 1px solid ##7A98AB; cursor: pointer; width: 130px; } .portfolio { border: 1px solid #FFFFFF; margin:10px; width:280px; height:100px; margin:8px; float:left; } .portfolio th { text-align:center; font-size:12px; background-color:#FFFFFF; border: 1px solid #FFFFFF; } .portfolio th a { text-align:center; font-size:12px; color:#000000; font-weight:bold; } .portfolio td { font-size:11px; padding:5px; } .portfolio_more { background-color:#EEEEEE; padding:4px; font-size: 11px; font-weight: normal; font-style:italic; } .portfolio_body { width:80%; } .portfolio_end { clear: both; } .content_body{ font-family: Tahoma; font-size: 14px; width: 60%; background-color: #FFFFFF; padding-left:20%; } .frontend_logon_input { margin-left: 20px; } .logon_help { font-size:12px; padding-left: 10px; padding-bottom: 10px; } .logon_help_td { padding-bottom: 10px; } .logon_info { background-color: #7A98AB; font-size:12px; } .logon { margin: 10px; border: solid 1px #000000; background-color: #FFFFFF; float: left; clear: both; } .logon_header { text-align:right; color:#000000; padding-right: 20px; padding-top: 10px; } .logon_cell_left { padding-left: 10px; text-align:right; } .logon .alt { background-color: #7A98AB; } .PopStyle { z-index: 20; top: 0px; left: 0px; position: absolute; visibility: hidden; width:200px; } .NoteStyle { color:#000000; background-color:#FFFFA0; border: solid 1px #FFE53E; border-top: solid 5px #FFE53E; font-size:12px; padding:4px; } .news_article { margin-top: 20px; } .news_article_columns { float: left; width: 46%; margin-left: 2%; margin-right: 2%; margin-top: 20px; min-width: 260px; } .news_title { font-family: Arial, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color:#666666; border-bottom: 1px solid #7A98AB; } .news_list_title { font-weight: normal; text-decoration: underline; } .news_date { text-align:left; font-weight:normal; font-size: 12px; color: #7A98AB; padding-left:5px; padding-right:5px; } .news_abstract { color:#666666; font-size:14px; } .news_image { float: left; max-width: 128px; margin-right: 6px; margin-bottom: 6px; } .news_detail_title { font-family: Arial, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; border-bottom: 1px solid #7A98AB; color:#666666; } .news_detail_date { text-align:left; font-weight:normal; font-size: 12px; color: #7A98AB; padding-left:5px; padding-right:5px; } .news_detail_image { float: left; max-width: 300px; margin-right: 8px; margin-bottom: 8px; } .news_detail_body { color:#666666; font-size:14px; } .news_more { font-size: 11px; font-weight: normal; font-style:italic; } .popupScreen { position: fixed; z-index: 2000; top: 0; bottom: 0; left: 0; right: 0; height:100%; background-color: rgba(0,0,0,0.5); display: none; } .popupScreen #popup { position: relative; top: 10%; background-color: #FFFFFF; padding: 20px; margin: auto; max-width: 900px; min-width: 308px; max-height: 85%; border: solid 2px #000000; overflow: auto; overflow-x: hidden; } .popupScreen #close_box { position: relative; z-index: 100; top: 10%; padding: 0; margin: auto; max-width: 900px; min-width: 308px; overflow: visible; } .popupScreen #close { position: absolute; right: 3px; top: 5px; cursor: pointer; font-family: "Font Awesome 5 Pro"; font-style: normal; font-weight: 900; font-size: 19px; text-rendering: auto; transform: translate(0, 0); line-height: .75em; vertical-align: -15%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .popupScreen #close:before { content: "\f057"; } table.guestbook { margin-top:10px; width:80%; margin-left:10%; border:solid 1px #999999; } table.guestbook th { color: #666666; font-size: 13px; padding:0px; background-color: #FFFFFF; } table.guestbook td { color: #666666; font-size: 13px; padding:10px; } p.guestbook { font-size:12px; text-align:center; } h1.guestbook { text-align:center; } .guestbook .name { padding:1px; padding-left:4px; background-color: #FFFFFF; font-weight:bold; } .guestbook .name a { font-weight:bold; color:black; } .guestbook .logged { padding-right:4px; text-align:right; background-color: #FFFFFF; font-weight:bold; } .guestbook .website { padding-left:4px; background-color: #FFFFFF; } .guestbook .website a { font-size:10px; font-weight:bold; color:black; } .guestbook .message { padding-left:4px; } .guestbook .reaction { background-color:#FFFFFF; font-size:14px; border-top: solid 2px black; padding:5px; font-style:italic; } table.guestbook_inputform { color:#000000; padding:5px; margin:0px; width:50%; margin-left:0px; background-color:#FFFFFF; border:solid 1px; } .guestbook_inputform td { padding:2px; margin:0px; padding-right:14px; font-size:11px; } .guestbook_charcount { font-weight: bold; color:#000000; } .guestbook_captcha { border: 1px solid ; } .thumbnailer img { border: solid 4px white; margin: 2px; box-shadow: 2px 1px 4px #000000; } div.hor_scroll_table { overflow-x: auto; } div.hor_scroll_table table td:first-child, div.hor_scroll_table table th:first-child { position: sticky; left: 0; padding-right: 10px; } div.hor_scroll_table table td:first-child { background-color:#F7F7F7; } @media only screen and (min-width: 744px) and (max-width: 999px) { table.responsive tr th.show_if_fit, table.responsive tr td.show_if_fit { display: none; } } @media only screen and (max-width: 743px) { table.responsive table, table.responsive thead, table.responsive tbody, table.responsive tr, table.responsive tr th, table.responsive tr td { display: block; } table.responsive { width: 100%; } table.responsive tr { border: solid 1px #666666; } table.responsive tr:first-child { border: none; } table.responsive tr th { display: none; } table.responsive tr td { border: none; position: relative; padding-left: 50%; white-space: normal; text-align:left; min-height: 24px; } table.responsive tr td:before { content: attr(tdlabel); position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; text-align:left; font-weight: bold; } } #area_top { width: 308px; top: 44px; } header { width: 308px; height: 52px; margin-top: 44px; background-color:#FFFFFF; background-color: #FFFFFF; } header { background-color:#FFFFFF; background-color: #FFFFFF; } .header_img { width: 308px; height: 52px; background-repeat: no-repeat; background-size: cover; background-image: url(/_cache/images/upload_ajaxj3Nl0w.w-308.png); } .ie8 .header_img, .ie7 .header_img { background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/upload_ajaxj3Nl0w.png', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/upload_ajaxj3Nl0w.png', sizingMethod='scale')"; } footer { width: 308px; height: auto; font-size: 15px; padding-top: 3px; padding-bottom: 3px; padding-left: 0px; padding-right: 0px; } footer { background-color: #7A98AB; } #hdr_text { margin-left: 10px; font-size: 12px; } .logo { float:left; display:none; } #center { width: 308px; padding-bottom: 50px; margin-top: 44px; margin-left: auto; margin-right: auto; background-color:#FFFFFF; background-color:#FFFFFF; } #area_left { float: none; margin:0px; padding: 10px; } #area_left img { margin-bottom: 20px; } #area_middle { float: none; display: block; margin:0px; padding: 6px; padding-top: 6px; } #area_right { float: none; clear: both; margin:0px; padding: 10px; } #leftcol { margin: 0px; padding: 1px 0; border-bottom: none; } #content { font-family: Tahoma; font-size: 14px; margin: 0px; line-height: 130%} #rightcol { margin: 0px; } .email_response_form { margin:0px; width: 296px; } .form_field label { display: block; width: 99%; text-align: left; } .ie7 { padding-left:108px; width:98%; } .email_call_me_back { margin:0px; } .email_call_me_back input.form_field_button { margin-top: 8px; color:#FFFFFF; background-color:#7A98AB; border: 1px solid ##7A98AB; cursor: pointer; width: 130px; } .email_call_me_back input.form_field_input { height: 18px; width: 130px; background-color: white; margin: 0; margin-top: 8px; } .email_call_me_back .form_field input.error { border: solid 2px red; } .email_call_me_back fieldset { -webkit-margin-start: 0; -webkit-margin-end: 0; margin: 0; margin-top: 8px; } @media only screen and (min-width: 464px) { header { margin-top: 0px; } #center { padding-bottom: 50px; } #area_left { float: left; width: 225px; border-right:1px solid #7A98AB; margin-right: 0px; } #area_left img { width: 225px; margin-bottom: 0px; } #area_middle { float: none; display: inline-block; width: 238px; padding: 9px; padding-top: 9px; } #area_right { float: none; width: 239px; margin-left: 225px; } #content { border-bottom: none; } #leftcol { border-bottom: none; } .email_response_form { width: 221px; } .form_field input, .form_field_input { width: 308px; margin-right: 1px; } .form_field input.half { width: 150px; margin-right: 2px; } .form_field input.third { width: 101px; } .form_field input.quarter { width: 76px; } .form_field input.twothird { width: 202px; } .form_field input.threequarter { width: 227px; } .form_field_control { display: inline-block; width: 308px; margin-right: 1px; } .form_field input[type="checkbox"], .form_field input[type="radio"] { width: auto; } .form_field input.half, .form_field_control.half { width: 150px; } .form_field textarea { width: 308px; vertical-align: top; } .form_field select { max-width: 308px; } .form_field fieldset { display: inline-block; min-width: 308px; padding:5px; vertical-align: top; border: 1px solid #000000; -webkit-margin-start: 0; -webkit-margin-end: 0; } .form_field textarea { width: 308px; max-width: 221px; } .form_field input { width: 308px; max-width: 100%; } .form_field label { display: block; width: 308px; text-align: left; } .form_field input[type=submit] { width: auto; } form .email_response_button { width: 130px; } .email_response_required_fields { width: 270px; text-align: right; display:inline-block; max-width: 221px; } .quote { font-size: 10px; line-height: 9px; font-family: Tahoma; color: #7A98AB; } } @media only screen and (min-width: 744px) { .logo { display:block; } .quote { font-size: 11px; line-height: 14px; color: #7A98AB; } #center { padding-bottom: 50px; } #area_left { top:0px; float: left; width: 226px; border-right:1px solid #7A98AB; margin-right: -1px; } #area_left img { width: 226px; } #area_middle { float: none; display: inline-block; width: 518px; padding: 14px; padding-top: 14px; border-left: 1px solid #7A98AB; } #area_right { float: right; clear: none; width: 0px; border-left: 1px solid #7A98AB; margin-left: -1px; } #content, #leftcol { border-bottom: none; } .email_response_form { width: 490px; } .form_field textarea { width: 308px; max-width: 490px; } .form_field input { width: 308px; max-width: 490px; } form .email_response_button { width: 130px; } .form_field label { display: inline-block; width: 175px; text-align: right; } .email_response_required_fields { width: 270px; text-align: right; display:inline-block; } } @media only screen and (min-width: 1000px) { #center { padding-bottom: 50px; } #area_left { width: 226px; margin-right: -1px; } #area_left img { width: 226px; } #area_middle { width: 775px; padding: 20px; padding-top: 20px; } #area_right { width: 0px; } .form_field label { width: 200px; display: inline-block; text-align: right; } .email_response_form { margin-left:0%; width:100%; } .email_response_required_fields { width: 295px; } .quote { font-size: 16px; line-height: 20px; color: #7A98AB; } } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 743px) { .visible-xs { display: block !important; } table.visible-xs { display: table; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } .visible-xs-block { display: block !important; } .visible-xs-inline { display: inline !important; } .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 744px) and (max-width: 999px) { .visible-sm { display: block !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } .visible-sm-block { display: block !important; } .visible-sm-inline { display: inline !important; } .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 1000px) and (max-width: 1499px) { .visible-md { display: block !important; } table.visible-md { display: table; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } .visible-md-block { display: block !important; } .visible-md-inline { display: inline !important; } .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1500px) { .visible-lg { display: block !important; } table.visible-lg { display: table; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } .visible-lg-block { display: block !important; } .visible-lg-inline { display: inline !important; } .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 743px) { .hidden-xs { display: none !important; } } @media (min-width: 744px) and (max-width: 999px) { .hidden-sm { display: none !important; } } @media (min-width: 1000px) and (max-width: 1499px) { .hidden-md { display: none !important; } } @media (min-width: 1500px) { .hidden-lg { display: none !important; } } .hidden-xs-up { display: none !important; } @media (max-width: 575px) { .hidden-xs-down { display: none !important; } } @media (min-width: 576px) { .hidden-sm-up { display: none !important; } } @media (max-width: 767px) { .hidden-sm-down { display: none !important; } } @media (min-width: 768px) { .hidden-md-up { display: none !important; } } @media (max-width: 991px) { .hidden-md-down { display: none !important; } } @media (min-width: 992px) { .hidden-lg-up { display: none !important; } } @media (max-width: 1199px) { .hidden-lg-down { display: none !important; } } @media (min-width: 1200px) { .hidden-xl-up { display: none !important; } } .hidden-xl-down { display: none !important; } @media only screen and (min-width: 308px) { header { width: 308px; height: 52px; } .header_img { width: 308px; height: 52px; background-image: url(/_cache/images/upload_ajaxj3Nl0w.w-308.png); } footer { width: 308px; height: auto; padding-top: 3px; padding-bottom: 3px; padding-left: 0px; padding-right: 0px; font-size: 10px; } #center { margin-top: 0px; width: 308px; padding-left: 0px; padding-right: 0px; } #hdr_text { font-size: 12px; } .logo { display:none; } } @media only screen and (min-width: 308px) and (-webkit-min-device-pixel-ratio: 1.50), only screen and (min-width: 308px) and ( min--moz-device-pixel-ratio: 1.50), only screen and (min-width: 308px) and ( -o-min-device-pixel-ratio: 3/2), only screen and (min-width: 308px) and ( min-device-pixel-ratio: 1.50), only screen and (min-width: 308px) and ( min-resolution: 1.50dppx) { .header_img { background-image: url(/_cache/images/upload_ajaxj3Nl0w.pr-150.w-308.png); } } @media only screen and (min-width: 308px) and (-webkit-min-device-pixel-ratio: 1.67), only screen and (min-width: 308px) and ( min--moz-device-pixel-ratio: 1.67), only screen and (min-width: 308px) and ( -o-min-device-pixel-ratio: 5/3), only screen and (min-width: 308px) and ( min-device-pixel-ratio: 1.67), only screen and (min-width: 308px) and ( min-resolution: 1.67dppx) { .header_img { background-image: url(/_cache/images/upload_ajaxj3Nl0w.pr-167.w-308.png); } } @media only screen and (min-width: 308px) and (-webkit-min-device-pixel-ratio: 2.00), only screen and (min-width: 308px) and ( min--moz-device-pixel-ratio: 2.00), only screen and (min-width: 308px) and ( -o-min-device-pixel-ratio: 2/1), only screen and (min-width: 308px) and ( min-device-pixel-ratio: 2.00), only screen and (min-width: 308px) and ( min-resolution: 2.00dppx) { .header_img { background-image: url(/_cache/images/upload_ajaxj3Nl0w.pr-200.w-308.png); } } @media only screen and (min-width: 308px) and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-width: 308px) and ( min--moz-device-pixel-ratio: 2.25), only screen and (min-width: 308px) and ( -o-min-device-pixel-ratio: 9/4), only screen and (min-width: 308px) and ( min-device-pixel-ratio: 2.25), only screen and (min-width: 308px) and ( min-resolution: 2.25dppx) { .header_img { background-image: url(/_cache/images/upload_ajaxj3Nl0w.pr-225.w-308.png); } } @media only screen and (min-width: 464px) { #area_top { width: 464px; top:0px; } header { width: 464px; height: 78px; } .header_img { width: 464px; height: 78px; background-image: url(/_cache/images/upload_ajaxj3Nl0w.w-464.png); } footer { width: 464px; height: auto; padding-top: 4px; padding-bottom: 4px; padding-left: 0px; padding-right: 0px; font-size: 10px; } #center { margin-top: 0px; width: 464px; padding-left: 0px; padding-right: 0px; } #hdr_text { font-size: 16px; } .logo { display:none; } } @media only screen and (min-width: 464px) and (-webkit-min-device-pixel-ratio: 1.50), only screen and (min-width: 464px) and ( min--moz-device-pixel-ratio: 1.50), only screen and (min-width: 464px) and ( -o-min-device-pixel-ratio: 3/2), only screen and (min-width: 464px) and ( min-device-pixel-ratio: 1.50), only screen and (min-width: 464px) and ( min-resolution: 1.50dppx) { .header_img { background-image: url(/_cache/images/upload_ajaxj3Nl0w.pr-150.w-464.png); } } @media only screen and (min-width: 464px) and (-webkit-min-device-pixel-ratio: 1.67), only screen and (min-width: 464px) and ( min--moz-device-pixel-ratio: 1.67), only screen and (min-width: 464px) and ( -o-min-device-pixel-ratio: 5/3), only screen and (min-width: 464px) and ( min-device-pixel-ratio: 1.67), only screen and (min-width: 464px) and ( min-resolution: 1.67dppx) { .header_img { background-image: url(/_cache/images/upload_ajaxj3Nl0w.pr-167.w-464.png); } } @media only screen and (min-width: 464px) and (-webkit-min-device-pixel-ratio: 2.00), only screen and (min-width: 464px) and ( min--moz-device-pixel-ratio: 2.00), only screen and (min-width: 464px) and ( -o-min-device-pixel-ratio: 2/1), only screen and (min-width: 464px) and ( min-device-pixel-ratio: 2.00), only screen and (min-width: 464px) and ( min-resolution: 2.00dppx) { .header_img { background-image: url(/_cache/images/upload_ajaxj3Nl0w.pr-200.w-464.png); } } @media only screen and (min-width: 464px) and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-width: 464px) and ( min--moz-device-pixel-ratio: 2.25), only screen and (min-width: 464px) and ( -o-min-device-pixel-ratio: 9/4), only screen and (min-width: 464px) and ( min-device-pixel-ratio: 2.25), only screen and (min-width: 464px) and ( min-resolution: 2.25dppx) { .header_img { background-image: url(/_cache/images/upload_ajaxj3Nl0w.pr-225.w-464.png); } } @media only screen and (min-width: 744px) { #area_top { width: 744px; top:0px; } header { width: 744px; height: 125px; } .header_img { width: 744px; height: 125px; background-image: url(/_cache/images/upload_ajaxj3Nl0w.w-744.png); } footer { width: 744px; height: auto; padding-top: 7px; padding-bottom: 7px; padding-left: 0px; padding-right: 0px; font-size: 12px; } #center { margin-top: 0px; width: 744px; padding-left: 0px; padding-right: 0px; } #hdr_text { font-size: 23px; } .logo { display:none; } } @media only screen and (min-width: 744px) and (-webkit-min-device-pixel-ratio: 1.50), only screen and (min-width: 744px) and ( min--moz-device-pixel-ratio: 1.50), only screen and (min-width: 744px) and ( -o-min-device-pixel-ratio: 3/2), only screen and (min-width: 744px) and ( min-device-pixel-ratio: 1.50), only screen and (min-width: 744px) and ( min-resolution: 1.50dppx) { .header_img { background-image: url(/_cache/images/upload_ajaxj3Nl0w.pr-150.w-744.png); } } @media only screen and (min-width: 744px) and (-webkit-min-device-pixel-ratio: 1.67), only screen and (min-width: 744px) and ( min--moz-device-pixel-ratio: 1.67), only screen and (min-width: 744px) and ( -o-min-device-pixel-ratio: 5/3), only screen and (min-width: 744px) and ( min-device-pixel-ratio: 1.67), only screen and (min-width: 744px) and ( min-resolution: 1.67dppx) { .header_img { background-image: url(/_cache/images/upload_ajaxj3Nl0w.pr-167.w-744.png); } } @media only screen and (min-width: 744px) and (-webkit-min-device-pixel-ratio: 2.00), only screen and (min-width: 744px) and ( min--moz-device-pixel-ratio: 2.00), only screen and (min-width: 744px) and ( -o-min-device-pixel-ratio: 2/1), only screen and (min-width: 744px) and ( min-device-pixel-ratio: 2.00), only screen and (min-width: 744px) and ( min-resolution: 2.00dppx) { .header_img { background-image: url(/_cache/images/upload_ajaxj3Nl0w.pr-200.w-744.png); } } @media only screen and (min-width: 744px) and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-width: 744px) and ( min--moz-device-pixel-ratio: 2.25), only screen and (min-width: 744px) and ( -o-min-device-pixel-ratio: 9/4), only screen and (min-width: 744px) and ( min-device-pixel-ratio: 2.25), only screen and (min-width: 744px) and ( min-resolution: 2.25dppx) { .header_img { background-image: url(/_cache/images/upload_ajaxj3Nl0w.pr-225.w-744.png); } } @media only screen and (min-width: 1000px) { #area_top { width: 1000px; top:0px; } header { width: 1000px; height: 169px; } .header_img { width: 1000px; height: 169px; background-image: url(/_cache/images/upload_ajaxj3Nl0w.w-1000.png); } footer { width: 1000px; height: auto; padding-top: 10px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; font-size: 15px; } #center { margin-top: 0px; width: 1000px; padding-left: 0px; padding-right: 0px; } #hdr_text { font-size: 28px; } .logo { display:none; } } @media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.50), only screen and (min-width: 1000px) and ( min--moz-device-pixel-ratio: 1.50), only screen and (min-width: 1000px) and ( -o-min-device-pixel-ratio: 3/2), only screen and (min-width: 1000px) and ( min-device-pixel-ratio: 1.50), only screen and (min-width: 1000px) and ( min-resolution: 1.50dppx) { .header_img { background-image: url(/_cache/images/upload_ajaxj3Nl0w.pr-150.w-1000.png); } } @media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.67), only screen and (min-width: 1000px) and ( min--moz-device-pixel-ratio: 1.67), only screen and (min-width: 1000px) and ( -o-min-device-pixel-ratio: 5/3), only screen and (min-width: 1000px) and ( min-device-pixel-ratio: 1.67), only screen and (min-width: 1000px) and ( min-resolution: 1.67dppx) { .header_img { background-image: url(/_cache/images/upload_ajaxj3Nl0w.pr-167.w-1000.png); } } @media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 2.00), only screen and (min-width: 1000px) and ( min--moz-device-pixel-ratio: 2.00), only screen and (min-width: 1000px) and ( -o-min-device-pixel-ratio: 2/1), only screen and (min-width: 1000px) and ( min-device-pixel-ratio: 2.00), only screen and (min-width: 1000px) and ( min-resolution: 2.00dppx) { .header_img { background-image: url(/images/upload_ajaxj3Nl0w.png); } } @media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-width: 1000px) and ( min--moz-device-pixel-ratio: 2.25), only screen and (min-width: 1000px) and ( -o-min-device-pixel-ratio: 9/4), only screen and (min-width: 1000px) and ( min-device-pixel-ratio: 2.25), only screen and (min-width: 1000px) and ( min-resolution: 2.25dppx) { .header_img { background-image: url(/images/upload_ajaxj3Nl0w.png); } } @media only screen and (min-width: 1500px) { } @media only screen and (min-width: 1500px) and (-webkit-min-device-pixel-ratio: 1.50), only screen and (min-width: 1500px) and ( min--moz-device-pixel-ratio: 1.50), only screen and (min-width: 1500px) and ( -o-min-device-pixel-ratio: 3/2), only screen and (min-width: 1500px) and ( min-device-pixel-ratio: 1.50), only screen and (min-width: 1500px) and ( min-resolution: 1.50dppx) { } @media only screen and (min-width: 1500px) and (-webkit-min-device-pixel-ratio: 1.67), only screen and (min-width: 1500px) and ( min--moz-device-pixel-ratio: 1.67), only screen and (min-width: 1500px) and ( -o-min-device-pixel-ratio: 5/3), only screen and (min-width: 1500px) and ( min-device-pixel-ratio: 1.67), only screen and (min-width: 1500px) and ( min-resolution: 1.67dppx) { } @media only screen and (min-width: 1500px) and (-webkit-min-device-pixel-ratio: 2.00), only screen and (min-width: 1500px) and ( min--moz-device-pixel-ratio: 2.00), only screen and (min-width: 1500px) and ( -o-min-device-pixel-ratio: 2/1), only screen and (min-width: 1500px) and ( min-device-pixel-ratio: 2.00), only screen and (min-width: 1500px) and ( min-resolution: 2.00dppx) { } @media only screen and (min-width: 1500px) and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-width: 1500px) and ( min--moz-device-pixel-ratio: 2.25), only screen and (min-width: 1500px) and ( -o-min-device-pixel-ratio: 9/4), only screen and (min-width: 1500px) and ( min-device-pixel-ratio: 2.25), only screen and (min-width: 1500px) and ( min-resolution: 2.25dppx) { }