﻿#BulletBar
{
    z-index: 90;
    background: url("images/master/wrapperFakeSideBack2.png") repeat-y right top;
    width: 240px;
    margin-top:0px;
    min-height:800px;
}

#SidePanel2
{
    width: 240px;
    float: left;
    left: -207px;
    position: absolute;
    z-index: 90;
}

#SidePanel2Hover
{
    padding: 0;
    margin: 0;
    width: 20px;
    height: 536px;
    float: left;
    left: 0px;
    top: 174px;
    position: absolute;
    z-index: 26001;
}

#SidePanel2Bottom {
	width: 225px;
	background: url("images/master/wrapperFakeSideBackBottom2.png");
	background-position: left top;
	height: 23px;
	background-repeat: no-repeat;
}

#sidebar2
{
    top: 0px;
    left: 0;
    width: 210px;
    text-align: center;
    padding: 0;
    vertical-align:top;
    
}

#sidebar2 a
{
	color:black;
	font-family: Verdana, sans-serif;
	font-size:11px;		
	padding:0 0 0 35px;
}

#sidebar2 ul li
{
	background:url("images/sidebar/butBack.jpg") top left no-repeat;
	min-height:25px;
}

#sidebar2 ul li:hover
{
	background:url("images/sidebar/butBackHover.jpg") top left no-repeat;
	background-size: 100% 100%;
    min-height:25px;
}

#sidebar2 ul li a
{
	display:block;
	padding:5px 0 5px 30px;/* 35px for using Icons */
	text-decoration:none;
	background:none;
}


#sidebar2 ul li a:hover
{
	color:#009AC0;
}


#sidebar2 a:hover
{
	color:white;
}

#sidebar2 h2
{
	margin:0;
	padding:0;
	width:223px;
	background: url("images/sidebar/side2H2.png") top right repeat-x;
}

#sidebar2 #groupedList div {
	background: #828282 url("images/sidebar/mainTopBackGrey.jpg") bottom repeat-y;
	margin: 0px 10px 10px;
	padding: 0px 0 12px 0px;
	text-align: left;
	width: 180px;
}


#sidebar2 #groupedList div h3 {
	margin: 0px 0px 0px -8px;
	padding: 3px 4px 6px;
	float: left;
	width: 200px;
	background: url("images/sidebar/sideH3Back.gif") top left no-repeat;
	/*background:#009DC3;
	
border-top:#45050E solid 1px;	*/
	line-height: 11px;
}

	#sidebar2 #groupedList div h3 a {
		color: black;
		font-family: Verdana, sans-serif;
		font-size: 9px;
		text-transform: uppercase;
		text-decoration: none;
		margin-left: 5px;
		padding: 4px;
		overflow-wrap: break-word;
	}

#sidebar2 #groupedList div ul
{
	margin:0;
	padding:4px 0 0 0;
	clear:both;
	list-style:none;
	width:170px;
    z-index: 10000;
    position: relative;
}



#AppSwitcherBar {
	background: url("images/master/wrapperFakeSideBack.png") repeat-y left top;
	z-index: 90;
	width: 240px;
	min-height: 500px;
}



#SidePanel
{
    padding: 0;
    margin: 0;
    width: 240px;
    height: 785px;
    float: left;
    left: -207px;
    position: absolute;
    background-position: left top;
    z-index: 80;
}










#SidePanelHover {
	padding: 0;
	margin: 0;
	width: 20px;
	height: 110px;
	float: left;
	left: 0px;
	top: 80px;
	position: absolute;
	z-index: 26000;
}

#SidePanelBottom {
	width: 225px;
	background: url("images/master/wrapperFakeSideBackBottom.png");
	background-position: left top;
	height: 232px;
	background-repeat: no-repeat;
}

#sidebar
{
    position: absolute;
    top: 0px;
    left: 0;
    width: 210px;
    text-align: center;
    margin: 0;
    padding: 0;
}

#sidebar a
{
	color:black;
	font-family: Verdana, sans-serif;
	font-size:11px;		
	padding:0 0 0 35px;
}

#sidebar ul li
{
	background:url("images/sidebar/butBack.jpg") top left no-repeat;
	height:25px;
}

#sidebar ul li:hover
{
	background:url("images/sidebar/butBackHover.jpg") top left no-repeat;
	height:25px;
}

#sidebar ul li a
{
	display:block;
	padding:5px 0 5px 30px;/* 35px for using Icons */
	text-decoration:none;
	background:none;
}


#sidebar ul li a:hover
{
	color:#009AC0;
}


#sidebar a:hover
{
	color:white;
}

#sidebar h2
{
	margin:0;
	padding:0;
	width:223px;
	background: url("images/sidebar/sideH2.png") top right repeat-x;
}

#sidebar #groupedList div
{
	background:#828282 url("images/sidebar/mainTopBackGrey.jpg") bottom repeat-y;
	margin: 0px 10px 10px;	
	padding:0px 0px 12px 0px;
	text-align:left;
	width:180px;
}


#sidebar #groupedList div h3
{
	margin:-18px 0 0 -15px;
	padding:3px 4px 6px;		
	float:left;
	width:200px;
	background:url("images/sidebar/sideH3Back.gif") top left no-repeat;
	/*background:#009DC3;
	
	border-top:#45050E solid 1px;	*/
	line-height:11px;
}

#sidebar #groupedList div h3 a
{	
	color:black;
	font-family: Verdana, sans-serif;
	font-size:9px;
	text-transform:uppercase;
	text-decoration:none;
	margin-left:5px;
	padding:4px;		
}

#sidebar #groupedList div ul
{
	margin:0;
	padding:4px 0 0 0;
	clear:both;
	list-style:none;
	width:170px;
    z-index: 10000;
    position: relative;
}





#sidebar2 ul li a#eRemit_Config {
	background: transparent url("images/icons/IconRemittanceLogging.gif") top left no-repeat;
}

#sidebar2 ul li a#User_Maintenance
{
	background:transparent url("images/icons/IconUsers.gif") top left no-repeat;
}

#sidebar2 ul li a#Permission_Groups
{
	background:transparent url("images/icons/IconNewCustomers.gif") top left no-repeat;
}

#sidebar2 ul li a#Change_Password
{
	background:transparent url("images/icons/IconChangeMyPassword.gif") top left no-repeat;
}

#sidebar2 ul li a#File_Wizard
{
	background:transparent url("images/icons/IconWizard.gif") top left no-repeat;
}

#sidebar2 ul li a#Support_Maintenance
{
	background:transparent url("images/icons/IconUsers.gif") top left no-repeat;
}

#sidebar2 ul li a#Settings
{
	background:transparent url("images/icons/IconSettings.gif") top left no-repeat;
}

#sidebar2 ul li a#Error_Log
{
	background:transparent url("images/icons/IconErrorLog.gif") top left no-repeat;
}

#sidebar2 ul li a#logout, #sidebar2 ul li a#Logout {
	background: transparent url("images/icons/Iconlogout.gif") top left no-repeat;
}

#sidebar2 ul li a#Change_Language {
	background: transparent url("images/icons/clientDetailsIcon.gif") top left no-repeat;
}

#sidebar2 ul li a#Message_Subscriptions {
	background: transparent url("images/icons/BranchPayments.gif") top left no-repeat;
}

#sidebar2 ul li a#Change_Time_Zone {
	background: transparent url("images/icons/IconPaymentFileHistory.gif") top left no-repeat;
}

#sidebar2 ul li a#Help_Items {
	background: transparent url("images/icons/supportRequestIcon.gif") top left no-repeat;
}