/*---[ Details ]---------------------------------------
Screen Style Sheet
Client: Virgin Money Giving
Author: Soup
-------------------------------------------------------*/

/*-----------------------------------------------------
Core Elements:
[01] Yahoo CSS Reset
[02] HTML / Body
[03] Anchors
[04] Images
[05] Headings
[06] Lists
[07] Forms
[08] Tables
[09] Phrase Elements
[10] Misc Inline
[11] Misc Block

Site Specific:
[01] Container
[02] Header
[03] Branding
[04] Navigation
[05] Site Controls
[06] Search
[07] Content
[08] Footer
[09] Image Replacements
[10] Clearfixes
[11] Accessible Hide
[12] Misc
[13] Templates
[14] Components

Page Specific:
[01] Home
-------------------------------------------------------*/

@import url(/giving/assets/css/desktop.css); 

/*-----------------------------------------------------
Core Elements
-------------------------------------------------------*/

/* [01] Yahoo CSS Reset
   [http://developer.yahoo.com/yui/reset/#code]
-------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr,
pre,form, fieldset, input, textarea, p, blockquote, th, td, address {
    margin: 0;
    padding: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset,img {
    border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
    font-weight: normal;
}
ol, ul {
    list-style: none;
}
caption, th {
    text-align: left;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}
q:before, q:after {
    content: '';
}
abbr,acronym {
    border: 0;
}

/* [02] HTML / Body
-------------------------------------------------------*/
html, body {
margin : 0;
padding : 0;
height : 100%;
}
body {
    font: normal 0.75em Verdana, Arial, Helvetica, sans-serif; /* 12px */
    line-height: 1.2;
    color: #000;
    text-align: left;
}

/* [03] Colours
-------------------------------------------------------*/
/* Colour Classes */
.c1 {
    color: #C00;
}
.c2 {
    color: #666;
}
.c3 {
    color: #000;
}

/* [03] Anchors
-------------------------------------------------------*/
a {
    color: #3498CB;
}
a, a:link, a:visited, a:active, a:hover {
/* Removes dotted outline from Firefox anchors */
/*    outline: none;*/ /* commented because for showing tab focus on FF by pravin date 18/11/08 */
    font-weight: bold;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

/* [04] Images
-------------------------------------------------------*/
img {
    border: none;
}

span.dropshadow,
span.dropshadow span {
    background: url('../img/branding/bg-dropshadow-bottom.gif') bottom right no-repeat;
    display: -moz-inline-box;
    display: block;
    float: left;
    font-size: 0;
}
span.dropshadow span {
    background: url('../img/branding/bg-dropshadow-top.gif') top left no-repeat;
}
span.dropshadow span span {
    background: url('../img/branding/bg-dropshadow-topright.gif') top right no-repeat;
}
span.dropshadow span span span {
    background: url('../img/branding/bg-dropshadow-bottomleft.gif') bottom left no-repeat;
    padding: 2px 5px 8px 5px;33
}

span.dropshadow span span span div.small{
	height:90px;
	width:90px;	
	vertical-align:middle;
	text-align:center;
	display: table-cell;
}

span.dropshadow span span span div.small *{
	vertical-align: middle;
}

span.dropshadow span span span div.small {
	display: block;
}

span.dropshadow span span span div.small span{
    display: inline-block;
    height: 100%;
    width: 1px;
}


span.dropshadow span span span div.large {
	min-width:190px;
	height:auto;
	width:110px;	
	vertical-align:bottom;
	text-align:center;
}

.wraptocenter {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 96px;
    height: 100px;
	background-image:url("../img/branding/small-background.jpg");
	/*float:left;*/
}
.wraptocenter * {
    vertical-align: middle;
}

/*\*//*/
.wraptocenter {
    display: block;
}
.wraptocenter span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
/**/


span.dropshadow img {
    border: 5px solid #FFF;
}

/* [05] Headings
-------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    color: #000;
    font-weight: bold;
    font-size: 1em; /* 12px */
    margin: 10px 0;
    line-height: 1.3;
}
h1 {
    margin: 0 0 0.606em; /* 20px */
    font-size: 2.75em; /* 33px */
    line-height: 1.1;
    color: #C00;
    font-weight: bold;
}

/* Heading Size Classes */
h5, h6, h1.s1, h2.s1, h3.s1, h4.s1, h5.s1, h6.s1 {
    font-size: 1.166em; /* 14px */
    margin: 0.714em 0; /* 10px */
    line-height: 1.2;
    font-weight: bold;
}
h4, h1.s2, h2.s2, h3.s2, h4.s2, h5.s2, h6.s2 {
    font-size: 1.333em; /* 16px */
    margin: 0.75em 0;
    line-height: 1.2;
    font-weight: bold;
}
h3, h1.s3, h2.s3, h3.s3, h4.s3, h5.s3, h6.s3 {
    font-size: 1.5em; /* 18px */
    margin: 0.666em 0;
    line-height: 1.15;
    font-weight: bold;
}
h2, h1.s4, h2.s4, h3.s4, h4.s4, h5.s4, h6.s4 {
    font-size: 1.666em; /* 20px */
    margin: 0.6em 0;
    line-height: 1.15;
    font-weight: bold;
}
h1.s5, h2.s5, h3.s5, h4.s5, h5.s5, h6.s5 {
    font-size: 1.833em; /* 22px */
    margin: 0.545em 0;
    line-height: 1.15;
    font-weight: bold;
}
h1.s6, h2.s6, h3.s6, h4.s6, h5.s6, h6.s6 {
    font-size: 2em; /* 24px */
    margin: 0.5em 0;
    line-height: 1.10;
    font-weight: bold;
}


/* [06] Lists
-------------------------------------------------------*/
dl, ol, ul {
    padding: 0;
    margin: 0.833em 0; /* 10px */
}
ol, ul {
    list-style-position: outside;
    padding: 0 0 0 2.083em; /* 25px */
}
ol {
    list-style: decimal;
}
ul {
    list-style: disc;
}
dt {
    margin-top: 0.416em; /* 5px */
    font-weight: bold;
}
ul.s1 {
    list-style-image: url('../img/branding/bullet-ul.gif');
}

/* Brad Change */
dl.dl-alt dt{
    font-weight:bold;
    float:left;
    clear:left;
    margin:0 15px 5px 0;
}
dl.dl-alt dd{
    font-weight:normal;
    float:left;
    margin:0 0 5px 0;
}



