/*
-----------------------------------------------
Client: One Small Deed
Author: Mark Wassmer
Author: Copious Ltd - www.copious.co.uk
Copyright: 2008, Copious Ltd
Version:  12 Mar 2008
----------------------------------------------- */

/* Import Stylesheets
----------------------------------------------- */
@import "reset.css";
@import "core.css";
@import "forms.css";



/* Bubble
----------------------------------------------- */

#bubble {
	background: url(../img/bubble-bottom.gif) no-repeat bottom left;	
	padding-bottom: 30px;
	color: #635131;
}

#bubble a:link, 
#bubble a:visited
#bubbleLite a:link,
#bubbleLite a:visited { color: #FF9600; font-weight : bold; text-decoration: underline;}
#bubble a:hover,
#bubble a:active
#bubbleLite a:hover,
#bubbleLite a:active { background-color:#FF9600; color: white; text-decoration : none; }

#bubble h1 {
	background: url(../img/bubble-top.gif) no-repeat top left;
	margin: 0;
	padding: 40px 40px .5em 40px;
	font-size: 2.2em;
	font-weight: normal;
}

#bubble h1#tightBut {
	background: url(../img/bubble-top.gif) no-repeat top left;
	margin: 0;
	padding: 40px 40px 0 40px;
	font-size: 2.2em;
	font-weight: normal;
	line-height: 1em;
}

#bubble p.philosophy {
	margin: 0;
	padding: 0 40px 1em 40px;
	font-size: 1.4em;
	font-style: italic;
}

#bubble p.inspire {
	margin: 0;
	padding: 0 40px 1em 40px;
	font-size: 1.3em;
}

#bubble p.message,
#bubbleLite p.confirm
#bubbleLite p.errors {
	margin: 0;
	padding: 0 40px 1em 40px;
	font-size: 1.4em;
}

#bubble p.action {
	text-align: right;
	margin-right: 40px;
	padding: 0;
}

#bubble p.actionToo {
	text-align: center;
	margin: 0;
	padding: 0;
}

#bubble p.action a:hover,
#bubble p.action a:active,
#bubble p.actionToo a:hover,
#bubble p.actionToo a:active { background-color:transparent; color: white; text-decoration : none; }

#statement {
	background: url(../img/bubble-spout.gif) no-repeat bottom left;
	color: #FF9600;
	margin-bottom: 20px;
	padding-right: 200px;
	height: 50px;
	text-align: right;
	font-style: italic;
}

#statement p {
	margin: 0;
	padding-top: 15px;
	font-size: 1.6em;
}

p.feedMe a:link,
p.feedMe a:visited {
background: url(../img/icons/feed-big.gif) no-repeat 100% 50%;
padding-right: 28px;
}

p.feedMe a:hover,
p.feedMe a:active {
background: url(../img/icons/feed-big-hover.gif) no-repeat 100% 50%;
padding-right: 28px;
}

#actionCall {
	background: url(../img/bubble-spout.gif) no-repeat top left;
	color: #FF9600;
	margin-bottom: 20px;
	height: 50px;
	font-style: italic;
	text-align: center;
}

#actionOut {
	background: url(../img/bubble-spout.gif) no-repeat bottom left;
	color: #FF9600;
	margin-bottom: 20px;
	padding-left: 20px;
	height: 50px;
}

#bubbleLite {
	background: url(../img/bubbleLite-bottom.gif) no-repeat bottom left;	
	margin-bottom: 40px;
	padding-bottom: 140px;
	color: #635131;
}

#bubbleLite h1 {
	background: url(../img/bubble-top.gif) no-repeat top left;
	margin: 0;
	padding: 40px 40px .5em 40px;
	font-size: 2.2em;
	font-weight: normal;
}

#bubbleLite p {
	margin: 0;
	padding: 0 40px 1em 40px;
	font-size: 1.2em;
}

#bubbleLite p.message {
	margin: 0;
	padding: 0 40px 1em 0;
	font-size: 1.4em;
}

#bubbleLite p.congrats {
	margin: 0;
	padding: 0 40px 1em 40px;
	font-size: 1.4em;
}

#bubbleLite #noJS {
	padding: 0 40px 1em 40px;
}

#bubbleLite #noJS  p.subHead {
	display: none;
}


/* Content
----------------------------------------------- */

#content {
	float: left;
	background: white url(../img/2-1-pgbkgrd.gif) repeat-x top left;
	margin: 0 auto;
	padding: 0 0 30px 0;
	text-align: left;
	line-height: 140%;
	width: 850px;
}

.col1 {
	float: left;
	margin: 0;
	padding: 20px;
	width: 488px;
	}
	
	
.col2 {
	float: right;
	margin: 0;
	padding: 20px;
	width: 258px;
	}
	
	
