html { font-size: 100%; }

body {
	font-family: Verdana;
	background-color: #F0F8FF;
	margin-left: 0px;
	/*font-size: x-small;*/
	margin-top: 3px;
	text-align: center;
}
td {
  font-size: x-small;
  }
body table {
  /*background-color: #F0F8FF;*/
  margin-left:auto; 
  margin-right:auto;
  text-align: left;
}

div.center {
  text-align: center;
}
  
span.title {
	font-size: medium;
	font-weight: bold;
	font-style: normal;
	font-family: Verdana;
	letter-spacing: 4px;
	font-variant: small-caps;
	font-size: 14px;
}
.cwsubhead {
	font-weight: bold;
	font-style: normal;
	font-family: Verdana;
	letter-spacing: 2px;
	font-variant: small-caps;
	font-size: small;
	padding-left: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
	background-image: url(../images/rounded/tablebar615x20.jpg);
	background-position: right;
	color: white;
}
.cwsubhead2 {
	font-weight: bold;
	font-style: normal;
	font-family: Verdana;
	letter-spacing: 2px;
	font-variant: small-caps;
	font-size: small;
	padding-left: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
	background-image: url(../images/rounded/tablebar615x20.jpg);
	background-position: left;
	color: white;
}
.cwsubhead3 {
	font-weight: bold;
	font-style: normal;
	font-family: Verdana;
	letter-spacing: 2px;
	font-variant: small-caps;
	font-size: small;
	padding-left: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
	background-image: url(../images/rounded/tablebottombar.gif);
	background-position: right;
	color: white;
}
.cwsubheadlogin {
	font-weight: bold;
	font-style: normal;
	font-family: Verdana;
	letter-spacing: 2px;
	font-variant: small-caps;
	font-size: small;
	padding-left: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
	background-image: url(../images/rounded/loginbartop444x20.gif);
	background-position: center;
	color: white;
}

.left {
    text-align: center;
    background-position: left;
}

.cwsubheadsm {
	font-size: x-small;
	font-weight: bold;
	font-style: normal;
	font-family: Verdana;
	letter-spacing: 2px;
	font-variant: small-caps;
	padding-left: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
	/*margin-right: -5px;*/
	background-image: url(../images/rounded/tablebar615x20.jpg);
	background-position: right;
	color: white;
}

span.subhead {
	font-size: medium;
	font-weight: bold;
	font-style: normal;
	font-family: Verdana;
	letter-spacing: 3px;
	font-variant: small-caps;
	font-size: 16px;
}

.cwbig {
	font-weight: bold;
	font-style: normal;
	font-family: Verdana;
	letter-spacing: 2px;
	font-variant: small-caps;
	font-size: small;
	/*color:  #3D598B;*/
}

.textplus {
    white-space: nowrap;
	font-size: medium;
	font-family: Verdana, serif;
	font-weight: bold;
	color: #999999;
	letter-spacing: 1px;
		font-variant: small-caps;
		/*background-color: #FFFFCC;*/
}

.wrap {
    white-space: normal;
    }

ul.lm2 {
  margin-bottom: 0;
  margin-top: 5px;
  }

ul.lm2 li {
 /*margin-left: -20px;*/
 background:url(../images/arrow.gif) left top no-repeat;
 padding-left:15px; 
 margin-bottom: 5px;
  }
  
  
ul.lm2 li ul {
  list-style-image: none;
  list-style-position: inside;
  list-style-type: square;
  }
  
  ul.lm {
  margin-left: 20px;
  margin-bottom: 0;
  margin-top: 5px;
  }
  
  
.padleft {
  padding-left: 5px;
  }
  
.padleft10 {
  padding-left: 10px;
}
  
.padright {
  padding-right: 5px;
  }
  
.padright10 {
  padding-right: 10px;
}
  
.padbottom {
  padding-bottom: 5px;
}

.padtop {
  padding-top: 5px;
}

.padcell {
  padding-top: 2px;
  padding-bottom: 2px;
  }

.resetcell {
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #99CCFF;
}

.u {
  text-decoration: underline;
  cursor: pointer;
}

ul.cw {
    list-style-type: none;
    margin: 0;
    padding: 0;
	/*list-style-image: url(../images/arrow.gif);*/
}

li.cw {
	list-style-image: url(../images/arrow.gif);
 list-style-position: inside;
}

span.bigtext {
  font-weight: bold;
  font-size: small;
  /*color: #155A17;*/
  font-variant: small-caps;
}

.biggertext {
  font-size: small;
  /*color: #155A17;*/
}

.biggesttext {
    font-size: medium;
    }

span.biggesttext {
  font-size: medium;
  }

td.grey {
  background-color: #DCDCDC;
  }

hr {
  color: #6699cc;
  background-color: #6699cc;
  height: 3px;
  border: 0;
} 
   

table.cw {
	border-bottom: 1px;
	border-top: 1px;
	border-left: 1px;
	border-right: 1px;
	border-style: solid;
	padding: 3px;
}

