/********************************************
This is the print style sheet,
which defines which items will not be visible
or have different formatting on printed pages.
Customized for each project.
*********************************************/
/**import less variables**/
/*@import "lib.less";*/
/***3/5/2013, added by Lou Hui, fix BTNET 843(print Site Preview)***/
@media print {
  body {
    visibility: visible;
  }
}
/**************/
html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  min-width: 0;
  border: 0px;
}
body,
body.front_end_body,
body.front_end_body .sitewrapper {
  font-family: Georgia,Times,serif !important;
  font-size: 11pt !important;
  line-height: 18pt !important;
  color: #000 !important;
  background-image: none !important;
  background-color: transparent !important;
  text-align: left;
  text-decoration: none !important;
}
select,
input,
textarea,
table {
  font-size: inherit !important;
  line-height: inherit !important;
  font-family: inherit !important;
}
table,
table.tableData,
table.tableData td,
table.tableData .tableDataHdr_2,
table.tableData .tableDataHdr_2 a {
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #000000 !important;
}
/* Hide the following things */
#skipnav,
#siteheader,
.downloadmessage,
#page_footer,
.sidenav,
.title_right,
.small_box.news_box .box_title:before,
.small_box.events_box .box_title:before,
#top_bar,
.mainnav,
.breadcrumb,
.alert_container,
.addtocalendar,
.alpha-filter,
.list-filter,
.minicalendar_widget,
.mobile_only,
.hide_on_print,
.recaptcha {
  display: none !important;
}
/***strip all styles from following items****/
.mainSpan_wrapper_rsg,
.mainSpan_wrapper,
.mainSpan_wrapper_noleftnav,
.mainSpan_wrapper_home,
.content_area,
#sitebody .column,
#sitebody .title_widget,
#sitebody,
.mobile_list,
.mobile_box,
.mobile_list ul li a,
.mobile_list .item_smalltext,
.mobile_list a + .item-list {
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  border: 0px !important;
  margin: 0 !important;
  position: static !important;
  overflow: visible !important;
  min-height: 0px !important;
  min-width: 0px !important;
  float: none !important;
  display: block !important;
  clear: both !important;
  font-weight: normal !important;
}
.title_widget h1 {
  font-size: 16pt !important;
  line-height: 22pt !important;
  width: auto !important;
}
.title_widget h2,
.subtitle {
  font-size: 12pt !important;
  line-height: 18pt !important;
  font-weight: bold;
}
.title_widget h1,
.title_widget h2 {
  color: #000 !important;
  margin: 0px 0 5px 0 !important;
  padding: 0;
  width: auto !important;
  border: 0;
  letter-spacing: 0 !important;
}
.small_box .box_title,
.small_box .box_title {
  text-indent: 0 !important;
  text-align: left;
  padding-left: 0;
}
.small_box {
  width: 100% !important;
  margin: 0 0 20px 0 !important;
  border: 0px !important;
}
.small_box ul li {
  padding-bottom: 10px;
}
.listtable {
  width: 100% !important;
  margin-bottom: 15px !important;
}
.mobile_hide {
  display: table-cell !important;
}
#sitebody .command,
#sitebody .form_button,
#sitebody input.command,
#sitebody input.form_button,
#sitebody input[type=reset],
#sitebody input[type=submit] {
  border: 2px solid #333333 !important;
  background: #cccccc !important;
}
/****specific widget styles****/
.calendar_title,
.calendar_grid {
  width: 100% !important;
}
.sitewrapper .listtable a.email_link {
  height: auto !important;
  width: auto !important;
  text-indent: 0 !important;
}
/** homepage styles**/
/*hide these*/
.box_bottomlink,
#sitebody .column.home_buttons,
#sitebody .home_links,
.home_collage .flex-direction-nav {
  display: none !important;
}
/*use to strip styles*/
.home_left,
.home_events,
.home_news,
.home_spotlight,
.home_spotlight .box_content {
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  border: 0px !important;
  margin: 0 !important;
  position: static !important;
  overflow: visible !important;
  min-height: 0px !important;
  min-width: 0px !important;
  float: none !important;
  display: block !important;
  clear: both !important;
  font-weight: normal !important;
}
.home_spotlight ul li {
  padding-left: 0px !important;
}
.home_events li,
.home_news li {
  padding-bottom: 10px !important;
}
.home_events li a,
.home_news li a {
  width: auto !important;
  display: inline !important;
}
.home_collage {
  float: none !important;
}
.home_collage ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.home_collage .slidecontent {
  background: #ffffff;
}
.tabs li a,
.home_events h2,
.home_news h2,
.home_spotlight h2 {
  text-indent: 0px !important;
  border: 0px !important;
  text-align: left;
  font-size: 15pt !important;
  line-height: 18pt !important;
  color: #000000;
  text-decoration: none;
  display: block !important;
  padding: 15px 0 10px 0 !important;
  height: auto !important;
}
#sitebody .newsimg,
#sitebody .date_box {
  float: left !important;
  margin-right: 15px !important;
  border: 0px !important;
}
#tabs_section > section {
  display: block !important;
}
.home_news ul li .box_item_summary,
.home_news ul li .box_item_date {
  border: 0px !important;
  padding: 0 !important;
  display: block !important;
  margin: 0 !important;
}
.home_news ul li a {
  font-weight: bold !important;
}
/*****************************************
Calendar month view
*****************************************/
.calendar_widget {
  max-width: 100%;
  font-size: inherit !important;
  line-height: inherit !important;
}
table.calendar_grid {
  background: transparent;
  width: 100%;
}
.calendar_grid .calendar_dayheader {
  line-height: 33px;
  color: #000000;
  padding: 4px 2px 0 2px;
  font-weight: bold;
  background: #ffffff;
  text-transform: uppercase;
  font-size: 1em;
  text-indent: 0;
  text-align: center;
}
.calendar_grid .calendar_dayheader:first-letter {
  color: #000000;
}
.calendar_grid .calendar_title {
  width: 100%;
  background: transparent;
  height: auto;
}
.calendar_grid .calendar_title td.calendar_title_content {
  padding: 11px 0 10px 0;
  width: 60%;
  font-weight: normal;
  color: #000000;
  overflow: visible;
  font-size: 200%;
}
.short_current_month_title {
  display: none;
}
.calendar_grid .calendar_title td.calendar_nextprev {
  width: 20% !important;
  padding: 8px 0 0 0;
}
.calendar_title td:first-child {
  text-align: left;
}
.calendar_grid td.calendar_nextprev a {
  font-weight: normal;
  text-decoration: underline;
  color: #2F7CC5;
  text-indent: 0;
  background-image: none;
  display: inline;
}
.calendar_grid td.calendar_nextprev a:hover {
  text-decoration: none;
}
.calendar_grid td.calendar_day,
.calendar_grid td.calendar_today,
.calendar_grid td.calendar_weekendday,
.calendar_grid td.calendar_othermonthday {
  text-align: left;
  vertical-align: top;
  font-size: 160%;
  line-height: 25px;
  font-weight: normal;
  padding: 3px 8px;
  border: 1px solid #ddddde;
  height: 105px;
  word-wrap: break-word;
}
.calendar_grid td.calendar_day,
.calendar_grid td.calendar_weekendday,
.calendar_grid td.calendar_day > a,
.calendar_grid td.calendar_weekendday > a {
  color: #000000 !important;
  background: #ffffff;
  text-decoration: none !important;
}
#sitebody .calendar_grid td.calendar_othermonthday,
#sitebody .calendar_grid .calendar_othermonthday > a {
  background: #e3e3e3;
  text-decoration: none !important;
}
#sitebody .calendar_grid td.calendar_othermonthday,
#sitebody .calendar_grid .calendar_othermonthday > a {
  color: #aeaeae !important;
}
.calendar_grid td.calendar_today {
  background: #ffffff;
  color: #4397E9;
  text-decoration: none !important;
}
.calendar_grid td.calendar_today > a {
  color: #4397E9 !important;
  text-decoration: none !important;
}
#sitebody .calendar_grid .calendar_day_with_items .calendar_items {
  display: block;
  position: static;
  z-index: 1;
  margin-top: 0px;
  background-color: transparent;
  border: 1px solid #ffffff !important;
  box-shadow: 0 0 0;
  min-width: 0px;
  min-height: 0px;
  text-align: left;
  padding: 0px;
  text-decoration: none !important;
}
.calendar_eventtime {
  display: block;
  font-size: 60%;
  text-decoration: none !important;
}
.calendar_eventlink {
  font-size: 60%;
  display: block;
}
.calendar_today .calendar_eventlink,
.calendar_today .calendar_eventtime {
  color: #4397E9;
}
.calendar_more {
  display: block;
}
.current_month_title.mobile_hide {
  display: inline-block;
}
.calendar_day > a,
.calendar_today > a,
.calendar_weekendday > a,
.calendar_othermonthday > a {
  text-decoration: none !important;
}
/*add custom print styles here*/
#sitebody figure.home_collage {
  display: none !important;
}
#sitebody .home_spotlight img {
  display: block !important;
}
#sitebody .minicalendar_widget {
  display: none !important;
}

