.project_cell a{
	float:left;
	position:relative;
}
.project_cell a img{
	display:block;
	width:157px;
	height:221px;
}

.project_span_container{
	display:none;
	position: absolute;
  	top: 0;
  	left: 0;
  	bottom: 0;
  	right: 0;
  	background: rgba(0,0,0,0.6);
  	padding: 10px;
	padding:115px 0px;
}
.project_cell a:hover div {
	display:block;
}
.project_cell a:hover span{
	
}
.project_span{
	font-size:8px;
	color: #ddd;
	text-decoration:underline;
	margin:0px 4px;
}

#text_dialog{
	/*min-height:100px !important;
	max-height:600px !important;
    min-width:500px !important;
	*/
	top:0px;
	left:0px;
	padding:20px;
	position:absolute;
	z-index:20;
	background-color:rgba(140,140,140,0.9) !important;
	text-align:center;
}
#pdfviewer
{
	width:70%;
	height:70%;
	border:1px solid black;
}
.ui-dialog
{
}
#project_table
{
	overflow:visible;
	width:100%;
}
.project_row
{
	margin-bottom:10px !important;
	border:1px solid black !important;
	border-color:transparent transparent black transparent;
}
#close_dialog_div
{
	min-width:60px;
	min-height:60px;
	text-align:center;
	line-height:55px;
	font-size:4em;
	float:left;
	position:fixed;
	color:white;
	cursor:pointer;
	background-color:rgb(50,50,50);
	box-shadow:0px 0px 5px 5px black;
}
#close_dialog_div:active
{
	box-shadow:0px 0px 3px 3px black inset;
	
}

#close_dialog_div:hover
{
	font-color:black;
	background-color:rgb(150,150,150);
}

#text_dialog article{
	color:white;
	font-size:18px;
	width:60%;
	padding:10px;
	background-color:black;
	margin:20px auto;
	max-height:60%;
	overflow-y:scroll;
	
}
.project_cell{
	opacity:0;
	-webkit-animation:2s show ease forwards;
	animation:2s show ease forwards;
}
@-webkit-keyframes show
{
	from{opacity:0;}
	to{opacity:1;}
}
@keyframes show
{
	from{opacity:0;}
	to{opacity:1;}
}
#loadingDiv
{
	margin:0px auto;
	width:20px;
	height:20px;
	background-color:rgb(150,150,150);
	border:2px solid black;
	-webkit-animation:2s spin ease infinite;
	animation:2s spin ease infinite;
	border-color:white black white black;
	position:relative;
	margin-left:210px;
	
}
#loadingDiv:before
{
	position:absolute;
	background:radial-gradient(circle,rgba(100,110,150,1.0) 40%,rgba(20,20,220,0.5));
	transform:rotate(45deg);
	color:white;
	content:"";
	width:20px;
	height:20px;
	border:1px solid black;
	border-color:white black white black;
	-webkit-animation:2s spin ease infinite;
	animation:2s spin ease infinite;
	-webkit-animation-delay:0.5s;
	animation-delay:0.5s;
	left:0px;
}
#loadingDiv:after
{
	top:-6px;
	left:-6px;
	z-index:-2;
	position:absolute;
	background:rgba(200,210,250,0.3);
	color:white;
	content:"";
	width:30px;
	height:30px;
	border-radius:100px;
	box-shadow:0px 0px 5px 5px black;
	border-color:black;
	border:1px solid black;
}
@-webkit-keyframes spin
{
	from{
		transform:rotate(0deg);
	}
	to{
		transform:rotate(360deg);
	}
}
@keyframes spin
{
	from{
		transform:rotate(0deg);
	}
	to{
		transform:rotate(360deg);
	}
}
/******* Load More Link ********/
#loadMore_row
{
	width:100%;
}
#loadMore_row a
{
	color:whitesmoke;
	font-size:1.5em;
	width:30%;
	margin:0px auto;
	text-align:center;
	border-radius:5px;
	box-shadow:1px 1px 5px 5px black;
	text-decoration:none;
	background-color:rgb(120,130,190);
	display:block;
}
#loadMore_row a:active
{
	box-shadow:0px 0px 2px 2px black inset;
}
#cell_loading{
	width:100%;
	text-align:center;
}
/*******  Blog Items ********/
.blogSummaryItem
{
        margin-left:50px;
        min-height:100px;
}
.blogTitle
{
	max-width: 150px;
	text-overflow: ellipsis;
}
.blogItem
{
	display:inline-block;
	width:40%;
	margin:5px;
}
.blogImage{
    width:157px;
    height:221px;
    float:left;
	margin-right:5px;
	position:relative;
	overflow:hidden;
	opacity:1.0;
}
.blogImage:before
{
	position:absolute;
	opacity:0.6;
	width:157px;
    height:110px;
	font-size:2.0em;
	margin:auto;
	/*padding-top:60px;*/
	line-height:170px;
	text-align:center;
	vertical-align:middle;
	display: table-cell;
	content: attr(data-number);
	background-image :url('images/01_logo.jpg');
	background-position-x:0px;
	background-position-y:0px;
	background-repeat: no-repeat;
	background-size: 157px 110px;
}
.blogImage:after
{
	position:absolute;
	top:185px;
	width:157px;
    height:60px;
	font-size:1.5em;
	margin:auto;
	text-align:center;
	vertical-align:bottom;
	content: attr(data-date);
	color:rgb(210,210,210);
	/*content:'Helloooooo';*/
}
.blogSummaryItem textarea {
   /* margin-bottom:35px;*/
   min-height:178px;
   max-height:178px;
   min-width:250px;
   /*overflow-y:auto;
   -ms-overflow-style:auto;*/
   font-size:11px;
   
}
.blogSummaryItem a{
    text-decoration:none;
    background-color:#5683ff;
    border:1px solid black;
    border-radius:5px;
    font-size:large;
    padding:5px;
    margin-top:10px;
    box-shadow:2px 2px 2px 2px black;
    color:whitesmoke;
	margin-bottom:5px;
	float:right;
	margin-right:20px;
}
.ui-tooltip
{
	font:15px;
}
.blogSummaryItem a:active
{
    color:whitesmoke;
    box-shadow:2px 2px 2px 2px black inset;
}
.blogSummaryItem h3
{
	margin-bottom:5px;
}