body { margin: 0; text-align: center; font-size: 13px; font-family: trebuchet ms, sans-serif; color: #3f3f3f; background: #fff; }
img { border: 0; }
td { padding: 0; }
h1 { font-size: 28px; margin: -7px 0; padding: 0 0 0 10px; color: #fff; }
h2 { border-bottom: 1px solid #EBE3D3; font-size: 16px; font-weight: normal; margin-top: 10px; padding: 5px; clear: both; }
textarea { width: 500px; }
a:link, a:visited, a:hover, a:active { color: #f18b22; }
a:link.register, a:visited.register, a:hover.register, a:active.register { color: #5252ee !important; font-size: 14px; font-weight: bold; }
.footer a:link, .footer a:visited, .footer a:hover, .footer a:active { color: #baae96; }
.navTd a:link, .navTd a:visited, .navTd a:hover, .navTd a:active { color: #3f3f3f; }
.topOn a:link, .topOn a:visited, .topOn a:hover, .topOn a:active { color: #fff; text-decoration: none; }

.container { width: 854px; margin: auto; text-align: center; }
.header { position: relative; width: 854px; height: 90px; text-align: right; margin: auto; }
.logo { float: left; margin-top: 10px; }
.nav { float: right; padding-top: 30px; }
.navTd { padding: 0 6px; }
.topOn { background: url(../images/nav_tabTop_bg.gif) repeat-x; height: 26px; color: #fff; }
.phone { position: absolute; right: 0; bottom: -6px; font-size: 24px; color: #CDC6B6; letter-spacing: -1px; }

.wrapper { width: 854px; margin: auto; text-align: left; background: #eee8da; clear: both; }
.wrapper_top { width: 854px; height: 12px; background: url(../images/global_top.gif) no-repeat; _font-size: 1px !important; }
.wrapper_bottom { width: 854px; height: 12px; background: url(../images/global_bottom.gif) no-repeat; _font-size: 1px !important; }

.content { width: 830px; margin: auto; background: #fff; clear: both; }
.content_about { width: 830px; margin: auto; clear: both; }
.content_top { width: 830px; height: 12px; background: url(../images/global_white_top.gif) no-repeat; _font-size: 1px !important; }
.content_about_top { width: 830px; height: 12px; background: url(../images/about_white_top.gif) no-repeat; _font-size: 1px !important; }
.content_header { position: relative; background: #eee8da; padding-left: 10px; }
.content_header h1 { position: absolute; }
.content_about_header { background: #eee8da; padding-left: 150px; }
.content_middle { padding: 0 15px; line-height: 18px; margin-top: 5px; }
.content_about_middle { margin-left: 140px; line-height: 18px; background: #fff; }
.content_middle p, .content_about_middle p { margin: 0 10px 20px 10px; }
.content_middle h2 { margin-top: 0 !important; }
.content_bottom { width: 820px; height: 12px; background: url(../images/global_white_bottom.gif) no-repeat; clear: both; _font-size: 1px !important; }
.content_about_bottom { width: 820px; height: 12px; background: url(../images/about_white_bottom.gif) no-repeat; clear: both; _font-size: 1px !important; }
.content_about_nav { float: left; }
.talk_to_jott { margin-bottom: 20px; font-size: 14px; color: #494949; }
a.about_nav { position: relative; display: block; width: 120px; height: 30px; line-height: 30px; padding-right: 11px !important; text-align: right; margin-left: 9px; color: #3f3f3f; }
a.aboutOn { background: url(../images/about_navLeft.gif) no-repeat; font-weight: bold; font-size: 14px; color: #f18b22; }
.footer { margin: 30px 0; color: #baae96; font-size: 11px; line-height: 18px; }

/* HOME PAGE */

.pod { margin-top: 5px; width: 232px; height: 204px; float: left; margin-right: 3px; padding-top: 22px; color: #fff; font-size: 18px; text-align: center; }
.pod1 { background: url(../images/home_pod1.gif) no-repeat; margin-left: 32px; _margin-left: 16px; }
.pod2 { background: url(../images/home_pod2.gif) no-repeat; }
.pod3 { background: url(../images/home_pod3.gif) no-repeat; }
.pitch { clear: left; text-align: center; font-size: 18px; color: #494949; margin-bottom: 15px; }
.signup_big { position: relative; display: block; margin: auto; width: 175px; height: 45px; background: url(../images/button_signUp_big.gif) no-repeat; margin-bottom: 20px; }
.experience { position: relative; padding-top: 3px; width: 550px; height: 138px; margin-left: 40px; background: url(../images/home_bgExperience.gif) no-repeat; }
.experience a { position: absolute; display: block; width: 135px; height: 120px; text-align: center; font-size: 20px; font-weight: bold; color: #494949; text-decoration: none; padding-top: 70px; }
.experience a:hover { color: #f18b22; }
.experience a span { display: block; font-size: 14px; font-weight: normal; }
.messaging { left: 2px; background: url(../images/icon_messaging_big.gif) no-repeat; }
.reminders { left: 139px; background: url(../images/icon_reminders_big.gif) no-repeat; }
.organization { left: 275px; background: url(../images/icon_organization_big.gif) no-repeat; }
.webServices { left: 412px; background: url(../images/icon_webServices_big.gif) no-repeat; }

/* HERO PAGES */

#signUp { display: block; position: relative; float: right; margin: -5px 12px 0 0; _margin-right: 6px; }
.quicksearch { display: block; position: relative; margin-bottom: 10px; border-bottom: 1px solid #EBE3D3; padding-bottom: 15px; }
.quicksearch input, .quicksearch img { vertical-align: middle; }
.qs_input { width: 280px; }
.highlight { background-color: yellow; }
#questions a { line-height: 22px; margin-left: 10px; }
.faq_content div a { line-height: 18px; margin-left: 0px; }
.faq_content h3 { padding: 20px 10px 10px 0; border-bottom: 1px solid #ebe3d3; font-size:16px; margin-top:-5px !important; margin-bottom: 20px; }
.faq-answer, .faq-sticky { padding: 10px; }
.faq-sticky img { vertical-align: middle; }
.faq-answer span { font-size: 14px; font-weight: bold; }
.jott_link_container { margin: 20px 40px; }
.jott_link { float: left; width: 33%; }
.jott_link img { vertical-align: middle; margin-right: 8px; }
.jott_link a { font-size: 14px; font-weight: bold; }
.learnMore { clear: left; padding: 20px; }
.jott_link_3rdparty { width: 90%; margin: auto; border-bottom: 1px solid #EBE3D3; }
.jott_link_3rdparty td { vertical-align: top; padding: 30px 0; }
.jott_link_img { width: 70px; }
.about_press, .press { padding: 10px 10px; }
.press h2 { clear: none; }
.community-item { float: left; margin: 15px; width: 45%; _width: 42%; }
.community img, .about_press img { float: left; margin-right: 15px;}
.community a, .about_press a { font-size: 17px; font-weight: bold; display: block; margin-bottom: 6px; }
.about { float: left; padding: 1px 15px; }
.crew { float: left; width: 30% !important; margin-bottom: 10px; }
.crew_mgmt { margin-bottom: 10px; }
.crew img, .crew_mgmt img { float:left; margin-right:10px; }
.crew h3, .crew_mgmt h3 { margin: 0; padding: 20px 0 0 0; }
.crew_mgmt span { display: block; margin-bottom: 30px; font-weight: bold; }
.video_container { float: left; }
.video_container div p { margin-top: 15px; width: 490px; }
.videos { float: right; width: 200px; padding-bottom: 20px; }
.video { clear: left; }
.video img { float: left; margin: 10px 10px 0 0; }
.video p { padding-top: 20px; cursor: pointer; }
.press_item { height: 55px; padding-left: 20px; }
.press_item img { float: left; margin: 0 10px 10px 0; }
.experience_nav { float: left; margin: 0 0 5px 0; width: 117px; height: 100px; background: url(../images/exp_nav.gif) no-repeat; text-align: center; }
.experience_on { background: url(../images/exp_navOn.gif) no-repeat; margin-left: -1px; }
.experience_nav a { font-size: 18px; font-weight: bold; text-decoration: none; color: #cdc6b6; }
.experience_nav a:hover, .experience_on a { color: #f18b22; }
.experience_nav span { display: block; font-size: 12px; }
.problem { float: left; width: 47%; clear: none !important; padding-right: 15px; }
.problem img { float: left; margin: 0 10px 10px 0; }
.problem p { padding: 10px 0 0 0; margin: 0; }
.problem span { display: block; margin-top: 5px; font-size: 16px; font-weight: bold; }
.how_to_container { padding: 15px; }
.how_to { float: left; width: 32%; padding-right: 8px; }
.how_to img { float: left; margin-right: 8px; }
.how_to a { display: block; padding-top: 15px; font-size: 14px; }
.whatsnew p { margin: 10px 0 6px 0; }
.whatsnew p img { float: left; margin: 0 10px 0 15px; }
.add { font-size: 15px; font-weight: bold; }
.icon_add { vertical-align: middle; margin-top: -3px; }

/* Jott TV Legend */
.legend_jottToSelf { padding: 33px 0 33px 46px !important; background: url(Images/jottToSelf.png) no-repeat #fff; border-bottom: 1px solid #eee8da; }
.legend_jottSentFrom { padding: 33px 0 33px 46px !important; background: url(Images/jottSentFrom.png) no-repeat #fff; border-bottom: 1px solid #eee8da; }
.legend_jottReceived { padding: 33px 0 33px 46px !important; background: url(Images/jottReceived.png) no-repeat #fff; background-position: 0 20px;  border-bottom: 1px solid #eee8da; }
.legend_newJotter { padding: 33px 0 33px 46px !important; background: url(Images/newJotter.png) no-repeat #fff; background-position: 0 20px; border-bottom: 1px solid #eee8da; }
.legend_jottToLink { padding: 33px 0 33px 46px !important; background: url(Images/jottToLink.png) no-repeat #fff; background-position: 0 20px; border-bottom: 1px solid #eee8da; }


/* WP-PAGES */
.icon_you { padding: 12px 0 12px 36px !important; background: url(../images/icon_you.gif) no-repeat #fff; border-bottom: 1px solid #eee8da; }
.icon_jott { padding: 12px 0 12px 36px !important; background: url(../images/icon_jott.gif) no-repeat #fff; border-bottom: 1px solid #eee8da; color: #888888; }

.icon_jott img { vertical-align: middle; }
.wp_page { margin-top: -10px; }
.wp_page div p { padding: 15px 5px 0 5px; margin: 0; }
.wp_page h3 { margin: 0 0 0 5px; font-weight: normal; }
.emailpic { float:right; margin:0 0 25px 15px; }

/* CHART */
.chart { margin: 10px; text-align: left; }
.chart table { width: 100%; }
.chart td { padding: 8px; vertical-align: top; border-bottom: 1px solid #eee8da; }
.chart_header { background: #494949; font-weight: bold; vertical-align: middle !important; color: #fff; border-bottom: 1px solid #494949 !important; }
.chart input { margin: 30px 0; }

/* HERO IBOX */
.ibox_container { padding: 0px; text-align: left; }
.ibox_wrapper { padding: 15px; text-align: left; }
.ibox_container .in { font-size: 18px; color: #fff; padding: 10px 15px; margin: 0; background: #f47d02; height: 21px; }
.ibox_container .out { font-size: 18px; color: #fff; padding: 10px 15px; margin: 0; background: #5252ee; height: 21px; }
.ibox_wrapper h3 { font-size: 13px; color: #9e0000; padding-bottom: 10px; margin: 10px 0 -15px 0; }
.ibox_wrapper p { margin: 15px 0 6px 0; clear: left; }
.ibox_wrapper p b { font-size: 15px; }
.ibox_wrapper p img { float: left; margin: 0 10px 0 15px; }
.ibox_wrapper textarea { width: 520px; height: 75px; border: 1px solid #929292; }
.ibox_wrapper table { margin-top: 15px; }
.ibox_wrapper td { padding-right: 6px; }
.ibox_wrapper .fieldies { width: 205px; border: 1px solid #929292; }
.ibox_wrapper .new { border-top: 1px solid #CCC; margin-top: 15px; padding-top: 15px; }
.ibox_send { margin-top: 8px; }
.ibox_send div { float: right; line-height: 26px; color: #ababab; font-size: 11px; }

/* FEEDS */
.feed_form { width: 450px; }
.feed_form_item { text-align: right; padding: 4px; }
.feed_form_text { width: 200px; }
.feeds_marketing li p { margin: 8px 0; }