/* In this file is css that is common for every masterpage */

html, body, form {
	margin: 0;
	padding: 0;
}

body 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 1em; */
	color: #000000;	
	text-align: center;
    background: url(../img/elementit/bodybg_slice.gif) top left repeat-x;
    background-color:#000F2D;
}

body a img, body a:hover img {
	border: none;
}

body a 
{
	color: #000000;
	text-decoration: underline;
}

body a:link	
{	
	color: #000000;
	text-decoration: none;
}	
		
body a:visited	
{	
	color: #000000;
	text-decoration: none;
}	
		
body a:active
{	
	color: #000000;
	text-decoration: none;
}	
		
body a:hover {
	color: #000000;
	text-decoration: none;
}

html>body h1, html>body h2, html>body h3, html>body h4 {
	margin:auto;
}

hr {	
	width: 100%;
	height: 1px;
}

table 
{
/*	font-size: 1em;*/
	color: #000000; 	
}

/* Set static page width */

#Container, #Header,#HeaderTopPart,#Columns1,#Columns2, #Footer   {
	width: 1000px!important;
}
/*
#HeaderChooseYourLanguage,  #HeaderMenuAndExtraLogin 
{
	width: 1000px;
}
*/

#Container 
{
	position: relative;
	display: block;
	margin-top: 0; 
	margin-right: auto; 
	margin-bottom: 0; 
	margin-left: auto;
	padding: 0;
	height: auto;
	text-align: left;
    background: url(../img/elementit/containerbg_slice.gif) top left repeat-y;
    /*font-size:11px;*/
}

html>body #Container {
	border-bottom: 1px transparent;	
}

/* This is needed for clearing floats  inside container */

#Container:after {
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}

#Header 
{
	position: relative;
	display: block;
    min-height: 170px;
	height: 170px;
    background: url(../img/elementit/stala-top.jpg) top left no-repeat;
}
html>body #Header  {height:auto;}

#HeaderTopPart
{
    display:block;
    position:relative;
    height:112px;
    
}
#HeaderChooseYourLanguage
{
    display:block;
    position:relative;
    line-height:30px;
    text-align:right;
	

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #B7C1CD!important;
    text-decoration:none!important;
}


#HeaderChooseYourLanguage a
{
	color: #B7C1CD!important;
    text-decoration:none!important;
}

#HeaderMenuAndExtraLogin
{
    display:block;
    position:relative;
    height:30px;
    background-color:Transparent;

}
#Menu1Holder
{
	position: relative;
	display: inline;
	float: left;	
    width:620px!important;
    background-color:transparent;
}
#ExtraLoginHolder
{
	position: relative;
	display: inline;
	float: left;	
    line-height:30px;
    width:370px;
    background-color:transparent;
}

#Footer {
	position: relative;
	display: block;
	clear: both;
    margin:3px 0 0 0;
	height: 50px;
    background: url(../img/elementit/footer_bg.gif) top left no-repeat;
}	

#CopyrightText
{
    position:absolute;
    top:12px;
    left:850px;
    margin:0;
    padding:0;
 
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #203558!important;
	text-decoration: none;
}



/* LOGO LINKS ON TOP */
.LogoLinkToFrontpage
{
    position:absolute;
    top:45px;
    left:30px;
}
.LogoLinkToProducts
{

    
    position:absolute;
    top:30px;
    left:750px;
}


/* Header Tables */
/* many types, right class is set with TypeOfBG property in StalaTube_HeaderBox.ascx */
.HeaderBoxTable
{
    margin:0;
    padding:0;
}
.HeaderBoxTableLink
{
    margin:0;
    padding:0;
    cursor:pointer;
}

.HeaderBoxTextType1
{
    display:block;
    margin:3px 0 0 3px;

    text-decoration:none;
    line-height:20px;
    vertical-align:middle;
}
.HeaderBoxTextType2
{
    display:block;
    margin:0 0 0 3px;

    text-decoration:none;
    line-height:20px;
    vertical-align:middle;
}

/* This is the one used in frontpage Level1 */
.BlueHeaderBoxTableTD1
{
    width:20px;
    height:30px;
    background: url(../img/HeaderTable/blueheadertable_left.gif) top left no-repeat;
}
.BlueHeaderBoxTableTD2
{
    background: url(../img/HeaderTable/blueheadertable_slice.gif) top left repeat-x;
}
.BlueHeaderBoxTableTD3
{
    width:10px;
    height:30px;
    background: url(../img/HeaderTable/blueheadertable_right.gif) top left no-repeat;
}
.BlueHeaderBoxTableTD4
{
    width:3px;
    height:30px;
    background: url(../img/HeaderTable/blueheadertable_right_last.gif) top left no-repeat;
}


