/* -------------------------------------- misc -------------------------------------- */
.widget_cloud li 
{
    display:inline;
}

/* -------------------------------------- inline widgets -------------------------------------- */
.inline 
{
    display:inline;
    padding-left:17px;
    background-position:left center;
    background-repeat:no-repeat;
}

.widget_starrating_inline
{
    background-image:url(/societycard/images/star.jpg);
    background-repeat:repeat-x;
    background-position:center left;
}
.widget_starrating_inline span 
{
    background-image:url(/societycard/images/star_full.jpg);
    background-repeat:repeat-x;
    background-position:center left;
}
.widget_starrating_inline img 
{
    height:12px;
}

.widget_tags_list li, .widget_pnss_list li, .widget_pnss_icons li
{
    display:inline;
    padding-left:2px;
}
label.widget_pnss_list 
{
    display:inline;
    font-weight:bold;
}
.widget_tags_list ul, .widget_pnss_list, .widget_pnss_icons
{
    display:inline;
}
.widget_tags_list 
{
  color:#555555;
}
.widget_tags_list .title 
{
    font-style:italic;
}

.smiley_green {background-image:url(/societycard/images/smiley_green.gif);}

.inline_user_normal {background-image:url(/societycard/images/users/user_normal.png);}
.inline_user_add {background-image:url(/societycard/images/users/user_add.png);}
.inline_user_comment {background-image:url(/societycard/images/users/user_comment.png);}
.inline_user_delete {background-image:url(/societycard/images/users/user_delete.png);}
.inline_user_edit {background-image:url(/societycard/images/users/user_edit.png);}
.inline_user_female {background-image:url(/societycard/images/users/user_female.png);}
.inline_user_go {background-image:url(/societycard/images/users/user_go.png);}
.inline_user_gray {background-image:url(/societycard/images/users/user_gray.png);}
.inline_user_green {background-image:url(/societycard/images/users/user_green.png);}
.inline_user_orange {background-image:url(/societycard/images/users/user_orange.png);}
.inline_user_red {background-image:url(/societycard/images/users/user_red.png);}
.inline_user_suit {background-image:url(/societycard/images/users/user_suit.png);}

/* ----------------------------------------- vcard and map widgets ----------------------------------------- */
#map .geo, #map .zoom, #map .manager {display:none;}
/*
#map .message 
{
    position:relative;
    top:20px;
    left:80px;
    width:150px;
    background-image:url(/societycard/images/loading.gif);
    background-repeat:no-repeat;
    background-position:top right;
}
*/

/* hatom list entry standard hide geo 
  note that the vcard entries have to be visible to count. Do not use display:none;
*/
.vcard .geo
{
    color:#ffffff;
    display:block;
    height:0px;
    width:0px;
    overflow:hidden;
}

/* ----------------------------------------- infowindow locagroup ----------------------------------------- */
.infowindow_localgroup {
    position:relative;
    width:300px;
}

