@charset "UTF-8";

/* CWRU WEBSITE TEMPLATE [B] */
body, html {margin: 0; height: 100%;}

p {
    color:#333;
    font-family: Arizona, Arial, sans-serif;
    font-weight: normal;
    font-size: .8em;
    line-height: 1.5;
}

ol {
    color:#333;
    font-family: Arizona, Arial, sans-serif;
    font-weight: normal;
    font-size: .8em;
    line-height: 1.5;
}

p img {
    border: 1px solid #E8E8E8;
}

h1,h2,h3,h4,h5 {
    font-family: Arizona, Arial, sans-serif;
    color: #252525;
    line-height: 1.3;
    margin: 0;
    font-weight:normal;
}

.errors h2 {
    font-family: Arizona, Arial, sans-serif;
    color: #d00;
    line-height: 1.3;
    margin: 0;
    font-weight:normal;
}

img {
    border:none;
}

.breadcrumb2 {
    font-size:11px;
    font-family: Arizona, Arial, sans-serif;
    color: #252525;
    margin: 0;
    font-weight:normal;
}

.breadcrumb2 a {
    color: #0E4C7D;
}
/******************************************** Layout Elements **********************************/

#contentWrapper {
    margin: 0 0 20px 0;
    width: 100%;
    position: relative;
    overflow:hidden;
    clear: both;
}
#contentContainer {
    width: 1000px;
    margin: auto;
    position: relative;
}

/*************************************** Statistics Elements **********************************/
#statsWrapper {
    width: 900px;
    background: #003071;
    background: linear-gradient(225deg, transparent 70px, #003071 0) top right;
    margin: 50px auto 0 auto;
}

h3.stats {
    font-family: Arizona, Arial, sans-serif;
    color: white;
}

table.stats {
    font-family: Arizona, Arial, sans-serif;
    font-size: 10pt;
    color: white;
/*  border: 1px solid white;*/
    margin-left: 30px;
}

thead.stats {
    text-align: left;
}

/******************************************** Login Elements **********************************/

#loginWrapper {
    max-width: 590px;
    height: 500px; 
    background: #003071;
    background: linear-gradient(225deg, transparent 70px, #003071 0) top right;
/*  margin-left: 200px; */
/*  margin-top: 100px; */
        margin: 50px auto 0 auto;
}

.loginHdr {
    font-family: Arizona, sans-serif;
    font-weight: 200;
    font-size: 12pt;
    color: white;
    padding-right: 8px;
}

.loginExp {
    font-family: Arizona, sans-serif;
    font-weight: 200;
    font-size:8pt;
    color: white;
}

.loginText  {
    width: 590px;
    height: 150px;
    font-family: Arizona, Arial, sans-serif;
    color: #666666;
    font-size: 12px;
/*  margin-left: 200px;
 *   *      margin-top: 50px;
 *    *      */
    margin: 50px auto 0 auto;
}   

.loginText a {
    font-family: Arizona, Arial, sans-serif;
    font-size: 12px;
    color: #003071;
}

.loginText a:visited {
    font-family: Arizona, Arial, sans-serif;
    font-size: 12px;
    color: #666666;
}

#loginWrapper img {
    border: none;
}

#loginHeader {
    padding-top: 25px;
    width: 525px;
}

#loginImg {
    margin-top: 45px;
    margin-left: 70px;
    width: 275px;
    float: left;
}

#loginTitle {
    margin-top: 33px;
    padding: 10px 0 10px 20px;
    font-family: Arizona, Arial, sans-serif;
    font-size: 16pt;
    font-weight: 100;
    color: white;
    border-left: white 1px solid;
    float: right;
}

#entryWrapper  {
    width: 590px;
    overflow: hidden;
}   

#entryLogin  {
    width: 40%;
    height: 205px;
/*  padding-top: 20px; */
    margin-left: 85px;
    float: left;
    clear: right;
}

#loginButton  {
    float: left;
    width: 590px;
    margin: 0px;
}       

#quickLink  {
    width: 40%;
    height: 205px;
    padding-left: 0px;
/*  padding-top: 20px; */
    float:right;    
}

.textentry  {
    font-family: Arizona, Arial, sans-serif;
    color: #e3e3e3;
    font-size: 13px;
}

.textentry a  {
    color: #e3e3e3;
    text-decoration: none;
}
.textentry a:hover  {
    color: #e3e3e3;
    text-decoration: underline;
}

.quickentry  {
    font-family: Arizona, Arial, sans-serif;
    color: #e3e3e3;
    font-size: 15px;
    line-height: 26px;
}

.quickentry a {
    color: #e3e3e3;
    text-decoration: none;
}
.quickentry a:hover {
    color: #e3e3e3;
    text-decoration: underline;
}

