@CHARSET "ISO-8859-1";

/* ** general ** */
.clear-floats {
	font-size: 1px;
	line-height: 1px;
	clear: both;
	height: 1px;
	margin: 0;
	padding: 0;
}
.hide {
	display: none;
}
.nowrap {
	white-space: nowrap;
}

body {
	padding: 0px;
	margin: 0px;
	background-color: white;
	font-family: arial;
	background-repeat: repeat-x;
}
div.demo-banner {
	padding: 5px 30px 10px 30px;
	background-color: #fff999;
	border-bottom: 1px solid #999333;
}
div.demo-banner h1 {
	margin:0.3em 0;
	font-size: 1.5em;
	color: #bbb000;
}
div.demo-banner h1 a {
	float: right;
}
div.demo-banner img {
	border: none;
	vertical-align:middle;
}
div.demo-banner div.demo-container {
	width: 100%;
	margin: 0;
	padding: 0;
}
div.demo-banner div {
	margin: 0.5em 0;
}
div.demo-banner div.addthis {
	background-color: #fffddd;
	padding:10px;
	margin-top:1em;
}
div.demo-banner div.addthis img.comment {
	float:left;
	padding-right: 20px
}
div.top-status {
	background-color: #84ade1;
	font-size: 0.8em;
	padding: 2px 30px;
	background-repeat: repeat-x;
}
div.top-status a {
	color: white;
	text-decoration: none;
	margin-right: 15px;
}
div.top-status a:hover {
	text-decoration: underline;
}
div.top-status a.rhs {
	margin-right: 0px;
	margin-left: 15px;
	float: right;
}
div.main {
	padding: 0px 30px;
}

table.title-table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 10px;
}
table.title-table td.title {
	vertical-align: top;
	padding: 20px 0px 0px 0px;
	color: #063875;
}
table.title-table td.title h1 {
	font-weight: normal;
	font-size: 20px;
	padding: 0px;
	margin: 0px;
}
table.title-table td.title h2 {
	font-weight: normal;
	font-size: 14px;
	padding: 0px;
	margin: -2px 0px 0px 0px;
}
	
table.title-table td.logo {
	padding-top: 15px;
	text-align: right;
	font-size: 0.8em;
}
table.title-table td.logo IMG {
	border:none;
	vertical-align: middle;
}
table.title-table td.logo a.twitter {
	color: #84ADE1;
	font-weight: normal;
	text-decoration: none;
	padding-right: 10px;
}
table.title-table td.logo a.twitter:hover {
	text-decoration: underline;
	color: blue;
}
/*table.title-table td.logo a.twitter IMG {
	border:none;
	vertical-align: middle;
}*/

div.help-box {
	font-family: verdana;
	font-size: 0.8em;
	padding: 10px;
	margin: 10px 0;
	background-color: #fffaaa;
}
.button {
	cursor: pointer;
	border: 1px solid #eee;
	border-color: #eee #999 #999 #eee;
	background-color: #ccc;
	padding: 0.2em 0.5em;
	text-decoration: none;
	color: black;
	font-weight: normal;
}
.button:focus {
	background-color: #ddd666;
}
.button:active {
	border-color: #999 #eee #eee #999;
	background-color: #aaa;
}
.cancel-link {
	cursor: pointer;
	padding: 0;
	text-decoration: none;
	color: red;
	font-weight: normal;
}
.cancel-link:focus {
	text-decoration: underline;
}
.cancel-link:focus {
	background-color: #ddd666;
	text-decoration: underline;
}


/* footer */
div.footer {
	padding: 0px;
	margin: 30px 0px 0px 0px;
	background-color: #fff;
	font-family: arial;
	background-repeat: repeat-x;
	border-top: 2px solid #ddd;
}
div.footer IMG {
	border: none;
}
div.footer table {
	/*width: 800px;*/
	margin: 8px auto;
}
div.footer table td.info {
	padding: 11px 0px 0px 0px;
	font-size: 0.8em;
	width: 300px;
	vertical-align: top;
}
div.footer table td.info a {
	color: #548ACE;
}
div.footer table td.info div {
	background-color: #fff;
	padding: 15px;
	line-height: 1.5em;
	border: 1px solid #eee;
}
div.footer table td.info div {
	text-align: center;
}
div.footer table td.info div.right a {
	padding: 0 5px;
}
div.footer table td.logo {
	width: 200px;
	text-align: center;
	padding-top: 6px;
}
div.footer div.copyright {
	font-size: 0.8em;
	text-align: center;
	padding-bottom: 50px;
	color: #999;
}

/* breadcrumb */
div.breadcrumb {
	color: #A30505;
	margin-bottom: 10px;
	font-size: 0.8em;
}
div.breadcrumb a {
	color: #A30505;
	text-decoration: none;
	font-weight: bold;
}
div.breadcrumb a:hover {
	text-decoration: underline;
}

/* *** layouts *** */
div.horiz-layout div.first-layout-box,
 div.horiz-layout div.layout-box {
	float: left;
}
div.horiz-layout div.layout-box div.round-grad-box {
	margin-left: 30px;
}

div.centered-box-layout {
	margin: 2em auto 8em auto;
	width: 22em;
}

