@charset "utf-8";
/* CSS Document */
/* 	This document contains information for the calendar javascript
	for the State of Alaska's Department of Administration.
	It is intended to suppliment existing css files and be used as an
	external style sheet.
*/

/* Overriding stuff from general CSS */
.content .calendar ol {
	list-style-type: none;
}
.content .calendar a {
	text-decoration:none;	
}
#sidebar .calendar a {
	font-weight: normal;
}
/* CALENDAR */
/*
.content .calendar h2, .content .calendar h3, .content .calendar h4, .content .calendar h5, .content .calendar h6 {
	background: #CCC;
	clear: both;
	height: 20px;
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
	padding: 8px 10px 4px 20px;
} */
.content .calendar {
	border: 1px solid;
	margin: 0 0 24px -20px;
	padding: 0;
}
#content_partial .content .calendar ol {
	padding: 0 0 10px 20px;
}
#content_partial .content .calendar li {
	margin: 8px 10px 8px 0;
}
#wrapper .calendar .linkedEvent {
	text-decoration:none;
}
#wrapper .calendar .linkedEvent:hover, #sidebar .calendar .linkedEvent:focus {
	background: #eee;
}
/* Year-Ahead */
#content_partial .content .calendar.yearAhead ol {
	padding: 0;
}
#content_partial .content .calendar.yearAhead li {
	margin-right:0;
}
.calendar.yearAhead header {
	background: #1A3745;
	color:#FFF;
	font-size: 1em;
	font-weight: bold;
	padding-left: 1.5em;
	border-bottom:1px solid;
}
.content .calendar.yearAhead .calendarLabel{
	display:inline-block;
	font-weight: bold;
	margin: 20px 0 0 0;
	border-bottom: solid 1px #ccc;
	text-align: right;
	width: 192px;
}
.content .calendar.yearAhead span {
	vertical-align:top;
}
.content .calendar.yearAhead span.startDate {
	display: inline-block;
	text-align: right;
	width: 192px;
}
.content .calendar.yearAhead span.name {
	display: inline-block;
	width: 320px;
	text-align:top;
	margin-left:16px;
}

/* annual */
#content_partial .content .calendar.annual ol {
	padding: 0;
}
.calendar.annual header {
	background: #CCC;
	font-size: 1em;
	font-weight: bold;
	padding-left: 1.5em;
	border-bottom:1px solid;
}
.content .calendar.annual h3 {
	margin: 20px 0 0 0;
	background: white;
	border-bottom: solid 1px #ccc;
	width: 192px;
	text-align: right;
}
.content .calendar.annual span {
	vertical-align:top;
	margin: 0;
}
.content .calendar.annual span.startDate {
	display: inline-block;
	width: 212px;
	text-align: right;
}
.content .calendar.annual span.name {
	display: inline-block;
	width: 440px;
	text-align:top;
	margin-left:16px;
}
.nobullet{
	margin:-12px 0 0 -30px !important;	
}

/* column */
.calendar.column {
	margin: -14px -10px 0 -11px;
}
.calendar.column header {
	background: #223f68;
	padding: 0 0 0 16px;
	margin-right: 10px;
	margin-left: 10px;
	font-size:.9em;
	color:#fff;
	font-weight: bold;
}
.calendar.column .calendar_item {
	position: relative;
	height: 100px;
	border: solid 1px #ccc;
	padding: 0 22px 0 0;
	font-family:Arial, Helvetica, sans-serif;
	color: #888;
	width: 100%;
	font-size: .9em;
}
.column span {
	display: block;
	text-align:left;
}
.column span.name {
	position: absolute;
	top: 6px;
	left: 60px;
	width: 206px;
	height: 36px;
	overflow:hidden;
	margin-bottom: 8px;
	font-weight: bold;
	overflow: visible;	
}
.column span.location {
	position: absolute;
	left: 60px;
	top: 43px;
	width: 172px;
	overflow:hidden;
	height: 18px;
	white-space:nowrap;
	text-overflow:ellipsis;
	padding-right:32px;
	display:none;
}
.column span.month {
	font-weight: bold;
	font-size: 20px;
	width: 48px;
	border: none;
	text-align: right;
	margin-top: 4px;
	margin-left: 4px;
}
.column span.dayOfMonth {
	font-size: 36px;
	line-height:1;
	margin-top:-4px;
	font-weight: bold;
	width: 48px;
	text-align:right;
}
#sidebar .column a {
	font-weight: normal;
	text-decoration: none;
	
}
#sidebar .column .calendar_item.linkedEvent {
	background: url(../images/sprite-more-info.gif) no-repeat 278px top;
	border-color: #339;
	color: #339;
}
#sidebar .column .calendar_item.linkedEvent:hover, #sidebar .column .calendar_item.linkedEvent:focus {
	background: url(../images/sprite-more-info.gif) no-repeat 278px -100px;
	border-color: #06c;
	color: #06c;
}
/* matrix */
.calendar.matrix header {
	background: #CCC;
	color:#1A3745;
	font-size: 1em;
	font-weight: bold;
	margin: 0px;
	padding: 8px 10px 4px 20px;
}

