Table cell border appears intermittently

[skoggins]

Hi all,

On this page http://69.80.211.183/ in my FF 2.0.0.12 browser, the issue is the vertical white border I am trying to use to separate the right sidebar from the main content. The border sometimes appears and sometimes does not--seemingly at random when I refresh the page. If you use the forward button and then the back button on the browser the border always appears. Sometimes using Firebug will cause it to appear. Also, you may notice in the gray box on the bottom right that the border partially appears.

Anyone have any clues as to how to fix this? In IE you'll notice the border appears fine. Also, interestingly, the border appears fine in FF when I use my localhost.

Thanks!

[AricC]

Hi all,

On this page http://69.80.211.183/ in my FF 2.0.0.12 browser, the issue is the vertical white border I am trying to use to separate the right sidebar from the main content. The border sometimes appears and sometimes does not--seemingly at random when I refresh the page. If you use the forward button and then the back button on the browser the border always appears. Sometimes using Firebug will cause it to appear. Also, you may notice in the gray box on the bottom right that the border partially appears.

Anyone have any clues as to how to fix this? In IE you'll notice the border appears fine. Also, interestingly, the border appears fine in FF when I use my localhost.

Thanks!

Why don't you post it here I don't feel like going to some random ip address.

[skoggins]

Oh ok, sorry. Here is the HTML:

[HTML]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt d">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="-1" />
<meta http-equiv="CACHE-CONTROL" content="NO-STORE" />
<link href="/css/custom.css" rel="stylesheet " type="text/css" />
<link rel="stylesheet " type="text/css" media="all" href="/css/style.css" />

<!--<link rel='stylesheet ' media="screen" type='text/css'
href='weblog_cs s' />
<link rel='stylesheet ' media="handheld " type='text/css'
href='mobile_cs s' />-->
<link rel="shortcut icon" href="/favicon.ico" />
<title>ConnectN ote</title>

<meta name="descripti on" content="Connec tNote adds a personal touch to messaging! ConnectNote helps make email messages more personal: A personal video makes email messages more fun, enjoyable and helps put a face to a name ConnectNote can be used for Business messaging: Allows your personality to help sell yourself, your company and your product to potential customers and clients ConnectNote can be used for Personal messaging: Send a friend a personal message or personal greeting - a birthday wish, congratulations or thank you message ConnectNote provides real time relating: The viewer experiences the true nature of the message - minimizing the concern of how an email message will be interpreted ConnectNote is secure and easy to use: Each message is password protected to enhance security and privacy of messages " />

<script type="text/javascript" src="/js/prototype.js"></script>
<script type="text/javascript" src="/js/fastinit.js"></script>
<!--<script type="text/javascript" src="/js/tablesort.js"></script> -->
<script type="text/javascript" src="/js/ufo.js"></script>
<script type="text/javascript" src="/js/connect.js"></script>
<script type="text/javascript" src="/js/prototype.js"></script>
<script type="text/javascript" src="/js/scriptaculous.j s?load=effects" ></script>
<script type="text/javascript" src="/js/controls.js"></script>
<script type="text/javascript" src="/js/swfobject.js"></script>

<script type="text/javascript" src="/js/tablekit.js"></script>




<script type="text/javascript" src="/js/tiny_mce/tiny_mce.js"></script>
</head>
<body id="home">

<div id="wrap">
<div id="header"><ta ble border="0" style="height:5 8px;"><tr><td width="450px">




<a href="
http://69.80.211.183">
<img src="/img/logoconnect.gif " border="0" class="logo" alt="Connectnot e logo"/></a>

</td><td class="header_t d">




<div id="welcome">

</div><!--closing welcome div --></td>
<td style="vertical-align:top;paddi ng-left:2px;">

<div id="toprightnav links">
<a href="/users/index" >Login</a> | <a href="/users/add" >Register</a> | <a href="/users/help">Help </a>

| <a href="mailto:in fo@connectnote. com">Contact us </a></div><!-- closing toprightnavlink s div -->
</td>
</tr>
</table>

</div><!--closing "header"-->


<div id="wrap_conten t">


<table style="border-collapse:collap se;width:100%"> <tr><td style="vertical-align:top;borde r-collapse:collap se;">
<!--<div class="clearfix ">-->

<ul id="navbar">
<li id="nav-myconnectnotes" ><a href='
/users/freetrial'>My ConnectNotes</a></li>
<li id="nav-create"><a href='

/users/add'>Create</a></li>
<li id="nav-howitworks"><a href='/users/howitworks'>How it works</a></li>
<li id="nav-subscribe"> <a href='/users/subscribe'>Subs cribe</a></li>
<li id="nav-freetrial"> <a href='/users/freetrial'>Free trial</a></li>
<li><a style="padding: 7px 10px 8px 0px;width:264px ;
background-color:#E6E6E6;b order-left:2px solid #FFFFFF;" href='navbar#'> &nbsp;</a>

</li>
</ul>

<!--</div>--><!-- closing clearfix div which I need to clear the floats in FF -->
</td></tr></table>




<table class="home">
<tr>
<td class="main_tex t"><img src="/img/express_yoursel f.gif" style="padding-bottom:8px;" alt="Express yourself" />
<p class="home_tex t">ConnectNo tes are video emails that communicate with the clarity and impact of being there. They’re a snap to create and even easier to view — no downloads are required. Simply record a personalized video message with a webcam or video recorder, upload a presentation, proposal or other document, and then send. <a style="color:#3 A8441;font-weight:700;" href="/users/howitworks/" >Learn more...</a></p>

</td>
<td valign="top" class="sidebar" >

<form action="/users/login/" method="post">
<table class="login">
<tr>

<td colspan="2" valign="top" style="padding-top:0px;font-size:12px;"><st rong>Login</strong>


</td>

</tr>

<tr>

<td class="labels"> User name </td>
<td><input name="data[User][username]" class="login_bo xes" value="" type="text" id="UserUsernam e" /> </td>

</tr>
<tr>
<td>Password</td>
<td><input type="password" name="data[User][password]" class="login_bo xes" value="" id="UserPasswor d" />

</td>


</tr>
<tr>
<td></td><td><div id="remember_co ntainer"><div style="float:le ft;vertical-align:middle;"> <input type="hidden" name="data[User][remember]" value="0" id="UserRemembe r_" /><input type="checkbox" name="data[User][remember]" class="check" id="UserRemembe r" value="1" /> Remember Me</div><div style="float:ri ght;">
<input type="submit" class="login_bt n" value="Login" /></div></div></td>


</tr>
<tr>
<td colspan="2"><a href="/users/forgot_password " >Forgot username or password?</a></td>

</tr>
<tr>
<td colspan="2"></td>
</tr>





</table>
</form>

</td>
</tr>

<tr>


<td class="home_dem o" rowspan="2"><di v id="home_btns"> <!--<a href="play_over view" onmouseout="MM_ swapImgRestore( )" onmouseover="MM _swapImage('pla y_overview_btn' ,'','/img/play_overview_b tn_f2.gif',1);" ><img src="/img/play_overview_b tn.gif" alt="play overview" id="play_overvi ew_btn" /></a><a href="view_exam ples" onmouseout="MM_ swapImgRestore( )" onmouseover="MM _swapImage('vie w_examples_btn' ,'','/img/view_examples_b tn_f2.gif',1);" ><img src="/img/view_examples_b tn.gif" alt="view examples" id="view_exampl es_btn" /></a>--></div>

</td>
<td class="home_but tons"><a href="
http://69.80.211.183/users/freetrial " onmouseout="MM_ swapImgRestore( )" onmouseover="MM _swapImage('sta rt_free','','/img/start_free_f2.g if',1);"><img name="start_fre e" src="/img/start_free.gif" width="274" height="31" border="0" id="start_free " alt="" /></a>

<a href="http://69.80.211.183/users/subscribe" onmouseout="MM_ swapImgRestore( )" onmouseover="MM _swapImage('buy _now','','/img/buy_now_f2.gif' ,1);"><img name="buy_now" src="/img/buy_now.gif" width="274" height="31" border="0" id="buy_now" alt="" /></a></td>
</tr>
<tr><td class="home_bot tom_right"> <img src="/img/send_connectnot es.gif" alt="send ConnectNotes" /><br /><br />

