/*
This file is intended for customer changes to the provided style(s).
This file will never be overwritten by the setup.
*/
@import url("Standard_Look_1.css");

/* -------------------------------- HEADER -------------------------------------------------- */
#subheader1
{
	border-color: #e15c08; /* color of the broad border at the bottom of the header */
	background: transparent url('PSA_logo.png') no-repeat 10px center;
}

/* PSA does some extra styling */
	/* put gradient in header BG */
		#header			{ background:transparent url('PSA_sprite.gif') repeat-x left -600px; }
	/* headergap on top of header has by default white BG, so correct. otherwise gradient in header BG covered up with white. */
		#headergap		{ background-color:transparent; }
	/* better ePortal logo */
		#header_SmallLogo	{ background:url('eportal_logo.png') no-repeat right top; }
	/* make sure the better ePortal logo aligns well with the language dropdown */
		#header_horizontal_navlist { margin-right:10px; }

/* background-color and font color of the horizontal links at the top */
#header_horizontal_navlist li>a
{
	background-color: #e15c08;
	color: white;
	border-color: white;
	/* extra styling for PSA */
		border-top:1px solid white;
		background:#e15c08 url('PSA_sprite.gif') repeat-x left -1000px;
}

#header_horizontal_navlist li a.lang
{
	background-color: #FF6600;						/* de language drop-down gebruikt deze stijlen niet meer zeker? */
}

/* hover background-color */
#header_horizontal_navlist li a:hover
{
	background-color: #e15c08;
	color: white;
	border-color: white;
	background-position:left top;
	padding-top:0.2em; /* override tab expand-upon-hover */
}

#header_horizontal_navlist .language_dropdownlist
{
	color: #FFFFFF;
	background-color: #FF6600;						/* de language drop-down gebruikt deze stijlen niet meer zeker? */
}


/*Request account*/
#grpUserDetails input {
    text-transform: none;
}
#grpCompanyDetails input {
    text-transform: none;
}
/*create account*/
#UserInfo_Detail input {
    text-transform: none;
}


/* -------------------------------- LEFT NAVIGATION ---------------------------------------- */
.RadPanelBar_Cosmos .rpRootGroup
{
	border-color: #b2b2b2 !important;
}

/* navmenu */
.RadPanelBar_Cosmos .rpLink,
.RadPanelBar_Cosmos .rpExpanded
{
	background-color: #8c8c8c !important;
	color: white !important;
}

/* navmenu when hovered over */
.RadPanelBar_Cosmos .rpFocused,
.RadPanelBar_Cosmos .rpLink:hover,
.RadPanelBar_Cosmos .rpExpanded:hover
{
	background-color: #e4660c !important;
	color: white !important;
	/* extra styling for PSA */
		background-image: url('PSA_sprite.gif') !important;
		background-position:0 -199px !important;		
}
/* extra styling for PSA: make sure first menu header has no dark top-border upon hover */
	.RadPanelBar_Cosmos .rpFirst .rpFocused, .RadPanelBar_Cosmos .rpFirst .rpLink:hover
	{ background-position: 0 -200px !important; }

/* navmenu when clicked and opened */
.RadPanelBar_Cosmos .rpSelected,
.RadPanelBar_Cosmos .rpSelected:hover
{
	background-color: #f69f20 !important;
	color: white !important;
	/* extra styling for PSA */
		background-image: url('PSA_sprite.gif') !important;
		background-position:0 -400px !important;
}

/* make sure submenu items still have transparent BG color, no BG image and black text */
	.RadPanelBar_Cosmos .rpGroup .rpLink, .RadPanelBar_Cosmos .rpGroup .rpExpanded
	{ background-color: transparent !important; color:black !important; background-image: none !important; }
/* make sure hovered submenu items still have transparent BG color, right BG image and black text */
	.RadPanelBar_Cosmos .rpGroup .rpFocused, .RadPanelBar_Cosmos .rpGroup .rpLink:hover, .RadPanelBar_Cosmos .rpGroup .rpExpanded:hover
	{ background-color: transparent !important; color:black !important; background-image: url('SubItemStates.png') !important; background-position: 100% -22px !important; }
/* make sure selected submenu item text is white + has correct BG */
	.RadPanelBar_Cosmos .rpGroup .rpSelected, .RadPanelBar_Cosmos .rpGroup .rpSelected:hover
	{ color:white !important; background-image: url('SubItemStates.png') !important; background-position: 100% -222px !important; }

/* -------------------------------- FOOTER-------------------------------------------------- */
#subfooter1
{
	color: white;
	background: #b2b2b2 url('PSA_sprite.gif') repeat-x left -800px;
	/* extra styling for PSA */
		border-top:1px solid white;
}

#subfooter1 a, .footer_text
{
	color: white;
	font-weight:bold;
}

/* -------------------------------- MAIN CONTENT -------------------------------------------- */
/* last item in breadcrumb trail */
.CurrentNodeStyle
{
	color: #e4660c;
}

/* command buttons */
.form_button
{
	background-color: #e4660c;
	color: #ffffff;
}

/* background-color of text input fields when they have the focus */
body div#fullheightcontainer .form_inputbox_selected,
body div#fullheightcontainer .admin_inputbox_selected,
body div#fullheightcontainer .form_lcase_inputbox_selected
{
	background-color: #e4660c !important;
	color: white !important;
}