body {
        padding-top: 60px;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
      }

    .vertical-text {
        background: #e23737 none repeat scroll 0 0;
        display: inline-block
        border: 1px solid #b52c2c;
        box-shadow: 2px -2px 0 rgba(0, 0, 0, 0.1);
        color: #fff;
        text-transform: uppercase;
        transform: rotate(90deg);
    }
      /* Custom container */
      .container {
        margin: 0 auto;
        max-width: 1000px;
      }
      .container > hr {
        margin: 60px 0;
      }

      /* Main marketing message and sign up button */
      .jumbotron {
        margin: 80px 0;
        text-align: center;
      }
      .jumbotron h1 {
        font-size: 100px;
        line-height: 1;
      }
      .jumbotron .lead {
        font-size: 24px;
        line-height: 1.25;
      }
      .jumbotron .btn {
        font-size: 21px;
        padding: 14px 24px;
      }

      /* Supporting marketing content */
      .marketing {
        margin: 60px 0;
      }
      .marketing p + h4 {
        margin-top: 28px;
      }


      /* Customize the navbar links to be fill the entire space of the .navbar */
      .navbarfull .navbar-inner {
        padding: 0;
      }
      .navbarfull .nav {
        margin: 0;
        display: table;
        width: 100%;
      }
      .navbarfull .nav li {
        display: table-cell;
        width: 1%;
        float: none;
      }
      .navbarfull .nav li a {
        font-weight: bold;
        text-align: center;
        border-left: 1px solid rgba(255,255,255,.75);
        border-right: 1px solid rgba(0,0,0,.1);
      }
      .navbarfull .nav li:first-child a {
        border-left: 0;
        border-radius: 3px 0 0 3px;
      }
      .navbarfull .nav li:last-child a {
        border-right: 0;
        border-radius: 0 3px 3px 0;
      }
      .center {
        float: none;
        margin-left: auto;
        margin-right: auto; 
      }
            .movefromtop10{
      padding-top: 10px;
      }
            .movefromtop20{
      padding-top: 20px;
      }
            .movefromtop30{
      padding-top: 30px;
      }
            .movefromtop40{
      padding-top: 40px;
      }
            .movefromtop50{
      padding-top: 50px;
      }
            .movefromtop60{
      padding-top: 60px;
      }
      .movefromtop70{
      padding-top: 70px;
      }
      .movefromtop100{
      padding-top: 200px;
      }
      .movefromtop200{
      padding-top: 200px;
      }
      .movefromtop350{
      padding-top: 200px;
      }
      .movefromtop400{
      padding-top: 400px;
      }
      .mainsearch {
          font-size: 20px;
          height: 33;
      }
      
      
            /* Override some defaults */
      html, body {
        background-color: #eee;
      }
      body {
        padding-top: 40px; /* 40px to make the container go all the way to the bottom of the topbar */
      }
      .container > footer p {
        text-align: center; /* center align it with the container */
      }
      .container {
        width: 820px; /* downsize our container to make the content feel a bit tighter and more cohesive. NOTE: this removes two full columns from the grid, meaning you only go to 14 columns and not 16. */
      }

      /* The white background content wrapper */
      .container > .content {
        background-color: #fff;
        padding: 20px;
        margin: 0 -20px; /* negative indent the amount of the padding to maintain the grid system */
        -webkit-border-radius: 0 0 6px 6px;
           -moz-border-radius: 0 0 6px 6px;
                border-radius: 0 0 6px 6px;
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
           -moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
                box-shadow: 0 1px 2px rgba(0,0,0,.15);
      }

      /* Page header tweaks */
      .page-header {
        background-color: #f5f5f5;
        padding: 20px 20px 10px;
        margin: -20px -20px 20px;
      }

      /* Styles you shouldn't keep as they are for displaying this base example only */
      .content .span10,
      .content .span4 {
        min-height: 500px;
      }
      /* Give a quick and non-cross-browser friendly divider */
      .content .span4 {
        margin-left: 0;
        padding-left: 19px;
        border-left: 1px solid #eee;
      }

      .topbar .btn {
        border: 0;
      }
      
      .icon-facebook {
    background-image: url("/Content/png/fb-login.png");
    background-position: center center;
    }


