@charset "utf-8";
/* CSS Document */

.myForm fieldset {
    margin-top: 1em;
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border: #aaa solid 1px;
    padding: 1.5em;
    background: #eee;
    text-shadow: 1px 1px 2px #fff inset;
    -moz-box-shadow: 1px 1px 2px #fff inset;
    -webkit-box-shadow: 1px 1px 2px #fff inset;
    box-shadow: 1px 1px 2px #fff inset;
}

.myForm fieldset fieldset {
    margin: .8em;
    background: #fff;
    border: 1px solid #aaa;
    background: #E8E8E8;

}

.myForm fieldset legend {
    font-weight: bold;
    color: #444;
    padding: 5px 10px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border: 1px solid #aaa;
    background-color: #fff;
    -moz-box-shadow: 3px 3px 15px #bbb;
    -webkit-box-shadow: 3px 3px 15px #bbb;
    box-shadow: 3px 3px 15px #bbb;
}
.myForm fieldset.tblFooters {
    margin-top: 0;
    margin-bottom: .5em;
    /* avoid a thick line since this should be used under another fieldset */
    border-top: 0;
    text-align: right;
    float: none;
    clear: both;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 5px;
}
.myForm .tblFooters {
    font-weight: normal;
    color: #000;
    background: #D3DCE3;
}

.some-margin {
    margin: 1.5em;
}

/* buttons in some browsers (eg. Konqueror) are block elements,
   this breaks design */
button {
    display: inline;
}
.myForm input[type="checkbox"],
.myForm input[type="radio"] {
    vertical-align: -11%;
}
.myForm input[type=text].invalid_value,
.myForm .invalid_value {
    background: #FFCCCC;
}
.myForm input[type=text] {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;

    box-shadow: 0 1px 2px #ddd;
    -moz-box-shadow: 0 1px 2px #ddd;
    -webkit-box-shadow: 0 1px 2px #ddd;

    background: white;
    border: 1px solid #aaa;
    color: #555;
    padding: 4px;
    margin: 6px;

}

.myForm input[type=password] {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;

    box-shadow: 0 1px 2px #ddd;
    -moz-box-shadow: 0 1px 2px #ddd;
    -webkit-box-shadow: 0 1px 2px #ddd;

    background: white;
    border: 1px solid #aaa;
    color: #555;
    padding: 4px;
    margin: 6px;

}

.myForm input[type=submit],
.myForm button[type=submit]:not(.mult_submit) {
    font-weight: bold !important;
}

.myForm input[type=submit],
.myForm button[type=submit]:not(.mult_submit),
.myForm input[type=reset],
.myForm input[name=submit_reset],
.myForm input.button {
    margin-left: 14px;
    border: 1px solid #aaa;
    padding: 3px 7px;
    color: #111;
    text-decoration: none;
    background: #ddd;

    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;

    text-shadow: 0 1px 0 #fff;

	background-size: 100% 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
	background: -webkit-linear-gradient(top, #ffffff, #cccccc);
	background: -moz-linear-gradient(top, #ffffff, #cccccc);
	background: -ms-linear-gradient(top, #ffffff, #cccccc);
	background: -o-linear-gradient(top, #ffffff, #cccccc);
}

.myForm input[type=submit]:hover,
.myForm button[type=submit]:not(.mult_submit):hover,
.myForm input[type=reset]:hover,
.myForm input[name=submit_reset]:hover,
.myForm input.button:hover {
	position: relative;
	background-size: 100% 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#dddddd));
	background: -webkit-linear-gradient(top, #cccccc, #dddddd);
	background: -moz-linear-gradient(top, #cccccc, #dddddd);
	background: -ms-linear-gradient(top, #cccccc, #dddddd);
	background: -o-linear-gradient(top, #cccccc, #dddddd);
	cursor: pointer;
}

.myForm input[type=submit]:active,
.myForm button[type=submit]:not(.mult_submit):active,
.myForm input[type=reset]:active,
.myForm input[name=submit_reset]:active,
.myForm input.button:active {
    position: relative;
    top: 1px;
    left: 1px;
}