@charset "UTF-8";
/* CSS Document */

#calendar_day{
	min-width: 160px;
	min-height: 160px;
	padding-right: 2px;
	width: 25%;
	height: 100%;
	float:left;
	vertical-align:top;
}

#track_selector{
	min-width: 160px;
	min-height: 160px;
	padding-right: 3px;
	width: 22%;
	height: 100%;
	float:left;
	vertical-align:top;
}

#track_box{
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 7px;
}

.clickable_track {
  position:relative; 
  visibility:visible; 
  overflow:hidden;
  color:#000000;
  margin:0;
  font-family: trebuchet ms, verdana; 
  font-size:12px; 
}

#site_links {
	min-width: 160px;
	min-height: 225px;
	width: 220px;
	height: 100%;
	float:left;
	vertical-align:top;
	background-color:#FFFFFF;
	padding-top: 4px;
	padding-bottom: 4px;
	color:#FFFFFF;
	text-align: center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
}

#calendar_day-header{
	min-width: 160px;
	min-height: 25px;
	max-height: 25px;
	width: 25%;
	height: 100%;
	float:left;
	vertical-align:top;
	border-right: 1px #CCCCCC solid;
	background-color:#006699;
	padding-top: 4px;
	padding-bottom: 4px;
	color:#FFFFFF;
	text-align: center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
}

#track_selector-header{
	min-width: 160px;
	min-height: 25px;
	max-height: 25px;
	width: 22%;
	height: 100%;
	float:left;
	padding-top: 4px;
	padding-bottom: 4px;
	vertical-align:top;
	padding-right:2px;
	border-right: 1px #CCCCCC solid;
	background-color:#666666;
	color:#FFFFFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}

.calendar_time{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#000000;
}
.calendar_track_name{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
}
.calendar_track_name a {
	text-decoration:underline;
	font-size:13px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
}
.calendar_bp_session_head {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
}
.calendar_track_detail{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	padding-top:6px;
}
.calendar_time-white{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#FFFFFF;
}
.calendar_track_name-white{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
}
.calendar_track_detail-white{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	padding-top:6px;
	color:#FFFFFF;
}
.calendar_track_selector{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#666666;
	min-width: 160px;
	padding-left:15px;
	background-image:url(images/track_select_bg.jpg);
	background-repeat:repeat-y;
}
.calendar_track{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	font-weight:bold;
	color:#000000;
	background-image:url(images/calendar_sessions_bg.jpg);
	background-repeat: repeat-y;
	min-width: 160px;
	min-height:100px;
	border-left:1px #333333 solid;
}
.calendar_date{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#FFFFFF;
	text-align:center;
	background-color:#003399;
	height:24px;
	min-height: 35px;
	min-width: 160px;
	border-left:1px #333333 solid;
}

/* What is box text settings */
#whatis{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	padding-left:2px;
	padding-right:2px;
	padding-bottom:2px;
}

