body {
 background-color:#6c6d6c;
 background-image: url(../images/bg-tile-7.png),
 url(../images/bg-3400-2.png); 
 background-repeat: repeat, repeat-x;
 
}

#container {
  margin-right: 11px; 
}

#wrapper {
 width: 967px;
 border: 2px solid white;
 margin: 0 auto;
 position: relative; 
  margin-top: 50px;
 background-color: white;
 margin-bottom: 25px;
 -moz-box-shadow: 7px 7px 7px black;
 -webkit-box-shadow: 7px 7px 7px black;
 box-shadow: 7px 7px 7px black;
 background-repeat: no-repeat;
}
  
#logo {
 margin-left: 18px;
 margin-top: -38px;
}

#logo img {
 box-shadow: 3px 3px 3px rgba(0, 0, 0, .3);
}
   
#loginArea {
width: 600px;
float: right;
margin-top: -42px;
margin-right: 55px;
margin-bottom: 25px;
}

#loginArea p {
font-family: 'Source Sans Pro', sans-serif;
font-size: 14px;
margin-top: 8px;
text-align: center;
color: #6d6d6c;
font-weight: lighter;
width: 610px;
}

#loginArea p a:link, #loginArea p a:visited {
color: blue;
} 

#loginArea p a:hover, #loginArea p a:active {
color: #E9692C;
text-decoration: none;
} 

#loginBox {
width: 650px;
border: 1px solid gray;
font-family: 'Source Sans Pro', sans-serif;
color: black;
font-weight: lighter;
background-color: #c3c3c3;
padding: 10px;
margin-left: -50px;
}

#loginBox a:link, #loginBox a:visited {
color: black;
text-decoration: none;
}

#loginBox a:hover, #loginBox a:active {
color:white;
text-decoration: none;
}    
   
h1 {
text-align: center;
margin-bottom: 10px;
color: #E9692C;
font-size: 65px;
letter-spacing: -2px;
font-family: 'Source Sans Pro', sans-serif;
 
font-weight: lighter;
}


/*HOME PAGE*/

#roesPage {
width: 850px;
margin-top: 90px;
margin-left: 55px;
position: relative;
}

#roesPage h1 span {
color: #6d6d6c;
font-weight: 200;
}

#roesTextBox {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 300;
color: #6d6d6c;
font-size: 20px;
text-align: center;
line-height: 130%;
margin-bottom: 25px;
margin-top: 20px;
}

#roesTextBox hr {
 margin-top: 25px; 
 border: 0;
 height: 1px;
 background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

#roesPage strong  {
 font-weight: 600;
} 

#bulletpoints {
width: 340px;
position: absolute;
margin-left: 525px;
}

#bulletpoints li {
font-family: 'Source Sans Pro', sans-serif;
color: black;
font-weight: lighter;
font-size: 16px;
margin-bottom: 7px;
}

#bulletpoints span {
color: #E9692C;
font-size: 25px;
}

#roesPage img {
box-shadow: 6px 6px 6px gray;
}

#roesPage img:first-of-type {
margin-bottom: 135px;
margin-top: 5px;
width: 489px;
}

#roesPage img:last-of-type {
position: absolute; 
left: 470px;
top: 440px;
width: 385px;
}

#middle {
margin-top: 40px;
}

.whyChoose {
color: green;
font-weight: 400;
}

/*DOWNLOAD PAGE*/

#dlPageRule hr {
 margin-top: 55px; 
 border: 0;
 height: 1px;
 background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

#downloadPage {
width: 850px;
height: 400px; 
margin: 0 auto;
/*margin-top: 125px;*/
margin-top: 85px;
 
}

#downloadPage h1 {
color: #6d6d6c;
font-weight: 100;
font-size: 75px;
letter-spacing: -5px;
}

#downloadSoftware { 
 width: 850px;
 margin-top: 25px;
 margin: 0 auto;
 text-align: center;
}


#dlTextBox {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 300;
color: #6d6d6c;
font-size: 20px;
text-align: center;
line-height: 130%;
margin-bottom: 50px;
margin-top: 20px;
}


#downloadSoftware {
font-family: 'Source Sans Pro', sans-serif;
font-size: 20px;
font-weight: lighter;
}

#downloadSoftware a:link, #downloadSoftware a:visited {
text-decoration: none;
color: black;
color: white;
background-color: #E9692C;
padding: 20px;
} 

#downloadSoftware a:hover, #downloadSoftware a:active {
text-decoration: none;
color: white; 
background-color: #6d6d6c;
padding: 20px;
box-shadow: 3px 3px 3px rgba(0, 0, 0, .3);
}


#dlLinks {
font-family: 'Source Sans Pro', sans-serif;
width: 250px;
text-align: center;
margin: 0 auto;
margin-top: 75px;
font-weight: 100;
font-size: 17px;
}

#dlLinks p {
margin-bottom: 15px;
}

#dlLinks a:link, #dlLinks a:visited {
text-decoration: none;
color: #6d6d6c;
} 

#dlLinks a:hover, #dlLinks a:active {
text-decoration: none;
color: blue;
} 


/*INSTRUCTIONS PAGE*/


#instPageRule hr {
 margin-top: 55px; 
 border: 0;
 height: 1px;
 background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}


