body {
    background: url('/img/bg_body.gif') top left repeat;
    background-attachment: fixed;
    margin-top: 40px;
    font-family: Verdana; /* Default Font */
    color: #FFFFFF; /* Default Font Color */
}

/* A container should group all your columns. */
.container {
    width: 790px;
    /*background: url('/img/bg_container.gif') top left repeat;
    background-attachment: fixed;*/
}

#note,
#warning {
  padding-left: 54px;
  padding-right: 54px;
  text-align: left;
}

#note strong,
#note ol li {
  font-family: Verdana;
  color: #FFFFFF;
}

#note strong { font-weight: bold; }
#note li {
  font-family: Verdana;
  font-size: 10pt;
  font-weight: normal;
  margin-left: 5px;
  /*text-align: justify;*/
}

#warning strong { font-weight: bold; }
#warning ol li {
  font-family: Verdana;
  color: #FFFFFF;
}
#warning li {
  font-family: Verdana;
  font-size: 10pt;
  font-weight: bold;
  margin-left: 5px;
  /*text-align: justify;*/
}


/*-----------------------------------------------------------------------------
    Header
-----------------------------------------------------------------------------*/
#header {
    height: 52px;
    background: url('/img/bg_header.jpg') top left no-repeat;
    border: 2px #014988 solid;
    border-bottom: 0;
}

#header #HeaderNav {
    font-size: 10pt;
    color: #FFFFFF;
    float: right;
    padding-top: 17px;
    padding-right: 19px;
}

#header #HeaderNav img {
    vertical-align: middle;
    padding: 0 10px 0 10px;
}

#header #HeaderNav a,
#header #HeaderNav a:hover {
    font-size: 10pt;
    color: #FFFFFF;
    text-decoration: none;
}


/*-----------------------------------------------------------------------------
    Critical Event(s)
-----------------------------------------------------------------------------*/
#critical {
  border-left: 2px #014988 solid;
  border-right: 2px #014988 solid;
  background: url('/img/bg_critical.gif') top left repeat;
}

#critical table {
  margin: 0;
  padding: 0;
}

#critical td.exclam {
  vertical-align: top;
  width: 1px;
}

#critical td.events {
  vertical-align: middle;
  color: #000000;
  font-family: Verdana;
  font-size: 10pt;
  font-weight: bold;
}

#critical td.acknowledge {
  text-align: right;
  vertical-align: bottom;
  width: 1px;
}

#critical ul,
#critical ul li {
  margin: 0;
  padding: 0;
}

#critical ul li {
  list-style-type: none;
}


/*-----------------------------------------------------------------------------
    Tab Menu
-----------------------------------------------------------------------------*/
#tabmenu {
    height: 35px;
    border-left: 2px #014988 solid;
    border-right: 2px #014988 solid;
}

#tabmenu a,
#tabmenu a:hover {
    font-size: 12pt;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}

#tabmenu table, #tabmenu tr, #tabmenu td { margin: 0; padding: 0; border: 0; }

/* Tables still need 'cellspacing="0"' in the markup. */
#tabmenu table { border-collapse: separate; border-spacing: 0; }

#tabmenu td {
    font-weight: normal;
    font-style: normal;
    font-size: 12pt;
    vertical-align: middle;
    font-family: Verdana;
    color: #FFFFFF;
    text-align: center;
    height: 35px;
    background: url('/img/bg_tab_in_inactive.gif') top left repeat-x;
    border-left: 1px #5096D5 solid;
    border-right: 1px #276DAD solid;
    width: 120px;
    padding-left: 5px;
}

#tabmenu td.first { border-left: 0; }

#tabmenu td.last { border-right: 0; }

#tabmenu td.active {
    background: url('/img/bg_tab_in_active.gif') top left repeat-x;
}

    /*-------------------------------------------------------------------------
        Zone: TAB Menu in Basic Mode
    -------------------------------------------------------------------------*/
    #tabmenu td.basic_first { width: 120px; }
    #tabmenu td.basic_last { width: 600px; }
    
    
    /*-------------------------------------------------------------------------
        Zone: TAB Menu in Downloader
    -------------------------------------------------------------------------*/
    #tabmenu td.dnitem { width: 120px; }
    #tabmenu td.dnlast { width: 480px; }
    
    /*-------------------------------------------------------------------------
        Zone: TAB Menu in Copy/Sync Folders Management
    -------------------------------------------------------------------------*/
    #tabmenu td.csmitem { width: 120px; }
    #tabmenu td.csmlast { width: 480px; }
    
    /*-------------------------------------------------------------------------
        Zone: TAB Menu in Podcast Provider
    -------------------------------------------------------------------------*/
    #tabmenu td.podcastp_item { width: 240px; }
    #tabmenu td.podcastp_last { width: 480px; }


