@CHARSET "UTF-8";

* {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

body {
	text-align: left;
	color: #003366;
	min-height: 100%;
	margin: 0;
}

img {
	border: 0;
}

p,li,td,th {
	font-size: 12px;
	color: #434343;
}

a,a:link,a:visited,a:hover,a:active {
	color: #0066CC;
}

a,a:link,a:visited {
	text-decoration: none;
}

a:hover,a:active {
	text-decoration: underline;
}

p {
	margin: 15px 0;
}

/* Header */
#header {
	width: 980px;
	margin: 0 auto;
	position: relative;
	height: 54px;
}

#header h1 {
	color: #003399;
	position: absolute;
	font-family: "UBSHeadline", "Times New Roman", serif;
	font-size: 24px;
	font-weight: 100;
	left: 192px;
	top: 9px;
	z-index: 1;
	margin: 0;
	padding: 0;
}

#header p {
	font-size: 11px;
	color: #999;
	position: absolute;
	top: 16px;
	right: 0;
	z-index: 2;
	margin: 0;
	padding: 0;
}

#header a,#header a:link,#header a:visited {
	color: #333;
	text-decoration: none;
}

#header a:hover,#header a:active {
	text-decoration: underline;
}

/* Primary Navigation */
#primaryNavigation {
	background-color: #A5B7DB;
	width: 980px;
	margin: 0 auto;
	height: 43px;
}

#primaryNavigation ul {
	background-color: #7f99cc;
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #fff;
	height: 21px;
}

#primaryNavigation li {
	display: inline;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

#primaryNavigation li a,#primaryNavigation li a:link,#primaryNavigation li a:visited
	{
	background-color: #7f99cc;
	padding: 3px 10px 4px 10px;
	color: #fff;
	border-right: 1px #fff solid;
	height: 21px;
	line-height: 21px;
	text-decoration: none;
}

#primaryNavigation li a:hover,#primaryNavigation li a:active {
	background-color: #ccd6e0;
	color: #003399;
}

body#overview a.overview {
	background-color: #ccd6e0 !important;
	color: #003399 !important;
}

body#tasks a.tasks {
	background-color: #ccd6e0 !important;
	color: #003399 !important;
}

body#requests a.requests {
	background-color: #ccd6e0 !important;
	color: #003399 !important;
}

body#approvers a.approvers {
	background-color: #ccd6e0 !important;
	color: #003399 !important;
}

body#services a.services {
	background-color: #ccd6e0 !important;
	color: #003399 !important;
}

body#administration a.administration {
	background-color: #ccd6e0 !important;
	color: #003399 !important;
}

body#bulk a.bulk {
	background-color: #ccd6e0 !important;
	color: #003399 !important;
}

/* Content */
#content {
	width: 980px;
	margin: 0 auto;
}

#content h1 {
	font-family: "UBSHeadline", "Times New Roman", serif;
	font-size: 20px;
	color: #039;
	font-weight: 100;
	margin: 11px 0 10px 0;
	padding: 0;
}

#content h2 {
	font-size: 12px;
	color: #666;
	margin-bottom: 6px;
	margin-top: 12px;
	border-top: 1px solid #D9DDDF;
	border-bottom: 1px solid #D9DDDF;
	padding-top: 1px; /* clear: both; */
}

#content h3 {
	font-size: 12px;
	font-weight: bold;
	color: #003366;
	padding: 1px 0;
	text-indent: 5px;
	background-color: #f2f3f5;
	border-top: 1px solid #98adc2;
	border-bottom: 1px solid #98adc2;
	margin: 15px 0;
}

#content p.introParagraph {
	margin-top: 18px;
}

.left {
	float: left
}

.right {
	float: right;
}

.clear {
	margin: 0;
	padding: 0;
	clear: both;
}

hr {
	height: 0;
	border: none;
	border-bottom: 1px solid #E1E8F0;
	margin: 0;
	padding: 0;
	clear: both;
}

.attention {
	font-weight: bold;
	color: #f60;
	padding-bottom: 6px;
	border-bottom: 1px solid #D9DDDF;
	margin: 0 0;
	margin-bottom: 6px;
}