/* This is the one used in frontpage Level2 C1 */
.FL2C1HeaderBoxTableTD1
{
    width:20px;
    height:30px;
    background: url(../img/HeaderTable/FL2C1headertable_left.gif) top left no-repeat;
}
.FL2C1HeaderBoxTableTD2
{
    background: url(../img/HeaderTable/FL2C1headertable_slice.gif) top left repeat-x;
}
.FL2C1HeaderBoxTableTD3
{
    width:10px;
    height:30px;
    background: url(../img/HeaderTable/FL2C1headertable_right.gif) top left no-repeat;
}
.FL2C1HeaderBoxTableTD4
{
    width:3px;
    height:30px;
    background:none;
}

/* This is the one used in frontpage Level2 C1 */
.FL2C2HeaderBoxTableTD1
{
    width:20px;
    height:30px;
    background: url(../img/HeaderTable/FL2C2headertable_left.gif) top left no-repeat;
}
.FL2C2HeaderBoxTableTD2
{
    background: url(../img/HeaderTable/FL2C2headertable_slice.gif) top left repeat-x;
}
.FL2C2HeaderBoxTableTD3
{
    width:10px;
    height:30px;
    background: url(../img/HeaderTable/FL2C2headertable_right.gif) top left no-repeat;
}
.FL2C2HeaderBoxTableTD4
{
    width:3px;
    height:30px;
    background:none;
}

/* This is the one used in prduct Level1 C1 */
.PL1C1HeaderBoxTableTD1
{
    width:20px;
    height:30px;
    background: url(../img/HeaderTable/PL1C1headertable_left.gif) top left no-repeat;
}
.PL1C1HeaderBoxTableTD2
{
    background: url(../img/HeaderTable/PL1C1headertable_slice.gif) top left repeat-x;
}
.PL1C1HeaderBoxTableTD3
{
    width:10px;
    height:30px;
    background: url(../img/HeaderTable/PL1C1headertable_right.gif) top left no-repeat;
}
.PL1C1HeaderBoxTableTD4
{
    width:3px;
    height:30px;
    background:none;
}



/* LOGIN FORM */
#StalaTubeLoginFormDiv
{
    margin:0;
    padding:0 14px 0 0;
    float:right;
}
#StalaTubeLoginFormTable
{
    line-height:30px;
    vertical-align:middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #a0b8c5;
}
#StalaTubeLoginFormTable span
{
    margin-right:2px;
}
.LoginTextBox
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-color: #AEBACA;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #455E7C;
	border-right-color: #455E7C;
	border-bottom-color: #D0D7DF;
	border-left-color: #D0D7DF;
    margin-right:10px;
}
#LoginButtonHolderLeft
{
    background: url(../img/Elementit/loginbutton_up.gif) 0px 6px no-repeat;
}


#LoginButtonHolderLeft a
{
    color:#CCDDE6;
    margin-right:0px;
}

#LoginButtonHolderLeft a:hover
{
    color:#A0B8C5;
    margin-right:0px;
}
#LoginButtonHolderRight
{
    background: url(../img/Elementit/loginbutton_right_up.gif) 0px 6px no-repeat;
    width:5px!important;
}


/* Bullet lists in content areas */
.Text ul
{
    margin:0;
    padding:0;
}
.Text ul li
{
    margin:0 0 0 0;
    padding:0;
}
.Text ul li div
{
    padding-left:9px;
    background: url(../img/elementit/graylinkbullet.gif) 0px 5px no-repeat;
}

.Text ul li div a
{
    text-decoration:none;
    color: #27466C!important;
}

.TextPienempi ul
{
    margin:0;
    padding:0;
}
.TextPienempi ul li
{
    margin:0 0 0 0;
    padding:0;
}
.TextPienempi ul li div
{
    padding-left:9px;
    background: url(../img/elementit/graylinkbullet.gif) 0px 5px no-repeat;
}
.TextPienempi ul li div a
{
    text-decoration:none;
    color: #27466C!important;
}


.TextBlack ul
{
    margin:0;
    padding:0;
}
.TextBlack ul li
{
   margin:0 0 0 0;
    padding:0;
}
.TextBlack ul li div
{
    padding-left:9px;
    background: url(../img/elementit/graylinkbullet.gif) 0px 5px no-repeat;
}
.TextBlack ul li div a
{
    text-decoration:none;
    color:black!important;
}

.TextBlackPienempi ul
{
    margin:0;
    padding:0;
}
.TextBlackPienempi ul li
{
   margin:0 0 0 0;
    padding:0;
}
.TextBlackPienempi ul li div
{
    padding-left:9px;
    background: url(../img/elementit/graylinkbullet.gif) 0px 5px no-repeat;
}
.TextBlackPienempi ul li div a
{
    text-decoration:none;
    color:black!important;
}


.TextBlackBigger ul
{
    margin:0;
    padding:0;
}
.TextBlackBigger ul li
{
    margin:0 0 0 0;
    padding:0;
}
.TextBlackBigger ul li div
{
    padding-left:9px;
    background: url(../img/elementit/graylinkbullet.gif) 0px 5px no-repeat;
}
.TextBlackBigger ul li div a
{
    text-decoration:none;
    color:black!important;
}



.resultheadertd
{
    font-weight:bold!important;
}