a.link {
	color: #558f0d;
	text-align: left;
	padding-top: 0pt;
	padding-bottom: 0pt;
	padding-right: 4%;
	padding-left: 20px;
	background: url(media/link.png) no-repeat left center;
}

button.link {
	color: #558f0d;
	background-color: transparent;
	text-align: left;
	padding-top: 0pt;
	padding-bottom: 0pt;
	padding-left: 20px;
	background: url(media/link.png) no-repeat left center;
	border: 0px;
}


div.link {
	height: 14px;
	margin-top: 4px;
	margin-bottom: 4px;
}

div.link a {
	display: inline;
	height: 14px;
	color: #558f0d;
	background-color: transparent;
	text-align: left;
	padding-top: 0pt;
	padding-right: 4%;
	padding-bottom: 0pt;
	padding-left: 20px;
	background: url(media/link.png) no-repeat left center;
}

div.link.add a {
	background: transparent url(media/add2.png) no-repeat left center;
}

div.link.replace a {
	background: transparent url(media/replace2.png) no-repeat left center;
}

div.goback {
	height: 14px;
	margin-top: 4px;
	margin-bottom: 4px;
	text-align: right;
}

div.goback a {
	display: inline;
	height: 14px;
	color: #558f0d;
	background-color: transparent;
	text-align: right;
	padding-top: 0pt;
	padding-right: 20px;
	padding-bottom: 0pt;
	padding-left: 4%;
	background: transparent url(media/return.png) no-repeat right top;
}

div.refresh {
	height: 14px;
	margin-top: 4px;
	margin-bottom: 4px;
	text-align: right;
}

div.refresh a {
	display: inline;
	height: 14px;
	color: #558f0d;
	background-color: transparent;
	text-align: right;
	padding-top: 0pt;
	padding-right: 20px;
	padding-bottom: 0pt;
	padding-left: 4%;
	background: transparent url(media/refresh.png) no-repeat right top;
}


.navbar .brand {
	display: block;
	margin: 0px;
	overflow: hidden;
	/* padding-left: 74px; */
	/* background: transparent url(media/logo2.png) no-repeat 0 0; */
}

#navigation {
	width: 100%;
}

#summary {
}

/* Customization to bootstrap and datatables
-------------------------------------------------- */
.form-horizontal .control-group {
    margin-bottom:10px;
}

.dataTables_processing {
	color: black;
	background-color: whitesmoke;
}

/*----------------------------------------------------------------
[ Form ]
*/

.form-container {	
   min-width: 300px;
	 
   padding: 15px 15px 0;  
   margin: 0 auto;
     
   background: none repeat scroll 0 0 #f9f9f9;
   border: 1px solid #d5d5d5;
   border-radius: 5px;
   box-shadow: 0 0 2px #dadada, 0 -3px 0 #e6e6e6 inset;		
}

.form-container legend {
	font-size: 24px;
}

.form-container .form-container-heading,
.form-container .checkbox {
  margin-bottom: 10px;
}
.form-container .checkbox {
  font-weight: normal;
}
.form-container .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form-container .form-control:focus {
  z-index: 2;
}
.form-container input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-container input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.form-container ul.alert {
	list-style: none;
	margin: 0;
	padding: 0 0.3em 0 0.25em;
	margin-bottom: 0.25em;
}


ul.form-errors {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.form-errors li {
	margin: 0;
}

/* Sticky footer styles
-------------------------------------------------- */

html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by it's height */
  margin: 0 auto -60px;
}

/* Set the fixed height of the footer here */
#push,
#footer {
  height: 60px;
}
#footer {
  background-color: #f5f5f5;
}

/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
  #footer {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

#wrap > .container,
#wrap > .container-fluid {
  padding-top: 60px;
}

.credit {
  margin: 20px 0;
}

.uid {font-family: "Courier New", Courier, monospace;  }

caption {
	font-weight:bold;
}

@media screen {
	img.button {
	  border: 1px ridge transparent;
	  cursor: pointer;
	}
	img.button:hover {
	  border: 1px ridge #2763A5;
	  background: url(media/bg.png) repeat-x;
	  -moz-border-radius: 0.3em;
	  -webkit-border-radius: 0.3em;
	  border-radius: 0.3em;
	}

	input[type=image].button {
	  border: 1px ridge transparent;
	  cursor: pointer;
	}
	input[type=image].button:hover {
	  border: 1px ridge #2763A5;
	  background: url(media/bg.png) repeat-x;
	  -moz-border-radius: 0.3em;
	  -webkit-border-radius: 0.3em;
	  border-radius: 0.3em;
	}

	button img.button {
	  border: 1px ridge transparent;
	  cursor: pointer;
	}
	button img.button:hover {
	  border: 1px ridge #2763A5;
	  background: url(media/bg.png) repeat-x;
	  -moz-border-radius: 0.3em;
	  -webkit-border-radius: 0.3em;
	  border-radius: 0.3em;
	}
}

@media print {
	img.button {
		display: none;
	}
}