/* Finance Division Department Styles
   Updated: 20121217
   ----------------------------------------------------*/

@media screen,projection {

  .feature-area {overflow:hidden;}

  .feature-nav {margin:0.65em 0 2em 0;}
    .feature-nav li {display:inline-block; *display:inline; *zoom:1;}

  .concur {float:left;  width:100%; margin:1em 0 1em 0; padding:1em; border:1px solid #ccc; background:#fff;}
    .concur h2 {margin:0 0 0.75em; font-size:1.65em;}
    .concur input {display:block; margin-bottom:1em;}

  .deptnav + footer { padding-bottom:5em; }
  .deptnav { position:relative; z-index:10; bottom:0; width:100%; text-align:center; border-top:1px solid #000; border-bottom:1px solid #000;
        background:#002b5b;
        background:-webkit-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%) #273c53;
        background:   -moz-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%) #273c53;
        background:        linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%) #273c53;
        -webkit-box-shadow:0 1px rgba(130,150,173,0.6) inset, 0 0 1em rgba(0,0,0,0.5);
           -moz-box-shadow:0 1px rgba(130,150,173,0.6) inset, 0 0 1em rgba(0,0,0,0.5);
                box-shadow:0 1px rgba(130,150,173,0.6) inset, 0 0 1em rgba(0,0,0,0.5);
  }
  .deptnav li { display:inline-block; *display:inline; *zoom:1; vertical-align:top; font-family:GPCMed, Helvetica, Arial, Verdana, sans-serif; font-size:1.125em; }
  .deptnav li a { display:table-cell; vertical-align:middle; padding:.75em 1em; color:#fff; text-align:center; text-shadow:0 1px 3px #000; }
  .deptnav li a:hover { color:#dcb439;
      -webkit-box-shadow:inset 1px 0 rgba(0,0,0,0.5),inset -1px 0 rgba(0,0,0,0.5);
         -moz-box-shadow:inset 1px 0 rgba(0,0,0,0.5),inset -1px 0 rgba(0,0,0,0.5);
              box-shadow:inset 1px 0 rgba(0,0,0,0.5),inset -1px 0 rgba(0,0,0,0.5);
      background: -webkit-radial-gradient(50% 90%, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%);
      background:    -moz-radial-gradient(50% 90%, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%);
      background:         radial-gradient(50% 90%, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%);
  }

  /* Blue - BuyND & TravelND */

  .btn.blue {display:inline-block; *display:inline; *zoom:1; margin-bottom:0.15em; *margin-left:.3em; padding:.5em .75em; cursor:pointer; color:#fff; font-family:gpcBook,Helvetica,Verdana,Arial,sans-serif; font-size:1.35em; line-height:0.85em; text-align:left; text-decoration:none; text-shadow:0 -1px #000; vertical-align:middle;  background:#dcb439; min-width: 7em; border:1px solid #001227;
    background:#002b5b url(/stylesheets/themes/ndt/v2/images/texture-checkers-lightblue50.png) 0 0 repeat;
    background:url(/stylesheets/themes/ndt/v2/images/texture-checkers-lightblue50.png), -webkit-linear-gradient(top, #003b7c 0%, #001227 100%);
    background:url(/stylesheets/themes/ndt/v2/images/texture-checkers-lightblue50.png), -moz-linear-gradient(top, #003b7c 0%, #001227 100%);
    background:url(/stylesheets/themes/ndt/v2/images/texture-checkers-lightblue50.png), linear-gradient(top, #003b7c 0%, #001227 100%);
      -moz-box-shadow:    0 0 4px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.3);
      -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.3);
      box-shadow:         0 0 4px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.3);
        -webkit-transition:all 250ms ease-in-out;
         -moz-transition:all 250ms ease-in-out;
              transition:all 250ms ease-in-out;
    }
  .btn.blue:link {color:#fff;}
  .btn:visited {color:#fff;}
  .btn.gray {display:block;  margin-bottom:0.15em; padding:.4em .75em; cursor:pointer; color:#fff; font-family:gpcBook,Helvetica,Verdana,Arial,sans-serif; font-size:1.25em; line-height:0.85em; text-align:center; text-decoration:none; text-shadow:none; vertical-align:middle;  background:#999; min-width: 7em; border:1px solid #666; }
  
  .btn.blue:hover,.btn.blue:active,
  .btn.blue.active:hover { color:#e6cb55;
      background:#002b5b;
      background:  -webkit-linear-gradient(top, #003b7c 0%, #031a3d  100%);
      background:    -moz-linear-gradient(top, #003b7c 0%,  #031a3d  100%);
      background:         linear-gradient(top, #003b7c 0%,  #031a3d 100%);}

  /* TravelND Button */
  .btn.travelnd {display:inline-block; *display:inline; *zoom:1; margin-bottom:0.45em; *margin-left:.3em; padding:.5em .75em; cursor:pointer; color:#fff; font-family:gpcBook,Helvetica,Verdana,Arial,sans-serif; font-size:1.45em; line-height:1em;  text-align:left; text-decoration:none; text-shadow:0 1px #fff; vertical-align:middle; min-width: 5.8em; border:1px solid #7b6520;
                                 background-color:#f3e6b3;
    background-image:-webkit-linear-gradient(top, #f3e6b3 0%,#ead074 50%,#e8cb69 51%,#dfba45 92%,#aa8041 100%);
    background-image:     -o-linear-gradient(top, #f3e6b3 0%,#ead074 50%,#e8cb69 51%,#dfba45 92%,#aa8041 100%);
    background-image:   -moz-linear-gradient(top, #f3e6b3 0%,#ead074 50%,#e8cb69 51%,#dfba45 92%,#aa8041 100%);
    background-image:    -ms-linear-gradient(top, #f3e6b3 0%,#ead074 50%,#e8cb69 51%,#dfba45 92%,#aa8041 100%);
    background-image:        linear-gradient(top, #f3e6b3 0%,#ead074 50%,#e8cb69 51%,#dfba45 92%,#aa8041 100%);
    -moz-box-shadow:    0 0 4px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.3);
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.3);
    box-shadow:         0 0 4px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.3);
      -webkit-transition:all 250ms ease-in-out;
       -moz-transition:all 250ms ease-in-out;
            transition:all 250ms ease-in-out;
    }
  .btn.travelnd:link {color:#002b5b;}
  .btn.travelnd:visited {color:#002b5b;}
  .btn.travelnd:hover,.btn.travelnd:active,
  .btn.travelnd.active:hover {border:1px solid #777;
                                 background-color:#f3e6b3;
    background-image:-webkit-linear-gradient(top, #fff 0%,#ececec 50%,#dcdcdc 51%,#d1d1d1 92%,#a2a2a2 100%);
    background-image:     -o-linear-gradient(top, #fff 0%,#ececec 50%,#dcdcdc 51%,#d1d1d1 92%,#a2a2a2 100%);
    background-image:   -moz-linear-gradient(top, #fff 0%,#ececec 50%,#dcdcdc 51%,#d1d1d1 92%,#a2a2a2 100%);
    background-image:    -ms-linear-gradient(top, #fff 0%,#ececec 50%,#dcdcdc 51%,#d1d1d1 92%,#a2a2a2 100%);
    background-image:        linear-gradient(top, #fff 0%,#ececec 50%,#dcdcdc 51%,#d1d1d1 92%,#a2a2a2 100%);
    -moz-box-shadow:    0 0 4px rgba(0,0,0,0.7), inset 0 1px 0 rgba(255,255,255,0.3);
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7), inset 0 1px 0 rgba(255,255,255,0.3);
    box-shadow:         0 0 4px rgba(0,0,0,0.7), inset 0 1px 0 rgba(255,255,255,0.3);
  }

  /* Grey - Treasury */
  .btn.grey {display:inline-block; *display:inline; *zoom:1; margin:0 0 0.5em; padding:.4em .75em; cursor:pointer; color:#fff; font-family:gpcBook,Helvetica,Verdana,Arial,sans-serif; font-size:1.38em; line-height:1.2em; text-align:left; text-decoration:none; text-shadow:0 1px #fff; vertical-align:middle; border:1px solid #777;
    background-color:#f3e6b3;
    background-image:-webkit-linear-gradient(top, #fff 0%,#ececec 40%,#dcdcdc 51%,#d1d1d1 72%,#a2a2a2 100%);
    background-image:     -o-linear-gradient(top, #fff 0%,#ececec 40%,#dcdcdc 51%,#d1d1d1 72%,#a2a2a2 100%);
    background-image:   -moz-linear-gradient(top, #fff 0%,#ececec 40%,#dcdcdc 51%,#d1d1d1 72%,#a2a2a2 100%);
    background-image:    -ms-linear-gradient(top, #fff 0%,#ececec 40%,#dcdcdc 51%,#d1d1d1 72%,#a2a2a2 100%);
    background-image:        linear-gradient(top, #fff 0%,#ececec 40%,#dcdcdc 51%,#d1d1d1 72%,#a2a2a2 100%);
    -moz-box-shadow:    0 0 4px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.55);
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.55);
    box-shadow:         0 0 4px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.55);
      -webkit-transition:all 350ms ease-in-out;
         -moz-transition:all 350ms ease-in-out;
              transition:all 350ms ease-in-out;
  }
  .btn.grey:link {color:#002b5b;}
  .btn.grey:visited {color:#002b5b;}
  .btn.grey:hover,.btn.grey:active,
  .btn.grey.active:hover {border-bottom:1px solid #777;color:#222; background-color:#f3e6b3;
    background-image:-webkit-linear-gradient(top, #fff 0%,#f2f2f2 40%,#dcdcdc 51%,#d8d8d8 72%,#acacac 100%);
    background-image:     -o-linear-gradient(top, #fff 0%,#f2f2f2 40%,#dcdcdc 51%,#d8d8d8 72%,#acacac 100%);
    background-image:   -moz-linear-gradient(top, #fff 0%,#f2f2f2 40%,#dcdcdc 51%,#d8d8d8 72%,#acacac 100%);
    background-image:    -ms-linear-gradient(top, #fff 0%,#f2f2f2 40%,#dcdcdc 51%,#d8d8d8 72%,#acacac 100%);
    background-image:        linear-gradient(top, #fff 0%,#f2f2f2 40%,#dcdcdc 51%,#d8d8d8 72%,#acacac 100%);
    -moz-box-shadow:    0 0 5px rgba(0,0,0,0.4),    inset 00 -3px 0 rgba(0,54,114,1);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.4),    inset 00 -3px 0 rgba(0,54,114,1);
    box-shadow:         0 0 5px rgba(0,0,0,0.4),    inset 00 -3px 0 rgba(0,54,114,1);
  }

  /* Gold - Controller */
  .btn.gold {display:inline-block; *display:inline; *zoom:1; min-width: 7em; margin-bottom:0.45em; *margin-left:.3em; padding:.5em .75em; cursor:pointer; color:#fff; font-family:gpcBook,Helvetica,Verdana,Arial,sans-serif; font-size:1.45em; line-height:1.25em;  text-align:left; text-decoration:none; text-shadow:0 1px #fff; vertical-align:middle; border:1px solid #7b6520;
    background:#f3e6b3;
    background-image:-webkit-linear-gradient(top, #f3e6b3 0%,#ead074 50%,#e8cb69 51%,#dfba45 92%,#aa8041 100%);
    background-image:   -moz-linear-gradient(top, #f3e6b3 0%,#ead074 50%,#e8cb69 51%,#dfba45 92%,#aa8041 100%);
    background-image:     -o-linear-gradient(top, #f3e6b3 0%,#ead074 50%,#e8cb69 51%,#dfba45 92%,#aa8041 100%);
    background-image:    -ms-linear-gradient(top, #f3e6b3 0%,#ead074 50%,#e8cb69 51%,#dfba45 92%,#aa8041 100%);
    background-image:        linear-gradient(top, #f3e6b3 0%,#ead074 50%,#e8cb69 51%,#dfba45 92%,#aa8041 100%);
    -moz-box-shadow:    0 0 4px rgba(0,0,0,0.2), inset 0px 1px 0px rgba(255,255,255,0.3);
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2), inset 0px 1px 0px rgba(255,255,255,0.3);
    box-shadow:         0 0 4px rgba(0,0,0,0.2), inset 0px 1px 0px rgba(255,255,255,0.3);
      -webkit-transition:all 250ms ease-in-out;
       -moz-transition:all 250ms ease-in-out;
            transition:all 250ms ease-in-out;
  }
  .btn.gold:link {color:#002b5b;}
  .btn.gold:visited {color:#002b5b;}
  .btn.gold:hover,
  .btn.gold:active,
  .btn.gold.active:hover {border:1px solid #777;
    background:#f3e6b3;
    background-image:-moz-linear-gradient(top, #fff 0%, #ececec 50%, #dcdcdc 51%, #a2a2a2 100%);
    background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(50%,#ececec), color-stop(51%,#dcdcdc), color-stop(100%,#a2a2a2));
    background-image:-webkit-linear-gradient(top, #fff 0%,#ececec 50%,#dcdcdc 51%,#a2a2a2 100%);
    background-image:-o-linear-gradient(top, #fff 0%,#ececec 50%,#dcdcdc 51%,#a2a2a2 100%);
    background-image:-ms-linear-gradient(top, #fff 0%,#ececec 50%,#dcdcdc 51%,#a2a2a2 100%);
    -moz-box-shadow:    0 0 4px rgba(0,0,0,0.7), inset 0 1px 0 rgba(255,255,255,0.3);
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7), inset 0 1px 0 rgba(255,255,255,0.3);
    box-shadow:         0 0 4px rgba(0,0,0,0.7), inset 0 1px 0 rgba(255,255,255,0.3);
  }

}

/* 675px
   ----------------------------------------------------*/
@media only screen and (min-width:42.1875em) {

.deptnav {position:fixed;}

}

/* 920px
   ----------------------------------------------------*/
@media only screen and (min-width:57.5em) {

  .feature-area .feature-image {float:left; width:66%; margin-right:4%;}
  .concur {float:left; width:30%; margin-top:1em; padding:1em; border:1px solid #ccc; background:#fff;}
    .concur h2 {margin:0 0 0.75em; font-size:1.65em;}
    .concur input {display:block; width:100%; margin-bottom:1em;}
}

@media screen and (min-width:72em) {
.feature-nav li {display:block; float:left; width:24%; margin:1em .5%;}
}

}