/* 
##  dreikelvin CSS Framework 2.0 
##  
##  Author & Copyright: Robert Jung 2007
##  URL: http://design.dreikelvin.de/
##  
##  CSS for "Binabled" search engine
##
##
*/

/* ## XHTML basis elements ############################ start # */

body, html {
	
	margin:0;
	padding:0;

}

body {
	
	background-color:#B9B9B9;
	
}

hr {
	
	padding:0;
	margin:0px 25px;
	border-top:1px dotted #CECECE;
	border-bottom:none;
	border-left:none;
	border-right:none;
	height:1px;
	display:block;
	clear:both;
	text-align:center;
	width:716px;

}


/* ## XHTML basis elements ########################### end ### */



/* ## main elements ################################## start # */

#mainwrapper {

	margin:0 auto;
	padding:0;
	width:972px;
	overflow:hidden;

}

#sitebody {
	
	margin:0;
	padding:0;
	float:left;
	width:100%;
	background: url(img/body.jpg) repeat-y transparent;
	
}


#header {
	
	margin:0;
	padding:0;
	float:left;
	width:100%;
	background: url(img/header.jpg) no-repeat transparent;
	text-align:center;

}

#index:link, #index:active, #index:visited {
	
	margin:0;
	padding:0;
	float:left;
	width:100%;
	height:120px;

}

#index:link span, #index:active span, #index:visited span {

	display:none;

}

#content {
	
	margin:0;
	padding:0px 0px 0px 80px;
	float:left;
	width:100%;
	
}

#column-1 {

	margin:0;
	padding:0;
	float:left;
	width:100%;
	overflow:hidden;

}

#footer {

	margin:0;
	padding:0;
	float:left;
	width:100%;
	height:126px;
	background: url(img/footer.jpg) no-repeat transparent;

}

#footer ul {
	
	margin:0;
	padding:0;
	width:84%;
	float:left;
	list-style-type:none;
	position:relative;
	left:70px;
	top:93px;
	
}

#footer ul li {

	margin:0;
	padding:0;
	float:left;
	display:inline;

}

#footer ul li.copyright, #footer ul li.credit {
	
	display:inline;
	
}

#footer ul li.credit {
	
	float:right;

}

/* ## main elements ################################## end ### */



/* ## element "main navigation" ###################### start # */

#main-nav {
	
	margin:0;
	padding:25px 0px 0px 0px;
	width:650px;
	float:left;
	list-style-type:none;
	position:relative;
	left:195px;
	
}

#main-nav li {

	margin:0;
	padding:0;
	float:left;

}

#main-nav li a:link, #main-nav li a:active, #main-nav li a:visited {
	
	padding:0px 0px 0px 0px;
	height:47px;
	display:block;
	text-align:left;
	overflow:hidden;

}

#n1 a:link, #n1 a:active, #n1 a:visited {

	margin:0;
	float:left;
	width:97px;
	background: url(img/nav-1-a.gif) no-repeat transparent;

}

#n1 a:link span, #n1 a:active span, #n1 a:visited span {

	padding:13px 0px 0px 40px;
	display:block;

}


#n1 a:hover {

	background: url(img/nav-1-b.gif) no-repeat transparent;

}

#n2 a:link, #n2 a:active, #n2 a:visited {

	margin:0;
	float:left;
	width:185px;
	background: url(img/nav-2-a.gif) no-repeat transparent;

}

#n2 a:link span, #n2 a:active span, #n2 a:visited span {

	padding:13px 0px 0px 40px;
	display:block;

}

#n2 a:hover {

	background: url(img/nav-2-b.gif) no-repeat transparent;

}

#n3 a:link, #n3 a:active, #n3 a:visited {

	margin:0;
	float:left;
	width:123px;
	background: url(img/nav-3-a.gif) no-repeat transparent;

}

#n3 a:link span, #n3 a:active span, #n3 a:visited span {

	padding:13px 0px 0px 40px;
	display:block;

}

#n3 a:hover {

	background: url(img/nav-3-b.gif) no-repeat transparent;

}

#n4 a:link, #n4 a:active, #n4 a:visited {

	margin:0;
	float:left;
	width:131px;
	background: url(img/nav-4-a.gif) no-repeat transparent;

}

