﻿/*********************************************/
.boxit
{
	padding:10px;
	border:10px solid #CCCCCC;
	float:left;
	background-color:#c08c8c;
	overflow:hidden;
	width:580px;
	font-size:14px;
	font-family:Verdana;
	margin-bottom:10px;
	}
.t_container
{
	display:inline;
	float:left;
	width:578px;
	zzbackground-color:red;
	overflow:hidden;
	}
/*******************************/
/****  Row containers  *********/
/*******************************/
.t_row_short
{
	display:inline;
	float:left;
	width:314px;
	margin-top:1px;
	margin-left:5px;
	zzbackground-color:Fuchsia;
	overflow:hidden;
	}
/* Används som radbehållare i admin och i kundform. */
.t_row_large
{
	display:inline;
	float:left;
	width:568px;
	margin-top:1px;
	margin-left:5px;
	zzbackground-color:Blue;
	overflow:hidden;
	}
.t_row_image
{
	display:inline;
	float:right;
	width:252px;
	height:431px;
	margin-top:1px;
	margin-right:5px;
	zzbackground-color:#DDDDDD;
	zzbackground-color:Fuchsia;
	text-align:center;
	overflow:hidden;
	}

/**********************************/
/****  Label containers  **********/
/**********************************/
.t_cell_1 /* KOLUMN 1 MED NAMN Längst till vänster */
{
	display:inline;
	float:left;
	width:115px;
	height:26px;
	zzbackground-color:Green;
	overflow:hidden;
	}
.t_cell_1_inner /* har text i sig och är större än den behöver för att hindra linebreak*/
{
	display:inline;
	float:left;
	width:210px;
	height:22px;
	margin:2px;
	zzbackground-color:Olive;
	overflow:hidden;
	}

/**********************************/
/****  Control containers  ********/
/**********************************/
.t_cell_2 /* KOLUMN 2 MED TEXTFÄLT, OFTAST EFTER CELL_1 */
{
	display:inline;
	float:left;
	width:199px;
	height:26px;
	zzbackground-color:Maroon;
	overflow:hidden;
	margin-right:0px;
	}
.t_cell_2_inner /* har box i sig */
{
	display:inline;
	float:left;
	zzbackground-color:#DDDDDD;
	margin:2px;
	height:22px;
	overflow:hidden;
	width:195px;
}
/**********************************/
/****  Full row containers ********/
/**********************************/
.t_cell_600 /* full cell utan vänsterlabel*/
{
	display:inline;
	float:left;
	width:610px;
	height:26px;
	overflow:hidden;
	zzbackground-color:#DDDDDD;
	zzbackground-color:Maroon;
	}
.t_cell_600_inner /* full cell utan vänsterlabel*/
{
	display:inline;
	float:left;
	width:564px;
	height:22px;
	overflow:hidden;
	zzbackground-color:#DDDDDD;
	margin:2px;
	}

.t_cell_full /* CELL_1 plus CELL_FULL GÖR EN HEL RAD*/
{
	display:inline;
	float:left;
	width:453px;
	height:26px;
	overflow:hidden;
	zzbackground-color:#DDDDDD;
	zzbackground-color:Maroon;
	}


.t_cell_full_inner
{
	display:inline;
	float:left;
	width:449px;
	height:22px;
	margin:2px;
	overflow:hidden;
	zzbackground-color:#DDDDDD;
		}

.t_cell_full2 /* CELL_FULL2 GÖR EN HEL RAD*/
{
	display:inline;
	float:left;
	width:568px;
	height:26px;
	zzbackground-color:#DDDDDD;
	zzbackground-color:olive;
	overflow:hidden;
	}
.t_cell_full2_inner
{
	display:inline;
	float:left;
	width:568px;
	height:22px;
	margin:2px;
	overflow:hidden;
	zzbackground-color:#DDDDDD;
}
/**********************************/
/****  Not used yet        ********/
/**********************************/

