body {
    font-size:90%;
    line-height:1.125em; 
}

table {
	font-size:90%;
}

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

.heading {
   text-align:left;
   font-weight:bold;
}
	
.label {
   text-align:right;
   white-space:nowrap;
   /* font-weight:bold; */
}

.label_left {
	font-size:90%;
   text-align:left;
   font-weight:bold;
}

/* Required field */
.rf {
	font-size:90%;
	width:1em;
	padding:0 2px;
	color:green;
}

/* alternate required field */
.arf {
	font-size:90%;
	width:1em;
	padding:0 2px;
	color:#8b330e;
}
	

/* Required field explanation */
.rfi {
	color:green;
}

/* data entry table */
.entry-table {
	/* padding:2px;
	font-size:10pt;*/
}

/* read-only text fields */
.ro {
	background-color:#f8f8f8;
	border:1px solid rgb(127,157,185);
	padding:2px;
}

/* rendered help text */
.ht {
	color:#225588;
}

/* help image */
.hi {
	vertical-align:middle;
}

div.cbutton {
	display:inline;
	background-color:red;
	background: url(appimg/images/b_gradient2.jpg) no-repeat left top;
	padding: 2px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid black;
	border-left: 1px solid #cccccc;
	border-right: 1px solid black;
	text-align: center;
	text-decoration: none;
	font: normal 10px Verdana;
	color: black;
	white-space:nowrap;
}

div.cbutton:hover {
	padding: 2px;
	border: 1px dotted black;
}

.wbutton {
	display:inline;
	background: url(appimg/images/blue-button-middle.png) top left;
	padding: 2px;
	/* border-top: 1px solid #cccccc;
	border-bottom: 1px solid black;
	border-left: 1px solid #cccccc;
	border-right: 1px solid black; */
	text-align: center;
	text-decoration: none;
	font: normal 10px Verdana;
	color: black;
	white-space:nowrap;
	border:1px solid #ccc;
}

.wbutton:hover {
	padding: 2px;
	border: 1px dotted black;
}

/**
 * small version of button
 */
 
.wsbutton {
	display:inline;
	/* background: url(appimg/images/b_gradient2.jpg) white no-repeat left top; */
	background: url(appimg/images/blue-button-middle.png) white no-repeat left top;
	padding: 0 2px;
	margin:0;
	/* border-top: 1px solid #cccccc;
	border-bottom: 1px solid black;
	border-left: 1px solid #cccccc;
	border-right: 1px solid black; */
	text-align: center;
	text-decoration: none;
	font: normal sans-serif;
	color: black;
	white-space:nowrap;
	border:1px solid #ccc;
}

/**
 * tab look for any text
 */
 
.menu-tab {
	background : url(appimg/images/b_gradient-menu.jpg) top left;
	border : 1px solid #ccc;
	color : #444;
	/* font-size : small; */
	font-weight : normal;
	line-height : 14px;
	margin-right : 4px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
}
	
.sel-menu-tab {
	background : url(appimg/images/b_gradient-menu.jpg) top left;
	border : 1px solid #444;
	/* font-size : small; */
	font-weight : bold;
	line-height : 14px;
	margin-right : 4px;
	padding : 2px 10px;
	text-decoration : none;
}

/* tab look for browse categories */
.cat-menu-tab,
.cat-menu a {
	background : url(appimg/images/b_gradient-menu.jpg) top left;
	border : 1px solid #ccc;
	color : #444;
	font-weight : normal;
	line-height : 14px;
	margin-right : 4px;
	padding : 2px 2px;
	text-decoration : none;
}
	
.sel-cat-menu-tab,
.sel-cat-menu-tab a {
	/* background : url(appimg/images/b_gradient-menu.jpg) top left; */
	background-color: white;
	border-left : 1px solid #ccc;
	border-right : 1px solid #ccc;
	border-top : 1px solid #ccc;
	border-bottom:white;
	font-weight : bold;
	line-height : 14px;
	margin-right : 4px;
	padding : 2px 2px 3px;
	text-decoration : none;
}
	
.err-msg {
	font:inherit;
	color:red;
	margin-left:4px;
	list-style:none;
	white-space:nowrap;
}

.info-msg {
	font:inherit;
	color:#225588;
	margin-left:4px;
	list-style:none;
	white-space:nowrap;
}

/* create ad train */
ul.train {
	list-style:none;
}

ul.train li {
	display:inline;
	padding:0 10px;
}

ul.train li.sel {
	font-weight:bold;
	background: url(appimg/images/b_gradient2.jpg) white no-repeat left top;
}

ul.train a.visited {
	font-weight:bold;
	text-decoration:none;	
}

.train {
}

.href-link {
	text-decoration:none;
	font-style:italic;
	color:#225588;
}

.tab-header {
	font-weight:normal;
	border-bottom:1px dotted #888;
}

.tcol {
	vertical-align:top;
}

.tree-container {
	text-decoration:none;
	font-weight:bolder;
	font-style:italic;
}

.tree-selectable {
	text-decoration:none;
}

.tree-selected {
	text-decoration:none;
	font-weight:bold;
	/* background: url(appimg/images/b_gradient2.jpg) white no-repeat left top; */
}
	
.ad-list-col {
	/* border-top:1px solid #ccc; */
	/* margin-right: 1em; */
	white-space:nowrap;
}	

.ad-scroller-active-paginator a{
	text-decoration:none;
}
	
.list-col {
	/* font-size:medium; */
}	
	
.list-col a {
	white-space: nowrap;
	font-size:inherit;
}

.list-col a:hover {
	color:red;
	text-decoration:underline;
}