#n4 a:link span, #n4 a:active span, #n4 a:visited span {

	padding:13px 0px 0px 40px;
	display:block;

}

#n4 a:hover {

	background: url(img/nav-4-b.gif) no-repeat transparent;

}

#n5 a:link, #n5 a:active, #n5 a:visited {

	margin:0;
	float:left;
	width:95px;
	background: url(img/nav-5-a.gif) no-repeat transparent;

}

#n5 a:link span, #n5 a:active span, #n5 a:visited span {

	padding:13px 0px 0px 40px;
	display:block;

}

#n5 a:hover {

	background: url(img/nav-5-b.gif) no-repeat transparent;

}

#n6 a:link, #n6 a:active, #n6 a:visited {

	margin:0;
	float:left;
	width:91px;
	background: url(img/nav-6-a.gif) no-repeat transparent;

}

#n6 a:link span, #n6 a:active span, #n6 a:visited span {

	padding:13px 0px 0px 40px;
	display:block;

}

#n6 a:hover {

	background: url(img/nav-6-b.gif) no-repeat transparent;

}

#n7 a:link, #n7 a:active, #n7 a:visited {

	margin:0;
	padding:0;
	float:left;
	width:125px;
	height:37px;
	overflow:hidden;
	background: url(img/nav-7.gif) no-repeat transparent;

}

#n7 a:link span, #n7 a:active span, #n7 a:visited span {

	padding:13px 0px 0px 45px;
	display:block;

}

#n7 a:hover {

	background-position:0% 100%;

}

.sub-nav {

	margin:0;
	padding:0;
	float:right;
	height:27px;
	width:382px;
	list-style-type:none;
	position:relative;
	top:25px;
	right:180px;
	
}

.sub-nav-b {

	top:8px;

}

 * html .sub-nav { 
  
 margin:0; 
 top:36px; 
  
}

.sub-nav li{

	margin:0;
	padding:0px 1px 0px 0px;
	height:100%;
	float:left;
	
}

/* ## element "main navigation" ###################### end ### */

/* ## element "box-1" ################################ start # */

.box-1 {
	
	margin:0;
	padding:0px 0px 0px 170px;
	width:447px;
	float:left;
	background: url(img/box-1-bg.gif) repeat-y transparent;
	background-position:100% 0%;
	
}

.box-1 .box-content {
	
	margin:0;
	padding:0;
	width:447px;
	float:left;
	background: url(img/box-1-top.gif) no-repeat transparent;
	
}

.box-1 .box-content .text {
	
	margin:0;
	padding:20px 20px 30px 20px;
	background: url(img/box-1-bottom.gif) no-repeat transparent;
	background-position:0% 100%;
	
}

/* ## element "box-1" ################################ end ### */

/* ## element "box-2" ################################ start # */

.box-2 {
	
	margin:20px 0px 0px 0px;
	padding:0;
	width:793px;
	float:left;
	background-color:#DEDEDE;
	overflow:auto;
	position:relative;
	left:10px;
	
}

.box-2 .box-content {
	
	margin:0;
	padding:0;
	width:100%;
	float:left;
	background: url(img/box-2-bottom.gif) no-repeat transparent;
	background-position:0% 100%;
	
}

.box-2 .box-content .text {
	
	margin:0;
	padding:20px 0px 30px 0px;
	background: url(img/box-2-top.gif) no-repeat transparent;
	
}

table {

	margin:0;
	padding:0;
	width:100%;

}

table tr {

	background-color:#EDD38D;

}

table tr.alt {

	background-color:#EFD99D;

}

table tr.table-head {

	height:20px;
	background-color:transparent;

}

table tr td {

	padding:4px;
	font-size:12px !important;
	cursor: default;

}

table tr:hover {

	background-color:#F9E6B1;

}

table td.buttons { 
  
 width:25px; 
  
}

/* ## element "box-2" ################################ end ### */

/* ## element "box-3" ################################ start # */

.box-3 {
	
	margin:0;
	padding:0;
	width:405px;
	float:left;
	background: url(img/box-3-bg.gif) repeat-y transparent;
	background-position:100% 0%;
	
}

