/* 
 
  Total wrapper area: 920px;
  Actual content area: 850px;
  Usable area inside content (with spacing): 840px = 850 - (2px from background borders + 8px paddings)
*/

* {
margin: 0;
padding: 0;
}

body, html {
  font: 12px "lucida grande", Helvetica, Verdana, sans-serif;
}

img {border:none}

a { color: #977860; outline: none; }
a:hover { color: #cba486; }

h1.global {
  float: left;
  text-align:left;
  color: #81614C;
  font: 20pt helvetica, arial, sans-serif;
  margin: 1px 0;
  padding: 0px;
  font-weight: default;
}

.pagetitle {
  font-size: 18px;
  color: #555;
  padding: 3px;
}

.pageinfo {
  font-size: 11px;
  color: #777;
  padding: 10px 0px 0px 3px;
  line-height: 20px;
}

form {
  margin: 0;
  padding: 0;
}

fieldset {
  border:none;
}

.submit {
  cursor: pointer;
  width: 106px;
  height: 30px;
  border: 1px solid #624e40;
  font-size: 14px;
  color: #000;
  background: #009966 /*url('/images/button_bg.jpg') repeat-x top center;*/
}

.centerme {
  margin: 0px auto; 
  text-align: center; 
  float: none; 
  clear: both
}

.clear:after {content:".";display:block;height:0;clear:both;visibility:hidden}
.clear {display: inline-block}
.clear {display: block}
* html .clear {height: 1%}

.information-error {
  width: 100%;
  border-top: 1px solid #EEEEEE;
  margin-bottom: 10px;
  padding-top: 10px;
  text-align: justify;
  color: #444;
  font-size: 11px;
}

.information-error .caption {
  font-weight: bold;
  padding-bottom: 15px;
  text-transform:uppercase;
}
#wrapper {
	margin: 0px auto;
	position: relative;
/*	background: url('/images/pirates_banner.jpg') no-repeat top center;
*/}





/* @end */

/* @CONTENT */

#content {
  float: left;
  font-size: 11px;
  color: #999;
  margin-top: -30px;
  margin-left:-30px;
}

#content-top {
  float: left;
  width: 924px;
  height: 80px;
}

#content-top #left {
  float: left;
  width: 40px;
  background: url('/images/content_bar_top_left.png') no-repeat top left;
  height: 80px;
}

#content-top #middle {
  float: left;
  width: 842px;
  background: #fff url('/images/content_bar_top_middle.png') repeat-x top left;
  height: 80px;
  padding-top: 5px;
  padding-left: 2px;
}

#content-top #right {
  float: left;
  width: 40px;
  background: url('/images/content_bar_top_right.png') no-repeat top right;
  height: 80px;
}

#content-middle {
  float: left;
  width: 550px;
  padding: 0px 33px 5px 37px;
  background: url('/images/content_bar_middle.png') repeat-y top left;
}

#content-bottom {
  float: left;
  width: 920px;
  height: 2px;
  background:url('/images/content_bar_bottom.png') no-repeat bottom left;
}

/* @end */



/* REGISTER  */

#register {
/*  padding: 50px 5px 20px 5px;*/

}

#register #user-form {
  margin: 0px auto;
  text-align: center;
}

#register .title {
  float: left;
  font-weight:bold;
/*  font-size: 14px;
  color: #006666;*/
  
}

#register fieldset{

  display: block;
  border: 1px solid #E2D8B5;
  width: 655px; /* a caixa a volta do 1) e 2)*/
}

#register ul {
	
  margin: 0 0 30px;
}

#register li {
  list-style: none;
}

#register .box {

  float: left;
  list-style: none;
  width: 645px; /* as caixas interiores */
  padding: 5px;
}

#register .box:hover {
  background: #F3FCF8;
}

#register label {
  float: left;
  width: 145px; /* width dos labels, mete a caixa do form mais para esquerda*/
  line-height: 20px; 
  text-align: left;
  font-size: 12px;
  color: #444;
  padding: 5px 5px 0 0;
}

#register input[type=text1], #register input[type=password1] {
	
  float: left;
  font: "lucida grande", Helvetica, Verdana, sans-serif;
  width: 110px;
  color: #888;
  margin: 5px 5px 0 0; 
  padding: 2px;
  border: 1px solid #E2D8B5;  

}

#register input[type=text], #register input[type=password] {
  
  float: left;
  font: "lucida grande", Helvetica, Verdana, sans-serif;
  width: 235px;
  color: #888;
  margin: 5px 5px 0 0; 
  padding: 2px;
  border: 1px solid #E2D8B5;
}


#register .help {
  float: left;
  margin: 5px 0 0 15px;
  line-height: 24px;
  color: red;
}





#register .submit {
  text-align: center;
  margin: 10px auto !important;  
}





/* pagelayout */

#formposition {
	position:absolute;
	height:272px;
	z-index:10;
	left: 132px;
	top: 295px;
}
#formposition2 {
	position:absolute;
	height:272px;
	z-index:10;
	left: 132px;
	top: 165px;
}
#registerbutton {
	position:absolute;
	width:200px;
	height:3px;
	z-index:11;
	left: 450px;
	top: 428px;
}