a.cw:link, a.cw:visited {
	/*font-variant: small-caps;*/
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana;
	letter-spacing: 2px;
	vertical-align: top;
	color: #155A17;
}

a.cw:active, a.cw:hover {
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana;
	letter-spacing: 2px;
	vertical-align: top;
	color: White; 
	background-color: #6699CC;
}

a.cw1:link, a.cw1:visited {
	/*font-variant: small-caps;*/
	font-size: 10px;
	font-family: Verdana;
	letter-spacing: 1px;
	vertical-align: top;
	color: #0049C4;
}

a.cw1:active, a.cw1:hover {
	font-size: 10px;
	font-family: Verdana;
	letter-spacing: 1px;
	vertical-align: top;
	color: White;
	background-color: #0049C4;
}

.req {
  font-weight: bold;
  color: #B22222;
}

span.blk {
	color:  #000000;
}

.emph {
	/*color: #4682B4;*/
	color:  #3D598B;
	font-weight: bold;
}
span.emph2 {
    font-size: 10px;
	font-weight: bold;
}
span.emph3 {
    color:  #3D598B;
	font-size: 14px;
	font-weight: bold;
}
span.emph4 {
    color:  #3D598B;
	font-size: 10px;	
}

span.emph5 {
    color:  #4682B4;
	font-family: Verdana;
	font-size: 11px;	
	font-weight: bold;
}

span.emph6 {
	color:  #4682B4;
	font-family: Verdana;
	font-size: 10px;	
	font-weight: bold;
}

.redemph {
  font-weight: bold;
  color: #B22222;
}

.greenemph {
    color: #339900;
      font-weight: bold;
}

.darkgremph 
{
    color: #366036;
    font-weight: bold;
}

span.message {
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
}

span.footer {
   padding-top: 20px;
	padding-bottom: 4px;
	font-size: x-small;
	font-weight: bold;
	font-style: normal;
	font-family: Verdana, serif;
	letter-spacing: 4px;
	color: Black;
	font-variant: small-caps;
}

span.space{
	line-height: 2px;
}

span.space1{
	line-height: 4px;
}

span.italic
{
font:italic 10px Verdana, serif;   
}

.lb {
	border-left-style: Solid;
	border-left-color: Black;
	border-left-width: 2px; 
}

.lb1 {
	border-left-style: Solid;
	border-left-width: 1px;
	border-color: Black; 
}

.bb1 {
	border-bottom-style: Solid;
	border-bottom-width: 1px; 
	border-color: Black; 
}

.rb1 {
	border-right-style: Solid;
	border-right-width: 1px; 
	border-color: Black; 
}

.tb1 {
	border-top-style: Solid;
	border-top-width: 1px;
	border-color: Black;  
}

.white {
	background-color: #E6E6FA;
}

.bgwhite {
  background-color: #FFFFFF;
  }
  
.bgtan {
  background-color: #FFF8DC;
}

.bb {
	border-bottom-style: Solid;
	border-bottom-color: Black;
	border-bottom-width: 2px; 
}

.rb {
	border-right-style: Solid;
	border-right-color: Black;
	border-right-width: 2px; 
}

.lightblue {
  background-color: #f0f8ff;
}


.tan {
  background-color: #FFFFCC;
}

.rb0 {
  border-right: none;
  }

.tb {
	border-top-style: Solid;
	border-top-color: Black;
	border-top-width: 2px; 
	border-collapse: collapse;
}

td.maincontent {
    background-color: #F0F8FF;
    border-right-style: Solid;
	border-right-color: Black;
	border-right-width: 2px;
	border-left-style: Solid;
	border-left-color: Black;
	border-left-width: 2px;
}

td.links {
	font-size: xx-small;
	background-image: url(../images/rounded/bar800x21.jpg);
	background-position: left;
	background-color: #4682B4;
	color: White;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 8px;
	border-left: Black;
	border-left-width: 2px;
	border-bottom: Black;
	border-bottom-width: 2px;
	border-top: Black;
	border-top-width: 2px;
	border-right: Black;
	border-right-width: 2px;
	border-top-style: solid;
	border-left-style: solid;
	border-bottom-style: solid;
	border-right-style: solid;
	border-collapse: collapse;
}


td.linkspha {
	font-size: xx-small;
	background-image: url(../rounded/bar800x21.jpg);
	background-color: #4682B4;
	color: White;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 8px;
	border-left: Black;
	border-left-width: 2px;
	border-right: Black;
	border-right-width: 2px;
	border-bottom: Black;
	border-bottom-width: 2px;
	border-top: Black;
	border-top-width: 2px;
	border-top-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
}



td.linksleft
{
    background-position: left;
    border-right: none;
}

td.linksright
{
    background-position: center;
    border-left: none;
    padding-right: 8px;
    text-align: right;
}

a.t:link, tr.h td a:link, th.h .h a:link {
	color: White !important;
}

a.t:visited , tr.h td a:visited, th.h .h a:visited {
	color: White !important;
}

