/***************** styles for entry taglib begin *************/

div.entry_details,
div.entry_iterator,
div.entry_buttons {
  margin-right: 7px;
  margin-bottom: 7px;
}

/* make left (main) and right (alt) div tags inside a div tag */

div.entry_detailsheader, 
div.entry_detailsfooter,
div.entry_iteratorheader, 
div.entry_iteratorfooter {
  text-align: left;
  position: relative;
  z-index: 10; /* required to prevent IE from removing headers when mousing over list lines on user profile page !?! */
}

 div.entry_buttons {
  text-align: right;
}

div.Button_Background{
display:inline;
}

div.ItemPage div.entry_buttons{
  text-align: right;
  position:relative;
  clear:both;
  cursor:pointer;
  }

div.entry_detailsheader  div.entry_left, 
div.entry_iteratorheader div.entry_left, 
div.entry_detailsfooter  div.entry_left,
div.entry_iteratorfooter div.entry_left,
div.entry_buttons div.entry_left {
  float: left;
}    

/* header */

div.entry_detailsheader, 
div.entry_iteratorheader {
  height: 22px;
  border-right: 1px solid #B6C9D4;
  font-family: Trebuchet MS;
  background-image: url(headline_header_bg.gif);  
}

div.entry_detailsheader div.entry_left, 
div.entry_detailsheader div.entry_right, 
div.entry_iteratorheader div.entry_left,
div.entry_iteratorheader div.entry_right span {       /* an xtra span is need to keep background image between left and right txt */
  padding-left: 2px;
}    

div.entry_detailsheader div.entry_left, 
div.entry_iteratorheader div.entry_left {
  padding-right: 5px;    
  text-transform: uppercase;
  font-family: Trebuchet MS;
  font-size: 10px;
  letter-spacing: 1px;
  color: #454D57;
  background-image: url(list_header.gif);
  background-repeat: no-repeat;
  padding-top: 5px;
  padding-left: 7px;
  padding-bottom: 2px;
}    


/* body */

div.entry_detailsbody,
div.entry_iteratorbody {
  background-color:#FFFFFF;
  font-family: Trebuchet MS;
  border-left: 1px solid #B6C9D4;
  border-right: 1px solid #B6C9D4;
  border-bottom: 1px solid #B6C9D4;
}

div.entry_detailsbody table {
  border: 5px solid #FFFFFF; /* use border instead of padding which IE does not recognize */
}

td.entry_label {
  color: #293039;
  height: 24px;
  width: 100px;
  padding-top: 4px;
  vertical-align: top;
  font-weight: bold;
}

td.entry_field {
  height: 24px;
  vertical-align: middle;
}

.compare{vertical-align:top;}

/* used to right align total price below lists */
div.totalprice table {
  margin-left:auto;
  margin-right:0px;
}

div.totalprice td.entry_field {
  width: 90%;
  text-align: right;
}

/* ensure equal height on cells in a multi column table */
table.entry_multicolumn {
  width: 100%;
}

td.entry_multicolumn, td.entry_multicolumn_2 {
  height: 100%;
  padding: 0px; 
  padding-bottom: 7px;
  padding-right: 7px;
}

tr > td.entry_multicolumn, tr > td.entry_multicolumn_2 {
  padding-right: 0px;
}  

td.entry_multicolumn_2 {
  width: 50%;
}

table.entry_multicolumn div.entry_details {
  height: 100%;
}

table.entry_multicolumn div.entry_details,
table.entry_multicolumn div.entry_iterator {
  border: 1px solid #B6C9D4;
  border-top: none;
  position: relative;
  z-index: 1;
}

table.entry_multicolumn div.entry_detailsheader,
table.entry_multicolumn div.entry_iteratorheader {
    border: none;
}

table.entry_multicolumn div.entry_left {
  margin-left: -1px;
  margin-right: -1px;
  position: relative;
  z-index: 10;
}

table.entry_multicolumn div.entry_detailsbody,
table.entry_multicolumn div.entry_iteratorbody {
  border: none;
}

td.entry_multicolumn_2 > div.entry_details, 
td.entry_multicolumn > div.entry_details { /* Prevent Firefox from clipping top edge border - required since context menus does not work if we set position=relative */
  margin-bottom: -1px;
}

/* buttons */
div.entry_buttons {
  padding: 2px;
  height: 20px;
  background-image: url(buttons_bg.gif);
  background-repeat: repeat-x;
}

div.entry_buttons div.entry_right {
  background-image: url(buttons_right_bg.gif);
  background-repeat: no-repeat;
  background-position: bottom right;
  padding-right: 5px;
}


input.entry_buttonleft, input.entry_buttonlefthover, input.entry_buttonleftactive,input.entry_button, 
input.entry_buttonhover, input.entry_buttonactive {
  border: none;
  background: none;
  background-image: url(button.gif);
  letter-spacing: 1px;
  font-family: Trebuchet MS;
  font-size: 10px;
  height: 17px;
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 14px;
  margin-left: 3px;
  margin-right: 0px;
  color: #454D57;
  font-weight: bold;
  cursor: pointer;
  /* trick to remove button padding in IE */
  overflow: visible; 
  width: 1px; 	 
}


input.entry_buttonhover {
  background-image: url(buttonhover.gif);
  color: #1B2027;
}

input.entry_buttonleft,input.entry_buttonlefthover{
  background-position: left;
  background-image: url(buttonleft.gif);
  padding-left: 15px;

}
input.entry_buttonlefthover {
color: #E35E01;  
  /*background-color: #FFFFFF; */
}
/*input.entry_buttonlefthover {
  background-image: url(buttonlefthover.gif);

}*/

