﻿
* {
padding: 0;
	margin: 0;
	}
	
	
body {
	background : #fafafa;
	font-family : Tahoma, "Verdana", Arial, sans-serif;
	font-size : 8pt;
	color: #000000;
	text-align:justify;
	background-image: url('../images/back.jpg');
	background-repeat: repeat-y;
	background-position: center;
	background-color: #FFFFFF;
}



	.hintText {
		font-family: tahoma, verdana, arial;
		font-size: 12px;
		background-color: #FFFFCC;
		color: #000000;
		padding: 0px;
	}
	.wrapped table,
	.wrapped td {
		border: 0;
		border-collapse: collapse;
		padding: 0;
		background-position: 0px;
		padding-left:0px;
}


.rs { float: right; margin: 0 10px; border: 1px solid #ddd; padding: 5px; background: #f5f5f5  }
ul { list-style-position: inside; margin-left: 2px }
ul li { list-style-type: square; margin-left: 15px;  }
ul ul li { list-style: none; margin-left: 10px; list-style-type: lower-alpha; list-style-position: inside }

textarea {
border : 1px solid #aaa;
}

h6 {
font-size:12px;
font-style:normal;
text-decoration : none;
color : #3d138f;
}
piccolo {
font-size:10px;
font-style:normal;
color : black;
}

input {
border : 1px solid #aaa;
}
textarea:hover {
border : 1px solid #888;
}
input:hover {
border : 1px solid #888;
}
img {
border : 0;
float : left;
margin-right : 10px;
}
a {
color : #36be00;
text-decoration : none;
}
a:hover {
text-decoration : underline;
}
blockquote {
margin : 0 0 15px 30px;
border-left : 3px solid #8adf88;
padding : 0 0 0 8px;
}
textarea {
border : 1px solid #aaa;
}
input {
border : 1px solid #aaa;
	width: 19px;
}
textarea:hover {
border : 1px solid #888;
}
input:hover {
border : 1px solid #888;
}
input.text {
color : #000000;
border : 1px solid #e6e6e6;
background : inherit;
}
textarea.text {
font-size : 8pt;
border : 1px solid #e6e6e6;
}
textarea.text:hover {
border : 1px solid #d6d6d6;
}
input.text:hover {
border : 1px solid #d6d6d6;
}
form {
display : inline;
margin : 0;
padding : 0;
}
.date {
color : #aaa;
font-weight : bold;
background : transparent;
}
.green {
color : #36be00;
}
.bigl {
font-size : 1.2em;
}
.bold {
font-weight : bold;
}
#header h1 {
background : #fafafa;
font-family : "Tahoma", Verdana, Arial, sans-serif;
font-size : 3em;
color : #585858;
font-weight : normal;
padding : 0;
margin : 0;
}
#content {

padding : 0;
margin : 15px auto;
width : 800px;
background : #ffffff;

}
#header {
margin : 0;
padding : 0;
width : 100%;
background : inherit;
color : #585858;
height : 66px;
}
#header .slogan {
color : #868686;
margin : 0;
padding : 0;
background : #fafafa;
font : bold 1em "Tahoma", Verdana, Arial, sans-serif;
padding-left : 2px;
}
#header .topong {
background : #fafafa url("../images/topaff.jpg") no-repeat bottom;
height : 66px;
width : 159px;
float : right;
}
#header .topong .pad {
padding : 15px 5px 0 30px;
}
#header .topong .txt {
padding : 0;
color : #a5a5a5;
}
#header h4 {
font : bold 1em "Tahoma", verdana, Arial;
}
#header h4 a {
color : #585858;
}
#header h4 a:hover {
text-decoration : none;
}
#menu {
margin : 0 0;
padding : 0;
color : #fff;
width : 100%;
height : 40px;
background-color:#3d138f;
font-size:12px;
}
#menu .pad {
padding-top : 12px;
}
#menu a:visited {
color : #fff;
text-decoration : none;
background : inherit;
}

#menu a {
color : #fff;
text-decoration : none;
background : inherit;
text-align:center;
}
#menu .submit {
vertical-align : middle;
}
#menu .submit ul {
margin : 0;
padding : 0 10px 0 0;
list-style : none;
}
#menu .submit li {
display : inline;
margin : 0;
padding : 0;
}


#menu .submit a {
float : left;
background : transparent;
margin : 0;
padding : 0 0 0 0;
text-decoration : none;
text-align:center;
}


