#body{background:#e8e8e8;color:#555555;}
body {
  background-color: white;
  color: #333;
  font-size: 14px;
  line-height: 18px;
  margin: 0;
  padding: 0;
}
#head{width:100%}
.banner{position:absolute;top:0;height:594px;width:inherit;min-width:948px;background:transparent url(/static/image/mtest4-light.jpg) no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover}
#head{zoom:1;position:relative;padding-bottom:50px;color:#fff;min-width:948px}
#head:before, #head:after{display:table;content:""}
#head:after{clear:both}
#head .container-wrapper{border-bottom:0;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;-ms-filter:progid:DXImageTransform.Microsoft.Shadow(Enabled=false);filter:progid:DXImageTransform.Microsoft.Shadow(Enabled=false);padding:0}
#head .content-wrapper{position:relative}
.banner-text{margin-top:20px;margin-bottom:20px;width:55%;float:left;height:258px;background:rgba(0,0,0,0.6);-moz-border-radius:20px;border-radius:20px;}
.main-title{margin-top:15px;margin-left:15px;width:530px;color:#08C;font:65px / 60px 'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:400;}
.main-caption{margin-left:15px;font-size:18px;font-family:Helvetica,Arial,sans-serif}
#head .sign-up{top:55px}
#head .bright{color:#fff;}
#head .main-caption a{color:lightBlue}
#head .main-caption a:hover{color:#cbf6ff}
#head .image{width:220px;height:150px;background-position:center;background-repeat:no-repeat;-moz-box-shadow: 2px 2px 4px 0; -webkit-box-shadow: 2px 2px 4px 0; box-shadow: 2px 2px 4px 0;}
#head input, #head select, #head textarea{
    color: #aaaaaa;
}
#head input[type=submit] {
    color: #ffffff;
}

#content {margin-top:70px;padding-bottom:20px;}
.join {background-color: #FE6E4C;}
.join h3{color:#EEE; font-weight: bold; padding: 3px;}
.gold { color:#FFD700; vertical-align:baseline;}
.grey { color:#AAA; vertical-align:baseline;}
.paragraph {margin-bottom: 10px;}
.rating {
  unicode-bidi: bidi-override;
  direction: rtl;
  text-align: left;
  vertical-align: baseline;
}
.rating > span {
  display: inline-block;
  position: relative;
  vertical-align:baseline;
  width: 1.1em;
}
.rating > span:hover:before,
.rating > span:hover ~ span:before {
   content: "\2605";
   position: absolute;
   left: 0;
   color: #FFD702;
   vertical-align: baseline;
}
form .required {
    font-weight: bold;
}
form .required label:after {
    color: #e32;
    content: '*';
    display:inline;
}
#tripMapContainer {
      width: 300px;
      width: 300px;
      height: 261px;
      border: 2px solid #AAA;
}
#push, {
        height: 130px;
}

.calculating {
    color: #aaaaaa;
}
.globalOption {
    display: inline-block;
}
.global .nav > li > a:hover, .global .nav > li > a:active {
  background-color: #3e8444;
}
a:hover span.globalLg, a:hover span.globalSm, a:hover span.globalOption {
    border-radius: 0.75em;
    color: #ffffff;
    background: #2cace3;
}
.globalLg {
    display:block;
    color: #2cace3;
    font-size: 1.2em;
    line-height: 1em;
    font-weight:bold;
}
.globalSm {
    display:block;
    color: #6e6e6e;
    font-size: 0.8em;
    line-height: 0.8em;
    font-weight: normal;
}
.dashbox {
    border: 5px solid #aeaeae;
    border-radius: 1em;
    padding: 2px 7px 2px 7px;
    margin-bottom: 10px;
}
.socialcircle {
  font-size:0.5em;
  line-height:0.5em;
  margin:0;
  color:#333333;
  vertical-align:baseline;
}
.circleblock {
  display:inline-block;
  vertical-align:baseline;
  line-height:1em;
  text-align: left;
  margin:0;
  padding-left:2px;
  margin-bottom:10px;
}
ul,footer {list-style:none;}
#footer a {
    color: #333333;
    text-decoration: none;
}
#footer a:link, #footer a:visited, #footer a:active {
    background: transparent;
}
#ident {
    margin-bottom: 10px;
}

