
/*
= Price search - Problem: * En form id får inte ha bindestreck för servern (form-price funkar inte).
				* När en form ligger i en master page får	den alltid id = aspnetForm. Har lagt en div med id=search-form
				runt sökformuläret.
				* .form-general sätter bakgrundsfärgen till ljusblå. Det gör hela formens bakgrund till ljusblå. Resultat-
				tabellens bakgrund blir således också blå eftersom den också måste ligga i formen (alla .net-komponenter
				måste ligga i en form). Avhjälper detta tillfälligt genom att överrida .form-generals färg till vit
				och sätta search-forms bakgrundsfärg till den ljusblåa färgen.

 */
 
.form-general 
{
	background-color: White;
}

#form-price
{
    background-color: #D1E9F2;
}

/*
    För att valideringskontrollen ska hamna till höger om textkontrollen.
*/

.nobr 
{
	white-space: nowrap;
}


/*
=   Eftersom elementet ValidationError som har klasserna "system-info error" nu ligger i formen påverkas det i första hand
	av .form-general .error . Använder nedanstående klasser istället.
 */
.error-message 
{
	font-family: Georgia,serif;
}

.validation-error h2,
.validation-error h3 
{
	padding:5px 0 0.4em 30px;
	margin-bottom:2px;
	font-weight:bold;
	color:#e20050;
	background:url(/i/system-info-error.png) no-repeat 0 50%;
}

.validation-error p {margin-left:30px;}

.form-general h2 
{
    margin: 0 0 0.52em;
}

/*
 * Knappar som ser ut som länkar
 */
.Hyperlink:hover, .HyperlinkUL:hover {
    cursor:pointer;
}

.Hyperlink {
    background-color:white;
    border:medium none;
    margin-left:0;
    padding-left:0.1em;
    text-align:left;
    text-decoration: underline;
    display: block;
}

.excel {
    background-image:url(/i/file-type-icons/excel.png);
    background-position:left center;
    background-repeat:no-repeat;    
    padding-left:1.3em;
}

.excelInBox {
	background-color: Transparent;
	float: left;
}

a.excel:visited 
{
    color: #000;
}

/*
 * Eftersom vi gjorde en speciallösning för prodsearch blir det en speciallösning till för att få
 * header text till 65% bredd.
 */
#prod-search-header 
{
    width: 65%;
}

.head2 {
    border-color:#D1E9F2;
    border-style:solid;
    border-width:6px 0;
    font-size:2em;
    font-weight:normal;
    margin:0 0 5px;
    padding:8px 0;
}

.ins 
{
    font-weight: bold;
}

.del 
{
    text-decoration : line-through;
}

.product-name
{
    font-weight: bold;
}

.pagerbutton
{
    background: #D1E9F2 none repeat scroll 0 0;
    border:medium none;
    cursor:pointer;
    float:left;
    margin:0 4px 5px 0;
    margin-left:0;
    padding:0.4em 0;
    text-align:center;
    text-decoration:none;
    width:2em;    
}

/* - SUPERSÖK - */
.result-title, .result-title table
{
	padding: 0px;
	margin: 0px;
	margin-left: 10px;
	border: 0px;
}
.newResults td
{
	border: 0px;
	padding: 2px 10px 2px 0px;
	
}
.newResults td.nobr
{
	white-space: nowrap;
}
.newResults td.last-line
{
	border: 1px;
	padding: 2px 0px 10px 0px;
}
.result-title table td
{
	border: 0px solid #000;
	margin: 0px;
	padding: 0px;
	padding-bottom: 5px;
}
.result-title p, .result-title h3
{
	margin-left: 0px;
	margin-top: 10px;
	margin-bottom: 5px;
}
/* - SLUT SUPERSÖK - */