@charset "utf-8";

/*############# REDIFINED HTML TAGS START  ########################*/

html {
	background: #f5f5f5;
    overflow: scroll; /*eliminate page jumps in horizontal centering*/
    font-family: sans-serif;
    cursor: default;
}

a { color: #399ae5; text-decoration: none; font-size: 16px; } 
a:hover { color: #206ba4; text-decoration: none; }

input[type=text],input[type=password], textarea {
  transition:all 0.30s ease-in-out;
  outline: none;
  padding: 9px 1px 8px 10px;
  margin: 5px 0px 3px 0px;
  border: 1px solid #DDDDDD;
  color: black; /* #949494 */
}
 
input[type=text]:focus,input[type=password]:focus, textarea:focus {
  box-shadow:0 0 5px rgba(81, 203, 238, 1);
  -moz-box-shadow:0px 0px 5px #51CBEE;
  -webkit-box-shadow:0px 0px 5px #51CBEE;
  padding: 9px 0px 8px 10px;
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(81, 203, 238, 1);
}

.button {
    border: 0; color:#fff; padding:7px 15px 6px;
    display:inline-block; -webkit-border-radius:0;
    border-radius:0; background:#efeeee url(http://www.loizides.xyz/file_browser/images/header_blue.png) 0 0 repeat;   
    -webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;
    cursor: pointer;
}	
.button:hover {background:#efeeee; color:#000; text-decoration:none;}
/*############# REDIFINED HTML TAGS END  ########################*/

/*############# CUSTOM CONTAINERS ########################*/

.main_container {
    margin:auto;
    padding:10px 10px 10px 10px;
	max-width: 1300px; /* 1300px */
    min-width: 500px;
	background: white; /* #f8f8f8 */ 
    border:1px solid black;
}

#login_container {
    margin-top:150px;
    margin-left:auto;
	margin-right:auto;
    padding:10px 10px 10px 10px;
	min-width:400px;
    max-width:560px;
	background: white;  
    border:1px solid black;     
}

@media only screen and (max-width: 600px) {
    .top_right_user_time { }

}

#top_logo	{
    position: relative;
	height: 97px;
    width: 437px;
    margin: 10px 20px 10px 20px; 
    background-image:url(http://www.loizides.xyz/file_browser/images/file_browser_logo.png);
	background-repeat:no-repeat;
}

.top_logo_clickable {         
    position: absolute;
    top: 7px;
    left: 8px;
    height: 80px;
    width: 423px;
}

#top_version {    
    text-align: right; 
    font-size:12px;       
}

.top_row { 
    position: fixed;
    top: 0; left: 0; z-index: 99; width: 100%;
    background:url(http://www.loizides.xyz/file_browser/images/header_blue.png) 30% 0 repeat;
    padding-top: 3px;        
    padding-bottom: 3px;
    text-align: right; 
    color: white;
    font-size: 14px;       
}

.top_row_admin {
    position: fixed;
    top: 0; left: 5px;
    padding-top: 3px;        
    padding-bottom: 3px;
}

#total_values { 
    font-size: 13px;
    padding-top: 10px;  
    text-align: center; 
    border-top: solid 1px #ECE9E9;
}

#login_version {
    margin-left:-110px;
    text-align: right;
    font-size:12px;
}

/*############# HEADER IDS & CLASSES END  ########################*/

.title { font-size: 22px; font-weight: bold; color: #666; }
.title:hover { color: #206ba4; }  

.login_header {
    font-size:22px;
    color: black;
    text-align: left;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    border-top: 1px dotted black;

}

#login_logo {
    position: relative;
	height:100px;	
    background-image:url(http://www.loizides.xyz/file_browser/images/file_browser_logo.png);
	background-repeat:no-repeat;
}

#login_error {
    text-align: center;
    background: #FFCCCC;
    border: 1px solid #CC4444;
    color: #880000;
    padding: 10px 0 10px 0;
}

#success_msg {
    position: relative;
    text-align: center;
    background-color: #E1FFDD;
    border: 1px solid #2CA71C;
    color: #880000;
    padding: 10px 0 10px 0;
}

#login_notification {
    position: absolute;
    text-align: center; 
    background-color: #E1FFDD; 
    border: 1px solid #2CA71C;
    color: black; 
    padding: 10px 0 10px 0; 
    width: 400px; 
    margin-top: 20px;
}