.white {
	background-color: #fff !important;
}

/* Vertical Content Navigation (VCN) */
.vcnContainer {
	display: block;
	margin: 27px 0;
}

.vcnItem {
	width: 230px;
	display: block;
	float: left;
	margin-right: 20px;
}

.vcnItemLast {
	width: 230px;
	display: block;
	float: left;
	margin-right: 0;
}

.vcnItemTitle {
	background-color: #787878;
	height: 36px;
	width: 230px;
	display: block;
}

.vcnItemTitle h4 {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	padding: 9px;
}

.vcnItemDescription {
	background-color: #E5EAF5;
	display: block;
	width: 230px;
	height: 65px;
}

.vcnItemDescription p {
	font-size: 12px;
	color: #003366;
	padding: 15px 9px 0 9px;
	margin: 0 0;
}

.vcnItemLink {
	background-color: #E5EAF5;
	display: block;
	text-align: right;
	padding-top: 9px;
	padding-bottom: 10px;
}

.vcnItemLink a,.vcnItemLink a:visited {
	background-color: #CCD6EB;
	color: #003366;
	font-size: 12px;
	padding: 2px 12px;
	border: 1px solid;
	border-color: #89A1B8 #44505C #44505C #89A1B8;
	margin-right: 8px;
	text-decoration: none;
}

.vcnItem p.vcnLink,.vcnItemLast p.vcnLink {
	height: 40px;
	background-color: #33CC00;
	text-align: right;
	width: 230px;
}

/* Forms */
form input[type="text"] {
	padding: 0px;
	height: 22px;
	font-size: 12px;
	color: #000;
	border: 1px solid #7A94AF;
}

form select {
	padding: 3px;
	font-size: 11px;
	color: #000;
	border: 1px solid #7A94AF;
}

form input[type="submit"], form input[type="reset"], form input[type="button"] {
	background-color: #E5E5E5;
	color: #0c6784;
	font-size: 12px;
	margin-left: 5px;
	border-top: 1px solid #95B0CB;
	border-right: 1px solid #787878;
	border-bottom: 1px solid #787878;
	border-left: 1px solid #95B0CB;
	padding: 2px 20px; /* float: right; */
}

form input[type="submit"].longButton {
	padding: 2px 0px !important;
}

form input[type="radio"] {
	position: relative;
	top: -1px;
	margin-right: 10px;
	display: inline-block;
	height: 14px;
}

form input[type="checkbox"] {
	position: relative;
	top: -1px;
	margin-right: 5px;
	display: inline-block;
	height: 14px;
}

form textarea {
	padding: 3px;
	font-size: 11px;
	color: #000;
	border: 1px solid #7A94AF;
}

form label {
	margin-right: 20px;
}

form input.left {
	float: none !important;
}

.singleLineForm {
	background-color: #E1E8F0;
	display: block;
	padding: 6px 0;
}

.buttonContainer {
	text-align: right;
	display: block;
}

.alignCellRight {
	text-align: right;
}

.alignCellTop {
	vertical-align: top !important;
}

.removeCellPadding {
	padding: 0 !important;
}

/* Tables  */
table.formTable,table.pagination,table.formTableContainer,table.detailTable,table.containerTable
	{
	border-collapse: collapse;
	border: none;
	width: 100%;
}

table.addCellBottomRule td {
	border-bottom: 1px solid #fff;
}

table.formTable {
	background-color: #E1E8F0;
	margin-bottom: 5px;
}

table.formTable td { /* vertical-align: top; */
	padding: 1px 12px;
	color: #000;
	border-left: 1px solid #fff;
}

table.formTable td.noRule { /* vertical-align: top; */
	padding: 0 9px;
	color: #000;
	border-left: 0 solid #fff;
	border-bottom: 0 solid #fff;
}

table.formTable th.noRule {
	border-left: 0 solid #fff; /* border-bottom: 0 solid #fff; */
}

table.formTable th {
	text-align: left;
	color: #fff;
	background-color: #98ADC2;
	font-size: 12px;
	font-weight: bold;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 2px 12px;
}

table.formTable tr.formTableFirstRow td {
	padding-top: 6px;
}

