/*============================================
 * Project: Deluxe Checking
 * General Helper Classes
 *
 *  #Margin
 *  #Padding
 *	#Display
 *	#Text Align
 *	#Widths
 *	#Borders
 *	#Rounded
 *	#Shadows
 *	#Clearfix
 * ==========================================*/



/*============================================
 * Margin
 * ==========================================*/

.margin-0  { margin: 0; }
.margin-5  { margin: 5px; }
.margin-10 { margin: 10px; }
.margin-15 { margin: 15px; }
.margin-20 { margin: 20px; }
.margin-25 { margin: 25px; }
.margin-30 { margin: 30px; }
.margin-35 { margin: 35px; }
.margin-40 { margin: 40px; }
.margin-45 { margin: 45px; }
.margin-50 { margin: 50px; }
.margin-55 { margin: 55px; }
.margin-60 { margin: 60px; }
.margin-65 { margin: 65px; }
.margin-70 { margin: 70px; }
.margin-75 { margin: 75px; }

.margin-top-0  { margin-top: 0; }
.margin-top-5  { margin-top: 5px; }
.margin-top-10 { margin-top: 10px; }
.margin-top-15 { margin-top: 15px; }
.margin-top-20 { margin-top: 20px; }
.margin-top-25 { margin-top: 25px; }
.margin-top-30 { margin-top: 30px; }
.margin-top-35 { margin-top: 35px; }
.margin-top-40 { margin-top: 40px; }
.margin-top-45 { margin-top: 45px; }
.margin-top-50 { margin-top: 50px; }
.margin-top-55 { margin-top: 55px; }
.margin-top-60 { margin-top: 60px; }
.margin-top-65 { margin-top: 65px; }
.margin-top-70 { margin-top: 70px; }
.margin-top-75 { margin-top: 75px; }

.margin-right-0  { margin-right: 0; }
.margin-right-5  { margin-right: 5px; }
.margin-right-10 { margin-right: 10px; }
.margin-right-15 { margin-right: 15px; }
.margin-right-20 { margin-right: 20px; }
.margin-right-25 { margin-right: 25px; }
.margin-right-30 { margin-right: 30px; }
.margin-right-35 { margin-right: 35px; }
.margin-right-40 { margin-right: 40px; }
.margin-right-45 { margin-right: 45px; }
.margin-right-50 { margin-right: 50px; }
.margin-right-55 { margin-right: 55px; }
.margin-right-60 { margin-right: 60px; }
.margin-right-65 { margin-right: 65px; }
.margin-right-70 { margin-right: 70px; }
.margin-right-75 { margin-right: 75px; }

.margin-bottom-0  { margin-bottom: 0; }
.margin-bottom-5  { margin-bottom: 5px; }
.margin-bottom-10 { margin-bottom: 10px; }
.margin-bottom-15 { margin-bottom: 15px; }
.margin-bottom-20 { margin-bottom: 20px; }
.margin-bottom-25 { margin-bottom: 25px; }
.margin-bottom-30 { margin-bottom: 30px; }
.margin-bottom-35 { margin-bottom: 35px; }
.margin-bottom-40 { margin-bottom: 40px; }
.margin-bottom-45 { margin-bottom: 45px; }
.margin-bottom-50 { margin-bottom: 50px; }
.margin-bottom-55 { margin-bottom: 55px; }
.margin-bottom-60 { margin-bottom: 60px; }
.margin-bottom-65 { margin-bottom: 65px; }
.margin-bottom-70 { margin-bottom: 70px; }
.margin-bottom-75 { margin-bottom: 75px; }

.margin-left-0  { margin-left: 0; }
.margin-left-5  { margin-left: 5px; }
.margin-left-10 { margin-left: 10px; }
.margin-left-15 { margin-left: 15px; }
.margin-left-20 { margin-left: 20px; }
.margin-left-25 { margin-left: 25px; }
.margin-left-30 { margin-left: 30px; }
.margin-left-35 { margin-left: 35px; }
.margin-left-40 { margin-left: 40px; }
.margin-left-45 { margin-left: 45px; }
.margin-left-50 { margin-left: 50px; }
.margin-left-55 { margin-left: 55px; }
.margin-left-60 { margin-left: 60px; }
.margin-left-65 { margin-left: 65px; }
.margin-left-70 { margin-left: 70px; }
.margin-left-75 { margin-left: 75px; }



/*============================================
 * Padding
 * ==========================================*/

.padding-0  { padding: 0; }
.padding-5  { padding: 5px; }
.padding-10 { padding: 10px; }
.padding-15 { padding: 15px; }
.padding-20 { padding: 20px; }
.padding-25 { padding: 25px; }
.padding-30 { padding: 30px; }
.padding-35 { padding: 35px; }
.padding-40 { padding: 40px; }
.padding-45 { padding: 45px; }
.padding-50 { padding: 50px; }
.padding-55 { padding: 55px; }
.padding-60 { padding: 60px; }
.padding-65 { padding: 65px; }
.padding-70 { padding: 70px; }
.padding-75 { padding: 75px; }

.padding-top-0  { padding-top: 0; }
.padding-top-5  { padding-top: 5px; }
.padding-top-10 { padding-top: 10px; }
.padding-top-15 { padding-top: 15px; }
.padding-top-20 { padding-top: 20px; }
.padding-top-25 { padding-top: 25px; }
.padding-top-30 { padding-top: 30px; }
.padding-top-35 { padding-top: 35px; }
.padding-top-40 { padding-top: 40px; }
.padding-top-45 { padding-top: 45px; }
.padding-top-50 { padding-top: 50px; }
.padding-top-55 { padding-top: 55px; }
.padding-top-60 { padding-top: 60px; }
.padding-top-65 { padding-top: 65px; }
.padding-top-70 { padding-top: 70px; }
.padding-top-75 { padding-top: 75px; }

