body {
 margin: 0; 
 padding: 0; 
 background: white; 
 font: normal 12px arial; 
 color: rgb(60,60,60); 
}

a {
 text-decoration: none; 
 color: rgb(79,163,206)
}

a img {
 border: 0; 
}

#veryMain {
 width: 1200px; 
 height: auto; 
 position: absolute; 
 top: 0px; 
 left: 50%; 
 margin-left: -600px; 
}

#topLine {
 height: 104px; 
 width: 1195px; 
 position: relative; 
 float: left; 
 left: 5px; 
 background: url('img/topfon.jpg');
}

#menuLine {
 height: 55px; 
 width: 1195px; 
 position: relative; 
 float: left; 
 left: 5px; 
 background: rgb(33,142,198) url('img/menuline.jpg');
}

#menuLineLeft {
 width: 11px; 
 height: 55px; 
 position: absolute; 
 top: 0px; 
 left: 0px; 
 background: url('img/menulineleft.jpg') no-repeat top left;
}

#menuLineRight {
 width: 11px; 
 height: 55px; 
 position: absolute; 
 top: 0px; 
 left: 1184px; 
 background: url('img/menulineright.jpg') no-repeat top left;
}

#menuItself {
 width: 1130px; 
 left: 33px; 
 height: 50px; 
 position: absolute; 
 top: 8px; 
 text-transform: uppercase; 
 font: bold 12px arial; 
}

.mainMenuIn {
 background: rgb(230,233,235); 
 padding-left: 20px; 
 padding-right: 20px; 
 float: left;
 position: relative; 
 height: 30px; 
 padding-top: 10px; 
}

.mainMenuIn a, .mainMenuIn a:visited,  a:active {
 color: rgb(33,142,198); 
}
.mainMenuIn a:hover, .mainMenuLink a:hover, .mainMenuIn a:visited:hover {
 color: black; 
}

.mainMenuLink {
 padding-left: 20px; 
 padding-right: 20px; 
 float: left;
 position: relative; 
 height: 30px; 
 padding-top: 10px; 
}

.mainMenuLink a, .mainMenuLink a:visited, .mainMenuLink a:active {
 color: white; 
}

#theLogo {
 width: 298px; 
 height: 83px; 
 position: absolute;
 top: 15px; 
 left: 0px; 
}

#loggedInAs {
 width: 660px; 
 position: absolute;
 top: 40px; 
 left: 505px; 
 text-align: right; 
 font: normal 12px arial; 
 color: rgb(92,92,92);
}

#userProfileMenu {
 width: 660px; 
 position: absolute;
 top: 65px; 
 left: 505px; 
 text-align: right; 
 font: bold 12px arial; 
 color: rgb(92,92,92);
}
#userProfileMenu a, #userProfileMenu a:visited, #userProfileMenu a:active, 
#sysSubMenu a, #sysSubMenu a:visited, #sysSubMenu a:active {
 color: rgb(92,92,92);
}
#userProfileMenu a:hover, 
#sysSubMenu a:hover {
 text-decoration: underline;
}

#allinside {
 height: auto; 
 width: 1200px; 
 position: relative; 
 float: left; 
}

#sysSubMenu {
 width: 205px; 
 height: auto; 
 float: left; 
 position: relative; 
 padding-top: 27px; 
 font: normal 12px arial; 
 color: rgb(92,92,92);
}

.subpageIn {
 background: rgb(230,233,235); 
 width: 190px; 
 padding-left: 5px; 
 padding-right: 10px; 
 float: left; 
 position: relative; 
 padding-top: 11px; 
 padding-bottom: 8px; 
 line-height: 13px;
}

.subpageLink  {
 width: 190px; 
 padding-left: 5px; 
 padding-right: 10px; 
 float: left; 
 position: relative; 
 padding-top: 11px; 
 padding-bottom: 8px; 
 line-height: 13px;
}
.subpageLink:hover {
 background: rgb(240,240,240); 
}
.subpageLink:hover a {
 text-decoration: underline; 
}

#allCont {
 WIDTH: 680px; 
 padding-left: 20px; 
 padding-top: 27px; 
 height: auto; 
 float: left; 
 position: relative; 
 font: normal 12px arial; 
 color: rgb(60,60,60); 
}

#rightCol {
 width: 280px; 
 height: auto; 
 float: right; 
 position: relative; 
}

#sysNotesDiv {
 width: 280px; 
 height: auto; 
 min-height: 245px; 
 background: rgb(230,233,235);
 float: right; 
 position: relative; 
 margin-top: 7px; 
}

#lenendDiv {
 width: 270px; 
 height: auto; 
 float: right; 
 position: relative; 
 margin-top: 7px; 
}

#sysNotesCapt {
 height: 27px; 
 width: 278px; 
 padding-left: 12px; 
 padding-top: 15px; 
 font: normal 16px arial;
 text-transform: uppercase;
 color: rgb(92,92,92);
}

