*{
	margin:0;
	padding:0;
	}
*:focus {
	outline: 0;
	}
body{
	background:url(/el/le/admin/immagini/bgInterno.jpg) repeat-x top;
	font-family:Arial, Helvetica, sans-serif;
	}
/*********************************************************/
/*********************** STICKY FOOTER *******************/
/*********************************************************/
html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -60px;
}
.footer, .push {
	height: 60px;
	width:980px;
	margin:0 auto;
}
.footer p.copyright{
	float:right;
	margin-right:20px;
	margin-top:30px;
	color:#999;
	font-size:14px;
	}
.footer p.copyright a{
	color:#999;
	text-decoration:none;
	}
/*********************************************************/
/********************* FINE STICKY FOOTER ****************/

/*********************************************************/

/********************** STILI DIMENSIONI *****************/
/*********************************************************/
.pulisci{
	clear:both;
	}
.left{
	float:left;
	}
.right{
	float:right;
	}
a img{
	border:none;
	}
.hcinque {  
	height:5px;
}
.hdieci {  
	height:10px;
}
.hquindici {  
	height:15px;
}
.hventi {  
	height:20px;
}
.hventicinque {  
	height:25px;
}
.htrenta {  
	height:30px;
}
.r150{
	position:absolute;
	right:150px;
	bottom:0;
	height:50px;
	}
/*********************************************************/
/****************** FINE STILI DIMENSIONI ****************/

/*********************************************************/

/********************* STILI TESTO ***********************/
/*********************************************************/
h1.titolOfferte{
	font-size:30px;
	color:#336f8d;
	}
h1.titoletto{
	font-size:18px;
	color:#666;
	}
p.desc{
	font-size:12px;
	color:#666;
	}
.login h4{
	margin:0;
	padding:0;
	font-size:12px;
	color:#666;
	font-weight:normal;
	width:190px;
	}
.etichette {
	font-size:14px;
	color: #999;
	margin:0px;
}
.ricorda h4{
	text-align:right;
	}
a.link{
	color:#069;
	font-size:12px;
	margin-left:25px;
	margin-top:5px;
	}
p.linke{
	color:#336f8d;
	font-size:14px;
	float:left;
	}
p.linke a{
	color:#336f8d;
	font-size:14px;
	}
p.testoTooltip{
	font-size:12px;
	color:#333;
	}
p.descrOff{
	color:#4187b5;
	font-size:16px;
	font-weight:bold;
	}
.offerte ul li span.tre a{
	text-align:center;
	float:left;
	margin-left:14px;
	height:16px;
	line-height:16px;
	text-decoration:none;
	}
.offerte ul li span.tre a:hover{
	text-decoration:underline;
	}
.offerte ul li span.tre p{
	text-align:left;
	float:left;
	height:16px;
	line-height:16px;
	text-decoration:none;
	}
.offerte ul li span.tre a p{
	float:right;
	margin-left:5px;
	}
p.modifica{
	color:#41b121;
	}
p.vedi{
	color:#06c;
	}
p.cancella{
	color:#f03;
	}
/*********************************************************/
/******************** FINE STILI TESTO *******************/

/*********************************************************/

/****************** MODIFICA SPRY TEXTFIELD **************/
/*********************************************************/
.textfieldRequiredState .textfieldRequiredMsg,
.textfieldInvalidFormatState .textfieldInvalidFormatMsg,
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg {
	
    left: 25px;
    position: absolute;
    top: 95px;
  
}
.textfieldValidState input, input.textfieldValidState{
	background:url(/el/le/admin/immagini/yes.png) right center no-repeat;
	background-color: #B8F5B1;
}
input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background:url(/el/le/admin/immagini/cancel.png) right center no-repeat;
	background-color: #FF9F9F;
}

/*************** MODIFICA SPRY TABBEDPANNEL **************/

