/* CSS Document */
html,body,h1,h2,h3,h4,h5,h6,p,img,ul,ol,li,form,fieldset,input,textarea,table
{
margin:0;
padding:0;
border:0 none;
}
.clearfix:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
body
{
background:url(../images/bg.jpg) center 0 repeat-x;
text-align:center;
}
#wrap
{
width:820px;
margin:0 auto;
background:url(../images/wrap-bg.jpg) 0 0 no-repeat;
text-align:left;
}
#header
{
width:820px;
height:135px;
}
#header h1
{
width:256px;
height:97px;
background:url(../images/logo.jpg) 0 0 no-repeat;
float:left;
display:inline;
margin:11px 0 0 11px;
}
#header h1 a
{
width:256px;
height:97px;
display:block;
}
#header h1 span{display:none;}
#header form
{
width:200px;
float:right;
display:inline;
margin:23px 10px 0 0;
}
#header form select
{
width:197px;
height:22px;
padding:2px;
font:14px Arial, Helvetica, sans-serif;
color:#000;
border:1px solid #a9a9a9;
}
#header ul
{
width:260px;
clear:right;
float:left;
margin:50px 0 0 70px;
}
#header ul li
{
list-style:none;
font:14px Arial, Helvetica, sans-serif;
color:#666;
float:left;
display:inline;
margin:0 10px 0 0;
text-align:center;
}
#header ul li a
{
width:73px;
height:21px;
padding:5px 0 0 0;
border:1px solid #666;
display:block;
background:#fff;
text-decoration:none;
color:#666;
}
#header ul li a.selected, #header ul li a:hover
{
border:1px solid #000;
color:#000;
}
#header ol
{
width:500px;
float:left;
display:inline;
margin:80px 0 0 40px;
}
#header ol li
{
float:left;
display:inline;
margin:0 15px 0 0;
padding:0 15px 0 0;
font:13px Tahoma, Arial, Helvetica, sans-serif;
color:#666;
}
#header ol li.selected
{
font-weight:bold;
color:#000;
}
#content
{
width:820px;
padding:30px 0 50px 0;
clear:both;
}
#content p.network
{
font:bold 12px Arial, Helvetica, sans-serif;
color:#000;
}
#content p.network a.facebook-badge
{
width:72px;
height:23px;
background:url(../images/badge-facebook.png) 0 0 no-repeat;
float:left;
display:inline;
margin:0 10px 0 0;
}
#content p.network a.twitter-badge
{
width:72px;
height:22px;
background:url(../images/badge-twitter.png) 0 0 no-repeat;
float:left;
display:inline;
}
#content p.network a.facebook-badge span, #content p.network a.twitter-badge span
{
display:none;
margin:0;
}
#content p.network span
{
float:left;
display:inline;
margin:5px 10px 0 28px;
}
#left
{
width:423px;
clear:left;
float:left;
display:inline;
padding:0 10px 0 30px;
}
#left h1
{
font:bold 24px Tahoma, Arial, Helvetica, sans-serif;
color:#000;
line-height:26px;
margin:0 0 15px 0;
}
#left h2
{
font:18px Tahoma, Arial, Helvetica, sans-serif;
color:#000;
line-height:24px;
margin:0 0 15px 0;
}
#left p
{
font:12px Tahoma, Arial, Helvetica, sans-serif;
color:#000;
line-height:18px;
margin:0 0 15px 0;
}
#left p a.tooltip
	{
	position:relative; /*this is the key*/
    z-index:24;
	border-bottom:1px dotted #4F87A9;
	}
#left p a.tooltip:hover
	{
	z-index:25;
	text-decoration:none;
	}
#left p a.tooltip span{display: none}
#left p a.tooltip:hover span
	{ /*the span will display just on :hover state*/
	font:11px Arial, Helvetica, sans-serif;
    display:block;
    position:absolute;
    top:0; 
	left:0;
	width:158px;
	padding:5px;
    border:1px solid #cbcdbd;
    background:#ecf7ad;
	color:#252424;
	}
#left p a.tooltip:hover span
	{
	top:-22em;
	left:0;
	}