table.formTable tr.formTableLastRow td {
	padding-bottom: 11px;
}

table.formTableContainer td,table.formTableContainer th {
	border-right: 1px solid #fff;
	vertical-align: top;
}

table.formTable td p {
	margin: 0 0;
}

table.formTable td.formTableSpacer {
	font-size: 1px;
	background-color: #fff;
	height: 4px;
	padding: 0;
	margin: 0;
}

table.addCellBottomRule td.addCellBottomRule {
	border-bottom: 1px solid #fff;
}

table.addCellBottomRule td.deleteCellBottomRule {
	border-bottom: 0 solid #fff;
}

table.alertTable {
	margin: 17px 0 2px 0;
	border-collapse: collapse;
	border: none;
	background-color: #FFF8F1;
}

table.alertTable td,table.alertTable th {
	color: #FF7800;
	border: 1px solid #FF7800;
	padding: 7px 8px;
}

table.alertTable th {
	background-color: #fff;
}

table.alertTable td {
	color: #433930;
	padding: 7px 12px;
}

table.dataTable {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 10px;
}

table.dataTable th,table.dataTable td {
	padding: 3px 7px;
}

table.dataTable th {
	text-align: left;
	color: #fff;
	background-color: #98ADC2;
	font-size: 12px;
	font-weight: bold;
	border-right: 1px solid #fff;
}

table.dataTable th a,table.dataTable th a:visited {
	color: #fff;
	text-decoration: underline;
}

table.dataTable td {
	color: #434343;
	border-bottom: 1px solid #E3E9EE;
	border-top: 1px solid #E3E9EE;
	border-right: 1px solid #fff;
}

table.dataTable td a,table.dataTable td a:visited {
	padding-left: 20px;
	color: #434343;
	text-decoration: none;
	background: transparent url(../images/iconViewDetail.gif) no-repeat 0 0;
}

table.dataTable th.sortColumnUp a,table.dateTable th.sortColumnUp a:visited
	{
	text-decoration: none;
	padding-right: 12px;
	background: transparent url(../images/sortArrowUp.gif) no-repeat right
		5px;
}

table.dataTable th.sortColumnDown a,table.dateTable th.sortColumnDown a:visited
	{
	text-decoration: none;
	padding-right: 12px;
	background: transparent url(../images/sortArrowDown.gif) no-repeat right
		5px;
}

table.dataTable td.approved {
	background: #D6ece0 url(../images/iconCheck.gif) no-repeat 6px 4px;
	padding-left: 25px;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}

table.dataTable td.rejected {
	background: #fdd7aa url(../images/iconCross.gif) no-repeat 6px 6px;
	padding-left: 25px;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}

table.dataTable td.inprogress {
	background: #ccc url(../images/iconProgress.gif) no-repeat 6px 4px;
	padding-left: 25px;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}

table.dataTable td a.remove,table.dataTable td a:visited .remove {
	padding-left: 20px;
	color: #434343;
	text-decoration: none;
	background: transparent url(../images/iconTrashCan.gif) no-repeat 0 0;
}

table.dataTable td a.mailTo,table.dataTable td a:visited .mailTo {
	padding-left: 0;
	color: #434343;
	text-decoration: underline;
	background: transparent url() no-repeat 0 0;
}

table.dataTable td a:hover .mailTo,table.dataTable td a:active .mailTo {
	text-decoration: none;
}

table.dataTable td.submitButtons {
	background-color: #FFFFFF;
	border-bottom: 0 solid #fff;
	text-align: right;
	padding: 7px 0;
}

table.dataTable td.h2Heading {
	border-top: 0 #fff solid;
	background-color: #fff;
	padding: 0;
}

table.dataTable td.h2Heading h2 {
	margin-top: 0 !important;
}

table.detailTable {
	background-color: #ECEFF4;
}

table.detailTable td,table.detailTable th {
	border-bottom: 1px solid #fff;
	font-size: 11px;
}

table.detailTable th {
	font-weight: bold;
	padding: 4px 7px;
	color: #fff;
	background-color: #98ADC2;
	text-align: left;
}

table.detailTable td {
	color: #333;
	padding: 3px 7px;
	vertical-align: top;
}