.TabbedPanelsTab {
	font-family:Arial, Helvetica, sans-serif;
	position: relative;
	top: 1px;
	float: left;
	padding: 15px 40px;
	margin: 0px 5px 0px 0px;
	font-size:14px;
	color:#666;
	background-color: #F7F7F7;
	list-style: none;
	border: solid 1px #CCC;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}
.TabbedPanelsTabHover {
	background-color: #FFF;
}
.TabbedPanelsTabSelected {
	background-color: #FFF;
	border-bottom: 1px solid #FFF;
}
.TabbedPanelsTab a {
	color: #666;
	text-decoration: none;
}
.TabbedPanelsContentGroup {
	clear: both;
	border:none;
	border-top: solid 1px #CCC;
	background-color: #FFF;
}
.TabbedPanelsContent {
	overflow: hidden;
	padding: 4px;
}
.TabbedPanelsContentVisible {
}
.VTabbedPanels {
	overflow: hidden;
	zoom: 1;
}
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}
.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}

/*********************************************************/
/********************* FINE MODIFICA SPRY ***************/

/*********************************************************/

/********************* BOTTONI CSS3 **********************/
/*********************************************************/
input.button{
	float:right;
	margin-right:2px;
	}
.button:hover{
	background:#80cfd9;
	}
input[type="submit"], a.button{
	-moz-border-radius: 5px 5px 5px 5px;
	-moz-box-shadow: 0 1px 2px #CCCCCC;
	-webkit-border-radius: 5px 5px 5px 5px;
	-webkit-box-shadow: 0 1px 2px #CCCCCC;
	background: #56becc;
	border: 0 none;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 17px;
	overflow: visible;
	padding: 5px 30px;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	}
input.salva{
	background:#33698d;
	}
input.salva:hover{
	background:#4187b5;
	}
h1.titoloBottone{
	font-size:26px;
	color:#336f8d;
	background:#ececec;
	margin-top:10px;
	padding:5px 10px;
	font-weight:normal;
	-moz-border-radius: 5px 5px 5px 5px;
	-moz-box-shadow: 0 1px 2px #CCCCCC;
	-webkit-border-radius: 5px 5px 5px 5px;
	-webkit-box-shadow: 0 1px 2px #CCCCCC;
	}
a.rosso{
	float:right;
	background:#f30;
	font-weight:normal;
	}
a.rosso:hover{
	background:#ff5c33;
	}
a.grigio{
	background:#CCC;
	font-weight:normal;
	float:right;
	}
a.grigio:hover{
	background:#BBB;
	}
a.blu, input.blu{
	background:#33698d;
	font-weight:normal;
	float:right;
	}
a.blu:hover, input.blu:hover{
	background:#4187b5;
	}
/*span.tondoBianco{
	-moz-border-radius: 20px 20px 20px 20px;
	-webkit-border-radius: 20px 20px 20px 20px;
	background:#FFF;
	color:#C03;
	padding:0 9px;
	margin-right:10px;
	}
	*/
/*********************************************************/
/******************** FINE BOTTONI CSS3 ******************/

/*********************************************************/

/********************* PAGINA DEL LOGIN ******************/
/*********************************************************/
.centro{
	width:410px;
	margin:0 auto;
	}
.postoLogo{
	width:410px;
	text-align:center;
	margin-bottom:10px;
	}
.postoLogo img{
	max-width:410px;
	}
.login{
	background:url(/el/le/admin/immagini/bgLogin.png) no-repeat;
	width:360px;
	height:212px;
	padding:25px;
	padding-top:35px;
	}
input.campo{
	height:40px;
	line-height:40px;
	margin-left:0px;
	float:left;
	font-size:16px; 
	font-weight:bold;
	padding-top:0px;
	padding-left:4px;
	color: #666666;
	font-family:Arial, Helvetica, sans-serif;
	border: 1px solid #CCCCCC;
	width:353px;
	}
.ricorda{
	float:left;
	margin-top:8px;
	}
/***********************/
.CbLogin{
	width:500px;
	height:300px;
	margin: auto
	}
.tressessanta{
	width:360px;
	margin:0 auto;
	}

/*********************************************************/
/******************** FINE PAGINA LOGIN ******************/

/*********************************************************/

/********************* INIZIO SCHEDA ADMIN ***************/
/*********************************************************/
.conteiner{
	width:980px;
	margin:0 auto;
	}
.testa{
	height:80px;
	width:980px;
	margin:0 auto;
	overflow:hidden;
	}
.logo{
	padding:10px 0;
	}
.logo30{
	padding:30px 0;
	}
.logo30 a.link{
	margin-left:5px;
	}
.logo img{
	max-height:60px;	
	}