.content .calendar.matrix {
	background: #ccc;
}
	#content_partial .matrix .calendar_item {
		display: inline-block;
		zoom: 1; /* IE7 fix */
		*display:inline; /* IE7 fix */
		background: #FFF;
		width: 156px;
		min-height: 180px;
		border: 1px solid;
		vertical-align: top;
		margin: 4px;
		padding: 8px;
		text-align:center;
	}
		#content_partial .matrix .calendar_item.nextDate {
			font-style: normal;
			font-weight: normal;
			background: white url(../images/icon-apoc-next.png) no-repeat;
			border-color: #ffdc00;
			
		}
		.matrix span {
			display: block;
			text-align:center;
			width: 100%;
			margin-bottom: 12px;
		}
		.matrix span .startDate {
			font-weight: bold;
		}
		#content_partial .matrix .calendar_item.prevDate {
			background: #eee;
			color: #444;
		}
		
/* previous & upcoming */
.content .calendar.previous span, .content .calendar.upComing span {
	display:inline-block;
	padding-left: .5em;
}
	#content_partial .calendar.upComing .nextDate {
		font-weight:bold;
		background:#eee;
		padding:10px 10px 10px;
		margin: 10px 0 10px -20px;
		border-left:3px double #000;
	}
	.content .calendar.upComing span.location, .content .calendar.previous span.location {
		margin-left: 2em;;
		display:block;
	}
	
/* previous & upcoming in sidebar*/
#sidebar .calendar.previous span, #sidebar .calendar.upComing span {
	display:inline-block;
	padding-left: 1em;
	font-size: .8em;
	margin: 10px 0;
}
	#sidebar .calendar.upComing .nextDate {
		font-weight:bold;
	}
	#sidebar .calendar.upComing span.location, #sidebar .calendar.previous span.location {
		margin-left:1em;;
		display:none;
	}
#sidebar .calendar.upComing header, #sidebar .calendar.previous header {
		font-weight: bold;
		font-size: 1em;
		background: #ccc;
		padding: 6px 0 6px 10px;
}
#sidebar .calendar.upComing, #sidebar .calendar.previous {
	border: 1px solid;
	margin: 20px 0 20px -20px;
}

/* candidate */
#content_partial .content .calendar.candidate ol {
	padding: 0;
}
#content_partial .content .calendar.candidate li {
	margin-right:0;
}
.content .calendar.candidate header
{
	background: #CCC;
	color:#1A3745;
	font-size: 1.1em;
	font-weight: bold;
	padding: 8px 10px 0 16px;
	margin-bottom: -18px;
	font-family: Arial, Helvetica, san-serif;
}
.content .calendar.candidate .calendarLabel{
	display:inline-block;
	font-weight: bold;
	margin: 20px 0 0 16px;
	border-bottom: solid 1px #ccc;
	width: 550px;
	font-size:1em;
	color: #666;
	font-family: Arial, Helvetica, san-serif;
}
.content .calendar.candidate span {
	vertical-align:top;
	margin: 0;
	display: inline-block;
}
.content .calendar.candidate span.due {
	width: 150px;
	margin-left:16px;
}
.content .calendar.candidate span.report {
	width: 400px;
	margin-left: 16px;
}
.content .calendar.candidate span.covers {
	width: auto;
	margin-left: 32px;
	display: block;
	font-style:italic;
}
.content .calendar.candidate .calendar_item.nextDate {
	background: #ffdc00;
	color: #222677;
}
.content .calendar.candidate .calendar_item.nextDate span.due, .content .calendar.candidate .calendar_item.nextDate span.report {
	font-weight:bold;
}

.content .calendar.candidate .calendar_item.prevDate {
	color: #444;
}

/* training */
#content_partial .content .calendar.training ol {
	padding: 0;
}
#content_partial .content .calendar.training li {
	margin-right:0;
}
.content .calendar.training header {
	font-size:1em;
	text-align: center;
	padding: .5em;	
}
.content .calendar.training p {
	padding: 0 1.1em;
}
.content .calendar.training .calendarLabel{
	display:inline-block;
	font-weight: bold;
	margin: 20px 0 0 16px;
	border-bottom: solid 1px #ccc;
	font-size:1em;
	color: #666;
	font-family: Arial, Helvetica, san-serif;
	width: 90%;
}
.content .calendar.training span {
	vertical-align:top;
	margin: 0;
	display: inline-block;
	margin-left:3%;
	width: 30%;
}
.content .calendar.training span.time {
	width:25%;
}

.content .calendar.training span.details {
	width: 10%;
}

.content .calendar.training span.location {
	width: 12%;
	font-weight: bold;
}
.content .calendar.training span.address {
	width: 33%;
	font-style: italic;
}
.content .calendar.training .calendar_item {
	position: relative;
	width: 100%;
	padding-bottom: 12px;
}
/* trainingBrief */
.content .calendar.trainingBrief {
	border: none;
	background: #eee;
	margin-left: 1em;
}
.content .calendar.trainingBrief header {
	font-size:1em;
	text-align: center;
	padding:.5em;
}
.content .calendar.trainingBrief p {
	padding: 0 1.1em 1.1em 1.1em;
}
.trainingBrief span {
	display: inline-block;
	vertical-align:top;
}
.trainingBrief .startDate {
	width: 4em;	
}
.trainingBrief .location {
	width: 7em;	
}
.trainingBrief .time {
	width: 9em;	
}
.trainingBrief .name {
	width: 15em;
}
.trainingBrief .description {
	display: none;
	font-style:italic;	
}