/*//////////////////////////////////////////////////////////////*/
/* Resets etc //////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////*/
* {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}

/*//////////////////////////////////////////////////////////////*/
/* Rounded Boxes ///////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////*/
.box_a {
	padding-top:5px;
	background-position:top left;
	background-repeat:no-repeat;	
}
.box_b {
	padding-bottom:5px;
	background-position:bottom left;
	background-repeat:no-repeat;		
}
.box_c {
	padding:0 5px;
	background-position:top left;
	background-repeat:repeat-y;		
}
.grid_4 .box_a {background-image:url(../images/boxes/box_4_top.png)}
.grid_4 .box_b {background-image:url(../images/boxes/box_4_bottom.png)}
.grid_4 .box_c {background-image:url(../images/boxes/box_4_centre.png)}

.grid_5 .box_a {background-image:url(../images/boxes/box_5_top.png)}
.grid_5 .box_b {background-image:url(../images/boxes/box_5_bottom.png)}
.grid_5 .box_c {background-image:url(../images/boxes/box_5_centre.png)}

.grid_6 .box_a {background-image:url(../images/boxes/box_6_top.png)}
.grid_6 .box_b {background-image:url(../images/boxes/box_6_bottom.png)}
.grid_6 .box_c {background-image:url(../images/boxes/box_6_centre.png)}

.grid_7 .box_a {background-image:url(../images/boxes/box_7_top.png)}
.grid_7 .box_b {background-image:url(../images/boxes/box_7_bottom.png)}
.grid_7 .box_c {background-image:url(../images/boxes/box_7_centre.png)}

.grid_8 .box_a {background-image:url(../images/boxes/box_8_top.png)}
.grid_8 .box_b {background-image:url(../images/boxes/box_8_bottom.png)}
.grid_8 .box_c {background-image:url(../images/boxes/box_8_centre.png)}

.grid_9 .box_a {background-image:url(../images/boxes/box_9_top.png)}
.grid_9 .box_b {background-image:url(../images/boxes/box_9_bottom.png)}
.grid_9 .box_c {background-image:url(../images/boxes/box_9_centre.png)}

.grid_10 .box_a {background-image:url(../images/boxes/box_10_top.png)}
.grid_10 .box_b {background-image:url(../images/boxes/box_10_bottom.png)}
.grid_10 .box_c {background-image:url(../images/boxes/box_10_centre.png)}

.grid_11 .box_a {background-image:url(../images/boxes/box_11_top.png)}
.grid_11 .box_b {background-image:url(../images/boxes/box_11_bottom.png)}
.grid_11 .box_c {background-image:url(../images/boxes/box_11_centre.png)}

.grid_12 .box_a {background-image:url(../images/boxes/box_12_top.png)}
.grid_12 .box_b {background-image:url(../images/boxes/box_12_bottom.png)}
.grid_12 .box_c {background-image:url(../images/boxes/box_12_centre.png)}

.grid_13 .box_a {background-image:url(../images/boxes/box_13_top.png)}
.grid_13 .box_b {background-image:url(../images/boxes/box_13_bottom.png)}
.grid_13 .box_c {background-image:url(../images/boxes/box_13_centre.png)}

.grid_14 .box_a {background-image:url(../images/boxes/box_14_top.png)}
.grid_14 .box_b {background-image:url(../images/boxes/box_14_bottom.png)}
.grid_14 .box_c {background-image:url(../images/boxes/box_14_centre.png)}

.grid_15 .box_a {background-image:url(../images/boxes/box_15_top.png)}
.grid_15 .box_b {background-image:url(../images/boxes/box_15_bottom.png)}
.grid_15 .box_c {background-image:url(../images/boxes/box_15_centre.png)}

.grid_16 .box_a {background-image:url(../images/boxes/box_16_top.png)}
.grid_16 .box_b {background-image:url(../images/boxes/box_16_bottom.png)}
.grid_16 .box_c {background-image:url(../images/boxes/box_16_centre.png)}

.grid_17 .box_a {background-image:url(../images/boxes/box_17_top.png)}
.grid_17 .box_b {background-image:url(../images/boxes/box_17_bottom.png)}
.grid_17 .box_c {background-image:url(../images/boxes/box_17_centre.png)}

.grid_18 .box_a {background-image:url(../images/boxes/box_18_top.png)}
.grid_18 .box_b {background-image:url(../images/boxes/box_18_bottom.png)}
.grid_18 .box_c {background-image:url(../images/boxes/box_18_centre.png)}

.grid_19 .box_a {background-image:url(../images/boxes/box_19_top.png)}
.grid_19 .box_b {background-image:url(../images/boxes/box_19_bottom.png)}
.grid_19 .box_c {background-image:url(../images/boxes/box_19_centre.png)}

.grid_20 .box_a {background-image:url(../images/boxes/box_20_top.png)}
.grid_20 .box_b {background-image:url(../images/boxes/box_20_bottom.png)}
.grid_20 .box_c {background-image:url(../images/boxes/box_20_centre.png)}

