@charset "UTF-8";

/* ! *//*
* default.css
*
* All browsers, desktop and mobile download the default.css stylesheet
*
*/

/*------------------------------------*\
  $RESET
\*------------------------------------*/
*,
*:before,
*:after {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box
}
html,body,div,span,object,iframe,h1,h2,h3,h4,p,address,ol,ul,li,form,fieldset,legend,label,table,header,footer,nav,section,figure,img,small {
  margin:0;
  padding:0;
  outline:0 none
}
ol, ul {
  list-style:none;
  list-style-image:none
}

ol.nums {
  list-style-type: decimal !important;
  list-style: inside
}
article,aside,figcaption,figure,footer,header,hgroup,nav,section{
  display:block
}
audio,canvas,video {
  display:inline-block
}
audio,canvas,img,svg,video {
vertical-align: middle
}
audio:not([controls]) {
  display:none;
  height:0
}
[hidden] {
  display:none
}
table {
  border-collapse:collapse;
  border-spacing:0
}

/*------------------------------------*\
  * $GLOBAL STYLES
\*------------------------------------*/
html{
  font:1em/1.4 "Raleway", Arial, sans-serif;
   -webkit-font-smoothing:antialiased;
   -webkit-text-shadow:rgba(255,255,255,0.01) 0 0 1px;
   text-rendering:auto;
   -webkit-text-size-adjust:100%;
   -ms-text-size-adjust:100%
}
html,body{
  height:100%
}

body {
display: table;
width: 100%;
}

body:before{
  float:left;
  height:100%;
  width:0;
  margin-top:-32767px;
  content:""
}
body{
  background:#FFF

}
html, select, textarea {
  color:#1A1A1A
}


abbr[title] {
  border-bottom:1px dotted
}

address {
  font-style:normal;
  display: inline-block
}

/* ul{list-style:none outside none} */

a {
  font-weight:normal;
  text-decoration:none;
  color:#00a0df; /* 30578E;*/
  margin:0;
  padding:0;
  border-bottom: 1px dotted rgba(26, 67, 106, .67)
}
a:focus {
  color:#002663;
  outline:thin dotted
}
a:link,a:visited{
  font-weight:normal;
  text-decoration:none
}
a:visited{
  color:#3867B1
}
a:active {
  outline:0
}
a[name="err_top"]{
  border: 0 none
}
/*
  * http://stackoverflow.com/questions/5539334/odd-behavior-with-css-first-childbefore-in-chrome
*/

hr {
  display:block;
  height:1px;
  border:0;
  border-top:1px solid #E9E9E9;
  margin:1em 0;
  padding:0
}
/*------------------------------------*\
  * $CLASSES/IDS
\*------------------------------------*/

.nomargin{
  margin:0 !important
}
.nopadding{
  padding:0 !important
}
.two_em_margin {
  margin-top: 2em;
}
.left{
  float:left !important
}
.right{
  float:right !important
}
.center {
  margin:0 auto !important
}
.alignleft{
  text-align:left !important
}
.alignright{
  text-align:right !important
}
.aligncenter {
  text-align:center !important
}
.inline {
  display:inline !important
}
.inline-block {
  display:inline-block !important
}
.block {
  display:block !important
}
.lowercase {
  text-transform:lowercase !important
}
.largeText {
  font-size: 4em; /* 64px */
  margin-bottom: 0
}
.mediumlargeText{
  font-size: 3em;
  margin-bottom: .15em
}
.mediumText {
  font-size: 140%; /*2.125em;  34px */
  font-weight: normal;
  margin-bottom: 0
}
.smallmediumText {
  font-size: 1.75em; /* 28px */
  margin-bottom: 0
}
.baseText {
  font-size: 1em;
  margin-bottom: 0
}
.smallText {
  font-size:.8em
}
.nounderline {
  text-decoration: none !important
}
.italic {
  font-style: italic !important
}
.sup:before{
  content: '+';
  position:relative;
  left:-.4em;
  top:-.3em;
  padding:0;
  margin-right: -20px
}
.noborder {
  border: 0 none !important
}
.transsmall {
  opacity:.8
}
.transmedium {
  opacity:.5
}
.translarge {
  opacity:.3
}
.clearfix:before,.clearfix:after {
  content:"";
  display:table
}
.clearfix:after {
  clear:both
}
html[xmlns] .clearfix {
  display:block
}
* html .clearfix {
  height:1%
}
/* Hide from screenreaders and browsers:h5bp.com/u */
.hidden {
  display:none!important;
  visibility:hidden
}
/* Hide visually, but available for screenreaders:h5bp.com/v */
.visuallyhidden {
  position:absolute;
  border:0;
  clip:rect(0 0 0 0);
  width:1px;
  height:1px;
  margin:-1px;
  padding:0;
  overflow:hidden
}
/* Extends .visuallyhidden to allow element focus with keyboard nav:h5bp.com/p */
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {
  position:static;
  clip:auto;
  width:auto;
  height:auto;
  margin:0;
  overflow:visible
}
/* Hide visually and from screenreaders, but maintain layout */
.invisible {
  visibility:hidden
}