/* round-grad-box */
div.round-grad-box {
	margin-bottom: 30px;
}
div.round-grad-box div.head {
	position: relative;
	margin: 0px;
	width: 100%;
	height: 20px;
}
div.round-grad-box div.head div.inner-head {
	background-repeat: repeat-x;
	margin: 0px 20px;
	height: 100%;
	font-weight: bold;
	text-align: center;
	color: #333;
	
	overflow: hidden;
}
div.round-grad-box div.head div.inner-head div {
	padding-top: 2px;
}
div.round-grad-box div.head img,
 div.round-grad-box div.foot img {
	position: absolute;
}
div.round-grad-box div.head img.nw-corner {
	/*left: -20px;*/
}
div.round-grad-box div.head img.ne-corner,
 div.round-grad-box div.foot img.se-corner {
	right: 0px;
}
div.round-grad-box div.foot {
	position: relative;
	margin: 0px;
	width: 100%;
	height: 20px;
}
div.round-grad-box div.foot div.inner-foot {
	background-color: #f6f6f6;
	background-repeat: repeat-x;
	margin: 0px 20px;
	height: 20px;
	font-weight: bold;
	text-align: center;
	color: #333;
}
div.round-grad-box div.content {
	background-repeat: repeat-x;
	background-color: #eee;
	margin: 0px;
	padding: 0px;
	border-left: 1px solid #919191;
	border-right: 1px solid #919191;
	height: 100%;
}
div.round-grad-box div.content-yardstick {
	background-color: #eee;
	margin: 0px;
	padding: 0px;
	border-left: 1px solid #919191;
	border-right: 1px solid #919191;
	font-size: 1px;
	height: 1px;
}	
div.round-grad-box div.content div.content-container,
 div.round-grad-box div.content-yardstick div.content-container {
	margin: 0px 10px;
}

/* *** XY Scroll *** */
div.xy-head-container {
	overflow:hidden;
	white-space:nowrap;
}
div.xy-shade-container {
	display:inline;
	float:left;
	position:relative;
}
div.xy-slide-shade {
	/*left:202px;*/
	overflow:hidden;
	position:absolute;
	width:22px;
}
div.xy-slide-shade div {
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/slide-shade.png',sizingMethod='scale');*/
	background-repeat:repeat-y;
	height:100%;
	left:-22px;
	position:relative;
	width:100%;
}
/*div.xy-slide-shade[id] div {
	background-image: url(../images/slide-shade.png);
}*/
div.xy-left-container {
	float:left;
	margin-right:2px;
	overflow:hidden;
}
div.y-scroll-pad {
	height: 20px;
}
div.xy-main-container {
	margin: 0;
	overflow: scroll;
}

/* general */
div.no-data {
	padding: 30px 10px;
	font-size: 0.8em;
	color: #666;
}
div.calendar div.no-data {
	text-align: center;
}
div.help {
	font-size: 0.8em;
	font-family: verdana;
	padding: 10px;
	background-color: #ffffbc;
	color: #000;
	text-align: center;
}

/* message */
div.msg-container {
	padding: 1em 0.5em;
	font-size: 0.8em;
}
div.msg-container p {
	margin: 0 0 0.5em 0;
}
/* password box */
div.pw-container {
	padding: 1em 0.5em;
}
div.pw-container span.bad {
	color: red;
	font-weight: bold;
	font-size: 0.9em;
}
div.pw-container table {
	border-spacing: 0px;
}
div.pw-container div.demo-help {
	font-size: 0.8em;
	padding: 5px 10px;
	/*border: 1px solid #a2a247;*/
	background-color: #fff999;
	margin: 1em 0px 0px 0px;
}
div.pw-container div.help {
	font-size: 0.8em;
	/*padding: 10px;*/
	/*border: 1px solid #a2a247;*/
	/*background-color: #ffffbc;*/
	margin: 1em 0px 0px 0px;
}
div.pw-container td.input input {
	font-size: 1.2em;
	border: 1px solid #bbb;
	padding: 5px;
	width: 11em;
	margin-right: 1.5em;
}
div.pw-container td.input {
	text-align: left;
	padding: 0px;
}
div.pw-container td input {
	font-size: 1.2em;
}
div.pw-container td {
	text-align: left;
}
/* schedule list */
div.schedule-list {
	padding: 0.6em 0px;
}
div.schedule-list div.title {
	color: #333;
	font-weight: bold;
	padding-bottom: 0.1em;
}

div.schedule-list div.title a {
	font-weight: normal;
	color: #548ACE;
	padding-left: 0.3em;
	font-size: 0.9em;
}
table.series-detail {
	background-color: white;
	/*border: 1px solid #bbb;*/
	width: 100%;
	border-collapse: collapse;
}
table.series-detail td {
	margin: 0px;
	padding: 0px;
	border: 1px solid #bbb;
	width: 50%;
}
table.series-detail tr.info td {
	padding: 5px 10px;
	/*text-align: right;*/
	font-size: 0.8em;
}
table.series-detail tr.info span.type {
	color: #666;
	padding-right: 0.3em;
	font-style: italic;
}
table.series-detail tr.info a {
	font-weight: normal;
	color: #548ACE;
	padding-left: 0.3em;
	float: right;
}
table.series-detail tr.quick-blocks a {
	display: block;
	text-decoration: none;
	padding: 0px 0px 10px 10px;
	color: #a30505;
	font-weight: bold;
}
table.series-detail tr.quick-blocks a:hover {
	background-color: #ffb;
}
table.series-detail tr.quick-blocks div.no-link {
	padding: 0px 0px 10px 10px;
	color: #bbb;
}
table.series-detail tr.list-blocks td {
	padding: 0px 0px 10px 10px;
}
table.series-detail tr.list-blocks a {
	color: #666;
	font-size: 0.8em;
	margin: 0px 0.5em 0px 0px;
	padding: 0;
	white-space: nowrap;
	text-decoration: none;
}
table.series-detail tr.list-blocks a:hover {
	/*text-decoration: underline;*/
	background-color: #ffb;
}
table.series-detail div.desc {
	font-size: 0.6em;
	color: #666;
	margin: 0px 0px 2px -8px;
}

