
.box h2 { border-top:1px solid #3b5998; background-color:#d8dfea; padding:2px 8px; color:#3b5998; margin:0px; font-size:11px; }
.header { border-top:1px solid #3B5998; font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; font-weight: bold; color: #3B5998; text-align: left; background-color: #D8DFEA; padding: 2px 8px; margin: 0px; }
.subheader { border-bottom:1px solid #B7B7B7; font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; font-weight: normal; background-color: #F7F7F7; padding: 2px 8px; margin: 0px; }
.menu { position:relative; width:760px; height:60px; background:url(http://cache.mindjolt.com/static/image/header_bg.jpg) top right repeat; }
.message_green { COLOR: #003366; background: #33CC00; FONT-SIZE: 16px; FONT-FAMILY: Arial, Helvetica, sans-serif; font-weight: bold; }

.menu img { float:left; }
.menu .content { position:absolute; top:0px; right:10px; }
.menu .content a { color: #3B5998; }
.menu .links { position:absolute; top:41px; left:100px; }
.menu .links a { padding-left:8px; padding-right:12px; background:url(http://cache.mindjolt.com/static/image/header_menuspacer.jpg) center right no-repeat; }
.menu .links .first { padding-left:0px; }
.menu .links .last { background:none; }

.body_content_wrapper { width:760px; border:0 none; background-color:#FFFFFF }

.textsmall { color:#333333; font-size:11px; margin:0px; padding:0px;font-family:"lucida grande",tahoma,verdana,arial,sans-serif; }
.text { color:#333333; font-size:13px; margin:0px; padding:0px;font-family:"lucida grande",tahoma,verdana,arial,sans-serif; }
.textbig { color:#333333; font-size:17px; margin:0px; padding:0px;font-family:"lucida grande",tahoma,verdana,arial,sans-serif; }

.ourinputsubmit {
  padding: 7px 15px 8px 15px;
  border-style: solid;
  border-top-width: 1px;
  border-left-width: 1px;
  border-bottom-width: 1px;
  border-right-width: 1px;
  border-top-color: #D9DFEA;
  border-left-color: #D9DFEA;
  border-bottom-color: #0e1f5b;
  border-right-color: #0e1f5b;
  background-color: #3b5998;
  color: #FFFFFF;
  font-size: 11px;
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  text-align: center; }
a .ourinputsubmit, a:hover .ourinputsubmit {
  text-decoration: none
}
a.ourinputsubmit, a.ourinputsubmit:hover {
  text-decoration: none
}

.toggle_right {
    display: block;
    float:left;
    background:url("http://cache.mindjolt.com/static/image/bg-bean-rt-16.png") no-repeat right top;
    margin:0;
    padding:0;
}
.toggle_left {
    float: left;
    display:block;
    background:url("http://cache.mindjolt.com/static/image/bg-bean-lt-16.png") no-repeat left top;
    padding:0px 7px;
    color: white;
    height:16px;
    padding-top:1px;
}
.toggle_unselected { float:left; padding-top:1px; }
.toggle_seeMore { float:right; padding-top:1px; }

.pagination_prev, .pagination_next, .pagination_number, .pagination_current, .pagination_disabled { padding: 1px 1px 1px 1px; font-size: 100%;}
.pagination_prev, .pagination_next, .pagination_number { text-decoration: underline; }
.pagination_disabled { color: grey; }

#bookmark .UIButton {
    margin-left:5px;
    margin-right:0
}

.fbUiButton {
    display: block;
    cursor: pointer;
    color: #333333;
    background-color: #efefef;
    border-width: 1px;
    border-style: solid;
    border-color: #999999 #999999 #888888;
    font: bold 11px 'Lucida Grande',Tahoma,Verdana,Arial,sans-serif;
    margin: 0;
    padding: 3px 6px 2px 6px;
    white-space: nowrap;
    vertical-align: middle;
}

#account_progress_bar {
  margin: 0;
  padding: 0;
  border: 0px none;
  position: relative;
  top: 0;
  left: 0;
  width: 755px;
  height: 135px;
  background-image: url('http://cache.mindjolt.com/static/image/account_progress_bar/progress_bar_bg.png');
  float:left;
}
#account_progress_bar_image_preload {
  display: none
}
#account_progress_bar_fill_incomplete {
  display: block;
  position: absolute;
  top: 55px;
  height: 25px;
  background-image: url('http://cache.mindjolt.com/static/image/account_progress_bar/progress_indicator_fill_incomplete.png');
  background-repeat: repeat-x
}
#account_progress_bar_percent_img {
  display: block;
  border: none;
  position: absolute;
  top: 47px
}
#account_progress_bar_buttons {
  position: absolute;
  left: 111px;
  top: 100px;
  width: 644px;
  height: 30px
}
#account_progress_bar .button {
  width: 125px;
  height: 34px;
  float: left;
  position: relative;
  text-align: center
}
#account_progress_bar .button_img {
  width: 115px;
  height: 21px;
  margin-left: auto;
  margin-right: auto
}
#account_progress_bar .button_border_left {
  width: 1px;
  height: 34px;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #DCDCDC;
}
#account_progress_bar .button_border_right {
  width: 1px;
  height: 34px;
  position: absolute;
  left: 124px;
  top: 0;
  background-color: #AEAEAE;
}
#account_progress_bar .button_border_bottom {
  width: 125px;
  height: 10px;
  position: absolute;
  left: 0;
  top: 24px;
  background-image: url('http://cache.mindjolt.com/static/image/account_progress_bar/incomplete_button_border_bottom.png');
  background-repeat: repeat-x
}

/******
 style elements for new "progress bar" authorize button
*******/

.alert-progress {
  font-family: "Lucida Grande",Tahoma,Verdana,Arial,sans-serif; 
  padding:12px;
  width:720px;
  background:#eceff5;
  border:1px dashed #c2c9d8;
  font-size:14px;
  margin: 0 0 20px 0;
}
.alert-progress strong {
    display:inline;
    max-width:330px;
    padding:0;
    margin:0;
    float:left;
}
.alert-progress .like-wrap {
    background:#fff;
    padding: 5px 5px 3px 5px;
    float:right;
    margin: 0;
    border:1px solid #d4d9e4;-webkit-border-radius:5px;-moz-border-radius:5px;
}
.clear {
    clear:both;
    height:0;
    font-size:0;
}
.fb-button {
    margin: 0 0 0 10px;
    background: #eee url('http://cache.mindjolt.com/static/image/btn.gif') repeat 0px 0px;
    border:1px solid #888;
    cursor: pointer;
    display:inline-block;
    font-size: 11px;
    font-weight: bold;
    line-height: normal;
    padding: 2px 6px;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
    color:#888;
}
.fb-button:active {
    background:#ddd;
}
.fb-button i {
    height: 14px;
    width: 9px;
    background: url('http://cache.mindjolt.com/static/image/lock.png') 0 2px no-repeat;
    display: inline-block;
    margin-right: 6px;
}
.fb-button span {
    vertical-align: top;
    background: none;
    border: 0px;
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    margin: 0px;
    outline: none;
    padding: 1px 0px 2px;
    white-space: nowrap;
}
