/* Stylesheet for example form (feel free to modify) */

form.frmsfrm {
	padding : 0;
	margin : 0;
	}

div.swoop-form {
	width : 500px;
	padding : 10px;
	background-color : #fafafa;
	border : 1px solid #eee;
	}

div.swoop-form-head {
	margin-bottom : 10px;
	}

div.swoop-form-body {
	}

div.swoop-form-row {
	margin-bottom : 5px;
	}

div.swoop-form-colspan {
	}

div.swoop-form-hidden {
	display : none;
	}

div.swoop-form-label, div.swoop-form-element {
	display : block;
	padding : 0;
	margin : 0;
	width : 35%;
	float : left;
	}

div.swoop-form-element {
	width : 60%;
	float : right;
	}

div.swoop-form-buttons {
	}

.swoop-form-label.swoop-form-checkbox, .swoop-form-default.swoop-form-checkbox {
	display : inline;
	width : auto;
	float : none;
	}

div.swoop-form-buttons {
	text-align : right;
	}

label.swoop-form-label {
	font-weight : bold;
	color : #444;
	}

input.swoop-form-default, select.swoop-form-default, textarea.swoop-form-default {
	display : block;
	color : #444;
	padding : 2px;
	margin : 1px;
	border : 1px solid #aaa;
	width : 98%;
	}

select.swoop-form-default {
	width : 100%;
	}

textarea.swoop-form-default {
	width : 99%;
	}

input[type=checkbox].swoop-form-default {
	width : auto;
	}

input.swoop-form-button {
	width : auto;
	cursor : pointer;
	border : none;
	background-color : transparent;
	}

input.swoop-form-default:focus, textarea.swoop-form-default:focus {
	background-color : #ebf4fd;
	}

.swoop-form-captcha {
	}

.swoop-form-captcha-image {
	}

.swoop-form-captcha-input {
	overflow : hidden;
	border : 1px solid #aaa;
	background: #fff;
	}

.swoop-form-captcha-input input {
	width: 98%;
	background: none;
	border: none;
	font-size: 18px;
	}

div.swoop-form-error {
	background-color : #ffd;
	border : 1px solid #dd3;
	padding : 10px;
	}

h3.swoop-form-error {
	color : #900;
	padding : 0;
	margin : 0 0 10px 0;
	}

li.swoop-form-error {
	color : #444;
	font-size : 11px;
	}

.swoop-form-errorelement, 
.swoop-form-captcha-input input.swoop-form-errorelement {
	background-color : #fee;
	}