body
{
    margin:0px;
    padding:0px;
    background:#414141 url(images/bg.gif) repeat-x;
}

a
{
    color:#225599;
    text-decoration:none;
}
a:hover
{
    text-decoration:underline;
}

li
{
    color:#BB0000;
}

ul.inside 
{
    list-style-position:inside;
}

ul.outside 
{
    list-style-position:outside;
}

ol.mirthday
{
    line-height:0px;
}

.page
{
    font-family:Tahoma,Verdana,Sans-serif,Arial,Helvetica;
    font-size:10pt;
    color:#000000;
    font-weight:normal;
    text-decoration:none;

    width:999px;
    height:590px;
    margin:0px;
    background:#333333 url(images/bg.jpg) repeat-x 0px 0px;
}

.page_priorities
{
    font-family:Tahoma,Verdana,Sans-serif,Arial,Helvetica;
    font-size:10pt;
    color:#000000;
    font-weight:normal;
    text-decoration:none;

    width:999px;
    height:590px;
    margin:0px;
    background:#333333 url(images/bg_priorities.jpg) no-repeat;
}

.page_today
{
    font-family:Tahoma,Verdana,Sans-serif,Arial,Helvetica;
    font-size:10pt;
    color:#000000;
    font-weight:normal;
    text-decoration:none;

    width:999px;
    height:590px;
    margin:0px;
    background:#333333 url(images/bg_today.jpg) no-repeat 0px 0px;
}

.top
{
margin:0px;
padding:0px;
float:left;
width:700px;
padding:30px 0px 0px 40px;
}

.logo
{
    margin:0px;
    margin-left:50px;
    margin-right:27px;
    margin-top:30px;
    text-align:left;
padding:30px 0px 0px 50px;
margin:0px;
width:650px;
height:90px;

margin:0px;
padding:0px;
width:640px;
height:70px;
padding:0px 0px 0px 10px;
}

.logo img
{
border:none;
}

.menuItem
{
background-color: #999999;
border: solid 1px #555555;
width:105px;
height:14px;
text-align:center;
padding:1px 0px 0px 0px;
margin:1px;
float:left;
background:#999999 url(images/bg_priorities.jpg) no-repeat -337px -139px;
}

.menuItem:hover
{
background-color:#BB0000;
border: solid 1px #555555;
color:#FFFFFF;
cursor:pointer;
background:#BB0000 url(images/bg_priorities.jpg) no-repeat -667px -139px;
}

.menuItem:active
{
background-color:#000000;
cursor:pointer;
}

.menuItem2
{
background-color: #444444;
border: solid 1px #333333;
width:105px;
height:14px;
text-align:center;
padding:0px;
padding-top:1px;
margin:1px;
float:left;
}

.menuItem2:hover
{
background-color:#BB0000;
border: solid 1px #555555;
color:#000000;
cursor:pointer;
}

.menuItem2:active
{
background-color:#000000;
cursor:pointer;
}

#menuToday      { }
#menuMonth      { }
#menuYear1      { }
#menuYear2      { }
#menuYear3      { }
#menuLifetime   { }

div.menuItem
{
font-family:Tahoma,Verdana,Sans-serif,Arial,Helvetica;
font-size:8pt;
color:#000000;
font-weight:normal;
text-decoration:none;
}

div.menuItem2
{
font-family:Tahoma,Verdana,Sans-serif,Arial,Helvetica;
font-size:8pt;
color:#888888;
font-weight:normal;
text-decoration:none;
}

.focus
{
margin:18px 7px 7px 7px;
float:left;
width:302px;
height:20px;
padding:2px 7px 0px 7px;
vertical-align:bottom;
}

.category
{
margin:18px 0px 7px 0px;
float:left;
width:302px;
height:20px;
padding:2px 7px 0px 7px;
vertical-align:bottom;
}

#work
{
    color:#FFFFFF;
    background:#BB0000 url(images/bg_priorities.jpg) no-repeat -667px -139px;
}
#play
{
    color:#000000;
    background:#BB0000 url(images/bg_priorities.jpg) no-repeat -337px -139px;
}
#rest
{
    color:#FFFFFF;
    background:#BB0000 url(images/bg_priorities.jpg) no-repeat -7px -139px;
}

