/* `XHTML, HTML4, HTML5 Reset
----------------------------------------------------------------------------------------------------*/

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video,
xmp {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 100%;
}

html,
body {
  height: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
/*
  Override the default (display: inline) for
  browsers that do not recognize HTML5 tags.

  IE8 (and lower) requires a shiv:
  http://ejohn.org/blog/html5-shiv
*/
  display: block;
}

b,
strong {
/*
  Makes browsers agree.
  IE + Opera = font-weight: bold.
  Gecko + WebKit = font-weight: bolder.
*/
  font-weight: bold;
}

img {
  color: transparent;
  font-size: 0;
  vertical-align: middle;
/*
  For IE.
  http://css-tricks.com/ie-fix-bicubic-scaling-for-images
*/
  -ms-interpolation-mode: bicubic;
}

li {
/*
  For IE6 + IE7:

  "display: list-item" keeps bullets from
  disappearing if hasLayout is triggered.
*/
  display: list-item;
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th,
td,
caption {
  font-weight: normal;
  vertical-align: top;
  text-align: left;
}

q {
  quotes: none;
}

q:before,
q:after {
  content: '';
  content: none;
}

sub,
sup,
small {
  font-size: 75%;
}

sub,
sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

svg {
/*
  For IE9. Without, occasionally draws shapes
  outside the boundaries of <svg> rectangle.
*/
  overflow: hidden;
}
/*
  960 Grid System ~ Core CSS.
  Learn more ~ http://960.gs/

  Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/

body {
  min-width: 960px;
}

/* `Container
----------------------------------------------------------------------------------------------------*/

.container_12 {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}

.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11 {
  position: relative;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
  margin-left: 0;
}

.omega {
  margin-right: 0;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
  width: 60px;
}

.container_12 .grid_2 {
  width: 140px;
}

.container_12 .grid_3 {
  width: 220px;
}

.container_12 .grid_4 {
  width: 300px;
}

.container_12 .grid_5 {
  width: 380px;
}

.container_12 .grid_6 {
  width: 460px;
}

.container_12 .grid_7 {
  width: 540px;
}

.container_12 .grid_8 {
  width: 620px;
}

.container_12 .grid_9 {
  width: 700px;
}

.container_12 .grid_10 {
  width: 780px;
}

.container_12 .grid_11 {
  width: 860px;
}

.container_12 .grid_12 {
  width: 940px;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
  padding-left: 80px;
}

.container_12 .prefix_2 {
  padding-left: 160px;
}

.container_12 .prefix_3 {
  padding-left: 240px;
}

.container_12 .prefix_4 {
  padding-left: 320px;
}

.container_12 .prefix_5 {
  padding-left: 400px;
}

.container_12 .prefix_6 {
  padding-left: 480px;
}

.container_12 .prefix_7 {
  padding-left: 560px;
}

.container_12 .prefix_8 {
  padding-left: 640px;
}

.container_12 .prefix_9 {
  padding-left: 720px;
}

.container_12 .prefix_10 {
  padding-left: 800px;
}

.container_12 .prefix_11 {
  padding-left: 880px;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
  padding-right: 80px;
}

.container_12 .suffix_2 {
  padding-right: 160px;
}

.container_12 .suffix_3 {
  padding-right: 240px;
}

.container_12 .suffix_4 {
  padding-right: 320px;
}

.container_12 .suffix_5 {
  padding-right: 400px;
}

.container_12 .suffix_6 {
  padding-right: 480px;
}

.container_12 .suffix_7 {
  padding-right: 560px;
}

.container_12 .suffix_8 {
  padding-right: 640px;
}

.container_12 .suffix_9 {
  padding-right: 720px;
}

.container_12 .suffix_10 {
  padding-right: 800px;
}

.container_12 .suffix_11 {
  padding-right: 880px;
}

/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
  left: 80px;
}

.container_12 .push_2 {
  left: 160px;
}

.container_12 .push_3 {
  left: 240px;
}

.container_12 .push_4 {
  left: 320px;
}

.container_12 .push_5 {
  left: 400px;
}

.container_12 .push_6 {
  left: 480px;
}

.container_12 .push_7 {
  left: 560px;
}

.container_12 .push_8 {
  left: 640px;
}

.container_12 .push_9 {
  left: 720px;
}

.container_12 .push_10 {
  left: 800px;
}

.container_12 .push_11 {
  left: 880px;
}

/* `Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
  left: -80px;
}

.container_12 .pull_2 {
  left: -160px;
}

.container_12 .pull_3 {
  left: -240px;
}

.container_12 .pull_4 {
  left: -320px;
}

.container_12 .pull_5 {
  left: -400px;
}

.container_12 .pull_6 {
  left: -480px;
}

.container_12 .pull_7 {
  left: -560px;
}

.container_12 .pull_8 {
  left: -640px;
}

.container_12 .pull_9 {
  left: -720px;
}

.container_12 .pull_10 {
  left: -800px;
}

.container_12 .pull_11 {
  left: -880px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after,
.container_12:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix,
.container_12 {
  zoom: 1;
}
/*
  960 Grid System ~ Text CSS.
  Learn more ~ http://960.gs/

  Licensed under GPL and MIT.
*/

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

body {
  font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
}

pre,
code {
  font-family: 'DejaVu Sans Mono', Monaco, Consolas, monospace;
}

hr {
  border: 0 #ccc solid;
  border-top-width: 1px;
  clear: both;
  height: 0;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
  font-size: 25px;
}

h2 {
  font-size: 23px;
}

h3 {
  font-size: 21px;
}

h4 {
  font-size: 19px;
}

h5 {
  font-size: 17px;
}

h6 {
  font-size: 15px;
}

/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
  list-style: decimal;
}

ul {
  list-style: disc;
}

li {
  margin-left: 30px;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset,
figure {
  margin-bottom: 20px;
}
body, p, ol, ul, td {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:   13px;
  line-height: 18px;
}

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

.fieldWithErrors {
  padding: 2px;
  background-color: red;
}

#errorExplanation, .errorExplanation {
  width: 98%;
  border: 2px solid red;
  padding: 7px 0px 7px 0px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
	margin: -7px 0px -7px 0px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}
