body
{
	background:White url(/pics/background.png) fixed top repeat-x;
	font:76% Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}
.width {background-color:White;	width:780px; min-width:780px;	margin:0 auto; height:100%}
.container {margin-top:1px}

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 #00c;
}
.Heading a {text-decoration:none}
.heading_r {width:auto; position:absolute; bottom:0px; right:10px}
.spaHeading {height:19px; bottom:0}
h1 {float:left; color:#00c; font-variant:small-caps; font-size:140%;	font-weight:normal;	letter-spacing:3px;	margin:0;	height:19px}
h2, h3 {color:#00c; 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 #00c;
  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 #00c;
  text-align:center;
  height:19px;
  line-height:19px;
  vertical-align:middle
}

select {padding:1px}
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:#00c;}
#header .logo {float:left; outline:none}
#header .logo img {height:64px}

#header #nav {position:absolute; bottom:0; right:0; height:25px; width:581px; line-height:25px; vertical-align:middle; color:White}
#header #nav ul {position:relative; list-style:none; padding:0; margin:0; text-align:center}
#header #nav ul li
{
  position:relative;
  display:block;
  float:left;
  list-style:none;
  margin:0 0 0 3px;
  width:80px;
  height:25px;
  background:#006 url(/pics/mmStaticMenuItem.gif) no-repeat 0 0;
}
#header #nav ul li a {display:block; color:White; text-decoration:none; line-height:25px}
#header #nav ul li.selected a {background-color:White; color:Black}
#header #nav ul li.selected:hover a {background-color:White; color:Black}
#header #nav ul li:hover a {color:Yellow}
#header #nav ul li.selected a {background:White url(/pics/mmStaticMenuItem.gif) no-repeat 0 0; color:Black}

/*** FOOTER ***/
#footer {position:relative; height:64px; background-color:#00c; 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 {position:absolute; width:664px; height:62px; top:50%;	margin-top:-31px;	text-align:left; right:10px; z-index:0}
div.WelcomeTitle
{
	color:#00c;
	text-align:left;
	font-variant:small-caps;
	font-size:120%;
	font-weight:normal;
	letter-spacing:0;
	border-bottom:solid 1px #00c;
  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}
.BlogVideo {padding:10px; border:1px solid #00c; margin-bottom:10px; width:738px; height:412px}

/*** LINKS ***/
.gvLinks {margin:10px;	width:760px}
.gvLinks a {text-decoration:none}
.gvLinks a:Hover {background-color:#00c; 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 #00c; 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 {vertical-align:middle}

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; }

.portlinks ul li {line-height:1.2em; background:White url(/pics/scc_bullet.gif) no-repeat center left; padding-left:15px;	list-style-type:none}
.portlinks ul li a {text-decoration:none}
.portlinks ul li a:Hover {background-color:#00c; 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 {position:absolute; height:auto; width:379px; margin:0 0 0 80px; 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; color:red}
.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; width:54px; top:76px; /*font-size:small*/}
.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%; color:Red}
.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; color:Red}

/*** TAB CONTROL ***/
.ajax__tab_header {margin-left:0; height:21px}