/*************************************************************************/
/***************** GENERAL PAGE CONTAINERS STARTS *******************/
/*************************************************************************/
/* 21/07/2006 */


body {
background: #FFFFFF;
margin: 0px 0px;
padding: 0px 0px;
text-align: center;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px;
color: #000000;
}

.centerbox {
}

.headspace {
width: 730px;
height: 95px;
background: #FFFFFF;
}

.bodyspace {
width: 730px;
height: 540px;
background: #FFFFFF;
}

.panel-0 {
width: 166px;
background: transparent;
float: left;
}

.panel-0-holder {
height: 530px;
background: transparent url("images/leftpanel-bg-complete.gif") no-repeat;
}

.panel-1 {
width: 278px;
background: transparent url("images/panel1-bg.gif") no-repeat;
float: left;
}

.panel-2 {
width: 278px;
background: transparent url("images/panel2-3-bg.gif") no-repeat;
float: left;
}

.panel-1-holder, .panel-2-holder {
height: 530px;
background: transparent;
}

.D-main_content_holder, .panel-1-holder, .panel-2-holder, .panel-0-holder table td {
padding: 0px;
border: 0px;
margin: 0px;
}

#end_panel {
width: 730px;
height: 20px;
clear: both;
background-color: #FFFFFF;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 170px;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 9pt;
line-height: 11pt;
text-align: left;
text-decoration: none;
color: #00174F;
}


/*************************************************************************/
/***************** TOP PANEL ITEMS STARTS *******************/
/*************************************************************************/

#logo-call {
height: 70px;
background: transparent;
}

#sign-in-area {
height: 25px;
background: transparent url("images/play-instructions.gif") no-repeat;
padding-left: 170px;
color: #00174F;
text-align: left;
vertical-align: middle;
font-size: 10pt;
font-weight: normal;
line-height: 8px;
}


/*************************************************************************/
/***************** PANEL ZERO STARTS *******************/
/*************************************************************************/

#instructions {

}

#play {
height: 17px;
margin: 10px 0px 0px 0px;
display: inline;
}

#support {
height: 17px;
margin: 0px 0px 0px 0px;
display: inline;
}

#menu {
margin: 0px 0px 0px 0px;
padding: 12px 0px 0px 0px;
}

#menu H2 {
display: inline;
padding-left: 55px;
color: #CC3333;
}

#menu li {
padding-left: 60px;
line-height: 14px;
list-style-type: none;
}

#loopy-says {
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 95px;
}

#winners {
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 40px;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 8pt;
line-height: 8pt;
text-align: center;
font-weight: normal;
font-style: normal;
font-variant: normal;
text-decoration: none;
background: transparent; 
}

#yesterday-copyholder {
margin: -12px 0px 0px 0px;
padding: 0px 0px 20px 28px;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 8pt;
line-height: 8pt;
text-align: center;
font-weight: normal;
font-style: normal;
font-variant: normal;
text-decoration: none;
background: transparent; 
color: #00174F;
}

#yesterdays_draw_container1 {
margin: -18px 0px 0px 0px;
padding: 0px 0px 0px 52px;
font-family: arial, "lucida console", sans-serif !important;
font-size: 14px;
font-weight: bold;
}

#yesterdays_draw_balls {
width: 90px;
height: 60px;
background: transparent url("images/panel_0/neutral_on.gif");
}

#yesterdays_draw_container2 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 82px;
font-family: arial, "lucida console", sans-serif !important;
font-size: 14px;
font-weight: bold;
}

#yesterdays_draw_star {
width: 30px;
height: 30px;
background: transparent url("images/panel_0/star.gif");
margin: 0px 0px 0px 0px;
}


/*************************************************************************/
/***************** PANEL ONE STARTS *******************/
/*************************************************************************/

/* ALL section titles */
.section_title, .end_panel {
margin: 0px 0px 0px 0px;
padding: 20px 20px 0px 80px;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 9pt;
line-height: 11pt;
text-align: left;
font-style: normal;
font-variant: normal;
font-weight: bolder;
text-decoration: none;
background: transparent; 
color: #00174F;
}



#lotto-game-container {
padding: 15px 0px 0px 30px;
}

#select6numbers-content {
height: 223px;
background: transparent url(select6numbers-container-bg.gif) no-repeat top left;
}

/* type control - panel 1 */
#lucky-dip, #lucky-number-keep, #lucky-number-clear, #use-my-lucky, #your-lucky-are {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 9pt;
line-height: 11pt;
text-align: left;
text-decoration: none;
background: transparent; 
color: #00174F;
}

#lucky-dip {
margin: -5px 0px 0px 0px;
padding: 0px 0px 0px 30px;
}



