/* HTML Element Styles */

a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #E2C574; text-decoration: none; }
a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #E2C574; text-decoration: none; }
a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #E2C574; text-decoration: none; }
a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #E2C574; text-decoration: underline; }

body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFF; text-decoration: none; background-color: #AE1F25; margin: 0 0 0 0; background-image: url(/images/common/background.gif); background-repeat: repeat-y; line-height: 18px }

h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #E2C574; text-decoration: none; margin-bottom: 0; }

/* CLASSES */

.copy { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; text-decoration: none; margin: 0; margin-bottom: 8px; line-height: 18px; } 

.db_score { margin-left: 207px; }
.db_test_score { width: 319px; height: 31px; text-align: left; vertical-align: middle; line-height: 32px; color: #BE745F; font-weight: bold; font-size: 12px; }

.drinkbuilder_body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; text-decoration: none; margin: 0; margin-bottom: 8px; line-height: 18px; } 
.drinkbuilder-link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #EB1C2C; text-decoration: none; }
.drinkbuilder-link:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #EB1C2C; text-decoration: none; }
.drinkbuilder-link:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #EB1C2C; text-decoration: none; }
.drinkbuilder-link:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #EB1C2C; text-decoration: underline; }

.edu-content { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #1B1B1B; }

.edu-center-headline { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold; color: #9F8A51; padding-bottom: 1px; text-decoration: none; }

.edu-center-headline-link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold; color: #9F8A51; padding-bottom: 8px; text-decoration: none; }
.edu-center-headline-link:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold; color: #9F8A51; padding-bottom: 8px; text-decoration: none; }
.edu-center-headline-link:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold; color: #9F8A51; padding-bottom: 8px; text-decoration: none; }
.edu-center-headline-link:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold; color: #9F8A51; padding-bottom: 8px; text-decoration: underline; } 

.edu-left-nav { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #E2C574; text-decoration: none;  }
.edu-left-nav:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #E2C574; text-decoration: none; }
.edu-left-nav:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #E2C574; text-decoration: none; }
.edu-left-nav:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FFF; text-decoration: underline; }

.edu-left-nav-selected { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FFF; text-decoration: none; }
.edu-left-nav-selected:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FFF; text-decoration: none; }
.edu-left-nav-selected:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FFF; text-decoration: none; }
.edu-left-nav-selected:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FFF; text-decoration: underline; }

.edu-left-nav-nolink { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #E2C574; text-decoration: none; }
.edu-left-nav-nolink:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #E2C574; text-decoration: none; }
.edu-left-nav-nolink:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #E2C574; text-decoration: none; }
.edu-left-nav-nolink:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #E2C574; text-decoration: none; }

.edu-left-nav-bullet { width: 15px;  }

.edu-left-nav-active {  background: url(/images/common/active_bullet.png) no-repeat left top; }

.edu-left-nav-enabled {  background: url(/images/common/normal_bullet.png) no-repeat left top; }
.edu-left-nav-enabled:hover {  background: url(/images/common/active_bullet.png) no-repeat left top; }

.edu-left-nav-disabled { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #826F4F; text-decoration: none; background: url(/images/common/disabled_bullet.png) no-repeat left top; }
.edu-left-nav-disabled-heading { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #826F4F; text-decoration: none; }

.edu-left-nav-module-table { color: #E2C574; }
.edu-left-nav-module-table td { padding-top: 10px; }

.edu-link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #9F8A51; text-decoration: none; }
.edu-link:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #9F8A51; text-decoration: none; }
.edu-link:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #9F8A51; text-decoration: none; }
.edu-link:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #9F8A51; text-decoration: underline; }

.edu-page-headline { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold; color: #9F8A51; text-decoration: none; padding-bottom: 20px; }

.edu-subhead { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #9F8A51; padding-bottom: 10px; text-decoration: none; }

.edu-video-container { float: right; width: 150px; padding-left: 20px; padding-bottom: 15px; vertical-align: top; text-align: center; }

.edu-video-download-link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #9F8A51; text-decoration: none; white-space: nowrap; }
.edu-video-download-link:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #9F8A51; text-decoration: none; white-space: nowrap; }
.edu-video-download-link:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #9F8A51; text-decoration: none; white-space: nowrap; }
.edu-video-download-link:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #9F8A51; text-decoration: underline; white-space: nowrap; } 

.footer_link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #FFF; text-decoration: none; }
.footer_link:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #FFF; text-decoration: none; }
.footer_link:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #FFF; text-decoration: none; }
.footer_link:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #E2C574; text-decoration: none; }

.form_check_box { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFF; background-color: #3B3B3B; padding: 3px; border: 1px solid #E2C574; }
.form_combo_box { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFF; background-color: #3B3B3B; padding: 3px; border: 1px solid #E2C574; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; vertical-align: middle; }
.form_radio_button { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFF; background-color: #3B3B3B; padding: 3px; border: 1px solid #E2C574; }
.form_text_box { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFF; text-decoration: none; background-color: #3B3B3B; vertical-align: middle; border: 1px solid #E2C574; padding: 5px; }

.gold_text { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #E2C574; text-decoration: none; }

.headline { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #E2C574; text-decoration: none; }

.login_box { width: 750px; height: 250px; background: #000; filter: alpha(opacity=80); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80) -moz-opacity: .80; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; opacity: .8; }
.login_box_content { filter: alpha(opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100) -moz-opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; }

.login_combo_box { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #1B1B1B; background-color: #FFF; padding: 3px; border: 1px solid #E2C574; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; vertical-align: middle; }
.login_text_box { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; border: solid 1px #000; height: 13px; padding: 7px; }

.login_red { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #E51744; font-weight: bold; }

.myaccount { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #E2C574; text-decoration: none; }
.myaccountlink, .myaccountlink:link, .myaccountlink:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #E2C574; text-decoration: none; }
.myaccountlink:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #E51744; text-decoration: none; }

.page-headline { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold; color: #E2C574; text-decoration: none; }
.page-subhead { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #E2C574; margin: 20px 0 10px 0; text-decoration: none; }

.score { margin-left: 108px; }

.show_incorrect { display: inline; visibility: visible; }
.hide_incorrect { display: none; visibility: hidden; }

.subhead { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #E2C574; margin: 20px 0 10px 0; text-decoration: none; }

.test_score { width: 159px; height: 31px; text-align: left; vertical-align: middle; line-height: 32px; color: #BE745F; font-weight: bold; font-size: 12px; }

.unorderlist li { margin-bottom: 7px; }

.video-headline { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #E2C574; line-height: 24px; text-align: center; }
.video-player-container { width: 633px; height: 100%; border: 1px solid #9F8A51; background-color: #1B1B1B; }
.video-subhead { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #FFF; font-weight: bold; line-height: 18px; }

/* ID ELEMENTS (Particular Identfied Elements) */

#accordion { list-style-type: none; margin: -10px 0 0 0; padding: 0; border: 0; }
#accordion ul { padding: 0; margin: 0; float: left; display: block; width: 100%; }
#accordion li { cursor: pointer; list-style-type: none; padding: 0; margin: 20px 0 0 0; float: left; display: block; width: 100%; }
#accordion li ul { padding-left: 0; display: block; clear: both; float: left; margin: 0; }
#accordion li li { cursor: pointer; list-style-type: none; padding: 10px 0 0 15px; margin: 0; float: left; display: block; width: 100%; }
 
#registration td { height: 35px; }

#remain { width: 100px; border: 1px solid #E2C574; background-color: #3B3B3B; padding-top: 5px; padding-bottom: 5px; margin-top: 12px; text-align: center; }