/* $HeadURL: https://svn.cac.washington.edu/svn/ateam/weblogin_files/trunk/data/www/css/global.css $ */
/* $Id: global.css 750 2012-11-07 22:44:12Z hubert@u.washington.edu $ */
/** Global styles… mobile first approach ***/

body {
background: #fff;
font-family: 'Open Sans', Helvetica, sans-serif;
font-weight: 400;
text-align: center;
font-size: 16px;
line-height: 24px;
}

#main {
width: 100%;
}

.form, .sidebar, .warning {
float: none;
width: 100%;
}

.sidebar { margin-top: 0; }

.form {
border: none;
padding: 0;
margin-bottom: 35px;
}

.links {
margin:0;
padding: 0;
}

.login, .submit, .links {
list-style-type: none;
}

.login {
margin-bottom: 12px;
}

.login, .submit {
padding: 0;
}


.login li, .submit li {
margin: 15px;
}

.login li:first-child, .submit li:first-child {
margin-bottom: 5px;
}

.login li :first-child input {

}

.login li:last-child input {

}

.login li input {
display: block;
width: 97%;
height: 43px;
padding: 4px;
font-size: 17px;
font-weight: bold;
line-height: 43px;
color: #000;
background-color: #fff;
border: 1px solid #CCC;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

/*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);*/

-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

.login li input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
}


.login li.populated span {
text-overflow: ellipsis;
white-space: nowrap;
font-weight: bold;
line-height: 44px;
font-size: 17px;
overflow: hidden;
width: auto;
background-color: transparent;
text-align: left;
padding-left: 5px;
}

.login .token-list { margin-top: 0; }

.login label { display: none; }

.login input::-webkit-input-placeholder { color: #aaa; }
.login input:-moz-placeholder { color: #aaa; }

.login-static-name {
line-height: 43px; text-align: left;

}
.login-static-name span {
display: block;
line-height: 43px;
font-size: 18px;
font-weight: bold;
color: #666;
padding: 4px;
width: 97%;
background-color: #eee;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: solid 1px #ddd;

 }

.submit {
    margin-top: 30px;
}

.submit input[type="submit"] {
display: inline-block;
width: 100%;
/*padding: 4px 10px 4px;*/
margin-bottom: 0;
font-size: 17px;
font-weight: bold;
line-height: 34px;
height: 43px;
color: #333;
text-align: center;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
vertical-align: middle;
cursor: pointer;
background-color: whiteSmoke;
background-image: -ms-linear-gradient(top, white, #E6E6E6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#E6E6E6));
background-image: -webkit-linear-gradient(top, white, #E6E6E6);
background-image: -o-linear-gradient(top, white, #E6E6E6);
background-image: linear-gradient(top, white, #E6E6E6);
background-image: -moz-linear-gradient(top, white, #E6E6E6);
background-repeat: repeat-x;
border: 1px solid #CCC;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-color: #E6E6E6 #E6E6E6 #BFBFBF;
border-bottom-color: #B3B3B3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;

filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);

}

.subpage { }
.subpage .logo { }
.subpage .message { line-height: 30px; font-size: 20px;}
.subpage .message img { margin-bottom: 5px; }
.subpage .message span { }

.copyright { font-size: 13px; line-height: 18px; }
.copyright-links { display: block; margin-left: 0; }

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

#dark_cover{
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: #000;
  position: fixed;
  top: 0;
  left: 0;

  /* RGBa with 0.5 alpha*/
  background: rgba(0, 0, 0, .5);
  /* For IE 5.5 - 7*/
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
  /* For IE 8*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}