/*
 * BODY STYLE
 * Note: I have set this to zero padding and zero margin for the assignuser0.php page.
 * On that page, javascript is used to draw lines between page elements, and it relies
 * on the fact that the <div> being drawn on is on the same coordinate system as the
 * elements.  A workaround would be to change the assignuser0.php page specifically for this.
 */
body {
  background-color: #ffffff;
  border: 0px;
  margin: 0%;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 9pt;
  font-weight: 500;
  font-variant: normal;
  text-decoration: none;
  color: #000;
}

body.account {
  background-image:url('/images/header_bg.gif');
  background-repeat:repeat-x;
}




/*
 * CONTENT STYLE
 * The style of the <table><tr><td> ... content ... </td></tr></table>
 * surrounding every page where the user is logged-in.
 ******************************************************************************************/

table.content {
  padding: 0px;
}

td.content {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 0px;
  padding-bottom: 4px;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 9pt;
  font-weight: 500;
  font-variant: normal;
  text-decoration: none;
  color: #000;
}




/*
 * LOGIN STYLE
 * This is kept separate so that it may be merged in with other pages, and
 * changed without effecting other pages where the user is logged-in.
 ****************************************************************************/

table.login {
  border: solid;
  border-width: 1px;
  border-color: #4d691e;
  border-bottom-width: 0px;
  border-right-width: 0px;
  background: rgb(244, 244, 244);
}

td.login {
  border: solid;
  border-width: 1px;
  border-color: rgb(111, 0, 0);
  border-top-width: 0px;
  border-left-width: 0px;
  padding: 7px;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 9pt;
  font-weight: 500;
  font-variant: normal;
  text-decoration: none;
}

font.loginheader {
  font-family: "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif;
  font-size: 15pt;
  font-weight: 600;
  font-variant: normal;
  text-decoration: none;
  color: #fff;
}

font.login {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 9pt;
  font-weight: 500;
  font-variant: normal;
  text-decoration: none;
}

input.login {
  border: solid;
  border-color: #4d691e;
  border-width: 1px;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 8pt;
  font-weight: 500;
  font-variant: normal;
  text-decoration: none;
  color: #000;
  background: #e9f3d8;
}

input.loginSubmit {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 8pt;
  font-weight: 700;
  text-decoration: none;
  color: rgb(111, 111, 111);
}

a.login {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 8pt;
  font-weight: 500;
  font-variant: normal;
  text-decoration: none;
  color: #12468b;
}

a.login:hover {
  text-decoration: underline;
  color: #78a22e;
}

/* NOTE: Forgot if this is being used or not... */
font.currentstate {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 8pt;
  font-weight: 500;
  font-variant: normal;
  text-decoration: none;
  color: rgb(255, 128, 0);
}





/*
 * ACCOUNT MENU STYLE
 * Style for the menus in the logged-in area.
 ******************************************************************/

table.menu {
  background: url("/images/submenu_tile.gif");
  height: 35px;
  padding: 0px;
  border: none;
}

table.bottommenu {

  padding: 0px;
  border: none;
}


td.menuitem {
  padding-top: 5px;
  color: rgb(55, 77, 66);
}

a.menuitem {

/*
  border: solid;
  border-width: 1px;
  border-color: rgb(55, 55, 55);
  background: rgb(233, 233, 166);
  padding: 2px;
*/

  text-decoration: none;
  font-family: "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif;
  font-size: 10pt;
  font-weight: normal;
  font-variant: normal;
  text-decoration: none;
  color: #fff;

}

a.menuitem:hover {
/*
  background: rgb(255, 255, 111);
  border-color: rgb(0, 0, 128);
  text-decoration: underline;
*/
text-decoration: underline;
}




td.bottommenuitem {
  padding-top: 5px;
  color: rgb(55, 77, 66);
  font-size: 9pt;
}

a.bottommenuitem {
  text-decoration: underline;
  font-family: "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif;
  font-size: 9pt;
  font-weight: normal;
  font-variant: normal;
  text-decoration: none;
  color: #12468b;

}

a.bottommenuitem:hover {
  color: #78a22e;
  text-decoration: underline;
}








