/*
   File: tc5style.css
   Author: cgarvey
   Copyright WBT Systems, 1995-2010
   Contents:
*/
/*
   Date:          Author:  Comments:
    4th May 2005  eweb     #8221 new style TCFormExerciseWarningLabel
   31st Jul 2006  eweb     #10265 Mis-spelt vertical.
    4th Sep 2008  eweb     #11039 Added new what was tc8NewStyle.css
   19th Sep 2008  eweb     #11039 Don't size textareas
   16th Oct 2008  jsheil   #11039 Tree View Styles
   23rd Oct 2008  jsheil   #11039 Table Listings, Search Object Summary, resized icons.
   28th Oct 2008  jsheil   #11039 Form Styles
   28th Oct 2008  jsheil   #11039 Form Input Styles
    6th Nov 2008  jsheil   #11039 Catalog Search Results Styles
   14th Nov 2008  lisa     #11039
    1st Dec 2008  jsheil   #11039 Panel Header Menu Button Styles
    4th Dec 2008  jsheil   #11039 Manage Participants
   15th Dec 2008  jsheil   #11039 Dialog Styles
   18th Dec 2008  jsheil   #11039 TCActionToolbar styles
   18th Dec 2008  lisa     #11039
   23rd Dec 2008  jsheil   #11039 Subtabs
   22nd Jan 2009  jsheil   #11039 Added Pagination classes, Action Link classes
   22nd Jan 2009  sdeehan  #11039 - UI Tidy Up
   29th Jan 2009  sdeehan  #11039 UI Tidy Up
   29th Jan 2009  jsheil   #11039 Added Instructor Action Toolbar classes
    5th Feb 2009  sdeehan  #11039 Log in page style
   10th Feb 2009  jsheil   #11039 added CSS classes for TCActionToolbar, TCResetSearch and TCCursor
   10th Feb 2009  jsheil   #11039 increased width of TCContainer for Calendar Screen views
   19th Feb 2009  jsheil   #11039 Added classes for Catalog Search form and form field help
   26th Feb 2009  jsheil   #11039 new CSS classes for TCPanelHeaderTitleActions
   26th Feb 2009  joconnor #11039 add TCBillingSummary
    5th Mar 2009  joconnor #11039 add TCCreate
    5th Mar 2009  jsheil   #11039 Added DashboardItem styles and ProgressBar styles
   12th Mar 2009  joconnor #11039 Modify TCCreate
   12th Mar 2009  jsheil   #11039 Rewrite Progress Bar styles for IE
   26th Mar 2009  jsheil   #11218 Fixes to styles to handle display of Catalog Browse on FireFox
   31st Mar 2009  jsheil   #11039 Added styles for server-side messaging
   31st Mar 2009  jsheil   #11498 Added style TCEMailAddress for email address length
    7th Apr 2009  jsheil   #11039 adhoc style fixes for fieldset, legend, TCErrorMessage and column header sort icons
   20th Apr 2009  jsheil   #11039 added new styles for collaboration screens
   21st Apr 2009  jsheil   #11039 Content UI Update
   22nd Apr 2009  jsheil   #11595 added new class 'TCSubListing-buttons' for part manager object lists
   12th May 2009  deesy    #00005 added report's template classes
    2nd Jul 2009  jsheil   #11475 Extract colour information
   28th Jul 2009  jsheil   #11039 Added CSS Classes for Data Migration templates
    3rd Sep 2009  jsheil   #11039 Apply UI Standards to ULM Listings
   18th Feb 2010  jsheil   #12175 Modify TCShowError. Remove TCPagination.
   25th Feb 2010  jsheil   #11039 Add YUI Drag and Drop functionality for User Preferences
*/

/**-------------- DEFAULT FONT TYPE DEFINITION ---------------**/

/* http://www.jameswhittaker.com/blog/article/em-based-layouts-vertical-rhythm-calculator/ */
/* http://www.alistapart.com/articles/howtosizetextincss */
body {
    font-size:71.875%; /* equates to base font size of 11.5px */
    line-height:1.3125em;
    margin-left:2px;
    margin-right:2px;
    margin-top:0px;
}

/* Even = 0 Odd = 1*/

.TCListItemC,
.TCListItem0,
.TCListItem0B,
.TCListItem0C,
.TCListItem0R,
.TCListItem1,
.TCListItem1B,
.TCListItem1C,
.TCListItem1R,
.TCTabActive,
.TCTabInActive,
.TCSectionHeader,
.TCFormSectionTitle,
.TCListTitle,
.TCPageHeader,
.TCActionHeader,
.TCToolBoxHeader,
.TCNavigation,
.TCLoginInfo,
.TCRequired,
.TCGlobalHeader,
.TCInfoMessage,
BODY,
TABLE,
INPUT,
SELECT,
A,
UL,
LI,
P,
BR,
H1,
H2,
H3,
TD,
TH,
.TCjust { font-family: Verdana ,Arial, Helvetica, sans-serif;}

/**-------------- FONT SIZE DEFINITION ---------------**/

.TCListItemC,
.TCListItem0,
.TCListItem0B,
.TCListItem0C,
.TCListItem0R,
.TCListItem1,
.TCListItem1B,
.TCListItem1C,
.TCListItem1R,
.TCTabActive,
.TCTabInactive,
.TCSectionHeader,
.TCFormSectionTitle,
.TCNavigation,
.TCToolBoxHeader,
.TCLoginInfo,
.TCListHeader,
.TCRequired,
.TCGlobalHeader,
TABLE,
INPUT,
SELECT,
UL,
LI,
P,
BR,
TD,
TH,
.TCjust { font-size: 1.0em; }

/**---------------------TEXT COLOR DEFINITIONS------------------------**/

