/* ============================================================= */

/* THIS STYLE SHEET CONTROLS THE APPEARANCE OF THE LOTTERY PAGES */

/* ============================================================= */


/* THE LINK HOVER COLOUR */
a:hover {
  color: #B5BEF3;
}

/* ============================================================= */
/* TEXT AND DECORATION STYLES FOR ALL LINKS */

a.link { text-decoration: none; color: #6D6BA0 }
a.link:visited { text-decoration: none; }
a.link:hover { text-decoration: none; color: #B5BEF3 }
a.link:active { text-decoration: none; color: #B5BEF3 }

/* ============================================================= */

/* THE "BALL" (DRAW) NUMBERS */
.ball {
  background-image: url(../images/ball.gif);     /* DO NOT CHANGE THIS URL (../images/ball.gif) */
  background-repeat: no-repeat;
  color: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  height: 32px;
  padding-right: 3px;
  text-align: center;
  width: 28px;
}

/* ============================================================= */

/* STYLES APPLYING TO THE DOCUMENT BODY */
body {
  background-color: #C0CFDD;
  color: #152756;
  margin-bottom: 25px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 25px;
  padding: 0px;
}

/* ============================================================= */

/* ANY TEXT NOT STYLED BY ANY OTHER STYLE */
.bodyText {
  color: #152756;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
}

/* ============================================================= */

/* ANY BOLD TEXT NOT STYLED BY ANY OTHER STYLE */
.bodyTextBold {
  color: #152756;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: bold;
}

/* ============================================================= */

/* ALL RED TEXT */
.bodyTextRed {
  color: #ff0000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: bold;
}

/* ============================================================= */

/* THE ROUNDED-CORNER OUTER CONTAINER FOR THE WHOLE PAGE */
#roundedBox {
  background-image: url(../images/lottery_machine.jpg);
  background-attachment: scroll;
  background-repeat: repeat;
  background-position: top;
  border: 1px #BDB6C1 solid;
  margin-left: auto;
  margin-right: auto;
  width: 607px;
}

/* ============================================================= */

/* THE OPTIONAL PAGE HEADER */
#contentHeader {
  padding: 10px;
}

/* ============================================================= */

/* THE BOX FOR THE MAIN CONTENT */
#contentMain {
  padding: 10px;
}

/* ============================================================= */

/* THE OPTIONAL PAGE FOOTER */
#contentFooter {
  padding: 10px;
}

/* ============================================================= */

/* THE TEXT INPUT BOXES ON THE LOTTERY CONFIGURATION PAGE */
.formBoxLottery {
  background-color: #ffffff;
  border: 1px solid #BFC5CE;
  color: #43495A;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  height: 20px;
  width: 130px;
}

/* ============================================================= */

/* THE PRIMARY PAGE HEADING
 (SHOULD BE USED IN THE header.html PAGE) */
h1 {
  color: #356AA0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-style: italic;
}

/* ============================================================= */

/* THE SECONDARY PAGE HEADING  */
h2 {
  color: #183D3C;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: bold;
}

/* ============================================================= */

/* ALL HORIZONTAL RULES (LINES) */
.horizRule {
  color: #999999;
  margin: auto;
  padding: 0px;
  width: 100%;
}

/* ============================================================= */

/* ALL ROWS CONTAINING HORIZONTAL RULES (LINES) */
.horizRuleRow {
  height: 20px;
}

/* ============================================================= */

/* THE DROPDOWN SELECTION BOXES ON THE LOTTERY
 CONFIGURATION PAGE */
.multipleSelectBoxNoWidth {
  background-color: #ffffff;
  border-bottom: 1px solid #BFC5CE;
  border-left: 1px solid #A49CB8;
  border-right: 1px solid #BFC5CE;
  border-top: 1px solid #A49CB8;
  color: #43495A;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
}

/* ============================================================= */

/* THE "SAVED DRAW TYPE" TABLE
 (CONTAINS SAVED DRAW TYPE NAMES ETC.) */
#savedDrawTypeTable {
  margin: auto;
  padding: 5px;
}

/* ============================================================= */

/* THE SUBMIT BUTTON */
.submtButton {
  color: #183D3C;
  cursor: pointer;
  font-family: Trebuchet, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
  vertical-align: middle;
}

/* ============================================================= */

/* THE TEXT STYLE FOR THE INITIAL HEADER AND FOOTER TEXT
 - CAN BE DELETED ONCE YOU HAVE SET-UP YOUR OWN HEADER
  AND FOOTER PAGES */
.hfText {
  color: #999;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
}

/* ============================================================= */