/*
 * USER ACCOUNT STYLE
 * Styles used throughout the logged-in area of the web application.
 * There are other styles, such as masterliststyles and orgtree styles,
 * which also appear in the logged-in area, and may need to be changed
 * to look consistent with these styles.
 **************************************************************************/

a.accountlinks {
  text-decoration: underline;
  font-size: 10pt;
  font-weight: 500;
  font-variant: normal;
  text-decoration: none;
  color: #12468b;
}

a.accountlinks:hover {
  color:  #78a22e;
}

.accounttitle {
font-weight: bold;
letter-spacing: .1em;
color: #78a22e;
text-transform: uppercase;
  font-family: "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif;
}

.accountsubtitle {
font-size: 1.3em;
color: #12468b;
font-family: "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif;
}

font.accountusername {
  font-size: 8pt;
  font-weight: 500;
  font-variant: normal;
  text-decoration: none;
  color: #12468b;
  font-family: verdana, helvetica, arial, sans-serif;
}

td.normal {
  padding: 4px;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 10pt;
  font-weight: 500;
  font-variant: normal;
  text-decoration: none;
}

td.litenormal {
  padding: 4px;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 10pt;
  font-weight: 500;
  font-variant: normal;
  text-decoration: none;
  background: rgb(244, 244, 244);
}

td.darknormal {
  padding: 4px;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 10pt;
  font-weight: 500;
  font-variant: normal;
  text-decoration: none;
  background: rgb(233, 233, 233);
}


/*
 * NOTE: account list styles are only used in super-admin section.
 * may be updated to other styles.
 */

table.accountlist {
  border: solid;
  border-width: 1px;
  border-left-width: 0px;
  border-color: #4d691e;
  padding: 0px;
}


td.accountlistheader {

  border: none;
  border-width: 0px;

  border-top: solid;
  border-top-width: 0px;
  border-top-color: rgb(155, 155, 255);

  border-left: solid;
  border-left-width: 1px;
  border-left-color: rgb(88, 88, 55);

  border-bottom: solid;
  border-bottom-width: 1px;
  border-bottom-color: rgb(88, 88, 55);

  font-family: verdana, tahoma, trebuchet ms, arial, helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  font-variant: small-caps;
  font-style: normal;
  color: rgb(255, 255, 255);

  background: rgb(122, 133, 111);
  padding: 2px;
}

td.accountlistlabel {
  font-family: verdana, tahoma, trebuchet ms, arial, helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  font-variant: small-caps;
  font-style: normal;
  color: rgb(255, 255, 255);
  padding: 2px;
}

td.accountlistlite {
  border: none;
  border-left: solid;
  border-left-width: 1px;
  border-left-color: rgb(155, 155, 155);
  padding: 3px;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 8pt;
  font-style: normal;
  font-weight: 500;
  color: rgb(0, 0, 0);
  background: rgb(255, 255, 255);
}

td.accountlistdark {
  border: none;
  border-left: solid;
  border-left-width: 1px;
  border-left-color: rgb(155, 155, 155);
  padding: 3px;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 8pt;
  font-style: normal;
  font-weight: 500;
  color: rgb(0, 0, 0);
  background: rgb(238, 244, 211);
  background: rgb(233, 233, 222);

}


a.accountlist {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 8pt;
  font-style: normal;
  font-weight: 500;
  color: rgb(0, 0, 128);
  text-decoration: none;
}

a.accountlist:hover {
  text-decoration: underline;
  color: rgb(255, 0, 0);
}


/*
 * CALLOUT STYLES
 *********************************************************************************/


font.callouttitle {
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: bold;
  font-variant: normal;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  font-family: "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif;
}






/*
 * ACCOUNT FORM STYLE
 * These are the styles intended to be used by all forms in the logged-in area.
 ********************************************************************************/

table.accountForm {
  border: solid;
  border-width: 1px;
  border-color: #4d691e;
}

hr.accountForm {
  height: 1px;
  color: #4d691e;
}

font.accountFormInfo {
  font-family: "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif;
  font-size: 8pt;
  font-weight: normal;
  font-variant: normal;
  font-style: normal;
  color: rgb(88, 88, 88);
}

font.accountFormAsterisk {
  font-family: "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif;
  font-size: 10pt;
  font-weight: normal;
  font-variant: normal;
  font-style: normal;
  color: rgb(255, 111, 0);
}