.contenuto{
	width:980px;
	margin:0 auto;
	margin-top:20px;
	}
.side{
	padding-right:30px;
	border-right:solid 1px #ececec;
	float:left;
	}
.cont{
	width:773px;
	margin-left:30px;
	float:right;
	margin-top:5px;
	}
/*********************************************************/
/***************** MENU DELLA SIDEBAR ********************/
/*********************************************************/
ul.menu, ul.menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 146px;
}

ul.menu a {
  display: block;
  text-decoration: none;	
}

ul.menu li {
  	margin: 5px 0;
}

ul.menu li a, ul.menu ul.menu li a {
	background: #ccdbe2;
	color: #336f8d;	
	padding:10px;
	-moz-border-radius: 5px 5px 5px 5px;
	-moz-box-shadow: 0 1px 2px #CCCCCC;
	-webkit-border-radius: 5px 5px 5px 5px;
	-webkit-box-shadow: 0 1px 2px #CCCCCC;
	font-weight:bold;
}

ul.menu li a:hover, ul.menu ul.menu li a:hover {
  background: #e9eff2;
}
ul.menu li ul li, ul.menu ul.menu li ul li {
	list-style-image:url(/el/le/admin/immagini/li.jpg);
	margin-left:20px;
	}
ul.menu li ul li a, ul.menu ul.menu li ul li a {
	background: none;
	padding-left: 20px;
	font-size:12px;
	color:#336f8d;
	-moz-border-radius:none;
	-moz-box-shadow:none;
	-webkit-border-radius:none;
	-webkit-box-shadow:none;
	padding:5px;
	padding-left:0px;
	font-weight:normal;
}

ul.menu li ul li a:hover, ul.menu ul.menu li ul li a:hover {
  background: none;
  padding:5px;
  padding-left:0px;
  text-decoration:underline;
}
ul.menu ul.menu li a:hover {
    border-left: 0;
    padding-left:5px;
}
ul.menu a.active, ul.menu ul.menu li a.active, ul.menu a.active:hover, ul.menu ul.menu li a.active:hover {
    background: #e9eff2;
}
div.panel {
    border: 1px #000 solid;
    padding: 5px;
    margin-top: 1px;
}

ul.menu div.panel a, ul.menu div.panel li a:hover  {
    display :inline;
    color: #666;
    background: none;
    margin: 0;
    padding: 0;
    border: none;
    font-weight: bold;
}
ul.menu div.panel a:hover {
    color: #000;
    text-decoration: underline;
}
/*********************************************************/
/*************** FINE MENU DELLA SIDEBAR *****************/

/*********************************************************/

/************************ TOOLTIP ************************/
/*********************************************************/
/* The hint to Hide and Show */
.hint {
   	display: none;
	left:500px;
	position:absolute;
	width:260px;
    border: 1px solid #c93;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffc url(/el/le/admin/immagini/pointer.gif) no-repeat -10px 5px;
}
.hintV{
	display:inline;
	}
/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(/el/le/admin/immagini/pointer.gif) left top no-repeat;
}
/*.hint {
   	display: none;
	left:490px;
	position:absolute;
	width:274px;
}*/
.tooltip{
	position:relative;
	float:right;
/*	background:url(/el/le/admin/immagini/tooltip.png) no-repeat top;*/
	width:260px;
	display:inline;
	}
.inf{
	position:absolute;
	top:-6px;
	right:-6px;
	width:16px;
	height:16px;
	}
.internoTool{
	padding:10px 10px 5px 15px;
	}
.hotspot {
	padding-bottom:1px;
	cursor:pointer
	}

#tt {
	position:absolute;
	display:block;
	border:solid 3px #ccdbe2;
	}
#tttop {
	display:block;
	overflow:hidden
	}
#ttcont {
	display:block;
	background:#FFF;
	color:#FFF
	}
#ttbot {
	display:block;
	overflow:hidden
	}
/*********************************************************/
/*********************** FINE TOOLTIP ********************/

/*********************************************************/

/*********************** OFFERTE *************************/
/*********************************************************/
.testata{
	border-bottom:solid 2px #BBB;
	}
.testata a img{
	margin:0 6px 10px 20px;
	float:left;
	}
