BODY
{
    background-color: #ffffff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin: 0px;
  /*
  background-image: url(/template/brainbench/images/leftnavbk.gif);
    background-repeat: repeat-y;
*/
}

hr.hr2 {
      color: #f00;
      background-color: #f00;
      height: 1px;
}

.catsearch {
	background-color:#fc9;
	color=#000;
}

.loadbox{
	border: 1px solid #f60;
	background-color: #FFCC99;
	padding:2px;
	width:180px;
}

.catsearchline{
	border-left: 1px solid #f60;	
}
P { font-size: 11px; }

A {color: #369;}
A:hover {color: #f60;}

.orangebuttons
{
	
	font-size: 10px;
	height: 8px;
	width: 55px;
	font-weight: normal;
	padding: 5px;
	text-align: center;
	display: inline;
	/*border: 3px solid #fff; */
}

.orangebuttons A {color: #fff;
background-color: #ff6600;
padding: 5px;
text-align: center;
border: 3px solid #fff;
float: right; 
}

#newsearchtable .orangebuttons  {
text-align: center;
font-size: 10px;
	height: 8px;
	width: 250px;
	font-weight: normal;
	
}

#newsearchtable .orangebuttons A {color: #fff;
background-color: #ff6600;
padding: 5px;
text-align: center;
border: 3px solid #fff;
float: left; 
display: block;
}


.orangebuttons A:hover
{color: #369;}
/********************************************* 
The following styles controls the top blue bar 
*********************************************/

#bluebar  /*Thin blue bar needed to add space above the tabs */
{
position: relative;
    width: 800px;
    height: 7px;
    background: #369;
    }

#loginbartxt {

    float: left;    
    }
.accounthome  /* Home text */
{
    font-size: 11px;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0px;
color: #fff; 
text-decoration: none;
}