a.t:active, tr.h td a:active, th.h .h a:active  {
	background-color: #B22222;
	color: White !important;
}

a.t:hover, tr.h td a:hover, th.h .h a:hover {
	background-color: #B22222;
	color: White !important;
}
a:link {
	color: #B22222;
}

a:visited {
	color: #B22222;
}

a:active {
	background-color: Navy;
	color: white;
}

a:hover {
	background-color: Navy;
	color: white;
}

td img { display: block; }

.cal {
	background-image: url(../images/rounded/bar738.jpg);
	background-position: right;
	color: White;
}

.cal2 {
	background-image: url(../images/rounded/bar.gif);
	background-position: left;
	color: White;
}

.today {
	background-image: url(../images/rounded/bar.gif);
	background-position: center;
  color: #B22222;
  border: 1px solid #B22222;
}

div.a {
	margin-left: 10px;
	font-weight: bold;
}

div.b {
	margin-left: 10px;
	font-weight: bold;
}

div.c {
	margin-left: 20px;
}

div.d {
	margin-left: 30px;
}

div.nowrap {
 width: 500px;
 white-space: nowrap;
  }
  
span.head {
	font-family: Verdana;
	letter-spacing: 1px;
	font-weight: bold;
	font-size: 12px;
	font-variant: small-caps;
}
	
span.head2 {
	font-family: Verdana;
	letter-spacing: 1px;
	font-weight: bold;
	border-bottom: solid;
	border-top: none;
	border-color: #4682B4;
	border-bottom-width: 3px;
	font-size: 10px;
	font-variant: small-caps;
	white-space: nowrap;

}

td.head1 {
  padding-left: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  background: FireBrick;
  font-weight: bold;
  font-size: medium;
  font-variant: small-caps;
  color: White; /*#B22222;*/
  }
td.head2 {
  padding-left: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 5px;
  background: #C0CDDE;/*#FFFF80;*/
  font-weight: bold;
  font-size: small;
  color:  Black;
  font-variant: small-caps;
  /*border-top : 1px solid #000;
  border-bottom : 1px solid #000;*/
  }
td.head3 {
  padding-left: 8px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 5px;
  /*background-color: White;*/
  font-weight: bold;
  font-size: x-small;
  color:  #3D598B;
  /*background: #FFFFC0;*/
    /*border-top : 1px solid #000;
  border-bottom : 1px solid #000;*/
  }
td.indent {
  padding-left: 11px;
}

td.tbgrey {
 border-top : 1px solid #CCC;
 border-bottom : 1px solid #CCC;
 }

td.head {
  margin-top: 5px;
  margin-bottom: 15px;
  }
  
.box {
	border: solid;
	background-color: White;
	border-color: Black;
	border-width: 1px;
	padding: 2px;
	margin: 2px;
	text-align: left;
}

.pad
{  padding: 8px;
}

table.certbox {
    background-color:  #4B5694;
    margin-right: 10px;
	border: solid;
	border-color: Black;
	border-width: 1px;
	text-align: left;
	  
 padding: none;
}
span.tiny {
  font-size: xx-small;
 }
 
table.certbox tr td {
    color: White;
    font-weight: bold;
    font-size: small;
    font-variant: small-caps;
    font-family: Verdana;
	letter-spacing: 2px;
}

table.nocertbox {
    margin-right: 10px;
	border: solid;
	border-color: Black;
	border-width: 1px;
	text-align: left;
}

.greenbox {
   background-color: #DFDFAF;
	color: Black;
	padding: 5px;
	border: 1px;
	border-style: solid;
	border-color: #4682B4;
}

.readingsolvedheader {
  background-image: url(../images/ReadingSolvedHeader.png);
  background-position: center;
  padding-left: 0px;
  padding-right: 0px;
  	border : none;
  	white-space: nowrap;
}

.readingsolvedheaderquick {
  background-image: url(../images/ReadingSolvedHeaderQuick.png);
  background-position: center;
  padding-left: 0px;
  padding-right: 0px;
  	border : none;
  	white-space: nowrap;
}


/* TABLE REPORT CODE */
table.report th {
  background-image: url(../images/rounded/bar780.jpg);
  background-position: right;
  color: White;
  padding-left: 3px;
  padding-right: 3px;
  	border : 1px solid #000;
  	white-space: nowrap;
}

table.report th.wrap 
{
    white-space: normal;
}

table.report {
 border: 1px solid #000;
 border-collapse: collapse;
}

table.report tr td {
border: 1px solid #000;
}

table.report td.alt1  {
  background: #FFFF80;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-right: 3px;
  /*white-space: nowrap;*/
}  
.aalt1 { 
background: #FFFF80;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-right: 3px;
  padding-left: 2px;
  white-space: nowrap;
} 
.aalt0 {
  background: #FFFFC0;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-right: 3px;
  padding-left: 2px;
  white-space: nowrap;
}
  
.alt1 {
  background: #FFFF80;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-right: 3px;
  /*white-space: nowrap;*/
}

