*, p { margin: 0; padding: 0; font-family:'TitilliumRegular',Verdana;color:#565656; } body { margin:0px 0px 0px 0px; background: #ADD6E0;} #page-wrap { margin: 0px auto; background-color: white; min-height:100%;} #nav { display: none; } #header { position:fixed; width:100%; z-index:10000;background-color: #77BBCC; border:none} #miniheader { position:fixed; width:100%; z-index:10000;background-color: #77BBCC; } #main-content { background-color: white; } #secondary-one { background-color: white;} #secondary-two { background-color: white;} #subline {position:fixed;bottom:0px;z-index:1000;} a {text-decoration: none; color:#006BB2;} h1{font-family:'TitilliumRegular',Verdana;font-size:28pt;line-height: 30pt;font-weight:normal;text-transform:uppercase;margin-top:-5px;} h2{font-family:'TitilliumRegular',Verdana;font-size:20pt;line-height: 24pt;font-weight:normal;text-transform:uppercase;} h3{font-family:'TitilliumBold',Verdana;font-size:16pt;line-height: 20pt;font-weight:normal;text-transform:none;} h5{font-family:'TitilliumBold',Verdana;font-size:14pt;line-height: 20pt;font-weight:normal;text-transform:none;} h6{font-family:'TitilliumBold',Verdana;font-size:12pt;line-height: 15pt;font-weight:normal;text-transform:none;} displayNone{display:none;} p, .plainText,li {font-family:'TitilliumRegular',Verdana;font-size:20px;line-height: 30px;font-weight:normal;text-transform:none;} .message {width:55%;padding:20px;border-radius:10px;text-align:center;vertical-align:top;background-color:white;} .message, .message a {font-family:'TitilliumBold',Verdana;font-size:14pt;line-height: 16pt;font-weight:bold;font-style:italic;color:#000066;} .messageOmbox {position:fixed;width:100%;height:100%;left:0;top:0;padding-right:20%;padding-left:20%;padding-top:20px;background-color:rgba(0, 0, 0, 0.4);text-align: center;z-index:10000000000;} .dialogBackground { position:fixed; width:100%; height:100%; left:0px; top:0px; background-color:rgba(0, 0, 0, .7); z-index:100000000000; display:none; } .dialogBox { clear:both; height:80%; background-color:lightgray; border-radius:5px; padding:10px; border:1px solid white; overflow-y: auto; overflow-x: hidden; } .menu_top { padding:1px; padding-left:3px; padding-right:3px; position:relative; height:24pt; font-size: 14pt; line-height: 24pt; float:left; } .menu_top > ul { float:left; list-style-type:none; display: inline; padding-left: 0px; padding-right: 0px; padding-bottom: 5px; border-radius:1px; position:fixed; top:100px; background-color:#ADD6E0; white-space: nowrap; } .menu_top > ul > li { border: 0px solid black; padding:1px; padding-left:13px; padding-right:13px; padding-bottom:6px; height:20pt; } .menu_top > ul > li:hover, .menu_top > ul > li a:hover { background-color: #77BBCC; color: white; } .menu_top > ul { visibility:hidden; opacity:0; transition:visibility 0s linear 1s,opacity 0.5s linear; -webkit-transition: visibility 0s linear 1s,opacity 0.5s linear; } .menu_top:hover > ul { visibility:visible; opacity:1; transition-delay:0.5s; -webkit-transition-delay:0.5s; } .menu_top_devider { margin-top:-3px; color: black; } .button_inline, .button_inline_social, .button_inline_blink, .button_inline_social_small, .iframe_title, .hour_chooser > label, .chooser_radio > label, .chooser_checkbox > label { font-size: 10pt; line-height: 10pt; background-color:#1c7bc9; font-family: 'TitilliumBdBold',verdana; text-decoration:none; text-transform: uppercase; text-align:center; color: white; font-weight: normal; border-radius:5px; border:none; padding:8px; cursor:pointer; } .button_inline { float:left; margin-right:10px; } .button_inline_active, .button_menu_active,.button_inline:hover,.button_menu:hover,.button_inline_blink,.hour_chooser > label:hover, .hour_chooser input[type="radio"]:checked+label, .chooser_radio > label:hover, .chooser_radio input[type="radio"]:checked+label, .chooser_checkbox > label:hover, .chooser_checkbox > label input[type="checkbox"]:checked+label { background-color:#ffc966; } .button_inline_blink { background-color:orange; color:black; -webkit-animation-name: blinker; -webkit-animation-duration: 3s; -webkit-animation-timing-function: ease-in; -webkit-animation-iteration-count: infinite; -moz-animation-name: blinker; -moz-animation-duration: 3s ; -moz-animation-timing-function: ease-in; -moz-animation-iteration-count: infinite; animation-name: blinker; animation-duration: 3s; animation-timing-function: ease-in; animation-iteration-count: infinite; } @-moz-keyframes blinker { 0% { opacity: 1; } 50% { background-color:#ffe4b3;} 100% { opacity: 1; } } @-webkit-keyframes blinker { 0% { opacity: 1; } 50% { background-color:#ffe4b3;} 100% { opacity: 1; } } @keyframes blinker { 0% { opacity: 1; } 50% { background-color:#ffe4b3;} 100% { opacity: 1; } } .iframe_title { margin:-5px 0px 10px 0px; width:auto; } .button_inline, .hour_chooser > label, .chooser_radio > label, .chooser_checkbox > label { background-color:orange; color: black; } .button_inline_social_small { float:right; margin-top:0px; padding:6px; width:10px; height:10px; } .button_inline_social_small a { color: white; } .header_margin { height:85px; width:100%; border:none; z-index;-1000; } .alinea, .alinea_unfolded { border-bottom:1px solid #77BBCC; margin-bottom:15px; padding-bottom:10px; } .alinea_a, .tech_a { position:absolute;margin-top:-120px;border: none;display: block; } .warning, .iframe_warning { color:#000066; padding:10px; width:auto; background-color:pink; border-radius:6px; border:none; margin-bottom:10px; } .share { position: relative; float:right; display: inline-block; } .share .share_menu { display: none; margin: 0; list-style: none; padding: 0; } .share_menu { position: absolute; right:0px; } .share:hover .share_menu { display: block; } .share button { width:30px; height:30px; font-size: 10px; line-height: 8px; background-color:#1c7bc9; font-family: 'TitilliumBdBold',verdana; text-decoration:none; text-transform: uppercase; color: white; font-weight: normal; border-radius:5px; border:none; padding:3px; } .share li{ font-size: 12pt; line-height: 10pt; width:250px; text-align:left; } .share a, .share_this { display: block; text-decoration: none; margin:2px; background: #1c7bc9; color: white; border-radius:5px; padding:12px; } .share a:hover { background: orange; color: black; } .hour_chooser, .chooser_radio, .chooser_checkbox { clear:both; font-size: 9pt; font-family: Roboto-Regular,verdana; text-decoration:none; text-transform: uppercase; color: black; font-weight: normal; border-radius:5px; padding:10px 0px 10px 0px; margin-bottom:5px; } .hour_chooser input[type="radio"], .chooser_radio input[type="radio"], ._chooser_checkbox input[type="checkbox"] { display: none; } .chooser_radio > label, .chooser_checkbox > label { margin-bottom:5px; margin-right:5px; padding-bottom:0px; padding-top:8px; } .hour_chooser > label, { margin-bottom:5px; margin-right:5px; padding-bottom:0px; padding-top:3px; } .chooser_radio > label, .chooser_checkbox > label { position:relative; float:left; display:inline; width:30%; } .chooser_radio input[type="radio"], .chooser_checkbox input[type="checkbox"]{ display: none; } .chooser_radio, .chooser_checkbox { width:100%; } .chooser_radio > label, .chooser_checkbox > label { float:left; margin-bottom:5px; margin-right:5px; background-color:lightGray; border:1px solid white; color:black; height:19px; } .chooser_radio > label:hover, .chooser_radio input[type="radio"]:checked+label, .chooser_checkbox input[type="checkbox"]:checked+label { background-color:orange; border:1px solid orange; color:black; } #table { line-height: 14pt; font-size: 10pt; width: 99%; border-collapse: collapse; } #table td, #table th { font-size: 1em; border: 1px solid #77BBCC; padding: 3px 7px 2px 7px; } #table th { font-size: 1.1em; text-align: left; padding-top: 5px; padding-bottom: 4px; background-color: #77BBCC; color: #ffffff; } #table tr.odd td { color: #000000; background-color: #ADD6E0; } img { max-width:100%; } .main_img_width_10 {width:10%;} .main_img_width_20 {width:20%;} .main_img_width_30 {width:30%;} .main_img_width_40 {width:40%;} .main_img_width_50 {width:50%;} .main_img_width_60 {width:60%;} .main_img_width_70 {width:70%;} .main_img_width_80 {width:80%;} .main_img_width_90 {width:90%;} .main_img_width_100 {width:100%;} .img_left_10, .img_left_20, .img_left_30, .img_left_40, .img_left_50, .img_left_60, .img_left_70, .img_left_80 { float:left; border-radius:10px; border: none; margin-right:10px; margin-bottom:10px; } .img_left_10 {width:10%;} .img_left_20 {width:20%;} .img_left_30 {width:30%;} .img_left_40 {width:40%;} .img_left_50 {width:50%;} .img_left_60 {width:60%;} .img_left_70 {width:70%;} .img_left_80 {width:80%;} .img_right_10, .img_right_20, .img_right_30, .img_right_40, .img_right_50, .img_right_60, .img_right_70, .img_right_80 { float:right; border-radius:10px; border: none; margin-left:10px; margin-bottom:10px; } .img_right_10 {width:10%;} .img_right_20 {width:20%;} .img_right_30 {width:30%;} .img_right_40 {width:40%;} .img_right_50 {width:50%;} .img_right_60 {width:60%;} .img_right_70 {width:70%;} .img_right_80 {width:80%;} @keyframes spinner { to {transform: rotate(360deg);} } .spinner:before { content: ''; box-sizing: border-box; position: absolute; width: 50px; height: 50px; margin-top: -10px; margin-left: -10px; border-radius: 50%; border: 2px solid #ccc; border-top-color: #000; animation: spinner .6s linear infinite; } .clear { clear:both; }