/* Global styles */

/*
* { margin: 0; padding: 0 }
table {border: 1px solid blue; }
td { border: 1px solid red; }
*/

* {
font-family: Helvetica, Arial, sans-serif;
} 

.estatus_not_started {color: red}
.estatus_started {color: orange}
.estatus_complete {color: green}
.estatus_optional {color: green}

.direstatus_not_started {color: blue}
.direstatus_started {color: orange}
.direstatus_complete {color: green}

.akstatus_no_restrict {color: green}
.akstatus_no_new {color: orange}
.akstatus_must_drop {color: red}

.titlebar {
				font: small-caps 24px "Times New Roman", serif;
				}
				
.red_notice {
				border: 2px solid red;
				padding: 1em;
				margin-top: 2em;
				margin-bottom: 1em;
				background-color: #f0f0f0;
				font: bold smaller sans-serif;
				}
				
.green_notice {
				border: 2px solid green;
		    padding: 1em;
				margin-top: 1em;
				margin-bottom: 1em;
				background-color: #f0f0f0;
				font: bold smaller sans-serif;
				}
				
.green_notice_title {
				text-align: center;
				font: bold larger sans-serif;
				color: green;
				}
				
.app_instruction {
				color: blue;
				font: bold smaller sans-serif;
				}
				
.shelter_choice {
				border: 2px solid blue;
				padding: 1em;
				margin-top: 2em;
				margin-bottom: 1em;
				background-color: #f0f0f0;
				font: bold smaller sans-serif;
				}
				
.admin_action {
				border: 2px solid green;
		    padding: 1em;
				margin-top: 1em;
				margin-bottom: 1em;
				background-color: #f0f0f0;
				font: bold smaller sans-serif;
				}

table.recdisplay {

}

table.recedit {
				text-align: left;
				vertical-align: top;
				}

table.list-data {
				width: 100%;
				border: 1px solid #7b7970;
				cell-padding: 2
				}

tr.list-line-even {
				/* old brown color
				background: #fbf9f0; */
				background: #eeffee;
				}

table.list-data th {
				background: #b9b6a7;
				color: #fff;
				vertical-align: top;
				}
				
td.ded_amt_total {
				border-top: 1px solid #7b7970;
				}
				
td.fldlabel {
				font-weight: bold;
				padding-left: 1em;
				padding-right: 2em;
				text-align: left;
				vertical-align: top;
				}
				
td.fldlabelind {
				font-weight: bold;
				padding-left: 3em;
				padding-right: 2em;
				text-align: left;
				vertical-align: top;
				}
				
td.fldlabelsub {
				padding-left: 1em;
				padding-right: 2em;
				text-align: right;
				vertical-align: top;
				}
				
td.fldvalue {
				padding-left: 1em;
				padding-right: 1em;
				vertical-align: top;
				}

#ben_premium {
				width: 120px;
				border: 2px solid #77d;
				padding-left: 1em;
				padding-right: 1em;
				text-align: center;
				}

#notice {
				border: 2px solid red;
				padding: 1em;
				margin-bottom: 2em;
				background-color: #f0f0f0;
				font: bold smaller sans-serif;
				}

#info {
				border: 2px solid green;
				padding: 1em;
				margin-bottom: 2em;
				background-color: #f0f0f0;
				font: bold smaller sans-serif;
				}
				
#replacement_notice {
				border: 2px solid red;
				padding: 1em;
				margin-bottom: 2em;
				background-color: #f0f0f0;
				font: bold smaller sans-serif;
				display: none;
}

#replacement_notice h1 {
				font: 120% sans-serif;
				color: #226;
				border-bottom: none;
				text-align: center;
}

#replacement_notice li {
				margin-bottom: 1em;
}
				
/* Styles for main page */

#banner {
				width: 100%;
				background: #f6f2df;
/*
				padding-top: 10px;
				padding-bottom: 10px;
*/
				font: small-caps 40px/40px "Times New Roman", serif;
				color: #7b7970;
				text-align: center;
				}
				
