@namespace url(http://www.w3.org/1999/xhtml);


/*
By banthaz
Version 1.0 (Aug 16 2011)
*/


/******************************** ICON ********************************/


/********************* POSITION *********************/


/* Position */
div#autopagerize_icon
{
z-index: 999999 !important;
position: fixed !important;
top: 3px !important;
right: 3px !important;
}





/*********************** STYLE **********************/


/* Style & Size */
div#autopagerize_icon,
div#autopagerize_help > div:nth-child(1) > div > div:nth-child(odd)
{
border: none !important;
border-radius: 2px !important;
height: 10px !important;
width: 10px !important;
}





/********************** COLORS **********************/


/* On */
div#autopagerize_icon[style*="rgb(0, 255, 0)"],
div#autopagerize_help > div:nth-child(1) > div > div:nth-child(1)
{
background: rgb(0, 255, 0) !important;
}


/* Off */
div#autopagerize_icon[style*="rgb(204, 204, 204)"],
div#autopagerize_help > div:nth-child(1) > div > div:nth-child(3)
{
background: rgb(204, 204, 204) !important;
}


/* Loading */
div#autopagerize_icon[style*="rgb(0, 255, 255)"],
div#autopagerize_help > div:nth-child(1) > div > div:nth-child(5)
{
background: rgb(0, 255, 255) !important;
}


/* Terminated */
div#autopagerize_icon[style*="rgb(0, 0, 255)"],
div#autopagerize_help > div:nth-child(1) > div > div:nth-child(7)
{
background: rgb(0, 0, 255) !important;
}


/* Error */
div#autopagerize_icon[style*="rgb(255, 0, 255)"],
div#autopagerize_help > div:nth-child(1) > div > div:nth-child(9)
{
background: rgb(255, 0, 255) !important;
}






/******************************** POPUP *******************************/


/****************** THE WHOLE POPUP *****************/


/* Position, Size, Style & Animation */
div#autopagerize_help:not(#override)
{
z-index: 999998 !important;
position: fixed !important;
top: 2px !important;
right: 2px !important;
width: 135px !important;
height: 70px !important;
padding: 5px !important;
border: 1px solid rgb(204, 204, 204) !important;
-moz-transition-property: top, right !important;
-moz-transition-duration: .4s !important;
-moz-transition-timing-function: ease-out !important;
}
div#autopagerize_help:-moz-any([style*="top:-200px;"],[style*="top: -200px;"]):not(#override)
{
top: -140px !important;
right: -270px !important;
}





/******************* GENERAL RULES ******************/


/* Style & Text style */
div#autopagerize_help,
div#autopagerize_help *
{
background: white !important;
box-shadow: none !important;
border: none !important;
color: black !important;
font-size: 10px !important;
font-family: verdana !important;
font-weight: normal !important;
line-height: 120% !important;
text-align: left !important;
text-shadow: none !important;
}





/******************* THE "LEGEND" *******************/


/* Various fixes */
div#autopagerize_help > div:nth-child(1) > div
{
width: 80px !important;
float: left !important;
}
div#autopagerize_help > div:nth-child(1) > div > div:nth-child(odd)
{
float: left !important;
margin: 0 3px !important;
}
div#autopagerize_help > div:nth-child(1) > div > div:nth-child(even)
{
margin: 0 3px !important;
text-transform: capitalize !important;
}





/*************** ON/OFF TOGGLE BUTTON ***************/


/* Create the button */
div#autopagerize_help > div:nth-child(2) > a.autopagerize_link
{
font-size: 0 !important;
text-decoration: none !important;
}
div#autopagerize_help > div:nth-child(2) > a.autopagerize_link::after
{
content: "Turn off" !important;
font-size: 10px !important;
-moz-appearance: button !important;
}
div#autopagerize_icon[style*="rgb(204, 204, 204)"] + div#autopagerize_help > div:nth-child(2) > a.autopagerize_link::after
{
content: "Turn on" !important;
padding-right: 1px !important;
}





/*********************** OTHER **********************/


/* Remove an unnecessary WOT circle */
div#autopagerize_help > div:nth-child(3) > div
{
display: none !important;
}