html,body
{
margin: 0px;
padding: 0px; 
font-size: 130%;
}

html
{
height: 100%;
cursor: default;
}


body
{
background-color: #777;
font-family: Verdana;
width: 100%;
min-height: 550px;
overflow-x: auto;
overflow-y: auto;
white-space: nowrap;
height: 100%;
min-height: 100%;

-webkit-text-size-adjust: 100%;


}

.quick
{
    
}

#log
{
position: absolute;
top: 99%;
z-index: 100000;
font-size: smaller;
}

h3
{
    margin: 0px;
}
h1
{margin: 0px;}

h3#contbm
{
margin-top: 0%;
margin-bottom: 0%;
font-size: 40%;
}

h1#recentpledges_lb
{
margin-top: 1%;
color: #444;
text-shadow: 0px 2px 3px #999; 
}

h1#title_lt
{
margin-top: 0%;
color: #ccc;
font-size: xx-large;
text-shadow: 0px 2px 3px #fff;
}
#title_ltsub
{
    margin-top: 0px;
    font-size: 0.3em;
    color: #ccc;
}

h1#newpledge_rt
{
margin-top: 0%;
color: #ccc;
text-shadow: 0px 2px 3px #fff;
font-weight:bolder;
}

h1#editpledge_br
{
margin-top: 0%;
color: #ddd;
text-shadow: 0px 2px 3px #fff;
font-weight:normal;
}

h2#info_rb 
{
text-shadow: 0px 2px 3px #888;
color: #222;
text-align: center;
}

h2#white 
{
text-shadow: 0px 2px 3px #fff;
color: #bbb;
}

div
{
    display: block;
    /*-moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;

   /*
     Introduced in IE 10.
     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
   */
   /*-ms-user-select: none;
   user-select: none;*/
    
}

.break
{
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;
}

div.bg
{
background-image: url(../images/earth-a.png);
position: absolute;
background-repeat: no-repeat;
width:100%; 
height: 1000px; top:0;
/* height:1000px; top: -50px; 
left: -200px;*/

}

/* 
++++++++++++++++++++++++++++++++++
background/title stuff
*/

/*div.grad
{
background-image: url(img/grad1.png);
width:100%; height: 100%;
position: absolute;
}*/
/*
div.title
{
color: #aaa;
text-shadow: 0px 2px 3px #ccc;
font-size: 300%;
position: absolute;
bottom: 0%;
right: 2%;
font-family: 'Garamond';
font-weight: bolder;
}*/

/* 
++++++++++++++++++++++++++++++++++
main container
*/



div.containercontent
{
position: absolute;
left:0%;
top:0%;
width: 100%;
z-index: 2;
/* background-color: #FFF; */
}

div.popupbig
{
z-index: -10;
position: absolute;
left:8%;
top:6%;
width: 80%;
min-height: 400px;
overflow-y: auto;
height: 84%;
background-color: #FFF; 
opacity: 0.0;
padding: 2%;
font-size: 0.5em;

    -webkit-transition: opacity 0.5s ease-in-out;
       -moz-transition: opacity 0.5s ease-in-out;
        -ms-transition: opacity 0.5s ease-in-out;
         -o-transition: opacity 0.5s ease-in-out;
            transition: opacity 0.5s ease-in-out;
            
 /*   -webkit-transition: all 1s ease-in-out;
       -moz-transition: z-index 0.5s ease-in-out;
        -ms-transition: z-index 0.5s ease-in-out;
         -o-transition: z-index 0.5s ease-in-out;
            transition: z-index 2s ease-in-out;*/
}

div.popuppreview
{
z-index: -10;
padding: 5%;
position: absolute;
left:5%;
top: 30%;
width: 80%;
background-color: #FFF; 
opacity: 0.0;
text-align: center;

    -webkit-transition: opacity 0.5s ease-in-out;
       -moz-transition: opacity 0.5s ease-in-out;
        -ms-transition: opacity 0.5s ease-in-out;
         -o-transition: opacity 0.5s ease-in-out;
            transition: opacity 0.5s ease-in-out;
            
 /*   -webkit-transition: all 1s ease-in-out;
       -moz-transition: z-index 0.5s ease-in-out;
        -ms-transition: z-index 0.5s ease-in-out;
         -o-transition: z-index 0.5s ease-in-out;
            transition: z-index 2s ease-in-out;*/
}

