/* --------
 * -- styles for navigation pane
 * -------- */

/* ************************************** Touch elements ************************************** */
div#navpaneRootPanel{
	height:100%;
	width:138px;
	position:relative;
	background-color: #4d4d4d;
}
div#navPaneTouchBorder{
	background-color: transparent;
	position:absolute;
	left:132px;
	height:100%;
	margin-right: 0px;
	margin-top:0px;
	margin-bottom:0px;
	width: 6px;
	z-index:15;
	right: 0px;
}
div#navPaneTouchBorderMarker{
	background-color: #b0b0b0;
	width:6px;
	height:0px;
	left: 0px;
	z-index: 500;
}
div#navpaneButton{
	position:fixed;
	clear: both;
	/*background-color: #b0b0b0;*/
	overflow: hidden;
	z-index: 10;
	cursor: pointer;
	left:-100px;
	top:300px;
	width: 30px;
	height: 30px;
}
.newsfeedButtonImage{
	background: url(images/navpane.expand.newsfeed.png) 0 0 no-repeat;
}
.processButtonImage{
	background: url(images/navpane.expand.process.png) 0 0 no-repeat;
}
.topicButtonImage{
	background: url(images/navpane.expand.topic.png) 0 0 no-repeat;
}
.courseButtonImage{
	background: url(images/navpane.expand.course.png) 0 0 no-repeat;
}
.guideButtonImage{
	background: url(images/navpane.expand.guide.png) 0 0 no-repeat;
}
.personalizationButtonImage{
	background: url(images/navpane.expand.profile.png) 0 0 no-repeat;
}
.searchresultButtonImage{
	background: url(images/navpane.expand.search.png) 0 0 no-repeat;
}
#navPaneInvisibleTouchExtension{
	position: absolute;
	left:138px;
	top:0px;
    height: 100%;
    width: 30px;
    opacity: 0;
    -moz-opacity: 0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
.ie7 #navPaneInvisibleTouchExtension{
	background-color: #ffffff;
}

/* ************************************** Tiles, Text & Link decoration ************************************** */
div.NavpaneTile {
 	position: relative;
 	left: 0px;
	width: 138px;
	margin: 0px;
	font-size:12px;
	text-decoration: none;
	background-color:transparent;
	text-transform:uppercase;
}
a.BigTileLink, a.SmallTileLink, p.SmallTileLink{
	display:block;
	font-weight: bold;
	height:100%;
	margin-top:-1px;
	margin-bottom:-1px;
	color: #ffffff;
	border-bottom: 1px solid transparent;
	border-top: 1px solid transparent;
}
a.BigTileLink:hover, a.SmallTileLink:hover, p.SmallTileLink:hover{
	background-color: #b0b0b0;
	border-top: 1px solid #959595;
	border-bottom: 1px solid #959595;
}
a.BigTileLink, a.BigTileLink:link, a.BigTileLink:active, a.BigTileLink:visited{
	padding-top:54px;
	color: #ffffff;
	padding-bottom:24px;
	text-align: center;
	background-repeat:no-repeat;
	background-position:center 24px;
}
a.SmallTileLink, a.SmallTileLink:link, a.SmallTileLink:active, a.SmallTileLink:visited, p.SmallTileLink{
	font-weight: normal;
	color: #ffffff;
	padding-left:9px;
	font-size:11px;
	padding-top:11px;
	padding-bottom:10px;
	cursor: pointer;
	text-align: left;
	background-repeat:no-repeat;
}
#newsfeedTile a.BigTileLink{
	background-image:url(images/navpane.tile.newsfeed.png);
}
#processTile a.BigTileLink{
	background-image:url(images/navpane.tile.process.png);
}
#topicTile a.BigTileLink{
	background-image:url(images/navpane.tile.topic.png);
}
#courseTile a.BigTileLink{
	background-image:url(images/navpane.tile.course.png);
}
#guideTile a.BigTileLink{
	background-image:url(images/navpane.tile.guide.png);
}
#searchresultTile a.SmallTileLink{
	background-image:url(images/navpane.tile.searchresult.png);
	background-position:113px center;
}
#logoutTile{
 	position: absolute;
 	bottom: 0px;
	background-color: #4d4d4d;
	z-index: 100;
}
#logoutTile a.BigTileLink{
	background-image:url(images/navpane.tile.logout.png);
	background-position:center 14px;
	padding-top:0;
	padding-bottom:0;
	height:50px;
}
#logoutTile a.BigTileLink:hover{
	background-image:url(images/navpane.tile.logout.over.png);
	background-color: #b7101d;
	border-top: 1px solid #959595;
	border-bottom: 1px solid transparent;
}
#roleSelectMenuButton, #languageSelectMenuButton, #customPropertySelectMenuButton{
	background-image:url(images/navpane.filter.opener.png);
	background-position:119px center;
	background-repeat:no-repeat;
	padding-right:25px;
	word-wrap:break-word;
}
.ActiveTile {
	background-color: #b0b0b0;
	border-top: 1px solid #959595;
	border-bottom: 1px solid #959595;
}
.NavpaneTileSeparator {
	display: block;
	width: 120px;
	height: 1px;
	margin: 0px 8px;
	padding: 0px;
	background-color: #959595;
	border: none;
	border-width: 0px;
}
.NavpaneTileSeparator.Bottom {
	position: absolute;
	bottom: 50px;
}