.highlightL
{
	position: relative;
	top: 3px;
	height: 27px;
	cursor: pointer;
}

.highlightR{ height: 27px; }

.highlightM
{
	height: 27px;
	margin: 0 5px 0 5px;
}

.highlightL:hover{ background: url(data/images/highlightL.png) no-repeat top left; }
.highlightL:hover > .highlightR{ background: url(data/images/highlightR.png) no-repeat top right; }
.highlightL:hover > .highlightR > .highlightM{ background: url(data/images/highlightM.png) repeat-x top center; }

.highlightL-hover{ background: url(data/images/highlightL.png) no-repeat top left; }
.highlightR-hover{ background: url(data/images/highlightR.png) no-repeat top right; }
.highlightM-hover{ background: url(data/images/highlightM.png) repeat-x top center; }

.headerIcon
{
	position: absolute;
	top: 6px;
}

.headerText
{
	font: 12px arial;
	color: #062d8d;
	position:absolute;
	top: 7px;
	left:27px	
}

.headerTextWhite
{
	font: 12px arial;
	color: #FFFFFF;
	position: absolute;
	top: 8px;
	left: 28px
}

div#favoritesDiv
{
	width: 85px;
	float: left;
	position: relative;
	top: 3px;
}

img#favoritesDropdown
{
	position: absolute;
	top: 13px;
	left: 72px;
	width: 7px;
	height: 4px;
}

div#seriesDiv
{
	width: 99px;
	float: left;
	position: relative;
	top: 3px;
	left: 20px;
}

img#seriesDropdown
{
	position:absolute;
	top: 13px;
	left: 86px;
	width: 7px;
	height: 4px;
}

div#series_endedDiv
{
	width: 107px;
	float: left;
	position: relative;
	top: 3px;
	left: 40px;
}

img#series_endedDropdown
{
	position: absolute;
	top: 13px;
	left: 94px;
	width: 7px;
	height: 4px;
}

div#chatDiv
{
	width: 61px;
	float: left;
	position: relative;
	top: 3px;
	left: 60px;
}

div#forumDiv
{
	width: 69px;
	float: left;
	position: relative;
	top: 3px;
	left: 80px;
}

div#agtDiv
{
	width: 57px;
	float: left;
	position: relative;
	top: 3px;
	left: 98px;
}

img#notes
{
	position: relative;
	top: 3px;
	width: 23px;
	height: 23px;
}

img#separator
{
	float: right;
	position: relative;
	top: 2px;
	right: 5px;
	width: 3px;
	height: 30px;
}

img#help
{
	float: right;
	position: relative;
	top: 3px;
	left: -1px;
	width: 22px;
	height: 22px;
}

img#rss
{
	float: right;
	position: relative;
	top: 4px;
	left: -1px;
	width: 21px;
	height: 21px;
}

img#snapshot
{
	position: relative;
	top: 3px;
	left: 2px;
	width: 24px;
	height: 24px;
}

img#options
{
	float: right;
	position: relative;
	top: 3px;
	left: -1px;
	width: 22px;
	height: 22px;
}

img#login
{
	float: right;
	position:relative;
	top: 2px;
	width: 24px;
	height: 24px;
}

img#logout
{
	float: right;
	position:relative;
	top: 2px;
	left: -2px;
	width: 19px;
	height: 23px;
}





.menu
{
	position: absolute;
	top: 39px;
	border: 1px dotted #DDDDDD;
	z-index: 1000;
	display: none;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: #EEEEEE url(theme/images/ui-bg_highlight-soft_100_eeeeee_1x100.png) repeat-x scroll 50% top;
	color: #1577DC;
}

.triangle { width: 16px; height: 16px; background-image: url(theme/images/ui-icons_808080_256x240.png); }

.menu li
{
	cursor: pointer;
	padding-top: 2px;
	text-align: center;
	height: 20px;
	
	border-bottom: 1px dotted #BBBBBB;
}

.menu li:last-child
{
	border-bottom: none;
}

.menu li > div
{
	height: 90%;
	width: 93%;
	margin-left: 3.5%;
}

#favoritesMenu li > div, .menu li > ul > li > div
{
	width: 97%;
	margin-left: 1.5%;
}

.menu li:hover > div
{
	color: white;
	background: #5A9D1A url(theme/images/ui-bg_highlight-soft_25_5A9D1A_1x100.png) repeat-x scroll 50% 50%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-weight: bold;
}

.menu li:hover > div > .triangle { background-image: url(theme/images/ui-icons_ffffff_256x240.png); }

.menu li img
{
	position: absolute;
	padding-left: 14px;
	padding-top: 6px;
}

.menu > li > ul
{
	position: relative;
	top: -19px;
	display: none;
	border: 1px solid #DDDDDD;
	width: 200px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	z-index: 1000;
	background: #EEEEEE url(theme/images/ui-bg_highlight-soft_100_eeeeee_1x100.png) repeat-x scroll 50% top;
}

.menu li:hover > ul{ display:block; }

.txtDelete
{
	cursor: pointer;
	color: red;
	right: 8px;
	position: absolute;
}

.txtDelete:hover
{
	text-decoration: none;
	color: #FFA200;
}