@charset "utf-8"; /* CSS Document */ body { font:Arial, Helvetica, sans-serif; background: #FFFFFF; } #container { width: 550px; margin: 0 auto; border: 1px solid #CCC; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } h1 { font-size: 16pt; font-weight: bold; color: #FFFFFF; } h2 { font-size: 11pt; font-weight: bold; color: #00a6b6; margin: 3px; } h3 { font-size: 1.199em; font-weight: normal; color: #852A63; padding-top:8px; padding-left: 10px; margin-top: -5px; margin-left: 0; margin-right:0; border-top: 0.18em dotted #CCC; } h3 a { font-size: 60%; font-weight: normal; color: #FDFDFD; } table.mainForm { font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 10pt; width: 100%; margin: 0 auto; padding:5px; } tr { background: #fff; } table.navButton tr { background: #136C75; } tr.heading3 { } td { border-color: #ccc; border-width: 0; border-style: solid solid none none; padding: 5px; } td.heading2 { border-color: #FFFFFF; border-width: 3px 3px 0px 3px; border-style: solid solid none solid; padding: 5px; } td.fullspan { padding: 5px; } td.fullspanThin { border-color: #FFFFFF; border-width: 3px 3px 0px 3px; border-style: solid solid none solid; font-size: 7pt; padding: 0px; } td.fullspanBanner { border-color: #FFFFFF; border-width: 3px 3px 0px 3px; border-style: solid solid none solid; padding: 5px; } td.fullspanIframe { border-color: #FFFFFF; border-width: 3px 3px 0px 3px; border-style: solid solid none solid; padding: 5px; } td.fullspanReturn { border-color: #FFFFFF; border-width: 3px 3px 0px 3px; border-style: solid solid none solid; padding: 5px; text-align: center; } td.title { color: #000000; font-weight: normal; text-align: right; padding: 5px; width: 50%; } .checkboxT { vertical-align:text-top; } td.titleBold { background-color: #c7c8ca; color: #000000; font-weight: bold; text-align: right; border-color: #FFFFFF; border-width: 3px 3px 0px 3px; border-style: solid solid none solid; padding: 5px; width: 50%; } td.titleMain { background-color: #c7c8ca; color: #000000; font-weight: bold; text-align: right; border-color: #FFFFFF; border-width: 3px 0px 0px 3px; border-style: solid none none solid; padding: 5px; width: 50%; } td.titlePlain { background-color: #c7c8ca; color: #000000; font-weight: normal; text-align: right; border-color: #FFFFFF; border-width: 3px 0px 0px 3px; border-style: solid none none solid; padding: 5px; width: 50%; } td.titleMainRight { background-color: #c7c8ca; color: #000000; font-weight: bold; text-align: right; border-color: #FFFFFF; border-width: 3px 3px 0px 0px; border-style: solid solid none none; padding: 5px; width: 50%; } td.titleMainFull { background-color: #c7c8ca; color: #000000; font-weight: bold; text-align: left; border-color: #FFFFFF; border-width: 3px 3px 0px 3px; border-style: solid solid none solid; padding: 5px; width: 50%; } td.bannerLeft { background-color: #FFFFFF; border-color: #FFFFFF; border-width: 0; border-style: solid solid none solid; padding: 10px; width: 20%; } td.bannerTitleLeft { visibility:hidden; width: 0px; background-color: #fff; } td.bannerTitleRight { background: #fff; font-size: 2em; font-weight: normal; color: #1B8B9D; text-align: right; vertical-align: middle; padding-right: 0.5em; padding-top:3%; width: 90%; float:right; clear: right; } td.title span.bold { font-weight: bold; } td.navLeft { color: #000000; font-weight: normal; text-align: left; vertical-align: middle; border-color: #FFFFFF; border-width: 3px 0px 0px 3px; border-style: solid none none solid; padding: 5px; width: 50%; } .navRight { height: 2em; color: #000000; font-weight: normal; text-align:right; vertical-align: middle; border: none; padding: 8px; padding-right:5%; margin: 5px; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; } td.navFullspan { color: #000000; font-weight: normal; vertical-align: middle; border-color: #FFFFFF; border-width: 3px 3px 0px 3px; border-style: solid solid none solid; padding: 5px; text-align: center; } td.messageAlert { color: red; font-weight: bold; text-align: center; border-color: #FFFFFF; border-width: 3px 3px 0px 3px; border-style: solid solid none solid; padding: 5px; } td.messageAlertNormal { color: red; font-weight: normal; text-align: center; border-color: #FFFFFF; border-width: 3px 3px 0px 3px; border-style: solid solid none solid; padding: 5px; } td.progress { background: #ddd; color: #00a6b6; font-weight: bold; font-size: 9pt; border-color: #FFFFFF; border-width: 3px 3px 0px 3px; border-style: solid solid none solid; padding: 5px; } td.checkbox { font-size: 1em; } .small { color: #000; text-align: left; font-size: 88%; line-height: 135%; font-weight: normal; padding:8px; } span.smallWhite { color: #FFFFFF; text-align: right; font-size: 80%; font-weight: normal; } .navButton { background: #FFFFFF; font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 10pt; width: 720px; } .navButtonLink { cursor: pointer; color: #DDDDDD; } .titleLink { cursor: pointer; } .warning { color: #FF0000; } img.step { margin-left: 3px; } img.progress_arw{ margin-top: 6px; margin-left: 7px; } img.nav { cursor: pointer; } input.inputText { border: 1px solid #00a6b6; width: 200px; } input.inputTextSmall { border: 1px solid #00a6b6; width: 40px; } input.inputTextSmallNE { border: 0px solid #00a6b6; width: 40px; background: #EEEEEE; color: red; } input.inputTextMed { border: 1px solid #00a6b6; width: 156px; } input.inputTextMedTel { border: 1px solid #00a6b6; width: 133px; } input.inputTextMedNE { border: 0px solid #00a6b6; width: 156px; background: #EEEEEE; color: red; } input.inputRadio { margin-right: 5px; } input.inputCheckbox { margin-right: 5px; margin-top: 5px; } select.selectOne, select.selectMultiple { border: 1px solid #00a6b6; width: 200px; padding: 4px 0px; } .selectOne { margin:4px 0; margin-right:6px; } select.selectOneSmall, select.selectMultipleSmall { border: 1px solid #00a6b6; width: 65px; padding: 1px 0px 0px 0px; margin-right: 5px; } select.selectOneSmallTel { border: 1px solid #00a6b6; width: 50px; padding: 1px 0px 0px 0px; margin-right: 5px; } select.selectOneLong, select.selectMultipleLong { border: 1px solid #00a6b6; width: 340px; padding: 1px 0px 0px 0px; } textarea { border: 1px solid #00a6b6; width: 200px; } textarea.textAreaLarge { width: 340px; } .hide { display:none; } .bullet_ul { list-style-type: none; padding: 0; margin: 0: } .bullet_li { background-image: url(bullet_bluegreen.gif); background-repeat: no-repeat; background-position: 0px 3px; padding-left: 15px; margin-left: 20px; } .grey { background-color: #F1F2F2; } /* TELEPHONE NUMBERS ---------------------------------------------- */ table.mainFormTelNo { background: #EEEEEE; font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 10pt; } table.mainFormTelNo tr { background: #EEEEEE; } table.mainFormTelNo td { border-color: #EEEEEE; border-width: 0px 0px 0px 0px; border-style: none none none none; padding: 0px; } table.mainFormTelNo td.TelNoPost { padding-left: 15px; } @media screen and (max-device-width:900px) { #container { width:100%; margin: 0 auto; border: 1px solid #CCC; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } table.mainForm { font-size: 1em; width: 100%; } td.bannerLeft { width: 7%; padding-top:8px; margin: 0; line-height:1em; } td.bannerTitleRight { background: #fff; font-size: 1.05em; font-weight: bold; color: #1B8B9D; text-align: right; vertical-align: middle; padding-right: 0.5em; padding-top:12px; width: 93%; } #cualogo { width: 85px; } .fullspan { margin:0; } #validationError { margin:0; padding:1px; } h3 { font-size: 1em; font-weight: bold; color: #852A63; margin: -5px; padding-top:8px; border-top: 0.105em dotted #CCC; } #validationError { color:#636; font-size: 0.9em; } tr { background: #fff; } td { border-color: #ccc; border-width: 1px; border-style: solid solid none none; padding: 5px; } td.title { color: #000000; font-weight: normal; text-align: right; padding: 5px; width: 40%; } .checkboxT { vertical-align:text-top; } table.navButton { background: #136C75; width:98%; } tr.heading3 { color: #636; } td { border-width:0px; } td.checkbox { font-size: 0.7em; } .navRight { height: 2em; color: #000000; font-weight: normal; text-align: right; vertical-align: middle; border: none; padding: 8px; } span.small { color: #999; text-align: right; font-size: 0.8em; font-weight: normal; } .small { color: #000; text-align: left; font-size: 0.8em; line-height: 1.2em; } span.smallWhite { color: #666; text-align: right; font-size: 70%; font-weight: normal; } input.inputText { border: 1px solid #00a6b6; width: 100%; height: 2em; } textarea { border: 1px solid #00a6b6; width: 100%; } textarea.textAreaLarge { width: 100%; } input.inputTextSmall { border: 1px solid #00a6b6; width: 100%; height: 2em; } select.selectOne, select.selectMultiple { border: 1px solid #00a6b6; width: 100%; height: 2em; } select.selectOneSmall, select.selectMultipleSmall { border: 1px solid #00a6b6; width: 100%; padding: 1px 0px 0px 0px; margin-right: 0px; } select.selectOneSmallTel { border: 1px solid #00a6b6; width: 100%; padding: 1px 0px 0px 0px; margin-right: 0px; } select.selectOneLong, select.selectMultipleLong { border: 1px solid #00a6b6; width: 100%; padding: 1px 0px 0px 0px; } .selectOne { margin:4px 0; line-height:2em; margin-right:6px; } input.inputTextSmallNE { border: 1px solid #00a6b6; width: 100%; padding: 1px 0px 0px 0px; } input.inputTextMed { border: 1px solid #00a6b6; width: 100%; padding: 1px 0px 0px 0px; } input.inputTextMedTel { border: 1px solid #00a6b6; width: 100%; padding: 1px 0px 0px 0px; } input.inputTextMedNE { border: 1px solid #00a6b6; width: 100%; padding: 1px 0px 0px 0px; } }