div.popup_pledgedetails
{
z-index: -10;
padding: 5%;
position: absolute;
left:5%;
top: 10%;
width: 80%;
height: 60%;
background-color: #FFF; 
opacity: 0.0;
text-align: center;
overflow-y: auto;

    -webkit-transition: opacity 0.5s ease-in-out;
       -moz-transition: opacity 0.5s ease-in-out;
        -ms-transition: opacity 0.5s ease-in-out;
         -o-transition: opacity 0.5s ease-in-out;
            transition: opacity 0.5s ease-in-out;
            
 /*   -webkit-transition: all 1s ease-in-out;
       -moz-transition: z-index 0.5s ease-in-out;
        -ms-transition: z-index 0.5s ease-in-out;
         -o-transition: z-index 0.5s ease-in-out;
            transition: z-index 2s ease-in-out;*/
}

div.popup_pledgedetails input[type=text]
{
background-color: #04B100;
color: #EEEEEE;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
border: 0 !important;  
width:130px;
text-align: center;
}

div.popup_pledgedetails h5
{
color: #04B100;
border-bottom: 1px solid #04B100;
padding-bottom: 25px;

}
#slider
{
color: #04B100;
text-align: center;
margin-bottom: 30px;
width: 40%;
left:30%;
}

div.popup_pledgedetails p
{
color: #04B100;
font-size: smaller;
padding-top: 25px;
margin-top: 20px;
margin-bottom: 20px;
line-height: 20px;
}

/*
.closex
{
top:0%;
right:1%;
position:absolute;
z-index:-9;
}*/
/* 
++++++++++++++++++++++++++++++++++
second level left/right
*/

div.containercontentleft
{
position: relative;

/*min-width: 160px;*/
}

div.containercontentright
{
position: relative;
/*min-width: 160px;*/
}

div.containercontentbottom
{
position: relative;
/*min-width: 160px;*/
}

/* 
++++++++++++++++++++++++++++++++++
low level tiles
*/

