@charset "utf-8";
/* CSS Document */

body {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: #707070;
}
a{text-decoration:none;outline:none;}/*連結不出現底線.虛線*/
input::-moz-focus-inner {  border:none; border-color:transparent!important;}
input{outline:none;}/*輸入框無外框*/

/*logout*/
.logout {
    color:#ffffff;
    text-decoration: none;
    padding:0px 0 0 8px;
    font-weight: bold;
    font-family: Verdana, Arial;
    font-size: 14px;
}

.logout:hover{
    padding:1px 0 0 9px;
    color:#0197d3;
}

/*單純文字樣式開始*/
.style1 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #999999;
}
.style2 {
    font-family: Verdana, Arial;
    font-weight: bold;
    font-size: 14px;
    color: #FFFFFF;
}

.style3 {
    font-family: Verdana, Arial;
    font-weight: bolder;
    font-size: 15px;
    color: #FFFFFF;
}
.style4 {
    font-family: Verdana, Arial;
    font-weight: bold;
    font-size: 16px;
    color: #333333;
}
.style5 {
    font-family: Verdana, Arial;
    font-weight: 900;
    font-size: 16px;
    color: #333333;
}
.style6 {
    font-family: Verdana, Arial;
    font-weight: normal;
    font-size: 16px;
    color: #C0C0C0;
}

.navigation_bar {
    width: 640px;
    height: 24px;
    background: url(images/pic_BreadcrumbBar_640x24.png) no-repeat;
}

.frame_table {
    border: 0px;
    border-spacing: 0px;
    width: 640px;
    height: 568px;
    background-color: #505050;
    background-image: url(images/pic_content_bg.png);
}

.style7 {
    padding:26px 0 0 61px;
    font-weight: bold;
    font-family: Verdana, Arial;
    font-size: 14px;
    color:#0197d3;
    }

.style8 {
    font-family: Verdana, Arial;
    font-weight: normal;
    font-size: 16px;
    color: #333333;
}
.style9 {
    font-family: Verdana, Arial;
    font-weight: bold;
    font-size: 14px;
    color: #C0C0C0;

}

.style10 {
    font-family: Verdana, Arial;
    font-weight: bold;
    font-size: 15px;
    color: #C0C0C0;
}

.style11 {
    font-family: Verdana, Arial;
    font-weight: bold;
    font-size: 14px;
    color: #C0C0C0;
    padding:0px 0 0 6px;

}

.username{
    color:#BEBEBE;
    font-family: Verdana, Arial;
    font-size: 14px;
}

.error_message
{
    font-family: Verdana, Arial;
    font-weight: bold;
    font-size: 14px;
    color: #E83146;
}

.dialog_title
{
    font-family: Verdana, Arial;
    font-weight: bold;
    font-size: 16px;
    color:#0197d3;
}

/*單純文字樣式結束*/

/*text-shadow 表示樣式名稱。*/
.style7_text-shadow {
    font-family: Verdana, Arial;
    font-weight: bold;
    font-size: 14px;
    color: #0197D3;
    text-shadow: #151515 -1px -2px 0px;
}

/*第一個 px 表示水平(X 軸)位移，正值代表陰影往右移動，負值則是向左移動。
第二個 px 表示垂直(Y 軸)位移，正值代表陰影往下移動，負值則是向上移動。
第三個 px 表示柔焦的光暈半徑。(表示啟用 IE 的 Shadow 濾鏡。)
strength 表示陰影向外擴散的距離
direction 表示偏移的方向(角度)，其值有 0、45、90、135、180、225、270、315*/

/*中間區塊頁面開始*/

/*下拉式選單開始*/

#selectstyle1 .select_box{
    width:192px;
    height:61px;
}

#selectstyle1 div.tag_select{/*選單按鈕原始*/
    display:block;
    color:#ffffff;
    width:122px;
    height:56px;
    background:url(images/Buttons/UpDownButton/component_enabled.png) no-repeat;
    text-decoration: none;
    font-family: Verdana, Arial;
    font-size: 14px;
    text-indent:0px;
    padding:0px 56px 0px 14px;
    font-weight: bold;
    overflow: hidden;
    line-height: 56px;
    }

#selectstyle1 div.tag_select_hover{/*選單按鈕滑鼠移過*/
    display:block;
    color:#0197d3;
    width:122px;
    height:56px;
    background:url(images/Buttons/UpDownButton/component_enabled_prs.png) no-repeat;
    text-decoration: none;
    font-family: Verdana, Arial;
    font-size: 14px;
    text-indent:0px;
    padding:0px 56px 0px 14px;
    font-weight: bold;
    overflow: hidden;
    line-height: 56px;
    }
#selectstyle1 div.tag_select_open{/*選單按鈕滑鼠點擊*/
    display:block;
    color:#0197d3;
    width:122px;
    height:56px;
    background:url(images/Buttons/UpDownButton/component_enabled_prs1.png) no-repeat;
    text-decoration: none;
    font-family: Verdana, Arial;
    font-size: 14px;
    text-indent:0px;
    padding:0px 56px 0px 14px;
    font-weight: bold;
    overflow: hidden;
    line-height: 56px;
    }

#selectstyle1 ul.tag_options{
    position:absolute;
    margin:0;
    list-style:none;
    background:transparent url("images/Buttons/UpDownButton/select_b.png") no-repeat bottom;
    width:192px;
    padding: 0 0 5px;
    margin:0;

    }
#selectstyle1 ul.tag_options li{
    background:transparent url("images/Buttons/UpDownButton/select_m.png");
    display:block;
    width:192px;
    height:50px;
    text-decoration:none;
    line-height:50px;
    color:#666666;
    font-family: Verdana, Arial;
    font-size: 14px;
    text-indent:15px;
    font-weight: bold;
    overflow: hidden;
    }
#selectstyle1 ul.tag_options li.open_hover{
    color:#0197d3;
    }
#selectstyle1 ul.tag_options li.open_selected{
    color:#0197d3;
    }
/*下拉式選單結束*/

/*overview頁面按鈕開始*/
.overview_alarm1  {
    width: 192px;
    height: 64px;
    padding:0px 0 0 0px;
}

.overview_alarm1 table{
    margin:0;
    padding:0;
    width: 192px;
    height: 64px;
    font-size: 15px;
    font-weight: bold;
    color:#ffffff;
    font-family: Verdana, Arial;
    text-align:left;
    padding:0px 0 0 62px;
    background: url(images/Buttons/AlarmButton/AlarmButton.png) no-repeat;
}

