﻿/***************************************************************
					MASTERPAGE STRUCT
***************************************************************/


/* ---- RESET STYLE ---- */

.reset html,.reset  body,.reset  div,.reset  span,.reset  applet,.reset  object,.reset  iframe,.reset 
h1,.reset  h2,.reset  h3,.reset  h4,.reset  h5,.reset  h6,.reset  p,.reset  blockquote,.reset  pre,.reset 
a,.reset  abbr,.reset  acronym,.reset  address,.reset  big,.reset  cite,.reset  code,.reset 
del,.reset  dfn,.reset  em,.reset  img,.reset  ins,.reset  kbd,.reset  q,.reset  s,.reset  samp,.reset 
small,.reset  strike,.reset  strong,.reset  sub,.reset  sup,.reset  tt,.reset  var,.reset 
b,.reset  u,.reset  i,.reset  center,.reset 
dl,.reset  dt,.reset  dd,.reset  ol,.reset  ul,.reset  li,.reset 
fieldset,.reset  form,.reset  label,.reset  legend,.reset 
table,.reset  caption,.reset  tbody,.reset  tfoot,.reset  thead,.reset  tr,.reset  th,.reset  td,.reset 
article,.reset  aside,.reset  canvas,.reset  details,.reset  embed,.reset  
figure,.reset  figcaption,.reset  footer,.reset  header,.reset  hgroup,.reset  
menu,.reset  nav,.reset  output,.reset  ruby,.reset  section,.reset  summary,.reset 
time,.reset  mark,.reset  audio,.reset  video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
.reset article,.reset  aside,.reset  details,.reset  figcaption,.reset  figure,.reset  
footer,.reset  header,.reset  hgroup,.reset  menu,.reset  nav,.reset  section {
	display: block;
}
.reset body {
	line-height: 1;
}
.reset ol,.reset  ul {
	list-style: none;
}
.reset blockquote,.reset  q {
	quotes: none;
}
.reset blockquote:before,.reset  blockquote:after,.reset 
q:before,.reset  q:after {
	content: '';
	content: none;
}
.resettable {
	border-collapse: collapse;
	border-spacing: 0;
}

ul {
    padding: 4px 8px;
}

html{
    background-color: #FAFAFA;
    /*background:url('http://tornadotwins.com/wp-content/themes/iblogpro/images/back-gradient.jpg') #EFEFEF repeat-x left top;*/
}
html, body, .body {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height:100%;
    cursor: default;
    direction: ltr;
    text-align: left;
    background-color:#ffffff;
}
body {
    /*font: normal normal normal 90%/normal sans-serif, Verdana, Arial, Helvetica, sans-serif;/ *72%/normal */
    font: normal normal 90% Georgia, Serif;
    min-width: 600px;
    line-height: 1.5em;
    color: #000;
    overflow:auto;
}
.lt-ie8 body {
    overflow-y:hidden;
}
.lt-ie8 form {
    overflow-y:auto;
}

.body {
    overflow:hidden;
    position: relative; 
    top: 0px; 
    left: 0px; 
    right: 0px; /* IE doesn't read this */ 
    bottom: 0px; /* IE doesn't read this */
    border: 0px solid; 
    /*background-color: #FAFAFA;
    background:url('http://tornadotwins.com/wp-content/themes/iblogpro/images/back-gradient.jpg') #EFEFEF repeat-x left top;*/
    border-color:#FFFFFF;
}

/* ---- Header ---- */

.header {
    min-height: 70px;
    text-align: center;
    overflow:hidden;
    margin: 0 15px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 0 12px rgba(0,0,0,0.3);
	-moz-box-shadow:0 0 12px rgba(0,0,0,0.3);
    -webkit-box-shadow:0 0 12px rgba(0,0,0,0.3);
}
.lt-ie8 .header {
    height: 70px;
}
.header .login {
    text-align:right;
    margin-top:5px;
    float:right;
}
.lt-ie8 .header .login {
    background-color:White;
}

.header .line {
    top: 0px;
    height: 2px;
    background-color: #B7C6DC;
}

.header .content {
    background-color: #FFFFFF;
    border-top: solid 1px #000000;
    border-bottom: solid 1px #000000;
    width: 100%; 
}

.header .content span {
    display: block;
    height: 60px;
    /*width: 700px;*/
    margin-left: 300px;
    margin-top: 4px;
    margin-bottom: 2px;
    text-align:center;
}


/* ---- MENU ----*/

/*.body .menu,
.body .submenu,
.body .subsubmenu {
    position: relative;
    text-align:center;
    font: normal normal normal 115%/normal sans-serif, Verdana, Arial, Helvetica, sans-serif;
    /*max-height:60px;* /
    overflow:hidden;
}*/

li {
padding:5px !important;
}

.body .menu{
    background: #8394B2;
   /* border-top: 3px solid #A7B6CC;*/
    margin:0 0 4px 0;
    padding:0;
	min-height:25px;
}
.body .submenu{
    background: #96C0DD;
    /*border-top: 3px solid #C3C3C1;*/
    margin:0 0 3px 0;
    font-size:80%;
	min-height:25px;
}
.body .subsubmenu{
    background: #888;
   /* border-top: 2px solid #B3B3B1;*/
    margin:0;
    font-size:70%;
	min-height:25px;
    /*max-height:46px;*/
}

.body .menu ul,
.body .submenu ul,
.body .subsubmenu ul {
    list-style-type: none;
    list-style-image: none;
    margin:0 auto;
    padding:0;
    display: inline-table;
    vertical-align:sub;
    /*text-align:center;*/
    text-align:center;
    float: left;
}

.body .menu ul li,
.body .submenu ul li,
.body .subsubmenu ul li {
    margin: 0;
    padding: 0;
    position: relative;
    display: inline-block;
    /*text-align: center;*/
    float: left;
    
    /*border-width: 0 1px;
    border-style: solid;
    border-color: #bbb;
    border-left-color: #ddd;*/
}
.body .menu ul li {
    border-color: #A7B6CC;
    border-left-color: #D7E6FC;
}

.body .menu ul li:first-child,
.body .submenu ul li:first-child,
.body .subsubmenu ul li:first-child{
    border-left-width:0;
}
.body .menu ul li:last-child,
.body .submenu ul li:last-child,
.body .subsubmenu ul li:last-child{
    border-right-width:0;
}

.body .menu ul li a,
.body .menu ul li a:link,
.body .menu ul li a:active,
.body .menu ul li a:visited{
    font-weight: bold;
}

.body .menu ul li a,
.body .menu ul li a:link,
.body .menu ul li a:active,
.body .menu ul li a:visited,
.body .submenu ul li a,
.body .subsubmenu ul li a {
    display: block;
    cursor: pointer;
    text-decoration: none;
    color: white;
    /*padding:4px 6px;*/
    /*text-align:center;*/
    min-width:140px;
    text-shadow:1px 1px rgba(0,0,0,0.25);
}
/*.linka {
    color: #005A28 !important;
}
a {
    color: #005A28 !important;
}*/
.body .menu ul li a{
    font-size:140%;
}
.body .subsubmenu ul li a {
    font-size: 120%;
    color: #005A28;
}
.body .submenu ul li a {
    font-weight:bold !important;
    font-size:120%;
}

