.beforeafter { overflow: hidden; }
.beforeafter .view-frame { position:relative; width:737px; overflow:hidden; margin:0px auto; padding-top:32px }
.beforeafter .view-frame .content-frame { width:737px; height:430px; overflow:hidden; background:url(./images/view-frame.gif) no-repeat left top; }
.beforeafter .view-frame .content-frame .prev { float:left; margin-top:195px; }
.beforeafter .view-frame .content-frame .next { float:left; margin-top:195px; }
.beforeafter .view-frame .content-frame .content { float:left; width:653px; height:420px; overflow:hidden; }
.beforeafter .view-frame .content-frame .content .files { margin-top:11px; }
.beforeafter .view-frame .content-controller { position:relative; margin:0 auto; width:674px; height:31px; overflow:hidden; background:url(./images/controller-background.gif) no-repeat left top; }
.beforeafter .view-frame .content-controller .center { position:relative; margin:0 auto; width:138px; height:31px; }
.beforeafter .view-frame .content-controller .center .facade { width:68px; height:31px; border-left:1px solid #d1d1d1; float:left; }
.beforeafter .view-frame .content-controller .center .facade a { display:inline-block; width:68px; height:31px; background:url(./images/facade.gif) no-repeat left top; }
.beforeafter .view-frame .content-controller .center .facade-45 { width:68px; height:31px; border-right:1px solid #d1d1d1; float:left; }
.beforeafter .view-frame .content-controller .center .facade-45 a { display:inline-block; width:68px; height:31px; background:url(./images/facade-45.gif) no-repeat left top; }
.beforeafter .view-frame .content-controller .center .selected a { background-position:-68px 0; }

.beforeafter .view-frame .content-doctor { clear:both; position:relative; height:232px; width:750; overflow:hidden; border-bottom:1px dashed #676767; background:url(./images/doctor01.gif) no-repeat left bottom; }
.beforeafter .view-frame .content-doctor .speech-bubble { float: left; margin-left: 140px; overflow: hidden; margin-top: 47px; width: 214px; height: 137px; background:url(./images/text-box.png) no-repeat; }
.beforeafter .view-frame .content-doctor .speech-bubble h3.title { overflow:hidden; margin-top:16px; margin-left:38px; font-weight:bold; font-size:12px; }
.beforeafter .view-frame .content-doctor .speech-bubble div.doctor-text { margin-left:38px; margin-top:7px; width: 160px; height: 84px; word-break: break-all; overflow: hidden; }
.beforeafter .view-frame .content-doctor .graph { float:left; margin-top:47px; margin-left:27px; overflow:hidden; }
.beforeafter .view-frame .content-doctor .graph ul { overflow:hidden; background:url(./images/ruler.gif) no-repeat right bottom;  height: 104px; width: 354px;}
.beforeafter .view-frame .content-doctor .graph ul li { overflow:hidden; margin:0; padding:0; display:inline-block; }
.beforeafter .view-frame .content-doctor .graph ul li div.graph-data { display:inline-block; float:left; width:260px; height:28px; margin:0; padding:0; overflow:hidden; background:url(./images/graph-background.gif) repeat-x; }
.beforeafter .view-frame .content-doctor .graph ul li div.graph-data div.graph-bar { display:inline-block; float:left; height:16px; margin:0; padding:0; background-color:#ff74b8; margin-top:7px; }
.beforeafter .view-frame .content-doctor .graph ul li div.name { display:inline-block; float:left; width:78px; height:28px; margin:0; padding:0; line-height:28px; border-right:1px solid #686868; }

.beforeafter .list-frame { overflow:hidden; position:relative; margin:30px auto; width:737px; }
.beforeafter .list-frame ul { overflow:hidden; }
.beforeafter .list-frame ul li.item { float:left; margin-right:4px; margin-bottom:14px; overflow:hidden; cursor:pointer; }
.beforeafter .list-frame ul li.item .thumbnail { padding:4px; border:1px solid #c9c9c9; overflow:hidden; }
.beforeafter .list-frame ul li.item .thumbnail img { padding:4px; background-color:#FFF; }
.beforeafter .list-frame ul li.item .subject { text-align:center; overflow:hidden; width:180px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis; }
.beforeafter .list-frame ul li.selected .thumbnail img { background-color:#ff74b8; }


.board-search { text-align:center; }
.board-page { text-align:center; }