.overview_alarm1 input{
    width:192px;
    height:64px;
    color:#ffffff;
    text-decoration: none;
    text-align: left;
    font-weight: bold;
    font-family: Verdana, Arial;
    font-size: 15px;
    white-space:pre-wrap;
    cursor:pointer;
    background:url(images/Buttons/AlarmButton/AlarmButton.png);
    border:0px;
    padding: 0px 0px 0px 62px;
}
.overview_alarm1 input:hover{
    color:#0197d3;
}
.overview_alarm1 input:active{
    padding: 2px 0px 0px 64px;
    color:#0197d3;
}

.overview_alarm2  {
    width: 192px;
    height: 64px;
    padding:0px 0 0 0px;
}

.overview_alarm2 table{
    margin:0;
    padding:0;
    width: 192px;
    height: 64px;
    font-size: 15px;
    font-weight: bold;
    color:#ffffff;
    font-family: Verdana, Arial;
    text-align:left;
    padding:0px 0 0 62px;
    background: url(images/Buttons/AlarmButton/AlarmButtonOrange.png) no-repeat;
}

.overview_output_on{
    width: 176px;
    height: 56px;
    padding:0px 0 0 0px;
}

.overview_output_on table{
    margin:0;
    padding:0;
    width: 176px;
    height: 56px;
    font-size: 15px;
    font-weight: bold;
    color:#0197d3;
    font-family: Verdana, Arial;
    text-align:left;
    padding:0px 0 0 30px;
    background: url(images/Buttons/ToggleButton/ToggleButton_enabled_act.png) no-repeat;
}

.overview_output_on input{
    width:176px;
    height:56px;
    color:#0197d3;
    text-decoration: none;
    text-align: left;
    font-weight: bold;
    font-family: Verdana, Arial;
    font-size: 15px;
    white-space:pre-wrap;
    cursor:pointer;
    background:url(images/Buttons/ToggleButton/ToggleButton_enabled_act.png);
    border:0px;
    padding: 0px 0px 0px 30px;
}
.overview_output_on input:hover{
    background:url(images/Buttons/ToggleButton/ToggleButton_enabled_act.png);
}
.overview_output_on input:active{
    padding: 2px 0px 0px 32px;
    background:url(images/Buttons/ToggleButton/ToggleButton_on_prs.png);
}

.overview_output_off{
    width: 176px;
    height: 56px;
}

.overview_output_off table{
    margin:0;
    padding:0;
    width: 176px;
    height: 56px;
    font-size: 15px;
    font-weight: bold;
    color:#ffffff;
    font-family: Verdana, Arial;
    text-align:left;
    padding:0px 0 0 30px;
    background: url(images/Buttons/ToggleButton/ToggleButton_enabled.png) no-repeat;
}

.overview_output_off input{
    width:176px;
    height:56px;
    color:#ffffff;
    text-decoration: none;
    text-align: left;
    font-weight: bold;
    font-family: Verdana, Arial;
    font-size: 15px;
    white-space:pre-wrap;
    cursor:pointer;
    background:url(images/Buttons/ToggleButton/ToggleButton_enabled.png);
    border:0px;
    padding: 0px 0px 0px 30px;
}
.overview_output_off input:hover{
    background:url(images/Buttons/ToggleButton/ToggleButton_off_act.png);
}
.overview_output_off input:active{
    padding: 2px 0px 0px 32px;
    background:url(images/Buttons/ToggleButton/ToggleButton_off_prs.png);
}
/*overview頁面按鈕結束*/

/*中間區塊頁面結束*/


/*=========20100909新增開始============*/
.string_disable {color: #666666;}

/*message(s)下拉式選單開始*/
#selectstyle2 .select_box{width:232px;height:61px;padding:0px 0 0 6px;}

#selectstyle2 div.tag_select{/*選單按鈕原始*/
    display:block;
    color:#ffffff;
    width:232px;
    height:56px;
    background:url(images/Buttons/UpDownButton/sec_rulesM_enable.png) no-repeat;
    text-decoration: none;
    font-family: Verdana, Arial;
    font-size: 14px;
    text-indent:15px;
    padding:20px 0 0 0px;
    font-weight: bold;
    }

#selectstyle2 div.tag_select_hover{/*選單按鈕滑鼠移過*/
    display:block;
    color:#0197d3;
    width:232px;
    height:56px;
    background:url(images/Buttons/UpDownButton/sec_rulesM_enable_prs.png) no-repeat;
    text-decoration: none;
    font-family: Verdana, Arial;
    font-size: 14px;
    text-indent:15px;
    padding:20px 0 0 0px;
    font-weight: bold;
    }
#selectstyle2 div.tag_select_open{/*選單按鈕滑鼠點擊*/
    display:block;
    color:#0197d3;
    width:232px;
    height:41px;
    background:url(images/Buttons/UpDownButton/sec_rulesM_enable_prs1.png) no-repeat;
    text-decoration: none;
    font-family: Verdana, Arial;
    font-size: 14px;
    text-indent:15px;
    padding:20px 0 0 0px;
    font-weight: bold;
    }

#selectstyle2 ul.tag_options{
    position:absolute;
    margin:0;
    list-style:none;
    background:transparent url("images/Buttons/UpDownButton/select_rulesM_b.png") no-repeat bottom;
    width:232px;
    padding: 0 0 5px;
    margin:0;

    }
#selectstyle2 ul.tag_options li{
    background:transparent url("images/Buttons/UpDownButton/select_rulesM_m.png");
    display:block;
    width:232px;
    height:50px;
    text-decoration:none;
    line-height:50px;
    color:#666666;
    font-family: Verdana, Arial;
    font-size: 14px;
    text-indent:15px;
    font-weight: bold;
    }
#selectstyle2 ul.tag_options li.open_hover{
    color:#0197d3;
    }
#selectstyle2 ul.tag_options li.open_selected{
    color:#0197d3;
    }
/*message(s)下拉式選單結束*/

/*Recipient(s)下拉式選單開始*/
#selectstyle3 .select_box{width:312px;height:61px;padding:0px 0 0 0px;}

