h1 { color: #00529C; margin-bottom: 5px; }
h2 { color: #E26000;color: #E41A1A; }
h3 { color: #E26000;color: #E41A1A; }
h4 { color: #1e588d;color: #E41A1A; }
h5 { color: #00529C; }
ul li { margin-left: 15px;}

/* ############### CONTENT Selectors ############### */    
.col-container {margin: 0px; padding: 0px;float: left; display: inline; text-align:left; }
.col { margin: 10px; float: left; display: inline; }
fieldset.col { margin-top: 10px; padding-top: 5px; }
.col h3 { padding: 0px 0px 10px 0px; font-size: 17px; }
.col legend { padding: 0px 6px; font-size: 17px;
    color:#9ECC00; color: #78a500;
    font-weight:bold;
    font-family:Arial,Helvetica,sans-serif;
    display: inline;
}
.col img { text-align: center; max-width: 100%;}

.wid8 { width: 220px; }
.wid7 { width: 730px; }
.wid6 { width: 550px; }
.wid5 { width: 446px; }
.wid5 { width: 650px; }
.wid4 { width: 200px; }
.wid3 { width: 180px; }
.wid2 { width: 420px; }
.wid2-2016 { width: 490px; }
.wid1 { width: 230px; }
.wid2b { width: 470px; }
.wid1b { width: 330px; }
.wid { width: 100%; }

.widp1,
.widp2,
.widp3,
.widp4,
.widp5,
.widp6,
.widp7,
.widp8,
.widp9,
.widp10 , .widp11, .widp12 {
  display: inline-block; float: left;
}
.widp1 {
  width: 8.333333333333332%;
}

.widp2 {
  width: 16.666666666666664%;
}

.widp3 {
  width: 25%;
}

.widp4 {
  width: 33.33333333333333%;
}

.widp5 {
  width: 41.66666666666667%;
}

.widp6 {
  width: 50%;
}

.widp7 {
  width: 58.333333333333336%;
}

.widp8 {
  width: 66.66666666666666%;
}

.widp9 {
  width: 75%;
}

.widp10 {
  width: 83.33333333333334%;
}

.widp11 {
  width: 91.66666666666666%;
}

.widp12 {
  width: 100%;
}


.col-container.wid2 { width: 440px; }
.col-container.wid4 { width: 260px; }

.cStyle { background-color: #FFF; }
.cStyle1 { background-color: #d0d2e1; }
.cStyle1-2016 { background-color: #f3f3f3; padding: 0 10px; }
.cStyle1-2016 ul, .cStyle1-2016 dl { background: none !important; }

.cStyle1b { background-color: #FFF; border: 2px solid #d0d2e1; }
.cStyle2 { background-color: transparent; }
.cStyle3 { background-color: #a7dbd8;  }
.cStyle4 { background-color: #545d9e; border: 2px solid #545d9e; color: #FFF; }
.cStyle5 { margin-left:5px; background-color: #FFF;  }

.mar0 { margin: 0px; }
.mar0lr { margin-left: 0px; margin-right: 0px; }
.mar10lr { margin-left: 10px; margin-right: 10px; }
.mar20lr { margin-left: 20px; margin-right: 20px; }
.mar40lr { margin-left: 40px; margin-right: 40px; }
.mar20 { margin: 10px 20px; }
.mar20r { margin-right: 20px; }
.mar20l { margin-left: 20px; }
.mar30r { margin-right: 30px; }
.mar30l { margin-left: 30px; }
.mar50l { margin-left: 50px; }
.mar10 { margin: 10px; }
.mar10r { margin-right: 10px; }
.mar10l { margin-left: 10px; }
.mar10tb { margin: 10px 0px; }
.mar10tb.mar50l { margin: 10px 0px 10px 50px; }

.padd0 { padding: 0px; }
.padd5 { padding: 5px; }
.padd9 { padding: 9px; }
.padd10 { padding: 10px; }
.padd20 { padding: 20px; }
.padd20l { padding-left: 20px; }
.padd20r { padding-right: 20px; }
.padd30l { padding-left: 30px; }
.padd30r { padding-right: 30px; }
.padd35lr { padding-left: 35px; padding-right: 35px; }
.padd35l { padding-left: 35px; }
.padd40lr { padding-left: 40px; padding-right: 40px; }

.frontpage-main-col {
margin:0;
  margin-right: 8.333333333333332%;
  width: 58.333333333333336%;
  padding-right: 8.333333333333332%;
  margin-right: 6.333333333333332%;
  margin-right: 0;
  width: 60.333333333333336%;
  width: 66.666666666666666%;
  padding-right: 6.333333333333332%;
  /*border-right: 3px solid #ECECED;*/
}
.diagrams {
width: 100%;
  border-top: 3px solid #ECECED;
  margin:40px 0 0 0;
  padding: 20px 0;
  margin-top: ;
}
/*###  UUTISNOSTO  ##################################*/
.uutisnosto { 
	display: inline; float:left; width:100%; margin-bottom: 20px; margin-top: 20px; padding: 0 0 0 20px;
	background-color: #D0D2E1;
	background-color: #E2E9F8;
	background-color: #F16C0A;
	background-color: #FFD09D;
	background-color: #d1d2d4;
	background-color: rgba(209, 210, 212, 0.35);
	background-color: #DADBCA;
	background-color: #F5ECD6;
	background: none;
  border-left: 4px solid #D1D2D4;
    /*border-radius: 4px; 
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;*/
}
/*
.uutisnosto img {
	
	max-width: 396px;
}
*/
.uutisnosto.headimage
{
	background-color: transparent;
	width: 420px;
	padding: 0;
	margin: 0 0 20px 0;
}
.uutisnosto h2 {
	font-size: 32px;
	font-weight:bold;
	width: 100%;
	float: left;
	display: inline;
	clear:both;
	padding-top: 0;
}
.uutisnosto h1, .uutisnosto h2, .uutisnosto h3, .uutisnosto h4, .uutisnosto h5, .uutisnosto h6
{
	color: #008da9;
	color: #333;
}
.uutisnosto .unText{
	/* pelkkä teksti */
	width: 100%;
	float: left;
	display: inline;
	clear:both;
}
.uutisnosto .unText p {
	/*font-size: 14px;
	line-height: 20px;*/
	padding: 0 0 10px 0;
}

.uutisnosto .unImage {
	/* pelkkä kuva */
	/*max-width: 420px;*/
	width: 100%;
	overflow: hidden;
	float: left;
	display: inline;
	clear:both;
}
.uutisnosto .unImage, .uutisnosto .unImage img {
    border-radius: 3px; /* CSS3 */
    -moz-border-radius: 3px; /* for Firefox */
    -webkit-border-radius: 3px; /* for Safari */

}
.uutisnosto .unText.vk {
	/* teksti + vaakakuva */
	width: 100%;
	float: right;
}
.uutisnosto .unText.vk p {
	padding: 0 0 10px 0;
}

.uutisnosto .unImage.vk {
	/* vaakakuva */
	width: 420px;
	width:396px;
	
	width: 100%;
/*	margin: 0 -12px 0 -12px; */
	overflow: hidden;
	float: right;
}
.uutisnosto .unImage .unImageCaption {
	font-style:italic;
	color: #555;
	font-size: 12px;
  display: block;
	width: 100%;
}
.uutisnosto.headimage .unImage .unImageCaption {
	background-color: #f4f4f4;
	padding: 2px 2%;
	width: 96%;
	display:block;

}
.uutisnosto .unText.pk {
	/* teksti + vaakakuva */
	max-width: 50%;
	/*	width: 245px; */
	float: left;
	display: inline;
	clear: none;
	
}
.uutisnosto .unText.pk p {
	padding: 0 0 10px 0;
	word-wrap:break-word;
}
.uutisnosto.pk .unText.pk img {
	max-width: 45%;
}
.uutisnosto.pk .unImage.pk {
	/* vaakakuva */
	overflow: hidden;
	/* width: 170px; 
	max-width: 195px;*/
	max-width: 45%;
	float: right;
	display: inline;
	clear: none;
	text-align: left;
}
.uutisnosto.pk .unImage .unImageCaption {
	padding: 2px 2%;
	width: 96%;
	display: inline-block;
}
.uutisnosto.pk .unImage.pk img
{	
	/*max-width: 195px;
	width: 195px;*/
	max-width: 100%;
	width: 100%;
}
/*###  BLOG  ##################################*/
.feed-blog { display: inline; float:left; width: 100%; padding-bottom: 10px; padding-top: 5px; 

}
.feed-blog h3, .diagrams h3 { margin: 0px 0px 0px 0; color: #F16C0A; color: #E41A1A;
                font-size: 22px; font-weight: 600;line-height: 32px; text-align: left; padding: 0; border-bottom: 1px solid #E41A1A; text-transform: uppercase;  }
.diagrams h3 {border: none;margin-bottom: 15px;}
.feed-blog-item { display: inline; float:left; clear:both; width:100%;
 padding-bottom: 15px; padding-top: 15px; position:relative; }
.feed-blog-item-content { display: inline; float:left; clear:both; width:100%; padding-left: 90px;} 
.feed-blog-item img {
position: absolute;
    display: inline; width: 74px; -webkit-border-radius: 37px;
border-radius: 37px; text-align: center; left: 0; /*border: solid 1px #FFF;*/ 

}
.feed-blog-item h1, 
.feed-blog-item h2, 
.feed-blog-item h3, 
.feed-blog-item h4, 
.feed-blog-item h5, 
.feed-blog-item h6, 
.feed-blog-item p 
{
    display: inline; float:right; 
width: 100%; clear:right; color: #444; 
padding: 0px 0px 0px 0px; font-size:13px; line-height: 21px;
}

.feed-blog-item p.title, 
.feed-blog-item p.title a, 
.feed-blog-item p.author, 
.feed-blog-item p.author-other  
{
    font-weight:bold; text-transform:uppercase; color: #333;
}
.feed-blog-item p.author, 
.feed-blog-item p.author-other, 
.feed-blog-item p.author span.date, 
.feed-blog-item p.author-other span.date 
{
    text-transform: none; font-weight: normal; 
color: #a7a2b6; color: #868fb0; color: #444;
line-height: 18px;
}
.feed-blog-item p.author-other, 
.feed-blog-item p.author-other span.date 
{color: #a7a2b6; color: #444;}

.feed-blog-item p.author span.date, 
.feed-blog-item p.author-other span.date
 {font-weight: bold; margin-right: 7px; }

.feed, .columnList { display: inline; float:left; clear:both; width:100%; margin: 0; padding: 0 0 20px; 0; width: 100%; }

.feed h3, .columnList h3, h3.search, a.feedTitleLink, a.feedTitleLink:hover, a.feedTitleLink:visited { color: #F16C0A;  color: #E41A1A; text-transform: uppercase; font-size: 22px; font-weight: 600;line-height: 32px; text-align: left; padding: 0; border-bottom: 1px solid #E41A1A; margin-bottom:10px; text-decoration: none; }

.feed div.title { margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #d8d8d8; }
.feed div.title div.date { line-height: 14px; } 
.feed > div.title:last-child { border-bottom: none; }
.feed div.title a.title, .feed div.title a:visited.title { color: #333; }


/*###  LISTS  ##################################*/
.news { clear: both; padding-top: 5px;  text-align: right;}
.news dl, .news ul { text-align: left; }

dl.recentDecisions, .news dl, dl.blogArchive, dl.complainList
{
	float: left;
	display: inline;
	clear: both;
	font-size: 11px;
	font-family: Arial;
	font-weight: bold;
	font-style: italic;
	background-color: #FFF;
	width: 224px;
	width: 100%;
	border-radius: 4px; /* CSS3 */
    -moz-border-radius: 4px; /* for Firefox */
    -webkit-border-radius: 4px; /* for Safari */
}
dl.recentDecisions dt, dl.news dt, .news dl dt, dl.blogArchive dt, dl.complainList dt
{
	display: block;
	float: left;
	width: 210px;
	line-height: 16px;
	padding: 4px 0px 0px 0px;
	width: 100%;
	margin: 0px 0px 0px 0;
}
.news span.title a { font-weight: bold; 
  color: #222;
}
dl.recentDecisions dd, dl.news dd, .news dl dd, dl.blogArchive dd, dl.complainList dd
{
	display: block;
	float: left;
	text-align: left;
	line-height: 16px;
	width: 210px;
	padding: 0px 0px 8px 0px;
	margin: 0px 0px 4px 8px;
	background: url(images/hr.png) repeat-x bottom left;
	width: 100%;
	margin: 0px 0px 0px 0;
}
dl.recentDecisions dt:first-child, dl.news dt:first-child, dl.blogArchive dt:first-child, dl.complainList dt:first-child { margin-top: 5px; }
dl.news dd:last-child { background: none; }
dl.recentDecisions dd span.insert { color: #CCC;} 

dl.recentDecisions dt a.vap, dl.recentDecisions dt a.vap:hover, 
dl.recentDecisions dt a.lan, dl.recentDecisions dt a.lan:hover, 
dl.recentDecisions dt a.jsn, dl.recentDecisions dt a.jsn:hover, 
dl.recentDecisions dt a.lau, dl.recentDecisions dt a.lau:hover, 
dl.recentDecisions dt a.huo, dl.recentDecisions dt a.huo:hover
{
	color: #5e9a00;
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
}
 
dl.recentDecisions dt a.huo, dl.recentDecisions dt a.huo:hover, 
dl.recentDecisions dt a.lan, dl.recentDecisions dt a.lan:hover { color: #ff6633; color: #E41A1A; }
dl.recentDecisions dt a.jsn, dl.recentDecisions dt a.jsn:hover
dl.recentDecisions dt a.lau, dl.recentDecisions dt a.lau:hover { color: #0562c0; }

dl.recentDecisions dt a.vap:visited { color: rgba(102,153,51, 0.5); color: #b2cc99; }
dl.recentDecisions dt a.lan:visited,
dl.recentDecisions dt a.huo:visited { color: rgba(255,102,52, 0.5); color: #ffb299; }
dl.recentDecisions dt a.jsn:visited,
dl.recentDecisions dt a.lau:visited { color: rgba(5,98,192, 0.5); color: #82b0df; }


dl dd p {
	text-align: left;
	line-height: 16px;
	padding: 0 4px 4px 0;
}
dl dd p.decisionCause {
	line-height: 14px;
	font-size: 11px;
	font-weight: normal;
	font-style:normal;
}


/*###  RSS  ##################################*/
.rss-feed 
{
	float: left;
	display: block;
	clear: both;
    background: #FFF url("Images/feed.png") no-repeat 0 10px; 
    color: #f16c0a;
	  color: #E41A1A;

    font-weight: bold; 
    text-align: left;
    padding: 8px 0 6px 0;
	width: 100%;
    border-radius: 4px; /* CSS3 */
    -moz-border-radius: 4px; /* for Firefox */
    -webkit-border-radius: 4px; /* for Safari */	
} 
.rss-feed a
{
    font-weight: bold;
    text-transform: uppercase;
    color:#F16C0A;  color: #E41A1A;

    font-size:11px;
    line-height:18px;
    padding: 0 0 0 20px;
}


.feed-news { display: inline; float:left; clear:both; width:218px; margin: 2px 0px 2px 2px; padding: 4px; background-color: #FFF; }
.feed-news h3 { color: #a7a2b6; text-transform: uppercase; font-size: 14px; line-height: 20px; padding: 6px 2px 4px 2px; }
.feed-news ul { color: #1d90ba; }
.feed-news p { text-align: left; padding: 2px 4px 6px 4px; }
.feed-news p a { color: #2762db; }

.columnList ul, ul.statementList
{
    background: #FFF; list-style: none; 
    padding-top:5px;
    border-radius: 4px; /* CSS3 */
    -moz-border-radius: 4px; /* for Firefox */
    -webkit-border-radius: 4px; /* for Safari */
}
ul.statementList { display: inline; float:left; clear:both; width:224px;	width: 97%;
	margin: 2;
	padding: 10px 1% 10px 3%;
 }

.columnList ul li, ul.statementList li
{
    list-style: none; margin: 3px 0px; padding: 0px 0px 4px 0; 
    
    background: url(images/hr.png) repeat-x bottom left;
 }
.columnList ul li:last-child { background: none; }
.dataPager { padding: 2px 3px; }
.dataPager span { font-weight: bold; color: #BBB; }
.dataPager a { font-weight: bold; }

/* ############### Register Page ############### */
#wrap.register { width: 420px; }
.content.register { width: 400px; text-align: left; padding: 15px 10px; }

/* ############### Kantelulomake Page ############### */
.helpBlock {
  float: left;
  display: block;
  clear: both;
  background-color: rgb(242, 242, 242);
  border: 1px solid #CCC;
  color: #555;
  width: 100%;
  margin: 4px 0 4px;
  padding: 12px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;

}
.helpBlock h2 {
	font-size: 18px;
	font-weight: bold;
}

/* ############### Blog Page ############### */
.content-blog {width: 800px;
display: inline; float:left; padding: 15px 0 20px 60px; margin: 0 0 20px 10px;
             background: white url("Images/bg_blog.gif") repeat-y left top; 
}
.content-blog h3 { color: #939a70; border-bottom: 1px solid #939a70;  }
.blog-item { display: inline; float:left; width: 400px; padding: 0 20px 0px 0px; margin: 0 0px 0px 0px;}
.blog-item p {}
.date span.date {}
.blog-archive { display: inline; float:right; width: 280px; padding: 0 30px 0px 0px; }

dl.blogArchive span.title a{font-size: 12px; font-weight: bold;}
dl.blogArchive span.date, .news dl span.date {font-weight: normal; color: #444;}
dl.blogArchive span.author { font-weight: normal; color: #5c5f74; }

/* ############### FOOTER Selectors ############### */
    #footer-content  
    {
        color: #777777;
        -moz-border-radius-bottomleft:4px;
        -moz-border-radius-bottomright:4px;
        -moz-border-radius-topleft:4px;
        -moz-border-radius-topright:4px;
        border:1px solid #DDDDDD;
        margin:0 auto;
        padding: 20px;
        text-align:left; width: 900px;
    }
    .address_with_logo {
		width: 100%; 
		padding-left: 80px;
		position: relative;
		top:0;
		left:0;
		z-index: 10;
		text-align: left;
	}
    .address_with_logo #A4 {
		position: absolute;
		top:0;
		left:0;
		z-index: 20;
		line-height: 36px;
		padding: 0 10px;
	}
	.nainkantelen {
	width: 100%;
	position: relative;
	text-align: left;
background-color: #F16C0A;
height: 60px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin-bottom: 10px;
	}

	.nainkantelen span h3{
	position: relative;
	display: inline;
color: #FFF;
z-index: 10;
top: 7px;
left: 15px;
text-transform: uppercase;
font-size: 16px;
font-weight: normal;
line-height: 22px;
	}
	
	.nainkantelen p{
	width: 100%;
	padding: 0;
	position: absolute;
top: 0;
z-index: 5;	
	display: block;
	}
	
	.nainkantelen a {
	width: 100%;
	padding: 30px 10px 10px 15px;
	position: absolute; top: 0; z-index: 20;	
color: #FFF;
	display: block;
-webkit-border-radius: 4px;
border-radius: 4px;
	}
	
	.nainkantelen a:hover {
		text-decoration: none;
		background-color: #E26000;
	}
/* ################################################################################ */    
/* ######### BUTTON Classes ####################################################### */
/* ################################################################################ */
.buttonHolder 
{
    clear:both;
    display: inline;
    float:left;
    border-top: 1px solid #e0e0e0;
    padding: 10px 0px;
    width: 100%;
    margin-top: 10px;
    text-align: right;
}
.basicButton
{
    margin: 3px;
    padding: 4px 10px;
    font-size: 1.1em; 
	background: #999ec8;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #666da7;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
    box-shadow: 1px 1px 3px #ccc; /* CSS3 */
    -moz-box-shadow: 1px 1px 3px #ccc; /* for Firefox */
    -webkit-box-shadow: 1px 1px 3px #ccc; /* for Safari */
    cursor: pointer;
    font-family: Arial, Sans-Serif;
}
a[disabled].basicButton {
	border: 1px solid #999;
	background-color: #ddd;
	font-weight:normal;
}
a[disabled].basicButton:hover {
	
	/* background-color: white; */
	background-color: #ddd;
	text-decoration:none;
	cursor:default;
}
.basicButton:hover { text-decoration: underline; background-color: #777eb2; }
.basicButton:disabled { background: #e2e4f1; }

a.basicButton
{
	color: #FFF;
	font-weight: bold;
    line-height: 20px;
    display:inline;
}
a.basicButton:hover
{
	background: #8FAF36;
}

.kantelunosto {
position: absolute;
top:-80px;
right: -20px;
z-index:900;
}

.kantelunosto a {
	background-color: #E41A1A;
	color: #fff;
	text-transform: uppercase;
	vertical-align:  center;
	text-align:center;
	font-size: 13px;
	font-weight: normal;
	font-weight: bold;
	line-height: 18px;
	position:relative;
	display: block;
	width: 90px;
	height: 90px;
	padding: 15px;
	border:2px solid #E41A1A;
    border-radius: 45px; /* CSS3 */
    -moz-border-radius: 45px; /* for Firefox */
    -webkit-border-radius: 45px; /* for Safari */
	margin-bottom: 25px;
}
.kantelunosto a:hover {
	text-decoration: none;
	-webkit-box-shadow: 0 0 10px 0 rgba(30,30,30,0.4);
box-shadow: 0 0 10px 0 rgba(30,30,30,0.4);
border:2px solid #CF0000;
}

/*###  GENERAL CONTENT  ##################################*/

.content h1 { border-bottom: solid 1px #8CAB38; clear:both; display: block; }

.midColumn p[style]
{
    font-size:13px;
    line-height:20px;
    padding: 0 0 1.25em 0;
    text-align:left;
}

.midColumn h2 
{
    margin: 0px 0px 10px 0px;  border-bottom: 1px dotted #E26000; 
   
	text-transform: uppercase;
	font-size: 22px;
	font-weight: normal;
	line-height: 32px;
	padding: 0;
}

.midColumn h3, .midColumn h4, .midColumn h5, .midColumn h6
{
    padding: 10px 0px 5px 0px;    
}


/*########################################################*/
/*###  DECISION PAGE  ####################################*/

.decisionPage h2, .extranetContent h2
{
    margin: 0px 0px 0px 0px; color: #E26000;border-bottom: 1px solid #E26000; 
    line-height:20px; padding: 0px; text-transform: uppercase;
}
.extranetContent h2 {
	color: #E41A1A;border-bottom: 1px solid #E41A1A; 
    font-size: 22px;
    font-weight: 600;
    line-height: 32px;
}
.decisionPage h2.vap,
.decisionPage h2.jsn,
.decisionPage h2.lau,
.decisionPage h2.lan,
.decisionPage h2.huo {
	color: #669933;
	font-size: 22px;
	font-size: 22px;
	font-weight: 600;
	line-height: 32px;
	border-bottom-color:  #669933;
}

.decisionPage h2.lan,
.decisionPage h2.huo
{
	color: #E41A1A;
}

.decisionPage h2.jsn,
.decisionPage h2.lau
{
	color: #00529C;
	border-bottom-color: #00529C;
}
.decisionPage h3 { font-size: 16px; padding: 5px 0px 5px 0px; border: none; color: #464646;  }
.decisionPage p.defendant, .decisionPage p.decisionCause2, .decisionPage p.decisionDate, .decisionViewData  { font-size: 12px; margin: 3px 0px 0px 0px; padding: 0px; color: #868fb0; color: #464646; line-height: 16px;   }
.decisionPage p.decisionDate { margin: 3px 0px 10px 0px;  }

.decisionViewData { margin-top: 20px; color: #464646; }


/*########################################################*/
/*###  EXTRANET  #########################################*/

.extranetContent .printHolder {
    margin: 0px; padding: 0px 0px; text-align: right; float: right;
}
.extranetContent .printHolder a.print {
    margin: 0px; padding-right: 0;
}


/*########################################################*/
/*###  SIDEBAR MODULES  ##################################*/
.search-container { position:relative; margin-top:14px;} 
/* SEARCH BLOCK */
.searchBlock { clear: both; 
width: 100%;
padding: 0px 0 25px 0; position: relative;}
.searchBlock .basicButton { float: right; margin: 0px; clear: right; }
.searchBlock input[type=text] { float: left; clear: left; min-height: 42px; padding: 0px 40px 0 5px; width: 100%;  font-size: 16px; }
.searchBlock input[type=image] {position: absolute; top: 0; right: 0; background-color: #F16C0A;  background-color: #E41A1A;
 padding: 2px; height: 42px; width: 42px; -webkit-border-radius: 3px; border-radius: 3px;  }

.searchBlock input[type=image]:hover { background-color: #EC6501; }

.bubbleInfo { position: absolute; top: 7px; right: 30px; }
.trigger { font-size: 10px; line-height:20px; vertical-align: top;}
.popup {
    position: absolute;
    display: none; /* keeps the popup hidden if no JS available */
    z-index: 900;
    -moz-border-radius:4px; /* for Firefox */
    -webkit-border-radius:4px; /* for Safari */
	border-radius: 4px;
	border: 1px solid #BBB; background-color: #f9f9f9;
	padding:8px; width: 150px;
	font-size: 10px; line-height:15px; color: #111;
}

/* CAROUSEL */
.carousel { float:left; display: inline; clear:both; background-color: White; margin: 3px 0px 0px 0px; padding: 5px 2px 5px 5px; width: 217px;
    -moz-border-radius:4px; /* for Firefox */
    -webkit-border-radius:4px; /* for Safari */
	border-radius: 4px;
	position: relative;
	height: 100px; 
}
ul.slideshow { height: 80px; width: 216px; margin: auto; float: left; position: absolute; top: 5;}
ul.slideshow li { margin:0px; list-style: none; }
ul.slideshow li img { float:left; display: inline; padding: 2px; margin:0px; border: 1px solid #ccc; background-color: #eee; 
    -moz-border-radius:4px; /* for Firefox */
    -webkit-border-radius:4px; /* for Safari */
	border-radius: 4px;
}
ul.slideshow li .name, ul.slideshow li .title { float:right; display: inline; font-size:11px; clear:right; margin-left: 4px; width:126px; line-height:14px; color: #646464; }
ul.slideshow li .name { font-weight: bold; line-height: 16px; color: #333; }

#slide_nav { width: 216px; float:right; display: inline; clear:both; position: absolute; bottom: 0; }
#slide_nav a { text-decoration: none; margin: 0 1px; padding: 2px 5px; font-size:8px; color: #50b8cc;
               background: white url("Images/bg_carousel_link.png" ) no-repeat center center; }
#slide_nav a.activeSlide { background: white url("Images/bg_carousel_link_on.png" ) no-repeat center center; }
#slide_nav a:hover { background: white url("Images/bg_carousel_link_over.png" ) no-repeat center center; }
#slide_nav a:focus { outline: none; }

table.neuvoston_jasenet tbody tr td
{
    padding: 10px 15px 5px 0px;
}
table.neuvoston_jasenet tbody tr td img
{
    border: 1px solid #ccc;
    padding: 2px; margin:0px; 
    background-color: #eee; 
    -moz-border-radius:4px; /* for Firefox */
    -webkit-border-radius:4px; /* for Safari */
	border-radius: 4px;
}


/*  */


div.logout {float:right;}
span.logout {color:#444;}
span.logout a {color:#444;}

span.decisionIngress { font-style: normal; font-weight: normal; clear: both; display: block; }


ul.errorMessages {
    color: Red; 
     list-style-type: none;
    padding: 0px 0px 20px 0px;
}
ul.errorMessages li {
    -webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	border: 1px solid red;
	padding: 10px;
	margin: 5px;
}
.padHor { padding: 0px 10px; }

.readonlyInput
{
	background: white;
	border: none;
}
.readonlyInput:focus
{
	background: white;
}

/* Login, Generic Error Page, Page Not Found  */
input.customerLogin 
{
	background:url(images/bg_customerLoginSubmit.png) no-repeat scroll left top transparent;
	border:medium none;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	height:31px;
	line-height:24px;
	padding:0 25px 3px 15px;
	text-align:left;
	width:128px;
	cursor: pointer;	
}
.customerLoginContainer
{
    background: #e2e4f1;
	width:250px;
	margin: 0 auto;
	padding:30px;
    border: 1px solid #545d9e;
}
.customerLoginContainer h3 { color: #545d9e; }

div.loginPageLogoContainer1
{
	background: url(images/JSN-logo.gif) top left no-repeat;
	width:94px;
	height:92px;
	float:left;
	clear: none;
}
#bannerit 
{
    padding: 15px;
}

.btn-place-holder { float: right; }
.btn-place-holder-hi { float: right; padding-bottom:10px; }

.linkEdit { }

.selectedRow
{
	background-color: #e2e4f1;
}
.date
{
	color: #AAA;
}
ul.ui-autocomplete 
{
	max-height:400px;
	overflow:auto;
}


.extranetContent, .printableContent { text-align: left;}
.extranetContent h2, .printableContent h2 {}
.extranetContent h3, .printableContent h3 { padding: 15px 0 5px 0; }
.extranetContent .complaint-field, .printableContent .complaint-field { padding: 3px 0px; font-size: 12pt; line-height: 18pt; }
.extranetContent .complaint-checkboxfield, .printableContent .complaint-checkboxfield {}

.extranetContent .complaint-field label, .extranetContent .complaint-checkboxfield label,
.printableContent .complaint-field label, .printableContent .complaint-checkboxfield label
{ color: #333; float: none; text-align: left; font-size: 10pt; line-height: 14px; height: auto; }
.extranetContent .complaint-field .complaint-textbox, .extranetContent .complaint-checkboxfield .complaint-checkbox,
.printableContent .complaint-field .complaint-textbox, .printableContent .complaint-checkboxfield .complaint-checkbox { padding: 0px 0 8px 0;}
.extranetContent .complaint-field .complaint-textbox span.complaint-address,
.printableContent .complaint-field .complaint-textbox span.complaint-address { padding-right: 10px; }
.extranetContent .complaint-field .complaint-textbox span,
.printableContent .complaint-field .complaint-textbox span { padding-right: 5px; }


fieldset.languageEditor 
{
    margin: 20px 0px; padding: 15px; border: 1px solid #ccc; 
    border-radius: 4px; /* CSS3 */
    -moz-border-radius: 4px; /* for Firefox */
    -webkit-border-radius: 4px; /* for Safari */
}
fieldset.languageEditor label { float: none; display: inline; }
fieldset.languageEditor legend { color: #446380; }
fieldset.languageEditor input[type=text] { padding: 5px; }

a.current
{
    background: #E7E8FC;
    color: #000000 !important;
    padding-left:3px;
    padding-right:3px;
}
/*#### Extranet ########################*/

.cStyle1-2016 .columnList input[type="text"]  {
	    float: left;
    clear: left;
    min-height: 32px;
    padding: 0px 0px 0 5px;
    width: 170px;
    font-size: 16px;
}

.cStyle1-2016 .columnList input[type="image"]  {
    background-color: #E41A1A;
    padding: 2px;
    height: 32px;
    width: 32px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
/*#### donut chart ################### */
#piechart {
	display: inline;
	float: right;
	margin-right: 60px;
}
#piechart .tooltip{
position: absolute;	
  text-align: center;	
  width: auto;	
  height: 38px;		
  padding: 5px 8px;	
  line-height: 14px;
  background-color: #222;	
  border: 0px;					
  border-radius: 3px;
  color: #222;
  box-shadow: -3px 3px 15px rgba(20,20,20,0.7);
  opacity:0;	
font-size: 11px;
font-family: arial, sans-serif;
}

#piechart .donut-total-title {
	font-size: 14px;
	font-weight: normal;
	fill: #222;
}

#piechart .donut-total {
	font-size: 48px;
	font-weight: bold;
	fill: #008DA9;
}
#piechart .title { text-align: center; }



/*#### grouped bar chart ################### */

#diagram {
	display: inline-block;
	float: left;
	width: 550px;
	margin-right: 50px;
	padding:0;
}
#groupedbarchart text { font-size: 10px; fill: #444;}
.axis path,
.axis line {
  fill: none;
  stroke: #999;
  shape-rendering: crispEdges;
}

.bar {
  fill: steelblue;
}

.x.axis path {
  fill: none;
  stroke: #999;
  shape-rendering: crispEdges;
}