BODY {
	margin: 0;
	padding: 0;
	font-size: .75em;
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}
textarea, input, select {
	font-size: 1em;
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}
#wrap {
	margin: 0;
	padding: 0;
}
.newBtn {
	/*background: #222 url(/images/btn_overlay.png) repeat-x;*/
	background: #222;
	display: inline-block; 
	padding: .4em .8em .4em; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}
.newBtn:hover { background-color: #111; color: #fff; }
.newBtn:active { top: 1px; }
.newBtnSmall {
	font-size: .75em;
}
.newBtnMedium {
	font-size: 1em;
}
.newBtnLarge {
	font-size: 1.2em;
	padding: .5em 1em .5em;
}
.newBtnBlue {
	background-color: #4875ac;
}
.newBtnRed {
	background-color: #b50000;
}
.newBtnBlue:hover { background-color: #2b598f; }
.newBtnFloatLeft { float: left; margin: 0 1em 0 0; }
.newBtnFloatRight { float: right; margin: 0 0 0 1em; }
#menu {
	border-bottom: 1px solid #000;
	padding: .3em .5em .3em .5em;
	margin: 0;
	height: 3em;
}
#menu .menuRight {
	float: right;
	height: 3em;
	margin: 0;
	padding: 0;
}
#menu .menuRight ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu .menuRight li {
	display: inline;
	line-height: 3em;
	padding-left: .5em;
}
#menu .menuLeft {
	padding: 0;
	margin: 0;
	height: 3em;
	float:left;
}
#menu .menuLeft img {
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: top;
	height: 3em;
}
#content {
}
fieldset {  
	font-size: 1em;
	margin: 0 .5em .75em .5em;  
	padding: .5em .5em .5em .5em;  
	border: 1px solid #999;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-opera-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:4px;
	background-color: #dddddd;
}  
fieldset h1 {  
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 0 .7em 0;  
	padding: 0 0 .2em 0;
	border-bottom: 1px solid #cccccc;
}  
fieldset ol {  
	padding: 0;  
	margin: 0;
	list-style: none;  
}  
fieldset li {  
	padding-bottom: .5em;  
	margin: 0;
}  
.topLabel {    
	display: block;
	margin-bottom: .15em;  
}
.topLabel .note {
	color: #888888;
	font-size: .8em;
}
.topLabel .noteBlock {
	display: block;
	color: #888888;
	font-size: .8em;
	margin-bottom: .4em;
}
h1 {
	font-size: 1.3em;
	font-weight: bold;
	margin: 0;
	padding: .385em;
}
h2 {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
	padding: .417em;
}
h3 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;
	padding: .455em;
}
h4, h5, h6 {
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding: .5em;
}
p {
	font-size: 1em;
	margin: 0;
	padding: 0 .5em .75em .5em;
}
.box { 
	font-size: 1em;
	margin: 0 .5em .75em .5em;  
	padding: .5em;  
	border: 1px solid #999;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-opera-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:4px;
	background-color: #dddddd;
}
.box h1 {  
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 0 .7em 0;  
	padding: 0 0 .2em 0;
	border-bottom: 1px solid #cccccc;
} 
.box td {
	padding: 0 .5em .5em 0;
	margin: 0;
	line-height: 1.2em;
}
.sbox { 
	font-size: 1em;
	margin: 0 .5em .75em .5em;  
	padding: .5em;  
	border: 1px solid #999;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-opera-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:4px;
	background-color: #dddddd;
}
.sbox h1 {  
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 0 .7em 0;  
	padding: 0 0 .2em 0;
	border-bottom: 1px solid #cccccc;
} 
.sbox td {
	padding: .3em;
	margin: 0;
	line-height: 1.2em;
}
.quickLinks { 
	font-size: 1em;
	margin: 0 .5em .75em .5em;  
	padding: .4em;  
	border: 1px solid #999;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-opera-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:4px;
	background-color: #ffffff;
	text-align: center;
}
.quickLinks form {
	display: inline;
	margin: 0;
	padding: 0;
}
.quickLinks a {
	text-decoration: none;
	padding: 0 .5em 0 .5em;
	line-height: 1.5em;
	white-space: nowrap;
	margin: 0;
	font-size: 1em;
}
.quickLinks a img.icon48 {
	padding-top:0;
	margin:0;
	vertical-align: top;
	height: 1.5em;
}
.quickLinks span {
	padding: 0 .5em 0 .5em;
	margin-bottom: .5em;
	white-space: nowrap;
	line-height: 1em;
}
.calHeader {
	text-align: center;
	height: 2em;
}
.monthName {
	font-weight: bold;
	font-size: 1.3em;
	line-height: 1.538em;
}
.dayBox {
	font-size: 1em;
	clear: both;
	margin: 0 .5em .5em .5em;  
	padding: .3em;  
	border: 1px solid #999;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-opera-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:4px;
	background-color: #eeeeee;
}
.calendar-weekend {
	background-color: #cccccc !important;
}
.calendar-today, .calendar-weekend-today {
	background-color: #01FBFE !important;
}
.calendar-past
{
  	background-color: #c1c1c1 !important;
}
.calendar-weekend-past
{
  	background-color: #b6b6b6 !important;
}
.calendar-weekendb {
	background-color: #dddddd !important;
}
.calendar-todayb, .calendar-weekend-todayb {
	background-color: #bef8f9 !important;
}
.calendar-pastb
{
  	background-color: #cfcece !important;
}
.calendar-weekend-pastb
{
  	background-color: #bebebe !important;
}
.dayName {
	font-size: 1.1em;
	font-weight: bold;
}
.dayBoxShifts {
	padding: 0;
	margin: 0 .5em .5em .5em;
	border-bottom: 1px solid #DDDDDD;
}
.shiftWrap {
	clear: both;
	margin: 0;
	border-top: 1px solid #DDDDDD;
	padding: 0;
	min-height: 2em;
	font-size: 1em;
}
.shiftLabel {
	float: left;
	padding: .5em 1em .5em 0;
	margin: 0;
	font-size: 1em !important;
	min-height: 1em;
	line-height: 1em;
	
	pointer-events:none;
}
.shiftLabel a {
	text-decoration:none;
	color:inherit;
}
.shiftUser {
	padding: .5em 0 .5em 0;
	margin: 0;
	font-size: 1em !important;
	min-height: 1em;
	line-height: 1em;
}
.spanShift {
	font-size: 1em !important;
}
.divShiftDetailsIcon, .divShiftChangedDate {
	padding: .25em 0 .25em 0;
	margin: 0;
	float: right;
	height: 1.5em;
}
.blueText {
	color: #2E71C7;
}
img.icon48, img.icon16 {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: top;
	height: 1.5em;
}
div.infoBox {
	margin: .5em;
	padding: .5em .5em .5em 3.2em;
	background: #EEEEEE url(../../images/info.gif?v=1) .25em center no-repeat;
	color: #000000;
	border: 1px solid #000000;
}
div.actionSuccessBox {
	margin: .5em;
	padding: .5em .5em .5em 3.2em;
	background: #EEEEEE url(../../images/success.gif?v=1) .25em center no-repeat;
	color: #000000;
	border: 1px solid #000000;
}
div.actionFailBox {
	margin: .5em;
	padding: .5em .5em .5em 3.2em;
	background: #EEEEEE url(../../images/error.gif?v=1) .25em center no-repeat;
	color: red;
	border: 1px solid #000000;
}
div.errorBox {
  	margin: .5em;
	padding: .5em .5em .5em 3.2em;
	background: #EEEEEE url(../../images/error.gif?v=1) .25em center no-repeat;
	color: red;
	font-weight: bold;
	border: 1px solid #000000;
}
#footer {
	margin: .5em 0 0 0;
	padding: .6em;
	border-top: 1px solid #000;
}
#footer .session, #footer .help, #footer .copyright {
	text-align: center;
	padding-bottom: .5em;
}
#footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#footer li {
	display: inline;
}

