I have been trying to figure this problem out for a while but still have not found a solution within the CSS or on other websites talking about the same problem. I think I have just been looking at it too long and need an extra pair of eyes to see the issue. Attached is a screen shot.
Thanks in advance.
.template {
padding-top: 0px;
padding-bottom:inherit;
background: #fff;
color: #000;
width: 603px;
height:auto;
float:left;
display: inline-block;
}
.forCurvyFooter {
padding-bottom: 0px;
background: #fff;
}
.template a {
color: #669933;
text-decoration: none;
font-weight: bold;
height:auto;
display:inline-block;
}
.template a:hover {
color: #81a249;
}
.template table{
width: 87%;
height:auto;
border-collapse:collapse;
float: left;
content:inherit;
display: inline-block;
}
.template table caption{
width: 100%;
height: 100%;
line-height: 20px;
background: #633943 url('../images/header_bg.gif') repeat-x;
font-weight: bold;
display: inline-block;
}
.template table tr {
line-height: 1.25em;
/*line-height: 3em; */
}
.template table td {
text-align: left;
height:auto;
padding: 4px 4px 4px 4px;
/*in-line block messes images if added */
}
.colheader, .filterheader {
text-align:center;
padding: 2px 2px 2px 2px;
}
.colheader, .filterheader {
height: 26px;
background: url('') repeat-x;
border-top: white solid 2px;
border-bottom: #ffffff solid 2px;
color: #633943;
}
.template table td {
border-top: #fff solid 1px;
/* border-bottom: #E1E1DF solid 1px; */
}
.template table tr.newline td {
border-top: 2px;
font-size: 12px;
text-align: left;
/* font-size: 11px; */
}
.filterheader input {
height: 1.2em;
font-size: 1em;
width: 8em;
}
.filterheader select {
height: 1.6em;
font-size: 1em;
width: 8em;
}
.template table td td {
border: none;
padding: 0px;
text-align: left;
height:auto;
}
.template table td td.celltext {
white-space: nowrap;
text-align: left;
height:auto;
}
.template .title {
border: none;
color: white;
text-align: left;
float: left;
padding-left: 10px;
}
.headermethod {
color: white;
text-align: left;
float: right;
padding-right: 10px;
height:auto;
}
.title a, .headermethod a {
color: white;
}
.title a:hover, .headermethod a:hover{
color: #000;
}
.cell0, .label0{
background: #ffffff;
} /* AD Coloring */
.cell, .label, .cell1, .label1{
background: #F5F5F5;
} /* AD Coloring */
.detailsTemplate .label0, .detailsTemplate .label1{
width: 30%;
height:auto;
}
.detailsTemplate .cell0, .detailsTemplate .cell1{
width: 70%;
height:auto;
}
.formTemplate .label0, .formTemplate .label1{
width: 20%;
}
.formTemplate .cell0, .formTemplate .cell1{
width: 80%;
}
#fieldset-create_form .label {
width: 70%;
}
.label, .label0, .label1 {
font-weight: bold;
}
@media print {
.template table caption{
border: 1px solid black;
}
.headermethod, .filterheader {
display: none;
}
.template table td, .template table th, .cell0, .cell1{
border: 1px solid #000000;
}
.template a, .template a:hover { color: black; }
}
.button{
font-size: 14px;
background: #000;
padding: 0px 25px;
height: 1.7em;
vertical-align:middle;
text-align:center;
font-weight: bold;
color: #fff;
margin: 5px;
border-style: none;
}
.template table tr td.submitfooter{
background: url('') repeat-x;
padding: 3px 0 0;
height: 15px;
text-align: center;
font-weight: bold;
font-size: 14px;
}
.template table tr td.separator{
text-align: left;
font: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 14px;
background: #F5F5EB;
height: 18px;
line-height: 15px;
border-top: 30px solid #fff;
border-bottom: 0px solid #fff;
padding: 0;
}
.expl{
color:gray;
font-size: 8pt;
font-weight: normal;
white-space: normal;
line-height: 1em;
}
/* Pager tool styles */
ul.pager {
margin-bottom: 0px;
list-style: none;
text-align: right;
white-space:nowrap;
}
ul.pager li {
margin: 0;
padding: 0 6px;
list-style: none;
display: inline;
color:#666666;
font-weight: bold;
}
ul.pager li a {
text-decoration: none;
color:#669933;
}
ul.pager li a:hover {
color:#000;
}
.sortingHighlight { background: #EEF7E6;}
form {
margin: 0px;
height:auto;
}
.hover-row {
background: #fff;
}
.hover-click {
background: #e3e0d1;
}
#item-showdetails td.label0, #item-showdetails td.label1, #user-showdetails td.label0, #user-showdetails td.label1 {
width: 100px;
height:auto;
color: #333333;
/* Titles down side - Rows */
}
/* 'Reply to this posting' and 'Email this to a friend' links */
.template table tr td.friendAndResponse {
/* background: url('../images/response_bg.gif') repeat-x; */
background: #fff;
padding-left: 0px;
padding-right: 50px;
height: 10px;
}
.friend {
background: #81a249;
}
.friendAndResponse td a {
color:#fff;
font-size: 11px;
padding: 0px 5px;
text-decoration:none;
}
.friendAndResponse td a:hover {
text-decoration:underline;
color:#fff;
}
.friendAndResponse table {
width: 100%;
height:auto;
}
.friendAndResponse table td {
width: 33%;
height:auto;
text-align: center;
}
/* Pictures related: */
.template table td.adDetailsSideBar {
width: 206px;
height:auto;
background: #ffffff;
border-left: 1px solid white;
vertical-align: top;
text-align: center;
padding: 5px;
}
table.pictures {
border-spacing: 5px;
border-collapse: separate;
height:auto;
/* width: 195px; */
}
table.pictures tr td {
border: 1px solid #F5F5F5;
padding: 3px;
text-align: center;
vertical-align: middle;
}
table.pictures tr td img {
margin: 0px auto;
}
table.pictures tr td.mainpic {
height:auto;
/* width: 148px; */
}
div.picture {
border: 1px solid #F5F5F5;
padding: 3px;
width: 120px;
height: 90px;
/* height: 90px;
line-height: 90px; */
text-align: center;
vertical-align: middle;
}
div.picture img {
margin: auto;
}
td.mainpic div.picture
{
width: 187px;
height:140px;
line-height: 140px;
background: #F5F5F5;
border: 0px;
}
.sideBarTop div, .sideBarBottom div
{
border: 1px solid #B6B7B2;
width: 190px;
height: auto;
padding: 5px;
margin: 0px auto;
text-align: left;
}
.sideBarTop div
{
margin-bottom: 0px;
}
.sideBarBottom div
{
margin-top: 0px;
}
#confirmationText, #successText, #failText {
height: 80px;
}
table.propagateWrap td {
vertical-align: middle;
height:auto;
padding-right: 5px !important;
}
table.propagateWrap {
width: auto;
height:auto;
}
.confirmationTemplate {
background: #ab92c0;
color: #6E7066;
height:auto;
}
.confirmationHeader {
height: 27px;
line-height: 20px;
font-weight: bold;
background: #ab92c0 url('') repeat-x;
color: white;
padding-left: 10px;
}
.confirmationContent {
color: #6E7066;
background: #FAFAFA;
padding: 14px 15px 12px 10px;
text-align: left;
height: 80px;
font-weight: bold;
}
.confirmationFooter {
background: url('../images/submitfooter_bg.gif') repeat-x;
padding: 3px 0 0;
height: 26px;
text-align: center;
}
.propagate {
position: relative;
height:auto;
top: 3px;
}
.propagate_subcat {
position: relative;
height:auto;
top: 6px;
}
.ruleWarning {
color: red;
font-size: smaller;
}