#menu .submit a span {
float : left;
background : url("../images/menusep.gif") no-repeat left;
color : #fff;
font-weight : bold;
display : block;
padding : 0 0 0 0;
margin-right : 2px;
font-size:11px;
}


#menu .submit a:hover {
	color: #ffff00;
}



#menu .submit a span {
float : none;
}
#menu #search {
float : right;
background : inherit;
margin-top : 0;
padding : 0;
margin-right : 10px;
margin-top : -4px;
}
#menu #search input.text {
background : url("../images/input.gif") no-repeat top;
width : 110px;
border : 0;
padding : 2px 0 0 3px;
}
#menu #search input.txt {
color : #fff;
font-weight : bold;
border : 0;
background : transparent;
cursor : pointer;
}
#modules {
margin-top : 10px;
height : 190px;
width:540px;
}
#modules #mod3 {
background : #fafafa url("../images/topgreybox.jpg") no-repeat top;
height : 185px;
width : 258px;
float : right;
margin-top : 5px;
}
#modules #mod2 {
background : #fafafa url("../images/topgreybox.jpg") no-repeat top;
height : 185px;
width : 258px;
float : right;
margin-right : 3px;
margin-top : 5px;
}
#modules #mod1 {
background : #fafafa url("../images/topgreybox.jpg") no-repeat top;
height : 185px;
width : 258px;
float : left;
margin-top : 5px;
}
#modules .padding {
padding : 13px 20px 10px 20px;
}
#modules img {
border : 1px solid #d3d3d3;
float : left;
margin-bottom : 15px !important;
margin-bottom : 5px;
}
#modules .price {
color : #36be00;
font : bold 2em "Tahoma", verdana, Arial;
padding : 15px 35px 0 0;
float : right;
text-align : right;
}
#modules .only {
/*color : #e5e5e5;*/
color : #36be00;
font : bold 0.4em "Tahoma", verdana, Arial;
}
#modules .text {
width : 100%;
float : left;
color : #9f9f9f;
text-align : justify;
}
#modules h2 {
font : bold 1.2em "Tahoma", verdana, Arial;
color : #618fb5;
background : transparent;
margin-bottom : 4px;
}
#modules h2 a {
color : #618fb5;
background : transparent;
}
#modules h2 a:hover {
text-decoration : none;
color : #719fc5;
}
#maincontent {
background : #ffffff;
width:580px;
float:right;
}

#maincontent2 {
background : #ffffff;
width:580px;
float:right;
}


#maincontent3 {
background : #ffffff;
width:580px;
float:right;
}

#maincontent #graph {
margin-top : 15px;
background : #fafafa url('../template/images/statgraph2.jpg') no-repeat left 50%;
width : 203px;
height : 156px;
float : left;
}
#maincontent p {
margin-top : 10px;
}
#maincontent img {
float : left;
margin : 10px 10px 10px 0;
}
#maincontent .readm {
color : #36be00;
font-weight : bold;
background : inherit;
}
#maincontent h2 {
font : bold 1.6em "Tahoma", verdana, Arial;
color : #585858;
background : transparent;
margin-bottom : 4px;
border-bottom : 1px solid #e3eaef;
}
#maincontent #introduction {
margin: 25px 0 40px 0;
width : 100%;
background : inherit;
text-align : justify;
color : #8e8e8e;
}
#maincontent #rightside {
float : right;
width : 220px;
background : #f0f0f0;
padding : 10px;
margin : 0 0 10px 0;
}
#maincontent #rightside h2 {
margin-bottom : 5px;
}
#maincontent #leftside {
background : inherit;
margin-right : 10px;
width : 530px;
}
#maincontent #leftside .r {
float : right;
width : 250px;
text-align : justify;
margin-bottom : 15px;
}
#maincontent #leftside .le {
width : 250px;
text-align : justify;
margin-bottom : 15px;
}
#maincontent #leftside .pad {
padding : 15px 0 15px 0;
text-align : justify;
}