/* End Brad Change */
/* [07] Forms
-------------------------------------------------------*/
form {
    padding: 0;
    margin: 0.833em 0; /* 10px */
}
fieldset {
    padding: 0;
    margin: 0;
    border: 0;
}
legend {
font-weight : bold;
margin : 0;
padding : 0 0 0.833em;
color : #000;
}

label, .label-spacer {
    margin: 0 0.416em 0 0; /* 5px */
    display:block;
    width:150px;
    text-align:right;
    float:left;
    margin-top:0;
    font-weight:bold;
}
select {
float : left;
}
input, select {
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
input[type="checkbox"], input[type="radio"] {
margin : 0 0.25em;
vertical-align:-3px;/* added for vertically aligned radio button for 'Yes' 'No' text on date 1/12/08 */
}
input[type="image"] {
/*outline : none;*/ /* commented to display focus on buttons on date 1/12/08 */
}
optgroup {
/* Not all browsers can support styling of this element */
    font-style: normal;
    font-weight: bold;
    margin: 0.833em 0 0; /* 10px */
    color: #CCC;
}
option {
/* Padding for Firefox */
    padding: 0 0.833em; /* 10px */
    color: #000;
}
textarea {
    display: block;
    margin: 0 0 0.833em; /* 10px */
    padding: 2px;
    width: 25em; /* 300px */
    height: 5em; /* 60px */
}
textarea, button {
    font: normal 1em Verdana, Arial, Helvetica, sans-serif; /* 11px */
}
p.label-above-input label {
text-align : left;
float : none;
margin-top : 0;
margin-bottom : 0.5em;
width : auto;
font-weight : bold;
}


p.single-line-inputs label, p.single-line-inputs input, p.single-line-inputs select {
display : inline !important ;
float : none !important ;
vertical-align : middle !important ;
}


/* [08] Tables
-------------------------------------------------------*/
table {
    margin: 0.833em 0; /* 10px */
    padding: 0;
    border-collapse: collapse;
    border: 1px solid #666;
}
caption {
    text-align: left;
    margin: 0.833em 0; /* 10px */
    padding: 0 0 0 0.833em; /* 10px */
}
thead th, thead td {
    border-bottom: 2px solid #666;
    border-right: 1px solid #666;
    background: #999;
    color: #FFF;
    font-weight: bold;
}
td, th {
    padding: 0.416em 0.833em; /* 5px 10px */
    text-align: left;
    vertical-align: top;
}
tbody {
    background-color: #FFF;
    border: 1px solid #666;
}
tbody td {
    border-bottom: 1px solid #666;
}
td {
    border-right: 1px dotted #666;
}
tfoot {
    font-style: italic;
    font-size: 0.75em; /* 9px */
}
tfoot td {
    text-align: right;
    border: none;
}

/* Structural Table */
table.structural {
    margin: 0;
    border: none;
}
table.structural caption {
    margin: 0;
    padding: 0;
}
table.structural thead th, table.structural thead td {
border : none;
background : none;
color : #000;
font-weight : normal;
}
table.structural th, table.structural td {
padding : 0;
}
table.structural tbody {
border : none;
}
table.structural tbody td {
    border: none;
}
table.structural tfoot {
    font-style: normal;
    font-size: 1em; /* 12px*/
}
table.structural tfoot td {
    text-align: left;
}

/* Structural Table With Padding */
table.structural-padding {
    margin: 0;
    border: none;
}
table.structural-padding caption {
    margin: 0;
    padding: 0;
}
table.structural-padding thead th, table.structural-padding thead td {
border : none;
background : none;
color : #000;
font-weight : normal;
}
table.structural-padding th, table.structural-padding td {
padding : 0.416em;
}
table.structural-padding tbody {
border : none;
}
table.structural-padding tbody td {
    border: none;
}
table.structural-padding tfoot {
    font-style: normal;
    font-size: 1em; /* 12px*/
}
table.structural-padding tfoot td {
    text-align: left;
}

/* [09] Phrase Elements
-------------------------------------------------------*/
abbr, acronym {
    border: none;
}
cite {
    font-style: italic;
}
em {
    font-style: italic;
}
strong {
    font-weight: bold;
}
dfn {
    font-style: normal;
}
code, kbd, samp {
    font-family: monospace;
    font-size: 1.083em; /* 13px */
}
var {
    font-style: italic;
}

/* [10] Misc Inline
-------------------------------------------------------*/
q {
    font-style: italic;
}
del {
    text-decoration: line-through;
}
ins {
    text-decoration: none;
}
sub {
    vertical-align: sub;
}
sup {
    vertical-align: super;
}

/* [11] Misc Block
-------------------------------------------------------*/
p {
    margin: 0.833em 0; /* 10px */
}
address {
    font-style: normal;
    margin: 0.833em 0; /* 10px */
}
blockquote, pre {
    margin: 0.833em 0; /* 10px */
    padding: 0;
}
pre {
/* set specific font for IE/Win */
    font-family: inherit;
    overflow: auto;
    margin: 0.833em 0; /* 10px */
}
hr {
    margin: 0;
    padding: 0;
/* For IE/Win, as it displays hr as inline */
    display: block;
    border: none;
    outline: none;
    clear: both;
    height: 0px;
    visibility: hidden;
}

/*-----------------------------------------------------
Site Specific
-------------------------------------------------------*/

/* [01] Container
-------------------------------------------------------*/

#container {
}

/* [02] Header
-------------------------------------------------------*/

#header-wrapper {
   background : #CC0000 url('../img/branding/giving-new-header.png') no-repeat top center;
}



#header {
   min-height:105px;
   position : relative;
   overflow : hidden;
   margin: 0 auto;
   width: 960px;
}



#header .container {
	padding-top: 20px;
}


/* [03] Branding
-------------------------------------------------------*/
#branding-logo-link {
	position:absolute;
	display:block;
	width:353px;
	height:87px;
}


#branding-logo {
    display:none;
    opacity: 0;
    -moz-opacity: 0;
    width:350px;
}

/* [04] Navigation
-------------------------------------------------------*/

#nav-site {
   margin: 20px 20px 15px 0px;
   padding: 0;
   height:40px;
   float: right;
   list-style-type: none;
}

#nav-site li {
   float: left;
   padding: 0px 6px;
   border-left:1px solid #E68080;
}

#nav-site li.first {
   border:0;
}

