body {
	color: #000000;
	font-size: 10px;
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
  background: #D7DBDB url(http://img.sbgglobal.com/images/index_bgd.gif) repeat-y;
  background-position: top center;
  margin: 0 auto;
  padding: 0px;
  min-width: 770px;
}
#mainwrapperindex{
	margin: 0px auto;
	width: 770px;
	background: #FFFFFF;
}
/****start preview del Top****/
#top-preview{
	background: url(top-preview.jpg) no-repeat;
	float: left;
	height: 294px;
	width: 771px;
}
/****end preview del Top****/
#maincontentwrapper {
	clear: both;
}
/*********************HEADER START***********************/

#rightwrapper {
	float: right;
	width: 150px;
}

#logo {
	width: 150px;
	height: 202px;
	background:url(/login/images/NEWSIGNUP/sbg_logo_right_top.jpg);
}


#logolp {
	padding-top: 130px;
}


#headerwrapper {
	float: left;
	width: 616px;
}

#header {
	width: 616px;
	height: 202px;
	background: url(/login/images/NEWSIGNUP/signup_img_backend.jpg);
        border-bottom: 1px solid #000000;
}

#rayitas {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	font-style: normal; 
	font-weight: normal; 
	color: #FFFFFF; 
	text-decoration: none;
	float:left;
	width: 524px;
	background: #5D5D5D;
	height: 16px;
	padding-left: 3px;
	padding-top: 2px;
}

#rayitas a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none; 
	margin-bottom: 3px;
}

#rayitas a:hover {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	text-decoration: underline; 
	margin-bottom: 3px;
}

#rayitas a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-bottom: 3px;
}

#space {
	height: 60px;
}

#topphone {
	height: 30px;
	width: 616px;
	background: url(/login/images/NEWSIGNUP/welcome_and_800_number.gif);
}
/*********************HEADER END***********************/
#phonebottom {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	width: 755px;
	background: #5D5D5D;
	padding-left: 5px;	/*padding-left: 3px;
	padding-top: 2px;*/
	padding-top: 3px;
	padding-bottom: 3px;
}



#bottomlinksint {
	background: url(http://www.sbgglobal.com/statfeed/images/stats_footer.gif) repeat-x left top;
	width: 765px;
	font-size: 9px;
	padding-left: 5px;
	float: left;
	padding-top: 8px;
}

#bottomlinksint a {
	font-size: 9px;
	color: #31516E;
}

#leftcolum {
	width: 150px;
	float: left;
        
}


/* Navigation Inicia */

a {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: normal; 
	color: #000000; 
	text-decoration: none;
}

#button {
	width: 128px;
	font-family: 'Trebuchet MS', 'Lucida Grande', sans-serif;
	/*background-color: #90bade;*/
	color: #333;
	font-size: 10px;
	}

#button .links {
		display: block;
		padding: 5px 5px 5px 0.5em;
		border-left: 10px solid #182D44;
		border-right: 1px solid #000000;
		/*border-right: 10px solid #508fc4;*/
		border-bottom: 1px solid #555555;
		background-color: #213D51;
		color: #fff;
		text-decoration: none;
		width: 100%;
		}

#button .nolinks {
		display: block;
		padding: 5px 5px 5px 0.5em;
		border-left: 10px solid #182D44;
		border-right: 1px solid #000000;
		border-bottom: 1px solid #555555;
		background-color: #213D51;
		color: #CCCCCC;
		text-decoration: none;
		font-size: 12px;
		font-style: italic;
		width: 100%;
		}

/*html>body #button .links {
		width: auto;
}*/
		
#button .links:hover {
	border-left: 10px solid #283F53;
	/*border-right: 10px solid #5ba3e0;*/
	background-color: #2C475A;
	color: #fff;
}

#button .currentNavItem {
	border-left: 10px solid #283F53;
	background-color: #2C475A;
	color: #fff;
}

#button img {
	vertical-align: middle;
}

.navIcon {
    position: relative;
    right: 5px;
}


/* Navegacion Termina */


#centercolum {
	width: 620px;
	margin: 0px auto;
	float: left;

}
/*********************************************start steps**********************************************/
#steps{
	/*background: url(/login/images/NEWSIGNUP/easy-fast.gif) no-repeat top;*/
	height: 90px;
	_height: 70px;
	width: 761px;
	position: relative;
	margin-left: 4px;
	margin-top: 5px;
	
}
#steptext{
	/*height: 30px;*/
	width: 743px;
	/*position: absolute;*/
	left: 10px;
	/*top: 79px;*/
}
#step1{
	height: 78px;
	width: 239px;
	position: absolute;
	left: 8px;
	/*top: 44px;*/

}
#step2{
	height: 78px;
	width: 239px;
	position: absolute;
	left: 261px;
	/*top: 44px;*/

}
#step3{
	height: 78px;
	width: 239px;
	position: absolute;
	left: 513px;
	/*top: 44px;*/

}
/*********************************************ends steps**********************************************/