/* ----------------------------------------- infowindow business ----------------------------------------- */
.infowindow_business {
    position:relative;
    width:450px;
    height:270px;
}
.infowindow_business .title {
    font-weight:bold;
}
/* ------- infowindow business tab info */
.infowindow_business .widget_pns_tablet 
{
    float:left;
    border:1px solid #a0a0a0;
    height:28px;
    margin:0px;
    margin-right:6pt;
}
.infowindow_business .name 
{
    font-weight:bold;
}
.infowindow_business .address, .infowindow_business .telephone
{
    font-size:10pt;
    color:#666666;
}
.infowindow_business .widget_commitment_bubble 
{
    clear:left;
}
/*
.infowindow_business .widget_thermometer_bar 
{
    margin-bottom:6px;
}
.infowindow_business_new .widget_thermometer_bar {
    background-image:url(/societycard/images/new.png);
    background-position:center center;
    background-repeat:no-repeat;
    height:32px;
    width:40px;
    margin-top:10px;
}
.infowindow_business_new .widget_thermometer_bar div {
    display:none;
}
*/
.infowindow_business .widget_pnss_list 
{
    display:block;
    padding:0px;
    margin:0px;
    color:#444444;
}
.infowindow_business label.widget_pnss_list 
{
    display:none;
}
.infowindow_business .quoted 
{
    clear:left;
    color:#444444;
}
.infowindow_business .dont 
{
    color:#ff0000;
    font-size:16pt;
    font-family:Impact;
}
.infowindow_business .widget_opening_hours 
{
    color:#666666;
    font-size:14px;
}
.infowindow_business .more {
    font-size:18px;
    position:absolute;
    bottom:0;
    right:0;
}
.join_here {
    position:absolute;
    bottom:38px; /* position over the actions */
    right:10px;
    white-space:nowrap;
}
.join_here_bottom { /* image dimensions: 19 x 9 */
    position:absolute;
    width:19px;
    height:9px;
    bottom:-9px;
    right:16px;

    background-image:url(/societycard/images/message_bottom.png);
    background-position:center center;
    background-repeat:no-repeat;
}
/* ------- infowindow business tab supporters */
.infowindow_business .support_list {
    margin-left:22px;
}
.infowindow_business .widget_users_inline {
    display:inline;
    font-size:12px;
    font-family:Arial;
    color:#555555;
}
.infowindow_business #more_people {
    display:inline;
    font-size:12px;
    margin-left:10px;
    white-space:nowrap;
}
.infowindow_business .widget_thermometer_bar {
    float:right;
}
.infowindow_business .page1 .title {
    margin-bottom:14px;
}
.infowindow_business .page2 {
    display:none;
}
.infowindow_business #quote {
    clear:left;
}
.infowindow_business .dynamic {
    font-family:Arial;
    color:#222222;
}
.infowindow_business .supporters {
    font-weight:normal;
}
.infowindow_business .joinin {
    position:absolute;
    bottom:0;
    right:0;
    font-size:24px;
    font-weight:bold;
    font-weight:bold;
    padding:0 4px 2px 10px;
    width:expression('180px'); /* wierd old IE 7 is making it 100%... */
}
.infowindow_business .steps {
    margin-bottom:16px;
}
.infowindow_business .page2 .back {
}
.infowindow_business .page2 form {
    float:right;
    background-color:#d7ffd7;
    padding:2px 2px 2px 12px;
}
.infowindow_business .page2 form #form_receiptcode {
    width:100px;
}
/* ------- infowindow business tab goal */
.infowindow_business .widget_marker_image {
    float:left;
    margin-right:4px;
}
.infowindow_business .graph_area {
    float:left;
    margin:0 10px 0 0;
}
.infowindow_business .graph_area .status {
    color:#444444;
    font-size:12px;
    text-align:right;
    margin:0 10px -10px 0;
}
.infowindow_business .graph_area .timeline {
    position:relative;
    z-index:1000;
    color:#444444;
    font-size:12px;
    text-align:center;
    margin-top:-10px;
}
.infowindow_business .graph { /* ul */
    position:relative;
    height:158px;
    width:256px;
    background-image:url(/societycard/images/graph2_bottom.png);
    background-position:bottom center;
    background-repeat:no-repeat;
}
.infowindow_business .graph .periodid_1 {left:12px;}
.infowindow_business .graph .periodid_2 {left:40px;}
.infowindow_business .graph .periodid_3 {left:68px;}
.infowindow_business .graph .periodid_4 {left:96px;}
.infowindow_business .graph .periodid_5 {left:124px;}
.infowindow_business .graph .periodid_6 {left:152px;}
.infowindow_business .graph .periodid_7 {left:180px;}
.infowindow_business .graph .periodid_8 {left:206px;}
.infowindow_business .graph li {
    /* height attribute set in-line style */
    position:absolute;
    bottom:25px;
    width:32px;

    background-image:url(/societycard/images/graph2_column_middle.png);
    background-position:bottom center;
    background-repeat:repeat-y;
}
.infowindow_business .graph li .top {
    height:8px;
    width:32px;

    background-image:url(/societycard/images/graph2_column_top.png);
    background-position:bottom center;
    background-repeat:no-repeat;
}
/*
.infowindow_business .graph .last_true .top {
    background-image:url(/societycard/images/graph2_column_top_red.png);
}
.infowindow_business .graph .last_true {
    background-image:url(/societycard/images/graph2_column_middle_red.png);
}
*/

