/* generic classes
   if this file is included first, they can be overrided
*/

/*display ul flat*/
.flatList li
{ display: inline; }


.strong
{ 
  font-weight:bold;
  }

.clearer
{ 
clear: both;
   }

.error
{ 
  color:red;
  font-weight: bold;
 }

.info
{ 
  color:green;
  font-weight: bold;
 }

/*Hidden field in request forms. Needs id+class to have a high specificity*/
#reqCom.reqCom
{ 
display:none;
 }


/* nice form layout, adapted from themaninblue.com*/


#marginForm fieldset {
border:0 solid #FFFFFF;
display:block;
padding:0 5px 5px;
}
#marginForm2 input, #marginForm2 textarea, #marginForm2 select
{
  position: relative;
  top: -20px;
  left: 200px;
  width: 400px;
  display: block;
  
}

#marginForm2 label {
clear:both;
display:block;
font-weight:bold;
width:100%;
}

#marginForm2 input[type=submit]
{
  width: 75px;
  font-weight: bold;
left:600px;
}


#marginForm input, #marginForm textarea, #marginForm select
{
  position: relative;
  top: -20px;
  left: 200px;
  width: 400px;
  display: block;
}



#marginForm input[type=submit]
{
  clear: both;
  top: 0;
  width: 75px;
  right:0;
  background-color: #28416a;
  color: #FFFFFF;
  font-weight: bold;
  border:0;
}


#marginForm input[type=checkbox]
{
  width: 13px;
}

#marginForm input[type=radio]
{
  width: 13px;
}

#marginForm input.front
{ 
  left: 0px;
  top: 0px;
  display: inline;
  
   }

#marginForm label
{
	clear: both;
	display: block;
	width: 100%;
	font-weight: bold;
}

#marginForm label.first
{
  margin-top: 12px;
}

/*#marginForm select 
{
  display:block;
  left:8em;
  position:relative;
  top:-1.4em;
}*/

#marginForm label.email1
{ 
  float: left;
  display:inline;
  width: 380px; /*input left (200)+input width(130)*/
   }

#marginForm label.email2
{ 
  clear:none;
  width: 50px;
  text-align:center;
  float: left;
  }

#marginForm label.email1 input, #marginForm label.email2 input
{ 
  width: 180px;
 }

 #marginForm label.email2 input
{ 
  left: 40px; /*inputs.width-2*input_email.width*/
  }


/*some width are to change for 2column displays*/
#marginForm.col2 input, #marginForm.col2 textarea { width: 300px;}
#marginForm.col2 label.email1 { width: 330px; /*input left (200)+input width(130)*/}
#marginForm.col2 label.email1 input, 
#marginForm.col2 label.email2 input { width: 130px; }
#marginForm.col2 label.email2 input { left: 40px; /*inputs.width-2*input_email.width*/}




#marginForm.contactForm fieldset
{ 
padding-left: 50px;
 }


/*small list*/
ul.small
{ 
  list-style:none;
  padding: 0;
  margin-left: 0;
 }


/*This is used by more than one page*/
p.creatorLnk
{ 
  float: right;
  line-height: 24px;
  height: 24px;
  padding-left: 10px;
  padding-right: 25px;
  font-weight: bold;
  position:relative;
  margin-bottom:5px;
  margin-top:0px;
  }
p.creatorLnk img
{ 
  border:none;
  position:absolute;
  right: 3px;
  padding: 0px;
  margin:0px;
  top: 1px;

 }

p.creatorLnk a, p.creatorLnk a:active, p.creatorLnk a:visited, p.creatorLnk a:hover  
{ 
  text-decoration: none;
  color: white;
  }