#footer ul li a.strong {
   font-weight:bold !important;
}

#nav-site li a {
   display: block;
   color:#FFFFFF;
   padding:0 4px;
}



/* [05] Site Controls
-------------------------------------------------------*/

#site-controls {
   margin: 0;
   padding: 0;
   top: 0;
   height: 23px;
   right: 20px;
   position: absolute;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 0.833em; /* 10px */
}


#site-controls a, #site-controls span {
display : block;
float : left;
min-height : 21px;
}
#site-controls a {
text-indent : -9999px;
background : url('../img/branding/spr-controls.png') no-repeat 0 0;
overflow : hidden;
}
#site-controls .welcome {
padding : 0 40px 0 15px;
height : 21px;
line-height : 21px;
background : url('../img/branding/bg-welcome.png') no-repeat top left;
margin-left : 3px;
}
#site-controls .home {
width : 55px;
background-position : 0 0;
overflow : hidden;
}
#site-controls .home:hover {
    background-position: 0 -21px;
}
#site-controls .settings {
    width: 113px;
    background-position: -197px 0;
}
#site-controls .settings:hover {
    width: 113px;
    background-position: -197px -21px;
}
#site-controls .signin {
width : 61px;
background-position : -57px 0;
margin-left : 3px;
overflow : hidden;
}
#site-controls .signin:hover {
    background-position: -57px -21px;
}
#site-controls .signout {
    width: 75px;
    background-position: -120px 0;
    margin-left: 3px;
}
#site-controls .signout:hover {
    background-position: -120px -21px;
}

/* [07] Content
-------------------------------------------------------*/

#content-wrapper {
   background : url('../img/branding/giving-new-header.png') no-repeat;
   background-position: center -106px;
   background-color:#FFFFFF;
}


/*  STYLE CHANGED FOR REBRAND 
#content {
   background : url('../img/branding/giving-new-content-footer.png') no-repeat;
   background-position: center bottom;
   width:918px;
   margin:0 auto;
   padding: 25px 40px;
   min-height: 300px;
}
*/
#content {
   width:918px;
   margin:0 auto;
   padding: 25px 14px;
   min-height: 300px;
   /*position:relative;*/
   z-index:10;
}

#content-inner {
   width:920px;
   margin:0 auto;
}


#content, #content-primary, #content-secondary, #content-callout, #content-sidebar {
overflow : hidden;
}


/* [08] Footer
-------------------------------------------------------*/


/*  STYLE CHANGED FOR REBRAND 
#footer-wrapper {
   background : #CC0000 url('../img/branding/giving-new-footer.png') no-repeat top center;
   background-position:center -73px;
}
*/
#footer-wrapper {
    background : #CC0000 url('../img/branding/giving-new-footer.png') no-repeat top center;
    background-position:center;
    /*margin-top: -50px;*/
    position: absolute;
    width: 100%;
    height:287px;
}

/*  STYLE CHANGED FOR REBRAND 
#footer {
   width:960px;
   margin:0 auto;
   color : #fff;
   font-size : 0.916em;
   overflow : hidden;
   position:static;
   min-height:205px;
}
*/
#footer {
   width:960px;
   margin:80px auto 0;
   color : #fff;
   font-size : 0.916em;
   overflow : hidden;
   position:static;
   min-height:205px;
}




#footer-left-panel { 
   padding-top:5px;
   width:960px;
   float:left;
}

#footer-left-panel-padding { 
   padding-left:20px;
   padding-top:0px;
}

#footer-right-panel {
   padding-top:35px;
   float:left;
   width:150px;
   text-align:center;
}

#footer ul.first {
   padding: 0px;
   margin: 0;
   list-style: none;
   float:left;
   width:320px;
}

#footer ul.first li.column {
   float:left;
   width:150px;
}

#footer ul.first li.column ul {
   padding: 0px;
   margin: 0;
   list-style: none;
}

#footer ul.second, #footer ul.third, #footer ul.fourth, #footer ul.fifth {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 150px;
}

#footer ul li {
   color: #FFF;
   font-weight:bold;
   padding:0 5px 5px 0;
}



#footer ul.top {
    padding: 20px 0 5px 0;
    margin: 0;
    list-style: none;
    float:left;
    width:670px;
}

#footer ul.bottom {
    padding: 0 0 5px 0;
    margin: 0;
    list-style: none;
    float:left;
    width:700px;
}

#footer ul.version {
    padding: 0 0 67px 0;
    margin: 0;
    list-style: none;
    float:left;
    width:700px;
}
#footer ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

#footer ul li a {
    font-weight: normal;
    color: #FFF;
    text-decoration:none;

}

#footer ul li a:hover{
    font-weight: normal;
    color: #FFF;
    text-decoration:underline;
}

#footer .visit-vm{
padding-top:20px;
}

#verisign {
   float:right;
   padding-right:55px;}

#verisign img{
padding-left:2px;
}

#bookmark {
    position:static;
    left:0px;
    padding-left:12px;
   }

   #share-popup {
     font-size:80%;
     width:200px;
     height:60px;
     background-image:url('../img/branding/bookmarking/bg.jpg');
   }

   #share-popup a, #share-popup a:link, #share-popup a:visited, #share-popup a:active, #share-popup a:hover{
font-weight:normal;
}

   .share-column {
      width:100px;
      height:55px;
      float:left;
      text-align:left;
   }

   .share-column div {
      margin:5px 0px 0px 5px;
   }

   .share-column a {
     text-decoration:none;
   }

#footer .promotion {
width : 645px;
height : 96px;
top : 0;
right : 0;
text-indent : -9999px;
position : absolute;
background : url('../img/misc/imr-footer-promo.png') no-repeat top left;
margin : 0;
overflow : hidden;
}
#footer .promotion a {
position : absolute;
width : 160px;
height : 55px;
top : 18px;
right : 15px;
overflow : hidden;
}

/* [09] Image Replacements
-------------------------------------------------------*/
.imr {
    display: block;
    text-indent: -9999px;
    overflow: hidden;
}