.grid_21 .box_a {background-image:url(../images/boxes/box_21_top.png)}
.grid_21 .box_b {background-image:url(../images/boxes/box_21_bottom.png)}
.grid_21 .box_c {background-image:url(../images/boxes/box_21_centre.png)}

.grid_22 .box_a {background-image:url(../images/boxes/box_22_top.png)}
.grid_22 .box_b {background-image:url(../images/boxes/box_22_bottom.png)}
.grid_22 .box_c {background-image:url(../images/boxes/box_22_centre.png)}

.grid_23 .box_a {background-image:url(../images/boxes/box_23_top.png)}
.grid_23 .box_b {background-image:url(../images/boxes/box_23_bottom.png)}
.grid_23 .box_c {background-image:url(../images/boxes/box_23_centre.png)}

.grid_24 .box_a {background-image:url(../images/boxes/box_24_top.png)}
.grid_24 .box_b {background-image:url(../images/boxes/box_24_bottom.png)}
.grid_24 .box_c {background-image:url(../images/boxes/box_24_centre.png)}

.box_pad {
	padding:5px 10px;	
}
/*//////////////////////////////////////////////////////////////*/
/* Generic form styles /////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////*/
.form_field {
	margin-bottom:5px;
}
.form_error {
	background:#FFECEC;
	color:#900;
	padding:5px 10px;
	margin-bottom:3px;
	text-align:left;			
}
.form_required {
	position:absolute;
	font-size:1px;
	text-indent:-99999px;
	height:25px;
	width:8px;
	background:url(../images/forms/required_icon.png) 3px 6px no-repeat;
}
.label_1, .label_2, .label_3, .label_4, .label_full {
	display:block;
	float:left;
	color:#444444;
	line-height:25px;
	font-size:12px;
}
.label_1
	{width:75px;}
.label_2
	{width:125px;}
.label_3
	{width:175px;}
.label_4
	{width:225px;}
.label_full
	{float:none; margin-bottom:3px;}
.form_input_1, .form_input_2, .form_input_3, .form_input_4, .form_input_5, .form_input_6, .form_input_3_search, .form_input_tiny, .form_value_1, .form_value_2, .form_value_3, .form_value_4, .form_value_5, .form_value_6 {
	border:0;
	height:17px;
	background-position:top left;
	background-repeat:no-repeat;
	padding:4px 5px;
	float:left;
}
.form_value_1, .form_value_2, .form_value_3, .form_value_4, .form_value_5, .form_value_6 {
	background:#F3F3F3 url(../images/forms/form_value_bg.png) top left repeat;	
	color:#666666;
}
.form_select_tiny, .form_select_1, .form_select_2, .form_select_3, .form_select_4, .form_select_5, .form_select_6 {
	height:25px;
	line-height:25px;
	float:left;
}
.form_input_tiny, .form_select_tiny
	{width:30px;}
.form_input_1, .form_select_1, .form_value_1
	{width:90px}
.form_input_2, .form_select_2, .form_value_2
	{width:165px}
.form_input_3, .form_select_3, .form_value_3
	{width:240px}
.form_input_4, .form_select_4, .form_value_4
	{width:315px}
.form_input_5, .form_select_5, .form_value_5
	{width:390px}
.form_input_6, .form_select_6, .form_value_6
	{width:465px}
.form_select_tiny
	{width:40px;}
.form_select_1
	{width:100px}
.form_select_2
	{width:175px}
.form_select_3
	{width:250px}
.form_select_4
	{width:325px}
.form_select_5
	{width:400px}
.form_select_6
	{width:475px}

.form_input_tiny
	{background-image:url(../images/forms/white/input_tiny.png);}
.form_input_1
	{background-image:url(../images/forms/white/input_1.png);}
.form_input_2
	{background-image:url(../images/forms/white/input_2.png);}
.form_input_3
	{background-image:url(../images/forms/white/input_3.png);}
.form_input_4
	{background-image:url(../images/forms/white/input_4.png);}
.form_input_5
	{background-image:url(../images/forms/white/input_5.png);}
.form_input_6
	{background-image:url(../images/forms/white/input_6.png);}
.form_inline_fields {
	height:25px;
	line-height:25px;	
}
.form_input_inactive {
	color:#999999;	
}
.textarea_1, .textarea_2, .textarea_3, .textarea_4, .textarea_5, .textarea_6, .textarea_7
	{}
.textarea_7
	{width:550px;}
.textarea_a
	{padding-top:5px;}
.textarea_b
	{padding-bottom:5px;}		
.textarea_c
	{padding:0 5px;}
.textarea_7 .textarea_a
	{background:url(../images/forms/white/textarea_7_top.png) top left no-repeat;}
.textarea_7 .textarea_b
	{background:url(../images/forms/white/textarea_7_bottom.png) bottom left no-repeat;}
.textarea_7 .textarea_c
	{background:url(../images/forms/white/textarea_7_centre.png) top left repeat-y;}