.alt2, .alt0 {
  background: #FFFFC0;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-right: 3px;
  /*white-space: nowrap;*/
}



nowr { white-space: nowrap; }
  
table.report td.alt1 table tr td {
  background: #FFFF80;
  border: none;
  /*white-space: nowrap;*/
  }

table.report td.alt2 {
  background: #FFFFC0;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-right: 3px;
  /*white-space: nowrap;*/
  }

table.report td.alt2 table tr td {
  background: #FFFFC0;
  border: none;
  /*white-space: nowrap;*/
  }
  
table.report tr.hlt td, table.report tr.hlt td, .hlt td {
  background-color: #CCCCFF;
}


  
.center {
  text-align: center;
}  



li.space {
   padding-top: 3px;
   padding-bottom: 3px;
   }


.elda {
  padding-left: 2px;
  font-variant: small-caps;
    letter-spacing: .1em;
  background-color: #41BE30;
  color: White;
  font-weight: bold;
       font-size: xx-small;
}
.eldp {
  padding-left: 2px;
  font-variant: small-caps;
  letter-spacing: .1em;
  background-color: #3182C5;
    color: White;
     font-weight: bold;
          font-size: xx-small;
}
.eldb {
  padding-left: 2px;
  font-variant: small-caps;
   font-family: Verdana;
  letter-spacing: .1em;
  background-color: #E0E62C;
    color: Black;
     font-weight: bold;
     font-size: xx-small;
}
.eldbb {
  padding-left: 2px;
  font-variant: small-caps;
    letter-spacing: .1em;
  background-color: #D54835;
    color: White;
  font-weight: bold;
       font-size: xx-small;
}
.eldfbb {
  padding-left: 2px;
  font-variant: small-caps;
    letter-spacing: .1em;
  background-color: #BE1903;
    color: White;
  font-weight: bold;
       font-size: xx-small;
}
.eldempty {
  /*padding-left: 2px;
  font-variant: small-caps;
    letter-spacing: .1em;
  background-color: #FFFFFF;
    color: Black;
       font-size: xx-small;*/
}
.eldhard {
    padding-left: 2px;
  font-variant: small-caps;
    letter-spacing: .1em;
  background-color: #191970;
    color: White;
  font-weight: bold;
       font-size: xx-small;
}


/* BEGIN AJAX TABS CODE */
.cwtabs .ajax__tab_header {
  font-family: Verdana;
  padding-left: 10px;
}

.cwtabs .ajax__tab_hover .ajax__tab_tab {
  background: url(../images/rounded/bar780.jpg);
 background-position: left;
  color: #fff;
}

.cwtabs .ajax__tab_active .ajax__tab_tab	{
	background : #E6E6FA;
	border-bottom : 1px solid #E6E6FA;
	color : #000;
}

.cwtabs .ajax__tab_body {
  background: #E6E6FA;
	border : 1px solid #000;
}

.cwtabs .ajax__tab_tab {
  color: #F0F8FF;

  padding-top: 3px;
  padding-bottom: 3px;
  padding-right  : 10px;
  padding-left : 10px;
  border-top : 1px solid #000;
  border-left : 1px solid #000;
  border-right : 1px solid #000;
  margin: 0;
  background: url(../images/rounded/bar780.jpg);
	background-position: right;
  margin-bottom: -1px;
}
/* BEGIN CSS TAB CODE */

#menu {
	border-bottom : 1px solid #000;
	margin : 0;
	padding-bottom : 19px;
	padding-right : 10px;
	padding-left : 10px;
}

#menu ul, #menu li	{
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;
}

	
#menu a:link, #menu a:visited	{
	/*background : #E8EBF0;*/
	background-image: url(../images/rounded/bar780.jpg);
	background-position: right;
	border : 1px solid #000;
	color : #E6E6FA;

	float : left;
	font-size : x-small;
	font-weight : normal;
	line-height : 14px;
	margin-right : 3px;
	padding : 2px 7px 2px 7px;
	text-decoration : none;
}

#menu a:link.active, #menu a:visited.active	{
	background : #E6E6FA;
	border-bottom : 1px solid #E6E6FA;
	color : #000;
}

#menu a:link.disabled, #menu a:visited.disabled	{
	/*background : Lime;*/
	border-bottom : 1px solid #E6E6FA;
	color : Black;
}

#menu a:hover	{
	color : #fff;
	background-position: left;
}

 #menu ul a:hover {
	color : #f00 !important;
}

.overlay {
	display:none;
    position:absolute;
    z-index:1;
    left:0px;
    top:300px;
    }
    
.popup {
	background-color: #E6E6FA;
	font-size: small;
}
td.bbsteelblue {
	background-color: #4682B4;
	background-image: url(../images/rounded/bar740x21.jpg);
	border-top-style: Solid;
	border-top-color: Black;
	border-top-width: 2px;
	border-bottom-style: Solid;
	border-bottom-color: Black;
	border-bottom-width: 2px;
}