/*-----------------------------------------------------------------------------
    Main Contents
-----------------------------------------------------------------------------*/
#contents {
    text-align: center;
    background: url('/img/bg_contents.gif') top left repeat-x;
    border: 2px #014988 solid;
    border-top: 0;
    _height: 430px;
    min-height: 430px;
}

#contents table, #contents tr, #contents td { margin: 0; padding: 0; border: 0; }

/* Tables still need 'cellspacing="0"' in the markup. */
#contents table { border-collapse: separate; border-spacing: 0; }

#contents table {
    border: 0px red solid;
    width: auto;
    color: black;
}

#contents td {border: 0px red solid; width: 0 auto;}

#contents td.items { width: 132px; height: 119px; }

#contents td.separator { width: 54px; }

#contents td.br_separator { height: 54px; }

#contents td.items table, #contents td.items td { margin: 0; padding: 0; border: 0; }

#contents td.items table { border-collapse: collapse; border-spacing: 0; }

#contents td.items td.icon {
    padding: 0;
    margin: 0;
    width: 132px;
    height: 74px;
    background: url('/img/x_01.gif') top left no-repeat;
    text-align: center;
    vertical-align: bottom;
}
#contents td.items td.icon img { vertical-align: bottom; }
#contents td.items td.desc {
    padding: 0;
    margin: 0;
    padding-top: 2px;
    width: 132px;
    height: 46px;
    background: url('/img/x_02.gif') top left no-repeat;
    text-align: center;
    vertical-align: middle;
    font-family: Verdana;
    color: #FFFFFF;
    font-size: 10pt;
    line-height: 1;
}

#contents td.items td.icon a,
#contents td.items td.icon a:hover,
#contents td.items td.desc a,
#contents td.items td.desc a:hover {
    color: #FFFFFF;
    text-decoration: none;
}

#contents select {
    font-size: 10pt;
    font-family: Verdana;
    margin: 0;
    padding: 0;
}

#contents input.formfld {
    font-size: 10pt;
    font-family: Verdana;
    margin: 0;
    padding: 1px 0 1px 2px;
    border-top: 1px #4E4E4E solid;
    border-left: 1px #4E4E4E solid;
    border-right: 1px #ACADAD solid;
    border-bottom: 1px #000000 solid;
}

