Banner CSS Code Window

Copy the following CSS code (between the lines) and insert into your HTML document immediately preceding the closing HEAD tag. </HEAD>

<style type="text/css">
body {
     margin:0;
}
 

/* --------- UAF BANNER Styles------- */

form {
     display:inline;
     padding-left:0px;
}
a.searchlink {
     padding-right:5px;
}
a.searchlink:link {
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
    padding-right:5px;
}
a.searchlink:visited {
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
}
a.searchlink:hover {
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
}
a.searchlink:active {
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
}
#banner_container {
    background-color: #236192;
    border-bottom: 1px solid #236192;
    display: block;
    overflow: auto;
    padding: 0.3% 5%;
}

#uaf_logo {
     display:block;
     width: 100%;
}
.logo {
     padding-top: 5px;
}
#tabs {
     color:#FFFFFF;
     display:block;
     float:right;
     font-family:Arial,Helvetica,sans-serif;
     font-size:12px;
     font-weight:bold;
     margin-top:9px;
     width: 50%
}

.searchUA {
     padding: 0px;
     font-size: 11px;
     float:left;
}

.searchUA form input {
     border:1px solid #EEEEEE;
     padding:2px;
     vertical-align:middle;
}

.searchUA input.btn, select.btn {
     background-color:#FFCC66;
     color:#666666;
     margin-left:9px;
     padding:1px;
}

.searchCheck {
     padding: 3px;
}


.linksUAF {
     float:left;
     padding: 10px 15px 0 0;
}


#tabs form {
    margin-bottom: 0px;
}

#tabs  input[type="text"], input[type="password"], input[type="email"], textarea, select {
    display: inline;
    padding: 2px;
}

#tabs input[type="image"] {
   margin-left: 5px;
}


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
    @media only screen and (min-width: 480px) and (max-width: 767px) {
#tabs { display: none; }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
    @media only screen and (max-width: 479px) {
#tabs { display: none; }
}

/* --------- END UAF BANNER Styles------- */


a:focus {
     outline: none;
     -moz-outline: none;
}
    </style>
<!--End UAF banner CSS-->