/*

Title:		Choices For Life
Date:		06.09.15
Version:	1.0
Author:		Michael John

Change Log:

 */


/* ********** ********** ********** ********** ********** 0. Contents */


/*
0. Contents
1. Global Styles
2. Container Styles
3. Page Styles
4. Main Styles
5. Header Styles
6. Content Styles
7. Footer Styles
*/


/* ********** ********** ********** ********** ********** 1. Global Styles */


body {
	margin: 0;
	padding: 0;
	font-family: Microsoft Sans Serif, Tahoma, Arial;
	font-size: 12px;
	}
	
img {
	margin: 0;
	padding: 0;
	border: 0;
	}

a {
	color: #000;
	text-decoration: underline;
	}
	
a:hover {
	color: #ccc;
	text-decoration: none;
	}

p {
	margin: 0 0 20px 0;
	padding: 0;
	}

h2 {
	margin: 0 0 10px 0;
	padding: 0;
	color: #333;
	}

h3 {
	margin: 0 0 10px 0;
	padding: 0;
	color: #000;
	}

hr {
	margin: 10px 0 10px 0;
	border: 0;
	xwidth: 80%;
	color: #666;
	height: 2px;
	border: 0;
	background-color: #000;
	}
	
textarea, input {
	font-family: Microsoft Sans Serif, Tahoma, Arial;
	font-size: 12px;
	}
	

/* ********** ********** ********** ********** ********** 2. Container Styles */


#wrapper {
	margin: 0;
	padding: 0;
	background-color: #fff;
	}
	

/* ********** ********** ********** ********** ********** 3. Header Styles */


#header {
	margin: 0;
	padding: 0;
	height: 150px;
	background-color: #fff;
	}
	
#head-logo {
	position: absolute
	margin: 0;
	padding: 0;
	height: 73px;
	background-color: #fff;
	border-bottom: solid 1px #c80000;
	background-image: url(http://www.choicechoice.com.au/c4l/img/head-logo2.gif);
	background-repeat: no-repeat;
	}
	
img.logo {
	margin: 0;
	padding: 0;
	float: left;
	}
	
#head-title {
	margin: 0;
	padding: 0;
	height: 77px;
	background-color: #fff;
	background-image: url(http://www.choicechoice.com.au/c4l/img/head-title-bg2.gif);
	background-repeat: no-repeat;
	}
	
span.login-message {
	margin: 55px 0 0 310px;
	padding: 0;
	float: left;
	text-align: right:
	}
	
img.head-title {
	margin: 37px 0 0 0;
	padding: 0;
	float: left;
	}
	
div.nav-global {
	margin: 54px 0 0 40px;
	padding: 0;
	float: left;
	}
	
span.highlight-green { color: #4fab4b; font-wieght: bold; }

/* ********** ********** ********** ********** ********** 4. Sidebar Styles */


#sidebar-left-wrap {
	margin: 0;
	padding: 0;
	float: left;
	xwidth: 91px;
	background-color: #f0f0f0;
	background-image: url(http://www.choicechoice.com.au/c4l/img/sidebar-left-common-bg4.gif);
	background-repeat: no-repeat;
	background-position: right;
	height: 400px;
	}
	
#sidebar-left-wrap-300 {
	margin: 0;
	padding: 0;
	float: left;
	width: 300px;
	background-color: #f0f0f0;
	background-image: url(http://www.choicechoice.com.au/c4l/img/sidebar-left-bg-shadow.gif);
	background-repeat: no-repeat;
	background-position: top right;
	min-height:200px;
	}
	
div.sidebar {
	margin: 0;
	padding: 40px 40px 40px 40px;
	font-family: Microsoft Sans Serif, Tahoma, Arial;
	font-size: 12px;
	}


/* ********** ********** ********** ********** ********** 5. Content Styles */


#main-wrap {
	margin: 0 0 0 91px;
	padding: 0;
	background-color: #bcecbd;
	height: 100%;
	}
	
#main-common {
	margin: 0;
	padding: 40px;
	width: 685px;
	background-color: #4fab4b;
	border-left: solid 1px #fff;
	border-right: solid 1px #fff;
	}
	


	
/* ********** ********** ********** ********** ********** 7. Color Content Styles */


#main-wrap-blue {
	margin: 0 0 0 300px;
	padding: 0;
	background-color: #7fbed5;
	min-height: 600px;
	
	}

	
