body {
	background-image: url(http://trentom.eu/themes/trentom/images/header_bg.png);
	background-repeat: repeat-x;
}

/* Navigation bar stripe */

#main_navi {
	margin-top: 9em;
	-moz-box-shadow: 0px 0px 0px #222;
	-webkit-box-shadow: 2px 2px 1px #222;
    box-shadow: 0px 0px 0px #222;
	-moz-border-radius: 6px;        
    -webkit-border-radius: 6px;
    border-radius: 6px;
	border: solid 1px #a5a4a3;
/*	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eae9e8', endColorstr='#cac9c8'); for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#eae9e8), to(#cac9c8)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #eae9e8,  #cac9c8); /* for firefox 3.6+ */
    padding-left: 0.5em;
    padding-right: 0.5em;
    height: 36px;
	behavior: url(http://trentom.eu/themes/trentom/css/PIE.htc);



}

#main_navi div {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eae9e8', endColorstr='#cac9c8'); /*  for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#eae9e8), to(#cac9c8)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #eae9e8,  #cac9c8); /* for firefox 3.6+ */
	float: left;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border-right: 1px solid #a9a9a8;
	behavior: url(http://trentom.eu/themes/trentom/css/PIE.htc);
    
}

#main_navi div:hover {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efeeed', endColorstr='#d6d5d4'); /*  for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#efeeed), to(#d6d5d4)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #efeeed,  #d6d5d4); /* for firefox 3.6+ */
	behavior: url(http://trentom.eu/themes/trentom/css/PIE.htc);

    
}
#main_navi div:active {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cac9c8', endColorstr='#eae9e8'); /*  for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#cac9c8), to(#eae9e8)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #cac9c8,  #eae9e8); /* for firefox 3.6+ */
	behavior: url(http://trentom.eu/themes/trentom/css/PIE.htc);

    
}

#main_navi div:last-child {
	border: none;

}
#main_navi a {
	color: #363636;
	text-decoration: none;
	font-size: 1.3em;
	line-height: 36px;
}


.box {
	background-color: white;
}

.tcenter {
	text-align: center;
}
#tooltip {
    padding: 5px 10px;
    background: white;
    border: 1px solid grey;
    opacity: 0.90;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    behavior: url(http://trentom.eu/themes/trentom/css/PIE.htc);
}
.bgt {
	background-color: fuchsia;
}
#pages div:first-child {
	margin-top: 0em;
	}
/* main vertical scroll */
#main {
	position: relative;
	overflow: hidden;
	height: 450px;
}
/* root element for pages */
#pages {
	position: absolute;
	height: 20000em;
}	
.page {
	height: 450px;
	margin-top: 1.5em;
}

/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#FFF;
	
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
	behavior: url(http://trentom.eu/themes/trentom/css/PIE.htc);
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(http://trentom.eu/themes/trentom/images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}
/*Hinnapakkumise formi linnud */
.checkboxPair {
	margin: 0px;
	padding: 0px;
	border: 1px dotted red;
	border: 1px dotted red;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	behavior: url(http://trentom.eu/themes/trentom/css/PIE.htc);
	}
	
.checkboxList .Paremesituli {
	position: absolute;
	left: 290px;
	top: 188px;		
}	
.checkboxList .Vasakesituli {
	position: absolute;
	left: 390px;
	top: 188px;		
}	
.checkboxList .Esistange {
	position: absolute;
	left: 340px;
	top: 208px;		
}
.checkboxList .Vasaktagatuli {
	position: absolute;
	left: 290px;
	top: 345px;		
}	
.checkboxList .Paremtagatuli{
	position: absolute;
	left: 390px;
	top: 345px;		
}	
.checkboxList .Tagastange {
	position: absolute;
	left: 340px;
	top: 372px;		
}	
.checkboxList .Paremtagumineaken {
	position: absolute;
	left: 525px;
	top: 130px;		
}	
.checkboxList .Paremesimeneaken {
	position: absolute;
	left: 575px;
	top: 130px;		
}
.checkboxList .Paremtagumineuks {
	position: absolute;
	left: 525px;
	top: 158px;		
}	
.checkboxList .Paremesimeneuks {
	position: absolute;
	left: 575px;
	top: 158px;		
}
.checkboxList .Paremküljekarp {
	position: absolute;
	left: 553px;
	top: 185px;		
}
.checkboxList .Parempeegel {
	position: absolute;
	left: 255px;
	top: 148px;		
}
.checkboxList .Vasakpeegel {
	position: absolute;
	left: 425px;
	top: 148px;		
}	
.checkboxList .Paremtagatiib {
	position: absolute;
	left: 480px;
	top: 148px;		
}		
.checkboxList .Paremesitiib {
	position: absolute;
	left: 665px;
	top: 158px;		
}
.checkboxList .Vasakesimeneaken {
	position: absolute;
	left: 560px;
	top: 355px;		
}	
.checkboxList .Vasaktagumineaken {
	position: absolute;
	left: 610px;
	top: 355px;		
}
.checkboxList .Vasakesimeneuks {
	position: absolute;
	left: 560px;
	top: 383px;		
}
.checkboxList .Vasakküljekarp {
	position: absolute;
	left: 580px;
	top: 410px;		
}	
.checkboxList .Vasaktagumineuks {
	position: absolute;
	left: 610px;
	top: 383px;		
}
.checkboxList .Vasakesitiib {
	position: absolute;
	left: 470px;
	top: 383px;		
}	
.checkboxList .Vasaktagatiib {
	position: absolute;
	left: 655px;
	top: 373px;		
}
.checkboxList .Tagaklaas {
	position: absolute;
	left: 480px;
	top: 265px;		
}
.checkboxList .Pagasiluuk {
	position: absolute;
	left: 450px;
	top: 265px;		
}		
.checkboxList .Katus {
	position: absolute;
	left: 550px;
	top: 265px;		
}
.checkboxList .Esiklaas {
	position: absolute;
	left: 600px;
	top: 265px;		
}	
.checkboxList .Kapott {
	position: absolute;
	left: 655px;
	top: 265px;		
}
.formBlockSurveyTable tr:nth-child(7) > td:first-child {
	display: none;
	behavior: url(http://trentom.eu/themes/trentom/css/PIE.htc);
}

.formBlockSurveyTable textarea {
	height: 140px;
	width: 115px;
	max-width: 115px;
}
.diagram {
	position: absolute;
	top: 110px;
	left: 261px;
	z-index: -10;	
}

.kontakt table tr td {
	padding: 0px;
	margin: 0px;
}
/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:none;
	background:transparent url(http://trentom.eu/themes/trentom/images/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
	font-weight: 500;
}