a
{
  color: #3F4C6B;
  text-decoration: none;
}
a:hover
{
  text-decoration: underline; 
}

#bankSearchResultsTable
{
  border-collapse: collapse; 
}
#bankSearchResultsTable td,
#bankSearchResultsTable th
{
 	padding: 5px; 
}
#bankSearchResultsTable tr:nth-child(even)
{
 	background-color: #EEE;
}


button,
input[type="button"],
input[type="submit"]
{
	cursor: pointer; 
}
button.calendar 
{
  background-image: url(/images/calendar-icon.gif);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 0;
  display: inline-block;
  height: 20px;
  position: relative;
  margin-right: 6px;
  top: -5px;
  width: 20px;
}
button.calendar:hover,
button.calendar.active 
{
  background-position: left bottom;
}


body
{
  background-color: #EEE;
  margin: 0;
 	padding: 0;
}

.caution
{
  color: #B02B2C;
}

div.calendar {
	background: url(/images/calendar.png);
	height: 195px;
	padding: 0 6px;
	text-align: center;
	width: 147px;
}	
div.calendar div {
  background: none !important;
  cursor: move;
  height: 185px;
  overflow: hidden;
  padding-top: 10px;
  position: relative;
  width: 147px;
}	
div.calendar caption {
  color: #333;
  font: normal 12px/16px Arial, Helvetica, sans-serif;
  padding-top: 6px;
  text-align: center;
  width: 100%;
}
div.calendar caption a {
  cursor: pointer;
  display: block;
  height: 12px;
  overflow: hidden;
  position: absolute;
  text-indent: -100px;
  top: 17px;
  width: 11px;
}
div.calendar caption a.prev {
  background-image: url(/images/calendar-prev.gif);
  left: 0;
}
div.calendar caption a.next {
  background-image: url(/images/calendar-next.gif);
  right: 0;
}
div.calendar caption a:hover {
  background-position: 0 12px;
}
div.calendar caption span {
  height: 25px;
  position: relative;
  text-align: center;
}
div.calendar caption span.month {
  padding-right: 8px;
}
div.calendar caption span.month:after {
  content: ',';
}
div.calendar table {
  background: #FFF;
  border: 0;
  border-collapse: collapse;
  border-spacing: 0;
  cursor: default;
  margin: 0 auto;
  overflow: hidden;
  width: 147px;
}
div.calendar td,
div.calendar th {
  border: 0;
  color: #0597DB;
  font: normal 12px Arial, Helvetica, sans-serif;
  height: 21px;
  text-align: center;
  width: 21px;
}
div.calendar td {
  background: url(/images/calendar-td.gif);
  color: #FFF;
  font-size: 11px;
}
div.calendar td.invalid {
  color: #999;
}
div.calendar td.valid {
  background: url(/images/calendar-valid.gif);
  color: #0597DB;
  cursor: pointer;
}
div.calendar td.hilite {
  background: url(/images/calendar-hilite.gif);
}
div.calendar td.inactive {
  background: url(/images/calendar-td.gif) 0 100%;
  color: #FFF;
}
div.calendar td.active,
div.calendar td.hover {
  background: url(/images/calendar-valid.gif) 0 100%;
  color: #FFF;
  cursor: pointer;
}
div.calendar td.today {
  color: #07F;
  font-weight: bold;
}
.createOrderSection
{
  border-bottom: 1px dotted #777;
}



.error
{
  color: #C30;
 	font-weight: bold;
}

.expandedNotes
{
  height: 100px;
 	width: 250px; 
}


h2
{
  color: #B02B2C;
 	margin-top: 0; 
  text-shadow: 0 1px 1px #777;
}

.hidden
{
 	display: none; 
}


.itemImage img
{
  border: 0 none;
  cursor: pointer;
 	height: 18px; 
}
#itemsTable tbody tr:hover
{
 	background-color: #FED; 
}
#itemsTable tbody tr td,
#itemsTable tfoot tr th
{
 	border-top: 1px solid #777;
}


.leftLabel tr td:first-child,
.leftLabel .label,
.formTable .label
{
	font-weight: bold;
  text-align: right;
}

#loginError
{
  color: #F30;
 	font-weight: bold;
  margin: 10px 0;
}
#localBranchDiv,
#mainBranchDiv,
#newItemTable,
#hasItems,
#noItems,
#itemsTable,
#confirmOrderDiv
{
	margin-left: 37px; 
}


.mainMenu
{
  color: #B02B2C;
  font-style: italic;
  margin-bottom: 5px;
}
.mainMenu + ul
{
  list-style-type: none;
  margin: 0 0 0 20px;
	padding: 0;
}
#manageItemsTable,
#manageBanksTable
{
 	border-collapse: collapse; 
  margin-bottom: 15px;
}
#manageItemsTable td,
#manageItemsTable th
{
  padding: 3px 6px;
}
#manageItemsTable input[type="text"]
{
 	width: 65px;
}
.manageSortablesTr
{
  background-color: #008C00;
} 



#noscriptMessage
{
  border: 2px outset #F30;
  margin-top: 20px;
  padding: 20px;
  width: 50%;
}
.note 
{
 	font-size: 14px;
  font-style: italic;
}
.notes
{
  height: 15px;
 	width: 250px; 
}



