/* CSS Document */
div#stage {
	font-size:14pt;		/* this sets the overall size and layout because all units are defined in ems */
	font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    width: 40em;
    height: 27em;
	position : relative;
	background-color:#000;
	background-repeat : no-repeat;
	background-position: center, center;
	border : 0;
	clear : left;
	display: block;
	margin-left: auto;
    margin-right: auto;
}

/************ UIButton *************/
div#stage input[type=button] {
	position:relative;
	font-size:14pt;
}

/************ Checkbox *************/
div#stage div.checkbox {
	position:absolute;
	display: table;
	border:.2em dotted #000;
	right: 1em;
	height:3em;
}

div#stage div.checkbox div.image {
	display:table-cell;
	vertical-align: middle;
}

div#stage div.checkbox div.image img {
	width:1.7em;		/* image width/point size */
	height:1.7em;		/* image height/point size */
	margin:.5em;
	cursor: pointer;
}

div#stage div.checkbox div.label {
	display:table-cell;
	vertical-align: middle;
	width:90%;
	padding:.25em;	/* leaves space for checkbox image to the left */
}

/************ Radio Button *************/
div#stage div.radio {
	position:absolute;
    color: #191645;
	display: table;
	right: 1em;
	xwidth:90%;
	height:4em; /* this can be fixed in ems */;
	margin:.25em;
}

div#stage div.radio div.image {
    font-size:1.4em;
	display:table-cell;
	vertical-align: middle;
}

div#stage div.radio div.image img {
	width:1.3em;		/* image width/point size */
	height:1.29em;		/* image height/point size */
	cursor: pointer;
}

div#stage div.radio div.label {
    font-size:1.1em;
    font-weight: bold;
    font-style: italic;
	display:table-cell;
	vertical-align: middle;
	padding:.5em;	/* leaves space for checkbox image to the left */
}

/************ Button *************/
div#stage div.button {
	position:absolute;
	display: inline-block;
}

div#stage div.button img {
	margin:0;
	background-repeat:no-repeat;
	cursor: pointer;
}

/************ Label ********************/
div#stage div.label div.text {
    position:relative;
	font-size:1em;
	xfont-style:italic;
	padding-bottom:.5em;
    color: #191645;
}

/************ Textbox ********************/
div#stage div.textbox {
    position:absolute;
}

div#stage div.textbox div.text {
    display:inline;
    font-size:1em;
    font-style:italic;
    padding-bottom:.5em;
}

/************ Icon ********************/
div#stage div.icon {
	xdisplay:inline;
	xwidth:auto;
}
