@charset "utf-8";
/* BEGIN https://stackoverflow.com/questions/47659664/flexbox-with-fixed-header-and-footer-and-scrollable-content */
html, body { margin: 0; height: 100%; padding: 0px; overflow: hidden; }
#container { display: flex; flex-direction: column; height: 100%; background-color: #FFF; }
header { height: max-content; width: 100%; float: left; }
main { flex: 1; overflow: auto; }							/* overflow was originally "auto". To scroll just the "main" div */
section { height: 100%; overflow: auto; width: 100%; }
section:last-child { border: none; }
footer { font-family: Verdana, Geneva, sans-serif; font-size: 9pt; width: 100%; height: 12px; margin: 0; padding: 0; padding-top: 10px; padding-bottom: 4px; text-align: center; float: left; color: #FFF; background: -webkit-gradient(linear, left top, left bottom, from(#0098A5), to(#61ADE0)); background: -moz-linear-gradient(top, #0098A5, #61ADE0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0098A5, endColorstr=#61ADE0); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0098A5, endColorstr=#61ADE0)"; }
/* END https://stackoverflow.com/questions/47659664/flexbox-with-fixed-header-and-footer-and-scrollable-content */

a, input { outline: 0px; }
input[type=radio] {	vertical-align: middle; position: relative; bottom: 2px; }
label { font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight: normal; color: #0067B1; text-align: center; }

#Container { width: 100%; margin-right: auto; margin-left: auto; background-color: #FFF; }
#Masthead { height: 150px; width: 100%; background-image: url(../images/logo.webp); margin-top: 5px; margin-bottom: 5px; float: left; background-repeat: no-repeat; background-position: center center; }
#Masthead_Index { height: 265px; width: 100%; background-image: url(../images/logo_index.webp); margin-top: 5px; margin-bottom: 5px; float: left; background-repeat: no-repeat; background-position: top center; }
#Masthead_Base { height: 25px; width: 100%; float: left; color: #0098A5; background: -webkit-gradient(linear, left top, left bottom, from(#0098A5), to(#61ADE0)); background: -moz-linear-gradient(top, #0098A5, #61ADE0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0098A5, endColorstr=#61ADE0); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0098A5, endColorstr=#61ADE0)"; }

#Content { float: left; width: inherit; padding-top: 45px; }
#Index_Menu_Container { width: 486px; height: 269px; margin-left: auto; margin-right: auto; }
#Menu_Header { font-family: "Tw Cen MT"; font-size: 28px; color: #1B3664; text-align: center; width: 100%; margin-bottom: 60px; }
.Page_Header { font-family: Verdana, Geneva, sans-serif; font-size: 24px; color: #0068B1; font-weight: bold; }
#BC_Button,#EN_Button,#LH_Button { width: 44px; height: 40px; background-image: url(../images/icon_sprite_for_menus.webp); background-position: center 0px; background-repeat: no-repeat; padding-left: 59px; padding-right: 59px; float: left; display: inline; cursor: pointer; }
#EN_Button { background-position: center -82px; }
#LH_Button { background-position: center -41px; }
#BC_Label, #EN_Label, #LH_Label { width: 162px; height: 30px; font-family: "Tw Cen MT"; font-size: 14pt; color: #0067B1; text-decoration: none; font-weight: normal; margin-top: 5px; text-align: center; float: left; display: inline; }
#Category_Header { font-family: Verdana, Geneva, sans-serif; font-size: 24px; color: #0068B1; font-weight: bold; text-align: center; padding-top: 54px; padding-bottom: 25px; float: left; width: 100%; }
#Category_Notes { font-family: Verdana, Geneva, sans-serif; font-size: 10px; font-style: italic; font-weight: normal; color: #004E97; text-decoration: none; text-align: center; float: left; width: 898px; padding-bottom: 20px; }
#quantity_menu { margin-top: -5px; margin-left: -5px; }
#Form_Container { float: left; width: 760px; margin-left: 74px; }
#Form_Center { float: left; width: 760px; margin-left: 74px; text-align: center; padding-bottom: 250px; }
#Form_Header { font-family: Verdana, Geneva, sans-serif; font-size: 28px; color: #1B3664; }
#Preview_PC { display: none; }
#PDF_Preview_BC { height: 540px; width: 820px; margin-right: auto; margin-left: auto; padding-bottom: 20px; }
.Preview_Image_BC,.Preview_Image_PC { width: 400px; height: 229px; border: 1px solid #000; background-image: url(../images/sample_business_card.webp); margin-bottom: 4px; }
.Preview_Image_PC { background-image: url(../images/sample_program_card.webp); }
.Preview_Label { width: 400px; height: 32px; max-height: 32px; }
#Footer { height: 57px; width: 1000px; background-image: url(../images/footer.webp); background-repeat: no-repeat; background-position: left top; float: left; }
.Card_Quantity { font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight: normal; color: #0067B1; }
.Error_Message { font-family: Verdana, Geneva, sans-serif; font-size: 14px; font-weight: bold; color: #FFF; background-color: #900; }
.Form_Header { font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight: bold; color: #0067B1; text-decoration: none; }
.Form_Header_Invalid { font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight: bold; color: #FFF; background-color: #900; }
.Form_Notes_Italic { font-family: Verdana, Geneva, sans-serif; font-size: 10px; font-style: italic; font-weight: normal; color: #004E97; text-decoration: none; }
.Form_Text { font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight: normal; color: #0067B1; background-color: #FFF; text-decoration: none; border: 1px solid #AAA; height: 19px; }
.Form_Text_Info { font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight: normal; color: #0067B1; text-decoration: none; }
.Form_Text_Invalid { font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight: normal; color: #0067B1; text-decoration: none; background-color: #FCC; border: 1px solid #900; height: 19px; }
.Form_Select { font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight: normal; color: #0067B1; text-decoration: none; border: 1px solid #BBB; background-color: #FFF; height: 23px; }
.Form_Select_Invalid { font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight: normal; color: #0067B1; text-decoration: none; border: 1px solid #900; background-color: #FCC; height: 23px; }
.Reqd_Field { font-family: Verdana, Geneva, sans-serif; font-size: 9px; font-weight: normal; color: #0067B1; text-decoration: none; }
.Image_Frame { border: 1px solid #000; }
.Links { font-family: Verdana, Geneva, sans-serif; font-size: 14px; font-weight: normal; color: #0067B1; text-decoration: underline; }
#Thanks_For_Order { font-family: Verdana, Geneva, sans-serif; font-size: 24px; color: #0068B1; font-weight: bold; text-align: center; padding-top: 30px; padding-bottom: 60px; }
#Return_To_Home { text-align: center; padding-bottom: 15px; }
.Portal_Menu_Header, .Portal_Menu_Header a { font-family: Verdana, Geneva, sans-serif; font-size: 14px; font-weight: bold; color: #0068B1; text-decoration: none; }
.Portal_Section_Header { font-family: Verdana, Geneva, sans-serif; font-size: 16px; font-weight: bold; color: #000; text-decoration: none; }
#requestor_phone_ac, #requestor_phone_ex, #phone_ac, #phone_ex, #cell_ac, #cell_ex, #fax_ac, #fax_ex, #pgr_ac, #pgr_ex, #hm_ac, #hm_ex { width: 32px; }
#requestor_phone_nm, #phone_nm, #cell_nm, #fax_nm, #pgr_nm, #hm_nm { width: 38px; }
iframe { padding-bottom: 20px; }
#Past_Orders_Lookup tr:nth-child(even) { background: #CCC; }
#Past_Orders_Lookup tr:nth-child(odd) { background: #FFF; }
.Past_Orders_Lookup_Header { font-family: Verdana, Geneva, sans-serif; font-size: 14px; font-weight: bold; background-color: #0068B1; color: #FFF; }
.Past_Orders_Lookup_Cell { border-top-width: 1px; border-top-style: solid; border-top-color: #0068B1; }

#cc_alert_container,.cc_alert_container,#cc_please_wait_container,#cc_error_container { font-family: Verdana, Geneva, sans-serif; font-size: 18pt; position: fixed; top: 50%; margin-top: -95px; left: 50%; margin-left: -225px; width: 450px; min-height: 150px; height: max-content; max-height: 350px; overflow-y: auto; color: #0067B1; background-color: #E3DCEB; text-align: center; vertical-align: middle; /* padding-top: 20px; padding-bottom: 20px;*/ border: 1px solid #0067B1; border-radius: 5px; box-shadow: 2px 2px 5px #000; z-index: 5000; }
.cc_alert_header,.cc_error_header { font-family: Verdana, Geneva, sans-serif; font-size: 14pt; text-align: center; color: #FFF; padding-top: 8px; padding-bottom: 8px; width: inherit; height: auto; overflow: hidden; background-color: #0067B1; font-weight: normal; }
.cc_alert_message,.cc_error_message { font-family: Verdana, Geneva, sans-serif; font-size: 14pt; text-align: center; color: #0067B1; padding-top: 8px; padding-bottom: 8px; width: inherit; height: auto; min-height: 150px; max-height: 400px; overflow: hidden; background-color: #FFF; }
.cc_alert_actions,.cc_error_actions { font-family: Verdana, Geneva, sans-serif; font-size: 12pt; position: absolute; bottom: 10px; left: 50%; margin-left: -38px; width: 75px; height: 23px; padding-top: 2px; background-color: #0067B1; color: #FFF; border-radius: 5px; cursor: pointer; border: 1px outset #000; box-shadow: 1px 1px 3px #000; }

#cc_error_container { color: #900; background-color: #E3DCEB; }
.cc_error_header { background-color: #900; color: #FFF; }
.cc_error_message { color: #900; }
.cc_error_actions { background-color: #900; color: #FFF; overflow: hidden; }

#cc_confirm_container { position: absolute; top: 25%; left: 50%; margin-left: -200px; width: 400px; max-width: 400px; height: auto; overflow: hidden; max-height: 350px; z-index: 5000; border: 1px outset #FFF; box-shadow: 1px 1px 10px #0067B1; background-color: #FFF; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; behavior:url("border-radius.htc"); }
.cc_confirm_header { font-family: Verdana, Geneva, sans-serif; font-size: 16pt; text-align: center; text-transform: uppercase; color: #FFF; padding: 8px; width: inherit; height: auto; overflow: hidden; background-color: #0067B1; font-weight: bold; }
.cc_confirm_question { font-family: Verdana, Geneva, sans-serif; font-size: 14pt; text-align: center; color: #0067B1; padding: 8px; width: inherit; height: auto; overflow: hidden; background-color: #FFF; }
.cc_confirm_button_container { width: inherit; height: auto; overflow: hidden; text-align: center; padding: 8px; background-color: #FFF; }
.cc_confirm_actions,.cc_confirm_archive { font-family: Verdana, Geneva, sans-serif; font-size: 12pt; color: #FFF; width: auto; height: auto; overflow: hidden; background-color: #0067B1; padding-top: 2px; padding-left: 10px; padding-right: 10px; border-radius: 5px; margin-left: 5px; margin-right: 5px; float: left; display: inline; cursor: pointer; border: 1px outset #0067B1; box-shadow: 1px 1px 3px #0067B1; }
#cc_confirm_actions_container { width: max-content; height: 25px; margin-left: auto; margin-right: auto; margin-bottom: 5px; }
#cc_please_wait_container { display: none; } 
.spinner { position: relative; left: 50%; margin-left: -14px; height: 28px; width: 28px; animation: rotate 0.8s infinite linear; border: 8px solid #000; border-right-color: transparent; border-radius: 50%; }
@keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
#modal_shade { position: fixed; left: 0px; top: 0px; width:100%; height:100%; text-align:center; z-index: 4990; background-color: #000; opacity: .75; }