/* Basic Elements */

html
{
height:100%;
}

img
{
border:0;
margin:0;
padding:0;
}

h1
{
font-family:Arial, sans-serif;
font-size:2em;
margin:0;
}

p
{
margin:12px;
}

td
{
white-space:nowrap;
}

ul, li, form
{
padding:0;
margin:0;
}

body
{
font-family:Arial, sans-serif;
font-size:10pt;
height:100%;
margin:0;
padding:0;
border:0;
text-align:center;
background-color:#FFFFFF;
}

video
{
display:block;
}

.ListPage
{
overflow:hidden;
}


/* Header */

#LoginHeader
{
margin:0px auto;
padding: 8px 0px;
}

#LoginHeader > img
{
max-width:80%;
}


	#Header
	{
	color:#F0F0F0;
	overflow:hidden;
	width:100%;
	background:#FF5800;
	}
	
	#HeaderBody
	{
	width:844px;
	margin:0 auto;
	}








#Header #HeaderLeft
{
float:left;
clear:left;
margin:12px;
}

#Header #HeaderRight
{
float:right;
clear:right;
margin:12px;
}


/* Navigation Bar */

#NavBar
{
background-color:#6E6E64;
color:#F0F0F0;
overflow:hidden;
}


	#NavBar
	{
	width:100%;
	margin-bottom:6px;
	}
	
	#NavBarBody
	{
	width:844px;
	margin:0 auto;
	}








#LocationPath
{
float:left;
display:inline;
margin:6px 6px 6px 12px;
vertical-align:middle;
min-height:21px;
}

.PathHome
{
vertical-align:middle;
padding-right: 12px;
}

.PathEntry
{ 
color: #F0F0F0; 
text-decoration: none;
border-left: 1px solid #F2754A;
padding:2px 12px 2px 12px;
vertical-align:middle;
}

.PathEntry:hover
{ 
background-color:#F2754A;
}

#NavButtons
{
float:right;
display:inline;
margin:6px 12px 6px 6px;
vertical-align:middle;
}

#NavButtons img
{
vertical-align:middle;
}


/* Workspace */

#WorkSpace
{
width:844px;
border:0;
margin:6px auto 0 auto;
padding:0;
overflow: visible;
position:relative;
height: 300px;


}


/* Activity Menu */

#TaskBar
{
position:absolute;top:0;left:0;
}

#AM_Menu
{
margin:6px 12px 12px 12px;
}

.AM_Button
{
color:#F0F0F0;border:1px solid #F0F0F0;border-radius:4px;background:#9B9B9D;box-shadow:inset 1px 1px 1px #FFFFFF;text-shadow:1px 1px 0px #C5C5C6;text-align:center;margin:0 0 8px 0;padding:8px;vertical-align:middle;line-height:1.6em;width:142px;cursor:pointer;
}

.AM_Button img
{
margin:2px 2px 0px 2px;
}

.AM_Button:hover
{
background:#76786B;box-shadow:none;
}

#AM_Hilite
{
position:absolute;
top:20;
left:20;
z-index:50;
display:none;
}

/* File Listing */

#FileList 
{
width:638px;
border:2px solid #FF5800;
margin:6px 12px 12px 12px;
padding:0;
background-color: #DEDEDE;

}

#FileListContainer
{
position:absolute;top:0;right:0;
}

#FLHeader
{
background-color: #FF5800;
color: #F0F0F0;
font-weight:bold;

}

#FLBTable
{
background-color: #DEDEDE;
color: #131313;
}

.dl_2
{
background-color:#AEAFB1;
}

.FLHover tr:hover
{
background:#6E6E64;color:#DEDEDE;
}

/* Multi-Action Buttons */

#MultiActionButtons
{
margin-top:0;
}

/* File List - Contents */

#FLBody
{

overflow-y:auto;
overflow-x:hidden;
height:400px;
width:auto;

border:0;

}

#FLHeader tr
{
height: 2em;
}

#FLBody tr
{
height: 2.4em;
}

.dirlistrow td
{
vertical-align:middle;
}

.dirlistrow img
{
vertical-align:middle;
margin:0px 4px 0px 2px;
}

.dirlistrow input
{
vertical-align:middle;
margin:0px 4px;
}

