html, body { 
  background: url(/r/wd_host_content/63/templates/166/sb_bg.png) repeat #333; 
  margin: 0; 
  padding: 0; 
  text-align: center;
	font-size: 1em;
} 

body, td, ul li, ol li, p, a, blockquote, h1, h2, h3 { font-family: 'Droid Sans', sans-serif; }

a, a img { text-decoration: none; border: none; }
a, a:link, a:active, a:visited { color: #037ED2; }

/* HEADER */ 

#sb_header { 
  background: url(/r/wd_host_content/63/templates/166/sb_header_bg.png) top left no-repeat transparent; 
  overflow: hidden;
  padding: 0 40px; 
  height: 164px; 
  width: 910px; 
  _width: 990px;
}
  
.hostname { height: 48px; }
.signupaccount { width: 944px; }
.identity { padding-top: 10px; height: 50px; _position: relative; _top: -17px; }
.tagline { 
  color: #606060; 
	font-style: normal; 
	font-size: 16px; 
	font-weight: 700; 
	position: relative; 
	letter-spacing: normal; 
  left: 50px; 
  top: -38px; 
  _top: -45px; 
}

/* NAV */
 
.menu { 
  background: url(/r/wd_host_content/63/templates/166/sb_nav_bg.png) top left no-repeat; 
  width: 990px; 
	position: absolute; 
	top: 120px !important; 
	height: 44px; 
}
.menu ul { margin: 12px 0 12px 30px; }
.menu ul, .menu li { text-align: left; }
.menu a:hover { background: none; }
.menu li a { margin-right: 20px; text-transform: none; font-size: 16px; font-weight: 400; }
.menu li a:link, .menu li a:visited { color: #fff; }
.menu li a:hover { color: #29a6fd; } 
 
 
/* CONTENT */

#wrapper { padding: 0; background: url(/r/wd_host_content/63/pages/220/sb_body_bg.png) top left repeat-y transparent; }
 
#pagewidth{ 
  position: relative; 
  width: 990px; 
  text-align: left;
  margin-top: 15px;    
  margin-left: auto; 
  margin-right: auto;  
}  

#content{
	float: left; 
	position: relative; 
	left: 5px; 
	width: 978px; 
	background-image: none;
}

#content p { font-size: 14px }
#contentholder { width: 978px; }

#content a, #content a:visited { color: #2589ce; }
#content a:hover { color: #037ed2; }
#content p.large_p { font-size: 16px; }

#content #left { width: 652px; _width: 712px; padding: 35px 30px 40px 30px; }
#content #left h1 { font-size: 32px; color: #333333; letter-spacing: -1.2px; }
#content #left h3 { color: #2589ce; font-size: 20px; font-weight: 400; }
#content #left .sitename { color: #fb630b; }
#content #left ul { margin-right: 0; }
#content #left ol li, #content #left ul li { 
	background: url(/r/wd_host_content/63/pages/220/sb_tick.png) no-repeat 0 1px transparent;
	font-size: 14px;
	line-height: 1.5;
	margin-bottom: 7px;
	padding-left: 28px;
}

#content #right { background-color: #f2f2f2; height: 100%; width: 266px; padding-right: 0; margin-left: 712px; }
#content #right .sidebar_gray { padding: 15px 35px; _padding: 15px 35px 30px 35px; background: #f2f2f2; }
#content #right p { padding-left: 0; width: 100%: }
#content #right h3 { color: #2589ce; font-size: 17px; font-weight: 400; letter-spacing: -0.7px; }
#content #right ul, #content .right_sub ul { padding-left: 0; }
#content #right ol li, #content #right ul li { 
	background: url(/r/wd_host_content/63/pages/220/sb_tick.png) no-repeat 0 1px transparent;
	font-size: 13px;
	line-height: 1.5;
	margin-bottom: 5px;
	padding-left: 28px;
}


/* FOOTER */

#sb_footer { 
  background: url(/r/wd_host_content/63/templates/166/sb_footer_bg.png) top left no-repeat transparent; 
	margin: 0 auto; 
	width: 990px; 
	height: 140px; 
}

#sb_footercontent { height: 120px; text-align: left; background: transparent; padding: 10px 40px; }
#sb_footer a { margin-right: 20px; }
#sb_footer a:link, #sb_footer a:visited { font-size: 13px; color: #ddd; }
#sb_footer a:hover { color: #eee; text-decoration: none; }

#footer_signup { text-decoration: none; float: right; position: relative; top: -12px; _top: -32px; right: 40px; }
#footer_copyright { font-size: 13px; font-weight: 700; color: #b6b6b6; margin-top: 30px; }


/* SECURE PAGES */

#signup_step1, #signup_step2, #content { }
.container_bars .content { border: none !important; padding: 0 5px !important; }

