* {
    font-family: Arial, Tahoma, sans-serif;
    outline: 0px;
}

body {
    background-color: #FFF;
    background-image: url(/static/images/body_bg.png);
    margin: 0;
    width: 100%;
    font-size: 12px;
}

h1 {
    margin: 0;
    padding: 0;
    line-height: 100%;
}

.width_wrapper {
    width: 980px;
    position: relative;
    margin: 0px auto;
}

select {
    margin: 5px 0;
}

input[type="text"], input[type="password"], textarea {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #DDD;
    background-color: #FFF;
    padding: 6px;
    color: #555;
    width: 80%;
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
    border: 2px solid #BBB;
    padding: 5px;
    color: #333;
}

input[type="text"][disabled], input[type="password"][disabled], input[type="text"][readonly], input[type="password"][readonly] {
    background-color: #E1E1E1;
}

textarea {
    font-size: 12px;
}

input[type="submit"], input[type="reset"], input[type="button"] {
    color: #333;
	background-color: #f6f6f6;
	background-image: url(/static/images/button_bg.jpg);
	background-position: bottom;
	border: 1px solid #CCC;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 4px 10px;
	text-shadow: 0px 1px #FFF;
	font-weight: bold;
}

input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active {
    background: #D8D8D8;
}

input[disabled], input[disabled]:active {
    background: #DDD;
    color: #777 !important;
}

.right_align {
    text-align: right;
}

a.button {
    color: #333;
    background-color: #f6f6f6;
    background-image: url(/static/images/button_bg.jpg);
    background-position: bottom;
    border: 1px solid #CCC;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 4px 10px;
    text-shadow: 0px 1px #FFF;
    font-weight: bold;
    text-decoration: none;
}

a.button.disabled {
    color: #C0C0C0;
}

.handcursor {
    cursor: pointer;
    cursor: hand;
}

a.button:active {
    background: #D8D8D8;
}