@charset "UTF-8";
/* CSS Document */

body,td,th {
	font-family:Arial, Helvetica, sans-serif;
}
h1 {
	font-size: 24px;
	color:#585791;
	font-weight:100;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	
}
h2 {
	font-size: 14px;
	color: #4b4b4b;
	text-decoration:none;
	font-weight:100;
	font-family:Arial, Helvetica, sans-serif;
}
h3 {
	font-size: 18px;
	text-decoration:none;
	font-weight:100;
	font-family:Arial, Helvetica, sans-serif;
}

h4 {
	font-size: 8px;
	color:#FFF;
	text-decoration:none;
	font-weight:100;
	font-family:Arial, Helvetica, sans-serif;
}


@font-face
{
font-family: titleFont;
src: url('../Style/UNIVLITE.ttf')
    ,url('UNIVLITE.eot'); /* IE9 */
}



#header{


	width:100%;
height:150px;
background-color:#FFF;
box-shadow: 2px 2px 2px #CCC;}

#logo{
	text-align:center;}

#title{
	text-align:center;
font-size:28px;
color:#585791;
font-weight:100;
font-family:titleFont;
}
 

#welcome{
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;}

#thiswebsite{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:100;
	text-align:center;}	
	
 

html{
  height:auto;
  background-color: #252326;
  background: 
   url('dots.png') center center fixed, 
   url('bg.jpg') center center no-repeat fixed;
   background-size: auto, cover;
}
body {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  background-image:url(../Images/header.png);
	margin:auto;
	height:auto;
	position:relative;
}
@font-face {
  font-family: 'broccolidry';
  src:url('fonts/broccolidry.eot');
  src:url('fonts/broccolidry.eot?#iefix') format('embedded-opentype'),
	url('fonts/broccolidry.svg#broccolidry') format('svg'),
	url('fonts/broccolidry.woff') format('woff'),
	url('fonts/broccolidry.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}




/*******************
LOGIN FORM
*******************/

.login-form {
	  font-weight:300;
  text-align: left;
  text-decoration: none;
  width: 350px;
  margin: 50px auto;
  position: relative;
  background: #f3f3f3;
  border: 1px solid #fff;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

/*******************
HEADER
*******************/

.login-form .header {
  padding: 10px 10px 10px 30px;
}

.login-form .header h1 {
  font:300 28px/34px 'Denk One', sans-serif;
  color: #414848;
  text-shadow: 1px 1px 0 rgba(256,256,256,1.0);
  margin-bottom: 10px;
}

.login-form .header span {
  font-size: 11px;
  line-height: 16px;
  color: #678889;
  text-shadow: 1px 1px 0 rgba(256,256,256,1.0);
}

/*******************
CONTENT
*******************/

.login-form .content {
  padding: 0 30px 8px 30px;
}

.login-form .content .input {
  width: 250px;
  padding: 15px 10px;
  font:400 14px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  color: #9d9e9e;
  text-shadow: 1px 1px 0 rgba(256,256,256,1.0);
  background: #fff;
  border: 1px solid #fff;
  border-radius: 5px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
}

.login-form .content .password, 
.login-form .content .icon-pass {
  margin-top: 15px;
}

.login-form .content .input:hover {
  background: #f1f2fc;
  color: #414848;
}

.login-form .content .input:focus {
  background: #f1f2fc;
  color: #414848;	
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
}


/*******************
FOOTER
*******************/

.login-form .footer {
  padding: 10px 2px 15px 10px;
  overflow: auto;
  background: #c7c8e1;
  border-top: 1px solid #fff;
  border-radius: 0 0 10px 10px;
  box-shadow: inset 0 1px 0 rgba(0,0,0,0.15);
}

/* checkbox */
#checkbox{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;}

/* Login button */
.loginbutton {
  padding: 0px 0px 2px 0px;
}




#masterfooter{
	height:39px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#666;
	background-image:url(../Images/footerpattern.png);}