/* Viestintävirasto
- Sähköiset palvelut 2010
--------------------------------------- */

html, body
{
  height: 100%;
}

body
{
  background-color: #026273;  
  margin: 0px auto;
  text-align: center;
  font-family: Open Sans;
  font-size: 11px;
}

h1 {
  font-family: Montserrat;
  font-size: 2.67em;
  font-weight: 600;
  line-height: 1.2em;
  letter-spacing: -0.02em;
  color: #1C1C1C;
}

h2 {
  font-family: Montserrat;
  font-size: 1.89em;
  font-weight: 600;
  line-height: 1.5em;
  letter-spacing: -0.01em;
  color: #1C1C1C;
}

h3 {
  font-family: Montserrat;
  font-size: 1.33em;
  font-weight: 600;
  line-height: 1.5em;
  color: #1C1C1C;
}

h4 {
  font-family: Montserrat;
  font-size: 1em;
  font-weight: 600;
  line-height: 1.5em;
}

.ficoraproxycontent h1
{
  border-top: 1px solid #9c9c9c;
  border-bottom: 1px solid #9c9c9c;
  padding: 8px 0 12px 0;
  margin: 3px 0 15px 0;
}

.ficoraproxycontent h2
{
  margin: 0 0 10px 0;
}

.ficoraproxycontent h3
{
  margin: 0 0 5px 0;
}

.ficoraproxycontent h4
{
  padding: 0 0 6px 0px;
}

.ficoraproxycontent h4.underline
{
  border-bottom: 1px solid #9c9c9c;
  margin: 20px 0 10px 0;
  width: 400px;
}

.ficoraproxycontent a, .ficoraproxycontent #breadcrumbs a.BreadCrumbLink
{
  /* font-size: 11px; */
  color: #002C74;
  text-decoration: underline;
}



#breadcrumbs.ficoraproxycontent
{
  height: 33px;
}

#breadcrumbs.ficoraproxycontent p
{
  padding: 7px 15px 0 0 !important;
  margin: 0 !important;
}


.ficoraproxycontent p
{
  font-size: 11px;
  line-height: 1.8em;
  margin: 0 0 20px 0;
}

.ficoraproxycontent p.alert
{
  color: #cc0000;
}

.ficoraproxycontent p.buttons
{
  text-align: right;
  padding: 0 185px 0 0;
}

.ficoraproxycontent .selectbutton
{
font-size: 11px;
font-weight: bold;
text-transform: uppercase; 
padding: 5px;
margin-right: 10px;
border: none;
color: white;
background-color: #004185;
background-image:url('/images/button_bg.png');
/* proprietary */
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius:10px;
/*
behavior:url(/css/border-radius.htc);
*/
}

.ficoraproxycontent p.note
{
  font-style: italic;
}

.ficoraproxycontent strong.alert
{
  font-weight: bold;
  color: #cc0000;
}

.ficoraproxycontent li
{
  font-size: 1.1em;
  padding: 0 0 5px 0;
}

.ficoraproxycontent table.borders
{
  border-top: 1px solid #9c9c9c; /* border-bottom: 1px solid #9c9c9c; */
  margin: 0 0 20px 0;
  padding: 5px 0 0 0;
}

.ficoraproxycontent form
{
  position: relative;
}

.ficoraproxycontent form p
{
  padding: 0;
  margin: 0;
}

.ficoraproxycontent form caption
{
  display: block;
  font-size: 1.5em;
  font-weight: bold;
}

.ficoraproxycontent form th
{
  font-weight: bold;
  padding: 26px 0 0 0;
  font-size: 1.1em;
  vertical-align: middle;
}

.ficoraproxycontent form td.multiline
{
  vertical-align: bottom;
}

.ficoraproxycontent form td
{
  padding: 16px 20px 0 0;
  font-size: 1.1em;
  vertical-align: middle;
}

.ficoraproxycontent form td.multiline
{
  vertical-align: top;
}