.testata p{
	font-size:12px;
	float:left;
	margin:10px;
	}
.testata p a{
	color:inherit;
	text-decoration:none;}
.offerte ul{
	list-style:none;
	}
.offerte ul li{
	border-bottom:solid 1px #BBB;
	}
.offerte ul li.titolOfferte{
	border-bottom:solid 2px #BBB;
	height:30px;
	clear:both;
	}
.offerte ul li span{
	font-size:14px;
	color:#333;
	padding:10px 0;
	text-align:center;
	padding-top:20px;
	}
.offerte ul li.titolOfferte span{
	font-size:14px;
	color:#333;
	font-weight:bold;
	padding-top:10px;
	}
.offerte ul li span.zero{
	float:left;
	width:80px;
	text-align:center;
	}
.offerte ul li span.uno{
	width:250px;
	float:left;
	text-align:left;
	padding-top:10px;
	font-size:12px;
	font-weight:bold;
	}
.offerte ul li span.uno h1{
	color:#336f8d;
	font-size:16px;
	width:460px;
	height:20px;
	overflow:hidden;
	}

.offerte ul li span.tre{
	float:right;
	font-size:11px;
	text-align:center;
	width:152px;
	}
.offerte ul li span.tre a{
	font-size:11px;
	text-align:center;
	width:62px;
	font-weight:normal;
	}
.offerte ul li span.tre a p{
	width:40px;
	font-size:11px;
	text-align:center;
	font-weight:normal;
	}
.offerte ul li span.tre a img{
	float:left;
	}
.offerte ul li span.due{
	width:200px;
	float:left;
	font-size:12px;
	padding-top:30px;
	}
#visualizzaOff{
	color:#336F8D;
	font-size:13px;
	height:18px;
	line-height:18px;
	}
#visualizzaOff a{
	height:18px;
	line-height:18px;
	vertical-align:top;
	cursor:pointer;
	margin-right:10px;
	margin-left:2px;
	font-weight:bold;
	}
#visualizzaOff a:hover{
	text-decoration:underline;
	}
#visualizzaOff h1{
	color:#336F8D;
	font-size:16px;
	float:left;
	margin-right:10px;
	}
.offerte ul li.titolOfferte span{
	font-size:14px;
	color:#333;
	padding-top:0px;
	}
/* message display page */
.message_list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.message_list li {
	padding: 0;
	margin: 0;
	background: none;
}
.message_head {
	padding-left: 555px;
	padding-bottom:20px;
	padding-top:18px;
	cursor: pointer;
	font-size:11px;
	width:70px;
	float:none;
	padding-right:150px;
}
.message_head img{
	margin-right:5px;
	}
.message_body {
	padding: 5px 10px 15px;
	font-size:13px;
}
/************/
.contenutoCB{
	width:770px;
	margin: 0 auto;
	height:410px;
	border:solid 1px #FFF;
	overflow:hidden;
	padding-right:3px;
	position:relative;
	}
.testaCB{
	width:770px;
	height:50px;
	line-height:50px;
	font-size:24px;
	font-weight:bold;
	color:#336f8d;
	}
#passo1_4{
	background:url(/el/le/admin/immagini/barra4_1.png) no-repeat;
	}
#passo2_4{
	background:url(/el/le/admin/immagini/barra4_2.png) no-repeat;
	}
#passo3_4{
	background:url(/el/le/admin/immagini/barra4_3.png) no-repeat;
	}
#passo4_4{
	background:url(/el/le/admin/immagini/barra4_4.png) no-repeat;
	}
.testaCB span.passo{
	width:160px;
	display:inline-block;
	padding-left:5px;
	margin: 0 11px;
	}
.testaCB span#passoAttivo{
	color:#FFF;
	}
.bott{
	position:absolute;
	width:150px;
	height:50px;
	bottom:0px;
	right:0px;
	}
input.campo250{
	height:40px;
	line-height:40px;
	margin-left:0px;
	float:left;
	font-size:16px; 
	font-weight:bold;
	padding-top:0px;
	padding-left:4px;
	color: #666666;
	font-family:Arial, Helvetica, sans-serif;
	border: 1px solid #CCCCCC;
	width:455px;
	}
/*#prezzOff{
	background:url(/el/le/admin/immagini/euro.png) no-repeat center left;
	padding-left:20px;
	width:440px;
	}*/
