html{min-height:100%; font: ;}
body {background: linear-gradient(#bab6a0,#9b9885); font: normal 16px/150% Arial, Helvetica, sans-serif; }
#container2 { margin:2em 5em; width:auto; }
#cas header { display:block; background:#900028; position:relative; height:85px;}
#course_docs_resp { position:absolute; right:10px; top:35px; }
#course_docs_resp a {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
}
footer {display:block; background:#900028; position:relative; color: #fff;}
#footerbox { padding: 10px;  }
#footerbox h2 { font-family: "Times New Roman", Times, serif; font-variant-caps: small-caps; margin-top: 0 }
#footerbox dl { font-size: .7em; }
#footerbox ul { margin: 0;padding: 0;}
#footerbox li { list-style: none; padding:.02em}

/*#course_docs_resp  .tooltiptext{ display:none}*/
#cas #content, #content{background: #fff; /*url(../images/bgs/bg6.jpg)*/ background-repeat: no-repeat; background-position: center ;   background-size: cover; overflow: hidden;     border-radius: 0 0 10px 10px;}

#cas #content #login .btn {
    background: #900028;
    color: #FFF;
	}
#duo_iframe{ width: 100%; border-radius: 10px; }
#logo {
  display: block;
  position: relative;
  background: none;
  text-indent: 0;
  float: none;
  height: 85px;
  width: 80%;
  margin: -18px 40px 0 10px;
  border: 0px;
  color: white;
}
#enviro{
  display: block;
  position: absolute;
  top:0;
  left:0;
  background: rgba(144,0,40,.5);
  text-indent: 0;
  text-align: center;
  float: none;
  height: 85px;
  width: 300px;
  border: 0px;
  color: #00FF00;
  font-size: 40px;

}
#login .login-header .fa-circle{
 color:#900028;
}
#login .login-header {
margin-bottom: 0;
background: none;
}
#login section.row{
 margin: 5px 0;
}
.help {
	font-size: 1.25em;
}

.help a{
	font-weight: bold;
}
.help div{
	padding: 5px 0;
}


.help ul li {
	display: inline-block; padding: 3px 8px;
}
.help ul  {
	margin: 0; padding: 0;
}

#msg {
	text-align:left;
    padding: 20px;
}
#msg h2 {
	margin-top:0;
}
#msg.errors {
    /*border: 1px dotted #BB0000;*/
    color: #BB0000;
    padding-left: 60px;
    background: url(../images/error.png) no-repeat 20px 20px;
}

#msg.success {/* border: 1px dotted #390;*/ color: #390; padding-left: 60px; background: url(../images/success.png) no-repeat 20px 20px; }
#msg.info {/* border: 1px dotted #008;*/ color: #008; padding-left: 60px; background: url(../images/info.png) no-repeat 20px 20px; }
#msg.question { /*border: 1px dotted #390;*/ color: #390; padding-left: 60px; background: url(../images/question.png) no-repeat 20px 20px; }
#msg.warn {/* border: 1px dotted #960;*/ color: #960; padding-left: 60px; background: #ffbc8f url(../images/info.png) no-repeat 20px 20px; }

.duo {padding-top:20px;}

.tooltip {
    position: relative;
    display: inline-block;
}
.tooltip .tooltiptext {
    visibility: hidden;
    width: 140px;
    background-color: white;
    color: #0099ff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    top: 150%;
    left: 40%;
    margin-left: -60px;
    font-size: 13px;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 40%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent white transparent;
}
.tooltip:hover .tooltiptext {
    visibility: visible;
}


.errors {
    /*border: 1px dotted #BB0000;*/
    color: #BB0000;
    padding-left: 60px;
    background: url(../images/error.png) no-repeat 20px 20px;
}