.show_on_print{
    display: inline
}

.twentytwenty-before-label {
    background-color:black !important;
    color: white !important;
}

.twentytwenty-after-label{
    background-color:black !important;
    color: white !important;

}

.twentytwenty-container{    
  display: none !important;
}

/*Toggle feature*/
 
input[type="radio"].toggle-yes:checked + label {
    
    background-image: -moz-linear-gradient(bottom,#00a421,#00861b);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#00a421),#00861b);
    background-image: -webkit-linear-gradient(bottom,#00a421,#00861b);
    background-image: -o-linear-gradient(bottom,#00a421,#00861b);
    background-image: linear-gradient(to top,#00a421,#00861b);
    border: 1px solid #00861b !important;
}
 
input[type="radio"].toggle-positive:checked + label {
    
    background-image: -moz-linear-gradient(bottom,#00a421,#00861b);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#00a421),#00861b);
    background-image: -webkit-linear-gradient(bottom,#00a421,#00861b);
    background-image: -o-linear-gradient(bottom,#00a421,#00861b);
    background-image: linear-gradient(to top,#00a421,#00861b);
    border: 1px solid #00861b !important;
}
 
input[type="radio"].toggle-no:checked + label {
    
    background-image: -moz-linear-gradient(bottom,#aa0000,#a70000);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#aa0000),#a70000);
    background-image: -webkit-linear-gradient(bottom,#aa0000,#a70000);
    background-image: -o-linear-gradient(bottom,#aa0000,#a70000);
    background-image: linear-gradient(to top,#aa0000,#a70000);
    border: 1px solid #a70000 !important;
} 

input[type="radio"].toggle-negative:checked + label {
    
    background-image: -moz-linear-gradient(bottom,#aa0000,#a70000);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#aa0000),#a70000);
    background-image: -webkit-linear-gradient(bottom,#aa0000,#a70000);
    background-image: -o-linear-gradient(bottom,#aa0000,#a70000);
    background-image: linear-gradient(to top,#aa0000,#a70000);
    border: 1px solid #a70000 !important;
} 

input[type="radio"].toggle-na:checked + label {
    
    background-image: -moz-linear-gradient(bottom,#f0ad4e,#d48913);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#f0ad4e),#d48913);
    background-image: -webkit-linear-gradient(bottom,#f0ad4e,#d48913);
    background-image: -o-linear-gradient(bottom,#f0ad4e,#d48913);
    background-image: linear-gradient(to top,#f0ad4e,#d48913);
    border: 1px solid #d48913 !important;
}

/*Toggle feature end*/