/*
/ --------------------------------------
/	ppwh.org.uk
/   Frame Digital
/ --------------------------------------
/
/	-	Standard
/   -   INLINE CMS CSS
/   -   SITE SEARCH CSS         
/   -   Snippets
*/


/*----------------------------*/
/*  - Standard						*/
/*----------------------------*/

* { padding: 0px; margin: 0px; }

body
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 83%;
    
    color: #000;

    background-color: #e9e8e4;       
}

a { outline: none; text-decoration:underline; color: #0a81b7; }

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

a img{
	border:0;
}

p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #333;				
	margin-bottom: 15px;	
	line-height:1.5em;
}

p.date{
	float:right;
	color: #686868;
}

#breadcrumbs
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	margin-bottom: 10px;	
	float:left;
	width: 950px; 
	display:inline;
	height: 16px;			
}
#breadcrumbs #crumbs 
{ 
    float: left;
    width:780px;          
        
    height: 16px;
}

#breadcrumbs #crumbs a { text-decoration: underline; }
#breadcrumbs #crumbs a:hover { text-decoration: none; }


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

li
{    
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	padding-left: 15px;
	background-image: url(/themes/default/images/arrow-grey.gif);
    background-repeat: no-repeat; 
    background-position: left 6px;
    margin:10px 0;
}

ul.toc li{
	margin:2px 0;
}

h1,h2,h3
{
    font-family: Helvetica, Arial,sans-serif;
    display: block;        
    width: 100%;     
    margin-bottom: 20px;
    _margin-bottom: 10px;
	font-weight: lighter;			
}

h1 { font-size: 24px; line-height: 36px; font-family: Helvetica, Arial,sans-serif;}
h2 { font-size: 18px; line-height: 27px; font-family: Helvetica, Arial,sans-serif;padding:15px 0 0 0;margin:0 0 15px 0;}	

h2.events { padding: 15px 0 10px 0; margin: 0px; } 

h3 { font-size: 16px; line-height: 24px; font-family: Helvetica, Arial,sans-serif;}

.clear { width: 100%; height: 1px; clear: both; font-size:1px; }

.small{
    font-size:10px;
}

.image-caption-left{
	float:left;
	text-align:center;
	margin:0 10px 10px 0;
	border: 2px solid #dbdbdf;
	background-color:#F4F4F5;
}

.image-caption-right{
	float:right;
	text-align:center;
	margin:0 0 10px 10px;
	border: 2px solid #dbdbdf;
	background-color:#F4F4F5;
}

.image-caption-left .caption,
.image-caption-right .caption{
	text-align:center;
	font-size:10px;
}


/* INLINE CMS CSS */

div.editarea { border: dotted 1px #cdcdcd; _border: 0px; min-height: 20px; position: relative; float: left; width: 100%; z-index: 1000; }

div.disabled {	
	border: 1px solid #8b0000;
	background-color: #ffd4d4;
	color:#8b0000;
	font-size:11px;
	padding:2px 5px;
	cursor: help;
}

.tools{
/*	position: absolute; left: -25px; top: 0px; margin-left: 100%; font-size: 0.8em; z-index: 1000;*/
	float: right;		
	font-size:8px;
	z-index: 1000;
	margin:-1px 0 0 0;
	width: 100%;		
	height: 16px;	
	position: absolute;
    top: 0px; left: 0px;
}

.event .tools { position: relative; }
.event .tools img { float: right; }

.tools a.inlineedit {
    display: block;    
    float: right;    
}

div.editarea .tools a.inlineedit img{
	
}

.tools .info{
	cursor:help;
}

.yellowed
{
    background: #ffffa7;
    margin: 10px;
    padding: 3px 10px 0 5px;
    border: dotted 2px #c1022c !important;
    color: #000;
    width: 94% !important;    
}
.yellowed .tools { margin-top: 3px; width: 99%;}


#cms-controls{
    
    position: absolute;
    left:0px;
    top: 0px;
    float: left;
    background-color:#FFFFCC;
    border:1px solid #CC1D1D;
    margin:0 auto;    
    
    padding:2px 5px;
    font-family:Arial,Helvetica,sans-serif;
    font-size: 0.8em; 
    z-index: 1000;   
}

#cms-controls a
{
    color: #0000ff;
    text-decoration: underline;
    cursor: pointer;    
    font-size: 1em;
}

.hideVersions { display: none; }
.showVersions { display: block; width: 300px; min-height: 100px; position: relative; margin: 5px; }

.showVersions table { border-collapse: collapse; margin: 5px; }
.showVersions table td { line-height: 20px; background:  }

