/* preferences styles */

#prefs_scroller	{
	position:absolute;
	top:23px;
	height:214px;
	margin:0px;
	left: 0px;
	width: 338px;
	padding: 0px;
	overflow:hidden;
	background:#5c5c5c;
}

#pref_tab	{
	position:relative;
	width:330px;
	left:4px;
	background:#565656 url(img/prefs_tab.png) no-repeat;
	color:#aaa;
	font: 12px/12px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:2px 0px 2px 10px;
	margin-top:5px;
	cursor:pointer;
	border-top:1px solid #454545;
	border-bottom:1px solid #454545;
}
#pref_tab:hover	{
	background:#65635f url(img/prefs_tab_over.png) no-repeat;
	color:#ddd;
	border-top:1px dotted #454545;
	border-bottom:1px dotted #454545;
}

.prefset	{
	position:relative;
	z-index:10;
	width:318px;
	left:4px;
	padding:5px;
	border:1px solid #242424;
	margin-bottom:10px;
	background:#404040;
	color:#ffffff;
	font: 10px/12px Arial, Helvetica, sans-serif;
}
.prefset:hover	{
	background:#46443d;
	border:1px dotted #cdc7bb;
}
#prefs_scroller {
	position:absolute;
	z-index:100;
}


/* cubelab library tabs */

.lib_tabs_ac	{
	position:relative;
	width:260px;
	left:0px;
	background:#565656 url(img/lib_tab.png) no-repeat;
	color:#aaa;
	font: 10px/12px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align:center;
	padding:2px 0px 2px 0px;
	margin-top:5px;
	cursor:pointer;
	border-top:1px solid #454545;
	border-bottom:1px solid #454545;
}
.lib_tabs_ac:hover	{
	background:#65635f url(img/lib_tab_over.png) no-repeat;
	color:#ddd;
	border-top:1px dotted #454545;
	border-bottom:1px dotted #454545;
}

.lib_tabs	{
	position:relative;
	width:260px;
	left:0px;
	background:#565656 url(img/lib_tabac.png) no-repeat;
	color:#ddd;
	font: 10px/12px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align:center;
	text-shadow:#333333 0px 1px;
	padding:3px 0px 1px 0px;
	margin-top:5px;
	cursor:pointer;
	border-top:1px solid #454545;
	border-bottom:1px solid #454545;
}
.lib_tabs:hover	{
	background:#65635f url(img/lib_tab_acover.png) no-repeat;
	color:#fff;
	border-top:1px dotted #454545;
	border-bottom:1px dotted #454545;
}


/* cubelab library styles */

.button_space	{
	padding:7px 0px 0px 0px;
	display:block;
	clear:both;
	background-image: url(img/buttonshadow.png);
	background-repeat: repeat-x;
	background-position: 0px 2px;
}

.cmenu_blank{
	width:39px;
	margin: 0px;
	background-image:url(img/clib-bbg_blank.png);
	background-color:transparent;
	font:9px/12px Arial;
	float:left;
	padding: 5px 12px 4px 4px;
	border-right: solid 1px #101010;
	border-bottom: solid 1px #565656;
}