#main-blue {
	margin: 0;
	padding: 40px;
	width: 460px;
	background-color: #007dab;
	border-left: solid 1px #fff;
	border-right: solid 1px #fff;
	color: #fff;	
	}
	
#main-wrap-green {
	margin: 0 0 0 300px;
	padding: 0;
	background-color: #bcecbd;
	min-height: 200px;
	}
	
#main-green {
	margin: 0;
	padding: 40px;
	width: 460px;
	background-color: #4fab4b;
	border-left: solid 1px #fff;
	border-right: solid 1px #fff;
	color: #fff;
	}
	
#main-wrap-red {
	margin: 0 0 0 300px;
	padding: 0;
	background-color: #f7d9cf;
	min-height:200px;
	}
	
#main-red {
	margin: 0;
	padding: 40px 40px 40px 40px;
	width: 460px;
	background-color: #db4111;
	border-left: solid 1px #fff;
	border-right: solid 1px #fff;
	color: #fff;
	}
		
#main-wrap-orange {
	margin: 0 0 0 300px;
	padding: 0;
	background-color: #e2c87f;
	min-height:200px;
	}
	
#main-orange {
	margin: 0;
	padding: 40px;
	width: 460px;
	background-color: #c69200;
	border-left: solid 1px #fff;
	border-right: solid 1px #fff;
	color: #fff;
	}
	
#main-wrap-grey {
	margin: 0 0 0 300px;
	padding: 0;
	background-color: #f2f2f2;
	height: 100%;
	}
	
#main-grey {
	margin: 0;
	padding: 40px 40px 40px 40px;
	width: 460px;
	background-color: #c4c4c4;
	border-left: solid 1px #fff;
	border-right: solid 1px #fff;
	color: #000;
	}

	
/* ********** ********** ********** ********** ********** 0. Home Page Styles */


div.<h3> {
	margin: 0;
	padding: 0 0 20px 20px;
	float: right;
	}

select {
	xmargin: 0 0 5px 0;
	padding: 0;
	}
	
.<h3> option {
	margin: 0;
	padding: 0 0 0 0;
	width: 150px;
	}
	
.profile-table td {
	margin: 0;
	padding: 10px 10px 0 0;
	text-align: right;
	}
	
#listing-matrix {
	margin: 0;
	padding: 0;
	width: 480px;
	}
	
/* ********** ********** ********** ********** ********** 0. Login List Page Styles */


.login_table td {
	margin: 0;
	padding: 10px 10px 0 0;
	text-align: right;
	}
	
	
