@charset "utf-8";

/* GENERIC FORM STYLES

version:   		2.0
author:    		StormID
email:    		info@stormid.com
website:   		http://stormid.com/
last updated:	7th September 2010

*/


/* FIXED WIDTH */

input[type="radio"] { 
	vertical-align: text-bottom; 
	}

input[type="checkbox"] { 
	vertical-align: bottom; 
	}
	
button, input, select, textarea { 
	margin: 0; 
	}

.form-style {
	color: #333;
	margin-top: 0;
	}

.form-style legend {
	font-size: 2em;
	font-weight: bold;
	line-height: 1em;
	margin-bottom: 10px;
	}

.form-style ul {
	margin: 0px;
	padding: 0px;
	}

.form-style label {
	color: #666;
	float: left;
	font-size: 1.3em;
	margin-right: 20px;
	text-align: right;
	width: 220px;
	}

.form-style li {
	border-bottom: 1px dotted #ccc;
	clear: both;
	display: block;
	list-style-type: none;
	margin: 5px 0;
	padding: 5px 0px 10px 0px;
	}

.form-style input.textfield {
	padding: 6px;
	width: 368px;
	}

.form-style textarea {
	border: 1px solid #ccc;
	padding: 6px;
	width: 368px;
	}

.form-style select {
	border: 1px solid #ccc;
	padding: 6px;
	width: 380px;
	}

.form-style input.checkbox, .form-style input.radio {
	display: block;
	height: 13px;
	margin: 0px;
	padding: 0;
	width: 13px;
	}

.form-style span.button-indent {
	border-bottom: none;
	clear: both;
	padding-left: 240px;
	padding-top: 10px;
	position: relative;
	}
	
.button {
	font-size: 1.4em;
	}

.form-style li .col {
	display: block;
	float: left;
	}

.form-style li.row {
	display: block;
	float: left;
	}

.form-style li .col span {
	display: block;
	margin: 5px 0;
	}

.form-style li .row span {
	display: block;
	float: left;
	}

.form-style li .row label.choice {
	width: 140px;
	}

.form-style label.choice {
	clear: both;
	display: block;
	float: none;
	line-height: 150%;
	margin: -20px 0 0 25px;
	padding: 0 0 5px;
	text-align: left;
	}

	
/* FLUID WIDTH */

.liquid-form {
	width: 50%;
	}

.form-style.liquid label {
	margin-right:0px;
	text-align:left;
	width: 30%;
    }

.form-style.liquid input.textfield {
	width: 60%;
    }

.form-style.liquid textarea {
	width: 60%;
    }

.form-style.liquid select {
	width: 60%;
    }

.form-style.liquid span.buttons {
	padding-left: 30%;
    }

.form-style.liquid label.choice {
	width:100%;
    }

/* VALIDATION */

.message {
	-moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    border-radius: 4px;       
    -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 
    background-color: #CCCCCC;
	border: 2px solid;
	clear: both;
	color: #333;
	margin: 10px 0;
	padding: 10px 10px 10px 10px;
	font-size: 1.4em;
    font-weight: bold;
	}
	
#share .message {
	display: block;
}

.message p {
	margin: 0 0 0 30px;
	}

.message ul {
	margin: 0 0 0 40px;
	}

.message span.icon {
	background-image: url(../images/icons/sprite-icons.png);
	display: block;
	float: left;
	height: 16px;
	margin: 0 10px 0 0;
	width: 16px;
	}


.message a:hover {
	text-decoration: none;
	}


.message.success {
	background-color: #E6EFC2;
	border-color: #C6D880;
	color: #264409;
	}


.message.success p, .message.success a {
	color: #264409;
	}

.message.success span.icon {
	background-position: 0 0;
	}

.message.error {
	background-color: #FBE3E4;
	border-color: #FBC2C4;
	color: #8A1F11;
	}

.message.error p, .message.error a {
	color: #8A1F11;
	}


.message.error span.icon {
	background-position: -16px 0;
	}

.message.notice {
	background-color: #FFF6BF;
	border-color: #FFD324;
	color: #514721;
	}

.message.notice p, .message.notice a {
	color: #514721;
	}

.message.notice span.icon {
	background-position: -32px 0;
	}
	
#share .share-content .textfield{
	width: 250px;
	margin: 0 15px 0 0;	
}

#share .form-style label {
    font-size: 1.3em;
    margin-right: 20px;
    text-align: left;
    padding: 8px 0 8px 0;
    width: 170px;
    font-weight: bold;
}

#share legend{
	display: none;	
}

#share .form-style{
    margin:0;
}

#share .form-style span.button-indent{
    padding-left: 192px;
}

#share .form-style .buttons{
    font-size: 1.3em;
}

.profile-filter{
    position: absolute;
    right: 7px;
    z-index: 800;
}


.field-validation-error{
    color:#8A1F11;
    font-weight: bold;
    font-size: 1.3em;
    margin: 0 0 0 10px;
}