button::-moz-focus-inner { border: 0; }

.smcalendar
{
  border: #3C769D 1px solid;
  margin:0;
  padding:1px 0 0 0;
  background-color: #fbfbf0;
}

.smcalendar table.outer_tbl, .smcalendar table.year_spin
{
  margin:0;
  padding:0;
  border: 0;
  border-collapse: collapse;
  table-layout: fixed;
}

.smcalendar table.outer_tbl td, .smcalendar table.year_spin td
{
  margin:0;
  padding:0;
  border: 0;
  border-collapse: collapse;
}

.smcalendar tr.header_tr
{
  background:              white url(../core/resources/graphic/buttonbg2.png) 0 0 repeat-x; 
  background:             -moz-linear-gradient(0% 170% 90deg, #c4c4c4, white);
  background:             -webkit-gradient(linear, 0% 0%, 0% 170%, from(white), to(#c4c4c4));
  
  color:                   #777;
  font-family:            "helvetica neue", helvetica, arial, freesans, "liberation sans", "numbus sans l", sans-serif;
  font-size:               16px;
  font-weight:              bold;
  text-shadow:             1px 1px 0 white; 
  white-space:             nowrap;
  user-select:none;
  -moz-user-select:none;
  -webkit-user-select:none;
  margin:0;
  padding:0;
  cursor:default;
   
}

.smcalendar tr.header_tr span
{
  display:inline-block
}

.smcalendar table.innertbl
{
  margin:1px;
  padding:0;
  border: #fff 1px solid;
  border-collapse: collapse;
  background-color: #fbfbf0;
  font-family: "helvetica neue", helvetica, arial, freesans, "liberation sans", "numbus sans l", sans-serif;
  font-size: 16px;
}

.smcalendar table.innertbl td
{
  border: #fff 1px solid;
  color: #202020;
  /*text-align: center;
  vertical-align: middle;*/
}

.smcalendar table.innertbl a, .smcalendar table.innertbl span
{
  color: #202020;
  text-decoration: none;
  display: block;
  border: #fff6f1 1px solid;
  text-align: center;
  vertical-align: middle;
  margin: 0;
  padding: 2px 0;
}

.smcalendar table.innertbl a.selectedValue, .smcalendar table.innertbl span.selectedValue
{
  border-color: #f00
}

.smcalendar table.innertbl a.todayValue, .smcalendar table.innertbl span.todayValue
{
  background-color: #ff9
}



.smcalendar table.innertbl a:hover
{
  text-decoration: underline
}

.smcalendar table.innertbl .holyday, .smcalendar table.innertbl a.holyday
{
  color: #f00
}

.smcalendar table.innertbl a.neighbor, .smcalendar table.innertbl .neighbor
{
  color: #999;
}

.smcalendar table.innertbl a.neighbor_holyday, .smcalendar table.innertbl .neighbor_holyday
{
  color: #ff8181;
}

.smcalendar table.innertbl tr.innertbl_days_row
{
  font-size: 15px;
  font-weight: bold;
  color: #606060;
  text-shadow: 1px 1px 0 white; 
}
  

.smcalendar button.year_up
{
  display: block;
  width:15px;
  height:8px;
  background: transparent url( ../core/resources/graphic/arrowup.png) no-repeat scroll 0 0;
  margin:0;
  padding:0;
  outline:0;
  border:0;
}

.smcalendar button.year_up:hover
{
  background-image: url( ../core/resources/graphic/arrowup_h.png)

}

.smcalendar button.year_up:active
{
  background-image: url( ../core/resources/graphic/arrowup_a.png)

}

.smcalendar button.year_down
{
  display: block;
  width:15px;
  height:8px;
  background: transparent url( ../core/resources/graphic/arrowdn.png) no-repeat scroll 0 0;
  margin:0;
  padding:0;
  outline:0;
  border:0;
}

.smcalendar button.year_down:hover
{
  background-image: url( ../core/resources/graphic/arrowdn_h.png)
}

.smcalendar button.year_down:active
{
  background-image: url( ../core/resources/graphic/arrowdn_a.png)
}

.smcalendar button.month_prev, .smcalendar button.month_next
{
  display: inline-block;
  
  -moz-border-radius:      2px;
  -webkit-border-radius:   2px;
  border-radius:           2px;
  
  background:              white url(../core/resources/graphic/buttonbg2.png) 0 0 repeat-x; 
  background:             -moz-linear-gradient(0% 170% 90deg, #c4c4c4, white);
  background:             -webkit-gradient(linear, 0% 0%, 0% 170%, from(white), to(#c4c4c4));
  
  border-top:             #e6e6e6 1px solid;
  border-right:           #cccccc 1px solid;
  border-bottom:          #cccccc 1px solid;
  border-left:            #e6e6e6 1px solid;

  color:                   #404040;
  display:                 inline-block;
  font-family:            "helvetica neue", helvetica, arial, freesans, "liberation sans", "numbus sans l", sans-serif;
  
  outline:                  0;
  padding:                 0px 8px 5px;
  text-align:              center;
  text-decoration:         none;
  text-shadow:             1px 1px 0 white; 
  white-space:             nowrap;
  font-size:               20px;
  line-height: 16px;
  font-weight: bold;
  width:30px;
  height:30px;
  
}

.smcalendar button.month_prev:hover, .smcalendar button.month_next:hover
{
  background:            white url(../core/resources/graphic/buttonbg_h.png) 0 0 repeat-x; 
  background:           -moz-linear-gradient(0% 170% 90deg, #b8b8b8, white);
  background:           -webkit-gradient(linear, 0% 0%, 0% 170%, from(white), to(#b8b8b8));
  border-color:          #99ccff;
}

.smcalendar button.month_prev:active, .smcalendar button.month_next:active
{
  background-position:   0 -25px;
  background:            white url(../core/resources/graphic/buttonbg_a.png) 0 0 repeat-x; 
  background:           -moz-linear-gradient(0% 170% 90deg, white, #dedede);
  background:           -webkit-gradient(linear, 0% 0%, 0% 170%, from(#dedede), to(white));
  border-color:          #8fc7ff #94c9ff #94c9ff #8fc7ff;
  color:                 #1a1a1a;
  text-shadow:           1px -1px 0 rgba(255, 255, 255, 0.5);
}



.smcalendar select
{
  font-size: 12px;
  border: #888 1px solid;
}

/******************************** FIELD *************************************************/

div.smdatepicker
{
  display: inline-block;
  border: 1px solid;
  border-color:            #cccccc #e6e6e6 #e6e6e6 #cccccc;
  float: left;
}

div.smdatepicker input
{
  color: #202020
}

div.smdatepicker button.cldr
{
  
  
  background: transparent url( ../core/resources/graphic/calendar.png) no-repeat scroll center center;
  -moz-border-radius:      2px;
  -webkit-border-radius:   2px;
  border-radius:           2px;
  
  
  /*background:             -moz-linear-gradient(0% 170% 90deg, #c4c4c4, white);
  background:             -webkit-gradient(linear, 0% 0%, 0% 170%, from(white), to(#c4c4c4));*/
  
  border-top:             #e6e6e6 1px solid;
  border-right:           #cccccc 1px solid;
  border-bottom:          #cccccc 1px solid;
  border-left:            #e6e6e6 1px solid;

  color:                   #404040;
  display:                 inline-block;
  font-family:            "helvetica neue", helvetica, arial, freesans, "liberation sans", "numbus sans l", sans-serif;
  
  outline:                  0;
  padding:                 5px 8px 5px;
  text-align:              center;
  text-decoration:         none;
  text-shadow:             1px 1px 0 white; 
  white-space:             nowrap;
  font-size:               15px;
}

div.smdatepicker button.cldr:active
{
  /*background-position:   0 -25px;
  background:            white url(../core/resources/graphic/buttonbg_a.png) 0 0 repeat-x; 
  background:           -moz-linear-gradient(0% 170% 90deg, white, #dedede);
  background:           -webkit-gradient(linear, 0% 0%, 0% 170%, from(#dedede), to(white));*/
  border-color:          #8fc7ff #94c9ff #94c9ff #8fc7ff;
  color:                 #1a1a1a;
  text-shadow:           1px -1px 0 rgba(255, 255, 255, 0.5);
}

.popupCalendar
{
  position:absolute;
  display: block;
  /*z-index: 9999;*/
}

.popupCalendar iframe
{
  display:none;/*sorry for IE5*/
  display/**/:block;/*sorry for IE5*/
  position:absolute;/*must have*/
  top:0px;/*must have*/
  left:0px;/*must have*/
  z-index:-1;/*must have*/
  filter:mask();/*must have*/
}