.frame-grid .row{background-color: #cdcdcd;height:27px;}
.frame-grid .rowalt{height:27px;}

.frame-grid .row td {background-color: #c0c7a7;height:27px; border-bottom: solid 1px #81904f; border-right: 0px;}
.frame-grid .rowalt td {background-color: #dfe3d3;height:27px; border-bottom: solid 1px #81904f; border-right: 0px;}
.frame-grid td a { text-decoration: none; color: #4C5530; }
.frame-grid td.version { text-align: center; }

.frame-grid .header { height: 24px;     background-color: #81904f; }
.frame-grid .header td { padding-left: 0px; color: #fff; font-weight: bold; font-size: 11px; border-bottom: solid 1px #fff; }

.frame-grid .row .left,
.frame-grid .rowalt .left,
.frame-grid .header .left { padding-left: 10px; } 

.makeCurrent { cursor: pointer; }

.column { padding: 0 10px 0 10px; border-right: solid 1px #cdcdcd; width: 130px; float: left; margin-top: 10px; }
.first-column { padding-left: 0px; }
.last-column { border-right: 0px; padding-right: 0px; }

/* END INLINE CMS CSS */

.article-list { margin-bottom: 40px; float: left; }
.article-list div.article { width: 300px; margin-bottom: 5px;}

/*----------------------------*/
/* SITE SEARCH CSS            */
/*----------------------------*/

#site-search 
{ 
    background-image: url(/themes/default/images/framework/bk_search.gif); 
    width: 337px; 
    height: 28px; 
    padding-top: 4px;
    padding-left: 9px;
    position: absolute; 
    right: 0px; 
    top: 17px;     
}

#site-search span#looking { display: none; }

#site-search span#searchbox { background-image: url(/themes/default/images/framework/bk_search-field.gif); width: 162px; height: 24px; float: left; margin-right: 6px; margin-left: 94px; }

#site-search span#searchbox input { color: #666; margin-top: 4px; margin-left: 30px; width: 127px; border: 0px; }

#site-search a#search-button { 
	background-image: url(../images/buttons/btn_search.png); 
	background-position: 0 0;
	height: 22px; width: 68px; 
	display: block;  float: left;
	margin-top: 1px;cursor:pointer;
}

#site-search a#search-button:hover{
	background-image: url(../images/buttons/btn_search.png); 
	background-position: 0 -22px;
}

#site-search a#search-button span { display: none; }

/*----------------------------*/
/* Rainbox Box Donate			*/
/* (in the top header)			*/
/*----------------------------*/

#rainbox-donate{
	background-image: url(../images/framework/bk_header-rainbow-donate.png);
	background-repeat: no-repeat;
	width:405px;
	height: 85px;
	padding:8px 0 0 8px;
	position:relative;
	left: 538px;
	top:65px;
	color:#fff;
	clear: both;
}

#rainbox-donate p  {
color:#FFFFFF;
font-size:11px;
line-height:14px;
margin:0 0 10px 0;
}

#rainbox-donate .tape {
background-color:#65c8f7;
font-family: Tahoma, Geneva, Helvetica, Arial, sans-serif;
font-size:16px;
line-height:24px;
padding:1px;

}

#rainbox-donate a.biglink  {
font-size:20px;
font-weight:bold;
color:#fff;
	text-decoration: underline;
}

#rainbox-donate a.biglink:hover,
#rainbox-donate a.smalllink:hover{
	text-decoration: none;
}

#rainbox-donate a.smalllink  {
float:right;
font-size:13px;
font-weight:normal;
color:#fff;
text-decoration: underline;
margin:3px 90px 0 0 ;
}



/* SNIPPETS */
.snippet
{
    float: left;
    border: solid 1px #e9e8e4;   
    margin-bottom: 20px;
    margin-right: 20px;
    display: inline;
    padding-bottom: 15px;    
}
.snippet h3
{    
    height: 23px;
    margin: 0px;
    border: 0px;    
    padding: 8px 0 0 12px;
    width: 331px;    
    background-color: #e9e8e4;    
}
.snippet p
{
    padding: 12px 12px 0px 12px;
    margin-bottom: 0px;
    line-height:1.4em;
}

.snippet table{
	margin:12px 12px 0 12px;
}

.snippet table tr td{
	padding:4px 0;
	height: auto;
}

.snippet ul
{
    margin: 0px;
    padding: 0px;
    list-style: none;
    margin-left: 12px;
    margin-top: 12px;
}
.snippet ul li
{
    padding-left: 12px;
    font-size: 0.9em;
    line-height: 19px;
    margin: 0 0 5px 0;    
}

.snippet .snippet-image
{
    float: left;
    margin-right: 10px;
}

