@charset "UTF-8";
/* OOBE GLOBAL STYLE SHEET FOR SKY SMARTPEN 2012 */
@import url('/css/reset.css');
@import url('/css/forms_2012.css');

html{
	background-color: #cedde3;
}

body { 
	background-color: #cedde3;
	text-align: inherit;
	line-height: inherit; 
	font-size: 13px;
	color: #585858;
	font-family: verdana, arial, sans-serif;
}

#container { 
	/* Gradient bg */
	background-image: -ms-linear-gradient(top, #FFFFFF 0%, #cedde3 100%);/* IE10 Consumer Preview */ 	 
	background-image: -moz-linear-gradient(top, #FFFFFF 0%, #cedde3 100%);/* Mozilla Firefox */	
	background-image: -o-linear-gradient(top, #FFFFFF 0%, #cedde3 100%);/* Opera */ 	
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #cedde3));/* Webkit (Safari/Chrome 10) */ 	 
	background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #cedde3 100%);/* Webkit (Chrome 11+) */	
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #cedde3 100%);/* W3C Markup, IE10 Release Preview */ 
}

#inner_container {
	width: 900px;
	margin: 0 auto;
}
	
#header {
	width: 860px;
	padding: 12px 15px 0px;
}

/*------------ FONT STYLE ------------*/
A:link, A:active, A:visited{
	color: #37abd1;
	text-decoration: none;
}

A:hover{
	color: #3eb2c4;
}

h1 { 
	font-size: 24px;
	text-align: center;
	padding-top: 50px;
}

h2{
	font-size: 14px;
	color: #f3901d;
	margin: 10px 0px;
}

h3 { 
	font-size: 17px;
	line-height: 25px;
	margin-bottom: 25px;
}

#sign_up h3 { max-width: 288px; }

p{
	margin-bottom: 15px;
}

.small_text { 
	font-size: 10px; 
	line-height: 14px;
	padding-top: 5px;
  width: auto!important;
}

.intro .small_text {
width:300px;
}

.welcome_text {
color: #ff9933;
font-size:24px;
font-weight: lighter;
display: block;
width: 300px;
}

sup{
	vertical-align:60%; 
	font-size:50%;
}

.highlight_text{
	color: #f3901d;
}

/*------------ UPPER SECTION ------------*/

.upper_section {
	height: 80px;
	background: url(/images/global_paper_layout/bg_paper_corner.png) no-repeat;
}

/*------------ MID SECTION ------------*/

.mid_section{
	background: url(/images/global_paper_layout/bg_paper_shadow.png) repeat-y;
	padding-bottom: 60px;
}
/* CUSTOM EDIT TO SIGN UP TEXT create livescribe account FOR BETTER VISIBILITY */
.topright_corner, .topright_corner a {
color: white;
font-size: 11px;
text-transform: uppercase;
}

.topright_corner {
border: none;
padding: 8px 12px;
border-radius: 5px;
background: #4e6170 !important;
text-shadow: 0 -1px 0 #2e3942;
margin-top: -20px;
position: absolute;
/*width: 70px;*/
float: right;
display: block;
}

/*---OOBE steps ----*/
.steps {
	width: 800px;
	margin-bottom: 40px;
	font-size: 11px;
	text-transform: uppercase;
}

.steps ul { 
	position: relative; 
}

.steps ul li {
	position: relative;
	display: inline-block;
	float: left;
	width: 25%;
	text-align: center;
}

.steps ul li span.icon {
	display: block;
	width: 30px;
	height: 30px;
	margin: 0 auto 10px;
	background-image: url(/images/global_paper_layout/step_icons.png);
}

.incomplete { color: #b0b0b0; }
.complete { color: #626262; }
.current { color: #ea8d17; }

.steps ul li.step1.incomplete span.icon { background-position: center top; }
.steps ul li.step2.incomplete span.icon { background-position: center -30px; }
.steps ul li.step3.incomplete span.icon { background-position: center -60px; }
.steps ul li.step4.incomplete span.icon { background-position: center bottom; }

.steps ul li.step1.complete span.icon { background-position: right top; }
.steps ul li.step2.complete span.icon { background-position: right -30px; }
.steps ul li.step3.complete span.icon { background-position: right -60px; }
.steps ul li.step4.complete span.icon{ background-position: right bottom; }

.steps ul li.step1.current span.icon { background-position: left top; }
.steps ul li.step2.current span.icon { background-position: left -30px; }
.steps ul li.step3.current span.icon { background-position: left -60px; }
.steps ul li.step4.current span.icon { background-position: left bottom; }

.steps ul.step_arrow{
	position: absolute;
	left: 113px;
	top: 11px;
}

.steps ul.step_arrow li{
	width: 172px;
	height: 9px;
	background-image: url(/images/global_paper_layout/step_arrow.png);
	margin-right: 28px;
	text-indent: -100000px;
}

.main_content{ 
	width: 810px;
	padding: 10px 45px; 
	background: url(/images/global_paper_layout/bg_paper_texture.png) no-repeat;
}

.left_col { 
	width: 360px;
	float: left; 
    padding: 0;
}

.right_col { 
	position: relative;
	width: 420px;
	min-height: 400px !important;
	float: right; 
	padding: 10px 0px 0px 30px;
	line-height: 20px;
	margin-top: 5%;
}

.center_col{
	text-align: center;
}

.dividing_line{
	background: url(/images/global_paper_layout/content_divider.png) top left no-repeat;
}

.more_btm{
	float: left;
	margin-top: 70px;
	font-size: 11px;
	line-height: 16px;
}

.lft{
	float: left;
}

.blue_box{
	background-color: #e2f1f7;
	border: 1px solid #85aab9;
	padding: 8px;
	display: block;
	margin-right: 10px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.grey_box{
	background-color: #FFFFFF;
	border: 1px solid #c8c8c8;
	padding: 8px;
	display: block;
	-moz-border-radius: 6px;
	border-radius: 6px;
	color: #7b7b7b;
}

.tip{
	text-indent: 25px;
	background:url(/images/icons/light_bulb.png) 3px 1px no-repeat #e2f1f7;
}

.tip .headline{
	color: #4694b0;
}

.confirm_check p{ margin: 0 0 0 5px; padding-top: 1px !important;width: auto; }

.error_msg {
  margin-top: auto!important;
  }

.createAcct {
  float: left;
  font-size: 11px;
  margin-right: 5px;
  clear: both;
  text-transform: uppercase;
  }

.orangeAcct {
  background: linear-gradient(#ffad66, #f70);
  border-radius: 5px;
  padding: 8px 12px;
  color: #fff!important;
  }

.acctLink {
  font-size: 13px;
  }

.acctQuestion {
  padding: 10px 0 5px;
  clear: both;
  margin: 0;
  }

/*------------ FOOTER ------------*/

#footer {
	background: url(/images/global_paper_layout/bg_footer.png) top left no-repeat;
	color: #848484;
}

.legal { padding: 10px; }