/* GLOBAL STYLES
    -------------------------------------------------- */
    /* Padding below the footer and lighter body text */

    body {
        font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
        background: #fff url(/Images/scroll_narrow.png) 50% -10px no-repeat fixed;
        background-position: right;
        line-height: 150%;
    }

    h1,
    .brand .logotext,
    .pageContent .sectionHead {
        font-family: 'Droid Serif', Georgia, Times, serif;
        font-weight: normal;
    }
    /* Logo Styles
    --------------------------- */
    .navbar .brand  { /* the logo text */
        color: #514e4e;

    }

    .navbar-inverse .nav > li > a{/* the menu text */
        color: #ee1414;
    }
    .nav > li > a:hover {/* the sign in link*/
        color: #ee1414;
        background-color: #f5f5f5;
    }
    .brand .logotext {
        font-size: 24px;
    }    
    .brand .shin {
        font-size: 32px;
        font-family: serif;
    }

/* Nav bar styles Overrides
---------------------------------------------------------------------------*/

.navbar .nav {
    margin: 0px;
}

.navbar-inverse .navbar-inner {
    background-color: rgba(0,0,0,.065);
    background-image: none;
}


.wezNav{
 xxposition:fixed;
 margin-top:10px;
 
}
.publicNav{
    max-width:70%; 
    display: inline-block;
    width:100%;
}
.secondNav
{
    display: inline-block;
  
    margin:2px 0px 0px 20px;
    position:absolute;
}
.secondNav .btn-large
{
    text-shadow:1px 1px 2px #333333;
   
    }


.secondNav li{

  height:40px;
   
  }
.nav.secondNav > li > a {

   display:inline-block;
   
  }
  
  /* Sign in box
----------------------------------------------------*/
  .loginInfo{
      text-align:left;
      }
      
      .loginInfo p{
          text-align:right;
          margin:0px;
          font-size:12px;
          }
          
      .loginInfo label{
          display:inline-block;
           font-size:12px;
          }
      .loginInfo input[type='checkbox']{
          vertical-align:top;
          }
      .loginInfo input[type='text'],
      .loginInfo input[type='password']{
          width:100px;
          vertical-align:top;
          }
      .loginInfo p.submitButton
      {
          margin-bottom:10px;
          }
          

          
          /** Logged in styles **/
          
.dropdown-menu {
  
            right: 0px;
            margin-top: -10px;
            z-index: 1000;
            }
          .loggedIn .dropdown-menu
          {
              margin-left:70px;
              max-width:100px;
              margin-top:0px;
              
              }
              
              
              .dropdown-menu:after {
                border-bottom: 6px solid #FFFFFF;
                border-left: 6px solid transparent;
                border-right: 6px solid transparent;
                content: "";
                display: inline-block;
                right: 10px;
                position: absolute;
                top: -6px;
            }
          


/* Content
--------------------------------------------------------*/
.pageContent{
  -webkit-border-radius: 8px 8px 8px 8px;
     -moz-border-radius: 8px 8px 8px 8px;
          border-radius: 8px 8px 8px 8px;
  -webkit-box-shadow: 2px 5px 7px rgba(0, 0, 0, 0.5);
     -moz-box-shadow: 2px 5px 7px rgba(0, 0, 0, 0.5);
          box-shadow: 2px 5px 7px rgba(0, 0, 0, 0.5);
          margin-bottom:10px;
}

    /* MARKETING CONTENT
    -------------------------------------------------- */
.marketingContent{
 min-height: 80px;
 color: #ffffff;
 
}

.marketingContent h1{
  padding-left:20px;
  font-size: 18px;
  font-weight: normal;
  -webkit-text-shadow: 1px 1px 2px #000000;
    -moz-text-shadow: 1px 1px 2px #000000;
         text-shadow: 1px 1px 2px #000000;
  line-height:140%;
  margin:0px 0px 30px 0px;
}    

.author{font-size:80%}
.signin{
    text-align:right;
    font-size:11px;
    }
.signin > span{
    color:#dddddd;
      
}
    /* Body Styles
    ------------------------- */
.pageContent{
 background: #e1e9ec ;
 background: rgba(225,233,236,.8);
 
 padding:10px;
 min-height: 400px;
}
    .pageContent .sectionHead{
     font-size: 36px;
     font-weight: normal;
     text-align: center;
     color: #333333;
    }

    .pageContent .section{
     background: #ffffff;
     padding:5px;
     border:1px solid  #e4e6e7;
        -webkit-border-radius: 6px;
         -moz-border-radius: 6px;
              border-radius: 6px;
     margin-bottom:20px;
     min-height:275px;
     overflow:auto;
    }
.leftColumn
{
    min-height:200px;
    }
.subhead{
 xxfont-size: 22px;
 xxfont-weight: bold;

}