/* staffs list */
div.announce-container {
	padding: 10px 10px 0 10px;
}
div.announce {
	background-color: #FFFFC0;
	padding: 5px 10px 10px 10px;
	font-size: 0.8em;
}
div.announce H4 {
	font-size: 1.6em;
	font-weight: normal;
	margin: 0;
	color: #666;
}
div.announce ul {
	padding: 0;
	margin: 0.5em 0 0.5em 1.5em ;
}
div.staff-list-container{
	padding: 0.6em 0px;
}
div.staff-list {
	border: 1px solid #bbb;
	background-color: white;
	
}
div.staff-list a {
	/*float: right;*/
	width: 40px;
	text-decoration: none;
	height: 30px;
	position: absolute;
	
}
div.staff-list a.find-yourself {
	background-position: -45px -57px;
	right: 50px;
}
div.staff-list .staff-hi a.find-yourself {
	background-position: -45px -15px;
}
div.staff-list .staff-hi a.find-yourself:hover {
	background-position: -45px -104px;
	/*height: 36px;
	top: -6px;*/
}
div.staff-list a.ical {
	background-position: -91px -57px;
	right: 10px;
}
div.staff-list .staff-hi a.ical {
	background-position: -91px -16px;
}
div.staff-list .staff-hi a.ical:hover {
	background-position: -91px -105px;
	/*height: 36px;
	top: -6px;*/
}
div.staff-list a.reqs {
	background-position: 0px -57px;
	right: 90px;
}
div.staff-list .staff-hi a.reqs {
	background-position: 0px -16px;
}
div.staff-list .staff-hi a.reqs:hover {
	background-position: 0px -105px;
	/*height: 36px;
	top: -6px;*/
}
div.staff-list .staff,
 div.staff-list .staff-hi {
	display: block;
	padding: 0 10px;
	text-decoration: none;
	border-bottom: 1px solid #eee;
	clear: both;
	height: 30px;
	position: relative;
}
div.staff-list .staff-hi {
	background-color: #FFFFC0;
	
}
div.staff-list span.name {
	color: #333;
	font-weight: bold;
	font-size: 0.8em;
	position: relative;
	top:4px;
}
div.staff-list span.level {
	color: #888;
	font-size: 0.6em;
	padding-left: 0.5em;
	position: relative;
	top:4px;
}

/* ruleset list */
div.rs-list-container {
	padding: 0.6em 0px;
	margin: 0px;
}
table.rs-list {
	width: 100%;
	/*cell-spacing: 2px;*/
}
table.rs-list td {
	background-color: #ccc;
	padding: 0px;
	margin: 0px;
}
table.rs-list td.block {
	background-color: white;
	vertical-align: top;
}
table.rs-list td.block a {
	display: block;
	color: #333;
	text-decoration: none;
	padding: 10px;
	height: 100%;
}
table.rs-list td.block a:hover {
	background-color: #ffb;
}
table.rs-list div.name {
	font-weight: bold;
	font-size: 0.9em;
	color: #A30505;
}
table.rs-list div.dates {
	color: #555;
	font-size: 0.8em;
	padding-top: 0.5em;
}
table.rs-list div.pub-date {
	color: #555;
	font-size: 0.8em;
	/*padding-top: 0.5em;*/
}
table.rs-list div span.low {
	font-size: 0.9em;
	color: #999;
}
/* **** calendar agenda via floats **** */
div#dyn-cal-no-js {
	background-color: #ffffc0;
	padding: 1em;
	font-size: 0.8em;
}
div.show-weekdays div.wd {
	font-size: 0.8em;
	color: #666;
	text-align: center;
	width: 13%;
	float: left;
	margin-left: 2px;
	padding: 2px 0px;
}
div.show-weekdays div.spacer {
	display: none;
}
div.hide-weekdays div.wd {
	display: none;
}
div.hide-weekdays div.spacer {
	font-size: 0.8em;
	padding: 2px 0px;
}
.scroll-container,
 .agenda-scroll-container {
	height: 300px;
	overflow-y: scroll;
	overflow-x: hidden;
}
.agenda-scroll-container {
	border: 1px solid #bbb;
	/*margin-left: 10px;*/
	/*float: right;*/
}
div.agenda {
	background-color: white;
}
div.bumper-end,
 div.bumper-server,
 div.bumper-more {
	text-align: center;
	font-weight: bold;
	margin: 15px;
	padding: 10px;
	font-size: 0.8em;
	font-weight: bold;
	color: #444;
}
div.bumper-end span,
 div.bumper-server span,
 div.bumper-more span {
	display: none;
}
div.bumper-end {
	border: 1px dashed #eee;
}
div.bumper-end span.end {
	display: inline;
}
div.bumper-more {
	border: 1px dashed #D4573F;
	background-color: #FFE3C0;
}
div.bumper-more span.more {
	display: inline;
}
div.bumper-server {
	border: 1px dashed #D4573F;
	background-color: #D4573F;
	color: #fff;
}
div.bumper-server span.server {
	display: inline;
}