#maincontent2 #graph {
margin-top : 15px;
background : #fafafa url('../template/images/statgraph2.jpg') no-repeat left 50%;
width : 203px;
height : 156px;
float : left;
}
#maincontent2 p {
margin-top : 10px;
}
#maincontent2 img {
float : left;
margin : 10px 10px 10px 0;
}
#maincontent2 .readm {
color : #36be00;
font-weight : bold;
background : inherit;
}
#maincontent2 h2 {
font : bold 1.6em "Tahoma", verdana, Arial;
color : #585858;
background : transparent;
margin-bottom : 4px;
border-bottom : 1px solid #e3eaef;
}
#maincontent2 #introduction {
margin: 25px 0 40px 0;
width : 100%;
background : inherit;
text-align : justify;
color : #8e8e8e;
}
#maincontent2 #rightside {
float : right;
width : 220px;
background : #f0f0f0;
padding : 10px;
margin : 0 0 10px 0;
}
#maincontent2 #rightside h2 {
margin-bottom : 5px;
}
#maincontent2 #leftside {
background : inherit;
margin-right : 10px;
width : 530px;
}
#maincontent2 #leftside .r {
float : right;
width : 250px;
text-align : justify;
margin-bottom : 15px;
}
#maincontent2 #leftside .le {
width : 250px;
text-align : justify;
margin-bottom : 15px;
}
#maincontent2 #leftside .pad {
padding : 15px 0 15px 0;
text-align : justify;
}




#footer {
bottom : 0;
clear : both;
text-align : left;
border-top : 2px solid #e5e5e5;
padding : 3px 0 0 0;
margin-top : 5px;
height : 50px;
color : #888;
background : inherit;
}
#footer .right {
float : right;
}


#col-one {
	float: left;
	width: 180px;
}

#col-one .boxed {
	margin-bottom: 10px;
}
#col-one .spacer {
height:10px;
}

#col-one .boxed .title {
	height: 20px;
	padding: 10px 0 0 0px;
	background-color:#3d138f;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 11px;
	color: #ffff00;
	text-align:center;
}

#col-one .boxed .content {
background-image:url('../images/bgmain.jpg');
background-repeat:repeat-x;
	border-left: 1px solid #3d138f;
	border-right: 1px solid #3d138f;
	border-bottom: 1px solid #3d138f;
	padding: 9px;
		border-top: none;
}

#col-one .boxed .content form {
}

#col-one .boxed .content fieldset {
	border: none;
}

#col-one .boxed .content legend {
	display: none;
}

#col-one .boxed .content label {
	display: block;
	font-size: xx-small;
	font-weight: bold;
}

#col-one .boxed .content .textfield {
	width: 148px;
	margin: 0 0 5px 0;
	padding: 3px 5px;
	border: 1px solid #401190;
	background: #FAFAFA url("../images/img04.gif") repeat-x;
	font: normal x-small Verdana, Arial, Helvetica, sans-serif;
	color: #464646;
}

#col-one .boxed .content .button {
	border-style: none;
	border-width: 0px;
	float: right;
	width: 71px;
	height: 19px;
	margin: 0 0 5px 0;
	padding: 0;
	border: 1px solid #660066;
	font: normal x-small Verdana, Arial, Helvetica, sans-serif;
	background-repeat: no-repeat;
	text-align: justify;
	color: #660066;
	font-weight: bold;
	text-align:center;
	vertical-align: middle;
	line-height: normal;
}

#col-one .boxed .content .tiny {
	clear: both;
	margin: 0;
	font-size: x-small;
	font-weight:bold;
}

#col-one .boxed .content .tiny a {
	padding: 0 0 0 11px;
	background: url('../template/images/img06.gif') no-repeat left bottom;
}

#wrapper {
	clear: both;
	width: 800px;
	margin: 0 auto;
}


.style3 {
	background-repeat: no-repeat;
}


#modules #mod4 {
background : #fafafa url("../images/topgreybox.jpg") no-repeat top;
height : 185px;
width : 258px;
float : right;
margin-top : 5px;
}

* {
padding : 0;
margin : 0;
	}