.t_block_exempel
{
	display:inline;
	float:right;
	width:255px;
	height:162px;
	margin:0px;
	zzbackground-color:Orange;
	text-align:center;
	overflow:hidden;
	}
.t_block_image
{text-align:center;}

/**********************************/
/****  Labels ******************/
/**********************************/
.tlab1 /* exempel till avdelning m.m. */
{
	display:inline;
	float:left;
	padding:5px;
	zzbackground-color:Lime;
	
}

.tlab5 /* exempel till bindestreck eller space m.m. */
{
	display:inline;
	float:left;
	zzbackground-color:yellow;
	padding-top:5px;
	padding-bottom:5px;
	
}
/**********************************/
/****  textboxar ******************/
/**********************************/
.waterbox /* exempel teil avdelning m.m. */
{
	display:inline;
	float:left;
	width:193px;
	margin-top:1px;
	margin-left:1px;
	margin-right:1px;
	height:20px;
	border:solid 1px #CCCCCC;
	color: #999999;
}
.waternormal /* exempel teil avdelning m.m. */
{
	display:inline;
	float:left;
	width:193px;
	margin-top:1px;
	margin-left:1px;
	margin-right:1px;
	height:20px;
	border:solid 1px #666666;
	color: #333333;
}
.tbox1 /* exempel teil avdelning m.m. */
{
	display:inline;
	float:left;
	width:193px;
	margin-top:1px;
	margin-left:1px;
	margin-right:1px;
	height:20px;
	background-color:#e6e6e6; 
	border:solid 1px #CCCCCC;
}
.tbox1a /* office boxar */
{
	display:inline;
	float:left;
	width:193px;
	margin-top:1px;
	margin-left:1px;
	margin-right:1px;
	height:20px;
	background-color:#fffacc; /* Gul */
	border:solid 1px #CCCCCC;
}
.tbox1b /* office boxar */
{
	display:inline;
	float:left;
	width:193px;
	margin-top:1px;
	margin-left:1px;
	margin-right:1px;
	height:20px;
	background-color:#fffacc; /* Gul */
	border:solid 1px #CCCCCC;
}
.tbox1c /* bolagsboxar */
{
	display:inline;
	float:left;
	width:193px;
	margin-top:1px;
	margin-left:1px;
	margin-right:1px;
	height:20px;
	background-color:#ccffcc; /* grön */
	border:solid 1px #CCCCCC;
}
.tbox1d /* aktiva boxar*/
{
	display:inline;
	float:left;
	width:193px;
	margin-top:1px;
	margin-left:1px;
	margin-right:1px;
	height:20px;
	background-color:#cce3ff; /* ljusblå */
	border:solid 1px #CCCCCC;
}
.tbox1r /* adress boxar */
{
	display:inline;
	float:left;
	width:193px;
	margin-top:1px;
	margin-left:1px;
	margin-right:1px;
	height:20px;
	background-color:#ffccfa; /* lila*/
	border:solid 1px #CCCCCC;
}