body {
	background-color: #ffffff;
	margin: 5px;
	behavior: url(/assets/csshover3-2d64436e268218c4fe5ee11a28af6134f602177842d03b3457aa0b790afc2312.htc);
}

table tr th {
	border: #000000 1px solid;
}
/*TABLE TR TD {
	PADDING-BOTTOM: 5px; margin: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; PADDING-TOP: 5px
}
*/

table tr td {
	padding: 1px;
}

#container {
	overflow: hidden;
}

#header h1 {
	padding: 2px;
	color: #0000cc;
}

#menuBar {
	background-color: #000000;
	color: #ffffff;
	font-weight: bold;
	margin-bottom:10px;
}

#menuBar ul {
	padding: 0px;
	list-style-type: none;
	margin: 5px 0px;
}

#menuBar ul li {
	padding: 5px;
	margin: 0px;
	display: inline;
	clear: both;
	border-right: #efecca 2px groove;
}

#menuBar ul li a {
	color: #efecca
}

#menuBar ul li a:visited {
	color: #efecca
}

#menuBar ul li a:link {
	color: #efecca
}

#subMenuBar {
	background-color: #000000;
	color: #ffffff;
	font-weight: bold
}

#subMenuBar ul {
	padding: 0px;
	list-style-type: none;
	margin: 5px 0px;
}

#subMenuBar ul li {
	padding: 5px;
	margin: 0px;
	display: inline;
	clear: both;
	border-right: #efecca 2px groove;
}

#subMenuBar ul li a {
	color: #efecca
}

#subMenuBar ul li a:visited {
	color: #efecca
}

#subMenuBar ul li a:link {
	color: #efecca
}

#subMenuBar ul li a:hover {
	background: #002f2f
}

#subMenuBar {
	background: #003c3c
}

#subMenuBar form {
	display: inline
}

.notice {
	margin: 0px;
	color: #8a0917;
	font-weight: bold
}

.supportablePayroll {
	color: #8a0917;
	font-weight: bold
}

.entry_cell {
	background-color: #002f2f;
}

.even_row {
	background-color: #ccf;
}


.odd_row {
	background-color: transparent;
}

.payroll_table td {
	padding: 1px 2px 1px 2px;
	border-bottom: #000000 1px solid;
	text-align: center;
	border-left:#000000 1px solid;
	border-right: #000000 1px solid;
}

.currency {
	text-align: right !important;
}

.editable_field_hover {
	background-color: #005252
}

#printHeader {
	display: none
}

#printFooter {
	display: none
}

#serverMessages p {
	padding: 2em 1em 1em 1em;
	margin-top: 2em;
	color: #ffffff;
	font-weight: bold;
}

#serverMessages p.failure {
	background-color: #8a0917;
}

#serverMessages p.success {
	background-color: #000000;
}

.run_out_row {
	background-color: #ff5555;
}

.plan_entry {
	background-color: #002f2f;
	color: #000;
}

.plan_entry input {
	color: #d60e24;
	text-align: center;
	
}

#spending_summary {
	padding:0;
	margin-top:10px;
	margin-bottom:10px;
	border: solid black 1px;
}

#spending_summary table {
	padding:0;
	margin:0;
}

#spending_summary th {
	border: none;
	border-bottom: solid black 1px;
	border-right: solid white 1px;
	background-color:#003c3c;
	color: white;
}

#spending_summary tr td table {
	padding:0;
	margin:0;
	width: 95%;
}

#bottomMenuBar {
	background-color: none;
	color: #000;
	font-weight: bold;
	text-align: right;
}

#bottomMenuBar ul {
	padding: 0px;
	list-style-type: none;
	margin: 5px 0px;
}

#bottomMenuBar ul li {
	padding: 5px;
	margin: 0px;
	display: inline;
	clear: both;
	border: #efecca 2px groove;
}

#bottomMenuBar ul li a {
	color: #000;
	text-decoration: none;
}

#bottomMenuBar ul li a:visited {
	color: #000;
}

#bottomMenuBar ul li a:link {
	color: #000;
}

#bottomMenuBar ul li a:hover {
	color: #000;
	background-color: transparent;
	text-decoration: underline;
}

#bottomMenuBar {
	background: transparent;
}

#bottomMenuBar form {
	display: inline
}

.disabled {
	color: #bbb;
}

.click_to_expand {
	cursor: help;
}

.drill_down {
	position:absolute;
	z-index:100;
	border:black solid 1px;
	background-color:white;
	margin:0px;
	padding:0px;
}

.drill_down ul li {
	margin-left: 0px;
}

.run_out_warning {
	background-color: #ff0000;
	color: #ffff00;
}

.drill_down_menu_bar {
	margin:0px;
	padding:0px;
	border-bottom:solid black 1px;
	background:#060;
	color:white;
	text-align:center;
}

.popup_container {
	opacity: 1.0; /* Safari, Opera */
	-moz-opacity:1.00; /* FireFox */
	filter: alpha(opacity=100); /* IE */
	position:absolute;
	top: 80px;
	left: 30%;
	width: 40%;
	z-index:100;
	border:black solid 1px;
	background-color:white;
	margin:0px;
	padding:5px;
	overflow: auto;
	height: auto;
}

.print_only {
	display: none !important;
}

.pagination {
	text-align: right;
}

.left_subheader {
	border-bottom: solid black 1px;
	font-size: 120%;
	margin: 0px;
}

.left_subheader h3 {
	font-size: 100%;
	margin-bottom: 0px;
}

.filter_options {
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

.filter_options li {
	margin-left: 10px;
}

.active_filter {
	font-weight: bold;
}

.inactive_filter {
	color: #888;
}

#message_bar_one, #message_bar_two {
	color:#933;
	font-weight:bold;
}

.logo_cell {
	width:92px !important;
	height:120px;
}

.logo_cell:hover {
	cursor: pointer;
}

#form_close_button {
	position:absolute !important;
	top:66px;
	left:30%;
	padding-left:40%;
	z-index:200;
}

