/*-------------
mixins
-------------*/
@import "global.less";
@import "header.less";

/*-------------
m_infoBar
-------------*/
#infoBar{
	position: relative;
	width: 100%;
	height: 20px;
	background-color: @actionInfoBar-color;
	color: #FFFFFF;
	font-size: 1.6em;
	font-weight: bold;
	text-align: center;
	align: center;
}

#underBar{
	width: 100%;
	height: 1px;
	color: #FFFFFF;
	border: 1px bule solid;
}

@import "global.less";
/*-------------
m_body
-------------*/
#m_body{
	position: relative;
	width: 100%;
	height:95%;
	#prev, #next{
		cursor: pointer;
		visibility: hidden;
		width: 4%;
		height: 100%;
		filter: alpha(opacity=50);
		-moz-opacity:0.50;
		opacity:0.50;
		img{
			width: 100%;
			height: 100%;
		}
	}
	#prev:hover, #next:hover{
		filter: alpha(opacity=100);
		-moz-opacity:1;
		opacity:1;
	}
	#prev{
		border-right: 1px solid #ccc;
	}
	#next{
		border-left: 1px solid #ccc;
	}
	#info{
		width: 30%;
		height: 100%;
		border-right: 1px solid #ccc;
		#acdtl{
			width: 100%;
			height: 60%;
			font-size: 1.2em;
			overflow: auto;
			border-bottom: 1px solid #ccc;
			margin-top: 10px;
			margin-bottom: 10px;
			table{
				font-size: 1.0em;
			}
			a{
				color: -webkit-link;
			}
		}
		#commu{
			width: 100%;
			height: 40%;
			font-size: 1.2em;
			overflow: auto;
			table{
				font-size: 1.0em;
				#optionContainer{
					font-size:0.9em;
				}
			}
			.comment-table;
		}
	}
	#pic{
		width: 60%;
		height: 100%;
	}
}


#actionInfoContainer {
	width: 100%;
	height: 99%;
	margin: 0px 0px 0px 10px;
	overflow: auto;
}


#textContainer{
	width    : 90%;
	text-align: left;
	a{
		font-weight: bold;
	}
}

.userPic {
	.comUserPic();
}

//.infoSubCommentContainer {
//	background-color: @comment-color;
//	margin-bottom: 1px;
//	margin-top: 0;
//}
//
//.infoAddCommentContainer {
//	background-color: @comment-color;
//	margin-bottom: 1px;
//	margin-top: 0;
//}

textarea, input[type=input]{
	width: 80%;
}

/*-------------
dtlContainer
-------------*/
#dtlContainer{
	span{
		font-size: 1.2em;
	}
	#dtlBox {
		margin: 5px 0px 0px 10px;
		padding: 0;
		border: 1px black solid;
		border-collapse: collapse;
		width: 95%;
		font-size: small;
		tr {
			height: 15px;
			border: 1px black solid;
		}
		.signature, .support{
			height: 40px;
		}
		th {
			background-color: @actionInfoTbl-color;
		}
		td {
			border: 1px black solid;
		}
		.item_name{
			width:50px;
			font-weight: bold;
		}
		.item_val{
			width:30px;
			.signaturePageUrl, .supportPageUrl{
				left: 20px;
				.submitBtn(90%, 24px, 2px, 1.4em);
			}
		}
	}
}
/*-------------
others
-------------*/
#prev{
	div{
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		width: 10px;
		height: 400px;
	    layout-grid-line: 400px;
		visibility: hidden;
		img{
			width: 20px;
		}
	}
}

#next{
	div{
		display: table-cell;
	    text-align: center;
	    vertical-align: middle;
		width: 10px;
		height: 400px;
	    layout-grid-line: 400px;
		visibility: hidden;
		img{
			width: 20px;
		}
	}
}