*{
	font-size: inherit;
	color: inherit;
	padding:0;
	margin:0;
	text-decoration:none;
}

small{
	font-size:		0.75em;
}

body{
	font-family: sans-serif;
	background:#fff;
}

.hyphens-on {
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.large-texts {
    word-wrap: break-word;
}

.ui-btn-active {
	background: inherit;
	border: inherit;
	color: inherit;
	cursor: inherit;
	font-family: inherit;
	font-weight: inherit;
	text-decoration: inherit;
	text-shadow: none;
}

.ui-btn-down-x,
.ui-btn-down-z{
	background-color:rgba(0,0,0,0.4) !important;
	color:#fff;
}

.ui-btn-down-z.ui-btn-active:after{
	border-right-color:#fff;
}

.toolbar .ui-btn-down-z{
	background-color:#666 !important; 
}



.large .ui-page,
.large .ui-dialog{
	font-size:1.2em;
}

header .logo{
	background-color: transparent;
	background-position:50% 50%;
	background-repeat: no-repeat;
	background-size:100%;
	padding-top:23.8%;	
}

header ul.toolbar{
	height:4.14em;
	margin-bottom:0.25%;
	list-style:none;
}

header .toolbar li{
	background-size: 100% 100%;
	background-position:50% 50%;
	background-repeat:no-repeat;
	overflow:hidden;
}

header .toolbar li a{
	display:block;
	height:100%;
	font-size:1.5em;
	line-height:2.76em;	/* font-size * line-height = toolbar height */
	text-align:center;
	font-weight:bold;
	cursor:pointer;
	background-size: contain;
	background-position:50% 50%;
	background-color:transparent;
	background-repeat:no-repeat;
}

ul.buttonbar{
	height:2.8em;
	margin-bottom:0.25%;
	margin-top:0.25%;
	list-style:none;
}

.buttonbar li{
	background-size: 100% 100%;
	background-position:50% 50%;
	background-repeat:no-repeat;
	overflow:hidden;
}

.buttonbar li a{
	display:block;
	height:100%;
	font-size:1em;
	line-height:2.76em;	/* font-size * line-height = toolbar height */
	text-align:center;
	font-weight:bold;
	cursor:pointer;
	background-size: contain;
	background-position:50% 50%;
	background-color:transparent;
	background-repeat:no-repeat;
}

header h1{
	margin:0 !important;
	margin-top:0px !important;
	font-size:1.15em !important;
	line-height:3.6em !important;
	padding:0 !important;	
}

.ui-content{
	padding:0;
	margin:0;
	padding-bottom:2em;
}

footer{
	padding-bottom:1em;
}

footer .notes{
	font-size:0.75em;
	text-align:center;
}

footer ul.toolbar{
	height:3em;
	margin-bottom:2em;
	list-style:none;
}

footer .toolbar li a{
	display:block;
	line-height:3em;
	cursor:pointer;
	background-color:transparent;
	text-align:center;
	cursor:pointer;
	background-size: contain;
	background-position:50% 50%;
	background-color:transparent;
	background-repeat:no-repeat;
}

footer .toolbar li a.opt{
	padding-left:3em;
	background-position:0% 50%;
}

.ui-loader{
	padding					:	0;
	margin					:	0;
	width					:	100%;
	height					:	auto;
	background-color		:	#888;
	border-radius			:	0 !important;
	padding					:	2em 0;
	opacity					:	0.5;
	left					:	auto!important;
}

.ui-icon-loading{
	background-image		:	url('/public/static/images/ajax-loader.gif');
	background-position		:	50% 50%;
	background-repeat		:	no-repeat;
	padding					:	2em;	
	margin					:	auto !important;
}

