/* Login Button */
#loginBox {
	position:absolute;
	top:36px;
	right:5px;
	z-index:29;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6C6B66;
	display: none;
	background-color: #FFFFFF;
	-moz-box-shadow: 0px 0px 4px #999999;
	-webkit-box-shadow: 0px 0px 4px #999999;
	box-shadow: 0px 0px 4px #555550;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";


	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
}

#loginButton {
	display:inline-block;
	float:right;
	border-radius:3px;
	position:relative;
	z-index:30;
	cursor:pointer;
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #555550;
	color: #000;
}

/* Login Button Text */
#loginButton span {
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/loginArrow.png);
	background-repeat: no-repeat;
	background-position: right 7px;
	padding-top: 7px;
	padding-right: 35px;
	padding-bottom: 9px;
	padding-left: 10px;
}

#loginButton:hover {
	background-color: #555550;
}

/* If the Login Button has been clicked */    
#loginButton.active {
	border-radius:3px 3px 0 0;
	background-color: #555550;
}

#loginButton.active span {
	background-position:right -76px;
}






/* ---------------------------------------------------------------------------------------------------------------- */    


/* Notification Button */
#notificationBox {
	position:absolute;
	top:36px;
	right:5px;
	z-index:29;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6C6B66;
	background-color: #555550;
	display: none;
	-moz-box-shadow: 0px 0px 4px #999999;
	-webkit-box-shadow: 0px 0px 4px #999999;
	box-shadow: 0px 0px 4px #555550;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";


	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
}

#notificationButton {
	display:inline-block;
	float:right;
	border-radius:3px;
	position:relative;
	z-index:30;
	cursor:pointer;
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
}

/* Notification Button Text */
#notificationButton span {
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/notificationcount-bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 10px;
}

#notificationButton:hover {
	background-color: #555550;
}

/* If the Notification Button has been clicked */    
#notificationButton.active {
	border-radius:3px 3px 0 0;
	background-color: #555550;
}

#notificationButton.active span {
	background-position:center center;
}


#loginButton1 {
	display:inline-block;
	float:right;
	border-radius:3px;
	position:relative;
	z-index:30;
	cursor:pointer;
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	background-color: #555550;
}

#loginButton1 span {
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/loginArrow.png);
	background-repeat: no-repeat;
	background-position: right 7px;
	padding-top: 7px;
	padding-right: 35px;
	padding-bottom: 9px;
	padding-left: 10px;
	background-color: #5500;
}

#loginButton1:hover {
	background-color: #555550;
}

/* If the Login Button has been clicked */    
#loginButton1.active {
	border-radius:3px 3px 0 0;
	background-color: #555550;
}

#loginButton1.active span {
	background-position:right -76px;
}