div.contentlefttop
{
position: relative;
text-align: center; 
height: 150px;
/*min-width: 160px;*/
background-color: #854F00;    
opacity:0.8;
cursor: pointer;

background: rgb(155,114,31); /* Old browsers */
background: -moz-linear-gradient(top, rgba(155,114,31,1) 0%, rgba(137,75,0,1) 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(155,114,31,1)), color-stop(99%,rgba(137,75,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(155,114,31,1) 0%,rgba(137,75,0,1) 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(155,114,31,1) 0%,rgba(137,75,0,1) 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(155,114,31,1) 0%,rgba(137,75,0,1) 99%); /* IE10+ */
background: linear-gradient(to bottom, rgba(155,114,31,1) 0%,rgba(137,75,0,1) 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b721f', endColorstr='#894b00',GradientType=0 ); /* IE6-9 */
}

div.contentleftbottom
{
    margin-top: 5px;
position: relative;
height: 400px;
width: 100%;
text-align: left;
/*min-width: 160px;
background-color: #14D100;  */  
opacity:0.8;  
overflow-y: auto;
}
   

div.contentrighttop
{
margin-top: 5px;
position: absolute;
/*left: 58%; */ 
text-align: left; 
width: 100%; 
/*min-width: 140px; */
height: 100%;
background-color: #4867D6;   
opacity:0.8;
color: #eee;

background: rgb(64,150,238); /* Old browsers */
background: -moz-linear-gradient(top, rgba(64,150,238,1) 3%, rgba(0,118,237,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,rgba(64,150,238,1)), color-stop(100%,rgba(0,118,237,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(64,150,238,1) 3%,rgba(0,118,237,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(64,150,238,1) 3%,rgba(0,118,237,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(64,150,238,1) 3%,rgba(0,118,237,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(64,150,238,1) 3%,rgba(0,118,237,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4096ee', endColorstr='#0076ed',GradientType=0 ); /* IE6-9 */

}

div.contentrightbottom
{
margin-top: 10px;
position: relative; 
text-align: left; 
width: 100%; 
height:100%;
/*min-width: 140px; 
background-color: #8B007F; */
opacity:0.8;
color: #ddd;

background: rgb(153,47,153); /* Old browsers */
background: -moz-linear-gradient(top, rgba(153,47,153,1) 0%, rgba(119,0,132,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153,47,153,1)), color-stop(100%,rgba(119,0,132,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(153,47,153,1) 0%,rgba(119,0,132,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(153,47,153,1) 0%,rgba(119,0,132,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(153,47,153,1) 0%,rgba(119,0,132,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(153,47,153,1) 0%,rgba(119,0,132,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#992f99', endColorstr='#770084',GradientType=0 ); /* IE6-9 */


background:purple;

}

div.contentbottomleft
{
margin-top: 5px;
position: relative;
text-align: center; 
height: 100%;
/*min-width: 140px; */
background-color: #333;  
opacity:0.8;    
color: #ddd;
letter-spacing: 2px;   
padding: 10px 5px;
}

div.contentbottommiddle
{
margin-top: 0px;
position: relative; 
text-align: center; 
height: 100%;
/*min-width: 140px; */
background-color: #333;  
opacity:0.8; 
padding: 10px 5px;
}

div.contentbottomright
{
padding: 0px;
margin-top: 0px;
position: relative;
text-align: center; 
height: 100%;
/*min-width: 140px; */
background-color: #333;  
opacity:0.8;   
color: #ddd;
}

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


div.contentleftbottom a
{
text-decoration: none;
color: inherit;
}

div.contentleftbottom table
{
    
border-spacing: 0px;
border:0px;
line-height: 120%;
color: #333;
font-size: small;
}

/*
#column_no
{
font-size: xx-small;
}
*/

#column_ts
{
font-size: small;
line-height: 100%;
text-align: center;
}
#column_country
{
    vertical-align: middle;
}

#column_rate
{

line-height: 18px;
}

#column_timevalue
{
font-size: small;
}

#column_persons
{
font-size: small;
}

#column_proof
{
font-size: small;
}

#column_value
{
    font-weight: bold;
}

#header_country
{
width:40px;
}

#header_ts
{
width:45px;
}

#header_proven
{
width:50px;
}
#header_timevalue
{
width:60px;
}

#header_proof
{
width:45px;
}

#header_value
{
width: 90px;
}

div.contentleftbottom th
{ 
font-size: smaller;
color: #ccc;
line-height: 120%;
text-align: left;

background: rgb(82,177,82); /* Old browsers */
background: -moz-linear-gradient(top, rgba(82,177,82,1) 0%, rgba(0,138,0,1) 21%, rgba(0,87,0,1) 67%, rgba(11,96,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(82,177,82,1)), color-stop(21%,rgba(0,138,0,1)), color-stop(67%,rgba(0,87,0,1)), color-stop(100%,rgba(11,96,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(82,177,82,1) 0%,rgba(0,138,0,1) 21%,rgba(0,87,0,1) 67%,rgba(11,96,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(82,177,82,1) 0%,rgba(0,138,0,1) 21%,rgba(0,87,0,1) 67%,rgba(11,96,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(82,177,82,1) 0%,rgba(0,138,0,1) 21%,rgba(0,87,0,1) 67%,rgba(11,96,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(82,177,82,1) 0%,rgba(0,138,0,1) 21%,rgba(0,87,0,1) 67%,rgba(11,96,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52b152', endColorstr='#0b6000',GradientType=0 ); /* IE6-9 */
background: #555;
}

div.contentleftbottom tr:hover
{
color: #eeeeee;
opacity: 0.88;
}

div.contentleftbottom td
{
padding: 2px;
text-align: left;
letter-spacing: 0.9px; 
}

div.contentleftbottom tr:nth-child(odd)		{ 
background: rgb(129,178,66); /* Old browsers */
background: -moz-linear-gradient(top, rgba(129,178,66,1) 0%, rgba(138,182,107,1) 44%, rgba(57,130,53,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(129,178,66,1)), color-stop(44%,rgba(138,182,107,1)), color-stop(100%,rgba(57,130,53,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(129,178,66,1) 0%,rgba(138,182,107,1) 44%,rgba(57,130,53,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(129,178,66,1) 0%,rgba(138,182,107,1) 44%,rgba(57,130,53,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(129,178,66,1) 0%,rgba(138,182,107,1) 44%,rgba(57,130,53,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(129,178,66,1) 0%,rgba(138,182,107,1) 44%,rgba(57,130,53,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#81b242', endColorstr='#398235',GradientType=0 ); /* IE6-9 */    
    
    /*
background: rgb(180,227,145); 
background: -moz-linear-gradient(top, rgba(180,227,145,1) 0%, rgba(97,196,25,1) 98%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(180,227,145,1)), color-stop(98%,rgba(97,196,25,1))); 
background: -webkit-linear-gradient(top, rgba(180,227,145,1) 0%,rgba(97,196,25,1) 98%); 
background: -o-linear-gradient(top, rgba(180,227,145,1) 0%,rgba(97,196,25,1) 98%); 
background: -ms-linear-gradient(top, rgba(180,227,145,1) 0%,rgba(97,196,25,1) 98%); 
background: linear-gradient(to bottom, rgba(180,227,145,1) 0%,rgba(97,196,25,1) 98%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#61c419',GradientType=0 ); */
}
div.contentleftbottom tr:nth-child(even)        { 
background: rgb(129,178,66); /* Old browsers */
background: -moz-linear-gradient(top, rgba(129,178,66,1) 0%, rgba(138,182,107,1) 44%, rgba(57,130,53,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(129,178,66,1)), color-stop(44%,rgba(138,182,107,1)), color-stop(100%,rgba(57,130,53,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(129,178,66,1) 0%,rgba(138,182,107,1) 44%,rgba(57,130,53,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(129,178,66,1) 0%,rgba(138,182,107,1) 44%,rgba(57,130,53,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(129,178,66,1) 0%,rgba(138,182,107,1) 44%,rgba(57,130,53,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(129,178,66,1) 0%,rgba(138,182,107,1) 44%,rgba(57,130,53,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#81b242', endColorstr='#398235',GradientType=0 ); /* IE6-9 */    
    
/*
background: rgb(201,222,150); 
background: -moz-linear-gradient(top, rgba(201,222,150,1) 0%, rgba(138,182,107,1) 44%, rgba(57,130,53,1) 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(201,222,150,1)), color-stop(44%,rgba(138,182,107,1)), color-stop(100%,rgba(57,130,53,1))); 
background: -webkit-linear-gradient(top, rgba(201,222,150,1) 0%,rgba(138,182,107,1) 44%,rgba(57,130,53,1) 100%); 
background: -o-linear-gradient(top, rgba(201,222,150,1) 0%,rgba(138,182,107,1) 44%,rgba(57,130,53,1) 100%); 
background: -ms-linear-gradient(top, rgba(201,222,150,1) 0%,rgba(138,182,107,1) 44%,rgba(57,130,53,1) 100%); 
background: linear-gradient(to bottom, rgba(201,222,150,1) 0%,rgba(138,182,107,1) 44%,rgba(57,130,53,1) 100%); */

    
   /* background-color:#24E100;*/}


/* necessary if rate field is in table, not in popup */
/*
div.contentleftbottom table input[type=number]
{
background-color: #04B100;
color: #EEEEEE;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
border: 0 !important;  
width:15px;
text-align: center; 
}
*/




/*
div.contentleftbottom tr:nth-child(4n), div.contentleftbottom tr:nth-child(4n-1) {
    
}
div.contentleftbottom tr:nth-child(4n-2), div.contentleftbottom tr:nth-child(4n-3) {
    background-color:#24E100;
}
*/
div.contentrighttop * .form_div 
{
    
    width: 60%;
    position:relative;
    text-align: right;
    right:0%;
    line-height:120%;
}

div.contentrighttop * .form_div > .descr
{
    display:inline;
    position: absolute;
    left: 0%;
    zoom: 1.0;
    font-size: 0.7em;
}

div.contentrighttop * .form_div > .content
{
    left: 30%;
    font-size: small;
    zoom: 1.4;
}

div.contentrighttop * .form_divx
{
    position:absolute;
    right:3%;
    width:36%;
    font-size: 50%;
    
}

#quickfullswitch
{
    cursor: pointer;
    text-align: right;
    font-weight: bold;
    position: absolute;
    bottom: 0%;
    right: 2%;
    font-size: small;
    
}

/*
div.contentrighttop * table
{
font-size: normal;
border-spacing: 0px;
border:1px;
color: #eee;
font-size:small;
margin: 5%;
width: 90%;
}*/

div.contentrighttop * input[type=number]
{
background-color: #3050C0;
color: #EEEEEE;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
border: 0 !important;
height: 100%;
}

div.contentrighttop * select
{
background-color: #3050C0;
width: 200 px;
height: 100%;
color: #EEEEEE;  
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
border: 0 !important;  /*Removes border*/
-webkit-appearance: none;  /*Removes default chrome and safari style*/
-moz-appearance: none;
    
}

div.contentrighttop * input[type=submit]
{
background-color: #3050C0;
color: #EEEEEE;  
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
border: 3 !important;  /*Removes border*/
-webkit-appearance: none;  /*Removes default chrome and safari style*/
-moz-appearance: none;
cursor:pointer;
width:100%;
}


div.contentrighttop * textarea
{
background-color: #3050C0;
color: #EEEEEE;  
width: 100%; 
height: 160px;
font-family: Verdana;
}


div.contentbottomright * input
{
background-color: #ccc;
color: #333;  
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
border: 0 !important;  /*Removes border*/
-webkit-appearance: none;  /*Removes default chrome and safari style*/
-moz-appearance: none;
    
}

div.contentrightbottom h4
{
    margin: 0px;
    padding: 0px 10px 0px 10px;
    font-size: 0.7em;
}

div.contentrightbottom * p
{
    padding: 0px 10px 0px 10px;
    font-size:small;
}
div.contentrightbottom * span
{
    padding: 0px 1%;
    cursor:pointer;
    font-size: small;
}

/*
#linkcontainer_rb
{
    width: 90%;
    text-align: center;
    font-weight: bold;
    position: absolute;
    font-size: smaller;
    padding: 0px 10px 0px 10px;
    bottom: 2px;
    
cursor:pointer;

    
}

*/
#factbutton
{
cursor:pointer;
}

#infobox
{
    
    font-style: italic;
}


div.contentbottomleft p
{
    padding: 0px 10px 0px 10px;
    margin: 0px;
    font-size:small;
}


.test
{ position: absolute;
  bottom: -100px;
     width: 100px;
  height: 100px;
background: red;
z-index: 1000000;
    
    -webkit-transition: opacity 2s ease-in-out;
  -moz-transition: opacity 2s ease-in-out;
  -ms-transition: opacity 2s ease-in-out;
  -o-transition: opacity 2s ease-in-out;
  transition: opacity 2s ease-in-out;
 
}
.test:hover
{
    opacity: 0.1;
}

ul {
    list-style: none;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}


div.popup p
{
    
}

#site_bl span
{
    cursor: pointer;
    font-size: normal;
}
#resourcesbar span
{
    cursor:pointer;
}

#backbutton
{
    cursor:pointer;
    position: absolute;
    left: 1%;
    top: 1%;
    font-size: smaller;
    color: #444;
}

#closebutton
{
    cursor:pointer;
    position: absolute;
    right: 1%;
    top: 1%;    
    color: #444;    
    font-size: xx-large;
}

#simplesitelink
{
    z-index: 10000;
    position: absolute;
    left:5px;
    
}
#simplesitelink a
{
    text-decoration: none;
    color:#854F00;
    font-weight: bold;
    font-size: xx-small;
}


.share-buttons img {
padding: 1px;
border: 0;
box-shadow: 0;
display: inline;
}

#share-buttons-details {
    white-space: nowrap;
        filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: none;
}

#share-buttons-details img {
    width: 17px;
}

#share-buttons-main img {
    width: 22px;
}

#mainsharelinks
{
    -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: url(grayscale.svg); /* Firefox 4+ */
  filter: gray; /* IE 6-9 */
    
}
#mainsharelinks img
{
    width:22px;
}

#loadingDiv
{
    position: fixed;
    width: 200%;
    height: 200%;
    z-index: 10000;
    background-color: #000;
    opacity: 0.2;
}

#loadingSpinner
{
    position: absolute;
    width:100px;
}