/* 
RED
*/
.cmenured{
	width:39px;
	height:33px;
	padding:2px 1px 0px 1px;
	margin: 0px;
	border-bottom:solid 1px #000;
	border-right: solid 1px #101010;
	background:#7e1900 url(img/clib-bbg2.png);
	cursor:pointer;
	font:9px/10px Arial;
	color: #eee;
	text-shadow: 1px 1px 0px #000;
	text-align: center;
	display:inline-block;
	vertical-align:middle;
	float:left;
}
.cmenured:hover	{
	background:#7e1900 url(img/clib-bbg2_hover.png);
	color: #fff;
	text-shadow: 1px 1px 1px #fff;
}
/* 
YELLOW
*/
.cmenuyellow	{
	width:39px;
	height:33px;
	padding:2px 1px 0px 1px;
	margin: 0px;
	border-bottom:solid 1px #000;
	border-right: solid 1px #101010;
	background:#806600 url(img/clib-bbg2.png);
	cursor:pointer;
	font:9px/10px Arial;
	color: #eee;
	text-shadow: 1px 1px 0px #000;
	text-align: center;
	display:inline-block;
	vertical-align:middle;
	float:left;
}
.cmenuyellow:hover	{
	background:#806600 url(img/clib-bbg2_hover.png);
	color: #fff;
	text-shadow: 1px 1px 1px #fff;
}
/* 
BLUE
*/
.cmenublue	{
	width:39px;
	height:33px;
	padding:2px 1px 0px 1px;
	margin: 0px;
	border-bottom:solid 1px #000;
	border-right: solid 1px #101010;
	background:#00317b url(img/clib-bbg2.png);
	cursor:pointer;
	font:9px/10px Arial;
	color: #eee;
	text-shadow: 1px 1px 0px #000;
	text-align: center;
	display:inline-block;
	vertical-align:middle;
	float:left;
	background-position: 0px 0px;
}
.cmenublue:hover	{
	background:#00317b url(img/clib-bbg2_hover.png);
	color: #fff;
	text-shadow: 1px 1px 1px #fff;
}
/* 
GREEN
*/
.cmenugreen	{
	width:39px;
	height:33px;
	padding:2px 1px 0px 1px;
	margin: 0px;
	border-bottom:solid 1px #000;
	border-right: solid 1px #101010;
	background:#538d18 url(img/clib-bbg2.png);
	cursor:pointer;
	font:9px/10px Arial;
	color: #eee;
	text-shadow: 1px 1px 0px #000;
	text-align: center;
	display:inline-block;
	vertical-align:middle;
	float:left;
}
.cmenugreen:hover	{
	background:#538d18 url(img/clib-bbg2_hover.png);
	color: #fff;
	text-shadow: 1px 1px 1px #fff;
}
/* 
ORANGE
*/	
.cmenuorange	{
	width:39px;
	height:33px;
	padding:2px 1px 0px 1px;
	margin: 0px;
	border-bottom:solid 1px #000;
	border-right: solid 1px #101010;
	background:#853500 url(img/clib-bbg2.png);
	cursor:pointer;
	font:9px/10px Arial;
	color: #eee;
	text-shadow: 1px 1px 0px #000;
	text-align: center;
	display:inline-block;
	vertical-align:middle;
	float:left;
}
.cmenuorange:hover	{
	background:#853500 url(img/clib-bbg2_hover.png);
	color: #fff;
	text-shadow: 1px 1px 1px #fff;
}
/* 
PURPLE
*/	
.cmenupurple	{
	width:39px;
	height:33px;
	padding:2px 1px 0px 1px;
	margin: 0px;
	border-bottom:solid 1px #000;
	border-right: solid 1px #101010;
	background:#8000aa url(img/clib-bbg2.png);
	cursor:pointer;
	font:9px/10px Arial;
	color: #eee;
	text-shadow: 1px 1px 0px #000;
	text-align: center;
	display:inline-block;
	vertical-align:middle;
	float:left;
}
.cmenupurple:hover	{
	background:#8000aa url(img/clib-bbg2_hover.png);
	color: #fff;
	text-shadow: 1px 1px 1px #fff;
}
/* 
TEAL
*/	
.cmenuteal	{
	width:39px;
	height:33px;
	padding:2px 1px 0px 1px;
	margin: 0px;
	border-bottom:solid 1px #000;
	border-right: solid 1px #101010;
	background:#009ca6 url(img/clib-bbg2.png);
	cursor:pointer;
	font:9px/10px Arial;
	color: #eee;
	text-shadow: 1px 1px 0px #000;
	text-align: center;
	display:inline-block;
	vertical-align:middle;
	float:left;
}
.cmenuteal:hover	{
	background:#009ca6 url(img/clib-bbg2_hover.png);
	color: #fff;
	text-shadow: 1px 1px 1px #fff;
}
/* 
ROYAL BLUE
*/	
.cmenurblue	{
	width:39px;
	height:32px;
	padding:3px 12px 4px 4px;
	margin: 0px;
	background:#336699 url(img/clib-bbg2.png);
	cursor:pointer;
	font:9px/10px Arial;
	color: #eee;
	text-shadow: 1px 1px 0px #000;
	text-align: center;
	display:inline-block;
	vertical-align:middle;
	float:left;
	border-right: 1px solid #101010;
	border-bottom: 1px solid #000;
}
.cmenurblue:hover	{
	background:#336699 url(img/clib-bbg2_hover.png);
	color: #fff;
	text-shadow: 1px 1px 1px #fff;
}


