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

@font-face {
  font-family: "Verdana Pro Light";
  src: url("/_css/fonts/Verdana-Pro-Light/470d8a9f-a874-489d-bd19-712a16a7a70d-2.eot");
  src: url("/_css/fonts/Verdana-Pro-Light/470d8a9f-a874-489d-bd19-712a16a7a70d-2.eot?") format("embedded-opentype"),
       url("/_css/fonts/Verdana-Pro-Light/470d8a9f-a874-489d-bd19-712a16a7a70d-3.woff") format("woff"),
       url("/_css/fonts/Verdana-Pro-Light/470d8a9f-a874-489d-bd19-712a16a7a70d-1.ttf") format("truetype"),
       url("/_css/fonts/Verdana-Pro-Light/470d8a9f-a874-489d-bd19-712a16a7a70d-4.svg#web") format("svg");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: "Verdana Pro SemiBold";
  src: url("/_css/fonts/Verdana-Pro-SemiBold/a150ccd9-0923-4e54-b4de-a1848725881a-2.eot");
  src: url("/_css/fonts/Verdana-Pro-SemiBold/a150ccd9-0923-4e54-b4de-a1848725881a-2.eot?") format("embedded-opentype"),
       url("/_css/fonts/Verdana-Pro-SemiBold/a150ccd9-0923-4e54-b4de-a1848725881a-3.woff") format("woff"),
       url("/_css/fonts/Verdana-Pro-SemiBold/a150ccd9-0923-4e54-b4de-a1848725881a-1.ttf") format("truetype"),
       url("/_css/fonts/Verdana-Pro-SemiBold/a150ccd9-0923-4e54-b4de-a1848725881a-4.svg#web") format("svg");
  font-style: normal;
  font-weight: normal;
}

body {
    margin: 0px;
    background: #FFFFFF;
}

body, td, th, div {
    font-family: "Verdana Pro Light", Verdana, Arial, Helvetica, sans-serif;
    color: #296392;
    font-size: 16px;
}

h1 {
    font-family: "Verdana Pro Light", Verdana, Arial, Helvetica, sans-serif;
    margin: 20px 0;
    text-align: center;
    font-size: 2.5em;
    color: white;
    font-weight: normal;
}

h2 {
    margin: 0px 0 10px 0;
    text-align: center;
    font-size: 1.2em;
    color: #155D97;
    font-weight: normal;

}

h3 {
    margin: 20px 0 0 0px;
    font-size: 1em;
}

input, select, .form_signup_m {
    font-size: 1em;
}

.input_half {
    width: 120px
}

.input_full {
    width: 250px
}

.msg {
    font-size: 1em;
    font-weight: normal;
    text-align: center;
    color: red;
}

.bodybold {
    font-size: 1em;
    text-align: right;
}

.bodysmall {
    font-size: 0.8em;
    line-height: 0.8em;
}

a.text:link 	        {color: #155D96; font-weight: normal; text-decoration: underline;}
a.text:visited		{color: #155D96; font-weight: normal; text-decoration: underline;}
a.text:hover 		{color: #FF6600; font-weight: normal; text-decoration: underline;}
a.text:active		{color: #FF6600; font-weight: normal; text-decoration: underline;}

a.desc:link 		{color: #155D96; font-weight: normal; text-decoration: underline;}
a.desc:visited		{color: #155D96; font-weight: normal; text-decoration: underline;}
a.desc:hover 		{color: #FF6600; font-weight: normal; text-decoration: underline;}
a.desc:active		{color: #FF6600; font-weight: normal; text-decoration: underline;}

a.footer:link 		{color: #FFFFFF; font-weight: bold; text-decoration: none;}
a.footer:visited 	{color: #FFFFFF; font-weight: bold; text-decoration: none;}
a.footer:hover		{color: #FFFFFF; font-weight: bold; text-decoration: none;}
a.footer:active 	{color: #FFFFFF; font-weight: bold; text-decoration: none;}
	
table {
	border: 0px;
	border-collapse: collapse;
	padding: 0px;
}
td {
	border: 0px;
	border-collapse: collapse;
	padding: 0px;
}

img {
    border: none
}

#wrapper {
    width: 100%;
    overflow: hidden;
}

#header {
    width: 100%;
    background-image: linear-gradient(170deg, #0068b7, #003156);
    height: 80px;
    padding: 20px 0;
    text-align: center;
}

#logo, #space {
    width: 25%;
}

#logo, #title, #space {
    float: left;
    line-height: 2em;
}

#logo img {
    float: left;
    width: 200px;
    height: auto;
    padding: 20px 0 0 30px;
}

#logotext {
    float: left;
}

#runbox {
    margin: 15px 0 0 10px;
    font-family: "Verdana Pro Light", Verdana, Arial, sans-serif; 
    font-size: 2.5em; 
    color: #97c5ff;
    letter-spacing: -1px;
    line-height: 0.8em;
}

#premium {
    margin: 1px 0 0 13px; 
    font-family: Verdana; 
    font-size: 0.9em;
    color: #77a5df;
    font-family: "Verdana Pro Light", Verdana, Arial, sans-serif;
    letter-spacing: 0.5px;
}

#title {
    width: 50%;
}

.introBig {
        padding: 10px 0 10px 0;
        font-size: 1.2em;
        color: #296392; 
	font-weight: normal;
}
.intro {
        font-size: 1em;
        color: #296392; 
	font-weight: normal;
}
.introImg {
        padding: 3px;
	text-align: center;
}
.select {
        padding: 30px 0 10px 0;
	text-align: center;
        font-size: 1em;
        color: #296392; 
	font-weight: normal;
}
.help {
        margin: 10px 0 0 0;
	}
.liveHelp {
        margin: 20px 0 30px 0;
	width: 800px;
	text-align: left;
        color: #296392; 
	font-weight: normal;
}
.help img {
        margin: 0 10px;
        float: left;
}

.signupRow td {
    padding: 5px 0 !important;
}

#rowHomePhoneNumber {
    display: none;
}

#rowCompany {
    display: none;
}

#person, #business {
    height: 1em;
}

#recaptcha_response_field {
    padding: 2px !important;
    font-size: 1em !important;
}

