/* Style sheet overrides for mobile skin */

/*.draggable {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.draggable input {
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -o-user-select: text;
    user-select: text;
}*/

/*::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}*/

body {
/*	overflow: hidden;*/
}

#statsContent {
	margin-top:0px;
	padding-top:5px;
}

#statsResults > div.prettyTable {
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

#menuPage {
	background-color: #FBF9EE;
	height: 100%;
	overflow: hidden;
}

#menuContent {
	background-color: #FBF9EE;
	margin-top:0; margin-bottom:0;
	padding:0;
	overflow: hidden;
	overflow-y:auto;
}


div.value > div.ui-checkbox {
	display:inline-block;
}

/*div.value > label {
	float:left;
}
div.value > br {
	display:none;
	visibility:hidden;
}*/

body {
	margin:0;
	background-image: none;
	background-color: #FBF9EE;
	font-size: 11pt;
}

div.gutterBox {
	width:100%;
	height:100%;
/*	overflow:hidden;*/
	margin:0;
}

div.pageHeader {
	display:none;
	overflow:hidden;
	visibility:hidden;
	height:0px;
}

div.pageContent {
	overflow-x:hidden;
	overflow-y:hidden;
	margin:0;
}

div.topBar {
	display:none;
	overflow:hidden;
	visibility:hidden;
	height:0px;
}

div.pageFooter {
	display:none;
	overflow:hidden;
	visibility:hidden;
	height:0px;
}

div.contentBox {
	overflow:hidden;
	min-height:100%;
}

div.navigation {
	float:none;
	display:none;
	overflow:hidden;
	visibility:hidden;
	height:0px;
}

div.sideMatter {
	float:none;
	display:none;
	overflow:hidden;
	visibility:hidden;
	height:0px;
}

div.notebook {
	margin-left:1px;
	margin-right:1px;
}

div.notebook>ul {
	display: table;
	width: 100%;
	font-size: larger;
	margin: 0;
	padding: 0;
	padding-top:2px;
}

div.notebook>ul>li{
	display: table-cell;
	margin-left:0;
	margin-right:0;
	padding:0.5em;
	text-align:center;
}

div.indented {
	margin-left:1em;
}

div.pageChoiceWrapper {
	overflow: hidden;
}

div.pageChoiceWrapper > * {
	width:auto;
	margin: 0 0.25em;
	float:left;
}
div.pageChoiceWrapper > span {
	display:block;
	height:2.5em;
	line-height:2.5em;
}

div.prettyTable {
	font-size:10pt;
    overflow:auto;
}


select, input[type="submit"], input[type="button"], button,
div.notebook > ul > li, .vMenu > li, fieldset.notebook > legend > ul > li {
	margin:0 0.4em;
}

select > option {
}

.transparent {
	opacity:0;
}

ul.vMenu > li > a, ul.vMenu > li > span {
	line-height:2.4em;
	height:2.4em;
}

input[type="submit"], input[type="button"], button {
    height: 2.4em;
/*    margin: 0.5em;*/
}

/*input[type="submit"], input[type="button"], button, div.button {
    height: 2.4em;
    margin: 0.5em;
}*/
div.ui-btn > input[type="submit"], div.ui-btn > input[type="button"],
div.ui-btn > button, div.ui-btn > div.button {
	height:100%;
	margin:auto;
}

div.ui-select {
	max-width:21em;
}

#exerciseView.portrait ul.vMenu > li {
	font-size: 0.8em;
	line-height: 2.5em;
	height: 2.5em;
	margin:0em;
}

#exerciseView.portrait ul.vMenu > li > span {
	height: 2.5em;
	line-height: 2.5em;
}

#exerciseView.landscape ul.vMenu > li {
    font-size: 0.8em;
    height: 2.5em;
    line-height: 2.5em;
    margin: auto 0;
}

#exerciseView.landscape ul.vMenu > li > span {
    height: 2.5em;
    line-height: 2.5em;
}

#exerciseView.landscape div.prettyTable > ul.vMenu > li {
    font-size: 0.8em;
    height: 2em;
    line-height: 2em;
    margin: 0;
}

#exerciseView.landscape div.prettyTable  > ul.vMenu > li > span {
    height: 2em;
    line-height: 2em;
}

div.inputButtonBox {
	margin:0 auto;
/*	width:20em;*/
}

.pagedChoice {
	font-size: larger;
}

#availabletrophies {
	float:none;
	max-width:none;
	width:100%;
}

#form\.description {
	width:auto;
}

div.alertsBox {
	max-height: 12em;
}

.ui-header .ui-title, .ui-footer .ui-title {
	margin: .6em 5% .8em;
}

pre {
    overflow:auto;
}


/*@media only screen and (orientation : portrait) {
	.landscapeOnly {
		visibility:hidden;
		display:none;
		height:0px;
	}
}

@media only screen and (orientation : landscape) {
	.portraitOnly {
		visibility:hidden;
		display:none;
		height:0px;
	}
}*/

/*div.ui-input-text {
	background-color:gray;
}*/