/*
	RhoVisions Button CSS Stylesheet
	Created by Rohit Sodhia
*/

span.button {
	background: url(buttons/button.jpg) left center no-repeat;
	padding: 7px 0px 5px 0px;
	margin: 0px;
}

span.button input {
	background: none;
	border: none;
	padding: 0px 9px;
	color: #FFFFFF;
	font-weight: bold;
}

span.button span {
	background: url(buttons/buttonR.jpg) right center no-repeat;
	border: none;
	padding: 7px 0px 5px 0px;
}

span.button:hover {
	background: url(buttons/buttonD.jpg) left center no-repeat;
}

span.button:hover span {
	background: url(buttons/buttonDR.jpg) right center no-repeat;
}

/* Menu */
#menu span.button {
	background: url(../images/buttons/menuButton.jpg) left center no-repeat;
	padding: 3px 0px;
	margin: 0px;
}

#menu span.button a {
	padding: 2px 10px 0px 0px;
	font-weight: bold;
	color: #AAAAAA;
}

#menu span.button a:hover {
	text-decoration: none;
}

#menu span.button span {
	background: url(../images/buttons/menuButton.jpg) right center no-repeat;
	border: none;
	padding: 3px 0px;
	margin-left: 10px;
}

#menu span.button:hover, #menu span.current {
	background: url(../images/buttons/menuButtonO.jpg) left center no-repeat;
}

#menu span.button:hover span, #menu span.current span {
	background: url(../images/buttons/menuButtonO.jpg) right center no-repeat;
}

#menu span.button:hover span a, #menu span.current span a {
	color: #FFFFFF;
}