@charset "UTF-8";

/* CSS Document */
html {
    text-align: center;
    height: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
}

body {
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: small;
    font-family: Arial, Helvetica, sans-serif;
    color: #333;
    background-image: url(/timesheets/images/bg.jpg);
    background-repeat: repeat-x;
    background-color: #DCDCDC;
    text-align: left;
}

div#center1 {   /* centers content in browser window */
    width: 100%;
    margin: 0 auto;
    min-height: 100%;
    position: relative;
    background-image: url(/timesheets/images/header.jpg);
    background-repeat: no-repeat;
} 

* html #center {
    height: 100%;
}

a:link, a:visited {
    color: #0033CC;
}   

a:hover {
    text-decoration: none;
}  /* mouse over link */

img {
    border: 0;
}

.clear {
    clear: both;
}


/* HEADER STYLES */
#header {
    height: 83px;
}

#header a:link, #header a:visited {
    color: #FF9900;
}

#header a:hover {
    color: #FFCC00;
}

h1 { 
    display: none;
}

h2, h3 {
    margin: 0;
}

h4 {
    margin: 0 0 5px;
}

#utilNav {
    float: right;
    width: 325px;
    margin-right: 20px;
    line-height: normal;
}

#utilNav-l {
    float: left;
    width: 6px;
    height: 35px;
    background: url(/timesheets/images/utilNav-l.jpg) no-repeat left top;
}

#utilNav-r {
    float: right;
    width: 319px;
    background: url(/timesheets/images/utilNav-r.jpg) no-repeat right top;
}

#utilNav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#utilNav li {
    float: left;
    padding: 0;
    text-transform: uppercase;
    font-size: 0.9em;
}

#utilNav a:link, #utilNav a:visited {
    display: block;
    padding: 7px 10px 7px;
    font-weight: bold;
    text-decoration: none;
    color: #FF6600;
    text-align: center;
}

#utilNav a:hover {
    color: #FFCC00;
}

#loggedInAs {
    color: #FFF;
    font-weight: bold;
    text-align: right;
    position: absolute;
    top: 60px;
    right: 30px;
    width: auto;
}

#loggedInAs form {
    display: inline;
}

#tabs {
    float: left;
    width: 320px;
    line-height: normal;
    position: relative;
    top: 58px;
    left: 92px;
}

#tabs ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-transform: uppercase;
}

#tabs li {
    float: left;
    background: url(/timesheets/images/tab-r.png) no-repeat right top;
    margin: 0 6px;
    padding: 0;
}

#tabs a:link, #tabs a:visited {
    display: block;
    background: url(/timesheets/images/tab-l.png) no-repeat left top;
    padding: 7px 15px 7px;
    font-weight: bold;
    text-decoration: none;
    color: #FFF;
    text-align: center;
    margin-left: -6px;
}

#topNav a:hover {
    color: #FFFF33;
}


/* MESSAGES AND ERRORS */
.message {
    background: #f3f8fc url(/timesheets/images/skin/information.png) 8px 50% no-repeat;
    border: 1px solid #b2d1ff;
    color: #006dba;
    margin: 10px 0 5px 0;
    padding: 5px 5px 5px 30px;
}

div.error {     /* just one flash.error, not a list */
    background: #fff3f3 url(/timesheets/images/skin/exclamation.png) 8px 50% no-repeat;
    border: 1px solid red;
    color: #cc0000;
    margin: 10px 0 5px 0;
    padding: 5px 5px 5px 30px;
}

div.errors {
    background: #fff3f3;
    border: 1px solid red;
    color: #cc0000;
    margin: 10px 0 5px 0;
    padding: 5px 0 5px 0;
}
div.errors ul {
    list-style: none;
    padding: 0;
}
td.extra div.errors {
    margin: 0;
}
td.extra div.errors ul {
    margin: 0;
    padding-right: 5px;
}
div.errors li {
    background: url(/timesheets/images/skin/exclamation.png) 8px 0 no-repeat;
    line-height: 16px;
    padding-left: 30px;
}

/* todo: warnings image? */
div.warnings {
    background: #f3f8fc;
    border: 1px solid #b2d1ff;
    color: #006dba;
    margin: 0;
    padding: 0;
}
div.warnings ul {
    list-style: none;
    margin: 5px;
    padding: 0;
}
div.warnings li {
    background: url(/timesheets/images/skin/information.png) 8px 0 no-repeat;
    line-height: 16px;
    padding-left: 30px;
}
td.warnings {
    color: #006dba;
}


td.errors select {
    border: 1px solid red;
}
td.errors input {
    border: 1px solid red;
}
td.errors textarea {
    border: 1px solid red;
}

