/* HTML tags */

html, body {
}

body {
	background: url("../../media/bg_gradient.gif") repeat-x #fff;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 62.5%;
}

a {
	color: #82A92C;
}

a:hover {
	text-decoration: none;
}

.content a {
	font-weight: bold; /* Make all the green links bold for visibility */
}	

p {
	padding: 0 0 1em 0;
	line-height: 1.3;
}

h1 {
	font-family: "Trebuchet MS", Trebuchet, Helvetica, Arial, sans-serif;
	
	border-bottom: 1px solid #aaa;
	padding: 0.5em 0 5px 0;
	margin: 0 0 7px 0;
}

h2 
{
	color: #666;
	font-size: 1.2em;
}

/* Layout styles */

#header {
	color: #ccc;
	padding: 0;
}

#header .links {
	margin-left: 5px;
	margin-bottom: 10px;
}

#ribbon .links li, #header .links li {
	margin: 0 0.1em 0 0;
	padding: 0.3em 7px 0.4em 7px;
}

.links .selected {
	border: 1px solid #232323;
	border-width: 1px 1px 0 1px;
}

#header .links a {
	color: white;
	text-decoration: none;
}

#header .links a:hover {
	color: #99CC33;
}

#ribbon-container {
	border: 1px solid #232323;
	border-width: 0 0 1px 1px;
	
	padding: 0 0 4px 0;
	margin: 6px 0 10px 1px;
}

#ribbon .links {
	color: #868686;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.9em;
  }

#ribbon .links a {
	color: #868686;
	text-decoration: none;	
}

#ribbon .links a:hover {
	color: #ddd;
}

#ribbon .links li.selected {
	background-color: black;
}

#header {
	font-family: "Trebuchet MS", Verdana, Hevletica, Arial, sans-serif;
	margin-top: 15px;
}

#header .links {
	clear: left;
	margin-top: 15px;
	font-size: 1.2em;
}

#logo img {
	display: block;
}

#logo a img
{
   border-style:none;
}

#main {
	background-color: #FFFFFF;
}

#main-container {
	font-size: 1.2em;
}

#footer-container {
	background: url("../../media/bg_footer.gif") repeat-x;
}

#footer {
	padding: 1em 0;
	background: url("../../media/footer_shadow.gif") no-repeat center top;
	color: #999;
	
	font-size: 0.9em;
}

#footer a {
	color: black;
}

#footer a:hover {
	text-decoration: none;
}

#footer .links {
	margin-bottom: 1em;
	font-size: 1.3em;
}

#footer .links li {
	margin-right: 5px;
}

#footer .links a {
	color: #999;
	text-decoration: none;
}

#footer .links a:hover {
	color: #666;
}

#footer .appInfo {
	color: #ccc;
}

/* Form elements */
form label {
	font-weight: bold;
}

form .label-smallright {
	font-weight: normal;
	font-size: 0.9em;
}

#search-container {
	background: url("../../media/bg_search_bar.gif") repeat-x;
}

/*** Safari-style search thanks to paularmstrongdesigns.com ***/
/* Some of these are layout things really, but anyway... */

#globalSearchField {
	background: url("../../media/search/search.gif") top left no-repeat;
	border: 0px;
	
	width: 171px;	/* 191px - 10px - 10px */
	height: 16px;
	overflow: hidden;
	padding: 3px 10px 2px 10px;
	margin: 5px 0 0 0;
	font-size: 11px;
	color: #666666;
}

/*** Safari padding fix ***/
input#globalSearchField[type="search"] { width: 185px; }
/*** IE background fix ***/
input#globalSearchField { _background-attachment: fixed;}

#search-button {
	position: relative;
	top: 4px;
	margin: 0 0 0 5px;
	_margin-bottom: 2px;
}

/*** Column Classes ***/

.onecolumn h1 {
	border-bottom: none;
}

.column .helptext {
	font-size: 0.85em;
}

.column .formbutton {
	text-align: right;
}

.column .search .formbutton input, 
 .column .login .formbutton input {
	border: 0;
	background-color: transparent;
	padding: 0;
}

/* Shared search and login column styles */
.column .search h1,
 .column .login h1 {
	padding-top: 0;
	border: none;
	
	font-size: 1.5em;
}

.column .search input.formfield-text,
 .column .search  input.formfield-date,
 .column .login input.formfield-text,
 .column .login  input.formfield-date{
	color: white;
	border: 1px solid white;
	
	padding: 1px 3px;
	font-size: 0.95em;
}

.column .search label.floatleft,
 .column .login label.floatleft, .column .search label.label {
	font-weight: bold;
	display: inline;
}

/* Search column */

.column .search {
	background: url("../../media/bg_search.gif") repeat-x #95C345;
	color: white;
}

.column .search a {
	color: white;
}

.column .search .search-link {
	margin-top: 5px;
}

.column .search .search-link a {
	font-weight: bold;
	font-size: 0.9em;
}

.column .search .search-images img, .column .search .search-images a img {
	border: 1px solid #fff;
}

.column .search .search-images a:hover img {
	border-color: transparent;
}

.column .search h2 {
	color: white;
	font-size: 1.1em;
}

.column .search label {
	font-weight: normal;
}

