/* Inset 3D Raised */
.raised {background: transparent; width:40%; margin:0 auto;}
.raised h1, .raised p {margin:0 10px;}
.raised h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.raised p {padding-bottom:0.5em;}

.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised .b3 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised .b4 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised .b4b {background:#ccc; border-left:1px solid #eee; border-right:1px solid #999;}
.raised .b3b {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised .b2b {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #999;}


.raised .b1 {margin:0 5px; background:#fff;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#999;}
.raised .boxcontent {display:block;  background:#ccc; border-left:1px solid #fff; border-right:1px solid #999;}

/* Form Text Input */
.textinput {background: transparent;  margin:0 auto;}
.textinput p {margin:0 4px; padding-bottom:2px;}
.textinput .top, .textinput .bottom {display:block; background:transparent; font-size:1px;}
.textinput .b1, .textinput .b2, .textinput .b3, .textinput .b4, .textinput .b1b, .textinput .b2b, .textinput .b3b, .textinput .b4b {display:block; overflow:hidden;}
.textinput .b1, .textinput .b2, .textinput .b3, .textinput .b1b, .textinput .b2b, .textinput .b3b {height:1px;}
.textinput .b2 {background:#131622; border-left:1px solid #87a1b6; border-right:1px solid #87a1b6;}
.textinput .b3 {background:#131622; border-left:1px solid #87a1b6; border-right:1px solid #87a1b6;}
.textinput .b4 {background:#131622; border-left:1px solid #87a1b6; border-right:1px solid #87a1b6;}
.textinput .b4b {background:#131622; border-left:1px solid #87a1b6; border-right:1px solid #87a1b6;}
.textinput .b3b {background:#131622; border-left:1px solid #87a1b6; border-right:1px solid #87a1b6;}
.textinput .b2b {background:#131622; border-left:1px solid #87a1b6; border-right:1px solid #87a1b6;}
.textinput .b1 {margin:0 5px; background:#87a1b6;}
.textinput .b2, .textinput .b2b {margin:0 3px; border-width:0 2px;}
.textinput .b3, .textinput .b3b {margin:0 2px;}
.textinput .b4, .textinput .b4b {height:2px; margin:0 1px;}
.textinput .b1b {margin:0 5px; background:#87a1b6;}
.textinput .boxcontent {display:block;  background:#131622; border-left:1px solid #87a1b6; border-right:1px solid #87a1b6;}

.textinput_error {background: transparent;  margin:0 auto;}
.textinput_error p {margin:0 4px; padding-bottom:2px;}
.textinput_error .top, .textinput_error .bottom {display:block; background:transparent; font-size:1px;}
.textinput_error .b1, .textinput_error .b2, .textinput_error .b3, .textinput_error .b4, .textinput_error .b1b, .textinput_error .b2b, .textinput_error .b3b, .textinput_error .b4b {display:block; overflow:hidden;}
.textinput_error .b1, .textinput_error .b2, .textinput_error .b3, .textinput_error .b1b, .textinput_error .b2b, .textinput_error .b3b {height:1px;}
.textinput_error .b2 {background:#131622; border-left:1px solid #FF0000; border-right:1px solid #FF0000;}
.textinput_error .b3 {background:#131622; border-left:1px solid #FF0000; border-right:1px solid #FF0000;}
.textinput_error .b4 {background:#131622; border-left:1px solid #FF0000; border-right:1px solid #FF0000;}
.textinput_error .b4b {background:#131622; border-left:1px solid #FF0000; border-right:1px solid #FF0000;}
.textinput_error .b3b {background:#131622; border-left:1px solid #FF0000; border-right:1px solid #FF0000;}
.textinput_error .b2b {background:#131622; border-left:1px solid #FF0000; border-right:1px solid #FF0000;}
.textinput_error .b1 {margin:0 5px; background:#FF0000;}
.textinput_error .b2, .textinput_error .b2b {margin:0 3px; border-width:0 2px;}
.textinput_error .b3, .textinput_error .b3b {margin:0 2px;}
.textinput_error .b4, .textinput_error .b4b {height:2px; margin:0 1px;}
.textinput_error .b1b {margin:0 5px; background:#FF0000;}
.textinput_error .boxcontent {display:block;  background:#131622; border-left:1px solid #FF0000; border-right:1px solid #FF0000;}


/* Blue Rounded */
.b_round {background: transparent;  margin:0 auto;}
.b_round p {margin:0 4px; padding-bottom:2px;}
.b_round .top, .b_round .bottom {display:block; background:transparent; font-size:1px;}
.b_round .b1, .b_round .b2, .b_round .b3, .b_round .b4, .b_round .b1b, .b_round .b2b, .b_round .b3b, .b_round .b4b {display:block; overflow:hidden;}
.b_round .b1, .b_round .b2, .b_round .b3, .b_round .b1b, .b_round .b2b, .b_round .b3b {height:1px;}
.b_round .b2 {background:#131622; border-left:1px solid #676869; border-right:1px solid #676869;}
.b_round .b3 {background:#131622; border-left:1px solid #676869; border-right:1px solid #676869;}
.b_round .b4 {background:#131622; border-left:1px solid #676869; border-right:1px solid #676869;}
.b_round .b4b {background:#131622; border-left:1px solid #676869; border-right:1px solid #676869;}
.b_round .b3b {background:#131622; border-left:1px solid #676869; border-right:1px solid #676869;}
.b_round .b2b {background:#131622; border-left:1px solid #676869; border-right:1px solid #676869;}
.b_round .b1 {margin:0 5px; background:#676869;}
.b_round .b2, .b_round .b2b {margin:0 3px; border-width:0 2px;}
.b_round .b3, .b_round .b3b {margin:0 2px;}
.b_round .b4, .b_round .b4b {height:2px; margin:0 1px;}
.b_round .b1b {margin:0 5px; background:#676869;}
.b_round .boxcontent {display:block;  background:#131622; border-left:1px solid #676869; border-right:1px solid #676869;}