.snippet a { color: #333; }

.snippet-right { margin-right: 0px; }



/* FORM STYLES */

#donation,
#contact-us { clear: both; }

#content .control { width: 330px; padding-left: 10px; height: 23px; padding-top: 2px; border: solid 1px #e4e4e4; font-size: 1.2em; }
#content textarea.control { height: 200px;font-size: 1.2em;font-family: Tahoma, Geneva, Helvetica, Arial, sans-serif; }

#content .error{
	border:1px solid red;
}

table { border-collapse: collapse; color: #303030; }
table tr.row { background: #d4f1ff; }
table tr.rowalt { background: #b3ddf0; }

#details table tr td,
#details table th td,
table.contact-us tr td { padding: 8px; } 

table tr td.label { padding-right: 10px; width: 200px; }
table tr td.field { padding-left: 7px; width:390px; }

table.contact-us tr td.label { padding-right: 10px; width: 250px; }
table.contact-us tr td.field { padding-left: 7px; width:340px; }

table.sign-up tr td { padding: 8px; } 
table.sign-up tr td.label { padding-right: 10px; width: 150px; }
table.sign-up tr td.field { padding-left: 7px;   width: 300px; }
table.sign-up tr td.label-no-padding { padding:0 0 5px 0; }

table.sign-up table.checkboxlist td{
	padding:0 0 2px 8px;
}

table.sign-up table.checkboxlist td input{
	margin:0 5px 0 0;
}

#content table.sign-up tr .control { width:290px;}

#content .required { color: #bf0000; }
#validation-summary ul,
#validation-summary ul li,
#validation-summary p
{
    color: #bf0000;
}

#content .button 
{ 
    background-image: url(/themes/default/images/buttons/send.gif); 
    display: block; 
    height: 20px;     
    padding-top: 4px;
    text-align: center;
    width: 74px;    
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    border: 0px;
    cursor  : pointer;
}

#content .button:hover{
	 color: #002457;
}



.donate-tab-off,
.donate-tab
{
    background: #d4f1ff; font-weight: bold; width: 160px;  color: #303030; padding: 8px;
    float: left;
    cursor: pointer;
    font-size: 0.9em;
}

#donation table tr td.label { font-size: 1.6em; width: 90px; padding:8px 0px 8px 10px; }
#donation table tr td.label input { margin-right: 10px; }

#donation table tr td.field {
padding:8px 0;
width:365px;
}

#donation .control{
	border:1px solid #E4E4E4;
	font-size:16px;
	height:23px;
	padding-left:20px;
	padding-top:2px;
	width:330px;
	background-image:url(../images/framework/bk_field-donate.png);
	background-position: 0 2px;
	background-repeat: no-repeat;
}

.donate-tab-off
{
    background: #b3ddf0; 
    float: left;
}

/* management team css */

.member 
{
    width: 320px; 
    height: 111px;
    float: left;
    border: solid 1px #cdcdcd;
    margin:0 20px 20px 10px;
    display: inline;
}

.member .image{
float:left;
border: solid 1px #cdcdcd;
margin:15px;
}

.member .image img{
	width:79px;
}

.member .text{
float:left;
width:194px;
}

.member .text h4{
	font-size:16px;
	font-family:Helvetica,Arial,sans-serif;
	line-height:27px;
	margin:15px 0 0 0;
	padding:0;
	font-weight:lighter;
}

.member .text p{
	margin:5px 0 0 0;
}