div.calendar div.day,
 div.calendar div.today,
 div.calendar div.no-day {
	float: left;
	width: 13%;
	margin: 0px 0px 1px 2px;
}
div.calendar div.day {
	background-color: white;
}
div.calendar div.today {
	background-color: #ffffc0;
}
div.agenda div.today {
	background-color: #ffffc0;
}
div.agenda div.no-day {
	display: none;
}
div.agenda div.day,
 div.agenda div.today {
	clear: left;
	border-top: 1px solid #ddd;
	padding: 0px;
	margin: 0px 20px;
}


div.calendar div.day-head {
	text-align: right;
	padding: 0px 2px;
	font-size: 0.7em;
}
div.agenda div.day-head {
	float: left;
	width: 100px;
	/*margin-right: 20px;*/
	/*margin-top: 0.5em;*/
	padding: 0.5em 0px 0px 0px;
	text-align: center;
	
	border-top: 1px solid #ddd;
	
	background-position: 18px 7px;
	background-repeat: no-repeat;
}
div.agenda div.day-head div {
	padding-right: 20px;
}
div.calendar div.day-head div.month {
	display: inline;
	padding-right: 0.3em;
}
div.agenda div.day-head div.month {
	display: block;
	font-size:0.6em;
	line-height: 1em;
	color: white;
	text-transform: uppercase;
	padding-top: 2px;
}

div.calendar div.day-head div.date {
	display: inline;
}
div.agenda div.day-head div.date {
	display: block;
	font-size: 1.2em;
	line-height: 1em;
	color: white;
}

div.calendar div.day-head div.year {
	display: none;
}
div.agenda div.day-head div.year {
	display: block;
	font-size: 0.6em;
	line-height: 0.9em;
	color: white;
}

div.calendar div.day-head div.weekday {
	display: none;
}
div.agenda div.day-head div.weekday {
	display: block;
	font-size: 0.7em;
	color: #d96154;
	padding-top:5px;
	line-height: 0.9em;
}

div.calendar div.shift {
	margin: 2px 2px 10px 2px;
}
div.agenda div.shift {
	border-top: 1px solid #ddd;
	margin-left: 100px;
	padding: 0.5em 0px 0px 0px;
}
div.calendar div.shift div.shift-head {
	padding: 0px 2px
}
div.agenda div.shift div.shift-head {
	float: left;
	width: 15em;
	padding-bottom: 0.5em;
}

div.calendar div.shift div.shift-name {
	background-color: #eee;
	border-top: 1px solid #ddd;
	font-size: 0.8em;
	font-weight: bold;
	color: #333;
	padding-left: 3px;
}
div.agenda div.shift div.shift-name {
	font-size: 0.9em;
	font-weight: bold;
}

div.calendar div.shift div.shift-details {
	font-size: 0.8em;
	color: #999;
	border: 1px solid #eee;
	padding-left: 5px;
	display: none;
}
div.agenda div.shift div.shift-details {
	/*display: none;*/
	color: #777;
	font-size: 0.8em;
}
div.agenda div.shift div.shift-details a {
	text-decoration: none;
	color: #548ace;
}
div.agenda div.shift div.shift-details a:hover {
	color: blue;
	text-decoration: underline;
}
div.agenda div.shift div.shift-staffs {
	margin-left: 16em;
	padding-bottom: 0.5em;
}
div.shift div.shift-staffs div {
	font-size: 0.8em;
	cursor: pointer;
}
div.shift div.shift-staffs div.highlight {
	background-color: #ff6;
}
div.today div.shift div.shift-staffs div.highlight {
	background-color: #ff0;
}
div.calendar div.shift div.shift-staffs div {
	line-height: 0.9em;
	padding: 2px 0px 2px 5px;
}
div.agenda div.shift div.shift-staffs div {
	display: inline;
	padding: 0px 0.2em;
	margin: 0px 0.2em;
}
div.calendar div.shift div.shift-staffs div span.level-abbr {
	background-color:#EEEEEE;
	color:#444444;
	font-family:monospace;
	font-size:1.1em;
	line-height:1em;
	margin:0 3px 0 0;
	padding:0 2px;
}
div.calendar div.shift div.shift-staffs div.highlight span.level-abbr {
	background-color:#EEEE00;
}
div.agenda div.shift div.shift-staffs div span.level-abbr {
	display: none;
}
div.calendar div.shift div.shift-staffs div div.level {
	display: none;
}
div.agenda div.shift div.shift-staffs div div.level {
	color: #777;
	font-size: 0.7em;
	padding-left: 0px;
	margin-left: 0px;
	white-space: nowrap;
}

div.side-agenda {
	/*position: absolute;*/
	float: left;
	border: 1px solid #bbb;
	margin-right: 10px;
}
div.side-agenda div.head {
	display: none;
}
div.float-calendar {
	position: absolute;
	border: 3px solid #BF4040;
	right: 50px;
	top: 8px;
}
div.float-calendar div.head {
	text-align: right;
	color: #fff;
	background-color: #BF4040;
	cursor: pointer;
	font-size: 1.1em;
	line-height: 0.7em;
	height: 0.9em;
}
table.dyn-sched-tools {
	width: 100%;
	font-size: 0.8em;
	margin-top: 5px;
	clear: both;
}
table.dyn-sched-tools a {
	color: #548ACE;
}
table.dyn-sched-tools td {
	vertical-align: top;
}
table.dyn-sched-tools td.display-mode-tool {
	text-align: right;
}
table.dyn-sched-tools span.leader {
	font-weight: bold;
	color: #333;
}
table.dyn-sched-tools span.highlight {
	background-color: #ff6;
}
table.dyn-sched-tools span.clickable {
	color: #548ACE;
	text-decoration: underline;
	cursor: pointer;
}
table.dyn-sched-tools span.clickable span.highlight {
	text-decoration: underline;
	color: #333;
}
table.dyn-sched-tools td.display-mode-tool span {
	color: #548ACE;
	text-decoration: underline;
	cursor: pointer;
	margin-left: 10px;
}
table.dyn-sched-tools td.display-mode-tool span.hide-cal {
	color: #fff;
	background-color: #BF4040;
	padding: 2px 10px;
	text-decoration: none;
}