#left a.get-started
{
width:150px;
height:32px;
background:url(../images/btn-get-started.jpg) 0 0 no-repeat;
display:block;
float:right;
display:inline;
}
#left a.get-started span{display:none;}
#left img.main
{
float:right;
display:inline;
margin:0 10px 10px 0;
}
#left .clear{clear:both;}
#right
{
width:345px;
float:right;
display:inline;
padding:0 0 0 12px;
}
#right form
{
width:277px;
background:url(../images/right-form-bg.jpg) 0 0 no-repeat;
padding:10px 20px 0 20px;
}
#right form fieldset legend
{
font:18px Tahoma, Arial, Helvetica, sans-serif;
color:#333;
line-height:22px;
margin:0;
padding:0;
}
#right form fieldset label
{
font:14px Tahoma, Arial, Helvetica, sans-serif;
color:#000;
line-height:16px;
float:left;
display:inline;
margin:2px 5px 0 0;
}
#right form fieldset span
{
font:12px Tahoma, Arial, Helvetica, sans-serif;
color:#000;
line-height:14px;
float:left;
display:inline;
margin:6px 0 0 0;
}
#right form fieldset input
{
width:111px;
height:19px;
padding:3px 0 0 5px;
border:1px solid #a9a9a9;
margin:0 0 10px 0;
}
#right form fieldset input.short{width:30px;}
#phone1 {width:30px;}
#phone2 {width:30px;}
#right form fieldset input.medium{width:35px;}
#phone3{width:35px;}
#right form fieldset input.ctrl
{
width:auto;
height:auto;
border:none;
float:left;
display:inline;
margin:5px 5px 0 0;
}
#right form fieldset input.button
{
width:141px;
height:26px;
background:url(../images/btn-sign-in.jpg) 0 0 no-repeat;
border:none;
margin:0 0 0 30px;
cursor:pointer;
}
#right form fieldset p
{
font:12px Tahoma, Arial, Helvetica, sans-serif;
color:#000;
line-height:14px;
margin:10px 0 0 0;
}
#right form fieldset p a{color:#000;}
#right div.youtube{margin:20px 0 20px 20px;}
#right .clear{clear:both;}
#bottom
{
width:820px;
clear:both;
float:left;
display:inline;
padding:0 0 30px 0;
}
#bottom h2
{
font:16px Tahoma, Arial, Helvetica, sans-serif;
color:#000;
line-height:22px;
}
#bottom ul{margin:0 0 0 25px;}
#bottom ul li.one, #bottom ul li.three
{
width:250px;
float:left;
display:inline;
margin:0 50px 30px 0;
}
#bottom ul li.three{margin:0 0 30px 0;}
#bottom ul li.two
{
width:160px;
float:left;
display:inline;
margin:0 50px 30px 0;
}
#bottom ul li p
{
font:12px Tahoma, Arial, Helvetica, sans-serif;
color:#000;
line-height:14px;
}
#bottom ul li div.box
{
border:1px solid #dedddd;
padding:10px;
margin:0 0 20px 0;
font:12px Tahoma, Arial, Helvetica, sans-serif;
color:#000;
line-height:18px;
background:#f2f2f2;
position:relative;
}
#bottom ul li div.box img
{
position:absolute;
right:20px;
bottom:-19px;
}
#main
{
width:760px;
padding:0 30px 30px 30px;
}
#main h1
{
font:bold 24px Tahoma, Arial, Helvetica, sans-serif;
color:#000;
line-height:26px;
margin:0 0 15px 0;
}
#main p
{
font:12px Tahoma, Arial, Helvetica, sans-serif;
color:#000;
line-height:18px;
margin:0 0 15px 0;
}
#main p.big
{
font-size:14px;
line-height:20px;
}
#main p span{text-decoration:underline;}
#main p.twitter, #main p.rss, #main p.facebook
{
height:44px;
display:block;
padding:20px 0 0 74px;
}
#main p.facebook{background:url(../images/facebook.jpg) 0 0 no-repeat;}
#main p.twitter{background:url(../images/twitter.jpg) 0 0 no-repeat;}
#main p.rss{background:url(../images/rss.jpg) 0 0 no-repeat;}
#main a.finish
{
width:96px;
height:26px;
background:url(../images/btn-finish.jpg) 0 0 no-repeat;
float:left;
display:inline;
margin:0 0 0 300px;
}
#main a.share
{
width:181px;
height:26px;
background:url(../images/btn-share.jpg) 0 0 no-repeat;
float:right;
display:inline;
}
#main a.finish span, #main a.share span{display:none;}
#main form{width:760px;}
#main form fieldset dl dt
{
width:220px;
clear:left;
float:left;
display:inline;
text-align:right;
margin:2px 0 10px 0;
padding:0;
}
#main form fieldset dl dd
{
width:530px;
float:left;
display:inline;
padding:0;
margin:0 0 0 10px;
}
#main form fieldset dl dd a
{
font:12px Tahoma, Arial, Helvetica, sans-serif;
color:#000;
margin:0 0 0 10px;
}
#main form fieldset label
{
font:bold 14px Tahoma, Arial, Helvetica, sans-serif;
color:#000;
line-height:18px;
}
#main form fieldset input
{
width:164px;
height:19px;
padding:5px 0 0 5px;
margin:0 0 10px 0;
border:1px solid #a9a9a9;
float:left;
display:inline;
font:12px Tahoma, Arial, Helvetica, sans-serif;
color:#666;
}

