/* ============================================================================================================== */
/* WIKI */

.twolayer {
	position: relative;	
	width: inherit; height: inherit;
}

.infront { 
	position: absolute;
	top: 0; left: 0;
	width: inherit; height: inherit;
	z-index: 1;
}

.behind {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	overflow: hidden;
	z-index: -10;
}

.onethird { width: 33%; }
.twothird { width: 66%; }


.nolist li { margin-left: 0; list-style:none; border:0; }
.hidden { display: none; }
.absolute { position: absolute; }

.floatright { float: right; }
.floatleft { float: left; }
.center { margin: 0px auto; }

.alignleft, .textleft { text-align: left; }
.aligncenter, .textcenter { text-align: center; }
.alignright, .textright { text-align: right; }
div.clear { height:1%; clear:both; }
.wide, .full-width { width: 100%; box-sizing: border-box; } /* we add box-sizing, otherwise the padding isn't included in width being 100%. */

.floatrightwithpadding { float: right; margin: 0 0 10px 10px; }
.floatleftwithpadding { float: left; margin: 0 10px 10px 0px; }

.scrollable {
	-webkit-overflow-scrolling:touch;
	overflow-x: hidden; 
	overflow-y: scroll;
}

.noscrollable {
	overflow: hidden !important;
	max-height: 100%;
	display: block;
}


/* This is the debugging overlay error button. */
#errorbutton {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 20px;
	height: 20px;
	
	/* red button */
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}


.verticalcenter {
	display: table; 
	width: 100%;
	height: 100%;	
}
.verticalcenter > * {
	display: table-cell; 
	vertical-align: middle; 	
}



.bottomcenter {
	position: absolute;
	bottom: 0;
	left: 0; /* set this, otherwise it will indent at padding */
/*
	margin: 0 auto;
*/

	width: 100%;
	text-align: center;
	box-sizing: border-box;
}


.noselect {
	-webkit-touch-callout: none; -webkit-text-size-adjust: none; -webkit-user-select: none; -webkit-highlight: none; -webkit-tap-highlight-color: rgba(0,0,0,0);
}