.box-3 .box-content {
	
	margin:0;
	padding:0;
	width:100%;
	float:left;
	background: url(img/box-3-top.gif) no-repeat transparent;
	
}

.box-3 .box-content .text {
	
	margin:0;
	padding:20px 20px 30px 30px;
	background: url(img/box-3-bottom.gif) no-repeat transparent;
	background-position:0% 100%;
	
}



/* ## element "box-3" ################################ end ### */

/* ## element "box-4" ################################ start # */

.box-4 {
	
	margin:0;
	padding:0;
	width:406px;
	float:left;
	background: url(img/box-4-bg.gif) repeat-y transparent;
	
}

.box-4 .box-content {
	
	margin:0;
	padding:0;
	width:100%;
	float:left;
	background: url(img/box-4-top.gif) no-repeat transparent;
	
}

.box-4 .box-content .text {
	
	margin:0;
	padding:20px 20px 30px 30px;
	background: url(img/box-4-bottom.gif) no-repeat transparent;
	background-position: 0% 100%;
	
}



/* ## element "box-4" ################################ end ### */

/* ## element "box-5" ################################ start # */

.box-5 {
	
	margin:0;
	padding:0;
	width:809px;
	float:left;
	background: url(img/box-5-bg.gif) repeat-y transparent;
	overflow:visible;
	
}

.box-5 .box-content {
	
	margin:0;
	padding:0;
	width:100%;
	float:left;
	background: url(img/box-5-top.gif) no-repeat transparent;
	
}

.box-5 .box-content .text {
	
	margin:0;
	padding:20px 10px 50px 20px;
	background: url(img/box-5-bottom.gif) no-repeat transparent;
	background-position: 0% 100%;
	
}

.comment {
	
	margin:0;
	padding:20px 0px 40px 20px;
	width:726px;
	display:block;	
}

.comment .author {
	
	margin:0;
	padding:0;
	float:left;
	width:18%;
	
}

.comment .comment-text {
	
	margin:0;
	padding:0px 0px 20px 5px;
	float:left;
	width:81%;
	text-align:justify;
	
}


/* ## element "box-5" ################################ end ### */

/* ## element "box-6" ################################ start # */

.box-6 {
	
	margin:0;
	padding:0;
	width:809px;
	float:left;
	background: url(img/box-5-bg.gif) repeat-y transparent;
	overflow:visible;
	
}

.box-6 .box-content {
	
	margin:0;
	padding:0;
	width:100%;
	float:left;
	background: url(img/box-6-top.gif) no-repeat transparent;
	
}

.box-6 .box-content .text {
	
	margin:0;
	padding:0px 10px 50px 20px;
	background: url(img/box-5-bottom.gif) no-repeat transparent;
	background-position: 0% 100%;
	
}



/* ## element "box-6" ################################ end ### */

/* ## element "box-7" ################################ start # */

.box-7 {
	
	margin:0;
	padding:0;
	width:809px;
	float:left;
	background:none;
	overflow:visible;
	
}

.box-7 .box-content {
	
	margin:0;
	padding:0;
	width:100%;
	float:left;
	background: none
	
}

.box-7 .box-content .text {
	
	margin:0;
	padding:20px 10px 0px 20px;
	background: none
	
}

.box-7 .box-content .text p {
	
	padding-bottom:0;
	margin-bottom:0;
	
}



/* ## element "box-7" ################################ end ### */

/* ## element "box-8" ################################ start # */

.box-8 {
	
	margin:0;
	padding:0;
	width:809px;
	float:left;
	background:none;
	overflow:visible;
	
}

.box-8 .box-content {
	
	margin:0;
	padding:0;
	width:100%;
	float:left;
	background: none
	
}

.box-8 .box-content .text {
	
	margin:0;
	padding:20px 10px 0px 10px;
	background: none
	
}

.box-8 .box-content .text p {
	
	padding-bottom:0;
	margin-bottom:0;
	
}

/* ## element "box-ads" ############################## start # */

.box-ads {
	
	margin:0;
	padding:0;
	float:left;
	background: none;
	text-align:center;
}

.box-ads-top{
	width:947px;
}

.box-ads-bottom{
	width:790px;
}

