/*
 * main stylesheet used in Visma Industream AS - Storefront
 *
 * (C) 2003 Visma Industream AS
 *
 */


/* General font setting */
BODY, TD, TH, P, DIV, INPUT {
	font: Normal 7pt Verdana, Arial;
}

/* The CANVAS is the area outside the main frame */
BODY.canvas {
	background-color: #194b6b;
}

/* The CONTENT is the areas where information is displayed - usually you should use this one */
BODY.content {
	background-color: #ffffff;
	margin:1px;
	padding:0;
}

BODY.contentdark {
	background-color: #ffffff;
	margin:1px;
	padding:0;
	margin-left:0;
}


INPUT, SELECT, OPTION {
	border:1px solid black;
	font: Bold 7pt Verdana, Arial;
	color: #000000;
}
INPUT.radio, INPUT.checkbox {
	border:0;
	cursor:hand;
}


/* LOGIN PAGE */

TD.login {
	font: bold 7pt Verdana, Arial;
	color: #00000;
}

INPUT.login {
	font: bold 7pt Verdana, Arial;
	background-color: #698fa3;
	color: #00000;
	text-transform: uppercase;
}



/* ORDER CONFIRMATION PAGE */

TABLE.box {
	padding:2px;
	background-color: #F0F8FF;
	margin:0;
	margin-bottom: 20px;
	border:0;
	width:400px;
}


TD.box-hd {
	font: bold 7pt Verdana, Arial;
	background-color: #698FA3;
	color:#000000;
	text-transform:uppercase;
	text-align:center;
	width:400px;
}


TD.box {
/*	width:400px; */
	height:20px;
	font:Bold 7pt Verdana, Arial;
	color:#00000;
	text-align:center;
	text-decoration:none;
	border:0;
	margin:0;
	padding:0;
}

/* Order confirmation "step" box */

TABLE.step {
	margin:0;
	margin-bottom: 10px;
	border:0;
}

TD.step, TD.step-on {
	font:Bold 7.5pt Verdana, Arial;
	text-align:center;
	border:1pt solid black;
	margin:5px;
	padding:1px;
	color:#606060;
	background-color: #f0f0f0;
	width:100px;
}

TD.step-on {
	color:#FFFFFF;
	background-color: #194b6b;
}






/* Section titles use this one */

DIV.title {
	margin:0;
	padding:2px;
	background-color: #194b6b;
	color: #ffffff;
	font: Bold 8pt Verdana, Arial;
	height:100%;
	width:100%;
}


/* The warning-information section use this one */

BODY.warning {
	background-color: #194b6b;
	margin:2px;
	padding:0px;
}

TD.warning {
	font:Bold 7pt Verdana, Arial;
	color:#ffffff;
}

/* All frames that represent a "SECTION" should use this class */
FRAME.section {
	border:1px solid #d8d8d8;
}


/* General submit button */

TD.button, TD.button-hilite {
	width:67px;
	height:23px;
	font:Bold 9px Verdana, Arial;
	color:#000000;
	text-align:center;
	text-decoration:none;
	cursor:hand;
	background:url('button.gif');
	border:0;
}


TD.button-hilite {
	text-decoration:underline;
}	

/* General submit button */
TD.button-dark, TD.button-dark-hilite {
	width:67px;
	height:20px;
	font:Bold 9px Verdana, Arial;
	color:#000000;
	text-align:center;
	text-decoration:none;
	cursor:hand;
	background:url('button-darkback.gif');
	border:0;
}


TD.button-dark-hilite {
	text-decoration:underline;
}	




/* If additional headings are required, use this one */
H1 {
	margin:0;
	padding:0;
	font:Bold 10pt Verdana, Arial;

}



/* TABLE LISTINGS */

/*
 * hd       = column heading
 * key[1|2] = firstrow indication (Numbers used when alternate is true)
 * std[1|2] = rows (Numbers used when alternate is true)
 *
 */



/* Column headings */

td.hd {
	font: bold 7pt Verdana, Arial;
	background-color: #698FA3;
	color: #00000;
	text-transform: uppercase;
	padding-right: 3px;
}

/* Used when alternate rows are set */

td.std1 {
	font: normal 7pt Verdana, Arial; 
	padding-right: 3px;
	border-bottom: 1px solid #c0c0c0;
}

td.std2 {
	font: normal 7pt Verdana, Arial; 
	border-bottom: 1px solid #c0c0c0;
	padding-right: 3px;
}

/* Links - when alternate rows are used */

A.std1, A:visited.std1, A:hover.std1 {
	font: Bold 7pt Verdana, Arial;
	color: #202020;
}

A:hover.std1 {
	color: #505050;
}

A.std2, A:visited.std2, A:hover.std2 {
	font: Bold 7pt Verdana, Arial; 
	color: #202020;
}

A:hover.std2 {
	color: #505050;
}



td.key1 {
	font: Bold 7pt Verdana, Arial; 
	background-color: #dddddd;
	text-transform: uppercase;
	padding-right: 3px;
}

td.key2 {
	font: Bold 7pt Verdana, Arial; 
	background-color: #ffffff;
	text-transform: uppercase;
	padding-right: 3px;
}


/* Searchresult hit stuff */

div.hitinfo {
	font: normal 7pt Verdana, Arial; 
	color: #404040;
	margin-top:4px;
}

a.hitinfo, a:visited.hitinfo, a:hover.hitinfo {
	font: Bold 7pt Verdana, Arial; 
	color: #404040;
}

a:hover.hitinfo {
	color: #808080;
}




/* Used when NO alternate rows */

td.std {
	border-bottom: 1px solid #c0c0c0;
	font: normal 7pt Verdana, Arial; 
	background-color: #ffffff;
	margin-right: 3px;
}

td.key {
	border-bottom: 1px solid #c0c0c0;
	padding-right: 3px;
	font: Bold 7pt Verdana, Arial; 
	background-color: #ffffff;
}


A.std, A:visited.std, A:hover.std {
	font: Bold 7pt Arial; 
	color: #202020;
}

A:hover.std {
	color: #505050;
}


/* Changing Password PAGE */
A.login {
	font: bold 7.5pt Arial;
	color: #ffffff;
}


TD.password {
	font: bold 7.5pt Arial;
	color: #ffffff;
}

INPUT.password {
	font: bold 7.5pt Arial;
	background-color: #A8B8CA;
	color: #00000;
	text-transform: uppercase;
}