html, body {
	width:100%;
	height:100%;
	margin:0px 0px 0px 0px;
	padding:0px;
	border:none;
	font-family:Tahoma, serif;
	position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
	font-size: 2vmax;
}
.ui-button-text-only .ui-button-text { 
	padding: .1em .1em .1em; 
}
.ui-dialog, .ui-shadow { 
	-moz-box-shadow: 10px 10px 10px #555555;
	-webkit-box-shadow: 10px 10px 10px #555555;
	box-shadow: 10px 10px 10px #555555;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#555555')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#555555');
	zoom: 1;
}
.ui-maxw {
	width:100%;
}
.ui-maxh {
	height:100%;
}
.ui-max, .ui-stretch {
	width:100%;
	height:100%;
	padding:0px;
    border-spacing: 0px;
}
.header {
	position:absolute;
	display:block;
	left:0px;
	right:0px;
	height:10%;
}
.content {
	position:absolute;
	display:block;
	overflow:auto;
	top:10%;
	left:0px;
	right:0px;
	bottom:5%;
	font-size: 1.5vmax;
	overflow:none;
	background: url(../images/drubg.gif) no-repeat;
    background-size:     contain;
    background-repeat:   no-repeat;
    background-position: center center; 
}
.footer {
	position:absolute;
	left:0px;
	right:0px;
	bottom:0px;
	height:5%;
	font-size: 1.5vmax;
}
.drulogo {
	min-width:8%;
	width:8%;
	background: url(../images/drulogo2.png) no-repeat;
    background-size:     auto 100%;
    background-repeat:   no-repeat;
    background-position: center center; 
}
.scilogo {
	min-width:8%;
	width:8%;
	background: url(../images/scilogo.gif) no-repeat;
    background-size:     auto 100%;
    background-repeat:   no-repeat;
    background-position: center center; 
}
.druname {
	background: url(../images/druname.png) no-repeat;
    background-size:     contain;
    background-repeat:   no-repeat;
    background-position: center center; 
}
.csname {
	background: url(../images/cs.gif) no-repeat;
    background-size:     contain;
    background-repeat:   no-repeat;
    background-position: center center; 
}
textarea:focus, select:focus, input:focus { 
    background-color: #ffff99;
}
.ui-state-error {
    background-color: red;
}
table.box {
    border-collapse: collapse;
}
td {
 white-space: nowrap;
}
.ui-select:hover {
	cursor:default;
	background-color:#ccffff;
}
.ui-full-content {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
}
select, input, textarea {
	font-size:1.2vmax;
}
.ui-disabled:hover {
	cursor:not-allowed;
	background-color:#cc9999;
}
.ui-editable:hover {
	cursor:pointer;
	background-color:#ccffcc;
}
.ui-active {
	background-color:#00ffcc;
}
.menubar {
	position:absolute;
	display:block;
	overflow:hide;
	top:0%;
	left:0px;
	right:0px;
	height:40px;
	font-size: 1.7vmax;
	border:0px;
}
.sub-content {
	position:absolute;
	display:block;
	overflow:scroll;
	top:40px;
	left:0px;
	right:0px;
	bottom:0%;
	font-size: 2vmax;
}
table,img { 
	border:0px;
    border-spacing: 10px;
    border-collapse: separate;
}
.icon-info {
	width:30px;
	height:auto;
	float:left;
	display:block;
	background: url(../images/info.png) no-repeat;
    background-size:     auto 100%;
    background-repeat:   no-repeat;
    background-position: center center; 
}
.icon-book {
	width:30px;
	height:auto;
	float:left;
	display:block;
	background: url(../images/book.png) no-repeat;
    background-size:     auto 100%;
    background-repeat:   no-repeat;
    background-position: center center; 
}
.icon-news {
	width:30px;
	height:auto;
	float:left;
	display:block;
	background: url(../images/news.png) no-repeat;
    background-size:     auto 100%;
    background-repeat:   no-repeat;
    background-position: center center; 
}