@charset "UTF-8";

*
{
	margin:0;
	padding:0;

}

.hidden
{
	display:none;
}


body  {
	font: 14px/1.5 Helvetica, Arial, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	color: #000;
}

#topbar
{
	font: 12px/1.5 Helvetica, Arial, sans-serif;
	min-height:51px;

  background-image: -moz-linear-gradient(center top, #1b8db3, #217385);
  background-color: #217385;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#1b8db3), to(#217385));
  background-image: -moz-linear-gradient(top, #1b8db3, #217385);
  background-image: -ms-linear-gradient(top, #1b8db3, #217385);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1b8db3), color-stop(100%, #217385));
  background-image: -webkit-linear-gradient(top, #1b8db3, #217385);
  background-image: -o-linear-gradient(top, #1b8db3, #217385);
  background-image: linear-gradient(top, #1b8db3, #217385);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b8db3', endColorstr='#217385', GradientType=0);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);	

border-bottom: 1px solid #217589;


color: #fff;
text-shadow: 1px 1px 1px #333;

}

#topbar a
{
	color: #fff;
	text-shadow: 1px 1px 1px #333;
}

#datepicker .ui-datepicker
{
	width:100%;
	
}

input.miniColors
{
	width:50px;
	
}

#authDiv
{
padding-top: 14px !important;	
float:right;
margin-right:20px;
}
#langswitch
{
	margin-right:20px;
	padding-top: 16px !important;	
	float:right;
	color:#20768b}
#langswitch a
{
	margin:0 10px;
	color:#b3ecfe}


.ui-widget-header
{
	background:#217589;
	border: none;
	
}

#navibar
{
	padding:0 0;
	font-size:1.1em;
	border: none;
}

#navibar .ui-widget-content
{
	border: 0;

}

.ui-tabs
{
	
padding: 0 !important;
}

#navibar h1
{
	color:#fff;
	font-weight:bold;
	padding:0;
	margin:0;
	float:left;
	margin:6px 0 8px 0;
	font-size:1.4em;
	
}

.software-title {
  color: #efefef;
	font-weight:normal;
	float:left;
	padding-top:15px;
}
#mainnavi
{
	padding:0;
	border-radius:0;
	
}

#mainnavi li
{
	background:none;
	border:none !important;
	margin:0 !important;
	font-weight:normal;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	padding-bottom:0;
	
}

#mainnavi .selected a, #mainnavi a:hover, #mainnavi a:focus, #mainnavi .child-menu li a {
    color: #000;
    outline: 0 none;
    font-weight:normal;
}
#mainnavi a:hover, #mainnavi li.ui-tabs-selected a{
    background: url("../images/menu_bg_active.png") repeat-x scroll center top transparent;
    color: #000;
}

#mainnavi li a
{
	text-transform:uppercase;
	color:#fff;
	
}


/* fontit suhteellisina em-arvoina, http://www.clagnut.com/blog/348/*/

.searchLabel 
{
	padding-right:10px;
	float: left;
	width: 52px;
}
a:link, a:visited, a:hover
{
	color:#002bb8;
	text-decoration: none;
}
#tabs {
	background:transparent;
	margin: 0em;
}

#tabContent {
	background:transparent;
	border-top:0;
	padding:0;
	font-size: .7em;
	clear:both;
	overflow:visible;
	margin:0 10px;
}
#calendarContent {
	overflow:visible;
	padding-top:0;
}
.loader, .ajaxLoader
{
  font-size: 1.2em;
  font-weight: bold;
	background:url(../images/loader.gif) no-repeat left;
  padding-left:25px;
  color:#fff;
}

.loader
{
  padding-left:37px;
	background:url(../images/loader2.gif) no-repeat left;
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  line-height:2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  color:black;
}
/* Transparent Overlay */
.loader:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}

.ajaxLoader
{
  color: black; 
}


.ui-dialog-content .loader
{
	margin:0 auto;
}


#container
{
	background:transparent;
	padding: 0;
	padding-top: 1em;
}

#container,
.inWrap {
	width:auto !important;
	min-width:750px;
	margin: .2em; 
	text-align: left; 
	font-size: 1.6em;

}


.col50l
{
	width:49%;
	float:left;
}
.col50r
{
	width:49%;
	float:right;
}

.leftbox
{

	margin:0em;
	margin-top:0;
	margin-bottom:10px;
	/*border: 1px solid #333;*/
}

.leftbox fieldset
{
	color:#000;
	border-bottom:1px solid #365780;
	margin-bottom:6px;
	font-size: .8em;
	padding: 10px;
	border: 0;

}
#searchForm input,select {
	font-size: 1em;
}

#navi li
{
	list-style:none;
	margin-bottom:5px;

}

#navi li a
{

	text-decoration:none;
	display:block;
	padding:4px;
	border:1px solid #c2ccd8;
	background:url(../images/navi_unlink.png) repeat-x;
	color:#000;


}

#navi li span
{

	display:block;
	padding:4px;
	border:1px solid #fff;
	color:#000;


}

#navi li span.active
{
	font-weight:bold;

}

#navi li a.active
{
	background:url(../images/navi_unlink.png) repeat-x;
	border:1px solid #000;
	font-weight:bold;

}

#navi li a:hover
{
	border:1px solid #000;
}



#home-btn
{
	display: block;
	float:left;
	margin-left: 30px;
	width: 45px;
	height: 45px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-color: transparent;
	background:url(../images/main-icons-dark-color.png);
	background-position: 0 -200px;
	
}



#title
{
	float:left;

}


.r
{
	float:right

}

.c
{
	text-align:center;

}




#subbar
{
	background:url(../images/subbar-bg.png) repeat-x top #4C79A2;
	color:#e9f0f5;
	padding:4px;
	text-align:right;


}


#loginsmall
{
	display:none;



}

#content
{
	background:transparent;
	width:100%;
}
#searchResults
{

  /*border: 1px solid #333;*/	
}

#searchContent {
	font-size: .7em;
	background-color:transparent;
	
}
#basketContent {
        background:#fff;
        margin-top:0;
        font-size:.7em;
        color:#222222;
        
}
#basketContent input {
	font-size: 1em;
}
.whiteBox
{
	background:rgba(255,255,255,0.1);
	margin-left: 248px;
}
.whiteBox.full
{
        margin:0;
}


