﻿
/*Mainwrappers*/
.characteristicsmodule
{
	width:100%;
	margin:0;
	padding:0;
	border-spacing:0;
	font-size:12px;
}

.characteristicsmodule table
{
	width:100%;
}



.characteristicsmodule .categorywrapper
{
	width:100%;
	height:auto;
	float:left;
	border:1px solid #000;
}

.characteristicsmodule .characteristicwrap
{
	float:left;
	height:auto;
	width:100%;
	padding-top:5px;
}

.characteristicsmodule  .dotnetnukebuttonswrapper
{   
    float:left;
    width:400px;
    height:auto;
}

/*Input controls*/
.characteristicsmodule .categoryinputwrapper,
.characteristicsmodule .characteristicinputwrapper
{
    float:left;
    width:100%;
    height:auto;
    padding:5px;
    padding-bottom:5px;
    border:solid #dfdfdf 1px;
}

.characteristicsmodule .itemseperator
{
	height:10px;
	float:left;
	width:100%;
}

.characteristicsmodule .categoryinputwrapper
{
	border-bottom:none;
}

.characteristicsmodule .newitemtitelwrap
{
	width:100%;
	font-weight:bold;
	float:left;
	height:20px;
}

.characteristicsmodule .instructions
{
	width:100%;
	float:left;
	padding:5px 5px 5px 0;
	height:15px;
}

.characteristicsmodule .newitemcontrolswrap
{
	width:100%;
	float:left;
	min-height:30px;
	height:auto;
}
.characteristicsmodule .controlscollum
{
	width:50%;
	height:auto;
	float:left;
}

.characteristicsmodule .squarebuttonbox
{
	height:30px;
}

.characteristicsmodule .addcharacteristicbutton
{
	float:left;
}

.characteristicsmodule .insertnewbutton
{
	float:left;
	padding-top:5px;
	width:100%;
}

.characteristicsmodule .categorydropdown
{
	width:200px;
}

/*Editable Divs*/
.characteristicsmodule .editcharacteristicamountdiv,
.characteristicsmodule .editcharacteristicnamediv,
.characteristicsmodule .newcharacteristicnamediv,
.characteristicsmodule .newcharacteristicamountdiv
{
	overflow:hidden;
	border:1px solid #abadb3;
	width:95%;
	min-height:18px;
	height:auto;
	background-color:#fff;
}

.characteristicsmodule .editcategorynamebox
{
	width:80%;
	height:auto;
	min-height:18px;
	float:left;
}

/*Edit buttons on the leftside of the Items*/
.characteristicsmodule .editbuttonswrapper
{
	padding-top:10px;
    float:left;
    height:30px;
    width:100%;
}

.characteristicsmodule .hidebutton
{
    display:none;
}

.characteristicsmodule .editbutton
{
    height:16px;
    width:16px;
    padding-right:5px;
    float:left;
}

/*Edit item Template*/
.characteristicsmodule .edititembox
{
	width:100%;
	min-height:50px;
	height:auto;
	float:left;
}

.characteristicsmodule .edititemnamebox
{	
	padding-top:30px;
	float:left;
	min-height:20px;
	height:auto;
	min-width:170px;
	width:40%;
}

.characteristicsmodule .edititemamountbox
{	
	float:left;
	min-height:50px;
	height:auto;
	min-width:170px;
	width:40%;
}

.characteristicsmodule .edititembuttonbox
{
	padding-top:30px;
	height:20px;
}

/*Generated Tabel style*/
.characteristicsmodule .AlternatingItemStyle
{
    background-color:#fff;
}

.characteristicsmodule .itemstyle
{
    background-color:#f9f9f9;
}

.characteristicsmodule .categoryname
{
	display:block;
	width:99%;
	height:auto;
	float:left;
	padding-top:10px;
	padding-left:8px;
	padding-bottom:3px;
}

.characteristicsmodule .categorynamewrap
{
	width:100%;
	float:left;
	height:auto;
}

.characteristicsmodule .characteristicname
{
	display:block;
	width:45%;
	height:auto;
	float:left;
	padding-bottom:5px;
	padding-left:15px;
}

.characteristicsmodule .editcharacteristicname
{
	display:block;
	width:45%;
	height:auto;
	float:left;
	padding-bottom:10px;
	padding-left:15px;
}

.characteristicsmodule .characteristicamount
{
	display:block;
	width:45%;
	height:auto;
	float:left;
	padding-bottom:10px;
	padding-left:3px;
}