table.detailTable td.addRule {
	border-right: 1px solid #fff;
}

table.detailTable tr.detailTableLastRow td {
	border-bottom: 1px solid #DFE6EC;
}

table.detailTable a,table.detailTable a:visited {
	color: #333;
	text-decoration: none;
}

table.detailTable a:hover,table.detailTable a:active {
	color: #333;
	text-decoration: underline;
}

table.detailTable p {
	margin: 0 0 3px 0;
	padding: 0;
}

table.containerTable {
	background-color: #F1F5F8;
	margin-top: 4px;
	margin-bottom: 4px;
}

table.containerTable td {
	vertical-align: top;
}

table.containerTable td.addBorder {
	border-right: 4px solid #fff;
}

.row0 {
	background: #EFF2F6;
}

.row1 {
	background: #fff;
}

table.dataTable tr:hover {
	background-color: #E1E8F0;
}

td.centerCellContent {
	text-align: center;
}

/* Progress steps */
div.progressBg {
	background-color: #f1f1f1;
	display: block;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	margin: 0 0 5px 0;
	padding: 0;
}

dl.progress {
	display: block;
	overflow: hidden;
	background-color: #f1f1f1;
	display: block;
	postion: relative;
	margin: 0;
	padding: 0;
}

dl.progress dt {
	display: inline-block;
	float: left;
	line-height: 26px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	position: relative;
}

dl.progress dt a,dl.progress dt a:visited {
	color: #030;
	text-decoration: none;
	padding: 7px 40px;
	background: transparent url(../images/progressBackgrounds.gif) no-repeat
		right -30px;
}

dl.progress dt a:hover,dl.progress dt a:active {
	background: transparent url(../images/progressBackgrounds.gif) no-repeat
		right -60px;
}

dl.progress dt span.future {
	padding: 7px 40px;
	background: transparent url(../images/progressBackgrounds.gif) no-repeat
		right 0px;
}

dl.progress dt span.current {
	font-weight: bold;
	color: #030;
	padding: 7px 40px;
	background: transparent url(../images/progressBackgrounds.gif) no-repeat
		right -60px;
}

dl.progress dt span.previous {
	color: #030;
	padding: 7px 40px;
	background: transparent url(../images/progressBackgrounds.gif) no-repeat
		right -30px;
}

dl.progress dt span.previousLinked {
	padding: 0 0;
	background: transparent url(../images/progressBackgrounds.gif) no-repeat
		right -30px;
}

dl.progress dt.step01 span.previous,dl.progress dt.step01 span.current,dl.progress dt.step01 span.previousLinked a
	{
	padding: 7px 40px 7px 30px;
}

dl.progress dt.step02,dl.progress dt.step03,dl.progress dt.step04,dl.progress dt.step05
	{
	margin-left: -20px;
}

dl.progress dt.step01 {
	z-index: 9;
}

dl.progress dt.step02 {
	z-index: 8;
}

dl.progress dt.step03 {
	z-index: 7;
}

dl.progress dt.step04 {
	z-index: 6;
}

dl.progress dt.step05 {
	z-index: 5;
}

/* Widths */
.xxSmall {
	width: 69px;
}

.xSmall {
	width: 160px;
}

.small {
	width: 240px;
}

.medium {
	width: 320px;
}

.large {
	width: 480px;
}

.xLarge {
	width: 635px;
}

.xxLarge {
	width: 725px;
}

.percent25 {
	width: 25%;
}

.percent34 {
	width: 34%;
}

.percent50 {
	width: 50%;
}

.percent66 {
	width: 66%;
}

.percent100 {
	width: 100%;
}

/* Page numbers */
.pageNumberOf {
	padding-right: 20px;
}

.pageNumber {
	width: auto;
	align: center;
}

.pageNumber a,.pageNumber a:visited {
	color: #434343;
	text-decoration: none;
	border-left: 1px solid #d4d4d4;
	padding: 0 4px;
	border-right: 1px solid #d4d4d4;
}

/* Tabs  */
div.tabs {
	margin-top: 18px;
	display: block;
	border-bottom: 12px solid #E1E8F0;
	height: 19px;
	line-height: 19px;
	overflow: hidden;
}