#content h2 {
	margin: 0 0 .5em;
	padding: 0;
	color: #278BBE;
	font-size: 1.8em;
	font-weight: normal;
}

#content h3 {
	margin: 0 0 .25em;
	padding: 0;
	color: #278BBE;
	font-size: 1.8em;
	font-weight: normal;
}


#content h4,
#content h5 {
	margin: 0 0 .5em;
	padding: 0;
	color: #278BBE;
	font-size: 1.8em;
	font-weight: normal;
}

#content h3#subSize,
#content h4#subSize,
#content h5#subSize {
	margin: 0 0 0 0;
	padding: 0;
	color: #278BBE;
	font-size: 1.2em;
	font-weight: bold;
}

#content h4#subAbout {
	margin: 0 0 1em 0;
	padding: 0;
	color: #278BBE;
	font-size: 1.4em;
	font-weight: normal;
}

#content h5#subAbout {
	margin: 0 0 .5em 0;
	padding: 0;
	color: #278BBE;
	font-size: 1.5em;
	font-weight: normal
}
	
#content p.subHead {
	margin: 0 0 .25em;
	padding: 0;
	color: #278BBE;
	font-size: 1.6em;
	font-weight: normal;
}
	
#content p {
	margin: 0 0 1.25em;
}


#content strong {
	color: #278BBE;
	font-size: 1.1em;
}
	
ul#deedIdeas {
	margin-bottom: 20px;
	padding: 0;
	list-style-type: none;
}

ul#deedIdeas li {
	background: url(../img/icons/ideas-bullet.gif) no-repeat 0 .7em;
	padding: 4px 0 4px 16px;
}

ul#deedIdeas li.title {
	background: none;
	color: #FF9600;
	padding: 0;
	font-size: 1.2em;
	font-weight: bold;
}

ul#differentWhy {
	margin-bottom: 20px;
	padding: 0;
	list-style-type: none;
}

ul#differentWhy li {
	border-top: 1px solid #84C2E1;
	color: #7C8081;
	padding: 6px 0 6px 0;
}

ul#differentWhy li.title {
	background: none;
	color: #FF9600;
	padding: 0;
	font-size: 1.1em;
	font-weight: bold;
}

#osdFuture {
	background-color: #EBF3F5;
	border: 1px solid #C3E6EE;
	padding: 10px;
}

#osdFuture ul#deedFuture {
	margin-bottom: 20px;
	padding: 0;
	list-style-type: none;
}

#osdFuture ul#deedFuture li {
	background: url(../img/icons/future-bullet.gif) no-repeat 0 .6em;
	padding: 4px 0 4px 16px;
}

#osdFuture em {
	color: #5F6263;
	font-size: 1.2em;
}

#osdFuture ul#deedFuture li.title {
	background: none;
	color: #FF9600;
	padding: 0;
	font-size: 1.1em;
	font-weight: bold;
}

	
p#regNow {
	background-color: #EBF3F5;
	border-top: 1px solid #C3E6EE;
	border-bottom: 1px solid #C3E6EE;
	color: #278BBE;
	margin-top: 40px;
	padding: 10px 0;
	font-size: 1.6em;
	text-align: center;
}

p.notMe {
	background-color: #EBF3F5;
	border-top: 1px solid #C3E6EE;
	border-bottom: 1px solid #C3E6EE;
	color: #278BBE;
	margin-top: 40px;
	font-size: 1em;
	text-align: center;
}

p.emailUs {
	background: #EBF3F5 url(../img/icons/big-email.gif) no-repeat 20px 50%;
	border: 1px solid #C3E6EE;
	color: #278BBE;
	margin-top: 0;
	padding: 20px 20px 20px 54px;
}

address {
	background-color: #EBF3F5;
	border: 1px solid #C3E6EE;
	margin-top: 0;
	padding: 20px;
	font-size: 1.1em;
	font-style: normal;
}

ul#myAccountBullets {
	list-style-type: none;
	margin: 0 0 40px 0;
}

ul#myAccountBullets li {
	background: url(../img/icons/simple-blue-arrow.gif) no-repeat 0 .5em;
	padding-left: 12px;
	line-height: 1.6em;
}

ul#myAccountBullets li.title {
	background: none;
	padding-left: 0;
	font-weight: bold;
}


/* Deeds
----------------------------------------------- */

div.theDeed {
	clear: both;
	background-color: #FFFCF1;
	margin: 20px 40px 0 40px;
	padding: 10px;
}

blockquote p {
	margin: 0;
	padding-bottom: 4px;
	font-size: 1.1em;
}