#link2notes {
 height: 20px; 
 width: 278px; 
 padding-left: 12px; 
 font: bold 12px arial;
 color: rgb(92,92,92);
}

#sysNotesArea {
 width: 260px; 
 padding-top: 5px; 
 padding-bottom: 5px; 
 height: 165px; 
 padding-left: 5px; 
 padding-right: 5px; 
 position: relative; 
 float: left; 
 left: 6px; 
 background: white; 
 margin-bottom: 10px;
 color: rgb(60,60,60); 
 font: normal 11px arial; 
 overflow: auto; 
}

.divBordDotted {
 width: 95%; 
 height: auto; 
 position: relative; 
 padding: 5px; 
 margin-top: 5px; 
 margin-bottom: 5px; 
 float: left; 
 border: 1px dotted silver; 
 background: rgb(255,251,251); 
}

.HRreplacer {
 width: 100%; 
 height: 5px; 
 border-bottom: 2px dotted silver; 
 margin-bottom: 5px; 
 float: left; 
 position: relative;
}

.sel_maker_button {
 
}

.newClientDivForm {
 width: 100%; 
 float: left;
 position: relative; 
}

.projNearDeadlineDisplay, .projGoodTempoDisplay, .projToGiveClients, 
.projNeedApprove, .projMustAssign, .projCriticalDisplay, 
.projByNumStatus1, .projByNumStatus2, .projByNumStatus3, .projByNumStatus4, .projByNumStatus5, .projByNumStatus6, .projCompleteDisplay, .projByNumStatus {
 background: rgb(230,233,235);
 color: rgb(30,30,30);
 width: 650px; 
 padding-left: 25px; 
 padding-right: 5px;
 padding-top: 5px; 
 padding-bottom: 5px; 
 margin-bottom: 5px; 
 height: auto; 
 position: relative; 
 float: left;
 line-height: 14px; 
 font: normal 12px arial;
}

.projByNumStatus5 {
 background: rgb(230,233,235) url('img/dot7-OK.png') no-repeat top left; 
 background-position: 2px 5px;
}

.projToGiveClients, .projByNumStatus4 {
 background: rgb(230,233,235) url('img/dot1.png') no-repeat top left; 
 background-position: 2px 5px;
}
.projNeedApprove, .projByNumStatus3 {
 background: rgb(230,233,235) url('img/dot2.png') no-repeat top left; 
 background-position: 2px 5px;
}
.projCriticalDisplay {
 background: rgb(230,233,235) url('img/dot3.png') no-repeat top left; 
 background-position: 2px 5px;
}
.projNearDeadlineDisplay {
 background: rgb(230,233,235) url('img/dot5.png') no-repeat top left; 
 background-position: 2px 5px;
}
.projGoodTempoDisplaym, .projByNumStatus2 {
 background: rgb(230,233,235) url('img/dot6.png') no-repeat top left; 
 background-position: 2px 5px;
}
.projMustAssign, .projByNumStatus1  {
 background: rgb(230,233,235) url('img/dot4.png') no-repeat top left; 
 background-position: 2px 5px;
}

.projCompleteDisplay  {
 background: rgb(230,233,235) url('img/dot7-OK.png') no-repeat top left; 
 background-position: 2px 5px;
}

h1 {
 font: bold 18px arial;
 margin-bottom: 4px; 
}

h2 { 
 font: bold 16px arial;
 margin-bottom: 6px; 
} 

.flw100 {
 float: left; 
 position: relative; 
 height: auto;
 width: 100%; 
}
.flw100h5 {
 float: left; 
 position: relative; 
 height: 5px;
 width: 100%; 
}
.flw100h10 {
 float: left; 
 position: relative; 
 height: 10px;
 width: 100%; 
}

.addTastRow {
 WIDTH: 100%; 
 float: left;
 position: relative; 
 height: auto; 
 padding-bottom: 4px; 
}

.addTastExplFld {
 width: 30%; 
 float: left; position: relative; 
 
}

.addTastFldThe {
 width: 68%; 
 float: right; 
 position: relative; 
} 

.addClientRow {
 width: 100%; 
 float: left; 
 position: relative; 
 height: auto; 
}

.addClientExplFld {
 width: 40%; 
 float: left; 
 text-align: right; 
 position: relative; 
}

.addClientFldThe {
 width: 55%; 
 float: right; 
 position: relative; 
}

.addTastFldThe textarea {
 width: 300px; 
 height: 60px; 
 overflow: auto; 
 font: normal 11px arial; 
}

.reportSrchRow {
 width: 100%; 
 height: auto; 
 float: left; 
 position: relative; 
}

.reportSrchLeft { 
 width: 30%; 
 height: auto; 
 float: left; 
 position: relative; 
}