.red            { color:#BB0000;font-weight:normal; }
.black          { color:#000000;font-weight:normal; }
.white          { color:#FFFFFF;font-weight:normal; }
.gray           { color:#333333;font-weight:normal; }
.silver         { color:#E3E3E3;font-weight:normal; }

#red            { background:#BB0000;color:#FFFFFF; }
#black          { background:#000000;color:#FFFFFF; }
#white          { background:#FFFFFF;color:#333333; }
#gray           { background:#333333;color:#333333; }
#silver         { background:#E3E3E3;color:#333333; }

.projects
{
}

.priorities
{
}

.area
{
    margin:7px;
    float:left;
    width:302px;
    height:115px;
height:400px;
    padding:7px;
    text-align:left;
    overflow:auto;
    background-image:url(images/bg.png);
    scrollbar-base-color:#BBBBBB;
    scrollbar-arrow-color:#555555;
    scrollbar-track-color:#BBBBBB;
    scrollbar-face-color:#BBBBBB;
    scrollbar-darkshadow-color:#777777;
    scrollbar-shadow-color:#999999;
    scrollbar-highlight-color:#BBBBBB;
    scrollbar-3d-light-color:#BB0000;
}

.area a             { color:#333333; }
.area a:hover       { color:#000000; }
.area a:active      { color:#BB0000; }
.area a:visited     { color:#333333; }

.areaName           
{
    font-family:Tahoma,Verdana,Sans-serif,Arial,Helvetica;
    font-size:10pt;
    color:#000000;
    text-decoration:none;
margin:0px 0px 20px 0px;
background-image:url(images/bg.png);
text-align:center;
font-weight:bold;
font-style:normal;
}

.areaName:hover
{
background-image:none;
background-color:#EEEEEE;
text-decoration:none;
color:#BB0000;
cursor:pointer;
}


.priority           { padding:0px 20px 20px 20px;color:#BB0000;font-weight:bold; }
.priority a         { color:#BB0000;font-weight:normal; }

.list_today
{
    margin:7px;
margin:53px 7px 7px 337px;
margin:54px 7px 7px 337px;
    float:left;
    width:300px;
    height:410px;
width:301px;
height:301px;
    padding:7px;
    text-align:left;
    overflow-x:hidden;
    overflow-y:auto;
    scrollbar-base-color:#BBBBBB;
    scrollbar-arrow-color:#555555;
    scrollbar-track-color:#BBBBBB;
    scrollbar-face-color:#BBBBBB;
    scrollbar-darkshadow-color:#777777;
    scrollbar-shadow-color:#999999;
    scrollbar-highlight-color:#BBBBBB;
    scrollbar-3d-light-color:#BB0000;
font-family:Technical,Tahoma,Verdana,Sans-serif,Arial,Helvetica;
font-size:17pt;
color:#225599;
font-weight:normal;
text-decoration:none;
font-style:italic;

background:white;
background:transparent;
margin:0px;
}

.list_today a             { color:#225599; }
.list_today a:hover       { color:#225599; }
.list_today a:active      { color:#225599; }
.list_today a:visited     { color:#225599; }

.button_work
{
width:315px;
height:55px;
margin:0px 0px 0px 347px;
padding:0px 0px 9px 0px;
background:transparent;
cursor:pointer;
clear:both;
}

.button_play
{
width:110px;
height:315px;
margin:0px 0px 0px 237px;
float:left;
background:transparent;
cursor:pointer;
}

.button_rest
{
width:110px;
height:315px;
margin:0px;
float:left;
background:transparent;
cursor:pointer;
}

.button_work:hover
{
background:url(images/button_work.jpg);
cursor:pointer;
}

.button_play:hover
{
background:url(images/button_play.jpg);
cursor:pointer;
}

.button_rest:hover
{
background:url(images/button_rest.jpg);
cursor:pointer;
}

.list
{
    margin:7px;
    border:solid 1px #333333;
    float:left;
    width:300px;
    height:410px;
height:300px;
    padding:7px;
    text-align:left;
    overflow-x:hidden;
    overflow-y:auto;
    scrollbar-base-color:#BBBBBB;
    scrollbar-arrow-color:#555555;
    scrollbar-track-color:#BBBBBB;
    scrollbar-face-color:#BBBBBB;
    scrollbar-darkshadow-color:#777777;
    scrollbar-shadow-color:#999999;
    scrollbar-highlight-color:#BBBBBB;
    scrollbar-3d-light-color:#BB0000;
border:solid 1px transparent;
font-family:Technical,Tahoma,Verdana,Sans-serif,Arial,Helvetica;
font-size:14pt;
color:#225599;
font-weight:normal;
text-decoration:none;
font-style:italic;
}

.list a             { color:#225599; }
.list a:hover       { color:#225599; }
.list a:active      { color:#225599; }
.list a:visited     { color:#225599; }

.boxGrey
{
    background-image:url(images/bg.png);
    color: #333333;
    margin-top:50px;
}

INPUT.submit,
INPUT.update
{
font-family:Tahoma,Verdana,Sans-serif,Arial,Helvetica;
font-size: 10px; 
font-weight: normal;
color: #BBBBBB;
background-color: #707070;
height: 20px; 
width: 120px; 
border: 1px solid #333333;
margin:10px 0px 0px 0px;
}

INPUT.delete
{
font-family:Tahoma,Verdana,Sans-serif,Arial,Helvetica;
font-size: 10px; 
font-weight: normal;
color: #B0B0B0;
background-color: #707070;
height: 20px; 
width: 58px; 
border: 1px solid #333333;
}

INPUT.submit:hover,
INPUT.update:hover,
INPUT.delete:hover
{
color: #000000;
background-color: #BB0000;
cursor:pointer;
}

.link 
{
margin:0px 0px 3px 0px;
padding:0px 0px 0px 17px;
}

.quote 
{
color:#333333;
font-family:Technical,Tahoma,Verdana,Sans-serif,Arial,Helvetica;
font-size:14pt;
}

.contentRedSmall
{
font-family:Tahoma,Verdana,Sans-serif,Arial,Helvetica;
color:#BB0000;
font-size:8pt;
font-weight:bold;
text-decoration:none;
}

.contentGreenSmall
{
font-family:Tahoma,Verdana,Sans-serif,Arial,Helvetica;
color:#007755;
font-size:8pt;
font-weight:bold;
text-decoration:none;
}

.contentGreySmall
{
font-family:Tahoma,Verdana,Sans-serif,Arial,Helvetica;
color:#333333;
font-size:7pt;
font-weight:bold;
text-decoration:none;
border-bottom:solid 1px #888888;
padding:3px;
}

INPUT.boxMonthOn
{
font-family:Tahoma,Verdana,Sans-serif,Arial,Helvetica;
font-size: 10px; 
font-weight: bold;
color: #FFFFFF;
background-color:#BB0000;
height: 20px;
width:67px; 

width:65px; 
border: 1px solid #000000;
cursor:pointer;
}

INPUT.boxMonthOff
{
font-family:Tahoma,Verdana,Sans-serif,Arial,Helvetica;
font-size: 10px; 
font-weight: normal;
color: #B0B0B0;
background-color: #707070;
height: 20px; 
width:67px; 

width:65px; 
border: 1px solid #333333;
cursor:pointer;
}

INPUT.boxMonthOn:hover,
INPUT.boxMonthOff:hover
{
font-family:Tahoma,Verdana,Sans-serif,Arial,Helvetica;
font-size: 10px; 
font-weight: normal;
color: #000000;
background-color:#FFCC00;
height: 20px; 
width:67px; 

width:65px; 
border: 1px solid #000000;
cursor:pointer;
}

.months 
{
    background-image:url(images/bg.png);
    border: 1px solid #333333;
    margin-bottom:10px;
}

.linkSmall 
{
font-size:8pt;
color:#333333;
font-weight:normal;
text-decoration:none;
}

.linkSmall:hover 
{
font-size:8pt;
color:#BB0000;
font-weight:normal;
text-decoration:none;
}
						
.linkRedSmall 
{
font-size:8pt;
color:#BB0000;
font-weight:normal;
text-decoration:none;
}

.monthArea
{
    margin:7px;
    float:left;
    width:302px;
    height:80px;
    padding:7px;
    text-align:left;
    overflow:auto;
    background-image:url(images/bg.png);
    scrollbar-base-color:#BBBBBB;
    scrollbar-arrow-color:#555555;
    scrollbar-track-color:#BBBBBB;
    scrollbar-face-color:#BBBBBB;
    scrollbar-darkshadow-color:#777777;
    scrollbar-shadow-color:#999999;
    scrollbar-highlight-color:#BBBBBB;
    scrollbar-3d-light-color:#BB0000;
}

.monthArea a             { color:#333333; }
.monthArea a:hover       { color:#000000; }
.monthArea a:active      { color:#BB0000; }
.monthArea a:visited     { color:#333333; }

.monthName           { margin:0px 0px 20px 0px;background-image:url(images/bg.png);text-align:center;font-weight:bold; }

/* 20080216180903 */
.formtable
{
    width:940px;
    background:transparent url(images/bg.png) 0px 0px;
    margin:20px 0px 0px 20px;
    padding:10px;

}

.box 
{
width:940px;
    background-image:url(images/bg.png);
    border:0px solid #333333;
    margin:0px;
    padding:0px;
padding:10px;
clear:both;
}

.date
{
    width:440px;
    height:20px;
    margin:0px;
    padding:0px 0px 0px 210px;
    color:#333333;
    font-family:Tahoma;
    font-size:9pt;
}

.menu
{
    width:233px;
    height:92px;
    margin:0px;
    padding:28px 0px 0px 16px;
    float:left;
}

.title              
{
border-bottom:solid 1px #BB0000;
margin:0px 0px 10px 0px;
padding:10px;
text-align:left;
font:Bold 17pt Technical,Tahoma,Verdana,Sans-serif,Arial,Helvetica;
color:#225599;
}

.title a:link
{
    color:#225599;
}

.title a:hover
{
    color:#225599;
    text-decoration:underline;
}

.title a:visited
{
    color:#225599;
}


.field 
{
width:450px;
height:100%;
float:left;
padding:0px 0px 3px 30px;
}

.label 
{
width:170px;
height:100%;
float:left;
padding:0px 0px 3px 30px;
}

.clear 
{
    clear:both;
}

TD.year_completed
{
background:#CFCFCF;
color:#555555;
}

TD.month_completed
{
background:#555555;
color:#FFFFFF;
font-weight:bold;
}

TD.category
{
background:#CFCFCF;
color:#555555;
white-space:nowrap;
}

TD.success
{
background:#BB0000;
color:#FFFFFF;
font-weight:bold;
}

.earnings
{
    background:#007755;
    color:#FFFFFF;
}

.expenses
{
    background:#BB0000;
    color:#FFFFFF;
}

.tasks
{
margin:0px;
padding:0px 0px 0px 15px;
clear:both;

width:940px;
    background-image:url(images/bg.png);
background:transparent url(images/bg.png) 0px 0px;
    border:0px solid #333333;
    margin:0px;
margin:20px 0px 20px 20px;
    padding:0px;
padding:10px;
clear:both;
position:relative;
display:block;
}

.topbar 
{
width:940px;
height:30px;
margin:0px;
padding:0px;
border:0px;
background:#000000 url(/images/cellbg.gif);
float:left;
font:bold 8pt Tahoma,Verdana,Sans-serif,Arial,Helvetica;
color:#FFFFFF;
border-bottom:solid 1px #BB0000;
}

.button
{
font:bold 9pt Tahoma,Verdana,Sans-serif,Arial,Helvetica;
color:#BBBBBB;
background:#707070;
height:18px; 
height:30px; 
width:120px; 
border:0px;
padding:0px;
margin:0px;
background:#000000 url(/images/cellbg.gif);
}

.button:hover
{
color:#FFFFFF;
background:#BB0000;
cursor:pointer;
}

.topbartitle 
{
    padding:9px 0px 0px 20px;
    float:left;
    height:30px; 
}

.topbarbutton
{
margin:0px 20px 0px 0px;
padding:0px;
    float:right;
border-top:solid 0px #000000;
border-right:solid 1px #333333;
border-bottom:solid 0px #000000;
border-left:solid 1px #333333;
height:30px; 

}

.goalbar 
{
width:900px;
margin:0px;
padding:0px;
padding:0px 20px 0px 20px;
font:normal 14pt Technical,Tahoma,Verdana,Sans-serif,Arial,Helvetica;
color:#333333;
}


.goal_vision,
.goal_vision IMG
{
width:250px;
height:190px;
float:left;
margin:0px;
padding:0px 10px 10px 0px;
}

.goal_description
{
width:640px;
height:190px;
float:left;
margin:0px;
padding:0px;
overflow:auto;
    scrollbar-base-color:#BBBBBB;
    scrollbar-arrow-color:#555555;
    scrollbar-track-color:#BBBBBB;
    scrollbar-face-color:#BBBBBB;
    scrollbar-darkshadow-color:#777777;
    scrollbar-shadow-color:#999999;
    scrollbar-highlight-color:#BBBBBB;
    scrollbar-3d-light-color:#BB0000;
}

form 
{
margin:0px;
padding:0px;
}

.frame TD 
{
    border:solid 1px #D3D3D3;
background:#E3E3E3;
}

.categorycolumn 
{
white-space:nowrap;
}