body {
	background : #fafafa;
	font-family : Tahoma, "Verdana", Arial, sans-serif;
	font-size : 8pt;
	color: #000000;
	text-align:justify;
/*	background-image: url('../images/back.jpg');*/
	background-repeat: repeat-y;
	background-position: center;
	background-color: #FFFFFF;
}
.rs { float: right; margin: 0 10px; border: 1px solid #ddd; padding: 5px; background: #f5f5f5  }
ul { list-style-position: inside; margin-left: 2px }
ul li { list-style-type: square; margin-left: 15px;  }
ul ul li { list-style: none; margin-left: 10px; list-style-type: lower-alpha; list-style-position: inside }

textarea {
border : 1px solid #aaa;
}

input {
border : 1px solid #aaa;
}
textarea:hover {
border : 1px solid #888;
}
input:hover {
border : 1px solid #888;
}
img {
border : 0;
float : left;
margin-right : 10px;
}
a {
color : #003366;
text-decoration : none;
}
a:hover {
text-decoration : underline;
}
blockquote {
margin : 0 0 7px 8px;
border-left : 3px solid #8adf88;
padding : 0 0 0 8px;
}
textarea {
border : 1px solid #aaa;
	width: 198px;
	height: 92px;
}
input {
border : 1px solid #aaa;
}
textarea:hover {
border : 1px solid #888;
}
input:hover {
border : 1px solid #888;
}
input.text {
color : #000000;
border : 1px solid #e6e6e6;
background : inherit;
}
textarea.text {
font-size : 8pt;
border : 1px solid #e6e6e6;
}
textarea.text:hover {
border : 1px solid #d6d6d6;
}
input.text:hover {
border : 1px solid #d6d6d6;
}
form {
display : inline;
margin : 0;
padding : 0;
}
.date {
color : #aaa;
font-weight : bold;
background : transparent;
}
.green {
color : #36be00;
}
.bigl {
font-size : 1.2em;
}
.bold {
font-weight : bold;
}
#header h1 {
background : #fafafa;
font-family : "Tahoma", Verdana, Arial, sans-serif;
font-size : 3em;
color : #585858;
font-weight : normal;
padding : 0;
margin : 0;
}
#content {

padding : 0;
margin : 15px auto;
width : 800px;
background : #ffffff;

}
#header {
margin : 0;
padding : 0;
width : 100%;
background : inherit;
color : #585858;
height : 90px;
background-image:url('../images/bgmain.jpg');
background-repeat:repeat-x;
}
#header .slogan {
color : #868686;
margin : 0;
padding : 0;
background : #fafafa;
font : bold 1em "Tahoma", Verdana, Arial, sans-serif;
padding-left : 2px;
}
#header .topong {
background : #fafafa url("../images/topaff.jpg") no-repeat bottom;
height : 66px;
width : 159px;
float : right;
}
#header .topong .pad {
padding : 15px 5px 0 30px;
}
#header .topong .txt {
padding : 0;
color : #a5a5a5;
}
#header h4 {
font : bold 1em "Tahoma", verdana, Arial;
}
#header h4 a {
color : #585858;
}
#header h4 a:hover {
text-decoration : none;
}
#modules {
margin-top : 10px;
height : 190px;
width:540px;
}
#modules #mod3 {
background : #fafafa url("../images/topgreybox.jpg") no-repeat top;
height : 185px;
width : 258px;
float : right;
margin-top : 5px;
}
#modules #mod2 {
background : #fafafa url("../images/topgreybox.jpg") no-repeat top;
height : 185px;
width : 258px;
float : right;
margin-right : 3px;
margin-top : 5px;
}
#modules #mod1 {
background : #fafafa url("../images/topgreybox.jpg") no-repeat top;
height : 185px;
width : 258px;
float : left;
margin-top : 5px;
}
#modules .padding {
padding : 13px 20px 10px 20px;
}
#modules img {
border : 1px solid #d3d3d3;
float : left;
margin-bottom : 15px !important;
margin-bottom : 5px;
}
#modules .price {
color : #36be00;
font : bold 2em "Tahoma", verdana, Arial;
padding : 15px 35px 0 0;
float : right;
text-align : right;
}
#modules .only {
color : #e5e5e5;
font : bold 0.4em "Tahoma", verdana, Arial;
}
#modules .text {
width : 100%;
float : left;
color : #9f9f9f;
text-align : justify;
}
#modules h2 {
font : bold 1.2em "Tahoma", verdana, Arial;
color : #618fb5;
background : transparent;
margin-bottom : 4px;
}
#modules h2 a {
color : #618fb5;
background : transparent;
}
#modules h2 a:hover {
text-decoration : none;
color : #719fc5;
}
#maincontent {
background : #ffffff;
width:580px;
float:right;
}

#maincontent2 {
background : #ffffff;
width:580px;
float:right;
}


#maincontent3 {
background : #ffffff;
width:580px;
float:right;
}

