body{
	background:url(../graphics/usi-side-gradient.png) repeat-x;
	padding:0;
	margin:0;
	font-size: 12px;
	font-family: 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
label{ cursor:pointer; }
#usi-main-content{
	background:#FFF;
	min-height:408px;
}
a:link, a:visited {
	color: #0066CC; font-size:12px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; text-decoration:none;
}
a:hover, a:active {
	color: #0000FF; font-size:12px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; text-decoration:none;
}
.usiNavLayout{
	width:980px;
	background:#FFF;
}
#usiSplash{
	width:950px;
	height:300px;
}
#usiSplash img{
	/*display:none;*/
}
#usiBottomLayout{
	margin-top:-8px;
	margin-bottom:8px;
}
#usiBtnLinks{
	margin:8px;
}
#usiBtnLinks ul{
	list-style:none;
	margin:0;
	padding:0px 6px;
}
#usiBtnLinks ul li{
	padding-top:1px;
}
#usiServicesList{
	margin:8px;
	width:550px;
}
#usiServicesList ul{
	list-style:none;
	margin:0;
	padding:0px 4px;
}
#usiServicesList ul li{
	padding-top:1px;
	margin-bottom:16px;
}
#usiServicesList a:link, #usiServicesList a:visited, #usiServicesList a:hover, #usiServicesList a:active {
	font-size:17px;
	font-weight:bold;
}
a.whitelink{ color:#FFF; }
form{ margin:0px; }
.normal {
	color:#000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
}
.normal-blue {
	color:#069;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
}
.normalgrey {
	color:#666;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
}
.normalred {
	color:#FF0000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
}
.normalwhite {
	color:#FFF;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
}
.normalB {
	color:#000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
}
.heading {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:25px;
	font-style:normal;
	font-weight:bold;
	color:#000;
}
.headingblue {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:25px;
	font-style:normal;
	font-weight:bold;
	color:#0000FF;
}
.headingdkblue {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:25px;
	font-style:normal;
	font-weight:bold;
	color:#006;
}
.headingwhite {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:25px;
	font-style: normal;
	font-weight: bold;
	color:#FFF;
}
.heading1 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:23px;
	font-style: normal;
	font-weight: bold;
	color:#000;
}
.heading1white {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:23px;
	font-style: normal;
	font-weight: bold;
	color:#FFF;
}
.heading1red {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:23px;
	font-style: normal;
	font-weight: bold;
	color: #FF0000;
}
.heading1blue {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:23px;
	font-style: normal;
	font-weight: bold;
	color: #0000FF;
}
.heading1drkblue {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:23px;
	font-style: normal;
	font-weight: bold;
	color:#000066;
}
.heading1ltblue {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:23px;
	font-style: normal;
	font-weight: bold;
	color: #0099FF;
}
.heading1drkgry {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:23px;
	font-style: normal;
	font-weight: bold;
	color: #666;
}
.heading1b {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:23px;
	font-weight: bold;
	color: #666;
}
.heading2 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-style: normal;
	font-weight: bold;
	color:#000;
}
.heading2white {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-style: normal;
	font-weight: bold;
	color:#FFF;
}
.heading2grey {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-style: normal;
	font-weight: bold;
	color: #999;
}
.heading2red {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-style: normal;
	font-weight: bold;
	color: #FF0000;
}
.heading2blue {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-style: normal;
	font-weight: bold;
	color: #0000FF;
}
.heading2drkblue {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-style: normal;
	font-weight: bold;
	color: #000066;
}
.heading2drkgry {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-style: normal;
	font-weight: bold;
	color: #666;
}
.heading3 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style: normal;
	font-weight: bold;
	color:#000;
}
.heading3blue {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style: normal;
	font-weight: bold;
	color:#069;
}
.heading3red {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style: normal;
	font-weight: bold;
	color:#FF0000;
}
.heading3white {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style: normal;
	font-weight: bold;
	color:#FFF;
}
.small {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#000;
	font-style: normal;
	font-weight: normal;
}
.small-heading {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#000;
	font-style: normal;
	font-weight:bold;
}
.smallwhite {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#FFF;
	font-style: normal;
	font-weight: normal;
}
.smallblue {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0000FF;
	font-style: normal;
	font-weight: normal;
}
.smallgrey {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#999;
	font-style: normal;
	font-weight: normal;
}
.smallred {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
	font-style: normal;
	font-weight: normal;
}
.small2 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#000;
	font-style: normal;
	font-weight: normal;
}
.small2white {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#FFF;
	font-style: normal;
	font-weight: normal;
}
.small2blue {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #0000FF;
	font-style: normal;
	font-weight: normal;
}
.tiny {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8px;
	color:#000;
	font-style: normal;
	font-weight: normal;
}
.tinywhite {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8px;
	color:#FFF;
	font-style: normal;
	font-weight: normal;
}
.response {
	background: #FBFAEC;
	border: 2px solid #06F;
	display: none;
	padding: 5px;
	text-align: center;
	margin: 0 auto auto auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000;
}
td.navBar{
	background:url(../graphics/navbar.png) repeat-x;
	padding-top:10px;
}
div.subNavBar{
	background:url(../graphics/subNavBar.png) repeat-x;
	padding-top:4px;
	height:24px;
}
a.navBar div{
	display:inline-block;
	float:left;
	margin-left:28px;
	cursor:pointer;
}
a.navBar{
	color:#FFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:normal;
	font-weight:bold;
	margin:16px;
}
a.navBar:link, a.navBar:visisted {
	color:#FFF;
}
a.navBar:hover, a.navBar:active {
	color:#0099FF;
}
a.selected:link, a.selected:visited, a.selected:hover, a.selected:active {
	color:#003;
}
a.topSelected:link, a.topSelected:visited, a.topSelected:hover, a.topSelected:active {
	color:#09F;
}
td.mainBorderLeft{
	background:url(../graphics/borderleft.png) repeat-y;
}
td.mainBorderRight{
	background:url(../graphics/borderright.png) repeat-y;
}
td.navBarBottom{
	background:url(../graphics/btmnavbar.png) repeat-x;
	color:#FFF;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	padding-top:4px;
}
td.loginBoxBorderL{
	background:url(../graphics/loginBox_BorderL.png) repeat-y;
}
td.loginBoxBorderR{
	background:url(../graphics/loginBox_BorderR.png) repeat-y;
}
td.loginBoxBorderB{
	background:url(../graphics/loginBox_BorderB.png) repeat-x;
}
.loader {
 	border:none;
 	width:16px;
 	height:16px;
}
.currencyTxtBox {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width:60px;
}
.currencyTxtBoxSmall {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width:46px;
}
.objectStatus, a.objectStatus{
	color:#CCCCCC;
}
.objectStatusCompleted, a.objectStatusCompleted{
	color:#999966;
	font-weight:bold;
}
.objectStatusActive, a.objectStatusActive{
	color:#00CC00;
	font-weight:bold;
}
.objectStatusInActive, a.objectStatusInActive{
	color:#FC0;
	font-weight:bold;
}
.objectStatusRevised, a.objectStatusRevised{
	color:#FF9900;
	font-weight:bold;
}
.objectStatusNotReady, a.objectStatusNotReady{
	color:#FF0000;
	font-weight:bold;
}
.objectStatusReady, a.objectStatusReady{
	color:#06F;
	font-weight:bold;
}
.statusLightDiv, .templateLoadingStatusDiv, div.userAccountStatusLightDiv, .LoadingStatus, .userAccountLoadingStatus, .statusDiv, .loaderDiv, #status{
 	width:20px;
 	height:20px;
}
.loaderDiv{
 	width:20px;
 	height:20px;
}
.unitLbl {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0000FF;
	font-style: normal;
	font-weight: normal;
}
.refreshTabIcon{
	border:#03F solid 1px;
	width:24px;
	height:24px;
	margin:8px;
	background:url(../graphics/btmnavbar.png) repeat-x bottom left;
}
#dhtmltooltip{
	position: absolute;
	border: 2px solid #06F;
	padding: 2px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
