/* ----------------------------------------------------------------------------------------------------------------
SHORTCODE CSS STYLES CONTENTS
-------------------------------------------------------------------------------------------------------------------

01 - COLOURED BUTTONS
02 - COLUMNS
03 - SEPERATORS
04 - ALERT BOXES

-------------------------------------------------------------------------------------------------------------------

01 COLOURED BUTTONS

------------------------------------------------------------------------------------------------------------------- */

a.button {
	float: left;
	height: 20px;
	font-size: 12px;
	font-weight: bold;
	padding: 6px 10px 0 10px;
	margin: 0px 5px 20px 5px;
	display: inline-block;
	text-decoration: none;
	background-repeat: repeat-x;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
		border-radius: 4px;
	-webkit-box-shadow: 0px 1px 1px #666;
	   -moz-box-shadow: 0px 1px 1px #666;
		box-shadow: 0px 1px 1px #666;
}

a.button:hover {
	background-position: 0 -28px;
}

a.button.white {
	color: #555;
	text-shadow: #ddd 0px 1px 1px;
	border: 1px solid #999;
	background-image: url( ../images/shortcodes/white_button.jpg );
}

a.button.grey {
	color: #5B5B5B;
	text-shadow: #D6D6D6 0px 1px 1px;
	border: 1px solid #808080;
	background-image: url( ../images/shortcodes/grey_button.jpg );
}

a.button.black {
	color: #fff;
	text-shadow: #000 0px 1px 1px;
	border: 1px solid #000;
	background-image: url( ../images/shortcodes/black_button.jpg );
}

a.button.red {
	color: #704949;
	text-shadow: #F4BDBD 0px 1px 1px;
	border: 1px solid #9B6767;
	background-image: url( ../images/shortcodes/red_button.jpg );
}

a.button.blue {
	color: #496172;
	text-shadow: #B7D3EA 0px 1px 1px;
	border: 1px solid #6D90A5;
	background-image: url( ../images/shortcodes/blue_button.jpg );
}

a.button.green {
	color: #497049;
	text-shadow: #C5EFC7 0px 1px 1px;
	border: 1px solid #71A871;
	background-image: url( ../images/shortcodes/green_button.jpg );
}

a.button.purple {
	color: #614970;
	text-shadow: #E2CCF2 0px 1px 1px;
	border: 1px solid #8C6CA3;
	background-image: url( ../images/shortcodes/purple_button.jpg );
}

a.button.turquoise {
	color: #527C7C;
	text-shadow: #B7EDEB 0px 1px 1px;
	border: 1px solid #73A8A7;
	background-image: url( ../images/shortcodes/turquoise_button.jpg );
}



/*-------------------------------------------------------------------------------------------------------------------

02 COLUMNS

------------------------------------------------------------------------------------------------------------------- */

.one_half {
	width: 48%;
}

.one_third {
	width: 30.66%;
}

.one_fourth {
	width: 22%;
}

.one_fifth {
	width: 16.8%;
}

.one_sixth {
	width: 13.33%;
}

.one_half, .one_third, .one_fourth, .one_fifth, .one_sixth { 
	position: relative; 
	margin-right: 4%; 
	float: left; 
	margin-bottom: 30px;
}

.last {
	margin: 0;
	clear: right;
}



/*-------------------------------------------------------------------------------------------------------------------

03 SEPERATORS

------------------------------------------------------------------------------------------------------------------- */

.seperator {
	clear: both;
	height: 20px;
	margin: 30px 0;
	background-repeat: repeat-x;
	background-image: url( ../images/shortcodes/seperator.png );
}



/*-------------------------------------------------------------------------------------------------------------------

04 ALERT BOXES

------------------------------------------------------------------------------------------------------------------- */

.warning {
	color: #704949;
	border: 1px solid #704949;
	background-color: #E3BCBC;
	background-image: url( ../images/stop.png );
}

.error {
	color: #828154;
	border: 1px solid #828154;
	background-color: #E3E3BE;
	background-image: url( ../images/error.png );
}

.accept {
	color: #497049;
	border: 1px solid #497049;
	background-color: #BDE3BF;
	background-image: url( ../images/tick.png );
}

.info {
	color: #496172;
	border: 1px solid #496172;
	background-color: #BCD1E4;
	background-image: url( ../images/information.png );
}

.alert_box {
	padding: 0 20px 0 45px;
	margin-bottom: 20px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-repeat: no-repeat;
	background-position: 15px 14px;
}