/*------------------------------------*\
  * $TYPE
\*------------------------------------*/
h2,
h3,
h4,
h5 {
  color:#1A436A
}
h2,
h3 {
  font-weight:500
}
h2 .after,h3 .after {
  position:absolute;
  color:#000;
  top:0;
  left:0;
  -webkit-mask-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,.8)))
}

h1 {
  font-size:2em; /* 32px */
  font-weight:600;
  margin-bottom:.67em;
  color:#015993;
  -webkit-font-smoothing:subpixel-antialiased
}
h2 {
  font-size:1.75em; /* 28px*/
}
h3 {
  font-size:1.5em; /* 24px */
}
h4 {
  font-size:1.125em; /* 18px */
  margin-bottom:1.33em
}
small,
.small {
  font-size:80%;
  font-weight:normal;
  color:#545454
}
p,
pre{
  margin:0 0 1.4em
}
p a{
  line-height:inherit
}
b,
strong{
  font-weight:bold
}
q{
  quotes:"\201C" "\201D" "\2018" "\2019"
}
q:before,q:after{
  content:'';
  content:none
}
sub{
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline
}

sup {
  color: #9F0000;
  font-weight: bold;
  font-size:200%;
  vertical-align: sub
}
sub{
  bottom:-0.25em
}

/*------------------------------------*\
  * $LAYOUT
\*------------------------------------*/
html.js #jsWarning {
  display: none;
}
#chromeframe, #legacy{
  background:#FAE692;
  height:auto;
}
.chromecontainer {
  background: url('http://www.udel.edu/deptforms/images/icons/ie-notice.png') no-repeat;
}
.chromecontainer{
  width:60%;
  margin:0 auto;
  padding-top:1%
}
.chromecontainer h3,.chromecontainer p{
  color:#1A1A1A;
  display:block;
  padding-left:48px;
}
.chromecontainer a{
  color:#00F;
  border-bottom:1px solid #00F
}



.header_height {
  display: table-row;
  height:1px;
}
.wrap {
  display:block;
  width:95%;
  max-width:1140px; /*71.25em;*/
  min-width:20em;
  position:relative;
  margin:0 auto;
  clear:both

}
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
  margin-right:3.8%;
  float:left;
  min-height:1px
}

.wrap .onecol {width:8.33333%}
.wrap .twocol {width:16.66667%}
.wrap .threecol {width:25%}
.wrap .fourcol {width:33.33333%}
.wrap .fivecol {width:41.66667%}
.wrap .sixcol {width:50%}
.wrap .sevencol {width:58.33333%}
.wrap .eightcol {width:66.666667%}
.wrap .ninecol {width:75%}
.wrap .tencol {width:83.33333%}
.wrap .elevencol {width:91.66667%}
.wrap .twelvecol {width:100%;float:left}
.last {margin-right:0 !important}
.first {margin-left:0 !important}
#top {padding-top:1.3em}

/*------------------------------------*\
  * $STRUCTURE
\*------------------------------------*/

aside.status {
  border: 4px solid #FFF;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-left:2em
}
aside.status p {
  padding: 0 11px
}
aside.status h4 {
  color: #FFF;
  padding: 8px;
  margin-bottom: 1em
}
aside.status h4 a {
  color: #FFF;
  font-size:1em;
  border-bottom: none 0
}
aside.ok h4,
aside.note h4,
aside.warning h4,
aside.critical h4 {
  background: url("/help/images/icons_status24.png") no-repeat
}
aside.ok h4 {
  background-position: 97% 3%;
  background-color: #73AE26
}
aside.note h4,
aside.warning h4 {
  background-position: 97% 48%;
  background-color: #BA8212
}
aside.critical h4 {
  background-position: 97% 100%;
  background-color: #9F0000
}
aside.ok {
  border-color: #73AE26
}
aside.note,
aside.warning {
  border-color: #BA8212
}
aside.critical {
  border-color: #9F0000
}
#headwrap{
  min-width:220px;
  max-width:71.25em;
  margin:0 auto;
  padding:0 2%
}


footer {
    margin-top: 2%;
    font-family: Arial, sans-serif
}
#sidelinks li {
  display: inline-block
}
#logo {
  font-size:1px;
  color:#002663
}