font.accountFormFieldName {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  font-variant: normal;
  font-style: normal;
  color: #000;
}


td.accountFormTitle {

  border: none;
  border-width: 0px;

  border-bottom: solid;
  border-bottom-width: 1px;
  border-bottom-color: #4d691e;

  font-size: 16px;
  letter-spacing: 1px;
  font-weight: bold;
  font-variant: normal;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  font-family: "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif;

  background: #12468b;
  padding: 7px;
}

td.accountFormFooter {
  border: none;
  border-width: 0px;

  border-top: solid;
  border-top-width: 1px;
  border-top-color: #4d691e;

  font-family: "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  font-variant: normal;
  font-style: normal;
  color: #fff;

  background: #12468b;
  padding: 5px;
}



td.accountFormNormal {
  border: none;
  border-width: 0px;
  background: #fff;
  font-family: "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif;
  font-size: 10pt;
  font-weight: normal;
  font-variant: normal;
  font-style: normal;
  color: #000;
  padding: 7px;
}

a.accountForm {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 8pt;
  font-style: normal;
  font-weight: 500;
  color: #12468b;
  text-decoration: underline;
}

a.accountForm:hover {
  text-decoration: underline;
  color: #78a22e;
}

input.accountField {
  border: solid;
  border-color: #4d691e;
  border-width: 1px;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 10pt;
  font-weight: 500;
  font-variant: normal;
  text-decoration: none;
  color: #000;
  background: #e9f3d8;
}


select {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 8pt;
  font-weight: 500;
  font-variant: normal;
  text-decoration: none;
  color: #000;
}


select.accountForm {
  border: solid;
  border-color: #4d691e;
  border-width: 1px;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 10pt;
  font-weight: 500;
  font-variant: normal;
  text-decoration: none;
  color: #000;
  background: #e9f3d8;
}

input.accountSubmit {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 8pt;
  font-weight: 500;
  text-decoration: none;
  color: #000
}









/*
 * ACCOUNT BANNER STYLES
 * Styles used for the top banner of the logged-in pages.
 * This section can also include bottom banners for pages.
 *****************************************************************/

table.banner {
  border: none;
  border-width: 0px;
  padding: 0px;
  border-color: rgb(0, 0, 0);
}

td.bannertop {
  border: none;
  border-width: 0px;
  padding: 0px;
  background: rgb(0, 0, 0);

  font-size: 24pt;
  font-weight: 500;
  font-variant: small-caps;
  text-decoration: none;
  color: #fff;
}

td.bannerbottom {
  border: solid;
  border-width: 0px;
  border-bottom-width: 1px;
  border-color: #4d691e;
  font-size: 12pt;
  font-weight: bold;
  font-variant: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-decoration: none;
  color: #fff;
  font-family: "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif;
  background: #78a22e;
  padding: 10px;

  background: url("/images/submenu_tile.gif");
  height: 35px;
  padding: 0px;
  padding-top: 3px;
  padding-left: 10px;
  border: none;
}

td.bottombanner {
  border: solid;
  border-width: 0px;
  border-top-width: 1px;
  border-color: rgb(0, 0, 0);
  font-size: 12pt;
  font-weight: bold;
  font-variant: normal;
  text-decoration: none;
  color: rgb(0, 0, 0);
  font-family: "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif;
  background: rgb(255, 211, 88);
  padding: 10px;
}







/*
 * FATAL ERROR STYLE
 * This is the style used for displaying fatal error messages.
 * Fatal error messages are displayed mostly in three cases:
 * (1) when the user changes the address in the URL bar of the browser
 *     and doesn't have access to view that page.
 * (2) when there is a database error.
 * (3) when the program goes into an illegal state (which means there
 *     is either a bug or the computer needs to be restarted).
 * In summary, a user should NEVER see this.  If so, it means I'm
 * a bad programmer, or they're trying to hack the sight, or the
 * database went offline.
 **********************************************************************/

font.errortitle {
  font-size: 20pt;
  font-weight: 500;
  font-variant: small-caps;
  text-decoration: none;
  color: rgb(255, 44, 0);
  font-family: verdana, helvetica, arial, sans-serif;
}