select.errors {
    border: 1px solid red;
}
/* specific also, because the accountDistributions percent and dollarValue are in the same td */
input.errors {
    border: 1px solid red;
}
textarea.errors {
    border: 1px solid red;
}

/* CONTENT STYLES */
#content {
    background-color: #B7A37A;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin: 0 20px 10px;
    padding: 20px;
}

td.layout {
    width: 50%;
}

.mm-box {
    width: auto;
    line-height: 1.5em;
    clear: both;
}

.mm-box h3 {
    color: #FFF;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.mm-header {
    margin-left: 10px;
    z-index: 3;
    position: relative;
}   

.mm-box h3 img {
    margin-bottom: -8px;
}

.mm-content {
    background: url(/timesheets/images/secHeader-bg.jpg) repeat-x left top #FFF;
    border: 1px solid #FFF;
    margin: -29px 0 10px;
    padding: 40px 10px 10px;
}

.mm-content table {
    width: 100%;
}

.mm-content table.createParams {
    width: auto;
}

.sectionHead {
    background-color: #FAEDC0;
    color: #333;
    text-transform: uppercase;
    text-align: left;
    border-bottom: 1px dotted #D59837;
    height: 23px;
    font-weight: bold;
}

.mm-expanded {
    border-left: 1px dotted #F90;
    background-color: #F7F7F7;
    color: #666;
    margin: 5px 10px;
    padding: 5px;
    display: none;
}

table.timesheetWeek {
    width: 97%;
}

table.timesheetWeek th {
    background: url(/timesheets/images/tblHead-bg.jpg) repeat-x top;
    color: #775629;
    text-align: center;
    text-transform: uppercase;
    border-top: 1px solid #D9D0BF;
}

table.timesheetWeek td {
    text-align: center;
    border-top: 1px solid #D9D0BF;
}

tr.alt td {
    background: #F4F4F4;
}

table.timesheetWeek tr.over td, table.timesheetWeek tr:hover td {
    background: #E5F4FF;
}

.subTotalHrs {
    background-color: #DDD;
    font-weight: bold;
}

.grandTotalHrs {
    background-color: #666;
    color: #FFF;
    font-weight: bold;
}

div.info {
    float: left;
    width: 46%;
    margin-right: 3%;
}

div.info.position {
    display: inline;    /* IE6 work-around */
}

div.info th {
    font-weight: normal;
}

div.note {
    float: left;
    width: 29%;
    margin-right: 3%;
}

div.note.empNotes {
    display: inline;    /* IE6 work-around */
}

.voiceOnly {    /* for the blind */
    position: absolute;
    left: -9999px;
}

/* TIMESHEET SUMMARY STYLES */
table#summary th {
	background: url(/timesheets/images/secHeader-bg.jpg) repeat-x top;
	color: #775629;
	text-transform: uppercase;
	border-top: 1px solid #D9D0BF;
}

table#summary td {
	text-align: center;
	border-top: 1px solid #D9D0BF;
}

table#summary {
	width: 97%;
}

/* ACCOUNT DISTRIBUTION STYLES */
table.account th {
	background: url(/timesheets/images/secHeader-bg.jpg) repeat-x top;
	color: #775629;
	text-transform: uppercase;
	border: 1px solid #D9D0BF;
    white-space: nowrap;
}

table.account td {
	text-align: center;
	border: 1px solid #D9D0BF;
}

table.account td.extra {
    text-align: left;
    border: none;
}

table.account {
	width: auto;
    margin-top: 0.5em;
}
table.account.defaults {
    margin-bottom: 0.5em;
}
table.account.defaults.overridden {
    opacity: 0.7;
    filter: alpha(opacity = 70);    /* MSIE before 9 */
}

/* CALENDAR STYLES */
table#calendar th {
	background: url(/timesheets/images/secHeader-bg.jpg) repeat-x top;
	color: #775629;
	text-transform: uppercase;
	border: 1px solid gray;
}

table#calendar td {
	text-align: center;
	border: 1px solid gray;
}

table#calendar {
	background-color: gray;
	width: 43%;
	margin: 3px 10px;
	padding: 5px;
}

.headerStyle {
	background-color: #B7A37A;
	font-weight: bold;
}

.weekdayHeaderStyle {
	background-color: #B7A37A;
}

.normalStyle {
	background-color: white;
}

.dimStyle {
	background-color: lightgray;
}

.todayStyle {
	background-color: white;
	font-weight: bold;
}

/* DAILY INPUT STYLES */
/*table#dailyInput th {*/
	/*background: url(/timesheets/images/secHeader-bg.jpg) repeat-x top;*/
	/*color: #775629;*/
	/*text-transform: uppercase;*/
	/*border: 1px solid #D9D0BF;*/
