@import "master.css";
@import "designRules.css";

/* default font and padding */
body, form, table, td, div, p, textarea, input, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #000;
}
table, tr, td, div {
	padding: 0px;
	margin: 0px;
	font-size: 12pt; /*13.5px;*/
}
td {
	vertical-align: top;
}
img {
	vertical-align: middle;
	border: 0;
}
a {
    text-decoration: none;
	color: #203D5B;
	font-size: 11pt;
}
a:hover {
	text-decoration: underline;
}

/* override in form.css */
.formBoxYellow {
	padding: 10px 20px 10px 20px;
}

.title {
	font-size: 14pt;
	font-weight: bold;
}
.b {
	font-weight: bold;
}
.txt {
	font-weight: normal;
}

.white { color: #fff; } .black { color: #000; } .blue { color: #203D5B; } .green { color: #208000; } .yellow { color: #ffff99; }
.red { color: #AF292E; } .grey { color: #999; } .orange { color: #ffcc00; }


/* float:left for single button display, align:center for admin menu multi-button */
.btn { display: block; position: relative; background: #aaa; padding: 5px; text-align: center; color: #fff; text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; font-weight: bold; background-image: url(/images/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 5px 5px 10px 15px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }
a.btn:hover {
	text-decoration: none;
}

* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn.blue { background: #20558A; }
.btn.green { background: #9d4; }
.btn.dark-green { background: #208000; }
.btn.red { background: #AF292E; }
.btn:hover { background-color: #575A5D; } /*#AF292E*/
/*.btn.green:hover { background-color: #b3e673; }*/
.btn:active { background-color: #444; }
.btn[class] { background-image: url(/images/shade.png); background-position: bottom; }

* html .btn { border: 3px double #aaa; }
* html .btn.green { border-color: #9d4; }
* html .btn.blue { border-color: #20558A; }
* html .btn.red { border-color: #AF292E; }
* html .btn:hover { border-color: #a00; }