.FLCols
{
padding:0;
border-collapse:collapse;
margin:0;
border:0;
table-layout:fixed;
width:100%;
cursor: pointer;
}

.FLCols td
{
width:30px;
text-align:center;
padding:4px 0 4px 0;
}

.FLCols td+td
{
width:270px;
text-align:left; white-space:normal;
word-wrap:break-word;
text-wrap:normal;
overflow:hidden;
}

.FLCols td+td+td
{
width:130px;
text-align:center;
}

.FLCols td+td+td+td
{
width:160px;
text-align:center;
}

.FLCols td+td+td+td+td
{
width:30px;
text-align:right;
padding:0 0 0 0;
}

.FLCols td+td+td+td+td+td
{
width:22px;
}

#uploadHelpOverlay
{
position:absolute;
top:0;
bottom:0;
left:0;
width:100%;
background:#FFF;
font-size:36px;
visibility:hidden;
border:2px solid black;
opacity:0.01;
-moz-opacity:0.01;
filter:alpha(opacity=01);
}

/* Thumbnail Listings */

#ThumbTable
{
margin:0 auto;
table-layout:fixed;
border-collapse: collapse;
}

#ThumbTable td
{
color:#131313;
width:155px;
height:172px;
text-align:center;
overflow:hidden;
}

.T1
{
text-align:left;
visibility:hidden;
height:16px;
}

.T1 img
{
margin:0 0 0 5px;
}

.T2
{
height:120px;
width:155px;
display:table-cell;
vertical-align:middle;
text-align:center;
padding:5px 0;
}

.T3
{
font-size:8pt;
width:155px;
height:16px;
}

#ThumbSel
{
margin-right:12px;
}

#ThumbAct
{
margin-right:12px;
}

/* AutoComplete Box */

#AutoCompMenu
{
position:absolute;
background-color:#FFFFFF;
z-index:300;
list-style-type:none;
padding:0;
margin:0;
text-align:center;
border:1px solid #F0F0F0;
font-weight:normal;
white-space:nowrap;
cursor:pointer;
}

#AutoCompMenu div
{
margin: 0;
padding: 2px 12px;
font-size:80%;
}

.acOpt
{
color:#F0F0F0;
background-color:#9B9B9D;
}

.acSel
{
color:#F0F0F0;
background-color:#76786B;
}

/* Page Header/Footer */

#HeaderMessage
{
margin-top:12px;
}

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

}

/* Login Page */

div.LoginMargin
{
margin:40px auto;
}

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

#LoginNote
{
margin:6px auto;
min-height:17px;
padding:2px;
vertical-align:middle;
}

#LoginFootLeft
{
position:absolute;
bottom:4px;
left:12px;
margin:0;
}

#LoginFootRight
{
position:absolute;
bottom:4px;
right:12px;
margin:0;
}

/* Simple Dialog Box */

.DialogBox
{
width:340px;
border:2px solid #FF5800;
margin:30px auto;
background:#FFD0D0;
padding:0;
background-color:#DEDEDE;

}

/* Modal Dialog Box */

#ModalBlock
{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background-color:rgba(0, 0, 0, 0.05);
z-index:99;
visibility:hidden;
}

.ModelessBG
{
position:absolute;
left:0px;
width:100%;
text-align:center;
}

.ModalBG
{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
text-align:center;
z-index:100;
overflow:scroll;
}

.DBox
{
border-collapse:collapse;
background-color:#FFFFFF;
color:#292929;
padding: 0;
margin:60px auto 20px auto;
width:360px;

opacity:1.0;
border:2px solid #FF5800;

}

.BoxHeader
{
background-color:#FF5800;
text-align:center;
color:#F0F0F0;
font-weight:bold;
font-size: 120%;
padding:6px;

}

.BoxContent
{
padding:5px 10px 6px 10px;

}

.FileSelectDisplay
{
position:absolute;
top:0px;
left:0px;
z-index:21;
border:1px solid black;
background-color:#F0F0F0;
padding:2px 10px 2px 10px;
border-radius:4px;
white-space:nowrap;
}

.DSHBox
{
border-collapse:collapse;
background-color:#FFFFFF;
color:#292929;
padding: 0;
margin:60px auto auto auto;
width:670px;

opacity:1.0;
border:2px solid #FF5800;

}

