* {
	padding:0;
	margin:0;
	border:0;
	outline:0;
}


html, body { height:100% }
body {
	font-family:'Helvetica','Arial';
	background-color:#000;
	overflow:hidden;
}


#description { display:none }

#background {
	position:absolute;
	left:0px; top:0px;
	width:100%; height:100%;
	overflow:hidden;
	
	background-color:#000;
	
	z-index:1;
}
.scroller {
	position:absolute; z-index:1;
	-webkit-touch-callout:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	height:100%;
}

.backgroundScrollbarH, .contentScrollbarH,
.backgroundScrollbarH > div, .contentScrollbarH > div,
.backgroundScrollbarV, .contentScrollbarV, 
.backgroundScrollbarV > div, .contentScrollbarV > div {
	position:absolute;
	
	z-index:100;
}
.backgroundScrollbarH { height:8px; bottom:6px; left:6px; right:6px }
.backgroundScrollbarV { width:8px; bottom:6px; top:6px; right:6px }

.backgroundScrollbarV { width:8px; bottom:6px; top:6px; right:6px }
.backgroundScrollbarH > div, .backgroundScrollbarV > div {
	background-color:rgba( 0, 0, 0, 0.5 );
	border:1px solid rgba( 255, 255, 255, 0.2 );
}


.contentScrollbarH { height:4px; bottom:17px; left:30px; right:90px }
.contentScrollbarV { width:4px; bottom:6px; top:6px; right:12px }
.contentScrollbarH > div, .contentScrollbarV > div {
	background-color:rgba( 255, 255, 255, 0.6 );
	border:0px solid #fff;
}

.backgroundScrollbarH > div, .contentScrollbarH > div { height:100% }
.backgroundScrollbarV > div, .contentScrollbarV > div { width:100% }

.backgroundScrollbarH > div, .contentScrollbarH > div, 
.backgroundScrollbarV > div, .contentScrollbarV > div  {
	
	-webkit-background-clip:padding-box;
	-moz-background-clip:padding-box;
	-o-background-clip:padding-box;
	background-clip:padding-box;
	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
}

#background img { position:absolute }




#blocker {
	position:absolute;
	width:100%; height:100%;
	
	background-color:#000;
	display:none;
	
	overflow:hidden;
	z-index:2;
}

#header {
	position:absolute;
	right:5px; top:4px;
	
	z-index:3;
}
#header #logo { float:right }

#navigation {
	position:absolute;
	left:0px; top:60px;
	
	font-size:13pt;

	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;

	display:inline-block;
	z-index:4;
}

#navigation span { cursor:default }

#navigation table { background:url('../_img/transparent.png') }
#navigation table td table { background:transparent }
#navigation td { font-size:13pt }

#navigation .item,
#navigation .selected {
	margin:10px 0px;
	
	color:#fff;
}
#navigation .item{ font-size:13pt }
#navigation .item a { text-decoration:none }
#navigation .item .button:link,
#navigation .item .button:visited {
	color:#fff;
}
#navigation .item .subbtn:link,
#navigation .item .subbtn:visited {
	color:#39f;
}
#navigation .item a:hover,
#navigation .item a:active,
#navigation .item .selected {
	color:#f33 !important;
}



#pagecontent {
	position:absolute;
	left:240px; top:70px;

	display:none;
	z-index:4;
}


#pagecontent .header,
#pagecontent .header_selected {
	font-size:13pt;
	font-weight:normal;
}
#pagecontent .header a,
#pagecontent .header_selected a {
	text-decoration:none;
}
#pagecontent .header a:link,
#pagecontent .header a:visited {
	color:#fff;
}
#pagecontent .header a:hover,
#pagecontent .header a:active,
#pagecontent .header_selected a {
	color:#f33;
}

#pagecontent p {
	color:#fff;
	line-height:1.25em;
	cursor:default;
}
#pagecontent input,
#pagecontent select {
	width:270px;
	padding:0px 10px;
	margin:0px 10px 8px 0px;
	font-size:11pt;
}
#pagecontent textarea {
	width:554px;
	height:240px;
	padding:0px 10px;
	margin:0px 10px 8px 0px;
	font-size:13pt;
}

#pagecontent .label { color:#39f }
#pagecontent .divider { height:30px }

#pagecontent .savelink {
	display:inline-block; 
	float:right;
	font-size:11pt;
	text-decoration:none;
}
#pagecontent .addlink {
	margin-bottom:20px;
}
#pagecontent .addlink a {
	font-size:11pt;
	text-decoration:none;
}
#pagecontent .savelink a:link,
#pagecontent .savelink a:visited,
#pagecontent .addlink a:link,
#pagecontent .addlink a:visited {
	color:#fff;
}
#pagecontent .savelink a:hover,
#pagecontent .savelink a:active,
#pagecontent .addlink a:hover,
#pagecontent .addlink a:active {
	color:#f33;
}
#pagecontent .image {
	width:96px; height:72px;
	margin:0px 8px 8px 0px;
	background:url('../_img/white_button.png');
	border:2px solid #fff;

	display:-moz-inline-stack;
	display:inline-block;
	*display:inline;
	zoom:1;
}