.textarea_6 .textarea_a
	{background:url(../images/forms/white/textarea_6_top.png) top left no-repeat;}
.textarea_6 .textarea_b
	{background:url(../images/forms/white/textarea_6_bottom.png) bottom left no-repeat;}
.textarea_6 .textarea_c
	{background:url(../images/forms/white/textarea_6_centre.png) top left repeat-y;}
.textarea_5 .textarea_a
	{background:url(../images/forms/white/textarea_5_top.png) top left no-repeat;}
.textarea_5 .textarea_b
	{background:url(../images/forms/white/textarea_5_bottom.png) bottom left no-repeat;}
.textarea_5 .textarea_c
	{background:url(../images/forms/white/textarea_5_centre.png) top left repeat-y;}
.textarea_7 textarea
	{width:540px;}
.textarea_6 textarea
	{width:465px;}
.textarea_5 textarea
	{width:390px;}
textarea {
	border:0;
	background:none;
	font-size:12px;	
	height:250px
}
/* Style below attempts to fix vertical text alignment issue in FF though it is still using 30px line height instead of 27px */
input::-moz-focus-inner {
	border:0;
	padding:0;
}
.btn {
	border:0;
	outline:none;
	height:30px;
	display:block;
	float:left;
	text-align:center;
	color:#FFFFFF;
	background-position:top left;
	background-repeat:no-repeat;
	line-height:27px; /* Note this doesnt work for inputs in FF see fix rule above */
}
a.btn {
	text-decoration:none;
	color:#FFFFFF;
}
a.btn:hover {
	color:#FFFFFF;
	text-decoration:underline;	
}
.btn_1 {
	width:40px; background-image:url(../images/buttons/white/btn_1.png)}
.btn_2
	{width:60px; background-image:url(../images/buttons/white/btn_2.png)}
.btn_3
	{width:80px; background-image:url(../images/buttons/white/btn_3.png)}
.btn_4
	{width:100px; background-image:url(../images/buttons/white/btn_4.png)}
.btn_5
	{width:120px; background-image:url(../images/buttons/white/btn_5.png)}
.btn_6
	{width:140px; background-image:url(../images/buttons/white/btn_6.png)}
.grey_form .btn_1
	{background-image:url(../images/buttons/grey/btn_1.png)}
.grey_form .btn_2
	{background-image:url(../images/buttons/grey/btn_2.png)}
.grey_form .btn_3
	{background-image:url(../images/buttons/grey/btn_3.png)}
.grey_form .btn_4
	{background-image:url(../images/buttons/grey/btn_4.png)}
.grey_form .btn_5
	{background-image:url(../images/buttons/grey/btn_5.png)}
.grey_form .btn_6
	{background-image:url(../images/buttons/grey/btn_6.png)}
.btn_line_fix {
	position:relative;
	top:-2px;
	left:2px;
}
/*//////////////////////////////////////////////////////////////*/
/* List styles /////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////*/
ul {
	list-style-position:inside;
}
ul.x_list {
	list-style-type:none;
}
ul.x_list li {
	display:inline;
	border-right:1px solid #999999;
	padding:0 5px;
}
ul.x_list li.first {
	padding-left:0;
}
ul.x_list li.last {
	border-right:0;
	padding-right:0;
}
ul.y_list {
	list-style-type:none;
}
ul.y_list li {
	margin-bottom:3px;
}

/*//////////////////////////////////////////////////////////////*/
/* Content Toggle //////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////*/
.toggle_control {
	padding-left:12px;
	background:url(../images/toggle_control_down.gif) left 3px no-repeat;
}
.toggle_control_up {
	background:url(../images/toggle_control_up.gif) left 3px no-repeat;	
}
/*//////////////////////////////////////////////////////////////*/
/* Feedback styles /////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////*/
.error_box, .success_box {
	padding:20px 20px 20px 80px;
	text-align:left;	
	background-position:30px center;
	background-repeat:no-repeat;
}
.error_box {
	background-image:url(../images/warning_icon.png);
	background-color:#FFECEC;
}
.error_box, .error_box a {
	color:#900;
}
.success_box {
	background-image:url(../images/success_icon.png);
	background-color:#E6FCDF;
}
.success_box_mini {
	padding:10px 10px 10px 35px;
	background:#E6FCDF url(../images/success_icon_mini.png) 10px 10px no-repeat;
	color:#060;
}
.success_box .success_box a {
	color:#060;
}

/*//////////////////////////////////////////////////////////////*/
/* Layout styles ///////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////*/
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1px;
}
.clearfix {
	display: block;
}

fieldset {padding-top:0;}

.left {
	float:left;	
}
.right {
	float:right;	
}
.text_left {
	text-align:left!important;	
}
.text_right {
	text-align:right!important;	
}
.text_center {
	text-align:center!important;
}
.cleared {
	clear:both;	
}
.gutter {
	margin-bottom:15px;	
}