input,
textarea {
	width: 98%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	border-top: 1px solid #9f9f9f;
	border-right: 1px solid #dfdfdf;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #dfdfdf;
	outline: none;
	padding: 3px 1% 3px 1%;
	background: #ffffff;
	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;	
	
	-moz-box-shadow: 0 1px 1px #dfdfdf inset;
	-webkit-box-shadow: 0 1px 1px #dfdfdf inset;
	box-shadow: 0 1px 1px #dfdfdf inset;
	
	-moz-transition: border .2s linear, box-shadow .2s linear;
	-webkit-transition: border .2s linear, -webkit-box-shadow .2s linear;
}
body.overlay input,
body.overlay textarea {
	width: auto;
	border-bottom: 1px solid #dfdfdf;
}
textarea#emailList {
	font-size: 13px;
	width: 98%;
	height: 90%;
	padding: 2px 1% 2px 1%;
	border: 0px;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none; 
}

textarea {
	padding: 1%  1% 1%  1%;
}

input:focus,
textarea:focus {
    /*border: 1px solid #dfdfdf !important;
	
	-moz-box-shadow: 0 1px 1px #dfdfdf inset;
	-webkit-box-shadow: 0 1px 1px #dfdfdf inset;
	box-shadow: 0 1px 1px #dfdfdf inset;*/
    
    -moz-box-shadow: 0 0 5px #ffffff, 0 1px 1px #dfdfdf inset;
    -webkit-box-shadow: 0 0 5px #ffffff, 0 1px 1px #dfdfdf inset;
    box-shadow: 0 0 5px #ffffff, 0 1px 1px #dfdfdf inset;
}

textarea.dark {
	border-top: 1px solid #848484;
	border-right: 1px solid #b9b9b9;
	border-bottom: 1px solid #d4d4d4;
	border-left: 1px solid #b9b9b9;
	background: #d4d4d4;
}

select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	height: 25px;
	border: 0px;
	padding: 3px 3px 3px 5px;
	margin: 0px 4px 0px 0px;
	background: #fdfdfd url(../images/background/select.png) repeat-x top left;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
	
	max-width: 500px;
}
body.overlay select {
	border: 1px solid #dfdfdf;
}

select option {
	padding: 3px 3px 3px 5px;
}

select option.edit {
	font-style: italic;
}

