/*--------------------------------------------------*/
/*                    Tables                        */
/*--------------------------------------------------*/
.sortable {
  width: 100%;
  }

.sortable th {
  text-align: left;
  color: #fff;
  }

.sortable thead tr {
  background-color: #666;
  color: #fff;
  }

.sortable thead a {
  color: #fff;
  text-decoration: none;
  }

th {
	vertical-align: top;
	}
	
td {
	vertical-align: top;
	}

.search th {
  text-align: left;
  }

.highlight_0 {
  background-color: #D7D2BF;
  }

tr.highlight {
  background-color: #666;
  color: #fff;
  }

.search_results {
  overflow: auto;
  width: auto;
  height: 200px;
  border: 1px solid #ccc;
  padding: 3px 0;
  }

.search_results table {
  width: 99%;
  margin: 0 auto;
  }
  
.search_results tr {
	cursor: pointer;
	cursor: hand;
}

.search_results .not_editable tr {
cursor: default;
}
  
/*--------------------------------------------------*/
/*                  Inline Editor                   */
/*--------------------------------------------------*/
  
.editable_content, .editing_content {
  border: 1px dotted #cc0000;
  padding: 1px;
  }
  
.editable_content .crud, .editing_content .crud {
    margin: 0;
    padding: 0;
    float: right;
  }
  
.editable_content .crud a, .editing_content .crud a {
  color: #fff;
  background-color: #cc0000;
  text-decoration: none;
  }


.editable_content .crud a: hover, .editing_content .crud a: hover {
  color: #fff;
  background-color: #cc0000;
  }

.editing_content h3 {
  color: #cc0000;
  }

.editing_content {
  background-color: #FAE6E6;
  }

/*--------------------------------------------------*/
/*                      Crud                        */
/*--------------------------------------------------*/
p.crud, p.small_crud {
  margin: 0 0 15px 0;
  padding: 0;
  font-size: 90%;
  }
  
p.crud .highlighted {
  background-color: #cc0000;
  color: #fff;
  text-decoration: none;
  }

.crud, .helper {
  margin: 0 0 0 0;
  padding: 0 0 10px 0;
  font-size: 10px;
  }

.crud a, .small_crud a, ul.tree li.bullet p.crud a  {
  color: #CC0000;
  padding: 3px;
  background: none;
  }
  
.small_crud {
  font-size: 80%;
  margin: 0;
  padding: 0;
  }
  
.helper, .helper a, .helper a: visited {
  color: #666;
  }
  
.helper a { color:#666; }

.helper a:hover {
  background-color: #666;
  color: #fff;
  }
  
.delete_form { display:inline; }
  
/*--------------------------------------------------*/
/*                      Trees                       */
/*--------------------------------------------------*/  
ul.tree li.bullet p.crud {
  padding-left: 20px;
  }
  
.crud a: hover, .small_crud a:hover, ul.tree li.bullet p.crud a: hover {
  background-color: #CC0000;
  color: #fff;
  padding: 3px;
  text-decoration: none;
  }
  
ul.tree, ul.tree ul { 
  margin: 0; 
  padding: 0 0 0 15px; 
  }

ul.tree li { 
  margin: 5px 0; 
  padding: 0; 
  list-style: none; 
  width: 100%;
  float: right;
  clear: right;
  display: block;
  }

/* Provide space for our own "bullet" inside the link */
ul.tree li a { 
  padding-left: 20px; 
  color: #333;
  text-decoration: none;
  }
 
ul.tree li.closed .helper a,
ul.tree li.open .helper a,
ul.tree li.bullet .helper a {
  color: #666;
  padding: 3px;
  }
  
ul.tree li.closed .helper a: hover,
ul.tree li.open .helper a: hover,
ul.tree li.bullet .helper a: hover {
  color: #fff;
  background-color: #999;
  padding: 3px;
  }  

/* Show "bullets" in the links, depending on the class of the
   LI that the link's in */
ul.tree li.open a {
  background: url(/images/tree/minus.gif) center left no-repeat;
  }

ul.tree li.open .helper a, 
ul.tree li.closed .helper a,
ul.tree li.bullet .helper a { background: none; }

ul.tree li.closed a {
  background: url(/images/tree/plus.gif) center left no-repeat;
  }

ul.tree li.bullet a {
  background: url(/images/tree/bullet.gif) center left no-repeat;
  }

/*--------------------------------------------------*/
/*                      Forms                       */
/*--------------------------------------------------*/  
form {
  margin: 0;
  padding: 0;
  }
  
form td { 
	vertical-align: top; 
	padding: 5px;
	}

form th {
  vertical-align: top;
  text-align: right;
  padding: 5px;
  color: #333;
  }

fieldset {
  border: 1px solid #D7D2BF;
  padding: 15px 10px;
  margin-bottom: 15px;
  }

legend {
  font-weight: bold;
  font-size: 110%;
  color: #333;
  }
  
.required {
  font-weight: bold;
  color: #cc3300;
  }

.required a, .helper .required a{
  text-decoration: none;
	color:#cc3300;
  }

.required a:hover, .helper .required a:hover{
  color: #cc3300;
  background-color: #EEECE5;
  text-decoration: none;
  }

/*--------------------------------------------------*/
/*                      Flash                       */
/*--------------------------------------------------*/ 
._good {
  margin-bottom: 15px;
  }
  
 #BadFlash {
 	font-weight: bold;
 	background-color: #c00;
 	color: #fff;
 	border: 2px solid #990000;
 	padding: 10px;
 	width: 400px;
 	}
 	
 	#BadFlash a{
 	color: #fff;
 	}

#BadFlash a:hover {
background-color:#fff;
text-decoration:none;
color: #c00;
}

#GoodFlash {
	font-weight: bold;
	background-color: #658DA8;
	color: #fff;
	border: 2px solid #3D607B;
	padding: 10px;
	width: 400px;
	}

/*--------------------------------------------------*/
/*                      Lists                       */
/*--------------------------------------------------*/  
dt { font-weight:bold; }

dd {
  padding: 0 0 25px 20px;
  margin: 0;
  }


ul.plain, ul.plain li {
  list-style-type: none;
  }
  
ul.plain {
  margin: 0;
  padding: 0;
  }

ul.plain li {
  padding: 5px;
  margin: 3px;
  }
  
form dl dt {
  float: left;
  font-weight: bold;
  width: 70px;
  text-align: right;
  padding-right: 10px;
  }

form dl dd {
  margin-bottom: 5px;
  }
  
dl.form dt {
  float: left;
  font-weight: bold;
  padding-right: 5px;
  }
  
.side_column  dl.form dd, dl.form dt {
margin:0;
padding:0;
}

.side_column dl.form dd {
padding-bottom:10px
}

.side_column dl.form dt {
text-align:left;
width:100%;
font-size: 90%;
}

.side_column dl.form dd select {
margin:0;
}

/*--------------------------------------------------*/
/*                      Errors                      */
/*--------------------------------------------------*/
.field_with_errors {
  padding: 2px;
  border:2px solid #cc3300;
  display: table;
  }

#errorExplanation {
  width: 400px;
  border: 2px solid #990000;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f1f1f1;
  color: #333;
  font-weight:bold;
  }

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

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

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

/*--------------------------------------------------*/
/*                      Helpers                     */
/*--------------------------------------------------*/
.hide { display: none; }
.show { display: block; }
