/*********************************************************************************************************************************************
* MAIN FORM
*********************************************************************************************************************************************/
.cssform {
  font-size: 0.9em;
  width: auto;/*global fixed width, remove to be auto ;)*/
  /*background: white;*/
}

.cssform p{
  /*width: 315px;/*315px*/
  width: auto;/*315px*/
  /*clear: left;*/
  margin: 0;
  padding: 5px 0 5px 0;
  /*margin-bottom: 5px;*/
  padding-left: 185px; /*width of left column containing the label elements*/
  /*border-top: 1px dashed #eee;*/
  height: 1%;

	/*background-color: #eee;*/
}

.cssform label{
  /*font-weight: bold;*/
  float: left;
  text-align: right;
  margin-left: -185px; /*width of left column*/
  width: 180px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
  color: #000;

	/*background-color: #ccc;*/
}

.cssform labelleft {
  /*font-weight: bold;*/
  float: left;
  text-align: right;
  margin-left: 0; /*width of left column*/
  width: auto; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
  color: #000;

	/*background-color: #ccc;*/
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/
* html .threepxfix{
  margin-left: 3px;
}

.cssform fieldset
{
  border: 1px solid #ccc;
  /*width: 20em; IE da xxx, e nao faz sentido pois se nao e usado fica c a largura maxima */
  width: auto;/*600px Force Width of Field Set Here, max use auto ;)*/
  margin: 0;
  padding: 0;
  padding-bottom: 5px;
  /*background: url(../images/template/middlebox_bg.png) repeat-x;*/
}

/*ie*/
* html .cssform fieldset div {    /*ie*/
  padding: 0 10px;
}

html>body .cssform fieldset div { /*ie7*/
  padding: 0 10px;
}

* html .cssform fieldset /*ie fix, to bring down background*/
{
  background-position: 0 10px;
}

.cssform legend
{
  /*color: #888;*/
  color: #444;
  font-size: 1.1em;
  font-weight: bold;
  /*background: #eee;*/
  /*border: 1px solid #781351;*/
  /*padding: 2px 6px;*/
	margin-left: 10px;
}

/*********************************************************************************************************************************************
* COMPONENTS
*********************************************************************************************************************************************/
.cssform input{ /*width of text boxes. IE6 does not understand this attribute*/
  /*width: 300px;*/
  border: 1px solid #bbb;
  /*border-style: dashed;*/
  padding: 0;
  _border-style: inset; _border-top: 2px; _border-right: 1px; _border-bottom: 1px; _border-left: 2px;/*ie6*/
  #border-style: inset; #border-top: 2px; #border-right: 1px; #border-bottom: 1px; #border-left: 2px;/*ie7*/  
}

.cssform input:hover{
  border: 1px solid #888;
  _border-style: inset; _border-top: 2px; _border-right: 1px; _border-bottom: 1px; _border-left: 2px;/*ie6*/
  #border-style: inset; #border-top: 2px; #border-right: 1px; #border-bottom: 1px; #border-left: 2px;/*ie7*/  
}

.cssform input:focus{ /*width of text boxes. IE6 does not understand this attribute*/
  /*background: #ffa;*/
  border: 1px solid red;
  /*border-style:  solid;*/
}

.cssform textarea{
  width: 310px;
  height: 100px;
  border: 1px solid #bbb;
  _border-style: inset; _border-top: 2px; _border-right: 1px; _border-bottom: 1px; _border-left: 2px;/*ie6*/
  #border-style: inset; #border-top: 2px; #border-right: 1px; #border-bottom: 1px; #border-left: 2px;/*ie7*/  
}

.cssform textarea:hover{
  border: 1px solid #888;
  _border-style: inset; _border-top: 2px; _border-right: 1px; _border-bottom: 1px; _border-left: 2px;/*ie6*/
  #border-style: inset; #border-top: 2px; #border-right: 1px; #border-bottom: 1px; #border-left: 2px;/*ie7*/  
}

.cssform textarea:focus{
  border: 1px solid red;
}

.cssform select{
  border: 1px solid #bbb;
}

.cssform select:hover{
  border: 1px solid #888;
}

.cssform select:focus{
  border: 1px solid red;
}

.cssform .radiobox {
	/*margin-top: 0px;*/
  border: none;
}

html>body .cssform .radiobox { /*ie7*/
  border: 1px solid transparent;
}

.cssform .checkbox {
	/*margin-top: 0px;*/
  border: none;
}

html>body .cssform .checkbox { /*ie7*/
  border: 1px solid transparent;
}

/*UNDER COSTRUCTION FOCUS:HOVER*/

/*.cssform input checkbox{*/
/*  border: 1px solid #bbb;*/
/*}*/

/*.cssform option*/
/*{*/
/*}*/

.cssform optgroup /*warning os chields ex <options vao herdar para o melhor e pior claro>*/
{
  /*font-size: 0.9em;*/
  /*font-style: normal;*/
  /*color: #884;*/
  /*background: #eee;*/
  border: 1px solid #eee;
}

.cssform .accesskey {
  height: 14px;
  font-size: 0.9em;
  background: #ffd;
  border: 1px solid #cca;
  border-style:  dashed;
  margin-right: 5px;
  /*text-align: center;*/
  text-decoration: none;
  vertical-align: top;
  text-align: center;
  padding: 0 3px;
}

.cssform .help {
  height: 14px;
  font-size: 0.9em;
  background: #dff;
  border: 1px solid #cca;
  border-style:  dashed;
  margin-right: 5px;
  /*text-align: center;*/
  text-decoration: none;
  vertical-align: top;
  text-align: center;
  padding: 0 3px;
}

.cssform .help:hover {
  border: 1px solid #f40;
  border-style:  dashed;
}


.cssform .info {
  color: #888;
  font-size: 0.75em;
  margin: 0;
  padding: 0;
  display: block;
  /*border: 1px solid white;*/
  /*border-style: dashed;*/
  /*margin-right: 5px;*/
  /*text-decoration: none;*/
  /*text-align: left;*/
  /*padding: 0 3px;*/
}

.cssform .info:hover {
  color: black;
  /*border: 1px solid white;*/
  /*border-style: dashed;*/
}


/*
 .cssform .info {
  color: #888;
  font-size: 0.9em;
  border: 1px solid white;
  border-style: dashed;
  margin-right: 5px;
  text-decoration: none;
  text-align: center;
  padding: 0 3px;  
}

.cssform .info p span:hover {
  background: #ffe;
  border: 1px solid #f40;
  border-style:  dashed;
}

.cssform p.info, span.info:hover {
  background: #ffe;
  border: 1px solid #f40;
  border-style:  dashed;
}
*/

.cssform .button {
  border: 1px solid #bbb;
  background-color: #FFF;
  background-repeat: repeat-x;
  color: #333333;
  font-size: 0.9em;
  font-weight: bold;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 0.25em;
}

.cssform .button:hover {
  border: 1px solid red;
}

.cssform .button:focus {
  border: 1px solid green;
}

.cssform .file {
  border: 1px solid #bbb;
  padding: 0;
  border-style:  solid;
}

.cssform .file:hover {
  border: 1px solid red;
}

.cssform .file:focus {
  border: 1px solid green;
}
/*********************************************************************************************************************************************
* TOOLBOX ACTIONS
*********************************************************************************************************************************************/
/*.cssform #toolbox{*/
#toolbox {
  width: auto;/*315px*/
  padding: 5px;
  background-color: red;
  background: url(../images/template/middlebox_bg.png) repeat-x;
  border: 1px solid #ddd;
  margin-top: 10px;
}

