@import "reset.css";
@import "text.css";

html, body {
	color: #585858;
	font-size: 1em;
}

input, textarea, select, button {
	border: 1px solid #585858;
}

#content {
	padding-top: 3em;
}

#head_info {
	float:right;
	text-align:right;
}

#head_navigation {
	width:68%;
	float:left;
}

#footer {
	padding-top: 1em;
	border-top: 1px solid #cacaca;
}

#footer p {
	font-size: .8em;
}


.wrapper {
	margin: 2.5em 2em;
}

div.bar {
	top: 0;
	color: #FFFFFF;
	font-weight: 700;
	left: 0;
	position: fixed !important;
	width: 100%;
	z-index: 999;
}

div.bar p {
	margin: 0;
	padding: .2em 1.2em;
}

div.bar p.success {
	background-color: #119911;
}

div.bar p.error {
	background-color: #DD1111;
}

ul.nav_ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.nav_ul li {
	display: inline;
	margin: 0;
	padding: 0 .5em 0 0;
	font-size: .9em;
}

.view_listing td{
	padding-left:10px;
	font-size:12px;
}

.headTR td{
	background-color:#cacaca;
	color:black;
	padding-left:7px;
	padding-right:7px;
}

.view_listing{
	border:1px solid black;
	margin-top:10px;
}

#uploadForm{
	margin-top:20px;
}

input.error, select.error, textarea.error, .errorBox{
	border: 1px solid #CC0000;
	background-color:#FFE0E3;
}

.errorBox{
	height:70px;
	line-height:2.5em;
	margin:20px 0px 20px 0px;
	display:none;
}

.errorBox p{
	font-size:1.2em;
	padding: 10px 0px 0px 10px;
	color:black;
}

label.error{
	display:none;
}


div.error{
	color:red;
}

.no_decor{
	text-decoration:none;
	color: #585858;
}

.dif{
	background-color:#dedede;
}

td{
	vertical-align:top;
	padding-right:10px;
}



.form{
	float:left;
}

.form p{
	padding-top:15px;
}

.form textarea{
	width:500px;
}

.listing_img label{
	font-size:10px;
	padding-left:10px;
}

.indiv_img{
	float:left;
	border:1px solid black;
	margin-right:9px;
}

/* Date Picker STuff 5/11/2009*/

a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}
.formDiv{
	padding-left:25px;
	
}

#form {
	width:850px;
}


#form #Submit{
	width:115px;
}

#state, #rstatus, #suffix, #status, #donation_type {
	width:155px;
}

#Delete {
	background:#ff0000;
	color:#fff;
}

p {
	font-size:12px;
	color:#000;
	padding-top:7px;
}

p.error {
	color:#fff;
	padding-top:7px;
	margin-bottom:7px;
}

label.error {
	color:#FF0000;
	padding-top:7px;
	margin-bottom:7px;
}
label.error[generated=true] { margin-left: 5px; }

iframe.error {
	background:#ffe0e3;
	border:1px solid #ff0000;
}

div.show_font_in_red p.error {
	color:#FF0000;
}

/* Sortable Table */
.sortable { width: 100%; }
.sortable th {background:url(../images/admin/header-bg.gif); text-align:left; color:#cfdce7; border:1px solid #fff; border-right:none}
.sortable th h3 {font-size:.6em; font-weight: bold; padding:6px 8px 8px}
.sortable td {font-size:.8em; padding:4px 6px 6px; border-bottom:1px solid #c6d5e1; border-right:1px solid #c6d5e1}
.sortable .head h3 {background:url(../images/admin/sort.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .desc, .sortable .asc {background:url(../images/admin/header-selected-bg.gif)}
.sortable .desc h3 {background:url(../images/admin/desc.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .asc h3 {background:url(../images/admin/asc.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {color:#fff}
.sortable .evenrow td {background:#fff}
.sortable .oddrow td {background:#ecf2f6}
.sortable td.evenselected {background:#ecf2f6}
.sortable td.oddselected {background:#dce6ee}
.sortable td.center { text-align: center; }
.sortable td.left { text-align: left; }
.sortable td.right { text-align: right; }