.tbox1e /* inaktiva boxar*/
{
	display:inline;
	float:left;
	width:193px;
	margin-top:1px;
	margin-left:1px;
	margin-right:1px;
	height:20px;
	background-color:#CCCCCC;
	border:solid 1px #CCCCCC;
}
.tbox2 /* exempel telefonnummer, maildomän och postnummer*/
{
	display:inline;
	float:left;
	width:90px;
	margin-top:1px;
	margin-left:1px;
	margin-right:1px;
	height:20px;
	border:solid 1px #CCCCCC;
}
.tbox2b /* exempel telefonnummer, maildomän och postnummer*/
{
	display:inline;
	float:left;
	width:101px;
	margin-top:1px;
	margin-left:1px;
	margin-right:1px;
	height:20px;
	background-color:#fffacc; /* Gul */
	border:solid 1px #CCCCCC;
}
.tbox3 /* exempel telefonprefix */
{
	display:inline;
	float:left;
	width:35px;
	margin-top:1px;
	margin-left:1px;
	margin-right:1px;
	height:20px;
	text-align:center;
	zzbackground-color:white;
	font-size:11px;
	padding-left:1px;
	border:solid 1px #CCCCCC;
}
.tbox4
{
	display:inline;
	float:left;
	width:20px;
	margin-top:1px;
	margin-left:1px;
	margin-right:1px;
	height:20px;
	zzbackground-color:white;
	border:solid 1px #CCCCCC;
}
.tbox5 /* smallest separator, ex '-'  eller '@' */
{
	display:inline;
	float:left;
	width:16px;
	margin-top:1px;
	margin-left:1px;
	margin-right:1px;
	height:20px;
	text-align:center;
	font-size:12px;
	zzbackground-color:olive;
	border:solid 1px #CCCCCC;
}
.tboxfull /* Används för fileupload textfält. Cell 1 + file spänner hela bredden */
{
	display:inline;
	float:left;
	width:447px;
	margin-top:1px;
	margin-left:1px;
	margin-right:1px;
	height:20px;
	background-color:white;
	border:solid 1px #CCCCCC;
}
.tboxfile /* Används för fileupload textfält. Cell 1 + file spänner hela bredden */
{
	display:inline;
	float:left;
	width:447px;
	margin-top:1px;
	margin-left:1px;
	margin-right:1px;
	height:20px;
	background-color:#CCCCCC;
	border:solid 1px #CCCCCC;
}

.tsel /* används som kort dropdownlist i shopping delen bl.a.  */
{
	display:inline;
	float:left;
	width:160px;
	height:20px;
	border:solid 0px #CCCCCC;
	margin:0px;
	padding:0px;
	text-align:right;
	direction:rtl;
	padding-right:15px;
	}
.tbox /* används som kort dropdownlist i shopping delen bl.a.  */
{
	display:inline;
	float:right;
	width:65px;
	height:20px;
	border:solid 1px #CCCCCC;
	margin:0px;
	padding:0px;
	text-align:right;
	padding-right:5px;
	padding-top:2px;
	font-size:12px;
	font-weight:bold;
	color: #555555;
}



/*********************************************/
.orders_col1
{
	display:inline;
	float:left;
	width:289px;
	zzbackground-color:#DDDDDD;
	zzbackground-color:olive;
	margin:2px;
	height:29px;
	overflow:hidden;
	line-height:12px;
	padding-top:5px;
	}

.orders_col2
{
	display:inline;
	float:left;
	width:70px;
	zzbackground-color:#DDDDDD;
	zzbackground-color:olive;
	margin:2px;
	height:29px;
	overflow:hidden;
	padding:0px;
	text-align:right;
	padding-top:5px;
	}

.orders_col3
{
	display:inline;
	float:left;
	width:70px;
	zzbackground-color:#DDDDDD;
	zzbackground-color:olive;
	margin:2px;
	height:29px;
	overflow:hidden;
	padding:0px;
	text-align:right;
	padding-top:5px;
	}


/*********************************************/
.req
{
	color:Red;
	font-variant:small-caps;
	font-weight:bold;
	padding-top:3px;
	padding-bottom:1px;
	padding-left:2px;	
	padding-right:2px;	
}
/*********************************************/
.smallprev /* standardknapp */
{
	display:inline;
	float:left;
	width:21px;
	height:21px;
	overflow:hidden;
	zzbackground-color:Red;
	margin:0px;
	margin-left:5px;
	}
.smallprev_img /* standardknapp */
{
	display:inline;
	float:left;
	width:21px;
	height:21px;
	overflow:hidden;
	zzbackground-color:Red;
	margin:0px;
	}
.smallprev_bullet 
{
	display:inline;
	float:left;
	overflow:hidden;
	margin-top:4px;
	}
.smallprev_right /* standardknapp float right */
{
	display:inline;
	float:right;
	width:21px;
	height:21px;
	overflow:hidden;
	zzbackground-color:Red;
	zzmargin-left:5px;
	}