.steelbluebottom
{
	background-image: url(../images/rounded/SteelBlueBar-bottom.png); no-repeat;
	border-top-style: Solid;
	border-top-color: Black;
	border-top-width: 2px;
}



.lrpad td {
  padding-left: 3px;
  padding-right: 3px;
  }
  
.rbpad th {
  padding-right: 5px;
  padding-bottom: 2px;
  }
.columnheader {
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 2px;
  text-align: left;
  font-weight: bold;
  background: SteelBlue;
  color: White;
  white-space: nowrap;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: Black;
  border-top-style: solid; border-top-width: 2px; border-top-color: Black;
  border-collapse: collapse;
}

.hlt1, tr.hlt1 td {
 white-space: pre; 
 background : AliceBlue;
  color: Black;
  cursor: pointer;
    padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 2px;
  padding-right: 2px;
  border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: Black;
  border-collapse: collapse;
}

.hlt2, tr.hlt2 td {
 white-space: pre; 
 background : AliceBlue;
  color: Black;
  cursor: pointer;
  border-style: solid; border-width: 1px; border-color: Black;
  padding-left: 1px;
	padding-right: 1px;
}
 
.alty0, tr.alty0 td {
  /*white-space: pre;*/
  background: #FFFFC0;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 2px;
  padding-right: 2px;
  border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: Black;
  /*border-top-style: solid; border-top-width: 1px; border-top-color: Black;*/
  border-collapse: collapse;
}

.alty1, tr.alty1 td {
  /*white-space: pre;*/
  background: #FFFF80;
  border-collapse: collapse;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 2px;
  padding-right: 2px;
  border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: Black;
/*border-top-style: solid; border-top-width: 1px; border-top-color: Black;*/
}
tr.columnheader th a {
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 2px;
  text-align: left;
  font-weight: bold;
  white-space: nowrap;
  color: White;
  }

tr.columnheader th a:hover{
  padding-top: 2px;
  padding-bottom: 2px;
  text-align: left;
  padding-left: 2px;
  font-weight: bold;
  color: Black;
  white-space: nowrap;
  background: AliceBlue;
  }
.nowrap {  
 white-space: nowrap;
 } 
  div.details {
	display:none; 
	visibility:hidden; 
	margin: 3px;
	border-style: solid;
	border-width: 1px;
	border-color: Black;
	padding-left: 5px;
	padding-right: 5px;
}

table.roster {
	width: 350px;
	margin-left: 10px;
		border-right-style: Solid;
	border-right-color: Black;
	border-right-width: 2px; 
		border-bottom-width: 2px;
	border-bottom-style: Solid;
	border-bottom-color: Black;
		border-left-style: Solid;
	border-left-color: Black;
	border-left-width: 2px; 
		border-top-width: 2px;
	border-top-style: Solid;
	border-top-color: Black;
	
}
.collapse {
  border-collapse: collapse;
  }
td.clpsehead {
	font-size: xx-small;
	font-family: Verdana;
	background-image: url(../images/bg.gif);
	padding: 5px;
	color: white;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	margin-bottom: 6px;
	font-variant: small-caps;
	width:40%;
	margin-left: 10px;
}

td.menu {
	font-size: xx-small;
	background-color: #990000;
	color: White;
	padding-top: 4px;
	padding-bottom: 6px;
	text-align: center;
	border-left: Black;
	border-left-width: 2px;
	border-right: Black;
	border-right-width: 2px;
	border-left-style: solid;
	border-right-style: solid;
		border-bottom: Black;
	border-bottom-style: solid;
	border-bottom-width: 2px;
}
td.subhead {
	border-top-style: Solid;
	border-top-color: Black;
	border-top-width: 2px;
	font-size: xx-small;
	font-family: Verdana;
	font-weight: normal;
	padding-top: 3px;
	background-color: #CCCC99;
}
tr.h {
    background-image: url(../images/rounded/bar800x21.jpg);
	background-position: left;
	/*background-image: url(../images/bg.gif);
	background-position: right;*/
    color: White;
	font-weight: bold;
	/*text-align: center;*/
	width:40%;
}

tr.h1 {
    background-image: url(../images/rounded/bar800x21.jpg);
	background-position: left;
	/*background-image: url(../images/bg.gif);
	background-position: right;*/
    color: White;
	font-weight: bold;
	/*text-align: center;*/
	width:40%;
}

tr.h td {
    border-style: Solid;
	border-color: Black;
	border-width: 1px;
	padding-left: 1px;
	padding-right: 1px;
	border-collapse: collapse;
	}
tr.rptItem td {
    border-style: Solid;
	border-color: Black;
	border-width: 1px;
	background-color:  #FFFF80; 
	padding-left: 1px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-collapse: collapse;
	/*font-family: Comic Sans MS;*/
	}
tr.rptAltItem td {
    border-style: Solid;
	border-color: Black;
	border-width: 1px; 
	background-color: #FFFFC0;
	padding-left: 1px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-collapse: collapse;
	/*font-family: Comic Sans MS;   #FFFFC0     */
	}
