﻿.FormContainer {
    padding: 20px;
}
.SingleColumnFormContainer .FormElement.Column {
    margin: 0;
    width: 100%;
}
.TwoColumnFormContainer .FormElement.Column {
    float: left;
    margin-right: 1%;
    width: 49%;
}
.FormElement {
    overflow: hidden;
}
.FormElement.Column
{
    float: left;
    overflow: visible;
    min-width: 300px;
}
.FormElement.Column .FormElement {
    float: left;
    margin-bottom: 0.6em;
    width: 100%;
}
.FormElement .FirstColumn {
    float: left;
    margin-right: 5%;
    width: 25%;
}
.FirstColumn .RequiredFormElement {
    color: red;
}
.FormElement .SecondColumn {
    float: left;
    width: 70%;
}
.SecondColumn .FormElementErorr {
    color: red;
}
.SecondColumn .Message {
    
}
.Message.Hidden {
    display: none;
}
.SecondColumn textarea, .SecondColumn select, .SecondColumn input[type='text'], .SecondColumn input[type='password'] {
    width: 90%;
    padding:4px 0;
    color: gray;
}
.FormElement.Column .Label {
    font-size: 1.1em;
    margin-top: 1.6em;
    margin-bottom: 0.6em;
}
.ruStyled input[type="text"] {
    width:60%;
}
.ruButton {
    width:50px;
}
.FormElement .Radiobutton label, .FormElement .Checkbox label {
    padding-right: 1em;
}
.RadUpload .ruFileWrap.ruStyled {
    display: block;
}

/* MESSAGES */
.DynamicFormErrorMessage {
    font-style: italic;
}
.DynamicFormErrorMessage .ValidatedInputName {
    font-style: normal;
}
.FormMessageGreen
{
    color: green;
}
.FormMessageRed
{
    color: red;
}
/* CAPTCHA */
.FormDisplayCaptchaContainer {
    display: block;
    padding: 20px;
}

/* BUTTONS */
.DynamicFormButtonsContainer {
    clear: both;
    float: left;
    padding: 20px;
}
.DynamicFormButtonsContainer .Button
{
	float: left;
	height: 25px;
	color: #eee;
	cursor: pointer;
	font-size: 12px;
	border: 0;
	font-weight: 700;
    margin-right: 10px;
}
.DynamicFormButtonsContainer .Button:hover
{
    color: #fff;
	cursor: pointer;
}
.PageFormButtonsContainer .Send
{
	background: url(http://gen.firmanett.no/Images/designmaler/bg_btn_link.gif) 0;
}
.PageFormButtonsContainer .Send:hover
{
	background: url(http://gen.firmanett.no/Images/designmaler/bg_btn_hover.gif) 0 -2px;
}
.ProductDetailsContainer .Button
{
    height: 28px;
    width: 102px;
}
.ProductDetailsContainer .Send
{
	background: url(http://gen.firmanett.no/Images/DynamicForm/productForm/stage1_confirm.png) 0;
}
.ProductDetailsContainer .Cancel
{
	background: url(http://gen.firmanett.no/Images/DynamicForm/productForm/stage1_cancel.png) 0;
}
.ProductDetailsContainer .ContinueShopping
{
	background: url(http://gen.firmanett.no/Images/DynamicForm/productForm/stage2_confirm.png) 0;
    width: 143px;
}
.ProductDetailsContainer .DisplayCart
{
	background: url(http://gen.firmanett.no/Images/DynamicForm/productForm/stage2_confirm.png) 0;
    width: 143px;
}
.ProductQuestionContainer .Send
{
	background: url(http://gen.firmanett.no/Images/designmaler/bg_btn_link.gif) 0;
}
.ProductQuestionContainer .Cancel
{
	background: url(http://gen.firmanett.no/Images/designmaler/bg_btn_link.gif) 0;
}
.ProductQuestionContainer .Close
{
	background: url(http://gen.firmanett.no/Images/designmaler/bg_btn_link.gif) 0;
}
.FormImage {
    float: left;
    margin: 15px 1%;
    min-width: 100px;
    width: 150px;
    max-width: 28%;
}
.FormWithImageContainer {
    float: left;
    min-width: 300px;
    padding: 15px 10px;
    width: 70%;
}
.ProductDetailsAlertBackground {
    height: 79px;
    position: relative;
    width: 100%;
    border-bottom: 2px dashed #888888;
}
.ProductDetailsAlertBackground.stage1{
    background-image: url("/Images/DynamicForm/productForm/stage1_background.png");
}
.ProductDetailsAlertBackground.stage2{
    background-image: url("/Images/DynamicForm/productForm/stage2_background.png");
}
.ProductDetailsAlertIcon {
    left: 15px;
    position: absolute;
    top: 10px;
}
.ProductDetailsAlertText {
    display: table-cell;
    font-family: tahoma;
    font-weight: 700;
    height: 79px;
    padding-left: 90px;
    vertical-align: middle;
}