@charset "UTF-8";

.sky_trademark{
	font-size: 58%;
    vertical-align: 20%;
}

.intro{
	padding-left:25px;
	text-align: center;
}

.intro_vid { 
	width: 290px; 
	height: 188px; 
	overflow: hidden;
	/*background: url(/images/global_paper_layout/bg_video.png) no-repeat;*/
	padding:7px;
	margin-bottom: 5px;
	border: thin solid #ccc;
}

#vid_popup {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1000;
	background: rgba(0, 0, 0, 0.7);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

#vid_popup .screen {
	left: 50% !important;
	top: 50% !important;
	margin-left: -320px;
	margin-top: -216px;
	position: fixed !important;
	background-image: url(/images/home/home_video_bg.gif);
	width: 608px;
	height: 336px;
	padding: 18px 10px 10px 10px;
	text-align: center;
}

#vid_popup .close-video-button{
	display:block;
	position:absolute;
	right:5px;
	top:4px;
}
/********PREMIUM UPGRADE*********/

html#premium_upgrade, html#premium_upgrade body{
	background-color: #ebebeb;
}

#content_wrapper{
	background: url(/images/support/wifi-smartpen/setup/pop_premium_bg.jpg) left center no-repeat; 
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -250px;
	margin-left: -400px;
	width: 802px;
	height: 518px;
}

.premium_code_module{
	background: url(/images/support/wifi-smartpen/setup/premium_card.png) left center no-repeat;
	padding: 15px 0 15px 190px;
	margin: 120px 8% 0 8%;
}

.skip_bt{
	margin: 70px 16%;
}

a.en_green_bt{
	background: url(/images/support/wifi-smartpen/setup/green_btn.png) left center no-repeat;
	display: inline-block;
	width: 93px;
	height: 33px;
	margin-left: 20px;
	color: #FFFFFF;
	text-align: center;
	line-height: 28px;
	font-size: 14px;
	padding-bottom: 0;
}

.error_msg {
	color: #cc3333;
	margin-top: 30px;
}


/*--- 2013 Magento Integration ---*/
/*--- Responsive improvement for mobile/tablet devices ---*/

/* Global style*/


.left_col img { width: 100%; }

@media only screen 
and (min-width : 320px) 
and (max-width : 900px) {

	#inner_container { width: 90%; }
	
	#header {
    width: 100%;
    padding: 0;
    }

  .left_col {
    display: none;
    }
	
	.main_content { 
		width: 86%;
		padding: 10px 7%;
	}
	
	h1 { padding: 10px; }
	
	.main_content { 
		width: 85%;
		padding: 10px 0 0 30px;
		background: none;
	}
	
	h3 { margin-bottom: 15px; font-size: 15px; width: 265px; }
	
	.right_col { 
		width: 100%;
		float: none;
		min-height: 100%!important;
	}
	
	.upper_section, .mid_section {
		background: #fff;
    height: auto;
	}

}

@media (min-width : 320px) and (max-width : 768px) {
	.main_content {
		width: 85%;
	}

  .dividing_line {
    background: none;
    }

	h1 {
		font-size: 16px;
		max-width: 90%;
		text-align: center;
	}

	.field {
		width: 80%;
	}

	.right_col { 
		padding: 7% 0;
		background: none; 
	}

	.left_col { display: none !important; }

	.steps {width:455px;}
	.steps ul li {width: 20%;}
	.steps ul.step_arrow li {width: 35px; margin-right: 95px; margin-left: -39px; background-position: 35px;}
	h1 { width: 100%;}
	#sign_up h3 {max-width:250px; font-size:1.2em;}
	.submit .small_text {width:320px;float:left;font-size:9px;}
}


@media (min-width : 768px) and (max-width : 899px) {
	.right_col { 
		float: left;
		/*padding: 5% 0 0 5%;
		width: 45%;*/
		left: 90px;
		margin-top: 10px;
	}
	.intro {padding-left:0;}
	.topright_corner {right: 225px; /*margin-top: -8px;*/}
  .left_col { display: none!important; }
  .dividing_line {background: none;}
	#sign_up_form {width: 400px; padding-left: 80px;}
	.steps {width:700px;margin-left:-5px;}
	.steps ul.step_arrow li {width:80px;margin-left:20px;margin-right:75px;background-position:80px;overflow:hidden;}
	.welcome_text {width:600px;margin-left: -150px;}
	.submit .small_text {width:400px;float:left;font-size:9px;}
}
	
@media only screen 
and (min-width : 900px) 
and (max-width : 1024px) {
	.right_col { 
		float: right;
		/*padding: 5% 0 0 5%;
		margin-top: 5%;
		width: 45%;*/
		padding-top: 0;
		padding-left: 30px;
		margin-top: 0;
		width:420px;
	}

	.left_col { /*width: 50%;*/ }

	.topright_corner {
		/*top: 40px;*/
		right: 10px;
	}
	
	html,body { 
		-webkit-text-size-adjust:none;
		-moz-text-size-adjust:none;
		-ms-text-size-adjust:none; 
	}
	
	.field { /*width: 80%;*/ }
	.steps ul.step_arrow li {width:130px; margin-right:60px; margin-left: 15px; background-position:130px;}

}

@media only screen 
and (min-width : 1025px) and (max-width :2000px) {
	.right_col { 
		margin-top: 0;
		padding-left: 30px;
		padding-top: 0;
	}
	.topright_corner {right: 10px;}
	.steps ul.step_arrow li {width:130px; margin-right:60px; margin-left: 15px; background-position:130px;}
}

@media (max-width : 768px) {

	.topright_corner {
		top: -20px;
    	right: 0;
    	margin: 0;
	}
}