body
{
    margin: 0px 0px 0px 0px;
    font-family: Arial;
    font-size: 100%;
}

form
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

div.centreWrapper
{
    width: 100%;
    text-align: center;
}

div.centreBlock
{
    display: inline-block;
    text-align: left;
}

div.fields div.field
{
    padding-top: 0.25em;
    padding-bottom: 0.25em;
}

div.fields div.field div.label
{
    float: left;
}

div.fields div.field div.value
{
    float: left;
}

.widthSmall
{
    width: 6em;
}

.widthMedium
{
    width: 12em;
}

.widthLarge
{
    width: 18em;
}

div.messages
{
    margin-top: 1em;
    margin-bottom: 1em;
    border: 2px solid #CCCCCC;
}

div.messages ul li.level2
{
    color: #800000;
}

div.messages ul li.level1
{
    color: #804000;
}

div.messages ul li.level0
{
    color: #004000;
}

div.fields div.controls
{
    padding-top: 0.25em;
    padding-bottom: 0.25em;    
    text-align: right;
}

div.browser div.toolbar
{	
    width: 100%;
    background-color: #0079C2;	
	background-image: url('../images/line_grey_block_blue.png');
	background-repeat: repeat-x;
	/*background-position: left 1.9em;*/
	background-position: left bottom;
}

div.browser div.toolbar div.tree
{
    float: left;
    width: 30%;	

	background-image: url('../images/logo_whitebg.png');
	background-size: 2em auto;
	background-repeat: no-repeat;
	background-position: 0.25em 0.25em;
}

div.browser div.toolbar div.files
{
    float: left;
    width: 70%;
}

div.browser div.toolbar div.tree span.title
{
	padding-left: 2.5em;
}

div.browser div.toolbar div.innerPadding
{
	padding: 0.25em 0.25em 0.25em 0.25em;
}

div.browser div.toolbar span.title
{
	color: #FFFFFF;
	font-weight: bold;
}

div.browser div.toolbar span.separator
{
	color: #FFFFFF;
}

div.browser div.toolbar span.crumbs
{	
    padding-top: 0.7em;
    display: inline-block;
    width: 100%;
    overflow: auto;
    white-space: nowrap;    	
	color: #FFFFFF;
}

div.browser div.toolbar span.crumbs a,
div.browser div.toolbar span.crumbs a:visited
{
	color: #FFFFFF;
	padding-left: 0.1em;
	padding-right: 0.1em;
}

div.browser div.toolbar span.crumbs a:hover,
div.browser div.toolbar span.crumbs a:focus
{
	color: #000000;
	background-color: #FFFFFF;
}

div.browser div.toolbar input
{
	background-color: #F89828;
	border: 1px solid #DDDDDD;
	color: #FFFFFF;
	font-size: 1em;
	font-family: Arial;
}

div.browser div.fileSystem
{
    height: 88vh;
}

div.browser div.fileSystem div.tree
{
    float: left;
    width: 30%;
    overflow: scroll;
    height: 100%;
}

div.browser div.fileSystem div.tree ul li
{
    white-space: nowrap;
}

div.browser div.fileSystem div.tree ul li a,
div.browser div.fileSystem div.tree ul li a:visited
{
    padding-left: 0.25em;
	color: #0079C2;
}

div.browser div.fileSystem div.tree ul li a:hover,
div.browser div.fileSystem div.tree ul li a:focus
{
	outline: 1px solid #F89828;
	outline-offset: 0.1em;
}

div.browser div.fileSystem div.tree ul li a.isProtected1,
div.browser div.fileSystem div.tree ul li a.isProtected1:hover
{
    color: #824400;
}

div.browser div.fileSystem div.tree ul li a span.selected
{
    font-weight: bold;
}

div.browser div.fileSystem div.tree div.home
{
	padding-top: 0.50em;
	padding-left: 0.25em;
}

div.browser div.fileSystem div.tree div.home a,
div.browser div.fileSystem div.tree div.home a:visited
{
	color: #0079C2;
}

div.browser div.fileSystem div.tree div.home a:hover,
div.browser div.fileSystem div.tree div.home a:focus
{
	outline: 1px solid #F89828;
	outline-offset: 0.1em;
}

div.browser div.fileSystem div.tree div.home a span.selected
{
    font-weight: bold;
}



div.browser div.fileSystem div.files
{
    float: right;
    width: 70%;
    overflow: scroll;
    height: 100%;
}

div.browser div.fileSystem div.padding
{
    padding: 0.25em 0.25em 0.25em 0.25em;   
}

div.browser div.fileSystem div.files table.files
{
    width: 100%;
    border-collapse: collapse;
}

div.browser div.fileSystem div.files table.files th
{
    background-color: #DDDDDD;
}

