html {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

body {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	cursor: auto;
	margin: 0px;
	border: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.dj_ie body {
	/* We have to overwrite the font attribute from dojo as well, or we run
	into problems on IE */
	font: 11px arial, helvetica, sans-serif;
}

/* Overrides the font for some reason */
.dojoxGrid {
	font-family: arial, helvetica, sans-serif;
}

/*
.dj_ie * {
	font-family: arial, helvetica, sans-serif;
}
*/

#progress {
	height:15px;
	text-align:center;
	font-weight: bold;
        position: absolute;
        line-height: 15px;
        margin-top: 42.5px;
        margin-left: 10px;
        display: inline-block;
}

.dj_trident #progressBar {
    animation: spinImage 4s linear infinite;
   }
@keyframes spinImage { 100% { transform:rotate(360deg); } }

#iwcLayout {
	width: 100%;
	height: 100%;
}

.toolbarItem.disabled .toolbarbutton-icon {
	filter : alpha(opacity=30);
	cursor : default;
}

.dj_ie .toolbarItem.disabled .toolbarbutton-text {
	color: #666;
}

.dijitClosable .busyImage {
	display:inline-block;
}

/*
	#overlay is the Loading progress bar
*/
#overlay {
	position:absolute;
	top:0pt;
	left:0pt;
	width:100%;
	height:100%;
	z-index:90;
	background-color: #FFF;
	filter: alpha(opacity=85);
	-moz-opacity: .85;
	opacity:.85;
}

#overlay.login {
	background-color: #FFF;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity:1;
}

#overlay .centered {
	position:relative;
	top:50%;
	left:50%;
	height:100px;
	width:350px;
	margin-top:-50px;
	margin-left:-125px;
}

#overlay .centered #progressBar{
        border: none;
        display: inline-block;
}

#overlay .centered .loader{
    border:solid #ccc 0.5px;
}

#overlay .centered .logo {
    margin-left: auto;
    margin-right: auto;
}
#progressBar .dijitProgressBarTile{
        display: none;
}

#progressBar .dijitProgressBarLabel{
        line-height:100px;
}

.dj_trident #progressBar .dijitProgressBarLabel{
        animation: spinLabel 4s linear infinite;
}
@keyframes spinLabel { 100% { transform:rotate(-360deg); } }
/* override the dojo firebug lite console def */
.firebug {
	margin: 0;
	background: #FFFFD7; /* Not themed */
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	overflow: hidden;
	border: 1px solid black;
	width:98%;
	position: absolute !important;
	bottom:0px;
	z-index:99999 !important;
}