/*
UTHealth / Web Communications
Under the Department of Office of Advancement
Subject: Login Screen Template

default.css

*/

/* reset styles
-----------------------------------*/
div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  font-size: 100%;
  list-style-type: none;
  margin: 0; padding: 0;
  border: 0; outline: 0;
  vertical-align: baseline;
  background: transparent; }

input, select { vertical-align: middle; }

/* global styles
-------------------------*/
html {
  background: #666;
  }

body {
  font: .8em/130% normal Verdana, Helvetica, Arial, sans-serif;
  border: 1px solid #FFF;;
  margin: 0 auto;
  padding: 1em 0;
  position: relative;
  max-width: 800px;
  background: #CCC;
  }

/* .img_masthead styles
------------------------*/
.img_masthead {
  text-align: left;
  margin-left: 1em;
  }

/* #welcomeinfo styles
-----------------------*/
#welcomeinfo {
  text-align: center;
  color: #FFF;
  margin: 3em 0 0;
  }
#welcomeinfo h2,
#welcomeinfo h3 {
  font: 4em/1em bold Times, "Times New Roman", Georgia, serif;
  }
#welcomeinfo h2 {
	margin-bottom: -.18em;
	position: relative;
	z-index: 999;
	font-size: 4em;
  }

/* #psloginframe styles
------------------------*/
#psloginframe {
  border-top: 4px solid #FFF;
  border-bottom: 4px solid #FFF;
  overflow: auto;
  background: #BD4F19;
  }
#psloginframe form {
  font-size: 1.2em;
  color: #FFF;
  border-right: 1px solid #FFF;
  float: left;
  padding: 3em 2em 5em;
  width: 45%;
  }
#psloginframe ul {
  margin: 0 auto;
  width: 70%;
  }
.psloginlabel {
  float: left;
  display: block;
  margin: 0 .8em 0 0;
  width: 60px;
  }
#psloginframe input {
  font-size: 1em;
  font-weight: bold;
  color: #FFF;
  border: 1px solid #666;
  margin-bottom: 1em;
  padding: .4em;
  width: 60%;
  background: #552600;
  }
.psloginbutton {
  border: 1px solid #999 !important;
  border-right: 1px solid #333 !important;
  border-bottom: 1px solid #333 !important;
  cursor: pointer;
  margin: 1em 0 0 6.3em;
  width: auto !important;
  }
.psloginbutton:hover {
  border: 1px solid #333 !important;
  border-right: 1px solid #999 !important;
  border-bottom: 1px solid #999 !important;
  }

/* #sub-content styles
---------------------------*/
#sub-content {
  color: #EEE;
  float: left;
  margin: 2.1em 1.93em;
  width: 40%;
  }
#sub-content ul {
  margin: 1em 0;
  }

/* .pswarning styles
---------------------*/
.pswarning {
  padding: 1em;
  text-align: center;
  }

/* #footer styles
------------------*/
#footer {
  text-align: center;
  }
#footer a {
  color: #000;
  font-weight: bold;
  text-decoration: none;
  }
#footer a:hover {
  text-decoration: underline;
  }
  
.class1 A:link {font-size: 16px;text-decoration: none; color: yellow;}
.class1 A:visited {text-decoration: none; color: yellow;}
.class1 A:active {text-decoration: none;}
.class1 A:hover {font-size: 16px; font-weight:bold; text-decoration: underline overline; color: black;}
 
 .blink_me {
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-name: blinker;
	-moz-animation-duration: 1s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;
	animation-name: blinker;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	color: #000;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}