#pageslide {
    /* These styles MUST be included. Do not change. */
    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
    
    /* Specify the width of your pageslide here */
    width: 75px;
    padding: 0px;
    
    /* These styles are optional, and describe how the pageslide will look */
    background-color: #000;
    color: #FFF;
 
     box-shadow: inset -2px 0 20px 5px #413B3B;

    -webkit-box-shadow: inset -2px 0 20px 5px #413B3B;
    -moz-shadow: inset -2px 0 20px 5px #413B3B;

	border-right: 2px solid #FFF; 
}




#secondary h2 { font-size:40px;}


#secondary .closeme {position: absolute; top: 0%; background-color: #4B4B4B;  font-size:20px; padding: 0px; padding: 5px; text-align:center;
padding-right: 7px;
padding-top: 2px;

-webkit-border-bottom-right-radius: 15px;
-moz-border-radius-bottomright: 15px;
border-bottom-right-radius: 15px;
}

 #secondary ul {   
 	list-style: none;
	padding: 0px;
	padding-left: 20px;
 }

#secondary li {
	padding: 0px;
	padding-bottom: 20%;
	max-padding-bottom: 1px;
}

#secondary  p {
	padding:0px;
}

#secondary img.top { 	
	
	position: relative; left: -5px;
	top: 10px;
		width: 30px;
	height: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
border:#ddd solid 2px;
	
	padding:0px;
}

 
#secondary li img { 
		width: 30px;
	height: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;

      -webkit-transition: @transi-bg;
  -moz-transition: @transi-bg;
  -o-transition: @transi-bg;
  -ms-transition: @transi-bg;
  transition: all @transi-bg;	

border:@title solid 2px;
	}

#secondary li img:hover { 
}



#secondary .spacer { height: 20px; cursor: default; }

a.tip {
  position: relative;
  background-color: transparent;
  padding: 0px;
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #58AFE1;
  z-index: 99;
  font-size: 20px;
}
a.tip:hover {
  z-index: 100;
    color: @title;
}
a.tip span {
  display: none;
}
a.tip:hover span, a.tip:hover span.top {
  position: absolute;
  top: -15px;
  left: 40px;
  display: inline;
  padding: 5px;   padding-left: 12px; padding-right: 12px;
  background-color: #272727;
  font-weight: bold;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 15px;
  text-align: justify;
  color: #FFF;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;



border:#ddd solid 1px;
}

a.tip:hover span.top {
	  top: -10px;
      left: 45px;
  font-size: 18px;
}



#secondary h2 { font-size:40px;}


#secondary .closeme {position: absolute; top: 0%; background-color: #4B4B4B;  font-size:20px; padding: 0px; padding: 5px; text-align:center;
padding-right: 7px;
padding-top: 2px;

-webkit-border-bottom-right-radius: 15px;
-moz-border-radius-bottomright: 15px;
border-bottom-right-radius: 15px;
}

 #secondary ul {   
 	list-style: none;
	padding: 0px;
	padding-left: 20px;
 }

#secondary li {
	padding: 0px;
	padding-bottom: 20%;
	max-padding-bottom: 1px;
}

#secondary  p {
	padding:0px;
}


 
#secondary li img { 
		width: 30px;
	height: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;

      -webkit-transition: @transi-bg;
  -moz-transition: @transi-bg;
  -o-transition: @transi-bg;
  -ms-transition: @transi-bg;
  transition: all @transi-bg;	

border:@title solid 2px;
	}

#secondary img.top { 	
	
	position: relative; left: -2px;
	top: 14px;
		width: 30px;
	height: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
border:#ddd solid 2px;
	
	padding:0px;
}


#secondary img.select { 	
	border:#FF9000 solid 2px;
		position: relative; left: -2px;
	padding:0px;
}


#secondary li img:hover { 
}



#secondary .spacer { height: 20px; cursor: default; }

#secondary a:link {color:#000;}
#secondary a:hover {color:#FFF;}

a.tip {
  position: relative;
  background-color: transparent;
  padding: 0px;
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #58AFE1;
  z-index: 99;
  font-size: 20px;
}
a.tip:hover {
  z-index: 100;
    color: @title;
}
a.tip span {
  display: none;
}
a.tip:hover span, a.tip:hover span.top {
  position: absolute;
  top: -15px;
  left: 40px;
  display: inline;
  padding: 5px;   padding-left: 12px; padding-right: 12px;
  background-color: #272727;
  font-weight: bold;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 15px;
  text-align: justify;
  color: #FFF;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;



border:#ddd solid 1px;
}

a.tip:hover span.top {
	  top: -1px;
      left: 45px;
  font-size: 18px;
}