/* THE BIG GUYS */
body {
	margin: 0;
	padding: 0;
	font: .70em/1.5em  Verdana, Tahoma, Helvetica, sans-serif;
	color: #666666; 
   background-color: #A9BAC3;
	/*background: #A9BAC3 url("images/bg.gif") repeat-x 0 0px;
	text-align: center;*/
}

/* LINKS */
a { 
	color: #4284B0;
	background-color: inherit;
	text-decoration: none;
}
a:hover {
	color: #9EC068;
	background-color: inherit;
}

/* FORMS */
form { 
/* QUESTE DOVREI USARLE PER IL CONTENITORE DEI TAG DI UN FORM (formbox)!!!!!!!!!!!!!!!!!!!
	margin:10px; padding: 0;
	border: 1px solid #f2f2f2; 
	background-color: #FAFAFA;  */
}
input {
	padding: 2px;
	border:1px solid #eee;
	font: normal 1em Verdana, sans-serif;
	color:#777;
}
textarea {
	width:300px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
}
fieldset {border: none}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
label br {clear:left}

	/* FORMS - general classes */
	input.button, a.button {
   	margin: 4px 0; 
   	font: bold 1em Arial, Sans-serif; 
   	border: 1px solid #CCC;
   	background: #FFF; 
   	padding: 2px 3px; 
   	color: #4284B0;	
   }
   input.button img, a.button img{vertical-align: middle}
   /*a.button {padding: 2px 3px;}*/
	
	/* FORMS - formbox - simple form, headings on left, form elements on right */
	div.formbox {width:99%;position:relative;
      margin:0; padding: 0px; /* OCIO: se aumento il padding, nelle modalpopup il formbox sfora a dx!*/
      border: 1px solid #f2f2f2; 
      background-color: #FAFAFA;  
   }
		div.formbox fieldset {width:auto;margin:0 0 0 4px;padding:0;}
		div.formbox h3 {margin:0 0 .6em;}
		div.formbox label {clear:left;float:left;width:100%;}
		
		/* hide from IE mac \*/
		div.formbox label {float:none}
		/* end hiding from IE5 mac */
	
/* OCIO: questo provoca la larghezza fissa di 18em per le checkbox 
      div.formbox label input, 
*/	
		div.formbox label textarea, div.formbox label select {width:18em;float:left;/*margin-left:10px*/}

div.formbox label span.calendarTextBox {vertical-align: middle;}
div.formbox label span.calendarTextBox input {text-align: right;width:5em;float:left;margin-left:10px}
div.formbox label span.calendarTextBox img {cursor: pointer;}
		
		div.formbox label b {float:left;width:17em;line-height: 1.7;display:block;position:relative}
		div.formbox label b .req {position:absolute;top:-.1em;line-height:1;left:-.4em;width:.3em;height:.3em}
		div.formbox div.req {position:absolute;top:.4em;right:1em;left:auto;width:13em;text-align:right}
		div.formbox div.req b {}
		div.formbox label select {width: 15.5em}
		div.formbox label textarea.comments {width: 20em}
		div.formbox div.submit-wrap {padding: 5px 0 5px 15em}
		div.formbox a.button,
		div.formbox input.button {
      	margin: 4px 0; 
      	font: bold 1em Arial, Sans-serif; 
      	border: 1px solid #CCC;
      	background: #FFF; 
      	padding: 2px 3px; 
      	color: #4284B0;	
      }
		
		div.formbox fieldset.checkboxlist, 
		div.formbox fieldset.radiolist {clear:left;float:left;width:32em;margin:0;padding-bottom:.7em}
		div.formbox fieldset.checkboxlist b, 
		div.formbox fieldset.radiolist b {float:left;width:18em;line-height: 1.7;display:block;position:relative;padding-top:.3em}
		div.formbox fieldset.checkboxlist fieldset, 
		div.formbox fieldset.radiolist fieldset {float:left;width:13em;margin: 3px 0 0 10px}
		div.formbox fieldset.checkboxlist label, 
		div.formbox fieldset.radiolist label {float:left;width:13em;border:none;margin:0;padding:2px 0;margin-right:-3px}
		div.formbox label input.checkbox, 
		div.formbox label input.radio {width:auto;float:none;margin:0;padding:0}
		
		div.formbox label span.error {position:absolute;top:0;right:-10em;left:auto;display:block;width:16em;}
		div.formbox label span.error b {padding: 10px 0;margin: 0 10px 0 30px;display:block;width:auto;float:none;line-height:1.3}

/* TYPOGRAPHY */
h1, h2, h3 {
	font: bold 1em 'Trebuchet MS', Arial, Sans-serif;
	color: #333;	
}
h1 { font-size: 1.5em; color: #6297BC; } 
h2 { font-size: 1.4em; text-transform:uppercase;}
h3 { font-size: 1.3em; }

p, h1, h2, h3 {
	margin: 10px 15px 15px 0;
}
.highlight {}
.subdued {}
.error {}
.success {}
.caption {}
.date {}
small {}
code {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #f2f2f2;  
  border-left: 4px solid #4284B0; 
}
acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}
blockquote {
	margin: 15px;
 	padding: 0 0 0 20px;  	
  	background: #FAFAFA;
	border: 1px solid #f2f2f2; 
	border-left: 4px solid #4284B0;   
	color: #4284B0;
	font: bold 1.2em/1.5em Georgia, 'Bookman Old Style', Serif; 
}