* html #form_close_button {
	position: absolute;
}

.inactive {
	opacity: 0.3; /* Safari, Opera */
	-moz-opacity:0.30; /* FireFox */
	filter: alpha(opacity=30); /* IE */
}

.ie6_only {
	display: none;
}

#fadeout {
	background-color: #444;
	opacity: 0.7; /* Safari, Opera */
	-moz-opacity:0.70; /* FireFox */
	filter: alpha(opacity=70); /* IE */
	z-index: 20;
	height: 100%;
	width: 100%;
	background-repeat:repeat;
	position:fixed;
	top: 0px;
	left: 0px;
}


a.never_visited, a.never_visited:visited {
	color: blue;
}

.validation_error_list {
	list-style-image: url(/assets/warning-b0401c59e07d8fce044097bd6343ddf8bfae4c132eaf5f2214ef90fc6a56bca4.png);
	margin-left:20px;
}

.plan_column, .left_border_column {
	border-left: solid black 1px !important;
}

.right_border_column {
	border-right: solid black 1px !important;
}

.actual_column {
	
}

.variance_column {
	border-right: solid black 1px !important;
}

.plan_outcome_variance_header {
	border-left: solid black 1px !important;
	border-right: solid black 1px !important;	
}

th { border: none !important;}

td { border: none !important;}

.payroll_table {
	float: right;
}

.payroll_table td, .forecast_checklist table td {
   padding: 0px 3px 0px 3px;
 }

.payroll_table th, .forecast_checklist table th {
   font-size: 90%;
   padding: 0px 3px 0px 3px;
   background-color: #eee;
   vertical-align: bottom;
 }

.quarter_total, .subtotal {
	background-color: #fffda0;
}
  
.entry_cell {
  background: transparent;
  text-align: right !important;
  padding:0px;
}
  
.entry_cell input, .entry_cell div {
  text-align: right;
}

.full_border_table, .full_border_table th, .full_border_table td {
	border: solid black 1px !important;
}

table.spending_summary {
	border: 0;
	width:100%;
}

.spending_summary th {
	border-bottom: solid black 1px !important; 
	text-align:left;
}

.spending_summary tr td {
	vertical-align: bottom;
}

.spending_summary td.indent {
	padding-left:10px;
}

.fieldWithErrors {
  display: inline !important;
}

.income_errors {
	text-align: left !important;
	border: solid red 1px !important;
}

.errorAlongside {
	margin: 0px !important;
	padding: 0px !important;
}

.errorExplanation.errorAlongside ul {
	margin: 0px !important;
	list-style-type: none !important;
}

.errorExplanation.errorAlongside ul li {
	margin: 0px !important;
	list-style-type: none !important;
	padding-left: 4px;
}

#wizard_container {
  width: 100% !important;
}

#wizard_tabs {
  width: 100% !important;
}

#wizard_content {
  width: 100% !important;
	clear: both;
}

#wizard_tabs a.tab, #wizard_tabs span.tab {

  -moz-border-radius-topleft: 1em;
  -moz-border-radius-topright: 1em;
  -webkit-border-top-left-radius: 1em;
  -webkit-border-top-right-radius: 1em;
  border-radius: 1em 1em 0 0;
	border: solid black 1px;
	background-color: #ddd;
	border-bottom: none;
  display: block;
  float: left;
  margin-right: 1px;
  padding: 0.25em;
  text-align: right;
}

#wizard_tabs a.tab.active, #wizard_tabs span.tab.active {
  background-color: #7b2e00;
  color: white;
}

/*IE gets the cursors wrong. I think this is due to CurvyCorners.js */
/*#wizard_tabs a {
	cursor: pointer !important;
	text-decoration: underline !important;
}

#wizard_tabs a.tab {
	cursor: pointer !important;
	text-decoration: underline !important;
}
*/

/*IE gets the cursors wrong. I think this is due to CurvyCorners.js */
#wizard_tabs span {
	cursor: default !important;
}

#wizard_content {
  width:100%;
  margin:0px;
  border-top: solid black 1px;
}


table.padded th, table.padded td {
	padding: 2px;
}

.negative_number {
	color: red;
}

.planned_value, .system_entered, .estimated {
	color: #775566;
	font-style: italic;
}

.add_or_subtract_button {
	padding:0px 1px 0px 0px;
	margin:0px;
	vertical-align:text-bottom;
}

.add_or_subtract_button.disabled {
	opacity: 0.5; /* Safari, Opera */
	-moz-opacity:0.5; /* FireFox */
	filter: alpha(opacity=50); /* IE */
}

.left_text {
	text-align: left !important;
}

.right_text {
	text-align: right !important;
}

.center_text {
	text-align: center !important;
}

.vertical_align_top {
	vertical-align: top;
}

.vertical_align_middle {
	vertical-align: middle;
}

.vertical_align_bottom {
	vertical-align: bottom;
}

.navigation ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	margin-bottom: 5px;
}

.navigation li {
	display:inline;
	padding:0px;
	margin:0px;
	padding-right:7px;	
}

.navigation .middle {
	border-left:solid black 1px;
	padding-left:7px;
}

.selected_navigation {
	font-weight:bold;
}

.subheader_edit_link {
	text-align: right;
	font-weight: normal;
	font-size: 85%;
}

.width_full {
	width: 100%;
}

.width_98 {
	width:98%;
}

.width_95 {
	width:95%;
}

.width_90 {
	width:90%;
}

.width_75 {
	width:75%;
}

.width_half {
	width: 50%;
}

.full_size {
	width:100%;
	height:100%;
}

.nowrap {
	white-space: nowrap;
}

.page_actions ul {
	list-style-type:none;
	margin-left:0px;
	padding-left:0px;
}

.page_actions li {
	list-style-type:none;
	margin-left:7px;
}

.page_actions ul#action_list li {
  padding-top: 1px;
  padding-bottom: 3px;
  border-bottom: dashed #f0f0f0 1px;
}

.page_actions ul#action_list li:last-of-type {
  padding-top: 1px;
  padding-bottom: 0px;
  border-bottom: none;
}