#udlinks {
    margin: 0.5em 0;
}

#udlinks a {
    margin: .7em 0;
    font-weight: bold
}

#udlinks li {
  display: inline-block;
  /*border-left: 1px solid #002663;*/
}
#udlinks li:first-child {
  border-left: none 0;
}

.footerinfo a {font-weight:bold;}


#wrapper{
  float: left;
  max-width:120em;
  width:100%;
  background:#FFF;
  margin:0 auto 1.5em;
  overflow: hidden;
  position: relative
  }
.row {
  display:block;
  max-width:75em; /*1200px*/
  min-width:20em;
  position:relative;
  margin:0 auto;
  padding:0 .625em; /* 10px */
  clear:both
  }

.page-row {
    display:table-row;
  height:1px;
}
.page-row-expanded { height: 100%; }
.column, .columns {

  float: left;
  margin-left: 1.81818%;
  min-height: 1px;
}
.column, .columns:first-child {
  margin-left: 0;
}
.columns {
  margin-bottom: 10px;
  min-height: 38px
}
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
  margin-right:3%;
  float:left;
  min-height:1px
}

.udwrap {
    clear: both;
    display: block;
    margin: 0 auto;
    max-width: 1200px;
    min-width: 20em;
    padding: 0 10px;
    position: relative;
}

.row .one.column {width:6.66667%}
.row .one.columns {width:6.66667%}
.row .two.columns {width:15.15152%}
.row .three.columns {width:23.63636%}
.row .four.columns {width:32.12121%}
.row .five.columns {width:40.60606%}
.row .six.columns {width:49.09091%}
.row .seven.columns {width:57.57576%}
.row .eight.columns {width:66.06061%}
.row .nine.columns {width:74.54545%}
.row .ten.columns {width:83.0303%}
.row .eleven.columns {width:91.51515%}
.row .twelve.columns {width:100%}

#main {
  overflow:hidden;
  width:94%;
  min-height:100%;
  margin:0 auto;
  padding:3%;
  background:rgb(255,255,255)
  }


  #udbrand_logo {
  font-size:1px;
  color:#002663;
  margin:0;
  overflow:visible;
}

#menudiv {
    float: right !important;
    margin-top: 4px;
    width: 25% !important;
}
a[data-dot ="firstdot"]:before, span[data-dot="firstdot"]:before {
    content: "";
    margin-left: 0;
    padding-left: 0;
}
#ud_brand_footer{
  position: relative;
  left: 0;
  right: 0;
  bottom: 0;
  height: auto;
  margin: 1em 0;
  min-width:20em !important
}
footer[role="contentinfo"] {
    font-family: Arial, sans-serif
}
#udbrand_logo img {
  max-width:100%;
  height:auto;
  width:auto\9;
  border: 0 none !important;
  padding:0;
  background: none !important
}
#udlinks {
    margin-top:.8em;
    padding:0;
    text-align: left
}
#udlinks li {
  display: inline-block;
  list-style: none inside none !important;
  margin: 0;
   text-indent: 0
}
#udlinks li, #udlinks li a {
  font-weight: bold !important
}
#udlinks li:first-child {
  border-left: none 0;
}
a[data-dot="middot"]:before, span[data-dot="middot"]:before {
    content: "• ";
}
.footerinfo a, #udlinks a {
  font-size: 12.8px !important;
  font-weight:bold !important;
  text-decoration: none;
  margin: 0;
  padding: 0
}

.footerinfo {
  font-size: 13.8px !important;
  margin:0 !important;
  padding:0 !important;
  line-height:1.75 !important
}
.footerinfo address {
    display: inline-block;
    font-style: normal !important;
    margin-bottom: 0 !important;
}

.small, small {
  font-style: normal !important;
}

.footerinfo, .footerinfo li {
  list-style-type: none !important;
  margin: 0 !important;
  text-align: left;
  text-indent: 0
}

#date {
    font-size: 85%
}
ul.footerinfo li:before, #udlinks li:before {
    color: transparent;
    content: "";
    font-size:  inherit
}

.footerinfo {
  color:#002263;
}
a[data-dot="middot"]:before, span[data-dot="middot"]:before {
    color:#002633;
}
.footerinfo a, #udlinks a {
  border-bottom: 1px dotted rgba(26, 67, 106, 0.37);
  color: #1A436A !important;
}

.footerinfo a:hover, #udlinks a:hover {
  border-bottom: 1px dotted rgba(26, 67, 106, 0.87)
}

