<% 
dim buttonHeight 
dim buttonWidth
dim folder
dim Position
dim folderName

dim userAgent
dim NOT_IE
userAgent = request("http_user_agent")
NOT_IE = (instr(1, userAgent, "MSIE") = 0)
if NOT_IE then
	buttonHeight = 20
	buttonWidth = 152
else
	buttonHeight = 32
	buttonWidth = 152
end if

Position = "Top"
folderName = "tbrBigRedTabs"
%>
#TopMenuBar1Container {
	width: 100%;
    text-align: right;
    border-bottom: 1px solid #000000;
}

#btnTopMenuBar1 {
	height: <%= buttonHeight %>px;
}

#btnTopMenuBar1Div {
	padding-top: 14px;
	text-align: center;
	width: <%= buttonWidth %>;
}

.btnTopMenuBar1Off {
	background-image: url(/library/tbrBigRedTabs/TopMenuBar/sprite.gif);
    background-position: 0 2;
	background-repeat: no-repeat;
    text-align: center;
	height: <%= buttonHeight %>px;
}

.btnTopMenuBar1On {
	background-image: url(/library/tbrBigRedTabs/TopMenuBar/sprite.gif);
	background-repeat: no-repeat;
    background-position: 0 0;
    text-align: center;
	height: <%= buttonHeight %>px;
}

.btnTopMenuBar1Text:link {
	color: #000000;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}


.btnTopMenuBar1Text:active {
	color: #000000;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}


.btnTopMenuBar1Text:visited {
	color: #000000;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}


.btnTopMenuBar1Text:hover {
	color: #000000;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}


.TopfirstButtonOff {
	background-image: url(/library/tbrBigRedTabs/TopMenuBar/sprite.gif);
    background-position: 0 2;
	background-repeat: no-repeat;
	height: <%= buttonHeight %>px;
}

.TopfirstButtonOn {
	background-image: url(/library/tbrBigRedTabs/TopMenuBar/sprite.gif);
    background-position: 0 0;
	background-repeat: no-repeat;
	height: <%= buttonHeight %>px;
}



/*****************************************/
/********** SEO FRIENDLY METHOD **********/
/*****************************************/

#seritasTopMenu {
	width: 100%;
	height: 34px;
}

#seritasTopMenu  ul {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 999999;
}

#seritasTopMenu ul li {
	background-image: url(/library/tbrBigRedTabs/TopMenuBar/sprite.gif);
	background-position: 0 2;
	background-repeat: no-repeat;
	float: right;
	margin: 0 0 0 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	list-style-type: none;
	white-space: nowrap;
	width: 152px;
	height: 32px;
	border: 0px solid red;
	o_X_verflow: hidden;
}

#seritasTopMenu ul li a {
	float: left;
	display: block;
	text-decoration: none;
	text-align: center;
	height: 32px;
	color: black;
	font-weight: bold;
	font-size: 12px;
	font-family: sans-serif;
	padding: 13 0 0 0;
}

#seritasTopMenu  ul li a:hover {
	background: url(/library/tbrBigRedTabs/TopMenuBar/sprite.gif) 0 0 no-repeat;
	text-decoration: none;
	padding: 11 0 0 0;
	height: 32px;
}

#seritasTopMenu  ul li.sep {
	color: white;
	padding: 0.8em 0em 0.5em 0em;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#seritasTopMenu  ul li a {
	float: none;
	padding-left: 0px;
}

/* End IE5-Mac hack */
#seritasTopMenu  ul.level2, #seritasTopMenu ul.level3 {
	position: absolute;
	top: 0px;
	left: 0px;
	visibility: hidden;
	border: 1px solid #000;
	background: #FFF;
}

#seritasTopMenu  ul.level2 li, #seritasTopMenu ul.level3 li {
	background: #FFF;
	float: none;
	margin: 0;
	padding: 0;
	white-space: nowrap;
	width: 175px;
	height: 20px;
}

#seritasTopMenu  ul.level2 li a, #seritasTopMenu ul.level3 li a {
	background: #FFF;
	text-align: left;
	color: #000;
	font-weight: bold;
	white-space: nowrap;
	text-size: 12px;
	padding: 5 0 0 10;
	width: 100%;
}

#seritasTopMenu  ul.level2 li a:hover,#seritasTopMenu  ul.level3 li a:hover {
	background-color: #000080;
	background-image: none;
	color: #FFF;
	padding: 5 0 0 10;
}