/* ==================
		RANKING LIST
===================== */
#no-results
{
	font-weight: bold;
	font-size: 14px;
	color: red;
}

#tip { margin-top: 10px; }

#tip strong
{
	display: block;
	font-weight: bold;
	margin-bottom: 3px;
}

#ranking-list-h 
{
	margin-bottom: 15px;
	text-decoration: underline;
}

ul#ranking-list
{
	margin-bottom: 10px;	
}

ul#ranking-list li
{
	height: 50px;	
	margin-bottom: 5px;
	background: url('./../images/dot_grey.jpg') 70px bottom repeat-x;	
}

ul#ranking-list li div
{
	float: left;
	height: 30px;
	padding-top: 20px;
}

ul#ranking-list li div.top-image
{
	width: 46px;
	height: 46px;			
	padding: 2px;	
	margin: 0 10px 0 0;	
}

ul#ranking-list li div.top-counter
{
	font-weight: bold;
	/*color: #ff7200;*/
	color: #0AA9E0;
	width: 20px;	
}

ul#ranking-list li dl
{
	float: left;
	height: 30px;
	padding-top: 20px;
	width: 550px;	
}

ul#ranking-list li dl dd
{
	float: left;
}

ul#ranking-list li dl dd.flag { width: 25px; }
ul#ranking-list li dl dd.name { width: 190px; }
ul#ranking-list li dl dd.standard {  width: 100px;   }
ul#ranking-list li dl dd.standard img {  margin-top: 1px;  }
ul#ranking-list li dl dd.rate 
{ 
	width: 97px;
	_width: 95px; 
	padding-left: 25px;	
	background: url('./../images/rate.jpg') 0 1px no-repeat; 
}
ul#ranking-list li dl dd.opinions 
{ 
	width: 72px; 
	_width: 70px;
	padding-left: 20px;	
	background: url('./../images/comments.jpg') 0 1px no-repeat; 
}
ul#ranking-list li dl dd.link { width: 20px; }



/* ==================
		LOADER INDICATOR 
===================== */
#loader-wrapper { height: 50px; }

#loader-wrapper p
{	
	height: 40px;
	padding: 10px 0 0 40px;
	background: url('./../images/loading.gif') left top no-repeat;
}

/* ================
		RANKING FORM 
=================== */
form#ranking-form fieldset
{
	border: none;	
}

.fieldset-separator { height: 25px; }

div.ranking
{
	position: relative;	
	padding: 30px 0px 21px 25px;
	border: 1px solid #ededed;	
}

div.param { padding: 30px 0px 14px 25px; }

div.ranking label.legend
{	
	position: absolute;
	top: -11px;
	left: 5px;
	_top: -9px;
	_left: -19px;
	padding: 0 16px 0 5px;
	color: #ff7200;
	font-style: italic;
	font-size: 18px;	
	background: #ffffff url('./../images/forms/form-legend-right-bg.jpg') right 10px no-repeat;	
	_background: #ffffff url('./../images/forms/form-legend-right-bg.jpg') right 9px no-repeat;	
}

div.ranking label.legend span
{
	position: absolute;
	left: -6px;
	_left: -7px;
	top: 10px;
	_top: 9px;
	width: 6px;
	height: 6px;
	background: url('./../images/forms/form-left-top-corner.jpg') left top no-repeat;
}

/* FIELDSET -> zakres rankingu */
div.ranking div.level-wrapper
{
	overflow: hidden;
	height: 20px;	
	margin: 0 0 5px 0;	
}

div.ranking div.level-wrapper label
{
	display: block;
	float: left;
	width: 100px;
	padding: 3px 0 0 0;
	font-weight: bold;
}

div.ranking div.level-wrapper select
{
	float: left;
	width: 200px;
	font-size: 11px;
	height: 18px;
	.height: 20px;
	border: 1px solid #dddddd;	
}

div.ranking div.level-wrapper select optgroup
{
	font-style: normal;
}

div.ranking div.level-wrapper select option
{
	padding-left: 20px;
}

div#globe
{
	position: absolute;
	top: 0;
	right: 25px;
}

/* FIELDSET -> parametry rankingu */
div.ranking div.param-wrapper
{
	overflow: hidden;
	height: 20px;	
	margin: 0 0 5px 0;	
}

div.ranking div.criteria-h strong
{
	display: block;
	padding: 3px 0 0 0;
	color: #ff7200;
	
}

div.ranking div.param-wrapper label
{
	display: block;
	float: left;
	width: 200px;
	padding: 3px 0 0 0;
	font-weight: bold;
}

div.ranking div.param-wrapper label.short-label 
{ 
	width: 93px;
	margin-left: 10px;
}

div.ranking div.param-wrapper select
{
	float: left;
	width: 130px;
	font-size: 11px;
	height: 18px;
	.height: 20px;
	border: 1px solid #dddddd;	
}

div.ranking div.param-wrapper select#top-rank { width: 45px; }

div.ranking div.param-wrapper select#filter 	{ width: 185px; }

div.ranking div.param-wrapper select#user-rate-sort 	
{ 
	width: 175px; 
	
}

div.ranking div.param-wrapper input
{
	float: left;
	margin-left: 10px;
	width: 140px;
	font-size: 11px;
	padding: 2px 0 0 3px;
	height: 16px;
	.height: 18px;
	border: 1px solid #dddddd;
}

/* submit button */
#generate-ranking
{
	margin-top: 5px;
	float: right;
	padding: 3px;
}

/* zaokraglone rogi dla fieldsetow */
div.ranking span
{
	display: block;
	position: absolute;	
	width: 8px;
	height: 8px;
}

div.ranking span.right-top-corner
{
	width: 10px;
	height: 10px;
	right: -1px;
	_right: 0px;
	top: -1px;
	_top: 0px;
	background: #ffffff url('./../images/forms/form-right-top-corner.jpg') left top no-repeat;
}

div.ranking span.right-bottom-corner
{		
	right: -1px;
	_right: 0px;
	bottom: -1px;
	_bottom: 0px;	
	background: #ffffff url('./../images/forms/form-right-bottom-corner.jpg') left top no-repeat;
}

div.ranking span.left-bottom-corner
{	
	left: -1px;
	_left: -26px;
	bottom: -1px;
	_bottom: 0px;
	background: #ffffff url('./../images/forms/form-left-bottom-corner.jpg') left top no-repeat;
}

#content 
{ 
	padding-bottom: 60px !important; 
	.padding-bottom: 30px !important; 
}