#back { height: 24px; width: 24px; border: none; cursor: pointer; background: url(http://www.loizides.xyz/file_browser/images/back.png) no-repeat 0 0;}

.block { clear: both;  min-height: 50px; border-top: solid 1px #ECE9E9; display: inline-block;}
.block:first-child { border: none; }

.block .img { display: inline-block; width: 50px; height: 50px; float: left; margin-right: 10px;}
.block .date { margin-top: 4px; font-size: 70%; color: #666; font-weight: bold;}
.block a { display: inline-block; padding: 10px 15px; transition: all 0.35s; width: 400px; }
.block a:hover { text-decoration: none; background: #efefef; }

/* Extension Types - Icons */
.dir { background: url(http://www.loizides.xyz/file_browser/images/filetype_icons/dir.png) no-repeat 0 0; }
.iso { background: url(http://www.loizides.xyz/file_browser/images/filetype_icons/iso.png) no-repeat 0 0; }
.exe { background: url(http://www.loizides.xyz/file_browser/images/filetype_icons/exe.png) no-repeat 0 0; }
.msi { background: url(http://www.loizides.xyz/file_browser/images/filetype_icons/msi.png) no-repeat 0 0; }
.zip, .rar, .tar, .gzip { background: url(http://www.loizides.xyz/file_browser/images/filetype_icons/zip.png) no-repeat 0 0;}
.txt, .rtf { background: url(http://www.loizides.xyz/file_browser/images/filetype_icons/txt.png) no-repeat 0 0; }
.doc, .docx { background: url(http://www.loizides.xyz/file_browser/images/filetype_icons/doc.png) no-repeat 0 0; }
.jpg, .jpeg, .gif, .png { background: url(http://www.loizides.xyz/file_browser/images/filetype_icons/jpg.png) no-repeat 0 0; } 
.pdf { background: url(http://www.loizides.xyz/file_browser/images/filetype_icons/pdf.png) no-repeat 0 0; }  
.xls, .xlsx { background: url(http://www.loizides.xyz/file_browser/images/filetype_icons/xls.png) no-repeat 0 0; } 
.ppt, .pptx { background: url(http://www.loizides.xyz/file_browser/images/filetype_icons/pdf.png) no-repeat 0 0; } 
.swf { background: url(http://www.loizides.xyz/file_browser/images/filetype_icons/swf.png) no-repeat 0 0; } 
.fla { background: url(http://www.loizides.xyz/file_browser/images/filetype_icons/fla.png) no-repeat 0 0; }
.mp3 { background: url(http://www.loizides.xyz/file_browser/images/filetype_icons/mp3.png) no-repeat 0 0; }
.wav { background: url(http://www.loizides.xyz/file_browser/images/filetype_icons/wav.png) no-repeat 0 0; }
.mp4 { background: url(http://www.loizides.xyz/file_browser/images/filetype_icons/mp4.png) no-repeat 0 0; }
.mov, .aiff, .m2v, .avi, .pict, .qif { background: url(http://www.loizides.xyz/file_browser/images/filetype_icons/avi.png) no-repeat 0 0; }
.wmv, .avi, .mpg { background: url(http://www.loizides.xyz/file_browser/images/filetype_icons/wmv.png) no-repeat 0 0; }
.flv, .f2v { background: url(http://www.loizides.xyz/file_browser/images/filetype_icons/flv.png) no-repeat 0 0; }
.psd { background: url(http://www.loizides.xyz/file_browser/images/filetype_icons/psd.png) no-repeat 0 0; }
.ai { background: url(http://www.loizides.xyz/file_browser/images/filetype_icons/ai.png) no-repeat 0 0; }
.html, .xhtml, .dhtml, .php, .asp, .css, .js, .inc { background: url(http://www.loizides.xyz/file_browser/images/filetype_icons/html.png) no-repeat 0 0; }

#footer {
    font-size:12px;
	text-align:center;
    margin-top: 10px;
    padding-top: 15px;
    padding-bottom: 10px;
    clear: left; /*ADJUSTING FIXED POSITIONING*/
    border-top: solid 1px #ECE9E9;
}