tr.hltx td {
border-style: Solid;
	border-color: Black;
	border-width: 1px;
  background: #CCCCFF;
  padding-left: 1px;
	padding-right: 1px;
	border-collapse: collapse;
}	
tr.ep0 td {
    border-style: Solid;
	border-color: Black;
	border-width: 1px; 
	background-color: #FFFF80;
	padding-left: 1px;
	padding-right: 1px;
	border-collapse: collapse;
	}
tr.ep1 td {
    border-style: Solid;
	border-color: Black;
	border-width: 1px; 
	background-color: #FFFFC0;
	padding-left: 1px;
	padding-right: 1px;
	border-collapse: collapse;
	}
tr.eph td {
    border-style: Solid;
	border-color: Black;
	border-width: 1px; 
	background-color: #CCCCFF;
	padding-left: 1px;
	padding-right: 1px;
	border-collapse: collapse;
	}


	
tr.rptItem td table tr td, tr.rptAltItem td table tr td {
    border: none;
    }
    
td.l {
    border-left: none;
    }
    
.height {
     height: 70px;
     }
table.rblist
{
float: left;
 display:inline;
}
tr.status0 td, tr.status0 td a {
   color: Gray;
   font-style: italic;
   /*font-family: Comic Sans MS;*/
   }
td.menugreen {
background-color: #CCCC99;
padding-top: 1px;
padding-bottom: 1px;
}

.margins {
margin-left: 20px;
margin-right: 20px;
}

tr.rptItem td.CellRed, tr.rptAltItem td.CellRed {
	background-color: #B22222;
	color: White;
}

td.menublue {
	font-size: xx-small;
	background-color: #DCDCDC;
	color: Black;
	padding-top: 4px;
	padding-bottom: 6px;
	text-align: center;
	/*border-left: Black;
	border-left-width: 2px;
	border-right: Black;
	border-right-width: 2px;
	border-left-style: solid;
	border-right-style: solid;*/
	border-collapse: collapse;
}

.expr {
    font-size: 12px;
    font-weight: bold;
    }
    
 /* BEGIN VINAY'S CSS STYLES */
 .rbtn
{
	padding-left:20px;	
}
.btn
{
	padding-left:80px;
}
/* END VINAY'S CSS STYLES */

table.rbl input
{
	float: left;
}

table.rbl label
{
	margin-left:25px;	
	display:block;
}

.noborder
{
    border: none;
}

.wh
{
    background-color: White;
}
    
.watermark
    {
        background-color: White;
        color:Gray;
        font-size: 12px;
        height:19px;
        Width:149px;
        border:0px solid black;        
    }

.pager table { width:10%;}


 /* BEGIN STYLES ADDED FOR APP 'READING ASSESSMENT' */
 
 
 .gridvwstudents
  {
     font-size:20px;
     font-weight: normal;
     padding: 10px;
 }

.txtpagedescr
{
    font-size:0.9rem; 
	font-family: Verdana, serif;
    font-weight:normal; 
    color:#336699;   /* #184182  dark blue */
}



.assessmentlevelbackground
	{
	background: url(../images/AssessmentLevelBackground.png) no-repeat;
	align: center;
	valign: top;
}

.assessmentquickbackground
	{
	background: url(../images/AssessmentQuickBackground.png) no-repeat;
	align: center;
	valign: top;
}

.textblue 
	{
	font-size: 11pt;
	font-family: Verdana, serif;
	font-weight: bold;
	color: #336699;	
}

.textgreenmedium 
	{
	font-size: 16pt;
	font-family: Tahoma, serif;
	font-weight: normal;
	color: #448b42;	
}

.textgreenbig 
	{
	font-size: 22pt;
	font-family: Tahoma, serif;
	font-weight: bold;
	color: #448b42;	
}




.getfullreportbutton 
	{
	cursor: pointer;
	type: submit;
	background: url(../images/rollovers/Button-GetFullReport.png) no-repeat;
	border: none;
	
}
.getfullreportbutton:hover
	{
	cursor: pointer;
	type: submit;
	background: url(../images/rollovers/Button-GetFullReport-Hover.png) no-repeat;
	border: none;
}
.getfullreportbutton:active
	{
	cursor: pointer;
	type: submit;
	background: url(../images/rollovers/Button-GetFullReport-Active.png) no-

repeat;
	border: none;
	outline: none;
}
.getfullreportbutton:focus 
	{
    	outline: none;
}




.loginbutton 
	{
	cursor: pointer;
	type: submit;
	background: url(../images/rollovers/Button-Login.png) no-repeat;
	border: none;
	
}
.loginbutton:hover
	{
	cursor: pointer;
	type: submit;
	background: url(../images/rollovers/Button-Login-Hover.png) no-repeat;
	border: none;
}
.loginbutton:active
	{
	cursor: pointer;
	type: submit;
	background: url(../images/rollovers/Button-Login-Active.png) no-repeat;
	border: none;
	outline: none;
}
.loginbutton:focus 
	{
    	outline: none;
}



