body,h1,h2,h3,p,quote,small,form,input,ul,li,ol,label{
	/* Simple page reset */
	margin:0px;
	padding:0px;
}

ul{
	margin:0;
	padding:0;
}

ul.container{
	/* The topmost UL */
	width:240px;
	margin:0 auto;
	padding:50px;
}

li{
	list-style:none;
	text-align:left;
}

li.menu{
	/* The main list elements */
	padding:5px 0;
	width:100px;
}

li.button a{
	/* The section titles */
	display:block;
	font-family:BPreplay,Arial,Helvetica,sans-serif;
	font-size:21px;
	height:34px;
	overflow:hidden;
	padding:10px 20px 0;
	position:relative;
	width:160px;
}

li.button a:hover{
	/* Removing the inherited underline from the titles */
	text-decoration:none;
}

li.button a span{
	/* This span acts as the right part of the section's background */
	height:44px;
	position:absolute;
	right:0;
	top:0;
	width:4px;
	display:block;
}


li.button a:hover{ background-position:bottom left;}
li.button a:hover span{ background-position:bottom right;}

.dropdown{
	/* The expandable lists */
	display:none;
	padding-top:5px;
	width:200px;
}

.dropdown li{
	/* Each element in the expandable list */
	background-color:#ffffff;
	border:1px solid #40392C;
	color:#CCCCCC;
	margin:5px 0;
	padding:4px 18px;
}


/* The styles below are only necessary for the demo page */

h1{
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
	font-size:32px;
	font-weight:normal;
}

h2{
	font-family:"calibri",Arial,Helvetica,sans-serif;
	font-size:20px;
	font-weight:normal;
}

.clear{
	clear:both;
}

#main{
	/* The main container */
	margin:15px auto;
	text-align:center;
	width:920px;
	position:relative;
}


p{
	/* The tut info on the bottom of the page */
	padding:10px;
	text-align:center;
}



a.menu {
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	text-decoration: underline;
}

a.menu:hover {
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	text-decoration: underline;
	letter-spacing: 1px;
	}

a.box {
	padding: 3px;
	background-color: #FFFFFF;
	text-decoration: none;
	border: medium solid #CCCCCC;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.box:hover {
  color: #000000;
	padding: 3px;
	text-decoration: none;
	background-color: #666666;
	border: medium solid #3366FF;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.testoRed {
	font-family: verdana;
	font-size: 12px;
	text-decoration: none;
	color: #CC0000;
	font-weight: bold;
}

.testoBiancoBold {
	font-family: arial;
	font-size: 18px;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
}

.testoBianco2 {
	font-family: arial;
	font-size: 14px;
	text-decoration: none;
	color: #ffffff;
}

.testoBig {
	font-family: arial;
	font-size: 18px;
	text-decoration: none;
	color: #006699;
	font-weight: bold;
}

.testo {
	font-family: arial;
	font-size: 16px;
	text-decoration: none;
	color: #000000;
}

.testogrigio {
	font-family: verdana;
	font-size: 12px;
	text-decoration: none;
	color: #cccccc;
	
}

.testogrigio2 {
	font-family: Arial;
	font-size: 13px;
	text-decoration: none;
	color: #666666;
	
}

.testoarancio {
	font-family: Arial;
	font-size: 13px;
	text-decoration: none;
	color: #ff3300;
	
}

.testogrigiobold {
	font-family: verdana;
	font-size: 12px;
	text-decoration: none;
	color: #666666;
	font-weight: bold;
}

.testoblu2 {
	font-family: verdana;
	font-size: 12px;
	text-decoration: none;
	color: #006699;
	font-weight: bold;
}

.testo3 {
	font-family: verdana;
	font-size: 12px;
	text-decoration: none;
	color: #003399;
}

.testoBig {
	font-family: Arial;
	font-size: 18px;
	text-decoration: none;
	color: #003399;;
	font-weight: bold;
}

.testoboldblu {
	font-family: verdana;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
	color: #006699;
	

}
.testoboldBiancoBig {
	font-family: Arial;
	font-size: 18px;
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
	}

.testo2 {
	font-family: verdana;
	font-size: 12px;
	text-decoration: none;
	color: #ccccff;
}
.link2 {
	color: #000000;
	text-decoration: underline;
}
.link2:hover {
	color: #ff0000;
	text-decoration: none;
}

.linkBianco {
	color: #ffffff;
	text-decoration: none;
}
.linkBianco:hover {
	color: #ffffff;
	text-decoration: underline;
}