.column .search hr {
	border: none;
	border-top: 1px solid #ABC987;	/* What a beautiful hex value! */
	height: 1px;
	color: #ABC987;
	
	padding: 0;
	margin: 10px 0;
	_margin: 0;
}

.column .search input {
	background-color: transparent;
}

.column .search .formbutton {
	border-top: 1px solid #D4E6B4;
	text-align: right;
}

/* Login column styles */

.column .login a {
	color: white;
}

.column .login, .column .login input {
	background-color: #757575;
	color: white;
}

/* Event Info colum styles */

.column .event-info {
	border: 1px solid #ccc;
}

.column .event-info dl a {
	font-weight: bold;
}

/* Event listing */

.event .date {
	color: #4C5A60;
	font-weight: bold;
}

/* Front Page column styles */

.welcome {
	color: #666;
}

.welcome a {
	color: black;
}

.welcome h1 {
	color: black;
}

.welcome h2 {
	text-transform: uppercase;
	font-size: 1em;
}

.welcome .event {
	border-bottom: 1px solid #ccc;
	color: black;
}

.welcome h3 a {
	text-decoration: none;
	font-size: 1em;
}

.welcome .displayName
{
   font-size:1.5em;
   padding:1px;
}


.welcome .event .feature {
	border: 1px solid black;
	background-position:center; 
	background-repeat:no-repeat; 
	vertical-align:top;
}

.welcome .morelink {
	background-color: #95C345;
	color: white;
	text-align: right;
}

.welcome .morelink a {
	color: white;
	font-weight: bold;
}

.upcoming h1 {
	color: #666;
}

.upcoming .events-listing {
	background: url("../../media/bg_eventslisting.gif") repeat-y;
}

.upcoming .event img {
	border: 1px solid white;
	border-width: 1px 0;
}

.upcoming .event h3, .upcoming .event h3 a{
	background: url("../../media/bg_event_title.gif") repeat-x #81B032;
	color: white;
	font-size: 1em;
	text-decoration:none;
}

.upcoming .event a {
	color: #7EAC2F;
	font-weight: bold;
}

.upcoming .event p {
	font-size: 0.95em;
	line-height: 1.1em;
}

/* View Event page styles */

.event-image {
	border: 2px solid #999;
}

.disclaimer {
	border-top: 1px solid #ccc;
	color: #999;
	font-size: 0.9em;
}

.disclaimer h2 {
	font-size: 1em;
	color: #777;
}

.categories {
	font-size: 0.9em;
	color: #999;
}

.categories strong {
	color: #333;
}

.categories a {
	text-decoration: none;
}

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

.content .tagline {
	font-size: 1.1em;
	color: #333;
}

/* GridView styles*/

/* Hello, gridview! */
/* This is assuming the gridview itself is a table, can't remember... */
/* Might need to change the first rule to ".GridView table" */

.GridView {
	width: 99%;
	border: none;
	border-spacing: 0;
}

.GridView th {
	text-align: left;
}

.GridView td img {
	margin-right: 10px;
}

.GridView td {
	padding: 5px 5px;
	margin: 0;
}

.GridView .evenrow td {
	background-color: #F3F7E9;
}

/* Also can't remember the class name for the page numbers... */
.page-numbers
{
   float:left;
   clear:left;
}

.page-numbers a {
	
	float: left;
	padding: 2px 5px;
   color: black;
	border:solid 1px black;
	font-size: 0.9em;
	text-decoration: none;
}

.page-numbers a.current, .page-numbers a:hover {
	background-color: black;
	color: white;
}

.results-per-page
{
   float:right;
   font-weight:bold;
   clear:left;
   padding:2px 5px;
}

.total-results
{
   float:right;
   clear:right;
   padding:2px 5px;
   xwhite-space:nowrap;
}
/* Miscellaneous Classes */


.tagline {
	font-weight: bold;
}


/* ICS added classes */
span .red /*hard coded class references means this is used for error messages even through it may not actually be rendered as red.*/
{
}

.search .red
{
   background-color:white;
   color:Black;
   text-align:center;
   width:100%;
   padding-bottom:2px;
   display:block;
   float:left;
   border:solid 1px #F3F7E9;
   white-space:nowrap;
   
}

.red
{
   color:Red;
   font-size:.8em;
   padding-left:1px;
   vertical-align:middle;
}

.success
{
   color:#008800;
   font-weight:bold;
}

.approved
{
   color:#008800;
   font-weight:bold;
}

.rejected
{
   color:#880000;
   font-weight:bold;
}

.pending
{
   color:#880000;
   font-weight:bold;
}

.tabLink
{
   color:#000;
}

.nowrap
{
   white-space:nowrap;
}

.rollup 
{
   color:black;
}

.fullsize
{
   width:100%;
}

input.money 
{
   width:5em;
}

.rollup-content
{
   background-color:#ffffff; 
   background-image:none;
   margin-top:0px; 
   margin-left:0px; 
   margin-right:1px; 
   border-top:0;
}

.rollup-content .GridView
{
   font-size:1.2em;
}

.rollup-content .results-per-page select
{
   display:block;
   float:left; 
}

.rollup-message
{
   border:solid 1px #000000; 
   clear:both; 
   text-align:center;
   font-size:1.2em;
   padding:2px;
   margin:10px 2px;
}

.charCountMessage
{
   position:absolute;
   font-size:.8em;
}