/******************************************************************************/
/* General styles                                                             */
/******************************************************************************/

a, table, tr, td, select, input, form, li, p, textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; }

a { color: #0033ff; }

a:visited { color: #0033ff; }

a:hover { color: #ff3333; }

body { font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #FFFFFF; font-size: 9pt; margin: 0; }

ul { font-family: Verdana, Arial, Helvetica, sans-serif; }

/******************************************************************************/
/* Styles used in the header or other common sections of the page             */
/******************************************************************************/

.oscaCurrentPage { font-size: 11pt;}

/* banner at the top of the page */
.oscaBanner { background-color: #56687A; }

/* text on banner at the top of the page */
.oscaBannerText { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #49586C; background-color: #EBE1EC; }

/* bar under border containing the page group dropdown and login, etc. buttons */
.oscaToolbar { background-color: #B7ABCE; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #FFCE00; }

/* These classes define the link color for the text which can be found on the navigation bar. */
.oscaToolBarLink, .oscaToolBarLink:visited, .oscaToolBarLink:hover   { color:#FFFFFF; }


/* bar under toolbar that shows the pages in this page group */
.oscaNavbar { background-color: #D4CFE2; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #ffffff; font-weight: bold; }

/* vertical separator between page tabs on navbar */
.oscaNavbarSeparator { background-color: #CCCCCC; }

/* unselected tabs on navbar */
.oscaTabs, .oscaTabs:visited, .oscaTabs:hover, .oscaTabs:active    { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #999999; background-color: #573A84; text-decoration: none; }

/* selected tab on navbar */
.oscaSelectedTab, .oscaSelectedTab:visited, .oscaSelectedTab:hover, .oscaSelectedTab:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #ffffff; background-color: #573A84; text-decoration: none; }

/*  title text style */
.oscaTitle { background-color: #EBEBEB; color: #666666; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; }

/******************************************************************************/
/* Special styles for administration                                          */
/******************************************************************************/

/* enroll screen background */
.oscaEnrollBack  { background-color: #FFFFCC; }

/* admin s: header bar and task manager selected tab*/
.oscaTableAdminHead {color: #FFFFFF; background-color: #7A7A7A; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt;}

/* admin s: task manager unselected tabs */
.oscaTaskManagerUnselected {color: #000000; background-color: #999999; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt;}

/* admin s: color for separator lines - matches icon background */
.oscaAdminHeadSeparator { background-color: #999999; }

/* admin s: text for tasks on header bar */
.oscaTaskIconText {color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; }

/* text labels for icons in  body */
.oscaDialogIconText {color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; }

/* text labels for disabled icons in  body */
.oscaDialogDisabledIconText {color: #CFC5C5; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; }

/******************************************************************************/
/* Styles used in s                                                    */
/******************************************************************************/

/* standard  background */
.oscaBack { background-color: #FFFFFF; }

/* edit and configure mode backgrounds */
.oscaEditBack, .oscaConfigureBack { background-color: #FFFFFF; }

/*  background with emphasis color */
.oscaColorBack { background-color: #CCCCCC; }

/*  header text */
.oscaHead { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: black; }

/*  header text for edit mode */
.oscaEditHead { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; }

/* default text in  body and in edit mode */
.oscaText, .oscaEditText { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; }

/* Smaller text than default */
.oscaSmText, .oscaEditSmText { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; }

/* Smallest text */
.oscaTinyText { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; }

/* Main  body style */
.oscaBody {  }

/* form entryfields */
.oscaEditField { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; }

/* form buttons */
.oscaButtonText { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: black; }

/* table header row */
.oscaTableHead {color: #FFFFFF; background-color: #999999; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold;}

/* primary table style */
.oscaTableText { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; align: center; }

/* normal table row */
.oscaTableRow, .oscaTableNrmRow   {color: #000000; background-color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt;  }

/* shaded table row - used to alternate row colors with normal row */
.oscaTableShdRow {color: #000000; background-color: #ECECEC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt;  }

/* Font settings used for text links in the header row of a table */
.oscaTableHeadLink, .oscaTableHeadLink:visited, .oscaTableHeadLink:hover {color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; }

/* text for form element labels */
.oscaLabelText  {color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; }

/* text for form element descriptions */
.oscaDescriptionText {color: #999999; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; }

/* error text */
.oscaFieldErrorText { color: #C83030; }

/* warning text */
.oscaFieldWarningText { color: #000000; }

/* success text */
.oscaFieldSuccessText { color: #000000; }

/* information */
.oscaFieldInfoText { color: #999999; }

/* inline help information */
.oscaInlineHelpText { color: #666666; }

/* hide table */
.oscaHideTable {display:none; }

/* ################################################################################### */
/* === ADDED BY KYLE 09/2007 ===*/
/* ################################################################################### */

/* ======== Menu ======== */

#nav-menu td.active {
	border: 1px solid #ccc;
	text-align: center;
	color: blue;
}
#nav-menu td.inactive {
	border: 1px solid #ccc;
	text-align: center;
	color: #ccc;
}

.highlight {
	background: #D4F3C8;
	cursor:pointer;cursor:hand;  
	text-decoration:underline; 
}

/* ======== Juvenile Case History ======== */

  div#BioList,
  div#Programs, 
  div#Placements, 
  div#ReferralCase,
  div#FormalCase,
  div#Hearings, 
  div#PermHearing
  {
  	background-color: white;
   }
   
 div#PermHearing span{
 	display:inline;
 }
 div#PermHearing table{
 	display:inline;
 }
 
 /*
  div#BioList span.title {
  	font-weight: bold;
  }
  */
  
  div#BioList span {
  	display: block;
  }
  div.left {
    float: left;
  }
  
  div.right {
    float: right;
  }
  table.content {
  	width:100%
  }
  td.content {
  	background:#a3c5fc;
  }
  td.label {
		font-weight:bold;
		text-align: right;
	}
  a.link {
  	font-weight: bold;
  	color: #000000;
  	text-decoration: none;
  }
  .caseLink {
    color: blue;
    text-decoration:underline;
    cursor:pointer;cursor:hand;
  }
  
  .toggleLink {
  	font-weight: bold;
  	color: #000000;
  	cursor:pointer;cursor:hand;
  }
  th.header {
	  text-align: center;
	  background:#a3c5fc;
  }
  
  div#BioList td {
  }
  
  div#BioList ul {
  /*	margin-top: 0px;
  	margin-bottom: 0px;
  	padding-bottom: 0px;*/
  }
  
  div#BioList br {
	clear: both;
  }
  	
  /*div#BioList,	
  div#BioList td,*/
  div#Programs, 
  div#Programs td, 
  div#Placements, 
  div#Placements td, 
  div#ReferralCase,
  div#ReferralCase td,
  div#FormalCase,
  div#FormalCase td,
  div#Hearings,
  div#Hearings td,
  div#PermHearing,
  div#PermHearing td,
  table.content,
  td.content,
  th.header
  { border: 1px solid #ccc;}
  
  
  /* ================================================================= */
  /* Case History Details DIV */
  /* ================================================================= */
  
  div#caseHistory
  {
  	background: white;
    /*background: #D4F3C8;*/
    border: 1px solid #ccc;
  }
  
  div#caseHistory td
  {
    border: 1px solid #ccc;
  }
  
  span#closeCaseHistory {
  }
  
  span.title {
  	font-weight: bold;
  }
  
  div#judicialOfficer,
  div#protectiveOrders {
  	margin-top: 10px;
  	margin-bottom: 10px;
  }
  
 div#password-rules-admin {
 	position: absolute;
    top: 65px;
    left: 550px;
 }
 div#password-rules-user {
 	position: absolute;
    top: 50px;
    left: 550px;
 }
 
 div.password-rules {
    background: #D4F3C8;
    border: 1px solid #088604;
    font-size: 10px;
    padding-left: 2px;
    width: 200px;
    height: 62px;
  }
div.password-rules li {
    font-size:10px;
}

div#passwordMeterMask {
	position:absolute;
	width:100px;
	height:20px;
	top:0px;
	left:0px;
	background-color:#FFF;
}
div#passwordMeterHolder {
	position:relative;
	width:100px;
	height:20px;
	border:1px solid #CCC;
}
div#passwordMeterImage {
	position:absolute;
	width:100px;
	height:20px;
	top:0px;
	left:0px;
}

.juv-search-highlight {
	background: #D4F3C8;
}

tr.odd {
	background: #CCC;
}
table#juv-search-results {
	border: 1px solid #ccc;
	width: 100%
}
table#juv-search-results th{
	background: #a3c5fc;
	border:1px solid #ccc;
}
  
  /* ############################################### */
  /* 				Struts ERRORS TagLib			 */
  /* ############################################### */
  
  ul.errors {
  	border: 1px solid #FF6666;
  	background: #FFCCCC;
  	font-weight: bold;
  }
  
  