#main form fieldset input#phone1 {width:30px;}
#main form fieldset input#phone2{width:30px;}
#main form fieldset input#phone3{width:40px;}

#main form fieldset input.short{width:30px;}
#main form fieldset input.medium{width:40px;}
#main form fieldset input#ctrl
{
width:auto;
height:auto;
border:none;
margin:5px 5px 0 0;
}
#main form fieldset input.join
{
width:70px;
height:26px;
background:url(../images/btn-join.jpg) 0 0 no-repeat;
display:block;
border:none;
cursor:pointer;
margin:10px 0 10px 180px;
}
#main form fieldset input.next
{
width:96px;
height:26px;
background:url(../images/btn-next.jpg) 0 0 no-repeat;
display:block;
cursor:pointer;
border:none;
margin:10px 0 10px 160px;
}
#main form fieldset input.email
{
width:29px;
height:16px;
background:url(../images/btn-email.jpg) 0 0 no-repeat;
display:block;
cursor:pointer;
border:none;
margin:10px 0 10px 140px;
}
#main form fieldset input.email2
{
width:100px;
height:16px;
background:url(../images/btn-email2.jpg) 0 0 no-repeat;
display:block;
cursor:pointer;
border:none;
margin:10px 0 10px 70px;
}
#main form fieldset input.request
{
width:141px;
height:26px;
background:url(../images/btn-request.jpg) 0 0 no-repeat;
display:block;
cursor:pointer;
border:none;
margin:10px 0 10px 160px;
}
#main form fieldset input:focus{border:1px solid #ff0000;}
#main form fieldset input.email:focus, #main form fieldset input.request:focus, #main form fieldset input.next:focus, #main form fieldset input.join:focus{border:none;}
#main form fieldset select
{
float:left;
display:inline;
padding:2px 2px 3px 2px;
}
#main form fieldset span, #main form fieldset p
{
font:14px Tahoma, Arial, Helvetica, sans-serif;
color:#000;
line-height:18px;
}
#main form fieldset span.lft
{
float:left;
display:inline;
margin:3px 5px 0 5px;
}
#main p.error_str
{
font:18px Tahoma,Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#ff0000;
margin:0;
padding:3px 0 0 10px;
}
#main form fieldset dl dd #error_firstname, #main form fieldset dl dd #error_lastname, #main form fieldset dl dd #error_state, #main form fieldset dl dd #error_email, #main form fieldset dl dd #error_pfw_security_code
{
width:220px;
height:23px;
font-size:13px;
font-weight:bold;
color:#666;
margin:0;
padding:3px 0 0 10px;
background:url(../images/error-bg.jpg) right 0 no-repeat;
float:left;
display:inline;
visibility:hidden;
}
#main form fieldset dl dd #error_state{width:390px;}
#main form fieldset p a, #main form fieldset span a{color:#000;}
#main form fieldset br{clear:left;}
#footer
{
width:780px;
margin:0 20px;
clear:both;
border-top:1px solid #c9c9c9;
padding:10px 0 0 0;
}
#footer p
{
font:11px Tahoma, Arial, Helvetica, sans-serif;
color:#000;
line-height:13px;
}
#footer p a
{
color:#000;
text-decoration:none;
}
#footer p a:hover{text-decoration:underline;}

#twitter-form
{
visibility:hidden;
margin:0 0 30px 0;
}
#twitter-form input.activate
{
width:96px;
height:26px;
background:url(../images/btn-activate.jpg) 0 0 no-repeat;
border:none;
padding:0;
cursor:pointer;
}