#selectstyle3 div.tag_select{
    display:block;
    color:#ffffff;
    width:312px;
    height:56px;
    background:url(images/Buttons/UpDownButton/sec_rulesR_enable.png) no-repeat;
    text-decoration: none;
    font-family: Verdana, Arial;
    font-size: 14px;
    text-indent:15px;
    padding:20px 0 0 0px;
    font-weight: bold;
    }

#selectstyle3 div.tag_select_hover{/*選單按鈕滑鼠移過*/
    display:block;
    color:#0197d3;
    width:312px;
    height:56px;
    background:url(images/Buttons/UpDownButton/sec_rulesR_enable_prs.png) no-repeat;
    text-decoration: none;
    font-family: Verdana, Arial;
    font-size: 14px;
    text-indent:15px;
    padding:20px 0 0 0px;
    font-weight: bold;
    }
#selectstyle3 div.tag_select_open{/*選單按鈕滑鼠點擊*/
    display:block;
    color:#0197d3;
    width:312px;
    height:41px;
    background:url(images/Buttons/UpDownButton/sec_rulesR_enable_prs1.png) no-repeat;
    text-decoration: none;
    font-family: Verdana, Arial;
    font-size: 14px;
    text-indent:15px;
    padding:20px 0 0 0px;
    font-weight: bold;
    }

#selectstyle3 ul.tag_options{
    position:absolute;
    margin:0;
    list-style:none;
    background:transparent url("images/Buttons/UpDownButton/select_rulesR_b.png") no-repeat bottom;
    width:312px;
    padding: 0 0 5px;
    margin:0;

    }
#selectstyle3 ul.tag_options li{
    background:transparent url("images/Buttons/UpDownButton/select_rulesR_m.png");
    display:block;
    width:312px;
    height:50px;
    text-decoration:none;
    line-height:50px;
    color:#666666;
    font-family: Verdana, Arial;
    font-size: 14px;
    text-indent:15px;
    font-weight: bold;
    }
#selectstyle3 ul.tag_options li.open_hover{
    background:transparent url("images/Buttons/UpDownButton/select_rulesRC_m.png");
    color:#0197d3;
    }
#selectstyle3 ul.tag_options li.open_selected{
    background:transparent url("images/Buttons/UpDownButton/select_rulesRC_m.png");
    color:#0197d3;
    }
/*message(s)下拉式選單結束*/

/*排序按鈕開始*/
.up_down_button {
    width:56px;
    height:56px;
    cursor:pointer;
    border:0px;
}


.up_button{background: url(images/Buttons/UpButton/UpButton_enabled.png);}
.up_button:hover{background: url(images/Buttons/UpButton/UpButton_enabled_prs.png);}
.up_button:active{background: url(images/Buttons/UpButton/UpButton_enabled_prs.png);}

.down_button{background: url(images/Buttons/DownButton/DownButton_enabled.png);}
.down_button:hover{background:url(images/Buttons/DownButton/DownButton_enabled_prs.png);}
.down_button:active{background:url(images/Buttons/DownButton/DownButton_enabled_prs.png);}

/*排序按鈕結束*/


/*notification|rules 頁面中間區塊按鈕結束*/

/*=========20100909新增結束============*/

/*=========20100916新增開始============*/
/*system|datetime Time Zone下拉式選單開始*/
#selectstyle4 .select_box{width:500px;height:61px;padding:0px 0 0 0px;}
#selectstyle4 div.tag_select{
    display:block;
    color:#ffffff;
    width:500px;
    height:56px;
    background:url(images/Buttons/UpDownButton/sec_datetimeD_enable.png) no-repeat;
    text-decoration: none;
    font-family: Verdana, Arial;
    font-size: 14px;
    text-indent:15px;
    padding:20px 0 0 0px;
    font-weight: bold;
    }
#selectstyle4 div.tag_select_hover{/*選單按鈕滑鼠移過*/
    display:block;
    color:#0197d3;
    width:500px;
    height:56px;
    background:url(images/Buttons/UpDownButton/sec_datetimeD_enable_prs.png) no-repeat;
    text-decoration: none;
    font-family: Verdana, Arial;
    font-size: 14px;
    text-indent:15px;
    padding:20px 0 0 0px;
    font-weight: bold;
    }
#selectstyle4 div.tag_select_open{/*選單按鈕滑鼠點擊*/
    display:block;
    color:#0197d3;
    width:500px;
    height:41px;
    background:url(images/Buttons/UpDownButton/sec_datetimeT_enable_prs1.png) no-repeat;
    text-decoration: none;
    font-family: Verdana, Arial;
    font-size: 14px;
    text-indent:15px;
    padding:20px 0 0 0px;
    font-weight: bold;
    }
#selectstyle4 ul.tag_options{
    position:absolute;
    margin:0;
    list-style:none;
    background:transparent url("images/Buttons/UpDownButton/select_datetimeD_b.png") no-repeat bottom;
    width:500px;
    padding: 0 0 5px;
    margin:0;

    }
#selectstyle4 ul.tag_options li{
    background:transparent url("images/Buttons/UpDownButton/select_datetimeD_m.png");
    display:block;
    width:500px;
    height:50px;
    text-decoration:none;
    line-height:50px;
    color:#666666;
    font-family: Verdana, Arial;
    font-size: 14px;
    text-indent:15px;
    font-weight: bold;
    }
#selectstyle4 ul.tag_options li.open_hover{
    background:transparent url("images/Buttons/UpDownButton/select_datetimeD_m.png");
    color:#0197d3;
    }
#selectstyle4 ul.tag_options li.open_selected{
    background:transparent url("images/Buttons/UpDownButton/select_datetimeD_m.png");
    color:#0197d3;
    }
/*system|datetimeTime Zone下拉式選單結束*/
/*system|datetime NTP Server下拉式選單開始*/
#selectstyle5 .select_box{width:500px;height:61px;padding:0px 0 0 0px;}

#selectstyle5 div.tag_select{
    display:block;
    color:#ffffff;
    width:500px;
    height:56px;
    background:url(images/Buttons/UpDownButton/sec_datetimeD_enable.png) no-repeat;
    text-decoration: none;
    font-family: Verdana, Arial;
    font-size: 14px;
    text-indent:15px;
    padding:20px 0 0 0px;
    font-weight: bold;
    }