/*********************************************start internal info**********************************************/
.box-wrapper-s{
	width: 601px;
	float: left;
	margin-left: 5px;
	_margin-left: 7px;
	margin-top: 10px;
}

.boxtop-s {
	width: 589px;
	height: 20px;
	float: left;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #981b00;
	padding-left: 12px;
	padding-top: 6px;
}
.boxinfo-s {
	width: 599px;
	border-right: 1px solid #cbd0d6;
	border-left: 1px solid #cbd0d6;
	float: left;
	padding-top: 20px;
}
.boxbottom-s{
	width: 601px;
	height: 3px;
	float: left;
	background: url(bottom-s.gif) no-repeat;
}
#steps-s{
	background: url(top-s.gif) no-repeat top;
	height: 100px;
	
	width: 610px;
	position: relative;
	margin-left: 4px;
	margin-top: 5px;
	
}
#steptext{
	height: 30px;
	width: 743px;
	position: absolute;
	left: 10px;
	top: 79px;
}
#arrow{
	height: 78px;
	width: 87px;
	position: absolute;
	left: 11px;
	top: 5px;
	background: url(arrows.gif);
}
#step2-s{
	height: 78px;
	width: 239px;
	position: absolute;
	left: 110px;
	top: 5px;
}
#step3-s{
	height: 78px;
	width: 239px;
	position: absolute;
	left: 360px;
	top: 5px;

}
/*********************************************ends internal info**********************************************/

/*********************************************start-info box******************************************/
.three-box-wrapper{
	width: 758px;
	float: left;
	margin-left: 8px;
	_margin-left: 2px;
	margin-top: 10px;
	margin-bottom:20px;
	_margin-bottom:0px;
}
.box-wrapper{
	width: 750px;
	float: left;
	margin-left: 11px;
	_margin-left: 7px;
	margin-top: 10px;
}
.boxtop {
	width: 732px;
	height: 20px;
	float: left;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #981b00;
	padding-left: 12px;
	padding-top: 6px;
}
.boxinfo {
	width: 742px;
	border-right: 1px solid #cbd0d6;
	border-left: 1px solid #cbd0d6;
	float: left;
	padding-top: 20px;
}
.c-dots{
	background: url(dots.gif) repeat-x center;
	width: 244px;
	float: left;
	height: 20px;
}
.c-dropbg{
	background: url(drop-bg.gif) no-repeat bottom;
	width: 244px;
	padding-bottom: 10px;
	
}
.c-left {
	width: 371px;
	float: left;
}
.c-ritgh {
	width: 371px;
	float: right;
}
.c-boxes-wrapper{
	width: 246px;
	float: left;
	margin-left: 4px;
}
.c-boxes-top{
	color: #981b00;
	width: 236px;
	float: left;
	background: url(top-column.gif);
	height: 21px;
	font-weight: bold;
	padding-top: 7px;
	padding-left: 10px;
}
.c-boxes-info{
	width: 244px;
	float: left;
	border-right: 1px solid #cbd0d6;
	border-left: 1px solid #cbd0d6;
}
.c-boxes-bottom{
	width: 246px;
	float: left;
	background: url(bottom-column.gif) bottom;
	height: 10px;
}

.c-boxes-total{
	width: 236px;
	float: left;
	padding-left: 8px;
}

.c-boxes-total p{
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #981b00;
	margin: 0px 0px 6px;
}