/* LISTS */
ul, ol {
	margin: 10px 30px;
	padding: 0 15px;
	color: #4284B0;
}
ul span, ol span {
	color: #666666; 
}

/* GENERAL */
img {border:0;
	/*border: 2px solid #CCC;*/
}
img.no-border {
	border: none;
}
img.float-right {
  margin: 5px 0px 5px 15px;  
}
img.float-left {
  margin: 5px 15px 5px 0px;
}
/*
a img {  
  border: 2px solid #568EB6;
}
a:hover img {  
  border: 2px solid #CCC !important; 
  border: 2px solid #568EB6;
}
*/
hr {}
.clear {clear:both;position:relative;height:0px;line-height:0px} 
.noborder{border: 0;}

.post-footer {
	background-color: #FAFAFA;
	padding: 5px; margin: 20px 15px 0 15px;
	border: 1px solid #f2f2f2;
	font-size: 95%;	
}
.post-footer .date {
	background: url(/Templates/BrightSide/images/clock.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .comments {
	background: url(/Templates/BrightSide/images/comment.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .readmore {
	background: url(/Templates/BrightSide/images/page.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}

/* SPECIAL */
a.email {
	background: url(/Resources/img/email.png) no-repeat left center;
	padding-left: 18px; 
	height: 18px;
}
a.url {
	background: url(/Resources/img/world.png) no-repeat left center;
	padding-left: 18px; 
	height: 18px;
}

/* LAYOUT - HEADER */
#header {	border: 0;
	position: relative;
   height: 85px;	
	background: #FFF url("/Templates/BrightSide/images/headerbg.gif") repeat-x 0% 100%;	
}
      #header div#logocontainer{float: left;height: 85px;}
      #header div#hcontainer{float: left;height: 85px;}

      #header img.imglogo {
         height: 78px;
      }
      #header h1#logo {
      	margin: 0; padding: 0;
      	font: bolder 3.1em 'Trebuchet MS', Arial, Sans-serif;
      	letter-spacing: -2px;
         left: 5px;	
      }
      #header h2#slogan {
         left: 95px; 
      	margin: 0; padding: 0;
      	color: #666666;
      	text-indent: 0px;
      	font: bold 11px Tahoma, 'trebuchet MS', Sans-serif; 
      	text-transform: none;	
      }
      .green {	color: #9EC630; }
      .gray  {	color: #BFBFBF; }

	/* NAV - top horizontal nav */
	#nav, #nav ul {
   	position: absolute;
      margin:0; padding: 0;
      list-style:none;
      right: 0; 
      bottom: 6px !important; bottom: 5px;
      font: bold 13px  Arial, 'Trebuchet MS', Tahoma, verdana,  sans-serif;	
   }
	#nav {/*margin: 0 105px 0 40px*/}
	#nav li {
      /*position:relative;float: left;width: 10em;display:block;margin: 0;padding:0*/
      display:inline;
      margin:0; padding:0;
   }
	#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
      /*text-decoration:none;cursor:pointer;display: block;*/
      float:left;
      background: url("/Templates/BrightSide/images/tableft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
   }
#nav a span{
   float:left;
   display:block;
   background: url("/Templates/BrightSide/images/tabright.gif") no-repeat right top;
   padding:6px 15px 3px 8px;
   color: #FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a span {float:none;}
/* End IE5-Mac hack */
#nav a:hover span {
	color:#FFF;
}

	#nav a:hover {
      background-position:0% -42px;
   }
   #nav a:hover span {
      background-position:100% -42px;
   }
#nav li.active a {
   background-position:0% -42px;
	color: #FFF;
}
#nav li.active a span {
   background-position:100% -42px;
	color: #FFF;
}
	
	#nav li ul {width:15.8em;position: absolute;left: -999em}
	#nav li:hover ul, #nav li.sfhover ul {left: 0;z-index:99999}
	
	#nav li li {background:none;float:none;border:none;padding-left:0}
	#nav li li.last {border-bottom:none}
	#nav li li a, #nav li li a:link, #nav li li a:visited, #nav li li a:hover {width:14em}
	#nav li li a:hover {}
	
	#nav li.active {}
	#nav li.active ul {}
	#nav li.active a:link, #nav li.active a:visited, #nav li.active a:hover, #nav li.active a:active {}
	#nav li.active a:hover {}
	
	#nav li.active li {}
	#nav li.active li.last {}
	#nav li.active li a:link, #nav li.active li a:visited, #nav li.active li a:hover, #nav li.active li a:active {}
	#nav li.active li a:hover {}
	
	#nav li.active li.active a:link, #nav li.active li.active a:visited, #nav li.active li.active a:hover, #nav li.active li.active a:active {}

	/* hide from IE mac \*/
	#nav li {width:auto}
	/* end hiding from IE5 mac */