#selectstyle5 div.tag_select_hover{/*選單按鈕滑鼠移過*/
    display:block;
    color:#0197d3;
    width:500px;
    height:56px;
    background:url(images/Buttons/UpDownButton/sec_datetimeD_enable_prs.png) no-repeat;
    text-decoration: none;
    font-family: Verdana, Arial;
    font-size: 14px;
    text-indent:15px;
    padding:20px 0 0 0px;
    font-weight: bold;
    }
#selectstyle5 div.tag_select_open{/*選單按鈕滑鼠點擊*/
    display:block;
    color:#0197d3;
    width:500px;
    height:41px;
    background:url(images/Buttons/UpDownButton/sec_datetimeD_enable_prs1.png) no-repeat;
    text-decoration: none;
    font-family: Verdana, Arial;
    font-size: 14px;
    text-indent:15px;
    padding:20px 0 0 0px;
    font-weight: bold;
    }

#selectstyle5 ul.tag_options{
    position:absolute;
    margin:0;
    list-style:none;
    background:transparent url("images/Buttons/UpDownButton/select_datetimeN_b.png") no-repeat bottom;
    width:500px;
    padding: 0 0 5px;
    margin:0;

    }
#selectstyle5 ul.tag_options li{
    background:transparent url("images/Buttons/UpDownButton/select_datetimeN_m.png");
    display:block;
    width:500px;
    height:50px;
    text-decoration:none;
    line-height:50px;
    color:#666666;
    font-family: Verdana, Arial;
    font-size: 14px;
    text-indent:15px;
    font-weight: bold;
    }
#selectstyle5 ul.tag_options li.open_hover{
    background:transparent url("images/Buttons/UpDownButton/select_datetimeN_m.png");
    color:#0197d3;
    }
#selectstyle5 ul.tag_options li.open_selected{
    background:transparent url("images/Buttons/UpDownButton/select_datetimeN_m.png");
    color:#0197d3;
    }
/*system|datetime NTP Server下拉式選單結束*/

.dateset_button {
    width: 56px;
    height: 56px;
    cursor:pointer;
    background: url(images/Buttons/TileButton/System/date_enabled.png);
    border:0px;
}
.dateset_button:hover{background:url(images/Buttons/TileButton/System/date_enabled_act.png);}
.dateset_button.active{background:url(images/Buttons/TileButton/System/date_enabled_prs.png);}

/*=========20100915新增結束============*/

/* === Home 選單按鈕 === */
.menu_button {
    width:160px;
    height:56px;
    color:#BEBEBE;
    text-decoration: none;
    text-align: left;
    font-weight: bold;
    font-family: Verdana, Arial;
    font-size: 14px;
    white-space:pre-wrap;
    cursor:pointer;
    padding:0px 4px 0px 58px;
    border:0px;
}
.menu_button:hover{
    color:#0197d3;
    padding:2px 4px 0px 60px;
    text-shadow: #151515 -1px -2px 0px;
}
.menu_button.stay{
    color:#0197d3;
    padding:2px 4px 0px 60px;
    text-shadow: #151515 -1px -2px 0px;
}

.menu_overview{background: url(images/Navigation/BU_Overview_enable.png);}
.menu_overview:hover{background:url(images/Navigation/BU_Overview_enable_act.png);}
.menu_overview.stay{background:url(images/Navigation/BU_Overview_enable_act.png);}

.menu_inputs{background: url(images/Navigation/BU_Inputs_enable.png);}
.menu_inputs:hover{background:url(images/Navigation/BU_Inputs_enable_act.png);}
.menu_inputs.stay{background:url(images/Navigation/BU_Inputs_enable_act.png);}

.menu_outputs{background: url(images/Navigation/BU_Outputs_enable.png);}
.menu_outputs:hover{background:url(images/Navigation/BU_Outputs_enable_act.png);}
.menu_outputs.stay{background:url(images/Navigation/BU_Outputs_enable_act.png);}

.menu_scheduler{background: url(images/Navigation/BU_Scheduler_enable.png);}
.menu_scheduler:hover{background:url(images/Navigation/BU_Scheduler_enable_act.png);}
.menu_scheduler.stay{background:url(images/Navigation/BU_Scheduler_enable_act.png);}

.menu_notification{background: url(images/Navigation/BU_Notification_enable.png);}
.menu_notification:hover{background:url(images/Navigation/BU_Notification_enable_act.png);}
.menu_notification.stay{background:url(images/Navigation/BU_Notification_enable_act.png);}

.menu_gsm{background: url(images/Navigation/BU_GSM_enable.png);}
.menu_gsm:hover{background:url(images/Navigation/BU_GSM_enable_act.png);}
.menu_gsm.stay{background:url(images/Navigation/BU_GSM_enable_act.png);}

.menu_system{background: url(images/Navigation/BU_System_enable.png);}
.menu_system:hover{background:url(images/Navigation/BU_System_enable_act.png);}
.menu_system.stay{background:url(images/Navigation/BU_System_enable_act.png);}

.menu_eventlog{background: url(images/Navigation/BU_EventLog_enable.png);}
.menu_eventlog:hover{background:url(images/Navigation/BU_EventLog_enable_act.png);}
.menu_eventlog.stay{background:url(images/Navigation/BU_EventLog_enable_act.png);}

/* === 多國語言選單 === */
.lang_mini_button {
    display:block;
    width:80px;
    height:56px;
    cursor:pointer;
    border:0px
}

.lang_mini_deutsch{background: url(images/Buttons/LanguageButton/Deutsch_enabled.png);}
.lang_mini_deutsch:hover{background:url(images/Buttons/LanguageButton/Deutsch_enabled_act.png);}
.lang_mini_deutsch.stay{background:url(images/Buttons/LanguageButton/Deutsch_enabled_prs.png);}

.lang_mini_english{background: url(images/Buttons/LanguageButton/English_enabled.png);}
.lang_mini_english:hover{background:url(images/Buttons/LanguageButton/English_enabled_act.png);}
.lang_mini_english.stay{background:url(images/Buttons/LanguageButton/English_enabled_prs.png);}

.lang_mini_francais{background: url(images/Buttons/LanguageButton/Francais_enabled.png);}
.lang_mini_francais:hover{background:url(images/Buttons/LanguageButton/Francais_enabled_act.png);}
.lang_mini_francais.stay{background:url(images/Buttons/LanguageButton/Francais_enabled_prs.png);}

