/* =+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=
   FONTS
=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+= */
.smallgraytext {
   font: 0.7em Tahoma, sans-serif;
   font-size: 10px;
   font-weight:bold;
   color:#6B6A6A;
}

.smallgraytext a{
   font: 0.3em Tahoma, sans-serif;
   font-size: 10px;
   font-weight:bold;
   color:##6B6A6A;
   text-decoration:none;
}

.smallgraytext a:hover{
   text-decoration:underline;
}

.tahoma9 {
  font-family: Tahoma, Verdana, Arial;
  font-size: 9px;
  font-style: normal;
  font-weight: normal;
  }

.tahoma12 {
  font-family: Tahoma, Verdana, Arial;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  }

.tahoma13 {
  font-family: Tahoma, Verdana, Arial;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  }

.tahoma15 {
  font-family: Tahoma, Verdana, Arial;
  font-size: 15px;
  font-style: normal;
  font-weight: normal;
  }

.tahoma21 {
  font-family: Tahoma, Verdana, Arial;
  font-size: 21px;
  font-style: normal;
  font-weight: normal;
  }

.verdana21 {
  font-family: Verdana, Arial, Tahoma;
  font-size: 21px;
  font-style: normal;
  font-weight: normal;
  }

.vd11 {
  font-family: Arial, Tahoma, Verdana ;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  }

.vd12 {
  font-family: Arial, Tahoma, Verdana ;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  }

.vd13 {
  font-family: Arial, Tahoma, Verdana ;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  }

.vd14 {
  font-family: Arial, Tahoma, Verdana ;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  }

.vd16 {
  font-family: Arial, Tahoma, Verdana ;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  }

.vd21 {
  font-family: Arial, Tahoma, Verdana ;
  font-size: 21px;
  font-style: normal;
  font-weight: normal;
  }

.vd12b {
  font-family: Arial, Tahoma, Verdana ;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  }

.vd11 {
  font-family: Arial, Tahoma, Verdana ;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  }

.vd11b {
  font-family: Arial, Tahoma, Verdana ;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  }

.vd10 {
  font-family: Arial, Tahoma, Verdana ;
  font-size: 10px;
  font-style: normal;
  font-weight: normal;
  }

.vd9 {
  font-family: Arial, Tahoma, Verdana ;
  font-size: 9px;
  font-style: normal;
  font-weight: normal;
  }

.vd8 {
  font-family: Arial, Tahoma, Verdana ;
  font-size: 9px;
  font-style: normal;
  font-weight: normal;
  }

.class1 {
  background-color: #ddddee;
  font-family: Arial, Tahoma, Verdana ;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  color: black;
  }

.class2 {
  background-color: #bfccd9;
  font-family: Arial, Tahoma, Verdana ;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  color: black;
  }

.class3 {
  font-family: Arial, Tahoma, Verdana ;
  font-size: 11px;
  font-style: italic;
  font-weight: normal;
  color: green;
  }

/*== CatalystMR Styles ==*/
.story {
font: 13px Tahoma, sans-serif;
padding: 10px;
}

.startButton {
width: 125px;
height: 25px;
font: 12px Tahoma, sans-serif;
font-weight: 600;
letter-spacing: 0.5em;
background-color: #dcdcdc;                    /* 3/18/09 #c7d3df; */
border: #000000 1px solid;
color: #666666;
}

#password {
background-color: #f9f9f9;
display: inline;
font: 13px Arial;
color: #333333;
}

#username {
background-color: #f9f9f9;
display: inline;
font: 13px Arial;
color: #333333;
}

.fieldset {
width: 800px;
height: 500px;                 /* 5/7/09 550px;  */
border: 1px solid #008b8b;     /* #48d1cc; */  /* chudnoff site letters #006666;  */       /* 3/18/09 #929bbc; */
padding: 15px;
}

.legend {
border: 1px solid #010066;
}

#statbar {
color: #444444;
}