.list-col-num, td.list-col-num {
	white-space:nowrap;
	float:right;
	margin:0 2px;
}

.list-col-type {
	white-space: nowrap;
	font-size:inherit;
	color:#225588;
	float:right;
}


.list-hdr {
	/* color:#225588; */
}

.ad-table-header {
	background : url(appimg/images/b_gradient-menu-2.jpg) top left no-repeat;
	height: 1.5em;
	white-space:nowrap;
}
	
.ad-table-erow {
	vertical-align:top;
	padding-top:2px;
	/* background-color: #EDF3FE; */
	background-color: #edf3fe;
}

.ad-table-orow {
	vertical-align:top;
	padding-top:2px;
	background-color: #fcfcfc;
}

.cat-table {
	font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
	/* font-size: small; */ /* 9pt */
	color: black;
	padding: 2px;
	border-style: solid;
	border-width: 1px;
	border-color: rgb(127,157,185); /* hhr */
}

.cat-table-header {
	background : url(appimg/images/b_gradient-menu-2.jpg) top left no-repeat;
	height: 1.5em;
}
	
.cat-table-erow {
	background-color: #f8f8f8;
}

.cat-table-orow {
	background-color: #ffffff;
}

.cat-list-col,
.cat-list-col a {
	/* font-size:small; */
}	
	
.selcat {
	font-weight:bold;
	/* padding-left:1em; */
	/* background-color:#ddd; */
	color:#112244;
	border: 1px dotted black;
}

.sold-mark {
	font-size:smaller; /* 7pt; */
	padding:1px 3px;
	color:black;
	background : url(appimg/images/b_gradient_sold.jpg) top left no-repeat;
}

.pending-mark {
	font-size:smaller; /* 7pt; */
	padding:1px 3px;
	color:black;
	background : url(appimg/images/b_gradient_pending.jpg) top left no-repeat;
}

.canceled-mark {
	font-size:smaller; /* 7pt; */
	padding:1px 3px;
	color:black;
	background : url(appimg/images/b_gradient_canceled.jpg) top left no-repeat;
}

.desc-text {
	font-size:smaller; /* 9pt; */
	position:absolute;
	z-axis:2;
	width:45em;
	overflow:hidden;
	white-space:nowrap;
	background-color:#f7f7f0;
	margin-top:4px;
}
	
.faq-title {
	font-weight:bold;
	color : #225588;
}

.faq-q {
	font-weight:bold;
}

.faq-a {
	/* text-indent:2em; */
	padding-left:2em;
}

/**
 * Directions at the top of pages.
 */
 
.directions {
	padding:5px 0 5px 1em;
}

.helpBox {
	background-color:rgb(242,241,227);
	border:1px solid #bab98d;
	padding:4px 2px;
	position:absolute;
	display:none;
}

.errorBox {
	background-color:rgb(242,241,227);
	border:1px solid #bab98d;
	padding:5px;
	margin:5px;
}

/**
 * text refering to a button
 */
.balt {
	font-weight:bold;
	color:#225588;
}

.bannerad {
	background : url(appimg/images/dot_gray.gif) repeat;
	width: 728px;
	height: 60px;
	border:1px solid black;
	display:block;
	text-align:center;
	vertical-align:middle;
}

.buttonad {
	background : url(appimg/images/dot_clear.gif) repeat;
	width: 125px;
	height: 125px;
	border:1px solid black;
	display:block;
	text-align:center;
	vertical-align:middle;
}

.tallbuttonad {
	background : url(appimg/images/dot_clear) repeat;
	width: 125px;
	height: 500px;
	border:1px solid black;
	display:block;
	text-align:center;
	vertical-align:middle;
}

.instructions {
	margin:5px 0;
}

/* word wraps in pre tag */
pre {
	white-space: pre; 				/* CSS2 */
	white-space: -moz-pre-wrap; 	/* Mozilla */
	white-space: -hp-pre-wrap; 	/* HP printers */
	white-space: -o-pre-wrap; 		/* Opera 7 */
	white-space: -pre-wrap; 		/* Opera 4-6 */
	white-space: pre-wrap; 			/* CSS 2.1 */
	white-space: pre-line; 			/* CSS 3 (and 2.1 as well, actually) */
	word-wrap:   break-word; 		/* IE */
}

.adv-header {
	/* background : url(appimg/images/b_gradient-menu.jpg) top left; */
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	color: #444;
	/* font-size: small; */
	font-weight: normal;
	line-height: 14px;
	margin-right: auto;
	margin-right: auto;
	text-align:center;
	padding: 2px 10px;
	text-decoration: none;
}
	
.admin-row {
	vertical-align:top;
	/* font-size:normal; */
}

.dealer-row {
	vertical-align:top;
	/* font-size:normal; */
	margin:2px 0;
}

.dealer-col {
	vertical-align:top;
	/* font-size:normal; */
	border-top:1px solid #bab98d;
}

.wwbutton {
	background:url(appimg/images/button.png) top left no-repeat;
	display:inline;
	color:black;
	padding:0 .75em;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.boldbuttons{
	background: transparent url(appimg/images/button-left.png) no-repeat top left;
	display: block;
	float: left;
	font: 12px Arial; /* Change 12px as desired */
	line-height: 9px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
	height: 17px; /* Height of button background height */
	padding-left: 4px; /* Width of left menu image */
	text-decoration: none;
	/* border: 1px solid white; */
}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
	color: black; /*button text color*/
}

a.boldbuttons span{
	background: transparent url(appimg/images/button-right.png) no-repeat top right;
	display: block;
	padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
	text-decoration: underline;
	border: 1px dotted black;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 100%;
	display:inline;
}