/*
	Stylesheet for Tigra Calendar v5.0
	Product is Public Domain (Free for any kind of applicaiton, customization and derivative works are allowed) 
	URL: http://www.softcomplex.com/products/tigra_calendar/

	- all image paths are relative to path of stylesheet
	- the styles below can be moved into the document or in existing stylesheet

	*/
	form.calculator_form {
		width: 100%;
		display: block;
		height: auto;
		margin: 0;
		padding: 0 15px;
		position: relative;
	}
	form.calculator_form div.admin {
		width: 100%;
	}

	.error, .notice, .success {
		padding:.8em;
		margin-bottom:1em;
		border:2px solid #ddd
	}
	.error {
		background:#FBE3E4;
		color:#8a1f11;
		border-color:#FBC2C4
	}
	.notice {
		background:#FFF6BF;
		color:#514721;
		border-color:#FFD324
	}
	.success {
		background:#E6EFC2;
		color:#264409;
		border-color:#C6D880
	}
	.error a {
		color:#8a1f11
	}
	.notice a {
		color:#514721
	}
	.success a {
		color:#264409
	}

	div.inventory_list {
		background: none repeat scroll 0 0 transparent;
		clear: none;
		float: left;
		//margin: 0 20px 30px 0;
		margin: 0 100px 30px 0;
		padding: 110px 0 0;
		position: relative;
		width: 190px;

	}

	div.inventory_list h3 {
		font-size: 115%;
		margin: 0 0 0.75em !important;
		color:#6dd0f5;
	}

	div.inventory_list img.hero {
		height: 100px;
		left: 0;
		overflow: hidden;
		position: absolute;
		top: 0;
		width: 155px;
	}
	div.inventory_list ul {
		list-style: none outside none;
		margin: 0 !important;
		padding: 0;
	}
	div.inventory_list ul li {
		background: none repeat scroll 0 0 transparent;
		background-image:none;
		clear: both;
		list-style: none outside none;
		margin:0 0 30px .25em;
		padding: 0;
		position: relative;
	}

	div.inventory_list label {
		font-size: 82%;
		font-weight: normal;
		background: none repeat scroll 0 0 transparent;
		color: #646464;
		float: left;
		margin: 0 1% 0 0;
		padding: 5px 0 0;
		text-align: left;
		width: 100px;
	}

	div.inventory_list input {
  /*  margin: 0 18px 0 0 !important;
    text-align: center;
    width: 24px;
	padding:3px;
	border:1px solid #ACADB1;*/
	margin: 3px 18px 0 0 !important;
	text-align: center;
	width: 24px;
	padding: 3px;
	border: 1px solid #ACADB1;
	float: left;
	font-size: 17px;
	height: 26px;
}

div.inventory_list ul li a.add {
	background: url(../images/add-btn-icon.gif) no-repeat scroll 0 0 #B3E2F7;
	//top: 0;
	top: 4px;
	right:15px;
}

div.inventory_list ul li a.minus {
	background: url(../images/minus-btn-icon.gif) no-repeat scroll 0 0 #4c4c4c;
	//top: 13px;
	top: 17px;
	right:15px;
}
div.inventory_list ul li a {
	display: block;
	height: 10px;
	overflow: hidden;
	position: absolute;
	right: 30px;
	text-align: left;
	text-indent: -9999px;
	width: 17px;
}
div.clearAll {
	clear: both;
	height: 0;
}
form.calculator_form div.admin {
	width: 100%;
}
form fieldset {
	border: medium none;
	display: block;
	margin: 0;
}

