﻿
html, body { width: 100%; height: 100%; margin: 0; padding: 0; overflow-x: hidden; background-color: #000; color: #fff; font-family: Verdana, Arial; font-size: 9pt; }
div.one-over-one { clear: both; max-width: 935px; width: 100%; margin: 0 auto; }

/*.info, .success, .warning, .error { border: 1px solid; padding:15px 10px 15px 20px; }
.info { color: #00529B; background-color: #BDE5F8; }
.success { color: #4F8A10; background-color: #DFF2BF; }
.warning { color: #9F6000; background-color: #FEEFB3; }
.red .error { padding: 5px; float: left; }*/

.error { color: #D8000C; }
.red { color: #D8000C; }

header { margin: 25px 0; text-align: center; }
    header img { width: 310px; }

div.login { width: 300px; margin: 0 auto; text-align: center; }
    div.login input { width: 205px; }
        div.login input[type="submit"] { float: left; width: calc(100% - 10px); }
    div.login a { margin-right: 12px; }

/*input[type=submit] {padding: 10px; color: black; font-weight: bold; font-size: 16px; border: 0; background: #ddd; cursor:pointer;}
input[type=submit].active, input[type=submit]:hover {background: #FF7900; }
input[type=submit].aspNetDisabled { color: #f2f2f2; cursor:default;}
input[type=submit].aspNetDisabled:hover, input[type=submit].active.aspNetDisabled { background: #ddd; color: #f2f2f2;}*/

a#btnLogout { float: right; }

a { text-decoration: none; color: #fff; }
    a#ctl00_ContentPlaceHolder1_btnGiftVoucher { margin-right: 20px; }
    a.active, a:hover { color: #F7941D; }
    a.selected ul { background-color: #F7941D; display: block; }

div.vouchers { margin: 20px 0; border-top: 1px solid #F7941D; }

div.rbtns { margin: 20px 0; }
    div.rbtns input[type="radio"] + label { margin-right: 20px; }
    div.rbtns input[type="radio"]:checked + label { color: #F7941D; }

div.search a { margin-right: 20px; }

ul { border-bottom: 1px solid #F7941D; padding: 10px; margin: 0; }
    ul.normal { color: #fff; }
    ul.alternate { color: #F7941D; }

    ul li { list-style: none; }

a:hover ul.normal { color: #fff; }
a.selected ul { color: #fff; }
a.aspNetDisabled:hover, a.active.aspNetDisabled { color: #fff; }

div.voucher { position: relative; }
    div.voucher .btnSave { margin-top: 10px; padding: 6px; color: black; font-weight: bold; font-size: 16px; border: 0; background: #F7941D; cursor: pointer; }
        div.voucher .btnSave:hover { background-color: #F7941D; }

    div.voucher .btnAlreadyUsed { margin-top: 10px; padding: 6px; color: black; font-weight: bold; font-size: 16px; border: 0; background: #f00; cursor: default; color: #fff; }

.mrg-t-b-20 { margin: 20px 0; display: block; }
