/* ============================================================
   Mars Leisure — site stylesheet
   Improved for readability/usability. Every original class name,
   color and font-family is preserved so no existing page breaks —
   only spacing, states (hover/focus) and form-control polish were
   added or refined.
   ============================================================ */

/* -- Base ----------------------------------------------------- */
* {
	box-sizing: border-box; /* keeps inline width="150px" inputs from growing when padding is added */
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* -- Legacy text/utility classes (unchanged colors) ------------ */
.style1 {
	color: #990000;
	font-weight: bold;
}
.style2 {
	color: #990000;
	font-weight: bold;
}
.red_bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #E60000;
	font-weight: bold;
}
.style4 {
	color: #0033FF;
	font-weight: bold;
}
.style10 {
	font-size: 10px;
	font-weight: bold;
}
.white_vsmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #ffffff;
}
.gray_vsmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #757575;
	line-height: 1.5;
}

.copyright {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #333;
	font-style: italic;
	text-align: center;
	line-height: 42px;
}
.copyright a {
	text-decoration: underline;
	color: #333;
	transition: color 0.15s ease;
}
.copyright a:hover {
	text-decoration: none;
	color: #990000;
}

.reddy_small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
}
.reddy_marked {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
}

/* -- Links ------------------------------------------------------ */
a.whitesmall:link,
a.whitesmall:visited,
a.whitesmall:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #ffffff;
	text-decoration: none;
	transition: opacity 0.15s ease;
}
a.whitesmall:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #ffffff;
	text-decoration: underline;
	opacity: 0.85;
}

a.black:link,
a.black:visited,
a.black:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	transition: color 0.15s ease;
}
a.black:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #E60000;
	text-decoration: underline;
}

a.red:link,
a.red:visited,
a.red:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #E60000;
	text-decoration: none;
	transition: color 0.15s ease;
}
a.red:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #990000;
	text-decoration: underline;
}

/* -- Text blocks -------------------------------------------------- */
.black_normaltext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	line-height: 1.6;
}
.white_normaltext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	line-height: 1.6;
}
.red_normaltext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #E60000;
}
.black_title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	font-weight: bold;
}

/* -- Form controls ------------------------------------------------
   Same font/size as before, just with breathing room, rounded
   corners and a visible focus state so the form is easier to scan
   and use — especially on the registration page. */
input,
select,
textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	padding: 5px 7px;
	border: 1px solid #B0AFAD;
	border-radius: 3px;
	background-color: #ffffff;
	max-width: 100%;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
select {
	width: 156px;
}
input:focus,
select:focus,
textarea:focus {
	outline: none;
	border-color: #E60000;
	box-shadow: 0 0 0 2px rgba(230, 0, 0, 0.15);
}
input::placeholder,
textarea::placeholder {
	color: #999999;
}

/* Checkboxes/radios: bigger click target, aligned with their label */
input[type="checkbox"],
input[type="radio"] {
	width: auto;
	padding: 0;
	margin: 0 6px 0 0;
	vertical-align: middle;
	cursor: pointer;
}
label {
	cursor: pointer;
}

/* Buttons (Register / Reset / general submit-style inputs) */
input[type="submit"],
input[type="button"],
input[type="reset"] {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	background-color: #990000;
	border: 1px solid #7a0000;
	border-radius: 4px;
	padding: 7px 18px;
	cursor: pointer;
	transition: background-color 0.15s ease, transform 0.05s ease;
}
input[type="submit"]:hover,
input[type="button"]:hover {
	background-color: #B00000;
}
input[type="submit"]:active,
input[type="button"]:active {
	transform: translateY(1px);
}
input[type="reset"] {
	background-color: #ffffff;
	color: #333333;
	border: 1px solid #B0AFAD;
}
input[type="reset"]:hover {
	background-color: #f3f3f3;
}

textarea {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 1.5;
	resize: vertical;
}

/* -- Status / validation message box ------------------------------ */
.status_table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #990000;
	font-weight: bold;
	border-collapse: collapse;
	border-style: solid;
	border-width: 1px;
	background-color: #FFF6D9;
	border-color: #E6C86E;
	border-radius: 4px;
	padding: 4px;
}

/* -- Legacy image button ------------------------------------------ */
.mybuttons {
	width: 60px;
	height: 16px;
	color: #ffffff;
	background-color: #FFFFFF;
	border-color: #000000;
	background: url(../img/btns/btn_login.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
	border-width: 0px;
	border-bottom-color: #131313;
	cursor: pointer;
	transition: opacity 0.15s ease;
}
.mybuttons:hover {
	opacity: 0.9;
}

/* -- Small-screen readability -------------------------------------
   The site's tables use fixed pixel widths, so full responsiveness
   isn't practical without a layout rewrite. This just keeps form
   controls from overflowing their cell on narrow viewports. */
@media (max-width: 480px) {
	input,
	select,
	textarea {
		font-size: 12px;
	}
}