div.browser div.fileSystem div.files table.files th,
div.browser div.fileSystem div.files table.files td
{
    text-align: left;
    padding: 0.25em 0.25em 0.25em 0.25em;
}

div.browser div.fileSystem div.files table.files th.hAlignRight,
div.browser div.fileSystem div.files table.files td.hAlignRight
{
    text-align: right;
}

div.browser div.fileSystem div.files table.files tbody tr:hover td
{
    background-color: #D5EAFF;
}

div.browser div.fileSystem div.files table.files tbody tr.clipboardMode0
{
    outline-style: solid;
    outline-width: 1px;
    outline-color: #DCDCED;
}

div.browser div.fileSystem div.files table.files tbody tr.clipboardMode1
{
    outline-style: dashed;
    outline-width: 1px;
    outline-color: #CCCCCC;   
}

div.browser div.fileSystem div.files table.files td a,
div.browser div.fileSystem div.files table.files td a:visited
{
	color: #0079C2;
}

div.browser div.fileSystem div.files table.files tr.isFolder1 td a,
div.browser div.fileSystem div.files table.files tr.isFolder1 td a:visited
{
	font-weight: bold;
}

div.browser div.fileSystem div.files table.files tr.isProtected1 td a,
div.browser div.fileSystem div.files table.files tr.isProtected1 td a:visited
{
	color: #824400;
}

div.browser div.messages
{
    background-color: #EEEEEE;
    margin: 0px 0px 0px 0px;
}

div.browser div.messages ul
{
    background-color: #EEEEEE;
}


div.dialog
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    background-image: url('../images/shadow_black_50pc.png');
    text-align: center;
    z-index: 1000;
}

div.dialog div.window
{
    display: inline-block;
    background-color: #FFFFFF;
    border: 1px #000000 solid;
    text-align: left;
}

div.dialog div.window div.caption
{
    background-color: #9CB6D6;
    padding: 0.25em 0.25em 0.25em 0.25em;
}

div.dialog div.window div.caption span
{
    font-weight: bold;
    padding-right: 1em;
}

div.dialog div.window div.body
{
    padding: 1em 1em 1em 1em;
}

div.dialog div.window div.body div.controls
{
    padding-top: 1em;
    text-align: right;
}

em.prefix
{
    color: #666666;
}


div.loadScreen
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    background-image: url('../images/shadow_black_50pc.png');        
    z-index: 2000;
}

div.loadScreen div.progress
{
    background-image: url('../images/progress_bar_thin.gif');   
    background-repeat: no-repeat;
    background-position: center center;   
    width: 100%;
    height: 100%;
}

table.rename
{
    border-collapse: collapse;
}

table.rename tr th
{
    background-color: #DDDDDD;
}

table.rename tr th,
table.rename tr td
{
    text-align: left;
    padding: 0.25em 0.25em 0.25em 0.25em;
}

table.rename tr td.fileName
{
    padding-right: 2em;
}

table.overwrite tr th,
table.overwrite tr td
{
    border-bottom: 1px solid #666666;
}

table.overwrite tr .controls
{
    text-align: center;
}



@media all and (min-width: 1238px)
{
	div.browser div.toolbar span.title:after
	{
		content: ':';
	}
}

@media all and (max-width: 1238px)
{
	div.browser div.toolbar span.title
	{
		display: block;
		padding-bottom: 0.2em;
	}

	div.browser div.toolbar span.separator
	{
		display: none;
	}
}

@media all and (max-width: 890px)
{
	div.browser div.toolbar input
	{
		margin-bottom: 0.2em;
	}
}

@media all and (max-width: 700px)
{
	div.browser div.toolbar input
	{
		width: 6.5em;
	}
}

@media all and (max-width: 414px)
{
    div.browser div.toolbar
    {
        background-image: none;
    }
    
	div.browser div.toolbar input
	{
		font-size: 90%;
		width: 6.1em;
	}
    
    div.browser div.toolbar span.crumbs
    {
        white-space: normal; 
    }

	div.browser div.toolbar div.tree,
	div.browser div.toolbar div.files,
	div.browser div.fileSystem div.tree,
	div.browser div.fileSystem div.files
	{
		float: none;
		width: 100%;
	}

	div.browser div.toolbar div.tree span.title
	{
		padding-left: 0px;
		padding-top: 1.5em;
	}

	div.browser div.fileSystem
	{
		height: auto;
	}
    
    div.browser div.fileSystem table.files th.typeCol,
    div.browser div.fileSystem table.files td.typeCol
    {
        display: none;
    }
    
}



.left
{
    float: left;
}

.right
{
    float: right;
}

.clear
{
    clear: both;
    font-size: 0px;
    line-height: 0px;
}

.inviso
{
    display: none;
}