/* BASIC STYLES FOR DISPLAYING THE CCR Search Results */
#ccrContent {
	margin-left: 2px;
	margin-right: 2px;
	padding-top: 1.35em;
	padding-bottom: 0.625em;
	padding-left: 0.75em;
	padding-right: 0.75em;
}

#ccrSearchForm input:focus{
	outline: 2px solid royalblue;
	box-shadow: 1px 1px 8px 1px royalblue;
}

#ccrResults { margin-top: 25px; width: auto; display: inline-block; }

#ccrSearchForm fieldset .field-label label.first-name-field { padding-top: 12px; }

#ccrResultsContent .ccr-message { display: block; padding-bottom: 10px; }

#ccrResultsContent h3.ccr-results { color: #27ae60; }

#ccrResultsContent .refund-record {
	width: 100%;
	display:block; 
	height: auto;	
}

#ccrResultsContent .refund-record .refund-name {
	font-weight: bold; width: 59%; float:left; margin-right:30px; padding-bottom: 10px;
	/* border: 1px solid blue; */
}

#ccrResultsContent .refund-record .refund-amount {
	font-weight: bold; float:left; width:29%;
	/* border: 1px solid green; */
}

.divTable {
	display: table;         
	width: 100%;         
	border-spacing: 5px; /* cellspacing:poor IE support for  this */
  }
  .divRow {
	display: table-row;
	width: auto;
	clear: both;
  }
  .divCell {
	float: left; /* fix for  buggy browsers */
	display: table-column;         
	width:83%;
	vertical-align: middle;        
  }
  .divCell.left-cell { width:15%; }

  #ccrSearchForm label {
	font-weight:bold !important;
  }

  #ccrSearchForm .divCell.left-cell.first-name-field { padding-top:11px;}
  #ccrSearchForm .divCell input { width: 100%; }
  #ccrSubmit { width: 200px !important; }

  @media screen and (max-width: 600px){
	#ccrSearchForm .divTable .divCell { width: 100%; !important; }
  }