.reportSrchRight { 
 width: 65%; 
 height: auto; 
 float: right; 
 position: relative; 
}

.warnSign {
 display: block;
 padding: 3px; 
 font-weight: bold; 
 color: red; 
}

#projCritH2 {
 color: red; 
}

#proj2acceptH2 {
 color: red; 
}

#proj4clientH2 {
 color: orange;
}

#projOKh2 {
 color: green; 
}

.minMaxList {
 position: absolute; 
 top: 0px; 
 left: 100%; 
 margin-left: -70px;
 padding-top: 5px; 
 width: 70px; 
 text-align: right; 
}

.minMaxList a {
 font: bold 12px courier;
} 

.commonTable {
 width: 100%; 
 margin-left: 5px; 
}

table.commonTable td {
 padding: 2px; 
 margin: 0px; 
 border: 1px solid silver; 
}

td.headCell {
 padding: 2px; 
 margin: 0px; 
 border: 1px solid silver; 
 background: rgb(240,240,240);
}

h2 img {
 margin-right: 4px; 
 position: relative; 
 top: 2px; 
}

.expandButton {
 float: left; 
 position: relative; 
 background: rgb(17,137,198) url('img/expand-all.jpg');
 width: 170px; 
 text-align: center;
 height: 30px; 
 padding-top: 18px;
 font: bold 12px arial; 
}
.expandButton a, .expandButton a:visited, .expandButton a:active {
 color: white; 
}

.unexpandButton {
 float: left; 
 position: relative; 
 background: rgb(209,210,212) url('img/unexpand-all.jpg');
 width: 170px; 
 text-align: center;
 height: 30px; 
 padding-top: 18px;
 font: bold 12px arial; 
}

.filterByUserList {
 float: left; 
 position: relative; 
 padding-left: 10px; 
 height: auto; 
 width: 300px; 
}

#filterByUser  input {
 padding: 3px; 
 background: rgb(240,240,240); 
 border: 1px solid silver; 
}

.docDisplTRow {
 width: 100%;
 margin-bottom: 3px; 
 height: auto; 
 float: left; 
 position: relative; 
}

.docListTitle {
 width: 39%; 
 height: auto; 
 padding-bottom: 3px; 
 padding-top: 3px; 
 float: left; 
 position: relative; 
 background: rgb(240,240,240);
 margin-right: 1%; 
}
.docListDate, .docListLink {
 width: 14%; 
 height: auto; 
 float: left; 
 position: relative; 
 background: rgb(240,240,240);
 margin-right: 1%; 
 padding-bottom: 3px; 
 padding-top: 3px; 
}

.docListTitleShort {
 width: 29%; 
 height: auto; 
 padding-bottom: 3px; 
 padding-top: 3px; 
 float: left; 
 position: relative; 
 background: rgb(240,240,240);
 margin-right: 1%; 
}


.docListDateShort, .docListLinkShort {
 width: 14%; 
 height: auto; 
 float: left; 
 position: relative; 
 background: rgb(240,240,240);
 margin-right: 1%; 
 padding-bottom: 3px; 
 padding-top: 3px; 
}

.docListAmountShort {
 width: 24%; 
 height: auto; 
 float: left; 
 position: relative; 
 background: rgb(240,240,240);
 margin-right: 1%; 
 padding-bottom: 3px; 
 padding-top: 3px; 
 font: bold 12px arial; 
}

.groupReportRow {
 width: 100%; 
 height: auto; 
 float: left; 
 position: relative; 
 font: normal 13px arial; 
}

.groupReportRow div {
 float: left; position: relative; height: auto; width: 19%; 
 margin-right: 1%; 
 background: rgb(240,240,240);
 margin-bottom: 3px; 
 height: 40px; 
 
}

.diagramSign {
 float: right; 
 position: relative; 
 left: 55px; 
 width: 50px; 
 font: normal 10px arial; 
 color: black; 
}

.diagramSignLong {
 float: right; 
 position: relative; 
 left: 95px; 
 width: 90px; 
 font: normal 10px arial; 
 color: black; 
}

.subGroupRow {
 width: 100%; 
 height: auto; 
 float: left; 
 position: relative; 
 font: normal 11px arial; 
}

.subGroupRow div {
 float: left; position: relative; height: auto; width: 19%; 
 margin-right: 1%; 
 background: rgb(240,240,240);
 margin-bottom: 1px; 
 height: 17px; 
}

#clientList {
 height: 26px; 
}

.myNotesTextarea {
 width: 250px; 
 height: 80px; 
 overflow: auto; 
 font: normal 12px arial; 
 color: black; 
}

.sendTaskLinkDiv1 {
 float: left; 
 position: relative; 
 width: 100%; 
}
.sendTaskLinkDiv2, .sendTaskLinkDiv3, .sendTaskLinkDiv4, .sendTaskLinkDiv5 {
 float: left; 
 position: relative; 
 display: none; 
 width: 100%; 
}