/* ----------------------COMMAND CONSOLE ---------------------*/

#clib_titlebar	{
	position:absolute;
	top:0px;
	left:0px;
	width:240px;
	height:21px;
	background-image: url(img/clib-menhead.jpg);
	font:12px/12px Arial, Helvetica, sans-serif;
	color:#FFF;
	text-align: center;
	padding-top: 7px;
	margin-bottom: 5px;
	cursor:pointer;
	border-top: 0px solid;
	border-right: 2px solid #000;
	border-bottom: 1px solid #4B4D50;
	border-left: 2px solid #000;
	}
	
#reveal_libmenu	{
	position:absolute;
	top:0px;
	left:5px;
	width:50px;
	height:46px;
	}
	
#console_a	{
	position:absolute;
	top:0px;
	left:-5px;
	width:314px;
	height:685px;
	background:#000000 url(img/console_bg_a.png) -12px -0px;
	z-index:10;
	border-right:solid 1px #232323;
	}
	
#nester	{
	position:absolute;
	top:34px;
	left:5px;
	width:48px;
	height:670px;
	z-index:111;
	overflow:hidden;
	}
	
#navtube	{
	position:relative;
	top:40px;
	left:0px;
	width:48px;
	height:auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 10px;
	color: #333333;
	text-align: center;
	padding:0px;
	cursor:pointer;
	}
	
#lib_title	{
	position:absolute;
	top:0px;
	left:3px;
	width:257px;
	height:24px;
	display:block;
	font:11px/11px Arial, Helvetica, sans-serif;
	background:url(img/lib_title_bg.png) no-repeat;
	color:#000000;
	text-align:center;
	text-shadow:#999999 0px 1px;
	padding-top: 8px;
	overflow:hidden;
	border-top:1px solid #333333;
	border-bottom:1px solid #333333;
	cursor:help;
	z-index:200:
	}

.dot {
	font-size:10px;
	list-style:disc;
}
	
#navicons	{
	position:absolute;
	top:4px;
	left:5px;
	width:50px;
	height:40px;
	z-index:121;
	cursor:pointer;
}
	
.categories	{
	float:left;
	width:48px;
	height:18px;
	display:block;
	background:url(img/libcap.png) no-repeat;
	padding-top:10px;
	margin:10px 0px 1px 0px;
	border-bottom: solid 1px #484439;
	cursor:pointer;
}
	
.categories:hover	{
	background:url(img/libcap_mo.png);
}

.mlib_tab	{
	float:left;
	width:48px;
	height:20px;
	display:block;
	background:url(img/main_tab.png) no-repeat;
	padding-top:10px;
	margin:10px 0px 0px 0px;
	cursor:pointer;
}
	
.mlib_tab:hover	{
	background:url(img/main_tab_over.png) no-repeat;
}

.lib_containers	{
	position:relative;
	left:0px;
	width:48px;
	padding:4px 0px 4px 2px;
	background:url(img/navtubeglow.png) repeat-y -1px 0px;
	float:left;
	border-bottom: solid 1px #484439;
}

.mlib_container	{
	position:relative;
	left:0px;
	width:48px;
	padding:10px 0px 10px 2px;
	background:url(img/globaltube_bg.png) no-repeat;
	float:left;
}
	
#reveal_console	{
	position:absolute;
	top:4px;
	left:5px;
	width:49px;
	height:40px;
	z-index:125;
	background-image:url(img/iconshadow.png);
	cursor:pointer;
	overflow:hidden
	}

#console_b	{
	position:absolute;
	top:42px;
	left:46px;
	width:257px;
	height:641px;
	background: #5c5c5c;
	z-index:50;
	border-left:solid 3px #313334;
	}

