/* lmeemo-basic-style styling */

#lmee_popup, #lmee_popup * {
box-sizing: content-box;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
margin: 0;
padding: 0;
}

#lmee_popup {
	position: absolute;
	z-index: 20000;
	background-color: white;
	border: 1px solid #a0a0a0;
	transform-origin: left bottom;
	-webkit-transform-origin: left bottom;
	visibility:hidden;
	/*height: 24px;*/
}


#lmee_popup #emoticon_holder_super_parent
{
	width: 100%;
	
}

#lmee_popup #emoticons_tabs {
	border: 1px solid white;
	border-collapse: separate;
	padding: 0 2px 4px;
	border-top: 1px solid #c1d0d7;
	background: #edf2f6 url(./images/bg2.png) repeat-x;
	height: 27px;
}


#lmee_popup #emoticons_tabs #emo_emotiland_button {
float: right;
width: 45px;
height: 24px;
margin: 3px 3px 0 0;
background-repeat: no-repeat;
background-position: 0 0;
cursor: pointer;
}


#lmee_popup #emoticons_tabs #emptyUsed_button {
float: right;
width: 45px;
height: 24px;
margin: 3px 3px 0 0;
background-repeat: no-repeat;
background-position: 0 0;
cursor: pointer;
}


#lmee_popup #emoticons_tabs .bn_close {
background: url(./images/close.png) center no-repeat;
float: right;
height: 7px;
margin: 10px 5px 0;
outline: 0;
padding: 2px;
width: 8px;
}

#lmee_popup #emoticons_tabs ul {
position: relative;
top: -1px;
padding: 0 0 0 2px;
overflow-x: auto;
overflow-y: hidden;
list-style: none;
margin: 0;
}
#lmee_popup #emoticons_tabs li.current {
padding: 3px 7px 3px 7px;
background: #fff;
border-top: 1px solid #fff;
}

#lmee_popup #emoticons_tabs li a {
text-decoration: none;
color: #8099ad;
font-size: 110%;
outline: 0;
}

.box_arrow {
background: url(./images/bg1.png) no-repeat 10px 0;
height: 7px;
margin-bottom: -7px;
position: relative;
z-index: 1;
}


#lmee_popup #emoticons_tabs ul {
position: relative;
top: -1px;
padding: 0 0 0 2px;
overflow-x: auto;
overflow-y: hidden;
list-style: none;
margin: 0;
}

#lmee_popup #emoticons_tabs li {
float: left;
margin: 0 0 0 2px;
padding: 3px 8px 3px 8px;
height: 19px;
border: 1px solid #c1d0d7;
background: #f1f1f2 url(./images/bg1.png) repeat-x;
text-align: center;
}

#lmee_popup #emoticons_tabs li.current {
padding: 3px 7px 3px 7px;
background: #fff;
border-top: 1px solid #fff;
}


#lmee_popup #emoticon_child_container a
{
	float:left;
}

#lmee_popup .EmoItem{
	margin: 5px 5px;
	width: 100px;
	height: 100px;
	overflow: hidden;
	text-align : center;
	/* Firefox, Chrome */
  	line-height : 100px;
  	/* IE */
	*font-size : 90px;  /* 100px * 0.9 = 90px */
	*font-family : Arial;
	
}
#lmee_popup .EmoItem:hover {
border: 1px solid #8099ad;
width: 98px;
height: 98px;
line-height : 98px;
	*font-size : 88px; 
	*font-family : Arial;
}


#lmee_popup .EmoItemImg{
	max-width: 98px;
	vertical-align : middle;
}




#LMEEmoAddPopup{
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 20000;	
}


#LMEEmoAddPopup .modal-dialog {
background: #fefefe;
border: #333 solid 1px;
border-radius: 5px;
margin-left: -250px;
position: absolute;
left: 50%;
top: 150px;
z-index: 20100;
width: 500px;

font-size: 14px;

}

#LMEEmoAddPopup .modal-header, #LMEEmoAddPopup .modal-footer {
padding: 10px 20px;
}

#LMEEmoAddPopup .modal-header {
border-bottom: #eee solid 1px;
}

#LMEEmoAddPopup .modal-body {
padding: 20px;
}

#LMEEmoAddPopup .modal-footer {
border-top: #eee solid 1px;
text-align: right;
}

#LMEEmoAddPopup .btn {
background: #428bca;
border: #357ebd solid 1px;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 12px;
padding: 4px 2px;
text-decoration: none;
text-align: center;
min-width: 60px;
position: relative;
transition: color .1s ease;
}


#LMEEmoAddPopup .btn-close{
  color: @gray-light;
  font-size: 24px;
  text-decoration: none;
  position: absolute; right: 5px; top: 0;
    
}

#LMEEmoAddPopup .btn-close:hover{
     color: darken(@gray-light, 10%);
  }




  
   
#LMEEmoAddPopup .modal{
    content: ""; 
    /*display: none;*/
    background: rgba(0,0,0,.6);
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0; 
    z-index: 100;
  }
  

#LMEEmoAddPopup #or {
border-bottom: 1px dashed #CCC;
line-height: 0;
margin: 2em auto;
text-align: center;
text-shadow: 0 0 5px white;
width: 75%;
}
#LMEEmoAddPopup .modal-body,#LMEEmoAddPopup .modal-body * {
box-sizing: content-box;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
}

#LMEEmoAddPopup label {
cursor: default;
}
#LMEEmoAddPopup input, #LMEEmoAddPopup textarea, #LMEEmoAddPopup select {
margin: 3px;
font-size: 13px;
border-radius: 3px;
border: 1px solid #BBB;
padding: 2px;
background: #f2f2f2;
}


#LMEEmoAddPopup input,#LMEEmoAddPopup textarea {
box-shadow: 1px 1px 2px #DDD;
font-family: inherit;
}

#LMEEmoAddPopup input[type=text] {
background: #f3f3f3;
border-color: #c6c6c6 #efefef #efefef #c6c6c6;
border-style: solid;
border-width: 1px;
padding: 2px;
}


#LMEEmoAddPopup  #emo-file {
background: #f3f3f3;
border-color: #c6c6c6 #efefef #efefef #c6c6c6;
border-style: solid;
border-width: 1px;
margin: 4px 4px 0 0;
padding: 2px;
}

#LMEEmoAddPopup .emo-error-msg {
font-size: .9em;
color: #C24A62;
}


#lmee_popup .empty-emo {
	
	width: 200px;
	height: 80px;
	margin: 110px auto;
	text-align:center;
	
}


#lmee_popup .empty-emo-img {
	background-image: url(./images/empty.png);
	width: 100px;
	height: 77px;
	background-repeat: no-repeat;
	background-position: 0 0;
	
}