// File Manager Overrides
// 
// -----------------------------------------------------

.clearfix {
  *zoom: 1;
  &:before,
  &:after {
    display: table;
    content: "";
    // Fixes Opera/contenteditable bug:
    // http://nicolasgallagher.com/micro-clearfix-hack/#comment-36952
    line-height: 0;
  }
  &:after {
    clear: both;
  }
}

.centerText{
	text-align: center;
}

.hideObject{
	display: none;
}

html{
	height: 95%;
}

body{
	height: 100%;
	
	#fileWrapper{
		height: 100%;
		width: 700px;
		padding: 0 10px 10px;
		
		#navBar{
			height: 90%;
			
			ul{
				&.jqueryFileTree{
					li{
						&.directory{
						}
						
						&.expanded{
							> a{
								color: green;
							}
						}
					}
				}
			}
			.op_menu{
				&:hover{
					background: none repeat scroll 0 0 #BBDDFF;
				}
			}
		}
		
		#fileDetails{
			height: 90%;
			width: 470px;
			overflow: auto;
			
			#theMessage{
				background: green;
				padding:5px 2%;
				width: 96%;
				color: #fff;
			}
			
			#fileFunctions{
				.clearfix();
				
				#theFunctions{
					background: #F4F4F4;
					padding: 10px 2%;
					
					.optionsWrapper{
						width: 95%;
						float: none;
						margin: 0;
						padding: 3px 0;
						background: none;
						text-align: left;
						
						form{
							display: inline;
						}
					}
					
					#optionsWrapper2{
						p{
							margin: 0 0 20px;
						}
					}
					
					#imgWrapper2{
						width: 100%;
						height: 100%;
						img{
							max-width:98%;
							max-height: 98%;
						}
					}
				}
			}
			
			#fileContainer{
				width: 100%;
				.clearfix();
				
				.aFile{
					background: #F4F4F4;
					width: 29%;
					height: 150px;
					padding: 1%;
					margin: 1%;
					float: left;
					position: relative;
					cursor: pointer;
					
					.imgWrap{
						width: 100%;
						height: 80%;
						overflow: hidden;
						position: relative;
						
						img{
							max-width: 100%;
							max-height: 100%;
							margin: auto;
							display: block;
							position: absolute;
							top: 0;
							bottom: 0;
							left: 0;
							right: 0;
						}
					}
					
					p{
						position: absolute;
						bottom: -4px;
						width: 94%;
						text-align: center;
					}
				}
			}
		}
		
		.sectionHeader{
			background: #000;
			color: #fff;
			margin: -5px -5px 10px;
			padding: 5px;
		}
	}
}
