.example_box{
	width:90%;
}

.gridStyle{
	width:89.5%;
	height:300px;
}

#toggle{
	display :none;
	margin-bottom: 30px;
}

#toggle2{
	display :none;
	margin-bottom: 0px;
}
.gridDiv{
	padding-left:10px;
	padding-bottom:50px;
}
/*
.buttonStyle{
	background: #fff;
	border : 1px solid #ccc;
	padding : 5px 7px 5px 7px;
}
*/
.buttonStyle{
	padding : 5px 7px 5px 7px;
	margin-bottom:5px;
    background-color: #fff;
	border : 1px solid #ccc;
    box-shadow: 0 2px #999;
}
.buttonStyle:hover{
	background-color: #F0F0F0;
}
.buttonStyle:active{
	background-color: #F0F0F0;
    box-shadow: 0 1px #666;
    transform: translateY(1px);
}
.selectStyle{
	border : 1px solid #ccc;
	padding : 4px 7px 6px 7px;
}
.inputStyle{
	border : 1px solid #ccc;
	padding : 5px 7px 5px 7px;
}
.textareaStyle{
	width : 89%;
	height : 50px;
	resize: none
}
.eventGridStyle{
	width:1460px;
	height:308px;
	margin-left:20px;
}
.dndGridDiv{
	width:100%;
	display:-webkit-box;
}
.dndGridStyle1{
	width:43%;
	height:500px;
	float:left;
}
.dndGridStyle2{
	width:43%;
	height:500px;
	padding-left:50px;
}
.historyIcon{
	margin-top : -4px;
	width : 15px;
	height : 15px;
}
.historyTitle{
	font-size : 14px;
	font-weight: bold;
}
.iframeStyle{
	width:100%;
	height:300px;
}