img {border: 0;}
body,table {font-family: Arial, Helvetica, sans-serif !important;}
body {font-size:11px !important;margin: 8px;}
table {font-size:11px !important;}
input,textarea {resize:none !important;}
label {	font-weight: bold;font-size: 100%;}
.viivakoodiruutu label {width:100px;display:inline-block;}
.potilastietoruutu label {width:100px;display:inline-block;}
.laakaritietoruutu label {width:100px;display:inline-block;}
.projektitietoruutu label {width:100px;display:inline-block;}
.uloskirjautumisruutu {width:600px;margin:auto;margin-top:10%;text-align:center;}
.virheruutu {width:800px;margin:auto;margin-top:2%;text-align:left;}
.tuplaloginruutu {width:600px;margin:auto;margin-top:10%;text-align:center;}

/* sytotuotteet tuotehaku */
.syt_tuotteet_aineosaluettelo {background:#efefef;}
.syt_tuotteet_aineosaluettelo label {display:block;margin-bottom:6px;border-bottom:1px dashed silver;padding-left:1%;padding-top:1%;padding-bottom:1%;}
.syt_tuotteet_ainesosarivi {padding-left:2%;}

/* raportti-ikkunat */
.raportti {width:600px;margin:auto;margin-top:2%;}
.raportti .raporttipainikealue {margin:auto;margin-top:24px;width:200px;text-align:center;}
.raporttipainikealue img {cursor:pointer;border:none;}
.tilauksenhyvaksynta {width:950px;}

/* tabien korostusväri */
.tabikorostus {color:red !important;}

h2 {text-align:center;}

/* DIALOGI-IKKUNOILLE TYYLITYKSIÄ */
.ui-dialog .ui-widget-header { border: 1px solid #aaaaaa; background: #034add url(images/ui-bg_glass_65_034add_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #fff; }
.dialogien_painikealue {text-align:center;display:block;margin-top:15px;height:30px;clear:both;}
.dialogien_painikealue > img {cursor:pointer;margin-left:24px;margin-right:24px;}
.dialogien_painikealue > input {cursor:pointer;margin-left:24px;margin-right:24px;}


/* ******************************************************************************************* */
/* TUOTEHAKU-NÄYTÖILLE SPESIFISET TYYLITYKSET */

/* jakelupakkauksen tyyppi, annosmäärät ja siirto ostoskoriin */ 
.tuotehaku_tuotteet_ostoskoriin
{
	width:115px !important;
	padding-right:0 !important;
}

/* jakelupakkauksen tyyppi */
.tuotehaku_tuotteet_ostoskoriin span
{
	float:left;
	width:50px !important;
}

/* kaikille input-elementeille yhteiset määreet */
.tuotehaku_tuotteet_ostoskoriin input
{
	text-align:right !important;
	margin:0;
	margin-right:2px;
	padding:0;
	float:right;	
}

/* tilausmäärän syöttökenttä */
.tuotehaku_tuotteet_ostoskoriin input[type='text']
{
	width:35px !important;
}

/* ********************************************************************************** */

 /* jQuery-ui:lla laukaistavan haitarivalinnan tyylit */
 .haitari {margin: auto !important; width: 80% !important }
 .haitari h3 {height: 25px; padding: 6px; padding-left: 35px;}
 .haitari .haitarisisalto {border:1px solid silver;}
 .haitari form {padding:0;margin:auto;width:90%;padding-top:24px;padding-bottom:24px;}
 .haitari input[type='submit'] {width:200px;height:32px;margin-bottom:18px;margin-left:5%;}

<!-- IceFacesin "verho" kertomassa käyttajalle, etta tietoja prosessoidaan -->
.ice-blockui-overlay 
{
    position: absolute;
    background-color: silver;
    z-index: 28000;
    opacity: 0.22;
    filter: alpha(opacity = 22);
}


@media print 
{.tulostettavissa 
	{
		width:100%;
		height:100%;
		text-align:center;
		margin: 0;
		padding:10px;
		font-size:22pt !important;
		border:1px solid silver;
	}
}

.redborder
{
	border: 1px solid red;
}

.tieto {
	font-size: 100%;
}

.status {
	font-size: 80%;
	font-weight: bold !important;
	color: blue !important;
}

.lisatieto {
	display: inline-block !important;
	width: 100%;
	cursor: pointer;
	color: black;
}

.lisatieto:hover {
	cursor: pointer;
	color: #9cc !important;
	text-decoration: underline
}

.pieniinput {
	font-size: 80%;
	height: 80%
}

.alleviivattu {
	text-decoration: underline;
	cursor: pointer;
}

.oikealla {
	text-align: right !important;
}

/* tuotehaun sorttauslinkkien tyylittelyt */
.sortablelink {
	
}

.sortablelink img {
	float: right;
	border: 0;
}

.sortablelink span,.sortablelink label {
	float: left;
	cursor: pointer;
	font-weight: bold;
	font-size: 100%;
	height: 18px;
	text-decoration: underline;
}

a {
	border: 0;
}

a:link {
	color: #666;
	border: 0;
}

/* dialogi-ikkunoiden painikealueen tyylitykset */
.painikealue {
	clear: both;
	height: 30px;
	margin-left: 10px;
	float: left;
	margin-top: 10px;
}

.painikealue input,.painikealue span,.painikealue a {
	margin-right: 8px;
	float: left;
	border: 0;
}

img[src="spacer.gif"] {
	border: 0;
}

//attempt to rectify a certain IE7 anomaly
<!--kelluvat boksit -->.tooltipbox {
	
}

<!--Validoinnin ja ilmoitusten tyylit -->
.validointi 
{
	background: #ffc !important;
	border: 1px solid #faa !important;
}

.validointiviesti 
{
	background: #ffc url("/OSTi/faces/javax.faces.resource/growl_validation?ln=db") no-repeat 6px center;
	border: 1px solid #faa;
	padding-left: 31px !important;
	padding-right: 5px !important;
	padding-top: 6px !important;
	padding-bottom: 0 !important;
	min-height: 22px;
	height: auto;
	width: auto;
	position: absolute;
	color: red;
	font-weight: bold;
}

.validointiepaonnistui {
	background: #ffc !important;
	border: 1px solid red !important;
}

.yheksankyt
{
	width:90% !important;
	padding: 1px !important;
	margin-left:2px !important;
}

.infoviesti {
	position: relative !important;
	min-height: 24px;
	background: #eeeeee url("/OSTi/faces/javax.faces.resource/growl_info?ln=db") no-repeat 6px center;
	border: 1px solid black;
	padding-left: 46px;
	padding-right: 6px;
	padding-top: 12px;
	padding-bottom: 12px;
	height: auto;
	width: 220px;
	position: absolute;
	color: black;
	font-weight: bold;
	cursor: pointer;
	margin-bottom: 8px;
}

.virheviesti {
	position: relative !important;
	min-height: 24px;
	background: #ffc url("/OSTi/faces/javax.faces.resource/growl_error?ln=db") no-repeat 6px center;
	border: 1px solid red;
	padding-left: 46px;
	padding-right: 6px;
	padding-top: 12px;
	padding-bottom: 12px;
	height: auto;
	color: red;
	font-weight: bold;
	cursor: pointer;
	margin-bottom: 8px;
}

.pikaviesti {
	position: relative !important;
	min-height: 24px;
	background: #ffe url("/OSTi/faces/javax.faces.resource/growl_info?ln=db") no-repeat 6px center;
	border: 4px double #faa;
	padding-left: 46px;
	padding-right: 6px;
	padding-top: 12px;
	padding-bottom: 12px;
	height: auto;
	width: 100%;
	color: red;
	font-weight: bold;
	cursor: pointer;
	margin-bottom: 8px;
}

#growlcontainer {
	position: fixed;
	top: 25px;
	right: 10%;
	width: 280px;
	height: auto;
	z-index: 30000;
	background: transparent;
}

#instantcontainer {
	position: fixed;
	top: 80px;
	left: 25%;
	width: 50%;
	height: auto;
	z-index: 30000;
	background: transparent;
}

