/**********************************************
* Author:	Clive Middleton
* Application:	Part of Random Scale Names Web Application
*		for ThinkTank.Zone Website
* Description:	Style Sheet for Main Question 
*		Handler
* Copyright:	(C) 2021
**********************************************/

/**********************************************
* Web Page Styles
**********************************************/

body {
  font-size: 16pt ;
  font-weight: bold ;
  color: #000000 ;
  background-color: #FFFFFF ;
}

/**********************************************
* Styles for Tutorial Question Buttons
**********************************************/

.PHC_PracticeButton {
  color: #000000 ;
  font-size: 20pt ;
  font-weight: bold ;
  font-family: Arial ;
  padding: 5px 10px 5px 10px ;
  background-color: #FF0 ;
  border: 1px solid #000 ;
  cursor: pointer ;
}

/**********************************************
* Styles for Question Handler Background
**********************************************/

.PHC_NoShow {
  display: none ;
}

.PHC_PracticeHandler {
  position: fixed ;
  z-index: 1 ;
  background-color: #ffffff ;
  top: 0px ;
  left: 0px ;
  width: 480px ;
  height: 650px ;
  border: 1px solid #ccc ;
}

/**********************************************
* Styles for Question Handler Canvas
**********************************************/

.PHC_Canvas {
  border: 1px dashed black ;
  position: absolute ;
  left: 10px ;
  top: 70px ;
}

/**********************************************
* Styles for Practice Buttons
**********************************************/

.PHC_Start {
  background-color: #FF0 ;
  cursor: pointer ;
  position: absolute ;
  left: 165px ;
  top: 630px ;
}

.PHC_Start_Text {
  font-size: 26pt ;
  font-weight: bold ;
  font-family: Arial ;
}

.PHC_Stop {
  background-color: #FF0 ;
  cursor: pointer ;
  position: absolute ;
  left: 350px ;
  top: 630px ;
}

.PHC_Stop_Text {
  font-size: 26pt ;
  font-weight: bold ;
  font-family: Arial ;
}

/**********************************************
* Styles for Chord Slection Buttons
**********************************************/

.PHC_Button {
  background-color: #FF0 ;
  cursor: pointer ;
  position: absolute ;
  border: 1px solid #000 ;
}

.PHC_Button_Text {
  font-size: 26pt ;
  font-weight: bold ;
  font-family: Arial ;
}

/**********************************************
* Styles for Statistic Information
**********************************************/

.PHC_Stats_Table {
  width: 100% ;
}

.PHC_ScaleFamily {
  color: #000000 ;
  font-size: 26pt ;
  font-weight: bold ;
  font-family: Arial ;
}

.PHC_ScaleName_Label {
  color: #000000 ;
  font-size: 20pt ;
  font-weight: bold ;
  font-family: Arial ;
}

.PHC_ScaleName {
  padding-top: 3% ;
  padding-bottom: 3% ;
}

/**********************************************
* Styles for Control Buttons
**********************************************/

.PHC_ControlButton {
  color: #000000 ;
  font-size: 20pt ;
  font-weight: bold ;
  font-family: Arial ;
  padding: 1% 3% 1% 3% ;
  background-color: #FF0 ;
  border: 1px solid #000 ;
  cursor: pointer ;
}