@charset "UTF-8";

.tipandtricks ul.product_subnav li a, 
.tipandtricks ul.product_subnav li a:visited, 
.tipandtricks ul.product_subnav li a:link, 
.tipandtricks ul.product_subnav li a:active {
	line-height: 15px;
	display: block;
	padding: 6px 0px 6px 17px;
	width/**/: /**/ 129px;
	outline: none;
}

#sky_howto #nav_getting_started a,
#sky_print_dot_paper #nav_print a,
#sky_evernote_support #nav_evernote a,
#sky_smartpen_support #nav_smartpen a,
#sky_wifi_support #nav_wifi a{
	color: #FF8900;
	background: top repeat-x url(/images/smartpen/subnav_over_bg.png);
	text-decoration: none;
}

.tipandtricks ul.product_subnav li { height: auto; }

.tipandtricks .video_section { margin-top: 14px; }

.video_section .video{ 
	width: 212px;
	height: 123px;
}

.video_section .video img { padding: 6px 5px; }

div.top_content { 
	padding-bottom: 30px;
	padding-top: 0; 
}

.two_cols .left_col {
	float: left;
	width: 300px;
	padding-right: 50px;
}

.two_cols .right_col {
	float: left;
	width: 300px;
}

.other_support .two_cols img { margin-left: 45px; }

.video_left .two_cols .left_col { 
	width: 400px;
	padding: 0 
}

.video_left .two_cols .right_col { width: 250px; }

.image_right { width: 380px; }

/** GETTING STARTED **/

#sky_howto .tips_box { 
	position: relative;
	margin-top: 26px;
	width: 250px;
}

#sky_howto .tech_spec_pdf { padding-bottom: 0; }

.top_content .left_col { 
	width: 400px;
	padding-right: 35px; 
}

.top_content .right_col { width: 250px; }

.other_support .left_col { position: relative; }

.left_col a.set_up_bt { 
	position: absolute;
	font-size: 11px;
	top: 45px; 
}

.tipandtricks .two_cols h3 { height: 37px; }

/** SMARTPEN **/

#sky_smartpen_support ul.faq_section { width: 100%; }

#sky_smartpen_support .faq_answer { 
	position: relative;
	width: 400px;
	min-height: 140px;
	padding-right: 272px; 
	background-position: top right;
	background-repeat: no-repeat;
	border-bottom: 1px solid #DDD;
	padding-bottom: 20px;
}
#sky_smartpen_support .faq_answer a.buy_btn {
	position: absolute;
	bottom: 10px;
	right: 70px;
}
.answer1 { background-image: url(/images/support/wifi-smartpen/howto/smartpen_support_a1.jpg); }
.answer2 { background-image: url(/images/support/wifi-smartpen/howto/smartpen_support_a2.jpg); }
.answer3 { background-image: url(/images/support/wifi-smartpen/howto/smartpen_support_a3.jpg); }
.answer4 { background-image: url(/images/support/wifi-smartpen/howto/smartpen_support_a4.jpg); }
.answer5 { background-image: url(/images/support/wifi-smartpen/howto/smartpen_support_a5.jpg); }
.answer6 { background-image: url(/images/support/wifi-smartpen/howto/smartpen_support_a6.jpg); } 
.answer7 { background-image: url(/images/support/wifi-smartpen/howto/smartpen_support_a7.jpg); } 

/* This edit is for EN sites to accomodate image and text juxtaposition*/
.answer7 p {width: 320px;}


/** PRINT DOT PAPER **/

#sky_print_dot_paper .main_content { 
	min-height: 450px;
	background: url(/images/support/wifi-smartpen/howto/print_dot_paper.jpg) right 30px no-repeat; 
}

#sky_print_dot_paper .inner_container ul.notebook_link,
#sky_wifi_support .inner_container ul {
	list-style: none;
	padding-left: 0;
}

#sky_print_dot_paper .inner_container ul.notebook_link li,
#sky_wifi_support .inner_container ul li { margin-bottom: 8px; }

#sky_print_dot_paper .tips_box,
.support_option_nav .tips_box { 
	width: 175px;
	right: 53px;
}

#sky_print_dot_paper .tips_box { top: 410px; }

/** WIFI **/

#sky_wifi_support .bg_1 { background: url(/images/support/wifi-smartpen/howto/wifi_support_connect.jpg) right top no-repeat; }
#sky_wifi_support .bg_2 { background: url(/images/support/wifi-smartpen/howto/wifi_support_personal_hotspot.jpg) 445px 30px no-repeat; }
#sky_wifi_support .bg_3 { background: url(/images/support/wifi-smartpen/howto/wifi_support_hotspot_help.jpg) 460px 30px no-repeat; }
#sky_wifi_support .bg_4 { background: url(/images/support/wifi-smartpen/howto/wifi_support_3G_4G_Hotspot.jpg) 445px 30px no-repeat; }
#sky_wifi_support .bg_5 { background: url(/images/support/wifi-smartpen/howto/wifi_support_connect_send_en.jpg) 445px 30px no-repeat; }