#contents input.formbtn {
    font-family: Verdana;
    font-size: 10pt;
    padding: 2px 6px 2px 6px;
    margin: 8px 0 5px 0;
}

    /*-------------------------------------------------------------------------
        Zone: return Message(s)
    -------------------------------------------------------------------------*/
    #contents table.tbMessage,
    #contents #init table.tbMessage {
        border: 0;
        margin: 0;
        margin-bottom: 10px;
    }
    #contents table.tbMessage { width: 600px; }
    #contents #init table.tbMessage { width: 400px; }
    #contents table.tbMessage {
      margin-left: 140px;
      #margin-left: 54px;
      _margin-left: 54px;
    }
    #contents #init table.tbMessage { margin-left: 160px; }

    #contents #rtnMessage,
    #contents #init #rtnMessage { padding-bottom: 10px; }
    #contents #rtnMessage { padding-left: 0px; padding-bottom: 0px; }

    #contents #rtnMessage .msg,
    #contents #init #rtnMessage .msg {
      padding: 10px 5px 5px 10px;
      font-size: 10pt;
      font-family: Verdana;
      font-weight: bold;
      background: url('/img/bg_msg.gif') top left repeat-x;
    }

    #contents #rtnMessage .msg { width: 500px; }
    #contents #init #rtnMessage .msg { width: 400px; }

    #contents #rtnMessage h2,
    #contents #init #rtnMessage h2 {
        font-family: Verdana;
        font-size: 10pt;
        font-weight: bold;
        color: #FFFFFF;
        margin-left: 30px;
    }

    #contents #rtnMessage ul,
    #contents #init #rtnMessage ul {
      margin: 0;
      padding: 0;
    }

    #contents #rtnMessage ul li,
    #contents #init #rtnMessage ul li {
      font-family: Verdana;
      font-size: 10pt;
      font-weight: bold;
      color: #FFFFFF;
      margin: 0;
      padding: 0;
      background: none;
      margin-left: 45px;
    }

    #contents .err {
        /*background: url('/img/msg_err.gif') left top no-repeat;*/
        background: url('/admin/image/err.gif') left top no-repeat;
        /*height: 32px;*/
    }
    #contents .ok {
        /*background: url('/img/msg_ok.gif') left top no-repeat;*/
        background: url('/admin/image/check.gif') left top no-repeat;
    }
    #contents .exclam {
        /*background: url('/img/msg_exclam.gif') left top no-repeat;*/
        background: url('/admin/image/exclam.gif') left top no-repeat;
        /*height: 32px;*/
    }


    /*-------------------------------------------------------------------------
        Zone: Initial Setup: Submit FORM in HTML TABLE
    -------------------------------------------------------------------------*/
    #contents #init { margin-top: 54px; }
    #contents #init .btnrow { text-align: left; padding-left: 150px; }

    #contents #init #pageTitle h2.desc {
      font-family: Verdana;
      font-size: 12pt;
      font-weight: bold;
      color: #FFFFFF;
    }

    #contents #init #pageEULA .title,
    #contents #init #pageSummary .title {
      font-family: Verdana;
      font-size: 10pt;
      color: #FFFFFF;
      background-color: #014888;
      height: 26px;
      padding-left: 5px;
    }

    #contents #init #pageEULA textarea,
    #contents #init #pageSummary textarea {
      width: 450px;
      height: 250px;
      padding: 5px;
      margin: 0;
      margin-top: 2px;
      font-family: Verdana;
      font-size: 10pt;
    }
    #contents #init #pageSummary textarea { height: 200px; }

    #contents #init table.tbInit { border: 0; margin: 0; }

    #contents #init #pageTitle,
    #contents #init #pageEULA,
    #contents #init #pageMain,
    #contents #init #pageSummary { display: block; }

    #contents #init #emptyHR { height: 54px; }
    
    
    /*-------------------------------------------------------------------------
        Zone: Copy/Sunc: Submit FORM in HTML TABLE
    -------------------------------------------------------------------------*/
    #contents #cpsync,
    #contents #cpsync_progress,
    #contents #cpsync_log { margin-top: 54px; }
    #contents #cpsync .btnrow { text-align: center; }

    #contents #cpsync #titleDiv h2.desc {
      font-family: Verdana;
      font-size: 12pt;
      font-weight: bold;
      color: #FFFFFF;
    }
    
    #contents #cpsync table.tbCpSync { border: 0; margin: 0; }    
    #contents #cpsync_log table.tbLogs { border: 0; margin: 0; }    
    
    #contents #cpsync .folder_selection {
        width: 200px;
        height: 200px;
        border-top: solid 1px #BBB;
        border-left: solid 1px #BBB;
        border-bottom: solid 1px #FFF;
        border-right: solid 1px #FFF;
        background: #FFF;
        overflow: scroll;
        padding: 5px;
    }
    
    #contents #cpsync_log .logs {
        width: 500px;
        height: 300px;
        border-top: solid 1px #BBB;
        border-left: solid 1px #BBB;
        border-bottom: solid 1px #FFF;
        border-right: solid 1px #FFF;
        background: #FFF;
        overflow: scroll;
        padding: 5px;
        padding-bottom: 20px;
        line-height: 150%;
        /*text-align: justify;*/
        /*white-space: nowrap;*/
    }
    
    #contents #cpsync_log .logs_title,
    #contents #cpsync_log .logs_value {
      font-family: Verdana;
      font-size: 10pt;
      color: #000000;
      /*padding-left: 5px;*/
    }
    
    #contents #cpsync_log .f_italic{
      font-style: italic;
    }
    #contents #cpsync_log .red{
      color: #FF0000;
    }
    
    #contents #cpsync_log .logs_title {
      font-weight: bold;
    }
    
    #contents #cpsync_log .title {
      font-family: Verdana;
      font-size: 10pt;
      color: #FFFFFF;
      background-color: #014888;
      height: 26px;
      padding: 0 5px 0 5px;
      font-weight: bold;
    }
    
    #contents #cpsync #titleDiv,
    #contents #cpsync #mainDiv,
    #contents #cpsync #noteDiv { display: block; }
    
    
    /*-------------------------------------------------------------------------
        Zone: Podcast Provider: Submit FORM in HTML TABLE
    -------------------------------------------------------------------------*/
    #contents #podcast_provider {
      margin: 54px;
      margin-top: 0;
    }
    
    #contents #podcast_provider .podcast_title {
      font-family: Verdana;
      color: #000000;      
      /*font-weight: bold;*/
      font-size: 10pt;
      padding-left: 5px;
      padding-right: 5px;
      text-align: left;
      width: 99%;      
    }
    
    
    /*-------------------------------------------------------------------------
        Zone: TAB Menu in HTML TABLE
    -------------------------------------------------------------------------*/
    #contents ul#tabnav {
      font-size: 10pt;
      font-family: Verdana;
      list-style-type: none;
      margin: 0;
      padding: 0;
    }
    #contents ul#tabnav li.tabact,    
    #contents ul#tabnav li.tabinact {
      float: left;
      color: #FFFFFF;
      white-space: nowrap;
      padding:2px 5px 2px 5px;
      text-align: center;
      border-left: 1px solid #2D80CB;
    }
    #contents ul#tabnav li.tabact {
      background-color: #2365B0;
      font-weight: bold;
    }
    #contents ul#tabnav li.tabinact {
      background-color: #084C8D;
    }
    #contents ul#tabnav li.tabact a,
    #contents ul#tabnav li.tabact a:hover,
    #contents ul#tabnav li.tabinact a,
    #contents ul#tabnav li.tabinact a:hover    {
      text-decoration: none;
      font-size: 10pt;
      color: #FFFFFF;
    }
    #contents td.tabcont {
      background-color: #2365AF;
      width: 650px;
      text-align: center;
      padding: 10px 0 20px 20px;
    }
    #contents div#log_container {
      font-size: 10pt;
      font-family: Verdana;
      width: 610px;
      height: 350px;
      white-space: nowrap;
      overflow: scroll; /* or 'auto' */
      line-height: 150%;
      color: #FFFFFF;
    }
    

    /*-------------------------------------------------------------------------
        Zone: Submit FORM in HTML TABLE
    -------------------------------------------------------------------------*/
    #contents table.tbPath {
        border: 0;
        margin: 5px 0 15px 24px;
    }
    #contents table.tbPath a,
    #contents table.tbPath a:hover {
        color: #FFFFFF;
        text-decoration: none;
    }
    
    #contents .tbSetupMargin {
      text-align: left;
      margin-left: 54px;
      margin-right: 54px;
    }

    #contents table.tbSetup {
        /*border: 1px #FFFFFF solid;*/
        border: 0;
        margin: 0 0 54px 0;
        margin-left: auto;
        margin-right: auto;
    }
    #contents table.tbLogin {
        border: 0;
        /*margin-left: 140px;*/
        margin-left: auto;
        margin-right: auto;
    }

    #contents td.vncell,
    #contents td.vncellreq,
    #contents td.vncellempty {
        background-color: #014887;
        height: 26px;
        padding-left: 11px;
        padding-right: 11px;
        color: #FFFFFF;
        font-family: Verdana;
        font-size: 10pt;
    }

    #contents td.vncell,
    #contents td.vncellreq {
        border-bottom: 2px #2B7BC6 solid;
        width: 125px;
    }

    #contents td.vncell { font-weight: normal; }
    #contents td.vncellreq { font-weight: bold; }
    #contents td.vncellempty { background: none; }

    #contents td.vtable {
        padding-left: 4px;
        font-size: 10pt;
        width: 350px;
        /*color: #FFFFFF;*/
    }

    #contents td.listtopic,
    #contents td.vncellt,
    #contents td.listr,
    #contents td.listrnobg {
      color: #FFFFFF;
      font-weight: normal;
      font-family: Verdana
      font-size: 10pt;
      padding: 3px 0 3px 5px;
      border-bottom: 2px #2B7BC6 solid;
    }
    #contents td.listtopic {
      font-weight: bold;
      width: 550px;
      background-color: #044A89;
    }
    #contents td.vncellt {
      background-color: #4D87BE;
      border-right: 2px #2B7BC6 solid;
      width: 125px;
    }
    #contents td.listr,
    #contents td.listrnobg {
      width: 450px;
      margin-left: 2px;
      background-color: #CCCCCC;
      color: #000000;
      /*text-align: justify;*/
    }
    #contents td.listrnobg { background: none; }
    #contents td.listtrsingle { border:0; padding-left: 10px; }
    
    #contents td.listhdrr {
      background-color: #034A89;
      border: 1px #034A89 solid;
      font-size: 10pt;
      font-family: Verdana;
      color: #FFFFFF;
      font-weight: bold;
      padding: 2px 3px 2px 3px;
    }
    #contents td.listrgrid,
    #contents td.listrgrid_first,
    #contents td.listrgrid_action {
      font-size: 10pt;
      font-family: Verdana;
      color: #FFFFFF;
      padding: 2px 2px 2px 3px;
      border-right: 1px #034A89 solid;
      border-bottom: 1px #034A89 solid;
      background-color: #4A7CB3;
    }
    #contents td.listrgrid a,
    #contents td.listrgrid a:hover,
    #contents td.listrgrid_first a,
    #contents td.listrgrid_first a:hover,
    #contents td.listrgrid_action a,
    #contents td.listrgrid_action a:hover {
      font-size: 10pt;
      color: #FFFFFF;
    }
    #contents td.listrgrid_first { border-left: 1px #034A89 solid; }
    #contents td.listrgrid_action {
      border: 0;
      padding: 0;
      margin: 0;
      background: none;
      vertical-align: bottom;
      padding-left: 5px;
    }

    #contents .ssl_textarea {
      height: 100px;
      width: 450px;
      font-size: 10pt;
      font-family: Verdana;
    }
    #contents .nfs_ctrl_textarea {
      width: 190px;
      font-size: 10pt;
      font-family: Verdana;
      height: 150px;
    }
    #contents .shctrl {
      width: 170px;
      font-size: 10pt;
      font-family: Verdana;
      height: 150px;
    }
    #contents td.logtopic {
      width: 600px;
      border:0;
    }

    /* style for indicate the RAID info. */
    #contents p#raid_desc img { float: left; margin: 0 12px 5px 0; }