input.entry_buttonactive, input.entry_buttonleftactive {
  color: #888888;
}

div > div input.entry_button,
div > div input.entry_buttonhover,
div > div input.entry_buttonactive,
div > div input.entry_buttonleft,
div > div input.entry_buttonleftactive,
div > div input.entry_buttonlefthover {
  /* undo padding trick in FireFox */  
  width: auto;
}


/* iterator specific styles */

/* iterator */

div.entry_iteratornomatch {
  padding: 10px;
  font-weight: bold;
}

table.entry_iterator {
  width: 100%;
}

table.entry_iterator td {
    padding: 0px;
}

tr.entry_iteratorheader {
  background-image: url(list_bg.gif);
  background-repeat: repeat-x;
  background-color: #A0A9B4;
  height: 21px;
  padding-left: 5px;
}

tr.entry_iteratorheader th {
  padding-left: 5px;
  padding-top: 3px;
  border-right: 1px solid #CBCED3;
  line-height: 12px;
}

tr.entry_iteratorheader th.width_1pct {
  width: 1%;
}    

tr.entry_iteratorheader th.width_10pct {
  width: 10%;
}    

tr.entry_iteratorheader th.width_20pct {
  width: 20%;
}    

tr.entry_iteratorheader th,
tr.entry_iteratorheader th a {
  font-weight: normal;
  text-decoration: none;
  color: #2C3239;
  font-family: Trebuchet MS;
}

tr.entry_iteratorodd,
tr.entry_iteratoroddmouseover {
  background-image: url(list_bg_odd.gif);
  vertical-align: middle;
}

tr.entry_iteratoroddmouseover {
  cursor: default;
}

tr.entry_iteratoreven,
tr.entry_iteratorevenmouseover {
  background-image: url(list_bg_even.gif);
  vertical-align: middle;
}

tr.entry_iteratoroddmouseover,
tr.entry_iteratorevenmouseover {
  cursor: default;
}

tr.entry_iteratorodd td, 
tr.entry_iteratoreven td,
tr.entry_iteratorevenmouseover td,
tr.entry_iteratoroddmouseover td {
  padding: 5px;
  border-right: 1px solid #D6E3EA;
}

tr.entry_iteratorevenmouseover td {
  border-top: 1px solid #ABB3BA;
  padding-top: 4px;  
  background-image: url(list_bg_on.gif);
  background-repeat: repeat-x;
}

tr.entry_iteratoroddmouseover td {
  border-top: 1px solid #ABB3BA;
  padding-top: 4px;  
  background-image: url(list_bg_on.gif);
  background-repeat: repeat-x;
  background-color: #FFFFFF;
}


/* entry:treeiterator (mktree) */

/* Style expand/collapse links */
div.entry_std div.entry_iterator ul.mktreeheader li { list-style: none; display: inline; }
div.entry_std div.entry_iterator ul.mktreeheader, div.entry_iterator ul.mktreeheader { margin-left: 0px; padding: 5px; border-top: 1px solid #B6C9D4; border-bottom: 1px solid #B6C9D4;}
div.entry_std div.entry_iterator ul.mktreeheader, div.entry_iterator ul.mktreeheader li { margin-left: 0px; padding: 5px; }
div.entry_std div.entry_iterator ul.mktreeheader li.expand a { padding-left: 19px; padding-top: 1px; padding-bottom: 1px; background: url(expand.gif) center left no-repeat; }
div.entry_std div.entry_iterator ul.mktreeheader li.collapse a { padding-left: 19px;  padding-top: 1px; padding-bottom: 1px; background: url(collapse.gif) center left no-repeat; }

/* Turn off list bullets */
div.entry_std div.entry_iterator ul.mktree  li { list-style: none; }

/* Control how "spaced out" the tree is */
div.entry_std div.entry_iterator ul.mktree,
div.entry_std div.entry_iterator ul.mktree ul,
div.entry_std div.entry_iterator ul.mktree li { margin-left:5px; padding:0px; }

/* Provide space for our own "bullet" inside the LI */
div.entry_std div.entry_iterator ul.mktree li .bullet {
  padding-left: 20px;
}

/* Show "bullets" in the links, depending on the class of the LI that the link's in */
div.entry_std div.entry_iterator ul.mktree li.liOpen .bullet {
  cursor: pointer;
  background: url(minus.gif) center left no-repeat;
  font-weight: bold;
}

div.entry_std div.entry_iterator ul.mktree li.liClosed .bullet {
  cursor: pointer;
  background: url(plus.gif) center left no-repeat;
  font-weight: bold;
}

div.entry_std div.entry_iterator ul.mktree li.liBullet .bullet {
  cursor: default;
  background: url(bullet.gif) center left no-repeat;
}

div.entry_std div.entry_iterator ul.mktree li.liBullet a {
  font-size: 10px;
  font-weight: normal;
}

/* Sublists are visible or not based on class of parent LI */
div.entry_std div.entry_iterator ul.mktree li.liOpen   ul {
  display: block;
}

div.entry_std div.entry_iterator ul.mktree li.liClosed ul {
  display: none;
}

/* Format menu items differently depending on what level of the tree they are in */
div.entry_std div.entry_iterator ul.mktree li {
  font-size: 10px;
  padding: 2px;
}

div.entry_std div.entry_iterator ul.mktree li ul {
  margin-top: 0px;
  margin-left: 7px;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 10px;
}

div.entry_std div.entry_iterator ul.mktree li ul li ul {
  border: none;
}