@charset "utf-8";

/**********************/
/*BASIC				  */
/*********************/
	body {
		font-size: 62.5%;
		font-family: Tahoma, Verdana, serif;
		background: #343e26 url(../../assets/images/site/background-site.jpg);
		color: #fff;
	}
	
	h1 {
		font-size: 2em;
		line-height: 1em;
		padding: 2em;
		text-indent: -999999em;
		background: transparent url(../../assets/images/site/image-logo.png) no-repeat;
		width: 577px;

		margin: 20px auto 0 auto;
	}
	
	h2 {
		font-size: 1.8em;
		line-height: 1.111111em;
		padding: 5px 15px;
	}
	
	li {
		font-size: 1.2em;
		line-height: 1.666666em;
		padding: 5px 0 5px 0;
		font-weight: bold;
	}
	
	p {
		padding: 5px 15px;
		font-size: 1.4em;
		line-height: 1.666666em;
	}
	
	input, select {
		border: 1px solid #eee;
		width: 300px;
		padding: 5px;
		background-color: #fff;
		margin: 0 0 0 20px;
	}
	
	legend {
		display: none;
	}
	
	sup {
		font-size: .7em;	
	}
	
	strong {
		font-weight: bold;
	}
	/**********************/
	/*STRUCTURE			  */
	/*********************/
		div#wrapper {
			width: 577px;
			margin: 0 auto;
			background: transparent url(../../assets/images/site/background-container.png) repeat-y;
		}
		
		div#wrapper fieldset ul {
			margin: 10px 0;
		}
			
	    div#top,
		div#bottom {
			height: 23px;
			width: 577px;
			margin: 0 auto;
		}
		
		div#top {
				background: transparent url(../../assets/images/site/background-container-top.png) no-repeat;
		}
		
		div#bottom {
				background: transparent url(../../assets/images/site/background-container-bottom.png) no-repeat;
		}
		
		div#wrapper fieldset form ul li input.selected {
			background-color: #000;
			color: #fff;
			border: 1px solid #eee;
		}
		
		div#wrapper fieldset ul li.input-data {
			float: left;
			width: 100px;
			text-align: right;
		}
		
		div#wrapper fieldset form ul li input#user_key,
		div#wrapper fieldset form ul li input#activate {
			width: 100px;
		}
		
		div#wrapper fieldset form ul li input.error {
			background-color: #FFCC00;
			border: 1px solid #eee;
			color: #000;
		}
		
		div#footer {
			width: 585px;
			margin: 20px auto 0 auto;
			text-align: center;
		}
		
			div#footer p {
				font-size: 1.1em;
				line-height: 1.818181em;
			}
			
			div#footer a {
				color: #302A19;
				text-decoration: none;
			}
		
	/**********************/
	/*MISC				  */
	/*********************/	
		p.clear {
			clear: both;
		}
		
		span#loading {
			display: none;
		}