#whiteBox.full
{
	margin:0;
}
.boxTitle
{
	background:url(../images/portletHeader.png) repeat-x scroll center bottom #efefef;
	
	color:#000;
	text-transform:uppercase;
	padding:.4em .4em ;
	font-weight: bold;
	font-size:0.8em;
	border-top:1px solid #999;
}

#subTitle
{
	height:28px;
  margin-top:7px;

}
#leftnavi
{
background:rgba(128,128,128,.05);
width:243px;
float:left;
position:absolute;
color:#fff;

}



#resourceInfo
{
	background:transparent;
	margin:.2em;
	margin-top:0;
	font-size:1em;
	color:#000;
	padding:1em;
	spacing:1em;

}


#dialogFeedback
{

	padding:6px;
	background:#FC0;

}


#dialogFeedback .errors
{
	list-style:none;


}

#generalFeedback
{
	background-color:#CBFFBA;
	padding:10px;
	font-size:1.2em;
	position:absolute;
	top:15px;
	left:270px;
	max-width:550px;
	min-width:250px;
	text-align:center;

	margin:0 auto;
	z-index:20000;
	border:2px solid #060;

}

#sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 200px;
	background:url(../images/rbar_bg.jpg) repeat-x top;

	min-height:220px;


	padding-top: 15px 0; /* top and bottom padding create visual space within this div  */
}

.listTable {

}

.listTable .tr1 {
	color:  #000;
	background:#fafafa;
	
}
.listTable a {
 color: #000;
}
.listTable td
{
/*border-bottom:1px solid #CCC;	*/
}

.listTable .tr0 {
	color:  #000;
	background: #eee;
}

.listTable .tr11{
	color:#aaa;
	background:#ddd;
}
.listTable .tr01 {
	color:#aaa;
	background:#ddd;
}

.listTable .thtr {
	border: 3px solid #000;
	background: #cbcbcb;
	/*background:url(../images/boxtitle_bg.png) repeat-x repeat-y;*/

	
}
.listTable th {
	color:	#000;
	font-weight: bold;
     	padding: .5em;
	text-align:left;
}
.listTable td {

	padding: .5em;
	background:transparent;
}

.inner
{
  padding:1em;
  overflow: visible;
 	
}

#mainContent
{
   background:transparent;
   /*min-height:220px;*/
}


#mainContent .inner
{
	background:transparent;


}

