/*
    RESET
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead /*, table, tr, th, td */{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
/***********************************************************/
/*
    STRUCTURE
*/
#pagewrap {width:725px; margin:10px auto 0 auto;}
    #header {margin-bottom:7px;}
    #navbar {float:left; width:188px; margin-right: 8px;}
    #content50 {float:left; width:333px;}
    #content75 {float:left; width:529px;}
    #content100 {float:left; width:725px;}
    #sidebar {float:left; width:188px; margin-left: 8px; }
    /*#footer {clear:both; margin:20px 0;}*/
    

/***********************************************************/
/* 
    COLROR KEY:
    #00aeff     Blue
    #ccc        Gray
    #40c2f3     blue: button backgroup color
    #0077a6     dark blue: Button stroke
*/


/*
        TYPOGRAPHY 
*/
html {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px; }
/*
body {}
*/
h1, h2, h3, h4, h5, h6 {font-weight:bold;}
h1 {font-size: 18px;/*font-size: 24px;*/ color:#00AEFF; margin-bottom: 5px;  line-height:normal; } /*mockup call for font-size:24px but it to big to fit*/
h3 {font-size: 13px; margin-bottom: 7px; line-height:1em; }

/*
h2 {font-size: 1.214em; font-weight:bold; color:#0A4E19; text-transform:uppercase; margin-bottom: 0.2em; } 
h3 {font-size: 1em; line-height: 1.25; font-weight:bold; margin-bottom: 1em;}
h4 {font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 {font-size: 12px; font-weight: bold; margin-bottom: 5px; text-transform: uppercase;}
h6 {font-size: 14px; color:#790000; font-weight: bold; }
*/

a {color:#00aeff; text-decoration:none;}
a:hover {text-decoration:underline;}

strong {font-weight:bold;}
em {font-style:italic;}
sup, sub {line-height:0;}
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:3.333em;}
ul {list-style-type:disc;}
ul.list-bullet {margin:0 1.5em 1.5em 0; padding: 0; list-style-position:inside; font-size: 12px; line-height: 17px;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
p {margin-bottom: 12px;}
.clear {float:none; clear:both; height:0px;	}
.center {text-align:center}
.center table{margin-left: auto;margin-right: auto;text-align: left;}
.bold {font-weight:bold;}
.floatright {float:right;}
.floatleft {float:left;}
.hidden {display:none;}
.important {text-decoration:underline; font-style:italic;} 
.divider {border-bottom:1px solid #ccc;}
.separator {border-top: 1px solid #ccc;}
.separator-bottom {border-bottom: 1px solid #ccc; margin-bottom:10px;}
.sidemargin { margin: 0 10px;}
.bottommargin {margin-bottom:10px;}
.topmargin {margin-top:10px;}
.last { margin-bottom: 0 !important; margin-right: 0 !important; }
.minheight {min-height:400px; height:auto !important; height:400px;}  
.active {background:url(../images/mnu_arrow_down.gif) no-repeat scroll left center transparent;}
.inactive {background:url(../images/mnu_arrow_right.gif) no-repeat scroll left center transparent;}
.text {font-size:10px;}
.errormessage {color: Red;}
/*************************************************************************************************************************************/

.menu{font-size:12px; font-weight:bold; margin:0; padding:0 0 10px 0; list-style-image:none; list-style-position:outside; list-style-type:none;}
.menu a {color:#000; display:block; text-decoration: none; padding:6px 6px 6px 12px; outline:none;}
.menu a:hover, .menu a.selected {color:#00aeff;}
.menu ul {list-style-type:none; padding-left:13px;}
/****** UI ******/

.container {padding: 8px 8px 0 8px;}
.ui-corner-all {border:1px solid #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin-bottom:10px;}
.ui-corner-xtop { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; margin-bottom:10px;}

.columnheadercap {background:url(../images/side-col-header.jpg) no-repeat scroll left top transparent; height:32px; width:188px;}
.columndivider {background:url(../images/side-col-separator.jpg) no-repeat scroll left top transparent; height:30px; width:188px;/* margin-left:-1px;*/}

.columnheader {padding:5px 10px 0 10px; color:#fff; font-weight:bold; font-size:13px; line-height:1.5em;}
.greeting {padding:1px 10px 0 10px; color:#fff; font-weight:bold; font-size:11px;}

#navbar, #sidebar {font-size:11px; line-height:1.2em;}

/*.sectionheader {color:#000; font-weight:bold; font-size:15px; line-height:1em; margin-bottom:10px;} /*use <h3> tag enstead*/
/*.text {font-size:12px; line-height:1.2em;;}  /*just remove and use default font size*/

/*  jackpot  */
.jackpot .mm {background:url(../images/jackpot-mm.jpg) no-repeat scroll left top transparent;}
.jackpot .slp {background:url(../images/jackpot-slp.jpg) no-repeat scroll left top transparent;}
.jackpot .ff {background:url(../images/jackpot-ff.jpg) no-repeat scroll left top transparent;}

.jackpot {list-style-type: none; padding:5px 0; margin:0; overflow:hidden; width:158px; margin: 0 auto;}
.jackpot li {margin-bottom:10px; height:190px; position: relative;}
.jackpot li a {display:block; text-indent:-9000px; outline: 0; height:189px;}
.jackpot .jackpotlabel {font-family:Arial Black,Helvetica,sans-serif; font-size:17px; color:#fff; padding-left: 11px;}
.jackpot .jackpotlabel {position: absolute; top:96px; text-transform:uppercase;}
.jackpot .jackpotamount {position: absolute; top:125px; padding-left: 14px;}
.jackpot .jackpotdate, .jackpot .jackpotvalue {font-size:9px; color:#fff; text-align:center; width:158px;}
.jackpot .jackpotdate {position: absolute; top:155px;}
.jackpot .jackpotvalue {position: absolute; top:167px;}

.replaynewgame {overflow:hidden; width:315px; padding-top:5px;}
.winnerslist {list-style-type: none; padding: 0; margin:0; font-size:13px; overflow:hidden; margin-bottom:15px; text-transform:uppercase;}

/*.programsummary img,*/ 

.programsummary h3 {margin-bottom:10px;}
.breaking-news-header, .programlist-header {padding-top:10px; text-transform:uppercase;} 
.programs, .breaking-news {padding: 10px 0}
.program-image {padding-bottom: 10px; /*margin:0 auto;*/ display:block;}
.program-type {margin-bottom: 10px;}

.faq-question {margin:10px 0 5px 0; font-weight:bold;}
.faq-question a {color:#000; line-height:14px;}
.faq-question a:hover {text-decoration:none;}
.faq-contactus {border:1px solid #00aeff; padding:10px; margin-bottom:8px;}

.privacy-subhead {font-size: 13px; font-weight:bold; margin-bottom: 7px; line-height:1em; }
.topofpage{text-align: right; padding-right:10px;}

.command{text-align:center; margin:15px 0;}
/*BUTTONS*/
 
.linkbutton, .submitbutton {
    margin:0;
    background-color:#40c2f3;
    border:1px solid #0077a6;
    border-top:1px solid #35c5fe;
    border-left:1px solid #35c5fe;
    color:#fff;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:12px;
    font-weight:bold;
    padding:3px 13px 4px 13px;
    text-decoration:none;
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px;
}

.linkbutton:hover{border:1px solid #40c2f3; text-decoration:none;}

.submitbutton
{
    cursor:pointer;
    overflow:visible;           /* IE6 */
    width:auto;                 /* IE6 */
}   
 *:first-child+html .submitbutton{
    padding:3px 20px 4px 20px;  /* IE7 */
}
.linkbuttonsizes {padding:2px 10px 3px 10px; font-size:10px;}

/*
    FORM
*/

/*
.formlabel {font-size:12px; display:block;}
*/

.textbox { border:1px solid #00aeff; padding:3px 2px;}
.textboxdisabled {background-color:#ebebe4; border:1px solid #7f9db9; padding:3px 2px;}

.textboxsizexxxs {width:50px;}
.textboxsizes {width:164px;}
.textboxsizem {width:184px;}
.textboxsizel {width:292px;}

.selectboxsizes {width:170px;}
.selectboxsizem {width:192px;}
.selectboxsizel {width:298px;}

.checkbox, .label{text-align:right; padding-right:6px; display:block;}


.formfield {margin-bottom:6px;}
.hint {font-size:x-small; line-height:1.2em; /*font-style:italic;*/}
/*.error {font-size:12px; color:red;} */

/*.sidepadding {padding:0 10px;}*/
.tab-subhead{ text-transform:uppercase; font-weight:bold; padding:10px 0;}
.remoteprocess-container {padding-top: 10px;}

.important-message {font-weight:bold; color: red;}
.alertmanagement fieldset{padding:10px 10px 20px 10px; width:371px; border:1px solid #00aeff;}
.subscriptionmanagement fieldset{padding:10px 10px 20px 10px; width:417px; border:1px solid #00aeff;}

.unverified-contact fieldset {border:1px solid red;}
.unverified-contact fieldset legend { color:red;}

.viewuseractivitybutton {margin-bottom:10px;}
.addcontactpanel {padding-top:10px;} 
.userprofileaddress {width:450px;}
.userprofileaddress .label {width:115px; }
.userlookupenrolledprograms {width:164px; margin:0; padding:0;}

.ajaxloading-indicator { background: transparent url(../images/ajax/ajax-loader2.gif) no-repeat top left; width:66px; height:66px;}
.toggle_trigger {cursor:pointer; width:497px; margin-bottom:5px; padding:5px; border: 1px solid #DADADA; background:transparent url(../images/toggle/togglerc.gif) center right no-repeat;}
.toggle_trigger_active{background:transparent url(../images/toggle/togglero.gif) center right no-repeat;} 
.toggle_trigger:hover {border: 1px solid #40c2f3;}
.toggle_container {border:1px solid #DADADA;}

span.smark{font-family: "Lucida Sans Unicode"; line-height: 0;}
span.reg{position: relative;top: -3px; font-size: 77%;}
span.reghead{position: relative; top: -13px; font-size: 50%;} 

#EmailAvailabilityStatus { margin-bottom: 5px; width:300px; }

.statussucess {color:#008000;}
.statusfailed {color:#FF0000;}


/*--------------- support note module and admin section-------*/
#note-containter {padding:15px;}
.note-header{font-size:1.2em; font-weight:bold; line-height:1; margin-bottom:0.5em; padding: 10px 0;}
.note-type-select{width:200px; border:1px solid #00aeff; padding:3px 2px;}
.note-text{width:505px; border:1px solid #00aeff; padding:3px 2px;}
.note-detail-box {margin-top:10px; padding:5px; height:150px; border:1px solid #CCCCCC;}
.note .center {text-align:center;}
.note {width:100%; border:1px solid #CCCCCC; text-align:left; border-collapse:collapse; font-size:10px; /*font-size:0.66em;*/}
.note td, th {padding:5px; border:1px solid #CCCCCC;}
.note .header-row td, th {/*background-color:#DADADA;*/ font-weight:bold; color:#000000; /* border-bottom:1px solid #8E8E8E; */}
.note a {color:#000000; display:block;}
.note a:hover {text-decoration:none;}
.note tr.hover td {background:#40c2f3 none repeat scroll 0 0;}
/*--------------- Note table ---------------------------------*/

.messagebox{display:block;}
.info, .error .infox, .success, .errorx, .validation, .messagebox {border: 1px solid; margin: 10px 0px; padding:10px; /*font-weight:bold; */ }
.info, .infox {border-color:#E2C822; background-color: #FFF9D7;}
.success {color: #4F8A10; background-color: #DFF2BF;}
.error, .errorx, .validation  {border-color:#DD3C10; background-color: #FFEBE8;}
.validation {color:red;}
.validation ul {padding: 0 0 0 10px; list-style-position:inside; margin:0;}

#footer {clear:both; text-align: center; font-size:11px; margin-bottom:20px;}
#footer, #footer a, #footer a:visited {color:#707070;}