/*

- Highland Park Village
- http://www.hpvillage.com
- designed and developed by Switch Creative Group
- http://www.groupswitch.com

*/

/* ---- COLORS ---- */
/* ---------------------------------------------------- */
	/* -- #414242 - copy grey	-- */
	/* -- #C2B26D - gold -- */
	/* -- #e8e2c8 - lt gold -- */
	/* -- #f6f6f6 - ltr grey -- */
	/* -- #e5e5e5 - lt grey -- */
	/* -- #414242 - dk grey -- */
    


/* ! ---- CALENDAR ---- */
/* ---------------------------------------------------- */   
	
	/* ---- CALENDAR LINKS ---- */
	span.calnk {
		display: block;
		line-height: 1.3em;
		margin-bottom: 4px;
		}
		
	.calnk a {
	  border-bottom: 1px dotted #414242;
	  color: #414242;
	  font-family: Verdana, sans-serif;
	  font-size: 10px;
	  text-decoration: none; 
	  }
   
	.calnk a:hover {
		background-position: 0 0;
		border-bottom: 1px dotted #414242;;
		color: #414242;
		text-decoration: none;  
		}
   
	.calnk a:visited {
		border-bottom: 1px dotted #000000;
		color:#000000;
		text-decoration:none;
		}

	.calnk a span { 
		display:none; 
		}

	.calnk a:hover > span {
		background: #E7E3CA;
		border: 1px solid #fff;
		color: #414242; 
		display: block;
		font-family: Georgia;
		font-weight: normal;
		font-size: 12px;
		line-height: 1.3em;
		margin-top: 1px; 
		padding: 12px;
		position:absolute;
		text-align: left; 
		width: 200px; 
		z-index:100;
		}
	
	.calnk a:hover span {
		display: block;
		}
  

	/* ---- CALENDAR TABLE ---- */    
	.calendar-table {
		border:none;
		margin: 0 0 0 1px;
		width: 998px;
		}

	.calendar-heading {
		background-color: #414242;
		border: 1px solid #414242;
		padding: 0;
		text-align: center;
		}
	
		.calendar-heading table {
			margin: 0;
			}
		
		.calendar-month {
			color: #fff;
			font-size: 18px;
			font-weight: normal;
			letter-spacing: .1em;
		  text-align: center;
		  text-transform: uppercase;
		  width: 50%;
			}
		
		.calendar-heading a {
			color: #fff;
			font-size: 12px;
			font-family: Verdana, sans-serif;
			}
		
		.calendar-heading a:hover {
			color: #c2b26d;
			}
			
		.calendar-next {
			text-align: right;
			vertical-align: middle;
			width:25%;
			}
		
		.calendar-prev {
			text-align: left;
			vertical-align: middle;
			width:25%;
			}

	.normal-day-heading {
		background-color: #717272;
		border: 1px solid #414242;
		color: #fff;
		font-size: 12px;
		text-align:center;
		width:25px;
		}
	
	.weekend-heading {
		background-color: #717272;
		border: 1px solid #414242;
		color: #fff;
		font-size: 12px;
		text-align:center;
		width:25px;
		}

	.day-with-date {
		border: 1px solid #414242;
	  height: 60px;
	  text-align: right;
	  vertical-align: text-top;
	  width: 60px;
		}
	
	.day-with-date span {
		font-family: Verdana, sans-serif;
		font-size: 10px;
		}
		
	.no-events {
		}
		
	.day-without-date {
		border:1px solid #414242;
	  height:60px;
	  width:60px;
		}
	
	span.weekend {
	  color:#999;
		}
		
	.current-day {
	  background: #e8e2c8 url(../_img/current_day_back.gif) repeat-x;
		border:1px solid #424141;
	  height:60px;
	  text-align:left;
	  vertical-align:text-top;
	  width:60px;
		}
	
	.current-day > span:first-child {
		display: block;
		font-family: Verdana, sans-serif;
		font-size: 10px;
		text-align: right;
		}

	span.event {
		display: block;
		font-family: Verdana, sans-serif;
		font-size: 10px;
		padding: 3px 0;
		text-align: left;
		}
	
	
	/* ---- EVENT POP UP ---- */ 
	.event-title,
	.day-with-date span .event-title {
		color: #414242;
		display: block;
		font-family: Georgia;
		font-weight: bold;
		font-size: 14px;
		text-align: left;
		}

	.event-title-break {
		border-top:1px dotted #8d8d8d;
		height:1px;
		margin: 3px 0;
		text-align: center;
		width: 100%;
		}

	.event-content-break {
  	border-top:1px dotted #8d8d8d;
		height:1px;
		margin: 3px 0;
		text-align: center;
		width: 100%;
		}
		
.calendar-date-switcher {
  height:25px;
  text-align:center;
  border:1px dotted #8d8d8d;
  background-color:#E4EBE3;
}
.calendar-date-switcher form {
  margin:0;
  padding:0;
}
.calendar-date-switcher input {
  border:1px #D6DED5 solid;
}
.calendar-date-switcher select {
  border:1px #D6DED5 solid;
}
.cat-key {
  width:100%;
  margin-top:10px;
  padding:5px;
  border:1px solid #D6DED5;
}

.kjo-link {
	display: none;
}