﻿/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* LAYOUT */
.hide {display:none;}
.left{float:left;}
.right{float:right;}
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
#container { width: 980px; margin: 0 auto; position: relative; }
#main { width: 100%; position: relative; }
/* TYPE */
body { font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; background-color: #FAFAFA; color: #333; }

p{margin-bottom: 18px;}
a { color: #08c; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }
sup { padding-left: 1px; font-size: 10px !important; font-weight: normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; color: #76797c; _position: static !important; }
abbr { border: 0; }

h1 { font-weight: bold; font-size: 24px; line-height: 36px; margin-bottom: 18px; }
h2 { font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 18px; }
h3 { font-weight: bold; font-size: 1em; line-height: 18px; }
h4 { font-weight: bold; font-size: 10px; line-height: 18px; }

#header{margin:0 auto;overflow:hidden;padding:1em 0 .5em;position:relative;width:980px;}
#headerNavLeft, #headerNavRight{display:inline;margin:0;list-style-image:none;list-style-position:outside;list-style-type:none;}
#headerNavLeft{float:left;}
#headerNavRight{float:right;}
#headerNavLeft li, #headerNavRight li{display:inline;}
#headerNavLeft li a, #headerNavRight li a{color:#333333;float:left !important;margin-top:1em;padding:0;text-decoration:none;}
#headerNavLeft li a{margin-left:8px;margin-right:30px;}
#headerNavRight li a{margin-left:30px;margin-right:8px;}
#main{background: transparent url('../i/beta/main-bg.jpg') no-repeat scroll 0 0;padding: 0 2px;width: 980px;margin: 0 auto;position: relative;min-height:400px}
#footer{border-style: solid none none none;border-width: 1px;border-color: #DDDDDD;margin: 20px auto;overflow: hidden;padding: 2em 0;position: relative;width: 100%;color: #888888;font-size: 12px;text-align: center !important;}
#mainContent{float:left; width:654px;position:relative}

#m-top{background:transparent url('../i/beta/m-top.jpg') no-repeat scroll 0 0;top:0;font-size:1px;left:0;position:absolute;width:654px;z-index:5;height:19px;line-height:0}
#m-bottom{background:transparent url('../i/beta/m-bottom.jpg') no-repeat scroll 0 0;bottom:0;font-size:1px;left:0;position:absolute;width:654px;z-index:5;height:22px;line-height:0}
#m-mid{background:transparent url('../i/beta/m-mid.jpg') repeat-y scroll 0 0;clear:both;width:654px;min-height:300px;padding:19px 0 0;}
#m-text{font-size:13px;padding:10px 28px 10px;}
#m-text h2{font-size:18px;color:#333;margin-bottom:5px;}
#sub-form input.textinput{margin-top: 10px;font-size: 18px;padding: 10px;color: #999;border: 1px solid #999999;background-color: #F5F5F5; float:left}
#sub-form input:focus.textinput{color: #333;border: 1px solid #B0D8FF;background-color: #FFFFFF;}
#sub-form input.button{background:transparent url('../i/beta/submit.jpg') no-repeat scroll 0 0; border:none !important; cursor:hand; cursor:pointer; width:124px;height:44px;}
.error{border: 1px solid #FF0000}
#m-text h7{font-size:20px; color: #333; font-weight:bold; margin:30px; line-height:30px;}
#m-text2{padding:10px 28px 10px}
#m-text2 ul li{padding:5px 0 10px 15px;}
#m-text2 p{padding:5px 0 0 15px;}

/*dialog*/
.fb_login_not_logged_in{position:relative;top:8px;}
#fb_greeting{background:transparent url(/buy/sc/i/connect/facebook-16x16.gif) no-repeat scroll left center; padding-left: 18px;}
.dialog_content{background:#FFFFFF; max-height:900px; width:100%;text-align:left; color:#666666}
.dialog_content h1,.dialog_content h3{color:#333333;margin:0;}
.dialog_content h1{padding:0 0 5px 0;font-size:20px;line-height:normal;}
.dialog_content h3{padding-bottom:5px;line-height:normal; font-size:15px;}
.dialog_content h6{color:#CCCCCC;padding:0 0 10px 0;margin:0;font-size:16px;}
.dialog_content label{font-size:12px !important;line-height:22px; padding:0 15px 0 0;font-weight:bold !important}
.dialog_content input.textinput{
    border:1px solid #CCC;
    font-size:16px;
    padding:5px !important;
    width:250px !important;
}
.dialog_content .textinput:focus{border:1px solid #3399FF;}
.dialog_content ul{list-style-type:disc; margin-left:35px; margin-top:15px}
div.dialog_left{float: left; width: 40%;}
div.dialog_right{float: right; width: 50%}
h3#fb_name{background:transparent url(/buy/sc/i/connect/facebook-16x16.gif) no-repeat scroll 5px 5px; padding-left: 25px;}
.fb_square_pic{border:1px #CCC solid; padding:4px; background:#FFFFFF}
#fbPanel{position:absolute; top:0px; width:60px; right:-80px;}
.dialog_content input.error{border: 1px solid #ff0000 !important}
label.error {border:none;padding:0;display:block;margin:6px 0;color:#ff0000;background:none;line-height:0; font-size:10px !important; font-weight:normal !important;}
.vinput{height:40px;}
#dl_login, #dl_login2{background:transparent url(/buy/sc/i/connect/facebook-16x16.gif) no-repeat scroll 0 0; padding-left: 20px;}

a.tab_button{
border:1px solid #CCC;
background: #FFE7A6;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
display:block;
color:#555555;
font-weight:bold;
height:30px;
line-height:29px;
margin-bottom:14px;
text-decoration:none;
width:191px;
font-size: 16px;
}
a:hover.tab_button
{
    border:1px solid #0066CC;    
    color: #0066CC;
    text-decoration: none;
}
.inner_fb{
background:url(/buy/sc/i/connect/facebook-16x16.gif) no-repeat 10px 8px;
text-indent:33px;
display:block;
line-height:29px;
}
.inner_mt{
background:url(/buy/sc/i/connect/mt.gif) no-repeat 10px 8px;
text-indent:33px;
display:block;
line-height:29px;
}
#fb_login_btn_container, #mt_login_btn_container{}
#login_container, #fb_login_container, #register_container, #link_account_container {border:1px solid #CCC;
background: #F5F5F5;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
padding:10px;}
#msg{color:Red;font-size:16px;font-weight:bold}
.share-fb{float:right; font-size: 18px; background:url(/buy/sc/i/connect/facebook-16x16.gif) no-repeat 10px 8px;}
.dialog_content p{margin:0;}

/*begin skelly edits*/
#reg_title{
    color:#1A396C;
    font-weight:bold;
    }
#reg_content{
    }
#reg_inner_content{
    margin-left:65px;
    margin-top:150px;
    width:415px;
    }
.reg-form{
    margin-right:85px;
    margin-top:185px;
    }
.reg-form h3{margin-bottom:15px;}
.reg-form select, .reg-form input{
    width:150px;
}
.reg-form p{
    margin-bottom:10px;
    padding:0;
}
.reg-form p.label{
    margin-bottom:0px;
    }
/*#baSubmit{margin-left:340px}*/
.reg-form .error{
    background:none repeat scroll 0 0 #FBE3E4;
    /*border-color:#FBC2C4;*/
    color:#FF0000;
}
.reg-form span.error{background-color:Transparent; border:none; display:block; margin:0 15px 15px; font-size:12px; font-weight:normal;}
.reg-form .radio{margin-left:17px}
.reg-form .radio input, .reg-form .radio label{width:auto; font-weight:normal!important;padding: 0 10px 0 0}
.radio input{margin-right:5px;}
.wrap{
    background:url("../i/bg-ba.png") no-repeat scroll 0 0 transparent;
    margin:0 auto;
    width:1120px;
    min-height:781px;    
}
.wrap-confirm{
    background-image:url("../i/bg-ba-confirm.png")!important;
    }
#reg_alerts{
    background-color:#fff;
    font-family: Arial, Verdana, sans-serif;
    }
#ba_content{
    }
#reg_points{
    background: transparent url("../i/bg-px.png") repeat 0% 0%;
    padding:10px 10px 10px 40px;
    }
#reg_points li
{
    list-style-image:url("../i/chk.png");
    color:#222;
    }
a.fancy-button{
	display:block;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	font-size:14px;
	float:left;
	font-family:arial, tahoma, sans-serif;
	cursor:pointer;
	text-align:center;
}
span.info{
    color:#169945;
    display:block;
    margin-bottom:10px;
    font-size:16px;
    font-weight:bold;
    }
#reg_alerts #msg .error{border:none;}
a.fancy-button span{float:left; height:34px; display:block;}

span.fancy-button-oj-l{width:9px;background:transparent url('../i/fancy-btn-oj-l.png') no-repeat}
span.fancy-button-oj-m{padding:8px 10px 0;background:transparent url('../i/fancy-btn-oj-m.png') repeat-x}
span.fancy-button-oj-r{width:9px;background:transparent url('../i/fancy-btn-oj-r.png') no-repeat}