/* MP: Osa tyyleistä teemaeditorista */

/*-----------------------------------------------
Index
-------------------------------------------------
	Global
	Layout
	Images
	Links
	Navigation
	Forms
        Misc
------------------------------------------------*/

/*-----------------------------------------------
Global
-----------------------------------------------*/

body { 
 margin:0; 
 padding:0;
 color:black;
 font-size:83%;
 line-height:100%;
 font-family: tahoma, verdana, arial, Sans-serif; 
 background:#ffffff;
}

img {
 border:0;
}

small {
 font-size:85%;
}

h1 { 
 font-family: trebuchet MS, tahoma, verdana, arial, Sans-serif; 
 font-size: 200%;
 line-height: 100%;
 font-weight:normal; 
 color:#000000;
 margin: 0 0 0.5em 0;
}


h2 { 
 font-family: trebuchet MS, tahoma, verdana, arial, Sans-serif;  
 font-size: 130%; 
 font-weight:normal; 
 color:#000000;
 line-height: 100%;
 margin: 1.5em 0 0.5em 0;
}

div#text-wrap p {
 margin: 0.3em 0 0.9em 0;
}


/*-----------------------------------------------
Layout
-----------------------------------------------*/

p.pager-wrapper {
 padding-top:1.2em;
 text-align:center;
}

div#header {
 border-bottom: 3px solid #000000;
 margin-bottom: 3px;
}

div#footer {
 color: #005099;
 border-top: 3px solid #000000;
 margin-top: 3px;
 padding: 10px 10px 40px 10px;
}

div#search-wrap {
 float: right;
 padding: 20px 10px 20px 10px;
}

table#container {
 width: 100%;
}

td#left-edge {
 background:#ff8200 top right no-repeat url(/img/layout/bg-left-edge.jpg);
 color: #ffffff;
 width:20%;
 vertical-align:top;
 text-align:right;
 padding: 15px 0px 30px 10px;
}

td#right-edge {
 background-color:#4a4a4a;
 background-position: top left;
 background-repeat:no-repeat;
 width:20%;
 vertical-align:top;
 text-align:left;
}

td#page-wrap {
 background:#ffffff bottom right no-repeat url(/img/layout/bg-right-column.gif);
 width: 60%;
 vertical-align:top;
 text-align:left;
 border-right: 3px solid #ffffff;
}

div#push {
 width: 600px;
 height: 1px;
}


div#text-wrap {
 padding: 20px 30px 50px 30px;
 margin-right: 190px;
 line-height:150%;
}

div#side-text-wrap {
 float:right;
 width: 170px;
 padding: 0 0 10px 0;
 background: #e1e2e3;
}


div.side-text-title {
 background: #c3c4c5;
 padding: 4px 20px;
 margin-bottom:15px;
}

div.side-text-title h2 {
 color: #ffffff;
 margin: 0px;
}

.top-line {
 border-top: 3px solid #ffffff;
}

/*-----Uutisnostot -----*/

div.newslift-wrap {
 position:relative;
 width:130px;
 min-height: 40px;
 margin-left:22px;
 padding-bottom: 10px;
}

div.pvm {
 position:absolute;
 left: -48px;
 width: 34px;
 background:#ff8200 bottom left repeat-x url(/img/layout/bg-button.gif);
 color: #ffffff;
 border: 2px solid #ffffff;
 padding: 5px 2px;
 font-family: impact, 'trebuchet MS', tahoma, verdana, arial, Sans-serif; 
 text-align:center;
}



/*----- Asiakaslista -----*/

div.clientlist-wrap {
 padding: 20px 130px 20px 0;
 border-width:0 0 1px 0;
 border-style:solid;
 border-color:#e1e2e3;
 position:relative;
 min-height:60px;
}

div.clientlist-wrap.first {
 border-width:1px 0;
}

div.clientlist-wrap.single {
 background-color:#f1f1f1;
}

