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

html, body {
/*	background:url(../images/main-bg.jpg) left top repeat;
*/
	margin:0;
	padding:0;
	width:100%;
	float:left;
	font-family:altehaasgrotesk-regular; 
	font-size:18px;
    height: auto;
    min-height: 100%;
}

/*
.LoginPage is applied only to the actual login page
it modifies the html and body
*/
.LoginPage html {
    height: auto;
    min-height: 100%;
    overflow: visible;
    position: relative;
}

.LoginPage body, html {height: auto;}

html.LoginPage {
    height: auto;
    min-height: 100%;
    overflow: visible;
    position: relative;
}


.LoginPage body, .LoginPage html {margin:0px; padding:0px; font-family:helveticaneue55roman, arial; font-size:14px; width:100%;
 background: url(../images/login-bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }


@font-face {
    font-family: 'helveticaneue55roman';
    src: url('../fonts/helveticaneue55roman.eot');
    src: url('../fonts/helveticaneue55roman.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneue55roman.woff') format('woff'),
         url('../fonts/helveticaneue55roman.ttf') format('truetype'),
         url('../fonts/helveticaneue55roman.svg#alte_haas_groteskbold') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family:'helveticaneue';
    src:url(../fonts/helveticaneue.eot);
    src:url(../fonts/helveticaneue.woff) format('woff'), url(../fonts/helveticaneue.ttf) format('truetype'), url(../fonts/helveticaneue.svg) format('svg'), url(../fonts/helveticaneue.otf) format('otf');
}
@font-face {
    font-family:'helveticaneue-medium';
    src:url(../fonts/helveticaneuemedium.eot);
    src:url(../fonts/helveticaneuemedium.woff) format('woff'), url(../fonts/helveticaneuemedium.ttf) format('truetype'), url(../fonts/helveticaneuemedium.svg) format('svg'), url(../fonts/helveticaneuemedium.otf) format('otf');
}
@font-face {
    font-family:'helveticalt-light';
    src:url(../fonts/helveticalt-light.eot);
    src:url(../fonts/helveticalt-light.woff) format('woff'), url(../fonts/helveticalt-light.ttf) format('truetype'), url(../fonts/helveticalt-light.svg) format('svg'), url(../fonts/helveticalt-light.otf) format('otf');
}
@font-face {
    font-family:'helveticalt-ultralight';
    src:url(../fonts/helveticalt-ultralight.eot);
    src:url(../fonts/helveticalt-ultralight.woff) format('woff'), url(../fonts/helveticalt-ultralight.ttf) format('truetype'), url(../fonts/helveticalt-ultralight.svg) format('svg'), url(../fonts/helveticalt-ultralight.otf) format('otf');
}
@font-face {
    font-family:'helveticalt-bold';
    src:url(../fonts/helveticaneueltstdbd.eot);
    src:url(../fonts/helveticaneueltstdbd.woff) format('woff'), url(../fonts/helveticaneueltstdbd.ttf) format('truetype'), url(../fonts/helveticaneueltstdbd.svg) format('svg'), url(../fonts/helveticaneueltstdbd.otf) format('otf');
}
@font-face {
    font-family:'altehaasgrotesk-regular';
    src:url(../fonts/altehaasgroteskregular.eot);
    src:url(../fonts/altehaasgroteskregular.woff) format('woff'), url(../fonts/altehaasgroteskregular.ttf) format('truetype'), url(../fonts/altehaasgroteskregular.svg) format('svg'), url(../fonts/altehaasgroteskregular.otf) format('otf');
}
@font-face {
    font-family:'altehaasgrotesk-bold';
    src:url(../fonts/altehaasgroteskbold.eot);
    src:url(../fonts/altehaasgroteskbold.woff) format('woff'), url(../fonts/altehaasgroteskbold.ttf) format('truetype'), url(../fonts/altehaasgroteskbold.svg) format('svg'), url(../fonts/altehaasgroteskbold.otf) format('otf');
}

h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
	color: #FFFFFF;
	margin:0;
	padding:0;
}
.clear {
	clear:both;
}
p{
	margin:0;
	padding:0;
}
a {
	color:#3692C0;
}
a:hover{
	text-decoration:none;
}
*{ outline:none;}

