body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
/*
    background: url("../images/bg.png") repeat;
*/
	color:#333;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}
table {
    width: 100%;
    border-collapse: collapse;
}
tbody.zebra tr:nth-child(odd) {
    background-color: #ededed;
}
a:hover { color: #900; }
/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after {
  content: "\0020"; display: block; height: 0; visibility: hidden;	
} 
q { display: block; font-size: 16px; color: #356EFF; padding: 10px; }
h1, h2, h3 { clear: both; }

.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }

#mobile_h1 { display: none; }
.orangeColor {color: #FF9900}
.greenColor {color: #006600}
.greyColor {color: #666666}

.centerStuff {
	text-align: center;
}
.boldStuff {
	font-weight: bold;
	font-size: 14px;
}
.balloon { font-size: 14px; color: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 4px 8px; border: 2px solid #fff;
    background: #fcfaf9; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmFmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iI2EzMjcyNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMzI3MjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #fcfaf9 0%, #a32727 49%, #a32727 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfaf9), color-stop(49%,#a32727), color-stop(100%,#a32727)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fcfaf9 0%,#a32727 49%,#a32727 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fcfaf9 0%,#a32727 49%,#a32727 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fcfaf9 0%,#a32727 49%,#a32727 100%); /* IE10+ */
    background: linear-gradient(top,  #fcfaf9 0%,#a32727 49%,#a32727 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfaf9', endColorstr='#a32727',GradientType=0 ); /* IE6-8 */

}

.bubble { white-space:nowrap; padding: 5px; background: #89BAFF; border: 1px solid #999; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.bubble:hover { background: #900; cursor: pointer; color: #fff; }
#point_balance { position: absolute; right: 120px; top: -30px; text-align: center; color: #fff; }
.full_circle {
	 height: 75px;
	 -moz-border-radius:40px;
	 -webkit-border-radius: 40px;
	 width: 75px;
}
.full_circle div.point { padding-top: 16px; padding-bottom: 5px; font-size: 35px; font-weight: bold; }
.postit {
    float: left;
    background:#fefabc;
    padding:15px;
    font-family: 'Gloria Hallelujah', normal;
    font-size:13px;
    color: #000;
    width:200px;
    margin-left: 20px;

    -moz-transform: rotate(7deg);
    -webkit-transform: rotate(7deg);
    -o-transform: rotate(7deg);
    -ms-transform: rotate(7deg);
    transform: rotate(7deg);

    box-shadow: 0px 4px 6px #333;
    -moz-box-shadow: 0px 4px 6px #333;
    -webkit-box-shadow: 0px 4px 6px #333;

}

/* Rounded avatars */
.avatar-frame{border: 8px solid #0283d2;}
.avatar-frame,.avatar-frame img{
width: 120px;
height: 120px;
-webkit-border-radius: 80px; /* Saf3+, Chrome */
border-radius: 80px; /* Opera 10.5, IE 9 */
/*-moz-border-radius: 30px;  Disabled for FF1+ */
}

.avatar-frame-small{border: 4px solid #0283d2;}
.avatar-frame-small,.avatar-frame-small img{
width: 60px;
height: 60px;
-webkit-border-radius: 40px; /* Saf3+, Chrome */
border-radius: 40px; /* Opera 10.5, IE 9 */
/*-moz-border-radius: 30px;  Disabled for FF1+ */
}
.unselectable {
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;
}

.css_button, .css_button:visited {
    border-top: 1px solid #96d1f8;
    background: #65a9d7;
    background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
    background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
    background: -moz-linear-gradient(top, #3e779d, #65a9d7);
    background: -ms-linear-gradient(top, #3e779d, #65a9d7);
    background: -o-linear-gradient(top, #3e779d, #65a9d7);
    padding: 10px 37px;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
    -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
    box-shadow: rgba(0,0,0,1) 0 1px 0;
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
    color: white;
    font-size: 24px;
    font-family: Georgia, serif;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 20px;
    text-align: center;
    line-height: 40px;
}
.css_button:active {
    border-top-color: #1b435e;
    background: #1b435e;
}

.css_button_red, .css_button_red:visited {
    border-top: 1px solid #a30200;
    background: #750100;
    background: -webkit-gradient(linear, left top, left bottom, from(#750100), to(#a30200));
    background: -webkit-linear-gradient(top, #750100, #a30200);
    background: -moz-linear-gradient(top, #750100, #a30200);
    background: -ms-linear-gradient(top, #750100, #a30200);
    background: -o-linear-gradient(top, #750100, #a30200);
}

.css_button_green, .css_button_green:visited {
    border-top: 1px solid #0DA425;
    background: #0A5913;
    background: -webkit-gradient(linear, left top, left bottom, from(#0A5913), to(#0DA425));
    background: -webkit-linear-gradient(top, #0A5913, #0DA425);
    background: -moz-linear-gradient(top, #0A5913, #0DA425);
    background: -ms-linear-gradient(top, #0a5913, #0DA425);
    background: -o-linear-gradient(top, #0A5913, #0DA425);
}

.css_button_orange, .css_button_orange:visited {
    border-top: 1px solid #D98119;
    background: #b26819;
    background: -webkit-gradient(linear, left top, left bottom, from(#b26819), to(#D98119));
    background: -webkit-linear-gradient(top, #b26819, #D98119);
    background: -moz-linear-gradient(top, #b26819, #D98119);
    background: -ms-linear-gradient(top, #b26819, #D98119);
    background: -o-linear-gradient(top, #b26819, #D98119);
}

.css_button:hover {
    border-top-color: #28597a;
    background: #28597a;
    color: #ccc;
    text-decoration: none;
}


a.delete_record { color: red; font-size: 22px; text-decoration: none; font-weight: bold; }

.textsize16 {
	font-size: 16px;
	color: #000;
}
.pad20 { padding: 20px; }
.smallText {
	font-size: 10px;
	bottom: 0px;
}
#leap_alert_container { position: fixed; top: 40px; right: 10px; z-index: 100; width: 200px; }
#leap_alert_container div.alert a:visited { color: #0088CC; }
#gcls { position: relative; background: green; font-size: 18px; width: 50%; color: #fff; padding: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;  cursor: pointer; }
#gcls span { position: absolute; top: 0px; right: 10px; font-size: 15px; font-weight: bold; }
.shadow { -moz-box-shadow: 0px 0px 10px #999; -webkit-box-shadow: 0px 0px 10px #999; box-shadow: 0px 0px 10px #999; }
.global_warning { background: yellow; padding: 15px; margin: 10px; text-align: left; width: 1000px; }
.global_warning h3 { font-size: 16px; color: #900; padding: 5px; margin: 0; background: none; border: none; }
.global_warning p { font-size: 14px; padding: 5px; margin: 0; }
.message_success { color: green; font-size: 16px; }
.message_failure { color: red; font-size: 16px; }
.message_warning { color: #ff832e; font-size: 16px; }
.clear {
	clear: both;
}

.loading_image { display: none; }
.formFields {
	color: #000;
	background-color: #eff2d9;
}
.redRequired {
	text-transform: uppercase;
	color: #900;
	font-size: 14px;
}
.alphaNum {
	font-size: 10px;
	color: #F00;
}
.topAlign {
	top: 0px;
}
.spacing {
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}
.inner_shadow {
    -moz-box-shadow:    inset 0 0 5px #c1bdbd;
    -webkit-box-shadow: inset 0 0 5px #c1bdbd;
    box-shadow:         inset 0 0 5px #c1bdbd;
}

.whiteText {
	color: #FFF;
}
.centerBold {
	text-align: center;
	font-weight: bold;
}
.blueLink {
	color: #00F;
}
.centerAlign {
	vertical-align: middle;
}
.tableHeader {
	background-color: #CCC;
	text-align: center;
}
.tableHeaders {
	font-size: 20px;
	font-weight: bold;
	color: #900;
}
.tableHeadersBigger {
	font-size: 30px;
	font-weight: bold;
	color: #900;
	text-align: center;
}
.boldAlignRight {
	font-size: 14px;
	font-weight: bold;
	text-align: right;
}
.tableBorderHorizontal {
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #900;
}
.tableborderHorAndVert {
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-bottom-color: #900;
	border-left-color: #900;
}
.tableBorderVertical {
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: dashed;
	border-top-color: #E8E8E8;
	border-right-color: #E8E8E8;
	border-bottom-color: #E8E8E8;
	border-left-color: #900;
}
.alignRight {
	text-align: right;
}
.brightRed {
	color: #F00;
}
.center_img { display: block; position: relative; margin: 0 auto; }
.textSize24FontRed {
	font-size: 24px;
	color: #900;
}
.clientPageHeader {
	font-weight: bold;
	color: #FFF;
	background-color: #900;
	text-align: center;
	margin: auto;
}
.noBorder {
	border-top-style: none;
	border-left-style: none;
}
.alignCenterImg {
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.clientPageHeader a {
	color: #FFF;
	text-decoration: none;
}
.redBG a{
	color: #F00;
	text-decoration: none;
}
.alignLeft {
	text-align: left;
}
.header {
	text-align: center;
	height: auto;
	width: 1100px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border: none;
}
.emp_name_print, .pay_print_display, .gratuity_print_display {
	display: none;
}
.start_print, .end_print, .lunch_print, .total_print, .total_blank_display, .travel_print, .rate_print, .pay_print, .gratuity_print, .bill_print, #cars_print, #fed_print, #fed_type_print, #notes_print {
	border: none;
}
.table {
	width: 1133px;
}

td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}

/* Header Layout */
#header_wrapper {
	margin: 0;
	width: 1100px;
	height: 106px;
	position: relative;
}
#header_wrapper img#top_logo {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
}

#header_img { position: absolute; right: 80px; top: 65px; }

#header {
	margin: 0;
	background-color: #900;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
	height: 28px;
	width: 1050px;
	z-index: 1;
	position: absolute;
	top: 50px;
	right: 0px;
}
#status {
	position: absolute;
	z-index: 3;
	width: 324px;
	height: 20px;
	top: 14px;
	left: 121px;
	text-align: left;
}
#remember_me { position: absolute; top: 5px; right: 540px; width: 100%; }

#form_display {
	position: absolute;
	z-index: 3;
	width: 593px;
	height: 20px;
	top: 14px;
	right: 0px;
	text-align: right;
}
#nav_align {
	position: absolute;
	z-index: 3;
	width: 931px;
	height: 20px;
	top: 85px;
	left: 80px;
    text-align: right;
}

#nav_align ul li { display: inline-block; float: left; font-size: 12px; line-height: 12px; padding: 0 10px; }
#nav_align ul li:not(:last-child) { border-right: 1px solid #000; }
#container { position: relative; margin: 0 auto; width: 1000px; min-height: 700px; }

/* Footer Layout */
#footer {
	margin: 0 auto;
	background-color: #900;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
	height: 28px;
	width: 1100px;
}
#footer ul {
	border: none;
	padding: 5px 10px;
	margin: 0 auto;
	text-align: center;
	list-style: none;
}
#footer ul li {
	padding: 0 30px;
	margin: 0 auto;
	color: #FFF;
	display: inline;
}
#footer ul li a, #footer ul li a:visited {
	color: #fff;
	text-decoration: none;
}
#footer ul li a:hover, #footer ul li a:active {
	color: #CCC;
	text-decoration: none;
}

/* ---- New Event Div ---- */
#newEvent a, #navEvent a:visited {
	background-image:url(../images/new_event.jpg);
	text-indent: -9999px;
	background-position: 0px 0px;
	width: 116px;
	height: 75px;
	background-repeat: no-repeat;
	display: block;
	border: none;
	margin: 0px;
	padding: 0 20px;
	float: left;
}
#newEvent a:hover, #navEvent a:active {
	background-image:url(../images/new_event.jpg);
	text-indent: -9999px;
	background-position: 0px -75px;
	width: 116px;
	height: 75px;
	background-repeat: no-repeat;
	display: block;
	border: none;
	margin: 0px;
	padding: 0 20px;
	float: left;
}
/* ---- New Event Sheet Div ---- */
#eventSheet a, #eventSheet a:visited {
	background-image:url(../images/event_sheet.jpg);
	text-indent: -9999px;
	background-position: 0px 0px;
	width: 76px;
	height: 75px;
	background-repeat: no-repeat;
	display: block;
	border: none;
	margin: 0px;
	padding: 0 20px;
	float: left;
}
#eventSheet a:hover, #eventSheet a:active {
	background-image:url(../images/event_sheet.jpg);
	text-indent: -9999px;
	background-position: 0px -75px;
	width: 76px;
	height: 75px;
	background-repeat: no-repeat;
	display: block;
	border: none;
	margin: 0px;
	padding: 0 20px;
	float: left;
}
/* ---- To Do Div ---- */
#checkList a, #checkList a:visited {
	background-image:url(../images/checklist.jpg);
	text-indent: -9999px;
	background-position: 0px 0px;
	width: 77px;
	height: 75px;
	background-repeat: no-repeat;
	display: block;
	border: none;
	margin: 0px;
	padding: 0 20px;
	float: left;
}
#checkList a:hover, #checkList a:active {
	background-image:url(../images/checklist.jpg);
	text-indent: -9999px;
	background-position: 0px -75px;
	width: 77px;
	height: 75px;
	background-repeat: no-repeat;
	display: block;
	border: none;
	margin: 0px;
	padding: 0 20px;
	float: left;
}
/* ---- Search Div ---- */
#search a, #search a:visited {
	background-image:url(../images/search.jpg);
	text-indent: -9999px;
	background-position: 0px 0px;
	width: 75px;
	height: 75px;
	background-repeat: no-repeat;
	display: block;
	border: none;
	margin: 0px;
	padding: 0 20px;
	float: left;
}
#search a:hover, #search a:active {
	background-image:url(../images/search.jpg);
	text-indent: -9999px;
	background-position: 0px -75px;
	width: 75px;
	height: 75px;
	background-repeat: no-repeat;
	display: block;
	border: none;
	margin: 0px;
	padding: 0 20px;
	float: left;
}

/* ---- Newsletter Div ---- */
#newsletter a, #newsletter a:visited {
	background-image:url(../images/newsletter.jpg);
	text-indent: -9999px;
	background-position: 0px 0px;
	width: 115px;
	height: 75px;
	background-repeat: no-repeat;
	display: block;
	border: none;
	margin: 0px;
	padding: 0 20px;
	float: left;
}
#newsletter a:hover, #newsletter a:active {
	background-image:url(../images/newsletter.jpg);
	text-indent: -9999px;
	background-position: 0px -75px;
	width: 115px;
	height: 75px;
	background-repeat: no-repeat;
	display: block;
	border: none;
	margin: 0px;
	padding: 0 20px;
	float: left;
}

/* ---- Shifts Overview Div ---- */
#shifts_overview a, #shifts_overview a:visited {
	background-image:url(../images/calendar.png);
	text-indent: -9999px;
	background-position: 0px 0px;
	width: 66px;
	height: 75px;
	background-repeat: no-repeat;
	display: block;
	border: none;
	margin: 0px;
	padding: 0 20px;
	float: left;
}
#shifts_overview a:hover, #shifts_overview a:active {
	background-image:url(../images/calendar.png);
	text-indent: -9999px;
	background-position: 0px -75px;
	width: 66px;
	height: 75px;
	background-repeat: no-repeat;
	display: block;
	border: none;
	margin: 0px;
	padding: 0 20px;
	float: left;
}

/* ---- Map Div ---- */
#map a, #map a:visited {
	background-image:url(../images/map_sprite.png);
	text-indent: -9999px;
	background-position: 0px 0px;
	width: 60px;
	height: 60px;
	background-repeat: no-repeat;
	display: block;
	border: none;
	margin: 0px 20px;
	padding: 0;
	float: left;
}
#map a:hover, #map a:active {
	background-image:url(../images/map_sprite.png);
	text-indent: -9999px;
	background-position: 0px -60px;
	width: 60px;
	height: 60px;
	background-repeat: no-repeat;
	display: block;
	border: none;
	margin: 0px 20px;
	padding: 0;
	float: left;
}

/* ---- Duplicate Event Div ---- */
#mapIt a {
	font-size: 14px;
}
#duplicate a, #duplicate a:visited {
	background-image:url(../images/duplicate.jpg);
	text-indent: -9999px;
	background-position: 0px 0px;
	width: 116px;
	height: 25px;
	background-repeat: no-repeat;
	display: block;
	border: none;
	margin: 0px;
	padding: 0 20px;
	float: left;
}
#duplicate a:hover, #duplicate a:active {
	background-image:url(../images/duplicate.jpg);
	text-indent: -9999px;
	background-position: 0px -25px;
	width: 116px;
	height: 25px;
	background-repeat: no-repeat;
	display: block;
	border: none;
	margin: 0px;
	padding: 0 20px;
	float: left;
}

/* ---- Overview of Shifts ---- */
#show_pending_form {
	display:block;
}
#show_pending_form_print {
	display: none;
}
#reset {
	display: block;
	float: right;
	position: relative;
	top: -10px;
	right: 0px;
}