﻿/* CSS Document */

body {
	/*background:#DDD9FF;*/
	background-color:#FFFFFF;
	font-family:Tahoma, Verdana, Arial;
	font-size:12px;
	-moz-user-select:none;
}

.page_item
{
	-moz-user-select:none;
}

input {
	font-family:Tahoma, Verdana, Arial;
	font-size:12px;
}

	b.rtop, b.rbottom{display:block;background: #A3A3A3;}
	b.rtop b, b.rbottom b{display:block;height: 1px;
	    overflow: hidden; background: #D3FC8C}
	b.r1{margin: 0 5px}
	b.r2{margin: 0 3px}
	b.r3{margin: 0 2px}
	b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 1px}


.main {
	background: #B9B1FE;
	border-top: 1px solid #1C03FC;
	border-bottom: 1px solid #1C03FC;
	padding: 20px;
	position:absolute;
	top: 40px;
	left: 250px;
	width: 550px;
}

.tb_button
{
	display: block;
	float: left;
	border: 1px solid #ccc;
	padding: 1px;
	background: #eee;
	height: 16px;
	width: 16px;
	margin: 2px;
	cursor: pointer;
}

.tb_button:hover
{
	border: 1px outset #ccc;
}

.tbitem
{
	display: block;
	float: left;
	margin: 2px;
}

.tbitem-selected
{
	display: block;
	float: left;
	margin: 2px;
	border:1px solid black;
}

.tbspacer
{
	display: block;
	float: left;
	height: 20px;
	width: 10px;
	margin: 2px;
}

.tbspacebarl
{
	display: block;
	height: 20px;
	width: 5px;
	float: left;
	margin: 2px;
}

.tbspacefiller
{
	display: block;
	float: left;
	height: 20px;
	width: 700px;
	margin: 2px;	
}

.tbspacebarr
{
	display: block;
	height: 20px;
	width: 10px;
	float: left;
	border-left: 1px solid #666;
	margin: 2px;
}

table#main_table_top
{
	position:fixed;
	top: 0px;
	left: 0px;
	/*
	width: 100%;
	height: 100%;
	*/
	border: 0px solid black;
	display: block;
	z-index: 999;
}

.main_table_bottom
{
	position:fixed;
	bottom: 0px;
	left: 0px;
	
	width: 100%;
	/*
	height: 100%;
	*/
	border: 0px solid black;
	display: block;
	z-index: 999;
}

div#main_wb_title
{
	position:fixed; 
	left: 265px;
	top: 3px;
	font-size: 12pt; 
	font-family: Tahoma; 
	vertical-align:middle;
	font-weight: bold; 
	background-color: /*#D3FC8C*/transparent; 
	z-index: 1000; 
	text-align: center;
}

div#main_toolbar
{	
	position:fixed;	
	width:auto;
	top: 28px;
	left:1px;
	vertical-align:middle;	
	background-color: /*#D3FC8C*/transparent; 
	z-index: 1000;
	height:21px;	
}

div#main_toolbar_draw
{	
	position:fixed;	
	width:auto;
	top: 28px;
	left:1px;
	vertical-align:middle;	
	background-color: transparent; 
	z-index: 1000;
	height:21px;
	display:none;	
}

input#main_wb_title
{
	border-width: 0px;
	position:fixed; 
	left: 265px;
	top: 3px;
	font-size: 12pt; 
	font-family: Tahoma; 
	vertical-align:middle;
	font-weight: bold; 
	background-color: /*#D3FC8C*/transparent; 
	z-index: 1000;
	text-align: center;
}

.signInCaption {
	background:#8C80FD;
	font-weight:bold;
	padding-left:10px;
	padding-right:10px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.signInBody {
	padding-left:10px;
	padding-right:10px;
}

.signIn {
	background:#B9B1FE;
	border-top: 1px solid #1C03FC;
	border-bottom: 1px solid #1C03FC;
	width: 145px;
	left: 20px;
	top: 65px;
	position: absolute;
}

.toolbar
{
	cursor:pointer;
}

.pageItem
{
	border: 0px dashed #3366CC;
	background:none;
	position:absolute;
	visibility:hidden;
	/*font-family:Verdana, Tahoma, Helvetica, Arial;*/
	font-style:normal;
	font-weight:normal;
	color:#000000;
	text-decoration:none;
	overflow:visible;
	/*white-space: nowrap;*/
	/*overflow:auto;*/
	z-index: 50;
}

textarea {
	font-family:Verdana, Tahoma, Helvetica, Arial;
	/*font:Tahoma, Verdana, Arial;*/
}

.colorBox
{
	height:15px;
	width:15px;
	cursor:pointer;
	border:1px solid #1C03FC;
}

.pi
{
	width:5px;
	height:20px;
	border:0px;
}

.sp {
	background: #B9B1FE;
	border-top: 1px solid #1C03FC;
	border-bottom: 1px solid #1C03FC;
	padding: 10px;
	position:absolute;
	top: 1px;
	left: 1px;
	width: 650px;
	height: 560px;
}

.page
{
	/*
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	position:absolute;
	overflow:visible;
	*/
	cursor: text;
	background-color:transparent;
	
	/*
	scrollbar-base-color: #DDE9FF;
	scrollbar-arrow-color: #000000;
	scrollbar-3dlight-color: #DDE9FF;
	scrollbar-darkshadow-color: #DDE9FF;
	scrollbar-face-color: #DDE9FF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	*/
	/*
	scrollbar-base-color: #FFFFFF;
	scrollbar-arrow-color: #C9C9C9;
	scrollbar-3dlight-color: #C9C9C9;
	scrollbar-darkshadow-color: #C9C9C9;
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	*/
}

.spCaption {
	background:#8C80FD;
	padding-left:10px;
	padding-right:10px;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 536px;
}

.register {
	font-family: Tahoma;
	font-size: 9px;
	font-style: normal;
	background-attachment: scroll;
	background-color: #FFFFCC;
	/*border-left: 35px solid #CCCCCC;*/
	border-bottom: 5px solid #FFFFCC;
	height:375px;
	width:525px;
	overflow: auto;
	visibility: visible;
	position:relative;
	z-index: 1;
}

.signingIn{
	position:absolute;
	visibility:hidden;
	border: 3px solid #FFFFFF;
	background:#1C03FC;
	z-index:99;
	left: 400px;
	top: 200px;
	height: 100px;
	width: 200px;
	-moz-opacity:.25;opacity:.25;
}

.signingInText{
	position:absolute;
	visibility:hidden;
	z-index:100;
	left: 465px;
	top: 245px;
	font-weight:bold;
}

.log
{
	z-index:100; 
	top: 10px; 
	left:720px; 
	overflow: scroll;
	position: absolute; 
	width:auto;
	height:500px;
	font-size:x-small;
	background-color:Orange;
	-moz-opacity:.65;opacity:.65;
	display:none;
}

.tooltip{
	padding:2px;
	position:absolute;
	visibility:hidden;
	font-family:Tahoma;
	font-size:10px;
	border:1px solid black;
	background:#FFFF99;
	z-index:99;
	left: 12px;
	top: 17px;
}

.register {
	background:#B9B1FE;
	border-top: 1px solid #1C03FC;
	border-bottom: 1px solid #1C03FC;
	width: 145px;
	left: 20px;
	top: 300px;
	height:auto;
	position: absolute;
	display:none;
}

P{
	margin: 0px;
}


.tab_selected
{
 	color: #333333;
	font-weight: bold;
	background-color: #ffffff; 
	padding-left: 6px; 
	padding-right: 6px; 
	padding-top: 2px; 
	padding-bottom: 2px;
	border-right: 1px solid #D9E8FF;
	border-bottom: 1px solid #ffffff;
}

.user_list
{
 	color: #333333;
 	background-color: #D9E8FF;
	font-weight: bold;
	border-right: 1px solid #D9E8FF;
	border-bottom: 1px solid #ffffff;
}

.tab_unselected
{
	color: #888888; 
	font-weight: bold; 
	background-color: #eff6fe; 
	padding-left: 6px; 
	padding-right: 6px; 
	padding-top: 2px; 
	padding-bottom: 2px;
	border-bottom: 1px solid #D9E8FF;
	border-right: 1px solid #D9E8FF;
	cursor: pointer;
}

.userList
{
	width:100px;
	position:absolute;
	z-index:100;
	background-color: white; 
	padding: 5px;
    -moz-opacity:.25;opacity:.25;
    display:none; 
    border-width:thick;
}

#drag { 
	border:1px dotted black;
	background-color:#def;
	-moz-opacity:.6;
	/*-khtml-opacity:.6;
	filter: alpha(opacity=60);*/
	opacity:.6;
}