#udbrand_header {
    background: #002663;
    border-bottom: 3px solid #FFD200;
    color: #FFF;
    width: 100%;
    height: auto;
    left: 0;
    margin: 0 0 2em;
    overflow: visible;
    padding: 0;
    position: relative !important;
    top: 0 !important;

  z-index:2;
}
header[role="banner"]{
  background:#002663;
  color:#FFF;
  width:100%;
  height:auto;
  position:relative;
  z-index:2;
  border-bottom:3px solid #FFD200;
  margin: 0;
  padding:0
}

 [data-bgd="icon-login"]  {
  display: inline-block;
  background-image: url('../images/icons/login.svg');
  background-repeat: no-repeat;
  vertical-align: middle;
}
[data-bgd="icon-login"], [data-bgd="icon-submit"], .gray[data-bgd="icon-submit"]   {
  width: 20px;
  height: 20px;
}

 [data-bgd="icon-submit"],  .gray [data-bgd="icon-submit"] {
  display: inline-block;
  background-image: url('../images/icons/sprites.svg');
  background-repeat: no-repeat;
  vertical-align: middle;
}

[data-bgd="icon-submit"]  {
  background-position: -9px -47px
}
.gray [data-bgd="icon-submit"]  {
  background-position: -9px -10px
}
#introdiv {
    margin-bottom: 5em;
}

#gau, #owa {
 -webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
border:none;
padding:1.625em 3.5em
}
#introdiv img {
    padding-right: 2%;
}
#introdiv h1 {
  margin-bottom: 0;
font-size: 3.4em;
    line-height: 2
  }

#introdiv h3 {
    color: #A5A5A5;
    font-size: 1.52em;
    margin-top: -33px;
}
section.servicespad ul {
    margin-top: 0;
    padding: 0 0 1em .5em;
}
section.servicespad li:before {
    color: #DDD;
    content: "» ";
}

.servicespad  h2 {
    display: inline-block;
    margin-left: 0.4em;
    vertical-align: middle;
    font-size:2em;
}
.servicespad > h3 {
    border-bottom: 1px dotted #bbbbbb;
    margin-bottom: .59em;
}
.searchpad ul {
  float:right;
  margin:5px 0 3px;
  padding:0
}
#navlist li {
  display:inline-block
}
.searchpad li a {
  font-size:.8em;
  font-weight:bold;
  text-decoration:none;
  text-align: center;
  color:#BFE5FC;
  background-color: #002663;
  border: 0 none;
  width:auto;
  height:20px
}
.searchpad li a.mid {
  padding:0 1em
}
#searchdiv {
  overflow: hidden;
  padding-right: .5em
}
.search {
  padding:7px;
  background:#444;
  background:rgba(0,0,0,.2);
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  border: none 0
}
div.toTop {
  /*padding: 5px 3px;*/
  background: rgba(0, 38, 99, 0.3);
  color: #FFF;
  position: fixed;
  bottom: 5px;
  right: 0px;
  width:43px;
  height:40px;
  cursor: pointer;
  line-height: 3.3;
  text-transform: uppercase;
  text-align: right;
  display: none;
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}
/*------------------------------------*\
  * $MEDIA
\*------------------------------------*/
img,
a img {
  border:0;
  color:#111;
}
img,
a img,
#logo img,
figure img {
  max-width:100%;
  height:auto;
  width:auto\9
}
svg:not(:root) {
  overflow:hidden
}
.icon-search,.icon-help,.icon-chat,.icon-submit,.icon-email,.icon-date,.icon-login,.icon-scrollup,.icon-scrolldown,.icon-menu,.icon-home, a[href^="tel:"]:after,.icon-error,.icon-pc,.icon-mac,.icon-info,.icon-list,.icon-close,.icon-top, .icon-map, .icon-people, .icon-az {
  display: inline-block;
  width: 34px;
  height: 34px;
  background-image: url('/deptforms/images/icons/sprites.png');
  background-image: url('/deptforms/images/icons/sprites.svg'), none !important;
  background-repeat: no-repeat;
}

form  button.icon-search {
  background-position: 26% 3% !important;
  content: "\00a0"
}
.icon-help {
  background-position: 10px 0;
  content: "\00a0"
}

.icon-home.ir {
  background-position: 0 0
}
.icon-help.ir {
  background-position: -123px 0
}
.icon-chat {
  background-position: -64px 0;
  content: "\00a0"
}
.icon-submit {
    background-position: -8px -45px;
    content: "\00a0";
    height: 18px;
    width: 18px;
    margin-bottom: -3px
}
.searchpad #navbtn {
  display: none;
}
.icon-email, a[href^="mailto:"]:after {
  background-position: -128px -9px;
  content: "\00a0";
}
.icon-date {
  background-position: -160px 0;
  content: "\00a0"
}
.icon-login {
  background-position: -192px 0;
  content: "\00a0"
}
.icon-scrollup {
  background-position: -224px 0;
  content: "\00a0"
}
.icon-scrolldown {
  background-position: -256px 0;
  content: "\00a0"
}
.icon-menu {
  background-position: -288px 0;
  content: "\00a0"
}
.icon-home {
  background-position: -320px 0;
  content: "\00a0"
}


