/*noinspection CssOptimizeSimilarProperties*/
body {
  background: url(bg1.png), url(bg2.png);
  background-repeat:no-repeat, no-repeat;
  background-attachment:fixed, fixed;
  background-position:left top, right top;
  color: white;
}

/*noinspection CssOptimizeSimilarProperties*/
body.six {
  background: url(images/pentagram_by_alchem.deviantart.jpg);
  background-attachment:fixed, fixed;
}

body.black {
  background: rgb(0,0,0);
}

body.white {
  background: rgb(255,255,255);
}

form.pie {
  margin: 0px;
}

div.main {
  background-color: rgba(100, 100, 100, .95);
  margin-left: auto;
  margin-right: auto;
  color: white;
  border: 1px solid white;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  
  width: 800px;
}

div.six {
  background-color: rgba(100, 100, 100, .05);
}

div.subMain {
  background-color: rgba(100, 100, 100, .8);
  color: white;
  border: 1px solid white;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

div.mainHidable {
  background-color: rgba(100, 100, 100, .8);
  margin-left: auto;
  margin-right: auto;
  color: white;
  border: 1px solid yellow;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  
  width: 800px;
}

div.maindark {
  background-color: rgba(50, 50, 50, .8);
  margin-left: auto;
  margin-right: auto;
  color: white;
  border: 1px solid white;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  
  width: 800px;
}

div.results {
  background-color: rgba(0, 0, 0, .8);
  color: white;
  margin-left: auto;
  margin-right: auto;
  text-shadow: 1.5px 1.5px black;
  border-left: 1px solid white;
  border-right: 1px solid white;
  /*
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  */
  
  width: 770px;
}

div.error {
  background-color: rgba(255, 0, 0, .2);
  color: white;
  margin-left: auto;
  margin-right: auto;
  text-shadow: 1.5px 1.5px 1px black;
  border-left: 1px solid red;
  border-right: 1px solid red;
  /*
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  */
  
  width: 770px;
}

div.warning {
  display: inline-block;
  background-color: red;
  color: white;
  font-size: 13pt;
}

div.noresults {
  background-color: rgba(100, 100, 100, .4);
  color: white;
  margin-left: auto;
  margin-right: auto;
  text-shadow: 1.5px 1.5px black;
  border-left: 1px solid white;
  border-right: 1px solid white;
  /*
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  */
  
  width: 770px;
}

div.logo {
  background-color: rgba(100, 100, 100, .8);
  border: 1px solid white;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

div.panelsLeft {
  position: fixed;
  top: 10px;
  left: -1px;

  width: 247px;
}

div.panelsRight {
  position: fixed;
  top: 10px;
  right: -1px;
  
  width: 247px;
}

div.panelLeft {
  position: relative;
  left: 0px;
  margin-top: 10px;

  padding: 10px;

  width: 208px;
  
  background-color: rgba(100, 100, 100, .95);
  border: 1px solid white;
  
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;

  transition: left 2s ease-in-out;
}

div.panelLeftHidden {
  left: -208px;
}

div.panelRight {
  position: relative;
  right: 0px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: 0px;

  padding: 10px 25px 10px 10px;

  width: 228px;
  
  background-color: rgba(100, 100, 100, .95);
  border: 1px solid white;
  
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;

  transition: right 4s ease-in-out;
}

div.panelRightHidden {
  right: -208px;
}

div.panelLeftButton {
  position: absolute;
  top: -1px;
  right: -1px;

  width: 15px;
  height: 22px;
  
  padding: 2px;
  border: 1px solid white;
  
  border-bottom-left-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius: 10px;
  
  border-top-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
}

div.panelRightButton {
  position: absolute;
  top: -1px;
  left: -1px;

  width: 15px;
  height: 22px;
  
  padding: 2px;
  border: 1px solid white;
  
  border-bottom-right-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;
  
  border-top-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;
}

div.commentBlock {
  margin-left: auto;
  margin-right: auto;
  background-color: rgba(50,50,50,.99);
  border-left: 1px solid white;
  border-right: 1px solid white;
  width: 780px;
}

div.comment:nth-child(2n) {
  width: 100%;
  background-color: rgba(255,255,255,.1);
  border: 1px solid gray;
}

div.comment:nth-child(2n+1) {
  width: 100%;
  background-color: rgba(255,255,255,.05);
  border: 1px solid gray;
}

div.debug:nth-child(2n+1) {
  background-color: #FF42FC;
}

div.debug:nth-child(2n) {
  background-color: #D942FF;
}

.pnt
{
  cursor: pointer;
}

.energyReadout {
  font-size: 12pt;
  font-weight: normal;
}

.leftColumn {
  display: inline-block;
  width: 200px;
  right: 200px;
  height: 22px;
  float: left;
}

.rightColumn {
  display: inline-block;
  height: 22px;
  margin-right: 15px;
  padding-left: 5px;
}

.inline {
  display: inline-block;
}

.center {
  margin-left: auto;
  margin-right: auto;
}

.txtcenter {
  text-align: center;
}

.one {
  background-color: rgba(0, 0, 0, .15);
  color: rgb(40, 40, 40);
}

.two {
  background-color: rgba(0, 0, 0, .50);
  color: rgb(200, 200, 200);
}

.results {
  font-size: 15pt;
  font-weight: bold;
  color: white;
}

.buttonz {
  position: relative;
  color: #FFF;
  text-decoration: none;
  background-color: lightgray;
  font-weight: 900;
  font-size: 2em;
  padding: 5px;
  /*width: 134px;*/
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  border-style: outset;
  border-width: 2px;
}

.buttonSimulate {
  position: relative;
  width: 100%;
  color: #FFF;
  text-decoration: none;
  background-color: green;
  font-weight: 900;
  font-size: 2em;
  padding: 5px;
  /*width: 134px;*/
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  border-color: green;
  border-width: 2px;
}

.buttonFilter {
  position: relative;
  color: #FFF;
  text-decoration: none;
  background-color: orange;
  font-weight: 900;
  font-size: 1em;
  padding: 3px;
  /*width: 134px;*/
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border-style: outset;
}

.buttonModes {
  position: relative;
  color: darkblue;
  text-decoration: none;
  background-color: lightblue;
  font-weight: 900;
  font-size: 1.5em;
  padding: 5px;
  /*width: 134px;*/
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border-style: outset;
}

.invButton {
  background: rgba(0,0,0,0);
  border: 0px;
  font-size: 12pt;
  color: white;
}

.label {
  background: white;
  color: black;
  
  font-size: 1.2em;
  padding: 2px;
  /*width: 134px;*/
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

input[type=checkbox].switch {
  display:none;
}

input[type=checkbox].switch + label {
  background-color: rgba(0,0,0,0);
  background-image: url(http://calculator.towerofawesome.org/images/switchMediumOff.png);
  height: 46px;
  width: 38px;
  cursor: pointer;
  display:inline-block;
  padding: 0 0 0 0px;
}

input[type=checkbox]:checked + label {
  background-color: rgba(0,0,0,0);
  background-image: url(http://calculator.towerofawesome.org/images/switchMediumOn.png);
  height: 46px;
  width: 38px;
  cursor: pointer;
  display:inline-block;
  padding: 0 0 0 0px;
}

.hidden {
  display:none;
}

/*Color tags*/

fc {
  color: orange;
}

bl {
  color: lightblue;
}

.o {
  color: yellow;
}

o {
  color: rgb(180, 180, 180);
}

.b {
  font-weight: bold;
}

or {
  color: orange;
}

.g {
  font-size: 10pt;
  font-style: italic;
}

.w {
  font-size: 10pt;
  color: red;
}

.alert {
  border: 2px dashed red;
}

/*Links*/

a.buttonz:link {
  text-decoration: none;
  color:white;
}

a.buttonz:visited {
  text-decoration: none;
  color:white;
}

a.buttonz:hover {
  text-decoration: none;
  color:white;
}

a.buttonz:active {
  text-decoration: none;
  color:white;
}

a:link  /* unvisited link */ {
  color: lightgreen;
}

a:visited  /* visited link */ {
  color: lightblue;
}

a:hover  /* mouse over link */ {
  color:#FF00FF;
}

a:active  /* selected link */ {
  color:#0000FF;
}