/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.cssform {
font-family: Arial, sans-serif;
font-size: 11px;
}

.cssform p{
clear: left;
margin: 0;
padding: 2px 0 2px 0;
padding-left: 125px; /*width: 300px;  width of left column containing the label elements*/
}

.cssform h5{
font-family: Arial, sans-serif;
font-size: 14px;
color: #66cc00;
display: inline;
}

.cssform em{
background-color: yellow;
}

.cssform label{
font-family: Arial, sans-serif;
font-size: 11px;
float: left;
text-align: right;
margin-left: -125px; /*width of left column*/
width: 120px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
font: 11px Arial, sans-serif;
background-color: #ffffff;
color: #102132;
border: 1px solid #00ccff;
}

.cssform input[type="password"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
font: 11px Arial, sans-serif;
background-color: #ffffff;
color: #102132;
border: 1px solid #00ccff;
}

.cssform input[type="submit"]{ /*width of text boxes. IE6 does not understand this attribute*/
height: 22px;
width: 80px;
font: 11px Arial, sans-serif;
background-color: #00ccff;
color: #ffffff;
}

.cssform input[type="button"]{ /*width of text boxes. IE6 does not understand this attribute*/
height: 22px;
width: 55px;
font: 11px Arial, sans-serif;
background-color: #00ccff;
color: #ffffff;
}

.cssform textarea{
width: 250px;
height: 100px;
width: 180px;
font: 11px Arial, sans-serif;
background-color: #ffffff;
color: #102132;
border: 1px solid #00ccff;
}

.cssform select{
width: 180px;
font: 11px Arial, sans-serif;
background-color: #ffffff;
color: #102132;
border: 1px solid #00ccff;
}

/*.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 div.info {
  float: right;
  width: 158px;
  height: auto;
  margin: 0 0 10px 10px;
  padding: 12px;
  border: 1px solid #00ccff;
  background-color: #ffffff;
  color: #000000;
  font-family: Arial, sans-serif;
  font-size: 10px;
}

.cssform div.info h4 {
  margin: 0 0 2px 0;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #00ccff;
  color: #00ccff;
  text-align: left;
  font-family: Arial, sans-serif;
  font-size: 12px;
}

#div_signupleft {
  /*border: 1px solid #000;*/
  float: left;
  width: 350px;
  height:auto;
  padding: 12px;
  color: #000000;
  font-family: Arial, sans-serif;
  font-size: 11px;
}

#div_signupright {
  /*border: 1px solid #000;*/
  float: right;
  display: inline;
  width: 275px;
  height: auto; 
  padding: 12px;
  color: #000000;
  font-family: Arial, sans-serif;
  font-size: 11px;
}

form#login {
 color: #000000;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 text-align: right;
}

#login .text {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 width: 100px;
 margin-right: 6px;
}

#login .buttons {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10px;
 background-color: #00ccff;
 color: #FFFFFF;
 margin-right: 6px;
}