.hintsClass {
	font-family: tahoma, verdana, arial;
	font-size: 12px;
	background-color: #FFFF99;
	color: #000000;
	border: 1px solid #808080;
	padding: 5px;
}
.hintSource {
	color: green;
	text-decoration: underline;
	cursor: pointer;
}
ul.search_criteria {list-style: none; padding-top: 0px; margin-top: 0px; margin-left: 10px; padding-left: 0px;}
ul.search_criteria li {list-style: none; margin-left: 10px; padding-left: 0px;}
ul.search_criteria li span.criterion {font-weight: bold;}

/** legend
<div  id="list_legend">
<span class="full_event">X</span> - Registration Closed,
<span class="waitlisted_event">C</span>  - Cancelled
<span class="waitlisted_event">Rsc</span>  - Rescheduled
<!-- only show next 2 if authenticated -->
<span class="registered_event">R</span> - You are Registered,
<span class="waitlisted_event">W</span>  - You are on Wait List

</div>
**/
/* width: */
div.toggle {  height: 1.2em;  margin-top:5px; margin-bottom: 0px; padding-bottom: 3px; text-decoration: underline; }

div.showtoggle { text-decoration: underline;  } /** background: #ffffff url(/CLASS/images/show_instruct_blue.gif) top left no-repeat; **/
div.hidetoggle {text-decoration: underline; }/**background: #ffffff url(/CLASS/images/hide_instruct_blue.gif) top left no-repeat; }**/

div.toggledcontent {display: none; margin-left: 0px; padding-left: 0px;}


.toggledoff { display: none;}
.toggledon { display: block; margin-top: 0px;
	/** background: #fff url(/CLASS/images/bg_moreinstruct.gif) top left repeat-y;  **/
	padding: 0.5em 0 0.5em 1.0em;
	}

div.showtoggle a, div.hidetoggle a {color: #6d8cc0; padding-left: 0px;}

table#eventlist {width: 95%; padding-left: 0px; margin-left: 0px;}
table#eventlist table.list_mode td.date, table#eventlist td.status { padding-top: 10px; vertical-align: top;}

table#eventlist  td.date {width: 10%;}
table#eventlist  td.status  {width:5%;}
table#eventlist  td.event { width:75%;}


table#eventlist table.list_mode {
  width: 70%; border: none !important;
  padding-top: 10px; paddding-left: 0px; margin-left: 0px;
  border-collapse: collapse;}

div.action_buttons {padding-top: 10px;}
table#eventlist table.list_mode th,table#eventlist table.list_mode td,table#eventlist table.list_mode tr {border: none !important; }

table#eventlist table.list_mode td.reg_info {width: 50% !important;}
table#eventlist table.list_mode td.event_info  {}

table#eventlist table.list_mode tr td span.label, table#eventlist table.list_mode tr td {
  padding-bottom: 0px; margin-bottom: 0px; padding-top: 2px; margin-top: 0px; padding-left: 0px; margin-left: 0px;

  }
table#eventlist table.list_mode tr td  {font-size: .86em;}

table.eventlistdetail tr td , table.eventlistdetail tr th
{border: none; padding: 5px 0px 0px 0px; margin: 0px;}
table#eventlist table.list_mode tr th {text-align: left; text-decoration: italic; background-color: #FFFFFF; color:#454610;}
table#eventlist table.list_mode tr td span.label {font-weight: bold; padding-right: 5px;}
span.abstract {font-style: italic;}

div#list_legend { text-align: center; font-size: .8em; line-height: 1.2em; color: #454610; }
table#eventlist {font-size: .8em; line-height: 1.2em;}
 span.full_event,span.registered_event, span.waitlisted_event, td.status {font-weight: bold; padding: 5px; }

