<?xml version="1.0" encoding="UTF-8" ?>
<Module>
    <ModulePrefs
    title="Organize ToDo - Try Standalone Version"
    title_url="http://www.organizetodo.com"
    category="tools" 
    directory_title="Organize ToDo"
    description="Use Organize Todo from Xorstudio and take control of your life! This nifty personal organizer will ensure you never again miss that all important appointment. The daily planner allows you to categorize your activities as home, work or sport so you can see the balance of your lifestyle at a glance. To make viewing even easier, each category is colour coded so you can’t confuse things to do at work with things to do at home. And if you don’t like the preset colours, you can change them to suit. Appointment scheduling is vital in the busy age we live in and it’s so easy to forget that all important meeting. Once you’ve started to use Organize ToDo this will no longer be a problem. Your things to do today list is the perfect task management system. And once a task is complete you simply click a box next to the task and strike it off your to do list. One of the beauties of this gadget is the facility to input tasks for today, this week or the future. “What do I have to do this week?” is no longer an issue. Simply check your weekly planner. As a daily organizer, weekly or monthly planner, you can’t go wrong. Get organized, download the Organize To Do  now!"
    author="xorstudio.com"
    author_location="Switzerland"
    author_email="office@xorstudio.com"
    author_affiliation="xorstudio.com"
    author_photo="http://www.xorstudio.com/public/images/logo.png"
    screenshot="http://www.organizetodo.com/organizetodo/images/to_do_280x280.png"
    thumbnail="http://www.organizetodo.com/organizetodo/images/to_do_120x60.png"
    scaling="true"
    width="350"
    height="200"
    scrolling="false"
    singleton="true" >
    <Locale lang="en"/>
    <Require feature="dynamic-height"/>
    <Require feature="analytics"/>
    <Require feature="setprefs" />
    <Require feature="drag" />
    <Require feature="tabs" />
    <Require feature="minimessage"/>
    <Require feature="views"/>
    </ModulePrefs>
    <UserPref name="auth_token" datatype="hidden"/>
    <UserPref name="time" default_value ="today" datatype="hidden"/>
    <UserPref name="numTasks" default_value ="0" datatype="hidden"/>
    <UserPref name="username" datatype="hidden"/>
    <UserPref name="verified" datatype="hidden" default_value ="no"/>
    <UserPref name="signOut" default_value ="0" datatype="hidden"/>
    <UserPref name="content_today" default_value ="0" datatype="hidden"/>
    <UserPref name="content_thisweek" default_value ="0" datatype="hidden"/>
    <UserPref name="content_future" default_value ="0" datatype="hidden"/>
    <UserPref name="content_settings" default_value ="0" datatype="hidden"/>
    <Content type="html">

        <![CDATA[
        <style type="text/css">
        .hotspot {
            cursor: pointer;
        }
                
        #tt {
            left:50px;
            position:absolute;
            display:block;
            background:url(images/tt_left.gif) top left no-repeat
        }
        
        #tttop {
            display:block;
            height:5px;
            margin-left:5px;
            background:url(images/tt_top.gif) top right no-repeat;
            overflow:hidden
        }
        
        #ttcont {
            display:block;
            padding:2px 12px 3px 7px;
            margin-left:5px;
            background:#eeeed0;
            border:1px solid #000;
            font-size:10px;
            width:200px;
            color:#000;
        }
        
        #ttbot {
            display:block;
            height:5px;
            margin-left:5px;
            background:url(images/tt_bottom.gif) top right no-repeat;
            overflow:hidden
        }
        .notToDo {
            color: #aaa;
            text-decoration: line-through;
            font-size:10px;
        }
        
        .surrogateSource td{
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size:10px;
            background-color: #FFCC99;
        }
        
        .toDo {
        font-size:10px;
        }
        
        .tdSmallFont {
            font-size: 8pt;
        }
        
        .tdTable {
            font-size:11px;
            background-color: #FFFFFF;
        }
        
        .selectPriority{
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 9px;
            border: #666666;
            border-style: solid;
            border-top-width: 0px;
            border-right-width: 0px;
            border-bottom-width: 0px;
            border-left-width:0px;
            margin: 0px;
            padding: 0px;
        }
        
        .selectCategory{
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 9px;
            border: #666666;
            border-style: solid;
            border-top-width: 0px;
            border-right-width: 0px;
            border-bottom-width: 0px;
            border-left-width:0px;
            margin: 0px;
            padding: 0px;
            width: 60px;
        }
        
        .selectPriorityNotToDo{
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 10px;
            border: #666666;
            border-style: solid;
            border-top-width: 0px;
            border-right-width: 0px;
            border-bottom-width: 0px;
            border-left-width:0px;
            margin: 0px;
            padding: 0px;
            text-decoration: line-through;
        }
        
        
        input {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 8pt;
            padding: 2px;
            border: #666666;
            border-style: solid;
            border-width: 1px;
        }
        
        .toDoDivUrl {
            font-size:11px;
            padding-top: 10px;
            padding-bottom: 5px;
        }
        
        a {
            cursor: pointer;
        }
        
        a.xorUrlTd, a.xorUrlTd:visited {
            color: #646464;
        	text-decoration: none; 
        }
        
        a.xorUrlTd:hover {
            color: #C1001F;
        	text-decoration: none; 
        }
        
        #filter {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 8pt;
            padding-top: 2px;
            padding-right: 2px;
            padding-bottom: 2px;
            padding-left: 2px;
        }
        
        .id1 {
            background-color: #eee;
        }
        
        .id2 {
            display: inline;
            float: left;
            height: 22px;
            width: 19%;
            background-color: #eee;
        }
        
        .headerSettings {
            font-family: Arial, Helvetica, sans-serif;
            font-size:10px;
            margin-top: 10px;
            margin-right: 2px;
            margin-bottom: 5px;
            margin-left: 2px;
        }
        .contentDiv {
            margin-top: 5px;
            margin-right: 2px;
            margin-bottom: 2px;
            margin-left: 2px;
        }
        .tblPalette {
            cursor:pointer;
            background:#FFFFFF;
            width:100%;
            height:100%;
            line-height:1px;
            font-size:1px;
        }
        .tblPalette td {
           border:1px #666666 solid;
        }
        
        input.checkbox{
            background: transparent;
            border: 0;
            border-style: solid;
            border-top-width: 0px;
            border-right-width: 0px;
            border-bottom-width: 0px;
            border-left-width: 0px;
        }
        
        .mmlib_table {
            font: bold 9px arial,sans-serif;
            background-color: #ffffff;
            border-collapse: separate;
            border-spacing: 0px;
            margin-top: 5px;
            text-align: right;
        }
        
        .tablib_selected {
            padding: 2px 0px;
            background-color: #ffffff !important;
            border: 1px solid #676767;
            border-bottom-width: 0px;
            color: #3366cc;
            font-weight: bold;
            width: 80px;
            cursor: default;
        }
        
        /* calendar style */
    
    #calendarDiv {
    	display: block;
    	display: none;
    	position: relative;
    }
    #calendarDiv a {
    	cursor: pointer;
        text-decoration: none;
    }
    #calendar {
    	background: #B8B8B8;
    	clear: both;
    	text-align: center;
    	font-size: 105%;
    }
    
    #calendarHeader2 {
    	width: 180px;
    	font-size: 8pt;
    	color: #484848;
    	background: #eee;
    	border-top: 1px solid #B8B8B8;
    	border-left: 1px solid #B8B8B8;
    	border-right: 1px solid #B8B8B8;
    }
    #calendarHeader2 a {
    	display: block;
    	padding-top: 2px;
    	padding-bottom: 2px;
        text-decoration: none;
    }
    #calendarHeader2 a:hover {
    	background: #fff;
    	padding-top: 2px;
    	padding-bottom: 2px;
        text-decoration: none;
    }
    
    #calendar {
    	width: 180px;
    	font-size: 8pt;
    }
    #calendar .weekDaysTitleRow {
    	background: #C0C0C0;
    	color: #484848;
    }
    #calendar .weekDaysRow {
    	background: #eee;
    	color: #484848;
    }
    #calendar .weekDaysCell {
    	color: #484848;
    }
    #calendar .weekDaysCellOver {
    	background: #fff;
    }
    
    #today {
    	background: #ddd;
    }
    
    #ui-datepicker-div, .ui-datepicker-inline {
    	font-family: Arial,Helvetica,sans-serif;
    	font-size: 12px;
    	padding: 0;
    	margin: 0;
    	background: #ecf4fd;
    	width: 185px;
    }
    #ui-datepicker-div {
    	display: none;
    	border: 1px solid #598edd;
    	z-index: 10;
    }
    .ui-datepicker-inline {
    	float: left;
    	display: block;
    	border: 0;
    }
    .ui-datepicker-rtl {
    	direction: rtl;
    }
    .ui-datepicker-dialog {
    	padding: 5px !important;
    	border: 4px ridge #d4e6fc !important;
    }
    .ui-datepicker-disabled {
    	position: absolute;
    	z-index: 10;
    	background-color: white;
    	opacity: 0.5;
    }
    button.ui-datepicker-trigger {
    	width: 25px;
    }
    img.ui-datepicker-trigger {
    	margin: 2px;
    	vertical-align: middle;
    }
    .ui-datepicker-prompt {
    	float: left;
    	padding: 2px;
    	background: #ecf4fd;
    	color: #000;
    }
    *html .ui-datepicker-prompt {
    	width: 185px;
    }
    .ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-header, .ui-datepicker {
    	clear: both;
    	float: left;
    	width: 100%;
    	color: #FFF;
    }
    .ui-datepicker-control {
    	background: #598edd; /* #ecf4fd;*/
    	padding: 2px 0px;
    }
    .ui-datepicker-links {
    	background: #ecf4fd;
    	padding: 2px 0px;
    }
    .ui-datepicker-control, .ui-datepicker-links {
    	font-weight: bold;
    	font-size: 80%;
    	letter-spacing: 1px;
    }
    .ui-datepicker-links label {
    	padding: 2px 5px;
    	color: #888;
    }
    
    .ui-datepicker-clear, .ui-datepicker-prev {
    	float: left;
    	width: 34%;
    }
    .ui-datepicker-rtl .ui-datepicker-clear, .ui-datepicker-rtl .ui-datepicker-prev {
    	float: right;
    	text-align: right;
    }
    .ui-datepicker-current {
    	float: left;
    	width: 30%;
    	text-align: center;
    }
    .ui-datepicker-close, .ui-datepicker-next {
    	float: right;
    	width: 34%;
    	text-align: right;
    }
    
    .ui-datepicker-rtl .ui-datepicker-close, .ui-datepicker-rtl .ui-datepicker-next {
    	float: left;
    	text-align: left;
    }
    
    .ui-datepicker-header {
    	padding: 1px 0 3px;
    	background: #d4e6fc;
    	text-align: center;
    	font-weight: bold;
    	height: 1.3em;
    }
    .ui-datepicker-header select {
    	background: #d4e6fc;
    	color: #000;
    	border: 0px;
    	font-weight: bold;
    }
    .ui-datepicker {
    	background: #CCC;
    	text-align: center;
    	font-size: 100%;
    }
    .ui-datepicker a {
    	display: block;
    	width: 100%;
    }
    .ui-datepicker-title-row {
    	background: #e4f1fd;
    	color: #000;
    }
    .ui-datepicker-title-row .ui-datepicker-week-end-cell {
    	background: #e4f1fd;
    }
    .ui-datepicker-days-row {
    	background: #FFF;
    	color: #666;
    }
    .ui-datepicker-week-col {
    	background: #e4f1fd;
    	color: #000;
    }
    .ui-datepicker-days-cell {
    	color: #000;
    	border: 1px solid #DDD;
    }
    .ui-datepicker-days-cell a {
    	display: block;
    }
    .ui-datepicker-week-end-cell {
    	background: #ecf4fd;
    }
    .ui-datepicker-unselectable {
    	color: #888;
    }
    .ui-datepicker-week-over, .ui-datepicker-week-over .ui-datepicker-week-end-cell {
    	background: #e4f1fd !important;
    }
    .ui-datepicker-days-cell-over, .ui-datepicker-days-cell-over.ui-datepicker-week-end-cell {
    	background: #FFF !important;
    	border: 1px solid #777;
    }
    * html .ui-datepicker-title-row .ui-datepicker-week-end-cell {
    	background: #e4f1fd !important;
    }
    * html .ui-datepicker-week-end-cell {
    	background: #ecf4fd !important;
    	border: 1px solid #DDD !important;
    }
    * html .ui-datepicker-days-cell-over {
    	background: #FFF !important;
    	border: 1px solid #777 !important;
    }
    * html .ui-datepicker-current-day {
    	background: #d4e6fc !important;
    }
    .ui-datepicker-today {
    	background: #e4f1fd !important;
    }
    .ui-datepicker-current-day {
    	background: #d4e6fc !important;
    }
    .ui-datepicker-status {
    	background: #ecf4fd;
    	width: 100%;
    	font-size: 80%;
    	text-align: center;
    }
    #ui-datepicker-div a, .ui-datepicker-inline a {
    	cursor: pointer;
    	margin: 0;
    	padding: 0;
    	background: none;
    	color: #000;
    }
    .ui-datepicker-inline .ui-datepicker-links a {
    	padding: 0 5px !important;
    }
    .ui-datepicker-control a, .ui-datepicker-links a {
    	padding: 2px 5px !important;
    	color: #000 !important;
    }
    .ui-datepicker-title-row a {
    	color: #000 !important;
    }
    .ui-datepicker-control a:hover {
    	background: #FDD !important;
    	color: #333 !important;
    }
    .ui-datepicker-links a:hover, .ui-datepicker-title-row a:hover {
    	background: #FFF !important;
    	color: #333 !important;
    }
    .ui-datepicker-multi .ui-datepicker {
    	border: 1px solid #d4e6fc;
    }
    .ui-datepicker-one-month {
    	float: left;
    	width: 185px;
    }
    .ui-datepicker-new-row {
    	clear: left;
    }
    .ui-datepicker-cover {
    	display: none;
    	display/**/: block;
    	position: absolute;
    	z-index: -1;
    	filter: mask();
    	top: -4px;
    	left: -4px;
    	width: 193px;
    	height: 200px;
    }
 
        </style>
    
    <script type="text/javascript">
        var tdModuleId = __MODULE_ID__;
    </script>
    <script src="http://www.google.com/jsapi"></script>
    <script type="text/javascript" src="http://www.organizetodo.com/organizetodo/td.php?v=1_72&view=home"></script>
    
    <script type="text/javascript">
        _IG_RegisterOnloadHandler(tdInit);
        _IG_Analytics("UA-2598826-4", "/todo_organizer");
    </script>
    
    <div id='tdContent'></div>
    
    ]]></Content>

    <Content type="html" view="home">

        <![CDATA[
        <style type="text/css">
        .hotspot {
            cursor: pointer;
        }
                
        #tt {
            left:50px;
            position:absolute;
            display:block;
            background:url(images/tt_left.gif) top left no-repeat
        }
        
        #tttop {
            display:block;
            height:5px;
            margin-left:5px;
            background:url(images/tt_top.gif) top right no-repeat;
            overflow:hidden
        }
        
        #ttcont {
            display:block;
            padding:2px 12px 3px 7px;
            margin-left:5px;
            background:#eeeed0;
            border:1px solid #000;
            font-size:10px;
            width:200px;
            color:#000;
        }
        
        #ttbot {
            display:block;
            height:5px;
            margin-left:5px;
            background:url(images/tt_bottom.gif) top right no-repeat;
            overflow:hidden
        }
        .notToDo {
            color: #aaa;
            text-decoration: line-through;
            font-size:10px;
        }
        
        .surrogateSource td{
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size:10px;
            background-color: #FFCC99;
        }
        
        .toDo {
        font-size:10px;
        }
        
        .tdSmallFont {
            font-size: 8pt;
        }
        
        .tdTable {
            font-size:11px;
            background-color: #FFFFFF;
        }
        
        .selectPriority{
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 9px;
            border: #666666;
            border-style: solid;
            border-top-width: 0px;
            border-right-width: 0px;
            border-bottom-width: 0px;
            border-left-width:0px;
            margin: 0px;
            padding: 0px;
        }
        
        .selectCategory{
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 9px;
            border: #666666;
            border-style: solid;
            border-top-width: 0px;
            border-right-width: 0px;
            border-bottom-width: 0px;
            border-left-width:0px;
            margin: 0px;
            padding: 0px;
            width: 60px;
        }
        
        .selectPriorityNotToDo{
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 10px;
            border: #666666;
            border-style: solid;
            border-top-width: 0px;
            border-right-width: 0px;
            border-bottom-width: 0px;
            border-left-width:0px;
            margin: 0px;
            padding: 0px;
            text-decoration: line-through;
        }
        
        
        input {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 8pt;
            padding: 2px;
            border: #666666;
            border-style: solid;
            border-width: 1px;
        }
        
        .toDoDivUrl {
            font-size:11px;
            padding-top: 10px;
            padding-bottom: 5px;
        }
        
        a {
            cursor: pointer;
        }
        
        a.xorUrlTd, a.xorUrlTd:visited {
            color: #646464;
        	text-decoration: none; 
        }
        
        a.xorUrlTd:hover {
            color: #C1001F;
        	text-decoration: none; 
        }
        
        #filter {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 8pt;
            padding-top: 2px;
            padding-right: 2px;
            padding-bottom: 2px;
            padding-left: 2px;
        }
        
        .id1 {
            background-color: #eee;
        }
        
        .id2 {
            display: inline;
            float: left;
            height: 22px;
            width: 19%;
            background-color: #eee;
        }
        
        .headerSettings {
            font-family: Arial, Helvetica, sans-serif;
            font-size:10px;
            margin-top: 10px;
            margin-right: 2px;
            margin-bottom: 5px;
            margin-left: 2px;
        }
        .contentDiv {
            margin-top: 5px;
            margin-right: 2px;
            margin-bottom: 2px;
            margin-left: 2px;
        }
        .tblPalette {
            cursor:pointer;
            background:#FFFFFF;
            width:100%;
            height:100%;
            line-height:1px;
            font-size:1px;
        }
        .tblPalette td {
           border:1px #666666 solid;
        }
        
        input.checkbox{
            background: transparent;
            border: 0;
            border-style: solid;
            border-top-width: 0px;
            border-right-width: 0px;
            border-bottom-width: 0px;
            border-left-width: 0px;
        }
        
        .mmlib_table {
            font: bold 9px arial,sans-serif;
            background-color: #ffffff;
            border-collapse: separate;
            border-spacing: 0px;
            margin-top: 5px;
            text-align: right;
        }
        
        .tablib_selected {
            padding: 2px 0px;
            background-color: #ffffff !important;
            border: 1px solid #676767;
            border-bottom-width: 0px;
            color: #3366cc;
            font-weight: bold;
            width: 80px;
            cursor: default;
        }
         /* calendar style */
    
        #calendarDiv {
        	display: block;
        	display: none;
        	position: relative;
        }
        #calendarDiv a {
        	cursor: pointer;
            text-decoration: none;
        }
        #calendar {
        	background: #B8B8B8;
        	clear: both;
        	text-align: center;
        	font-size: 105%;
        }
        
        #calendarHeader2 {
        	width: 180px;
        	font-size: 8pt;
        	color: #484848;
        	background: #eee;
        	border-top: 1px solid #B8B8B8;
        	border-left: 1px solid #B8B8B8;
        	border-right: 1px solid #B8B8B8;
        }
        #calendarHeader2 a {
        	display: block;
        	padding-top: 2px;
        	padding-bottom: 2px;
            text-decoration: none;
        }
        #calendarHeader2 a:hover {
        	background: #fff;
        	padding-top: 2px;
        	padding-bottom: 2px;
            text-decoration: none;
        }
        
        #calendar {
        	width: 180px;
        	font-size: 8pt;
        }
        #calendar .weekDaysTitleRow {
        	background: #C0C0C0;
        	color: #484848;
        }
        #calendar .weekDaysRow {
        	background: #eee;
        	color: #484848;
        }
        #calendar .weekDaysCell {
        	color: #484848;
        }
        #calendar .weekDaysCellOver {
        	background: #fff;
        }
        
        #today {
        	background: #ddd;
        }
        
        #ui-datepicker-div, .ui-datepicker-inline {
        	font-family: Arial,Helvetica,sans-serif;
        	font-size: 12px;
        	padding: 0;
        	margin: 0;
        	background: #ecf4fd;
        	width: 185px;
        }
        #ui-datepicker-div {
        	display: none;
        	border: 1px solid #598edd;
        	z-index: 10;
        }
        .ui-datepicker-inline {
        	float: left;
        	display: block;
        	border: 0;
        }
        .ui-datepicker-rtl {
        	direction: rtl;
        }
        .ui-datepicker-dialog {
        	padding: 5px !important;
        	border: 4px ridge #d4e6fc !important;
        }
        .ui-datepicker-disabled {
        	position: absolute;
        	z-index: 10;
        	background-color: white;
        	opacity: 0.5;
        }
        button.ui-datepicker-trigger {
        	width: 25px;
        }
        img.ui-datepicker-trigger {
        	margin: 2px;
        	vertical-align: middle;
        }
        .ui-datepicker-prompt {
        	float: left;
        	padding: 2px;
        	background: #ecf4fd;
        	color: #000;
        }
        *html .ui-datepicker-prompt {
        	width: 185px;
        }
        .ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-header, .ui-datepicker {
        	clear: both;
        	float: left;
        	width: 100%;
        	color: #FFF;
        }
        .ui-datepicker-control {
        	background: #598edd; /* #ecf4fd;*/
        	padding: 2px 0px;
        }
        .ui-datepicker-links {
        	background: #ecf4fd;
        	padding: 2px 0px;
        }
        .ui-datepicker-control, .ui-datepicker-links {
        	font-weight: bold;
        	font-size: 80%;
        	letter-spacing: 1px;
        }
        .ui-datepicker-links label {
        	padding: 2px 5px;
        	color: #888;
        }
        
        .ui-datepicker-clear, .ui-datepicker-prev {
        	float: left;
        	width: 34%;
        }
        .ui-datepicker-rtl .ui-datepicker-clear, .ui-datepicker-rtl .ui-datepicker-prev {
        	float: right;
        	text-align: right;
        }
        .ui-datepicker-current {
        	float: left;
        	width: 30%;
        	text-align: center;
        }
        .ui-datepicker-close, .ui-datepicker-next {
        	float: right;
        	width: 34%;
        	text-align: right;
        }
        
        .ui-datepicker-rtl .ui-datepicker-close, .ui-datepicker-rtl .ui-datepicker-next {
        	float: left;
        	text-align: left;
        }
        
        .ui-datepicker-header {
        	padding: 1px 0 3px;
        	background: #d4e6fc;
        	text-align: center;
        	font-weight: bold;
        	height: 1.3em;
        }
        .ui-datepicker-header select {
        	background: #d4e6fc;
        	color: #000;
        	border: 0px;
        	font-weight: bold;
        }
        .ui-datepicker {
        	background: #CCC;
        	text-align: center;
        	font-size: 100%;
        }
        .ui-datepicker a {
        	display: block;
        	width: 100%;
        }
        .ui-datepicker-title-row {
        	background: #e4f1fd;
        	color: #000;
        }
        .ui-datepicker-title-row .ui-datepicker-week-end-cell {
        	background: #e4f1fd;
        }
        .ui-datepicker-days-row {
        	background: #FFF;
        	color: #666;
        }
        .ui-datepicker-week-col {
        	background: #e4f1fd;
        	color: #000;
        }
        .ui-datepicker-days-cell {
        	color: #000;
        	border: 1px solid #DDD;
        }
        .ui-datepicker-days-cell a {
        	display: block;
        }
        .ui-datepicker-week-end-cell {
        	background: #ecf4fd;
        }
        .ui-datepicker-unselectable {
        	color: #888;
        }
        .ui-datepicker-week-over, .ui-datepicker-week-over .ui-datepicker-week-end-cell {
        	background: #e4f1fd !important;
        }
        .ui-datepicker-days-cell-over, .ui-datepicker-days-cell-over.ui-datepicker-week-end-cell {
        	background: #FFF !important;
        	border: 1px solid #777;
        }
        * html .ui-datepicker-title-row .ui-datepicker-week-end-cell {
        	background: #e4f1fd !important;
        }
        * html .ui-datepicker-week-end-cell {
        	background: #ecf4fd !important;
        	border: 1px solid #DDD !important;
        }
        * html .ui-datepicker-days-cell-over {
        	background: #FFF !important;
        	border: 1px solid #777 !important;
        }
        * html .ui-datepicker-current-day {
        	background: #d4e6fc !important;
        }
        .ui-datepicker-today {
        	background: #e4f1fd !important;
        }
        .ui-datepicker-current-day {
        	background: #d4e6fc !important;
        }
        .ui-datepicker-status {
        	background: #ecf4fd;
        	width: 100%;
        	font-size: 80%;
        	text-align: center;
        }
        #ui-datepicker-div a, .ui-datepicker-inline a {
        	cursor: pointer;
        	margin: 0;
        	padding: 0;
        	background: none;
        	color: #000;
        }
        .ui-datepicker-inline .ui-datepicker-links a {
        	padding: 0 5px !important;
        }
        .ui-datepicker-control a, .ui-datepicker-links a {
        	padding: 2px 5px !important;
        	color: #000 !important;
        }
        .ui-datepicker-title-row a {
        	color: #000 !important;
        }
        .ui-datepicker-control a:hover {
        	background: #FDD !important;
        	color: #333 !important;
        }
        .ui-datepicker-links a:hover, .ui-datepicker-title-row a:hover {
        	background: #FFF !important;
        	color: #333 !important;
        }
        .ui-datepicker-multi .ui-datepicker {
        	border: 1px solid #d4e6fc;
        }
        .ui-datepicker-one-month {
        	float: left;
        	width: 185px;
        }
        .ui-datepicker-new-row {
        	clear: left;
        }
        .ui-datepicker-cover {
        	display: none;
        	display/**/: block;
        	position: absolute;
        	z-index: -1;
        	filter: mask();
        	top: -4px;
        	left: -4px;
        	width: 193px;
        	height: 200px;
        }

        </style>
    
    <script type="text/javascript">
        var tdModuleId = __MODULE_ID__;
    </script>
    <script src="http://www.google.com/jsapi"></script>
    <script type="text/javascript" src="http://www.organizetodo.com/organizetodo/td.php?v=1_72&view=home"></script>
    
    <script type="text/javascript">
        _IG_RegisterOnloadHandler(tdInit);
        _IG_Analytics("UA-2598826-4", "/todo_organizer");
    </script>
    
    <div id='tdContent'></div>
    
    ]]></Content>
    
    <Content type="html" view="canvas">

        <![CDATA[
        <style type="text/css">
        .hotspot {
            cursor: pointer;
        }
                
        #tt {
            left:50px;
            position:absolute;
            display:block;
            background:url(images/tt_left.gif) top left no-repeat
        }
        
        #tttop {
            display:block;
            height:5px;
            margin-left:5px;
            background:url(images/tt_top.gif) top right no-repeat;
            overflow:hidden
        }
        
        #ttcont {
            display:block;
            padding:2px 12px 3px 7px;
            margin-left:5px;
            background:#eeeed0;
            border:1px solid #000;
            font-size:10px;
            width:200px;
            color:#000;
        }
        
        #ttbot {
            display:block;
            height:5px;
            margin-left:5px;
            background:url(images/tt_bottom.gif) top right no-repeat;
            overflow:hidden
        }
        .notToDo {
            color: #aaa;
            text-decoration: line-through;
            font-size:10px;
        }
        
        .surrogateSource td{
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size:10px;
            background-color: #FFCC99;
        }
        
        .toDo {
        font-size:10px;
        }
        
        .tdSmallFont {
            font-size: 8pt;
        }
        
        .tdTable {
            font-size:11px;
            background-color: #FFFFFF;
        }
        
        .selectPriority{
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 9px;
            border: #666666;
            border-style: solid;
            border-top-width: 0px;
            border-right-width: 0px;
            border-bottom-width: 0px;
            border-left-width:0px;
            margin: 0px;
            padding: 0px;
        }
        
        .selectCategory{
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 9px;
            border: #666666;
            border-style: solid;
            border-top-width: 0px;
            border-right-width: 0px;
            border-bottom-width: 0px;
            border-left-width:0px;
            margin: 0px;
            padding: 0px;
            width: 60px;
        }
        
        .selectPriorityNotToDo{
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 10px;
            border: #666666;
            border-style: solid;
            border-top-width: 0px;
            border-right-width: 0px;
            border-bottom-width: 0px;
            border-left-width:0px;
            margin: 0px;
            padding: 0px;
            text-decoration: line-through;
        }
        
        
        input {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 8pt;
            padding: 2px;
            border: #666666;
            border-style: solid;
            border-width: 1px;
        }
        
        .toDoDivUrl {
            font-size:11px;
            padding-top: 10px;
            padding-bottom: 5px;
        }
        
        a {
            cursor: pointer;
        }
        
        a.xorUrlTd, a.xorUrlTd:visited {
            color: #646464;
        	text-decoration: none; 
        }
        
        a.xorUrlTd:hover {
            color: #C1001F;
        	text-decoration: none; 
        }
        
        #filter {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 8pt;
            padding-top: 2px;
            padding-right: 2px;
            padding-bottom: 2px;
            padding-left: 2px;
        }
        
        .id1 {
            background-color: #eee;
        }
        
        .id2 {
            display: inline;
            float: left;
            height: 22px;
            width: 19%;
            background-color: #eee;
        }
        
        .headerSettings {
            font-family: Arial, Helvetica, sans-serif;
            font-size:10px;
            margin-top: 10px;
            margin-right: 2px;
            margin-bottom: 5px;
            margin-left: 2px;
        }
        .contentDiv {
            margin-top: 5px;
            margin-right: 2px;
            margin-bottom: 2px;
            margin-left: 2px;
        }
        .tblPalette {
            cursor:pointer;
            background:#FFFFFF;
            width:100%;
            height:100%;
            line-height:1px;
            font-size:1px;
        }
        .tblPalette td {
           border:1px #666666 solid;
        }
        
        input.checkbox{
            background: transparent;
            border: 0;
            border-style: solid;
            border-top-width: 0px;
            border-right-width: 0px;
            border-bottom-width: 0px;
            border-left-width: 0px;
        }
        
        .mmlib_table {
            font: bold 9px arial,sans-serif;
            background-color: #ffffff;
            border-collapse: separate;
            border-spacing: 0px;
            margin-top: 5px;
            text-align: right;
        }
        
        .tablib_selected {
            padding: 2px 0px;
            background-color: #ffffff !important;
            border: 1px solid #676767;
            border-bottom-width: 0px;
            color: #3366cc;
            font-weight: bold;
            width: 80px;
            cursor: default;
        }
        
        .tablib_table {
            margin-right: 170px;
        }
        
         /* calendar style */
    
        #calendarDiv {
        	display: block;
        	display: none;
        	position: relative;
        }
        #calendarDiv a {
        	cursor: pointer;
            text-decoration: none;
        }
        #calendar {
        	background: #B8B8B8;
        	clear: both;
        	text-align: center;
        	font-size: 105%;
        }
        
        #calendarHeader2 {
        	width: 180px;
        	font-size: 8pt;
        	color: #484848;
        	background: #eee;
        	border-top: 1px solid #B8B8B8;
        	border-left: 1px solid #B8B8B8;
        	border-right: 1px solid #B8B8B8;
        }
        #calendarHeader2 a {
        	display: block;
        	padding-top: 2px;
        	padding-bottom: 2px;
            text-decoration: none;
        }
        #calendarHeader2 a:hover {
        	background: #fff;
        	padding-top: 2px;
        	padding-bottom: 2px;
            text-decoration: none;
        }
        
        #calendar {
        	width: 180px;
        	font-size: 8pt;
        }
        #calendar .weekDaysTitleRow {
        	background: #C0C0C0;
        	color: #484848;
        }
        #calendar .weekDaysRow {
        	background: #eee;
        	color: #484848;
        }
        #calendar .weekDaysCell {
        	color: #484848;
        }
        #calendar .weekDaysCellOver {
        	background: #fff;
        }
        
        #today {
        	background: #ddd;
        }
        
        #ui-datepicker-div, .ui-datepicker-inline {
        	font-family: Arial,Helvetica,sans-serif;
        	font-size: 12px;
        	padding: 0;
        	margin: 0;
        	background: #ecf4fd;
        	width: 185px;
        }
        #ui-datepicker-div {
        	display: none;
        	border: 1px solid #598edd;
        	z-index: 10;
        }
        .ui-datepicker-inline {
        	float: left;
        	display: block;
        	border: 0;
        }
        .ui-datepicker-rtl {
        	direction: rtl;
        }
        .ui-datepicker-dialog {
        	padding: 5px !important;
        	border: 4px ridge #d4e6fc !important;
        }
        .ui-datepicker-disabled {
        	position: absolute;
        	z-index: 10;
        	background-color: white;
        	opacity: 0.5;
        }
        button.ui-datepicker-trigger {
        	width: 25px;
        }
        img.ui-datepicker-trigger {
        	margin: 2px;
        	vertical-align: middle;
        }
        .ui-datepicker-prompt {
        	float: left;
        	padding: 2px;
        	background: #ecf4fd;
        	color: #000;
        }
        *html .ui-datepicker-prompt {
        	width: 185px;
        }
        .ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-header, .ui-datepicker {
        	clear: both;
        	float: left;
        	width: 100%;
        	color: #FFF;
        }
        .ui-datepicker-control {
        	background: #598edd; /* #ecf4fd;*/
        	padding: 2px 0px;
        }
        .ui-datepicker-links {
        	background: #ecf4fd;
        	padding: 2px 0px;
        }
        .ui-datepicker-control, .ui-datepicker-links {
        	font-weight: bold;
        	font-size: 80%;
        	letter-spacing: 1px;
        }
        .ui-datepicker-links label {
        	padding: 2px 5px;
        	color: #888;
        }
        
        .ui-datepicker-clear, .ui-datepicker-prev {
        	float: left;
        	width: 34%;
        }
        .ui-datepicker-rtl .ui-datepicker-clear, .ui-datepicker-rtl .ui-datepicker-prev {
        	float: right;
        	text-align: right;
        }
        .ui-datepicker-current {
        	float: left;
        	width: 30%;
        	text-align: center;
        }
        .ui-datepicker-close, .ui-datepicker-next {
        	float: right;
        	width: 34%;
        	text-align: right;
        }
        
        .ui-datepicker-rtl .ui-datepicker-close, .ui-datepicker-rtl .ui-datepicker-next {
        	float: left;
        	text-align: left;
        }
        
        .ui-datepicker-header {
        	padding: 1px 0 3px;
        	background: #d4e6fc;
        	text-align: center;
        	font-weight: bold;
        	height: 1.3em;
        }
        .ui-datepicker-header select {
        	background: #d4e6fc;
        	color: #000;
        	border: 0px;
        	font-weight: bold;
        }
        .ui-datepicker {
        	background: #CCC;
        	text-align: center;
        	font-size: 100%;
        }
        .ui-datepicker a {
        	display: block;
        	width: 100%;
        }
        .ui-datepicker-title-row {
        	background: #e4f1fd;
        	color: #000;
        }
        .ui-datepicker-title-row .ui-datepicker-week-end-cell {
        	background: #e4f1fd;
        }
        .ui-datepicker-days-row {
        	background: #FFF;
        	color: #666;
        }
        .ui-datepicker-week-col {
        	background: #e4f1fd;
        	color: #000;
        }
        .ui-datepicker-days-cell {
        	color: #000;
        	border: 1px solid #DDD;
        }
        .ui-datepicker-days-cell a {
        	display: block;
        }
        .ui-datepicker-week-end-cell {
        	background: #ecf4fd;
        }
        .ui-datepicker-unselectable {
        	color: #888;
        }
        .ui-datepicker-week-over, .ui-datepicker-week-over .ui-datepicker-week-end-cell {
        	background: #e4f1fd !important;
        }
        .ui-datepicker-days-cell-over, .ui-datepicker-days-cell-over.ui-datepicker-week-end-cell {
        	background: #FFF !important;
        	border: 1px solid #777;
        }
        * html .ui-datepicker-title-row .ui-datepicker-week-end-cell {
        	background: #e4f1fd !important;
        }
        * html .ui-datepicker-week-end-cell {
        	background: #ecf4fd !important;
        	border: 1px solid #DDD !important;
        }
        * html .ui-datepicker-days-cell-over {
        	background: #FFF !important;
        	border: 1px solid #777 !important;
        }
        * html .ui-datepicker-current-day {
        	background: #d4e6fc !important;
        }
        .ui-datepicker-today {
        	background: #e4f1fd !important;
        }
        .ui-datepicker-current-day {
        	background: #d4e6fc !important;
        }
        .ui-datepicker-status {
        	background: #ecf4fd;
        	width: 100%;
        	font-size: 80%;
        	text-align: center;
        }
        #ui-datepicker-div a, .ui-datepicker-inline a {
        	cursor: pointer;
        	margin: 0;
        	padding: 0;
        	background: none;
        	color: #000;
        }
        .ui-datepicker-inline .ui-datepicker-links a {
        	padding: 0 5px !important;
        }
        .ui-datepicker-control a, .ui-datepicker-links a {
        	padding: 2px 5px !important;
        	color: #000 !important;
        }
        .ui-datepicker-title-row a {
        	color: #000 !important;
        }
        .ui-datepicker-control a:hover {
        	background: #FDD !important;
        	color: #333 !important;
        }
        .ui-datepicker-links a:hover, .ui-datepicker-title-row a:hover {
        	background: #FFF !important;
        	color: #333 !important;
        }
        .ui-datepicker-multi .ui-datepicker {
        	border: 1px solid #d4e6fc;
        }
        .ui-datepicker-one-month {
        	float: left;
        	width: 185px;
        }
        .ui-datepicker-new-row {
        	clear: left;
        }
        .ui-datepicker-cover {
        	display: none;
        	display/**/: block;
        	position: absolute;
        	z-index: -1;
        	filter: mask();
        	top: -4px;
        	left: -4px;
        	width: 193px;
        	height: 200px;
        }

        </style>
    
    <script type="text/javascript">
        var tdModuleId = __MODULE_ID__;
    </script>
    <script src="http://www.google.com/jsapi"></script>
    <script type="text/javascript" src="http://www.organizetodo.com/organizetodo/td.php?v=1_72&view=canvas"></script>
    
    <script type="text/javascript">
        _IG_RegisterOnloadHandler(tdInit);
        _IG_Analytics("UA-2598826-4", "/todo_organizer_canvas");
    </script>
    
    <div id='tdContent'></div>
    
    ]]></Content>
</Module>