Send as many ConnectNotes
as you like during your free trial period.<br /><br />

Save your sent and received ConnectNotes just like email.<br /><br />

After 7 days, subscribe to keep sending ConnectNotes.</td></tr>
</table> </div><!--closing "wrap_conte nt"-->
<div id="footer">
<img src="/img/footer_home.jpg " alt="Copyright 2007 Open Workforce" /> <p style="float:le ft">&copy; 2008 Captech Partners LLC, All rights reserved.</p>
<p id="bottomright links"><a href="/users/termsofuse" class="bottomri ght"> Terms of service</a> | <a href="/users/privacypolicy" class="bottomri ght">Privacy Policy</a> | <a href="/users/aboutus" class="bottomri ght">About</a></p>

</div><!--closing "footer"-->

</div><!--closing "wrap"-->


</body>
</html>
<!-- 0.1525s -->[/HTML]

[skoggins]

And here is the CSS:

/* CSS Document */
/*Styles for the homepage of ConnectNote.com

/*for p and h1, etc. tags: The default margin among browsers is different. It's best just to start by setting all margins and padding to zero.*/
*{margin:0;padd ing:0}
table {
border-collapse: collapse;
}
img {vertical-align:bottom}
/*#header a:link {color: #464646; text-decoration: none;}
#header a:visited {color: #464646; text-decoration: none; }
#header a:hover {color:#FFFFFF; text-decoration: none;}
*/
#header a:link {color: #464646; text-decoration: none;}
#header a:visited {color: #464646; text-decoration: none; }
#header a:hover {color:#FFFFFF; text-decoration: none;}


#header_cn a:link {color: #464646; text-decoration: none;}
#header_cn a:visited {color: #464646; text-decoration: none; }
#header_cn a:hover {color:#FFFFFF; text-decoration: none;}

a:link {color:#545454; text-decoration: none;}
a:visited {color:#545454; text-decoration: none; }
a:hover {color:#545454; text-decoration: underline;}


a.headerlink:li nk {
font-weight:bold;
color: #ffffff;
text-decoration: underline;
}
a.headerlink:vi sited {
font-weight:bold;
color: #ffffff;
text-decoration: underline;
}
a.headerlink:ho ver {
font-weight:bold;
color: #ffffff;
text-decoration: underline;
}

.staticheader {
color: #ffffff;
text-align:left;
font-weight:bold;

}

body {
/* background-color: #818284;*/
background-color: #D7D7D7;
/*To avoid problems that can occur in some browsers when the window is narrower than #wrap We set the <body> element's min-width to the same value as the width of #wrap.*/
min-width:950px;
margin-top:25px;
margin-bottom:350px;
/*font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;*/
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#464646;
/*position:relat ive;/* /*for some reason this interferes with the handles showing up in the resizable table */
}
h1 {
padding-top:5px;
font-size:14px;
font-weight:bold;
}

h3 {
font-weight:normal;
font-size:14px;
}

#wrap_cn {
/*background:#99 c;*/
margin:0 auto;
width:1000px;
overflow:hidden ;
}


#header_cn {
padding-top: 0px;
width:1000px;
height:101px;
visibility:visi ble;
background-image:url('/img/header_1000.gif ');
text-align: left;
}

/*
table.mycn_butt ons {
border-collapse:collap se;
}

table.mycn_butt ons td{
padding-bottom:2px;
width:833px;
}
*/

/*styles for homepage */

table.login td{
font-size:11px;
padding:3px 0px 1px 0;
}
.login_btn{
margin: 0px;
padding:0 .25em 0 .25em;
overflow:visibl e;
}
td.labels{
width:66px;
}
.inputbox {
width:150px;

}
.remember_me {
position:relati ve;
left:0px;
}
#remember_conta iner{
width:100%;
vertical-align:middle;
}




.main h2 {
padding:0 10px;
}




#footer_wide_te xt {
padding:0px;
margin:0;
position:relati ve;
top:35px;
left:-10px;
float:right;
font-size:10px;
color:#FFFFFF;
width:230px;
}


.indent {
padding:0 0 0 10px;
margin:0px;
display:block; /* this is a fix for a 3 px layout difference btw FF and IE*/
}
img.indent {
padding:0 0 0 10px;
margin:0px;
display:block; /* this is a fix for a 3 px layout difference btw FF and IE*/
}
div.indent {
padding:0 0 0 10px;
}
img.indent_bd {
padding:0 0 0 15px;
}
img.indent_bn {
padding:0 0 0 11px;
}
.indent_forgot {
/*padding:0 0 0 11px;*/
}
.cue_text {
padding:0 0 0 15px;
}

.create_a_new_c n_text {
padding:0 0 0 15px;
margin:0px;
position:relati ve;
top:4px;
display:block; /* this is a fix for a 3 px layout difference btw FF and IE*/
}
.doubleindent {
padding:0 0 0 20px;
margin:0px;
display:block; /* this is a fix for a 3 px layout difference btw FF and IE*/
}
.superindent {
padding:0 0 0 23px;
}

.color_strip{
padding:0;
margin:0;
display:block;
}

td.main_nav{
padding:0;
margin:0;
}
/* end styles for homepage*/
/*styles for create page*/

td.create_right {
width:271px;
/*background-color:#FF0000;*/
vertical-align:top;
padding: 0px 0 5px 0;

}
td.create_left{
width:283px;
/*background-color:#FF0000;*/
vertical-align:top;
}
td.left_border {
border-left-style:solid;
border-left-width:2px;
border-left-color: #FFFFFF;

}
td.top_border {
border-top-style:solid;
border-top-width:2px;
border-top-color: #FFFFFF;
}
td.top_left_bor der {
border-top-style:solid;
border-top-width:2px;
border-top-color: #FFFFFF;
border-left-style:solid;
border-left-width:2px;
border-left-color: #FFFFFF;
}
/* end styles for create page*/

.main_record {
padding-left:5px;
padding-bottom: 0px;
float:left;
width:553px;
background-color: #F4F4F2;
border-right-style:solid;
border-right-width:2px;
border-right-color: #FFFFFF;
/* background-color:#FFCCFF;*/
}

.main_forgot_pa ssword {

width:545px;
/*background-color:#FFCCFF;*/
}
.table_forgot_p assword{
margin:20px 30px 30px 32px;
}
p.buy_now {
color:#3A8441;
padding-left:10px;
font-size:14px;
}