.clearfix:after, #content:after, #site-controls:after, #header .container:after, .pagination:after, #vm-sponsortabs:after, #vm-mydetails-sponsortabs:after, #vm-how-works:after, #vm-donation-calculator .vm-donation-calc-mid:after, #vm-donation-calculator .vm-donation-calc-white .calc form:after, #vm-donation-calculator .vm-donation-calc-white:after, #vm-donation-calculator .vm-donation-calc-content:after, ul.vm-search-results li:after, form.search-res-filters:after, form#vm-sponsor-info:after, form#vm-sponsor-info p:after, form#vm-sponsor-info div.pw-strength:after, #vm-create-page-one-organised:after, #vm-create-page-one-other .other-event:after, form p:after, .template-f #content-primary:after, .template-g #content-primary:after, .template-h #content-primary:after, dl.dl-alt:after, #vm-recent-sponsors p.sponsor-info:after, #vm-fundraiserEventtabs:after, #vm-fundraiser-changenetworkstab:after, #vm-charitiesheader:after, #vm-charitytabs:after, #vm-content-columns:after, #vm-sub-category-listing ul:after, #vm-content-donate-raise div:after, #vm-fundraisertabs:after, #vm-eventpaymenttabs:after, #vm-fundraiserNetworkTeamtabs:after, #vm-preview-of-page:after, #vm-category-list:after, #vm-categorynav:after, #vm-someoneSpecialtabs:after {

content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
font-size : 0;
}
.clearfix, #content, #site-controls, #header .container, .pagination, #vm-sponsortabs, #vm-mydetails-sponsortabs, #vm-how-works, #vm-donation-calculator .vm-donation-calc-mid, #vm-donation-calculator .vm-donation-calc-white .calc form, #vm-donation-calculator .vm-donation-calc-white, #vm-donation-calculator .vm-donation-calc-content, ul.vm-search-results li, form.search-res-filters, form#vm-sponsor-info, form#vm-sponsor-info p, form#vm-sponsor-info div.pw-strength, #vm-create-page-one-organised, #vm-create-page-one-other .other-event, form p, .template-f #content-primary, .template-g #content-primary, .template-h #content-primary, dl.dl-alt, #vm-recent-sponsors p.sponsor-info, #vm-charitiesheader, #vm-charitytabs, #vm-content-columns, #vm-sub-category-listing ul, #vm-content-donate-raise div, #vm-fundraisertabs, #vm-fundraiserEventtabs, #vm-fundraiser-changenetworkstab, #vm-eventpaymenttabs, #vm-preview-of-page, #vm-category-list, #vm-categorynav, #vm-someoneSpecialtabs {
display : block;
}
.w3c, #nav-access, #footer .promotion img, .pagination div span, #vm-totaliser #vm-totaliser-thermometer-overlay h2, #vm-countdown .content span, #vm-categorynav .content ul li ul {
position : absolute;
display : block;
height : 0;
visibility : hidden;
left : -9999px;
top : -9999px;
padding : 0;
margin : 0;
}

/* [12] Misc
-------------------------------------------------------*/
.current {
    cursor: default;
}

img.next,
img.previous,
img.button {
    vertical-align: middle;
    margin-bottom: -11px;
    position: relative;
    top: -4px;
}
div.continue-block {
    text-align: right;
}
.clear {
    clear: both;
}
.charity-search {
    margin-top:-20px;
    display:block;
}

/* [13] Templates
-------------------------------------------------------*/
/* Template A */
.template-a #content-secondary {
    float: left;
    width: 590px;
}
.template-a #content-callout {
    float: right;
    width: 300px;
}

/* Template B */
.template-b #content-primary {
    float: left;
    width: 675px;
}
.template-b #content-sidebar {
    float: right;
    width: 215px;
}

/* Template C */
.template-c #content-primary {
    float: right;
    width: 675px;
}
.template-c #content-sidebar {
    float: left;
    width: 215px;
}

.template-c #content-sidebar-2 {
    float: right;
    width: 215px;
}


/* Template D */
.template-d #content-primary {
    float: left;
    width: 450px;
}
.template-d #content-secondary {
    float: right;
    width: 450px;
}

/* Template E */
.template-e #content-primary {
    float: left;
    width: 525px;
}
.template-e #content-sidebar {
    float: right;
    width: 380px;
}

/* Template F */
.template-f #content-primary {
    float: left;
    width: 700px;
}
.template-f #content-primary .column-1 {
    width: 455px;
    float: right;
}
.template-f #content-primary .column-2 {
    width: 205px;
    float: left;
}
.template-f #content-primary .column-1,
.template-f #content-primary .column-2 {
    overflow: hidden;
}
.template-f #content-sidebar {
    float: right;
    width: 215px;
}

/* Template G */
.template-g #content-primary {
    float: right;
    width: 670px;
}

.template-g #content-primary-2 {
    float: right;
    width: 690px;
}

.template-g #content-primary .column-1 {
    width: 325px;
    float: left;
}
.template-g #content-primary .column-2 {
    width: 325px;
    float: right;
}
.template-g #content-primary .column-1,
.template-g #content-primary .column-2 {
    overflow: hidden;
}
.template-g #content-sidebar {
    float: left;
    width: 215px;
}

/* Template H */
.template-h #content-primary {
    float: right;
    width: 670px;
}
.template-h #content-primary .column-1 {
    width: 230px;
    float: left;
}
.template-h #content-primary .column-2 {
    width: 420px;
    float: right;
}
.template-h #content-primary .column-1, .template-h #content-primary .column-2 {
overflow : hidden;
}
.template-h #content-sidebar {
    float: left;
    width: 215px;
}

.template-b #content-lightbox {
    float: none;
    width: 555px;
    padding-bottom:30px;
}
/* [14] Components
-------------------------------------------------------*/
/* Content Block */
.content-block {
    padding-bottom: 20px;
    margin-bottom: 20px;
    clear: both;
}
.content-block.s1 {
    background: url('../img/branding/bg-horizontalline-light.gif') bottom left repeat-x;
}
.content-block.s2 {
    background: url('../img/branding/bg-horizontalline-dark.gif') bottom left repeat-x;
}
.content-block.s3, .content-block.s4 {
    padding-top: 20px;
    margin-top: 20px;
    padding-bottom: 0;
    margin-bottom: 0;
}
.content-block.s3 {
    background: url('../img/branding/bg-horizontalline-light.gif') top left repeat-x;
}
.content-block.s4 {
    background: url('../img/branding/bg-horizontalline-dark.gif') top left repeat-x;
}

/* Breadcrumbs */
ul#breadcrumb {
    list-style: none;
    padding: 0 0 10px 30px;
    margin: 0;
    font-size: 0.916em; /* 11px */
    background: #FFF;
}
ul#breadcrumb li {
    display: inline;
    color: #666;
}
ul#breadcrumb li a,
ul#breadcrumb li a:link,
ul#breadcrumb li a:visited,
ul#breadcrumb li a:hover,
ul#breadcrumb li a:active {
    color: #C00;
}

