@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,500,700,100);
html {height: 100%;}
body{ min-height: 100%; font-family: 'Roboto', Helvetica, sans-serif; color:#fff; font-size: 16px; background-color:#000;}

h1{font-size: 35px; font-weight: 500; margin:0 0 10px 0; line-height: 1;}
h2{font-size: 25px; font-weight: 400; margin:0 0 10px 0; line-height: 1;}
h3{font-size: 20px; font-weight: 300; margin:0 0 10px 0; line-height: 1;}

.toptext{margin-top: 100px;}
.toptext p{padding: 20px 20px;}

.loginbox{
background: url(images/Brushed_Metal.jpg) top center; background-size: cover;
    position: relative; display:block;
    -moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: #fff;
-moz-box-shadow: 0 8px 17px 4px rgba(10,10,10,.35);
-webkit-box-shadow: 0 8px 17px 4px rgba(10,10,10,.35);
box-shadow: 0 8px 17px 4px rgba(10,10,10,.35); 
padding:10px 30px 30px 30px;
}
#logo{position: absolute; top:20px; left:20px; z-index: 4;}
#dslogo{display: block;}
#dslogo img{display: block; margin:0 auto;}
.loginbox p{color:#000; padding: 20px; text-align: center;}
.v1{color:#fff; margin: 40px 0; display: block; text-decoration: underline;}
.v1:hover{color:#fff; opacity: 0.8;}
.needaccess p{color:#fff; font-size:12px; margin-bottom:0px;}
.needaccess a{color:#b6b6b6; font-size:12px;}
.needaccess a:hover{color:#fff; opacity: 0.8;}

.bolt{position: absolute; top:-5px;}
#bolt-left{left:-10px;}
#bolt-right{right:0px;}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #ebebeb;
    text-align: center;
    background-color: #fff;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-radius: 0px;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: none;
    border-radius: 0px;
    -webkit-box-shadow:none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-horizontal .form-group {
    margin-right: 0px;
    margin-left: 0px;
}

.btn{border-radius: 0px;}
.btn-primary{background-color:#8b0e04;border-color: #8b0e04;}
.btn-primary:hover{background-color:#8b0e04;border-color: #8b0e04; opacity: 0.8;}

#footer{min-height: 125px; display: block; padding-top:0px; margin-top:50px; z-index: 3; position: relative;}
#footer h3{font-size: 18px; font-weight: bold; margin-top: 10px;}
#footer p{font-size: 12px; padding-top: 10px;}
#footer p a{color:#fff; text-decoration: underline;}
#footer p a:hover{color:#fff; opacity: 0.8;}
.poweredby{padding-top:50px;}

#vignette{z-index: 2; position: absolute; top:0; left:0; width: 100%; height: 100%; display: block;}
#maincontent{z-index: 5; position: relative;}
#footerbkgrd{display: block; width: 100%; z-index: 1; position: absolute;}

@media (min-width: 768px) {
    h1{font-size: 60px;}
    h2{font-size: 30px;}
    h3{font-size: 20px;}
  .toptext p{padding: 50px 80px;}  
}

@media (min-width: 992px) {
    
}

@media (min-width: 1200px) {
    
}