/*
 * jReject (jQuery Browser Rejection Plugin)
 * Version 1.1.0
 * URL: http://jreject.turnwheel.com/
 * Description: jReject is a easy method of rejecting specific browsers on your site
 * Author: Steven Bower (TurnWheel Designs) http://turnwheel.com/
 * Copyright: Copyright (c) 2009-2014 Steven Bower under dual MIT/GPL license.
 */

#jr_overlay {
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	z-index: 2147483646;
	position: absolute;
    background: #00396d;
    opacity: 0.8;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

#jr_wrap {
	position: fixed;
	width: 100%;
	z-index: 2147483647;
	padding: 0;
	margin: 0;
    top: 10%;
}

#jr_inner {
	background: #FFF;
	border: 1px solid #b8c3cc;
	color: #43505c;
	margin: 0 auto;
	height: auto;
	padding: 8px;
	position: relative;
	box-sizing: content-box;
    border-radius: 4px;
    text-align: center;
}

h1#jr_header {
	margin-top: 8px;
    color: #0054a0;
}

#jr_inner ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#jr_inner ul li {
	cursor: pointer;
	float: left;
	width: 120px;
	height: 122px;
	margin: 0 10px 20px 10px;
	padding: 0;
	text-align: center;
    background: #f4f5f7;
    border: 1px solid #b8c3cc;
    border-radius: 4px;
}
#jr_inner .jr_icon {
	width: 100px;
	height: 100px;
	margin: 1px auto;
	padding: 0;
	background: transparent no-repeat scroll left top;
	cursor: pointer;
}

#jr_inner ul li#jr_chrome .jr_icon {background-image: url("/images/browsers/browser_chrome.png");}
#jr_inner ul li#jr_edge .jr_icon {background-image: url("/images/browsers/browser_edge.png");}
#jr_inner ul li#jr_firefox .jr_icon {background-image: url("/images/browsers/browser_firefox.png");} 
#jr_inner ul li#jr_msie .jr_icon {background-image: url("/images/browsers/browser_msie.png");}
#jr_inner ul li#jr_opera .jr_icon {background-image: url("/images/browsers/browser_opera.png");}
#jr_inner ul li#jr_safari .jr_icon {background-image: url("/images/browsers/browser_safari.png");}
#jr_inner ul li[id^="jr_"] .jr_icon {background-size: contain;border-bottom: 1px solid #b8c3cc;}

@media (max-width: 480px) {
    #jr_inner ul li {
        width: 70px;
        height: 80px;
        background: none;
    }
    #jr_inner .jr_icon {
        height: 60px;
        width: 60px;
    }    
    #jr_wrap {
        width: 90%;
    }
}
@media (max-width: 320px) {
    #jr_inner ul li {
        width: 60px;
        height: 70px;     
    }
    #jr_inner .jr_icon {
        height: 50px;
        width: 50px;
    }
    #jr_inner {
        min-width: 260px;
    }
}

#jr_inner li a {
	color: #333;
	font-size: 0.8em;
	text-decoration: none;
	padding: 0;
	margin: 0;
}

#jr_inner li a:hover {
	text-decoration: underline;
}


#jr_close {
	clear: both;
	padding: 0;
	margin: 0;
}

#jr_close a {
	display: block;
	width: 36px;
    height: 36px;
	background-image: url('../images/fancybox/fancybox_sprite.png');
    position: absolute;    
    top: -3%;
    right: -3%;
}

#jr_close p {
	padding: 10px 0 0 0;
	margin: 0;
}