/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

ul.reasons {
  list-style:disc;
  padding-left:20px;
  font-size: 1.2em;
  line-height: 1.7em;
  color: #111;
}

ul.reasons li.reasons {
  padding-bottom:7px;
}


body {line-height: 1;}

ol#tabs, ul#tabs, ol#nav ul#nav {
  list-style: none;
  padding:0;
  font-size:100%;
  line-height:1em;
  color:inherit;
  margin:0;
}

ol#tabs li, ul#tabs li, ol#nav, ul#nav {
  padding:0;
}

blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}

:focus {outline: 0;}

ins {text-decoration: none;}
del {text-decoration: line-through;}

table {border-collapse: collapse;border-spacing: 0;}

/*Global*/
h1 {
  display: block;
  font-size: 2em;
  line-height: 25px;
  padding: 10px 0px;
}

h2{
  color: #000;
  font-size: 1.6em;
  font-weight: normal;
  margin-bottom: 25px;
}

h4 {
  color: #aaa;
  display: block;
  font-size: 1.2em;
  line-height: 25px;
  padding: 10px 0px 0px 10px;
}

a:link, a:visited {
  color: #8bc0e8;
}

.blueBox a {
  color:#EEE;
}

/* Base */
body {
  font-family: "Arial", sans-serif;
  font-size: 10px;
}
div#pageWrapper {
  margin: 15px auto;
  width: 975px;
  padding-bottom:50px;
}

/* Header */
div#header {
  background:#fff url("../../images/gamma/headerBg.png") top right no-repeat;
  height: 109px;
  margin-bottom: 22px;
  margin-left: -15px;
  width: 930px;
}

img#logo {
  display: block;
  float: left;
}

ul#nav, ul#nav li {
  background: #fff;
  display: inline;
  float: right;
  font-size: 1.2em;
  margin-top: 22px;
  padding-right: 7px;
}

ul#nav li {
  border-right: 1px solid #949494;
  margin-left: 7px;
}

ul#nav li a {
  color: #949494;
  font-weight: bold;
  text-decoration: none;
}

ul#nav li a:hover {
  text-decoration: underline;
}

ul#nav li:first-child {
  border-width: 0px;
}

/* Splashpage Content */
div#splashContent p {
  color: #707070;
  font-size: 1.2em;
  line-height: 1.7em;
}

dl#howItWorks dt {
  font-size: 2.2em;
  font-weight: bold;
}

dl#howItWorks dt span {
  color: #8bc0e8;
  display: block;
  float: left;
  width: 25px;
}

dl#howItWorks dd {
  font-size: 1.2em;
  line-height: 1.7em;
  margin-bottom: 2em;
  margin-left: 25px;
}

div#alertBox, div#carousel {
  background: url(/images/gamma/box_top_roundedLightOutline.png) top left no-repeat;
  font-size: 1.2em;
  padding: 10px 0px 0px 0px;
}

div#alertBox div, div#carousel div {
  background: url(/images/gamma/box_bottom_roundedLightOutline.png) bottom left no-repeat;
  padding: 0px 10px 10px 10px;
}

div#alertBox span {
  color: #faad18;
  font-weight: bold;
}

div#carousel div ul {
  height: 38px;
  list-style-type: none;
  overflow: hidden;
  width: 860px;
}

div#carousel div ul li {
  float: left;
  height: 38px;
  width: 80px;
  margin-right: 15px;
  text-align: center;
}

div#carousel div ul li img {
  vertical-align: middle;
}

div#tabBox {
  float:right;
  height:432px;
  margin-left:75px;
  margin-right:24px;
  width:288px;
}

ul#tabs li {
  background-position: bottom left;
  cursor: pointer;
  float: left;
  height: 58px;
  width: 144px;
}

ul#tabs li.active {
  background-position: top left;
}

li#tab_signUp {
  background: url(/images/gamma/signUp.png) no-repeat;
  cursor: pointer;
}

li#tab_logIn {
  background: url(/images/gamma/logIn.png) no-repeat;
}

div.blueBox {
  background: url(/images/gamma/box_bottom_tabBox.png) top left no-repeat;
  display:none;
  clear: left;
  height: 375px;
  margin-top: -2px;
  padding: 0px 18px;
}

div.blueBox.active {
  display: block;
}

div.blueBox h1 {
  font-size: 2.4em;
  font-weight: normal;
  line-height: 1.3em;
  padding-left: 2px;
}

div.blueBox label {
  display: block;
  font-size: 1.4em;
  font-weight: bold;
  margin: 5px 0px 0px 0px;
}

div.blueBox#logIn {
  padding-top: 15px;
}

div.blueBox input.text, div.blueBox input.pass {
  background: url(/images/gamma/input_text_blueBox.png) top left no-repeat;
  border-width: 0px;
  font-size: 1.6em;
  height: 22px;
  margin: 5px 0px 20px 0px;
  padding: 7px 10px;
  width: 230px;
}

div.blueBox input.submit {
  cursor: pointer;
  display: block;
  margin: 10px auto 0px auto;
  background: #f00;
}

div.blueBox a:link {
  color: #fff;
  display: block;
  font-size: 1.5em;
  margin: 0px auto 60px auto;
  text-align: center;
}

div.flash, #errorExplanation 
{
  margin: 8px 10px 8px 10px;
  border: 2px;
  border-style: solid;
}

div.flash
{
  padding: 10px 5px 10px 20px;
}

#errorExplanation
{
  padding: 5px 5px 5px 20px;
  color: #bb0011;
}

div.flash.error 
{
  border-color: #bb0011;
  color: #bb0011;
}

div.flash.notice 
{
  border-color: #eeaa33;
  color: #eeaa33;
}

.flash_message, .semiflash {
  display:block;
  margin:-5px 15px 10px 15px;
  padding: 10px 5px 10px 5px;
}

.flash_message.notice, .semiflash.notice {
  border: 1px solid #EBE165;
  background-color: #FFFEC7;
}

.flash_message.error, .semiflash.error {
  border: 1px solid #FF615B;
  background-color: #FFDDD1;
}

.flash_message.success, .semiflash.success {
  border: 1px solid #6DDD57;
  background-color: #E0FFD5;
}

.flash_message div.headline {
  font-weight:bold;
  margin-bottom: 2px;
}

.error_messages {
  margin: 2px 2px 2px 2px;
  padding: 5px 5px 5px 5px;
  border:1px solid #FF615B;
  background-color: #FFDDD1;
}

.error_messages .error_headline {
  font-weight:bold;
  font-size:1.2em;
}

ul.reasons {
  color: #707070;
}

div.clear {
  clear:both;
}