html,body {
	margin:0px;
	padding:0px;
	font-size:1.8vmax;
}
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 0, 0, 0, .5 ) 
                url('/images/ajax-loader.gif') 
                50% 50% 
                no-repeat;
}
body.loading {
    overflow: hidden;   
}
body.loading .modal {
    display: block;
}
.ui-50 {width:50%;height:50%;}
.ui-80 {width:80%;height:80%;}
.ui-90 {width:90%;height:90%;}
.ui-max,.ui-max-width,html,body{width:100%;}
.ui-max,.ui-max-height,html,body{height:100%;}
.ui-header {
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	height:10%;
	font-size:2.5vmax;
	display:inline-block;
	text-shadow: 1px 1px 2px black, 0 0 25px cyan, 0 0 5px darkblue;
}
.ui-content {
	position:fixed;
	top:10%;
	left:0px;
	right:0px;
	height:85%;
	overflow:auto;
}
.ui-footer {
	position:fixed;
	bottom:0px;
	left:0px;
	right:0px;
	height:5%;	
}
.drulogo {
	background: url(/images/drulogo.png) no-repeat;
    background-size:     contain;
    background-repeat:   no-repeat;
    background-position: left center;
}
.reglogo {
	background: url(/images/reg.png) no-repeat;
    background-size:     contain;
    background-repeat:   no-repeat;
    background-position: right center;
}
.ui-shadow, .ui-blog,.ui-form { 
	-webkit-box-shadow: 5px 5px 5px 0px rgba(85,85,85,1);
	-moz-box-shadow: 5px 5px 5px 0px rgba(85,85,85,1);
	box-shadow: 5px 5px 5px 0px rgba(85,85,85,1);
	/* 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');
}
.ui-collapse {
    border-collapse: collapse;
}
.emboss {
    box-shadow: 0 -30px 50px #777 inset;
    border: 1px solid #bbb;
}
.bevel {
    box-shadow: 0 -30px 50px #aaa inset, 0 0 15px #222 inset;
    border: 1px solid #bbb;
}
a:link {
   color:inherit;
   text-decoration: none;
}
a, a:visited {
    color: inherit;
	text-decoration: none;
}
.ui-blog {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	position:relative;
	width:200px;
	height:200px;
	display:inline-block;
	text-align:center;
	margin:20px;
	opacity: 0.8;
	border:1px solid gray;
	float:left;
}
.ui-blog img {
	width:60%;
}
.ui-blog:hover {
	opacity:1;
	cursor:pointer;
   	 -webkit-transform:scale(1.1); /* Safari and Chrome */
    	-moz-transform:scale(1.1); /* Firefox */
    	-ms-transform:scale(1.1); /* IE 9 */
   	 -o-transform:scale(1.1); /* Opera */
     	transform:scale(1.1);	
}
input,select,form p,textarea {
	font-size:2vmax;
}
input[type="text"],input[type="password"], select,textarea {
	border-radius:8px;
	background-color:#ffffaa;
}
input[type="text"]:focus,input[type="password"]:focus,select:focus,textare:focus {
	background-color:#aaffaa;
	outline: none;
	box-shadow: 0 0 10px #aaaa00;
}
.ui-form {
	margin:10px;
	border-radius:20px;
	border:1px solid gray;
	position:relative;
	float:left;
	display:block;
}
.ui-font-small {
	font-size:1.2vmax;
}
.ui-nowrap {
	white-space: nowrap;
}
.ui-center {
	text-align:center;
	vertical-align:middle;
}
.ui-select:hover {
	cursor:pointer;
	background-color:#00DDFF;
}
.blink {
  animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}