p.deeder {
	background: url(../img/icons/theDeeder.gif) no-repeat 100% .4em;
	border-top: 1px dashed #FFE2BB;
	margin-top: 3px;
	padding: 3px 16px 10px 0;
	font-size: 1em;
	font-style: italic;
	text-align: right;
}

p.deeder a:link, p.deeder a:visited { color: #FF9600; font-weight : normal; text-decoration: none; font-weight: bold;}
p.deeder a:hover, p.deeder a:active { color: #618B24; text-decoration : underline; }


.newDeed {
		border: solid 1px #ff9600;
	}
	
div#loading {
		text-align: center;
	}

	
ul#pagination  {
	margin-top: 20px;
	padding: 0;
	color:#FF9600;
	line-height: 3em;
	text-align: center;
	list-style-type: none;
}

ul#pagination li {
	display: inline;
	font-size: 1.2em;
}

ul#pagination a {
	color:#FF9600;
	padding: 4px 4px;
	font-weight:bold;
	text-decoration: none;
}

ul#pagination a:hover {
	background-color: #FF9600;
	color: white;
	text-decoration: underline; }

ul#pagination li.current {
	background-color: #FEF8DA;
	border: 1px solid #D6C5A9;
	color: #635131;
	padding: 4px 4px;
	text-decoration: none;
}

ul#pagination li#previous a {
	border-right: 1px solid #FFC26F;
	color: #FF9600; 
	padding: 4px 10px 4px 30px;
}

ul#pagination li#next a {
	border-left: 1px solid #FFC26F;
	color: #FF9600;
	padding:4px 30px 4px 10px;
}

ul#pagination li#previous a {
	background: transparent url(../img/buttons/page-back.gif) no-repeat 0 50%;
}

ul#pagination li#next a {
	background: transparent url(../img/buttons/page-next.gif) no-repeat 100% 50%;
}


ul#pagination li#previous a:hover {
	background: transparent url(../img/buttons/page-back-hover.gif) no-repeat 0 50%;
}

ul#pagination li#next a:hover {
	background: transparent url(../img/buttons/page-next-hover.gif) no-repeat 100% 50%;
}


/* Images
----------------------------------------------- */

img.latestDeedsButton {
	margin:20px 0 0 0;
	padding: 0;
}

img.addYourDeedButton {
	margin-top: 20px;
	padding: 0;
}

img.viewDeedsButton {
	margin-top: 20px;
	padding: 0;
}

img.aboutButtonAdd {
	display: block;
	margin: 10px auto;
}

img.aboutButtonLogin {
	display: block;
	margin: 20px auto;
}

img.myDeedsButton {
	display: block;
	margin: 10px 0;
}

img.logoutButton {
	margin-top: 15px;
	padding: 0;
}

/* Terms Conditions
----------------------------------------------- */

#terms {
	background: url(../img/bubble-bleed.gif) no-repeat top left;	
	padding: 30px 40px 40px 40px;
}

#terms h1 {
	color: #635131;
	margin: 0;
	font-size: 2em;
	font-weight: normal;
}

#terms p {
	color: #635131;
	margin: 0;
	padding-bottom: 1em;
	font-size: 1em;
}

#contentTerms h2 {
	margin:0;
	padding: 0;
	color: #278BBE;
	font-size: 1.4em;
	font-weight: normal;
}

#contentTerms p {
	color: #5F6263;
	margin: 0;
	padding: 0 0 .8em 0;
	font-size: 1em;
}

ul.termBullets {
	margin:0 0 .8em 0;
	padding: 0;
	list-style-type: none;
}

ul.termBullets li {
	background: url(../img/icons/terms-arrow.gif) no-repeat 0 .5em;
	margin-left: 20px;
	padding-left: 12px;
}

ul.termBullets li.title {
	background: none;
	margin:0;
	padding-left: 0;
}


/* Administration
----------------------------------------------- */

#admininstrationHome {
	float: left;
	background: url(../img/bubble-bleed.gif) no-repeat top left;	
	padding: 30px 40px 40px 40px;
}

#admininstrationHome h1 {
	color: #635131;
}

#admininstrationHome p.dontForget {
	color: #635131;
	margin: 0;
	padding: 0 0 1em 0;
	font-size: 1.4em;
	font-style: italic;
}

#admininstrationHome #decisionTime {
	float: left;
	background: url(../img/signUp-pgbkgrd.gif) no-repeat top left;
	line-height: 140%;
	width: 770px;
}

#adminColleft { 
	float: left;
	margin: 0;
	padding: 20px;
	width: 258px;
	}
	
#adminColRight {
	float: right;
	margin: 0;
	padding: 20px;
	width: 392px;
	}
	
#adminColleft strong {
	color: #278BBE;
	font-size: 1.3em;
}
	