/*---BLACK---*/
BODY,
UL,
.TCLoginInfo,
.TCGlobalDate,
.TCPageNumber,
INPUT,
.TCText { color: #000000; }


/*---WHITE---*/

.TCFormSectionTitle,
.TCSectionHeader,
.TCtopHeadTopHL,
.TCTabInactive,
.TCToolBoxHeader,
A.TCTabInactive,
TD.TCTabInactive { color: #FFFFFF; }


/*---CHERRY---*/

.TCNavigation,
.TCActionBar,
.TCTabActive { color: #B10D0A; }

/*---LIGHTBLUE---*/


/*---RED---*/

A:active,
.TCRequired { color: #ff0000; }

/**---------------------BACKGROUND COLOR DEFINITIONS------------------------**/

/*---WHITE---*/

BODY,
.TCLoginInfo,
.TCGlobalDate,
.TCSpHolderRow { background-color: #FFFFFF; }

/*---DARKGREY 1---*/

.TCTabInakt { background-color: #999999; }

/*---DARKGREY 2---*/

.TCLogo,
.TCNavigation,
.TCActionBar { background-color: #FFF; }

/*---LIGHTBLUE---*/

TD.TCTabActive,
.TCListTitle,
TR.TCListTitle TH,
.TCActiveTabWrapper,
.TCTabActive,
.TCtopHeadTopHL,
TABLE.TCFormExerciseDetails TH,
.TCchanged { 
   color: #666666;  
}

/*---DARKBLUE---*/

TD.TCTabInactive,
.TCSeparatorLine,
.TCTabInactive,
.TCToolBoxHeader { background-color: #DBDBDB; }

/*---odd rows in basic table---*/

.TCListItem1,
.TCListItem1 TD,
.TCListItem1B,
.TCListItem1B TD,
.TCListItem1C,
.TCListItem1C TD,
.TCListItem1R,
.TCListItem1R TD,
.TCRadio1,
.TCFormExerciseDetails TD,
.TCSectionHeaderLine {
background-color: #EEEEEE;
border-width:0px 0px 1px 0px;
border-color:#D2D2D2;
border-style:solid;
padding:4px;
}

/*---even rows in basic table---*/

.TCListItem0,
.TCListItem0 TD,
.TCListItem0B,
.TCListItem0B TD,
.TCListItem0C,
.TCListItem0C TD,
.TCListItem0R,
.TCListItem0R TD,
.TCRadio0 { background-color: #FFF;
border-width:0px 0px 1px 0px;
border-color:#D2D2D2;
border-style:solid;
padding:4px;
}

/** -----------------HTML BASIC ELEMENTS ---------------**/

BODY  {}

IMG { border: 0px; }

P.TCTableHeader { font-size:1.5em; margin: 10px 0px 10px 0px; text-align:left; }

div.TCFrameOuter { background-color:#eeeeee; margin-top: 5px; margin-bottom: 5px; padding: 1px; text-align:justify; border:1px solid #D9D9D9; }
div.TCFrameInner { background-color:#fff; margin: 2px; padding: 5px; text-align:justify; border:1px solid #D9D9D9; }

.TCtext {
  min-width:2.5em;
}

/**-------------- TABLE ELEMENTS---------------**/

TABLE { border-collapse:collapse; width: 100%; }

TD,TH { text-align:left; }

TR { line-height: 1.3125em; }

/*---bold columns in basic table---*/

.TCListItem1B,
.TCListItem1Label,
.TCListItem0B { font-weight: bold; }

/*---centered columns in basic table---*/


.TCListItemC,
.TCListItem1C,
.TCListItem0C {text-align: center;}

.TCListItemR,
.TCListItem1R,
.TCListItem0R {text-align: right;}


TABLE.TCLogin { width:279px; border:1px solid #D9D9D9; }

/*TABLE.TCForm { border:1px solid #D9D9D9; }*/

/*
.TCForm TH { font-weight: bold; padding:4px; margin:5px;}
.TCForm TR TH,
.TCForm TR TH TD {padding:4px; margin:5px;}
.TCForm TD.TCFormSearchLabel { padding:4px; font-weight: bold; text-align:right; }
.TCForm TD.TCFormSearchElement { text-align:left; }
*/

.TCFormLabel { vertical-align:top; }
.TCFormElement {}

TABLE.TCGlobalHeader {}

TABLE.TCList { width: 50%; }

TABLE.TCMGroup { border-collapse:separate; border:outset 1px; width: 50%;}

TABLE.TCFormExerciseDetails,
TABLE.TCListing { }


TABLE.TCFormExerciseReviewQuestions
{
  border-collapse:separate;
}

.TCListTitle TH {padding:4px; margin:3px; text-align: center;}

.TCListTitle,
.TCListTitle TH { font-weight: bold; }


TABLE.TCNaviMenu { border: 0px; width:140px; }

TABLE.TCToolBox { border: 0px; width:120px; }


/**-------------- LINK ---------------**/

/*---link is lightblue and underlined by default---*/

A:hover {}

A:active {}

A.bold { font-weight: bold; }

/*--- TopClass 8: Links are midblue ---*/
a:hover, a:link, a:visited, a:active {
  
}

/**-------------- TEXT ---------------**/


.TCGlobalHeader .TCNavigation,
.TCLoginInfo,
.TCPageNumber,
.TCRAlign { text-align: right; }

.TCNavigation { font-weight: bold;}

.TCRequired {}

.TCJust { font-style: normal; text-align: justify; }


/**-------------- HEADINGS ---------------**/

H1 { font-weight: bold; font-size:2.0em; }

.TCInfoMessage {  /*font-weight:bold;*/ font-size:1.6em; }

.TCFormSectionTitle,

.TCSectionHeader { background-color: #660033; font-weight: bold; }

.TCSectionHeaderLine { background-image: url(icons/tc5style/common/line_gr.gif);}

#timer,
.TCPageHeader { font-weight: bold; font-size: 1.9em; height: 50px; text-align: left; vertical-align: middle; }


/*--- use for formatting actions ---*/

.TCActionHeader { font-size: 1.2em; }

.TCActionBar { text-align: center; border-bottom:1px solid #000080;}

.TCCourseNav .TCActionBar { border-bottom:1px solid black; border-top:1px solid black; }



/**-------------- FORM ---------------**/
INPUT
 { }


/**-------------- ACCESSORIES ---------------**/

.TCSpHolderRow { line-height:5px; }

.TCGlobalHeaderObj { background: #FFF; padding-top: 3px; border-bottom:1px solid black;}

.TCLogo {
  text-align:left;
  cursor:pointer;
}

.TCGlobalDate { padding-left: 5px; }

/*--- use for disabled tabbed pane ---*/
.TCActiveTabWrapper {}


/*--- use for disabled tabbed pane ---*/
.TCSeparatorLine {}

TD.TCTabActive
{
  /* hangs ie
  background-image: url("icons/tc5style/common/tab_active_bg.gif");
  */
  font-weight: bold;
}


TD.TCTabInactive {  background-image: url("icons/tc5style/common/tab_inactive_bg.gif");}

TD.TCTabSpHolder { background-image: url("icons/tc5style/common/tab_bg.gif"); width: 100%; }

TD.TCTabInakt { color: #CCCCCC; }

A.TCTabInactive {}

A.TCTabactive {}

.TCPageCommandButton { background-color: #E2E2E2; text-align: center; }

.TCLogin .TCPageCommandButton { background-color: #FFFFFF }

.TCToolBoxHeader { font-weight: bold; }

.TCSection{}

.TCSection td { background-color: #EEEEEE; margin:0px; padding:0px; }


/**-------------- LIST ---------------**/

.TCAlertInfoBanner
{
  height:2ex;
  color:white;
  margin-bottom: 15px;
  display: block;
  text-align: center;
  font-size: 1.2em;
}     

#tabdiv
{
  left:25ex;
  width:100%;
  height:4ex;

  font-family:arial;
  font-size:x-small;
  font-variant:small-caps;
}

/***.TCTab
{
  position:absolute;
  height:4ex;
  width:25ex;
  color:white;
}

.TCTabDisabled
{
  position:absolute;
  height:4ex;
  width:25ex;
  background:#cdcdcd;
  color:white;
}

.TCTabOver
{
  cursor:pointer;
  position:absolute;
  height:4ex;
  width:25ex;
  background:black;
  color:yellow;
}

DIV.TCTabActive
{
  position:absolute;
  height:4ex;
  width:25ex;

}

***/

.TCFormSectionTitle
{
  width:20%;
}
.TCFormIltPolicyThreshold
{
  width:20%;
}

.TCmenuTable
{
  border-style:solid solid solid solid;
  border-color:black;
  background:white;
  padding:0ex 1ex 0ex 1ex;
  margin:0ex 1ex 0ex 1ex;
  z-index:100;
}

.TCtopHeadtop
{
  background:white;
  font-weight:bold;
  color:black;
}

.TCtopHeadTopHL {}

.TCsubcontainer
{
  position:absolute;
  top:25px;
  left:5px;
  width:97%;
  height:80%;
  overflow:auto;

}

.TCchanged{}

.TCunchanged
{
  background:white;
}

#required
{
  font-size:larger;
  color:red;
}

#banner
{
  background:#9ccfff;
  position:absolute;
  top:5px;
  left:5px;
  width:1250px;
  height:75px;
  z-index:-1;
}

.TCMessage {
  margin:5px;
  padding:3px;
  color: #666666;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  font-weight:bold;
  font-style:italic;
  display:block;
  width:inherit;
  border:1px #E2E2E2 solid;
  vertical-align:middle;
}

div.TCMessageError {
  color:#EA877D;
  background:url(icons/topclass8/exclamation.gif) no-repeat 1px 2px;
  padding: 2px 2px 2px 2.0em;
  width:inherit;
  display:block;
  border:1px #EA877D dotted;
}

span.TCMessageError {
  color:#EA877D;
  background:url(icons/topclass8/exclamation.gif) no-repeat 1px 2px;
  padding: 2px 2px 2px 2.0em;
  border:1px #EA877D dotted;
}

.TCMessageInfo {
  background:url(icons/topclass8/info.gif) no-repeat 1px 2px;  
  padding: 2px 2px 2px 2.0em;
  width:inherit;
  display:block;
  border:1px dotted;
}

.TCErrorMessage {
  color:#EA877D;  
  background:url(icons/topclass8/exclamation.gif) no-repeat 1px 2px;
  padding: 2px 2px 2px 2.0em;
  width:inherit;
  min-height:15px;
  display:block;
  border:1px #EA877D dotted;
  font-size:1.0em;
}

.TCErrorMessages, .TCInfoMessages {
  display:none;
}

.TCMessagesHeader img {
  vertical-align:bottom;
}

.TCInfoMessagesHeader {
  background:url(icons/topclass8/info.gif) no-repeat 1px 2px;  
  padding: 2px 2px 2px 2.0em;
  border:1px dotted;
  width:inherit;
  cursor:pointer;
}

.TCInfoMessagesHeader a:hover {
  text-decoration:underline;
  font-family: Arial, Helvetica, sans-serif;
}

.TCErrorMessagesHeader {
  color:#EA877D;  
  background:url(icons/topclass8/exclamation.gif) no-repeat 1px 2px;
  padding: 2px 2px 2px 2.0em;
  width:inherit;
  border:1px #EA877D dotted;
  cursor:pointer;
}

.TCErrorMessagesHeader a {
  color:#EA877D;
  text-decoration:none;
  font-family: Arial, Helvetica, sans-serif;
}

.TCErrorMessagesHeader a:hover {
  color:#E56255;
  text-decoration:underline;
  font-family: Arial, Helvetica, sans-serif;
}

.TCMessagesHeader a {
  text-decoration:none;
}

.TCStatusMsg {
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: left;
  font-size: 1.2em;
  padding: 2px;
  width:inherit;
  min-height:15px;
  display:block;  
  border:1px dotted;
  background-color: #7B0D26;
}

.TCTextTabs {
  text-align:left;
  border-width: 0px 0px 1px 0px;
  border-style:solid;
  border-color:#E2E2E2;
  padding:2px;
}

A.TCTextTabs {
  border:0px;
  border-style:solid;
}

.TCMessageHeader {
  line-height:1.1em;
  font-size:1.8em;
  font-weight:bold;
}

.pageMarkings
{
  border-bottom:dotted thin #cccccc;
  border-left:dotted thin #cccccc;
  padding-top:0;
  padding-left:1em;
  margin-top:0
}

.pmHoverSelect
{
  background: #EEEEEE;
  border-bottom:dotted thin #cccccc;
}

.pmHover
{
  background: #DFDFDF;
  border-bottom:dotted thin #cccccc;
}

.pmSelect
{
  background: #CFCFCF;
  border-bottom:dotted thin #cccccc;
}
.courseMarkings
{
  margin-top:0;
  padding-top:0;
  border-left:dotted thin #cccccc;
  margin-left:0;
  padding-left:30px;
}

.plusminustwister
{
  position:relative;
  top:9px;
  left:-18px;
}

a.TCTextTabsActive { 
  font-size:1.1em; 
  font-weight:bold;
  text-decoration:none;
  color:#000;
  margin:2px;
  padding:2px;
}

#subj,
#cssh
{
  width:40em;
}

#message,
#body
{
  width:40em;
  height:12em;
}


TEXTAREA#tmpl
{
  width:60em;
  height:24em;
}

TEXTAREA#FormDef
{
  width:60em;
  height:24em;
}

.ScrollableTD
{
  height:3em;
  overflow:auto;
}

TABLE.TCCourseIndex
{
  width:30%;
}

.troubleshoot
{
  border: solid thin black;
}

.troubleshoot>b
{
  color:red;
}

.TCFullWidthTable TH
{
  text-align:left;
}

#debugWin
{
  width:30em;
  height:15em;
}

.TCMsgListNew
{
  font-weight:bold;
}

.TCMsgListUnsent
{
  font-style: italic;
}


  .TCReportGroup
  {
    background:#9ccfff;
  }
  .TCReportSubmenu
  {
    border: solid #dddddd ;
    /*background:#dddddd;
    background:#bfd2ff;*/
    padding-left: 5em;;
    margin-left: 0;
    margin-top:0;
  }
  LI.TCReportHeader
  {
    font-weight:bold;
  }


  .TCReportDescription
  {
    font-size:0.9em;
    font-weight:normal;
    cursor:default;
  }


/***** Template differences *****/

.DIFF-RED {
  color: black;
  background-color: red;
  white-space: pre;
}
.DIFF-YELLOW {
  color: black;
  background-color: yellow;
  white-space: pre;
}
.DIFF-WHITE {
  color: black;
  background-color: white;
  white-space: pre;
}



TABLE.ReportParameters
 {
   border:solid #dddddd thin;
   width:90%;
 }

TABLE.ReportParameters TH.filters
 {
   border-left:solid #dddddd thin;
   border-right:solid #dddddd thin;
 }
TABLE.ReportParameters TD.filters
 {
   border-left:solid #dddddd thin;
   border-right:solid #dddddd thin;
 }

TABLE.ReportParameters TD.filters
 {
   width:40em;
   /*background:#eeeeee;*/
   /*background:#bbbbbb;*/
   clear:both;
   height:6em;
 }
TABLE.ReportParameters TD.options
 {
   clear:both;
   height:6em;
 }
 /*
TABLE.ReportParameters TD.options DIV.left,
TABLE.ReportParameters TD.filters DIV.left
{
 float:left;
}
*/
TABLE.ReportParameters TD.options DIV.left
{
 width:50%;
}
TABLE.ReportParameters TD.filters DIV.left
{
 width:30%;
}
/*
TABLE.ReportParameters TD.options DIV.right,
TABLE.ReportParameters TD.filters DIV.right
{
 float:right;
}
*/
TABLE.ReportParameters TD.options DIV.right
{
  width:50%;
}
TABLE.ReportParameters TD.filters DIV.right
{
 width:70%;
}

TABLE.ReportParameters INPUT.btn_left
{
  text-align:center;
  float:left;
  margin:1px;
}

TABLE.ReportParameters INPUT.btn
{
  text-align:center;
  float:right;
  margin:1px;
}

TABLE.ReportParameters TD.buttonbar
{
  /*background:#cccccc;*/
  background:#dddddd;
  border-top:solid #dddddd thin;
}
TABLE.ReportParameters TD.options LI,
TABLE.ReportParameters TD.filters LI
 {
   clear:both;
 }

div.TCReport{
  border:1px solid grey;
  margin:0 0 8px 0;
}
div.TCReportHeader{
  background:#D8D8DA url(yui/assets/skins/sam/sprite.png) repeat-x 0 0; 
  font-weight:bold;
  height:24px;
  vertical-align:middle;
  padding:5px 0 0 5px ; 
}
div.TCReportDescription{
  margin:3px; 
}
div.TCReportBody{
  margin:3px; 
}
div.TCReportFooter{
  text-align:center;
  margin:3px;
  clear:both;
}
fieldset.TCReportOptions,
fieldset.TCReportOptionsDates{
  width:305px;
  font-weight:bold;
  float:left;
  margin:3px;
}
fieldset.TCReportOptions select{
  width:190px;
}
fieldset.TCReportOptions label{
  width:105px;
  font-weight:bold;
  float:left;
}

INPUT.TCStyledButton
{
}
TABLE.TCFormExerciseReviewQuestions,
TABLE.TCFormExerciseDetails
{
  background:none;
}

TABLE.TCFormExerciseDetails #timer
{
  font-weight: normal;
  font-size: 0.9em;
}
.TCFormExerciseDetails TD.TCFormExerciseDetailsLabel
{
  width:30%;
}
.TCFormExerciseDetails TD.TCFormExerciseWarningLabel
{
  width:30%;
}
.TCFormILTCatalogLObjectives
{
  width:30%;
}
TD.TCFormExerciseWarningLabel
{
  font-weight:bold;
  color:red;
}
.TCFormExerciseReviewQuestions TD,
.TCFormExerciseDetails TD
{
  padding:1px 1px ;
}

.TCLabelSpan
  {
    width:20em;
    text-align:right;
    float:left;
    padding-right:1em;
  }



  SPAN.nolabel508
  {
    background: yellow;
    color:black;
    border: solid black thin;
  }

  script :after
  {
    color: rgb(10%,20%,30%);
    background:white;
    border: solid black thin;
    content:  "scripted";
  }
  noscript :after
  {
    background: rgb(10%,20%,30%);
    color:white;
    border: solid black thin;
    content:  "noscripted";

  }


  a[js]:after
  {
    border:solid yellow thin;
    color:yellow;
    background:black;
    content: "javascript";
  }

  a[popup]:after
  {
    border:solid yellow thin;
    color:red;
    background:black;
    content: "popup";
  }

  /*
  img
  {
    border:solid red 2px;
  }


  img[alt]
  {
    border:none;
  }
  */

  div.noalt508
  {
    border:solid black thin;
    color:black;
    background:rgb(100%,50%,0%);
  }
  div.rule508
  {
    display:inline;
  }

  SPAN.js508
  {
    border:solid yellow thin;
    color:yellow;
    background:black;
  }

  SPAN.popup508
  {
    border:solid yellow thin;
    color:red;
    background:black;
  }

  SPAN.alt508
  {
    border:solid yellow thin;
    color:rgb(100%,50%,0%);
    background:black;
  }
  SPAN.th508
  {
    border:solid black thin;
    background:green;
    color:white;
  }
  SPAN.noscript508
  {
    border:solid yellow thin;
    background:red;
    color:yellow;
  }
  .COL0
  {
    background:rgb(136,175,255);
  }

  .COL1
  {
    border-left:solid thin black;
    border-right:solid thin black;
  }

UL.TCSiteMap {
 list-style: none;
 margin:0px;
 padding:20px;
}

LI.TCSiteMapParent{
font-weight: bold
}

LI.TCSiteMapChild{
font-weight: normal
}

TABLE.exersForSubm
{
  border:solid black thin;
}

TABLE.exersForSubm TR.odd
{
  background:#cccccc;
}

TABLE.exersForSubm TR.even
{
  background:#dddddd;
}

TABLE.exersForSubm CAPTION
{
  text-align:left;
  font-size:0.9em;
}

TABLE.exersForSubm SPAN.classname
{
  font-weight:bold;
}

TABLE.classesForUpLoad TD
{
  vertical-align:top;
}

div.aspError
{
  border:solid #9CCFFF thin;
  padding:3px;
}


/*
  Contents of tc8NewStyles.css
*/


/* ***** TABS STYLES ****** */

#TCTabsHeader {
  font:bold 1.15em/1.15em Arial, Helvetica, sans-serif;
  margin:0em 0em 0em 0em;
  /*clear:both;*/
}

#TCTabsHeader ul {
  margin:0;
  padding:0;
  background:#EEEEEE;
  width:100%;
  float:left;
  border:1px solid #DDDDDD;
  border-width:1px 0;
}

#TCTabsHeader li {
  display:inline;
  padding:0;
  margin:0;
  white-space:nowrap;
}

#TCTabsHeader li.TCTabDisabled {
  background-color: #EEEEEE;
  color: #ffffff;
}

#TCTabsHeader li.TCTabDisabled a, #TCTabsHeader li.TCTabDisabled span{
  color: #CCCCCC;
  cursor: default;
}

#TCTabsHeader li.TCTabDisabled a:hover, #TCTabsHeader li.TCTabDisabled span:hover{
  color: #CCCCCC;
  background:#EEEEEE;
  cursor: default;
}

#TCTabsHeader li a, #TCTabsHeader li span {
  font-size: 0.9em;
  background:#EEEEEE url(icons/topclass8/buttonbg.gif) repeat-x left top;
  padding:5px 10px 5px 10px;
  float:left;
  width:auto;
  border-right:2px solid #DDDDDD;
  text-decoration:none;
}

#TCTabsHeader li a:hover, #TCTabsHeader li span:hover {
  color:#fff;
  cursor:pointer;
}

#TCTabsHeader li a.TCActiveTab, #TCTabsHeader li span.TCActiveTab {
  font-weight:bold;
  color:#ffffff;
  /*clear:both;*/
}



/* ***** END TABS STYLES ***** */

/* ***** FORM STYLES ***** */
.TCForm {
  background-color:#ffffff;
  border: none;
  padding:0px;
  margin:0px;
}

.TCForm TR {
  background-color: #F4F4F4;
  color: #000000; 
}

.TCForm TR TD {
  padding:4px;
  border: 1px solid #CAD2DB;
  border-collapse: collapse;
  border-left:none;
  border-right:none;
  margin-right: 0px;  
}

.TCForm TR TD:first-child { 
  color: #000000;
  background-color: #FDFDFD;
  vertical-align:middle;
}

.TCForm TD Label {

}

TD.TCFormLabel
{
  color: #000000;
  background-color: #FDFDFD;
  vertical-align:middle;

}

TR.TCFormRow
{

}

TR.TCFormTabs
{
  background-color: #fff;
}

TR.TCFormTabs TD
{
  border: 0;
}

.TCFormButtons {
  text-align:center;
  background-color:#F4F4F4;
  padding:5px 0px 5px 0px;
  margin:3px 0px 3px 0px;
  border-top: #B5B5B5 solid 1px;
  border-bottom: #B5B5B5 solid 1px;
}

input.TCEMailAddress {
  width: 25em;
}

form table input.TCbutton, form table input.TCsubmit,
form table input.TCfile, form table input.TCreset{
  cursor:pointer;
  border:solid 1px #B5B5B5;
  color:#666;
  font-weight:bold;
  text-align:center;
  padding: 1px 2px;
  height: 2em;
  font-size: 0.95em;
  background:url(icons/topclass8/buttonbg.gif) repeat-x left top;
  width:auto;
  overflow:visible;  
}

form table input.TCsubmit:hover, form table input.TCbutton:hover, 
form table input.TCfile:hover, form table input.TCreset:hover  {
  border:solid 1px;
}

form table input.TCsubmit:focus, form table input.TCbutton:focus, 
form table input.TCfile:focus, form table input.TCreset:focus  {
  border:solid 1px;
}

.TCForm select {

}

.TCForm input {
  padding:2px;
}

.TCFormFocus {
  height:0px;
  width:0px;
}

.TCFormFocusSubmit {
  height:0px;
  width:0px;
  border:none;
  outline:none;
}
 
.TCForm textarea {
 width:400px;
 height:150px;
}

.TCFormHeader {
  margin:0;
  padding-bottom:5px;
}

.TCFormHeaderDetails {
  font-size:1.3em;
  font-weight:bold;
  margin-left:10px;
  padding-top:3px;
  padding-left:5px;
  padding-bottom:0px;
  margin-bottom:0px;
  background-color:#FFFFFF;
}

.TCFormHeaderSmall {
  font-size:0.8em;
  font-weight:normal;
  padding-bottom:0px;
  margin-bottom:0px;  
}

.TCFormHeaderType {
  padding:4px;
  width:110px;
  height:1.9em;
  font-size:1.7em;
  border: 1px solid #DDDDDD;
  float:left;
  background-color:#F4F4F4;
}


.TCSubTable TR {
  background-color: #F4F4F4;
  color: #000000; 
}

.TCSubTable TR TD {
  padding:4px;
  border: 1px solid #CAD2DB;
  border-collapse: collapse;
  border-left:none;
  border-right:none;
  margin-right: 0px;  
}

.TCSubTable TR TD:first-child { 
  color: #000000;
  background-color: #F4F4F4;
  width: 12em;
  vertical-align:middle;
}

.TCILTCapacity {
  width: 23em;
  font-size: 0.92em;
  margin: 5px 0px 5px 15px;
}

.TCILTCapacity TD {
  white-space: nowrap;
  text-align: center;
}

.TCILTCapacity TR TD:first-child {
  background-color: #FDFDFD;
  text-align: left;
}

.TCILTSessionCapacity {
  margin-top: 5px;
  margin-bottom: 5px;
}

.TCFormInfo {
  margin: 1px 0px 5px 0px;
  padding-left: 3px;
  background-color: #F4F4F4;
  padding:4px;
  border: 1px solid #CAD2DB;
  border-collapse: collapse;
  border-left:none;
  border-right:none;
}

.TCFormFilter {
  padding:0;
  margin:0;
  border:none;
}

.TCFormOptions {
  padding:0;
  margin:0;
  border:none;
}

.TCFormFieldLevelHelp {
  color:#666666;
  font-size:0.9em;
  padding-top:1px;
  margin-bottom:8px;
  display:block;
}

.TCFormFieldTip {
  padding-left:5px;
  color:#666666;
}

.TCFormFieldTip:hover {
  cursor:pointer;
}

.TCSeparator {

}

.TCFormButtons .TCSeparator {
  visibility:hidden;
  font-size:0.3em;
}

a.TCCreate
{
  cursor:pointer;
  border:solid 1px #B5B5B5;
  color:#666;
  font-weight:bold;
  padding: 3px 2px 3px 2px;
  background:url(icons/topclass8/buttonbg.gif) repeat-x left top; 
  text-decoration:none;
}

.TCAttachment {
  padding-bottom:2px;
}

.TCInlineCount {
  padding:2px 5px 2px 5px;
  background-color:#dddddd;
}
/* ***** END FORM STYLES ***** */

/* TopClass Generated IDs */
#usrN {
 font-weight:bold;
}

#fsNm,
#mdNm,
#lsNm {

}

#emal {
 width:300px;
}

#topic {
  width: 30em;
}

/* End TopClass Generated IDs */

/* Graphical Button Style */
a.TCHREFButton{
  border-width:1px;
  border-style:solid;
  border-color:#D2D2D2;
  display:block;
  font-weight:bold;
  font-size: 1.15em;
  height:24px;
  line-height:24px;
  margin-bottom:8px;
  text-decoration:none;
  width:165px;   
}

#TCNavigation a.TCHREFButton {
 
}

a:hover.TCHREFButton{
 color:#000;
}

.TCLogout{
  background:url(icons/topclass8/logout.gif) no-repeat 4px 4px;
  text-indent:25px;
  display:block;
}

.TCLogin{
  background:url(icons/topclass8/login.gif) no-repeat 4px 4px;
  text-indent:25px;
  display:block;
}

.TCHome{
  background:url(icons/topclass8/home.gif) no-repeat 4px 4px;
  text-indent:25px;
  display:block;
}

.TCHelp{
  background:url(icons/topclass8/help.gif) no-repeat 4px 4px;
  text-indent:25px;
  display:block;  
}

.TCUserPrefs{
  background:url(icons/topclass8/tcuserprefs.gif) no-repeat 4px 4px;
  text-indent:25px;
  display:block;
}

#TCMyPasswords {
  margin-left:5px;
  margin-top:5px;
}

.TCsubmit, .TCbutton, .TCfile, .TCreset {
  cursor:pointer;
  font-weight:bold;
  border:solid 1px;
  text-align:center;
  padding: 1px 2px;
  height: 2em;
  width:auto;
  overflow:visible;
}

.TCsubmit:hover, .TCbutton:hover, .TCfile:hover, .TCreset:hover  {
  border:solid 1px;
}

.TCsubmit:focus, .TCbutton:focus, .TCfile:focus, .TCreset:focus  {
  border:solid 1px;
}

#TCContentActionToolbar {
  text-align:center;
}

#TCActionToolbar .TCbutton, #TCActionToolbar .TCsubmit {
  border: solid 1px #cccccc;
  font-weight: normal;
  color: #000;
  height: 2.5em;
  padding-left: 2.5em;
}

#TCCollaborationActionToolbar .TCbutton, #TCCollaborationActionToolbar .TCsubmit {
  border: solid 1px #cccccc;
  font-weight: normal;
  color: #000;
  height: 2.0em;
}

