/* University Template over-ride
   Updated: 2013-02-18
   Launched: 2013-02-18
   ----------------------------------------------------*/

th {background:#002b5b; color:#fff;}
td {border:1px solid #444; padding:5px;}

.noborder td {border:0 !important; }
.noborder img {border:0 !important;}
.noborder tr:hover {background:transparent;}

.contracts table {margin-top:0;}
  .contracts form {margin:0 0;}
  .contracts table td,
  .contracts table th {padding:0.5em .25em; border:1px solid #002b5b;}
  .contracts table th { text-align:center; font-weight:normal;}
  .contracts table th h2 {font-size:1.25em; padding:0 1em; margin-top:0; font-family:helvetica; font-weight:bold;}
  .contracts table .fullwidth,
  .contracts table .fullwidth a {padding:0 0.5em; text-align:center; text-transform:uppercase; background:#002b5b; opacity:0.8; color:#fff; font-weight:bold;}
  .contracts tr {border-top:0;}
  .contracts table ul {list-style:none; padding:0; margin:0;}
  .contracts table ul li {margin-bottom:1em;}

  .contracts .first,
  .contracts .third,
  .contracts .fourth {width:20%;}
  .contracts .second {width:40%;}
  .contracts .fixedth {margin:2em 0 0; background:#333; color:#fff;}
  .contracts .fixedth h2 { color:#fff;}
  .contracts .fixedth th {border-color:#000; vertical-align:top;}

  .concur {float:left; margin-top:1em; }
    .concur h2 {margin:0 0 0.75em; font-size:1.65em;}
    .concur input {display:block; margin-bottom:1em;}

.feature-nav {overflow:hidden; display:block; clear:both; margin-top:1.25em; }
.feature-nav li {display:block; float:left; width:100%; margin:0.25em .5%;}
.feature-nav li .btn {display:block; text-align:left; padding:0.5em 0.875em;}

.feature-area .btn + .btn.grey { margin-top:2rem; }
.feature-area .btn.grey { display:block; text-align:center; }

.col {margin:2em 0 0 0; padding-left:2em;}
.col h4 {font-size:1.55em; margin:0.65em 0 0.95em 0;}
.col1 h4 {margin-bottom:5px;}

/* Service Status */
.status h3 {font-size:1.2em; line-height:1.4em; font-weight:bold; font-family:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
  .status h3 a {color:#333;}
  .status h3 span {display:inline-block; vertical-align:baseline; width:16px; height:16px; background:url('images/icon-question.png') 0 0 no-repeat; background-size:100% 100%;}
.status ul { margin:0; padding:0; list-style:none; font-size:16px;}
.status li a { position:relative; display:block; padding:.625em .75em .625em 2.9em;
  color:#333; font-weight:bold; text-decoration:none; text-shadow:0 1px #fff;
  border:1px solid #333;
  background:#ccc;
  background-image:-webkit-linear-gradient(top, #eee 0%, #bbb 100%);
  background-image:   -moz-linear-gradient(top, #eee 0%, #bbb 100%);
  background-image:        linear-gradient(top, #eee 0%, #bbb 100%);
  -webkit-border-radius:4px;
     -moz-border-radius:4px;
          border-radius:4px;
  -webkit-box-shadow:0 1px #fff inset;
     -moz-box-shadow:0 1px #fff inset;
          box-shadow:0 1px #fff inset;
  -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
          box-sizing:border-box;
}
.status li a:hover { color:#fff; text-decoration:none; text-shadow:0 -1px rgba(0,0,0,.7);
  border:1px solid #111;
  background:#666;
  background-image:-webkit-linear-gradient(top, #666 0%, #444 100%);
  background-image:   -moz-linear-gradient(top, #666 0%, #444 100%);
  background-image:        linear-gradient(top, #666 0%, #444 100%);
  -webkit-box-shadow:0 1px rgba(255,255,255,.3) inset;
     -moz-box-shadow:0 1px rgba(255,255,255,.3) inset;
          box-shadow:0 1px rgba(255,255,255,.3) inset;
}
.status li a:active {
  background:#333;
  background-image:-webkit-linear-gradient(top, #333 0%, #111 100%);
  background-image:   -moz-linear-gradient(top, #333 0%, #111 100%);
  background-image:        linear-gradient(top, #333 0%, #111 100%);
}
.status li a em { position:absolute; top:-1px; bottom:-1px; left:-1px; width:36px; text-indent:-9999px; overflow:hidden;
  -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
          box-sizing:border-box;
  -webkit-box-shadow:0 1px rgba(255,255,255,.3) inset;
     -moz-box-shadow:0 1px rgba(255,255,255,.3) inset;
          box-shadow:0 1px rgba(255,255,255,.3) inset;
  -webkit-border-radius:4px 0 0 4px;
     -moz-border-radius:4px 0 0 4px;
          border-radius:4px 0 0 4px;
}
.status li a:hover em { border-right:1px solid #111; }  
.status .green em {
  border:1px solid #016601;
  background-color:#00B200;
  background-image:-webkit-linear-gradient(top, #00B200 0%, #007F00 100%);
  background-image:   -moz-linear-gradient(top, #00B200 0%, #007F00 100%);
  background-image:        linear-gradient(top, #00B200 0%, #007F00 100%);
  -webkit-box-shadow:0 1px rgba(155,239,68,.7) inset;
     -moz-box-shadow:0 1px rgba(155,239,68,.7) inset;
          box-shadow:0 1px rgba(155,239,68,.7) inset;
}
.status .yellow em {
  border:1px solid #C38C00;
  background-color:#FFED00;
  background-image:-webkit-linear-gradient(top, #fe0 0%, #fc0 100%);
  background-image:   -moz-linear-gradient(top, #fe0 0%, #fc0 100%);
  background-image:        linear-gradient(top, #fe0 0%, #fc0 100%);
  -webkit-box-shadow:0 1px rgba(255,255,255,.85) inset;
     -moz-box-shadow:0 1px rgba(255,255,255,.85) inset;
          box-shadow:0 1px rgba(255,255,255,.85) inset;
}
.status .red em {
  border:1px solid #820000;
  background-color:#C3000A;
  background-image:-webkit-linear-gradient(top, #EB001E 0%, #C3000A 100%);
  background-image:   -moz-linear-gradient(top, #EB001E 0%, #C3000A 100%);
  background-image:        linear-gradient(top, #EB001E 0%, #C3000A 100%);
  -webkit-box-shadow:0 1px rgba(252,81,107,.9) inset;
     -moz-box-shadow:0 1px rgba(252,81,107,.9) inset;
          box-shadow:0 1px rgba(252,81,107,.9) inset;
}

.status em:before { content:''; position:absolute; top:5px; display:block; height:32px; width:32px; background-image:url('images/status-icons.png'); background-repeat:no-repeat; }
.status .green em:before { background-position:0 0; 
  -webkit-filter:drop-shadow(0 -1px #016601);
     -moz-filter:drop-shadow(0 -1px #016601);
          filter:drop-shadow(0 -1px #016601);
}
.status .yellow em:before { background-position:0 -35px; 
  -webkit-filter:drop-shadow(0 1px #fff);
     -moz-filter:drop-shadow(0 1px #fff);
          filter:drop-shadow(0 1px #fff);
}
.status .red em:before { background-position:0 -70px; 
  -webkit-filter:drop-shadow(0 -1px #820000);
     -moz-filter:drop-shadow(0 -1px #820000);
          filter:drop-shadow(0 -1px #820000);
}

@media screen,projection {
  .feature-image ul {padding:0; list-style-type:none;}
  .feature-image li {display:none;}
  .feature-image li.active {display:block;}
  .feature-area .concur { /* text-align:center; */ }
  .feature-area .btn,
  .feature-area .btn.blue { display:block; text-align:center; }
  .concur-status { display:block; margin-bottom:1em; }
  .site-footer .travelnd { display:inline-block; margin-left:1rem; }
  
}


@media screen and (min-width:55em) {
  .feature-nav li {display:block; float:left; width:24%; margin:2em .5%;}
  .feature-nav li .btn.blue {display:block; text-align:center; padding:0.5em 0;}
  .col {margin:0;}
  .concur-nav a {display:block; margin:0 0 0.25em; font-size:.9em;}
  .expense-reporting-list {width:100%;}
  .expense-reporting-list li {display:inline-block;width:24%; vertical-align:top;}
  .expense-reporting-list li a {display:block; padding:5em 1em; text-align:center; font-size:1em;}
}