.icon-error {
  background-position: -384px 0;
  content: "\00a0"
}
.icon-pc {
  background-position: -5px -65px;
  width:26px;
}
.icon-mac {
  background-position: -43px -66px;
    width: 22px;
}
.icon-info {
  background-position: -480px 0;
  content: "\00a0"
}
.icon-list {
  background-position: 0 -32px;
}
.icon-close {
  background-position: -32px -32px;
}
.icon-top {
  background-position: -76px 5px !important;
}

/* For image replacement e.g., background img on element */

.ir br {
  display:none
}
.ir {
  display: inline-block;
  background-color:hsla(0,0%,100%,0);
  border:0;
  white-space:nowrap;
  overflow:hidden
}
.ir:before {
  content:"";
  display:block;
  width:0;
  height:150%
}

/*------------------------------------*\
  * $FORMS
\*------------------------------------*/


form,fieldset,
input[type='text'],
input[type='email'],
input[type='url'],
input[type='tel'],
textarea,
select,
a[role="button"],
button,
.errorContainer {
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px
}
form {
  padding-bottom:1.5em;
  margin:0 auto;
  overflow:hidden;
  background:rgba(250, 250, 250, .52);
  border:1px solid #E1E1E1
}
legend {
  color:#015993;
  font-size:1.3em;
  font-weight:400
}
fieldset {
  background:#FAFAFA;
  border:1px solid #AAA;
  margin:1.6em;
  padding:0.35em 0.625em 0.75em
}
fieldset fieldset{
  background:#F7F7F7
}
fieldset fieldset legend{
  font-size:1.2em
}
form label {
  position:relative;
  font-weight:bold;
  margin-top:.5em;
  color:#3A3A3A
}
form label + small{
  margin-bottom:1em
}


/* On separate lines because of comment @ http://css-tricks.com/snippets/css/style-placeholder-text/ */
::-webkit-input-placeholder {
  font-style:italic;
  color:#666
}
:-moz-placeholder  {
  font-style:italic;
  color:#666
}
::-moz-placeholder {
  font-style:italic;
  color:#666
}
:-ms-placeholder {
  font-style:italic;
  color:#666
}
/**::-moz-selection {background:#FE57A1;color:#FFF;text-shadow:none}
::selection {background:#FE57A1;color:#FFF;text-shadow:none}*/



form input:focus:not([type="submit"]),
form textarea:focus,
form select.focus,
button#search:active,
button#search:focus,
#UDSearchField:focus,
.search button:active,
.search button:focus  {
  outline: 0 none
}

#UDSearchField:focus {
  background:#FFF;
}

input[type='text'].inactive,
input[type='number'].inactive,
input[type='email'].inactive,
input[type='url'].inactive,
textarea.inactive,
select.inactive,
option.inactive,
select option.inactive,
select.inactive option.inactive{
  color:#666;
  font-style:italic
}
select.inactive option {
  color:#1A1A1A;
  font-style:normal
}
input {
  line-height:normal
}
input[type='text'],input[type='email'],input[type='url'],input[type='tel'],textarea,select,.ghostfield {
  display:block;
  padding:7px 8px
}

input[type='text'],input[type='email'],input[type='url'],input[type='tel'],textarea {
  width:65%
}

input + small{
  margin-bottom:1em;
  margin-top:-1em
}

textarea {
  height:100px;
  overflow:auto;
  resize:vertical;
  vertical-align:top
}

input[type='text'],input[type='email'],input[type='url'],input[type='tel'],textarea,select {
  border:1px solid #D8D8D8;
  margin-bottom:1em
}
input[type="checkbox"],input[type="radio"],input.radio,input.checkbox,select,input[type="search"]{
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box
}
input[type="checkbox"],input[type="radio"],input.radio,input.checkbox {
  vertical-align:text-top;
  width:13px;
  height:13px;
  padding:0;
  margin:0 .3em 0 0;
  position:relative;
  overflow:hidden
}
input[type="checkbox"],input[type="radio"]{
  display:inline
}
label.checkbox,label.radio{
  display:block
}

input#UDSearchField {
  width: 100%;
  height:20px;
  display: inline-block;
  padding: 4px 6px 5px;
  margin-bottom: 0;
  vertical-align: middle;
}