input.campo130{
	height:40px;
	line-height:40px;
	margin-left:0px;
	float:left;
	font-size:16px; 
	font-weight:bold;
	padding-top:0px;
	padding-left:4px;
	color: #666666;
	font-family:Arial, Helvetica, sans-serif;
	border: 1px solid #CCCCCC;
	width:130px;
	}
.contenutoCB #sprytextfield1,
.contenutoCB #sprytextfield2,
.contenutoCB #sprytextfield3,
.contenutoCB #sprytextfield4{
	float:left;
	margin-right:5px;
	}
.modRiep{
	border-bottom:solid 1px #BBB;
	padding-bottom:10px;
	}
.modRiep .left{
	width:200px;
	}
/*********************************************************/
/*********************** FINE OFFERTE ********************/

/*********************************************************/

/*********************** PAGINAZIONE *********************/
/*********************************************************/
.pagination{
padding: 2px;
}
.pagination ul{
margin: 0;
padding: 0;
text-align: center;
font-size: 16px;
}
.pagination li{
list-style-type: none;
display:inline;
padding-bottom: 1px;
}
.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none; 
color: #336f8d;
display:inline;
}
.pagination a:hover, .pagination a:active{
border: 1px solid #2b66a5;
color: #336f8d;
background-color: #80cfd9;
}
.pagination a.currentpage{
background-color: #56becc;
color: #FFF !important;
border-color: #2b66a5;
font-weight: bold;
cursor: default;
}
.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #e7e7e7;
border-color: #929292;
font-weight: normal !important;
}
.pagination a.prevnext{
font-weight: bold;
}
/*********************************************************/
/****************** FINE PAGINAZIONE *********************/
/*********************************************************/
#example {
	background:#e7e7e7;
    -webkit-box-shadow: 0 1px 10px #999;
    -webkit-border-radius: 6px;
    -moz-border-radius: 7px;
	padding:5px;
	width:333px;
	float:left;
  }

/* Form */

#calendar_form {
  clear: both;
}
  #calendar_form #labels label {
    font-weight: bold;
  }
  #calendar_form #fields span {
    background: #ccc;
    display: inline-block;
    margin: 5px 45px;
    padding: 0 4px;
    -webkit-box-shadow: 0 1px 1px #ccc;
  }
    #calendar_form #fields span input {
      border-style: none;
      background-color: transparent;
      font-size: 14px;
      padding: 2px 6px;
      width: 96px;

      -webkit-border-radius: 10px;
      -moz-border-radius: 11px;
    }
      #calendar_form #fields span input:focus {
        outline: none;
        background: #aaa;
      }
      #calendar_form #fields span input.error {
        background: #faa;
      }
div.timeframe_calendar {
  display: inline-block;
  margin: 0;
  padding: 0;
  text-align: center;
  text-shadow: none;
}

/* Menu */
div.timeframe_calendar ul.timeframe_menu {
  list-style-type: none;
  font-weight: bold;
  margin: auto;
  padding: 0 0 6px;
}
  div.timeframe_calendar ul.timeframe_menu li {
    display: inline;
	background:#e7e7e7;
  }
    div.timeframe_calendar ul.timeframe_menu li a {
      display: inline-block;
      height: 20px;
      padding: 2px;
      text-decoration: none;
      -webkit-box-shadow: 0 1px 2px #999;
	  background:#33698D;
      color: #FFFFFF;
    }
      div.timeframe_calendar ul.timeframe_menu li a.previous, div.timeframe_calendar ul.timeframe_menu li a.next {
        background: #FFF;
        color: #468966;
      }
        div.timeframe_calendar ul.timeframe_menu li a.previous:hover, div.timeframe_calendar ul.timeframe_menu li a.next:hover {
          background: #ccc;
        }
        div.timeframe_calendar ul.timeframe_menu li a.previous:active, div.timeframe_calendar ul.timeframe_menu li a.next:active {
          background: #aaa;
        }
      div.timeframe_calendar ul.timeframe_menu li a.disabled, div.timeframe_calendar ul.timeframe_menu li a.disabled:hover, div.timeframe_calendar ul.timeframe_menu li a.disabled:active {
        background: #FFF;
        color: #ccc;
        cursor: default;
      }
      div.timeframe_calendar ul.timeframe_menu li a.today {
        background: #468966;
        color: #eee;
		display:none;
      }
	  div.timeframe_calendar ul.timeframe_menu li a.reset {
		display:none;
      }
        div.timeframe_calendar ul.timeframe_menu li a.today:hover {
          background: #246744;
        }
        div.timeframe_calendar ul.timeframe_menu li a.today:active {
          background: #024522;
        }
      div.timeframe_calendar ul.timeframe_menu li a.previous {
        -moz-border-radius: 20px 20px 20px 20px;
		-webkit-border-radius: 20px 20px 20px 20px;
		padding:6px 12px;
		font-size:16px;
		font-weight:bold;
		margin-right:130px;
      }
      div.timeframe_calendar ul.timeframe_menu li a.next {
        -moz-border-radius: 20px 20px 20px 20px;
		-webkit-border-radius: 20px 20px 20px 20px;
		padding:6px 12px;
		font-size:16px;
		font-weight:bold;
		margin-left:130px;
      }

