div.grid {
	padding:0;
	margin:0;
	text-align:center;
}

div.grid ul {
	margin: auto;
	padding: 0;
	clear: both;
	line-height: 2em;
	list-style-type: none;
	color: white;
}

.ie7 div.grid ul {
	clear: none;
}

form div.grid .header .two {
	color: white;
}

div.grid ul li, form div.grid ul li:last-child, form div.grid ul li:first-child {
	margin:0;
	padding:.3em;
	font-size:.9em;
	line-height:2em;
	color:black;
	float:left;
}

div.grid ul.proxyheader {
	margin-top: 65px;
}

.ie7 div.grid ul li.five img {
	margin-bottom: 5px;
}

div.grid ul li.other {
	background-color:#fff;
}

div.grid ul.error li {
	background-color:#ff3232;
	color:white;
}

div.grid ul.error li.other {
	background-color:#ff3737;
}

div.grid ul li img {
	vertical-align:middle;
	margin:0;
	padding:0;
	cursor: pointer;
}

div.grid ul.header li:first-child {
	-moz-border-radius:8px 0 0 0;
	-webkit-border-radius:8px 0 0 0;
	border-radius:8px 0 0 0;
}

div.grid ul.header li:last-child {
	-moz-border-radius:0 8px 0 0;
	-webkit-border-radius:0 8px 0 0;
	border-radius:0 8px 0 0;
}

div.grid ul.header li {

	font-weight:bold;
	color: white;
	height: 100%;
	text-align:center;
	text-transform:uppercase;
	border-bottom:.1em solid #cdcdcd;
	background-color: #125886;
}

div.grid ul.header li.other {
	background-color: #10507a;
}

div.grid ul.proxyheader li {
	font-weight: bold;
	text-transform: uppercase;
	border-top: 1px solid black;
	text-align: left;
	padding-left: 2%;
	width: 96.9%;
	color: #343434;
	background-color: #88a8bd;
}

.ie7 div.grid ul.proxyheader li {
	width: 95.2%;
}

div.grid ul.proxyheader.approve li {
	width: 96.9%;
}

.ie7 div.grid ul.proxyheader.approve li {
	width: 95%;
}

div.grid div {
	color:#a1a1a1;
	font-size:1.5em;
	text-align:center;

	font-weight:bold;
	padding:2em;
}

#attachments {
	margin-bottom: 20px;
}

div.grid .center {
	text-align:center;
}

div.grid .left {
	text-align:left;
}

div.grid .right {
	text-align:right;
}

div.grid ul.alt li {
	/*background-color:#f4ebd1;*/
	background-color: #f3f3f8;
}

div.grid ul.alt li.other {
	background-color:#f5f5fa;
}

div.grid ul.total li {
	font-weight:bold;
	text-transform:uppercase;
	border-top:.1em solid #cdcdcd;
	/*border-top:.1em solid rgba(155,155,155,.5);*/
}

/* edit.html tweaks */
.right-icon span {
	float:right;
	margin-right:22px;
	font-size:.75em;
	line-height:20px;
	cursor:pointer;
}

.right-icon span img {
	vertical-align:middle;
	margin:0;
	padding:0;
}

div.grid ul li select {	width:90%; }

.ie7 div.grid ul li.CommentLabel { width: 14%; }

form ul li.one input {
	margin-left: 40px;
	margin-right: 2px;
}

.ie7 span.field-status {
	display: inline;
}

.ie7 div.grid {
	font-size: .88em;
}

/* IE7 Validation Accordion */
div.ui-helper-reset {
	font-size: 75%;
}

/* ----------------------------------------------------------------------*/
/* Same set of styles only for tables too
/* ----------------------------------------------------------------------*/
div.grid {
	padding:0;
	margin:0;
	text-align:center;
}

.ie7 div.grid {
	font-size: .88em;
}

.safari-mac div.grid {
	font-size: .88em;
}

div.grid table tbody tr {
	margin:auto;
	padding:0;

	line-height:2em;
	list-style-type:none;
}

div.grid table tbody tr td.other {
	background-color:#f6f6f6;
	/*background-color:rgba(236,236,236,.5);*/
}

div.grid table tbody tr.error td {
	background-color:#ff866b;
	color:white;
}

div.grid table tbody tr.error td.other {
	background-color:#fe6441;
	/*background-color:rgba(236,236,236,.5);*/
}

div.grid table tbody tr td img {
	vertical-align:middle;
	margin:0;
	padding:0;
}

div.grid table tbody tr.header { }

div.grid table tr.header td {

	font-weight:bold;
	color:#ccd9e2;
	/*color:rgba(255,255,255,.8);*/

	text-align:center;
	text-transform:uppercase;

	border-bottom:.1em solid #cdcdcd;
	background-color:#88a8bd;
	/*background-color:rgba(16,80,122, .5);
	border-bottom:.1em solid rgba(155,155,155,.5);*/
}

div.grid table tr.header td.other {
	background-color:#10507a;
	/*background-color:rgba(16,80,122, 1);*/
}

div.grid table tbody tr.alt td {
	background-color:#f4ebd1;
	/*background-color:rgba(199, 153, 26, .2);*/
}

div.grid table tbody tr.alt td.other {
	background-color:#e0ca8b;
	/*background-color:rgba(199, 153, 26, .5);*/
}

.truncate {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.wrap {
	word-wrap: break-word;
}

div.grid ul li .disabled, .disabled {
	zoom: 1;
	filter: alpha(opacity=40);
	opacity: 0.4;
	cursor: default;
}

div.grid ul li .warning {
	background-color: gold;
	border: thin solid black;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
}

/* Grid border */
div.grid ul.bottom li {
    border-bottom: 1px solid black;
}

div.grid ul:last-child li {
    border-bottom: 1px solid black;
}

div.grid ul li:first-child {
    border-left: 1px solid black;
}

div.grid ul li:last-child {
    border-right: 1px solid black;
}

div.grid ul li.last {
    border-right: 1px solid black;
}

#attachments ul li.two { width: 20%; }
#attachments ul li.three { width: 31.1%; }
.ie7 #attachments ul li.three { width: 31%; }
#attachments ul li.six { width: 14%; }

/* Modal Table */

.dialog .table-container {
	width: 100%;
    height: 250px;
    max-height: 250px;
    overflow-y: auto;
	overflow-x: visible;
	border-top: 1px solid lightgray;
	border-bottom: 1px solid lightgray;
}

.dialog .reassign-expense-table {
	border-collapse: collapse;
	width: 97%;
}

.dialog .reassign-expense-table thead {
	font-weight: bold;
	font-size: .7em;
}

.dialog .reassign-expense-table thead th {
	background-color: #11507b;
	color: white;
}

.dialog .reassign-expense-table, .reassign-expense-table td {
	border: 1px solid lightgray;
}

.dialog .reassign-expense-table tbody tr {
	font-size: .6em;
}