.lang_mini_nederlands{background: url(images/Buttons/LanguageButton/Nederlands_enabled.png);}
.lang_mini_nederlands:hover{background:url(images/Buttons/LanguageButton/Nederlands_enabled_act.png);}
.lang_mini_nederlands.stay{background:url(images/Buttons/LanguageButton/Nederlands_enabled_prs.png);}

.lang_mini_dansk{background: url(images/Buttons/LanguageButton/Dansk_enabled.png);}
.lang_mini_dansk:hover{background:url(images/Buttons/LanguageButton/Dansk_enabled_act.png);}
.lang_mini_dansk.stay{background:url(images/Buttons/LanguageButton/Dansk_enabled_prs.png);}

.lang_mini_polish{background: url(images/Buttons/LanguageButton/polish_button.png) 0px 0px no-repeat;}
.lang_mini_polish:hover{background:url(images/Buttons/LanguageButton/polish_button.png) -80px 0px no-repeat;}
.lang_mini_polish.stay{background:url(images/Buttons/LanguageButton/polish_button.png) -160px 0px no-repeat;}

/* === Event Log === */
#page_button {
    width:40px;
    height:40px;
    color:#BEBEBE;
    text-decoration: none;
    font-weight: bold;
    font-family: Verdana, Arial;
    font-size: 14px;
    white-space:pre-wrap;
    cursor:pointer;
    background: url(images/Buttons/eventlog/page_enable.png);
    border:0px;
}
#page_button:hover{
    color:#0197d3;
    background:url(images/Buttons/eventlog/page_enable_act.png);
}
#page_button:active{
    color:#0197d3;
    padding: 1px 0px 0px 2px;
    background:url(images/Buttons/eventlog/page_enable_prs.png);
}

#page_button.page_stay{background: url(images/Buttons/eventlog/page_enable_prs.png); color:#0197d3}
#page_button.page_stay:hover{background:url(images/Buttons/eventlog/page_enable_prs.png);}
#page_button.page_stay:active{background:url(images/Buttons/eventlog/page_enable_prs.png);}

#page_button.page_disable{background: url(images/Buttons/eventlog/page_disable.png); color:#828282;}
#page_button.page_disable:hover{background:url(images/Buttons/eventlog/page_disable.png); color:#828282;}
#page_button.page_disable:active{background:url(images/Buttons/eventlog/page_disable.png); color:#828282;}

#page_button.backpage{background: url(images/Buttons/eventlog/backpage_enable.png);}
#page_button.backpage:hover{background:url(images/Buttons/eventlog/backpage_enable_act.png);}
#page_button.backpage:active{background:url(images/Buttons/eventlog/backpage_enable_prs.png);}

#page_button.backpage_disable{background: url(images/Buttons/eventlog/backpage_disable.png); color:#828282;}
#page_button.backpage_disable:hover{background:url(images/Buttons/eventlog/backpage_disable.png); color:#828282;}
#page_button.backpage_disable:active{background:url(images/Buttons/eventlog/backpage_disable.png); color:#828282;}

#page_button.nextpage{background: url(images/Buttons/eventlog/nextpage_enable.png);}
#page_button.nextpage:hover{background:url(images/Buttons/eventlog/nextpage_enable_act.png);}
#page_button.nextpage:active{background:url(images/Buttons/eventlog/nextpage_enable_prs.png);}

#page_button.nextpage_disable{background: url(images/Buttons/eventlog/nextpage_disable.png); color:#828282;}
#page_button.nextpage_disable:hover{background:url(images/Buttons/eventlog/nextpage_disable.png); color:#828282;}
#page_button.nextpage_disable:active{background:url(images/Buttons/eventlog/nextpage_disable.png); color:#828282;}

.apply_button {
    width:152px;
    height:56px;
    color:#BEBEBE;
    text-decoration: none;
    font-weight: bold;
    font-family: Verdana, Arial;
    font-size: 14px;
    white-space:pre-wrap;
    cursor:pointer;
    background:url(images/Buttons/buttonBG/bu_message_enable.png);
    border:0px;
}
.apply_button:hover{
    color:#0197d3;
    background:url(images/Buttons/buttonBG/bu_message_enable_act.png);
}
.apply_button:focus{
    background:url(images/Buttons/buttonBG/bu_message_enable_act.png);
}
.apply_button:active{
    color:#0197d3;
    padding: 1px 0px 0px 2px;
    background:url(images/Buttons/buttonBG/bu_message_enable_prs.png);
}
.apply_button:disabled{
    color:#666666;
    padding: 1px 0px 0px 2px;
    background:url(images/Buttons/buttonBG/bu_message_disable.png);
}

.apply_button_disable {
    width:152px;
    height:56px;
    color:#666666;
    text-decoration: none;
    font-weight: bold;
    font-family: Verdana, Arial;
    font-size: 14px;
    white-space:pre-wrap;
    cursor:pointer;
    background:url(images/Buttons/buttonBG/bu_message_disable.png);
    border:0px;
}
/* === 刪除按鈕 === */
.trash_button {
    width:64px;
    height:56px;
    cursor:pointer;
    background: url(images/Buttons/TrashButton/TrashButton_enabled.png);
    border:0px;
}
.trash_button:hover{background:url(images/Buttons/TrashButton/TrashButton_enabled_prs.png)}
.trash_button:active{background:url(images/Buttons/TrashButton/TrashButton_enabled_prs.png)}