.large_popup {
	height: 85%;
}

.wide_popup .popup_container {
  left: 10%;
  width: 80%;
}

.wide_popup #form_close_button {
  left: 50%;
}

.wide_popup .header_note {
  text-align:right;
  diplay:block;
}

.header_note .action_label {
  float:left;
}

.header_note .sparq_refresh {
  float:right;
}

.participant_activity_table {
  width:100%;
}

.sum_thin_line {
	text-align:right !important;
	border-top:solid #000 1px !important;	
}

.sum_thick_line {
	text-align:right !important;
	border-top:solid black 2px !important;
}

.sum_thin_line_bottom {
	text-align:right !important;
	border-bottom:solid #000 1px !important;	
}

.sum_thick_line_bottom {
	text-align:right !important;
	border-bottom:solid black 2px !important;
}

.filter_search_text {
	padding:0px;
	margin:0px;
	vertical-align:bottom;
	display: inline !important;
}

#working_icon {
	position:fixed;
	top:32px;
	left:30%;
	width:40%;
	height:19px;
	margin:0px;
	text-align:center;
	z-index:140;
}

#working_icon img {
	margin:0px;
	padding:0px;
} 

.expand_collapse_links_plan {
	vertical-align:middle !important;
	width:0% !important;
	padding:0px !important;
	margin:0px !important;
}

.expand_collapse_links_payroll {
	float:left;
	font-size:120%;
}

.link_no_underline {
	text-decoration:none;
}

.user_note {
	font-size:90%;
	color: red;
}

.clear_both {
	clear: both;
}

.plain_list {
	list-style-type:none;
}

.side_bar_header {
	border-bottom: solid black 1px !important; 
	text-align:left;
}

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

.smaller_text {
	font-weight:normal;
	font-size:90%;
}

.small_padding {
	padding:4px;
}

.close_button {
	vertical-align:bottom;
	cursor:pointer;
}

.indent {
	padding-left: 10px;
}

/* header partials */
.header_container {
	margin-bottom:10px;
	height:121px;
}

.tool_selection_container {
	text-align:right;
	vertical-align:bottom;
}

.tool_selection_container ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	margin-bottom: 5px;
}

.navigation_container {
	height:60px;
	vertical-align:bottom;
}

.message_bar {
	background:#ddd;
}

.message_bar_left {
	float:left;
	margin:0;
	padding:0;
}

/* footer partial */
.footer {
	text-align:center;
	position:absolute;
	bottom:0px;
	display:block;
	width:98%;
	margin:0px;
	padding:0px;
}

.footer p {
	font-size:85%;
}

.footer ul {
	list-style-type:none;
	font-size:90%;
	margin-bottom:5px;
}

.footer li {
	display:inline;
	padding-right: 1px;
	border-right: solid black 1px;
	margin: 0px;
	margin-right:5px;
}

.footer li.last {
	border-right: none;
}

/*print - also in print.css*/
.summary_print_form {
	display:block;
	margin:0px;
	padding:0px;
}

.print_form_checkbox {
	border: solid black 1px;
	width:2em
}

/*breadcrumb partial*/
#breadcrumb {
	margin-bottom: 10px;
}

.breadcrumb_shown {
	font-weight: bold;
}

/*pagination*/
.pagination_single_view {
	width:100%;
	margin:0px;
	padding:0px;
}

/* header user control */
.header_user_control ul {
	list-style-type:none;
}

.header_user_control li {
	display:inline;
	padding:0px;
	padding-right:8px;
	margin:0px;
}

/* digital inclusion - survey */
.survey_question {
	font-weight: bold;
}

.checkbox_list_partial {
	margin-bottom:0px;
	padding-bottom:0px;
}

.checkbox_list_partial_indent {
	padding-left:6px;
	margin-bottom:0px;
}

/*digital inclusion - sessions  include in learners.css instead?*/
.checkbox_list_container {
	overflow: auto; 
	height: 8em;
	border:solid black 1px;
}

/*eligibility determination - shared*/
.header_strong {
	font-weight:bold;
	margin:0;
	padding:0;
}

/*eligibility determination - contact info*/
.edit_link {
	font-size:90%;
	margin-left:5px;
	font-weight:normal;
}

/* eligibility determination -family member entry*/
.family_member_value {
	text-align:left !important;
	width:27%;
}

.family_member_action {
	text-align:left !important;
	width:19%;
}

/*eligibility determination - income entry*/
.income_period {
	white-space:nowrap;
	line-height:.8em;
}

.income_row_label {
	text-align:left !important;
	vertical-align:middle;
}

.income_yes_no {
	text-align:left !important;
	vertical-align:bottom;
	white-space:nowrap;
}

.income_value {
	vertical-align:middle;
}

.net_line {
	border-top:solid black 1px;
}

/* eligibility determination - waiver factor entry*/

/* iep */

.iep th {
	background-color: black;
	color: white;
	text-align:left;
}

.iep .label {
	font-weight: bold;
}

.iep p {
	clear: both;
}

.iep .date_to_complete {
	font-weight: bold;
	font-style: italic;
	color: red;
	float: right;
/*	clear: both;*/
}

.iep .date {
	width: 75px;
}

.iep .wide_text {
	width: 400px;
}

.iep .smart {
/*	font-weight: bold;*/
	font-style: italic;
	color: orange;
}

.iep .parenthetical {
	font-style: italic;
}

/*.show_border td {
	border-style: solid !important;
	border-width: 1px;
}
*/
.show_border td {
	border-style: solid !important;
	border-width: thin;
}

.iep .header {
	background: lightgrey;
}

.iep .column_label {
	font-weight: bold;
	text-align: center;
}

.inline_list ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	margin-bottom: 5px;
}

.inline_list li {
	display:inline;
	padding:0px;
	margin:0px;
	padding-right:7px;	
}

th.gray_table_header {
	background-color: #ccc;
	font-weight: bold;
	vertical-align: bottom;
	padding-left: 5px;
	padding-right: 5px;
}

/* SA1/SA2 */
.cost_report {
	white-space: nowrap;
}

.cost_report tr.header td{
	font-weight:	bold;
}