/*}*/

/*table#dailyInput td {*/
	/*text-align: left;*/
/*}*/

/*table#dailyInput {*/
	/*width: 55%;*/
/*}*/

table.timeWorked div.errors {
    margin-top: 1px;
    margin-bottom: 1px;
}

tr.errorRow + tr > td {
    padding-top: 0;
}

tr.errorRow > td {
    padding-bottom: 0;
}

table.timeWorked td + td {
    padding-left: 2em;
}

.dialog table.timeWorked {
    width: auto;
    padding: 0;
}

table.timeWorked td {
    vertical-align: bottom;
}

/*.error {*/
    /*color: red; *//* for debugging beanfields */
/*}*/

.dialog h4 {
    margin-top: 3ex;
}

.dialog h4 span.note {
    font-weight: normal;
}

input.addLines {
    text-decoration: underline;
    border: none;
}


/* FOOTER STYLES */
#footer {
    font-size: 0.9em;
    text-align: center;
    color: #666;
    margin: 5px 20px;
}

#devInfo {
    background-color: #B7A37A;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin: 0 20px 10px;
    padding: 20px;
}


/* SEARCH TABLE STYLES */
table#search th {
    background: url(/timesheets/images/tblHead-bg.jpg) repeat top;
    text-align: center;
    text-transform: uppercase;
    border-top: 1px solid #D9D0BF;
}

table#search th.sortable.sorted.asc {
    background: #add8e6;
}

table#search th.sortable.sorted.desc {
    background: #7fffd4;
}

table#search th a {
    color: #775629;
    text-decoration: none;
}

table#search td {
    border-top: 1px solid #D9D0BF;
}


tr.alt td {
    background: #F4F4F4;
}

table#search tr.over td, table#search tr:hover td {
    background: #E5F4FF;
}

.hiddenPayRate {
    color: #ccc;
}

table.searchParams, table.createParams {
    float: left;
}

table.createParams input[type="submit"] {
    margin-bottom: 1em;
}

table.createParams input.mainSubmit {
    margin-top: 1em;
}

table.searchParams.left, table.createParams.left {
    display: inline;    /* IE6 work-around */
    width: 55%;
    /*margin-right: 3%;*/
}

table.searchParams.right, table.createParams.right {
    width: 40%;
}

table.searchParams th, table.createParams th {
    font-weight: normal;
    text-align: right;
}

div.buttons {
    text-align: center;
}

div.list {
    width: 97%;
    margin-top: 10px;
}

span.ui-combobox-container {
    display: inline-block;  /* jQuery-UI is already using inline-block for button */
    /* I haven't tested on IE 7, but I don't think it'll need a hack for this, because span is already inline. */
}
.ui-combobox-container .ui-combobox-spacer { font-size: 1em; }
.ui-combobox-container input.ui-autocomplete-input { padding-left: 0.45em; font-size: 1em; }
button.ui-button-icon-only { margin-left: -1px; font-size: 0.6em; top: -0.3em; }
.ui-autocomplete {      /* not inside the .searchParams DOM */
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden; /* prevent horizontal scrollbar */
    padding-right: 20px; /* add padding to account for vertical scrollbar */
    font-size: 1em;
}
/* not that we're supporting IE 6, but IE 6 doesn't support max-height, so
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
    height: 200px;
}

/* PAGINATION */

.paginateButtons {
    background: #fff url(../images/skin/shadow.jpg) bottom repeat-x;
    border: 1px solid #ccc;
    border-top: 0;
    color: #666;
    font-size: 10px;
    overflow: hidden;
    padding: 10px 3px;
    position: relative;     /* to contain .pageSizeButton's absolute positioning */
}
.paginateButtons a, a.showHideButton {
    background: #fff;
    border: 1px solid;
    border-color: #ccc #aaa #aaa #ccc;
    color: #666;
    margin: 0 3px;
    padding: 2px 6px;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    text-transform: none;
}
.paginateButtons span {
    padding: 2px 3px;
}
.pageSizeButton {
    float: right;
}

/* AJAX spinner */
.spinner {
    position: fixed;
    top: 250px;
    left: 50%;
    margin-left: -25px; /* half width of the spinner gif */
    margin-top: -25px; /* half height of the spinner gif */
    text-align:center;
    z-index:1234;
    overflow: auto;
    width: 50px; /* width of the spinner gif */
    height: 52px; /*hight of the spinner gif +2px to fix IE8 issue */
}
.spinner.lower {
    top: 500px;
}


/* Developer Info */
#devInfo table {
    float: left;
    width: auto;
    border: 1px solid;
    margin: 1ex;
}
#devInfo table caption {
    font-weight: bold;
}