/* ------- infowindow business tab events */
.infowindow_business .past {
    margin-top:16px;
    color:#666666;
}
      
/* ----------------------------------------- infowindow group ----------------------------------------- */
.infowindow_localgroup .setzoomlevel {
    padding-right:20px;
}
.infowindow_localgroup .setzoomlevel .submission_confirmation {
    margin-left:-24px;
}

/* ----------------------------------------- infowindow shopper ----------------------------------------- */
.infowindow_shopper_new {
    background-image:url(/societycard/images/new.png);
    background-position:top right;
    background-repeat:no-repeat;
}

/* ----------------------------------------- widget_commitment_bubble ----------------------------------------- */
.widget_commitment_bubble 
{
    font-weight:bold;
}
.widget_commitment_bubble .percentage
{
    float:left;
    font-weight:bold;
    color:#770000;
    margin-right:3px;
}
.widget_commitment_bubble .commitment_type 
{
    font-size:8pt;
    color:#770000;
    line-height:8pt;
}
.widget_commitment_bubble .flashmob
{
    color:#aa0000;
    font-size:16pt;
    font-family:Impact;
}
.widget_commitment_bubble .flashmob .date 
{
    font-family:Georgia;
    font-weight:normal;
    font-size:16pt;
}


/* ----------------------------------------- widget_progress_bar ----------------------------------------- */
.widget_progress_bar 
{
    position:relative;
    border-top:1px solid #dddddd;
    border-left:1px solid #dddddd;
    border-bottom:1px solid #aaaaaa;
    border-right:1px solid #aaaaaa;
    background-color:#ffffff;
    padding:0px;
    margin:1px;
    
    /* progress back image
    background-image:url(/societycard/images/progress.png);
    background-position:center center;
    background-repeat:no-repeat;
    */
}
.widget_progress_bar div
{
    background-color:#df001f;
    height:100%;
    height:8px;
    /* margin:-1px; */
}
.widget_progress_bar div div
{
    display:none;
    font-size:7px;
}


/* ----------------------------------------- widget_thermometer_bar ----------------------------------------- */
.widget_business_registration_breadcrumb {
    font-size:15pt;
    color:#555555;
    margin-bottom:16px;
    white-space:nowrap;
}
.widget_business_registration_breadcrumb li {
    display:inline;
    padding-right:14px;
    padding-left:4px;
    background-image:url(/societycard/images/nextstep.png);
    background-position:right center;
    background-repeat:no-repeat;
}
.widget_business_registration_breadcrumb li a {
    text-decoration:none;
}
.widget_business_registration_breadcrumb .first {
    padding-left:0;
}
.widget_business_registration_breadcrumb .last {
    padding-right:0;
    background-image:none;
}
.widget_business_registration_breadcrumb .selected {
    font-weight:bold;
    color:#000000;
}
.widget_business_registration_breadcrumb .selected .description {
    border-bottom:1px dotted #505050;
}
.widget_business_registration_breadcrumb .description {
    padding-left:4px;
}
.widget_business_registration_breadcrumb .number {
    font-family:verdana;
    font-size:18px;
    
    padding:8px;
    background-image:url(/societycard/images/step.png);
    background-position:center center;
    background-repeat:no-repeat;
}
.widget_business_registration_breadcrumb .empty .description {
    background-image:url(/societycard/images/error.png);
    background-position:center right;
    background-repeat:no-repeat;
    padding-right:24px;
}
.widget_business_registration_breadcrumb .complete .description {
    background-image:url(/societycard/images/smalltick.png);
    background-position:center right;
    background-repeat:no-repeat;
    padding-right:24px;
}

