/* ################################################## */
/* Base Style */
/* ################################################## */
body { margin: 0 auto; font-size: 13px; color: #666666; height: auto; background:#2087aa; font-family: "Tahoma"; 
background-image: url('img/bg1.jpg'); background-position:center top; background-size: 100%; background-attachment:fixed; }
h1, h2, h3, h4, h5, h6 { margin:1px; color: #FFFFFF; }
h1 { font-size: 36px;  }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
#system-center { background-image: url('img/bg1.jpg'); background-position:center top; background-size: 100%; background-attachment:fixed; text-align:center; }
#system-status-bar { position: fixed; bottom: 0; left: 0; z-index: 2; width: 100%; height: 20px; color:#333333; }
/* Link ---------------------------------------------------------------------------*/
a:link { font-size: 13px; color:#000066; text-decoration:none; }
a:visited { font-size: 13px; color:#000066; text-decoration:none; }
a:active { font-size: 13px; color:#FF9900; text-decoration:none; }
a:hover { font-size: 13px; color:#FF9900; text-decoration:none; }
a.link_submenu:link { font-family: "Tahoma"; color: #FFFFFF; text-decoration: none; font-size:12px; padding-left:0px; padding-right:0px; font-weight:bold; }
a.link_submenu:visited { font-family: "Tahoma"; color: #FFFFFF; text-decoration: none; font-size:12px; padding-left:0px; padding-right:0px; font-weight:bold; }
a.link_submenu:active { font-family: "Tahoma"; color: #FF9900; text-decoration: none; font-size:12px; padding-left:0px; padding-right:0px; font-weight:bold; }
a.link_submenu:hover { font-family: "Tahoma"; color: #FF9900; text-decoration: none; font-size:12px; padding-left:0px; padding-right:0px; font-weight:bold; }

a.link_admin_home:link { white-space:nowrap; color: #797979; text-decoration: none; font-size:18px; font-weight:bold; background-color:#F0F0F0; padding:12px; -webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 3px; line-height:55px; }
a.link_admin_home:visited { white-space:nowrap; color: #797979; text-decoration: none; font-size:18px; font-weight:bold; background-color:#F0F0F0; padding:12px; -webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 3px; line-height:55px; }
a.link_admin_home:active { white-space:nowrap; color: #797979; text-decoration: none; font-size:18px; font-weight:bold; background-color:#F0F0F0; padding:12px; -webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 3px; line-height:55px; }
a.link_admin_home:hover { white-space:nowrap; color: #000000; text-decoration: none; font-size:18px; font-weight:bold; background-color:#EBEBEB; padding:12px; -webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 3px;  line-height:55px; }

/* ################################################## */
/* Object Design */
/* ################################################## */
.pictureBorder { padding:0px; margin:0px; border:0px;  overflow:hidden; }
.divBox { background-color:#FFFFFF; display: table; margin: 0 auto; padding:10px;
 -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
 -webkit-box-shadow: #000000 0px 0px 0px 10px rgba(0,0,0,0.1); -moz-box-shadow: #000000 0px 0px 0px 10px rgba(0,0,0,0.1); box-shadow: #000000 0px 0px 0px 10px rgba(0,0,0,0.1); }
 .divShadowOnly { -webkit-box-shadow: #DBDBDB 0px 0px 10px; -moz-box-shadow: #DBDBDB 0px 0px 10px; box-shadow: #DBDBDB 0px 0px 10px; }
/* Link on Tab Menu ---------------------------------------------------------------------------*/
a.myTabLink:link { font-family: "Tahoma"; color: #FFFFFF; text-decoration: none; font-size:14px; padding:10px;  font-weight:bold; background: #b2cb7f;  
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border:0px; }
a.myTabLink:visited { font-family: "Tahoma"; color: #FFFFFF; text-decoration: none; font-size:14px; padding:10px;  font-weight:bold; background: #b2cb7f; 
 -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border:0px; }
a.myTabLink:active { font-family: "Tahoma"; color: #000000; text-decoration: none; font-size:14px; padding:10px;  font-weight:bold; background: #b2cb7f;
  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border:0px; }
a.myTabLink:hover { font-family: "Tahoma"; color: #000000; text-decoration: none; font-size:14px; padding:10px;  font-weight:bold; background: #b2cb7f;
  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border:0px; }
/* Link on Tab Menu ---------------------------------------------------------------------------*/
a.myTabLinkActive:link { font-family: "Tahoma"; color: #000000; text-decoration: none; font-size:20px; padding:10px;  font-weight:bold; background: #669900;  
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border:0px; }
a.myTabLinkActive:visited { font-family: "Tahoma"; color: #000000; text-decoration: none; font-size:20px; padding:10px;  font-weight:bold; background: #669900; 
 -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border:0px; }
a.myTabLinkActive:active { font-family: "Tahoma"; color: #000000; text-decoration: none; font-size:20px; padding:10px;  font-weight:bold; background: #669900;
  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border:0px; }
a.myTabLinkActive:hover { font-family: "Tahoma"; color: #000000; text-decoration: none; font-size:20px; padding:10px;  font-weight:bold; background: #669900;
  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border:0px; }
.tabLinkBox { padding:5px; }
/* Alert Box ----------------------------------------------------------------------*/
.divBarAlert { width: 100%px;  display: table; margin: 0 auto; }
.divAlert { text-align:center; font-size: 16px; padding:10px; font-family:"Tahoma"; color: #FFFFFF; border: 0px; background: #c30000; 
 -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding-left:20px; padding-right:20px;
 display: table; margin: 0 auto; overflow:hidden; margin-top:100px;
}
.divNotice { text-align:center; font-size: 16px; padding:10px; font-family:"Tahoma"; color: #FFFFFF; border: 0px; background: #77ac0d; 
 -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding-left:20px; padding-right:20px;
 display: table; margin: 0 auto; overflow:hidden; margin-top:100px;
}
/* Paging Bar ----------------------------------------------------------------------*/
.divBar { -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; border:1px solid #cccccc; 
 background-image:url('img/bar-bg.png'); height: 44px; background-repeat: repeat-x;
 -webkit-box-shadow: #DBDBDB 0px 0px 10px; -moz-box-shadow: #DBDBDB 0px 0px 10px; box-shadow: #DBDBDB 0px 0px 10px; }
.divBarIndent { background:url('img/bar-indent.png') no-repeat; width: 2px; height: 44px; }
.divSearch1 { background:url('img/ico-search1.png') no-repeat; width: 10px; height: 30px; }
.divSearch2 { background-image:url('img/ico-search2.png'); height: 30px; background-repeat: repeat-x; }
.input_bt_search { width:30px; height:30px; background: url("img/ico-search3.png") no-repeat; text-align:center; border: 0px ; cursor:pointer; color: #fff; }
.input_bt_cancel { width:22px; height:30px; background: url("img/ico-search4.png") no-repeat; text-align:center; border: 0px ; cursor:pointer; color: #fff; }
.input_search { width:150px; height:30px; border:0px ; background-color:transparent; outline:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; font-size: 13px; color:#a9a9a9; font-weight:bold; }
a.link_toolbar:link { font-size: 18px; color: #000000; text-decoration: none; padding:2px; padding-left:7px; padding-right:7px; font-weight:normal; }
a.link_toolbar:visited { font-size: 18px; color: #000000; text-decoration: none; padding:2px; padding-left:7px; padding-right:7px; font-weight:normal; }
a.link_toolbar:active { font-size: 18px; color: #000000; text-decoration: none; padding:2px; padding-left:5px; padding-right:5px; font-weight:bold; }
a.link_toolbar:hover { font-size: 18px; color: #000000; text-decoration: none; padding:2px; padding-left:5px; padding-right:5px; font-weight:bold; }
a.link_toolbar2:link {   font-family: "Tahoma"; color: #000000; text-decoration: none; font-size:12px; font-weight:bold; }
a.link_toolbar2:visited { font-family: "Tahoma"; color: #000000; text-decoration: none; font-size:12px; font-weight:bold; }
a.link_toolbar2:active { font-family: "Tahoma"; color: #000000; text-decoration: none; font-size:12px; font-weight:bold; }
a.link_toolbar2:hover {  font-family: "Tahoma"; color: #AA0000; text-decoration: none; font-size:12px; font-weight:bold; }

/* ################################################## */
/* Input Design */
/* ################################################## */
.input_big { text-align:left; font-size: 20px; padding:4px; font-family:"Tahoma"; color: #999999; height:50px; border:1px solid #cccccc; background: #FFFFFF; 
 -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding-left:10px; padding-right:10px;
}
.input_bt_big { width:100px; background-color:#ee6b23; background: url('img/bt-big-bg.png'); text-align:center; border: 0px; cursor:pointer;
 height:50px; color: #FFFFFF; font-size: 18px;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
.input_bt_add { width:100px; height:32px; text-align:center; border:1px solid #46af15; cursor:pointer; color: #266707; background-color:#63e226; font-size: 12px; 
 -webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 3px; background-image:url('img/bt-bg-add.png'); background-repeat: repeat-x; font-weight:bold; }
.input_bt_del { width:100px; height:32px; text-align:center; border:1px solid #eb1d41; cursor:pointer; color: #f698a9;; background-color:#eb1d41; font-size: 12px; 
 -webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 3px; background-image:url('img/bt-bg-del.png'); background-repeat: repeat-x; font-weight:bold; }
 /* Auto Text ----------------------------------------------------------------------*/
.txtAutoTextResult { font-size: 16px; padding-left:10px; padding-top:20px; font-family:"Tahoma"; color: #AA0000; }
/* Calendar ----------------------------------------------------------------------*/
.txtCalendarDataResult { font-size: 16px; padding-left:10px; padding-top:20px; font-family:"Tahoma"; color: #AA0000; }

/* ################################################## */
/* Data List Design */
/* ################################################## */
.rowOver1 { background-color:#FFFFFF; } 
.rowOver2 { background-color:#f5f5f5; }
.rowOver1:hover{ background-color:#FEF2F6; }
.rowOver2:hover{ background-color:#FEF2F6; }
.colTD1 { background-color:#D9D9D9; } 
.colTD2 { background-color:#FFFFFF; }
.colTD3 { background-color:#C9C9C9; }