.instructions-selection{
	float: left;
	padding-left: 8px;
	/*height: 16px;*/
	color: #000000;
	width: 236px;
	margin-bottom: 8px;
}
.instructions-selection-rigth{
	float: left;
	height: 16px;
	color: #000000;
	font-weight: normal;
	margin-left: 2px;
	_margin-left: 5px;
	margin-top: 5px;

}
.c-tab{
	color: #981b00;
	width: 234px;
	float: left;
	background: url(internal-tab.gif);
	height: 21px;
	font-weight: bold;
	padding-top: 7px;
	padding-left: 10px;
	margin-top: 10px;
}
.c-tab p{
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #981b00;
	margin: 0px 0px 6px;
}
.c-boxes-total span{
	margin: 0px 0px 6px;
}
.c-boxes-left{
	width: 115px;
	float: left;
	text-align: right;
	height: 20px;
	padding-right: 5px;
}
.c-boxes-left-align{
	width: 113px;
	float: left;
	text-align: left;
	height: 20px;
	padding-left: 8px;
}
.c-boxes-rigth{
	width: 120px;
	float: left;
	height: 20px;
}
.cone{
	width: 150px;
	float: left;
	text-align: right;
	height: 20px;
	padding-right: 10px;
}
.ctwo{
	width: 200px;
	float: left;
	height: 20px;
}
.cone-top{
	width: 110px;
	float: left;
	text-align: right;
	height: 20px;
	padding-right: 10px;
}
.ctwo-top{
	width: 250px;
	float: left;
	height: 20px;
}
.c-all{
	width: 742px;
	float: left;
	
}
.c-all p{
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #981b00;
	padding-left: 13px;
}
.radiob{
	width: 200px;
	_width: 210px;
	height: 18px;
	float: left;
	margin-left: 40px;
	_margin-left: 20px;
	padding-top: 5px;
}
.divider{
	width: 742px;
	float: left;
	border-top: 1px dotted #cbd0d6 !important;
	height: 12px;
}
#box {
	width: 743px;
	border-right: 1px solid #cbd0d6;
	border-left: 1px solid #cbd0d6;
	float: left;
}

.boxbottom {
	width: 744px;
	height: 3px;
	float: left;
	background: url(bottom.gif) no-repeat;
}
.passw-box{
	background: url(password-view.gif);
	height: 150px;
	width: 304px;
	float: left;
}
.passw-confirm{
	background: url(password-confirm.gif);
	height: 127px;
	width: 304px;
	float: left;
}
/*********************************************end-info box******************************************/
.red{
color: #981b00;
}
.loginfield{
	border: 1px solid #5d6268;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background:#fff !important;
	width: 115px;
}
.loginfielddrop{
	border: 1px solid #5d6268;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background:#fff !important;
	width: 115px;
}
.loginfielddropQuestion{
	border: 1px solid #5d6268;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background:#fff !important;
}

.field-small{
	border: 1px solid #5d6268;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background:#fff !important;
	width: 100px;
}

.coments{
	border: 1px solid #5d6268;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background:#fff !important;
	width: 115px;
	float: left;
	height: 30px;
}

.formfield{
	border: 1px solid #5d6268;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background:#fff !important;
}

.loginfield-d{
	border: 1px solid #5d6268;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background:#fff !important;
	width: 200px;
}
.loginfield-s{
	border: 1px solid #5d6268;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background:#fff !important;
	
}
.loginfield-t{
	border: 1px solid #5d6268;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background:#fff !important;
	width: 220px;
	height: 50px;
	margin-left: 3px;
	_margin-left: 2px;
}
#sportsbook, #casino, #horses, #poker {
	margin-left: 10px; }

.slink {
	text-decoration: underline;
}	
.submit{
	background: url(join-btn.gif) no-repeat;
	height: 65px;
	width: 174px;
	border-style: none;
	cursor: pointer;
}
.confirm{
	background: url(confirm-btn.gif) no-repeat;
	height: 36px;
	width: 100px;
	border-style: none;
	float: right;
	cursor: pointer;
}
.edit-info{
	background: url(edit-btn.gif) no-repeat;
	height: 36px;
	width: 100px;
	border-style: none;
	float: right;
	cursor: pointer;
}

.portletBody {
width: 145px;
    position: relative;
    border: 0;
}
.portletContent {
width: 150px;
    padding: 0;
}


#login_header {
	background: url(login/header.gif) no-repeat;
	width: 150px;
	height: 45px;
}
#login_footer {
	background: url(login/footer.gif) no-repeat;
	width: 150px;
	height: 23px;
	_height: 19px;
}


#loginbox {
	background: url(login/bg.gif) repeat-y;
	width: 138px;
	/*height: 144px;
        _height: 146px;*/
	padding: 0px 0px 0px 12px;
}

#forgot {
	margin-top: 3px;
	padding-left: 15px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

#forgot a { 
	color: #FFFFFF;
}

#problems {
	margin-top: 3px;
        padding-left: 3px;

}

#problems a {
	color: #FFFFFF;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}


#account img {
        margin-top: 0px;
}

#password {
	margin-top: 0px;
}

#password img {
	margin-top: 0px;
}

#loginbox form {
	margin: 0px;
}

#loginbox .field input {
	font-size: 10px;
	margin: 1px 0px 0px 0px;
	border: 1px solid #000000;
	width: 118px;
	height: 13px;
	background: #DADADA;
}
.field {
    top: 0;
    left: 0;
    margin: 0 0.5em 0.5em 0;   
}

#buttons {
	/*margin-top: 5px;
	_margin-top: 0px;*/
        padding-left: 13px;
}
.loginBoxBg {
	background: url(login/bg.gif) repeat-y;
	width: 145px;
	padding-left: 7px;
}