.logoutbutton 
	{
	cursor: pointer;
	type: submit;
	background: url(../images/rollovers/Button-LogOut.png) no-repeat;
	border: none;
	
}
.logoutbutton:hover
	{
	cursor: pointer;
	type: submit;
	background: url(../images/rollovers/Button-LogOut-Hover.png) no-repeat;
	border: none;
}
.logoutbutton:active
	{
	cursor: pointer;
	type: submit;
	background: url(../images/rollovers/Button-LogOut-Active.png) no-repeat;
	border: none;
	outline: none;
}
.logoutbutton:focus 
	{
    	outline: none;
}



.hsbclogoutbutton 
{
	cursor: pointer;
	type: submit;
	background: url(../images/rollovers/Button-ReturnToTheCoOp.png) no-repeat;
	border: none;
	
}
.hsbclogoutbutton:hover
{
	cursor: pointer;
	type: submit;
	background: url(../images/rollovers/Button-ReturnToTheCoOp-Hover.png) no-repeat;
	border: none;
}
.hsbclogoutbutton:active
{
	cursor: pointer;
	type: submit;
	background: url(../images/rollovers/Button-ReturnToTheCoOp-Active.png) no-repeat;
	border: none;
	outline: none;
}
.hsbclogoutbutton:focus 
{
    	outline: none;
}






.homebutton 
	{
	cursor: pointer;
	background: url(../images/rollovers/Button-Home.png) no-repeat;
	border: none;
}
.homebutton:hover
	{
	cursor: pointer;
	background: url(../images/rollovers/Button-Home.png) no-repeat;
	border: none;
}
.homebutton:active
	{
	cursor: pointer;
	background: url(../images/rollovers/Button-Home.png) no-repeat;
	border: none;
	outline: none;
}
.homebutton:focus 
	{
    	outline: none;
}





.joinnowbutton 
	{
	cursor: pointer;
	type: submit;
	background: url(../images/rollovers/Button-JoinNow.png) no-repeat;
	border: none;
	
}
.joinnowbutton:hover
	{
	cursor: pointer;
	type: submit;
	background: url(../images/rollovers/Button-JoinNow-Hover.png) no-repeat;
	border: none;
}
.joinnowbutton:active
	{
	cursor: pointer;
	type: submit;
	background: url(../images/rollovers/Button-JoinNow-Active.png) no-repeat;
	border: none;
	outline: none;
}
.joinnowbutton:focus 
	{
    	outline: none;
}



.hsbcbuybutton 
{
	cursor: pointer;
	type: submit;
	background: url(../images/rollovers/Button-BuyNow.png) no-repeat;
	border: none;
	
}
.hsbcbuybutton:hover
{
	cursor: pointer;
	type: submit;
	background: url(../images/rollovers/Button-BuyNow-Hover.png) no-repeat;
	border: none;
}
.hsbcbuybutton:active
{
	cursor: pointer;
	type: submit;
	background: url(../images/rollovers/Button-BuyNow-Active.png) no-repeat;
	border: none;
	outline: none;
}
.hsbcbuybutton:focus 
{
    	outline: none;
}






.requestinfobutton 
{
	cursor: pointer;
	type: submit;
	background: url(../images/rollovers/Button-RequestInfo.png) no-repeat;
	border: none;
	
}
.requestinfobutton:hover
{
	cursor: pointer;
	type: submit;
	background: url(../images/rollovers/Button-RequestInfo-Hover.png) no-repeat;
	border: none;
}
.requestinfobutton:active
{
	cursor: pointer;
	type: submit;
	background: url(../images/rollovers/Button-RequestInfo-Active.png) no-repeat;
	border: none;
	outline: none;
}
.requestinfobutton:focus 
{
    	outline: none;
}





.level1button 
	{
	cursor: pointer;
	type: submit;
	background: url(../images/rollovers/Button-Level1.png) no-repeat;
	border: none;
	
}
.level1button:hover
	{
	cursor: pointer;
	type: submit;
	background: url(../images/rollovers/Button-Level1-Hover.png) no-repeat;
	border: none;
}
.level1button:active
	{
	cursor: pointer;
	type: submit;
	background: url(../images/rollovers/Button-Level1-Active.png) no-repeat;
	border: none;
	outline: none;
}
.level1button:focus 
	{
    	outline: none;
}




.level2button 
	{
	cursor: pointer;
	type: submit;
	background: url(../images/rollovers/Button-Level2.png) no-repeat;
	border: none;
	
}

.level2button:hover
	{
	cursor: pointer;
	type: submit;
	background: url(../images/rollovers/Button-Level2-Hover.png) no-repeat;
	border: none;
}
.level2button:active
	{
	cursor: pointer;
	type: submit;
	background: url(../images/rollovers/Button-Level2-Active.png) no-repeat;
	border: none;
	outline: none;
}
.level2button:focus 
	{
    	outline: none;
}


.playbutton 
	{
	cursor: pointer;
	type: submit;
	background: url(../images/rollovers/Button-Play.png) no-repeat;
	border: none;
	
}

