/* News CSS */
#news-items
{
  float: left;
  width: calc(100% - 200px);
}

#news-items-plain
{
  float: left;
  width: 100%;
}

.news-block
{
  float: left;
  width: calc(50% - 10px);
  margin: 5px;
	height: 200px;
  background-color: #F4F4F4;
  border : solid 1px #CCCCCC;
  border-radius: 8px;
  padding-left: 5px;
}

.news-block-plain
{
  float: left;
  width: calc(50% - 10px);
  height: 140px;
  overflow: hidden;
  margin: 5px;
  border : solid 1px #CCCCCC;
  border-radius: 8px;
}

.field-label
{
	float:right;
}

.news-thumb-link
{
  float: left;
}

.news-thumb-link img
{
  float: left;
}

.title-field, .title-value
{
  width: calc(75% - 150px);
}

.date-field, .date-value
{
  width: calc(25% - 10px);
}

.date-value, .title-value
{
  float: left;
  text-align: center;
  font-weight: bold;
  height: 20px;
}

.news-details-value
{
  float:left;
  width: calc(100% - 140px);
  height: 85px;
  overflow: hidden;
  padding: 5px 10px;
}

.see-more
{
  float: right;
  height: 20px;
  font-weight: bold;
  margin-right: 10px;
}

.date-field input
{
  cursor: pointer;
  text-align: center;
}

.news-summary-containers
{
  float: left;
  height: 140px;
  width: calc(100% - 150px);
  margin-left: 5px;
}

.editor-container-2
{
  float: left;
}

#new-news-progress, .news-progress
{
	display:inline;
  width: 140px;
  height: 32px;
}

.progress-wrapper
{
  margin: 42px 0 0;
}

.news-page-editor
{
  float: left;
  width: 100%;
  height: 800px;
}