/*   SITE CORE STYLES *
=============================== */
html {
  font-size: 62.5%;
  background-color: #ebebeb; /* Please have a colour or image - background on html needed for javascript */
}

body {
  color: #000000;
  font-size: 13px; font-size: 1.3rem;
	font-family: Verdana,'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', sans-serif;   
} 


/* Typography
 ============================ */
h1, .xxlarge {
  font-size: 26px;
  font-size: 2rem;
}

h2, .xlarge {
  font-size: 22px;
  font-size: 2.2rem;
  color: #0054A6;
}

h3, .large {
  font-size: 20px;
  font-size: 2.0rem;
}

h4, .medium {
  font-size: 16px;
  font-size: 1.6rem;
}

h5, .small {
  font-size: 12px;
  font-size: 1.2rem;
}

h6, .xsmall {
  font-size: 11px;
  font-size: 1.1rem;
}

/* Text Highlight Colour 
================= */
::selection {
  background-color: #A8DEEC;
  color: black;
}


/* Link Colours
 ============================ */
a:link    { color: #000040; }
a:visited { color: #000040; }
a:focus   { color: #000040; }
a:hover   { color: #69adc9; }
a:active  { color: #000040; }


/* ==========================
   Website Struture
 ============================ */
.container {
}


.inner-container {
  background: url(slither.jpg) center top repeat-y;
  position: relative;
  width: 980px;
  margin: 0 auto;
}

.main-header {
  background: url(header.jpg) center top no-repeat;
  position: relative;
  height: 197px;
}

.content-container {
  position: relative;
  background: url(watermark.jpg) center top no-repeat;
  min-height: 300px;
  padding: 50px 30px 30px 30px;
  margin: 0;
}

/* Footer
 ============================ */
.main-footer {
  position: relative;
  background: url(footer.jpg) center top no-repeat;
  height: 107px;
  margin: 0;
}

  .main-footer p {
    position: absolute;
    margin: 0;
  }

  .main-footer a {
    color: #ffffff;
  }

  .main-footer a:hover {
    color: #FFFF01;
  }


/* CONTACT BUTTON
================== */
a.contact-btn {
  position: absolute;
  display: block;
  top: 34px;
  left: 34px;
  width: 192px;
  height: 47px;
  background: url(contact.png) left top no-repeat;
  color: #ffffff;
  text-indent: -9999px;
}

a.contact-btn:hover {
  background-position: right top;
}



/* Top Navigation Bar
 ============================ */
.helper-nav {
  position: absolute;
  text-align: right;
  height: 30px;
  width: 100%;
  z-index: 101;
}

  .helper-nav ul {
    padding: 6px 22px 11px 0;
  }

  .helper-nav li {
    display: inline;
    margin-left: 15px;
    margin-left: 1.5rem;
  }

    .helper-nav a {
      color: #FFFFFF;
    }

      .helper-nav a:hover {
        color: #F4DC20;
      }


/* Page Title
 ============================ */
.page-title {
  position: relative;
  top: 0;
  left: 0px;
  color: #000040;
  font-weight: bold;
}

.page-title::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  width: 0;
  background: #e8f7fc;
}

/* Breadcrumbs 
============== */
.content-container .breadcrumbs {
  overflow: hidden;
  background-color: #E3E3E3;
  border: 1px solid #DCDCDC;
  margin-top: 5px;
  margin-bottom: 10px;
  padding-left: 4px;
}

.breadcrumbs > li {
  display: inline;
} 

.breadcrumbs > li:before {
  content: ">";
  margin-right: 5px;
} 

.breadcrumbs > li:first-child:before {
  content: "";
  margin: 0;
}

.breadcrumbs li a {
  color: #000040;
} 

.breadcrumbs li a:hover {
  color: #225F8C;
} 

/* Block Content
=============== */

/*Links - Documents - Pictures - Divs*/
/*.column-one div, .rendered-documents, .rendered-pictures {
margin: 20px 0 20px 0;
}*/

.rendered-documents h2 {
  margin: 25px 0 10px 0px;
}


/* ============================
   NAVIGATION 
=============================== */

.main-nav {
  position: absolute;
  width: 970px;  /*  Change width for horizontal nav  */
  margin: 0 auto;
  top: 197px;
  left: 11px;
  height: auto;
  z-index: 101;
  outline: none;
}

  .main-nav ul {
    padding: 0;
    margin: 0;
  }

  .main-nav ul li {
    position: relative; 
    display: block;
    height: 31px;  /* Height of image/button */
    width: 119px;  /* Width of image/button */
    float: left;
    background-repeat: no-repeat!important;
    background-position: left top;
    cursor: pointer;
    background-color: #cccccc;
    border-right: 1px solid white;
  text-align: center;
  padding-top: 12px;
  
  }

  .main-nav ul li a {
    color: #000040 ;
    display: block;
    height: 100%;
    width: 100%;
  text-transform: uppercase;
  font-weight: bold;
  }
  
  /* Add unique images for buttons here - Images get applied to the li not a (relative paths) */
  .main-nav .home-but {width: 69px; } /* Apply left / top if you need to move the buttons individually - */
  .main-nav .ps_topic_slug_about-us  {  }
  .main-nav .ps_topic_slug_admissions  {}
  .main-nav .ps_topic_slug_curriculum  { }
  .main-nav .ps_topic_slug_community   { }
  .main-nav .ps_topic_slug_news-and-events   {width: 148px; }
  .main-nav .ps_topic_slug_life-at-bipss   {width: 130px; }
  .main-nav .ps_topic_slug_work-at-bipss   { border: none!important; width: 128px!important; }
  
  .main-nav ul li:hover {background-color: #ffffff; color: #000040;} /* Added for hover effect*/
  
  
  /* ==== Styles for Popups ==== */
  
  /* Styles for ALL popup menus added here, styles for individual menus added below */
  .main-nav ul li ul {
    display: none;
    position: absolute;
    left: -33px;
    top: 43px;
    width: 100%;
    text-align: center;
    width: 182px;
    z-index: 102;
    border: solid 1px #ffffff;
    box-shadow: 2px 2px 2px #AFAFB7;
  }
  
  .main-nav ul li:hover ul {
    display: block;
  }
  
  .main-nav ul li:hover ul ul {
    display: none;
  }
  
  .main-nav li ul li {
    display: block;
    height: auto; /* Resets the height from the main li buttons */
    width: 100%;
    margin: 0;
    padding: 0;
    text-indent: 0;
    background-color: #AAAAAA;
  }
  
  .main-nav li ul li:hover {
	background-color: #225F8C; /* Applies a background color for popup li's */
  }
  
  /* To specifically style each pop-up, eg individual Background, Border etc  
	 DELETE IF NOT NEEDED    */
  .main-nav .ps_topic_slug_about-us ul  { }
  .main-nav .ps_topic_slug_admissions ul {}
  .main-nav .ps_topic_slug_curriculum ul { }
  .main-nav .ps_topic_slug_community ul  { }
  .main-nav .ps_topic_slug_news-and-events ul  {left: -19px; }
  .main-nav .ps_topic_slug_life-at-bipss ul  { left: -28px; }
  .main-nav .ps_topic_slug_work-at-bipss ul  { left: -56px; }
  
  /* To style the links in the pop up menus
	 Styles for ALL menus added here, styles for individual menus added below */
  .main-nav li ul li a {
    display: block;
    padding: 3px 0px;
    margin: 0;
    text-decoration: none;
    font-size: 11px;
    font-size: 1.1rem;
    font-weight: bold;
	text-shadow: none;
	color: #ffffff;
  text-transform: capitalize;
  letter-spacing: 0;
  }
  
  /* To specifically style links for each menu, eg individual background, text colour etc  
	 DELETE IF NOT NEEDED    */
  .main-nav .ps_topic_slug_about-us ul li a { }
  .main-nav .ps_topic_slug_parents ul li a { }
  .main-nav .ps_topic_slug_children ul li a { }
  .main-nav .ps_topic_slug_community ul li a { }
  
  /*To style the hover effects for the links in the pop up menus
	Styles for ALL menus added here, styles for individual menus added below */
  .main-nav li ul li a:hover {
  color: #ffffff;
  }

 /* To specifically style the hover effects for the background if you decide to keep the border radius - if not, apply background to <a> tag below. 
	DELETE IF NOT NEEDED    */
  .main-nav .ps_topic_slug_about-us ul li:hover { }
  .main-nav .ps_topic_slug_parents ul li:hover { }
  .main-nav .ps_topic_slug_children ul li:hover { }
  .main-nav .ps_topic_slug_community ul li:hover { }

  /* To specifically style the hover effects for the links for each menu, eg, text colour etc  
	DELETE IF NOT NEEDED    */
  .main-nav .ps_topic_slug_about-us ul a:hover { }
  .main-nav .ps_topic_slug_parents ul li a:hover { }
  .main-nav .ps_topic_slug_children ul li a:hover { }
  .main-nav .ps_topic_slug_community ul li a:hover { }

.ps_selected_topic { background-color: #ffffff!important; }
  
  
/* ==========================
   Topics
 ============================ */
.current-topic-title {
  padding: 0 0 10px 0; margin: 0;
}
 
.topic-menu li {
  list-style-type: none;
  list-style-position: outside;
}

	.content-container .topic-menu {
	  padding: 0;
	}

	.content-container .topic-menu ul {
	  padding: 0;
	}

	.topic-menu li a {
	  display: none;
	}

		.topic-menu ul li a{
		  display: block; 
		  font-size: 16px;
		  font-size: 1.6rem;
		}


/* ========================
   CMS DEFAULT STYLES
=========================== */


/* Documents
 ============================ */
.ps_uploaded-document-list {padding: 0!important;}
.ps_uploaded-document-list li {list-style-position: outside;}


/* Policy & PrimarySite Link
 ============================ */
.ps-policy-links {
  width: 980px;
  margin: 5px auto;
  color: #000000;
  top: 12px;
  position: relative;
  padding-bottom: 20px;
}

  .ps-policy-links a {
    color: #000000;
  }
  
  .ps-policy-links a:hover {
  color: #69ADC9;
  }


/* ========================
   UTILITY STYLES 
=========================== */
.text-right {
  text-align: right;
  float: right;
}

.text-center {
  text-align: center;
}

.text-bold {
  font-weight: bold;
}

.text-hide {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.clear {
  clear: both;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* ========================
   NEWS STYLES
=========================== */
.news-items {
  float: left;
  width: 770px;
  line-height: 1.3;
}

  .content-container .news-items ul {
    list-style: none;
    padding: 0;
  }

    .news-items li {
      margin-bottom: 10px;
      list-style-position: outside;  /* Needed for IE7 */
      padding-bottom: 10px;
    }

    .news-items li ul {
      list-style-type: circle;
      list-style-position: inside;
      padding-left: 20px;
    }


    .news-items li li {
      /* Used to cancel out the inherited values of the first li */
      margin-bottom: 0;
      padding-bottom: 0;
      border-bottom: 0;
    }
    

/* Date Overview 
=========================== */
.date-filter {
  float: right;
  width: 130px;
}
.date-filter p {
  margin: 0;
}

.ps_news-filter,
.ps_news-year-filter,
.ps_news-month-filter {
  list-style-type: none;
}

.ps_news-all {
  display : none;
}

.ps_news-year {
  display: block;
  margin: 8px 0;
  font-size: 16px;
  font-size: 1.6rem;
}

.date-filter p a {
display: block;
width: 100%;
text-align: center;
margin: 12px 0;
}


.ps_form-search {
  position: relative;
}

.ps_form-search input[type="text"] {
  padding: 6px 30px 6px 10px;
  width: 100%;
  border-radius: 14px;
  border: 1px solid #80AED8;
  box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.2), 0px 1px 8px rgba(25, 62, 83, 0.1) inset, 0px 0px 0px 3px rgba(155, 180, 195, 0.3);
  font-style: italic;
  font-size: 13px;
  font-size: 1.3rem;
  color: #437A99;
  outline: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.ie7 .ps_form-search input[type="text"] {
  width: 88px; /* IE7 Doesn't support box-sizing */
}

.ps_form-search input[type="submit"] {
  font-family: 'PrimarySite';
  position: absolute;
  top: 5px;
  right: 6px;
  text-transform: capitalize;
  border: 0;
  color: #2878AD;
  font-size: 16px;
  font-size: 1.6rem;
  background: none;
}


/* Pagination 
=========================== */
.pagination {
  text-align: center;
  margin: 35px 0;
}

.current {
  margin: 0 20px;
}

/* SITEMAP STYLES 
===================== */
.sitemap {
padding-bottom: 20px;
margin-left: 20px;
}

.sitemap ul {
  padding-left: 20px;
  list-style: circle;
}

.content-container .sitemap ul {
  list-style-position: outside;
}

.sitemap ul ul {
  list-style: square;
}



/* PAGE EDITOR STYLES 
===================== */

.cke_show_borders {background: none;}

.ps_primarysite-editor_panel-buttons {
  background-color: #077BD6!important;     /* Bottom Control Panel Color */
  border-top: solid 1px #1566C7!important;
}

/* ========================
   ICON PAGE STYLES
=========================== */
	.icon-box {
		position: relative; 
		margin: 0 auto; 
		padding: 0 0 40px 0; 
		list-style-type: none;
		overflow: hidden;
		width: 758px;
	}
	
	.icon-box ul li {
		position: relative;
		display: inline; /* Fix IE Double-margin Float bug */
		float: left;
		text-align: center;
		font-weight: bold;
		/*text-indent: -9999px;*/
	}
	
	.icon-box ul li a {
		position: relative;
		display: block;
		background-repeat: no-repeat;
		background-position: left top;
	}
	
	/* CLASS PAGES STYLES
===================== */
	
	.classpages { width: 650px; }
	
	.classpages ul li a {
		width: 100px; /* Button width minus left and right padding */
		height: 20px; /* Button height minus top and bottom padding */
		margin: 25px 15px 10px;
		padding: 90px 0px 0px;	/* To Position plain text within the button */
		background-image: url(class.gif); /* Delete if each button is unique */
	}
	
	/* Specifically style each button. eg. unique background images */
	/* Classpage Icons - DELETE IF NOT NEEDED */
	.ps_page_slug_nursery a { } /* Position with top/left if required */
	.ps_page_slug_foundation a { }
	.ps_page_slug_reception a { }
	.ps_page_slug_class1 a { }
	.ps_page_slug_class2 a { }
	.ps_page_slug_class3 a { }
	.ps_page_slug_class4 a { }
	.ps_page_slug_class5 a { }
	.ps_page_slug_class6 a { }
	
	.classpages li a:hover {background-position: right top;}
	
	

	/* CLUBS PAGES STYLES
===================== */
	
	.clubs { width: 650px; }
	
	.clubs ul li a {
		width: 100px; /* Button width minus left and right padding */
		height: 20px; /* Button height minus top and bottom padding */
		margin: 25px 15px 10px;
		padding: 90px 0px 0px;	/* To Position plain text within the button */
		background-image: url(clubs.gif); /* Delete if each button is unique */
	}
	
	/* Specifically style each button. eg. unique background images */
	/* Clubs Icons - DELETE IF NOT NEEDED */
	.club1 a { } /* Position with top/left if required */
	.club2 a { }
	.club3 a { }
	.club4 a { }
	.club5 a { }
	.club6 a { }
	.club7 a { }
	.club8 a { }
	
	.clubs li a:hover {background-position: right top;}
	

	/* HOUSE PAGES STYLES
===================== */
	
	.houses { width: 520px; }
	
	.houses ul li a {
		width: 100px; /* Button width minus left and right padding */
		height: 20px; /* Button height minus top and bottom padding */
		margin: 25px 15px 10px;
		padding: 90px 0px 0px;	/* To Position plain text within the button */
		background-image: url(houses.gif); /* Delete if each button is unique */
	}
	
	/* Specifically style each button. eg. unique background images */
	/* Clubs Icons - DELETE IF NOT NEEDED */
	.house1 a { } /* Position with top/left if required */
	.house2 a { }
	.house3 a { }
	.house4 a { }
	
	.houses li a:hover {background-position: right top;}
	
	
	/* KIDS ZONE STYLES
=========================== */
.kidszone {
  width: 606px;
}

.kidszone ul {
  position: relative;
  margin: 0 auto;
}

.kidszone a {
  width: 100px;
  height: 98px;
  margin: 10px 20px;
  padding: 0 0 0 0;
  text-indent: -9999px;
}

.kidszone a:hover {
  background-position: right top;
}

.icon-box li.pushright {
  margin-left: 70px; /* to center the buttons - delete if not needed */
}

/* Kids' Zone Buttons
===================== */
.english  { background-image: url(english.gif); }
.maths    { background-image: url(maths.gif); }
.science  { background-image: url(science.gif); }
.history  { background-image: url(history.gif); }
.games    { background-image: url(games.gif); }
.ks1links { background-image: url(ks1links.gif); }
.ks2links { background-image: url(ks2links.gif); }
.brain    { background-image: url(brainbuilders.gif); }

/* For the Kidszone Iframe
==========================  */
.kidszone-content {
  position: relative;
  left: 0px;
  border-radius: 15px;
  top: 0;
  width: 605px;
  margin: 0 auto;
}

.kidszone-iframe {
  border: 3px solid #0B72D9;
  border-radius: 15px;
  background-color: #0B72D9;
}
	

/* IE BANNER
=========================== */
#ie-banner {
  display: none;
}

.ie-banner {
position: absolute;
width: 100%;
z-index: 1002;
font-size: 13px;
color: white;
font-weight: bold;
background-repeat: no-repeat;
background-color: #CF190D;
background-image: url(../images/icon_warning.png), -webkit-linear-gradient(top, #CF190D, #A2150B);
background-image: url(../images/icon_warning.png),    -moz-linear-gradient(top, #CF190D, #A2150B);
background-image: url(../images/icon_warning.png),     -ms-linear-gradient(top, #CF190D, #A2150B);
background-image: url(../images/icon_warning.png),      -o-linear-gradient(top, #CF190D, #A2150B);
background-image: url(../images/icon_warning.png),         linear-gradient(top, #CF190D, #A2150B);
}

.hide-show {
position: relative;
top: 32px;
width: 70px;
height: 25px;
background-color: #A2150B;
border-radius: 0 0 9px 9px;
text-align: center;
cursor: pointer;
}


/* ============================
   CALENDAR STYLES 
=============================== */
.ps_diary {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    font-size: 12px;
    font-size: 1.2rem;
}

    .ps_diary td {
        /*border-bottom: 1px solid #4ba5f1;*/
        vertical-align: top;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-right: 15px;
    }


.ps_dairy-entry span {
    display: block;
}


.ps_diary-title {
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: bold;
}

.ps_diary-time {
    font-size: 11px;
    font-size: 1.1rem;
}

.ps_date-information {
    width: 70px;
    padding-left: 15px;
    padding-right: 15px;

}

.ps_diary-information {
    margin-top: 10px;
}


/* DATE STYLES 
=============================== */
.ps_event {
    background-color: #89C2D9;
    border-radius: 7px 7px 7px 7px;
    margin: 10px 0;
    min-height: 73px;
    padding: 9px;
    position: relative;
}

.ps_calendar {
  background-color: white;
  width: 73px;
  height: 100%;
	float: left;
}

.ps_event-text {
	position: relative;
	margin-left: 95px;
}

.ps_event-title, .ps_event-date, .ps_event-desc {
	display: block;
}

.ps_calendar {
	position: relative;
	width: 78px;
	height: 73px;
	background-color: #fff;
	border-radius: 3px;
	text-align: center;
	float: left;
	margin-right: 15px;
}

.ps_calendar-month {
	position: absolute;
	top: 0;
	left: 0;
	height: 26px;
	width: 78px;
	font-size: 13px;
  font-size: 1.3rem;
	font-weight: bold;
	color: #fff;
	background-color: #0B72D9;
	border-radius: 3px 3px 0 0;
	line-height: 24px;
}

.ps_calendar-date {
	position: absolute;
	width: 78px;
	height: 30px;
	font-size: 25px;
  font-size: 2.5rem;
	line-height: 32px;
	top: 26px;
	left: 0;
}

.ps_calendar-day, .ps_calendar-year {
	position: absolute;
	width: 36px;
	height: 16px;
	font-size: 11px;
  font-size: 1.1rem;
	line-height: 16px;
	top: 55px;
}

.ps_calendar-day {
	left: 1px;
	text-align: right;
}

.ps_calendar-year {
	right: 1px;
	text-align: left;
}

.ps_event-title {
	position: relative;
	top: 0;
	color: #0055a7;
	font-size: 15px;
  font-size: 1.5rem;
	font-weight: bold;
}

.ps_event-date {
	position: relative;
	font-size: 11px;
  font-size: 1.1rem;
	line-height: 18px;
}

.ps_event-desc {
	position: relative;
	font-size: 12px;
  font-size: 1.2rem;
	line-height: 20px;
	padding-top: 12px;
}

.diary-event-time {
  float: left;
  min-width: 63px;
}

.diary-event-time,
.ps_diary-detail-date {
  font-size: 13px;
  font-size: 1.3rem;
}

.diary-body {
  margin-top: 20px;
  display: block;
}


/* BUTTON STYLES
================ */
.ps_form-blocks .ps_form-btn,
.ps_prev,
.ps_next {
  color: #000;
  text-shadow: none;
  box-shadow: 0 3px 0 #005079;
   background-color: #6dadc6;
    background-image: 			linear-gradient(bottom, #6dadc6 50%, #88C1D8 50%);
    background-image:		 -o-linear-gradient(bottom, #6dadc6 50%, #88C1D8 50%);
    background-image:	   -moz-linear-gradient(bottom, #6dadc6 50%, #88C1D8 50%);
    background-image: 	-webkit-linear-gradient(bottom, #6dadc6 50%, #88C1D8 50%);
    background-image: 		-ms-linear-gradient(bottom, #6dadc6 50%, #88C1D8 50%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.5, #6dadc6), color-stop(0.5, #88C1D8) );
    border: 1px solid #4E6B05;
       -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
    font: normal 14px/23px Arial, Helvetica;
    font-weight: bold;
        padding: 4px 15px;
}

.ps_prev:focus,
.ps_prev:hover,
.ps_next:focus,
.ps_next:hover,
.ps_form-blocks .ps_form-btn:focus,
.ps_form-blocks .ps_form-btn:hover {
  background-color: #5b9eb9;
    background-image: 			linear-gradient(bottom, #5b9eb9 50%, #6dadc6 50%);
    background-image:		 -o-linear-gradient(bottom, #5b9eb9 50%, #6dadc6 50%);
    background-image:	   -moz-linear-gradient(bottom, #5b9eb9 50%, #6dadc6 50%);
    background-image: 	-webkit-linear-gradient(bottom, #5b9eb9 50%, #6dadc6 50%);
    background-image: 		-ms-linear-gradient(bottom, #5b9eb9 50%, #6dadc6 50%);
    color: #fff;
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.5, #5b9eb9), color-stop(0.5, #6dadc6) );
}



/* ============================
   COOKIE INFORMATION STYLES
=============================== */
.ps_cookie-table {
	border: 1px solid black;
}

.ps_cookie-table tr,.ps_cookie-table td {
	border: 1px solid black;
	padding: 4px 10px;
}

.ps_cookie-title {
	font-weight: bold;
	background-color: #f9f9f9;
}

.ps_cookies-used {
	line-height: 2.1;
}

/* IE STYLES
=============================== */

/* Delete if not needed */

/*IE 7*/
.ie7 .main-footer { 
margin-bottom: -6px;
}

.ie7 .ps-policy-links { 
margin-top: 15px; 
}
.ie7 a.text-right  { 
margin-top: -20px;
}

.ie7 .breadcrumbs > li { 
  margin-right: 10px; 
}


/* IE 8 */
.ie8 { }

/* IE 9 */
.ie9 { }

/* IE */
.ie { }



/* ============================
   ADDITIONAL STYLES
=============================== */

.column-one { border-top: solid 3px #000040; }

.topic-custom-calendar .ps_page_link a {
  display: block;
  background: url(calendar.png) top center no-repeat;
  height: 50px;
  width: 95px;
  float: left;
  padding-top: 64px;
  text-align: center;
  margin-right: 21px;
  font-size: 13px;
  font-size: 1.3rem;
}

.topic-custom-calendar ul {
  width: 300px;
  margin: 22px 0;
}

#borderless > tbody > tr > td{
  border-color:#fff!important;
}