/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
   User Registration at Joint PI Workshop 2015

 _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */
@import url(./jointws_main_css.css);
/* -- Input Form Style  ----------------------------------------------- */
table#form{
  width          : 750px;
  margin         : 20px auto 0px auto;
  border-spacing : 10px 10px;
}

table#form td {
  margin : 0px;
  height         : 40px;
  padding-left   : 10px;
  font-size      : 11pt;
}
  table#form td>input.ci01 {
    margin         : 0px;
    width          : 450px;
    ime-mode       : disabled;
  }

  table#form td>input.ci01:hover {
    border : 1px solid blue;
  }

  table#form td>textarea.ci03 {
    margin         : 0px;
    width          : 450px;
    ime-mode       : disabled;
  }
  table#form td>textarea.ci03:hover {
    border : 1px solid blue;
  }


table#form td.c001{
  width          : 15px;
  color          : red;
  font-size      : 18pt;
  vertical-align : middle;
  border         : 0px solid lightseagreen;
}

table#form td.c002{
  width          : 185px;
  vertical-align : middle;
  border         : 1px solid lightseagreen;
  background     : whitesmoke;
  font-weight    : normal;
  padding        : 0px 0px 0px 10px;
  border-radius  : 20px 0px 0px 20px;
  box-shadow:2px 2px 5px rgba(100,100,100,1);
}

table#form td.c003 {
  width          : 450px;
  text-align     : left;
  color          : darkslategray;
  border         : 0px dotted silver;
  box-shadow     : 2px 2px 5px rgba(0,0,0,0.3);
}

table#form td.c003 select.ci02{
  width          : 200px;
}

table#form td.c004{
  text-align     : center;
  padding        : 20px 0px 0px 0px;
}

/* -- Check Form Style  ---------------------------------------------- */
table#check{
  width          : 750px;
  margin         : 20px auto 0px auto;
  border-spacing : 10px 10px;
}

table#check td {
  margin         : 0px;
  height         : 40px;
  padding-left   : 10px;
}

table#check td.c001{
  width          : 15px;
  color          : red;
  font-size      : 14pt;
  vertical-align : middle;
}

table#check td.c002{
  width          : 185px;
  vertical-align : middle;
  border         : 1px solid darkred;
  background     : orange;
  font-weight    : normal;
  padding        : 0px 0px 0px 10px;
  border-radius  : 30px 0px 0px 30px;
  box-shadow:2px 2px 5px rgba(100,100,100,1);
}

table#check td.c003 {
  width          : 430px;
  text-align     : left;
  color          : darkslategray;
  border         : 1px solid dimgray;
  padding        : 5px 0px 5px 20px;
  background-color : whitesmoke;
  font-weight: bold;
  border-radius  : 0px 30px 30px 0px;
  box-shadow:2px 2px 5px rgba(100,100,100,1);
}

table#check td.c004{
  text-align     : center;
  padding        : 20px 0px 0px 0px;
}
/* ------------------------------------------------------------------- */




td#title{
  background     : white;
}

table#session {
  width           : 430px;
  margin          : 0px auto;
  border-collapse : collapse;
  border          : 0px dotted gray;
}

table#session td{
  border         : 1px solid gray;
  padding        : 2px;
  font-weight    : normal;
  font-size      : 10pt;
  line-height    : 1.5em;
}

table#session td.a1{
  width          : 50px;
  text-align     : center;
  background-color : lavender;
  color          : navy;
}
table#session td.a2{
  width          : 130px;
  text-align     : center;
  background-color : ghostwhite;
}
table#session td.a3{
  width          : 250px;
  text-align     : left;
  padding-left   : 20px;
  background-color : white;
}


input.sbmt_btn {
  width          : 300px;
  height         : 70px;
  border         : 0px solid red;
  font-size      : 14pt;
  font-weight    : bold;
  color          : snow;
  background-image : url(../images/submit_button.png);
  background-color : white;
  background-position : 0px 0px;
  background-repeat : no-repeat;
  text-shadow : 1px 1px black;
}

input.sbmt_btn:hover {
  color          : snow;
  text-shadow : 1px 1px navy;
  background-position : 0px -80px;
  background-repeat : no-repeat;
}
input.sbmt_btn:active {
  color          : snow;
  text-shadow : 0px 0px black;
  background-position : 0px -160px;
  background-repeat : no-repeat;
}

input.back_btn {
  width          : 150px;
  height         : 50px;
  border         : 0px solid red;
  font-size      : 10pt;
  font-weight    : bold;
  color          : black;
  background-image : url(../images/back_button.png);
  background-color : white;
  background-position : 0px 0px;
  background-repeat : no-repeat;
}
input.back_btn:hover {
  color          : black;
  background-position : 0px -60px;
  background-repeat : no-repeat;
}
input.back_btn:active {
  color          : silver;
  background-position : 0px -120px;
  background-repeat : no-repeat;
}