#UDSearchField{
  font:normal 12px Arial,sans-serif;
  border:0;
  background:#EEE;
  -webkit-border-radius:3px 0 0 3px !important;
  -moz-border-radius:3px 0 0 3px !important;
  border-radius:3px 0 0 3px !important;
  -webkit-appearance:listbox;
  -moz-box-sizing:content-box;
  -webkit-box-sizing:content-box;
  box-sizing:content-box;
}

button#search {
  overflow: visible;
  position:relative;
  float:right;
  padding:0;
  margin:0;
  cursor:pointer;
  width: 28px;
  height: 29px;
  background:#EF8200;
  -webkit-border-radius:0 3px 3px 0;
  -moz-border-radius:0 3px 3px 0;
  border-radius:0 3px 3px 0;
  border: 0 none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

button#search:before{
  content:'';
  position:absolute;
  border-width:8px 8px 8px 0;
  border-style:solid solid solid none;
  border-color:transparent #EF8200 transparent;
  top:7px;
  left:-7px;
}

button#search:focus:before,button#search:active:before{
  border-right-color:#EF8200
}

button#search::-moz-focus-inner {
  border:0;
  padding:0
}

a[role="button"],button {
  background:#00A0DF;
  border:1px solid #222;
  display:inline-block;
  position:relative;
  text-align:center;
  text-decoration:none;
  color:#FFF;
  margin-top:1%;
  padding:0 .625em;
  line-height:1.625em;
}

button,input,select,textarea {
  font-size:100%;
  vertical-align:baseline
}
button,input[type="button"],input[type="submit"],a[role="button"],textarea.contenteditable {
  cursor:pointer
}

/* http://css-tricks.com/svg-fallbacks/ */
button[type="button"] .submit-icon {
 background-image: url('/deptforms/images/buttons/submit_white.png');
 background-image: url('/deptforms/images/buttons/submit_white.svg'), none;
 background-repeat: no-repeat;
 width:16px;
 height: 16px
}
button::-moz-focus-inner {
  border:0;
  padding:0
}
#UDSearchField input[type = "search"]::-webkit-search-cancel-button,
#UDSearchField input[type = "search"]::-webkit-search-decoration,
button,input[type="button"],
input[type="submit"],
a[role="button"],
textarea.contenteditable,
input[type="search"],
#UDSearchField input[type="search"] {
  -webkit-appearance:none;
  -moz-appearance:none
}

.search input{
  /*padding:5px 17px 5px 5px;*/
  font:normal 12px Arial,sans-serif;
  border:0;
  background:#EEE;
  /*width:86%;*/
  -webkit-border-radius:3px 0 0 3px;
  -moz-border-radius:3px 0 0 3px;
  border-radius:3px 0 0 3px;
  -webkit-appearance:listbox;
  -moz-box-sizing:content-box;
  -webkit-box-sizing:content-box;
  box-sizing:content-box;
}
.search input:focus {
  outline:0;
  background:#fff;
  outline:0 none;
}

 [data-bgd="icon-search"]  {
  display: inline-block;
  background-image: url('/deptforms/images/icons/sprites.svg') !important;
  background-repeat: no-repeat;
  vertical-align: middle;
}
 [data-bgd="icon-search"] {
  background-position:  -38px -4px  !important
 }
.search button {
  overflow: visible;
  position:relative;
  float:right;
  padding:0;
  margin:0;
  cursor:pointer;
  width: 28px;
  height: 29px;
  background:#EF8200;
  -webkit-border-radius:0 3px 3px 0;
  -moz-border-radius:0 3px 3px 0;
  border-radius:0 3px 3px 0;
  border: 0 none;
}
.search button:before{
  content:'';
  position:absolute;
  border-width:8px 8px 8px 0;
  border-style:solid solid solid none;
  border-color:transparent #EF8200 transparent;
  top:10px;
  left:-7px;
  height:15px;
}
/*.search button:hover:before {
border-right-color:#003679
}*/
.search button:focus:before,.search button:active:before{
  border-right-color:#ef8200
}
.search button::-moz-focus-inner {
  border:0;
  padding:0
}

.group > p {
  margin-bottom: .7em;
}

/*------------------------------------*\
  * $ERRORS
\*------------------------------------*/
div.errorContainer{
  margin-bottom:1.6em;
  padding:0 1.9em;
  background:#FFEAEA url("/deptforms/images/error1_big.svg") no-repeat scroll 10px 10px;
  border:1px solid #9F0000
}
.errorContainer span,.errorContainer h3, div.errorContainer{
  color:#9F0000
}
.no-svg div.errorContainer{
  background:url('/deptforms/images/error1_big.png') no-repeat
}
.errorContainer h3{
  font-weight:bold;
  line-height:2;
  padding-left:1.5em
}
.errorContainer p{
  padding-left:2.25em
}
form label.error{
  font-weight:normal;
  font-style:italic;
  color:#9F0000;
  padding:0;
  margin:0;
  top:-15px
}