.makerInfo1 {
 float: left; 
 position: relative; 
 width: 100%; 
 display: none; 
}

.makerInfo2, .makerInfo3, .makerInfo4, .makerInfo5 {
 float: left; 
 position: relative; 
 width: 100%; 
}

.flwa {
 float: left; 
 position: relative; 
 width: auto; 
 height: auto; 
}

.acceptLink1, .acceptLink2, .acceptLink4, .acceptLink5, .acceptLink6 {
 display: none; 
} 

.acceptLink3 {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
}
.calendarDivInPage {
 width: 160px; 
 background: white; 
 z-index: 1000; 
 display: block; 
 font: normal 12px arial; 
 color: black; 
 height: auto; 
 position: absolute; 
 visibility: hidden; 
}

.calendarprevNext, .calendarYear {
 width: 100%; 
 float: left; 
 text-align: center;
 padding-top: 2px; 
 padding-bottom: 2px; 
 font: bold 14px arial; 
 color: rgb(147,0,0); 
 height: auto; 
}

.ajCalDay {
 width: 20px; 
 height: 17px; 
 margin: 1px; 
 float: left; 
 text-align: right; 
 position: relative; 
 font: normal 12px arial; 
}

.ajCalDayLink {
 width: 20px; 
 height: 17px; 
 margin: 1px; 
 float: left; 
 text-align: right; 
 position: relative; 
 background: rgb(191,6,6); 
 font: normal 12px arial; 
}
.ajCalDayLink a, .ajCalDayLink a:active, .ajCalDayLink a:visited {
 color: white; 
}

.hintDiv {
 float: left; 
 position: relative; 
 padding: 5px; 
 border: 1px dotted silver;
 background: rgb(255,251,237);
 font: normal 11px arial; 
 color: black; 
 margin: 5px; 
}
.calendarDivInPage {
 width: 160px; 
 background: white; 
 z-index: 1000; 
 display: block; 
 font: normal 12px arial; 
 color: black; 
 height: auto; 
 position: absolute; 
 visibility: hidden; 
}

.calendarprevNext, .calendarYear {
 width: 100%; 
 float: left; 
 text-align: center;
 padding-top: 2px; 
 padding-bottom: 2px; 
 font: bold 14px arial; 
 color: rgb(147,0,0); 
 height: auto; 
}

.ajCalDay {
 width: 20px; 
 height: 17px; 
 margin: 1px; 
 float: left; 
 text-align: right; 
 position: relative; 
 font: normal 12px arial; 
}

.ajCalDayLink {
 width: 20px; 
 height: 17px; 
 margin: 1px; 
 float: left; 
 text-align: right; 
 position: relative; 
 background: rgb(191,6,6); 
 font: normal 12px arial; 
}
.ajCalDayLink a, .ajCalDayLink a:active, .ajCalDayLink a:visited {
 color: white; 
}

.hintDiv {
 float: left; 
 position: relative; 
 padding: 5px; 
 border: 1px dotted silver;
 background: rgb(255,251,237);
 font: normal 11px arial; 
 color: black; 
 margin: 5px; 
}#contImagePage, #contImagePage td
{
 font: normal 12px arial; 
 color: rgb(60,60,60); 
 line-height: 14px; 
}

a {
 text-decoration: none; 
 color: rgb(79,163,206)
}

a img {
 border: 0; 
}

#contImagePage p, #contImagePage td p  {
 margin-top: 2px; 
 margin-bottom: 12px; 
}

#contImagePage h1, #contImagePage td h1 {
 color: rgb(25,25,25);
 font: bold 16px arial; 
 margin-bottom: 10px; 
}

#contImagePage h2, #contImagePage td h2 {
 color: rgb(25,25,25);
 font: bold 14px arial; 
 margin-bottom: 10px; 
 margin-top: 0px; 
}

#contImagePage h3, #contImagePage td h3 {
 color: rgb(25,25,25);
 font: bold 14px arial; 
 margin-bottom: 10px; 
 margin-top: 0px; 
}

#contImagePage h4, #contImagePage td h4 {
 font: normal 13px arial; 
 margin-bottom: 0px;
}

#contImagePage h5, #contImagePage td h5 {
 font: bold 12px arial;
 margin-bottom: 0px;
 margin-top: 0px;
}


#contImagePage h6, #contImagePage td h6 {
 font: normal 12px arial; 
 margin-bottom: 5px;
 margin-top: 0px;
}

#contImagePage ul {
 margin-left: 5px; 
}

#contImagePage li {
 font: normal 12px arial;
}

#contImagePage a, #contImagePage a:visited, #contImagePage a:active {
 text-decoration: none; 
}