/* ----------------------------------------- widget_thermometer_bar ----------------------------------------- */
.widget_thermometer_bar 
{
    float:right;
}
.thermoeter_top 
{
    background-image:url(/societycard/images/thermoeter_top.png);
    background-repeat:no-repeat;
    background-position:center bottom;
    width:32px;
    height:17px;
}
.thermoeter_amount
{
    background-image:url(/societycard/images/thermoeter_empty.png);
    background-repeat:repeat-y;
    background-position:center center;
    width:32px;
    text-align:center;
}
.thermoeter_empty
{
    background-image:url(/societycard/images/thermoeter_empty.png);
    background-repeat:repeat-y;
    background-position:center center;
    width:32px;
}
.thermoeter_full 
{
    background-image:url(/societycard/images/thermoeter_full.png);
    background-repeat:repeat-y;
    background-position:center center;
    width:32px;
}
.thermoeter_bulb 
{
    background-image:url(/societycard/images/thermoeter.png);
    background-repeat:no-repeat;
    background-position:center center;
    width:32px;
    height:38px;
    display:block;
}


/* ------------------------------------------------------------- graded raffle
    A4 = 210mm x 297mm 
    margins = 20mm
    printable height = 297 - 20x2 = 257mm
    printable width  = 210 - 20x2 = 170mm
    grading = 14mm

    5 receipts / page:
    height = 257/5 = 51mm
*/
.graded_raffle {
    font-size:9pt;
}
.graded_raffle .voucher
{
    position:relative;
    height:51mm;
    width:90mm; 
    margin:0;
    padding:0;
    background-image:url(/images/checkerboard.gif);
    background-repeat:no-repeat;
    color:#444444;
    text-align:left;
}

.graded_raffle .v100.back p, .graded_raffle .cover p {
    margin-bottom:3px;
    margin-top:3px;
}
.graded_raffle .back p {
    font-size:12px;
}

/* ################################# variations for voucher size ################################# */
.graded_raffle .v10 .pig,
.graded_raffle .v20 .pig,
.graded_raffle .v50 .pig,
.graded_raffle .v100 .pig,
.graded_raffle .v200 .pig,

.graded_raffle .setmax10 .usesmaller,
.graded_raffle .setmax20 .usesmaller,
.graded_raffle .setmax50 .usesmaller,
.graded_raffle .setmax100 .usesmaller,
.graded_raffle .setmax200 .usesmaller,
.graded_raffle .setmax500 .usesmaller,
.graded_raffle .setmax1000 .usesmaller,

.graded_raffle .setmax10 .example,
.graded_raffle .setmax20 .example,
.graded_raffle .setmax50 .example,
.graded_raffle .setmax100 .example,
.graded_raffle .setmax200 .example,

.graded_raffle .v10 .recycled,
.graded_raffle .v10 .dotorg,

.graded_raffle .v10 .voucher_feedback,
.graded_raffle .v20 .voucher_feedback,
.graded_raffle .v50 .voucher_feedback
{display:none;}

.graded_raffle .v10 .centre .value,
.graded_raffle .v20 .centre .value
{font-size:25mm;}

.graded_raffle .setmax10 #business_owner,
.graded_raffle .setmax20 #business_owner,
.graded_raffle .setmax50 #business_owner,
.graded_raffle .setmax100 #business_owner
{width:100px;}

