/* --------------------------------------------------------------------------------------------- */

/* FORMS */

/*ryhmän luonti formin radiobutton td*/
.toplinetd{
		border-top:1px dotted #ccc;
		padding-top:8px !important; 
}

.SearchInput 					{ width:150px; height:15px; margin:0px; padding:3px 5px; text-shadow:#fff 0px 1px 1px; border:1px solid #aaa; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#f1f1f1; }

/* CHECKBOX */
* html .mydsradio 				{ width:25px; height:16px; }
* html .mydscheck 				{ width:25px; height:16px; }
* html .f_radio 				{ width:25px; height:16px; }

.mydscheck input 				{ border:none; background:transparent; }
.mydscheck						{ width:25px; }
.mydsradio 						{ width:25px; }
.mydscheck 						{ width:25px; min-height:16px; text-align:left; background-position:3px center; background-repeat:no-repeat; cursor:pointer; display:block; float:left; }
.mydsradio 						{ width:25px; min-height:16px; text-align:left; background-position:3px center; background-repeat:no-repeat; cursor:pointer; display:block; float:left; }

#usercauses .checked  			{ background-image:url(../images/ds_chk_on.gif); }
#user_editprofile .checked  	{ background-image:url(../images/ds_chk_on.gif); }
#info .checked  				{ background-image:url(../images/ds_chk_on.gif); }
form .checked 					{ background-image:url(../images/ds_chk_on.gif); }

#usercauses .unchecked			{ background-image:url(../images/ds_chk_off.gif); }
#user_editprofile .unchecked	{ background-image:url(../images/ds_chk_off.gif); }
#info .unchecked 				{ background-image:url(../images/ds_chk_off.gif); }
form .unchecked 				{ background-image:url(../images/ds_chk_off.gif); }

#usercauses .selected			{ background-image:url(../images/ds_radio_checked.gif); }
#user_editprofile .selected		{ background-image:url(../images/ds_radio_checked.gif); }
#info .selected					{ background-image:url(../images/ds_radio_checked.gif); }
form .selected					{ background-image:url(../images/ds_radio_checked.gif); }

#usercauses .unselected			{ background-image:url(../images/ds_chk_off.gif); }
#user_editprofile .unselected	{ background-image:url(../images/ds_chk_off.gif); }
#info .unselected				{ background-image:url(../images/ds_chk_off.gif); }
form .unselected				{ background-image:url(../images/ds_chk_off.gif); }

/* --------------------------------------------------------------------------------------------- */

div.Form 						{ padding:0px 0px 5px 0px; }
table.Form 						{ padding:0px 0px 20px 0px; }
table.Form td 					{ padding:0px 10px 5px 0px; vertical-align:top; }

/* ELEMENTS */
input.text 						{ width:160px; padding:2px 5px; text-shadow:#fff 0px 1px 1px; border:1px solid #aaa; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#f1f1f1; }
select.text 					{ width:160px; padding:2px 5px; text-shadow:#fff 0px 1px 1px; border:1px solid #aaa; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#f1f1f1; }
textarea.text 					{ width:160px; padding:2px 5px; text-shadow:#fff 0px 1px 1px; border:1px solid #aaa; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#f1f1f1; }
input.text						{ width:160px; height:20px; } 
select.text						{ width:160px; height:20px; }

/* SMALL ELEMENTS */
input.SmallInput 				{ width:140px; margin:0px; padding:2px 3px; border:1px solid #3bc5ef; font-size:0.9em; }
select.SmallInput 				{ width:140px; margin:0px; padding:2px 3px; border:1px solid #3bc5ef; font-size:0.9em; }
textarea.SmallInput 			{ width:140px; margin:0px; padding:2px 3px; border:1px solid #3bc5ef; font-size:0.9em; }

input.SmallInput				{ width:140px; height:18px; }
select.SmallInput				{ width:140px; height:18px; }

.ButtonDivSmall					{ margin:5px auto; }
a.ButtonSmall 					{ height:18px; padding:6px 10px; color:#fff; text-align:center; text-decoration:none; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; vertica-align:middle; font-size:0.9em; }
a.ButtonSmall 					{ background:#3bc5ef url(../images/) repeat-x; text-decoration:none; }
a.ButtonSmall:hover 			{ background:#227c95 url(../images/) repeat-x; text-decoration:none; }

/* TEXTAREA */
textarea 						{ resize:none; }
textarea.text  					{ width:300px; height:200px; }
textarea.textLarge  			{ width:400px; height:200px; }