/* RESET CODE */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
h1,h2,h3,h4,h5,h6 { font-weight: normal; }
select, input, textarea {font: 99% arial, helvetica, clean, sans-serif;}
pre, code {font-family: monospace;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
em { font-style: italic; }
strong { font-weight: bold; }
a { color: #58b; text-decoration: none; }
a:hover { color: #336; text-decoration: underline; }
p { margin-bottom: 16px; }
br.clear { clear: both; height: 1px; }
.clear { clear: both; }
ul { margin-left: 1.4em; margin-bottom: 14px; list-style: disc; }
ul.last { margin-bottom: 0px; }
ol { list-style: decimal; margin-left: 1.6em; }
p.last { margin-bottom: 0px; }


/* START CSS */
body { color: #222; background: #fff url(/img/hd_bg.png) repeat-x top left; text-align: center; font-family: Lucida Grande; font-size: 12px; line-height: 1.4em; width: 100%; }
#site { width: 100%; background: url(/img/ft_bg.png) repeat-x bottom left; }

#bd { margin: 0px auto; text-align: left; width: 900px; position: relative; padding: 0;}
#bd h1, #bd h2, #bd h3 { font-family: Helvetica; }

#bd #submenu { font-size: 110%; font-weight: bold; margin-bottom: 12px; }
#bd #left_col h2 { font-size: 150%; /* text-transform: uppercase; */ margin-bottom: 2px; color: #111; }
#bd #left_col h3 { font-size: 130%; /* text-transform: uppercase; */ margin-bottom: 2px; margin-top: 18px; color: #111; }
#bd #right_col h3 { font-size: 120%; /* text-transform: uppercase; */ margin-bottom: 2px; margin-top: 18px; color: #111; }
#bd #right_col h3.first { margin-top: 0px; }

#bd #left_col { margin-left: 11px; }
#bd #left_col, #bd #right_col { margin-top: 20px; }
#bd #left_col p { margin-bottom: 12px; }
#bd #right_col p { margin-bottom: 32px; }
#bd #left_col { float: left; width: 70%; }
#bd #right_col { float: right; width: 24%; font-size: 90%; }

#bd #left_half { margin-top: 24px; margin-bottom: 8px; float: left; width: 54%; position: relative; right: 18px; }
#bd #left_half.analytics { width: 66%;}
#bd #left_half .row { clear: both; padding: 0 38px; padding-bottom: 22px; }
#bd #left_half .row img { float: left; width: 14%; }
#bd #left_half .row h3 { float: right; width: 84%; font-size: 160%; margin-top: 8px; margin-bottom: 6px; color: #000; }
#bd #left_half .row p { float: right; width: 84%; font-size: 120%; }

#bd #right_half { margin-top: 24px; margin-bottom: 8px; float: right; width: 46%; background: #fff; position: relative; right: 18px; }
#bd #right_half.analytics { width: 34%; }
#bd #right_half form { padding: 14px 20px; border: 1px solid #ddd; background: #eef; }
#bd #right_half form h2 { font-size: 120%; font-weight: bold; margin-bottom: 8px; border-bottom: 1px dotted #ccc; text-transform: uppercase;}
#bd #right_half form p { margin-bottom: 6px; }
#bd #right_half form p.last { margin-bottom: 0; }
#bd #right_half form label { display: block; font-weight: bold; font-size: 90%; }
#bd #right_half form input.text { width: 90%; padding: 2px 4px; }
#bd #right_half form textarea { width: 94%; height: 200px; padding: 3px 4px; }
#bd #right_half form input.submit { position: relative; top: 4px; }

#bd #right_half #sdk_news { background: #fff; padding: 12px 14px; padding-top: 16px; padding-left: 0px; font-size: 90%; }
#bd #right_half #sdk_news h3 { font-size: 130%; font-weight: bold; color: #000; text-transform: uppercase;}
#bd #right_half #sdk_news dl dt { float: left; margin-right: 12px; margin-bottom: 6px; }
#bd #right_half #sdk_news dl dd { margin-left: 80px; margin-bottom: 6px; padding-bottom: 4px; border-bottom: 1px dotted #666; }

#analytics_banner { width: 100%; height: 300px; background: url(/img/analytics_banner.png) no-repeat top left; position: relative; left: 30px; bottom: 12px; }
#analytics_banner .platforms { position: absolute; top: 80px; left: 370px; }
#analytics_banner .platforms h2 { font-weight: bold; font-size: 110%; text-transform: uppercase; }
#analytics_banner .platforms li { font-size: 90%; }

#bd #analytics_copy { width: 92%; margin-left: 24px; position: relative; bottom: 18px; }
#bd #analytics_copy .row { clear: both; padding: 0 38px; padding-bottom: 22px; }
#bd #analytics_copy .row img { float: left; width: 8%; position: relative; top: 8px; }
#bd #analytics_copy .row h3 { float: right; width: 90%; font-size: 160%; margin-top: 8px; margin-bottom: 6px; color: #000; }
#bd #analytics_copy .row p { float: right; width: 90%; font-size: 120%; }

#bd .analytics_screenshots img { position: relative; bottom: 10px; height: 160px; }

#hd { position: relative; height: 110px; color: #fff; }
#hd a { color: #fff; }
#hd h1 { position: absolute; bottom: 24px; text-transform: uppercase; font-weight: bold; font-size: 160%; left: 12px; }
#hd #navigation { list-style: none; position: absolute; bottom: 20px; right: 12px; margin: 0; padding: 0; font-size: 80%; }
#hd #navigation a { text-decoration: none; text-transform: uppercase; margin-left: 6px; margin-right: 6px; font-size: 120%; }
#hd #meta_navigation { position: absolute; top: 5px; right: 30px; font-size: 80%; color: #eee; }
#hd #meta_navigation a { margin-left: 2px; margin-right: 2px; text-decoration: underline; }

#hd #login_form { position: absolute; top: 18px; right: 12px; font-size: 90%; }
#hd #login_form input.text { width: 90px; } 

body.application { background: #ddd; text-align: left; }
body.application #bd { width: 100%; min-width: 890px; background: #fff url(/img/application_hd_bg.png) repeat-x top left; }

body.application.marketing { background: #fff url(/img/application_hd_bg.png) repeat-x top left; text-align: center; }
body.application.marketing #bd { width: 900px; background: #fff url(/img/application_hd_bg.png) repeat-x top left; }

#bd.analytics #hd { height: 64px; }
#bd.analytics #hd h1 { top: 6px; left: 50px; font-size: 115%; color: #000; }
#bd.analytics #hd h1 a { color: #000; }
#bd.analytics #hd #meta_navigation { color: #000; }
#bd.analytics #hd #meta_navigation a { color: #000; }
#bd.analytics #hd #navigation { bottom: 9px; left: 42px; }
#bd.analytics #hd #navigation a { font-size: 110%; padding-left: 8px; padding-right: 8px; margin-left: 0px; }
#bd.analytics #hd #navigation a.selected { color: #000; background-color: #fff; padding-bottom: 11px; padding-top: 5px; border-top: 2px solid #336; }
* + html #bd.analytics #hd #navigation { bottom: 0; padding-bottom: 5px; }

#bd.analytics #left_sidebar { float: left; width: 20%; position: relative; top: 8px; left: 8px; margin-left: 36px; margin-top: 4px; font-size: 120%; font-family: Helvetica; }
#bd.analytics #left_navigation ul { list-style: none; margin-left: 0; margin-bottom: 28px; }
#bd.analytics #left_navigation ul li { padding-top: 4px; padding-bottom: 4px; padding-right: 36px; text-align: right; }
#bd.analytics #left_navigation ul li.header { font-weight: bold; padding-top: 28px; padding-bottom: 2px; font-size: 110%; }
#bd.analytics #left_navigation ul li.selected { background: url(/img/analytics_left_nav_selected_bg.png) no-repeat top left; position: relative; }
#bd.analytics #left_navigation ul li.selected img.selected_img { display: none;}
#bd.analytics #left_navigation ul li a { position: relative; left: 18px; font-size: 90%; }
#bd.analytics #left_navigation ul li:hover { background: url(/img/analytics_left_nav_selected_bg.png) no-repeat top left; }
#bd.analytics #left_navigation ul li.header:hover { background: none; }
#bd.analytics #left_navigation ul li:hover a { color: #eee; }
#bd.analytics #left_navigation ul li a:hover { text-decoration: none; }

#bd.analytics #left_navigation ul li.header span { position: relative; left: 18px; }
#bd.analytics #left_navigation ul li.selected a { color: #fff; font-weight: bold; }

#bd.analytics #left_sidebar .data_block h3 { font-size: 70%; padding: 3px 0;}
#bd.analytics #left_sidebar .data_block .data { font-size: 80%; }
#bd.analytics #left_sidebar table.analytics_data th { font-size: 80%; padding-top: 3px; padding-bottom: 3px; }
#bd.analytics #left_sidebar table.analytics_data td { font-size: 90%; }

#bd.analytics #right_body { float: right; width: 70%; margin-top: 30px; font-size: 90%; margin-right: 30px; position: relative; }
#bd.analytics #user_notification { text-align: center; padding: 0; margin: 0; margin-bottom: 4px; padding: 6px 0; font-weight: bold; position: absolute; top: -24px; width: 100%; }
#bd.analytics #user_notification.success { color: #030; background-color: #efe; border: 1px solid #dfd; }
#bd.analytics #user_notification.failure { color: #300; background-color: #fee; border: 1px solid #fdd; }
#bd.analytics #right_half #user_notification { position: relative; top: -24px; margin-bottom: -12px;}

#bd.analytics #analytics_submenu { float: right; margin-bottom: 8px; color: #777; }
#bd.analytics #analytics_submenu a { margin-left: 1px; margin-right: 1px; }
#bd.analytics #analytics_submenu a.selected { font-weight: bold; color: #333; text-decoration: none; }
#bd.analytics #analytics_submenu select { margin-left: 6px; width: 160px; }

#bd.analytics table.analytics_data { border-top: 1px solid #aaa; border-right: 1px solid #aaa; font-size: 90%; }
#bd.analytics table.analytics_data th { border-bottom: 1px solid #aaa; padding: 2px 12px; background-color: #333; color: #fff; font-size: 100%; }
#bd.analytics table.analytics_data th.header { text-align: center; }
#bd.analytics table.analytics_data td { border-bottom: 1px solid #aaa; padding: 5px 12px; border-left: 1px solid #aaa; clear: both; }
#bd.analytics table.analytics_data td span.secondary { margin-left: 8px; }
#bd.analytics table.analytics_data td.number { font-weight: bold; font-size: 140%; }
#bd.analytics table.analytics_data tr.odd td { background-color: #ddf; }
#bd.analytics table.analytics_data tr.paginator td { background-color: #ddf; text-align: center; padding: 6px 12px; }

#bd.analytics table.analytics_data.noborder { border-right: none; }
#bd.analytics table.analytics_data.noborder td.first { /*border-left: none;*/ }
#bd.analytics table.analytics_data.noborder tr.bottom td { /*border-bottom: none;*/ }
#bd.analytics table.analytics_data.noborder td { background-color: #fff; color: #000; border-right: 1px solid #aaa; padding-bottom: 8px; font-size: 150%; }
#bd.analytics table.analytics_data.noborder th { background-color: #fff; color: #000; border-left: 1px solid #aaa; border-bottom: none; border-right: 1px solid #aaa; padding-bottom: 0px; margin-bottom: 0px; }

#bd.analytics #right_body h3 { font-size: 120%; text-align: center; font-weight: bold; }

#bd.analytics .data_block { border: 1px solid #aaa; margin-top: 14px; margin-bottom: 14px; }
#bd.analytics .data_block p.last { margin-bottom: 4px; }
#bd.analytics .data_block h3 { margin-top: 0px; margin-bottom: 0px; text-align: center; padding: 6px 0; background: #333; color: #fff; font-size: 120%; font-family: Lucida Grande;}
#bd.analytics .data_block .data { padding: 4px 8px; }
#bd.analytics .data_block.left { float: left; width: 49%; }
#bd.analytics .data_block.right { float: right; width: 49%; }
#bd.analytics .data_block.third { width: 32%; }
#bd.analytics .data_block.middle.third { float: left; margin-left: 2%;}
#bd.analytics .data_block .data_menu { margin-bottom: 2px; margin-top: 8px; margin-left: 4px; margin-right: 4px; text-align: right; }
#bd.analytics .data_block .data_menu a { margin-left: 2px; margin-right: 2px; }

#bd.analytics .analytics_form { margin: 0; }
#bd.analytics .analytics_form p { margin-bottom: 8px; padding-left: 8px; padding-right: 8px; margin-top: 4px; }
#bd.analytics .analytics_form p.last { margin-bottom: 12px; }
#bd.analytics .analytics_form label { display: block; font-weight: bold; font-size: 110%; }
#bd.analytics .analytics_form input, #bd.analytics .analytics_form textarea, #bd.analytics .analytics_form select { font-size: 120%; padding: 2px 4px; }
#bd.analytics .analytics_form input.text { width: 90%; }
#bd.analytics .analytics_form textarea { width: 92%; height: 100px; }
#bd.analytics .analytics_form select { width: 96%; }
#bd.analytics .analytics_form .addspace { margin-left: 6px; margin-right: 6px; }


/* Columns */
#bd.analytics #analytics_body { padding-top: 30px; padding-bottom: 20px; width: 95%; margin-left: 3%; font-size: 90%; }
#bd.analytics #analytics_body .analytics_col .sect { margin: 6px 14px; }
#bd.analytics #analytics_first_col { width: 32%; float: left; position: relative; left: 2%; }
#bd.analytics #analytics_second_col { width: 32%; margin-left: 2%; float: left; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
#bd.analytics #analytics_third_col { width: 32%; float: right; position: relative; right: 2%; }

#bd.analytics #analytics_body .block { border-bottom: 1px solid #bbb; margin-bottom: 8px; }
#bd.analytics #analytics_body .block.last { border-bottom: none; }
#bd.analytics #analytics_body .block h3 { margin-top: 0; margin-bottom: 2px; font-weight: bold; font-size: 110%; font-family: Verdana;}
#bd.analytics #analytics_body .block p.menu { text-align: right; padding: 0; margin-top: 2px; margin-bottom: 0; }
#bd.analytics #analytics_body .block .data { margin-bottom: 8px; }

#bd.analytics #analytics_body .block table { width: 100%; }
#bd.analytics #analytics_body .block table td { padding: 1px 6px; color: #444; font-size: 90%; }
#bd.analytics #analytics_body .block table td.number { font-weight: bold; color: #000; }
#bd.analytics #analytics_body .block table tr.odd td { background: #ddf; }

#bd.analytics #analytics_body .block ul.navigation.data { list-style: none; margin: 0; margin-bottom: 8px; }
#bd.analytics #analytics_body .block ul.navigation.data li { padding: 1px 12px; margin: 0; }
#bd.analytics #analytics_body .block ul.navigation.data li.header { font-weight: bold; text-decoration: underline; margin-top: 2px; }
#bd.analytics #analytics_body .block ul.navigation.data li.selected a { color: #333; font-weight: bold; }
#bd.analytics #analytics_body .block ul.navigation.data li.selected img { width: 10px; position: relative; top: 1px; }


#banner { height: 338px; background: url(/img/banner_mid_bg.png) repeat-x top left; margin-top: 14px; position: relative; }
#banner a { color: #fff; }
#banner_left { background: url(/img/banner_left.png) no-repeat top left; position: absolute; top: 1px; left: 0px; height: 338px; width: 20px;}
#banner_right { background: url(/img/banner_right.png) no-repeat top right; position: absolute; bottom: 1px; right: 0px; height: 338px; width: 20px; }
#banner_bottom { position: absolute; bottom: 0; width: 100% ; }
#banner_bottom p { position: absolute; bottom: 34px; left: 38px; margin: 0; padding: 0; color: #fff; }
#banner_frame { width: 350px; height: 260px; position: absolute; top: 34px; right: 50px; text-align: center;}
#banner_frame #sample_image { width: 360px; border: 2px solid #fff; }
#banner_description { position: absolute; left: 40px; top: 48px; width: 430px; color: #fff; }
#banner_description h2 { font-size: 150%; margin-bottom: 4px; }
#banner_description p { margin-bottom: 14px; }
#banner_launch_link { position: absolute; left: 24px; bottom: 34px; font-weight: bold; font-family: Verdana; font-size: 120%; }

#banner #contact_button { position: absolute; right: 10px; bottom: 20px; left: 274px; }
#banner #form_frame { background: #000 url(/img/form_bg.png) repeat-x top left; width: 326px; height: 232px; position: absolute; top: 38px; left: 40px; border: 2px solid #1e2412; padding: 12px 14px; color: #fff; }
#banner form { position: relative; top: 4px; left: 4px; }
#banner form label { font-weight: bold; display: block; }
#banner form input.text { width: 94%; }
#banner form textarea { height: 100px; width: 96%; }

a.content_button_link .content_button { text-decoration: none; color: #222;}
a:hover.content_button_link { text-decoration: none; }
.content_button { width: 300px; height: 280px; background: url(/img/content_button.png) no-repeat center center; float: left;  position: relative; }
.content_button strong { color: #006bc4; font-weight: bold; }
.content_button .icon { float: right; }
.content_button h3 { font-size: 140%; margin-bottom: 3px; color: #333333; font-weight: bold; }
.content_button div.description { position: absolute; top: 46px; left: 38px; width: 224px; }
.content_button.nobg { background: none; height: 234px; }
.content_button.nobg .icon { float: left; position: relative; right: 18px; margin-right: 0px; width: 48px;}
.content_button.nobg p ul li{ margin-left: 50px; position: relative; right: 12px; }
.content_button.nobg h3 { position: relative; right: 12px; text-transform: uppercase; }
.content_button.nobg div.description { width: 260px; }


#app_screenshots { border-top: 1px solid #888; padding-top: 14px; position:relative; bottom: 8px; border-bottom: 1px solid #888;}
.app_screenshot { float: left; margin-left: 10px; margin-right: 10px; width: 200px; margin-top: 12px; margin-bottom: 12px; border: 2px solid #ccc; position: relative; bottom: 7px; }

#extra_info { margin-left: 8px; margin-top: 0px; }
#extra_info h3, #news h3 { font-size: 140%; margin-bottom: 4px; color: #000; font-weight: bold; color: #B02B2C; }
#extra_info { width: 45%; padding: 12px 14px; padding-right: 0px; float: left; }
#extra_info img { width: 38px; }
#extra_info p { font-size: 130%; font-family: futura; margin-bottom: 8px; }
#extra_info p.last { margin-bottom: 18px; }
#extra_info .author { display: block; font-style: italic; font-family: arial; font-size: 80%; }
#extra_info a { color: #336; font-style: default; }

#extra_info .platforms { position: relative; margin: 0; padding: 0; bottom: 10px; left: 7px; }
#extra_info .platforms img { width: 40px; border:0px solid #ccc; position: relative; right: 34px; }
#extra_info .platforms img.iphone { width: 60px; right: 20px; }
#extra_info .platforms img.g1 { width: 34px; top: 2px; }
#extra_info .platforms img.curve { top: 2px; }
#extra_info .platforms img.treo { width: 60px; right: 46px; }


#news { width: 46%; padding: 12px 14px; padding-left: 0px; float: right; margin-top: 0px; margin-right: 8px; }
#news dl dt { float: left; margin-right: 12px; margin-bottom: 6px; }
#news dl dd { margin-left: 80px; margin-bottom: 6px; padding-bottom: 4px; border-bottom: 1px dotted #666; }
#news a { color: #336; }

#apps_preview { width: 870px; height: 110px; background: url(/img/long_button.png) no-repeat center center; }

#company_body { margin-top: 36px; position: relative; left: 32px; top: 4px; width: 704px; float: right; }
#company_body h2 { font-size: 170%; margin-bottom: 4px; color: #111; margin-top: 4px; font-weight: bold; }
#company_body h3 { font-size: 150%; margin-bottom: 4px; color: #111; margin-top: 24px; font-weight: bold; }
#company_body p { margin-bottom: 12px; }

#applications_navigation, #company_navigation { float: left; width: 190px; position: relative; top: 8px; left: 1px; margin-top: 36px; font-size: 160%; font-family: Helvetica; }
#applications_navigation ul, #company_navigation ul { list-style: none; margin-left: 0; border-top: 1px dotted #ccc; }
#applications_navigation ul li, #company_navigation ul li { padding-top: 12px; padding-bottom: 11px; padding-right: 12px; border-bottom: 1px dotted #bbb; text-align: right; }
#applications_navigation ul li a, #company_navigation ul li a { color: #444444; }
#applications_navigation ul li.selected, #company_navigation ul li.selected { background-color: #cec; }
#applications_navigation ul li.selected a, #company_navigation ul li.selected a { font-weight: bold; color: #030; }
#applications_navigation ul li a:hover { text-decoration: none; }
#applications_navigation ul li.selected { background: url(/img/left_nav_bg.png) repeat-x top left; position: relative; }
#applications_navigation ul li.selected a { color: #fff; }
#applications_navigation ul li.selected img.selected_img { padding: 0; margin: 0; position: absolute; right: -20px; top: -2px; }
#applications_navigation ul li.selected img.selected_img_gray { padding: 0; margin: 0; position: absolute; right: -20px; top: 0px; display: inline; }
#applications_navigation ul li img.selected_img_gray { display: none; }

/* on hovering */
#applications_navigation ul li:hover { background: url(/img/left_nav_bg.png) repeat-x top left; }
#applications_navigation ul li:hover a { color: #eee; }


#applications { margin-top: 18px; position: relative; top: 8px; width: 704px; float: right; }

/* downloads section */
#downloads { margin-bottom: 32px; width: 85%; margin-left: 10%; margin-top: 24px; }
#downloads .download { width: 100%; margin-left: 14px; clear: both; }
#downloads .download .download_icon { float: left; width: 72px; margin-top: 14px; margin-left: 48px; }
#downloads .download .description { float: left; width: 400px; margin-top: 14px; margin-left: 14px; }
#downloads .download .description h2 { font-size: 120%; color: #444; font-weight: bold; font-family: Lucida Grande; }
#downloads .download .download_button { margin-top: 24px; margin-left: 10px;}

/* features list */
#features { margin-left: 24px; margin-top: 24px; }
#features .feature { clear: both; }
#features .feature img.screenshot { float: left; width: 240px; height: 160px; margin-right: 28px; margin-bottom: 2px; margin-top: 22px; }
#features .feature .description { float: left; width: 400px; margin-top: 22px; }
#features .feature .description h3 { font-weight: bold; font-size: 140%; }
#features .feature .sign_up_button { margin-top: 75px; margin-left: 28px; width: 150px; }

#applications a:hover { text-decoration: none; color: inherit; }
#applications .application { background: url(/img/application_bg1.png) no-repeat center center; width:220px; margin-left: 10px; float: left; margin-bottom: 20px; height: 98px; }
#applications .application .appicon { float: left; width: 80px; margin-top: 14px /* 21px */; margin-left: 5px; }
#applications .application .description { float: right; width: 120px; margin-top: 20px; position: relative; right: 8px; }
#applications .application .description h2 { font-size: 110%; color: #444; font-weight: bold; font-family: Lucida Grande; }
#applications .application .description p { font-size: 90%; color: #444444; margin-bottom: 2px; }

/*
#banner { height: 338px; background: url(/img/banner_mid_bg.png) repeat-x top left; margin-top: 14px; position: relative; }
#banner a { color: #fff; }
#banner_left { background: url(/img/banner_left.png) no-repeat top left; position: absolute; top: 1px; left: 0px; height: 338px; width: 20px;}
#banner_right { background: url(/img/banner_right.png) no-repeat top right; position: absolute; bottom: 1px; right: 0px; height: 338px; width: 20px; }
*/

#application_single { height: 470px; background: url(/img/app_banner_bg_mid.png) repeat-x top left; position: relative; }
#application_single_left { background: url(/img/app_banner_bg_left.png) no-repeat top left; height: 470px; width: 10px; position: absolute; left: 0px; }
#application_single_right { background: url(/img/app_banner_bg_right.png) no-repeat top right; height: 470px; width: 10px; position: absolute; right: 0px; }

#application_main { margin-top: 14px; margin-bottom: -12px; padding: 12px; padding-bottom: 0;}
#application_main h2 { font-size: 200%; margin-bottom: 4px; color: #fff; margin-top: 64px; font-weight: bold; margin-left: 42px; }
#application_main h2#application_title a { color: #fff; text-transform: uppercase; }
#application_main h3 { font-size: 140%; margin-bottom: 4px; color: #fff; margin-top: 24px; font-weight: bold; }
#application_main img.application_screenshot { margin-bottom: 14px; width: 280px; height: 432px; position: relative; right: 32px; top: 6px; border: 1px solid #ccc; }
#application_main object.application_screenshot { margin-bottom: 14px; width: 282px; height: 432px; position: relative; right: 32px; top: 6px; }
#application_main .right { float: right; width: 33%;}
#application_main .left { float: left; width: 64%; padding-top: 24px; position: relative; }
#application_main .left #submenu { position: absolute; left: 0px; top: 12px; }
#application_main .left h3.first { margin-top: 0px; }
#application_main .left h3 { margin-left: 42px; font-size: 120%; margin-right: 14px; }
#application_main .left p { margin-left: 42px; margin-right: 44px; font-size: 90%; color: #fff; }

#application_gallery { margin-bottom: 0px; margin-top: 26px; margin-left: 24px; }
#application_gallery h3 { font-size: 150%; margin-bottom: 10px; margin-top: 0px; }
#application_gallery p { color: #444; min-height:50px;}
#application_gallery .screenshot_section { width: 200px; margin-right: 19px; margin-bottom: 8px; float: left; position: relative; left: 4px;}
#application_gallery .right_screenshot { width: 190px; height: 280px; background: #fff; padding: 4px; border: 1px solid #ccc; margin-left: 0px; }
#application_gallery .right_screenshot .filler { background: #222; height: 100%; width: 100%; }


#ft { clear: both; position: relative; margin-top: 60px; margin-left: 6px; margin-right: 6px; bottom: 17px; color: #222; min-height: 184px; }
#ft a { color: #222; }
#ft div.left_col { float: left; width: 420px; margin-right: 18px; }
#ft div.left_middle_col, #ft div.middle_col, #ft div.right_middle_col, #ft div.right_col { width: 94px; float: left; margin-top: 12px; margin-left: 14px; }
#ft div h3 { font-size: 100%; color: #336; text-transform: uppercase; margin-top: 4px; }
#ft img.globe { float: left; width: 34px; }
#ft ul { list-style: none; margin-left: 0px; margin-top: 6px; }
#ft ul li { margin-bottom: 3px; }
#ft h2 { font-size: 150%; position: relative; top: 12px; left: 6px; text-transform: uppercase; color: #111; }
body.application #site { background: none; }
body.application #ft { background: #ddd; position: relative; bottom: 0; margin-top: 14px; padding: 6px 8px; padding-bottom: 18px; border-top: 2px solid #ccc; margin-left: 0; margin-right: 0;  }
body.application #ft div.left_col { margin-left: 34px; width: 42%; position: relative; top: 8px;}
body.application #ft div.left_middle_col, body.application #ft div.middle_col, body.application #ft div.right_middle_col, body.application #ft div.right_col { width: 11%; position: relative; top: 8px; }
body.application.marketing #site { width: 100%; background: url(/img/ft_bg.png) repeat-x bottom left; }
body.application.marketing #ft { background: url(/img/ft_bg.png) repeat-x bottom left; min-height: 194px; }

* + html #ft { position: relative; bottom: 27px; margin-top: 80px; }


/* For tooltips */
/* - - - - - - CSS Document - - - - - - - - -

Title : Global style sheet for client-side web development
Author : Cody Lindley 

- - - - - - - - - - - - - - - - - - - - - */
/* ----- add selectors here for font sizing ----- */
#JT_close_left, #JT_close_right{font-size: 1.1em;}
#JT_copy { font-size: 90%; }
#JT_copy p, #JT_copy ul{ margin-bottom: 8px; }
#contentPad{ margin:20px; }
.formInfo a, .formInfo a:active, formInfo a:visited{ background-color:#FF0000; font-size: 1.3em; font-weight:bold; padding:1px 2px; margin-left:5px; color:#FFFFFF; text-decoration: none; }
.formInfo a:hover{ color:#660000; text-decoration: none; }
/* ---------->>> jtip <<<---------------------------------------------------------------*/
#JT_arrow_left{ background-image: url(/js/images/arrow_left.gif); background-repeat: no-repeat; background-position: left top; position: absolute; 
                z-index:101; left:-12px; height:23px; width:10px; top:-3px; }
#JT_arrow_right{ background-image: url(/js/images/arrow_right.gif); background-repeat: no-repeat; background-position: left top; position: absolute;
            	z-index:101; height:23px; width:11px; top:-2px; }
#JT { position: absolute; z-index:100; border: 2px solid #CCCCCC; background-color: #fff; }
#JT_copy{ padding:10px 10px 10px 10px; color:#333333; }
.JT_loader{ background-image: url(/js/images/loader.gif); background-repeat: no-repeat; background-position: center center; width:100%; height:12px; }
#JT_close_left{ background-color: #CCCCCC; text-align: left; padding-left: 8px; padding-bottom: 5px; padding-top: 2px; font-weight:bold; }
#JT_close_right{ background-color: #CCCCCC; text-align: left; padding-left: 8px; padding-bottom: 5px; padding-top: 2px; font-weight:bold; }
#JT_copy img{ padding: 1px; border: 1px solid #CCCCCC; }
.jTip{ cursor:help; }