body,td,div,.p,a,textarea{font-family:arial,sans-serif }
body {margin-top:2px}
th {text-align: left }
h1,h2,h3,h4 {margin: 0 0 .2em 0}
div,td {COLOR: #000}
p { margin-top:0; margin-bottom: 1.5em; }
.f,.fl:link{color:#7777cc}
.fl:visited {COLOR: #551a8b}
a:link,.w,a.w:link,.w a:link{color:#00c}
a:visited,.fl:visited{color:#551a8b}
a:active,.fl:active{color:#f00}
a.on:visited { color:#0000cc; }
form {margin:0px}
.w {white-space:nowrap!important}
.on a:visited,.on a:link,.on a:active,.q {color: #0000cc;}
.t a:link,.t a:active,.t a:visited,.t{color:#000}
.t {BACKGROUND-COLOR: #e5ecf9}
.k {BACKGROUND-COLOR: #36c}
.j {WIDTH: 43em}
.h {COLOR: #36c}
.i {COLOR: #a90a08}
.i:link {COLOR: #a90a08}
em { font-style: normal; color: #676767;}
label { white-space:nowrap; cursor: pointer; }
.tags a:link { color: #008000; }
.sellerID:link {color: #008000; }
.a,.a:link {COLOR: #008000}
.z {DISPLAY: none}
DIV.n {MARGIN-TOP: 1ex}
.n A {FONT-SIZE: 10pt; COLOR: #000}
.n .i {FONT-WEIGHT: bold; FONT-SIZE: 10pt}
.q a:visited,.q a:link,.q a:active,.q {color: #00c; }
.b {FONT-WEIGHT: bold; FONT-SIZE: 12pt; COLOR: #00c}
.e {MARGIN-TOP: 0.75em; MARGIN-BOTTOM: 0.75em}
.g {MARGIN-TOP: 1em; MARGIN-BOTTOM: 1em}
.ut {color: #7777cc;}
.attb {color: #6f6f6f;}
.box {font-size:90%; margin-top:2px;}
.b {FONT-WEIGHT: bold; FONT-SIZE: 12pt; COLOR: #00c}
.g {MARGIN-TOP: 1em; MARGIN-BOTTOM: 1em}
.i {COLOR: #a90a08}
.k {BACKGROUND-COLOR: #36c}
.p {FONT-FAMILY: arial,sans-serif}
.ut {color: #7777cc;}
.ex {font-size:70%; color:#6f6f6f}
.z {DISPLAY: none}
.oprtn {
	font-size: 83%;
	background-color: #e5ecf9;
	padding: 2px;
}
.m {FONT-SIZE: 83%; COLOR: #666666}
.ml:link {COLOR: #551a8b}
.ch {CURSOR: hand}
.c:link,.c:visited {text-decoration: none; color:#000000}
.c:hover {COLOR: #00c; background-color:#e5ecf9}

.processguide {color: #444444;}
.processguide b {}
.submitrow { background-color: #6189d4; padding: 4px; }
input.mb {font-weight:bold;}
input.txt { width:100%;}

.formfillout { margin-left:36px; }
.formfillout tr {vertical-align:top;}
.formfillout textarea { width: 30em; }
.formfillout .txt {width: 30em; }

.radio, .box { margin-left: -4px;}
.content {
position:relative;
top:-24px;
}

select { font-size: 83%; }

#tags, .autoexpand{
width:98%;
overflow:visible;
text-overflow:visible;
}

/* usabilty hacks */
.topSubmit {padding: 4px; background-color: #6189d4; margin: .5em 0 0 0;}
.module { margin: 2 0 1.5em 0;}
.module .errorbox-good, .module .errorbox-bad { display: inline; }
.module th { font-size: 83%; text-align:left; width: 11em; font-weight: normal;}
.module td { padding-right: 4px; }
#privateInfo { float:right; width: 280px; border: 4px solid #e5ecf9; margin: 0px 0px 0px 1em;}
#OfferLocation img {border:1px solid #cccccc; float:left; margin-right:2em;}
#title input { font-size: 124%; font-weight: bold; width: 38em; }
#customFields div {width: 34em; text-align:right; padding: 2px 0 2px 0;}
#customFields div b { float:left; font-weight: normal;}
#customFields input {width: 13.5em; }
#desc {width: 38em; }
#desc textarea { width: 100%; height: 14em; }
#shippingOptions select {width: 16em; }
#shippingOptions input { width:11em;}
#shippingOptions { padding-bottom:1em; }
#ShipOpt { margin-top:3em; }
#ShipOpt td th { width: 12em; }
#ShipOpt th { vertical-align:top; }
#ShipOpt textarea { width: 99%;height:4em; }
#PaymentMethods textarea {height:4em; width:38em; }
.submitrow a:link { color: #FFFFFF; }
.submitrow a:visited { color: #FFFFFF; }
#url { display:none; }

/*
.module strong, .module b { padding-left: 2px; }
.module td b, .module td strong {padding-left: 0px; }
.module td table { width: 100%; }
*/




.preview {padding:.5em 0 0  1em;}

.previewImage {display: none; position:absolute; background-color:#fffec9; border:1px dotted #333; padding: 5px; margin: 0px auto } 
.preview p { margin:0px;}

.preview #description {
height: 15em;
overflow: visible;
text-overflow:visible;
width: 100%;
border: 2px inset white;
background-color:white;
padding:.3em;
}

.preview #title {
font-size: 124%;
font-weight: bold;
width:80%
}

a.spellerror:link {color: #cc0000;}

a.ch:link {}


.rightfloatover { width:200px; height:200px; border:4px solid rgb(229, 236, 249); padding: 1em;position:absolute;top:120;right:2%; background-color:white }


/* STYLES FOR CALENDAR PICKER */
.datepicker {
	margin: 3em;
	background-color: #e8e8e8;
}
.datepicker td {padding: 2px .5em;}

.presets {
	font-size: xx-small;
	vertical-align:middle;
}

.time {}
.time input { border: 1px inset white;}
td.cal {}
table.cal {
	background-color: #ffffff;
	border:1px solid #e0e0e0;
	border-right:none;
}
td.cal input { border:1px inset white; }

table.cal td{
	font-size: xx-small;
	font-family: verdana, arial, sans-serif;
	text-align:right;
	vertical-align:top;
	width: 2em;
	height: 1.5em;
	padding:1px;
	border-top:1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
	cursor:pointer;
}
.cal th {
	font-size: xx-small;
	font-family: verdana, arial, sans-serif;
	text-align:center;
	vertical-align:top;
	width: 2em;
	padding:1px;
	border-right:1px solid #e0e0e0;
	background-color:#cccccc;
}

td.submit input {font-size: xx-small;}
td.submit {
	text-align:center;
	padding: .5em 2px;
}
#startdate {background-color: #D5EFD1;}

#enddate {background-color: #D5EFD1;}

#currentDate {border:2px solid black;}

.dp {
position:absolute;
top: 30%;
left:25%;
display:none;
border:2px solid #999999;
}

/* END STYLES FOR CALENDAR PICKER */

/* ============== STYLES FOR custom fields */

.module div {

}
.module tr { vertical-align:top; }

#acfl {
 float:right;
 display:block;
}

/* ============== STYLES FOR PHOTO PICKER */
table.pickImg {
display:inline;
margin: 0 1em 1em 0;
}
.pickImg label {
cursor: pointer;
}
#imagepicker {
border:4px solid #cccccc;
width:400px;
padding:.5em;

}

/* END STYLES FOR PHOTO PICKER */

input.minimize {
width:1px;
overflow:visible;
text-overflow:visible;
white-space:nowrap;
padding-right:.5em;
}

/* ============== STYLES FOR progress bar */

.ordinal {
padding-right: .5em;
}

div.section {
margin-bottom:40px;
margin-left:4px;
}

h2 {}

.section input.text {width:100%;}

.section textarea {
width: 80%;
padding: .3em;
height: 8em;
}
html>body textarea {font-size:100%;}
.future {color: #999999;}

.rb {
margin-left:0px;
ma\rgin-left:-4px;
}
html>body .rb {margin-left: 0px;}

th {text-align:left;}
label { cursor: pointer; }
.mainButton {font-weight:bold;}

#pagewrapper {
overflow:visible;
width:100%;
}

#pagewrapper2 {
  border-right: 1px solid #BBD0F9;
  margin: 0px;
  padding: 0px;
}

#data {}

#data table {}

#filtercontainer {}

table#filterrow {border: 2px solid #94b2e9;}

table#itemlist {width: 100%;}

.data { background-color: #ffffff; }
.data td { padding-right:1em; vertical-align:baseline;}
tr.hi td { background-color: #e5ecf9; }
.theader th {
	padding-top:1em;
	border-bottom: 1px solid #94b2e9;
	padding-right:1em;
}
.num, .num td, th.num { text-align:right;}
.check td,.check th { padding-right:0; }
/* top tabs */

table#tabs { }
#tabs td { }
.spacer {}
td.sel {
	background-color:#BBD0F9;
	border-right: 1px solid #e0e0e0;
	padding: 4px 1em;
}
.unsel {
	padding: 4px 1em;
        background-color:#e5ecf9;
}

/* Righthand navigation bar */

table.rn {
width: 150px;
table-layout: fixed;
background-color: #ffffff;
margin: 0 8 8 8;
}

.rn td {
white-space:nowrap;
overflow:hidden;
text-overflow: ellipsis;
line-height: 1.6em;
}

.rn a:link {}

.rn a:visited {}

.rn a:hover {color: #FFCC33;}

#rightnav {float:right;}

/* STYLES */
.promo {text-align:center;}

.mainActions {}

a.ma {color: #0000cc}
a.ma:hover {color: #ffcc33;}

.QuickNewItem {
background-color: #ddf8cc;
border-top: 1px solid #94b2e9;
}

td.loginInfo {padding: 0 0 2px 0;}
td.pageTitle {}

.sel {
white-space:nowrap;
padding: 2px 4px;

}
.label { font-size: 75%; color:#008000;}

.tfoot, .thead { background-color:#e5ecf9; border: 2px solid #e5ecf9; }

#items .txt,#items select,#items .but {border:1px inset white; font-size:75%;}
#items .but {border:1px outset white;}
#items select { padding:0px; }
td.item { padding:4px;}
.item img { margin: 2px 0px; }

.handle {}
.handle input { margin-top:1em; }
.handle:hover {}
.itemrow {
margin: 0;
background-color:#ffffff;
}
.itemrow i {
font-style:normal;
color: #676767;
}
/* END STYLES */

/* ============== STYLES FOR round corners */

.tl, .tr, .bl, .br {
    width: 4px; height: 4px;
    padding: 0px; border: 0px;
    z-index: 99;
}
.tl, .bl { float: left; clear: both; }
.tr, .br { float: right; clear: right; }
.tl { margin: -4px 0px 0px -4px; }
.tr { margin: -4px -4px 0px 0px; }
.bl { margin: -4px 0px 0px 0px; }
.br { margin: -4px 0px 0px 0px; }


/* IE5-5.5/win needs the border scooted to the left or right by an
   additional 3px! Why? */
.tl {
	margin-left:-4px;
    ma\rgin-left: -7px;
}
html>body .tl {margin-left: -4px;}
.tr {
    margin-right: -4px;
    ma\rgin-right: -7px;
}
html>body .tr {margin-right: -4px;}
.bl {
    margin-left: 0px;
    ma\rgin-left: -3px;
}
html>body .bl {margin-left: 0px;}
.br {
    margin-right: 0px;
    ma\rgin-right: -3px;
}
html>body .br {margin-right: 0px;}

/* To get around a known bug in IE5/win, apply the
   border (no margin, padding or positioning) to the
   content class and apply whatever positioning you
   want to the contentWrapper class. */
.r {
    margin: 0px;
    padding: 0px;
}
.rWrapper {
    /* position this div however you want, but
       keep its padding and border at zero */
    padding: 0px;
    border: 0px;
}

.pict {margin-right:10px; margin-top: 3px; border:1px solid #7777cc;}

/* Begin stuff added for maps UI */
/* ---------- map popup ---------- */

.maps-offer-info {
    font-size: 75%;
    width: 250px;
    margin-right: 1em;
}

.maps-offer-info .contact {
    font-size: 100%;
}

.maps-offer-info .name {
    font-size: 75%;
 }

/* ---------- page layout ---------- */
#page {
  position: relative;
  top: 0em;
}

#panel {
  overflow: auto;
  left: 400px;
  width: 29em;
}

#map {
  border:1px solid blue;
}

#panel, #map {
  position: absolute;
  top: 0em;
  bottom: 0em;
}

/* For some reason, we need to set this to several em 
 * below panels width or a horizontal scrollbar will 
 * ocasionally appear.
 */
#panel table {
  width:27em;
}
/* ---------- panel items ---------- */

.item {
cursor:pointer;/* ignore IE 5.x */
}

.item.selected  {
  background-color: #ffffff;
  #e5ecf9 
}