/* ## element "box-ads" ############################## end ### */

/* ## element "box-8" ################################ end ### */

/* ## forms ########################################## start # */

fieldset {
	
	margin:0;
	padding:0;
	border:0;
	
}

label {
	
	margin:0;
	padding:5px 0px;
	width:100%;
	clear:both;
	display:block;
	text-align:left;
}

textarea {
	
	margin:0;
	padding:5px;
	border:1px solid #CBCBCB;
	background-color:#F6F6F6;
	

}

textarea:hover, textarea:focus {
 
	border:1px solid #999;
	background-color:#fff;
	
}

.input-text, .input-select {
	
	margin:0;
	padding:5px;
	border:1px solid #C4C4C4;
	background: url(img/input-bg.gif) repeat-x #fff;
	
}

.input-text-error, .input-select-error {
	
	margin:0;
	padding:5px;
	border:1px dashed red;
	background: url(img/input-bg.gif) repeat-x #fff;
	
}

/*
* html .input-text, * html .input-select {
	
	height:18px;
	
}
*/

#searchstring {
	
	width:97%;
	
}


.input-select {
	
	width:200px;
	
}

.input-text:hover, .input-select:hover,
.input-text:focus, .input-select:focus
 {

	border:1px solid #999;
	background: none;
	background-color:#fff;

}

#input-username, #input-password, #input-email,
#input-reg-username, #input-reg-password, 
#input-reg-password-b, #input-reg-email {
	
	width:60%;
	
}

.submit, .submit-small {
	
	margin:0;
	padding:0;
	border:0;
	float:right;
}

.box-2 input {
	
	margin:3px 5px;
	padding:0;
	float:left;
	
}

#fieldset-register {
	
	margin:0;
	padding:0px 0px 0px 0px;
	text-align:center
	
}

#fieldset-register label {

	margin:0;
	padding:5px 0px 5px 65px;

}

#fieldset-comment {

	margin:0;
	padding:0;
	display:block;
	width:432px;

}

#submit-nzb, #submit-cart, #submit-selectall, #submit-inverse {
	float:left;
	display:inline;
}

#fieldset-quicksearch {

	margin:0;
	padding:0;
	position:fixed;
	right:0;
	top:0;
	float:right;
	width:299px;
	height:48px;
	background: url(img/top-panel.png) no-repeat transparent;
	z-index:1000;

}

* html #fieldset-quicksearch { 
  
 background:none; 
 background: url(img/top-panel.gif) no-repeat transparent; 
 position: absolute; 
 top:expression(eval(document.compatMode && 
 document.compatMode=='CSS1Compat') ? 
 documentElement.scrollTop : document.body.scrollTop); 
  
}



#label-input-quicksearch {

	margin:0px 0px 0px 20px;
	padding:2px 0px;
	width:270px;
	float:left;
	font-family: verdana, helvetica, sans;
	font-size:8pt;
	font-weight:bold;
	color:#fff;

}

* html #label-input-quicksearch {

	margin:0px 0px 0px 10px;
	padding:2px;

}

#input-quicksearch {

	margin:0px 0px 0px 20px;
	padding:2px;
	width:114px;
	height:12px;
	font-size:8pt;
	float:left;

}

* html #input-quicksearch { 
  
 height:14px; 
 text-align:left; 
}

#submit-quicksearch {

	display:none;

}

#cart {

	margin:-10px 0px 0px 0px;
	position:relative;
	float:left;
	width:150px;
	height:100%;
	font-family: verdana, helvetica, sans;
	font-size:8pt;
	color:#fff;

}
/* ## forms ########################################## end ### */

/* ## form buttons ################################### start # */

.button-1 {
	
	float:left;
	margin-top:10px;
	width:108px;
	height:36px;
	background: url(img/button-1.gif) no-repeat transparent;
	color:#fff;
	
}

.button-1:hover {

	background: url(img/button-1-hover.gif) no-repeat transparent;	

}

.button-2 {
	
	width:108px;
	height:36px;
	background: url(img/button-2.gif) no-repeat transparent;
	color:#000;
	float:right;
	
}

.button-2:hover {

	background: url(img/button-2-hover.gif) no-repeat transparent;	

}

