/*---- General Styles CSS file
       Contains generic styles re-used across the site
---- */

.clear {
  clear: both;
}

.col {
  float: left;
}

.floatright {
  float: right;
}

p.fineprint + p.fineprint {
  margin-top: -16px;
} 

.basicpage p.fineprint {
  font-size: 11px;
}

/* Overflowing text box */

.overflow {
  border: 1px solid #666;
  height: 120px;
  margin-bottom: 16px;
  padding: 8px;
  overflow-y: scroll;
}

/* ---- Buttons ---- */

/* Green link buttons */

.button,
input[type=submit].button {
  background: url(../images/gradient-green3.png) top center repeat-x #8fc63e;
  border: none;
  border-radius: 8px;
  color: #fff;
  display: block;
  float: right;
  font-size: 22px;
  font-weight: bold;
  padding: 8px 24px;
  text-decoration: none;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
  text-transform: uppercase;
}

.button:hover, input[type=submit].button:hover {
  background: url(../images/gradient-green4.png) bottom center repeat-x #6da21f;
  color:#FFF !important;
}


.loginbtn {
	margin:0 50px 0 0;
}


.button.big {
  background: url(../images/button-arrow.png) right 15px no-repeat,
              url(../images/gradient-green3.png) repeat-x #6da21f;
  border-radius: 15px;
  font-size: 32px;
  padding: 26px 64px 22px 50px;
}

.button.bigorange {
    background: url(../images/gradient-orange_off.png) repeat-x #ff9924;
    border-radius: 15px;
    font-size: 32px;
    padding: 26px 15px 22px;
}

.button.midorange {
    background: url(../images/gradient-orange_off.png) repeat-x #ff9924;
    border-radius: 10px;
    font-size: 24px;
    padding: 10px 51px 10px;
}

.button.midblue {
    background: url(../images/gradient-blue2.png) repeat-x #2cabe0;
    border-radius: 10px;
    font-size: 24px;
    padding: 10px 51px 10px;
}

.button.big:hover {
  background: url(../images/button-arrow.png) right 15px no-repeat,
               url(../images/gradient-green4.png) repeat-x #8fc63e;
			   color:#FFF;
}

.button.bigorange:hover {
    background: url(../images/gradient-orange_on.png) repeat-x #fea948;
    color:#FFF;
}

.button.midorange:hover {
    background: url(../images/gradient-orange_on.png) repeat-x #fea948;
    color:#FFF;
}

.button.midblue:hover {
    background: url(../images/gradient-blue.png) repeat-x #2cabe0;
    color:#FFF;
}

.button.smallorange {
    background: url(../images/gradient-orange_off.png) repeat-x #ff9924;
    border-radius: 8px;
    font-size: 13px;
    padding: 4px 12px;
    text-align: center;
}

.button.smallblue {
    background: url(../images/gradient-blue2.png) repeat-x #2cabe0;
    border-radius: 8px;
    font-size: 13px;
    padding: 4px 12px;
    text-align: center;
}

.button.smallorange:hover {
    background: url(../images/gradient-orange_on.png) repeat-x #fea948;
    color:#FFF;
}

.button.smallblue:hover {
    background: url(../images/gradient-blue.png) repeat-x #2cabe0;
    color:#FFF;
}


.button.small,
input[type=submit].button.small {
  font-size: 13px;
  padding: 4px 12px;
}

/* List with star bullets */

ul.stars {
  list-style-image: url(../images/star-bullet.png);
  margin: 0 0 40px 20px;
}

ul.stars li {
  margin-bottom: 14px;
}

/* List of buttons with blue backgrounds */

ul.buttons {
  list-style: none;
  margin-left: 0;
}

ul.buttons li {
  background: #2cabe0;
  border-radius: 5px;
  color: #fff;
  display: block;
  font-weight: bold;
  font-size: 17px;
  list-style: none;
  margin-bottom: 10px;
  padding: 10px 30px;
  text-align: center;
}

/* Big blue button navigation */

#content ul.button-nav {
  list-style: none;
  float: right;
  margin: 20px 0 40px;
}

ul.button-nav + * {
  clear: both;
}

.button-nav li {
  display: block;
  float: left;
  margin-left: 10px;
}

.button-nav li a,
.button-nav li a.active:hover {
  background: url(../images/gradient-blue.png) top repeat-x #2cabe0;
  border: 1px solid #666;
  border-radius: 8px;
  color: #fff;
  display: block;
  font-family: MuseoSans-500;
  font-size: 22px;
  line-height: 1em;
  padding: 17px 34px 13px;
  text-align: center;
  text-decoration: none;
}

.button-nav li a.active,
.button-nav li a:hover {
  background: url(../images/gradient-blue2.png) top repeat-x #2cabe0;
}

/* ---- Tables ----- */

#content table.noborders td {
  border: none;
}

#content table.noborders th,
#content table.noborders td { 
  padding: 3px;
}

/* row with total value (bold, right aligned) */

tr.total {
  font-weight: bold;
}

tr.total td:first-child {
  text-align: right;
}

/* ---- Forms ---- */

/* Forms with labels set inside the text boxes */

fieldset.labels-inside .field {
  position: relative;
}

fieldset.labels-inside .field label {
  float: none;
  padding: 8px 0 8px 15px;
  position: absolute;
  width: 120px;
  z-index: 2;
}

fieldset.labels-inside .field input[type=text],
fieldset.labels-inside .field input[type=email],
fieldset.labels-inside .field input[type=password] {
  float: none;
  padding-left: 150px;
  width: 230px;
  z-index: 1;
} 



/* Manual two-column layout (used on registration & my account pages) */

.columns {
  overflow: auto;
}

.columns-2 .column-1,
#reg-form {
  float: left;
  margin-left: 9px;
  width: 300px;
}

.columns-2 .column-2,
#reg-step-info {
  float: left;
  width: 400px;  
}

.platform-page .column-1 {
  width: 320px;
}

.platform-page .column-2 {
  width: 220px;
}

.legal .column-1 {
    width: 680px;
}

.legal .column-2 {
    width: 220px;
}

/* Two column intro (text flows) */

.intro-2col {
  -moz-column-count: 2;
  -moz-column-gap: 20px;
}

/* ------- NEW ------- */

.columns-full {
  float: left;
  margin: 0 40px 40px 0;
  width: 840px;
}

.columns-full h4 {
	color:#000;
	font-size:18px;
}

.errorText {
    color: #000000;
    font-family: arial,helvetica,sans-serif;
    font-size: 14px;
    line-height: 1.2em;
    text-align: left;
}