@font-face {
    font-family: 'DroidSerifRegular';
    src: url('DroidSerif-Regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DroidSerifItalic';
    src: url('DroidSerif-Italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DroidSerifBold';
    src: url('DroidSerif-Bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DroidSerifBoldItalic';
    src: url('DroidSerif-BoldItalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: visible;
}

body {
	font-family: "DroidSans",sans-serif;;
	font-size: 12pt;
	background-color:#333333;
	color:#ffff00;
	padding: 0px;
	margin: 0px;
	display: box;
	box-align: center;
	box-pack: center;

	display: -webkit-box;
	-webkit-box-align: top;
	-webkit-box-pack: center;
}


.header{ 
        background-color:#00f;
        padding: 5px;
        margin: 0px;
        -webkit-border-radius:3px;
        color: white;
        text-align: center;
}
.controls{
        background-color: #ffffff;
        padding: 2px;
        -webkit-border-radius:6px;
        text-align: left;
		
}