/* / / / / / / / / / / / / / / */
/*   FORM ELEMENTS BASIC CSS   */
/*    central.onedotonly.be    */
/* / / / / / / / / / / / / / / */



form						{ font-family:"Lucida Grande", Lucida, Helvetica, sans; font-size:10px; color:#ccc; }
input, textarea	, select	{ 
	width:174px; height:18px; padding:2px; margin:4px 4px 4px 0; color:#4a4a4a; font-size:12px; background:white; border:1px solid; border-color:#aaa #ccc #ccc #aaa;
	-moz-border-radius: 2px; -webkit-border-radius: 2px;
}

input[type='file'], select	{ height:22px; }
input[type='radio']	{ width:12px; height:12px; }

input:hover, textarea:hover, select:hover, input:focus, textarea:focus, select:focus	{ background:white url(img/input.bg.png) top repeat-x; }

input[type='button'], input[type='submit']					{ background:#ccc url(img/button.line.png) no-repeat left; border:1px solid #aaa; height:20px; line-height:8px; }
input[type='button']:hover, input[type='submit']:hover		{ background:#fff url(img/button.line.png) no-repeat left; border-color:#999; }
input[type='button']:active, input[type='submit']:active	{ border-color:#4a4a4a; color:#4a4a4a; }

input[type='button'].wide, input[type='submit'].wide		{ background:#ccc url(img/button.wide.png) no-repeat left; border:1px solid #aaa; width:254px; height:24px; line-height:10px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
input[type='button'].wide:hover, input[type='submit'].wide:hover		{ background:#fff url(img/button.wide.png) no-repeat left; border-color:#999; }


/* CLASSES */

.buttonline					{ width:90%; background:#ccc url(img/button.line.png) no-repeat left; height:20px; }
.buttonline td				{ border:1px solid #aaa; border-width:1px 1px 1px 0; }
.buttonline td:first-child	{ border-width:1px 1px 1px 1px; }
.buttonline input[type='button']	{ border:none; height:18px; margin:0px; font-size:10px; }

input.small, textarea.small	, select.small	{ width:168px; height:16px; margin:2px 2px 2px 0; border-color:#777; color:#999; }
input.small:focus, textarea.small:focus	, select.small:focus		{ border-color:#777; color:#4a4a4a; }
input[type='button'].dark, input[type='submit'].dark				{ background-color:#4a4a4a; border-color:#4a4a4a; }
input[type='button'].dark:hover, input[type='submit'].dark:hover	{ background-color:#aaa; border-color:#333; }


/* ENGINE RELATED */