.group.error input:focus,
.group.error select:focus,
.group.error textarea:focus{
  border:1px solid #953B39;
  outline: 0 none
}
.group.error input,
.group.error select,
.group.error textarea {
  border:1px solid #9F0000
}
.no-svg .group.error input,
.no-svg .group.error select,
.no-svg .group.error textarea{
  background:url('/deptforms/images/error1.png') no-repeat;
  background-color: #FFFAFA
}
.group.error input,
.group.error select,
.group.error textarea{
  background:url('/deptforms/images/error1.svg') no-repeat;
  background-color: #FFFAFA
}
.group.error input{
  background-position: 99% 50%
}
.group.error select{
  background-position: 85% 50%
}
.group.error textarea{
  background-position: 99% 5%
}

.no-svg .group.error input{
  background-position: 99% 50%
}
.no-svg .group.error select{
  background-position: 85% 50%
}
.no-svg .group.error textarea{
  background-position: 99% 5%
}
/*.group.warning>label,.group.warning .help-block,.group.warning .help-inline{color:#c09853;}
.group.warning input,.group.warning select,.group.warning textarea{color:#c09853;border-color:#c09853;}.group.warning input:focus,.group.warning select:focus,.group.warning textarea:focus{border-color:#a47e3c;-webkit-box-shadow:0 0 6px #dbc59e;-moz-box-shadow:0 0 6px #dbc59e;box-shadow:0 0 6px #dbc59e;}
.group.warning .input-prepend .add-on,.group.warning .input-append .add-on{color:#c09853;background-color:#fcf8e3;border-color:#c09853;}*/





/*------------------------------------*\
  * $MEDIA QUERIES
\*------------------------------------*/

@media only screen and (max-width:48.875em){/* 782      767 47.938em */
  body {
    font-size:85%
  }
  .wrap,
  body,
  .container {
    width:100%;
    min-width:0;
    margin-left:0;
    margin-right:0;
    padding-left:0;
    padding-right:0
  }
  .wrap .onecol, .wrap .twocol, .wrap .threecol, .wrap .fourcol, .wrap .fivecol, .wrap .sixcol, .wrap .sevencol, .wrap .eightcol, .wrap .ninecol, .wrap .tencol, .wrap .elevencol, .wrap .twelvecol {
    width:auto;
    float:none;
    clear:both;
    margin-left:0;
    margin-right:0;
    padding-left:1.1%;
    padding-right:1.1%
  }

.row .one.columns, .row .two.columns, .row .three.columns, .row .four.columns, .row .five.columns, .row .six.columns, .row .seven.columns, .row .eight.columns, .row .nine.columns, .row .ten.columns, .row .eleven.columns, .row .twelve.columns{
  width:auto;
  float:none;
  margin-left:0;
  margin-right:0;
  padding-left:20px;
  padding-right:20px
  }


  #logo {
    padding:0;
    margin:0
  }
  #logo, .searchpad {
    text-align: left
  }
  #top {
    padding-top: 1em
  }
  .searchpad {
    display: block;
    width: 100%;
    height: auto;
    position: relative
  }
/*  .searchpad #navbtn {
    display: inline-block;
    position: absolute;
    top: -45px;
    right:0;
    text-indent: -99999px;
    overflow: hidden;
    width: 34px;
    height: 24px;
    background-image: url('/deptforms/images/icons/sprites.png');
    background-image: url('/deptforms/images/icons/sprites.svg'), none !important;
    background-repeat: no-repeat;
    background-position:-140px -40px
  }*/
  .searchpad nav {
    display: none;
    position: static;
    top: auto;
    right: auto;
    width: 100%
  }
  .searchpad ul {
    margin:0
  }
  .searchpad li {
    display: inline-block
  }
  .searchpad li a {
    display: inline-block;
    color: #BFE5FC;
    font-size: 0.8em;
    font-weight: bold;
    text-decoration: none;
    width: 35px;
     height: 30px;
    padding: 5px;
  }
  .searchpad li a:hover {
    border-bottom: 0 none !important
  }
  #navlist {
    float:right
  }
  .search {
    float: left;
    margin: 5px;
    padding:4px;
    width: 61%
  }
  .search button, #search {
    background-position: 25% 3% !important;
    content: " ";
    height: 29px
  }
  .search button:before {
    top: 10px
  }

   [data-bgd="icon-menu"] {
    background: url("/deptforms/images/icons/sprites.svg") no-repeat;
    display: inline-block;
    height: 24px;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-indent: -99999px;
    top: 22px;
    width: 34px;
}
   [data-bgd="icon-menu"] {
    background-position:  -145px -45px
   }
  aside.status {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border-width: 2px;
    margin-left:0
  }
  aside {
    margin: 0;
    padding-bottom: 1em
  }
  footer ul{
    text-align: center
  }
  form {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important
  }
  .icon-phone {
    background-position: -10px -113px;
    content: "\00a0";
    width: 15px
  }
  .icon-az {
    background-position: -137px -70px
  }
  .icon-map {
    background-position: -100px -70px
  }
  .icon-people {
    background-position: -66px -70px
  }