#maincontent #graph {
margin-top : 15px;
background : #fafafa url('../images/statgraph2.jpg') no-repeat left 50%;
width : 203px;
height : 156px;
float : left;
}
#maincontent p {
margin-top : 10px;
}
#maincontent img {
float : left;
margin : 0px 10px 0px 0;
}

#maincontent .textfield {
	width: 148px;
	margin: 0 0 5px 0;
	padding: 3px 5px;
	border: 1px solid #C8C8C8;
	background: #FAFAFA url("../images/img04.gif") repeat-x;
	font: normal 8pt Tahoma;
	color: #464646;
}

#maincontent .buttonX{
	border-style: none;
	border-color: inherit;
	border-width: medium;
	width: 67px;
		height: 28px;
		padding: 0;
	background: #006BFF url('../images/bottone.gif') no-repeat;
		text-transform: lowercase;
		color: #FFFFFF;
}


#maincontent .readm {
color : #36be00;
font-weight : bold;
background : inherit;
}
#maincontent h2 {
font : bold 1.6em "Tahoma", verdana, Arial;
color : #585858;
background : transparent;
margin-bottom : 4px;
border-bottom : 1px solid #e3eaef;
}
#maincontent #introduction {
margin: 25px 0 10px 0;
width : 100%;
background : inherit;
text-align : justify;
color : #8e8e8e;
}
#maincontent #rightside {
float : right;
width : 220px;
background : #f0f0f0;
padding : 10px;
margin : 0 0 10px 0;
}
#maincontent #rightside h2 {
margin-bottom : 5px;
}
#maincontent #leftside {
background : inherit;
margin-right : 10px;
width : 530px;
}
#maincontent #leftside .r {
float : right;
width : 250px;
text-align : justify;
margin-bottom : 15px;
}
#maincontent #leftside .le {
width : 250px;
text-align : justify;
margin-bottom : 15px;
}
#maincontent #leftside .pad {
padding : 15px 0 15px 0;
text-align : justify;
}

/*MAINCONTENT 2*/

#maincontent2 #graph {
margin-top : 15px;
background : #fafafa url('../template/images/statgraph2.jpg') no-repeat left 50%;
width : 203px;
height : 156px;
float : left;
}
#maincontent2 p {
margin-top : 10px;
}
#maincontent2 img {
float : left;
margin : 10px 10px 10px 0;
}
#maincontent2 .readm {
color : #36be00;
font-weight : bold;
background : inherit;
}
#maincontent2 h2 {
font : bold 1.6em "Tahoma", verdana, Arial;
color : #585858;
background : transparent;
margin-bottom : 4px;
border-bottom : 1px solid #e3eaef;
}
#maincontent2 #introduction {
margin: 25px 0 40px 0;
width : 100%;
background : inherit;
text-align : justify;
color : #8e8e8e;
}
#maincontent2 #rightside {
float : right;
width : 220px;
background : #f0f0f0;
padding : 10px;
margin : 0 0 10px 0;
}
#maincontent2 #rightside h2 {
margin-bottom : 5px;
}
#maincontent2 #leftside {
background : inherit;
margin-right : 10px;
width : 530px;
}
#maincontent2 #leftside .r {
float : right;
width : 250px;
text-align : justify;
margin-bottom : 15px;
}
#maincontent2 #leftside .le {
width : 250px;
text-align : justify;
margin-bottom : 15px;
}
#maincontent2 #leftside .pad {
padding : 15px 0 15px 0;
text-align : justify;
}


#tt {position:absolute; display:block; background:url(../images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(../images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(../images/tt_bottom.gif) top right no-repeat; overflow:hidden}




#footer {
bottom : 0;
clear : both;
text-align : left;
border-top : 2px solid #401190;
padding : 3px 0 0 0;
margin-top : 5px;
height : 50px;
color : #3D138F;
background : inherit;
}
#footer .right {
float : right;
}


h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	text-decoration: none;
	text-align: left;
	font-weight: 600;
	line-height: 28px;
	margin-top: 0px;
	padding-top: 0px;

}

		.hintsClass1 {
			font-family: tahoma, verdana, arial;
			font-size: 12px;
			background-color: #f0f0f0;
			color: #000000;
			border: 1px solid #808080;
			padding: 8px;
		}
		.hintsClass2 {
			background-color: white;
			border: 1px solid #808080;
			padding: 5px 5px 30px 15px;
		}
		.hintSource {
			color: green;
			text-decoration: underline;
			cursor: pointer;
		}
		
		
		
/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(../images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(../images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
}