.ficoraproxycontent caption
{
  /*  white-space: nowrap; */
  display: block;
  font-size: 1.5em;
  font-weight: bold;
  padding: 0 0 20px 0;
  line-height: 20px;
}

.ficoraproxycontent th
{
  font-weight: bold;
  font-size: 1.1em;
  padding: 0 20px 10px 0px;
}

.ficoraproxycontent td
{
  font-size: 1.1em;
  padding: 5px 20px 5px 0px; /* border: 1px solid #000; */
}

.ficoraproxycontent tr.underline td
{
  border-bottom: 1px solid #9c9c9c;
}

.ficoraproxycontent tr.underline th
{
  border-bottom: 1px solid #9c9c9c;
}

.ficoraproxycontent tr
{
}

.ficoraproxycontent tr.first
{
}

.ficoraproxycontent tr.last
{
  border: 1px solid red;
}

.ficoraproxycontent tr.paired
{
  background: #f2f2f2;
}

.ficoraproxycontent input.text
{
  width: 200px;
  font-size: 11px;
  padding: 3px 4px;
}

.ficoraproxycontent span.bold
{
  font-weight: bold;
}

.ficoraproxycontent span.gray
{
  color: #666;
}

.ficoraproxycontent img.alert
{
  margin: 0 0 0 -6px;
}

.ficoraproxycontent div.highlight
{
  padding: 15px 0;
  width: 270px;
  border-top: 1px solid #9c9c9c;
  border-bottom: 1px solid #9c9c9c;
}

.ficoraproxycontent div.faketable a
{
  display: block;
  clear: both;
  font-size: 1.1em;
  text-decoration: none;
  overflow: auto;
}

.ficoraproxycontent div.faketable a:hover
{
  background: #ffd97b;
}

.ficoraproxycontent div.faketable .paired
{
  background: #f2f2f2;
}

.ficoraproxycontent div.faketable span
{
  float: left;
  width: 120px;
  padding: 5px 0 5px 1px;
}

.ficoraproxycontent div.faketable span.col1
{
  display: block;
}

.ficoraproxycontent div.faketable span.col2
{
  display: block;
}

.ficoraproxycontent div.faketable span.col3
{
  display: block;
}

.ficoraproxycontent div.faketable span.col4
{
  display: block;
}

.ficoraproxycontent div.faketh span
{
  text-decoration: none;
  font-size: 1.1em;
  font-weight: bold;
}

.ficoraproxycontent div.faketh span.col1
{
  text-decoration: none;
}


.ficoraproxycontent :focus
{
  background: #f2f2f2;
}


.ficoraproxycontent .hide, .ficoraproxycontent .hidden
{
  display: none;
}

/* layout boxes */

div.ficoraproxycontent
{
}

div#footer
{
  vertical-align: middle;
}

.ficoraproxycontent form#MainForm
{
  height: 100%;
}


/*** DefaultTemplate ***/
#widewrapper #widecontent #widemain
{
  width: 740px;
  padding: 10px 30px 0 30px;
}
#widewrapper
{
  width: 872px;
  margin: 0 auto;
}
#widecontent
{
  text-align: left;
  width: 800px;
  position: relative;
  height: auto !important;
  height: 100%;
  margin: 0 auto 25px auto; /* the bottom margin = footer's height */
}
#footer
{
  background-color: #026273;
  border-top: 12px solid #159637;
  height: 300px;
  clear: both;
  text-align: left;
  vertical-align: bottom;
  width: 100%;
  position:relative;
  margin: 0 auto;
}
#footer div.push
{
  height: 300px; /* must be same to footer height */
  clear: both;
}

#footer p
{    
  color: #fff;  
  margin: 20px 0 20px 220px;
}

#footer #streetaddress {
  color: #fff;
  margin-top: 35px;
}

#footer p a:link, #footer p a:visited {
 color: #fff; 
 text-decoration:none;
}

#footer #outsidelink {
  font-weight:bold;
}

#header
{
  height: 170px;
  background-color: #FFFFFF;
  border-bottom: 12px solid #0058B1;
}



