/*
 * Ucadia DOM Model of CSS Elements
 * FORMS
 * INSTRUCTION: This CSS File must Always be the 9th CSS
 * (c) 2017 CEKAS
 */
 /*** Cal Month Box ***/

    .cal-month-title {
      color: #444;      
      font-family: 'open_sansregular' sans-serif;
      font-size: 0.875rem;
      font-weight: 700;
      text-align: center;
    }
    .cal-month-option {
      border: 0.0625rem solid #cccccc;
      color: #444;
      line-height: 1.375rem;
      text-align: center;
    }
    .cal-month-href {
      text-decoration: none; 
      color: #000000;
    }
    .cal-month-table {
      background: #fff;
      border-collapse: collapse;
      color: #222;
      font-family: 'open_sansregular' sans-serif;
      font-size: 0.6875rem;
      width: 8.75rem;
    }
   .cal-month-td {
      border: 0.0625rem solid #DEDEDE;
      color: #444;
      line-height: 1.25rem;
      text-align: center;
    }
    .cal-month-tr:first-child td {
      color: #222;
      font-weight: 700;
    }
    .cal-month-selected-td {
      border: 0.125rem solid #000000; 
      line-height: 1.25rem;
      text-align: center;     
    }
/*** Calendar Page Table ***/
	article.cal-adam-title {
		display: table-cell;
		background-color: #FFFFFF;
		height: 6.25rem;
		width: 47.5rem;
		text-align: left;
		vertical-align: top;
	}
	article.cal-adam-left {
		display: table-cell;
		height: 100%;
		width:14%;
	   background-color: #DEDEDE;
	   text-align: left;
	   vertical-align: top;
	}
	article.cal-adam-center {
		display: table-cell;
		background-color: #FFFFFF;
		height: 100%;
		width: 47.5rem;
		text-align: left;
		vertical-align: top;
	}
	article.cal-adam-right {
		display: table-cell;
		height: 100%;
		width:10%;
	   background-color: #DEDEDE;
	   text-align: left;
	   vertical-align: top;
	}
	
	.cal-tblpage-top-nav {
        background: #ffffff;
    	position: fixed;
        z-index: 92;
        top: 0rem;
    	left: 0rem;
    	width: 100%;
    }
	.cal-tblpage-top-title {
        background: #ffffff;
    	position: fixed;
        z-index: 92;
        top: 5rem;
    	left: 0rem;
    	width: 100%;
    }
    .cal-tblpage-top-options {
        background: #ffffff;
    	position: fixed;
        z-index: 92;
        top: 10.475rem;
    	left: 0rem;
    }
    .cal-tblpage-top-month {
        background: #ffffff;
    	position: fixed;
        z-index: 92;
        top: 13rem;
    	left: 0.8rem;
    }
    .cal-tblpage-time {
    	position: relative;
    	top: 11.875rem;
    	left: 0rem;
    	overflow: auto;
    }

/*** Calendar Month Display Table ***/
    .cal-display-table {
      background: #ffffff;
      border-collapse: collapse;
      color: #222;
      font-family: 'open_sansregular' sans-serif;
      font-size: 0.8125rem;
      text-align: left;
      vertical-align: top;
      width: 56rem;
    }
    .cal-display-top-title {
        background: #ffffff;
    	position: fixed;
    	border-spacing: 0.0625rem;
    	font-family: 'open_sansregular';
    	font-size: 0.75rem;
    	vertical-align: top;
    	border:0;
        z-index: 94;
        top: 10.2rem;
    	left: 10.3rem;
    	width: 56rem;
    }
    .cal-display {
		 border-spacing: 0.0625rem;
		 position: relative;
		 border:0;
		 width: 100%;
		 font-family: 'open_sansregular';
		 font-size: 0.75rem;
		 text-align: left;
		 vertical-align: top;
	}
    .cal-display-href {
      text-decoration: none; 
      color: #000000;
    }
   .cal-display-top-td {
      border: 0.0625rem solid #ccc;
      color: #444;
      text-align: left;
      vertical-align: top;
      padding: 0.125rem;
      height: 1.2rem;
      width: 8rem;
    }
   .cal-display-td {
      border: 0.0625rem solid #ccc;
      color: #444;
      text-align: left;
      vertical-align: top;
      padding: 0.125rem;
      height: 4.4rem;
      width: 8rem;
    }
    .cal-display-tr:first-child td {
      color: #222;
      font-weight: 700;
      height: 20rem;
      width: 130rem;
    }
    .cal-display-selected-td {
      border: 0.125rem solid #000000; 
      line-height: 4.375rem;
      text-align: left;
      vertical-align: top;    
      border: 0;
    }
