BODY
{
    COLOR: black;
    FONT-FAMILY: Arial;
    FONT-SIZE: smaller
}
TABLE
{
    FONT-FAMILY: Arial
}
TD
{
    FONT-FAMILY: Arial;
    FONT-SIZE: 12px
}
TH
{
    BORDER-BOTTOM: #012571 thin solid;
    BORDER-LEFT: medium none;
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    FONT-FAMILY: Arial;
    FONT-SIZE: x-small;
    TEXT-ALIGN: left
}
A
{
    COLOR: blue
}
A:visited
{
    COLOR: blue
}
P
{
    PADDING-BOTTOM: 1px;
    PADDING-TOP: 1px
}

BUTTON
{
		CURSOR: pointer;
}

.red
{
	COLOR: #F00;
	CURSOR: pointer;
	}

#sort-list-roolit {
	list-style: none;
}

#sort-list-roolit li {
	width: 600px;
	display: block;
	padding: 3px 3px; margin-bottom: 2px;
	background-color: #FFFFFF;
}

#sort-list-roolit li.even {
	width: 600px;
	display: block;
	padding: 3px 3px; margin-bottom: 2px;
	background-color: #FFFFFF;
}

#sort-list-roolit li.odd {
	width: 600px;
	display: block;
	padding: 3px 3px; margin-bottom: 2px;
	background-color: #F8F8FF;
}

#sort-list-roolit li img.handle {
	margin-right: 20px;
	cursor: move;
}

/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(../images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(../images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #ffffff;
    border-radius: 5px;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
    margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
	cursor:help;
    border-radius: 3px;
}


.formInfo a, .formInfo a:active, formInfo a:visited{
	background-color:#CCCCCC;
	font-size: 16px;
	font-weight:bold;
	padding:3px;
	margin-left:5px;
	color:#FFFFFF;
	text-decoration: none;
}

.formInfo a:hover{
	color:#660000;
	text-decoration: none;
}

.vikailmoitus_tooltip
{
	position: absolute;
	visibility: hidden;
	clip: rect(0 500 500 0);
	width: 300px;
	height: 40px;
	font-color: black;
	background-color: #ffffff;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	z-index: 10;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	word-wrap:break-word;
}
/* JF 18.9.2012 Lisäys tästä etiäpäin... */
#headerDiv, #contentDiv {
 float: left;
 width: 510px;
 }
 #titleText {
 float: left;
 font-size: 1.1em;
 font-weight: bold;
 margin: 5px;
 }
 #myHeader {
 font-size: 1.1em;
 font-weight: bold;
 margin: 5px;
 }
 #headerDiv {
 background-color: #0037DB;
 color: #9EB6FF;
 }
 #contentDiv {
 background-color: #FFE694;
 }
 #myContent {
 margin:5px;
 }
 #headerDiv a {
 float: right;
 margin: 10px 10px 5px 5px;
 }
 #headerDiv a:hover {
 color: #FFFFFF;
 }
 h2 {
	padding:10px;
	font-size:20px;
	color:#243953;
	background-color:#fafafa;
	border: 1px solid #a9a9a9;
	-moz-border-radius: 7px; /* Rounder Corner */
       -webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-bottom:5px;
}
.togglebox {
	background-color:#CCC;
	border: 1px solid #a9a9a9;
	/* Rounder Corner */
	-moz-border-radius: 7px;
        -webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	overflow: hidden;
	font-size: 1.2em;
	width: 295px;
	clear: both;
	margin-bottom:10px;
}
.togglebox .content {
	padding: 20px;
}
.toggler { width: 500px; height: 200px; }
	#button { padding: .5em 1em; text-decoration: none; }
	#effect { width: 240px; height: 135px; padding: 0.4em; position: relative; }
	#effect h3 { margin: 0; padding: 0.4em; text-align: center; }
.accordion {
	width: 350px;
	border-bottom: solid 0px #373737;
}
.accordion h3 {
    color:white;
	background: #4285F4 url(../images/nuolet_alas_2.gif) no-repeat right -51px;
	padding: 7px 14px;
	margin: 0;
	font: bold 100%/100% Arial, Helvetica, sans-serif;
	border: none;
	border-bottom: none;
	cursor: pointer;
    border-radius: 3px;
}
.accordion h3:hover {
    color:white;
	background-color: #0d47a1;
}
.accordion h3.active {
	background-position: right 5px;
}
.accordion p {
	background: #686D38;
	margin: 0;
	padding: 10px 15px 20px;
	border-left: solid 1px #878787;
	border-right: solid 1px #878787;
}