.buy_now a:link {color:#3A8441; text-decoration: none;}
.buy_now a:visited {color:#3A8441; text-decoration: none; }
.buy_now a:hover {color:#3A8441; text-decoration: underline;}


/*ul.arrow {
line-height: 1.7em;
text-indent: 5px;
list-style-position: outside;
list-style-image: none;
list-style-type: none;
padding-bottom: 0px;
margin: 0px;
}*/

.details_table td{
padding:0px 5px 0px 5px;


}




/* styles for connecnote overview page*/
.cn_title {
height: 30px;
padding: 10px;
/*background-color:red;*/
font-size:16px;
font-weight:bold;
display:inline;
}
td.overview_tex t {
padding:10px 50px 50px 50px;
border-top-style:solid;
border-top-width:2px;
border-top-color: #FFFFFF;
border-bottom-style:solid;
border-bottom-width:2px;
border-bottom-color: #FFFFFF;
}
table.overview td{
background-color:#F4F4F2;
}
td.overview_top {
padding: 0 0px 0 0px
}
table.comments td{
padding:3px 15px 3px 15px;

}
table.comments {
border-collapse:collap se;
width:833px;
}
td.comments_hea der {
padding-top:3px;
padding-bottom:3px;
}
/*end styles for connecnote overview page*/
/* styles for change_logo, upload a file, and change_default pages*/
table.change_lo go td{
padding:20px 0 0px 20px;
}

table.change_de fault td{
padding:10px 10px 0px 10px;
}
.thedoc_pad {
padding: 5px 0 40px 25px;
}
.upload_text{
padding:15px;
width:573px;
}
table.upload {
border-collapse:collap se;
}
.upload_text2{
padding:15px;
width:530px;
}
table.upload2 {
border-collapse:collap se;
margin:20px 30px 30px 30px;
}
.upload_sidebar {
width:271px;
border-left-style:solid;
border-left-width:2px;
border-left-color: #FFFFFF;

}
.viewcn_sidebar {
width:244px;
border-left-style:solid;
border-left-width:2px;
border-left-color: #FFFFFF;

}
td.doclist {
padding:0 5px 0 5px;
}
.listusers td {
padding:2px 2px 2px 2px;
text-align:center;
}
td.logo_sidebar {
width:240px;
border-left-style:solid;
border-left-width:2px;
border-left-color: #FFFFFF;
}
/*end styles for change_logo, upload a file, and change_default pages*/
/*styles for create_text_mes sage page */
#text_message {
margin:30px;
height:420px;

}
#script{
margin:30px;
height:520px;
}

td.script_sideb ar {
width:280px;
border-left-style:solid;
border-left-width:2px;
border-left-color: #FFFFFF;
}
table.create_sc ript td{
padding:20px 20px 0px 20px;
}
td.main_create_ script {
width: 523px;
}
table.prerecord ed td{
padding:20px 20px 0px 20px;
}
td.main_prereco rded {
width: 543px;
padding:20px;
/*background-color:red;*/
}
table.prerecord ed {
border-collapse:collap se;
}
table.prerecord ed2 td{
padding:20px 20px 0px 20px;
}
td.main_prereco rded2 {
width: 517px;
padding:20px;
/*background-color:red;*/
}
table.prerecord ed2 {
}
#about_us {
padding:30px 160px 40px 31px;
font-size:12px;
width: 475px;
line-height:133%;
float:left;
color:#333333;
}
#about_us p {
padding:.5em 0px;
}
#about_us a:link{
color:#3A8441;
text-decoration:none ;
}
#about_us a:hover{
color:#3A8441;
text-decoration:unde rline;
}
#about_us a:visited{
color:#3A8441;
text-decoration:none ;
}
#about_us img{
padding-bottom:28px;
}
#aboutus_sideba r{
float:right;
width:255px;
background-color:#CDCDCD;
font-size:11px;
color:#666666;
line-height:118%;
padding: 31px 20px 0px 0px;
}
#help_sidebar{
float:right;
width:275px;
background-color:#CDCDCD;
font-size:11px;
color:#666666;
line-height:150%;
padding-top:31px;
height:1000px;

}
#help_sidebar a{
display:block;
padding-left:21px;
}
#about_us h1{
/*this is for the privacy policy page */
font-weight:bold;
padding-bottom:.5em;
padding-top:1em;
font-size:12px;
}
#aboutus_sideba r h1{
font-size:12px;
color:#333333;
line-height:108%;
padding-left:22px;
}
#help_sidebar h1{
font-size:12px;
color:#333333;
line-height:108%;
padding-left:21px;
}
#help_sidebar a:link{
text-decoration:none ;
color:#666666;
}
#help_sidebar a:visited{
text-decoration:none ;
color:#666666;
}
#help_sidebar a:hover{
text-decoration:unde rline;
color:#666666;
}

#aboutus_sideba r li{
padding:4px 0px;
}
#privacy_sideba r{
float:right;
width:275px;
background-color:#CDCDCD;
padding-top:31px;
height:1275px;
}
#terms_sidebar{
float:right;
width:275px;
background-color:#CDCDCD;
padding-top:31px;
height:7100px;
}
#overview_ppt {
}
.send_btn{
width:50px;
}
.four_steps {
position:relati ve;
left:-8px;
}
.options_text{
position:relati ve;
left:39px;
}
table.acceptter ms td{
padding:20px 20px 0px 32px;
}
table.acceptter ms {
width:833px;
}
td.privacyterms _sidebar {
width: 235px;
}
#thedoc_contain er{
height:392px;
overflow:hidden ;
/*background-color:#FF0000;*/

}
/*class names from cake.generic.cs s */
#flashMessage, #forgotMessage, #viewcnMessage, #loginMessage, #sendMessage, #acceptMessage, .error, .error_message {
color:#900;

}
#loginMessage{
width:224px;
/*background-color:red;*/
height:11px;
position:absolu te;
top:108px;

}
.error_message {
clear: both;
}
.error em {
font-size: 18px;
color: #003d4c;
}
.notice {
color: #656565;
display:block;
}
.tip {
color: #656565;
background-color: #ddd;
}
#listdocs {
background:#6F8 CC7 url(/img/miniQHeader.gif ) repeat-y scroll left top;
color:#FFFFFF;
font-family:"Trebuch et MS",arial,san s-serif;
font-size:1.2em;
font-weight:bold;
margin:0pt;
padding:0.15em 3px 0.4em 12px;
position:relati ve;
z-index:10;

}
.sideContent {
position:absolu te;
margin:20px 0px 0px 0px;
padding:0 0 1px 0;
width:400px;
right:20px;
top:140px;

}
/* h2 heading */
.contentsDoc h2 {

color:red;
font-family:"Trebuch et MS",arial,san s-serif;
font-size:1.20em;
font-weight:bold;

margin:0 0 0 0px;
background:#6F8 CC7 url(/img/miniQHeader.gif ) left top repeat-x;
position:relati ve;
z-index:10;
}
.contents{
background-color:#FFFFFF;
border-top:1px solid #06c;
border-right:1px solid #06c;
border-left:1px solid #06c;
border-bottom:1px solid #06c;
}
.contentsDoc li{
padding:0 3px 0 8px;
margin:0;
overflow:hidden ;
border-top:1px dotted #ddd;
}
/* h3 heading */
.contentsDoc h3{
color:#06c;
font-family:arial,sa ns-serif;
font-size:1.0em;
font-weight:bold;
text-transform:upper case;
padding:0.5em 0px 0.5em 8px;
margin:0;

}
/* h2 heading */
.contentsDoc h2 {
color:#fff;
font-family:"Trebuch et MS",arial,san s-serif;
font-size:1.20em;
font-weight:bold;
padding:0.15em 3px 0.4em 12px;
margin:0 0 0 0px;
background:#6F8 CC7 url(/img/miniQHeader.gif ) left top repeat-y;
position:relati ve;
z-index:10;
}

#grey1 {
float: right;
margin-right: 0;
}

#memory{
font-size:12px;
color:#808080;
/*float:right;
display:inline;
width:150px;
position:relati ve;
top:6px;*/
}
.datedrop {
width:70px;
}
table.listusers select{
width:100px;
}
.uploadfile_tex t{
width:500px;
float:left;
}

#grey2{

width:200px;
float:right;

}
.close{
float:right;
dsiplay:inline;
}
.close a:link{
text-decoration:none ;
color:#FFFFFF;
}
#editlink {
font-size:10px;

}
#editlink a{
text-decoration:unde rline;
color:#0000FF;
}
.login_boxes {
margin:0pt;
padding:0pt;
width:161px;
}
.login_boxes2{

width:240px;
}
td.login_header {
padding-top:0px;
}


#leftlinks_cont ainer{

/*background-color:#3A8441;*/

padding:30px;
}
#leftlinks_cont ainer a{
/*Make the hyperlinks as a block element, sort of a hover effect*/
display: block;
padding: 2px 10px;
background-repeat: no-repeat;
height:24px;
}
#leftlinks_cont ainer a{
text-decoration:none ;
}
ul#leftlinks_co ntainer,
#leftlinks_cont ainer ul{
/*Remove all spacings from the list items*/
margin: 0pt;
padding: 0pt;
list-style-type: none;

}

#leftnav-createcn a{
background-image:url('/img/navcreate.gif') ;
/*padding:15px 158px 0 0;*/
height:25px;
}
#leftnav-createcn a:hover{
background-image:url('/img/navcreate_f2.gi f');
color:#FFB300; /*this is because the space that is filling the empty link shows in the rollover */
}

