/* Seperators. */

.ButtonTable
{
}

.ButtonTable .ButtonCell
{
	padding-right: 10px;
}

.ButtonTable .SeperatorCell
{
	border-left: solid 1px #C0C0C0;
	padding-left: 10px;
}


/*
	Icon buttons.
*/

.SmallDeleteButton
{
	background-image: url(../images/ButtonIcons/Delete_Normal.png);
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	width: 16px;
	height: 16px;
	border: none;
	background-color: transparent;
}

.SmallDeleteButton:hover
{
	background-image: url(../images/ButtonIcons/Delete_Hover.png);
	background-position: center center;
	background-repeat: no-repeat;
}

.SmallDeleteButton_Disabled
{
	background-image: url(../images/ButtonIcons/Delete_Normal_Disabled.png);
	background-position: center center;
	background-repeat: no-repeat;
}


.SmallEditButton
{
	background-image: url(../images/ButtonIcons/Edit_Normal.png);
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	width: 16px;
	height: 16px;
	border: none;
	background-color: transparent;
}

.SmallEditButton:hover
{
	background-image: url(../images/ButtonIcons/Edit_Hover.png);
	background-position: center center;
	background-repeat: no-repeat;
}

.SmallEditButton_Disabled
{
	background-image: url(../images/ButtonIcons/Edit_Normal_Disabled.png);
	background-position: center center;
	background-repeat: no-repeat;
}



.SmallAddButton
{
	background-image: url(../images/ButtonIcons/Add_Normal.png);
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	width: 16px;
	height: 16px;
	border: none;
	background-color: transparent;
}

.SmallAddButton:hover
{
	background-image: url(../images/ButtonIcons/Add_Hover.png);
	background-position: center center;
	background-repeat: no-repeat;
}

.SmallAddButton_Disabled
{
	background-image: url(../images/ButtonIcons/Add_Normal_Disabled.png);
	background-position: center center;
	background-repeat: no-repeat;
}

/*
	Big standard buttons.
*/

.GreenButton
{
	background-color: #C8DB2C;
	border: solid 1px #A8BB0C;
	padding: 8px 16px 8px 16px;
	display: inline-block;
	color: #404040;
	cursor: pointer;
}
.GreenButton:hover,
.GreenButton:active
{
	background-color: #D6E26B;
	text-decoration: none;
}

.BlueButton
{
	background-color: #CEDAE6;
	border: solid 1px #AEBAC6;
	padding: 8px 16px 8px 16px;
	color: #20548D;
	cursor: pointer;
}
.BlueButton:hover,
.BlueButton:active
{
	background-color: #DEE6EE;
	text-decoration: none;
}

.BlueButton_Selected,
.BlueButton_Selected:hover,
.BlueButton_Selected:active
{
	background-color: #20548D;
	border: solid 1px #20548D;
	color: #E0E8F0;
	padding: 8px 16px 8px 16px;
	cursor: pointer;
}


.YellowButton
{
	background-color: #FFFF66;
	border: solid 1px #E0E046;
	padding: 8px 16px 8px 16px;
	color: #404040;
	cursor: pointer;
}
.YellowButton:hover,
.YellowButton:active
{
	background-color: #FFFF86;
	text-decoration: none;
}

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

	Panel to hold function buttons.

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

.FunctionButtonPanel
{
	padding: 10px;
	background-color: #F0F0F0;
	border: solid 1px #C0C0C0;
}

.FunctionButtonPanel h3
{
	padding: 0px;
	margin: 0px;
}

.FunctionButtonPanel table
{
}


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

	Function buttons such as edit and delete, as well as just a 
	standard button for various other functions.

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

.FunctionButton
{
	background-color: #F0F0F0;
	border: solid 1px #C0C0C0;
	color: #404040;
	padding: 4px 7px 4px 7px;
	cursor: pointer;
	font-weight: normal;
	margin: 1px;
	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.FunctionButton:hover,
.FunctionButton:active,
.FunctionButton_Active
{
	text-decoration: none;
	background-color: #ECECF0;
	border: solid 1px #20548D;
	color: #20548D;
}

.FunctionButton:disabled
{
	background-color: #ECECEC;
	color: #C0C0C0;
	border: solid 1px #C0C0C0;
}


.DropButton
{
	background-color: #F0F0F0;
	border: solid 1px #C0C0C0;
	color: #404040;
	padding: 4px 7px 4px 7px;
	cursor: pointer;
	font-weight: normal;
	margin: 1px;
	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.DropButton:hover,
.DropButton:active
{
	text-decoration: none;
	background-color: #ECECF0;
	border: solid 1px #20548D;
	color: #20548D;
}

.DropButton:disabled
{
	background-color: #ECECEC;
	color: #C0C0C0;
	border: solid 1px #C0C0C0;
}




.DeleteButton
{
	background-color: #F0D0D0;
	border: 1px solid #800000;
	color: #800000;
}
.DeleteButton:hover,
.DeleteButton:active
{
	background-color: #E0C0C0;
	border: 1px solid #600000;
	text-decoration: none;
}

.DeleteButton_Small
{
	background-color: #F0C0C0;
	border: solid 1px #D0A0A0;
	width: 16px;
	height: 16px;
	display: inline-block;
	color: #800000;
	font-weight: bold;
	background-image: url(../Images/ButtonIcons/Delete_Normal.png);
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}
.DeleteButton_Small:hover,
.DeleteButton_Small:active
{
	background-color: #F0A0A0;
	text-decoration: none;
}


.EditButton
{
	background-color: #c0f0c0;
	border: solid 1px #A0C0A0;
	padding: 5px 10px 5px 24px;
	color: #006000;
	font-weight: bold;
	background-image: url(../Images/ButtonIcons/Edit_Normal.png);
	background-position: 4px center;
	background-repeat: no-repeat;
	cursor: pointer;
}
.EditButton:hover,
.EditButton:active
{
	background-color: #A0F0A0;
	text-decoration: none;
}

.EditButton_Small
{
	background-color: #c0f0c0;
	border: solid 1px #A0C0A0;
	width: 16px;
	height: 16px;
	display: inline-block;
	color: #008000;
	font-weight: bold;
	background-image: url(../Images/ButtonIcons/Edit_Normal.png);
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}
.EditButton_Small:hover,
.EditButton_Small:active
{
	background-color: #A0F0A0;
	text-decoration: none;
}


.DisabledButton
{
	background-color: #DCDCDC;
	border: solid 1px #BCBCBC;
	padding: 8px 16px 8px 16px;
	color: #808080;
	font-weight: bold;
	cursor: default;
}
.DisabledButton:hover,
.DisabledButton:active
{
	background-color: #DCDCDC;
	text-decoration: none;
}