td.export-tool {
	font-weight: bold;
	color: #333;
	padding: 5px 0 1px 0;
}
td.export-tool span {
	font-weight: normal;
	color: #000;
	cursor: pointer;
	font-size: 0.9em;
	padding: 1px 5px;
	border: 1px outset #ccc;
	background-color: #ccc;
}

/* *** small cal ** */
/* ************************ */
div.sm-cal-head-container {
	padding: 0px;
	margin: 0px;
	background-color: #ddd;
}	
table.sm-cal-head {
	font-size: 0.75em;
	border-collapse: collapse;
}
table.sm-cal-head td {
	width: 1.9em;
	text-align: center;
	/*border-right: 1px solid #ddd;*/
}
table.sm-cal-head td.month {
	width: 3em;
}
div#date-picker {
	background-color: #ddd;
}
div.sm-cal-container {
	height: 400px;
	overflow: auto;
	position: relative;
	background-color: #fff;
}
div.date-picker-ctl {
	background-color: #ddd;
	font-size: 0.8em;
	padding: 0.2em 0em 0.2em 4em;
}
div.date-picker-ctl select {
	border-width: 1px;
	padding:2px;
}
table.sm-cal {
	font-size: 0.75em;
	text-align: center;
	background-color: #fff;
	border-collapse: collapse;
}
table.sm-cal tr td {
	border: none;
	width: 2em;
	/*border: 1px solid transparent;*/
	padding: 0px;
}
table.sm-cal tr td div {
	padding: 0.3em 0em;
}
table.sm-cal tbody.clickable tr td div {
	cursor: pointer; 
}
table.sm-cal tr td div.highlight {
	background-color: #ff6;
}
table.sm-cal tr td.month {
	width: 3em;
	vertical-align: top;
	text-align: left;
	border-top: 1px solid #ccc;
}
table.sm-cal tbody tr td.month div {
	position: relative;
	padding: 0px;
	cursor: default; 
}
table.sm-cal tr td.month div div {
	position: absolute;
	top: 0px;
	padding: 0.3em;
	text-align: left;
	font-weight: bold;
	color: #666;
	background-color: #fff;
	border-top: 1px solid #ccc;
	margin-top: -1px;
}
table.sm-cal tr td.month div div div.year {
	position: relative;
	padding: 0px;
	font-size:1.5em;
	color: #ccc;
	border: none;
	background-color: transparent;
}
table.sm-cal tr td.mo_div,
table.sm-cal tr td.mo_div_corner {
	border-top: 1px solid #ccc;
}
table.sm-cal tr td.mo_div_corner {
	border-left: 1px solid #ccc;
}

/* *** stats list *** */
div.tallies-head {
	padding-top:5px;
}
div.tallies-head div {
	float:left;
	overflow:hidden;
	padding: 0;
	text-align:center;
	color:#444;
	font-size:0.8em;
}
div.xy-staff-list-container .staff span.level {
	color: #888;
	font-size: 0.6em;
	padding-left: 0.5em;
	display: block;
}
.staff-tally-cell {
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
	float: left;
	height: 42px;
	background-color: #fff;
	font-weight: bold;
	color: #A30505;
}
.staff-tally-cell div {
	padding-top:5px;
	text-align: right;
	padding-right: 1em;
}
.staff-tally-cell div.int {
	padding-right: 1.82em;
}







/* **** bls **** */