.footer
{
    height:120px;
    
    font-size:12px;
    }
    .footerbkd
    {
        background:#000000;
        opacity:.8;
        filter: alpha(opacity=80); 
        position:absolute;
        width:100%;
        height:30px;
        z-index:0
        }
        .footerContent
        {
            position:relative;
            z-index:1;   
            color:#eeeeee;
            padding:0px 10px;
            line-height:30px;
          }
          .footerContent a{
              margin:0px 5px;
          }
    
    /* RESPONSIVE CSS
    -------------------------------------------------- */

    @media (max-width: 979px) and (min-width: 767px) {
        .secondNav .btn-large{
            font-size: 14px;
            padding: 11px 12px;
          -webkit-border-radius: 4px;
             -moz-border-radius: 4px;
                  border-radius: 4px
                  }
            .publicNav {
                max-width: 60%;
            }
    }


    @media (max-width: 767px) and (min-width:480px) {
        .publicNav {
                max-width: 60%;
            }

        .marketingContent h1 {
            font-size:24px;
        }
        
        .pageContent .sectionHead {
   
            font-size: 28px;
   
        }
        .secondNav{margin-left:5px;}
        .secondNav .btn-large 
        {font-size: 13px;
         margin-top:3px;
            padding: 8px 5px;
          -webkit-border-radius: 4px;
             -moz-border-radius: 4px;
                  border-radius: 4px;
                  }
           
            }

    @media (max-width: 480px) {
        .marketingContent h1 {
        font-size:17px;
        line-height:24px;
        text-align:center;
        }
        .pageContent .sectionHead {
        font-size: 24px;
        }
        .publicNav
        {max-width:100%}
    
        .secondNav.public 
        {left:0px;top:150px;
         text-align:center;
         }
          .secondNav.loggedIn 
        {position:relative;
             text-align:center;
         margin:0px auto 10px auto;
         }
        .marketingContent
        {
        margin-top:-20px;
        line-height:120%;
        }
        .signin{
            text-align:center;
            font-size:14px;
        }

.signin > span{
    color:#000000;
      
}

.btn-primary {
    background-color: #006DCC;
    background-image: linear-gradient(to bottom, #0088CC, #0044CC);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    position:relative;
    margin:auto;
}

    }
  /* register page
  -------------------------------------------------------*/
  .accountInfo{margin:20px 0px;}
  .accountInfo .submitButton{
      padding-left:180px;
      }
  .rightsidepanel
  {
      width:30%;
      margin-right:20px;
       color:#666666;
      }
   .submitButton small
   {display:block;
    margin-top:20px;
       }
     
    /* Charities
    ----------------------------------------------------*/
.charities .section
{
    min-height:375px;
}  
    /* Charities
    ----------------------------------------------------*/
.FPS .section
{
    min-height:275px;
}  
        
        /* Sidenav for Docs
-------------------------------------------------- */

.bs-docs-sidenav {
  width: 228px;
  margin: 30px 0 0;
  padding: 0;
  background-color: #fff;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
     -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
          box-shadow: 0 1px 4px rgba(0,0,0,.065);
}
.bs-docs-sidenav > li > a {
  display: block;
  width: 190px;
  margin: 0 0 -1px;
  padding: 8px 14px;
  border: 1px solid #e5e5e5;
}
.bs-docs-sidenav > li:first-child > a {
  -webkit-border-radius: 6px 6px 0 0;
     -moz-border-radius: 6px 6px 0 0;
          border-radius: 6px 6px 0 0;
}
.bs-docs-sidenav > li:last-child > a {
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
}
.bs-docs-sidenav > .active > a {
  position: relative;
  z-index: 2;
  padding: 9px 15px;
  border: 0;
  text-shadow: 0 1px 0 rgba(0,0,0,.15);
  -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
     -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
          box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
}
/* Chevrons */
.bs-docs-sidenav .icon-chevron-right {
  float: right;
  margin-top: 2px;
  margin-right: -6px;
  opacity: .25;
}
.bs-docs-sidenav > li > a:hover {
  background-color: #f5f5f5;
}
.bs-docs-sidenav a:hover .icon-chevron-right {
  opacity: .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 {
  position: absolute;
  top: auto;
  bottom: 270px;
}


/* Instructions
----------------------------------------------------------------------*/

.gettingStarted .dl-horizontal dt {
    clear: left;
    float: left;
    overflow: hidden;
    text-align: left;
    white-space: normal;
    width: 190px;
    padding:5px;
}

.gettingStarted .dl-horizontal dt h1 {
margin-bottom: 0;
font-size: 52px;
letter-spacing: -1px;
color: #3A87AD;
float:left;
margin-right:5px;
line-height:30px;
}

.well a{white-space:nowrap;}    

img.scroll
{
    float:left;
    margin:0px 10px 10px 0px;
    width:250px;
    }
 .failureNotification .alert{   
    max-width:400px;margin-top:10px;
    }