#roesInstructionsPage{
width: 850px; 
margin: 0 auto;
margin-top: 30px;
 
}

#roesInstructionsPage strong{
  color:  black;
  font-weight: normal;
}

#roesInstructions {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 300;
  color: #6d6d6c;
  font-size:17px;
  line-height: 140%;
  margin-bottom: 75px;
  margin-left: 15px;
}

#roesInstructions p {
margin-bottom: 6px;
}

#roesInstructionsPage h1 {   
  font-family: 'Source Sans Pro', sans-serif;
  color: #6d6d6c;
  font-size: 45px;
  letter-spacing: -1px;
  margin-bottom: 35px;
  text-align: left;
  font-weight: 100;
}

 
#roesInstructionsPage a:link, #roesInstructionsPage a:visited {
 
  color: black;
  font-weight: bolder;
}

#roesInstructionsPage a:hover, #roesInstructionsPage a:active {
 
    color: #E9692C;
}

#roesInstructionsPage h2 {
margin-top: 25px;
margin-bottom: 10px;
font-size: 25px;
color: #E9692C;
font-family: 'Source Sans Pro', sans-serif;
font-weight: normal;
}

.newName {
color: red;
font-weight: bold;
text-transform: uppercase;
}

/*PASSWORD PAGE*/

#pwPageRule hr {
 margin-top: 55px; 
 border: 0;
 height: 1px;
 background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

#pwPage {
 margin-bottom: 50px;
}


#pwReset { 
 width: 850px;
 margin-top: 25px;
 margin: 0 auto;
 text-align: center;
}


#pwTextBox {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 300;
color: #6d6d6c;
font-size: 20px;
text-align: center;
line-height: 130%;
margin-bottom: 50px;
margin-top: 100px;
}


#pwReset {
font-family: 'Source Sans Pro', sans-serif;
font-size: 20px;
font-weight: lighter;
}

#pwReset a:link, #pwReset a:visited {
text-decoration: none;
color: black;
color: white;
background-color: #E9692C;
padding: 20px;
} 

#pwReset a:hover, #pwReset a:active {
text-decoration: none;
color: white; 
background-color: #6d6d6c;
padding: 20px;
box-shadow: 3px 3px 3px rgba(0, 0, 0, .3);
}



/*REGISTER PAGE*/

#regPageRule hr {
 margin-top: 55px; 
 border: 0;
 height: 1px;
 background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

#registerPage {
 margin-bottom: 50px;
 width: 850px;
 margin: 0 auto;
}

#registerPage #dlLinks {
margin-bottom: 50px;
}

#regTextBox {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 300;
color: #6d6d6c;
font-size: 20px;
text-align: center;
line-height: 130%;
margin-bottom: 50px;
margin-top: 100px;
}


#regButton { 
 width: 850px;
 margin-top: 25px;
 margin: 0 auto;
 text-align: center;
}


#regButton {
font-family: 'Source Sans Pro', sans-serif;
font-size: 20px;
font-weight: lighter;
}

#regButton a:link, #regButton a:visited {
text-decoration: none;
color: black;
color: white;
background-color: #E9692C;
padding: 7px;
} 

#regButton a:hover, #regButton a:active {
text-decoration: none;
color: white; 
background-color: #6d6d6c;
padding: 7px;
box-shadow: 3px 3px 3px rgba(0, 0, 0, .3);
}


/*registration info box*/
#registrationInfo {
/*border: 1px solid red;*/
width: 850px;
margin-bottom: 50px;
}



/*FOOTER*/

#footer {
 width: 967px;
 height: 100px;
 background-color:#E9692C;
 margin-top: 15px;
 border-top: 2px solid gray; 
}

#footer p {
 color: white;
 text-align: center;
 font-family: "Source Sans Pro", sans-serif;
 font-weight: lighter;
 padding: 40px;
 font-size: 25px;
}

#footer a:link, #footer a:visited {
text-decoration: none;
color: black;

} 

#footer a:hover, #footer a:active {
color: blue;
text-decoration: underline;
 
} 

/* Login form isolation from Bootstrap */
.no-bootstrap {
    /* Reset Bootstrap styles */
    all: initial;
    font-family: 'Source Sans Pro', sans-serif;
}

.no-bootstrap * {
    all: revert;
}

.no-bootstrap .login-form {
    /* Original login form styles */
    margin: 0;
    padding: 0;
}

.no-bootstrap .login-form label {
    display: block;
    margin-bottom: 5px;
    font-weight: 600;
}

.no-bootstrap .login-form input[type="text"],
.no-bootstrap .login-form input[type="password"] {
    width: 100%;
    padding: 8px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.no-bootstrap .login-form button {
    background-color: #28a745;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
}

.no-bootstrap .login-form button:hover {
    background-color: #218838;
}

.no-bootstrap .login-form a {
    color: #007bff;
    text-decoration: none;
}

.no-bootstrap .login-form a:hover {
    text-decoration: underline;
}

.custom-outline-btn{
  background-color: #fff;
  color: #E9692C;
  border: 1px solid #E9692C;
}
.custom-outline-btn:hover{
  background-color: #E9692C;
  color: #fff;
  border: 1px solid #E9692C;
}
.custom-outline-btn:focus{
  background-color: #E9692C;
  color: #fff;
  border: 1px solid #E9692C;
}