/*== Added by Chih-Tang ==*/
/*statusbar*/
#statbar {float:left; text-align: left; margin: 0.5em 0 0.5em .8em;}       /* 3/18/09  1.2em;} */
#statbar span {padding-right: 1em; color: #E21C48; font: italic 13px verdana,arial,serif;}
#statbar img {border:1px solid #fff;}
/*statusbar end*/

/*error msg start*/
ul.ulerr {
background: url(/cfmcweb/images/gradient_yellow.png) repeat-x;
padding-left: 0.2em;
list-style-type: none;
width: 45%;
margin: 0 auto 1em;
height: 32px;
}

ul.ulerr li {
background: url(/cfmcweb/images/error_yellow_triangle.gif) no-repeat;
border-top: 2px #fc6 dotted;
padding: .7em 0 0 4em;
color: red;
font-size: 13px;
align: center;
height: 32px;
}

.itbtmtxt {
   letter-spacing: 8px;
   color: #000000;
   width: 100%;
   font-family: tahoma, verdana, arial;
   font-size: 21px;
   position: relative;
   top: 20px;
}

#nexttxt {
   position: relative;
   top: 10px;
   float: left;
   width: 25%;
   }

#nxtbtn {
   position: relative;
   float: left;
   width: 25%;
   }

#othbtn {
   position: relative;
   float: left;
   width: 10%;
   }



.button {
   background-color: #dcdcdc;                 /* 3/18/09 #c7d3df; */
   border: #000000 1px solid;
   color: #006666;                            /* 3/18/09 #666666; */
   font-family: tahoma;
   font-style: italic;
   font-size: 12px;
}

body {
   /*background: url(/cfmcweb/images/010066grid.gif) repeat;*/
   background-color: #dcdcdc;                   /* 3/18/09 #c7d3df; */
   font-family: arial, tahoma, verdana;
   font-size: 12px;
   text-align: center;
   margin-top: 18px;
   margin-left: 0px;
   margin-right: 0px;
   min-width: 600px;
   min-height: 600px;
   }

.ittop {
   letter-spacing: 8px;
   color: #000000;
   width: 100%;
   font-family: tahoma, verdana, arial;
   font-size: 21px;
   margin: 0 auto;
   vertical-align: bottom;
   text-align: center;
   margin-top: 15px;                            /* 5/7/09  25px;  */
}

.itbtm {
   letter-spacing: 8px;
   color: #000000;
   width: 100%;
   font-family: tahoma, verdana, arial;
   height: 25px;
   font-size: 21px;
   vertical-align: top;
}

.itfoot1 {
   padding: 3px;
   line-height: 15px;
   height: 55px;
   width: 100%;
   font-family: tahoma, verdana, arial;
   font-size: 10px;
   margin: 0 auto;
   margin-top: 15px;
   text-align: center;
   letter-spacing: 2px;
   color: #000000;
}

.itfoot1 a {
   color: #006666;                            /* 3/18/09 #052f69; */
   font-style: italic;
   text-decoration: none;
}

.itfoot1 a: hover {
   color: #006666;                            /* 3/18/09 #052f69; */
   text-decoration: underline
}

.title {
   background: url(/cfmcweb/images/clients/chudnoff/logo3_80.gif) no-repeat right;
   background-color: #fcfefc;
   height: 82px;  /* 75px; */                               /* 3/18/09 70px; */
   width: 100%;
   float: left;
   font-family: tahoma, verdana, arial;
   font-size: 21px;
   line-height: 50px;
   padding: 10px 0 0 5px;                      /* 3/18/09 study name was not ctrd vert 0 0 0 5px */
   text-align: left;
   vertical-align: middle;
   letter-spacing: 5px;
   color: #008b8b;                              /* 3/18/09 #010066; */
   border-top: 1px solid #008b8b;               /* 3/18/09 #010066; */
   border-bottom: 1px solid #008b8b;            /* 3/18/09 #010066; */
}

#sechead {
   border: none;
   width: 100%;
   padding: 3px;
   text-align: left;
   letter-spacing: 10px;
   color: #dcdcdc;                            /* 3/18/09 #e21c48; */
   font-size: 17px;
   font-weight: bold;
}

