a img{border:none;}
*:focus{outline:0;}
textarea{resize:none;}
html{overflow:-moz-scrollbars-vertical;}
a{-moz-outline-style:none;}
.rotated{/* Safari */-webkit-transform: rotate(-90deg);/* Firefox */-moz-transform: rotate(-90deg);/* Internet Explorer */filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
.no_select{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-o-user-select: none;user-select: none;}

body{margin:0; font-family:Arial, Helvetica, sans-serif;}

#container{display:block; width:750px; margin:0 auto;}
#header{float:left; width:100%; height:84px; background:url(../imgs/logo.png) left top no-repeat; overflow:hidden; text-indent:-999px; margin:20px 0 0 0;}
.content{float:left; position:relative; width:100%;}
#spin, #fb-login {position:absolute; bottom:58px; right:0;}
#spin a, #fb-login a{position:absolute; bottom:24px; left:35px; width:131px; height:73px; overflow:hidden; text-decoration:none; text-indent:-999px;}

#tree{float:left; width:564px; position:relative; height:415px; overflow:hidden; background:url(../imgs/tree.jpg) no-repeat;}
#tree .box{position:absolute; top:295px; left:243px; width:58px; height:58px;}
#tree .box img{margin:4px;}
#tree .box .name{position:absolute; bottom:58px; text-align:center;  font-size:11px; color:#f3e9cf; left:0; white-space:nowrap; text-align:left;}
#tree .box .name a{background:#27210f; padding:4px 7px; line-height:11px; float:left;}
#tree .box .name a span{color:#999280;}

#tree .mother{bottom:auto; top:236px; left:153px;}
#tree .father{bottom:auto; top:236px; left:335px;}
#tree .grandMother_1{top:138px; left:195px;}
#tree .grandFather_1{top:138px; left:99px;}
#tree .grandMother_2{top:138px; left:291px;}
#tree .grandFather_2{top:138px; left:389px;}


#tree .me .name{bottom:auto; top:58px;}
#tree .mother .name{top:auto; bottom:0; left:-48px; width:48px; text-align:left;}
#tree .mother .name a{float:right;}
#tree .father .name{top:auto; bottom:0; left:58px;  text-align:left;}
#tree .grandMother_1{top:138px; left:195px;}
#tree .grandFather_1{top:138px; left:99px;}
#tree .grandMother_2{top:138px; left:291px;}
#tree .grandFather_2{top:138px; left:389px;}

#decision{float:left; display:none; position:relative; width:100%; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#808080; margin:5px 0 0px 0;}
#decision .box{float:left; width:459px; padding:35px 35px 0 25px;height:100px; background:url(../imgs/decision.png);}
#decision h2{color:#3b5998; font-family:Verdana, Geneva, sans-serif; font-size:11px; margin:0;}
#decision p{margin:10px 0;}
#decision .share{position:absolute; width:150px; height:107px; background:url(../imgs/postIt.png); right:60px; top:15px; overflow:hidden; text-indent:-999px;}

#decision .box #generate_image{float:left; height:80px;margin-right:15px;}

#supported{float:left; margin:28px 3px 0 3px;}