Believe I have an extra div tag.

armanbena
armanbena used Ask the Experts™
on
Hi,

I have a page where there is a form.  The form is being submitted to itself upon running searches.  I'm noticing extra lines above the table when I retrieve data.  I believe it is an extra div tag or something along those lines, but don't know what it is.  Any suggestions?


/* - - - - - - - - - - - - - - - - - - - - -

Title : Wufoo Form Framework
Author : Infinity Box Inc.
URL : http://wufoo.com

Last Updated : March 2, 2010

- - - - - - - - - - - - - - - - - - - - - */

.wufoo{
	font-family:"Lucida Grande","Lucida Sans Unicode", Tahoma, sans-serif;
	letter-spacing:.01em;
	text-rendering: optimizeLegibility;
}
.wufoo li{
	width:64%;
}

/* ----- INFO ----- */

.info{
	display:inline-block; 
	clear:both;
	margin:0 0 5px 0;
	padding:0 1% 1.1em 1%;
	border-bottom:1px dotted #ccc;
}
.info[class]{
	display:block;
}
.info h2{
	font-weight:normal;
	font-size:150%;
	margin:0 0 5px 0;
	text-align: center;
	clear:left;
}
.info div{
	font-size:95%;
	line-height:135%;
	color:#555;
}
#output_message{
text-align: center;
font-family:"Lucida Grande","Lucida Sans Unicode", Tahoma, sans-serif;
color:red;
font-size:11px;
}


/* ----- Field Structure ----- */



form ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
* html form ul{ /* IE6 Margin Percent Bug for Halves/Thirds */
	width:99%;
	zoom:1;
}
form li{
	margin:0;
	padding:6px 1% 9px 1%;
	clear:both;
}
form li:after, form li div:after{
	content:"."; 
	display:block;
	height:0; 
	clear:both; 
	visibility:hidden;
}
* html form li{height: 1%;margin-bottom:-3px;}
*+html form li{height: 1%;margin-bottom:-3px;}
* html form li div{display:inline-block;}
*+html form li div{display:inline-block;}

form li div{
	margin:0;
	padding:0;
	color:#444;
}
form li span{
	margin:0 .3em 0 0;
	padding:0;
	float:left;
	color:#444;
}

/* ----- Choices Field Structures ----- */

form li div span{
	margin:0;
	display:block;
	width:100%;
	float:left;
}
li.twoColumns div span{
	width:48%;
	margin:0 5px 0 0;
}
li.threeColumns div span{
	width:30%;
	margin:0 5px 0 0;
}
li.notStacked div span{
	width:auto;
	margin:0 7px 0 0;
}

/* ----- Location Field Structures ----- */

form li.complex{
	padding-bottom:0;
}
form li.complex div span{
	width:auto;
	margin:0 .3em 0 0;
	padding-bottom:12px;
}
form li.complex div span.full{
	margin:0;
}
form li.complex div span.left, 
form li.complex div span.right{
	margin:0;
	width:48%;
}
form li.complex div span.full input, 
form li.complex div span.full select, 
form li.complex div span.left input, 
form li.complex div span.right input,
form li.complex div span.left select,
form li.complex div span.right select{
	width:100%;
}

/* ----- FLOATS ----- */

.left{
	float:left;
}
.right{
	float:right;
}
.clear{
	clear:both !important;
}

label span, .section span, p span, .likert span{
	display:inline !important;
	float:none !important;
}

/* ----- TEXT DIRECTION ----- */

.rtl .info h2, .rtl .info div, .rtl label.desc, .rtl label.choice, 
.rtl div label, .rtl span label, .rtl input.text, 
.rtl textarea.textarea, .rtl select.select, .rtl p.instruct, 
.rtl .section h3, .rtl .section div, .rtl input.btTxt{
	direction:rtl;
}

/* ----- LABELS ----- */

form li div label, form li span label{
	margin:0;
	padding-top:3px;
	clear:both;
	font-size:85%;
	line-height:160%;
	color:#444;
	display:block;
}
label.desc{
	font-size:95%;
	font-weight:bold;
	color:#222;
	line-height:150%;
	margin:0;
	padding:0 0 3px 0;
	border:none;
	display:block;
}
label.choice{
	display:block;
	font-size:100%;
	line-height:150%;
	margin:-17px 0 0 23px;
	padding:0 0 5px 0;
	color:#222;
	width:88%;
}
.safari label.choice{
	margin-top:-16px;
}
form.rightLabel label.desc{
	padding-top:2px;
}

span.symbol{
	font-size:120%;
	line-height:135%;
}
form li .datepicker{
	float:left;
	margin:.19em 5px 0 0;
	padding:0;
	width: 16px;
	height: 16px;
	cursor:pointer !important;
}

/* ----- REQUIRED ----- */

form span.req{
	display:inline;
	float:none;
	color:red !important;
	font-weight:bold;
	margin:0;
	padding:0;
}

/* ----- MIN/MAX COUNT ----- */

form li div label var{
	font-weight:bold;
	font-style:normal;
}
form li div label .currently{
	display:none;
}

/* ----- FIELDS ----- */

