/* Styles
----------------------------------*/

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

body {
	/*font-family: Arial, Helvetica, verdana, Sans-serif;
	font-size: 84%;
	background: #fff;
	margin:0em auto;
	text-align:center;
	text-align: left;
	color:#333333;
	min-width: 50em;*/
	/*width:expression(document.body.clientWidth < 810? "50em": "auto");*/
	
	font-family: Arial, Helvetica, verdana, Sans-serif;
	font-size:84%;
	background-color:#fff;
	color:#333333;
	text-align:left;
}

img {border:0;}
form { margin:0;padding:0; }
input { color:#555;border: 1px solid #555; font-family: Arial, Helvetica, verdana, Sans-serif;}

/* in order to hide the skip navigation link */
a.skip {position: absolute; left: -1000em; width: 20em;}

a:link { text-decoration: none;color:#555;} 
a:active { text-decoration: none;color:#555;} 
a:visited { text-decoration: none;color:#555;} 
a:hover { text-decoration: underline;color:#555;} 

#main_left a:link { text-decoration: none;color:#181818;} 
#main_left a:active { text-decoration: none;color:#181818;} 
#main_left a:visited { text-decoration: none;color:#181818;} 
#main_left a:hover { text-decoration: underline;color:#181818;} 


/* Some generic styles
-------------------------------*/

div.end{clear:both;}
div.endSmall{clear:both;font-size:0.1em;margin:0;padding:0;height: 0.1em;}
span.endSmall{display:block;clear:both;font-size:0.1em;margin:0;padding:0;}
.leftDiv {float:left;}
.rightDiv {float:right;}
.leftDivRel {float:left;position:relative;}
.rightDivRel {float:right;position:relative;}
.hidden {display:none;}
.margin_top, .margin_t {margin-top: 1.5em;}
.margin_top_smaller {margin-top: 0.3em;}
.margin_right, .margin_r {margin-right: 0.5em;}
.margin_left, .margin_l { margin-left:0.5em;}
.margin_bottom, .margin_b {margin-bottom: 0.5em;}
.margin_b_big {margin-bottom: 1em;}
.margin_bottom_bigger {margin-bottom: 1.5em;}
.margin_left_bottom { margin-left:0.5em;margin-bottom:0.5em;}
.padding_t {padding-top:0.5em;}
.padding_b {padding-bottom:0.5em;}
.padding_l {padding-left:0.5em;}
.padding_r {padding-right:0.5em;}
.textItalic {font-style: italic;}
.textBold {font-weight:bold;}
.textLeft {text-align:left;}
.textRight {text-align:right;}
.textUppercase {text-transform: uppercase;}
.textAlign_c {text-align: center;}
input.no_border {border:0;}
a.no_decoration {text-decoration:none;}
fieldset.not_displayed {border:0;padding:0;margin:0;}
.errorMsg, .important {color:#c30000;font-weight:bold;}
.errorMsg02 {color:#c30000;font-weight:bold;margin:1em 0;}

/* HEADINGS
----------------------------------------------- */
h1 { display: none; }

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-size:100%;
}

/* Main layout
----------------------------------*/
div#pagewidth {
	margin: 0;
	text-align: left;
	background: #444444;
}
.centerblock {width:69em;margin:0 auto;}




/* HOME SEZIONE
-----------------------------------------*/

#header {
	position: relative;
	border-top:3px solid #020202;
	padding-top:0.5em;
	font-size: 90%;
	background: #fff;
}

#header #logo_webtv {
	position:relative;
        float:right;
	padding-top:10px;
	height: 55px;
        background: transparent url(/UploadImgs/871_logo_csc.gif) 0 10px no-repeat;
}
#header #logo {
	position:relative;
	float:left;
}

#header #nav_top {
	float:right;
	text-align:right;
	color:black;
}
#header #nav_top ul { 
	display: inline;
	margin:0;
	padding:0;
}
#header #nav_top li{
	display: inline;
	list-style: none;
	padding:0 0.5em;
	margin:0;
	border-left: 1px solid #9c9c9c;
}
#header #nav_top li.first {
	border-left:none;
}
#header #nav_top li.selected {
	font-weight:bold;
}
#header #nav_top li a {
	color:black;
}
#header #nav_top li a:hover {
	text-decoration: none;
}
#header_bottom {
	position:relative;
	height:6.5em;
	border-bottom:13px solid #999;
	background: transparent url(/images/bg_header_bottom.gif) 0 100% repeat-x;
}
#header_bottom #menu_selected h2 {
	font-size:250%;
	color:#181818;
	padding:0 0 0 0.5em;
	font-weight: normal;
	font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
}
#header_bottom #menu_selected img {
	padding:0.3em 0 0 1.3em;
}
#header_bottom #search {
	position:absolute;
	top:0;
	right:0;
	text-align:right;
	margin:0 0.5em 0 1em;
}
#header_bottom #vert_line {
	position:absolute;
	top:0;
	right:15em;
	border-right:1px solid black;
	height:3.4em;
}
#header_bottom #search ul { 
	position:absolute;
	top:0;
	right:15em;
	margin:0;
	padding: 1.5em 1em 0 0;
}
#header_bottom #search li{
	display: inline;
	list-style: none;
	padding:0;
	margin:0;
}
#header_bottom #search form {
	display:inline;
	padding:0 0 0 1.5em;
	margin:0;
}
#header_bottom #search fieldset { 
	display:inline;
	border: 0;
	padding:1.3em 0 0 0 ;
	margin:0;
}
#header_bottom #search fieldset legend { 
	display:none; 
}
#header_bottom #search label { 
	display:none; 
}
#header_bottom #search input { 
	margin:0;
	padding:0 0.3em;
	font-size: 110%;
	color:#555;
	width:10em;
}
#header_bottom #search  input.button {
	background: transparent url(/images/search.gif) 50% 50% no-repeat;
	border-style: none;
	cursor:pointer;
	padding:0;
	margin:0;
	width:1.5em;
	height:1.4em;
}