font.errortype {
  font-size: 15pt;
  font-weight: 500;
  font-variant: small-caps;
  text-decoration: none;
  color: rgb(0, 0, 0);
  font-family: verdana, helvetica, arial, sans-serif;
}

font.errordetail {
  font-size: 10pt;
  font-weight: 500;
  font-variant: normal;
  text-decoration: none;
  color: rgb(0, 0, 0);
  font-family: verdana, helvetica, arial, sans-serif;
}





/*
 * TEST STYLE
 * Styles used in the SOI test section of the website.  Here is
 * where a good impression is important (and also the admin sections).
 **********************************************************************/

/*
 * The "testtitle*" styles are used for displaying the "Your SOI Questionnaire"
 * at the top of the question pages while they are taking the test.  Maybe this
 * should be an image.
 */

div.testtitle {
  background: #fff;
}

font.testtitle {
  font-size: 26pt;
  font-weight: 500;
  font-variant: normal;
  text-decoration: none;
  color: #12468b;
  font-family: "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif;
}

font.testtitleparentheses {
  font-size: 14pt;
  font-weight: 500;
  font-variant: normal;
  text-decoration: none;
  color: #12468b;
  font-family: "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif;
}

font.testtitlesub {
  font-size: 13pt;
  font-weight: 500;
  font-variant: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-decoration: none;
  color: #78a22e;
  font-family: "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif;
}

font.testtitlesub2 {
  font-size: 10pt;
  font-weight: 500;
  font-variant: normal;
  text-decoration: none;
  letter-spacing: 1px;
  color: #12468b;
  font-family: "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif;
}






/*
 * This style is for the "Part 1 of 2" at the top of the questionnaire.
 */
font.testparttitle {
  font-size: 12pt;
  font-weight: 500;
  font-variant: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-decoration: none;
  color: #78a22e;
  font-family: verdana, helvetica, arial, sans-serif;
}


/*
 * This style is for the question number right next to the question in the questionnaire.
 */
font.questionnumber {
  font-size: 8pt;
  font-weight: 700;
  font-variant: normal;
  text-decoration: none;
  color: rgb(0, 0, 0);
  font-family: verdana, helvetica, arial, sans-serif;
}


/*
 * Forgot.
 */
hr.test {
  height: 1px;
  color: rgb(188, 188, 188);
}



/*
 * This is the font used for the title of each section of the
 * Questionnaire results page.
 */
/*
 * This is the font used for the title of each section of the
 * Questionnaire results page.
 */
font.resultstitle {
  font-size: 18pt;
  font-weight: bold;
  text-decoration: none;
  color: #12468b;
  font-family: "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif;
}

font.resultssubtitle {
  font-size: 14pt;
  font-weight: 500;
  font-variant: normal;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #78a22e;
  font-family: "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif;
}

font.resultssubtitle2 {
  font-size: 10pt;
  font-weight: bold;
  font-variant: normal;
  text-decoration: none;
  color: #12468b;
  font-family: "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif;
}


/*
 * This is the font used to display the personality type in the results page.
 * Could be the same as 'resultssubtitle' style for all practical purposes.
 */
font.patterntitle {
  font-size: 14pt;
  font-weight: 500;
  font-variant: small-caps;
  text-decoration: none;
  color: rgb(77, 44, 122);
  font-family: verdana, helvetica, arial, sans-serif;
}


/*
 * This is the font used in the description of the personality type.
 */
font.patterntext {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 9pt;
  font-weight: 500;
  font-variant: normal;
  text-decoration: none;
  color: rgb(0, 0, 0);
}


/*
 * Same as font.patternnext, but for being inside of table cells.
 */
td.patterntext {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 9pt;
  font-weight: 500;
  font-variant: normal;
  text-decoration: none;
  color: rgb(0, 0, 0);
}






/*
 * MASTER LIST STYLES
 * These styles are used to display the "mainlist.php" pages in
 * the super-admin and employer-admin sections.
 **********************************************************************/


table.masterlist {
  border: solid;
  border-width: 1px;
  border-left-width: 0px;
  border-color: rgb(0, 0, 0);
  padding: 0px;
}