#icons {
	position:absolute;
	bottom:20px;
	right:30px;
	z-index:3;
}
#icons img {
	margin-left:2px;
}

#gridarea {
	margin-left:-30px; 
	width:100%; height:100%; 
	
	z-index:1;
}
#gridheaders {
	position:absolute; 
	left:30px; top:0px; 
	cursor:default;
	z-index:2;
}
#gridheaders h3 {
	font-size:13pt;
	font-weight:normal;
}


.griditem {
	position:absolute;
	padding:4px;
	cursor:pointer !important;
}
.griditem .background {
	position:absolute;
	left:0px; top:0px;
	
	background:url('../_img/transparent.png') !important;
	cursor:pointer !important;
	
	z-index:1;

}
.griditem img {
	position:absolute;
	z-index:3;
}
.griditem p {
	padding:2px 8px !important;
	position:absolute;
	
	cursor:pointer !important;
	
	display:none;
	z-index:2;
}
.griditem .title {
	font-size:12pt !important;
	color:#f33 !important;
}
.griditem .properties {
	font-size:11pt !important;
	color:#fff !important;
}

#textwindow {
	position:absolute; left:0px;
	width:540px; height:100%;

	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	
	padding:0px 30px;
	background:url( '../_img/transparent.png' );
}

#textwindow a { color:#fff }

#textwindow h3,
#textwindow p {
	font-family:'Helvetica','Arial';
	font-weight:normal;
}
#textwindow h3 {
	height:20px;
	margin:14px 0 0;
	
	font-size:14pt;
	color:#f33;
}
#textwindow h3 a {
	text-decoration:none;
}
#textwindow h3 a:link,
#textwindow h3 a:visited {
	color:#fff;
}
#textwindow h3 a:hover,
#textwindow h3 a:active {
	color:#f33;
}
#textwindow p {
	margin-bottom:10px;
	font-size:13pt;
	color:#fff;
}

#textwindow .header,
#textwindow #textwrapper,
#textwindow .navigationbar { position:relative; width:100% }

#textwindow .header { position:relative; color:#39f; display:block }
#textwindow .header h3 { line-height:14pt; display:inline-block; cursor:default }

#textwindow.minimized .header h3 { 
	overflow:hidden; 
	margin-bottom:10px;
	*margin-bottom:14px;
	white-space:nowrap;
	text-overflow:ellipsis; 
}
#textwindow .header ul { 
	position:absolute; 
	top:14px; right:0;
	list-style-type:none;
}
#textwindow .header ul li { 
	height:20px;
	margin:14px 0px;
	
	font:12pt 'Helvetica','Arial';
	font-weight:normal; 
	
	display:inline-block;
	display:inline; 
}
#textwindow .header ul li { cursor:pointer }
#textwindow .header ul li a, #textwindow .header ul li span { color:#39f !important }

#textwindow .header .scrollbuttons { 
	position:absolute; 
	top:0; left:100%; 
	width:64px;
	height:48px;
	
	margin-left:40px;
	
	white-space:nowrap;
	text-align:center;
	
	background:url( '../_img/transparent.png' );
	overflow:hidden;
	display:none;
}

#textwindow .header .scrollbuttons span { 
	width:30%;
	padding:15px 0;
	
	font:12pt 'Helvetica','Arial';
	font-weight:normal;
	text-align:center;
	display:inline-block;
	cursor:pointer;
}

#textwindow #textwrapper:before { clear:both }
#textwindow #textwrapper { overflow:hidden; *overflow-y:auto; margin-top:14px }
#textwindow #textwrapper .contentScrollbarV { bottom:0px; top:0px; right:0px }
#textwindow #textwrapper p { margin-bottom:1em }

#textwindow #textwrapper .text { font-size:13pt }
#textwindow #textwrapper .metatext { font-size:11pt }

#textwindow #textwrapper .listend { height:1px; margin-top:-1px }

#textwindow #textwrapper .documents { margin:2em 0 -2em }
#textwindow #textwrapper .documents a { text-decoration:none }

#textwindow #textwrapper .documents a:link,
#textwindow #textwrapper .documents a:visited {
	color:#39f;
}
#textwindow #textwrapper .documents a:hover,
#textwindow #textwrapper .documents a:active {
	color:#f33;
}


#textwindow .navigationbar { height:46px }
#textwindow .navigationbar td {
	color:#39f;
	cursor:default;
}
#textwindow .navigationbar a {
	color:#39f!important;
	text-decoration:none;
	cursor:pointer;
}
#textwindow .navigationbar .disabled {
	color:rgba(255,255,255,0.4 );
	_color:#666;
}

#textwindow.minimized { bottom:24px; padding-bottom:0px }
#textwindow.maximized { top:0; padding-bottom:14px }
#textwindow.minimized #textwrapper { display:none }
#textwindow.maximized #textwrapper { display:block }
#textwindow.minimized .navigationbar { display:none }
#textwindow.maximized .navigationbar { display:block }