/* <reset> */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
li { list-style-type: none; }
blockquote, q {
	quotes: none;
}
:focus {
	outline: 0;
}
/* </reset> */

/* <essentials> */
.clear { clear: both; height: 0; font-size: 0; line-height: 0; overflow: hidden; }
hr, .hide { display: none !important; }
.hidden { visibility: hidden; }
.none { display: none; }
strong { font-weight: normal; }
em { font-style: normal; }
a { text-decoration: none; color: #989898; }
/* </essentials> */



/* <general and template> */

body { font-family: Arial, sans-serif; background: #ffffff; }

#header-outer { display: none; }

#bar-outer { display: none; }

#footer { display: none; clear: both; height: 40px; margin: 0 20px 20px 20px; color: #333333; padding-top: 23px; font-size: .75em; }

#footer ul#footer-nav { display: none; }
#footer p { font-size: 1em; text-align: center; line-height: 40px; }
#footer-bottom { display: none; }

#content-header { display: none;  }

#content-header-bottom { display: none; }
#content { width: auto; margin: 0 auto; margin-top: 20px; position: relative; margin-bottom: 9px; padding-bottom: 80px; }

#side-box { display: none; }

#main-content { width: auto; float: none; margin-left: 27px; margin-bottom: 30px; position: relative; display: inline; min-height: 200px; }
#main-content h2 { color: #333333; font-size: 1em; font-weight: bold; line-height: 1.5em; margin-bottom: 1.5em;  }

/* </general and template> */


#image-ranking h2 { margin-left: 20px; }
#image-ranking h2 span { margin-left: 10px; }
#image-ranking ol { margin-left: 20px; margin-right: 20px; }

#image-ranking span.cancel { display: none; }
#image-ranking.version2 span.total { font-size: 11px; position: static; top: 0; left: 0; background: transparent; }
#image-ranking ol li.image-container { margin-bottom: 20px; position: relative; clear: both; float: left;  }
#image-ranking ol h3 { font-size: .875em; padding: 12px 12px 12px 0; text-transform: uppercase; font-weight: normal; line-height: 1.2em; }
#image-ranking ol li { margin-bottom: 10px;  }
#image-ranking ol li div { position: relative; padding-left: 20px; }
#image-ranking ol li span.left, #image-ranking ol li span.right { display: none; }
#image-ranking ol ul { margin: 0; clear: both; position: relative; }
#image-ranking ol ul li { margin-right: 12px; position: relative; /* width: 87px; height: 110px; */ margin-bottom: 50px; display: inline; position: relative; float: left; } 
#image-ranking ol ul span { position: absolute; z-index: 1; top: 87px; left: 0; width: 87px; height: 50px; border: none;  text-align: center; line-height: 26px; font-size: 0.875em; }
#image-ranking img { border: 1px solid #666666; width: 85px; height: 85px; }
#image-ranking .limiter { padding: 0; margin: 0 auto; }


#image-ranking #btn-print { display: none; }
#image-ranking #btn-export { display: none; }

#image-ranking #click-image { display: none; }

#image-ranking .stats { float: right; position: relative; display: inline; height: 200px; }

#image-ranking .stats ul.users { padding: 5px 5px 0 5px; font-size: 12px !important; position: relative; }
#image-ranking .stats ul li { width: auto; }
#image-ranking .stats ul li ul { float: left; clear: both; display: inline; position: relative; width: auto; height: 110px; margin: 0; text-align: left;}

#image-ranking #popularity { width: 76px; text-align: left; }
#image-ranking #popularity h4, #image-ranking #audience h4 { margin-bottom: 12px; font-size: 14px; }
#image-ranking #popularity li { width: auto; height: auto; padding: 0; font-size: 28px; display: block; margin-bottom: 6px; }
#image-ranking #popularity li#amount { font-size: 13px; }
#image-ranking #audience { width: 102px; text-align: left; }
#image-ranking #profile-stats { text-align: left; width: 240px; }

#image-ranking .stats li#prevail-gender { height: 43px; width: 43px; position: relative; }
#image-ranking .stats li#prevail-age { height: 40px; width: 43px; position: relative; background: #64b7f3; margin: 0; }
#image-ranking .stats li#prevail-age img, #image-ranking .stats li#prevail-gender img { border: none; height: 43px; width: 43px; }
#image-ranking .stats li#prevail-age span { background: transparent; width: 43px; height: 43px; left: 0; top: 0; line-height: 43px; display: block; position: absolute; color: #ffffff; font-size: 11px; font-weight: bold;  text-align: center; }

#image-ranking ul#profile-stats li { width: 240px; position: relative; text-align: right; clear: both; margin-bottom: 3px; height: 14px; }
#image-ranking #profile-stats li span { top: 0; left: 0; margin:0; margin-left: 5px; clear: right; width: 100px; margin-left: 10px; height: 14px; display: block; position: relative; float: left; background: #666666; }
#image-ranking ul#profile-stats li#go-getter span { background: #d9285e; }
#image-ranking ul#profile-stats li#sophisticat span { background: #fdb00c; }
#image-ranking ul#profile-stats li#easy-rider span { background: #142e83; }
#image-ranking ul#profile-stats li#great-outdoors span { background: #63b9f4; }
#image-ranking ul#profile-stats li#dynamo span { background: #49b524; }

#image-ranking #profile-stats li p { margin-right: 8px; width: 95px; display: inline; float: left; position: relative; }
#image-ranking #profile-stats li.prevail-profile p { font-weight: bold; }
#image-ranking #profile-stats li div { padding: 0; display: inline; float: left; position: relative; width: 25px; height: 14px; }