@charset "utf-8";
/* CSS Document for OptIn Ads */

h1 { color: #602000; font-weight: bold; font-family: "Tahoma"; font-size: 24px }
h2 { color: #602000; font-weight: bold; font-size: 18px }
h3 { color: #602000; font-weight: bold; font-size: 16px }
h4 { color: #602000; font-weight: bold; font-size: 14px }
h5 { color: #602000; font-weight: bold; font-size: 12px }





/* From http://www.webcredible.co.uk/user-friendly-resources/css/css-round-corners-boxes.shtml */
/* Must keep padding in the last element, and background color in the first element */

.bl {background: url(pix/bl.gif) 0 100% no-repeat #80ff80; width: 100% }
.br {background: url(pix/br.gif) 100% 100% no-repeat}
.tl {background: url(pix/tl.gif) 0 0 no-repeat}
.tr {background: url(pix/tr.gif) 100% 0 no-repeat; padding:10px}

.clear {font-size: 1px; height: 1px}


*.oneone {
  font-size: 110%;
}
*.onetwo {
  font-size: 120%;
}
*.onethree {
  font-size: 130%;
}
*.onefour {
  font-size: 140%;
}
*.onefive {
  font-size: 150%;
}


*.index_header {
  text-align: center;
  font-size: 30px; 
  font-weight: lighter;
  color: #000000; 
}

*.index_subheader {
  text-align: center;
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  font-style: italic;
  font-weight: lighter;
  color: #000000; 
}

*.sm {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 16px; 
  font-style: italic;
  color: #000000; 
}

*.TM {
  font-size: 14px; 
  vertical-align: top;
}

a.tt{
    position:relative; /*this is the key*/
    z-index:24; 
    //background-color:#ccc;
    color:#000;
    text-decoration:none;
}

a.tt:hover{
    z-index:25; 
    //background-color:#ff0;
}

a.tt span{
    display: none
}

a.tt:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:1em; 
    left:1em; 
    width:4em;
    border:1px solid #000;
    //background-color:#ffffa4; 
    text-align: center; 
    color:#000;
    text-decoration: none;
}

*.req_asterisk {
  color: red;
  //font-weight: bold;
  font-size: 16px; 
}

body {
  //background-image: url('pix/gy_grad_bkgnd2.gif'); 
  ////background-color: silver;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

login {
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

*.table_header {
  text-decoration: underline;
}

*.alert {
  color: red;
  font-size: 16px;
}

*.success {
  color: green;
  font-size: 16px;
}

*.pause {
  color: blue;
  font-size: 16px;
}

*.sent {
  color: red;
  font-size: 16px;
}

*.user_id {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 18px; 
  font-weight: normal;
}

span.italics {
  font-style: italic;
}

span.expt_id {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 18px; 
  font-weight: normal;
}

span.expt_info {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 14px; 
  font-weight: normal;
}

*.copyright {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  font-weight: normal;
  text-align: center;
  font-style: normal;
}

*.address {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  font-weight: normal;
  font-style: normal;
}

h2.page_header {
  text-align: center;
  font-size: 24px; 
}

*.navbar {
  text-align: center;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 12px; 
}

*.new_rule {
  text-align: left;
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 14px; 
}

*.main_text {
  text-align: left;
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px; 
}

*.main_text_center {
  text-align: center;
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px; 
}

*.small {
  font-size: 12px;
}

*.smallsmall {
  font-size: 10px;
}

*.small_center {
  font-size: 12px;
  text-align: center;
}

*.small_bold {
  font-size: 12px;
  font-weight: bold;
}

*.hidden {visibility:hidden}

a:active {
  color: #6799c8;
}

a.links {
  font-size: 14px; 
}

a:link  { 
  color: blue; 
  text-decoration: none; 
}

a:hover  { 
  color: #003468; 
  text-decoration: underline; 
//  font-weight: bold;
}

a.ottoquette:hover {
  color: white;
}

a:visited  { 
  color: blue;
  text-decoration: none; 
}

a:visited:hover  { 
  color: #003468; 
  text-decoration: underline; 
//  font-weight: bold;
}

*.error_header {
  text-align: left;
  font-size: 24px; 
  font-style: normal;
  font-weight: normal;
}

*.error_page {
  text-align: left;
  font-size: 14px; 
  font-style: normal;
  font-weight: normal;
}