#sky_wifi_support .inner_container ul li {
	padding-left: 15px;
	background: url(/images/icons/blue_arrow.png) left 4px no-repeat;
}

.option_tabs li a.active {
	color: #999;
	border: none;
	pointer-events: none;
    cursor: default;
}

.support_option_nav .tips_box { bottom: 30px; }

#sky_wifi_support .congrats_message {
	padding-bottom: 25px;
	margin-bottom: 25px;
	margin-left: 0;
}

#content1 .tips_box {
	position: absolute;
	bottom: 75px;
	right: 30px;
	width: 260px;
}

#content1 .tips_box2 {
	bottom: 5px;
	right: 30px;
}

#content2 .tips_box {
	position: absolute;
	bottom: 100px;
	right: 64px;
}

/** 3/5/13 WIFI SECTION UPDATES **/

.first_col {
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
}

#content5 h4 { margin-bottom: 10px; }

.helper_quick_start { position: relative; }

.helper_quick_start .steps { position: relative; }

.helper_quick_start .steps div {
	float: left;
	width: 195px;
	margin-left: 35px;
	height: 85px;
	padding-bottom: 100px;
}

.helper_quick_start .step_one { background: url(/images/support/wifi-smartpen/howto/stepone_dl_helper.png) center center no-repeat; }

.helper_quick_start .step_two { background: url(/images/support/wifi-smartpen/howto/steptwo_plug_in.png) center bottom no-repeat; }

.helper_quick_start .step_three { background: url(/images/support/wifi-smartpen/howto/stepthree_sync_evernote.png) center bottom no-repeat; }

.helper_quick_start .dl_bt {
	position: absolute;
	top: 150px;
	left: 0;
}

img.step_number { 
	position: absolute;
	top: 0; 
}

img.step_one_icon { left: 8px; }

img.step_two_icon { left: 237px; }

img.step_three_icon { right: 208px; }

/* Responsive CSS */

@media (max-width: 900px) {
	#bg { width: 100%!important; }
	.smartpen_section .main_content_container div.leftnav { width: 100%!important; }
	.smartpen_section .main_content_container .main_content,
	.inner_content_box two_cols {
		width: 80%!important;
    	float: left;
    	margin-left: 5%;

	}

  .round_corner {
    border: 0;
    }
	
	div.main_content_container { width: 100%!important; }
	
	div.inner_container { width: 80%!important; }
	
	.top_content .left_col,
	.two_cols .left_col,
	.two_cols .right_col { 
		float: none;
    	width: 100%!important;
    	padding-right: 0; 
	}
	.right_col.ls_player { margin-top: 30px; }
	#sky_smartpen_support .faq_answer {
		width: 90%;
    	padding: 0;
    	background: none;
	}
	#sky_print_dot_paper .main_content { background: none; }
	#sky_print_dot_paper .tips_box,
	#content1 .tips_box,
	#content1 .tips_box2 {
		position: relative;
    	top: inherit;
    	right: inherit;
    	bottom: inherit;
    	margin-top: 10px;
	}
	#content1 .tips_box,
	#content1 .tips_box2 { margin-left: 30px; }
	#sky_wifi_support .inner_content_box div {
		width: 100%!important;
    	float: none!important;
	}
	#sky_howto #nav_getting_started a, #sky_print_dot_paper #nav_print a, #sky_evernote_support #nav_evernote a, #sky_smartpen_support #nav_smartpen a, #sky_wifi_support #nav_wifi a { background: none; }
	
	#sky_howto .tips_box,
	.special_info { width: 100%; }
}

@media (max-width: 499px) {
	.smartpen_section .main_content_container .main_content, .inner_content_box two_cols {
    	float: none;
    	margin-left: 0;
    }
	.smartpen_section .main_content_container div.leftnav { 
		float: none;
		width: 100%!important; 
	}
	ul.product_subnav {
		width: 100%!important;
    	text-align: center;
	}
	.tipandtricks ul.product_subnav li a, .tipandtricks ul.product_subnav li a:visited, .tipandtricks ul.product_subnav li a:link, .tipandtricks ul.product_subnav li a:active { 
		padding-left: 0;
		width: 100%!important; 
	}
	div.inner_container { width: 100%!important; }
	.video_section .video{ 
		width: 100%!important;
		height: auto!important;
	}
	.video_section .video img { padding: 0!important; }
}