/***********************************************
 * form
 **********************************************/
label {
  float: left;
  display: block;
  text-align: right;
  padding-right: 10px;
  margin-bottom: 10px;
}

input {
  float: left;
  display: block;
  margin-bottom: 10px;
}

select {
  float: left;
  display: block;
  margin-bottom: 10px;
  margin-right: 4px;
}

textarea {
  float: left;
  margin-bottom: 10px;
}

/***********************************************
 * contact form
 **********************************************/
#contactform, #editform, #loginform, #eventform {
  width: 448px;
  margin-top: 10px;
  padding: 10px 0;
  border: 1px solid #ddd;
}

#contactform label, #editform label {
  width: 100px;
}

#contactform input {
  width: 270px;
}

#contactform select {
  width: 274px;
}

#contactform textarea {
  width: 270px;
}

/***********************************************/

#contactbuttons {
  margin-left: 125px;
}

#contactbuttons input {
  width: 100px;
}

/***********************************************
 * login form
 **********************************************/
#loginform label {
  width: 120px;
}

#loginform input {
  width: 150px;
  margin: 0;
  padding: 0;
}

.formbuttons input {
  width: 66px;
  padding-left: 100px;
}

/***********************************************
 * edit form
 **********************************************/
#editform {
  width: 678px;
}

#editform input {
  width: 446px;
  border: 1px solid #ccc;
  padding: 1px;
}

#editform textarea {
  width: 446px;
}

/***********************************************
 * event form
 **********************************************/
#eventform {
  width: 678px;
}

#eventform label, #noticeform label {
  float: left;
  display: block;
  width: 100px;
  text-align: right;
  padding-right: 10px;
  margin-bottom: 10px;
}

#eventform input, #noticeform input {
  width: 446px;
}

#eventform textarea, #noticeform textarea {
  width: 446px;
}

/***********************************************
 * newsletter form
 **********************************************/

#newsletterupload {
  float: left;
  width: 438px;
  border: 1px solid #999966;
  background-color: #f8f7d2;
  padding: 20px 5px;
  text-align: center;
}

#newsletterupload label {
  float: left;
  width: 70px;
}

#newsletterupload input.inputbox {
  float: left;
  display: block;
  width: 120px;
}

/***********************************************
 * form buttons
 **********************************************/
#formbuttons {
  float: left;
  width: 258px;
  padding: 0 0 0 192px;
}

#formbuttons input {
  width: 66px;
  border: none;
}

/***********************************************
 * general form stuff
 **********************************************/
#contactform br, #loginform br, #editform br, #eventform br, #noticeform br, #newsletterupload br {
  clear: both;
}

#submit input, #reset input {
  float: left;
  width: 66px;
  height: 24px;
  margin: 0 0 0 30px;
  padding: 0;
}

/***********************************************
 * ?
 **********************************************/
/* try this instead */
/*#formbg {
  border: 1px solid #aaa;
  background-color: #eee;
  padding: 20px 10px 20px 10px;
}

#formbg .buttons {
  width: 90px;
  margin-top: 10px;
}

.editform {
  width: 398px;
  border: 1px solid #cbccff;
  background-color: #eee;
  padding: 10px 0 0 0;
}

.addform {
  width: 450px;
  margin-left: 50px;
}

.loginform {
  width: 300px;
  margin-left: 48px;
}

.editinput {
    width: 318px;
}

.logininput {
  width: 150px;
}

#loginbuttons {
  margin-left: 100px;
}

#editbuttons {
  margin-left: 150px;
}

#addbuttons {
  margin-left: 130px;
}
*/
