/* 
CLASSES STYLE SHEET FOR [ATTIK DESIGNS]
Created by [KAREN MCC]
[https://www.attikdesigns.ie]
*/

/*	--------------	*/
/*	text colours	*/
/*	--------------	*/
.text-white {
	color:#fff !important;
}
.text-blue {
	color:#007dce !important;
}
.text-green {
	color:#81b124 !important;
}
.text-red {
	color:#c80000 !important;
}
.text-grey {
	color:#808184 !important;
}
.text-light-grey {
	color:#c8c8c8 !important;
}
.errorRed {
		color: #c80000 !important;
		}
.messageGreen {
		color: #00c800 !important;
		}
/*	--------------	*/
/*	backgrounds	*/
/*	--------------	*/
.bg-white {
		background:#fff !important;
}
.bg-grey {
		background:#e8e8e8 !important;
}
/*	--------------	*/
/*	misc	*/
/*	--------------	*/
div.back-button-holder {
	position:absolute;
	right:20px;
	top:20px;
}
/*	--------------	*/
/* floats & float-clearing & dividers & display rules */
/*	--------------	*/
.clearFix:after {
    	content: "."; 
    	display: block; 
    	height: 0; 
    	clear: both; 
    	visibility: hidden;
		}	
.hide {
		display: none;
		}
.hidden {
		display:none;
}
.inline {
		display: inline;
		}
.block {
		display:block;
}
.left {
		float: left;
		}
.right {
		float: right;
		}
.centre {
	margin-left: auto !important;
	margin-right: auto !important;	
}
.clear {
		clear: both;
		}
div.sep {
		clear:both;
		float: left;
		width: 100%;
		height: 3px;
		margin: 5px 0;
}
.toggler {
		cursor: pointer;
		}
.relative {
		position:relative !important;
}
/*	--------------	*/
/* padding */
/*	--------------	*/
.padding-5 {
		padding:5px;
}
.padding-10 {
		padding:10px;
}
.padding-15 {
		padding:15px;
}
.padding-20 {
		padding:20px;
}
/*	--------------	*/
/* widths */
/*	--------------	*/
.full {
		width: 100% !important;
	}
.half {
		width: 47% !important;
	}
.third {
		width: 31% !important;
	}
.quarter {
		width: 23% !important;
	}
.eighth {
		width: 10% !important;
	}
.two-thirds {
		width: 62% !important;
	}
.three-quarters {
		width: 70% !important;
	}
.fifth {
	width:19.2% !important;
}
.width-5 {
	width:5px !important;
}
.width-10 {
	width:10px !important;
}
.width-20 {
	width:20px !important;
}
.width-30 {
	width:30px !important;
}
.width-40 {
	width:40px !important;
}
.width-50 {
	width:50px !important;
}
.width-60 {
	width:60px !important;
}
.width-70 {
	width:70px !important;
}
.width-80 {
	width:80px !important;
}
.width-90 {
	width:90px !important;
}
.width-100 {
	width:100px !important;
}
.width-110 {
	width:110px !important;
}
.width-120 {
	width:120px !important;
}
.width-130 {
	width:130px !important;
}
.width-140 {
	width:140px !important;
}
.width-150 {
	width:150px !important;
}
.width-160 {
	width:160px !important;
}
.width-170 {
	width:170px !important;
}
.width-180 {
	width:180px !important;
}
.width-190 {
	width:190px !important;
}
.width-200 {
	width:200px !important;
}
.width-250 {
	width:250px !important;
}
.width-300 {
	width:300px !important;
}
.width-400 {
	width:400px !important;
}
/*	--------------	*/
/*	text general	*/
/*	--------------	*/
.text-medium {
	font-size:1.3em !important;
}
.text-large {
	font-size: 1.6em !important;
	}
.text-huge {
	font-size:1.9em !important;
}
.text-massive {
	font-size:2.5em !important;
}
.text-right {
	text-align: right !important;
}
.text-left {
	text-align: left !important;
}
.text-centre {
	text-align:center;
		}
.italic {
	font-style: italic !important;
		}
.bold {
	font-weight: bold !important;
		}
/*	--------------	*/
/* rounded corners */
/*	--------------	*/
.round-5 {
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-border-radius:5px;
		border-radius:5px;
		}
.round-10 {
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		-border-radius:10px;
		border-radius:10px;
		}
.round-20 {
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		-border-radius:20px;
		border-radius:20px;
		}
.round-top {
		-moz-border-radius: 10px 10px 0 0;
		-webkit-border-radius: 10px 10px 0 0;
		-border-radius:10px 10px 0 0;
		border-radius:10px 10px 0 0;
}
/*	--------------	*/
/*	box shadow */
/*	--------------	*/
/* box shadow
	left top blur spread colour */
.glow {
		-webkit-box-shadow: 0px 0px 2px 1px #ddd;
		-moz-box-shadow: 0px 0px 2px 1px #ddd;
		-box-shadow: 0px 0px 2px 1px #444;
		box-shadow: 0px 0px 2px 1px #444;
}
.dropShadLeft {
		-webkit-box-shadow: 2px 0px 3px 1px #c9c8c8;
		-moz-box-shadow: 2px 0px 3px 1px #c9c8c8;
		-box-shadow: 2px 0px 3px 1px #c9c8c8;
		box-shadow: 2px 0px 3px 1px #c9c8c8;
}
.dropShadRight {
		-webkit-box-shadow: -2px 0px 3px 1px #c9c8c8;
		-moz-box-shadow: -2px 0px 3px 1px #c9c8c8;
		-box-shadow: -2px 0px 3px 1px #c9c8c8;
		box-shadow: -2px 0px 3px 1px #c9c8c8;
}
.shadow {
1		-webkit-box-shadow: 0px 0px 10px 5px #c9c8c8;
1		-moz-box-shadow: 0px 0px 4px 1px #777;
1		box-shadow: 0px 0px 10px 5px #c9c8c8;
1		behavior: url(/admin/stylesheets/PIE.htc);
}