/* Frontend and shared stuff */

div.box {
	position: fixed;
	width: 380px;
	height: 105px;
	
	left: 50%;
	top: 50%;

	margin: -22px 0 0 -190px;
	
	text-align: center;

	z-index: 10000;
	background: #fff;	
	background-color: #EFEFEF;
	color: #000;
	-webkit-box-shadow: 0 8px 64px #000; 
	-moz-box-shadow: 0 0 64px #000; 
	box-shadow: 0 0 64px #000;
	-webkit-border-radius: 7px; 
	-moz-border-radius: 7px;
	border-radius: 7px;
}

div.box a {
	color: #333;
	font-size: 14px;
}

div.box a:hover {
	color: #000;
}

table#matrix td.loading {
	/*background-image: url(/images/ajax-loader.gif);*/
	background-repeat: no-repeat;
	background-position: center center;
}

div.disabled {
	display: none;
}

html, body {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.spacer {
	margin: 0 5px 0 10px;
}

div#toolbox-button {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	background: #ffffff;
	padding: 0 6px 4px 6px;
}

div#toolbox-top {
	z-index: 1;
	padding-left: 15px;
	color: #666666;
	margin-bottom: 20px;
}

div#toolbox-top input {
	border: none;
	border-bottom: 1px solid #888888;
	padding: 0;
}

div#toolbox-top input[type=submit] {
	border: 1px solid #888888;
}

div#toolbox {
	position: absolute;
	top: 0px;
	left: -250px;
	width: 240px;
	background: #ffffff;
	z-index: 1;
	padding: 1px 5px 0 5px;
}

div#toolbox div#query-results div {
	padding: 2px;
	margin: 5px 0;
}

table#matrix {
	table-layout: fixed;
	width: 100%;
	height: 100%;
	border-collapse: collapse;
}

table#matrix td {
	padding: 0;
	margin: 0;
	vertical-align: top;
	overflow: hidden;
}

/*table#matrix td.fixpadding {
	padding: 5px 7px;
}*/

table#matrix td.activeTop {
	padding: 0;
}

table#matrix td.activeLeft {
	padding: 0;
}

/*div.title {
	width: 1024px;
}  Where is this used anyway??? */

div.page {
/*	width: 435px;
	height: 317px; */
	margin: 0;
	padding: 0;
	overflow: visible;
}

div#head {
	padding: 5px 7px 0 7px;
}

span.fe_ui, .fe_ui, .fe_ui a {
	font-size: 14px;
}

div#navigation {
	height: 42px;
}

div#navigation div.nav {
  margin-left: 18px;
}

div#navigation div#nav_1 {
  padding-top: 3px;
}

div#navigation div#close {
  float: left;
}

div#section_nav {
  clear: both;
  height: 18px;
}

a {
	font-size: 11px;
}

