@import url('common.css');
/* Do NOT write anything before @import, or strange things will happen */

/* Following 7 (or so) rule sets describe the big front-page title panel */
div.titlepanel {
  background-image: url('/imgs/purple_panel.png');
  background-repeat: no-repeat;
  background-position: 0px 18px;

  position: relative;
  width: 100%;
  height: 180px;
}

div.qna {
  background-image:url('/imgs/qna_panel.png');
  background-position:left top;
  background-repeat:no-repeat;
  
  position: absolute;
  top: 0px;
  left: 60px;
  z-index:3;
  
  width: 86px;
  height: 38px;
  
  text-align: center;
  line-height: 28px;
}

/* This is to compensate for the drop shadow */
div.qna a {
  position: absolute;
  left: 15px;

  font-family: sans-serif;
  font-size: 14px;
}

div.login {
  background-image: url('/imgs/login_panel.png');
  background-position: top left;
  background-repeat: no-repeat;

  position: absolute;
  top: 0px;
  left: 470px;
  z-index: 3;
  
  width: 380px;
  height: 34px;

  text-align: center;
}

span.qna {
  position: absolute;
  top: 0px;
  left: 30px;
  z-index:3;
  text-align: center;
  line-height: 28px;
}

/* This is to compensate for IE */
#loginform {
  display: block;
  margin-top: 4px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

div.bigtitle {
  position: absolute;
  line-height: 187px; 
  left: 75px;
  font-family: Times, serif; 
  font-size: 390%; 
  font-variant: small-caps;
  color: #d9ccb2;
}

.candy {
  position: absolute;
  top: -20px;
  left: 800px;
  z-index: 2;

  height: 240px;
}

.candycap {
  position: absolute;
  top: 206px;
  left: 859px;
  z-index: 2;

  font-size: 60%;
  color: #353440;
}

.candycap:hover {
  color: blue;
}


/* And these are for the home page text */
.supportarg {
  position: relative;
  margin-left: 30px;
  margin-right: 35px;
  font-size: 110%;
  font-family: Verdana, sans-serif;
}

.reg_block {
  text-align: center;
  background-color: #d9ccb2;
  padding: 10px;
  width: 65%;
  margin-left: auto;
  margin-right: auto;
  font-family: Helvetica, sans-serif;
  font-size: 130%;
}

h5.boxtitle {
  font-weight: bold;
  font-size: 115%;
  padding: 0px;
  margin: 8px 0px 13px 3px;
}

input#pwtext {
  display: none;
}

input#pwfield {
  display: inline;
}

.screencast {
  /* position: absolute;
  /* left: 77px;
  z-index: 2; */
  text-decoration: none;
  vertical-align: middle;
  font-size: 75%;
  color: #353440;
}

.screencast a {
  text-decoration: none;
}

.screencast img {
  border:0;
  margin-top: -10px;
}

.screencast:hover {
  color: blue;
  text-decoration: none;
}

.textarea ul {
  margin-left: 75px;
  margin-top: 0px;
  padding: 0;
  line-height: 19px;
  margin-right: 75px;
  font-style: normal;
  font-weight: normal;
}

a.subtle {
  text-decoration:none;
}

.leftdiv {
  position: absolute;
  left: 50px;
  width: 50%;
  text-align: left;
}

.rightdiv {
  position: absolute;
  right: 50px;
  width: 50%;
  text-align: right;
}

.textareafooter {
  font-size: 40%;
  margin-top: 28px;
}