.ws { color:#A09D8B;}
.ws a:link { color:#A09D8B;text-decoration:none;}
.ws a:visited { color:#A09D8B;}
.ws a:hover { color:#A09D8B;}

.clear {
	clear:  both;
}
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	zoom: 1;
}

.course_docs_resp {position:absolute; right:6%; top:65px; color:#FFFFFF; font-size:16px;}
.course_docs_resp a:link {color:#fff;text-decoration:none;font-size:16px;}
.course_docs_resp a:visited {color:#fff;text-decoration:none;}
.course_docs_resp a:hover {color: #0099FF;text-decoration: none;}

#login {
	font:400 12px/12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	border-radius:1.2em;
	background:rgba(255,255,255,.8);
	padding:25px;
	text-align:center;
	position:relative;
	min-width:600px;
	max-width:600px;
	margin-top: 50px;
	margin-left: 40px;
	margin-bottom: 80px;
	width:33%;
}


#login a {
 color: #900028;
}

#login .btn {
    cursor: pointer;
    width: 70%;
    border: none;
    background: #900028;
    color: #FFF;
    margin: 10px auto 5px;
    padding: 10px;
    border-radius: 5px;
    font-weight: bold;
}

.login-header h2{
    color: #991D57;
    display: block;
    font-size: 2.2em;
    text-align: center;
}

.login-header h2 span{
    font-size:.8em;
}

#fm1 h2 { font-size:1em}

label{
	margin-top: 1.5em;
	margin-bottom: .6em;
}

#help dl{
	width: 70%; 
	text-align: left;
	margin: auto;
}
#help dt{
	font-size: 1.3em;
	font-weight: bold;
	padding: 0;
}
#help dd{
	padding: 8px;
	padding-bottom: 20px;
}

#help ul{
	margin: 0;
	padding: 0;
	}
#help li{
	display: block;
	padding: .3em 0;
	}

#fm1 input[type="text"], #fm1 input[type="email"], #fm1 input[type="password"], #fm1 input[type="url"], #fm1 textarea {
	width:70%;
	box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	border:1px solid #CCC;
	background:#FFF;
	margin:0 0 5px;
	padding:10px;
	border-radius:5px;
	text-align:center;
}
#fm1 input[type="text"]:hover, #fm1 input[type="email"]:hover, #fm1 input[type="password"]:hover, #fm1 input[type="url"]:hover, #fm1 textarea:hover {
	transition:border-color 0.3s ease-in-out;
	border:1px solid #AAA;
}
#fm1 textarea {
	height:100px;
	max-width:100%;
}

#fm1 input:focus, #fm1 textarea:focus {
	outline:0;
	border:1px solid #999;
}


.lrgtxt {
	font-size:24px;
}

 
@media only screen
and (max-width : 870px) {

#container2 { margin:1em 2em; }	

#login {
	min-width:0;
	max-width:none;
	margin-top: 25px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	width:90%;
}

}

/* iPhone (portrait) ----------- */

@media only screen  and (max-width : 640px) {

#cas header { height:auto; text-align: center;}
#cas header h1{ margin-left: 0}
#container2 { margin:0 0; }
#course_docs_resp { position:relative; right:auto; top:auto; display: block; }

#content{background: #fff !important; background-size: cover; overflow: hidden; }

#logo {
  display: block;
  background: none;
  text-indent: 0;
  float: none;
  height: 85px;
  text-align: center;
  width: 100%;
  margin: -18px 0 0 0;
  border: 0px;
  color: white;
}

#enviro{
  display: block;
  position: absolute;
  top:0;
  left:0;
  background: rgba(144,0,40,.5);
  text-indent: 0;
  text-align: center;
  float: none;
  height: 85px;
  width: 100%;
  border: 0px;
  color: #00FF00;
  font-size: 40px;

 }
 
 .flashy{ 
  animation-name: flash;
  animation-duration: 0.2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-play-state: running;
}

@keyframes flash {
    from {color: #00ff00;}
    to {color: #900028;}
}

#login {
	padding:5%;
	margin-top: 0;
	width:90%;
}
#login .btn {
    width: 90%;
    cursor: pointer;
    background: #900028;
    color: #FFF;
    margin: 10px auto 5px;
    padding: 10px;
    border-radius: 5px;
    font-weight: bold;
	}
#fm1 input[type="text"], #fm1 input[type="email"], #fm1 input[type="password"], #fm1 input[type="url"], #fm1 textarea {
	width:90%;
}
#help dl{
	width: 90%; 
	}

}