#calendarPicker .title
{
	background:url(../images/case.png) no-repeat left;
	padding-left:30px;

}

#calendarGroups .title
{
	background:url(../images/folder.png) no-repeat left;
	padding-left:30px;

}

#savedSearches .title
{
	background:url(../images/saved.png) no-repeat left;
	padding-left:30px;

}

.rightbox .box:hover
{
	border:1px solid #333;
}


.rightbox li
{
	display:block;
	list-style:none;
	margin-bottom:4px;
	position:relative;
	height:1.3em;





}
.rightbox li .item
{
	display:block;
	position:absolute;
	left:0;

}

.rightbox li .x
{
	display:block;
	position:absolute;
	right:0;
	background:none;
	background:url(../images/smallDel.png) no-repeat top !important;
	width:13px;
	height:11px;
	top:3px;
	padding:0 !important;


}

.rightbox .small:link,
.rightbox .small:visited
{
	padding:1px 5px;
	display:block;
	font-size:0.9em;

}

.rightbox .items
{
	margin-bottom:10px;

}


.rightbox li .x span
{
	display:none;

}

.rightbox .items li:hover
{
	background:#FF9;

}



#mainContent p
{
	margin:0.6em 0 0.6em 0;
}


#mainContent .col1,
#mainContent .col2
{
	width:46%;
	float:left;
	padding-right:20px;

}



.bluebox
{
	background:#F4F9FD;
	padding:10px;
	border:1px solid #CADAE7;
	margin-bottom:20px;


}

#myInfo
{
	border:2px solid #CADAE7;
}

#myInfo li
{
	line-height:1.6em;

}
#accordion h3 {
        background:url(../images/boxtitle_bg2.png) repeat-x #78797A;
        color:#000;
        padding:0;
	margin:0;
        font-weight: bold;
}
#accordion h3 a {
	font-size:.8em;
        color:#fff;
}
#accordion div {
	font-size:.9em;
	text-align:left;
	widht:90%;
	border:0;
}

#mainContent .bluebox h3,
#panel h3
{
	color:#7299BE;

	font-size:1.3em;
	margin:0 0 0.4em 0;

}

#panel h3
{
	text-align:left;
}



#mainContent #process h3
{
	margin:0;
	padding:8px;
	font-size:1em;

}

#mainContent #process a
{
	text-decoration:none;
	color:#333;

}

#mainContent #process .info a
{
	background:url(../images/process/notice_i-trans.html) no-repeat right;
	padding-right:30px;

}

.i
{
	width:23px;
	height:19px;
	background:url(../images/process/notice_i-trans.html) no-repeat left;
	display:block;
	float:left;


}


.q
{
	width:23px;
	height:19px;
	background:url(../images/process/notice_q-trans.html) no-repeat left;
	display:block;


}

.q span, .i span
{
	display:none; padding:2px 3px; margin-left:8px; width:130px;


}

.q:hover span,.i:hover span
{
	display:inline; width:150px; position:absolute; background:#fff; border:1px solid #cccccc; color:#6c6c6c;

}

#process
{
	height:34px;


}

#process .first
{
	border-left:1px solid #A6A6A6;
}
#process .last
{
border-right:1px solid #A6A6A6;
}


#process .block
{
	width:24.9%;
	float:left;
	text-indent:20px;
	height:34px;
	background:url(../images/process/process_blue.html) repeat-x top;


}

#process .non-active div
{
	background:url(../images/process/process_blue_arr.html) no-repeat right;
	height:34px;
}

#process .pre-active div
{
	background:url(../images/process/process_blue_green_arr.html) no-repeat right;
	height:34px;

}
#process #last.non-active div
{
	background:none;
	height:34px;
}




#process .active
{
	background:url(../images/process/process_green.html) repeat-x top;
	height:34px;
}

#process .active div
{
	background:url(../images/process/process_blue_green_arr.html) no-repeat left;
	height:34px;
}

#process .active div
{
	background:url(../images/process/process_green_arr.html) no-repeat right;
	height:34px;
}



#process .arr div
{
	background:url(../images/process/process_blue_arr.html) right top no-repeat;

}


#process .active_arr div
{
	background:url(../images/process/process_green_arr.html) right top no-repeat;

}


#message
{
	background:#fff;
	padding:8px;
	border:1px solid #333;
	font-weight:normal;
	margin-bottom:8px;


}

