.slideOutTip {
position:fixed;
top:0;
left:0;
background-color:transparent;
font-size:13px;
color:#f4f4f4;
overflow:hidden;
height:22px;
padding:3px 1px;
}

.lock .slideOutTip.isOpened .plusIcon {
display:block;
}

.lock .slideOutTip .plusIcon {
/* background:url(../images/unlock_blue.png) no-repeat center center; */
background-image: url("../images/sprites/spriteme1.png");
background-position: -10px -179px;
margin:3px 3px 3px 2px;
}

.face .slideOutTip.isOpened .plusIcon {
display:block;
}

.face .slideOutTip .plusIcon {
background:url(../images/fb-icon2.png) no-repeat center center; 
margin:3px 3px 3px 2px;
}

.face a {color:#C8D6EE;}

.mail .slideOutTip .plusIcon {
background:url(../images/email_lightblue.gif) no-repeat center center;
margin:2px 3px 3px 2px;
}

.tipVisible {
cursor:pointer;
height:22px;
}

.spaceTop {
margin-top:5px;
}

.tipTitle {
float:left;
font-family:verdana, Arial, Helvetica, sans-serif;
font-size:12px!important;
font-weight:400;
white-space:nowrap;
line-height:22px;
padding-right:0;
}

.tipIcon {
width:20px;
height:20px;
float:left;
background-color:#61b035;
border:1px solid #70c244;
margin-right:1px;
-moz-border-radius:1px;
-webkit-border-radius:1px;
border-radius:1px;
}

.black .tipIcon {
background-color:#000;
border-top:1px solid #000;
border-left:1px solid #000;
border-right:1px solid #000;
border-bottom:none;
}

.green .tipIcon {
background-color:#61b035;
border:1px solid #70c244;
}

.blue .tipIcon {
background-color:#1078C7;
border:1px solid #1e82cd;
}

.blue a {color:#C8D6EE;}

.red .tipIcon {
background-color:#CD3A12;
border:1px solid #da421a;
}

.trans .tipIcon {
background:transparent;
border:0 solid #1e82cd;
}

.plusIcon {
width:16px;
height:16px;
/* background:url(../images/twitter-icon-16.png) no-repeat center center; */
background-image: url("../images/sprites/spriteme1.png");
background-position: -10px -143px;
-webkit-transition:0 .2s linear;
-moz-transition:0 .2s linear;
transition:transform .2s linear;
margin:2px 3px 3px 2px;
}

.slideOutTip.isOpened {
z-index:10000;
max-height:300px;
background:#000;
margin-top:1px;
}

.slideOutTip.isOpened .plusIcon {
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
background:url(../img/plus.gif) no-repeat center center;
}

.openLeft .tipIcon {
float:right;
margin:0 0 0 8px;
}

.openLeft .tipTitle {
float:right;
padding:0 0 0 5px;
}

.openLeft .slideOutContent {
margin-top:22px;
}

.openLeft.openTop .slideOutContent {
margin-top:0;
}

.slideOutContent {
display:none;
font-size:11px;
padding:10px;
}

.lock .slideOutTip:hover,.mail .slideOutTip:hover {
text-decoration:underline;
}