/***** eXternalTest Style Home 1.0 *****/

/*** Main ***/
body {
	background-color: #ebebeb;
	border-top: 5px solid #c3cbd8;
	color: #323232;
	font-size: 75%;
	font-family: arial, verdana, tahoma, sans-serif;
	line-height: 1.3em;
}

* {
	margin: 0px;
	padding: 0px;
}

img {
	border: 0px;
}

.clear {
	clear: both;
	padding: 0px;
	margin: 0px;
}

a:link, a:visited {
	color: #193f86;
	text-decoration: underline;
}

a:hover, a:active {
	color: #6f8cc2;
	text-decoration: none;
}

#box {
	width: 960px;
	margin: 0px auto;
	background: #fff url(../img/bg_box.png) repeat-y;
}

.wrapper {
	padding: 2em;
}

/*** Languages & Header ***/
#languages {
	text-align:right;
	width: 960px;
	margin: 8px auto;
}

	#languages a:link, #languages a:visited  {
		text-decoration: none;
		color: #323232
	}
	
	#languages a:hover, #languages a:active  {
		text-decoration: underline;
		color: #323232
	}

#header {
	border-bottom: 1px solid #f0f1eb;
	padding-bottom: 1.5em;
	margin-bottom: 1.5em;
}

#logo {
	float: left;
}

#login-register {
	float: right;
	text-align: right;
  height:50px;
}
	#login-register h4 {
		font-size: 18px;
		margin-top: .5em;
	}
	
	#login-register img {
		margin-bottom: -8px;
	}


/**** Login *****/
#login {
	margin: 0;
  height:200px;
}
	
	.login-left {
		background: #fff url(../img/bg_login_left.png) no-repeat;
		float: left;
		width: 65%;
    height:300px;
	}
	
	.login-left img {
		margin-left: 270px;
	}

	.login-left ul {
		padding-left: 270px;
		margin-top: 10px;
    list-style-position: inside
	}
	
		.login-left li {
			padding-bottom: 1.5em;
      
		}

	.login-right {
		background: #fff url(../img/bg_login_right.png) no-repeat;
		float: right;
		width: 289px;
		height: 239px;
	}
	
	.login-right label {
		display: block;
	}
	
	.login-right .input-text {
		margin-bottom: .8em;
		font-size: 1.8em;
		width: 225px;
		padding: .2em;
		border: 1px solid #ccc;
	}

	.login-right .button-login {
		font-size: 1.6em;
	}

	.login-right .forget {
		font-size: .95em;
		margin: .3em 0;
	}

/**** Features *****/	
#features {

}

	#features h1 {
		font-size: 2.5em;
		font-weight: normal;
		color: #183e85;
		margin-bottom: 2em;
	}
	
	.features-item {
		float: left;
		width: 47%;
	}
	
		.img-item {
			float: left;
			margin-right: 1.5em;
		}
		
		.features-item p {
			margin-top: 1em;
		}
	
	#features .back {
		text-align: center;
		padding: 1em 0;
		font-size: 2em;
	}	

/***** Help *****/
#help {

}

	#help h1 {
		font-size: 2.5em;
		font-weight: normal;
		color: #183e85;
		margin-bottom: 2em;
	}	
	
	#help .question-item {
		margin-left: 2em;
		border-bottom: 1px solid #f2f1eb;
		padding-bottom: 1.5em;
		margin-bottom: 1.5em;
	}
	
	#help .question-item h3 {
		font-size: 2em;
		font-weight: normal;
		margin-bottom: .5em;
		line-height: 110%;
	}
	
	#help .back {
		text-align: center;
		padding: 1em 0;
		font-size: 2em;
	}	

/***** Register 1 *****/
#register {
	
}

