
.newsCellContainer{
	padding-bottom:30px;
	display: inline-flex;
	flex-wrap: wrap;
	align-items: top;
	justify-content: center;

}
.newsCell{
	float:none;
	margin-bottom:20px;
	width:31.33%;
	margin-left:1%;
	margin-right:1%;
  border: 1px solid #aaaaaa;
	background:#fff;
  box-shadow: 5px 5px 10px #aaaaaa;
}


.newsCellInfo{
	padding:15px;
  background:#fff;
}

  /* ----- Articles ----- */
  .summaryItem{
   padding-bottom:10px;
   margin-bottom:10px;
   border-bottom:1px solid #dddddd;
  }
  #summaryItemContent{
    padding-bottom:15px;
  }

  .formField {
    border: 1px dotted;
    padding: 5px;
    background-color: #f4f2f2;
    margin-bottom: 10px;
  }

  .formFieldItem {
    float: left;
    width:500px;
    line-height: 25px;
  }
  .formFieldLabel {
    float: left;
    width: 180px;
    font-weight: bold;
  }
  .messageBox{
    margin-bottom:25px;
    padding:20px;
    background:#f4f1f1;
    border:1px solid #bcbcbc;
    box-shadow:5px 5px 10px #656363;
  }




  .formFieldItem .formInput{
    width:100%;
    margin-bottom:20px;
    height:50px;
    line-height:50px;
    border:1px solid #aaaaaa;
    background:#ffffff;
    padding-left:15px;
    color:#363636;
    font-weight:bold;
  }
  .formFieldItem .formSelect{
    width:100%;
    margin-bottom:20px;
    height:50px;
    line-height:50px;
    border:1px solid #b7b7b7;
    background:#ffffff;
    padding-left:15px;
    color:#363636;
    font-weight:bold;
  }

  .formFieldItem .formTextarea{
    width:100%;
    margin-bottom:20px;
    height:100px;
    line-height:auto;
    border:1px solid #b7b7b7;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size:13px;
    background:#ffffff;
    padding:15px;
    color:#363636;
    font-weight:bold;
  }
  /*
  .formbutton{
    display:inline-block;
    height:50px;
    line-height:50px;
    padding:0px 35px !important;
    border:0px;
    background:#dfdfdf;
    color:#252525 !important;
    text-transform:uppercase;
    text-decoration:none;
    cursor:pointer;
    font-weight:bold;
  }
    .formbutton:hover{
      background:#252525;
      color:#fff !important;
    }
  */

  .formButton{
    height:30px;
    line-height:30px;
    border:0px;
    margin-top:10px;
    margin-right:10px;
    display:inline-block;
    background:#F9F9F9;

    font-size:16px;

    text-align:center;
    text-transform:none;
    text-decoration:none;
    padding-left:30px;
    padding-right:30px;
    color:#282828;
    border:1px solid #aaaaaa;
    border-radius:3px;

    cursor:pointer;
		-webkit-transition: .3s all ease-in-out;
		-o-transition: .3s all ease-in-out;
		transition: .3s all ease-in-out;
  }
    .formButton:hover{
      background-color:#329dd1;
    }


  .dataTable{

  }
  .dataTable {
    border-collapse: separate;
    border-spacing: 0;
    width:100%;
    margin-bottom:15px;
  }
    .dataTable a{color:#929191;}
    .dataTable a:hover{text-decoration:underline;}

    .dataTable tr th,
    .dataTable tr td {
      border-right: 1px solid #dedede;
      border-bottom: 1px solid #dedede;
      padding:11px 15px;
      color:#929191;
      background:#ffffff;
      white-space:nowrap;
    }

    .dataTable tr th {
      background: #f5f5f5;
      color:#929191;
      text-align: left;
      text-shadow:1px 1px #aaaaaa;
      font-weight:600;
      font-size:15px;
      border-bottom:1px solid #dedede;
      white-space:nowrap;
    }
  /* ----- /Articles ----- */


  /* --------------------- Content -------------------- */

  .content50Left,.page50Left{
    float:left;
    width:50%;
    padding-right:50px;
  }
    .content50Left img,.page50Left img{max-width:100%;height:auto;}
  .content50Right,.page50Right{
    float:left;
    width:50%;
  }
    .content50Right img,.page50Right img{max-width:100%;height:auto;}

  .page20Left{
    float:left;
    width:20%;
    margin-bottom:20px;
    text-align:center;
  }
    .page20Left img{
      width:100%;
      height:auto;
    }
  .page80Right{
    float:left;
    width:77%;
    margin-left:2%;
    margin-bottom:20px;
  }

  .page30Left{
    float:left;
    width:30%;
  }
    .page30Left img{
      width:100%;
      height:auto;
      padding-bottom:20px;
    }
  .page70Right{
    float:left;
    width:67%;
    margin-left:2%;
    margin-bottom:20px;
  }


  .page70Left{
    float:left;
    width:70%;
    padding-right:20px;
  }
  .page30Right{
    float:left;
    width:30%;
  }
    .page30Right img{
      width:100%;
      height:auto;
      padding-bottom:20px;
    }
/* --------------------- /Content -------------------- */




/*     TABLET      */
@media all and (max-width:768px){

.newsCell{

	width:48%;
	margin-left:1%;
	margin-right:1%;
}
  .page30Left img,
  .page20Left img{
    width:100%;
    height:auto;
  }
  .pageHalfLeft,
  .pageHalfRight,
  .content50Left,
  .page50Left,
  .content50Right,
  .page50Right,
	.page70Left,
  .page30Right,
  .page30Left,
  .page70Right{
    float:none;
    width: 100%;
    margin-left:0px;
  }
  .pageHalfLeft,
  .page50Left{
    padding: 0px 0px 20px 0px;
  }


}

@media all and (max-width:550px){

	.newsCell{
		width:98%;
		margin-left:1%;
		margin-right:1%;
	}
}
