body {
background-color:#CCC;
background-image:url('../images/background.jpg');
background-repeat:repeat;
margin:3px 0 0 3px
}

#center {
position:relative;
width:700px;
margin-left:auto;
margin-right:auto
}

.centerText {
	text-align:center;
}

#title {
width:690px;
position:relative;
height:100px;
background-color:#666;
background-image:url('../images/banner.jpg');
font:24px Times New Roman, Times, serif;
color:#C00;
letter-spacing:.3em;
line-height:26px;
padding-left:10px
}

#subtitle {
position:absolute;
height:30px;
top:37px
}

#sidebar {
float:left;
position:relative;
height:554px;
width:230px;
background-color:#C00;
background-image:url('');
font:11px Arial, Helvetica, sans-serif;
color:#FFBA00;
letter-spacing:.1em;
line-height:18px;
z-index:10
}

#sidebar #slideShow {
border-right:solid #FFBA00 2px;
border-bottom:solid #FFBA00 2px
}

#main {
position:relative;
float:left;
width:464px;
background:#CCC;
background-image:url(';');
font:11px Arial, Helvetica, sans-serif;
line-height:22px;
color:#26354A;
letter-spacing:.1em;
height:550px;
z-index:0;
overflow:auto;
padding:2px 2px 2px 4px
}

#newPass,#newPassLabel {
visibility:hidden
}

.miles {
margin-left:105px;
font:11px Arial, Helvetica, sans-serif;
color:#D3DCE6;
line-height:16px
}

#cross {
margin-left:50px
}

#menu {
width:700px;
margin-top:0;
margin-bottom:0;
background-color:#C00;
list-style:none;
border-top:solid #FFBA00 3px;
border-bottom:solid #FFBA00 3px;
margin-left:0;
padding-left:0
}

#menu li {
display:inline
}

a:link, a:visited {
color:#C00;
font-weight:700;
text-decoration:none
}

a:hover, a:active {
color:#FFF;
}

h1 {
font:22px Didot, Palatino Linotype, Times New Roman, sans-serif;
color:#C00;
letter-spacing:0.2em;
line-height:32px
}

#facebox .b {
background:url(../images/b.png)
}

#facebox .tl {
background:url(../images/tl.png)
}

#facebox .tr {
background:url(../images/tr.png)
}

#facebox .bl {
background:url(../images/bl.png)
}

#facebox .br {
background:url(../images/br.png)
}

#facebox {
position:absolute;
top:0;
left:0;
z-index:100;
text-align:left
}

#facebox .popup {
position:relative
}

#facebox table {
border-collapse:collapse
}

#facebox td {
border-bottom:0;
padding:0
}

#facebox .body {
background:#fff;
width:370px;
text-align:left;
padding:10px
}

#facebox img {
border:0;
margin:0
}

img {
	border: none;
}

#facebox .footer {
border-bottom:1px solid #DDD;
padding-bottom:5px;
margin-bottom:10px;
text-align:right
}

#facebox .tl,#facebox .tr,#facebox .bl,#facebox .br {
height:10px;
width:10px;
overflow:hidden;
padding:0
}

#facebox_overlay {
position:fixed;
top:0;
left:0;
height:100%;
width:100%
}

.facebox_hide {
z-index:-100
}

.facebox_overlayBG {
background-color:#000;
z-index:99
}

* html #facebox_overlay {
position:absolute;
height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px')
}

.faceboxTitle {
position:absolute;
top:0;
left:15px;
color:#C00}

#sidebar a:link, #sidebar a:visited {
font:12px Arial, Helvetica, sans-serif;
color:#FFF;
font-weight:700;
text-decoration:none
}

#sidebar a:hover,#sidebar a:active {
color:#FFBA00}

#menu li a, #noteComments a:link, #noteComments a:visited {
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:13px;
font-weight:700;
text-decoration:none;
padding:8px 5px 0
}

#menu li a:hover,#menu li a:active, #noteComments a:hover,#noteComments a:active {
color:#FFBA00;
}

#facebox .loading,#facebox .image {
text-align:center
}

#facebox a:hover {
	color: #000;	
}

#facebox a.dp-choose-date:hover {
    color:white;
}

a.dp-choose-date {
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	text-indent: -2000px;
	overflow: hidden;
    color:white;
    text-decoration:none;
	background: url(../images/calendar.png) no-repeat; 
}

a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: none;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

.timeEntry_control {
	vertical-align: middle;
	margin-left: 2px;
}
* html .timeEntry_control { /* IE only */
	margin-top: -4px;
}

#noteComments {
	position: absolute;
	width: 12px;
	right: 2px;
    top: -5px;
	text-align: center;
	line-height: 110%;
	padding: 2px;
    background-color: #C00;
    border: solid #FFBA00 3px;
}

#noteComments a {
	font-family: "Courier New", Courier, monospace;
}

#noteTitle {
	text-align: center;
    width: 90%;
}

#sss {
	position: absolute;
    bottom: 5px;
    left: 5px;
}

#approve {
	position: relative;
    top: -10px;
    color:#FFF;
    background-color:#C00;
    border: solid #FFBA00 1px;
    text-align: center;
    padding: 1px;
    padding-left: 2px;
} #helpIcon { position: relative; top: -5px; }