#leftnav-inbox a{
background-image:url('/img/navinbox.gif');
/*padding:14px 158px 0 0;*/
}
#leftnav-inbox a:hover{
background-image:url('/img/navinbox_f2.gif ');
color:#FFB300; /*this is because the space that is filling the empty link shows in the rollover */
}
.inbox_selector #leftnav-inbox a{
background-image:url('/img/navinbox_f2.gif '); /*for active state*/
}
#leftnav-sent a{
background-image:url('/img/navsent.gif');
/*padding:14px 158px 0 0;*/
}
#leftnav-sent a:hover{
background-image:url('/img/navsent_f2.gif' );
color:#FFB300; /*this is because the space that is filling the empty link shows in the rollover */
}
.sent_selector #leftnav-sent a{
background-image:url('/img/navsent_f2.gif' ); /*for active state*/
}

#leftnav-drafts a{
background-image:url('/img/navdrafts.gif') ;
/*padding:14px 158px 0 0;*/
}
#leftnav-drafts a:hover{
background-image:url('/img/navdrafts_f2.gi f');
color:#FFB300; /*this is because the space that is filling the empty link shows in the rollover */
}
.drafts_selecto r #leftnav-drafts a{
background-image:url('/img/navdrafts_f2.gi f'); /*for active state*/
}
#leftnav-contacts a{
background-image:url('/img/navcontacts.gif ');
height:25px;
/*padding:15px 158px 0 0;*/
}
#leftnav-contacts a:hover{
background-image:url('/img/navcontacts_f2. gif');
color:#FFFFFF; /*this is because the space that is filling the empty link shows in the rollover */
}
.contacts_selec tor #leftnav-contacts a{
background-image:url('/img/navcontacts_f2. gif'); /*for active state*/
}

#uploadlogolink {
position:relati ve;
left:15px;
font-size:9px;
}


/* styles for mycn page */
#searchbox{

position:absolu te;
/*right:-5px;*/
right:4px;
top:4px;
height: 20px;
width:250px;
/*background-color:#99FFFF;*/

}
.searchinput{
padding-left:10px;
padding-top:1px;
width:150px;
/*height:100%;*/
height:15px;
margin-right:5px;

}
.searchsubmit{
width:46px;
height:20px;
font-size:11px;

}
table.mycntable {
border-collapse:collap se;
width:950px;
clear:both;
height:526px;
}
td.mycnmain {
padding:28px 24px 0px 26px;
}
td.mycnside {
width:161px;
background-color:#808080;
font-weight:bold;
border-right-color:#E0E0E0;
border-right-width:1px;
border-right-style:solid;
}
/*end of styles for mycn page*/

/*styles for default layout */
img.logo {
padding-left:32px;
padding-top:10px;
}


#top_links {
position:relati ve;
top:5px;
left:3px;
color: #545454;
font-size: 13px;
font-weight:bold;

/* background-color:#00FF33;*/
}
#welcome {
/*position:relat ive;
top:-80px;
width:190px;
left: -7px;
float:right;
background-color:#00FF33;*/
padding-top:39px;
padding-right:20px;
text-align:right;
display:block;
}
#topnavbar{
/*height:25px;*/
/*width: 673px;*/
clear:both;
color:#FFFFFF;
/*float:left;*/
/*background-color:#FFB300;*/
/*background-color:#3A8441;*/
/*padding-top:5px;*/

}
/*
#grey_bar{
display:inline;
font-size:13px;
font-weight:bold;
padding:1px 242px 10px 28px;
height:30px;
background-color:#808080;
border-left-style:solid;
border-left-width:2px;
border-left-color: #FFFFFF;
}
*/

#nav1, #nav2, #nav3, #nav4, #nav5{
display:inline;
font-size:13px;
font-weight:bold;
height:30px;
float:left;

}


#topnavbar a:link {color: #FFFFFF; text-decoration: none;}
#topnavbar a:visited {color: #FFFFFF; text-decoration: none;}
#topnavbar a:hover {color:#FFFFFF; text-decoration: none;}

/*#nav1 a:link{
background-color:#3A8441;p adding:0px 0px 0px 30px;
}
#nav2 a:link{
background-color:#3A8441;p adding:2px 10px 2px 28px;
}
#nav3 a:link{
background-color:#3A8441;p adding:2px 42px 2px 28px;
}
#nav4 a:link{
background-color:#3A8441;p adding:2px 42px 2px 28px;
}
#nav5 a:link{
background-color:#3A8441;p adding:2px 22px 2px 28px;
}

#nav1 a:visited{
background-color:#3A8441;p adding:7px 22px 7px 30px;
}
#nav2 a:visited{
background-color:#3A8441;p adding:7px 42px 7px 28px;
}
#nav3 a:visited{
background-color:#3A8441;p adding:7px 42px 7px 28px;
}
#nav4 a:visited{
background-color:#3A8441;p adding:7px 42px 7px 28px;
}
#nav5 a:visited{
background-color:#3A8441;p adding:7px 22px 7px 28px;
}
#nav1 a:hover{
background-color:#000000; padding:7px 22px 7px 30px;
}
#nav2 a:hover{
background-color:#000000; padding:7px 42px 7px 28px;
}
#nav3 a:hover{
background-color:#000000; padding:7px 42px 7px 28px;
}
#nav4 a:hover{
background-color:#000000; padding:7px 42px 7px 28px;
}
#nav5 a:hover{
background-color:#000000; padding:7px 22px 7px 28px;
}*/
#toprightnavlin ks {
padding-top:38px;
font-size:12px;
text-align:left;
width:220px;
padding-left:20px;
}
#navbar {
position:relati ve;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
/*font-weight:600;*/
height:30px; /*need this height here for searchbox to show up in IE6 */
}
#navbar li {
list-style:none;
display:inline;
/*text-align:center;*/ /*this isn't working in IE6*/
}

#navbar a {
width:114px;
color:#fff;
text-decoration:none ;
float:left;
padding:7px 0px 8px 0px;
margin:0 0px;
background-color:#3A8441;
text-align:center; /*for IE6*/
}


#nav-myconnectnotes a {
width:130px;
text-align:left;
padding-left:31px;
}
#nav-create a {
width:99px;
}
#nav-howitworks a {
width:132px;
}
#nav-subscribe a {
width:123px;
}
#nav-freetrial a {
text-align:left;
padding-left:30px;
width:128px;
}

#navbar a:link {

}

a.first {
padding:5px 20px 5px 10px;
}
#navbar a:hover{
/*background-position:0 -45px;*/
background-color:#000000;
}


#body_myconnect notes #nav-myconnectnotes a,
#body_create #nav-create a,
#body_howitwork s #nav-howitworks a,
#body_subscribe #nav-subscribe a,
#body_freetrial #nav-freetrial a {
background:#000 000;

}


/* this is to provide the background color for the content*/
#wrap_content{
/*background-color: red;*/
background-color: #E6E6E6;
width:100%;
z-index:99;
float:left;
/*min-height:500px;
height:auto !important; *//* hack found here:http://www.dustindiaz.com/min-height-fast-hack/*/
/*height:500px;*/
}


#header {
padding-top: 0px;
width:950px;
height:77px;
visibility:visi ble;
background-image:url('/img/header.gif');
text-align: left;
}
#wrap {
/*background:#99 c;*/
margin:0 auto;
width:950px;
/*overflow:hidde n;*/
}
#footer {
/*background-color:red;*/

}

#footer p {
padding:0px;
margin:0;
position:relati ve;
top:10px;
left:0px;
font-size:11px;
color:#999999;
/*width:300px;*/
}
.bottomright:li nk {color: #3A8441; text-decoration: none;}
.bottomright:vi sited {color: #3A8441; text-decoration: none; }
.bottomright:ho ver {color:#3A8441; text-decoration: underline;}

#bottomrightlin ks{
float:right;
color:#3A8441;
}
td.header_td{
width:218px;
vertical-align:top;
padding-left:5px;
}
td.header_topri ght{
vertical-align:top;
padding-left:10px;
width:350px;
}
/*end of styles for default layout */
/*styles for overview page*/
#wrap_overview{
/*padding: 28px 30px 20px 32px;*/
}

#logo_constrain {
/*padding-left:14px;*/
padding-top:8px;
height: 62px;
width: 350px;
overflow:hidden ;

}


