body,td,input,select {
font-family:"Open Sans", helvetica, sans-serif;
}

body {
font-size:105%;
line-height:20px;
margin:0;
padding:0;
background-image: url(images/background_login.jpg);
background-attachment: fixed;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
}

body#login{
background-image: url(images/background_joke.jpg) !important;
background-position: right bottom !important;
}

hr {
height:1px;
margin-bottom:25px;
margin-top:25px;
background-color: silver;
color: silver;
}

a {
color: #000;
text-decoration: none;
}

progress {
background-color: #FCFFD2;
}

input {
font-size:100%;
}

input[type="button"]{
background-color: #fff;
color: #000;
border: 0px solid;
cursor: pointer;
}

input[type="button"]:hover{
background-color: #000;
color: #fff;
border: 0px solid;
cursor: pointer;
}

input[type="button"]:disabled{
background-color: #ccc;
color: #000;
border: 0px solid;
cursor: default;
}

input[type="text"], input[type="password"] {
border: 1px solid #000000;
text-align: center;	
width: Calc(100% - 2px);
}

#btnLogin {
background-color: #F39200;
color: #FFF;
border: 0px;
width: 100%;
font-weight: 700;
}

#btnLogin:hover {
cursor: pointer;
color: #000;	
}

.floatLeft10 {
float:left;
margin-right:10px;
}

.floatRight {
float:right;
}

#ajaxContentWindow {
/*border-bottom-style:solid;
border-bottom-width:2px;
border-top-style:solid;
border-top-width:2px;*/
overflow:auto;
border-bottom-color: #404040;
border-top-color: #404040;
}

#blackOutDiv {
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
background:rgba(0,0,0,0.6);
cursor:default;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
z-index:1;
}

.checkboxChmod {
float:left;
margin-right:20px;
}

#contextMenu {
-moz-box-shadow:2px 2px 3px #6D6D6D;
-ms-filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color=#6D6D6D);
-webkit-box-shadow:2px 2px 3px #6D6D6D;
box-shadow:2px 2px 3px #6D6D6D;
cursor:default;
filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color=#6D6D6D);
font-size:11pt;
position:absolute;
border-style:solid;
border-width:1px;
padding:6px 0;
background-color: #F0F0EE;
border-color: #CCCCCC;
}

.contextMenuDiv {
padding:4px 30px 4px 15px;
}

.contextMenuDivider {
border-top-style:solid;
border-top-width:1px;
margin:5px 0;
border-top-color: #322F30;
}

.cursorPointer {
cursor:pointer;
}

#dropFilesCheckDiv {
display:inline;
background-color: white;
border-color: #404040;
}

.dropFilesCheckPassColor {
color: green;
}
    
.dropFilesCheckFailColor {
color: red;
}

#editContent {
resize:none;
width:99%;
border-style:solid;
border-width:1px;
padding:10px 0 10px 10px;
border-color: #404040;
}

.fieldsetChmod {
margin-bottom:10px;
padding:10px;
}

#footerDiv {
margin-top: 17px;
height:40px;
padding:20px 20px 20px 10px;
background-color: #F39200;
}

#ftpActionButtonsDiv {
padding:20px 20px 20px 10px;
background-color: #F39200;
}

#ftpActionForm {
margin:0;
padding:0;
}

#ftpHistorySelect {
border:none;
width:100%;
}

#ftpTable {
border-top-style:solid;
border-top-width:2px;
border-top-color: #404040;
}

.ftpTableHeading {
border-left-style:solid;
border-left-width:2px;
background-color: #404040;
border-left-color: white;
color: white;
}

.ftpTableHeadingNf {
background-color: #404040;
}
    
.trBg0 {
background-color: #EFEFEF;
}
    
.trBg1 {
background-color: #FFF;
}

#hostInfoDiv {
border-radius:5px;
-webkit-border-radius:5px;
float:right;
font-size:70%;
font-weight:700;
margin-right:20px;
border-style:solid;
border-width:2px;
padding:7px 7px 7px 3px;
background-color: white;
border-color: #404040;
color: green;
}

#hostInfoDiv span {
font-weight:700;
padding-left:7px;
padding-right:3px;
color: black;
}

.inputButton {
width:130px;
padding:5px;
}

.inputButtonNf {
padding:5px 10px;
}

.inputRename {
margin-bottom:5px;
width:470px;
}

#loginForm {
width:475px;
margin:80px;
}

#loginFormContent {
padding:20px;
background-color: #fff;
}

#loginFormError {
margin-bottom:20px;
border-style:solid;
border-width:2px;
padding:5px;
background-color: white;
border-color: red;
color: red;
text-align: center;
}

#loginFormTitle {
border-bottom-width:2px;
border-bottom-style:solid;
font-weight:700;
padding:10px;
text-align: center;
background-color: #F39200;
color: #000;
}

.popUpBtn {
margin-top:20px;
padding-left:20px;
padding-right:20px;
}

#popupFrame {
position:absolute;
border-style:solid;
border-width:2px;
border-color: black;
}

.progressBar {
float:left;
margin-left:10px;
}

.progressClose {
cursor:pointer;
border-style:solid;
border-width:1px;
padding:0 3px;
border-color: gray;
color: gray;
}

.progressClose:hover {
border-color: black;
color: black;
}

.uploadHiddenDiv {
height:0;
overflow:hidden;
width:0;
}

#uploadProgressDiv {
border-bottom-style:solid;
border-bottom-width:2px;
height:188px;
overflow:auto;
width:100%;
border-bottom-color: #404040;
}

.width100pc {
width:100%;
}

select,td {
font-size:105%;
line-height:20px;
}

.floatLeft,#repeatUploadDiv {
float:left;
}

.contextMenuDivInactive,.contextMenuDivMouseOver {
width:110px;
padding:4px 15px;
}

.contextMenuDivInactive {
color: grey;
}

.contextMenuDivMouseOver {
background-color: blue;
color: white;
}

#newFile,#newFolder {
width:300px;
}

#popupBodyAction,#popupBodyError {
border-left-width:8px;
border-left-style:solid;
border-right-width:8px;
border-right-style:solid;
line-height:25px;
overflow:auto;
padding:0 15px;
}

#popupBodyAction {
background-color: white;
border-left-color: green;
border-right-color: green;
}
    
#popupBodyError {
background-color: white;
border-left-color: red;
border-right-color: red;
}

#popupFooterAction,#popupFooterError {
border-bottom-width:8px;
border-bottom-style:solid;
border-left-width:8px;
border-left-style:solid;
border-right-width:8px;
border-right-style:solid;
padding:15px;
}

#popupFooterAction {
background-color: white;
border-left-color: green;
border-bottom-color: green;
border-right-color: green;
}
    
#popupFooterError {
background-color: white;
border-left-color: red;
border-bottom-color: red;
border-right-color: red;
}

#popupHeaderAction,#popupHeaderError {
border-left-width:8px;
border-left-style:solid;
border-right-width:8px;
border-right-style:solid;
border-top-width:8px;
border-top-style:solid;
font-weight:700;
padding:15px;
}

#popupHeaderAction {
background-color: white;
color: green;
border-color-left: green;
border-color-right: green;
}
    
#popupHeaderError {
background-color: white;
color: red;
border-color-left: red;
border-color-right: red;
}

.bgFormError {
border: 2px dotted red !important;
width: Calc(100% - 4px) !important;
}

.sizeErrorSpan {
color: red;
}

.transferringSpan {
color: green;
}