#toolbox input {
  border: 1px solid #eee;
  /*border-top-color: #CCCCCC;*/
  /*border-left-color: #CCCCCC;*/
  background-color: #FFF;
  /*background-image: url(background_form_element.gif); REMOVE FROM IMAGES FOLDER*/
  background-repeat: repeat-x;
  color: #333333;
  font-size: 0.9em;
  font-weight: bold;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  margin: 2px;
  padding: 0.50em;/*0.25em*/
}

/*#toolbox input:active {*/
/*  border: 1px dashed #fff;*/
/*}*/

#toolbox input:hover {
  border: 1px solid #bbb;
  /*border-top-color: #999999;*/
  /*border-left-color: #999999;*/
}

#toolbox input:focus {
  border: 1px solid red;
  /*border-top-color: #999999;*/
  /*border-left-color: #999999;*/
}

#toolbox input:disabled {
  filter: alpha(opacity580);
  -moz-opacity: 0.28; 
  opacity: 0.28;
  -khtml-opacity: 0.28;
}

/*********************************************************************************************************************************************
* MISC
*********************************************************************************************************************************************/
.showme {
  /*width: 200px;*/
  /*height: 200px;*/
}
/*********************************************************************************************************************************************
* CAPTCHA-Styles
*********************************************************************************************************************************************/
p.captcha_1,
p.captcha_2,
p.captcha_notvalid {
	/*margin-left: 30px;*/
	/*margin-right: 20px;*/
	/*font-size: 12px;*/
	/*font-style: normal;*/
	/*font-weight: normal;*/
	/*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	/*background: transparent;*/
	/*color: #000000;*/
}

p.captcha_2 {
	font-style: italic;
	font-weight: normal;
}

.captchapict
{
	margin: 0;
	padding: 0;
  border: 1px solid #bbb;
	margin-right: 10px;
}

/*ie*/
/** html .captchapict{*/
/*  margin-left: 10px;*/
/*}*/
	

/*captch button "New Id"*/
.captcha {
  border: 1px solid #eee;
  background-color: #FFF;
  background-repeat: repeat-x;
  color: #333333;
  font-size: 0.9em;
  font-weight: bold;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  /*margin: 2px;*/
  padding: 0.20em;
}

.captcha :hover {
  border: 1px solid #bbb;
}

.captcha :focus {
  border: 1px solid red;
}

/*********************************************************************************************************************************************
* classes mensagens e status
*********************************************************************************************************************************************/
.errmsg {
	text-align: center;
	color: red;
	/*font-size: 1.2em;*/
  border: 1px solid #ddd;
  background: url(../images_flavours/template/middlebox_bg.png) repeat-x;
	margin-bottom: 10px;
  padding: 9px;
	/*font-weight: bold;*/
}

.valmsg {
	text-align: center;
	color: green;
	/*font-size: 1.2em;*/
  border: 1px solid #ddd;
  background: url(../images_flavours/template/middlebox_bg.png) repeat-x;
	margin-bottom: 10px;
  padding: 9px;
	/*font-weight: bold;*/
}


.reqfieldlabel  {
  text-decoration: underline;
}

.reqoptionalfieldlabel  {
  /*text-decoration: underline;*/
  /*color: #888;*/
}