/* end of styles for overview page */
/*styles for homepage */
a.green:link{
color: #3A8441;
font-weight:bold;
}
a.green{
color: #3A8441;
font-weight:bold;
}
a.green:visited {
text-decoration:none ;
}
a.green:hover{
text-decoration:unde line;
}

.green{
color: #3A8441;
}
.home_text{
font-size:13px;
line-height:128.6%;
}
/* .main {

padding-left:5px;
padding-bottom: 10px;
float:left;
width:553px;
background-color: #F4F4F2;
border-right-style:solid;
border-right-width:thin;
border-right-color: #FFFFFF;
background-color:#FFCCFF;
}*/

td.main_text {
padding: 4px 85px 5px 31px;
width:557px;
/*width:2673px; *//* forcing sidebar column over in IE6 not sure why I have to do this*/
/*border-right-style:solid;
border-right-width:thin;
border-right-color: #FFFFFF;
*/
}
.check {
margin:0px;padd ing:0px;overflo w:hidden;width: 16px;vertical-align:middle;
}
.home_demo{
/*background-image:url('/img/home_pic.jpg');
background-position: top center;
background-repeat:no-repeat;
padding-left:35px;*/
vertical-align:bottom;

}
#home_btns{
position:relati ve;
top:-25px;
}
#home_btns img{
padding:20px;
border:none;
}
.sidebar {
padding:10px 25px 21px 20px;
border-left-style:solid;
border-left-width:2px;
border-left-color: #FFFFFF;


}

.sidebar p {
padding:5px;
text-align:center;
margin:0px;
}
td.home_bottom_ right{
padding: 26px 52px 132px 47px;
background-color:#808080;
color:#FFFFFF;
font-size:12px;
line-height:135%;
border-left-style:solid;
border-left-width:2px;
border-left-color: #FFFFFF;
}
.home_buttons{
border-left-style:solid;
border-left-width:2px;
border-left-color: #FFFFFF;
border-bottom-style:solid;
border-bottom-width:2px;
border-bottom-color: #FFFFFF;
border-top-style:solid;
border-top-width:2px;
border-top-color: #FFFFFF;
}
table.home td{
border-collapse:collap se;
}


/*end of styles for homepage */

/*styles for add/edit pages*/
.headline{
padding: 30px 0pt 0pt 40px;
}
table.registrat ion td{
padding: 4px 0 4px 8px;

font-size:12px;

}
table.registrat ion {
margin:30px 0px 0px 20px;
width:800px;
}
table.registrat ion input, password, select{
width:200px;
}
table.registrat ion select{
width:204px;
}

table.registrat ion input.btn{
width:55px;
}
/*end styles for add/edit pages*/
/* styles for send connecnote page*/
table.send_cn td{
padding: 7px 0 0px 8px;
font-size:12px;

}
table.send_cn {
margin:10px 20px 10px 20px;
}
table.send_cn input{
width:508px;
}
table.send_cn textarea{
width:500px;
}
td.to_textarea textarea{
/*width:73%;*/
width:508px;
overflow:auto;
}

* html td.to_textarea textarea{
/*for IE6 */
width:510px;
}
*:first-child+html td.to_textarea textarea{
/* for IE7 */
width:510px;
}
table.send_cn input.btn {
width:105px;
}
table.send_cn input.check_btn {
width:30px;
}
table.send_cn input.send_btn {
width:60px;
}
.send_textarea {
overflow:auto;
margin:0;
padding:0;
width:510px;

}
.send_sidebar {
width:280px;
border-left-style:solid;
border-left-width:2px;
border-left-color: #FFFFFF;

}
/* end styles for send connectnote page*/
#howitworks{
width:950px;
text-align:center;
}


.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidd en;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block; overflow : hidden; _height : 1%; }
/* End hide from IE Mac */

/*styles for mycn page */
/* This is where you can customize the appearance of the tooltip */
div#tipDiv {
position:absolu te; visibility:hidd en; left:0px; top:20px; z-index:10000;
}
/* These are optional. They demonstrate how you can individually format tooltip content */
div.tp1 { font-size:12px; color:#336; font-style:italic }
div.tp2 { font-weight:bolder; color:#337; padding-top:4px }


/*styles for search box */
form#login {
position:relati ve;
}




label.overlabel {
position:absolu te;
top:3px;
left:5px;
z-index:1;
color:#999;
}


label.overlabel {
color:#999;
}

label.overlabel-apply {
position:absolu te;
top:3px;
left:5px;
z-index:1;
color:#999;
}

[drhowarddrfine]

Validate and fix your CSS. You are using non-existent attributes.

AricC, who was that masked man?

[skoggins]

Css

Sorry, should've validated first. Here is the valid CSS:


/* CSS Document */
*{margin:0;padd ing:0}
table {
border-collapse: collapse;
}
img {vertical-align:bottom}
/*#header a:link {color: #464646; text-decoration: none;}
#header a:visited {color: #464646; text-decoration: none; }
#header a:hover {color:#FFFFFF; text-decoration: none;}
*/
#header a:link {color: #464646; text-decoration: none;}
#header a:visited {color: #464646; text-decoration: none; }
#header a:hover {color:#FFFFFF; text-decoration: none;}


#header_cn a:link {color: #464646; text-decoration: none;}
#header_cn a:visited {color: #464646; text-decoration: none; }
#header_cn a:hover {color:#FFFFFF; text-decoration: none;}

a:link {color:#545454; text-decoration: none;}
a:visited {color:#545454; text-decoration: none; }
a:hover {color:#545454; text-decoration: underline;}


a.headerlink:li nk {
font-weight:bold;
color: #ffffff;
text-decoration: underline;
}
a.headerlink:vi sited {
font-weight:bold;
color: #ffffff;
text-decoration: underline;
}
a.headerlink:ho ver {
font-weight:bold;
color: #ffffff;
text-decoration: underline;
}

.staticheader {
color: #ffffff;
text-align:left;
font-weight:bold;

}

body {
/* background-color: #818284;*/
background-color: #D7D7D7;
/*To avoid problems that can occur in some browsers when the window is narrower than #wrap We set the <body> element's min-width to the same value as the width of #wrap.*/
min-width:950px;
margin-top:25px;
margin-bottom:350px;
/*font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;*/
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#464646;
/*position:relat ive;/* /*for some reason this interferes with the handles showing up in the resizable table */
}
h1 {
padding-top:5px;
font-size:14px;
font-weight:bold;
}

h3 {
font-weight:normal;
font-size:14px;
}

#wrap_cn {
/*background:#99 c;*/
margin:0 auto;
width:1000px;
overflow:hidden ;
}


#header_cn {
padding-top: 0px;
width:1000px;
height:101px;
visibility:visi ble;
background-image:url('/img/header_1000.gif ');
text-align: left;
}

/*
table.mycn_butt ons {
border-collapse:collap se;
}

table.mycn_butt ons td{
padding-bottom:2px;
width:833px;
}
*/

/*styles for homepage */

table.login td{
font-size:11px;
padding:3px 0px 1px 0;
}
.login_btn{
margin: 0px;
padding:0 .25em 0 .25em;
overflow:visibl e;
}
td.labels{
width:66px;
}
.inputbox {
width:150px;

}
.remember_me {
position:relati ve;
left:0px;
}
#remember_conta iner{
width:100%;
vertical-align:middle;
}




.main h2 {
padding:0 10px;
}




#footer_wide_te xt {
padding:0px;
margin:0;
position:relati ve;
top:35px;
left:-10px;
float:right;
font-size:10px;
color:#FFFFFF;
width:230px;
}


.indent {
padding:0 0 0 10px;
margin:0px;
display:block; /* this is a fix for a 3 px layout difference btw FF and IE*/
}
img.indent {
padding:0 0 0 10px;
margin:0px;
display:block; /* this is a fix for a 3 px layout difference btw FF and IE*/
}
div.indent {
padding:0 0 0 10px;
}
img.indent_bd {
padding:0 0 0 15px;
}
img.indent_bn {
padding:0 0 0 11px;
}
.indent_forgot {
/*padding:0 0 0 11px;*/
}
.cue_text {
padding:0 0 0 15px;
}

