/* Styleing for a specailied Raymarine button. This
   style sheet is ued with an extended button class the
   writes a table wrapper around the traditional ASP.NET
   button. */
  

/* This is the containing table */
.ButtonTable
{
	font-size: 10pt;
	color: black;
	font-family: Verdana, Tahoma, Arial;
	display: inline;
	margin-right: 5px;
}

.ButtonLeftCell
{
	background-image:url('btnLeft.png');
	height:31px;
	width:5px;
}

.ButtonCell
{
	background-image:url('btnBackground.png');
	height:31px;
}
/* The actual input buttion */
.InputButton
{
	border: none;
	width: 100%;
	text-align:left;
	/* This property to be set, if its not the default button will alaways appear*/
	background-color: transparent;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right:5px;
}

.InputButton:hover
{
	border: none; /* This property needs to be set, if its not the 
       default button will alaways appear */
	color: #990033;
	width: 100%;
	background-color: transparent;
}
.ButtonRightCell
{
	background-image:url('btnRight.png');
	height:31px;
	width:7px;
}

/* Expermential
.ButtonContainer
{
	font-size: 10pt;
	color: black;
	font-family: Verdana, Tahoma, Arial;
	display: inline;
	height: 31px;
	width: 150px;
	clear: none;
}

.ButtonLeft
{
	width:100%;
	background-image:url('btnLeft.png');
	background-position:left;
	background-repeat:no-repeat;
	height:31px;
}

.ButtonRight
{
	width:100%;
	background-image:url('btnRight.png');
	background-position:right;
	background-repeat:no-repeat;
	height:31px;
}

.ButtonIcon
{
	background-image:url('btnBackground.png');
	background-repeat:repeat-x;
	height:31px;
	margin-left:5px;
	display: none;
}

.ButtonContent
{
	
	background-image:url('btnBackground.png');
	background-repeat:repeat-x;
	height:31px;
	margin-left:5px;
	margin-right:8px;
	margin-top:0px;
	padding-top: 3px;
	
}

*/