.button {
    padding: 2px;
    background-color: #E46E00; 
    border-color: #E46E00;
    font-size: 1em; 
    font-weight: bold; 
    color: #FFFFFF;
}

.options {
        margin: 10px 0 20px 0;
	padding: 10px 0 0 0;
        width: 500px;
        height: 140px;
        background: url(/_img/signup/selectbox.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.option {
        margin: 5px 0 10px 10px;
	font-size: 14px;
        color: #296392;
        font-weight: normal;
}
.optionDesc {
        margin: 5px 20px;
	font-size: 0.9em;
        color: #296392;
        font-weight: normal;
}
.desc {
        font-family: arial, helvetica, sans-serif;
        font-size: 0.9em;
}

#agree_label {
    cursor: pointer; 
    cursor: hand;
}

/* Blue button styles */

.btn {
      display: inline-block;
      background: none;
      margin: 0;
      padding: 5px 0; /* Space over and under text */
      border-width: 0;
      overflow: visible;
      color: #155d97;
      text-decoration: none;
      font: 140%/1.4 "Verdana Pro Light", Verdana, Sans-serif;
      font-weight: bold;
      }
a.btn {
      color: #fff;
      text-decoration: none;
}


* html button.btn {
      padding-bottom:1px;
      }
    /* Immediately below is a temporary hack to serve the 
       following margin values only to Gecko browsers
       Gecko browsers add an extra 3px of left/right 
       padding to button elements which can't be overriden.
       Thus, we use -3px of left/right margin to overcome this. */
html:not([lang*=""]) button.btn {
      margin:0 -3px;
      }
.btn span {
      background:#fff url(/_img/index/button_big_i.png) repeat-x 0 0;
      margin:0;
      padding:5px 0; /* Space over and under text */
/*      border-left:1px solid #95d0ff;
      border-right:1px solid #66bbff; */
      border-left:1px solid #95d0ff;
      border-right:1px solid #66bbff;
      }
* html .btn span {
      padding-top:0;
      }
.btn span span {
      position:relative;
      padding:5px 1em; /* Space over and under text */
      border-width:0;
/*      border-top:1px solid #95d0ff;
      border-bottom:1px solid #66bbff; */
      border-top:1px solid #95d0ff;
      border-bottom:1px solid #66bbff;
      }
    
/* only needed if implementing separate hover/focus/active state for buttons */
.btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span {
      cursor:pointer; /* important for any clickable/pressable element */
      background:#fff url(/_img/index/button_big_a.png) repeat-x 0 0;
/*      border-color:#66bbff #155d97 #155d97 #66bbff!important; */
      border-color:#66bbff #155d97 #155d97 #66bbff!important;
      /* color: #e8f5ff; */
      color: #133357; 
      }
.btn:active span {
      background-position:0 -400px;
      outline:none;
      }
.btn:focus, .btn:active {
      outline:none; /* doesn't seem to be respected for <button>, only <a> */
      }
a.btn {
    color: #155d97;
}

a.buttonBig {
    font-family: "Verdana Pro Semibold", Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    text-decoration: none;
}



.buttonBig {
        font-size: 1em;
}

a.buttonBig {
	text-decoration: none;
}

#user {
    text-align: right;
}

img.password {
    width: 20px;
    height: auto;
    vertical-align: middle;
}

.terms {
    font-size: 1em;
    text-align: center;
}

#footerWrapper {
    width: 100%;
    background-image: linear-gradient(170deg, #014f89, #001e35);
}

.footer {
    width: 50%;
}

.menufooter {
    padding: 40px 0;
    text-align: center;
    font-size: 1em;
    color: #97c5ff;
    text-decoration: none;
}

.menufooter td {
    width: 25%;
}

A:hover.menufooter {
    color: #fff;
}


.credit {
    margin: 20px 0;
    text-align: center;
    font-weight: bold;
    font-size: 0.8em;
    color: #aaaaaa;
    text-decoration: none;
    letter-spacing: normal; 
    word-spacing: normal; 
    line-height: 8pt;
}