table {

}
table td, table th {
  padding:5px 10px;
  vertical-align:top;
}
table th {
  background-color:#F9F9F9;
  border-bottom:1px solid #cccccc;
  text-align:left;
  font-weight:800;
}
table tr {
  background-color:#fafafa;
}


table.data { 
  width:100%;

  a.order_by_link {
    display: inline-block;
  }
  a.order_by_link.asc {
     background: url('/assets/images/portable/icons/sort_asc.jpg') left 0px no-repeat;
     padding-left:15px;
  }
  a.order_by_link.desc {
     background: url('/assets/images/portable/icons/sort_desc.jpg') left 0px no-repeat;
     padding-left:15px;
  }
  tr.b { 
    background-color:#FBFBE3;
  }
  tr:hover { 
    background-color:#d8f8ff;
    background-color:#eff2fc;

  }
}


br.clear {
  clear:both;
}


/* -------------------------- COLS ------------------------------ */
.col {
  margin-right:10px;
  margin-bottom:10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.col:last-child { 
  margin-right:0px;
}

.col_of_2 { 
  width: 50%;
  float:left;
}

.col_of_3 { 
  width: 32%;
  float:left;
}

.col_of_4 { 
  width: 24%;
  float:left;
}

/* -------------------------- BOXES ------------------------------ */
.liner {
  padding:13px;
}

        
.success_box, .flash_success {
  padding:15px 15px 15px 55px; 
  background:#f0f8e9 url('/assets/images/portable/icons/accept.png') 3px 30% no-repeat;
  border-top:1px solid #4E8B1C;
  border-bottom:1px solid #4E8B1C;
  margin:10px 0;
  color: #4E8B1C;
}
.warning_box, .flash_warn {
  padding:15px 15px 15px 55px; 
  background:#FFF8EB url('/assets/images/portable/icons/warning.png') 3px 30% no-repeat;
  border-top:1px solid #EF9C0C;
  border-bottom:1px solid #EF9C0C;
  margin:10px 0;
  color: #EF9C0C;
}
.fail_box, .flash_error {
  padding:15px 15px 15px 55px; 
  background:#FEF2F2 url('/assets/images/portable/icons/fail.png') 7px 5px no-repeat;
  background:#FEF2F2 url('/assets/images/portable/delete.png') 3px 30% no-repeat;
  border-top:1px solid #e30707;
  border-bottom:1px solid #e30707;
  margin:10px 0;
  color: #e30707;
}
.info_box, .flash_notice, .flash_alert {
  padding:15px 15px 15px 55px; 
  background:#FFFFDD url('/assets/images/portable/icons/info.png') 3px 30% no-repeat;
  border-top:1px solid #297F8B;
  border-bottom:1px solid #297F8B;
  margin:10px 0;
  color:#003D7F;
}
.generic_box { /*has no image defined*/
  padding:15px 15px 15px 55px; 
  background-color:#FFFFDD;
  background-position: 7px 7px;
  background-repeat: no-repeat;
  border-top:1px solid silver;
  border-bottom:1px solid silver;
  margin:10px 0;
  color:gray;
}


/* -------------------------- on dark bgs ------------------------------ */

.dark {
	color:white;
	strong, b, .label { 
		color:white;
	}
	a, a:hover, a:visited
	{
		color:orange;
	}
}

.light{
	color:#333333;
}



/* -------------------------- admin ------------------------------ */

.admin_buttons {
  margin: 20px 0;
}