.compute_function	{
	position:absolute;
	top:30px;
	left:0px;
	width:260px;
	padding:4px 0px 0px 0px;
	text-align:right;
	}
	
#flibrary_scroller	{
	position:absolute;
	top:22px;
	height:614px;
	margin:0px;
	left: 3px;
	width: 257px;
	padding: 0px;
	overflow:hidden;
}

.library_container	{
	position:absolute;
}
	
#menu_states	{
	position:absolute;
	top:3px;
	left:10px;
	width:198px;
	height:23px;
	padding:0px;
	}

a.title_links:link {
	text-decoration: none;
	display: block;
	cursor:pointer;
	color:#bcbcbc;
}
a.title_links:visited {
	text-decoration: none;
	display: block;
	cursor:pointer;
	color:#bcbcbc;
}
a.title_links:hover {
	text-decoration: none;
	display: block;
	cursor:pointer;
	color:#bcbcbc;
}
a.title_links:active {
	text-decoration: none;
	display: block;
	cursor:pointer;
	color:#bcbcbc;
}

/* ----------------------OUTPUT WINDOW ---------------------*/

div.data_window	{
	z-index:5000;
	}
div.data_window div.corner {
	position: absolute;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background-image: url(img/op_insdrag.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}
#cb_output_window	{
	position:absolute;
	top:4px;
	left:0px;
}
#moveme	{
	position:absolute;
	width:100%;
	height:21px;
	text-align:center;
	padding-top:9px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	display:block;
	cursor:move;
}

#node_box	{
	position:absolute;
	padding:2px 8px 2px 4px;
	margin-top:-19px;
	margin-left:4px;
	left:3px;
	height:14px;
	background-color:#9BAAB7;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}

#cb_inputbut	{
	position:absolute;
	padding:4px;
	right:3px;
	height:19px;
	width:106px;
	background-color:#f0f0f0;
	border-bottom:1px solid #cccccc;
}

#cb_outputbut	{
	position:absolute;
	padding:4px;
	right:3px;
	height:19px;
	width:44px;
	background-color:#E2F6FF;
	border-right: 1px dotted #9BAAB7;
	border-left: 1px dotted #9BAAB7;
	border-bottom: 1px dotted #9BAAB7;
}

.cbp	{
	padding:0px;
	margin:0px;
}

.cb_input	{
	font-family: monospace;
	font-size: 12px;
	line-height: 16px;
	color: #000000;
	background-image: url(img/column_colors.png);
	background-repeat: repeat;
	display: block;
	margin: 40px 3px 0px 3px;
	border-bottom: dotted 1px #9BAAB7;
	border-top: dotted 1px #9BAAB7;
	padding: 0px 0px 0px 0px;
}

.cb_output	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	color: #000000;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	display: block;
	background-color: #E2F6FF;
	border: 1px dotted #9BAAB7;
}

#libinfo	{
	position:absolute;
	top:0px;
	left:0px;
	width:460px;
	height:656px;
	z-index:10;
	padding:16px 200px 0px 40px;
	background-image: url(img/compoverview_bg.jpg);
	font-family:Arial;
	font-size:12px;
	line-height:18px;
	color:#FFF;
 }
 
 
 /* ----------------------MEMORY ITEMS ---------------------*/
#memstorage	{
position:absolute;
left:4px;
top:0px;
width:220px;
height:70px;
background:url(img/memstat_bg.png) no-repeat;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #bbbbbb;
line-height: 16px;
text-transform: uppercase;
padding:2px 0px 0px 4px;
}

#mem_nester	{
position:relative;
width:224px;
top:0px;
left:4px;
background:url(img/nester_bg.png) repeat-x;
font:10px/12px arial, Helvetica, sans-serif;
padding:1px 0px 0px 0px;
}

#mem_nester_graph	{
position:absolute;
width:224px;
height:624px;
top:0px;
left:4px;
overflow:hidden;
}

#memlist_graph	{
position:relative;
top:0px;
height:auto;
font-family:arial, Helvetica, sans-serif;
font-size:10px;
line-height:12px;
padding:0px 0px 0px 0px;
}