div#bls-head-container {
	margin-left: 202px;
	overflow: hidden;
	white-space: nowrap;
	width: 30em;
}
div#bls-head-container div.help {
	font-size: 0.8em;
	padding: 10px;
	/*border: 1px solid #a2a247;*/
	/*background-color: #ffffbc;*/
	margin: 1em 200px 0px 0px;
	text-align: center;
	color: #666;
}
div#bls-head-container div.bls-block {
	float: left;
	width: 11em;
	overflow: hidden;
	color: #444;
	font-size: 0.8em;
	padding: 2px 0;
	text-align: center;
}
div#bls-head-container div.bls-block div.block-dates {
	padding: 3px;
	margin: 2px 5px 0 5px;
	font-size: 0.9em;
	background-color: #e0e0e0;
}
div#bls-head-container div.bls-block div.block-dates span {
	color: #666;
	font-size: 0.9em;
}
div#bls-staffs-container,
 div#bls-rots-container {
	float: left;
	width: 200px;
	height: 30em;
	overflow: hidden;
	margin-right: 2px;
}
div#bls-staffs-container div.bls-staff,
 div#bls-staffs-container div.bls-staff-h {
	white-space: nowrap;
	font-weight: bold;
	padding: 10px 10px 0 10px;
	font-size: 0.8em;
	background-color: white;
	margin-bottom: 1px;
	cursor: pointer;
}
div#bls-staffs-container div.bls-staff-h {
	background-color: #ff6;
}
div#bls-staffs-container div span {
	color: #888;
	font-size: 0.6em;
	padding-left: 0.5em;
}
div#bls-rots-container div.bls-rot {
	white-space: nowrap;
	font-weight: bold;
	font-size: 0.8em;
	background-color: white;
	margin-bottom: 1px;
}
div#bls-rots-container div.bls-rot div {
	padding: 10px;
}
div#bls-staff-scheds-container,
 div#bls-rot-scheds-container {
	overflow: scroll;
	margin-left: 0px;
	font-size: 0.8em;
}
div#bls-staff-scheds-container div.bls-staff-sched,
 div#bls-staff-scheds-container div.bls-staff-sched-h,
 div#bls-rot-scheds-container div.bls-rot-sched {
	float: left;
	width: 11em;
	margin: 0 0 1px 0;
	overflow: hidden;
	white-space: nowrap;
}
div#bls-rot-scheds-container div.bls-rot-sched {
	margin: 0px;
}
div#bls-staff-scheds-container div span.rot {
	display: block;
	padding: 10px 10px 0 10px;
	background-color: white;
	margin-left: 1px;
}
div#bls-staff-scheds-container div span.vac,
 div#bls-staff-scheds-container div span.no-vac {
	display: block;
	padding: 0 2px;
	background-color: white;
	margin: 0px 0 0 1px;
	color: #548ACE;
	text-decoration: underline;
	text-align: right;
	cursor: pointer;
	font-size:0.83em;
	line-height: 0.9em;
}
div#bls-staff-scheds-container div span.no-vac {
	cursor: default;
	text-decoration: none;
}
div#bls-staffs-container div.rot-vac-spacer {
	display: block;
	padding: 0 2px;
	margin: 0px 0 0 1px;
	text-align: right;
	font-size:0.83em;
	font-weight: normal;
	line-height: 0.9em;
}
div#bls-staff-scheds-container div div.half-a,
 div#bls-staff-scheds-container div div.half-b {
	width: 5.499em;
	float: left;
	overflow: hidden;
}
div#bls-staff-scheds-container div.bls-staff-sched-h span {
	background-color: #ff6;
}
div#bls-staffs-container div.scroll-pad,
 div#bls-rots-container div.scroll-pad {
	height: 50px;
}

div.bls-rot-sched-bg {
	background-color: white;
	margin: 0 0 0px 1px;
	padding: 0px;
}
div.bls-rot-sched-bg div div {
	cursor: pointer;
}
div.bls-rot-sched-bg div div span {
	color: #444;
	background-color: #eee;
	font-family:monospace;
	font-size:1.1em;
	line-height:1em;
	margin: 0 3px 0 0;
	padding: 0 2px;
}
div.bls-rot-sched-full {
	padding: 10px 10px 0 10px;
	margin-bottom: 10px;
}
div.bls-rot-sched-half-a {
	padding: 0 0 0 0px;
	/*border-left: 5px solid #ddd;*/
	border-top: 1px dashed #ddd;
	margin: 0 10px 10px 10px;
}
div.bls-rot-sched-half-b {
	padding: 0 0px 0 0;
	/*border-right: 5px solid #ddd;*/
	border-top: 1px dashed #ddd;
	margin: 0 10px 10px 10px;
	text-align: right;
}
div.bls-rot-sched-bg div.bls-rot-sched-half-b div span {
	margin: 0 0 0 3px;
}
div.bls-rot-sched-bg div.vac {
	padding: 2px;
	background-color: white;
	color: #548ACE;
	text-decoration: underline;
	text-align: right;
	cursor: pointer;
	font-size:0.83em;
	text-align: center;
}
div.bls-rot-sched-full div.highlight,
 div.bls-rot-sched-half-a div.highlight,
 div.bls-rot-sched-half-b div.highlight {
	background-color: #ff6;
}
div.bls-rot-sched-full div.highlight span.level,
 div.bls-rot-sched-half-a div.highlight span.level,
 div.bls-rot-sched-half-b div.highlight span.level {
	background-color: #ee0;
}
div.bls-rot-sched-bg div.rot-head {
	font-size: 0.7em;
	color: #777;
}
div#shade-container {
	display: inline;
	position: relative;
	float: left;
}
div#slide-shade {
	position: absolute;
	height:258px;
	left:202px;
	width:16px;
	overflow: hidden;
}
div#slide-shade div {
	left: -16px;
	height: 100%;
	width: 100%;
	position: relative;
	background-repeat: repeat-y;
}
div#vac-floater {
	background-color:#FFFCCC;
	border:1px solid #999333;
	width:300px;
	font-size:0.8em;
	padding: 7px 10px;
	position:absolute;
	z-index:8;
}
div#vac-floater div.head {
	color: #999333;
	font-weight: bold;
}
div#vac-floater div.vac {
	padding: 3px 0;
}
div#vac-floater div.vac span {
	font-weight: bold;
	color: #333;
}
div#vac-floater div.vac span.req-type {
	background-color:#E6E0D6;
	color:#666666;
	font-size:0.7em;
	font-weight:normal;
	padding:0 2px;
}
div#vac-floater div.vac span.reason {
	font-family: Georgia;
	font-weight: normal;
	padding-left: 5px;
	color: #333;
}
/* ** requests ** */
div.not-this-staff {
	color:#666666;
	font-size:0.7em;
	text-align:center;
}
div#reqs-add-button-container {
	margin: 10px 0;
}
div#reqs-add-button-container .button {
	float: right;
	font-size: 0.8em;
	font-weight: bold;
}
div#reqs-add-button-container .help {
	float: right;
	padding: 2px 5px;
}
div.edit-req {
	background-color: #fff999;
	border: 1px solid #aaa;
	padding: 15px  10px 10px 10px;
	font-size: 0.8em;
	margin-top: 10px;
}
div.edit-req h4 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 1.2em;
	color: #bbb333;
}
div.edit-req div.delete-section {
	background-color:#EEE666;
	border:1px solid #CCC333;
	margin-bottom:10px;
	padding:10px;
	font-weight: bold;
	color: #444;
}
div.edit-req div.delete-section .button {
	float: right;
	margin-top: -3px;
	font-weight: normal;
}

