<?xml version="1.0" encoding="UTF-8" ?> 
<Module>
  <ModulePrefs title="__UP_title__" category="tools" 
               scrolling="false" author="Shravan"
               author_email="skr0625+todoex@gmail.com"
               screenshot="http://hosting.gmodules.com/ig/gadgets/file/117966707807588406411/todo.PNG"
               thumbnail="http://hosting.gmodules.com/ig/gadgets/file/117966707807588406411/todo.PNG"
               directory_title="__MSG_todo__"
               singleton="false"
               description="__MSG_description__"
               width="320"
               height="200" >
  <Require feature="setprefs"/>
  <Require feature="dynamic-height" />
  <Require feature="minimessage" />
  <Locale messages="http://hosting.gmodules.com/ig/gadgets/file/117966707807588406411/todo_en.xml"/>
  <Locale lang="ja" messages="http://todoex.googlecode.com/svn/trunk/todo_ja.xml"/>
  <Locale lang="pt-BR" messages="todo_content/todo_pt-br.xml"/>
  <Locale lang="ko" messages="todo_content/todo_ko.xml"/>
  <Locale lang="es" messages="todo_content/todo_es.xml"/>
  <Locale lang="fr" messages="todo_content/todo_fr.xml"/>
  <Locale lang="ru" messages="todo_content/todo_ru.xml"/>
  <Locale lang="zh-CN" messages="todo_content/todo_zh-cn.xml"/>
  <Locale lang="nl" messages="todo_content/todo_nl.xml"/>
  <Locale lang="fi" messages="todo_content/todo_fi.xml"/>
  <Locale lang="de" messages="todo_content/todo_de.xml"/>
  <Locale lang="no" messages="todo_content/todo_no.xml"/>
  <Locale lang="sv" messages="todo_content/todo_sv.xml"/>
  <Locale lang="it" messages="todo_content/todo_it.xml"/>
  <Locale lang="da" messages="todo_content/todo_da.xml"/>
  <Locale lang="el" messages="todo_content/todo_el.xml"/>
  <Locale lang="hi" messages="todo_content/todo_hi.xml"/>
  <Locale lang="hu" messages="todo_content/todo_hu.xml"/>
  <Locale lang="ro" messages="todo_content/todo_ro.xml"/>
  <Locale lang="th" messages="todo_content/todo_th.xml"/>
  <Locale lang="tr" messages="todo_content/todo_tr.xml"/>
  <Locale lang="uk" messages="todo_content/todo_uk.xml"/>
  <Locale lang="pl" messages="todo_content/todo_pl.xml"/>
  <Locale lang="zh-tw" messages="todo_content/todo_zh-tw.xml"/>