div.status_msg {
	margin: 0;
	padding: 0 0 20px 20px;
	background-image: url(http://www.choicechoice.com.au/c4l/img/icon-status-blue.gif);
	background-repeat: no-repeat;
	}
	
div.error_msg {
	margin: 0;
	padding: 0 0 20px 20px;
	background-image: url(http://www.choicechoice.com.au/c4l/img/icon-error-blue.gif);
	background-repeat: no-repeat;
	}
	
select.location {
	width: 200px;
	}
	
select.birth {
	width: 200px;
	}
	
select.sex {
	width: 200px;
	}
	
select.issues {
	width: 200px;
	}
	
/* ********** ********** ********** ********** ********** 0. Profile List Page Styles */


img.icon-character {
	margin: 0;
	padding: 0 10px 10px 0;
	float: left;
	}
	
span.profile-name {
	font-size: 14px;
	font-weight: bold;
	}
	
img.character {
	margin: 0;
	padding: 0;
	}

div.profile-character {
	margin: 0 20px 20px 20px;
	padding: 0;
	float: right;
	}
	
div.profile-search-tools {
	margin: 0 100px 0 0;
	float: right;
	}
	
td.profile-issues {
	width: 75px;
	}
	
select.select-standard {
	margin: 0 0 5px 0;
	padding: 0;
	width: 150px;
	}
	
input.input-standard {
	margin: 0 0 5px 0;
	padding: 0;
	width: 150px;
	}

textarea.textarea-standard {
	margin: 0 0 20px 0;
	padding: 0;
	width: 460px;	
	}
	
/* ********** ********** ********** ********** ********** 0. Profile Page Styles */


div.sidebar-profile {
	margin: 0;
	padding: 0 0 30px 22px;
	font-family: Microsoft Sans Serif, Tahoma, Arial;
	font-size: 12px;
	color: #000;
	}
	
div.character-issues {
	margin: 0;
	padding: 0;
	width:
	}

div.demographics {
	margin: 0;
	padding: 0 0 20px 20px;
	float: right;
	}
	
div.character-radio {
	margin: 0 0 20px 0;
	padding: 0;
	}

div.profile-select {
	margin: 0 20px 20px 0;
	float: left;
	
	}

ul#profile-select-left
{
  padding: 0;
  float: left;
  margin-top: 0;
  margin-left: 20px;
  list-style-type: none;
}

ul#profile-select-right
{
  padding: 0;
  margin-top: 0;
  margin-left: 220px;
  list-style-type: none;
}

ul#profile-select-left a, ul#profile-select-right a
{
  color: white;
  text-decoration: none;
}

ul#profile-select-left a:hover, ul#profile-select-right a:hover
{
  text-decoration: underline;
}

table.issue-table {
	margin: 0 0 20px 0
	}
	
table.issue-table td{
	xwidth: 400px;
	xborder: solid 1px #000;
	}

/* ********** ********** ********** ********** ********** 0. Scout Dashboard Page Table Styles */


p.message-from-moderator {
	margin: 0 0 20px 0;
	padding: 10px;
	background-color: #fff;
	color: #000;
	}


/* ********** ********** ********** ********** ********** 0. Moderator Pages Styles */


div.mod-dash-local {
	margin: -5px 0 0 0;
	padding: 0;
	float: right;
	}
	
table.mod-account-view {
	margin: 0;
	padding: 0;
	width: 450px;
	}
	
table.mod-account-view td {
	padding: 0 0 5px 0;
	}
	
table.mod-account-view td.email {
	width: 200px;
	word-break: break-all;
	}
	
table.mod-account-view td a:hover { color: #fff; }

/* table.mod-account-view tr.evenrow { background-color: #999; border-color: #999;} */

table.mod-dash tr{
	margin: 0;
	padding: 0;
	xborder: solid 1px #fff;
	display: block;
	vertical-align: top;
	height: 40px;
	}

div.listings-user {
	margin: 0;
	padding: 15px 30px 10px 0;
	float: left;
	}

dl.listings-list {
	margin: 0;
	padding: 0;	padding: 15px 15px 10px 0;	}
	
dl.listings-list dt {
	margin: 0;
	padding: 0;
	font-size: 14px;
	text-decoration: underline;
	}

dl.listings-list dd {
	margin: 5px 0 10px 10px;
	padding: 0;
	}
	
.listings-list a { text-decoration: none; }
.listings-list a:hover { text-decoration: underline; color: #fff; }

div.moderator-character {
	margin: 0 20px 20px 20px;
	padding: 0;
	float: right;
	}
	
table.mod-tool {
	margin: 0 0 20px 0;
	}
	
table.mod-tool td{
	width: 220px;
	}

img.issue-icon {
	margin: 0;
	padding: 0 10px 10px 0;
	}
	

/* ********** ********** ********** ********** ********** 0. Listings Page Table Styles */


#main-green table {
	margin: 0 0 0 0;
	padding: 0;
	}
	
#main-green th {
	margin: 0;
	padding: 10px;
	font-family: Microsoft Sans Serif, Tahoma, Arial;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	color: #4fab4b;
	background-color: #dfdfdf;
	text-align: left;
	}

#main-green td {
	margin: 0;
	padding: 10px;
	font-family: Microsoft Sans Serif, Tahoma, Arial;
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	color: #4fab4b;
	background-color: #FFFFFF;
	vertical-align: top;
	}

input.list-caption {
	width: 300px;
	}
	
input.list-address {
	width: 300px;
	}
	
textarea.list-description {
	width: 300px;
	}
	

/* ********** ********** ********** ********** ********** 6. Footer Styles */


#footer {
	margin: 0;
	padding: 10px 0 50px 340px;
	background-color: #fff;
	font-family: Microsoft Sans Serif, Tahoma, Arial;
	font-size: 12px;
	}
	

span.copyright {
	margin: 0;
	padding: 0;
	float: left;
	}
	
span.nav-foot {
	margin: 0 0 0 180px;
	padding: 0;
	float: left;
	}