img {border-width: 0}
* {font-family:'Lucida Grande', sans-serif; }

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {
  border: 0 none;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

body {
  background: none repeat scroll 0 0 #FFFFFF;
  color: #222222;
  font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;
  font-size: 75%;
  line-height: 1.5;
}

#navigation {
  background: url("/images/header_lb_bg.png") repeat-x scroll left top #22435C;
  height: 50px;
}

.nav_left {
  padding-top: 5px;
  width: 240px;
  float: left;
  margin-right: 10px;
  /* color: #ffffff; */
  color: #22435C;
  font-size: 1.7em;
}

.nav_left img {
  vertical-align: middle;
}

.nav_right {
  padding: 20px 0 0;
  text-align: right;
  width: 600px;
  float: left;
  padding-right: 0;
}

.nav_right a {
  /* color: #eeeeff; */
  color: #22435C;
  font-weight: normal;
}

#header {
  background: url("/images/header_lb_bg.png") repeat-x scroll 0 -50px #22435C;
  height: 450px;
}

.header_left {
  float: left;
  width: 570px;
  padding-top: 35px;
}

.header_right {
  width: 300px;
  float: left;
  position: relative;
}

#main {
  background: url("/images/content_bg.png") repeat-x scroll left top #FFFFFF;
  color: #333333;
  padding: 0 0 60px;
  min-height: 300px;
}

.main_left {
  padding: 20px 40px 0 0;
  width: 450px;
  float: left;
  margin-right: 10px;
}

.main_right {
  width: 350px;
  margin-right: 0;
  float: left;
  padding: 20px 0 0 20px;
}

#main p {
  margin: 0 0 1.5em;
  font-size: 100%;
}

#main a:focus, a:hover {
  color: #000000;
}

#main a {
  color: #000099;
  text-decoration: none;
}

.content {
  font-size: 14px;
  width: 890px;
  display: block;
  margin: 0 auto;
}

#header h2 {
  /* color: #ffffff; */
  /* color: #22435C; */
  color: #000000;
  font-size: 40px;
  font-weight: bold;
  letter-spacing: -1px;
  line-height: 46px;
  margin-bottom: 20px;
}

#header h3 {
  /* color: #eeeeee; */
  /* color: #22435C; */
  color: #000000;
  line-height: 1.2;
  padding-right: 80px;
  font-size: 1.5em;
  font-weight: normal;
}

#main h3 {
  color: #113344;
  padding-top: 30px;
  font-size: 1.5em;
  line-height: 1;
  margin-bottom: 1em;
  font-weight: normal;
}

#try_it {
  position: relative;
  margin-top:40px;
}

.try_it_link {
  background: url("/images/try_it_now.png") no-repeat scroll -55px 0 transparent;
  display: block;
  height: 40px;
  width: 330px;
}

.try_it_breakout {
  background: url("/images/try_it_now.png") no-repeat scroll 0 0 transparent;
  display: block;
  height: 100px;
  left: -55px;
  position: absolute;
  top: 0;
  width: 55px;
}

#try_it_twitter {
  padding: 25px 0 0 5px;
  font-size 11px;
}

.confused_woman {
  background: url("/images/confused_woman2.png") no-repeat scroll left top transparent;
  display: block;
  left: -45px;
  position: absolute;
  top: 135px;
  height: 323px;
  width: 294px;
}

.thought_bubble {
  background: url("/images/bubble.png") no-repeat scroll left top transparent;
  display: block;
  left: 56px;
  position: absolute;
  top: 25px;
  height: 200px;
  width: 240px;
}

#stats {
  width: 300px;
  margin: 10px;
  padding: 10px;
  background-color: white;
  float: left;
}