.spoiler {
	color:#000;
	background:#000;
}
.listRow {
	background:url(../graphics/borderbtm.png) repeat-x bottom;
}
tr.listRow td{
	padding-top:2px;
	padding-bottom:4px;
}
td.listRowL {
	background:url(../graphics/borderbtml.png) no-repeat left bottom;
	padding-left:4px;
}
td.listRowR {
	background:url(../graphics/borderbtmr.png) no-repeat right bottom;
	padding-right:4px;
}
.boxDiv{
	margin:8px;
	border:solid 1px #03F;
	background:#FFF;
}
.contentDiv{
	margin:4px;
}
.contentDiv2{
	margin:8px;
}
.contentDiv3{
	margin:18px;
}
.boxHeader, .boxHeader a {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color:#FFF;
}
.boxHeader {
	background:url(../graphics/navbar.png) repeat-x;
	height:24px;
	padding:6px 2px 6px 8px;
	border-bottom:solid #06F 1px;
}
.boxHeader2, .boxHeader2 a {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color:#FFF;
}
.boxHeader2 {
	background:url(../graphics/boxHeader2Bkgrnd.png) repeat-x top;
	padding:4px 4px 6px 4px;
	border-bottom:solid #06F 1px;
}
.boxHeaderSmall, .boxHeaderSmall a {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#FFF;
	font-style: normal;
	font-weight: normal;
}
.boxHeaderSmall {
	background:url(../graphics/boxHeader2Bkgrnd.png) repeat-x;
	height:16px;
	padding:4px 2px 2px 4px;
	border-bottom:solid #06F 1px;
}
.boxHeader a:link, .boxHeader a:visited, .boxHeader2 a:link, .boxHeader2 a:visited, .boxHeaderSmall a:link, .boxHeaderSmall a:visited, tr.listHeader td a:link, tr.listHeader td a:visited, tr.listHeaderSmall td a:link, tr.listHeaderSmall td a:visited, tr.box-header td a:link, tr.box-header td a:visited{
	color:#FFF;
}
.boxHeader a:hover, .boxHeader a:active, .boxHeader2 a:hover, .boxHeader2 a:active, .boxHeaderSmall a:hover, .boxHeaderSmall a:active, tr.listHeader td a:hover, tr.listHeader td a:active, tr.listHeaderSmall td a:hover, tr.listHeaderSmall td a:active, tr.box-header td a:hover, tr.box-header td a:active{
	color:#99FFFF;
}
.listHeader{
	background:url(../graphics/listHeader.png) repeat-x bottom left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color:#FFF;
	height:24px;
	padding:2px 1px 2px 4px;
}
tr.listHeader td{
	height:26px;
	padding:2px 1px 2px 4px;
}
div.listHeader{
	padding:8px 1px 2px 4px;
	height:22px;
	overflow:hidden;
	font-weight:normal;
}
tr.listHeaderSmall, tr.listHeaderSmall td a {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#FFF;
	font-style: normal;
	font-weight: normal;
}
.listHeaderSmall {
	background:url(../graphics/bluebarb.png) repeat-x;
	height:16px;
	padding:4px 2px 2px 4px;
	border-bottom:solid #06F 1px;
}
.collapsed{
	width:32px;
	height:32px;
	background:url(../graphics/collapsed-32.png) no-repeat top left;
	cursor:pointer;
}
.htmlMode-on{
	width:48px;
	height:48px;
	background:url(../graphics/html-on-48.png) no-repeat;
	cursor:pointer;
}
.htmlMode-off{
	width:48px;
	height:48px;
	background:url(../graphics/html-off-48.png) no-repeat;
	cursor:pointer;
}
.expanded{
	width:32px;
	height:32px;
	background:url(../graphics/expanded-32.png) no-repeat top left;
	cursor:pointer;
}
.collapsed-small{
	width:16px;
	height:16px;
	background:url(../graphics/collapsed-16.png) no-repeat top left;
	cursor:pointer;
}
.expanded-small{
	width:16px;
	height:16px;
	background:url(../graphics/expanded-16.png) no-repeat top left;
	cursor:pointer;
}
.dimBox{
	width:40px;
	text-align:center;
}
.bordersTopLeft, tr.bordersTopLeft td {
	border-top:solid 1px #000;
	border-left:solid 1px #000;
	padding:2px;
}
.bordersTopLeftRight, tr.bordersTopLeftRight td {
	border-top:solid 1px #000;
	border-left:solid 1px #000;
	border-right:solid 1px #000;
	padding:2px;
}
.bordersTopBtmLeft, tr.bordersTopBtmLeft td {
	border-top:solid 1px #000;
	border-left:solid 1px #000;
	border-bottom:solid 1px #000;
	padding:2px;
}
.bordersTopBtm, tr.bordersTopBtm td {
	border-top:solid 1px #000;
	border-bottom:solid 1px #000;
	padding:2px;
}
.bordersTopBtmRight, tr.bordersTopBtmRight td {
	border-top:solid 1px #000;
	border-bottom:solid 1px #000;
	border-right:solid 1px #000;
	padding:2px;
}
.bordersAll, tr.bordersAll td {
	border:solid 1px #000;
	padding:2px;
}
.bordersTop, tr.bordersTop td {
	border-top:solid 1px #000;
	padding:2px;
}
.bordersBtm, tr.bordersBtm td {
	border-bottom:solid 1px #000;
	padding:2px;
}
.bordersBtmRight, tr.bordersBtmRight td {
	border-bottom:solid 1px #000;
	border-right:solid 1px #000;
	padding:2px;
}
.bordersBtmLeft, tr.bordersBtmLeft td {
	border-bottom:solid 1px #000;
	border-left:solid 1px #000;
}
.bordersBtmLeftRight, tr.bordersBtmLeftRight td {
	border-bottom:solid 1px #000;
	border-left:solid 1px #000;
	border-right:solid 1px #000;
}
.bordersRight, tr.bordersRight td {
	border-right:solid 1px #000;
	padding:2px;
}
.bordersLeft, tr.bordersLeft td {
	border-left:solid 1px #000;
	padding:2px;
}
.missingInfo{
	border:#F00 solid 2px;
}
input[type=radio].missingInfo{
	outline:#F00 solid 2px;
}
.indented div{
	margin-left:12px;	
}
.portrait{
	width:678px;
	min-height:902px;
}
.landscape{
	width:910px;
	height:632px;
}
.sortableTiles{
	list-style-type:none;
	margin:0;
	padding:0;
}
.sortableTiles li{
	margin:3px 3px 3px 0;
	padding:1px;
	float:left;
}
.StaffLinksTiles li{
	width:140px;
	height:128px;
	border:#000 solid 1px;
	padding:4px;
}
.editStaffLinksTiles li{
	width:180px;
	height:272px;
	border:#000 solid 1px;
	background:#FFF;
}
.StaffLinksTileImg{
	width:100px;
	height:100px;
}
#timeSheetsDiv{
	min-width:1088px;
}
.ui-widget-header{
	padding:4px;
}
.print-header {
	background:#069;
	color:#FFF;
	font-family:Helvetica, sans-serif;
	font-weight:bold;
	font-size:10pt;
	text-align:center;
	padding:4px;
	border-top:solid 3px #000;
	border-bottom:solid 3px #000;
}
.textarea-wrapper {
	padding:1px 5px 1px 1px;
}
.textarea-wrapper textarea {
	width:100%;
}
.box-header{
	padding:4px;
	color:#FFFFFF;
}
.box-header-small, tr.box-header-small td{
	padding:4px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	font-style:normal;
	font-weight:normal;
}
.ui-widget-header div a:link, .ui-widget-header div a:visited, table.ui-widget-header a:link, table.ui-widget-header a:visited {
	color:#E9E9E9;
}
.ui-widget-header div a:hover, .ui-widget-header div a:active, table.ui-widget-header a:hover, table.ui-widget-header a:active {
	color:#FFF;
}
.ui-autocomplete-loading { background:url(../graphics/ajax-loader.gif) right center no-repeat; }
.ui-autocomplete-input { margin: 0; padding: 0.48em 0 0.47em 0.45em; }
.img-btn{
	vertical-align:middle;
}