$gray-lighter: lighten(#000, 80%);
$gray-light: lighten(#000, 46.7%);
$table-bg-color: white;
$border-color: #CBE6E6;
$link-color: #704942;

/*Mixins*/
@mixin tblbasic {
	width: 750px;
	background-color: $table-bg-color;
	border-radius: 5px;
	border: solid 2px $border-color;
	border-collapse: inherit;
	border-spacing: 0px;
}

/*for forms*/
table.outer { 
	@include tblbasic;
	padding: 20px;
	background-color: $gray-lighter;
	td {	padding: 5px; }
}

/*for lists*/
table.outer-list {
	@include tblbasic;
	margin:  15px;
	tr:nth-child(even) {
		background-color: $gray-lighter;
	}
	thead { 
		tr {
			background-color: $gray-light;
			th { 
				padding: 5px 0px 5px 5px;  /*top right bottom left*/	
				border-bottom: solid 2px $border-color;
				} 
		}
		
	}
	td {	padding: 5px; }
}

table.page-top {
	padding: 20px;
	width: 800px;
	border-radius: 5px;
	td {	padding: 5px; }
}

.center-align {	text-align: center; }

.link_col { width: 30px; }

a {
	color: $link-color;
	text-decoration: none;
}

/*body style borrowed from bootsrap*/
body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.428571429;
	color: #333333;
	background-color: white;	
}

/*alert styles borrowed from bootstrap*/
.alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.alert,
.alert h4 {
  color: #c09853;
}
.alert h4 {
  margin: 0;
}
.alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 20px;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #468847;
}
.alert-success h4 {
  color: #468847;
}
.alert-danger,
.alert-error {
  background-color: #f2dede;
  border-color: #eed3d7;
  color: #b94a48;
}
.alert-danger h4,
.alert-error h4 {
  color: #b94a48;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #3a87ad;
}
.alert-info h4 {
  color: #3a87ad;
}
.alert-block {
  padding-top: 14px;
  padding-bottom: 14px;
}
.alert-block > p,
.alert-block > ul {
  margin-bottom: 0;
}
.alert-block p + p {
  margin-top: 5px;
}