/* General Appearance */

img { border: 0; margin: 0; padding:0; }
body { font-family: "Lucida Grande", Lucida, Verdana, sans-serif; font-size: 9pt; height: 100%; margin: 0; padding: 0; background-color: #828282; color: #202020; text-align: center; }
h1 { font-family: "Lucida Grande", Lucida, Verdana, sans-serif; font-weight:normal; color: #414042; font-size: 10px; margin:0; text-align: left; }
a:link, a:visited { color: #5B5B5B; text-decoration: none; }
a:active, a:hover { color: #303030; text-decoration: underline; }
p { margin: 12px; }

td { font-family: Verdana, sans-serif; font-size: 9pt; white-space: nowrap; }

#horizon {
	position: absolute;
	width: 100%;
	text-align: center;
	top: 50%;
    left: 0px;
    margin-top: -300px;
    
}

/* for IE6 */
* html #horizon {
	top: 0px !important;
margin-top: 0 !important;
}


#WorkSpace { padding: 25px; border-collapse: collapse; border: none; background-color: #e8e8e8; margin: 0px auto 0px auto; width: 965px; background-image:url(gradient_bg2.jpg); height: 550px;  }


#WorkSpace2 { padding: 25px; border-collapse: collapse; border: solid 1px #ebebeb; background-color: #afafb0; margin: 0px auto 0px auto; width: 963px; height: 550px;  }

#WorkSpace3 {  padding: 25px; border-collapse: collapse; border: none; background-color: #e8e8e8; margin: 0px auto 0px auto; width: 965px; background-image:url(gradient_bg2.jpg); height: 550px;  }

br.clear { creal: both; }


/* Task Area */

#TaskBar { margin: 22px 0 0 320px; float: left; position: relative; padding-left: 0px; }
ul.TaskItems { list-style-type: none; padding: 0; margin: 0; text-align:right; }
ul.TaskItems a { display: block; padding: 8px 8px 8px 0; height: 1.5em; border: none; }
ul.TaskItems a:hover { background-color: none; border: none; color: #000; text-decoration: none; }
ul.TaskItems img { vertical-align: -2px; }
#UserInfo { margin: 50px 8px 20px 0px; border-top: 0px; text-align: right; color: #a8aaad; }


/* Navigation Area */

#NavBar { padding:0; border: 0; width:100%; margin: 0 0 60px 0; position: relative; }
#LocationPath { position: absolute; top: 3px; right: 100px; text-align:right; font-size: 10px; }
#NavButtons { position: absolute; top: 0px; right: 0; text-align:right; }


/* Directory Listing */

#FileList { margin: 0 0 0 420px; position:relative;  }

#FLHeader { padding: 0; border-collapse: collapse; margin: 0 0 5px 0; background-repeat: repeat-x; color: #C70D02; font-weight: bold; }

	#FLHeader img {margin: 0 0 0 8px;}

#FLHeader th { text-align: left; padding-left: 10px; padding-top: 3px; padding-bottom: 3px;}
#FLHeader th + th { width: 210px; text-align: left; }
#FLHeader th + th + th { width: 110px; text-align: center; }
#FLHeader th + th + th + th { width: 120px; text-align: center; }
#FLHeader th + th + th + th + th { width: 64px; text-align: center; }
#FLHeader th + th + th + th + th + th { width: 64px; text-align: center; }

#FLBody { overflow:auto; overflow-y:auto; overflow-x:hidden; height:345px; border: none; background-color: #f1f2f2; padding: 10px;}
#FLBTable { padding: 0px; border-collapse: collapse; border: 0; background-color: none; margin:0px;
 }

#FLBTable tr { hover:expression(this.onmouseover=new Function("this.style.background='#B4B9B4';"),this.onmouseout=new Function("this.style.background='#B4B9B4';")); }
#FLBTable tr:hover { background-color: #B4B9B4; }

#FLBTable td { width: 30px; text-align: center; padding-top: 3px; padding-bottom: 3px; }
#FLBTable td + td { width: 210px; text-align: left; white-space: normal; }
#FLBTable td + td + td { width: 110px; text-align: center; }
#FLBTable td + td + td + td { width: 120px; text-align: center; }
#FLBTable td + td + td + td + td { width: 64px; text-align: center; }
#FLBTable td + td + td + td + td + td { width: 64px; text-align: center; }

.Sort { position: absolute; padding:10px; z-index: 10; background-color: #bcbec0; border: 1px solid #d1d3d4; font-weight: normal; text-align:center; white-space: nowrap; }

#NoList { margin: 4px auto 4px auto; position:relative; }
.NoListUploadBox { border: 1px solid #C70D02; background-color: #B4B9B4; margin:8px auto 0 auto; border-collapse: collapse; width:360px; }
.NoListNavBox { border: 1px solid #C70D02; background-color: #B4B9B4; margin:8px auto 6px auto; border-collapse: collapse; width:736px; height:32px; position: relative; }
#NoListLocationPath { position: absolute; top: 8px; left: 10px; text-align:left; }
#NoListNavButtons { position: absolute; top: 6px; right: 10px; text-align:right; }


/* Modal Dialogs */
.ModalBG{position: absolute; left: 0px; top: 0px; width:100%; height:100%; text-align:center; background-image:url("/WFMGreyOut.gif"); z-index: 10;}
.ModalDialog { border-collapse: collapse; background-color: #999999;   padding: 0px; border: none; margin: 210px auto auto auto; width: 360px; text-align: left; }


/* Progress Indicator */

.ProgressBar { padding: 0px; border-collapse: collapse; margin: 10px auto 10px auto; border: 1px solid #C70D02; background-color: #B4B9B4; white-space: normal; width: 300px; }


/* Boxes */

.InfoBox { 
border: none; 
background-color: #999999; 
margin: 105px auto auto auto;
border-collapse: collapse; 
width:340px;
 }

.InfoBox a:active, .InfoBox a:link, .InfoBox a:visited{
color: #d1d3d4;
} 

.InfoBox a:hover{
color: #fff;
text-decoration: underline;
}

.WideInfoBox { 
border: none; 
background-color: #999999 
margin: 105px auto auto auto;
border-collapse: collapse; 
width:340px;
 }


.WideInfoBox2 { 
border: none; 
background-color: none; 
margin: 0 auto 20px auto;
border-collapse: collapse; 
}

.WideInfoBox a:active, .WideInfoBox a:link, .WideInfoBox a:visited{
color: #d1d3d4;
} 

.WideInfoBox a:hover{
color: #fff;
text-decoration: underline;
}

.WideInfoBox2 p {padding:0px; margin: 0px;}

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

.BoxHeader { 
background-color:none; 
text-align: left; 
color: #fff; 
font-weight: bold; 
padding: 8px; }

.BoxHeader2 { 
background-color:none; 
text-align: left; 
color: #000; 
font-weight: bold; 
padding: 0 0 8px 0; }

.BoxHeader3 { 
background-color:none; 
text-align: left; 
color: #C70D02; 
font-weight: bold; 
padding: 0 0 20px 0; }

.BoxContent { padding: 2px; text-align: left; }
.BoxText { text-align:left; padding: 2px; color: #000; }
.Minimal { padding: 0px; border-collapse: collapse; margin-left: auto; margin-right: auto; border: 0px; }
.LabelCell { text-align:right; white-space: nowrap; padding: 4px; }
.FieldCell { text-align:left; white-space: nowrap; padding: 4px; }
.CenteredCell { text-align:center; white-space: normal; padding-left: 20px; padding-right: 20px; }
.UCTable { margin-left: auto; margin-right: auto; margin-top: 8px; margin-top: 8px; }
.DomainOpt { }


#Footer { position: absolute; bottom: 0px; margin: 4px auto 4px auto; width: 100%; }

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

/* Buttons */

.red_button{
background-image:url(button_bg.jpg);
background-repeat: repeat-x;
cursor: pointer;
border:solid 0px;
border-style:none;
color:#ffffff;
padding:2px;
}

.red_button2{
background-image:url(button_bg.jpg);
background-repeat: repeat-x;
cursor: pointer;
border:solid 0px;
border-style:none;
color:#ffffff;
padding:2px;
float:right;
}

#logo_header{
padding: 0px 0px 80px 0px;
width: 100%;
text-align: right;
}

#Name{
position: relative;
float: left;
width: 300px;
letter-spacing: 2px;
}

#FTP{
position: relative;
float: right;
width: 100px;
color: #C70D02;
font-weight: bold;
margin: 0;
padding: 0;
letter-spacing: 1px;
}



#DetailedHelp{
width: 505px;
height: 380px;
overflow:auto; 
overflow-y:auto; 
overflow-x:hidden;
background-color: #f1f2f2;
border: solid 1px #d1d3d4;
padding: 20px;
margin: 0 0 0 418px;

}