</ModulePrefs>
  <UserPref name="title" display_name="__MSG_title__" required="false" default_value="__MSG_todo__"/>
  <UserPref name="bgcolor" display_name="__MSG_background_color__" default_value="#e5ecf9" datatype="enum">
    <EnumValue display_value="__MSG_yellow__" value="#ffffcc"/>
    <EnumValue display_value="__MSG_blue__" value="#e5ecf9"/>
    <EnumValue display_value="__MSG_gray__" value="#efefef"/>
    <EnumValue display_value="__MSG_green__" value="#e0eee0"/>
    <EnumValue display_value="__MSG_pink__" value="#fff0f5"/>
    <EnumValue display_value="__MSG_orange__" value="#fff5ee"/>
  </UserPref>
  <UserPref name="priority" display_name="__MSG_default_priority__" default_value="3" datatype="enum">
    <EnumValue display_value="__MSG_high__" value="1"/>
    <EnumValue display_value="__MSG_medium__" value="2"/>
    <EnumValue display_value="__MSG_low__" value="3"/>
  </UserPref>
  <UserPref name="date1" display_name="__MSG_date_threshold__ 1" required="true" default_value="1"/>
  <UserPref name="date2" display_name="__MSG_date_threshold__ 2" required="true" default_value="8"/>
  <UserPref name="todos" default_value="" datatype="hidden"/>
  <Content type="html">
    <![CDATA[

      <script language="JavaScript"
        src="/ig/modules/todo_content/json.js"></script>
      <script language="JavaScript">
        var todos__MODULE_ID__; // This is a json object of todo items
        var edited__MODULE_ID_;
        var prefs__MODULE_ID__;
        var defpriority__MODULE_ID__;
        var date1__MODULE_ID__;
        var date2__MODULE_ID__;
        var minimsg = new _IG_MiniMessage(__MODULE_ID__);


        _IG_RegisterOnloadHandler(
          function loadTodos__MODULE_ID__() {
            prefs__MODULE_ID__ = new _IG_Prefs(__MODULE_ID__);
            var todosstring = prefs__MODULE_ID__.getString("todos");
            if (todosstring == "")
              todos__MODULE_ID__ = {"array":[], "sort":"priority"};
            else
              todos__MODULE_ID__ = JSON.parse(todosstring);
            edited__MODULE_ID__ = false;
            defpriority__MODULE_ID__ = prefs__MODULE_ID__.getString("priority");
            date1__MODULE_ID__ = prefs__MODULE_ID__.getString("date1");
            date2__MODULE_ID__ = prefs__MODULE_ID__.getString("date2");
            createTable__MODULE_ID__();
          }
        )

        function saveTodos__MODULE_ID__(){
          var todostring=JSON.stringify(todos__MODULE_ID__);
          if (todostring.length>1100)
          {
            minimsg.createDismissibleMessage("__MSG_list_too_long__");
            todos__MODULE_ID__ = JSON.parse(prefs__MODULE_ID__.getString("todos"));
          }
          else
          {
            prefs__MODULE_ID__.set("todos", todostring);
          }
          _gel("newTodoInput__MODULE_ID__").focus();
        }

        function addTodo__MODULE_ID__(name) {
          var name = _trim(name);
          var d = new Date();
          var r,re,m;
          var priority, date, year, prioritystring, datestring;
          priority=defpriority__MODULE_ID__;
          year=d.getFullYear();
          _gel("newTodoInput__MODULE_ID__").value = "";
          if (name == "")
            return false;

          re = /[+\-]+/;
          if (re.test(name)) {
            m = re.exec(name);
            if (m.index==0) {
              prioritystring = m[0];
              name = _trim(name.replace(re, ""));
              re = /\+/g;
              while ((r = re.exec(prioritystring)) != null)
                priority = priority - r.length;
              re = /-/g;
              while ((r = re.exec(prioritystring)) != null)
                priority = priority + r.length;
              if (priority < 1)
                priority = 1;
              if (priority > 3)
                priority = 3;
            }
          }

          re = /[0-9]+\/[0-9]+/;
          if (re.test(name)) {
            m = re.exec(name);
            datestring = m[0];
            name = _trim(name.replace(re, ""));
            re = /\//;
            r = datestring.search(re);
            if (r !=-1) {
              if((datestring.substring(0,r)-d.getMonth())<-6)
                year += 1;
              d = new Date(year,datestring.substring(0,r)-1,datestring.substring(r+1));
            }
          }
          else
            d = new Date(2200,1,1);
          date = d.valueOf();

          todos__MODULE_ID__.array[numTodos__MODULE_ID__()] =
                {"name": name, "priority": priority, "date": date};
          
          saveTodos__MODULE_ID__();
          createTable__MODULE_ID__();
          return false;
        }

        function deleteTodo__MODULE_ID__(number) {
          if (edited__MODULE_ID__)
            return;
          var beginning = todos__MODULE_ID__.array.slice(0, number);
          var end = todos__MODULE_ID__.array.slice(number + 1,
                                                   numTodos__MODULE_ID__());
          todos__MODULE_ID__.array = beginning.concat(end);
          saveTodos__MODULE_ID__();
          createTable__MODULE_ID__();
        }

              

        function moveupTodo__MODULE_ID__(number) {
          if(number == 0)
            return;
          swapTodos__MODULE_ID__(number-1, number)
          createTable__MODULE_ID__();
          saveTodos__MODULE_ID__();
        }

          function movedownTodo__MODULE_ID__(number) {
          if(number == numTodos__MODULE_ID__() - 1)
            return;
          swapTodos__MODULE_ID__(number, number+1)
          createTable__MODULE_ID__();
          saveTodos__MODULE_ID__();
        }

                
              
        
        function swapTodos__MODULE_ID__(to, from) {
          var temp = todos__MODULE_ID__.array[to];
          todos__MODULE_ID__.array[to] = todos__MODULE_ID__.array[from];
          todos__MODULE_ID__.array[from] = temp;
        }

        function quickSort__MODULE_ID__(col1, col2, left, right) {
          var center, i, j;
          if(left<right) {
            center1=todos__MODULE_ID__.array[Math.round((left+right)/2)][col1];
            center2=todos__MODULE_ID__.array[Math.round((left+right)/2)][col2];
            i=left-1;
            j=right+1;
            while(1) {
              while(todos__MODULE_ID__.array[++i][col1]<center1|(todos__MODULE_ID__.array[i][col1]==center1&todos__MODULE_ID__.array[i][col2]<center2));
              while(todos__MODULE_ID__.array[--j][col1]>center1|(todos__MODULE_ID__.array[j][col1]==center1&todos__MODULE_ID__.array[j][col2]>center2));
              if(i>=j) break;
              swapTodos__MODULE_ID__(i, j);
            }
            quickSort__MODULE_ID__(col1, col2, left, i-1);
            quickSort__MODULE_ID__(col1, col2, j+1, right);      
          }
        }

        function setSort__MODULE_ID__(sort) {
          todos__MODULE_ID__.sort=sort;
          sortByPref__MODULE_ID__();
          saveTodos__MODULE_ID__();
          createTable__MODULE_ID__();
        }


        function sortByPref__MODULE_ID__() {
          if(todos__MODULE_ID__.sort=="priority") {
            quickSort__MODULE_ID__("priority", "date", 0, numTodos__MODULE_ID__()-1)
          }
          else {
            quickSort__MODULE_ID__(-1,0,numTodos__MODULE_ID__()-1)
            quickSort__MODULE_ID__("date", "priority", 0, numTodos__MODULE_ID__()-1)
          }
        }

        function setPriority__MODULE_ID__(number, priority) {
          todos__MODULE_ID__.array[number].priority = priority;
          sortByPref__MODULE_ID__();
          saveTodos__MODULE_ID__();
          createTable__MODULE_ID__();
        }

        function editPriority__MODULE_ID__(number, priority) {
          var row = getRow__MODULE_ID__(number);
          if (edited__MODULE_ID__)
            return;
          edited__MODULE_ID__ = true;
          var col = getCol__MODULE_ID__(row, 0);
          col.innerHTML = createPrioritySelect__MODULE_ID__(number, priority);
           _gel("select__MODULE_ID__").focus();
       }

        function selected__MODULE_ID__(priority, num) {
          if (priority == num)
            return "selected=true";
          else
            return "";
        }

        function rowClass__MODULE_ID__(number) {
          if (number % 2 != 0)
            return " class=odd__MODULE_ID__ ";
          else
            return " class=even__MODULE_ID__ ";
        }

        function createTable__MODULE_ID__() {
          var html = "<table cellspacing=0 id=todosTable__MODULE_ID__>";
          html += createSort__MODULE_ID__();
          for (i = 0; i < numTodos__MODULE_ID__(); i++) {
            if (todos__MODULE_ID__.array[i] == null)
              break;
            var priority = todos__MODULE_ID__.array[i].priority;
            var date = todos__MODULE_ID__.array[i].date;
            var name = todos__MODULE_ID__.array[i].name;
            html = html + createRow__MODULE_ID__(i, priority, date, name);
          }
          html = html + "</table>";
          _gel("todosDiv__MODULE_ID__").innerHTML = html;
          _IG_AdjustIFrameHeight()
        }

        function createSort__MODULE_ID__() {
          var html =
            "<tr>" +
              "<td class=sort_td__MODULE_ID__>" +
                "<a class=sort_a__MODULE_ID__" +
                createSortLink__MODULE_ID__("priority") +
              "</td>" +
              "<td class=sort_td__MODULE_ID__>" +
                "<a class=sort_a__MODULE_ID__" +
                createSortLink__MODULE_ID__("date") +
              "</td>" +
            "</tr>";
          return html;
        }

        function createSortLink__MODULE_ID__(sort) {
          var html;
          if (todos__MODULE_ID__.sort==sort)
            html = ">^PR^</a>";
          else
            html =" href=\"javascript:setSort__MODULE_ID__('" +
              sort +"')\">^DT^</a>";
          return html;
        }

        function createRow__MODULE_ID__(number, priority, date, name) {
          var html =
            "<tr id=\"row" + number + "__MODULE_ID__\"" +
              rowClass__MODULE_ID__(number) + ">" +
              "<td class=priority_td__MODULE_ID__>" +
                createPriorityLink__MODULE_ID__(priority, number) +
              "</td>" +
              "<td class=date_td__MODULE_ID__>" +
                createDate__MODULE_ID__(number, date) +
              "</td>" +
              "<td>&nbsp&nbsp&nbsp</td>" +
              "<td class=name_td__MODULE_ID__>" +
                createName__MODULE_ID__(number, name) +
              "</td>" +
              "<td>" +
                createDelete__MODULE_ID__(number) +
              "</td>" +
              "<td>" +
                createMoveup__MODULE_ID__(number) +
              "</td>" +
              "<td>" +
                createMovedown__MODULE_ID__(number) +
              "</td>" +

            
               "</tr>";
          return html;
        }

        function formatDate__MODULE_ID__(date) {
          var d = new Date(date);
          var now = new Date();
          var s = "";
          if (d.getFullYear()-now.getFullYear()>50)
           s += "***";
          else
           s += (d.getMonth()+1) +"/" + d.getDate();
          return s;
        }

        function escapeName__MODULE_ID__(name) {
          name = name.replace(/&/g,"&#38;")
          name = name.replace(/</g,"&#60;")
          name = name.replace(/>/g,"&#62;")
          name = name.replace(/"/g,"&#34;")
          name = name.replace(/'/g,"&#39;")
          return name;
        }

        function createDate__MODULE_ID__(number, date) {
          var d1, d2, datelevel;
          datelevel = 4;
          d1 = new Date();
          d2 = date - d1.valueOf();
          day = 1000*60*60*24;
          if (d2 < date1__MODULE_ID__ * day) 
            datelevel = 1;
          else if (d2 < date2__MODULE_ID__ * day)
            datelevel = 2;
          else if (d2 < 50*365*day)
            datelevel = 3; 
          var html =
          "<a class=d" + datelevel + "_a__MODULE_ID__" +
            " href=\"javascript:editDate__MODULE_ID__(" +  number + ")\">" +
            formatDate__MODULE_ID__(date) +
          "</a>";
          return html;
        }

        function createName__MODULE_ID__(number, name) {
          var html =
          "<a class=name_a__MODULE_ID__" +
            " href=\"javascript:editName__MODULE_ID__(" +  number + ")\">" +
            escapeName__MODULE_ID__(name) +
          "</a>";
          return html;
        }

        function createDelete__MODULE_ID__(number) {
          var html =
            "<a href=\"javascript:deleteTodo__MODULE_ID__(" + number + ")\">" +
              "<img class=delete__MODULE_ID__" +
                " src=\"http://www.google.com/ig/modules/todo_content/x.gif\">" +
            "</a>";
          return html;
        }
        function createMoveup__MODULE_ID__(number) {
          var html =
            "<a href=\"javascript:moveupTodo__MODULE_ID__(" + number + ")\">" +
              "<img class=delete__MODULE_ID__" +
                " src=\"http://hosting.gmodules.com/ig/gadgets/file/117966707807588406411/arrow-up.jpg\" height=\"16\">" +
            "</a>";
          return html;
        }
        
        function createMovedown__MODULE_ID__(number) {
          var html =
            "<a href=\"javascript:movedownTodo__MODULE_ID__(" + number + ")\">" +
              "<img class=delete__MODULE_ID__" +
                " src=\"http://hosting.gmodules.com/ig/gadgets/file/117966707807588406411/arrow-down.jpg\" height=\"16\" >" +
            "</a>";
          return html;
        }
        

        function createPrioritySelect__MODULE_ID__(number, priority) {
          var html =
            "<select id=select__MODULE_ID__ " +
               "onchange=\"submitPriority__MODULE_ID__(" + number + ")\" " +
              "onkeypress=\"if (isEscape__MODULE_ID__(event))" +
              "{cancelEditPriority__MODULE_ID__(" + number+ "); return false;}\" " +
              "onblur=\"cancelEditPriority__MODULE_ID__(" + number+ ");\"> " +
               "<option class=option__MODULE_ID__ value=1 " +
                 "onclick=\"submitPriority__MODULE_ID__(" + number + ")\" " +
                 selected__MODULE_ID__(priority, 1) + ">" +
                 "__MSG_high__" +
               "</option>" +
               "<option class=option__MODULE_ID__ value=2 " +
                 "onclick=\"submitPriority__MODULE_ID__(" + number + ")\" " +
                 selected__MODULE_ID__(priority, 2) + ">" +
                 "__MSG_medium__" +
               "</option>" +
               "<option class=option__MODULE_ID__ value=3 " +
                 "onclick=\"submitPriority__MODULE_ID__(" + number + ")\" " +
                 selected__MODULE_ID__(priority, 3) + ">" +
                 "__MSG_low__" +
               "</option>" +
              "</select>";
           return html;
        }

        function createPriorityLink__MODULE_ID__(priority, number) {
          var html =
            "<a class=p" + priority + "___MODULE_ID__ " +
              "href=\"javascript:editPriority__MODULE_ID__(" +
              number + "," + priority + ")\">" +
              getPriorityText__MODULE_ID__(priority) +
            "</a>";
          return html;
        }

        function createEditDateForm__MODULE_ID__(number, date) {
          var html =
            "<input onkeypress=\"if (isEnter__MODULE_ID__(event))" +
              "{setDate__MODULE_ID__(" + number+ ", event); return false;} " +
             "if (isEscape__MODULE_ID__(event))" +
              "{cancelEditDate__MODULE_ID__(" + number+ "); return false;}\" " +
              "onblur=\"cancelEditDate__MODULE_ID__(" + number+ ");\" " +
              "type=text size=\"2\" id=date_input__MODULE_ID__ value=\"" + date + "\">";
          return html;
        }

        function createEditNameForm__MODULE_ID__(number, name) {
          var html =
            "<input onkeypress=\"if (isEnter__MODULE_ID__(event))" +
              "{setName__MODULE_ID__(" + number+ ", event); return false;} " +
             "if (isEscape__MODULE_ID__(event))" +
              "{cancelEditName__MODULE_ID__(" + number+ "); return false;}\" " +
              "onblur=\"cancelEditName__MODULE_ID__(" + number+ ");\" " +
              "type=text id=name_input__MODULE_ID__ value=\"" + name + "\">";
          return html;
        }


        function getPriorityText__MODULE_ID__(priority) {
          if (priority == 1)
            return "__MSG_high__";
          else if (priority == 2)
            return "__MSG_medium__";
          return "__MSG_low__";
        }

        function submitPriority__MODULE_ID__(number) {
          var row = getRow__MODULE_ID__(number);
          var col = getCol__MODULE_ID__(row, 0);
          var select = _gel("select__MODULE_ID__");
          var newPriority = select.options[select.selectedIndex].value;
          setPriority__MODULE_ID__(number, newPriority);
          edited__MODULE_ID__ = false;
        }

        function editDate__MODULE_ID__(number) {
          if (edited__MODULE_ID__)
            return;
          edited__MODULE_ID__ = true;
          var row = getRow__MODULE_ID__(number);
          var col = getCol__MODULE_ID__(row, 1);
          var datestring = formatDate__MODULE_ID__(todos__MODULE_ID__.array[number].date);
          
          col.innerHTML = createEditDateForm__MODULE_ID__(number, datestring);
          _gel("date_input__MODULE_ID__").focus();
          _gel("date_input__MODULE_ID__").select();
        }

        function editName__MODULE_ID__(number) {
          if (edited__MODULE_ID__)
            return;
          edited__MODULE_ID__ = true;
          var row = getRow__MODULE_ID__(number);
          var col = getCol__MODULE_ID__(row, 3);
          var name = todos__MODULE_ID__.array[number].name;
          col.innerHTML = createEditNameForm__MODULE_ID__(number, name);
          _gel("name_input__MODULE_ID__").focus();
          _gel("name_input__MODULE_ID__").select();
        }

        function setDate__MODULE_ID__(number) {
          var datestring = _trim(_gel("date_input__MODULE_ID__").value);
          var r,re;
          var d = new Date();
          var date, year;
          re = /\//;
          r = datestring.search(re);
          year=d.getFullYear();
          if (r !=-1) {
            if((datestring.substring(0,r)-d.getMonth())<-6)
              year += 1;
            d = new Date(year,datestring.substring(0,r)-1,datestring.substring(r+1));
            date = d.valueOf();
          }
          else {
            if (datestring == "***") {
              d = new Date(2200,1,1);
              date = d.valueOf();
            }
            else
              date = todos__MODULE_ID__.array[number].date;
          }
          todos__MODULE_ID__.array[number].date = date;
          sortByPref__MODULE_ID__();
          saveTodos__MODULE_ID__();
          createTable__MODULE_ID__();
          edited__MODULE_ID__ = false;
          return false;
        }

        function setName__MODULE_ID__(number) {
          var name = _trim(_gel("name_input__MODULE_ID__").value);
          if (name == "")
            name = todos__MODULE_ID__.array[number].name;
          todos__MODULE_ID__.array[number].name = name;
          saveTodos__MODULE_ID__();
          name = todos__MODULE_ID__.array[number].name;
          var row = getRow__MODULE_ID__(number);
          var col = getCol__MODULE_ID__(row, 3);
          col.innerHTML = createName__MODULE_ID__(number,name);
          edited__MODULE_ID__ = false;
          return false;
        }

        function cancelEditPriority__MODULE_ID__(number) {
          var row = getRow__MODULE_ID__(number);
          var col = getCol__MODULE_ID__(row, 0);
          var priority = todos__MODULE_ID__.array[number].priority;
          col.innerHTML = createPriorityLink__MODULE_ID__(priority,number);
          edited__MODULE_ID__ = false;
          return false;
        }

        function cancelEditDate__MODULE_ID__(number) {
          var row = getRow__MODULE_ID__(number);
          var col = getCol__MODULE_ID__(row, 1);
          var date = todos__MODULE_ID__.array[number].date;
          col.innerHTML = createDate__MODULE_ID__(number,date);
          edited__MODULE_ID__ = false;
          return false;
        }

        function cancelEditName__MODULE_ID__(number) {
          var row = getRow__MODULE_ID__(number);
          var col = getCol__MODULE_ID__(row, 3);
          var name = todos__MODULE_ID__.array[number].name;
          col.innerHTML = createName__MODULE_ID__(number,name);
          edited__MODULE_ID__ = false;
          return false;
        }

        function edit__MODULE_ID__() {
          return edited__MODULE_ID__;
        }

        function isEnter__MODULE_ID__(e) {
          var characterCode;
          characterCode = e.keyCode;
          if (characterCode == 13)
            return true;
          return false
         }

        function isEscape__MODULE_ID__(e) {
          var characterCode;
          characterCode = e.keyCode;
          if (characterCode == 27)
            return true;
          return false;
         }

        function getTable__MODULE_ID__() {
          return _gel('todosTable__MODULE_ID__');
        }

        function getRow__MODULE_ID__(number) {
          return _gel("row" + number + "__MODULE_ID__");
        }

        function getCol__MODULE_ID__(row, index) {
          return row.childNodes.item(index);
        }

        function numTodos__MODULE_ID__() {
          return todos__MODULE_ID__.array.length;
        }
      </script>

      <style type="text/css">
        .delete__MODULE_ID__ {
           border-style: none;
        }
        .priority_td__MODULE_ID__ {
          font-family: arial;
          padding-right: 20px;
          font-size: 12px;
        }
        .p1___MODULE_ID__:link, .p1___MODULE_ID__:visited {
          color: red;
          text-decoration: none;
          font-size: 12px;
        }
        .p2___MODULE_ID__:link, .p2___MODULE_ID__:visited {
          color: purple;
          text-decoration: none;
          font-size: 12px;
        }
        .p3___MODULE_ID__:link, .p3___MODULE_ID__:visited {
          color: blue;
          text-decoration: none;
          font-size: 12px;
        }
        .sort_a__MODULE_ID__:link, .sort_a__MODULE_ID__:visited {
          text-decoration:none;
          font-size: 12px;
          color: black;
        }
        .d1_a__MODULE_ID__:link, .d1_a__MODULE_ID__:visited {
          text-decoration:none;
          font-size: 12px;
          color: red;
        }
        .d2_a__MODULE_ID__:link, .d2_a__MODULE_ID__:visited {
          text-decoration:none;
          font-size: 12px;
          color: purple;
        }
        .d3_a__MODULE_ID__:link, .d3_a__MODULE_ID__:visited {
          text-decoration:none;
          font-size: 12px;
          color: blue;
        }
        .d4_a__MODULE_ID__:link, .d4_a__MODULE_ID__:visited {
          text-decoration:none;
          font-size: 12px;
          color: black;
        }
        .name_a__MODULE_ID__:link, .name_a__MODULE_ID__:visited {
          text-decoration:none;
          font-size: 12px;
          color: black;
        }
        #name_input__MODULE_ID__, #newTodoInput__MODULE_ID__ {
          width: 100%;
          font-family: arial;
          padding: 0px;
        }
        #new_todo_td__MODULE_ID__ {
          font-size: 12px
        }
        #input__MODULE_ID__ {
          font-family: arial;
          padding: 0px;
        }
        #todosTable__MODULE_ID__ {
          margin:0;
          padding:0;
          width:100%;
          font-size: 12px;
        }
        .name_td__MODULE_ID__ {
          width:100%;
        }
        .option__MODULE_ID__ {
          font-size: 12px;
          padding: 0px;
          margin: 0px;
          font-family: arial;
        }
        #select__MODULE_ID__ {
          font-family: arial;
          width: 52px;
          margin: 0px;
          padding: 0px;
        }
        .even__MODULE_ID__ {
          background: __UP_bgcolor__;
        }
        .odd__MODULE_ID__ {
          background: white;
        }
      </style>

      <form name = "newTodoForm__MODULE_ID__"
            onsubmit="return addTodo__MODULE_ID__(
                     document.newTodoForm__MODULE_ID__.
                     newTodoInput__MODULE_ID__.value)">
        <table cellspacing=0>
          <tr>
          <td id="new_todo_td__MODULE_ID__">
            <nobr>__MSG_new_item__</nobr>
          </td>
          <td style='width:100%' >
            <input id="newTodoInput__MODULE_ID__" type="text"
                   style='width:100%'>
          </td>
          <td>
            <input type = "button" value="__MSG_add__"
                   onclick = "javascript:addTodo__MODULE_ID__(
                             document.newTodoForm__MODULE_ID__.
                             newTodoInput__MODULE_ID__.value, 3)">
          </td>
        </tr>
      </table>
      <div id="todosDiv__MODULE_ID__"></div>
      </form>
    ]]>
  </Content>
</Module>
