
/*********************************** forms *****************************************/

label { font-weight: bold; }



input, textarea, select {
  border:1px solid #cdcdcd;
  padding:2px;
  background:#ffffff url(img_form/inputBg.gif) top left no-repeat;
  margin-top:2px;
}

input.checkbox {
  width:15px;
  background:none;
  border:0;
}

input.radio_button {
  width:15px;
  background:none;
  border:0;
}

input.small, select.small {
  width:50px;
}

input.large, select.large {
  width:200px;
}

input.extra_large, select.extra_large {
  width:300px;
}

input:hover, textarea:hover, select:hover {
  border:1px solid #888888;
}

input:active, textarea:active, select:active {
  border:1px solid #888888;
}

input.submit {
  background:#ffffff url(img_form/submitBg.png) -20px 0 no-repeat;
  color:#ffffff;
}

input.submit:hover {
  
  cursor: pointer;
}

textarea {
  width:200px;
  height: 200px;
}

textarea.deep {
  height:350px;
}

textarea.shallow {
  height:50px;
}

fieldset {
  padding-left:20px;
  padding-right:10px;
  margin-left:20px;
  margin:0;
}

legend {
  font-weight:bold;
  font-size: 1em; 
  letter-spacing: -1px;
  color:#666666;
}

/********************************* LiveValidation *************************************/

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
	color:#CC0000;
}
	
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
	font-size:0.8em;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active,
.fieldWithErrors input.LV_valid_field,
.fieldWithErrors textarea.LV_valid_field {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active,
.fieldWithErrors input.LV_invalid_field,
.fieldWithErrors textarea.LV_invalid_field {
    border: 1px solid #CC0000;
}

/************************************ HELPERS ***************************************/		

.floatRight {
  float:right;
}

.floatLeft {
  float:left;
}

.clearBoth {
  clear:both;
}

.clearLeft {
  clear:left;
}

.clearRight {
  clear:right;
}

.inline {
  display:inline;
}

.block {
  display:block;
}

.hidden {
  display:none;
}

.invisible {
  visibility:hidden;
}

.visible {
  visibility:visible;
}

/** margin helpers (useful for floated images) **/

.marginTop10 {
  margin-top:10px;
}

.marginRight10 {
  margin-right:10px;
}

.marginBottom10 {
  margin-bottom:10px;
}

.marginleft10 {
  margin-left:10px;
}





/********************* YAHOO USER INTERFACE GRIDS ELEMENTS *************************/

/* see http://developer.yahoo.com/yui/grids/ */

/* yui doc4 container
   (don't use any positioning stuff for this, just colors etc) */
#doc {
  background-color:transparent;
}

/* yui hd header container 
   (don't use any positioning stuff for this, just colors etc)
   use an inner container to add any padding as this will screw up layout*/
#hd { 
  background-color: transparent; 
}

/* yui ft footer container 
   (don't use any positioning stuff for this, just colors etc)
   use an inner container to add any padding as this will screw up layout*/
#ft { 
  background-color: transparent;
  text-align:center;
  padding: 10px 0;
  color: #cccccc;
  /*color: #B9D420;*/
}

/** forms *****/

.vote_button {
  width:inherit;
}

input, select {
  padding:3px;
}

input.radio_button {
  margin-left:50px;
}

input.submit {
  width: inherit;
  background:#333;
  border:0;
  border-bottom: 1px solid #999999;
  border-right: 1px solid #999999;
}

textarea {
  width:280px;
}

textarea.shallow {
  height:100px;
}


/** footer stuff *********************/

#foot_nav {
	margin:0;
	padding:0;
}

#foot_nav li {
  display: inline;
  list-style: none;
  margin:0 0.5em;
}


/** megaFooter stuff *********************/

#megaFooter{
	margin:0;
	padding:10px 5px 5px 5px;
	background-color:#999999;
	color:#ffffff;
	text-align:center;
}




ol, ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

fieldset ul li {
clear:both;
overflow:hidden;
padding:0 0 1.5em 1.4em;
}

label {
color:#666666;
font-size:1em;
font-weight:bold;
}

.form-texto {
background-color:#FFFFFF;
border-color:#8D8D8D #CCCCCC #E3E3E3;
border-style:inset;
border-width:1px;
font-size:1.165em;
height:1.42em;
padding:1px 4px;
width:25.8em;
}

select, input, textarea {
font-family:arial,helvetica,clean,sans-serif;
font-size:0.99em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
}

#form p {
color:#999999;
font-family:tahoma;
font-size:0.77em;
}

.coluna-dupla select {
width:12em;
}

.coluna-dupla select {
width:12em;
}
select {
font-size:1.165em;
height:1.62em;
width:26.54em;
}

.coluna-dupla .form-texto {
width:11.2em;
}
 .form-texto {
background-color:#FFFFFF;
border-color:#8D8D8D #CCCCCC #E3E3E3;
border-style:inset;
border-width:1px;
font-size:1.165em;
height:1.42em;
padding:1px 4px;
width:25.8em;
}

.coluna-dupla .form-texto {
width:11.2em;
}
.form-texto {
background-color:#FFFFFF;
border-color:#8D8D8D #CCCCCC #E3E3E3;
border-style:inset;
border-width:1px;
font-size:1.165em;
height:1.42em;
padding:1px 4px;
width:25.8em;
}

.form-texto {
background-color:#FFFFFF;
border-color:#8D8D8D #CCCCCC #E3E3E3;
border-style:inset;
border-width:1px;
font-size:1.165em;
height:1.42em;
padding:1px 4px;
width:25.8em;
}
.form-texto {
display:block;
}

#campo-mensagem {
height:8.29em;
}

textarea {
height:150px !important;
}

.botao-enviar {
background-color:#EAEAEA;
padding:0.92em 0 0.42em 1.5em;
}

.botao-enviar .botao {
background-color:#F0F0F0;
border-color:#FAFAFA #848484 #848484 #FAFAFA;
border-style:solid;
border-width:2px;
font-size:1.5em;
font-weight:bold;
padding:0.67em 2.33em;
}