/* HyperButton styles. */


.IE_Compatible .HyperButtonRoot
{
	display: inline;
	margin-left: 3px;
	margin-right: 3px;
}

.HyperButtonRoot
{
	display: inline-block;
	cursor: pointer;
}

.HyperButtonRoot a
{
	color: #606060;
}

.HyperButtonRoot .TextCell
{
	padding-left: 5px;
	padding-right: 5px;
	min-height: 16px;
	text-align: center;
}

.HyperButtonRoot:hover .TextCell
{
	text-decoration: underline;
}


.HyperButtonRoot .Disabled .TextCell,
.HyperButtonRoot .Disabled:hover .TextCell
{
	color: #C0C0C0;
	text-decoration: none;
}

.HyperButtonRoot .Background
{
	padding: 3px;
}

.HyperButtonRoot .Disabled .Background_Red,
.HyperButtonRoot .Disabled .Background_Green,
.HyperButtonRoot .Disabled .Background_Blue
.HyperButtonRoot .Disabled .Background_Grey
{
	background-color: #ECECEC;
	border: solid 1px #C0C0C0;
}

.HyperButtonRoot .Background_Red
{
	background-color: #FFE0E0;
	border: solid 1px #E0A0A0;
}

.HyperButtonRoot .Background_Green
{
	background-color: #F0FFF0;
	border: solid 1px #A0E0A0;
}

.HyperButtonRoot .Background_Blue
{
	background-color: #F0F0FF;
	border: solid 1px #A0A0E0;
}

.HyperButtonRoot .Background_Grey
{
	background-color: #FFFFFF;
	border: solid 1px #C0C0C0;
}


.HyperButtonRoot .Image
{
	width: 16px;
	height: 16px;
}

 .HyperButtonRoot .IconCell
 {
	width: 16px;
	height: 16px;
 }




.HyperButtonRoot .AddImage
{
	background-image: url(../images/ButtonIcons/Add_Normal.png);
	background-position: center center;
	background-repeat: no-repeat;
}

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

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



.HyperButtonRoot .DeleteImage
{
	background-image: url(../images/ButtonIcons/Delete_Normal.png);
	background-position: center center;
	background-repeat: no-repeat;
}

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

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




.HyperButtonRoot .GoImage
{
	background-image: url(../images/ButtonIcons/Go_Normal.png);
	background-position: center center;
	background-repeat: no-repeat;
}

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

.HyperButtonRoot .GoImage_Disabled
{
	background-image: url(../images/ButtonIcons/Go_Normal_Disabled.png);
	background-position: center center;
	background-repeat: no-repeat;
}




.HyperButtonRoot .GoBackImage
{
	background-image: url(../images/ButtonIcons/GoBack_Normal.png);
	background-position: center center;
	background-repeat: no-repeat;
}

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

.HyperButtonRoot .GoBackImage_Disabled
{
	background-image: url(../images/ButtonIcons/GoBack_Normal_Disabled.png);
	background-position: center center;
	background-repeat: no-repeat;
}




.HyperButtonRoot .EditImage
{
	background-image: url(../images/ButtonIcons/Edit_Normal.png);
	background-position: center center;
	background-repeat: no-repeat;
	
}

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

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





/* HyperSelectable */

.HyperSelectable
{
	padding: 1px;
	margin-bottom: 2px;
}

.HyperSelectable:hover
{
	border: solid 1px #C0C0C0;
	padding: 0px;
}

.HyperSelectable_Selected
{
	border: solid 1px #C0C0F0;
	padding: 0px;
	background-color: #F0F0FF;
}
.HyperSelectable_Selected:hover
{
	border: solid 1px #C0C0F0;
	padding: 0px;
	background-color: #F0F0FF;
}

.HyperSelectable .FunctionCell
{
	text-align: center;
	width: 16px;
}

.HyperSelectable .ContentCell
{
	text-align: left;
}

.HyperSelectable .HyperButtonRoot
{
	text-align: right;
}

.HyperSelectable_Green
{
	background-color: #E0FFE0;
	color: #408040;
	font-weight: bold;
}

.HyperSelectable_Red
{
	background-color: #FFDCDC;
	color: #804040;
}


.AnswerList .HyperSelectable:hover
{
	border: none;
	padding: 1px;
}



/* Seperators. */

.ButtonTable
{
}

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

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


/*
	Icon buttons.
*/

.CrossButton
{
	background-image: url(../images/ButtonIcons/Delete_Normal.png);
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}

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

.CrossButton_Disabled
{
	background-image: url(../images/ButtonIcons/Delete_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;
}


.DeleteButton
{
	background-color: #F0C0C0;
	border: solid 1px #D0A0A0;
	padding: 5px 10px 5px 20px;
	color: #800000;
	font-weight: bold;
	background-image: url(../Images/ButtonIcons/Delete_Normal.png);
	background-position: 4px center;
	background-repeat: no-repeat;
	cursor: pointer;
}
.DeleteButton:hover,
.DeleteButton:active
{
	background-color: #F0A0A0;
	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: pointer;
}
.DisabledButton:hover,
.DisabledButton:active
{
	background-color: #DCDCDC;
	text-decoration: none;
}


.DialogueButton
{
	background-color: #6080C0;
	border: solid 1px #4060A0;
	color: #f5f5f5;
	font-weight: bold;
	padding: 5px 10px 5px 10px;
	cursor: pointer;
	margin-left: 10px;
	margin-top: 10px;
}
.DialogueButton:hover,
.DialogueButton:active
{
	text-decoration: none;
	background-color: #7C9CDC;
}

.DialogueButton:disabled
{
	background-color: #C0C0C0;
	border: solid 1px #808080;
}

.DialogueButton_Selected
{
	background-color: #90B0F0;
}

.HelpButton
{
	background-color: #6080C0;
	border: solid 1px #4060A0;
	color: #f5f5f5;
	font-weight: bold;
	padding: 6px 12px 6px 12px;
	cursor: pointer;
	margin-right: 10px;
	margin-top: 10px;
}
.HelpButton:hover,
.HelpButton:active
{
	text-decoration: none;
	background-color: #7C9CDC;
}

.HelpButton_Selected,
.HelpButton_Selected:hover,
.HelpButton_Selected:active
{
	background-color: #204080;
	color: #f5f5f5;
}