input[type=checkbox],
input[type=radio] {
	width: auto;
	border: 0px;
	background: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

input[type=checkbox].export {
	width: 20px;
	height: 25px;
}

/*
table.items th input[type=checkbox] {
	display: none;
}

table.items th input[type=checkbox] + span {
	display: inline-block;
	width: 23px;
	height: 19px;
	vertical-align: middle;
	background: url(../images/background/checkbox.png) no-repeat top left;
}

table.items th input[type=checkbox]:checked + span {
	background: url(../images/background/checkbox_checked.png) no-repeat top left;
}
*/

input[type=submit],
input[type=button] {
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	color: #c6c6c6;
	text-transform: uppercase;
	text-shadow: 1px 1px #2e2e2e;
	border: 0px none;
	/*
	border-top: 1px solid #636263;
	border-right: 1px solid #6e6e6e;
	border-bottom: 1px solid #606060;
	border-left: 1px solid #6e6e6e;
	*/
	
	-moz-box-shadow: 0 0;
	-webkit-box-shadow: 0 0;
	box-shadow: 0 0;
	
	background: #606060 url(../images/background/submit.png) repeat-x top left;
	background-clip: padding-box;
	
	-moz-transition: none;
	-webkit-transition: none;
	
	cursor: pointer;
}

input[type=submit]:hover,
input[type=button]:hover {
	color: #ffffff;
	/*
	border-top: 1px solid #4f4f4f;
	border-right: 1px solid #303030;
	border-bottom: 1px solid #303030;
	border-left: 1px solid #303030;
	*/
	background: #303030 url(../images/background/submit_over.png) repeat-x top left;
}

input.inlineButton,
body.overlay input.inlineButton,
input.btn {
	float: left;
	width: auto;
	height: 25px;
	font-size: 14px;
	font-weight: normal;
	color: #cccccc;
	text-transform: none;
	text-shadow: none;
	padding: 0px 10px 0px 10px;
	margin: 0px 7px 0px 0px;
	border: 0px none;
	background: #515050 url(../images/background/inline_button.png) repeat-x top left;
}
input.inlineButton:hover,
body.overlay input.inlineButton:hover,
input.btn:hover {
	color: #ffffff;
	border: 0px none;
	background: #353434 url(../images/background/inline_button_over.png) repeat-x top left;
}

.btnRight {
	float: right !important;
	margin-left: 20px;
}

a.inlineButton, a.inlineButton:link, a.inlineButton:visited, a.inlineButton:focus, a.inlineButton:hover, a.inlineButton:active {
	display: block;
	float: left;
	height: 20px;
	font-size: 14px;
	font-weight: normal;
	color: #cccccc;
	text-transform: none;
	text-decoration: none;
	padding: 3px 10px 2px 10px;
	margin: 0px 7px 0px 0px;
	background: #515050 url(../images/background/inline_button.png) repeat-x top left;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
}

a.inlineButton:hover {
	color: #ffffff;
	background: #353434 url(../images/background/inline_button_over.png) repeat-x top left;
}

input.inlineButtonLight {
	float: left;
	width: auto;
	height: 26px;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	text-transform: none;
	text-shadow: none;
	padding: 0px 10px 4px 10px;
	margin: 0px 7px 0px 0px;
	border: 0px none;
	border-right: 1px solid #6e6e6e;
	border-left: 1px solid #6e6e6e;
	background: #7e7e7e url(../images/background/inline_button_light.png) repeat-x top left;
}
input.inlineButtonLight:hover {
	border: 0px none;
	border-right: 1px solid #444444;
	border-left: 1px solid #444444;
	background: #5e5e5e url(../images/background/inline_button_light_over.png) repeat-x top left;
}

a.inlineButtonLight, a.inlineButtonLight:link, a.inlineButtonLight:visited, a.inlineButtonLight:focus, a.inlineButtonLight:hover, a.inlineButtonLight:active {
	display: block;
	float: left;
	height: 21px;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	text-transform: none;
	text-decoration: none;
	padding: 3px 10px 2px 10px;
	margin: 0px 7px 0px 0px;
	border-right: 1px solid #6e6e6e;
	border-left: 1px solid #6e6e6e;
	background: #7e7e7e url(../images/background/inline_button_light.png) repeat-x top left;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
}

a.inlineButtonLight:hover {
	border-right: 1px solid #444444;
	border-left: 1px solid #444444;
	background: #5e5e5e url(../images/background/inline_button_light_over.png) repeat-x top left;
}

input.inline,
label.inline {
	display: inline;
	margin: 0px 5px 0px 0px;
}

label.inlineCentered {
	display: inline-block !important;
    padding: 0px !important;
	vertical-align: middle;
}

div.radiochecks label {
    display: inline;
}

fieldset {
	border: 0px;
}

label {
	display: block;
	/*vertical-align: text-bottom;*/
	vertical-align: baseline;
}

/*div.form div.error label,*/
div.form label.error,
div.form span.error {
	color: #c40501;
}

div.form div.error input,
div.form div.error textarea,
div.form div.error select,
div.form input.error,
div.form textarea.error,
div.form select.error {
	background: #f0d0cf;
	border-color: #c40501;
}

div.form div.success input,
div.form div.success textarea,
div.form div.success select,
div.form input.success,
div.form textarea.success,
div.form select.success {
	background: #e3efd8;
	border-color: #81ba48;
}

div.form .errorMessage {
	position: absolute;
	min-width: 240px;
	font-size: 12px;
	color: #990000;
	padding: 3px;
	background: url(../images/background/white_80percent.png) repeat top left;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
}

::-webkit-input-placeholder {
    color: #999999;
}
:-moz-placeholder {
    color: #999999;
}
::-moz-placeholder {
    color: #999999;
}
:-ms-input-placeholder {
    color: #999999;
}
.placeholder {
	color: #999999 !important;
}

/* --------------------------------------------------- special inputs --------------------------------------------------- */

input#Mailing_attachment {
	width: 70%;
	margin: 0px 10px 5px 0px;
}

div.attachment input[type=text] {
	width: 70%;
	margin: 0px 10px 5px 0px;
}

input#Contact_portrait_url {
	display: none;
}

input#Contact_portrait_urlbrowse {
	width: 27px;
	height: 25px;
	font-size: 0px;
	text-indent: -9999px;
	margin: 4px 0px 0px 0px;
	background: url(../images/buttons/image.png) no-repeat top left;
	
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;	
}

table.form td.oneThird select {
	width: 90%;
}

input.nlComment {
	display: none;
	position: absolute;
	top: 25px;
	left: 0px;
	z-index: 1;
}

/* --------------------------------------------------- userselects --------------------------------------------------- */

div.activeArtist select,
div.activeProject select,
div.activeActivity select {
	width: 88%;
	float: left;
}