/*ie8 doesn't support mediaqueryes */
.lt-ie9 .body .menu ul li a { font-size:111% }
.lt-ie9 .body .submenu  ul li a{ font-size:106% }
.lt-ie9 .body .subsubmenu  ul li a{ font-size:101% }

.body .menu ul li a:hover {
    background-color:#96C0DD;
}
.body .submenu ul li a:hover {
    background-color:#888;/*#aaa;*/
}
.body .subsubmenu ul li a:hover {
    background-color:#C3C3C1;
}
/*
.body .menu ul li a.current,
.body .menu ul li a.current:link,
.body .menu ul li a.current:active,
.body .menu ul li a.current:visited,
.body .submenu ul li a.current,
.body .subsubmenu ul li a.current {
    background-color:#96C0DD;
    cursor:default;
}

.body .menu ul li a.current[disabled='disabled'],
.body .submenu ul li a.current[disabled='disabled'],
.body .subsubmenu ul li a.current[disabled='disabled']{
    background-color:#96C0DD;
    border-width:0px;
}
*/

.body .menu ul li a.current,
.body .menu ul li a.current:link,
.body .menu ul li a.current:active,
.body .menu ul li a.current:visited /*,
.body .submenu ul li a.current*/ {
    background-color:#96C0DD; /*#96C0DD;*/
    /*border:2px solid #86B0CD;*/
    /*padding:2px 4px;*/
    cursor:default;
}

.body .submenu ul li a.current,
.body .submenu ul li a.current:link,
.body .submenu ul li a.current:active,
.body .submenu ul li a.current:visited ,
.body .submenu ul li a.current {
    background-color:#888; /*#96C0DD;*/
    /*border:2px solid #86B0CD;*/
    /*padding:2px 4px;*/
    cursor:default;
}
.body .subsubmenu ul li:last-child a {
    width:280px;
}


.body .menu ul li a.current[disabled='disabled']{

    /*background-color:rgba(0,0,0,0.25);*/
    background-color:#888;  /*#96C0DD;*/
    border-width:0px;
    /*padding:4px 6px;*/
}

.body .submenu ul li a.current[disabled='disabled']{

    /*background-color:rgba(0,0,0,0.25);*/
    background-color:#888; /*#96C0DD;*/
    border-width:0px;
    /*padding:4px 6px;*/
}


.body .subsubmenu ul li a.current {
    background-color:#C3C3C1;
    /*border:2px solid #86B0CD;*/
    /*padding:2px 4px;*/
    cursor:default;
}

.body .subsubmenu ul li a.current[disabled='disabled']{
    background-color:#C3C3C1;

}




/*.body .center,*/
.body .menu .center,
.body .submenu .center,
.body .subsubmenu .center {
    max-width: 950px;
    min-width: 600px;
    /*height: 100%;*/
    margin-left: auto;
    margin-right: auto;
    overflow:hidden;
}

/* ---- CONTENT ---- */

.body .content 
{    
    /*background: #FFFFFF;
    border-top: 0px solid #B8E1A2;*/
    padding: 3px;    
}

.subcontent .commandBar {
    background-color: #eee;
    /*padding: 4px 8px;*/
    border: 1px solid #aaa;
    border-top-color: #ddd;
    border-left-color: #ddd;
    border-radius: 4px;
}



.breadcrumb-item {
    padding: 2px !important;
}
/***************************************************************
					GENERAL
***************************************************************/
p {
    margin: 0px;
}

input, textarea, select {
    color: #3E434A;
    line-height: 1;
    margin: 0;
    padding: 3px;
    resize: none;
}

.textbox {
}
/****************GRIDVIEW CON FORMATSTRING *********/
.TARight { text-align:right; }

.TALeft { text-align:left; }

.TACenter { text-align:center; }

TR.HeaderSearchDisplay
{
	background-color:#013B6D;
	height: 20px;
	color: #003C7C;	
	text-align: left;
	font-weight: bold;
}
DIV.WindowContenitor
{
	height: 100%;
	padding: 5px;
}

DIV.WindowContent
{
	width: 100%;
	color:Black;
}

div.WindowButton
{
	width: 100%;
	position: absolute;
	float: left;
	text-align: right;
	bottom: 8px;
	right: 5px;
}

.WindowPanel
{
	position: relative;
	padding: 1px;
	z-index: 2;
	border: solid 1px #CCCCCC;
	background-color: #FFFFFF;
}

div.WindowShadow
{
	filter: alpha(opacity=30);
	position: absolute;
	background-color: black;
	moz-opacity: 0.3;
	opacity: 0.3;
	margin-top: 10px;
	margin-left: 10px;
	z-index: 2;
}

.DetailPanel
{
	position:relative;
	margin:auto;
	top:50px;
	left: 0px;
	padding: 1px;
	z-index: 10;
	border: solid 1px #CCCCCC;
	background-color: #FFFFFF;
	
	-moz-box-shadow:0px 0px 25px 1px #000;
    -webkit-box-shadow:0px 0px 25px 1px #000;
    box-shadow:0px 0px 25px 1px #000;
    width:560px;
    min-height:200px;
}

.DetailConfirm
{
	position:absolute;
	top:50px;
    margin-left:35%;
    /*margin-right:30%;*/
	padding: 1px;
	z-index: 10;
	border: solid 1px #CCCCCC;
	background-color: #FFFFFF;
	/*margin-left:auto;
	margin-right:auto;*/
	-moz-box-shadow:0px 0px 25px 1px #000;
    -webkit-box-shadow:0px 0px 25px 1px #000;
    box-shadow:0px 0px 25px 1px #000;
    width:300px;
    min-height:150px;
}

div.DetailShadow
{
	position: absolute;
	top: 0px;
	left: 0px;
	filter: alpha(opacity=30);
	background-color: black;
	moz-opacity: 0.3;
	opacity: 0.3;
	margin-top: 10px;
	margin-left: 10px;
	z-index: 9;
}

.modalBackground
{
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 2;/*1010;*/
	background-color: rgba(0,0,0,0.3);
	/*filter: alpha(opacity=50);
	opacity: 0.5;*/
}

div.pnlExpanded {
    background-color: #505252;
    width: 100%;
    right: 0px;
}

.rowStyle, .alterRowStyle {
    padding: 5px;
    /*background-color: #D6E4FA;*/
    background-color: #FFFFFF;
}

.alterRowStyle {
    /*background-color: #bac8dc;*/
    background-color: #F0F0F0;
}