.button-3 {
	
	margin:10px 80px;
	padding:0;
	width:198px;
	height:36px;
	background: url(img/button-3.gif) no-repeat transparent;
	color:#000;
	float:left;
	
}

.button-3:hover {

	background: url(img/button-3-hover.gif) no-repeat transparent;	
	color:#000;

}

.button-4 {
	
	margin:10px 5px;
	padding:0;
	width:99px;
	height:30px;
	line-height:30px;
	background: url(img/button-4.gif) no-repeat transparent;
	color:#fff;
	float:right;
	font-size:8pt;
	
}

.button-4:hover {

	background: url(img/button-4-hover.gif) no-repeat transparent;	

}

.button-5 {
	
	margin:10px 0px;
	padding:0;
	width:123px;
	height:30px;
	background: url(img/button-5.gif) no-repeat transparent;
	color:#fff;
	float:right;
	font-size:8pt;
	
}

.button-5:hover {

	background: url(img/button-5-hover.gif) no-repeat transparent;	

}


/* ## form buttons ################################### end ### */

/* ## text formatting ################################ start # */


.text, .box-ads {
	
	font-family: verdana, helvetica, arial, sans;
	font-size:10pt;
	color:#000;
	
}

.box-ads{
	font-size:10pt;
}

#main-nav li {

	font-family: verdana, helvetica, arial, sans;
	font-size:9pt;
	font-weight:bold;
	color:#A5A4A4;

}

.submit {
	
	font-family: verdana, helvetica, arial, sans;
	font-size:12pt;
	font-weight:bold;
	
}

.submit-small {
	
	font-family: verdana, helvetica, arial, sans;
	font-size:10pt;
	font-weight:bold;
	
}

.box-2 table .table-head td {
	
	font-weight:bold;
	
}

.box-2 .box-content .text, .box-2 .box-content .text table tr td {
	
	font-family: verdana, helvetica, arial, sans;
	font-size:10pt;
	color:#000;
	
}

.box-3 h2, .box-4 h2 {
	
	margin:0;
	padding:10px 0px 20px 50px;
	font-family: verdana, helvetica, arial, sans;
	font-size:15pt;
	font-weight:normal;
	color:#01AD4E;
	
}


.box-6 h1 {
	
	margin:0;
	padding:40px 0px 10px 70px;
	font-family: verdana, helvetica, arial, sans;
	font-size:16pt;
	font-weight:normal;
	
}

.box-6 h1 span {

	margin:0;
	padding:0;
	display:block;
	clear:both;
	width:100%;
	font-size:9pt;
	font-weight:normal;

}

.box-5 h2 {
	
	margin:0;
	padding:10px 0px 10px 0px;
	font-family: verdana, helvetica, arial, sans;
	font-size:14pt;
	font-weight:normal;
	
}

.box-5 h2.comments {
	
	margin:0;
	padding:15px 0px 15px 70px;
	font-family: verdana, helvetica, arial, sans;
	font-size:14pt;
	font-weight:normal;
	background: url(img/comments-icon.gif) no-repeat transparent;
	
}

.box-5 h2.comments-write {
	
	margin:0;
	padding:20px 0px 10px 70px;
	font-family: verdana, helvetica, arial, sans;
	font-size:14pt;
	font-weight:normal;
	background: url(img/comments-write-icon.gif) no-repeat transparent;
	
}

.sub-nav li {
	
	font-family: verdana, helvetica, arial, sans;
	font-size:9pt;
	color:#fff;
	
}

.comment {

	font-family: verdana, helvetica, arial, sans;
	font-size:8pt;
	color:#868686;

}

#footer {
	
	font-family: verdana, helvetica, arial, sans;
	font-size:8pt;
	color:#E3E0E0;
}

/* ## text formatting ################################ end ### */

/* ## link formatting ################################ start # */

a:link, a:active, a:visited {
	
	font-weight:bold;
	text-decoration:none;
	
}

.text a:link, .text a:active, .text a:visited {

	color:#006F31;
	font-weight:bold;
	text-decoration:none;
	border-bottom:1px dotted #006F31;

}

.text a:hover {

	color:#000;
	text-decoration:none;
}