#banner img {
				float: left;
				}
				
								
#userbar {
				width: 100%;
				background: #7b7970;
/* 				
				padding-top: 2px;
				padding-bottom: 2px;
				padding-left: 2px;
*/
				color: #fff;
				text-align: left;
				}
				
#userinfo {
				width: 40%;
				text-align: left;
				}

#userinfo a {
				color: #fff;
				}
				
/* Styles for tab links */
				
#tablinks {
				background: #336868;
				width: 100%;
				}
				
#tablinks div {
				float: left;
				border-right: 1px solid #094747;
				}
				
#tablinks a {
				display: block;
				padding: 5px 10px;
				}
				
#tablinks a:link,
#tablinks a:visited,
#tablinks a:hover,
#tablinks a:active {
				color: white;
				text-decoration: none;
				}
#tablinks a:current {
				background: #047070;
				}				
				
#tablinks_selected a:link,
#tablinks_selected a:visited,
#tablinks_selected a:hover,
#tablinks_selected a:active {
	color: lightgreen;
}

#login {
				width: 20%;
				text-align: right;#336868
				}
				
#login a {
				color: #fff;
				}

#columns {
				width: 100%;
				background: #f9f6e7;
				}
				
#columns td {
				}
								
#sidebar {
				width: 180px;
				background: #f6f2df;
				padding-top: 2px;
				padding-bottom: 2px;

				padding-left: .5em;

				vertical-align: top;
				text-align: left;
				}
				
#sidebar ul {
				padding-left: 5px;
				margin-left: 5px;
				}

#sidebar li {
				font-size: 12px;
				}
								
#menu a {
				color: #3e3d38;
				font-size: 12px;
				}

#member_search {
				color: #3e3d38;
				font-size: 12px;
				}
						
#main {
				vertical-align: top;
				background: white;
				}
				
#main_content {
				padding-top: 1em;
				padding-left: 1em;
				padding-right: 1em;
				padding-bottom: 1em;
				
				}	
				
#forms ul {
				padding-left: 10px;
				margin-left: 10px;
				}
				
#forms li {
					padding-top: 5px;
					font-size: 12px;
				}
				
h1 {
				font: 150% sans-serif;
				color: #226;
				border-bottom: 3px dotted #77d;
				}
				
#footer {
				width: 100%;
				border-top: 2px solid #7b7970;
				background: #f6f2df;
				padding-top: 2px;
				padding-bottom: 2px;
				color: #7b7970;
				text-align: center;
				}
				
#directory_selector {
				text-align: center;
				font-size: 12px;
				border-top: 1px solid #7b7970;
				border-bottom: 1px solid #7b7970;	
				}
				
#benefit_history_dump table {
	border-collapse: collapse;
}

#benefit_history_dump table thead {
	background-color: #dddddd;
	color: #555555;
}

#benefit_history_dump table tbody tr th {
	text-align: left;
}

#benefit_history_dump table tr td,th {
	border: 1px solid #c9c9c9;
	font-size: 1em;
	padding: 1px 4px;
}

/* RPS views */

#rps_dashboard {
				width: 100%;
				}
				

/* the error box */

.fieldWithErrors {
				padding-top: 5px;
				padding-bottom: 5px;
				padding-left: 2px;
				padding-right: 2px;
				background-color: red;
				display: inline;
				}
				
#errorExplanation {
				width: 80%;
				border: 2px solid red;
				padding: 7px;
				padding-bottom: 12px;
				margin-bottom: 20px;
				background-color: #f0f0f0;
				}
				
#errorExplanation h2 {
				text-align: left;
				font-weight: bold;
				padding: 5px 5px 5px 15px;
				font-size: 12px;
				margin -7px;
				backgound-color: #c00;
				color: blue;
				}
				
#errorExplanation p {
				color: #333;
				margin-bottom: 0;
				padding: 5px;
				}
				
#errorExplanation ul li {
				font-size: 12px;
				list-style: square;
				}