/* --------------------------------------------------------------

   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms

   Usage:
   * For text fields, use class .title or .text

-------------------------------------------------------------- */

label              { }
fieldset           { margin: 0 0 .5em 0; border: none; }
legend             { font-weight: bold; font-size: 1.2em; }
legend+*           { margin-top: 1em; } /* compensates for the opera margin bug */


/* =Form fields
-------------------------------------------------------------- */

input.text, input.smalltext, input.title,
textarea, select {
  margin: 0;
  margin-top: 4px;
  border: 1px solid #bfbfbf;
  background: #fff;
  color: #333333;
  font-size: 10px;
  }
input, select      { cursor: pointer; }
select             { padding: .1em .2em 0 .2em; }
option             { padding: 0 .4em; background: #fff; }

input.text:focus,
input.title:focus,
textarea:focus,
select:focus       { border-color: #e76d33; }

input.disabled { background: #DFDFDF;}

input.error,
textarea.error,
select.error       { border:1px solid #ff0000 !important; font-weight: normal;}

input.text,
input.title        { width: 240px;  padding: 2px 4px; cursor: text; }
input.smalltext    { width: 100px;  padding: 2px 4px; cursor: text; }
input.title        { font-size:1.5em; }
input.radio        {
  vertical-align: middle;
  padding: 0;
  margin: 0;
  margin-right: 5px;
  }
textarea {
  padding: .3em .4em .15em .4em;
  overflow: auto;
  height: 90px;
  width: 200px;
  font-family: Verdana, Geneva, sans-serif;
  }


/* =Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice, .success  { padding: .6em; margin: 0.6em 0; border: 2px solid #ddd; }

.error             { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice            { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success           { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a           { color: #8a1f11; background: none; padding: 0; margin: 0; }
.notice a          { color: #514721; background: none; padding: 0; margin: 0; }
.success a         { color: #264409; background: none; padding: 0; margin: 0; }

.errors            { margin: 0.6em 0; color: red; }
.form-oneline .errors { width: 240px; }
.errors a          { color: #8a1f11; }

/* custom styles for symfony errors */

ul.error_list { list-style-type: none; margin: 0; }
ul.error_list li {
  font-weight: bold;
  font-size: 9px;
  color: red;
  margin: 0.6em 0;
  display: inline;
  }
.error {
  font-weight: bold;
  font-size: 9px;
  color: red;
}

dl#signup-form ul.error_list li { color: black; }
#signup-form dd { font-size: 0.9em; color: black; }


/* =definition forms
-------------------------------------------------------------- */

fieldset { margin-bottom: 30px; }

.form-newline,
.form-oneline       { display: inline-block; }
.form-newline:after,
.form-oneline:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
  }
/* Hides from IE-mac \*/
* html .form-newline  { height: 1%; }
* html .form-oneline  { height: 1%; }
.form-newline         { display: block; }
.form-oneline         { display: block; }
/* End hide from IE-mac */

.form-newline dd { margin: 0 0 10px 0; }

#lightbox .form-oneline { margin-bottom: 0; }
.form-oneline dt {
  float: left;
  width: 200px;
  line-height: 1.2em;
  clear: left;
  margin-right: 20px;
  }
.form-oneline dd { margin: 0 0 10px 0; padding-left: 220px;}

.labelr          { text-align: right; }
.btn-right       { float: right !important; }
dt.nextline      { clear: none; }

.multi dt        { width: 40px; }
.multi input.text{ width: 60px; }
.multi dl        {
  float: left;
  margin-right: 60px;
  border: 1px solid #aeaeae;
  padding: 10px;
  }

/* examples */
input.dateinput      { width: 70px; margin-right: 10px;}
input.smallinput     { width: 50px; }
input.xxsmallinput   { width: 8px; }
input.xxmediuminput  { width: 80px; }
input.mediuminput    { width: 190px; }
textarea.smallinput  { width: 100px; }
textarea.mediuminput { width: 270; height: 100px;}


/* =Misc
-------------------------------------------------------------- */

.f-line            { margin: 0 0 10px 0; clear: both; }
.one-line          { display: inline; float: left;  margin: 0 240px 0 0; }

#login input.text  { margin: 0 0 0 5px; width: 124px; }
#login input       { margin-left: 5px; }

.button            {
  border: 1px solid #bfbfbf;
  background: #fff;
  color: #333333;
  font-size: 10px;
  padding: 0 4px 2px 4px;
  margin-top: 1px;
  text-decoration: none !important;
  overflow: visible;
  background: #fff url(../images/bg_button.png) repeat-x left bottom;
  }

.delete {
  display: block;
  height: 11px;
  width: 11px;
  background: #fff url(../images/btn_delete) no-repeat left bottom;
  border: none;
  float: right;
  }

.signup dl,
.signup form
 { margin: 0; }
.signup dt      { font-weight: normal; font-size: 11px; }
.signup .text   { width: 125px; border-color: #333; }
.signup .button {
  border-color: #333;
  background: yellow;
  color: #000;
  font-weight: bold;
  font-size: 11px;
  padding: 4px;
  _padding: 4px 2px;
  height: auto;
  }

input.watermarked { color: #999;}

#profile_dateofbirth_day,
#profile_dateofbirth_month { margin-right: 10px; }

#profile-lefhanded         { width: 240px; }

#profile-education-level,
#profile-country,
#profile-application_id,
#study-language    { width: 240px; }

input#translation_source,
input#wikisearch_term      { width: 200px; }

.double_list_select,
.double_list_select-selected {
  width: 100px;
  margin: 0 15px 0 15px;
  }

.trans-from { width: 130px !important; }
.trans-to   { width: 150px !important; }


/* =Misc Homepage (Temp)
-------------------------------------------------------------- */

.homepage input.text, .homepage input.title,
.homepage textarea, .homepage select {
	display: block;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #2c4a6e;
	font-size: 13px;
	margin: 0 0 5px;
	margin-right: 5px;
	padding: 5px;
  }
.homepage input, .homepage select      { cursor: pointer; }
.homepage select             { padding: 5px; }
.homepage option             { padding: 0 .4em; background: #fff; }

.homepage input.text:focus,
.homepage input.title:focus,
.homepage textarea:focus,
.homepage select:focus       { border-color: #e76d33 !important; }

/* small button */
input.button-login,
a.button-default {
	background: #1a5c8d url(../images/bg_button_homepage.png) repeat-x scroll 0 0;
	border: 1px solid #2c4a6e;
	color: #fff;
	text-shadow: 0 1px 0 #333;
	font-size: 11px;
	margin: 0 5px 0 0;
	font-weight: bold;
	padding: 6px 10px 6px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	}
.homepage .button-login::-moz-focus-inner,
.button-default::-moz-focus-inner { padding: 0; border: 0; }
.homepage .button-login:hover, 
.homepage .button-login:focus,
.button-default:hover, 
.button-default:focus { background-position: 0 -5px; cursor: pointer; color: #fff; }
.homepage .button-login:active { padding-top: 7px; padding-bottom: 5px; }

/* login form frontpage */
.homepage .login input.text  {
	border-color: #5e9dbc;
	width: 125px;
	float: left;
	}