#DSHistorySpace
{
margin:8px auto 16px auto;
width:620px;
clear:both;
max-height:240px;
overflow-y:scroll;
border:1px solid black;
}

#DSHistoryTable
{
padding:0;
margin:0;
border-collapse:collapse;
border-spacing: 0;
width:660;
table-layout:fixed;
clear:both;
}

#DSHistoryTable td,th
{
text-align:center;
padding:4px;
margin:0;
border:0;
text-overflow:ellipsis;
overflow:hidden;
}

#DSHistoryTable tr+tr:hover
{
background-color:#76786B;
}

#DSHCol1
{
background-color:#FF5800;
color:#F0F0F0;
width:180px;
}

#DSHCol2
{
background-color:#FF5800;
color:#F0F0F0;
width:270px;
}

#DSHCol3
{
background-color:#FF5800;
color:#F0F0F0;
width:110px;
}

#DSHCol4
{
background-color:#FF5800;
color:#F0F0F0;
width:100px;
}

#DSHSelected
{
margin: 16px 8px;
padding:0;
float:left;
}

#DSHDel
{
float:right;
}

#DSHSelURL
{
display:inline;
}

/* File Action Menu */

.FileActionMenu
{
position:absolute;
z-index:5;
list-style-type:none;
padding:0;
margin:0;
text-align:center;
border:1px solid #F0F0F0;
background-color:#9B9B9D;
font-weight:normal;
white-space:nowrap;
box-shadow:inset 3px 3px 3px #F0F0F0;
cursor:pointer;
}

.FAMI img
{
margin-top:-2px;
padding:2px 10px 2px 0px;
float:left;
}

.FAMI
{
display:block;
padding:8px 10px 6px 8px;
height:1.2em;
border:0;
text-decoration:none;
color:#F0F0F0;
background:#9B9B9D;
}

.FAMI:hover
{
background:#76786B;box-shadow:none;
}

/* Quick Image Preview */

.qipDialog
{
border-collapse:collapse;
background-color:#FFFFFF;
color:#292929;
padding:0px;
border:2px solid #FF5800;
margin:60px auto auto auto;
text-align:left;

}

.qipClose
{
position:relative;
left:-16px;
top:-16px;
z-index:101;
}

#qipContent
{
position:relative;
top:-35px;
text-align:center;
}

#qipPI
{
border-width:1px;
border-style:solid;
border-color:#C2451A;
width:140px;
margin-left:auto;
margin-right:auto;
}

.qipb
{
width:16px;
margin:2px;
}

/* Content Wrapping */

.DisplayBox
{
border:1px solid #FF5800;
background-color:#DEDEDE;
margin:12px auto;
border-collapse:collapse;
}

.WrappedObj
{
display: block;
}

.MediaContent
{
border-collapse:collapse;
padding:0px;
}

/* Progress Bar */

.ProgressBar
{
padding: 1px;
border-collapse: collapse;
margin: 10px auto;
border: 1px solid #C2451A;
background-color: #86887B;
white-space: normal;
width: 308px;
text-align: left;
border-radius:13px;
}

.PBComplete
{
width: 30px;
height: 20px;
text-align: right;
padding: 5px 8px 0 0;
background:#F2754A;
border-radius:11px;
}

.Perc
{
color: #F0F0F0;
opacity:0.0;
filter:alpha(opacity=0);
}

/* Forms Display */

.UCTable
{
margin:8px auto;
}

.UCF_Required
{
font-weight:bold;
}

.LabelCell
{
text-align:right;
white-space:nowrap;
padding:2px;
}

.FieldCell
{
text-align:left;
white-space:nowrap;
padding:2px;
}

.CenteredCell
{
text-align:center;
white-space:normal;
}

/* Drag and Drop Upload Box */

#DragUploadArea, #FileUploadArea
{
width:360px;
}

#MessagePreForm
{
margin:8px;
}

#MessagePostForm
{
margin:8px;
}

#DS_DragUploadArea
{
width:360px;
}

.SelFilesLabel
{
width: 90%; margin-left: 10%; text-align: left;
}