.table{ width:100%; border:0px; text-align:center; margin:0; padding:0; border-spacing:0; border-collapse:collapse;}
.topleft{
	background:url(../images/left-image.jpg) right top no-repeat;
}
.topright{
	background:url(../images/right-img.jpg) left top no-repeat;
}
.topleft2{
	background:url(../images/left-image2.jpg) right top no-repeat;
}
.topright2{
	background:url(../images/right-img2.jpg) left 81px no-repeat;
}
.layout{
	width:970px;
	text-align:left;
}
#wrapper-outer, #wrapper-outer2{
	padding:0;
	width:100%;
	margin:0;
	float:left;
	background:url(../images/header-bg.jpg) left top repeat-x;
}
#wrapper-outer2{
	background:url(../images/header-bg2.jpg) left top repeat-x;
}
#wrapper, #wrapper2{
	padding:0;
	width:100%;
	margin:0;
	float:left;
	background:url(../images/footer-bg.jpg) left bottom repeat-x;
}
#wrapper2{
	background:url(../images/footer-bg2.jpg) left bottom repeat-x;
}
#wrap {
	padding:0;
	width:970px;
	margin:0 auto;
	display:table;
}
img{ border:none; margin:0; padding:0;}
.fleft{ float:left!important;}
.fright{ float:right!important;}