.bluebox ul
{

	padding-left:20px;
}



#mainContent {
	margin: 0 200px 10px 0;
	background: transparent;



}




#mainContent.full
{
	margin:0;

}

#contentArea
{
	background:#fff;

}

#footer {

	text-align:center;

	color:#fff;
	font-size:0.8em;
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.formcontent
{
	margin:10px 0;
	display:block;
}

#bottomBar
{

	background:#EBEEF1;
	padding:6px;
	height:36px;

}

#bottomBar #prev
{
	background:url(../images/process/btn_PREV.html) no-repeat;
	display:block;
	height:31px;
	width:188px;

	float:left;
	text-align:center;
	color:#333;
	text-decoration:none;

}

#bottomBar #next
{
	background:url(../images/process/btn_NEXT.html) no-repeat;
	display:block;
	height:31px;
	width:188px;

	float:right;
	text-align:center;
	color:#333;
	text-decoration:none;

}


#bottomBar #prev span,
#bottomBar #next span
{
	padding-top:6px;
	display:block;

}


/* btns */


.btn:link,.btn:visited,
input.btn,
button.btn
{
	/*
    background: url("../images/portletHeader.png") repeat-x scroll 0 0 #D4D4D4;
    border-color: #C8C9CA #9E9E9E #9E9E9E #C8C9CA;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    color: #34404F;
    font-weight: bold;
    padding: 2px 5px;
    text-decoration: none;
    text-shadow: 1px 1px #fff;
	*/
	background: #f4f4f4 url(../images/btn-bg.png) repeat-x;
	border: 1px solid #909090;
	color: #4a4a4a;
	cursor: pointer;
	padding: 1px 8px;
	line-height: 1.5;
	font-weight: bold;
	display: inline-block;
	margin-bottom: 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-khtml-border-radius: 3px;
	-moz-transition: all 0.15s linear;
	-webkit-transition: all 0.15s linear;
	transition: all 0.15s linear;


}


.btn-a
{
		background:url(../images/process/btn_BG-a.html) repeat-x !important;
		border:1px solid #95ADC7;
		font-weight:bold;

}


.btn:hover
{
    cursor: pointer;

}


/* forms */