#signup_step1 div#page-container { 
  height: 1475px;
  position: relative;
  padding: 30px 25px;
  _padding: 35px 25px;
  left: -70px;
  _left: -38px;
  width: 855px !important;
  *padding-right: 5px;
  *width: 885px !important;
}

#signup_step2 div#page-container { 
  height: 780px;
  padding: 30px 5px;
  _padding: 30px 7px;
  position: relative;
  left: -140px;
  _left: -37px;
  width: 855px !important;
  *height: 680px;
}

#signup_step1 div#page-container h1, #signup_step2 div#page-container h1,
#contentholder #topsection table td h1, .ticket-submit #contentholder h1,
table#forgot-password-form td h2 { 
    margin-top: 6px; 
    color: #333333;
    font-size: 32px;
    padding-bottom: 15px;
    letter-spacing: -1.2px;
    font-weight: 700;
}

.ticket-submit #contentholder h1 { margin-bottom: 10px; }
.contentSpecialPadding #contentholder #right { display: none; }

#signup_step1 div#page-container p { font-size: 16px; margin-top: 0; }

#contentholder #topsection { 
  height: 660px;
  padding: 0px !important;
  position: relative;
  left: -10px;
  top: -30px;
  text-align: left;
  width: 885px !important;
  _width: 927px !important;
  _top: -33px;
  _left: -20px;
  _padding: 20px 10px !important;
}

#contentholder #topsection p { margin: 10px 0; }
#contentholder #topsection p a { text-decoration: underline; }

#contentholder #topsection table { margin: 25px 15px; width: 640px; }
#contentholder #topsection table td { font-size: 14px; } 
#contentholder #topsection table td h1 span {
    color: #333333;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -0.5px;
    position: relative;
    top: 0;
}
#contentholder #topsection table td h2 { font-weight: 400; color: #25a5dd; }
#contentholder #topsection table td h2#login-form-title { font-size: 18px; position: relative; top: -10px; }

#signup_step2 div#page-container p { margin-bottom: 0; }
#signup_step2 div#page-container a { text-decoration: underline; }
#signup_step2 div#page-container table { margin: 10px 0 0 0; }
#signup_step2 div#page-container table #content2 table td { padding: 5px 10px; }
#signup_step2 div#page-container table #content2 table td.terms { color: #fff; }
#signup_step2 div#page-container table #content2 table td.terms a { position: relative; left: -18px; } 
#signup_step2 div#page-container table input[type="text"], 
#signup_step2 div#page-container table input[type="password"], 
#signup_step2 div#page-container table textarea { width: 15em; padding: 5px; }

#contentholder #topsection #submitForm { width: 550px !important; overflow: hidden; }
#contentholder #topsection #submitForm form table { margin: 5px 10px; }
#contentholder #topsection #submitForm form table td div input { margin: 5px; padding: 7px; }

.hoverbox li { *padding-right: 0; }
.hoverbox p { font-size: 14px; }
.hoverbox a:hover .shadow { background-color: #fff; }
.hoverbox a:hover .select { border: none; }
.forgot-password { position: relative; left: -50px; top: -13px; _top: -15px; _width: 700px !important; }
#content .forgot-password #left { padding-top: 0; }

table#forgot-password-form { height: 400px !important; }
table#forgot-password-form td { text-align: left; }
table#forgot-password-form td h2 {  }
table#forgot-password-form form { width: 600px; }
table#forgot-password-form form td { 
  font-size: 14px; 
  line-height: 1.5;
  padding-left: 19px; 
  _padding-left: 20px; 
  *padding-left: 20px; 
}

table#forgot-password-form td form div.forgot-password-emailform {
  width: 550px; 
  position: relative;
  padding: 15px 0 35px 0;
  left: 20px;
  margin: 15px 0 0 5px;
  border: 1px solid #ccc;
}

table#forgot-password-form td form div.forgot-password-emailform td.td-support { font-size: 13px; }
table#forgot-password-form td form div.forgot-password-emailform td.td-support a { text-decoration: underline; }

.ticket-submit #contentholder {
  width: 880px !important;
  text-align: left;
  position: relative;
  left: -45px;
  padding: 0;
  _padding: 30px 35px 40px 60px;	
}
#wrapper .ticket-submit #contentholder #left ul li { background: none; list-style: disc; padding-left: 0; }

.ticket-submit #contentholder #left { _padding-top: 0; _padding-left: 20px; }
.ticket-submit #askAQuestionInner input,
.ticket-submit #askAQuestionInner select,
.ticket-submit #askAQuestionInner textarea { padding: 5px; }


/* FIXES ETC. */
 
/* *** Float containers fix: http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
.clearfix{ display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

/*printer styles*/ 
@media print{ 
/*hide the left column when printing*/ 
#leftcol{ display:none; } 
#twocols, #maincol { width:100%; float:none; }
}