html,body {
    margin: 0px;
    background-color: #F0E8C0;
}

html>body .scmmaindiv {
    min-height: 66vh;
 }

.topbutton
{
	position:fixed;bottom:50px;right:5px;padding:10px;font-weight:bold;background-color:transparent;color:black;
}

.topbutton:hover
{
	position:fixed;bottom:50px;right:5px;padding:10px;font-weight:bold;background-color:lightblue;color:blue;
}

.tcbutton
{
	width:200px;
	height:40px;
	color:blue;
	background-color:lightblue;"
	font: bold 12px/30px Georgia, serif;
}

.tcbutton:hover
{
	width:200px;
	height:40px;
	color:blue;
	background-color:lightgreen;
	font: bold 12px/30px Georgia, serif;
}

.tcbutton:active
{
	width:200px;
	height:40px;
	color:blue;
	background-color:grey;
	font: bold 12px/30px Georgia, serif;
}

.tcbutton:target
{
	width:200px;
	height:40px;
	color:blue;
	background-color:grey;
	font: bold 12px/30px Georgia, serif;
}

.tcbutton:focus
{
	width:200px;
	height:40px;
	color:blue;
	background-color:grey;
	font: bold 12px/30px Georgia, serif;
}

.normalbutton
{
	color:white;
	background-color:red;"
	font: bold 12px/30px Georgia, serif;
}

.normalbutton:hover
{
	color:blue;
	background-color:lightgreen;
	font: bold 12px/30px Georgia, serif;
}

.normalbutton:active
{
	color:blue;
	background-color:grey;
	font: bold 12px/30px Georgia, serif;
}

.normalbutton:focus
{
	color:blue;
	background-color:lightblue;
	font: bold 12px/30px Georgia, serif;
}

.tabledesign{
	background-color: #E3EBD6;
	width: 100%;
	cellspacing: 0;
	cellpadding: 0;	
 	border: 1px solid black;
	align:center;
	border-collapse:collapse;
	   }
	   
	   .tabledesign1{
	background-color: #E3EBD6;
	width: 100%;
	cellspacing: 0;
	cellpadding: 0;	
 	border: 5px solid black;
	align:center;
	border-collapse:collapse;
	   }
	  
	  .tabledesigncomm{
	  align:right;
	background-color: #E3EBD6;
	width: 60%;
 	border: 1px solid black;
	   } 
	   	   
.trdesign2{
	border: 1px solid black;
	align:center;
	   }
	   .trdesigntype{
	border: 1px solid black;
	align:left;
	   }
.footerdesign {
	background-color: #2E64FE;
	   }
	   
.lidesign {
	background-color:#41552B;
	   }
	   
.calendar {
				font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, sans-serif;
				font-size: 0.9em;
				background-color: #EEE;
				color: #333;
				border: 1px solid #DDD;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				border-radius: 4px;
				padding: 0.2em;
				width: 14em;
			}
			
			.calendar .months {
				background-color: #E3EBD6;
				border: 1px solid #E78F08;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				border-radius: 4px;
				color: #FFF;
				padding: 0.2em;
				text-align: center;
			}
			
			.calendar .prev-month,
			.calendar .next-month {
				padding: 0;
			}
			
			.calendar .prev-month {
				float: left;
			}
			
			.calendar .next-month {
				float: right;
			}
			
			.calendar .current-month {
				margin: 0 auto;
			}
			
			.calendar .months .prev-month,
			.calendar .months .next-month {
				color: #FFF;
				text-decoration: none;
				padding: 0 0.4em;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				border-radius: 4px;
				cursor: pointer;
			}
			
			.calendar .months .prev-month:hover,
			.calendar .months .next-month:hover {
				background-color: #FDF5CE;
				color: #C77405;
			}
			
			.calendar table {
				border-collapse: collapse;
				padding: 0;
				font-size: 0.8em;
				width: 100%;
			}
			
			.calendar th {
				text-align: center;
			}
			
			.calendar td {
				text-align: right;
				padding: 1px;
				width: 14.3%;
			}
			
			.calendar td span {
				display: block;
				color: #1C94C4;
				background-color: #F6F6F6;
				border: 1px solid #CCC;
				text-decoration: none;
				padding: 0.2em;
				cursor: pointer;
			}
			
			.calendar td span:hover {
				color: #C77405;
				background-color: #FDF5CE;
				border: 1px solid #FBCB09;
			}
			
			.calendar td.today span {
				background-color: #FFF0A5;
				border: 1px solid #FED22F;
				color: #363636;
			}
			
			.qtysize
			{
				width: 40px;
				float: left;
/* 				border: 1px solid black;				 */
			}