/* MEGIC Icon Styles */

.megic-icon {border: solid 0px #000000; vertical-align:middle; cursor:pointer; padding:0px;
             background-image: url(http://mein.megic.co.kr/images/common_icons-1.5.gif);}


.megic-icon-xlt           { width:16px; height:16px; background-position: -0px -200px;}
.megic-icon-ppt           { width:16px; height:16px; background-position: -20px -200px;}
.megic-icon-doc           { width:16px; height:16px; background-position: -40px -200px;}
.megic-icon-pdf           { width:16px; height:16px; background-position: -60px -200px;}
.megic-icon-hwp           { width:16px; height:16px; background-position: -80px -200px;}
.megic-icon-zip           { width:16px; height:16px; background-position: -100px -200px;}

.megic-icon-blank         { width:15px; height:15px; background-position: -0px -180px; border: solid 1px #888888; font-family:Arial, Dotum; color: #000000; font-size:11px;}
.megic-icon-calendar      { width:14px; height:16px; background-position: -0px -220px;}
.megic-icon-mail          { width:16px; height:12px; background-position: -20px -220px;}
.megic-icon-message       { width:19px; height:19px; background-position: -40px -220px;}
.megic-icon-print         { width:16px; height:16px; background-position: -60px -220px;}
.megic-icon-calculator    { width:12px; height:16px; background-position: -80px -220px;}
.megic-icon-new           { width:15px; height:15px; background-position: -100px -220px;}
.megic-icon-close         { width:15px; height:15px; background-position: -120px -220px;}
.megic-icon-plus          { width:15px; height:15px; background-position: -140px -220px;}


.megic-btn  {border: solid 0px #000000; vertical-align:middle; cursor:pointer; padding:0px; font-family:Arial, Dotum;
             background-image: url(http://mein.megic.co.kr/images/common_icons-1.5.gif);}

.megic-btn-bold  {border: solid 0px #000000; vertical-align:middle; cursor:pointer; padding:0px; font-weight:bold; font-family:Arial, Dotum;
             background-image: url(http://mein.megic.co.kr/images/common_icons-1.5.gif);}

/* --------------------------------------------------------------------------------------------- */
/* White */
.megic-btn01-30  { width:30px; height:18px; background-position: -0px -0px; font-size:11px; }
.megic-btn01-45  { width:45px; height:18px; background-position: -35px -0px; font-size:11px; }
.megic-btn01-60  { width:60px; height:18px; background-position: -85px -0px; font-size:11px; }
.megic-btn01-80  { width:80px; height:18px; background-position: -150px -0px; font-size:11px; }
.megic-btn01-120 { width:120px; height:18px; background-position: -235px -0px; font-size:11px; }

/* Black */
.megic-btn02-30  { width:30px; height:18px; background-position: -0px -20px; color: #ffffff; font-size:11px; }
.megic-btn02-45  { width:45px; height:18px; background-position: -35px -20px; color: #ffffff; font-size:11px; }
.megic-btn02-60  { width:60px; height:18px; background-position: -85px -20px; color: #ffffff; font-size:11px; }
.megic-btn02-80  { width:80px; height:18px; background-position: -150px -20px; color: #ffffff; font-size:11px; }
.megic-btn02-120 { width:120px; height:18px; background-position: -235px -20px; color: #ffffff; font-size:11px; }

/* Orange */
.megic-btn03-30  { width:30px; height:18px; background-position: -0px -40px; color: #ffffff; font-size:11px; }
.megic-btn03-45  { width:45px; height:18px; background-position: -35px -40px; color: #ffffff; font-size:11px; }
.megic-btn03-60  { width:60px; height:18px; background-position: -85px -40px; color: #ffffff; font-size:11px; }
.megic-btn03-80  { width:80px; height:18px; background-position: -150px -40px; color: #ffffff; font-size:11px; }
.megic-btn03-120 { width:120px; height:18px; background-position: -235px -40px; color: #ffffff; font-size:11px; }

/* Blue */
.megic-btn04-30  { width:30px; height:18px; background-position: -0px -60px; color: #ffffff; font-size:11px; }
.megic-btn04-45  { width:45px; height:18px; background-position: -35px -60px; color: #ffffff; font-size:11px; }
.megic-btn04-60  { width:60px; height:18px; background-position: -85px -60px; color: #ffffff; font-size:11px; }
.megic-btn04-80  { width:80px; height:18px; background-position: -150px -60px; color: #ffffff; font-size:11px; }
.megic-btn04-120 { width:120px; height:18px; background-position: -235px -60px; color: #ffffff; font-size:11px; }

/* Green */
.megic-btn05-30  { width:30px; height:18px; background-position: -0px -80px; color: #ffffff; font-size:11px; }
.megic-btn05-45  { width:45px; height:18px; background-position: -35px -80px; color: #ffffff; font-size:11px; }
.megic-btn05-60  { width:60px; height:18px; background-position: -85px -80px; color: #ffffff; font-size:11px; }
.megic-btn05-80  { width:80px; height:18px; background-position: -150px -80px; color: #ffffff; font-size:11px; }
.megic-btn05-120 { width:120px; height:18px; background-position: -235px -80px; color: #ffffff; font-size:11px; }


/* --------------------------------------------------------------------------------------------- */
/* Small Button */

/* White */
.megic-btn11-30  { width:30px; height:14px; background-position: -0px -140px; font-size:8px; }
.megic-btn11-40  { width:40px; height:14px; background-position: -35px -140px; font-size:8px; }

/* Black */
.megic-btn12-30  { width:30px; height:14px; background-position: -0px -160px; color: #ffffff; font-size:8px; }
.megic-btn12-40  { width:40px; height:14px; background-position: -35px -160px; color: #ffffff; font-size:8px; }