.medium {
font-family: Verdana, Arial, Helvetica; 
color: black;
font-size: 1.2em;
  }
  
    .v14 {
font-family: Verdana, Arial, Helvetica; 
color: black;
font-size: 1.3em;
  }
    
    .v14b {
font-family: Verdana, Arial, Helvetica; 
color: black;
font-size: 1.0em;
	font-weight : bold;
  }
      
    .v14b-2 {
font-family: Verdana, Arial, Helvetica; 
color: black;
font-size: 1.0em;
	font-weight : bold;
  line-height: 200%;
  }
  
    .header {
	font-family: Verdana, Arial, Helvetica;
	color: Green;
	font-size: 1.3em;
	font-weight : bold;
}

    .headerpurp {
	font-family: Verdana, Arial, Helvetica;
	color: #330066;
	font-size: 1.3em;
	font-weight : bold;
}

    .header2 {
	font-family: Verdana, Arial, Helvetica;
	color: #990000;
	font-size: 1.2em;
	font-weight : bolder;
	font-style: normal;
	font-variant: small-caps;
}

    .header3 {
	font-family: Verdana, Arial, Helvetica;
	color: #990000;
	font-size: 1.0em;
	font-weight : bolder;
	font-style: normal;
	font-variant: small-caps;
	}
  
  .small {
font-family: Verdana, Arial, Helvetica; 
color: black;
font-size: .8em;
  }
  
    .small2 {
font-family: Verdana, Arial, Helvetica; 
color: black;
font-size: .7em;
  line-height: 140%;
  }
      
  .static {
font-family: Verdana, Arial, Helvetica; 
color: black;
font-size: 12px;
  }
      
  .small-static {
font-family: Verdana, Arial, Helvetica; 
color: black;
font-size: 1px;
  }

  .small-yellow {
font-family: Verdana, Arial, Helvetica; 
color: #ffff49;
font-size: 1em;
  line-height: 100%;
  }

  .small-white {
font-family: Verdana, Arial, Helvetica; 
color: white;
font-size: .8em;
  line-height: 100%;
  }

.small-white A:link
{
	
	color: white;
	text-decoration: none;
}

.small-white A:visited
{
	color: #ffffff;
	text-decoration: none;
}

.small-white A:active
{
	color: white;
	text-decoration: none;
}

.small-white A:hover
{
	color: #37e3d3;
	text-decoration: none;
}


.title-caps-yellow
{ text-transform: uppercase;
font-family: Verdana, Arial, Helvetica; 
color: #ffff49;
font-size: 1.1em;
font-weight: bold }


.title-caps-yellow A:link
{
	
	color: #ffff49;
}

.title-caps-yellow A:visited
{
	color: #ffff49;
}

.title-caps-yellow A:active
{
	color: #ffff49;
}

.title-caps-yellow A:hover
{
	color: #37e3d3;
}

.title-white
{
font-family: Verdana, Arial, Helvetica; 
color: white;
font-size: 1.0em;
font-weight: bold }

.title-light-blue
{
	font-family: Verdana, Arial, Helvetica;
	color: #1879a6;
	font-size: 1.2em;
	font-weight: bolder;
}
 
 
 .title-light-yellow
{
	font-family: Verdana, Arial, Helvetica;
	color: #FF9933;
	font-size: 1.2em;
	font-weight: bolder;
}
 
 .title-light-green
{
font-family: Verdana, Arial, Helvetica; 
color: #046F34;
font-size: 1.2em;
font-weight: bolder }
 
  
 .title-purple
{
font-family: Verdana, Arial, Helvetica; 
color: #3e297a;
font-size: 1.2em;
font-weight: bolder }
 
 
 
.copy-bg {
background-image: url('images/main-bg.jpg');
background-repeat:repeat-x;
font-family: Verdana, Arial, Helvetica; 
font-size: .8em;
}


.copy {
background-repeat: no-repeat;
font-family: Verdana, Arial, Helvetica; 
font-size: .8em;
}

.copybold {

	font-family: Verdana, Arial, Helvetica;
	font-size: 0.8em;
	font-weight: bold;
  line-height: 145%;
}
    
.header-bg-middle {
background-image: url('images/header-bg-middle.jpg');
background-repeat: repeat-y;
}
      
.resource-box-middle {
background-image: url('images/resource-box-middle.jpg');
background-repeat: repeat-y;
}

.audio-box-middle {
background-image: url('images/audio-box-middle.jpg');
background-repeat: repeat-y;
}

.audio-box-middle2 {
background-image: url('images/audio-box-middle2.jpg');
background-repeat: repeat-y;
}

