/*===========================================
submission
===========================================*/
#pageHeader,
#pageArticle{
	float:none;
	width:100%;
}
/*-------------------------------------------
Topic Information
-------------------------------------------*/
#topicInfo{
	background-color:#e6f7ff;
	color:#000;
	padding:15px;
	margin-top:-30px;
	margin-bottom:20px;
}
	#topicInfo .eventDate{
		font-size:20px;
	}
	#topicInfo .topicTitle{
		font-size:20px;
		margin:10px 0;
	}
	#topicInfo .submissionDate{
		border-top:1px solid #c3e5f5;
		padding:10px 0 0;
		color:#059ee9;
		font-size:20px;
	}
/*-------------------------------------------
Form Content (max 16 columns / grid)
-------------------------------------------*/
.formContent{}
	.formContent .formGroupTitle{		
		margin:0 0 20px;
		position:relative;
		border-bottom:1px solid #ccc;
	}
		.formContent .formGroupTitle h3{
			display:inline-block;
			margin:0 0 -1px;
			color:#059ee9;
			font-size:18px;
			background-color:#fff;
			border:1px solid #ccc; border-bottom-color:#fff;
			border-top-left-radius:5px; border-top-right-radius:5px;
			padding:5px 15px;
		}
	.formContent .grid{
		width:100%;
		padding-bottom:18px;
	}
		.formContent .grid:before,
		.formContent .grid:after {
			content:"";
			display:table;
		}
			..formContent .grid .grad{
				padding-bottom:10px;
			}
		.formContent .grid:after{
			content:"";
			clear:both;
		}
		.formContent .grid .column{
			float:left;
			padding-left:10px;
			width:100%;
		}
		.formContent .grid .column.col1{
			width:6.25%;
		}
		.formContent .grid .column.col2{
			width:12.5%;
		}
		.formContent .grid .column.col3{
			width:18.75%;
		}
		.formContent .grid .column.col4{
			width:25%;
		}
		.formContent .grid .column.col5{
			width:31.25%;
		}
		.formContent .grid .column.col6{
			width:37.5%;
		}
		.formContent .grid .column.col7{
			width:43.75%;
		}
		.formContent .grid .column.col8{
			width:50%;
		}
		.formContent .grid .column.col9{
			width:56.25%;
		}
		.formContent .grid .column.col10{
			width:62.5%;
		}
		.formContent .grid .column.col11{
			width:68.75%;
		}
		.formContent .grid .column.col12{
			width:75%;
		}
		.formContent .grid .column.col13{
			width:81.25%;
		}
		.formContent .grid .column.col14{
			width:87.5%;
		}
		.formContent .grid .column.col15{
			width:93.75%;
		}
		.formContent .grid .column.col16{
			
		}
		.formContent .grid .column:first-of-type{
			padding-left:0;
		}
		.formContent .grid .column.colAuthor{
			border-left:1px solid #ddd; border-right:1px solid #f1f1f1;
			height:100%;
			padding-right:5px;
		}
		.formContent .grid .column.colDelete{
			padding-top:24px;
		}
			.formContent .grid h4{
				margin:0 0 3px;
				font-size:15px;
				color:#333;
			}
			.formContent .grid h5{
				margin:0 0 3px;
				font-size:13px;
				color:#333;
			}
			.formContent .grid input{
				width:100%;
			}
			.formContent .grid .checkList{
				list-style:none;
				margin:0;
				padding:0;
			}
				.formContent .grid .checkList li{
					border-bottom:1px dotted #ccc;
					padding:3px;
					font-size:14px;
				}
		/* author Item */
		.formContent .grid .authorItem{
			border-bottom:1px solid #ddd;
			padding:5px 0;
			position:relative;
		}
			.authorAfffiliation .column:nth-of-type(6){
				padding-left:0;
			}
		.formContent .grid .addAuthorRow{
			padding:5px 0 0;
			text-align:right;
		}
			.formContent .grid .addAuthorRow .btnAddAuthor{
				width:auto;
			}
		/* affiliation Item */
		.formContent .grid .affiliationItem{
			border-bottom:1px solid #ddd;
			padding:5px 0;
			position:relative;
		}
		.formContent .grid .addAffiliationRow{
			padding:5px 0 0;
			text-align:right;
		}
			.formContent .grid .addAffiliationRow .btnAddAffiliation{
				width:auto;
			}
		/* file Item */
		.formContent .grid .fileItem{
			border-bottom:1px solid #ddd;
			padding:5px 0;
			position:relative;
		}
	.formContent .notice{
		color:#111; 
		font-size:13px; 
		padding:10px;
		background-color:#fbf7e6;
		margin-bottom:5px;
	}