.create_a_new_c n_text {
padding:0 0 0 15px;
margin:0px;
position:relati ve;
top:4px;
display:block; /* this is a fix for a 3 px layout difference btw FF and IE*/
}
.doubleindent {
padding:0 0 0 20px;
margin:0px;
display:block; /* this is a fix for a 3 px layout difference btw FF and IE*/
}
.superindent {
padding:0 0 0 23px;
}

.color_strip{
padding:0;
margin:0;
display:block;
}

td.main_nav{
padding:0;
margin:0;
}
/* end styles for homepage*/
/*styles for create page*/

td.create_right {
width:271px;
/*background-color:#FF0000;*/
vertical-align:top;
padding: 0px 0 5px 0;

}
td.create_left{
width:283px;
/*background-color:#FF0000;*/
vertical-align:top;
}
td.left_border {
border-left-style:solid;
border-left-width:2px;
border-left-color: #FFFFFF;

}
td.top_border {
border-top-style:solid;
border-top-width:2px;
border-top-color: #FFFFFF;
}
td.top_left_bor der {
border-top-style:solid;
border-top-width:2px;
border-top-color: #FFFFFF;
border-left-style:solid;
border-left-width:2px;
border-left-color: #FFFFFF;
}
/* end styles for create page*/

.main_record {
padding-left:5px;
padding-bottom: 0px;
float:left;
width:553px;
background-color: #F4F4F2;
border-right-style:solid;
border-right-width:2px;
border-right-color: #FFFFFF;
/* background-color:#FFCCFF;*/
}

.main_forgot_pa ssword {

width:545px;
/*background-color:#FFCCFF;*/
}
.table_forgot_p assword{
margin:20px 30px 30px 32px;
}
p.buy_now {
color:#3A8441;
padding-left:10px;
font-size:14px;
}

.buy_now a:link {color:#3A8441; text-decoration: none;}
.buy_now a:visited {color:#3A8441; text-decoration: none; }
.buy_now a:hover {color:#3A8441; text-decoration: underline;}


/*ul.arrow {
line-height: 1.7em;
text-indent: 5px;
list-style-position: outside;
list-style-image: none;
list-style-type: none;
padding-bottom: 0px;
margin: 0px;
}*/

.details_table td{
padding:0px 5px 0px 5px;


}




/* styles for connecnote overview page*/
.cn_title {
height: 30px;
padding: 10px;
/*background-color:red;*/
font-size:16px;
font-weight:bold;
display:inline;
}
td.overview_tex t {
padding:10px 50px 50px 50px;
border-top-style:solid;
border-top-width:2px;
border-top-color: #FFFFFF;
border-bottom-style:solid;
border-bottom-width:2px;
border-bottom-color: #FFFFFF;
}
table.overview td{
background-color:#F4F4F2;
}
td.overview_top {
padding: 0 0px 0 0px
}
table.comments td{
padding:3px 15px 3px 15px;

}
table.comments {
border-collapse:collap se;
width:833px;
}
td.comments_hea der {
padding-top:3px;
padding-bottom:3px;
}
/*end styles for connecnote overview page*/
/* styles for change_logo, upload a file, and change_default pages*/
table.change_lo go td{
padding:20px 0 0px 20px;
}

table.change_de fault td{
padding:10px 10px 0px 10px;
}
.thedoc_pad {
padding: 5px 0 40px 25px;
}
.upload_text{
padding:15px;
width:573px;
}
table.upload {
border-collapse:collap se;
}
.upload_text2{
padding:15px;
width:530px;
}
table.upload2 {
border-collapse:collap se;
margin:20px 30px 30px 30px;
}
.upload_sidebar {
width:271px;
border-left-style:solid;
border-left-width:2px;
border-left-color: #FFFFFF;

}
.viewcn_sidebar {
width:244px;
border-left-style:solid;
border-left-width:2px;
border-left-color: #FFFFFF;

}
td.doclist {
padding:0 5px 0 5px;
}
.listusers td {
padding:2px 2px 2px 2px;
text-align:center;
}
td.logo_sidebar {
width:240px;
border-left-style:solid;
border-left-width:2px;
border-left-color: #FFFFFF;
}
/*end styles for change_logo, upload a file, and change_default pages*/
/*styles for create_text_mes sage page */
#text_message {
margin:30px;
height:420px;

}
#script{
margin:30px;
height:520px;
}

td.script_sideb ar {
width:280px;
border-left-style:solid;
border-left-width:2px;
border-left-color: #FFFFFF;
}
table.create_sc ript td{
padding:20px 20px 0px 20px;
}
td.main_create_ script {
width: 523px;
}
table.prerecord ed td{
padding:20px 20px 0px 20px;
}
td.main_prereco rded {
width: 543px;
padding:20px;
/*background-color:red;*/
}
table.prerecord ed {
border-collapse:collap se;
}
table.prerecord ed2 td{
padding:20px 20px 0px 20px;
}
td.main_prereco rded2 {
width: 517px;
padding:20px;
/*background-color:red;*/
}
table.prerecord ed2 {
}
#about_us {
padding:30px 160px 40px 31px;
font-size:12px;
width: 475px;
line-height:133%;
float:left;
color:#333333;
}
#about_us p {
padding:.5em 0px;
}
#about_us a:link{
color:#3A8441;
text-decoration:none ;
}
#about_us a:hover{
color:#3A8441;
text-decoration:unde rline;
}
#about_us a:visited{
color:#3A8441;
text-decoration:none ;
}
#about_us img{
padding-bottom:28px;
}
#aboutus_sideba r{
float:right;
width:255px;
background-color:#CDCDCD;
font-size:11px;
color:#666666;
line-height:118%;
padding: 31px 20px 0px 0px;
}
#help_sidebar{
float:right;
width:275px;
background-color:#CDCDCD;
font-size:11px;
color:#666666;
line-height:150%;
padding-top:31px;
height:1000px;

}
#help_sidebar a{
display:block;
padding-left:21px;
}
#about_us h1{
/*this is for the privacy policy page */
font-weight:bold;
padding-bottom:.5em;
padding-top:1em;
font-size:12px;
}
#aboutus_sideba r h1{
font-size:12px;
color:#333333;
line-height:108%;
padding-left:22px;
}
#help_sidebar h1{
font-size:12px;
color:#333333;
line-height:108%;
padding-left:21px;
}
#help_sidebar a:link{
text-decoration:none ;
color:#666666;
}
#help_sidebar a:visited{
text-decoration:none ;
color:#666666;
}
#help_sidebar a:hover{
text-decoration:unde rline;
color:#666666;
}

#aboutus_sideba r li{
padding:4px 0px;
}
#privacy_sideba r{
float:right;
width:275px;
background-color:#CDCDCD;
padding-top:31px;
height:1275px;
}
#terms_sidebar{
float:right;
width:275px;
background-color:#CDCDCD;
padding-top:31px;
height:7100px;
}
#overview_ppt {
}
.send_btn{
width:50px;
}
.four_steps {
position:relati ve;
left:-8px;
}
.options_text{
position:relati ve;
left:39px;
}
table.acceptter ms td{
padding:20px 20px 0px 32px;
}
table.acceptter ms {
width:833px;
}
td.privacyterms _sidebar {
width: 235px;
}
#thedoc_contain er{
height:392px;
overflow:hidden ;
/*background-color:#FF0000;*/

}
/*class names from cake.generic.cs s */
#flashMessage, #forgotMessage, #viewcnMessage, #loginMessage, #sendMessage, #acceptMessage, .error, .error_message {
color:#900;

}
#loginMessage{
width:224px;
/*background-color:red;*/
height:11px;
position:absolu te;
top:108px;

}
.error_message {
clear: both;
}
.error em {
font-size: 18px;
color: #003d4c;
}
.notice {
color: #656565;
display:block;
}
.tip {
color: #656565;
background-color: #ddd;
}
#listdocs {
background:#6F8 CC7 url(/img/miniQHeader.gif ) repeat-y scroll left top;
color:#FFFFFF;
font-family:"Trebuch et MS",arial,san s-serif;
font-size:1.2em;
font-weight:bold;
margin:0pt;
padding:0.15em 3px 0.4em 12px;
position:relati ve;
z-index:10;

}
.sideContent {
position:absolu te;
margin:20px 0px 0px 0px;
padding:0 0 1px 0;
width:400px;
right:20px;
top:140px;

}
/* h2 heading */
.contentsDoc h2 {

color:red;
font-family:"Trebuch et MS",arial,san s-serif;
font-size:1.20em;
font-weight:bold;

margin:0 0 0 0px;
background:#6F8 CC7 url(/img/miniQHeader.gif ) left top repeat-x;
position:relati ve;
z-index:10;
}
.contents{
background-color:#FFFFFF;
border-top:1px solid #06c;
border-right:1px solid #06c;
border-left:1px solid #06c;
border-bottom:1px solid #06c;
}
.contentsDoc li{
padding:0 3px 0 8px;
margin:0;
overflow:hidden ;
border-top:1px dotted #ddd;
}
/* h3 heading */
.contentsDoc h3{
color:#06c;
font-family:arial,sa ns-serif;
font-size:1.0em;
font-weight:bold;
text-transform:upper case;
padding:0.5em 0px 0.5em 8px;
margin:0;

}
/* h2 heading */
.contentsDoc h2 {
color:#fff;
font-family:"Trebuch et MS",arial,san s-serif;
font-size:1.20em;
font-weight:bold;
padding:0.15em 3px 0.4em 12px;
margin:0 0 0 0px;
background:#6F8 CC7 url(/img/miniQHeader.gif ) left top repeat-y;
position:relati ve;
z-index:10;
}