/* header */

     .Header .HeaderRight{float:right; color:#FFF; padding:15px 30px 0 0;}
     .Header .HeaderRight a.HeaderHelpIcon{color:#FFF; background:url(../images/help-icon.png) no-repeat left top; height:26px; line-height:26px; display:inline-block; padding-left:35px; vertical-align:middle; text-decoration:none; font-family: 'arial'; font-size: 18px;}
     .Header .HeaderRight .HeaderUser{display:inline-block; padding-left:20px; position:relative;}
     .Header .HeaderRight .HeaderUser .Icon{vertical-align:middle; height: 50px;}
     .Header .HeaderRight .HeaderUser .Icon span{width:26px; height:26px; border-radius:50%; overflow:hidden; vertical-align:middle; width:31px; display:inline-block;}
     .Header .HeaderRight .HeaderUser .Icon span img{width:26px; height:26px;}
     .Header .HeaderRight .HeaderUser .Icon img{vertical-align:middle; margin:0 5px;}
     .Header .HeaderRight .HeaderUser .HeaderDropDown{display:none; position:absolute; top:40px; right:0; background:#FFF; padding:15px; border-radius:5px; width:200px; min-height:60px;}
     .Header .HeaderRight .HeaderUser .HeaderDropDown span.HeaderDropDownTopArrow{float:right; margin-right:-14px; margin-top:-30px;text-align: center; width: 76px}
     .Header .HeaderRight .HeaderUser .HeaderDropDown span.HeaderDropDownTopArrow img{width:auto; height:auto;}
     .Header .HeaderRight .HeaderUser .HeaderDropDown .NameUrl{border-bottom:1px solid #a7a7a7; color:#41413e; padding-bottom:5px; line-height:22px;}
     .Header .HeaderRight .HeaderUser .HeaderDropDown .PublisherSince{color:#3692c0; background:#e8e9ed; text-align:center; padding:5px; border-radius:5px; margin:5px 0 0px 0; vertical-align:middle;}
     .Header .HeaderRight .HeaderUser .HeaderDropDown .PublisherSince img{vertical-align:middle;}
     .Header .HeaderRight .HeaderUser .HeaderDropDown ul{margin:8px 0 0 0; padding:0;}
     .Header .HeaderRight .HeaderUser .HeaderDropDown ul li{list-style:none; padding:2px 0;}
     .Header .HeaderRight .HeaderUser .HeaderDropDown ul li a{color:#3692c0; text-decoration:none;}
     .Header .HeaderRight .HeaderUser .Icon:hover .HeaderDropDown{display:block;}



.header, .header2{ width:950px; min-height:303px; float:left; margin:0; padding:10px 10px;}
.header2{
	padding:9px 10px;
	min-height:62px;
	height:62px;
}
.header-top{
	width:100%;
	float:left;
	margin:0;
	padding:0 0 20px 0;
}
.logo{ width:auto; float:left; margin:0; padding:0px 0 0 0px;}
.main-logo{
	width:auto;
	text-align:center;
	padding:65px 0 75px 0;
}
.header-link, .header-link2{
	width:auto;
	float:right;
	margin:0;
	padding:0;
}
.header-link a, .header-link2 a{
	display:inline-block;
	font-family:'altehaasgrotesk-bold';
	font-size:22px;
	color:#f97301;
	text-decoration:none;
	margin:25px 30px 0 0;
	padding:0px 0 0 0;
}
.header-link2 a{
	margin:15px 30px 0 0;
}
.header-bottom{
	width:94%;
	float:left;
	margin:0 3%;
	padding:30px 0 50px 0;
	text-align:center;
	background:url(../images/top-border.png) left top repeat-x;
	position:relative;
}
.header-bottom h1{
	font-family:'altehaasgrotesk-bold';
	font-size:56px;
	color:#3692c0;
}
.header-bottom h2{
	font-size:46px;
	color:#646461;
}
.header-inner{
	width:970px;
	margin:0 auto;
	display:table;
}
.why-join figure{
	width:162px;
	height:146px;
	position:absolute;
	margin:0;
	left:-25px;
	bottom:-50px;
	background:url(../images/why-join.png) left top no-repeat;
	text-align:center;
	z-index:99;
}
.what-happens figure{
	width:162px;
	height:146px;
	position:absolute;
	margin:0;
	left:-25px;
	bottom:-50px;
	background:url(../images/what-happens.png) left top no-repeat;
	text-align:center;
	z-index:99;
}
.app-step1 figure{
	width:121px;
	height:111px;
	float:left;
	margin:5px 0 0 25px;
	padding:0;
	background:url(../images/app-step1.png) left top no-repeat;
}
.app-step2 figure{
	width:121px;
	height:111px;
	float:left;
	margin:5px 0 0 25px;
	padding:0;
	background:url(../images/app-step2.png) left top no-repeat;
}
.app-step3 figure{
	width:121px;
	height:111px;
	float:left;
	margin:5px 0 0 25px;
	padding:0;
	background:url(../images/app-step3.png) left top no-repeat;
}
.app-step4 figure{
	width:121px;
	height:111px;
	float:left;
	margin:5px 0 0 25px;
	padding:0;
	background:url(../images/app-step4.png) left top no-repeat;
}


/* middle */
.middle{ width:970px; min-height:450px; float:left; margin:0; padding:0px 0px; background:url(../images/light-bg.png) left top repeat; position:relative;}
.middle .top{
	width:950px;
	min-height:450px;
	float:left;
	margin:0;
	padding:0 10px;
}
ul.why-join{
	width:47%;
	float:left;
	margin:0;
	padding:45px 0 0 40px;
}
ul.why-join li{
	width:90%;
	float:left;
	display:inline-block;
	margin:0;
	padding:0 0 15px 40px;
	background:url(../images/green-bullet.png) left top no-repeat;
	font-size:18px;
	color:#41413e;
	line-height:28px;
}
ul.why-join li.link{
	width:100%;
	padding:10px 15px 0 0;
	font-size:18px;
	color:#666;
	line-height:22px;
	background:url(../images/blue-arrow.png) 60% 17px no-repeat;
}
ul.why-join li.link.selected{
	background:url(../images/down-arrow.png) 60% 18px no-repeat;
}
.view-list{
	width:100%;
	float:left;
	margin:0;
	padding:20px 0 50px 0;
	display:none;
}
.view-list h4{
	font-size:13px;
	color:#41413e;
	line-height:20px;
	font-weight:bold;
}
.view-list ul{
	width:100%;
	float:left;
	margin:0;
	padding:0;
}
.view-list ul li{
	width:100%;
	float:left;
	display:inline-block;
	margin:0;
	padding:0 0 8px 15px;
	font-size:14px;
	color:#41413e;
	line-height:20px;
	background:url(../images/blue-bullet.png) left 6px no-repeat;
}

ul.apply-form, ul.login-form, .sidebar{
	width:30%;
	float:right;
	margin:-35px 80px 0 0;
	padding:30px 30px;
	background: #ef8f00;
	background: -moz-linear-gradient(top, #ef8f00 0%, #f97200 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef8f00), color-stop(100%,#f97200));
	background: -webkit-linear-gradient(top, #ef8f00 0%,#f97200 100%);
	background: -o-linear-gradient(top, #ef8f00 0%,#f97200 100%);
	background: -ms-linear-gradient(top, #ef8f00 0%,#f97200 100%);
	background: linear-gradient(to bottom, #ef8f00 0%,#f97200 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef8f00', endColorstr='#f97200',GradientType=0 );
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
}
ul.login-form{
	margin:-95px 32% 0 0;
}
ul.apply-form li, ul.login-form li{
	width:100%;
	float:left;
	display:inline-block;
	margin:0;
	padding:0 0 20px 0;
	position:relative;
}
ul.apply-form li label{
	width:88%;
	display:inline-block;
	font-size:12px;
	color:#FFF;
	line-height:14px;
}
ul.login-form li h1, ul.login-form li h3{
	width:auto;
	display:inline-block;
	font-family:'altehaasgrotesk-bold';
	font-size:44px;
	color:#fff;
	padding:0 10px 30px 0;
}
ul.login-form li h3{
	font-family:'altehaasgrotesk-regular';
	font-size:32px;
	padding:0;
}
ul.login-form li a{
	font-size:14px;
	color:#FFF;
}
ul.login-form li p{
	font-size:14px;
	color:#FFF;
}
ul.login-form li p a{
	font-size:18px;
}
.center-align{
	text-align:center;
}
.textbox{ 
	width:93.8%; 
	float:left; 
	margin:0; 
	padding:8px 3%; 
	border:1px solid #a76300; 
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px; 
	border-radius: 6px; 
	-webkit-box-shadow:inset 0 3px 2px rgba(0, 0, 0, .16);
    -moz-box-shadow:inset 0 3px 2px rgba(0, 0, 0, .16);
    box-shadow:inset 0 3px 2px rgba(0, 0, 0, .16);
	font-family:'altehaasgrotesk-regular';
	font-size:18px;
	color:#797979; 
}
.apply-form input:focus, .login-form input:focus{
	width:93.6%;
	padding:7px 3%;
	border:2px solid #a86000;
}
.error-title{
	width:56.4%;
	position:absolute;
	left:33.2%;
	top:73px;
	padding:8px 15px;
	background:#fcd9da;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	font-size:14px;
	color:#ed1c24;
	line-height:20px;
}
.error-icon figure{
	width:24px;
	height:19px;	
	float:left;
	margin:0;
	padding:0 10px 0 0;
	background:url(../images/error-icon.png) left top no-repeat;
}
.error{
	border:2px solid #ed1c24!important;
	background:#fcd9da;
}
.login-error div{
        border: 1px solid #A76300!important;
	background:#ffffff;
}
.login-error{
	border:2px solid #ed1c24;
	background:#fcd9da;
}
.error2{
	border:2px solid #ed1c24!important;
	background:#fff!important;
}
.error-msg {
	padding: 10px 10px;
	position: absolute;
	top:-10px;
	left:-224px;
	width: 190px;
	background: #7c7c79;
	background: -moz-linear-gradient(top, #7c7c79 0%, #51514e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7c7c79), color-stop(100%,#51514e));
	background: -webkit-linear-gradient(top, #7c7c79 0%,#51514e 100%);
	background: -o-linear-gradient(top, #7c7c79 0%,#51514e 100%);
	background: -ms-linear-gradient(top, #7c7c79 0%,#51514e 100%);
	background: linear-gradient(to bottom, #7c7c79 0%,#51514e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c7c79', endColorstr='#51514e',GradientType=0 );
	border: 1px solid #7d7d78;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-webkit-box-shadow: 2px 2px 3px #707070;
	-moz-box-shadow:2px 2px 3px #707070;
	box-shadow:2px 2px 3px #707070;
	font-size: 14px;
	color: #fff;
	line-height:16px;
}
.bhtclear {
        background: #7c7c79;
        background: -moz-linear-gradient(top, #7c7c79 0%, #51514e 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7c7c79), color-stop(100%,#51514e));
        background: -webkit-linear-gradient(top, #7c7c79 0%,#51514e 100%);
        background: -o-linear-gradient(top, #7c7c79 0%,#51514e 100%);
        background: -ms-linear-gradient(top, #7c7c79 0%,#51514e 100%);
        background: linear-gradient(to bottom, #7c7c79 0%,#51514e 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c7c79', endColorstr='#51514e',GradientType=0 );
        border: 1px solid #7d7d78;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
        -webkit-box-shadow: 2px 2px 3px #707070;
        -moz-box-shadow:2px 2px 3px #707070;
        box-shadow:2px 2px 3px #707070;
        font-size: 14px;
        color: #fff;
        line-height:16px;
}
.error-msg h2{
	font-size:18px;
	font-weight:bold;
	padding:0 0 5px 0;
}
.error-triangle {
	background: url(../images/error-triangle.png) left top no-repeat;
	height: 18px;
	right: -13px;
	position: absolute;
	top: 20px;
	width: 13px;
}
#uniform-ulfile label {
	top:5px !important;
}
.error-txt{
	font-size:14px;
	position:absolute;
	top:44px;
	left:33.2%;
}
.txt-bold{
	font-weight:bold;
}
.apply-btn{
	min-width:65%;
	margin:0 auto;
	display:table;
	padding:8px 25px;
	background: #5ac9e6;
	background: -moz-linear-gradient(top, #5ac9e6 0%, #2585c0 2%, #2d99ce 50%, #278fc8 51%, #2585c0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5ac9e6), color-stop(2%,#2585c0), color-stop(50%,#2d99ce), color-stop(51%,#278fc8), color-stop(100%,#2585c0));
	background: -webkit-linear-gradient(top, #5ac9e6 0%,#2585c0 2%,#2d99ce 50%,#278fc8 51%,#2585c0 100%);
	background: -o-linear-gradient(top, #5ac9e6 0%,#2585c0 2%,#2d99ce 50%,#278fc8 51%,#2585c0 100%);
	background: -ms-linear-gradient(top, #5ac9e6 0%,#2585c0 2%,#2d99ce 50%,#278fc8 51%,#2585c0 100%);
	background: linear-gradient(to bottom, #5ac9e6 0%,#2585c0 2%,#2d99ce 50%,#278fc8 51%,#2585c0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ac9e6', endColorstr='#2585c0',GradientType=0 );
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	border:1px solid #ac5600;
	font-family:'altehaasgrotesk-bold';
	font-size:26px;
	color:#FFF;	
	cursor:pointer;
	text-shadow:1px 1px 1px #0c5c89;
}
.apply-btn:hover{
	background: #54bace;
	background: -moz-linear-gradient(top, #54bace 0%, #328db2 2%, #1f7aa4 50%, #1a709a 50%, #1a6590 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#54bace), color-stop(2%,#328db2), color-stop(50%,#1f7aa4), color-stop(50%,#1a709a), color-stop(100%,#1a6590));
	background: -webkit-linear-gradient(top, #54bace 0%,#328db2 2%,#1f7aa4 50%,#1a709a 50%,#1a6590 100%);
	background: -o-linear-gradient(top, #54bace 0%,#328db2 2%,#1f7aa4 50%,#1a709a 50%,#1a6590 100%);
	background: -ms-linear-gradient(top, #54bace 0%,#328db2 2%,#1f7aa4 50%,#1a709a 50%,#1a6590 100%);
	background: linear-gradient(to bottom, #54bace 0%,#328db2 2%,#1f7aa4 50%,#1a709a 50%,#1a6590 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54bace', endColorstr='#1a6590',GradientType=0 );
	color:#8bddf2;
}
.next-btn{
	width:131px;
	height:55px;
	float:left;
	margin:25px 0 0 0;
	padding:0 10px 0 0;
	border:none;
	background:url(../images/next-bg.png) left top no-repeat;
	font-family:'altehaasgrotesk-bold';
	font-size:26px;
	color:#FFF;	
	cursor:pointer;
}
.next-btn:hover{
	color:#8bddf2;
	background:url(../images/next-bg-hover.png) left top no-repeat;
}
.submit-btn{
	width:170px;
	height:56px;
	float:left;
	margin:25px 0 0 0;
	padding:0 10px 0 0;
	border:none;
	background:url(../images/submit-bg.png) left top no-repeat;
	font-size:26px;
	color:#FFF;	
	cursor:pointer;
}
.submit-btn:hover{
	background:url(../images/submit-bg-hover.png) left top no-repeat;
}
ol.thanks{
	width:88%;
	float:left;
	margin:0 0 0 10%;
	padding:30px 0 0 0;
	font-size:16px;
	color:#3692c0;
}
ol.thanks li{
	padding:0 0 15px 0;	
}
ol.thanks li p{
	font-size:16px;
	color:#41413e;
	line-height:22px;
}

/* steps */
.steps {
	width:100%;
	margin:0 auto;
	display:table;
	background:url(../images/light-bg.png) left top repeat;
	padding:0 0 0px 0;
}
.steps ul {
	width:100%;
	float:left;
	margin:0;
	padding:30px 0 20px 0;
	text-align:center;
}
.steps ul li {
	width:40px;
	height:28px;
	display:inline-block;
	margin:0 85px;
	padding:6px 0;
	position:relative;
	font-family:'altehaasgrotesk-bold';
	font-size:22px;
	color:#999999;
	text-shadow:1px 1px 1px #fff;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	text-align:center;
	background:#eaeaea;
}
.steps ul li.active, .steps ul li.complete {
	background: #3692c0;
	color:#FFF;
	text-shadow:0px 0px 0px #fff;
}
.steps ul li .r-border, .steps ul li .r-border-blue{
	border-bottom:7px solid #eaeaea;
	position:absolute;
	width:175px;
	right:-175px;
	top:16px;
}
.steps ul li .r-border-blue{
	border-bottom:7px solid #3692c0;
}
.steps ul li .blue-line {
	border-bottom:7px solid #eaeaea;
}
ul.steps-title{
	width:100%;
	float:left;
	margin:0;
	padding:0 0 20px 0;
	background:url(../images/bottom-shade.png) left bottom repeat-x;
}
ul.steps-title li{
	width:22%;
	margin:0;
	padding:0;
	text-align:center;
	background:none;
	font-size:18px;
}
.blue-txt{
	color:#3692c0!important;
}
.red-txt{
	color:#ed1c24!important;
/*
        width:300px;
        height: 30px;
*/
}
.content{
	width:950px;
	float:left;
	margin:0;
	padding:10px 10px;
}
.leftpart{
	width:64%;
	float:left;
	margin:0;
	padding:0;
	position:relative;
}
.leftpart h1, .leftpart h2{
	width:auto;
	float:left;
	margin:0;
	padding:22px 0 60px 54px;
	font-family:'altehaasgrotesk-bold';
	font-size:36px;
	color:#3692c0;
}
.leftpart h2{
	padding:15px 0 30px 33%!important;
	font-size:28px;
}
ul.detail-form{
	width:100%;
	float:left;
	margin:0;
	padding:0;
}
ul.detail-form li{
	width:100%;
	display:table;
	margin:0;
	padding:0 0 20px 0;
	position:relative;
}
ul.detail-form li label{
	width:33%;
	display:table-cell;
	vertical-align:middle;
	margin:0;
	padding:0 2% 0 0;
	text-align:right;
	font-size:16px;
	color:#333333;
	line-height:20px;
}
ul.detail-form li label a{
	display:inline-block;
	margin:20px 30px 0 0;
}
.top-margin{
	vertical-align:top!important;
}
ul.detail-form li input, ul.detail-form li textarea{
	width:85%; 
	float:left; 
	margin:0; 
	padding:8px 3%; 
	border:1px solid #a8a8a8;
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px; 
	border-radius: 6px; 
	-webkit-box-shadow:inset 0 3px 2px rgba(0, 0, 0, .16);
    -moz-box-shadow:inset 0 3px 2px rgba(0, 0, 0, .16);
    box-shadow:inset 0 3px 2px rgba(0, 0, 0, .16);
	font-family:'altehaasgrotesk-regular';
	font-size:18px;
	color:#333333; 
}
ul.detail-form li input:focus, ul.detail-form li textarea:focus {
	border:1px solid #7c7c7c;
}
ul.detail-form li input.input2{
	width:68%;
}
ul.detail-form li input.input3{
	width:30%;
}
ul.detail-form li .col{
	width:95%;
	float:left;
	margin:0;
	padding:0;
}
ul.detail-form li .row{
	width:100%;
	float:left;
	margin:0;
	padding:0 0 6px 0;
	font-size:14px;
	color:#333333;
	line-height:20px;
}
ul.detail-form li .row p{
	width:42%;
	display:inline-block;
	margin:0;
	padding:0;	
}
ul.detail-form li p{
	font-size:14px;
	color:#333333;
	line-height:20px;
}
.listbox2 a, .listbox3 a{
	line-height:36px;
}
.digit{
	position:absolute;
	right:-100px;
	top:10px;
	font-size:14px;
	color:#333333;
	font-style:italic;
}

.sidebar{
	width:25%;
	margin:30px 40px 0 0;
	padding:20px 20px;
}
.sidebar h1, .sidebar h2{
	width:100%;
	display:inline-block;
	margin:0 0 10px 0;
	padding:0 0 15px 0;
	font-family:'altehaasgrotesk-bold';
	font-size:24px;
	color:#FFF;
	background:url(../images/light-border.png) left bottom repeat-x;
}
.sidebar h2{
	font-size:20px;
}
.sidebar p, .sidebar p a{
	font-size:14px;
	color:#FFF;
	line-height:20px;
	padding:0 0 15px 0;
}
.sidebar ul{
	width:100%;
	float:left;
	margin:0;
	padding:0 0 25px 0;
}
.sidebar ul li{
	display:inline-block;
	margin:0;
	padding:0 0 10px 10px;
	background:url(../images/blue-bullet.png) left 6px no-repeat;
	font-size:14px;
	color:#FFF;
	line-height:18px;
}

.middle .bottom{
	width:950px;
	float:left;
	margin:45px 0 0 0;
	padding:35px 10px;
/*
	margin:-25px 0 0 0;
	padding:35px 10px;
*/
}
.middle .bottom h1{
	font-family:'altehaasgrotesk-bold';
	font-size:22px;
	color:#646461;
}
ul.footer-logo{
	width:100%;
	float:left;
	margin:0;
	padding:20px 0 0 0;
}
ul.footer-logo li{
	float:left;
	display:inline-block;
	margin:0;
	padding:0 18px 0 0;
}

/* footer */
.footer{ width:950px; float:left; margin:4px 0 0 0; padding:8px 10px;}
.footer p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#afafaf; text-align:left; padding:0 0 0px 0;}

/*************
new login 04/2015
*/

.PublisherLoginBoxMain{text-align:center; width:430px; margin:9% auto 0 auto; color:#FFF; font-size:15px; padding-bottom:80px;}
.PublisherLoginBoxMain a{color:#FFF; text-decoration::underline;}
.PublisherLoginBox{background:#FFF; border-radius:10px; color:#000; overflow:hidden;}
.PublisherLoginBox h1{background:#3692c0; color:#FFF; font-family: 'altehaasgrotesk-bold'; font-weight:normal; font-size:28px; margin:0; padding:26px 0;}

.PublisherLoginForm{padding:36px; text-align:left;}
.PublisherLoginForm .InputBox{padding-bottom:15px;}
.PublisherLoginForm .InputBox input{border:2px solid #eee; border-radius:3px; padding:15px 30px 15px 10px; width:100%; font-size:17px; color:#4f4c4d;
-webkit-box-sizing: border-box; /* Safari 3.0 - 5.0, Chrome 1 - 9, Android 2.1 - 3.x */
  -moz-box-sizing: border-box;    /* Firefox 1 - 28 */
  box-sizing: border-box;         /* Safari 5.1+, Chrome 10+, Firefox 29+, Opera 7+, IE 8+, Android 4.0+, iOS any */}

.PublisherLoginForm .InputBox input:focus{border:2px solid #3692c0; color:#3692c0;}
.PublisherLoginForm .InputBox input.Success{border:2px solid #3692c0; color:#3692c0; background:url(../images/success-icon.png) no-repeat right center;}
.PublisherLoginForm .InputBox input.Error{border:2px solid #c03636; color:#c03636; background:url(../images/error-icon-2.png) no-repeat right center;}
.PublisherLoginForm .InputBox p.ErrorText{color:#c03636; text-align:left; font-size:14px; margin-bottom:0; padding-top:5px}

.PublisherLoginForm .RememberForgottenPass{color:#4f4c4d; text-align:right; padding:10px 0;}
.PublisherLoginForm .RememberForgottenPass label{float:left;}
.PublisherLoginForm .RememberForgottenPass a{color:#3692c0; text-decoration:none;}
.PublisherLoginForm button{background:#3692c0; border-radius:3px; font-size:17px; font-weight:bold; border:0; display:block; color:#FFF; width:100%; padding:15px; cursor:pointer;}
.PublisherLoginForm button:hover{background-color:#2483b2;}
.PublisherLoginForm p{text-align:center; color:#4f4c4d;}
.PublisherLoginForm p a{color:#3692c0; text-decoration:none;}
.LoginPage .Copyright{ position:absolute; }