@charset "UTF-8";
/* CSS Document */

/* Basic styling, used when JavaScript is unsupported */
.cbb {
	margin:1em 0;
	padding:0 10px;
	border:1px solid #fff;
	background-color:#CCCCCC;
}
.cbb h1 {
	margin:0 -10px;
	padding:0.3em 10px;
	background:#cccccc;
	font:bold 1.2em/1 Arial, Helvetica, sans-serif;
}

/* Normal styling */
.cb {
	float: left;
	width:100%;
line height: 100%;
	margin-top: 0.5em;
	margin-right: 0;
	margin-bottom: 0.5em;
	margin-left: 0;
}


	/* Top corners and border */
.bt {
	background:url(box.png) no-repeat 100% 0 !important;
	background:url(box.gif) no-repeat 100% 0;
	
	margin:0 0 0 18px;
	height:24px;
}
.bt div {
	position:relative;
	height:24px;
	left:-18px;
	width:18px;
	
	background:url(box.png) no-repeat 0 0 !important;
	background:url(box.gif) no-repeat 0 0;
	font-size:0;
	line-height:0;
}

	/* Bottom corners and border */
.bb {
	height:38px;
	margin:0 0 0 18px;
	background:url(box.png) no-repeat 100% 100% !important;
	background:url(box.gif) no-repeat 100% 100%;
	
}
.bb div {
	position:relative;
	left:-18px;
	width:18px;
	height:38px;
	background:url(box.png) no-repeat 0 100% !important;
	background:url(box.gif) no-repeat 0 100%;
	font-size:0;
	line-height:0;
}

	/* Left border */
.i1 {
	padding:0 0 0 18px;
	background:url(borders.png) repeat-y 0 0 !important;
	background:url(borders.gif) repeat-y 0 0;
}
	/* Right border */
.i2 {
	padding:0 31px 0 0;
	background:url(borders.png) repeat-y 100% 0 !important;
	background:url(borders.gif) repeat-y 100% 0;
}
	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */

.three .i3 {
	display:block;
	margin:0px;
	padding:1px;
	background:#5ADFEB;
}

.two .i3 {
	display:block;
	margin:0px;
	padding:1px;
	background:#ddd5ca;
}

.i3 {
	display:block;
	margin:0;
	padding:1px;
	background:#ced9c9;
}
	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.i3 {display:inline-block;}
.i3 {display:block;}
/* Default CSS ends here */

.two {
	float: left;
	width:95%;
line height: 100%;
	margin-top: 0.5em;
	margin-right: 0;
	margin-bottom: 0.5em;
	margin-left: 0;
	
}
.two .i1 { background:url(boxy-border.png) repeat-y 0 0 !important; background:url(boxy-border.gif) repeat-y 0 0;}
.two .i2 { background:url(boxy-border.png) repeat-y 100% 0 !important; background:url(boxy-border.gif) repeat-y 100% 0; }
.two .bt div  { background:url(boxy.png) no-repeat 0 0 !important; background:url(boxy.gif) no-repeat 0 0; }
.two .bt { background:url(boxy.png) no-repeat 100% 0 !important;background:url(boxy.gif) no-repeat 100% 0;}
.two .bb { background:url(boxy.png) no-repeat 100% 100% !important;background:url(boxy.gif) no-repeat 100% 100%;}
.two .bb div { background:url(boxy.png) no-repeat 0 100% !important; background:url(boxy.gif) no-repeat 0 100%; }

.three {
	float: left;
	width:95%;
line height: 100%;
	margin-top: 0.5em;
	margin-right: 0em;
	margin-bottom: 0.5em;
	margin-left: 0;
	
}
.three .i1 { background:url(threeboxy-border.png) repeat-y 0 0 !important; background:url(threeboxy-border.gif) repeat-y 0 0; }
.three .i2 { background:url(threeboxy-border.png) repeat-y 100% 0 !important; background:url(threeboxy-border.gif) repeat-y 100% 0;  }
.three .bt div  { background:url(threeboxy.png) no-repeat 0 0 !important; background:url(threeboxy.gif) no-repeat 0 0;}
.three .bt { background:url(threeboxy.png) no-repeat 100% 0 !important;  background:url(threeboxy.gif) no-repeat 100% 0;}
.three .bb { background:url(threeboxy.png) no-repeat 100% 100% !important; background:url(threeboxy.gif) no-repeat 100% 100%;  }
.three .bb div { background:url(threeboxy.png) no-repeat 0 100% !important; background:url(threeboxy.png) no-repeat 0 100%; }

.button {
	float:left;
	margin-top:0;

	
}
.button .bt {
	
	height:8px;
	background-image:url(button.png) !important; background:url(button.gif);
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 9px;
}
.button .bt div {

	left:-9px;
	width:9px;
	height:8px;
	background-image:url(button.png)  !important; background:url(button.gif);
	
}
.button .bb {
	
	height:8px;
	background-image:url(button.png) !important; background:url(button.gif);
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 8px;
}
.button .bb div {

	left:-8px;
	width:8px;
	height:8px;
	background-image:url(button.png)  !important;  background:url(button.gif);
	
}
.button .i1 {

	padding:0 0 0 3px;
	background-image:url(button-borders.png)  !important;  background:url(button-borders.gif);
	
}
.button .i2 {

	padding:0 3px 0 0;
	background-image:url(button-borders.png)  !important;  background:url(button-borders.gif);
	
}
.button .i3 {
	padding:0 0.5em;
	background:#3a3d40 url(button.png) no-repeat -3px -8px !important;  background:url(button.gif);
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}
.button .i3 {display:block;
	margin:0px;
	padding:1px;
	
}
#secondaryContent .button .i3 {
	
	vertical-align: top;
	margin: 0; /* fa bene a Op7, spostato su contenitore */
}


#secondaryContent .button a:link,
#secondaryContent .button a:visited,
#secondaryContent .button a:hover {
	border:none;
	color:#fff;
}

/* Just a bit of styling for this demo page. Adjust as you wish. */
#absolute-wrapper {
	position:relative;
	height:9em;
}
.cb li {margin-left:1em;}

<!--[if lt IE 8]>
<style type="text/css">
/* Required IE fixes
================================================*/
/* Serve gif images to IE/Win pre version 7 */
* html .i1,
* html .i2 {background-image:url(borders.gif);}
* html .bt,
* html .bt div,
* html .bb,
* html .bb div {background-image:url(box.gif);}
/* Set a height to fix up some rendering issues. */
* html .i1,
* html .i3 {height:1px;}

/* Give the absolutely positioned box a width (including IE 7)*/
.one {width:70%;}

/* Custom rules for the buttons */
/* All IE versions need a width */
.button {width:20em;}
/* IE 7 does not need these */
* html .button .i1,
* html .button .i2 {background:transparent;}
* html .button .bt,
* html .button .bt div {background-image:url(button.gif);}
* html .button .bb,
* html .button .bb div {background-image:url(button.gif);}
</style>
<![endif]-->