#footer .copyright {
    font-weight: bold;
    color: 333333;
}
#footer #copyrightbox {
    border-top: 5px solid #333333;
    border-left: 5px solid #333333;
    padding: 0 0 0 5px;
}

#copyrightbox a {
    padding-left: 10px;
    margin-left: -10px;
    border-left: 5px solid #6e6e6e;
    padding-bottom: 3px;
}

#footer #copyrightbox a:hover, #footer #copyrightbox a:active {
    padding-left: 10px;
    margin-left: -10px;
    border-left: 5px solid #333333;
    font-weight: bold;
    color: 333333;
    background: #aeaeae;
}

#information ul > li:first-child {
    border-top: 5px solid #2cace3;
}

#footer #information li {
    margin:0;
    padding-left: 7px;
    border-left: 5px solid #9fcfe3;
}
#footer #information .heading {
    border-left: 5px solid #2cace3;
    font-weight: bold;
}

#footer #information li.selectable:hover, #footer #information li.selectable:active {
    color: #000000;
    border-left: 5px solid #2cace3;
    font-weight: bold;
    background: #9fcfe3;
}

#company ul > li:first-child {
    border-top: 5px solid #e00085;
}

#footer #company li {
    margin:0;
    padding-left: 7px;
    border-left: 5px solid #e087bc;
}
#footer #company .heading {
    border-left: 5px solid #e00085;
    font-weight: bold;
}

#footer #company li.selectable:hover, li.selectable:active {
    border-left: 5px solid #e00085;
    font-weight: bold;
    background: #e087bc;
}

#connect ul > li:first-child {
    border-top: 5px solid #f9e500;
}

#footer #connect li {
    margin:0;
    padding-left: 7px;
    border-left: 5px solid #faf296;
}
#footer #connect .heading {
    border-left: 5px solid #f9e500;
    font-weight: bold;
}

#footer #connect li.selectable:hover, li.selectable:active {
    border-left: 5px solid #f9e500;
    font-weight: bold;
    background: #faf296;
}
#footer {
        margin-top:30px;
}

