@charset "utf-8";

form label {
	clear:left;
	display:block;
	float:left;
	text-align:left;
	padding-right:10px;
	color:#333;
	margin: 3px 0 0 0;
}

/* --------------------- text input and text area --------------------- */

form input, textarea {
border:1px solid #888;
padding: 0;
margin: 0 0 2px 0;
background:#f8f8f8;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
}
form input:hover, textarea:hover {
background:#ececff;
border:1px solid #555;
color:#222;
}
form input:focus, textarea:focus {
background:#fff;
border:1px solid #888;
color:#333;
}
form input {
height: 18px;
}

/* --------------------- buttons --------------------- */
input.bluebtn {
background: url(../images/btn/btn_bg.gif) repeat-x;
color: #fff;
text-align: center;
font-weight: bold;
padding: 3px 10px 5px 10px;
border: 1px solid;
border-color:#54afef #3d92da #3d92da #54afef;
width: 120px;
height: 29px;
margin-bottom: 8px;
}

.bluebtn {
background: url(../images/btn/btn_bg.gif) repeat-x;
color: #fff;
text-align: center;
font-weight: bold;
padding: 5px 10px 3px 10px;
border: 1px solid;
border-color:#54afef #3d92da #3d92da #54afef;
width: 120px;
height: 19px;
cursor: pointer;
text-decoration: none;
}
.bluebtn a:link, .bluebtn a:active, .bluebtn a:visited, .bluebtn a:hover {color: #fff; text-decoration: none;}
.bluebtn:hover {background: url(../images/btn/btn_bg-hover.gif) repeat-x; border-color:#5d7cbf #2164a8 #2164a8 #5d7cbf; color:#fff; text-decoration: none;}
.bluebtn:focus {background: url(../images/btn/btn_bg.gif) repeat-x;}

input.graybtn {
background: #ccc url(../images/btn/btn_graybg.gif) repeat-x;
color: #333;
text-align: center;
font-weight: bold;
padding: 3px 10px 5px 10px;
border: 1px solid;
border-color: #ececec #ccc #ccc #ececec;
height: 29px;
margin-bottom: 8px;
}

.graybtn {
background: #ccc url(../images/btn/btn_graybg.gif) repeat-x;
color: #333;
text-align: center;
font-weight: bold;
padding: 4px 10px 4px 10px;
border: 1px solid;
border-color: #ececec #ccc #ccc #ececec;
width: 120px;
height: 19px;
cursor: pointer;
}

.graybtn a:link, .graybtn a:active, .graybtn a:visited, .graybtn a:hover {color: #333; text-decoration: none;}
.graybtn:hover {background: #ccc url(../images/btn/btn_graybg-hover.gif) repeat-x; border-color: #ececec #ccc #ccc #ececec; text-decoration: none;}
.graybtn:focus {background: #ccc url(../images/btn/btn_graybg.gif) repeat-x;}