/* FILE: /components/com_proforms/js/calendar/calendar-system.css */
/* The main calendar widget.  DIV containing a table. */.pfmCalendar {  position: relative;  display: none;  border: 1px solid;  border-color: #ddd;  font-size: 11px;  cursor: default;  background-color: #fff;  color: WindowText;  font-family: tahoma,verdana,sans-serif;  z-index: 9999999;  color: #000;-webkit-box-shadow: 5px 5px 5px rgba(100,100,100,0.8);   -moz-box-shadow: 5px 5px 5px rgba(100,100,100,0.8);        box-shadow: 5px 5px 5px rgba(100,100,100,0.8);}.pfmCalendar table {  border: 1px solid;  border-color: #ddd;  font-size: 11px;  cursor: default;  background: Window;  color: WindowText;  font-family: tahoma,verdana,sans-serif;  border-collapse: collapse;   display: table;  margin:0; padding:0;  min-width: 240px;box-sizing: border-box;-moz-box-sizing: border-box;}.pfmCalendar table tr {display: table-row;box-sizing: border-box;-moz-box-sizing: border-box;}.pfmCalendar table td {display: table-cell;box-sizing: border-box;-moz-box-sizing: border-box;}/* Header part -- contains navigation buttons and day names. */.pfmCalendar .pfmButton { /* "<<", "<", ">", ">>" buttons have this class */  text-align: center;  padding: 1px;  border: 1px solid;  border-color:#ddd;  background: #eee;}.pfmCalendar pfmNav {  background: #eee url(menuarrow.gif) no-repeat 100% 100%;}.pfmCalendar thead .pfmTitle { /* This holds the current "month, year" */  font-weight: bold;  padding: 1px;  border: 1px solid #ddd;  background: #eee;  color: #333;  text-align: center;}.pfmCalendar thead .headrow { /* Row <TR> containing navigation buttons */}.pfmCalendar thead .daynames { /* Row <TR> containing the day names */}.pfmCalendar thead .name { /* Cells <TD> containing the day names */  border-bottom: 1px solid #ddd;  padding: 2px;  text-align: center;  background: #eee;  color: #333;}.pfmCalendar thead .weekend { /* How a weekend day name shows in header */  color: #f00;}.pfmCalendar .rowhilite .weekend { /* How a weekend day name shows in header */  color: #f88;}.pfmCalendar thead .hilite { /* How do the buttons in header appear when hover */  outline: 1px solid #ccc;  padding: 0px;  border-color:#ddd;}.pfmCalendar thead .active { /* Active (pressed) buttons in header */  border-width: 1px;  padding: 2px 0px 0px 2px;  border-color: #ddd;}/* The body part -- contains all the days in month. */.pfmCalendar tbody .day { /* Cells <TD> containing month days dates */  width: 2em;  text-align: right;  padding: 2px 4px 2px 2px;}.pfmCalendar tbody .day.othermonth {  font-size: 80%;  color: #aaa;}.pfmCalendar tbody .day.othermonth.oweekend {  color: #faa;}.pfmCalendar table .wn {  padding: 2px 3px 2px 2px;  border-right: 1px solid #ddd;  background: #eee;  color: #333;}.pfmCalendar tbody .rowhilite td {  background: #0088CC;  color: #fff;}.pfmCalendar tbody td.hilite { /* Hovered cells <TD> */  border: #ddd;}.pfmCalendar tbody td.active { /* Active (pressed) cells <TD> */  padding: 2px 2px 0px 2px;  border: 1px solid;  border-color: #ddd;}.pfmCalendar tbody td.selected { /* Cell showing selected date */display:table-cell;margin:0;line-height: 100%;width: auto; height: 100%;  font-weight: normal;  padding: 2px 2px 0px 2px;  background-color: #eee;  color: #333;   border: 1px solid rgba(82, 168, 236, 0.8);    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);}.pfmCalendar tbody td.weekend { /* Cells showing weekend days */  color: #f00;}.pfmCalendar tbody td.today { /* Cell showing today date */  font-weight: normal;  color: #22bbff;}.pfmCalendar tbody td.disabled { color: GrayText; }.pfmCalendar tbody .emptycell { /* Empty cells (the best is to hide them) */  visibility: hidden;}.pfmCalendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */  display: none;}/* The footer part -- status bar and "Close" button */.pfmCalendar tfoot .footrow { /* The <TR> in footer (only one right now) */}.pfmCalendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */  background: #eee;  padding: 1px;  border: 1px solid;  border-color: #ddd;  color: #333;  text-align: center;}.pfmCalendar tfoot .hilite { /* Hover style for buttons in footer */  border: #ddd;  padding: 1px;  background: #e4e0d8;}.pfmCalendar tfoot .active { /* Active (pressed) style for buttons in footer */  padding: 2px 0px 0px 2px;  border-top: 1px solid #000;  border-right: 1px solid #fff;  border-bottom: 1px solid #fff;  border-left: 1px solid #000;}/* Combo boxes (menus that display months/years for direct selection) */.pfmCalendar .combo {  position: absolute;  display: none;  width: 4em;  top: 0px;  left: 0px;  cursor: default;  border: 1px solid #ccc;  background: #eee;  color: #333;  font-size: 90%;  padding: 1px;  z-index: 100;}.pfmCalendar .combo .label,.pfmCalendar .combo .label-IEfix {  text-align: center;  padding: 2px;  display:block;  width: 100%;  margin: 0; margin-bottom: 3px;box-sizing: border-box;-moz-box-sizing: border-box;  }.pfmCalendar .combo .label-IEfix {  width: 4em;}.pfmCalendar .combo .active {  padding: 0px;  border: 1px solid #0088CC;  background-color: #0088CC;  color: #fff;}.pfmCalendar .combo .hilite {  background: #0088CC;  color: #fff;}.pfmCalendar td.time {  border-top: 1px solid #ddd;  padding: 1px 0px;  text-align: center;  background-color: #eee;}.pfmCalendar td.time .hour,.pfmCalendar td.time .minute,.pfmCalendar td.time .ampm {  padding: 0px 3px 0px 4px;  border: 1px solid #889;  font-weight: bold;  background-color: Menu;}.pfmCalendar td.time .ampm {  text-align: center;}.pfmCalendar td.time .colon {  padding: 0px 2px 0px 3px;  font-weight: bold;}.pfmCalendar td.time span.hilite {  border-color: #000;  background-color: #0088CC;  color: #fff;}.pfmCalendar td.time span.active {  border-color: #f00;  background-color: #000;  color: #0f0;}