#grey1 {
float: right;
margin-right: 0;
}

#memory{
font-size:12px;
color:#808080;
/*float:right;
display:inline;
width:150px;
position:relati ve;
top:6px;*/
}
.datedrop {
width:70px;
}
table.listusers select{
width:100px;
}
.uploadfile_tex t{
width:500px;
float:left;
}

#grey2{

width:200px;
float:right;

}
.close{
float:right;
display:inline;
}
.close a:link{
text-decoration:none ;
color:#FFFFFF;
}
#editlink {
font-size:10px;

}
#editlink a{
text-decoration:unde rline;
color:#0000FF;
}
.login_boxes {
margin:0pt;
padding:0pt;
width:161px;
}
.login_boxes2{

width:240px;
}
td.login_header {
padding-top:0px;
}


#leftlinks_cont ainer{

/*background-color:#3A8441;*/

padding:30px;
}
#leftlinks_cont ainer a{
/*Make the hyperlinks as a block element, sort of a hover effect*/
display: block;
padding: 2px 10px;
background-repeat: no-repeat;
height:24px;
}
#leftlinks_cont ainer a{
text-decoration:none ;
}
ul#leftlinks_co ntainer,
#leftlinks_cont ainer ul{
/*Remove all spacings from the list items*/
margin: 0pt;
padding: 0pt;
list-style-type: none;

}

#leftnav-createcn a{
background-image:url('/img/navcreate.gif') ;
/*padding:15px 158px 0 0;*/
height:25px;
}
#leftnav-createcn a:hover{
background-image:url('/img/navcreate_f2.gi f');
color:#FFB300; /*this is because the space that is filling the empty link shows in the rollover */
}

#leftnav-inbox a{
background-image:url('/img/navinbox.gif');
/*padding:14px 158px 0 0;*/
}
#leftnav-inbox a:hover{
background-image:url('/img/navinbox_f2.gif ');
color:#FFB300; /*this is because the space that is filling the empty link shows in the rollover */
}
.inbox_selector #leftnav-inbox a{
background-image:url('/img/navinbox_f2.gif '); /*for active state*/
}
#leftnav-sent a{
background-image:url('/img/navsent.gif');
/*padding:14px 158px 0 0;*/
}
#leftnav-sent a:hover{
background-image:url('/img/navsent_f2.gif' );
color:#FFB300; /*this is because the space that is filling the empty link shows in the rollover */
}
.sent_selector #leftnav-sent a{
background-image:url('/img/navsent_f2.gif' ); /*for active state*/
}

#leftnav-drafts a{
background-image:url('/img/navdrafts.gif') ;
/*padding:14px 158px 0 0;*/
}
#leftnav-drafts a:hover{
background-image:url('/img/navdrafts_f2.gi f');
color:#FFB300; /*this is because the space that is filling the empty link shows in the rollover */
}
.drafts_selecto r #leftnav-drafts a{
background-image:url('/img/navdrafts_f2.gi f'); /*for active state*/
}
#leftnav-contacts a{
background-image:url('/img/navcontacts.gif ');
height:25px;
/*padding:15px 158px 0 0;*/
}
#leftnav-contacts a:hover{
background-image:url('/img/navcontacts_f2. gif');
color:#FFFFFF; /*this is because the space that is filling the empty link shows in the rollover */
}
.contacts_selec tor #leftnav-contacts a{
background-image:url('/img/navcontacts_f2. gif'); /*for active state*/
}

#uploadlogolink {
position:relati ve;
left:15px;
font-size:9px;
}


/* styles for mycn page */
#searchbox{

position:absolu te;
/*right:-5px;*/
right:4px;
top:4px;
height: 20px;
width:250px;
/*background-color:#99FFFF;*/

}
.searchinput{
padding-left:10px;
padding-top:1px;
width:150px;
/*height:100%;*/
height:15px;
margin-right:5px;

}
.searchsubmit{
width:46px;
height:20px;
font-size:11px;

}
table.mycntable {
border-collapse:collap se;
width:950px;
clear:both;
height:526px;
}
td.mycnmain {
padding:28px 24px 0px 26px;
}
td.mycnside {
width:161px;
background-color:#808080;
font-weight:bold;
border-right-color:#E0E0E0;
border-right-width:1px;
border-right-style:solid;
}
/*end of styles for mycn page*/

/*styles for default layout */
img.logo {
padding-left:32px;
padding-top:10px;
}


#top_links {
position:relati ve;
top:5px;
left:3px;
color: #545454;
font-size: 13px;
font-weight:bold;

/* background-color:#00FF33;*/
}
#welcome {
/*position:relat ive;
top:-80px;
width:190px;
left: -7px;
float:right;
background-color:#00FF33;*/
padding-top:39px;
padding-right:20px;
text-align:right;
display:block;
}
#topnavbar{
/*height:25px;*/
/*width: 673px;*/
clear:both;
color:#FFFFFF;
/*float:left;*/
/*background-color:#FFB300;*/
/*background-color:#3A8441;*/
/*padding-top:5px;*/

}
/*
#grey_bar{
display:inline;
font-size:13px;
font-weight:bold;
padding:1px 242px 10px 28px;
height:30px;
background-color:#808080;
border-left-style:solid;
border-left-width:2px;
border-left-color: #FFFFFF;
}
*/

#nav1, #nav2, #nav3, #nav4, #nav5{
display:inline;
font-size:13px;
font-weight:bold;
height:30px;
float:left;

}


#topnavbar a:link {color: #FFFFFF; text-decoration: none;}
#topnavbar a:visited {color: #FFFFFF; text-decoration: none;}
#topnavbar a:hover {color:#FFFFFF; text-decoration: none;}

/*#nav1 a:link{
background-color:#3A8441;p adding:0px 0px 0px 30px;
}
#nav2 a:link{
background-color:#3A8441;p adding:2px 10px 2px 28px;
}
#nav3 a:link{
background-color:#3A8441;p adding:2px 42px 2px 28px;
}
#nav4 a:link{
background-color:#3A8441;p adding:2px 42px 2px 28px;
}
#nav5 a:link{
background-color:#3A8441;p adding:2px 22px 2px 28px;
}

#nav1 a:visited{
background-color:#3A8441;p adding:7px 22px 7px 30px;
}
#nav2 a:visited{
background-color:#3A8441;p adding:7px 42px 7px 28px;
}
#nav3 a:visited{
background-color:#3A8441;p adding:7px 42px 7px 28px;
}
#nav4 a:visited{
background-color:#3A8441;p adding:7px 42px 7px 28px;
}
#nav5 a:visited{
background-color:#3A8441;p adding:7px 22px 7px 28px;
}
#nav1 a:hover{
background-color:#000000; padding:7px 22px 7px 30px;
}
#nav2 a:hover{
background-color:#000000; padding:7px 42px 7px 28px;
}
#nav3 a:hover{
background-color:#000000; padding:7px 42px 7px 28px;
}
#nav4 a:hover{
background-color:#000000; padding:7px 42px 7px 28px;
}
#nav5 a:hover{
background-color:#000000; padding:7px 22px 7px 28px;
}*/
#toprightnavlin ks {
padding-top:38px;
font-size:12px;
text-align:left;
width:220px;
padding-left:20px;
}
#navbar {
position:relati ve;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
/*font-weight:600;*/
height:30px; /*need this height here for searchbox to show up in IE6 */
}
#navbar li {
list-style:none;
display:inline;
/*text-align:center;*/ /*this isn't working in IE6*/
}