.button.medium {
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    padding: 7px 15px;
}

.button.small {
    font-size: 10px;
    font-weight: bold;
    line-height: 14px;
    padding: 7px 15px;
}
    .button.fb-connect {
    background: url("/Content/png/fb-connect.png") no-repeat scroll 0 bottom transparent;
    color: #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    padding-left: 40px;
        float: right;
}

.bs-docs-example {
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 4px 4px 4px 4px;
    margin: 15px 0;
    padding: 5px 5px 5px;
    position: relative;
}


.bs-docs-sidenav {
    background-color: #FFFFFF;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
    margin: 30px 0 0;
    padding: 0;
    width: 228px;
}
.bs-docs-sidenav > li > a {
    border: 1px solid #E5E5E5;
    display: block;
    margin: 0 0 -1px;
    padding: 8px 14px;
}
.bs-docs-sidenav > li:first-child > a {
    border-radius: 6px 6px 0 0;
}
.bs-docs-sidenav > li:last-child > a {
    border-radius: 0 0 6px 6px;
}
.bs-docs-sidenav > .active > a {
    border: 0 none;
    box-shadow: 1px 0 0 rgba(0, 0, 0, 0.1) inset, -1px 0 0 rgba(0, 0, 0, 0.1) inset;
    padding: 9px 15px;
    position: relative;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
    z-index: 2;
}
.bs-docs-sidenav .icon-chevron-right {
    float: right;
    margin-right: -6px;
    margin-top: 2px;
    opacity: 0.25;
}
.bs-docs-sidenav > li > a:hover {
    background-color: #F5F5F5;
}
.bs-docs-sidenav a:hover .icon-chevron-right {
    opacity: 0.5;
}
.bs-docs-sidenav .active .icon-chevron-right, .bs-docs-sidenav .active a:hover .icon-chevron-right {
    background-image: url("../img/glyphicons-halflings-white.png");
    opacity: 1;
}
.bs-docs-sidenav.affix {
    top: 40px;
}
.bs-docs-sidenav.affix-bottom {
    bottom: 270px;
    position: absolute;
    top: auto;
}
.bs-docs-container {
    max-width: 970px;
}
.bs-docs-sidenav {
    width: 200px;
}
.bs-docs-sidenav > li > a {
}
.compactdatum {
    margin-left: 20px;
}

#map {
    height: 500px;
}

.fs-tweet {

    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
    min-height: 40px;
}
.fs-toolbar {
    margin-bottom: 16px;
    margin-left: 16px;
    margin-right: 16px;
    position: relative;
}
.fs-toolbar .fs-container.fs-left {
    float: left;
}

.fs-toolbar .fs-container.fs-right {
    float: right;
    height: 100%;
}
.fs-toolbar .fs-container.fs-left li.fs-action {
    border-right: 1px solid #E6E6E6;
    padding: 6px 16px;
}
.control-label2 {
    float: left;
    padding-top: 5px;
    text-align: left;
    width: 160px;
}
.form-horizontal .profiledisplay {
  margin-bottom: 5px;
  *zoom: 1;
}

.form-horizontal .control-label-2 {
    float: left;
    padding-top: 5px;
    padding-left: 15px;
    text-align: left;
    width: 30px;
}

.form-horizontal .controls-2 {
    margin-left: 20px;
}


.up {
    background-color: #C6FFC6 !important;
}
.down {
    background-color: #FFB2D1 !important;
}
.changeside {
    background-color: #FF3300 !important;
}

.blocked {
    background-color: #000000 !important;
    color: #ff3300;
}