/*
This is a lite version of v6 that allows loading the spreadsheet into an HTML element rather than an iframe.
*/

h1 span { color:#444; font-weight:400; font-size:14px; font-family:'Open Sans', Arial, Helvetica, sans-serif }

/***** Click to Activate Overlay *****/
.activate, .activated { position:absolute; top:-1px; left:-1px; z-index:1000000; filter:alpha(opacity=40); -moz-opacity:.4; opacity:.4 }
.activate { background-color:transparent; background-image:url(/img/trans.png); background-repeat:no-repeat; cursor:pointer }
.activated { height:auto }
.activate div, .activated div { height:19px; font-family:Arial, Helvetica, sans-serif; line-height:19px; text-align:center; background:#900; color:#FFF; font-size:14px; font-weight:bold }

img.ajax { position:absolute; width:66px; height:66px; z-index:1000000 }

/***** Function/Tool Bar *****/
.barsContainer { cursor:default; z-index:100000; font-size:12px; line-height:13px; position:relative; zoom:1 } /* zoom require for IE because position:relative makes vert scrolling work in FF/Safari, but breaks layout in IE */
.fxnbar { background:#FFF; border-bottom:1px solid #888; height:18px; font-family:Arial, Helvetica, sans-serif }
.fxnbar div { position:absolute; white-space:nowrap; padding:0 5px; height:18px }
.fxnbar div.addr { left:0; width:110px; text-align:center; line-height:18px }
.fxnbar div.spacer { left:110px; width:40px; padding:0; background:#e8e8e8 url(/img/fx.gif) no-repeat 26px 1px; border-left:1px solid #888; border-right:1px solid #888 }
.fxnbar div.equation { left:150px; line-height:18px; cursor:text }
.fxnbar div.menu { right:0; width:30px; background:#FFF url(/img/mna/sheet_tools.gif) no-repeat 50% 50%; cursor:pointer }
.fxnbar div.clr { float:none; clear:both; height:0; padding:0 }
.toolmenu { display:none; position:absolute; top:-1px; right:-1px; z-index:100000; border-top:1px solid #888 }
.toolmenu a { display:block; padding:0 10px; height:18px; line-height:18px; border:1px solid #888; border-top:0; background:#FFF; text-decoration:none; white-space:nowrap; width:108px; font-family:Arial, Helvetica, sans-serif }
.toolmenu a:hover { background:#06C; color:#FFF }
.toolmenu span { float:left; width:12px; height:12px; margin:3px 4px 0 0; background-image:url(/img/sheet/menu-icons.png); background-repeat:no-repeat }
.toolmenu .dl { background-position:0 0 }
.toolmenu a:hover .dl { background-position:-24px 0 }
.toolmenu .lines { background-position:0 -12px }
.toolmenu a:hover .lines { background-position:-24px -12px }
.toolmenu .fscr { background-position:-12px 0 }
.toolmenu a:hover .fscr { background-position:-36px 0 }

/***** Spreadsheet Structure *****/
.grid { top:-1px; z-index:0; background:#fff; font-family:Arial, Helvetica, sans-serif; color:#222; cursor:url(http://www.macabacus.com/img/xls-cursor.cur); height:100% }
.grid, .cell, .mergedCell, .RowColHdr, .colHdr div, .rowHdr div div, #cell_eqn, #cell_comment, #comment_shadow, #cell_cursor, span.ref_border, div.cell_corner { position:absolute }
.grid, .colHdr { left:26px }
.colHdr, .rowHdr { position:relative; z-index:10000; font-family:Arial, Helvetica, sans-serif }
.colHdr div { width:65px } /* default width for cells */
.RowColHdr, .rowHdr, .rowHdr div, .rowHdr div div { width:25px }
.colHdr { height:16px } /* 13px height of divs + 2px top/bottom padding + 1px bottom border = 16px */
.RowColHdr, .rowHdr div, .colHdr div { height:13px; line-height:13px; padding:1px 0; font-size:12px; white-space:nowrap; overflow:hidden; text-align:center; border-right:1px solid #888; border-bottom:1px solid #888; cursor:default }
.colHdr .active, .rowHdr .active { background:#FFD3C4 }
.RowColHdr, .rowHdr div, .colHdr div { background:#e8e8e8 }
.RowColHdr { z-index:100000; font-size:2px /* 2px required by IE 6 to limit height */ }

/***** Cell Styles *****/
.cell, .mergedCell {
	height:13px;
	padding:1px 2px;
	white-space:nowrap;
	overflow:visible;
	border-top:1px solid #dfdfdf;
	border-right:1px solid #dfdfdf;
	background:#fff /* required by IE7 to make the cells selectable */
}
.mergedCell { background:none; border-right:0 }
.mergedCell.right { top:-1px; right:-1px }
.cell.noGrid, .mergedCell.noGrid { border-top:1px solid #FFF }
.cell.noGrid { border-right:1px solid #FFF }
.cell.comment {	background:#fff url(/img/comment.gif) top right no-repeat }

/***** Excel Spreadsheet Overlays *****/
#cell_comment, #cell_cursor, span.ref_border { z-index:9000 } /* z-index must be less than 10000 */
#cell_eqn { top:0; left:0; overflow:visible; white-space:nowrap; background:#fff; padding:0 2px }
#cell_eqn .bold { font-weight:bold }
#cell_comment {
	font-size:10px;
	line-height:11px;
	overflow:auto;
	max-width:150px;
	min-width:60px;
	max-height:90px;
	min-height:22px;
	padding:2px;
	border:1px solid #000;
	background:#ffc;
	color:#000;
	cursor:default
}
#comment_shadow { background:#bbb }
#cell_cursor {
	background-color:transparent;
	background-image:url(/img/trans.png); /* dummy image required by IE so that text in the underlying table cell is clickable */
	background-repeat:no-repeat;
	border:3px solid #000;
	font-size:2px /* IE6 */
}
#cell_cursor.blank { background-color:#FFF }
span.ref_border { display:block }
div.cell_corner { height:5px; width:5px; font-size:2px /* IE6 */ }
.cell, .mergedCell, #cell_eqn { font-size:12px; line-height:13px }

/***** Scrollbars *****/
.scrollbar, .scrollbar .track, .scrollbar .handle, .scrollbar .button { position:absolute }
.scrollbar, .scrollbar .handle, .tabScroll div { cursor:default; -moz-user-select:none; -khtml-user-select:none; user-select:none }
.scrollbar { background:#e6e6e6; z-index:1500000; -moz-user-focus:normal }
.hori {	top:-1px; right:0; width:300px; height:16px; padding-bottom:2px }
.vert {	right:0; width:16px; height:300px }
.scrollbar .handle { top:0; left:0; border:1px solid #9495A2 }
.scrollbar.hori .handle { width:16px; height:14px; background:#d4d0c8 url(/img/HandleBgHori.jpg) repeat-x 0 0 }
.scrollbar.vert .handle { width:14px; height:31px; background:#d4d0c8 url(/img/HandleBgVert.jpg) repeat-y 0 0 }
.scrollbar .handle div { border:1px solid #fff }
.scrollbar.hori .handle div { height:12px; background:url(/img/GripperBgHori.gif) no-repeat 50% 2px }
.scrollbar.vert .handle div { width:12px; background:url(/img/GripperBgVert.gif) no-repeat 2px 50% }
.scrollbar .track { font-size:0.01mm; overflow:hidden; width:1px; height:1px }
.scrollbar.vert .track { top:17px; left:0; width:16px; background:#fff url(/img/ScrollbarBgVert.jpg) repeat-y 0 0 }
.scrollbar.hori .track { top:0; left:17px; height:16px; background:#fff url(/img/ScrollbarBgHori.jpg) repeat-x 0 0 }
.scrollbar .button { font-size:0.01mm; overflow:hidden; background:url(/img/sheet/scrollbarButtons.png) no-repeat }
.scrollbar.hori .button { width:17px; height:16px }
.scrollbar.vert .button { width:16px; height:17px }
.scrollbar.hori .scrollup {	background-position: -33px -16px }
.scrollbar.hori .scrolldown { background-position: -33px 0 }
/* pressed buttons */
.scrollbar.hori .scrollup-p { background-position: -51px -16px }
.scrollbar.hori .scrolldown-p {	background-position: -51px 0 }
/* disabled buttons */
.scrollbar.hori .scrollup-d {background-position: -84px -16px }
.scrollbar.hori .scrolldown-d {	background-position: -84px 0 }
.scrollbar.vert .scrolldown { background-position: 0 -17px }
.scrollbar.vert .scrollup {	background-position: 0 0 }
/* pressed buttons */
.scrollbar.vert .scrolldown-p {	background-position: -16px -17px }
.scrollbar.vert .scrollup-p { background-position: -16px 0 }
/* disabled buttons */
.scrollbar.vert .scrolldown-d {	background-position: -68px -17px }
.scrollbar.vert .scrollup-d { background-position: -68px 0 }

/***** Tabs *****/
.tabsContainer { position:relative; background:#e8e8e8; border-top:1px solid #888; z-index:10000; cursor:default; margin-top:-1px; font-family:Arial, Helvetica, sans-serif } /* can't give this DIV "layout" in IE by explicitly specifying its height, or the negative margin-top won't work; overflow:hidden screws up appearance of scrollbar in FF due to -1px top margin */
.tabsContainer ul { position:relative; /* IE6 */ top:-1px; left:37px; list-style-type:none; padding:0; margin:0; height:18px; width:2400px /* long width required to prevent tabs from wrapping */ }
.tabsContainer li, .tabsContainer li a, .tabsContainer li span, .tabScroll a { float:left }
.tabsContainer li, .tabsContainer li a, .tabsContainer li span { background-image:url(/img/excel_tab.jpg); background-repeat:no-repeat }
.tabsContainer li {	margin:0 1px 0 0; /* the right margin is the space between adjacent tabs */	padding:0 10px 0 0;	background-position:100% -18px }
.tabsContainer li a, .tabsContainer li span { text-align:center; white-space:nowrap; padding-left:10px; line-height:18px; height:18px; font-size:12px; background-position:0 -18px }
.tabsContainer li.active { background-position:100% 0 }
.tabsContainer li.active a, .tabsContainer li.active span, .tabScroll .l.active { background-position:0 0 }
.tabsContainer li span { font-weight:bold }
.tabsContainer a { color:#444; text-decoration:none }
/***** Tab Scroll Arrows *****/
.tabScroll { position:absolute; left:0; top:0; width:32px; padding:2px 0 1px 5px; background:#e8e8e8 }
.tabScroll a { width:14px; height:14px; background:#e8e8e8 url(/img/sheet/tabScroll.png) no-repeat }
.tabScroll .l { background-position:0 -28px }
.tabScroll .l.active:hover { background-position:0 -14px }
.tabScroll .r { background-position:-14px -28px }
.tabScroll .r.active { background-position:-14px 0 }
.tabScroll .r.active:hover { background-position:-14px -14px }

@media screen { /* IE 6 fixes */
	* body { /* for some reason, this fixes the scroll flicker for fixed-positioned divs for IE 6 */
	background-image: url(/img/trans.png); 
	background-repeat: no-repeat;
	background-attachment: fixed;
	}
}