div.clientlist-wrap h2, div#clientlift-container h2 {
 margin-top:0;
}

div.client-img-wrap {
 border:1px solid #9D9D9D;
 width:123px;
 height:58px;
 margin-bottom: 5px;
 background-color:white;
}

div.client-img-wrap.shadow {
 filter:progid:DXImageTransform.Microsoft.Shadow(color=#9f9f9f,direction=135,strength=3);
}

div.client-img-wrap.list {
 position:absolute;
 top:20;
 right:0;
}

div.client-img-wrap img { 
 width: 119px;
 height: 54px;
 display:block;
 border:2px solid white;
}

div#clientlift-container {
 padding: 5px 22px;
}

div.clientlift-wrap {
 padding-bottom: 10px;
}



/*-----Palvelunostot -----*/

table.liftlist-container {
 margin: 20px -4px 0 -4px;
}

td.liftlist-title {
 background:#ff8200 bottom left repeat-x url(/img/layout/bg-button.gif);
 color: #ffffff;
 font-family: trebuchet MS, tahoma, verdana, arial, Sans-serif;  
 font-weight: bold;
 font-size: 110%;
 line-height: 100%;
 padding: 4px 7px;
}


td.liftlist-img-wrap {
 width: 50%;
 height: 120px;
 border: 1px solid #e1e2e3;
 background-color:white;
 background-position:top left;
 background-repeat:no-repeat;
}


td.liftlist-wrap {
 border: 1px solid #e1e2e3;
 vertical-align:top;
 line-height: 100%;
 padding: 10px;
}


/*-----------------------------------------------
Images
-----------------------------------------------*/

img#logo {
 width: 235px;
 height: 41px;
 display:block;
 padding: 10px;
}

img#magnifier {
 width: 16px;
 height: 16px;
 vertical-align:middle;
}

img.square {
 width: 10px;
 height: 10px;
 margin-right: 5px;
}


img.logo-apprunner {
 width: 115px;
 height: 33px;
 margin: 20px 10px 10px 10px;
 display: block;
}

img.logo-siterunner {
 width: 51px;
 height: 60px;
 margin: 20px 10px 10px 10px;
 display: block;
}


/*-----------------------------------------------
Links
-----------------------------------------------*/

A, A:visited {  
  text-decoration: none;
}

A:hover {  
  text-decoration: underline;
}


/*-----------------------------------------------
Navigation
-----------------------------------------------*/

table#nav-wrapper {
 width:100%;
}

td.nav-container {
 padding: 10px 20px;
 font-family: trebuchet MS, tahoma, verdana, arial, Sans-serif; 
}


td.nav-container.level2 {padding-right:30px;}
td.nav-container.level3 {padding-right:40px;}
td.nav-container.level4 {padding-right:50px;}
td.nav-container.level5 {padding-right:60px;}


td.selected, td.nav-container:hover {
 background: right no-repeat url(/img/layout/bg-navi-akt.gif);
}


A.nav {
 text-decoration:none;
}

A.nav:visited { 
 text-decoration:none;
}

A.nav.selected, A.nav.selected:visited, A.nav:hover {
 text-decoration:none;

}

a.nav.level1 {
 text-transform: uppercase;
}

a.nav.level2, a.nav.level3, a.nav.level4  {
 text-decoration:none;
}

a.nav.level2:visited, a.nav.level3:visited, a.nav.level4:visited {
 text-decoration:none;
}

a.nav.level2.selected, a.nav.level3.selected, a.nav.level4.selected
 {
 text-decoration:none;
}

/*-----------------------------------------------
Forms
-----------------------------------------------*/


.button {
  font-family:Verdana,sans-serif;
  font-size: 85%;
}

#search-field {
 font-size: 85%;
 width: 125px;
 border: 1px solid #4a4a4a;
}


/*-----------------------------------------------
Misc
-----------------------------------------------*/

.pager-current {
 background: #ffffff;
}