/* ============================================= boxes ============================================= */
.close { width: 9px; height: 9px; float: right; margin: 6px 0px 6px 15px; /*GIFbackground: url("../images/close_box.png")*/ background: url('data:image/gif;base64,R0lGODlhCQAJAKIAAAAAAP///5mZmZOTk5CQkI+Pj////wAAACH5BAEAAAYALAAAAAAJAAkAAAMUKGLM+g2+GWkz1mWpcNdLcRnEkAAAOw==') no-repeat right top;}
.close:hover { /*GIFbackground: url("../images/close_box.png")*/ background: url('data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///1ZWVv///yH5BAEAAAMALAAAAAAJAAkAAAIRlIZom7zfYBpSVWdotudMUwAAOw==');no-repeat left bottom; }
.success { border: 1px solid #b3dc7c; /*background: url("../images/success.png") no-repeat 10px 50% #e8ffca;*/ padding-left: 30px;background: url('data:image/gif;base64,R0lGODlhEAAQAOYAAAAAAP///3CURnicTX2jU4GnVnmbUH+hVoerXoWoXGmLPGqMPXKVR3OTSVl+JGWNLFNzJlR0J22VNmyTNVt8LmOENmWFOGiIOmqJP26NQ3+cV4GcXJmxdkNiE0tqGk1rHk5sH1FxIWCEK1h3J2iLNF9/MHWaPnecQHGTP3+iSoGkTHqbSYmqWIysW7DGj7DDk7bImcDTpLzNoTxYDT1ZDkFdEkJeE0dkGEhlGYqqVoysWIWjVI+rXpazZqC6daC5d7vMnb/Qo73OocfWrc/dt5i0ZZ64baG6crnMl8LRp8zasszZtKO8ca3EfavCfbTJiL7QksXVnv///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAFIALAAAAAAQABAAAAd6gFKCg4SFhoeIiAgFiYQJRDEEjVIHSlBRQQOCDIYGQ09NTT8CUhpLHAqDDUlOTEw8C1IWQEZILxhSGUJHRUU7FYMXOTo+MhswPTo6KxSEECUpKiwuLSoqKBGGHyMmJ94nJCCINyETEhIiOI01Hg8ONpNSMx008fb3UoEAOw==') no-repeat 10px 50% #e8ffca;}
.error { border: 1px solid #ebb1b1; /*GIFbackground: url("../images/error.png") no-repeat 10px 50% #ffd6d6;*/ padding-left: 30px; background: url('data:image/gif;base64,R0lGODlhEAAQAOYAAAAAAP////jLtfnNt+pwOe12PuyAT++EUeyCUe+HVfS2mfO0mPa4m/W4m+NlM+drNuZ2SeZ3Sup7TOp8TfKxlfCulPOzl/Gwlt9eL99fMeeGY+eHZOmPbtZRJ9ZSKdtYK9tZLeB9XeSCYOaKa9JJItJKJNNVM9pyVt13Wd18Yso8Gs5DHs5LK9JRL89OMNdtU9p3X8MzFsY2F8hCJ8tHKstHK9JlT9RoUdBhTdBcTLU7Ls5XSM5ZSs9bTM1aTMpZTLM4LLA1K641K642K7I4LbkXDLcXDLUXDLMWDbAWDa0VDaw0K6oVDqYUDqMUD6AUD5wTD6UaFbdIRJkTEJYSEJMSEJESEY8REf///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAFgALAAAAAAQABAAAAfEgFiCWEWFhoWDiUY7AgOOjjlGiVhHPA0JBZkFBww9R4NIPgsIUQSmBFEGCj5IWEk/FBNSAVIPD7NSEhY/SUoVEQ4BwlKzwg4QF0pMGxkYHMLQARwYGRpMTSIgHx8j0SPbICJNTiEeHR3Fw+ceIU5PKCUk6dBSJCUoT1AnJivQKSnQVrQ4AWUKkBcuYASAoUKFQhgsXuiYgoVKkBs1ZGjcSOMGESqDqgixMSOGyRgzbAypMsnKEhwwYy6xMknQlZs4byYKBAA7') no-repeat 10px 50% #ffd6d6;
}
.warning { border: 1px solid #efdc75; /*background: url("../images/warning.png") no-repeat 10px 50% #fff7cb;*/ padding-left: 30px; background: url('data:image/gif;base64,R0lGODlhEAAQAOYAAAAAAP////v22fTggvbllvbnnvjrrvrwwvv11fDNOvDOPfDOPvDOQPDPQfDPQvHPQ/HPRPHQRvHQR/HRSfHRSvHSTPHSTfLTUvHTUfLUVvLUV/LVWfLYZPPYZfTaa/PbcPPcdPbghPjoovnrr/nrsPnssfnssvntuPrvvfvxxvvyzPvz0fr02fjru/rtv/XszPz01vfpvPTnu/Xryvvy1PDfrunSmOjRmu/estewXd68c9+/d9/AfN/Bf+bLjObOmL1/BL6AB8CFDsCFD8GHE8SMG8SMHcaQIsaQJMybOMycOdSpUtSqVdSrWP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAE4ALAAAAAAQABAAAAeFgE6Cg4SFhoJBQYeHTE2LhUMvM0OPgkA9Agg8QJVGLAUENEiPQD8rQEAHN5yHSjADqB8qSYdAOAYgqB0iNYqFSykcHagbGCg5rIJCMiEZGhkXFhIeMUSDQDonERMUqA8LCSY7rEUtFQwNDg0MCgkJEC5HTkA+JSP3+PkkNpyo/v8AKx0KBAA7') no-repeat 10px 50% #fff7cb;  }
.info { border: 1px solid #afdbee; /*background: url("../images/info.png") no-repeat 10px 50% #e4f5fd;*/ padding-left: 30px; background: url('data:image/gif;base64,R0lGODlhEAAQAOYAAAAAAP///xs1hh04iR89jiA8jCRAkB8+kCtKmC5Omy1Omy9QnDNVoDdapSVOoCpUpStToztgqSNTpyRUqCVQoj9qtUZutUpxtj9suElyuEt1u014vU51uFN8v1R9wGmOyGmNx3aYzidiuShjuW6Ty22RyXeZzoCj1YOl1ylpwCxrwC1twi1rwDJxxDd0xTh2xzh1xj57ykN7x0N7xXSf10SBzUuH0EyH0EyGz1KN1F+V12GX13ah2JO55pS55Zi44Ze34FiT116Y2mKa22Sd3WWe3WSc22mh322j4G6k4HWq43aq44Sz5pK86ZS96ZzB6p7C6qzK7avK7KzK663K64Oz5vb5/DmCwT+IxPf6/P///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAFoALAAAAAAQABAAAAexgFqCgxuFG4OIghodJ0BTVD8oHhqJGR9STkxLSlVNUSQZiCBQSUdHWFimSE8lFoIXPkVEswEBs7M9HIImRkK+QrW/QkMhWhE0QcnJV1fKyTwRDTs51NRZWdXUOg0MODbf39fg3zcMCzM16enX6ukyC1oVMfPz1/TzGAhaCS4v/i9WrPx7AUOBIAMQWihcyPCBgUEFHKhYQbEiCwoFEg0gIEFEihQjJhwYkGiQgJMoEwUCADs=') no-repeat 10px 50% #e4f5fd; }

.green { border: 1px solid #b3dc7c; background:#e8ffca; }
.box { display: block; padding: 12px 24px 12px 52px; color: #333; text-decoration: none; margin: 20px 0; }	
.box:hover { color: #000; text-decoration:none; }

.minibox { display: block; padding: 2px 14px 2px 32px; color: #333; text-decoration: none; margin: 2px 0; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px;  }	
.minibox-hidden { display: none; padding: 2px 14px 2px 32px; color: #333; text-decoration: none; margin: 2px 0; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px;  }	

































/* =========== jQuery Mobile Default Theme Icons ========== */


/* Icons
-----------------------------------------------------------------------------------------------------------*/
.ui-icon,
.ui-icon-searchfield:after {
	background-color: 						#666 /*{global-icon-color}*/;
	background-color: 						rgba(0,0,0,.4) /*{global-icon-disc}*/;
	background-image: url(images/icons-18-white.png) /*{global-icon-set}*/;
	background-repeat: no-repeat;
	-webkit-border-radius: 				9px;
	border-radius: 						9px;
}
/* Alt icon color
-----------------------------------------------------------------------------------------------------------*/
.ui-icon-alt .ui-icon,
.ui-icon-alt .ui-icon-searchfield:after {
	background-color: 						#fff;
	background-color: 						rgba(255,255,255,.3);
	background-image: url(images/icons-18-black.png);
	background-repeat: no-repeat;
}
/* No disc
-----------------------------------------------------------------------------------------------------------*/
.ui-icon-nodisc .ui-icon,
.ui-icon-nodisc .ui-icon-searchfield:after,
.ui-icon-nodisc .ui-icon-alt .ui-icon,
.ui-icon-nodisc .ui-icon-alt .ui-icon-searchfield:after {
	background-color: transparent;
}
/* Icon sprite
-----------------------------------------------------------------------------------------------------------*/
/* plus minus */
.ui-icon-plus {
	background-position: 	-1px -1px;
}
.ui-icon-minus {
	background-position: 	-37px -1px;
}
/* delete/close */
.ui-icon-delete {
	background-position: 	-73px -1px;
}
/* arrows */
.ui-icon-arrow-r {
	background-position: 	-108px -1px;
}
.ui-icon-arrow-l {
	background-position: 	-144px -1px;
}
.ui-icon-arrow-u {
	background-position: 	-180px -1px;
}
.ui-icon-arrow-d {
	background-position: 	-216px -1px;
}
/* misc */
.ui-icon-check {
	background-position: 	-252px -1px;
}
.ui-icon-gear {
	background-position: 	-288px -1px;
}
.ui-icon-refresh {
	background-position: 	-323px -1px;
}
.ui-icon-forward {
	background-position: 	-360px -1px;
}
.ui-icon-back {
	background-position: 	-396px -1px;
}
.ui-icon-grid {
	background-position: 	-432px -1px;
}
.ui-icon-star {
	background-position: 	-467px -1px;
}
.ui-icon-alert {
	background-position: 	-503px -1px;
}
.ui-icon-info {
	background-position: 	-539px -1px;
}
.ui-icon-home {
	background-position: 	-575px -1px;
}
/* search */
.ui-icon-search,
.ui-icon-searchfield:after {
	background-position: 	-611px -1px;
}
/* checkbox radio */
.ui-icon-checkbox-on {
	background-position: 	-647px -1px;
}
.ui-icon-checkbox-off {
	background-position: 	-683px -1px;
}
.ui-icon-radio-on {
	background-position: 	-718px -1px;
}
.ui-icon-radio-off {
	background-position: 	-754px -1px;
}
/* menu edit */
.ui-icon-bars {
	background-position: 	-788px -1px;
}
.ui-icon-edit {
	background-position: 	-824px -1px;
}
/* HD/"retina" sprite
-----------------------------------------------------------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
       only screen and (min--moz-device-pixel-ratio: 1.3),
       only screen and (min-resolution: 200dpi) {
	
	.ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
	.ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
	.ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
	.ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-bars, .ui-icon-edit,
	.ui-icon-search, .ui-icon-searchfield:after, 
	.ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {
		background-image: url(images/icons-36-white.png);
		-moz-background-size: 864px 18px;
		-o-background-size: 864px 18px;
		-webkit-background-size: 864px 18px;
		background-size: 864px 18px;
	}
	.ui-icon-alt .ui-icon {
		background-image: url(images/icons-36-black.png);
	}
	.ui-icon-plus {
		background-position: 	0 50%;
	}
	.ui-icon-minus {
		background-position: 	-36px 50%;
	}
	.ui-icon-delete {
		background-position: 	-72px 50%;
	}
	.ui-icon-arrow-r {
		background-position: 	-108px 50%;
	}
	.ui-icon-arrow-l {
		background-position: 	-144px 50%;
	}
	.ui-icon-arrow-u {
		background-position: 	-179px 50%;
	}
	.ui-icon-arrow-d {
		background-position: 	-215px 50%;
	}
	.ui-icon-check {
		background-position: 	-252px 50%;
	}
	.ui-icon-gear {
		background-position: 	-287px 50%;
	}
	.ui-icon-refresh {
		background-position: 	-323px 50%;
	}
	.ui-icon-forward {
		background-position: 	-360px 50%;
	}
	.ui-icon-back {
		background-position: 	-395px 50%;
	}
	.ui-icon-grid {
		background-position: 	-431px 50%;
	}
	.ui-icon-star {
		background-position: 	-467px 50%;
	}
	.ui-icon-alert {
		background-position: 	-503px 50%;
	}
	.ui-icon-info {
		background-position: 	-538px 50%;
	}
	.ui-icon-home {
		background-position: 	-575px 50%;
	}
	.ui-icon-search,
	.ui-icon-searchfield:after {
		background-position: 	-611px 50%;
	}
	.ui-icon-checkbox-on {
		background-position: 	-647px 50%;
	}
	.ui-icon-checkbox-off {
		background-position: 	-683px 50%;
	}
	.ui-icon-radio-on {
		background-position: 	-718px 50%;
	}
	.ui-icon-radio-off {
		background-position: 	-754px 50%;
	}
	.ui-icon-bars {
		background-position: 	-788px 50%;
	
	}.ui-icon-edit {
		background-position: 	-824px 50%;
	}
}