/**
 * Style for Antares external application process
 *
 * Christian Johansen (christian@ixd.no) - 2007.05.01
 * www.ixd.no
 */
@import "../../base/css/base.css";

/* Wrappers */
body#smartfinans #scorecard{
	margin: 2em auto;
	color: #3c3933;
	width: 564px;
	position:relative;
}
body#www_antares_no #scorecard{
	margin: 0;
	color: #3c3933;
	width: auto;
}

#main_content #scorecard { margin-left: 0; }

#scorecard #content {
	clear: both;
	padding: 12px 12px 0;
	margin-bottom: -4px;
	background: #f0eeea;
	margin:0 auto;
}

#scorecard #content h2 {
	margin: 0 0 1.5em;
	line-height: 1.2;
}
#scorecard #content h3 {
	margin:0;
	padding:0;
}
#scorecard p{
	padding: 0 0 10px 0;	
	margin:0;
}

#scorecard p.ingress{
	font-weight:bold;
}
#scorecard .footer{
	text-align:center;
	margin: 0 0 20px 0;
}


/*** Process chart ***/
#scorecard #steps {
	float: right;
	height: 31px;
	margin: 0 0 1em;
	overflow: hidden;
	border-left: 1px solid #bbb;
}

#scorecard #steps li {
	position: relative;
	height: 31px;
	overflow: hidden;
	padding: 0 24px 0 12px;
	margin: 0 0 0 -6px;
	z-index: 4;
	background: url(../images/process_inactive.gif) top right no-repeat;
	color: #7b7465;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 31px;
	vertical-align: middle;
}

#scorecard #steps #personals {
	padding-left: 6px;
	margin-left: 0;
}

#scorecard #steps li.active {
	color: #3c3933;
	background-image: url(../images/process_active.gif);
}

#scorecard #steps li:last-child {
	padding-right: 12px;
	z-index: 1;
	background-image: url(../images/process_last.gif);
}

#scorecard #steps #receipt.active { background-color: #f5f2ef; }
#scorecard #steps #economy { z-index: 3; }
#scorecard #steps #select_card { z-index: 2; }

/*** Forms ***/
#scorecard form { margin: 0; }

#scorecard fieldset {
	margin: 0 0 1em;
	border: 1px solid #e0dbd4;
	background: #f7f5f2;
 	padding: 9px 9px 1px;
}

#scorecard fieldset .section {
	width: 49%;
	margin: 0 0 0.5em;
	padding: 0;
	border: none;
	background: none;
	float: left;
	clear: left;
}

#scorecard fieldset .even {
	float: right;
	clear: none;
}

#scorecard label {
	display: block;
	margin: 0 0 0.1em;
	color: #3c3933;
	font-weight: bold;
}

#scorecard .text, #scorecard select, #scorecard textarea {
	padding: 4px;
	margin: 0 0 0.5em;
	border: 2px solid #7b7465;
	color: #7b7465;
	background: #fff;
	font-size: 1.1em;
}

#scorecard .text, #scorecard textarea {
	width: 80%;
}

#scorecard select.text { width: 85%; }

#scorecard .help {
	color: #696969;
	font-size: 0.8em;
	line-height: 1.5;
}

#scorecard #progress {
	margin: 10px -12px 0px -12px;
	padding: 12px;
	border: none;
	background: #e0dbd4;
	height:35px;
	width:100%;
}

#scorecard #progress #next { float: right; }

#scorecard #progress #store {	float:right; }

/*#scorecard #store input, #scorecard #store button, #scorecard #store a {
	float:right;	
}*/

#scorecard #buttonline, #scorecard #buttonline td{
	background: #E0DBD4;
}

/* Generic buttons */
#scorecard .button, #scorecard .button:hover {
	height: 33px;
	background: url(../images/buttons/inactive_left.gif) top left no-repeat;
}

#scorecard .button input, #scorecard .button button, #scorecard .button a,
#scorecard .button:hover input, #scorecard .button:hover button, #scorecard .button:hover a {
	height: 33px;
	line-height: 33px;
	background: url(../images/buttons/inactive_right.gif) top right no-repeat;
}

#scorecard #next { background-image: url(../images/buttons/left.gif); }
#scorecard #next input, #scorecard #next button, #scorecard #next a { background-image: url(../images/buttons/right.gif); }

/* Radios and checkboxes */
#scorecard .radio { margin: 0 0 1em; }
#scorecard .cards { margin: 0 -4px 2em 0; }
#scorecard .radio label, .radio input { display: inline; }
#scorecard .radio label { padding: 0 1em 0 0.3em; }

#scorecard .radio input {
	position: relative;
	top: 1px;
}

#scorecard .radio li { margin: 0 0 0.3em; }

#scorecard .cards label {
	padding: 0 2px 0 3px;
	display: block;
	margin: 0 0 0.5em;
}

#scorecard .cards li {
	padding: 10px 16px;
	margin: 0 4px 0 0;
	border: 1px solid #e0dbd4;
	background: #f7f5f2;
	text-align: center;
}

#scorecard .cards li.active {
	background: url(../images/active_radio.gif) top left repeat-x #f2efeb;
	border-color: #cbcac6;
}

#scorecard .vertical li { float: none; }
#scorecard .checkbox label { display: inline; }
#scorecard .checkbox { padding: 0 0 12px; }

#scorecard fieldset .checkbox {
	padding: 0 0 9px 4px;
	clear: none; 	
	float: left;		
	width: auto;
}

#scorecard fieldset .textHeaderAndFooter {
	width: 100%;		
	margin: 0 0 0.5em;
	padding: 0;
	border: none;
	background: none;
	float: left;
	clear: left;
}
.calculator dt {
	width: 400px;
}

.schedule td {
	text-align: center;
}

.checkboxlabel {
	float: none;
}

/* Errors */
#scorecard .error label, #scorecard .error .message, #scorecard span.error { color: #c00; }
#scorecard .error .text, #scorecard .error select, #scorecard .error textarea, #scorecard .error li, #scorecard fieldset.error { border-color: #c00; }
#scorecard .error .message { margin: 0 0 0.1em; }
#scorecard .radio .message { margin: 0 0 0.8em; }
#scorecard .error .message.clear { clear: both; }

#scorecard .section .tooltip_image {
    position: relative;
    text-decoration: none;
}

.tooltip_image span {
	display: none;
}

.tooltip_image img {
	z-index: -1;
}

.tooltip_image:hover span{
	display: inline-block; 
	position: absolute;
	background-color: lightyellow;
	color: black;
	border: 1px solid gray;
	padding: 3px;
	left: 18px;
	vertical-align: middle;
	width: 250px;
	z-index: 1;
}

/** The tooltip image takes 7% width off the input to the right **/
#scorecard input.tooltip {
	width: 73%;
}
#scorecard select.tooltip {
	width: 78%;
}

#scorecard .tooltip.text.datatype-phone-nor {
    width: 64%;
}

option:disabled, option[disabled] { 
	color: #FF0000; 
}

input:disabled, input[disabled] { 
	color: #FFDD00; 
}

#scorecard input.working {
	background: url('../images/icons/1-0.gif') center right no-repeat #FFFFFF;
}