/* in this sample we've collapsing turned on, thus
   you've to define the "collapsers" styles or you
   won't be able to see the collapsing triggers on
   the page */
body{
  background-color:#008bae;
  width:100%;
  height:100%;
}
.fbbl_north
{
 height:25px;
}

.fbbl_north_collapser,
.fbbl_east_collapser,
.fbbl_south_collapser,
.fbbl_west_collapser {
	background: #e45325;
}

/* the next CSS are just to beautify the demo a bit
   you can safely remove them */

.fbbl_north,
.fbbl_south {
 /*background: #008bae;*/
 /*border: 1px solid #008bae;*/
  background-image: url("../images/bg/layout_bg.png");
}


.fbbl_east,
.fbbl_west,
.fbbl_center {
 
 background: white;
 /* border: 1px solid #008bae; */
}

.fbbl_east,
.fbbl_west
{
  border-right:2px solid black;
}

.fbbl_west
{
  background-image: url("../images/bg/lbg.png");
  background-repeat:no-repeat;
  background-position:bottom;
  overflow:hidden;

}

.fbbl_east
{
  /*background:#008bae;*/
  background-image: url("../images/bg/layout_bg.png");
}

.fbbl_center {
 position:absolute;
 width:100%;
 height:100%;
 background: white;

 /* border: 1px solid #ccc; */
}

.form
{
  font-family:Tahoma;
  font-weight:bold; 
  font-size:10px;
  color:white;
}
.inputtxt
{
   background: white;
   border:1px solid black;
   width:40%;

}
.msg
{
  font-family:Tahoma;
  font-weight:bold; 
  font-size:20px;
  color:red;

}

label.error {
	margin-left: 10px;
	width: auto;
	display: inline;
    color:red;
    font-family:Tahoma;
    font-size:12px;
}