#header_bottom #nav_sezione ul { 
	margin:0;
	padding: 0.8em 2em 0 1em;
	font-size:150%;
	color:white;
}
#header_bottom #nav_sezione li{
	display:inline;
	list-style: none;
	padding:0 1em 0 1.5em;
	margin:0;
}     
#header_bottom #nav_sezione li.cn {
	background: transparent url(/images/list_bullet_main_menu_cn.gif) 0 50% no-repeat;
}
#header_bottom #nav_sezione li.sc {
	background: transparent url(/images/list_bullet_main_menu_sc.gif) 0 50% no-repeat;
}
#header_bottom #nav_sezione li a{
	color:white;
}
#header_bottom #nav_sezione li a:hover{
	text-decoration:none;
	background:#202020;
}


/* CONTEXT
------------------------------------------*/

/* Contextbox
---------------------------------*/
div.contextBoxLeft {
	float:left;
	width:14.5em;
}
div.contextBoxLeft img {
	width:14.45em;
	margin-bottom:0.5em;
}
div.contextBoxRight {
	float:right;
	width:70%;
	padding:0 0.5em;
}
div.contextBoxRightAlone {
	clear:both;
	width:98%;
	padding-left:0.5em;
}

#contextBox h2 {
	font-size:140%;
	padding-left:0.5em;
}

/* variant for pages with no h3 */
h2.margin_bottom { 
	margin-bottom:1em;
}

#contextBox h3 {
	margin-bottom:1em;
	padding-left:0.7em;
	font-weight:normal;
	font-size:100%;
	font-style: italic;
}
/* variant for generic pages */
#main_generic #contextBox h3 {
	padding-left:0;
}
#contextBox h4 {
	font-size:110%;
	padding:0.3em 0 0 0.8em;
}
#contextBox .extendedDesc a {
	color:#000;
	text-decoration:underline;
}
#contextBox .extendedDesc a:hover {
	text-decoration:none;
}
#contextBox dl {
	margin:0 0 0 1em;
	padding:0;
	position:relative;
}
#contextBox dl dt {
	background: transparent url(/images/list_bullet.gif) 0 0.3em no-repeat;
	font-weight: normal;
	margin: 0;
	padding: 0 0 0 1.5em;
}
#contextBox dl dt .date {
	font-weight:normal;
	display:block;
}
#contextBox dl dd{
	padding:0;
	margin: 0 0 2em 1.5em;
}
#contextBox dl dd.empty{
	margin: 0 0 0.5em 1.5em;
}

/*** ul docs, sorelle, associazioni ***/
div.listBox ul{
	margin:0 0 0 0.5em;
	padding: 0.4em 0.5em;
}

div.listBox ul li{
	margin:0 0 0.5em 0;
	padding: 0;
	list-style:none;
	/*list-style:square outside url(/images/list_bullet.gif);*/ 
}
div.listBox ul .testo {
	font-size:90%;
}

/********* schede in contextBox *********/

div.schemaBox {
	width:100%;
	overflow:hidden;
}

.bg_table {}

table.bg_table caption {
	display:none;
}

.bg_tr {background:#ccc;}

th.bg_scheda {
	text-align:left;
	border-bottom:1px solid #ccc;
	padding: 0.4em 0.4em 0.4em 0;
	font-size:78%; /* IE 5.x only uses the first font-size declaration */
	voice-family: "\"}\""; /* box model hack by Tantek: IE 5.x stops here due to a CSS parsing bug */
	voice-family: inherit;
	font-size:100%; /* All conforming CSS user agents will see and use the second font-size declaration */
}

td.bg_scheda {
	border-bottom:1px solid #ccc;
	padding: 0.4em 0.4em 0.4em 0;
	font-size:78%; /* IE 5.x only uses the first font-size declaration */
	voice-family: "\"}\""; /* box model hack by Tantek: IE 5.x stops here due to a CSS parsing bug */
	voice-family: inherit;
	font-size:100%; /* All conforming CSS user agents will see and use the second font-size declaration */
}

td.bg_line {
	border-bottom:1px solid #ccc;
}


/* FOOTER
------------------------------------------*/
#footer {
	clear:both;
	font-size:86%;
	padding:0.5em;
}
#footer ul { 
	display: inline;
	margin:0;
	padding:0;
}
#footer li{
	display: inline;
	list-style: none;
	padding:0;
	margin:0;
}
#footer li.li_sublink {
	background: transparent url(/images/list_bullet.gif) 0 50% no-repeat;
	display: inline;
	list-style: none;
	padding:0 0 0 0.9em;
	margin:0 0 0 1em;
}
#footer li#li_cscprod {
	background: transparent url(/images/list_bullet_cscprod_context.gif) 0 50% no-repeat;
	padding:0 0 0 1.7em;
	margin:0 0 0 1em;
	font-size:110%;
	font-weight:bold;
}
#footer li.selected {
	font-weight:bold;
}


/* LOGON.JSP
--------------------------------*/
body.logonbox {
	text-align: center;
}

#logonBox {padding-bottom:2em;background-color:#c1c1c1;}
#logonBox tr {background:#c1c1c1;}
#logonBox select {display:none;}
#logonFooter {
	background: none;
	margin-top:1em;
}

#pagingBox {text-align:right;border-bottom:1px solid #787878;margin-bottom:1em;}

#boxSchedaDetail {padding:1em;border:1px solid #545454;margin:1em 0;}
#boxSchedaDetail h3 {font-size: 130%;color:#e7e7e7; font-weight:normal;margin-bottom: 0.5em;}