.rMateH5__Button {
	padding : 3px 8px 3px 8px;
	margin : 0;
	border : #AAB3B3 solid 1px;
	display : block;
	float : left;
	cursor : pointer;
	text-decoration : none;
	outline : none;
	white-space : nowrap;
	overflow : visible;
	font-weight : bold;
	border-radius : 5px;
}

.rMateH5__Button .rMateH5__Label {
	white-space : pre;
}

.rMateH5__ToolTip {
	font-family : "맑은 고딕", 돋움, Verdana;
	font-size : 11px;
	padding : 2px 5px 2px 5px;
	margin : 0;
	color : #FFFFFF;
	background-color : #000000;
	border : #222222 solid 1px;
	display : block;
	overflow : hidden;
	border-radius : 3px;
	cursor : default;

	-ms-user-select : none;
	-moz-user-select : none;
	-webkit-user-select : none;
	user-select : none;
}

.rMateH5__ErrorTip {
	font-family : "맑은 고딕", 돋움, Verdana;
	font-size : 11px;
	padding : 1px 5px 3px 5px;
	margin : 0;
	color : #FFFFFF;
	background-color : #FF0000;
	border : #F54444 solid 1px;
	display : block;
	overflow : hidden;
	border-radius : 3px;
	cursor : default;

	-ms-user-select : none;
	-moz-user-select : none;
	-webkit-user-select : none;
	user-select : none;
}

.rMateH5__BrowserScrollBarH {
	background-color : rgba(0,0,0,0);
	-ms-filter : "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.rMateH5__HBrowserScrollBar {
	-webkit-overflow-scrolling : touch;
}

.rMateH5__VBrowserScrollBar {
	-webkit-overflow-scrolling : touch;
}

.rMateH5__TextInput {
	padding : 1px;
	border : #999999 solid 1px;
}

.rMateH5__ContextMenu {
	font-family : "맑은 고딕", 돋움, Verdana;
	font-size : 12px;
	padding : 4px;
	border: #AAB3B3 solid 1px;
	cursor : default;
	background-color : #EEEEEE;
	color : #31393F;

	-ms-user-select : none;
	-moz-user-select : none;
	-webkit-user-select : none;
	user-select : none;
}

.rMateH5__ContextMenu span {
	padding : 2px 8px 2px 8px;
}

.rMateH5__ContextMenu hr {
	margin : 7px 1px 1px 1px;
}