/* 3livello di menu*/
#nav li ul ul {position: absolute;display: none;left: -999em;}
#nav li ul li:hover ul {display: block;left: 17em;top: 0.1em;}
#nav li.nav-sub {}
#nav li.active li.nav-sub {}
	
	/* SEARCH */
	#search {position:absolute;top:10px;right:10px;left:auto;width:30em; text-align: center}
	#search form {margin:0}
	#search input {width:8em;margin: 0 0 -1px;}
	#search label {padding:5px 0 0;display:inline}
	#search input.button, #search a.button {
   	margin: 0; 
	   padding: 2px 3px; 
	   font: bold 12px Arial, Sans-serif; 
	   background: #FAFAFA;
	   border: 1px solid #f2f2f2;
	   color: #777;	
	   width: 60px;
	   vertical-align: top;
   }
	
/* LAYOUT - main body of page */
#wrap {
	background: #FFF;
}
#content-wrap {background-color: #FFF;}
	#utility {}
	#sidebar {}

   #utility h1, #utility h2, #utility h3 {
	   margin: 10px 15px;
   }

   #content {min-height: 400px;}
	#content #breadcrumb {}
	#content #breadcrumb a:link, #content #breadcrumb a:visited {}
	#content #breadcrumb a:hover, #content #breadcrumb a:active {}

   blockquote#messagebox {}
   blockquote.underconstruction{background: transparent url(/Resources/img/workinprogress.jpg) no-repeat 5px 60%;}
   blockquote.success{background: transparent url(/Resources/img/action/success.gif) no-repeat 5px 60%;}
   blockquote.failed{background: transparent url(/Resources/img/action/failed.gif) no-repeat 5px 60%;}
   blockquote.info{background: transparent url(/Resources/img/action/info.gif) no-repeat 5px 60%;}
   blockquote.attention{background: transparent url(/Resources/img/action/attention.gif) no-repeat 5px 60%;}
   blockquote#messagebox h1, blockquote#messagebox p {padding-left: 20px;}
	
	.featurebox {}
	.featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {}
	.featurebox p {}
	.featurebox a {}
	.featurebox ul {display: block;list-style-type: disc;float: none;}
	.featurebox ol {display: block;list-style-type: decimal;float: none;}
   .featurebox ul li, .featurebox ol li{float: none;display: inline;}

	.featurebox fieldset.checkboxlist, .featurebox fieldset.radiolist {clear:left;float:left;width:32em;border:none;margin:0;padding-bottom:.7em}
	.featurebox fieldset.checkboxlist b, .featurebox fieldset.radiolist b {float:left;width:18em;line-height: 1.7;display:block;position:relative;padding-top:.3em}
	.featurebox fieldset.checkboxlist fieldset, .featurebox fieldset.radiolist fieldset {float:left;width:13em;margin: 3px 0 0 10px}
	.featurebox fieldset.checkboxlist label, .featurebox fieldset.radiolist label {float:left;width:13em;border:none;margin:0;padding:2px 0;margin-right:-3px}
	.featurebox label input.checkbox, .featurebox label span.radio input{width:auto;float:none;margin:0;padding:0}

   /* featurebox con liste in utility e sidebar */
   .linksbox ul {
   	list-style:none;
   	margin:10px 0 10px 10px;
   	padding:0;		
   }
   .linksbox ul li {
   	margin-bottom:1px;
   	border: 1px solid #f2f2f2;
   }
   .linksbox ul a {
   	display:block;
   	font-weight:bold;
   	color: #333;	
   	text-decoration:none;	
   	padding:2px 5px 2px 10px;
   	background: #f2f2f2;
   	border-left:4px solid #CCC;	
   	
   	min-height:18px;
   }

   * html body .linksbox ul a { height: 18px; }

   .linksbox ul a:hover {
   	padding:2px 5px 2px 10px;
   	background: #f2f2f2;
   	color: #339900;
   	border-left:4px solid #9EC630;
   }

   /* ------------------------ */
   table.loginbox, div.loginbox {
      margin:10px 0 10px 10px;padding: 0 0 0 10px;border-left: 4px solid #4284B0; background-color:#FAFAFA;
   }
	table.loginbox-aligncenter, div.loginbox {
	   width: 250px;text-align:center;margin-left:auto;margin-right:auto;
	}

   .loginbox input.input-text{width: 100px;}
   .loginbox input.button {
   	margin: 0; 
   	padding: 2px 3px; 
   	font: bold 12px Arial, Sans-serif; 
   	background: #FFF;
   	border: 1px solid #f2f2f2;
   	color: #777;	
   	width: 60px;
   	vertical-align: top;
   }
   .loginbox span.input-remembermecheck label {display: inline; width: 70px;}
	.loginbox p, .loginbox h1, .loginbox h2, .loginbox h3, .loginbox h4, .loginbox h5, .loginbox h6 {}
	.loginbox p {}
	.loginbox a {}

	.thumbnail {position:relative;z-index:9999;float:right;width:100px;}
	.thumbnail img {}
	
	.pagination {
   	background-color: #FAFAFA;
   	padding: 5px; margin: 20px 15px 0 15px;
   	border: 1px solid #f2f2f2;
   	font-size: 95%;	
   }
	.pagination p {position:relative;text-align:right}
	.pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {}
	.pagination p a:hover {}
	.pagination p span {}
	.pagination * {margin:0}
	.pagination h4 {}
	
	#resultslist {}
	#resultslist dt, #resultslist dl {}
	#resultslist dt {}
	#resultslist li {}
	#resultslist li dd {}
	#resultslist li dl {}
	#resultslist dd {}
	#resultslist dd.filetype, #resultslist dd.date {}
	
	/* TABLES */
	.grid {border-collapse:collapse;width:100%;
   	background-color: #FAFAFA;
   	padding: 0; margin: 0;
   	border: 1px solid #CCC;
   	font-size: 95%;	
   }
		.grid td {background-color: #fff;padding:1px;border: 1px solid #CCC}
		.grid td img{border:0;vertical-align:middle;}
		.grid th {text-align:center;border: 1px solid #CCC}
		.grid thead th {color:#FAFAFA;background-color: #4284B0;border: 1px solid #CCC;padding: 5px 3px}
		.grid tbody th {color:#FAFAFA;background-color: #4284B0;border: 1px solid #CCC;padding: 3px}
		.grid tbody th.sub {color:#FAFAFA;background-color: #4284B0;border: 1px solid #CCC;padding: 3px}
      .grid td.footer {padding: 4px}
      .gridSortHeader {color: #FAFAFA;text-decoration: underline;cursor: pointer;}
      .width-auto{width: auto}
      .width-70{width: 70%}
      .iconColumn{width: 20px}
      .short100Column{width: 100px}
      .commandColumn{width: 160px; text-align: right;}
      td.gridAlignLeft {text-align: left}
      td.gridAlignCenter {text-align: center}
      td.gridAlignRight {text-align: right}

      /* indicatori per tablesorter */
      .headerSort{background: url("/Resources/img/arrow2_up_down.gif") no-repeat left top;padding-left: 18px}
      .headerSortUp{background: url("/Resources/img/arrow2_up.gif") no-repeat left top;padding-left: 18px}
      .headerSortDown{background: url("/Resources/img/arrow2_down.gif") no-repeat left top;padding-left: 18px}
      
	/* TABLES - calendar */
	.calendar {width:200px;}
		.calendar td {text-align:center;}
		.calendar th {text-align:center}
		.calendar thead th {}
		.calendar tbody th {}
		.calendar tbody th.sub {}
		
	/* 'MORE' LINK - provides an accessible alternative to just using 'more' as a link at the end of paragraphs */
		a.morelink:link, a.morelink:visited, a.morelink:hover, a.morelink:active {}
		a.morelink:hover {}
		.morelink span {position:absolute;left:-9999px;width:900px}
		
	/* CODE - formatting for code inserted into body - more here: http://dizque.lacalabaza.net/temp/lipt/ */
		ol.code {position:relative}
		ol.code li {}
		ol.code code {display: block}
		ol.code .cmt {}
		li.tab0 code {}
		li.tab1 code {}
		li.tab2 code {}
		li.tab3 code {}
		li.tab4 code {}
		li.tab5 code {}
		ol.code li  {}
		p.note {}


/* SECONDARY NAVIGATION - vertical navigation */
	.nav-secondary {
      list-style:none;
      margin:10px 0 10px 15px;
      padding:0;		
   }
	.nav-secondary li {
   	margin-bottom:1px;
   	border: 1px solid #f2f2f2;
   }
	.nav-secondary a {
   	display:block;
   	font-weight:bold;
   	color: #333;	
   	text-decoration:none;	
   	padding:2px 5px 2px 10px;
   	background: #f2f2f2;
   	border-left:4px solid #CCC;	
   	
   	min-height:18px;
	}
   * html body .featurebox ul.nav-secondary a { height: 18px; }
   ul.nav-secondary a:hover {
   	padding:2px 5px 2px 10px;
   	background: #f2f2f2;
   	color: #339900;
   	border-left:4px solid #9EC630;
   }

/* SECONDARY NAVIGATION - 2nd TIER */
	.nav-secondary ul {border:0; padding:0;
	   list-style:none;
   }



/* LAYOUT - FOOTER */
#footer {
	color: #FFF; 
	background: #A9BAC3; 
	border-top: 5px solid #568EB6;
	font-size: 95%;		
}
	#footer p,#footer div {margin:0}
   #footer a { 
   	text-decoration: none; 
   	font-weight: bold;	
   	color: #FFF;
   }

/* MWEB SPECIFICS 
******************************************************/

.hide{display:none;}

/* No Script section
----------------------------------- */
#noscript div
{
   text-align: center;
	margin: 15px;
 	padding: 0 0 0 20px;  	
  	background-color: #FAFAFA;
	border: 1px solid #f2f2f2; 
	border-left: 4px solid #4284B0;   
	color: #4284B0;
	font: bold 1.2em/1.5em Georgia, 'Bookman Old Style', Serif; 
}

#noscript img
{
   vertical-align: middle;
}
/* ----------------------------------- */

img.validatorAlert
{
   border: 0;
   vertical-align: middle;
}


/* ControlPanel list (v. http://www.tbrown.org/ideas/tabularlist/) 
-----------------------------------------------------------------*/
ul.controlPanel
{
   padding: 0;
   margin: 0;
   width: 100%;
}
.controlPanel li
{
   height: 36px; /* img height + 4px */
   list-style: none;
   background: none;
   text-align: left;
   padding: 2px 0 0 0;
   margin: 0;
}
.controlPanel ul.controlPanelItem
{
	clear: left;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.controlPanel ul.controlPanelItem li
{
	float: left;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.controlPanel ul.controlPanelItem li.controlPanelIcon
{
   width: 32px;
   margin-right: 4px;
}
.controlPanel ul.controlPanelItem li.controlPanelLink
{
   width: 150px;
}
.controlPanel ul.controlPanelItem li.controlPanelDesc
{
   width: auto;
}


/* TAB CONTROL
---------------------------------------------------*/
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}
/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

.tabControl {
   width: 98%;
}    
.tabControl ul.ulTabControl{
   width: 100%;
   margin:0; padding: 0;
   list-style:none;
   right: 0; 
   bottom: 6px !important; bottom: 5px;
   font: bold 13px  Arial, 'Trebuchet MS', Tahoma, verdana,  sans-serif;	
}
.tabControl ul.ulTabControl li {
   display:inline;
   margin:0; padding:0;
}
.tabControl ul.ulTabControl li a.tabLink {
   float:left;
   background: url("/Templates/BrightSide/images/tableft.gif") no-repeat left top;
   margin:0;
   padding:0 0 0 4px;
   text-decoration:none;
}
.tabControl ul.ulTabControl li a.tabLink span{
   float:left;
   display:block;
   background: url("/Templates/BrightSide/images/tabright.gif") no-repeat right top;
   padding:6px 15px 3px 8px;
   color: #FFF;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabControl ul.ulTabControl li a.tabLink span {float:none;}
/* End IE5-Mac hack */
.tabControl ul.ulTabControl li a.tabLink:hover span {
	color:#FFF;
}

.tabControl ul.ulTabControl li a:hover {
   background-position:0% -42px;
}
.tabControl ul.ulTabControl li a:hover span {
   background-position:100% -42px;
}
.tabControl ul.ulTabControl li.active a, .tabControl ul.ulTabControl li.tabs-selected a {
   background-position:0% -42px;
	color: #FFF;
}
.tabControl ul.ulTabControl li.active a span, .tabControl ul.ulTabControl li.tabs-selected a span {
   background-position:100% -42px;
	color: #FFF;
}
.tabControl .tabs-selected a:link, .tabControl .tabs-selected a:visited,
.tabControl .tabs-disabled a:link, .tabControl .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabControl a:hover, .tabControl a:focus, .tabControl a:active {
    cursor: pointer;
}
.tabControl .tabs-disabled {
    opacity: .4;
}
.tabControl .tabs-disabled a:hover, .tabControl .tabs-disabled a:focus, .tabControl .tabs-disabled a:active {
    background: transparent;
}
.tabPage {
   clear: both;
   padding: 0px 10px 0 0;
   border-top: 2px solid #9EC041;
   border-left: 2px solid #9EC041;
}


/* Link/Buttons in fondo ai forms
----------------------------------- */
#actionLinksContainer
{
	background-color: #FFF;
   width: 99%;
   height:24px;
}

#actionLinksContainer .actionLeft,#actionLinksContainer .actionRight
{
}

#actionLinksContainer .actionLeft
{
   float: left;
} 

#actionLinksContainer .actionRight
{
   float: left;
   margin-left: 50px;
} 

#actionLinksContainer .actionLeft a,#actionLinksContainer .actionRight a {
	margin: 0; 
	font: bold 1em Arial, Sans-serif; 
	border: 1px solid #CCC;
	background: #FAFAFA; 
	padding: 2px 3px; 
	color: #4284B0;	
}

/* ASP.NET Menu
----------------------------------------------------------*/
.Menu-Skin-Vertical
{
    font-family: Tahoma;
    font-size: 8pt;
    position:relative;
    background-color: #F2F2F2;
}

.Menu-Skin-StaticItem
{
   background-color: #F2F2F2;
   border: solid 1px #648ABD;
   color: #F00; 
   font-size: 8pt;
}

.Menu-Skin-StaticHoverItem
{
   background: #FFF; 
   color: #FFF;
}

.Menu-Skin-DynamicHover
{
   background: #FFF;
   color: #FFF;
}

.Menu-Skin-Vertical a,
.Menu-Skin-StaticItem a,
.Menu-Skin-StaticHoverItem a,
.Menu-Skin-DynamicHover a
{
   text-decoration: none;
}


/* ASP.NET Menu for PageModuleActionMenu
----------------------------------------------------------*/
.actionMenu
{
   width: 98%;
   margin: 1%;
}
.actionMenu ul
{
/*   background-color: #F2F2F2;
   border: solid 1px #648ABD;*/
   color: #F00; 
   font-family: Tahoma;
   font-size: 8pt;
   list-style: none;
   padding: 1px;
margin: 0;
width: 18px;
}

.actionMenu li
{
   background: none;
   text-align: left;
   height: 18px;
   padding: 0 0 0 2px;
   position:relative;
   float: left;
   display:block;
   width: 18px;
}

.actionMenu img
{
   vertical-align: middle;
}

.actionMenu li a
{
   text-decoration:none;
   cursor:pointer;
}

.actionMenu li:hover ul, 
.actionMenu li.sfhover ul 
{
   left: 0;
   z-index:99999
}
.actionMenu li ul
{
   position: absolute;
   left: -999em;
   width: 15em;
   background-color: #F2F2F2;
   border: solid 1px #648ABD;
   color: #F00; 
   list-style: none;
   padding: 1px;
}
.actionMenu li li
{
   width: 14.5em;
   height: 18px;
   background: none;
   text-align: left;
   padding: 0 2px 0 2px;
}
.actionMenu li li:hover
{
   background: #FFF; 
}

div.actionMenuItems {float:left;}
div.actionMenuCaption {float:left;padding-left:2px}

/* Special formbox per la toolbar del ManagePageLayout
---------------------------------------------------------- */
div#pageLayoutToolbox 
{
   width:100%;
   height: 50px;
   padding: 0;border: 1px solid #d7d7d7;position:relative;
   background: #f6f6f6;
   font-size: 11px;
   text-align: center;
}

div#pageLayoutToolbox table.mainToolbox
{
   margin-left: auto;
   margin-right: auto;
}

div#pageLayoutToolbox table.mainToolbox td.left,
div#pageLayoutToolbox table.mainToolbox td.center {border-right: 2px solid #d7d7d7;}

div#pageLayoutToolbox table.mainToolbox td.left,
div#pageLayoutToolbox table.mainToolbox td.center,
div#pageLayoutToolbox table.mainToolbox td.right{padding: 0 2px 0 2px;}

div#pageLayoutToolbox table.addmodule td
{
   padding: 0 16px 0 2px;
   border-collapse: collapse;
}

div#pageLayoutToolbox table.addmodule,
div#pageLayoutToolbox table.mainToolbox{border: 0;}

	div#pageLayoutToolbox input,
	div#pageLayoutToolbox select {width:130px;font-size: 10px;}
	
div#pageLayoutToolbox a.button 
{
   padding: 1px 3px;
   background: none;
   border: 0;
   font-weight:bold;
   color: #c00;
}
div#pageLayoutToolbox a.button img{vertical-align: middle;}

	
/*---------------------------------------------------------- */

/* Special table classes for ManagePageLayout
---------------------------------------------------------- */
table#pageLayoutTable
{
	width: 100%;
	text-align: center;
	background-color: #FFF;
/*   border: dashed 1px #F00; */
}
#pageLayoutTable_LeftPane,
#pageLayoutTable_CenterPane,
#pageLayoutTable_RightPane
{
   border: dashed 1px #F00;
	background-color: #F6F6F6;
}
#pageLayoutTable_LeftPane .pageLayoutTableHeader,
#pageLayoutTable_CenterPane .pageLayoutTableHeader,
#pageLayoutTable_RightPane .pageLayoutTableHeader
{
	text-align: center;
   font-size: 8pt;
   font-weight:bold;
   margin-bottom: 4px;
}
table.pageLayoutTable_ModulesList,
table.pageLayoutTable_ModulesList tbody
{
/*	background-color: #FFF;
   border: solid 1px #648ABD;*/
   margin-bottom: 4px;
   width: 90%;
   margin-left: auto;
   margin-right: auto;
	border: 0;
}

table.pageLayoutTable_ModulesList td
{
	text-align: center;
	margin: 1px;
	background: transparent url(/Resources/img/toolboxbg.gif) repeat-x;
}

/*--------------------------------------------------------*/

#treeDetailPanel
{
	width: 100%;
	height: 350px;
}

#treeDetailPanel .tree
{
   float: left;
   width: 15em;
	height: 350px;
	border: 1px solid #EEE;
	padding: 2px;
	overflow: auto;
	background: #FFF;
}
.modaltree
{
   float: left;
   width: 15em;
   height: 160px;
	border: 1px solid #EEE;
	padding: 2px;
	overflow: auto;
	background: #FFF;
}

.modaltree a,
#treeDetailPanel a
{
   text-decoration: none;
}

.modaltree a.tree-selectednode,
#treeDetailPanel a.tree-selectednode
{
   background-color: #C00;
   color: #FFF;
}

#treeDetailPanel .details
{
   text-align: left;
   padding-left: 8px;
}

#treeDetailPanel .action
{
   padding-top: 2px;
	border: 1px solid #FFF;
}

/* MODAL Popup
   ------------------------------------------------ */
.modalPopup_Caption {height:20px;text-align: right; background-color: #9EC630; color: #FFF;
   padding: 0;margin: 0}
div.modalPopup_Caption a.jqmClose {height:100%;line-height:20px; text-decoration: none; color: #FFF; font-weight: bold; 
   padding: 0 2px 0 18px; 
   background: transparent url(/Resources/img/signout_bad.gif) no-repeat 0 -1px}
div.modalPopup_Caption a.jqmClose:hover {color: #4284B0;}
.modalWidth250{width: 250px}
.modalWidth350{width: 350px}
.modalWidth450{width: 450px}
.modalWidth550{width: 550px}

/* jqModal Styline */
/* z-index defaults to 3000 (in jqModal.js). You can pass as a parameter to change */
.modalPopup {
    display: none;
    position: fixed;
    top: 17%;
    /*left: 50%;
    width: 500px;*/
    margin: auto;
    background-color: #fff;
    border: 2px solid #595A38;
    /*border-top: 2px solid #FFF;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    border-left: 2px solid #FFF;*/
    padding: 2px;
}

.jqmOverlay {
    background-color: #000;
}

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .modalPopup {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}


/* ------------------------------------------------
.AspNet-TreeView-Collapse
{
    background: url(/Templates/Default/images/2nd_nav_bg.gif) no-repeat 210% 60%;
}

.AspNet-TreeView-Expand
{
    background:  url(/Templates/Default/images/2nd_nav_bg.gif) no-repeat 210% 0%;
}
 */

.AspNet-TreeView-Show
{
}

.AspNet-TreeView-Hide
{
    display:none;
}

/* Toolbar
-------------------------------------------------- */
div.toolbar ul{margin: 0;padding: 0}
div.toolbar{margin: 0;padding: 0;height:30px;
   background: #9EC630 url('/Templates/BrightSide/images/tabright.gif') top left repeat-x;
}
div.toolbar li {position:relative;float: left;width: auto;display:block;margin:0;padding:0;margin-top:5px;}
div.toolbar img{vertical-align: middle;border:0;}
div.toolbar span.caption, 
div.toolbar li a, 
div.toolbar li a:link, 
div.toolbar li a:visited, 
div.toolbar li a:hover, 
div.toolbar li a:active 
{
	font: bold 13px  Arial, 'Trebuchet MS', Tahoma, verdana,  sans-serif;	
   padding: 0.2em 1em;
   /*background-color: transparent;*/
   color: #FFF;
   text-decoration: none;
   border-right: 1px solid #FFF;
}
div.toolbar li a:hover {
   background-position:100% -42px;
}
div.toolbar li a:hover img{border:0;} 

/* File Manager
-------------------------------------------------- */
#filemanager-address,
#filemanager-footer
{
   text-align: center;
   vertical-align: middle;
   height:21px;
   background-color: #83ACCA;
   padding-top: 5px;
   font-family: verdana, helvetica, sans-serif;
   font-size:11px;
   font-weight:bold;
   color: #FFF;
}

.filemanager {border: 1px solid #595A38;border-collapse:collapse;width: 70%;
   font-family: verdana, helvetica, sans-serif;
   font-size:10px;
}
	.filemanager td {background-color: #fff;padding:1px;border: 1px solid #f2f2f2}
	.filemanager .align-center {text-align: center;}
	.filemanager tr.alt td{background-color: #FAFAFA;padding:1px;border: 1px solid #f2f2f2}
	.filemanager td img{border:0;vertical-align:middle;}
	.filemanager th {text-align:center;border: 1px solid #595A38}
	.filemanager thead th {color:#FAFAFA;background-color: #4284B0;padding: 5px 3px}
	.filemanager tbody th {color:#FAFAFA;background-color: #4284B0;padding: 3px}
	.filemanager tbody th.sub {color:#FAFAFA;background-color: #4284B0;padding: 3px}
   .filemanager td.footer {padding: 4px}
   .filemanager td a.file{text-decoration: none}
   .filemanager td a.file:hover{text-decoration: underline}

/* ------------------------------------------------ */

/* Downloads
-------------------------------------------------- */
.articlelist
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.articlelist li
{
   padding: 0;
	margin-left: 0;
	margin-bottom: 0;
	margin-right: 0;
	margin-bottom: 10px;
	background: none;
}

.articlelist h4
{
	margin-top: 2px;
	margin-bottom: 2px;
	font-size: 100%;
	border: 0;
}

.articlelist li a
{
   text-decoration: none;
}

.articlelist li a img
{
   vertical-align: middle;
}

.articlesub
{
	padding-top: 2px;
	padding-bottom: 2px;
	color: #666;
	background-color: #f9f9f9;
}

.articlesub span
{
	margin-right: 6px;
}

.articlecontent
{
	margin-left: 0;
	margin-bottom: 0;
	margin-right: 0;
	margin-bottom: 10px;
}

.articlecomments
{
	margin: 0px;
	padding: 0;
	list-style-type: none;
}

.articlecomments li
{
	margin-left: 0;
	margin-bottom: 0;
	margin-right: 0;
	margin-bottom: 10px;
	padding: 0;
	border-bottom: solid 1px #eee;
}

/* jTip 
   ------------------------------ */
#JT_arrow_left{
   background-image: url(/Resources/img/jtip/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(/Resources/img/jtip/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(/Resources/img/jtip/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;
}
.jTip img
{
   vertical-align: middle;
   border: none;
}

/* CalendarTextBox - jQuery Date picker 
   ------------------------------------------------ */
input.date-picker
{
   text-align: right;
}
a.date-picker {
	width: 16px;
	height: 16px;
	border: none;
	color: #fff;
	padding: 0;
	margin: 0;
	float: left;
	overflow: hidden;
	cursor: pointer;
	background: url(/Resources/img/calendar.gif) no-repeat; 
}
a.date-picker span {
	margin: 0 0 0 -2000px;
}
div.date-picker-holder, div.date-picker-holder * {
	margin: 0;
	padding: 0;
}
div.date-picker-holder {
	position: relative;
}
div.date-picker-holder input {
	float: left;
}
div.popup-calendar {
	display: none;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0; /* value for IE */
	padding: 4px;
	border: 2px solid #000;
	background: #fff;
	color: #000;
	overflow:hidden;
	width: 163px;
}
html>body div.popup-calendar {
	left: 99px; /* value for decent browsers */
}
div.popup-calendar div.link-close {
	float: right;
}
div.popup-calendar div.link-prev {
	float: left;
}
div.popup-calendar h3 {
	font-size: 1.3em;
	margin: 2px 0 5px 3px;
}
div.popup-calendar div.link-next {
	float: right;
}
div.popup-calendar div a {
	padding: 1px 2px;
	color: #000;
}
div.popup-calendar div a:hover {
	background-color: #000;
	color: #fff;
}
div.popup-calendar table {
	margin: 0;
}
* html div.popup-calendar table {
	display: inline;
}
div.popup-calendar table th, div.popup-calendar table td {
	background: #eee;
	width: 21px;
	height: 17px;
	text-align: center;
}
div.popup-calendar table td.inactive {
	color: #aaa;
	padding: 1px 0 0;
}
div.popup-calendar table th.weekend, div.popup-calendar table td.weekend {
	background: #f6f6f6;
}
div.popup-calendar table td a {
	display: block;
	border: 1px solid #eee;
	width: 19px;
	height: 15px;
	text-decoration: none;
	color: #333;
}
div.popup-calendar table td.today a {
	border-color: #aaa;
}
div.popup-calendar table td a.selected, div.popup-calendar table td a:hover {
	background: #333; 
	color: #fff;
}

/* ------------------------------------------------ */
/* Logo and Title Panel
   ------------------------------------------------ */
.logoPanel
{
   width: 100%;
   text-align: center;
}

/* Icon ListView
   ------------------------------------------------ */
div#listview-container{
   width: 100%;
   height: auto;
}
div ul.listview {
   text-align: center;
	margin:0px;
	/*margin-left:30%;*/
	padding:0px;
	list-style-type:none;	
}

.listview-width180{width:180px;display: block; float: left;border: 1px dotted #FFF;}

div ul.listview li {
   display:block;
	margin-right: 10px;
	margin-top:10px;
	font-size:10px;
	float:left;
	text-align:center;
 	list-style: none;
	border: none;
}
   div ul.listview li a{
	   font-size:10px;
 	   list-style: none;
	   height:80px;
	   /*width:74px;	*/
   }

div ul.listview li span {
	/*margin-top:48px;*/
	display:block;
   font-family: verdana;
   font-size:10px;
   font-weight:bold;
}

ul.listview li.listviewitem
{
   background-color: transparent;
}

ul.listview li.listviewitem-hover
{
   background-color: #A0C241;
   cursor: pointer;
}
ul.listview li.listviewitem-hover a span
{
   color: #FFF;
}

div ul.listview li a {text-decoration: none}
div ul.listview li a:hover {text-decoration: underline}
/* ------------------------------------------------ */

a.upload_removeitem {
   padding-left: 18px;
   background: transparent url(/Resources/img/critical.gif) no-repeat center left;
   height: 18px;
   line-height: 18px;
}

/* Styling Dates */
div.data, div.datah {
   float: left;
   width: 50px;
   margin:0 3px 3px 0;
   text-align: center;
   color: #777;
   padding-bottom: 5px;
}
div.data {background: #E9F3FF url(/Templates/BrightSide/images/date2h.png) no-repeat bottom left}
div.datah {background: #E9F3FF url(/Templates/BrightSide/images/date2h.png) no-repeat bottom left}
div.data span.d, div.datah span.d {
   display:block;
   font-size: 170%;
   font-weight: bold;
   color: #757797;
   padding-top: 5px;
   background: #E9F3FF url(/Templates/BrightSide/images/date2h.png) no-repeat top left
}
div.data span.m, div.datah span.m {text-transform:uppercase}
div.data span.h, div.datah span.h {}
/* ------------------------------------------------ */

#selectEstate {
   display: inline;
}
#selectEstate h3{
   display: inline;
   padding-left: 22px;
   background: transparent url(/Resources/img/CondominiWeb/estate.gif) no-repeat center left;
}


/* ECommerce */ 
/* FORMS - formbox - simple form, headings on left, form elements on right */
div.form_ec {width:100%;padding: .5em 0;background: #fff;border-top: 1px solid #d7d7d7;position:relative;}
div.form_ec fieldset {width:auto;margin: 0 1em;}
div.form_ec h3 {margin:0 0 .6em;font: bold 133% arial;color:#c00}
div.form_ec label {clear:left;float:left;width:100%;border-top: 1px solid #fff}