/* General Appearance */
* {
	padding:0;
	margin:0;
	border:0;
	outline:0;
	}

html{
	height:100%;
	overflow: hidden;
	}

body { 
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px;
	height: 100%; 
	margin: 0; 
	padding: 0; 
	background: #000;; 
	color: #fff;
	text-align: left; 
	}

h1 {
	display: none;
	overflow: hidden;
	}

h2 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #fff;
	overflow: hidden;
	height:14px;
	margin:27px 0 3px 0;
	}

a:link, a:visited {
	color:#fff;
	text-decoration:none;
	}

a:active, a:hover {
	color:#fff;
	text-decoration:none;
	}

p { 
	margin: 12px; 
	}


input{
	background:#ccc;
	padding:3px;
	}

input.button{
	display: block;

	margin: 20px;
	width:100px;
	background:#000;

	border:1px solid #777;
	padding:1px;
	font-size: 9px;
	font-weight: bold;
	color:#fff;
	}
/* ==========================================================================================
== LAYERS ==
========================================================================================== */
#WorkSpace { 
 	background: #000 url("/sdk_bg.png") no-repeat 50px 150px;
 	border-right:50px solid #fff;
	margin: 75px auto 0px auto; 
	height:600px;
	width:550px;
	}

#left { 
	float: left; 
	width: 147px;	
	padding: 400px 0 0 0;
	text-align: center;
	}

#right { 
	float:right;
	width: 353px;
	height:500px;
	}

#rightScroll {
	overflow:auto;
	overflow-y:auto;
	overflow-x:hidden;
	height:418px;
	width:auto;
	}

/* ==========================================================================================
== Directory Listing ==
========================================================================================== */
#right #header{
	width:337px;
	margin:4px 0 0 0;
	border-collapse: collapse;
	}

#right #header th{
	border-collapse: collapse;
	border-top:1px solid #999;
	border-bottom:1px solid #222;
	padding:2px 0;
	}

#right #header tr td{
	padding:2px 0 0 0;
	border-bottom:1px solid #222;
	padding:2px 0;
	}

#right #header tr td a{
	color:#999;
	font-weight: bold;
	}
	
#right #content{
	width:337px;
	border-collapse: collapse;
	}

.r1{width:20px;}
.r2{}
.r3{width:70px; text-align: center;}
.r4{width:70px; text-align: center;}
.r5{}

#right #content tr{
	border-bottom:1px solid #222;
	}

#right #content tr:hover{
	background:#222;
	}

#right #content tr td{
	padding:2px;
	font-size:9px;
	white-space: nowrap; 
	text-align: center;
	}

#right #content tr .fc{
	width:190px;
	white-space: normal;
	overflow: hidden;
	text-align: left;
	font-size:10px;
	}

#right #content  tr.spacer{
	height:1px;
	border:none;
	background:#000;
	}

#right #content  tr.spacer:hover{
	background:#000;
	}

/* ==========================================================================================
== FOOTER ==
========================================================================================== */
#Footer { 
	clear:both;
	background:url("/footer.png") no-repeat;
	margin: 45px auto 0px auto;
	width:612px;
	height:11px;
	}

/* ==========================================================================================
== de rest ==
========================================================================================== */
.ModalBG {
	position: absolute; 
	left: 0px; 
	top: 0px; 
	width:100%; 
	height:100%; 
	text-align:center; 
	background-image:url("/overlay.png"); 
	z-index: 10; 
	}

/* Modal Dialogs */
.ModalDialog,
.UploadDialog  {
	border-collapse: collapse; 
	background: #fff; 
	padding: 0px; 
	border: 4px solid #000; 
	margin: 160px auto auto auto; 
	width: 400px; 
	}

/* Progress Indicator */
.ProgressBar {
	padding: 0px;
	border-collapse: collapse;
	margin: 10px auto 10px auto;
	border: 1px solid #000;
	background:#000;
	white-space: normal;
	width: 300px; 
	color:#fff;
	}


.clear:after {
	content: "."; 
	display: block; 
	height: 0; 
	font-size: 0; 
	clear:both; 
	visibility: hidden; 
	}
	
.clear {
	min-height: 1px; 
	}

* html .clear {
	height: 1px;
	}

/**/
.boxHorzBorder{
	height:50px;
	background:#fff;
	float:left;
	width:500px;
	}

#scroll_up{
	margin: 0 0 0 276px;
	cursor:pointer;
	height:50px;
	width:50px;
 	background:url("/scrollUp.png") no-repeat;	
	}

#scroll_down{
	margin: 0 0 0 276px;
	cursor:pointer;
	height:50px;
	width:50px;
 	background:url("/scrollDown.png") no-repeat;	
	}

#borderLeft { 
	float: left; 
	background:#fff;
	width:50px;
	height: 600px;	
	}


#scroll_back{
	display:block;
	margin: 180px 0 0 0;
	cursor:pointer;
	height:50px;
	width:50px;
 	background:url("/back.png") no-repeat;	
	}

/* =======================================================
=== POPUP DIALOGS ===
======================================================= */
.InfoBox,
.WideInfoBox {
	border: 1px solid #505050; 
	background-color: #e8e8e8; 
	margin-left: auto; 
	margin-right: auto; 
	border-collapse: collapse;
	}

.InfoBox{width:340px;}
.WideInfoBox {width:678px;}

.InfoBox td {
	padding: 2px; 
	margin: 0px; 
	border: 0px; 
	color:#000;
	}

.BoxHeader {
	background-color: #505050;
	text-align: center;
	color: #000;
	font-weight: bold; 
	padding: 2px; 
	}

.BoxContent {
	padding: 2px;
	color:#000;
	}

.BoxText {
	text-align:left; 
	padding: 2px; 
	}

.Minimal {
	padding: 0px;
	border-collapse: collapse;
	margin: 0 auto;
	border: 0px;
	}

.LabelCell {
	text-align:right;
	white-space: nowrap;
	padding: 4px;
	color:#fff;
	}

.FieldCell {
	text-align:left;
	white-space: nowrap;
	padding: 4px; 
	color:#fff;
	}

.CenteredCell {
	text-align:center;
	white-space: normal;
	padding-left: 20px;
	padding-right: 20px;
	color:#fff;
	}

.UCTable {
	margin-left: auto;
	margin-right: auto;
	margin-top: 8px;
	margin-top: 8px; 
	}