*{
margin:0;
padding:0;
}

body{
font-family:"frutiger linotype","lucida grande",helvetica,arial,sans-serif;
font-size:76%;
text-align:center;
/*color:#333;*/
}

/*
*  General Style Info
*/

a{
color:#003d4c;
text-decoration:underline;
}
a:hover{
color:#003d4c;
text-decoration:none;
}

a img{
border:none;
}

h1, h2, h3, h4{  
font-weight:normal;
}

h1{ 
color: #003d4c;
padding:0.3em 0;
}

h2{ 
color:#c6c65b;
padding-top: 1em;
margin:0.3em 0;
}

h3{
color:#c6c65b;
padding-top:0.5em;
}

h4{
color:#c6c65b;
padding-top:0.5em;
font-weight:normal;
}  

em {
 font-size: 12px;
}

ul, li {
margin: 0 12px;
}

/*
*  Layout
*/

#container{
text-align:left;
}

#header{
padding: 10px 10px 0 10px;
background: #343124 url(/panlab/app/webroot/img/fondo.png) top left repeat-x;
height: 80px;
}

#header #logo{
padding: 14px;
height: 50px;
float: left;
}

#header #tema{
float: right;
width: 200px;
}

#content{ 
clear:both;
padding: 10px 40px;  
background-color: #fff;
color: #333; 
line-height: 18px;
}

#footer{   
clear:both;
padding: 6px 10px;
text-align: right;
}


/* notices and errors */

#flashMessage{
color:#300;
background:#ffe url(/panlab/app/webroot/img/icons/info.gif) left no-repeat;
border:1px solid #060;
margin:10px;
padding:10px 10px 10px 55px;
}

#flashErrorMessage{
color:#300;
background:#F8E5E5 url(/panlab/app/webroot/img/icons/error.gif) left no-repeat;
border:2px solid #E02E04;
margin:10px;
padding:10px 10px 10px 55px;
}

#errorArea{
width: 550px;
margin:0 auto 0 auto;
}

.error, error_message {
  color:#DF655F;
  font-size: 18px;
  background-color: #fff;
  margin: 8px 4px;
}

.error_message {
  color:#DF655F;
  margin: 2px 2px;
  font-size: 90%;
}

.error em {
  font-size: 18px;
  color: #003d4c;
}   

.notice { 
  color: #656565;
  font-size: 14px;
  background-color: #f4f4f4;  
  padding: 4px;
  display:block;
}

.tip {
  color: #e32000;
  background-color: #ddd;
} 

/* form */
 
form div{ 
vertical-align: text-top; 
margin-left: 2em;
margin-bottom:1em;
} 
label { 
display: block;
float:left;
width: 85px;
}
input,textarea {
clear: both;
display:block;
} 
select {
vertical-align: text-top;
}
.required{
color:#222;
font-weight:bold;
}

.optional{
color:#666;
}
 
.submit {   
  clear: both;
  margin-top: 18px;   
}

/* personal */

#titlePageLeft{
padding: 0;
width: 481px;
float: left;
clear: left;
}

#titlePage{
/*margin: 70px auto 0 auto;*/
margin:0 auto 0 auto; 
/*width: 293px;
height: 430px;*/
width: 550px;
padding: 0;
}

.formbase {
/*margin: 70px auto 0 auto;*/
margin:0 auto 0 auto; 
/*width: 293px;
height: 430px;*/
width: 550px;
height: 245px;
padding: 0;
}

.loginform {
/*width: 293px;*/
/*height: 430px;*/
width: 550px;
height: 350px;
background: transparent url(/panlab/app/webroot/img/loginbox.png) no-repeat;
background-repeat: no-repeat;
margin: 0;
padding: 0;
position: absolute;
}

.logintitle{
width: 60px;
/*margin: 278px auto 0 auto;*/
margin: 90px 0 0 460px;
font-weight: bold;
font-size: 14px;
}

.loginarea {
width: 300px;
margin: 5px 0 0 220px;
position: relative;
padding: 0;
text-align: left;
}



.registerForm {
/*width: 293px;*/
/*height: 430px;*/
width: 550px;
height: 245px;
/*background: transparent url(/panlab/app/webroot/img/registrationBox1.png) no-repeat;*/
margin: 0;
padding: 0;
position: absolute;
}

.registerTitle{
margin: 0;
padding: 5px 0;
width: 330px;
text-align: right;
background-color: #FF9933;
}

.registerTitle h2{
padding: 0 20px 0 0;
font-size: 115%;
font-weight: bold;	
color: white;
}

.registerForm .registerArea {
border: 2px solid #FFE4B0;
background-color: #FFEFD1;
padding: 0;
margin: 0;
width: 330px;
/*height: 250px;*/
float: right;
border: 2px solid white;
}

.registerForm2 .registerArea {
border: 2px solid #FFE4B0;
background-color: #FFEFD1;
padding: 0;
margin: 0;
width: 330px;
height: 150px;
float: right;
border: 2px solid white;
}

.registerForm2 table{
margin: 0;
padding: 0;
}

.registerArea2 {
border: 2px solid #FFE4B0;
background-color: #FFEFD1;
padding: 0;
margin: 0;
width: 330px;
/*height: 250px;*/
float: right;
border: 2px solid white;
}

.registerArea2 p{
padding: 15px;
}

.registerForm #leftRegisterArea {
float: left;
width: 200px;
margin: 0 10px 0 0;
}

.registerForm2 #leftRegisterArea {
float: left;
width: 200px;
margin: 0 10px 0 0;
/* border: 2px solid #FFE4B0;*/
}

#leftRegisterArea img{
border: 2px solid #FFE4B0;
}

#leftRegisterArea p{
padding: 5px;
}

.registerForm2 {
/*width: 293px;*/
/*height: 430px;*/
width: 550px;
height: 350px;
/*background: transparent url(/panlab/app/webroot/img/registrationBox2.png) no-repeat;*/
margin: 0;
padding: 0;
position: absolute;
}

.registerForm2 .text{
margin: 15px;
}

.fieldName{
font-style: italic;
padding: 0 5px 0 0;
font-weight:bold;
}

.note{
color: #C17126;
font-size: 90%;
font-style: normal;
font-weight: bold;
padding: 5px;
}

.text_info_login {
margin:0 auto 0 auto; 
width:175px;
font-size: 110%;
}

#serialNumberInformation {
/*border: 1px solid black;*/
float: left;
margin: 0 10px 0 10px;
padding: 5px;
width: 420px;
}

#downloads {
/*border: 1px solid black;*/
float: left;
margin: 0 10px 0 10px;
padding: 5px;
width: 350px;
}

#downloads .within, #serialNumberInformation .within{
padding: 20px;
border: 2px solid #FFE4B0;
}

#downloads .within{
background: white url(/panlab/app/webroot/img/softUpdate/fondoDownloads.jpg) top left repeat-x;
}

#downloads .title, #serialNumberInformation .title{
width: 337px;
border: 2px solid #FFE4B0;
background-color: #FF9933;
color: white;
padding: 5px;
margin-bottom: 10px;
font-size: 115%;
font-weight: bold;
}

.asterisco{
font-size: 165%;
margin: 0;
padding: 0;
}

#serialNumberInformation .title{
width: 407px;
}

#downloads table{
width: 100%;
}

#serialNumberInformation table{
}

#downloads td, th{
padding: 0 10 px 0 0;
text-align: center;
}

#logout {
/*border: 1px solid black;*/
float: right;
padding: 5px;
width: 100px;
}

#logout table{
vertical-align: middle;
}

.clearAll{
clear: both;
}