#main-nav li a:link, #main-nav li a:active, #main-nav li a:visited {

	color:#A5A4A4;

}

#main-nav #n5 a.n5:link, #main-nav #n5 a:active, #main-nav #n5 a:visited {

	color:#000;

}

#main-nav li a:hover {

	color:#000;

}




.sub-nav li a:link, .sub-nav li a:active, .sub-nav li a:visited {

	padding:6px 0px;
	font-weight:normal;
	color:#fff;
	display:block;
	width:92px;
	height:27px;
	background: url(img/subtab-a.gif) no-repeat transparent;
	text-align:center;

}

.sub-nav li a:hover {

	background: url(img/subtab-b.gif) no-repeat transparent;

}

.sub-nav li a.download:link, .sub-nav li a.download:active, .sub-nav li a.download:visited {

	padding:6px 0px 0px 10px;
	font-weight:bold;
	background: url(img/subtab-c.gif) no-repeat transparent;
	text-align:left;

}

.sub-nav li a.download:hover {

	background: url(img/subtab-d.gif) no-repeat transparent;

}

.comment a:link, .comment a:active, .comment a:visited {
	
	display:block;
	color:#01AD4E;

}

.comment a:hover {

	color:#000;

}

#cart a:link, #cart a:active, #cart a:visited {

	font-weight:bold;
	color:#fff;

}

a.bt-nzb:link, a.bt-nzb:active, a.bt-nzb:visited {

	margin:0;
	padding:1px;
	width:25px;
	height:22px;
	float:left;
	background: url(img/bt-nzb.gif) no-repeat transparent;
	border-bottom:none;
}


a.bt-nzb:link span, a.bt-nzb:active span, a.bt-nzb:visited span {
	display:none;
}

a.bt-nzb:hover {

	background: url(img/bt-nzb-hover.gif) no-repeat transparent;
	border-bottom:none;
	
}

a.bt-details:link, a.bt-details:active, a.bt-details:visited {
	margin:0;
	padding:1px;
	width:25px;
	height:22px;
	float:left;
	background: url(img/bt-details.gif) no-repeat transparent;
	border:0;
	
}

a.bt-details:link span, a.bt-details:active span, a.bt-details:visited span {

	display:none;
	
}

a.bt-details:hover {

	background: url(img/bt-details-hover.gif) no-repeat transparent;
	border-bottom:none;
	
}

a.bt-cart:link, a.bt-cart:active, a.bt-cart:visited {

	margin:-1px 0px 0px 0px;
	padding:0;
	width:25px;
	height:22px;
	float:left;
	background: url(img/bt-cart.gif) no-repeat transparent;
	border:0;
	
}

a.bt-cart:link span, a.bt-cart:active span, a.bt-cart:visited span {

	display:none;
	
}

a.bt-cart:hover {

	background-position:0% 100%;
	border-bottom:0px;
	
}

#cart a:hover {

	font-weight:bold;
	color:#DFFFED;

}

#footer a:link, #footer a:active, #footer a:visited {
	
	font-family: verdana, helvetica, arial, sans;
	font-size:8pt;
	font-weight:bold;
	color:#E3E0E0;
	
}

#footer a:hover {
	
	color:#fff;
	
}

#footer ul li.credit a:link, #footer ul li.credit a:active, #footer ul li.credit a:visited {
	
	padding:0px 0px 0px 15px;
	background: url(img/dreikelvin.gif) no-repeat transparent;

}

#footer ul li.credit a:hover {
	
	background: url(img/dreikelvin-hover.gif) no-repeat transparent;

}

/* ## link formatting ################################ end ### */

/* ## 5-star rating ################################## start # */

.rating {
	
	list-style: none; 
	margin: 3px; 
	padding: 0px; 
	width: 105px;
	height: 21px; 
	position: relative;
	background: url(img/rating.gif) repeat-x transparent;
	overflow:hidden;
	
}

.rating li{
 	
 	padding:0px;
	margin:0px; 
	float:left;

}

.rating li.current-rating{
	
	position: absolute;
	height: 21px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	background: url(img/rating.gif) repeat-x transparent;
	background-position: 0% 100%;
	
}




