@import url(//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700);
@import url(//fonts.googleapis.com/css?family=Lato:400,700,900,400italic,700italic);

/* Common Styles ------------------------------------------ */
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-rendering: optimizelegibility; }
body {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: #333;
	background-color: #fff;
	-webkit-font-smoothing: antialiased;
}

a { 
	color: #0088cc;
	text-decoration: none;
}
a:hover, a:focus { border: none;  color: #005580;  text-decoration: none; }
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	font-weight: normal;
	line-height: 1.3;
	color: inherit;
	font-family: 'Open Sans', sans-serif;
}

h1,
h2 {
	line-height: 1.4;
	letter-spacing: 3px;
}

h1 {
	font-size: 40px;
}

h2 {
	font-size: 32px;
}

h3 {
	font-size: 24px;
}

h4 {
	font-size: 18px;
	font-weight:700;
}

h5 {
	font-size: 13px;
}

h6 {
	font-size: 12px;
}

p {
	color: #8f999f;
	font-size: 13px;
	line-height: 1.5;
}


img {
	/* Responsive images (ensure images don't scale beyond their parents) */
	max-width: 100%;
	/* Part 1: Set a maxium relative to the parent */
	width: auto\9;
	/* IE7-8 need help adjusting responsive images */
	height: auto;
	/* Part 2: Scale the height according to the width, otherwise you get stretching */
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}

input.error {border-color:#ff0000; }

.msg_error {color: #ff0000; margin-bottom: 10px; min-height: 30px; }

.right {float: right;}
.margin-left {margin-left: 0;} 

.clearfix {clear: both;}

.text_center{
	text-align: center;
}
.text_right{
	text-align: right;
}
.clear{
	clear: both;
}


/* Navigation & Logo ------------------------------------------ */
header{
	border-bottom: 1px solid #D6D6D6;
	width: 100%;
	background-color: #fff;
	overflow:hidden;
	height: 84px;
	background: #f1f4f5;
}
a.brand {margin-top: 25px; display: block; float: left;}
nav {
	display: block;
	float: right;
	margin-top: 30px;
}
nav ul, nav li {list-style-type: none;}
nav li {float: left; margin-left: 30px;}
.nav > li > a {color: #1f2121; font-size: 13px;}
.nav > li > a:hover, .nav > li > a:focus {font-weight: 600;}

/*Section*/
section {
	padding-top: 20px
}

section.mainContain {
	height: 100%;
	margin-top: 0px;
}
/*End Section*/

/*article*/
article { margin-bottom: 20px;}

article.banner {background: #ffffff;padding: 20px 0;}
article.banner h4{ text-indent: -9999px; background: url(../images/group_imgs.png) no-repeat; height: 40px; width: 400px; margin-left: 20px; }

ul.list_sell, ul.list_sell li {list-style-type: none;}
ul.list_sell li {text-indent: -9999px; background: url(../images/group_imgs.png) no-repeat; height: 31px; margin-left: 30px; float: left; }
ul.list_sell li.a {width: 91px; background-position:-405px 0;}
ul.list_sell li.b {width: 107px; background-position:-523px 0;}
ul.list_sell li.c {width: 90px; background-position:-659px 0;}
ul.list_sell li.d {width: 115px; background-position:-769px 0;}

/* Button with jQuery */ 
.button_free .button, 
.button_purchase .button, 
.button_free .button a, 
.button_purchase .button a,
.button_ondemand .button,
.button_ondemand .button a, 
.button_login .button, 
.button_login .button a,
.button_login_active .button, 
.button_login_active .button a,
.button_adjust .button, 
.button_adjust .button a,
.button_update .button,
.button_ok .button,
.button_ok .button a,
.button_ondemand_active .button, 
.button_ondemand_active .button a,
.button_next .button,
.button_next .button a,
.button_update .button a,
.button_download .button,
.button_download .button a{ background: url(../images/group_imgs.png);height:198px; width:537px;display:block;}
.button_free .button { background-position:-539px -65px; margin-bottom: 20px;}
.button_free .button a {background-position:0 -65px;}
.button_purchase .button{ background-position:-539px -286px; }
.button_purchase .button a {background-position:0 -286px;}
.button_download .button { background-position:-539px -998px; }
.button_download .button a { background-position:0 -998px; }
.button_ondemand .button {background-position:-230px -592px; width: 229px; height: 52px; margin: 0 auto;}
.button_ondemand .button a {background-position:0 -592px; width: 229px; height: 52px;}
.button_login .button {background-position:-482px -681px; width: 229px; height: 52px;}
.button_login .button a {background-position:-482px -681px; width: 229px; height: 52px;}
.button_login_active .button {background-position:-231px -681px; width: 229px; height: 52px;}
.button_login_active .button a {background-position:0 -681px; width: 229px; height: 52px;}
.button_adjust .button {background-position:-341px -792px; width: 340px; height: 52px; margin-top: 30px;}
.button_adjust .button a {background-position:0 -792px;width: 340px; height: 52px;}
.button_update .button {background-position:-341px -893px; width: 340px; height: 52px; margin-left: 20px;}
.button_update .button a {background-position:0 -893px;width: 340px; height: 52px;}
.button_ok .button {background-position:-989px -681px;width: 70px; height: 32px; margin: 0 auto;}
.button_ok .button a {background-position:-918px -681px;width: 70px; height: 32px;}
.button_ondemand_active .button {background-position: -918px -592px;width: 229px;height: 52px;margin: 0 auto;}
.button_ondemand_active .button a {background-position: -688px -592px;width: 229px;height: 52px;}
.button_next .button {background-position:-1019px -732px;width: 100px; height: 32px; margin: 0 auto;}
.button_next .button a {background-position:-918px -732px;width: 100px; height: 32px; margin: 0 auto;}

.icon_next .button, .icon_next .button a {background: url(../images/group_imgs.png) 0 -765px no-repeat; width: 20px; height: 20px; display: block; float: left; }
.icon_next .button a {background-position: 0 -744px;}

.add_plan .button, .add_plan .button a {background: url(../images/group_imgs.png) -560px -613px no-repeat; width: 21px; height: 20px; float: left;}
.add_plan .button a {background-position: -560px -592px;width: 21px; height: 20px; display: block;}

/*End  Button with jQuery */ 

.news_ctn {min-height: 184px;margin-bottom: 20px; overflow: hidden;}
.load_cnt {overflow: hidden; clear: both}
.news_ctn li {display:block; background:url(../images/dot-black.png) 0 6px no-repeat; padding-left:30px; line-height:24px}
.ctn, .news_ctn, .qtn {background: #ffffff; padding: 20px; }
#product.ctn { margin-bottom: 20px; }
.news_ctn h3 {text-transform: uppercase;}
.load_cnt h5{text-transform: none; font-weight: 600}
.qtn h3 {text-transform: none;}
.qtn .phone {font-size: 24px; font-weight: 700; padding-left: 53px;background: url(../images/group_imgs.png) 0 -496px no-repeat; overflow: hidden;}
.qtn .email {font-size: 18px; font-weight: 700; padding-left: 53px;background: url(../images/group_imgs.png) 0 -542px no-repeat; overflow: hidden;}

.sign_up {padding: 20px; background: #fff;}
.sign_up h3 {font-weight: 700;}
.sign_up form [class*="span"] {margin-bottom: 20px;}
.place_input {
	border: 1px solid #d9e1e5; /* stroke */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; /* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #fff; 
	text-indent: 10px;
	padding: 7px 0; 
	font-size: 14px;
	width: 99%;
	display: block;
	color: #8f999f;
}

p.note {font-size: 13px; font-style: italic;}
/* p.note a {font-weight: 700;} */
p.note a:hover {text-decoration: underline;}
.forgot p {line-height: 24px;}
/* .forgot p.note a {font-weight: normal; text-decoration: none;} */
/* .forgot p.note a:hover {color: #77cb3f;} */
p.note .text {float: left; margin-right: 10px;}

.title {display: block; float: left; margin-right: 10px;}
.icon_trial, .icon_pro {background: url(../images/group_imgs.png) -482px -592px no-repeat; width: 74px; height: 20px; float: left; margin-right: 4px;}
.icon_pro {background-position: -482px -638px;}

.plan_detail {padding: 20px; background: #ffffff;}
.plan_detail .text_right {font-weight: 700;}
.plan_detail .expired {padding-top: 20px;}
.plan_detail .expired .text_right  {color: #ff0101;}

.billing {
	position: relative;
	overflow: hidden;
	clear: both;
}
.title_head {font-size: 16px; font-weight: 700; margin-bottom: 10px; display: block;}
.opacity_page {position:absolute; width: 500px; height: 300px; opacity: 0.6; background: #ffffff;}

.billing ul.price, ul.product-plan {
	list-style-type: none; 
	border: solid 1px #d9e1e6;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; 
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	margin-bottom: 10px;
 }
.billing ul.price li, ul.product-plan li {
	list-style-type: none;
	background-color: #f1f4f5;  
	text-align: center; 
	cursor: pointer; 
	padding: 10px 0; 
	text-transform: uppercase;
}
.billing ul.price li span, ul.product-plan li span {
	font-size: 36px; 
	line-height: 1
}
.billing ul.price li:hover, .billing ul.price li.active, ul.product-plan li:hover, ul.product-plan li.active {
	background-color: #77cb3f; 
	color: #ffffff; 
}
.billing ul.price li:hover, ul.product-plan li:hover {
	background-color: rgb(153, 227, 104);
}
.billing ul.price li span.plan-description, ul.product-plan li span.plan-description {
	font-weight: bold;
	font-size: 14px;
}


.billing .legal {width: 85px; text-align: center; display: table-cell; vertical-align: middle;}
.billing .input_number {display: table-cell; vertical-align: middle; width: 74px; text-align: center}
.billing .input_number input, .billing .input_number div {text-indent: 0; text-align: center; padding: 10px 0; font-size: 36px;}
.billing .span2.text_right .input_number {width: 160px; text-align: right;}
.billing .input_number div {color: #77cb3f;text-align: right;}
.billing .total_price {font-size: 36px; color: #77cb3f;}
.billing .promo {font-size: 16px;}
input.placeholder {color: #8f999f;}

.per {color:#687379;}

.promocode {padding: 20px; margin:0 0; background-color: #f1f4f5; padding-bottom: 0px;}
.hpr {font-size: 16px; font-weight: 700; }
.input_code {padding-left: 65px;}
.promocode input {margin-bottom: 8px;}
input.check_right, input.check_wrong {background:#fff url(../images/icon_rw.png) right 5px no-repeat;}
input.check_wrong {background-position: right -30px;}

.table_cell {display: table-cell; vertical-align: middle; float: none;}
.big_text {font-size: 16px;}
.big_text_green {font-size: 36px; color: #77cb3f;}
.big_text_grey {font-size: 36px; color: #687379 !important;}
.big_text_green.table_cell {padding-left: 20px;}

.plan_pro {font-weight: 700; color: #77cb3f; text-align: right !important;}
.plan_trial {text-align: right !important; border-right: solid 1px #d9e1e6 !important; padding-right: 15px !important;}
.table tfoot .plan_trial,.table  tfoot .plan_pro {color:#ff0101;}

.cancel_plan {background: #f1f4f5; padding: 30px 10px; text-align: center;}
.warning {background: #f1f4f5; padding: 10px 10px; text-align: left;}

.payment {background-color: #fff; padding: 20px; overflow: hidden;}
.payment label {display: block; margin-bottom: 10px;}
.payment input {margin-bottom: 10px;}
.add_info {padding-top: 10px;}
.add_info label {line-height: 38px;}
.add_info input {margin-bottom: 0;}
.add_info .cw {width: auto; float: left; padding-right: 1em;}
.add_info .exp {width: auto; float: left; padding-right: 1em;}
.add_info .in_small{width: 108px; float: left}
.add_info .in_small a {font-size: 13px; text-decoration: underline; color: #687379; }

.payment .msg_error {padding-left: 0px; font-size: 13px; display: table-cell; height: auto; text-align: left; width: 340px; vertical-align: middle; padding-bottom: 20px;}

/*End article*/

/* Dividers ------------------------------------------ */
.hr {
	clear: both;
	display: block;
	width: 100%;
	height: 15px;
	float: left;
	border-bottom: solid 1px #d9e1e6;
	margin-bottom: 20px;
	position: relative;
}
.hr.thick, .hr.small {
	height: 8px;
	border-bottom: solid 2px #d9e1e6;
	margin-bottom: 8px;
}
.hr.thick.user {border-bottom-color:#95aab8;}
.hr .col {background: #fff; width: 10px; height: 10px; position: absolute; overflow: hidden;line-height: 1; bottom: -3px; color: #d9e1e6;}
.hr.small {border-bottom: solid 1px #d9e1e6;}

/*Footer*/
footer {
	background: #f1f4f5;
	padding: 28px 0;
	border-top: 1px solid #c4cdd7;
	font-size: 13px;
}
footer a {color: #1f2121; text-decoration: underline;} 
.footer .copyright .listsocialicons {float: right; width: 200px;}
.footer .copyright .facebook,
.footer .copyright .facebook a, 
.footer .copyright .linkedin,
.footer .copyright .linkedin a,  
.footer .copyright .twitter,
.footer .copyright .twitter a,  
.footer .copyright .googleplus,
.footer .copyright .googleplus a {background: url(../images/grouplogo.png) no-repeat; width: 37px; height: 37px;display: block;float: left;}
.footer .copyright .facebook {background-position: -237px -37px;margin-left: 13px;}
.footer .copyright .facebook a {background-position: -237px 0;}
.footer .copyright .linkedin {background-position: -287px -37px;margin-left: 13px;}
.footer .copyright .linkedin a {background-position: -287px 0;}
.footer .copyright .twitter {background-position: -336px -37px; margin-left: 13px;}
.footer .copyright .twitter a {background-position: -336px 0;}
.footer .copyright .googleplus {background-position: -385px -37px;margin-left: 13px;}
.footer .copyright .googleplus a {background-position: -385px 0;}


.hidden-form-input {
	position: absolute;
	top: -9999px;
}

.add_info .in_small.ccv {
	width: 75px;
	float: left;
}

.add_info .in_small.ccv #ccv {
	width: 4em;
/* 	padding-left: 1em; */
/* 	padding-right: 1em; */
}

.add_info .in_small.expiration-date {
	width: auto;
	float: left;
}

.add_info .in_small #expiration-month {
	width: 3em;
/* 	padding-left: 1em; */
/* 	padding-right: 1em; */
}

.add_info .in_small #expiration-year {
	width: 4em;
/* 	padding-left: 1em; */
/* 	padding-right: 1em; */
}

.hidden_new_plan .plan_pro {
	display: none;
}

.hidden_new_plan .plan_trial {
	border-right: none !important;
}

.hidden_new_plan thead {
	display: none
}

.hidden_new_plan .top_row td {
	border-top: none;
}

input.disabled {
	border: none;
}

.hidden {
	display: none;
}

.center {
	text-align: center;
}
.button_img {
	background: url(../images/group_imgs.png);
	height: 52px;
	width: 229px;
}
.button_ondemand .button_img.enabled {
	background-position: -688px -592px;
}
.button_ondemand .button_img.disabled {
	background-position: 0 -592px !important;
}

.button_login .button_img.enabled {
	background-position: 0 -681px;
}
.button_login .button_img.disabled {
	background-position:-482px -681px;
}

input.error-msg, input.error-msg2 {
	border-color: #f00;
}

/* #payment-information.container, #adjust-plan.container { */
/* 	background: inherit; */
/* 	margin: 0px auto; */
/* 	padding: 0px; */
/* } */

/* #site-address { */
/* 	padding: 5px; */
/* 	margin: 0px auto; */
/* } */

.billing-plan-admin-form {
	margin-left: 10px;
}

.admin-button {
	margin-left: 0px !important;
}

.popup {
	display: none;
	padding:8px;
	background:rgba(0,0,0,.3);
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	position:absolute !important;
	z-index:101;
}

#modal {
	width:540px;
	top:50% !important;
	left:50% !important;
	margin-top:-94px !important;
	margin-left:-270px !important;
}

#msa-popup, #ccv-popup {
	width: 840px;
	margin-top: -200px !important;
	margin-left: -180px !important;
	height: 515px;
}

.popup  .heading {
	padding:0 20px;
	background: #f1f4f5;
	border-bottom:1px solid #bababa;
	-webkit-border-radius:4px 4px 0px 0px;
	-moz-border-radius:4px 4px 0px 0px;
	border-radius:4px 4px 0px 0px;
	text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
	line-height:44px;
	color:#687379;
	position: relative;
	text-align: center;
}

#modal .heading {
	width:500px;
	height:44px;
}

#msa-popup .heading, #ccv-popup .heading {
	
}

.close_win {width: 16px; height: 16px; background: url(../images/icon_close.png) no-repeat; right: 14px; top: 14px; position: absolute; cursor: pointer;}
.popup .content {
	padding:20px;
	background:#fcfcfc;
	-webkit-border-radius:0px 0px 4px 4px;
	-moz-border-radius:0px 0px 4px 4px;
	border-radius:0px 0px 4px 4px;
}

#modal .content {
	width:500px;
}

#msa-popup .content, #ccv-popup .content {
	height: 430px;
	overflow-y: scroll;
}

.content p {
	font-weight:normal;
	line-height:22px;
	color:#555555;
	width:100%;
	float: left;
	margin:0 0 10px 0;
}
.content form .row {margin-bottom: 20px;}
.content h3 {font-weight: 700; color: #687379;}
.reveal-modal-bg { 
	position: fixed; 
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,.4);
	z-index: 100;
	display: none;
	top: 0;
	left: 0; 
}
#loadingMessage .loading-container {
	width: inherit;
	height: inherit;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}
#modal .content #email {
	color: blue;
}

.admin-page #payment-information.container, .admin-page #adjust-plan.container {
	background: inherit;
	margin: 0px auto;
	padding: 0px;
}

.admin-page #site-address {
	padding: 5px;
	margin: 0px auto;
}

.admin-page .billing-plan-admin-form {
	margin-left: 10px;
}

.admin-page .admin-button {
	margin-left: 0px !important;
}

button {
	background: #77cb3f;
	color: #ffffff;
	height: 52px;
	width: 100%;
	font-size: 14px;
	text-transform: capitalize;
}

.comment {
	font-style: italic;
}

.action_btn {
	display: block;
	background: #77cb3f;
	color: #ffffff;
	font-size: 22px;
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
}

.action_btn .label-comment {
	font-size: 12px;
	display: block;
}

.download_ctn .action_btn {
	height: 110px;
}

/* .download_ctn.explorer_ctn .action_btn { */
/* 	width: 500px; */
/* } */

/* .download_ctn.onpremise_ctn .action_btn { */
/*   width: 305px; */
/* 	display: inline-block; */
/* 	transform: matrix(1,0,1,1,0,0); */
/*   -webkit-transform: matrix(1,0,1,1,0,0); */
/*   -ms-transform: matrix(1,0,1,1,0,0); */
/*   -moz-transform: matrix(1,0,1,1,0,0); */
/*   position: absolute; */
/*   top: 0px; */
/* } */

/* .download_ctn.onpremise_ctn .action_btn.onpremise-windows { */
/*     left: -55px; */
/* } */

/* .download_ctn.onpremise_ctn .action_btn.onpremise-linux { */
/*     right: -55px; */
/* } */

/* .onpremise-wrapper { */
/*   width: 500px; */
/*   position: relative; */
/*   overflow: hidden; */
/*   height: 130px; */
/* } */

.download_ctn .action_btn > .btn_ctn {
	margin-top: -34px;
}

.download_ctn .action_btn > .btn_ctn > .label {
	display: inline-block;
	text-align: left;
	vertical-align: top;
}

.download_ctn .action_btn > .btn_ctn > .icon {
	background-image: url(../images/icon_download.png);
	display: inline-block;
	margin-right: 10px;
}

.action_ctn {
	margin-bottom: 0px;
}

.action_ctn .action_btn {
	width: 240px;
	height: 200px;
	margin-bottom: 0px;
}

.action_btn > .btn_ctn > .icon {
	display: block;
	width: 60px;
	height: 60px;
}

.action_btn:hover {
	background: rgb(153, 227, 104);
	color: #ffffff;
}

.action_btn > .btn_ctn {
	position: absolute;
	top: 50%;
	left: 0px;
	right: 0px;
	display: block;
	text-align: center;
}

.action_ctn .action_btn > .btn_ctn {
	margin-top: -45px;
}

.action_ctn .action_btn {
	display: inline-block;
	margin-top: 0px;
}

.action_ctn .action_btn > .btn_ctn > .icon {
	position: relative;
	left: 50%;
	margin-left: -30px;
	margin-top: 0px;
	margin-bottom: 10px;
}

.action_ctn .action_btn.trial_btn {
	margin-right: 20px;
}

.action_ctn .action_btn.trial_btn > .btn_ctn > .icon {
	background-image: url(../images/icon_free_trial.png);
}

.action_ctn .action_btn.purchase_btn {
	background: rgb(164, 179, 188);
}

.action_ctn .action_btn.purchase_btn > .btn_ctn > .icon {
	background-image: url(../images/icon_purchase.png);
}

.action_ctn .action_btn.purchase_btn:hover {
	background: rgb(190, 207, 217);
}

button.cancel {
	background: #f1f4f5;
	color: #0088cc;
}

.icon_pro {
	display: inline-block;
	vertical-align: top;
	float: none;
}

#adjust-subscription-section {
	margin-bottom: -20px;
}

#adjust-plan .hr {
	height: 0px;
}

.ui-dialog .ui-dialog-buttonpane button {
	display: inline-block;
	width: 100px;
}

button:hover {
	background-color: rgb(153, 227, 104);
	color: #ffffff;
}

button.disabled, button.disabled:hover {
	background-color: rgb(164, 179, 188);
}

button.button_ondemand, button.button_ondemand:hover {
	background-color: rgb(164, 179, 188);
}

#update-successfully-dialog, #cancel-confirm-dialog, #update-charge-successfully-dialog, #switch-interval-confirm-dialog, #switch-plan-confirm-dialog, #down-quantity-warning-dialog {
	display: none;
}

.alert-dialog .ui-dialog-titlebar.ui-widget-header {
	background: rgb(226, 84, 84);
	color: white;
}

#eula-agree-label {
	display: inline-block;
}

.msg_error.update-subscription-error {
	min-height: 0px;
}

#eula {
	margin-top: 20px;
	margin-bottom: 20px;
	font-style: italic;
}

#stripe-badge {
	background-image: url(../images/stripe.png);
	width: 119px;
	height: 26px;
	display: block;
}

.figure {
	text-align: center;
}

.ui-dialog .ui-dialog-titlebar-close {
	display: none;
}

.ui-dialog.ui-corner-all, .ui-dialog .ui-corner-all {
	border-radius: 0px;
	border: none;
}

.ui-dialog {
	padding: 0px !important;
}

.ui-dialog .ui-resizable-handle {
	display: none !important;
}

button.ui-button {
	height: auto;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	text-align: center;
}

.ui-widget-overlay.ui-front {
	position: fixed;
}

.admin-page .container {
	background: transparent;
}

.no-float {
	float: none;
}

.explorer-enabled {
	color: #77cb3f;
}

#with-explorer-wrapper {
	font-weight: bold;
}

.lite #modal {
	width: 520px;
}

.lite #modal .heading {
	width: 480px;
}

.lite #modal .content {
	width: 480px;
}

.lite #msa-popup, #ccv-popup {
	width: 510px;
}

#tab-bar {
  padding: 0px;
  width: 100%;
  clear: both;
  overflow: hidden;
}

#tab-bar .tab {
  display: inline-block;
  width:100%;
  padding: 0px;
  margin: 0px;
  text-align: center;
  padding-top: 1em;
  padding-bottom: 1em;
  float: left;
}

.tab-ctn.active-tab-ctn {
  display: block;
  clear: both;
}

.tab-ctn.hide-tab-ctn {
  display: none;
}

.tab {
  background-color: #0062a1;
  color: #cadeec;
}

.tab h4 {
  font-weight: 600;
  font-size: 16px;
}
#tab-bar .tab.active-tab {
  color: #ffffff;
}

i.process-icon {
	display: inline-block;
	vertical-align: middle; 
	text-align: center;
	width: 32px;
	height: 32px;
	background: url(../images/icons.png) 0 0 no-repeat;
}
i.process-icon.icon-ondemand {background-position: 0 -96px;}
.tab:hover i.process-icon.icon-ondemand,.tab.active-tab i.process-icon.icon-ondemand {background-position: 0 0}
i.process-icon.icon-onpremise {background-position: 0 -32px}
.tab:hover i.process-icon.icon-onpremise, .tab.active-tab i.process-icon.icon-onpremise {background-position: 0 -128px;}
i.process-icon.icon-explorer {background-position: 0 -64px}
.tab:hover i.process-icon.icon-explorer, .tab.active-tab i.process-icon.icon-explorer {background-position: 0 -163px;}
i.process-icon.icon-download {background-position: 0 -205px}
.tab:hover i.process-icon.icon-download, .tab.active-tab i.process-icon.icon-download {background-position: 0 -241px}

.span3.beta {
	width: 165px;
}


#product-plan-wrapper {
	padding-top: 20px;
}

#contact-information-section {
	margin-bottom: 20px;
}

button#signupBtn {
	width: 229px;
}

span.flavor-category-icon {
	width: 12px;
	height: 12px;
	padding-right: 9px;
	display: inline-block;
}

span.flavor-category-icon.linux {
	background: url(../images/icon-linux-small.png) no-repeat;
}

span.flavor-category-icon.windows {
	background: url(../images/icon-window8-small.png) no-repeat;
}

.product-note {
	font-weight: bold;
}

#download ul {
	margin-left: 20px;
}

html,
body {
  margin:0;
  padding:0;
  height:100%;
}

#subsite-wrapper {
  min-height:100%;
  position:relative;
  background-color:#eff3f5;
  background-image: url('../images/bg-why.jpg');
  -moz-background-size:100% 100%;
  background-size:100% 100%;
  background-repeat:no-repeat;
}

section.mainContain {
	padding-bottom: 103px; /* footer height */
}

footer {
  position:absolute;
  bottom:0;
  left:0;
  right:0;
}