html, body {
background: #fff;
font-family: Arial,Helvetica,sans-serif;
font-size: 90%;
margin: 0;
padding: 0;
}
.lang_ar {
font-family: Tahoma, Helvetica, sans-serif;
font-size: 1.2em;
}
.lang_ar select {
font-size: 1.1em;
line-height: 1.3;
}
.rtl.answer_rosetta .answer-title {
direction: ltr;
float: left
}
.answer_rosetta .article_content {
direction: ltr;
}
.answer_page .rosetta-message {
color: #f00;
font-weight: bold;
}
.no-leftnav .inner_content {
padding-left: 20px;
}
.content-only .inner_content {
padding: 0 20px;
}
.error {
background-color: #fbf1f1;
border: 1px solid #c00;
}
div.error {
margin-bottom: 1em;
padding: .4em .9em;
}
.error sup {
font-style: italic;
color: #c00;
}
#article-error-content {
padding-left: 1.5em;
}
.article-error span {
color: #666;
}
h2 {
font: 20px/24px Arial;
color: #222;
margin: 1.1em 0em 0.8em 0em;
padding: 0;
}
h3 {
color: #222;
font: 16px/18px Arial;
margin: 1em 0;
padding: 0;
}
body.lang_ar h2 {
font: 26px/30px Tahoma;
}
h2.page_heading {
margin: 0 0 1em 0;
padding: 0;
border-bottom: 1px solid #ccc;
}
h3.subheading {
border-bottom: 1px solid #ccc;
padding-bottom: 0;
margin-bottom: 1em;
font-size: 1em;
}
/* Modules */
div.module {
font-size: .9em;
margin: 0 0 1em 0;
padding: 0 .5em 1em 1em;
clear: both;
}
div.module li.module-item-indent {
padding-left: 1em;
}
body.rtl div.module li.module-item-indent {
padding-right: 1em;
}
body.rtl div.module {
padding: 0 2em 1em .5em;
}
div.module h2 {
background-color: white;
margin: 0 -.5em .5em -.5em;
padding: .3em .5em;
font: normal 16px/18px Arial;
color: #666;
}
body.rtl div.module h2 {
margin: 0 -2em .5em -.5em;
font-size: 20px;
line-height: 22px;
}
div.module ol {
margin: 0 0 0 1em;
padding: 0;
}
div.module ol li {
padding: .2em 0 0 0;
}
div.module ul {
margin: 0 1em;
padding: 0;
}
div.module ul li {
list-style: disc outside;
}
div.module ul.no_bullets li {
margin: 1em 0;
}
div.module p {
margin-bottom: 0;
}
div.module form, form {
margin: 0;
padding: 0;
}
div.module li.otherproducts_column1 {
background-repeat: no-repeat;
padding-left: 40px;
height: 30px;
padding-top: 10px;
}
div.module li.otherproducts_column2 {
background-position: 10px;
background-repeat: no-repeat;
padding-left: 50px;
height:30px;
padding-top:10px;
}
div.otherproducts_box {
margin: 1em 0;
border-top: 1px solid #ccc;
padding: 1em 0;
}
div.otherproducts_box ul,
div.otherproducts_box li {
margin-left: 0;
padding-left: 0;
}
div.otherproducts_box h2 {
font-size: 1.1em;
}
div.otherproducts_box li {
float: left;
width: 25%;
}
body.rtl div.otherproducts_box li {
float: right;
}
div.otherproducts_box li {
background-repeat: no-repeat;
height: 30px;
padding-top: 10px;
padding-left: 50px;
}
body.rtl div.otherproducts_box li {
background-position: top right;
padding: 10px 50px 0 0;
}
div.otherproducts_box a.more_link {
display: block;
padding-top: 1em;
}
/* Smart links */
div.smart-link-box {
padding: .5em;
border: 1px solid #e1ecfe;
background: #f0f6ff;
margin: 1em 0;
width: 50%;
}
div.smart-link-box h2 {
margin: 0;
padding: 0;
font-size: 1.2em;
}
/* Search module */
div.module_searchbox {
padding: 0 1em .5em .5em;
}
div.module_searchbox h2 {
margin: 0 -1em .5em -.5em;
}
div.module_searchbox .button {
font-size: .8em;
}
div.module_topsearches {
padding: 0 0 1em 0;
}
div.module_topsearches h2 {
margin: 0 0 .5em 0;
}
div.module_topsearches h3 {
border-top: 1px solid #ccc;
margin: 1em 0 0 0;
padding: .5em 0 0 .5em;
font-size: 1em;
}
div.module_topsearches ol {
margin: 0 0 0 .5em;
}
div.module_topsearches form {
margin: 0;
padding: 0 0 0 .5em;
}
/* Special icon modules */
div.module_icon {
background-repeat: no-repeat;
background-position: 5% 50%;
}
div.module_icon_content {
padding: 0 .5em 1em 45px;
}
div.module_u2u p, p.p_u2u, p.p_glossary, p.p_known_issues, p.p_module_fix,
div.module_ki_flag p, div.module_newuser p, div.module_forum p, p.p_forum {
padding-left: 45px;padding-bottom:3px;
}
div.module_heart p {
padding-left: 20px;
}
div.module_heart {
background: url(http://www.google.com/images/icons/feature/heart-r16.png) no-repeat 5px 30px;
}
div.module_wrench p {
padding-left: 30px;
}
div.module_u2u p, p.p_u2u {
background: url(http://www.google.com/images/icons/product/discussions-32.gif) no-repeat 0 0;
}
div.module_forum p, p.p_forum {
background: url(http://www.google.com/images/icons/feature/help_forum-o48.png) no-repeat 0 0;
}
div.module_newuser p {
background: url(http://www.google.com/images/icons/feature/babyblock-r32.png) no-repeat 0 0;
}
p.p_glossary {
padding: 0 0 .2em 0;
background: url(http://www.google.com/images/icons/feature/books-lb32.png) no-repeat 0 0;
}
p.p_known_issues {
background: url(http://www.google.com/images/icons/feature/controlpanel-p32.png) no-repeat 0 0;
}
div.module_flag p {
background: url(flag_E5ECF4.gif) no-repeat 0 0;
padding-left: 35px;
}
div.module_wrench {
background: url(http://www.google.com/images/icons/feature/wrench-lb24_e5ecf4.png) no-repeat 5px 30px;
}
div.module_heart {
background: url(http://www.google.com/images/icons/feature/heart-r16.png) no-repeat 5px 35px;
}
p.p_module_fix {
background: url(http://www.google.com/images/icons/feature/controlpanel-p32.png) no-repeat;
}
div.module_fix {
background: url(http://www.google.com/images/icons/feature/controlpanel-p32.png) no-repeat 5px 30px;
}
div.module_fix p, div.module_fix ul {
padding-left: 45px !important;
}
div.module_glossary {
background: url(http://www.google.com/images/icons/feature/books-lb32.png) no-repeat 5px 30px;
padding: 0 .5em 1.5em 45px;
}
p.module_glossary_p {
background: url(http://www.google.com/images/icons/feature/books-lb32.png) no-repeat 5px 30px;
padding: 0 .5em 1.5em 45px;
display: block;
}
div.module_glossary h4, div.module_glossary h2 {
margin: 0 -.5em 1em -45px;
}
/* Alert module */
div.module_alert h2 {
background: #900 !important;
color: #fff;
border-bottom: 1px solid #900;
}
div.module_alert h3 {
font-size: 1em;
margin-bottom: .3em;
}
div.module_alert {
border: 1px solid #900;
}
/* Feed module */
div #feed-module #posts {
padding-left: 3em;
}
a.feed-module-more-link {
padding-top: 1em;
}
/* Yellow Outage Box */
/* bright yellow: #FAD163 */
/* Mellow yellow: #FFFFD9 */
div.feed_multiple_yellowOutage{
border:1px solid #FAD163;
font-size:95%;
}
div.feed_multiple_yellowOutage #posts{
padding-left:15px;
}
div.feed_multiple_yellowOutage h2{
background-color:#FAD163;
padding-left:10px;
margin-top:0;font-size:110%;
}
div.feed_multiple_yellowOutage div.gsg-msgs{
padding:10px;padding-top:0;
}
/* U2U Posts Module */
div.module_u2u_posts h3 {
margin: 0;
padding: 0;
font-weight: normal;
font-size: 1em;
}
div.module_u2u_posts p.u2u_replies {
margin-top: 0;
color: #666;
font-size: .95em;
}
div.u2u_bottom_links {
margin: 0;
padding: .5em .6em .6em .6em;
}
a.u2u_ask {
float: left;
}
a.u2u_more {
float: right;
}
a.u2u_ask, a.u2u_more {
padding: 0 .3em 0 0;
font-size: .95em;
}
/* Other special modules */
div.module_video {
text-align: center;
padding: 0 0 1em 0;
}
div.module_video h2 {
text-align: left;
margin: 0 0 .5em 0;
}
div.module_video p {
margin-top: .4em;
}
div.module_flag_ki_dynamic {
background: url(flag_E5ECF4.gif) no-repeat 5px 20%;
}
p.module_flag_ki_dynamic {
background: url(flag_E5ECF4.gif) no-repeat 0 0;
padding: .5em 0 .5em 30px;
}
span.countdown-number {
padding: .1em;
font-size: 2em;
border: 1px solid #6b90da;
color: #6b90da;
background: #ebeff9;
}
/* Striped module */
div.module_stripes ul li {
padding: .4em;
border-bottom: 1px solid #dfe5f3;
list-style: none;
}
div.module_stripes .alt {
background: #f8f9fc;
}
/* UGC submission module */
div.module-ugc h3 {
padding: 0 0 .5em;
margin: .5em 0;
font-size: 105%;
}
div.module-ugc ul {
margin: .3em 0;
padding: 0;
}
div.module-ugc ul li {
list-style: none;
margin: .2em 0;
}
div.module-ugc span.module-ugc-subtext {
color: #666;
display: block;
font-style: italic;
}
div.module-ugc-submit {
margin: 1em 0;
border: 1px solid #ccc;
padding: .25em .5em;
}
div.module-ugc-submit p {
margin: 0;
}
div.module-ugc input {
margin: .5em 0;
}
div.module-ugc input[type=text] {
width: 95%;
}
/* Widescreen version of right nav */
body.modules_widescreen td.right_column {
width: 230px;
}
body.modules_widescreen div.module {
width: 300px;
}
/* Newbie promo */
div.newbie_promo {
border: 1px solid #dfe5f3;
background: #f8f9fc url(http://www.google.com/images/icons/feature/babyblock-r32.png) no-repeat 12px 8px;
padding: .8em 1em .8em 70px;
}
.new-ui-index div.newbie_promo {
margin: 0 .5em 1em 3.2em;
}
body.answer_page div.newbie_promo, body.topic_page div.newbie_promo {
margin-bottom: .8em;
}
div.newbie_promo h2 {
font-size: 1em;
margin: 0;
padding: 0;
}
div.newbie_promo p {
margin: 0;
padding: 0;
}
div.newbie_promo a.hide_link {
float: right;
padding: 0 .3em 0 .5em;
font-size: .85em;
}
/* p13n Box */
div.p13n_box3 {
background-color: #edf4ff;
padding: 8px;
background-position: 1.5em 50%;
margin: 1em 0 1em 3px;
font: 13px/19px Arial;
color: #222;
}
div.p13n_box3 h2 {
margin: 0 0 8px 0;
font: normal 16px/20px Arial;
color: #666;
}
div.p13n_box3 h3 {
font: normal 13px/19px Arial;
font-weight: bold;
margin: 10px 0;
}
div.p13n_box3.warning {
background-color: #f9edbe;
}
div.p13n_box3.warning h2 {
color: #dd4b39;
}
div.p13n_box3 a.hide_link {
background: url(hc_icon_close_spr.gif) left top;
height: 21px;
width: 21px;
float: right;
margin: -3px -6px 0 0;
}
div.p13n_box3 a.hide_link:hover {
background-position: right top;
}
div.p13n_box3 p {
margin: 0;
}
div.p13n_box2 {
border: 1px solid rgb(225, 236, 254);
background-color: rgb(240, 246, 255);
background-repeat: no-repeat;
background-position: 12px 8px;
padding: 1em;
background-position: 1.5em 50%;
margin: 1em 0 1em 0;
}
div.p13n_box2.has-bg {
padding-left: 5.5em;
}
body.rtl td.new-ui div.p13n_box2 {
background-position: 98% center;
margin: 0 3.2em 1em 0.5em !important;
padding: 1.5em 4.5em 1.5em 2em;
}
body.rtl div.p13n_box2 a.hide_link {
float: left;
}
div.new-ui-alert {
background-position: 1.5em center;
background-image: url(http://www.google.com/images/icons/feature/lightbulb-y16.png);
background-repeat: no-repeat;
}
.index_page div.new-ui-alert {
padding: 1.5em 2em 1.5em 4.5em;
}
body.ie7.index_page div.new-ui-alert,
body.ie8.index_page div.new-ui-alert {
padding: 0.7em 2em 1.5em 4.5em;
}
body.answer_page div.p13n_box2, body.topic_page div.p13n_box2 {
margin-bottom: .8em;
}
body.index_page td.new-ui div.p13n_box2 {
margin: 0 .5em 1em 3.2em;
}
div.p13n_box2 h2 {
font-size: 1em;
margin: 0;
padding: 0;
}
div.p13n_box2 p {
margin: 0;
padding: 0;
}
div.p13n_box2 a.hide_link {
float: right;
padding: 0 .3em 0 .5em;
font-size: .85em;
}
/* Two columns */
.column1, .column2, .multicolumn {
float:left; width: 45%;
}
div.break{
padding-bottom:5px;
clear:both;
}
fieldlist input {
width: 25em;
}
div.field-indent {
padding: 0 0 0 2em;
}
div.column_350 {
float: left; width: 350px;
margin-right: 50px;
}
/* Translate message */
div.translate {
border: 1px solid #dfa49b;
background: url(http://www.google.com/images/icons/product/translate-16.png)
no-repeat 6px 6px;
padding: .6em .6em .6em 30px;
margin: 0 0 1em 0;
}
div.translate h2 {
font-size: 1em;
display: inline;
padding-right: 1em;
}
/* Additional Help Resources */
h3.footer{
margin: 20px 0 10px 0;
padding: 5px 0 0 0;
font-size: 10pt;
border-bottom: 1px solid #cccccc;
color: #000;
text-align: left;
}
body.rtl h3.footer {
text-align: right;
}
div.helpful-wrapper {
border-top: 1px solid #dee7f7;
margin: 1.3em 0 0 0;
padding: .6em 0 .3em .3em;
}
#mt-survey-wrapper label {
display: block;
}
div.additional_resources_wrapper {
padding-top: 1em;
border-top: 1px solid #dee7f7;
}
.related_topics h4 {
margin: 0 0 0 34px;
padding: 0;
font-weight: normal;
font-size: 10pt;
}
body.rtl .related_topics h4 {
margin-right: 34px;
}
.articles{
background: url(http://www.google.com/images/icons/feature/articles-g24.png) no-repeat top left;
}
.articles ul {
margin: 0;
}
.groups{
background: url(http://www.google.com/images/icons/product/discussions-32.gif) no-repeat top left;
}
body.rtl .articles, body.rtl .groups {
background-position: top right;
}
.groups p {
margin: 0;
}
.related_topics ul, .related_topics ol{
list-style: none;
margin-left: 34px;
margin-top: 0;
padding-top: 0;
padding-left: 0;
}
.related_topics ul li, .related_topics ol li{
margin: 4px 0;
}
/* Pretty KBs */
.action {
background-color: #f5f5f5;
-moz-border-radius: 1px;
border-radius: 1px;
border: 1px solid #ddd;
padding: 8px 10px 8px 14px;
}
.alert {
background: #f9edbe url('hc_icon_pretty_warning_global.gif') no-repeat 10px 7px;
border-color: #ffc4bb;
-moz-border-radius: 1px;
border-radius: 1px;
border: 1px solid #ddd;
padding: 8px 10px 8px 36px;
}
.article_content h3,
.article_content .pull h4 {
color: #222;
font: 16px/18px Arial;
}
.filelink {
background: #f5f5f5 url('hc_icon_filelink_document.png') no-repeat 10px 7px;
-moz-border-radius: 1px;
border-radius: 1px;
border: 1px solid #ddd;
padding: 8px 10px 8px 36px;
}
.filelink.filelink-drawing {
background-image: url('hc_icon_filelink_drawing.png');
}
.filelink.filelink-file {
background-image: url('hc_icon_filelink_file.png');
}
.filelink.filelink-form {
background-image: url('hc_icon_filelink_form.png');
}
.filelink.filelink-pdf {
background-image: url('hc_icon_filelink_pdf.png');
}
.filelink.filelink-presentation {
background-image: url('hc_icon_filelink_presentation.png');
}
.filelink.filelink-sites {
background-image: url('hc_icon_filelink_sites.png');
}
.filelink.filelink-spreadsheet {
background-image: url('hc_icon_filelink_spreadsheet.png');
}
.lightbulb,
.tip {
background: #f5f5f5 url('hc_icon_pretty_tip_global.gif') no-repeat 10px 7px;
-moz-border-radius: 1px;
border-radius: 1px;
border: 1px solid #ddd;
padding: 8px 10px 8px 36px;
}
.highlight {
background-color: yellow;
}
.note {
background-color: #f5f5f5;
-moz-border-radius: 1px;
border-radius: 1px;
border: 1px solid #ddd;
padding: 8px 10px 8px 14px;
}
.privacy {
background: #f5f5f5 url('hc_icon_pretty_security_global.gif') no-repeat 10px 7px;
-moz-border-radius: 1px;
border-radius: 1px;
border: 1px solid #ddd;
padding: 8px 10px 8px 36px;
}
.summaryBox {
background-color: #f5f5f5;
-moz-border-radius: 1px;
border-radius: 1px;
border: 1px solid #ddd;
padding: 8px 20px 8px 16px;
}
.promo {
background: #ffffd9;
padding: .5em;
border: 1px solid #b3b3b3;
color: #353535;
}
.summaryBox h3 {
margin: 0;
padding: 0;
}
.summaryBox ol,
.summaryBox ul {
margin-bottom: 0;
padding-left: 20px;
}
.tool {
background: #f2f7ff url(http://www.google.com/images/icons/feature/wrench-lb24_e5ecf4.png) no-repeat .5em .3em;
background-color: #fff;
padding: .5em .5em .5em 2.7em;
border: 1px solid #b3b3b3;
color: #353535;
}
a.leftarrow {
background: url(arrowl.png) no-repeat .5em .3em;
padding: .5em .5em .5em 3em;
}
a.rightarrow {
background: url(arrowr.png) no-repeat top right;
padding: .1em 2.8em .5em .5em;
}
body.lang_ar .article_content h3 {
font-family: Tahoma, Helvetica, sans-serif;
font-size: 120%;
}
body.rtl div.lightbulb, body.rtl div.tool, body.rtl div.action, body.rtl div.alert,
body.rtl div.note {
background-position: 99.6% 70%;
padding: .5em 2.5em .5em .5em;
}
div.p13n {
background: #ffffd9 url(http://www.google.com/images/icons/feature/lightbulb-y16.png) no-repeat .5em .5em;
padding: .5em .5em .5em 2.5em;
border: 1px solid #b3b3b3;
color: #353535;
margin: 1em 0;
}
body.topic_page div.p13n {
margin: 1em 0;
}
p.back_to_top {
text-align: right;
}
img.float_left {
float: left;
padding-right: 15px;
}
.shadow {
margin: 5px;
border: 1px solid #ddd;
box-shadow: 0 1px 5px #ccc;
-webkit-box-shadow: 0 1px 5px #ccc;
-moz-box-shadow: 0 1px 5px #ccc;
-o-box-shadow: 0 1px 5px #ccc;
}
/* Promo Button */
.g-button, .g-button-basic {
margin: 5px 0 0 0px;
direction: ltr;
line-height: 1.2;
max-width: 795px;
overflow: visible;
padding: 15px;
text-align: center;
width: 20em;
}
.g-button {
background-color: #cadef4;
border: 1px solid #cccccc;
}
.g-button div, .g-button-basic div {
background: url("http://www.google.com/images/modules/buttons/g-button-chocobo-1.gif") no-repeat scroll 0 0 #5679a5;
font-size: 1.3em;
}
.g-button *, .g-button-basic * {
margin: 0;
padding: 0;
}
.g-button div span, .g-button-basic div span {
background: url("http://www.google.com/images/modules/buttons/g-button-chocobo-1.gif") no-repeat scroll right -400px transparent;
display: block;
height: 1%;
}
.g-button div span span {
background: url("http://www.google.com/images/modules/buttons/g-button-chocobo-1.gif") no-repeat scroll left bottom transparent;
}
.g-button div span span a, .g-button-basic div span span a {
background: url("http://www.google.com/images/modules/buttons/g-button-chocobo-2.gif") no-repeat scroll right bottom transparent;
color: #fff !important;
display: block;
font-weight: bold;
height: 1%;
padding: 8px 18px 13px 13px;
text-decoration: none;
}
/* Basic promo button (no background) */
.g-button-basic div {
background: url("http://www.google.com/images/modules/buttons/g-button-chocobo-basic-1.gif") no-repeat scroll 0 0 #5679a5;
}
.g-button-basic div span {
background: url("http://www.google.com/images/modules/buttons/g-button-chocobo-basic-1.gif") no-repeat scroll right -400px transparent;
}
.g-button-basic div span span {
background: url("http://www.google.com/images/modules/buttons/g-button-chocobo-basic-1.gif") no-repeat scroll left bottom transparent;
}
.g-button-basic div span span a {
background: url("http://www.google.com/images/modules/buttons/g-button-chocobo-basic-2.gif") no-repeat scroll right bottom transparent;
}
/* New style button for articles */
/* Copied from new style spec */
.streamlined-article-button {
display: inline-block;
min-width: 54px;*min-width:70px;/*hello,IE7!*/
text-align: center;
background-color: #4D90FE;
font-size: 11px;
font-weight: bold;
color: white;
text-decoration: none;
height: 27px;
padding: 0 8px;
line-height: 27px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-transition: all 0.218s;
-moz-transition: all 0.218s;
-o-transition: all 0.218s;
transition: all 0.218s;
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5', EndColorStr='#f1f1f1');
-webkit-user-select: none;
-moz-user-select: none;
}
a.streamlined-article-button:link, .streamlined-header-1 a.streamlined-article-button:link,
.streamlined-header-1 a.streamlined-article-button:visited {
color: white;
text-decoration: none;
}
/* Targeted Footers */
.targeted {
padding: .3em .3em .7em 0;
}
.targeted_troubleshoot {
background: url(http://www.google.com/images/icons/feature/wrench-lb24_e5ecf4.png) no-repeat;
}
.targeted_abuse {
background: url(flag_E5ECF4.gif) no-repeat;
}
.targeted_contact, .targeted_request {
background: url(http://www.google.com/images/icons/feature/mail-lb24.png) no-repeat;
}
.targeted_groups {
background: url(http://www.google.com/images/icons/product/discussions-24.gif) no-repeat;
}
.targeted_u2u {
background: url(http://www.google.com/images/icons/product/discussions-24.gif) no-repeat;
}
.targeted_ki {
background: url(http://www.google.com/images/icons/feature/controlpanel-p32.png) no-repeat;
}
.targeted_forum {
background: url(forums-24.gif) no-repeat;
}
.targeted_security {
background: url(http://www.google.com/images/icons/security-24.gif) no-repeat;
}
.targeted_sidewiki {
background: url(http://www.google.com/sidewiki/intl/en/images/icon_yellowbubble.png) no-repeat;
}
.targeted_wiki{
background: url(http://www.google.com/images/icons/feature/lightbulb-y16.png) no-repeat 3px 3px;
}
body.rtl .targeted {
background-position: top right;
}
/* CSS Contextual Help */
a.tooltip {
text-decoration: none;
display: block;
}
a.tooltip:hover { z-index:25; background-color: #fff; }
a.tooltip span.tip { display: none; }
a.tooltip:hover span.tip {
display: block;
position: absolute;
top: 1em; left: 1em; width: 15em;
border: 1px solid #ccc;
color: #7f7f7f;
font-size: .8em;
background: #fff;
width: 217px;
padding: 1em;
text-align: left;
cursor: pointer;
}
a.tooltip img {
border: 0;
}
/* Random Styles */
ul.no_bullets, div.module ul.no_bullets {
list-style-type: none;
}
div.module ul.no_bullets {
padding-left: 0;
margin-left: 0;
}
ul.no_bullets li, div.module ul.no_bullets li {
list-style-type: none;
}
div.module ul.extra_space li {
margin: 1em 0 0 0;
}
.err {
color: red;
}
.clear {
clear: both;
}
code {
font-size: 1.2em;
}
.wide_column {
width: 350px;
}
/* Known Issues */
.known_issues_table th {
font-weight: normal;
}
a.zippy,
a.zippy * {
color: #00c;
cursor: pointer;
display: block;
margin-top: .3em;
text-decoration: none;
}
a.zippy:hover {
text-decoration: none;
}
a.zippy-expand {
background: url(hc_icon_zippy_alt_expanded.png) no-repeat 7px .5em;
padding-left: 20px;
}
a.zippy-collapse {
background: url(hc_icon_zippy_alt_collapsed.png) no-repeat 7px .5em;
padding-left: 20px;
}
#page-content .zippy-content-item {
border: 1px solid transparent;
}
/* Make title for KI page smaller for IE 7. */
body.ie7 h3.ki a {
font-size: .8em;
}
body.rtl a.zippy-expand,
body.rtl a.zippy-collapse {
background-position: 100% center;
padding-right: 20px;
}
.zippy-content-expand,
.zippy-content-show {
display: block;
margin-top: 0;
padding-top: 0;
}
.zippy-content {
margin: 0;
overflow-x: hidden;
overflow-y: hidden;
padding: 0;
}
.zippy-content-collapse,
.zippy-content-hide {
display: none;
}
.zippy-dropdown-container-hide {
display: none;
}
.zippy-dropdown-container-show {
background: #FFF9CA;
border: 1px solid #b3b3b3;
color: #353535;
padding: 5px;
margin-bottom: 5px;
display: block;
}
a.zippy-with-subtext {
text-decoration: none;
}
a.zippy-with-subtext span {
text-decoration: underline;
}
a.expand{
background: url(zippy_minus_sm.gif) no-repeat 0 0;
padding-left: 20px;
}
a.collapse{
background: url(zippy_plus_sm.gif) no-repeat 0 0;
padding-left: 20px;
}
body.rtl a.expand {
background-position: 100% 0;
padding-right: 20px;
}
body.rtl a.collapse {
background-position: 100% 0;
padding-right: 20px;
}
a.expand h3, a.collapse h3 {
display: inline;
text-decoration: none;
}
a.print_icon {
background: url(print_icon.gif) no-repeat 0 0;
padding: 0 0 .2em 20px;
}
a.feedback_icon {
background: url(http://www.google.com/images/icons/feature/mail-lb16.png) no-repeat 0 0;
padding: 0 0 .2em 20px;
}
h3.subsub {
padding-left: 7px;
}
body.search_page td.left_column {
border-right: 1px solid #EBEFF9;
}
/* Tabs */
#ohcrtabsrgr8 table { margin: 0; padding: 0; width: 100%; border-bottom: 3px solid #C3D9FF; }
#ohcrtabsrgr8 td { background-color: #E5ECF9; padding: 2px 10px; text-align:center; white-space:nowrap !important; }
#ohcrtabsrgr8 td.gr8tabscurrent { background-color: #C3D9FF; color:black; font-weight:bold; text-decoration:none; }
#ohcrtabsrgr8 td.gr8tabsfillerbegin { background-color: white; padding:0; }
#ohcrtabsrgr8 td.gr8tabspace { background-color: white; padding:0; }
#ohcrtabsrgr8 td.gr8tabsfillerend { background-color: white; padding: 0; width: 80%; }
/* Tabs class */
.ohcrtabsrgr8 table { margin: 0; padding: 0; width: 100%; border-bottom: 3px solid #C3D9FF; }
.ohcrtabsrgr8 td { background-color: #E5ECF9; text-align:center;}
.ohcrtabsrgr8 td.gr8tabsimgs { background-color: #FFFFFF; }
.ohcrtabsrgr8 td.gr8tabscurrent { background-color: #C3D9FF; font-weight:bold; }
.ohcrtabsrgr8 td.gr8tabsfillerbegin { background-color: white; padding:0; }
.ohcrtabsrgr8 td.gr8tabspace { background-color: white; padding:0; }
.ohcrtabsrgr8 td.gr8tabsfillerend { background-color: white; padding: 0; width: 80%; }
div.module a {
cursor: pointer;
}
h3.groups_search {
color: #333;
border-bottom: 1px solid #333;
margin-left: 40px;
}
/* Mail message finder */
div.msg_finder {
margin-left: 15px;
}
ul.msg_finder_radios {
list-style: none;
margin-left: 0;
padding-left: 0;
}
ul.msg_finder_radios li {
margin-bottom: 3px;
}
.msg_finder_reminder {
color: #666;
font-size: small;
font-style: italic;
}
ul.float li {
float: left;
}
.code {
font-family: "Courier New", Courier;
}
div.code {
color: #666;
background: #f6f6f6;
padding: 1em;
margin: 1em;
border: 1px dashed #989898;
}
div.debug {
color: #666;
border: 1px dashed #989898;
margin: .5em;
padding: 1em;
background: #f6f6f6;
}
ul.debug {
border-top: 1px solid #989898;
padding-top: 1em;
}
div.prettybox_top {
margin-top: 1em;
margin-bottom: 1em;
}
body.index_page td.new-ui div.prettybox_top {
margin: 0 .5em 1em 3.2em;
}
body.index_page td.new-ui div.prettybox_bottom {
margin: 0 .5em 0 3.2em;
}
div.prettybox_bottom {
margin-top: 1em;
}
.module ul.combo-mod {
margin: 0;
padding: 0;
}
a.combo-item {
background-repeat: no-repeat;
background-position: top right;
padding: 0 2em 0 0;
}
li.combo-mod-item {
background-repeat: no-repeat;
background-position: top left;
padding: 0 2em 0 0;
min-height: 32px;
}
/* IE6 */
* html ul.combo-mod li.combo-mod-item, * html ul.combo-mod li {
height: 32px;
}
.rtl li.combo-mod-item {
background-position: top right;
padding: 0 0 0 2em;
}
.module ul.combo-mod li {
list-style-type: none;
margin: 1em 0;
padding: .35em 0 .35em 3.8em;
min-height: 32px;
}
ul.combo-mod li.no-subtext {
height: 2.5em;
}
ul.combo-mod li {
padding-left: 4em;
}
body.rtl .module ul.combo-mod li {
padding: .2em 3.8em .2em 0;
}
ul.combo-mod li p {
margin-top: 0;
}
ul.combo-mod li p.combo-mod-text {
color: #000;
}
/**Error Messages Page **/
.error_container .dark{background-color:#F5F5F5;}
table.errorTable {margin:0;}
table.errorTable th{background-color:#C3D9FF;font-weight:bold;padding:3px;}
table.errorTable th.type{width:10em;}
table.errorTable th.error{width:15em;}
table.errorTable th.description{width:25em;}
table.errorTable th.learn{width:10em;}
div.error_container{width:90%;}
/** KI->KB styles **/
div.ki_container{width:76%;}
div.recentfix ul{
list-style-image: url(http://www.google.com/images/icons/feature/checkmark-g14x13.png)
}
div.recentfix li{margin:5px -11px; margin-right:16px;}
div.recentfix{
font-size:1em;
float:right;border:1px solid;
margin-bottom: 10px;
border:1px solid #3366CC;
background-color: #ebf5ff;
padding:0 5px; clear:right;
}
div.recentfix h2{
font-size:1em;
}
div.tblTip {
border: 1px solid #E6E2AE;
background-color: #FFFFE8;
float:right;font-size:1em;clear:right;
width:200px;
margin: 10px 15px;
}
div.didntSee{width:75%;}
table.button tr td.td1{
background: url(orkut_button_L.gif) no-repeat top left;
height: 22px; width: 7px;
}
table.button tr td.td2{
background: url(orkut_button_bg.gif) repeat-x top left;
height: 22px;
white-space: nowrap;
}
table.button tr td.td3{
background: url(orkut_button_R.gif) no-repeat top right;
height: 22px; width: 7px;
}
table.button a{
color: #222222; text-decoration: none;
}
.description a {
color:#7777CC;
}
.new-ui li.description {
padding: 0 0 2em;
}
table tr.dark td, table.known_issues_table tr.dark th{
background: #ebf5ff;
}
table tr.light td, table.known_issues_table tr.light th{
background: #f5faff;
}
table tr.description td{
background: #fafafa;
color: #3d3d3d;
}
h4.ki{
color: #0033CC;
margin: 1.7em 0 3px 0; padding: 0;
font-size: 14px;
}
/* Suggestions Page */
.suggestion-row {
position: relative;
}
.suggestion-button {
text-align: center;
color: #444;
font: bold 11px/11px Arial;
border-radius: 2px;
border: 1px solid #dcdcdc;
position: absolute;
top: 4px;
right: 10px;
min-width: 75px;
}
/* Troubleshooter */
div.dts_step {
border-top: 1px solid #999;
}
div.dts_q_section {
background-color: #E0ECFF;
margin: 20px 0;
padding: 20px;
}
p.dts_q {
font-weight: bold;
margin: 0;
}
div.dts_q_section ul.no_bullets {
margin: 0;
padding: 0;
}
div.dts_q_section ul.no_bullets li {
margin: 5px 0;
padding-left: 18px;
}
div.dts_q_section ul.no_bullets li input {
margin: 0 0 0 -18px;
}
body.rtl ul.no_bullets li input {
margin: 0;
}
div.ts-wiz-ctrl {
margin-top: 20px;
}
ul.no_bullets_dts, div.module ul.no_bullets_dts {
list-style-type: none;
padding-left: 0;
margin-left: 0;
}
ul.no_bullets_dts li, div.module ul.no_bullets_dts li {
list-style-type: none;
}
div.module ul.extra_space li {
margin: 1em 0 0 0;
}
html[xmlns] .GSG-container .clear {
display: block;
}
* html .GSG-container .clear {
height: 1%;
}
/**containers and more**/
.GSG-container .stronger{font-weight:bold;}
.GSG-container .third{width:33%;}
.GSG-container .twothird{width:66%;}
.GSG-container div.infoSection {
border-bottom:1px solid #999;
margin-bottom:1em;
}
div.infoSec {
border-bottom:1px solid #999;
margin-bottom:1em;
}
/* Survey invite */
p.survey_invite {
color: #010101;
margin: 2em auto 0 auto;
display: block;
width: 53em;
padding: .8em;
border: 2px solid #333;
text-align: center;
}
p.survey_invite_yellow {
background: #fefde6;
border-color: #f1bb16;
}
p.survey_invite_pink {
background: #fdf6fb;
border-color: #d66dbd;
color: #333;
}
p.survey_invite_green {
background: #e5faec;
border-color: #339250;
}
p.survey_invite_blue {
background: #eef4ff;
border-color: #6f96de;
}
p.survey_invite_orange {
background: #fffde0;
border-color: #ff6600;
}
p.survey-invite-green {
margin-top: 44px;
}
p.survey-invite-green a {
padding: 3px 0 0 30px;
background: url("hc_icon_surveylink_global.png") no-repeat;
margin-left: -4px;
text-decoration: none;
}
.survey-invite-green.index-survey a {
margin-left: 15px;
}
p.survey-invite-green a:visited,
p.survey-invite-green a:link {
font: 13px/19px Arial;
color: #368200;
}
p.survey-invite-green a:hover {
text-decoration: underline;
}
div.categorizer select {
margin-bottom: 1em;
}
/* Cancellation feedback form */
form.contact_form_account_cancellation_feedback {
border: 1px solid #e1ecfe;
background-color: #f0f6ff;
padding: 0 1em;
}
div form.contact_form_account_cancellation_feedback .submit {
margin-bottom: 1em;
}
form.contact_form_account_cancellation_feedback textarea {
margin-top: 0.9em;
}
/* Was This Helpful v2 */
div.helpful-o, div.helpful-q {
margin-bottom: 3px;
}
div.helpful-q {
clear: left;
width: 22em;
float: left;
}
body.rtl div.helpful-o {
float: right;
}
body.rtl div.helpful-q {
clear: right;
float: right;
}
.helpful-thanks {
background: url(http://www.google.com/images/icons/feature/checkmark-g14x13.png) 0 0 no-repeat;
padding: 0 0 0 20px;
color: #43845a;
font-weight: bold;
}
div.helpful-confirm {
margin-top: 1em;
font-weight: bold;
}
#bookmarkIcon {
float: left;
cursor: pointer;
}
#bookmarkStatus {
display: inline;
color: #666;
}
#hcError {
background: #fbf1f1;
width: 20em;
margin: .5em auto;
padding: .5em;
}
.debug-text {
color: #333;
font-size: 0.8em;
margin: 0;
padding: 0 .5em;
text-align: right;
}
.debug_text a {
color: #78c;
}
.important {
color: #c33;
}
body.ltr .discussion-icon {
background:
url(hc_icon_mini_groups_global.png)
0 3px no-repeat;
padding-left: 16px;
}
body.rtl .discussion-icon {
background:
url(hc_icon_mini_groups_global.png)
100% 3px no-repeat;
padding-right: 16px;
}
body.ltr .plus-icon {
background:
url(hc_icon_mini_plus_global.png)
0 3px no-repeat;
padding-left: 16px;
}
body.rtl .plus-icon {
background:
url(hc_icon_mini_plus_global.png)
100% 3px no-repeat;
padding-right: 16px;
}
#starreditemcontent {
margin: 2em 0;
}
.starreditems img {
cursor: pointer;
}
.starreditems td.content {
padding-left: 1em;
}
.starreditems th {
padding: 20px 0 10px 0;
}
.eolai_footer {
border-top: 1px solid #ddd;
padding-top: 5px;
}
.eolai {
width: 80%;
}
.gaia-loginbox {
padding: 1em 3em 3em;
width: 22em;
float: left;
}
.gaia-loginbox .logo, .gaia-loginbox .escape {
margin-left: auto;
margin-right: auto;
text-align: center;
padding: 0 0 1em;
}
.gaia-loginbox .logo img {
border: 0;
padding: 0 .2em 0 0;
position: relative;
top: .5em;
}
.gaia-loginbox .logo {
border: 1px #F1F1F1 solid;
padding: 1em;
}
.gaia-loginbox .logo a {
text-decoration: none;
}
.gaia-loginbox .escape {
padding: 2em;
}
.gaia-loginbox .logo span {
display: block;
font-weight: bold;
}
.gaia-alert {
margin: 1em;
float: left;
width: 20em;
}
/* Guide ToCs */
.toc-intro {
padding: 1em 6em;
min-height: 4em;
background: left center no-repeat;
background-image:url(http://www.google.com/images/icons/feature/chalkboard_123-y64.png);
}
.toc-intro h3 {
font-size: 1.3em;
margin: .8em 0;
}
.guide-toc-resources {
float: right;
width: 230px;
margin: 0 1em;
}
.guide-toc ol {
list-style: decimal;
padding: .75em .75em .75em 3em;
margin: 0;
}
.guide-toc ol.toc {
padding: 1em 7em;
width: 30em;
}
.guide-toc ol li {
font-weight: bold;
}
.guide-toc ol li ol {
list-style: lower-alpha;
padding: 1em 1em 1em 3em;
margin: 0;
}
.guide-toc ol li ol li {
font-weight: normal;
font-size: .95em;
padding: .3em;
}
.guide-toc ul.path-index {
list-style: none;
padding: 1em 0 0 5em;
}
.guide-toc ul.path-index li {
width: 25em;
padding: .75em .75em .75em 5em;
}
.guide-toc ul.path-index li a {
font-size: 1.1em;
font-weight: bold;
display: block;
}
.guide-toc ul.path-index li {
color: #666;
}
.guide-toc .pathway {
padding: 1.5em 5em;
}
.guide-toc .guide-toc-has-icon {
background-repeat: no-repeat;
background-position: left center;
}
.guide-toc ul.extra {
list-style: none;
padding: .75em;
}
.guide-toc ul.extra li {
padding: .3em;
}
.toc-intro {
background-position: 0 1em;
margin: 0;
}
div.table-of-contents {
width: 63em;
margin: 0 3em 0;
}
div.table-of-contents .toc-left {
float: left;
width: 30em;
}
div.table-of-contents .toc-right {
padding: 0 0 0 32em;
}
ol.table-of-contents {
margin: 0;
list-style: none;
font-weight: bold;
}
ol.table-of-contents ol {
margin: 0em;
padding: 0 2em 1em;
list-style: none;
}
ol.table-of-contents ol li {
padding: 1em 0 0;
font-weight: normal;
}
.ki-notify {
padding: .5em;
font-size: .9em;
width: 80%;
}
.chat-hidden-image {
visibility: hidden;
position: absolute;
top: 100%;
}
.chaticon {
background-image: url('http://www.google.com/images/icons/feature/chat-b32.png');
background-repeat: no-repeat;
background-position: center left;
padding: .6em 3em;
width: 30em;
margin: 1em auto 0;
}
#chat-container {
display: none;
}
.chat-module-icon {
background:url(http://www.google.com/images/icons/feature/chat-b32.png) no-repeat top left;
padding: 0 0 0 4em;
}
/* IBLP CSS */
.iblp-welcome .horiz-path {
padding: 1em;
}
.iblp-welcome .horiz-path a {
font-weight: bold;
}
.iblp-welcome .pathtitle {
float:left;
width: 10em;
margin: 0 0 2em 0;
height: 100%;
}
.iblp-welcome h2 {
padding: 1em;
}
.iblp-welcome .path {
width: 30%;
padding: 1em;
vertical-align: top;
}
.iblp-welcome .path a {
font-size: 1.1em;
font-weight: bold;
display: block;
margin: 0 0 1em 0;
}
.iblp-links, .iblp-intro, .iblp-content {
padding: 1em 1em 0 1em;
line-height: 1.6em;
}
.iblp-links ol {
list-style: none;
margin: 0;
padding: 1em;
float: left;
width: 23em;
}
div.iblp-tooltips {
padding: 4em 0 0 0;
}
.iblp-tooltips span span {
display: block;
color: #555;
}
ol.tsflow {
list-style: none;
margin: 0;
padding: 0 2em 0 0;
}
ol.tsflow li {
padding: .5em;
color: #666;
line-height: 1.5em;
padding: .5em 0 .5em 0;
}
ol.tsflow li span {
display: block;
}
ol.tsflow li a {
font-weight: bold;
}
ol.tsflow .column-header {
color: #333;
font-weight: bold;
font-size: 1.15em;
padding: 1em 0 0;
}
ol.tsflow-left {
width: 30%;
float: left;
}
.cuf-splash h4#cuf_land {
border-bottom: 1px solid #CCC;
padding: 0 0 .3em 0;
}
.cuf-splash .splash-topic {
padding: 0 0 1.5em 5em;
margin: 0 0 0 2em;
background-repeat: no-repeat;
}
.cuf-splash .cuf_subhead {
font-size: 1.1em;
margin: 0;
font-weight: bold;
}
.cuf-splash .cuf_subhead_gray {
color: #666;
margin-bottom: .2em;
}
.cuf-splash .cuf_links {
float: left;
margin-right: .6em;
}
.cuf-splash .cuf_desc, .cuf-splash .cuf_subhead_gray {
margin: .1em 0 0 0;
}
.cuf-splash ul.contact-splash, .cuf-splash ul.contact-subsplash {
margin: 0;
padding: 0 1em 0 1em;
list-style: none;
}
.cuf-splash ul.contact-splash li {
padding: .5em;
}
.cuf-splash ul.contact-subsplash li {
padding: .1em;
}
.cluster-rec-intro {
padding: .5em 0;
}
div#gsg {
margin: 20px 0;
}
/* Login Module (Experiment) */
div.login_index, div.login {
background-image: none;
margin: 1em 0;
padding: .5em;
text-align: center;
}
div.login {
padding: 1em;
}
div.login_index div, div.login div {
width: 10em;
font-weight: bold;
font-size: 1.1em;
margin: 0 auto;
}
div.login div {
margin: 0 auto .7em auto;
}
div.login_index div span, div.login div span {
position: relative;
top: -8px;
}
.guide-toc-resources {
float: right;
margin: 0 0 0 2em;
width: 20em;
}
/* Lesson */
.lesson {
text-align: center;
}
.lesson-progress {
opacity: .6;
filter: alpha(opacity=60);
font-size: 11px;
margin: 1.5em 0 0;
text-align: center;
}
.lesson-progress input {
font-size: 11px;
}
.lesson-index {
padding: .5em 0 0;
}
.lesson-index a {
font-weight: bold;
}
.lesson-logo {
font-weight: bold;
background-position: left center;
background-repeat: no-repeat;
padding: .3em 0 .3em 30px;
font-size: 1.5em;
margin: 0 auto 0 auto;
width: 10em;
}
.lesson-quiz {
border: 1px black solid;
background: lightyellow;
padding: 1em;
margin: .5em 0;
}
.lesson-quiz form {
margin: 0;
padding: 0;
}
.lesson-quiz h2 span {
font-size: .9em;
font-weight: normal;
display: block;
}
a.check {
background-image: url('http://www.google.com/images/icons/feature/checkmark-g14x13.png');
background-repeat: no-repeat;
background-position: top left;
padding-left: 1.3em;
}
ul.tc {
float: left;
width: 10em;
padding: 0;
margin: 0;
list-style: none;
}
ul.tc li {
padding: 1em;
height: 70px;
vertical-align: middle;
}
ul.tc li.selected {
background: rgb(248, 249, 252);
}
div.tc-info {
background: rgb(248, 249, 252);
margin: 0 0 0 10em;
padding: 1em;
}
div.tc-info label {
display: block;
font-weight: bold;
font-size: .9em;
color: #333;
}
div.tc-info h2 {
font-weight: bold;
font-size: 1.5em;
}
/* AdWords Category Pg */
ul.categories {
padding: 0;
list-style: none;
float: left;
margin: 0 0 0 .5em;
width: 29em;
}
ul.categories ul {
margin: 0 0 0 1.2em;
padding: 0;
list-style: none;
}
ul.categories ul ul {
margin: 0 0 0 2em;
font-size: .9em;
}
ul.categories li, ul.categories li ul li {
padding: .4em 0;
}
ul.categories a {
color: rgb(0, 0, 204);
}
ul.categories a span {
text-decoration: underline;
}
li.selected {
font-weight: bold;
}
li.selected ul li a {
color: rgb(0, 0, 204);
}
li.selected a {
color: #333;
}
li.selected ul {
font-weight: normal;
}
.categories a {
text-decoration: none;
}
.categories a span {
text-decoration: underline;
}
.cuf-index {
margin: 0 0 0 31.5em;
padding: 0 1em;
border-left: 1px solid #CCC;
}
.cuf-index h3 {
padding: 0;
margin: 0 0 1em;
}
.cuf-index-alert {
margin: 1.5em;
}
.rtl ul.categories {
padding: 0;
list-style: none;
float: right;
margin: 0 2em 0 0;
width: 27em;
}
.rtl ul.categories ul {
margin: 0 2em 0 0;
padding: 0;
list-style: none;
}
.rtl .cuf-index {
margin: 0 31.5em 0 0;
padding: 0 1em;
border-right: 1px solid #CCC;
border-left: 0px;
}
.categories a.expand, .webinar-content a.expand {
background-image: url(sm_minus.gif);
background-position: center left;
padding: 0 0 0 15px;
}
.categories a.collapse, .webinar-content a.collapse {
background-image: url(sm_plus.gif);
background-position: center left;
padding: 0 0 0 15px;
}
.categories a.expand, .categories a.selected {
font-weight: bold;
color: #333;
}
/* New GSG CSS */
ul.gsg-tabs {
width: 175px;
float: left;
list-style: none;
padding: 0;
margin: 0;
border-top: 1px #d5d5d5 solid;
}
ul.gsg-horizontal-tabs {
float: left;
list-style: none;
margin: 0;
margin-bottom: -1px;
padding: 0;
white-space: nowrap;
width: 100%;
}
ul.gsg-widetabs {
width: 275px;
}
ul.gsg-tabs li {
padding: .8em;
background: #F4F4F4;
border-bottom: 1px #d5d5d5 solid;
border-left: 1px #d5d5d5 solid;
border-right: 1px #d5d5d5 solid;
}
ul.gsg-horizontal-tabs li {
background: #F4F4F4;
border-left: 1px solid #D5D5D5;
border-right: 1px solid #D5D5D5;
border-top: 1px #d5d5d5 solid;
display: block;
float: left;
height: 50px;
overflow: hidden;
padding-bottom: 1.2em;
white-space: normal;
width: 13%;
}
ul.gsg-tabs li.active {
background: white;
border-right: 1px white solid;
}
ul.gsg-horizontal-tabs li.active {
background: white;
border-bottom: 1px white solid;
}
ul.gsg-horizontal-tabs li.last {
background: white;
}
div.gsg-body {
margin: 0 0 0 174px;
border: 1px #d5d5d5 solid;
padding: 1em;
}
div.gsg-horizontal-body {
border: 1px #d5d5d5 solid;
margin-bottom: 2em;
padding: 1em;
width: 80%;
}
div.gsg-widebody {
margin: 0 0 0 274px;
}
div.gsg-body form.contact_form {
margin-top: 1em;
padding-top: 1em;
border-top: 1px #ccc solid;
}
div.gsg-horizontal-body form.contact_form {
margin-top: 1em;
padding-top: 1em;
border-top: 1px #ccc solid;
}
div.gsg-inner-answer {
padding: 0 0 2em 2em;
margin: 0;
}
div.gsg-inner-answer h3.title {
padding: 0;
margin: 0;
}
.gsg-left-content {
float: left;
padding-right: 2em;
}
.rtl ul.gsg-tabs {
float: right;
}
.rtl div.gsg-body {
margin: 0 174px 0 0;
}
.rtl div.gsg-widebody {
margin: 0 274px 0 0;
}
.rtl ul.gsg-tabs li.active {
border-left: 1px white solid;
border-right: 1px #d5d5d5 solid;
}
.gsg-no-side ul.gsg-tabs {
display: none;
}
.gsg-no-side div.gsg-body {
margin: 0;
}
ul.gsg-horizontal-tabs li a {
display: block;
padding: 1.2em;
padding-bottom: 3em;
text-decoration: none;
}
ul.gsg-horizontal-tabs li a:hover {
background: #EBEFF9;
}
ul.gsg-tabs li.active a {
text-decoration: none;
font-weight: bold;
color: #333;
}
ul.gsg-horizontal-tabs li.active a {
color: #333;
font-weight: bold;
text-decoration: none;
}
ul.gsg-horizontal-tabs li.active a:hover {
background: #FFF;;
}
ul.gsg-tabs li.active ul {
list-style: none;
padding: 0;
}
ul.gsg-horizontal-tabs li.active ul {
list-style: none;
padding: 0;
}
ul.gsg-tabs li.active ul li {
background: white;
padding: .6em 0 0;
border: 0px;
font-size: .9em;
}
ul.gsg-horizontal-tabs li.active ul li {
background: white;
border: 0px;
font-size: .9em;
padding: .6em 0 0;
}
ul.gsg-tabs li.active ul li a {
font-weight: normal;
color: rgb(0, 0, 204);
}
ul.gsg-horizontal-tabs li.active ul li a {
color: rgb(0, 0, 204);
font-weight: normal;
}
ul.gsg-tabs li.active ul li.active-answer a {
color: #666;
}
ul.gsg-horizontal-tabs li.active ul li.active-answer a {
color: #666;
}
h2.gsg span {
display: block;
font-size: .8em;
font-weight: normal;
color: #666;
}
.gsg-options {
margin: 0 0 0 174px;
padding: 0 1em;
clear: both;
}
h2.topic_image {
padding: 10px 0 7px 50px;
background-repeat: no-repeat;
}
ul.cluster-footer {
list-style: none;
padding: 0;
margin: 0;
}
ul.cluster-footer a {
text-decoration: none;
color: black;
padding: .3em 0;
}
.contact-footer h4 {
padding: 1em 0 .6em;
margin: 0;
font-size: 1.1em;
border-top: 1px #CCC solid;
}
ul.cluster-footer a span {
text-decoration: underline;
color: #0000CC;
}
ul.gsg-tabs li ul li.gsg-icon {
background-repeat: no-repeat;
background-position: 0 5px;
padding-left: 30px;
padding-top: 0.6em;
padding-bottom: 0.6em;
}
ul.gsg-horizontal-tabs li ul li.gsg-icon {
background-repeat: no-repeat;
background-position: 0 5px;
padding-left: 30px;
padding-top: 0.6em;
padding-bottom: 0.6em;
}
.gsg-tabs a {
text-decoration: underline;
}
div.top-navbar {
padding: 0;
}
ul.top-navbar {
list-style: none;
margin: 0;
padding: .4em 0;
}
ul.top-navbar a {
text-decoration: underline;
color: #00c;
}
ul.top-navbar li {
border-radius: 5px;
float: left;
margin: 1px;
padding: 1em 1.2em;
background: #ebeff9;
cursor: pointer;
}
div.top-navbar div.top-navbar-title {
padding: 1em 0;
font-weight: bold;
font-size: 1.2em;
}
div.top-navbar div.top-navbar-intro {
color: #666;
padding: 0 0 1em 0;
}
ul.top-navbar li.active-topnav {
font-weight: bold;
color: white;
background-color: #6b90da;
}
ul.top-navbar li a {
text-decoration: none;
color: #00c;
}
/* New UI Searchbox */
.landing-section {
padding: 0 0 .3em 2.9em;
margin: .3em;
background: no-repeat top left;
}
.landing-section h2,
.landing-section h3 {
padding: .1em 0 .4em;
margin: 0;
}
.rtl .landing-section {
padding: 0 2.9em .3em 0;
background-position: top right;
}
.landing-section h2 {
font: normal 20px/24px Arial;
}
.landing-section h3 {
font: normal 20px/24px Arial;
}
.landing-section p {
color: #666;
margin: 0;
padding: .2em 0 0;
}
.landing-section .landing-columns {
margin: 1em 0 2em;
}
.landing-section ul.column {
float: left;
margin: 0;
padding: 0 2em 0 0;
width: 45%;
max-width: 370px;
list-style: none;
}
.rtl .landing-section ul.column {
float: right;
padding: 0 0 0 2em;
}
.landing-section ul.headcolumn {
float: left;
margin: 0;
padding: 0 2em 0 0;
width: 30%;
max-width: 370px;
list-style: none;
}
.rtl .landing-section ul.headcolumn {
float: right;
}
form#search_form input#query {
margin: 0;
}
.landing-section ul.column li,
.landing-section ul.sub-column li {
margin: 0 0 .5em;
}
.landing-section ul.headcolumn li {
margin: 0 0 .5em
}
.landing-section ul.sub-column {
padding: 0 0 .5em 0;
list-style: none;
margin: 0;
}
.landing-section li.heading {
font-weight: bold;
padding: 0 0 .5em;
}
a.answer-ki, a.answer-u2u,
a.answer-ts, a.answer-blogger,
a.answer-youtube, a.answer-security {
padding: .05em 1.8em .05em 0;
background: no-repeat center right;
}
a.answer-blogger {
background-image: url(http://www.google.com/images/icons/product/blogger-16.png);
}
a.answer-gsg {
background-image: url(http://www.google.com/images/icons/feature/babyblock-r16.png);
}
a.answer-u2u {
background-image: url(discussion.gif);
}
a.answer-youtube {
background-image: url(http://www.google.com/images/icons/youtube-16.gif);
}
a.answer-ts {
background-image: url(http://www.google.com/images/icons/feature/wrench-lb16.png);
}
a.answer-ki {
background-image: url(http://www.google.com/images/icons/flag-16.gif);
}
a.answer-security {
background-image: url(http://www.google.com/images/icons/feature/key-y16.png);
}
.searchbox-icon {
background-image: url(http://www.google.com/images/icons/search-24.gif);
}
.learnmore-icon {
margin-top: 2em;
background-image: url(http://www.google.com/images/icons/feature/chalkboard_q-y24.png);
}
.recommend-icon {
margin-top: 2em;
background-image: url(http://www.google.com/images/icons/feature/checkmark-g24.png);
}
.module-signup-gsg,
.module-signup-index,
.module-signup {
background: #FFFFD9;
border: 1px solid #D2D26A;
margin: 0 0 .5em;
padding: 1em;
text-align: center;
width: 230px;
}
.module-signup-gsg {
font-size: 1em;
margin-right: 20px;
width: 180px;
}
.module-signup-gsg h3,
.module-signup-index h3,
.module-signup h3 {
font-size: 1em;
margin: 0 0 .5em;
}
.module-signup-gsg,
.module-signup-index {
float: right;
}
.rtl .module-signup-gsg,
.rtl .module-signup-index {
float: left;
}
.super {
font-size: xx-small;
vertical-align: top;
}
div.footnote-div {
border-top: 1px solid #dee7f7;
padding: 0 3em 0;
margin: 1em 0 0;
}
ol.footnotes {
font-size: .9em;
color: #666;
}
ol.footnotes li {
padding: .5em;
}
ol.footnotes li p {
display: inline;
margin: 0;
padding: 0;
}
.cuf-opts {
background: top left no-repeat;
padding: 0 1em 1em 4em;
margin: 1em 1em 0;
}
.rtl .cuf-opts {
background: top right no-repeat;
width: 45em;
padding: 0em 4em .5em 1em;
margin: 1em 1em 0;
}
.rtl .cuf-email-icon,
.cuf-email-icon {
background-image:url(http://www.google.com/images/icons/feature/mail-b32.png);
}
.rtl .cuf-phone-icon,
.cuf-phone-icon {
background-image:url(http://www.google.com/images/icons/feature/phone-b32.png);
}
.rtl cuf-chat-icon,
.cuf-chat-icon {
background-image:url(http://www.google.com/images/icons/feature/chat-b32.png);
}
.rtl .cuf-forum-icon,
.cuf-forum-icon {
background-image:url(http://www.google.com/images/icons/feature/help_forum-lb32.png);
}
.cuf-opts h3 {
padding: 0 0 .2em 0;
margin: 0;
font-size: 1em;
font-weight: normal;
}
.cuf-opts p {
font-size: .85em;
display: block;
color: #666;
padding: 0;
margin: .3em 0;
}
a.no-link {
color: black;
text-decoration: none;
cursor: normal;
}
a.no-link span {
color: #00C;
text-decoration: underline;
cursor: pointer;
}
/* Printable Guides */
ol.printable, ol.printable-topic {
list-style: none;
}
ol.printable div.zippy_content, ol.printable div {
display: block;
}
ol.printable a.expand, ol.printable a.collapse {
display: none;
}
ol.printable li h2.topictitle {
font-size: 1.5em;
}
ol.printable li li h2.topictitle {
font-size: 1.4em;
}
ol.printable h3.answertitle {
font-size: 1.3em;
}
ol.printable, ol.printable-topic {
padding: 1em 2.5em;
}
div.printable-p {
padding: 0 2.5em 1.5em;
}
ul.gsg-tabs li.guide-print {
background: white;
border: 1px white solid;
border-right: 1px #D5D5D5 solid;
}
ul.gsg-tabs li.guide-print a.print_icon {
opacity: .5;
filter: alpha(opacity=60);
color: #00C;
}
ul.gsg-tabs li.guide-feedback {
background: white;
border: 1px white solid;
border-right: 1px #D5D5D5 solid;
}
ul.gsg-tabs li.guide-feedback a.feedback_icon {
opacity: .5;
filter: alpha(opacity=50);
color: #00C;
}
.index-module {
border: 1px solid #E3A2A2;
background: #FFE1E1;
padding: 1.5em 2em 1.5em 4em;
margin: 0 .5em 1em 3.2em;
display: block;
}
.index-module-appsstatus {
padding: 1em 25px 1em 40px;
background: url(alert18.gif)
no-repeat 10px 12px #FFE1E1;
}
.new-ui #feed-module-wrapper {
background-image: url(alert18.gif);
background-position: 1.5em center;
background-repeat: no-repeat;
}
.landing-section p {
padding: .2em 0 0;
}
.landing-section {
margin-bottom: 1em;
}
.index-module h3 {
font-size: small;
}
.rtl .landing-section p {
padding: 0 0 .2em;
}
.index-module-appsstatus h2 {
display: none;
}
.index-module-appsstatus h3 {
margin: 0 0 .3em;
}
.appsstatus-link {
margin-bottom: 0.5em;
}
.guide-toc ol.no-numbers {
list-style: none;
padding: 0;
}
.guide-toc ol.no-numbers li {
padding: 1em 0 0;
}
.guide-toc ol.no-numbers ol,
.guide-toc ol.no-numbers ol li {
list-style: none;
padding: .5em;
}
span.u2u_replies {
color: #666;
font-size: .85em;
}
li.browse-all {
padding: 0;
}
.landing-section ul.column li.spaced {
margin-top:1em;
}
a.bluebox {
background-color: rgb(235, 239, 249);
padding: .5em;
}
ul.homepagetopics li.title h2 {
padding: 0 0 1em;
margin: 0;
}
ul.homepagetopics li.title ul {
padding: 0 0 1em;
margin: 0;
}
h3.homepageheader {
margin: 15px 0 4px 0;
border-bottom: 1px solid gray;
padding-bottom: 0px
}
.guide-multimedia {
background: url('http://www.google.com/images/icons/movies-24.gif');
background-color: #EBEFF9;
background-repeat: no-repeat;
background-position: .75em center;
padding: .7em .7em .7em 3.25em;
margin: 0 1em;
font-size: .8em;
font-weight: normal;
border: 1px solid #6B90DA;
}
/* The following CSS prevents scrollbars from appearing on divs when they
* shouldn't be. in IE 7 */
body.ie7 div.issues,
body.ie7 div.issues ul,
body.ie7 div.issues ul li,
body.ie7 div.issues ul li div.ki-title div {
zoom: 1;
}
body.ie7 div.issues,
body.ie7 div.issues ul li {
position: relative;
}
div.issues {
border: 1px solid #ccc;
margin: 0 2em 1.5em;
overflow: auto;
}
div.issues ul {
margin: 0;
padding: 0;
list-style: none;
}
div.issues ul li {
margin: 0;
padding: .7em .6em;
}
div.issues ul li.dark {
background-color: #f7f9fc;
}
div.issues ul li div.ki-title div {
float: left;
margin: 0;
}
div.issues ul li div.ki-title label {
float: right;
}
div.issues ul li div.ki-title label span {
font-weight: bold;
color: #093;
}
div.issues ul li div.title input.report {
margin: 0;
padding: 0;
}
div.issues .ki-summary {
margin: 1em 0 0 1.35em;
}
div.issues .ki-summary p {
margin: .7em 0 0;
}
.ki-answer-box {
border: solid 1px transparent;
border-top: solid 1px #f5f5f5;
padding: 1px 20px 3px 24px;
}
.ki-answer-box.reported-title {
background: url(hc_icon_check_blue_global.png) 5px 10px no-repeat;
}
.ki-answer-box:hover {
border-color: #e5e5e5;
-webkit-box-shadow: 0 4px 16px #e5e5e5;
-moz-box-shadow: 0 4px 16px #e5e5e5;
-ms-box-shadow: 0 4px 16px #e5e5e5;
box-shadow: 0 4px 16px #e5e5e5;
}
.ki-answer-box:hover + div {
border-top: solid 1px transparent;
}
body.modules_widescreen div.module.module-recentfixes {
width: 230px;
}
div.module ul.recentfixes {
padding: 0;
margin: 0;
}
div.module ul.recentfixes li {
background: url(hc_icon_check_green_global.png) no-repeat 0 1px;
font-size: 12px;
list-style: none;
margin: 12px 0 0 0;
padding: 0 .2em 0 1.7em;
}
div.expand {
background: url('sm_minus.gif') no-repeat left center;
padding-left: 20px;
}
div.collapse {
background: url('sm_plus.gif') no-repeat left center;
padding-left: 20px;
}
body.rtl div.issues ul li div.ki-title div {
float: right;
background-position: right center;
padding-right: 1em;
}
/* GAP EXAM STUDY */
.examstudy {
max-width: 1400px;
min-width: 800px;
margin-left: auto;
margin-right: auto;
}
.gap-content {
padding: 1em 0 1em 3em;
background-image: url(adwordsLC_diploma_small.gif);
background-repeat: no-repeat;
background-position: center left;
}
.gap-leftpane {
float: left;
width: 40%;
}
.gap-rightpane {
margin-left: 42%;
padding-left: 2em;
border-left: 1px #CCC solid;
}
.gap-pathways li {
padding: 0 0 .3em;
list-style: none;
}
li.inactive {
opacity: .3;
filter: alpha(opacity=30);
}
.guide-toc ol.gap-pathway,
ol.gap-pathway {
list-style-type: none;
}
.gap-grid .gray {
background-color: #DDD;
}
table.gap-grid td {
padding: .3em;
width: 100%;
}
.gap-grid .fieldnames td {
font-size: .8em;
text-align: center;
}
.gap-grid .fundamentals,
.gap-grid .search,
.gap-grid .display,
.gap-grid .reporting {
height: 1.5em;
min-width: 5em;
background-color: #6B90DA;
}
.gap-grid .less .fundamentals,
.gap-grid .less .search,
.gap-grid .less .display,
.gap-grid .less .reporting {
background-color: #4888D8;
}
.gap-grid .unavailable {
opacity: .3;
filter: alpha(opacity=30);
}
.gap-grid tr.less td {
font-weight: bold;
background-color: #EBEFF9;
}
.gap-grid tr.less td.title a span,
.gap-grid tr.less td.title a {
text-decoration: none;
color: black;
}
.gap-grid td.more {
font-size: .89em;
padding-left: 2em;
border: 0px;
}
.gap-grid td.divider {
background: #CCC;
padding: 0px;
margin: 2px;
height: 1px;
}
/* success stories */
.success-stories {
padding: 1em 0 1em 12em;
background-repeat: no-repeat;
background-position: center left;
}
.success-stories .gray {
font-size: .9em;
color: #666;
}
.story-not-first {
border-top: 1px solid #ccc;
}
.success-stories span.featured {
color: red;
font-size: .9em;
}
/* CUF splash - AdWords */
.cuf-splash {
margin: 0 auto;
}
.cuf-splash td.splashbox {
width: 21em;
padding: 0;
border: 1px #EBEFF9 solid;
}
.cuf-splash td.splashbox a {
color: black;
text-decoration: none;
}
.cuf-splash td.splashbox a img {
border: 0;
}
.cuf-splash td.splashbox a span {
color: #00C;
font-weight: bold;
text-decoration: underline;
}
.cuf-splash td.splashbox p img {
margin: 1em auto 0;
display: block;
}
.cuf-splash td.splashbox p {
padding: 1em;
margin: 0;
}
.cuf-splash td.splashbox h3 {
background: #EBEFF9;
padding: .2em 1em;
margin: 0;
}
.cuf-splash h2 {
border-bottom: 1px #CCC solid;
padding: 0 0 .5em;
margin: 0 0 .5em;
}
.cuf-splash .cant-sign-in {
padding: 1em 0;
text-align: center;
}
.cuf-splash .cant-sign-in a {
font-size: 1em;
opacity: .9;
}
/* policy */
.policy-header {
border: 1px #EBEFF9 solid;
margin: 1em 0 0 0;
}
.policy-header .menu, .policy-related {
float: left;
width: 18em;
font-weight: bold;
padding: .5em;
}
.policy-header .intro {
border-left: 19em #EBEFF9 solid;
padding: .5em;
}
.policy-home {
text-align: right;
font-size: .9em;
padding: 0 .5em 0;
}
.policy-related {
border-left: 1px #EBEFF9 solid;
border-right: 1px #EBEFF9 solid;
border-bottom: 1px #EBEFF9 solid;
background: white;
font-weight: normal;
}
.policy-content {
padding: 0 0 0 20em;
}
.policy-answer {
padding: 0 0 0 2em;
}
p.policy-viewall {
font-weight:normal;
font-size:.9em
}
ol.policy-leftlist {
list-style: none;
padding: 0;
margin: .5em;
}
/* printable exam study */
.exam-printable-lesson {
margin: 0 0 2em;
page-break-after: always;
}
h2.lesson-title {
font-size: 1.5em;
border-bottom: 1px black solid;
}
.exam-printable-sublesson,
.exam-printable-subsublesson,
.exam-printable-answer div.exam-answer,
.exam-printable-answer {
margin: 1em 2em;
}
/* New CUF */
.cf-form {
margin: 0;
padding: 0;
}
.cuf-step {
padding: 1em 0 .5em;
border-bottom: 1px #CCC solid;
margin-bottom: .5em;
}
.cf-left {
float: left;
width: 47%;
}
.cf-form label {
display: block;
margin: 0 0 .5em;
}
.cf-form label span {
font-weight: normal;
font-size: .85em;
color: #666;
}
.cf-right {
padding: 0 0 0 15px;
float: left;
width: 50%;
}
.cf-right .gears {
background-image: url(http://www.google.com/images/icons/search-24.gif);
background-repeat: no-repeat;
background-position: left center;
padding: 0 0 0 2.5em;
}
.cf-left textarea, .cf-left input {
width: 100%;
display: block;
margin: .2em 0;
}
.cf-left textarea {
height: 8em;
}
div.dynamic {
min-height: 10em;
margin: 0 0 1em;
}
div.cf-section {
max-width: 75em;
}
.cf-section h4 {
margin: 0;
padding: 0 0 .2em;
}
.cf-section select#category, select#subcategory {
width: 49%;
}
.cf-section input#submit {
width: 10em;
}
.cuf-drop {
padding: .5em 0 1em 3em;
display: none;
}
.cuf-drop p {
margin: 0;
padding: 0 0 .5em;
}
.email-drop input,
.phone-drop input {
display: block;
width: 35em;
padding: 0;
margin: 0;
}
.email-drop fieldset label.extra_textbox {
font-size: .9em;
color: #666;
padding: 0 0 .5em .7em;
}
.email-drop fieldset .extra_textbox input {
width: 10em;
}
.cuf-options a span {
color: #00C;
text-decoration: underline;
}
.cuf-drop p {
margin: 0;
padding: 0 0 .5em;
}
.phone-drop select,
.email-drop input,
.phone-drop input {
display: block;
width: 20em;
padding: 0;
margin: .2em 0 0;
}
.phone-drop {
margin: 0 0 0 4.5em;
width: 30em;
}
.cuf-drop .phoneField {
padding: .5em 0;
}
.phone-drop {
padding: 0;
}
.phone-drop input.phone-number,
.phone-drop input.area-code {
display: inline;
width: 3em;
}
.phone-drop input.phone-number {
width: 15.4em;
}
.email-drop fieldset input {
display: inline;
width: 1em;
margin: 0 .5em;
}
.phoneField input, .phoneField select {
width: 345px;
padding: .2em 0; margin: .2em 0;
}
.phoneField input.area-code {
width: 40px;
}
.phoneField input.phone-number {
width: 290px;
}
.phoneField #area-span {
float: left;
width: 55px;
}
.phoneField .phone-no-div {
padding: 0 0 0 50px;
width: 290px;
}
div.spinner {
background-image: url(spin_32.gif);
background-repeat: no-repeat;
width: 35px;
height: 35px;
}
div.spinner-centered {
background-image: url(spin_32.gif);
background-repeat: no-repeat;
background-position: top center;
height: 35px;
margin: 4em 0 0;
text-align: center;
padding: 35px 0 0 0;
}
.spinner-small {
background-image: url(http://www.google.com/images/icons/loading-16.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 2em;
color: #666;
}
/* triage */
.cuf-options a {
color: black;
text-decoration: none;
}
.cuf-opts a.disabled {
cursor: default;
}
.cuf-options a.disabled .cuf-opts {
opacity: .4;
}
#rec-hover-card {
position: absolute;
z-index: 100;
background: #fff;
padding: 10px;
width: 330px;
border: 2px solid #c9d7f1;
}
#rec-hover-arrow {
position: absolute;
z-index: 101;
}
#rec-hover-card h4 {
margin: .5em 0;
}
ul.cf-recommendations {
margin-top: .5em;
padding-left: 3.5em;
}
/* Need to eliminate default ul margin for IE7 */
.ie7 ul.cf-recommendations {
margin: 0;
}
ul.cf-recommendations li {
margin-bottom: .3em;
}
.user-guides-icon {
padding: 1em 0 1em 4em;
background-repeat: no-repeat;
background-position: center left;
}
.guide-toc ol.guide-left {
width: 30em;
float: left;
}
.guide-toc ol.guide-right {
padding: 0 0 0 30em;
}
/* WEBINARS */
ul.webinars {
list-style: none;
padding: 0;
margin: 1em 0;
}
ul.webinars li {
padding: .5em;
vertical-align: middle;
}
ul.webinars li p {
margin: 1em 0 0;
}
ul.webinars li a {
color: #00F;
font-weight: bold;
}
ul.webinars li span {
font-size: .85em;
color: #666;
}
ul.webinars li div.webinar-right a {
font-weight: normal;
}
div.webinar-right {
float: right;
text-align: right;
width: 13em;
margin: .5em 0 0;
}
div.webinar-blurb {
padding: 1em;
}
.recorded div.webinar-right {
margin: 0;
}
div.watch-now {
padding: 1em 0 0;
font-size: .9em;
font-weight: bold;
}
div.webs-left {
width: 32em;
float: left;
}
div.webs-right {
padding-left: 33em;
width: 32em;
}
.webinar-item a {
font-weight: bold;
}
.webinar-content img {
float: right;
padding: 0em 3em 0 2em;
}
div.webinar-content {
width: 65em;
margin: 1em 0 0 1em;
}
h2.webinar, h3.webinar {
color: #090;
}
h2.webinar {
font-size: 1.5em;
}
/* Custom CSS for a KB */
.kb-data-table th,
.contacts-table td {
font-size: .8em;
padding: .3em;
}
.kb-data-table th {
white-space: nowrap;
border-right: 1px solid #666;
text-align: right;
padding-right: .6em;
vertical-align: center;
}
.kb-data-table .row1 th {
color: #f00;
}
.kb-data-table .row2 th {
color: #096;
}
.kb-data-table td {
border: 1px solid #666;
border-left: 0;
text-align: center;
padding: .4em;
}
.kb-data-table .row1 td {
background: #efefef;
font-weight: bold;
border-bottom: 0;
}
.kb-data-table .row2 td {
text-align: center;
white-space: nowrap;
}
/* Top Contributors V2 */
.top-contributor-heading {
width: 92%;
display: block;
clear: both;
padding: 1em 0;
}
.top-contributor-left,
.top-contributor-right {
width: 45%;
}
.top-contributor-right {
padding: 0 0 0 47%;
}
.top-contributor-left {
float: left;
}
.top-contributor {
margin: 1em 1em 0 0;
}
.top-contributor p, .top-contributor div {
padding: 0em 0em 1em;
}
.top-contributor img {
float: right;
padding: 0 0 1em 1em;
}
.top-contributor h3 {
background: #EBEFF9;
padding: .5em;
margin: 0;
}
/* Release Notes */
div.rn_container{
margin-left: -2em;
width: 90%;
}
li.release {
list-style-type: none;
}
li.release a.zippy {
color: #222;
text-decoration: none;
}
div.rn_intro_container {
width: 90%;
}
div.release_notes {
padding-bottom: 10px;
}
/* Phone form updates */
.phone-drop {
width: 40em;
}
#phoneForm {
background: #EBEFF9;
padding: 1em;
}
#phoneForm .phone-number {
width: 10em;
}
#phoneForm #phoneFirstName {
width: 20em;
}
#phoneForm select#phoneCountry {
width: 15em;
display: inline;
font-size: .9em;
}
#phoneForm #phone-no-div {
display: inline;
}
#phoneForm .area-code {
width: 3em;
display: inline;
text-align: center;
}
#phoneForm #area-span {
font-weight: bold;
font-size: 1.1em;
width: 5em;
float: none;
display: inline;
}
input.area-code, input#phoneNumber,
input#phoneFirstName {
border: 1px #CCC solid;
padding: .1em;
}
.phoneField a {
color: #00C;
text-decoration: underline;
}
#cuf-phone div.alert {
background-position: .5em center;
}
/* CUF Splash */
td.splash-pane {
padding: 1em;
width: 30em;
}
.cuf-index {
padding: 1em;
border: 0px;
}
.cuf-index {
width: 100%;
}
.splash-pane .alert, .splash-pane .action {
width: 60%;
margin: 0 auto;
}
.cuf-opts h3 {
font-weight: bold;
}
/* Image Gallery */
span.image-gallery-view-more {
padding: 2em;
float: left;
}
#image-gallery table {
margin: 0 auto;
}
#image-gallery table td {
vertical-align: top;
width: 1px; /* Hack for shrinking cell to content. */
}
#image-gallery table td img {
cursor: pointer;
margin: 0;
border: 3px solid #f3f3f3;
}
#image-gallery img.image-gallery-thumbnail {
border: 3px solid #f3f3f3;
}
#image-gallery img.image-gallery-thumbnail-highlighted {
border: 3px solid #1150a2;
}
#image-gallery-image {
margin-top: 1em;
border: 1px solid #f3f3f3;
}
#image-gallery {
text-align: center;
}
div.image-gallery-strip {
background-color: #f3f3f3;
padding: .5em;
}
/* Checklist */
.progressbar {
width: 300px;
border: 1px #999 solid;
padding: 1px;
margin: 0 0 5px;
}
.progress-container {
width: 320px;
padding: 2em 0 1em 2em;
margin: 0;
float: right;
}
.rtl .progress-container {
float: left;
padding: 2em 2em 1em 0;
}
.progressbar .progress-green {
background-color: lightgreen;
height: 10px;
margin: 0;
width: 0;
}
.progressbar-small {
width: 70%;
border: 1px #999 solid;
padding: 1px;
margin: 3px 0 0;
}
.progressbar-small .progress-green {
background-color: lightgreen;
height: 6px;
margin: 0;
}
.progress-cont {
font-size: .85em;
color: #666;
text-decoration: none;
}
.checklist-tab-div {
margin: 1em 0 2em;
}
ul.checklist-ul {
padding: .6em 0 0 .5em;
list-style: none;
}
.checklist-ul li {
float: left;
padding: 0;
width: 125px;
margin: 0 0 0 .8em;
text-align: center;
vertical-align: middle;
}
.rtl .checklist-ul li {
float: right;
margin: 0 .8em 0 0;
}
.checklist-ul li a {
text-decoration: none;
outline: none;
}
.checklist-ul li.icon {
padding-top: 55px;
background-repeat: no-repeat;
background-position: top center;
}
.checklist-ul li a div {
background: #ebeff9;
color: #00c;
padding: .5em;
height: 42px;
display: block;
}
.checklist-ul li#active a div {
background: #6b90da;
color: white;
}
.tabs-base {
background: #6b90da;
height: 10px;
margin: 0;
padding: 0;
}
.checklist-intro {
padding: 2em 0 1em 0;
}
div#cl-answer {
padding: 1em;
background-image: none;
}
.clContent input {
float: left;
margin: 0 10px 20px;
}
.clContent p {
padding: 0 0 0 20px;
}
.clContent h4 {
margin: 0;
padding: 0 0 .3em 0;
}
.clItem {
padding: 0 0 1em;
}
div#cl-comp, div#list-comp, div#cl-link {
background-position: 1em center;
background-repeat: no-repeat;
margin: 1em 2em 0 1em;
float: right;
padding: 1em 1em 1em 3.9em;
width: 400px;
}
.rtl div#cl-comp, .rtl div#list-comp, .rtl div#cl-link {
float: left;
padding: 1em 3.9em 1em 1em;
background-position: right center;
}
div#cl-comp, div#list-comp {
border: 1px #6b90da solid;
background-image: url("http://www.google.com/images/icons/feature/checkmark-b32.png");
display: none;
}
div#cl-link {
background-image: url("http://www.google.com/images/icons/feature/chalkboard_person-o32.png");
}
.rtl .clContent input {
float: right;
}
.rtl .clContent p {
padding: 0 20px 0 0;
}
/* More Tabs CSS */
.gr8tabsdiv p { color: black; }
.gr8tabsdiv h3 {
font-size: 1.2em;
border-bottom: 1px solid #DEE4F4;
margin: 0;
padding: 0.1em 0 0.4em;
}
.gr8tabsdiv-icon {
margin-top: 2em;
}
/* Printable static page CSS */
.printable-topic {
margin: 1em 2em;
}
.printable-topic a {
text-decoration: none;
color: black;
}
.printable h1, .printable h2,
.printable h3, .printable h4,
.printable-topic {
font-size: 13px;
}
h3.printable {
font-size: 1.4em;
text-decoration: underline;
}
h4.printable {
font-size: 1.2em;
text-decoration: underline;
}
div.printable {
padding: 0 0 0 1.5em;
}
/* New search refinements (Leftnav) */
ul.refine {
list-style: none;
padding: 0;
margin: 0;
}
.gsg-tabs a,
.topics a,
.footer-nav a,
.breadcrumbs a,
.answer-features a,
.one_google a, .right_column a,
.landing-section a, .leftnav a {
text-decoration: none;
}
.gsg-tabs a:hover,
.topics a:hover,
.footer-nav a:hover,
.breadcrumbs a:hover,
.answer-features a:hover,
.one_google a:hover, .right_column a:hover,
.landing-section a:hover, .leftnav a:hover {
text-decoration: underline;
}
td.left_column {
border-right: 1px solid #D3E1F9;
padding: 0 .5em .5em 1em;
}
td.right_column {
border-left: 1px solid #D3E1F9;
padding: 0 1em .5em .5em;
}
body.rtl td.right_column {
border-right: 1px solid #D3E1F9;
border-left: none;
}
.inner_content {
padding: 0 1.5em;
}
#page-content {
padding-left: 5px;
}
ul.refine li {
padding: 0;
margin: 0;
}
ul.refine a.selected {
color: black;
text-decoration: none;
font-weight: bold;
}
ul.leftnav,
p.breadcrumbs {
margin-top: 0;
}
p.breadcrumbs a {
font-weight: normal;
}
body table.header {
margin: 1em 0 .5em;
padding: 0 .5em .3em;
}
/* Blog page */
#blog-feed h3 {
color: #666;
margin-bottom: 0;
padding: 1em 0 0 0;
border-top: 1px solid #ccc;
}
#blog-feed h3.first {
border-top: none;
}
#blog-feed h3 a {
color: #4a82b5;
text-decoration: none;
}
#blog-feed h3 a:hover {
color: #afd3f7;
}
#blog-feed p.subtext {
margin:0 0 1em 0;
color: #666;
}
#blog-feed p.feed-footer {
border-top: 1px solid #ccc;
text-align: center;
padding-top: 1em;
}
#blog-feed .share-links img {
border: 0;
margin: .5em;
vertical-align: middle;
}
.webinar-mod {
padding: .5em .5em .5em 4.2em;
background: url('http://www.google.com/images/icons/feature/play-g32.png') .5em .5em no-repeat #F0F6FF;
}
.webinar-alert-wrapper {
font-weight: bold;
margin: 2em 0;
}
.webinar-alert {
background: url('http://www.google.com/images/icons/feature/play-g16.png') .5em .5em no-repeat;
padding: .5em 1em .5em 2.2em;
}
.phone-alert {
padding: .5em .5em .5em 3.7em;
background: url('http://www.google.com/images/icons/feature/phone-b32.png') .5em center no-repeat;
background-color: #EBEFF9;
border: 1px #6B90DA solid;
width: 28em;
float: right;
clear: right;
font-size: .9em;
}
.rtl .phone-alert {
padding: .5em 3.7em .5em .5em;
float: left;
clear: left;
background-position: right center;
}
.cuf-options .phone-alert {
width: 80%;
font-size: 1em;
float: none;
margin: 1em;
padding: 1em 1em 1em 3.7em;
}
/* Drop down styles */
ul.selector {
margin-top: 15px;
float: left;
padding: 0;
list-style: none;
width: 250px;
}
div.module ul.selector li {
list-style: none;
}
ul.selector img {
float: left;
margin: -2px 5px;
border: none;
width: 20px;
height: 20px;
}
ul.selector li {
width: auto;
margin: 0;
cursor: pointer;
}
ul.selector li.home {
border-top: 1px solid #ccc;
}
ul.selector li a:link, ul.selector li a:visited {
color: #00e;
}
ul.selector li:hover ul {
display: block;
}
ul.selector li.outer > a img {
width: 20px;
height: 20px;
margin: -2px 6px 0 5px;
z-index: 1;
float: left;
padding: 0;
position: relative;
}
ul.selector li.outer {
border: 1px solid #dedede;
padding: 6px 20px 6px 0;
background-image: url(phonedrop-arrow.gif);
background-color: #fff;
background-position: right;
background-repeat: no-repeat;
cursor: pointer;
position: relative;
line-height: 1em;
}
ul.selector a {
display: block;
}
ul.selector li.outer > a {
color: #333;
text-decoration: none;
}
ul.selector li ul {
background: #fff;
border: 5px solid #afc1e2;
border-bottom: 1px solid #666;
border-left: 1px solid #ccc;
border-right: 1px solid #666;
border-top: 1px solid #ccc;
display: none;
float: left;
left: 0;
list-style: none;
margin: 7px 0 0 -1px;
padding: 0;
position: absolute;
text-align: left;
width: 250px;
z-index: 1;
}
/*special margin for ie7 to remove extra space between dropdown menu*/
body.ie7 ul.selector li ul {
margin: 28px 0 0 -1px;
}
ul.selector li ul img {
width: 20px;
height: 20px;
margin: -2px 8px 0 4px;
float: left;
}
ul.selector li ul li {
margin: 0;
padding: 6px 4px;
}
ul.selector li ul li:hover {
background: #d6e9f8;
}
ul.selector li ul li.other {
border-top: 1px solid #ccc;
}
/* Screenshot map */
div#screenshot-map {
position: relative;
}
div#screenshot-map-elements div:hover {
border: 2px solid #c00;
}
.screenshot-element-inactive {
border: none;
cursor: pointer;
}
.screenshot-element-active {
border: 2px solid #c00;
cursor: pointer;
}
.screenshot-content-inactive {
display: none;
}
.screenshot-content-active {
display: block;
}
/*Android 2.3 (Gingerbread) User Guide*/
.android-arrow-next {
float: right;
}
.android-arrow-previous {
float: left;
}
.android-button {
font-weight: bold;
}
.android-important {
color: #FF0000;
font-weight: bold;
}
.android-inline-image-medium {
display: inline;
height: 32px;
vertical-align: middle;
width: 31px;
}
.android-inline-image-small {
display: inline;
height: 18px;
width: 20px;
}
.android-multiple-steps ol {
padding-left: 1.25em;
}
.android-multiple-steps ol li {
color: #FF0000;
font-weight: bold;
}
.android-multiple-steps ol li p {
color: #000000;
font-weight: normal;
}
.android-part-number {
font-size: .8em;
margin-top: 40px;
}
.android-red-arrow {
background: url(step_single_bullet.gif) no-repeat 0 .25em;
padding: 0 0 0 1.5em;
}
body.rtl .android-red-arrow {
background: url(step_single_bullet_rtl.gif) no-repeat 100% .25em;
padding-right: 1.5em;
}
.android-red-bold-text {
color: #FF0000;
font-weight: bold;
padding-left: 1.5em;
}
.android-run-in-head {
display: block;
margin-top: 1em;
}
.android-run-in-head h4 {
font-size: 1em;
font-weight: bold;
display: inline;
}
.android-run-in-head p {
display: inline;
margin-left: .5em;
}
.android-screentext {
font-family: Droid-sans;
font-weight: bold;
}
.android-single-step ul li{
list-style-type: none;
}
.android-table {
border: 1px solid #ccc;
border-collapse: collapse;
width: 100%;
}
.android-table td {
border: 1px solid #ccc;
}
.android-table-button {
width: 20%;
}
.android-table-header {
font-weight: bold;
}
.android-table-hold {
width: 40%;
}
.android-table-button-image {
display: inline;
}
.android-table-press {
width: 40%;
}
.android-task-head {
margin-top: 2em;
}
.android-toc {
border: 1px solid #000;
}
.android-toc ul {
list-style-type: none;
}
img.android-multiple-steps-image {
display: block;
height: 326;
padding-top: 1em;
width: 540;
}
ul.android-red-arrow {
list-style-type: none;
}
/*Android 4.0 (Ice Cream Sandwich) User Guide*/
/*User Guide Styles*/
.android-icon-base {
vertical-align: -8px;
}
.android-img-medium {
height: 60%;
}
.android-li-single {
margin-bottom: 1em;
}
.android-table-description {
border: 1px solid #ccc;
border-collapse: collapse;
padding: 6px;
width: 100%;
}
.android-table-icon {
border: 1px solid #ccc;
padding: 6px;
width: 6%;
}
.android-table-name {
padding: 6px
width: 10%;
}
.android-table-standard,
.android-table-standard td,
.android-table-standard tr th {
border: 1px solid #ccc;
border-collapse: collapse;
padding: 5px;
}
.android-ul-space {
line-height: 2em;
}
.android-ul-space li p {
line-height: .5em;
}
/*Gray background in table cells*/
.gray {
background-color: gray;
}
/* Click to Call */
form#c2c-form {
display: none;
}
form#c2c-form #c2c-submit {
display: block;
margin: 1em 0 0;
}
form#c2c-form .disclaimer {
font-size: .9em;
width: 38em;
margin: 1em 0 0;
}
form#c2c-form #c2c-areaCode {
width: 3em;
}
form#c2c-form div.c2c-fullNumber {
width: 40em;
}
form#c2c-form #c2c-areaWrapper {
font-weight: bold;
width: 5em;
float: none;
display: inline;
}
form#c2c-form input {
border: 1px #999 solid;
padding: .2em;
margin: .2em 0 0 0;
width: 15em;
}
form#c2c-form label {
display: block;
font-weight: bold;
margin: 1em 0 0 0;
}
form#c2c-form select {
border: 1px #999 solid;
padding: .2em;
margin: .2em 0 0 0;
width: 15em;
background: white;
}
form#c2c-form textarea {
border: 1px #999 solid;
padding: .2em;
margin: .2em 0 0 0;
width: 30em;
}
div#c2cResponse {
margin: .5em 0 1em;
}
div#c2cResponse .c2c-error {
background-color: #C00;
color: white;
padding: .5em .7em;
}
div#c2cResponse .c2c-success {
background-color: #ddf9cb;
padding: .5em .7em;
}
/* Chat */
div.liveperson-container,
div.expedited-phone {
background-repeat: no-repeat;
background-position: left center;
padding: 2em 0 2em 52px;
margin: 1em 0;
font-weight: bold;
}
div.liveperson-container {
background-image: url('http://www.google.com/images/icons/feature/chat-g42.png');
}
div.expedited-phone {
background-image: url('http://www.google.com/images/icons/feature/phone-lb42.png');
}
div.liveperson-container span {
display: none;
}
div.liveperson-container div.spinner-small {
width: 20em;
}
.field_parp_option strong.parp-opt {
font-weight: bold;
color: #093;
font-size: 1.2em;
}
.field_parp_option div {
padding: .8em 0 0;
}
.field_parp_option input {
margin: 0 .2em;
}
.field_parp_option strong {
color: #093;
}
/* Related answer content (internal & external) */
div.related-internal-content,
div.related-external-content {
margin: 0 0 1em 0;
}
div.related-internal-content {
padding: .5em;
background-color: #e3e9ff;
border: 1px #bcf solid;
}
div.related-internal-content h2.heading {
float: right;
padding: .2em;
margin: 0;
color: #bcf;
font-weight: bold;
}
/* Static FAQ - faq.cs */
.staticFaq {
line-height: 1.3em;
}
.staticFaq li {
padding: .2em 0;
}
.staticFaq hr {
margin: 2em 0;
}
.staticFaq ol ol {
padding-left: 0;
margin-bottom: 10px;
}
.bulleted-faq ol {
list-style-type: disc;
}
/* ADWORDS CUF Experiment */
h2.bordered span {
font-size: 1.3em;
}
div.catheader,
#second-cats li.catheader,
#third-cats li.catheader {
padding: .5em;
margin: 0em;
font-weight: bold;
border-bottom: 1px white solid;
}
div.catheader-white {
background-color: white;
}
.catheader-light {
background-color: #ebeff9;
}
.catheader-dark {
background-color: #C9D7F1;
}
table#awcuf-opts td{
padding: 1em;
vertical-align: middle;
}
table#awcuf-opts td.awcuf-icon {
background-repeat: no-repeat;
background-position: .5em center;
padding: 1em 1em 1em 49px;
width: 2.7em;
}
table#awcuf-opts h3 {
padding: 0;
margin: 0;
font-size: 1.1em;
}
tr.awcuf-offline {
opacity: .3;
filter: alpha(opacity=30);
}
/* Contact Module */
.contact-mod .options {
margin: 0 0 17px 0;
}
.contact-mod .options a:link,
.contact-mod .options a:visited {
color: #666;
display: block;
position: relative;
text-decoration: none;
}
.contact-mod .options a span {
color: #333;
font-weight: bold;
}
.contact-mod .options a:hover span {
text-decoration: underline;
}
.contact-mod .options img {
float: left;
margin: 0 14px 14px 0;
}
.contact-mod .contact-mod-headline {
border-top: 1px #ccc solid;
padding: 8px 0;
font-weight: bold;
}
.contact-mod .contact-mod-byline {
margin-bottom: 17px;
color: #666;
}
.contact-mod h2 a:link,
.contact-mod h2 a:visited {
color: #333;
font-weight: normal;
margin-bottom: 1em;
}
.contact-mod div.shield {
height: 100%;
width: 100%;
position: absolute;
top: 1px;
z-index: 15;
zoom: 1;
display: none;
}
.contact-mod div.shield-white {
height: 100%;
width: 100%;
position: absolute;
top: 1px;
opacity: .5;
filter: alpha(opacity=50);
background-color: white;
z-index: 17;
zoom: 1;
}
.contact-mod .shield .contact-link {
position: absolute;
z-index: 25;
margin: 2em 3em 3em;
width: 100%;
font-size: 1.1em;
}
.contact-mod .contact-title {
color: #333;
font-weight: bold;
}
.contact-link button {
margin: 1em 4em;
padding: .5em;
}
.contact-mod-index {
float: right;
}
.contact-mod table.phone-initiative {
border-bottom: 1px #ccc solid;
}
td.contact-mod-byline {
padding: .2em 0 .6em 0;
}
/* Signal Spoof */
div#userdata-spoof {
background: #ebeff9;
border-top: 2px #666 solid;
border-bottom: 2px #666 solid;
padding: 1em;
margin: 2em auto;
width: 100%;
}
div#userdata-spoof h2 {
padding: 0;
margin: 0;
}
div#userdata-derived-fields div.spoof-field {
float: left;
width: 17em;
padding: .5em 1.5em 1em;
font-size: .9em;
}
div#userdata-derived-fields div.spoofed {
background: white;
border-radius: 5px;
}
div.spoof-field label {
display: block;
font-weight: bold;
}
div.spoof-field input {
border: 1px #CCC solid;
background: white;
padding: .2em;
margin: .2em 0 0 0;
font-size: .9em;
width: 18em;
}
div#userdata-spoof div.signal-controls {
text-align: right;
}
/* Answer content survey */
.content-survey {
padding: 1em;
border-top: 1px solid #dee7f7;
margin: 0 0 1em 0;
}
.content-survey-form {
padding: 1em 1.5em 0em;
}
/* androidify inline survey */
.android-survey {
padding: 1em;
border-top: 1px solid #dee7f7;
margin: 1em 1em 1.5em 0em;
width: 100%
}
.android-survey td.android-icon {
width: 64px;
text-align: center;
}
/* Top Contributor feedback form */
.tc-feedback {
border: solid 1px #e5e5e5;
margin: 20px 100px 10px 0;
padding: 5px;
}
.tc-feedback .feedback-form {
margin: 10px;
}
.tc-feedback .feedback-form .submit {
margin-bottom: 0;
}
/* Slide show collection styles */
.slideshow-tab-body {
background-color: whiteSmoke;
clear: both;
display: none;
font-size: 16px;
padding: 10px;
}
.slideshow-tab-body .lb-link.slide-start-text {
background-image: url('education_20.png');
background-position: 1px 1px;
background-repeat: no-repeat;
font-weight: normal;
padding: 2px 50px 12px;
}
.slideshow-tab-body ul {
list-style-type: none;
padding-left: 20px;
}
.slideshow-tab-body.selected {
display: block;
}
ul.slideshow-tabs {
margin: 0;
padding: 0;
}
ul.slideshow-tabs li {
background-position: 43px 8px;
background-repeat: no-repeat;
cursor: pointer;
float: left;
font-size: 14px;
font-weight: bold;
list-style-type: none;
margin-right: 20px;
padding: 83px 10px 12px 10px;
text-align: center;
width: 130px;
}
body.rtl ul.slideshow-tabs li {
float: right;
margin-right: 0;
margin-left: 20px;
}
ul.slideshow-tabs li.selected {
background-color: whiteSmoke;
border-radius: 15px 15px 0 0;
-moz-border-radius: 15px 15px 0 0;
color: #dd4b39;
cursor: default;
}
/* ------ Lightbox styles ------ */
.lb-background {
background-color: #fff;
bottom: 0;
display: none;
left: 0;
filter: alpha(opacity=75);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
opacity: 0.75;
position: fixed;
right: 0;
top: 0;
z-index: 50;
}
.lb-background.background-visible {
display: block;
}
.lb-content {
color: #444;
height: 570px;
overflow-y: auto;
width: 100%;
}
.lb-content h3 {
margin-top: 0;
}
.lb-content-outer-wrapper {
display: none;
height: 100%;
left: 0;
position: fixed;
top: 0;
vertical-align: middle;
width: 100%;
z-index: 51;
}
.lb-content-middle-wrapper {
display: table-cell;
vertical-align: middle;
}
.lb-image {
float: left;
left: -50%;
margin: 15px;
position: relative;
}
.lb-image-highlight {
border-color: red;
border-radius: 7px;
-moz-border-radius: 7px;
border-style: solid;
border-width: 4px;
position: absolute;
}
.lb-image-inner-container {
float: left;
left: 50%;
position: relative;
}
.lb-image-outer-container {
overflow-x: hidden;
}
.lb-subtext {
background-color: whiteSmoke;
border: 1px solid #ccc;
border-radius: 7px;
-moz-border-radius: 7px;
bottom: 35px; /* Same distance to slide border as slide title. */
padding: 5px 10px;
position: absolute;
width: 778px; /* 800px(lb-content) -padding -border */
}
/* ------ Styles for Lightbox's side Prev/Next arrows ------ */
.hide-next-arrow .lb-content-side-nav.right-arrow,
.hide-previous-arrow .lb-content-side-nav.left-arrow {
display: none;
}
.lb-content-side-nav {
cursor: pointer;
height: 100%;
filter: alpha(opacity=50);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
opacity: 0.5;
position: absolute;
top: 0;
width: 50px;
}
.lb-content-side-nav:hover {
filter: alpha(opacity=75);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
opacity: 0.75;
}
.lb-content-side-nav.left-arrow {
background:
url('hc_lb_left_arrow.png')
no-repeat center center;
left: -80px;
}
.lb-content-side-nav.right-arrow {
background:
url('hc_lb_right_arrow.png')
no-repeat center center;
right: -80px;
}
.lb-content-inner-wrapper {
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
height: auto;
margin: 0 auto;
opacity: 0;
padding: 30px 42px;
position: relative;
/* Effects for fade in */
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
transform: scale(1.05);
-webkit-transition: all 0.218s;
-moz-transition: all 0.218s;
transition: all 0.218s;
width: 800px;
}
.lb-content-inner-wrapper.focus {
opacity: 1.0;
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
transform: scale(1.0);
}
.lb-content-bottom-nav {
display: none;
height: 30px;
margin-top: 30px;
}
.lb-content-top-nav {
left: 10px;
position: absolute;
right: 10px;
top: 9px;
}
.lb-content-close-button {
background:
url('hc_lb_close_icon.png')
no-repeat center center;
color: transparent;
cursor: pointer;
float: right;
font-size: larger;
font-weight: bold;
height: 30px;
filter: alpha(opacity=70);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
opacity: 0.7;
width: 30px;
}
.lb-content-close-button:hover {
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity: 1.0;
}
/* ------ Styles for Lightbox's bottom nav Prev/Next buttons ------ */
.lb-content-nav-button {
background-color: whiteSmoke;
background-image: -webkit-gradient(
linear, left top, left bottom, from(whiteSmoke), to(#f1f1f1));
background-image: -webkit-linear-gradient(top, whiteSmoke, #f1f1f1);
background-image: -moz-linear-gradient(top, whiteSmoke, #f1f1f1);
background-image: -ms-linear-gradient(top, whiteSmoke, #f1f1f1);
background-image: -o-linear-gradient(top, whiteSmoke, #f1f1f1);
background-image: linear-gradient(top, whiteSmoke, #f1f1f1);
filter: progid:DXImageTransform.Microsoft.gradient(
startColorStr='whiteSmoke', EndColorStr='#f1f1f1');
border: 1px solid gainsboro;
border: 1px solid rgba(0, 0, 0, 0.1);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
color: #444;
cursor: default;
display: inline-block;
font-size: 11px;
font-weight: bold;
height: 27px;
line-height: 27px;
min-width: 54px;
padding: 0 8px;
text-align: center;
-webkit-transition: all 0.218s;
-moz-transition: all 0.218s;
-o-transition: all 0.218s;
transition: all 0.218s;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.lb-content-nav-button:hover {
background-color: #f8f8f8;
background-image: -webkit-gradient(
linear, left top, left bottom, from(#f8f8f8), to(#f1f1f1));
background-image: -webkit-linear-gradient(top,#f8f8f8, #f1f1f1);
background-image: -moz-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: -ms-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: -o-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: linear-gradient(top, #f8f8f8, #f1f1f1);
filter: progid:DXImageTransform.Microsoft.gradient(
startColorStr='#f8f8f8', EndColorStr='#f1f1f1');
border: 1px solid #c6c6c6;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
color: #222;
-webkit-transition: all 0.0s;
-moz-transition: all 0.0s;
-o-transition: all 0.0s;
transition: all 0.0s;
}
.lb-content-nav-button:active {
background-color: #f6f6f6;
background-image: -webkit-gradient(
linear, left top, left bottom, from(#f6f6f6), to(#f1f1f1));
background-image: -webkit-linear-gradient(top,#f6f6f6, #f1f1f1);
background-image: -moz-linear-gradient(top, #f6f6f6, #f1f1f1);
background-image: -ms-linear-gradient(top, #f6f6f6, #f1f1f1);
background-image: -o-linear-gradient(top, #f6f6f6, #f1f1f1);
background-image: linear-gradient(top, #f6f6f6, #f1f1f1);
filter: progid:DXImageTransform.Microsoft.gradient(
startColorStr='#f6f6f6', EndColorStr='#f1f1f1');
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.lb-content-nav-button.next {
float: right;
}
.lb-content-nav-button.previous {
float: left;
}
/* ------ Styles for Lightbox content elements ------ */
.lb-content-title {
color: #dd4b39;
font-size: 180%;
font-weight: normal;
margin-bottom: 25px;
padding: 5px 0 10px;
overflow-y: hidden;
}
.lb-link {
color: #15c;
cursor: pointer;
text-decoration: none;
}
.lb-link:hover {
text-decoration: underline;
}
.lb-parent.active-pane .lb-content-outer-wrapper {
display: table;
}
/* For IE7, which doesn't support display:table */
*:first-child+html .lb-parent.active-pane .lb-content-outer-wrapper {
display: block;
margin-top: 50px;
}
.lb-parent.new-line {
clear: both;
}
.lb-parent.stack-left {
float: left;
}
.lb-parent.stack-right {
float: right;
}
.lb-parent.hide-navigation .lb-content-bottom-nav {
display: none;
}
.lb-parent.show-navigation .lb-content-bottom-nav {
display: block;
}
.lb-parent>.lb-content {
display: none;
}
/* Styles for print content. */
@media print {
/* Hide major nav elements. */
/* Elements in old UI */
.left_column,
.right_column,
/* New UI */
#gb,
.left-col-siblings,
.right-column,
.searchbox,
.yarnball,
.answer-features,
.footer-nav-streamlined > p,
.footer-nav-streamlined form.lang_dropdown,
.footer-nav-streamlined span,
.survey_invite,
.guide-buttons,
.bottom-gsg-buttons {
/* Since additional CSS styles are included after this section,
the only way to ensure content is hidden on print is to use the
!important mark. */
display: none !important;
}
/* Make text more legible. */
body {
font-size: 14px;
}
/* Fix page alignment. */
body.streamlined-header-1 .header-wrapper .logo-container {
position: static !important;
}
body.streamlined-header-1 div.header-bar {
display: block;
float: none;
padding: 0;
position: static;
}
body.streamlined-header-1 div.header-logo {
background-color: #fff;
border: none;
padding: 0;
}
.inner_content {
padding: 0 !important;
}
/* Remove most entries from footer. */
/* Show copyright. */
.footer-nav-streamlined .footer-copyright {
display: block !important;
}
.streamlined div.footer-nav-streamlined {
margin: 70px 0 0 0;
}
.streamlined div.footer-nav-streamlined p {
text-align: left;
}
}
/* Header */
table.header {
margin: .8em 0 0 .4em;
width: 99.3%;
}
html.ugc,
body.ugc,
body.ugc div.wrapper,
body.ugc table.layout,
body.ugc td.content,
body.ugc div.inner_content,
body.ugc tr.ugc_content {
height: 100%;
}
/* Fix for IE 7 pushing main content down when using OPTG left nav, GSG. */
body.ie7 div.new-leftnav,
body.ie7 div.gsg-body {
height: 1%;
}
/* Fix fof IE 7 and IE 8 not showing divs with hover on top of images. */
body.ie7 div.screenshot-element-inactive,
body.ie7 div.screenshot-element-active,
body.ie8 div.screenshot-element-inactive,
body.ie8 div.screenshot-element-active {
font-size: 1000px;
overflow: hidden;
}
html.ugc,
body.ugc {
overflow: hidden;
}
body.ugc div.inner_content,
body.ugc td.content,
body.ugc td.header_right {
padding: 0;
}
body.ugc td.header_right {
width: 1%;
white-space: nowrap;
}
body.ugc table.header {
width: none;
}
a.ugc_remove_frame {
text-decoration: none;
}
a.ugc_report_abuse {
color: #77c;
}
div.ugc_info {
float: left;
}
p.ugc {
margin: 0 0 2px;
padding: 0 0 0 10px;
}
p.ugc_legal {
color: #666;
font-size: 90%;
}
span.ugc_url {
color: #093;
}
td.ugc_back_link {
text-align: left;
padding: 3px 0 0 3px;
}
td.zzRatingDescription {
width: 100px;
}
span.ugc_zipit {
float: right;
margin-bottom: 1.2em;
}
span.ugc_zipit,
div.ugc_remove_frame {
text-align: right;
padding-right: 8px;
}
#outer-frame-separator {
border-bottom: 2px solid #404040;
border-top: 1px solid #a0a0a0;
clear: both;
font-size: 1px;
margin: 10px 0 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#frame-separator {
background: #eaeaea;
height: 3px
}
td.logo {
width: 150px;
}
img.logo {
border: none;
}
td.header_right {
vertical-align: top;
padding: .6em 0 0 .7em;
}
form.header_searchbox {
margin: 0 0 1em .4em;
white-space: nowrap;
}
form.header_searchbox div.searchbox_buttons {
display: inline;
}
div.header_bar {
clear: both;
margin: -.4em 0 .8em 0;
padding: .3em .6em;
background: #D3E1F9;
background: #ebeff9;
border-top: 1px solid #6b90da;
}
*html div.header_bar {
margin-right: .65em;
}
div.header_bar h1 {
margin: 0;
padding: 0;
font-size: 1.2em;
float: left;
white-space: nowrap;
}
body.rtl div.header_bar h1 {
float: right;
}
div.header_bar span.header_extra {
padding-top: .2em;
display: block;
float: right;
white-space: nowrap;
}
body.rtl div.header_bar span.header_extra {
float: left;
}
div.one_google {
padding: .4em .8em .2em 0;
margin-bottom: .2em;
text-align: right;
border-bottom: 1px solid #c9d7f1;
clear: both;
}
body.lang_ar div.one_google {
font-size: .8em;
}
*html div.one_google {
padding: .3em .65em .3em 0;
}
body.safari div.one_google {
padding-bottom: .35em;
}
body.rtl div.one_google {
padding: .4em 0 .2em .8em;
text-align: left;
}
p.breadcrumbs {
font-size: .85em;
margin-top: 1em;
}
body.ie7 p.breadcrumbs {
margin-top: 1.2em;
}
/* Header with no searchbox */
body.no_searchbox div.header_bar {
margin-left: .3em;
margin-right: 0;
}
body.no_searchbox td.header_right {
padding-top: 1em;
}
body.no_searchbox p.breadcrumbs {
margin-top: 0;
}
body.no_searchbox ul.leftnav,
body.no_searchbox ul.new-leftnav {
margin-top: 0;
}
/* Index page searchbox */
body.homepage_searchbox form.header_searchbox {
margin: 2em 0 0 0;
white-space: normal;
}
body.homepage_searchbox form.header_searchbox div.searchbox_buttons {
white-space: nowrap;
}
p.searchbox_desc {
margin: 0 0 .5em 0; padding: 0;
font-size: .85em;
color: #666;
}
/* Left Nav */
ul.leftnav {
margin: .25em 0 0 0;
padding: 0;
width: 138px;
list-style: none;
}
body.lang_ru ul.leftnav {
width: 160px;
}
ul.leftnav li {
margin: 0;
padding: 0 0 1em 0;
}
ul.leftnav li.on a {
color: #000;
text-decoration: none;
}
ul.leftnav li.nav_on a {
color: #000;
text-decoration: none;
font-weight: bold;
}
ul.leftnav li.nav_link_on a {
font-weight: bold;
}
ul.leftnav li.first {
border-top: 1px solid #ebeff9;
padding-top: 1em;
margin-top: .4em;
}
ul.leftnav li.leftnav_topics {
padding-left: 1em;
}
ul.leftnav li.forum a {
background: url(discussion.gif)
top right no-repeat;
padding-right: 20px;
}
/* Necessary to have the forum icon display correctly IE7. */
body.ie7 ul.leftnav li.forum a {
display: block;
float: left;
}
/* New Left Nav Experiment */
div.new-leftnav {
margin-left: 137px;
border-left: 1px solid #c9d7f1;
border-top: 1px solid #c9d7f1;
padding: 1em;
}
table.new-leftnav {
width: 100%;
}
body.lang_ru div.new-leftnav {
margin-left: 159px;
}
ul.new-leftnav {
border-top: 1px solid #c9d7f1;
float: left;
margin: 0;
padding: 0;
width: 138px;
list-style: none;
}
body.lang_ru ul.new-leftnav {
width: 160px;
}
ul.new-leftnav li {
background: none repeat scroll 0 0 #ebeff9;
border-bottom: 1px solid #c9d7f1;
border-left: 1px solid #c9d7f1;
border-right: 1px solid #c9d7f1;
padding: 0;
margin: 0;
}
ul.new-leftnav li.nav_link_on {
background: none repeat scroll 0 0 white;
border-right: 1px solid #fff;
}
ul.new-leftnav li a {
padding: 0.8em;
display: block;
text-decoration: none;
}
ul.new-leftnav li.on a {
color: #000;
text-decoration: none;
}
ul.new-leftnav li.nav_on a {
border-right: 1px solid white;
text-decoration: none;
font-weight: bold;
}
ul.new-leftnav li.nav_link_on a {
font-weight: bold;
}
ul.new-leftnav li a:hover {
background: #f4f4f4;
}
ul.new-leftnav li.nav_link_on a:hover {
background: #fff;
}
ul.new-leftnav li.leftnav_topics {
padding-left: 2em;
}
div.old-leftnav ul {
margin: .25em 0 0 0;
padding: 0;
width: 138px;
list-style: none;
}
div.old-leftnav li a {
padding: 0;
}
div.old-leftnav ul li {
background: none;
border: none;
padding: 0 0 0.6em 0.8em;
}
div.old-leftnav li.first {
background: none;
border: none;
padding-top: 1em;
margin-top: .4em;
}
/* Zippied left nav */
ul.leftnav li ul {
list-style: none;
padding: .5em 0 0 .3em;
}
ul.leftnav li ul li {
padding: 0 0 .6em 0;
}
/* Topics */
ul.topics {
margin: 0;
padding: 0;
}
ul.topics-columns {
float: left;
width: auto;
margin-right: 2em;
}
ul.topics-answers {
margin-top: .5em;
}
body.rtl ul.topics {
float: right;
}
ul.topics h2 {
margin-top: 0;
padding-top: 0;
font-size: 1.2em;
display: inline;
}
ul.topics h3 {
margin: 1.5em 0 .4em;
padding: 0 0 .4em;
color: #666;
}
ul.topics ul {
list-style: none;
padding: 0; margin: 0;
}
ul.topics ul ul {
margin-left: 1.3em;
padding-left: 0;
list-style: none outside;
}
ul.topics li.title {
list-style: none;
margin-bottom: 1em;
}
/* KBs under parent topic */
ul.topics li.topiclist_kb {
margin: 0 0 .5em;
}
/* KBs under one topic */
ul.topics li.title li.topiclist_kb {
margin: 0 0 .5em;
}
/* Subtext */
ul.topics ul li p {
margin: 0;
color: #666;
}
/* Subtopic */
ul.topics li.topiclist_topic {
list-style: none;
font-weight: bold;
margin: 2em 0 2em 0;
}
ul.topics li.topic_icon,
ul.topics li.answer_icon {
background-repeat: no-repeat;
}
ul.topics li.topic_icon h3,
ul.topics li.answer_icon {
padding-left: 22px;
}
ul.homepagetopics li.answer_icon_homepage {
background-repeat: no-repeat;
padding-left: 22px;
}
/* KBs under subtopics */
ul.topics li.title li.title li.topiclist_kb {
margin-left: 0;
}
ul.topics ul.topiclist_section li.topic_icon,
ul.topics ul.topiclist_section li.answer_icon {
background-repeat: no-repeat;
list-style: none;
padding-left: 22px;
}
/* Subsubtopics */
ul.topics ul.topiclist_section {
padding: 0;
margin: 0;
}
ul.topics li.topiclist_subsubtopics {
list-style: none;
margin: 0 0 .5em;
}
p.topics_footer {
margin: 2em 0 1em 1em;
}
/* Homepage Topics */
ul.homepagetopics {
margin: 1.5em 2em 0 0;
padding: 0 1.5em 0 0;
float: left;
width: 19em;
}
body.rtl ul.homepagetopics {
float: right;
}
ul.homepagetopics li.title {
margin-bottom: 0;
list-style: none;
}
ul.homepagetopics li.title h3 {
margin: 0 0 .4em;
padding: 0 0 .4em;
font: bold 13px/14px Arial;
}
ul.homepagetopics li ul {
margin: 0;
padding: 0;
}
ul.homepagetopics li ul li {
padding: 0;
margin: 0 0 .5em;
list-style: none;
}
/* Special spacing for IE7 to line up icons in mobile help page. */
body.ie7 ul.homepagetopics li ul li {
padding-bottom: 4px;
}
body.rtl ul.homepagetopics li ul {
margin: 0; padding: 0;
list-style: none;
}
body.rtl ul.homepagetopics li ul li {
padding: 0;
margin: 0 0 .5em;
background: none;
}
body.rtl ul.homepagetopics li ul li.answer_icon_homepage {
background-position: top right;
background-repeat: no-repeat;
margin: 0 0 .5em;
padding-right: 22px;
}
.new-ui ul.homepagetopics li.title h3 {
padding: 0;
margin: .7em 0 1em;
}
.new-ui ul.homepagetopics li.title ul {
padding: 0 0 .5em;
margin: 0;
}
/* Special spacing for IE7 to line up icons in mobile help page. */
body.ie7 .new-ui ul.homepagetopics li.title h2 {
margin-top: .1em;
}
/* Answer page */
div.answer-heading {
margin: .5em 0 1em 0;
}
h2.answer-title {
color: #222;
display: inline;
float: left;
font: 20px/24px Arial;
margin: 0;
padding: 0 .5em 0 0;
}
/* Actions buttons (print, share). */
.answer-features {
margin: 30px 0 0 0;
}
.answer-features > .button {
display: inline-block;
height: 20px;
vertical-align: top;
width: 30px;
}
.answer-features > .button.plus-one {
width: 60px;
}
.print {
background:
url(hc_icon_share_print_global.gif)
no-repeat center center;
}
.share {
background:
url(hc_icon_share_share_global.gif)
no-repeat center center;
cursor: pointer;
position: relative;
}
#share-links {
background: #fff;
border: 1px solid #ccc;
bottom: 100%;
display: none;
left: 0;
padding: 10px;
position: absolute;
}
body.rtl #share-links {
right: 0px;
}
#share-links ul {
list-style: none;
margin: 1em 0 0 0;
padding: 0;
}
#share-links ul li {
background-repeat: no-repeat;
padding: 0 0.6em 0.8em 24px;
}
#share-links .icon-close {
cursor: pointer;
float: right;
}
body.lang_kr i,
body.lang_kr em {
color: grey;
font-style: normal;
}
body.rtl h2.answer-title {
float: right;
}
/* Footer */
div.footer-nav {
margin: .9em;
border-top: 1px solid #dee7f7;
text-align: center;
padding: 1em 0 0 0;
}
div.footer-nav p {
text-align: center;
color: #666;
display: inline;
}
div.footer-nav div {
margin-top: .5em;
}
form.lang_dropdown {
display: inline;
margin: 0; padding: 0;
}
form.lang_dropdown select {
font-size: .9em;
}
/* Wrapper */
p.footer_contact,
p.footer_nav,
table.survey_invite {
clear: both;
font-size: 1em;
}
table.survey_invite {
font-size: 1.2em;
}
div.answer-heading {
overflow: hidden;
}
*html div.answer-heading {
overflow: visible;
display: inline-block;
}
table.layout {
width: 100%;
}
td.left_column {
vertical-align: top;
padding: 0 10px 0 1em;
width: 138px;
}
*html td.left_column {
width: 151px;
}
body.ie7 td.left_column {
width: 155px;
}
td.content {
padding: 0 .75em 0 0;
vertical-align: top;
line-height: 1.5em;
}
body.search_page td.content {
padding-left: .6em;
}
body.show_leftnav {
padding: 0;
}
td.right_column {
vertical-align: top;
padding: .3em .65em 0 1em;
width: 230px;
}
.right-column div.module,
.right_column div.module {
width: 230px;
}
.skiplink {
position: absolute;
top: -9999px;
}
.skiplink:focus {
left: 0;
position: absolute;
top: 0;
}
ul.tabs {
border-bottom: 3px solid #c3d9ff;
margin: 1em 0 1em 0;
padding: 0 0 .2em 0;
}
ul.tabs li {
background: #e5ecf9;
display: inline;
list-style: none;
margin: 0 0 0 .5em;
padding: .2em 1em;
}
ul.tabs li.selected {
background: #c3d9ff;
}
ul.tabs li.selected a {
color: #000;
text-decoration: none;
font-weight: bold;
}
body.new_topic_layout ul.topics {
margin-top: 1em;
}
body.new_topic_layout ul.topics h3,
body.new_topic_layout ul.topics li.topiclist_kb,
body.new_topic_layout ul.topics li.topiclist_subsubtopics,
body.new_topic_layout ul.topics li.topiclist_topic {
list-style: none;
margin: 0;
padding: 0;
border-bottom: 1px solid #ebeff9;
font-weight: normal;
}
body.new_topic_layout ul.topics h3 {
font-weight: bold;
padding: .5em 0 .6em .5em;
}
body.new_topic_layout ul.topics li.topiclist_subsubtopics {
padding-left: 0;
}
body.new_topic_layout ul.topics ul,
body.new_topic_layout ul.topics ul ul {
margin-left: 0;
}
body.new_topic_layout ul.topics a {
display: block;
padding: .5em 0 .6em .5em;
text-decoration: none;
white-space: nowrap;
overflow: hidden;
}
body.new_topic_layout ul.topics a:hover {
background: #f8f9fc;
}
body.new_topic_layout ul.topics a span.answer_link,
body.new_topic_layout ul.topics a span.topic_link {
text-decoration: underline;
}
ul.topics span.answer_text,
ul.topics span.topic_text {
overflow: hidden;
color: #666;
font-weight: normal;
}
body.new_topic_layout table.layout {
table-layout: fixed;
width: 100%;
padding-right: 1.5em;
}
.last-updated {
text-align: right;
font-size: xx-small;
color: #777;
}
.last_updated_ki {
text-align: left;
}
div.answer_preview {
display: none;
position: fixed;
width: 50%;
height: 32%;
overflow: auto;
z-index: 10;
background: white;
border: 1px solid;
padding: 2px 2px 2px 8px;
}
/* Pretty table css (paginated, sorted and filterable table */
.goog-inline-block {
display: inline-block;
}
.pretty-table {
border: 1px solid #ebebeb;
border-top: none;
border-collapse: collapse;
margin: 10px 0 17px;
width: 100%;
}
.pretty-table th {
background: #484848;
color: white;
font-size: 14px;
font-weight: normal;
white-space: nowrap;
}
.pretty-table tr:nth-of-type(even) {
background: #f5f5f5;
}
.pretty-table th,
.pretty-table td {
border: 1px solid #ebebeb;
border-top: none;
margin: 0;
padding: 8px 10px 9px;
}
.pretty-table p {
margin: 0 5px;
}
.pretty-table-tools {
display: none;
padding-bottom: 2px;
}
.pretty-table-tools input[type="text"] {
line-height: 27px;
height: 27px;
}
.pretty-table-tools .subtext {
color: #666;
font-size: 13px;
white-space: nowrap;
}
.pretty-table-pagination {
display: inline;
float: right;
}
.rtl .pretty-table-pagination {
float: left;
}
.pretty-table-container .pretty-tabs {
border-bottom: 3px solid #484848;
/* 20px Gives this plenty of space below the title, and the -12px brings up
* the table below flush with the tabs. 1px prevents horizontal overflow. */
margin: 20px 1px -12px;
padding: 0;
}
.pretty-table-container .pretty-tabs li {
background: #e5e5e5;
display: inline;
list-style: none;
margin: 0 0 0 .5em;
padding: .2em 1em;
}
.pretty-table-container .pretty-tabs .selected {
background: #484848;
}
.pretty-table-container .selected a {
color: white;
font-weight: bold;
text-decoration: none;
}
/* End pretty table */
/* CSE Search Results */
ul.search_results {
margin: 0 0 0 1em; padding: 0;
}
li.cse_search ul{
padding: 0 0 0 2em; margin: 0;
}
ul.search_results li, li.cse_search ul li{
list-style: none;
padding: 1em 0 0 0; margin: 0;
}
ul.search_results h3{
font-size: 1.2em;
font-weight: normal;
margin: 0; padding: 0;
}
ul.search_results p a.topic-link {
color: #093;
font-weight: normal;
}
.comm_search_entry {
margin-left: 30px;
}
a.cse_result{
font-size: 1.2em;
}
h2.cse_result {
font-size: 1.2em;
font-weight: normal;
margin:0;
padding:0;
}
h2.cse_result a.topic-link {
font-weight: normal;
}
.cse_search{
border: 0px solid #ccc;
padding: 0px 25px 25px 0;
margin: 25px 0 10px 0;
}
.result_pages{
margin-top: 2em;
text-align: center;
padding: 1em;
word-spacing: .3em;
}
.result_pages span{
word-spacing: normal;
}
.cse_labels{
margin: 0; padding: 0;
}
.cse_labels a, .cse_labels a:visited, .cse_labels span{
word-spacing: normal;
color: #666;
}
#maplink{
display:block;
margin-top: 1em;
}
#errortxt{
display:block;
}
.search-error-suggestion {
font-weight: bold;
margin-top: 0;
}
.cse_note a.light, .cse_note a.light:visited{
color:#77c;
text-decoration: underline;
}
a.light, a.light:visited{
color:#77c;
}
.url{
color: #093;
margin: 0; padding: .2em 0 0;
}
.back_to_browse{
display: block;
margin-top: 2em;
}
.curr_page{
border-bottom: 1px solid #ccc;
margin-bottom: 1em;
text-align: right;
padding: 0;
}
.searchbox_form{
margin:0 0 1em 0; padding:0;
}
.footer_searchbox_form{
margin-top: 2em;
text-align: center;
}
.footer_searchbox_form table{
margin: 0 auto;
}
.cse_note, span.cse_note, span.cse_note a, span.cse_note a:visited,
span.cse_note a:link, .search_results .url a:link,
.search_results .url a:visited {
color: #093;
font-weight: normal;
}
.cse_lang_msg{
padding: 0 0 1em 0;
}
.cse_next, .cse_previous{
font-weight: bold;
font-size: 1.2em;
}
.sus_links{
padding:5px;
border:1px solid #CCC;
background-color:#EDF9E6;
width: 39em;
margin-top: 1em;
}
div.sus_links_exp {
margin: 0 0 0 1em;
background-color: white;
border: 0px;
padding: 0;
width: 45em;
}
div.sus_links_exp a {
font-size: 1.2em;
font-weight: normal;
}
li.more_results_link {
padding-top: 0 !important;
}
.cse_error_text {
color: #cc0033;
}
p.cse_suggestion {
font-size: 1.2em;
}
p.cse_custom_suggest {
margin-top: 2em;
background: url(bulb.gif) no-repeat 0 0;
padding-left: 24px;
font-weight: bold;
}
p.snippet {
margin: 0;
padding: .2em 0 0;
}
h4.cse_result {
margin: 0;
padding: 0;
font-size: 1.2em;
font-weight: normal;
}
/* Gooooogle */
#navbar {
direction: ltr;
}
.n a, .n a:visited {
color:#000
}
.ts td, .tc {
padding:0
}
.ts, .tb {
border-collapse:collapse
}
.ti, .bl {
display:inline
}
.ti {
display:inline-table
}
.f, .m {
color:#666
}
.flc, a.fl {
color:#77c
}
.w, .q:visited, .q:active, .q, .b a, .b a:visited, .mblink:visited {
color:#00c
}
.t {
background:#d5ddf3;
color:#000;
padding:5px 1px 4px
}
.bb {
border-bottom:1px solid #36c
}
.bt {
border-top:1px solid #36c
}
.j {
width:34em
}
.h {
color:#36c
}
.i2 {
color:#a90a08
}
.a2 {
color: #093
}
.z {
display:none
}
div.n {
margin-top:1ex
}
.n a, .n .i2 {
font-size:10pt
}
.n .i2, .b a {
font-weight:bold
}
.b a {
font-size:12pt;
}
.b span {
line-height: normal;
}
.b {
padding-right: .8em;
}
.b #np {
margin-right: -.7em;
}
*html .b {
padding-right: 0;
}
*html .b #np {
margin-right: 0;
}
#np, #nn, .nr, #logo span, .ch {
cursor:pointer;
cursor:hand
}
.ta {
padding:3px 3px 3px 5px
}
#tpa2, #tpa3 {
padding-top:9px
}
.sl, .r {
display:inline;
font-weight:normal;
margin:0
}
.sl {
font-size:84%
}
.r {
font-size:100%
}
.e {
margin:.75em 0
}
.m {
font-size:84%
}
.sm {
display:block;
margin:0;
margin-left:40px
}
.slk td {
padding-top:5px;
padding-left:40px;
vertical-align:top;
font-size:84%
}
.slk div {
text-indent:-10px;
padding-left:10px
}
.csb, .n div, #logo span {
background:url(nav_logo3.png) no-repeat;
height:26px;
overflow:hidden
}
.n .nr {
background-position:-60px 0;
width:16px
}
#np {
width:44px
}
#nf {
background-position:-26px 0;
width:18px
}
#nc {
background-position:-44px 0;
width:16px
}
#nn {
margin-right:34px;
width:66px
}
#nl {
width:46px
}
#nn, #nl {
background-position:-76px 0
}
#logo {
display:block;
height:52px;
margin:13px 0 7px;
overflow:hidden;
position:relative;
width:150px
}
#logo span {
background-position:0 -26px;
height:100%;
left:0;
position:absolute;
top:0;
width:100%
}
.ss {
background:url(nav_logo3.png) no-repeat;
background-position:0 -87px;
display:block;
left:0;
overflow:hidden;
position:absolute;
top:0
}
.cps {
overflow:hidden;
height:18px;
width:114px
}
.mbi {
display:block;
font-size:0;
width:12px;
height:12px;
background-position:-114px -78px;
margin-right:2px
}
.mblink {
font-size:100%
}
.g {
margin:1em 0
}
#sd {
font-size:84%;
font-weight:bold
}
#ap {
font-size:64%
}
.gl a, .gl a:visited {
color: #36c;
text-decoration:none;
}
.gl a:hover {
text-decoration: underline
}
div.footer_searchbox_form {
padding: 2em 0 1em 0;
background: #e5ecf9;
border-top: 1px solid #6b90da;
border-bottom: 1px solid #6b90da;
margin-bottom: 1em;
}
body.branded div.footer_searchbox_form {
border: none;
background: none;
}
ul.top_labels {
margin: 0; padding: 0;
}
ul.top_labels li {
list-style: none;
display: inline;
margin-right: 1em;
}
p.top_labels_text {
font-size: 1.2em;
margin-bottom: .2em;
}
body.search_page p.footer_nav {
border-top: none;
}
body.search_page div.header_bar {
margin-bottom: 0;
}
p.cse-back-link {
margin: .5em 0 0 1em;
font-weight: bold;
}
@import url("http://fonts.googleapis.com/css?family=Open+Sans");
/* Header CSS */
body.streamlined.no-streamlined-header div.header_bar.thick {
background: url(mgc-body-toolbar-bg.png) repeat-x 0 -22px;
border-top: 0;
height: 80px;
margin: -75px 0 10px 0;
padding: 0;
vertical-align: text-bottom;
z-index: 0;
}
body.streamlined.no-streamlined-header .mgc,
body.streamlined.no-streamlined-header .mgc-background,
body.streamlined.no-streamlined-header div#gb,
body.streamlined.no-streamlined-header div#guser,
body.streamlined.no-streamlined-header div#gbar {
background-color: #fff;
}
body.streamlined.no-streamlined-header div.header_bar.thick h1 {
padding-left: 40px;
padding-top: 67px;
color: white;
vertical-align: text-bottom;
display: none;
}
body.streamlined-1.no-streamlined-header .logo {
height: 60px;
padding-left: 0;
}
/* Global content CSS */
body.streamlined td.left_column.left-empty {
border: none;
}
body.streamlined .centered {
margin-left: 6em;
}
/* Homepage sections CSS */
body.ltr.streamlined div.homepage-header {
background: no-repeat 0 0;
margin: 16px 6px 6px 6px;
padding: 0 10px 6px 41px;
}
body.rtl.streamlined div.homepage-header {
background: no-repeat 100% 0;
margin: 16px 6px 6px 6px;
padding: 0 41px 6px 10px;
}
body.streamlined div.homepage-header a,
body.streamlined div.homepage-header a.zippy,
body.streamlined div.homepage-header a.zippy * {
text-decoration: none;
}
body.streamlined div.homepage-header h3 {
font-size: 18px;
}
body.streamlined div.homepage-header a.zippy-collapse {
background: url(zippy_plus_sm.gif) no-repeat 2px 5px;
}
body.streamlined div.homepage-header a.zippy-expand {
background: url(zippy_minus_sm.gif) no-repeat 2px 5px;
}
body.streamlined div.homepage-header.buffer {
margin-bottom: 64px;
}
body.streamlined div.homepage-header.fix {
background-image: url(http://www.google.com/images/icons/feature/screwdriver_wrench-32.gif);
}
body.streamlined div.homepage-header.forum {
background-image: url(http://www.google.com/images/icons/product/discussions-32.gif);
}
body.streamlined div.homepage-header.learn-more {
background-image: url(http://www.google.com/images/icons/feature/chalkboard_q-y32.png);
}
body.streamlined div.homepage-header.search {
background-image: url(http://www.google.com/images/icons/search-32.gif);
}
body.streamlined div.homepage-header .subtext {
margin-top: -1.4em;
color: #666;
}
body.streamlined div.homepage-header.other a h3,
body.streamlined div.homepage-header.other .subtext,
body.streamlined div.homepage-header.search h3,
body.streamlined div.homepage-header.search div.search-holder {
padding-left: 20px;
}
body.streamlined div.homepage-header div ul.indexpage-topic li.answer_icon {
background-position: 0 6px;
background-repeat: no-repeat;
padding-left: 22px;
}
/* Other Homepage specific CSS */
body.streamlined.no-streamlined-header .index_page div.header_bar.thick {
margin-bottom: 0;
}
body.streamlined.no-streamlined-header .index_page #searchform {
margin-top: -1.8em;
}
/* Search Box CSS */
body.streamlined.no-streamlined-header table#search-box-table {
border: 0;
padding: 8px 0 0;
position: relative;
}
body.streamlined.no-streamlined-header td#search-box-cell {
background: #fff;
border-top: 1px solid #999;
border-left: 0;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ddd;
}
body.streamlined.no-streamlined-header td#search-box-cell div {
position: relative;
zoom: 1;
}
body.streamlined.no-streamlined-header .search-box {
-moz-box-sizing: content-box;
background: #fff;
border-width: 0 0 0 1px;
color: #000;
float: left;
font: 17px arial, sans-serif;
height: 26px;
padding: 4px 0 0 6px;
vertical-align: top;
width: 350px;
}
body.streamlined.no-streamlined-header .search-button-div {
background: #eee;
border: 1px solid #ccc;
border-left: 0;
border-bottom-color: #999;
height: 30px;
position: relative;
z-index: 100;
}
body.streamlined.no-streamlined-header .search-button {
-moz-box-sizing: content-box;
background: url(http://www.google.com/images/nav_logo36.png) no-repeat;
background-position: bottom;
border: none;
color: #000;
cursor: pointer;
font: 15px arial, sans-serif;
height: 30px;
margin: 0;
overflow: hidden;
vertical-align: top;
}
body.streamlined.no-streamlined-header .search-box:focus {
outline: none;
}
body.streamlined.no-streamlined-header .search-table {
width: 350px;
}
body.streamlined.no-streamlined-header .index_page .search-table {
width: 526px;
}
body.streamlined.no-streamlined-header #searchform {
margin-top: -0.6em;
margin-left: -2px;
padding-left: -5em;
}
/* Dropdown Selector CSS */
body.streamlined .dropdown-intro {
margin-left: 20%;
margin-top: 9px;
float: left;
white-space: nowrap;
}
body.streamlined .dropdown-selector {
float: left;
padding-left: 5px;
margin-top: -12px;
white-space: nowrap;
}
body.streamlined .homepage-dropdown {
white-space: nowrap;
}
/* Streamlined 3 */
body.streamlined-3 .main-content-container {
/* Max width is defined as 700px for the content area,
~180px for the left nav and 230px for the right nav
at their respective maximums. */
max-width: 1110px;
width: 100%;
}
body.streamlined-3 .content {
min-width: 280px;
}
.blank-li {
list-style: none;
}
body.streamlined-3 .content-area {
margin-left: 12px;
}
body.streamlined-3 div.homepage-header h3 {
color: #333;
font-weight: normal;
font-size: 20px;
margin-top: 6px;
}
body.streamlined-3 .homepage-header .selected {
background-color: #edf4ff;
border: 1px solid #c0d4ef;
-webkit-border-radius: 4px 4px;
-moz-border-radius: 4px 4px;
border-radius: 4px 4px;
}
body.streamlined-3 .homepage-header li.selected {
border-right: none;
-webkit-border-bottom-right-radius: 0;
-moz-border-bottom-right-radius: 0;
border-bottom-right-radius: 0;
-webkit-border-top-right-radius: 0;
-moz-border-top-right-radius: 0;
border-top-right-radius: 0;
}
body.streamlined-3 .homepage-header li.selected a,
body.streamlined-3 .homepage-header li.selected a:link,
body.streamlined-3 .homepage-header li.selected a:visited {
border-right: none;
}
body.streamlined-3 div.homepage-header .subtext {
color: #666;
font-size: 13px;
margin-top: -12px;
}
body.streamlined-3 div.homepage-header.learn-more {
background-image: url(hc_icon_intent_how_global.gif);
margin-top: 16px;
}
body.streamlined-3 div.homepage-header.fix {
background-image: url(hc_icon_intent_fix_global.gif);
}
body.streamlined-3 div.homepage-header div ul.indexpage-topic {
z-index: 1;
}
body.streamlined-3 li.selected a,
body.streamlined-3 li.selected a:link
body.streamlined-3 li.selected a:visited {
color: #222;
}
body.streamlined-3 div.homepage-header div ul.indexpage-topic li.answer_icon {
background-position: 6px 5px;
padding-left: 30px;
}
/* Hompage Left Nav */
.left-nav-placeholder, .left-col-no-mod {
/* The width of these two should always match. */
width: 24px;
}
.left-col-no-mod {
padding-left: 111px;
position: relative;
}
.left-col-module {
padding-left: 33px;
vertical-align: top;
width: 168px;
}
body.ltr .left-col-module {
padding-left: 33px;
}
body.rtl .left-col-module {
padding-right: 33px
}
.left-mod-container {
background-color: #f5f5f5;
line-height: 18px;
margin-top: -3px;
padding: 25px 15px 1px 9px;
width: 144px;
}
.left-mod-title {
color: #333;
font-size: 16px;
font-weight: normal;
margin: 0;
}
.left-mod-subtitle {
color: #666;
font-size: 12px;
margin: 10px 0 0 0;
}
.left-hp-mod {
list-style: none;
margin-top: 3px;
padding: 0;
}
body.ie7 .left-hp-mod {
margin-left: 0;
}
.left-mod-link {
padding-top: 5px;
}
.left-mod-link a,
.left-mod-link a:link,
.left-mod-link a:visited {
color: #15c;
font-size: 12px;
text-decoration: none;
}
/* Sibling left nav */
td.left-col-siblings {
font-size: 12px;
vertical-align: top;
}
.left-col-siblings, .sibling-leftnav-title {
/* These two should always have the same width
to ensure that the leftnav doesn't ever collapse. */
width: 194px;
}
.sibling-leftnav-title a,
.leftnav-sibling a,
.leftnav-sibling.current {
display: block;
line-height: 17px;
padding: 7px 16px 7px 40px;
}
body.rtl .sibling-leftnav-title a,
body.rtl .leftnav-sibling a,
body.rtl .leftnav-sibling.current {
padding: 7px 40px 7px 16px;
}
.sibling-leftnav-title a,
.leftnav-sibling a {
border-left: 4px solid #fff;
}
.leftnav-sibling.current {
border-left: 4px solid #dd4b39;
}
body.rtl .sibling-leftnav-title a,
body.leftnav-sibling a {
border-left: 0;
border-right: 4px solid #fff;
}
body.rtl .leftnav-sibling.current {
border-left: 0;
border-right: 4px solid #dd4b39;
}
.sibling-leftnav-title {
margin: 29px 0 0 0;
}
.sibling-leftnav-title a {
padding-bottom: 4px;
}
.sibling-leftnav-title a:hover {
background: url(hc_icon_back_global.png) no-repeat 30px 9px;
}
.rtl .sibling-leftnav-title a:hover {
background-image: url(hc_icon_fwd_global.png);
background-position: 97% 10px;
}
.sibling-leftnav-subtext {
color: #999;
margin-top: 0;
padding-left: 44px;
}
.leftnav-siblings {
list-style: none;
margin: 15px 0 15px 0;
padding-left: 0;
}
.rtl .leftnav-siblings {
padding-right: 0;
}
li.leftnav-sibling a,
li.leftnav-sibling a:link,
li.leftnav-sibling a:visited,
li.leftnav-sibling a.zippy *,
li.leftnav-sibling a.zippy:link *,
li.leftnav-sibling a.zippy:visited *,
h4.sibling-leftnav-title a,
h4.sibling-leftnav-title a:link,
h4.sibling-leftnav-title a:visited {
color: #666;
text-decoration: none;
margin-top: 0;
}
li.leftnav-sibling a:hover,
h4.sibling-leftnav-title a:hover {
color: #333;
}
.sibling-leftnav-title a:hover,
.leftnav-sibling a:hover {
background-color: #eee;
border-left: 4px solid #eee;
}
body.rtl .sibling-leftnav-title a:hover,
body.rtl .leftnav-sibling a:hover {
border-right: 4px solid #eee;
border-left: 0;
}
li.leftnav-sibling.current,
li.leftnav-sibling.current a:link,
li.leftnav-sibling.current a:visited {
color: #d14836;
font-weight: bold;
}
.leftnav-subsibling {
list-style: none;
margin: 0;
padding: 0;
}
.leftnav-subsibling a,
.leftnav-subsibling .current {
padding-left: 13px;
margin: 1px 0 0 45px;
}
.leftnav-subsibling .leftnav-sibling {
margin-top: 4px;
}
.leftnav-subsibling a {
border-left: 4px solid #e5e5e5;
}
.leftnav-subsibling .current,
li.leftnav-sibling .parent-current,
li.leftnav-sibling .parent-current a:hover {
border-left: 4px solid #dd4b39;
}
li.leftnav-sibling a:link.parent-current span {
color: #222;
}
.leftnav-subsibling .leftnav-sibling.current,
.leftnav-subsibling .leftnav-sibling a {
padding-top: 4px;
padding-bottom: 4px;
}
.rtl .leftnav-subsibling a,
.rtl .leftnav-subsibling .current {
padding-right: 35px;
padding-left: 0px;
}
.leftnav-subsibling .leftnav-sibling:first-child {
margin-top: 0;
}
.leftnav-sibling .zippy-collapse, .leftnav-sibling .zippy-expand {
background-image: none;
}
/* Left and right nav zippies. */
.leftnav-sibling .zippy-collapse,
.right-column .zippy-collapse {
background-image: url(hc_icon_zippy_alt_collapsed.png);
background-position: 27px 10px;
}
.leftnav-sibling .zippy-expand,
.right-column .zippy-expand {
background-image: url(hc_icon_zippy_alt_expanded.png);
background-position: 25px 12px;
}
.right-column .zippy-collapse {
background-position: 8px 11px;
}
.right-column .zippy-expand {
background-position: 5px 12px;
}
.right-column a.zippy,
.right-column a.zippy * {
text-decoration: none;
}
.right-column a.zippy {
color: #666;
margin-left: -19px;
}
.right-column a.zippy:hover {
text-decoration: underline;
}
/* Left and right nav topic links. */
.streamlined-3 .leftnav-siblings .topic-link span,
.streamlined-3.topic_page .topics .topic-link {
background: url(hc_iconsm_more_global.png) no-repeat 100% 2px;
padding-right: 17px;
}
.streamlined-3 .leftnav-siblings .topic-link span {
background-position: 100% 1px;
}
/* Right nav */
body.streamlined-3 .right-column .module h2 {
color: #222;
font-size: 13px;
font-weight: bold;
margin-bottom: -2px;
margin-left: -8px;
padding-top: 6px;
}
body.streamlined-3 .right-column {
padding-top: 14px;
vertical-align: top;
}
body.rtl.streamlined-3 .module {
padding: 0 8px 0 0;
}
body.rtl.streamlined-3 .module h2 {
margin: 0;
padding-right: 0;
}
body.rtl div.module ul.no_bullets {
padding: 0;
margin: 0;
}
body.streamlined-3 .right-column a:link {
text-decoration: none;
}
body.streamlined-3 .right-column li > a:hover {
text-decoration: underline;
}
body.streamlined-3 .right-column,
body.streamlined-3 .right-column .p13n_box3,
body.streamlined-3.modules_widescreen div.module {
width: 230px;
}
body.streamlined-3 .module ul.combo-mod li {
min-height: 0;
padding: 0;
}
body.streamlined-3.index_page .right-column {
padding-top: 7px;
}
body.streamlined-3 .right-column .module {
margin-top: 16px;
}
body.streamlined-3.index_page .right-column .module {
margin-top: 8px;
}
/* Promos */
.p13n_box3.top {
margin-top: -12px;
}
.index_page .p13n_box3.top {
margin-top: -2px;
}
/* Product selector */
body.ltr.streamlined-3 .content-area.product-selector-content-area {
margin-left: -7px;
}
body.rtl.streamlined-3 .content-area.product-selector-content-area {
margin-right: -7px;
}
body.ltr.streamlined .homepage-header.product-selector-explore {
margin-left: 0;
padding-left: 0;
}
body.rtl.streamlined .homepage-header.product-selector-explore {
margin-right: 0;
padding-right: 0;
}
.product-selector-container {
clear: both;
margin: -11px 0 0 0;
min-width: 250px;
position: relative;
}
.product-selector-row {
display: table-row;
}
.product-selector-cell {
background-position: 0 0;
background-repeat: no-repeat;
background-size: 24px;
display: inline;
float: left;
margin-left: 14px;
padding-left: 36px;
width: 230px;
}
body.rtl .product-selector-cell {
background-position: right 0;
float: right;
margin-right: 14px;
padding-right: 36px;
}
.product-selector-name .subtext {
color: #666;
font-size: 13px;
margin-top: 0;
}
.product-selector-container a {
text-decoration: none;
}
.product-selector-container a:hover {
text-decoration: underline;
}
/* Kennedy footer */
.footer-nav-streamlined {
border-top: 1px solid #ebebeb;
color: #666;
margin: 70px 44px 32px 44px;
padding: 12px 0 0 0;
white-space: nowrap;
}
.footer-nav-streamlined a,
.footer-nav-streamlined a:link,
.footer-nav-streamlined a:visited {
color: #666;
text-decoration: none;
}
.footer-nav-streamlined a:active {
color: #d14836;
}
.footer-nav-streamlined a:hover {
text-decoration: underline;
}
.footer-nav ul,
.footer-nav-streamlined ul {
list-style: none;
margin: 0 0 6px 0;
padding: 0;
}
.footer-nav li,
.footer-nav-streamlined li {
display: inline;
}
.footer-nav li + li:before,
.footer-nav-streamlined li + li:before {
content: ' - ';
}
/* Add spacing in IE7 (which doesn't support content:) */
.ie7 .footer-nav li {
padding-right: 2em;
}
/* Guide answer page */
.answer-title.guide {
padding: 0 83px 0 0;
}
.rtl .answer-title.guide {
padding: 0 0 0 83px;
}
.guide-title {
color: #dd4b39;
font-size: 16px;
font-weight: normal;
margin: 3px 0 8px 0;
}
.ff .guide-title {
margin-top: 16px;
}
.guide-buttons {
margin-top: -13px;
text-align: right;
}
body.topic_page .guide-buttons {
clear: both;
margin: -48px 0 11px 0;
}
.rtl .guide-buttons {
text-align: left;
}
.guide-buttons a {
background-color: #f5f5f5;
background-image: -webkit-linear-gradient(top, #f5f5f5, #f1f1f1);
background-image: -moz-linear-gradient(top, #f5f5f5, #f1f1f1);
background-image: -ms-linear-gradient(top, #f5f5f5, #f1f1f1);
background-image: -o-linear-gradient(top, #f5f5f5, #f1f1f1);
background-image: linear-gradient(top, #f5f5f5, #f1f1f1);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5', EndColorStr='#f1f1f1');
border: 1px solid #dcdcdc;
color: white;
cursor: pointer;
display: inline-block;
font-family: Arial, sans-serif;
font-size: 11px;
font-weight: bold;
height: 31px;
min-width: 24px;
padding: 0 8px 0 8px;
position: relative;
text-align: center;
width: 24px;
-moz-user-select: none;
}
.guide-buttons a:hover {
border: 1px solid #c6c6c6;
color: #222;
background-color: #f8f8f8;
background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f1f1f1));
background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: -moz-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: -ms-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: -o-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: linear-gradient(top, #f8f8f8, #f1f1f1);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8f8f8', EndColorStr='#f1f1f1');
}
.guide-buttons a:active {
background-color: #f6f6f6;
background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#f1f1f1));
background-image: -webkit-linear-gradient(top, #f6f6f6, #f1f1f1);
background-image: -moz-linear-gradient(top, #f6f6f6, #f1f1f1);
background-image: -ms-linear-gradient(top, #f6f6f6, #f1f1f1);
background-image: -o-linear-gradient(top, #f6f6f6, #f1f1f1);
background-image: linear-gradient(top, #f6f6f6, #f1f1f1);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f6f6f6', EndColorStr='#f1f1f1');
-webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
border: 1px solid #c6c6c6;
color: #333;
}
.ltr .guide-back {
border-right-color: transparent;
margin-right: 0;
-webkit-border-radius: 2px 0 0 2px;
-moz-border-radius: 2px 0 0 2px;
border-radius: 2px 0 0 2px;
}
.ltr .guide-forward {
-webkit-border-radius: 0 2px 2px 0;
-moz-border-radius: 0 2px 2px 0;
border-radius: 0 2px 2px 0;
margin-left: -5px;
}
.rtl .guide-back {
border-left-color: transparent;
-webkit-border-radius: 0 2px 2px 0;
-moz-border-radius: 0 2px 2px 0;
border-radius: 0 2px 2px 0;
margin-left: 0;
}
.rtl .guide-forward {
-webkit-border-radius: 2px 0 0 2px;
-moz-border-radius: 2px 0 0 2px;
border-radius: 2px 0 0 2px;
margin-right: -5px;
}
.guide-buttons img {
margin-top: 5px;
opacity: 0.5;
}
.bottom-gsg-buttons {
clear: both;
margin: -23px 0 20px 0;
}
.answer-subtext {
font: 16px/20px Arial;
color: #666;
margin-top: 10px;
}
/* New bubble styles */
.streamlined-3 .indexpage-topic {
list-style: none;
max-width: 348px;
min-width: 100px;
margin: 0;
padding: 0;
position: relative;
width: 50%;
}
.streamlined-3 .indexpage-topic > li {
margin: 0; /* For IE's default margins */
}
.streamlined-3 .indexpage-topic > li > a {
border: 1px solid transparent;
-webkit-border-bottom-right-radius: 0;
-moz-border-bottom-right-radius: 0;
border-bottom-right-radius: 0;
-webkit-border-top-right-radius: 0;
-moz-border-top-right-radius: 0;
border-top-right-radius: 0;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
}
/* Keep the item size consistent across main/subtopic lists */
.indexpage-topic a {
display: block;
line-height: 1.5em;
padding: 3px 5px 3px 7px;
}
/* Highlighted menu link */
.indexpage-topic > li.selected-menu-entry > a {
background-color: #f3f3f3;
background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
background-image: -moz-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
background-image: -ms-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
background-image: -o-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
background-image: linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5', EndColorStr='#f1f1f1');
border-color: #d9d9d9;
margin-right: 0;
position: relative;
z-index: 2;
}
/* Arrow hanging off of right side of topic link */
.indexpage-topic > li.selected-menu-entry > a:after {
content: '';
height: 27px;
margin-top: -13px;
position: absolute;
top: 50%;
width: 12px;
z-index: 1;
}
body.ltr .indexpage-topic > li.selected-menu-entry > a:after {
background:
url('hc_icon_streamlined_arrow_right.png')
no-repeat center right;
left: 100%;
}
body.rtl .indexpage-topic > li.selected-menu-entry > a:after {
background:
url('hc_icon_streamlined_arrow_left.png')
no-repeat center right;
right: 100%;
}
/* By default, hide all children on the page */
.children-container {
display: none;
}
/* Only show children when they're moved into a selected menu entry */
li.selected-menu-entry > .children {
background-color: #fff;
list-style: none;
min-height: 100%;
padding: 0;
position: absolute;
top: 0;
width: 100%; /* Makes the popout be the same width as the topic list */
z-index: 1;
}
body.ltr li.selected-menu-entry > .children {
border-left: solid 1px #e5e5e5;
margin: 0 0 0 -1px;
left: 100%;
}
body.rtl li.selected-menu-entry > .children {
border-right: solid 1px #e5e5e5;
margin: 0 -1px 0 0;
left: -100%;
}
/* For menu items in the "Fix" section, make the entries expand upwards */
.homepage-header.fix li.selected-menu-entry > .children {
bottom: 0;
top: auto;
}
/* Small white gradient on left/right side of children menu */
body.ltr li.selected-menu-entry > .children:before {
background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
background-image: linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
bottom: 0;
content: '';
margin-right: 1px;
position: absolute;
right: 100%;
top: 0;
width: 10px;
z-index: 1;
}
body.rtl li.selected-menu-entry > .children:after {
background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
background-image: -o-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
background-image: linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
bottom: 0;
content: '';
margin-left: 1px;
position: absolute;
left: 100%;
top: 0;
width: 10px;
z-index: 1;
}
li.selected-menu-entry > .children > li {
line-height: 1.5em;
}
body.ltr li.selected-menu-entry > .children > li {
padding-left: 15px;
}
body.rtl li.selected-menu-entry > .children > li {
padding-right: 15px;
}
/* Recommendation Module */
body.streamlined-3 .right-column #rec h2 {
margin-bottom: 6px;
}
body.streamlined-3 .right-column #rec img {
width: 35px;
height: 35px;
margin-right: 10px;
float: left;
}
body.rtl .right-column #rec img {
margin-right: 0;
margin-left: 10px;
float: right;
}
body.streamlined-3 .right-column #rec #rec-description {
color: #666;
margin-top: 0;
}
/* Header*/
body.streamlined-header-1 .gbh,
body.streamlined-header-1 .gb2 div,
body.streamlined-header-1 .one_google {
border: none;
}
body.streamlined-header-1 .gsc-completion-container {
font-family: Arial, sans-serif;
font-size: 13px;
z-index: 11;
}
body.streamlined-header-1 .gsc-completion-container td {
padding-left: 7px;
}
body.streamlined-header-1 .header-logo {
background-color: whiteSmoke;
border-bottom: 1px solid #e5e5e5;
border-top: 1px solid #e5e5e5;
height: 29px;
padding: 21px 0;
position: relative;
white-space: nowrap;
}
body.streamlined-header-1 .header-bar {
background: #fff;
border-bottom: 1px solid #ebebeb;
font-size: 13px;
padding: 5px 12px 4px 45px;
position: relative;
white-space: nowrap;
}
body.rtl.streamlined-header-1 .header-bar {
padding: 12px 51px 12px 17px;
}
body.streamlined-header-1 #app-bar-button-container {
padding-top: 12px;
}
body.streamlined-header-1 .header-bar h1,
body.streamlined-header-1 .header-bar h1 a:link,
body.streamlined-header-1 .header-bar h1 a:visited {
color: #dd4b39;
display: inline-block;
float: left;
font-family: Arial, sans-serif;
font-size: 20px;
font-weight: normal;
min-width: 156px;
text-decoration: none;
vertical-align: top;
}
body.streamlined-header-1 .header-bar h1 a .hc-arrow {
background: url('hc_icon_back_red_global.png') no-repeat;
display: block;
height: 10px;
left: 32px;
position: absolute;
top: 26px;
width: 5px;
}
body.rtl.streamlined-header-1 .header-bar h1 a .hc-arrow {
background-image: url('hc_icon_forward_red_global.png');
left: none;
right: 32px;
}
body.ie.streamlined-header-1 .header-bar h1 a .hc-arrow {
top: 28px;
}
body.streamlined-header-1 .header-bar h1 a .kennedy-arrow {
background: url('hc_icon_back_arrow.png') no-repeat;
display: none;
height: 21px;
left: 19px;
opacity: .6;
filter: alpha(opacity=60);
position: absolute;
top: 26px;
width: 29px;
}
body.ie.streamlined-header-1 .header-bar h1 a .kennedy-arrow {
top: 22px;
}
body.streamlined-header-1 .header-bar h1 a:hover .kennedy-arrow {
display: block;
}
body.streamlined-header-1 .header-bar h1 a .kennedy-arrow + .tooltip {
background-color: #2a2a2a;
color: white;
display: none;
font: 13px/13px Arial;
left: 14px;
padding: 5px 10px 7px;
position: absolute;
top: 52px;
}
body.ie.streamlined-header-1 .header-bar h1 a .kennedy-arrow + .tooltip {
top: 50px;
}
body.streamlined-header-1 .header-bar h1 a:hover .kennedy-arrow + .tooltip {
display: block;
}
body.streamlined-header-1 .header-bar h1 a .tooltip .arrowup {
border: 7px solid;
border-color: #2a2a2a transparent;
border-top-width: 0;
content: '';
display: block;
position: absolute;
left: 10px;
top: -5px;
}
body.ie7.streamlined-header-1 .header-bar h1 a .tooltip .arrowup {
top: -20px;
}
body.streamlined-header-1 .header-bar h1 a:hover span {
text-decoration: underline;
}
body.streamlined-header-1 .header-bar h1 a:hover .tooltip-text {
text-decoration: none;
}
body.rtl.streamlined-header-1 .header-bar h1,
body.rtl.streamlined-header-1 .header-bar h1 a:link,
body.rtl.streamlined-header-1 .header-bar h1 a:visited {
float: right;
}
body.ie.streamlined-header-1 .header-bar h1 {
margin: 9px 12px 7px 0;
}
/* Global link and text color rules */
body {
color: #222;
}
a:link {
color: #15c;
}
a:visited {
color: #61c;
}
a:active {
color: #d14836;
}
a:hover,
.streamlined-header-1 div.homepage-header a:hover {
text-decoration: underline;
}
/* Search box */
body.streamlined-header-1 .header-wrapper .searchbox {
display: inline-block;
max-width: 50%;
min-width: 384px;
padding-left: 219px;
position: relative;
white-space: nowrap;
width: 530px;
}
body.rtl.streamlined-header-1 .header-wrapper .searchbox {
padding-left: 0;
padding-right: 219px;
}
body.streamlined-header-1 .header-wrapper .optg-searchbox {
margin-top: -32px;
text-align: right;
white-space: nowrap;
}
body.index_page.streamlined-header-1 .header-wrapper .optg-searchbox {
margin-top: -5px;
}
body.streamlined-header-1 .header-wrapper .search-box {
background-color: white;
border: 1px solid #d9d9d9;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
border-top: 1px solid silver;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
font-family: Arial, sans-serif;
font-size: 13px;
height: 29px;
position: relative;
max-width: 512px;
min-width: 384px;
vertical-align: top;
width: 100%;
}
body.streamlined-header-1 .header-wrapper .optg-searchbox .search-box {
float: none;
max-width: 306px;
min-width: 230px;
width: 60%;
}
body.streamlined-header-1 .header-wrapper .optg-searchbox .search-box,
body.streamlined-header-1 .header-wrapper .optg-searchbox .search-button,
.searchbox-background, .searchbox-gradient {
z-index: 11;
}
.searchbox-background, .searchbox-gradient {
padding-top: 5px;
padding-bottom: 5px;
margin-top: -5px;
}
.ff .searchbox-background, .ff .searchbox-gradient {
margin-top: -6px;
}
.searchbox-background {
background: #fff;
display: inline-block;
margin-right: -12px;
position: relative;
padding-right: 12px;
}
.searchbox-gradient {
background-image: -webkit-gradient(
linear, right top, left top,
from(rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 0)));
background-image: -webkit-linear-gradient(
left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
background-image: -moz-linear-gradient(
left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 95%);
background-image: -o-linear-gradient(
left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
background: linear-gradient(
left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(
gradientType=1, startColorStr='#00ffffff', endColorStr='#ffffffff');
display: inline-block;
height: 29px;
margin-right: -4px;
position: relative;
text-align: right;
vertical-align: top;
width: 75px;
}
body.streamlined-header-1 button.search-button {
background-repeat: no-repeat;
height: 29px;
margin-left: 16px;
width: 70px;
}
body.rtl.streamlined-header-1 button.search-button {
margin-right: 16px;
}
body.ff.streamlined-header-1 button.search-button,
body.ie7.streamlined-header-1 button.search-button {
height: 31px;
}
body.ie7.streamlined-header-1 button.search-button {
margin-left: 5px;
}
body.streamlined-header-1 .search-button img {
padding-top: 2px;
}
body.ie7.streamlined-header-1 .search-button img {
padding-top: 0;
}
/* Input text boxes */
body.streamlined-header-1 input[type=text],
body.streamlined-header-1 textarea {
background-color: #fff;
border: 1px solid #d9d9d9;
border-top: 1px solid #c0c0c0;
color: #000;
display: inline-block;
padding-left: 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
margin: 2px 0;
}
body.streamlined-header-1 input[type=text] {
height: 29px;
padding: 0 8px;
}
body.streamlined-header-1 input[type=text]:hover,
body.streamlined-header-1 textarea:hover {
border: 1px solid #b9b9b9;
border-top: 1px solid #a0a0a0;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}
body.streamlined-header-1 input[type=text]:focus,
body.streamlined-header-1 textarea:focus {
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
outline: none;
border: 1px solid #4d90fe;
}
body.streamlined-header-1 input::-webkit-input-placeholder,
body.streamlined-header-1 input:-moz-placeholder {
color: #999;
}
/* Buttons */
body.streamlined-header-1 .search-button,
body.streamlined-header-1 input[type=submit] {
background-color: #4d90fe;
background-image: -webkit-linear-gradient(top, #4d90fe, #4787ed);
background-image: -moz-linear-gradient(top, #4d90fe, #4787ed);
background-image: -ms-linear-gradient(top, #4d90fe, #4787ed);
background-image: -o-linear-gradient(top, #4d90fe, #4787ed);
background-image: linear-gradient(top, #4d90fe, #4787ed);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d90fe', EndColorStr='#4787ed');
border: 1px solid #3079ed;
color: white;
cursor: pointer;
font-family: Arial, sans-serif;
font-size: 11px;
font-weight: bold;
height: 29px;
min-width: 54px;
padding: 0 8px 0 8px;
position: relative;
text-align: center;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-transition: all 0.218s;
-moz-transition: all 0.218s;
-o-transition: all 0.218s;
transition: all 0.218s;
-moz-user-select: none;
}
body.ie7.streamlined-header-1 input[type=submit] {
min-width: 80px;
}
body.ie7.streamlined-header-1 input[type=text]{
line-height: 29px;
}
body.streamlined-header-1 .search-button:hover,
body.streamlined-header-1 input[type=submit]:hover {
border: 1px solid #2f5bb7;
background-color: #357ae8;
background-image: -webkit-gradient(linear, left top, left bottom, from(#4d90fe), to(#357ae8));
background-image: -webkit-linear-gradient(top, #4d90fe, #357ae8);
background-image: -moz-linear-gradient(top, #4d90fe, #357ae8);
background-image: -ms-linear-gradient(top, #4d90fe, #357ae8);
background-image: -o-linear-gradient(top, #4d90fe, #357ae8);
background-image: linear-gradient(top, #4d90fe, #357ae8);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d90fe', EndColorStr='#357ae8');
}
body.streamlined-header-1 .search-button:active,
body.streamlined-header-1 input[type=submit]:active {
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
}
/* Logo */
body.streamlined-header-1 .header-wrapper .logo-container {
left: 45px;
position: absolute;
top: 18px;
z-index: 1;
}
body.rtl.streamlined-header-1 .header-wrapper .logo-container {
right: 45px;
left: auto;
}
/* Body */
body.streamlined-header-1 table.layout {
margin-top: 10px;
}
body.streamlined-header-1.index_page table.layout {
margin-top: 0;
}
body.streamlined-header-1 .left_column {
padding-left: 44px;
}
body.streamlined-header-1.ie7 table.layout {
margin-top: -2px;
}
body.streamlined-header-1.answer_page.ie7 table.layout,
body.streamlined-header-1.topic_page.ie7 table.layout {
margin-top: 10px;
}
/* Yarnball */
#yarnball {
display: inline-block;
margin-top: 10px;
}
.yarnball {
list-style: none;
margin: 0;
}
.yarnlet {
display: inline;
}
.yarnlet a,
.yarnlet a:link,
.yarnlet a:visited {
color: #666;
display: inline-block;
font-size: 12px;
margin-left: -13px;
padding: 7px 17px 11px 25px;
position: relative;
text-decoration: none;
vertical-align: top;
}
.yarnlet.first a,
.yarnlet.first a:link,
.yarnlet.first a:visited {
padding-left: 8px;
}
body.ie7 .yarnlet.first a,
body.ie7 .yarnlet.first a:link,
body.ie7 .yarnlet.first a:visited {
padding-left: 17px;
}
.yarnlet a {
background-image: url(hc_yarnlett_global.png);
background-repeat: no-repeat;
background-position: 100% 0;
}
.yarnlet:hover a {
background-position: 100% -48px;
color: #333;
}
.yarnlet:active a {
background-position: 100% -96px;
color: #333;
}
.yarnlet .left-yarn {
background: url(hc_yarnlett_global.png) no-repeat;
margin-left: -17px;
padding: 7px 6px 11px 4px;
z-index: 11;
}
.ff .yarnlet .left-yarn {
padding-top: .6em;
}
.yarnlet a:hover .left-yarn {
background-position: 0 -48px;
}
.yarnlet a:active .left-yarn {
background-position: 0 -96px;
}
/* Yarnball for RTL */
.rtl .yarnball {
margin-right: -17px;
}
.rtl .yarnlet a {
background: url(hc_yarnlett_global_rtl.png);
background-position: 0 0;
}
.rtl .yarnlet:hover a {
background-position: 0 -48px;
}
.rtl .yarnlet:active a {
background-position: 0 -96px;
}
.rtl .yarnlet .left-yarn {
background: url(hc_yarnlett_global_rtl.png) no-repeat;
background-position: 100% 0;
margin: 0 -27px 0 0;
}
.rtl .yarnlet a:hover .left-yarn {
background-position: 100% -48px;
}
.rtl .yarnlet a:active .left-yarn {
background-position: 100% -96px;
}
.rtl .yarnlet.first a,
.rtl .yarnlet.first a:link,
.rtl .yarnlet.first a:visited {
padding-left: 24px;
}
/* IE fixes */
body.ie7 .yarnlet a:active,
body.ie8 .yarnlet a:active {
background-position: 100% -96px;
}
body.rtl.ie7 .yarnlet a:active,
body.rtl.ie8 .yarnlet a:active {
background-position: 0 -96px;
}
/* Sign Up Module */
.header-signup {
color: #999;
text-align: right;
font-size: 14px;
padding-top: 3px;
margin-top: -41px;
margin-left: 180px;
}
body.rtl .header-signup {
text-align: left;
}
.header-signup a,
.header-signup a:link,
.header-signup a:visited {
color: #15c;
text-decoration: none;
}
.header-signup a:hover {
text-decoration: underline;
}
/* Answer page */
.streamlined-header-1 .article_content {
margin-top: 10px;
}
.streamlined-header-1 .article_content > *:first-child {
margin-top: 0;
}
.streamlined-header-1.ff.answer_page .inner_content {
/* On answer pages only, the the content section
appears too low. Everything needs to be moved higher
by overwriting the default table spacing. */
margin-top: -9px;
}
/* Search page */
.streamlined-header-1.search_page .inner_content {
color: #666;
margin-left: -4px;
}
.streamlined-header-1.search_page .search_results {
margin: 0;
}
.streamlined-header-1.search_page .search_results a:hover {
text-decoration: underline;
}
.streamlined-header-1.search_page .results-text {
font-size: 16px;
margin: 9px 0 -3px 0;
}
.streamlined-header-1.search_page .search-error-suggestion {
margin-top: 12px;
}
.streamlined-header-1.search_page .cse_suggestion {
color: #333;
}
.streamlined-header-1.search_page a:link {
text-decoration: none;
}
.streamlined-header-1.search_page .snippet {
color: #333;
}
.streamlined-header-1.search_page .cse_result {
margin: 5px 0 -3px 0;
}
.streamlined-header-1.search_page .cse_note,
.streamlined-header-1.search_page .cse_labels a:link {
color: #093;
font-weight: normal;
}
.streamlined-header-1.search_page .sibling-leftnav-title {
margin: 38px 0 -23px 0;
}
.streamlined-header-1.search_page .leftnav-siblings {
margin-top: 38px;
}
.streamlined-header-1.search_page .result_pages {
margin-top: 38px;
padding: 0;
}
/* Topic Page */
/* These are used to overwrite the legacy stylings for
headers on the topic page. */
.streamlined-header-1.topic_page .inner_content h2 {
margin: 0 0 11px 0;
}
.streamlined-header-1 .topics h3 {
margin-top: 0;
}
.streamlined-header-1 .topics .title {
margin-bottom: 19px;
}
.streamlined-header-1 .topics .topiclist_topic {
margin: 0 0 12px 0;
}
/* Troubleshooter */
.streamlined-header-1.ts .inner_content h2 {
margin-top: 0;
}
/* Contact Policy */
ul.contactPolicy {
margin: 2em 0 0 0;
padding: 0;
}
ul.contactPolicy li {
list-style: none;
padding: 0 0 2em 70px;
}
.rtl ul.contactPolicy li {
padding: 0 70px 2em 0;
}
ul.contactPolicy li li,
.rtl ul.contactPolicy li li {
list-style: disc;
padding: .5em 0 0 0;
}
ul.contactPolicy li.helpCppExperiment {
height: 55px;
}
ul.contactPolicy li.new_helpContact ul li span.contact_subtext {
color: #666;
}
ul.contactPolicy li {
background-repeat: no-repeat;
background-position: top left;
}
.rtl ul.contactPolicy li {
background-position: top right;
}
ul.contactPolicy li.helpNexusOne {
background-image: url(http://www.google.com/images/icons/feature/mail-y48.png);
}
ul.contactPolicy li.helpCenter {
background-image: url(http://www.google.com/images/icons/feature/articles-g24.png);
}
ul.contactPolicy li.clickToCall,
ul.contactPolicy li.helpBBS,
ul.contactPolicy li.new_helpForum,
ul.contactPolicy li.new_helpGroup,
ul.contactPolicy li.new_helpContact,
ul.contactPolicy li.helpReportBug,
ul.contactPolicy li.helpTroubleshooter,
ul.contactPolicy li.new_helpResource,
ul.contactPolicy li.helpVark {
padding: -2.5em 0 1em 70px;
}
.rtl ul.contactPolicy li.clickToCall,
.rtl ul.contactPolicy li.helpBBS,
.rtl ul.contactPolicy li.new_helpForum,
.rtl ul.contactPolicy li.new_helpGroup,
.rtl ul.contactPolicy li.new_helpContact,
.rtl ul.contactPolicy li.helpReportBug,
.rtl ul.contactPolicy li.helpTroubleshooter,
.rtl ul.contactPolicy li.new_helpResource,
.rtl ul.contactPolicy li.helpVark {
padding: -2.5em 70px 1em 0;
}
ul.contactPolicy li.clickToCall {
background-image: url(http://www.google.com/images/icons/feature/phone-b48.png);
}
ul.contactPolicy li.helpBBS {
background-image: url(http://www.google.com/images/icons/feature/chat-g48.png);
}
ul.contactPolicy li.new_helpForum {
background-image: url(http://www.google.com/images/icons/feature/help_forum-o48.png);
}
ul.contactPolicy li.new_helpGroup {
background-image: url(http://www.google.com/images/icons/product/discussions-48.gif);
}
ul.contactPolicy li.new_helpContact {
background-image: url(http://www.google.com/images/icons/feature/mail-y48.png);
}
ul.contactPolicy li.helpReportBug {
background-image: url(http://www.google.com/images/icons/feature/wrench-lb48.png);
}
ul.contactPolicy li.helpTroubleshooter {
background-image: url(http://www.google.com/images/icons/feature/screwdriver_wrench-48.gif);
}
ul.contactPolicy li.new_helpResource {
background-image:url(http://www.google.com/images/icons/feature/wrench-lb48.png);
}
ul.contactPolicy li.helpVark {
background-image:url(vark_logosmall.gif);
height: 48px;
}
ul.contactPolicy li.helpTroubleLite {
background-image: url(http://www.google.com/images/icons/feature/screwdriver_wrench-24.gif);
}
ul.contactPolicy li.helpForum {
background-image: url(forums-24.gif);
}
ul.contactPolicy li.helpGroup {
background-image: url(http://www.google.com/images/icons/product/discussions-24.gif);
}
ul.contactPolicy li.helpContact {
background-image: url(http://www.google.com/images/icons/feature/mail-lb24.png);
}
ul.contactPolicy li.helpSuggestions {
background-image:url(http://www.google.com/images/icons/feature/lightbulb-y16.png);
}
ul.contactPolicy li.helpTestimonial {
background-image:url(http://www.google.com/images/icons/feature/heart-r16.png);
}
ul.contactPolicy li.contactPolicy-callout-box-helpResource {
background-image:url(http://www.google.com/images/icons/feature/wrench-lb24_e5ecf4.png);
}
ul.contactPolicy li.contactPolicy-callout-box-helpCenter {
background-image:url(http://www.google.com/images/icons/feature/articles-g24.png);
}
ul.contactPolicy li.contactPolicy-callout-box-helpForum {
background-image:url(forums-24.gif);
}
ul.contactPolicy li.contactPolicy-callout-box-helpGroup {
background-image:url(http://www.google.com/images/icons/product/discussions-24.gif);
}
ul.contactPolicy li.contactPolicy-callout-box-helpContact {
background-image:url(http://www.google.com/images/icons/feature/mail-lb24.png);
}
ul.contactPolicy li.contactPolicy-callout-box-helpSuggestions {
background-image:url(http://www.google.com/images/icons/feature/lightbulb-y16.png);
}
ul.contactPolicy li.contactPolicy-callout-box-helpTestimonial {
background-image:url(http://www.google.com/images/icons/feature/heart-r16.png);
}
ul.contactPolicy li.helpResource {
background-image:url(http://www.google.com/images/icons/feature/wrench-lb24_e5ecf4.png);
}
ul.contactPolicy li.helpCppExperiment,
ul.contactPolicy li.helpCppExperiment_contact,
ul.contactPolicy li.helpCppExperiment_partners {
padding: .5em 0 0 55px;
}
.rtl ul.contactPolicy li.helpCppExperiment,
.rtl ul.contactPolicy li.helpCppExperiment_contact,
.rtl ul.contactPolicy li.helpCppExperiment_partners {
padding: .5em 55px 0 0;
}
ul.contactPolicy li.helpCppExperiment {
background-image:url(http://www.google.com/images/icons/feature/screwdriver_wrench-48.gif);
}
ul.contactPolicy li.helpCppExperiment_contact {
background-image:url(http://www.google.com/images/icons/feature/mail-y48.png);
}
ul.contactPolicy li.helpCppExperiment_partners {
background-image:url(http://www.google.com/images/icons/product/goog411-32.png);
}
ul.contactPolicy li.contactPolicy-callout-box {
background-color: #eef4ff;
background-position: 10px 8px;
background-repeat: no-repeat;
border: 1px solid #ccc;
padding: 1em 1em .5em 40px;
}
.rtl ul.contactPolicy li.contactPolicy-callout-box {
padding: 1em 40px .5em 1em;
}
/* Contact Forms */
.contact_form h3 {
color: #666;
font: 17px/20px Arial;
font-weight: normal;
margin-top: 10px;
}
.survey-intro-header {
margin: 10px 0;
}
form.contact_form label {
display: block;
font-size: 14px;
}
form.contact_form input[type=submit] {
display: inline-block;
margin: 10px 0 2em 2px;
min-width: 72px;
}
form.contact_form .subtext {
color: #999;
margin: 3px 0;
}
form.contact_form_bold_questions label,
form.contact_form_bold_questions legend {
font-weight: bold;
}
form.contact_form hr {
background-color: #e5e5e5;
border: 0;
height: 1px;
margin: 24px 0 0;
width: 100%;
}
.contact_form .survey-section-header {
margin: 3px 0 9px;
}
.survey-fields-container {
margin-bottom: 20px;
}
.survey-submit-container {
margin-top: 20px;
}
/* Wrapper for field group */
form.contact_form fieldset {
border: none;
margin: 0 0 24px;
padding: 4px 0 0;
}
/* Text for field group */
form.contact_form fieldset legend {
color: #222;
font: 14px/16px Arial;
margin-left: 0;
padding-left: 0;
}
/* Disable bold title text as part of kennedy effort. */
form.contact_form fieldset legend strong {
font-weight: normal;
}
/* Text next to radio button or checkbox */
form.contact_form fieldset label {
margin: 0;
font-weight: normal;
}
form.contact_form fieldset .fields {
padding: 0 0 0 13.8em;
}
form.contact_form table.survey-scale {
border: 0;
}
form.contact_form table.survey-scale td {
padding-left: 0;
padding-right: 0;
text-align: center;
}
.contact_form .survey-scale th {
font-weight: normal;
padding: .3em .3em 0;
text-align: right;
}
.contact_form .survey-ratings_row th {
color: #555;
text-align: center;
width: 6em;
vertical-align: bottom;
}
.survey-ratings_row.survey-rating-bottom th {
vertical-align: top;
padding-top: 0;
}
.rating-cell-container {
position: relative;
height: 33px;
}
.rating-cell-bg {
background-color: #f2f2f2;
height: 5px;
left: 0;
position: absolute;
top: 15px;
width: 100%
}
/* The different images of radio buttons in mac require OS specific rule. */
.mac .rating-cell-bg {
top: 17px;
}
.rating-cell-bg.first-radio {
left: 12px;
}
.rating-cell-bg.last-radio {
left: -12px;
}
.rating-cell-radio {
height: 25px;
left: 0;
position: absolute;
top: 7px;
width: 100%;
}
.mac .rating-cell-radio {
top: 10px;
}
.survey-radio-container {
margin: 5px 0;
position: relative;
}
.survey-radio-container input[type="radio"] {
margin: 0;
position: absolute;
top: 2px;
}
.survey-radio-container .radio-label {
margin-left: 24px;
}
/* Extra textbox for radio button or checkbox */
form.contact_form label.extra_textbox {
margin: 5px 0 0 24px;
}
/* Once an input element is processed to be replaced with a Kennedy equivalent,
* this class is added to the original to hide it. */
.processed-input {
display: none;
}
/* infinite field lists */
form.contact_form fieldset.fieldlist input,
form.contact_form fieldset.filelist input {
display:block;
margin-top:.5em;
}
form.contact_form textarea {
display:block;
}
form.contact_form .char_counter {
font-size:.9em;
color:#666;
}
form.contact_form fieldset.fieldlist a,
form.contact_form fieldset.filelist a {
font-size:.8em;
padding-left:.3em;
}
fieldset.horizontal label,
fieldset.horizontal_left label {
padding-right: 1em;
display: inline;
}
fieldset.horizontal div,
fieldset.horizontal_left div {
display: inline;
}
fieldset.horizontal_left {
padding: 0;
}
form.contact_form .cf_tip {
}
form.contact_form .indent {
margin-left: 1em;
}
form.contact_form .subtext.indent {
margin-left: 24px;
}
form.contact_form span.indent {
margin-left: 1.6em;
}
body.chrome form.contact_form span.indent {
margin-left: 1.4em;
}
/* Universal survey styles */
body.contact-form-style div.inner_content,
body.contact-form-style td.content {
padding: 0;
}
body.contact-form-style form.contact_form {
padding: 0 1em 1em 1em;
}
body.contact-form-style div#error_msg {
margin: 1em;
}
body.contact-form-style-blue form.contact_form {
margin: 0;
}
body.contact-form-style-blue h2 {
background: #e7efff;
padding: .2em;
margin: 0 -1em;
}
body.contact-form-style-blue div.inner_content {
border: 2px solid #e7efff;
}
.required {
color: #666;
margin-left: 20px;
}
p.light {
color: #666;
}
form.contact_form label.label_categorizer_openbox {
padding-bottom: 1em;
}
/* Enable javascript error box */
.enable_javascript {
background: #fff9ca url(alert18.gif) no-repeat .5em .3em;
padding: .5em .5em .5em 2.5em;
margin: 2em 0 1em 0;
border: 1px solid #888;
color: #2e2e2e;
}
/** KI->KB styles **/
div.ki_container {
width: 76%;
}
div.recentfix ul {
list-style-image: url(http://www.google.com/images/icons/feature/checkmark-g14x13.png);
}
div.recentfix li {
margin: 5px -5px;
margin-right: 10px;
}
div.recentfix {
background-color: #ebf5ff;
border: 1px solid #3366CC;
clear: right;
float: right;
font-size: 1em;
margin: 10px 15px;
padding: 0 5px;
width: 200px;
}
div.recentfix h2 {
font-size: 1em;
}
div.tblTip {
background-color: #FFFFE8;
border: 1px solid #E6E2AE;
clear: right;
float: right;
font-size: 1em;
margin: 10px 15px;
padding:10px 5px;
width: 200px;
}
div.didntSee {
width: 75%;
}
table.button tr td.td1 {
background: url(orkut_button_L.gif) no-repeat top left;
height: 22px; width: 7px;
}
table.button tr td.td2 {
background: url(orkut_button_bg.gif) repeat-x top left;
height: 22px;
white-space: nowrap;
}
table.button tr td.td3 {
background: url(orkut_button_R.gif) no-repeat top right;
height: 22px;
width: 7px;
}
table.button a {
color: #222222;
text-decoration: none;
}
.description a {
color:#7777CC;
}
table tr.dark td, table.known_issues_table tr.dark th {
background: #ebf5ff;
}
table tr.light td, table.known_issues_table tr.light th {
background: #f5faff;
}
table tr.description td {
background: #fafafa;
color: #3d3d3d;
}
h4.ki {
color: #0033CC;
margin: 1.7em 0 3px 0; padding: 0;
font-size: 14px;
}
form.contact_form_survey fieldset label {
white-space: nowrap;
}
form.contact_form_survey input.field_what_info {
width: 20em;
}
form.contact_form_suggestions select {
margin-bottom: 1em;
}
input.field-tip {
color: #666;
}
#map-canvas {
width: 500px;
height: 300px;
border: 1px solid #ccc;
}
/* Contact Splash Page for Unsupported Languages */
.contact-splash-u2u {
margin-top: 2.5em;
}
.goog-inline-block {
position:relative;
display:0;
display:inline-block;
}
* html .goog-inline-block {
display:inline;
}
:first-child+html .goog-inline-block {
display:inline;
}
.jfk-activityIndicator {
width:19px;
height:19px;
display:inline-block;
position:relative;
}
.jfk-activityIndicator-icon {
-webkit-transition:opacity .218s linear .44s;
-moz-transition:opacity .218s linear .44s;
-ms-transition:opacity .218s linear .44s;
-o-transition:opacity .218s linear .44s;
transition:opacity .218s linear .44s;
background:url(http://ssl.gstatic.com/ui/v1/activityindicator/offline.png) center no-repeat;
width:19px;
height:19px;
top:0;
left:0;
position:absolute;
opacity:0;
}
.jfk-activityIndicator-circle {
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
top:0;
left:0;
position:absolute;
height:19px;
width:19px;
}
.jfk-activityIndicator-mask {
overflow:hidden;
position:absolute;
}
.jfk-activityIndicator-circle-transition {
height:19px;
position:relative;
width:19px;
}
.jfk-activityIndicator-transition {
-webkit-transition:all .22s ease-in;
-moz-transition:all .22s ease-in;
-ms-transition:all .22s ease-in;
-o-transition:all .22s ease-in;
transition:all .22s ease-in;
}
.jfk-activityIndicator-transition-second {
-webkit-transition:all .22s ease-out .22s;
-moz-transition:all .22s ease-out .22s;
-ms-transition:all .22s ease-out .22s;
-o-transition:all .22s ease-out .22s;
transition:all .22s ease-out .22s;
}
.jfk-button-action {
background-color:#4d90fe;
background-image:0;
background-image:0;
background-image:0;
background-image:0;
background-image:linear-gradient(top,#4d90fe,#4787ed);
border:1px solid #3079ed;
color:#fff;
}
.jfk-button-action.jfk-button-hover {
background-color:#357ae8;
background-image:0;
background-image:0;
background-image:0;
background-image:0;
background-image:linear-gradient(top,#4d90fe,#357ae8);
border:1px solid #2f5bb7;
}
.jfk-button-action:focus {
-webkit-box-shadow:inset 0 0 0 1px #fff;
-moz-box-shadow:inset 0 0 0 1px #fff;
box-shadow:inset 0 0 0 1px #fff;
border:1px solid #fff;
border:1px solid rgba(0,0,0,0);
outline:1px solid #4d90fe;
outline:0 rgba(0,0,0,0);
}
.jfk-button-action.jfk-button-clear-outline {
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
.jfk-button-action:active {
-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);
-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);
box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);
}
.jfk-button-action.jfk-button-disabled {
background:#4d90fe;
filter:alpha(opacity=50);
opacity:0.5;
}
.jfk-button {
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
cursor:default;
font-size:11px;
font-weight:bold;
text-align:center;
margin-right:16px;
height:27px;
line-height:27px;
min-width:54px;
outline:0;
padding:0 8px;
}
.jfk-button-hover {
-webkit-box-shadow:0 1px 1px rgba(0,0,0,.1);
-moz-box-shadow:0 1px 1px rgba(0,0,0,.1);
box-shadow:0 1px 1px rgba(0,0,0,.1);
}
.jfk-button-selected {
-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
}
.jfk-button .jfk-button-img {
margin-top:-3px;
vertical-align:middle;
}
.jfk-button-label {
margin-left:5px;
}
.jfk-button-narrow {
min-width:34px;
padding:0;
}
.jfk-button-collapse-left,.jfk-button-collapse-right {
z-index:1;
}
.jfk-button-collapse-left.jfk-button-disabled {
z-index:0;
}
.jfk-button-collapse-left:focus,.jfk-button-collapse-right:focus,.jfk-button-hover.jfk-button-collapse-left,.jfk-button-hover.jfk-button-collapse-right {
z-index:2;
}
.jfk-button-collapse-left {
margin-left:-1px;
-moz-border-radius-bottomleft:0;
-moz-border-radius-topleft:0;
-webkit-border-bottom-left-radius:0;
-webkit-border-top-left-radius:0;
border-bottom-left-radius:0;
border-top-left-radius:0;
}
.jfk-button-collapse-right {
margin-right:0;
-moz-border-radius-topright:0;
-moz-border-radius-bottomright:0;
-webkit-border-top-right-radius:0;
-webkit-border-bottom-right-radius:0;
border-top-right-radius:0;
border-bottom-right-radius:0;
}
.jfk-button.jfk-button-disabled:active {
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
.jfk-button-default {
background-color:#3d9400;
background-image:0;
background-image:0;
background-image:0;
background-image:0;
background-image:linear-gradient(top,#3d9400,#398a00);
border:1px solid #29691d;
color:#fff;
text-shadow:0 1px rgba(0,0,0,0.1);
}
.jfk-button-default.jfk-button-hover {
background-color:#368200;
background-image:0;
background-image:0;
background-image:0;
background-image:0;
background-image:linear-gradient(top,#3d9400,#368200);
border:1px solid #2d6200;
text-shadow:0 1px rgba(0,0,0,0.3);
}
.jfk-button-default:focus {
-webkit-box-shadow:inset 0 0 0 1px #fff;
-moz-box-shadow:inset 0 0 0 1px #fff;
box-shadow:inset 0 0 0 1px #fff;
border:1px solid #fff;
border:1px solid rgba(0,0,0,0);
outline:1px solid #3d9400;
outline:0 rgba(0,0,0,0);
}
.jfk-button-default.jfk-button-clear-outline {
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
.jfk-button-default:active {
-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);
-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);
box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);
}
.jfk-button-default.jfk-button-disabled {
background:#3d9400;
filter:alpha(opacity=50);
opacity:0.5;
}
.jfk-button-flat {
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
border:1px solid transparent;
font-size:13px;
font-weight:normal;
height:21px;
line-height:21px;
margin:-3px 1px 0 0;
min-width:0;
padding:0;
}
.jfk-button-flat.jfk-button-hover,.jfk-button-flat.jfk-button-selected,.jfk-button-flat:focus,.jfk-button-flat:active {
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
.jfk-button-flat .jfk-button-img {
height:21px;
opacity:.55;
width:21px;
}
.jfk-button-flat .jfk-button-label {
display:inline-block;
margin:0;
padding:0 1px;
}
.jfk-button-flat.jfk-button-selected .jfk-button-img,.jfk-button-flat.jfk-button-hover .jfk-button-img {
opacity:0.9;
}
.jfk-button-flat.jfk-button-disabled .jfk-button-img {
filter:alpha(opacity=33);
opacity:0.333;
}
.jfk-button-flat:focus {
border:1px solid #4d90fe;
}
.jfk-button-flat.jfk-button-clear-outline {
border:1px solid transparent;
}
.jfk-button-mini {
background-color:#f5f5f5;
background-image:0;
background-image:0;
background-image:0;
background-image:0;
background-image:linear-gradient(top,#f5f5f5,#f1f1f1);
border:1px solid #dcdcdc;
border:1px solid rgba(0,0,0,0.1);
color:#444;
height:17px;
line-height:17px;
min-width:22px;
text-shadow:0 1px rgba(0,0,0,0.1);
}
.jfk-button-mini.jfk-button-hover,.jfk-button-mini.jfk-button-clear-outline.jfk-button-hover {
background-color:#f8f8f8;
background-image:0;
background-image:0;
background-image:0;
background-image:0;
background-image:linear-gradient(top,#f8f8f8,#f1f1f1);
border:1px solid #c6c6c6;
text-shadow:0 1px rgba(0,0,0,0.3);
}
.jfk-button-mini:active {
-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
}
.jfk-button-mini.jfk-button-checked,.jfk-button-mini.jfk-button-clear-outline.jfk-button-checked {
-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
background-color:#e0e0e0;
background-image:0;
background-image:0;
background-image:0;
background-image:0;
background-image:linear-gradient(top,#eee,#e0e0e0);
border:1px solid #ccc;
color:#333;
}
.jfk-button-mini:focus {
border:1px solid #4d90fe;
}
.jfk-button-mini.jfk-button-clear-outline {
border:1px solid #dcdcdc;
}
.jfk-button-mini.jfk-button-disabled {
background:#fff;
border:1px solid #f3f3f3;
border:1px solid rgba(0,0,0,0.05);
color:#b8b8b8;
}
.jfk-button-primary {
background-color:#d14836;
background-image:0;
background-image:0;
background-image:0;
background-image:0;
background-image:linear-gradient(top,#dd4b39,#d14836);
border:1px solid transparent;
color:#fff;
text-shadow:0 1px rgba(0,0,0,0.1);
text-transform:uppercase;
}
.jfk-button-primary.jfk-button-hover {
-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.2);
-moz-box-shadow:0 1px 1px rgba(0,0,0,0.2);
box-shadow:0 1px 1px rgba(0,0,0,0.2);
background-color:#c53727;
background-image:0;
background-image:0;
background-image:0;
background-image:0;
background-image:linear-gradient(top,#dd4b39,#c53727);
border:1px solid #b0281a;
border-color-bottom:#af301f;
}
.jfk-button-primary:focus {
-webkit-box-shadow:inset 0 0 0 1px #fff;
-moz-box-shadow:inset 0 0 0 1px #fff;
box-shadow:inset 0 0 0 1px #fff;
border:1px solid #fff;
border:1px solid rgba(0,0,0,0);
outline:1px solid #d14836;
outline:0 rgba(0,0,0,0);
}
.jfk-button-primary.jfk-button-clear-outline {
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
.jfk-button-primary:active {
-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);
-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);
box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);
background-color:#b0281a;
background-image:0;
background-image:0;
background-image:0;
background-image:0;
background-image:linear-gradient(top,#dd4b39,#b0281a);
border:1px solid #992a1b;
}
.jfk-button-primary.jfk-button-disabled {
background:#d14836;
filter:alpha(opacity=50);
opacity:0.5;
}
.jfk-button-standard {
background-color:#f5f5f5;
background-image:0;
background-image:0;
background-image:0;
background-image:0;
background-image:linear-gradient(top,#f5f5f5,#f1f1f1);
color:#444;
border:1px solid #dcdcdc;
border:1px solid rgba(0,0,0,0.1);
}
.jfk-button-standard.jfk-button-hover,.jfk-button-standard.jfk-button-clear-outline.jfk-button-hover {
background-color:#f8f8f8;
background-image:0;
background-image:0;
background-image:0;
background-image:0;
background-image:linear-gradient(top,#f8f8f8,#f1f1f1);
border:1px solid #c6c6c6;
color:#333;
}
.jfk-button-standard:active {
-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
}
.jfk-button-standard.jfk-button-selected,.jfk-button-standard.jfk-button-clear-outline.jfk-button-selected {
background-color:#eee;
background-image:0;
background-image:0;
background-image:0;
background-image:0;
background-image:linear-gradient(top,#f8f8f8,#f1f1f1);
border:1px solid #ccc;
color:#333;
}
.jfk-button-standard.jfk-button-checked,.jfk-button-standard.jfk-button-clear-outline.jfk-button-checked {
-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
background-color:#eee;
background-image:0;
background-image:0;
background-image:0;
background-image:0;
background-image:linear-gradient(top,#eee,#e0e0e0);
border:1px solid #ccc;
color:#333;
}
.jfk-button-standard:focus {
border:1px solid #4d90fe;
}
.jfk-button-standard.jfk-button-clear-outline {
border:1px solid #dcdcdc;
}
.jfk-button-standard.jfk-button-disabled {
background:#fff;
border:1px solid #f3f3f3;
border:1px solid rgba(0,0,0,0.05);
color:#b8b8b8;
}
.jfk-button-standard .jfk-button-img {
opacity:.55;
}
.jfk-button-standard.jfk-button-checked .jfk-button-img,.jfk-button-standard.jfk-button-selected .jfk-button-img,.jfk-button-standard.jfk-button-hover .jfk-button-img {
opacity:0.9;
}
.jfk-button-standard.jfk-button-disabled .jfk-button-img {
filter:alpha(opacity=33);
opacity:0.333;
}
.jfk-butterBar {
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);
-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);
box-shadow:0 2px 4px rgba(0,0,0,0.2);
-webkit-transition:all 0 linear 1s 1s;
-moz-transition:all 0 linear 1s 1s;
-ms-transition:all 0 linear 1s 1s;
-o-transition:all 0 linear 1s 1s;
transition:all 0 linear 1s 1s;
border-style:solid;
border-width:0;
font-size:11px;
height:0;
opacity:0;
overflow:hidden;
padding:0;
text-align:center;
}
.jfk-butterBar-info,
.jfk-butterBar-info a {
background-color:#f9edbe;
border-color:#f0c36d;
color:#333;
}
.jfk-butterBar-error,
.jfk-butterBar-error a {
background-color:#484848;
border-color:#202020;
color:#fff;
}
.jfk-butterBar-promo,
.jfk-butterBar-promo a {
background-color:#d6e9f8;
border-color:#4d90f0;
color:#333;
}
.jfk-butterBar-warning,
.jfk-butterBar-warning a {
background-color:#dd4b39;
border-color:#602019;
color:#fff;
}
.jfk-butterBar-shown {
-webkit-transition:opacity .218s;
-moz-transition:opacity .218s;
-ms-transition:opacity .218s;
-o-transition:opacity .218s;
transition:opacity .218s;
border-width:1px;
height:14px;
opacity:1;
padding:6px 16px;
}
.jfk-butterBar-mini.jfk-butterBar-shown {
padding:2px 16px;
}
.jfk-bubble {
-webkit-box-shadow:0 1px 3px rgba(0,0,0,.2);
-moz-box-shadow:0 1px 3px rgba(0,0,0,.2);
box-shadow:0 1px 3px rgba(0,0,0,.2);
background-color:#fff;
border:1px solid;
border-color:#bbb #bbb #a8a8a8;
padding:16px;
position:absolute;
z-index:1201!important;
}
.jfk-bubble-closebtn {
opacity:.55;
padding:2px;
position:absolute;
right:0;
top:0;
}
.jfk-bubble-closebtn:focus {
opacity:.9;
}
.jfk-bubble-closebtnicon {
height:21px;
width:21px;
}
.jfk-bubble-closebtnicon:before {
content:url(http://ssl.gstatic.com/ui/v1/icons/common/x_8px.png);
}
.jfk-bubble-arrow {
position:absolute;
}
.jfk-bubble-arrow .jfk-bubble-arrowimplbefore,.jfk-bubble-arrow .jfk-bubble-arrowimplafter {
display:block;
height:0;
position:absolute;
width:0;
}
.jfk-bubble-arrow .jfk-bubble-arrowimplbefore {
border:9px solid;
}
.jfk-bubble-arrow .jfk-bubble-arrowimplafter {
border:8px solid;
}
.jfk-bubble-arrowdown {
bottom:0;
}
.jfk-bubble-arrowup {
top:-9px;
}
.jfk-bubble-arrowleft {
left:-9px;
}
.jfk-bubble-arrowright {
right:0;
}
.jfk-bubble-arrowdown .jfk-bubble-arrowimplbefore,.jfk-bubble-arrowup .jfk-bubble-arrowimplbefore {
border-color:#bbb transparent;
left:-9px;
}
.jfk-bubble-arrowdown .jfk-bubble-arrowimplbefore {
border-color:#a8a8a8 transparent;
}
.jfk-bubble-arrowdown .jfk-bubble-arrowimplafter,.jfk-bubble-arrowup .jfk-bubble-arrowimplafter {
border-color:#fff transparent;
left:-8px;
}
.jfk-bubble-arrowdown .jfk-bubble-arrowimplbefore {
border-bottom-width:0;
}
.jfk-bubble-arrowdown .jfk-bubble-arrowimplafter {
border-bottom-width:0;
}
.jfk-bubble-arrowup .jfk-bubble-arrowimplbefore {
border-top-width:0;
}
.jfk-bubble-arrowup .jfk-bubble-arrowimplafter {
border-top-width:0;
top:1px;
}
.jfk-bubble-arrowleft .jfk-bubble-arrowimplbefore,.jfk-bubble-arrowright .jfk-bubble-arrowimplbefore {
border-color:transparent #bbb;
top:-9px;
}
.jfk-bubble-arrowleft .jfk-bubble-arrowimplafter,.jfk-bubble-arrowright .jfk-bubble-arrowimplafter {
border-color:transparent #fff;
top:-8px;
}
.jfk-bubble-arrowleft .jfk-bubble-arrowimplbefore {
border-left-width:0;
}
.jfk-bubble-arrowleft .jfk-bubble-arrowimplafter {
border-left-width:0;
left:1px;
}
.jfk-bubble-arrowright .jfk-bubble-arrowimplbefore {
border-right-width:0;
}
.jfk-bubble-arrowright .jfk-bubble-arrowimplafter {
border-right-width:0;
}
.jfk-bubble.jfk-bubble-promo {
background-color:#f9edbe;
border:1px solid #f0c36d;
}
.jfk-bubble-promo .jfk-bubble-arrowdown .jfk-bubble-arrowimplbefore,.jfk-bubble-promo .jfk-bubble-arrowup .jfk-bubble-arrowimplbefore {
border-color:#f0c36d transparent;
}
.jfk-bubble-promo .jfk-bubble-arrowdown .jfk-bubble-arrowimplafter,.jfk-bubble-promo .jfk-bubble-arrowup .jfk-bubble-arrowimplafter {
border-color:#f9edbe transparent;
}
.jfk-bubble-promo .jfk-bubble-arrowleft .jfk-bubble-arrowimplbefore,.jfk-bubble-promo .jfk-bubble-arrowright .jfk-bubble-arrowimplbefore {
border-color:transparent #f0c36d;
}
.jfk-bubble-promo .jfk-bubble-arrowleft .jfk-bubble-arrowimplafter,.jfk-bubble-promo .jfk-bubble-arrowright .jfk-bubble-arrowimplafter {
border-color:transparent #f9edbe;
}
.jfk-checkbox {
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:1px;
background-color:rgba(255,255,255,.05);
border:1px solid #dcdcdc;
border:1px solid rgba(136,136,136,.3);
cursor:pointer;
font-size:1px;
height:11px;
margin:0 4px 0 1px;
outline:0;
vertical-align:text-bottom;
width:11px;
}
.jfk-checkbox-undetermined {
background-color:#eee;
background-color:rgba(231,231,231,.7);
border:1px solid #dcdcdc;
}
.jfk-checkbox-checked {
background-color:#fff;
background-color:rgba(255,255,255,.7);
}
.jfk-checkbox-hover {
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.1);
-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.1);
box-shadow:inset 0 1px 1px rgba(0,0,0,.1);
border:1px solid #c6c6c6;
}
.jfk-checkbox-active {
background-color:#ebebeb;
}
.jfk-checkbox-focused {
border:1px solid #4d90fe;
}
.jfk-checkbox-disabled {
background-color:#fff;
border:1px solid #eee;
cursor:default;
}
.jfk-checkbox-checkmark {
height:15px;
outline:0;
width:15px;
left:0;
position:relative;
top:-3px;
}
.jfk-checkbox-undetermined .jfk-checkbox-checkmark {
background:url(http://ssl.gstatic.com/ui/v1/menu/checkmark-partial.png) no-repeat -5px -3px;
}
.jfk-checkbox-checked .jfk-checkbox-checkmark {
background:url(http://ssl.gstatic.com/ui/v1/menu/checkmark.png) no-repeat -5px -3px;
}
.jfk-colormenu.goog-menu {
padding:0;
}
.jfk-palette {
cursor:default;
outline:none;
}
.jfk-palette-table {
empty-cells:show;
margin:16px;
}
.jfk-palette-cell {
border:1px solid transparent;
cursor:pointer;
margin:0;
position:relative;
}
.jfk-palette-cell-hover {
border:1px solid #000;
}
.jfk-palette-cell-selected {
outline:1px solid #000;
}
.jfk-palette-colorswatch {
height:16px;
width:16px;
}
.jfk-palette-cell-selected>.jfk-palette-colorswatch {
background:url(http://ssl.gstatic.com/ui/v1/colorpicker/checkmark.png) no-repeat 50% 50%;
}
.jfk-colorwell {
border:1px solid #d9d9d9;
}
.jfk-countrypicker-title {
color:#333;
font-size:16px;
}
.jfk-countrypicker-description {
color:#666;
margin-top:6px;
}
.jfk-countrypicker-content {
border-top:1px solid #ebebeb;
clear:both;
margin-top:10px;
max-height:170px;
overflow:auto;
padding-top:6px;
}
.jfk-countrypicker-column {
float:left;
padding-right:20px;
width:180px;
}
.jfk-countrypicker-countryBlock {
margin-top:6px;
}
.jfk-countrypicker-link,.jfk-countrypicker-country {
color:#15c;
cursor:default;
text-decoration:none;
}
.jfk-countrypicker-link:hover,.jfk-countrypicker-country:hover {
text-decoration:underline;
}
.jfk-countrypicker-countryCurrent,.jfk-countrypicker-countryCurrent:hover {
color:#666;
cursor:default;
font-weight:bold;
outline:none;
text-decoration:none;
}
.jfk-countrypicker-auto {
border-bottom:1px solid #ebebeb;
margin:6px 0 16px;
padding-bottom:10px;
}
.jfk-countrypicker-flag {
background:url(http://ssl.gstatic.com/ui/v1/countrypicker/flags.png) no-repeat 0 1000px;
display:inline-block;
height:11px;
margin-right:6px;
width:16px;
}
.jfk-datepicker {
color:#999;
}
.jfk-datepicker-controls {
font-size:18px;
}
.jfk-datepicker-header-table {
width:100%;
}
.jfk-datepicker-controls-cell {
text-align:right;
}
.jfk-monthview-date {
cursor:pointer;
text-align:left;
}
td.jfk-monthview-date-selected {
color:#dd4b39;
}
td.jfk-monthview-date-current {
color:#000;
}
.jfk-dialog-bg {
background-color:#fff;
left:0;
position:absolute;
top:0;
z-index:1100;
}
.jfk-dialog {
-webkit-outline:0;
background-color:#fff;
-webkit-box-shadow:0 4px 16px rgba(0,0,0,.2);
-moz-box-shadow:0 4px 16px rgba(0,0,0,.2);
box-shadow:0 4px 16px rgba(0,0,0,.2);
border:solid 1px #acacac;
border-bottom-color:#999;
color:#000;
outline:0;
padding:30px 42px;
position:absolute;
top:0;
width:512px;
z-index:1101;
}
.jfk-dialog-ie {
border:solid 3px #acacac;
}
.jfk-dialog-title {
background-color:#fff;
color:#000;
cursor:default;
font-size:16px;
line-height:24px;
margin-bottom:20px;
}
.jfk-dialog-title-close {
background:url(http://ssl.gstatic.com/s2/profiles/images/Close.gif);
cursor:pointer;
height:15px;
position:absolute;
right:15px;
top:10px;
width:15px;
}
.jfk-dialog-content {
background-color:#fff;
line-height:1.4em;
}
.jfk-dialog-content .CSS_APP_ULINK,.jfk-dialog-content a {
color:#36c!important;
}
.jfk-dialog-buttons {
padding-top:20px;
}
.jfk-dialog-buttons button {
border:solid 1px #d9d9d9;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
color:#666;
font-weight:bold;
margin:0 16px 0 0;
padding:6px 12px;
-webkit-transition:all .218s ease;
-moz-transition:all .218s ease;
-o-transition:all .218s ease;
transition:all .218s ease;
}
.jfk-dialog-buttons button:hover {
border:solid 1px #c0c0c0;
box-shadow:0 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:0 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1);
color:#333;
}
.jfk-dialog-buttons button:active {
border:solid 1px #bbb;
box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
color:#333;
}
.jfk-dialog-buttons button[disabled] {
background-color:#f6f6f6;
border:solid 1px #ddd;
color:#bbb;
}
.jfk-dialog-buttons .goog-buttonset-default {
border:solid 1px #29691d;
color:#fff;
}
.jfk-dialog-buttons .goog-buttonset-default:hover {
border:solid 1px #2d6200;
box-shadow:0 1px 1px rgba(0,0,0,0.2);
-moz-box-shadow:0 1px 1px rgba(0,0,0,0.2);
-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.2);
color:#fff;
text-shadow:0 1px rgba(0,0,0,0.3);
-moz-text-shadow:0 1px rgba(0,0,0,0.3);
-webkit-text-shadow:0 1px rgba(0,0,0,0.3);
}
.jfk-dialog-buttons .goog-buttonset-default:active {
border:solid 1px #29691d;
box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);
-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);
-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);
color:#fff;
}
.jfk-dialog-buttons .goog-buttonset-default[disabled] {
border:solid 1px #c8c8c8;
color:#fff;
box-shadow:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
text-shadow:none;
-moz-text-shadow:none;
-webkit-text-shadow:none;
}
.jfk-dialog-promptmsg {
margin-bottom:18px;
}
.jfk-dialog-promptlabel {
width:100%;
}
.jfk-errorbox-clearfloats {
clear:both;
}
.jfk-errorbox {
background-color:#d32f40;
background-image:0;
background-image:0;
background-image:0;
background-image:0;
background-image:linear-gradient(top,#d32f40,#bf1730);
border:solid 1px #b1212d;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
color:#fff;
margin-top:20px;
padding:4px 6px;
text-align:center;
}
.modal-dialog {
color:#000;
padding:30px 42px;
}
.modal-dialog-title {
background-color:#fff;
color:#000;
cursor:default;
font-size:16px;
font-weight:normal;
line-height:24px;
margin:0 0 16px;
}
.modal-dialog-title-close {
cursor:pointer;
height:11px;
opacity:0.7;
padding:17px;
position:absolute;
right:0;
top:0;
width:11px;
}
.modal-dialog-title-close:after {
content:'';
background:url(http://ssl.gstatic.com/ui/v1/dialog/close-x.png);
position:absolute;
height:11px;
width:11px;
right:17px;
}
.modal-dialog-title-close:hover {
opacity:1;
}
.modal-dialog-content {
background-color:#fff;
line-height:1.4em;
}
.modal-dialog-buttons {
margin-top:16px;
}
.modal-dialog-buttons button {
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
background-color:#f5f5f5;
background-image:0;
background-image:0;
background-image:0;
background-image:0;
background-image:linear-gradient(top,#f5f5f5,#f1f1f1);
border:1px solid #dcdcdc;
border:1px solid rgba(0,0,0,0.1);
color:#444;
cursor:default;
font-size:11px;
font-weight:bold;
height:29px;
line-height:27px;
margin:0 16px 0 0;
min-width:72px;
outline:0;
padding:0 8px;
}
.modal-dialog-buttons button:hover,.modal-dialog-buttons button:active {
-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:0 1px 1px rgba(0,0,0,0.1);
box-shadow:0 1px 1px rgba(0,0,0,0.1);
background-color:#f8f8f8;
background-image:0;
background-image:0;
background-image:0;
background-image:0;
background-image:linear-gradient(top,#f8f8f8,#f1f1f1);
border:1px solid #c6c6c6;
color:#333;
}
.modal-dialog-buttons button:active {
-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
}
.modal-dialog-buttons button:focus {
border:1px solid #4d90fe;
}
.modal-dialog-buttons button[disabled] {
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
background:#fff;
background-image:none;
border:1px solid #f3f3f3;
border:1px solid rgba(0,0,0,0.05);
color:#b8b8b8;
}
.modal-dialog-buttons .goog-buttonset-action {
background-color:#4d90fe;
background-image:0;
background-image:0;
background-image:0;
background-image:0;
background-image:linear-gradient(top,#4d90fe,#4787ed);
border:1px solid #3079ed;
color:#fff;
}
.modal-dialog-buttons .goog-buttonset-action:hover,.modal-dialog-buttons .goog-buttonset-action:active {
background-color:#357ae8;
background-image:0;
background-image:0;
background-image:0;
background-image:0;
background-image:linear-gradient(top,#4d90fe,#357ae8);
border:1px solid #2f5bb7;
color:#fff;
}
.modal-dialog-buttons .goog-buttonset-action:active {
-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);
-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);
box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);
}
.modal-dialog-buttons .goog-buttonset-action:focus {
-webkit-box-shadow:inset 0 0 0 1px #fff;
-moz-box-shadow:inset 0 0 0 1px #fff;
box-shadow:inset 0 0 0 1px #fff;
border:1px solid #fff;
border:1px solid rgba(0,0,0,0);
outline:1px solid #4d90fe;
outline:0 rgba(0,0,0,0);
}
.modal-dialog-buttons .goog-buttonset-action[disabled] {
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
background:#4d90fe;
color:#fff;
filter:alpha(opacity=50);
opacity:0.5;
}
.jfk-alert,.jfk-confirm {
width:512px;
}
.goog-link-button {
position:relative;
color:#15c;
text-decoration:underline;
cursor:pointer;
}
.goog-link-button-disabled {
color:#ccc;
text-decoration:none;
cursor:default;
}
.goog-menu {
-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);
-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);
box-shadow:0 2px 4px rgba(0,0,0,0.2);
-webkit-transition:opacity .218s;
-moz-transition:opacity .218s;
-ms-transition:opacity .218s;
-o-transition:opacity .218s;
transition:opacity .218s;
background:#fff;
border:1px solid #ccc;
border:1px solid rgba(0,0,0,.2);
cursor:default;
font-size:13px;
margin:0;
outline:none;
padding:0 0 6px;
position:absolute;
}
.goog-flat-menu-button {
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
background-color:#f5f5f5;
background-image:0;
background-image:0;
background-image:0;
background-image:0;
background-image:linear-gradient(top,#f5f5f5,#f1f1f1);
border:1px solid #dcdcdc;
color:#444;
font-size:11px;
font-weight:bold;
line-height:27px;
list-style:none;
margin:0 2px;
min-width:46px;
outline:none;
padding:0 18px 0 6px;
text-align:center;
text-decoration:none;
vertical-align:middle;
}
.goog-flat-menu-button-disabled {
background-color:#fff;
border-color:#f3f3f3;
color:#b8b8b8;
cursor:default;
}
.goog-flat-menu-button.goog-flat-menu-button-hover {
background-color:#f8f8f8;
background-image:0;
background-image:0;
background-image:0;
background-image:0;
background-image:linear-gradient(top,#f8f8f8,#f1f1f1);
-webkit-box-shadow:0 1px 1px rgba(0,0,0,.1);
-moz-box-shadow:0 1px 1px rgba(0,0,0,.1);
box-shadow:0 1px 1px rgba(0,0,0,.1);
border-color:#c6c6c6;
color:#333;
}
.goog-flat-menu-button.goog-flat-menu-button-focused {
border-color:#4d90fe;
}
.goog-flat-menu-button.goog-flat-menu-button-open,.goog-flat-menu-button.goog-flat-menu-button-active {
-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
background-color:#eee;
background-image:0;
background-image:0;
background-image:0;
background-image:0;
background-image:linear-gradient(top,#eee,#e0e0e0);
border:1px solid #ccc;
color:#333;
z-index:2;
}
.goog-flat-menu-button-caption {
vertical-align:top;
white-space:nowrap;
}
.goog-flat-menu-button-dropdown {
border-color:#777 transparent;
border-style:solid;
border-width:4px 4px 0;
height:0;
width:0;
position:absolute;
right:5px;
top:12px;
}
.goog-flat-menu-button .goog-flat-menu-button-img {
margin-top:-3px;
opacity:.55;
vertical-align:middle;
}
.goog-flat-menu-button-active .goog-flat-menu-button-img,.goog-flat-menu-button-open .goog-flat-menu-button-img,.goog-flat-menu-button-selected .goog-flat-menu-button-img,.goog-flat-menu-button-hover .goog-flat-menu-button-img {
opacity:0.9;
}
.goog-flat-menu-button-active .goog-flat-menu-button-dropdown,.goog-flat-menu-button-open .goog-flat-menu-button-dropdown,.goog-flat-menu-button-selected .goog-flat-menu-button-dropdown,.goog-flat-menu-button-hover .goog-flat-menu-button-dropdown {
border-color:#595959 transparent;
}
.goog-flat-menu-button-left,.goog-flat-menu-button-right {
z-index:1;
}
.goog-flat-menu-button-left.goog-flat-menu-button-disabled {
z-index:0;
}
.goog-flat-menu-button-right:focus,.goog-flat-menu-button-hover.goog-flat-menu-button-collapse-right {
z-index:2;
}
.goog-flat-menu-button-left:focus,.goog-flat-menu-button-hover.goog-flat-menu-button-collapse-left {
z-index:2;
}
.goog-flat-menu-button-collapse-left {
margin-left:-1px;
-moz-border-radius-bottomleft:0;
-moz-border-radius-topleft:0;
-webkit-border-bottom-left-radius:0;
-webkit-border-top-left-radius:0;
border-bottom-left-radius:0;
border-top-left-radius:0;
min-width:0;
padding-left:0;
vertical-align:top;
}
.goog-flat-menu-button-collapse-right {
margin-right:0;
-moz-border-radius-topright:0;
-moz-border-radius-bottomright:0;
-webkit-border-top-right-radius:0;
-webkit-border-bottom-right-radius:0;
border-top-right-radius:0;
border-bottom-right-radius:0;
}
.goog-menuitem,.goog-tristatemenuitem,.goog-filterobsmenuitem {
position:relative;
color:#333;
cursor:pointer;
list-style:none;
margin:0;
padding:6px 7em 6px 30px;
white-space:nowrap;
}
.goog-menu-nocheckbox .goog-menuitem,.goog-menu-noicon .goog-menuitem {
padding-left:16px;
vertical-align:middle;
}
.goog-menu-noaccel .goog-menuitem {
padding-right:44px;
}
.goog-menuitem-disabled .goog-menuitem-accel,.goog-menuitem-disabled .goog-menuitem-content {
color:#ccc!important;
}
.goog-menuitem-disabled .goog-menuitem-icon {
filter:alpha(opacity=30);
opacity:0.3;
}
.goog-menuitem-highlight,.goog-menuitem-hover {
background-color:#eee;
border-color:#eee;
border-style:dotted;
border-width:1px 0;
padding-top:5px;
padding-bottom:5px;
}
.goog-menuitem-highlight .goog-menuitem-content,.goog-menuitem-hover .goog-menuitem-content {
color:#333;
}
.goog-menuitem-checkbox,.goog-menuitem-icon {
background-repeat:no-repeat;
height:21px;
left:3px;
position:absolute;
right:auto;
top:3px;
vertical-align:middle;
width:21px;
}
.goog-option-selected {
background-image:url(http://ssl.gstatic.com/ui/v1/menu/checkmark.png);
background-repeat:no-repeat;
background-position:left center;
}
.goog-option-selected .goog-menuitem-content,.goog-option-selected .goog-menuitem-content {
color:#333;
}
.goog-menuitem-accel {
color:#666;
direction:ltr;
left:auto;
padding:0 6px;
position:absolute;
right:0;
text-align:right;
}
.goog-menuseparator {
border-top:1px solid #ebebeb;
margin-top:9px;
margin-bottom:10px;
}
.goog-modalpopup,.modal-dialog {
-webkit-box-shadow:0 4px 16px rgba(0,0,0,.2);
-moz-box-shadow:0 4px 16px rgba(0,0,0,.2);
box-shadow:0 4px 16px rgba(0,0,0,.2);
background:#fff;
background-clip:padding-box;
border:1px solid #acacac;
border:1px solid rgba(0,0,0,.333);
outline:0;
position:absolute;
}
.goog-modalpopup-bg,.modal-dialog-bg {
background:#fff;
left:0;
position:absolute;
top:0;
}
div.goog-modalpopup-bg,div.modal-dialog-bg {
filter:alpha(opacity=75);
-moz-opacity:.75;
opacity:.75;
}
.goog-slider {
position:relative;
outline:0;
}
.goog-slider-horizontal {
height:18px;
}
.goog-slider-vertical {
width:18px;
}
.goog-slider-thumb {
background-color:#f5f5f5;
background-image:0;
background-image:0;
background-image:0;
background-image:0;
background-image:linear-gradient(top,#f5f5f5,#f1f1f1);
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
-webkit-transition:background-color .218s .218s .218s;
-moz-transition:background-color .218s .218s .218s;
-ms-transition:background-color .218s .218s .218s;
-o-transition:background-color .218s .218s .218s;
transition:background-color .218s .218s .218s;
border:1px solid #dcdcdc;
height:16px;
position:absolute;
width:16px;
}
.goog-slider-thumb:hover {
background-color:#f8f8f8;
background-image:0;
background-image:0;
background-image:0;
background-image:0;
background-image:linear-gradient(top,#f8f8f8,#f1f1f1);
border-color:#c6c6c6;
}
.goog-slider-scale {
position:absolute;
}
.goog-slider-horizontal .goog-slider-scale {
border-top:1px solid #ccc;
top:8px;
width:100%;
}
.goog-slider-vertical .goog-slider-scale {
border-left:1px solid #ccc;
height:100%;
left:8px;
}
.goog-submenu-arrow {
-webkit-transition:all .218s;
-moz-transition:all .218s;
-ms-transition:all .218s;
-o-transition:all .218s;
transition:all .218s;
font-size:70%;
left:auto;
right:10px;
padding-top:3px;
padding-right:0;
position:absolute;
text-align:right;
opacity:.5;
filter:alpha(opacity=50);
}
.goog-menuitem-highlight .goog-submenu-arrow,.goog-menuitem-hover .goog-submenu-arrow {
-webkit-transition:none;
-moz-transition:none;
-ms-transition:none;
-o-transition:none;
transition:none;
border-left-color:#999;
opacity:1.0;
}
.goog-menuitem-disabled .goog-submenu-arrow {
color:inherit;
opacity:1.0;
}
.jfk-textinput {
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:1px;
border:1px solid #d9d9d9;
border-top:1px solid #c0c0c0;
font-size:13px;
height:25px;
padding:1px 8px;
}
.jfk-textinput:focus {
-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);
-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);
box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);
border:1px solid #4d90fe;
outline:none;
}
.goog-toolbar {
background:#f5f5f5;
border-top:1px solid #e5e5e5;
border-bottom:1px solid #ebebeb;
outline:0;
padding:8px 0 4px;
position:relative;
zoom:1;
}
.goog-toolbar-button,.goog-toolbar-menu-button {
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
background:0;
border-color:transparent;
border-style:solid;
border-width:1px;
outline:none;
padding:0;
height:24px;
color:#444;
line-height:24px;
list-style:none;
font-size:11px;
font-weight:bold;
text-decoration:none;
vertical-align:middle;
cursor:default;
}
.goog-toolbar-button-outer-box,.goog-toolbar-button-inner-box .goog-toolbar-menu-button-outer-box,.goog-toolbar-menu-button-inner-box {
border:0;
vertical-align:top;
}
.goog-toolbar-button-outer-box,.goog-toolbar-menu-button-outer-box {
margin:0;
padding:0;
}
.goog-toolbar-button-inner-box,.goog-toolbar-menu-button-inner-box {
padding:0 2px;
}
.goog-toolbar-button-hover,.goog-toolbar-button-active,.goog-toolbar-button-checked,.goog-toolbar-button-selected {
color:#222;
padding:0;
}
.goog-toolbar-button-hover,.goog-toolbar-menu-button-hover {
border-color:#c6c6c6!important;
color:#222;
}
.goog-toolbar-menu-button-open {
color:#222;
}
.goog-toolbar-button-hover,.goog-toolbar-menu-button-hover {
-webkit-box-shadow:0 1px 1px rgba(0,0,0,.1);
-moz-box-shadow:0 1px 1px rgba(0,0,0,.1);
box-shadow:0 1px 1px rgba(0,0,0,.1);
background-color:#f8f8f8;
background-image:0;
background-image:0;
background-image:0;
background-image:0;
background-image:linear-gradient(top,#f8f8f8,#f1f1f1);
}
.goog-toolbar-button-active,.goog-toolbar-menu-button-active {
-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
background-color:#f6f6f6;
background-image:0;
background-image:0;
background-image:0;
background-image:0;
background-image:linear-gradient(top,#f6f6f6,#f1f1f1);
border-color:#c6c6c6;
}
.goog-toolbar-button-selected,.goog-toolbar-button-checked,.goog-toolbar-menu-button-open {
-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
background-color:#eee;
background-image:0;
background-image:0;
background-image:0;
background-image:0;
background-image:linear-gradient(top,#eee,#e0e0e0);
border-color:#ccc;
}
.goog-toolbar-button-disabled,.goog-toolbar-menu-button-disabled {
color:#222!important;
opacity:0.3;
filter:alpha(opacity=30);
}
.goog-toolbar-button-collapse-right,.goog-toolbar-button-collapse-right .goog-toolbar-button-outer-box,.goog-toolbar-button-collapse-right .goog-toolbar-button-inner-box {
margin-right:0;
}
.goog-toolbar-button-collapse-left,.goog-toolbar-button-collapse-left .goog-toolbar-button-outer-box,.goog-toolbar-button-collapse-left .goog-toolbar-button-inner-box {
margin-left:0;
}
.goog-toolbar-menu-button-dropdown {
background:url(http://ssl.gstatic.com/ui/v1/disclosure/small-grey-disclosure-arrow-down.png) center no-repeat;
float:right;
margin:10px 2px 0 3px;
padding:0;
opacity:.8;
vertical-align:middle;
width:5px;
height:7px;
float:none;
position:relative;
top:-3px;
}
.goog-toolbar-separator {
border-left:1px solid #ccc;
height:17px;
line-height:normal;
list-style:none;
margin:0 2px;
outline:none;
overflow:hidden;
padding:0;
text-decoration:none;
vertical-align:middle;
width:0;
}
.goog-toolbar-select .goog-toolbar-menu-button-dropdown {
background:url(http://ssl.gstatic.com/ui/v1/disclosure/small-grey-disclosure-arrow-up-down.png) center no-repeat;
height:11px;
margin-top:7px;
width:7px;
-webkit-transform:none;
-moz-transform:none;
transform:none;
filter:none;
}
.goog-toolbar-menu-button-caption {
padding:0;
margin:0;
}
.goog-tristatemenuitem-highlight,.goog-tristatemenuitem-hover,.goog-filterobsmenuitem-highlight,.goog-filterobsmenuitem-hover {
background-color:#eee;
border-color:#eee;
border-style:dotted;
border-width:1px 0;
padding-top:5px;
padding-bottom:5px;
}
.goog-menuitem-highlight .goog-menuitem-content,.goog-menuitem-hover .goog-menuitem-content {
color:#333;
}
.goog-tristatemenuitem-checkbox {
background-repeat:no-repeat;
height:21px;
left:3px;
position:absolute;
right:auto;
vertical-align:middle;
width:21px;
}
.goog-tristatemenuitem,.goog-tristatemenuitem-partially-checked,.goog-tristatemenuitem-fully-checked {
background-repeat:no-repeat;
background-position:left center;
}
.goog-tristatemenuitem {
background-image:url(http://ssl.gstatic.com/ui/v1/menu/tristate-unchecked.png);
}
.goog-tristatemenuitem-partially-checked {
background-image:url(http://ssl.gstatic.com/ui/v1/menu/tristate-partial.png);
}
.goog-tristatemenuitem-fully-checked {
background-image:url(http://ssl.gstatic.com/ui/v1/menu/tristate-checked.png);
}
.goog-zippy-expanded,.goog-zippy-collapsed {
-webkit-transition:background-color .218s,opacity .218s;
-moz-transition:background-color .218s,opacity .218s;
-ms-transition:background-color .218s,opacity .218s;
-o-transition:background-color .218s,opacity .218s;
transition:background-color .218s,opacity .218s;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
cursor:default;
opacity:0.8;
outline:0;
padding:7px 0 7px 17px;
position:relative;
}
.goog-zippy-expanded:hover,.goog-zippy-collapsed:hover,.goog-zippy-expanded:focus,.goog-zippy-collapsed:focus {
background-color:#eee;
opacity:1;
}
.goog-zippy-expanded:before {
content:url(http://ssl.gstatic.com/ui/v1/zippy/arrow_down.png);
left:5px;
top:5px;
position:absolute;
}
.goog-zippy-collapsed:before {
content:url(http://ssl.gstatic.com/ui/v1/zippy/arrow_right.png);
left:7px;
top:6px;
position:absolute;
}
.jfk-zippy-content {
padding-left:17px;
}
.jfk-freestanding-menu-button {
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:1px;
background:url(http://ssl.gstatic.com/ui/v1/disclosure/light-grey-disclosure-arrow-down.png) center no-repeat;
border:1px solid #e5e5e5;
height:11px;
width:11px;
cursor:pointer;
}
.jfk-freestanding-menu-button-hover,.jfk-freestanding-menu-button-active,.jfk-freestanding-menu-button-open {
background:url(http://ssl.gstatic.com/ui/v1/disclosure/dark-grey-disclosure-arrow-down.png) center no-repeat #eee;
border-color:#c6c6c6;
}
.jfk-select .goog-flat-menu-button-dropdown {
background:url(http://ssl.gstatic.com/ui/v1/disclosure/grey-disclosure-arrow-up-down.png) center no-repeat;
border:none;
height:11px;
margin-top:-4px;
width:7px;
}
.jfk-progressbar .progress-bar-horizontal,.jfk-progressbar .progress-bar-vertical {
border-color:#999;
}
.jfk-progressbar .progress-bar-thumb {
background-color:#ccc;
}
.jfk-radiobutton {
display:inline-block;
padding:5px 7px;
position:relative;
}
.jfk-radiobutton-radio {
background:url(http://ssl.gstatic.com/ui/v1/radiobutton/unchecked.png) -3px -3px;
background:rgba(255,255,255,0);
border:1px solid rgba(220,220,220,1);
border-radius:50%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
height:15px;
left:7px;
margin:0;
outline:none;
position:absolute;
text-align:left;
top:6px;
width:15px;
}
.jfk-radiobutton:active .jfk-radiobutton-radio {
background:rgba(235,235,235,1);
border-color:rgba(198,198,198,1);
}
.jfk-radiobutton:hover .jfk-radiobutton-radio {
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.1);
-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.1);
box-shadow:inset 0 1px 1px rgba(0,0,0,.1);
border-color:rgba(198,198,198,1);
}
.jfk-radiobutton-checked .jfk-radiobutton-radio {
background:url(http://ssl.gstatic.com/ui/v1/radiobutton/checked.png) -3px -3px;
background:rgba(255,255,255,0);
}
.jfk-radiobutton-checked .jfk-radiobutton-radio::after {
background:rgba(96,96,96,1);
border-radius:50%;
content:'';
display:block;
height:7px;
left:3px;
position:relative;
top:3px;
width:7px;
}
.jfk-radiobutton .jfk-radiobutton-label {
margin-left:22px;
}
.jfk-rating {
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
display:inline-block;
outline:none;
}
.jfk-rating:hover {
}
.jfk-rating:focus {
}
.jfk-rating-star {
display:inline-block;
height:13px;
margin:0 3px;
text-align:center;
width:13px;
}
.jfk-rating-actionable .jfk-rating-star {
cursor:pointer;
}
.jfk-rating .jfk-rating-star {
background:url(http://ssl.gstatic.com/ui/v1/rating/rating-blank.png) no-repeat;
}
.jfk-rating .jfk-rating-star-half {
background:url(http://ssl.gstatic.com/ui/v1/rating/rating-half.png) no-repeat;
}
.jfk-rating .jfk-rating-star-full {
background:url(http://ssl.gstatic.com/ui/v1/rating/rating-full.png) no-repeat;
}
::-webkit-scrollbar {
height:16px;
overflow:visible;
width:16px;
}
::-webkit-scrollbar-button {
height:0;
width:0;
}
::-webkit-scrollbar-track {
background-clip:padding-box;
border:solid transparent;
border-width:0 0 0 7px;
}
::-webkit-scrollbar-track:horizontal {
border-width:7px 0 0;
}
::-webkit-scrollbar-track:hover {
background-color:rgba(0,0,0,.05);
box-shadow:inset 1px 0 0 rgba(0,0,0,.1);
}
::-webkit-scrollbar-track:horizontal:hover {
box-shadow:inset 0 1px 0 rgba(0,0,0,.1);
}
::-webkit-scrollbar-track:active {
background-color:rgba(0,0,0,.05);
box-shadow:inset 1px 0 0 rgba(0,0,0,.14),inset -1px 0 0 rgba(0,0,0,.07);
}
::-webkit-scrollbar-track:horizontal:active {
box-shadow:inset 0 1px 0 rgba(0,0,0,.14),inset 0 -1px 0 rgba(0,0,0,.07);
}
.jfk-scrollbar-dark::-webkit-scrollbar-track:hover {
background-color:rgba(255,255,255,.1);
box-shadow:inset 1px 0 0 rgba(255,255,255,.2);
}
.jfk-scrollbar-dark::-webkit-scrollbar-track:horizontal:hover {
box-shadow:inset 0 1px 0 rgba(255,255,255,.2);
}
.jfk-scrollbar-dark::-webkit-scrollbar-track:active {
background-color:rgba(255,255,255,.1);
box-shadow:inset 1px 0 0 rgba(255,255,255,.25),inset -1px 0 0 rgba(255,255,255,.15);
}
.jfk-scrollbar-dark::-webkit-scrollbar-track:horizontal:active {
box-shadow:inset 0 1px 0 rgba(255,255,255,.25),inset 0 -1px 0 rgba(255,255,255,.15);
}
::-webkit-scrollbar-thumb {
background-color:rgba(0,0,0,.2);
background-clip:padding-box;
border:solid transparent;
border-width:0 0 0 7px;
min-height:28px;
padding:100px 0 0;
box-shadow:inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
}
::-webkit-scrollbar-thumb:horizontal {
border-width:7px 0 0;
padding:0 0 0 100px;
box-shadow:inset 1px 1px 0 rgba(0,0,0,.1),inset -1px 0 0 rgba(0,0,0,.07);
}
::-webkit-scrollbar-thumb:hover {
background-color:rgba(0,0,0,.4);
box-shadow:inset 1px 1px 1px rgba(0,0,0,.25);
}
::-webkit-scrollbar-thumb:active {
background-color:rgba(0,0,0,0.5);
box-shadow:inset 1px 1px 3px rgba(0,0,0,0.35);
}
.jfk-scrollbar-dark::-webkit-scrollbar-thumb {
background-color:rgba(255,255,255,.3);
box-shadow:inset 1px 1px 0 rgba(255,255,255,.15),inset 0 -1px 0 rgba(255,255,255,.1);
}
.jfk-scrollbar-dark::-webkit-scrollbar-thumb:horizontal {
box-shadow:inset 1px 1px 0 rgba(255,255,255,.15),inset -1px 0 0 rgba(255,255,255,.1);
}
.jfk-scrollbar-dark::-webkit-scrollbar-thumb:hover {
background-color:rgba(255,255,255,.6);
box-shadow:inset 1px 1px 1px rgba(255,255,255,.37);
}
.jfk-scrollbar-dark::-webkit-scrollbar-thumb:active {
background-color:rgba(255,255,255,.75);
box-shadow:inset 1px 1px 3px rgba(255,255,255,.5);
}
.jfk-scrollbar-borderless::-webkit-scrollbar-track {
border-width:0 1px 0 6px;
}
.jfk-scrollbar-borderless::-webkit-scrollbar-track:horizontal {
border-width:6px 0 1px;
}
.jfk-scrollbar-borderless::-webkit-scrollbar-track:hover {
background-color:rgba(0,0,0,.035);
box-shadow:inset 1px 1px 0 rgba(0,0,0,.14),inset -1px -1px 0 rgba(0,0,0,.07);
}
.jfk-scrollbar-borderless.jfk-scrollbar-dark::-webkit-scrollbar-track:hover {
background-color:rgba(255,255,255,.07);
box-shadow:inset 1px 1px 0 rgba(255,255,255,.25),inset -1px -1px 0 rgba(255,255,255,.15);
}
.jfk-scrollbar-borderless::-webkit-scrollbar-thumb {
border-width:0 1px 0 6px;
}
.jfk-scrollbar-borderless::-webkit-scrollbar-thumb:horizontal {
border-width:6px 0 1px;
}
::-webkit-scrollbar-corner {
background:transparent;
}
body::-webkit-scrollbar-track-piece {
background-clip:padding-box;
background-color:#f5f5f5;
border:solid #fff;
border-width:0 0 0 3px;
box-shadow:inset 1px 0 0 rgba(0,0,0,.14),inset -1px 0 0 rgba(0,0,0,.07);
}
body::-webkit-scrollbar-track-piece:horizontal {
border-width:3px 0 0;
box-shadow:inset 0 1px 0 rgba(0,0,0,.14),inset 0 -1px 0 rgba(0,0,0,.07);
}
body::-webkit-scrollbar-thumb {
border-width:1px 1px 1px 5px;
}
body::-webkit-scrollbar-thumb:horizontal {
border-width:5px 1px 1px;
}
body::-webkit-scrollbar-corner {
background-clip:padding-box;
background-color:#f5f5f5;
border:solid #fff;
border-width:3px 0 0 3px;
box-shadow:inset 1px 1px 0 rgba(0,0,0,.14);
}
.jfk-scrollbar::-webkit-scrollbar {
height:16px;
overflow:visible;
width:16px;
}
.jfk-scrollbar::-webkit-scrollbar-button {
height:0;
width:0;
}
.jfk-scrollbar::-webkit-scrollbar-track {
background-clip:padding-box;
border:solid transparent;
border-width:0 0 0 7px;
}
.jfk-scrollbar::-webkit-scrollbar-track:horizontal {
border-width:7px 0 0;
}
.jfk-scrollbar::-webkit-scrollbar-track:hover {
background-color:rgba(0,0,0,.05);
box-shadow:inset 1px 0 0 rgba(0,0,0,.1);
}
.jfk-scrollbar::-webkit-scrollbar-track:horizontal:hover {
box-shadow:inset 0 1px 0 rgba(0,0,0,.1);
}
.jfk-scrollbar::-webkit-scrollbar-track:active {
background-color:rgba(0,0,0,.05);
box-shadow:inset 1px 0 0 rgba(0,0,0,.14),inset -1px 0 0 rgba(0,0,0,.07);
}
.jfk-scrollbar::-webkit-scrollbar-track:horizontal:active {
box-shadow:inset 0 1px 0 rgba(0,0,0,.14),inset 0 -1px 0 rgba(0,0,0,.07);
}
.jfk-scrollbar-dark.jfk-scrollbar::-webkit-scrollbar-track:hover {
background-color:rgba(255,255,255,.1);
box-shadow:inset 1px 0 0 rgba(255,255,255,.2);
}
.jfk-scrollbar-dark.jfk-scrollbar::-webkit-scrollbar-track:horizontal:hover {
box-shadow:inset 0 1px 0 rgba(255,255,255,.2);
}
.jfk-scrollbar-dark.jfk-scrollbar::-webkit-scrollbar-track:active {
background-color:rgba(255,255,255,.1);
box-shadow:inset 1px 0 0 rgba(255,255,255,.25),inset -1px 0 0 rgba(255,255,255,.15);
}
.jfk-scrollbar-dark.jfk-scrollbar::-webkit-scrollbar-track:horizontal:active {
box-shadow:inset 0 1px 0 rgba(255,255,255,.25),inset 0 -1px 0 rgba(255,255,255,.15);
}
.jfk-scrollbar::-webkit-scrollbar-thumb {
background-color:rgba(0,0,0,.2);
background-clip:padding-box;
border:solid transparent;
border-width:0 0 0 7px;
min-height:28px;
padding:100px 0 0;
box-shadow:inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
}
.jfk-scrollbar::-webkit-scrollbar-thumb:horizontal {
border-width:7px 0 0;
padding:0 0 0 100px;
box-shadow:inset 1px 1px 0 rgba(0,0,0,.1),inset -1px 0 0 rgba(0,0,0,.07);
}
.jfk-scrollbar::-webkit-scrollbar-thumb:hover {
background-color:rgba(0,0,0,.4);
box-shadow:inset 1px 1px 1px rgba(0,0,0,.25);
}
.jfk-scrollbar::-webkit-scrollbar-thumb:active {
background-color:rgba(0,0,0,0.5);
box-shadow:inset 1px 1px 3px rgba(0,0,0,0.35);
}
.jfk-scrollbar-dark.jfk-scrollbar::-webkit-scrollbar-thumb {
background-color:rgba(255,255,255,.3);
box-shadow:inset 1px 1px 0 rgba(255,255,255,.15),inset 0 -1px 0 rgba(255,255,255,.1);
}
.jfk-scrollbar-dark.jfk-scrollbar::-webkit-scrollbar-thumb:horizontal {
box-shadow:inset 1px 1px 0 rgba(255,255,255,.15),inset -1px 0 0 rgba(255,255,255,.1);
}
.jfk-scrollbar-dark.jfk-scrollbar::-webkit-scrollbar-thumb:hover {
background-color:rgba(255,255,255,.6);
box-shadow:inset 1px 1px 1px rgba(255,255,255,.37);
}
.jfk-scrollbar-dark.jfk-scrollbar::-webkit-scrollbar-thumb:active {
background-color:rgba(255,255,255,.75);
box-shadow:inset 1px 1px 3px rgba(255,255,255,.5);
}
.jfk-scrollbar-borderless.jfk-scrollbar::-webkit-scrollbar-track {
border-width:0 1px 0 6px;
}
.jfk-scrollbar-borderless.jfk-scrollbar::-webkit-scrollbar-track:horizontal {
border-width:6px 0 1px;
}
.jfk-scrollbar-borderless.jfk-scrollbar::-webkit-scrollbar-track:hover {
background-color:rgba(0,0,0,.035);
box-shadow:inset 1px 1px 0 rgba(0,0,0,.14),inset -1px -1px 0 rgba(0,0,0,.07);
}
.jfk-scrollbar-borderless.jfk-scrollbar-dark.jfk-scrollbar::-webkit-scrollbar-track:hover {
background-color:rgba(255,255,255,.07);
box-shadow:inset 1px 1px 0 rgba(255,255,255,.25),inset -1px -1px 0 rgba(255,255,255,.15);
}
.jfk-scrollbar-borderless.jfk-scrollbar::-webkit-scrollbar-thumb {
border-width:0 1px 0 6px;
}
.jfk-scrollbar-borderless.jfk-scrollbar::-webkit-scrollbar-thumb:horizontal {
border-width:6px 0 1px;
}
.jfk-scrollbar::-webkit-scrollbar-corner {
background:transparent;
}
body.jfk-scrollbar::-webkit-scrollbar-track-piece {
background-clip:padding-box;
background-color:#f5f5f5;
border:solid #fff;
border-width:0 0 0 3px;
box-shadow:inset 1px 0 0 rgba(0,0,0,.14),inset -1px 0 0 rgba(0,0,0,.07);
}
body.jfk-scrollbar::-webkit-scrollbar-track-piece:horizontal {
border-width:3px 0 0;
box-shadow:inset 0 1px 0 rgba(0,0,0,.14),inset 0 -1px 0 rgba(0,0,0,.07);
}
body.jfk-scrollbar::-webkit-scrollbar-thumb {
border-width:1px 1px 1px 5px;
}
body.jfk-scrollbar::-webkit-scrollbar-thumb:horizontal {
border-width:5px 1px 1px;
}
body.jfk-scrollbar::-webkit-scrollbar-corner {
background-clip:padding-box;
background-color:#f5f5f5;
border:solid #fff;
border-width:3px 0 0 3px;
box-shadow:inset 1px 1px 0 rgba(0,0,0,.14);
}
.jfk-twothumbslider {
position:relative;
outline:0;
}
.goog-twothumbslider-horizontal {
height:18px;
}
.goog-twothumbslider-vertical {
width:18px;
}
.goog-twothumbslider-horizontal .goog-twothumbslider-value-thumb,.goog-twothumbslider-horizontal .goog-twothumbslider-extent-thumb {
position:absolute;
height:0;
width:16px;
}
.goog-twothumbslider-vertical .goog-twothumbslider-value-thumb,.goog-twothumbslider-vertical .goog-twothumbslider-extent-thumb {
position:absolute;
height:16px;
width:0;
}
.jfk-slider-thumbimpl {
background-color:#999;
border:1px solid #999;
-webkit-transition:background-color .218s .218s .218s;
-moz-transition:background-color .218s .218s .218s;
-ms-transition:background-color .218s .218s .218s;
-o-transition:background-color .218s .218s .218s;
transition:background-color .218s .218s .218s;
}
.jfk-twothumbslider:hover .jfk-slider-thumbimpl,.jfk-twothumbslider.goog-slider-dragging .jfk-slider-thumbimpl {
background-color:#fff;
}
.jfk-twothumbslider.goog-slider-dragging .goog-slider-thumb-dragging .jfk-slider-thumbimpl {
background-color:#535252;
border-color:#535252;
}
.goog-twothumbslider-horizontal .jfk-slider-thumbimpl {
height:16px;
width:8px;
}
.goog-twothumbslider-horizontal .goog-twothumbslider-value-thumb .jfk-slider-thumbimpl {
-webkit-border-radius:8px 0 0 8px;
-moz-border-radius:8px 0 0 8px;
border-radius:8px 0 0 8px;
}
.goog-twothumbslider-horizontal .goog-twothumbslider-extent-thumb .jfk-slider-thumbimpl {
-webkit-border-radius:0 8px 8px 0;
-moz-border-radius:0 8px 8px 0;
border-radius:0 8px 8px 0;
margin-left:8px;
}
.goog-twothumbslider-vertical .jfk-slider-thumbimpl {
height:8px;
width:16px;
}
.goog-twothumbslider-vertical .goog-twothumbslider-value-thumb .jfk-slider-thumbimpl {
margin-top:8px;
-webkit-border-radius:0 0 8px 8px;
-moz-border-radius:0 0 8px 8px;
border-radius:0 0 8px 8px;
}
.goog-twothumbslider-vertical .goog-twothumbslider-extent-thumb .jfk-slider-thumbimpl {
-webkit-border-radius:8px 8px 0 0;
-moz-border-radius:8px 8px 0 0;
border-radius:8px 8px 0 0;
}
.jfk-slider-scale {
background-color:#e5e5e5;
position:absolute;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.goog-twothumbslider-horizontal .jfk-slider-scale {
height:6px;
top:6px;
width:100%;
}
.goog-twothumbslider-vertical .jfk-slider-scale {
height:100%;
left:6px;
width:6px;
}
.goog-twothumbslider-rangehighlight {
background-color:#c6c6c6;
position:absolute;
-webkit-transition:background-color .218s .218s .218s;
-moz-transition:background-color .218s .218s .218s;
-ms-transition:background-color .218s .218s .218s;
-o-transition:background-color .218s .218s .218s;
transition:background-color .218s .218s .218s;
}
.jfk-twothumbslider:hover .goog-twothumbslider-rangehighlight,.jfk-twothumbslider.goog-slider-dragging .goog-twothumbslider-rangehighlight {
background-color:#535252;
}
.jfk-twothumbslider.goog-slider-dragging .goog-twothumbslider-rangehighlight {
background-image:url(http://ssl.gstatic.com/ui/v1/slider/rangehighlight-active-gray.png);
}
.goog-twothumbslider-horizontal .goog-twothumbslider-rangehighlight {
height:6px;
top:6px;
}
.goog-twothumbslider-vertical .goog-twothumbslider-rangehighlight {
left:6px;
width:6px;
}
.jfk-star {
display:inline-block;
height:19px;
text-align:center;
width:19px;
padding:2px;
}
.jfk-star:before {
content:url(http://ssl.gstatic.com/ui/v1/star/star4.png);
}
.jfk-star-hover:before {
content:url(http://ssl.gstatic.com/ui/v1/star/star-hover4.png);
}
.jfk-star:active:before {
content:url(http://ssl.gstatic.com/ui/v1/star/star-active4.png);
}
.jfk-star-checked:before {
content:url(http://ssl.gstatic.com/ui/v1/star/star-lit4.png);
}
.jfk-star-checked.jfk-star-hover:before {
content:url(http://ssl.gstatic.com/ui/v1/star/star-lit-hover4.png);
}
.jfk-star-checked:active:before {
content:url(http://ssl.gstatic.com/ui/v1/star/star-lit-active4.png);
}
.jfk-tooltip {
background-color:#2a2a2a;
border:1px solid #fff;
color:#fff;
display:block;
font-size:11px;
font-weight:bold;
padding:7px 9px;
pointer-events:none;
position:absolute;
}
.jfk-tooltip-arrow {
position:absolute;
}
.jfk-tooltip-arrow .jfk-tooltip-arrowimplbefore,.jfk-tooltip-arrow .jfk-tooltip-arrowimplafter {
content:'';
display:block;
height:0;
position:absolute;
width:0;
}
.jfk-tooltip-arrow .jfk-tooltip-arrowimplbefore {
border:6px solid;
}
.jfk-tooltip-arrow .jfk-tooltip-arrowimplafter {
border:5px solid;
}
.jfk-tooltip-arrowdown {
bottom:0;
}
.jfk-tooltip-arrowup {
top:-6px;
}
.jfk-tooltip-arrowleft {
left:-6px;
}
.jfk-tooltip-arrowright {
right:0;
}
.jfk-tooltip-arrowdown .jfk-tooltip-arrowimplbefore,.jfk-tooltip-arrowup .jfk-tooltip-arrowimplbefore {
border-color:#fff transparent;
left:-6px;
}
.jfk-tooltip-arrowdown .jfk-tooltip-arrowimplafter,.jfk-tooltip-arrowup .jfk-tooltip-arrowimplafter {
border-color:#2a2a2a transparent;
left:-5px;
}
.jfk-tooltip-arrowdown .jfk-tooltip-arrowimplbefore {
border-bottom-width:0;
}
.jfk-tooltip-arrowdown .jfk-tooltip-arrowimplafter {
border-bottom-width:0;
}
.jfk-tooltip-arrowup .jfk-tooltip-arrowimplbefore {
border-top-width:0;
}
.jfk-tooltip-arrowup .jfk-tooltip-arrowimplafter {
border-top-width:0;
top:1px;
}
.jfk-tooltip-arrowleft .jfk-tooltip-arrowimplbefore,.jfk-tooltip-arrowright .jfk-tooltip-arrowimplbefore {
border-color:transparent #fff;
top:-6px;
}
.jfk-tooltip-arrowleft .jfk-tooltip-arrowimplafter,.jfk-tooltip-arrowright .jfk-tooltip-arrowimplafter {
border-color:transparent #2a2a2a;
top:-5px;
}
.jfk-tooltip-arrowleft .jfk-tooltip-arrowimplbefore {
border-left-width:0;
}
.jfk-tooltip-arrowleft .jfk-tooltip-arrowimplafter {
border-left-width:0;
left:1px;
}
.jfk-tooltip-arrowright .jfk-tooltip-arrowimplbefore {
border-right-width:0;
}
.jfk-tooltip-arrowright .jfk-tooltip-arrowimplafter {
border-right-width:0;
}
/* OVERRIDES ADDED BY hcfe-dev@. */
.goog-menu {
z-index: 100;
}
.awr-nav .jfk-button-checked {
color: #d14836;
}
.ie .jfk-butterBar {
display: none;
}
.ie .jfk-butterBar-shown {
display: block;
font-weight: bold;
}
.jfk-butterBar {
border-width: 1px;
height: 14px;
padding: 6px 16px;
}
.goog-modalpopup-bg,.modal-dialog-bg {
z-index: 10;
}
.rtl .jfk-button {
margin-left: 16px;
margin-right: auto;
}
.rtl .jfk-button-collapse-right {
margin-right: 0;
}
.rtl .jfk-button-collapse-left {
margin-left: 0;
}
.goog-menuitem-rtl {
padding:6px 30px 6px 7em;
}
.jfk-checkbox {
margin: 0 11px 1px 0;
}
.jfk-radiobutton {
min-height: 15px;
min-width: 15px;
outline: 0;
padding-left: 0;
padding-right: 0;
}
.jfk-radiobutton-radio {
left: 0;
top: 7px;
}
.jfk-radiobutton-label.jfk-radiobutton-emptylabel {
margin-left: 0;
width: 0;
}
.survey-checkbox-container {
margin: 5px 0;
}
/* Explicit width necessary for IE7. */
.ie7 .jfk-radiobutton-emptylabel-container {
width: 15px;
}
.kd-lang-dropdown {
cursor: default;
line-height: 17px;
margin-top: -2px;
min-width: 125px;
text-align: left;
}
.kd-lang-dropdown .goog-flat-menu-button-caption {
margin-top: 0;
}
.kd-lang-dropdown .goog-flat-menu-button-dropdown {
margin-top: -6px;
}
.kd-lang-dropdown-menu {
font: 11px/13px Arial;
}
.kd-lang-dropdown-menu .goog-menuitem {
padding: 2px 20px 2px 10px;
border: solid 1px transparent;
}
/* Replace default select drop icon with a single arrow. */
.kd-lang-dropdown .goog-flat-menu-button-dropdown {
background: none;
border-color:#777 transparent;
border-style:solid;
border-width:4px 4px 0;
height:0;
width:0;
position:absolute;
}
/* Limit width of the menu in IE7 to stop it from becoming full page width. */
.ie7 .kd-lang-dropdown-menu {
width: 225px;
}
/* User Feedback Link */
.user-feedback-basetab {
-webkit-box-shadow: rgb(128, 128, 128) 0px 0px 6px 0px;
background-color: #222;
border: 1px solid #ebebeb;
bottom: -1px;
box-shadow: rgb(128, 128, 128) 0px 0px 6px 0px;
color: #ebebeb;
display: block;
font-size: 13px;
font-weight: bold;
padding: 6px 12px;
position: fixed;
right: 16px;
}
.rtl .user-feedback-basetab {
left: 16px;
right: auto;
}
.user-feedback-basetab a,
.user-feedback-basetab a:visited {
color: #fff;
text-decoration: none;
}
/* Glossary */
a.glossary-term {
background-image: url(question_mark.jpg);
background-repeat: no-repeat;
background-position: 100% 1px;
color: #444;
cursor: pointer;
font-weight: bold;
padding-right: 15px;
text-decoration: underline;
white-space: nowrap;
}
.rtl a.glossary-term {
background-image: url(question_mark_rtl.jpg);
background-position: 2px 2px;
padding-left: 16px;
padding-right: auto;
}
a.glossary-term:hover {
color: #333;
}
a.glossary-term:active {
background-image: url(question_mark_over.jpg);
color: black;
}
.rtl a.glossary-term:active {
background-image: url(question_mark_over_rtl.jpg);
}
.glossary-def {
max-height: 400px;
overflow: auto;
width: 160px;
}
.glossary-loading {
text-align: center;
width: 180px;
}
.glossary-links {
margin-top: 12px;
}
/* Top Nav */
#awr-nav-top-container {
float: left;
margin-left: 176px;
}
.rtl #awr-nav-top-container {
float: right;
margin-left: auto;
margin-right: 176px;
}
/* SCREENSHOTS, VIDEOS, CONCEPTS ========================== */
.goog-modalpopup {
-moz-box-shadow: 0 4px 16px rgba(0,0,0,.2);
-webkit-box-shadow: 0 4px 16px rgba(0,0,0,.2);
background: white;
background-clip: padding-box;
border: 1px solid #acacac;
box-shadow: 0 4px 16px rgba(0,0,0,.2);
outline: 0;
padding: 40px;
position: absolute;
z-index: 12;
}
div.thumbnail {
cursor: pointer;
padding: 8px 0;
margin: 8px 0;
min-height: 80px;
}
div.one-time-alert {
max-width: 512px;
}
div.thumbnail .overlay-screenshot {
float: left;
margin-right: 20px;
}
.rtl div.thumbnail .overlay-screenshot {
float: right;
margin-left: 20px;
margin-right: 0;
}
div.thumbnail h3 {
font-size: 13px;
font-weight: normal;
padding: 4px 0 2px 2px;
margin: 0;
}
div.thumbnail .thumbnail-caption {
color: #15C;
font-size: 11px;
}
.screenshot-enlarged,
.screenshot-thumbnail,
.overlay-screenshot {
position: relative;
}
.screenshot-container .screenshot-thumbnail {
cursor: pointer;
}
.overlay .overlay-content {
margin: 30px 0;
}
.overlay h3 {
color: #333;
font-size: 16px;
padding: 0 0 2px;
margin: 0;
font-weight: normal;
}
.overlay .overlay-caption {
color: #666;
font-size: 11px;
max-width: 512px;
}
div.pop-out {
border: 1px #666 solid;
position: absolute;
z-index: 5;
}
.screenshot-thumbnail div.pop-out,
.thumbnail-content div.pop-out {
background-image: url(awr_popout.png);
background-position: bottom right;
background-repeat: no-repeat;
}
.screenshot-thumbnail div.pop-out {
background-image: url(awr_mag_small.png);
}
.screenshot-container {
padding: 0 0 8px 0;
}
.screenshot-container h3 {
color: #202020;
font-size: 13px;
font-weight: bold;
margin: 0;
padding: 4px 0 0;
}
.screenshot-container p {
color: #333;
font-size: 13px;
}
div.cover {
-moz-opacity: .5;
background-color: #666;
filter: alpha(opacity=50);
position: absolute;
opacity: .5;
z-index: 2;
}
.key-concept-container {
max-height: 432px;
max-width: 576px;
overflow: scroll;
}
/* Clearing Divs */
.clear-left {
clear: left;
}
.clear-right {
clear: right;
}
.clear {
clear: both;
}
/* App Bar Buttons ======================================= */
#app-bar-button-column {
position: absolute;
left: 766px;
width: 272px;
}
.rtl #app-bar-button-column {
right: 766px;
}
#app-bar-button-container {
float: right;
}
.rtl #app-bar-button-container {
float: left;
}
/* CONTACT OVERLAY ======================================= */
.contact-overlay {
line-height: 15px;
padding: 20px 16px 0 16px;
width: 315px;
}
.contact-overlay .contact-chat,
.contact-overlay .contact-email,
.contact-overlay .contact-message,
.contact-overlay .contact-phone {
padding-bottom: 20px;
}
.contact-overlay .contact-chat,
.contact-overlay .contact-email,
.contact-overlay .contact-phone {
background-position: left 18px;
background-repeat: no-repeat;
border-top: 1px #ebebeb solid;
padding-top: 20px;
padding-left: 28px;
}
.rtl .contact-overlay .contact-chat,
.rtl .contact-overlay .contact-email,
.rtl .contact-overlay .contact-phone {
background-position: right 18px;
padding-left: auto;
padding-right: 28px;
}
.contact-overlay .contact-phone {
background-image: url(awr_phone.png);
}
.contact-overlay .contact-email {
background-image: url(awr_email.png);
}
.contact-overlay .contact-chat {
background-image: url(awr_chat.png);
}
.contact-overlay .contact-phone .line-0 {
font-weight: bold;
}
.contact-overlay .contact-chat-line,
.contact-overlay .contact-email-line,
.contact-overlay .contact-message-line,
.contact-overlay .contact-phone-line {
padding-bottom: 4px;
}
.contact-overlay .contact-btns {
padding-top: 10px;
}
/* BUTTERBAR ================================== */
#butterbar-container {
left: 0;
position: absolute;
text-align: center;
top: 56px;
width: 100%;
}
#butterbar-wrap {
display: inline-block;
}
.butterbar-content a,
.butterbar-content a:visited {
text-decoration: underline;
}
span.butterbar-dismiss {
cursor: pointer;
text-decoration: underline;
}
.convert-to-button {
display: block;
padding: 8px 0 12px;
}
.converted-button-container {
display: block;
padding: 8px 0 12px;
}
/* NEW PULL-OUT BASICS ================================ */
.answer-intro {
color: #555;
font-size: 13px;
line-height: 22px;
margin-bottom: 12px;
}
.key-concept-processed,
.pull {
padding: 16px 0;
}
.key-concept-processed h4,
.pull h4 {
font-size: 16px;
font-weight: bold;
margin: 0;
padding: 4px 0;
}
a.key-concept-processed:hover {
text-decoration: none;
}
.key-concept-processed,
.pull-example,
.pull-fact,
.pull-tip {
background-position: 8px 16px;
background-repeat: no-repeat;
padding-left: 54px;
min-height: 36px;
}
.rtl .key-concept-processed,
.rtl .pull-example,
.rtl .pull-fact,
.rtl .pull-tip {
background-position: top right;
background-repeat: no-repeat;
padding-left: 0px;
padding-right: 54px;
min-height: 36px;
}
.key-concept-processed {
background-image: url(awr_essential_36.png);
display: inline-block;
}
.pull-example {
background-image: url(awr_example_36.png);
}
.pull-fact {
background-image: url(awr_fact_36.png);
}
.pull-tip {
background-image: url(awr_tip_36.png);
}
/* SPINNERS ================================= */
.spinner {
background-image: url(spin_32.gif);
background-repeat: no-repeat;
width: 35px;
height: 35px;
}
.spinner-centered {
background-image: url(spin_32.gif);
background-repeat: no-repeat;
background-position: top center;
height: 35px;
margin: 4em 0 0;
text-align: center;
padding: 35px 0 0 0;
}
.spinner-small {
background-image: url(http://www.google.com/images/icons/loading-16.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 2em;
color: #666;
}
/* Known Issues ================================= */
.known-issues .zippy-content {
margin: 0;
padding: 0;
overflow-x: hidden;
overflow-y: hidden;
}
.rtl .known-issues .zippy-content {
padding: 0 24px 0 0;
}
.known-issues .zippy-content-item .zippy-content-item p {
padding: 16px 0 0;
}
.rn-container .zippy-expand,
.rn-container .zippy-collapse,
.votepage .zippy-expand,
.votepage .zippy-collapse,
.known-issues .zippy-expand,
.known-issues .zippy-collapse {
color: #333;
display: block;
font-size: 16px;
font-weight: normal;
padding: 8px 0 8px 28px;
text-decoration: none;
margin-top: 0;
}
.rn-container .zippy-expand {
background-position: 11px center;
}
.rn-container .zippy-collapse {
background-position: 13px center;
}
.votepage .zippy-expand,
.known-issues .zippy-expand {
background-position: 7px center;
}
.votepage .zippy-collapse,
.known-issues .zippy-collapse {
background-position: 9px center;
}
.rtl .known-issues .zippy-expand,
.rtl .known-issues .zippy-collapse {
padding-left: 0px;
padding-right: 20px;
}
.known-issues .zippy-content a.zippy-expand,
.known-issues .zippy-content a.zippy-collapse {
background-image: none;
color: #15c;
font-size: 13px;
line-height: 18px;
padding: 7px 0 7px 0;
}
.known-issues .zippy-content a.zippy-expand {
color: #333;
font-weight: bold;
}
.known-issues .other-options {
clear: both;
margin: 16px 0 0;
}
.known-issues .reported,
.helpful-thanks {
background: url(http://www.google.com/images/icons/feature/checkmark-g14x13.png) 0 0 no-repeat;
padding: 0 0 0 20px;
color: #43845a;
font-weight: bold;
}
/* New Troubleshooters ==================================== */
div.spinner-inline {
background-image: url(http://www.google.com/images/icons/loading-16.gif);
background-repeat: no-repeat;
background-position: 1em 0;
width: 3em;
float: right;
}
.rtl div.spinner-inline {
float: left;
}
#ts-container .troubleshooter {
margin-bottom: .5em;
}
#ts-container .ts-question {
padding: 1em;
}
#ts-container .radio-container label {
display: block;
}
#ts-container .ts-content {
padding: 0 0 1em 0;
}
#ts-container .ts-content .answer_heading {
display: none;
}
#ts-container .open-question p.ts, .closed-question p.ts {
color: #555;
margin: 0;
}
#ts-container .closed-question .ts-question {
background-color: #f5f5f5;
border: 1px #e7e7e7 solid;
}
#ts-container .closed-question p.ts {
cursor: pointer;
display: inline;
padding: 0;
}
#ts-container .closed-question:hover .ts-question {
background-color: #f1f1f1;
border: 1px #e3e3e3 solid;
cursor: pointer;
}
#ts-container .open-question .ts-question {
background-color: #edf4ff;
border: 1px #c0d4ef solid;
}
#ts-container .open-question label:hover {
cursor: pointer;
}
#ts-container .open-question p.ts {
padding: 0 0 1em;
}
#ts-container .open-question .radio-container {
border-top: 1px #c0d4ef solid;
padding: 1em 0 0 0;
}
#ts-container .closed-question .radio-container input,
#ts-container .closed-question .radio-container .hidden-option {
display: none;
}
#ts-container .closed-question .radio-container,
#ts-container .closed-question .radio-container label {
display: inline;
}
#ts-container .closed-question .radio-container label {
padding: 0 0 0 .5em;
}
#ts-container .closed-question .radio-container .unselected {
display: none;
}
/* P13n Answer Picker ==================================== */
div.selector {
background-color: #f5f5f5;
border: 1px #e5e5e5 solid;
margin: 1em 0;
padding: .75em;
}
div.selector .spinner-small {
background-image: url(http://www.google.com/images/icons/loading-16.gif);
background-repeat: no-repeat;
background-position: .5em center;
width: 2em;
}
.selector-experiments {
display: none;
}
.zippy-hidden {
display: none;
}
.selector-destination {
margin: 0;
padding: 0;
overflow-y: hidden;
overflow-x: hidden;
}
/* Glossary Content ====================================== */
.glossary-def p {
margin-bottom: 8px;
}
/* Right Nav YouTube Link */
.cb-yt-thumbnail-container {
cursor: pointer;
}
.cb-yt-title {
color: #15c;
}
.cb-yt-title:hover {
text-decoration: underline;
}
.light-subtext.external,
.light-subtext.external:visited {
color: #093;
}
.cb-yt-thumbnail {
width: 68px;
height: 50px;
float: left;
margin: 3px 10px 0 0;
border: 1px solid #999;
}
.rtl .cb-yt-thumbnail {
margin: 3px 0 0 10px;
}
.right-nav-cb li {
height: 100%;
overflow: auto;
}
.right-nav-cb .br-seperator {
font: 11px/16px Arial;
color: #999;
}
.right-nav-cb-bc a:link,
.right-nav-cb-bc a:visited,
.right-nav-cb-bc .topic-link,
.right-nav-cb-bc .topic-link:link,
.right-nav-cb-bc .topic-link:visited {
font: 11px/16px Arial;
color: #999;
font-weight: normal;
}
.right-nav-cb-bc a:hover,
.right-nav-cb-bc .topic-link:hover {
color: #666;
text-decoration: none;
font-weight: normal;
}
.light_subtext,
.light-subtext,
.light-subtext.youtube:visited {
color: #999;
font: 11px/16px Arial;
}
/* Signal Spoofer */
.signal-container {
margin: 0 0 1em 0;
overflow-y: scroll;
overflow-x: none;
width: 600px;
}
.signal-container .signal {
padding: 0 0 1px 0;
}
.signal-container input {
border: 1px #ccc solid;
font-size: 11px;
padding: 2px;
}
.signal-container input[readonly],
.signal-container input[disabled] {
background-color: whiteSmoke;
color: #333;
}
.signal-container .signal-value {
margin-right: 16px;
}
.signal-container .signal-name {
color: #333;
font-weight: bold;
margin: 0 1px 0 0;
width: 250px;
}
/* Article Zippy */
/* CSS for KI, suggestion, release note zippy */
/* Article Zippy */
.article-zippy .zippy-inner-row {
background-image: none;
color: #222;
font-size: 13px;
line-height: 18px;
padding: 7px 0 7px 0;
border: solid 1px transparent;
border-top: solid 1px #f5f5f5;
}
.article-zippy-hr {
border-top: solid 2px #e5e5e5;
}
hr.article-zippy-hr {
border-width: 2px 0 0 0;
margin: 0;
}
/* Release Notes Page */
.release-notes {
margin-left: 25px;
}
.release-notes .note {
background-color: transparent;
border: 0;
padding: 0;
}
.release-notes h3 {
font-size: 15px;
margin: 5px 0;
}
/* Suggestions Page */
.suggestion-row {
position: relative;
}
.suggestion-row.suggested {
background: url('hc_icon_check_blue_global.png') no-repeat 4px 9px;
}
.suggestion-text {
margin: 0 100px 0 24px;
}
a.zippy .suggested-date, .suggested-date {
color: #bbb;
display: inline-block;
margin: 0 0 0 5px;
text-decoration: none;
font-weight: normal;
}
.suggestion-button {
position: absolute;
top: 7px;
right: 10px;
min-width: 75px;
font-size: 11px;
height: 20px;
line-height: 18px;
}
.another-idea {
padding: 0 0 5px 20px;
}
/* Kennedy button */
.kd-button {
display: inline-block;
min-width: 54px;*min-width:70px;/*hello,IE7!*/
border:1px solid #DCDCDC;
border: 1px solid rgba(0,0,0,0.1);
text-align: center;
color: #444;
font-weight: bold;
padding: 0 8px;
-webkit-border-radius:2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-transition: all 0.218s;
-moz-transition: all 0.218s;
-o-transition: all 0.218s;
transition: all 0.218s;
background-color: #f5f5f5;
background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#f1f1f1));
background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);
background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1);
background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1);
background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5',EndColorStr='#f1f1f1');
pointer: cursor;
}
.kd-button:hover, .kd-button.hover {
border: 1px solid #C6C6C6;
color: #222;
-webkit-transition: all 0.0s;
-moz-transition: all 0.0s;
-o-transition: all 0.0s;
transition: all 0.0s;
background-color: #f8f8f8;
background-image: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1));
background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1);
background-image: -ms-linear-gradient(top,#f8f8f8,#f1f1f1);
background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1);
background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8f8f8',EndColorStr='#f1f1f1');
-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
}
.kd-button:active, .kd-button.active {
background-color: #f6f6f6;
background-image: -webkit-gradient(linear,left top,left bottom,from(#f6f6f6),to(#f1f1f1));
background-image: -webkit-linear-gradient(top,#f6f6f6,#f1f1f1);
background-image: -moz-linear-gradient(top,#f6f6f6,#f1f1f1);
background-image: -ms-linear-gradient(top,#f6f6f6,#f1f1f1);
background-image: -o-linear-gradient(top,#f6f6f6,#f1f1f1);
background-image: linear-gradient(top,#f6f6f6,#f1f1f1);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f6f6f6',EndColorStr='#f1f1f1');
-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
-moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
}
.kd-button.disabled,
.kd-button.disabled:hover,
.kd-button.disabled:active {
background: none;
color: #b8b8b8;
border: 1px solid #f3f3f3;
border: 1px solid rgba(0,0,0,0.05);
cursor: default;
pointer-events: none;
}
/* ------ Styles for Feedback module ------ */
.rating-parent {
padding: 12px 0;
}
/* Make rating subtext darker on hover. */
.rating-parent > span {
color: #666;
display: inline-block;
vertical-align: top;
}
.rating-parent.unsent:hover > span {
color: black;
}
/* Hide feedback messages until feedback has been given. */
.rating-parent .feedback-message,
.rating-parent .feedback-message-appr,
.rating-parent.sent.details-showing.details-sent .feedback-message-appr {
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
opacity: 0;
-webkit-transition: opacity 0.1s ease-in-out;
-moz-transition: opacity 0.1s ease-in-out;
-ms-transition: opacity 0.1s ease-in-out;
-o-transition: opacity 0.1s ease-in-out;
transition: opacity 0.1s ease-in-out;
}
.rating-parent.sent.details-sent .feedback-message-appr {
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity: 1;
}
.rating-parent.sent .feedback-message {
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity: 1;
}
/* If negative rating was given, don't show happy message. */
.rating-parent.sent.details-showing .feedback-message,
.rating-parent.sent.details-sent .feedback-message {
display: none;
}
.rating-scale {
display: inline-block;
height: 1em;
list-style: none;
margin: 3px 10px 13px 10px;
padding: 0;
position: relative;
vertical-align: top;
width: 100px;
}
.rating-scale > li {
background: url(hc_icon_star.png) no-repeat left center;
cursor: pointer;
filter: alpha(opacity=40);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
opacity: .4;
position: absolute;
height: 1em;
top: 0;
width: 20px;
}
.sent .rating-scale > li {
cursor: text;
}
.unsent .rating-scale > li:hover,
.unsent .rating-scale > li:hover ~ li,
.rating-scale > .selected,
.rating-scale > .selected ~ li {
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity: 1;
}
.unsent .rating-scale > li:hover {
background-position: center center;
background-size: 24px;
}
.unsent .rating-scale > li:hover:after {
background: url(hc_icon_arrow_down.png) no-repeat;
bottom: 15px;
content: "";
height: 11px;
left: 2px;
position: absolute;
width: 17px;
z-index: 11;
}
.ads .unsent .rating-scale > li:hover:after {
bottom: 24px;
}
li[data-rating="1"] {
left: 0;
}
li[data-rating="2"] {
left: 20px;
}
li[data-rating="3"] {
left: 40px;
}
li[data-rating="4"] {
left: 60px;
}
li[data-rating="5"] {
left: 80px;
}
/* Show the only div within the li's as the hovering description. */
.unsent .rating-scale > li:hover > div {
background-color: white;
border: 1px solid #ccc;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, .2);
-moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, .2);
box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
display: block;
height: 18px;
left: -50px;
padding: 16px;
position: absolute;
top: -65px;
width: 200px;
z-index: 10;
}
.rating-scale > li > div {
display: none;
}
.rating-details {
background-color: #f5f5f5;
background-image: -webkit-linear-gradient(top, #e5e5e5, #f5f5f5 5px, #f5f5f5 205px, #e5e5e5 100%);
background-image: -moz-linear-gradient(top, #e5e5e5, #f5f5f5 5px, #f5f5f5 205px, #e5e5e5 100%);
background-image: -ms-linear-gradient(top, #e5e5e5, #f5f5f5 5px, #f5f5f5 205px, #e5e5e5 100%);
background-image: -o-linear-gradient(top, #e5e5e5, #f5f5f5 5px, #f5f5f5 205px, #e5e5e5 100%);
background-image: linear-gradient(top, #e5e5e5, #f5f5f5 5px, #f5f5f5 205px, #e5e5e5 100%);
border-bottom: solid 1px #fff;
border-top: solid 1px #fff;
clear: both;
height: 0;
line-height: 1em;
margin: 0 -19px;
overflow: hidden;
padding: 0 20px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.ads .rating-details {
clear: none;
margin: 12px -19px;
}
.rating-parent.details-showing .rating-details {
border-color: #ccc;
height: 170px;
padding: 20px;
}
.ads ul.rating-scale {
margin: 0 0 0 8px;
}
/* Add the gray dropdown arrow using the :before pseduo element. */
.rating-parent.details-showing ul.rating-scale > .selected:before {
background: url(hc_icon_arrow_up_alt.png) no-repeat;
content: "";
height: 11px;
left: 1px;
position: absolute;
top: 15px;
width: 17px;
z-index: 11;
}
.ads .rating-parent.details-showing ul.rating-scale > .selected:before {
top: 20px;
}
.feedback-close {
background: url(hc_lb_close_icon.png) no-repeat center center;
cursor: pointer;
float: right;
height: 40px;
margin: -15px -10px;
filter: alpha(opacity=70);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
opacity: .7;
width: 40px;
}
.feedback-close:hover {
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity: 1;
}
.rating-details label {
display: block;
margin: 10px 0 4px 0;
}
.ratings-details-experiment {
overflow-y: scroll;
}
.rating-details-experiment label {
display: inline-block;
padding: 5px 0 0 10px;
width: 125px;
}
.rating-details-experiment button {
display: block;
}
.rating-details input[type="checkbox"] {
margin: 0 5px;
}
.rating-details button {
background-color: #4d90fe;
background-image: -webkit-linear-gradient(top, #4d90fe, #4787ed);
background-image: -moz-linear-gradient(top, #4d90fe, #4787ed);
background-image: -ms-linear-gradient(top, #4d90fe, #4787ed);
background-image: -o-linear-gradient(top, #4d90fe, #4787ed);
background-image: linear-gradient(top, #4d90fe, #4787ed);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d90fe', EndColorStr='#4787ed');
border: 1px solid #3079ed;
color: white;
cursor: pointer;
font: 700 11px Arial, sans-serif;
height: 29px;
margin-top: 12px;
min-width: 54px;
padding: 0 8px 0 8px;
text-align: center;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-transition: all 0.218s;
-moz-transition: all 0.218s;
-ms-transition: all 0.218s;
-o-transition: all 0.218s;
transition: all 0.218s;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.rating-details button:active {
-webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.3);
box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.3);
}
.rating-details button:hover {
border: 1px solid #2f5bb7;
background-color: #357ae8;
background-image: -webkit-gradient(linear, left top, left bottom, from(#4d90fe), to(#357ae8));
background-image: -webkit-linear-gradient(top, #4d90fe, #357ae8);
background-image: -moz-linear-gradient(top, #4d90fe, #357ae8);
background-image: -ms-linear-gradient(top, #4d90fe, #357ae8);
background-image: -o-linear-gradient(top, #4d90fe, #357ae8);
background-image: linear-gradient(top, #4d90fe, #357ae8);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d90fe', EndColorStr='#357ae8');
}
.rating-parent.details-sent .rating-details button,
.rating-parent.details-sent .rating-details button:active,
.rating-parent.details-sent .rating-details button:hover {
background-color: #4d90fe;
background-image: none;
border: 1px solid #3079ed;
-webkit-box-shadow: none;
-mox-box-shadow: none;
box-shadow: none;
cursor: text;
filter: alpha(opacity=50);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
opacity: .5;
}
.rating-details .detailed-message {
color: #666;
margin-left: 10px;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
opacity: 0;
}
.rating-details button {
background-color: #4d90fe;
background-image: -webkit-linear-gradient(top, #4d90fe, #4787ed);
background-image: -moz-linear-gradient(top, #4d90fe, #4787ed);
background-image: -ms-linear-gradient(top, #4d90fe, #4787ed);
background-image: -o-linear-gradient(top, #4d90fe, #4787ed);
background-image: linear-gradient(top, #4d90fe, #4787ed);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d90fe', EndColorStr='#4787ed');
border: 1px solid #3079ed;
color: white;
cursor: pointer;
font: 700 11px Arial, sans-serif;
height: 29px;
margin-top: 12px;
min-width: 54px;
padding: 0 8px 0 8px;
text-align: center;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-transition: all 0.218s;
-moz-transition: all 0.218s;
-ms-transition: all 0.218s;
-o-transition: all 0.218s;
transition: all 0.218s;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.rating-details button:active {
-webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.3);
box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.3);
}
.rating-details button:hover {
border: 1px solid #2f5bb7;
background-color: #357ae8;
background-image: -webkit-gradient(linear, left top, left bottom, from(#4d90fe), to(#357ae8));
background-image: -webkit-linear-gradient(top, #4d90fe, #357ae8);
background-image: -moz-linear-gradient(top, #4d90fe, #357ae8);
background-image: -ms-linear-gradient(top, #4d90fe, #357ae8);
background-image: -o-linear-gradient(top, #4d90fe, #357ae8);
background-image: linear-gradient(top, #4d90fe, #357ae8);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d90fe', EndColorStr='#357ae8');
}
.rating-parent.details-sent .rating-details button,
.rating-parent.details-sent .rating-details button:active,
.rating-parent.details-sent .rating-details button:hover {
background-color: #4d90fe;
background-image: none;
border: 1px solid #3079ed;
-webkit-box-shadow: none;
-mox-box-shadow: none;
box-shadow: none;
cursor: text;
filter: alpha(opacity=50);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
opacity: .5;
}
.rating-details .detailed-message {
color: #666;
margin-left: 10px;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
opacity: 0;
}
/*Chat support - prechat survey */
.chatsupport-invalid {
border: solid 1px #dd4b39 !important;
}
.chatsupport-loading {
background: transparent url(http://ssl.gstatic.com/inproduct_help/helpwidgets/spin.gif) no-repeat center;
background-color: whiteSmoke;
border: solid 1px #e5e5e5;
height: 50px;
left: 50%;
position: fixed;
top: 50%;
width: 50px;
z-index: 10000;
}
.chatsupport-status {
-webkit-box-shadow: rgb(128, 128, 128) 0px 0px 6px 0px;
background-color: #fff;
border: solid 1px #ebebeb;
bottom: 0;
box-shadow: rgb(128, 128, 128) 0px 0px 6px 0px;
max-width: 600px;
position: fixed;
left: 30%;
z-index: 10000;
}
.chatsupport-status-queue-content {
padding: 16px;
}
.chatsupport-status-queue-title,
.chatsupport-status-survey-title {
background-color: whiteSmoke;
border-bottom: 1px #e5e5e5 solid;
color: #333;
font-size: 16px;
font-weight: bold;
padding: 16px;
}
.chatsupport-status-queue-title {
font-size: 13px;
}
.chatsupport-status-survey-content {
color: #555;
font-size: 13px;
padding: 16px;
}
.chatsupport-survey thead td {
padding-bottom: 5px;
}
.chatsupport-survey td {
padding: 8px;
vertical-align: middle;
}
.chatsupport-survey input[type="text"],
.chatsupport-survey textarea {
font-size: 13px;
}
.chatsupport-survey textarea {
padding: 4px 8px;
}
.search-button,
.chatsupport-survey input[type="button"],
.chatsupport-status input[type="button"],
input[type=submit] {
background-color: #4d90fe;
background-image: -webkit-linear-gradient(top, #4d90fe, #4787ed);
background-image: -moz-linear-gradient(top, #4d90fe, #4787ed);
background-image: -ms-linear-gradient(top, #4d90fe, #4787ed);
background-image: -o-linear-gradient(top, #4d90fe, #4787ed);
background-image: linear-gradient(top, #4d90fe, #4787ed);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d90fe', EndColorStr='#4787ed');
border: 1px solid #3079ed;
border-radius: 2px;
color: white;
cursor: pointer;
font-family: Arial, sans-serif;
font-size: 11px;
font-weight: bold;
height: 29px;
min-width: 54px;
padding: 0 8px 0 8px;
position: relative;
text-align: center;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-webkit-transition: all 0.218s;
-moz-transition: all 0.218s;
-o-transition: all 0.218s;
transition: all 0.218s;
-moz-user-select: none;
}
/* processed-input class is added to input elements that has been processed
* by Javascript and replaced with a jfk version of the input element.
* See google3/java/com/google/trakken/trakhelp/frontend/javascript/input.js
* for more details. */
.processed-input {
display: none;
}
/* Default style for tables in answers. */
table th {
text-align: left;
padding-top: 7px;
}
.nice-table {
border-collapse: collapse;
border-spacing: 0;
}
.nice-table tr:first-child th {
border-top: 0;
}
.nice-table th:first-child {
border-left: 0;
}
.nice-table tr:first-child th:last-child {
border-right-color: #5c6785;
}
.nice-table th {
background-color: #5c6785;
color: white;
font-weight: normal;
}
.nice-table th, .nice-table td {
border: 1px solid #ebebeb;
padding: 3px 10px;
}
.nice-table td {
background-color: #e6e6e6;
border-color: #e5e5e5;
border-right-color: #ccc;
color: #444;
}
.nice-table td:last-child {
border-right-color: #e5e5e5;
}
.nice-table tr:nth-of-type(even) td {
background-color: #fff;
border-right-color: #e5e5e5;
}
/* DC table style. */
.nice-table.spaced-table td,
.nice-table.spaced-table th {
padding: 10px;
}
.nice-table.wide {
width: 95%;
}
.nice-table.narrow {
width: 75%;
}
.nice-table.narrower {
width: 50%;
}
.nice-table.narrowest {
width: 35%;
}