/* Pagination */
div.pagination {
    margin: 0.833em 0; /* 10px */
}
div.pagination span {
    float: left;
}
div.pagination div {
    float: right;
    font-weight: bold;
}
div.pagination div a,
div.pagination div a:link,
div.pagination div a:visited,
div.pagination div a:hover,
div.pagination div a:active {
    text-decoration: underline;
    font-weight: normal;
    color: #000;
}
div.pagination div a.previous {
    margin-right: 15px;
}
div.pagination div a.next {
    margin-left: 15px;
}


/* #vm-fund-home-details */
#vm-fund-home-details {
    font-size:1.08em; /* 13px */
}
#vm-fund-home-details .intro{
    font-weight:bold;
    display:block;
}
#vm-fund-home-details .page-links p{
    width:181px;
    display:block;
    padding-left:10px;
    margin:0;
}
#vm-fund-home-details .page-links p.underline {
    background:url('../img/branding/bg-horizontalline-light.gif') repeat-x left bottom;
    padding-bottom:15px;
    margin-bottom:10px;
}
#vm-fund-home-details .page-links a.right{
    float:right;
    display:block;
}
#vm-fund-home-charity h2 {
font-size : 2em;
background : url('../img/branding/bg-horizontalline-dark.gif') repeat-x left bottom;
padding-bottom : 10px;
}
#vm-fund-home-charity p.lead {
    float:right;
    width:260px;
}

/* Totaliser */
#vm-totaliser {
    width: 215px;
    background: url('../img/components/vm-totaliser/bg-background-repeat.png') top left repeat-y;
}
#vm-totaliser div {
    background: url('../img/components/vm-totaliser/bg-top.png') top left no-repeat;
}
#vm-totaliser div div {
    background: url('../img/components/vm-totaliser/bg-bottom.png') bottom left no-repeat;
}
#vm-totaliser div div div.content {
    background: none;
    min-height: 325px;
    padding: 55px 25px 45px;
}
#vm-totaliser #vm-totaliser-thermometer,
#vm-totaliser #vm-totaliser-thermometer-overlay {
    width: 35px;
    height: 274px;
    overflow: hidden;
}
#vm-totaliser #vm-totaliser-thermometer {
    position: relative;
    float: left;
    background: url('../img/components/vm-totaliser/bg-thermometer.png') top left no-repeat;
    margin-bottom: 15px;
}
#vm-totaliser #vm-totaliser-thermometer-overlay {
    position: absolute;
    top: 0;
    left: 0;
    background: url('../img/components/vm-totaliser/overlay-thermometer.png') top left no-repeat;
    z-index: 100;
}
#vm-totaliser #vm-totaliser-thermometer-wrapper {
    width: 35px;
    height: 240px;
    position: absolute;
    bottom: 26px;
    z-index: 90;
    background: none;
}
#vm-totaliser #vm-totaliser-thermometer-total {
    position: absolute;
    bottom: 0;
    left: 5px;
    height: 50%;
    width: 35px;
    background: url('../img/components/vm-totaliser/bg-thermometer-total.png') top left no-repeat;
}
#vm-totaliser .total,
#vm-totaliser dl {
    float: right;
    width: 120px;
}
#vm-totaliser .total {
    background: none repeat scroll 0 0 transparent;
    color: #CC0000;
    float: left;
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
    width: 181px !important;	

}

#vm-totaliser .total h3 {
    margin: 0;
    font-size: 0.5em; /* 13px */
}
#vm-totaliser dl dd {
    font-weight: bold;
    color: #C00;
    margin-bottom: 0.833em; /* 10px */
}
#vm-totaliser .sponsor {
    display: block;
    width: 167px;
    height: 52px;
    clear: both;
}
#vm-totaliser .donate {
    display: block;
    width: 189px;
    height: 46px;
    clear: both;
    position: relative;
    left: -11px;
}

/* Countdown */
#vm-countdown {
    background: url('../img/components/vm-countdown/bg-repeat.png') top left repeat-x;
    float: left;
    margin:10px 0 20px;
}
#vm-countdown div {
    background: url('../img/components/vm-countdown/bg-left.png') top left no-repeat;
}
#vm-countdown div div {
    background: url('../img/components/vm-countdown/bg-right.png') top right no-repeat;
}
#vm-countdown .content {
    height: 82px;
    min-width: 80px;
    text-align: center;
    line-height: 90px;
    padding: 0 53px;
}
#vm-countdown .content strong {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 3.33em; /* 40px */
    font-weight: bold;
    padding-right: 24px;
    padding-left: 7px;
    letter-spacing: -1px;
}

/* Tooltips / Help */
a.tooltip img {
    vertical-align: middle;
}
div.tooltip {
    margin-top: 1em;
}
div.tooltip.js {
    position: absolute;
    z-index: 9999;
    margin: 0;
}
div.tooltip.js div.header {
    height: 32px;
    width: 280px;
    background: url('../img/components/vm-tooltip/bg-top.png') top left no-repeat;
}
div.tooltip.js div.content {
    padding: 0 20px;
    width: 240px;
    color: #000;
    background: url('../img/components/vm-tooltip/bg-repeat.png') top left;
}
div.tooltip.js div.footer {
    height: 20px;
    width: 280px;
    background: url('../img/components/vm-tooltip/bg-bottom.png') bottom left no-repeat;
}
div.tooltip.js div.content strong {
    color: #3498CB;
}
#vm-fund-home-charity h2, #vm-recent-sponsors h2 {
font-size : 2em;
background : url('../img/branding/bg-horizontalline-dark.gif') repeat-x left bottom;
padding-bottom : 10px;
}
#vm-fund-home-charity p.lead {
    float:right;
    width:245px;
}
#vm-fund-home-charity .charity-reg-num {
    float:right;
    width:245px;
    margin-top:5px;
}
#vm-fund-home-charity p.more-about-link {
    margin-left:6px;
    float:left;
}
#vm-recent-sponsors div.pagination {
    margin-bottom:-13px;
}

#vm-recent-sponsors table{
    width:100%;
    border:0 none;
}
#vm-recent-sponsors table tbody{
    border:0 none;
}
#vm-recent-sponsors td{
    border-bottom:0 none;
    border-right:0 none;
    padding:0em 0em;
}