input.text, input.search, input.file, textarea.textarea, select.select{
	font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
	font-size:100%;
	color:#333;
	margin:0;
	padding:2px 0;
}
input.text, input.search, textarea.textarea{
	border-top:1px solid #7c7c7c;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-bottom:1px solid #ddd;
	background:#fff url(../images/fieldbg.gif) repeat-x top;
}
select.select{
	padding:1px 0 0 0;
}
input.search{
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	padding-left:6px;
}
input.checkbox, input.radio{
	display:block;
	margin:4px 0 0 0;
	padding:0;
	width:13px;
	height:13px;
}
input.other{
	margin:0 0 8px 25px;
}

.safari select.select{
	font-size:120% !important;
	margin:0 0 1px 0;
}
* html select.select{
	margin:1px 0;
}
*+html select.select{
	margin:1px 0;
}

.center, 
form li span.center input.text, form li span.center label,
form li.name span label,
form li.date input.text, form li.date span label, 
form li.phone input.text, form li.phone span label,
form li.time input.text, form li.time span label{
	text-align:center;
}
form li.time select.select{
	margin-left:5px;
}
form li.price .right{
	text-align:right;
}

/* ----- SIZES ----- */

.third{
	width:32% !important;
}
.half{
	width:48% !important;
}
.full{
	width:100% !important;
}

input.small, select.small{
	width:25%;
}
input.medium, select.medium{
	width:50%;
}
input.large, select.large, textarea.textarea{
	width:100%;
}

.msie select.ieSelectFix{
	width:auto;
}
.msie6 select.ieSelectFix, .msie7 select.ieSelectFix{
	width:100%;
}
.msie select.ieSelectFix.small{
	min-width:25%;
}
.msie select.ieSelectFix.medium{
	min-width:50%;
}
.msie select.ieSelectFix.large{
	width:100%;
}


textarea.small{
	height:5.5em;
}
textarea.medium{
	height:10em;
}
textarea.large{
	height:20em;
}

/* ----- FILES ----- */

li.file a{
	color:#222;text-decoration:none;
}
li.file span{
	display:inline;float:none;
}
li.file img{
	display:block;float:left;margin:0 0 0 -10px;padding:5px 5px 7px 5px;
}
li.file .file-size, li.file .file-type{
	color:#666;font-size:85%;text-transform: uppercase;
}
li.file .file-name{
	display:block;
	padding:14px 0 0 0;
	color:blue;
	text-decoration:underline;
}
li.file .file-delete{
	color:red !important;font-size:85%;text-decoration:underline;
}
li.file a:hover .file-name{
	color:green !important;
}
li.file a:hover .file-name{
	color:green !important;
}

/* ----- LIKERT SCALE ----- */

form li.likert{
	margin:0;
	padding:6px 1% 5px 1%;
	width:auto !important;
	clear:both !important;
	float:none !important;
}
.likert table{
	margin:0 0 .9em 0;
	background:#fff;
	width:100%;
	border:1px solid #dedede;
	border-bottom:none;
}
.likert caption{
	text-align:left;
	color:#222;
	font-size:95%;
	line-height:135%;
	padding:5px 0 .5em 0;
}
.likert input{
	padding:0;
	margin:2px 0;
}
.likert tbody td label{
	font-size:85%;
	display:block;
	color:#565656;
}

/* ----- Top Row ----- */

.likert thead td, .likert thead th{
	background-color:#e6e6e6;
}

/* ----- Right Side ----- */

.likert td{
	border-left:1px solid #ccc;
	text-align:center;
	padding:4px 6px;
}
.likert thead td{
	font-size:85%;
	padding:10px 6px;
}

/* ----- Body ----- */

.likert th, .likert td{
	border-bottom:1px solid #dedede;
}
.likert tbody th{
	padding:8px 8px;
	text-align:left;
}
.likert tbody th label{
	color:#222;
	font-size:95%;
	font-weight:bold;
}

.likert tbody tr.alt td, .likert tbody tr.alt th{
	background-color:#f5f5f5;
}
.likert tbody tr:hover td, .likert tbody tr:hover th{
	background-color:#FFFFCF;
}

/* ----- Likert Classes ----- */

.col1 td{width:30%;} 
.col2 td{width:25%;}
.col3 td{width:18%;}
.col4 td{width:14.5%;}
.col5 td{width:12%;}
.col6 td, .col7 td{width:10%;}
.col8 td, .col9 td, .col10 td{width:6.5%;}
.col11{width:6%;}

.hideNumbers tbody td label{
	display:none;
}

/* ----- BUTTONS ----- */

form li.buttons{
	width:auto !important;
	position:relative;
	clear:both;
	padding:10px 1% 10px 1%;
}
form li.buttons input{
	font-size:100%;
	margin-right:5px;
}
input.btTxt{
	padding:0 7px;
	width:auto;
	overflow:visible;
}
.safari input.btTxt{
	font-size:120%;
}
.buttons .marker{
	position:absolute;
	top:0;
	right:0;
	padding:15px 10px 0 0;
	color:#000;
	width:auto;
}
button.link{
	display:inline-block;
	border:none;
	background:none;
	color:blue;
	text-decoration:underline;
	cursor:pointer;
	padding:0;
	font-size:100%;
}
button.link:hover{
	color:green;
}