#errorcontainer {
	width: 500px;
	height: auto;
	z-index: 30000;
	background: transparent;
}

#curtain {
	width: 100%;
	height: 100%;
	background: #eee;
	z-index: 29999;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
}

<!--
tilauksen haku,tuotteiden haku -->.haku_col1 {
	width: 80px;
	text-align: left;
	margin: 2px !important;
	margin-left: 4px !important;
	padding: 0;
	float: left;
}

.haku_col2 {
	width: 154px;
	text-align: left;
	margin: 2px !important;
	margin-left: 4px !important;
	padding: 0;
	float: left;
}

.haku_col3 {
	width: 60px;
	text-align: right;
	margin: 2px !important;
	margin-left: 4px !important;
	padding: 0;
	float: left;
}

.haku_col4 {
	width: 250px;
	text-align: left;
	margin: 2px !important;
	margin-left: 4px !important;
	padding: 0;
	float: left;
}

.paddingstop {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

<!--
pvmvalikko overrides -->
.pvmvalikko {
	width: 110px !important;
	border: 1px solid silver;
	float: left !important;
}

.pvmvalikkoOpenPopup,.pvmvalikkoClosePopup {
	margin-left: 2px !important;
}

.pvmvalikkoPopup {
	min-width: 110px !important;
	width: 110px !important;
}

.pvmvalikkoInput {
	height: 16px !important;
	width: 80px !important;
	border: 1px solid silver;
	float: left !important;
	margin: 0 !important;
}
.pvmvalikkoPopup div {width:110px !important;} <!-- this one is for IE7 only / 2013-11 KIM -->

<!--
icefaces selectinput style override toimitusosoitekentalle -->
.toimitusosoite
{
	width: 460px !important;
}

.toimitusosoiteTxt {
	width: 460px !important;
}

.toimituslistavalinta {
	width: 460px;
	border: 1px solid silver;
	display: none;
	z-index: 800;
	position: absolute;
	background: white;
}


<!--otsikkotiedot -->
.toimitusosoitelista {
	background: white;
	display: block !important;
	height: 22px;
	border-bottom: 1px dotted white;
	border-top: 1px dotted white;
	cursor: pointer;
}

.toimitusosoitelista:hover,.toimitusosoitelista_active {
	background: #ffc;
	cursor: pointer;
	border-bottom: 1px dotted silver;
	border-top: 1px dotted silver;
}

.sytkypotilastiedot {
	width: 31%;
	float: left;
	display:block;
}

.potilastiedot {
	width: 31%;
	float: left;
	display:block;
}

.laakaritiedot {
	width: 31%;
	float: left;
	display:block;
}

.sytkylaakaritiedot {
	width: 31%;
	float: left;
	display:block;
}

.sytkyprojektitiedot {
	float: left;
	padding: 0;
	display:block;
}

.projektitiedot {
	float: left;
	padding: 0;
	display:block;
}

.keskitetty {
	margin-left: auto;
	margin-right: auto;
}

.top {
	vertical-align: top;
	line-height: 10px;
}

.yhteensaCol1 {
	width: 90%;
}

.yhteensaCol2 {
	width: 10%;
	text-align: right;
}

.potilasCol1 {
	width: 45%;
}

.potilasCol2 {
	width: 55%;
}

.projektiCol1 {
	width: 45%;
}

.projektiCol2 {
	width: 55%;
}

.hyvaksyntaCol1 {
	width: 35%;
}

.hyvaksyntaCol2 {
	width: 65%;
}

.validointivirhe {
	color: red;
	size: 80%;
}

.iceMnuBarSubMenu {
	top: 40px !important;
	width: auto !important;
}

.iceCmdLnk-dis {
	border-bottom: none;
	padding-bottom: 2px
}

.iceMnuItmLabel-dis {
	color: GrayText;
}

.icePnlPopBody {
	background-color: #eeeeee !important;
}

.icePnlPop {
	background-color: #eeeeee !important;
}

.icePnlTlTip {
	background-color: #eeeeee !important;
}

.iceDatTblColHdr1 {
	text-align:left !important;
}