ul#enabledUsers {
	background-color: #EFF7E7;
	border: 1px solid #B0D889;
	color: #618B24;
	padding: 5px;
	list-style-type: none;
}

h2#enabledTitle {
	background:  url(../img/icons/admin/enabled-lrg-on.gif) no-repeat 0 0;
	color: #618B24;
	padding: 2px 0 2px 24px;
	font-size: 1.8em;
}

h3#disabledTitle {
	background:  url(../img/icons/admin/disabled-lrg-on.gif) no-repeat 0 0;
	color: #E16060;
	margin-top: 40px;
	padding: 2px 0 2px 24px;
	font-size: 1.4em;
}

#adminColleft h4 {
	margin: 0 0 .5em;
	padding: 0;
	color: #278BBE;
	font-size: 1.6em;
	font-weight: normal;
}


#adminColleft h5 {
	margin: 20px 0 .5em;
	padding: 0;
	color: #278BBE;
	font-size: 1.6em;
	font-weight: normal;
}

ul#disabledUsers,
ul#disabledDeeds {
	background-color: #FAEAEE;
	border: 1px solid #EAA1A1;
	color: #E16060;
	padding: 5px;
	list-style-type: none;
}



ul#enabledUsers li,
ul#disabledUsers li,
ul#disabledDeeds li {
	display: inline;
	font-size: 1.1em;;
}
	
ul.adminPagination  {
	margin: 0 0 30px 0;
	padding: 5px;
	color:#FF9600;
	line-height: 2em;
	text-align: left;
}



ul.adminPagination li {
	display: inline;
	font-size: 1.1em;
}

ul.adminPagination li.current {
	color: #635131;
	text-decoration: none;
	font-weight: bold;
}

#adminColleft p.changePass a {
	display: block;
	border: 1px solid #C3E6EE;
	background: #EBF4F6 url(../img/icons/key.gif) no-repeat 10px .4em;
	margin-bottom: 5px;
	padding: 5px 5px 5px 32px;
	font-size: 1.2em;
}

#adminColleft p.utilities {
	background: #EBF4F6 url(../img/icons/future-bullet.gif) no-repeat 10px .6em;
	border: 1px solid #C3E6EE;
	margin-bottom: 5px;
	padding: 5px 5px 5px 30px;
	font-size: 1.2em;
}

#bubble p.deedStatusToggle a.enabledActive,
#bubble p.deedStatusToggle a.disabledActive,
#bubble p.deedStatusToggle a.enabledInactive,
#bubble p.deedStatusToggle a.disabledInactive {
	color: #FF9600;
	margin-right: 10px;
	padding-left: 20px;
	line-height: 1.8em;
}

#bubble p.deedStatusToggle a.enabledActive { background:  url(../img/icons/admin/enabled-sml-on.gif) no-repeat 0 2px;}

#bubble p.deedStatusToggle a.disabledActive { background:  url(../img/icons/admin/disabled-sml-on.gif) no-repeat 0 2px;}

#bubble p.deedStatusToggle a.enabledInactive { background: url(../img/icons/admin/enabled-sml-off.gif) no-repeat 0 2px;}

#bubble p.deedStatusToggle a.disabledInactive { background: url(../img/icons/admin/disabled-sml-off.gif) no-repeat 0 2px;}


#userIdentity {
	background-color: #EBF3F5;
	border: 2px solid #C3E6EE;
	margin: 0 40px;
	padding: 20px;
	font-size: 1.2em;
}

#bubble p.userStatusToggle a.enabledActive,
#bubble p.userStatusToggle a.disabledActive,
#bubble p.userStatusToggle a.enabledInactive,
#bubble p.userStatusToggle a.disabledInactive {
	color: #FF9600;
	margin-right: 10px;
	padding-left: 24px;
	line-height: 1.8em;
}

#bubble p.userStatusToggle a.enabledActive { background:  url(../img/icons/admin/enabled-lrg-on.gif) no-repeat 0 2px;}

#bubble p.userStatusToggle a.disabledActive { background:  url(../img/icons/admin/disabled-lrg-on.gif) no-repeat 0 2px;}

#bubble p.userStatusToggle a.enabledInactive { background: url(../img/icons/admin/enabled-lrg-off.gif) no-repeat 0 2px;}

#bubble p.userStatusToggle a.disabledInactive { background: url(../img/icons/admin/disabled-lrg-off.gif) no-repeat 0 2px;}

#userIdentity p.userStatusToggle {
	font-weight: bold;
}

/* Misc Elements
----------------------------------------------- */
.skiplink {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;  /* for the benefit of IE5 Mac */
	}
	

hr {
	height: 1px;
	background-color: #C3E6EE;
	color: #C3E6EE;
	border: none;
	padding: 0;
	margin: 14px 0 10px 0;
	}