#TCContentActionToolbar .TCbutton, #TCContentActionToolbar .TCsubmit {
  border: solid 1px #cccccc;
  font-weight: normal;
  color: #000;
  height: 1.8em;
  margin:0 5px 0 0;  
}

#TCContentActionToolbar .TCbutton:hover, #TCContentActionToolbar .TCsubmit:hover  {
  border:solid 1px;
}

#TCContentActionToolbar .TCbutton:focus  {
  border:solid 1px;
}

#TCActionToolbar .TCbutton:hover, #TCActionToolbar .TCsubmit:hover  {
  border:solid 1px;
}

#TCCollaborationActionToolbar .TCbutton:hover, #TCCollaborationActionToolbar .TCsubmit:hover  {
  border:solid 1px;
}

#TCActionToolbar .TCbutton:focus  {
  border:solid 1px;
}

#TCCollaborationActionToolbar .TCbutton:focus  {
  border:solid 1px;
}

#TCActionToolbar #addMembers {
  background: transparent;
}

#TCActionToolbar #addReservations {
  background: transparent url(icons/topclass8/tc_addreservations.gif) no-repeat scroll 5% 50%;
}

#TCActionToolbar #saveStudentDetails {
  background: transparent url(icons/topclass8/tc_saveform.gif) no-repeat scroll 5% 50%;
}