#make-lucky {
height: 90px;
margin: 15px 0px 0px 0px;
padding: 10px 0px 0px 30px;
background: transparent url("images/luckynumber-container.gif") no-repeat top left;
}

#makeluckynr-content {
margin: 0px 0px 0px 0px;
}

#lucky-number-keep {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#lucky-number-clear {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}



#yourluckynr-container {
height: 90px;
margin: 0px 0px 0px 30px;
padding: 10px 0px 0px 0px;
background: transparent;
}

#yourluckynr-content {
margin: 0px 0px 0px 0px;
}

#your-lucky-are {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#use-my-lucky {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#results-container {
height: 25px;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: transparent;
}

#results-content {
margin: 0px 0px 0px 0px;
}

#results-date {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

/*************************************************************************/
/***************** PANEL TWO STARTS *******************/
/*************************************************************************/

#panel2-content_area {
margin: 15px 0px 0px 0px;
padding: 0px 20px 0px 30px;
}

/* type control - panel 1 */
#panel2-content_area H3 {
font-weight: normal;
}

/*************************************************************************/
/***************** PANEL THREE STARTS *******************/
/*************************************************************************/

#panel3-pad-control {
margin: 70px 0px 0px 0px;
}

#panel3-content_area {
margin: 15px 0px 0px 0px;
padding: 0px 0px 0px 50px;
}


/*************************************************************************/
/***************** MAIN CONTENT STARTS *******************/
/*************************************************************************/

/* set background images for top & bottomcorners */
.D-main_content { background: url("images/single-panel-middle.gif") repeat-y; width: 554px; margin: auto; float:left; text-align:left;}
.D-main_top-div { background: url("images/single-panel-top.gif") no-repeat top left; }
.D-main_bot-div { background: url("images/single-panel-bottom.gif") no-repeat bottom left; }
.D-main_top-div, .D-main_bot-div {
	width: 554px;
	height: 24px;
	font-size: 1px;
}

.D-main_content_holder {
margin: 0px 0px 0px 0px;
padding: 0px 40px 0px 30px;
min-height: 472px;
text-align: left;
}

.D-main_content_holder H3 {
font-weight: normal;
}

.D-main_content_holder ol {
font-weight: normal;
}



/*************************************************************************/
/***************** TYPE STYLES *******************/
/*************************************************************************/

/* Contextual a-href definitions */
#menu li option {color: #6A6A6A}
#menu li a:link { color: #6A6A6A; background: transparent; text-decoration: none}
#menu li a:active { color: #6A6A6A; background: transparent; text-decoration: none}
#menu li a:visited { color: #6A6A6A; background: transparent; text-decoration: none}
#menu li a:hover { color: #FF4444; background: transparent; text-decoration: none}

