.text-box {
	float:left;
	width:350px;
	background-color:#F9F8F2;
	border: 1px solid #d1c7ac;
	padding:3px;
	margin-bottom:15px;
	overflow:hidden;
}
#form-left {
    text-align:center;
    float: left;
    width: 49%;
    background-color: #F9F8F2;
}
#form-right {
	text-align:center;
    float: right;
    width: 49%;
    background-color: #F9F8F2;
}
.button-container {
	text-align:center;
	float:left;
	width:33%;
	background-color: #F9F8F2;
}
/* ----------Text Boxes------------*/

.heading-form {font-size: 1.3em; color: #6A6557; background:#DFD5B9; margin-bottom:10px;}
.heading-form a {color: #6A6557; text-decoration:none;}
.heading-form a:hover {text-decoration:underline;}

.tb-border {
	border: 1px solid #0000FF;
	width: 230px;
}
.tb-background {
	background-color : #99FFCC;
	border: 1px solid #008000;
	width: 230px;
}
.tb-bg-image {
	background-image: url("bg.png"/*tpa=http://www.cssportal.com/form-elements/bg.png*/);
	border: 1px solid #6297BC;
	width: 230px;
}
.tb-focus {
	border: 1px solid #888377;
	width: 230px;
}
.tb-focus:focus, .tb-focus:hover {
	background-color: #F4EEDD;
	width: 230px;
}
.tb-bg-side {
	background-image: url("preview.gif"/*tpa=http://www.cssportal.com/form-elements/preview.gif*/);
	background-repeat:no-repeat;
	background-position:left;
	border: 1px solid #6297BC;
	padding-left:16px;
	width: 230px;
}

.tb-rounded2 {
	border:0;
	background: transparent url("rounded.gif"/*tpa=http://www.cssportal.com/form-elements/rounded.gif*/) no-repeat top left;
	height: 22px;
	width: 130px;
	padding-top:2px;
	padding-left:2px;
	color:#000000;	
}
.tb-rounded {
	border:0;
	background: transparent url("rounded.gif"/*tpa=http://www.cssportal.com/form-elements/rounded.gif*/) no-repeat top left;
	height: 22px;
	width: 230px;
	padding-top:2px;
	padding-left:2px;
	color:#000000;	
}
.cuadro {
	border:0;
	background: transparent url("gradient.gif") no-repeat top left;
	height: 22px;
	width: 150px;
	padding-top:2px;
	padding-left:2px;
	color:#000000;
}

.tb-gradient {
	border:0;
	background: transparent url("gradient.gif"/*tpa=http://www.cssportal.com/form-elements/gradient.gif*/) no-repeat top left;
	height: 22px;
	width: 230px;
	padding-top:2px;
	padding-left:2px;
	color:#000000;
}

/* ----------Buttons------------*/

.button-color-font {
	height: 22px;
	color: #008800;
}
.button-color {
	height: 22px;
	background-color: #008800;
	color: #FFFFFF;
}
.button-color2 {
	height: 30px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	width: 90px;
	background-color: #C00;
}
.button-bg {
	height: 22px;
    background: url("button_bg.gif") repeat-x;
    border: 1px solid #bfa277;
}
.button-border {
	height: 22px;
	border: 1px solid #981234;
	background-color: #BFD5EE;
}
.button-border-2 {
	height: 22px;
	border: 3px double #981234;
	background-color: #BFD5EE;
}
.button-hover {
	height: 22px;
	border: 1px solid #981234;
	background-color: #BFD5EE;
}
.button-hover:hover {
	border: 1px solid #BFD5EE;
	background-color: #981234;
	color: #FFFFFF;
}

.button-image {
	height: 22px;
    background: #EBE3CD url("wzsave.gif"/*tpa=http://www.cssportal.com/form-elements/preview.gif*/) no-repeat left center;
    vertical-align:middle; 
    border: 1px solid #969184;
}

.button-cancelar {
	height: 22px;
    background: #EBE3CD url("cancelar.gif"/*tpa=http://www.cssportal.com/form-elements/preview.gif*/) no-repeat left center;
    vertical-align:middle; 
    border: 1px solid #969184;
}

.button-print {
	height: 22px;
    background: #EBE3CD url("imprimir.gif"/*tpa=http://www.cssportal.com/form-elements/preview.gif*/) no-repeat left center;
    vertical-align:middle; 
    border: 1px solid #969184;
}

.button_login {
	height: 22px;
    background: #EBE3CD url("lock.png"/*tpa=http://www.cssportal.com/form-elements/preview.gif*/) no-repeat left center;
    vertical-align:middle; 
    border: 1px solid #969184;
}


.button-hover-image {
	height: 22px;
	width: 100px;
	background: transparent url("button1.gif"/*tpa=http://www.cssportal.com/form-elements/button1.gif*/) no-repeat top left;
	border: none;
}
.button-hover-image:hover {
    background: transparent url("button2.gif"/*tpa=http://www.cssportal.com/form-elements/button2.gif*/) no-repeat top left;
    border: none;
    color: #800000;
}
.button-rojo {
	background-image: url(../images/botonlog.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 30px;
	width: 100px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}