#TCActionToolbar #save {
  background: transparent url(icons/topclass8/tc_saveform.gif) no-repeat scroll 5% 50%;
}

#TCActionToolbar #transferStudents {
  background: transparent url(icons/topclass8/tc_transfer.gif) no-repeat scroll 5% 50%;
}

#TCActionToolbar #composeEmail {
  background: transparent url(icons/topclass8/tc_emailstudents.gif) no-repeat scroll 5% 50%;
}

#TCActionToolbar #printRoster {
  background: transparent url(icons/topclass8/tc_printroster.gif) no-repeat scroll 5% 50%;
}

#TCActionToolbar #cancel {
  background: transparent url(icons/topclass8/tc_cancelstudents.gif) no-repeat scroll 5% 50%;
}

#TCActionToolbar #promote {
  background: transparent url(icons/topclass8/tc_promotestudents.gif) no-repeat scroll 5% 50%;
}

#TCActionToolbar #approve {
  background: transparent url(icons/topclass8/tc_approvestudents.gif) no-repeat scroll 5% 50%;
}

#TCActionToolbar #rejectStudents {
  background: transparent url(icons/topclass8/tc_rejectstudents.gif) no-repeat scroll 5% 50%;
}

#TCActionToolbar #TCClasses {
  background: transparent url(icons/topclass8/tcobj28.gif) no-repeat scroll 5% 50%;
}

#TCActionToolbar #TCClassProgress {
  background: transparent url(icons/topclass8/tcobj28_progress.gif) no-repeat scroll 5% 50%;
}

#TCActionToolbar #TCClassTestProgress {
  background: transparent url(icons/topclass8/tcobj28_42_progress.gif) no-repeat scroll 5% 50%;
}

#TCActionToolbar #TCStudentTestProgress {
  background: transparent url(icons/topclass8/tcobj38_42_progress.gif) no-repeat scroll 5% 50%;
}

#TCActionToolbar #TCStudentTestDetail {
  background: transparent url(icons/topclass8/tcobj38_42_detail.gif) no-repeat scroll 5% 50%;
}

#TCActionToolbar #TCStudentTestEffect {
  background: transparent url(icons/topclass8/tcobj38_42_effectiveness.gif) no-repeat scroll 5% 50%;
}

#TCActionToolbar #TCAssignGoalTo {
  background: transparent url(icons/topclass8/tcobj26_assign.gif) no-repeat scroll 5% 50%;
}

#TCActionToolbar #TCAssignGoalToGroup {
  background: transparent url(icons/topclass8/tcobj68_assign.gif) no-repeat scroll 5% 50%;
}

#TCActionToolbar #TCAwardGoalTo {
  background: transparent url(icons/topclass8/tcobj26_attain.gif) no-repeat scroll 5% 50%;
}

#TCActionToolbar .TCDelete {
  background: transparent url(icons/topclass8/tccancel.gif) no-repeat scroll 5% 50%;
}

#TCActionToolbar .TCStudents {
  background: transparent url(icons/topclass8/tcobj38.gif) no-repeat scroll 5% 50%;
}

#TCActionToolbar .TCSubmissions {
  background: transparent url(icons/topclass8/tcobj41.gif) no-repeat scroll 5% 50%;
}

/* End button styles */

/* Link Styles */
.TCActions {
  float:left;
  margin-right:20px;
}

.TCActionLink {
  text-decoration:none;
  font-size:0.98em;
  outline:none;
  display:block;
}

a:hover.TCActionLink {
  text-decoration:underline;
  font-size:0.98em;
  outline:none;
}

.TCActionImg {
  margin-right:5px;
}
/* End Link Styles */

/* Panel Styles */
.TCPanel {
  border:1px;
  border-color:#E2E2E2;
  border-style:solid;
  padding:1px;
  margin:1px;
}

.TCPanelHeader {
  margin:1px 1px 4px 1px;
  padding:2px;
}

.TCPanelTitle {
  display:inline;
  text-align:left;
  width:60%;
  padding-left:3px;
  cursor:pointer; 
  font-size:1.3em;
  font-weight:bold;  
}

.TCPanelHeaderTitleActions {
  padding:4px 0px 1px 24px;
}  

.TCPanelHeaderTitleActions .TCbutton, .TCPanelHeaderTitleActions .TCsubmit {
  border: solid 1px #cccccc;
  font-weight: normal;
  color: #000;
  height: 2.5em;
  padding-left: 2em;
  font-size:0.8em;
}

