.intermission
{
	padding: 42px 0 0 0;
    margin: 0;
    background: #ffffff;
    overflow: hidden; 
    text-align: left;
}

.intermission #framebar
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 42px;
    z-index: 100;
    border-bottom: 2px solid #666;
    background: #ffffff;
}

.intermission #container 
{
	width: 100%;
	height: 42px;
	background: url(../img/int_top_bg.gif) center top repeat-x;
	position:relative;
	text-align: center;
}

.intermission #content {
    width: 100%;
    height: 100%;
    z-index: 10;
    -webkit-box-sizing: border-box;    
}

.intermission #timer 
{
	position:absolute;
	z-index:10001;
	top:4px;
	left:12px;
	color:#ffffff;
	font-size:0.8em;
	font-family:Arial;
	font-weight:bold;
	text-shadow: 1px 1px 0px #000;
}

.intermission table 
{
	width:100%;
	height:42px;
	margin:0;
	padding:0;
	border: 0;
	border-collapse: collapse;
	border-spacing:0;
}

.intermission table .left 
{
	width: 220px;
	padding: 0 15px 0 15px;
	text-align: left;
	white-space:nowrap;
}

.intermission table .center 
{
	padding: 0 15px 0 0;
	text-align: center;
	white-space:nowrap;
}

.intermission table .right 
{
	width: 118px;
	padding: 0 15px 0 0;
	text-align: left;
	white-space:nowrap;
}

.intermission .button
{
	position:relative;
	width:118px;
	height:26px;
}

.intermission #skip
{
	position:absolute;
	z-index:10000;
}

.intermission #skip_disabled
{
	position:absolute;
	z-index:10001;
}

.intermission #advertise {
	color:#202020;
	font-size:0.9em;
	font-family:Arial;
	font-weight:bold;
	text-shadow: 1px 1px 0px #e3e3e3;
	text-decoration: none;
}

.lockerList {
    padding: 44px 0 0 0;
    margin: 0;
    background: #ffffff;
    overflow: hidden; 
    text-align: left;
}

.locker
{
	padding: 71px 0 0 0;
    margin: 0;
    background: #ffffff;
    overflow: hidden; 
    text-align: left;
}

.locker #framebar, .lockerList #framebar
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 42px;
    z-index: 100;
    border-bottom: 2px solid #666;
    background: #ffffff;
}

.locker #container, .lockerList #container
{
	width: 100%;
	height: 42px;
	background: url(../img/int_top_bg.gif) center top repeat-x;
	position:relative;
	text-align: center;
}

.locker #content {
    width: 100%;
    height: 100%;
    z-index: 10;
    -webkit-box-sizing: border-box;    
}

.locker #framebar table,
.lockerList #framebar table
{
	width:100%;
	height:42px;
	margin:0;
	padding:0;
	border: 0;
	border-collapse: collapse;
	border-spacing:0;
}

.locker #framebar table .left,
.lockerList #framebar table .left
{
	width: 220px;
	padding: 0 15px 0 15px;
	text-align: left;
	white-space:nowrap;
}

.locker #framebar table .center, 
.lockerList #framebar table .center
{
	padding: 0 15px 0 0;
	text-align: center;
	white-space:nowrap;
	color: #292929;
	font-size:18px;
	font-family:Verdana;
	font-weight:bold;	
}

.locker #framebar table .right,
.lockerList #framebar table .right
{
	width: 118px;
	padding: 0 15px 0 0;
	text-align: left;
	white-space:nowrap;
}

.locker .button, .lockerList .button
{
	position:relative;
	width:118px;
	height:26px;
}

.locker #locker_wait, .lockerList #locker_wait
{
	position:absolute;
	z-index:10000;
}

.locker #locker_loader, .lockerList #locker_loader
{
	position:absolute;
	z-index:10001;
	top:5px;
	left:10px;
	color:#ffffff;
	font-size:0.8em;
	font-family:Arial;
	font-weight:bold;
	text-shadow: 1px 1px 0px #000;
}

.locker #advertise, .lockerList #advertise 
{
	color:#202020;
	font-size:0.9em;
	font-family:Arial;
	font-weight:bold;
	text-shadow: 1px 1px 0px #e3e3e3;
	text-decoration: none;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.intermission {
		padding: 42px 0 0 0; /* for webkit*/
	}
	.intermission #content {
		padding-bottom: 42px; /* for webkit*/
	}
	
	.locker {
		padding: 71px 0 0 0; /* for webkit*/
	}
	.locker #content {
		padding-bottom: 71px; /* for webkit*/
	}

    .lockerList {
        padding: 44px 0 0 0; /* for webkit*/
    }
}

img
{
	border-style: none;
}

.warning 
{
    border: 1px solid;
    color: #9F6000;
    background-color: #FEEFB3;
    width: 550px;
    height: 230px;
    text-align:left;
}

.warning #header
{
	font-size: 2.2em;
	font-family: Arial Rounded MT Bold;
}

.warning div
{
	margin: 20px;
}

.warning img
{
	margin-left: 10px;
	margin-right: 10px;
}