By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
437,724 Members | 1,655 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 437,724 IT Pros & Developers. It's quick & easy.

Table cell border appears intermittently

P: 7
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!
Mar 10 '08 #1
Share this Question
Share on Google+
7 Replies


Expert 100+
P: 1,892
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.
Mar 11 '08 #2

P: 7
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.dtd">

<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_css' />
<link rel='stylesheet' media="handheld" type='text/css'
href='mobile_css' />-->
<link rel="shortcut icon" href="/favicon.ico" />
<title>ConnectNote</title>

<meta name="description" content="ConnectNote 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.js?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"><table border="0" style="height:58px;"><tr><td width="450px">




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

</td><td class="header_td">




<div id="welcome">

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

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

| <a href="mailto:info@connectnote.com">Contact us </a></div><!-- closing toprightnavlinks div -->
</td>
</tr>
</table>

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


<div id="wrap_content">


<table style="border-collapse:collapse;width:100%"><tr><td style="vertical-align:top;border-collapse:collapse;">
<!--<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'>Subscribe</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;border-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_text"><img src="/img/express_yourself.gif" style="padding-bottom:8px;" alt="Express yourself" />
<p class="home_text">ConnectNotes 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:#3A8441;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;"><strong>Login</strong>


</td>

</tr>

<tr>

<td class="labels">User name </td>
<td><input name="data[User][username]" class="login_boxes" value="" type="text" id="UserUsername" /> </td>

</tr>
<tr>
<td>Password</td>
<td><input type="password" name="data[User][password]" class="login_boxes" value="" id="UserPassword" />

</td>


</tr>
<tr>
<td></td><td><div id="remember_container"><div style="float:left;vertical-align:middle;"><input type="hidden" name="data[User][remember]" value="0" id="UserRemember_" /><input type="checkbox" name="data[User][remember]" class="check" id="UserRemember" value="1" /> Remember Me</div><div style="float:right;">
<input type="submit" class="login_btn" 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_demo" rowspan="2"><div id="home_btns"><!--<a href="play_overview" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('play_overview_btn','','/img/play_overview_btn_f2.gif',1);"><img src="/img/play_overview_btn.gif" alt="play overview" id="play_overview_btn" /></a><a href="view_examples" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('view_examples_btn','','/img/view_examples_btn_f2.gif',1);"><img src="/img/view_examples_btn.gif" alt="view examples" id="view_examples_btn" /></a>--></div>

</td>
<td class="home_buttons"><a href="
http://69.80.211.183/users/freetrial " onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('start_free','','/img/start_free_f2.gif',1);"><img name="start_free" 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_bottom_right"> <img src="/img/send_connectnotes.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_content"-->
<div id="footer">
<img src="/img/footer_home.jpg" alt="Copyright 2007 Open Workforce" /> <p style="float:left">&copy; 2008 Captech Partners LLC, All rights reserved.</p>
<p id="bottomrightlinks"><a href="/users/termsofuse" class="bottomright"> Terms of service</a> | <a href="/users/privacypolicy" class="bottomright">Privacy Policy</a> | <a href="/users/aboutus" class="bottomright">About</a></p>

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

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


</body>
</html>
<!-- 0.1525s -->[/HTML]
Mar 11 '08 #3

P: 7
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;padding: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:link {
font-weight:bold;
color: #ffffff;
text-decoration: underline;
}
a.headerlink:visited {
font-weight:bold;
color: #ffffff;
text-decoration: underline;
}
a.headerlink:hover {
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:relative;/* /*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:#99c;*/
margin:0 auto;
width:1000px;
overflow:hidden;
}


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

/*
table.mycn_buttons {
border-collapse:collapse;
}

table.mycn_buttons 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:visible;
}
td.labels{
width:66px;
}
.inputbox {
width:150px;

}
.remember_me {
position:relative;
left:0px;
}
#remember_container{
width:100%;
vertical-align:middle;
}




.main h2 {
padding:0 10px;
}




#footer_wide_text {
padding:0px;
margin:0;
position:relative;
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_cn_text {
padding:0 0 0 15px;
margin:0px;
position:relative;
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_border {
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_password {

width:545px;
/*background-color:#FFCCFF;*/
}
.table_forgot_password{
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_text {
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:collapse;
width:833px;
}
td.comments_header {
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_logo td{
padding:20px 0 0px 20px;
}

table.change_default td{
padding:10px 10px 0px 10px;
}
.thedoc_pad {
padding: 5px 0 40px 25px;
}
.upload_text{
padding:15px;
width:573px;
}
table.upload {
border-collapse:collapse;
}
.upload_text2{
padding:15px;
width:530px;
}
table.upload2 {
border-collapse:collapse;
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_message page */
#text_message {
margin:30px;
height:420px;

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

td.script_sidebar {
width:280px;
border-left-style:solid;
border-left-width:2px;
border-left-color: #FFFFFF;
}
table.create_script td{
padding:20px 20px 0px 20px;
}
td.main_create_script {
width: 523px;
}
table.prerecorded td{
padding:20px 20px 0px 20px;
}
td.main_prerecorded {
width: 543px;
padding:20px;
/*background-color:red;*/
}
table.prerecorded {
border-collapse:collapse;
}
table.prerecorded2 td{
padding:20px 20px 0px 20px;
}
td.main_prerecorded2 {
width: 517px;
padding:20px;
/*background-color:red;*/
}
table.prerecorded2 {
}
#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:underline;
}
#about_us a:visited{
color:#3A8441;
text-decoration:none;
}
#about_us img{
padding-bottom:28px;
}
#aboutus_sidebar{
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_sidebar 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:underline;
color:#666666;
}

#aboutus_sidebar li{
padding:4px 0px;
}
#privacy_sidebar{
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:relative;
left:-8px;
}
.options_text{
position:relative;
left:39px;
}
table.acceptterms td{
padding:20px 20px 0px 32px;
}
table.acceptterms {
width:833px;
}
td.privacyterms_sidebar {
width: 235px;
}
#thedoc_container{
height:392px;
overflow:hidden;
/*background-color:#FF0000;*/

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

}
#loginMessage{
width:224px;
/*background-color:red;*/
height:11px;
position:absolute;
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:#6F8CC7 url(/img/miniQHeader.gif) repeat-y scroll left top;
color:#FFFFFF;
font-family:"Trebuchet MS",arial,sans-serif;
font-size:1.2em;
font-weight:bold;
margin:0pt;
padding:0.15em 3px 0.4em 12px;
position:relative;
z-index:10;

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

}
/* h2 heading */
.contentsDoc h2 {

color:red;
font-family:"Trebuchet MS",arial,sans-serif;
font-size:1.20em;
font-weight:bold;

margin:0 0 0 0px;
background:#6F8CC7 url(/img/miniQHeader.gif) left top repeat-x;
position:relative;
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,sans-serif;
font-size:1.0em;
font-weight:bold;
text-transform:uppercase;
padding:0.5em 0px 0.5em 8px;
margin:0;

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

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

#memory{
font-size:12px;
color:#808080;
/*float:right;
display:inline;
width:150px;
position:relative;
top:6px;*/
}
.datedrop {
width:70px;
}
table.listusers select{
width:100px;
}
.uploadfile_text{
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:underline;
color:#0000FF;
}
.login_boxes {
margin:0pt;
padding:0pt;
width:161px;
}
.login_boxes2{

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


#leftlinks_container{

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

padding:30px;
}
#leftlinks_container 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_container a{
text-decoration:none;
}
ul#leftlinks_container,
#leftlinks_container 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.gif');
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.gif');
color:#FFB300; /*this is because the space that is filling the empty link shows in the rollover */
}
.drafts_selector #leftnav-drafts a{
background-image:url('/img/navdrafts_f2.gif'); /*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_selector #leftnav-contacts a{
background-image:url('/img/navcontacts_f2.gif'); /*for active state*/
}

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


/* styles for mycn page */
#searchbox{

position:absolute;
/*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:collapse;
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:relative;
top:5px;
left:3px;
color: #545454;
font-size: 13px;
font-weight:bold;

/* background-color:#00FF33;*/
}
#welcome {
/*position:relative;
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;padding:0px 0px 0px 30px;
}
#nav2 a:link{
background-color:#3A8441;padding:2px 10px 2px 28px;
}
#nav3 a:link{
background-color:#3A8441;padding:2px 42px 2px 28px;
}
#nav4 a:link{
background-color:#3A8441;padding:2px 42px 2px 28px;
}
#nav5 a:link{
background-color:#3A8441;padding:2px 22px 2px 28px;
}

#nav1 a:visited{
background-color:#3A8441;padding:7px 22px 7px 30px;
}
#nav2 a:visited{
background-color:#3A8441;padding:7px 42px 7px 28px;
}
#nav3 a:visited{
background-color:#3A8441;padding:7px 42px 7px 28px;
}
#nav4 a:visited{
background-color:#3A8441;padding:7px 42px 7px 28px;
}
#nav5 a:visited{
background-color:#3A8441;padding: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;
}*/
#toprightnavlinks {
padding-top:38px;
font-size:12px;
text-align:left;
width:220px;
padding-left:20px;
}
#navbar {
position:relative;
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_myconnectnotes #nav-myconnectnotes a,
#body_create #nav-create a,
#body_howitworks #nav-howitworks a,
#body_subscribe #nav-subscribe a,
#body_freetrial #nav-freetrial a {
background:#000000;

}


/* 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:visible;
background-image:url('/img/header.gif');
text-align: left;
}
#wrap {
/*background:#99c;*/
margin:0 auto;
width:950px;
/*overflow:hidden;*/
}
#footer {
/*background-color:red;*/

}

#footer p {
padding:0px;
margin:0;
position:relative;
top:10px;
left:0px;
font-size:11px;
color:#999999;
/*width:300px;*/
}
.bottomright:link {color: #3A8441; text-decoration: none;}
.bottomright:visited {color: #3A8441; text-decoration: none; }
.bottomright:hover {color:#3A8441; text-decoration: underline;}

#bottomrightlinks{
float:right;
color:#3A8441;
}
td.header_td{
width:218px;
vertical-align:top;
padding-left:5px;
}
td.header_topright{
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:undeline;
}

.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;padding:0px;overflow: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:relative;
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:collapse;
}


/*end of styles for homepage */

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

font-size:12px;

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

table.registration 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:hidden;
}
.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:absolute; visibility:hidden; 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:relative;
}




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


label.overlabel {
color:#999;
}

label.overlabel-apply {
position:absolute;
top:3px;
left:5px;
z-index:1;
color:#999;
}
Mar 11 '08 #4

drhowarddrfine
Expert 5K+
P: 7,435
Validate and fix your CSS. You are using non-existent attributes.

AricC, who was that masked man?
Mar 11 '08 #5

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


/* CSS Document */
*{margin:0;padding: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:link {
font-weight:bold;
color: #ffffff;
text-decoration: underline;
}
a.headerlink:visited {
font-weight:bold;
color: #ffffff;
text-decoration: underline;
}
a.headerlink:hover {
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:relative;/* /*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:#99c;*/
margin:0 auto;
width:1000px;
overflow:hidden;
}


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

/*
table.mycn_buttons {
border-collapse:collapse;
}

table.mycn_buttons 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:visible;
}
td.labels{
width:66px;
}
.inputbox {
width:150px;

}
.remember_me {
position:relative;
left:0px;
}
#remember_container{
width:100%;
vertical-align:middle;
}




.main h2 {
padding:0 10px;
}




#footer_wide_text {
padding:0px;
margin:0;
position:relative;
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_cn_text {
padding:0 0 0 15px;
margin:0px;
position:relative;
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_border {
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_password {

width:545px;
/*background-color:#FFCCFF;*/
}
.table_forgot_password{
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_text {
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:collapse;
width:833px;
}
td.comments_header {
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_logo td{
padding:20px 0 0px 20px;
}

table.change_default td{
padding:10px 10px 0px 10px;
}
.thedoc_pad {
padding: 5px 0 40px 25px;
}
.upload_text{
padding:15px;
width:573px;
}
table.upload {
border-collapse:collapse;
}
.upload_text2{
padding:15px;
width:530px;
}
table.upload2 {
border-collapse:collapse;
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_message page */
#text_message {
margin:30px;
height:420px;

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

td.script_sidebar {
width:280px;
border-left-style:solid;
border-left-width:2px;
border-left-color: #FFFFFF;
}
table.create_script td{
padding:20px 20px 0px 20px;
}
td.main_create_script {
width: 523px;
}
table.prerecorded td{
padding:20px 20px 0px 20px;
}
td.main_prerecorded {
width: 543px;
padding:20px;
/*background-color:red;*/
}
table.prerecorded {
border-collapse:collapse;
}
table.prerecorded2 td{
padding:20px 20px 0px 20px;
}
td.main_prerecorded2 {
width: 517px;
padding:20px;
/*background-color:red;*/
}
table.prerecorded2 {
}
#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:underline;
}
#about_us a:visited{
color:#3A8441;
text-decoration:none;
}
#about_us img{
padding-bottom:28px;
}
#aboutus_sidebar{
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_sidebar 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:underline;
color:#666666;
}

#aboutus_sidebar li{
padding:4px 0px;
}
#privacy_sidebar{
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:relative;
left:-8px;
}
.options_text{
position:relative;
left:39px;
}
table.acceptterms td{
padding:20px 20px 0px 32px;
}
table.acceptterms {
width:833px;
}
td.privacyterms_sidebar {
width: 235px;
}
#thedoc_container{
height:392px;
overflow:hidden;
/*background-color:#FF0000;*/

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

}
#loginMessage{
width:224px;
/*background-color:red;*/
height:11px;
position:absolute;
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:#6F8CC7 url(/img/miniQHeader.gif) repeat-y scroll left top;
color:#FFFFFF;
font-family:"Trebuchet MS",arial,sans-serif;
font-size:1.2em;
font-weight:bold;
margin:0pt;
padding:0.15em 3px 0.4em 12px;
position:relative;
z-index:10;

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

}
/* h2 heading */
.contentsDoc h2 {

color:red;
font-family:"Trebuchet MS",arial,sans-serif;
font-size:1.20em;
font-weight:bold;

margin:0 0 0 0px;
background:#6F8CC7 url(/img/miniQHeader.gif) left top repeat-x;
position:relative;
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,sans-serif;
font-size:1.0em;
font-weight:bold;
text-transform:uppercase;
padding:0.5em 0px 0.5em 8px;
margin:0;

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

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

#memory{
font-size:12px;
color:#808080;
/*float:right;
display:inline;
width:150px;
position:relative;
top:6px;*/
}
.datedrop {
width:70px;
}
table.listusers select{
width:100px;
}
.uploadfile_text{
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:underline;
color:#0000FF;
}
.login_boxes {
margin:0pt;
padding:0pt;
width:161px;
}
.login_boxes2{

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


#leftlinks_container{

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

padding:30px;
}
#leftlinks_container 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_container a{
text-decoration:none;
}
ul#leftlinks_container,
#leftlinks_container 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.gif');
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.gif');
color:#FFB300; /*this is because the space that is filling the empty link shows in the rollover */
}
.drafts_selector #leftnav-drafts a{
background-image:url('/img/navdrafts_f2.gif'); /*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_selector #leftnav-contacts a{
background-image:url('/img/navcontacts_f2.gif'); /*for active state*/
}

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


/* styles for mycn page */
#searchbox{

position:absolute;
/*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:collapse;
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:relative;
top:5px;
left:3px;
color: #545454;
font-size: 13px;
font-weight:bold;

/* background-color:#00FF33;*/
}
#welcome {
/*position:relative;
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;padding:0px 0px 0px 30px;
}
#nav2 a:link{
background-color:#3A8441;padding:2px 10px 2px 28px;
}
#nav3 a:link{
background-color:#3A8441;padding:2px 42px 2px 28px;
}
#nav4 a:link{
background-color:#3A8441;padding:2px 42px 2px 28px;
}
#nav5 a:link{
background-color:#3A8441;padding:2px 22px 2px 28px;
}

#nav1 a:visited{
background-color:#3A8441;padding:7px 22px 7px 30px;
}
#nav2 a:visited{
background-color:#3A8441;padding:7px 42px 7px 28px;
}
#nav3 a:visited{
background-color:#3A8441;padding:7px 42px 7px 28px;
}
#nav4 a:visited{
background-color:#3A8441;padding:7px 42px 7px 28px;
}
#nav5 a:visited{
background-color:#3A8441;padding: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;
}*/
#toprightnavlinks {
padding-top:38px;
font-size:12px;
text-align:left;
width:220px;
padding-left:20px;
}
#navbar {
position:relative;
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_myconnectnotes #nav-myconnectnotes a,
#body_create #nav-create a,
#body_howitworks #nav-howitworks a,
#body_subscribe #nav-subscribe a,
#body_freetrial #nav-freetrial a {
background:#000000;

}


/* 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:visible;
background-image:url('/img/header.gif');
text-align: left;
}
#wrap {
/*background:#99c;*/
margin:0 auto;
width:950px;
/*overflow:hidden;*/
}
#footer {
/*background-color:red;*/

}

#footer p {
padding:0px;
margin:0;
position:relative;
top:10px;
left:0px;
font-size:11px;
color:#999999;
/*width:300px;*/
}
.bottomright:link {color: #3A8441; text-decoration: none;}
.bottomright:visited {color: #3A8441; text-decoration: none; }
.bottomright:hover {color:#3A8441; text-decoration: underline;}

#bottomrightlinks{
float:right;
color:#3A8441;
}
td.header_td{
width:218px;
vertical-align:top;
padding-left:5px;
}
td.header_topright{
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:underline;
}

.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;padding:0px;overflow: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:relative;
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:collapse;
}


/*end of styles for homepage */

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

font-size:12px;

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

table.registration 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:hidden;
}
.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:absolute; visibility:hidden; 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:relative;
}




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


label.overlabel {
color:#999;
}

label.overlabel-apply {
position:absolute;
top:3px;
left:5px;
z-index:1;
color:#999;
}
Mar 11 '08 #6

Expert 100+
P: 1,892
Validate and fix your CSS. You are using non-existent attributes.

AricC, who was that masked man?
Hey Dr. How you been?
Mar 11 '08 #7

P: 7
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!
Apr 4 '08 #8

Post your reply

Sign in to post your reply or Sign up for a free account.