/* 
    Document   : madforms-capers.css
    Created on : 30/08/2010, 4:57:14 PM
    Author     : sean
    Description:
        Styles of form elements in pizza capers footy submissino forms
*/

body{
  background-color:#000;
  color:#fff;
  font-family:Arial, Helvetica, sans-serif;
}

.main_wrapper{
  text-align:center;
}
.main{
  width:640px;
  background-image:url('footy_bg.jpg');
  background-repeat:no-repeat;
  background-position:top;
  margin:0 auto;
  min-height:850px;
}

.content{
  padding:380px 30px 0 30px;
  text-align:left;
}

.madform input[type='image']{
  margin:0 auto;
}

/* *********************** */
.madform .start_group {
    padding-top:1em;
}

.madform p.label{
  float:left;
  clear:left;
  min-width:8em;
	width:8em\9;
  padding:0;
  margin:0;
}

.madform p.label.lone, .madform .field.lone{
  float:none;
  width:30em;
}

.madform .instruction{
  float:none;
  clear:left;
  font-size:0.8em;
}

.madform h2{
  clear:both;
  margin:0;
  padding:0;
}

.madform .clearer{
  clear:both;
  height:1px;
  overflow:hidden;
  font-size:1px;
}


.madform .field{
  /*float:left;*/
}

.madform .field input, .madform .field select{
  border:none;
}

.madform .field textarea{
  width:30em;
}
.madform .field.medium textarea{
  height:6em;
}

.madform .field.medium input[type='text']{
  width:22em;
}

.madform .field.short input[type='text']{
  width:6em;
}

.madform input[type='submit'] {
  clear:both;
}


/** errors **/
.madform .error_alert h2{
  color:#f00;
  font-size:1.2em;
}
.madform .error{
  color:#f00;
}
.madform .label.error{
  font-weight:bold;
}
.madform .field.error input, .madform .field.error select{
  border:1px solid red;
}
.madform .field.error .instruction{
  color:#fff;
}

.madform .error_alert{
  padding:10px 20px;
  background-color:#000;
  background-color:rgba(0,0,0,.6);
  margin:1.5em 0;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
  /*filter:alpha(opacity=50);
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;*/
}