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


/********************************************************************
/    INPUT FORM
/
/*******************************************************************/

a{color:#0033CC;}

h1, h2, p, form{
	border:0px; 
	margin:0px; 
	padding:0px;
}

input{	
	/*font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; */
	font-size:12px;
}

h2{	color:#666666; 
	margin-bottom:20px;
	font-size:large;
}

div.main{
	margin:30px auto; 
	width:200px;
	}

div.box{
	border:solid 1px #c6cfe1;
	/*background:#dfe4ee;*/
	/*background:#e0e0e0;*/
	background:#bcc9bd;
	padding:10px;
	color:#333333;
	margin-bottom:10px;
}
div.box h1 {
	font-size:14px;
	color:#000000;
	padding-bottom:4px;
}
div.box p{padding-bottom:14px;}

div.box input .input-text{
	border:1px solid #3b6e22;
	color:#666666;
	/*width:180px;*/
}

div.box label{
	display:block;
	margin-bottom:10px;
	color:#555555;
}

div.box label span{
	display:block;
	/*float:left;*/
	padding-right:6px;
	width:320px;
	text-align:left;
	font-weight:bold;
}
.spacer {
	/*margin-left:10px; */
	margin-bottom:10px;
	font-size:11px;
	color:#555555;
}
.green{
	background:url(../../images/green.gif);
	padding:0px 6px;
	border:1px solid #3b6e22;
	height:24px; 
	line-height:24px;
	color:#FFFFFF;
	font-size:12px;
	margin-right:10px;
	display:inline-block;
	text-decoration:none;
}
.error {
  font-weight: bold;
  color: #FF0000;
}




/********************************************************************
/     HTML use of the button
/  <a class="button" href="#"><span>push</span></a> 
/
/*******************************************************************/



.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('../../images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('../../images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 
a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}