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

   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
   * For inline forms, use .inline (even when using columns)

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

/* 
	A special hack is included for IE8 since it does not apply padding 
	correctly on fieldsets
 */ 
label       {
	padding: 3px;
	margin: 3px;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	display: block;
	text-align: justify;
	alignment-adjust: auto;
}
fieldset    {
	border-radius: 10px;
	padding: 0 5px 5px 5px;
	margin: 0 auto 0 auto;
	border: 1px solid #6799CC;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: medium;
	color: #6799CC;
	line-height: normal;
	text-align: left;
	width: 351px;
	position: relative;
	top: 4px;
	display: inline-block;
	left: 13px;
	height: auto;
}

legend      {
	border-style: solid;
	border-width: thin;
	border-color: #6799CC #FFFFFF #FFFFFF #6799CC;
	border-radius: 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration-color: blueviolet;
	font-size: 1.3em;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #FFFFFF;
	text-shadow: 1px 1px #6799CC !important;
}
 

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

/* 
  Attribute selectors are used to differentiate the different types 
  of input elements, but to support old browsers, you will have to 
  add classes for each one. ".title" simply creates a large text  
  field, this is purely for looks.
 */
input[type=text], input[type=password],
input.text, input.title,
textarea {
	background-color: #fff;
	border: 1px solid #fff;
}
input[type=text]:focus, input[type=password]:focus,
input.text:focus, input.title:focus,
textarea:focus {
	border-color: #00FFFF;
}
select {
	border-color:#FFF;
	background-color: #6799CC;
	border-width: 1px;
	border-style: solid;
	color: #000080;
}

input[type=text], input[type=password],
input.text, input.title,
textarea, select {
	padding: 3px;
	margin: 3px;
	color: #000080;
	max-width: 300px;
}

input.text,
input.title   { width: 300px; padding:5px; }
input.title   { font-size:1.5em; }
textarea      {
	width: 300px;
	height: 250px;
	padding: 5px;
}

/* 
  This is to be used on forms where a variety of elements are 
  placed side-by-side. Use the p tag to denote a line. 
 */
form.inline { line-height:3; }
form.inline p { margin-bottom:0; }


/* Success, info, notice and error/alert boxes
-------------------------------------------------------------- */

.error,
.alert, 
.notice,
.success, 
.info { padding: 0.8em;  border: 2px solid #ddd; }

.error, .alert {
	background: #fbe3e4;
	color: #DDDDDD;
	border-color: #FF0000;
}
.notice     {
	background: #92CAE4;
	color: #FFFFFF;
	border-color: #00FFFF;
}
.success    {
	background: #e6efc2;
	color: #000080;
	border-color: #6799CC;
}
.info {
	padding: 0px;
	margin: 2px;
	color: #FFFFFF;
	font-size: 2em;
	font-weight: normal;
	font-style: oblique;
	font-family: Georgia, "Times New Roman", Times, serif;
	position: absolute;
	z-index: auto;
	left: ;
	vertical-align: auto;
	display: none;
}
.error a, .alert a {
	color: #FF0000;
}
.notice a   {
	color: #000080;
}
.success a  {
	color: #000080;
}
.info a	
{ color: #205791; }

 
#form {
	border-radius: 10px;
	border: thin #00FFFF solid;
	padding: 3px;
	margin:4px;
	font-family: Georgia, "Times New Roman", Times, serif;
	width: 400px;
	color: #FFFFFF;
	height: auto;
	text-align: left;
	background-repeat: no-repeat;
	white-space: normal;
	word-spacing: normal;
	letter-spacing: normal;
	position: relative;
	float:left ;
	line-height: normal;
	text-shadow: 1px 1px #000080;
	background-color: #6799CC;
	font-size: medium;
	display: inline-block;
	min-height: 300px;
	box-shadow: 2px 2px 20px 2px #00FFFF;
}
#form h2 {
	border-radius: 10px;
	text-shadow: 2px 2px 2px #000080 !important;
	padding: 5px;
	margin: auto;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: large;
	text-align: center;
	color: #FFFFFF;
	position: relative;
}
#form h1 {
	border-bottom-width: thin;
	border-style: solid;
	border-width: thin;
	border-color: #6799CC;
	border-radius: 20px;
	box-shadow: 1px 1px 20px # FFF inset;
	padding: 10px;
	margin: 0 auto;
	font-size: 1.4em;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color: ;
	color: #FFFFFF;
	text-shadow: 1px 1px #000080 !important;
	width: auto;
}
#form p {
	margin: 0px auto 0px auto;
	padding: 3px 3px 0 3px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
	text-align: left;
	color: #FFFFFF;
	text-align-last: end;
	text-shadow: 2px 1px #6977CC;
	alignment-baseline: central;
}
 
#form ul li{
	box-shadow: 10px 10px #6799CC;
	margin: 5px;
	padding: 3px;
	list-style-type: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: medium;
	color: #FFFFFF;
	display: inline-block;
}