/* #################################
=======================================
=== CONTENT PAGE SETTINGS
=======================================
################################# */

/* ===================
=== ACCOUNT HEADINGS
=================== */

h1.account_breadcrumbs {
	text-align:left;
	font-size:18px;
	margin:0px 0px 20px 0px;
	/*
	background-color:#fff3c4;
	border-top:solid 1px #c69e00;
	*/
	border-bottom:solid 1px #c69e00;
	color:#c69e00;
	padding:15px 10px 15px 55px;
	background-image: url(/images/icons/home-32x32.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}
h1.account_breadcrumbs a {
	color:#c69e00;
}
h1.account_breadcrumbs a:hover {
	color:#A88600;
}
/* ===================
=== WHEN VIEWING A CUSTOM PAGE, THE CUSTOM CONTENT OF THAT PAGE APPLIES BELOW (JS MAINLY USES THIS)
=================== */
div.custom_page_content {
	
}

/* ===================
=== SLIDERS
=================== */

div.content_pixel_slider { 
	cursor:pointer;
	width:750px;
	margin:10px 0px 30px 0px;
	background-color:#AAAAAA;
	height:5px;
	position: relative;
}
div.content_pixel_slider div.slider_handle { 
	text-align:center;
	line-height:34px;
	font-size:11px;
	color:white;
	width:63px;
	height:31px;
	background-image: url(/images/sliders/slider.png);
	background-repeat: no-repeat;
	background-position: top left;
	cursor:pointer;
	position: absolute;
	top:-2px;
}

/* ===================
=== GENERAL PURPOSE
=================== */

.border {
	border-style:solid;
	border-width:1px;
	border-color:#BBBBBB;
}

.background {
	background-color:#DDDDDD;
}

.corners {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.corners_top {
	-moz-border-radius-topright:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-radius-top-left:5px;
	-webkit-border-radius-top-right:5px;
}
.corners_bottom {
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-radius-bottom-left:5px;
	-webkit-border-radius-bottom-right:5px;
}

/* ===================
=== TABLES (JS SETS EVER ODD ROW BG COLOUR TO)
=================== */

table.table {
	background-color:#FFFFFF;
	border:1px solid #BBBBBB;
}
table.table th {
	background-color:#DDDDDD;
	font-weight:bold;
	border-bottom:solid 1px #BBBBBB;
}

/* ===================
=== TAB HEADING
=================== */
h2.tab_heading {
	border-color:#BBBBBB;
	border-width:1px;
	border-style:solid solid none solid;
	background-color:#DDDDDD;
	margin:0px;
	padding:5px 10px 5px 10px;
	color:#444444;
	-moz-border-radius-topright:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-radius-top-left:5px;
	-webkit-border-radius-top-right:5px;
}

/* ===================
=== FORM GROUPS
=================== */

table.form_group {
	margin-bottom:20px;
	border-color:#BBBBBB;
	border-width:1px;
	border-style:solid solid none solid;
}
td.form_group_input {
	border-bottom:solid 1px #BBBBBB;
}
td.form_group_input label {
	margin:0px 0px 5px 0px;
	padding:0px;
}
td.form_group_help {
	background-color:#DDDDDD;
	font-size:11px;
	border-bottom:solid 1px #BBBBBB;
}

/* ===================
=== MESSAGES - USED ONLY WHEN PROCESSING A FORM
=================== */

div.error_message {
	border: 2px red solid;
	background-color:#FFD2D2;
	color:red;
	padding:10px;
	clear:both;
	text-align:center;
	line-height:1.5;
	font-size:14px;
}
div.confirm_message {
	border: 2px green solid;
	background-color:#00FF99;
	color:#006600;
	padding:10px;
	clear:both;
	text-align:center;
	line-height:1.5;
	font-size:14px;
}
div.help_message {
	background-image:url(/images/icons/help-48.png);
	background-position:10px 10px;
	background-repeat:no-repeat;
	padding:10px 10px 10px 68px;
	margin-bottom:10px;
	background-color:#FFF3C4;
	border:solid 2px #C69E00;
	color:#977900;
	line-height:1.5;
	min-height:48px;
}


/* ===================
=== THE MASCOT THAT HELPS YOU AROUND YOUR ACCOUNT
=================== */

div.mascot_large {
	background-image:url(/images/icons/mascot-128.png);
	background-position:10px 10px;
	background-repeat:no-repeat;
	padding:10px 10px 10px 145px;
	margin-bottom:10px;
	background-color:#FFF3C4;
	border:solid 2px #C69E00;
	color:#977900;
	line-height:1.5;
	min-height:92px;
}
div.mascot_medium {
	background-image:url(/images/icons/mascot-64.png);
	background-position:10px 10px;
	background-repeat:no-repeat;
	padding:10px 10px 10px 80px;
	margin-bottom:10px;
	background-color:#FFF3C4;
	border:solid 2px #C69E00;
	color:#977900;
	line-height:1.5;
	min-height:48px;
}

div.mascot_small {
	background-image:url(/images/icons/mascot-32.png);
	background-position:10px 10px;
	background-repeat:no-repeat;
	padding:10px 10px 10px 55px;
	margin-bottom:10px;
	background-color:#FFF3C4;
	border:solid 2px #C69E00;
	color:#977900;
	line-height:1.5;
	min-height:30px;
}