#vm-recent-sponsors table tbody tr{
    background : url('../img/branding/bg-horizontalline-light.gif') repeat-x left bottom;
    padding-bottom : 10px;
}


#vm-recent-sponsors div.pagination div a.previous {
    margin-right:5px;
}
#vm-recent-sponsors div.pagination div a.next {
    margin-left:5px;
}

#vm-recent-sponsors ul {
    padding:0;
    list-style-type:none;
}
#vm-recent-sponsors ul li {
    background : url('../img/branding/bg-horizontalline-light.gif') repeat-x left bottom;
    padding-bottom : 10px;
}

#vm-recent-sponsors p.sponsor-info span{
    float:right;
    font-weight:bold;
    color:#C11D15;
}
#vm-recent-sponsors p.sponsor-info span.sponsor-name{
    float:left;
    color:#000;
}
#vm-recent-sponsors p {
    padding:0 5px;
    color:#666;
}
#vm-recent-sponsors p span{
    font-weight:bold;
    color:#000;
}

/*brad changes*/
.vm-widget .blog-post{
    padding-bottom:10px;
    margin-bottom:5px;
    background:url('../img/branding/bg-horizontalline-light.gif') repeat-x left bottom;
}

.vm-widget h2{
    font-size:2em; /*24px*/
    background:url('../img/branding/bg-horizontalline-dark.gif') repeat-x left bottom;
    padding-bottom:10px;
    margin:0;
}
.vm-widget h3{
    padding:0;
    font-size:1.1em;
    margin:0;
}
.vm-widget p.blog-post-details{
    font-size:0.75em;/*9px*/
    color:#666;
    font-weight:bold;
    margin:4px 0;
}
.vm-widget p.blog-post-details span{
    color:#C11D15;
}
.vm-widget p {
    font-size:0.916em;/*11px*/
}
.vm-widget p.blog-links {
    font-size:0.909em;/*10px/11px = 0.909em*/
    color:#333;
}
.vm-widget p.link-to-blog {
    font-size:1em;
}
.vm-widget p a{
    color:#3498CB;
}

.vm-widget .column {
    width:105px;
    float:left;
    height:30px;
}

#vm-shout {
background : url('../img/components/vm-shout/bg.gif') no-repeat left top;
width : 261px;
height : 181px;
}

/* gallery widget */
.vm-widget.gallery p {
    margin-left:10px;
}
#vm-share-links p {
    font-weight:bold;
    margin-left:10px;
}
#vm-share-links ul{
    padding:0;
    margin-left:10px;
    list-style-type:none;
    width:220px;
}
#vm-share-links ul li{
    display:inline-block;
    margin:0 5px 10px 0;
}
/*end brad changes*/

/* Charity Total Donations */
#vm-totaldonations {
    font-size: 1.5em; /* 18px */
}
#vm-totaldonations span {
    font-weight: bold;
    color: #C00;
    margin: 0 1px;
    padding: 0 1px;
    background: #E7E5E5;
}

/* Charities Header */
#vm-charitiesheader {
    padding-bottom: 12px;
    background: url('../img/branding/bg-horizontalline-dark.gif') repeat-x left bottom;
}
#vm-charitiesheader img {
    float: left;
}
#vm-charitiesheader #vm-totaldonations {
    margin: 10px 20px 0 0;
    float: right;
}

/* Category Sub Nav */
#vm-categorynav {
    width: 205px;
    overflow: hidden;
    background: url('../img/components/vm-categorynav/bg-repeat.png') top left repeat-y;
}
#vm-categorynav div {
    background: url('../img/components/vm-categorynav/bg-top.png') top left no-repeat;
}
#vm-categorynav div div {
    background: url('../img/components/vm-categorynav/bg-bottom.png') bottom left no-repeat;
}
#vm-categorynav .content {
    background: none;
}
#vm-categorynav .content h2 {
    margin-top: 0;
    padding: 12px 20px 0;
    font-size: 1.15em; /* 15px */
    color: #FFF;
}
#vm-categorynav .content ul {
    padding: 10px 20px 33px;
    margin: 0;
    list-style: none;
}
#vm-categorynav .content ul li,
#vm-categorynav .content ul li a {
    font-weight: bold;
    color: #C00;
}
#vm-categorynav .content ul li {
    margin-bottom: 0.25em; /* 3px */
}
#vm-categorynav .content ul li.disabled {
    color: #CCCCCC;
}
#vm-categorynav .content ul li.current a {
    color: #000;
}
#vm-categorynav .content ul li.currentexpanded a {
    color: #000;
}
#vm-categorynav .content ul li.expanded a {
}
#vm-categorynav .content ul li.expanded ul,
#vm-categorynav .content ul li.currentexpanded ul{
    padding: 13px 0 18px 22px;
    position: static;
    height: auto;
    visibility: visible;
    left: 0;
    top: 0;
    margin: 0;
    list-style: outside;
    list-style-image: url('../img/components/vm-categorynav/img-bullet.gif');
    font-size: 0.917em; /* 11px */
}
#vm-categorynav .content ul li.expanded ul a,
#vm-categorynav .content ul li.expanded ul a,
#vm-categorynav .content ul li.currentexpanded ul a,
#vm-categorynav .content ul li.currentexpanded ul a {
    color: #3498CB;
}
#vm-categorynav .content ul li.expanded ul li.current,
#vm-categorynav .content ul li.expanded ul li.current a,
#vm-categorynav .content ul li.currentexpanded ul li.current,
#vm-categorynav .content ul li.currentexpanded ul li.current a {
    color: #666;
    list-style: none;
}

.clearer {
clear : both;
}

.clear{
	clear:both;
}

/*css for fur0165 panel starts here */
.fundraisingEvent{
background:transparent url(../img/components/vm-fundraisingEvent/middle.gif) repeat-y scroll left top;
width:384px;
float:left;
margin:20px;
}

.fundraisingEvent div{
background:transparent url(../img/components/vm-fundraisingEvent/top.gif) no-repeat scroll left top;
}

.fundraisingEvent div div{
background:transparent url(../img/components/vm-fundraisingEvent/bottom.gif) no-repeat scroll left bottom;
}

.fundraisingEvent div div div.content {
font-size:12px;
background:transparent none repeat scroll 0 0;
zoom:1;
padding:20px;
}