div.tabs a,div.tabs a.selectedTab,div.tabs a:hover,div.tabs a:link,div.tabs a:visited
	{
	font-size: 12px;
	padding: 2px 15px;
	border-right: 1px solid #A7A7A7;
	color: #000;
}

div.tabs a {
	background-color: #C9D4DF;
	text-decoration: none;
}

div.tabs a:hover {
	background-color: #E1E8F0;
	text-decoration: underline;
}

div.tabs a.selectedTab,div.tabs a.selectedTab:hover {
	background-color: #E1E8F0;
	font-weight: bold;
}

div.tabs span.fakeTab {
	background-color: #F4F7F8;
	font-size: 12px;
	padding: 2px 15px;
	border-right: 1px solid #eee;
	color: #d4d4d4;
}

div.tabsBaseSpacer {
	display: block;
	font-size: 1px;
	height: 6px;
	background-color: #e1e8f0;
	border-bottom: 1px solid #fff;
}

/* Container */
.container {
	background-color: #E1E8F0;
	display: block;
	padding: 6px;
	clear: both;
}

.containerContent {
	background-color: #fff;
	display: block;
	padding: 4px;
}

.containterTabbed {
	background-color: #fff;
	display: block;
	padding: 4px;
	margin-top: 10px
}

/* Collapsable panels */
div.collapsiblePanel a,div.collapsiblePanel a:visited {
	display: block;
	background-color: #C8D6E3;
	padding: 4px 24px;
	text-decoration: none;
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	background-image: url(../images/iconExpand.gif);
	background-repeat: no-repeat;
	background-position: 3px 3px;
}

div.collapsiblePanel a.close,div.collapsiblePanel a.close:visited {
	background-image: url(../images/iconCollapse.gif);
	background-repeat: no-repeat;
	background-position: 3px 3px;
}

div.collapsiblePane a span,div.collapsiblePanel a:visited span,div.collapsiblePanelLight a span,div.collapsiblePanelLight a:visited span,div.collapsiblePanelLightIncItem a span,div.collapsiblePanelLightIncItem a:visited span
	{
	font-weight: 100 !important;
}

div.collapsibleContent {
	display: block;
	padding-left: 28px;
	margin: 4px 0;
}

div.collapsiblePanelLight a,div.collapsiblePanelLight a:visited {
	display: block;
	background-color: #DBE4ED;
	padding: 3px 24px;
	text-decoration: none;
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	background-image: url(../images/iconExpand.gif);
	background-repeat: no-repeat;
	background-position: 3px 2px;
	margin-bottom: 1px;
}

div.collapsiblePanelLight a.close,div.collapsiblePanelLight a.close:visited
	{
	background-image: url(../images/iconCollapse.gif);
	background-repeat: no-repeat;
	background-position: 3px 2px;
}

div.collapsiblePanelLightIncItem a,div.collapsiblePanelLightIncItem a:visited
	{
	display: block;
	background-color: #DBE4ED;
	padding: 3px 4px;
	text-decoration: none;
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	background-image: url(../images/iconExpand.gif);
	background-repeat: no-repeat;
	background-position: 26px 2px;
	margin-bottom: 1px;
}

div.collapsiblePanelLightIncItem a.close,div.collapsiblePanelLightIncItem a.close:visited
	{
	display: block;
	background-color: #DBE4ED;
	padding: 3px 4px;
	text-decoration: none;
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	background-image: url(../images/iconCollapse.gif);
	background-repeat: no-repeat;
	background-position: 26px 2px;
	margin-bottom: 1px;
}

div.collapsiblePanel a:hover,dive.collapsiblePanel a:active,div.collapsiblePanelLight a:hover,div.collapsiblePanelLight a:active,div.collapsiblePanelLightIncItem a:hover,div.collapsiblePanelLightIncItem a:active,div.collapsiblePanelLightIncItem a.close:hover,div.collapsiblePanelLightIncItem a.close:active
	{
	background-color: #A6B9CB;
	color: #FFFFFF;
}

div.collapsiblePanelLightIncItem input {
	margin-right: 20px;
}