.TCPanelHeaderTitleActions .TCbutton:hover, .TCPanelHeaderTitleActions .TCsubmit:hover  {
  border:solid 1px;
  font-size:0.8em;
}

.TCPanelHeaderTitleActions .TCbutton:focus  {
  border:solid 1px;
  font-size:0.8em;
  outline:none;
}

.TCPanelHeaderTitleActions .TCPanelHeaderTitleApprove {
  background: url(icons/topclass8/tc_approvestudents.gif) no-repeat scroll 5% 50%;
}

.TCPanelHeaderTitleActions .TCPanelHeaderTitleReject {
  background: url(icons/topclass8/tc_rejectstudents.gif) no-repeat scroll 5% 50%;
}

.TCPanelHeaderTitleActions .TCPanelHeaderTitleCollapse {
  background: url(icons/topclass8/panel_up.gif) no-repeat scroll 5% 50%;
}

.TCPanelHeaderTitleActions .TCPanelHeaderTitleExpand {
  background: url(icons/topclass8/panel_down.gif) no-repeat scroll 5% 50%;
}

.TCPanelTitle a {
  text-decoration: none;
  outline:none;
}

.TCPanelFooter {
  background-color: #f2f2f2;
  text-align:right;
}

.TCPanelFooterActions {
  display:inline;
  width:99%;
}

.TCPanelFooterActions a {
  font-size:0.85em;
  text-decoration: none;
}

.TCPanelHeaderActions {
  display:inline;
  text-align:right;
  width:39%;
  float:right;
}

.TCPanelHeaderActions a {
  font-size:0.85em;
  text-decoration: none;
}

.TCPanelHelp {
  padding-left:10px;
}

.TCPanelHelp a {
  outline:none;
}

.TCPanelBody {
  padding:4px;
}

.TCPanelButton {
  vertical-align:middle;
  border:#808080 1px solid;
}

.TCPanelButton:hover {
  border:solid 1px;
}

/* End Panel Styles */

/* Default HTML Styles */
a.TCSortingHeader:hover,a.TCSortingHeader:active,a.TCSortingHeader:link,a.TCSortingHeader:visited{
 color:#ffffff;
}

hr {
  border: 1px;
  border-style:solid;
  border-color:#E2E2E2;
  height:1px;
  color:#E2E2E2;
  background-color:#E2E2E2;
}

TH A {
  color:#FFF;
}

fieldset#TCHeaderSearch {
  display:inline;
  margin:2px 3px 5px 3px;
  padding:2px;
}

#TCHeaderSearch legend {
  color:#fff;
}

/* End Default HTML Styles */

/* Layout Styles */
.TCHeader {
  
}

.TCHeaderContent   {
  float:right;
  margin:6px;
  color:#CDDFED;
  font-weight:bold;
  text-align:right;
}

#TCNavigation {
  width:165px;
  vertical-align:top;
  text-align:left;
}

#TCMainContent {
  vertical-align:top;
  text-align:left;
  padding:0;
  margin:0;
  padding-left:15px;
  border:0;
}

.TCMainContainer {
  margin: 0;
  padding: 0;
}

.TCDashboardMainColumn {
  width:67%;
  vertical-align:top;
}

.TCDashboardSubColumn {
  width:33%;
  vertical-align:top;
}

.TCDashboardItem {
  padding:1px;
}

.TCDashboardItem a {
  font-weight:bold;
  text-decoration:none;
}

.TCDashboardItem div {
  border:#E2E2E2 1px solid;
  padding:5px 3px 3px 5px;
}

.TCFragmentBody {
  margin:0;
  padding:0;
  border:0;
}

.TCSpacerColumn {
  width: 15px;
}

.TCSpacerDiv {
  padding-bottom: 10px;
}

.TCProgressBarInner {
  height:inherit;
  height:100%;
  float:left;
}

.TCProgressBarOuter {
  border:1px solid;
  width:200px;
  padding:2px;
  height:1.5em;
  text-align:center;
}

.TCProgressBarComplete {

}

/* End Layout Styles */

.TCLogo a {
  color:#FFF;
  font-size:1.1em;
  font-weight:bold;
}

.TCShowError {
  display:inline;
  color:red;
  position:relative;
  top:3px;  
}

.TCFormError {
  border: #ED7A74 solid 1px;
}

.TCHide {
  visibility:hidden;
}

.TCShow {
  visibility:visible;
}

.TCCollapse {
  visibility:collapse;
}

.TCCursorPointer {
  cursor:pointer;
}

.TCCursorPointerHover:hover {
  cursor:pointer;
}

.TCCursorDefault {
  cursor:default;
}

.TCDisplayBlock {
  display:block;
}

.TCDisplayInline {
  display:inline;
}

.TCDisplayNone {
  display:none;
}

.TCDisplayTableRowGroup {
  display:table-row-group;
}

.TCDisplayTableRow {
  display:table-row;
}

.TCClear {
  clear:both;
}

.TCClearLeft {
  clear:left;
}

.TCClearRight {
  clear:right;
}

.TCFloatRight{
  float:right;
}

.TCNoWrap {
  white-space: nowrap;
}

.TCTop {
  vertical-align: top;
}

.TCBottom {
  vertical-align: bottom;
}

.TCCenter {
  vertical-align:middle;
}

.TCVCenter {
  text-align: center;
}

.TCSmaller {
  font-size:smaller;
}

.TCLeft {
  text-align:left;
}

.TCInlineImage {
  float:left;
  padding-right:3px;
}

.TCLowEmphasis {
  color:gray;
  font-size:0.9em;
}

.TCEmphasis {
  font-weight: bold;
}

.TCOption {
  background: url(icons/topclass8/tc_option.gif) no-repeat;
  padding-left:1.5em;
  float:left;
}

.TCReadOnly {
  color: #ACA899;
  border-style: solid;
  border-width: 1px;
  border-color: #ACA899;
  background-color: #fff;
}

.TCDisabled {
   
}

.TCDateInput2 {
  width:2em;
  max-width:2em;
}

.TCDateInput4 {
  width:4em;
  max-width:4em;
}

.TCTableNoBorder tr td{
  border: 0;
}

.TCHeaderSearchForm {
  margin-top:0;
  margin-bottom:0
}

#headerSearchForm .TCsubmit {
  color:#fff;
}

.TCFormHeader div table tr, .TCFormHeader div table td{ padding:0px;margin:0px; }

.indexTreeIcons
{
  height: 16px;
  width: 16px;
}

/* Popup Object Search */
.TCPopupHeader {

}

.TCPopupContents {
  font-size: 1em;
}

.TCPopupFrame {

}

.TCPopupStatus {

}

.TCPopupFilter {

}

.TCPopupFormButton {

}

.TCPopupJumpers {

}

.TCRecentItems
{
   height:65px;
   width:99%;
   overflow: auto;
}

.TCSearchDetails
{
  font-size:1.2em;
  font-weight:bold;
  width:50%;
}
/* End Popup Object Search */

/* Catalog Search Form */
.TCSearchForm {
  border: #ddd solid;
  border-width: 1px 0px 1px 0px;
  min-width:600px;
}

.TCSearchFormLabel {
  text-align:right;
  padding-right:10px;
  padding-top:2px;
  width:30%;
  vertical-align:top;
}

.TCSearchFormElement {
  vertical-align:top;
}

tr.TCSectionHeaderRow td, .TCULMPath {
  background:#D8D8DA url(yui/assets/skins/sam/sprite.png) repeat-x 0 0; /* header gradient */
  margin:0;
  padding:0;
  font-family:inherit;
  font-size:inherit;
  border-spacing:0; /* since ie6 and ie7 behave differently */
  border:none;
  border-top:1px solid #CBCBCB;  
  vertical-align:bottom;
  white-space:nowrap;
  padding:4px 10px 4px 5px; /* cell padding */
}

tr.TCSectionHeaderRow td.TCExpandCollapsePlc {
  padding-left: 27px;
}

tr.TCSectionHeaderRow td a {
  text-decoration:none;
  color:#000;
}

.TCSearchFormItem {
  height: 2.5em;
}

.TCSearchFormButtons {
  text-align:center;
  padding:5px 0px 5px 0px;
  margin:3px 0px 3px 0px;
  border-top: solid 1px;
  border-bottom: solid 1px;
}

#TCCatalogSearch {
  background: transparent url(icons/topclass8/tcsearchform.gif) no-repeat scroll 5% 50%;
  padding-left:22px;
}

#TCCatalogSearchRefresh {
  background: transparent url(icons/topclass8/tcrefreshform.gif) no-repeat scroll 5% 50%;
  padding-left:22px;
}

#TCSearchFormPartition tr td.TCFormSearchLabel {
  text-align:right;
  padding-right:10px;
  width:30%;
}

/* End Catalog Search Form */

/* Catalog Search Results */
.TCSearchResEntry {
  padding-bottom:7px;
  margin-top:10px;
  border-bottom:2px dotted #dddddd;
  margin-top:0px !important;
  padding-top:7px;
  width: 50%;
}

.TCSearchResType {
  /*float:left;*/
}

.TCSearchResTypeIcon {
  position: relative;
  top: 10px;
}

.TCSearchResTypeOuter {
  width:37px;
  border:1px solid #dedfde;
}

.TCSearchResTypeInner {
  overflow:hidden;
  width:35px;
  height:35px;
  border:1px solid #fff;
  text-align:center;
  background-color:#cedfef;
}

.TCSearchResTypeInner img {
  /*margin-top:-10px;*/
}

.TCSearchResTitle {
  font-weight:normal;
  font-size:1.2em;
  margin-bottom:5px;
}

.TCSearchResTitle a {
  text-decoration:none;
}

.TCSearchResLongTitle {
  
}

.TCSearchResLongTitle a:hover {
  text-decoration:underline;
}

.TCSearchResDesc { 
  overflow:hidden;
}

.TCSearchResDesc,
.TCSearchResLongTitle,
.TCSearchResPropsDetails {
  display:block;
}

.TCSearchResDesc a {
  color:#333;
}

.TCSearchResDesc a:hover {
  text-decoration:underline;
}

.TCSearchResProps {
  font-size:0.95em;
}

.TCSearchResEnroll {
  font-weight:bold;
}

