html { overflow-y: scroll; }
body { margin: 0px; padding: 0px; }
a, input { outline: 0px; }
input[type=radio] { vertical-align: middle; position: relative; bottom: 2px; }
label { font-family: "Font_Gotham_HTF_Light"; font-size: 12px; font-weight: bold; color: #424E6B; text-align: center; }

@font-face { font-family: 'Font_Gotham_HTF_Light'; src: url('gotham-light-webfont.woff2') format('woff2'), url('gotham-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }

#Container { width: 1000px; margin-right: auto; margin-left: auto; background-color: #FFF; }

#Masthead { height: 275px; width: 1000px; background-image: url(../images/logo.webp); margin-top: 5px; margin-bottom: 15px; float: left; background-repeat: no-repeat; background-position: center center; }
#Masthead_Base { height: 10px; width: 1000px; background-color: #424E6B; float: left; }

#Content { float: left; width: 998px; border-right-width: 1px; border-right-style: solid; border-right-color: #424E6B; border-left-style: solid; border-left-width: 1px; border-left-color: #424E6B; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #424E6B; padding-top: 25px; }

#Index_Menu_Container { width: 243px; height: 269px; margin-left: auto; margin-right: auto; }

#Menu_Header { font-family: "Font_Gotham_HTF_Light"; font-size: 28px; color: #053D6F; text-align: center; width: 998px; margin-bottom: 60px; }

#BC_Button, #Reorder_BC_Button { width: 243px; height: 40px; background-image: url(../images/icon_sprite_for_menus.webp); background-position: center 0px; background-repeat: no-repeat; float: left; display: inline; cursor: pointer; }
#PC_Button { height: 50px; background-position: center -174px; }
#Reorder_BC_Button { width: 243px; height: 45px; background-position: center -123px; }
#BC_Label, #Reorder_BC_Label { width: 243px; height: 30px; font-family: "Font_Gotham_HTF_Light"; font-size: 14pt; color: #053D6F; text-decoration: none; font-weight: normal; margin-top: 5px; margin-bottom: 40px; text-align: center; float: left; display: inline  }
#Reorder_BC_Label { width: 243px; }

#Category_Header { font-family: "Font_Gotham_HTF_Light"; font-size: 24px; color: #424E6B; font-weight: bold; text-align: center; padding-top: 54px; padding-bottom: 25px; float: left; width: 998px; }
#Category_Notes { font-family: "Font_Gotham_HTF_Light"; font-size: 10px; font-style: italic; font-weight: normal; color: #004E97; text-decoration: none; text-align: center; float: left; width: 898px; padding-bottom: 20px; }

.Page_Header { font-family: "Font_Gotham_HTF_Light"; font-size: 24px; color: #424E6B; font-weight: bold; }
.Portal_Menu_Header, .Portal_Menu_Header a { font-family: "Font_Gotham_HTF_Light"; font-size: 14px; font-weight: bold; color: #424E6B; text-decoration: none; }
.Portal_Section_Header { font-family: "Font_Gotham_HTF_Light"; font-size: 16px; font-weight: bold; color: #000; text-decoration: none; }

#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: "Font_Gotham_HTF_Light"; font-size: 28px; color: #424E6B; }
.Form_Header { font-family: "Font_Gotham_HTF_Light"; font-size: 12px; font-weight: bold; color: #424E6B; text-decoration: none; }
.Form_Header_Invalid { font-family: "Font_Gotham_HTF_Light"; font-size: 12px; font-weight: bold; color: #FFF; background-color: #900; }
.Form_Notes_Italic { font-family: "Font_Gotham_HTF_Light"; font-size: 10px; font-style: italic; font-weight: normal; color: #004E97; text-decoration: none; }
.Form_Text { font-family: "Font_Gotham_HTF_Light"; font-size: 12px; font-weight: normal; color: #424E6B; background-color: #FFF; border: 1px solid #BBB; text-decoration: none; height: 16px; }
.Reqd_Field { font-family: "Font_Gotham_HTF_Light"; font-size: 9px; font-weight: normal; color: #424E6B; text-decoration: none; }
.Form_Text_Info { font-family: "Font_Gotham_HTF_Light"; font-size: 12px; font-weight: normal; color: #424E6B; text-decoration: none; }
.Form_Text_Invalid { font-family: "Font_Gotham_HTF_Light"; font-size: 12px; font-weight: normal; color: #424E6B; text-decoration: none; background-color: #FCC; border: 1px solid #900; height: 16px; }
.Form_Select { font-family: "Font_Gotham_HTF_Light"; font-size: 12px; font-weight: normal; color: #424E6B; text-decoration: none; border: 1px solid #BBB; background-color: #FFF; height: 20px; }
.Form_Select_Invalid { font-family: "Font_Gotham_HTF_Light"; font-size: 12px; font-weight: normal; color: #424E6B; text-decoration: none; border: 1px solid #900; background-color: #FCC; height: 20px; }

#PDF_Preview_BC { height: 610px; width: 820px; margin-right: auto; margin-left: auto; }
#PDF_Preview_Prayer_Card { height: 650px; width: 800px; margin-right: auto; margin-left: auto; padding-bottom: 20px; }
#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: "Font_Gotham_HTF_Light"; font-size: 12px; font-weight: normal; color: #424E6B; }
.Error_Message { font-family: "Font_Gotham_HTF_Light"; font-size: 14px; font-weight: bold; color: #FFF; background-color: #900; }
.Image_Frame { border: 1px solid #000; }
.Links { font-family: "Font_Gotham_HTF_Light"; font-size: 14px; font-weight: normal; color: #424E6B; text-decoration: underline; }

#Thanks_For_Order { font-family: "Font_Gotham_HTF_Light"; font-size: 24px; color: #424E6B; font-weight: bold; text-align: center; padding-top: 30px; padding-bottom: 60px; }
#Return_To_Home { text-align: center; padding-bottom: 15px; }

#ob_areacode, #ob_exchange, #areacode, #exchange, #cell_areacode, #cell_exchange, #fax_areacode, #fax_exchange, #pgr_areacode, #pgr_exchange, #hm_areacode, #hm_exchange { width: 32px; }
#ob_last4, #last4, #cell_last4, #fax_last4, #pgr_last4, #hm_last4 { width: 38px; }

iframe { padding-bottom: 20px; }

#cc_alert_container, #cc_please_wait_container { font-family: "Font_Myriad_Bold"; font-size: 18pt; position: absolute; top: 50%; margin-top: -95px; left: 50%; margin-left: -210px; width: 400px; min-height: 100px; height: auto; overflow: hidden; color: #053D6F; background-color: #E3DCEB; text-align: center; vertical-align: middle; padding-top: 20px; padding-right: 10px; padding-bottom: 20px; padding-left: 10px; border: 1px solid #053D6F; border-radius: 5px; box-shadow: 2px 2px 5px #053D6F; }
.cc_alert_actions { font-family: "Font_Myriad_Bold"; font-size: 12pt; background-color: #053D6F; color: #FFF; width: 75px; height: 23px; padding-top: 2px; border-radius: 5px; margin-left: auto; margin-right: auto; cursor: pointer; border: 1px outset #053D6F; box-shadow: 1px 1px 3px #053D6F; }
#cc_confirm_actions_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 #053D6F; box-shadow: 1px 1px 10px #053D6F; 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_actions_header { font-family: "Font_Gotham_HTF_Light"; font-size: 16pt; text-align: center; text-transform: uppercase; color: #FFF; padding: 8px; width: inherit; height: auto; overflow: hidden; background-color: #053D6F; font-weight: bold; }
.cc_confirm_actions_question { font-family: "Font_Gotham_HTF_Light"; font-size: 14pt; text-align: center; color: #053D6F; padding: 8px; width: inherit; height: auto; overflow: hidden; background-color: #FFF; }
.cc_confirm_actions_button_container { width: inherit; height: auto; overflow: hidden; text-align: center; padding: 8px; background-color: #FFF; }
.cc_confirm_actions,.cc_confirm_archive { font-family: Font_Gotham_HTF_Light; font-size: 12pt; color: #FFF; width: auto; height: auto; overflow: hidden; background-color: #053D6F; 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 #053D6F; box-shadow: 1px 1px 3px #053D6F; }
#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 #fff; border-right-color: transparent; border-radius: 50%; }
@keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

/* PDF Link Page */
#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;
}