.btn, .btngrp { float:left; margin:0 0 5px 0; font:12px Arial,Sans-serif; text-decoration:none; color:#222; outline:none; white-space: nowrap; } .onbtn, .btngrp { margin-right:3px; } .btn b, .btngrp b { display:block; float:left; position:relative; margin:0 1px; padding:1px 0; font-weight:normal; } .btn b b, .btngrp b b { background:none; display:block; position:relative; margin:0 -1px; padding:0 1px; } .btn b b b, .btngrp b b b { margin:0; padding:1px 5px 2px; } .btn:hover, .btngrp a:hover { cursor:default; } .pointer .btn:hover, .pointer .btngrp a:hover { cursor:pointer; } .onbtn b, .btngrp b, .btn:hover b { background:#ddd url(//www.google.com/images/spreadsheets/bg-btn.gif) repeat-x 0 0; padding:0; border:solid #aaa; border-width:1px 0; } .onbtn b b, .btngrp b b, .btn:hover b b { padding:0; border-width:0 1px; } .onbtn b b b, .btngrp b b b, .btn:hover b b b { padding:1px 5px 2px; border-width:0; } .onbtn:hover b, .btngrp b b b a:hover { border-color:#9cf #69e #69e #7af; } .btngrp b b b, .btngrp:hover b b b { padding:0; border-right:1px solid #aaa; } .btngrp b b b.last { border-right:none; } .btngrp b b b a { background:#ddd url(//www.google.com/images/spreadsheets/bg-btn.png) repeat-x 0 0; float:left; margin:0; padding:0 3px 1px; border-style:solid; border-width:1px; border-color:#fff #eee #ddd; text-decoration:none; color:#222; outline:none; } .btngrp b b b a:active { border-color:#ccc; } .btn:active { color:#111; } .btn:active b, .btngrp b b b a:active { background-image:none; background-color:#ccc; } .btn:active b b { background-color:transparent; } .dropdn b b b, a.dropdn:hover b b b, .dropdn:active b b b { background: url(//www.google.com/images/spreadsheets/icon-dropdn.gif) no-repeat 100% 50%; padding-right:15px; } .btn img { display:block; border-width:0; padding:1px; } .disabled b b b, .disableddropdn b b b { color: #999; } .disableddropdn b b b, a.disableddropdn:hover b b b, .disableddropdn:active b b b { background: url(//www.google.com/images/spreadsheets/icon-disabled-dropdn.gif) no-repeat 100% 50%; padding-right:15px; } .notify b b b { /* Filter is IE6 only - does not support alpha channel in PNG natively. Also, IE does not like the 1x1 image, so we use a 5x5. */ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//www.google.com/images/spreadsheets/button_orange_5x5.png', sizingMethod='scale'); background: url(//www.google.com/images/spreadsheets/button_orange.png) repeat; } .notify:hover b b b { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//www.google.com/images/spreadsheets/button_orange_5x5.png', sizingMethod='scale'); background: url(//www.google.com/images/spreadsheets/button_orange.png) repeat; }      .gchart_h { font-family: arial, sans-serif; font-size: 10pt; font-weight: bold; padding: 2px; } .gchart_l { font-family: arial, sans-serif; font-size: 9pt; padding: 2px; } .gchart_e { font-family: arial, sans-serif; font-size: 9pt; color: black; padding: 2px; } .gchart_p { border: 1px solid #999; }      .dialog-bg, .dialog-nt-bg { position: absolute; top: 0px; left: 0px; background-color: #999; z-index: 10; } .dialog, .dialog-nt-bg { position: absolute; padding: 8px; background-color: #C1D9FF; border: 1px solid #3A5774; font-family: arial, sans-serif; z-index: 11; } .dialog-title { position: relative; background-color: #E0EDFE; color: #000000; padding: 8px; font-size: 12pt; font-weight: bold; vertical-align: middle; cursor: pointer; cursor: hand; } .dialog-nt-bg { position: relative; color: #000000; padding: 8px; font-size: 12pt; font-weight: bold; vertical-align: middle; cursor: pointer; cursor: hand; } .dialog-title-text, .dialog-nt-bg { } .dialog-title-close, .dialog-nt-bg { position: absolute; top: 8px; right: 10px; width: 15px; height: 15px; float: right; background: url(//www.google.com/images/spreadsheets/close_box_dialog.gif) no-repeat center; cursor: default; } .dialog-content, .dialog-nt-bg { padding: 8px; background-color: #FFFFFF; } .dialog-buttons, .dialog-nt-bg { padding: 8px; background-color: #FFFFFF; text-align: right; }      .ac-renderer { font-family: arial, sans-serif; font-size: 80%; border: 1px solid #666; background: #E0ECFF; color: #00C; margin: 0px 0px; padding: 0px 0px 1px 0px; z-index: 85; overflow: visible; position: absolute; white-space: nowrap; } .ac-renderer div { margin: 2px; cursor: pointer; padding: 0px 8px; /*border-bottom: 1px solid #A3C0FF;*/ } .ac-renderer div b { color: #0000CC; } .ac-renderer div.active { background: #C3D9FF; }      .aBlue { color: #0000cc; } .aBlue:visited { color:#0000cc; } .aGrey { color: #676767; cursor: default; -moz-outline: none; } .aOrange { color: #bb4900; } .aOrange:visited { color:#bb4900; } .newFeatures { font-weight: bold; } .closeImg { position: absolute; cursor: pointer; z-index: 2; } /* Chat and Sharing windows*/ .shareEditBox { font-family: arial, sans-serif; font-size: 9pt; border-color: #aaa; border-style: solid; border-width: 1px; padding: 2px; overflow: auto; } .shareCheckBox { border-color: #aaa; border-style: solid; border-width: 1px; padding: 2px; overflow: auto; vertical-align: "middle"; } .imEditBox { font-family: arial, sans-serif; font-size: 9pt; border-color: #36c; border-style: solid; border-width: 2px; padding: 2px; overflow: auto; } .winChatShare { font-family: arial, sans-serif; text-align: center; padding: 0px; z-index: 1; } .imUsers { position: relative; overflow: auto; text-align: left; vertical-align: middle; color: #000; } .imMsgs { position: relative; overflow: auto; text-align: left; vertical-align: middle; color: #000; background-color: #fff; border-style: solid; border-width: 1px; border-color: #aaa; } .imTable { table-layout: fixed; font-family: arial, sans-serif; font-size: 8pt; vertical-align: middle; } .imTitle { position: relative; text-align: left; color: #000; font-weight: bold; } .imRegText { position: relative; text-align: left; color: #000; font-size: 9pt; } .imSmallTxt { position: relative; text-align: left; color: #676767; font-size: 8pt; text-decoration:none; } .imBlackSmallTxt { position: relative; text-align: left; color: #000; font-size: 8pt; } .imShowHideLink { font-size: 9pt; padding: 1px 2px; } .imShowHideDisabled { text-decoration: none; color: #676767; font-size: 11px; padding: 1px 2px; } .shareData { font-family: arial, sans-serif; font-size: 9pt; padding-top: 6px; padding-right: 12px; padding-left: 12px; } .editorsInvite { font-family: Arial,Sans serif; color: #0000cc; padding-left: 5px; } /* Auto save checkbox below*/ .autoSaveChk { padding-left: 5px; font-size: 14px; color: #000; font-weight: bold; } /* Upload xls dialogbox below*/ .dlgUploadIn { margin: 5px 6px 5px; font-size: 10pt; } input.dlgButtUpload { padding: 2px 2px; margin: 0px 3px; z-index: 10; cursor: pointer; } /* Open dialogbox below*/ .dlgOpen { font-family: arial, sans-serif; font-size: 10pt; z-index: 10; position: absolute; display: block; border: 0px; padding: 0px; } .dlgOpen th, td { font-family: arial, sans-serif; font-size: 10pt; } .dlgOpen a { color: #00c; } .dlgOpenContent { margin: 10px 6px 12px; font-size: 10pt; } table.dlgOpenHead { width: 484px; table-layout: fixed; } table.dlgOpenHead td { padding-left: 10px; height: 26px; vertical-align: bottom; } table.dlgOpenHead a { color: #333; font-weight: bold; } td.dlgOpenColName { width: 200px; } td.dlgOpenColNameVal { width: 200px; color: #0000cc; text-decoration: underline; cursor: pointer; } td.dlgOpenColOwn { width: 90px; } td.dlgOpenColDate { width: 164px; } td.dlgColSmallVals { font-size: 8pt; } td.dlgOpenColRemove { width: 24px; } td.dlgOpenColLast { width: 28px; } img.dlgOpenImgX { cursor: pointer; } div.dlgOpenData { border: 1px solid #819eba; overflow: auto; overflow-x: hidden; width: 537px; height: 173px; background-color: White; } div.loadingMsg { text-align: center; padding-top: 40px; font-size: 130%; color: #666; } div.dlgOpenImport1 { margin-top: 11px; padding-bottom: 4px; padding-right: 20px; } span.dlgOpenImport2 { font-size: 12px; color: #666; } .dlgLogo { width: 300px; height: 34px; overflow: hidden; } div.dlgLogo img { margin-top: 3px; } table.dlgFileList { width: 537px; table-layout: fixed; border-collapse: collapse; border-width: 0px; } table.dlgFileList td { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 25px; line-height: 25px; padding-left: 10px; vertical-align: middle; background-color: Transparent; } table.dlgFileList td a { white-space: nowrap; } table.dlgFileList tr.dlgOpenDataEvenRow td { background-color: #e6ebf5; } /* top nav stuff */ #id_topnav { width: 100%; background: #fff; border-collapse: collapse; font-family: Arial, Sans-Serif; border-left: solid #FFF 1px; border-right: solid #FFF 1px; border-top: solid #FFF 1px; } #id_topnav img { border: none; } #id_topnav a { color: #00c; } #id_topnav th{ font-size: 83%; } #id_topnav td { white-space: nowrap; /* next line is IE specific */ align: left; padding: 0 10 0 0; font-size: 83%; } #id_logo { margin: 0px 0px 0px 7px; } #id_userinfo { text-align: right; white-space: nowrap; padding-right: 8px; } /* first document bar */ table.docbar { width: 100%; padding: 4px; border-collapse: collapse; } .name { font-family: Arial,Sans serif; font-weight: bold; font-size: 17px; color: #000; cursor: pointer; } .small { font-family: Arial,Sans serif; color: #666; font-size: 11px; } /* revisons */ .revisionsTable { font-family: arial, sans-serif; } .revisionsBar { background-color:#eee; border-top: 1px solid #c0c0c0; border-left: 0px none; border-bottom: 1px solid #c0c0c0; border-right: 0px none; -moz-box-sizing: border-box; } .revisionsBarNoRevisions { border-top: 1px solid #c0c0c0; border-left: 0px none; border-bottom: 1px solid #c0c0c0; border-right: 0px none; -moz-box-sizing: border-box; } .revisionsFrame { border-style: none; } .revisionsOlderText { color: #676767; }      .browseButton { -moz-user-select: none; } /* Toast related stuff below*/ .toast { display: block; z-index: 100; right: 30px; width: 227px; bottom: -200px; position: absolute; font-family: arial, sans-serif; font-size: 13px; opacity: 1; } .toast A { cursor: pointer; color: #0000cc; } .toastTop { width: 227px; } .toastFill { width: 227px; height: 92px; vertical-align: top; z-index: 20; } .toastTitle { padding: 0px 20px 0px 20px; font-weight: bold; } .toastContent { margin-top: -8px; padding: 0px 20px 8px 20px; } .toastImgIE { position: absolute; width: 100%; height: 100%; z-index: -10; } /* screen.js css below - these are Darren's dialogboxes */ #modalDialogBackground { position: absolute; z-index: 9; top: 0px; left: 0px; width: 105%; height: 100%; opacity: 0.70; /* Safari/CSS3 */ -moz-opacity: 0.70; /* Mozilla */ filter: alpha(opacity=70); /* IE */ background-color:transparent !important; background-color: #fff; background-repeat: repeat; display:none; } .dlgNotRounded { font-family: arial, sans-serif; position: absolute; padding: 0px; z-index: 6; border: 1px solid #333; display: block; width: 300px; height: 350px; background-color: White; } .dlgBar { position: absolute; background-color: transparent; border-style: none; border-width: 0px; cursor: default; font-size: 16px; font-weight: bold; vertical-align: middle; line-height: 30px; height: 30px; left: 20px; top: 15px; cursor: pointer; } .dlgContentOut { overflow: auto; position: absolute; text-align: left; vertical-align: middle; color: #000000; background-color: #c3deff; border-style: solid; border-width: 1px; border-color: #c3deff; } .dlgClose { position: absolute; background-color: transparent; padding: 0; vertical-align: middle; text-align: right; border-style: none; border-width : 0px; cursor: pointer; color: #00c; text-decoration: underline; font-weight: normal; font-size: 13px; line-height: 30px; } input.dlgButt { padding: 2px 20px; margin: 0px 3px; cursor: pointer; } /* menudrop.js css below */ div.dropMenu { z-index: 100; position: absolute; } table.dropMenu { font-family: Arial, Sans-Serif; background-color: #ffffff; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-right: 1px solid #676767; border-bottom: 1px solid #676767; border-collapse: collapse; padding: 0; margin: 0; } table.dropMenu td { color: #00c; padding: 0; font-size: 13px; } table.dropMenu div.item { padding: 4 8 4 8; white-space: nowrap; } table.dropMenu span.activepicker { padding: 4 8 4 8; color: #676767; font-size: 10px; text-align: left; white-space: nowrap; } table.dropMenu span.picker { padding: 4 8 4 8; color: #00c; text-decoration: underline; font-size: 10px; text-align: left; white-space: nowrap; } table.dropMenu td.picker { padding: 4 0 4 8; background-color: #eee; } table.dropMenu div.key { padding: 4 8 4 8; color: #676767; font-size: 10px; text-align: right; white-space: nowrap; } table.dropMenu span.pickerkey { color: #676767; font-size: 10px; text-align: left; white-space: nowrap; } table.dropMenu div.submenukey { padding: 4 8 4 8; color: #00c; font-size: 10px; text-align: right; } table.dropMenu div.symbol { padding: 4 8 4 8; text-align: right; white-space: nowrap; } table.dropMenu div.input { padding: 4 0 4 8; color: #676767; font-size:10px; } table.dropMenu div.button { padding: 0 0 4 8; color: #676767; font-size:10px; text-align:right; } table.dropMenu div.symbolname { padding: 4 8 4 0; white-space: nowrap; } table.dropMenu td.sep { height: 1; background-color: #ddd; } /* Floating icons below*/ .divIcon { text-align: center; vertical-align: middle; z-index: 7; cursor: pointer; position: absolute; -moz-box-sizing: border-box; } .divIconUp { background-color: #C3D9FF; border-top: 1px solid #E8F1FF; border-left: 1px solid #E8F1FF; border-right: 1px solid #9DAECD; border-bottom: 1px solid #9DAECD; } .divIconDown { background-color: #C3D9FF; border-top: 1px solid #9DAECD; border-left: 1px solid #9DAECD; border-right: 1px solid #E8F1FF; border-bottom: 1px solid #E8F1FF; } .commentDiv { overflow: auto; z-index: 7; position: absolute; -moz-box-sizing: border-box; } .attrCommentDivTd { text-align: left; vertical-align: top; font-size: 10; padding: 3px 3px 3px 3px; background-color: #e0e0e0; border: 1px solid #676767; } .userCommentTextArea { font-family: arial, sans-serif; font-size: 69%; padding: 3px 3px 3px 3px; /* We need margin set to 0 in order to not have a gap in Firefox */ /* between the comment boxes */ margin: 0; border: 1px solid #676767; background-color: #fff4c2; } table.tabContainer { } table.tabContainer tr { vertical-align: bottom; } table.tabContainer td { padding: 0 3 0 0; } table.tab { height: 24px } table.light td { background-color: #e0edfe; } table.light td.main { border-right: 1px solid #c3d9ff; } table.atab td { background-color: #c3d9ff; } table.notify td { background-color: #ff8a00; } table.disabled td { background-color: #efefef; } table.dark td { background-color: #79b; } table.dark td.main { border-right: 1px solid #486c91; } table.notify td.main { border-right: 1px solid #ff8a00; } table.disabled td.main { border-right: 1px solid #cccccc; } table.tab td.ul { width: 2px; vertical-align: top; } table.tab td.ur { background-position: top right; background-repeat: no-repeat; } table.tab td.main { vertical-align: middle; font-family: Arial,Sans-serif; font-size: 13px; font-weight: bold; } table.tab td.main a { text-decoration: none; color: #00c; } table.atab td.main a { color: #000000; } table.dark td.main a { color: #fff; } table.notify td.main a { color: #fff; } table.disabled td.main a { color: #999999; } table.tab td.main div { padding: 3px 5px 5px 8px; } table.atab td.main div { padding-top: 3px; padding-bottom: 5px; } table.bar { height: 34px; } td.tabdesc { color: white; font-family: Arial,Sans-serif; font-size: 16px; padding-left: 10px; } td.closebox { padding-right: 10px; } div.tabcontent { background-color: #F2F4F7; padding: 16px; overflow-y: auto; } td.tabcontent { font-family: Arial,Sans serif; font-size: 12px; } td.tabcontentBig { font-family: Arial,Sans serif; font-size: 14px; } div.tabborder { background-color: #79b; padding: 0px 4px 4px 4px }      .prtDivOuter { position: absolute; } .prtDivInner { padding: 0 0 0 12px; } .prtDbxTbl { border-style: none; border-width: 0; width: 100%; } .prtDbxTr { vertical-align: top; } .prtDbxGroupOnOff { width: 85; height: 79; padding:8 3 3 3; text-align: center; font-size: 12px; } .prtDbxSpanRowHs { font-size:90%; } /* Function dialogbox below*/ .funcsContent { font-family: arial, sans-serif; font-size: 10pt; position: absolute; text-align: left; background-color: #c3deff; } .funcsCats { position: absolute; } .funcsCat { line-height: 24px; height: 24px; color: #00c; padding-left: 8px; cursor: pointer; cursor: hand; } .funcsCatSel { height: 24px; line-height: 24px; color: black; background-color: #fff; padding-left: 8px; font-weight: bold; cursor: default; } .funcList { position: absolute; width: 160px; height: 230px; top: 10px; left: 130px; overflow: auto; overflow-x: hidden; background-color: White; display: none; } .funcListSel { display: block; } table.funcListTable { padding: 0px 6px; } table.funcListTable td.funcName { height: 22px; padding-top: 0; padding-left: 12px; line-height: 18px; color: #00c; border-bottom: 1px solid #ddd; cursor: pointer; cursor: hand; } div.funcDescPrev { position: absolute; top: 250px; height: 60px; width: 280px; left: 10px; border: 1px solid #bbb; overflow: auto; } div.funcDescPrevInner { padding: 4px 8px; } /* Dialogbox stuff below*/ .dlgDebugCells { font-size: 9pt; font-family: arial, sans-serif; padding: 4px; } .dlgTblGen { table-layout: fixed; border-collapse: collapse; margin-left: 2px; width: 98%; } /* Other stuff below*/ /* NOTE: This class is used in printing too */ .framesContainer { border-collapse: collapse; border-style: none; border-width: 0px; padding: 0; margin: 0; } .framesContainerCells { border-style: none; border-width: 0px; padding: 0; } .tiles { left: 0px; top: 0px; width: 0px; height: 0px; border-style: none; } /* These 2 classes are only used for the frozen header section on load */ .chip { background-image:url(//www.google.com/images/spreadsheets/chip.gif); background-repeat:no-repeat; background-position:top right; } .g { text-indent:3px; padding-right:3px; overflow:hidden; white-space:nowrap; letter-spacing:0; word-spacing:0; background-color:#FFFFFF; z-index:1; /* See comments for .g td */ border-top: 0px none; border-left: 0px none; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; } /* We added the borders below mainly bc of a FF bug where the borders would not show up after load */ .g td { border-top: 0px none; border-left: 0px none; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; } /* This class is used in printing too */ .rAll { background-color: #E8EEF7; width: 35px; /* equals headWid in grid.js*/ text-align: center; vertical-align: middle; font-family: arial, sans-serif; font-size: 8pt; color: #333333; border-top: 0px none; border-left: 0px none; border-bottom: 1px solid #c8c8c8; border-right: 0px none; } /* This class is used in printing too */ .cAll, .sortBar, .sortBarIE, .sortBarOn, .sortBarOnIE { background-color: #E8EEF7; height: 20px; /* Make sure this matches this.headHei in grid.js*/ text-align: center; vertical-align: middle; font-family: arial, sans-serif; font-size: 8pt; color: #333333; border-top: 0px none; border-left: 0px none; border-bottom: 0px none; border-right: 1px solid #c8c8c8; } .sortBar, .sortBarIE, .sortBarOn, .sortBarOnIE { background-image: url(//www.google.com/images/spreadsheets/gradient-12.gif); background-repeat: repeat-x; height: 12px; padding-right: 5px; padding-left: 5px; text-align: right; z-index: 1; overflow: hidden; white-space: nowrap; } .sortBarOn, .sortBarOnIE { background-image: url(//www.google.com/images/spreadsheets/gradient-on-12.gif); color: #FE6F0F; padding-right: 0px; } .sortBarIE, .sortBarOnIE { height: 14px; } .sortBarLeft { padding-top: 0px; float: left; text-align: left; height: 12px; overflow: hidden; } .sortImgArrow { top: 0px; } .sortBarRight { float: right; border-left: 1px solid #c8c8c8; padding-top: 0px; padding-left: 4px; text-align: right; height: 12px; margin-right: 0px; padding-right: 5px; } .sortImgTriangle{ padding-top: 0px; position: relative; top: 4px; } .sortBarHeader, .sortBarHeaderIE { background-image: url(//www.google.com/images/spreadsheets/gradient-12.gif); background-repeat: no-repeat height: 12px; width: 36px; position: absolute; top: 20px; z-index: 10; font-size: 8pt; text-align: center; overflow: hidden; white-space: nowrap; vertical-align: middle; border-left: 1px solid #c8c8c8; border-top: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; cursor: move; -moz-user-select: none; } .sortBarHeaderIE { height: 14px; } /* This class is used in printing too */ .cTop { border-top: 1px solid #C0C0C0; } .headerEnd { background-color: #E8EEF7; border-color: #000000; border-style: none; border-width: 0px; } /* Sheet menu below*/ .toolOuter { overflow: hidden; position: absolute; font-size: 10pt; border-style: none; border-width: 0px; } .toolArrows { overflow: hidden; position: absolute; font-size: 6pt; border-style: none; text-align: center; cursor: pointer; } .toolContent { overflow: hidden; position: absolute; font-size: 8pt; border-style: none; text-align: center; } .toolTable { border-style: none; border-spacing: 0px; position: absolute; left: 0px; font-size: 8pt; vertical-align: middle; height: 100%; } .sheetDisabled { color: #676767; font-size: 11px; padding: 2 7 2 7; margin: 0 2; white-space: nowrap; } .sheetDisabled #tri { display: none; } .sheetNotActive { color: #00C; font-size: 11px; padding: 2 7 2 7; margin: 0 2; white-space: nowrap; text-decoration: underline; cursor: pointer; } .sheetNotActive #tri { display: none; } .sheetActive { background-color: #fff; font-weight: bold; border-left: 1px solid #b3b3b3; border-bottom: 1px solid #b3b3b3; border-right: 1px solid #b3b3b3; text-decoration: none; } .sheetActive #tri { display: inline; margin-left: 2px; } .sheetReadonly { background-color: #fff; font-weight: bold; border-left: 1px solid #b3b3b3; border-bottom: 1px solid #b3b3b3; border-right: 1px solid #b3b3b3; text-decoration: none; } .sheetReadonly #tri { display: none; } .sheetFormula { background-color: #FFFFCC; font-weight: bold; border-left: 1px dotted #b3b3b3; border-bottom: 1px dotted #b3b3b3; border-right: 1px dotted #b3b3b3; text-decoration: none; } .formulaAddressLocator { background-color: #3366cc; white-space: nowrap; z-index: 10; position: absolute; font-size: 12px; font-family: arial, sans-serif; font-weight: bold; padding: 2px 4px; color: #fff; border-style: none; border-width: 0px; overflow: visible; -moz-box-sizing: border-box; } /* Print styles */ .divGridPrint { border-style: solid; border-width: 1px; border-color: #EFEFEF; } .divMainAreaPrint { border-style: solid; border-width: 1px; border-color: #CCCCCC; } /* More other stuff below*/ .divGrid { z-index: 1; background-color: #E8EEF7; overflow: hidden; position: absolute; border-style: solid; border-width: 1px; border-color: #EFEFEF; } .divMainArea { font-size: 60pt; z-index: 1; overflow: scroll; position: absolute; border-style: solid; border-width: 1px; border-color: #CCCCCC; } .divAppArea { overflow: hidden; position: relative; border-style: solid; border-width: 1px; border-top: solid #C0C0C0 1px; border-bottom: solid #C0C0C0 1px; border-right: solid #FFF 1px; border-left: solid #FFF 1px; } .divRowHead, .divFrozRowHead { overflow: hidden; position: absolute; border-style: solid; border-width: 1px 1px 1px 0px; border-color: #CCCCCC; cursor: default; } .divFrozRowHead { opacity: 0.40; -moz-opacity: 0.40; filter: alpha(opacity=40); z-index: -1; } .divColHead { overflow: hidden; position: absolute; border-style: solid; border-width: 0px 1px 1px 1px; border-color: #CCCCCC; cursor: default; } .divTop { z-index: 4; overflow: hidden; position: absolute; border-style: none; background-color: #000; opacity: 0.00; /* Safari/CSS3 */ -moz-opacity: 0.00; /* Mozilla */ filter: alpha(opacity=00); /* IE */ } .divSelObjs { z-index: 5; overflow: visible; position: absolute; border-style: none; } .divActiveCell { z-index: 6; position: absolute; font-size: 1pt; border-color: #3366CC; border-style: solid; border-width: 2px; -moz-box-sizing: border-box; } .divOtherCursor { z-index: 6; position: absolute; font-size: 1pt; border-color: #3366CC; border-style: solid; border-width: 2px; -moz-box-sizing: border-box; opacity: 0.40; /* Safari/CSS3 */ -moz-opacity: 0.40; /* Mozilla */ filter: alpha(opacity=40); /* IE */ } .divOtherCursorLegend { border-color: #3366CC; border-style: solid; border-width: 2px; -moz-box-sizing: border-box; opacity: 0.40; /* Safari/CSS3 */ -moz-opacity: 0.40; /* Mozilla */ filter: alpha(opacity=40); /* IE */ padding: 3px; margin: 2px; position: relative; float: left; font-size: 0pt; top: 1px; cursor: pointer; } .editBoxWrapper { position: absolute; padding-top: 0px; padding-bottom: 0px; border-style: none; border-width: 0px; overflow: auto; } .editBoxFF { position: absolute; font-size: 10pt; border-top: solid #3063c9 2px; border-left: solid #3063c9 2px; border-bottom: solid #a5c4ff 2px; border-right: solid #a5c4ff 2px; padding-left: 1px; overflow: auto; } .editBoxIE { position: absolute; font-size: 10pt; border-top: solid #3063c9 2px; border-left: solid #3063c9 2px; border-bottom: solid #a5c4ff 2px; border-right: solid #a5c4ff 2px; padding-left: 1px; overflow: auto; } .editBoxResizerTable { position: absolute; border-collapse: collapse; border-style: none; padding: 0; margin: 0; } .divRCResize { z-index: 6; position: absolute; font-size: 1pt; background-color: #3366cc; width: 6px; height: 6px; border-style: none; } .divMsg { position: absolute; background-color: #cc0000; color: white; border-style: none; font-family: arial; font-size: 10pt; font-weight: bold; padding-left: 3px; padding-right: 3px; z-index: 10; } .divSelection { z-index: 5; position: absolute; font-size: 1pt; border-style: none; border-width: 0px; background-color: #3366cc; opacity: 0.20; -moz-opacity: 0.20; filter: alpha(opacity=20); -moz-box-sizing: border-box; } .divFormuSelect { z-index: 6; position: absolute; font-size: 1pt; border-style: none; border-width: 0px; background-color: #008000; opacity: 0.20; -moz-opacity: 0.20; filter: alpha(opacity=20); -moz-box-sizing: border-box; } .divSelectionDragDrop { z-index: 5; position: absolute; font-size: 1pt; border: 2px solid #3366cc; background-color: transparent; opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); -moz-box-sizing: border-box; } .dragDropIcon { z-index: 7; background-color: transparent; border-color: transparent; cursor: auto; position: absolute; } .panels { z-index: 1; background-color: #E8EEF7; overflow: hidden; position: relative; font-size: 10pt; border-top: none 0px; border-bottom: solid #FFF 1px; border-left: solid #FFF 1px; font-family: arial, sans-serif; } .panelStatus { border-left: solid #C0C0C0 1px; } .secStatus { cursor: pointer; overflow: hidden; color: #676767; font-size: 13px; padding-left: 5px; } .secStatCopy { font-size: 10px; color: #c00000; } .secStatDisconn { color: #c00000; } .secVersion { cursor: pointer; font-size: 8pt; text-align: right; padding-top: 5px; padding-right: 5px; vertical-align: top; border-left: solid #FFF 2px; } /* The 3 classes below are used in printing too */ .tblGeneric { border-collapse: collapse; border-style: none; border-spacing: 0px; width: 100%; height: 100%; } .tblGenFixed { table-layout: fixed; border-collapse: collapse; border-style: none; border-spacing: 0px; width: 0px; } .tblGenFixedIE { table-layout: fixed; border-collapse: collapse; border-style: none; border-top: 1px solid #FFF; border-spacing: 0px; width: 0px; } /* New menu stuff below*/ .menuMain { font-size: 10pt; border-top: 0px none; border-bottom: 0px none; border-left: solid #FFF 1px; border-right: solid #FFF 1px; font-family: arial, sans-serif; } .menuMainTbl { border-style: none; border-width: 0px; } .menuMainHeaderCellOn { background-color: #C3D9FF; font-size: 13px; font-family: arial, sans-serif; font-weight: bold; cursor: default; padding-left: 10px; padding-right: 10px; padding-top: 4px; vertical-align: top; } .menuMainHeaderCellOff { font-size: 13px; font-family: arial, sans-serif; font-weight: bold; color: #00C; cursor: pointer; padding-left: 10px; padding-right: 10px; padding-top: 4px; vertical-align: top; } .menuDivs { background-color: #C3D9FF; border-style: none; border-width: 0px; font-size: 10pt; } .menuToolbarSel { overflow: hidden; position: relative; height: 18px; width: 18px; border-style: none; border-width: 0px; background-color: #E8F1FF; border-top: 1px solid #9DAECD; border-left: 1px solid #9DAECD; border-right: 1px solid #E8F1FF; border-bottom: 1px solid #E8F1FF; } .menuToolbarHover { overflow: hidden; position: relative; height: 18px; width: 18px; border-style: none; border-width: 0px; background-color: #C3D9FF; border-top: 1px solid #E8F1FF; border-left: 1px solid #E8F1FF; border-right: 1px solid #9DAECD; border-bottom: 1px solid #9DAECD; } .menuToolbarNoSel { overflow: hidden; position: relative; height: 18px; width: 18px; border-style: none; border-width: 0px; background-color: #C3D9FF; border-top: 1px solid #C3D9FF; border-left: 1px solid #C3D9FF; border-right: 1px solid #C3D9FF; border-bottom: 1px solid #C3D9FF; } .menuCell { background-color: #C3D9FF; } .menuCheckbox { white-space: nowrap; padding-left: 6px; padding-right: 6px; font-size: 9pt; font-family: arial, sans-serif; cursor: pointer; } .menuMainFormu { overflow: hidden; color: #000; cursor: pointer; white-space: nowrap; border-style: none; border-width: 0px; font-size: 12px; font-family: arial, sans-serif; padding-left: 6px; padding-top: 2px; vertical-align: middle; } .menuMainLabel { white-space: nowrap; border-style: none; border-width: 0px; font-size: 8pt; font-family: arial, sans-serif; font-weight: bold; padding-left: 6px; padding-right: 6px; padding-top: 2px; vertical-align: middle; } .menuMainLink { border-style: none; border-width: 0px; font-size: 12px; font-family: arial, sans-serif; color: #00C; text-decoration: underline; cursor: pointer; padding-left: 6px; padding-right: 6px; padding-top: 2px; vertical-align: middle; } /* Merged cell button below*/ td.mergeButton { padding-top: 0; padding-left: 3; padding-right: 3; cursor: pointer; } .mergeButton table{ border-collapse: collapse; } .mergeButton td { padding: 0; margin: 0; font-size: 11px; } .mergeButton .top td { border-bottom: 1px solid #86A9F5; } .mergeButton .bottom td { border-top: 1px solid #86A9F5; } .mergeButton .r { border-right: 1px solid #86A9F5; } .mergeButton .word { padding: 1; } .mergeButton .word { color: #00c } .mergeButton .inactive .word { color: #999 } td.r2 { border-right: 1px solid #C3D9FF; } table.apart td.r2 { border-right: 1px solid #86A9F5; } /* Preview, Print, Email buttons */ .iconimage { cursor: pointer; padding-top: 2px; padding-right: 4px; padding-left: 5px; padding-bottom: 3px; } .icontext { padding-top: 3px; padding-right: 7px; padding-bottom: 3px; } .icontext a { font-family: Arial,Sans serif; color: #0000cc; font-size: 13px; } /* Disclaimer */ .disclaimer { padding-left: 12px; font-size: 11px; font-family: Arial,Sans serif; background-color: #efefef; color: #676767; border-left: 0px none; border-bottom: 1px solid #c0c0c0; border-right: 0px none; -moz-box-sizing: border-box; } .disclaimerTop { padding-top: 6px; padding-bottom: 6px; padding-left: 6px; border-top: 1px solid #c0c0c0; } .disclaimer a { color: #7777cc; padding-left: 3px; } .dialog-settings { padding: 6px 8px 8px 2px; } .dialog-settings-label { font-weight: bold; } .dialog-settings-input { vertical-align: top; padding-left: 10px; width: 375px; } .dialog-settings-text { vertical-align: top; padding-left: 20px; color: #676767; font-size: 8pt; width: 150px; } .dialog-selection { padding: 6px 8px 8px 2px; } .dialog-selection-editbox { vertical-align: middle; padding-left: 5px; width: 200px; } /* Ranges dialog */ .dialog-ranges-div { width: 350px; height: 250px; border: 1px solid #999; overflow: auto; } .dialog-ranges-tr-normal { background-color: white; cursor: default; } .dialog-ranges-tr-hilight { background-color: #d3e3fe; cursor: text; } .dialog-ranges-td-name { width: 175px; } .dialog-ranges-td-area { width: 125px; } .dialog-ranges-td-del { width: 15px; cursor: default; text-align: center; color: #999; } .dialog-ranges-link-disabled { color: #676767; text-decoration: none; } .objWrap { position: absolute; border: 1px solid #999; z-index: 10; } .objMover { position: absolute; display: none; border: 1px solid #999; z-index: 97; } .objResizer { position: absolute; display: none; z-index: 100; } .objGlasspane { position: absolute; display: none; z-index: 99; } .objMenuOpn { background: url(//www.google.com/images/spreadsheets/icon-dropdn.gif) no-repeat 100% 50%; padding-right: 15px; padding-left: 5px; color: #00C; text-decoration: none; } .addRowsPopupContainer { position: absolute; z-index: 9999; background-color: #E8EEF7; border: 1px solid #C8C8C8; padding: 2px 2px 2px 2px; } .addRowsPopupText { color: #0000CC; padding-right: 4px; } .insertRowsErrorDiv { color: #CC0000; } .insertRowsInput { height: 18px; width: 23px; font-size: 10px; } .addRowsPlusButton { position: absolute; text-align: center; cursor: pointer; border-top: rgb(204,204,204) 1px solid; bottom: 0; left: 0; background-color: #E8EEF7; }