.formcontent ul				{	list-style:none; margin-top:5px;}
.formcontent ul li			{	display:block; float:left; width:100%; height:1%;}
.formcontent ul li label		{	float:left; padding:7px; width:20%; overflow:auto; text-align:right;}
.formcontent ul li div.inputcol	{	float:right; margin-right:10px;  width:70%;}
.formcontent ul li input	{	 border:1px solid #ccc; padding:3px;}
.formcontent ul li textarea	{	 width:100%}

.formcontent li input:focus, li textarea:focus	{	border:1px solid #666; }
.formcontent fieldset		{	padding:10px; border:1px solid #E5E5E5; width:90%;  margin:10px; clear:left;}
.formcontent legend			{	color:#444; margin:0 10px 0 0; padding:0 5px;font-size:100%;}
.formcontent label span		{	color:#f00;  }

.formcontent ul li input.btn-rs
{
	width:30%;
	margin-top:8px;


}

#bigSubmit
{
	font-size:1.2em;
	padding-left:10px;

}

#bigSubmit .btn
{
	font-size:0.9em;

}



.bluebox fieldset
{
	border:1px solid #E5E5E5; margin:10px 0; clear:left;
	padding:4px;
	background:#fff;

}

.bluebox fieldset legend
{
	color:#666;
	font-weight:bold;
	padding:4px;


}

.bluebox fieldset li
{
	font-size:1em;

}

#loginsmall ul li label,
#loginsmall ul li input
{
	width:100%;
	float:none;
	text-align:center;
	display:block;
	margin:0 auto;
	padding:0;

}

#loginsmall
{
	text-align:center;

}

#loginsmall input.text
{
	width:60%;

}

#loginsmall ul li .btn
{
	width:60%;

}

#loginsmall li
{
	height:4em;

}

.nonactive
{
	background:#F0F0F0;
	color:#CCCCCC;
	border:1px solid #CCCCCC;

}

/* lists */


.list-table th
{background:#EBEEF1;
padding:8px;

}

.list-table
{
	border-left:1px solid #C4DAD4;
	border-top:1px solid #C4DAD4;
	border-right:1px solid #C4DAD4;
	width:100%;
}

.list-table tr:hover td
{
	background:#FF9;


}


.list-table td
{
	background-color:#FCFEFC;
	padding:6px 10px;

	/*border-bottom:1px solid #C4DAD4;*/

}

.list-table .infoCol
{
	width:20px;
	padding:0 4px 0 9px;
}

.list-table .sec td
{
	background-color:#F4FAFC;
}



.toBeCheckedTr td
{
	background:#FC6;
	font-style:oblique;
}

/* listToolbar */

#listToolbar
{
	width:100%;


	
}

#listToolbar td
{
	padding:1px 0;


	
}

#listToolbar .buttons
{
	text-align:right;
	padding-bottom:6px;
	

}



/* pagination */
#pagination
{

}


#pagination li
{
	list-style:none;
	float:left;
	display:inline;
	width:auto;
	margin-right:10px;


}


#pagination li a
{



}

#pagination li.active a
{
	border-top:3px solid #AADF14;
	margin-top:0;
	font-weight:bold;


}

.btn-close
{
	background:url(../images/process/btn-close-trans.html) no-repeat;
	display:block;
	width:23px;
	height:19px;
	cursor:pointer;
	top:10px;
	right:20px;
	position:absolute;
	border:1px solid #95ADC7;
}

.btn-close span
{
	display:none;

}

/* slide */

#panel {
	background:#fff;
	padding:10px;
	margin-top:10px;

	display: none;
	border:1px solid #7C99B9;
	position:relative;
}
.slide {
	margin: 0;
	padding: 0;
	border-top: solid 4px #422410;
	background: url(images/btn-slide.html) no-repeat center top;
}
.btn-slide {

}
.active {
	background-position: right 12px;
}

.unValid
{
	border:1px solid red;

}


ul.props
{
padding-left:20px;

}
.formcontent ul.props li
{

list-style:square;

display:list-item;
color:#666666;
}


/* simple css-based tooltip */

div.tooltip {
	background-color: #fff;
	border: 1px solid #666;
	padding: .4em;
	width:380px;
	display:none;
	color:#fff;
	text-align:left;
	font-size:12px;
	margin-left:auto;
	position:absolute;
	left: 254px;
	/* outline radius for mozilla/firefox only */
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
	z-index:99;
}
#tooltip h2{
	/*background: rgb(224,224,128);*/
  color: #fff;
  /*background: url("../images/menu_bg.png") repeat-x scroll left center transparent;*/
  background:#217589;
}
#tooltip h3 {
 color:black;
 padding:1em;
}


.tip
{
	font-family:"Courier New", Courier, monospace;
	color:#03C;

font-weight:bold;
display:inline;

padding:0 2px;


}

.tip:hover
{
cursor:pointer;
background-color:#000;
color:#fff;

}

.cluetip-default table td
{
	padding-right:6px;
	
}

.modal {
	background-color:#fff;
	display:none;
	width:450px;
	padding:15px;
	text-align:left;
	border:2px solid #333;


	-moz-border-radius:3px;
	-webkit-border-radius:2px;
	-moz-box-shadow: 0 0 50px #ccc;
	-webkit-box-shadow: 0 0 50px #ccc;
}

.modal h2 {
	margin:0px;
	padding:10px 0 10px 0px;
	border-bottom:1px solid #333;
	font-size:20px;
}


.modal td
{
	padding:0 5px 5px 0;

}

.selectableList
{
	list-style:none;
	line-height:1.6em;

}

.selectableList li
{
border:1px solid #fff;
}

.selectableList li:hover
{cursor:pointer;
background-color:#FF9;
border:1px solid #333;
}


#calMode
{
	float:right;

}

#calMode li
{
	list-style:none;
	float:left;



}

#calMode li a
{
	text-decoration:none;
	display:block;
	background:#f0f0f0;
	padding:6px;
	margin-left:8px;
	color:#000;

}


#calMode a.active
{
	background:#b6cbea;
	font-weight:bold;
}


#calPreview
{
	margin-top:10px;
	padding:10px;
	background-color:#426D9E;
	min-height:150px;

}
.prevArrow span,
.nextArrow span
{
	display:none;

}

.prevArrow
{
	background:url(../images/arrLeft.png) no-repeat;
	display:inline;
	height:20px;
	width:30px;
	float:left;
	margin-right:6px;

}

.nextArrow
{
	background:url(../images/arrRight.png) no-repeat;
		display:inline;
	height:20px;
	width:30px;
	float:left;
}

#timePeriod
{
	font-weight:bold;
	margin-left:10px;
	float:left;

}

/* list */

#listScroll
{

	overflow:auto;
	border-bottom:1px solid #B6CBEA;
	border-top:1px solid #B6CBEA;

}

table.list
{
	border:1px solid #B6CBEA;

}

table.list td
{
	border-bottom:1px solid #EEEEEE;
	padding:4px;

}

table.list td a
{
	text-decoration:none;

}

table.list th
{
	background:#B6CBEA;

	padding:4px;
}

table.list tr:hover
{
	background:#FFC;


}

table.list .harmaa
{
	background:#EEEEEE;

}

table.list td.maxCol
{
	width:100%;

}

table.list td.noWrap
{
	white-space:nowrap;
	padding-right:8px;

}

span.REJECTED
{
	color:#900;
	font-style:italic;
}

span.UNCONFIRMED
{
	color:#F0571E;


}

span.CONFIRMED
{
	font-weight:bold;

}

span.REMOVED
{
	color:#666;

}

#bottomButtons
{
	text-align:right;
	margin-top:8px;

}

.case-add
{
	background:url(../images/case-add.png) no-repeat;
	display:block;
	width:23px;
	height:16px;
	text-decoration:none;
}

.case-selected
{
	background:url(../images/case-selected.png) no-repeat;
	display:block;
	width:23px;
	height:16px;
	text-decoration:none;
}


.case-add:hover
{background:url(../images/case-add-hover.png) no-repeat;
}



.ui-dialog-content
{
	font-size:1.1em;

}

.ui-dialog-content .formcontent fieldset
{
	padding:4px;
	margin:4px 4px 14px 4px;
	width:95%;


}

.ui-dialog-content .formcontent fieldset legend
{
	font-weight:bold;

}

#dialogTop
{
	clear:both;
	
}



#dialogTop .greyBox
{
	background:#E5E5E5;
	width:100%;
	

}


#dialogTop div
{
	float:right;
	padding:0px 0px 0px 10px;
	font-weight:bold;

}

#dialogTop #status
{
	float:left;

}

#dialogTop #showInAvack
{
	font-weight:normal;

}

#dialogTop .notConfirmed
{
	font-weight:normal;
	font-style:italic;
	color:#900;

}

#dialogInfo
{
	list-style:none;
	margin-bottom:4px;
	
}

#dialogInfo .info
{
	background:url(../images/icon_info.png) no-repeat left;
	padding:3px 0 3px 21px;
	
}

#dialogInfo .warning
{
	background:url(../images/icon_warning.png) no-repeat left;
	padding:3px 0 3px 21px;
	
}


.selectableDate:hover
{
	border:1px solid #000;
	cursor:pointer;

}

.ui-datepicker-trigger
{
	margin-left:2px;

}

.ui-datepicker-trigger:hover
{
	cursor:pointer;

}

#otherOwners
{
	width:250px;

}

#selectWeekDay li
{
	list-style:none;
	float:left;
	margin-right:10px;
	width:40px;
	text-align:center;
	background:#E2E7ED;
	padding:4px;
	border:1px solid #c2ccd8;

}

#selectWeekDay li:hover
{
	background-color:#FFC;
	cursor:default;

}

span.required
{
	color:#900;

}

table.solid
{
	border:1px solid #607D98;
	border:1px solid #607D98;
	background:#F8FBFD;
	margin:4px 0;

}


table.solid td
{
	padding:4px;

}

table.solid tr:hover
{
	background:#FF9;

}
.maxBox
{
	background:#F8FBFD;
	max-height:120px;
	overflow:auto;
	border:1px solid #607D98;
	border:1px solid #607D98;

	padding:4px;
}

#fullDetails
{
	overflow:visible;
	max-height:none;

}
.blueTable
{
		width:100%;
}

.blueTable td
{

	padding:0;

}

.blueTable .blueBg
{
background:#F8FBFD;
	border:1px solid #607D98;
	border:1px solid #607D98;
	padding:2px;
}

.blueTable td .maxBox
{
	border:none;
	padding:0;

}

#fullDetails table td
{
	padding:2px 10px 0px 2px;
}

.resourceFunctions
{
	margin-top:10px;

}

.resourceFunctions a
{
	font-weight:bold;

}

.accordionBox
{
	height:300px;
	overflow:auto;


}

.ui-accordion .ui-accordion-header a
{
	font-weight:bold;
	font-size:1.2em;


}

.dialogFunctions
{
	margin-bottom:10px;




}

.dialogFunctions input
{
	border:1px solid #CCC;



}

.instantInfoOK
{
	margin-top:5px;
	color:#000;
	background-color:#CBFFBA;
	padding:4px;
	font-size:1.2em;
}

.instantInfoError
{
	background:#FFCC00;

	margin-top:5px;
	color:#000;

	padding:4px;
	font-size:1.2em;

}

.buttonBar td
{
	vertical-align:bottom;

	padding-bottom:4px;

}

.buttonBar
{
	width:100%;

}

h2.dialogTitle
{
	color:#78A1C1;
	font-size:1.2em;
	border-bottom:1px solid #CCC;
	margin-bottom:4px;

}

#searchInfo
{

	margin-bottom:6px;
}

#searchInfo td
 {
	 padding-right:20px;
	 
 }

#searchInfo ul
{
	
	list-style:none;

}

/* pagination */
.pagination a {
border:1px solid #AAAAEE;
color:#1155BB;
text-decoration:none;
background:#fff none repeat scroll 0 0;
}
.pagination a, .pagination span {
display:block;
float:left;
margin-bottom:5px;
margin-right:5px;
padding:0em 0.5em;
}
.pagination .current {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#EBEEF1 none repeat scroll 0 0;
border:1px solid #AAAAEE;

}
.pagination .current.prev, .pagination .current.next {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;

border-color:#999;
color:#999;
}

/* header overrides and addons */
#header a
{
	text-decoration:none;
	
}

#header
{
	font-size:1.3em;
	text-decoration:none;
	
}

#header h1 span.sublogoReska
{
	background:url(../images/Reska.png) no-repeat;
	    padding-top: 20px;

    top: 39px;
    right: 21px;
    min-width: 86px;
	
}


#quickSearch
{
	float:right;
	text-align:right;
	width:400px;
	font-size:12px;
	padding-top:3px;
	color:#000;
	margin-right:28px;


}

#sivuoptions {
display:block;
height:2em;
position:absolute;
right:5px;
top:71px;
}


#quickSearch #quicksearchfield
{
	height:13px;
	
}

#doQuickSearch
{
	background-color:none;
	background:url(../images/searchArr-trans.png) no-repeat;
	width:20px;
	height:20px;
	border:0;
}

#doQuickSearch:hover
{
	cursor:pointer;

}
/*
.ui-widget-header
{
	background:url(../images/boxtitle_bg.png) repeat-x repeat-y;
	
}
*/
td .simple_color {
 display:none !important; 
}

.DTTT_container {
  position:static !important; 
}



.box {
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    margin: 10px 0;
}
.box-title {
    //background: url("../images/box_title_bg.png") repeat-x scroll center bottom transparent;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0;
    padding: 4px 10px;
    text-shadow: 1px 1px #fff;
}
.box-content {
    padding: 10px;
}
.box-header {
    //background: url("../images/box-header-bg.jpg") repeat-x scroll left bottom transparent;
    border-bottom: 1px solid #999;
    padding: 10px;
}


#calendarTypeChange
{
	 border-bottom:1px solid #CCC;
	 padding-bottom:10px;
	 margin-bottom:10px;
}

.calendarchange
{
 background-color: #fff;
 color:#000;
 font-size:11px;
 padding:2px 8px !important;
 margin:5px 0px 5px 0px !important;
 font-weight:bolder;
 cursor:pointer;

}

.calendarchangeActive
{
 background-color: #217589;
 color:#fff;
 font-size:11px;
 padding:2px 8px !important;
 margin:5px 0px 5px 0px !important;
 font-weight:bolder;
 cursor:pointer;
}

.btn.small
{
	 font-size:12px !important;
	 margin:0 4px !important;
}

.piilotuslinkki {
 cursor:pointer; 
}

.ui-widget {
   font-size: 1em;
   font-family:inherit !important
}


.ui-widget-content {
    background: none !important;
    background-color:#fff !important;
    color: #333 !important;
}


.tabInformation {
  position:absolute;
  background:#transparent;
  padding:.2em;
  color:#fff;
  font-size:.8em;
  font-weight:bold;
  display:none;
  left:450px;
  top:5px;
}

.dataTable tr.even td
{
	background:#E3E3E3;
	
}

.dataTables_wrapper th
{
	font-size:0.9em;
}

#calendarSpotSearch td
{
  padding:5px;
  border: 1px solid #999;  

}

#calendarSpotSearch 
{
  border-spacing:0;
  border: 1px solid #999;  


}

#timeOutAlert {
	background: #ffc url() no-repeat 5px 50%;
	border-bottom: 1px solid;
	font-size: 1.1em;
	left: 0;
	padding: 10px;
	padding-left: 25px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000;
}


