
@font-face {
    font-family: 'Open Sans', sans-serif;src:url("fonts/opensans/OpenSans-Regular.eot");src:url("fonts/opensans/OpenSans-Regular.eot?#iefix") format("embedded-opentype"),url("fonts/opensans/OpenSans-Regular.woff") format("woff"),url("fonts/opensans/OpenSans-Regular.ttf") format("truetype"),url("fonts/opensans/OpenSans-Regular.svg#OpenSans") format("svg");font-weight:400;font-style:normal
}

@font-face {
    font-family: 'Open Sans', sans-serif;src:url("fonts/opensans/OpenSans-Regular.eot");src:url("fonts/opensans/OpenSans-Regular.eot?#iefix") format("embedded-opentype"),url("fonts/opensans/OpenSans-Regular.woff") format("woff"),url("fonts/opensans/OpenSans-Regular.ttf") format("truetype"),url("fonts/opensans/OpenSans-Regular.svg#OpenSans") format("svg");font-weight:300;font-style:normal
}

@font-face {
    font-family: 'Open Sans', sans-serif;src:url("fonts/opensans/OpenSans-Regular.eot");src:url("fonts/opensans/OpenSans-Regular.eot?#iefix") format("embedded-opentype"),url("fonts/opensans/OpenSans-Regular.woff") format("woff"),url("fonts/opensans/OpenSans-Regular.ttf") format("truetype"),url("fonts/opensans/OpenSans-Regular.svg#OpenSans") format("svg");font-weight:700;font-style:normal
}

/*Adding font face for IE*/
@font-face {
    font-family: 'Open Sans', sans-serif;font-weight: 300;
    src: url('fonts/opensans/OpenSans-Regular.eot');
    src: url('fonts/opensans/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans/OpenSans-Regular.woff') format('woff'),
         url('fonts/opensans/OpenSans-Regular.ttf') format('truetype'),
         url('fonts/opensans/OpenSans-Regular.svg#OpenSans') format('svg');
    font-weight: normal;
    font-style: normal;
/*300*/
}

@font-face {
    font-family: 'Open Sans', sans-serif;font-weight: 600;
    src: url('fonts/opensans/OpenSans-Regular.eot');
    src: url('fonts/opensans/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans/OpenSans-Regular.woff') format('woff'),
         url('fonts/opensans/OpenSans-Regular.ttf') format('truetype'),
         url('fonts/opensans/OpenSans-Regular.svg#OpenSans') format('svg');
    font-weight: normal;
    font-style: normal;
/*700*/
}

@font-face {
    font-family: 'Open Sans', sans-serif;font-weight: 400;
    src: url('fonts/opensans/OpenSans-Regular.eot');
    src: url('fonts/opensans/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans/OpenSans-Regular.woff') format('woff'),
         url('fonts/opensans/OpenSans-Regular.ttf') format('truetype'),
         url('fonts/opensans/OpenSans-Regular.svg#OpenSans') format('svg');
    font-weight: normal;
    font-style: normal;
/*400*/
}
/* End of adding font face for IE*/


body{
	font-family: 'Open Sans',  Arial, Helvetica, sans-serif;
}

h1,h2,h3,h4,h5,h6 {
    margin: 10px 0;
   font-family: inherit;
    font-weight: 700;
                font-weight: 400\0; /* IE 8*/
    line-height: 1;
    color: inherit;
    text-rendering: optimizelegibility
}

h1 small,h2 small,h3 small,h4 small,h5 small,h6 small {
	font-family: 'Open Sans',  Arial, Helvetica, sans-serif;
    font-weight: 400;
    line-height: 1;
    color: #999
}

h1 {
    font-size: 36px;
    line-height: 40px
}

h2 {
    font-size: 30px;
    line-height: 40px
}

h3 {
    font-size: 24px;
    line-height: 40px
}

h4 {
    font-size: 18px;
    line-height: 20px
}

h5 {
    font-size: 14px;
    line-height: 20px
}

h6 {
    font-size: 12px;
    line-height: 20px
}

