/* For Activatbles Javascript - Goes up to 6 items. More can be added (See below eg. li.number-07 or li.number-08) Jerrold */

#bk-global #container2 #right-panel ul.jerry-special-nav, #bk-global #container2 #right-panel ul.jerry-special-nav li {padding: 0; margin: 0; float: none;}

#bk-global #container2 #right-panel ul.jerry-special-nav {background: url(../images/main-template/dashes.png) top left; padding: 6px; padding-left: 7px; padding-right: 7px; border-radius: 11px; -moz-border-radius: 11px; -webkit-border-radius: 11px;}

#bk-global #container2 #right-panel ul.jerry-special-nav li a {
	padding: 8px; 
	display: block; 
	padding-left: 50px; 
	padding-right: 10px; 
	background-image: url(../images/main-template/icon-number01.png);
	background-repeat: no-repeat;
	background-position: 9px 6px;
	border: 1px solid #CCC;
	border-bottom: none;
	text-decoration: none; color: #414141;
	background-color: #FFF;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	}
#bk-global #container2 #right-panel ul.jerry-special-nav li a:hover {
	background-color: #fff9c7;
	padding: 8px;
	padding-left: 50px; padding-right: 10px;
	background-image: url(../images/main-template/icon-number01.png);
	background-repeat: no-repeat;
	background-position: 9px 6px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
	}
	
#bk-global #container2 #right-panel ul.jerry-special-nav li a.active
{
	background-color: #fff48f;
}

/* Different Numbers */
#bk-global #container2 #right-panel ul.jerry-special-nav li.number-01 a, #bk-global #container2 #right-panel ul.jerry-special-nav li.number-01 a:hover
{background-image: url(../images/main-template/icon-number01.png);
border-bottom: 1px dashed #CCC;
border-top: 1px solid #dbdbdb;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-radius-bottomleft: 8px;
	-webkit-border-radius-bottomright: 8px;
}

#bk-global #container2 #right-panel ul.jerry-special-nav li.number-02 a,
#bk-global #container2 #right-panel ul.jerry-special-nav li.number-03 a,
#bk-global #container2 #right-panel ul.jerry-special-nav li.number-04 a,
#bk-global #container2 #right-panel ul.jerry-special-nav li.number-05 a,
#bk-global #container2 #right-panel ul.jerry-special-nav li.number-06 a,
#bk-global #container2 #right-panel ul.jerry-special-nav li.number-07 a,
#bk-global #container2 #right-panel ul.jerry-special-nav li.number-08 a,
#bk-global #container2 #right-panel ul.jerry-special-nav li.number-09 a,
#bk-global #container2 #right-panel ul.jerry-special-nav li.number-10 a {
border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;}

#bk-global #container2 #right-panel ul.jerry-special-nav li.number-02 a, #bk-global #container2 #right-panel ul.jerry-special-nav li.number-02 a:hover
{background-image: url(../images/main-template/icon-number02.png);
border-bottom: 1px dashed #CCC;
border-top: none;}

#bk-global #container2 #right-panel ul.jerry-special-nav li.number-03 a, #bk-global #container2 #right-panel ul.jerry-special-nav li.number-03 a:hover
{background-image: url(../images/main-template/icon-number03.png);
border-bottom: 1px dashed #CCC;
border-top: none;}

#bk-global #container2 #right-panel ul.jerry-special-nav li.number-04 a, #bk-global #container2 #right-panel ul.jerry-special-nav li.number-04 a:hover
{background-image: url(../images/main-template/icon-number04.png);
border-bottom: 1px dashed #CCC;
border-top: none;}

#bk-global #container2 #right-panel ul.jerry-special-nav li.number-05 a, #bk-global #container2 #right-panel ul.jerry-special-nav li.number-05 a:hover
{background-image: url(../images/main-template/icon-number05.png);
border-bottom: 1px dashed #CCC;
border-top: none;
}

#bk-global #container2 #right-panel ul.jerry-special-nav li.number-06 a, #bk-global #container2 #right-panel ul.jerry-special-nav li.number-06 a:hover
{background-image: url(../images/main-template/icon-number06.png);
border-bottom: 1px dashed #CCC;
border-top: none;
}

#bk-global #container2 #right-panel ul.jerry-special-nav li.number-07 a, #bk-global #container2 #right-panel ul.jerry-special-nav li.number-07 a:hover
{background-image: url(../images/main-template/icon-number07.png);
border-bottom: 1px dashed #CCC;
border-top: none;
}

#bk-global #container2 #right-panel ul.jerry-special-nav li.number-08 a, #bk-global #container2 #right-panel ul.jerry-special-nav li.number-08 a:hover
{background-image: url(../images/main-template/icon-number08.png);
border-top: none;
border-bottom: 1px dashed #CCC;
}

#bk-global #container2 #right-panel ul.jerry-special-nav li.number-09 a, #bk-global #container2 #right-panel ul.jerry-special-nav li.number-09 a:hover
{background-image: url(../images/main-template/icon-number09.png);
border-top: none;
border-bottom: 1px dashed #CCC;
}

#bk-global #container2 #right-panel ul.jerry-special-nav li.number-10 a, #bk-global #container2 #right-panel ul.jerry-special-nav li.number-10 a:hover
{background-image: url(../images/main-template/icon-number10.png);
border-top: none;
border-bottom: 1px dashed #CCC;
}


/* If done with items, close it with this class for bottom border and border-radius */
#bk-global #container2 #right-panel ul.jerry-special-nav li.close a 
{
	border-bottom: 1px solid #aeaeae;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-webkit-border-radius-topleft: 0px;
	-webkit-border-radius-topright: 0px;
	
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
}
#bk-global #container2 #right-panel ul.jerry-special-nav li.close a:hover 
{
	border-bottom: 1px solid #aeaeae;
}

#bk-global #container2 div.inactive {display: none;text-decoration: none;}