/*form  button.icon-search {
  background-position: 26% 4% !important;
  content: " ";
}*/
  footer a img{
    display:none
  }
}

@media only screen and (min-width:48em) {/* 768 */
/*  #headcont {
    margin-top: 1em
  }*/
  #menudiv {
    width: 25%;
    float:right;
    padding: 0
  }
  p.systemstatus {
    font-size:.774em;
    margin-bottom: 0.78em
  }
  .icon-map, .icon-people, .icon-az {
    background: none !important
  }


}


/* iPhone 4, Opera Mobile 11 and other high pixel ratio devices https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 5/4), only screen and (min-resolution: 144dpi) {/* HiDPI */
  #logo img {
    width:50%;
    text-align: left
  }
  .icon-az {
    background-position: -183px -90px
  }
  .icon-map {
    background-position: -135px -89px
  }
  .icon-people {
    background-position: -90px -91px
  }

}

@media only screen and (max-width:29.938em) {/* 479 */
  body {
    font-size: 90%
  }
  h1 {
    font-size: 1.5em
  }
  header[role="banner"]{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    padding:0;
    border-bottom:2px solid #002663;
    z-index:2
  }
  .searchpad li a {
    height: 36px;
    padding: 5px;
    width: 40px;
    margin:0
  }
  #logo img {
    width:90%;
    text-align: left
  }
  .search {
    width: 53%
  }
}
@media print {
  * {
    background: transparent !important;
    color: #000 !important; /* Black prints faster: h5bp.com/s */
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important
  }
  a,
  a:visited {
    text-decoration: underline
  }
  a[href]:after {
    content: " (" attr(href) ")"
  }
  abbr[title]:after {
    content: " (" attr(title) ")"
  }
  /*
    * Don't show links for images, or javascript/internal links
  */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid
  }
  thead {
    display: table-header-group; /* h5bp.com/t */
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important
  }
  @page {
    margin: 0.5cm
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3
  }
  h2,
  h3 {
    page-break-after: avoid
  }
}



/*------------------------------------*\
  * $SOCIAL/STATUS
\*------------------------------------*/
/**
 * Twitter css
 * system status 8/28/15 CL
*/
.norm, .warn, .crit, .search_wrapper button:after  {
  font-weight: 700;
}
.norm:before, .warn:before, .crit:before {
    content: "";
    background: url('../images/icons/icons_status.png') no-repeat;
    height: 36px;
    float: left;
}

.norm:before {
   background-position: center -1px;
   width: 36px;
}
.warn:before {
   background-position: center -65px;
   width: 28px;
}
.crit:before {
   background-position: center -130px;
    width: 31px;
}
.norm, .warn, .crit {
    color: #FFF;
    line-height: 2.2;
    width: 100%;
    height: 36px;
}

.norm {
    background-color: #5bbf04; /*7ED702;*/
}
.warn {
    background-color: #F2B406; /*FFC603;*/
}
.crit {
    background-color: #820000; /*9e0000;*/
}
.norm > span, .warn > span, .crit > span {
    font-size: 1rem !important;
    padding-left: .313em !important;
    font-weight:normal;
}
#udelitstatus img[data-scribe="element:avatar"], [data-scribe="element:name"], [data-scribe="element:screen_name"], [data-scribe="element:user_link"]  {
    display:none !important;
}
#udelitstatus {
    background:#F4F4F4;
    overflow-x:auto;
    max-height:400px;
}
#udelitstatus p{
    font-size:.825rem;
    margin-bottom:0;
}
#udelitstatus li {
    padding-bottom: .938em;
    border-bottom:1px solid #CCC;
}
#udelitstatus li:last-child, .timePosted a {
    border-bottom: none;
}
.tweet {
    padding:.500em .625em;
}
.tweet {
    word-wrap: break-word;
}
.twitter_header {
    background: #0066AA none repeat scroll 0 0;
    padding: 0;
    color:#FFF;
    text-align:center;
}
.twitter_header a {
        color: #FFF;
}
.twitter_header a span {
        color: gainsboro;
}
.timePosted {
    text-align:right;
    padding:0 .625em;
}