.playbutton:hover
	{
	cursor: pointer;
	type: submit;
	background: url(../images/rollovers/Button-Play-Over.png) no-repeat;
	border: none;
}
.playbutton:active
	{
	cursor: pointer;
	type: submit;
	background: url(../images/rollovers/Button-Play.png) no-repeat;
	border: none;
	outline: none;
}
.playbutton:focus 
	{
    	outline: none;
}



.requestreportbutton 
	{
	cursor: pointer;
	type: submit;
	background: url(../images/rollovers/Button-RequestReport.png) no-repeat;
	border: none;
	
}

.requestreportbutton:hover
	{
	cursor: pointer;
	type: submit;
	background: url(../images/rollovers/Button-RequestReport-Hover.png) no-repeat;
	border: none;
}
.requestreportbutton:active
	{
	cursor: pointer;
	type: submit;
	background: url(../images/rollovers/Button-RequestReport-Active.png) no-repeat;
	border: none;
	outline: none;
}
.requestreportbutton:focus 
	{
    	outline: none;
}


.questionmarkbutton 
	{
	cursor: pointer;
	type: submit;
	background: url(../images/rollovers/Button-QuestionMark.png) no-repeat;
	border: none;
	
}
.questionmarkbutton:hover
	{
	cursor: pointer;
	type: submit;
	background: url(../images/rollovers/Button-QuestionMark-Hover.png) no-repeat;
	border: none;
}
.questionmarkbutton:active
	{
	cursor: pointer;
	type: submit;
	background: url(../images/rollovers/Button-QuestionMark-Active.png) no-repeat;
	border: none;
	outline: none;
}
.questionmarkbutton:focus 
	{
    	outline: none;
}

.txtBklackBasic
 	{
     	font-size: 11px;
     	font-weight: normal;
	
 }

.txtgraybig
	{
	font-size: 20px;
	font-weight: normal;
	color: #898989
}

 .gridvwstudents
  {
     font-size: 20px;
     font-weight: normal;
     padding: 10px;
 }


 .txttabledescr
 {
     font-size:10px;
     font-weight: normal;
 }
 
 /* font-color == body:background-color; txt visible when selected */
 .txthiddeninbody
 {
     color: #F0F8FF;
     font-size:8px;
     font-weight: normal;
 }
 
 .txtparagraphshort
 {
     font-size:small;
     font-weight: normal;
 }
 
 .txtLevelpercent
 	{
     	font-size: 25px;
     	font-weight: bold;
	color: #448b42
 }
 .txtLevelprogress
 {
     font-weight: normal;
 }
 
 /* single-item text: class for outer DIV to add space above and below */
 .singleitemspacer
 {
     margin-top:2em;
     margin-bottom:2em;
 }
 
 /* single-item text: class for SPAN containing the text */
 .singleitemtxt
 {
     font-size:medium;
     font-weight: bold;
 }
 
 /* left-margin for left-aligned table columns */
 .colmargin
 {
     margin-left:2em;
 }
 
 /* for dev: en/disable bg to see containing rectangle */
 .evlBgRed
 {
 }
 /**
     background-color:rgba(255,0,0,0.3);
**/
 
 
 /* for TWadmin report pages: dev_StudentRpt et al */
.vertspacer_tiny
{
    margin-bottom:1px;
}
.vertspacer_small 
{
    margin-bottom:5px;
}
/* DO NOT DECREASE! 'medium'<18 breaks dev_StudentRpt et al  */
.vertspacer_medium 
{
    margin-bottom:20px;
}
.vertspacer_large
{
    margin-bottom:50px;
}
 
 

/*  for mainmenu:contact us email link */
	
#emailus a:link, #emailus a:visited	{
	color : #00f;
	text-decoration : none;
}

#emailus a:link.active, #emailus a:visited.active	{
	background : #E6E6FA;
	border-bottom : 1px solid #E6E6FA;
	color : #000;
}

#emailus a:link.disabled, #emailus a:visited.disabled	{
	/*background : Lime;*/
	border-bottom : 1px solid #E6E6FA;
	color : Black;
}

#emailus a:hover	{
	color : #fff;
	background-position: left;
}

#fooemailus a:hover {
	color : #00f !important;
	text-decoration : underline;
}

	
a.textblue:link,  a.textblue:visited	{
	color : #00f;
	/*text-decoration : none;*/
}

a.textblue:link.active,  a.textblue:visited.active	{
	background : #E6E6FA;
	border-bottom : 1px solid #E6E6FA;
	color : #000;
}

a.textblue:link.disabled,  a.textblue:visited.disabled	{
	/*background : Lime;*/
	border-bottom : 1px solid #E6E6FA;
	color : Black;
}

a.textblue:hover	{
	color : #fff;
	background-position: left;
}


/* ALERT if name='firebrick', class is ignored */
.firebrickred {
	color : #b22222;
}

 /* END   STYLES ADDED FOR APP 'READING ASSESSMENT' */