/*** WideTemplate ***/
#widewrapper #widecontent #widemain
{
  padding: 10px 0px 25px 0px;
  width:75%; /*SEPPOK*/
}
#widewrapper
{
  width: 100%;
  background: white;
  margin: 0 auto;
  min-width: 1244px !important
}
#wideheader
{
  height: 122px;
}
#widecontent
{
  width: 100%;
  text-align: left;
  height: 100%;
  margin: 0px auto 0px auto;
  clear: both;  
}
#widecontent #signin.logged
{
  text-align: right;
}
#widemain
{
  background: transparent;  
  margin-left:auto;
  margin-right:auto;
  background-color: white;
  height:100%;
}
#widefooter
{
  width: 100%;
  background: #ddd url('../images/footer_bg.png') repeat-x;
  height: 37px;
  text-align: left;
  vertical-align: middle;
  margin: 0px auto;
  clear: both;
}
#widefooter p
{
  color: #fff;
  padding: 12px 30px;
  white-space: nowrap;
  margin: 0px;
}

#mainContent #MainMenu
{
  position: absolute;
  top: 111px;
  left: 30px;
  margin-bottom: 0;
}

.ficoraproxycontent p.title
{
  color: #fff;
  font-weight: bold;
}

.ficoraproxycontent a.logoimage
{
  position: relative;
  display: block;
  width: 230px;
  height: 62px;
  /*background: transparent url('../images/visa-logo.png') no-repeat;*/
  /*background: url('../images/vivi_sp_logo.png') no-repeat;*/
  background-position: center center;
  top: 31px;
  left: 3px;
  text-indent: -9999px;
}

.ficoraproxycontent .itemtable th
{
  padding: 3px 5px 3px 5px;
}

.ficoraproxycontent .itemtable td
{
  padding: 3px 5px 3px 5px;
}


/*** yläbannerin sisäänkirjautumislinkit ***/
.ficoraproxycontent #signin
{
  position: absolute;
  top: 20px;
  right: 5%;
}
.ficoraproxycontent #signin.logged
{
  position: absolute;
  top: 20px;
  left: 240px;
}
.ficoraproxycontent #signin.logged ul, #UserInfo #signin.logged ul
{
  display: none;
}
.ficoraproxycontent #signin ul
{
  margin-left: -8px;
}

/*
.ficoraproxycontent #signin li
{
  float: left;
}*/

.ficoraproxycontent #signin li a span
{
  font-size: 11px;
  font-weight: bold;
  /*text-transform: uppercase;*/
  color: #002C74;
  margin: 0;
  padding: 0;
  line-height: 2.0em;
}
.ficoraproxycontent #signin li a
{
  color: #002C74;
  margin: 0 8px;
  text-decoration:none;
}

.ficoraproxycontent #signin li a:hover
{
  color: #002C74;
  margin: 0 8px;
  text-decoration:underline;
}

.ficoraproxycontent #signin li b
{
  display:none;
}

.ficoraproxycontent #signin li::after
{
  content: ">";
}

.ficoraproxycontent #signin p.title
{
  font-size: 11px;
  margin: 0;
  line-height: 2.2em;
  font-weight: normal;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}
.ficoraproxycontent #signin p.title i
{
  font-weight: bold;
}
.ficoraproxycontent #signin p.content {
  color: #1C1C1C;
}
.ficoraproxycontent #signin p.content a
{
  color: #002C74;
}
.ficoraproxycontent #signin-button
{
  position: absolute;
  top: 33px;
  left: 442px;
}


/*** yläbannerin uloskirjautumislinkki ***/
.ficoraproxycontent #signin-stage
{
  position: absolute;
  top: 60px;
  right: 5%;
  text-align: right;
  white-space: nowrap;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}
.ficoraproxycontent #signout-button, .ficoraproxycontent .signout-button
{
  color: #fff;
  font-size: 1.1em;
  line-height: 1em;
  font-weight: bold;
}


