/* Layout */
html { border: 0px; padding: 0px; margin: 0px; font-size: 12px;}
body { border: 0px; padding: 0px; margin: 10px 0px 10px 0px; color: #000; background-color: #EEE; font-family: verdana;}
div#container { margin-left: auto; margin-right: auto; width: 760px; border: 1px #002553 solid;}
.clearfix:after { content: ""; display: block; height: 0px; clear: both; visibility: hidden;}
textarea { height: 70px; width: 502px; overflow: visible;}

/* Masthead */
#head { display: block; width: 760px; border-bottom: 1px #002553 solid; background-color: #E9D691; float: left;}
#head a, #head a:visited, #head a:hover { color: #036; text-decoration: underline;}
#logo { width: 185px; height: 75px; border-bottom: 1px #002553 solid; background: #FFF url('logo.gif') no-repeat; float: left;}
#brand { width: 575px; height: 75px; border-bottom: 1px #002553 solid; background: #FFF url('brand.gif') no-repeat; float: left;}

/* Navigation */
#title { width: 400px; height: 40px; font-size: 24px; font-weight: bold; padding: 10px 0px 0px 10px; float: left;}
span#greeting { font-weight: bold; color: #C00;}
span#logged { font-weight: bold; color: #002553;}
#navigation { width: 340px; height: 40px; padding-top: 15px; text-align: right; margin-right: 5px; float: right;}

/* Control Bar */
#toolbar { width: 750px; height: 20px; text-align: right; padding: 5px 10px 0px 0px; background-color: #D4A15A; border-bottom: 1px #002553 solid; float: left;}
#toolbar a, #toolbar a:visited, #toolbar a:hover { color: #FFF; font-size: 11px; font-weight: bold; text-decoration: underline;}
#updates { width: 500px; height: 25px; float: left;}
#tools { width: 250px; height: 25px; float: left;}
#content { width: 740px; font-size: 10px; background-color: #FFF; padding: 10px; float: left;}

/* Default Fieldset */
#content fieldset { width: 720px; border: 1px #CCC solid; margin-bottom: 5px; float: left;}
*html #content fieldset { width: 736px; border: 1px #CCC solid; float: left;}
#content fieldset legend { color: #0046D5;}
#content fieldset label { width: 175px; font-weight: bold; text-align: right; padding-right: 3px; float: left;}
#content fieldset span { color: red; font-size: 12px;}
#content fieldset .note { font-weight: normal; color: #666; font-size: 9px;}
#content div#one { width: 360px; padding: 5px 0px 5px 0px; float: left;}
*html #content div#one { width: 368px; padding: 5px 0px 5px 0px; float: left;}
#content div#two { width: 360px; padding: 5px 0px 5px 0px; float: left;}
*html #content div#two { width: 368px; padding: 5px 0px 5px 0px; float: left;}

/* Info Fieldset */
#content #info select { width: 125px;}
#content #info a.button { background-color: #EEE; border: 1px #999 solid; color: #2F6EA5; padding: 3px;}
#content #info a.button:hover { background-color: #CCC; color: #000;}
#content #info .block { display: block; width: 175px;}

/* Description Fieldset */
#content #description input { width: 502px;}
*html #content #description input { width: 508px;}
#content #description div#one { width: 720px; padding: 5px 0px 5px 0px; float: left;}
*html #content #description div#one { width: 736px; padding: 5px 0px 5px 0px; float: left;}
#content #description div#two { width: 720px; padding: 5px 0px 5px 0px; float: left;}
*html #content #description div#two { width: 736px; padding: 5px 0px 5px 0px; float: left;}
#content #description .block { display: block; width: 502px;}
*html #content #description .block { display: block; width: 502px;}

/* Details Fieldset */
#content #details div#one { width: 360px; padding: 5px 0px 5px 0px; float: left;}
*html #content #details div#one { width: 368px; padding: 5px 0px 5px 0px; float: left;}
#priority { margin-top: 8px;}
#priority, #scale, #assigned, #status { width: 175px; margin-bottom: 8px;}
*html #priority, *html #scale, *html #assigned, *html #status { width: 163px;}
#content #details div#one input { width: 171px;}
#content #details div#one #duedate { width: 151px;}
*html #content #details div#one input { width: 157px;}
*html #content #details div#one #duedate { width: 137px;}
#content #details div#two { width: 360px; padding: 5px 0px 5px 0px; float: left;}
*html #content #details div#two { width: 368px; padding: 5px 0px 5px 0px; float: left;}
#content #details div#two select { width: 146px; margin-bottom: 8px;}
#content #details div#two input { margin-bottom: 8px;}
.disabled { color: #ACA899; background-color: #EBEBE4; border: 1px #7F9DB9 solid;}

/* Update Fieldset */
#content #update input { width: 502px;}
*html #content #update input { width: 508px;}
#content #update div#one { width: 720px; padding: 5px 0px 5px 0px; float: left;}
*html #content #update div#one { width: 736px; padding: 5px 0px 5px 0px; float: left;}
#content #update .block { display: block; width: 502px;}
*html #content #update .block { display: block; width: 502px;}

/* New Client Fieldset */
div#clientcontainer { width: 300px;}
div#clientcontainer #content { width: 280px; font-size: 10px; background-color: #FFF; padding: 0px 0px 0px 5px;; float: left;}
div#clientcontainer #content form { padding: 0px; margin: 0px;}
div#clientcontainer #content fieldset { width: 280px; margin: 0px; float: left;}
div#clientcontainer #content div#one { width: 280px; padding: 5px 0px 5px 0px; float: left;}
div#clientcontainer #content label { width: 125px;}
div#clientcontainer #content #submitclient { width: 275px; text-align: right; float: left;}

/* Overview Fieldset */
#overview div { text-align: center; margin: 5px;}
#overview .columnheader { font-weight: bold; font-size: 13px;}
#overview .columnheader li { display: inline; height: 20px; float: left; border: 0px #CCC solid;}
#overview ul { list-style: none; padding: 3px; margin: 0px; display: block;}
#overview ul li { display: inline; width: 100px; height: 12px; float: left;}
#overview ul li a.hide { display: none;}
#overview ul li a.hide:visited { display: none;}
#overview ul li a:hover { background: #f63; color: #000;}
#overview ul .update { display: inline; width: 60px; float: left; border: none !important; background-color: #FFF !important;}
#overview ul .view { display: inline; width:50px; float: left; border: none !important; background-color: #FFF !important;}
#overview ul .client { display: inline; overflow: hidden; width: 140px; padding-left: 2px; text-align: left;}
*html #overview ul .client { display: inline; overflow: hidden; width: 150px; padding-left: 2px; text-align: left;}
#overview ul .projecttitle { display: inline; overflow: hidden; width: 140px; padding-left: 2px; text-align: left;}
*html #overview ul .projecttitle { display: inline; overflow: hidden; width: 150px; padding-left: 2px; text-align: left;}
#overview ul .timespent { display: inline; overflow: hidden; width: 90px; padding-left: 2px; text-align: center;}
#overview ul .duedate { display: inline; width: 90px; float: left; text-align: center;}
#overview ul .status { display: inline; width: 105px; float: left; padding-left: 2px; text-align: center;}
#overview .odd li { background-color: #E1EAFE; border-top: 1px #CCC solid; border-left: 1px #CCC solid; border-bottom: 1px #CCC solid;}
#overview .odd .client { display: inline; overflow: hidden; width: 140px; padding-left: 2px; text-align: left;}
*html #overview .odd .client { display: inline; overflow: hidden; width: 150px; padding-left: 2px; text-align: left;}
#overview .odd .projecttitle { display: inline; overflow: hidden; width: 140px; padding-left: 2px; text-align: left;}
*html #overview .odd .projecttitle { display: inline; overflow: hidden; width: 150px; padding-left: 2px; text-align: left;}
#overview .odd .timespent { display: inline; overflow: hidden; width: 90px; padding-left: 2px; text-align: center; border-right: 1px #CCC solid;}
#overview .odd .duedate { display: inline; width: 90px; float: left; text-align: center;}
#overview .odd .status { display: inline; width: 105px; float: left; padding-left: 2px; text-align: center;}
#overview .even li { border-top: 1px #CCC solid; border-left: 1px #CCC solid; border-bottom: 1px #CCC solid;}
#overview .even .client { display: inline; overflow: hidden; width: 140px; padding-left: 2px; text-align: left;}
*html #overview .even .client { display: inline; overflow: hidden; width: 150px; padding-left: 2px; text-align: left;}
#overview .even .projecttitle { display: inline; overflow: hidden; width: 140px; padding-left: 2px; text-align: left;}
*html #overview .even .projecttitle { display: inline; overflow: hidden; width: 150px; padding-left: 2px; text-align: left;}
#overview .even .timespent { display: inline; overflow: hidden; width: 90px; padding-left: 2px; text-align: center; border-right: 1px #CCC solid;}
#overview .even .duedate { display: inline; width: 90px; float: left; text-align: center;}
#overview .even .status { display: inline; width: 105px; float: left; padding-left: 2px; text-align: center;}

/* Search Fieldset */
#content #search select { width: 168px;}
#content #search div#one #fromdate { width: 151px;}
#content #search div#two #todate { width: 151px;}

/* Search Results Fieldset */
#searchresults div { text-align: center; margin: 5px;}
#searchresults .columnheader { font-weight: bold; font-size: 13px;}
#searchresults .columnheader li { display: inline; height: 20px; float: left; border: 0px #CCC solid;}
#searchresults .odd li { background-color: #E1EAFE;}
#searchresults ul { list-style: none; padding: 3px; margin: 0px; display: block;}
#searchresults ul li { display: inline; width: 100px; height: 12px; float: left;}
#searchresults ul li a.hide { display: none;}
#searchresults ul li a.hide:visited { display: none;}
#searchresults ul li a:hover { background: #f63; color: #000;}
#searchresults ul .update { display: inline; width: 60px; float: left; border: none !important; background-color: #FFF !important;}
#searchresults ul .view { display: inline; width:50px; float: left; border: none !important; background-color: #FFF !important;}
#searchresults ul .client { display: inline; overflow: hidden; width: 140px; padding-left: 2px; text-align: left;}
*html #searchresults ul .client { display: inline; overflow: hidden; width: 150px; padding-left: 2px; text-align: left;}
#searchresults ul .projecttitle { display: inline; overflow: hidden; width: 140px; padding-left: 2px; text-align: left;}
*html #searchresults ul .projecttitle { overflow: hidden; width: 150px; padding-left: 2px; text-align: left;}
#searchresults ul .timespent { display: inline; overflow: hidden; width: 90px; padding-left: 2px; text-align: center;}
#searchresults ul .duedate { display: inline; width: 90px; float: left; text-align: center;}
#searchresults ul .status { display: inline; width: 105px; float: left; padding-left: 2px; text-align: center;}

#searchresults .odd li { background-color: #E1EAFE; border-top: 1px #CCC solid; border-left: 1px #CCC solid; border-bottom: 1px #CCC solid;}
#searchresults .odd .client { display: inline; overflow: hidden; width: 140px; padding-left: 2px; text-align: left;}
*html #searchresults .odd .client { display: inline; overflow: hidden; width: 150px; padding-left: 2px; text-align: left;}
#searchresults .odd .projecttitle { display: inline; overflow: hidden; width: 140px; padding-left: 2px; text-align: left;}
*html #searchresults .odd .projecttitle { display: inline; overflow: hidden; width: 150px; padding-left: 2px; text-align: left;}
#searchresults .odd .timespent { display: inline; overflow: hidden; width: 90px; padding-left: 2px; text-align: center; border-right: 1px #CCC solid;}
#searchresults .odd .duedate { display: inline; width: 90px; float: left; text-align: center;}
#searchresults .odd .status { display: inline; width: 105px; float: left; padding-left: 2px; text-align: center;}
#searchresults .even li { border-top: 1px #CCC solid; border-left: 1px #CCC solid; border-bottom: 1px #CCC solid;}
#searchresults .even .client { display: inline; overflow: hidden; width: 140px; padding-left: 2px; text-align: left;}
*html #searchresults .even .client { display: inline; overflow: hidden; width: 150px; padding-left: 2px; text-align: left;}
#searchresults .even .projecttitle { display: inline; overflow: hidden; width: 140px; padding-left: 2px; text-align: left;}
*html #searchresults .even .projecttitle { display: inline; overflow: hidden; width: 150px; padding-left: 2px; text-align: left;}
#searchresults .even .timespent { display: inline; overflow: hidden; width: 90px; padding-left: 2px; text-align: center; border-right: 1px #CCC solid;}
#searchresults .even .duedate { display: inline; width: 90px; float: left; text-align: center;}
#searchresults .even .status { display: inline; width: 105px; float: left; padding-left: 2px; text-align: center;}

/* Add User Fieldset */
#content #user select { width: 147px;}

/* User Listing Fieldset */
#userlisting div { text-align: center; margin: 5px;}
#userlisting .columnheader { font-weight: bold; font-size: 13px;}
#userlisting .columnheader li { display: inline; height: 20px; float: left; border: 0px #CCC solid;}
#userlisting .odd li { background-color: #E1EAFE;}
#userlisting ul { list-style: none; padding: 3px; margin: 0px; display: block;}
#userlisting ul li { display: inline; width: 100px; height: 12px; float: left;}
#userlisting ul li a.hide { display: none;}
#userlisting ul li a.hide:visited { display: none;}
#userlisting ul li a:hover { background: #f63; color: #000;}
#userlisting ul .update { display: inline; width: 60px; float: left; border: none !important; background-color: #FFF !important;}
#userlisting ul .remove { display: inline; width:50px; float: left; border: none !important; background-color: #FFF !important;}
#userlisting ul .name { display: inline; overflow: hidden; width: 220px; padding-left: 2px; text-align: left;}
*html #userlisting ul .name { display: inline; overflow: hidden; width: 230px; padding-left: 2px; text-align: left;}
#userlisting ul .lastlogin { display: inline; overflow: hidden; width: 130px; padding-left: 2px; text-align: center;}
#userlisting ul .access { display: inline; width: 125px; float: left; padding-left: 2px; text-align: center;}

#userlisting .odd li { background-color: #E1EAFE; border-top: 1px #CCC solid; border-left: 1px #CCC solid; border-bottom: 1px #CCC solid;}
#userlisting .odd .name { display: inline; overflow: hidden; width: 220px; padding-left: 2px; text-align: left;}
*html #userlisting .odd .name { display: inline; overflow: hidden; width: 230px; padding-left: 2px; text-align: left;}
#userlisting .odd .lastlogin { display: inline; overflow: hidden; width: 130px; padding-left: 2px; text-align: center; border-right: 1px #CCC solid;}
#userlisting .odd .access { display: inline; width: 125px; float: left; padding-left: 2px; text-align: center;}
#userlisting .even li { border-top: 1px #CCC solid; border-left: 1px #CCC solid; border-bottom: 1px #CCC solid;}
#userlisting .even .name { display: inline; overflow: hidden; width: 220px; padding-left: 2px; text-align: left;}
*html #userlisting .even .name { display: inline; overflow: hidden; width: 230px; padding-left: 2px; text-align: left;}
#userlisting .even .lastlogin { display: inline; overflow: hidden; width: 130px; padding-left: 2px; text-align: center; border-right: 1px #CCC solid;}
#userlisting .even .access { display: inline; width: 125px; float: left; padding-left: 2px; text-align: center;}

/* Client Listing Fieldset */
#clientlisting div { text-align: center; margin: 5px;}
#clientlisting .columnheader { font-weight: bold; font-size: 13px;}
#clientlisting .columnheader li { display: inline; height: 20px; float: left; border: 0px #CCC solid;}
#clientlisting .odd li { background-color: #E1EAFE;}
#clientlisting ul { list-style: none; padding: 3px; margin: 0px; display: block;}
#clientlisting ul li { display: inline; width: 100px; height: 12px; float: left;}
#clientlisting ul li a.hide { display: none;}
#clientlisting ul li a.hide:visited { display: none;}
#clientlisting ul li a:hover { background: #f63; color: #000;}
#clientlisting ul .update { display: inline; width: 60px; float: left; border: none !important; background-color: #FFF !important;}
#clientlisting ul .remove { display: inline; width:50px; float: left; border: none !important; background-color: #FFF !important;}
#clientlisting ul .clientcompany { display: inline; overflow: hidden; width: 195px; padding-left: 2px; text-align: left;}
*html #clientlisting ul .clientcompany { display: inline; overflow: hidden; width: 205px; padding-left: 2px; text-align: left;}
#clientlisting ul .telephone { display: inline; overflow: hidden; width: 100px; padding-left: 2px; text-align: left;}
*html #clientlisting ul .telephone { overflow: hidden; width: 110px; padding-left: 2px; text-align: left;}
#clientlisting ul .email { display: inline; width: 180px; float: left; padding-left: 2px; text-align: center;}

#clientlisting .odd li { background-color: #E1EAFE; border-top: 1px #CCC solid; border-left: 1px #CCC solid; border-bottom: 1px #CCC solid;}
#clientlisting .odd .clientcompany { display: inline; overflow: hidden; width: 195px; padding-left: 2px; text-align: left;}
*html #clientlisting .odd .clientcompany { display: inline; overflow: hidden; width: 205px; padding-left: 2px; text-align: left;}
#clientlisting .odd .telephone { display: inline; overflow: hidden; width: 100px; padding-left: 2px; text-align: left;}
*html #clientlisting .odd .telephone { display: inline; overflow: hidden; width: 110px; padding-left: 2px; text-align: left;}
#clientlisting .odd .email { display: inline; width: 180px; float: left; padding-left: 2px; text-align: center;}
#clientlisting .even li { border-top: 1px #CCC solid; border-left: 1px #CCC solid; border-bottom: 1px #CCC solid;}
#clientlisting .even .clientcompany { display: inline; overflow: hidden; width: 195px; padding-left: 2px; text-align: left;}
*html #clientlisting .even .clientcompany { display: inline; overflow: hidden; width: 205px; padding-left: 2px; text-align: left;}
#clientlisting .even .telephone { display: inline; overflow: hidden; width: 100px; padding-left: 2px; text-align: left;}
*html #clientlisting .even .telephone { display: inline; overflow: hidden; width: 110px; padding-left: 2px; text-align: left;}
#clientlisting .even .email { display: inline; width: 180px; float: left; padding-left: 2px; text-align: center;}

/* Login Fieldset */
#content #login div#one { width: 600px;}

/* Calendar Styles */
.calcpYearNavigation { font-weight: bold; color: #FFF; background-color: #67D; text-align: center; text-decoration: none;}
.calcpMonthNavigation { font-weight: bold; color: #FFF; background-color: #67D; text-align: center; text-decoration: none;}
.calcpDayColumnHeader { font-size: 8pt; font-family: arial;}
.calcpYearNavigation { font-size: 8pt; font-family: arial;}
.calcpMonthNavigation { font-size: 8pt; font-family: arial;}
.calcpCurrentMonthDate { font-size: 8pt; font-family: arial;}
.calcpCurrentMonthDateDisabled { font-size: 8pt; font-family: arial;}
.calcpOtherMonthDate { font-size: 8pt; font-family: arial;}
.calcpOtherMonthDateDisabled { font-size: 8pt; font-family: arial;}
.calcpCurrentDate { font-size: 8pt; font-family: arial;}
.calcpCurrentDateDisabled { font-size: 8pt; font-family: arial;}
.calcpTodayText { font-size: 8pt; font-family: arial;}
.calcpTodayTextDisabled { font-size: 8pt; font-family: arial;}
.calcpText { font-size: 8pt; font-family: arial;}
TD.calcpDayColumnHeader { border-right: #67D 0px solid; border-top: #67D 0px solid; border-left: #67D 0px solid; border-bottom: #67D 1px solid; text-align: right;}
.calcpCurrentMonthDate { text-align: right; text-decoration: none;}
.calcpOtherMonthDate { text-align: right; text-decoration: none;}
.calcpCurrentDate { text-align: right; text-decoration: none;}
.calcpCurrentMonthDateDisabled { color: #D0D0D0; text-align: right; text-decoration: line-through;}
.calcpOtherMonthDateDisabled { color: #D0D0D0; text-align: right; text-decoration: line-through;}
.calcpCurrentDateDisabled { color: #D0D0D0; text-align: right; text-decoration: line-through;}
.calcpCurrentMonthDate { FONT-WEIGHT: BOLD; COLOR: #67D;}
.calcpCurrentDate { FONT-WEIGHT: BOLD; COLOR: #FFF;}
.calcpOtherMonthDate { color: #808080;}
TD.calcpCurrentDate { border-right: #000 thin solid; border-top: #000 thin solid; border-left: #000 thin solid; color: #FFF; border-bottom: #000 thin solid; background-color: #67D;}
TD.calcpCurrentDateDisabled { border-right: #FAA thin solid; border-top: #FAA thin solid; border-left: #FAA thin solid; border-bottom: #FAA thin solid;}
TD.calcpTodayText { border-right: #67d 0px solid; border-top: #67d 1px solid; border-left: #67d 0px solid; border-bottom: #67d 0px solid;}
TD.calcpTodayTextDisabled { border-right: #67D 0px solid; border-top: #67D 1px solid; border-left: #67D 0px solid; border-bottom: #67D 0px solid;}
A.calcpTodayText { height: 20px;}
SPAN.calcpTodayTextDisabled { height: 20px;}
A.calcpTodayText { font-weight: bold; color: #67D;}
SPAN.calcpTodayTextDisabled { color: #D0D0D0;}
.calcpBorder { border-right: #67D thin solid; border-top: #67D thin solid; border-left: #67D thin solid; border-bottom: #67D thin solid;}

/* Copyright */
#foot { background-color: #D4A15A; border-top: #002553 1px solid; text-align: center; font-size: 9px; overflow: hidden; width: 760px; height: 20px; padding-top: 5px; float: left;}