div.mem_cat	{
position:relative;
display:block;
width:204px;
padding:4px 10px 3px 10px;
text-transform: uppercase;
color:#fff;
border-top:1px solid #1d3e59;
border-bottom:1px solid #bcbab8;
margin:3px 0px 0px 0px;
background: url(img/cat_tab.jpg);
cursor:pointer;
}
div.mem_cat:hover	{
border-top:1px solid #008dff;
background:url(img/cat_tabover.jpg);
}

div.mem_proj	{
position:relative;
display:block;
width:204px;
padding:4px 10px 3px 10px;
text-transform: uppercase;
color:#fff;
border-top:1px solid #59451d;
border-bottom:1px solid #bcbab8;
margin:3px 0px 0px 0px;
background: url(img/proj_tab.jpg);
cursor:pointer;
}
div.mem_proj:hover	{
border-top:1px solid #ffba00;
background:url(img/proj_tabover.jpg);
}

div.mem_cat2	{
display:block;
width:204px;
padding:4px 10px 3px 10px;
text-transform: uppercase;
color:#fff;
border-top:1px solid #1d3e59;
border-bottom:1px solid #bcbab8;
margin:3px 0px 0px 0px;
background:url(img/cat_tab.jpg);
cursor:pointer;
}
div.mem_cat2:hover	{
border-top:1px solid #008dff;
background:url(img/cat_tabover.jpg);

}

div.mem_graph	{
position:relative;
display:block;
width:204px;
padding:4px 10px 3px 10px;
text-transform: uppercase;
color:#fff;
border-top:1px solid #18658d;
border-bottom:1px solid #bcbab8;
margin:3px 0px 0px 0px;
background: url(img/graph_tab.jpg);
cursor:pointer;
}
div.mem_graph:hover	{
border-top:1px solid #8DEC08;
background:url(img/graph_tabover.jpg);
}

div.mem_cat	{
position:relative;
display:block;
width:204px;
padding:4px 10px 3px 10px;
text-transform: uppercase;
color:#fff;
border-top:1px solid #1d3e59;
border-bottom:1px solid #bcbab8;
margin:3px 0px 0px 0px;
background: url(img/cat_tab.jpg);
cursor:pointer;
}
div.mem_cat:hover	{
border-top:1px solid #008dff;
background:url(img/cat_tabover.jpg);
}

div.mem_subcat{
position:relative;
display:block;
width:204px;
padding:3px 10px 1px 10px;
text-transform: uppercase;
color:#fff;
border-bottom:1px solid #9e9b97;
margin-bottom:1px;
cursor:pointer;
background:#c7c5c3 url(img/mi_subcat_tab.jpg);
}
div.mem_subcat:hover	{
color:#fff;
background:#6a7781 url(img/mi_subcat_tabover.jpg);
}

div.mem_values{
position:relative;
width:194px;
padding:2px 10px 2px 20px;
background-color:#e7e6e2;
border-bottom:1px solid #9e9b97;
background:url(img/mi_object_bg.png);
}

.mem_objects	{margin:0px;padding:4px 0px 4px 0px;display:block;}
.mem_data	{margin:0px;padding:0px 0px 4px 0px;display:block;}

.c	{position:absolute;right:62px;cursor:pointer;}
.t	{position:absolute;right:42px;cursor:pointer;}
.r	{position:absolute;right:22px;cursor:pointer;}
.d	{position:absolute;right:2px;cursor:pointer;}

.rename_bt	{background-image:url(img/rename.png);width:57px;height:12px;border:none;margin:1px 0px 4px 0px;}
.rename_bt:hover	{background-image:url(img/rename_over.png);}
.cancel_bt	{background-image:url(img/cancel.png);width:57px;height:12px;border:none;margin:1px 0px 4px 0px;}
.cancel_bt:hover	{background-image:url(img/cancel_over.png);}

.sh	{cursor:pointer;}

img	{border:none;}

#help_window	{
	position:absolute;
	overflow:hidden;
	z-index: 50000;
	height: 660px;
	width: 700px;
	top: 0px;
	left: 312px;
}

/* CSS-only Tooltips */

button.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

button.info:hover{z-index:25; background-color:#ff0}

button.info span{display: none}

button.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center}