/*.rowStyleBasso, .alterRowStyleBasso {
    padding: 2px;
    / *background-color: #D6E4FA;* /
    background-color: #FFFFFF;
}

.innestingRowStyle {
    background-color: #FFFFFF;
}

.innestingAlterRowStyle {
    background-color: #F0F0F0;
}

.innerRowStyle, .innerAlterRowStyle {
    background-color: #D6E4FA;
    font-size: 10px;
}

.innerRowStyle td, .innerAlterRowStyle td {
    padding: 5px;
    border-bottom: solid 1px #a6b0c0;
}

.rowStyle td, .alterRowStyle td {
    padding: 10px;
    border-bottom: solid 1px #a6b0c0;
}

.rowStyleBasso td, .alterRowStyleBasso td {
    padding: 2px;
    border-bottom: solid 1px #a6b0c0;
}*/

.nopad .rowStyle td:hover, .nopad .alterRowStyle td:hover{
     background-color:#8BC53F;
}

.nopad .rowStyle td:hover *, .nopad .alterRowStyle td:hover *{
     color: #FFF;
}

.nopad .rowStyle td, .nopad .alterRowStyle td {
    padding: 0px;
}
.gridview {
    width:100% !important;
}

.gridview tr td .activeIcon {
    visibility: hidden;
}

.gridview tr:hover td .activeIcon {
    visibility: visible;
}

table.tableHeader {
    background-color: #013B6D;
}

table.tableHeader .innerCellDescription {
    font-weight: bold;
    height: 25px;
}

A, A:hover {
    text-decoration: none;
    /*color: Black;*/
}

.pointer {
    cursor: pointer;
}

.button * {
    padding: 0px;
    margin: 0px;
}

.button {
    display: inline-block;
    text-align: center;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    padding: 4px 8px 4px 8px;
    cursor: pointer;
    margin: 0px !important;
}

a.button {
    padding: 5px 10px 4px 10px;
}

a.linksub {
    color: #165469;
    font-weight: normal;
    font-style: italic;
}

a.linksub:hover  {
    color: #165469;
    font-weight: bold;
}

a.link {
    color: #165469;
    font-weight: normal;
}

a.link:hover 
{
    color:#165469;
    /*font-weight: bold;*/
    text-decoration:underline; 
}

a.linkred {
    color: red;
    font-weight: normal;
}

a.linkred:hover {
    text-decoration: underline;
}

.title {
    font-size:140%;
    margin-bottom:16px;
    padding-bottom:16px;
}

input.main, a.main{
    color:#444;
    cursor: pointer;
    text-shadow: 0px 1px 0px #ddd;
    display: block;
    float: left;
    text-align: center;
    cursor: pointer;
    height: 30px;
    width: 100px;
    padding: 0;
    margin: 0;
    overflow: visible;
    line-height: 30px;
    text-decoration: none;
    font-size:110%;
    
    border: 1px solid #aaa;
    background-color: #f5f5f5;
    /*background-image: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#f5f5f5), to(#f1f1f1));*/
    /* For WebKit (Safari, Google Chrome etc) */
	background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#f1f1f1));
	/* For Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(top, #f5f5f5, #f1f1f1);
	/* For Internet Explorer 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f5f5f5FF, endColorstr=#f1f1f1FF);
	/* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f5f5f5FF, endColorstr=#f1f1f1FF)";
}  

input.main:active, a.main:active, /*a.PDTbutton:active,*/
input.main[disabled="disabled"], a.main[disabled="disabled"] /*,a.PDTbutton[disabled="disabled"]*/ {
    color:#aaaaaa;
}

input.main:active, a.main:active{
    background: url(../../Images/Buttons/bg.main.gif) repeat-x transparent;
    background: -moz-linear-gradient(top, #d3d3d3 0%, #eeeeee 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#eeeeee));
}

.underline {
    text-decoration: none;
}

.underline:hover {
    text-decoration: underline;
}

.catalogcondition {
    color: #000000;
}

.usercondition {
    color: #454585;
}

.contractcondition {
    color: #108510;
}

.promotioncondition {
    color: #851010;
}

.extracondition
{
    color: #FF8C00;
}
.conditionlegend {
    background-color: #CACAAA;
    padding: 4px;
}
.conditionlegendwhite {
    background-color: White;
    padding: 4px;
}





/***************************************************************
							ALERTS JQUERY
***************************************************************/
#popup_container {
    font-family: Arial, sans-serif;
    font-size: 11px;
    min-width: 300px; /* Dialog will be no smaller than this */
    max-width: 600px; /* Dialog will wrap after this width */
    background: #FFF;
    border: solid 3px #6973B9;
    color: #000; /*-moz-border-radius: 5px; 	-webkit-border-radius: 5px; 	border-radius: 5px;*/ /* 	viola:			#9999CC; 	viola 30%:		#BCC4EA; 	viola dark:		#6973B9; 	viola light:	#ECEDFB; 	viola lastDark:	#575998; 	giallo:			#FFCC00; 	giallo 30%:		#FFF0B3; 	giallo dark:	#F3BC0F; 	rosso:			#DD1400; 	rosso 30%:		#F5B9B3; 	rosso dark:		#780C01;	 	verde:			#339900; 	verde 30%:		#C2E1B3;	 	verde dark;		#205C02; 	gray:			#999999; 	gray dark:		#6A6A6A; 	gray dark 2:	#606060; 	gray dark 3:	#444444;	 */
}

#popup_title {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 1.75em;
    color: #666; /*background: #CCC url(images/title.gif) top repeat-x;*/
    border: solid 1px #FFF;
    cursor: default;
    padding: 0em;
    margin: 0em;
}

#popup_content {
    /*background: 16px 16px no-repeat url(images/info.gif);*/
    border-top: solid 1px #9999CC;
    background-color: #F0F0FE;
    padding: 1em 1.75em;
    margin: 0em;
}

#popup_content.alert {
    background-image: url(images/info.gif);
}

#popup_content.confirm {
    background-image: url(images/important.gif);
}

#popup_content.prompt {
    background-image: url(images/help.gif);
}

#popup_message {
    padding-left: 48px;
}

#popup_panel {
    text-align: center;
    margin: 1em 0em 0em 1em;
}

#popup_prompt {
    margin: .5em 0em;
}*/