/* ############################# widths ############################# */
/* pence */
.graded_raffle .v10    {
    width:70mm; 
    background-position:35mm center;
}
.graded_raffle .v20    {
    width:80mm; 
    background-position:35mm center;
}
.graded_raffle .v50    {
    width:90mm; 
    background-position:35mm center;
}
/* pounds */
.graded_raffle .v100    {
    width:100mm; 
    background-image:url(/societycard/images/vouchers/graded_raffle/1.png);
    background-position:45mm center;
}
.graded_raffle .v200    {
    width:110mm; 
    background-image:url(/societycard/images/vouchers/graded_raffle/2.png);
    background-position:55mm center;
}
.graded_raffle .v500    {
    width:120mm; 
    background-image:url(/societycard/images/vouchers/graded_raffle/5.png);
    background-position:55mm center;
}
.graded_raffle .v1000   {
    width:130mm; 
    background-image:url(/societycard/images/vouchers/graded_raffle/10.png);
    background-position:65mm center;
}
.graded_raffle .v2000   {
    width:140mm; 
    background-image:url(/societycard/images/vouchers/graded_raffle/20.png);
    background-position:75mm center;
}
.graded_raffle .v5000   {
    width:150mm; 
    background-image:url(/societycard/images/vouchers/graded_raffle/50.png);
    background-position:85mm center;
}
.graded_raffle .v10000  {
    width:160mm; 
    background-image:url(/societycard/images/vouchers/graded_raffle/100.png);
    background-position:95mm center;
}
.graded_raffle .v20000  {
    width:170mm; 
    background-image:url(/societycard/images/vouchers/graded_raffle/200.png);
    background-position:105mm center;
}
.graded_raffle .v50000  {
    width:180mm; 
    background-image:url(/societycard/images/vouchers/graded_raffle/500.png);
    background-position:115mm center;
}
.graded_raffle .v100000 {
    width:190mm; 
    background-image:url(/societycard/images/vouchers/graded_raffle/1000.png);
    background-position:125mm center;
}

/* layout */
.graded_raffle .stub {               /* used by cover on the left always and others */
    float:left;
    position:relative;
    height:100%;
    width:20mm;
    margin-right:-22mm;              /* bring width 100% DIV back up (+borders) */
    border:1px solid #ffffff;
    border-right:1px dashed #d0d0d0; /* replaced with white in print */
}
.graded_raffle .back .stub {
    float:right;
    margin-right:0;
    margin-left:-22mm;               /* bring width 100% DIV back up (+borders) */
    border-right:1px solid #ffffff;  /* maintain positions */
    border-left:1px dashed #d0d0d0;  /* replaced with white in print */
}
.graded_raffle .centre {
    float:left;
    position:relative;
    height:100%;
    width:100%;
}
.graded_raffle .squeeze { /* squeeze sits in the floated centre to provide margins away from the sidebars */
    position:relative;
    height:47mm;
    margin:2mm 13mm 1.5mm 23mm; /* plus padding */
}
.graded_raffle .back .squeeze {
    margin:2mm 23mm 2mm 5mm; /* plus padding (left side needs a bit more because of skew printing) */
}
.graded_raffle .step {
    float:right;
    position:relative;
    width:10mm;
    margin-left:-12mm; /* bring width 100% DIV back up (+borders) */
    height:100%;
    overflow:hidden;
    border-left:1px solid #d0d0d0; /* always there: part of graphics */
}

/* guides */
.graded_raffle .guide {
    position:absolute;
    display:none;
    width:2mm;
    height:2mm;
    border:1px dotted #444444;
}
.graded_raffle .top_right {
    top:-1px;
    right:-1px;
    border-bottom:none;
    border-left:none;
}
.graded_raffle .top_left {
    top:-1px;
    left:-1px;
    border-bottom:none;
    border-right:none;
}
.graded_raffle .bottom_right {
    bottom:-1px;
    right:-1px;
    border-top:none;
    border-left:none;
}
.graded_raffle .bottom_left {
    bottom:-1px;
    left:-1px;
    border-top:none;
    border-right:none;
}