.cost_report th.label {
	width: 25%;
}

.cost_report tr.header td.label{
	text-align: left;
}

.cost_report th {
	width: 12%;
	text-align: center;
}

.cost_report th.wide {
	width: 15%;
}

.cost_report tr.header td.label{
	text-align: left;
}

.cost_report tr.cost td.label{
	text-align: left;
	padding-left: 15px;
}

.cost_report tr.subtotal td.label{
	text-align: left;
	padding-left:15px;
}

.cost_report tr.total td.label{
	text-align:	right;
}

.no_margin {
	margin: 0px;
}

/*.cost_report th {
	border: 1px solid black !important;
	text-align: center;
	width: 12%;
}

.cost_report th.label {
	width: 16%;
}

.cost_report td{
	text-align: right;
	white-space: nowrap;	
}

.cost_report tr.header td{
	background-color: #EEEEEE !important;
}

.cost_report .blank{
	background-color: #EEEEEE !important;
	width: 5%;
}

.cost_report tr.header td.label{
	text-align: left;
}

.cost_report tr.cost td.label{
	text-align: left;
	padding-left: 10px;
}

.cost_report tr.subtotal td.label{
	text-align: left;
	padding-left: 10px;
	font-weight: bold;
	border-top: none !important;
}

.cost_report tr.subtotal td{
	border-top: 1px solid black !important;
}

.cost_report tr.total td.label{
	text-align:	right;
	font-weight:	bold;
	border-top: none !important;
}

.cost_report tr.total td{
	border-top: 1px solid black !important;
	border-bottom: 1px double black !important;
}*/

.sum_thin_line {
	text-align:right !important;
	border-top:solid #000 1px !important;	
}

.sum_thick_line {
	text-align:right !important;
	border-top:solid black 2px !important;
}

.filter_search_text {
	padding:0px;
	margin:0px;
	vertical-align:bottom;
	display: inline !important;
}

#working_icon {
	position:fixed;
	top:32px;
	left:30%;
	width:40%;
	height:19px;
	margin:0px;
	text-align:center;
	z-index:140;
}

#working_icon img {
	margin:0px;
	padding:0px;
} 

.expand_collapse_links_plan {
	vertical-align:middle !important;
	width:0% !important;
	padding:0px !important;
	margin:0px !important;
}

.expand_collapse_links_payroll {
	float:left;
	font-size:120%;
}

.link_no_underline {
	text-decoration:none;
}

.user_note {
	font-size:90%;
	color: red;
}

.clear_both {
	clear: both;
}

.plain_list {
	list-style-type:none;
}

.side_bar_header {
	border-bottom: solid black 1px !important; 
	text-align:left;
}

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

.smaller_text {
	font-weight:normal;
	font-size:90%;
}

.small_padding {
	padding:4px;
}

.close_button {
	vertical-align:bottom;
	cursor:pointer;
}

.indent {
	padding-left: 10px;
}

/* header partials */
.header_container {
	margin-bottom:10px;
	height:121px;
}

.tool_selection_container {
	text-align:right;
	vertical-align:bottom;
}

.tool_selection_container ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	margin-bottom: 5px;
}

.navigation_container {
	height:60px;
	vertical-align:bottom;
}

.message_bar {
	background:#ddd;
}

.message_bar_left {
	float:left;
	margin:0;
	padding:0;
}

/* footer partial */
.footer {
	text-align:center;
	position:absolute;
	bottom:0px;
	display:block;
	width:98%;
	margin:0px;
	padding:0px;
}

.footer p {
	font-size:85%;
}

.footer ul {
	list-style-type:none;
	font-size:90%;
	margin-bottom:5px;
}

.footer li {
	display:inline;
	padding-right: 1px;
	border-right: solid black 1px;
	margin: 0px;
	margin-right:5px;
}

.footer li.last {
	border-right: none;
}

/*print - also in print.css*/
.summary_print_form {
	display:block;
	margin:0px;
	padding:0px;
}

.print_form_checkbox {
	border: solid black 1px;
	width:2em
}

/*breadcrumb partial*/
#breadcrumb {
	margin-bottom: 10px;
}

.breadcrumb_shown {
	font-weight: bold;
}

/*pagination*/
.pagination_single_view {
	width:100%;
	margin:0px;
	padding:0px;
}

/* header user control */
.header_user_control ul {
	list-style-type:none;
}

.header_user_control li {
	display:inline;
	padding:0px;
	padding-right:8px;
	margin:0px;
}

/* digital inclusion - survey */
.survey_question {
	font-weight: bold;
}

.checkbox_list_partial {
	margin-bottom:0px;
	padding-bottom:0px;
}

.checkbox_list_partial_indent {
	padding-left:6px;
	margin-bottom:0px;
}

/*digital inclusion - sessions  include in learners.css instead?*/
.checkbox_list_container {
	overflow: auto; 
	height: 8em;
	border:solid black 1px;
}

/*eligibility determination - shared*/
.header_strong {
	font-weight:bold;
	margin:0;
	padding:0;
}

/*eligibility determination - contact info*/
.edit_link {
	font-size:90%;
	margin-left:5px;
	font-weight:normal;
}

/* eligibility determination -family member entry*/
.family_member_value {
	text-align:left !important;
	width:27%;
}

.family_member_action {
	text-align:left !important;
	width:19%;
}

/*eligibility determination - income entry*/
.income_period {
	white-space:nowrap;
	line-height:.8em;
}

.income_row_label {
	text-align:left !important;
	vertical-align:middle;
}

.income_yes_no {
	text-align:left !important;
	vertical-align:bottom;
	white-space:nowrap;
}

.income_value {
	vertical-align:middle;
}

.net_line {
	border-top:solid black 1px;
}

/* eligibility determination - waiver factor entry*/
.important {
	text-decoration: underline;
	font-weight: bold;
}

/* iep */

.iep th {
	background-color: black;
	color: white;
	text-align:left;
}

.iep .label {
	font-weight: bold;
}

.iep p {
	clear: both;
}

.iep .date_to_complete {
	font-weight: bold;
	font-style: italic;
	color: red;
	float: right;
/*	clear: both;*/
}

