/* Buttons Standard */


/* Felles */
button[type=submit]
{
	float: left;
	border: none;
	background: none;
	color: #404040;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	margin-left: -0.5em;
	margin-right: -0.5em;
	margin-top: -0.15em;
	padding: 0em !important;	
	overflow: visible;
	cursor: pointer;
	display: block;
}
button[type=submit] span.buttonLeft,
button[type=submit] span.buttonRight,
button[type=submit] span.buttonCenter
{
	float: left;
}
button[type=submit] span.buttonCenter
{
	padding-left:0.8em;
	padding-right:0.8em;
}

/* Stor */
button[type=submit].stor
{
    font-size: 1.5em;
}
button[type=submit].stor span.buttonLeft, 
button[type=submit].stor span.buttonRight
{
    width: 1.0em;
	height: 2.6em;
}
button[type=submit].stor span.buttonCenter
{
    height: 2.4em;
    line-height: 2.4em;
}

/* Medium */
button[type=submit].medium
{
    font-size: 1.1em;
}
button[type=submit].medium span.buttonLeft, 
button[type=submit].medium span.buttonRight
{
    height: 3.0em;
	width: 1.2em;
}
button[type=submit].medium span.buttonCenter
{
    height: 2.8em;
    line-height: 2.8em;
}

/* Liten */
button[type=submit].liten
{
    font-size: 0.9em;
}
button[type=submit].liten span.buttonLeft, 
button[type=submit].liten span.buttonRight
{
    height: 3.0em;
	width: 1.2em;	
}
button[type=submit].liten span.buttonCenter
{
    height: 2.8em;
    line-height: 2.8em;
}



/* Grønn knapp */
button[type=submit].hint
{
	color: #FFF;
}
button[type=submit].hint_stor span.buttonLeft,
.hint_stor .buttonLeft 
{
	background: url(../kunde/grafikk/Reaktor/btn_green_large_left.png) no-repeat left top;
}
button[type=submit].hint_stor span.buttonCenter,
.hint_stor .buttonCenter 
{
	background: url(../kunde/grafikk/Reaktor/btn_green_large_1px.png) repeat-x left top;
}
button[type=submit].hint_stor span.buttonRight,
.hint_stor .buttonRight 
{
	background: url(../kunde/grafikk/Reaktor/btn_green_large_right.png) no-repeat left top;
}

/* Oransje knapp - Stor */
button[type=submit].foretrukket_stor span.buttonLeft,
.foretrukket_stor .buttonLeft 
{
	background: url(../kunde/grafikk/Reaktor/btn_orange_large_left.png) no-repeat left top;
}
button[type=submit].foretrukket_stor span.buttonCenter,
.foretrukket_stor .buttonCenter 
{
	background: url(../kunde/grafikk/Reaktor/btn_orange_large_1px.png) repeat-x left top;
}
button[type=submit].foretrukket_stor span.buttonRight, 
.foretrukket_stor .buttonRight 
{
	background: url(../kunde/grafikk/Reaktor/btn_orange_large_right.png) no-repeat left top;
}

/* Oransje knapp - Medium */
button[type=submit].foretrukket_medium span.buttonLeft,
.foretrukket_medium .buttonLeft 
{
	background: url(../kunde/grafikk/Reaktor/btn_orange_medium_left.png) no-repeat left top;
}
button[type=submit].foretrukket_medium span.buttonCenter,
.foretrukket_medium .buttonCenter 
{
	background: url(../kunde/grafikk/Reaktor/btn_orange_medium_1px.png) repeat-x left top;
}
button[type=submit].foretrukket_medium span.buttonRight,
.foretrukket_medium .buttonRight 
{
	background: url(../kunde/grafikk/Reaktor/btn_orange_medium_right.png) no-repeat left top;
}

/* Oransje knapp - Liten */
button[type=submit].foretrukket_liten span.buttonLeft,
.foretrukket_liten .buttonLeft 
{
	background: url(../kunde/grafikk/Reaktor/btn_orange_small_left.png) no-repeat left top;
}
button[type=submit].foretrukket_liten span.buttonCenter,
.foretrukket_liten .buttonCenter
{
	background: url(../kunde/grafikk/Reaktor/btn_orange_small_1px.png) repeat-x left top;
}
button[type=submit].foretrukket_liten span.buttonRight,
.foretrukket_liten .buttonRight 
{
	background: url(../kunde/grafikk/Reaktor/btn_orange_small_right.png) no-repeat left top;
}

