
/* In this file is css for frontpage.master */


#Columns1 {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	height: auto;
	background-color:Transparent;
}

#Columns2 {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	height: auto;
	background-color:Transparent;
}

/* This is needed for clearing floats  inside container */

#Columns1:after {
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}

#Columns2:after {
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}



/* LEVEL1 ja LEVEL2 vaihtaneet paikkojaan päittäin tässä uudessa etusivupohjassa */

/* LEVEL2 STARTS */

#Level2C1 {
	position: relative;
	display: inline;
	float: left;
    margin:3px 0 0 11px;	
    width:978px;
    background-color:#E8E8E8;
}
#SAContent1
{
    margin:0;
    padding:0;
    overflow:auto;
    background-color:transparent;
}

#Level2C2 {
	position: relative;
	display: inline;
	float: left;
    width:210px;
    height:369px;
 
    background: url(../img/elementit/frontpageL2C2_bg.gif) bottom right no-repeat;
    background-color:#CAD1D6;
    margin:3px 0 0 3px;	
}

/* LEVEL2 ENDS */


/* LEVEL1 STARTS */
#Level1C1 {
	position: relative;
	display: inline;
	float: left;
    height:193px;
	width: 265px;
    margin:1px 0 0 11px;
    background: url(../img/elementit/frontpageL1C1_bg.jpg) bottom right no-repeat;
    background-color:#C5D5E3;
}

#SAContent2
{
    margin:10px 0 0 22px;
    width:221px;
    height:145px;
    overflow:hidden;
    background-color:transparent;
}

#SAContent2 p
{
    margin:0;
    padding:0;
}
#SAHolder2
{
    margin:10px 0 0 22px;
    width:221px;
    height:145px;
    overflow:hidden;
    background-color:transparent;
}
#SAHolder2 p
{
    margin:0;
    padding:0;
}


#Level1C2 {
	position: relative;
	display: inline;
	float: left;
    height:193px;
	width: 301px;
	margin:3px 0 0 11px;
    background: url(../img/elementit/frontpageL1C2C3_bg.gif) bottom left repeat-x;
    background-color:#C5D5E3;

}

#Level1C3 {
	position: relative;
	display: inline;
	float: left;
    height:193px;
	width: 370px;
    margin:3px 0 0 3px;

    background: url(../img/elementit/frontpageL1C2C3_bg.gif) bottom left repeat-x;
    background-color:#C5D5E3;

}
#SAContent3
{
    margin:10px 0 0 22px;
    width:221px;
    height:145px;
    overflow:hidden;
    background-color:transparent;
}
#SAContent3 p
{
    margin:0;
    padding:0;
}
#SAContent3 a
{ font-size: 10px!important; }

#SAHolder3
{
    margin:10px 0 0 22px;
    width:221px;
    height:145px;
    overflow:hidden;
    background-color:transparent;
}
#SAHolder3 p
{
    margin:0;
    padding:0;
}
#SAHolder3 a
{ font-size: 10px!important; }

#Level1C4 {
	position: relative;
	display: inline;
	float: left;
	width: 300px;
    height:193px;
    margin:3px 0 0 3px;
    background: url(../img/elementit/frontpageL1C4_bg_3.jpg) bottom left no-repeat;
    background-color:#C5D5E3;
}


#SAContent4
{
    margin:58px 0 0 30px;
    width:120px;
    height:97px;
    overflow:hidden;
    background-color:transparent;
}
#SAContent4 p
{
    margin:0;
    padding:0;
}
#SAHolder4
{
    margin:58px 0 0 30px;
    width:120px;
    height:97px;
    overflow:hidden;
    background-color:transparent;
}
#SAHolder4 p,
#SAHolder5 p
{
    margin:0;
    padding:0;
    
}


/* LEVEL1 ENDS */