.entrybox  {
    font-family: Arizona, Arial, sans-serif;
    color: #333333;
    font-size: 12px;
    width: 195px;
    height: 23px;
}
#messagebox-container {
    padding-left: 11px;
    padding-right: 16px;
}

div.messageboxbox {
/*        padding: 5px; */
        padding-left: 55px;
        text-align: center;
/*        width: 590px; */
        min-height: 34px;
        vertical-align: middle;

}
div.messagebox {
    font-family: Arizona, Arial, sans-serif;
    font-size: 12px;
    padding: 5px;
    padding-left: 55px;
    text-align: center;
    width: 70%;
        min-height: 34px;
    vertical-align: top;
}

div#msg {
    color: #d00;
    background-image: url(../images/images-warning.png);
    background-repeat: no-repeat;
    background-position: left 120px top;
    font-family: Arizona, Arial, sans-serif;
    font-weight: bold;
    font-size: 14px;
    text-align:center;
    /* vertical-align:center; */
    background-color:#003071;
    height:34px;
    padding-bottom:20px;
}

div#lockmsg {
    color: #d00;
    font-family: Arizona, Arial, sans-serif;
    font-weight: bold;
    font-size: 14px;
    text-align:center;
    /* vertical-align:center; */
    background-color:#003071;
    height:34px;
    padding-bottom:20px;
}

div.confirmation {
    color: #fff;
    background-image: url(../images/images-ok.png);
    background-repeat: no-repeat;
    background-position: 10px 5px;
    font-family: Arizona, Arial, sans-serif;
    font-weight: bold;
    float: right;
}

div.cfmtxt {
    float:left;
}

div.notice {

    color: #fff;
    background-image: url(../images/images-notice.png);
    background-repeat: no-repeat;
    background-position: 10px 5px;
    font-family: Arizona, Arial, sans-serif;
    font-weight: bold;
    float: right;
}

div.messageboxbox a {
        color: #fff;
        text-decoration: underline;
}

div.messageboxbox a:visited {
        color: #fff;
        text-decoration: underline;
}

.notice a {
    color: #fff;
    text-decoration: underline;
}

input#username.required, input#password.required {
    width:170px;
    margin-bottom: 3px;
}

.notice a:visited {
    color: :#fff;
    text-decoration: underline;
}

@media only screen and (min-width: 591px) {
 #mobileResetPassword {
         display: none;
  }
}

@media only screen and (max-width: 590px) {
 #mobileResetPassword {
   display: block;
   float: left;
   width: 100%;
   margin: 0px;
   color:white;
   font-family: Arizona, Arial, sans-serif;
   font-weight: normal;
   font-size: 1em;
   line-height: 1.5;
  }
 #mobileResetPassword a {
  font-family: Arizona, Arial, sans-serif;
  font-size: 12px;
  color: white;
 }
 #mobileResetPassword a:visited {
  font-family: Arizona, Arial, sans-serif;
  font-size: 12px;
  color: white;

 }
}

@media only screen and (max-width: 590px) {
    #quickLink, .textentry {
        display:none;
    }
    #loginTitle {
        display: none;
    }
    #contentWrapper {
        margin: 0px;
        width: 100%;
        /*position: relative;*/
        overflow:hidden;
        clear: both;
    }
    #contentContainer {
        margin: 0px;
        width: 100%;
    }
    #loginWrapper {
        width: 100%;
/*        height: 400px; */
        height: 460px;
        background: #003071;
        background: linear-gradient(225deg, transparent 50px, #003071 0) top right;
        background: -webkit-gradient(linear, right top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(10%,rgba(255,255,255,0)), color-stop(10%,#003071), color-stop(100%,#003071));
        margin: 0px;
    }
    #loginButton  {
        float: left;
        width: 100%;
        margin: 0px;
    }
    #entryLogin  {
        width: 50%;
        height: 150px;
        margin-left: 20%;
        float: left;
        clear: right;
    }
    #loginHeader {
        padding-top: 25px;
        width: 494px;
    }
    #loginImg {
        margin-left: 10%;
        width: 60%;
        float: left;
    }

    .loginText  {
        width: 96%;
        height: 250px;
        font-family: Arizona, Arial, sans-serif;
        color: #666666;
        font-size: 12px;
        margin: 2%;
    }
    input#username.required, input#password.required {
        font-size:150%;
        width:120%;
        margin-top:1%;
    }
}

@media only screen and (max-width: 320px) {
    #entryLogin  {
        width: 60%;
        height: 150px;
        margin-left: 10%;
        float: left;
        clear: right;
    }
    #loginHeader {
        padding-top: 5px;
        width: 494px;
        margin-bottom: -50px;
    }
    #loginImg {
        margin-left: 5%;
        width: 50%;
        float: left;
    }
    #loginWrapper {
/*        height: 320px; */
        height: 400px ;
        margin: 0px;
    }
}