﻿@font-face {
    font-family: 'museo';
    src: url('../../../fonts/museo_500/Museo500-Regular-webfont.eot');
    src: url('../../../fonts/museo_500/Museo500-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../fonts/museo_500/Museo500-Regular-webfont.woff2') format('woff2'),
         url('../../../fonts/museo_500/Museo500-Regular-webfont.woff') format('woff'),
         url('../../../fonts/museo_500/Museo500-Regular-webfont.ttf') format('truetype'),
         url('../../../fonts/museo_500/Museo500-Regular-webfont.svg#museo500') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	background-color:#1c1c1c;
	background-image: url('../../../gfx/bg-body.png');
	background-position:0px -5px;
	color:white;
	font-family:museo;
}

#componentContainer {
	width:100%;
}

#applicationContainer {
	width:100%;
	color:white;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}



input[type="button"], button {
    -moz-box-sizing: content-box;
}

#loginPrompt
{
	display:inline;
	float:right;
}

#permissionsWarning
{
	width:90%;
	max-width:100%;
	font-size:2em;
	text-align:center;
	padding:5%;
	background-color:dodgerblue;

}

/* @group Clearfix */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

* html .clearfix {
	height: 1%;
}

/* @end */