span.adminsees a {color: #FF0000 !important; text-decoration: none !important;}

/** event detail table
<table align="center" class="detail_mode class">
  <tbody>
    <tr >
      <th>Registration Information</td>
      <th>Event Information</td>
    </tr>
    <tr>
      <td ><span class="label">Date:</span>{$event->date}</td>
      <td ><span class="label">Event ID:</span>{$event->eventid}</td>
    </tr>

**/
table.detail_mode {border-collapse: collapse; width: 85%; padding-right: 15px;}
table.detail_mode th, table.detail_mode td {	font-size: .8em;
	line-height: 1.2em; }
table.detail_mode th {text-align: left; background-color: none; color:#454610; padding-bottom: 5px; }

table.detail_mode td {color:#454610;  }

table.detail_mode td span.data {  }

table.detail_mode td span.label { padding-right: 5px; font-weight: bold;}

/** DIRECTIVES CSS **/

div#directives, div#footerdirections {margin: 20px 20px 20px 0px;  border-width: 2px; padding: 5px 5px 5px 5px; }
div.error  {border: solid 3px  #CC0000; background-color: #FE6B6F;}
div.warning  { border: solid 3px #FFCC00;       background-color:  #FF9900; }
div.info  {border: solid 3px #339900; background-color:#CFFFCE;}
.attention {color: #CC0000; font-weight: bold;}
span.error { color: #FF3300; }
div.info  p.important {font-weight: bold; color:#FF0000;}

div#directives p,  div#footerdirections p {margin: 0px 0px 0px 0px; padding: 5px;}
div#directives h1, div#directives h2, div#footerdirections h1 , div#footerdirections h2 {color: #000000;}

form#resetpassword p {font-size: .9em;}
form.small table.form {width: 75% !important; padding: 5px; margin-left: 10px;}
form.small table.form th {width: 33% !important; }
form.small table.form td {width: 66% !important;}
table.form th.question {text-align: left; }
form td
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	line-height: 1.4em;
}

table.form  td, table.form  th  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	line-height: 1.2em;
}
form input.backandsave, form input.forwardandsave, form input.save, form input.close, form input.add, form input.update, form input.delete, input.add { border: solid 2px #618683; background-color:  #adc0bd; color: #000000; font-weight: bold; }

label.inline, input.inline {padding: 0px 3px 0px 3px;}

form {}
form td {padding-top: 0px; padding-bottom: 10px; margin-top: 0px;}
form td.question {text-align: right;  padding-right: 10px; width: 50%; vertical-align: top; margin-top: 0px;}
form td.question  label, form td.question div.question_question, form th.question, form td.question, form td.formtext {
  font-weight: bold; padding-top: 0px; margin-top: 0px;}
form td.input {text-align: left;  padding-left: 10px; width: 50%; vertical-align: top;}
form.inline {display: inline;}
div.buttonnav {text-align: center; padding-top: 20px;}
span.required {color: #FF0000; padding-right: 3px;}

/** data table css:  data, sortable, gridview **/
table.centered td, table.centered th {text-align: center;}
table.leftaligned td, table.leftaligned th {text-align: left;}
table.data {
	border-collapse:  collapse;
	border: solid 2px #3b3b3b;
	color: #000000;
	background-color: #ffffff;
	margin: 20px 20px 20px 0px;
	border-width: 2px;
	padding: 5px 5px 5px 5px;
	width: 100%; }
}

table.data  th, table.data  td {
	border: solid 2px #990066;
	padding: 3px;
	font-weight: normal;

}

table.data  th {
	color: #FFFFFF;
	background-color: #618683;
}

body.class table.data  th {
	background-color: #757642;
}



table.data th a {color: #FFFFFF; text-decoration:underline;}

table.data  td {
	color: #000000;
	background-color: #ffffff;
}
body.class  table.data  td {
	color: #454610;
	background-color: #ffffff;
}


table.data th  a:visited  {color: #FFFFFF; }
table.data th, table.data  td {
	border: solid 2px #3b3b3b;
	padding: 5px;

}

td.actioncell {text-align: center; padding: 3px;}



/* SORTABLE TABLE  */

table.sortable th {font-weight:normal; text-decoration:none;}

table.sortable th a div.sortablefieldheading,
 table.sortable th   a:visited  div.sortablefieldheading,
 table.sortable th   a:hover div.sortablefieldheading,
 table.sortable th   a:active  div.sortablefieldheading
{color: #FFFFFF;text-decoration: none; }


table.sortable th div.sortablefieldheading {}
table.sortable th div.sortablefieldsorticon { vertical-align:bottom;}
span.checkboxlabel {padding: 0px 3px 0px 3px; vertical-align:top;}

/* hide availability calendars.  only used by javascript */
div#availabilitycalendars {display:none;}

table.dataviewhorizotalrows td, table.dataviewhorizotalrows th, table.twocolumndataview th {text-align: left}


/* specific data table styles */


/** twocolumndataview
- left column is heading and right column is data
<table class="dataview">
  <tr>
    <th>Interpreter</th>
    <td>Smith, Molly T.</td>
  </tr>
</table>

*/

table.dataview tr th {
	text-align: right;
	vertical-align: top;
	border-bottom: none;
}

table.dataview tr td {
	text-align: left;
	vertical-align: top;
}


/** datagrid

a table with column headers at the top.
possibly sortable

<table class="datagrid">
  <tr>
    <th>Interpreter</th>
    <td>Smith, Molly T.</td>
  </tr>
</table>

*/

table.datagrid { }

table.datagrid th  a:visited  {color: #FFFFFF;}

table.datagrid tr.hassortrowbelow th {
	text-align: center;
	vertical-align: top;
	border-bottom: none;
	background-color: #336699;
	color: #FFFFFF;
}

table.datagrid tr.sort td {
	text-align: center;
	vertical-align: top;
	border-top: none;
	background-color: #336699;
	color: #FFFFFF;
}

table.datagrid tr td {
	text-align: center;
	vertical-align: top;
	background-color: #FFFFFF;
}

tr.inputbar td {display: inline}


/** SORTABLE TABLE **/
table.sortable tr th.fakebutton {
	vertical-align: middle;
	padding: 3px;
	margin: 0px;
	border-collapse: separate;
}
/*	background-color: #999999 ! important;
	color: #000000; */

table.sortable tr th.faketop {	border-bottom: none; }
table.sortable tr th.fakebottom {border-top: none; }

table.sortable tr th div.sortheading  {top: 0px; border: none;}
table.sortable tr th div.sortarrows {bottom: 0px; border: none;}
table.sortable tr th div.sortarrows a {text-decoration: none;}


table.sortable tr th.fakebutton div.border {
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 100%;
	border-collapse: separate;
	border: 2px groove  #333333;
}

table.sortable tr th.fakebutton a:link,
table.sortable tr th.fakebutton a:visited,
table.sortable tr th.fakebutton a:hover,
table.sortable tr th.fakebutton a:active,
table.sortable tr th a:link,
table.sortable tr th a:visited,
table.sortable tr th a:hover,
table.sortable tr th a:active
{text-decoration: none;}

/** print only page **/

div.print {font-family: "Times New Roman", Times, serif; color: #000000; background-color: #FFFFFF;}
div.print div.section {border-top: solid 1px #000000;}
div.print div.section h3 {color: #000000; text-align: center; font-weight: normal;}

.currency, input.currency {text-align: right !important;}