td.masterlistheader {

  border: none;
  border-width: 0px;

  border-top: solid;
  border-top-width: 0px;
  border-top-color: rgb(155, 155, 255);

  border-left: solid;
  border-left-width: 1px;
  border-left-color: rgb(88, 88, 55);

  border-bottom: solid;
  border-bottom-width: 1px;
  border-bottom-color: rgb(88, 88, 55);

  font-family: verdana, tahoma, trebuchet ms, arial, helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  font-variant: small-caps;
  font-style: normal;
  color: rgb(255, 255, 255);

  background: rgb(122, 133, 111);
  padding: 2px;
}

td.masterlistlabel {
  font-family: verdana, tahoma, trebuchet ms, arial, helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  font-variant: small-caps;
  font-style: normal;
  color: rgb(255, 255, 255);
  padding: 2px;
}

td.masterlistlite {
  border: none;
  border-left: solid;
  border-left-width: 1px;
  border-left-color: rgb(155, 155, 155);
  padding: 3px;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 8pt;
  font-style: normal;
  font-weight: 500;
  color: rgb(0, 0, 0);
  background: rgb(244, 244, 244);
}

td.masterlisthilite {
  border: none;
  border-left: solid;
  border-left-width: 1px;
  border-left-color: rgb(155, 155, 155);
  padding: 3px;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 8pt;
  font-style: normal;
  font-weight: 500;
  color: rgb(0, 0, 0);
  background: rgb(255, 255, 122);
}

td.masterlistdark {
  border: none;
  border-left: solid;
  border-left-width: 1px;
  border-left-color: rgb(155, 155, 155);
  padding: 3px;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 8pt;
  font-style: normal;
  font-weight: 500;
  color: rgb(0, 0, 0);
  background: rgb(233, 233, 222);
}


a.masterlist {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 8pt;
  font-style: normal;
  font-weight: 500;
  color: #12468b;
  text-decoration: none;
}

a.masterlist:hover {
  text-decoration: underline;
  color: #78a22e;
}







/*
 * ORG TREE STYLES
 * These styles are used for displaying the organizational hierarcy
 * in the admin sections.
 ***********************************************************************/

table.orgtree {
  border: solid;
  border-width: 1px;
  border-color: rgb(188, 188, 122);
  border-left-color: rgb(233, 233, 211);
  border-top-color: rgb(222, 222, 188);
  padding: 5px;
}



td.orgtreelite {
  border: none;
/*
  border-left: solid;
  border-left-width: 1px;
  border-left-color: rgb(155, 155, 155);
  background: rgb(244, 255, 244);
*/
  padding: 3px;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 8pt;
  font-style: normal;
  font-weight: 500;
  color: rgb(0, 0, 0);
}

td.orgtreedark {
  border: none;
/*
  border-left: solid;
  border-left-width: 1px;
  border-left-color: rgb(155, 155, 155);
  background: rgb(233, 233, 244);
*/
  padding: 3px;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 8pt;
  font-style: normal;
  font-weight: 500;
  color: rgb(0, 0, 0);
}


td.orgtreeperson {
  padding: 0px;
  border: none;
  border-width: 0px;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 8pt;
  font-style: normal;
  font-weight: 500;
  color: rgb(0, 0, 0);
}

td.orgtreepersonlite {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 8pt;
  font-style: normal;
  font-weight: 500;
  color: rgb(0, 0, 0);
  padding: 0px;
  border: none;
  border-width: 0px;
  background: #fff;
}

td.orgtreepersondark {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 8pt;
  font-style: normal;
  font-weight: 500;
  color: rgb(0, 0, 0);
  padding: 0px;
  border: none;
  border-width: 0px;
  background: rgb(238, 244, 211);
  background: rgb(233, 233, 222);

}



a.orgtree {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 10pt;
  font-style: normal;
  font-weight: 500;
  text-decoration: underline;
  color: rgb(55, 55, 55);
}

a.orgtree:hover {
  color: rgb(0, 0, 255);
}

a.orgtreedelete {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 6pt;
  font-style: normal;
  font-weight: 500;
  text-decoration: none;
  color: rgb(211, 111, 5);
}

a.orgtreedelete:hover {
  color:#78a22e;
}


td.orgtreetracernone {
  width: 10px;
  height: 15px;
  border: none;
  border-width: 0px;
  padding: 0px;
}

