@charset "utf-8";
/* CSS Document */

/*These are the colors you need to change to update the look of the CMS skin for a new customer. All these will default to white or grey if not specified or if this css is not called. Any scheme-related colors not controlled by this stylesheet are likely to be images, not styles. All CMS generic colors are in the main stylesheet. */

/*Dark main color for table headers*/
.datatable th, .datatableHover th, .accessTable th, .gridtable th
{
	background-color: #135ba3;
}

/*Pale main color for container backgrounds, usually white */
#datatableContainerGray, #formContainer, #formContainerMedium

{
	background-color: #ffffff;
}

/*Borders, can be an accent color, usually grey*/
#navigation, #navigation li.last, div.userPanel .bottom
{
border: 1px solid #666666;
}
#datatableContainerGray, .datatable th, #cardServicesBottomContainer, #cardServicesContainer, .gridtable th, .accessTable th, #formContainer, #formContainerMedium
{
	border:	1px solid #666666;
}

.tab-panes
{	border:	2px solid #666666; }

/*Link rollover color in menu items*/
#navigation ul ul a:hover, ul.recentlyViewed li a:hover, div.userPanel .bottom a:hover
{
color: #f9bd4b;
}
/*Quicklinks text color and table header text color, usually white (#ffffff), but #333333 if it's a light BG*/
#toolbar a:hover, ul#topmenu li a, .datatable th {
color:#FFFFFF;
}
/*Images called for the skin. Any skin-specific images not here are probably called directly from the page code. Generic images are called in main stylesheet*/
div.backgroundContainer {
background-image: url(../images/background.png);
}
div.logonLogo
{
background: #ffffff url(../images/customerLogo.png) no-repeat;
}

#navigation li
{
	background-image: url(../images/menu-arrow.png);
}
div.userPanel .bottom a {
background-image: url(../images/user-panel-arrow.png);
}
ul.recentlyViewed li a, ul.recentlyViewed li a:visited
{
background-image: url(../images/user-panel-arrow.png);
}

li.tabOn {
background: url(../images/tab-on-bg.png) repeat-x 0 1px;
}
li.tabOn span.left {
background: url(../images/tab-on-left.png) no-repeat;
}

li.tabOn span.right {
background: url(../images/tab-on-right.png) no-repeat;
}

div.tt table.taskHeader, div.tt table.taskHeader a,
#content table.json th, #content table.json th a {
	background-color: #135ba3;
	color: #ffffff !important;
}

#content table.json th, #content table.json th a, #content table.json th.first, #content table.json th.last {
	border-color: #777777;
}