div.FileSelectButton
{
position:relative;
width:100px;
margin:30px auto 10px auto;
white-space:nowrap;
}

div.SelectMoreButton
{
position:relative;
width:100px;
margin:20px auto 30px auto;
white-space:nowrap;
}

.FileSelectDisplay
{
position:absolute;
top:0px;
left:0px;
z-index:21;
border:1px solid #F0F0F0;
background-color:#9B9B9D;
padding:4px 16px 4px 16px;
border-radius:4px;
white-space:nowrap;
}

.FileSelectInput
{
position:relative;
text-align:right;
-moz-opacity:0;
filter:alpha(opacity:0);
opacity:0;
width:100px;
z-index:22;
}

.DragToUploadMessWithSel
{
margin:10px auto 30px auto;
}

.DragToUploadMessNoSel
{
margin:30px auto;
}

.DragToUploadMessOr
{
margin:16px auto 10px auto;
}

.SmallNote
{
font-size:10px;
margin-bottom:4px;
}

#MFTipFlip
{
text-align:left;
font-size:80%;
text-decoration:none;
line-height:100%;
vertical-align:middle;
margin:6px 0;
cursor:pointer;
}

#MFTipFlip img
{
margin:0 4px 0 0;
vertical-align:middle;
}

#MFTipText
{
text-align:center;
font-size:80%;
display:none;
margin:12px;
}

input[type=button]
{
margin:0 12px;
padding: 0 4px 0 4px;
width: auto;
overflow: visible;
}

.clear
{
min-height:1px;
}

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

#TransferFrame
{
display: none;
height: 4px;
width: 4px;
}

.NamePass
{
width:140px;
}

.SmallLink
{
font-size:.8em;
text-decoration:none;
color: #131313;
}

.UCLabel_Stacked
{
text-align:left;
font-size:8pt;
}

input[type="button"], input[type="submit"] {
border:0;
margin:8px;
background:#FF5800;
padding: 5px 10px;
border-radius:8px;
text-shadow: rgba(0,0,0,.4) 0 1px 0;
color:#F0F0F0;
font-family:Arial, sans-serif;
font-size:10pt;
text-decoration: none;
vertical-align: middle;
}

input[type="button"]:focus, input[type="submit"]:focus {
outline: 0;
}

input[type="button"]:hover, input[type="submit"]:hover {
margin:7px;
border:1px solid #C2451A;
background: #C2451A;
}

input[type="button"]:active, input[type="submit"]:active {
margin:7px;
border:1px solid #C2451A;
background:#F0F0F0;
color:#FF5800; 
}

/* Basket */

#Basket
{
color:#F0F0F0;border:1px solid #F0F0F0;border-radius:4px;background:#9B9B9D;box-shadow:inset 1px 1px 1px #FFFFFF;text-shadow:1px 1px 0px #C5C5C6;text-align:center;margin:0 0 8px 0;padding:8px;vertical-align:middle;line-height:1.6em;width:142px;cursor:pointer;
margin:6px 12px 12px 12px;
}

#BasketHeader
{
text-align:left;
border-bottom: 1px solid #F2754A;
margin-top:-6px;
}

#BasketDownloadArea
{
display: inline-block;
margin:auto;
}

#BasketButton
{
margin-top:2px;
float:right;
}

#BasketList
{
margin:8px auto 0 auto;
text-shadow: none;
font-style: normal;
line-height:1.2em;
}

#BasketFileList
{
}

.basketFilename
{
text-align:center;
font-weight:bold;
margin-bottom:4px;
background:#A0BCD4;
padding:4px;
}

.basketLink
{
margin:6px;
}

.basketEntry
{
background-color:#D2E8F0;
border:1px solid #A0BCD4;

margin: 10px;
width:280px;
height:140px;
}

.basketThumb
{
float:left;
margin:10px;
height:90px;
width:120px;
text-align:center;
}

.basketThumb img
{
margin:auto;
}

.basketMenu
{
height:60px;
padding-top:30px;
}

#MobileButtonBox
{
width:70%;
border-collapse:collapse;
background-color:#FFFFFF;
color:#292929;
text-decoration: none;
font-size:6vw;
border:2px solid #FF5800;
padding:12px;
margin:32px auto 0 auto;

opacity:1.0;

}