/* ARTICLE DISPLAY */
.article { margin-bottom: 40px; float: left; color: #333333; }
.article div.left { width: 150px; float: left; padding-top: 5px; }
.article div.right { width: 320px; float: left; font-size: 0.9em; }
.article div.right h4 { padding: 0px; margin: 0 0 10px 0; border: 0px; color: #009ee7; font-size:16px; }

.article div.right h4 a{ color: #009ee7; text-decoration:underline; }
.article div.right h4 a:hover{ color: #008ccc; text-decoration:none; }

.article div.right p { margin-bottom: 0px; }
.article div.right p a { color: #009ee7; }

/*----------------------------*/
/* TRAINING EVENTS LISTING PAGE */
/*----------------------------*/
#event-listing { float: left; }
#event-listing h2 { border: 0px; font-weight: normal; margin-bottom: 0px; margin-top: 20px; }
.event { width: 446px; background: #f8f8f8; border-top: solid 1px #dcdcdc; margin-bottom: 5px; padding: 15px 12px 12px 12px; min-height: 10px; position: relative; }
.event h3 { color: #0099ff; font-size: 1.1em; font-weight: normal; border: 0px; margin: 5px 0 0 0; padding: 0px; }
.event .read-more { color: #333; }

.event .date{
	text-transform: uppercase;
	font-size:10px;
}

.event p { margin: 15px 0 0 0; }

.how-your-money-helps { background-image: url(/themes/default/images/how-your-money-helps.jpg); background-position: bottom; background-repeat: no-repeat; padding-bottom:160px; }

/* fundraising image rotator */
#rotator { float: left; border-bottom: solid 1px #cdcdcd; padding-bottom: 20px; margin-bottom: 20px; }
#rotator .pages { margin-top: 10px; }
#rotator .pages ul
{
    float: right; margin: 0px;
}
#rotator .pages ul li  { float: left; background: none; margin: 2px; padding: 0px; }
#rotator .pages ul li a 
{ 
    cursor: pointer; 
    width: 20px; 
    height: 18px; 
    padding-top: 2px;
    display: block; 
    vertical-align: middle; 
    text-align: center; 
    background: #b7d598; 
    font-weight: bold; 
    color: #478600;
    text-decoration: none; 
}
#rotator .pages ul li a.selected { background: #61b800; color: #fff; }
#rotator .pages ul li a.next,
#rotator .pages ul li a.back
{
background: none;  background-repeat: no-repeat; width: 10px; height: 10px; margin-top: 4px;
}

#rotator .pages ul li a.next span,
#rotator .pages ul li a.back span
{
    display: none;
}
#rotator .pages ul li a.next { background-image: url(/themes/default/images/arrow-grey-right.gif); }
#rotator .pages ul li a.back { background-image: url(/themes/default/images/arrow-grey-left.gif); }
#rotator .image
{
    background-position: top; width: 470px; height: 274px;
}
#rotator h2 { margin: 0px; padding: 0px; border: 0px; position: relative; }
#rotator h2 span {
           color: white;           
           font: bold 30px/35px "Helvetica Nue", Sans-Serif;
           letter-spacing: -1px;
           background: rgb(0, 0, 0); /* fallback color */
           background: rgba(0, 0, 0, 0.6);           
           padding: 0 10px 0 10px;                      
        }
#rotator h2 span.spacer {
           padding:0 5px;
           background: none;
        }
cufon cufontext { color: red; display: none !important; }
.hidden { display: none; }

.faq-link { cursor: pointer; }
.faq-answer  { border: solid 1px #cdcdcd; padding: 10px; margin: 10px 0 10px 0; }

ul#more-questions
{
    margin: 0px; padding: 0px;
}

ul#more-questions li
{
    background-color: #f0efec;
    padding: 5px;
    padding-bottom: 6px;
    padding-left: 20px;        
    background-image: url(/themes/default/images/arrow-dgog.gif);
    background-position: 5px 8px;
}

ul#more-questions li a { color: #666666; text-decoration: none; }
ul#more-questions li a:hover { text-decoration: underline; }

/* ADD THIS BOOKMARKING STUFF */
.addthis_toolbox 
{ 
    display: inline; 
    float: right;
    position: relative;
}
.addthis_footer { width: 150px; }
.addthis_toolbox a span { margin: 0px; }

.addthis_toolbox .two_column 
{        
    position: relative;
    width: 150px;
}

.addthis_toolbox a img
{
    opacity: 0.75;
}

.addthis_toolbox a:hover img
{
    opacity: 1;
}

.addthis_toolbox .two_column a 
{
    padding: 4px 0 4px 34px;
    position: relative;
    width: 66px;
    display: block;
    text-decoration: none;
    color: blue;    
}

.addthis_toolbox .two_column a:hover
{
    text-decoration: none;
}

.addthis_toolbox .two_column span
{
    position: absolute;
    left: 14px;
    top: 4px;
}


.addthis_toolbox .two_column  .more
{    
    padding: 10px 0 0 0;    
    text-align: center;
}

.addthis_toolbox .two_column  .more a
{
    padding: 4px 0;
    width: auto;
}

.addthis_toolbox .two_column .more span
{
    display: none;
}

.addthis_toolbox .two_column .column1
{
    width: 92px;
    float: left;
}

.addthis_toolbox .two_column .clear
{
    clear: both;
    padding: 0;
    display: block;
    height: 0;
    width: 0;
}
.addthis_footer .two_column a { line-height: normal; padding-top: 0px; padding-bottom: 0px; margin: 0px; font-size:11px; line-height:16px;}

.addthis_footer .two_column a span { margin-top: -3px;}

/* OVERIDE DEFAULT IMAGES */
.addthis_footer .at300bs  {
background: none no-repeat scroll 0 0 ;
}

.addthis_footer .at15t_facebook{
	background-image: url(../images/icons/facebook-16x16.png);
}

.addthis_footer .at15t_twitter{
	background-image: url(../images/icons/twitter-16x16.png);
}

.addthis_footer .at15t_twitter{
	background-image: url(../images/icons/twitter-16x16.png);
}

.addthis_footer .at15t_stumbleupon{
	background-image: url(../images/icons/stumbleupon-16x16.png);
}

.addthis_footer .at15t_google{
	background-image: url(../images/icons/google-16x16.png);
}