#content {
   margin: 0 auto;
   margin-top: 0px;
   border: 1px solid #008b8b;                 /* 3/18/09 #010066; */
   text-align: left;
   width: 95%;
   padding: 12px;
   background:#ffffff;
   color: #000000;
   font-family: tahoma, verdana, arial;
   font-size: 13px;                          /* 3/23/09 12px;  look1 text */
}

#contentp {
   margin: 0 auto;
   margin-top: 0px;
   border: 1px solid #008b8b;                 /* 3/18/09 #010066; */
   text-align: left;
   width: 95%;
   padding: 12px;
   background:#ffffff;
   color: #000000;
   font-family: tahoma, verdana, arial;
   font-size: 12px;
}


#errortmpl {
   margin: 0 auto;
   margin-top: 25px;
   border: 1px solid #008b8b;                 /* 3/18/09 #010066; */
   text-align: center;
   width: 95%;
   padding: 12px;
   background:#ffffff;
   color: #000000;
   font-family: tahoma, verdana, arial;
   font-size: 13px;
}

#closewin  {
   padding-top: 10px;
   padding-left: 10px;
   padding-right: 10px;
   text-align: center;
   border:1px solid #ffffff;
   margin: 0 auto;
   height: 35px;
   line-height: 30px;
   vertical-align: middle;
   width: 50%;
   letter-spacing:2px;
   color: #666666;
}

#fullfooter  {
   height: 25px;
   width: 95%;
   margin-top: 10px;
   letter-spacing: 2px;
   font-family: tahoma, verdana, arial;
   font-size: 9px;
   color: #444444;
}
#lfooter  {
   height: 25px;
   float: left;
   vertical-align:middle;
   width: 35%;                                /* 3/18/09 30%;  */
   margin-top: 20px;
   margin-left: 2%;
   letter-spacing: 2px;
   font-family: tahoma, verdana, arial;
   font-size: 9px;
   text-align: left;
   color: #444444;
}

#rfooter  {
   height: 25px;
   float: right;
   vertical-align:middle;
   width: 35%;                                /* 3/18/09 65%;  */
   margin-top: 20px;
   margin-right: 2%;
   letter-spacing: 2px;
   font-family: tahoma, verdana, arial;
   font-size: 9px;
   text-align: right;
   color: #444444;
}







/*== General ==*/

.input  {
      background-color: #ffffff;
         border-bottom: #ffffff 1px solid;
         border-left: #ffffff 1px solid;
         border-right: #ffffff 1px solid;
         border-top: #ffffff 1px solid;
         color: #336600;
         font-family: arial;
         font-size: 12px;
}

/*== Index ==*/

#index body {
   background-color: #89a4bf;
   font-family: tahoma, verdana, arial;
   text-align: center;
   margin-top: 0px;
   margin-left: 0px;
   margin-right: 0px;
   min-width: 600px;
}

.itlogo {
   padding-top: 15px;
   width: 100%;
   height: 45px;
   text-align: center;
   vertical-align: middle;
   background-color: #ffffff;
}

#login {
   color: #ffffff;
   font-size: 12px;
   font-family: tahoma, verdana, arial;
   letter-spacing: 4px;
   border: 2px solid #ffffff;
   width: 40%;
   background-color: #a6bace;
   text-align: center;
   margin: 0 auto;
   margin-top: 35px;
   padding-top: 10px;
   padding-bottom: 15px;
}

#password {
   margin-top: 10px;
}

#start {
   width: 75px;
   margin-top: 10px;
}

.info1 {
   letter-spacing: 7px;
   color: #ffffff;
   width: 400px;
   font-family: tahoma, verdana, arial;
   font-size: 12px;
   margin: 0 auto;
   text-align: center;
   margin-top: 20px;
   text-decoration: underline;
   font-style: italic;
}

.info2 {
   color: #ffffff;
   width: 400px;
   font-family: tahoma, verdana, arial;
   font-size: 12px;
   margin: 0 auto;
   text-align: center;
   padding: 5px;
   padding-bottom: 35px;
}