option {color: #CC2222}
a:link { color: #CC2222; background: transparent; text-decoration: none}
a:active { color: #CC2222; background: transparent; text-decoration: none}
a:visited { color: #CC2222; background: transparent; text-decoration: none}
a:hover { color: #FF0000; background: transparent; text-decoration: underline}

H2 option {color: #AA0033}
H2 a:link { color: #AA0033; font-weight: bold; background: transparent; text-decoration: none}
H2 a:active { color: #AA0033; font-weight: bold; background: transparent; text-decoration: none}
H2 a:visited { color: #AA0033; font-weight: bold; background: transparent; text-decoration: none}
H2 a:hover { color: #4734FF; font-weight: bold; background: transparent; text-decoration: none}

H3 option {color: #EE3333}
H3 a:link { color: #EE3333; background: transparent; text-decoration: underline}
H3 a:active { color: #EE3333; background: transparent; text-decoration: underline}
H3 a:visited { color: #EE3333; background: transparent; text-decoration: underline}
H3 a:hover { color: #FF1100; background: transparent; text-decoration: underline}

H4 option {color: #993333}
H4 a:link { color: #993333; background: transparent; text-decoration: none}
H4 a:active { color: #993333; background: transparent; text-decoration: none}
H4 a:visited { color: #993333; background: transparent; text-decoration: none}
H4 a:hover { color: #FF1100; background: transparent; text-decoration: none}

UL option {color: #002255}
UL a:link { color: #002255; font-weight: bold; background: transparent; text-decoration: none}
UL a:active { color: #002255; font-weight: bold; background: transparent; text-decoration: none}
UL a:visited { color: #002255; font-weight: bold; background: transparent; text-decoration: none}
UL a:hover { color: #DD0000; font-weight: bold; background: transparent; text-decoration: none}

OL option {color: #002255}
OL a:link { color: #002255; font-weight: bold; background: transparent; text-decoration: none}
OL a:active { color: #002255; font-weight: bold; background: transparent; text-decoration: none}
OL a:visited { color: #002255; font-weight: bold; background: transparent; text-decoration: none}
OL a:hover { color: #DD0000; font-weight: bold; background: transparent; text-decoration: none}

/* Nested Styles */
#bodytext, OL, UL, H2, H3, H4, p {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 11pt;
text-align: left;
text-decoration: none;
background: transparent; 
}

H1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: bold;
text-align: left;
text-decoration: none;
color: #222299;
background: transparent; 
font-size: 10pt;
}

H2 {
color: #00174F;
font-size: 9pt;
font-weight: bolder;
}

#bodytext, H3 {
color: #00174F;
text-align: left;
font-size: 9pt;
font-weight: bold;
line-height: 10pt;
}

H4 {
color: #00174F;
font-size: 8pt;
line-height: 9pt;
font-weight: bold;
}

UL {
color: #000022;
font-size: 9pt;
display: inline;
}

/*************************************************************************/
/***************** TYPE STYLES *******************/
/*************************************************************************/

/*************************************************************************/
/* VVVVVVVVVVVVVVVVVVVV added 24/07/2006 VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV */
/*************************************************************************/

#results {
width: 320px;
background: transparent; 
}

#results td{ /* as H3 format */
padding: 6px 0px 0px 0px;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 11pt;
text-align: left;
text-decoration: none;
background: transparent; 
color: #00174F;
font-size: 9pt;
}

H3 a.anchorlink  {
color: #000000;
text-decoration: none;
font-weight: bold;
cursor: default;
}

H3 a.anchorlink a:hover { 
color: #000000;
}

#right-ads {
float: right;
text-align: right;
}
#right-ads p.rads {
margin: 0px 0px 10px 0px;
}
#right-ads p.rads a,
#right-ads p.rads a:link,
#right-ads p.rads a:hover,
#right-ads p.rads a:active,
#right-ads p.rads a:visited {
display: block;
width: 234px;
height: 60px;
overflow: hidden;
}
#right-ads p.rads span {
display: none;
}
/* this banners must have the same size: 234x60 */
p#banner1 {
/*background: url(../images/banner1.gif) top left no-repeat;*/
}
p#banner2 {
/*background: url(../images/banner2.gif) top left no-repeat;*/
}
p#banner3 {
/*background: url(../images/banner3.gif) top left no-repeat;*/
}
p#banner4 {
/*background: url(../images/banner4.gif) top left no-repeat;*/
}
.form-container 
{
width: 500px;
background: transparent; 
padding: 5px;
text-align: left;
float: left;
margin: 0px 0px 0px 0px;
font-size: 10px;
}
.formrow 
  {
  clear: both;
  padding-top: 3px;
  }

.formcol1 
  {
  width: 200px;
  }
.formcol2 
  {
  width: 300px;
  }  
.formcol_error {
  clear: both;
  padding-top: 3px;
  color: red;
  font-weight: bold;
  }
.formrow input, .formrow textarea { 
width: 90%;
background: #FFFFFF;
border: 1px solid #808080;
}
.formrow select { 
width: 91%;
background: #FFFFFF;
}
.formrow input.checkbox {
width: auto;
background: transparent;
border: 0px;
vertical-align: middle;
margin: 0px 3px;
}
.formrow input.button {
width: auto;
background: #FF0000;
color: #FFFFFF;
font-weight: bold;
}
#bodytext h3.form-note { 
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
color: #000000;
font-weight: bold;
margin: 0px 0px 5px 0px;
padding: 0px 0px;
} /*will use this just inside .form-container*/
#bodytext h3.form-note-terms { 
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px;
color: #000000;
font-weight: bold;
margin: 5px 0px 5px 0px;
padding: 0px 0px;
} /*will use this just inside .form-container*/
#terms-box {
width: 400px;
height: 50px;
overflow: auto;
border: 1px solid #808080;
padding: 0px 0px;
font-size: 10px;
background: #FFFFFF;
}
div.promo {
display: block;
clear: both;
padding: 0px;
margin-bottom: 0px;
}
div.promo-0 { background: #ffffC9; }
div.promo-a { background: #ECF9FF; }
div.promo-b { background: #f6f6f6; }
div.promo-content {
width: 400px;
background: #ffffC9;
}
#bodytext p.promo-description,
#bodytext p.promo-note,
#bodytext p.promo-links {
float: left;
text-align: left;
width: 80%;
clear: both;
} /*will use this just inside .promo-content*/
#bodytext p.promo-description { margin: 0px 0px 0px 0px; }
#bodytext p.promo-note { margin: 0px 0px 0px 0px; }
#bodytext p.promo-links { margin: 0px 0px 0px 0px; }
span.promo-fields {
float: right;
text-align: right;
width: 100px;
}

/* NEW 27/07/2006 */
.promo-description strong{
font-size: 8pt;
font-weight: normal;
}

span.promo-fields input {
vertical-align: middle;
margin: 0px 3px;
}
span.promo-banner {
float: left;
text-align: left;
width: 120px;
height: 60px;
margin-right: 10px;
}
/* this banners must have the same size: 120x60 */
#promo-banner1 {
background: url(../images/promo-banner1.gif) top left no-repeat;
}
#promo-banner2 {
background: url(../images/promo-banner2.gif) top left no-repeat;
}
p.promo-links span.separator {
padding: 0px 3px;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
color: #000000;
font-weight: bold;
}

/* fix for ad page */
.questionnametext, .questioncomponenttext { /* as H3 format */
padding: 6px 6px 8px 8px;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 11pt;
text-align: left;
text-decoration: none;
background: transparent; 
color: #00174F;
font-size: 9pt;
}


/* fix for ad page */
.questioncomponenttext { /* as H3 format */
margin: 0px 0px 0px 0px;
}

.questioncomponenttext { /* as H3 format */
margin: 0px 0px 0px 0px;
}

.clear-both {
clear: both;
}

/*************************************************************************/
/* vvvvvvvvvvvvvvvvvvvvvvvv added 04/08/2006 vvvvvvvvvvvvvvvvvvvvvvvvvvv */
/*************************************************************************/

.warning {
color: #ff0000;
font-weight: bold;
}

.pre-flight-table {
width: 468px;
}

.profile-Q {
background: transparent;
width: 100px;
}

.profile-A {
background: transparent;
width: 150px;
}

.profile-Q-1 {
background: transparent;
width: 350px;
}
.profile-Q-2 {
background: transparent;
width: 18px;
}
.profile-Q-3 {
background: transparent;
width: 468px;
}

.profile-A-1 {
background: transparent;
width: 100px;
}

.profile-prev {
background: transparent;
width: 218px;
}

.profile-Z {
padding: 10px 0px 20px 0px;
}

table .pos1 {
font-size: 9pt;
}

.profile-table-header {
font-weight: bold;
}

#cheque-space {
width: 218px !important ; 
height: 115px !important ;
background: transparent url("images/cheque.gif") no-repeat;
padding: 0px 0px 0px 0px;
}

#cheque-text {
padding: 33px 0px 0px 58px;
}

#cheque-text H3 {
color: #F00;
display: inline; 
}

#error {
padding: 0px 0px 0px 0px;
}

#error H3 {
color: #F00;
display: inline; 
}

#envelope-space {
width: 218px !important ;
height: 175px !important ;
background: transparent url("images/envelope.gif") no-repeat;
padding: 0px 0px 0px 0px;
}

#envelope-text1 {
padding: 45px 0px 0px 30px;
}

#envelope-text1 H3 {
color: #F00;
display: inline; 
}

.envelope-text2plus {
padding: 0px 0px 0px 30px;
}

.envelope-text2plus H3 {
color: #F00;
display: inline; 
}

.big-green-button {
height: 40px;
width: 400px;
background: #FFFFCC url("images/big-green-button.gif") no-repeat;
}

.big-green-button-text {
padding: 0px 0px 0px 0px;
}

.big-green-button-text H3 {
color: #000;
font-size: 11pt;
font-weight: bold;
line-height: 28pt;
text-align: center;
vertical-align: middle;

}

#last-b4-play {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size:11pt;
line-height: 12pt;
text-align: left;
text-decoration: none;
background: transparent; 
color: #003399;
}


/*************************************************************************/
/***************** ENTER DRAW AREA *******************/
/*************************************************************************/

.redText {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size:10pt;
text-align: left;
text-decoration: none;
background: transparent; 
color: #ff0000;
}



.11pxTxt {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-style: normal;
font-variant: normal;
font-size:11px;
text-decoration: none;
background: transparent; 
}

.12pxTxt {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-style: normal;
font-variant: normal;
font-size:12px;
text-decoration: none;
background: transparent; 
}


.12pxTxt a:link { color: #EE3333; background: transparent; text-decoration: underline}
.12pxTxt a:active { color: #EE3333; background: transparent; text-decoration: underline}
.12pxTxt a:visited { color: #EE3333; background: transparent; text-decoration: underline}
.12pxTxt a:hover { color: #FF1100; background: transparent; text-decoration: underline}


.11pxTxtRedBG {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-style: normal;
font-variant: normal;
font-size:11px;
text-decoration: none;
background: transparent; 
color: #0000ff;
}

.11pxTxtRedBG A:link { color: blue; background: transparent; text-decoration: underline}
.11pxTxtRedBG A:active { color: blue; background: transparent; text-decoration: underline}
.11pxTxtRedBG A:visited { color: blue; background: transparent; text-decoration: underline}
.11pxTxtRedBG A:hover { color: white; background: transparent; text-decoration: underline}