/* Thanks to http://labs.silverorange.com/images/tabsupdate/ for the CSS tabs!!! */

/* Basic styles taken from basic.css) */

html {
  min-width: 600px;
}

body {
	/* background: #EDEBE3; */
  background: #eee;
	color: #333;
	padding: 1em 20px 3em 20px;
	margin: 0;
}

li {
  list-style: square;
}

#banner {
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  color: red;
  font-size: large;
  background-color: #F8E0EC;
}

.logEntryDiv, .resetPasswordDiv {
  padding: 10px;
  margin: 5px 0 5px 0;
  border: 1px #bbb solid;
}

.resetPasswordDiv {
  font-family: courier, monospace;
  font-size: xx-large;
  letter-spacing: 20px;
}

.logEntryText {
}

.logEntryMetadata {
  font-style: italic;
}

.required {
  background: #eee;
  border-right: 5px solid #0066CC;
}

.paginationLinks {
    text-align: center;
    font-size: larger;
}

#caseSummaryLeft {
	float: left;
	margin-right: 30px;
}

#caseSummaryRight {
	float: left;
}

.clear {
	clear: both;
}

#editCaseRecordOptions {
	float: left;
    max-width: 50%;
}

#editCaseRecordNavigationOuter {
	background: #eee;
	float: right;
	padding: 5px;
	border: 1px solid #06C;
	max-width: 50%;
}

#editCaseRecordNavigationInner {
	overflow: auto;
	max-height: 10em;
	margin: 5px;
}

#editCaseRecordNavigationInner ul#caseRecordList {
	color: #0066CC;
	margin: 5px;
	padding-left: 10px;
}

#editCaseRecordNavigationInner ul#caseRecordList .currentCaseRecord {
	font-weight: bold;
}

#editCaseRecordNavigationInner .noOtherCaseRecords {
	font-style: italic;
}

#caseNumberSearchWarningMsg {
  background-color: #FFFFCC;
  border: 1px solid red;
  color: red;
  font-style: italic;
  left: 10px;
  margin: 5px;
  padding: 5px;
  position: relative;
}

#resultsOutOfDate {
  background-color: #FFFFCC;
  border: 1px solid green;
  color: green;
  padding: 5px;
}

/* Tab styles taken from tabs.css */

#main {
	border: 1px solid #666;
	clear: both;
	background: #FFF3B3;
	padding-top: 2em;
}

#contents {
	padding: 1.5em;
	background: #FFFDF3;
	min-height: 300px;
}

#header {
	position: relative;
	width: 100%;
	height: 3em;
	width: 45em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#header ul#primary {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: -1px;
	width: 45em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#header ul#primary li  {
	display: inline;
	list-style: none;
}

#header ul#primary a,#header ul#primary span,#header ul#primary a.current {
	width: 8em;
	display: block;
	float: left;
	padding: 4px 0;
	margin: 1px 2px 0 0;
	text-align: center;
	font-family: tahoma, verdana, sans-serif;
	font-size: 85%;
	text-decoration: none;
	color: #333;
}

#header ul#primary span,#header ul#primary a.current,#header ul#primary a.current:hover {
	border: 1px solid #666;
	border-bottom: none;
	background: #FFF3B3;
	padding-bottom: 6px;
	margin-top: 0;
}

#header ul#primary a {
	background: #FFFAE1;
	border: 1px solid #AAA;
	border-bottom: none;
}

#header ul#primary a:hover {
	margin-top: 0;
	border-color: #666;
	background: #FFF7CD;
	padding-bottom: 5px;
}

#header ul#secondaryHidden {
	display: none;
}

#header ul#secondary {
	position: absolute;
	margin: 0;
	padding: 0;
	bottom: -1.4em;
	left: 1px;
	width: 50em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

/* Don't use the li span rule anymore since always want secondary menu items clickable. */
#header ul#secondary li a,#header ul#secondary li span {
	width: auto;
	display: block;
	float: left;
	padding: 0 10px;
	margin: 0;
	text-align: auto;
	border: none;
	border-right: 1px dotted #AAA;
	background: none;
}

/* Added this style to make the current secondary tab stand out a little bit */
.secondaryCurrent {
  font-weight: bold;
  font-style: italic;
}