.box_seperator { padding-right: 2px; padding-top: 2px; }
.box_content  { margin: 0 6px; padding-top: 5px; padding-left: 10px; padding-right: 10px; overflow:hidden; }
.box_content  { margin: 0 6px; padding-top: 5px; padding-left: 10px; padding-right: 10px; height: 100%; }
.header_text  { padding-left: 10px; padding-right: 10px; padding-top:2px; padding-bottom: 2px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; }
.header_text-white { padding-left: 10px; padding-right: 10px; padding-top:2px; padding-bottom: 2px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#FFFFFF; }

.track_popup {position:absolute; visibility:hidden; background-color:#CCCCCC; margin:0; padding:0; border:2px outset; width:420px; z-index: 999; }
.track_popup h3 { font-family:Geneva, Arial, Helvetica, sans-serif; font-size:14px; font-weight: bold; }

.co { font-family:Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color:#000000; background-color:#CCCCCC; }
.co1 { font-family:Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color:#000000; background-color:#999999; }


#div_inline {
position:fixed; 
left: 0px; 
top: 0px; 
padding-top: 50px; 
width: 100%; 
height: 100%; 
background:url(images/fadeout.gif); 
text-align: center; 
visibility:hidden; 
z-index:1;
}


 /* set background images for corners */
.peach_header { height: 20px; background: url(images/calendar-peach_header_bg.gif) repeat; }
.peach_header_top div  { height:10px; background: url(images/calendar-peach_header_top_left.gif) no-repeat top left; }
.peach_header_top      { height:10px; background: url(images/calendar-peach_header_top_right.gif) no-repeat top right; }
.peach_box { background: url(images/calendar-peach_bg.gif) repeat; position:relative; }
.peachtop div  { height:10px; background: url(images/calendar-peach_top_left.gif) no-repeat top left; }
.peachtop      { height:10px; background: url(images/calendar-peach_top_right.gif) no-repeat top right; }
.peachbot div  { height:10px; background: url(images/calendar-peach_bottom_left.gif) no-repeat bottom left; }
.peachbot      { height:10px; background: url(images/calendar-peach_bottom_right.gif) no-repeat bottom right; }

 /* height and width details */
.peachtop div, .peachtop, .peachbot div, .peachbot {
	width: 100%;
	height: 14px;
	font-size: 1px;
}
.peachtop span {
	padding-left: 10px;
	padding-right: 10px;
}
.peach_box { width: 100%; margin: auto; height: 100%; }

.peach_box p { padding: 0; margin: 0 0 0 0; }


 /* set background images for corners */
.blue_header { padding: 3px; background: url(images/calendar-blue_header_bg.gif) repeat top; }
.blue_box { background: url(images/calendar-blue_bg.gif) repeat; }
.bluetop div  { height:10px; background: url(images/calendar-blue_top_left.gif) no-repeat top left; }
.bluetop      { height:10px; background: url(images/calendar-blue_top_right.gif) no-repeat top right; }
.bluebot div  { height:10px; background: url(images/calendar-blue_bottom_left.gif) no-repeat bottom left; }
.bluebot      { height:10px; background: url(images/calendar-blue_bottom_right.gif) no-repeat bottom right; }

 /* height and width details */
.bluetop div, .bluetop, .bluebot div, .bluebot {
	width: 100%;
	height: 14px;
	font-size: 1px;
}
.bluetop span {
	padding-left: 10px;
	padding-right: 10px;
}
.blue_box { width: 100%; margin: auto; }

.blue_box p { padding: 0; margin: 0 0 0 0; }

 /* set background images for corners */
.grey_header { height: 20px; background: url(images/calendar-grey_header_bg.gif) repeat; }
.grey_header_top div  { height:10px; background: url(images/calendar-grey_header_top_left.gif) no-repeat top left; }
.grey_header_top      { height:10px; background: url(images/calendar-grey_header_top_right.gif) no-repeat top right; }
.grey_box { background: url(images/calendar-grey_bg.gif) repeat; position:relative; }
.greytop div  { height:10px; background: url(images/calendar-grey_top_left.gif) no-repeat top left; }
.greytop      { height:10px; background: url(images/calendar-grey_top_right.gif) no-repeat top right; }
.greybot div  { height:10px; background: url(images/calendar-grey_bottom_left.gif) no-repeat bottom left; }
.greybot      { height:10px; background: url(images/calendar-grey_bottom_right.gif) no-repeat bottom right; }

 /* height and width details */
.greytop div, .greytop, .greybot div, .greybot {
	width: 100%;
	height: 14px;
	font-size: 1px;
}
.greytop span {
	padding-left: 10px;
	padding-right: 10px;
}
.grey_box { width: 100%; margin: auto; height: 100%; }

.grey_box p { padding: 0; margin: 0 0 0 0; }

 /* set background images for corners */
.red_header { height: 20px; background: url(images/calendar-red_header_bg.gif) repeat; }
.red_header_top div  { color:#FFFFFF; height:10px; background: url(images/calendar-red_header_top_left.gif) no-repeat top left; }
.red_header_top      { height:10px; background: url(images/calendar-red_header_top_right.gif) no-repeat top right; }
.red_box { background: url(images/calendar-red_bg.gif) repeat; position:relative; }
.redtop div  { height:10px; background: url(images/calendar-red_top_left.gif) no-repeat top left; }
.redtop      { height:10px; background: url(images/calendar-red_top_right.gif) no-repeat top right; }
.redbot div  { height:10px; background: url(images/calendar-red_bottom_left.gif) no-repeat bottom left; }
.redbot      { height:10px; background: url(images/calendar-red_bottom_right.gif) no-repeat bottom right; }

 /* height and width details */
.redtop div, .redtop, .redbot div, .redbot {
	width: 100%;
	height: 14px;
	font-size: 1px;
}
.redtop span {
	padding-left: 10px;
	padding-right: 10px;
}
.red_box { width: 100%; margin: auto; height: 100%; }

.red_box p { padding: 0; margin: 0 0 0 0; }

 /* set background images for corners */
.green_header { height: 20px; background: url(images/calendar-green_header_bg.gif) repeat; }
.green_header_top div  { height:10px; background: url(images/calendar-green_header_top_left.gif) no-repeat top left; }
.green_header_top      { height:10px; background: url(images/calendar-green_header_top_right.gif) no-repeat top right; }
.green_box { background: url(images/calendar-green_bg.gif) repeat; position:relative; }
.greentop div  { height:10px; background: url(images/calendar-green_top_left.gif) no-repeat top left; }
.greentop      { height:10px; background: url(images/calendar-green_top_right.gif) no-repeat top right; }
.greenbot div  { height:10px; background: url(images/calendar-green_bottom_left.gif) no-repeat bottom left; }
.greenbot      { height:10px; background: url(images/calendar-green_bottom_right.gif) no-repeat bottom right; }

 /* height and width details */
.greentop div, .greentop, .greenbot div, .greenbot {
	width: 100%;
	height: 14px;
	font-size: 1px;
}
.greentop span {
	padding-left: 10px;
	padding-right: 10px;
}
.green_box { width: 100%; margin: auto; height: 100%; }

.green_box p { padding: 0; margin: 0 0 0 0; }

 /* set background images for corners */
.yellow_header { height: 20px; background: url(images/calendar-yellow_header_bg.gif) repeat; }
.yellow_header_top div  { height:10px; background: url(images/calendar-yellow_header_top_left.gif) no-repeat top left; }
.yellow_header_top      { height:10px; background: url(images/calendar-yellow_header_top_right.gif) no-repeat top right; }
.yellow_box { background: url(images/calendar-yellow_bg.gif) repeat; position:relative; }
.yellowtop div  { height:10px; background: url(images/calendar-yellow_top_left.gif) no-repeat top left; }
.yellowtop      { height:10px; background: url(images/calendar-yellow_top_right.gif) no-repeat top right; }
.yellowbot div  { height:10px; background: url(images/calendar-yellow_bottom_left.gif) no-repeat bottom left; }
.yellowbot      { height:10px; background: url(images/calendar-yellow_bottom_right.gif) no-repeat bottom right; }

 /* height and width details */
.yellowtop div, .yellowtop, .yellowbot div, .yellowbot {
	width: 100%;
	height: 14px;
	font-size: 1px;
}
.yellowtop span {
	padding-left: 10px;
	padding-right: 10px;
}
.yellow_box { width: 100%; margin: auto; height: 100%; }

.yellow_box p { padding: 0; margin: 0 0 0 0; }