/*** yläbannerin www.viestintävirasto.fi linkki ***/
.ficoraproxycontent #link
{
  position: absolute;
  top: 10px;
  right: 10px;
  text-align: right;
}
.ficoraproxycontent #link span
{
  display: block;
	float: left;
  color: #002C74;
  font-size: 11px;
  line-height: 17px;
}
.ficoraproxycontent #link span a
{
  color: #002C74;
  margin: 0 8px;
}


/*** yläbannerin kielivalintalinkit ***/
.ficoraproxycontent #lang
{
  position: absolute;
  top: 57px;
  right: 10px;
  text-align: right;
}
.ficoraproxycontent #lang span
{
  display: block;
	float: left;
  color: #002C74;
  font-size: 11px;
  line-height: 17px;
}
.ficoraproxycontent #lang span a
{
  color: #002C74;
  margin: 0 8px;
}

#UserInfo
{
  float: right;
  margin: 12px 25px 0 0;
  color: #fff;
  overflow: auto;
}

#UserInfo span {
  color: #1C1C1C;  
}
#UserInfo a
{
  color: #002C74;
}

#ShowCK a
{
  font-weight: bold;  
}

#signin p.title
{
  font-size: 1.0em;
}

#signin a.signout-button
{
  color: #002C74;
  text-decoration: none;
}

#signin a.signout-button, #UserInfo a.signout-button:active, #UserInfo a.signout-button:visited
{  
  border-bottom: 1px solid #002C74;
}

#signin a.signout-button:hover
{
  border-bottom: 3px double #002C74;
}

#Lang
{
  position:absolute;
  left: 50%;
  right:20%;
  top:54px;
}

#Lang .langLink a
{
  color: #002C74;
}

#Lang .langSeparator
{
  margin: 0 5px;
  color: #002C74;
}

#langfooter .langLink a,
#langfooter .langSeparator {
  color: #FFFFFF;
}

#ShowCK
{
  float: left;  
}

#mainContent #Updated
{
  float: Right;
  color: White;
  text-align: left;
  font-size: 0.8em;
  position: relative;
  top: -55px;
  margin-right: 30px;
}

#Updated span.text
{
  font-weight: bold;
}

#mainContent .headerSiteTitle 
{
  display: inline;
  letter-spacing: 0.8px;
}
#mainContent .headerVersionInfo
{
  display: inline;
  letter-spacing: 0.8px;
}

#LogoLink 
{ 
  left: 12%;
  position: relative;
  top: 44px;
  display: block;
  background-repeat: no-repeat;
  height: 76px;
  width: 266px;
  
}

#LogoLinkFooter 
{ 
  left: 12%;
  position: relative;
  bottom: 44px;
  display: block;
  background-repeat: no-repeat;
  height: 61px;
  width: 266px;
  top:10%;
  padding-bottom:10px;
  background-image: url('../images/Traficom_white.png'); 
  margin-left: -25px;
}

#FooterImg 
{
  background-image: url('../images/logo_inspecta.png');
  left: 13%;
  position: relative;  
  display: block;
  background-repeat: no-repeat;
  height:89px;
  width:180px;

}


.ficoraproxycontent #navi
{
  position: absolute;
  top: 132px;
  left: 17px;
}

.ficoraproxycontent #navi li
{
  float: left;
  margin: 0;
  padding: 0;
  height: 38px;
  margin: 0 0 0 -3px; /* this controls the space between navigation tab spaces */
  min-width: 50px;
  width: auto !important;
  width: 50px;
  cursor: pointer;
}

.ficoraproxycontent #navi a
{
  display: block;
  height: 38px;
  padding: 0 0 0 0;
  margin: 0;
  background: url('../images/navi_bg2.png') no-repeat -5px -38px;
  cursor: pointer;
  /*SeppoK*/
  text-decoration:none;
}

.ficoraproxycontent #navi a span
{
  display: block;
  font-family: Verdana, arial, sans-serif;
  font-weight: bold;
  font-size: 11px;
  text-decoration: none;
  text-transform: uppercase;
  padding: 18px 20px 0 5px;
  margin: 0 0 0 10px;
  height: 20px;
  background: url('../images/navi_bg2.png') no-repeat right -38px;
  color: #fff;
  white-space: nowrap;
  cursor: pointer;
}