#register .steps {
	text-align: center;
	margin: 0 0 2em 0;
	font-size: 1.7em;
	font-family: georgia, arial, verdana, tahoma, sans-serif;
	color: #cdcdcd;
}

	#register .steps span {
		color: #000;
	}

        
	#register-left {
		float: left;
		width: 65%;
    margin-top:2em;
	}
	
	#register-right {
		float: right;
		margin-top: 2.5em;
		width: 33%;
		background: #fff url(../img/bg_register_help.png) repeat-x top left;
	}
	
		#register-help {
			padding: 1em;
		}
		
		#register-help p {
			margin-bottom: 2em;
			font-size: .95em;
			line-height: 1.5em;
		}
		
		#register-help strong {
			background-color: #fcffb8;
			font-weight: normal;
			padding: .3em 0;
		}
	
	/*** Form Reg & Contact ***/
	#register form {
	  margin: 0;
	  padding: 0;
	  font-size: 100%;
	  min-width: 560px;
	  max-width: 620px;
	  width: 590px;
	}
  
  #contact form {
	  margin: 0;
	  padding: 0;
	  font-size: 100%;
	}

	#register form fieldset, #contact form fieldset {
	  clear: both;
	  font-size: 100%;
	  border-color: #ccc;
	  border-width: 1px 0 0 0;
	  border-style: solid none none none;
	  padding: 10px;
	  margin: 0 0 0 0;
	}

	#register form fieldset legend, #contact form fieldset legend {
	  font-size: 150%;
	  font-weight: normal;
	  color: #2356af;
	  margin: 0 0 0 0;
	  padding: 0 5px;
	}

	#register label, #contact label {
	  font-size: 100%;
	}
	
	#register form div, #contact form div {
	  clear: left;
	  display: block;
	  width: 354px;
	  height: expression('1%');
	  margin: 5px 0 0 0;
	  padding: 1px 3px;
	}

	#register form fieldset div.notes {
	  float: right;
	  width: 158px;
	  height: auto;
	  margin: 0 0 10px 10px;
	  padding-bottom: 50px;
	  background: #fff url(../img/bg_reg1.png) no-repeat top right;
	}
  
  #contact form fieldset div.notes {
	  float: right;
	  height: auto;
	  margin: 0 0 10px 10px;
	  padding-bottom: 50px;
	}
	
    #contact form fieldset div.notes p {
      margin-bottom:1em;
      line-height:1.5em;
      _margin-top:2em; /*Stupid IE*/
	  }
  
	#register form fieldset div.notes2 {
	  float: right;
	  width: 158px;
	  height: auto;
	  margin: 0 0 10px 10px;
	  padding-bottom: 50px;
	  background: #fff url(../img/bg_reg2.png) no-repeat top right;
	}
	
	#register form div fieldset, #contact form div fieldset {
	  clear: none;
	  border-width: 1px;
	  border-style: solid;
	  border-color: #666666;
	  margin: 0 0 0 144px;
	  padding: 0 5px 5px 5px;
	  width: 197px;
	}

	#register form div fieldset legend, #contact form div fieldset legend {
	  font-size: 100%;
	  padding: 0 3px 0 9px;
	}

	#register form div.required fieldset legend, #contact form div.required fieldset legend {
	  font-weight: bold;
	}

	#register form div label, #contact form div label {
	  display: block;
	  float: left;
	  width: 130px;
	  padding: 3px 5px;
	  margin: 0 0 5px 0;
	  text-align: right;
	}

	#register form div.optional label, label.optional {
	  font-weight: normal;
	}

	#register form div.required label, label.required {
	  font-weight: bold;
	}
	
	#register form div input, #contact form div input, form div select, form div textarea {
	  width: 200px;
	  padding: 1px 3px;
	  margin: 0 0 0 0;
	}

	#register form div label.labelCheckbox {
	  float: none;
	  display: block;
	  width: 200px;
	  height: expression('1%');
	  padding: 0;
	  margin: 0 0 5px 142px;
	  text-align: left;
	}

	
	#register form div input.inputCheckbox {
	  display: inline;
	  float: left;
	  height: 14px;
	  width: 14px;
	  background-color: transparent;
	  border-width: 0;
	  padding: 0;
	  margin: .2em .5em 1em 0;
	}
	
	#register .continue, #contact .continue {
		margin-left: 140px;
    _margin-left:70px; /*Stupid IE*/
	}
	
	#register .continue input, #contact .continue input {
		width: 260px;
		margin: 1em 0;
		font-size: 2em;
	}

/***** Register 2 *****/	
#reg2 {
	margin-top:2em;
}

	#reg2 h2 {
		color: #3f3f3f	;
		font-weight: normal;
		font-size: 2.1em;
		margin-bottom: 1em;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		padding: 20px 20px;
		background-color: #f7f7f7;
		font-family: arial, verdana, tahoma, sans-serif;
	}
	
	#reg2 p {
		text-align: center;
	}
	
	#reg2 .notes {
		background-color: #ffffe8;
		padding: 1em;
		margin-top: 20px;
	}
	
		#reg2 .notes p {
			font-weight: bold;
			text-align: left;
			margin-bottom: .5em;
			font-size: 1.2em;
		}
	
		#reg2 .notes ul {
			list-style-type: circle;
			margin-left: 2em;
		}
		
			#reg2 .notes li {
				padding-bottom: .5em;
			}

