html, body { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
html { font-size: 100.01%; }
div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, code, del, dfn, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
blockquote, q { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; quotes: "" ""; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
th, td, caption { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; text-align: left; font-weight: normal; vertical-align: middle; }
table { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; border-collapse: separate; border-spacing: 0; vertical-align: middle; }
a img { border: none; }
.textfield-wrapper { margin-right: 3px; }
input:-moz-placeholder { color: #a0a0a0; }
input::-webkit-input-placeholder { color: #a0a0a0; }
body.bp form.rails label { font-weight: bold; }
body.bp form.rails div.formError { display: inline; color: #bb0000; }
body.bp form.rails div.fieldWithErrors { display: inline; }
body.bp form.rails div.fieldWithErrors label { color: #bb0000; }
body.bp form.rails div.fieldWithErrors input { border-width: 2px; border-style: solid; border-color: #bb0000; }
body.bp .box { padding: 1.5em; margin-bottom: 1.5em; background: #e5ecf9; }
body.bp div.border { padding-right: 4px; margin-right: 5px; border-right: 1px solid #eeeeee; }
body.bp div.colborder { padding-right: 24px; margin-right: 25px; border-right: 1px solid #eeeeee; }
body.bp hr { background: #dddddd; color: #dddddd; clear: both; float: none; width: 100%; height: 0.1em; margin: 0 0 1.45em; border: none; }
body.bp hr.space { background: #dddddd; color: #dddddd; clear: both; float: none; width: 100%; height: 0.1em; margin: 0 0 1.45em; border: none; background: white; color: white; visibility: hidden; }
body.bp form.inline { line-height: 3; }
body.bp form.inline p { margin-bottom: 0; }
body.bp { line-height: 1.5; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; color: #333333; font-size: 75%; }
body.bp h1, body.bp h2, body.bp h3, body.bp h4, body.bp h5, body.bp h6 { font-weight: normal; color: #222222; }
body.bp h1 img, body.bp h2 img, body.bp h3 img, body.bp h4 img, body.bp h5 img, body.bp h6 img { margin: 0; }
body.bp h1 { font-size: 3em; line-height: 1; margin-bottom: 0.50em; }
body.bp h2 { font-size: 2em; margin-bottom: 0.75em; }
body.bp h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1.00em; }
body.bp h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
body.bp h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.50em; }
body.bp h6 { font-size: 1em; font-weight: bold; }
body.bp p { margin: 0 0 1.5em; }
body.bp p img.left { display: inline; float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
body.bp p img.right { display: inline; float: right; margin: 1.5em 0 1.5em 1.5em; padding: 0; }
body.bp a { text-decoration: underline; color: #2a5db0; }
body.bp a:visited { color: #2a5db0; }
body.bp a:focus { color: #333333; }
body.bp a:hover { color: #333333; }
body.bp a:active { color: #2a5db0; }
body.bp blockquote { margin: 1.5em; color: #666666; font-style: italic; }
body.bp strong { font-weight: bold; }
body.bp em { font-style: italic; }
body.bp dfn { font-style: italic; font-weight: bold; }
body.bp sup, body.bp sub { line-height: 0; }
body.bp abbr, body.bp acronym { border-bottom: 1px dotted #666666; }
body.bp address { margin: 0 0 1.5em; font-style: italic; }
body.bp del { color: #666666; }
body.bp pre { margin: 1.5em 0; white-space: pre; }
body.bp pre, body.bp code, body.bp tt { font: 1em "andale mono", "lucida console", monospace; line-height: 1.5; }
body.bp li ul, body.bp li ol { margin: 0; }
body.bp ul, body.bp ol { margin: 0 1.5em 1.5em 0; padding-left: 3.333em; }
body.bp ul { list-style-type: disc; }
body.bp ol { list-style-type: decimal; }
body.bp dl { margin: 0 0 1.5em 0; }
body.bp dl dt { font-weight: bold; }
body.bp dd { margin-left: 1.5em; }
body.bp table { margin-bottom: 1.4em; width: 100%; }
body.bp th { font-weight: bold; }
body.bp thead th { background: #c3d9ff; }
body.bp th, body.bp td, body.bp caption { padding: 4px 10px 4px 5px; }
body.bp tr.even td { background: #e5ecf9; }
body.bp tfoot { font-style: italic; }
body.bp caption { background: #eeeeee; }
body.bp .quiet { color: #666666; }
body.bp .loud { color: #111111; }
body.bp true .box { padding: 1.5em; margin-bottom: 1.5em; background: #e5ecf9; }
body.bp true div.border { padding-right: 4px; margin-right: 5px; border-right: 1px solid #eeeeee; }
body.bp true div.colborder { padding-right: 24px; margin-right: 25px; border-right: 1px solid #eeeeee; }
body.bp true hr { background: #dddddd; color: #dddddd; clear: both; float: none; width: 100%; height: 0.1em; margin: 0 0 1.45em; border: none; }
body.bp true hr.space { background: #dddddd; color: #dddddd; clear: both; float: none; width: 100%; height: 0.1em; margin: 0 0 1.45em; border: none; background: white; color: white; visibility: hidden; }
body.bp true form.inline { line-height: 3; }
body.bp true form.inline p { margin-bottom: 0; }
body.bp .clear { clear: both; }
body.bp .nowrap { white-space: nowrap; }
body.bp .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
body.bp .small { font-size: 0.8em; margin-bottom: 1.875em; line-height: 1.875em; }
body.bp .large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
body.bp .first { margin-left: 0; padding-left: 0; }
body.bp .last { margin-right: 0; padding-right: 0; }
body.bp .top { margin-top: 0; padding-top: 0; }
body.bp .bottom { margin-bottom: 0; padding-bottom: 0; }
body.bp .showgrid { background: url('/images/grid.png?1328325001'); }
body.bp .error { padding: 0.8em; margin-bottom: 1em; border: 2px solid #dddddd; background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
body.bp .error a { color: #8a1f11; }
body.bp .notice { padding: 0.8em; margin-bottom: 1em; border: 2px solid #dddddd; background: #fff6bf; color: #514721; border-color: #ffd324; }
body.bp .notice a { color: #514721; }
body.bp .success { padding: 0.8em; margin-bottom: 1em; border: 2px solid #dddddd; background: #e6efc2; color: #264409; border-color: #c6d880; }
body.bp .success a { color: #264409; }
body.bp .hide { display: none; }
body.bp .highlight { background: yellow; }
body.bp .added { background: #006600; color: white; }
body.bp .removed { background: #990000; color: white; }
form.bp label { font-weight: bold; }
form.bp fieldset { padding: 1.4em; margin: 0 0 1.5em 0; }
form.bp legend { font-weight: bold; font-size: 1.2em; }
form.bp input.text, form.bp input.title, form.bp input[type=email], form.bp input[type=text], form.bp input[type=password] { margin: 0.5em 0; background-color: white; padding: 5px; }
form.bp input.title { font-size: 1.5em; }
form.bp input[type=checkbox], form.bp input.checkbox, form.bp input[type=radio], form.bp input.radio { position: relative; top: 0.25em; }
form.bp textarea { margin: 0.5em 0; padding: 5px; }
form.bp select { margin: 0.5em 0; }
form.bp fieldset { border: 1px solid #cccccc; }
form.bp input.text, form.bp input.title, form.bp input[type=email], form.bp input[type=text], form.bp input[type=password], form.bp textarea, form.bp select { border: 1px solid #bbbbbb; }
form.bp input.text:focus, form.bp input.title:focus, form.bp input[type=email]:focus, form.bp input[type=text]:focus, form.bp input[type=password]:focus, form.bp textarea:focus, form.bp select:focus { border: 1px solid #666666; }
form.bp input.text, form.bp input.title, form.bp input[type=email], form.bp input[type=text], form.bp input[type=password] { width: 300px; }
form.bp textarea { width: 390px; height: 250px; }
body.front-page a { text-decoration: none; }
body.front-page #container { width: 950px; margin: 0 auto; overflow: visible; }
body.front-page #container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
body.front-page #header { display: inline; float: left; margin-right: 10px; width: 950px; margin-top: 1.5em; }
* html body.front-page #header { overflow-x: hidden; }
body.front-page #header .menu-item { margin-left: 2em; }
body.front-page #header .menu-item:first-child { margin-left: none; }
body.front-page #content { display: inline; float: left; margin-right: 10px; width: 950px; margin-top: 1.5em; }
* html body.front-page #content { overflow-x: hidden; }
body.front-page #content #sidebar { display: inline; float: left; margin-right: 10px; width: 310px; }
* html body.front-page #content #sidebar { overflow-x: hidden; }
body.front-page #content #sidebar .browser-logo { margin-top: 4em; }
body.front-page #content #sidebar h3.faq-heading a.selected { color: #333333; }
body.front-page #content #sidebar #indicator { position: absolute; left: -2em; }
body.front-page #content #main { display: inline; float: left; margin-right: 0; width: 630px; }
* html body.front-page #content #main { overflow-x: hidden; }
body.front-page #content #main .faq-section h3 { line-height: 1.2em; }
body.front-page #content #main .faq-section ol { margin-left: 3em; }
body.front-page #footer { display: inline; float: left; margin-right: 10px; width: 950px; margin-top: 1.5em; margin-bottom: 1.5em; }
* html body.front-page #footer { overflow-x: hidden; }
body.front-page #footer #navigation { text-align: center; }
body.front-page #footer #navigation a { padding-left: 0.5em; padding-right: 0.5em; border-left: 1px solid gray; }
body.front-page #footer #navigation a:first-child { border-left: none; }
ul#supported-memberships { list-style: none; padding: 0; margin: 0; }
ul#supported-memberships li { float: left; width: 115px; margin: 5px 10px 5px 0; }
ul#supported-memberships li img { padding-right: 4px; vertical-align: top; }
body.raplets #container #content { display: inline; float: left; margin-right: 0; width: 950px; }
* html body.raplets #container #content { overflow-x: hidden; }
body.raplets #container h1 { display: inline; float: left; margin-right: 10px; width: 670px; margin-top: 30px; font-size: 2em; text-align: right; text-shadow: 1px 1px 2px #dddddd; }
* html body.raplets #container h1 { overflow-x: hidden; }
body.raplets #container h1 img { float: left; position: relative; top: -7px; }
body.raplets #container h2 { font-size: 1.5em; text-shadow: 1px 1px 1px #e0e0e0; margin: 1.2em 0 1.5em 0; }
body.raplets #container h3 { font-size: 1.2em; text-shadow: 1px 1px 1px #eeeeee; }
body.raplets #container #main-column { display: inline; float: left; margin-right: 10px; width: 710px; }
* html body.raplets #container #main-column { overflow-x: hidden; }
body.raplets #container #main-column div.content-block { display: inline; float: left; margin-right: 10px; width: 670px; }
* html body.raplets #container #main-column div.content-block { overflow-x: hidden; }
body.raplets #container #main-column div.content-block.explanation { display: inline; float: left; margin-right: 10px; width: 630px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 1px 1px 0 rgba(222, 222, 222, 0.5); -webkit-box-shadow: 1px 1px 0 rgba(222, 222, 222, 0.5); box-shadow: 1px 1px 0 rgba(222, 222, 222, 0.5); border: 1px solid #bcbcbc; padding: 14px 19px; margin: 1.2em 0; }
* html body.raplets #container #main-column div.content-block.explanation { overflow-x: hidden; }
body.raplets #container #main-column div.content-block.explanation p { margin-bottom: 0.7em; }
body.raplets #container #main-column div.content-block.explanation p:last-child { margin-bottom: 0; }
body.raplets #container #main-column div.content-block#raplets-choice div.raplet-wrap { display: inline; float: left; width: 320px; margin-right: 10px; margin-bottom: 30px; }
body.raplets #container #main-column div.content-block#raplets-choice div.raplet-wrap.right { margin-right: 0; padding-left: 20px; }
body.raplets #container #main-column div.content-block#raplets-choice div.raplet-wrap div.raplet { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 1px 1px 0 rgba(222, 222, 222, 0.5); -webkit-box-shadow: 1px 1px 0 rgba(222, 222, 222, 0.5); box-shadow: 1px 1px 0 rgba(222, 222, 222, 0.5); border: 1px solid #bcbcbc; padding: 10px; background: url(/images/raplets/gradient.png) repeat-x #eaeaea; opacity: 0.8; }
body.raplets #container #main-column div.content-block#raplets-choice div.raplet-wrap div.raplet:hover { opacity: 1; }
body.raplets #container #main-column div.content-block#raplets-choice div.raplet-wrap div.raplet div.raplet-logo { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; -moz-box-shadow: 1px 1px 3px rgba(160, 160, 160, 0.5); -webkit-box-shadow: 1px 1px 3px rgba(160, 160, 160, 0.5); box-shadow: 1px 1px 3px rgba(160, 160, 160, 0.5); width: 100px; height: 100px; background: no-repeat; float: left; margin-right: 10px; opacity: 0.8; }
body.raplets #container #main-column div.content-block#raplets-choice div.raplet-wrap div.raplet:hover div.raplet-logo { opacity: 1; }
body.raplets #container #main-column div.content-block#raplets-choice div.raplet-wrap div.raplet.installed .if-not-installed, body.raplets #container #main-column div.content-block#raplets-choice div.raplet-wrap div.raplet.not-installed .if-installed { display: none; }
body.raplets #container #main-column div.content-block#raplets-choice div.raplet-wrap div.raplet div.metadata { display: none; }
body.raplets #container #main-column div.content-block#raplets-choice div.raplet-wrap div.raplet div.raplet-info h3 { padding-top: 1px; margin-bottom: 0.4em; }
body.raplets #container #main-column div.content-block#raplets-choice div.raplet-wrap div.raplet div.raplet-info div.controls { float: right; position: relative; top: -6px; right: -3px; margin-left: 10px; line-height: 21px; margin-bottom: -1px; max-height: 35px; text-align: right; }
body.raplets #container #main-column div.content-block#raplets-choice div.raplet-wrap div.raplet div.raplet-info div.controls .installed-ok { color: #00aa00; display: block; float: left; margin-right: 5px; line-height: 20px; }
body.raplets #container #main-column div.content-block#raplets-choice div.raplet-wrap div.raplet div.raplet-info a.button { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 1px 1px 0 rgba(160, 160, 160, 0.3); -webkit-box-shadow: 1px 1px 0 rgba(160, 160, 160, 0.3); box-shadow: 1px 1px 0 rgba(160, 160, 160, 0.3); font-size: 0.8em; color: #444444; background: url(/images/raplets/button-bg.png) repeat-x #00aa00; padding: 1px 6px; text-transform: uppercase; }
body.raplets #container #main-column div.content-block#raplets-choice div.raplet-wrap div.raplet div.raplet-info a.button:hover { color: black; }
body.raplets #container #main-column div.content-block#raplets-choice div.raplet-wrap div.raplet div.raplet-info a.button.install, body.raplets #container #main-column div.content-block#raplets-choice div.raplet-wrap div.raplet div.raplet-info a.button.custom-install { background-position: 0 0; text-shadow: 0 0 2px #eeffbb; border: 1px solid #aabbaa; }
body.raplets #container #main-column div.content-block#raplets-choice div.raplet-wrap div.raplet div.raplet-info a.button.install:hover, body.raplets #container #main-column div.content-block#raplets-choice div.raplet-wrap div.raplet div.raplet-info a.button.custom-install:hover { background-position: 0 -30px; border-color: #338833; }
body.raplets #container #main-column div.content-block#raplets-choice div.raplet-wrap div.raplet div.raplet-info a.button.settings { background-position: 0 -60px; text-shadow: 0 0 2px #bbeeff; border: 1px solid #aaaabb; }
body.raplets #container #main-column div.content-block#raplets-choice div.raplet-wrap div.raplet div.raplet-info a.button.settings:hover { background-position: 0 -90px; border-color: #333388; }
body.raplets #container #main-column div.content-block#raplets-choice div.raplet-wrap div.raplet div.raplet-info a.button.remove { background-position: 0 -120px; border: 1px solid #884444; color: #dd8888; }
body.raplets #container #main-column div.content-block#raplets-choice div.raplet-wrap div.raplet div.raplet-info a.button.remove:hover { background-position: 0 -150px; border-color: #aa2222; color: #ffeeee; }
body.raplets #container #profile-column { display: inline; float: left; margin-right: 0; width: 230px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 1px 1px 4px #cccccc; -webkit-box-shadow: 1px 1px 4px #cccccc; box-shadow: 1px 1px 4px #cccccc; margin-top: 24px; position: relative; }
* html body.raplets #container #profile-column { overflow-x: hidden; }
body.raplets #container #profile-column div.explanation { position: absolute; top: -35px; right: 0px; font-size: 0.8em; color: #aaaaaa; width: 140px; text-align: right; }
body.raplets #container #profile-column div.preview { width: 220px; padding: 0 5px; position: relative; }
body.raplets #container #profile-column div.preview div.metadata { display: none; }
body.raplets #container #profile-column div.preview img { opacity: 0.4; }
body.raplets #container #profile-column div.preview div.overlay-text { display: none; position: absolute; top: 50%; margin-top: -1.5em; padding: 0 20px; width: 180px; font-size: 1.3em; font-weight: bold; color: #006600; text-align: center; }
body.raplets #container #profile-column div.preview.profile { padding-top: 10px; }
body.raplets #container #profile-column div.preview.profile div.overlay-text { margin-top: -2em; }
body.raplets #container #profile-column div.preview.notes { padding-bottom: 10px; }
body.raplets #container #profile-column div.preview.notes div.overlay-text { margin-top: -1.5em; }
body.raplets #container #profile-column div.preview:hover { background-color: #eeffee; }
body.raplets #container #profile-column div.preview:hover img { opacity: 0.1; }
body.raplets #container #profile-column div.preview:hover div.overlay-text { display: block; }
body.raplets #container #profile-column div.preview.custom div.custom-raplet-url { background: url(/images/rapportive-r-100.png) no-repeat -26px -12px; padding: 10px 10px 10px 60px; margin: 5px 0; height: 60px; width: 150px; opacity: 0.4; }
body.raplets #container #profile-column div.preview.custom:hover div.custom-raplet-url { opacity: 0.1; }
body.raplets .telephony .explanation { margin-top: 10px; font-weight: bold; }
body.raplets .telephony .metadata { display: none; }
body.raplets .telephony .preview { margin-top: 5px; }
body.raplets div.raplet-settings-dialog img.provider-logo { float: left; margin: 0.3em 1.3em 0.5em 0; }
body.raplets div.raplet-settings-dialog div.raplet-security-note { clear: both; padding: 0.4em; margin-top: 1em; }
body.raplets div.raplet-settings-dialog div.raplet-security-note .ui-icon { float: left; margin-right: 0.3em; position: relative; top: 1px; }
body.raplets div.raplet-settings-dialog div.raplet-security-note p { margin-bottom: 0.7em; }
body.raplets div.raplet-settings-dialog div.raplet-security-note p:last-child { margin-bottom: 0; }
body.raplets div.raplet-settings-dialog p.error { margin: 1em 0 0 0; }
body.google div#header #rapportive-logo { display: inline; float: left; margin-right: 10px; width: 310px; padding-top: 10px; }
* html body.google div#header #rapportive-logo { overflow-x: hidden; }
body.google div#header #google-apps-logo { display: inline; float: left; margin-right: 10px; width: 310px; text-align: center; }
* html body.google div#header #google-apps-logo { overflow-x: hidden; }
body.google div#header #add-button { display: inline; float: left; margin-right: 0; width: 310px; text-align: right; padding-top: 5px; }
* html body.google div#header #add-button { overflow-x: hidden; }
body.google #content { display: inline; float: left; margin-right: 0; width: 950px; }
* html body.google #content { overflow-x: hidden; }
body.google #content h1 { margin-top: 30px; font-size: 2em; text-shadow: 1px 1px 2px #dddddd; }
body.google #content h2 { font-size: 1.5em; text-shadow: 1px 1px 1px #e0e0e0; margin: 1.2em 0 1.5em 0; }
body.google #content h3 { font-size: 1.2em; text-shadow: 1px 1px 1px #eeeeee; }
body.google #content p { line-height: 1.7em; }
body.google #content #carousel { margin-top: 60px; }
body.google #content #carousel li { text-align: center; height: 490px; }