.TCSearchResLabel {
  color:#666666;
}

.TCSearchResProps, .TCSearchResEnroll {
  border-left:1px solid #dddddd;
  margin-left:5px;
  padding-left:5px;
  padding-bottom:5px;
  line-height:15px;
}

div.TCCatalogSearchSummary {
  font-size:1.2em;
  background-color:#fdfdfd;
  padding:10px 5px 10px 5px;
  border: 1px solid #cad2bd;
  border-collapse: collapse;
  border-left:none;
  border-right:none;
  border-top:none;
}

div.TCCatalogSearchRefine {
  font-size:1.0em; 
  padding:10px 5px 10px 5px;
  font-style:italic;
}

div.TCCatalogSearchRefine a {
  font-style:normal;
}

div.TCCatalogSearchTerm {
  font-size:1.0em;
  font-weight:bold;
  display:inline;
}

.TCCatalogSearchResultsOf {
  float: left;
  display: inline;
  margin-right: 30px;
}

.TCCatalogSearchPagination {
  float: left;
  display: inline;
  margin-right: 30px;
}

.TCCatalogSearchSort {
  float:left;
  display:inline;
}

table.TCSearchResults {
  width: 100%;
  border-collapse: collapse;
}

.TCSearchResEntryIcon {
  width: 50px;
}

.TCSearchResEntryDetails {
  
}

.TCSearchResEntryProperties {
  width: 200px;
}

.TCSearchResEntryActions {
  width: 180px;
}

.TCCatalogSearchPagination { 
}

.TCCatalogSearchPagination .TCSearchResultsActivePage {
  font-weight: bold;
  font-size: 1.2em; 
}

.TCCatalogSearchPagination .TCSearchResultsPage {
  border:1px solid #ED7A74;
  background-color:#F9D2D0;
  padding:1px;
  text-decoration:underline;
  display:inline;
  font-size: 1.2em;
}

.TCCatalogSearchPagination .TCSearchResultsNext, .TCCatalogSearchPagination .TCSearchResultsPrev {
  text-decoration: underline;
  display:inline; 
  font-size: 1.2em; 
}

/* End Catalog Search Results */

/* Tree View */
li.TCTreeNode 
{ 
  list-style:none;
  margin:5px 0px 0px 0px; 
  padding-top:5px;
}

li.TCChildTree, li.TCContTree
{ 
  list-style:none;
  margin:10px 0px 0px 0px; 
  padding-top:5px;
}

ul.TCParentTree
{
  margin: 10px 0px 0px 30px;
  padding: 0px;
}

ul.TCSubTree
{
  margin-left: 6px;
  padding: 0px 0px 0px 20px;
  border-width:1px;
  border-left-style:dotted;
}

li.TCChildTree a
{
  border: none; outline: none;
}

li.TCChildTree a img
{
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  padding-right: 5px;
}

li.TCChildTree img
{
  padding-right: 5px;
}

li.TCTreeNode img
{
  padding-right: 5px;
}

li.TCChildTree a img:hover
{
  border-width: 1px;
  border-style: solid;
}

.TCTreePlcHldr
{
  border-top-style: dotted;
  border-top-width: 1px;
  position: relative;
  left: -20px;
  top: 5px;
} 

.TCOpenTreeView {
  width: 20px;
}

.TCObjLinkDisabled {
  text-decoration: none;
  color: #666666;
  cursor: default;
}

/* End Tree View */

/* Catalog Browse */
table.TCBrowseListing {
  border-collapse: collapse;
}

.TCBrowseListItem0, .TCBrowseListItem0 td {
  background-color: #ffffff;
  text-align: left;
  vertical-align:middle;
}

.TCBrowseListItem1, .TCBrowseListItem1 td {
  text-align: left;
  vertical-align:middle;
}

A.TCBrowseListLink {  
  text-decoration:none; 
  outline: none;
}

A.TCBrowseListLink:hover {
  outline: none;
}

.TCBrowseListToggleImg {
  padding:1px 5px 2px 5px;
  vertical-align:middle;
}

.TCBrowseListItemSpacer {
  padding-left:30px;
}

.TCBrowseListItemTogglePlc {
  width:2%;
}

.TCExpandAll {
  background: url(icons/topclass8/panel_down.gif) no-repeat;
  padding-left:2.0em;
}

.TCCollapseAll {
  background: url(icons/topclass8/panel_up.gif) no-repeat;
  padding-left:2.0em;
}

/* End Catalog Browse */

/* Select Object */
.TCSearchHeaderBar
{
line-height:1.3125em;
font-size: 1.0em; 
color: #ffffff;
}

.TCSearchHeaderBar TD
{
padding-left:30px;
}

A.TCSearchHeaderBar { 
font-size: 1.0em; 
color: #ffffff;  
}

A.TCSearchHeaderBar:hover { 
font-weight: bold; 
font-size: 1.0em; 
color: #ffffff;
}

span.TCObjectSearch {
  margin-right:10px;
}

.TCObjLocatedIn {
  white-space: nowrap;
}

.TCObjLocatedIn:hover {
  cursor: pointer;
}

.TCObjLocatedIn a {
  text-decoration: none;
}

.TCObjLocatedIn img {
  vertical-align:bottom;
}

.TCPath {
  padding:5px;
  font-size:0.9em;
}

.TCPath img {
  vertical-align:middle;
}

#TCSearchObject
{
  background: url('icons/topclass8/tcsearch.gif') no-repeat center center;
  height: 26px;
  width: 26px;
  margin: 0;
  outline: none;
  cursor:pointer;
  border:solid 1px;
  text-align:center; 
  padding: 1px 2px;
}

#TCSearchObject:hover
{
  border:solid 1px;
}

#TCSearchObject:active
{
  outline: none;
}

#TCResetSearch
{
  background: url('icons/topclass8/tcreset.gif') no-repeat center center;
  height: 24px;
  width: 24px;
  border: 0;
  padding: 0;
  margin: 0;
  outline: none;
}

#TCResetSearch:hover
{
  background: url('icons/topclass8/tcreset_hover.gif') no-repeat center center;
  outline: none;
}

#TCResetSearch:active
{
  outline: none;
}

.TCTooltip:hover {
  cursor: pointer;
}

/* End Select Object */

/* TC5 Course Header */
ul.TCCourseHeaderMenu {
  margin: 0;
  margin-top:10px;
  padding: 0;
  padding-bottom: 5px;
  width: 100%;
}

li.TCCourseHeaderLink {
  list-style: none;
  display:inline;
  border: solid 1px #D2D2D2;
  font-weight: normal;
  color: #fff;
  height: 2.0em;
  padding:3px;
  margin:0;
  margin-right:2px;
}

li.TCCourseHeaderLink a img {
  padding-top: 2px;
  vertical-align: bottom;
}

li.TCCourseHeaderLink a {
  text-decoration:none;
  vertical-align: bottom;
}

li.TCCourseHeaderLink:hover  {
  border:solid 1px;
}

/* End TC5 Course Header */

/* Override Yahoo YUI Styles */
#TCYUIPopupSelectTitle {
  font-size: 1.1em;
  color:#fff;
  background: #fff url(icons/topclass8/tcpopupselect_titlebg.gif) repeat-x;
}

#TCActionToolbar .yui-skin-sam .yui-button {
  vertical-align: bottom;
  border:solid 1px #cccccc;
  margin: 0px 1px 0px 1px;
}

#TCActionToolbar .yui-skin-sam .yui-split-button {
  
}

#TCActionToolbar .yui-skin-sam .yui-button:hover {
  border:solid 1px;
}

#TCActionToolbar .yui-skin-sam .yui-button .first-child {
  border: none;
}

#TCActionToolbar .yui-skin-sam .yui-button .first-child button {
  height: 2.3em;
  font-family: Verdana ,Arial, Helvetica, sans-serif;
  font-size: 1.0em;
  vertical-align: middle;
  padding-bottom: 1px;
  border: none;
}

#TCActionToolbar .yui-skin-sam .yui-button .first-child button img {
  vertical-align: bottom;
}

/* End Override Yahoo YUI Styles */


/* TopClass Tabs */
#TCSubTabs { 
  float:left; 
  width:100%; 
  border-bottom:1px solid #CCC; 
  margin:0; 
  padding:0;
}

#TCSubTabs li { 
  list-style:none;
  float:left; 
  padding-left:10px; 
  margin-right:3px; 
  background: url("icons/topclass8/tctab.gif") no-repeat left top;
}

#TCSubTabs li.first-child { 
  margin:0; 
}

#TCSubTabs li a { 
  font-weight:bold; 
  text-decoration:none; 
  display:block;
  padding:3px 10px 3px 0;
  border:none; 
  outline:none; 
  background: url("icons/topclass8/tctab.gif") no-repeat right top; color: #666; 
}

#TCSubTabs li a:hover { 
  color: #333; 
}

#TCSubTabs li span.TCSubTabActive { 
  display:block; 
  padding:3px 10px 4px 0;
  background:url("icons/topclass8/tctab.gif") no-repeat right -40px; 
  font-weight:bold;
  color:#333; 
}

#TCSubTabs li a.TCSubTabActive { 
  display:block; 
  padding:3px 10px 4px 0;
  background:url("icons/topclass8/tctab.gif") no-repeat right -40px; 
  font-weight:bold;
  color:#333; 
}

#TCSubTabs li.TCSubTabActive { 
  position:relative; 
  margin-bottom:-1px; 
  background-position:0 -40px; 
}

#TCSubTabs li.TCSearchStatus { 
  background:#fff; 
  font-size:1.15em;
}

.TCInfoTab {
  border:0;
  padding:0;
  margin:0 10px 2px 5px;
  width:auto;
}

.TCInfoTabWrapper {
  white-space: nowrap;
}

#TCInfoTabBody {
  height:1.85em;
  border:0;
  border-top-width:1px;
  border-bottom-width:1px;
  border-top-style:solid;
  border-bottom-style:solid;
  padding:0px 5px 0px 5px;
  margin:0;
  font-size: 0.95em;
  color:#666666;
}

.TCInlineInfo {
  height:1.85em;
  border:0;
  padding:2px;
  margin:0;
  font-size: 1.0em;
  color:#666666;
}

/* End TopClass Tabs */