.filelabel
{
	display:inline;
	float:left;
	width:496px;
	padding:0px;
	padding-top:3px;
	padding-left:5px;
	padding-bottom:3px;
	overflow:hidden;
	zzbackground-color:Lime;
	}
.innerfilelabel
{
	display:inline;
	float:left;
	width:490px;
	font-weight:bold;
	overflow:hidden;
	zzbackground-color:Olive;
	padding:0px;
	padding-top:1px;
	padding-left:3px;
	border:solid 1px #CCCCCC;
	}
.backbutton
{
	display:inline;
	float:left;
	width:110px;
	height:21px;
	overflow:hidden;
	zzbackground-color:Red;
	margin:0px;
	padding:0px;
	}
.nextbutton
{
	display:inline;
	float:right;
	width:110px;
	height:21px;
	overflow:hidden;
	zzbackground-color:Red;
	margin:0px;
	padding:0px;
	}
/*********************************************/
.steps
{
	display:inline;
	float:left;
	width:580px;
	height:7px;
	overflow:hidden;
	zzbackground-color:Red;	
	margin-top:5px;
	margin-bottom:5px;
	}
.steps_24
{
	display:inline;
	float:left;
	width:580px;
	height:24px;
	overflow:hidden;
	zzbackground-color:Red;	
	margin-top:5px;
	margin-bottom:5px;
	}
.steps_m
{
	display:inline;
	float:left;
	width:580px;
	height:24px;
	overflow:hidden;
	zzbackground-color:Red;	
	margin-top:0px;
	margin-bottom:5px;
	}

/*********************************************/
.propertyrow
{
	display:inline;
	float:left;
	overflow:hidden;
	zzbackground-color:Red;
	height:500px;
}

/*********************************************/
.helpdiv
{
	display:inline;
	float:left;
	overflow:hidden;
	width:568px;
	zzbackground-color:Olive;
}
ul.help
{
	margin-top:10px;
	margin-bottom:10px;
	 list-style-type:decimal;
	}

ul li.help
{
	padding:5px;
	zzbackground-color:Olive;
	 
}


/****************************************/
/****  product display in step 4*********/
/****************************************/

.pdisp_0
{
	display:inline;
	float:left;
	width:570px;
	margin-bottom:10px;
	overflow:hidden;
	zzbackground-color:Olive;
}
.pdisp_top
{
	display:inline;
	float:left;
	width:900px;
	overflow:hidden;
	zzbackground-color:#AACCAA;
}

.pdisp_left
{
	display:inline;
	float:left;
	width:200px;
	height:285px;
	overflow:hidden;
	zzbackground-color:#CCCCAA;
}

.pdisp_right
{
	display:inline;
	float:right;
	width:340px;
	height:250px;
	margin-left:0px;
	overflow:hidden;	
	zzbackground-color:#CC66AA;
}
.pdisp_bot
{
	display:inline;
	float:left;
	width:570px;
	overflow:hidden;	
	padding:0px;
	margin:0px;
	zzbackground-color:#66CCAA;
}

/****************************************/
/****  Start left Content ***************/
/****************************************/

.pdisp_bild
{
	display:inline;
	float:left;
	width:200px;
	height:250px;
	overflow:hidden;
	margin:0px;
	padding:0px;
	background-color:#CCCCCC;
}
/****************************************/
/****  End left Content *****************/
/****************************************/

/****************************************/
/****  Start right Content **************/
/****************************************/

.pdisp_right_row
{	display:inline;
	float:left;
	width:314px;
	overflow:hidden;
	margin:5px;
	margin-left:0px;
	margin-top:0px;
	line-height:15px;
	zzbackground-color:#66DDAA;
}
.pdisp_bot_row
{
	display:inline;
	float:left;
	width:560px;
	overflow:hidden;
	margin-top:10px;
	margin-bottom:5px;
	padding:5px;
	padding-left:0px;
	zzbackground-color:#CCAACC;
}

/****************************************/
/****  End right Content ****************/
/****************************************/