div.edit-req div.section {
	padding-bottom: 10px;
}
div.edit-req div.submit {
	padding: 10px 0;
}
div.edit-req span.label {
	float: left;
	width: 5em;
	padding-right: 1em;
	text-align: right;
	font-weight: bold;
	color: #444;
}
div.edit-req span.hint {
	margin-left: 6.6em;
	font-style: italic;
	color: #666;
	font-size: 0.9em;
	display: block;
}
div.edit-req input,
 div.edit-req select {
	padding: 2px 5px;
	border-width: 1px;
}
div.edit-req div.submit a.button {
	float: right;
	/*font-size: 0.8em;*/
}
div.edit-req div.submit a.cancel-link {
	/*font-size: 0.8em;*/
}

div#reqs-list-container {
	border: 1px solid #aaa;
	overflow-y: scroll;
	height: 400px;
	/*width: 100%;*/
}
/*div#reqs-list {
	width: 100%;
}*/
div.req {
	/*padding: 1px 10px 10px 10px;*/
	padding: 0;
	/*padding: 1px 0 10px 0;*/
	width: 100%;
	/*margin-right:-20px;*/
	background-color: white;
	border-bottom: 1px solid #999;
}
div.req div.req-head-pending,
 div.req div.req-head-accepted,
 div.req div.req-head-rejected,
 div.req div.req-head-granted,
 div.req div.req-head-denied {
	/*margin: 0 -9px;*/
	padding: 2px 10px;
	background-color: #bbb;
	font-size: 0.7em;
	font-weight: bold;
	color: #333;
}
div.req div.req-head-accepted {
	background-color: #9dc0e5;
}
div.req div.req-head-rejected {
	background-color: #fff;
}
div.req div.req-head-granted {
	background-color: #8fd28f;
}
div.req div.req-head-denied {
	background-color: #e29a9a;
}

div.req span.req-status {
	float: right;
	font-weight: normal;
	color: #fff;
}
div.req div.req-main-date {
	font-size: 1.3em;
	/*font-weight: bold;*/
	color: #666;
	line-height: 1em;
	padding: 2px 10px;
	/*width: 100%;*/
}
div.req div.req-sub-dates {
	color: #666;
	/*font-weight: bold;*/
	font-size: 0.8em;
	line-height: 1em;
	padding-left: 10px;
}
div.req div.req-reason {
	padding: 10px 0 10px 10px;
	font-family: georgia;
	font-size: 0.95em;
}
div.req div.req-edit {
	padding: 0 10px 10px 10px;
}
div.req div.req-edit .save-req-button {
	font-size: 0.8em;
}
div.req div.req-edit div.req-changed {
	font-size: 0.7em;
	color: #999;
}
div.req div.req-edit a.button {
	float: right;
	font-size: 0.8em;
}
div.req div.req-edit img.loader {
	float: right;
	padding: 6px 0;
}
div.req div.clear-floats {
	padding: 0 0 10px 0;
}

div.req div.reject-msg {
	border: 1px solid #999;
	background-color: #fffaaa;
	padding: 5px;
	font-size: 0.8em;
	margin: 0 10px 10px 10px;
}
div.req div.reject-msg .button {
	float: right;
	font-size: 0.9em;
	margin-top: -2px;	
}


/* cal */
div.load-year {
	color:#666666;
	font-size:0.7em;
	text-align:center;
	padding: 0 0 10px 0;
}
div.load-year .button {
	padding: 0 5px;
	font-weight: bold;
}
div.load-year span.cal-year {
	color: #444;
	padding: 0 5px;
	border-bottom:1px solid #999999;
	border-top:1px solid #FFFFFF;
	background-color: #eee;
}
#med-cal-weekdays {
	font-size: 0.8em;
	color: #444;
}
#med-cal-weekdays span {
	width: 14%;
	text-align: center;
	float: left;	
}
div.cal-day-bg {
	position: absolute;
	background-color: #fff;
}
div.med-cal-window {
	overflow-x:hidden;
	overflow-y:scroll;
	position:relative;
	border: 1px solid #ccc;
}
div.cal-day-head,
 div.cal-day-head-first {
	position: relative;
	width: 14%;
	/*background-color: #eee;*/
	border-top: 1px solid #ddd;
	float: left;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	text-align: right;
	color: #444;
}
div.cal-day-head-first {
	background-color: #ccc;
	/*font-weight: bold;*/
}
div.med-cal-week {
	clear:both;
/*	position:relative;*/
	/*padding: 0 0 20px 0;*/
	height:50px;
}
div.med-cal-week .clear-floats {
	padding-bottom: 5px;
}
div.med-cal-req-test {
	background-color: green;
	font-size:0.7em;
}
div.med-cal-bar-fill,
 div.med-cal-bar-hi-lend,
 div.med-cal-bar-hi-mid,
 div.med-cal-bar-hi-rend,
 div.med-cal-bar-pn-lend,
 div.med-cal-bar-pn-mid,
 div.med-cal-bar-pn-rend,
 div.med-cal-bar-ac-lend,
 div.med-cal-bar-ac-mid,
 div.med-cal-bar-ac-rend,
 div.med-cal-bar-gr-lend,
 div.med-cal-bar-gr-mid,
 div.med-cal-bar-gr-rend,
 div.med-cal-bar-de-lend,
 div.med-cal-bar-de-mid,
 div.med-cal-bar-de-rend  {
 	position: relative;
 	float: left;
	font-size:1px;
	line-height: 1px;
	height:17px;
	background-repeat: no-repeat;
	padding: 0 0 0 0;
	cursor: pointer;
}
div.med-cal-bar-hi-lend {
	cursor: col-resize;
	background-position: left top;
}
div.med-cal-bar-hi-rend {
	cursor: col-resize;
	background-position: right top;
}
div.med-cal-bar-hi-mid {
	background-repeat: repeat-x;
	background-position: right -114px;
}

