﻿
form {
	padding: 0;
	margin: 0;
}

table.form td {
	padding: 5px;
}

input {
	margin: 0;
}

input.text,
textarea,
select {
	border: 1px solid #BBB;
	padding: 2px;
	margin: 0;
}

select {
	padding:0;
}

input.default {
	font-weight: bold;
}

input.date {
	background: url(images/icons/date_field.gif) no-repeat 100% 50%;
	width: 7em;
}

/*
 *  Form layouts
 */
 
/*
	Field: value 

	E.g.
	
	Field1         |------------|
	Field2         |------------|
	Anotherfield   |------------|

*/

div.form-pairs dl,
div.form-pairs dl dt,
div.form-pairs dl dd {
	margin: 0;
	padding: 0;
}

div.form-pairs dl {
	margin-bottom: 1em;
}

div.form-pairs dl dt {
	float: left;
}

div.form-register dl,
div.form-register dl dt,
div.form-register dl dd {
	margin: 0;
	padding: 0;
}

div.form-register dl {
	margin-bottom: 1em;
}

div.form-register dl dt {
	float: left;
	width: 200px;
}

div.form-register dl dd {
	margin-left: 200px;
}

div.form-popup dl,
div.form-popup dl dt,
div.form-popup dl dd {
}

div.form-popup dl {
	margin:0;
	width:550px;
	clear:right;
}

div.form-popup dl dt {
	float: left;
	width: 100px;
	text-align:left;
	margin:0 0 0 0;
	padding:0 0 0 118px;
}

div.form-popup dl dd {
	float:right;
	width: 150px;
	text-align:left;
	margin: 0;
	padding:0 150px 0 0;
}

div.form-friend dl {
	margin:0;
	width:400px;
	clear:right;
}

div.form-friend dl dt {
	float: left;
	width: 180px;
	text-align:left;
	margin:0 0 0 0;
	padding:0 0 0 10px;
}

div.form-friend dl dd {
	float: left;
	width: 200px;
	text-align:left;
	margin: 0;
}

/*
	Field:
	Value

	E.g.
	
	Field1
	|------------|
	
	Field2
	|------------|
	
	Anotherfield
	|------------|

*/

div.form-vertical dl,
div.form-vertical dl dt,
div.form-vertical dl dd {
	margin: 0;
	padding: 0;
}

div.form-vertical dl {
	margin-bottom: 1em;
}

div.form-vertical dl dt {
	font-size: 0.916em;
}

ul.radiolist-vertical,
ul.radiolist-vertical li {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.radiolist-vertical li {
	display: inline;
}

ul.radiolist-vertical li input {
	margin-right: 5px;
}

ul.radiolist-vertical li label {
	margin-right: 10px;
}

ul.radiolist-vertical {
	margin-bottom: 1em;
}

/* Lists of checkboxes */

ul.checklist,
ul.checklist li {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.checklist li {
	margin-bottom: 0.5em;
}

ul.checklist li input {
	margin-right: 5px;
}

/* New Forms Layout */


.formlayout {
	margin:0px;
	padding:0px;
	width:475px
}

.formlayout li {
	display:block;
	margin:0 0 0 0;
	clear:left;
	list-style-type:none;
	height:30px;
}

.formlayout li div {
	float:left;
}

.formlayout label {
	float:left;
	clear:left;
	width:55px;
	margin:0 15px 0 0;
}

.widelabel label {
	width:120px !important
}

.formlayout input {
	float:left;
}

input.fullwidth {
	width:363px;
	background: #FFF;
	border: 1px solid #BBB;
}

input.halfwidth {
	width:200px !important;
	background: #FFF;
	border: 1px solid #BBB;
}

select.fullwidth {
	width:368px;
}

select.halfwidth {
	width:200px !important;
}

.medwidth {
	width:300px;
}

.rightcol {
	float:right;
	width:182px;
	margin-left:16px;
}

.rightcol input,
.rightcol textarea {
	width:70px;
}

.rightcol select {
	width:150px;
}

.leftcol {
	width:275px;
}

.leftcol input,
.leftcol select,
.leftcol textarea {
	width:140px;
}

.leftcol select {
	width:165px;
}

.leftcolwide {
	width:375px;
}

.removewidth div label {
	float:none;
	margin:0 10px 0 0;
}

.removewidth input {
	width:auto !important;
	float:none;
	margin:0 10px 0 0;
}

.fieldnote {
	display:block;
	color:#666;
	clear:left;
	margin:0 0 0 100px;
	padding:4px 0 0 0;
	font-size:0.916em;
}

.fieldnote input {
	float:none;
	width:auto;
	margin:0px;
	padding:0px;
}

.fieldlabels {
	font-size:0.916em;
}

.fieldlabels label {
	padding-left:100px !important;
}

.fieldspacer {
	clear:left;
	display:block;
	height:10px;
	overflow:hidden;
}

#buttons input {
	font-weight: bold;
	width: 100px;
	height: 20px;
	text-align: left;
	margin:  0 0 10px 0;
	border: 1px solid #333;
	padding: 0;
	color: #FFF;
	font-size: 1em;
	background: url(../images/arrow-btn.gif) no-repeat right bottom #666;
	cursor: pointer;
}

#buttons {
	clear:left;
	text-align:left;
	padding:10px 17px 0 0;
}

.col-2 .formlayout {
	width:auto !important
}

.col-2 .formlayout li {
	height:50px !important
}

.col-2 .formlayout input {
	width:163px;
}

.col-2 .formlayout select {
	width:168px;
}

input.esefull {
	width: 376px;
	border: 1px solid #c1c1c1;
	background: #FFF;
}

select.esehalf {
	width:148px !important;
}

.eseleft {
	float: left;
	width: 220px;
}

.eseright {
	position: relative;
	margin: 0 0 0 10px;
}



/* new form structure */
.form_wrap {
	margin:0 0 10px;
}

.form_wrap .form_group_wrap {
	overflow:hidden;
	zoom:1;
	margin:0 0 5px;
}

.form_wrap .form_group_wrap .form_group {
	float:left;
	margin:0 20px 0 0;
}

.form_wrap .form_group .form_group_label {
	margin:0 0 3px;
}

.form_wrap .form_group .form_group_label label {
	font-weight:bold;
}

.form_wrap .form_group .form_group_content input,
.form_wrap .form_group .form_group_content select {
	margin:0;
	width:200px;
}

.form_wrap .form_group .form_group_content select {
	width:209px;
	padding:1px;
}