/* ----- LABEL LAYOUT ----- */

.leftLabel li, .rightLabel li{
	width:74% !important;
	padding-top:9px;
}
.leftLabel label.desc, .rightLabel label.desc{
	float:left;
	width:31%;
	margin:0 15px 0 0;
}
.rightLabel label.desc{
	text-align:right;
}
.leftLabel li div, .rightLabel li div{
	float:left;
	width:65%;
}
.leftLabel .buttons, .rightLabel .buttons{
	padding-left:23%;
}
.leftLabel .buttons div, .rightLabel .buttons div{
	float:none;
	margin:0 0 0 20px;
}


.leftLabel p.instruct, .rightLabel p.instruct{
	width:28%;
	margin-left:5px;
}
.leftLabel .altInstruct .instruct, .rightLabel .altInstruct .instruct{
	margin-left:31% !important;
	padding-left:15px;
	width:65%;
}

/* ----- NO INSTRUCTIONS ----- */

.noI form li, .altInstruct form li{
	width:auto !important;
}

/* ----- NO INSTRUCTIONS LABEL LAYOUT ----- */

.noI .leftLabel .buttons, .noI .rightLabel .buttons{
	padding-left:31%;
}
.noI .leftLabel .buttons div, .noI .rightLabel .buttons div{
	margin:0 0 0 17px;
}

/* ----- HALVES AND THIRDS ----- */

form li.leftHalf, form li.rightHalf{
	width:47% !important;
}
form li.leftThird, form li.middleThird, form li.rightThird{
	width:30% !important;
}
form li.leftHalf, form li.leftThird{
	clear:left !important;
	float:left;
}
form li.middleThird{
	clear:none !important;
	float:left;
	width:30% !important;
	margin-left:2% !important;
}
form li.rightHalf, form li.rightThird{
	clear:none !important;
	float:right;
}
li.leftHalf .small, li.rightHalf .small,
li.leftHalf .medium, li.rightHalf .medium,
li.leftThird .small, li.middleThird .small, li.rightThird .small,
li.leftThird .medium, li.middleThird .medium, li.rightThird .medium{
	width:100%;
}

/* ----- INSTRUCTIONS ----- */

@-webkit-keyframes fade-in-focused {
	from {background-color: transparent;}
	to {background-color: #fff7c0 !important;}
}

form li.focused{
	background-color:#fff7c0;
	-webkit-animation-name: fade-in-focused;
	-webkit-animation-duration: 0.4s;
	-webkit-animation-iteration-count: 1;
}
form li.focused, form li:hover{
	position:relative; /* Makes Instructs z-index stay on top in IE. */
}
form .instruct{
	position:absolute;
	top:0;
	left:0;
	z-index:1000;
	width:45%;
	margin:0 0 0 8px;
	padding:8px 10px 10px 10px;
	border:1px solid #e6e6e6;
	background:#f5f5f5;
	visibility:hidden;
	font-size:105%;
}
form .instruct small{
	line-height:120%;
	font-size:80%;
	color:#444;
}
form li.focused .instruct, form li:hover .instruct{
	left:100%; /* Prevent scrollbars for IE Instruct fix */
	visibility:visible;
}

/* ----- ALT INSTRUCTIONS ----- */

.altInstruct .instruct, li.leftHalf .instruct, li.rightHalf .instruct,
li.leftThird .instruct, li.middleThird .instruct, li.rightThird .instruct,
.iphone .instruct{
	visibility:visible;
	position:static;
	margin:0;
	padding:6px 0 0 0;
	width:100%;
	clear:left;
	background:none !important;
	border:none !important;
	font-style:italic;
}
.altInstruct p.complex , li.leftHalf p.complex, li.rightHalf p.complex,
li.leftThird p.complex, li.middleThird p.complex, li.rightThird p.complex,
.iphone p.complex{
	padding:0 0 9px 0;
}

/* ----- ADVANCED CLASSNAMES ----- */

.hideSeconds .seconds, .hideAMPM .ampm, .hideAddr2 .addr2{
	display:none;
}

/* ----- SECTIONS ----- */

form li.section{
	clear:both;
	margin:0;
	padding:7px 0 0 0;
	width:auto !important;
	position:static;
}
form li.section h3{
	font-weight:normal;
	font-size:110%;
	line-height:135%;
	margin:0 0 3px 0;
	width:auto;
	padding:12px 1% 0 1%;
	border-top:1px dotted #ccc;
}
form li.first{
	padding:0;
}
form li.first h3{
	padding:8px 1% 0 1%;
	border-top:none !important;
}
form li.section div{
	display:block;
	width:auto;
	font-size:85%;
	line-height:160%;
	margin:0 0 1em 0;
	padding:0 1% 0 1%;
}
form li.section.scrollText{
	border:1px solid #dedede;
	height:150px;
	overflow:auto;
	margin-bottom:10px;
	padding:10px;
	-webkit-box-shadow:rgba(0,0,0,.15) 0px 0px 3px;
	-moz-box-shadow:rgba(0,0,0,.15) 0px 0px 3px;
	box-shadow:rgba(0,0,0,.15) 0px 0px 3px;
}
form li.section.scrollText h3{
	border:none;
	padding-top:8px;
}

/* ----- CAPTCHA ----- */

form li.captcha {
	width:auto !important;
	clear:both;
	border-top:1px dotted #ccc;
	margin-top:5px;
	padding:1.1em 1% 9px 1%;
	width:auto !important;
	position:static;
}
form li.captcha label.desc{
	width:auto !important;
	text-align:left;
	margin-bottom:4px;
	float:none;
}
*+html #recaptcha_area, *+html #recaptcha_table{
	min-width:450px !important;
}
* html #recaptcha_area, * html #recaptcha_table{
	width:450px !important;
}
#recaptcha_widget_div table{
	background:#fff;
}
form li.captcha .noscript iframe{
	border:none;
	overflow:hidden;
	margin:0;
	padding:0;
}
form li.captcha .noscript label.desc{
	display:block !important;
}
form li.captcha .noscript textarea{
	margin-left:12px;
}