.admin label {
	background: none repeat scroll 0 0 transparent;
	color: #646464;
	float: left;
	font-weight: bold;
	margin: 0px 0 10px 0;
	padding: 5px 0 0;
	text-align: left;
	//width: 38%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}


.admin label.error{border:none; color:#FF0000; font-size: 11px; font-weight: normal !important; width:auto; float:left; text-align:right; margin-left:6px; margin-top:0px;
}
.admin input[type="text"], .admin input[type="password"] {
	border: 1px solid #ACADB1;
	color: #000000;
	float: left;
	font: 100%/1.1 Arial,Helvetica,sans-serif;
	padding: 3px;
	width: 30%;
	margin:0 !important;
}

.admin .columns{
	//clear: none;
}

.admin .row{
	margin-bottom: 20px;
}

.admin .columns input, .admin .columns textarea {
	width: 100%;
}

.admin div {
	background: none repeat scroll 0 0 transparent;
	//clear: both;
	//margin: 1em 0 0;
	//display:block;
	//width:100%;
	//float:left;
}
.admin select {
	//float: left;
	//margin: 1% 0 0 0;
	//padding: 0;
	width: 100%;
}
.admin button.submit_btn {
	background: url(../images/submitBtn.png) no-repeat scroll 0 0 transparent;
	border: medium none;
	cursor: pointer;
	display: block;
	float: right;
	font-size: 138%;
	height: 38px;
	margin: 0;
	padding: 0;
	text-align: left;
	text-indent: -9999px;
	width: 100px;
}
.admin button.submit_btn:hover {
	background-position: 0 -50px;
}
.admin div.form_controls {
	margin: 1.5em 0 0 47px;
	text-align: center;
}
.admin .required {
	color: #FF0000;
}
.form_controls input[type="submit"] { background: none repeat scroll 0 0 #414143; border: medium none; border-radius: 10px 10px 10px 10px; color: #FFFFFF !important;
	font-size: 22px !important; height: 35px; width:19%; margin-right:170px;}
	#innerbannercontainer{ margin:0 !important}
	.calmessage{ width:100%; float:left;}
	.calmessage span.sucess{ font-size:20px !important; color:#fff; font-weight:bold; z-index:999; background:#093; height:80px; line-height:70px;
		text-align:center; width:70%; float:left; margin-bottom:20px;}
		.packaging_gallery{ width:100%; float:left; margin:0 !important; padding:0;}
		.packaging_gallery li{ width:100%; float:left; padding:0 !important; margin:10px 0; list-style:none !important;}
		.packaging_gallery li img{ border:1px solid #ddd; padding:10px;}
		.packaging_gallery li label{ width:auto; float:left; clear:both; font-size:14px; font-weight:bold;}

		ul.products_rates{ width:100%; float:left; margin:0; padding:0;}
		ul.products_rates li{ width:35%; float:left; text-align:center; border: 1px solid #DDDDDD; margin:0 20px 20px 0; padding:15px 0;}
		ul.products_rates li h3 a{ width:100%; float:left; color:#fff; text-decoration:none; background:#FF0000; margin:5px 0 0;}
		form.calculator_form input[type="text"], form.calculator_form textarea {
			background: #f9f9f9;
			border: 1px solid #ccc;
			box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
			-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
			-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
			padding: 2px;
		}
		/* input box in default state */ 
		.tcalInput {
			background: url('../images/cal.gif') 100% 50% no-repeat !important;
			padding-right: 20px;
			cursor: pointer;
		}

		/* additional properties for input boxe in activated state, above still applies unless in conflict */
		.tcalActive {
			background-image: url('../img/no_cal.gif') !important;
		} 
		/* container of calendar's pop-up */
		#tcal {
			position: absolute;
			visibility: hidden;
			z-index: 100;
			width: 170px;
			background-color: white;
			margin-top: 2px;
			padding: 0 2px 2px 2px;
			border: 1px solid silver;

			-moz-box-shadow: 3px 3px 4px silver;
			-webkit-box-shadow: 3px 3px 4px silver;
			box-shadow: 3px 3px 4px silver;
			-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='silver')";
			filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='silver');
		}

		/* table containing navigation and current month */
		#tcalControls {
			border-collapse: collapse;
			border: 0;
			width: 100%;
		}
		#tcalControls td {
			border-collapse: collapse;
			border: 0;
			padding: 0;
			width: 16px;
			background-position: 50% 50%;
			background-repeat: no-repeat;
			cursor: pointer;
		}
		#tcalControls th {
			border-collapse: collapse;
			border: 0;
			padding: 0;
			line-height: 25px;
			font-size: 10px;
			text-align: center;
			font-family: Tahoma, Geneva, sans-serif;
			font-weight: bold;
			white-space: nowrap;
		}
		#tcalPrevYear { background-image: url('../img/prev_year.gif'); }
		#tcalPrevMonth { background-image: url('../img/prev_mon.gif'); }
		#tcalNextMonth { background-image: url('../img/next_mon.gif'); }
		#tcalNextYear { background-image: url('../img/next_year.gif'); }

		/* table containing week days header and calendar grid */
		#tcalGrid {
			border-collapse: collapse;
			border: 1px solid silver;
			width: 100%;
		}
		#tcalGrid th {
			border: 1px solid silver;
			border-collapse: collapse;
			padding: 3px 0;
			text-align: center;
			font-family: Tahoma, Geneva, sans-serif;
			font-size: 10px;
			background-color: gray;
			color: white;
		}
		#tcalGrid td {
			border: 0;
			border-collapse: collapse;
			padding: 2px 0;
			text-align: center;
			font-family: Tahoma, Geneva, sans-serif;
			width: 14%;
			font-size: 11px;
			cursor: pointer;
		}		
		#tcalGrid td.tcalOtherMonth { color: silver; }
		#tcalGrid td.tcalWeekend { background-color: #ACD6F5; }
		#tcalGrid td.tcalToday { border: 1px solid red; }
		#tcalGrid td.tcalSelected { background-color: #FFB3BE; }