body{
background-color:#F3F3F3;
color: #000;
font-size: 14px;
margin:0;
padding:0;
font-family: Lato, sans-serif !important;
}
h1, h2, h3{
margin:0;
clear:both;
}
h1{
font-size:36px;
font-weight:lighter;
}
h2{
font-size:18px;
color:#333;
margin-top:1em;
}
h3{
text-transform:uppercase;
font-weight:lighter;
margin:25px 0 10px 0;
padding-bottom:5px;
border-bottom:2px solid #CCC;
}
a{
text-decoration:none;
}
a img{
border:none;
}
img#header{
display:block;
}
img#saw-logo {
margin-left:-7px;
}
p.vNumber{
color:#666;
font-size:18px;
margin:0 0 50px 0;
}
p.devVersion{
color:#BBD;
font-size:smaller;
padding:0 0 5px 5px;
}
.cayuseButton{
position:absolute;
top:0px;
right:20px;
}
body.research h1, body.subawards h1{
padding:20px 0 50px 0;
}
body.research p.note{
text-align:center;
font-size:12px;
color:#666;
}
body.research p.note a{
color:#006699;
}
#errorMessage.info, #errorMessage p.info{
background-color: #e8f0fe;
border-color: #2e6da4;
color: #006699;
/*color: #2e6da4;*/
}
#errorMessage{
border:2px solid #DE1A0C;
background:#FFF0F0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-khtml-border-radius: 5px;
width:585px;
margin:0 auto 10px auto;
}
#errorMessage p{
background-color:#FFF0F0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-khtml-border-radius: 5px;
color:#DE1A0C;
padding-left:45px;
padding-right:15px;
padding-top:15px;
padding-bottom:15px;
margin:0;
line-height:1.5;
height: auto;
}
div.headerDiv {
background-color: white;
width: 928px;
margin-top: 15px;
margin-left: 20px;
margin-right: 20px;
border:1px solid #CCC;
}
.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px
}
.btn-primary {
color: #fff;
background-color: #337ab7;
border-color: #2e6da4
}
div.centerDiv {
text-align: right;
width:585px;
margin:0 auto 10px auto;
}
#wrapper{
margin: 0 auto;
position: relative;
text-align: left;
width: 970px;
}
#content{
width:930px;
margin:0 auto;
position:relative;
background:#FFF;
vertical-align: bottom;
}
#contentInner{
border-left:1px solid #CCC;
border-right:1px solid #CCC;
border-bottom:1px solid #CCC;
padding:30px 50px;
min-height:580px;
height:auto !important; /* For ie6 */
}
#formContent{
width:585px;
margin:0 auto;
border:5px solid #999;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-khtml-border-radius: 5px;
background-color:#999;
}
#formContentInner{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-khtml-border-radius: 5px;
background:#FFF url(../../images/content-bg-vertical-repeat.png) top right repeat-y;
border-top:3px solid #FFF;
border-right:3px solid #FFF;
border-bottom:3px solid #FFF;
overflow:hidden;
}
#formLeft, #formRight{
float:left;
}
#formLeft{
width:71%;
}
#formLeft > *{
padding:0 30px;
}
#formLeft .divider{
border-bottom:5px solid #999;
}
#formLeft.login{
padding:35px 0 15px 0;
}
#formLeft form > p{
overflow:hidden;
}
#formLeft p{
margin:5px 0;
}
#formLeft p em{
margin:0 0 15px 0;
display:inline-block;
}
#formLeft a{
color:#337ab7;
}
#formLeft form{
margin-top:15px;
padding-bottom:15px;
}
form label{
font-weight:bold;
line-height:42px;
float:left;
}
form input{
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-khtml-border-radius: 2px;
background-color:#f7f7f7;
border:1px solid #CCC;
line-height:42px;
font-size:18px;
float:right;
}
form div.legal{
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-khtml-border-radius: 2px;
font-size:small;
background-color:#f7f7f7;
border:1px solid #CCC;
height: 20em;
overflow-y: scroll;
}
form input[type="text"], form input[type="password"]{
padding:0 8px;
height:42px;
width:65%;
}
body.register form input{
width:60%;
}
body.register form input[type="button"] {
width:40%;
}
body.register form input[type="submit"] {
width:40%;
}
body.register form input[type="checkbox"]{
float:none;
line-height:1em;
height:auto;
width:auto;
border:none;
background:none;
}
#formLeft.login form p{
margin-bottom:10px;
overflow:hidden;
}
form p.button{
text-align:right;
clear:right;
}
form button, form input[type="button"], form input[type="submit"], a button{
text-align:center;
width: 70%;
color:#FFF;
font-size:14px;
font-family:Lato, sans-serif;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-khtml-border-radius: 5px;
border:2px solid #CCC;
cursor:pointer;
overflow:visible;
}
button#registerButton {
width: 60%;
}
form button:hover, form input[type="button"]:hover, form input[type="submit"]:hover, a button:hover{
background-color: #286090;
}
#formRight{
width:29%;
color:#FFF;
font-size:12px;
margin-top:30px;
}
#formRight > *{
padding:0 15px;
}
#formRight a{
color:#ffff99;
display:block;
}
#formRight a:hover{
color:#FFF;
}
#footer{
width:930px;
margin:0 auto;
}
#footer p{
font-size:11px;
color:#999;
margin:10px 5px;
}
#footer p a, #footer p span.company{
color:#336699;
}
body.subawards #footer{
height:49px;
margin-bottom:20px;
}
body.subawards.register #formLeft{
width:100%;
}
body.register #formLeft p{
margin-bottom:8px;
}
body.subawards.register #formContentInner{
background-image:none;
}
body.register #formLeft .button{
border-top:2px solid #CCC;
overflow:hidden;
color:#999;
padding:15px 5px 0 5px;
}
body.register #formLeft .button button{
float:right;
}
body.register #formLeft .button p a{
display:block;
}
body.register #formLeft .button p{
margin-top:3px;
}
body.register #formLeft p label a{
font-size:smaller;
}
body.register #formLeft div.checkbox{
margin:30px 0 20px 0;
font-weight:bold;
clear:both;
}
body.register #formLeft div.checkbox p{
margin-bottom:5px;
}
#compat{
font-size:14px;
font-weight: bold;
}