/* --------------------------------------------------------------------------------------------------
	General styles
------------------------------------------------------------------------------------------------- */
* {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

html, body {
	height: 100%;
}



/* --------------------------------------------------------------------------------------------------
	Font style
------------------------------------------------------------------------------------------------- */
body {
	color: #000000;
	font-size: 0.7125em;
	font-size: 0.75em;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.4em;
}

table, fieldset {
	font-size: 1em;
}

h1, h2, h3, h4, h5, h6 {
	padding: 0 0 3px 0;
}

h1 {
	font-size: 1.4em;
	margin: 0 0 2px 0;
}

h2 {
	font-size: 1.3em;
	margin: 0 0 2px 0;
}

h3 {
	font-size: 1.2em;
	margin: 0 0 2px 0;
}

h4 {
	font-size: 1.1em;
}

h5 {
	font-size: 1em;
}

h6 {
	font-size: 0.9em;
}



/* --------------------------------------------------------------------------------------------------
	Fix the layout
------------------------------------------------------------------------------------------------- */
table, img {
	border: none;
}

td, th {
	vertical-align: top;
}

ol, ul {
	margin: 0 0 0 6px;
	padding: 0 0 0 15px;
}

ul {
	list-style-type: disc;
}

strong, em, b {
	font-weight: bold;
	font-style: normal;
}

pre {
	font-family: monospace;
}

abbr, acronym {
	color: #0099FF;
	font-weight: bold;
	cursor: help;
	border-bottom: 1px dotted;
}

cite {
	font-variant: small-caps;
	font-style: normal;
}

.bold {
	font-weight: bold;
}

.clear {
	clear: both;
}

.center {
	text-align: center;
}

.hidden {
	display: none;
}



/* ---------------------------------------------------------------------------
	Link
--------------------------------------------------------------------------- */
a {
	color: #00A3FF;
	text-decoration: underline;
}

a:hover {
	color: #0077BD;
}



/* ---------------------------------------------------------------------------
	Image
--------------------------------------------------------------------------- */
img.left {
	float: left;
	margin: 4px;
}

img.right {
	float: right;
	margin: 4px;
}



/* --------------------------------------------------------------------------------------------------
	Notice
------------------------------------------------------------------------------------------------- */
.notice {
	color: #999999;
	font-size: 0.8em;
	line-height: 140%;
	font-weight: normal;
}

.notice a {
	color: #666666;
	text-decoration: none;
}

.notice a:hover {
	color: #333333;
	text-decoration: underline;
}

.notice img {
	vertical-align: middle;
}



/* --------------------------------------------------------------------------------------------------
	Error
------------------------------------------------------------------------------------------------- */
.error {
	color: #990000;
}

.error a {
	color: #FF3333;
	text-decoration: none;
}

.error a:hover {
	color: #FF3333;
	text-decoration: underline;
}

.error img {
	vertical-align: middle;
}



/* --------------------------------------------------------------------------------------------------
	Success
------------------------------------------------------------------------------------------------- */
.success {
	color: #009900;
}

.success a {
	color: #33FF33;
	text-decoration: none;
}

.success a:hover {
	color: #33FF33;
	text-decoration: underline;
}

.success img {
	vertical-align: middle;
}



/* ---------------------------------------------------------------------------
	Form :: Base style
--------------------------------------------------------------------------- */
form, fieldset, legend {
	border: none;
}

form {
	margin: 0 0 1em 0;
}

label, button {
	cursor: pointer;
}

legend {
	color: #0046D5;
	font-weight: bold;
}

legend img {
	vertical-align: middle;
}

input, select, option, optgroup, textarea, button {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
}

button,
input[type=button] {
	cursor: pointer;
}

button[disabled],
button.disabled,
input[type=button][disabled],
input[type=button].disabled {
	cursor: default;
	color: #999;
}



/* ---------------------------------------------------------------------------
	Form :: Input fields
--------------------------------------------------------------------------- */
textarea, select, .frmText {
 	color: #000000;
	background: #FAFAFA;
 	border: 1px solid #B3B3B3;
}

textarea, .frmText {
	padding: 1px 3px 1px 3px;
}

button {
	cursor: pointer;
	width: 120px;
	height: 30px;
}



/* ---------------------------------------------------------------------------
	Form :: Errors (setFormError())
--------------------------------------------------------------------------- */
.formError {
	color: #FF0000;
}

.formError a {
	color: #990000;
	text-decoration: none;
}

.formError a:hover {
	text-decoration: underline;
}

.formError img {
	vertical-align: middle;
}

input.formError {
	color: #FF0000;
	background: #ffff99;
}

div.formError {
	margin: 0 0 4px 0;
	padding: 0 0 0 14px;
	font-size: 0.9em;
	background: url("./img/formerror.gif") no-repeat 2px 3px;
}



/* ---------------------------------------------------------------------------
	Form :: Input fields
--------------------------------------------------------------------------- */
.required {
	background: url("./img/required.gif") no-repeat top right;
	padding: 0 8px 0 0;
}

.required_l {
	background: url("./img/required.gif") no-repeat top left;
	padding: 0 0 0 8px;
}



/* ---------------------------------------------------------------------------
	Form :: Layout
--------------------------------------------------------------------------- */
table.frmContent td {
	padding: 0 0 3px 0;
}

table.frmContent label {
	font-weight: bold;
}

table.frmContent label.normal {
	font-weight: normal;
}

table.frmContent td.frmCheck {
	width: 20px;
	text-align: center;
	vertical-align: top;
}

fieldset {
	margin-bottom: 1em;
}

fieldset.frmButtons {
	padding: 8px 0 0 0;
	text-align: right;
}

.frmButton {
	margin: 0 0 0 0;
	padding: 0 0 4px 0;
	width: 100px;
	height: 25px;
}

.frmButton.disabled {
	background: inherit;
}



/* ------------------------------------------------------
   Lines
------------------------------------------------------ */
div.hr {
	font-size: 0;
	line-height: 0;
	margin: 6px 0 4px 0;
	height: 2px;
	background: url("./img/hr.gif") repeat-x;
}

div.hr hr {
	display: none;
}



/* ------------------------------------------------------
   CSS for Accordeon
------------------------------------------------------ */
.wuaTitle {
	padding: 4px;
	border: 1px dotted #333333;
}
