/* Styles for ASL PRO */

/* General Frame Styles */
.generalField {
  background-color : #000033;
  padding : 0;
}

/* Banner Ad Styles */

.bannerAd {
  background-color : white;
  font-weight : bold;
}


/*  Title Field Styles */

.titleField {
  background-color : #000033;
  padding : 1;
}


.titleFieldLogo {
  background-color : #000033;
  vertical-align : left;
  padding : 1;
}

.titleFieldHeaderText {
  font-family : arial, helvetica, sans-serif;
  font-size : 18;
  color : #ffffff;
  font-weight : bold;
  vertical-align : middle;
  text-align : center;
  padding : 1;
  text-decoration : none;
}


.titleFieldHeaderSubText {
  font-family : arial, helvetica, sans-serif;
  font-size : 12px;
  #color : #ffffff;
  color : #99ccff;
  vertical-align : middle;
  text-align : center;
  padding : 0;
}

/* Main Top Bar Navigation Styles */

.mainNavBarField {
  background-color : #000033;
  vertical-align : middle;
  padding-top : 1;
  padding-bottom : 1;
}

.mainNavBarSelectedText {
  font-family : arial, helvetica, sans-serif;
  font-size : 14;
  color : #ffffff;
  font-weight : bold;
  vertical-align : middle;
  text-align : center;
  padding-top : 1;
  padding-bottom : 1;
  text-decoration : none;
}


.mainNavBarUnselectedText {
  font-family : arial, helvetica, sans-serif;
  font-size : 12;
  color : #ffffff;
  font-weight : normal;
  vertical-align : middle;
  text-align : center;
  padding-top : 1;
  padding-bottom : 1;
  text-decoration : none;
}

/* Main Side Bar Navigation Styles */

.sideNavBarField {
  background-color : #000033;
  vertical-align : top;
  padding-top : 2;
  padding-bottom : 2;
}

.sideNavBarPlayer {
  background-color : #000000;
  vertical-align : top;
  padding-top : 2;
  padding-bottom : 2;
  text-align : center;
}

.sideNavBarSelectedText {
  font-family : arial, helvetica, sans-serif;
  font-size : 14px;
  color : #ffffff;
  font-weight : bold;
  vertical-align : top;
  text-align : left;
  padding-top : 2;
  padding-bottom : 2;
  text-decoration : none;
}

.sideNavBarButton {
  vertical-align : middle;
  text-align : center;
  padding-top : 4;
  padding-bottom : 4;
  font-family : arial, helvetica, sans-serif;
  font-size : 12px;
  color : #000000;
}


.sideNavBarUnselectedText {
  font-family : arial, helvetica, sans-serif;
  font-size : 11px;
  #color : #ffffff;
  color : #99ccff;
  font-weight : normal;
  vertical-align : top;
  text-align : left;
  padding-top : 2;
  padding-bottom : 2;
  text-decoration : none;
}

.answerText {
  font-family : arial, helvetica, sans-serif;
  font-size : 11px;
  color : #99ccff;
  font-weight : normal;
  vertical-align : top;
  text-align : left;
  padding-top : 2;
  padding-bottom : 2;
  text-decoration : none;
}

.correctAnswerText {
  font-family : arial, helvetica, sans-serif;
  font-size : 11px;
  color : #00ff00;
  font-weight : bold;
  vertical-align : top;
  text-align : left;
  padding-top : 2;
  padding-bottom : 2;
  text-decoration : none;
}

.fiftyFiftyAnswerText {
  font-family : arial, helvetica, sans-serif;
  font-size : 11px;
  color : #ffff00;
  font-weight : bold;
  vertical-align : top;
  text-align : left;
  padding-top : 2;
  padding-bottom : 2;
  text-decoration : none;
}

.incorrectAnswerText {
  font-family : arial, helvetica, sans-serif;
  font-size : 11px;
  color : #ff3333;
  font-weight : bold;
  vertical-align : top;
  text-align : left;
  padding-top : 2;
  padding-bottom : 2;
  text-decoration : none;
}


/* Styles governing Body Text in static content */
.bodyBackground {
  background-color : #000033;
}

.masterTable {
  background-color : #ffffff;
}

.bodyField {
  background-color : #000033;
  padding : 0;
  vertical-align : top;
}

.bodyHeader {
  font-family : arial, helvetica, sans-serif;
  font-size : 12;
  color : #ffffff;
  background-color : #000033;
  font-weight : bold;
  vertical-align : top;
  text-align : center;
  padding : 3;
}

.bodySubHeader {
  font-family : arial, helvetica, sans-serif;
  font-size : 10;
  color : #ffffff;
  background-color : #000033;
  font-weight : bold;
  vertical-align : top;
  text-align : left;
  padding : 0;
  text-decoration : none;
}

.bodyText {
  font-family : arial, helvetica, sans-serif;
  font-size : 10;
  color : #ffffff;
  background-color : #000033;
  font-weight : normal;
  vertical-align : top;
  text-align : left;
  padding : 0;
}

/* Footer Styles */

.footerField {
  background-color : #000033;
  vertical-align : top;
  padding : 0;
}

.footerText {
  font-family : arial, helvetica, sans-serif;
  font-size : 10;
  color : #ffffff;
  font-weight : normal;
  vertical-align : middle;
  text-align : center;
  text-decoration : none;
}