.accounthome:hover {color: #f60; }
#loginbar /* Blue bar that contains the tabs */
{
    position: relative;
    width: 800px;
    height: 25px;
    background: #369;
    color: #fff;
    font-size: 12px;
    
/*  z-index: 20;*/
}


/* End blue bar */


/******************************************************************
Logo Bar - The following styles controls the top part of the logo bar 
*****************************************************************/
#logobar
{
    position: relative;
    width: 800px;
    height: 60px;
    background: #f60;
    color: #000;
    margin: 0;
    font-size: 11px;
    padding: 0;
    top: 0;
    /*z-index: 10;*/
    
}

#logobar A
{
    font-weight: normal;
    background-color: #f60;
    text-decoration: underline;
    color: #fff;
    padding: 0;
    width: 150px;
    border: 0;
    margin: 0;
}

#logobar A:hover
{
    background-color: #f60;
    text-decoration: underline;
}



#txt2 /* Logo positioning */
{
    position: absolute;
    top: 5px;
    left: 5px;
    color: #000;
   
}

#logintxt  /* User name logged in, Company name text */
{
    clear: both;
    position: relative;
    top: 2px;
    left: 0px;
    font-size: 11px;
    color: #fff;
    width: 500px;
    padding: 3px;
    text-align: right;
    font-weight: normal;
    float: right;
    margin-right: 5px;
}

#logintxt A {font-size: 11px; color: #03f; }

/***************************************************
The following styles controls the tabs in the logo bar 
**************************************************/

#phtactive  /* Pre-Hire Testing Active Tab */
{
    position: relative;
    width: 160px;
    height: 25px;
    background: #fff;
    color: #000;
    /*margin-top: 5px; */
    font-size: 12px;
    z-index: 20;  
    margin-left: 180px;
    
}

#ctltaba, #ctrtaba /* Corners - top left and top right */
{
    position: absolute;
    width: 20px;
    height: 20px;
    color: #fff;
    background: #369;
    overflow: hidden;
    
}

#ctltaba  /* Corners - top left */
{
    top: 0px;
    left: 0px;
}

#ctrtaba /* Corners - top right */
{
    top: 0px;
    left: 140px;
    right: 0px;
}

#quadtltaba, #quadtrtaba /* Box part of the tab - top left and top right */
{
    position: relative;
    font-size: 150px;
    font-family: arial;
    color: #fff;
    line-height: 40px;
}

#quadtltaba { left: -8px; } /* Box part of the tab - top left */
#quadtrtaba { left: -25px; } /* Box part of the tab - top right */

#txtphta  /* Pre-Hire Text (active) */
{
    position: absolute;
    top: 5px;
    left: 0px;
    width: 160px;
    height: 20px;
    color: #369;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

#txtphta A
{
    color: #369;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}

#txtphta A:hover { color: #f60; }

/* Pre-Hire Testing InActive Tab */
#phtinactive
{
    position: relative;
    width: 160px;
    height: 25px;
    background: #999;
    color: #000;
    margin-left: 180px;
    font-size: 12px;
    z-index: 20;
}
#txtphti /* Pre-Hire Text (inactive) */
{
    position: absolute;
    top: 5px;
    left: 0px;
    width: 160px;
    height: 50px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

#txtphti A
{
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}

/* Employee Dev. Inactive Tab */
#logobaredinactive
{
    position: relative;
    width: 220px;
    height: 25px;
    background: #999;
    color: #000;
    margin-top: -25px;
    left: 340px;
    float: left;
    font-size: 12px;
  /*  z-index: 20;*/
}

#ctltabb, #ctrtabb /* Corners - top left and top right */
{
    position: absolute;
    width: 20px;
    height: 20px;
    color: #fff;
    background: #369;
    overflow: hidden;
}

#ctltabb /* Corners - top left */
{
    top: 0px;
    left: 0px;
}

#ctrtabb /* Corners - top right */
{
    top: 0px;
    right: 0px;
}

#quadtltabb, #quadtrtabb /* Box part of the tab - top left and top right */
{
    position: relative;
    font-size: 150px;
    font-family: arial;
    color: #999;
    line-height: 40px;
}

#quadtltabb { left: -8px; } /* Box part of the tab - top left  */
#quadtrtabb { left: -25px; } /* Box part of the tab - top right */

#txttabb  /* Employee Development text (inactive) */
{
    position: absolute;
    top: 5px;
    left: 10px;
    width: 200px;
    height: 50px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

#txttabb A
{
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}

#txttabb A:hover
{
    color: #369;
    
    }
#logobaredactive /* Employee Development Tab - Active */
{
    position: relative;
    width: 220px;
    height: 25px;
    background: #fff;
    color: #000;
    margin-top: -25px;
    left: 340px;
    float: left;
    font-size: 12px;
    z-index: 20;
}
#txteda  /* Employee Development text (inactive) */
{
    position: absolute;
    top: 5px;
    left: 10px;
    width: 200px;
    height: 25px;
    color: #369;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

#txteda A
{
    color: #369;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}
/* End logo bar */


/****************************************
                  LEFT NAV 
*****************************************/

#leftbox  /* Left navigation */
{
    position: absolute;
    left: 0px;
    top: 70px;
    width: 200px;
    clear: both;
    margin: 0 .5em .5em 0;
    padding-top: 20px;
    float: left;
    
}


/*
#testnav 
{
background-color: rgb(213, 229, 254);

width: 178px;
color: #369;
border-bottom: 2px solid #369;
margin-top: 0px;
padding: 5px 0;
}

#testnav H3 {margin: 5px 5px 8px 5px; }
#testnav H3 A { color: #369;}
#testnav H3 A:hover {color: #333;}


#leftbox H3 
{
    font-size: 11px;
    
    padding-top: 0px;
    padding-left: 8px;
}
#leftbox H3 A {color: #369;}  

#leftbox H3 A:hover { color: #f60; }
*/

/*
#leftnavbox
{
    position: relative;
    width: 200px;
    float: left;
}
*/

#txtleftnav /* Bulleted text */
{
    position: absolute;
    left: 0px;
    width: 200px;
    color: #369;
    font-size: 11px;
    font-weight: bold;
 

}

#txtleftnav A
{
    color: #369;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    line-height: 150%;
}

#txtleftnav A:hover { color: #f60; }

#txtleftnav UL LI /* Bulleted text positioning */
{
    font-size: 11px;
    list-style-type: none;
    margin-left: -35px;
    padding-bottom: 7px;
}

#txtleftnav UL UL LI A
{
    font-size: 11px;
    font-weight: normal;
       color: #000;
}


/* End left nav */


#rightbox /* Main content */
{
    margin: 10px 0 0 190px;
    padding: 5px;
    width: 600px;
    
}
#rightboxfull /* Main content topnav*/
{
    margin: 0 0 0 10px;
    padding: 5px;
    width: 780px;
    
}

#rightbox H1, #rightboxfull H1 /* Title tag */
{
    color: #f60;
    font-size: 14px;
    margin: 20px 5px 8px 0;
    border-bottom: 1px solid #f60;

}

#rightbox H2, #rightboxfull H2 /* Subheader */
{
    color: #f60;
    font-size: 12px;
    padding: 0px 5px 5px 0px;
    margin: 5px 0 0 0;
}
#rightbox H3, #rightboxfull H3 /* Sub-subheader */
{
    color: #369;
    font-size: 11px;
    padding: 0px 5px 5px 0px;
    margin: 5px 0 0 0;
}

#rightbox P, #rightboxfull P
{
    padding: 5px 5px 5px 0px;
    margin: 2px;
}

#rightbox TABLE
{
    text-align: left;
    font-size: 11px;
}

#rightboxfull TABLE
{
    text-align: left;
    font-size: 11px;
    /*width: 780px;*/

}

#txt1 /* Credit Balance text */
{
    
position: absolute;
    top: 100px;
    text-align: right;
    width: 600px;
    font-size: 11px;
    color: #000;
  
}

#rightboxfull #txt1 /* Credit Balance text */
{    
	position: absolute;
    top: 100px;
    text-align: right;
    width: 785px;
    font-size: 11px;
    color: #000;
  
}

/*#txt1 A { color: #fff; }*/
.announcements /* Announcements */
{
    background-color: #fc9;
    padding: 2px 5px 2px 5px;
    width: 70%;
    font-size: 11px;
    line-height: 150%;
   /* height: 125px;*/
    border: 1px solid #369;
}

.corpbanner /* Banner ad next to annoucnements */
{
    width: 26%;
    float: right;
}

.footer /* Footer */
{
	font-size: 10px;
	width: 100%;
	clear: both;
	
}

.whatis /* Positioning for What is a Test Battery? */
{
position: absolute; 
top: 97pt; 
left: 380px;
}
/* End main content */

.smallInput {
    font-size:10px; 
}
content table {
    /*width: 600px; */
}

.searchtable /* Adds the border around the search by section above the scroll tables */ 
{border: 1px solid #f60; }
.searchButton
{
background-color:#f60;color:#fff;padding:5px;
}.purchasebutton{
	color:#fff;
	text-align:center;
	padding:5px;
	background-color:#f60;
	font-weight:bold;	
}
/************************************************************************
    Scrolling Windows
************************************************************************/
.headerout /* Row style for header that needs to be outside scroll window */
{
background-color: #f60; 
/*text-align: center; */
height: 25px; 
z-index: 200;

}
div.scrollWrapper {
    float: left;
    overflow: scroll;
 /*   overflow-x: none;*/
    height: 330px;
    bottom: 0px;
    width: 100%;
}

div.scrollWrapper table {
    clear: both;
    height: 330px;
    margin: 0 !important;
    margin: 0px;
  /*  border-collapse: separate;*/
    padding: 5px;
    border: 1px solid #f60;
    width: 585px;
}

div.scrollWrapper table tbody tr {
    height:5px;
    vertical-align: top;
}

div.scrollWrapper table thead td
{
	top: 0px;
	/*padding: 5px;*/
	/*background: #F60;*/
	/*
text-align: center;
	position: relative;
*/
	height: 1px;
	margin: 0;
}

div.scrollWrapper table tbody {
    height: 300px;
  /*  max-height: 300px;*/
/*    overflow: scroll;*/
}

div.scrollWrapper table tbody tr {
    width: 90%;
  
}

div.scrollWrapper table tbody tr td {
    /*
border-left: 1px solid #999999;
    border-bottom: 1px solid #999999;
*/
    margin-top: 2px;
    padding-left: 2px;
     overflow: scroll;
}

div.scrollWrapper table tbody tr td.info {
    text-align: center;
}

div.scrollWrapper table tbody tr td.productName {
    text-align: left;
    /*padding-left: 25px;*/
}
/*****************************************************

******************************************************/
div.scrollTable {
    overflow: auto;
    height: 330px;
    bottom: 5px;
  
}

div.scrollTable table {
    clear: both;
    width: 590px;
    overflow: auto;
    margin-right: 0 !important;
    margin-right: 0px;
    border-collapse: separate;
    padding: 0px;  
  
}


div.scrollTable table thead th {
    text-align: center;
    position: relative;
    margin: 0px;
}
/*****************************************************

******************************************************/
div.scrollControl {
    overflow: auto;
    height: 200px;
    bottom: 5px;
    
}

div.scrollControl table {
    clear: both;
    width: 330px;
    overflow: auto;
    margin-right: 0 !important;
    margin-right: 0px;
    margin-top: 0px;
    border-collapse: separate;
    border: 1px solid #f60;
    padding: 0px;
}
div.scrollControl  tbody {
    height: 200px;    
}


div.scrollControl table tbody tr {
    height:10px;
    vertical-align: top;
}
div.scrollControl table thead th {
    text-align: center;
    position: relative;
    margin: 0px;
    border-left: 1px solid #999999;
    border-bottom: 1px solid #999999;
}

div.scrollControl table tbody tr td {   
    margin-top: 2px;
    padding-left: 2px;
    overflow: scroll;
    padding: 5px;
}

div.scrollControl  td {     
    padding: 5px;
}
/************************************************************************
    Cart
************************************************************************/
.statusBox {
    clear: both;
    background-color: rgb(213, 229, 254);
    margin: 0px;
    border: 1px solid #369;
}

.statusBox .orangebuttons A
{border: 3px solid rgb(213, 229, 254); }

  /*.deleteButton {

  height: 14px;
    width: 14px;
    border-width: 1px;
    border-style: solid;
    font-size: 10px;
    font-weight: bold;
    text-align: center;

background-image:url(/template/brainbench/images/bluedelete.gif);
background-repeat: no-repeat;
}
*/
/************************************************************************
    Display Tag
************************************************************************/



thead tr {
    color: #000;
  
}

.displaytag th
{
	background-color: #f60;
	text-align: center;
	height: 45px;
	font-size: 9px;
	
 vertical-align: bottom;
}

th.sorted {

    background-color: #f96;

}

th a, th a:visited {
    text-decoration: none;
    color: #000;
}

td a {
    text-decoration: none;
}

th a:hover {
    background-repeat: no-repeat;
    text-decoration: underline;
    color: #fff;
}

th.sorted a, th.sortable a
{
	background-repeat: no-repeat;
	background-position: bottom;
	display: block;
	height: 45px;
	text-align: center;
	font-size: 9px;
	vertical-align: bottom;
}

th.sortable a {
    background-repeat: no-repeat;
    background-image: url(/avmedia/images/bb/arrow_off.png);
    padding: 5px; 
  vertical-align: bottom;
}


th.order1 a
{
        background-repeat: no-repeat;
        background-image: url(/avmedia/images/bb/arrow_down.png);
        padding: 5px;
      vertical-align: bottom;
}

th.order2 a {
    background-repeat: no-repeat;
    background-image: url(/avmedia/images/bb/arrow_up.png);
    padding: 5px;
    vertical-align: bottom;
}

tr.odd {
    background-color: #eeeeee;
}

.displaytag td {
    padding: 4px;
}
tr.even {
    background-color: #ffffff;
}

div.exportlinks {
    background-color: #eee;
    border: 1px dotted #999;
    padding: 2px 4px 2px 4px;
    margin: 10px 0 10px 0;
    width: 98%;
    font-size: 11px;
}

span.export {
    padding: 0 4px 1px 20px;
    display: inline;
    display: inline-block;
    cursor: pointer;
}

span.pagebanner {
    background-color: #eee;
    border: 1px dotted #999;
    padding: 2px 4px 2px 4px;
    width: 98%;
    margin-top: 10px;
    display: block;
    border-bottom: none;
    font-size: 11px;
}

span.pagelinks {
    background-color: #eee;
    border: 1px dotted #999;
    padding: 2px 4px 2px 4px;
    width: 98%;
    display: block;
    border-top: none;
    margin-bottom: 3px;
    font-size: 11px;
}
/*********************************************** 
INCLUSION OF "OLD" STYLES FOR LEGACY PAGES 
*************************************************/
.rowheader
{background-color: #cccccc;

width:  100%;
 padding: 5px;}

.subheader {
    
    font-weight: bold;
    background-color: #ccc;
  /*
  width: 100%;
    padding: 5px;
*/
    }
    .subheader2 {
    
    font-weight: bold;
    background-color: #369;
    color: #fff;
    }
    .rptheader
{background-color: #cccccc;
border: 0;
width:  100%}

.reportfont 
{font-size: 11px;
 font-weight: bold;}
 
 .required {color: #f00;}

/*******************************************
Add to Your Balance Styles
*******************************************/ 
 .smallComment {
	font-weight: normal;
	color:#369;
	font-size: 9px;
	
}

#creditBalanceTable hr {
	margin: 20px 0px 20px 0px;
}

#creditBalanceTable li {
padding-bottom: 5px;
}


.nn {position: absolute !important;}

/*******************************************
Test Reconstruct Styles
*******************************************/ 
.proportional
{
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:  8pt;
  text-align: left;
}
.proportionalbold
{
  color: #000000;
  font-weight: bold
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:  8pt;
  text-align: left;
}
.nonproportional
{
  color: #000000;
  font-family: "Courier New", Courier, monospace;
  font-size:  8pt;
  text-align: left;
}

.sampletitle
{
  background-color: #000099;
  color: #ffffff;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size:  8pt;
  text-align: center;
}


.choicecorrect
{
  background-color: #000099;
  color: #FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size:  8pt;
  text-align: center;
}

.choiceincorrect
{
  background-color: #ff0000;
  color: #FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size:  8pt;
  text-align: center;
}

.choiceshade
{
  background-color: #e0e0e0;
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size:  8pt;
  text-align: center;
}
.correctanswer
{
  background-color: #000099;
  border: 2px solid #000000;
  color: #FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size:  8pt;
  text-align: center;
}
.incorrectanswer
{
  background-color: #ff0000;
  border: 2px solid #000000;
  color: #FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size:  8pt;
  text-align: center;
}