/*-----------------------------------------------------------------------------------------------------------------------------------------------------------
CSS for 	REVIVAL - Main Stylesheet
Author:		Alison Lee (alisonlee@silktide.com) / Silktide Ltd
Created:	07/01/2008
Updated:	

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

/* Global Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* commented backslash hack \*/ html, body { height: 100%; } /* end hack */

body					{ font: 80% arial, verdana, helvetica, sans-serif; text-align: center; padding: 0; margin: 0;}

h1						{ font: bold 2.5em arial, verdana, helvetica, sans-serif; color: #fff; margin: 0; }
h2						{ font: bold 1.6em arial, verdana, helvetica, sans-serif; color: #fff; margin: 20px 0; }
h3						{ font: bold 1.4em arial, verdana, helvetica, sans-serif; color: #fff; margin: 0 0 10px; }

p, li					{ font-size: 1.0em; line-height: 1.5em; color: #fff; margin: 10px 0; }
.smalltext				{ font-size: 0.8em; }
.largetext				{ font-size: 1.8em; }
.lime					{ color: #9cbe10; }
.pink					{ color: #e7007b; }

a, a:visited			{ font-weight: bold; color: #9cbe10; text-decoration: none; }
a:hover, a:active		{ text-decoration: underline; }

hr						{ height: 1px; background-color: #e8e8e8; color: #e8e8e8; border: 0; margin: 15px 0; }
img						{ border: 0; }
form, table				{ background: transparent; font-size: 1.0em;  }

.tablestyle				{ border-collapse: collapse; border:none; }
.tablestyle td, 
.tablestyle th			{ vertical-align: top; padding: 5px 5px 5px 0; }
.tableborder td, 
.tableborder th			{ vertical-align: top; padding: 5px; border: 1px solid #e8e8e8; }

.clear					{ height: 0; clear: both; font-size: 0.1em; line-height: 0.1em; padding: 0; margin: 0; }
.right					{ float: right; }
.left					{ float: left; }

.widthwrapper			{ width: 100%; }
.padding				{ padding: 20px; }

#accessibility			{ display: none; }


/* Layout Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#container 	  			{ width: 760px; min-height: 100%; height: auto; background-color: #E2007A; text-align: left; margin: 0 auto -70px; } /* margin-bottom to match #clearfooter */
* html #container 		{ height: 100%; }

#header					{ height: 100px; position: relative; background-color: #fff; }

#subcontent				{ width: 275px; float: right; }

#content				{ padding: 0 15px 10px 25px; margin-right: 280px; }
.fullwidth #content		{ padding: 0 20px 10px 20px; margin-right: 0; }


/* Header Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#header .logo			{ position: absolute; bottom: 0; left: 0; }
#header p			{ color:#000; font-weight:bold; font-size:1.7em; text-align:right; line-height:1.2em; text-transform: uppercase; margin:0; }
#header img			{ display:block; }

/*
#header .smalltext		{ color: #000; margin: 35px 0 0; }
#header .largetext		{ font-weight: bold; color: #9cbe10; margin: 0; }
*/

/* Navigation Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#nav ul					{ padding: 0; margin: 15px 5px; }
#nav ul li				{ display: inline; font-weight: bold; font-size: 1.2em; text-transform: uppercase; }
#nav ul li a,
#nav ul li a:visited	{ color: #fff; text-decoration: none; padding: 0 15px; }


/* Subcontent Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.subbox					{ padding: 10px 10px 5px; margin-bottom: 10px; }
.subbox img				{ float: left; margin: 0 5px 0 0; }
.subbox p				{ line-height: 1.3em; }
.subbox a:hover			{ text-decoration: none; }
.subbox form			{ color: #fff; }

#subcontent .white		{ background-color: #fff; }
#subcontent .white .largetext	{ font-size: 1.4em; text-align: center; text-transform: uppercase; color: #000; margin: 0; }
#subcontent .white .largetext a	{ color: #000; }
#subcontent .white .largetext a:hover { text-decoration: none; }

#subcontent .blue				{ background-color: #009DE0; }
#subcontent .blue h3,	
#subcontent .blue h3 a,
#subcontent .blue h3 a:visited	{ font-weight: bold; color: #fff; }
#subcontent .blue p,
#subcontent .blue p a,
#subcontent .blue p a:visited	{ font-weight: normal; color: #fff; }
#subcontent .blue a:hover,
#subcontent .blue a:active		{ text-decoration: none; }

#subcontent .green				{ background-color: #96BC0D; }
#subcontent .green h3,	
#subcontent .green h3 a,
#subcontent .green h3 a:visited	{ font-weight: bold; color: #fff; }
#subcontent .green p,
#subcontent .green p a,
#subcontent .green p a:visited	{ font-weight: normal; color: #000; }
#subcontent .green a:hover,
#subcontent .green a:active		{ text-decoration: none; }


#subcontent .yellow				{ background-color: #FFEC00; }
#subcontent .yellow h3,
#subcontent .yellow h3 a,
#subcontent .yellow h3 a:visited { color: #e7007b; }
#subcontent .yellow p,
#subcontent .yellow p a,
#subcontent .yellow p a:visited	{ font-weight: normal; color: #000; }
#subcontent .yellow a:hover,
#subcontent .yellow a:active	{ text-decoration: none; }

#subcontent #search			{ margin:5px 10px; }
#subcontent #search select		{  }
#subcontent #search input		{ vertical-align: middle; }
#subcontent #search .button		{ text-transform: uppercase; font-size:1.3em; font-weight:bold; color:#E2007A; width: 19px; height: 19px; background: transparent url("templatefiles/button-bg-on-blue.jpg") no-repeat top center; border: 0; margin-left: 5px; }


/* Banner Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#banner					{ width: 440px; height: 220px; position: relative; }
#bannertext				{ position: absolute; top: 20px; left: 20px; }
#bannertext p			{ color: #fff; }


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

#content ul				{ margin: 15px; }
#content ul	li			{ margin: 0; }

#content em				{ margin-right: 5px; }

#content .nav li		{ font-size: 1.2em; margin: 10px 0; }
#content .nav li a		{ color: #fff; }


#content h2 a,
#content h2 a:visited	{ background: transparent url("templatefiles/bullet.gif") no-repeat 0 0; color: #fff; padding-left: 32px; }
#content h2 a:hover,
#content h2 a:active	{ text-decoration: none; }


.sideimg				{ margin-bottom: 80px; }
.sideimg img			{ float: left; margin: 0 20px 0 0; }


#news th				{ text-align: left; }
#news th, #news td		{ font-size: 1.2em; color: #fff; }
#news a, #news a:visited	{ font-weight: normal; color: #fff; }


body.analyser fieldset 	{ border: 2px solid #fff; color: #fff; font-size: 1.2em; padding: 10px; margin-bottom: 30px; }
body.analyser legend 	{ font-weight: bold; font-size: 1.4em; color: #fff; }
body.analyser table 	{ width: 100%; }
body.analyser th 		{ text-align: left; }
body.analyser td 		{ text-align: right; } 
body.analyser label 	{ padding: 0; margin: 0; }
body.analyser input 	{ width: 6em; padding: 0; margin: 0; }
body.analyser input.long 	{ width: 12em; padding: 0; margin: 0; }


#totalUniqueElement, 
#payinUniqueElement, 
#debtstotalUniqueElement, 
#creditorsUniqueElement			{ background-color: #e258a2; color: #fff; border: 2px solid #e258a2; }

fieldset#call input, 
fieldset#call select 	{ width: 220px; }

#fullwidth #content		{ margin-right:10px; }

#search			{ color:#fff; }


/* Contact Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#contact #content		{margin-right:10px;}
#contact .column		{ float:left; width:200px; margin-right:20px; }


/* Footer Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#clearfooter			{ clear: both; height: 70px;} /* height to match height + padding + margin etc in #footer */
#footer					{ width: 760px; height: 70px; position: relative; clear: both; background-color: #fff; text-align: left; margin: 0 auto; }
#footer .logo			{ position: absolute; top: 0; right: 0; }
#footer p				{ font-size: 1.2em; line-height: 1.0em; color: #000; padding: 10px 0; margin: 0; }
#footer a, #footer a:visited 		{ font-weight: normal; color: #000; text-decoration: none; }
#footer a:hover, #footer a:active 	{ text-decoration: underline; }