.friend_body{
width:980px;
padding:5px;
}
.friend_content{
float:left;
width:700px;
border:0px solid #cccccc;
padding-left:5px;
text-align:left;
height:100%;
}
.friend_right{
float:right;
width:265px;
border:0px solid #cccccc;
padding-top:3px;
padding-right:5px;
}
.friend_search{
width:98%;
border:1px solid #cccccc;
}
.friend_reg{
width:250px;
border:1px solid #cccccc;
}
.friend_reg h1{
width:96%;
height:25px;
font-size:13px;
text-align:left;
padding-left:10px;
padding-top:3px;
background-color:#d6ed90;
color:#0e5ab8;
}
.friend_reg li{
list-style:none;
width:100%;
text-align:left;
}
.friend_reg li span{
width:50px;
}
.BoxData{
margin: 3px; 
padding:5px;
display: inline-block; /* IE <8 needs this tripped back to display: inline; to make it work on block elements - see conditional below */ 
width:327px; /* now optional */ 
vertical-align: top; /* explicitly declare your preference as Moz inline-box auto aligns to top */ 
text-align: left; /* to left align text within divs when container has been set to center */ 
border:1px dashed #cccccc;
height:102px;
}
.BoxData{
display: -moz-inline-box;
display: inline-block;
}
.BoxData {
display: inline;

} 
.ul_data li{
list-style:none;
}
.option{
height:15px;
padding-left:3px;
padding-right:3px;
background:#f2f8cd;
cursor:hand;
}
.optionOut{
height:15px;
padding-left:3px;
padding-right:3px;
background:#ffffff;
cursor:hand;
}
.icon1{
border:0px solid #cccccc;
width:13px;
padding:1px;
cursor:hand;
}
.fillter{
height:20px;width:98%;text-align:right;
padding:5px;
padding-right:5px;
}
.inputreg{
    font-size: 11px;
    padding: 2px;
    border: solid 1px #d0d3d0; 
    background-color: #FFFFFF;
} 
.input{
    font-size: 11px;
    padding: 2px;
    border: solid 1px #d0d3d0; 
    background-color: #EDF2F7;
} 
.inputCheckbox{
    border: solid 1px #d0d3d0; 
    background-color: #EDF2F7;
	border:none;
} 
.inputbutton{
    font-size: 11px;
    border: solid 1px #d0d3d0; 
    background-color: #EDF2F7;
}
.friends_menu{
float:left;
height:25px;
}