/* CSS Document */

HTML{
	border-top:10px solid #48b646;	
	padding:0px;
	margin:0px;	
}

BODY{
	border-top:5px solid #959698;	
	padding:0px;
	margin:0px;
}

NAV{
	padding:0px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	border-bottom:1px solid #959698; 	
	border-top:1px solid #959698; 	
}

NAV > UL{
	margin:10px 0px 0px 20px;
	padding:0px 0px 0px 0px;
	list-style:none;	
}

NAV > UL > LI{
	margin:0px;
	padding:0px;
	list-style:none;	
	display:block;
	float:left;
}

NAV > UL > LI > A{
	padding:6px 12px;
	border-radius:10px;
	background-color:#48b646;
	color:#FFF;	
	margin-right:5px;
	border:1px solid #48b646;
}

NAV > UL > LI.active > A{
	background:#eef8ed;
	color:#48b646;
	border:1px solid #48b646;
}

NAV > UL > LI > A:hover{
	text-decoration:none;
	background-color:#6cc265;
	color:#FFF;
}

#content{
	padding:10px 20px 20px 20px;
}

H1{
	color:#6cc265;
}

.toright{
	float:right;	
}

#label{
	padding-left:20px;
	font-size:28px;
	font-style:italic;
	color:#919193;	
	background-color:#EEE;
	padding-top:10px;
	padding-bottom:10px;
}

#label > SPAN{
	font-size:14px;	
}

#generateform{
	padding-top:10px;	
}

#generateform INPUT[type=text]{
	padding:6px 12px;
	border-radius:8px;
	border:1px solid #6cc265;
	width:400px;
}

#generateform TD{
	padding-bottom:12px;	
}

#codeparams, #listparams, #genstatus{
	border:1px solid #6cc265;
	border-radius:8px;
	background-color:#8dd28b;
	min-height:50px;
	padding:15px;
}

#genstatus{
	margin-top:20px;
	margin-bottom:-10px;
	background-color:#ccc;
	display:none;
	padding-top:8px;
	padding-bottom:8px;
	border:1px solid #888;
	min-height:1px;
	font-weight:bold;
	color:#333;
}

#genstatus.animated{
	border:1px solid #222;
	box-shadow:1px 1px 2px rgba(0,0,0,0.35);
}

#generateform INPUT[type=submit], #generateform INPUT[type=button]{
	padding:6px 12px;
	border-radius:8px;
	border:1px solid #959698;
	width:200px;
	font-weight:bold;
	box-shadow:2px 2px 3px rgba(0,0,0,0.35);
	font-size:18px;
	margin-right:6px;
}

#packs_amount, #poss_amount, #usable_amount{
	font-weight:bold;	
}

#statusbar{
	border:1px solid #000;
	border-radius:5px;
	height:20px;
	margin-top:6px;
	overflow:hidden;	
}

#statusbar > SPAN{
	height:18px;
	line-height:1px;
	font-size:1px;
	overflow:hidden;
	width:0%;
	background-color:#000;	
	display:block;
}

#amount_warner{
	background-color:#FFEEDD;
	border:1px solid #FF1100;
	color:#FF1100;
	border-radius:8px;
	font-size:12px;
	padding:8px 10px;
	margin-top:15px;
	display:none;
}

#generateform #packagetypebutton, #generateform #packagetypebutton_equal, #generateform INPUT[type="button"].addpackagebutton, #generateform INPUT[type="button"].deletepackagebutton{
	font-size:13px;	
	font-weight:normal;
	padding:2px 8px 2px 8px;
    width: auto;
	margin-left:8px;
	box-shadow:1px 1px 2px rgba(0,0,0,0.2);
}

#generateform #packagetypebutton_equal{
	display:none;	 
}

#generateform INPUT[type="button"].addpackagebutton, #generateform INPUT[type="button"].deletepackagebutton{
	font-weight:bold;
	background-color:#8dd28b;	
}

#generateform #packagetypebutton:hover, #generateform #packagetypebutton_equal:hover {
	background-color:#FFF;	
}

#generateform INPUT[type="button"].addpackagebutton:hover, #generateform INPUT[type="button"].deletepackagebutton:hover{
	font-weight:bold;
	background-color:#aee1ad;	
}

#different_desc{
	margin-left:8px;
	display:inline-block;	
	font-size:10px;
	width:240px;
	line-height:11px;
	display:none;
}

.packsizenr{
	display:none;	
}