.orderCreate,
#itemsTable tfoot,
#itemsTable thead
{
  color: #777; 
  font-family: sans-serif;
  font-size: 14px;
  font-weight: normal !important;
}
.orderCreateBranch
{
  display: inline-block;
  font-weight: bold;
  margin-right: 5px;
}
#orderEntryStep table
{
  border-collapse: collapse;
}
#orderEntryStep table tr td,
#orderEntryStep table tr th
{
  padding: 5px 8px;
}
#orderDetailsControls
{
  background-color: #EEE;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
 	float: left;
  font-weight: bold;
  margin: 0 20px 0 50px;
  padding: 10px 15px;
}
#orderDetailsControls a
{
 	display: block;
  margin: 5px 0;
}
.orderDetailsDestination
{
  background-color: #EEE;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
 	padding: 5px 15px; 
  margin: 0 0 -15px 25px;
}
.orderDetailsItems
{
  background-color: #EEE;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
 	padding: 15px;  
  width: 100%;
}
.orderDetailsDestination tr td:first-child
{
 	padding-right: 10px; 
}
#orderDetailsTable
{
 	float: left; 
}
#orderDetailsTable tr td
{
 	padding: 5px 10px; 
}
#orderDetailsTable tr td:first-child,
.orderDetailsDestination tr td:first-child
{
	color: #B02B2C;
 	font-weight: bold;
  text-align: right;
}
#orderSearchTable
{
  border-collapse: collapse;
 	margin-bottom: 5px; 
}
#orderSearchTable tr td:first-child
{
 	font-weight: bold;
  text-align: right;
}
#orderSearchResultsTable
{
  border-collapse: collapse; 
  width: 100%;
}
#orderSearchResultsTable td
{
 	padding: 3px 10px;
}
.orderSearchZebraOdd
{
  background-color: #EEE;
}
.orderSearchZebraOdd + .orderSearchZebraEven,
.orderSearchZebraEven + .orderSearchZebraOdd
{
  border-top: 10px solid #FFF;
}



#pageMessage
{
  font-weight: bold;
 	margin: 10px 0;
}
#pending
{
  background-color: #EEE;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  box-shadow: 1px 1px 5px #777;
  -moz-box-shadow: 1px 1px 5px #777;
  -webkit-box-shadow: 1px 1px 5px #777;
  font-size: 14px;
  padding: 7px 12px;
  position: absolute;
  top: 75px;
  left: 400px;
}
#pending a
{
 	display: block;
  padding: 5px 0 2px;
}
#pending h3
{
  margin: 5px 0;
  text-align: center;
}
#pending a ~ a
{
 	border-top: 1px solid #777; 
}


.quantity
{
 	width: 50px; 
}



.signupProgress
{
 	margin-bottom: 15px; 
}
.signupProgress span
{
 	background-color: #EEEEEE; 
  -moz-border-radius: 0 10px 10px 0 / 0 20px 20px 0;
  -webkit-border-bottom-right-radius: 10px / 20;
  -webkit-border-top-right-radius: 10px / 20;
  border-radius: 0 10px 10px 0 / 0 20px 20px 0;
	display: inline-block;
  padding: 5px 25px;
  position: relative;
}
.signupProgress span:nth-child(1)
{
 	z-index: 5;
}
.signupProgress span:nth-child(2)
{
 	left: -10px; 
 	z-index: 4;
}
.signupProgress span:nth-child(3)
{
 	left: -20px; 
 	z-index: 3;
}
.signupProgress span:nth-child(4)
{
 	left: -30px; 
 	z-index: 2;
}
.signupProgress span:nth-child(5)
{
 	left: -40px; 
 	z-index: 1;
}
.signupProgress .current
{
 	background-color: #B44;  
  color: #FFF;
  font-weight: bold;
}
.signupProgress .previous
{
 	background-color: #DAA;  
}
.success
{
	color: #008C00;
  font-weight: bold;
}
.static
{
  background-color: transparent;
  border: 0;
 	padding: 0;
}
.statusApproved
{
 	color: #008C00; 
}
.statusCancelled
{
 	color: #B02B2C; 
}
.statusPending
{
  color: #777; 
}


table td,
table th
{
 	padding: 3px; 
}
thead th,
tfoot th
{
 	text-align: left; 
}
.ts_forward_sort
{
  background-color: rgba(0, 119, 256, 0.35) !important;
  text-decoration: underline;
}
.ts_reverse_sort
{
  background-color: rgba(0, 119, 256, 0.70) !important;
  text-decoration: overline;
}


#welcome a
{
 	font-size: 14px;
  font-style: italic;
}
#wrapper
{
  background-color: #FFF;
  box-shadow: 0 0 5px #777;
  -moz-box-shadow: 0 0 5px #777;
  -webkit-box-shadow: 0 0 5px #777;
  min-height: 550px;
	min-width: 1120px;
  padding: 25px;
  margin: 25px;
}


.zebra
{
 	border-collapse: collapse; 
}
.zebra > tbody > tr:nth-child(odd)
{
 	background-color: #EEE;
}