/*-----------------------------------------------------------------------------
    Footer
-----------------------------------------------------------------------------*/
#footer {
    font-size: 8pt;
    font-family: Verdana;
    color: #FFFFFF;
    text-align: center;
    padding-bottom: 10px;
    height: 25px;
}

/*-----------------------------------------------------------------------------
    DHTML Popup Library (overlibmws) 
-----------------------------------------------------------------------------*/
#contents .olFGCLASS,
#contents .olCGCLASS,
#contents .olBGCLASS,
#contents .olBGCLASS_URL,
#contents .olTEXTFONTCLASS,
#contents .olCAPTIONFONTCLASS,
#contents .olCLOSEFONTCLASS {
  font-family: Verdana;
  font-size: 10pt;
  color: #FFFFFF;
}

#contents .olFGCLASS {
  background-color: #4A7CB3;
}
#contents .olCGCLASS {
  background-color: #034A89;
}
#contents .olBGCLASS,
#contents .olBGCLASS_URL {
  background-color: #4A7CB3;
  border: 1px #034A89 solid;
  width: 200px;
}
#contents .olBGCLASS_URL { width: auto; }
#contents .olTEXTFONTCLASS {
  padding: 2px 3px 2px 3px;
  margin-right: 3px;
}
#contents .olCAPTIONFONTCLASS {
  padding: 1px 3px 1px 3px;
  margin-right: 3px;
}
#contents .olCLOSEFONTCLASS {
  padding: 1px 3px 1px 3px;
  margin-right: 3px;
}


/*-----------------------------------------------------------------------------
    The Message(s) Style for Checking New Firmware
-----------------------------------------------------------------------------*/
.check_available,
.check_no_available,
.check_refused {
  font-family: Verdana;
  font-size: 10pt;
  padding-top: 25px;
}

.check_refused { font-weight: bold; }


/*-----------------------------------------------------------------------------
    Schedule for Downloader
-----------------------------------------------------------------------------*/
.scenter { text-align: center; padding:0; margin:0; }
.sA { background-color: #4A7CB3; }
.sB { background-color: #336699; }
.non_wrap { white-space: nowrap; }
.sformfld {
    margin: 0;
    padding: 1px 0 1px 2px;
    border-top: 1px #4E4E4E solid;
    border-left: 1px #4E4E4E solid;
    border-right: 1px #ACADAD solid;
    border-bottom: 1px #ACADAD solid;
    vertical-align: middle;
}
.icon_desc {
  font-family: Verdana;
  font-size: 10pt;
  color: #FFFFFF;
}
ul li.icon_list {
  list-style-type: none;
  float: left;
  padding-right: 20px;
}
td.listrgrid_dn_first a,
td.listrgrid_dn_first a:hover { text-decoration: none; }