.laskentatunniste-search {
	margin-right: 1.5em;

}

.psop-datatable-widthWrapper
{
	max-width: 90vmax;
	word-wrap: break-word;
}

.laskentatunnisteet-jquery-table
{
table-layout: fixed;

}


.tunniste-button {
	float: right;
	margin-top: 26px;
	border-radius: 6px;
}

a.psop-red-link {
	color: #F00;
}

a.psop-red-link:hover {
	color: #CF0000;
}

a.psop-red-link:visited {
	color: #F00;
}

.ostovoimasetti-list-item {
	border: 1px solid #666;
	margin-bottom: 15px;
	padding: 10px;
	background-color: #FFF;
}

.ostovoimasetti-list-item-header {
	margin-bottom: 5px;
	padding: 2px 15px;
	background-color: #E5E4E2;
	font-style: italic;
	font-weight: bold;
}

.ostovoimasetti-ostovoima-list-item {
	border: 1px solid #AAAAAA;
	margin-top: 10px;
	padding: 10px;
}

.ostovoimasetti-ostovoimasisalto-container {
	padding-top: 10px;
}

.ostovoimasetti-ostovoimasisalto-details-container {
	padding-left: 10px;
}

.ostovoimasetti-shown {
	display: block;
}

.ostovoimasetti-hidden {
	display: none;
}

.ostovoimasetti-ostovoimasisalto-list-container {
	border: 1px solid #E9E9E9;
	margin-top: 5px;
	padding: 10px;
}

.ostovoimasetti-separator-padding {
	padding-top: 10px;
}

.ostovoimasetti-fi-info-mods {
	color: #2BA6CB;
	font-size: 16px;
}

.ostovoimasetti-callout {
	z-index:20;
	position:absolute;
	border:0;
	top:-14px;
	left:120px;
}

/*CSS3 extras*/

.psop-button-disabled {
    background: #2284a1;
    border-color: #1e728c;
    color: white;
    opacity: 0.5;
    cursor: default !important;
}

.psop-button-disabled input[type=submit]:hover{
    background-color: #2284a1;
}

.psop-button-disable-hoverColor:hover {
background-color:none !important;
background: none;

}

.psop-empty-row {
	min-height: 20px;
}
.psop-full {
	width: 100%;
}

.psop-message-success {
  background-color: #5da423;
  color: #fff;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
  display: block;
  padding: 6px 7px 7px;
  font-weight: bold;
  font-size: 14px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 12px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
  position: relative;
}

.psop-message-error {
  background-color: #F08080;
  color: #fff;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
  display: block;
  padding: 6px 7px 7px;
  font-weight: bold;
  font-size: 14px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 12px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
  position: relative;
}

/** Typeahead search field width to full length */
.twitter-typeahead{
     width: 97%;
}
.tt-dropdown-menu{
    width: 102%;
}
input.typeahead.tt-query{ /* This is optional */
    width: 300px !important;
}
.psop-message-success-no-margin {
  background-color: #5da423;
  color: #fff;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
  display: block;
  padding: 6px 7px 7px;
  font-weight: bold;
  font-size: 14px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin: 0px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  position: relative;
}

.psop-message-error-no-margin {
  background-color: #F08080;
  color: #fff;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
  display: block;
  padding: 6px 7px 7px;
  font-weight: bold;
  font-size: 14px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin: 0px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  position: relative;
}

.psop-message-neutral-no-margin {
  background-color: #CCCCCC;
  color: #000;
  text-shadow: 0 -1px rgba(255, 255, 255, 0.3);
  display: block;
  padding: 6px 7px 7px;
  font-weight: bold;
  font-size: 14px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin: 0px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  position: relative;
}

.psop-message-neutral {
  background-color: #CCCCCC;
  color: #000;
  text-shadow: 0 -1px rgba(255, 255, 255, 0.3);
  display: block;
  padding: 6px 7px 7px;
  font-weight: bold;
  font-size: 14px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 12px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  position: relative;
}

.psop-additional-information {
	border: 1px dotted lightgray;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
}

/************** PSOP tooltip *****************/

.psop-tooltip {
	outline:none;
	border-bottom: 1px dotted #CCC;
	color: #333;
}

.psop-tooltip:hover {
	text-decoration:none;
	cursor: help;
	border-bottom: 1px dotted #000;
	color: #2BA6CB;
}

.psop-tooltip .psop-tooltip-text {
	z-index:10;
	display:none;
	padding:10px; /*14px 20px;*/
	margin-top:10px; /*60px;*/
	margin-left:0px; /*-160px;*/
	/*width:300px;*/
	line-height:16px;
}

.psop-tooltip:hover .psop-tooltip-text {
	display:block; /*inline;*/
	position:absolute;
	border:2px solid #FFF;
	color:#EEE;
	background-color:#333;
    background-repeat: repeat-x;
    background-attachment: 0;
    background-position: 0;
    white-space: nowrap;
}

.psop-callout {
	z-index:20;
	position:absolute;
	border:0;
	top:-14px;
	left:120px;
}

/*CSS3 extras*/
.psop-tooltip .psop-tooltip-text {
	border-radius:2px;
	 box-shadow: 0px 0px 8px 4px #666; /*opacity: 0.8;*/
}

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

/* used for positioning psop-spinner next to an element */
.psop-rightof-element {
	position: absolute;
	margin-left: 20px;
}

.psop-green {
	color: #009900;
}

.psop-red {
	color: #E52B50;
}

.psop-no-wrap {
	white-space: nowrap;
}

.psop-wrap {
	word-wrap:break-word;
}

.psop-limit-width {
	max-width: 950px;
}

.psop-container-with-border {
	border: 1px solid #666;
	margin-bottom: 10px;
	padding: 10px;
}

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

.psop-bold {
	font-weight: bold;
}

span.kunta-title-ostovoima {
	display: block;
}
.kunta-title-ostovoima {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right;
}