.iep .date {
	width: 75px;
}

.iep .wide_text {
	width: 400px;
}

.iep .smart {
/*	font-weight: bold;*/
	font-style: italic;
	color: orange;
}

.iep .parenthetical {
	font-style: italic;
}

/*.show_border td {
	border-style: solid !important;
	border-width: 1px;
}
*/
.show_border td {
	border-style: solid !important;
	border-width: thin;
}

.iep .header {
	background: lightgrey;
}

.iep .column_label {
	font-weight: bold;
	text-align: center;
}

.inline_list ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	margin-bottom: 5px;
}

.inline_list li {
	display:inline;
	padding:0px;
	margin:0px;
	padding-right:7px;	
}

th.gray_table_header {
	background-color: #ccc;
	font-weight: bold;
	vertical-align: bottom;
	padding-left: 5px;
	padding-right: 5px;
}

.weekly_hours_label {
	position: absolute  !important;
	left: 16px;
	top: 1px;
	padding: 0px !important;
	margin: 0px;
}

.fieldWithErrors {
	background-color: transparent !important;
}

#page_loading_message {
  text-align: center;
  font-size: 110%;
  font-weight: bold;
}

#page_loading_message .error {
  color: red;
}

#page_loading_message .error_details {
  font-size: 100%;
  font-weight: normal;
}

.forecast_checklist .section {
  clear :both;
  margin-top: 20px;
  margin-bottom: 20px;
  overflow: auto;
}

.forecast_checklist .label, .section_label {
  font-weight:  bold;
}

.forecast_checklist .section_label {
  clear:  both;
}

.forecast_checklist .system_supplied {
  display:      block;
  float:        left;
}

.forecast_checklist .system_supplied.label {
  width:        70%;
}

.forecast_checklist .system_supplied.value {
  width:        30%;
}

.forecast_checklist table {
  width:          100%;
  margin-bottom:  0px;
}

.forecast_checklist ol li {
  list-style: decimal;
}

.forecast_checklist ul li {
  margin-left: 0px;
}

.cost_report_rule_links {
  width: 25%;
  text-align: center;
}

.cost_report_rule_description {
  width: 75%;
}

.closeout_wishlist_header {
  border-bottom-style: solid;
  border-bottom-color: black;
  border-bottom-width: 5px;
}

.closeout_wishlist_table th {
  font-weight: bold;
}

.closeout_wishlist_table tr td {
  padding-right: 10px;
}

.closeout_wishlist_table_footer {
  border-top-style: solid;
  border-top-color: black;
  border-top-width: 2px;
}

.closeout_wishlist_table_footer td {
  font-weight: bold;
}

.closeout_wishlist_table tr.even_row {
  background-color: #eee;
}
/* This is a very basic stylesheet for the date-picker. Feel free to create your own. */

/* Hide the input by using a className */
input.fd-hidden-input,
select.fd-hidden-input
        {
        display:none;
        }
/* Screen reader class - hides it from the visual display */
.fd-screen-reader
        {
        position:absolute;
        left:-999em;
        top:0;
        width:1px;
        height:1px;
        overflow:hidden; 
        outline: 0 none;
	-moz-outline: 0 none;
        } 
/* Disabled datePicker and activation button */
a.dp-disabled,
.dp-disabled table
        {
        opacity:.3 !important;           
        filter:alpha(opacity=40);           
        }
.dp-disabled,
.dp-disabled td,
.dp-disabled th,
.dp-disabled th span
        {
        cursor:default !important;          
        }
a.date-picker-control:focus,
div.datePicker table td:focus 
        {
        overflow:hidden;
        outline:0 none;
	-moz-outline: 0 none;
	color:rgb(100,130,170) !important;
        }
/* The wrapper div */
div.datePicker
        {
        position:absolute;        
        z-index:9999;
        text-align:center;

        /* Change the font-size to suit your design's CSS. The following line is for the demo that has a 12px font-size defined on the body tag */
        font:900 0.8em/1em Verdana, Sans-Serif;

        /* For Example: If using the YUI font CSS, uncomment the following line to get a 10px font-size within the datePicker */
        /* font:900 77%/77% Verdana, sans-serif; */
        
        /* Or, if you prefer a pixel precision */
        /* font:900 12px/12px Verdana, sans-serif; */
        
        background:transparent;

        /* Mozilla & Webkit extensions to stop text-selection. */
        -moz-user-select:none;
        -khtml-user-select:none;                 
        }  
/* Styles for the static datePickers */
div.static-datepicker
        {
        position:relative;        
        top:5px;
        left:0;
        }
div.datePicker table
        {
        width:auto;
        height:auto;
        border-collapse:separate;         
        } 
/* Draggable datepickers */
div.datePicker tfoot th.drag-enabled,
div.datePicker thead th.drag-enabled,
div.datePicker thead th.drag-enabled span
        {
        cursor:move;
        }
/* The iframe hack to cover selectlists in Internet Explorer <= v6 */
iframe.iehack
        {
        position:absolute;
        background:#fff;
        z-index:9998;
        padding:0;
        border:0;
        display:none;
        margin:0;
        }
/* The "button" created beside each input for non-static datePickers */
a.date-picker-control:link,
a.date-picker-control:visited
        {
        position:relative;
        /* Moz & FF */
        display: -moz-inline-stack;
        border:0 none;
        padding:0;
        margin:0 0 0 4px;
        background:transparent url(/assets/datepicker/cal-grey-bebaa6f7e89a74ecefc37581aa84de59ab227ae190f7b4f2cd7675a7da19e21c.gif) no-repeat 50% 50%;
        min-width:16px;
        line-height:1;
        cursor:pointer;
        visibility:visible;
        text-decoration:none;
        vertical-align:top;         
        }
a.date-picker-control:hover,
a.date-picker-control:active,
a.date-picker-control:focus,
a.dp-button-active:link,
a.dp-button-active:visited,
a.dp-button-active:hover,
a.dp-button-active:active,
a.dp-button-active:focus
        {
        background:transparent url(/assets/datepicker/cal-48d011f3b73eb282dc94666ed015b3d2cc4a936b1182b1ba102ea9992d9c561c.gif) no-repeat 50% 50% !important;
        }
