﻿/* Change default anchor colors */
a {
  color: #335;
  text-decoration: underline;
}
a:hover,a:focus {
  color: #669;
  text-decoration: none;
}

/* Override h2 sizing on this site */
h2,
.h2 {
  font-size: 1.75em;
}

/* set a max-width for carousel and make it centered */
/* This will do for now; if I want this fixed for multiple screen sizes
   I'll need to get into the .less files :)? */
div.c-wrapper{
    width: 100%; /* for example */
    margin: auto;
}

.carousel-inner > .item > img, 
.carousel-inner > .item > a > img{
width: 100%; /* use this, or not */
margin: auto;
}

/* carousel text background color */
.carousel-caption {background: rgba(0,0,0,0.3); padding-bottom:5px; margin-bottom:-15px}
.carousel-indicators {bottom:-35px;}
.carousel-inner {margin-bottom:30px;}

/* carousel links */
.carousel-caption a:link{color:#fff;text-decoration:underline;}
.carousel-caption a:hover{color:#fff;text-decoration:none;}

/* carousel text */
.carousel-caption p{font-size: 120%;}
.carousel-caption h1{margin:0 auto; padding:0;}

/* Sets body width for large screens; but not carousel */
@media (min-width: 1200px) {
  .container {
    width: 970px;
  }
}

/*navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #0276A5; */
  
/* FLBS navbar-custom */
/*.navbar-FLBS li a {line-height: 60px;height: 60px;padding-top: 0;}*/
.navbar-FLBS .umlogo {line-height: 20px;height: 20px;padding-top: 0;}
.navbar-header a img {margin-top:-13px;}
.navbar-FLBS{background-color:#f8f8f8;border-color:#e7e7e7}
.navbar-FLBS .navbar-brand{color:#4e4e4e}
.navbar-FLBS .navbar-brand:focus,.navbar-FLBS .navbar-brand:hover{color:#5e5e5e;background-color:transparent}
.navbar-FLBS .navbar-nav>li>a,.navbar-FLBS .navbar-text{color:#4e4e4e}
.navbar-FLBS .navbar-nav>li>a:focus,.navbar-FLBS .navbar-nav>li>a:hover{color:#333;background-color:transparent}
.navbar-FLBS .navbar-nav>.active>a,.navbar-FLBS .navbar-nav>.active>a:focus,.navbar-FLBS .navbar-nav>.active>a:hover{color:#4e4e4e;background-color:#e7e7e7}
.navbar-FLBS .navbar-nav>.disabled>a,.navbar-FLBS .navbar-nav>.disabled>a:focus,.navbar-FLBS .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}
.navbar-FLBS .navbar-toggle{border-color:#ddd}.navbar-FLBS .navbar-toggle:focus,.navbar-FLBS .navbar-toggle:hover{background-color:#ddd}
.navbar-FLBS .navbar-toggle .icon-bar{background-color:#4e4e4e}.navbar-FLBS .navbar-collapse,.navbar-FLBS .navbar-form{border-color:#e7e7e7}
.navbar-FLBS .navbar-nav>.open>a,.navbar-FLBS .navbar-nav>.open>a:focus,.navbar-FLBS .navbar-nav>.open>a:hover{color:#4e4e4e;background-color:#e7e7e7}
@media (max-width:767px)
{
    .navbar-FLBS .navbar-nav .open .dropdown-menu>li>a{color:#4e4e4e}
    .navbar-FLBS .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-FLBS .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}
    .navbar-FLBS .navbar-nav .open .dropdown-menu>.active>a,.navbar-FLBS .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-FLBS .navbar-nav .open .dropdown-menu>.active>a:hover{color:#4e4e4e;background-color:#e7e7e7}
    .navbar-FLBS .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-FLBS .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-FLBS .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}
}
.navbar-FLBS .navbar-link{color:#4e4e4e}.navbar-FLBS .navbar-link:hover{color:#333}
.navbar-FLBS .navbar-nav>li>a.donations{color:#333}
.navbar-FLBS .navbar-nav>li>.donations>a:focus,.navbar-FLBS .navbar-nav>li>.donations>a:hover{color:#DF7401;background-color:transparent}


/* Center column*/
.center-block {
  float:none; /* added by jn */
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.center {float: none;margin-left: auto;margin-right: auto;}


/* Override body */
body 
{
    /*background-color: #0276A5; */
      /*color: #FFF;  */
}

/* Responsive Divider bar */
 /* Portrait tablet to landscape and desktop */
 @media (min-width: 768px) and (max-width: 979px) {
    .divider {
    *width: 100%;
    height: 1px;
    margin: 9px 1px;
   *margin: -5px 0 5px;
    overflow: hidden;
   background-color: #99f;
   border-bottom: 1px solid #ffffff;
     }
     }
 @media (min-width: 600px){
   .divider {
    *width: 100%;
    height: 1px;
    margin: 9px 1px;
   *margin: -5px 0 5px;
   overflow: hidden;
   background-color: #99F;
   border-bottom: 1px solid #ffffff;
  }
  }
 /* Landscape phones and down */
  @media (max-width: 480px) {
   .divider {
   *width: 100%;
   height: 1px;
   margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #99F;
  border-bottom: 1px solid #ffffff;
  }
  }
  
  .alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
  padding: 0 4px;
}

/* FLBS Text mods */
/* footer text and links */
.whitetxt{ color:#FFF}
.whitelink { color:#FFF}
.whitelink:a { color:#FFF}
.whitelink:link { color:#FFF;text-decoration: underline}
.whitelink:hover{ color:#FFA; text-decoration: none}
.whitelink:visited{ color:#FFF; text-decoration: none}
.whitelinkreverse { margin:0 10px}
.whitelinkreverse:link { color:#FFF; text-decoration:underline}
.whitelinkreverse:hover{ text-decoration: none}
	
	
/* Validators */
.validator_style1{color:#900000; margin:4px auto; padding:4px;}

/* Buttons */
.btn-style1{ margin: 10px 20px; padding:4px; font-size:14px;}

/* FLBS Logo */
.um-logo{width:100%;max-width:198px}
.flbs-logo{width:100%;margin: 10px 0 0 10px}
@media (max-width: 480px) 
{
.um-logo {max-width: 198px; height: auto}
.flbs-logo{margin: 10px 0 0 0; max-width:120px; height:auto}
}

	
/* Border radius settings from border-radius.com for Webkit, Gecko, CSS3 */
.borderradius-tltr-6{
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;	
}	

.borderradius-blbr-6{	
-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}

.borderradius-tl-6{
-webkit-border-top-left-radius: 6px;
-moz-border-radius-topleft: 6px;
border-top-left-radius: 6px;
}

/* Gridview style 1 */
.mGrid { 
    width: 100%; 
    background-color: #fff; 
    margin: 5px 0 10px 0; 
    border: solid 1px #525252; 
    border-collapse:collapse; 
}
.mGrid td { 
    padding: 2px; 
    border: solid 1px #c1c1c1; 
    color: #717171; 
}
.mGrid th,th>a,td>a { 
    padding: 4px 2px; 
    color: #ffffff; 
    background: #424242 url(../Images/grd_head.png) repeat-x top; 
    border-left: solid 1px #525252; 
    font-size: 0.9em; 
}
.mGrid .alt { background: #fcfcfc url(../Images/grd_alt.png) repeat-x top; }
.mGrid .pgr { background: #424242 url(../Images/grd_pgr.png) repeat-x top; }
.mGrid .pgr table { margin: 5px 0; }
.mGrid .pgr td { 
    border-width: 0; 
    padding: 0 6px; 
    border-left: solid 1px #666; 
    font-weight: bold; 
    color: #fff; 
    line-height: 12px; 
 }   
.mGrid .pgr a { color: #eee; text-decoration: none; }
.mGrid .pgr a:hover { color: #eee; text-decoration: none; }

/* Gridview style 1 */
.mGrid2 { 
    width: 100%; 
    margin: 5px 0 10px 0; 
    border: solid 1px #525252; 
    border-collapse:collapse; 
}
.mGrid2 td { 
    padding: 2px; 
}
.mGrid2 th,th>a,td>a { 
    padding: 4px 2px; 
    font-size: 0.9em; 
    color: #333; 
    background: none;
    border: none;
}
    .mGrid2 th.header1 {
        text-align:center;
        color:#FFFFFF;
    } 

/* Calendar Extender formatting for Master/Child Page AJAX Popup Calendar Styling Issue */
.calExtender .ajax__calendar_container { border:1px solid #646464; background-color: white; color: black; width:210px; z-index:100 }
.calExtender .ajax__calendar_container { border:1px solid #646464;background-color: white; color: black;width:210px; }
.calExtender .ajax__calendar_body{width:100%}
.calExtender .ajax__calendar_other .ajax__calendar_day,.calExtender .ajax__calendar_other .ajax__calendar_year { color: black}
.calExtender .ajax__calendar_day,.calExtender .ajax__calendar_hover .ajax__calendar_month,.calExtender .ajax__calendar_hover .ajax__calendar_year { color: black; width:20px}
.calExtender .ajax__calendar_active .ajax__calendar_day,.calExtender .ajax__calendar_active .ajax__calendar_month,.calExtender .ajax__calendar_active .ajax__calendar_year { color: black;font-weight:bold}
.calExtender .ajax__calendar_hover { cursor:pointer; cursor:hand; background-color:#DAA520}

/* Navigation tabs*/
#tabRepeater td{ text-align:left}
.Tabs a {font-size:1.2em; color:#555; background-color:#ffffff; margin:0 1em}
.TabSelected a {font-size:1.2em; color:#555; padding:.125em .5em; text-decoration:none; background-color: #d3e2fe}

/* Disabled button */
.disabled {
  opacity: 0.65; 
  cursor: not-allowed;
}
.enabled {
  opacity: 1;
  cursor: pointer;
}
.disabled-faded {
  opacity: 0.3; 
  cursor: pointer;
}

/* Override default form-control box height*/
.form-control {padding: .25rem .5rem}

/* Override default Bootstrap DDL height */
.ddl-sm-ht-1 {line-height:1 !important; height:1.75rem !important;}

/* Master page message div */
.MessagePanelDiv 
{
    position:fixed;
    left: 35%;
    top:0;
    width:35%;
    z-index:1000000;
    margin:4px auto;
    text-align:center;
}

.close {text-decoration:none}

.resource-block {float:left; white-space:nowrap; font-size:.9rem; margin:.375rem .125rem;padding:6px 10px; border-radius:4px; background-color:#778ca3; color:#ffffff}

