/* Painikkeet */

.btnD {
background-color: #D4D0C8;
border-top: 1px solid #fff;
border-bottom: 1px solid #A6A6A6;
border-left: 1px solid #fff;
border-right: 1px solid #A6A6A6;
padding: 3px 1.5px 3px 1.5px;
margin: 0px;
color: #000;
font-size: 75%;
}

.btnP {
border: 1px solid #067600;
border-top-color: #09bf00;
border-left-color: #09bf00;
padding: 3px 1.5px 3px 1.5px;
margin: 0px;
background-color: #006d03;
color: #fff;
font-size: 75%;
font-weight: bold;
}

.btnN{
border: 1px solid #530000;
border-top-color: #dc3838;
border-left-color: #dc3838;
padding: 3px 1.5px 3px 1.5px;
margin: 0px;
background-color: #c90000;
color: #fff;
font-size: 75%;
}

/* Palauteviestit */

.notice {
	background: #fffde5 url(../../gfx/icon_notice.gif) no-repeat 5px 5px; 
	padding: 7px 10px 8px 40px; 
	border: 1px solid #008027; 
	margin : 0px;
	color: #000;
}

.warning {
	background: #fffde5 url(../../gfx/icon_warning.gif) no-repeat 5px 5px; 
	padding: 13px 10px 10px 50px; 
	border: 1px solid #4a584e; 
	margin : 0px; 
	color: #000;
}

.error {
	background: #fffde5 url(../../gfx/icon_error.gif) no-repeat 5px 5px; 
	padding: 13px 10px 10px 50px; 
	border: 1px solid #c60000; 
	margin : 0px; 
	color: #000;
}

.required {
	color: #930;
	font-weight: bold;
}

.required:after {
	content: "*";
}

.readonly { background: #e7e7e7; }

.smaller { font-size: 80%; font-weight: normal; }

.selected_link_item { border: 1px solid #D6D2C2; padding: 3px; background-color: #F7F7F0; }
.unselected_item { border: 1px solid #D6D2C2; padding: 3px; }
.unselected_item a { color: #464646; }

.btnMenu {
	padding: 10px;
	text-align: center;
	background: #ECECEC;	
}

.size_sx { width: 50px; }
.size_s { width: 80px; }
.size_m { width: 120px; }
.size_l { width: 140px; }
.size_xl { width: 200px; }
.size_xxl { width: 250px; }

/* Taulukoiden tyylit */
.dataTable { width: 100%; text-align: left;  padding: 0px; margin: 0px; }
.dataTable .headertop { text-align: left; background-color: #ECECEC; padding: 5px; font-weight: bold; }
.dataTable .header { background-color: #D8D8D8; padding: 10px 3px 10px 3px; border-bottom: 1px solid #B6B6B6; }
.dataTable .row { text-align: left; color: #000; padding: 1px;}
.dataTable .inputS { width: 150px; }
.dataTable .inputM { width: 250px; }
.dataTable .inputL { width: 400px; }
.dataTable th { background: #E8E8E8; border-bottom: 2px solid #DDDDDD; padding: 7px 3px 7px 3px; }
.dataTable .actions { text-align: left; padding-top: 20px; padding-bottom: 10px; }
.dataTable .oddrow { text-align: left; background-color: #f4f4ed; padding: 5px; border-bottom: 1px solid #edecd8;}
.dataTable .evenrow { text-align: left; background-color: #f8f8f8; padding: 5px; border-bottom: 1px solid #efefef; }


/* domTT -tyylit */
div.domTTClassic { border: 1px solid black; background-color: InfoBackground; }

div.domTTClassic .caption {
	font-family: serif;
	font-size: 13px;
	_font-size: 12px;
	font-weight: bold;
	font-style: italic;
	padding: 3px;
}
div.domTTClassic .contents {
	color: InfoText;
	font-size: 13px;
	_font-size: 12px;
	font-family: Arial, sans-serif;
	padding: 3px;
	_padding-bottom: 0;
}

/* ActiveWidget gridi */

.ActiceGrid {
	width: auto;
	height: 220px;
	border: 1px solid #D6D2C2;
}

.laskuSumma {
	width: 60px; 
	background-color: #ebeadb; 
	border: 0px;
	font-weight: bold;
}

.laskuSummaAlv {
	width: 40px; 
	background-color: #f8f8f8; 
	border: 0px;
	font-weight: normal;
}

.laakitysTeksti {
	width: 80px; 
	background-color: #F8F8F8; 
	border: 0px;
	font-weight: normal;
	font-size: 85%;
}