/*
body{
   background: #333333;
}
*/

#tabBar {
    background: #333333;

    top:0px;
    right:300px;
    width:20px;
    height:100%;
    position: absolute;
}

#tl_tab {
    top:0px;
    left:0px;
    width:20px;
    height:100%;
    position: relative;
    background: #333333;
    color: #FFFFFF;
    cursor:hand;
    vertical-align:bottom;

    padding-top:5px;

}

/*
#timeline_wapper {
    background: #333333;

    top:0px;
    right:0px;
    width:300px;
    height:100%;
    position: absolute;
}
*/

/*
#timeline {
    background: #333333;
    top:0px;
    right:0px;
    width:300px;
    height:100%;
    position: absolute;
}
*/

#shareBtn_wrapper {
    
    /*
    width:60px;
    height:34px;
    left:0px;
    bottom:0px;
    padding-left:10px;
    padding-top:7px;
    position: absolute;
    */

    /*height:34px;*/
    left:0px;
    bottom:0px;
    position: absolute;

    /*
    padding-left:10px;
    padding-bottom:7px;
    */
    

}

#sharePanelBtn {
    
    left:10px;
    bottom:7px;
    position: absolute;

    cursor:hand;
}

#sharePanel_wrapper {
    
    width:282px;

    height:210px;

    left:1px;
    bottom:35px;
    /*bottom:-175px;*/
    right:20px;
    position:absolute;
    background: #333333;
    display:none;

    /*
    margin-top:1px;
	margin-left: 1px;
	margin-right: 1px;
    margin-bottom: 1px;
    */

    border-top:1px solid #000000;
    /*
    padding-top:10px;
    padding-left:1px;
    padding-bottom:0px;
    padding-right:10px;
    */

}

#sharePanel {
    /*
    width:300px;
    height:200px;
    */

    padding-top:10px;
    padding-left:10px;
    padding-bottom:10px;
    padding-right:10px;

    /*
    left:0px;
    bottom:34px;
    position:absolute;
    display:none;
    background: #333333;
    */
    
}

.textLabel{
    /*margin-top:10px;*/
    font-size:12px;
	font-family: Arial;
	color: #ddd;
	float: none;
	clear: both;
}

.urlText{
   font-size:12px;
   /*width:100%;*/
   width:260px;
   height:40px;
   resize : none;
}

#embedText_wrapper{
   margin-top:10px;
}

#closeBtn_wrapper{
   text-align: right;
}

#closeBtn{
  cursor:hand;
}

#shareIcon_wrapper{
  /*margin-top:15px;*/
  /*float:right;*/
  position:absolute;
  right:10px;
  bottom:10px;
    
}

.shareBtn{
   cursor:hand;
}

.shareReloadBtn{
   position:absolute;
   left:10px;
   cursor:hand;
}

/**************************/
#socialButton_wrapper{
    position:absolute;
    margin-top:20px;
    float:left;
}

.socialButton .hatebu,
.socialButton .tweet,
.socialButton .like,
.socialButton .evernote{
    float:left;
    margin-bottom:0px;
}

/* ‚͂ău */
.socialButton .hatebu{
margin-right:10px;
margin-top:0;

}

/* Twitter */
.socialButton .tweet{
    /*
margin-right:0;
margin-top:0;
*/
}

/* facebook Like */
.socialButton .like{
margin-right:5px;
margin-top:0;
}

iframe.likeBtn{
    
border:none;
overflow:hidden;
margin:0;
width:80px;
height:21px;

}

/*
div.likeBtn_btm{
float:right;
margin:10px 0;
}
*/

/* evernote */
.socialButton .evernote{
    margin-top:2px;
}


#embedRadio_wrapper{
     margin-top:5px;
}

#embedCustomInput{
    margin-top:5px;
    text-align: right;
}

#embedCustomInput.embedText{
    font-size: 10px;
}