.statusEdit { cursor: pointer; background:#eeeeee; }
.taskStatus { width: 160px; display:inline-block; }
.statusDark { color: #333333; font-weight: bold; }
.statusLight { color: #cccccc; font-weight: bold;}
.statusMed { color: #999999; font-weight: bold;}
.socialiconal { vertical-align:baseline;height:1em;}
.bioflag { vertical-align:baseline;height:1em;}
.dispflag { vertical-align:baseline;height:2.25em;border:1px solid #cccccc; }
.topflag { position:absolute;top:0;right:0; }
.topdelete { cursor:pointer;position:absolute;top:0;right:0;font-weight:bold;color:#aa0000; }
.abusedelete { cursor:pointer;position:absolute;top:0;right:0;font-weight:bold;color:#aa0000; }
.taskwrap { position:relative;}
.taskSocial {margin-top:0.5em;}
.respond { cursor: pointer; }
.message { position:relative; }
.abusereport { position:relative; }
.buttons { margin-bottom: 1em; }
.killme, .banme, .keepme, .protectme { display:inline-block;width:25%; }
.killme3, .keepme3, .protectme3 { display:inline-block;width:33%; }
.tag { margin: 0 0.2em 0 0.2em; padding: 0.3em 0.3em 0.3em 0.3em; background-color: rgba(224,135,188,0.5); font-size: 0.8em; text-transform: uppercase; vertical-align: baseline; }
#taskHistory { margin-top:1em; }
#taskBio { margin-top:1em; }
#taskDescription {font-style:oblique; margin-top: 0.5em; margin-bottom: 0.5em; }
#taskInformation { margin-top: 1em; }
#taskInfoFoot { border-top: 1px solid #333333; padding-top: 0.3em; }
#taskCommunicationFoot { border-top: 1px solid #333333; padding-top:0.3em; }
#messageWindow { overflow:hidden; overflow-y:scroll; height:300px; padding:1em;}
#messageWindow:hover {border-top: 1px solid #333333; border-left: 1px solid #333333; border-right: 1px solid #333333; }
#messageWrapper { margin:1em 1em 1em 1em; }
#abuseTaskWindow { overflow:hidden; overflow-y:scroll; height:300px; padding:1em;}
#abuseTaskWindow:hover {border-top: 1px solid #333333; border-left: 1px solid #333333; border-right: 1px solid #333333; }
#abuseTaskStream { margin:1em 1em 1em 1em; }
#abuseUserWindow { overflow:hidden; overflow-y:scroll; height:300px; padding:1em;}
#abuseUserWindow:hover {border-top: 1px solid #333333; border-left: 1px solid #333333; border-right: 1px solid #333333; }
#abuseUserStream { margin:1em 1em 1em 1em; }
#resolve-button { padding-top: 1em; padding-bottom: 1em; }
#amountRow { display: none; }
.tm-input-info { background-color: transparent; }

.twitter-typeahead .tt-query, .twitter-typeahead .tt-hint { margin-bottom: 0; }

.tt-suggestion { display: block; padding: 3px 20px; }

.tt-suggestion.tt-is-under-cursor { color: white; background-color: #428bca; }

.tt-suggestion.tt-is-under-cursor a { color: #fff; }

.tt-suggestion.tt-cursor { color: white; background-color: #428bca; }

.tt-suggestion p { margin: 0; }

.twitter-typeahead { width: 100%; }
.twitter-typeahead input {  }

.tt-dropdown-menu {
    width: 422px;
    margin-top: 12px;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}


#####
#####

.typeahead,
.tt-query,
.tt-hint {
  width: 396px;
  height: 30px;
  padding: 8px 12px;
  font-size: 24px;
  line-height: 30px;
  border: 2px solid #ccc;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  outline: none;
}

.typeahead {
  background-color: #fff;
}

.typeahead:focus {
  border: 2px solid #0097cf;
}

.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
  color: #999
}

.tt-dropdown-menu {
  width: 422px;
  margin-top: 12px;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
  padding: 3px 20px;
  font-size: 18px;
  line-height: 24px;
}

.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #0097cf;

}

.tt-suggestion p {
  margin: 0;
}

#tm.tt-hint.tm-input {
  background:none!important;
  display:none!important;
}

.tm-tag { color: #555555; background-color: whitesmoke; border: #bbbbbb 1px solid; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; display: inline-block; border-radius: 3px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; margin: 0 5px 5px 0; padding: 4px; text-decoration: none; transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; -webkit-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; vertical-align: middle; }
.tm-tag .tm-tag-remove { color: black; font-weight: bold; margin-left: 4px; opacity: 0.2; }
.tm-tag .tm-tag-remove:hover { color: black; text-decoration: none; opacity: 0.4; }
.tm-tag.tm-tag-warning { color: #945203; background-color: #f2c889; border-color: #f0a12f; }
.tm-tag.tm-tag-error { color: #84212e; background-color: #e69ca6; border-color: #d24a5d; }
.tm-tag.tm-tag-success { color: #638421; background-color: #cde69c; border-color: #a5d24a; }
.tm-tag.tm-tag-info { color: #4594b5; background-color: #c5eefa; border-color: #5dc8f7; }
.tm-tag.tm-tag-inverse { color: #cccccc; background-color: #555555; border-color: #333333; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset; }
.tm-tag.tm-tag-inverse .tm-tag-remove { color: white; }
.tm-tag.tm-tag-large { font-size: 16.25px; border-radius: 4px; padding: 11px 7px; }
.tm-tag.tm-tag-small { font-size: 11.05px; border-radius: 3px; padding: 2px 4px; }
.tm-tag.tm-tag-mini { font-size: 9.75px; border-radius: 2px; padding: 0px 2px; }
.tm-tag.tm-tag-plain { color: #333333; box-shadow: none; background: none; border: none; }
.tm-tag.tm-tag-disabled { color: #aaaaaa; background-color: #e6e6e6; border-color: #cccccc; box-shadow: none; }
.tm-tag.tm-tag-disabled .tm-tag-remove { display: none; }

input[type="text"].tm-input { margin-bottom: 5px; }

.control-group.tm-group { margin-bottom: 5px; }

.form-horizontal .control-group.tm-group { margin-bottom: 15px; }

.has-feedback .form-control-feedback { top: 1px; right:10px;}