/* === 頁面大按鈕 === */
.function_button {
    width:140px;
    height:105px;
    color:#ffffff;
    text-decoration: none;
    font-weight: bold;
    font-family: Verdana, Arial;
    font-size: 14px;
    white-space:pre-wrap;
    cursor:pointer;
    padding: 63px 10px 0px 10px;
    border:0px;
}
.function_button:hover{color:#0197d3;}
.function_button.stay{color:#0197d3;}

.rules_burglary{background: url(images/Buttons/TileButton/Notification_Rules/Burglary_enabled.png);}
.rules_burglary:hover{background:url(images/Buttons/TileButton/Notification_Rules/Burglary_enabled_act.png);}
.rules_burglary:active{background:url(images/Buttons/TileButton/Notification_Rules/Burglary_enabled_prs.png);}
.rules_burglary.stay{background:url(images/Buttons/TileButton/Notification_Rules/Burglary_enabled_prs.png);}

.rules_fire{background: url(images/Buttons/TileButton/Notification_Rules/Fire_enabled.png);}
.rules_fire:hover{background:url(images/Buttons/TileButton/Notification_Rules/Fire_enabled_act.png);}
.rules_fire:active{background:url(images/Buttons/TileButton/Notification_Rules/Fire_enabled_prs.png);}
.rules_fire.stay{background:url(images/Buttons/TileButton/Notification_Rules/Fire_enabled_prs.png);}

.rules_technical{background: url(images/Buttons/TileButton/Notification_Rules/Technical_enabled.png);}
.rules_technical:hover{background:url(images/Buttons/TileButton/Notification_Rules/Technical_enabled_act.png);}
.rules_technical:active{background:url(images/Buttons/TileButton/Notification_Rules/Technical_enabled_prs.png);}
.rules_technical.stay{background:url(images/Buttons/TileButton/Notification_Rules/Technical_enabled_prs.png);}

.rules_panic{background: url(images/Buttons/TileButton/Notification_Rules/Panic_enabled.png);}
.rules_panic:hover{background:url(images/Buttons/TileButton/Notification_Rules/Panic_enabled_act.png);}
.rules_panic:active{background:url(images/Buttons/TileButton/Notification_Rules/Panic_enabled_prs.png);}
.rules_panic.stay{background:url(images/Buttons/TileButton/Notification_Rules/Panic_enabled_prs.png);}

.channel_inputs{background: url(images/Buttons/TileButton/Inputs/Input_enabled.png);}
.channel_inputs:hover{background:url(images/Buttons/TileButton/Inputs/Input_enabled_act.png);}
.channel_inputs:active{background:url(images/Buttons/TileButton/Inputs/Input_enabled_prs.png);}

.channel_outputs{background: url(images/Buttons/TileButton/Outputs/Outputs_enabled.png);}
.channel_outputs:hover{background:url(images/Buttons/TileButton/Outputs/Outputs_enabled_act.png);}
.channel_outputs:active{background:url(images/Buttons/TileButton/Outputs/Outputs_enabled_prs.png);}

.notifi_account{background: url(images/Buttons/TileButton/Notification/EMailAccount_enabled.png);}
.notifi_account:hover {background:url(images/Buttons/TileButton/Notification/EMailAccount_enabled_act.png);}
.notifi_account:active {background:url(images/Buttons/TileButton/Notification/EMailAccount_enabled_prs.png);}

.notifi_messages{background: url(images/Buttons/TileButton/Notification/messages.png) 0px 0px no-repeat;}
.notifi_messages:hover {background:url(images/Buttons/TileButton/Notification/messages.png) -140px 0px no-repeat;}
.notifi_messages:active {background:url(images/Buttons/TileButton/Notification/messages.png) -280px 0px no-repeat;}

.notifi_recipients{background: url(images/Buttons/TileButton/Notification/Recipients_enabled.png);}
.notifi_recipients:hover {background:url(images/Buttons/TileButton/Notification/Recipients_enabled_act.png);}
.notifi_recipients:active {background:url(images/Buttons/TileButton/Notification/Recipients_enabled_prs.png);}

.notifi_rules{background: url(images/Buttons/TileButton/Notification/rules.png) 0px 0px no-repeat;}
.notifi_rules:hover {background:url(images/Buttons/TileButton/Notification/rules.png) -140px 0px no-repeat;}
.notifi_rules:active {background:url(images/Buttons/TileButton/Notification/rules.png) -280px 0px no-repeat;}

.notifi_sip_account{background: url(images/Buttons/TileButton/Notification/sip_account.png) 0px 0px no-repeat;}
.notifi_sip_account:hover {background:url(images/Buttons/TileButton/Notification/sip_account.png) -140px 0px no-repeat;}
.notifi_sip_account:active {background:url(images/Buttons/TileButton/Notification/sip_account.png) -280px 0px no-repeat;}

.notifi_sip_rules{background: url(images/Buttons/TileButton/Notification/sip_rules.png) 0px 0px no-repeat;}
.notifi_sip_rules:hover {background:url(images/Buttons/TileButton/Notification/sip_rules.png) -140px 0px no-repeat;}
.notifi_sip_rules:active {background:url(images/Buttons/TileButton/Notification/sip_rules.png) -280px 0px no-repeat;}

.sys_network{background: url(images/Buttons/TileButton/System/Network_enabled.png);}
.sys_network:hover {background:url(images/Buttons/TileButton/System/Network_enabled_act.png);}
.sys_network:active {background:url(images/Buttons/TileButton/System/Network_enabled_prs.png);}

.sys_time{background: url(images/Buttons/TileButton/System/DateTime_enabled.png);}
.sys_time:hover {background:url(images/Buttons/TileButton/System/DateTime_enabled_act.png);}
.sys_time:active {background:url(images/Buttons/TileButton/System/DateTime_enabled_prs.png);}

.sys_account{background: url(images/Buttons/TileButton/System/UserAccount_enabled.png);}
.sys_account:hover {background:url(images/Buttons/TileButton/System/UserAccount_enabled_act.png);}
.sys_account:active {background:url(images/Buttons/TileButton/System/UserAccount_enabled_prs.png);}

.sys_language{background: url(images/Buttons/TileButton/System/Language_enabled.png);}
.sys_language:hover {background:url(images/Buttons/TileButton/System/Language_enabled_act.png);}
.sys_language:active {background:url(images/Buttons/TileButton/System/Language_enabled_prs.png);}

.sys_maintenance{background: url(images/Buttons/TileButton/System/Maintenance_enabled.png);}
.sys_maintenance:hover {background:url(images/Buttons/TileButton/System/Maintenance_enabled_act.png);}
.sys_maintenance:active {background:url(images/Buttons/TileButton/System/Maintenance_enabled_prs.png);}

.sys_sdcard{background: url(images/Buttons/TileButton/System/sd_card.png) 0px 0px no-repeat;}
.sys_sdcard:hover {background:url(images/Buttons/TileButton/System/sd_card.png) -140px 0px no-repeat;}
.sys_sdcard:active {background:url(images/Buttons/TileButton/System/sd_card.png) -280px 0px no-repeat;}

.sys_push_notification{background: url(images/Buttons/TileButton/System/push_notification.png) 0px 0px no-repeat;}
.sys_push_notification:hover {background:url(images/Buttons/TileButton/System/push_notification.png) -140px 0px no-repeat;}
.sys_push_notification:active {background:url(images/Buttons/TileButton/System/push_notification.png) -280px 0px no-repeat;}

.lang_deutsch{background: url(images/Buttons/TileButton/System_Languages/Deutsch_enabled.png);}
.lang_deutsch:hover{background:url(images/Buttons/TileButton/System_Languages/Deutsch_enabled_act.png);}
.lang_deutsch.stay{background:url(images/Buttons/TileButton/System_Languages/Deutsch_enabled_prs.png);}

.lang_english{background: url(images/Buttons/TileButton/System_Languages/English_enabled.png);}
.lang_english:hover{background:url(images/Buttons/TileButton/System_Languages/English_enabled_act.png);}
.lang_english.stay{background:url(images/Buttons/TileButton/System_Languages/English_enabled_prs.png);}

.lang_francais{background: url(images/Buttons/TileButton/System_Languages/Francais_enabled.png);}
.lang_francais:hover{background:url(images/Buttons/TileButton/System_Languages/Francais_enabled_act.png);}
.lang_francais.stay{background:url(images/Buttons/TileButton/System_Languages/Francais_enabled_prs.png);}

.lang_nederlands{background: url(images/Buttons/TileButton/System_Languages/Nederlands_enabled.png);}
.lang_nederlands:hover{background:url(images/Buttons/TileButton/System_Languages/Nederlands_enabled_act.png);}
.lang_nederlands.stay{background:url(images/Buttons/TileButton/System_Languages/Nederlands_enabled_prs.png);}

.lang_dansk{background: url(images/Buttons/TileButton/System_Languages/Dansk_enabled.png);}
.lang_dansk:hover{background:url(images/Buttons/TileButton/System_Languages/Dansk_enabled_act.png);}
.lang_dansk.stay{background:url(images/Buttons/TileButton/System_Languages/Dansk_enabled_prs.png);}

.lang_polish{background: url(images/Buttons/TileButton/System_Languages/polish_button.png) 0px 0px no-repeat;}
.lang_polish:hover{background:url(images/Buttons/TileButton/System_Languages/polish_button.png) -140px 0px no-repeat;}
.lang_polish.stay{background:url(images/Buttons/TileButton/System_Languages/polish_button.png) -280px 0px no-repeat;}

.scheduler_set_unset{background: url(images/Buttons/TileButton/Schedulers/schedule_set_unset.png) 0px 0px no-repeat;}
.scheduler_set_unset:hover{background:url(images/Buttons/TileButton/Schedulers/schedule_set_unset.png) -140px 0px no-repeat;}
.scheduler_set_unset:active{background:url(images/Buttons/TileButton/Schedulers/schedule_set_unset.png) -280px 0px no-repeat;}

.scheduler_output{background: url(images/Buttons/TileButton/Schedulers/schedule_output.png) 0px 0px no-repeat;}
.scheduler_output:hover{background:url(images/Buttons/TileButton/Schedulers/schedule_output.png) -140px 0px no-repeat;}
.scheduler_output:active{background:url(images/Buttons/TileButton/Schedulers/schedule_output.png) -280px 0px no-repeat;}

/* === 文字輸入框 === */
.text_input {
    border:none;
    padding:0px 10px;
    _padding:0px 10px;
    overflow:hidden;
    font-family: Verdana, Arial;
    font-size: 16px;
    font-weight: bold;
    line-height: 48px;
    background:url(images/TextField/text_field_192x48.png) 0px 0px no-repeat;
    width:172px;
    height:48px;
    _width:192px;
    _height:48px;
}
.text_input:hover {background:url(images/TextField/text_field_192x48.png) 0px -48px no-repeat;}
.text_input:focus {background:url(images/TextField/text_field_192x48.png) 0px -48px no-repeat;}
.text_input:disabled {background:url(images/TextField/text_field_192x48.png) 0px -96px no-repeat; color: #666666;}

.text_input_192px {
    background:url(images/TextField/text_field_192x48.png) 0px 0px no-repeat;
    width:172px;
    height:48px;
    _width:192px;
    _height:48px;
}
.text_input_192px:hover {background:url(images/TextField/text_field_192x48.png) 0px -48px no-repeat;}
.text_input_192px:focus {background:url(images/TextField/text_field_192x48.png) 0px -48px no-repeat;}
.text_input_192px:disabled {background:url(images/TextField/text_field_192x48.png) 0px -96px no-repeat;}

.text_input_56px {
    background:url(images/TextField/text_field_56x48.png) 0px 0px no-repeat;
    width:36px;
    height:48px;
    _width:56px;
    _height:48px;
     text-align:center;
}
.text_input_56px:hover {background:url(images/TextField/text_field_56x48.png) 0px -48px no-repeat;}
.text_input_56px:focus {background:url(images/TextField/text_field_56x48.png) 0px -48px no-repeat;}
.text_input_56px:disabled {background:url(images/TextField/text_field_56x48.png) 0px -96px no-repeat;}

.text_input_73px {
    background:url(images/TextField/text_field_73x48.png) 0px 0px no-repeat;
    width:53px;
    height:48px;
    _width:73px;
    _height:48px;
    text-align:center;
}
.text_input_73px:hover {background:url(images/TextField/text_field_73x48.png) 0px -48px no-repeat;}
.text_input_73px:focus {background:url(images/TextField/text_field_73x48.png) 0px -48px no-repeat;}
.text_input_73px:disabled {background:url(images/TextField/text_field_73x48.png) 0px -96px no-repeat;}

.text_input_248px {
    background:url(images/TextField/text_field_248x48.png) 0px 0px no-repeat;
    width:228px;
    height:48px;
    _width:248px;
    _height:48px;
}
.text_input_248px:hover {background:url(images/TextField/text_field_248x48.png) 0px -48px no-repeat;}
.text_input_248px:focus {background:url(images/TextField/text_field_248x48.png) 0px -48px no-repeat;}
.text_input_248px:disabled {background:url(images/TextField/text_field_248x48.png) 0px -96px no-repeat;}

.text_input_152px {
    background:url(images/TextField/text_field_152x48.png) 0px 0px no-repeat;
    width:132px;
    height:48px;
    _width:152px;
    _height:48px;
}
.text_input_152px:hover {background:url(images/TextField/text_field_152x48.png) 0px -48px no-repeat;}
.text_input_152px:focus {background:url(images/TextField/text_field_152x48.png) 0px -48px no-repeat;}
.text_input_152px:disabled {background:url(images/TextField/text_field_152x48.png) 0px -96px no-repeat;}

.text_input_392px {
    background:url(images/TextField/text_field_392x48.png) 0px 0px no-repeat;
    width:372px;
    height:48px;
    _width:392px;
    _height:48px;
}
.text_input_392px:hover {background:url(images/TextField/text_field_392x48.png) 0px -48px no-repeat;}
.text_input_392px:focus {background:url(images/TextField/text_field_392x48.png) 0px -48px no-repeat;}
.text_input_392px:disabled {background:url(images/TextField/text_field_392x48.png) 0px -96px no-repeat;}

#check_button {
    display:block;
    width:40px;
    height:40px;
    background: url(images/Buttons/CheckBox/CheckBox_enabled.png) no-repeat;
}
#check_button.stay{background:url(images/Buttons/CheckBox/CheckBox_enabled_prs.png) no-repeat;}
#check_button.stay_disabled{background:url(images/Buttons/CheckBox/CheckBox_disabled_act.png) no-repeat;}
#check_button.normal_disabled{background:url(images/Buttons/CheckBox/CheckBox_disabled.png) no-repeat;}

.part_lock_u{
    background: url(images/Buttons/SetUnsetButton/lock_unlock.png) top left no-repeat;
    cursor:pointer;
}
.unlock_u{
    background: url(images/Buttons/SetUnsetButton/lock_unlock.png) top center no-repeat;
    cursor:pointer;
}
.lock_u{
    background: url(images/Buttons/SetUnsetButton/lock_unlock.png) top right no-repeat;
    cursor:pointer;
}
.part_lock_d{
    background: url(images/Buttons/SetUnsetButton/lock_unlock.png) bottom left no-repeat;
}
.unlock_d{
    background: url(images/Buttons/SetUnsetButton/lock_unlock.png) bottom center no-repeat;
}
.lock_d{
    background: url(images/Buttons/SetUnsetButton/lock_unlock.png) bottom right no-repeat;
}

.v1_lock_u{
    background: url(images/Buttons/SetUnsetButton/v1_lock_unlock.png) top right no-repeat;
    cursor:pointer;
}
.v1_unlock_u{
    background: url(images/Buttons/SetUnsetButton/v1_lock_unlock.png) top left no-repeat;
    cursor:pointer;
}
.v1_lock_d{
    background: url(images/Buttons/SetUnsetButton/v1_lock_unlock.png) bottom right no-repeat;
}
.v1_unlock_d{
    background: url(images/Buttons/SetUnsetButton/v1_lock_unlock.png) bottom left no-repeat;
}

table.thumb {
    border: 0px;
    border-spacing: 0px;
    background-color: #505050;
}

table.thumb a {
    padding: 2px;
    display: block;
    border: 1px solid #ccc;
}

table.thumb td {
    padding: 5px;
}

table.thumb img {
    border: none;
    display: block;
}

span.icon_clear {
    background: url(images/icon_status.png) 0px 0px no-repeat;
    display: block;
    height: 34px;
    width: 34px;
    cursor:pointer;
}

span.icon_green {
    background: url(images/icon_status.png) -34px 0px no-repeat;
    display: block;
    height: 34px;
    width: 34px;
    cursor:pointer;
}

span.icon_red {
    background: url(images/icon_status.png) -68px 0px no-repeat;
    display: block;
    height: 34px;
    width: 34px;
    cursor:pointer;
}

span.icon_yellow {
    background: url(images/icon_status.png) -102px 0px no-repeat;
    display: block;
    height: 34px;
    width: 34px;
    cursor:pointer;
}

input.snapshot_btn {
    width:46px;
    height:35px;
    cursor:pointer;
    border:0px;
    background: url(images/Buttons/snapshot.png);
    color:#C0C0C0;
    font-weight: bold;
    font-family: Verdana, Arial;
    font-size: 14px;
}

/* === Slide Show === */
.slidershow_switch_image_btn {
    width:34px;
    height:80px;
    color:#BEBEBE;
    white-space:pre-wrap;
    cursor:pointer;
    border:0px;
}
.switch_image_btn_backward{background: url(images/Buttons/slidershow/slider_show_btn.png) -34px 0px no-repeat;}
.switch_image_btn_backward:hover{background: url(images/Buttons/slidershow/slider_show_btn.png) -68px 0px no-repeat;}
.switch_image_btn_backward:active{background: url(images/Buttons/slidershow/slider_show_btn.png) -102px 0px no-repeat;}
.switch_image_btn_backward.disable{background: url(images/Buttons/slidershow/slider_show_btn.png) 0px 0px no-repeat;}

.switch_image_btn_forward{background: url(images/Buttons/slidershow/slider_show_btn.png) -170px 0px no-repeat;}
.switch_image_btn_forward:hover{background:url(images/Buttons/slidershow/slider_show_btn.png) -204px 0px no-repeat;}
.switch_image_btn_forward:active{background:url(images/Buttons/slidershow/slider_show_btn.png) -238px 0px no-repeat;}
.switch_image_btn_forward.disable{background:url(images/Buttons/slidershow/slider_show_btn.png) -136px 0px no-repeat;}

/*==========timer btn================*/
.time_switch_btn {
    width:56px;
    height:56px;
    color:#BEBEBE;
    white-space:pre-wrap;
    cursor:pointer;
    border:0px;
}
.time_switch_btn_increase{background: url(images/Buttons/scheduler/time_increase.png) 0px -56px no-repeat;}
.time_switch_btn_increase:hover{background: url(images/Buttons/scheduler/time_increase.png) 0px -112px no-repeat;}
.time_switch_btn_increase:active{background: url(images/Buttons/scheduler/time_increase.png) 0px -168px no-repeat;}
.time_switch_btn_increase.disable{background: url(images/Buttons/scheduler/time_increase.png) 0px 0px no-repeat;}

.time_switch_btn_decrease{background: url(images/Buttons/scheduler/time_decrease.png) 0px -56px no-repeat;}
.time_switch_btn_decrease:hover{background:url(images/Buttons/scheduler/time_decrease.png) 0px -112px no-repeat;}
.time_switch_btn_decrease:active{background:url(images/Buttons/scheduler/time_decrease.png) 0px -168px no-repeat;}
.time_switch_btn_decrease.disable{background:url(images/Buttons/scheduler/time_decrease.png) 0px 0px no-repeat;}