h1 small {
    font-size: 24px
}

h2 small {
    font-size: 18px
}

h3 small {
    font-size: 14px
}

h4 small {
    font-size: 14px
}

p{
	font-family: 'Open Sans',  Arial, Helvetica, sans-serif;
	color:#444444;
	font-size:14px;
}
ol{
	font-family: 'Open Sans',  Arial, Helvetica, sans-serif;
	color:#444444;
	font-size:14px;
}
.wrapper{
	width:100%;
	max-width:1000px !important;
	margin:auto;
}
.header{
	background-color:#000;
	border-bottom:solid 10px #cc0000;
	padding:0px 20px;
	text-align:left;
	margin-top:10px;
}
.content-wrapper{
	background-color:#ffffff;
	width:100%;
	max-width:980px !important;
	margin:auto;
	border-bottom:solid 2px #cac7c1;
	margin-bottom:10px;
	min-height:250px;
}
.content{
	padding:20px;	
}
.footer{
	background-color:#000000;
	padding:20px;
	margin-bottom:10px;
}
a {
    color: #c00 !important;
    text-decoration: none  !important;
}
a:hover {
    color: #c00  !important;
    text-decoration: underline  !important;
}
a:visited{
	color: #680000  !important;
}
td:hover{
	background-color:#f5f5f5  !important;
}
.error-img{
	display:inline-block;
	width:150px;
}
.errormsg-content{
	display:inline-block;
	padding-left:30px;
}
.dropdown{
	display:inline-block;
	margin-right: 40px;
}
.dropdown-menu > li {
	border-bottom:1px solid #e4e1e1;
	padding: 4px 0px;
}
td{
	padding:15px 10px !important;
}
.login-lock{
	margin-top: -5px;
	margin-left: 5px;
}
.dropdown-menu li a{
	color: #100f0f;
}
.dropdown-menu>li>a:hover{
	color:#c00 !important;
	text-decoration:none !important;
}
.mobile-login-icon{
	display:none;}
/*start button styling by Peter*/
.btn {
    display: inline-block;
    padding: 10px 20px 10px 20px !important;
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 10px;
    font-weight: 700;
    font-weight: 400\0;
    color: #666363;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255,255,255,.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f4f0ea;
    background-image: none;
    background-repeat: repeat-x;
    border: 0;
    border-bottom: 2px solid #ccc6c6;
    border-bottom-width: 2px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    filter: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-family: 'Open Sans', Arial,sans-serif;
}
a.btn.btn-primary:visited {
    color: #F7F2F2;
}
a.btn:visited {
    color: #666363;
}
.btn.btn-primary {
    color: #f7f2f2;
    text-shadow: 0 -1px 0 #300;
    background-color: #c00;
    background-image: none;
    border-bottom: 2px solid #7f0000;
}
.btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary.active, .btn.btn-primary.disabled, .btn.btn-primary[disabled] {
    color: #fff !important;
    background-color: #ab0000;
	text-decoration:none !important;
}
.white-text {
    color: #fff !important;
}
/*end button styling by Peter*/
@media (max-width: 991px) {

}

@media (max-width: 767px) {

}

@media (max-width: 479px) {
h1{
	font-family: 'Open Sans',  Arial, Helvetica, sans-serif;
	font-size:40px;
	font-weight:100;
	margin-top:20px;
	margin-bottom:20px;
}
.header{
	background-color:#000;
	border-bottom:none;
	padding:0px;
	text-align:left;
	margin-top:10px;
}
.dbs-logo{
	width:40%;
}
.dropdown{
	display:inline-block;
	margin-right: 0px;
}
.errormsg{
	text-align:center;
}
.error-img{
	width:80%;
}
.errormsg-content{
	display:block;
	padding-left:0px;
}
/* Commented out as it is in conflict
.btn{
	background:none !important;
	border:none !important;
	padding:20px !important;
}
*/
.btn{
	width: 100%;
}
.login-text{
	display:none;
}
.mobile-login-icon{
	display:inline-block;}
	

}