/* Frontpage NOSTO Panel */
.FrontpageNostoPanel
{
    margin:2px 0 0 4px;
    padding:0!important;
    width:758px;
    height:330px;
    background-color:transparent;
    overflow:hidden;
}


/* Contact MAP */
.ContactMapPanel
{
    display:block;
    position:relative;
    width:253px; /*265px;*/
    height:146px; /*160px;*/
    margin:5px 0 0 3px;
    padding:0;
    overflow:hidden;
}
.ContactMapPanelLink
{
    display:block;
    position:relative;
    width:253px; /*265px;*/
    height:146px; /*160px;*/
    margin:5px 0 0 3px;
    padding:0;
    cursor:pointer;
}

#ContactData
{
    position:absolute;
    top:45px;
    left:70px;
    font-size:9px;
}
.Ink
{
    position:absolute;
    display:block;
    width:5px;
    height:5px;
    top:0;
    left:0;
    background-color:Red;
}





/* Value Graph MAP */
.ValueGraphPanel
{
    display:block;
    position:relative;
    margin:5px 0 0 10px;
    padding:0;
}

/* NOSTO */
.FrontpageNostoText
{
    width: 400px; /*295px;*/
    height:330px;
    margin:0 0 0 20px;
    padding:0;
    background-color:transparent;
}
#FrontpageNostoContent
{
    margin:0 0 0 0;
    padding:10px 0 0 0;
    width: 380px;/*275px;*/
    height:320px;
    overflow:hidden;
}

.FrontpageNostoPictureLink
{
    position:absolute;
    display:block;
    width:430px;
    height:320px;
    top:35px;
    left:330px;
}



/* Feedback form stuff */
.FeedbackPanel
{
	position: relative;
    display:block;
    width:395px;
    height:330px!important;
    margin:5px 0 0 22px;
    padding:0;
    
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 	
    overflow:hidden;
}

.FeedbackTextBox
{
    display:block;
    width:385px;
    margin:0 0 10px 0;
    /*line-height:20px;*/

    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 	
    color:black!important;
}

.FeedbackTextLabel
{
    
    font-size:13px;
    
}

.FeedbackSelite
{
    position:absolute;
    top:50px;
    left:430px;
    width:310px;
    background-color:transparent;

    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; 
}



/* SEARCH */
#SearchPanelFormDiv
{
    display:block;
    position:relative;
    margin:10px 0 0 22px;

    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; 
    color:#393939;
    font-weight:bold;
}
#SearchPanelFormValidator
{
    display:block;
    position:relative;
    height:20px;
    margin:5px 0 0 0;
}
.SearchTextBox
{
    width:210px;
    
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; 
    color:#393939;
    font-weight:normal;
    
}

#SearchPanelResultDiv
{
    display:block;
    position:relative;
    margin:5px 0 0 60px;

    width:650px;
    height:245px;

    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px!important; 
    color:#393939;

    overflow:hidden;
}

#SearchPanelResultDiv h3
{
	font-size: 11px!important; 
    margin:5px 0 0 0;
    padding:0;
}


#SearchPanelResultDiv h3 a
{
    font-weight:normal;
    color:#1344CE!important;
    text-decoration:underline!important;
}

#SearchPanelResultDiv div
{
	font-size: 11px!important; 
    margin:0;
    padding:0;
    line-height:15px;
    overflow:hidden;
}

#SearchPanelResultDiv small
{
    display:none;
}
.VS2007_Size 
{
    display:none;
}


#ResultSet1
{
    display:block;
    position:relative;
    padding:0;
    margin:0;
    line-height:14px;
}

.ResultSetDiv
{
    display:block;
    position:relative;
    padding:0;
    margin:0;
    line-height:14px;
}

.ResultSetDiv div div
{
    display:block;
    position:relative;
    padding:0;
    margin:0;
    line-height:14px;
    height:30px;
}

#ResultPageHopperDiv
{
    position:absolute;
    display:block;
    top:230px;
    left:0px;
}
