.mws-button, 
.ui-button
{
	border: 0;
	outline: none;
	padding: 6px 9px;
	margin: 2px;
	cursor: pointer;
	font-family: 'malgun Gothic', 'Segoe UI', 'PTSansRegular', Arial, Helvetica, sans-serif;
	
	/* CSS 3 */
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	-khtml-border-radius:3px;
	border-radius:3px;
	
	text-shadow:1px 1px 1px rgba(0, 0, 0, 0.4);
	
	-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.15);
	-o-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.15);
	-khtml-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.15);
	box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.15);	
}

.mws-button:active, 
.ui-button.ui-state-active
{	
	/* CSS 3 */
	
	-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.2) !important;
	-moz-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.2) !important;
	-o-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.2) !important;
	-khtml-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.2) !important;
	box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.2) !important;
}

.mws-button.small
{
	padding:3px 6px;
}

.mws-button.large
{
	padding:10px 21px;
}

.mws-button.left
{
	float:left;
}

.mws-button.large.mws-i-24
{
	padding-left:40px;
	background-position:8px center;
}

.mws-button.mws-ic-16
{
	padding-left:30px;
	background-position:8px center;
}

.mws-button.ui-icon
{
	padding-left:30px;
	background-position:8px center;
}

.mws-button.green, 
.ui-button
{
	background-color:#96c742;
	color:#ffffff;
	border:1px solid #507E0C;
	
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #addf58), color-stop(100%, #96c742));
	background-image: -webkit-linear-gradient(#addf58,#96c742);
	background-image: -moz-linear-gradient(#addf58,#96c742);
	background-image: -o-linear-gradient(#addf58,#96c742);
	background-image: linear-gradient(#addf58,#96c742);
}

.ui-button
{
	color:#ffffff !important;
}

.mws-button.blue
{
	background-color:#4386bc;
	color:#ffffff;
	border:1px solid #416b8b;
	
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5d9ed2), color-stop(100%, #4386bc));
	background-image: -webkit-linear-gradient(#5d9ed2,#4386bc);
	background-image: -moz-linear-gradient(#5d9ed2,#4386bc);
	background-image: -o-linear-gradient(#5d9ed2,#4386bc);
	background-image: linear-gradient(#5d9ed2,#4386bc);
}

.mws-button.red
{
	background-color:#bc4343;
	color:#ffffff;
	border:1px solid #762929;
	
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ca4e4e), color-stop(100%, #bc4343));
	background-image: -webkit-linear-gradient(#ca4e4e,#bc4343);
	background-image: -moz-linear-gradient(#ca4e4e,#bc4343);
	background-image: -o-linear-gradient(#ca4e4e,#bc4343);
	background-image: linear-gradient(#ca4e4e,#bc4343);
}

.mws-button.orange
{
	background-color:#de7616;
	color:#ffffff;
	border:1px solid #9f570a;
	
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e7852b), color-stop(100%, #de7616));
	background-image: -webkit-linear-gradient(#e7852b,#de7616);
	background-image: -moz-linear-gradient(#e7852b,#de7616);
	background-image: -o-linear-gradient(#e7852b,#de7616);
	background-image: linear-gradient(#e7852b,#de7616);
}

.mws-button.black
{
	background-color:#464646;
	color:#ffffff;
	border:1px solid #000000;
	
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5a5858), color-stop(100%, #464646));
	background-image: -webkit-linear-gradient(#5a5858,#464646);
	background-image: -moz-linear-gradient(#5a5858,#464646);
	background-image: -o-linear-gradient(#5a5858,#464646);
	background-image: linear-gradient(#5a5858,#464646);
}

.mws-button.gray
{
	background-color:#e0e0e0;
	color:#666666;
	text-shadow:none;
	border:1px solid #ababab;
	
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e8e5e5), color-stop(100%, #e0e0e0));
	background-image: -webkit-linear-gradient(#e8e5e5,#e0e0e0);
	background-image: -moz-linear-gradient(#e8e5e5,#e0e0e0);
	background-image: -o-linear-gradient(#e8e5e5,#e0e0e0);
	background-image: linear-gradient(#e8e5e5,#e0e0e0);
}


/* ################     schedule button styles ################ */

.mws-button.schedule_bt01
{
	background-color:#00f;
	color:#fff;
	border:1px solid #007;

	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #33f), color-stop(100%, #00f));
	background-image: -webkit-linear-gradient(#33f,#00f);
	background-image: -moz-linear-gradient(#33f,#00f);
	background-image: -o-linear-gradient(#33f,#00f);
	background-image: linear-gradient(#33f,#00f);
}

.mws-button.schedule_bt02
{
	background-color:#555;
	color:#fff;
	border:1px solid #333;

	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #888), color-stop(100%, #555));
	background-image: -webkit-linear-gradient(#888,#555);
	background-image: -moz-linear-gradient(#888,#555);
	background-image: -o-linear-gradient(#888,#555);
	background-image: linear-gradient(#888,#555);
}

.mws-button.schedule_bt03, 
.ui-button
{
	background-color:#ff0;
	color:#000;
	border:1px solid #dd0;

	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff1), color-stop(100%, #ff0));
	background-image: -webkit-linear-gradient(#ff1,#ff0);
	background-image: -moz-linear-gradient(#ff1,#ff0);
	background-image: -o-linear-gradient(#ff1,#ff0);
	background-image: linear-gradient(#ff1,#ff0);

	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}

.mws-button.schedule_bt04, 
.ui-button
{
	background-color:#fa0;
	color:#000;
	border:1px solid #d80;

	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fb2), color-stop(100%, #fa0));
	background-image: -webkit-linear-gradient(#fb2,#fa0);
	background-image: -moz-linear-gradient(#fb2,#fa0);
	background-image: -o-linear-gradient(#fb2,#fa0);
	background-image: linear-gradient(#fb2,#fa0);

	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}

.mws-button.schedule_bt05, 
.ui-button
{
	background-color:#eee;
	color:#000;
	border:1px solid #ccc;

	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fff), color-stop(100%, #eee));
	background-image: -webkit-linear-gradient(#fff,#eee);
	background-image: -moz-linear-gradient(#fff,#eee);
	background-image: -o-linear-gradient(#fff,#eee);
	background-image: linear-gradient(#fff,#eee);

	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}


/* LAT BUTTON */
.mws-button.schedule_bt06
{
	background-color:#f10;
	color:#fff;
	border:1px solid #c00;

	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f21), color-stop(100%, #f10));
	background-image: -webkit-linear-gradient(#f21,#f10);
	background-image: -moz-linear-gradient(#f21,#f10);
	background-image: -o-linear-gradient(#f21,#f10);
	background-image: linear-gradient(#f21,#f10);
}

.mws-button.schedule_bt07
{
	background-color:#0b0;
	color:#fff;
	border:1px solid #080;

	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0d0), color-stop(100%, #0b0));
	background-image: -webkit-linear-gradient(#0d0,#0b0);
	background-image: -moz-linear-gradient(#0d0,#0b0);
	background-image: -o-linear-gradient(#0d0,#0b0);
	background-image: linear-gradient(#0d0,#0b0);
}

.mws-button.schedule_bt08
{
	background-color:#f60;
	color:#fff;
	border:1px solid #c50;

	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f72), color-stop(100%, #f60));
	background-image: -webkit-linear-gradient(#f72,#f60);
	background-image: -moz-linear-gradient(#f72,#f60);
	background-image: -o-linear-gradient(#f72,#f60);
	background-image: linear-gradient(#f72,#f60);
}

.mws-button.schedule_bt09
{
	background-color:#aa0;
	color:#fff;
	border:1px solid #880;

	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cc0), color-stop(100%, #aa0));
	background-image: -webkit-linear-gradient(#cc0,#aa0);
	background-image: -moz-linear-gradient(#cc0,#aa0);
	background-image: -o-linear-gradient(#cc0,#aa0);
	background-image: linear-gradient(#cc0,#aa0);
}





/* BUTTON TOP SUB */
.mws-button.schedule_bt01_sub
{
	background-color:#00f;
	color:#fff;
	border:1px solid #007;

	-webkit-box-shadow:inset 0 0 0 rgba(0, 0, 0, 0.2) !important;
	-moz-box-shadow:inset 0 0 0 rgba(0, 0, 0, 0.2) !important;
	-o-box-shadow:inset 0 0 0 rgba(0, 0, 0, 0.2) !important;
	-khtml-box-shadow:inset 0 0 0 rgba(0, 0, 0, 0.2) !important;
	box-shadow:inset 0 0 0 rgba(0, 0, 0, 0.2) !important;
}

.mws-button.schedule_bt02_sub
{
	background-color:#555;
	color:#fff;
	border:1px solid #333;

	-webkit-box-shadow:inset 0 0 0 rgba(0, 0, 0, 0.2) !important;
	-moz-box-shadow:inset 0 0 0 rgba(0, 0, 0, 0.2) !important;
	-o-box-shadow:inset 0 0 0 rgba(0, 0, 0, 0.2) !important;
	-khtml-box-shadow:inset 0 0 0 rgba(0, 0, 0, 0.2) !important;
	box-shadow:inset 0 0 0 rgba(0, 0, 0, 0.2) !important;
}

.mws-button.schedule_bt03_sub
{
	background-color:#ff0;
	color:#000;
	border:1px solid #dd0;

	-webkit-box-shadow:inset 0 0 0 rgba(0, 0, 0, 0.2) !important;
	-moz-box-shadow:inset 0 0 0 rgba(0, 0, 0, 0.2) !important;
	-o-box-shadow:inset 0 0 0 rgba(0, 0, 0, 0.2) !important;
	-khtml-box-shadow:inset 0 0 0 rgba(0, 0, 0, 0.2) !important;
	box-shadow:inset 0 0 0 rgba(0, 0, 0, 0.2) !important;

	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}

.mws-button.schedule_bt04_sub
{
	background-color:#fa0;
	color:#000;
	border:1px solid #d80;

	-webkit-box-shadow:inset 0 0 0 rgba(0, 0, 0, 0.2) !important;
	-moz-box-shadow:inset 0 0 0 rgba(0, 0, 0, 0.2) !important;
	-o-box-shadow:inset 0 0 0 rgba(0, 0, 0, 0.2) !important;
	-khtml-box-shadow:inset 0 0 0 rgba(0, 0, 0, 0.2) !important;
	box-shadow:inset 0 0 0 rgba(0, 0, 0, 0.2) !important;

	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}

.mws-button.schedule_bt05_sub
{
	background-color:#eee;
	color:#000;
	border:1px solid #ccc;

	-webkit-box-shadow:inset 0 0 0 rgba(0, 0, 0, 0.2) !important;
	-moz-box-shadow:inset 0 0 0 rgba(0, 0, 0, 0.2) !important;
	-o-box-shadow:inset 0 0 0 rgba(0, 0, 0, 0.2) !important;
	-khtml-box-shadow:inset 0 0 0 rgba(0, 0, 0, 0.2) !important;
	box-shadow:inset 0 0 0 rgba(0, 0, 0, 0.2) !important;

	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}


/* LAT BUTTON - top */
.mws-button.schedule_bt06_sub
{
	background-color:#f10;
	color:#fff;
	border:1px solid #c00;

	-webkit-box-shadow:inset 0 0 0 rgba(0, 0, 0, 0.2) !important;
	-moz-box-shadow:inset 0 0 0 rgba(0, 0, 0, 0.2) !important;
	-o-box-shadow:inset 0 0 0 rgba(0, 0, 0, 0.2) !important;
	-khtml-box-shadow:inset 0 0 0 rgba(0, 0, 0, 0.2) !important;
	box-shadow:inset 0 0 0 rgba(0, 0, 0, 0.2) !important;
}

.mws-button.schedule_bt07_sub
{
	background-color:#0b0;
	color:#fff;
	border:1px solid #080;

	-webkit-box-shadow:inset 0 0 0 rgba(0, 0, 0, 0.2) !important;
	-moz-box-shadow:inset 0 0 0 rgba(0, 0, 0, 0.2) !important;
	-o-box-shadow:inset 0 0 0 rgba(0, 0, 0, 0.2) !important;
	-khtml-box-shadow:inset 0 0 0 rgba(0, 0, 0, 0.2) !important;
	box-shadow:inset 0 0 0 rgba(0, 0, 0, 0.2) !important;
}

.mws-button.schedule_bt08_sub
{
	background-color:#f60;
	color:#fff;
	border:1px solid #c50;

	-webkit-box-shadow:inset 0 0 0 rgba(0, 0, 0, 0.2) !important;
	-moz-box-shadow:inset 0 0 0 rgba(0, 0, 0, 0.2) !important;
	-o-box-shadow:inset 0 0 0 rgba(0, 0, 0, 0.2) !important;
	-khtml-box-shadow:inset 0 0 0 rgba(0, 0, 0, 0.2) !important;
	box-shadow:inset 0 0 0 rgba(0, 0, 0, 0.2) !important;
}

.mws-button.schedule_bt09_sub
{
	background-color:#aa0;
	color:#fff;
	border:1px solid #880;

	-webkit-box-shadow:inset 0 0 0 rgba(0, 0, 0, 0.2) !important;
	-moz-box-shadow:inset 0 0 0 rgba(0, 0, 0, 0.2) !important;
	-o-box-shadow:inset 0 0 0 rgba(0, 0, 0, 0.2) !important;
	-khtml-box-shadow:inset 0 0 0 rgba(0, 0, 0, 0.2) !important;
	box-shadow:inset 0 0 0 rgba(0, 0, 0, 0.2) !important;
}












.mws-button:disabled, 
.mws-button.disabled, 
.ui-button.ui-state-disabled
{
	background-color:#e0e0e0;
	color:#aaaaaa;
	cursor:auto;
	text-shadow:none;
	border:1px solid #a0a0a0;
	
	-webkit-box-shadow:none !important;
	-moz-box-shadow:none !important;
	-o-box-shadow:none !important;
	box-shadow:none !important;
}


a.mws-button, 
a.mws-button:active, 
a.ui-button.ui-state-active
{
	text-decoration: none;
}

.mws-button.malgungothic11 { font-size: 11px; font-family: "malgun Gothic","Segoe UI", batang, gulim, arial, tahoma, sans-serif, dotum; }
.mws-button.malgungothic12 { font-size: 12px; font-family: "malgun Gothic","Segoe UI", batang, gulim, arial, tahoma, sans-serif, dotum; }
.mws-button.malgungothic13 { font-size: 13px; font-family: "malgun Gothic","Segoe UI", batang, gulim, arial, tahoma, sans-serif, dotum; }
.mws-button.malgungothic14 { font-size: 14px; font-family: "malgun Gothic","Segoe UI", batang, gulim, arial, tahoma, sans-serif, dotum; }

.mws-button.verdana10 { font-size: 10px; font-family: verdana, arial, tahoma, sans-serif, dotum, gulim; }
.mws-button.verdana11 { font-size: 11px; font-family: verdana, arial, tahoma, sans-serif, dotum, gulim; }
.mws-button.verdana12 { font-size: 12px; font-family: verdana, arial, tahoma, sans-serif, dotum, gulim; }
.mws-button.arial10 { font-size: 10px; font-family: arial, tahoma, sans-serif, dotum, gulim, batang, "malgun Gothic", "Segoe UI"; }
.mws-button.arial11 { font-size: 11px; font-family: arial, tahoma, sans-serif, dotum, gulim, batang, "malgun Gothic", "Segoe UI"; }
.mws-button.arial12 { font-size: 12px; font-family: arial, tahoma, sans-serif, dotum, gulim, batang, "malgun Gothic", "Segoe UI"; }




span.label-tool1,
a.label-tool1
{ background-color: #EEFCFE; border: 1px solid #99E5EE; color: #0180BF; position: relative; font-size: 12px; font-weight: 600; padding: 4px 7px; border-radius: 3px; }
span.label-tool2,
a.label-tool2
{ background-color: #EFFEEE; border: 1px solid #9FEE99; color: #0EBF01; position: relative; font-size: 12px; font-weight: 600; padding: 4px 7px; border-radius: 3px; }
span.label-tool3,
a.label-tool3
{ background-color: #F7EEFE; border: 1px solid #CB99EE; color: #6C01BF; position: relative; font-size: 12px; font-weight: 600; padding: 4px 7px; border-radius: 3px; }
span.label-tool4,
a.label-tool4
{ background-color: #FFEFD2; border: 1px solid #DFCFB3; color: #6D5324; position: relative; font-size: 12px; font-weight: 600; padding: 4px 7px; border-radius: 3px; }
span.label-tool5,
a.label-tool5
{ background-color: #F9FEF1; border: 1px solid #8DD669; color: #339900; position: relative; font-size: 12px; font-weight: 600; padding: 4px 7px; border-radius: 3px; }
span.label-tool6,
a.label-tool6
{ background-color: #FFF9F9; border: 1px solid #FFC7C7; color: #FF1100; position: relative; font-size: 12px; font-weight: 600; padding: 4px 7px; border-radius: 3px; }
span.label-tool7,
a.label-tool7
{ background-color: #FF1100; border: 1px solid #B90000; color: #FFFFFF; position: relative; font-size: 12px; font-weight: 600; padding: 4px 7px; border-radius: 3px; }
span.label-tool8,
a.label-tool8
{ background-color: #682996; border: 1px solid #501A79; color: #FFFFFF; position: relative; font-size: 12px; font-weight: 600; padding: 4px 7px; border-radius: 3px; }
span.label-tool9,
a.label-tool9
{ background-color: #00AAF0; border: 1px solid #0099CC; color: #FFFFFF; position: relative; font-size: 12px; font-weight: 600; padding: 4px 7px; border-radius: 3px; }
span.label-tool10,
a.label-tool10
{ background-color: #FFF8F8; border: 1px solid #FF9F98; color: #FF1100; position: relative; font-size: 12px; font-weight: 600; padding: 4px 7px; border-radius: 3px; }
span.label-tool11,
a.label-tool11
{ background-color: #F7F7F7; border: 1px solid #CCCCCC; color: #AAAAAA; position: relative; font-size: 12px; font-weight: 600; padding: 4px 7px; border-radius: 3px; }
span.label-tool12,
a.label-tool12
{ background-color: #EEFCFE; border: 1px solid #99E5EE; color: #0180BF; position: relative; font-size: 12px; font-weight: 600; padding: 4px 7px; border-radius: 3px; }
span.label-tool13,
a.label-tool13
{ background-color: #FF6600; border: 1px solid #D35400; color: #FFFFFF; position: relative; font-size: 12px; font-weight: 600; padding: 4px 7px; border-radius: 3px; }