/*** Calendar Week Display Table ***/
    .cal-week-title {
      font-family: 'open_sansregular' sans-serif;
      font-size: 1.125rem;
      font-weight: 700;
      text-align: center;
    }
    .cal-week-href {
      text-decoration: none; 
      color: #000000;
    }
    .cal-week-table {
      background: #ffffff;
      border-collapse: collapse;
      color: #222;
      font-family: 'open_sansregular' sans-serif;
      font-size: 0.65rem;
      text-align: left;
      vertical-align: top;
      width: 57.5rem;
    }
    .cal-week-top-month {
        background: #ffffff;
    	position: fixed;
        z-index: 99;
        top: 15.625rem;
    	left: 0rem;
    	width: 100%;
    }
    .cal-week-top-title {
        background: #ffffff;
    	position: fixed;
    	border-spacing: 0.0625rem;
    	font-family: 'open_sansregular';
    	font-size: 0.75rem;
    	vertical-align: top;
    	border:0;
        z-index: 94;
        top: 9.6rem;
    	left: 10.5rem;
    	width: 57.6rem;
    }
    
    .cal-week {
		 border-spacing: 0.0625rem;
		 position: relative;
		 border:0;
		 width: 100%;
		 font-family: 'open_sansregular';
		 font-size: 0.75rem;
		 text-align: left;
		 vertical-align: top;
	}
	.cal-week:nth-child(even) {
		 background-color: #CECECE;
	} 
	.cal-week:hover {
		 background-color: #FFCC66;
	}	
    .cal-week-div {
    	background: #ffffff;
        z-index: 99;
        width: 100%;
        top: 20rem;
    	left: 9.375rem;
    }
    .cal-week-div-time {
    	position: relative;
    	z-index: 0;
    	overflow: auto;
    }
    .cal-week-time-td {
      border: 0.0625rem solid #ccc;
      color: #444;
      text-align: right;
      vertical-align: top;
      padding: 0.125rem;
      height: 2.1rem;
      width: 3.75rem;
    }
   .cal-week-td {
      border: 0.0625rem solid #ccc;
      color: #444;
      text-align: left;
      font-size: 0.75rem;
      vertical-align: top;
      padding: 0.125rem;
      width: 7.5rem;
    }
    .cal-week-tr:first-child td {
      color: #222;
      font-weight: 700;
    }
    .cal-week-selected-td {
      border: 0.125rem solid #000000; 
      line-height: 4.375rem;
      text-align: left;
      vertical-align: top;    
      border: 0;
    }
     .cal-week-appt {
    	position: relative;
    }
    .cal-week-appt-mon {
      position: absolute;
      border: 0.0625rem solid #000000;    	
      font-family: 'open_sansregular' sans-serif;
      font-size: 0.7rem;
      text-align: left;
      width: 7.1rem;
      left:4.0rem;
      vertical-align: top;
      padding: 0.19rem;
      z-index: 81;
    }
    .cal-week-appt-tue {
      position: absolute;
      border: 0.0625rem solid #000000;    	
      font-family: 'open_sansregular' sans-serif;
      font-size: 0.7rem;
      text-align: left;
      width: 7.1rem;
      left:11.6rem;
      vertical-align: top;
      padding: 0.19rem;
      z-index: 82;
    }
    .cal-week-appt-wed {
      position: absolute;
      border: 0.0625rem solid #000000;    	
      font-family: 'open_sansregular' sans-serif;
      font-size: 0.7rem;
      text-align: left;
      width: 7.1rem;
      left:19.22rem;
      vertical-align: top;
      padding: 0.19rem;
      z-index: 83;
    }
    .cal-week-appt-thu {
      position: absolute;
      border: 0.0625rem solid #000000;    	
      font-family: 'open_sansregular' sans-serif;
      font-size: 0.7rem;
      text-align: left;
      width: 7.1rem;
      left:26.9rem;
      vertical-align: top;
      padding: 0.19rem;
      z-index: 84;
    }
    .cal-week-appt-fri {
      position: absolute;
      border: 0.0625rem solid #000000;    	
      font-family: 'open_sansregular' sans-serif;
      font-size: 0.7rem;
      text-align: left;
      width: 7.1rem;
      left:34.6rem;
      vertical-align: top;
      padding: 0.19rem;
      z-index: 85;
    }
    .cal-week-appt-sat {
      position: absolute;
      border: 0.0625rem solid #000000;    	
      font-family: 'open_sansregular' sans-serif;
      font-size: 0.7rem;
      text-align: left;
      width: 7.1rem;
      left:42.2rem;
      vertical-align: top;
      padding: 0.19rem;
      z-index: 86;
    }
     .cal-week-appt-sun {
      position: absolute;
      border: 0.0625rem solid #000000;    	
      font-family: 'open_sansregular' sans-serif;
      font-size: 0.7rem;
      text-align: left;
      width: 7.1rem;
      left:49.8rem;
      vertical-align: top;
      padding: 0.19rem;
      z-index: 87;
    }
/*** Calendar Day Display Table ***/
    .cal-day-table {
      background: #ffffff;
      border-collapse: collapse;
      color: #222;
      font-family: 'open_sansregular' sans-serif;
      font-size: 0.65rem;
      text-align: left;
      vertical-align: top;
      width: 57.5rem;
    }  
	.cal-day-top-title {
	background: #ffffff;
	position: fixed;
	border-spacing: 0.0625rem;
	font-family: 'open_sansregular';
	font-size: 0.75rem;
	vertical-align: top;
	border:0;
	z-index: 94;
	top: 9.6rem;
	left: 10.5rem;
	width: 57.6rem;
    }
    .cal-day-time-td {
      border: 0.0625rem solid #ccc;
      color: #444;
      text-align: right;
      vertical-align: top;
      padding: 0.125rem;
      height: 2.1rem;
      width: 3.75rem;
    }
    .cal-day-td {
      border: 0.0625rem solid #ccc;
      color: #444;
      text-align: left;
      font-size: 0.75rem;
      vertical-align: top;
      padding: 0.125rem;
      width: 53.85rem;
    }
   .cal-day {
		 border-spacing: 0.0625rem;
		 position: relative;
		 border:0;
		 width: 100%;
		 font-family: 'open_sansregular';
		 font-size: 0.75rem;
		 text-align: left;
		 vertical-align: top;
	}
	.cal-day:nth-child(even) {
		 background-color: #CECECE;
	} 
	.cal-day:hover {
		 background-color: #FFCC66;
	}	
    .cal-day-appt {
      position: absolute;
      border: 0.0625rem solid #000000;    	
      font-family: 'open_sansregular' sans-serif;
      font-size: 0.8rem;
      text-align: left;
      width: 52.8rem;
      left:4.0rem;
      vertical-align: top;
      padding: 0.19rem;
      z-index: 81;
    }