#header ul#secondary li a {
	color: #06C;
	text-decoration: underline;
}

#header ul#secondary li a:hover {
	color: #333;
	background: transparent;
	padding: 0 10px;
	border: none;
	border-right: 1px dotted #AAA;
}

#header ul#secondary li a:active {
	color: #000;
	background: transparent;
}

#header ul#secondary li:last-child a { border: none; }

/* End tab styles */

#topbar {
  text-align: right;
}

#footer {
  color: black;
  background-color: #eee;
  /* font-weight: bold; */
  margin-top: 12px;
  padding-top: 6px;
  padding-bottom: 6px;
  text-align: center;
  /*
  border-bottom: thin solid #0066CC;
  border-top: thin solid #0066CC;
  */
}

#footer span.small {
  font-size: 85%;
}

/* Next two stolen from http://wiki.rubyonrails.com/rails/pages/HowtoChangeValidationErrorDisplay */
.fieldWithErrors {
  display: inline;
}
.fieldWithErrors input, .fieldWithErrors select, .fieldWithErrors textarea {
  background-color: red;
  color: #ffc;
}

/* Warning: IE doesn't support pseudo-class :focus */
form input:focus, form textarea:focus, form select:focus {
  border: 2px inset orange;
}

form input, form textarea, form select {
  padding-left: 2px;
  /* color: #666; */
}

.label {
  text-align: right;
  padding-right: 10px;
}

.staticTextLabel {
  font-weight: bold;
  padding-right: 10px;
  color: #0066CC;
}

.unknownValue {
  font-style: italic;
}

.noCaseWorkerAssigned {
  color: red;
  font-style: italic;
}

.noDeleteMember {
  border: 2px solid green;                         
  padding: 7px;
  padding-bottom: 12px;                            
  margin-bottom: 20px;                             
  color: green;
  background-color: #ffc;                          
} 

h1 {
  font-size: 22px;
  font-family: Arial, sans-serif;
  color: #0066CC;
  background-color: #eee;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: thin solid #0066CC;
}

h2 {
  font-size: 18px;
  font-family: Arial, sans-serif;
  color: #0066CC;
  background-color: #eee;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: thin solid #0066CC;
}

h3 {
  font-size: 14px;
  font-family: Arial, sans-serif;
  color: #0066CC;
  background-color: #eee;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: thin solid #0066CC;
}

h4 {
  font-size: 12px;
  font-family: Arial, sans-serif;
  color: #0066CC;
  background-color: #eee;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: thin solid #0066CC;
}

h5 {
  font-size: 10px;
  font-family: Arial, sans-serif;
  color: #0066CC;
  background-color: #eee;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: thin solid #0066CC;
}

h6 {
  font-size: 8px;
  font-family: Arial, sans-serif;
  color: #0066CC;
  background-color: #eee;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: thin solid #0066CC;
}

input {
  font-family: verdana, geneva, arial, sans-serif;
  font-size: 12px;
  color: #000000;
}

select {
  font-family: verdana, geneva, arial, sans-serif;
  font-size: 12px;
  color: #000000;
}

textarea {
  font-family: verdana, geneva, arial, sans-serif;
  font-size: 12px;
  color: #333333;
}

a:link {
  color: #0066CC;
/*  text-decoration: none;*/
}

a:visited {
  color: #0066CC;
/*  text-decoration: none;*/
}

a:hover {
  color: white;
  background-color: #0066CC;
/*  text-decoration: none;*/
}

a:active {
  color: white;
  background-color: #0066CC;
/*  text-decoration: none;*/
}

a.reverse:link {
  color: white;
  background-color: #0066CC;
/*  text-decoration: none;*/
}

a.reverse:visited {
  color: white;
/*  text-decoration: none;*/
}

a.reverse:hover {
  color: #0066CC;
  background-color: white;
/*  text-decoration: none;*/
}

a.reverse:active {
  color: #0066CC;
  background-color: white;
/*  text-decoration: none;*/
}

hr {
  color: #0066CC;
  background-color: #0066CC;
  border: 0;
  height: 1px;
}

body, p, td, table, tr, th {
  font-family: Verdana, arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: normal;
}

