@charset "utf-8";

/**
 * GLOBAL SITE CSS
 */

body, html{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}

body{
    font-family:Arial,Helvetica,sans-serif;
    font-size: 13px;
    color:#fff;
	background:url(/images/bg-chick.png) top left no-repeat #000;    
}


div.loginBox{
	background: url(/images/loginBox.png) no-repeat top;	
	width:374px;
	height:225px;
	padding-top:45px;
	padding-left:30px;
	margin:0 auto;		
	vertical-align:center;	
	clear:both;	 
	position:relative;
}
div.loginBox input{
	border:1px solid #553333; 
    -moz-border-radius:3px;
	-webkit-border-radius:2px;
	border-radius:2px;
    -moz-box-shadow:0px 0 5px #222222;
    -webkit-box-shadow:0px 0 5px #222222;
    box-shadow:0px 0 5px #999999;
	height:30px;
	width:325px;
	font:italic 22px Arial, Verdana, Tahoma;
	color:#2f2f2f;
	padding-left:5px;	
}
div.loginBox p{
	line-height:0;	
	margin:5px 0 0 2px;	
}
div.loginBox span{
	font:italic 15px Arial, Verdana, Tahoma;
	color:#0472a7;
}
div.loginBox button{
	background-color:#048bcc;
	color:#fff;
	font:bold 12px Verdana, Arial, Tahoma;
	border:2px solid #0472a7;
	padding:2px 10px;
	text-align:right;
}
a.admin {
	background: url("/images/icons/fugue/bonus/icons-24/wand.png") no-repeat scroll left center transparent;
    color: blue;
    height: 32px;
    line-height: 32px;
    margin-right: 5px;
    padding-left: 30px;
    position: absolute;
    right: 10px;
    text-decoration: none;
    top: 10px;
}

p.message{
	font:normal 13px Verdana, Arial, tahoma;
	color:#014262;
	margin: 20px 30px
}
div.success {
    margin: 5px 0;
    text-align: center;
}
div.success p {
    background: url("/images/icons/tick.png") no-repeat scroll 5px 5px #EFFFEF;
    border: 2px solid #A7DFA8;
    color: #004F00;
    display: inline-block;
    font: bold 12px Verdana,Arial,Georgia;
    margin: 0;
    overflow: auto;
    padding: 10px 10px 10px 38px;
}
div.warning {
    margin: 5px 0;
    text-align: center;
}
div.warning p {
    background: url("/images/icons/exclamation.png") no-repeat scroll 5px 5px #FFF7BF;
    border: 2px solid #EFD73B;
    color: #6F6000;
    display: inline-block;
    font: bold 12px Verdana,Arial,Georgia;
    margin: 0;
    overflow: auto;
    padding: 10px 10px 10px 38px;
}
div.error {
    margin: 5px 0;
    text-align: center;
}
div.error p {
    background: url("/images/icons/cross.png") no-repeat scroll 5px 5px #FFF0EF;
    border: 2px solid #EF9B95;
    color: #6F0800;
    display: inline-block;
    font: bold 12px Verdana,Arial,Georgia;
    margin: 0;
    overflow: auto;
    padding: 10px 10px 10px 38px;
}

/*
	Checkbox styles
 */

:root {
    --form-background: transparent;
    --form-control-color: #DD3E3E;
    --form-control-disabled: #959495;
}

.age-18-warning-container .dw-chk input[type="checkbox"] {
    /* Add if not using autoprefixer */
    -webkit-appearance: none;
    /* Remove most all native input styles */
    appearance: none;
    /* For iOS < 15 */
    background-color: var(--form-background);
    /* Not removed via appearance */
    margin: 0;

    font: inherit;
    color: currentColor;
    width: 1.15em;
    height: 1.15em;
    border: 0.15em solid currentColor;
    border-radius: 0.15em;
    transform: translateY(-0.075em);

    display: grid;
    place-content: center;
}

.age-18-warning-container .dw-chk input[type="checkbox"]::before {
    content: "";
    width: 0.65em;
    height: 0.65em;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
    transform: scale(0);
    transform-origin: bottom left;
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em var(--form-control-color);
    /* Windows High Contrast Mode */
    background-color: CanvasText;
}

.age-18-warning-container .dw-chk input[type="checkbox"]:checked::before {
    transform: scale(1);
}

.age-18-warning-container .dw-chk input[type="checkbox"]:disabled {
    --form-control-color: var(--form-control-disabled);

    color: var(--form-control-disabled);
    cursor: not-allowed;
}
.age-18-warning-container .dw-chk.question h2{
    font-size:24px;
}
.age-18-warning-container .dw-chk .dw-chk-cont{
    display: inline-block;
    vertical-align: text-bottom;
    margin-left:15px;
}
.age-18-warning-container .dw-chk .buttons a.button.yes.disabled{
    background-color:#afafaf;
    color: #5f5f5f;
    text-shadow: 1px 1px 0 #cfcfcf;
    cursor: no-drop;
}

.age-18-warning-container{
    display:table-cell;
    vertical-align: middle;
}
.age-18-warning-container > div{
    margin:0 auto;
    text-align:center;
}
.age-18-warning-container .adult-content {
    border-bottom:1px solid #fff;
    padding-bottom:30px;
}
.age-18-warning-container .adult-content h1{
    background:url(/common/images/18-circle.png) no-repeat top center transparent;
    padding-top:95px;
    color:#E3051A;
    font-size:48px;
    margin:0;
    text-shadow: 1px 1px 0 #000;
}
.age-18-warning-container .question h2{
    font-weight: 500;
    font-size: 32px;
    color: #fff;
    text-shadow: 1px 1px 0 #000;
}
.age-18-warning-container .question p.warning{
    font-weight: 400;
    font-size: 15px;
    color: #fff;
}
.age-18-warning-container .buttons a.button{
    font-weight: 400;
    font-size: 14px;
    padding: 10px 25px 10px 25px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-transform: uppercase;
    text-decoration:none;
}
.age-18-warning-container .buttons{
    padding:20px 0;
}
.age-18-warning-container .buttons a{
    margin:0 15px;
}
.age-18-warning-container .buttons a [class^="icon-"]{
    margin-right:10px;
    font-size: 13px;
}
.age-18-warning-container .buttons a.button.yes{
    background-color:#5CAD4A;
    color:white;
    text-shadow: 1px 1px 0 #215416;
}
.age-18-warning-container .buttons a.button.no{
    background-color:#DD3E3E;
    color:white;
    text-shadow: 1px 1px 0 #841A1A;
}
.age-18-warning-container .disclaimer{
    padding-top:25px;
    font-size:13px;
    color:#fff;
}
.age-18-warning-container .disclaimer a{
    color:#DD3E3E;
    text-decoration:none;
}