.rating li a{
	display:block; 
	width:21px;
	height: 21px; 
	text-decoration: none; 
	text-indent: -9000px; 
	z-index: 20; 
	position: absolute;
	padding: 0px; 
	background-image:none; 
}

.rating li a:focus {

  	outline: none;
  	
}

.rating li a:hover{
	
	background: url(img/rating.gif) repeat-x transparent;
	background-position: 0% 50%;
	z-index: 1; 
	left: 0px; 
	
}


.rating a.one-star{

	left: 0px;
	
}

.rating a.one-star:hover{

	width:21px;
	
}
.rating a.two-stars{
	
	left:21px;
	
}

.rating a.two-stars:hover{

	width: 42px;
	
}

.rating a.three-stars{

	left: 42px;
	
}

.rating a.three-stars:hover{
	
	width: 63px;
	
}

.rating a.four-stars{

	left: 63px;
}

.rating a.four-stars:hover{

	width: 84px;
	
}

.rating a.five-stars{

	left: 84px;
	
}

.rating a.five-stars:hover{

	width: 105px;
	
}


/* ## 5-star rating ################################## end ### */


/* ## image caching ################################## start # */

#mainwrapper {

	background: url(img/nav-1-b.gif) no-repeat;
	background-position:-100% -100%;

}

#content  {

	background: url(img/nav-2-b.gif) no-repeat;
	background-position:-100% -100%;

}

#column-1 {

	background: url(img/nav-3-b.gif) no-repeat transparent;
	background-position:-100% -100%;

}

#footer ul {

	background: url(img/nav-4-b.gif) no-repeat transparent;
	background-position:-100% -100%;

}

#footer ul li {

	background: url(img/nav-5-b.gif) no-repeat transparent;
	background-position:-100% -100%;

}

#footer ul li.credit {

	background: url(img/dreikelvin-hover.gif) no-repeat transparent;
	background-position:-100% -100%;

}

#main-nav {

	background: url(img/button-1-hover.gif) no-repeat transparent;
	background-position:-100% -100%;

}

#n1 {

	background: url(img/button-2-hover.gif) no-repeat transparent;
	background-position:-100% -100%;

}

#n2 {

	background: url(img/button-3-hover.gif) no-repeat transparent;
	background-position:-100% -100%;

}

#n3 {

	background: url(img/button-4-hover.gif) no-repeat transparent;
	background-position:-100% -100%;

}

#n4 {

	background: url(img/button-5-hover.gif) no-repeat transparent;
	background-position:-100% -100%;

}

#n5 {

	background: url(img/subtab-b.gif) no-repeat transparent;
	background-position:-100% -100%;

}

#index {

	background: url(img/subtab-d.gif) no-repeat transparent;
	background-position:-100% -100%;

}
/* ## image caching ################################## end ### */

/* ## custom */

.size_small{
 color:green;
}

.size_medium{
 color:blue;
}

.size_big{
 color:red;
}

#loading
{
	margin-top:8px;
	margin-right:-5px;
}

#resultsinfo
{
	padding-left:15px;
	margin-top:30px;
	margin-bottom:-10px;
	font-style:italic;
}

.info{
 background:#ffffe1;
 background-repeat:no-repeat;
 background-position:5px 50%;
 border:1px dashed #cfcfcf;
 padding:10px 10px 10px 30px;
 width:95%
}

#error{
 background-image:url('img/info_error.gif');
}

#success{
 background-image:url('img/info_success.gif');
}

#secure{
 background-image:url('img/info_secure.gif');
}

/* Auto completion */
#suggestions
{
	border:1px solid #cfcfcf;
	margin:1px 0 0 0;
	padding:0;
	background-color:#fff;
}

div.auto_complete
{
	width:405px !important;
}

div.auto_complete ul 
{
	border:0px solid #888;
	margin:1px 0 0 0;
	padding:0;
	width:100%;
	list-style-type:none;
}

div.auto_complete ul li 
{
	margin:0;
	padding:4px;
}

div.auto_complete ul li.selected 
{
	background-color: #ffb; 
}

div.auto_complete ul strong.highlight 
{
	color: #800;
	margin:0;
	padding:0;
}

.x{
 display:none;
}