/* Feed IE6 the following rule, IE7 should handle the min-width declared above */
* html a.date-picker-control
        {
        width:16px;
        }
/* IE, Safari & Opera. Seperate CSS rule seems to be required. */
a.date-picker-control
        {
        display:inline-block;
        }
a.date-picker-control span
        {
        display:block;
        width:16px;
        height:16px;
        margin:auto 0;
        }
/* Default "button" styles */
div.datePicker thead th span
        {
        display:block;
        padding:0;
        margin:0;
        text-align:center;
        line-height:1em;
        border:0 none;
        background:transparent;
        font-weight:bold;
        cursor:pointer;
        }
/* The "month, year" display */
div.datePicker th span.month-display,
div.datePicker th span.year-display
        {
        display:inline;
        text-transform:uppercase;
        letter-spacing:1px;
        font:normal 1.2em Verdana, Sans-Serif;
        cursor:default;          
        }
/* Next & Previous (month, year) buttons */
div.datePicker th span.prev-but,
div.datePicker th span.next-but
        {
        font-weight:lighter;
        font-size:2.4em;
        font-family: georgia, times new roman, palatino, times, bookman, serif;
        cursor:pointer !important;
        }
/* Hover effect for Next & Previous (month, year) buttons */
div.datePicker th span.prev-but:hover,
div.datePicker th span.next-but:hover,
div.datePicker th span.today-but:hover
        {
        color:#a84444;
        }
/* Today button */
div.datePicker th span.today-but
        {
        text-align:center;
        margin:0 auto;
        font:normal 1em Verdana, Sans-Serif;
        width:100%;
        text-decoration:none;
        padding-top:0.3em;
        text-transform:uppercase;
        vertical-align:middle;
        cursor:pointer !important          
        }
/* Disabled buttons */ 
div.dp-disabled th span.prev-but,
div.dp-disabled th span.next-but,
div.dp-disabled th span.today-but,
div.dp-disabled th span.prev-but:hover,
div.dp-disabled th span.next-but:hover,
div.dp-disabled th span.today-but:hover,
div.datePicker th span.prev-but.fd-disabled:hover,
div.datePicker th span.next-but.fd-disabled:hover,
div.datePicker thead th span.fd-disabled,
div.datePicker th span.fd-disabled:hover
        {
        color:#aaa;
        cursor:default !important; 
        opacity:1;        
        }   
/* The mon, tue, wed etc day buttons */
div.datePicker th span.fd-day-header
        {
        text-align:center;
        margin:0 auto;
        font:900 1em Verdana, Sans-Serif;
        text-decoration:none;
        text-transform:lowercase;
        cursor:pointer;          
        }
/* The table */
div.datePicker table
        {               
        margin:0;
        padding:0;
        border:1px solid #ccc;
        background:#fff url(/assets/datepicker/gradient-e5e5e5-ffffff-29173aee0f810aa445cb73b0fd5a3d425c204732c201b6613d3f8340c5224704.gif) repeat-x 0 -20px;
        text-align:center;
        border-spacing:2px;
        padding:0.3em; 
        width:auto;             
        empty-cells:show;   
        border-radius:0.8em;             
        -moz-border-radius:0.8em;
        -moz-box-shadow:0px 0px 5px #aaa;               
        }
/* Common TD & TH styling */
div.datePicker table td,
div.datePicker table tbody th
        {                 
        border:0 none;
        padding:0;
        text-align:center;
        vertical-align:middle;               
        cursor:pointer;
        background:#fff url(/assets/datepicker/gradient-e5e5e5-ffffff-29173aee0f810aa445cb73b0fd5a3d425c204732c201b6613d3f8340c5224704.gif) repeat-x 0 -40px;
        width:3em;
        height:3em;   
        overflow:hidden;      
        outline:transparent none 0px;        
        border:1px solid #ccc;
        text-transform:none;         
        -moz-border-radius:2px;         
        border-radius:2px;
        }
div.datePicker table td:focus,
div.datePicker table td:active
        {
        outline:0 none red;
        }
div.datePicker table th
        {
        border:0 none;
        padding:0;        
        font-weight:bold;
        color:#222;
        text-align:center;
        vertical-align:middle; 
        text-transform:none;        
        }
div.datePicker table thead th
        {
        height:auto !important;
        }
div.datePicker table tbody th
        {                          
        border:1px solid #dcdcdc;        
        }
/* Week number display */
div.datePicker table thead th.date-picker-week-header,
div.datePicker table tbody th.date-picker-week-header
        {
        font-style:oblique;  
        background:transparent;
        cursor:default;         
        }
div.datePicker table thead th.date-picker-week-header
        {
        cursor:help;
        border:0 none;
        padding:0 0 0.2em 0;
        }
/* tfoot status bar */
div.datePicker tfoot th
        {
        cursor:default;
        font-weight:normal;
        text-transform:uppercase;
        letter-spacing:0.1em;
        border:0 none;
        background:#fff;
        height:2.8em;
        }
/* TD cell that is _not_ used to display a day of the month */
div.datePicker table tbody td.date-picker-unused
        {
        background:#fff url(/assets/datepicker/backstripes-2e4298fde5477d327fcd438f626d9299e37a5ea789be1f2f4f4aa711e82f9d08.gif);
        border-color:#dcdcdc;          
        cursor:default !important;
        }

/* The TH cell used to display the "month, year" title */
div.datePicker table thead th.date-picker-title
        {
        width:auto;
        height:auto;
        padding:0.4em 0;
        }
/* The "mon tue wed etc" day header styles */
div.datePicker table thead th.date-picker-day-header
        {
        text-transform:lowercase;
        cursor:help;
        height:auto;
        }
/* The "todays date" style */
div.datePicker table tbody td.date-picker-today
        {
        background:#fff url(/assets/datepicker/bullet2-a08273a2676a48db92c6a2b97298760b652657c548f9ee68a0ca8c6de7ed627c.gif) no-repeat 0 0;
        color:rgb(100,100,100) !important;
        }

