.nogridview {
	background-color: #FFFFFF;


}

.gridview {}
.gridview ul {
	margin:0px;
	padding:0px;
}
.gridview li {
  width: 120px;
/*  height: 140px;*/
  border: 1px solid #FFFFFF;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  margin: 8px;
  zoom: 1;
  *display: inline;
}
.gridview li:hover {
	border: 1px solid #A7C9D3;
}

.previousButton {
	cursor: pointer;
  position: fixed;
  display: block;
  left: -24px;
  top: 200px;
  z-index: 998;
  width: 18px;
  height: 32px;
  padding: 4px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAXBAMAAADJv2OxAAAAMFBMVEX///+ZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZnHHh8xAAAAD3RSTlMAESIzRFVmd4iZqrvM3e5GKvWZAAAAdElEQVQI12NgAAH2v2CKsf83mJb8vxBEMe3/KQCitf83gLn3n4Flff8FgCjW90/A3Pw/BiBK4v0lMHf+bwUw/R/CZVj/SwBq5kaIQD1UAfv7yxCBuH8OYJrl/VWIgM3/AjDNdP45REDq/0SI+9b/gghw/AUAn68l+4HFkZUAAAAASUVORK5CYII=) center no-repeat;
}
.previousButton:hover {
  background-color: #00ADF8;
  color: black;
}
.nextButton {
	cursor: pointer;
  position: fixed;
  display: block;
  right: -24px;
  top: 200px;
  z-index: 998;
  width: 18px;
  height: 32px;
  padding: 4px;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAXBAMAAADJv2OxAAAAMFBMVEX///+ZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZnHHh8xAAAAD3RSTlMAESIzRFVmd4iZqrvM3e5GKvWZAAAAdElEQVQI12NgAAH2v2CKsf83mJb8vxBEMe3/KQCitf83gLn3n4Flff8FgCjW90/A3Pw/BiBK4v0lMHf+bwUw/R/CZVj/SwBq5kaIQD1UAfv7yxCBuH8OYJrl/VWIgM3/AjDNdP45REDq/0SI+9b/gghw/AUAn68l+4HFkZUAAAAASUVORK5CYII=) center no-repeat;
}
.nextButton:hover {
  background-color: #00ADF8;
  color: black;
}
.closeButton {
  position: fixed;
  right:16px;
	top:6px;
  width: 23px;
  height: 23px;
  opacity: 1.0;
  border: 2px solid #888888;
  background-color: #222222;
  border-radius: 50%;
  z-index: 999;
	cursor: pointer;
}
.closeButton:hover {
  opacity: 1;
  border: 2px solid #00ADF8;
}
.closeButton:before, .closeButton:after {
  position: absolute;
  left: 5px;
  top: 10px;
  content: ' ';
  height: 3px;
  width: 13px;
  background-color: #ffffff;
}
.closeButton:hover::before, .closeButton:hover::after {
  background-color: #00ADF8
}
.closeButton:before {
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.closeButton:after {
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#containerQuickView, #containerQuickViewProject, #containerQuickViewEdit {
  position: fixed;
  width: 600px;
  height: 90%;
  z-index: 500;
	padding:0px;
  -webkit-transform: translateX(-50%) translateY(0%);
  transform: translate(-50%) translateY(0%);
  left: 50%;
  top: 20px;
  background: rgba(255, 255, 255, 0.0);
  overflow: visible;
  display: none;
}
#quickView, #quickViewProject, #quickViewEdit {
  position: fixed;
  width: 100%;
  height: 100%;
  
  -webkit-transform: translateX(-50%) translateY(0%);
  transform: translate(-50%) translateY(0%);
  left: 50%;
  top: 0px;
  background: rgba(255, 255, 255, 1.0);
  overflow-x: hidden;
  overflow-y: auto;
  
  border: 1px solid #000000;
  box-shadow: 5px 5px 2px #333333;
	padding:0px;
	margin:0px;
}

#containerQuickView2 {
  position: fixed;
  width: 580px;
  height: 90%;
  z-index: 500;
  -webkit-transform: translateX(-50%) translateY(0%);
  transform: translate(-50%) translateY(0%);
  left: 50%;
  top: 20px;
  background: rgba(255, 255, 255, 0.0);
  overflow: visible;
  display: none;
}
#quickView2 {
  position: fixed;
  width: 508px;
  height: 100%;
  z-index: 500;
  left: 24px;
  top: 10px;
  background: rgba(255, 255, 255, 1.0);
  overflow-x: hidden;
  overflow-y: auto;
  padding: 10px;
  border: 1px solid #000000;
  box-shadow: 5px 5px 2px #333333;
}



@media only screen and (max-width:600px) {
	.gridview li {
  zoom: 1.2;

}
	
	.previousButton {
background-color: #00ADF8;
  color: black;
  		left: 0px;
	}
	.nextButton {
background-color: #00ADF8;
  color: black;
  		right: 0px;
	}
		
	#containerQuickView {
		width:100%;
		
	}
	#quickView {

		
	}
}