.rMateH5__Preloader {
	top : 0;
	left : 0;
	z-index : 2;
	width : 100%;
	height : 100%;
	background : url("./loader.gif") 50% 50% no-repeat #FFF;

	opacity : 0.7;
	filter : progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

.rMateH5__CalendarLayout {
	text-align : center;
	color : #443344;
	cursor : default;
	padding : 0;
	outline : 0;
	font-weight : normal;

	-ms-user-select : none;
	-moz-user-select : none;
	-webkit-user-select : none;
	user-select : none;
}

.rMateH5__CalendarLayout_WeekDay {
	font-weight : bold;
}

.rMateH5__CalendarLayout_WeekDay td {
	padding-left : 3px;
	padding-right : 3px;
	font-weight : bold;
}

.rMateH5__CalendarLayout_Today {
	color : #9450ff;
	font-weight : bold;
	background-color : #EEEEEE;
}

.rMateH5__CalendarLayout_RollOver {
	color : #2069f0;
	font-weight : bold;
	background-color : #f0f0f0;
}

.rMateH5__CalendarLayout_Selected {
	background-color : #9ccb00;
	color : #fff;
	font-weight : bold;
}

.rMateH5__CalendarLayout_Disabled {
	color : #CCCCCC;
}

.rMateH5__DateChooser {
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	font-size : 12px;
	padding : 3px 3px 0 3px;
	text-align : center;
	color : #443344;
	cursor : default;
	border-spacing : 0;
	border : #AAAAAA solid 1px;
	background-color : #FFFFFF;
	outline : 0;

	-ms-user-select : none;
	-moz-user-select : none;
	-webkit-user-select : none;
	user-select : none;
}

.rMateH5__DateChooser img {
	cursor : pointer;
}

.rMateH5__DateChooser_Header {
}

.rMateH5__DateChooser_Year {
	color : gray;
	font-weight : bold;
	white-space : nowrap;
}

.rMateH5__DateChooser_Month {
	color : gray;
	font-weight : bold;
	white-space : nowrap;
}

.rMateH5__DateChooser_Line {
	border-bottom : gray solid 1px;
}

.rMateH5__DateField {
	background-color : #FFFFFF;
}

.rMateH5__DateEditor {
	background-color : #FFFFFF;
}

.rMateH5__ProgressBar {
	padding : 0;
	font-weight : bold;
	position : absolute;
	
	-ms-user-select : none;
	-moz-user-select : none;
	-webkit-user-select : none;
	user-select : none;	
}

.rMateH5__ProgressBar .rMateH5__BarDiv {
	overflow : hidden;
	position : absolute;	
	border-radius : 5px;
	border-style : solid;
	border-width : 4px;
	border-color : #2a2e32;

	background : -o-linear-gradient(180deg, #2a2e32, #2a2e32);
	background : -moz-linear-gradient(180deg, #2a2e32, #2a2e32);
	background : -webkit-gradient(180deg, #2a2e32, #2a2e32);
	background : -webkit-linear-gradient(180deg, #2a2e32, #2a2e32);
	background : linear-gradient(180deg, #2a2e32, #2a2e32);
	filter : progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#2a2e32', EndColorStr='#2a2e32');
}

.rMateH5__ProgressBar .rMateH5__GaugeDiv {
	-moz-box-sizing : border-box;
	-webkit-box-sizing : border-box;
	box-sizing : border-box;
	position : absolute;
	border-radius : 4px;

	background : -o-linear-gradient(180deg, #ff4a5c, #ff1842);
	background : -moz-linear-gradient(180deg, #ff4a5c, #ff1842);
	background : -webkit-gradient(180deg, #ff4a5c, #ff1842);
	background : -webkit-linear-gradient(180deg, #ff4a5c, #ff1842);
	background : linear-gradient(180deg, #ff4a5c, #ff1842);
	filter : progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ff4a5c', EndColorStr='#ff1842');
}

.rMateH5__ProgressBar .rMateH5__UITextField {
	padding : 0;
	position : absolute;
	border : solid;
	border-width : 0;
	color : #ffffff;
	font-style : normal;
	font-family : verdana, Sans-serif;
	font-size : 13px;
	font-weight : bold;
}
.rMateH5__rMateGrid {
	font-family : "맑은 고딕", 돋움, Verdana;
	font-size : 12px;
	line-height : normal;
}

.rMateH5__DataGrid {
	font-family : "맑은 고딕", 돋움, Verdana;
	font-size : 11px;
	background-color : #FFFFFF;
	border : #d8d8d8 solid 1px;
	color : #31393F;
	outline : none;
	cursor : default;

	-moz-box-sizing : content-box;
	-webkit-box-sizing : content-box;
	box-sizing : content-box;

	-ms-user-select : none;
	-moz-user-select : none;
	-webkit-user-select : none;
	user-select: none;
}

.rMateH5__DataGridHeaderRenderer {
	cursor : default;
	padding-left : 2px;
	padding-right : 2px;
	white-space : nowrap;
}
.rMateH5__DataGridHeaderRenderer .rMateH5__UITextField {
	overflow : hidden;
	text-overflow : clip;
}
.rMateDataGridHeaderStyles {
	color : #555;
	font-weight : bold;
}

.rMateH5__DataGridGroupItemRenderer {
	cursor : default;
	white-space : nowrap;
}
.rMateH5__DataGridGroupItemRenderer .rMateH5__UITextField {
	padding-left : 2px;
	text-overflow : clip;
}

.rMateH5__DataGridLineH {
	border-bottom : solid 1px;
	height : 0;
	padding : 0;
	position : absolute;
	line-height : 0;
}

.rMateH5__DataGridLineV {
	width : 0;
	border-right : solid 1px;
	padding : 0;
	position : absolute;
}

.rMateH5__DataGridBackground {
	padding : 0;
	position : absolute;
}

.rMateH5__DataGridHeaderBackgroundSkin {
	border : none;
}

.rMateH5__DataGridHeaderSeparator {
	border-right : #d8d8d8 solid 1px;

	-moz-box-sizing : content-box;
	-webkit-box-sizing : content-box;
	box-sizing : content-box;
}

.rMateH5__DataGridHeaderHorizontalSeparator {
	border-left : none;
	border-bottom : #AAB3B3 solid 1px;
	line-height : 1px;

	-moz-box-sizing : content-box;
	-webkit-box-sizing : content-box;
	box-sizing : content-box;
}

.rMateH5__DataGridColumnResizeSkin {
	border : #999999 solid 1px ;

	-moz-box-sizing : content-box;
	-webkit-box-sizing : content-box;
	box-sizing : content-box;
}

.rMateH5__DataGridSortItemRenderer {
	color : #0B333C;
	font-size : 9px;
	text-align : center;
	font-weight : normal;
	padding : 0;
}

.rMateH5__DataGridSortItemRenderer img {
	width : 7px;
	height : 7px;
}

.rMateH5__ComboBoxHeaderRenderer {
	color : #31393F;
	padding-left : 1px;
	padding-right : 1px;
}

.rMateH5__ComboBoxItemRenderer:hover {
}

.rMateH5__DataGridFooter {
	overflow : hidden;
	font-weight : bold;
}

.rMateH5__CheckBoxEditor {
	background-color : #FFFFFF;
	border : #FFFFFF solid 1px;
}

.rMateH5__ComboBoxEditor {
	background-color : #FFFFFF;
	border-top : #999999 solid 1px;
	border-bottom : #999999 solid 1px;
	border-left : #999999 solid 0;
	border-right : #999999 solid 0;
}

.rMateH5__ExcelCSVImportUtil {
	padding : 10px;
	position : absolute;
	display : block;
	border : #AAB3B3 solid 1px;
	background-color : #FAFAFA;
	border-radius : 5px;

	-moz-box-sizing : content-box;
	-webkit-box-sizing : content-box;
	box-sizing : content-box;
}

.rMateH5__CopyPanel {
	width : 310px;
	height : 90px;
	padding : 10px;
	position : absolute;
	display : block;
	border : #AAB3B3 solid 1px;
	background-color : #FAFAFA;
	border-radius : 5px;

	-moz-box-sizing : content-box;
	-webkit-box-sizing : content-box;
	box-sizing : content-box;
}

.rMateH5__CopyPanel span {
	width : 290px;
	left : 20px;
	top : 30px;
	position : absolute;
}

.rMateH5__CopyPanel img {
	width : 16px;
	height : 16px;
	cursor : pointer;
	float : right;
}

.rMateH5__CopyPanel textarea {
	width : 290px;
	height : 25px;
	left : 20px;
	top : 60px;
	position : absolute;
}

.rMateH5__PastePanel {
	width : 310px;
	height : 90px;
	padding : 10px;
	position : absolute;
	display : block;
	border : #AAB3B3 solid 1px;
	background-color : #FAFAFA;
	border-radius : 5px;

	-moz-box-sizing : content-box;
	-webkit-box-sizing : content-box;
	box-sizing : content-box;
}

.rMateH5__PastePanel span {
	width : 290px;
	left : 20px;
	top : 30px;
	position : absolute;
}

.rMateH5__PastePanel img {
	width : 16px;
	height : 16px;
	cursor : pointer;
	float : right;
}

.rMateH5__PastePanel textarea {
	width : 290px;
	height : 25px;
	left : 20px;
	top : 60px;
	position : absolute;
}