div.datePicker table tbody td.month-out.date-picker-highlight 
        {
        color:#aa8866 !important;
        }
/* The "highlight days" style */
div.datePicker table tbody td.date-picker-highlight,
div.datePicker table thead th.date-picker-highlight
        {
        color:#a86666 !important;
        }
/* The "active cursor" style */
div.datePicker table tbody td.date-picker-hover
        {
        background:#fff url(/assets/datepicker/bg_header-0daf27395967fb58b166edd4afc5d7001240920011fe166e9ad08387b32e4f80.jpg) no-repeat 0 0;
        cursor:pointer;
        border-color:rgb(100,130,170) !important;
        color:rgb(100,130,170); 
        text-shadow: 0px 1px 1px #fff;                
        }
/* The "disabled days" style */
div.datePicker table tbody td.day-disabled
        {          
        background:#fff url(/assets/datepicker/backstripes-2e4298fde5477d327fcd438f626d9299e37a5ea789be1f2f4f4aa711e82f9d08.gif) no-repeat 0 0;
        color:#aaa !important;
        cursor:default;
        text-decoration:line-through;
        } 
div.datePicker table tbody td.month-out 
        {
        border-color:#ddd;
        color:#aaa !important;
        background:#fff url(/assets/datepicker/gradient-e5e5e5-ffffff-29173aee0f810aa445cb73b0fd5a3d425c204732c201b6613d3f8340c5224704.gif) repeat-x 0 -40px;                             
        } 
/* The "selected date" style */
div.datePicker table tbody td.date-picker-selected-date
        {
        color:#333 !important;
        border-color:#333 !important;
        }
/* The date "out of range" style */
div.datePicker table tbody td.out-of-range,
div.datePicker table tbody td.not-selectable
        {           
        color:#ccc !important;
        font-style:oblique;
        background:#fcfcfc !important;
        cursor:default !important;              
        } 
/* Week number "out of range" && "month-out" styles */
div.datePicker table tbody th.month-out,
div.datePicker table tbody th.out-of-range
        {
        color:#aaa !important;
        font-style:oblique;
        background:#fcfcfc !important;          
        }
/* week numbers "out of range" */
div.datePicker table tbody th.out-of-range
        {
        opacity:0.6;
        filter:alpha(opacity=60);
        }  
/* Used when the entire grid is full but the next/prev months dates cannot be selected */
div.datePicker table tbody td.not-selectable
        {         
        opacity:0.8;
        filter:alpha(opacity=80);        
        }
div.datePicker table tbody tr
        {
        display:table-row;
        }
div.datePicker table tfoot sup
        {
        font-size:0.86em;
        letter-spacing:normal;
        text-transform:none;
        height: 0;
	line-height: 1;
	position: relative;
	top: -0.2em;	
	vertical-align: baseline !important;
	vertical-align: top;  
        }
div.datePicker table thead th.date-picker-day-header,
div.datePicker table thead span.month-display,
div.datePicker table thead span.year-display
        {            
        text-shadow: 0px 1px 1px #fff;                            
        }
/* You can add focus effects (for everything but IE6) like so: */

div.datepicker-focus table.datePickerTable
        {
        border-color:#999 !important;         
        }
div.datePicker table tbody tr td:focus,
div.datePicker table tbody td.date-picker-hover 
        {
        overflow:hidden;
        outline:0px solid #ff0000;        
	-moz-outline: 0 none;
	-o-highlight:0 none;
	color:rgb(100,130,170) !important;        	
        }
div.static-datepicker table
        {
        -moz-box-shadow:0 0 0 transparent;
        
        }               
div.datepicker-focus table
        {
        /* Naughty, naughty - but we add a highlight using the table's border colour */
        outline:none;
         -moz-box-shadow:0px 0px 5px #aaa;         
        }    
       *:-o-prefocus{outline : -o-highlight-border;}
 
/* INTERNET EXPLORER WOES
   ======================
   
   Hover Effects
   -------------
   
   IE cannot deal with :focus on the TR so the datePicker script adds the class "dp-row-highlight" to the
   row currently being hovered over. This should enable you to add hover effects if desired.
   
   e.g. the following rule will highlight the cell borders in another colour when a row is moused over,
   it looks like crap though so I didn't include the rule within the demo:
   
div.datePicker table tbody tr.dp-row-highlight td
        {
        border-color:#aaa;
        }
*/

/* Remove the images for Internet Explorer <= v6 using the "* html" hack  
   This is a workaround for a nasty IE6 bug that never caches background images on dynamically created DOM nodes
   which means that they are downloaded for every cell for every table - nasty! */    
* html div.datePicker table td
        {
        background-image:none;
        }
* html div.datePicker table td.date-picker-unused
        {
        background:#f2f2f2;
        }
body.fd-drag-active 
        {
        -webkit-user-select:none;
        }
/* Chrome has problems with the -webkit-box-shadow and -webkit-border-radius styles together 
   Remove one or the other to get things looking less ugly */       
@media screen and (-webkit-min-device-pixel-ratio:0) {
        div.datePicker table
                {
                border-spacing:0.3em;
                /* Naughty, naughty */
                -webkit-box-shadow:0px 0px 5px #aaa;                 
                -webkit-border-radius:0.8em;                
                }          
        div.static-datepicker table
                {
                -webkit-box-shadow:0 0 0 transparent;
                } 
        div.datepicker-focus table
                {        
                -webkit-box-shadow:0px 0px 5px #aaa;       
                }       
        div.datePicker table td,
        div.datePicker table tbody th
                {
                padding:0.1em;
                -webkit-border-radius:2px;
                }
        div.datePicker table tbody td.date-picker-hover
                {                
                -webkit-box-shadow:0px 0px 1px rgb(100,130,170);
                }       
}
/* This is a manifest file that'll be compiled into including all the files listed below.
* Add new JavaScript/Coffee code in separate files in this directory and they'll automatically
* be included in the compiled file accessible from http://example.com/assets/application.js
* It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
* the compiled file.
*






*/