#navbar a {
width:114px;
color:#fff;
text-decoration:none ;
float:left;
padding:7px 0px 8px 0px;
margin:0 0px;
background-color:#3A8441;
text-align:center; /*for IE6*/
}


#nav-myconnectnotes a {
width:130px;
text-align:left;
padding-left:31px;
}
#nav-create a {
width:99px;
}
#nav-howitworks a {
width:132px;
}
#nav-subscribe a {
width:123px;
}
#nav-freetrial a {
text-align:left;
padding-left:30px;
width:128px;
}

#navbar a:link {

}

a.first {
padding:5px 20px 5px 10px;
}
#navbar a:hover{
/*background-position:0 -45px;*/
background-color:#000000;
}


#body_myconnect notes #nav-myconnectnotes a,
#body_create #nav-create a,
#body_howitwork s #nav-howitworks a,
#body_subscribe #nav-subscribe a,
#body_freetrial #nav-freetrial a {
background:#000 000;

}


/* this is to provide the background color for the content*/
#wrap_content{
/*background-color: red;*/
background-color: #E6E6E6;
width:100%;
z-index:99;
float:left;
/*min-height:500px;
height:auto !important; *//* hack found here:http://www.dustindiaz.com/min-height-fast-hack/*/
/*height:500px;*/
}


#header {
padding-top: 0px;
width:950px;
height:77px;
visibility:visi ble;
background-image:url('/img/header.gif');
text-align: left;
}
#wrap {
/*background:#99 c;*/
margin:0 auto;
width:950px;
/*overflow:hidde n;*/
}
#footer {
/*background-color:red;*/

}

#footer p {
padding:0px;
margin:0;
position:relati ve;
top:10px;
left:0px;
font-size:11px;
color:#999999;
/*width:300px;*/
}
.bottomright:li nk {color: #3A8441; text-decoration: none;}
.bottomright:vi sited {color: #3A8441; text-decoration: none; }
.bottomright:ho ver {color:#3A8441; text-decoration: underline;}

#bottomrightlin ks{
float:right;
color:#3A8441;
}
td.header_td{
width:218px;
vertical-align:top;
padding-left:5px;
}
td.header_topri ght{
vertical-align:top;
padding-left:10px;
width:350px;
}
/*end of styles for default layout */
/*styles for overview page*/
#wrap_overview{
/*padding: 28px 30px 20px 32px;*/
}

#logo_constrain {
/*padding-left:14px;*/
padding-top:8px;
height: 62px;
width: 350px;
overflow:hidden ;

}


/* end of styles for overview page */
/*styles for homepage */
a.green:link{
color: #3A8441;
font-weight:bold;
}
a.green{
color: #3A8441;
font-weight:bold;
}
a.green:visited {
text-decoration:none ;
}
a.green:hover{
text-decoration:unde rline;
}

.green{
color: #3A8441;
}
.home_text{
font-size:13px;
line-height:128.6%;
}
/* .main {

padding-left:5px;
padding-bottom: 10px;
float:left;
width:553px;
background-color: #F4F4F2;
border-right-style:solid;
border-right-width:thin;
border-right-color: #FFFFFF;
background-color:#FFCCFF;
}*/

td.main_text {
padding: 4px 85px 5px 31px;
width:557px;
/*width:2673px; *//* forcing sidebar column over in IE6 not sure why I have to do this*/
/*border-right-style:solid;
border-right-width:thin;
border-right-color: #FFFFFF;
*/
}
.check {
margin:0px;padd ing:0px;overflo w:hidden;width: 16px;vertical-align:middle;
}
.home_demo{
/*background-image:url('/img/home_pic.jpg');
background-position: top center;
background-repeat:no-repeat;
padding-left:35px;*/
vertical-align:bottom;

}
#home_btns{
position:relati ve;
top:-25px;
}
#home_btns img{
padding:20px;
border:none;
}
.sidebar {
padding:10px 25px 21px 20px;
border-left-style:solid;
border-left-width:2px;
border-left-color: #FFFFFF;


}

.sidebar p {
padding:5px;
text-align:center;
margin:0px;
}
td.home_bottom_ right{
padding: 26px 52px 132px 47px;
background-color:#808080;
color:#FFFFFF;
font-size:12px;
line-height:135%;
border-left-style:solid;
border-left-width:2px;
border-left-color: #FFFFFF;
}
.home_buttons{
border-left-style:solid;
border-left-width:2px;
border-left-color: #FFFFFF;
border-bottom-style:solid;
border-bottom-width:2px;
border-bottom-color: #FFFFFF;
border-top-style:solid;
border-top-width:2px;
border-top-color: #FFFFFF;
}
table.home td{
border-collapse:collap se;
}


/*end of styles for homepage */

/*styles for add/edit pages*/
.headline{
padding: 30px 0pt 0pt 40px;
}
table.registrat ion td{
padding: 4px 0 4px 8px;

font-size:12px;

}
table.registrat ion {
margin:30px 0px 0px 20px;
width:800px;
}
table.registrat ion input, password, select{
width:200px;
}
table.registrat ion select{
width:204px;
}

table.registrat ion input.btn{
width:55px;
}
/*end styles for add/edit pages*/
/* styles for send connecnote page*/
table.send_cn td{
padding: 7px 0 0px 8px;
font-size:12px;

}
table.send_cn {
margin:10px 20px 10px 20px;
}
table.send_cn input{
width:508px;
}
table.send_cn textarea{
width:500px;
}
td.to_textarea textarea{
/*width:73%;*/
width:508px;
overflow:auto;
}

* html td.to_textarea textarea{
/*for IE6 */
width:510px;
}
*:first-child+html td.to_textarea textarea{
/* for IE7 */
width:510px;
}
table.send_cn input.btn {
width:105px;
}
table.send_cn input.check_btn {
width:30px;
}
table.send_cn input.send_btn {
width:60px;
}
.send_textarea {
overflow:auto;
margin:0;
padding:0;
width:510px;

}
.send_sidebar {
width:280px;
border-left-style:solid;
border-left-width:2px;
border-left-color: #FFFFFF;

}
/* end styles for send connectnote page*/
#howitworks{
width:950px;
text-align:center;
}


.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidd en;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block; overflow : hidden; height : 1%; }
/* End hide from IE Mac */

/*styles for mycn page */
/* This is where you can customize the appearance of the tooltip */
div#tipDiv {
position:absolu te; visibility:hidd en; left:0px; top:20px; z-index:10000;
}
/* These are optional. They demonstrate how you can individually format tooltip content */
div.tp1 { font-size:12px; color:#336; font-style:italic }
div.tp2 { font-weight:bolder; color:#337; padding-top:4px }


/*styles for search box */
form#login {
position:relati ve;
}




label.overlabel {
position:absolu te;
top:3px;
left:5px;
z-index:1;
color:#999;
}


label.overlabel {
color:#999;
}

label.overlabel-apply {
position:absolu te;
top:3px;
left:5px;
z-index:1;
color:#999;
}

[AricC]

Validate and fix your CSS. You are using non-existent attributes.

AricC, who was that masked man?

Hey Dr. How you been?

[skoggins]

Ok I have a web address to see this behavior now.

http://web.connectnote .com/

Refresh your browser (Firefox) a couple times and you will see the vertical white line disappears seemly at random.

Anyone know what's going on?

Thanks!