/***************************************************************
							TIPS
***************************************************************/
.tipsy {
    padding: 5px;
    font-size: 10px;
    opacity: 0.8;
    filter: alpha(opacity=80);
    background-repeat: no-repeat;
    background-image: url(../images/tipsy.gif);
}
.tipsy-inner {
    padding: 5px 8px 4px 8px;
    background-color: black;
    color: white;
    max-width: 200px;
    text-align: center;
}
.tipsy-inner {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.tipsy-north {
    background-position: top center;
}
.tipsy-south {
    background-position: bottom center;
}
.tipsy-east {
    background-position: right center;
}
.tipsy-west {
    background-position: left center;
}


/*---------- EDITED -------------*/

/*----------General------------*/
    
    
    h1, h2, h3, h4, h5, h6,
    .corso-title {
        font-family: georgia,serif;
        color: #755c44;/*#96C0DD*/
        letter-spacing: 0.1em;
        line-height: 1.5em;
        text-transform: uppercase;
    }
    h1, h2, h3 {
        margin: 26px 16px 18px 16px;
    }
    h4, h5, h6 {
        margin: 16px 10px 10px 10px;
    }


    ul li{
        list-style: none;
    }
    /*table tbody th {
        text-align:right;
        padding-right:15px
    }*/
    
    address{
        padding-left:6px;
    }
    
    /*table {}
    table tbody td{}*/
    
    ul li ul{
        margin-left:10px;
    }
    
    .widthMed {
        /*min-width:280px;*/
    }
    .leftalignedtext {
        text-align:left;
    }
    
    .textListTitle{
        font-size: x-large;
        line-height: 120%;
    }
    .textListSubTitle{
        font-size: large;
    }
    .textListDescription{
        font-size: medium;
    }
    
    
    #rightcolumn table.info thead th{
        font-size:large;
    }
    
    .beforeaside {display: inline-table;}
    aside{display: inline-table;}
    
    .downloadFile{
         vertical-align: middle;
         cursor:pointer;
    }
    input[type="image"] + .downloadFile {
        vertical-align:middle;
    }
    .sizeMedium{
        width:25px;
    }
    
    
    .legend,.filters-container{
        padding: 2px 4px;
        font-size: 120%;
    }
    
    .filters-container{
        background-color: #fafafa;
        border-bottom: 1px solid #ddd;
        color:Black;
    }
    .filters-container > * {
        display:inline-block;
    }
    
    .legend{
        background-color: lightsteelblue;
        border-bottom: 1px solid #a0b4ce;
        color: white;
        text-shadow: 1px 1px rgba(0,0,0,0.25);
    }
    .legend .state{
        color: #56809D;
        font-size: 75%;
        float: right;
        text-shadow: 0px 1px rgba(0,0,0,0.25);
        text-transform: none;
    }
    
    ul.horizontallist{
        display: inline-table;
        float: left;
        list-style-image: none;
        list-style-type: none;
        margin: 0 auto;
        padding: 0;
        text-align: left;
        vertical-align: sub;
        
        display:inline-block;
zoom:1;
display:inline;
    }
    ul.horizontallist > li {
        display: inline-block;
        float: left;
        margin: 0;
        padding: 0;
        position: relative;
    }

    ul.separated-list li {
        border-bottom:1px solid #ddd;
        margin:20px 30px 15px 5px;
        padding-bottom:12px;
    }
    ul.separated-list li:last-child {
        border-width:0;
    }
    
    /*--------------Templated Files----------------*/
    
    .yafPageLink > a {
        color: rgb(255, 255, 255) !important;
    }
