/*

	              ,,           ,,                   ,,
	  .g8"""bgd `7MM          *MM                 `7MM
	.dP'     `M   MM           MM                   MM
	dM'       `   MM  ,pW"Wq.  MM,dMMb.   ,6"Yb.    MM
	MM            MM 6W'   `Wb MM    `Mb 8)   MM    MM
	MM.    `7MMF' MM 8M     M8 MM     M8  ,pm9MM    MM
	`Mb.     MM   MM YA.   ,A9 MM.   ,M9 8M   MM    MM
	  `"bmmmdPY .JMML.`Ybmd9'  P^YbmdP'  `Moo9^Yo..JMML.


*/

@import url(http://fonts.googleapis.com/css?family=Roboto:400italic,700italic,700,400|Roboto+Condensed:400italic,700italic,400,700);

body,html,td,input,select,button,textarea {
	font-family: Roboto, Arial, "Lucida Grande", sans-serif;
	font-weight: 300;
	font-size: 16px;
}

body {
	background: url( '../images/login.jpg' ) no-repeat center center fixed;
	background-size: cover;
}

header {
	font-family: Roboto Condensed, Arial, "Lucida Grande", sans-serif;
	background: #222;
	/*background: rgba(256,256,256,0.9);*/
	color: #fff;
	padding: 15px 20px;
	font-size: 22px;
	font-weight   : bold;
	text-transform: uppercase;
	/*background    : url( '../images/login-header-bar-60.png' );*/
}

/*


	  .g8"""bgd                    mm                      mm
	.dP'     `M                    MM                      MM
	dM'       ` ,pW"Wq.`7MMpMMMb.mmMMmm .gP"Ya `7MMpMMMb.mmMMmm
	MM         6W'   `Wb MM    MM  MM  ,M'   Yb  MM    MM  MM
	MM.        8M     M8 MM    MM  MM  8M""""""  MM    MM  MM
	`Mb.     ,'YA.   ,A9 MM    MM  MM  YM.    ,  MM    MM  MM
	  `"bmmmd'  `Ybmd9'.JMML  JMML.`Mbmo`Mbmmd'.JMML  JMML.`Mbmo


*/

#main-content{
	float     : right;
	width     : 520px;
	background: white;/*url( '../images/white96.png' );*/
	color     : #444;
	position  : relative;
}

#main-content .red-dot{
	position     : absolute;
	top          : 110px;
	left         : -70px;
	width        : 130px;
	height       : 130px;
	background   : #55ad84;
	border       : solid 3px white;
	border-radius: 68px;
	overflow: hidden;
}

#main-content,
#main-content input,
#main-content button{
	font-size: 14px;
	margin   : 0;
}

#main-content .form{
	margin-top : 140px;
	margin-left: 90px;
	width      : 270px;
}

#main-content .title{
	font-size     : 30px;
	margin-bottom : 60px;
	text-transform: uppercase;
}

#main-content .form input{
	margin       : 7px 0;
	display      : block;
	border       : solid 1px #ddd;
	border-radius: 5px;
	width        : 212px;
	height       : 40px;
	padding-left : 55px;
	outline      : none;
}

#main-content .forgot-password{
	display        : block;
	float          : left;
	height         : 40px;
	line-height    : 40px;
	color          : #aaa;
	text-decoration: none;
}

#main-content .forgot-password:hover{
	color: #55ad84;
}

#main-content .form-footer{
	margin-top: 10px;
}

#main-content button{
	height        : 40px;
	background    : #55ad84;
	border-radius : 5px;
	color         : white;
	padding       : 0 20px;
	border        : none;
	text-transform: uppercase;
	font-weight   : 500;
	float         : right;
	cursor        : pointer;
}

#main-content .form-el{
	position: relative;
}

#main-content .form-el .icon{
	width              : 42px;
	height             : 42px;
	background-repeat  : no-repeat;
	background-position: center center;
	position           : absolute;
	background-color   : #eee;
	border             : solid 1px #ddd;
	border-radius      : 5px 0 0 5px;
}

#main-content .form-el.user .icon{
	background-image: url( '../images/icon20/user.png' );
}

#main-content .form-el.password .icon{
	background-image: url( '../images/icon20/lock.png' );
}