td.orgtreetracerleft {
  width: 10px;
  height: 15px;
  border: solid;
  border-width: 1px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-right-width: 0px;
  border-color: rgb(55, 55, 55);
  padding: 0px;
}

td.orgtreetracercorner {
  width: 10px;
  height: 15px;
  border: solid;
  border-width: 1px;
  border-top-width: 0px;
  border-right-width: 0px;
  border-color: rgb(55, 55, 55);
  padding: 0px;
}


td.orgtreetracerbottom {
  width: 10px;
  height: 15px;
  border: solid;
  border-width: 1px;
  border-top-width: 0px;
  border-right-width: 0px;
  border-left-width: 0px;
  border-color: rgb(55, 55, 55);
  padding: 0px;
}









/*
 * NEW ORG TREE STYLES NEW!!!!
 * These styles are used for displaying the organizational hierarcy
 * in the admin sections.
 ***********************************************************************/

table.ot {
  border: solid;
  border-width: 1px;
  border-color: rgb(188, 188, 122);
  border-left-color: rgb(233, 233, 211);
  border-top-color: rgb(222, 222, 188);
  padding: 5px;
}



td.otl {
  border: none;
/*
  border-left: solid;
  border-left-width: 1px;
  border-left-color: rgb(155, 155, 155);
  background: rgb(244, 255, 244);
*/
  padding: 3px;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 8pt;
  font-style: normal;
  font-weight: 500;
  color: #000;
}

td.otd {
  border: none;
/*
  border-left: solid;
  border-left-width: 1px;
  border-left-color: rgb(155, 155, 155);
  background: rgb(233, 233, 244);
*/
  padding: 3px;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 8pt;
  font-style: normal;
  font-weight: 500;
  color: #000;
}


td.otp {
  padding: 0px;
  border: none;
  border-width: 0px;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 8pt;
  font-style: normal;
  font-weight: 500;
  color: #000;
}

a.ot {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 10pt;
  font-style: normal;
  font-weight: 500;
  text-decoration: underline;
  color: #000;
}

a.ot:hover {
  color: rgb(0, 0, 255);
}

a.otx {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 6pt;
  font-style: normal;
  font-weight: 500;
  text-decoration: none;
  color: rgb(211, 111, 5);
}

a.otx:hover {
  color: rgb(255, 0, 0);
}


td.tn {
  width: 10px;
  height: 15px;
  border: none;
  border-width: 0px;
  padding: 0px;
}

td.tl {
  width: 10px;
  height: 15px;
  border: solid;
  border-width: 1px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-right-width: 0px;
  border-color: rgb(55, 55, 55);
  padding: 0px;
}

td.tc {
  width: 10px;
  height: 15px;
  border: solid;
  border-width: 1px;
  border-top-width: 0px;
  border-right-width: 0px;
  border-color: rgb(55, 55, 55);
  padding: 0px;
}


td.tb {
  width: 10px;
  height: 15px;
  border: solid;
  border-width: 1px;
  border-top-width: 0px;
  border-right-width: 0px;
  border-left-width: 0px;
  border-color: rgb(55, 55, 55);
  padding: 0px;
}








/*
 * LOADING BOX STYLES
 * These are the styles of the "page loading... please wait" box
 * at the top of the pages.
 **********************************************************************/

td.loadingBox {
  border: none;
  border-width: 0px;
/*
  border-color: rgb(211, 233, 111);
*/
  background: rgb(255, 255, 255);
  padding: 5px;
  font-size: 8pt;
  font-family: "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif;
  color: rgb(55, 55, 55);
}








/*
 * ASSIGN USER STYLES
 * These are the styles used in the assign-user pages.  There are only
 * two possibilities - to assign a test-taker to an administrator, or
 * to assign a sub-admin to a co- or key-admin.
 **********************************************************************/

td.assignuserheader {
  font-family: "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif;
  font-size: 12pt;
  font-weight: bold;
  background: #e9f3d8;
}

td.assignuserlite {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 8pt;
  background: #e9f3d8;
}

td.assignuserdark {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 8pt;
  background: #dde7f4;

}




.slrTitle {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:10pt;
  color: #666666;
  font-weight: bold;
  font-variant: small-caps;
  text-align: center;
}