#belowFooter {
	text-align: center;
}

img.social-logo {
	width: 35px;
}
.pendingOpenShift {
	background-color: #FDDE64;
}
.openOpenShift {
	background-color: #A8FD97;
}
.filledOpenShift {
}
.pendingPostedShift {
	background-color: #FDDE64;
}
.openPostedShift {
	background-color: #A8FD97;
}
table.calendar td.openPostedShift {
	background-color: #A8FD97;
}
.myPendingPostedShift {
	background-color: #FF8040;
	font-weight: bold;
	color: #ffffff;
}
.myPostedShift {
	font-weight: bold;
	color: #ffffff;
	background-color: #ff0000;
}
.filledPostedShift {
}
.pendingTradedShift {
	background-color: #FDDE64;
}
.myPendingTradedShift {
	background-color: #FF8040;
	font-weight: bold;
	color: #ffffff;
}
.tradedShift {
}
.filledShift {
}
.emptyShift {
}
.myPickedUpOpenShift {
	font-weight: bold;
	color: #ffffff;
	background-color: #7878fe;
}
.myPickedUpPostedShift {
	font-weight: bold;
	color: #ffffff;
	background-color: #7878fe;
}
.myTradedShift {
	font-weight: bold;
	color: #ffffff;
	background-color: #7878fe;
}
.myShift {
	font-weight: bold;
	color: #ffffff;
	background-color: #0000ff;
}
.myVacation {
	font-weight: bold;
	color: #ffffff;
	background-color: #830101;
}
.myCME {
	font-weight: bold;
	color: #ffffff;
	background-color: #830101;
}
.splitShift {
	margin-left: 20px;
}

