/* GENERIC CLASSES */ /* table */
table {
	border-collapse: collapse;
}

table.narrow {
	width: 327px;
}

table.medium {
	width: 350px;
}

table.notes {
	width: 435px;
}

table.fullwidth {
	width: 780px;
}

th,td {
	padding: 2px 5px;
}

.invoice th,.invoice td {
	text-align: left;
	padding: 2px 10px;
}

.list th {
	background: #97aed0;
	color: #fff;
	text-align: center;
}

.list td {
	vertical-align: top;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	text-align: center;
}

.medium th {
	background: #97aed0;
	color: #fff;
	text-align: left;
}

.medium td {
	vertical-align: top;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	text-align: left;
}

.notes th {
	background: #97aed0;
	color: #fff;
	text-align: left;
}

.notes td {
	vertical-align: top;
	border-top: 1px solid #aaa;
	text-align: left;
}

.noborder td,td.noborder {
	border-top: none;
	border-bottom: none;
}

td.left,.left td,.left th,th.left {
	text-align: left;
}

td.right,right td,.right th,th.right {
	text-align: right;
}

td.smallcolumn {
	width: 60px;
}

td.right_margin,right_margin td,.right_margin th,th.right_margin {
	text-align: right;
	padding-right: 25px;
}

td.center {
	text-align: center;
}

.light {
	background: #ffffff;
}

.dark {
	background: #e4e4e4;
}

input.number {
	width: 70px;
	/* text-align: right; */
}

tr.dark:hover,tr.light:hover {
	background: #d4d4d4;
}

/* form */
form {
	display: inline;
}

input,button {
	border: 1px solid #666;
	font-family: Arial;
	padding: 1px 4px;
}

input.pdf {
	border: none;
	margin: 0;
	width: 16px;
	height: 16px;
	background: url(../images/edit/pdficon_small.gif) no-repeat;
}

input.pay {
	border: none;
	margin: 2px 0 0 0;
	width: 16px;
	height: 16px;
	background: url(../images/edit/pay.gif) no-repeat;
}

input.view {
	border: none;
	margin: 2px 0 0 0;
	width: 16px;
	height: 16px;
	background: url(../images/edit/view.gif) no-repeat;
}

input.delete {
	border: none;
	margin: 2px 0 0 0;
	width: 16px;
	height: 16px;
	background: url(../images/edit/delete.gif) no-repeat;
}

input.delete:hover {
	background: url(../images/edit/deleteHover.gif) no-repeat;
}

input.edit {
	border: none;
	margin: 2px 0 0 0;
	margin: 0;
	width: 16px;
	height: 16px;
	background: url(../images/edit/edit.gif) no-repeat;
}

input.edit:hover {
	background: url(../images/edit/editHover.gif) no-repeat;
}

input.mail {
	border: none;
	margin: 2px 0 0 0;
	margin: 0;
	width: 16px;
	height: 16px;
	background: url(../images/edit/envelop.png) no-repeat;
}

input.mail:hover {
	background: url(../images/edit/envelopHover.png) no-repeat;
}

input.publish {
	border: none;
	margin: 2px 0 0 0;
	margin: 0;
	width: 16px;
	height: 16px;
	background: url(../images/edit/publish.png) no-repeat;
}

input.publish:hover {
	background: url(../images/edit/publishHover.png) no-repeat;
}

input.unpublish {
	border: none;
	margin: 2px 0 0 0;
	margin: 0;
	width: 16px;
	height: 16px;
	background: url(../images/edit/unpublish.png) no-repeat;
}

input.unpublish:hover {
	background: url(../images/edit/unpublishHover.png) no-repeat;
}

td.nopadding {
	padding: 0;
}

textarea {
	color: #222222;
	font-family: Arial;
	font-size: 10pt;
	border: 1px solid #666;
	padding: 2px 4px;
	width: 320px;
	height: 80px;
}

select {
	border: 1px solid #666;
}

textarea.bigtext {
	width: 320px;
	height: 160px;
}

textarea.verysmalltext {
	height: 40px;
}

/* div */
div.location {
	margin: 45px 0px 0px 15px;
}

div.location h3 {
	margin: 0 0 10px 0;
}

div.narrow {
	float: right;
	width: 350px;
}

/* h1 h2 h3 h4 a */
a {
	color: #444;;
}

a img {
	border: 0;
	text-decoration: none;
}

.navigator  td {
	padding: 8px 0;
}

.navigator a {
	
}

h3.white {
	color: #fff;
}

h4 {
	margin: 0;
	font-size: 14px;
}