#timeOutAlert {
	background-color: #fcc;
	background-image: url(@theme_image_path@/messages/error.png);
	border-bottom-color: #f00;
	font-weight: bold;
}


/* search-filters */
#search-filters
{
	width:100%;
	float:none;

}

#search-filters .filter
{
	width:14%;
	float:left;
	margin-right:0.5%;
	margin-bottom:10px;
}
#search-filters #reset
{
float:left;
display:none;

}

@media (max-width: 1010px)
{
	#search-filters #reset{
	clear:both;
	}
	
	#search-filters .filter{
	width:16%;
	}
}


#search-filters div.options {
display: none;
position: absolute;
left: 0;
top: 25px;
text-align: left;
text-transform: none;
padding-right: 3px;
margin-left: -1px;
background: #e6eef1;
width:200px;
border: 1px solid #F4F3F8;
    box-shadow: 4px 3px 8px rgba(0, 0, 0, 0.49);
    -moz-box-shadow: 4px 3px 8px rgba(0, 0, 0, 0.49);
    -webkit-box-shadow: 4px 3px 8px rgba(0, 0, 0, 0.49);


}


#search-filters div.options ul,#search-filters div.options li{
	padding:0;
	margin:0 0 5px 0;
	list-style:none;
		line-height:1.2;
}