/* Table Listings (based on Yahoo YUI DataTable Component v2.6 - 'http://developer.yahoo.com/yui/datatable/')*/

/* basic skin styles */
.TCListing {
  margin:0;
  padding:0;
  font-family:arial;
  font-size:inherit;
  border-collapse:separate;
  *border-collapse:collapse;
  border-spacing:0; /* since ie6 and ie7 behave differently */
  border:none;
  border-top:1px solid #CBCBCB;
  border-bottom:1px solid #CBCBCB;
}

.TCListing thead {border-spacing:0;} /* for safari bug */

.TCListing caption {
  color:#000000;
  font-size:85%;
  font-weight:normal;
  font-style:italic;
  line-height:1;
  padding:1em 0pt;
  text-align:center;
}

.TCListing th {
  background:#D8D8DA url(yui/assets/skins/sam/sprite.png) repeat-x 0 0; /* header gradient */
}

.TCListing th,
.TCListing th a {
  font-weight:normal;text-decoration:none;color:#000; /* header text */
  vertical-align:bottom;
}

.TCListing-asc  .TCListing-liner a,
.TCListing-desc  .TCListing-liner a {
  padding-right:5px;
}

.TCListing th {
  margin:0;padding:0;
  border:none;
/*border-right:1px solid #CBCBCB;*//*  inner column border */
}

th.TCListing-Layout {
  border:none;
  margin:0;
  padding:0;
}

.TCListing th .TCListing-liner {
  white-space:nowrap;
}

.TCListing-liner {
  margin:0;padding:0;
  padding:4px 10px 4px 10px; /* cell padding */
}

.TCListing-liner a {
  display: block;
  outline:none;
  width:100%;
}

.TCListing td {
  margin:0;padding:0;
  border:none;
  /*border-right:1px solid #CBCBCB;*/ /* inner column border */
  text-align:left;
  padding:4px 10px 4px 10px; /* cell padding */
}

.TCListing td.TCVCenter {
  text-align: center;
}

.TCListing td.TCPopupFilter  {
  border-right:none; /* disable inner column border in list mode */
}

th.TCListing-asc,
th.TCListing-desc {
  background:url(yui/assets/skins/sam/sprite.png) repeat-x 0 -100px; /* sorted header gradient */
}

th.TCListing-asc .TCListing-liner {
  background:url(yui/datatable/assets/skins/sam/dt-arrow-up.png) no-repeat right; /* sorted header gradient */
}

th.TCListing-desc .TCListing-liner {
  background:url(yui/datatable/assets/skins/sam/dt-arrow-dn.png) no-repeat right; /* sorted header gradient */
}

/* striping */
tr.TCListing-even, tr.TCListing-none { background-color:#FFF; } /* white */
tr.TCSubListing-even td { background-color:#FFF; } /* white */
tr.TCSubListing-even td.TCSubListing-odd { background-color:#FFF; } /* white */
tr.TCListing-even td.TCListing-asc,
tr.TCListing-odd td.TCListing-asc,

.TCForm tr.TCSubListing-even td {
  border:none;
  padding:4px 10px;
}

.TCForm tr.TCSubListing-odd td {
  border:none;   
  padding:4px 10px;  
}

.TCForm tr.TCSubListing-buttons td {
  border:none;
  background-color:#E2E2E2;
  text-align:left;
}

.TCForm tr.TCSubListing-buttons td input {
  margin-right:3px;
}

tr.TCListing-none {
  border-width:0px 0px 1px 0px;
  border-color:#D2D2D2;
  border-style:solid;
  padding:4px;
  font-weight:bold;
}

/* highlighting */
th.TCListing-highlighted,
th.TCListing-highlighted a {
  background-color:#B2D2FF; /* med blue hover */
}

tr.TCListing-highlighted,
tr.TCListing-highlighted td.TCListing-asc,
tr.TCListing-highlighted td.TCListing-desc,
tr.TCListing-even td.TCListing-highlighted,
tr.TCListing-odd td.TCListing-highlighted {
  cursor:pointer;
  background-color:#B2D2FF; /* med blue hover */
}

tr.TCListing-highlighted-noPointer,
tr.TCListing-highlighted-noPointer td.TCListing-asc,
tr.TCListing-highlighted-noPointer td.TCListing-desc,
tr.TCListing-even td.TCListing-highlighted-noPointer,
tr.TCListing-odd td.TCListing-highlighted-noPointer {
  background-color:#B2D2FF; /* med blue hover */
}

/* selection */
th.TCListing-selected,
th.TCListing-selected a {
  background-color:#446CD7; /* bright blue selected cell */
}

tr.TCListing-selected td,
tr.TCListing-selected td.TCListing-asc,
tr.TCListing-selected td.TCListing-desc {
  background-color:#426FD9; /* bright blue selected row */
  color:#FFF;
}

tr.TCListing-even td.TCListing-selected,
tr.TCListing-odd td.TCListing-selected {
  background-color:#446CD7; /* bright blue selected cell */
  color:#FFF;
}

TABLE.TCBillingSummary
{
  width:40%;
}

/* pagination */
.TCListing-paginator {
  display:block;margin:6px 0;white-space:nowrap;
}

.TCListing-paginator .TCListing-first,
.TCListing-paginator .TCListing-last,
.TCListing-paginator .TCListing-selected {
  padding:2px 6px;
}

.TCListing-paginator a.TCListing-first,
.TCListing-paginator a.TCListing-last {
  text-decoration:none;
}

.TCListing-paginator .TCListing-previous,
.TCListing-paginator .TCListing-next {
  display:none;
}

a.TCListing-page {
  border:1px solid #CBCBCB;
  padding:2px 6px;
  text-decoration:none;
  background-color:#fff
}

.TCListing-selected {
  border:1px solid #fff;
  background-color:#fff;
}

.TCListing-caption {
  font-size:1.3em;
  font-weight:bold;
  cursor:pointer;
}

.TCListingCheckbox {
  width: 15px;
}
/* End Table Listings */

/* Pagination */
ul.pagination {
  border:0; 
  margin:0; 
  padding:2px 0 3px 0;
  white-space:nowrap;
}

.pagination li{
  border:0; 
  margin:0; 
  padding:0;
  font-size:0.9em;
  list-style:none;
  margin-right:2px;
}

.pagination a{
  margin-right:2px;
}

.pagination a:hover{
  border-bottom:solid 1px;
  border-top:solid 1px;
}

.pagination .previous-off,
.pagination .next-off {
  border:solid 1px #DEDEDE;
  color:#888888;
  display:block;
  float:left;
  font-weight:bold;
  margin-right:2px;
  padding:3px 4px;
}

.pagination .next a,
.pagination .previous a {
  font-weight:bold;
}

.pagination .active {
  background:#2e6ab1;
  color:#FFFFFF;
  font-weight:bold;
  display:block;
  float:left;
  padding:4px 6px;
}

.pagination li {
  display:inline;
}

.pagination li input {
  font-weight:bold;
  border:none; 
  margin:0; 
  padding:0;
  background:none;
  float:left;
  padding:1px 2px;
  text-decoration:none;
  outline:none;
}

.pagination li input:hover {
  border-bottom:solid 1px;
  border-top:solid 1px;
  border-left:0;
  border-right:0;
}

.pagination a:link,
.pagination a:visited {
  display:block;
  float:left;
  padding:1px 2px;
  text-decoration:none;
}

/* End Pagination */

/* Training Calendar */

#calContainer {
  width:98%;
}

td.today {
  border:3px solid;
}

/* End Training Calendar */

/* Panel Header Menu Button */
#TCHeaderMenuButton-button {
  height: 2.5em;
  font-weight: bold;
  color: #666666;
}

#TCHeaderMenuButton-button img {
  vertical-align:bottom;
}

#TCHeaderMenuButton .first-child .TCbutton {
  display: none;
}
/* End Panel Header Menu Button */

/* Start Dialog */
.TCDialogHeaderInfo {
  background: url(icons/topclass8/info.gif) no-repeat 0px -1px;
  padding-left: 2em;
  height: 20px;
}

.TCDialogBodyInfo {
  font-size: 1.2em;
}

.TCDialogFooterInfo {

}

.TCDialogHeaderWarn {
  background: url(icons/topclass8/info.gif) no-repeat 0px -1px;
  padding-left: 2em;
  height: 20px;
}

.TCDialogBodyWarn {
  font-size: 1.2em;
}

.TCDialogFooterWarn {

}
/* End Dialog */

/* Table Column Widths */

.TCInstructorStudentsCol {
  width: 30px;
}

.TCStudentListRealNameCol {
  width: 20%;
}

.TCStudentListUserNameCol {
  width: 20%;
}

.TCInstructors{
  width:16%;
}

/* End Table Column Widths */

/* Shopping Cart */
  .TCSCMediumtext {
    width:15em;
  }
/* end Shopping Cart */

/* Data Migration */

form table input.TCSelectParentTreeView
{
  background: url('icons/topclass8/tcobjtree.gif') no-repeat center center;
  height: 22px;
  width: 22px;
  margin: 0;
  outline: none;
  cursor:pointer;
  border:solid 1px;
  text-align:center; 
  padding: 1px 2px;
}

form table input.TCSelectParentListView
{
  background: url('icons/topclass8/tcobjlist.gif') no-repeat center center;
  height: 22px;
  width: 22px;
  margin: 0;
  outline: none;
  cursor:pointer;
  border:solid 1px;
  text-align:center; 
  padding: 1px 2px;
}

form table input.TCSelectParentTreeView:hover, 
form table input.TCSelectParentListView:hover
{
  border:solid 1px;
}

form table input.TCSelectParentTreeView:active,
form table input.TCSelectParentListView:active
{
  outline: none;
}

.TCClashingData {
  font-weight:bold;
  color:#EA877D;
  border:1px #EA877D dotted;
  padding:2px;
}
/* End Data Migration */

/*  Content */

img.TCULMStatusFlag {
  position:relative;
  top:-5px;
  left:-1px;
}
.TCULMGraphic {
  width:30px;
}

/*  End Content */

/* Drag N Drop Styles*/
div.TCDragDropArea { padding:10px; text-align:left; }

div.TCDragDropArea ul.TCDragList { 
  position: relative;
  width: 300px;
  min-height:40px;
  background: #ffffff;
  border: #000 1px dashed;
  list-style: none;
  margin:0;
  padding:0;
}