/* ----- PAGINATION ----- */

form li.paging-context{
	clear:both;
	border-bottom:1px dotted #ccc;
	margin:0 0 7px 0;
	padding:5px 1% 10px 1%;
	width:auto !important;
	position:static;
}
.paging-context table{
	width:100%;
}

.pgStyle1 td{ /* Steps */
	text-align:left;
	vertical-align:middle;
}
.pgStyle1 td.c{
	width:22px;
}
.pgStyle1 td.t{
	padding:0 1%;
}
.pgStyle1 var{
	display:block;
	float:left;
	background:none;
	border:1px solid #CCC;
	color:#000;
	width:20px;
	height:20px;
	line-height:19px;
	text-align:center;
	-webkit-box-shadow:rgba(0,0,0,.15) 0px 1px 2px;
	-moz-box-shadow:rgba(0,0,0,.15) 0px 1px 2px;
	box-shadow:rgba(0,0,0,.15) 0px 1px 2px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	font-size:85%;
	font-style:normal;
}
.pgStyle1 .done var{
	background:#ccc;
}
.pgStyle1 .selected var{
	background:#FFF7C0;
	color:#000;
	border:1px solid #e6dead;
	font-weight:bold;
}
.pgStyle1 b{
	font-size:85%;
	font-weight:normal;
	color:#000;
}
.pgStyle1 .selected b{
	font-weight:bold;
}

.circle6 td, .circle7 td{
	vertical-align:top;
	text-align:center;
}
.nopagelabel td.t{
	display:none;
}
.nopagelabel .pgStyle1 var, .circle6 var, .circle7 var{
	width:24px;
	height:24px;
	line-height:24px;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	border-radius:12px;
	font-size:90%;
	margin:0 auto 7px auto;
	float:none;
}
.nopagelabel .pgStyle1 var{
	margin-bottom:0;
}
.circle6 b, .circle7 b{
	padding:0;
}

.circle2 td{width:50%;}
.circle3 td{width:33%;}
.circle4 td{width:25%;}
.circle5 td{width:20%;}
.circle6 td{width:16.6%;}
.circle7 td{width:14.2%;}

.pgStyle2 td{ /* Percentage */
	vertical-align:middle;
	height:25px;
	border:1px solid #CCC;
	position:relative;
	-webkit-border-radius:14px;
	-moz-border-radius:14px;
	border-radius:14px;
	-webkit-box-shadow:rgba(0,0,0,.10) 1px 1px 1px;
	-moz-box-shadow:rgba(0,0,0,.10) 1px 1px 1px;
	box-shadow:rgba(0,0,0,.10) 1px 1px 1px;
	padding:2px;
}
.pgStyle2 var{ /* Percentage Bar */
	display:block;
	height:26px;
	float:left;
	background:#FFF7C0;
	color:#000;
	font-style:normal;
	text-align:right;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	border-radius:12px;
	-webkit-box-shadow:rgba(0,0,0,.15) 1px 0px 0px;
	-moz-box-shadow:rgba(0,0,0,.15) 1px 0px 0px;
	box-shadow:rgba(0,0,0,.15) 1px 0px 0px;
}
.pgStyle2 var b{/* Percentage # */
	display:block;
	float:right;
	font-size:100%;
	padding:3px 10px 3px 3px;
	line-height:19px;
}
.pgStyle2 em{/* Page Title */
	font-size:85%;
	font-style:normal;
	display:inline-block;
	margin:0 0 0 9px;
	padding:4px 0;
	line-height:18px;
}
.pgStyle2 var em{
	padding:4px 5px 3px 0;
}
.page1 .pgStyle2 var{
	padding-left:7px;
	text-align:left;
	background:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
.page1 .pgStyle2 b{
	float:none;
	padding-right:0px;
}

.hideMarkers .marker, .nopagelabel .pgStyle1 b, .nopagelabel .pgStyle2 em, .hideSecondary #previousPageButton{
	display:none !important;
}

/* ----- ERRORS ----- */