#stats #title {
  background-color:lightgrey; 
  text-align:center; 
  padding: 5px 10px; 
}

      
      #profile {
        width: 890px;
        /* color: #013467; */
        margin: 0 10px 10px 0;
      }
      
      #profile a {
        color: #22435C;
        font-weight: normal;
      }
      
      .block {
        background: url("/images/box_right.gif") no-repeat scroll right top #FFFFFF;
        margin: 0 10px 10px 0;
        float: left;
      }
      
      .block-inner {
        background: url("/images/box_left.gif") no-repeat scroll left top transparent;
        float: left;
        width: 890px;
      }
      
      .block-footer {
        margin-top: 20px;
        background: url("/images/box_right.gif") no-repeat scroll right bottom #FFFFFF;
      }
      
      .block-footer-left {
        padding: 0 0 30px 15px;
        background: url("/images/box_left.gif") no-repeat scroll left bottom transparent;
      }

      #profile_right {
        width: 575px;
        margin-bottom: 15px;
        float: left;
        border-left: 1px solid #22435C;
        min-height:655px;
        max-height:655px;
      }
      
      #profile_left {
        display: block;
        width: 275px;
        min-height:400px;
        float: left;
        padding-left: 5px;
      }
      
      #profile #user {
        float: left;
        height: 60px;
        border-bottom: 1px solid #22435C;
        margin-bottom: 15px;
        width: 265px;
      }
      
      #user img { 
        float: left; 
        margin-right: 10px; 
      }
      
      #user p {
        padding-left: 4px;
      }
      
      .left {
        float: left;
      }
      
      .right {
        float: right;
        clear: right;
      }
      
      .center {
        text-align: center;
      }
      
      .clear {
        clear: both;
      }
      
      div .center {
        margin: 0 auto;
      }
      
      .pagination {
        font-size: 80%;
        text-align:center;
        width:300px;
        margin: 10px 0 0 10px;
      }
      
      .pagination a {
        /* text-decoration: none; */
      	/* border: solid 1px #AAE; */
      	/*color: #000;*/
      }
      
      .pagination a, .pagination span {
        display: block;
        float: left;
        padding: 0.1em 0.2em;
        margin-right: 5px;
      	margin-bottom: 5px;
      }
      
      .pagination .current {
        background: #26B;
        color: #fff;
      	/* border: solid 1px #AAE; */
      }
      
      .pagination .current.prev, .pagination .current.next{
      	color:#000;
      	/* border-color:#999; */
      	background:#fff;
      }
      
      #snapshots, #plots {
        margin-top: 10px;
        margin-right: 20px;
      }
      
      #snapshots p {
        font-size: .85em;
      }

      .fake_link {
        color: #22435C;
        font-weight: normal;
        text-decoration: underline;
        cursor: pointer;
      }
      
      .view_details {
        cursor: pointer;
      }
      
      #plots h2, 
      #snapshots h2,
      #changes h3
      {
        background-color: #eee;
        padding: 2px;
      }
      
      #profile_right h3.loss {
        background-color: #eee;
        padding:2px;
        margin-left:20px;
        text-align:center;
      }
      
      #profile_right h3.gain {
        background-color: #eee;
        padding:2px;
        margin-right:35px;
        text-align:center;
      }
      
      #changes img { 
        /* clear: left; */
        /* float: left; */
        /* margin-right: 10px; */
        margin-bottom: 5px; 
      }
      
      #changes p { 
        float: left; 
        margin-top: 5px; 
        font-size: 11px;
      }
      
      #changes .loss #info p {
        float: right;
      }
      
      #changes .gain #info p {
        float: left;
      }
      
      #changes ul {
        list-style: none outside none;
        width: 518px;
      }
      
      #changes ul li {
        display: inline;
        /* float: left; */
        padding: 5px 13px 5px 13px;
        width: 492px;
        /* background-color: #eee; */
        /* border-bottom: 1px black solid; */
      }
      
      #list_changes .loss {
        float: left;
        clear: both;
      }
      
      #list_changes .loss #logo {
        width: 100px;
        float: left;
      }
      
      #list_changes .loss #info {
        width: 195px;
        float: left;
      }
      
      #list_changes .gain {
        float: right;
        clear:both;
      }
      
      #list_changes .gain #logo {
        width: 100px;
        float: right;
      }
      
      #list_changes .gain #info {
        width: 195px;
        float: right;
      }
      
      #details {
        overflow-y: scroll; 
        padding:0 20px;
        min-height: 550px;
        max-height: 550px;
      }
      
      h3.loss, h3.gain {
        width: 120px;
      }
      
      h3.loss {
        /* padding: 5px 0 5px 36px; */
        /* text-align: left; */
      }
      
      h3.gain {
        /* padding: 5px 36px 5px 0; */
        /* text-align: right; */
      }
      
      .error {
        color: red;
      }
      
      input.error, select.error, textarea.error {
        border: 1px dotted red;
      }
      
      #main #options p {
        height: 3em;
      }
      
      #options #msg {
        border: 1px dashed red;
        background-color: lightpink;
        padding: 5px;
        margin: auto auto 10px;
        color: red;
        width: 300px;
      }