div.TCNoDragDrop ul.TCDragList {
  border: #dddddd 1px solid;
}

div.TCDragDropArea ul.TCDragList li {
  margin: 0px;
  cursor: move;
  zoom: 1;
  padding:5px;
}

div.TCNoDragDrop ul.TCDragList li {
  cursor: default;
}

li.TCDragItem {
  background:#eeeeee;
  border:1px solid #666666;
  color: #333333;
  display: block;
  padding: 3px 10px 4px 0;
  margin: 5px;
}

td.TCDragItemIcon {
  width:20px;
}

td.TCDragItemLabel {

}

td.TCDragItemButton {
  width:70px;
}

td.TCDragDropTable {
  vertical-align:top;
  width:400px;
}
/* End Drag N Drop Styles*/






/************************************************************/
/*** Custom AHIP Style ***/
/************************************************************/
#header {
  background-color:#7B0D26;
  border-bottom:1px solid white;
}

#oldheader #logo {
    float:left;
    padding:18px 35px 22px 71px;
    border-right:1px solid white;
  }
#header #logo {
    float:left;
  padding-bottom:20px;    
  padding-top:10px;
    width:205px;  
    border-right:1px solid white;
    text-align: center;
} 
  #header #headerRight{
    float:right;
    padding-top:5px;
    padding-right:15px;
  }
  #tagline {
    position:absolute;
    top: 50px;
    left:243px;
  }
  
#utilMenu {
  float:left;
  list-style:none;
  margin:0px 0px 5px 0px;
  padding:0px 15px 5px 0px;
  color:white;
  border-bottom:1px solid #80B3CF;
  font-size:.9em;
}
  #utilMenu a {
    color:white;
    text-decoration:none;
  }
  #utilMenu li {
    float:left;
    border-left:1px solid white;
    padding:0px 4px 0px 6px;
  }
  #utilMenu li.first {
    border:none;
    padding-left:0px;
  }
#searchForm {
clear:both;
}
  #searchForm input.text {
    width:145px;
    border:1px solid #999;
  }
  
h1#tagline {
    width: 259px;
    padding: 15px 0 0 0;
    overflow: hidden;
    background-image: url("icons/ahip/tagline.gif"); 
  background-color:#7B0D26;
    background-repeat: no-repeat;
    height: 0px !important; /* for most browsers */
    height /**/:15px; /* for IE5.5's bad box model */
}

#leftcolumn {

  background-color:#7B0D26;
}

/******Styles for Self Registration Screen****************/

.SelfRegForm {
  width:27em;
  max-length:57
}

.SelfRegFormNum {
  width:15em;
  max-length:57
}

.SelfRegFormWarn {
 // color:#083765;
 color: red;
  display:none
}

.SelfRegFormExt {
  width:5em;
  max-length:57
}

.SelfRegBtn {
horizontal-align: center;
}



/********************************************
  Styles for the AHIP Login Page

********************************************/

body {
  margin:0px;
  padding:0px;
  font-size:76%;
  font-family:arial,helvetica,verdana,sans-serif;
}

a {
  color:#336699;
}
        

/* login form */

#login {
  background:#B6B7B7;/* This is the color for the form when necessary --> #C7C8C8;*/
}

#login h2 {
  margin:0px;
  border-bottom:1px solid #AAADAD;
  border-top:1px solid #E3E4E4
} 

#login label {
  color:#333333;
  font-size:.8em;
  display:block;
  margin:0px;

}

#login input.text {
  width:100px;
  border:1px solid #999999;
}

#login input.button {
  background:#B08057;
  color:white;
  border:1px solid white;
  font-size:.9em;
  padding:1px 5px 1px 5px;
}

#login form {
  padding: 15px 0px 0px 15px;
}

#login td {
  padding: 0px 15px 5px 15px;
  margin-top:5px;
  margin-bottom:0px;
  text-align: center;
} 
#login p {
  padding: 0px 15px 5px 15px;
  margin-top:5px;
  margin-bottom:0px;
} 

  #login p.forgot a {
    font-weight:bold;
    font-size:.8em;
    text-decoration:underline;
  }

  #login p.register a {
    font-weight:bold;
    font-size:.9em;
  }

#loginReplacement {
  padding:10px 0px 10px 0px;
  border-top:1px solid white;
  border-bottom:1px solid white;
  text-align: center;
}

/* User Login */


.login {
  padding: .5em 0 0 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: #fff;

}

.content label, .content span.label { 
  font-weight: bold; 
  padding-right: 1em;
}

.login td {

  text-align: center;
}
.login p {
  text-align: center;
}


.login td.username {
  margin: 0 0 1px 0;
  text-align: left;
}

.login label { text-align: left;}

.login input.textbox { font-size: .8em; }


.loginhelp { margin-top: 1.5em; }


.helpblock { 
  background: #fff;
  border-bottom: 4px solid #fafafa; 
  border-top: 4px solid #fafafa;
  padding: 4px 0;
}


/* Hack IE/PC \*/

* html .helpblock { height: 4em; }

/* End Hack */

  
.helpblock .elements {
  width: 50%;
  padding: .5em 0 0 1em;
  float: left;
  text-align: right;
}


.helpblock .copy {
  width: 40%;
  float: right;
  padding: .5em 1.5em .5em 0;
}


.loginhelp h3 {
  font-size: 1.1em;
  padding: .2em 32px;
  background: #f2f2f2 url(icons/login/usrhelpblockh3bg.bmp) repeat-y top left;
  border-bottom: 1px solid #fff;
  margin: 1.5em 0 0 0;
}


#createaccount {
  background: #fafafa;
  padding: .5em 1em;
}

#subHeading {
  margin:0px 5px 0px 25px;
}

#subHeading h1 {
  clear:both;
  color:#B08057;
  margin:0px;
  font-size:1.6em;
  padding-right: 170px;
  border-bottom:1px solid #ccc;
}

#subHeading #textSize {
  background:url(../images/sub/bg_textsize.gif) bottom repeat-x #999999;
  padding:2px 0px 1px 10px;
  height:24px;
  width:155px;
  w\idth:150px;
}

#subHeading #textSize .label {
  font-size:.9em;
  margin-right:0px;
}

#mainContent {

  border-top:1px solid white;
  border-left:1px solid white;
  padding: 20px 0px 20px 25px;
  margin-right:190px;
  /*border:2px solid blue;*/
}

/* contains content for 3rd level pages */

#altMainContent {

  border-top:1px solid white;
  border-left:1px solid white;
  margin-right:0px;
  padding: 20px 20px 20px 25px;
  margin-top:20px;
}



#mainContent .content {

  padding: 20px 0px 10px 0px;
}

.tabstrip a { margin-top:2px;height:19px;padding-top:1px; padding-right:5px; padding-bottom:0px; padding-left:5px; text-decoration:none; border-top-width:1px; border-right-width:1px; border-bottom-width:0px; border-left-width:1px; border-style:solid; border-color:#9B9B9B; background-color:#C8C8C8; }
.tabstrip a:link {}
.tabstrip a:visited {}
.tabstrip a:hover { color: #000000; background-color:#9B9B9B;  }
.tabstrip a:active {}
.tabstrip a:focus {}
.tabstrip_active { margin-top:2px; height:19px; padding-top:1px; padding-right:5px; padding-bottom:0px; padding-left:5px; text-decoration:none; border-top-width:1px; border-right-width:1px; border-bottom-width:0px; border-left-width:1px; border-style:solid; border-color:#9B9B9B; background-color:#9B9B9B; }
.tabsstripArea { border:1px solid #9B9B9B; margin:0px 15px 10px 10px; width:675px; min-width:675px; max-width:675px; }

.tabstrip_inactive a {  color: #9B9B9B; margin-top:2px;height:19px;padding-top:1px; padding-right:5px; padding-bottom:0px; padding-left:5px; text-decoration:none; border-top-width:1px; border-right-width:1px; border-bottom-width:0px; border-left-width:1px; border-style:solid; border-color:#9B9B9B; background-color:#C8C8C8; }
.tabstrip_inactive a:link {}
.tabstrip_inactive a:visited {}
.tabstrip_inactive a:hover { color: #9B9B9B; background-color:#C8C8C8;}
.tabstrip_inactive a:active {}
.tabstrip_inactive a:focus {}


/* STYLES THAT CONTROL THE CATALOG BROWSE SCREEN */
 .headD{margin:0 5px; padding: 0px; border: 0px solid green;color:#7C033B;font-weight:bold;font-size:12;
     float:left;clear:both;width:100%%;
 }
 html>body .headD{border:0 solid blue;}
 .bodyD{display:none; padding-left:10px;float:left;clear:both;}
 .hidden{display:none;}
 .catU{margin:0;padding:0;}
 .catL{list-style:none;padding:0;margin:0;float:left;clear:both;}
 .catL .headD{}

 .offeringD{margin:0 60px 0 0;border:1px solid #94bcd1;width:600px;}
 .offeringD th {background:#7b0d26; color: white; text-align: center;padding: 0 8px;}
 .offeringD .cost{width:80px;text-align:right;}
 .offeringD .action{width:10px;}
 .offeringD .shortName{width:420px;text-align: left;}

 .offeringD td{border:1px solid white; padding: 0 8px;}
 .offeringD td.longName
 ,.offeringD td.subCat
 ,.offeringD td.cost
 ,.offeringD td.desc
 ,.offeringD td.action {background: #d2d7ff;}
 .offeringD td.longName {background:#ddd;font-weight:bold;}
 .offeringD .co1st{width:80px;}
 .offeringD .a1ction{width:120px;}
 .marginBottom{margin-bottom:20px;}
 .bottomSpace td{border-bottom:4px solid white;}

 .trTransparent
 ,.trTransparent td {height:6px;font-size:xx-small;}

 .treeImgHolder{width:18px;padding:0;margin:0;}
 .left30{margin-left:30px;}
/* END CATALOG BROWSE STYLES */

/* SHOPPING CART SCREENS */

.header_l{border:0;padding:0;margin:0;background-color: #7b0d26;height:20px; width:4px; }
.header_m{border:0;padding:0 5px;margin:0;background-color: #7b0d26;height:20px; font-weight:bold; color:white;}
.header_r{border:0;padding:0;margin:0;background-color: #7b0d26;height:20px; width:4px; }

/* END SHOPPING CART SCREENS */