/* ------------------------------------------------------------ *\
|* ------------------------------------------------------------ *|
|* Globals
|* ------------------------------------------------------------ *|
\* ------------------------------------------------------------ */

table {
    border-collapse: collapse;
}

table, th, td {
    border: 1px solid #dbdce0;
}
 table#ctl00_ContentPlaceHolder1_chkListCategories, #ctl00_ContentPlaceHolder1_chkListCategories td {  border: none; font-size:1.045em; margin:10px 0; font-weight:normal; line-height:1.8em; color:#444; }
td {
    font-size: 0.75em;

	padding:5px 3px 5px 5px;
    margin: 0.3em 0 ;
	vertical-align:top;

	
}


td p{ line-height:1.1em; font-size:14px; margin:5px 0; color:#83868d;}
td h4{ text-transform:capitalize; font-size:15px; line-height:18px; color:#5f626a; margin:0; }
td a{ line-height:1.1em; font-size:14px; margin:5px 0; }
.weekDayToday p.calendarDay {color:#fff;      background-color: #747679;
    border-radius: 50%;
    font-size: 1.6em;
    height: 25px;
    line-height: 26px;
    margin: 0 0 5px;
    padding: 0;
    text-align: center;
    width: 26px;  }
.weekDayToday h4 {color:#111;}
.weekDayToday {color:#222;}
p.calendarDay {margin:0; padding:0;   color: #444;    font-size: 1.3em;    line-height: 2em;     }
p.StudentsClosed{padding:0; margin:0 0 5px 0;font-size:1.6em; line-height:26px; text-align: center; width:26px;  height:25px;  -moz-border-radius: 50%;-webkit-border-radius: 50%; border-radius: 50%;background-color: #e77802;color: #fff;}
p.McpsClosed{padding:0; margin:0 0 5px 0;font-size:1.3em; line-height:26px; text-align: center; width:26px;  height:25px;  -moz-border-radius: 50%;-webkit-border-radius: 50%; border-radius: 50%;background-color:#5395ea ;color: #fff;}
p.StudentsClosed{padding:0; margin:0 0 5px 0;font-size:1.3em; line-height:26px; text-align: center; width:26px;  height:25px;  -moz-border-radius: 50%;-webkit-border-radius: 50%; border-radius: 50%;background-color: #ef8407;color: #fff;}
p.SchoolsClosed{padding:0; margin:0 0 5px 0;font-size:1.3em; line-height:26px; text-align: center; width:26px;  height:25px;  -moz-border-radius: 50%;-webkit-border-radius: 50%; border-radius: 50%;background-color:#a05d95;color: #fff;}
.calWeekDayHeader, .calWeekendHeader{    background: #04444e ;  padding:8px; color:#fff; font-weight:normal; text-transform:uppercase; font-size:13px; text-align: center;}
.weekend{background-color:#f1f1f1;}
.calendarNav{ background-color:#f4f4f4;padding:5px; font-family: archivonarrow; margin:20px 0 30px 0;  border-top: 1px solid #cfd0d4; border-bottom:1px solid #cfd0d4;}
.calendarNav a {font-weight:normal ;  font-size:1.2em; line-height:2em; }
 h4.current{ font-size:2em; text-align:center; color: #ab401b;    margin:20px  0px ;  }
.calendarNav h4.current{     margin: 0px ;  }

h4.close-category{text-align:center; font-size:15px; margin:20px 0 ; display:inline-block; vertical-align: top; widht:100%; color:#797979}
h4 .categroy-desc{display:none;}
.singleEvent{ margin:5px 0px 15px 0px; }
.view-type { font-size:1.3em; color:#bdbfc2; line-height:1.6em; position: relative;
    top: 5px;}
	
.icon-radio-unchecked {font-size:12px;}
.category-close { font-size:1.0em; color:#797979; margin:0px 10px 0 5px ; line-height:1.3em; }

.hypNext{ display:block; width:25%; float:right; text-align:right; padding:5px 10px 0 0;}
.hypPrevious{ display:block; width:25%; float:left; padding:5px 0 0 10px;}
.hypCurrent{ display:block; width:47%; float:left; padding:0;}
#category-wrapper{}
#calendar-wrapper {
    position: relative;
    z-index: 10;
    top: 0;
    left: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.print-ical{margin-bottom:20px; font-size:16px; font-family: archivonarrow;}

#view-by{color:#344f66; font-size:16px; font-family:Arial, Helvetica, sans-serif; margin:0px 0 20px 0;}


  #ctl00_ContentPlaceHolder1_drpMonthShows::after {
    border-color: #fff;
    border-style: solid;
   border-width: 6px 0 6px 6px;
    content: "";



}

  .drpMonthShows {
    background: none repeat scroll 0 0 #2c9ea2;
    color: #fff;
    cursor: pointer;
	border:0;
display:inline-block;
    margin: 0 20px 0 0;
    outline: medium none;
    padding: 0px;
    position: relative;
    width: 120px;
	font-size:14px;
	line-height:30px;
	  border-radius: 3px; height: 1.8em;

}
 #ctl00_ContentPlaceHolder1_drpMonthShows option{	font-size:14px;
	line-height:30px; padding:0 0 5px 10px; margin:5px 0; height: 1.8em;  white-space: pre;
 }

 #ctl00_ContentPlaceHolder1_drpMonthShows option:hover{background-color:red;}
 a#ctl00_ContentPlaceHolder1_lnkBtnList:hover, a#ctl00_ContentPlaceHolder1_lnkBtnMonth:hover{text-decoration:none; }
 a span.view-type:hover{color:#ccc;}
  a span:hover{text-decoration:none; }
  a.active span.view-type{color:#7c8691;}
  
  .categroy-desc{font-family:Arial, Helvetica, sans-serif; font-size:13px ;margin:0px 0 5px 20px; line-height:18px; font-style:italic;  font-weight:200; color:#666;}
/* ------------------------------------------------------------ *\
|* ------------------------------------------------------------ *|
|* Calendar LIst View only
|* ------------------------------------------------------------ *|
\* ------------------------------------------------------------ */



.date-wrapper{ margin:10px 0px ;  padding-bottom:10px; position:relative;  border-bottom: 5px solid #f4f4f4;  z-index:9999; }

.singleEvent-list{  padding:10px; margin:0 0 10px 0; color:#4f6e8d;border:1px solid #f4f5f7; background-color:#f9f9f9; box-shadow: 0 0 0 1px #fff inset;}
.singleEvent-list  h4{ text-transform:capitalize;  margin:0 ; color:#344f66;font-size: 1.2em;   }


.date-content .icon-radio-unchecked {color:#ccc; margin-right:5px;}
.singleEvent-list ul {margin:0px; padding:0px;}
.singleEvent-list ul li{ list-style-type:none; display:inline-block; padding: 0;  vertical-align:top; color:#4d6b89;}
li.event_time { margin:0 20px  20px 0 ; width:23%}
li.event_time span{ padding-right:3px;}
li.event_notes { margin:0 30px 8px 0 ; width:40%}
li.event_location{ margin:0  ; width:29%}
.date-content {display:inline-block; width:75%; padding:10px 0px 0px 20px; border-left:5px solid #f4f4f4;}
#calendar-wrapper {  position: relative; z-index: 10;  top: 0;   left: 0;}
.cal-date{display:inline-block; width:20%;}
.cal-date p::after {
    border-bottom: 16px solid transparent;
    border-left: 11px solid #757983;
    border-top: 16px solid transparent;

    content: " ";
    height: 0;
    left: 100%;
    margin: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 0;
}
.cal-date p {
    background:#757983;
    color: #fff;
    font-family: archivonarrow;
    font-size: 16px;
    display: block;
    left: 0;
    margin-bottom: 1.5em;
    padding: 0.2em 0.55em;
    position: absolute;
    text-align: center;
    top: 0em;
    width: 16%;
}
.ical-print {width:230px; float:right;   background-color: #f4f4f4;
    border-bottom: 1px solid #cfd0d4;
    border-top: 1px solid #cfd0d4;
color:#1561c0;
    margin: 10px 0 ;
    padding: 5px 0 5px 20px; line-height:20px;}
.ical-print a{font-size:12px;}

.SchoolsClosed p::after{  border-bottom: 16px solid transparent;
    border-left: 11px solid #aa4991;
    border-top: 16px solid transparent;
   }
.SchoolsClosed p {
    background:#aa4991;
    color: #fff;
  }
  .McpsClosed p::after{  border-bottom: 16px solid transparent;
    border-left: 11px solid #5395ea ;
    border-top: 16px solid transparent;
   }
.McpsClosed p {
    background:#5395ea ;
    color: #fff;
  }
  
.StudentsClosed p::after{  border-bottom: 16px solid transparent;
    border-left: 11px solid #e69221;
    border-top: 16px solid transparent;
   }
.StudentsClosed p {
    background:#e69221;
    color: #fff;
  }


.addthis_sharing_toolbox{float:right; width:100px; }


/* ------------------------------------------------------------ *\
|* ------------------------------------------------------------ *|
|* Toggle Buttons
|* ------------------------------------------------------------ *|
\* ------------------------------------------------------------ */
.buttons{  float:left;	width:65%;}
.buttons button {

    margin:10px 0 5px 0;

    padding: 8px 30px;
    color: #fff;
      background-color: #5395ea;

}
.buttons button:hover,
.buttons button.active {
    background-color: #5395ea;
}
.buttons button:focus {
    outline: none
}
@media only screen and (max-width: 768px) {
	

.buttons, 
.ical-print  {
    float:none;
    width:100%;
}
.view-hide{display:none;}
.date-wrapper {
    border-bottom: 0;}
.cal-date, 
.date-content{display:block; width:100%;}
.cal-date p {width:100%;}
.cal-date, .date-content {
    display: inline-block;

}
h4.current {font-size:20px;}
.hypNext, .hypPrevious {
font-size:12px; padding:0; margin:0;}