#search-filters div.filter>div.header {
position: relative;
z-index: 10;
height: 21px;
font-weight: normal;
cursor: pointer;
padding:3px 0 3px 16px;
border-radius: 3px;
moz-border-radius: 3px;
webkit-border-radius: 3px;
color: #000;
border: 1px solid #909090;
background: #f4f4f4 url(../images/filter-toggle.png) no-repeat;
background-position: 3px 4px;
}

#search-filters div.filter>div.open
{
	background-position:3px -39px;
}


tr td.sg-closed, tr td.sg-open  {
  cursor: pointer;
  /*padding: 6px 5px 6px 5px !important; */
  padding:0px;
  width: 5px;
}

tr td div.sg-closed, tr td div.sg-open  {
  height: 10px;
  cursor: pointer;
  margin: 0px;
  padding: 6px 5px 6px 5px !important;
  width: 5px;
  background: url(../images/filter-toggle.png) no-repeat !important;
}

tr td div.sg-closed {
  background-position: 3px 4px !important;
}

tr td div.sg-open {
  background-position:3px -39px !important;
}

tr.sg-closed {
  display: none;
}


#search-filters div.filter .scroller
{

	max-height:280px;
	overflow:auto;
	padding:10px;
  padding-right: 2px;
	
}
#search-filters div.filter .scroller label{
	cursor:pointer;
	color:#000;
	clear:both;
}
#search-filters div.filter .scroller label input
{
	float:left;
	width:18px;	
}
#search-filters div.filter .scroller label span
{
	float:left;
	width:145px;
}
#search-filters div.filter .scroller label:hover{
	color:#217589;
	
}

#search-filters div.filter .scroller label.disabled,
#search-filters div.filter .scroller label.disabled:hover
{
	color:#C0C0C0;
	cursor:default;
	
}


#reset .btn
{
	padding:4px 3px;
	display:block;
	text-align:center
	
}


#search-filters .chosen-filters li
{
	list-style:none;
	background: none repeat scroll 0 0 #F4F3F8;
	border: 1px solid #D9D9D9;
	padding:3px;
	display:block;
	font-size:11px;
}

#search-filters .chosen-filters li .btn
{
	float:right;
	padding:2px 4px;
	font-size:11px;
	line-height:1;
	
}

#search-filters .selected-filter:after,
#search-filters div.filter .scroller li label:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    zoom: 1
}