﻿/*
 * Sticklr v1.4.1
 * Sticky Side Panel CSS + jQuery Plugin
 *
 * Copyright 2011-2012 amatyr4n
 * http://codecanyon.net/user/amatyr4n
 *
 * licensed under Envato licenses
 * http://wiki.envato.com/support/legal-terms/licensing-terms/
 */
 
.sticklr, .sticklr * { margin: 0; padding: 0; border: 0; outline: 0; font-family: Arial; font-size: 13px; line-height: 14px; color: #555; vertical-align: baseline; }
.sticklr, .sticklr > li > ul { list-style-type: none; }
/*.sticklr { position: fixed; top: 40%; left: 0; background-color: #f7f7f7; background-color: rgba(240, 240, 240, 0.95); border: 1px solid #b7b7b7; border-top-right-radius:2px; border-bottom-right-radius: 2px; box-shadow: 0 0 3px #ccc; -moz-box-shadow: 0 0 3px #ccc; -webkit-box-shadow: 0 0 3px #ccc; box-shadow: 0 0 3px rgba(24, 24, 24, 0.25); -moz-box-shadow: 0 0 3px rgba(24, 24, 24, 0.25); -webkit-box-shadow: 0 0 3px rgba(24, 24, 24, 0.25); width: 25px; overflow: visible; z-index: 8888; all ie css fallback */
.sticklr {
    position: fixed;
    top: 40%;
    left: 0;
    overflow: visible; 
    z-index: 8888;
}
top: 0\9;/* <ie7 css fallback */ background-color: #f7f7f7 !ie;}
.sticklr-right { left: auto; right: 0; border-right: none; border-left: 1px solid #b7b7b7; }
.sticklr > li { position: relative; margin: 0; display: block; display: block; height: 42px; }
.sticklr > li > a { display: block;width:60px; height:60px; padding: 0px 4px 0px 4px; background-position: 50% 50%; background-repeat: no-repeat; }
.sticklr > li > a:hover { background-color: #eaeaea; }
.sticklr > li > ul { display: none; position: absolute; left: 25px; top: -2px; width: 200px; overflow: hidden; background-color: #f7f7f7; background-color: rgba(240, 240, 240, 0.95); border: 1px solid #b7b7b7; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; box-shadow: 0 0 3px #ccc; -moz-box-shadow: 0 0 3px #ccc; -webkit-box-shadow: 0 0 3px #ccc; box-shadow: 0 0 3px rgba(24, 24, 24, 0.25); -moz-box-shadow: 0 0 3px rgba(24, 24, 24, 0.25); -webkit-box-shadow: 0 0 3px rgba(24, 24, 24, 0.25); z-index: 95; /* ie css fallback */
position: static\9; margin-top: -25px\9; margin-bottom: 25px\9; margin-left: 25px\9; float: left\9; 	/* <ie7 css fallback */
	background-color: #f7f7f7 !ie;
}
.sticklr-right > li > ul { left: auto; right: 25px; }
.sticklr > li > ul:nth-child(3) { left: 206px; /* (180px * 1) + 26px */ }
.sticklr > li > ul:nth-child(4) { left: 387px; /* (180px * 2) + 27px */ }
.sticklr > li > ul:nth-child(5) { left: 568px; /* (180px * 3) + 28px */ }
.sticklr > li > ul:nth-child(6) { left: 749px; /* (180px * 4) + 29px */ }
.sticklr > li > ul:nth-child(7) { left: 930px; /* (180px * 5) + 30px */ }
.sticklr-right > li > ul:nth-child(3) { left: auto; right: 206px; }
.sticklr-right > li > ul:nth-child(4) { left: auto; right: 387px; }
.sticklr-right > li > ul:nth-child(5) { left: auto; right: 568px; }
.sticklr-right > li > ul:nth-child(6) { left: auto; right: 749px; }
.sticklr-right > li > ul:nth-child(7) { left: auto; right: 930px; }
.sticklr > li:hover > ul { display: block; }
.sticklr.sticklr-js > li:hover > ul { display: none; }
.sticklr > li > ul > li { border-top: 1px solid #f7f7f7; border-bottom: 1px solid #ccc; border-left: 1px solid #f7f7f7; min-width: 200px;display: inline-block;
    /* <ie7 css fallback */
	border: none !ie;
}
.sticklr > li > ul > li:first-child { border-top: 1px solid #f7f7f7; }
.sticklr > li > ul > li:last-child { border-bottom: 1px solid #f7f7f7; }
.sticklr > li > ul > li:hover { border-top: 1px solid transparent; }
.sticklr > li > ul > li > a { display: block; padding: 8px 10px 8px 32px; background-color: #f0f0f0; background-color: rgba(240, 240, 240, 0.95); background-position: 10px 50%; background-repeat: no-repeat; color: #555; min-height: 20px; text-decoration: none; text-shadow: 1px 1px 1px #fff; white-space: nowrap; }
.sticklr > li > ul > li > a:hover { background-color: #f4f4f4; }
.sticklr > li > ul > li.sticklr-title { background-color: #ccc; background-image: -webkit-linear-gradient(#e6e6e6, #ccc); background-image: -moz-linear-gradient(#e6e6e6, #ccc); background-image: -o-linear-gradient(#e6e6e6, #ccc); border-top: 1px solid #f7f7f7; border-bottom: 1px solid #b7b7b7; }
.sticklr > li > ul > li.sticklr-title > a { padding-left: 10px; background-color: #e6e6e6; background-color: rgba(240, 240, 240, 0.1); cursor: default; font-weight: bold; }
.sticklr > li > ul > li.sticklr-title > a:hover { background-color: #e6e6e6; background-color: rgba(240, 240, 240, 0.1); }
    .sticklr > li > ul > li span.ico_listens { float: left; }
.sticklr > li > ul > li > table { border-collapse: collapse; border-spacing: 0; }
.sticklr > li > ul > li > form { padding: 8px 10px; }
.sticklr > li > ul > li button { margin: 4px 0; padding: 4px; }
.sticklr-arrow { position: absolute; left: 25px; top: 8px; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #b7b7b7; border-right: none; }
.sticklr-right .sticklr-arrow { left: auto; right: 25px; border-right: 5px solid #b7b7b7; border-left: none; }

/* icons */
.icon_message {
	background-image: url("../images/message.png"); background-repeat: no-repeat;
}
.icon_payments {
    background-image: url("../images/payments.png"); background-repeat: no-repeat;
}
.icon_maps { background-image: url("../images/map.png"); background-repeat: no-repeat; }