.directoryLetter {
  padding: 2px 5px;
  font-size: large;
}

.navLink {
  padding-left: 5px;
  padding-right: 5px;
}

.navLinkCurrent {
  padding-left: 5px;
  padding-right: 5px;
  font-weight: bold;
  font-size: 125%;
/*  border-bottom: 1px dotted #0066CC;*/
}

#notice {
  border: 2px solid green;
  color: black;
  font-weight: normal;
  margin: 10px auto;
  padding: 2px;
  padding-left: 4px;
  text-align: left;
  vertical-align: bottom;
}

#errorExplanation {
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  color: red;
  background-color: #ffc;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: red;
  border-bottom: red;
  color: #fff;
}

#errorExplanation p {
  color: red;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

/* These were all copied directly from DisplayTag. Need to fix up, remove unnecesary ones, etc. */

span.pagebanner {
    display: block;
    margin: 10px 0px 0px 10px;
    padding: 2px 4px 2px 0px;
    width: 79%;
}

span.pagelinks {
    display: block;
    font-size: .95em;
    margin-bottom: 5px;
    margin-top: -18px;
    padding: 2px 0px 2px 0px;
    text-align: right;
    width: 80%;
}

table.list {
    border: 1px solid #808080;
    border-collapse: collapse;
    margin-top: 10px;
    width: 100%;
    background: white;
}

table.list td {
    vertical-align: top;
    padding-left: 3px;
}

table.list a {
	text-decoration: none;
}

table.list th {
    background-color: silver;
    padding: 2px;
    padding-left: 3px;
    border-bottom: 1px solid black;
    text-align: left;
    color: black;
}

/* The following 3 rules are for Tapestry's contrib:Table */
table.list th table {
    width: 100%;
    margin: 0px;
    padding: 0px;
}

table.list th table td {
    text-align: left;
}

table.list th table td:hover, table.list th table td a:hover {
  background-color: #ffffdd;
}

table.list th table tr:hover {
    background-color: #ffffdd;
    border: 1px solid white;
}

table.list tr.even {
    background: #eee;
    border-top: 1px solid silver;
}

table.list tr.odd {
    background: white;
    border-top: 1px solid silver;
}

table.list th a, table.list th a:visited {
    background-color: transparent;
    color: #000000;
    text-decoration: none;
}

th.sorted a, th.sortable a {
    background-position: right;
    display: block;
    padding: 0px 3px;
}

table.list th.order1 a {
	background-image: url(../images/arrow_down.png) !important;
}

table.list th.order2 a {
    background-image: url(../images/arrow_up.png) !important;
}

table.list th.sortable a {
    background-image: url(../images/arrow_off.png);
}

table.list th.sorted {
    background-color: #eee;
    color: #000000;
}

table.list th.sorted a, table.list th.sortable a {
    background-position: right;
    background-repeat: no-repeat;
    display: block;
}

table.list th.sortable:hover {
    background-color: #ffffdd;
}

table.list thead tr {
    background-color: #FFCC00;
}

table.list tr.even {
    background: #EEEEEE;
    border-top: 1px solid #C0C0C0;
    color: #000000;
}

table.list tr.odd {
    background: #FFFFFF;
    border-top: 1px solid #C0C0C0;
    color: #000000;
}

/* highlight table row onmouseover */
table.list tr:hover, table.list tr.over {
    background: lightblue;
    /* background: #FFFF40; */
    border-bottom: 1px solid #C0C0C0;
    border-top: 1px solid #C0C0C0;
    color: #000000;
    cursor: pointer;
    cursor: hand; /* IE 5.5 non-compliant workaround */
}

/* Labels for validation and label tag */
label {
    font-weight: normal;
    cursor: pointer;
    cursor: hand;
}

label.required {
    font-weight: bold;
}

label.error {
    font-weight: bold;
    background: transparent;
    color: red;
}

/* These are the styles for detail screen tables */
table.detail {
    margin-left: 10px;
    padding: 5px;
    font-weight: normal;
}

table.detail th {
    text-align: right;
    padding: 0px 3px 0px 0px;
}

a#showHideInstructions {
    float: right;
}

div#instructions {
    border-bottom: 1px dashed;
    margin-bottom: 5px;
}