/* Grå knapp - Stor */
button[type=submit].standard_stor span.buttonLeft,
button[type=submit].avbryt_stor span.buttonLeft,
.standard_stor .buttonLeft, 
.avbryt_stor .buttonLeft
{
	background: url(../kunde/grafikk/Reaktor/btn_grey_large_left.png) no-repeat;	
}
button[type=submit].standard_stor span.buttonCenter,
button[type=submit].avbryt_stor span.buttonCenter,
.standard_stor .buttonCenter, 
.avbryt_stor .buttonCenter
{	
	background: url(../kunde/grafikk/Reaktor/btn_grey_large_1px.png) repeat-x left top;	
}
button[type=submit].standard_stor span.buttonRight, 
button[type=submit].avbryt_stor span.buttonRight,
.standard_stor .buttonRight, 
.avbryt_stor .buttonRight
{
	background: url(../kunde/grafikk/Reaktor/btn_grey_large_right.png) no-repeat left top;	
}


/* Grå knapp - Medium */
button[type=submit].standard_medium span.buttonLeft,
button[type=submit].avbryt_medium span.buttonLeft,
.standard_medium .buttonLeft, 
.avbryt_medium .buttonLeft
{
	background: url(../kunde/grafikk/Reaktor/btn_grey_medium_left.png) no-repeat;
}
button[type=submit].standard_medium span.buttonCenter,
button[type=submit].avbryt_medium span.buttonCenter,
.standard_medium .buttonCenter, 
.avbryt_medium .buttonCenter
{
	background: url(../kunde/grafikk/Reaktor/btn_grey_medium_1px.png) repeat-x left top;
}
button[type=submit].standard_medium span.buttonRight, 
button[type=submit].avbryt_medium span.buttonRight,
.standard_medium .buttonRight, 
.avbryt_medium .buttonRight
{
	background: url(../kunde/grafikk/Reaktor/btn_grey_medium_right.png) no-repeat left top;
}


/* Grå knapp - Liten */
button[type=submit].standard_liten span.buttonLeft,
button[type=submit].avbryt_liten span.buttonLeft,
.standard_liten .buttonLeft, 
.avbryt_liten .buttonLeft
{
	background: url(../kunde/grafikk/Reaktor/btn_grey_small_left.png) no-repeat;
}
button[type=submit].standard_liten span.buttonCenter,
button[type=submit].avbryt_liten span.buttonCenter,
.standard_liten .buttonCenter, 
.avbryt_liten .buttonCenter
{
	background: url(../kunde/grafikk/Reaktor/btn_grey_small_1px.png) repeat-x left top;
}
button[type=submit].standard_liten span.buttonRight, 
button[type=submit].avbryt_liten span.buttonRight,
.standard_liten .buttonRight, 
.avbryt_liten .buttonRight
{
	background: url(../kunde/grafikk/Reaktor/btn_grey_small_right.png) no-repeat left top;
}



.nettpost .actions button[type=submit]
{
	margin-right: 1em;
}

.collapsiblePanelContent button[type=submit]
{
	margin-right: 0em;
}


/* Buttons IE */


.button 
{
    border: none;
    float:left;
    position: relative;
}
.button span
{
    z-index: -1;
    position: absolute;    
    height: 3.6em;
}
.button input
{
	float: left;
    border: none;
    background: none;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.5em;
	/*line-height: 2.1em;*/
	z-index: 0;
	color: #404040;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;	
	text-align: center;
	cursor: pointer;
}
.button
{
	margin-top: -0.1em;
	margin-left: -0.5em !important;
	margin-right: -0.5em !important;
}
.buttonLeft
{
	top: 0;
    left: 0;
}
.buttonCenter
{
	top: 0;
    bottom: 0;
}
.buttonRight
{
	top: 0;
    right: 0;
}

/* Stor */
.stor input
{
    font-size: 1.5em;
}
.stor .buttonLeft,
.stor .buttonRight
{
    width: 1.6em;
}
.stor .buttonCenter
{
    left: 1.6em;
    right: 1.6em;
}

/* Medium */
.medium input
{
	padding-top: 0.7em;
	font-size: 1.1em;
}    
.medium .buttonLeft,
.medium .buttonRight
{
    width: 1.4em;
}
.medium .buttonCenter
{
    left: 1.4em;
    right: 1.4em;
}

/* Liten */
.liten input
{
	padding-top: 0.8em;
	font-size: 0.9em;
}    
.liten .buttonLeft,
.liten .buttonRight
{
    width: 1.2em;
}
.liten .buttonCenter
{
    left: 1.2em;
    right: 1.2em;
}



/* Button MailAlert */

.mailAlert {
      float: left;
      background: url(../kunde/grafikk/Reaktor/mailAlert_left.png) no-repeat;
      height: 3.4em;
      padding-left: 0.4em;
}

.mailAlert a{
      float: left;
      height: 3.4em;
      background: url(../kunde/grafikk/Reaktor/mailAlert_1px.png) repeat-x left top;
      line-height: 1.6em;
      color: #FFFFFF;
      font-weight:bold;
      font-size: 1.4em;
      text-decoration: none;
      padding-left:0.8em;
      padding-right:0.8em;
}

.mailAlert span {
      background: url(../kunde/grafikk/Reaktor/mailAlert_right.png) no-repeat left top;
      float: left;
      width: 1.4em;
      height: 3.4em;
}