h1.nomargin {
	margin: 0;
	font-size: 20px;
	padding: 0;
}

/* generic */
.grey {
	color: #666;
}

hr {
	height: 1px;
	background: #666;
	border: 0px;
}

.search input {
	width: 80px;
}

/* UNIQUE OBJECTS  */
body {
	background: #cbccce;
	color: #444444;
	font-family: Helvetica, Arial;
	font-size: 10pt;
	line-height: 1.3;
}

#login {
	margin: 0em auto;
	width: 310px;
	height: 220px;
	background: #ffffff;
	border: 1px solid black;
}

#loginform {
	margin: 15px 35px;
}

#loginheader {
	width: 290px;
	height: 100px;
	padding: 10px;
}

#container {
	margin: 0em auto;
	width: 960px;
	height: 750px;
	background: #97aed0 url(../images/top.gif) no-repeat;
}

#header {
	width: 940px;
	height: 100px;
	padding: 10px;
}

table.menu td {
	border: none;
	padding: 0px;
}

#menu {
	width: 135px;
	height: 610px;
	padding: 10px 0;
	background: #dddddd url(../images/shadow.png) repeat-x;
	background: #eeeeee url(../images/shadow.png) repeat-x;
	float: left;
	border-right: 1px solid #ebebeb;
}

#menu ul {
	padding: 0;
	margin: 0;
}

#menu ul ul li:hover {
	background: #ccc;;
}

#menu ul ul li.selected {
	color: #fff;
	background: #bbb;;
}

#menu li.selected a {
	color: #fff;
}

#menu ul li {
	font-weight: bold;
	list-style: none;
	padding: 2px 9px;
	margin: 0;
}

#menu ul ul li {
	border: none;
	list-style: none;
}

#menu ul li a {
	font-weight: bold;
	color: #444444;
	text-decoration: none;
	display: block;
}

#menu ul ul li a {
	font-weight: normal;
	color: #444444;
	text-decoration: none;
	display: block;
}

#content {
	position: relative;
	width: 803px;
	height: 610px;
	padding: 10px;
	background: #eeeeee url(../images/shadow.png) repeat-x;
	float: left;
	overflow: auto;
	overflow-x: hidden;
	border-left: 1px solid #d0d0d0;
}

#logo {
	background: url(../images/logo.gif) no-repeat;
	width: 289px;
	height: 66px;
	float: left;
}

#logo h1 {
	display: none;
	margin: 0;
	padding: 0;
}

#info {
	width: 649px;
	height: 66px;
	float: left;
	padding: 0;
}

#info div {
	width: 349px;
	height: 100px;
	float: left;
	padding: 0;
}

#info table {
	font-size: 10pt;
	line-height: 1.3;
	text-align: left;
	width: 300px;
}

#info table td {
	text-align: right;
	padding: 0 10px 0 0;
	width: 40px;
}

#info table td.wide {
	width: 85px;
}

#info div.customer {
	background: #fff;
	width: 300px;
	height: 100px;
	padding: 0px;
	float: right;
	background-color: #fff;
}

#info div.customer table {
	margin: 5px;
}

#info div.customer table th {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #97aed0;
}

#info div.customer table td.space {
	width: 20px;
}

#info table td.left {
	width: 70px;
	text-align: left;
}

table#locations {
	width: 100%;
}

table#search {
	width: 100%;
}

table.tabs {
	width: 810px;
	margin-left: -9px;
	margin-top: -10px;
}

table.tabs td {
	border: 0px solid #eee;
	width: 100px;
	text-align: center;
	background: #eee url(../images/shadow.png) repeat-x;
	vertical-align: middle;
}

table.tabs td:hover {
	background: #c0c0c0 url(../images/shadow.png) repeat-x;
}

table.tabs td.selected {
	border: 0px solid #eee;
	width: 100px;
	text-align: center;
	background: #b0b0b0 url(../images/shadow.png) repeat-x;
	color: #fff;
}

table.tabs td a {
	color: #444444;
	text-decoration: none;
	padding: 2px 0;
	display: block;
}

table.tabs td.selected a,table.tabs td {
	color: #fff;
}

.modal {
	background-color: #ddd;
	display: none;
	width: 780px;
	padding: 15px;
	text-align: left;
	border: 1px solid #555;
}

.modal .close { 
    background-image:url(../images/jqSimpleModal/x.gif); 
    position:absolute; 
    right:0px; 
    top:0px; 
    cursor:pointer; 
    height:15px; 
    width:15px; 
}