.yafPageLink /*YAF*/,
.templatedFile_Title {
    text-align: center;
    margin: 10px auto 0 auto;
    padding: 4px 10px;
    border-radius: 6px;
    background-color: #92959D; /*lightslategrey*/
    color: rgb(255, 255, 255) !important;
    display: block;
    /*font-family: Georgia, serif;*/
    font-size: 21px !important;
    font-style: normal;
    font-variant: normal;
    font-weight: bold !important;
    line-height: normal;
    /*position: relative;*/
    text-shadow: 2px 1px rgba(0,0,0,0.5);
}
    .templatedFile_Title * {
        margin:6px 10px;
        padding:6px 10px;
    }
    .templatedFile_Title *:empty { display: none }
    .templatedFile_SubTitle {
        text-align:left;
        font-size:20px;
        margin: 0 0 20px 0;
        padding:6px 20px;
        border-bottom: 1px solid #B0C4DE;
        /*background-color:rgba(128,128,128,0.05)*/
    }
    .templatedFile_SubTitle *:empty { display: none }
    
    
    .maincontainer{
        width: 100%;
        max-width:1200px;
        min-width:570px;
        margin:auto;
        margin-top:10px;
    }
    
    .maincontainer > .contentwrapper{
        float: left;
        /*width: 60%;*/
    }

    .maincontainer > .contentwrapper > .contentcolumn{
       /* margin-right: 50px; /*Set right margin to RightColumnWidth*/
    }
    
    .rightcolumn{
        float: left;
        width: 20%; /*Width of right column in pixels*/
        margin-left: -2px; /*Set left margin to -(RightColumnWidth) */
        border-left:1px solid #ccc;
        position:relative;
        /*border-bottom:1px solid #ccc;*/
    }
    
    .leftcolumn{
        float: left;
        width: 10%; /*Width of right column in pixels*/
        padding:5px;
        margin-right:5px;
        border-right:1px solid #ccc;

        /*border-bottom:1px solid #ccc;*/
    }
    .maincontainer .innertube{
        /*margin: 10px; / *Margins for inner DIV inside each column (to provide padding)*/
        margin-top: 0;

    }
    .contentcolumn .innertube{
       /* margin:10px;  */
    }
    .rightcolumn .innertube{
        margin:0;
        width:100%
    }
    .leftcolumn .innertube{
        margin:0;
        width:100%
    }

    .maincontainer > .rightcolumn > .innertube > .subcontent{
        width:100%;
    }
    
    
    /*-------------Content Styles---------------*/
    
    .photogallery .photoItem{
        width:250px
    }
    .centered {
        text-align:center;
    }
    
    .columncontent {
        display:inline-table;
        width:49%;
        margin:0;
        padding:0;
        float: left;
        min-width: 300px;
    }
    
    .subcontent{
        margin:4px 8px;
        padding: 9px 10px;
        color: #2f2f2f;
        overflow: hidden;
        display:inline-table;
        display: block;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ie-border-radius: 10px;
        border-radius: 10px;
        border: 1px solid #a3a3a3;
        box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
        -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
        -moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
        
        /*background: #fff url('http://tornadotwins.com/wp-content/themes/iblogpro/images/post-bg.png') repeat-x left bottom;*/
        background-color:#fff
    }
    .subcontent .centeredImage {
            width:80%;
            max-width: 865px;
        }
    .subinfo {
        margin: 4px 8px;
        background-color: #eee;
        text-align: justify;
        padding-bottom:6px;
        background-color: #eee;
        /*border-radius: 0 0 15px 15px;box-shadow: 5px 5px 5px rgba(0,0,0,0.25);*/
    }
    .subinfo:empty,
    .subcontent:empty{
        display:none;
    }
    .subinfo.center,
    .subcontent.center {
        text-align:center;
    }
    
    /*-----headeredcontent----*/
    .headeredcontent{
        padding: 0;
        margin:5px 2px;
        /*border-radius: 0 0 10px 10px;*/
        border:1px solid #aaa;
        border-width:0 1px 1px 1px;
    }
    .headeredcontent > h1, .headeredcontent > h2, .headeredcontent > h3, .headeredcontent > h4, .headeredcontent > h5, .headeredcontent > h6{
        background-color:#d7e6fC;
        padding: 4px 10px;
        margin: -11px 0px;
    }
    .headeredcontent > div,
    .headeredcontent > ul,
    .headeredcontent > table{
        margin:30px 10px 20px 10px;
    }
    
    
    #rightcolumn .subcontent,
    #rightcolumn .headeredcontent {
        width: 80%;
    }
    
    fieldset{}
    fieldset legend {
        font-size: 14px;
        font-weight: bold;
        margin:0;
        font-family: georgia,serif;
        color: #755c44;
        letter-spacing: 0.1em;
        line-height: 1.5em;
        text-transform: uppercase;
    }
    fieldset.subcontent {
        padding:10px 10px 15px 15px;
        margin-bottom:15px;
    }
    
    .infoList a,
    .subcontent a,
    .headeredcontent a
    {
        font-size: 14px;
        font-family: serif;
        color: #58b;
        font-style: italic;
        /*text-decoration: underline;*/
        line-height:22px;
    }
    
    /*----------Info Tables---------------*/
    
    table.tableform
    {
        width: 100%;
    }
    table.tableform tr th
    {
        text-align: right;
        padding:2px 8px 2px 2px;
    }
    table.tableform tr th:not(:first-child) {
        padding-left:20px;
    }
    table.tableform tr td
    {
        padding:2px;
    }
    
    table.infoList { font-size: 110%; margin: 6px 6px 6px 14px; border-collapse: collapse; }
    table.infoList thead tr th { font-weight:bold; text-align:center; font-size:120%; padding:4px; border-bottom:1px solid rgba(0,0,0,0.05) }
    table.infoList tbody tr th { font-weight:bold; text-align:right; font-size:110%; padding-right:8px; border-right:1px solid rgba(0,0,0,0.05); vertical-align: text-top; border-top:1px solid rgba(0,0,0,0.05); }
    table.infoList tbody tr th:empty { border-width:0 }
    table.infoList tbody tr th:last-child { text-align:right; border-width:0; font-size:80%; font-weight:normal; font-style:italic; padding-bottom:10px; }
    table.infoList tbody tr th + td { padding-left: 8px; }
    table.infoList tbody tr td { padding: 2px 4px 2px 8px; }
    
    .infoList a { font-size: 18px; }
    
    
    /*---------------MultiAccordion-------------*/
    
    .multiaccordion > .legend,
    .multiaccordion > *:nth-child(odd) {
        cursor: pointer;
        position: relative;
        margin:0 !important;
    }
    .lt-ie9 .multiaccordion > .legend,
    .lt-ie9 .multiaccordion > *:nth-child(odd) {
        width:100%;/*IE7 IE8*/
    }
    
    .multiaccordion > .legend > *:not(.ui-panelstate-icon),
    .multiaccordion > *:nth-child(odd) > *:not(.ui-panelstate-icon){
        display:inline-block;
        position: relative;
        margin:0 !important;
        padding: 3px 3px 1px 3px;
        cursor: pointer;
    }

    .multiaccordion .ui-panelstate-icon.active{
        background-position: -64px -16px;
    }
    .multiaccordion .ui-panelstate-icon{
        background-image: url(http://code.jquery.com/ui/1.10.1/themes/base/images/ui-icons_454545_256x240.png);
        background-position: -32px -16px;
        cursor: pointer;
        display: inline-block;
        position: relative;
        /*display: block;
        position: absolute;
        top: 25%;
        left: 5px;*/
        height: 16px;
        width: 16px;
    }
    
    
    /* --------- GRIDS ------------*/
    
    .GridFilesList{
        margin:8px auto;
        border-bottom: 1px solid #aaa;
    }
    .GridFilesListSmall
    {
        margin:4px auto;
    }
    .GridFilesList tr td {
        padding: 8px 0 8px 8px;
    }
    .GridFilesListSmall tr td {
        padding: 4px;/*4px 0 4px 4px;*/
    }
    .GridFilesList tr td a{
        font-size: 20px;
        color: #444;
    }
    .GridFilesListSmall tr td a{
        font-size: 14px;
        color: #444;
    }
    
    .GridFilesList tr td > span{
        font-size: 110%;
        display: block;
        margin: 5px 0 2px 8px;
    }
    .GridFilesListSmall tr td > span {
        font-size:90%;
        display: block;
        margin: 3px 0 2px 5px;
    }
    
    .GridFilesList tr td .news-date{
        margin-top: 8px;
    }
    .GridFilesListSmall tr td .news-date{
        margin-top: 5px;
    }
    .GridFilesList tr td .news-date span,
    .GridFilesListSmall tr td .news-date span{
        font-style: italic;
    }


/* ------------ Paginatore ---------------*/
.paginatore{
    display: inline-block;
    margin:6px;
    padding:0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.paginatore > *{
    display: inline-block;
}
/*
.paginatore > nav, .paginatore > div, .paginatore > div div {
    display:inline;
    margin:0;
    padding:0;
}
.paginatore div div,.paginatore nav{
    cursor: pointer;
    border: 1px solid #888;
    border-right-width: 0;
    padding: 2px 8px 3px 7px;
    margin-right: -5px;
    background-color: #f6f6f6;
}
.paginatore nav:last-child{
    border-right-width:1px;
}
.paginatore div{
    overflow: hidden;
}
.paginatore div div.selected{
    /*border-top-width:0;
    border-bottom-width:0;* /
    background-color:#aaa;
    color:#eee
}
.paginatore nav:first-child{
    border-radius: 5px 0 0 5px;
}
.paginatore nav:last-child{
    border-radius: 0 5px 5px 0;
}
.paginatore nav.disabled{
    color:#aaa;
    cursor:default
}
*/

/* ------------- VALIDAZIONE -------------- */
.message h1, .message h2, .message h3 {
    margin: 4px 8px 16px 8px;
}
.message h4, .message h5, .message h6 {
    margin: 2px 6px 12px 6px;
}
.message a{
    font-weight: bold;
    text-decoration: underline;
}

.info, .success, .warning, .error, .validation 
{
    float:left;
    width:90%;
    border: 1px solid;
    /*margin: 10px 0px;*/
    padding: 12px 10px 12px 30px;
    background-repeat: no-repeat;
    background-position: 10px center;
    font-weight:bold;
    font-size:small;
}
.info > ul, .success > ul, .warning > ul, .error > ul, .validation > ul {
    font-weight:normal;
    font-size:medium;
}
.info.center, .success.center, .warning.center, .error.center, .validation.center {
    text-align:center;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    /*background-image: url('info.png');*/
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    /*background-image:url('success.png');*/
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    /*background-image: url('warning.png');*/
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    /*background-image: url('error.png');*/
}

.info a { color: #00327B; }
.success a { color: #2F6A00; }
.warning a { color: #7F4000; }
.error a { color: #B8000C; }

.gridheader{
    float: left;
    background-color: #fafafa;
    width: 100%;
    display:block;
}
.gridheader > *{
    display:inline;
}
.gridfooter{
    font-size:14px;
    padding:0;
    /*float: left;*/
    width: 100%;
}
.gridfooter.small{
    border-style: solid;border-color:#eee;border-top-color: #ccc;border-width: 1px 0;display: table-cell;float:right;background-color: #fafafa;width:100%
}
.gridfooter > .gridrecords{
    text-align: left;
    padding:2px 6px;
}
.gridfooter > .gridpaging{
    text-align: center;
    float: right;
    margin: 2px 6px 4px 6px;
}
.gridfooter a{
    padding:2px 6px;
    margin:2px 0;
    background-color:rgba(176, 196, 222, 0.25);
    float: left;
    margin-right:1px;
}

/*.btn.small{
    font-size: 12px;
    padding: 0 6px;
}

.btn > *{
    vertical-align:middle;
}*/

.btn + .btn { margin-left:-4px }

/*.btn,*/
.gridfooter a{
    cursor:pointer !important;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #b3b3b3;
    margin-left: -1px;
    font-size: 14px;
    position: relative;
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    color: #333333 !important;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    background-repeat: repeat-x;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0px 10px 0px rgba(255,255,255,0.4); /*ie9*/
    /*filter: progid:DXImageTransform.Microsoft.Shadow(color='#333333', Direction=135, Strength=1);*/
    text-decoration: none;
    cursor: auto;
    white-space: nowrap;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);/*text-decoration: underline;*/
    text-decoration:none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: moz-none;
    -ms-user-select: none;
    user-select: none;
}
.btn.first,
* .btn:first-child,
.gridfooter a:first-child{
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.btn.last,
* .btn:last-child,
.gridfooter * a:last-child{
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.btn:focus, .gridfooter a:focus {
    color: #333333;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}

.btn:hover,
.gridfooter a:hover{
    color: #333333;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}

.btn.active, .gridfooter a.active,
.btn:active, .gridfooter a:active,
.btn:hover, .gridfooter a:hover{
    background-color: #e6e6e6;
}

.btn.active, .gridfooter a.active,
.btn:active, .gridfooter a:active{
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn[disabled="disabled"],
.gridfooter a[disabled="disabled"]{
    cursor: default !important;
    color: #aaaaaa !important;
}
.btn .small,
.gridfooter .small a{
    padding: 2px 8px;
    font-size: 80%;
}

.btn.tab{
    border-bottom-width: 0;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

div.tab-header{
    border-bottom:1px solid #aaa;
    padding-left: 1px;
}


.unselectable{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.separator-horizontal{
    height: 1px;
    background-color: rgba(0,0,0,0.25);
    margin: 10px 0;
    padding: 0;
    float: left;
    width: 100%;
}
.separator-vertical{
    display: inline-table;
    width: 1px;
    background-color: rgba(0,0,0,0.1);
    height: 100%;
    vertical-align: top;
    margin: 0 6px;
}

input[type="checkbox"],
input[type="checkbox"] + label:not([for=""]),
input[type="radio"],
input[type="radio"] + label:not([for=""]){
    cursor:pointer;
    /*font-size: 130%;*/
    padding: 8px;
}


input[type="text"] {
    border: 1px solid #c4c4c4;
    /*height: 25px;
    width: 275px;*/
    background-color:rgba(128, 128, 128, 0.015);
    font-size: 13px;
    padding: 4px 4px 4px 4px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 2px 2px 4px #d9d9d9;
    -moz-box-shadow: 2px 2px 4px #d9d9d9;
    -webkit-box-shadow: 2px 2px 4px #d9d9d9;
}

input[type="text"] :focus {
    outline: none;
    border: 1px solid #7bc1f7;
    box-shadow: 0px 0px 8px #7bc1f7;
    -moz-box-shadow: 0px 0px 8px #7bc1f7;
    -webkit-box-shadow: 0px 0px 8px #7bc1f7;
}


table.modalcontent{ width:100%;border-collapse:collapse }
.modalheader,
table.modalcontent tr.header {
    width:100%;background-color: #96C0DD;
    color:White; text-align:left;
    position:relative;min-height:32px;
    font-size:140%;font-weight:bold;
    padding:0;margin:0;
}
.container,
.container td{
    padding:4px 10px;
}


/* SEARCH Specifications */

div.searchType_ECM,
div.searchType_Trasparenza,
div.searchType_Vigilanza,
div.searchType_Course,
div.searchType_File,
div.searchType_News,
div.searchType_Video {
    width:10px;
    height:10px;
    display: inline-table;
}
div.searchType_Course + *,
div.searchType_File + *,
div.searchType_News + *,
div.searchType_Video + * {
    display: inline-table;
}
div.searchType_Course { background-color:green; }
div.searchType_File { background-color:blue; }
div.searchType_News { background-color:red; }
div.searchType_Video { background-color:orange; }
div.searchType_Trasparenza { background-color:Yellow; }
div.searchType_Vigilanza { background-color:PERU; }
div.searchType_ECM { background-color:MEDIUMPURPLE; }

.btn.searchType_General{ border-bottom:3px solid lightgray; }
.btn.searchType_Course { border-bottom:3px solid green; }
.btn.searchType_File { border-bottom:3px solid blue; }
.btn.searchType_News { border-bottom:3px solid red; }
.btn.searchType_Video { border-bottom:3px solid orange; }
.btn.searchType_Trasparenza { border-bottom:3px solid yellow; }
.btn.searchType_Vigilanza { border-bottom:3px solid PERU; }
.btn.searchType_ECM { border-bottom:3px solid MEDIUMPURPLE; }

a.disabled {
    color:Gray;
}


.body .menu,
.body .submenu,
.body .subsubmenu {
    /*position: relative;*/
    text-align:center;
    font: normal normal normal 114%/normal sans-serif, Verdana, Arial, Helvetica, sans-serif;
   /* overflow:hidden;*/
}

.contentwrapper {
    width: 75%;
    margin-left: 7%;
    margin-right: 12%;
    margin-top: 5%;
    /*margin-left: 0 !important;*/
}

.rootdescription {
    width: 45%;
    float: left;
}
.rootcontent {
    width: 50%;
    float: right;
}
.root-title {
    float:left;
    width: 100%;
    /*margin-left: 10%;*/
    font-size: 28px;
    color: #444;
    font-weight: bold;
    padding:1%;
}

.root-subtitle {
    float: left;
    /*width: 80%;
    margin-left: 10%;*/
    font-size: 14px;
    padding: 1%;
}


/* style per la pagina di benvenuto */
.welcome {
    float: left;
    width: 100%;
    height: 50%;
    background-color: #ffffff;
    color: #ffffff !important;
    margin-top: -20px;
    border-radius: 10px;
    background-image: url(../../images/general/retro_rgb.jpg);
    background-size: 100% 100%;
}
.welcomeimg1{max-height: 100px; max-width:100px; }
.welcomeimg2{max-height: 100px; max-width:100px; }
.welcomecut{ float:left; max-height: 100px; max-width:100px;margin-left:80px;margin-top:120px; }
.welcometext1 {float: left; width:60%;margin-top:100px;  margin-left:10px;}
.welcometext2 {float: left; width:50%;margin-left:10px; }
.qrcode {position:absolute;width: 70px;height:70px;margin-top:-35%;margin-left:85%;}


.t_msddetail{
    float:left;
    width:100%;
    display:none;
}

.tabrow{
    float:left;
    width:100%;
    min-height:40px;
    border: 1px solid #CCCCCC;
    
}

.item5 {
    float: left;
    width: 5%;
    margin-top: 5px;
}

.item10 {
    float: left;
    width: 10% !important;
    margin-top: 5px;
    font-size: 14px;
}

.item15 {
    float: left;
    width: 15%;
    margin-top: 5px;
    font-size: 14px;
}

.item20 {
    float: left;
    width: 20%;
    margin-top: 5px;
    font-size: 14px;
}

.item25 {
    float: left;
    width: 25%;
    margin-top: 5px;
    font-size: 14px;
}

.item30 {
    float: left;
    width: 30%;
    margin-top: 5px;
    font-size: 14px;
}

.item35 {
    float: left;
    width: 35%;
    margin-top: 5px;
    font-size: 14px;
}

.item40 {
    float: left;
    width: 40%;
    margin-top: 5px;
    font-size: 14px;
}

.item45 {
    float: left;
    width: 45%;
    margin-top: 5px;
    font-size: 14px;
}

.item50 {
    float: left;
    width: 50%;
    margin-top: 5px;
    font-size: 14px;
}
.item70 {
    float: left;
    width: 70%;
    margin-top: 5px;
    font-size: 14px;
}

.input-group-addon, .input-group-btn {
     width: unset !important; 
    
}

.myrow{
    float:left !important;
    width:100% !important;
    margin:0 !important;
}
.main-navigation.menu-center {
    text-align: center;
}

.main-navigation {
    clear: both;
    display: block;
    font-weight: 300;
    font-family: 'Lato', sans-serif;
    position: relative;
    border-bottom: 3px solid #92959D;
    background: #C8C8C8;
}
    .main-navigation.menu-center li {
        margin-left: 12px;
        margin-right: 12px;
    }

    .main-navigation li {
        display: inline-block;
        position: relative;
        line-height: 48px;
        font-size: 14px;
        text-transform: uppercase;
        color: #ababab;
        white-space: nowrap;
    }
    .main-navigation a {
        display: block;
        text-decoration: none;
        color: #FFF;
        padding: 0 8px;
    }

 
@media (min-width: 401px) and (max-width: 767px) {
    .menu-hide {
        width: 350px !important;
        left: -350px;
        /*position: relative;*/
        margin-bottom: 10px;
    }

        .menu-hide .toggle-btn {
            display: block;
            cursor: pointer;
            position: absolute;
            right: 10px;
            top: 10px;
            z-index: 10 !important;
            padding: 3px;
            background-color: #ffffff;
            color: #000;
            width: 40px;
            text-align: center;
        }

    .dropdown-menu {
        width: 350px !important;
    }

    .menu-tab.active {
        left: 350px !important;
    }

    .brand {
        text-align: left !important;
        font-size: 22px;
        padding-left: 20px;
        line-height: 50px !important;
    }
}

@media (min-width: 767px) {
    .menu-hide .menu-list .menu-content {
        display: block;
    }
}


/* ---- MEDIA QUERIES ---- */
@media only screen and (min-width: 160px) and (max-width: 580px), only screen and (max-device-width: 580px) {
    body {
        /*font-size: 120%;*/
        line-height: 1;
        min-width: 160px;
    }
    .innertube {
        margin-top: 90px !important;
    }

    .rightcolumn {
        visibility: hidden;
    }

    .leftcolumn {
        visibility: hidden;
    }

    .maincontainer > .contentwrapper > .contentcolumn {
        margin-right: 0;
    }
    .breadcrumb-item {
        font-size: 11px !important;
    }
    .body .menu .center,
    .body .submenu .center,
    .body .subsubmenu .center,
    .maincontainer {
        width: 100%;
        min-width: 160px;
    }

    .body .menu,
    .body .submenu,
    .body .subsubmenu {
        min-height: 25px;
    }

    .photogallery .photoItem {
        width: 100%;
    }

    .maincontainer > .leftcolumn {
        width: 15%;
        margin-left: 0;
    }
    /*.maincontainer > .contentwrapper {width:100% !important;margin-left:0px; }*/
    .contentwrapper {
        width: 98% !important;
        /*margin-left: 70px;*/
        margin-top: 50px;
        margin-left: 1%;
        margin-right: 1%;
    }

    .gridview {
        font-size: 130% !important;
    }


    /* style per la pagina di benvenuto */
    .welcome {
        font-size: 50% !important; /*width:350px;height:350px;*/
    }

    .welcomecut {
        max-width: 70px;
        margin-left: 80px;
        margin-top: 40px;
    }

    .welcomeimg1 {
        max-width: 70px !important;
        max-height: 70px !important;
        margin-top: 40px;
    }

    .welcomeimg2 {
        max-width: 70px !important;
        max-height: 70px !important;
        margin-top: 10px;
    }

    .welcometext1 {
        width: 40%;
        margin-left: 0px;
        margin-top: 50px;
    }

    .welcometext2 {
        width: 40%;
        margin-left: 0px;
    }

    .cord {
        width: 7px !important;
        padding-top: 30px !important;
    }

    .ball {
        width: 7px !important;
        height: 7px !important;
    }

    #divloader1 {
        width: 44% !important;
    }

    #divloader2 {
        width: 55% !important;
    }

    .shadows div {
        margin-left: 1px !important;
        width: 6px !important;
        height: 2px !important;
    }



    /* style per la pagina Corsi */
    .corsoweblive {
        width: 98% !important;
        margin: 5px !important;
    }

    .corsowebslide {
        width: 98% !important;
        margin: 5px !important;
    }

    .corso-logo {
        width: 100%;
        margin-left: 0;
    }

    .corso-container {
        width: 100%;
    }

    .demicorso-container {
        width: 100% !important;
    }

    .demicorso-logo {
        width: 100%;
        margin: 0;
    }
    /*.demicorso-button { width: 100%; }*/
    .demicorso-button-void {
        visibility: hidden;
    }

    .demicorso-rightcolumn {
        margin-left: 0px;
    }
    /*.demicorso-contentwrapper {height:320px !important;}*/

    .demicorso-attachments {
        width: 100%;
        margin: 0;
    }

    .demicorso-professioni {
        width: 70%;
        margin: 0;
        font-size: 100% !important;
    }


    .DetailConfirm {
        margin-left: 20% !important;
    }
    /*.confirmcancel {width:100%}*/
    table.tableform td {
        max-width: 120px;
    }

    .DivItem100 {
        width: 100% !important;
        margin-top: 5px;
    }

    .DivItem {
        width: 50% !important;
        margin-top: 5px;
    }

    .DivLabel {
        width: 50% !important;
        margin-top: 5px;
    }

    .DivLabelUser {
        width: 60% !important;
        margin-top: 5px;
        font-size: 80% !important;
    }

    .DivItemUser {
        width: 40% !important;
        margin-top: 5px;
        font-size: 100% !important;
    }

    .DivLabelPsw {
        width: 60% !important;
        margin-top: 5px;
        font-size: 80% !important;
    }

    .DivItemPsw {
        width: 40% !important;
        margin-top: 5px;
        font-size: 100% !important;
    }

    .textbox {
        max-width: 130px !important;
    }

    select {
        max-width: 140px;
    }


    .info, .success, .warning, .error, .validation {
        font-size: large;
    }

    .rootcontent {
        width: 100%;
        float: left;
    }

    .rootdescription {
        width: 100%;
        float: left;
    }

    .root-title {
        width: 100%;
        margin-left: 0;
        padding: 0;
    }

    .root-subtitle {
        width: 100%;
        margin-left: 0;
        padding: 0;
    }

    #divriferimenti {
        width: 100% !important;
    }

    #collapseExample {
        width: 100% !important;
    }

    .breadcrumb-item {
        font-family: inherit !important;
    }

    .glyphicon {
        font-family: inherit !important;
    }

    .item5 {
        float: left;
        width: 100%;
        margin-top: 5px;
    }

    .item10 {
        width: 100%;
    }

    .item15 {
        width: 100%;
    }

    .item20 {
        width: 100%;
    }

    .item25 {
        width: 100%;
    }

    .item30 {
        width: 100%;
    }

    .item35 {
        width: 100%;
    }

    .item40 {
        width: 100%;
    }

    .item45 {
        width: 100%;
    }

    .item50 {
        width: 100%;
    }
}

    @media only screen and (min-width: 581px) and (max-width: 768px), only screen and (max-device-width: 768px) /* and (orientation : portrait)*/ {
        body
    {
        font-size: 78%;
    }
        .innertube {
            margin-top: 90px !important;
        }
    .rightcolumn {
        visibility:hidden;
    }
    .secondary
    {
        display:none;
    }
        .breadcrumb-item {
            font-size: 11px !important;
        }
    .maincontainer > .leftcolumn {
        width:15%;margin-left:0;
    }
    .maincontainer > .rightcolumn {
        width:15%;margin-left:0;
    }
    /*.maincontainer > .contentwrapper { width:70%; margin-left:0 !important; }*/

        .contentwrapper {
            width: 98% !important;
            /*margin-left: 70px;*/
            margin-top: 50px;
            margin-left: 1%;
            margin-right: 1%;
        }

    #divloader {margin-top:1% !important;}
    
     table.tableform td
    {
        max-width:120px;
    }
    .welcome {margin-left:0;}
    .DivItem100 {width:100% !important;margin-top:5px;}
    .DivItem {width:50% !important;margin-top:5px;}
    .DivLabel {width:50% !important;margin-top:5px;}
    .DetailConfirm{margin-left:30% !important;}
    select {max-width:140px;}
   /* .demicorso-contentwrapper {height:350px !important;}*/
     .info, .success, .warning, .error, .validation 
{
    
    font-size:large;
}

    .rootcontent {
        width: 100%;
        float: left;
    }
    .rootdescription {
        width: 100%;
        float: left;
    }
    .root-title {
        width: 100%;
        margin-left: 0;
    }

    .root-subtitle {
        width: 100%;
        margin-left: 0;
    }
    #divriferimenti {
        width: 100% !important;
    }

    #collapseExample {
        width: 100% !important;
    }
        .item5 {
            float: left;
            width: 100%;
            margin-top: 5px;
        }

        .item10 {
            width: 100%;
        }

        .item15 {
            width: 100%;
        }

        .item20 {
            width: 100%;
        }

        .item25 {
            width: 100%;
        }

        .item30 {
            width: 100%;
        }

        .item35 {
            width: 100%;
        }

        .item40 {
            width: 100%;
        }

        .item45 {
            width: 100%;
        }

        .item50 {
            width: 100%;
        }
}
@media only screen and (min-width: 769px) and (max-width: 1024px), only screen and (max-device-width: 1024px) /* and (orientation : portrait)*/
{
    body
    {
        font-size: 78%;
    }
    
    .rightcolumn {
        visibility:hidden;
    }
    .secondary
    {
        display:none;
    }
    
    .maincontainer > .leftcolumn {
        width:15%;margin-left:0;
    }
    .maincontainer > .rightcolumn {
        width:15%;margin-left:0;
    }
    /*.maincontainer > .contentwrapper { width:70%; margin-left:0 !important; }*/
    
    #divloader {
        margin-top:1% !important;

    }

    .contentwrapper {
        width: 98% !important;
        /*margin-left: 70px;*/
        margin-top: 50px;
        margin-left: 1%;
        margin-right: 1%;
    }
     table.tableform td
    {
        max-width:120px;
    }
    /*.demicorso-contentwrapper {height:320px !important;}*/
    .welcome {margin-left:0;}
    .DivItem100 {width:100% !important;margin-top:5px;}
    .DivItem {width:50% !important;margin-top:5px;}
    .DivLabel {width:50% !important;margin-top:5px;}
    .DetailConfirm{margin-left:30% !important;}
    select {max-width:140px;}
    /*a{
        color:Yellow !important;

    }*/
      .info, .success, .warning, .error, .validation 
{
    
    font-size:large;
}
    
}


/*@media only screen and (min-width: 844px) and (max-width: 1020px) 
{
    body
    {
        font-size: 72%;
    }
    .maincontainer{
        max-width:1200px;
    }
    .maincontainer > .contentwrapper {margin-left:0 !important; }
    .maincontainer > .leftcolumn {
        width:10%;margin-left:0;
    }
/
}*/

@media only screen and (min-width: 1025px) and (max-width: 1366px)/*, only screen and (min-device-width: 811px) and (max-device-width: 1399px)*/
{
    body
    {
        font-size: 72%;
    }
    .maincontainer{
        max-width:1200px;
    }
    /*a{
        color:Red !important;
    }*/
}

@media only screen and (min-width: 1367px) and (max-width: 1799px) /*, only screen and (min-device-width: 1400px) and (max-device-width: 1799px)*/
{
    body
    {
        font-size: 76%;
    }
    .maincontainer{
        max-width:1200px;
    }
}
@media only screen and (min-width: 1800px) /*, only screen and (min-device-width: 1800px)*/
{
    body
    {
        font-size: 82%;
    }
    .maincontainer{
        max-width:1600px;
    }
}


/* YAF */
.YAFContainer
{
    padding: 10px;
    /*background-color: rgba(223, 230, 239, 0.25);*/
    border-radius: 10px;
    border: 1px solid #a3a3a3;
}
        
.yafnet #yafheader .outerMenuContainer {
    background: rgba(223, 230, 239, 0.25);
}