.padding-right-0  { padding-right: 0; }
.padding-right-5  { padding-right: 5px; }
.padding-right-10 { padding-right: 10px; }
.padding-right-15 { padding-right: 15px; }
.padding-right-20 { padding-right: 20px; }
.padding-right-25 { padding-right: 25px; }
.padding-right-30 { padding-right: 30px; }
.padding-right-35 { padding-right: 35px; }
.padding-right-40 { padding-right: 40px; }
.padding-right-45 { padding-right: 45px; }
.padding-right-50 { padding-right: 50px; }
.padding-right-55 { padding-right: 55px; }
.padding-right-60 { padding-right: 60px; }
.padding-right-65 { padding-right: 65px; }
.padding-right-70 { padding-right: 70px; }
.padding-right-75 { padding-right: 75px; }

.padding-bottom-0  { padding-bottom: 0; }
.padding-bottom-5  { padding-bottom: 5px; }
.padding-bottom-10 { padding-bottom: 10px; }
.padding-bottom-15 { padding-bottom: 15px; }
.padding-bottom-20 { padding-bottom: 20px; }
.padding-bottom-25 { padding-bottom: 25px; }
.padding-bottom-30 { padding-bottom: 30px; }
.padding-bottom-35 { padding-bottom: 35px; }
.padding-bottom-40 { padding-bottom: 40px; }
.padding-bottom-45 { padding-bottom: 45px; }
.padding-bottom-50 { padding-bottom: 50px; }
.padding-bottom-55 { padding-bottom: 55px; }
.padding-bottom-60 { padding-bottom: 60px; }
.padding-bottom-65 { padding-bottom: 65px; }
.padding-bottom-70 { padding-bottom: 70px; }
.padding-bottom-75 { padding-bottom: 75px; }

.padding-left-0  { padding-left: 0; }
.padding-left-5  { padding-left: 5px; }
.padding-left-10 { padding-left: 10px; }
.padding-left-15 { padding-left: 15px; }
.padding-left-20 { padding-left: 20px; }
.padding-left-25 { padding-left: 25px; }
.padding-left-30 { padding-left: 30px; }
.padding-left-35 { padding-left: 35px; }
.padding-left-40 { padding-left: 40px; }
.padding-left-45 { padding-left: 45px; }
.padding-left-50 { padding-left: 50px; }
.padding-left-55 { padding-left: 55px; }
.padding-left-60 { padding-left: 60px; }
.padding-left-65 { padding-left: 65px; }
.padding-left-70 { padding-left: 70px; }
.padding-left-75 { padding-left: 75px; }



/*============================================
 * Display
 * ==========================================*/

 .block { display: block; }
 .inline-block { display: inline-block; }
 .inline { display: inline; }



 /*============================================
 * Text Align
 * ==========================================*/

 .text-left { text-align: left; }
 .text-center { text-align: center; }
 .text-right { text-align: right; }



/*============================================
 * Widths
 * ==========================================*/

 .width-100 { width: 100% !important; } /* Override current width of element */
 .width-90 { width: 90% !important; } 	/* Override current width of element */
 .width-80 { width: 80% !important; } 	/* Override current width of element */
 .width-70 { width: 70% !important; } 	/* Override current width of element */
 .width-60 { width: 60% !important; } 	/* Override current width of element */
 .width-50 { width: 50% !important; } 	/* Override current width of element */
 .width-40 { width: 40% !important; } 	/* Override current width of element */
 .width-30 { width: 30% !important; } 	/* Override current width of element */
 .width-20 { width: 20% !important; } 	/* Override current width of element */
 .width-10 { width: 10% !important; } 	/* Override current width of element */



/*============================================
 * Borders
 * ==========================================*/

.border { border: 1px solid #dedcd4; }
.border-top { border-top: 1px solid #dedcd4; }
.border-right { border-right: 1px solid #dedcd4; }
.border-bottom { border-bottom: 1px solid #dedcd4; }
.border-left { border-left: 1px solid #dedcd4; }



/*============================================
 * Rounded
 * ==========================================*/

.rounded { border-radius: 10px; }
.rounded-top { border-top-left-radius: 10px; border-top-right-radius: 10px; }
.rounded-bottom { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }



/*============================================
 * Shadows
 * ==========================================*/

.shadows {
	position: relative;
}

.shadows:before {
	background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 67%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0.5)), color-stop(67%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 67%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 67%,rgba(0,0,0,0) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 67%,rgba(0,0,0,0) 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 67%,rgba(0,0,0,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	background-position: 0 -14px;
	background-repeat: no-repeat;
	content: '';
	height: 20px;
	left: 50%;
	margin-left: -37.5%;
	position: absolute;
	top: 0;
	width: 75%;
 }

 .shadows:after {
	background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 67%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0.5)), color-stop(67%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 67%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 67%,rgba(0,0,0,0) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 67%,rgba(0,0,0,0) 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 67%,rgba(0,0,0,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	background-position: 0 14px;
	background-repeat: no-repeat;
	bottom: 0;
	content: '';
	height: 20px;
	left: 50%;
	margin-left: -25%;
	position: absolute;
	width: 50%;
 }



/*============================================
 * Clearfix
 * ==========================================*/

.clear {
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}