/** -----------css x search patologia select ------------- **/

.sbHolder{
    background-color: #FFFFFF;
    bottom: -12px;
    font-family: 'latoregular';
    font-size: 14px;
    height: 30px;
    left: 35px;
    position: relative;
    width: 100%;
}
.sbHolder:focus .sbSelector{
	
}
.sbSelector{
	display: block;
	height: 30px;
	left: 0;
	line-height: 30px;
	outline: none;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	top: 0;
}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{
	color: #333333;
	outline: none;
	text-decoration: none;
}
.sbToggle{
	background: url(../images/generic/bg_search_select.png) 0 0 no-repeat;
	display: block;
	height: 30px;
	outline: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
}
/*
.sbToggle:hover{
	background: url(../images/generic/select-icons.png) 0 -167px no-repeat;
}
.sbToggleOpen{
	background: url(../images/generic/select-icons.png) 0 -16px no-repeat;
}
.sbToggleOpen:hover{
	background: url(../images/generic/select-icons.png) 0 -66px no-repeat;
}*/
.sbHolderDisabled{
	background-color: #3C3C3C;
	border: solid 1px #515151;
}
.sbHolderDisabled .sbHolder{
	
}
.sbHolderDisabled .sbToggle{
	
}
.sbOptions{
	background-color: #fff;
	list-style: none;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 30px;
	width: 100%;
	z-index: 1;
	overflow-y: auto;
}
.sbOptions li{
	padding: 0 7px;
}
.sbOptions a{
	border-bottom: dotted 1px #515151;
	display: block;
	outline: none;
	padding: 7px 0 7px 3px;
}
.sbOptions a:link, .sbOptions a:visited{
	color: #333;
	text-decoration: none;
}
.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus{
	color: #d57b00;
}
.sbOptions li.last a{
	border-bottom: none;
}
.sbOptions .sbDisabled{
	border-bottom: dotted 1px #515151;
	color: #999;
	display: block;
	padding: 7px 0 7px 3px;
}
.sbOptions .sbGroup{
	border-bottom: dotted 1px #515151;
	color: #EBB52D;
	display: block;
	font-weight: bold;
	padding: 7px 0 7px 3px;
}
.sbOptions .sbSub{
	padding-left: 17px;
}


/** ----------- css x SELECT media gallery  ------------- **/


.jquery_select .label_mediag {}

