/*	base layout css
*/

HTML, BODY
{
	height:100%;
}
HTML.scroll
{
	overflow-y:scroll;
}
BODY
{
	margin:0px;
	padding:0px;
	min-height:620px;
	
	font-family: arial, sans-serif;
	font-size: 13px;
	color:black;
}
BODY *:focus
{
	outline:none
}
IMG
{
	-ms-interpolation-mode:bicubic; /* better image scaling in IE */
}
.clear
{
	/*	class to force parent height for element with float childnodes
	*/
	clear:both;
	display:block;
	height:0;
	font-size:0;
	line-height:0;
	overflow:hidden;
	position:relative;
}

/*	overall page layout
*/
#layout
{
	/*	fullscreen container
	*/
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	
	min-width:1000px; /* 1024 minus scrollbar and borders */
	min-height:645px;
}
#layout.full
{
	overflow:hidden;
}
#app-center
{
	/*	used to center the absolute positioned app-layer
	*/
	position:relative;
	margin:0 auto;

	min-width:1000px;
	max-width:1080px;
}


/*	A buttons (with background sprite images)
*/
A.button
{
	position:absolute;
	display:block;
	color:black;
	text-decoration:none;
	cursor:pointer;
}
A.button:hover, A.button.hover
{
	background-position:0% 100%;
}
A IMG
{
	border:0;
}
A.button > .bg, A.button > .bg IMG
{
	float:left;
}
A.button > .bg.left.hover
{
	background-position:0 100%;
}
A.button > .bg.right
{
	background-position:100% 0;
}
A.button > .bg.right.hover
{
	background-position:100% 100%;
}
A.button.disabled
{
	background-position:0 0 !important;
	cursor:auto;
}

/*	styled checkboxes (attached to labels)
*/
LABEL.check
{
	position:relative;
	padding-left:3px;
}
LABEL.check .checkbox
{
	position:absolute;
	top:0;
	left:-16px;
	width:16px;
	height:15px;
	
	background-image:url(../media/icon-checkbox.png);
}
LABEL.check .checkbox.checked
{
	background-position:0 100%;
}


/*	typo
*/
UL, OL
{
	list-style-type:disc;
	padding-left:30px;
	margin-bottom:13px;
}
OL
{
	list-style-type:decimal;
}