body {
	font-size:12px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#333;
	line-height: 25px;
}

div#main {
	position:relative;
    border-radius: 10px;
	border: 1px solid #aaa;
	z-index: 10;
}

div#logo {
	position:relative;
	float: right;
	border-left: 1px solid #aaa;
	height: 310px;
	width: 310px;
	padding: 5px;
	z-index: -1;
	background-image:url(images/logo_50_300.png);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#FFF;
    border-radius: 10px;
	border-left: 0px solid #aaa;
}
div#login {
	position: relative;
	float:left;
	width: 309px;
	height: 100%;
	border-right: 1px solid #aaa;
	}
div#login_mobile {
	position: relative;
	float:left;
	width: 300px;
	height: 100%;
	}
div#login_banner {
	position: relative;
	height: 50px;
	color:#090;
	line-height:50px;
	text-align:center;
	font-size:18px;
	border-bottom:1px solid #090;
	}
div#login_banner_mobile {
	position: relative;
	height: 50px;
	color:#090;
	line-height:50px;
	text-align:center;
	font-size:18px;
	border-bottom:1px solid #090;
	}
div#login_form {
	position:relative;
	background-color:#FFF;
	left: 29px;
	width: 260px;
	height: 250px;
	border-left: 1px solid #090;
	}

div#arrow-down {
  position: relative;
  width: 0; 
  height: 0; 
  left: 20px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #090;
}
div#arrow-up {
  position: relative;
  width: 0; 
  height: 0; 
  left: 20px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #090;
}
div#user {
	position: relative;
	background-image:url(images/username_background.png);
	background-repeat:no-repeat;
	padding: 10px;
	left: 10px;
	top: 10px;
	height: 50px;
	
	}
div#pass {
	position: relative;
	background-image:url(images/password_background.png);
	background-repeat:no-repeat;
	padding: 10px;
	left: 10px;
	top: 10px;
	height: 50px;
	
	}
div#submit {
	position: relative;
	left: 10px;
	height: 60px;
	}
div#userInput {
	position:relative;
	float: right;
	width: 200px;
	}
div#passwordInput {
	position:relative;
	float: right;
	width: 200px;
	}
div#submitInput {
	position:relative;
	float: right;
	width: 200px;
	}


div#site {
	position: relative;
	left: 10px;
	height: 50px;
	}

div#siteInput {
	position:relative;
	float: right;
	width: 200px;
	}










div#userLeft {
	position:relative;
	float: left;
	width: 20px;
	height: 50px;
	margin-left: 20px;
    border-radius: 20px;
	border-left: 2px solid #090;
	}
div#link {
	position:relative;
	height: 35px;
	width: 250px;
	float: right;
	text-align:center;
	}
input.formInputTextOnchange {
	border: 1px solid #FFF;
    font-size: 14px;
	font-weight: bold;
    line-height: 25px;
    color: #060;
    height: 25px;
    font-family: Tahoma, Geneva, sans-serif;
    width: 95%;
}	
input.formInputTextOnchange:focus {
    outline: none;
}	
	
	
input[type=submit] {
    float: right;
    margin-right: 10px;
    margin-top: 10px;
    width: 80px;
    height: 30px;
	font-size: 14px;
    font-weight: bold;
    color: #fff;
    background-color: #009900; /*IE fallback*/
    background-image: -webkit-gradient(linear, left top, left bottom, from(#009900), to(#006600));
    background-image: -moz-linear-gradient(top left 90deg, #acd6ef 0%, #006600 100%);
    background-image: linear-gradient(top left 90deg, #acd6ef 0%, #006600 100%);
    border-radius: 30px;
    border: 1px solid #66add6;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .5);
    cursor: pointer;
	}
input[type=submit]:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#000066), to(#3100CE));
    background-image: -moz-linear-gradient(top left 90deg, #000066 0%, #000066 100%);
    background-image: linear-gradient(top left 90deg, #3100CE 0%, #000066 100%);
	}
input[type=submit]:active {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6ec2e8), to(#b6e2ff));
    background-image: -moz-linear-gradient(top left 90deg, #6ec2e8 0%, #b6e2ff 100%);
    background-image: linear-gradient(top left 90deg, #6ec2e8 0%, #b6e2ff 100%);
	}
	
a.abLink {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:12px;
	color: #030;
	text-decoration:none;
	line-height: 35px;
	}
a.abLink:hover {
	color: #030;
	text-decoration:underline;
	}
	
select.formSelect {
	width: 90%;
	font-size:12px;
	line-height: 30px;
	height: 30px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#FFF;
    background-color: #060;
    }
select.formSelect:hover {
	color:#FFF;
	font-weight:normal;
    }
select.formSelect:focus {
    color: #000;
    background-color: #ffffff;
    border: solid 1px #000; 
    cursor: pointer;
    }