/*** S T A N D A R D  E L E M E N T S ***/

body
{
	background: White url(/pics/background.png) fixed top repeat-x;
	font: 76% Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

.container { margin-top: 1px }
.width
{
	background-color: White;
	width: 780px;
	min-width: 780px;
	margin: 0 auto;
	height: 100%;
}

img { border-style: none }
a { color: blue }

.Heading
{
	display: block;
	position: relative;
	padding: 0 10px 0 10px;
	margin: 8px 0 0 0;
	height: 19px;
	border-bottom: 1px solid #0000cc;
}
.Heading a { text-decoration: none }
.Heading a:hover { color: White; background-color: #0000cc }
.heading_r { width: auto; position: absolute; bottom: 0px; right: 10px }
.spaHeading { height: 19px; bottom: 0;}
h1
{
	float: left;
	color: #0000cc;
	font-variant: small-caps;
	font-size: 140%;
	font-weight: normal;
	letter-spacing: 3px;
	margin: 0;
	height :19px
}

h2, h3
{
	color: #0000cc;
	font-weight: bold;
	display: block;
	font-size: 100%;
	font-weight: normal
}
h2 { margin: 0 }
h3 { margin: 6px 0 0 0; }

h4
{
	display: block;
	font-size: 100%;
	font-weight: normal;
	font-variant: small-caps;
	letter-spacing: 1px;
  border-top: 2px solid #0000cc;
  margin: 0 0 2px 0;
  padding: 1px 0 0 0;
  height: 15px
}

h5
{
	display: block;
	clear: both;
	font-size: 76%;
	font-weight: lighter;
	letter-spacing: 3px;
  margin: 0;
  padding: 4px 0 4px 0;
  border-top: 1px solid #0000cc;
  text-align: center;
  height: 19px;
  line-height: 19px;
  vertical-align: middle
}

input, textarea, select, checkbox { font: 100% Arial, Helvetica, sans-serif; }
a.btn
{
  background: url('/pics/btn_a.gif') no-repeat scroll right top;
  display:block;
  float: left;
  height: 22px;
  margin-left: 2px;
  padding-right: 18px;
  text-decoration: none
}
a.btn span
{
  background: url('/pics/btn_span.gif') no-repeat;
  display: block;
  line-height: 18px;
  padding: 2px 0 2px 18px;
}
a.btn:hover { background-position: right bottom; }
a.btn:hover span { background-position: left bottom; }

.hideit { visibility: hidden; display: none }

/*** HEADER ***/
#header { position: relative; height: 64px; background-color: #0000cc; z-index: 5 }

.mmenu { position: absolute; bottom: 0; right: 0; }
.mmStaticMenuItem
{
  display: block;
  line-height: 25px;
  color: White;
  background-color: #000066;
  text-align: center;
  background-image: url(/pics/mmStaticMenuItem.gif);
  background-position: 0
}
.mmStaticMenuItem td { width: 80px; text-align: center }
.mmStaticHover { color: Yellow }
.mmDynamicMenu { z-index: 5 }
.mmDynamicMenuItem
{
  display: block;
  line-height: 21px;
  color: White;
  background-color: #000066
}
.mmDynamicHover { color: Yellow; background-color: #0000cc }

/*** FOOTER ***/
#footer {	position: relative; height: 64px; background-color: #0000cc; color: #eee; z-index: 1 }
.footer_logo { float: right }

/*** S P E C I F I C  P A G E S ***/
/*** WELCOME ***/
div.WelcomeService
{
	position: relative;
	width: 100%;
	height: 110px;
	border-top: solid 1px #E2E2E2;
}

div.WelcomeLeft
{
	position: absolute;
	width: 100px;
	height: 110px;
	float: left;
	background-repeat: no-repeat;
	background-position: center center;
}

div.WelcomeRight
{
	height: 62px;
	top: 50%;
	margin-top: -31px;
	text-align: left;
	position: absolute;
	width: 664px;
	right: 10px;
	z-index: 0;
}

div.WelcomeTitle
{
	color: #0000cc;
	text-align: left;
	font-variant: small-caps;
	font-size: 120%;
	font-weight: normal;
	letter-spacing: 0;
	border-bottom: solid 1px #0000cc;
  padding-bottom: 1px;
  vertical-align: top;
}

div.WelcomeExplanation { padding-top: 0 }

/*** BLOG ***/
div.BlogEntry {	padding: 10px;	border-top: solid 1px #E2E2E2; }
div.BlogDateTime { font-size: 80%; text-align: left }
div.BlogText { text-align: left }
div.BlogLink { font-size: 80%; text-align: right }

/*** LINKS ***/
.gvLinks { margin: 10px;	width: 760px }
.gvLinks a { text-decoration: none }
.gvLinks a:Hover { background-color: #0000cc; color: White }

/*** LOTTERY ***/
.gvLottoNo, .gvHistory
{
	margin: 0;
	height: 100%;
	line-height: 20px;
	width: 780px;
	text-align: center
}

.gvHeader { height: 22px;	background-color: #eee; font-style: italic }
.gvFooter { height: 22px; background-color: #eee }
.gvHeader_0, .gvUser, .gvDrawDate { text-align: left; padding-left: 10px }
.gvLottoNo .gvUser a { display: block }

.gvBall_0, .gvBall_1, .gvBall_2 { font-size: 86%; color: White }
.gvBall_0 { background: url(/pics/lottery/ball_blue.jpg) no-repeat center center }
.gvBall_1 {	background: url(/pics/lottery/ball_red.jpg) no-repeat center center }
.gvBall_2 { background: url(/pics/lottery/ball_black.jpg) no-repeat center center }

.gvMatch { color: Black; background-image: none; text-align: center }
.gvMatch3 {	color: Black;	background: url(/pics/lottery/match3.jpg) no-repeat center center }

.gvFooter_0 { font-style: italic; text-align: left; padding-left: 10px; width: 205px }
.gvFooter_13 { width: 140px }

div#HistoryInput
{
	position: relative;
	height: 30px;
	width: 770px;
	margin: 0;
	border-top: solid 1px #0000cc;
  padding-left: 10px;
  background-color: #eee;
}

#HistoryInputComment { width: 170px; height: 30px; line-height: 30px }
#HistoryInputLists
{
	position: absolute;
	top: 5px;
	left: 190px;
	width: 370px;
	height: 25px;
	float: right;
	right: 230px
}
#HistoryInputLists select { width: 46px; vertical-align: top }
#HistoryInputLists input { width: 46px;	font-size: 86%;	height: 21px;	vertical-align: top }

.HistoryInputError
{
	position: absolute;
	top: 0;
	left: 570px;
	width: 210px;
	height: 30px;
	line-height: 30px;
	color: Black;
}

/*** PORTFOLIO ***/
div.PortHeading { position: relative;	height: 22px;	background-color: #eee }
div.PortHeading select { }

span.PortHeader { font-size: 130%; height: 22px; font-style: italic; line-height: 22px; padding-left: 10px }
#PortCategory { position: absolute; right: 0; top: 0; height: 22px; }

div#ctl00_content_PortLinks li
{
	line-height: 1.2em;
	background-color: White; /* Needed for IE bullets */
	background-image: url(/pics/scc_bullet.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 15px;
	list-style-type: none
}

div#ctl00_content_PortLinks li a { text-decoration: none }
div#ctl00_content_PortLinks li a:Hover { background-color: #0000cc; color: White }

div.PortApp
{
	position: relative;
	width: 780px;
	border-top: solid 1px #E2E2E2;
	clear: both;
	height: auto
}
div.PortApp img { width: 291px; margin: 10px 0 10px 10px; }

div.PortRight
{
	position: absolute;
	top: 0;
	left: 301px;
	width: 459px;
	padding: 10px;	
	text-align: left
}
.PortRight_l { height: auto; float: left; width: 80px }
.PortRight_r { height: auto; width: 379px; margin: 0 0 0 80px; position: absolute; left: 10px; top: 10px }

span.PortSubHead { display: block; height: 20px; width: 80px; font-style: italic; margin-bottom: 10px }
.PortTitle { height: 20px; }
.PortClient { height: 20px;  margin-top: 10px }
.PortSpecs { height: 20px; margin-top: 10px }
.PortComments { height: auto; margin-top: 10px }

.PortLink { position: absolute; bottom: 10px; right: 10px; font-size: 80%; text-decoration: none }
.PortLink:hover { text-decoration: underline }

/*** SERVICES ***/
#services { margin: 10px; }

.services_row1 { width: 760px; height: 45px; clear: both; margin-top: 4px }
.services_row2 { width: 760px; height: 15px; clear: both; margin-top: 4px }
.services_col { clear: left }

.services_bullet
{
	float: left;
	background: White url('/pics/scc_bullet.gif') no-repeat center center;
	height: 15px;
	width: 15px;
}
.services_item, .services_item_l { float: left; height: 15px; text-indent: 5px }
.services_item { width: 230px }
.services_item_l { width: auto }

/*** CONTACT ***/
#Contact { position: relative; margin: 10px; height: 140px; width: 760px }
#ContactLeft
{
	width: 380px;
	float: left;
	height: 140px;
}
#ContactRight
{
	background: White url('/pics/ed.gif') no-repeat right top;
	width: 380px;
	float: right;
	height: 140px;
}
#ContactLeft .btnEnquiry { position: absolute; bottom: 0; left: 0; width: 158px }

/*** DVDs ***/
div.DVDHeading
{
	position: relative;
	display: block;
	height: 22px;
	background-color: #eee;
	text-align: right;
	line-height: 22px;
	margin-bottom: 10px
}
div.DVDFooter { height: 22px; background-color: #eee; margin-top: 10px }

.gvTitles { margin: 0; line-height: 14px;	width: 780px }
.gvTitle { padding-left: 10px }

#DVDSearch { position: absolute; right: 0; top: 0; height: 22px; }
.txtSearch { position: relative; top: 0; width: 250px; font-size: 94%; border: none 0 Black; background-color: White }
.btnSearch { position: relative; top: 0; width: 50px; font-size: 94%; border: none 0 Black }

.gvEmptyData { text-indent: 10px }
.Alphabet { float: left; margin-left: 9px; height: 22px; vertical-align: middle; line-height: 22px }
.Alphabet a { margin: 0 1px 0 1px; }

/*** ADMIN LOTTERY ***/
.tblLottoResults { width: 780px }
.tblRow, .tblAlternatingRow { height: 20px; line-height: 20px; vertical-align: middle }
.tblAlternatingRow { background-color: #f8f8ff; }
.tblHeader { height: 20px; background-color: #eee; text-align: left; }
.tblHeader th { font-weight: normal }
.tblHeader a { text-decoration: none }
.tblInsert { width: 74px; height: 20px; background-color: #eee; }
.tblInsert td { border-bottom: none }
.tblEditItem { width: 74px }
.tblEditItem a { text-decoration: none }
.ColumnDrawDate { width: 106px }
.ColumnDrawDate INPUT { width: 96px }
.ColumnNo { width: 100px; text-align: center }
.ColumnNo INPUT { width: 90px; text-align: center }
.btnUpdateImage { margin-right: 3px }
.FakeFooter
{
  width: 780px;
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
  font-style: italic;
  background-color: #eee;
  border-left-width: 3px
}

/*** S E C U R I T Y  P A G E S ***/
.security { position: relative; width: 760px; margin: 10px; }
.security_ctrl { position: relative; width: 758px; border-color: #E2E2E2; border-style: solid; border-width: 1px }

/*** LOGIN ***/
.LoginComments { margin: 5px 0 0 0; width: 760px; height: 22px; line-height: 22px; vertical-align: middle }
.LoginComments checkbox { height: 22px; line-height: 22px; vertical-align: middle }
.chkRemember { height: 22px; line-height: 22px; vertical-align: middle }

/*** REGISTRATION ***/
.area_l_reg, .area_c_reg, .area_r_reg { height: 138px }
.btnRegister { position: absolute; height: 23px; left: 0; top: 115px; width: 324px }

/*** U P D A T E  P A N E L ***/
.tpPanel { position: relative; width: 760px; font: 76% Arial, Helvetica, sans-serif; }

.tab_area_all { width: 760px; margin: 21px 0 21px 0; font: 100% Arial, Helvetica, sans-serif; }
.tab_area_l { position: relative; width: 158px; float: left }
.tab_area_c { position: relative; width: 602px; float: left; z-index: 3 }
.tab_height_1 { height: 22px }
.tab_height_2 { height: 47px }
.tab_height_3 { height: 72px }
.tab_height_4 { height: 97px }
.tab_height_5 { height: 177px }

.tab_spn1, .tab_spn2, .tab_spn3, .tab_spn4, .tab_spn5
{
	position: absolute;
	left: 0;
	float: left;
	width: 141px;
	height: 21px;
	line-height: 21px; vertical-align: middle; text-align: right;
	display: inline-block;
}

.tab_txt1, .tab_txt2, .tab_txt3, .tab_txt4, .tab_txt5 { position: absolute; width: 318px }
.tab_ddl1, .tab_ddl2, .tab_ddl3  { position: absolute; width: 325px }
.tab_valid1, .tab_valid2, .tab_valid3, .tab_valid4, .tab_valid5 {	position: absolute;	left: 145px }
.tab_spn1, .tab_txt1, .tab_ddl1 { left: 0; top: 0 }
.tab_spn2, .tab_txt2, .tab_ddl2 { left: 0; top: 26px }
.tab_spn3, .tab_txt3, .tab_ddl3 { left: 0; top: 51px }
.tab_spn4, .tab_txt4, .tab_ddl4 { left: 0; top: 76px }
.tab_spn5, .tab_txt5, .tab_ddl5 { left: 0; top: 101px }
.tab_valid1 { top: 7px }
.tab_valid2 { top: 33px }
.tab_valid3 { top: 58px }
.tab_valid4 { top: 83px }
.tab_valid5 { top: 108px }

/*** LOGIN PROFILE ***/
.PasswordStrength
{
	background-color: Gray;
	color: White;
	height: 21px; line-height: 21px; vertical-align: middle;
	text-align: left;
	display: inline-block;
	font: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0 2px 0 2px;
}
.ddlLotto1, .ddlLotto2, .ddlLotto3, .ddlLotto4, .ddlLotto5, .ddlLotto6
{
	position: absolute;
	height: 23px;
	width: 54px;
	top: 76px;
}
.ddlLotto1 { left: 0 }
.ddlLotto2 { left: 54px }
.ddlLotto3 { left: 108px }
.ddlLotto4 { left: 162px }
.ddlLotto5 { left: 216px }
.ddlLotto6 { left: 270px }

/*** LOGIN RETRIEVAL ***/
.area_l_ret, .area_c_ret, .area_r_ret { height: 46px }

/*** LOGIN ACTIVATION ***/
.ActivationStatus { margin: 10px; }

/*** E R R O R  P A G E S ***/
#ErrorMessage { margin: 10px; }

/*** U S E R  C O N T R O L S ***/
/*** NEWS ***/
.news_Birthday, .news_Product { width:192px; padding:0 5px 5px 5px; }
.news_Product { margin-bottom: 8px }

.news_Content
{
	font-size: 100%;
	background-color: #8d97ed;
  border-top: 1px solid Black;
  border-bottom: 1px solid Black;
}
.news_Content p { margin: 0; }
.news_Content a { text-decoration: none }
.news_Content a:hover { text-decoration: underline }

.modalBackground { background-color: Gray; filter: alpha(opacity=70); opacity: 0.7 }
.news_ModalPopup
{
	background-color: #8091EE;
  border-width: 3px;
  border-style: solid;
  border-color: Gray;
  padding: 0;
  width: 202px;
  Height: auto;
}
.news_btnDiv { width: 202px; height: 14px; margin-bottom: 5px }
.news_btnCancel { float: right }

/*** D E T A I L S  P A G E S ***/
.contact { position: relative; width: 780px }
.area_all { width: 780px; margin: 21px 0 21px 0; }
.area_l { position: relative; width: 118px; float: left }
.area_c { position: relative; width: 272px; float: left }
.area_c span { background-color: White; border-bottom: solid 1px #F5F5F5; }
.area_r { position: relative; width: 118px;	 float: left }
.area_r_data { position: relative; width: 272px; float: left }
.area_r_data span { background-color: White; border-bottom: solid 1px #F5F5F5; }

.spn1, .spn2, .spn3, .spn4, .spn5, .spn6, .spn7
{
	position: absolute;
	left: 0;
	float: left;
	width: 101px;
	height: 21px;
	line-height: 21px; vertical-align: middle; text-align: right;
	display: inline-block;
}

.txt1, .txt2, .txt3, .txt4, .txt5 { position: absolute; width: 255px }
.ddl1, .ddl2 { position: absolute; width: 261px }
.lbl1, .lbl2, .lbl3, .lbl4, .lbl5, .lbl6, .lbl7 { position: absolute; width: 255px; height: 21px; line-height: 21px; vertical-align: middle; }
.valid1, .valid2, .valid3, .valid4, .valid5 { position: absolute; left: 105px; font-size: 150% }
.spn1, .lbl1, .txt1, .ddl1 { left: 0; top: 0 }
.spn2, .lbl2, .txt2, .ddl2, .wm2 { left: 0; top: 26px }
.spn3, .lbl3, .txt3, .ddl3, .wm3 { left: 0; top: 51px }
.spn4, .lbl4, .txt4, .ddl4 { left: 0; top: 76px }
.spn5, .lbl5, .txt5, .ddl5 { left: 0; top: 101px }
.spn6, .lbl6, .txt6, .ddl6 { left: 0; top: 126px }
.spn7, .lbl7 { left: 0; top: 151px }
.valid1 { top: 5px }
.valid2 { top: 31px }
.valid3 { top: 56px }
.valid4 { top: 81px }
.valid5 { top: 106px }

.spnComments, .lblComments { height: 71px }
.txtComments { height: 66px }

.details_header
{
	position: relative;
	top: 0;
	height: 22px;
	width: 780px;
	line-height: 22px;
	vertical-align: middle;
	background-color: #eee;
	text-decoration: none;
	text-align: center
}
.details_footer
{
	height: 22px;
	width: 780px;
	line-height: 22px;
	vertical-align: middle;
	background-color: #eee;
	text-decoration: none;
	clear: both;
}

.vsSummaryTop { display: block; line-height: 22px; width: 780px; text-align: center }