a, a:link,  a:visited, a:active {
	color: #000000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}

.active_page, a:hover {
	color: #000000;
	text-decoration: underline;
}

.section_arrow_left {
	display: block;
	float: left;
}

.section_arrow_right {
	display: block;
	float: right;
}

div.scroller {
    /* modify width and height of scrolling section if necessary    */
    width: 422px;
	height: 370px;
    overflow: hidden;
	clear: both;
	/*margin-top: 10px;*/
}

div.scroller div.section {
    /* modify width and height of each section as needed (should match the size of the scroller window)     */
    width: 368px;
	height: 370px;
    overflow: hidden;
    float: left;
	padding: 0 0 0 20px;
	text-align: left;
}

div.scroller div.content {
    width: 50000px;
}

.section a, .section a:link,  .section a:visited, .section a:active {
	color: #000000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
}

.section a:hover {
	color: #000000;
	text-decoration: none;
}

/* Backend styling */
table.pagetree tr.level1 td.title {
	padding-left: 0;
}

table.pagetree tr.level2 td.title {
	padding-left: 10px;
}

table.pagetree tr.level3 td.title {
	padding-left: 20px;
}

table.pagetree td {
	padding-left: 10px;
}

.upload_frame {
	width: 1px;
	height: 1px;
	border: 0;
}

img {
	border: none;
}

/* Colordefinitions for background */
.color_0_0 {
	background-color: #00ec00;
}

.color_0_1 {
	background-color: #9cff00;
}

.color_0_2 {
	background-color: #c0ff00;
}

.color_0_3 {
	background-color: #e1ff00;
}

.color_0_4 {
	background-color: #fbfb00;
}

.color_0_5 {
	background-color: #ffda00;
}

.color_0_6 {
	background-color: #ffa200;
}

.color_0_7 {
	background-color: #ff6a00;
}

.color_0_8 {
	background-color: #df0000;
}

.color_1_0 {
	background-color: #52f200;
}

.color_1_1 {
	background-color: #a2f213;
}

.color_1_2 {
	background-color: #cafb51;
}

.color_1_3 {
	background-color: #e9fe66;
}

.color_1_4 {
	background-color: #ffff73;
}

.color_1_5 {
	background-color: #ffe380;
}

.color_1_6 {
	background-color: #ffb273;
}

.color_1_7 {
	background-color: #e17057;
}

.color_1_8 {
	background-color: #ff0035;
}

.color_2_0 {
	background-color: #93f273;
}

.color_2_1 {
	background-color: #b1f689;
}

.color_2_2 {
	background-color: #d2faa3;
}

.color_2_3 {
	background-color: #eafcb5;
}

.color_2_4 {
	background-color: #ffffc5;
}

.color_2_5 {
	background-color: #fdcdbd;
}

.color_2_6 {
	background-color: #f698ac;
}

.color_2_7 {
	background-color: #ee5c96;
}

.color_2_8 {
	background-color: #ff0073;
}

.color_3_0 {
	background-color: #00ff9c;
}

.color_3_1 {
	background-color: #23ffbe;
}

.color_3_2 {
	background-color: #b1ffd4;
}

.color_3_3 {
	background-color: #e1ffe5;
}

.color_3_4 {
	background-color: #ffffff;
}

.color_3_5 {
	background-color: #ffd4fa;
}

.color_3_6 {
	background-color: #ffa1ea;
}

.color_3_7 {
	background-color: #ff62d1;
}

.color_3_8 {
	background-color: #ff00a9;
}

.color_4_0 {
	background-color: #00ffc0;
}

.color_4_1 {
	background-color: #38f0d1;
}

.color_4_2 {
	background-color: #5be7dc;
}

.color_4_3 {
	background-color: #9ed6f1;
}

.color_4_4 {
	background-color: #c9c9ff;
}

.color_4_5 {
	background-color: #cf9ff8;
}

.color_4_6 {
	background-color: #db73ed;
}

.color_4_7 {
	background-color: #ea45df;
}

.color_4_8 {
	background-color: #ff00c9;
}

.color_5_0 {
	background-color: #00ffe5;
}

.color_5_1 {
	background-color: #18e6ea;
}

.color_5_2 {
	background-color: #34c8f0;
}

.color_5_3 {
	background-color: #5d9bf9;
}

.color_5_4 {
	background-color: #7b7bff;
}

.color_5_5 {
	background-color: #8b57fa;
}

.color_5_6 {
	background-color: #ad35f2;
}

.color_5_7 {
	background-color: #c521ed;
}

.color_5_8 {
	background-color: #ee00e5;
}

.color_6_0 {
	background-color: #00ecec;
}

.color_6_1 {
	background-color: #00d6ff;
}

.color_6_2 {
	background-color: #00a2ff;
}

.color_6_3 {
	background-color: #006cff;
}

.color_6_4 {
	background-color: #0000ff;
}

.color_6_5 {
	background-color: #5600ff;
}

.color_6_6 {
	background-color: #7700ff;
}

.color_6_7 {
	background-color: #ab00ff;
}

.color_6_8 {
	background-color: #ff00ff;
}

/* Colordefinitions for text */
span.color_0_0 {
	color: #00ec00;
}

span.color_0_1 {
	color: #9cff00;
}

span.color_0_2 {
	color: #c0ff00;
}

span.color_0_3 {
	color: #e1ff00;
}

span.color_0_4 {
	color: #fbfb00;
}

span.color_0_5 {
	color: #ffda00;
}

span.color_0_6 {
	color: #ffa200;
}

span.color_0_7 {
	color: #ff6a00;
}

span.color_0_8 {
	color: #df0000;
}

span.color_1_0 {
	color: #52f200;
}

span.color_1_1 {
	color: #a2f213;
}

span.color_1_2 {
	color: #cafb51;
}

span.color_1_3 {
	color: #e9fe66;
}

span.color_1_4 {
	color: #ffff73;
}

span.color_1_5 {
	color: #ffe380;
}

span.color_1_6 {
	color: #ffb273;
}

span.color_1_7 {
	color: #e17057;
}

span.color_1_8 {
	color: #ff0035;
}

span.color_2_0 {
	color: #93f273;
}

span.color_2_1 {
	color: #b1f689;
}

span.color_2_2 {
	color: #d2faa3;
}

span.color_2_3 {
	color: #eafcb5;
}

span.color_2_4 {
	color: #ffffc5;
}

span.color_2_5 {
	color: #fdcdbd;
}

span.color_2_6 {
	color: #f698ac;
}

span.color_2_7 {
	color: #ee5c96;
}

span.color_2_8 {
	color: #ff0073;
}

span.color_3_0 {
	color: #00ff9c;
}

span.color_3_1 {
	color: #23ffbe;
}

span.color_3_2 {
	color: #b1ffd4;
}

span.color_3_3 {
	color: #e1ffe5;
}

span.color_3_4 {
	color: #ffffff;
}

span.color_3_5 {
	color: #ffd4fa;
}

span.color_3_6 {
	color: #ffa1ea;
}

span.color_3_7 {
	color: #ff62d1;
}

span.color_3_8 {
	color: #ff00a9;
}

span.color_4_0 {
	color: #00ffc0;
}

span.color_4_1 {
	color: #38f0d1;
}

span.color_4_2 {
	color: #5be7dc;
}

span.color_4_3 {
	color: #9ed6f1;
}

span.color_4_4 {
	color: #c9c9ff;
}

span.color_4_5 {
	color: #cf9ff8;
}

span.color_4_6 {
	color: #db73ed;
}

span.color_4_7 {
	color: #ea45df;
}

span.color_4_8 {
	color: #ff00c9;
}

span.color_5_0 {
	color: #00ffe5;
}

span.color_5_1 {
	color: #18e6ea;
}

span.color_5_2 {
	color: #34c8f0;
}

span.color_5_3 {
	color: #5d9bf9;
}

span.color_5_4 {
	color: #7b7bff;
}

span.color_5_5 {
	color: #8b57fa;
}

span.color_5_6 {
	color: #ad35f2;
}

span.color_5_7 {
	color: #c521ed;
}

span.color_5_8 {
	color: #ee00e5;
}

span.color_6_0 {
	color: #00ecec;
}

span.color_6_1 {
	color: #00d6ff;
}

span.color_6_2 {
	color: #00a2ff;
}

span.color_6_3 {
	color: #006cff;
}

span.color_6_4 {
	color: #0000ff;
}

span.color_6_5 {
	color: #5600ff;
}

span.color_6_6 {
	color: #7700ff;
}

span.color_6_7 {
	color: #ab00ff;
}

span.color_6_8 {
	color: #ff00ff;
}