.video-box-middle {
background-image: url('images/video-box-middle.jpg');
background-repeat: repeat-y;
}

.admin-box-middle {
background-image: url('images/admin-box-middle.jpg');
background-repeat: repeat-y;
}


.tech-box-middle {
background-image: url('images/flu_tech_middle.jpg');
background-repeat: repeat-y;
}
   
.tech-box-middle-wide {
background-image: url('images/flu_tech_middle-wide.jpg');
background-repeat: repeat-y;
}
    
.tech-box-middle-wide2 {
background-image: url('images/flu_tech_middle-wide2.jpg');
background-repeat: repeat-y;
}
      
.tool-box-middle {
background-image: url('images/tool-box-middle.jpg');
background-repeat: repeat-y;
}
        
.link-box-middle {
background-image: url('images/link-box-middle.jpg');
background-repeat: repeat-y;
}
          
.gold-box-middle {
background-image: url('images/gold-box-middle.jpg');
background-repeat: repeat-y;
}
            
.blue-box-lrg-middle {
background-image: url('images/blue-box-lrg-middle.jpg');
background-repeat: repeat-y;
}
  
.right-bg {
background-image: url('images/right-bg.jpg');
background-repeat: repeat-x;
  	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size: 12px;
}
  
.left-bg {
background-image: url('images/left-bg.jpg');
background-repeat: repeat-y;
}

ul.menulist li {margin-left:-17px; margin-bottom:15px; margin-right:15px;}

ul.circle { list-style-type: circle }

/*added by F.Gao*/
.buttons{
	background-color: #8A0000; /*#FFC080;*/
	border-color:#780001; /*#FF8000;*/
	padding:3px;	
	color:White;
	font-size:11px;
	font-weight:600;
	}
.disabledbuttons{
	background-color:Gray; 
	padding:3px;	
	color:Silver;
	font-size:11px;
	}	
.bluebuttons
{
	background-color:#7eb6cf; /*#74BED7;*/
	/*border-bottom:solid 3px #9E9CA1;
	xborder-right:solid 3px #9E9CA1;*/
	border-color:#1D72A8;
	color: White;
	padding:3px;
	font-size:11px;
	font-weight:600;
}
.namelist li
{
	font-size:0.9em;
	font-weight:bold;
	padding-bottom:0.1em;
	margin-left:2em;
}

.namelist A:hover
{
	background-color:Silver;
}

a.copyright
{
	font-family: Verdana, Arial, Helvetica;
	color: gray;
	font-size: 0.55em;
}

a.copyright:hover
{
	text-decoration:none;
}
.requiredField
{
	color:Red;
	font-size: x-small;
}
.tdtxt, td.tdtxt{
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}

.tdtxtbold, td.tdtxtbold {
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	padding-right: 0.5em;
}
.updated, .note
    {font-size:80%; 
     color:red;
    }

div.terms 
{
height: 300px;
width: 96%;
overflow: auto;
border: 1px solid silver;
background-color:#F4F4EB;
padding: 8px;
}

div.caldirection 
{
height: 150px;
width: 93%;
overflow: auto;
border: 1px solid silver;
padding: 8px;
}

/*html version blue buttons*/
.button_norm, .button_norm A:link, .button_norm A:visited
{
	background-color:#68B3D3; 
	color:#FFFFE5; 
	font-family: Verdana, Arial, Helvetica;
	font-size:13pt; 
	font-weight:bold;
	text-decoration:none;
}


.button_over, .button_over A:link, .button_over A:visited
{
	background-color:#1D72A8; 
	color:#FFFFE5; 
	font-family: Verdana, Arial, Helvetica;
	font-size:13pt; 
	font-weight:bold;
	text-decoration:none;
}
.button_norm, .button_over
{
	border-style:double;
	border-bottom-color:transparent;
}
    
/* tabs for cohorts list*/
    ul.tab {margin-bottom:5px}            
    li.tab {display:inline; border:solid 1px #1879a6; border-bottom:solid 2px #1879a6;padding:5px; margin:5px; z-index:2;}
    li.tab:hover {background-color:silver;}
    li.tab-active {position:relative;display:inline; border:solid 2px #1879a6;border-bottom:solid 2px white; padding:5px; z-index:3;}
    li.tab a:link, li.tab a:visited {text-decoration:none;}
    div.tabcontent {position:relative; border:solid 2px #1879a6; width:97%; padding:10px; z-index:1;}    
    
.redbold
{
	color:Red;
	font-weight: bold;
}

/* end F.Gao addition*/