.split {
	background-color: yellow;
	color: #000000;
	font-weight: normal;
}

.timeChanged {
	background-color: #84d7fd;
	color: #000000;
	font-weight: normal;
}

.calendar-grayed-out {
	color: #B1B1B1 !important;
}

.adminTable {
	margin: 10px auto 10px auto;
}

.adminTable td {
	font-size: 1em;
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-serif;
}

.tdLeft {
	text-align: left;
}

.tdCenter {
	text-align: center;
}

.tdRight {
	text-align: right;
}

.tdTop {
	vertical-align: top;
}

.tdMiddle {
	vertical-align: middle;
}

.tdBottom {
	vertical-align: bottom;
}

.tdAlt {
	background-color: #F0F0F0;
	color: #000000;
	padding: 4px;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
  border-top: 0px;
  border-left: 0px;
}

.tdNormal {
	background-color: #E4E4E4;
	color: #000000;
	padding: 4px;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
  border-top: 0px;
  border-left: 0px;
}

.tdNoRightBorder {
	border-right: 0px;
}

.tdNoBottomBorder {
	border-bottom: 0px;
}

.tdNoTopBorder {
	border-top: 0px;
}

.tdNoLeftBorder {
	border-left: 0px;
}

.tdAddLeftBorder {
	border-left: 1px solid #CCCCCC;
}

.tdAddTopBorder {
	border-top: 1px solid #CCCCCC;
}

.tdHeadSuper2 {
	background-color: #2976CE;
	color: #FFFFFF;
	/*border: 1px solid #555555;*/
	border-bottom: 0px;
	padding: 5px;
	margin: 0px;
	font-weight: bold;
}

.tdHeadSub {
	background-color: #666666;
	color: #FFFFFF;
	font-weight: normal;
	padding: 4px;
	border-bottom: 1px solid #D2D2D2;
	border-right: 1px solid #D2D2D2;
	border-top: 0px;
	border-left: 0px;
}

/*.emergencyShift { */
/*	font-weight: bold; */
/*	background-color:red; */
/*	color: black; */
/*} */
.emergencyShift .spanShift {
	font-weight: bold;
	background-color:red;
	color:black;
}