.ficoraproxycontent #navi a:hover
{
  background: url('../images/navi_bg2.png') no-repeat -5px 0px;
  text-decoration: none;
}

.ficoraproxycontent #navi a.active
{
  background: url('../images/navi_bg2.png') no-repeat -5px 0px;
  text-decoration: none;
}

.ficoraproxycontent #navi a:hover span
{
  color: #000;
  background: url('../images/navi_bg2.png') no-repeat right 0px;
}

.ficoraproxycontent #navi a.active span
{
  color: #000;
  background: url('../images/navi_bg2.png') no-repeat right 0px;
}

.ficoraproxycontent #widemain
{
  /* background: transparent url('../images/body_bg.png') repeat-x bottom left; */
  padding: 4px 30px 0 30px; /* border: 1px dashed blue; */
}

.ficoraproxycontent #widemain #subnavi
{
  padding: 62px 0 0 0;
  font-family: arial;
  width: 180px;
  float: left;
}

.ficoraproxycontent #widemain #subnavi h2
{
  font-size: 1.5em;
  color: #0d3074;
  padding: 0 0 0 0;
}

.ficoraproxycontent #widemain #subnavi li
{
  padding: 0 0 8px 12px;
  font-size: 12px;
}

.ficoraproxycontent div.column-sub
{
  width: 550px;
  float: right;
}

.ficoraproxycontent div.column-left
{
  width: 410px;
  float: left;
}

.ficoraproxycontent div.column-right
{
  width: 260px;
  float: right;
}

.ficoraproxycontent div.column-leipis
{
  width: 640px;
}

.ficoraproxycontent div.column-right img
{
  float: right;
  padding: 0 0 10px 10px;
}

#popup-wrapper
{
  text-align: left;
  padding: 20px 30px;
  height: 100%;
}

#popup-footer
{
  position: absolute;
  bottom: 0;
  left: 0;
  background: #DDD url('../images/footer_bg.png') repeat-x;
  height: 37px;
  text-align: left;
  width: 100%;
  margin: 0 auto;
}

#popup-footer p
{
  color: #fff;
  padding: 9px 30px;
  margin: 0;
}



.ficoraproxycontent #LogInBtn
{
  position: absolute;
  top: 37px;
  left: 442px;
  width: 127px;
}

.indicatorvisible
{
  display: inherit;
}
.indicatorhidden
{
  display: none;
}
#ficoraprocessingindicator
{
  background-color: #bbbbbb;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px; /* for IE */
  filter: alpha(opacity=40); /* CSS3 standard */
  opacity: 0.5;
}
#ficoraprocessingindicator img
{
  position: absolute;
  top: 50%;
  margin-top: -100px;
  left: 50%;
  margin-left: -100px;
  width: 200px;
  height: 200px;
}
#ficorabusyindicator
{
  background-color: #bbbbbb;
  position: absolute;
  border-top: 2px black solid;
  border-bottom: 2px black solid;
  width: 80%;
  height: 135px;
  top: 280px;
  margin-top: -75px;
  margin-left: -30px; /* for IE */
  filter: alpha(opacity=30); /* CSS3 standard */
  opacity: 0.3;
}
#ficorabusyindicator img
{
  position: absolute;
  top: 50%;
  margin-top: -50px;
  left: 50%;
  margin-left: -50px;
  width: 100px;
  height: 100px;
}


/*** styles from layout_base.css ***/
.buttonnew {
	height: 30px;
	line-height: 30px;
	text-align: center;
	text-transform: uppercase;
	font-size: 1.1em; /* changed from original: 0.8em --> 1.1em */
	font-weight: bold;
	color: #ffffff !important;
	background-color: #0058B1;
	cursor: pointer;
}

.buttonnew {
	display: block;
	float: left;
	margin-right: 10px;
	padding: 0 20px;
}

.buttonnew:hover {
	text-decoration: none;
	background-color: #002C74;
}