/* CSS Document */
HTML {margin:0; background:url(images/bg.gif);}
BODY {font:9pt Arial, Helvetica, sans-serif; background:url(images/bg2.gif) repeat-x; margin:0;}
FORM {margin:0;}
INPUT, SELECT {font:9pt Arial, Helvetica, sans-serif;}
IMG {border:none;}
H1 {font-size:12pt; color:#ab0a4e; margin-top:0;}
H2 {font-size:11pt;}
A {color:#b00951;}
A.secondary {color:#444; text-decoration: none; }
A.secondary:hover { text-decoration: underline; }
.hide {display:none;}
.bold { font-weight: bold; }
input.check {margin: 0px; height: 15px; width: 15px; margin-right: 2px; }
input.slist {font-size: 11px; }
/* PAGE TOP */
#onestaTop {
height:48px; min-width:750px; background:#ab0a4e ; border-bottom:3px solid #fe0000; text-align:left;
background: -moz-radial-gradient(center center , ellipse farthest-corner, #152B6B 0%, #102255 100%) repeat scroll 0 0 transparent;
color: #FFFFFF;
padding: 1.5em;
}
#onestaTop .leftcol {float:left; color:#FFF;}
#onestaTop .leftcol td { color:#FFF;}
#onestaTop .rightcol {float:right;}
#onestaTop H1 {font-size:14pt; color:#555; padding:8px 0 0 14px; margin:0;}
#onestaTop UL {margin:0; padding:8px 12px; list-style:none;}
#onestaTop A {color:#fff; text-decoration:none;}
#onestaTop A:hover {text-decoration:underline;}
/* MAIN NAVIGATION */
#mainNav {height:41px; min-width:750px; background:#FE0000 url(images/valikko_tausta3.gif) repeat-x; margin:0; padding:0; border-left:1px solid #D0D0D0;}
#mainNav A {font-weight:bold; text-decoration:none; padding:0; border:none;}
#mainNav UL {margin:0; padding:0 0 0 5px; list-style:none;}
#mainNav LI {display:inline; margin:0; padding:0;}
#mainNav LI A {float:left; height:41px; text-decoration:none; color:#000; background:url(images/valikko_tausta1.gif) no-repeat left top; margin:0; padding:0 0 0 6px;}
#mainNav LI A SPAN {float:left; display:block; width:7em; height:27px; background:url(images/valikko_tausta2.gif) no-repeat right top; padding:10px 20px 0 8px;}
#mainNav LI A:visited {color:#000;}
#mainNav LI A:hover {background-position:0% -41px;}
#mainNav LI A:hover SPAN {background-position:100% -41px;}
#mainNav LI DIV {float:left; height:41px; margin:0; padding:0 0 0 6px; background:url(images/valikko_tausta1.gif) 0px -82px no-repeat; color:#FFF; font-weight:bold;}
#mainNav LI DIV SPAN {float:left; display:block; width:7em; height:27px; padding:10px 20px 0 8px; background:url(images/valikko_tausta2.gif) 100% -82px no-repeat; padding-bottom:0;}
#mainNav LI.twiki A {float:right;}
#mainNav2 {position: absolute; top: 40px; left: 70%;}
#mainNav2 a { color: white; float: left; display: block; width: 80px; height: 25px; }
/* COLUMNS */
#shadowLeft {min-width:750px; background:url(images/shadow_left.png) left top repeat-y;}
#shadowRight {background:url(images/shadow_right.png) right top repeat-y;}
#shadowCornerLeft {background:url(images/shadowcorner_left.png) left top no-repeat; margin:0 6px;}
#shadowCornerRight {background:url(images/shadowcorner_right.png) right top no-repeat; padding-top:10px;}
#columns {background-color:#fff; margin:0 14px; border-top:1px solid #fff;}
#leftCol {float:left; width:66%;}
#leftCol .margin {margin:0 10px 10px 10px;}
#rightCol {float:left; width:34%;}
.rightcol ul li {float:left; padding-left: 10px; }
#rightCol .margin {margin:0 10px 10px 0;}
#mainCol {float:left; width:100%;}
#mainCol .margin {margin:0 10px 10px 10px;}
/* CALENDAR VIEWS */
#calendarViews {background:url(images/valikko_tausta3.gif) bottom repeat-x; border:1px solid #e5e1e2; border-bottom:none; margin:0 10px}
#calendarViews P {margin:0;}
#calendarViews A, #calendarViews DIV {display:block; float:left; color:#000; border-right:1px solid #e5e1e2; text-decoration:none;}
#calendarViews A SPAN, #calendarViews DIV SPAN {display:block; width:7em; padding:6px 1em; text-align:center}
#calendarViews DIV {color:#fff; font-weight:bold; background:url(images/tabs_bg_selected.gif) bottom repeat-x;}
#calendarViews A:hover {background:url(images/tabs_bg_hover.gif) bottom repeat-x;}
/* */
#day {float:left; width:30%;}
#day P {float:left; background:#fff; margin:0; padding:2px 2px 2px 5px; border:1px solid #999;}
#day IMG {margin-left:3px; vertical-align:middle;}
/* TOOLBAR */
#tools {background:#e9e6e6; padding:3px 10px; border-left:1px solid #e5e1e2; border-right:1px solid #e5e1e2;}
#tools H2 {font-size:9pt; padding:3px 5px; margin:0;}
#tools #day {float:left; width:30%;}
#tools #day P {float:left; background:#fff; margin:0; padding:0px 1px 1px 5px; border:1px solid #999;}
#tools #day IMG {margin-left:3px; vertical-align:middle;}
#tools #workhours {float:left; width:40%; text-align:center;}
#tools #workhours P {margin:0; padding:2px 5px;}
#tools #view {float:left; width:30%; text-align:right;}
#tools #view SELECT {border:1px solid #999; padding:1px 0;}
#tools .leftCol {float:left;}
#tools .rightCol {float:right;}
/* CALENDAR ELEMENTS */
/*
#calendar {border:1px solid #e5e1e2; height:550px; overflow:auto;}
#calendar P {margin:0;}
#calendar #grid {position:relative; height:950px; background:url(images/calendar_grid.gif)}
#calendar #gridlinks A, #calendar #gridlinks DIV {display:block; position:relative; height:24px; margin:0 25px 1px 0;}
#calendar #gridlinks A:hover, #calendar #gridlinks DIV:hover {background:url(images/worktime_hover_bg.png); cursor:pointer;}
#calendar #times {position:absolute; top:0; left:0; width:8%; height:950px; background:#f1f0f0; border-right:1px solid #e5e1e2;}
#calendar #times .timeset {height:32px; text-align:center; padding:16px 5px 0 5px; border-bottom:1px solid #e5e1e2; border-top:1px solid #fff;}
#calendar #times {position:absolute; top:0; left:0; width:8%; height:950px; background:#f1f0f0; border-right:1px solid #e5e1e2; z-index:1;}
#calendar #times .timetitle {height:20px; text-align:center; padding:4px 5px 0 5px; border-bottom:1px solid #e5e1e2;}
#calendar #times .timeset {height:42px; text-align:center; padding:6px 5px 0 5px; border-bottom:1px solid #e5e1e2; border-top:1px solid #fff;}
#calendar #worktimeBar {position:absolute; top:0; left:0; width:100%; height:950px; background:url(images/calendar_worktime_bg.gif) right repeat-y;}
#calendar #worktime {position:absolute; width:100%; background:url(images/calendar_worktime_bg2.gif) right repeat-y; border-top:1px solid #781c40; border-bottom:1px solid #781c40;}
#calendar .tasktime {position:absolute; width:85%; left:8%; background:#faf8f3; border:1px solid #aaa; border-left:5px solid #ab0a4e;}
#calendar .tasktime A {position:absolute; top:0; left:0; width:100%; height:100%; font-size:0; line-height:0;}
#calendar .tasktime A:hover {background:url(images/worktime_hover_bg.png);}
#calendar .tasktime TABLE {margin:5px 0;}
#calendar .tasktime TH {padding:1px 0 1px 10px; text-align:left;}
#calendar .tasktime TD {padding:1px 10px;}
#calendar .tasktime TD.icons {padding:1px 10px 1px 0;}
#calendar #weekgrid {position:relative; height:1224px; background:url(images/calendar_grid.gif); padding-left:8%;}
#calendar #weekgrid #worktimeBar {height:1224px;}
#calendar #weekgrid #times {height:1224px;}
#calendar .weekday {position:relative; width:19.75%; float:left; border-right:1px solid #e5e1e2; z-index:3;}
#calendar .weekday .tasktime A SPAN {display:block; font-size:9pt; line-height:1.2; word-wrap:break-word; padding:5px;}
#calendar .weekday .dayname {height:20px; padding:4px 10px 0 10px; background:#f1f0f0; border-bottom:1px solid #e5e1e2; text-align:left;}
#calendar .weekday .tasktime {position:absolute; width:88%; left:5%; background:#faf8f3; border:1px solid #aaa; border-left:5px solid #ab0a4e;}
#calendar .weekday #gridlinks A, #calendar .weekday #gridlinks DIV {margin:0 0 1px 0;}
*/
/* CALENDAR ELEMENTS */
#calendar, #calendarHeader {position:relative; border:1px solid #e5e1e2; height: 600px; overflow:auto;}
#calendar P, #calendarHeader P {margin:0;}
#calendar #currentTime {position:absolute; left:0; width:100%; height:13px; background:url(images/currenttime_bg.png) repeat-x; border-top:1px solid #ab0a4e; z-index:2;}
#calendar #grid {position:relative; height:950px; background:url(images/calendar_grid.gif)}
#calendar .gridlinks A, #calendar .gridlinks DIV {display:block; position:relative; height:24px; margin:0 25px 1px 0;}
#calendar .gridlinks A:hover, #calendar .gridlinks DIV:hover {background:url(images/worktime_hover_bg.png); cursor:pointer;}
#calendar #times {position:absolute; top:0; left:0; width:50px; height:950px; background:#f1f0f0; border-right:1px solid #e5e1e2; z-index:1;}
#calendar #times .timetitle {height:20px; text-align:center; padding:4px 5px 0 5px; border-bottom:1px solid #e5e1e2;}
#calendar #times .timeset {height:42px; text-align:center; padding:6px 5px 0 5px; border-bottom:1px solid #e5e1e2; border-top:1px solid #fff;}
#calendar #worktimeBar {position:absolute; top:0; left:0; width:100%; height:950px; background:url(images/calendar_worktime_bg.gif) right repeat-y;}
#calendar #worktime {position:absolute; width:100%; background:url(images/calendar_worktime_bg2.gif) right repeat-y; border-top:1px solid #781c40; border-bottom:1px solid #781c40;}
#calendar .tasktime {position:absolute; width:85%; left:8%; background:#faf8f3; border:1px solid #aaa; border-left:5px solid #ab0a4e;}
#calendar .tasktime A {position:absolute; top:0; left:0; font-size:0; line-height:0;} /*width:100%; height:100%;*/
#calendar .tasktime A:hover {background:url(images/worktime_hover_bg.png);}
#calendar .tasktime P {padding:5px; word-wrap:break-word;}
#calendar .tasktime TABLE {margin:5px 0;}
#calendar .tasktime TH {padding:1px 0 1px 10px; text-align:left;}
#calendar .tasktime TD {padding:1px 10px;}
#calendar .tasktime TD.icons {padding:1px 10px 1px 0;}
#calendar .timeplan {position:absolute; width:80%; left:12%; background:#666; border:1px solid #aaa; border-left:5px solid Green; z-index: 1000; }
#calendar .timeplan A {position:absolute; top:2; left:2; line-height:13px; font-size: 11px; color: #FFF;} /*width:100%; height:100%;*/
#calendar .timeplan A:hover {background:url(images/worktime_hover_bg.png);}
#calendar .timeplan P {padding:5px; word-wrap:break-word;}
#calendar .timeplan TABLE {margin:5px 0;}
#calendar .timeplan TH {padding:1px 0 1px 10px; text-align:left;}
#calendar .timeplan TD {padding:1px 10px;}
#calendar .timeplan TD.icons {padding:1px 10px 1px 0;}
#calendar #weekgrids {position:relative; height:1224px; background:url(images/calendar_grid.gif); padding-left:8%;}
#calendar #weekgrids #worktimeBar {height:1224px;}
#calendar #weekgrids #times {height:1224px;}
#calendar .weekgrid { width: 95%; position: absolute; top:0px; left: 50px;}
#calendar .weekday {position:relative; float:left; border-right:1px solid #e5e1e2; z-index:3;}
#calendar .days5 {width:19.75%; }
#calendar .days7 {width:14.12%; }
#calendar .days3 {width:33.0%; }
#calendar .days1 {width:99.0%; }
#calendar .weekday .tasktime A SPAN {display:block; font-size:9pt; line-height:1.2; word-wrap: break-word; padding:5px;}
#calendar .weekday .dayname {height:20px; padding:4px 10px 0 10px; background:#f1f0f0; border-bottom:1px solid #e5e1e2; text-align:left;}
#calendar .weekday .tasktime {position:absolute; width:88%; left:5%; background:#faf8f3; border:1px solid #aaa; border-left:5px solid #ab0a4e;}
#calendar .weekday #gridlinks A, #calendar .weekday #gridlinks DIV {margin:0 0 1px 0;}
#calendar .weekgrid .done {border-left: 5px solid Gold; }
#calendar .weekgrid .recurrency {background-image:url(/update/pic/recurrency.png); background-repeat: no-repeat; background-position: right top;}
#weekgridHeader {position:relative; height:24px; background:url(images/calendar_grid.gif); padding-left:8%;}
#weekgridHeader div {float: left; border-right: 1px solid #e5e1e2; z-index:3;}
#weekgridHeader .weekday {position:relative; float:left; border-right:1px solid #e5e1e2; z-index:0; }
#weekgridHeader .weekday .dayname {width:99%; height:20px; padding:4px 10px 0 10px; background:#f1f0f0; border-bottom:1px solid #e5e1e2; text-align:center; display:block;}
#weekgridHeader #timesHeader {position:absolute; top:0; left:0; width:8%; height:24px; background:#f1f0f0; border-right:1px solid #e5e1e2; z-index:1;}
#weekgridHeader #timesHeader .timetitle {height:20px; text-align:center; padding:4px 5px 0 5px; border-bottom:1px solid #e5e1e2;}
#weekgridHeader .days5 {width: 19.13%; }
#weekgridHeader .days7 {width: 13.66%; }
#weekgridHeader .days3 {width: 32.0%; }
#weekgridHeader .days1 {width: 96.0%; }
#calendarHeader {height:24px ;overflow: hidden; border:0px solid transparent; position: relative;}
/* TASKPANEL */
#taskpanel {border:1px solid #e5e1e2;}
#taskpanel P {padding:5px 10px; margin:0; background:#f1f0f0;}
#taskpanel TABLE {border-top:1px solid #e5e1e2;}
#taskpanel TH {padding:3px 10px; background:#f1f0f0; border-bottom:1px solid #e5e1e2; border-right:1px solid #e5e1e2; text-align:left;}
#taskpanel TH A,#taskpanel TD A {text-decoration:none;color:#333;font-weight:bold;}
#taskpanel TD A.sub {text-decoration:none;color:#c03;font-weight:normal;}
#taskpanel TD A:hover {text-decoration:underline;}
#taskpanel TD A.sub:hover {text-decoration:underline;}
#taskpanel TD {padding:3px 10px;}
#taskpanel div.horiLine {border-bottom:1px solid silver;height:1px;width:95%;}
#taskpanel td.inComplete {background:#e7999e}
#taskpanel ul li, #taskpanel ul {margin:0; padding:0; list-style:none;color:#777;margin-top:4px;}
#taskpanel li ul {display:none;margin-left:0px;}
#taskpanel ul li.title:hover {text-decoration:underline;}
#taskpanel label {clear:both;display:block;margin-top:4px;}
/* PROJECT ELEMENTS */
#project {position:relative; border:1px solid #e5e1e2;}
#tasks {width:200px; background:#f1f0f0; border-right:1px solid #e5e1e2;}
#tasks img {margin-right: 2px; margin-left: -5px;}
#tasks H2 {font-size:9pt; margin:0; padding:3px 10px; border-bottom:1px solid #e5e1e2;}
#tasks UL {margin:0; padding:0 0 14px 0; list-style:none;}
#tasks LI {padding:5px 10px; border-bottom:1px solid #e5e1e2; overflow:hidden; white-space:nowrap;}
#tasks LI label {font-size:9px;color:Gray;padding-left:4px;}
#kantti {position:absolute; top:0; border-left:1px solid #e5e1e2; overflow:auto; margin-left:200px; height:100.3%;}
#kantti #days {background:#f1f0f0; border-bottom:1px solid #e5e1e2;}
#kantti #days DIV {float: left; width: 49px; padding: 3px 0; border-right: 1px solid #e5e1e2; text-align:center;}
#kantti #days DIV.weekend {background:#f1ebe4;}
#kantti #weeks {background: #f1f0f0; border-bottom:1px solid #e5e1e2;}
#kantti #weeks DIV {float: left; width: 49px; padding: 3px 0; border-right: 1px solid #e5e1e2; text-align: center;}
#kantti .taskRow {border-bottom:1px solid #e5e1e2;}
#kantti .taskRow DIV {float:left; width:49px; padding:5px 0; border-right:1px solid #e5e1e2;}
#kantti .taskRow DIV.weekend {background:#faf8f3;}
#kantti .taskRow DIV:hover {background:url(images/worktime_hover_bg.png); cursor:pointer;}
#kantti #taskTimes DIV {position:absolute; padding:5px 0; background:#ab0a4e; border:1px solid #e5e1e2;color:#EFEFEF;text-align:right;}
#projectlist {border:1px solid #e5e1e2;}
#projectlist TH {text-align:left; background:#f1f0f0; padding:5px 10px; border-bottom:1px solid #e5e1e2; white-space:nowrap;}
#projectlist TD {padding:5px 10px; border-bottom:1px solid #f1f0f0;}
#projectlist TD.buttons {background:#e9e6e6; text-align:center;}
#projectlist TD.buttons INPUT {width:12em; padding:5px;}
#projectlist H2 {background:#fff; padding:5px 10px; margin:0; font-size:12pt; border-bottom:1px solid #e5e1e2;}
#projectlist H2 SPAN {color:#555;}
#projectlist .desc {color:#555;}
/* PATH NAVIGATION */
#pathNav {padding:0 0 7px 0; margin:0 10px;}
#pathNav UL {margin:0; padding:0; list-style:none;}
#pathNav A {cursor:pointer;}
#pathNav LI {float:left; position:relative; margin:0; padding:0 0 0 16px; font-size:12px; background:url(images/path_arrow.gif) 4px 50% no-repeat;}
#pathNav A, #pathNav DIV {display:block; float:left; margin:0; font-weight:bold; color:#fff; text-decoration:none; background:url(images/path_nav_bg1.gif) no-repeat;}
#pathNav A SPAN, #pathNav DIV SPAN {display:block; height:17px; padding:4px 5px 2px 8px;}
#pathNav LI.thefirst {background-image:none; padding:0;}
#pathNav LI.lastone DIV {display:block; float:left; margin:0; font-weight:bold; color:#000; text-decoration:none; background:url(images/path_nav_bg3.gif) no-repeat;}
#pathNav LI.lastone DIV SPAN {display:block; height:17px; padding:4px 8px 2px 8px; background:url(images/path_nav_bg4.gif) right no-repeat;}
#pathNav .ddownControl {padding:0;}
#pathNav .ddownControl A.button {width:18px; height:23px; background:url(images/path_nav_bg5.gif) top left no-repeat;}
#pathNav .ddownControl A.button:hover {background-position:0 -23px;}
#pathNav LI:hover UL.ddownList {display:block;}
#pathNav UL.ddownList {display:none; position:absolute; top:22px; left:1px; width:170px; max-height:250px; overflow:auto; background:#fff; border:1px solid #999;}
#pathNav UL.ddownList LI {display:block; float:none; background:none; padding:0;}
#pathNav UL.ddownList LI A {border:none; background:none; float:none; font-weight:normal; color:#b00951; padding:3px 10px;}
#pathNav UL.ddownList LI A:hover {background:#f1f0f0;}
#pathNav UL.ddownList LI.title {padding:3px 10px; font-weight:bold; font-style:italic;}
#thisTimeLine {position:absolute; top:0; border-left:2px solid red; height:100.3%;z-index:1000;}
/* FOOTER */
#footershadowLeft {min-width:730px; background:url(images/footershadow_left.png) left bottom no-repeat; margin:0 6px; padding-left:20px}
#footershadowRight {background:url(images/footershadow_right.png) right bottom no-repeat; padding-right:20px;}
#footershadowBottom {background:url(images/footershadow_bottom.png) bottom repeat-x; padding-bottom:14px;}
#footer {margin:0; background:url(images/footer_bg.gif) bottom repeat-x; border-top:1px solid #e5e1e2;}
#footer P {font-size:8pt; color:#666; padding:5px 3px; margin:0;}
#footer .left {float:left;}
#footer .right {float:right;}
/* */
.ArticleHeader {position:relative; float:left; background:#fff; margin:0; padding:2px 2px 2px 5px; border:1px solid #999;}
.ArticleHeader a:link, .ArticleHeader a:active,.ArticleHeader a:visited {text-decoration:none;color:#000;}
.ArticleHeader a:hover {text-decoration:underline;}
.ArticleHeader IMG {margin-left:3px; vertical-align:middle;}
.calDate {position:relative; float:left; background:#fff; margin:0; padding:2px 2px 2px 5px; border:1px solid #999;}
.calDate IMG {margin-left:3px; vertical-align:middle;}
#CalendarDiv {background:url(images/dialog_shadow.png); padding:0;position:absolute; top:20px; left:0px;display:none;}
#calendarFrame {position:relative; top:-5px; left:-5px; border:1px solid #999; background:#fff;}
#CalendarDiv .NgHeader {background:url(images/tabs_bg_selected.gif) bottom repeat-x; border:1px solid #e5e1e2; border-bottom:none; color:#fff; font-weight:bold;}
#CalendarDiv .NgHeader TD {padding:0;}
#CalendarDiv #TdCloseX2 a {color:white;}
#closeX A {display:block; border:1px solid #fff; padding:1px 4px; color:#fff; text-decoration:none;}
#calControl {background:#f1f0f0; padding:2px 0;}
#calControl TABLE {width:100%;}
#calControl .calArr {border:1px solid #aaa; background:#fff; padding:1px 3px; font-size:8pt;}
#calControl .calArr:hover {background:#fe0000; color:#fff;}
.calWN {background:#e5e1e2; padding:3px 2px; font-weight:bold; border-top:1px solid #fff; border-right:1px solid #fff; text-align:center;}
.calWeek {background:#e5e1e2; border:none; width:22px; margin:0; padding:5px 2px 4px 0; text-align:center; font-weight:bold;}
.calD {background:#f1f0f0; border:none; border:1px solid #fff; width:24px; padding:4px 0 2px 0;}
.calD .selected {background:#f36767;}
.calD:hover {background:#fe0000; color:#fff;}
.calT {background:#ab0a4e; border:none; border:1px solid #fff; width:24px; padding:4px 0 2px 0; color:#fff; font-weight:bold;}
#GridDiv TABLE {border-collapse:collapse;width: 100%; }
#GridDiv TD {background:#fff; border:1px solid #e5e1e2; padding: 1px 2px 1px 2px; min-width: 15px; max-width: 30px;}
#GridDiv #GridTd1 {background:#f1f0f0; padding:3px 10px; min-width: 150px;}
#GridDiv #GridTd1 TD {background:#f1f0f0; font-weight:bold; border:none;}
#GridDiv .head, tr.DT td {background:#f1f0f0; padding:3px 5px; text-align:center;}
tr.DR td {background:#EFEFEF; padding:1px 2px; text-align:left;}
#GridDiv .InfoText {background:#f1f0f0; padding:5px 10px;}
#GridDiv div.criteria {height: 25px; padding-top: 3px; background:url(images/valikko_tausta3.gif); background-repeat: repeat-x; background-position: 5px; padding-left: 10px; border-bottom: 1px solid #FFF;}
#GridDiv div.criteria label {padding-right: 4px; }
#resFormDivShade {display:none;position:absolute; left:0px; top:0px; width:100%; height:100%; background:#000; z-index:1;filter:alpha(opacity=30); -moz-opacity:.3; opacity:.3;}
/*#resFormDiv {position:absolute; z-index:10; left:0px; top:0px; padding:0;background:transparent;}*/
#resFormDiv FORM {position:relative; float:left; top:0px; left:0px; width:921px; border:1px solid #999; background:#fff;}
#resFormDiv TD {padding:3px 10px;}
#resFormDiv .NgHeader {background:url(images/tabs_bg_selected.gif) bottom repeat-x; padding:2px; border:1px solid #e5e1e2; border-bottom:none; color:#fff; font-weight:bold;}
#resFormDiv .NgHeader TD {padding:0;}
#resFormDiv .formTitle {background:#f1f0f0; padding:3px 6px; font-weight:bold;}
#resFormDiv #TdCloseX a {color:white;}
#reserverinfo {font-family:Arial;font-size:12px;}
#companyFormDiv {position:absolute; z-index:10; left:0px; top:0px; width:100%; height:100%; padding:0;}
#companyFormDiv .shade {position:absolute; left:0px; top:0px; width:100%; height:100%; background:#000; filter:alpha(opacity=30); -moz-opacity:.3; opacity:.3;}
#companyFormDiv FORM {position:relative; top:-5px; left:-5px; border:1px solid #999; background:#fff;}
#companyFormDiv TD {padding:3px 10px;}
#companyFormDiv .NgHeader {background:url(images/tabs_bg_selected.gif) bottom repeat-x; padding:2px; border:1px solid #e5e1e2; border-bottom:none; color:#fff; font-weight:bold;}
#companyFormDiv .NgHeader TD {padding:0;}
#companyFormDiv .formTitle {background:#f1f0f0; padding:3px 6px; font-weight:bold;}
#ReadDiv {position:absolute; z-index:10; left:0px; top:0px; width:100%; height:100%; padding:0;}
#ReadDiv .shade {position:absolute; left:0px; top:0px; width:100%; height:100%; background:#000; filter:alpha(opacity=30); -moz-opacity:.3; opacity:.3;}
#ReadDiv .dialog {position:relative; top:-5px; left:-5px; border:1px solid #999; background:#fff;}
#ReadDiv TD {padding:3px 10px;}
#ReadDiv .NgHeader {background:url(images/tabs_bg_selected.gif) bottom repeat-x; padding:2px; border:1px solid #e5e1e2; border-bottom:none; color:#fff; font-weight:bold;}
#ReadDiv .NgHeader TD {padding:0;}
#ReadDiv .formTitle {background:#f1f0f0; padding:3px 6px; font-weight:bold;}
/*
#dropdowns {position:absolute; left:520px; top:29px; width:279px; height:464px;}
#dropdowns UL {margin:0; padding:0; list-style:none;}
#dropdowns LI {border:1px solid #e5e1e2;}
#dropdowns LI A {display:block; width:auto; padding:5px 10px; background:url(images/valikko_tausta3.gif) bottom repeat-x; color:#000; text-decoration:none;}
#dropdowns LI A:hover {background:url(images/tabs_bg_hover.gif) bottom repeat-x;}
#dropdowns LI DIV {color:#fff; font-weight:bold; background:url(images/tabs_bg_selected.gif) bottom repeat-x; padding:5px 10px;}
#dropdowns LI LI {border:none; padding:1px 10px;font-size:0.9em;}
#dropdowns LI LI A {display:inline; padding:0; background:none; color:#b00951; text-decoration:underline;font-family:Verdana;text-decoration:none;}
#dropdowns LI LI A:hover {background:none; color:#b00951;text-decoration:underline;}
#dropdowns LI UL {height:259px; overflow:auto; display:none;}
*/
#dropdowns {position:absolute; left:520px; top:0px; width:400px; height:347px; border-left:1px solid #999;}
#dropdowns UL {margin:0; padding:0; list-style:none;}
#dropdowns LI {border-bottom:1px solid #999; border-top:1px solid #fff;}
#dropdowns LI A {display:block; width:auto; padding:5px 10px; background:url(images/valikko_tausta3.gif) bottom repeat-x; color:#000; text-decoration:none;}
#dropdowns LI A:hover {background:url(images/tabs_bg_hover.gif) bottom repeat-x;}
#dropdowns LI DIV {color:#fff; font-weight:bold; background:url(images/tabs_bg_selected.gif) bottom repeat-x; padding:5px 10px;}
#dropdowns LI LI {border:none; padding:3px 10px;}
#dropdowns LI LI A {display:inline; padding:0; background:none; color:#b00951; text-decoration:underline;}
#dropdowns LI LI A:hover {background:none; color:#b00951;}
#dropdowns LI UL {height:260px; overflow:auto; display:none;}
#dropdowns UL.tabs {height:21px; overflow:visible; display:block; background:#f1f0f0; border-bottom:1px solid #999;}
#dropdowns UL.tabs A, #dropdowns UL.tabs DIV {display:block; padding:3px 10px; color:#000; text-decoration:none; background:none;}
#dropdowns UL.tabs A:hover {background:#ccc; color:#000;}
#dropdowns UL.tabs LI {display:block; float:left; padding:0; border-right:1px solid #999; border-bottom:1px solid #999;}
#dropdowns UL.tabs LI.selected {border-bottom:1px solid #fff; background:#fff;}
/* CLEARFIX */
.clear:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear {display:inline-table;}
/* Hides from IE-mac \*/
.clear {display: block;}
/* End hide from IE-mac */
.clie {display:block; clear:both; height:0; font-size:0; line-height:0;}.clie {display:block; clear:both; height:0; font-size:0; line-height:0;}
/* *********************************************** OBSOLETE CSS TO MODIFIED ************************* */
/* Billing */
#taskSelector {width:450px;}
#taskName {margin-top:5px;display:block;margin-left:5px;font-weight:bold;}
/*#resFormDiv {padding:3px;background:#FFFFFF;border-left-style: solid;
border-top-style: solid;
border-bottom-style: solid;
border-right-style: solid;
border-width:1px;
border-color:#777777; }*/
TR.NgHeader {
background:#FE0000 url(images/tabs_bg_selected.gif) repeat-x;
background-position:bottom;
COLOR: #FFFFFF;
FONT-WEIGHT: normal;
FONT-FAMILY: Arial
}
DIV.NgHeader {margin-left:3px}
#loginDiv {text-align:left;margin-bottom:40px;}
#loginDiv TABLE {width:330px; margin:20px auto; border:1px solid #999;}
#loginDiv TH {padding:5px 10px; text-align:left; background:#e2e2e2; border-top:1px solid #fff; border-right:1px solid #999; border-bottom:1px solid #999; border-left:1px solid #fff;}
#loginDiv TD {padding:5px 10px; text-align:left; background:#fff; border-top:1px solid #fff; border-right:1px solid #999; border-bottom:1px solid #999; border-left:1px solid #fff;}
#loginDiv .actions {text-align:center; background:#fff url(/images/bg_actions.gif) repeat-x;}
#compForm {margin:15px;}
#uploadFormtaskID {position:absolute;top:10px;left:1010px;}
#uploadFormcompanyParent {position:absolute;top:5px;left:915px;width:280px;padding-left:5px;border-left:1px dashed silver;}
#attachmentsubmitter {font-size:10px;font-weight:bold;padding:0px 10px 0px 10px;}
div.tabbedlinks { height: 26px; }
.tabbedlinks {margin-left:15px;margin-top:10px;}
.tabbedlinks a {
margin-left:4px;padding-left:15px;padding-right:15px;
background-color:#d30001;display:inline;padding-bottom:2px;text-decoration:none;color:#FFF;}
.tabbedlinks span.selected {margin-left:14px;margin-right:14px;font-weight:bold;}
.tabbedlinks a:hover {text-decoration:underline;}
.tabbedlinks
.tabtable {margin:10px 0px;}
#tabcontainer {position: relative; display: block; width: 90%; margin: 10px 15px 0px 25px;}
#tabcontainer div.tabs {display: none; position: absolute; top:24px ; left: 0px; }
#toptabs {display:block; border-bottom: 1px solid #999; height:25px; width:100%;}
#toptabs span {display: block; background:url(images/valikko_tausta3.gif); background-repeat: repeat-x; background-position: 5px; float: left; padding: 0px; height:24px; border: 1px solid #ABABAB; border-bottom: none; margin: 0px 2px; }
#toptabs span A:link, #toptabs span A:active, #toptabs span A:visited, #toptabs span A
{margin: 0.2em 0.8em; display:block; font-size: 1.0em;}
#toptabs span a:hover { text-decoration: none; }
#toptabs span.selected {background: #FFF; border: 1px solid #999; border-bottom: 1px solid #FFF; height:24px; line-height: 1.3em;}
#toptabs span.selected A {text-decoration: none; margin-top: 4px; display: block; height:20px; }
#compForm textarea, #projectDetails textarea {width:400px; font-size:12px;}
#meetingFormDiv h3 {}
#todoList td.inComplete {background:red;}
#todoList td.Complete {background:green;}
#companyResults li {font-size:0.95em;list-style:none;margin:0px;padding:0px;}
#companyResults a {text-decoration:none;}
#companyResults a:hover {text-decoration:underline;}
#companyResults {display:block;width:380px; }
#taskForm, #projectDetailForm {margin:15px;}
#taskForm textarea, #projectDetailForm textarea {width:400px;font-family:Arial;}
#projectDetails {position:relative;}
#projectDetailMembers {position:absolute;top:-26px;left:470px;}
#projectDetailMembers td {text-align:left;}
/* Reports */
#reportForm {margin:0px;margin-left:10px;background:#EFEFEF;border-top:1px solid #EFEFEF;padding-left:5px;padding-bottom:10px;width:410px;}
#reportForm h2, #tdShrink h2 {margin-bottom:2px;margin-top:5px;}
#reportForm select.sel1 {width:260px;font-size:11px;}
a.hider {font-size: 11px; }
#reportForm td.subcriteria {text-align:right;font-size:0.8em;}
div.dayDropdown {display:inline;}
div.dayDropdown select {font-size:11px;}
.divider {font-size:2px;height:3px;}
#empContainer {width:300px;}
#reportForm div.empl {float:left;width:145px;}
#reportForm div.empl input {vertical-align:top;height:15px;width:15px;margin:0px;}
#reportForm div.empl label {font-size:11px;margin-left:1px;}
#reportTable {font-weight:normal;text-align:left;}
#reportTable table th {font-size:11px;text-align:left;vertical-align:top;padding-top:2px;}
td.formTd {border-right:1px solid #999;width:400px;}
td.formTd_closed {border-right:1px solid #999;width:20px;}
#reportResults {margin-left:20px;padding-top:10px;}
.saldoTable {background:#FFFFFF;}
.saldoTable td.dayTotal {border:none;font-weight:bold;text-align:center;}
.saldoTable tr.header {background-color:#ddd;}
.saldoTable tr.header th {padding:3px 5px; text-align:left;width:70px;}
.saldoTable th.employee {text-align:left;color:silver;font-size:18px;background:#FFF;}
.saldoTable tr {background:#EFEFEF;}
.saldoTable td.hour {text-align:center;}
.saldoTable td.day {padding-right:10px;font-weight:bold;}
#grandeTotal, #reportTable {border-collapse:collapse;}
#grandeTotal th {text-align:left;}
#grandeTotal td {text-align:right;}
#Saldo_Rpt tr.total th, #Saldo_Rpt tr.total td {border-top:2px solid #555;}
/* Favorites */
#Favorites ul {margin:0px;}
#Favorites li {list-style:none;clear:both;}
#Favorites li a.del {margin-right:3px;width:15px;text-decoration:none;color:#c03;font-weight:bold;}
#Favorites li a:hover {text-decoration:none;}
#favContainer {overflow:auto;height:200px;width:290px;}
.saldoTable th.empTotal {color:green;text-align:center;font-size:13px;}
.saldoTable tr.weekend, tr.footer {background:#FFFFFF;color:#f35;}
/* 20.3.2007 */
#projectDetails select.selection {width:250px;}
#kantti #taskTimes DIV.calHours {background:#aaa;height:12px;display:block;font-size:9px;padding:0px}
#kantti #taskTimes div.taskReady {background:#EED983;border-bottom:2px solid #030;} /*#C93F3F*/
/* Box at the top of the page for changing the customer on the fly */
#userRelatedBox {position:absolute; top:55px; left:580px; display:block; color:white; float:left; }
#userRelatedBox th {color:#000000; font-weight:bold; }
div.dropMenu { }
div.dropMenu ul ul {width: 102px; border:1px solid #999; }
.dropMenu ul {margin:0; padding:0; list-style:none; border:0px solid transparent; }
.dropMenu li {position: relative; border:0px solid transparent; }
.dropMenu ul ul {position: absolute; z-index: 100; top: 100%; left: 0; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
background: #FFF;
}
.dropMenu ul ul,
.dropMenu ul li:hover ul ,
.dropMenu ul ul li:hover ul
{display: none;}
.dropMenu li:hover ul,
.dropMenu ul li:hover ul,
.dropMenu ul ul li:hover ul,
.dropMenu ul ul ul li:hover ul
{display: block;}
.dropMenu a {height:20px; display: block; margin: 0; padding: 2px 3px; }
.dropMenu a {border:0px solid transparent;}
.dropMenu ul li ul li a {width:95px ; }
.dropMenu a:hover {color: #a00; background:#f1f0f0; }
.dropMenu ul.first a:hover {background:none; }
div.dropMenu ul li {float:left; }
/* Project LIst */
#projectList {margin:10px 20px 20px 40px;}
/* LIst style search Result */
.liResultBlock {width:30%; float:left; height:200px; overflow:auto; margin: 10px 10px 0px 0px ; }
.liResultBlock h3 {background:url(images/tabs_bg_selected.gif) bottom repeat-x; padding:2px; border:1px solid #e5e1e2; border-bottom:none; color:#fff; font-weight:bold;font-size: 1.2em ;padding: 5px ;} /*margin: 0px 0px 5px 0px ; background-color:red; */
.liResultBlock h4 {margin:0px 0px 3px 0px ;font-size:1.1em;}
.liResultBlock ul {list-style: none; margin: 0px ;padding: 0px;}
.liResultBlock ul li {padding-left:5px; }
.liResultBlock ul ul li {padding-left:5px; }
.liResultBlock ul li ul {display:none; position: absolute; top: 20; left:45% ; border:1px solid #000 ; background: #EFEFEF ; padding:10px; width: 300px;}
.liResultBlock ul li:hover ul {display:none; z-index: 500 ; }
.liResultBlock ul li a:hover {text-decoration: none; }
.liResultBlock ul li:hover ul p {z-index: 500; }
/*Alphabets list */
#alphaBets ul {list-style:none; margin:0px ; padding: 0px; clear: both;height: 18px; width: 100%; margin-top: 5px; }
#alphaBets li {float:left ; }
#alphaBets A, #alphaBets span {font-weight:bold; padding-top: 5px; display: block; width:23px ; height: 18px ;display:block; border:1px solid #999; text-align: center; }
#alphaBets li.selected {background: #c03;}
#alphaBets li.selected a {color: #FFF; }
#alphaBets li.nowidth a { width: auto; padding-left: 5px; padding-right: 5px ; }
#alphaBets a:hover {background: #EFEFEF; }
#alphaBetsDropDown alphaBetsDropdown { float: left; margin-top: 30px; }
#alphaBetsDropDown ul.emp { font-size: 10px; }
#alphaBetsDropDown ul.emp li { float: left; width: 60px; margin: 0px; display:block;}
#alphaBetsDropDown ul.root {width:180px; z-index: 100;}
#alphaBetsDropDown ul.emp {width:180px; z-index: 101;}
.kohdiste {width: 65px;}
.tilidrop {width: 140px; font-size: 11px;}
.mfdrop {width: 80px; font-size: 11px;}
.botRow td {color: #999;}
tr.botRow td {padding-bottom: 4px;}
.DT {font-weight: bold; padding: 2px; }
div.murupolku {margin: 15px 5px;}
#projectListContainer select {width: 300px; font-size: 11px; }
#adminBillingTable input.txt {width: 300px;}
/* Button styles */
input.deleteButton { width: 90px; font-size: 12px; font-weight:bold; color: Red; padding: 5px; }
input.submitButton { width: 120px; font-size: 12px; font-weight:bold; color: #006600; padding: 5px;}
input.submitButtonSmall { width: 100px; font-size: 11px; font-weight:bold; color: #006600; padding: 1px;}
input.resetbuttons { width: 100px; font-size: 12px; font-weight:normal; color: #333; padding: 5px;}
#companyResults {position: absolute; top: 80px; left: 104px; background: #FFF;padding:10px 10px; border:3px outset maroon; maxheight: 400px; minheight: 200px; width: 700px; z-index: 1000; overflow: hidden; display: none; clear: both;}
#companyResults A { font-size:12px; margin: 3px 0px; }
#tdShrink {display: none; }
#tdShrink div {width: 90px; margin-left: 10px; background:#EFEFEF; display: block; border-top:1px solid #EFEFEF; padding-left:5px; padding-bottom: 800px;}
div.pageContainer { margin: 10px 15px 0px 25px; padding-bottom:30px; }
#contactNavi {padding-top: 20px; }
#contactNavi ul {list-style:none; margin: 0px; padding: 0px; margin-right: 10px; }
#contactNavi li span { font-weight: bold; display: block; width: 150px; padding: 3px; }
a.contact {width: 150px; display: block; background: #EFEFEF; border-bottom: 1px solid #FFF; padding: 3px; font-weight: normal; }
a.contact:hover {background-color: #FFF; }
#companyname , #projectname {margin: 5px 0px -5px 38px; font-size: 15px; }
#companyname a.murupolku , #projectname a.murupolku {color: #777;}
#companyname a.murupolku:hover , #projectname a.murupolku:hover {text-decoration: none;}
span.nappiblok {width: 180px; display: block; float: left; }
/* gantt */
#ppContent { vertical-align: top;}
table.gantt {display: table;}
table.gantt th { text-align:left; width: 220px; font-size: 11px; position: relative;}
table.gantt td { font-size: 11px; }
table.gantt tr { height: 18px; }
table.gantt tr td.icon { width: 15px; }
table.gantt tr.selected td.icon { }
table.gantt tr.header td, table.gantt tr.header th {background-color: #EFEFEF; vertical-align: bottom;}
table.gantt th a, table.gantt span.clipper { font-weight: normal; overflow: hidden; position: absolute; white-space: nowrap; clip: rect(0px,200px,18px,0px); }
table.gantt th a:hover { text-decoration: none;}
table.gantt tr.metaSubTitle td.first { font-size: 11px; font-weight: bold; padding-left: 18px; padding-top: 4px; padding-bottom: 0px;}
div.abs { position: relative; }
.taskPole { background-color: #8ca6f0; height: 18px; float: left;}
table.gantt tr.metaSubTitle .taskPole { background-color: #41e44d; height: 14px; float: left; margin:0px 4px;}
ul.taskDone { background-color: #000;
height: 6px; margin-top: 6px;
position: absolute; top: 0px; left: 0px;
z-index:100;
filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5; }
ul.taskBilled { background-color: white;
height: 4px; margin-top: 7px;
position: absolute; top: 0px; left: 0px;
z-index:101;
filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5; }
ul.taskPole:hover { background: #c03; }
ul.taskDone:hover { background: #999; }
ul.taskBilled:hover { background: #DDD; }
ul.taskPole {position: absolute; height: 18px; display: block; margin: 0px; padding: 0px;}
ul.taskPole label {display: none;}
ul.taskPole:hover label {display: block;}
.taskContainer a { text-decoration: none;}
.taskContainer label { float: left; font-size: 10px; display: block; padding: 2px; }
#headMonths td, #headWeeks td {border: 1px sold silver; text-align: center; border-right: 1px solid #FFF;}
#headWeeks { border-top: 1px solid #FFF; }
#ganttActions { margin-top: 10px; margin-left: 17px; }
#ganttActions ul { margin: 0px; padding: 0px; }
#ganttActions ul li { margin-left: 15px; list-style-type:circle; }
/* GANTT ENDS */
a.closelink {display: block; width: 380px; background: #c03; color: #FFF; padding: 3px; font-size: 11px; position: absolute; top: 0; left: 0 ; }
p.infomessage { white-space:normal; padding: 5px; margin: 0px; }
select.billSelect {width: 275px; margin-top: 1px; }
input.arrowButton {width: 25px; height: 18px; font-size: 11px; font-weight: bold; margin: 0px;}
.errorInput { border: 2px solid #c03 ; color: #c03;} /* yellow background-color: #FFFFaa; */
#moneyFlow input, #moneyFlow select, #moneyFlow a { font-size: 11px; }
#moneyFlow input.dat , #moneyFlow input.sum { width: 70px; }
#moneyFlow select { width: 60px; }
.ajax__tab_default .ajax__tab_header {white-space:nowrap;}
.ajax__tab_default .ajax__tab_outer {display:-moz-inline-box;display:inline-block}
.ajax__tab_default .ajax__tab_inner {display:-moz-inline-box;display:inline-block}
.ajax__tab_default .ajax__tab_tab {margin-right: 4px; overflow: hidden; text-align :center; cursor: pointer; display: -moz-inline-box; display: inline-block}
.tabContainer { margin: 10px; }
.griddata { margin: 10px; }
.griddata a { color: #c03;}
.griddata td a:hover { text-decoration: none; }
.griddata .progress {position: relative; width: 100% ; text-align: center; }
.smallGrid td { font-size: 10px; height: 14px; padding: 0px 3px; white-space: nowrap;}
.nkWrap {
width: 700px;
margin: 10px auto;
}
tr.sub1 th {font-weight: normal; padding-left: 5px;}
tr.sub2 th {font-weight: normal; padding-left: 10px;}
/* Hourmarking task history menu */
#taskTitleProposals {width: 140px; float: right;line-height:21px; z-index: 100000;}
#taskTitleProposals li{border:0px;padding:0px;margin:0px;}
#taskTitleProposals li a{border:0px;padding:0px;margin:0px;}
#taskTitleProposals ul {padding:0px 0px 0px 15px;}
#taskTitleProposals ul.proposalMenu {background-color:white;margin:0px 0em 0em -265px;list-style:none;padding:0px}
#taskTitleProposals li.first {width: 140px; float: right;}
#taskTitleProposals li.first div.proposals ul{overflow:auto;max-height:325px;}
#taskTitleProposals li.first a{height: auto;cursor:pointer;}
#taskTitleProposals ul ul {top: 20px;}
#taskTitleProposals li.title a{font-weight:bold;color:black;}
#taskTitleProposals li.proposalParent div.proposals ul li:hover {background:#f1f0f0;}
#taskTitleProposals li.proposalParent div.proposals ul li.title:hover a{background:none;}
#taskTitleProposals li.proposalParent div.proposals ul li.title:hover {background:none;}
#taskTitleProposals li.proposalParent div.proposals ul li.userhistory-latest.title:hover {background:#f8f8f8;}
#taskTitleProposals li.userhistory-latest {background-color:#f8f8f8;}
#taskTitleProposals ul.proposals {position:inherit;}
#taskTitleProposals li.proposalParent ul li {cursor:pointer;}
#taskTitleProposals li.proposalParent ul li a{color:#000000;}
#taskTitleProposals li.proposalParent ul li.title a{cursor:default;}
#taskTitleProposals li.disabled a{color:#c3c3c3;font-weight:normal;}
#taskTitleProposals li.disabled {font-weight:bold;}
#taskTitleProposals li.first div.box {position:absolute;z-index:99;width:550px; height: 220px; border:1px solid #e8e8e8;background-color:white;margin:0px 0em 0em -276px;list-style:none;line-height:15px;}
#taskTitleProposals li.proposalParent:hover div.box {display:block;}
#taskTitleProposals li.first div.box ul li.noValues {font-style:italic;}
#tabs {width:100%;border:1px solid black;}
/*jQuery UI css */
#taskTitleProposals li.proposalParent .ui-tabs-hide {display:none;}
#taskTitleProposals li.proposalParent ul.ui-tabs-nav {background-color:#c3c3c3;}
#taskTitleProposals li.proposalParent ul.ui-tabs-nav li {display:inline}
#taskTitleProposals li.proposalParent ul.ui-tabs-nav li span{display:block;float:left;padding: 3px 10px;background-color:#ffffff;margin: 4px 5px 0px 0px;-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;}
#taskTitleProposals li.proposalParent ul.ui-tabs-nav li.ui-tabs-selected span{border-bottom:1px solid #ffffff;}
#taskTitleProposals li.proposalParent div.ui-tabs-panel li {display:block;}
/* Hourmarking task history menu END */
/* Favorite tasks */
#favoriteTasksLi li.minimize {text-align:right;font-weight:bold;cursor:pointer;}
/* Favorite tasks END */
/* workload info */
#btn_NewEstimation {margin:0.5em;}
#workloadInfo {display:none;padding:0.5em;}
#workloadInfo.show {display:block;}
#workloadInfo #workloadInfo-history {float:right;margin:0.5em;padding:0em;}
/* workload info END */
/* workload history info */
#workloadInfo-history ul#listOfBudgets {display:block;height:auto;width:15em;background-color:white;margin:0em;padding:0em;position:absolute;margin: 0 0 0 -15em;}
#workloadInfo-history ul#listOfBudgets li.title{font-weight:bold;display:block;padding: 0.1em 0.2em;text-align:center;border:0em;font-size:100%;}
#workloadInfo-history ul#listOfBudgets li{display:none;font-size:90%;list-style:none;padding:0.2em 0.4em;border-top:1px solid #E3E3E3;}
#workloadInfo-history ul#listOfBudgets li span.description{font-size:90%;display:block;padding: 0em 0em 0em 1em;}
#workloadInfo-history span#oldTaskTimeBudgets {display:block;margin: -1.5em 0em 0em 10em;width:10em;}
#workloadInfo-history span#taskTimeBudget {display:inline;}
#workloadInfo-history ul.borderGray{border:1px solid #c3c3c3;}
#newEstimatedTimeBudgetDescription {width:98%;}
/* workload history END */
/* workload in task details */
form#taskform #workloadInfo-history {float:right;}
/* workload in task details END */
p.taskDetailInfo label { font-weight: bold; padding:right: 4px; }
#userRelatedControl th { color:#FFF; }
#userRelatedControl tr td:nth-child(4) { display:none; }
#userRelatedControl tr th:nth-child(3) { display:none; }
#add-company { padding: 6px;}
a.button, button {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: -moz-linear-gradient(center top , #F79031 0%, #E04A25 100%) repeat scroll 0 0 transparent;
border-color: rgba(255, 255, 255, 0.7) #555555 #555555;
border-radius: 4px 4px 4px 4px;
border-right: 1px solid #555555;
border-style: solid;
border-width: 1px;
color: #EEEEEE;
font-weight: bold;
padding: 0.4em 0.6em;
text-shadow: 0 -1px rgba(0, 0, 0, 0.5);
top: 1px;
}
a.button:active, button:active {
background: -moz-linear-gradient(center top , #E27C2D 0%, #CE3C23 100%) repeat scroll 0 0 transparent;
color: #FFFFFF;
position: relative;
top: 1px;
}
#customerLinks ul li a { color: #FFF;}
#customerLinks ul li:hover a{ color: #E04A25;}
.not-visible { display: none; }