/* CSS Document */
.grasDetail{
	width:700px;
	margin: 0 0 0 50px;
	padding: 1px 12px 10px 10px;
	background:#EEE;
	border:1px solid #CCC;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

.grasDetail h2{
	border-top: 1px solid #999;
	border-bottom:1px solid #999;
	background:#FFF;
	margin:20px -1px 20px 0;
	padding:5px 10px;
}

	.addWrap{
		float:none;
		padding:5px;
		margin:5px 0;
		border-top:1px solid #CCC;
	}
		.addWrap .addItem{
			background:url(../images/addButton.png) no-repeat;
			opacity: 0.7;
			display: inline-block;
			height: 30px;
			overflow: hidden;
			text-indent: -9999px;
			width: 30px;
			margin-right:5px;
			margin-bottom:-10px;
		}
		.addWrap .addItem:hover{
			opacity:1;
		}
		.addWrap .txt{
			margin-right:5px;
			padding-bottom:10px;
		}
	
	.deleteWrap{
		float:left;
		padding:0 5px 5px 5px;
		margin:5px 0;
		width:30px;
	}
		.deleteWrap .deleteItem{
			background:url(../images/delButton.png);
			opacity: 0.7;
			display: inline-block;
			height: 30px;
			overflow: hidden;
			text-indent: -9999px;
			width: 30px;
		}
		.deleteWrap .deleteItem:hover{
			opacity: 1;
		}
	
	.editItem{
			background:url(../images/edit.png) no-repeat;
			opacity: 0.7;
			display: inline-block;
			height: 16px;
			overflow: hidden;
			text-indent: -9999px;
			width: 16px;
			margin-right:5px;
			margin-bottom:-10px;
		}
		
	#imageGras{
		overflow:hidden;	
	}
	.editItem:hover{
		opacity: 1;
	}
	.grasDetail .imageWrap{
		padding:0 20px;
	}
		.grasDetail .imageWrap .row{
				margin:10px 0;
				min-height:120px;
				background:#E3E3E3;
				border:1px solid #CCC;
				/* Firefox 3.6+ */
				background: -moz-linear-gradient(100% 100% 90deg, #E3E3E3, #EEEEEE);
				
				/* Safari 4-5, Chrome 1-9 */
				/* -webkit-gradient(<type>, <point> [, <radius>]?, <point> [, <radius>]? [, <stop>]*) */
				background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4AAF41), to(#B8DFB5));
				
				/* Safari 5.1+, Chrome 10+ */
				background: -webkit-linear-gradient(#4AAF41, #B8DFB5);
				
				/* Opera 11.10+ */
				background: -o-linear-gradient(#4AAF41, #B8DFB5);
				
				-moz-border-radius:3px;
				-webkit-border-radius:3px;
				border-radius:3px;
		}
			
		.grasDetail .imageWrap .content{
			float:left;
			width:500px;
			padding:10px;
		}
		.grasDetail .imageWrap .txt{
			overflow:auto;
			height:90px;
			padding:3px;
		}
		.grasDetail .imageWrap textarea{
			height:60px;
			width:98%;
			margin:0;
		}
				.grasDetail .imageWrap .file{
					margin-bottom:5px;
					width:100%;
					text-align:right;
				}
					.grasDetail .imageWrap .file .delValBtn:hover{
						opacity:1;
					}
					
					.grasDetail .imageWrap .file .fileImg{
						margin: 0 0 2px 0;
					}
					
					.grasDetail .imageWrap .file label{
						margin: 0 10px 0 0;
					}
				
		.grasDetail .imageWrap .lightbox img{
			vertical-align:middle;
			margin: 5px;
			border:1px solid #BBB;
		}
	
	.grasDetail .characteristicsWrap{
		padding:0 20px;
	}
		.grasDetail .characteristicsWrap .row{
			margin:10px 0;
		}
		.grasDetail .characteristicsWrap .c1{ float:left; width:150px;}
		.grasDetail .characteristicsWrap .c2{ float:none;}
		.grasDetail .characteristicsWrap .c2 input{ width:400px;}
	
	.grasDetail .similarWrap{
		padding:0 20px;
	}
		.grasDetail .similarWrap .row{
				margin:10px 0;
				min-height:220px;
				padding:5px 0;
				border:1px solid #CCC;
				/* Firefox 3.6+ */
				background: -moz-linear-gradient(100% 100% 90deg, #E3E3E3, #EEEEEE);
				
				/* Safari 4-5, Chrome 1-9 */
				/* -webkit-gradient(<type>, <point> [, <radius>]?, <point> [, <radius>]? [, <stop>]*) */
				background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4AAF41), to(#B8DFB5));
				
				/* Safari 5.1+, Chrome 10+ */
				background: -webkit-linear-gradient(#4AAF41, #B8DFB5);
				
				/* Opera 11.10+ */
				background: -o-linear-gradient(#4AAF41, #B8DFB5);
				
				-moz-border-radius:3px;
				-webkit-border-radius:3px;
				border-radius:3px;
			}
			
			.grasDetail .similarWrap .content{
				float:left;
			}
			
			.grasDetail .similarWrap .simSlctWrap select{
				width:597px;
				margin-left:9px;
			}
			
			.grasDetail .similarWrap .simTextWrap{
				width:590px;
				margin:10px;
				/*height:175px;*/
				
			}
			.grasDetail .similarWrap .simTextWrap.scroll{
				overflow:auto;
				padding:3px;
			}
				
				.grasDetail .similarWrap .simTextWrap label{
					vertical-align:top;
					margin-right:10px;
					}
	
			
	.grasDetail .detailWrap{
		padding: 0 20px;
	}
	.grasDetail .detailWrap .row{
		margin:10px 0;
	}
	.grasDetail .detailWrap .row .c1{ float:left; width:150px;}
	.grasDetail .detailWrap .row.detail .c1{ float:none;}
	.grasDetail .detailWrap .row.detail .c2{ width:100%}
	.grasDetail .detailWrap .c2 input{ width:400px;}
	
	.grasDetail .navigation .row{
		margin: 5px 0;
	}