/*------------------------------------------------------------------------------
 * Components
 *----------------------------------------------------------------------------*/

/*.component,
.component * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
} */
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}


/*------------------------------------------------------------------------------
 * My IP Address
 *----------------------------------------------------------------------------*/

.my-ip-address .ip {
	font-weight: bold;
}


/*------------------------------------------------------------------------------
 * Click To View
 *----------------------------------------------------------------------------*/

.click-to-view a {
	cursor: pointer;
}
.click-to-view.content-loaded a {
	cursor: default;
}


/*------------------------------------------------------------------------------
 * Per Page
 *----------------------------------------------------------------------------*/

.perPageDiv {
	margin: 8px 0;
	padding: 0;
	float: right;
}
.perPageDiv span {
	padding: 0 3px;
}
.perPageDiv select {
	margin: 0;
}


/*------------------------------------------------------------------------------
 * Breadcrumbs
 *----------------------------------------------------------------------------*/

.breadCrumb ul {
	list-style: none;
}
.breadCrumb ul > * {
	float: left;
	list-style: none;
	margin-right: 5px
}


/*------------------------------------------------------------------------------
 * Contact Details
 *----------------------------------------------------------------------------*/

.contact-details {
	margin: 0 0 20px 0;
}
.contact-details .title {
	margin-top: 0;
}
.contact-details .field {
	font-weight: bold;
}
.contact-details .value {
	
}


/*-----------------------------------------------------------------------------\
  404-Page Styles
\-----------------------------------------------------------------------------*/

.page-404 {
	margin: 0 0 20px 0;
	text-align: center;
}


/*-----------------------------------------------------------------------------\
  Step Ctrl
\-----------------------------------------------------------------------------*/

.step-ctrl {
	margin-bottom: 10px;
}
.step-ctrl ul,
.step-ctrl li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.step-ctrl .item {
	float: left;
	max-width: 33%;
	width: 150px;
}
.step-ctrl .item:before {
	display: block;
	content: "";
	width: 100%;
	height: 1px;
	font-size: 0;
	overflow: hidden;
	position: relative;
	top: 11px;
	z-index: 1;
	border-top: 2px solid #444444;
}
.step-ctrl .item .item-wrapper {
	display: block;
	padding: 0 10px;
	position: relative;
	text-align: center;
	text-decoration: none;
}
.step-ctrl .item .step-number {
	background: #FFFFFF;
	border: 3px solid #444444;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	display: inline-block;
	font-size: 15px;
	height: 20px;
	line-height: 38px;
	overflow: hidden;
	position: relative;
	text-indent: 100%;
	white-space: nowrap;
	text-align: center;
	-moz-transition: background .3s ease-out, color .3s ease-out;
	-webkit-transition: background .3s ease-out, color .3s ease-out;
	transition: background .3s ease-out, color .3s ease-out;
	width: 20px;
	z-index: 2;
}
.step-ctrl .item .step-label {
	color: #969393;
	margin: 2px 0 0;
	display: block;
	clear: both;
}
.step-ctrl .item.saved .step-label {
	color: inherit;
}
.step-ctrl .item.saved:hover .step-number {
	background-color: #444444;
}
.step-ctrl .item.current .step-number {
	background-color: #444444;
}
.step-ctrl .item.current .step-label {
	color: #444444;
}