.fundraisingEvent div div div.content h1{
color:#cc0000;
font-size:1.3em;
font-weight:bold;
height:25px;
}

.fundraisingEvent div div div.content h1 a{
color:#CC0000;
}

.fundraisingEvent div div div.content h1 a:hover{
color:#CC0000;
}

.fundraisingEvent div div div.content .img-placeholder {
height:290px;
min-height:290px;
float:left;
background-image:none;
margin-right:10px;

}

.fundraisingEvent div div div.content img {

}

.authRequestForm div {
display:none;
}

.authIFrameDiv {
align:left;
width:auto;
}

.authIFrame {
border: none;
border-spacing:0;
width:675px;
height:510px;
align:center;
border-color:#FFFFFF;
}

.fundraisingEvent div div div.content img.floatRight{
float:right;
}

#vm-signin iframe {
border:medium none;
float:left;
height:320px;
overflow:hidden;
width:100%;
}
/*ends here */

/*Google blog feeder styles*/

#blogControl .gfg-root {
	height:auto;
	overflow:hidden;
	position:relative;
	text-align:center;
	width:100%;
}
#blogControl .gfg-title {
	font-size: 1px;
	font-weight : bold;
	color : #FFFFFF;
	line-height : 1px;
	overflow : hidden;
	white-space : nowrap;
	display:none;
}

#blogControl .gfg-title a {
	color : #212121;
}

#blogControl .gfg-subtitle {
  font-weight : bold;
  line-height : 2.0em;
  overflow : hidden;
  white-space : nowrap;
  margin-bottom : 5px;
  padding-left:5px;
  font-size:17px;
  background: url('../img/branding/bg-horizontalline-light.gif') bottom left repeat-x;  
}

#blogControl .gfg-subtitle a {
  color : #212121;
}

#blogControl .gfg-entry {
  background-color : white;
  width : 100%;
  height : auto;
  position : relative;
  overflow : hidden;
  text-align : left;
  margin-top : 3px;
}

/* To allow correct behavior for overlay */
#blogControl .gfg-root .gfg-entry .gf-result {
	height:100%;
	position:relative;
	width:auto;
}			


#blogControl .gfg-list {
  position : relative;
  overflow : hidden;
  text-align : left;
  margin-bottom : 5px;
  font-size:11px;
}

#blogControl .gfg-listentry {
  line-height : 1.5em;
  overflow : hidden;
  white-space : nowrap;
  text-overflow : ellipsis;
  -o-text-overflow : ellipsis;
  padding-left : 15px;
  padding-right : 5px;
  margin-left : 5px;
  margin-right : 5px;
}

#blogControl .gfg-listentry-odd {
  padding-left:20px;
  background-image : url('../img/branding/btn-submit-blue-small.png');
  background-repeat: no-repeat;
  background-position : center left;  
  /*background-color : #F6F6F6;*/
  height:20px;
  padding-top:3px;	  
}

#blogControl .gfg-listentry-even {
  padding-left:20px;	
  background-image : url('../img/branding/btn-submit-blue-small.png');
  background-repeat: no-repeat;
  background-position : center left;
  height:20px;
  padding-top:3px;	
}

#blogControl .gfg-listentry-highlight { 
  background-image : url('../img/branding/btn-submit-blue-small.png');
  background-repeat: no-repeat;
  background-position : center left;
  height:20px;
  padding-left:20px;
  padding-top:3px;	
  color:#666666;
}
#blogControl .gfg-listentry-highlight a{
  color:#212121;
}

/*
 * FeedControl customizations.
 */

#blogControl .gfg-root .gfg-entry .gf-result .gf-title {
  font-size: 18px;
  line-height : 1.2em;
  overflow : hidden;
  white-space : nowrap;
  text-overflow : ellipsis;
  -o-text-overflow : ellipsis;
  margin-bottom : 2px;
}

#blogControl .gfg-root .gfg-entry .gf-result .gf-snippet {
  height : 3.8em;
  color: #666666;
  margin-top : 3px;
  background: url('../img/branding/bg-horizontalline-light.gif') bottom left repeat-x;  
}

/*
 * Easy way to get horizontal mode, applicable via js options to gadget.
 */

#blogControl .gfg-horizontal-container {
  position : relative;
}

#blogControl .gfg-horizontal-root {
  height : 1.5em;
  _height : 100%;
  position : relative;
  white-space : nowrap;
  overflow : hidden;
  text-align : center;
  font-size: 13px;
  border: 1px solid #AAAAAA;
  padding : 5px;
  margin-right : 80px;
}

#blogControl .gfg-horizontal-root .gfg-title {
  font-weight : bold;
  background-color: #FFFFFF;
  line-height : 1.5em;
  overflow : hidden;
  white-space : nowrap;
  float : left;
  padding-left : 10px;
  padding-right : 12px;
  border-right: 1px solid #AAAAAA;
}

#blogControl .gfg-horizontal-root .gfg-title a {
  color : #444444;
  text-decoration : none;
}

#blogControl .gfg-horizontal-root .gfg-entry {
  width : auto;
  height : 1.5em;
  position : relative;
  overflow : hidden;
  text-align : left;
  margin-top : 0px;
  margin-left : 0px;
  padding-left : 10px;
}

/* To allow correct behavior for overlay */
.gfg-horizontal-root .gfg-entry .gf-result {
  position : relative;
  background-color : white;
  width : 100%;
  height : 100%;
  line-height : 1.5em;
  overflow : hidden;
  white-space : nowrap;
}

.gfg-horizontal-root .gfg-list {
  display : none;
}

/*
 * FeedControl customizations.
 */

#blogControl .gfg-horizontal-root .gfg-entry .gf-result .gf-snippet,
#blogControl .gfg-horizontal-root .gfg-entry .gf-result .gf-author {
  display : none;
}

#blogControl .gfg-horizontal-root .gfg-entry  .gf-result .gf-title {
  color: #0000cc;
  margin-right : 3px;
  float : left;
}

#blogControl .gfg-horizontal-root .gfg-entry .gf-result .gf-spacer {
  float : left;
}

#blogControl .gfg-horizontal-root .gfg-entry .gf-result .gf-spacer,

#blogControl .gfg-horizontal-root .gfg-entry .gf-result .gf-relativePublishedDate {
  display : block;
  color: #CC0000;
  font-weight:bold;
}

#blogControl .gfg-branding {
  white-space : nowrap;
  overflow : hidden;
  text-align : left;
  position : absolute;
  right : 0px;
  top : 0px;
  width : 80px;
}

