/**
 * @project Patients Database
 * @file style.css
 * @since 2017-02-05
 * @version 1.0
 *
 * @author Promaetheus
 * @copyright 2017 PromaDesign.com
 */

body {
  font-family: Arial, Geneva, Helvetica, sans-serif, Verdana;
  background: #FFFFFF;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}

/* LINKS START */
a {
  color: black;
  text-decoration: underline;
  font-weight : normal;
}

a:hover {
  color: black;
  text-decoration: none;
  border-bottom: 1px black dotted;
  font-weight : normal;
}

/* INPUT FIELD DEFINITION START */
input, textarea, .input {

}

option, select {

}

.borderless {
  border-style: none;
  background-color: #FFFFFF;
}

a.formButton, a.formButton:hover {

}

/* SPECIAL FORMATS */
#login_screen {
	border: 1px solid black;
	border-radius: 10px;
	position: relative;
	width: 300px;
	height: 120px;
	left: 50%;
	margin-left: -150px;
}

p.box_title {
	font-weight: bold;
	text-transform: uppercase;
}

#box_search {
	width: 300px;
	padding: 5px;
	border: 1px solid black;
	border-radius: 10px;
	margin-bottom: 10px;
}

#box_patients_data {
	width: 300px;
	padding: 5px;
	border: 1px solid black;
	border-radius: 10px;
	margin-bottom: 10px;
}

#box_navigation {
	width: 300px;
	padding: 5px;
	border: 1px solid black;
	border-radius: 10px;
}

#box_searchresults {
  width: 900px;
	padding: 5px;
	border: 1px solid black;
	border-radius: 10px;
}

#box_appointments {
	width: 900px;
	padding: 5px;
	border: 1px solid black;
	border-radius: 10px;
}

#box_manage_patient {
	width: 900px;
	padding: 5px;
	border: 1px solid black;
	border-radius: 10px;
}

#box_treatments {
	width: 900px;
	padding: 5px;
	border: 1px solid black;
	border-radius: 10px;
}

#site_header {
	font-family: Verdana, Arial;
	font-size: 20px;
	letter-spacing: 5px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	margin: 20px;
}

#appointment_treatment {
	border: 1px dashed grey;
	margin-bottom: 15px;
	padding: 5px;
}

#appointment_treatment_highlighted_alert {
	border: 2px dashed red;
	margin-bottom: 15px;
	padding: 5px;
}

table tr td {
  padding: 5px;
}

table.list_results {
	padding: 0px;
	margin: 0px;
	border-spacing: 0px;
	width: 100%;
}

tr.header {
	font-weight: bold;
}

tr.even {
	background: #f1f1f1;
}

tr.even:hover {
	background: #e4e4e4;
	cursor: pointer;
}

tr.uneven {
}

tr.uneven:hover {
	background: #e4e4e4;
	cursor: pointer;
}

tr.highlighted_alert {
	background: #ff4500;
	cursor: pointer;
}

table.error {
  border: 2px solid red;
  	border-radius: 10px;
}