@charset "UTF-8";
@import "font.css";
@import "ui.css";
@import "table.css";
@import "ui-widget.css";
@import "ui-widget-settings.css";

@import "sidebar.css";
@import "pane.css";
@import "bar.css";
@import "workspace-slider.css";
@import "messages.css";
@import "calendar.css";
@import "colorpicker.css";
@import "func-assistent.css";

@import "notifications.css";
@import "msg-box.css";
@import "unload.css";

@import "notepad.css";
@import "notepaper.css";
@import "notebox.css";
@import "elements.css";
@import "search.css";

@import "document.css";

@import "about.css";



* { padding: 0; margin: 0; border: 0; text-decoration: none; outline: none; }



body, html {
	font-family: 'Titillium Web', Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	font-style: normal;
	font-weight: 400;
	text-shadow: rgba(255,255,255,.9) 1px 1px 0px;
	height: 100%;
}

input, textarea {
	font-family: 'Titillium Web', Helvetica, sans-serif;
}


div.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.no-margin { margin: 0 !important; }

a {
	color: #fff;
}
a:hover {
	color: #63b7ff;
}


/* jooto - PANE */
div#pane {
	position: fixed;
	width: 100%;
	height: 91px;
	right: 0px;
	top: 0;
	background: url('../gfx/pane/bg.png') left center repeat;
	z-index: 5;
	box-shadow: 0 0 5px #000;
	-moz-box-shadow: 0 0 5px #000;
	-webkit-box-shadow: 0 0 5px #000;
}

/* jooto - BAR  */

div#bar {
	position: absolute;
	left: 0;
	top: 0;
	width: 240px;
	height: 100%;
	background: url('../gfx/bar/bg.png') left top repeat;
	float: left;
	border-right: 1px solid #444;
	padding: 0px 0 0 0;
	z-index: 4;
	box-shadow: 0 0 5px #000;
	-moz-box-shadow: 0 0 5px #000;
	-webkit-box-shadow: 0 0 5px #000;
	overflow: hidden;
}


/* jooto - DESK */
div#desk {
	overflow: auto;
	left: 0;
	top: 0;
	height: 100%;
	min-width: 800px; /* For smaller Screens */
	position: relative;
	padding-left: 240px;
	background: url('../gfx/desk/bg.png') left top repeat;
	z-index: 3;
	font-size: 14px;
	line-height: 16px;
	font-style: normal;
	font-weight: 400;
	color: #fff;
	text-shadow: rgba(0,0,0,.8) 1px 1px 0;	
}


/* jooto - BAR & DESK Padding */
div#bar div.padding_top, div#desk div.padding_top { height: 91px; width: 100%; }
div#pane div.padding_left { float: left; width: 15px; height: 100%; }