.link3 {
	color: #cc0000;
	text-decoration: underline;
}
.link3:hover {
	color: #ff0000;
	text-decoration: none;
}

.link4 {
	color: #000000;
	text-decoration: none;
	line-height: 12px;
}
.link4:hover {
	color: #990000;
	text-decoration: none;
}

.testoBianco {
	font-family: verdana;
	font-size: 10px;
	text-decoration: none;
	color: #ffffff;
	line-height: normal;
	}
.IntestBianco {
	font-family: Arial;
	font-size: 38px;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	}



input.textboxprev {

font: 12px Arial, Helvetica, sans-serif;

color: #6699ff;

background: #FFFFFF;

border: 1px solid #6699ff;

padding-right: 2px;

padding-left: 2px;


height: 25px;
}

.select2 {

width: 130px;
height: 30px;

font: 12px Arial;

color: #ff6600;

background: #EAF3F7;

border: 0px solid #FF3300;

}

/* The CSS */
select {
    padding:3px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color:#888;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
	width: 150px;
	height: 35px;
	font-size: 16;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px}
}

/* The CSS */
.textbox {
    padding:3px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color:#888;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
	width: 300px;
	height: 30px;
	font-size: 16;
}
.textbox2 {
    padding:3px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color:#888;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
	width: 150;
	height: 30px;
	font-size: 18;
}

.textbox3 {
    padding:3px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color:#888;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
	width: 200;
	height: 40px;
	font-size: 20;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px}
}

label {position:relative}
label:after {
    content:'<>';
    font:11px "Consolas", monospace;
    color:#aaa;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:8px; top:2px;
    padding:0 0 2px;
    border-bottom:1px solid #ddd;
    position:absolute;
    pointer-events:none;
}
label:before {
    content:'';
    right:6px; top:0px;
    width:20px; height:20px;
    background:#f8f8f8;
    position:absolute;
    pointer-events:none;
    display:block;
}?


.selectPrev {

width : 160px;

height: 25px;

font: 12px Arial;

color: #6699ff;

background: #FFFFFF;

border: 1px solid #6699ff;

}


input.checkbox {

font: 11px Arial, Helvetica, sans-serif;

color: #000000;

background: #FFFFFF;


padding-right: 2px;

padding-left: 2px;


}

.button {
      background: #ffffff;
      color:#666666;
      font-family: calibri;
      font-size: 20px;
      border: Solid 1px #666666;
}

.box2 {
	background:  url(file:///C|/Inetpub/wwwroot/indiezone/images/bg.gif) center;
	color:#CC0000;
	font-family: verdana;
	font-size: 14px;
	border: 2px solid #CC0000;
	font-weight: bold;
	text-align: center;
}
.textareaPrev {
	font: 11px Arial, Helvetica, sans-serif;
	
	color: #6699ff;
	
	background: #FFFFFF;
	
	border: 1px solid #6699ff;
	
	padding-right: 2px;
	
	padding-left: 2px;
}

.textarea {
	width : 350px;
	height: 200px;
	font: 11px Arial, Helvetica, sans-serif;
	
	color: #000000;
	
	background: #FFFFFF;
	
	border: 1px solid #000000;
	
	padding-right: 2px;
	
	padding-left: 2px;
}
.textareaFree {
	font: 11px Arial, Helvetica, sans-serif;
	
	color: #666666;
	
	background: #FFFFFF;
	
	border: 1px solid #666666;
	
	padding-right: 2px;
	
	padding-left: 2px;
}

input.selectgrigio {

font: 11px Verdana;

color: #666666;

background: #FFFFFF;

border: 

}

.tblHeader
{
 font-size: 10px;
 background-image: url(../images/pixred.jpg);
 color: white;
 font-family: Arial;
 text-align: right;
 text-decoration: none;
}

.tblRow
{
 font-size: 10px;
 color: #003399;
 font-family: verdana;
 background-color: #C9C9C9;
 text-decoration: none;
 text-align: right;
}

.tblRowAlternate
{
 font-size: 10px;
 color: #003399;
 font-family: verdana;
 background-color: #9F9AFC;
 text-decoration: none;
 text-align: right;
}

BODY 
{
SCROLLBAR-FACE-COLOR: #003399; 
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; 
SCROLLBAR-SHADOW-COLOR: #ffffff; 
SCROLLBAR-3DLIGHT-COLOR: #ffffff; 
SCROLLBAR-ARROW-COLOR: #ffffff; 
SCROLLBAR-TRACK-COLOR: #ffffff; 
SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
}