.itfoot2 {
   height: 25px;
   float: right;
   vertical-align:middle;
   width: 35%;
   margin-top: 10px;
   margin-right: 1%;
   letter-spacing: 2px;
   font-family: tahoma, verdana, arial;
   font-size: 9px;
   text-align: right;
   color: #ffffff;
}

/*== Templates ==*/
.divider
   color: #89a4bf;
   height: 1px;
   margin-bottom: 10px;
}

p {
   text-align: left;
   margin-top: 15px;
   margin-bottom: 15px;
}

.center {
   text-align: center;
   margin: 0 auto;
}

.strong {
   font-weight: bold;
   text-decoration: underline;
}

#errortitle {
   background-color: #ffffff;
   height: 75px;
   line-height: 25px;
   width: 100%;
   padding-top: 20px;
   font-family: tahoma, verdana, arial;
   font-size: 16px;
   margin: 0 auto;
   text-align: center;
   letter-spacing: 1px;
   color: #ff0000;
   border: 1px solid #ffffff;
}

.error {
  color: #ff0000;
  font-size:9pt;
}

.taberror {
  color: #ff0000;
  font-size:9pt;
}

#content a {
   color: #444444;                            /* 3/18/09 #010066; */
   font-style: normal;
   text-decoration: none;
}

#content a:hover {
   color: #444444;                           /* 3/18/09 #99ccff; */
   font-style: normal;
   text-decoration: underline;
}

#contentp a {
   color: #006666;     /* #444444; */                           /* 3/18/09 #010066; */
   font-style: normal;
   text-decoration: none;
}

#contentp a:hover {
   color: #006666;    /* #444444; */                           /* 3/18/09 #99ccff; */
   font-style: normal;
   text-decoration: underline;
}

#errortmpl a {
   color: #006666;                            /* 3/18/09 #010066; */
   font-style: normal;
   text-decoration: none;
}

#errortmpl a:hover  {
   color: #006666;                           /* 3/18/09 #99ccff; */
   font-style: normal;
   text-decoration: underline;
}

.content a {
   color: #ffffff;
   font-style: italic;
}

.content a:hover {
   color: #ffffff;
   text-decoration: underline
}

a {
   color: #444444;
   font-style: italic;
}

a:hover {
   color: #006666;                            /* 3/18/09 006666=dk grn  #052f69; */
   text-decoration: underline;
}

#buttons  {
   padding-left: 10px;
   height: 40px;
   width: 100%;
   letter-spacing:2px;
   color: #006666;                            /* text of susptmpl btn ex. 3/18/09  #666666; */
   font-style: italic;
   font-size: 12px;
   border: #dcdcdc 1px solid;                 /* 3/18/09  #c7d3df 1px solid; */
}


#close  {
   width: 150px;
   height: 22px;
   text-align: center;
   vertical-align: middle;
   background-color: #89a4bf;
    border: #ffffff 1px solid;
    color: #ffffff;
    font-family: tahoma;
    font-style: normal;
   font-size: 12px;
}

#buttons input {
   position: relative;
   top: 10px;
   width: 75px;
   height: 22px;
   text-align: center;
   vertical-align: middle;
   background-color: #dcdcdc;                 /* 3/18/09 #c7d3df; */
   border: #000000 1px solid;
   color: #000000;
   font-family: tahoma;
   font-style: normal;
   font-size: 12px;
}

table.standard {
         border: 1px solid #000000;
         border-collapse: collapse;
}

table.standard td  {
         border: 1px solid #000000;
         border-collapse: collapse;
}

/* =-=-=-=-=-=-=-=-=-=-=- New styles for 8.1 -=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
form {
   margin: 0;
   }

.page {
   position: relative;
   width: 95%;
   padding: 10px 0px 20px 0px;
   }

.respcode {
   width: 100%;
   padding: 2px;
   }

.resptext {
   margin-top: -17px;
   margin-left: 22px;
   padding: 2px;
   }

.respblock p {
margin: 0.3em 0;
padding:0;
}

.respblock input {
position: relative;
//top: 4px;
}

.respblock .resptext2 {
margin-top: -17px;
margin-left: 25px;
}

.term { text-align: center;}