/* sidebars */
.graded_raffle .stub .code, .graded_raffle .step .code {
    position:absolute;
    bottom:2mm;
    right:2mm;
    width:20px;
}
.graded_raffle .stub .value, .graded_raffle .step .value {
    position:absolute;
    top:2mm;
    right:2mm;
    width:20px;
}
.graded_raffle .back .stub .voucherid {
    position:absolute;
    bottom:1mm;
    left:2mm; /* next to perforation (reverse) */
}
.graded_raffle .back .centre .recycled {
    position:absolute;
    bottom:1mm;
    left:0;
}
.graded_raffle .back .centre .voucherid {
    position:absolute;
    bottom:1mm;
    right:1mm;
}
.graded_raffle .back .pig {
    float:right;
}

/* centre: squeeze provides the border */
.graded_raffle .centre .logo {
    position:absolute;
    top:0;
    right:0;
}
.graded_raffle .centre .code {
    padding:0 5mm 0 5mm;
    display:inline;
}
.graded_raffle .centre .value {
    position:absolute;
    top:5mm;
    left:0;
    z-index:100;
}
.graded_raffle .centre .name {
    position:absolute;
    top:0;
    left:0;
    text-align:left;
    padding-right:46px;
    /* white-space:nowrap; */
}

/* front cover */
body .graded_raffle .cover {
    background-image:none;
}
body .graded_raffle .cover .squeeze {
    margin-right:1mm; /* take the text over the step for the cover */
}
body .graded_raffle .cover #business_owner {
    float:left;
    position:relative;
    top:-3px;
    margin-right:5px;
    padding:1px;
    border:1px solid #a0a0a0;
}
.graded_raffle .stub .logo {
    position:absolute;
    top:1mm;
    right:3mm;
}
.graded_raffle .stub .bookid {
    position:absolute;
    bottom:4mm;
    right:3mm;
}

/* other */
body .graded_raffle .splitter {
    background-image:none;
}
body .graded_raffle .back {
    background:none;
}

/* style */
.graded_raffle .phone_number {
    font-weight:bold;
    white-space:nowrap;
}
.graded_raffle a {
    font-family:Arial;
    white-space:nowrap;
}
.graded_raffle .centre .name 
{
    font-family:Verdana;
    font-size:4mm;
    font-weight:bold;
}
/*
.graded_raffle .centre .name .number {
    font-size:6mm;
}
*/
.graded_raffle .centre .value
{
    font-family:Impact;
    font-size:35mm;
    color:#ffffff;
    vertical-align:middle;
    line-height:44mm;
}
/* text-shadow manually 
.graded_raffle .centre .value {
    text-shadow: #000000 0 0 6px;
}
*/
.graded_raffle .centre .value span {
    position:absolute;
    top:0;
    left:0;
}
.graded_raffle .centre .value .outline1 {color:#777777;}
.graded_raffle .centre .value .outline2 {color:#dddddd;}
.graded_raffle .centre .value .outline1 .left         {left:-1px;}
.graded_raffle .centre .value .outline1 .right        {left:1px;}
.graded_raffle .centre .value .outline1 .top          {top:-1px;}
.graded_raffle .centre .value .outline1 .bottom       {top:1px;}    
.graded_raffle .centre .value .outline2 .top-left     {top:-2px;left:-2px;}
.graded_raffle .centre .value .outline2 .top-right    {top:-2px;left:2px;}
.graded_raffle .centre .value .outline2 .bottom-left  {top:2px;left:2px;}
.graded_raffle .centre .value .outline2 .bottom-right {top:2px;left:-2px;}    
.graded_raffle .centre .value .main   {color:#ffffff;}

.graded_raffle .bookid 
{
    font-family:Arial;
    font-size:4mm;

    color:#ffffff;
    background-color:#335544;
    padding-left:2mm;
    padding-right:2mm;
}
.graded_raffle .code
{
    font-family:Arial;
    font-size:4mm;
    white-space:nowrap;

    text-align:center;
    border-right:1px solid #000000;
    border-bottom:1px solid #000000;
    border-top:1px solid #444444;
    border-left:1px solid #444444;
    background-color:#ffffff;
    color:#000;
}
.graded_raffle .voucherid, .graded_raffle .recycled {
    font:georgia;
    font-size:13px;
    color:#a0a0a0;
}