/***** Register 3 *****/	
.confirmation {
	text-align: center;
}

	.confirmation h2 {
		color: #3f3f3f;
		font-weight: normal;
		font-size: 2.5em;
		margin-bottom: 1em;
		margin: 2em 0;
		font-family: arial, verdana, tahoma, sans-serif;
	}			
  
/**** Contact *****/	
#contact {

}

	#contact h1 {
		font-size: 2.5em;
		font-weight: normal;
		color: #183e85;
		margin-bottom: 1.5em;
	} 

  #contact .back {
		text-align: center;
		padding: 1em 0;
		font-size: 2em;
	}	
  
  #contact strong {
			background-color: #fcffb8;
			font-weight: normal;
			padding: .3em 0;
		}
  
/***** Tour *****/
#tour {
	margin-top:2em;
}

	#tour h1 {
		font-size: 2.5em;
		font-weight: normal;
		color: #183e85;
		margin-bottom: 1em;
	}
	
	#tour-menu {
		float: left;
		background: #fff url(../img/bg_tour_menu.png) no-repeat;
		height: 257px;
		width: 191px;
	}
	
		#tour-menu p {
			background: transparent url(../img/bg_tour_menu_item.png) repeat-x bottom left;
			font-size: 1.2em;
			padding: .5em .3em;
			margin: .35em .8em;
		}
		
		#tour-menu a:link, #tour-menu a:visited  {
			text-decoration: none;
			color: #193f86
		}

		#tour-menu a:hover, #tour-menu a:active  {
			text-decoration: underline;
			color: #193f86
		}
	
	#tour-description {
		float: left;
		width: 377px;
		padding: 0 1.5em;
	}
		#tour-description p {
			margin-bottom: 1em;
		}
		
		#tour-description .tour-description-next {
			background: transparent url(../img/bg_tour_next.png) no-repeat;
			height: 37px;
		}
		
			#tour-description .tour-description-next p {
				font-size: 1.8em;
				padding: .4em .6em;
			}
		
		#tour-description ul {
      margin-left:1.5em;
		}

			#tour-description li {
				background-position: 0px 4px;
				padding-bottom: 1.5em;
			}
	
	#tour-screenshot {
		float: right;
		background: #fff url(../img/screen1.png) no-repeat;
		width: 295px;
	}
	
		#tour-screenshot {
			font-size: .9em;
			text-align: right;
		}
    
/***** Weblog *****/
#weblog {
  margin-top:2em;
}
  
  .weblog-posts {
    float:left;
    width:70%
  }
  
  .weblog-posts .post  h1 {
    color: #183e85;
    line-height:1em;
    font-size:2em;
  }
  
    .weblog-posts .post p {
      margin-bottom:1.5em;
    }
    
    .weblog-posts .date {
      font-size:.9em;
      color:#aaa;
    }
    
    .weblog-posts .posted-comments {
      font-size:1.1em;
      font-weight:bold;
      background-color:#F7F7F7;
      padding:.6em .5em;
    }
  
  .weblog-sidebar {
    float:right;
    width:28%
  }
  
/***** Footer *****/
#footer {
	padding: 20px 20px;
	width: 360px;
	margin: 0 auto;
	text-align: center;
}

	#footer img {
		float: left;
		margin: 0 .5em 0 0;
	}

	#footer p {
		color: #717171;
		margin-bottom: .3em;
	}

	#footer a:link, #footer a:visited  {
		text-decoration: underline;
		color: #717171
	}

	#footer a:hover, #footer a:active  {
		text-decoration: none;
		color: #717171
	}	
	
	
/****** Error form ++++++/
.formok {

}

form div.formerror {    /*form .fila div.formerror { */
	border: 1px solid #c00; 
	padding-bottom: 3px; 
	padding-left: 3px; 
	padding-right: 3px; 
	padding-top: 3px; 
	margin-top: 1px; 
	margin-right: 4px;
	background-color: #fffbb8; 
}

#formerror { 
	border: 1px solid #999933; 
	padding: 5px 3px; 
	text-align: center; 
	background-color: #fffbb8; 
	width: 600px;
	margin: auto;
	margin-bottom: 10px; 
}
#formerror img { margin: 2px 5px 2px 5px; float:left; }

#formerrorlogin { 
	border: 1px solid #999933; 
	padding: 5px 3px; 
	text-align: center; 
	background-color: #fffbb8; 
	width: 230px;
	margin: auto;
	margin-bottom: 10px; 
}
#formerrorlogin img { margin: 2px 5px 2px 5px; float:left; }