#blogControl .gfg-collapse-open, .gfg-collapse-closed {
  background-repeat : no-repeat;
  background-position : center;
  cursor : pointer;
  float : right;
  width : 17px;
  height : 20px;
}

#blogControl .gfg-collapse-open {
  background-image : url('arrow_open.gif');
}

#blogControl .gfg-collapse-closed {
  background-image : url('arrow_close.gif');
}

#blogControl .gfg-collapse-href {
  float : left;
}

#blogControl .clearFloat {
  clear : both;
}

#blogControl .gf-result .gf-author, .gf-result .gf-spacer, .gf-result .gf-relativePublishedDate {
  color:#CC0000;
  display:inline;
  font-weight:bold;
  font-size:10px;
}



.twitter-top{
  background: url('../img/branding/twitter-top.gif') top left;
  background-repeat:no-repeat;
  height:49px;
  width:214px;
}
.twitter-middle{
  background: url('../img/branding/twitter-middle.gif'); 
  width:214px;
}
.twitter-bottom{
  background: url('../img/branding/twitter-bottom.gif') bottom left;
  background-repeat:no-repeat;
  height:35px;
  width:214px;	
}
#twitter_update_list li{
	list-style-image:none;
	list-style-type:none;
	margin-bottom:15px;
	border-top:1px #999999 solid;
	padding-top:15px;
}
#tweet ul{
	padding:0 10px 0 10px;
	margin:0;
	overflow:hidden;
	width:185px;
}

.textFieldDisabled{
	color:#CCCCCC;
}

table.emails {
    margin: 0;
    border: none;
	border: 0;
	width:100%;
}
table.emails caption {
    margin: 0;
    padding: 0;
}
table.emails thead th, table.emails thead td {
	border : none;
	background : none;
	color : #FFFFFF;
	font-weight : normal;
	font-weight:bold;
	background-color:#59ACD6;
}
table.emails th, table.emails td {
	padding : 5px;
}
table.emails tbody {
	border : none;
}
table.emails tbody td {
    border: none;
	vertical-align:middle;
}
table.emails tfoot {
    font-style: normal;
    font-size: 1em; /* 12px*/
}
table.emails tfoot td {
    text-align: left;

}
.email-tble-row-1{
	background-color:#F1F1F1;	
}
.email-tble-row-2{
	background-color:#DCDCDC;
}

.key{
    background-color: #CDE7F3;
    border: 1px solid #3399FF;
    float: right;
    height: 68px;
    margin-bottom: 10px;
    padding: 10px 10px 0;
    width: 420px;
}

.filter{
	width:480px;
	float:left;
}

.back-donation{
	width:350px;
	float:left;
}

.select-donation{
	width:214px;
	float:right;
	padding-top:6px;
	text-align:right;
	margin-right:5px;
}

.clear{
	clear:both;
}

.facebook-connect-small{
	background:url("/fundraiser-web/img/misc/facebook-connect-small-bg.jpg") no-repeat scroll right top transparent;
	float:left;
	min-height:80px;
	/*padding-bottom:4px;*/
	width:547px;
}
.facebook-connect-box-bottom-small{
	background:url("/fundraiser-web/img/misc/facebook-connect-small-bg.jpg") no-repeat right bottom;
	width:547px;
	height:10px;
}

.facebook-logo{
	float:left;
	width:100px;
	margin-left:20px;
}

.facebook-link{
	float:right;
	margin-left:20px;
	margin-top:5px;
	width:100px;
}
.facebook-link-big{
	float:right;
	margin-left:20px;
	margin-top:5px;
	width:100px;
}



a.facebooklink:hover, a.facebooklink:link, a.facebooklink:active, a.facebooklink:visited{
	text-decoration:underline;
	color:#FFFFFF;
}

.facebook-connect-content-button{
	float:right;
	width:65px
	color:#FFFFFF;
	margin-right:20px;
}

.facebook-connect-content-button-small{
	float:right;
	width:65px
	color:#FFFFFF;
	margin-right:38px;
}

.facebook-connect-content{
	width:520px;
	padding:17px 17px 0px 17px;
	color:#FFFFFF;
}
.facebook-connect-content h6,  .facebook-connect-content-big h6, .facebook-connect-content-medium h6{
	 margin: 0;
	 color:#FFFFFF;
     font-size: 1.466em;	 
}
.facebook-connect-content-bottom{
	 height:32px;
	 float:left;
	 width:500px;
	 margin-left:20px;
	 padding-top:4px;
	 text-align:center;
}
.facebook-connect-content-bottom-small {
	float:left;
	margin-left:0;
	padding-top:4px;
	text-align:center;
	width:430px;
}

.facebook-connect-content-bottom-big{
	 float:left;
	 width:626px;
	 margin-left:0px;
	 padding-top:4px;
	 text-align:center;
}

 .facebook-connect-content-bottom h6, .facebook-connect-content-bottom-small h6, .facebook-connect-content-bottom-big h6, .facebook-message h6{
	 margin: 0;
	 color:#FFFFFF;
	 margin-bottom:2px;
	 padding-bottom:2px;
} 

.facebook-connect-big{
	background:url("/fundraiser-web/img/misc/facebook-connect-big-bg.jpg") no-repeat scroll left top transparent;
	float:left;
	min-height:120px;
	margin-bottom:0px;
	width:626px;
}

.facebook-connect-box-bottom-big{
	background:url("/fundraiser-web/img/misc/facebook-connect-big-bg.jpg") no-repeat left bottom;
	width:626px;
	padding-bottom:0px;
	height:10px;
}

.facebook-connect-content-big{
	width:600px;
	padding:17px 17px 5px 17px;
	color:#FFFFFF;
}


.facebook-connect-medium{
	background:url("/fundraiser-web/img/misc/facebook-connect-medium-bg.jpg") no-repeat scroll right top transparent;
	float:left;
	min-height:220px;
	/*padding-bottom:4px;*/
	width:440px;
}


.facebook-connect-box-bottom-medium{
	background:url("/fundraiser-web/img/misc/facebook-connect-medium-bg.jpg") no-repeat left bottom;
	width:440px;
	height:10px;
}


.facebook-connect-content-medium{
	width:420px;
	height:165px;
	padding:17px 15px 5px 15px;
	color:#FFFFFF;
}



.facebook-message{
	float:left;
	width:250px;
}