/* Calendar*/
div.timeframe_calendar table {
  border-collapse: collapse;
  display: inline;
  display: inline-block;
  font-size: 15px;
  margin: 0 6px 5px;
}
  /* Month names */
  div.timeframe_calendar table caption {
    text-shadow: 0 0 0 #fff;
  }
  /* Cell sizes */
  div.timeframe_calendar thead th, div.timeframe_calendar tbody td {
    height: 18px;
    margin: 0;
    padding: 2px 1px;
    width: 20px;
  }
  /* Weekday letters */
  div.timeframe_calendar thead {
    background: #222;
    color: #eee;
  }
  /* Days */
  div.timeframe_calendar tbody {
    background: #fff;
    -webkit-box-shadow: 0px 2px 6px #999;
  }
    div.timeframe_calendar tbody td {
      cursor: pointer;
    }
      /* Hover states not available in IE */
      div.timeframe_calendar tbody td.selectable:hover {
        background-color: #bbb;
      }
      div.timeframe_calendar tbody td.selected:hover, div.timeframe_calendar tbody td.stuck:hover {
        background-color: #33698d;
      }
      /* Selected states */
      div.timeframe_calendar tbody td.selected {
        background-color: #33698d;
      }
      div.timeframe_calendar tbody td.stuck {
        background-color: #33698d;
      }
      /* Range markers */
      div.timeframe_calendar tbody td.startrange, div.timeframe_calendar tbody td.endrange, div.timeframe_calendar tbody td.startendrange {
        cursor: col-resize;
      }
      div.timeframe_calendar tbody td.startrange {
        background-image: url(../images/start.png);
      }
      div.timeframe_calendar tbody td.endrange {
        background-image: url(../images/end.png);
      }
      div.timeframe_calendar tbody td.startendrange {
        background-image: url(../images/startend.png);
      }
      /* Today */
      div.timeframe_calendar tbody td.today {
        background-color: #33698d;
        color: #eee;
      }
        div.timeframe_calendar tbody td.today_selected {
          background-color: #33698d;
        }
        div.timeframe_calendar tbody td.today_stuck {
          background-color: #33698d;
        }
      /* Post/pre-month */
      div.timeframe_calendar tbody td.beyond {
        background-color: #aaa;
        background-image: none;
        color: #ccc;
      }
        div.timeframe_calendar tbody td.beyond_selected {
          background-color: #999;
        }
        div.timeframe_calendar tbody td.beyond_stuck {
          background-color: #888;
        }
      
      div.timeframe_calendar tbody td.unselectable {
        color: #ccc;
        cursor: default;
      }
      /* Clear button */
      div.timeframe_calendar tbody td span.clear {
        color: transparent;
        display: block;
        height: 0;
        position: absolute;
        width: 0;
      }
        div.timeframe_calendar tbody td span.clear span {
          background-image: url(../images/closebox.png);
          cursor: pointer;
          display: block;
          height: 30px;
          left: -18px;
          position: relative;
          text-indent: -10000px;
          top: -18px;
          width: 30px;
        }
          div.timeframe_calendar tbody td span.clear span.active {
            background-image: url(../images/closebox_selected.png);
          }