#errorLi{
	width:99%;
	margin:15px auto 5px auto;
	background:#fff !important;
	border:1px solid red;
	text-align:center;
	padding:1em 0 1em 0;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
}
#errorMsgLbl{
	margin:0 0 5px 0;
	padding:0;
	font-size:125%;
	color:#DF0000 !important;
}
#errorMsg{
	margin:0 0 2px 0;
	color:#000 !important;
	font-size:100%;
}
#errorMsg strong{
	padding:2px 8px;
	background-color: #FFDFDF !important;
	color:red !important;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
form li.error{
	display:block !important;
	background-color: #FFDFDF !important;
	margin-bottom:3px !important;
}
form li label.error, form li input.error{
	color:#DF0000 !important;
	font-weight:bold !important;
}
form li input.error{
	background:#fff !important;
	border:2px solid #DF0000 !important;
}


form li.error label, form li.error span.symbol{
	color:#000 !important;
}
form li.error label.desc{
	color:#DF0000 !important;
}
form p.error{
	display:none;
	margin:0 !important;
	padding:7px 0 0 0 !important;
	line-height:10px !important;
	font-weight:bold;
	font-size:11px;
	color:#DF0000 !important;
	clear:both;
}
form li.error p.error{
	display:block;
}
form li.complex p.error{
	padding:0 0 9px 0 !important;
}
/* ////////////////////////viewpresale.cfm*/
.tableheader{
border-top: 1px solid black;
border-right:1px solid Black;
border-bottom: 1px solid black;
border-left:1px solid Black;
font-weight:bold;
color:black;
background-color:#F8F8FF;
font-family:"Lucida Grande","Lucida Sans Unicode", Tahoma, sans-serif;
font-size:14px;
text-align:center;
}
.tableheaderleft{
border-left:1px solid Black;
border-right:1px solid Black;
border-bottom: 1px solid black;
text-align:center;

font-family:"Lucida Grande","Lucida Sans Unicode", Tahoma, sans-serif;
color:black;
font-size:12px;
font-weight:bold;
background-color:#F8F8FF;
text-align:center;
}
.tableheadercenter{
border-right:1px solid Black;
border-bottom: 1px solid black;
background-color:#F8F8FF;
font-family:"Lucida Grande","Lucida Sans Unicode", Tahoma, sans-serif;
color:black;
font-size:12px;
text-align:center;
font-weight:bold;
}
.cellleft{
border-right:1px solid Black;
border-bottom: 1px solid black;
border-left: 1px solid Black;
color: black;
font-family:"Lucida Grande","Lucida Sans Unicode", Tahoma, sans-serif;
font-size: 12px;
text-align:left;
}
.cellcenter{
border-right:1px solid Black;
border-bottom: 1px solid black;
color: black;
font-family:"Lucida Grande","Lucida Sans Unicode", Tahoma, sans-serif;
font-size: 12px;
text-align:left;
}



/* - - - - - - - - - - - - - - - - - - - - -

Title : Wufoo Form Structure
Author : Infinity Box Inc.
URL : http://wufoo.com

- - - - - - - - - - - - - - - - - - - - - */

