/* black text, upper left */
body#fastBody,	html {
	margin:0;
	padding:0;
	color:#000;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
body#fastBody {
	/* blue background, it is only 185px, so repeat-y */
	background-image: url(/css/images/bg.gif);

}
/* put some space below the penn logo */
img#fastPennLogo {
  padding-bottom: 20px;
}
/* keep background color to degrade, though the background img of body should cover it */
div#fastLeftMenu {
  vertical-align: top;
	width: 185px;
	background-color: #011F5b;
	text-align:center;
}
/* yellow text in left nav */
div.fastLeftNavTitle, div.fastLeftNavTitle a {
  color:#FFCC02;
	font-size:32px;
	text-align: center;
	margin-bottom: 12px;
  text-decoration: none;
}
div.fastLeftNavTitle a:hover {
  text-decoration: underline;
}
/* tie the width of the top nav with the main content cell 
   keep the footer constrined in width so it doesnt stretch on wide screens */
div#fastMainContent {
	/*  585 = 800 - (185+7+padding_for_scrollbar) */
	width: 800px;
}
/* absolute position the main content div, next to lef menu and below top menu */
div#fastMainContent {
	position:absolute;
	/*  40 is some space below the top nav */
	top: 35px;
  /*  193 = 185 + 7px for padding */
	left: 185px;
  /* put some space between last element and bottom of browser */
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 15px;
}
div#fastMainContent,div#fastTopNav {
	padding-left: 10px;
}
/* horizontal rule in left nav */
hr.fastLeftNavHr, hr.fastBottomHr {
  /* 150 = 185 minus some padding */
  width:81%;
	/* color is light gray */
	color: #aaaaaa;
	/* background color needed for mozilla */
	background-color: #aaaaaa;
}
hr.fastBottomHr {
  width:100%;
}

/* blue bar at top of screen, test on all browsers if changing */
div#fastTopNav, div#fastTopNavRight {
  /* absolute position the top nav next to left menu at top */
  position:absolute;
	top: 0px;
  height: 26px;
  background-color:#7794C9;
	vertical-align: top;
	padding-top:4px;
	padding-right: 4px;
	padding-bottom: 3px;
}
/* top nav links are centered */
div#fastTopNav a, div#fastTopNavRight a {
	vertical-align: middle;
}
div#fastTopNav {
  /* 515 = 585 - 80 for logout button */
	width: 800px;  
	/* 185 is width of left nav */
	left: 185px;
}
div#fastTopNavRight {
  /* 80 = 585 - 505 for logout button */
	width: 180px;
	/* 700 = 185 + 505 */
	left: 800px;
	/* make sure button is to the right */
	text-align: right;
}
/* verticle bar in top nav */
span.topNavSpacer {
  color:#bbeac4;
	padding-left:5px;
	padding-right:5px;
}
/* dashed box for help info */
div.fastHelpBox {
	padding:5px;
	border-color:#7794C9; 
	border-width:3px; 
	border-style:dashed;
	margin-top: 20px;
}
/* in nonprint view, put 90px of space between bottom and main content */
div#fastPagefooter {
	margin-top: 5px;
	text-align: center;
	/* 570 = 585 - 5 - 10 (padding) */
	width: 800px;
	border-top: 1px solid #aaaaaa;
}

.fastMenuLevel1, .fastMenuLevel1ArrowRight, .fastMenuLevel1ArrowDown, 
.fastMenuLevel2ArrowRight, .fastMenuLevel2ArrowDown {
  text-align: left;
}
.fastMenuLevel1, .fastMenuLevel1ArrowRight, .fastMenuLevel1ArrowDown {
  background-position: 0px 6px;
}
/* make the top nav links hover white */
a.fastWhitelinkButton:hover {
  text-decoration: underline;
}
/* logout button and image, to the right */
a.fastLogout3, a.fastHelpTopNav2 {
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
    white-space: nowrap;
    font-size: 11px;
	  background-repeat: no-repeat;
		background-position: 0px 0px;
		/* give space to left of link for the image to display */
		padding-left: 22px;
		/* so the image doesnt get clipped */
		padding-top:3px;
		padding-bottom:3px;
		/* give up and down space for the image to display */
		line-height: 22px;
}
a.fastLogout3 {
	  background-image: url(../fast/images/fastBtn-logoutred.gif);
}
a.fastHelpTopNav2 {
	  background-image: url(../fast/images/help.gif);
}
/* mouseover should underline */
a.fastLogout3:hover, a.fastHelpTopNav2:hover {
  text-decoration: underline;
}

textarea, input, div#comments {
  font-size: 12px;
}

div#summary, div#results {
  padding: 15px;
	font-size: 12px;
}

div#results td {
  font-size: 12px;
}

*.tableFilter {
	font-size: 10px;
	vertical-align: bottom;
}

.tableFilter select {
	font-size: 12px;
}

*.headingLabel {
	font-weight: bold;
}

*.falseForm {
	border: 0px solid black; 
	border-width: 0 0 1px 0;
}

table.calendar td {
	width: 16px;
	text-align: center;
}


div#links {
}

.tabs {
	text-align: center;
  padding-bottom: 5px;
}

a.coloredTab {
  background-color: #7794C9;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	color: white;
	font-weight:bold;
	text-align: center;
	font-size: 11px;
  text-decoration: none;
	padding: 5px 5px 5px 5px;
}

a {
  font-weight: bold;
}

.timeTakenWeekend {
	background-color: #CCCCCC !important;
}

.timeTakenVacation { 
	background-color: #FFCC33 !important;
}

.timeTakenSick { 
	background-color: #66CC33 !important;
}

.timeTakenStd { 
  background-color: #CCCCFF !important;
}

.timeTakenMilitary {
  background-color: #99CCCC !important;
}

.timeTakenBereavement {
	background-color: #333333 !important;
	color: white !important;
}

.timeTakenJuryDuty {
  background-color: #FF3300 !important;
	color: white !important;
}

.timeTakenUnpaid {
	background-color: #0099FF !important;
	color: white !important;
}

.timeTakenVacation, .timeTakenSick, .timeTakenStd, .timeTakenMilitary, .timeTakenBereavement, .timeTakenJuryDuty 
 .timeTakenUnpaid {
  font-weight: bold !important;
}

th {
	text-align: left;
}

.alert {
	color: red;
	font-weight: bold; 
}

div {
	font-size: 12px;
}

*.heading {
	font-weight: bold;
}

*.resultBox {
  margin-top: 10px;
	padding: 3px;
	background-color: #EEEEEE;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}


.heading, .tableFilter, .calendarWidgetHack, table.ptoTable td, table.ptoTable th, table.ptoTable, table.ptoTable tr, 
table.calendar td, table.calendar th, table.calendar, table.calendar.tr {

	border-width: 1px 1px 1px 1px;
	border-spacing: 3px;
	border-style: solid solid solid solid;
	border-color: #DDDDDD #DDDDDD #DDDDDD #DDDDDD;
	border-collapse: collapse;
	padding: 3px;
}

.fastAsc {
	display: block;
	background: #FFF url(../assets/images/ascs.gif) right center no-repeat;
}
.fastDesc {
	display: block;
	background: #FFF url(../assets/images/descs.gif) right center no-repeat;
}

div#administratorOrgBox {

}

div#administratorOrgBox *.role {
  font-weight: bold;
  color: green;
}

*.headline {
  font-weight: bold;
  font-size: 14px;
}