@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'droid_serifregular';
    src: url('../font/droidserif-regular-webfont.eot');
    src: url('../font/droidserif-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/droidserif-regular-webfont.woff') format('woff'),
         url('../font/droidserif-regular-webfont.ttf') format('truetype'),
         url('../font/droidserif-regular-webfont.svg#droid_serifregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* #Clearing
================================================== */

	/* Use clearfix class on parent to clear nested columns,
	or wrap each row of columns in a <div class="row"> */
	.clearfix:before,
	.clearfix:after
	{
		content: '\0020';
		display: block;
		overflow: hidden;
		visibility: hidden;
		width: 0;
		height: 0;}
	.clearfix:after {clear: both;}
	.clearfix {zoom: 1;}

	/* You can also use a <br class="clear" /> to clear columns */
	.clear {
		clear: both;
		display: block;
		overflow: hidden;
		visibility: hidden;
		width: 0;
		height: 0;
	}


body {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 0;
    width: 100%;
}

a {
    outline: 0 none;
    text-decoration: none;
}

.header-wrapper, .content-wrapper, .footer-wrapper {
    width: 100%;
}

header {
    background:url(../images/windata-landing_bg.png) repeat-x scroll 0 0 transparent !important;
    height: 84px !important;
    padding: 0 !important;
    width: 100% !important;
}


.main-container {
    margin: 0 auto;
    width: 990px;
}

.middle-nav2 {
    color: #CCCCCC;
    float: left;
    font-size: 11px;
    font-weight: bold;
    padding-top: 12px;
    width: 415px;
}

.top-icon-tab {
    float: right;
    width: 350px;
}

.right {
    float: right;
}

.top-icon-tab img {
    border: medium none !important;
    height: 25px;
    margin-top: 8px;
    width: 25px;
}

.content-wrapper {
    background: #FFFFFF;
}

.landing-page-logo
{
	margin:0 auto;
	width:387px; height:110px;
	background:url(../images/logo-shadow-bg.png) no-repeat bottom center;
	text-align:center; margin-top:5px;
}

.landing-page-logo
{
	border:0; display:block;
}

.container {
    margin: 0 auto;
    width: 980px;
}

h1.lndpage-heading1
{
	margin:0; padding:0; font-weight:normal; font-style:normal; line-height:40px;
	font-family: 'droid_serifregular'; font-size:32px; color:#bd162a; text-align:center; padding-top:30px;
}

h1.lndpage-heading1 > small
{
	margin:0; padding:0; font-weight:normal; font-style:normal; line-height:36px; display:block;
	font-family: 'droid_serifregular'; font-size:18px; color:#2c2c2c; text-align:center; padding-top:10px;
}

.landing-nav
{
	padding-top:10px; font-size:0; min-height:50px; margin:0 auto; text-align:center;
	margin-bottom:75px;
}

.lndpage-buttons 
{
    background:url(../images/lndpage-nav-bg.png) repeat-x top left #87875a;
    border: 1px solid #7f7f4c;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px #999999;
    color: #FFFFFF;
    display: inline-block;
    font-size: 14px;
	width:272px;
    height: 52px;
	padding:18px;
    text-decoration: none;
    transition: all 0.1s ease 0s;
    vertical-align: top; text-align:left;
}

.lndpage-buttons:hover
{
	background-position:0 -30px;
	color:#FFF;
}


.lndpage-buttons > span.heading-1
{
	display:inline-block; *display:inline; *zoom:1; width:208px;
	font-family: 'droid_serifregular'; font-size:18px; color:#FFF;
	vertical-align: top; font-weight:bold; text-shadow: 0px 1px 0px #515137;
	text-align:left; margin-top:-5px;
}

.lndpage-buttons > span.heading-1 > small
{
	display:inline-block;
	font-family: 'droid_serifregular'; font-size:13px; color:#dbdbc0;
	vertical-align: top; font-weight:normal;
	text-align:left; text-shadow:none;
}


.lndpage-btn-icons
{
	display:inline-block; *display:inline; *zoom:1;
	margin-right:10px; text-align:left;
}

.lndpage-btn-icons > img
{
	border:0; 
}


.footer-wrapper {

}

.footer-wrapper {
    background: url("../images/footer-section-bg.png") repeat-x scroll left top #666666;
    bottom: 0;
    left: 0;
    position: relative;
}

.footer_content {
    height: 125px;
    padding-top: 2em;
    width: 900px;
}

/*  CSS Feb 03 2014 */

/* css for step wizard */

.step1-container
{	margin:10px auto 0;
	width:720px;
/*	margin-top:30px;*/
}

.sw-form-row	
{
	padding-bottom:5px;
}

.sw-form-row > a
{
	color:#c23650; text-decoration:none; outline:0 none;
}

.sw-form-row > a:hover
{
	text-decoration:underline;
}

.sw-form-row > label
{
	float:left; width:125px;	padding-right:10px;  text-align:right;
	font-size:12px; color:#292929; padding-top:10px; font-weight:bold;
}

.sw-form-row > input[type='text']
{
	float:left; width:298px; border:1px solid #c1c1c1; background-color:#FFF;
	border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; padding:6px 8px; 
	font-size:14px;
}

.sw-form-row > select
{
	float:left; width:318px; border:1px solid #d2d2d2; background-color:#f5f5f5;
	box-shadow: 0 1px 0 0 #EBEBEB inset; -webkit-box-shadow: inset -0 1px 0 0 #EBEBEB inset; 
	border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; padding:8px 10px; 
	font-family: 'droid_serifregular'; font-size:14px;
}

/* css step2 */

.label-payoption
{
  	background: url(../images/payoption-bg.png) repeat-x bottom left #FFF; margin:0; padding:0;
    border: 1px solid #c1c1c1;
    border-radius: 4px;
    display: block;
    font-family: arial;
    font-size: 16px;
    margin: 0 auto;
    padding: 18px 15px;
    width: 260px; margin-top:4px;
}

.calculate-pay
{
	display:block;
	margin:0 auto; text-align:center;
	padding:3px 10px; font-size:20px; font-weight:bold;
	/*border:1px solid #c1c1c1; background:#ebebeb;*/	
	max-width:410px; margin-top:10px; 
	border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; 
}

.calculate-pay > input[type='text'], .calculate-pay > select
{
	display:inline-block; *display:inline; *zoom:0;
	width:80px; border:1px solid #c1c1c1; background-color:#FFF;
	border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; padding:6px 8px; 
	font-size:18px; height:25px; margin-left:5px; margin-right:5px; font-weight:bold;
	
}

.calculate-pay > select
{
	height:39px; vertical-align:top; width:120px;
}

.calculate-pay > span.label-text
{
	display:inline-block; font-size:16px; font-weight:bold; padding-left:5px; padding-right:5px; *display:inline; *zoom:0; vertical-align:middle;
}

.payment-info
{
	margin-top:10px; padding:0px 18px;
}

.payinfo-form-left
{
	width:300px;
	height:auto;
	float:left;
}

.payinfo-form-right
{
	width:415px;
	height:auto;
	float:right;
}

.sw-form-row2
{
	padding-bottom:3px;
}

.sw-form-row2 > label
{
	width:110px;	padding-right:10px;  text-align:left; font-weight:bold;
	font-size:12px; color:#292929; padding-bottom:3px; display:block;
}

.sw-form-row2 > label > span
{
	font-size:16px; color:#F00; padding-right:4px;
}

.sw-form-row2 > input[type='text']
{
	width:278px; border:1px solid #c1c1c1; background-color:#FFF; display:block;
	border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; padding:3px 8px; 
	font-size:14px; margin-bottom:4px;
}

.sw-form-row2 > div > label
{
	width:120px;	padding-right:10px;  text-align:left; font-weight:bold;
	font-size:12px; color:#292929; padding-bottom:3px; display:block;
}

.sw-form-row2 > div > label > span
{
	font-size:16px; color:#F00; padding-right:4px;
}

.sw-form-row2 > div > input[type='text']
{
	width:85%; border:1px solid #c1c1c1; background-color:#FFF; display:block;
	border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; padding:6px 8px; 
	font-size:14px; margin-bottom:4px;
}

.sw-form-row2 > div > select
{
	width:100%; border:1px solid #c1c1c1; background-color:#FFF; display:block;
	border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; padding:2px 8px; 
	font-size:14px; margin-bottom:4px;
}

.sw-form-row2 > select
{
	width:318px; border:1px solid #d2d2d2; background-color:#f5f5f5; display:block;
	box-shadow: 0 1px 0 0 #EBEBEB inset; -webkit-box-shadow: inset -0 1px 0 0 #EBEBEB inset; 
	border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; padding:8px 10px; 
	font-family: 'droid_serifregular'; font-size:14px;
}

/* form row 3 */

.sw-form-row3
{
	padding-bottom:3px;
}

.sw-form-row3 > label
{
	width:110px;	padding-right:10px;  text-align:left;
	font-size:12px; color:#292929; padding-bottom:3px; display:block;
}

.sw-form-row3 > label > span
{
	font-size:16px; color:#F00; padding-right:4px;
}

.sw-form-row3 > input[type='text'], .sw-form-row3 > textarea
{
	width:395px; border:1px solid #c1c1c1; background-color:#FFF; display:block;
	border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; padding:3px 8px; 
	font-size:14px; margin-bottom:4px;
}

.sw-form-row3 > textarea
{
	height:70px; 
}

.sw-form-row3 > div > label
{
	width:120px;	padding-right:10px;  text-align:left;
	font-size:12px; color:#292929; padding-bottom:3px; display:block; font-weight:bold;
}

.sw-form-row3 > div > label > span
{
	font-size:16px; color:#F00; padding-right:4px;
}

.sw-form-row3 > div > input[type='text']
{
	width:90%; border:1px solid #c1c1c1; background-color:#FFF; display:block;
	border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; padding:3px 8px; 
	font-size:14px; margin-bottom:4px;
}

.sw-form-row3 > div > select
{
	width:99%; border:1px solid #c1c1c1; background-color:#FFF; display:block;
	border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; padding:2px 8px; 
	font-size:14px; margin-bottom:4px;
}

.sw-form-row3 > select
{
	width:318px; border:1px solid #d2d2d2; background-color:#f5f5f5; display:block;
	box-shadow: 0 1px 0 0 #EBEBEB inset; -webkit-box-shadow: inset -0 1px 0 0 #EBEBEB inset; 
	border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; padding:8px 10px; 
	font-family: 'droid_serifregular'; font-size:14px;
}

.terms-label
{
	display:block; padding-top:20px;
}

.terms-label > span
{
	font-size:16px; color:#F00; padding-right:4px;
}

.terms-label > a 
{
	color:#800946; text-decoration:none; font-weight:bold;
}

.sw-form-row > label > span
{
	font-size:16px; color:#F00; padding-left:4px;
}

/* for error message */

.error-msg
{
	padding:2px 4px; margin:4px 0px; border:solid 1px #FBD3C6; background:#FDE4E1; color:#CB4721; font-family:Arial, Helvetica, sans-serif;font-size:14px; font-weight:bold; text-align:center; margin-top:10px;
}

.suceess-msg
{
	background: none repeat scroll 0 0 #D5FFC6;
    border: 1px solid #C0F0B9;
    color: #48A41C;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin: 4px 0;
    padding: 2px 4px;
    text-align: center;
	margin-top:30px;
}

.subscription-opions{ border: 0 none; padding: 0 15px 1em; width:265px; }

.pmtOption-grp1{display:block; margin-top:5px; position:relative;}
.pmtOption-grp1 .heading-grp{font-size:15px; color:#292929; display:block; font-weight:bold; padding-bottom:8px;}
.pmtOption-grp1 .radio{height: 13px; line-height: 13px; margin-right: 10px; padding: 0; position: relative; top: -3px; vertical-align: middle; width: 13px;}

.pmtOption-grp1 .sub-grp{font-size:12px; color:#292929; display:block; padding-bottom:5px; margin-left:20px;}


.radio-label{display:block;}
.radio-label .styledRadio {display:inline-block; vertical-align:middle}

.steps-footer{margin-top:10px;}
.steps-footer-colLeft{float:left; width: 48%;}
.steps-footer-colLeft > a, .steps-footer-colRight > a {color:#840246; text-decoration:underline; font-weight:bold; font-size:12px;}
.steps-footer-colRight{float:right;}

.verify-section{width:200px; position:absolute; top:0px; right:-160px; height:58px; }
.verify-section-arrow{border-left:1px solid #FFF; border-top:1px solid #ababab; border-right:1px solid #ababab; border-bottom:1px solid #ababab; height:56px; width:7px; margin-top:10px; margin-right:10px; display:inline-block; *display:inline; *zoom:1; vertical-align:middle; }

.verify-section a.verify{display:inline-block; *display:inline; *zoom:1; color:#9b0051; font-size:14px; font-weight:bold; vertical-align:middle; text-align:center; text-decoration:underline; }
.verify-section a.verified{display:inline-block; *display:inline; *zoom:1; color:#289207; font-size:14px; font-weight:bold; vertical-align:middle; }

.tooltip-payment {
    background: none repeat scroll 0 0 #ffdc74;
    border: 1px solid #edc757;
    border-radius: 4px;
    left: 440px;
    padding: 2px 10px;
    position: absolute;
    width: 250px;
	border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;
}

/*.tooltip-payment{position:absolute; left:440px; width:200px; background:#ffdc74; border:1px solid #edc757; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; padding:2px 10px}*/

.tooptip-arrow{position:absolute; top:35px; left:-10px; width:10px; height:17px; background:url(../images/tooltip-arrow.png) no-repeat 0 0}
.csv-box {width:450px; padding:10px; position:absolute; top:-148px; left:150px; background:#f8f8f8; border:1px solid #c1c1c1; border-radius:12px; -webkit-border-radius:12px; -moz-border-radius:12px;}
.csv-box > h1 {font-size:20px;}
.csv-box-arrow {position:absolute; top:111px; left:-51px; width:52px; height:49px; background:url(../images/csv-tooptip-arw.png) no-repeat 0 0;}
h1.signup-successmsg{text-align:center; color:#bd162a; font-size:28px; font-style:normal; font-weight:normal; padding-bottom:55px; background:url(../images/sign-title-bg.png) no-repeat bottom center;}
.sign-sucsIcon{margin:0 auto; width:70px; height:84px; background:url(../images/sign-sucsIcon.png) no-repeat 0 0 ; display:block;}

.btnLogin-signup, .btnLogin-submit{    background: url("../images/login-heading-bg.jpg") repeat-x scroll left top rgba(0, 0, 0, 0);
    border: 1px solid #FFFFFF;
	display:block;
    border-radius: 4px;
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 26px;
    font-weight: normal;
    overflow: hidden;
    padding:10px 15px;
    position: relative;
    width:80px; margin:0 auto; text-align:center; transition: all 0.25s linear 0s
}

.btnLogin-submit{width:100%; padding:10px 0px; font-size:16px; font-weight:bold;}
.btnLogin-signup:hover, .btnLogin-submit:hover{opacity:0.5;}


.txtbox-popup
{
	background-color: #FFFFFF;
    border: 1px solid #dadada;
    border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
    font-size: 14px;
    padding: 10px 8px;
    width: 340px;
	display:block;
	margin-bottom:8px;
}