/* -------------------- Forms -------------------- */

fieldset {
	margin-top: 15px; 
	margin-bottom: 15px; 
	}
	
legend {
	margin-bottom: 10px; 
	display: block; 
	}
	
label { 
	display: block; 
	margin-bottom: 5px; 
	font-weight: bold;
	}
	
.input-short,
.input-medium,
.input-long { 
	padding: 3px; 
	}
	
select { 
	padding: 2px; 
	}
	
textarea { 
	padding: 3px; 
	}
	
.input-short { 
	width: 25% 
	}
	
.input-medium { 
	width: 50% 
	}
	
.input-long { 
	width: 98% 
	}
	
input.input-short,
input.input-medium,
input.input-long, 
select, 
textarea {
	background: url(../pics/form/input-bg.gif) top left repeat-x #f6f6f6;
	border: 0;
	border: 1px solid #cccccc;
	}

input.input-short:focus,
input.input-medium:focus,
input.input-long:focus, 
select:focus, 
textarea:focus {
	background: url(../pics/form/input-bg-focus.gif) top left repeat-x #ffffff;
	border-color: #a9c2d1;
	}


input.submit-green { 
	background: url(../pics/form/submit-green-bg.gif) top left repeat-x; 
	border: 0; 
	border-top: 1px solid #6bd091; 
	border-left: 1px solid #6bd091; 
	border-right: 1px solid #349c5c; 
	border-bottom: 1px solid #349c5c; 
	color: #ffffff; 
	font-size: 14px; 
	padding: 2px 12px; 
	margin: 0px 10px 0 0;
	cursor: pointer;
	}

input.submit-green-hover { 
	background-image: url(../pics/form/submit-green-bg-hover.gif);
	}

input.submit-gray { 
	background: url(../pics/form/submit-gray-bg.gif) top left repeat-x; 
	border: 0; 
	border-top: 1px solid #cccccc; 
	border-left: 1px solid #cccccc; 
	border-right: 1px solid #888888; 
	border-bottom: 1px solid #888888; 
	color: #ffffff; 
	font-size: 14px; 
	padding: 2px 12px; 
	margin: 0px 10px 0 0;
	cursor: pointer;
	}

input.submit-gray-hover { 
	background-image: url(../pics/form/submit-gray-bg-hover.gif); 
	}

	/* -------------------- Text input and select input notifications -------------------- */

.notification-input {
	background:10px 50% no-repeat;
	margin: 0 0 0 5px;
	padding:5px 0 5px 32px;
	font-size: 12px;
	}

.ni-correct {
	background-image:url(../pics/form/tick-on-white.gif);
	color: #00ae42;
	}

.ni-error {
	background-image:url(../pics/form/cross-on-white.gif);
	color: #c9282d;
	}




/* --------------------  Boxed notifications -------------------- */

.notification {
	display: block;
	padding: 20px 20px 20px 45px;
	border: 1px solid;
	margin-bottom: 20px;
	background-repeat: no-repeat;
	background-position: 20px 20px;
	}

.n-success {
	background-color: #a3e6bd;
	border-color: #68d59b;
	background-image: url(../pics/form/notification-tick.gif);
	}

.n-information {
	background-color: #9fddea;
	border-color: #5fceea;
	background-image: url(../pics/form/notification-information.gif);
	}

.n-attention {
	background-color: #f9e497;
	border-color: #ffcb4f;
	background-image: url(../pics/form/notification-exclamation.gif);
	}

.n-error {
	background-color: #ffc6ca;
	border-color: #efb9c3;
	background-image: url(../pics/form/notification-slash.gif);
	}