#timesheet-container,.org-selector{ border: 5px solid #3A3A3A; background: none repeat scroll 0 0 #FFFFFF; padding: 0; min-height: 260px;box-shadow: 0 0 15px #777777;}

.timesheet-header{background: #DEF;background: -moz-linear-gradient(top, #DDEEFF 0%, #BAD4F1 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#DDEEFF), color-stop(100%,#BAD4F1));background: -webkit-linear-gradient(top, #DDEEFF 0%,#BAD4F1 100%);background: -o-linear-gradient(top, #DDEEFF 0%,#BAD4F1 100%);background: -ms-linear-gradient(top, #DDEEFF 0%,#BAD4F1 100%);background: linear-gradient(to bottom, #DDEEFF 0%,#BAD4F1 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DDEEFF', endColorstr='#BAD4F1',GradientType=0 );border-bottom: 1px solid #9BD; color: #333; padding: 15px 10px 12px;height: 37px;}

.timesheet-footer{background: #eee;border-top: 1px solid #ccc;padding: 10px;position: relative;height: 33px;}

#timesheet-main-header{ font-size: 16px;height: 65px;position: relative;}

#timesheet-main-header span{ font-weight: bold;}

.timesheet-body{ clear: both;position: relative;overflow: auto;}

.timesheet-body table th{ padding: 7px;font-size: 12px;font-weight: bold;vertical-align: middle;}

.timesheet-body table th span{ font-weight:normal;font-style: italic;color: #666666;}

.timesheet-body table td{ font-size: 12px;vertical-align: middle;}

.timesheet-header .left{ width: 300px;float: left;}

.timesheet-header .right{ width: 300px;float: right;}

.timesheet-footer .controls{ width: 300px;float: right;text-align: right;}

 .timesheet-footer .controls .buttons,.timesheet-header .right .buttons{font-family: Arial;}

.no-val{ background-image: url(images/webtime-sprite.png);background-repeat: no-repeat;width: 24px;height: 16px;background-position: 0px -31px;margin: 0 auto;}

.no-val{ background-image: url(images/webtime-sprite.png);background-repeat: no-repeat;width: 24px;height: 16px;background-position: 0px -31px;margin: 0 auto;}

.timesheet-table-footer .no-val{margin-right:5px;}

.rejected-val{ background-image: url(images/webtime-sprite.png);background-repeat: no-repeat;width: 30px;height: 30px;background-position: 0 -54px;margin: 0 auto;}

.approved-val{ background-image: url(images/webtime-sprite.png);background-repeat: no-repeat;width: 22px;height: 20px;background-position: 0 -90px;margin: 0 auto;}

.paper-val{ background-image: url(images/webtime-sprite.png);background-repeat: no-repeat;width: 18px;height: 24px;background-position: 0 -113px;margin: 0 auto;}

.timesheet-items .rejected-val{ float: left;background-position: 0px -54px;width: 22px;}

.rejected-count{ line-height: 28px;color: #990000;}

.timesheet-table-footer .rejected-val{width: 18px;height: 35px;background-position: 0px -54px;margin-right: 10px;}

.timesheet-table-footer .approved-val{ background-position: 0 -90px;display: block;height: 30px;margin-right: 10px;width: 18px; background-image: url("images/webtime-sprite.png");background-repeat: no-repeat;}

.not-assigned-val{ background-image: url(images/webtime-sprite.png);background-repeat: no-repeat;width: 25px;height: 30px;background-position: 0 7px;}

.timesheet-items .not-assigned-val{ background-position: 0 10px; display: table-cell;}

.timesheet-items .Delete{ padding: 0 5px; display: table-cell;}

.timesheet-table-footer .not-assigned-val{width: 18px;height: 35px;background-position: 0px 7px;margin-right: 10px;display: block;}

.timesheet-table-footer .paper-val{width: 18px;height: 35px;background-position: 0px -120px;margin-right: 10px;display: block;}

.timesheet-table-footer .container-not-assigned,.timesheet-table-footer .container-rejected{ width: 28px;height: 60px;}

.timesheet-table-footer{ clear: both;min-height: 200px;padding-left: 11px; padding-right: 15px;font-size: 13px;line-height: 125%;}

.timesheet-table-footer li{ min-height: 30px;}

.timesheet-table-footer li div{ float: left;clear: both;}

.timesheet-table-footer .left{ width: 450px;float: left;}

.timesheet-table-footer .right{ width: 430px;float: right;}

.timesheet-comments td{ border: none;}

.col-date,.col-hours, .col-units,.break-hours{ text-align: center;}

.col-units.na, .col-approver-units.na{ color: #999999;}

.col-loc{ width: 100px;}

.col-name{ width: 100px;}

.col-loc div{ width: 100px;}

.col-name div{ width: 100px;}

.col-loc div, .col-name div{ text-overflow: ellipsis;overflow: hidden;}

.col-date{ width: 70px;}

.break-hours,.col-hours{ width:40px;}

.col-input{ vertical-align: bottom !important;}

.col-input.actualstart,.col-input.actualend{ width: 82px;text-align: center;}

.col-input.breaktime{ width: 150px;}/*125*/

.col-input span{ font-style: italic;color: #999999;padding-bottom: 5px;display: inline-block;}

.col-status{ border-collapse: separate;text-align: center;padding: 15px 6px !important;width: 65px;}

.col-status span{ line-height: 30px;}

.col-status.noval{ background-color: #fff5dd;}

.col-status.rej{ background-color: #ffeeee;}

.col-status.noassign{ background-color: #f5f5f5;padding-right: 0px;width: 65px;}

.col-status.saved{ padding: 15px 4px !important;}

.timesheet-body table{ width: 100%;margin-bottom: 25px;}

.timesheet-body table input{ width: 51px;font-size: 12px;}

.timesheet-comments .left{ width: auto;float: none;}

.timesheet-comment-header div{ float: left;font-weight: bold;}

.timesheet-comments .comment-header{ font-weight: bold;}

.timesheet-comments table td{ padding: 0 10px;vertical-align: top;}

.timesheet-comment-header select{ width: 255px;}

.timesheet-comment-header{ height: 30px;border-bottom: 1px solid #DDDDDD;}

.timesheet-comments table{ margin: 10px 0;}

.timesheet-comment-add textarea{ float: left;width: 260px;}

.timesheet-comments li{border-bottom: 1px solid #DDDDDD;margin-bottom: 10px;}

.timesheet-table-footer .left li{ margin-bottom: 15px;}

.timesheet-body .overlay{ position: absolute;top: 0;width: 100%;height: 100%;left: 0;background-color: #ffffff;z-index: 100;}

.timesheet-body .overlay img{ margin-left: auto;margin-right: auto;display: block;position: relative;top: 40%;}

.no-timesheet{ height: 300px;}

.no-timesheet .inner-copy{ width: 410px;margin-left: auto;margin-right: auto;position: relative;top: 40%;text-align: center;line-height: 125%;}

.no-timesheet .inner-copy span{ font-weight: bold;display: inline-block;font-size: 16px;margin-bottom: 10px;}

.timesheet-items th{ line-height: 131%;}

#inner-break-table{ margin-bottom: 0px !important;}

#inner-break-table td{ padding: 0 !important;border: none !important;}

#inner-break-table .top-row td{ padding-bottom: 5px !important;color: #999999;font-style: italic;}

#inner-break-table .top-row td.end-col{ padding-left: 8px !important;}

#inner-break-table td.second{ width: 80px;}/*70*/

#inner-break-table td.first{ width: 58px;}

.timesheet-items tr.deleted .col-date, .timesheet-items tr.deleted .col-loc, .timesheet-items tr.deleted .col-name, .timesheet-items tr.deleted input, .timesheet-items tr.deleted .col-hours, .timesheet-items tr.deleted .col-units,.timesheet-items tr.deleted .break-hours,.timesheet-items tr.deleted .static-data, .timesheet-items tr.deleted .actualstart span, .timesheet-items tr.deleted .actualend span,.timesheet-items tr.deleted tr.top-row td{text-decoration: line-through; color: #999999;}

.timesheet-items tr.deleted td{ background-color: #f5f5f5 !important;}

.timesheet-items tr.deleted .Delete{color: #000 !important;text-decoration: none;    background: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#DDDDDD)) !important;background: -moz-linear-gradient(top, #EEEEEE, #DDDDDD) !important;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#DDDDDD') !important;}

.org-selector-title{ border-bottom: 1px solid #DDDDDD;font-size: 18px;line-height: 48px;}

.org-selector{ padding: 15px;}

.org-selector ul{ list-style-type: square;padding-left: 40px;padding-top: 15px;}

.org-selector ul li{ margin-bottom: 10px;}

.org-chooser-container{ float:right;width: 375px;height: 27px;padding: 10px 5px 5px 10px;border: 1px solid #CCCCCC;background-color: #EEECEA;}

.org-chooser-container .title{ float: left;font-size: 12px;line-height: 22px;margin-right: 5px;}

.org-chooser-container select{ float: left;height: 23px;}

.org-selector li a{ text-decoration: underline !important;}

.timesheet-period-title{ float: left;line-height: 43px; }

.org-chooser-container button{ margin-left: 5px;margin-top: -2px;}

.timesheet-header button.go span,.org-chooser-container button span{ padding: 5px 5px;font-family: arial;}

.timesheet-comments table td.time,.timesheet-comments table .pending-label{ width: 75px;}

.timesheet-comment-add button{ font-family: Arial;}

.timesheet-comment-add{ height: 75px;margin-top: 10px;}

.timesheet-comments table .pending-label span{ font-weight: normal;}

.timesheet-comments table .Delete{ margin-top: -16px;}

.status-all-approved, .status-all-not-saved{ background: none repeat scroll 0 0 #F8F8F8;color: #777777;margin-top: 5px;padding: 15px 30px;text-align: center;}

.timesheet-comments .message-col{ width: 100%;}

.timesheet-items tr.approved-row .col-status{ background-color: #F5FFDD;}

tr.validation-errors{ background-color: #cc0000;color: #ffffff;}

tr.validation-errors ul{ list-style: disc outside none;margin-left: 20px;}

tr.validation-errors li{color: #FFDDDD;font-size: 13px;line-height: 125%;margin-bottom: 10px;}

.validation-title { font-size: 14px;font-weight: bold;margin-bottom: 10px;}

tr.validation-errors li span{ font-weight: bold;}

tr.invalid-row{ background-color: #FFF5F5;}

input.cell-invalid{ border: 1px #DD0000 solid;}

#inner-break-table .second .static-data{ float: left; }

.ui-dialog-buttonset .positiveDefault{ margin-left: 10px !important;}

/*approver list styles*/
header .branding div.aesop_logo {background: url("images/aesop_logo.png") no-repeat scroll 0 23px transparent; height: 85px; text-indent: -9999px; width: 170px; }

.approverlist-container{ padding: 0px; background: none repeat scroll 0 0 #FFFFFF; border: 5px solid #3A3A3A; box-shadow: 0 0 15px #777777; min-height: 260px;}

.approver-select{ width: 165px !important; display: none;}

.approver-select.subs{ width: 250px !important;}

.approver-select.subs select{ display: block;float: left;}

.approver-select.subs button{ margin-left: 7px;margin-top: -4px;}

.approver-detail-select{ width: 610px !important;}

button.positiveDefault,button.reject,button.reject-detail, button.addApprover, button.editApprover, button.deleteApprover,.timesheet-footer .cancel,.alt-actions button{ font-family: arial;}

button.positiveDefault.approve{ display: none;}

.no-timesheet.approve{ display: none;}

.approver-rejection-table{ margin-bottom: 0px !important;}

.approver-rejection-table td {border: 0px !Important;padding-top: 0px !important;padding-bottom: 0px !important; }

.col-approver-displaydate a{ text-decoration: underline;font-size: 14px;}

.col-approver-displaydate{ width: 150px;}

th.col-approver-displaydate,th.col-approver-name,th.col-approver-acutalunits,th.col-approver-acutalhours,th.col-approver-action,th.col-approver-rej{ padding-right: 15px !important;}
th.col-approver-action{ padding-left: 10px !important;}

.col-approver-acutalunits{ width: 80px;}

.col-approver-acutalhours{ width: 80px;}

.col-approver-action{ width: 58px;}

.col-approver-rej{ width: 106px;}

.col-approver-name{ width: 170px;}

.rejected-title,.primary-approver-container .title, .alternate-approver-container .title{ background-color: #3a3a3a;color: #ffffff;font-size: 18px;font-weight: bold;line-height: 45px;padding-left: 10px;}

.detail-header{ font-size: 18px;margin-bottom: 20px;line-height: 25px;}

.detail-header .top span,.detail-header .bottom .period{ font-weight: bold;}

.detail-header .bottom .status{ color: #cc0000;}

.detail-header .bottom .status.pending{ color: #888;}

.detail-header .bottom .status.approved{ color: #008800;}

/*approved #008800*/

/*approved #888*/

.approver-detail-select select, .approver-detail-select button, .approver-detail-select div{ float: left;}

.approver-detail-select select{ margin-right: 6px;margin-top: 4px;}

.approver-detail-select button{ margin-right: 15px;}

.approver-detail-select div{ margin-top: 7px;}

.timesheet-items.not-rejected,.timesheet-items.rejected{ margin-bottom: 0;}

.no-timesheets-approved,.no-timesheets-approved td{ color: #bbb;font-size: 14px !important;font-weight: bold;text-align: center;padding: 40px;}

.detail-back-link{ text-decoration: underline;}

.col-approver-date{ width: 50px;}

.col-approver-start,.col-approver-end{ width: 65px;}

.col-approver-break{ width: 65px;}

.timesheet-items.not-rejected .header{ color: #666666;font-style: italic;font-weight: normal;}

.approver-breakstart{ float: left;width: 55px;}

.inner-comment-container {float: right;width: 430px;}

.approver-outter-comment-container{ margin-top: 20px;min-height: 20px;}


.approver-outter-comment-container .timesheet-comments table td{ line-height: 125%;}

.timesheet-body.approver-page{ overflow: hidden;}

.inner-comment-container li:last-child{ border-bottom: none;}


header div.logo { background: url("images/logo.png") no-repeat scroll left top transparent; display: block; float: left;height: 49px;position: relative;text-indent: -9999px;top: -3px;width: 134px;}

/*popup styles*/

.ui-tooltip-calendarPopout {background: #3a3a3a;border-radius: 10px;}

.ui-tooltip-calendarPopout .ui-tooltip-content {padding: 8px;border: 0px;}

.reject-reason-container, .approve-reason-container{ border-radius: 4px; width: 305px;background: white;display: none;}

.reject-reason-container .title,.approve-reason-container .title{border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;text-align: center;padding: 10px;font-weight: bold;position:relative;}

.reject-reason-container .title,.approve-reason-container .title{background: #DDD;border-radius: 4px 4px 0 0;}

.reject-reason-container .actions, .approve-reason-container .actions{background: #EEE;border-radius: 0 0 4px 4px;}

.reject-reason-container .bottom-row,.reject-reason-container .top-row, .approve-reason-container .bottom-row,.approve-reason-container .top-row{ padding: 15px;}

.reject-reason-container button, .approve-reason-container button{ font-family: arial;margin-top: 5px;margin-bottom: 5px;}

.reject-reason-container .actions, .approve-reason-container .actions{ text-align: right;padding-right: 5px;}

.reject-reason-container .top-row span, .reject-reason-container .bottom-row .comment-title, .approve-reason-container .top-row span, .approve-reason-container .bottom-row .comment-title{ font-weight: bold;font-size: 12px;}

.reject-reason-container .top-row select{ width: 170px;margin-left: 10px;}

.reject-reason-container .bottom-row textarea,.approve-reason-container .bottom-row textarea{ width: 265px;}

.reject-reason-container .bottom-row{ padding-top: 0px;}

.col-approver-acctcode input[type=text]{ width: 168px;margin-top: 10px;display: block;}

.col-approver-status{ width: 50px;}

.approver-outter-comment-container .left.status{ float: left;width: 450px;}

.approver-outter-comment-container .left li{ margin-bottom: 15px;min-height: 30px;}

.approver-outter-comment-container .left li div{float: left;clear: both;}

.approver-outter-comment-container .approved-val{background-position: 0 -90px;display: block;height: 35px;margin-right: 10px;width: 18px;background-image: url("images/webtime-sprite.png");background-repeat: no-repeat;}

.approver-outter-comment-container .container-rejected{ width: 28px;height: 60px;}

.approver-outter-comment-container .rejected-val{width: 18px;height: 35px;background-position: 0px -54px;margin-right: 10px;}

.approver-outter-comment-container{ padding-left: 11px; padding-right: 15px; font-size: 13px; line-height: 125%; }

/* ********************** */

.timesheet-footer.alt-approver .left{ width: 200px;float: left;}

.timesheet-footer.alt-approver .right{ width: 600px;float: right;}

button.add > span {padding-left: 30px;background: url(images/form_sprite.png) -2px -574px no-repeat;}


.alt-name-enter input{ padding-left: 0px;padding-right: 0px;margin-bottom: 10px;margin-top: 9px;width: 257px !important;}

.alt-name{ width: 290px !important; }

th.alt-name{ width: 281px !important; }

.primary-name{ width: 274px !important;}

.primary-name input { width: 240px !important;}

.alt-name-enter{ width: 300px !important;padding-left: 16px;padding-right: 0px;}

.alt-name-enter div{ width: 165px;}

.alt-email input{ width: 264px !important;}

.alt-email{ width: 290px !important;}

.alt-email.enter{ width: 290px !important;padding-left: 16px;padding-right: 0px;}

.alt-from,.alt-to{ width: 120px;padding-left: 8px;padding-right: 0px;}

.alt-from input,.alt-to input{ width: 75px !important; }

.alt-actions{ width: 95px;padding-left: 4px;padding-right: 4px;text-align: center;}

.timesheet-body.approver-page .col-status.approved {
background-color: #F5FFDD;
}

.approver-outter-comment-container .comment-block .left{ float: none !important;}

.primary-approver-container table,.alternate-approver-container table{ margin-bottom: 0;}

.alternate-approver-container tr.deleted .alt-name, .alternate-approver-container tr.deleted .alt-email, .alternate-approver-container tr.deleted .alt-from,.alternate-approver-container tr.deleted .alt-to{text-decoration: line-through;}

.alternate-approver-container tr.deleted { background-color: #f5f5f5;color: #999;}

.alternate-approver-container tr.edited{ background-color: #FFFFDD;}

.editApprover span{background: transparent url(/Content/images/form_sprite.png) 0px -3630px no-repeat;color: white;height: 20px;width: 9px;text-indent: -9999px;}

.deleteApprover span{background: transparent url(/Content/images/form_sprite.png) 0px -3671px no-repeat;color: white;height: 20px;width: 9px;text-indent: -9999px;}

tr.deleted .deleteApprover{color: #000 !important;text-decoration: none;    background: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#DDDDDD)) !important;background: -moz-linear-gradient(top, #EEEEEE, #DDDDDD) !important;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#DDDDDD') !important;}

.commitChanges span {
    background: url("/Content/images/form_sprite.png") no-repeat scroll 0px -1258px transparent;
    color: white;
    height: 20px;
    text-indent: -9999px;
    width: 9px;
}

.cancelChanges span {
    background: url("/Content/images/form_sprite.png") no-repeat scroll 0px -1151px transparent;
    color: white;
    height: 20px;
    text-indent: -9999px;
    width: 9px;
}
.alt-name div,.alt-email div,.alt-from div{ margin-left: 8px;}

.alt-email.enter div{ margin-left: 2px;}

.alt-name .inputcontainer{ margin-left: 0px;}

.alternate-approver-container .validation-errors td{ display: none;}

.ui-dialog{ z-index: 15005 !important; } 

.alternate-approver-container table{ }

.approverlist-container.alternate{ min-height: 157px;}

.no-alternates{ color: #999999;display: none;}

.left.approver-select{ margin-top: 9px;}

.primary-email{ width: 530px;}

.primary-email input{ width: 300px !important;}

.primary-actions{ width: 100px;}

.no-alternates{text-align: center;font-size: 14px !important;font-weight: bold;}

.alt-from-enter button{ padding-right: 0;width: 20px;}

.alt-from-enter div{ text-align: center;}

.alt-from-enter{ padding-left: 4px;padding-right: 4px;width:120px;}

tr.nonedited button,.timesheet-footer.unedited button{ opacity: 0.5;filter:Alpha(opacity=50);color: #222222;}

tr.nonedited button:hover,.timesheet-footer.unedited button:hover{ background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EEEEEE)); background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE');color: #222222;opacity: 0.5;cursor: default;}

tr.nonedited button span,.timesheet-footer.unedited button span{ cursor: default;}

.ui-button.Clear > span {
background: url(/Content/images/global-sprite.png) -480px -200px no-repeat;
color: white;
height: 14px;
width: 14px;
margin: 7px;
padding: 0;
}

.col-status.rej .ui-button.Clear{ float: left;margin-right: 4px;}

.return_summary {position:absolute; top:35px; font-size:12px !important;}

.ts_log{ position: absolute;top:35px;font-size: 12px !important;left: 165px;}

.detail-header .top.admin{ width: 570px;float: left;}

.detail-header .single-inst-selector{ width: 390px;height: 45px;float: right;}

.approverlist-container.alternate.admin{ clear: both;}

#InstLabel{font-size: 14px;}

.timesheet-period-title a, .timesheet-period-title .notLink{ font-size: 16px !important;}

.paper-button{ display: inline-block;}

.paper-button .ui-button{font-size: 11px;padding: 0;line-height: 100%;font-weight: normal;}

.paper-button .ui-button span{line-height: 100%;padding: 5px;}

.paper-row .col-input {
    vertical-align: middle !Important;
}

.paper-button a:hover{ text-decoration: none;}

.noval .paper-button{ margin-top: 5px;}