/** --- hp -- **/
.select-338 {}
.select-338 .sbHolder {width: 338px;} 
.select-338 .sbOptions {width: 338px;display: block;z-index:999; border-right: 1px solid #717171;border-left: 1px solid #717171;border-bottom: 1px solid #717171;}


.select-158 {float:left;padding-left: 15px;}
.select-158 .sbHolder {width: 158px;border:1px #000 solid;left: 10px;top:16px;} 
.select-158 .sbOptions {width: 158px;display: block;z-index:999;}

.select-475 {float:left;padding-left: 15px;}
.select-475 .sbHolder {width: 475px;border:1px #000 solid;left: 10px;top:16px;} 
.select-475 .sbOptions {width: 475px;display: block;z-index:999;}

.select-430 {float:left;padding-left: 15px;}
.select-430 .sbHolder {width: 430px;border:1px #000 solid;left: 10px;top:16px;}  
.select-430 .sbOptions {width: 430px;display: block;z-index:999;}


/** ----------- eventi_e_comunicati.html  ------------- **/

.select-128 {float:left;}
.select-128 .sbHolder {width: 128px;background:#e0e0dd;top:16px;left: 0;z-index:999;} 
.select-128 .sbOptions {width: 128px;display: block;z-index:999; border-right: 1px solid #717171;border-left: 1px solid #717171;border-bottom: 1px solid #717171;overflow:auto!important;}


.select-482 {float:left;}
.select-482 .sbHolder {width: 482px;background:#e0e0dd;top:16px;left: 0;z-index:999;} 
.select-482 .sbOptions {width: 482px;display: block;z-index:999; border-right: 1px solid #717171;border-left: 1px solid #717171;border-bottom: 1px solid #717171;overflow:auto!important;}

.select-170 {float:left;}
.select-170 .sbHolder {width: 175px;background:#e0e0dd;top:16px;left: 0;z-index:999;} 
.select-170 .sbOptions {width: 170px;display: block;z-index:999; border-right: 1px solid #717171;border-left: 1px solid #717171;border-bottom: 1px solid #717171;overflow:auto!important;}

.select-280 {float:left;}
.select-280 .sbHolder {width: 280px;background:#e0e0dd;top:16px;left: 0;z-index:999;} 
.select-280 .sbOptions {width: 280px;display: block;z-index:999; border-right: 1px solid #717171;border-left: 1px solid #717171;border-bottom: 1px solid #717171;overflow:auto!important;}


.select-340 {float:left;}
.select-340 .sbHolder {width: 340px;background:#e0e0dd;top:16px;left: 0;z-index:999;} 
.select-340 .sbOptions {width: 340px;display: block;z-index:999; border-right: 1px solid #717171;border-left: 1px solid #717171;border-bottom: 1px solid #717171;overflow:auto!important;}

.select-archivio {float:left; padding-top:20px; padding-left:20px;}
.select-archivio .sbHolder {width: 140px;background:#e0e0dd;top:16px;left: 0;z-index:999;}
.select-archivio .sbOptions {width: 140px;display: block;z-index:999; border-right: 1px solid #717171;border-left: 1px solid #717171;border-bottom: 1px solid #717171;overflow:auto!important;}


/** ----------- mediagallery.html  ------------- **/

.select-618 {float:left;}
.select-618 .sbHolder {width: 618px;background:#e0e0dd;top:16px;left: 0;z-index:999;} 
.select-618 .sbOptions {width: 618px;display: block;z-index:999; border-right: 1px solid #717171;border-left: 1px solid #717171;border-bottom: 1px solid #717171;overflow:auto!important;}

.select-340 {float:left;}
.select-340 .sbHolder {width: 340px;background:#e0e0dd;top:16px;left: 0;z-index:999;} 
.select-340 .sbOptions {width: 340px;display: block;z-index:999; border-right: 1px solid #717171;border-left: 1px solid #717171;border-bottom: 1px solid #717171;overflow:auto!important;}





/* ----------- FORM SELECT INPUT GRAY GENERAL ----------- */

#graysearchpad {
    float: left;
	padding:13px 0 0 14px;
}

.graytextinputpad {
    float: left;
	padding:13px 0 0 0;
}


.graytextinput {
    border: 0 none;
    font-family: 'latoregular';
    font-size: 12px;
    height: 30px;
    line-height: 13px;
    padding: 0 0 3px 5px;
    width: 110px;
	background:#e0e0dd;
    float: left
}

.graybutton {
    background: url("../images/generic/bg_search.png") no-repeat scroll 0 0;
    border: 0 none;
    float: right;
    height: 30px;
    width: 44px;
	text-indent: -10000px;
	cursor: pointer;
    float: left
}

/*form input search con bottone*/
.input304 {width:304px;border-right: 2px solid #FFFFFF;}

/*form input generico*/
.input256 {width:256px;}
.input550 {width:550px;}






/** css xScrollbar **/



/** initial setup hp **/
.nano {
    height: 402px;
    overflow: hidden;
    position: relative;
    width: 330px;
}
.nano .content {
  position      : absolute;
  overflow      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano .content:focus {
  outline: thin dotted;
}
.nano .content::-webkit-scrollbar {
  visibility: hidden;
}
.has-scrollbar .content::-webkit-scrollbar {
  visibility: visible;
}
.nano > .pane {
  background : rgba(255,255,255,.25);
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01; 
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;  
  border-radius         : 5px;
}
.nano > .pane > .slider {
  background: #444;
  background : rgba(255,255,255,.5);
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;  
  border-radius         : 3px;
}
.nano:hover > .pane, .pane.active, .pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}







/** scroller  initial setup  highlight pagina medico **/
.nanohight {
    height: 257px;
    overflow: hidden;
    position: relative;
    width: 380px;
}
.nanohight .content {
  position      : absolute;
  overflow      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nanohight .content:focus {
  outline: thin dotted;
}
.nanohight .content::-webkit-scrollbar {
  visibility: hidden;
}
.nanohight  .has-scrollbar .content::-webkit-scrollbar {
  visibility: visible;
}
.nanohight > .pane {
  background : rgba(255,255,255,.25);
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01; 
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;  
  border-radius         : 5px;
}
.nanohight > .pane > .slider {
  background: #444;
  background : rgba(255,255,255,.5);
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;  
  border-radius         : 3px;
}
.nanohight:hover > .pane, .pane.active, .pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}

.box_highlight_scroll {
    float: left;
    padding: 0px 0 10px;
    width: 90%;
}



/** scroller  news pagina paziente **/
.nanonews {
    height: 181px;
    overflow: hidden;
    position: relative;
    width: 330px;
}
.nanonews .content {
  position      : absolute;
  overflow      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nanonews .content:focus {
  outline: thin dotted;
}
.nanonews .content::-webkit-scrollbar {
  visibility: hidden;
}
.nanonews  .has-scrollbar .content::-webkit-scrollbar {
  visibility: visible;
}
.nanonews > .pane {
  background : rgba(69,124,161,.25);
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01; 
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;  
  border-radius         : 5px;
}
.nanonews > .pane > .slider {
  background: #444;
  background : rgba(69,124,161,.5);
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;  
  border-radius         : 3px;
}
.nanonews:hover > .pane, .pane.active, .pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}

.box_nanonews_scroll {
    float: left;
    padding: 23px 0 10px;
    width: 99%;
}

.error_field {color:red;display:block;float:left;display:block;clear:left;font-family: 'fluxregularregular';font-size: 13px;}