.accordionM {
	width: 350px;
	border-bottom: solid 0px #373737;
}
.accordionM h3 {
	background: #B8B8B8 url(../images/nuolet_alas.gif) no-repeat right -51px;
	padding: 7px 14px;
	margin: 0;
	font: bold 100%/100% Arial, Helvetica, sans-serif;
	border: solid 1px #878787;
	border-bottom: none;
	cursor: pointer;
}
.accordionM h3:hover {
	background-color: #FFC360;
}
.accordionM h3.active {
	background-position: right 5px;
}
.accordionM p {
	background: #686D38;
	margin: 0;
	padding: 10px 15px 20px;
	border-left: solid 1px #878787;
	border-right: solid 1px #878787;
}


/* multiselect styles */
.multiselect {
	width: 460px;
	height: 150px;
}

.robotic{
	position: absolute;
	left: -9999px;
	display: none;
}

/* Vikailmoitus listaus */
#vikailmoitukset_js_table{
	width: 100%;
	border-spacing: 0px;
}

#vikailmoitukset_js_table th.sortable{
	color: steelblue;
	font-size: 10px;
	cursor: pointer;
}

#vikailmoitukset_js_table a.sortable{
	color: steelblue;
	cursor: pointer;
}

#vikailmoitukset_js_table .vakavuus_col{
	font-size: 0.8em;
	display: none;
}

#vikailmoitukset_js_table th.ulksis_col{
	min-width: 65px;
}

#vikailmoitukset_js_table span.ulksis_text{
	width: 70%;
	float: left;
	position: relative;
	top: 2px;
}

#vikailmoitukset_js_table span.triangle{

	width: 30%;
	float: right;
}

.paging_element_intro{
	font-size: 16px;
	margin-left: 2px;
	margin-right: 2px;
}

.left{
	float:left;
}

.single_row{
 	margin-left: 2px; height: 2.0em; margin-top: 2px;
}

.domainOption {background-color: #cccccc; font-weight: bold; font-size: 12px; color: black;}
.domainMember {background-color: #eeeeee; font-weight: normal; color: black;}
.parentOption {background-color: #cccccc; font-weight: bold; font-size: 12px; color: black;}
.childOption {background-color: #eeeeee; font-weight: normal; color: black;}

.filter_el
{
	margin: 1px 1px 1px 1px;
}

.filter_lbl
{
	text-align:left;
	padding-left: 8px;
}

/* Katselmuspohjaan liittyvät */
#katselmus_rivit .kohde_liitetiedosto{
	float: right;
}

#rekisteri_container {
	list-style: none;
	clear: both;
	width: 100%;
	max-height: 600px;
	overflow-y: scroll;
}

#rekisteri_container.liitos{
	max-height: 400px;
	overflow-y: none;
}

#rekisteri_container.liitos input{
	width: auto;
}

#rekisteri_container ul {
	max-width: 500px;
}

#rekisteri_container li {
	display: block;
	padding: 3px 3px; margin-bottom: 2px;
	background-color: #FFFFFF;
}


#rekisteri_container li.even {
	display: block;
	padding: 3px 3px; margin-bottom: 2px;
	background-color: #FFFFFF;
}

#rekisteri_container li.odd {
	display: block;
	padding: 3px 3px; margin-bottom: 2px;
	background-color: #F8F8FF;
}

#rekisteri_container li img.handle {
	margin-right: 20px;
	cursor: move;
}









.dragging{
	border: 3px dotted steelblue;
}

#droppablezone{
	position: absolute;
	right: 7px;
	top: 42px;
	width :220px;
	float: right;
	border: 2px dashed lightgray;
	border-radius: 8px;
	padding: 10px;
	/*opacity: 0.75;*/
}

#droppablezone.actions{
	text-align: center;
	position: relative;
	top: -5px;
}

#droppablezone legend{
	border-bottom: none !important;
}

#droppablezone.lisays_txt{
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  opacity: 0.75;
}

#droppablezone.lisays_txt.bottom{
	-moz-opacity: 0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
	font-size: 0.9em;
}

#droppablezone.in{
	opacity: 0.5;
}

/*Tarjouspyynnön droppable */

#droppablezone_tarjous{
	width :260px;
	border: 2px dashed lightgray;
	border-radius: 8px;
	padding: 10px;
	max-height: 75px;
}

#droppablezone_tarjous .actions{
	text-align: center;
	position: relative;
	top: -5px;
}

#droppablezone_tarjous legend{
	border-bottom: none !important;
	font-size: 16px;
    line-height: inherit;
    color: #333;
}

#droppablezone_tarjous fieldset{
	max-width: 240px;
	min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

#droppablezone_tarjous.lisays_txt{

  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  opacity: 0.75;
}

#droppablezone_tarjous.lisays_txt.bottom{
	-moz-opacity: 0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
	font-size: 0.9em;
}

#droppablezone_tarjous .in{
	opacity: 0.5;
}

.bodydragin{
	-moz-opacity: 0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
}