div.med-cal-bar-pn-lend {
	background-position: left -86px;
}
div.med-cal-bar-pn-rend {
	background-position: right -86px;
}
div.med-cal-bar-pn-mid {
	background-repeat: repeat-x;
	background-position: right -206px;
}
div.med-cal-bar-ac-lend {
	background-position: left -62px;
}
div.med-cal-bar-ac-rend {
	background-position: right -62px;
}
div.med-cal-bar-ac-mid {
	background-repeat: repeat-x;
	background-position: right -182px;
}
div.med-cal-bar-gr-lend {
	background-position: left -40px;
}
div.med-cal-bar-gr-rend {
	background-position: right -40px;
}
div.med-cal-bar-gr-mid {
	background-repeat: repeat-x;
	background-position: right -160px;
}
div.med-cal-bar-de-lend {
	background-position: left -20px;
}
div.med-cal-bar-de-rend {
	background-position: right -20px;
}
div.med-cal-bar-de-mid {
	background-repeat: repeat-x;
	background-position: right -134px;
}

/* **** request list *** */
div.requests-list div.staff-head {
	margin: 0px 0 0 0;
	padding: 10px 0 1px 5px;
}
div.requests-list div.staff-head span.staff-name {
	font-weight: bold;
	font-size: 0.9em;
	color: #333;
}
div.requests-list div.staff-head span.level {
	font-size: 0.7em;
	color: #666;
}
div.requests-list div.staff-head a {
	color:#3333FF;
	font-size:0.7em;
	padding-left:20px;
	float: right;
}
div.requests-list div.request {
	background-color: #fff;
	margin-bottom: 0px;
}
div.requests-list div.request div.clear-floats {
	background-color: #ddd;
}
div.requests-list div.accepted,
 div.requests-list div.granted,
 div.requests-list div.denied {
	float: left;
	width: 150px;
	background-color: #9DC0E5;
	padding: 14px;
	font-weight: bold;
	font-size: 0.8em;
	text-align: center;
	color: #444;
	margin-right: 20px;
}
div.requests-list div.granted {
	background-color: #8FD28F;
}
div.requests-list div.denied {
	background-color: #E29A9A;
}
div.requests-list div.request div.req-dates {
	padding: 2px 0 0 0;
	font-size: 0.8em;
	float: left;
	width:21em;
	color: #666;
}
div.requests-list div.request div.req-dates strong {
	color:#666;
	font-size:1.4em;
	font-weight:normal;
}
div.requests-list div.request div.req-dates .to {
	color: #999;
} 
div.requests-list div.request div.req-info {
	padding: 2px 0 5px 0;
	font-size: 0.8em;
	float: left;
}
div.requests-list div.request div.req-info span.req-type {
	text-decoration: underline;
	color: #666;
	display: block;
}
div.requests-list div.request div.req-info span.reason {
	font-family: Georgia;
}

/* *** req stats ** */
div.reqs-head div.type {
	/*background-color:#DDDDDD;*/
	float:left;
	overflow:hidden;
	padding:2px 0;
	text-align:center;
}
div.reqs-head div.type span.name {
	color:#333333;
	display:block;
	font-size:0.8em;
	font-weight:bold;
}
div.reqs-head div.type span.hint {
	color:#666666;
	display:block;
	font-size:0.7em;
}

div.xy-staff-list-container {
	background-color: white;
}
div.xy-staff-list-container .staff {
	display: block;
	padding: 5px 5px 0px 10px;
	text-decoration: none;
	border-bottom: 1px solid #eee;
	overflow: hidden;
	white-space: nowrap;
	height: 37px;
}
div.xy-staff-list-container .staff span.name {
	color: #333;
	font-weight: bold;
	font-size: 0.8em;
}
div.xy-staff-list-container .staff a {
	color: #66f;
	font-size: 0.7em;
	float: right;
	text-decoration: none;
}
div.xy-staff-list-container .staff a:hover {
	color: blue;
	text-decoration: underline;
}
div.xy-staff-list-container .staff span.level {
	color: #888;
	font-size: 0.6em;
	padding-left: 0.5em;
	display: block;
}
.staff-req-cell {
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
	float: left;
	height: 42px;
	background-color: #fff;
}
div.staff-req-cell .neutral,
 div.staff-req-cell .green,
 div.staff-req-cell .red {
	float: left;
	padding-top: 10px;
	width: 60px;
	font-size: 1.1em;
	color: #ddd;
	text-align: right;
}
div.staff-req-cell .green {
	color: #080;
}
div.staff-req-cell .red {
	color: #800;
}