.table-data-list            { margin: 5px 0 0; padding: 0; width: 750px; border-width: 0; border-collapse: collapse       }
.table-data-list th    { color: #fff; font-weight: bold; background-image: url(../images/blueline.gif); background-repeat: repeat-x; background-position: 0 0; text-align: left; text-transform: none; white-space: nowrap; margin: 0; padding: 3px 3px 3px 6px; border-right: 1px dotted #fff }
.table-data-list            { margin: 5px 0 0; padding: 0;  border-width: 0; border-collapse: collapse       }
.table-data-list th    { color: #fff; font-weight: bold; background-image: url(../images/blueline.gif); background-repeat: repeat-x; background-position: 0 0; text-align: left; text-transform: none; white-space: nowrap; margin: 0; padding: 3px 3px 3px 6px; border-right: 1px dotted #fff }
.table-data-list th a    { color: #fff; text-decoration: none }
.table-data-list th a:hover     { color: #fff;  text-decoration: underline }
.table-data-list tr.top th     { color: #a9a9a9; font-weight: bold; background-color: #fff; background-image: none; background-position: 0 0; text-align: left; text-transform: none; white-space: nowrap; margin: 0; padding: 3px 3px 3px 6px; border-style: solid none none dotted; border-width: 1px 0 0 1px; border-color: #d3d3d3 }
.table-data-list td                { color: #333; text-align: left; margin: 0; padding: 3px 6px; vertical-align: middle; border-style: solid solid solid dotted; border-width: 1px 0 1px 1px; border-color: #fff #dcdcdc #dcdcdc }
.table-data-list td.highlight     { font-weight: bold }
.table-data-list td a       { text-decoration: none }
.table-data-list td a:hover  {  text-decoration: underline }
.table-data-list td.td-spacer   { width: 20px }
.table-data-list tr   { }
.table-data-list tr.even   { background-color: #edf3fe }
.table-data-list tr.odd   { background-color: #fff }

.table-data-list tr.on   { background-color: #fefbea }
.table-data-list tr.sum td    { color: #333; font-weight: bold; background-color: #fff; border-bottom: 4px solid #dae0ea; border-left: 2px solid #fff }
.table-data-list input        { color: #333333; margin-right: 3px; padding-top: 0; padding-bottom: 0; height: 20px; vertical-align: middle }
.table-data-list select       { color: #333333; margin-right: 3px; padding-top: 0; padding-bottom: 0; height: 20px; vertical-align: middle }
.table-data-list a.button         {}
.table-data-list a.button:hover   {}
.table-data-list td ul    { margin: 0; padding: 0 }
.table-data-list td ul li    { margin: 0; padding: 0 0 0 12px }
.table-data-list a.button           { font-weight: bold; text-decoration: none; background-position: 0 2px; margin: 0; padding-right: 8px; padding-left: 8px }
.table-data-list a.button:hover     { color: #fff; text-decoration: none; background-position: 0 0 }


.table-form-list tr  { }
.table-form-list tr.even  { background-color: #edf3fe }
.table-form-list tr.odd  { background-color: #fff }
.table-form-list tr.on  { background-color: #fefbea }
.table-form-list tr.top th    { color: #a9a9a9; font-weight: bold; background-color: #fff; background-image: none; background-position: 0 0; text-align: left; text-transform: none; white-space: nowrap; margin: 0; padding: 3px 3px 3px 6px; border-style: solid none none dotted; border-width: 1px 0 0 1px; border-color: #d3d3d3 }

#actionfiler-contents-container                         { background-color: #a9a9a9; display: block; margin: 0; padding: 0; height: 300px; border-style: solid; border-width: 1px 1px 0 px 0; border-color: #dcdcdc;  overflow-x: none; overflow-y: scroll }

a      { color: #2e4b9b; text-decoration: underline }
a:hover   { color: #2e4b9b; text-decoration: none }
#actionfiler-contents-container table.table-data-list td.column-5        { white-space: nowrap }
#actionfiler-contents-container tr.even  td { background-color: #edf3fe }
#actionfiler-contents-container tr.odd td { background-color: #fff }
#actionfiler-contents-container tr.on td { background-color: #fefbea }
#actionfiler-contents-container tr.odd td { background-color: #fff }
#actionfiler-contents-container tr.on td { background-color: #fefbea }
a.button                            { color: #fff; font-size: 11px; font-family: Tahoma; font-weight: bold; line-height: 13px; text-decoration: none; background: #819ad7 url(../images/bluelinemed.png) repeat-x 0 2px; text-align: center; margin: 0 2px 0 0; padding: 3px 8px; float: left; clear: right; vertical-align: middle; border: solid 2px #b1c0e9 }
a.button:hover                    { color: #fff; font-family: Tahoma; text-decoration: none; background: #819ad7 repeat-x; text-align: center; vertical-align: middle; border: solid 2px #b1c0e9 }
a.button-grey                   { color: #808080; font-size: 11px; font-family: Tahoma; font-weight: bold; line-height: 13px; text-decoration: none; background: #d1d1d1 url(../images/btn_grad_grey_off.gif) repeat-x; margin: 0 2px 0 0; padding: 3px 8px; float: left; clear: right; vertical-align: middle; border: solid 2px #d3d3d3 }
a.button-grey:hover           { color: #808080; font-family: Tahoma; text-decoration: none; background-color: #f5f5f5; background-image: none; background-position: 0 -3px; width: auto; vertical-align: middle }
a.button-red                  { color: #fff; font-size: 11px; font-family: Tahoma; font-weight: bold; line-height: 13px; text-decoration: none; background: #f00 url(../images/btn_grad_red_off.gif) repeat-x; margin: 0 2px 0 0; padding: 3px 8px; float: left; clear: right; vertical-align: middle; border: solid 1px #a9a9a9 }
a.button-red:hover           { color: #fff; font-family: Tahoma; text-decoration: none; background-color: #f00; background-image: none; background-position: 0 6px; width: auto; vertical-align: middle }


html{
	background:#fff;
}
body{
	margin:17px 0 15px 0;
	padding:0;
	text-align:center;
	font-size:small;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
}

#container{
	text-align:left;
	background:#fff;
	border:1px solid #ccc;
	-webkit-box-shadow:rgba(0,0,0,.2) 0px 0px 5px;
	-moz-box-shadow:rgba(0,0,0,.2) 0px 0px 5px;
	box-shadow:rgba(0,0,0,.2) 0px 0px 5px;
}

#containertest{
	text-align:left;
	background:#fff;
	border:1px solid #ccc;
	-webkit-box-shadow:rgba(0,0,0,.2) 0px 0px 5px;
	-moz-box-shadow:rgba(0,0,0,.2) 0px 0px 5px;
	box-shadow:rgba(0,0,0,.2) 0px 0px 5px;

	
	width:680px;
	margin-top:75px;
	
}

#containertestview{
	text-align:left;
	background:#fff;
	border:1px solid #ccc;
	-webkit-box-shadow:rgba(0,0,0,.2) 0px 0px 5px;
	-moz-box-shadow:rgba(0,0,0,.2) 0px 0px 5px;
	box-shadow:rgba(0,0,0,.2) 0px 0px 5px;

	
	width:680px;
	margin-top:75px;
	
}


#container, #bottom{
	margin:0 auto;
	width:800px;
}
#bottom{
	width:650px;
	height:10px !important;
	margin-bottom:10px;
	display:block !important;
}

form.wufoo{
	margin:20px 14px 0 14px;
	
padding:0 0 20px 0;
}

/* ----- LOGO ----- */

h1{
	margin:0;
	padding:0;
	min-height:0;
	background-color:#7f98db;
	text-indent:-9000px;
	text-decoration:none;
}
h1 a{
	min-height:40px;
	height:40px;
	display:block;
	/*background:url(../images/wflogo.png) no-repeat left top;*/
	overflow:hidden;
}
* html h1 a{
	/*_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/wflogo.png", sizingMethod="crop");*/
}
img, a img{
	border:none;
	-ms-interpolation-mode: bicubic;
}
* html #bottom{ 
	_behavior: url(../images/iepngfix.htc);
}
.hide, .cloak div{
	display:none !important;
}



<body id="public">
	<form name="FrmOBI" method="post" enctype="multipart/form-data"> 


	<div id="container">
			<h1 id="logo">
 		 	</h1>
 
    <div align="center">
		<cfset name ="test" /> 
    </div>
    
    <div class="info" >
    	<h2 align="center" >Listing of Groups</h2>
    </div>

    <div align="center">
   <!---  <div class="info">--->
 
          <table width="93%"  align="center" >
  			  <tr>
      				<td width="21%" ><div align="right" class="style4"><img src="images/iconMagnifyingGlass.gif" align="top" />			                      Search By:</div></td>
                  	<td width="24%">
<cfif isdefined('FORM.SubSearch') or isdefined('FORM.Submit') or isdefined('session.search_id') 
or isdefined('session.GetPagination')  >
                              <select size="1" name="search_id">	
                              <Option value=""></Option>
                              <cfif #session.search_id# eq 1>
                              <Option value="1" selected="selected">Group Name</Option>
                              <Option value="2">Group Number</Option>
                              <Option value="3">Group Number & Suffix</Option>
                              <Option value="4">NLS Group Number</Option>
                              <cfelseif #session.search_id#  eq 2>
                              <Option value="1">Group Name</Option>
                              <Option value="2" selected="selected">Group Number</Option>
                              <Option value="3">Group Number & Suffix</Option>
                              <Option value="4">NLS Group Number</Option>
                              <cfelseif #session.search_id#  eq 3>
                              <Option value="1">Group Name</Option>
                              <Option value="2">Group Number</Option>
                              <Option value="3" selected="selected">Group Number & Suffix</Option>
                              <Option value="4">NLS Group Number</Option>
                              <cfelseif #session.search_id#  eq 4>
                              <Option value="1">Group Name</Option>
                              <Option value="2">Group Number</Option>
                              <Option value="3">Group Number & Suffix</Option>
                              <Option value="4" selected="selected">NLS Group Number</Option>
                              <cfelse>
                              <Option value="1">Group Name</Option>
                              <Option value="2">Group Number</Option>
                              <Option value="3">Group Number & Suffix</Option>
                              <Option value="4">NLS Group Number</Option>
                              </cfif>
                                </select>                
                           <cfelse>
                              <select size="1" name="search_id">	
                              <Option value=""></Option>
                              <Option value="1">Group Name</Option>
                              <Option value="2">Group Number</Option>
                              <Option value="3">Group Number & Suffix</Option>
                              <Option value="4">NLS Group Number</Option>
                               </select> 
                           </cfif>	
                   </td>
                   <td width="34%"><div align="left">
                   <cfif isdefined('FORM.SubSearch')  or isdefined('session.TxtInput')> 
                   		<input name="TxtInput" value="<cfoutput>#session.TxtInput#</cfoutput>" size="40" />
                   
				   	<cfelseif isdefined('FORM.SubCancel') >
						<input name="TxtInput" size="40" value=""/>
				   <cfelse>
                    	<input name="TxtInput" size="40" />
                   </cfif> 
                   

                    
                 </div></td>
                 <td>
                  <div align="left" class="myButton"><input name="SubSearch" type="submit" value="" onclick="Checkfield();" ></div>	
                </td>
                  <td width="13%">
                <div align="left" class="myButtonCancel">
                <input name="SubCancel" type="submit" value="" />
              </div></td>
                
    		</tr>

 		 </table>
   
      
          <cfif not isdefined('FORM.SubSearch') and tempstart eq 0 >
          		<p><b>Please enter search criteria.</b></p>
          <cfelseif  isdefined('FORM.SubCancel') > 
              	<p><b>Please enter search criteria.</b></p>
           <cfelseif isdefined('FORM.SubSearch') and  ListResult.RecordCount eq 0 >
          		<P style="color:#FF0000">No records were found.</P>
          <cfelse>
          
     
     <div align="center">
	 
		<!--- paging --->


 
<cfset pagination.setQueryToPaginate(ListResult) />
<cfoutput><cfset pagination.setBaseLink("group.cfm")/></cfoutput>
<cfset pagination.setItemsPerPage(10) />
<cfset pagination.setUrlPageIndicator("start") />
<cfset pagination.setShowNumericLinks(true) /> 



<table  width="600"  border="0" align="center">
     <tr>
     	<td height="34"><div align="center">
	    <cfoutput>#pagination.getRenderedHTML()#</cfoutput>
	 
	 </div></td></tr>
	 </table>

 
       <table  width="950"  border="0" class="table-data-list">
         <tr>
           <th width="100">Group Name</th>
           <th width="125">Group Number</th>
           <th width="115">Group Section</th>
           <th width="108">Benefits</th>
           <th width="100">Cert &amp; Rider</th>
           <th width="70">Approved</th>
           <th width="70">Disapproved</th>
         </tr>
         <cfset perpage = 10>
		<cfparam name="url.start" default="1">
  <input type="hidden" name="okay" value="<cfoutput>#pagination.getStartRow()#</cfoutput>"  >
			<cfoutput query="ListResult" startrow="#pagination.getStartRow()#" maxrows="#pagination.getMaxRows()#">
              

              
              
             <tr class="#IIf(CurrentRow Mod 2, DE('odd'), DE('even'))#" onmouseover="this.className='on';"
			 <cfif CurrentRow Mod 2>					      
                onmouseout="this.className='odd'"
			<cfelse>
            	onmouseout="this.className='even'"</cfif>>
              
               <td>#ListResult.GroupNameLong# </td>
               <td>#ListResult.GroupNo#</td>
                <input type="hidden" name="TrackingNumberHidden" value="#ListResult.TrackingNumber#"  id="theInput"/>
               <td>test</td>
			   <td><a href="base.cfm?id=#ListResult.TrackingNumber#" class="button" title="View Benefits" target="_blank">View 			                  Benefits</a></td>
               <td><img src="images/arrow_right.gif" width="4" height="7" />&nbsp; <a href="#ListResult.CertRider_Path#" target=                "new">Show File</a></td>
			   
               <td><div align="center">
               				<cfparam name="form.GP#ListResult.TrackingNumber#" default="">

              
              	<cfif form["GP" & #ListResult.TrackingNumber#] eq 1 >
				 <input type="radio" name="GP#ListResult.TrackingNumber#" checked="checked" id="App1" value="1"                /><!---"#ListResult.TrackingNumber#"--->
				<cfelseif #ListResult.StatusFlag# eq 1>
                 <input type="radio" name="GP#ListResult.TrackingNumber#" checked="checked" id="App1" value="1"   />
				
				<cfelse>
    			<input type="radio" name="GP#ListResult.TrackingNumber#" id="App1" value="1" /> 
				</cfif> 

               </div>
             </td>
            
             
			<td> <div align="center">             
            	<cfif form["GP" & #ListResult.TrackingNumber#] eq 0 >
    				<a href="notes.cfm" onclick="myPopup(#ListResult.TrackingNumber#);">
                    <input type="radio" name="GP#ListResult.TrackingNumber#"   checked="checked" id="App0"  value="0" /> </a>
                
                   <cfelseif ListResult.StatusFlag eq 0 or ListResult.StatusFlag eq "" and #ListResult.Notes# neq "" >
                   
                    <input type="radio" checked="checked" name="GP#ListResult.TrackingNumber#"  id="App0"  value="0" />
               <br/>
					<a href="notes.cfm?id=#ListResult.TrackingNumber#" target="_blank">View Notes</a>
				
               
				<cfelse>
					<a href="notes.cfm" onclick="myPopup(#ListResult.TrackingNumber#);">
                    <input type="radio" name="GP#ListResult.TrackingNumber#"  id="App0"  value="0" /></a>
				</cfif> 
           


           
            </div> </td>
	
				 	<cfset holding =  form["GP" & #ListResult.TrackingNumber#] >
               

            
   <input type="hidden" name="TrackingNumber#currentRow#" value="#ListResult.TrackingNumber#">
         
	 
     </tr></cfoutput></table>
          
         
    <input type="hidden" name="totalRows" value="<cfoutput>#GetCount#</cfoutput>">
       
    

<table  width="600"  border="0" align="center">
     <tr>
     	<td height="34"><div align="center">
	    <cfoutput>#pagination.getRenderedHTML()#</cfoutput>
	 
	 </div></td></tr>
	 </table>
  </div>


       <br />
      <input type="submit" name="Submit" value="Submit" onclick="ChkData();"/> 

</cfif>
</div></div>
<!---</div>--->
 </form>
</body>

Open in new window

Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Juan OcasioApplication Developer

Commented:
Well all of your divs have matching /div tags so that's not it.  I'm wondering if you have the /div out of place somewhere.  Just as a suggestion for future reference, try commenting the end of your div tags so you know what they are:

<div id="container">
blah, blah, blah...
</div> <!-- End of container -->

I'll continue to look, but this may be a difficult thing to pin point as there is so much going on and unfortunately I do not have cold fusion installed

Author

Commented:
Thanks, I appreciate it.
IT Security Analyst Senior
Commented:
Hmmmm..  Looking at: http://csstidyonline.com/

We see:

Line #
Message
14
Invalid property in CSS2.1: text-rendering

Open in new window


This is kind of a start..

HTH,

Kent

Author

Commented:
how did you get that error?  All I see it do is have several options to modify the file.

Author

Commented:
Okay, I see that it is coming because I am trying to get the selected row in the table to be highlighted. Any other way of doing this?

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial