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;
}