/* main css */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
target-new: tab ! important;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
nav ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}
mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}
/* tables still need cellspacing="0" in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
input, select {
vertical-align: middle;
}
input[type="submit"] {
-webkit-appearance: none;
-webkit-border-radius: 0;
}
/* END RESET CSS */
html {
height: 100%;
font-size: 16px;
}
body {
height: 100%;
font-family: "helvetica neu", Helvetica, Verdana, sans-serif;
color: #333;
background: transparent url(/static/public/login/assets/img/bkgd.png) no-repeat;
background-size: 100% 100%;
background-position: 100% 44px;
background-color: #EEEEEE;
background-attachment: fixed;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/public/login/assets/img/bkgd.png', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/static/public/login/assets/img/bkgd.png', sizingMethod='scale')";
}
body #list {
background: #fff;
}
.nobold {
font-weight: normal !important;
}
.coming_soon {
top: 0;
left: 0;
position: absolute;
z-index: 999;
background: transparent url(/static/public/login/assets/img/banner_coming_soon.png) no-repeat top left;
width: 99px;
height: 100px;
}
/* New Directory Styles
-----------------------------------------------------------------------------------------------------------*/
.searchx {
display: block;
background: #E2E3E7;
border-bottom: 1px solid #707D85;
height: 29px;
margin: 0 !important;
position: relative;
padding: 3px 3px;
}
.search-button {
border: 1px solid #CCCCCC;
cursor: pointer;
display: block;
float: left;
margin: 0;
padding: 0;
width: 5em;
}
.search-ico {
/*background: #3D444C url("/static/public/login/assets/img/icon-search.png") no-repeat center center !important;*/
background: transparent url(/static/public/login/assets/img/sprite.png) no-repeat;
background-position: -414px -141px;
background-color: #3D444C;
height: 30px;
width: 67px;
}
.search-ico-rec {
/*background: #3D444C url("/static/public/login/assets/img/icon-search.png") no-repeat center center !important;*/
background: transparent url(/static/public/login/assets/img/sprite.png) no-repeat;
background-position: -432px -141px;
background-color: #3D444C;
height: 30px;
width: 67px;
}
.close-ico {
background: #3D444C !important;
height: 28px;
width: 65px;
margin-right: 1px;
}
span.close_icon {
margin: 3px auto 0px auto !important;
background: transparent url(/static/public/login/assets/img/sprite.png) no-repeat;
background-position: -33px -140px;
}
.search_input {
border: 1px solid #CCCCCC;
font-size: 1em;
height: 28px;
line-height: 28px;
margin: 0;
padding: 0 5px;
width: 100%
}
.search_input_rec {
border: 1px solid #CCCCCC;
font-size: 1em;
height: 30px;
line-height: 28px;
margin: 0;
width: 100%
}
.search_input1 {
border: 1px solid #CCCCCC;
font-size: 1em;
height: 28px;
line-height: 28px;
margin: 0;
padding: 0 5px;
width: 88%
}
#search_txt {
margin-right: 146px;
}
.search_txt_wide {
margin-right: 80px !important;
}
#search_buttons {
position: absolute;
right: 1px;
top: 3px;
}
.extension {
clear: both;
font-size: 0.80em;
text-align: right;
}
/* End New Directory Styles
-----------------------------------------------------------------------------------------------------------*/
#wrapper {
min-height: 500px;
position: relative;
padding: 1px;
}
a {
color: #333;
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:visited {
}
.bold {
font-weight: bold;
}
em {
font-style: italic;
}
strong {
font-weight: bold;
}
h1 {
font-size: 1.75em;
line-height: 1em;
color: #333;
}
h2 {
font-size: 1em;
color: #333;
}
h3 {
font-size: 1.25em;
color: #333;
}
h4, h5, h6 {
font-size: 1em;
color: #333;
}
p, ul, dl, ol {
font-size: 1em;
line-height: 1.125;
}
.clear {
clear: both;
}
.f-right {
float: right;
}
.f-left {
float: left;
}
.abs-right {
position: absolute;
top: 0px;
right: 0px;
}
.abs-left {
position: absolute;
top: 0px;
left: 0px;
}
.blue {
color: #3077A5;
}
.grey {
color: #585858;
}
.red {
color: #ef3024;
}
.red-bg {
background: #ef3024 !important;
}
.yellow {
color: #cfa238;
}
.m-top {
margin-top: 1px !important;
}
.m-top-30 {
margin-top: 30px !important;
}
.v-ali-mid {
vertical-align: middle !important;
}
.pad-10 {
padding: 10px !important;
}
.small_single {
font-size: 0.85em;
font-weight: normal;
}
#header {
position: relative;
top: 0px;
left: 0px;
width: 100%;
z-index: 100;
color: #fff;
border-bottom: 2px solid #818181;
background: #1F2F3F;
height: 44px;
/*background: #1F2F3F url('/static/public/login/assets/img/_c-bg-header.gif') left top repeat-x;*/
}
#header h1 {
margin: 0 3em;
font-size: 1.4em;
line-height: 44px;
text-align: center;
color: #fff;
white-space: nowrap;
}
#header a, #header a:hover, #header a:visited {
color: #fff;
background-color: #2E4157;
}
.noBackgroundColor {
background-color: transparent !important;
}
#nav ul {
list-style: none outside none;
}
#header #nav li {
position: absolute;
font-size: .8125em;
}
#header #nav li ul li {
position: absolute;
font-size: 1em !important;
}
#header #nav li.left {
top: 4px;
left: 8px;
}
#header #nav li.right {
top: 4px;
right: 8px;
}
#header #nav li.iwarn {
top: 4px;
right: 60px;
}
#header #nav a {
display: block;
padding: 0 8px;
min-width: 40px;
border: 1px solid #000;
line-height: 33px;
height: 33px;
text-align: center;
}
#header #nav a.nowidth {
min-width: 0px;
}
#header #nav .nolink {
display: block;
padding: 0 8px;
border: 1px solid #000;
line-height: 33px;
height: 33px;
text-align: center;
color: #fff;
background-color: #2E4157;
}
#header #nav a img {
margin-top: 4px;
}
/*JWLANDF TEST HEADER*/
#header #nav ul li ul {
list-style: none;
position: relative;
}
#header #nav ul li ul li {
float: left;
position: relative;
padding: 0 0 0 2px;
}
body#time-sheet #header h1 {
font-size: 1.2em;
}
.content {
/*min-height: 480px;*/
position: relative;
padding: 1px;
margin: -1px;
}
.alert-information {
color: #845E0F;
text-align: center;
width: 100%;
padding: 10px 0;
}
.button_icon {
display: block;
width: 25px;
height: 25px;
margin: 4px auto 0 auto;
padding: 0;
}
.logout_icon {
background: transparent url(/static/public/login/assets/img/sprite.png) no-repeat;
background-position: -4px -139px;
}
.settings_icon {
background: transparent url(/static/public/login/assets/img/sprite.png) no-repeat;
background-position: -65px -140px;
}
.plus_icon {
background: transparent url(/static/public/login/assets/img/sprite.png) no-repeat;
background-position: -95px -140px;
}
.globe_icon {
background: transparent url(/static/public/login/assets/img/sprite.png) no-repeat;
background-position: -205px -141px;
}
/* for the suppress go green button */
.gogreen_leaf_icon {
position: relative;
margin: 0;
min-height: 50px;
min-width: 50px;
top: -5px;
background: transparent url(/static/public/login/assets/img/gogreen_leaf.png) no-repeat;
}
/*-----------------------------------------------*/
/* ------------- Login Styles -------------*/
/*-----------------------------------------------*/
body#login {
background-color: #f7f7f7;
background-image: none;
}
#login #wrapper {
position: relative;
margin: 0;
min-height: 640px;
background: #F7F7F7 url(/static/public/login/assets/img/login-background-extend.png) repeat-x right top;
}
#login-splash {
position: relative;
margin: 0;
padding: 10px;
min-height: 640px;
background: transparent url(/static/public/login/assets/img/login-background.png) no-repeat right top;
}
h1#logo {
background-image: url("/static/public/login/assets/img/logo-slogan-sm.png");
height: 49px;
left: 10px;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
text-indent: 1000em;
top: 15px;
width: 105px;
}
h1#logo-native {
background-image: url("/static/public/login/assets/img/logo-slogan-sm.png");
height: 66px;
left: 10px;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
text-indent: 1000em;
top: 280px;
width: 220px;
}
#login form {
line-height: 1.3em;
padding-top: 5px;
}
#login #content {
padding-top: 5px;
}
#login #wrapper .btn {
margin-top: 15px !important;
background: #363E46 !important;
border: 1px solid #333333 !important;
color: white;
font-size: 18px;
font-weight: bold;
height: 44px !important;
line-height: 44px !important;
width: 100% !important;
cursor: pointer;
margin: 0;
}
#login .btn_pair, #action .btn_pair {
margin-top: 15px !important;
background: #363E46 !important;
border: 1px solid #333333 !important;
color: white;
font-size: 18px;
font-weight: bold;
height: 44px !important;
line-height: 44px !important;
width: 45% !important;
cursor: pointer;
margin: 0;
}
#login p {
/*margin: 10px 0;*/
margin: 0;
}
#login p.forgot {
float: right;
clear: both;
width: 50%;
height: auto;
margin: 25px 0 0 0;
}
#login p.error {
margin: 0px;
}
#login label {
font-weight: bold;
width: 100%;
text-align: left;
display: block;
margin: 10px auto;
}
#login .remember_username_label {
display: inline;
font-weight: normal;
}
#login #username, #login #password, #login #pin, #login #pin_confirm {
background-color: white;
border: 1px solid #ABABAB;
font-size: 16px;
line-height: 40px;
height: 40px;
font-weight: bold;
padding: 0px;
width: 100%;
margin: 0 auto;
display: block;
}
#login #password {
text-align: left;
}
#login.user form p {
margin: 8px 10px 10px;
}
#login input[type="checkbox"] {
height: 14px;
padding: 0;
width: 14px;
margin: 0 5px 2px 0;
}
#login div.checkbox {
margin: 15px 0px;
line-height: 16px;
height: 16px;
}
#login #wrapper a {
display: block;
text-decoration: none;
text-align: center;
width: 98%;
height: 38px;
border: 1px solid #ABABAB;
margin: 25px 5px 5px 5px;
background: #bebebe;
position: relative;
}
#login #wrapper a.forgot {
display: block;
text-decoration: none;
text-align: center;
width: auto;
height: 38px;
border: 1px solid #ABABAB;
margin: 0px 0 5px 0;
background: #bebebe;
position: relative;
}
#login #wrapper a span {
display: block;
width: 100%;
height: 30px;
position: absolute;
top: 10px;
left: 0px;
}
#login #wrapper a span.top {
background: #F1F2F4;
top: 0px;
height: 20px;
}
#splash-page {
position: fixed;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 100%;
-webkit-transition: opacity .2s;
-moz-transition: opacity .2s;
-o-transition: opacity .2s;
transition: opacity .2s;
background-color: #485B60;
}
#splash-header {
margin-right:0%;
}
#splash-title {
margin-left: auto;
margin-right: auto;
text-align: center;
font-size: 20px;
font-weight: 600;
}
#splash-page #overlay {
height:100%;
width:100%;
background-image: url(/static/public/login/assets/img/splash-background.jpg);
background-size: cover;
}
#splash-content {
padding: 60px 50px;
}
#splash-container {
position: fixed;
max-width: 700px;
width: 60vw;
max-height: 375px;
height: 70vh;
top: 100px;
left: 50%;
transform: translate(-50%, 0%);
background-color: #FFFFFF;
opacity: 70%;
}
#splash-body {
font-size: 15px;
font-weight: 400;
}
#splash-link {
margin-left: auto;
margin-right: auto;
margin-bottom: 3vh;
text-align: center;
}
#splash-link a {
margin-left: auto;
margin-right: auto;
background-color: transparent !important;
border:transparent !important;
}
#splash-link img {
max-height: 100px;
width: auto;
}
#splash-close {
position: absolute;
right: 20px;
top: 10px;
width: 33px;
height: 33px;
opacity: 0.5;
text-align: center;
}
#splash-close:hover {
opacity: 1;
}
#splash-close:before, #splash-close:after {
position: absolute;
content: ' ';
height: 33px;
width: 2px;
background-color: #333;
}
#splash-close:before {
transform: rotate(45deg);
}
#splash-close:after {
transform: rotate(-45deg);
}
@media only screen and (max-width: 600px) {
#splash-container {
width: 275px;
height: 285px;
top: 70px;
}
#splash-content {
padding: 50px 15px;
}
#splash-title {
font-size: 18px;
}
#splash-body {
font-size: 14px;
}
}
/*-----------------------------------------------*/
/* ------------- login2 Styles -------------*/
/*-----------------------------------------------*/
body#login2 {
/*background-color: #f7f7f7;
background-image: none;*/
}
#login2 #wrapper {
position: relative;
margin: 0;
min-height: 640px;
/*background: #F7F7F7 url(/static/public/login/assets/img/login2-background-extend.png) repeat-x right top;*/
}
#login2-splash {
position: relative;
margin: 0;
padding: 10px;
min-height: 640px;
/*background: transparent url(/static/public/login/assets/img/login2-background.png) no-repeat right top;*/
}
#login2 form {
line-height: 1.3em;
padding-top: 5px;
}
#login2 #content {
padding-top: 5px;
}
#login2 #wrapper .btn {
margin-top: 15px !important;
background: #363E46 !important;
border: 1px solid #333333 !important;
color: white;
font-size: 18px;
font-weight: bold;
height: 44px !important;
line-height: 44px !important;
width: 100% !important;
cursor: pointer;
margin: 0;
}
#login2 .btn_pair, #action .btn_pair {
margin-top: 15px !important;
background: #363E46 !important;
border: 1px solid #333333 !important;
color: white;
font-size: 18px;
font-weight: bold;
height: 44px !important;
line-height: 44px !important;
width: 45% !important;
cursor: pointer;
margin: 0;
}
#login2 p {
/*margin: 10px 0;*/
margin: 0;
}
#login2 p.forgot {
float: right;
clear: both;
width: 50%;
height: auto;
margin: 25px 0 0 0;
}
#login2 p.error {
margin: 0px;
}
#login2 label {
font-weight: bold;
width: 100%;
text-align: left;
display: block;
margin: 10px auto;
}
#login2 .remember_username_label {
display: inline;
font-weight: normal;
}
#login2 #username, #login2 #password, #login2 #pin, #login2 #pin_confirm {
background-color: white;
border: 1px solid #ABABAB;
font-size: 16px;
line-height: 40px;
height: 40px;
font-weight: bold;
padding: 0px;
width: 100%;
margin: 0 auto;
display: block;
}
#login2 #password {
text-align: left;
}
#login2.user form p {
margin: 8px 10px 10px;
}
#login2 input[type="checkbox"] {
height: 14px;
padding: 0;
width: 14px;
margin: 0 5px 2px 0;
}
#login2 div.checkbox {
margin: 15px 0px;
line-height: 16px;
height: 16px;
}
#login2 #wrapper a {
display: block;
text-decoration: none;
text-align: center;
width: 98%;
height: 38px;
border: 1px solid #ABABAB;
margin: 25px 5px 5px 5px;
background: #bebebe;
position: relative;
}
#login2 #wrapper a.forgot {
display: block;
text-decoration: none;
text-align: center;
width: auto;
height: 38px;
border: 1px solid #ABABAB;
margin: 0px 0 5px 0;
background: #bebebe;
position: relative;
}
#login2 #wrapper a span {
display: block;
width: 100%;
height: 30px;
position: absolute;
top: 10px;
left: 0px;
}
#login2 #wrapper a span.top {
background: #F1F2F4;
top: 0px;
height: 20px;
}
/* Springboard Styles
-----------------------------------------------------------------------------------------------------------*/
#springboard #header h1 {
font-size: 1.4em;
}
.springboard-icons {
width: 100%;
}
.springboard-icon-row {
height: 112px;
}
.icon {
text-align: center;
height: 110px;
/*background: transparent url(/static/public/login/assets/img/tile.png) repeat-x left top;*/
border-bottom: 1px solid #c7c7c7;
background: transparent url(/static/public/login/assets/img/sprite_bg.png) repeat-x;
background-position: 0px 0px;
}
.icon.left {
width: 33%;
float: left;
position: relative;
}
.icon.left a, .icon.left span {
border-right: 1px solid #c7c7c7;
}
.icon.middle {
width: auto;
overflow: hidden;
}
.icon.right {
float: right;
width: 33%;
}
.icon.right a, .icon.right span {
border-left: 1px solid #c7c7c7;
}
.icon img {
padding-top: 28px;
padding-bottom: 9px;
width: 45px;
height: 45px;
display: block;
margin: 0 auto;
}
.icon a, .icon span {
display: block;
position: relative;
font-size: 0.8em;
font-weight: bold;
text-decoration: none;
color: #000 !important;
text-align: center;
height: 82px;
padding-top: 28px;
}
.icon_img {
position: relative;
width: 45px;
height: 45px;
padding: 0;
margin: auto;
margin-bottom: 5px;
}
.icon div {
outline: none !important;
}
.icon div.payroll {
background: transparent url(/static/public/login/assets/img/sprite.png) no-repeat;
background-position: -95px -55px;
}
.icon div.directory {
background: transparent url(/static/public/login/assets/img/sprite.png) no-repeat;
background-position: -92px -5px;
}
.icon div.retirement {
background: transparent url(/static/public/login/assets/img/sprite.png) no-repeat;
background-position: -47px -55px;
}
.icon div.news {
background: transparent url(/static/public/login/assets/img/sprite.png) no-repeat;
background-position: -142px -55px;
}
.icon div.timesheet {
background: transparent url(/static/public/login/assets/img/sprite.png) no-repeat;
background-position: 0px -55px;
}
.icon div.late-arrival-absence {
background: transparent url(/static/public/login/assets/img/sprite.png) no-repeat;
background-position: -145px -5px;
}
.icon div.clock {
background: transparent url(/static/public/login/assets/img/sprite.png) no-repeat;
background-position: -47px -5px;
}
.icon div.benefits {
background: transparent url(/static/public/login/assets/img/sprite.png) no-repeat;
background-position: 0px -5px;
}
.icon div.fsa {
background: transparent url(/static/public/login/assets/img/sprite.png) no-repeat;
background-position: -191px -5px;
}
.icon div.pto {
background: transparent url(/static/public/login/assets/img/sprite.png) no-repeat;
background-position: -304px -5px;
}
.icon div.paycard {
background: transparent url(/static/public/login/assets/img/sprite.png) no-repeat;
background-position: -200px -55px;
}
.icon div.inbox {
background: transparent url(/static/public/login/assets/img/sprite.png) no-repeat;
background-position: -252px -5px;
}
.icon div.calendar {
background: transparent url(/static/public/login/assets/img/sprite.png) no-repeat;
background-position: -252px -54px;
}
.icon div.myteam {
background: transparent url(/static/public/login/assets/img/ico-team.png) no-repeat;
background-position: 0px 0px;
}
.icon div.recruitment {
background: transparent url(/static/public/login/assets/img/recruiting_ico_web.png) no-repeat;
background-position: 0px -5px;
width: 60px;
}
#message .content {
padding: 10px;
}
.message {
min-height: 25px;
line-height: 25px;
margin: 10px 0px 15px 0px;
padding: 7px 5px 7px 50px;
position: relative;
border: 1px solid #ccc;
background: #fff;
color: #333;
font-size: 0.9em;
font-weight: normal !important;
}
.message2 {
margin: 0px;
padding: 10px 0px;
position: relative;
color: #585858;
font-size: 0.9em;
font-weight: normal !important;
text-align: center;
}
.attestation {
position: relative;
float: left;
clear: both;
margin-top: 1em;
padding: 10px 0px;
font-weight: normal !important;
text-align: center !important;
}
.message3 {
min-height: 25px;
line-height: 25px;
margin: 10px 0px 15px 0px;
padding: 7px;
position: relative;
color: #333;
background: #fff;
font-size: 0.9em;
font-weight: normal !important;
}
.message4 {
min-height: 25px;
line-height: 25px;
margin: 10px 0px 10px 0px;
padding: 7px 5px 7px 15px;
position: relative;
border: 1px solid #ccc;
background: #fff;
color: #333;
font-size: 0.9em;
font-weight: normal !important;
}
#clock_action_message {
margin: 16px 0 0 !important;
}
#clock_overview_error {
margin: 0 !important;
}
.message img {
position: absolute;
top: 4px;
left: 10px;
}
span.message-icon {
display: block;
width: 32px;
height: 32px;
margin: 0;
padding: 0;
position: absolute;
top: 4px;
left: 10px;
}
.message-success {
background: transparent url(/static/public/login/assets/img/sprite.png) no-repeat;
background-position: -75px -105px;
}
.message-error {
background: transparent url(/static/public/login/assets/img/sprite.png) no-repeat;
background-position: -5px -105px;
}
.message-info {
background: transparent url(/static/public/login/assets/img/sprite.png) no-repeat;
background-position: -40px -105px;
}
.message-warning {
background: transparent url(/static/public/login/assets/img/sprite.png) no-repeat;
background-position: -110px -105px;
}
#directory div.message, #news div.message {
margin: 10px 5px 15px;
}
#preferences_form div.message {
margin: 5px 0px 15px;
}
#directory div.message p, #login div.message p, #login2 div.message p,
#latearrival div.message p {
margin: 5px 0 0 0;
}
.btn_ok {
display: block;
text-align: center;
margin-top: 15px !important;
background: #363E46 !important;
border: 1px solid #333333 !important;
color: white;
font-size: 18px;
font-weight: bold;
height: 44px !important;
line-height: 44px !important;
width: 100% !important;
cursor: pointer;
margin: 0;
}
/*-----------------------------------------------*/
/* ------------- Payroll Styles -------------*/
/*-----------------------------------------------*/
.paybtn {
display: block;
margin: 15px 1% 25px 1% !important;
background: #363E46 !important;
border: 1px solid #333333 !important;
color: white;
font-size: 18px;
font-weight: bold;
text-align: center;
height: 44px !important;
line-height: 44px !important;
width: 98% !important;
cursor: pointer;
}
span.chevron {
display: block;
width: 25px;
height: 14px;
position: absolute;
top: 50%;
right: 0px;
margin-top: -7px;
background: url(/static/public/login/assets/img/sprite.png) no-repeat;
background-position: -180px -140px;
}
img.chevron {
position: absolute;
right: 0px;
top: 50%;
margin-top: -7px;
}
.tableview.amts li, .tableview.taxamts li {
display: block;
padding: 0px;
margin: 0px;
}
.tableview li {
line-height: 1.125;
border-bottom: 1px solid #939393;
border-top: 1px solid #FFFFFF;
color: #414141;
font-size: 0.875em;
font-weight: bold;
list-style-type: none;
margin: 0px;
padding: 0px 10px;
position: relative;
}
.tableview.amts .amt {
border: 1px solid #ccc;
border-top: 1px solid #696C68;
background: #E6E8D6;
font-size: 1.25em;
font-weight: bold;
width: 125px;
height: 41px;
top: 12px;
left: 7px;
line-height: 41px;
padding: 0 5px;
text-align: center;
position: absolute;
}
.tableview.taxamts .amt {
border: 1px solid #ccc;
border-top: 1px solid #696C68;
background: #E6E8D6;
font-size: 1.25em;
font-weight: bold;
width: 165px;
height: 41px;
top: 12px;
left: 7px;
line-height: 41px;
padding: 0 5px;
text-align: center;
position: absolute;
}
.tableview.taxamts li {
min-height: 60px;
}
#payroll .tableview.amts .amt, #payroll .tableview.taxamts .amt {
padding-top: 5px;
line-height: 19px;
}
.tableview.amts .amt small, .tableview.taxamts .amt small {
font-size: 0.7em;
font-style: normal;
font-weight: normal;
}
.tableview .title {
display: block;
font-size: 1.2em;
font-weight: bold;
margin: 12px 30px 0 150px;
}
.tableview .titleNoPay {
display: block;
font-size: 1.2em;
font-weight: bold;
margin: 12px 30px 0 10px;
}
.tableview .date {
color: #585858;
display: block;
margin: 5px 30px 5px 150px;
font-weight: normal;
}
.tableview .dateNoPay {
color: #585858;
display: block;
margin: 5px 30px 5px 10px;
font-weight: normal;
}
#payroll .tableview.amts .amt {
width: 100px;
}
#payroll .tableview .title {
margin: 12px 30px 0 130px;
}
#payroll .tableview .titleNoPay {
margin: 12px 30px 0 10px;
}
#payroll .tableview .date {
margin: 5px 30px 5px 130px;
}
#payroll .tableview .dateNoPay {
margin: 5px 30px 5px 10px;
}
#payroll .tableview.taxamts .title {
margin: 12px 30px 0 200px !important;
margin-left: 200px !important;
}
#payroll .tableview.taxamts .date {
margin: 5px 30px 5px 200px !important;
margin-left: 200px !important;
}
.tableview.amts li a, .tableview.taxamts li a, .search-results li a {
display: block;
width: 100%;
margin: 0px;
padding: 5px 0px;
text-decoration: none;
position: relative;
}
.detail .tableview li {
padding-bottom: 12px;
padding-top: 12px;
}
.detail .tableview li .amt {
color: #333333;
float: right;
}
.tableview li.header, #listView li.header, .tableview li.header, .mylistView li.header {
background: transparent url(/static/public/login/assets/img/tableheader.png) repeat;
background-position: 0px 0px;
border-bottom: 1px solid #696C6E;
border-top: 1px solid #E6E6E6;
color: #414141;
font-size: 0.8em;
font-weight: bold;
line-height: 30px;
margin-bottom: -1px;
min-height: 30px;
padding: 0 10px;
position: relative;
text-transform: uppercase;
z-index: 1000;
}
.tableview li.header_lc, #listView li.header_lc, .tableview li.header_lc, .mylistView li.header_lc {
background: transparent url(/static/public/login/assets/img/tableheader.png) repeat;
background-position: 0px 0px;
border-bottom: 1px solid #696C6E;
border-top: 1px solid #E6E6E6;
color: #414141;
font-size: 0.8em;
font-weight: bold;
line-height: 30px;
margin-bottom: -1px;
min-height: 30px;
padding: 0 10px;
position: relative;
z-index: 1000;
}
.tableview li.header2, #listView li.header2, .mylistView li.header2 {
background: transparent url(/static/public/login/assets/img/tableheader.png) repeat;
background-position: 0px 0px;
border-bottom: 1px solid #696C6E;
border-top: 1px solid #E6E6E6;
color: #414141;
font-size: 80%;
font-weight: bold;
/* height: 140%;
line-height: 140%;
min-height: 140%;
*/
margin-bottom: -1px;
padding: 6px 10px;
position: relative;
text-transform: uppercase;
z-index: 1000;
}
.tableview_rec li {
line-height: 1.125;
border-bottom: 1px solid #939393;
border-top: 1px solid #FFFFFF;
color: #414141;
font-size: 0.875em;
font-weight: bold;
list-style-type: none;
margin: 0px;
padding: 0px;
position: relative;
}
ul.tabs {
background-color: #DBDBDB;
border-top: 1px solid white;
left: 0;
list-style-type: none;
margin: 0;
padding: 0 0 1px;
width: 100%;
height: 50px;
z-index: 3000;
}
ul.tabs li.on {
background-color: #EDEDED;
}
ul.tabs li.on a, ul.tabs li.on span {
color: #407abe;
}
ul.tabs li:first-child {
border-right: 1px solid white;
margin-left: -1px;
}
ul.tabs li:last-child {
border-left: 1px solid #A5A5A5;
margin-right: -1px;
}
ul.tabs li {
float: left;
font-size: 0.9em;
height: 52px;
margin: -1px;
padding: 0;
width: 50%;
border-bottom: 1px solid #A5A5A5;
}
ul.tabs li a {
color: #616161;
display: block;
font-weight: bold;
height: 32px;
text-decoration: none;
font-size: 100%;
padding: 10px;
}
ul.tabs li#pay_tab a, ul.tabs li#tax_tab a {
line-height: 32px;
}
ul.tabs .small {
color: #5C5D5D;
display: block;
font-size: 0.8em;
font-weight: normal;
margin: 5px 0;
}
span.amt_rec {
border-width: 5px;
color: #3D4652;
font-size: 2.5em;
font-style: normal;
font-weight: normal;
height: 55px;
padding-top: 10px;
text-align: left;
margin: 0px 0px 0px 12px;
}
h2.amt {
border-width: 5px;
color: #3D4652;
font-size: 0.8em;
font-style: normal;
font-weight: normal;
height: 55px;
margin: 10px;
padding-top: 10px;
border: 1px solid #ccc;
border-top: 1px solid #696C68;
background: #E6E8D6;
text-align: center;
}
h2.amt strong {
display: block;
margin-bottom: -3px;
color: #333;
font-size: 2.5em;
}
h2.tit {
/*border-width: 5px;*/
color: #3D4652;
/*font-size: 0.8em;*/
font-style: normal;
font-weight: normal;
/*height: 55px;*/
margin: 15px;
/*padding-top: 10px;*/
/*border: 1px solid #ccc;*/
/*border-top: 1px solid #696C68;*/
/*background: #E6E8D6;*/
text-align: center;
font-size: 1.2em;
}
.no_payDetailUri {
display: block;
width: 100%;
padding: 5px 0;
}
/*-----------------------------------------------*/
/* ------------- Retirement Styles -------------*/
/*-----------------------------------------------*/
.disclaimer {
color: #585858;
font-size: 0.75em;
padding: 10px 20px;
text-align: center;
}
#retirement .small {
color: #585858;
font-size: 0.9em;
padding-left: 0;
text-transform: lowercase;
}
#retirement .f-right {
position: absolute;
right: 5px;
top: 0px;
}
#retirement .tableview li.header {
text-transform: none;
}
li.detail-row {
min-height: 40px;
padding: 10px;
}
ul.tableview div.text {
color: #333333;
float: left;
}
li.detail-row .amt {
color: #333333;
float: right;
padding-top: 10px;
}
li.detail-row .amt2 {
color: #333333;
float: right;
}
li.detail-row .description-text {
font-size: 0.865em;
font-weight: normal;
line-height: 24px;
}
.tableview .amt .description-text {
font-size: 0.9em;
font-weight: normal;
line-height: 24px;
float: right;
}
li.detail-row .red {
color: #FF0000 !important;
}
li.detail-row .green {
color: #7F9948 !important;
}
li.detail-row .p-top-10 {
padding-top: 10px;
}
/*-----------------------------------------------*/
/*----------------- News Styles -----------------*/
/*-----------------------------------------------*/
a.news-row {
display: block;
position: relative;
border-bottom: 1px solid #939393;
border-top: 1px solid #FFFFFF;
font-size: 0.875em;
padding: 10px;
overflow: hidden;
}
a.news-row .title, .news-body .title {
display: block;
font-size: 1.2em;
font-weight: bold;
margin: 1px 30px 1px 1px;
}
a.news-row .date, .news-body .date {
display: block;
color: #585858;
font-size: 0.865em;
font-weight: normal;
margin: 1px 30px 1px 1px;
}
a.news-row .summary {
display: block;
margin: 1px 30px 1px 1px;
font-size: 1em;
}
a.news-row .img {
float: left;
padding-right: 10px;
width: 80px;
}
.news-body {
font-size: 0.875em;
padding: 10px;
}
.news-body .author {
border-bottom: 1px solid #939393;
color: #6E6E6E;
font-weight: bold;
padding-bottom: 15px;
}
.news-body .small {
color: #585858;
font-size: 0.865em;
font-weight: normal;
margin: 0;
float: right;
}
.news-body .content {
padding-top: 10px;
}
.news-body .content p {
padding-bottom: 10px;
line-height: 1.4em;
}
.news-body .content * {
margin: 0;
padding: 0;
}
.news-body a {
color: #2F75A6;
text-decoration: none;
}
.news-body .content img {
padding-bottom: 10px;
}
/*-----------------------------------------------*/
/*----------------- Directory Styles-------------*/
/*-----------------------------------------------*/
#contact .content {
padding: 10px;
}
#directory p {
margin: 15px 0;
}
.search {
display: block;
background: #E2E3E7;
border-bottom: 1px solid #707D85;
height: 28px;
line-height: 28px;
margin: 0 !important;
position: relative;
padding: 5px;
}
.search-results li {
border-bottom: 1px solid #707D85;
padding: 0px;
}
.search-results li a {
overflow: hidden;
}
.search-results .text {
padding: 7px;
color: #333333;
float: left;
}
.search input[type="text"] {
border: 1px solid #ccc;
font-size: 1em;
padding: 0 5px;
width: 70%;
line-height: 26px;
height: 26px;
margin: 0px;
float: left;
}
.search input[type="submit"] {
display: block;
float: right;
background: #3D444C;
border: 1px solid #ccc !important;
color: #fff;
font-weight: bold;
height: 28px;
line-height: 26px;
padding: 0;
width: 25%;
margin: 0px;
cursor: pointer;
-webkit-appearance: none;
-webkit-border-radius: 0px;
}
.contact_img {
float: left;
min-height: 95px;
}
.search img.chevron {
top: 35%;
}
.search li a {
display: block;
padding: 10px 0;
height: 20px;
line-height: 20px;
position: relative;
}
.name {
overflow: hidden;
}
.name h2 {
font-size: 1.25em;
margin-bottom: 3px;
}
.name h3 {
font-size: 0.8em;
font-weight: normal;
margin-bottom: 3px;
}
.name img {
float: left;
margin: 0 10px 20px;
}
.details {
margin-top: 10px;
}
.details h2 {
margin: 10px 0 5px;
font-size: 0.75em;
}
.details ul li {
list-style: none;
border: 1px solid #535353;
background: #FBFBFB;
line-height: 1.25em;
padding: 10px;
position: relative;
overflow: hidden;
}
.details ul a {
color: #3077A5;
display: block;
float: right;
margin-right: 10px;
}
.details ul label {
display: block;
float: left;
font-weight: bold;
margin: 0 10px 0 0;
text-align: left;
font-size: 0.825em;
}
.details ul span {
display: block;
float: right;
margin-right: 10px;
text-align: right;
max-width: 60%;
}
/*-----------------------------------------------*/
/*----------------- Time Sheet ------------------*/
/*-----------------------------------------------*/
#rail {
height: 70px;
/*background: url("/static/public/login/assets/img/bg-weave.png") repeat scroll 50% 50% #313131;*/
background: transparent url(/static/public/login/assets/img/sprite_bg.png) repeat-x;
background-position: 0px -110px;
position: relative;
padding-top: 10px;
width: 100%;
border-bottom: 4px solid #EBEBEB;
}
#rail ul {
width: 300px;
margin: 0 auto;
list-style-type: none;
}
#rail ul li {
float: left;
margin: 5px 5px 0;
width: 50px;
}
.cal-top {
background: #637E98;
color: #fff;
text-align: center;
text-transform: uppercase;
height: 18px;
font-size: .65em;
line-height: 18px;
}
.cal-top a {
color: white;
display: block;
}
.work .cal-top {
background-color: #2E87EC;
}
.cal-body, .cal-body1 {
background: #F6F6F7;
font-size: 1em;
font-weight: bold;
line-height: 25px;
text-align: center;
}
.cal-body1, .cal-body1 a {
color: red !important;
}
.cal-body a {
display: block;
}
#calendar-wrapper {
position: relative;
width: 100%;
height: 70px;
overflow: hidden;
}
#calendar-pointer {
height: 24px;
width: 45px;
margin-left: -22px;
position: absolute;
top: 47px;
left: 50%;
}
span.calendar_pointer {
display: block;
width: 45px;
height: 24px;
margin: 0px;
padding: 0px;
background: transparent url(/static/public/login/assets/img/sprite.png) no-repeat;
background-position: -117px -140px;
}
/* @group Timesheet Line Items */
.timesheet-line {
border-bottom: 1px solid #535353;
border-top: 1px solid #EBEBEB;
line-height: 1.25em;
padding: 10px;
position: relative;
}
.timesheet-line a {
display: block;
}
.tl-left {
float: left;
width: 50%;
}
.tl-left span {
display: block;
font-weight: bold;
}
.tl-right {
float: right;
width: 50%;
text-align: right;
}
.tl-right span {
color: #3077A5;
padding-right: 34px;
display: block;
font-size: .9em;
}
.tl-right img {
position: absolute;
right: 0;
top: 35%;
z-index: 10;
}
.info-box {
padding: 25px 0;
text-align: center;
}
/* @end group */
/* @group Timesheet View */
.delete-button a {
background-color: #E40604;
border: 2px solid #949494;
color: #fff;
text-align: center;
display: block;
margin: 16px 0;
padding: 10px;
position: relative;
font-size: 1.15em;
}
/*-----------------------------------------------*/
/*------------- Timesheet Entry -----------------*/
/*-----------------------------------------------*/
#time-entry #wrapper {
padding: 10px;
font-size: 1.15em;
font-weight: bold;
}
#time-entry-notes #wrapper {
font-size: 1.15em;
font-weight: bold;
}
#time-entry-notes .content {
padding: 10px;
}
.single-row {
background-color: #FBFBFB;
border: 2px solid #949494;
display: block;
margin: 16px 0;
padding: 10px;
position: relative;
font-size: 1.15em;
}
.single-row a {
display: block;
}
.single-row img {
position: absolute;
right: 0;
top: 35%;
z-index: 10;
}
ul.list-nav {
background-color: #FBFBFB;
border: 2px solid #949494;
border-bottom-width: 1px;
line-height: normal;
list-style: none outside none;
margin: 0 0 18px;
padding: 0;
}
ul.list-nav li {
border-bottom: 1px solid #949494;
font-size: 1.15em;
padding: 10px 15px;
position: relative;
font-weight: bold;
}
ul.list-nav li .stealth-input {
-webkit-appearance: none;
-webkit-border-radius: 0px;
border: 0;
background-color: #FBFBFB;
font-size: 1em;
font-weight: bold;
color: #3077A5;
cursor: pointer;
margin: 0;
padding: 0;
}
ul.list-nav li img {
position: absolute;
right: 0;
top: 35%;
z-index: 10;
}
ul.list-nav li a {
color: #333333;
display: block;
text-decoration: none;
}
ul.list-nav img.chevron {
top: 35%;
}
ul.list-rec-nav {
background-color: #FBFBFB;
border-bottom-width: 1px;
line-height: normal;
list-style: none outside none;
padding: 0;
}
ul.list-rec-nav li {
border-bottom: 1px solid #949494;
font-size: 13px;
padding: 10px 11px;
position: relative;
font-weight: bold;
}
ul.list-rec-pag {
/*background-color: #FBFBFB;*/
border-bottom-width: 1px;
line-height: normal;
list-style: none outside none;
padding: 0;
}
ul.list-rec-pag li {
border-bottom: 1px solid #949494;
font-size: 1.15em;
padding: 10px 15px;
position: relative;
font-weight: bold;
}
ul.list-rec-pag li div {
font-size: 30px;
text-align: center;
}
.pag-rec-txt {
font-weight: normal;
font-size: 15px;
width: 30px;
}
.pag-rec-num {
font-weight: normal;
font-size: 15px;
width: 15px;
}
.help-text {
font-size: .75em;
color: #5F5F5F;
font-weight: normal;
font-style: italic;
padding: 5px 0;
}
.action-button {
-webkit-appearance: none;
-webkit-border-radius: 0px;
background-color: #F1F2F4;
border: 1px solid #333333;
color: #000;
text-align: center;
margin: 5px 0;
padding: 10px;
font-size: 1.15em;
font-weight: bold;
width: 100%;
cursor: pointer;
}
.cancel-button .action-button {
background-color: #4A5158 !important;
color: #fff !important;
}
.confirm-delete-button .action-button {
background-color: #E40604 !important;
color: #fff !important;
}
/*-----------------------------------------------*/
/*----------------- Late Arrival/Absence --------*/
/*-----------------------------------------------*/
#latearrival .content {
padding: 10px;
}
#arrival_info {
padding: 10px;
}
#latearrival h2, #pto h2 {
display: block;
font-size: 1.2em;
font-weight: bold;
overflow: hidden;
white-space: nowrap;
}
ul.arrival {
background-color: #FBFBFB;
border: 2px solid #949494;
display: block;
list-style: none outside none;
margin: 16px 0;
padding: 0;
}
ul.arrival li {
border-bottom: 1px solid #B1B1B1;
height: 60px;
line-height: 60px;
position: relative;
}
ul.arrival li.last {
border: medium none;
}
ul.arrival input {
position: absolute;
top: 23px;
left: 20px;
margin: 0px;
}
ul.arrival .title {
display: block;
font-size: 1.2em;
font-weight: bold;
overflow: hidden;
white-space: nowrap;
float: left;
width: 100%;
cursor: pointer;
}
#latearrival .small {
color: #585858;
display: block;
float: right;
font-weight: normal;
font-size: .85em;
margin-right: 10px;
margin-top: -16px;
}
.textarea_wrapper {
border: 1px solid #8E8E8E;
background-color: #FBFBFB;
margin: 16px 0;
}
textarea#comment {
display: block;
height: 210px;
overflow: auto;
width: 100%;
font-size: 1em;
border: 0px;
margin: 0px;
padding: 0px;
}
.textarea_comment {
display: block;
height: 210px;
overflow: auto;
width: 100%;
font-size: 1em;
border: 0px;
margin: 0px;
padding: 0px;
}
#latearrival .time {
position: absolute;
top: 0px;
left: 53px;
}
#latearrival .reasons {
position: absolute;
top: 18px;
left: 23px;
height: 26px;
width: 26px;
}
#reason {
position: absolute;
top: 0px;
left: 0px;
}
.arrival .left {
display: block;
position: absolute;
top: 0;
left: 53px;
}
#latearrival .at {
position: absolute;
top: 0px;
left: 20px;
font-size: 1.2em;
font-weight: bold;
}
#latearrival ul.tabs li a {
line-height: 32px;
}
input.save {
-webkit-appearance: none;
-webkit-border-radius: 0px;
display: block;
color: #fff;
border: 1px solid #000;
font-size: 1em;
background: #2E4157;
cursor: pointer;
height: 35px;
line-height: 33px;
min-width: 56px;
}
/*-----------------------------------------------*/
/*----------------- Settings --------------------*/
/*-----------------------------------------------*/
#settings #wrapper, #settings .content, #feedback .content, #action .content {
padding: 10px;
line-height: 1.3em;
font-size: 0.9em;
}
#settings .light {
background: #FBFBFB;
}
.settings .content {
background-color: #FBFBFB;
padding: 10px;
}
#settings .content ul.help-nav, #pto .content ul.help-nav, #time-sheet .content ul.help-nav {
background-color: #FBFBFB;
border: 2px solid #949494;
line-height: normal;
list-style: none outside none;
margin: 0 0 18px;
padding: 0;
}
#settings .content ul.help-nav li, #pto .content ul.help-nav li, #time-sheet .content ul.help-nav li {
border-bottom: 1px solid #949494;
margin: 0px;
}
#settings .content h2 {
font-size: 1.3em;
}
#settings ul.help-nav li.last, #pto ul.help-nav li.last {
border-bottom: medium none;
}
#settings ul.help-nav li a, #pto ul.help-nav li a {
color: #333333;
display: block;
font-size: 1.15em;
padding: 15px 28px 15px 15px;
text-decoration: none;
font-weight: bold;
position: relative;
}
#settings label {
font-size: 0.9em;
margin: 0 4px;
font-weight: bold;
}
#settings #change_pin label {
font-weight: bold;
display: block;
margin: 15px 5px 5px;
}
#settings .left-label {
float: left;
}
#settings .right-label {
float: right;
height: auto;
color: #3077A5;
}
#settings .label-wrapper {
height: 18px;
}
#feedback input, #change_pin_submit, #login input[type="submit"], #login2 input[type="submit"], #benefits input, #inbox input[type="submit"] {
margin-top: 15px;
background: #363E46;
border: 1px solid #333333;
color: white;
font-size: 18px;
font-weight: bold;
height: 44px;
width: 100%;
cursor: pointer;
-webkit-appearance: none;
-webkit-border-radius: 0px;
}
#login input[type="submit"], #login2 input[type="submit"] {
width: 50%;
float: right;
}
#settings .content p, #settings .content h4 {
display: block;
margin: 14px 0;
}
#settings .content ul {
margin: 20px 30px;
}
#settings .content ul li, #settings .content ol li {
margin: 5px 0;
}
#settings .content h4 {
font-size: 0.9em;
margin-bottom: 3px;
}
#feedback label {
color: #333333;
display: block;
font-size: 1em;
line-height: 1.2em;
margin: 0 20px 20px 3px;
}
#feedback #feedback_form, #pto #comments_form, #action #comments_form {
color: #333333;
font-size: 0.85em;
border: 0px;
min-height: 150px;
width: 100%;
padding: 0px;
margin: 0px;
}
#settings ol {
margin-top: 0;
padding-left: 25px;
}
#settings ul#change_pin {
list-style: none;
margin: 0px;
padding: 0px;
}
#settings input[type="submit"] {
font-size: 1.15em;
margin-top: 15px;
background: #363E46;
border: 1px solid #fff;
color: white;
font-weight: bold;
height: 44px;
width: 100%;
cursor: pointer;
-webkit-appearance: none;
-webkit-border-radius: 0px;
}
#settings .preferences_text {
font-size: 1.15em;
}
.divider {
background-color: #363E46;
height: 2px;
margin: 20px 0;
}
ul#change_pin li input {
border: 1px solid #ccc;
font-size: 1.5em;
font-weight: bold;
padding: 5px 0;
width: 100%;
text-align: left;
}
#feedback p.error {
margin: 5px 0 0 0;
}
#feedback .small, .small-comments {
color: #585858;
display: block;
float: right;
font-weight: normal;
font-size: 1em;
margin-right: 10px;
margin-top: -20px;
}
/*-----------------------------------------------*/
/*-------------- Validation Tables --------------*/
/*-----------------------------------------------*/
.vrow {
position: relative;
border-bottom: 1px solid #939393;
border-top: 1px solid #FFFFFF;
font-size: 0.875em;
padding: 10px;
}
.vrow .title {
font-size: 1.2em;
font-weight: bold;
}
.vrow .summary {
font-size: 1em;
}
.vrow .img {
position: absolute;
right: 10px;
width: 80px;
bottom: 10px;
z-index: 10;
}
.vrow a {
text-decoration: none;
display: block;
}
/*-----------------------------------------------*/
/*--------------- Clock Styles ------------------*/
/*-----------------------------------------------*/
/* clock page wrapper */
#action-wrapper {
font-size: 1.15em;
font-weight: bold;
padding: 0 10px 10px 10px;
}
.clock-small {
color: #585858;
font-size: 0.75em;
font-weight: normal !important;
margin: 0;
display: inline !important;
font-style: italic;
}
#clock-rail {
/*background: url("/static/public/login/assets/img/bg-weave.png") repeat scroll 50% 50% #313131;*/
background: transparent url("/static/public/login/assets/img/sprite_bg.png") repeat-x;
background-position: 0px -110px;
position: relative;
padding-top: 10px;
width: 100%;
border-bottom: 4px solid #EBEBEB;
}
#clock-wrapper {
position: relative;
width: 100%;
min-height: 200px;
overflow: hidden;
}
#clockSubmit {
background: #363E46;
border: 1px solid #333333;
color: white;
font-size: 18px;
font-weight: bold;
height: 44px;
width: 100%;
cursor: pointer;
-webkit-appearance: none;
-webkit-border-radius: 0px;
}
#clock-entries .tl-right {
color: #585858;
}
#clock-entries .am_pm {
font-size: .75em;
display: inline;
}
/* @group flip-shell */
.flip-shell {
height: 145px;
margin: 0 auto;
overflow: hidden;
text-align: center;
width: 265px;
position: relative;
}
.flip-shell div {
float: left;
}
.flip-shell span {
float: left;
padding: 0;
position: relative;
}
.flip-shell #hours, .flip-shell #minutes {
/*background: url("/static/public/login/assets/img/flipstack.png") no-repeat scroll 50% 50% transparent;*/
background: transparent url(/static/public/login/assets/img/sprite.png) no-repeat;
background-position: -360px -1px;
height: 140px;
width: 120px;
position: relative;
}
.flip-shell h1 {
line-height: 130px;
color: #FFFFFF;
font-size: 4em;
text-align: center;
}
.flip-shell #sep {
width: 20px;
}
.flip-shell .rule {
background: none repeat scroll 0 0 #000000;
display: block;
height: 2px;
left: 4px;
position: absolute;
top: 68px;
width: 112px;
}
.flip-shell #ampm {
color: #FFFFFF;
font-size: 4em;
text-align: center;
}
.flip-shell #hours h1 {
padding: 0 0 0 10px;
}
.flip-shell #ampm {
font-size: 0.8em;
left: 8px;
position: absolute;
text-transform: uppercase;
top: 78px;
z-index: 10;
}
/* @end group */
/* @group Punch */
.punch {
margin: 0 auto;
width: 286px;
text-align: center;
}
.punch .single {
background-color: #3B7220;
border: 2px solid #6A9F4F;
float: left;
font-size: 1.5em;
margin: 0;
padding: 6px 0;
color: #fff;
width: 278px;
-webkit-appearance: none;
-webkit-border-radius: 0px;
}
/* @group double */
.punch .double {
font-size: 1.5em;
margin: 0;
padding: 6px 0;
color: #fff;
width: 133px;
-webkit-appearance: none;
-webkit-border-radius: 0px;
}
.punch .double.n1 {
background-color: #3B7220;
border: 2px solid #6A9F4F;
float: left;
margin-right: 5px;
}
.punch .double.n2 {
background-color: #F07718;
border: 2px solid #EF944A;
float: right;
margin-left: 5px;
}
/* @end group */
#punch {
background-color: rgba(72, 152, 29, 1);
border-color: #3B7220;
}
#clockin {
background-color: rgba(72, 152, 29, 1);
border-color: #3B7220;
}
#clockout {
background-color: rgba(240, 119, 24, 1);
border-color: #d05e05;
}
#lunchout {
background-color: rgba(231, 173, 49, 1);
border-color: #db9603;
}
#transfer {
background-color: rgba(93, 119, 144, 1);
border-color: #3e678f;
}
/* @group triple */
.punch .triple {
display: block;
border: 2px solid;
float: left;
color: #fff;
font-size: 1em;
font-weight: bold;
width: 92px;
padding: 10px 0;
-webkit-appearance: none;
-webkit-border-radius: 0px;
}
.punch .triple.n1 {
margin: 0px;
}
.punch .triple.n2 {
margin: 0px 5px;
}
.punch .triple.n3 {
margin: 0px;
}
/* @eng group */
/* @group disabled */
.punch .disabled {
background-color: rgba(225, 225, 225, 1) !important;
border: 2px solid #ccc !important;
color: #666 !important;
float: left;
font-size: 1em !important;
margin: 0;
padding: 10px 0;
-webkit-appearance: none;
-webkit-border-radius: 0px;
}
.punch .disabled.single-1 {
width: 278px;
}
.punch .disabled.double-1 {
width: 130px;
margin-right: 5px;
}
.punch .disabled.double-2 {
width: 130px;
margin-left: 5px;
float: right;
}
.punch .disabled.triple-1 {
width: 85px;
font-size: 1em;
}
.punch .disabled.triple-2 {
width: 85px;
font-size: 1em;
margin: 0 5px;
}
.punch .disabled.triple-3 {
width: 85px;
font-size: 1em;
}
/* @end group */
/*-----------------------------------------------*/
/*--------------- Input Styles ------------------*/
/*-----------------------------------------------*/
.txt-input-sm {
width: 30px;
height: 1.45em;
-webkit-border-radius: 0px;
}
.select-input-sm {
height: 25px;
line-height: 25px;
font-weight: normal;
font-size: 0.8em;
-webkit-border-radius: 0px;
}
.txt-input-xmd {
width: 50px;
height: 1.45em;
-webkit-border-radius: 0px;
}
.txt-input-md {
width: 125px;
height: 1.45em;
-webkit-border-radius: 0px;
}
/*-----------------------------------------------*/
/*----------------- Benefits --------------------*/
/*-----------------------------------------------*/
#benefits ul.tabs li a {
line-height: 32px;
}
#benefits .tableview li {
padding: 0px;
}
#benefits .tableview li.header {
padding: 0 10px;
}
#benefits .tableview li a {
display: block;
padding: 0px 25px 5px 0px;
}
#benefits .tableview .title, #benefits .tableview .title_50 {
display: block;
font-size: 1.2em;
font-weight: bold;
padding: 12px 30px 0 10px;
margin: 0px;
}
#benefits .tableview .title_50 {
width: 50% !important;
}
#benefits .tableview .date, #benefits .tableview .date_50 {
color: #585858;
display: block;
font-weight: normal;
margin: 5px 30px 5px 10px;
}
#benefits .tableview .date_50 {
width: 50%;
}
#benefits .tableview .value {
display: block;
font-size: 1.2em;
font-weight: bold;
margin: 5px 30px 5px 10px;
}
#benefits .tableview .label {
color: #585858;
display: block;
font-weight: normal;
margin: 10px 30px 5px 10px;
}
#benefits .small, #pto .small {
color: #585858;
padding-left: 0;
text-transform: none;
}
#benefits .green {
color: #7F9948 !important;
}
#benefits .time {
font-size: 0.9em;
display: block;
position: absolute;
right: 45px;
top: 50%;
margin-top: -7px;
}
#benefits .input-field, #inbox .input-field, #pto .input-field {
display: block;
padding: 5px 10px 5px 10px;
}
#benefits input {
margin-bottom: 10px;
}
#benefits .message {
margin: 10px;
position: relative;
}
/*-----------------------------------------------*/
/*--------------------- FSA ---------------------*/
/*-----------------------------------------------*/
#fsa ul.tabs li a {
line-height: 32px;
}
#fsa .tableview .amt {
border: 1px solid #ccc;
border-top: 1px solid #696C68;
background: #E6E8D6;
font-weight: normal;
width: 100px;
height: 36px;
top: 12px;
left: 7px;
padding: 5px 5px 0 5px;
text-align: center;
position: absolute;
}
#fsa .tableview li {
padding: 0px !important;
}
#fsa li.detail-row, #paycard li.detail-row, #inbox li.detail-row {
padding: 10px !important;
min-height: 20px;
line-height: 20px;
}
#fsa .tableview li.header, #pto .tableview li.header {
padding: 0 10px !important;
text-transform: none;
font-size: 0.9em;
}
#fsa .tableview li.empty {
margin-bottom: 0px;
}
#fsa .tableview li a, #paycard .tableview li.detail-row a, #inbox .tableview li.detail-row a {
display: block;
width: 100%;
margin: 0px;
padding: 5px 0px;
text-decoration: none;
position: relative;
}
#fsa .tableview .title {
margin: 12px 30px 0 130px;
}
#fsa .tableview .date {
margin: 5px 30px 5px 130px;
}
#fsa span.amt strong {
font-size: 1.25em;
font-weight: bold;
}
#fsa .small {
display: block;
width: 100%;
font-size: 0.8em;
color: #585858;
}
#fsa .header .small {
display: inline;
font-size: 0.8em;
color: #585858;
}
#fsa a.card, #fsa div.card {
height: 72px;
}
#fsa span.card {
display: block;
width: 104px;
height: 62px;
top: 10px;
left: 10px;
position: absolute;
}
#fsa .card_blank {
background: transparent url(/static/public/login/assets/img/sprite-fsa-cards.png) no-repeat;
background-position: 0px 0px;
}
#fsa .card_healthcare {
background: transparent url(/static/public/login/assets/img/sprite-fsa-cards.png) no-repeat;
background-position: -218px 0px;
}
#fsa .card_commuter {
background: transparent url(/static/public/login/assets/img/sprite-fsa-cards.png) no-repeat;
background-position: -109px 0px;
}
#fsa .card_number {
display: block;
height: 20px;
width: 100%;
text-align: center;
top: 22px;
left: 0px;
position: absolute;
font-size: 1em;
font-weight: normal;
font-family: "OCR A Extended", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
letter-spacing: -1px;
}
#fsa .card .small {
position: absolute;
bottom: 8px;
left: 4px;
width: 96px;
font-size: 0.85em;
text-align: center;
}
#fsa .status {
display: block;
font-size: 0.9em;
margin-top: -7px;
position: absolute;
right: 35px;
top: 50%;
}
#fsa li.detail-row .amount {
color: #333333;
float: right;
}
#fsa .actions {
padding: 10px;
}
#fsa .content a.btn, #inbox .content a.btn, #action .content a.btn, #pto .content a.btn, #time-sheet .content a.btn, .ts_form input.btn {
display: block;
margin-top: 15px !important;
background: #363E46;
border: 1px solid #333333 !important;
color: white;
font-size: 18px;
font-weight: bold;
text-align: center;
height: 44px !important;
line-height: 44px !important;
cursor: pointer;
margin: 0;
}
#fsa .f-right, #paycard .f-right {
text-align: right;
}
#fsa .message, #paycard .message, #inbox .message {
margin: 10px;
}
#tax_statements .tableview .small, #payroll .tableview .small {
color: #585858;
display: block;
font-weight: normal;
margin: 0, 0, 0, 0
}
#tax_statements .tableview .small {
font-size: 0.9em;
}
/*-----------------------------------------------*/
/*------------------- Inbox ---------------------*/
/*-----------------------------------------------*/
#inbox .tableview .title {
display: block;
font-size: 1.2em;
font-weight: bold;
padding: 7px 0 0 30px;
margin: 0px;
width: 65%;
}
#inbox .tableview .date_50 {
color: #585858;
display: block;
font-weight: normal;
margin: 5px 0 5px 30px;
width: 65%;
}
#inbox .tableview_rec .rec_title {
display: block;
font-size: 1.2em;
font-weight: bold;
padding: 7px 0 0 10px;
margin: 0px;
width: 85%;
}
#inbox .tableview_rec .rec_date_50 {
color: #585858;
display: block;
font-weight: normal;
margin: 5px 0 5px 10px;
width: 88%;
font-size: 12px;
}
#inbox .tableview li.unread {
background: #e8b442;
}
#inbox .tableview_rec a {
display: block;
min-height: 30px;
padding: 5px 0 7px 0;
width: 100%;
}
#inbox .tableview li.detail-row a {
min-height: 20px;
}
#inbox .time {
display: block;
font-size: 0.9em;
font-weight: normal;
color: #2761af;
margin-top: -7px;
position: absolute;
right: 30px;
top: 50%;
}
#inbox .icon_img {
width: 16px;
height: 16px;
position: absolute;
top: 12px;
left: 10px;
}
#inbox .icon_alert_read {
background: transparent url(/static/public/login/assets/img/sprite.png) no-repeat;
background-position: -150px -105px;
}
#inbox .icon_alert_unread {
background: transparent url(/static/public/login/assets/img/sprite.png) no-repeat;
background-position: -150px -122px;
}
#inbox .icon_task_read {
background: transparent url(/static/public/login/assets/img/sprite.png) no-repeat;
background-position: -210px -105px;
}
#inbox .icon_task_unread {
background: transparent url(/static/public/login/assets/img/sprite.png) no-repeat;
background-position: -210px -122px;
}
#inbox .icon_notification_read {
background: transparent url(/static/public/login/assets/img/sprite.png) no-repeat;
background-position: -170px -105px;
}
#inbox .icon_notification_unread {
background: transparent url(/static/public/login/assets/img/sprite.png) no-repeat;
background-position: -170px -122px;
}
#inbox .icon_reminder_read {
background: transparent url(/static/public/login/assets/img/sprite.png) no-repeat;
background-position: -190px -105px;
}
#inbox .icon_reminder_unread {
background: transparent url(/static/public/login/assets/img/sprite.png) no-repeat;
background-position: -190px -122px;
}
#inbox .inner_content {
background: #fff;
padding: 10px;
}
#inbox ul.notification li {
min-height: 30px;
padding: 5px 10px;
}
#inbox ul.notification .title {
padding: 7px 0;
width: auto;
}
#inbox ul.notification .title small {
color: #585858;
font-size: 1em;
display: inline-block;
width: 80px;
}
#inbox ul.notification .date {
margin: 0px 30px 5px 80px;
width: auto;
}
#inbox .inner_content p {
display: inline-block;
padding: 10px 0;
}
#inbox .inner_content table {
margin: 10px 0px;
}
#inbox .inner_content th {
background: #7f7f7f;
color: #fff;
}
#action .buttons, #pto .buttons {
position: relative;
width: 100%;
}
#action .buttons .btn {
width: 47%;
border: 1px solid #333 !important;
}
#pto .buttons .btn, .ts_form .buttons .btn {
width: 47%;
}
#action .buttons .confirm {
background-color: #2E4157 !important;
}
#action ul.notification .title {
padding: 7px 0;
width: auto;
}
#action ul.notification .title small {
color: #585858;
font-size: 1em;
display: inline-block;
width: 80px;
}
#action .tableview .title {
display: block;
font-size: 1.2em;
font-weight: bold;
padding: 7px 0 0 30px;
margin: 0px;
width: 65%;
}
#action .tableview .date_50 {
color: #585858;
display: block;
font-weight: normal;
margin: 5px 0 5px 30px;
width: 65%;
}
#action .tableview li.unread {
background: #e8b442;
}
#action .tableview a {
display: block;
min-height: 30px;
padding: 5px 0 7px 0;
width: 100%;
}
#action .tableview li.detail-row a {
min-height: 20px;
}
#action .textarea_wrapper {
margin: 0 0 16px 0;
}
/*-----------------------------------------------*/
/*----------------- Paid Time Off----------------*/
/*-----------------------------------------------*/
#pto ul.tabs li a {
line-height: 32px;
}
#pto .tableview li {
padding: 0px;
}
#pto .tableview li.as-of {
padding: 5px 10px;
line-height: 20px;
}
#pto .tableview .as-of a {
display: inline-block;
margin: 0px;
padding: 0 0 0 5px;
color: #407ABE;
text-decoration: none;
font-weight: bold;
height: 20px;
line-height: 20px;
cursor: pointer;
vertical-align: bottom;
}
#pto .as-of .icon_img_date {
display: inline-block;
width: 16px;
height: 16px;
margin-left: 5px;
background: url("/static/public/login/assets/img/sprite.png") no-repeat;
background-position: -190px -122px;
}
#pto .tableview a {
display: block;
padding: 5px 10px;
overflow: hidden;
}
#pto .balances .amt {
display: block;
position: relative;
float: left;
width: 101px;
height: 70px;
background: url("/static/public/login/assets/img/sprite.png") no-repeat;
background-position: -5px -175px;
text-align: center;
color: #FFF;
clear: both;
}
#pto .balances .amt .rule {
display: block;
width: 95px;
height: 2px;
position: absolute;
top: 34px;
left: 3px;
background: #000;
}
#pto .balances .amt strong {
font-size: 3em;
font-weight: bold;
display: block;
width: 100%;
height: 50px;
margin: 5px 0 0 0;
line-height: 50px;
}
#pto .balances .amt strong.font2 {
font-size: 1.9em;
}
#pto .balances .amt strong.font1 {
font-size: 1.5em;
}
#pto .balances .amt strong.font1_3 {
font-size: 1.3em;
}
#pto .balances .amt .small {
display: block;
font-size: 0.85em;
font-weight: normal;
margin: -8px 0 0 0;
color: #fff;
}
#pto .amt-small {
display: block;
width: 50px;
height: 47px;
background: url("/static/public/login/assets/img/sprite.png") no-repeat;
background-position: -115px -175px;
color: #fff;
text-align: center;
line-height: 47px;
font-size: 1.8em;
float: left;
margin: 5px 0;
}
#pto .total-entries, #time-sheet .total-entries {
padding: 5px 10px;
overflow: hidden;
}
#pto .balances .details, #time-sheet .balances .details {
text-align: center;
}
#pto .calendar-date, #time-sheet .calendar-date {
display: block;
width: 50px;
height: 45px;
float: left;
border: 1px solid #3e7031;
background: #fff;
text-align: center;
font-size: 1.5em;
line-height: 25px;
}
#pto .calendar-date .month, #time-sheet .calendar-date .month {
text-transform: uppercase;
color: #fff;
display: block;
margin: 0px;
padding: 0px;
width: 100%;
height: 18px;
line-height: 18px;
font-size: 0.65em;
font-weight: normal;
vertical-align: top;
}
/* --- calendar colors schemas ----*/
#pto span.green, #time-sheet span.green {
border: 1px solid #478135;
color: #333;
}
#pto .calendar-date span.green {
background: #478135;
border: none;
}
#pto span.yellow {
border: 1px solid #cfa238;
color: #333;
}
#pto .calendar-date span.yellow {
background: #cfa238;
border: none;
}
#pto span.red {
border: 1px solid #d43824;
color: #333;
}
#pto .calendar-date span.red {
background: #d43824;
border: none;
}
#pto span.blue, #time-sheet span.blue {
border: 1px solid #3c5264;
color: #333;
}
#pto .calendar-date span.blue, #time-sheet .calendar-date span.blue {
background: #3c5264;
border: none;
}
#pto .balances span.negative {
color: #cfa238;
}
/* --- end of colors schemas --- */
#pto .title, #time-sheet .title {
margin: 5px 30px 0 65px;
width: 50%;
}
#pto .balances .main-title {
display: block;
margin: 12px 30px 0 111px;
padding: 0px;
font-size: 1.2em;
text-align: left;
}
#pto .total-entries .balance-title {
display: block;
margin: 10px 10px 10px 120px;
font-size: 1.2em;
}
#pto .total-entries .approval {
display: block;
width: 60%;
margin: 0px;
}
#pto .total-entries .help-nav .f-right {
display: block;
position: absolute;
top: 50%;
right: 20px;
margin-top: -10px;
}
#pto .small, #time-sheet .small {
display: block;
margin: 5px 30px 5px 65px;
font-weight: normal;
}
#pto .balances .balance-small {
display: block;
margin: 5px 30px 5px 111px;
font-weight: normal;
text-align: left;
}
#pto .header .small {
margin: 0px;
}
#pto .time, #time-sheet .time {
display: block;
font-size: 0.9em;
margin-top: -7px;
position: absolute;
right: 35px;
top: 35%;
width: 65px;
text-align: right;
}
#pto .time-period {
display: block;
font-size: 0.9em;
margin-top: -12px;
position: absolute;
right: 35px;
top: 50%;
}
#pto .content ul.help-nav, #pto .content ul.list-nav, #time-sheet .content ul.help-nav, #time-sheet .content ul.list-nav {
margin: 10px 0 !important;
}
#pto ul.help-nav li {
position: relative;
}
#pto div.none-link {
padding: 15px;
}
#pto div.none-link b {
font-size: 1.15em;
}
#pto .add .middle {
margin-top: 15px;
}
#pto .small-comments {
font-size: 0.9em;
}
#pto div.comment {
clear: both;
border-bottom: 1px solid #8E8E8E;
margin: 10px 0 20px;
padding: 0 0 10px 0;
}
#pto input.confirm, .ts_form input.confirm {
-webkit-appearance: none;
-webkit-border-radius: 0px;
display: block;
background-color: #2E4157 !important;
border: 1px solid #333333;
color: white;
cursor: pointer;
font-size: 18px;
font-weight: bold;
height: 44px;
margin-top: 15px;
}
#pto .balances .font1 {
font-size: 0.9em;
}
#pto .balances .font1_5 {
font-size: 1.5em;
}
#pto .balances .font1_3 {
font-size: 0.7em;
}
#pto div.input_wrapper {
float: left;
width: 56px;
text-align: center;
}
#pto div.small_input_wrapper {
float: left;
width: 41px;
text-align: center;
}
#pto div.separator_wrapper {
float: left;
width: 8px;
vertical-align: top;
text-align: center;
}
#pto div.label_wrapper {
font-size: 0.5em;
font-weight: normal;
}
ul.buttons_panel {
background-color: #949494;
border: 2px solid #949494;
line-height: normal;
list-style: none outside none;
margin: 0 0 18px;
padding: 0;
height: 52px;
}
ul.buttons_3 li {
float: left;
font-size: 0.9em;
width: 33.3333%;
}
ul.buttons_2 li {
float: left;
font-size: 0.9em;
width: 50%;
}
ul.buttons_panel li a, ul.buttons_panel li span {
display: block;
background: #FBFBFB;
margin-right: 2px;
color: #407ABE;
font-size: 100%;
font-weight: bold;
height: 32px;
padding: 10px;
}
ul.buttons_panel li span {
padding: 15px;
height: 22px;
line-height: 22px;
}
ul.buttons_panel li:last-child a, ul.buttons_panel li:last-child span {
margin: 0 0 0 0;
}
ul.buttons_panel li.on a, ul.buttons_panel li.on span {
background: #DBDBDB;
color: #616161;
}
#pto ul.buttons_panel .title {
margin: 0 0 0 10px;
}
#pto ul.buttons_panel input.day_period {
margin-bottom: 5px;
}
/*-----------------------------------------------*/
/*------------------- DAY PERIOD GV ESI ---------*/
/*-----------------------------------------------*/
ul.buttons_panel_day_period {
background-color: #949494;
border: 2px solid #949494;
line-height: normal;
list-style: none outside none;
margin: 6px 0 6px;
padding: 0;
height: 35px;
}
ul.buttons_day_period_3 li {
float: left;
font-size: 0.9em;
width: 33.3333%;
}
ul.buttons_day_period_2 li {
float: left;
font-size: 0.9em;
width: 50%;
}
ul.buttons_panel_day_period li a, ul.buttons_panel_day_period li span {
display: block;
background: #FBFBFB;
margin-right: 2px;
color: #407ABE;
font-size: 100%;
font-weight: bold;
height: 15px;
padding: 10px;
text-align: center;
}
ul.buttons_panel_day_period li span {
padding: 15px;
height: 22px;
line-height: 22px;
}
ul.buttons_panel_day_period li:last-child a, ul.buttons_panel_day_period li:last-child span {
margin: 0 0 0 0;
}
ul.buttons_panel_day_period li.on a, ul.buttons_panel_day_period li.on span {
background: #DBDBDB;
color: #616161;
}
#pto ul.buttons_panel_day_period .title {
margin: 0 0 0 10px;
}
#pto ul.buttons_panel_day_period input.day_period {
margin-bottom: 5px;
}
div.buttons_panel_day_period_group {
background-color: #ADADAD;
}
ul.buttons_panel_day_period li span input[type=radio]{
visibility:hidden;
cursor: pointer;
}
ul.buttons_panel_day_period li a input label{
cursor: pointer;
}
ul.day_period_radio_button_checked li input[type=radio]:checked + label{
background_color: red;
}
/*-----------------------------------------------*/
/*-------------- DAY PERIOD EDIT GV ESI ---------*/
/*-----------------------------------------------*/
ul.buttons_panel_day_period_edit{
background-color: #949494;
border: 2px solid #949494;
line-height: normal;
list-style: none outside none;
margin: 6px 0 6px;
padding: 0;
height: 35px;
}
ul.buttons_day_period_3 li {
float: left;
font-size: 0.9em;
width: 33.3333%;
}
ul.buttons_day_period_2 li {
float: left;
font-size: 0.9em;
width: 50%;
}
ul.buttons_panel_day_period_edit li, ul.buttons_panel_day_period_edit li span {
display: block;
background: #FBFBFB;
margin-right: 2px;
color: #407ABE;
font-size: 100%;
font-weight: bold;
height: 15px;
padding: 10px;
text-align: center;
}
ul.buttons_panel_day_period_edit li label{
cursor: pointer;
}
ul.buttons_panel_day_period_edit li:last-child {
margin: 0 0 0 0;
}
ul.buttons_panel_day_period_edit li.on {
background: #DBDBDB;
color: #616161;
}
ul.buttons_panel_day_period_edit li:last-child input[type=radio]{
vertical-align: middle;
visibility: hidden;
}
#pto ul.buttons_panel_day_period_edit .title {
margin: 0 0 0 10px;
}
#pto ul.buttons_panel_day_period_edit input.day_period {
margin-bottom: 5px;
}
.register-switch {
height: 32px;
margin-bottom: 20px;
padding: 4px;
position:relative;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.register-switch-input {
display: none;
}
.register-switch-label {
float: left;
width: 50%;
line-height: 32px;
color: #fff;
text-align: center;
cursor: pointer;
}
.register-switch-label:after{
position:absolute;
content:"";
width:100%;
height:100%;
background:lightblue;
left:0;
top:0;
z-index:-1;
}
.register-switch-input:checked + .register-switch-label:after{
background:tomato;
}
.register-switch-input:checked + .register-switch-label {
font-weight: normal;
color: #666;
background: #fff;
border-radius: 2px;
background-image: -webkit-linear-gradient(top, #fefefe, #eeeeee);
background-image: -moz-linear-gradient(top, #fefefe, #eeeeee);
background-image: -o-linear-gradient(top, #fefefe, #eeeeee);
background-image: linear-gradient(to bottom, #fefefe, #eeeeee);
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.1);
}
/*-----------------------------------------------*/
/*------------------- Calendar ------------------*/
/*-----------------------------------------------*/
/* ---- Tabs ---- */
#calendar ul.tabs li {
width: 33.33%;
border: 0;
border-left: 1px solid white;
}
#calendar ul.tabs li a {
text-align: center;
padding-top: 20px;
}
/* ---- Month View ---- */
#cal {
width: 100%;
text-align: center;
}
#cal a {
margin: 0;
padding: 0;
font-weight: bold;
display: block;
}
#cal td a:hover {
color: red;
}
#cal td {
border: 1px solid #666;
vertical-align: middle;
height: 30px;
padding: 0;
}
#cal_header, #period_header {
width: 100%;
border-top: 2px solid white;
background-color: #666;
}
#cal_header td {
text-align: center;
}
#cal_header .pre_nxt {
width: 10%;
font-size: 150%;
}
span.pre_nxt_link {
padding: 1em;
font-size: 150%;
}
#period_header .pre_nxt {
width: 40px;
}
#cal_header .pre_nxt a {
display: block;
}
#cal_header .month {
width: 80%;
}
div.div_cal {
position: relative;
float: left;
width: 50px;
}
#cal_body {
width: 100%;
}
div.te_detail {
position: relative;
float: left;
width: 100%;
padding-bottom: 5px;
}
#cal_body td.today {
background-color: #fff;
}
#cal_body th {
background-color: #999;
}
#cal_body td {
text-align:center;
}
/* ------List view------- */
/*#listView li {
padding-bottom: 12px;
padding-top: 12px;
border-bottom: 1px solid #939393;
border-top: 1px solid #FFFFFF;
font-size: 0.875em;
font-weight: bold;
line-height: 1.125;
padding: 0 10px;
list-style-type: none;
position: relative;
text-align: left;
}*/
#dayView li.day_60 {
padding-bottom: 12px;
padding-top: 12px;
border-top: 1px solid #939393;
font-size: 0.875em;
font-weight: bold;
line-height: 1.125;
padding: 0 10px;
list-style-type: none;
position: relative;
text-align: left;
}
#listView li, .mylistView li {
padding-bottom: 12px;
padding-top: 12px;
border-bottom: 1px solid #333;
border-top: 1px solid #FFFFFF;
font-size: 0.875em;
font-weight: bold;
line-height: 1.125;
padding: 0 10px;
list-style-type: none;
position: relative;
}
#dayView li.day_30 {
padding-bottom: 12px;
padding-top: 12px;
border-top: 1px dashed #333;
/* border-top: 1px solid #FFFFFF; */
font-size: 0.875em;
font-weight: bold;
line-height: 1.125;
padding: 0 10px;
list-style-type: none;
position: relative;
margin-left: 1em !important;
}
#listView li a, .mylistView li a {
display: block;
height: 35px;
}
#listView li table {
width: 100%;
height: 100%;
}
table.day_events {
width: 100%;
font-size: .75em;
font-weight: bold;
}
table.day_events tr.tr_h {
border-top: 1px solid black;
}
table.day_events tr.tr_m {
border-top: 1px dashed black;
}
table.day_events td.td_hour {
width: 4em;
padding-left: .5em;
}
table.day_events td.event {
background-color: #EDEDED;
border-left: 1px solid black;
border-right: 1px solid black;
}
#listView li td {
vertical-align: middle;
text-align: left;
text-transform: capitalize;
}
#listView li td.priority {
width: 40px;
min-width: 40px;
}
#listView li td.time_period {
width: 20%;
}
#listView li td.subject {
text-align: right;
}
#listView div.navigation {
text-align: center;
background-color: #E8E5E5;
height: 30px;
border: 1px solid #DDD9D9;
}
#listView div.navigation a {
display: block;
color: #407ABE;
padding-top: 5px;
}
.stale_notice {
text-align: center;
background-color: #FFCC00;
padding: 0.4em;
}
#settings .locale_preview {
text-align: center;
width: 80%;
margin: 0 auto;
}
#settings .locale_preview_title {
font-size: 1.35em;
}
#settings .locale_preview_text {
font-size: 1.25em;
font-weight: normal;
}
#settings .locale_preview_separator {
color: #777;
font-size: 0.8em;
}
span.addr_line {
position: relative;
float: left;
clear: both;
}
span.term {
color: #585858;
display: inline;
font-weight: normal;
font-size: 0.9em;
}
.btnw2 {
padding: 3px;
text-align: center;
color: white;
background-color: #2E4157;
width: auto;
display: block;
margin-left: auto;
margin-right: auto;
padding-top: 8px !important;
padding-bottom: 8px !important;
}
.btnRec {
padding: 10px;
text-align: center;
color: white;
background-color: #2E4157;
width: auto;
margin-left: auto;
margin-right: auto;
padding-top: 8px !important;
padding-bottom: 8px !important;
}
li.btn1 {
min-height: 2em;
border-bottom: 0 !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
}
span.w2term {
color: #585858;
display: inline;
font-weight: normal;
font-size: 0.9em;
margin-right: .5em;
}
/*span.w2val {
margin-left: 1em;
}*/
td.light a {
color: #888 !important;
}
.cal_circle {
width: 24px;
background: transparent url(/static/public/login/assets/img/sprite.png) no-repeat;
}
.cal_ccb {
background-position: -400px -260px;
}
li.day_30 a.eventLink, li.day_60 a.eventLink {
background-color: #FFFFCC;
color: #333;
display: block;
font-size: 1em;
text-decoration: none;
font-weight: bold;
position: relative;
}
.fl {
position: relative;
float: left;
}
a.eventLink {
background-color: #EDEDED;
color: #333;
display: block;
font-size: 1em;
text-decoration: none;
font-weight: bold;
position: relative;
}
div.div_day_events {
position: relative;
}
div.tr_h, div.tr_m {
position: relative;
float: left;
width: 100%;
height: 19px;
min-height: 19px;
font-size: 16px;
}
div.td_hour {
width: 4em;
padding-left: 4px;
}
.tr_h {
border-top: 1px solid black;
}
.tr_m {
border-top: 1px dashed black;
}
.my_event {
position: absolute;
top: 100px;
left: 6em;
background-color: #FFC;
padding-left: .5em;
padding-right: .5em;
height: 60px;
width: 40%;
z-index: 10;
}
div.day_event {
position: absolute;
left: 6em;
background-color: #EDEDED;
padding-left: .5em;
padding-right: .5em;
width: 40%;
z-index: 10;
border: 1px solid red;
}
.evlang, .day_event {
zoom: 1;
filter: alpha(opacity=70);
opacity: 0.7;
}
table#cal_header tr {
/**
THIS HAS BEEN CHANGED TO FIX BACKROUND PROBLEMS THROUGHOUT
RE: J.WRIGHT / S.BUBLIK
**/
background: transparent url(/static/public/login/assets/img/sprite_bg_base.png) repeat-x;
background-position: 0px 0px;
border-bottom: 1px solid #696C6E;
border-top: 1px solid #E6E6E6;
color: #414141;
font-size: 0.8em;
font-weight: bold;
height: 30px;
line-height: 30px;
margin-bottom: -1px;
min-height: 30px;
padding: 0 10px;
position: relative;
z-index: 1000;
}
span.priority, span.event_time {
position: relative;
float: left;
}
span.priority {
width: 40px;
min-width: 40px;
vertical-align: middle;
margin-top: .85em !important;
}
span.all_day {
padding-top: .85em !important;
}
span.event_time {
padding-top: 2px;
}
span.event_title {
position: relative;
float: right;
vertical-align: middle !important;
padding-top: .85em;
}
table#cal_header td {
border: 0 !important;
}
#cal_body td.selected {
background-color: #999;
}
div.eventDetails {
position: relative;
float: left;
width: 100%;
background-color: #FBFBFB;
border: 2px solid #949494;
line-height: normal;
list-style: none outside none;
margin-bottom: 18px;
padding: 0;
}
.pad10 {
padding: 10px;
}
.calendarEvent {
padding: 20px;
}
table.event_meta {
width: 100%;
border: 0;
}
.eventDetails .header {
padding: 10px;
font-weight: bold;
text-align: center;
font-size: larger;
}
.eventDetails .event_body {
padding: 10px;
}
td.meta_label {
width: 30%;
text-align: right;
padding: .25em;
color: #407ABE;
font-weight: bold;
}
div.event_row {
border-top: 1px solid #949494;
}
/*
* event details color circles
*/
.eventType {
width: 13px;
min-width: 13px;
height: 13px;
background: transparent url(/static/public/login/assets/img/sprite.png) no-repeat;
background-position: -268px -123px;
position: relative;
float: left;
vertical-align: middle;
margin-top: .85em !important;
margin-right: 16px;
}
td.meta_label span.eventType {
float: right !important;
margin-right: 0 !important;
margin-top: 0 !important;
}
.event_WS {
background-position: -229px -110px;
}
.event_PS {
background-position: -268px -110px;
}
.event_BOE {
background-position: -242px -123px;
}
.event_CH {
background-position: -229px -123px;
}
.event_CE {
background-position: -255px -110px;
}
.event_RPE {
background-position: -255px -123px;
}
.event_WK {
background-position: -242px -110px;
}
.event_PTO {
background-position: -281px -110px;
}
span.labelName {
color: #585858;
display: inline;
font-weight: normal;
margin-right: .5em;
}
span.valueTxt {
display: inline;
font-weight: bold;
margin-right: .5em;
}
table#period_header tr {
background: transparent url(/static/public/login/assets/img/tableheader.png);
background-position: 0px 0px;
border-bottom: 1px solid #696C6E;
border-top: 1px solid #E6E6E6;
color: #414141;
font-size: 0.8em;
font-weight: bold;
margin-bottom: -1px;
min-height: 30px;
padding: 0 10px;
position: relative;
z-index: 1000;
}
table#period_header tr td {
min-height: 30px;
line-height: 30px;
}
#time-sheet span.calendar-date {
margin-top: 5px;
}
#time-sheet li.clear {
padding-bottom: 5px;
}
span.period_title, span.period_status {
position: relative;
float: left;
clear: both;
}
span.period_amount {
line-height: 1.2em;
font-size: 0.85em;
font-weight: normal;
vertical-align: middle;
margin: 0.2em 0 0 0;
}
#manager_employee {
background-color: orange;
padding: 12px !important;
min-height: 1.2em;
font-weight: bold;
font-size: .8em;
}
table.employee_timesheet {
width: 100%;
border-bottom: 1px solid #939393 !important;
border-top: 1px solid #EBEBEB !important;
line-height: 1.25em;
}
a.ted > table.employee_timesheet {
margin-top: 0px;
border-bottom: 1px solid #939393 !important;
border-top: 1px solid #FFF !important;
}
table.employee_timesheet td, .pad5 {
padding: 5px;
}
.td_cal {
width: 60px;
vertical-align: top;
}
.td_entries {
width: 100%;
}
.ts_item {
position: relative;
float: left;
width: auto;
}
.ts_worked {
position: relative;
float: right;
font-weight: bold;
}
td.td_shevron {
vertical-align: top;
padding-right: 1px !important;
}
span.block100 {
display: block;
width: 100%;
}
.te_label {
display: block;
font-weight: bold;
text-transform: uppercase;
}
.te_description {
color: #585858;
display: block;
}
.exception {
color: red;
}
div.ts_total {
position: relative;
float: left;
width: 100%;
background: transparent url(/static/public/login/assets/img/tableheader.png) repeat;
background-position: 0px 0px;
border-bottom: 1px solid #696C6E;
border-top: 1px solid #E6E6E6;
color: #414141;
font-size: 0.8em;
font-weight: bold;
line-height: 30px;
}
div.ts_total div {
width: auto;
padding-left: 25px;
padding-right: 25px;
}
div.ts_form {
position: relative;
float: left;
clear: both;
width: 100%;
margin-top: 5px;
}
form#tse_approve {
margin-left: auto;
margin-right: auto;
width: 96%;
}
input.ts_approve {
background: #363E46;
border: 1px solid #333333;
color: white;
font-size: 18px;
font-weight: bold;
height: 44px;
width: 100%;
cursor: pointer;
-webkit-appearance: none;
-webkit-border-radius: 0px;
}
input.ten_add_another {
background: #363E46;
border: 1px solid #333333;
color: white;
font-size: 18px;
font-weight: bold;
height: 44px;
width: auto;
cursor: pointer;
float: right;
-webkit-appearance: none;
-webkit-border-radius: 0px;
}
input.ten_delete {
background: #ef3024;
border: 1px solid #333333;
color: white;
font-size: 18px;
font-weight: bold;
height: 44px;
width: auto;
cursor: pointer;
float: left;
-webkit-appearance: none;
-webkit-border-radius: 0px;
}
input.ts_approve_suppress {
background: #363E46;
border: 1px solid #333333;
color: white;
font-size: 16px;
font-weight: bold;
height: 44px;
width: 100%;
cursor: pointer;
-webkit-appearance: none;
-webkit-border-radius: 0px;
}
div.ts_status {
font-weight: normal;
font-size: 0.8em;
}
/* timesheet review based on pto layout */
span.worked_time {
float: right;
margin-right: 25px;
color: #3077A5;
vertical-align: top;
margin-top: -17px;
}
/** timesheet exception based on pto */
#time-sheet .content li {
padding: 15px 28px 15px 15px;
font-weight: bold;
}
/** My Team **/
#myteam ul.tabs li a {
line-height: 32px;
}
#myteam .myteam li span.mem-img {
position: relative;
width: 75px;
height: 75px;
float: left;
border: 4px solid #FFFFFF;
}
#myteam .myteam li span.mem-img img {
position: relative;
width: 75px;
height: 75px;
}
#myteam .myteam li {
position: relative;
display: block;
}
#myteam .tableview a {
display: block;
overflow: hidden;
}
#myteam .myteam .mem-role {
display: block;
font-weight: normal;
margin: 5px 30px 5px 115px;
text-align: left;
}
.drilled_tasks_icon {
background: url("/static/public/login/assets/img/sprite_25.png") no-repeat scroll;
height: 25px;
width: 25px;
float: left;
margin: 0 0 0 0;
}
.drilled_tasks_title {
padding: 0 0 0 10px;
font-size: 1.2em;
}
#header_time {
background-position: -218px 0px;
}
#header_team {
background-position: -396px 0px;
}
#header_cal {
background-position: -306px 0px;
}
#header_pto {
background-position: -4px 0px;
}
#header_reset {
background-position: 0px 0px;
}
/** Pay Card **/
#paycard_message {
margin: 10px;
padding: 0px;
}
#paycard_holder .message_std {
font-weight: 500;
font-size: 1.0em;
}
#paycard_legal ul.tabs li {
width: 33.33%;
}
.paycard_enroll {
width: 100%;
}
.input_slate {
margin: 10px 0 10px 0;
border: 2px solid #C0C0C0;
background-color: #FFFFFF;
position: relative;
}
.input_slate div {
line-height: 1.3em;
position: relative;
border-bottom: 2px solid #C0C0C0;
padding-bottom: 2px;
}
.input_slate div:last-child {
border-bottom: 0px;
}
.input_slate div label {
position: relative;
line-height: 1.0em;
font-size: 1.0em;
text-align: left;
display: inline-block;
*display: inline;
zoom: 1;
width: 30%;
padding: 5px 0 5px 10px;
}
.input_slate div span {
position: relative;
line-height: 1.0em;
display: inline-block;
*display: inline;
zoom: 1;
}
.rounded-corners-all {
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
#paycard_enroll_confaddress li span, #paycard_enroll_confaddress li span input[type="radio"] {
display: inline-block;
*display: inline;
zoom: 1;
line-height: 1.1em;
font-size: 1.1em;
padding: 10px 0 10px 0;
vertical-align: middle;
width: 80%;
}
#paycard_enroll_confaddress li span:first-child {
width: 9%;
padding: 5px 10px 5px 0;
}
.input_slate div span.nolabel {
text-align: center;
width: 100%;
}
.wordwrap {
white-space: pre-wrap; /* CSS3 */
white-space: -moz-pre-wrap; /* Firefox */
white-space: -pre-wrap; /* Opera <7 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* IE */
}
.wordwrap1 {
word-wrap: break-word; /* IE */
}
#paycard_legal {
overflow: hidden;
position: relative;
}
#paycard_legal #wrapper {
height: 100%;
overflow: hidden;
position: relative;
}
#legal_buttons {
list-style: none;
width: 100%;
text-align: left;
padding: 30px;
}
#legal_buttons li {
line-height: 50px;
}
#legal_buttons li a, .list_current_day {
color: #407abe;
}
#legal_verbage, .paycard_message {
padding: 0.5em;
}
.content_legal {
height: 100%;
position: relative;
}
#paycard .card {
width: 265px;
height: 166px;
background: transparent url(/static/public/login/assets/img/sprite-paycards.png) no-repeat );
background-position: 0px 0px;
margin: 5px auto;
position: relative;
}
#paycard .card-visa {
background: transparent url(/static/public/login/assets/img/paycards_demo.png) no-repeat;
background-position: 0px 0px;
}
#paycard .banner_ad {
display: block;
height: 50px;
width: 100%;
background-color: #FF0000;
position: fixed;
bottom: 0px;
left: 0px;
line-height: 50px;
text-align: center;
cursor: pointer;
}
/*Legacy Paycard*/
#paycard .tableview li.header {
font-size: 0.9em;
padding: 0 10px !important;
text-transform: none;
}
#paycard .tableview li.header .f-right {
color: #585858;
}
#paycard .tableview li a {
display: block;
padding: 0 25px 5px 0;
}
#paycard .tableview .title, #tax_statements .tableview .title {
display: block;
font-size: 1.2em;
font-weight: bold;
margin: 0;
padding: 12px 30px 0 0px;
}
#paycard .tableview .date {
color: #585858;
display: block;
font-weight: normal;
font-size: 0.9em;
margin: 5px 30px 5px 0px;
}
#paycard .time {
display: block;
font-size: 1.2em;
font-weight: bold;
margin-top: -10px;
position: absolute;
right: 45px;
top: 50%;
}
#paycard .card_number, #paycard .card-holder-name, #paycard .action, #paycard a.active-action {
display: block;
height: 20px;
width: 100%;
text-align: left;
top: 105px;
left: 10px;
position: absolute;
font-size: 1em;
font-weight: normal;
font-family: "OCR A Extended", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
letter-spacing: -1px;
color: #fff;
}
#paycard .card_number {
height: 15px;
line-height: 15px;
}
#paycard .card-holder-name {
top: 122px;
height: 15px;
line-height: 15px;
}
#paycard .action {
text-align: center;
top: 50px;
left: 0px;
font-size: 1.6em;
letter-spacing: normal;
}
#paycard div.card div.yellow {
color: #CFA238;
}
#paycard a.action {
top: 50px;
}
#paycard a.action.new {
top: 30px;
}
#paycard .action small {
display: block;
width: 100%;
font-size: 0.6em;
color: #FFF !important;
}
#paycard a.active-action {
top: 140px;
height: 15px;
line-height: 15px;
color: #cfa238;
font-family: Arial, "Lucida Grande", sans-serif;
font-size: 0.9em;
letter-spacing: 2px;
}
#paycard .ext_links {
min-height: 2em;
padding: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
#paycard .ext_links span, #paycard .ext_links div {
display: inline-block;
*display: inline;
zoom: 1;
width: 49%;
text-align: center;
padding-top: 5px !important;
padding-bottom: 5px !important;
}
.ext_links span a, .ext_links div a {
padding: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
/** ADVERTS **/
#advert_display {
width: 100%;
height: 100%;
display: block;
position: fixed;
content: ' ';
z-index: 2000;
top: 0;
left: 0;
text-align: center;
color: #333;
background: transparent url(/static/public/login/assets/img/bkgd.png) no-repeat;
background-size: 100% 100%;
background-position: 100%;
background-color: #BEBEBE;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/public/login/assets/img/bkgd.png', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/static/public/login/assets/img/bkgd.png', sizingMethod='scale')";
}
#advert_display ul {
width: 100%;
list-style: none;
padding: 0;
margin: 0;
position: relative;
text-align: center;
}
#advert_display ul li {
display: inline-block;
*display: inline;
zoom: 1;
position: relative;
padding: 0px;
margin: 0 auto;
}
#advert_align img {
position: relative;
height: 100%;
}
.advert_close {
display: block;
position: absolute;
width: 60px;
height: 60px;
top: 0;
left: 0;
background: transparent url(/static/public/login/assets/img/close_m.png) no-repeat;
}
.advert_close_sm {
display: block;
position: absolute;
width: 45px;
height: 45px;
top: 0;
left: 0;
background: transparent url(/static/public/login/assets/img/close_s.png) no-repeat;
}
#mts_wrapper {
padding: 0 10px;
}
.icon_warn {
display: block;
width: 18px;
height: 18px;
margin: 8px 0 0 3px;
padding: 0;
}
.warning_white {
background: transparent url(/static/public/login/assets/img/sprite_icons.png) no-repeat;
background-position: 0px 0px;
}
.warning_red {
background: transparent url(/static/public/login/assets/img/sprite_icons.png) no-repeat;
background-position: 0px -18px;
}
span.total_uc {
text-transform: uppercase;
}
.pay_rates {
font-size: 0.8em;
color: #616161;
padding: 5px 0 0 0;
}
.privacy a:link, .license a:link {
color: #0000FF;
}
.privacy a:visited, .license a:visited {
color: #0000FF;
}
.vcard {
background-color: white;
width: 88%;
margin-right: auto;
margin-left: auto;
padding: 1em;
}
.vcard span {
clear: both;
width: 100%;
}
div.vrail {
padding-bottom: 18px !important;
}
.atask, .tm-name {
font-size: 14px;
font-weight: bold;
height: 29px;
line-height: 15px;
list-style-type: none;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
overflow-x: hidden;
overflow-y: hidden;
padding-bottom: 5px;
padding-left: 0px;
padding-right: 0px;
padding-top: 5px;
position: relative;
text-align: left;
text-decoration: none;
vertical-align: baseline;
}
.task-name, .mem-name2 {
display: block;
float: left;
font-size: 14px;
height: 15px;
line-height: 15px;
padding-bottom: 7px;
padding-top: 7px;
text-align: left;
vertical-align: baseline;
}
#time-sheet .tableview li {
padding-bottom: 5px !important;
}
#news ul, #news ol {
padding-left: 0.5em;
}
#news li {
list-style-position: inside;
}
.smaller {
font-size: smaller !important;
}
.pl2 {
padding-left: 1.5em !important;
}
.prl2 {
padding-right: 2em !important;
}
span.privacy_link {
width: 50%;
float: right;
padding-top: 4em;
text-align: right;
}
#login #wrapper a.privacy {
border: 0;
background: none;
display: inline;
width: auto;
color: #ABABAB;
}
div.banner {
position: relative;
margin-top: 5px;
margin-left: auto;
margin-right: auto;
}
.width_100 {
width: 100% !important;
}
li.funds_header {
padding-bottom: 5px !important;
padding-top: 5px !important;
line-height: 20px !important;
}
li.funds_header span {
padding-top: 15px !important;
}
a.hide_banner {
position: absolute;
z-index: 9;
}
div.banner img.banner_img {
width: 100%;
}
img.banner_full {
width: 100%;
}
.paycard_enroll input {
height: 1.45em;
}
.paycard_enroll input[type="radio"] {
height: 1em !important;
}
div.addr_review {
padding: 5px 0 5px 10px;
}
div.addr_review label {
padding: 0 !important;
}
.need_id p {
margin-top: 10px !important;
margin-bottom: 10px !important;
}
h1#logo-native2 {
background-image: url("/static/public/login/assets/img/logo-slogan-sm.png");
height: 66px;
margin: 0;
margin-top: 1.5em;
overflow: hidden;
padding: 0;
position: relative;
text-indent: 1000em;
width: 220px;
}
#workers_nav {
background-color: orange;
font-size: .8em;
font-weight: bold;
width: 100%;
padding: 1em;
min-height: 30px;
line-height: 30px;
}
td.w_prev_next {
width: 40px;
}
td.w_current_worker {
text-align: center;
}
.camelCase {
text-transform: capitalize !important;
}
.fadeText {
color: #CBCBCB !important;
}
.linkSelectText {
color: #3077A5 !important;
}
.headerRecTxt {
font-size: 20px !important;
}
.recDisabledBtn {
background: #DADADA !important;
color: #B2B2B2 !important;
border: 1px solid #ABABAB !important;
cursor: auto !important;
}
.vMid {
vertical-align: middle; !important;
}
.title_nav_rec_bkg{
background: transparent url(/static/public/login/assets/img/tableheader.png) repeat;
}
.statementOnlyText{
line-height:36px !important;padding-top:5px !important;font-weight:normal !important;font-size:13px !important;
}
.softUpdateMsgDiv0{
background-color: #fcb42e;font-size:14px;
}
.softUpdateMsgDiv1{
text-align: left;padding-top: 5px;padding-left: 10px;padding-right: 10px;padding-bottom: 5px;
}
.softUpdateMsgDiv2{
padding-top: 0px;padding-left: 10px;padding-right: 10px;padding-bottom: 10px;color: #ffffff;font-size: 13px;
}
.softUpdateLink{
color:#ffffff;
}