/* JR please note
 * local: ../images/
 * remote: /assets/images/dreamforce/09/nav/
 */ 
/*overrides for styles.css or superfish.css for wrapper pages
the !important styles will get displayed in all browsers except IE6*/
#top_nav{
	float:right;
	width: 685px;
	padding-right:74px;
}


/*
 * some notes:
 * the blue color: #1798C1
 */

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu a {
	line-height:	1.0;
}

.sf-menu ul {
	position:		absolute;
	top:			-999em;
	z-index: 		10;
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
	
	
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	display:none;
	left:			0;
	top:			50px; /* match top ul list item height */
	z-index:		9999;
}

.sf-menu li:hover li ul,
.sf-menu li.sfHover li ul {
display:none;
	top:			-999em;
}
.sf-menu li li:hover ul,
.sf-menu li li.sfHover ul {
display:none;
	top:			0;
}
.sf-menu li li:hover li ul,
.sf-menu li li.sfHover li ul {
display:none;
	top:			-999em;
}
.sf-menu li li li:hover ul,
.sf-menu li li li.sfHover ul {
display:none;
	top:			0;
}

/** 2-column page **/
ul.special li {
	padding-left: 10px; /* 'indent' for sub-items */
}
ul.special .trackHead {
	font-weight: bold;
	padding-left: 0px; /* undo the above indent */	
}

ul.special_left {
	width: 155px;
	padding-right: 175px; /* width + padding (20px) */
}

ul.special_left  li{
	float: left;
	clear: left;
}

ul.special_right {
	width: 155px; /* should match .special_left width */
	margin-left: 155px;  /* should match .special_left width */
}

a.primary{ z-index: 10; }
.menuitem { z-index: 10; }

/* This sets a default tab background - if we want */
/*
.menuitem {
	background: transparent url("/assets/images/dreamforce/09/nav/df09_tabs_top.gif") no-repeat scroll;
}
*/

/***SKIN ***/
.sf-menu {
	float:left;
	left:0px;
	position:relative;
	top:5px;
	z-index: 4;
}

.sf-menu a, .sf-menu a:visited { /*default a tags*/
	color: #FFF;
	text-decoration:none;
	font-size: 12px;
	/*font-weight: bold;*/
}

.sf-menu a:hover {
	color:#1798C1;
}

.sf-menu a.primary,
.sf-menu a.primary:visited {
    font-size: 14px;
    position: relative;
    font-weight: bold;
    height: 28px;
    padding-left:0px;
    padding-top: 10px;
    text-align:center;
}

/* The 'selected' item */
.sf-menu a.current {
	color: #666666;
}

.menuitem a.current > span.sf-sub-indicator { /* make it a higer importance */
	display: block;
}	

/*CRM MENU STYLES*/
.menuitem {padding-left:0px;}
.menuitem ul {width:155px;/*  left offset of submenus need to match (see below) [used to be 188 ( - 33 )]*/}
.menuitem li li:hover ul,
.menuitem li li.sfHover ul {left:148px;/* match ul width  ( -7 )*/}
.menuitem li li li:hover ul,
.menuitem li li li.sfHover ul {left:106px;/*10em;  match ul width */}
.menuitem a.primary,
.menuitem a.primary:visited{
	//padding-left:15px;
	width:113px;
}

.sf-menu li.first{
	background: transparent url("images/dreamforce/10/nav-tab-first.gif") no-repeat scroll;
}

.sf-menu li.current-first{
	background: transparent url("images/dreamforce/10/nav-tab-first-on.gif") no-repeat scroll;
}

.sf-menu li.last{
	background: transparent url("images/dreamforce/10/nav-tab-last.gif") no-repeat scroll;
}

.sf-menu li.current-last{
	background: transparent url("images/dreamforce/10/nav-tab-last-on.gif") no-repeat scroll;
}

.sf-menu li.current-{
	background: transparent url("images/dreamforce/10/nav-tab-on.gif") no-repeat scroll;
}

.sf-menu li {
	background: transparent url("images/dreamforce/10/nav-tab.gif") no-repeat scroll;
	width:113px;
}



.sf-menu li li {
	background-image: none;
	/*background-color:		none;#fff;*/ /* none is not a valid arg */
	left:0px;
	padding-bottom:4px;
	text-align: left;
}

.menuitem li ul{
	background:transparent url("/assets/images/dreamforce/09/nav/df09_tabs_bottom.png") no-repeat scroll 0px -20px; /* -27px 102% */
	background-position: bottom right;
}


.menuitem li ul.subNav{
	display:block;
	visibility:visible;
	position:relative;
}


/*Secondary nav links*/
.sf-menu li li a,
.sf-menu li li a:visited {
	color: #1798C1;
	margin-left:15px;
	padding: 5px 10px 10px 0px;
	background:transparent url("/assets/images/dreamforce/09/nav/df09_pnav_hr.gif") no-repeat scroll 0 100%;
}
/*Secondary nav links*/
.sf-menu li li a.lasta,
.sf-menu li li a.lasta:visited{
	background:none;
}
.menuitem li li a.lasta,
.menuitem li li a.lasta:visited {
	padding-bottom: 0px;
}

.menuitem li li a,
.menuitem li li a:visited {
	width: 122px; /* 155 - 33 */
}

/*Tertiary nav links*/
.sf-menu li li li a,
.sf-menu li li li a:visited {
	padding: 5px 0px 10px 0px;
}

/*primary hover*/
.menuitem li:hover,
.menuitem li.sfHover,
.menuitem li a.primary:focus,
.menuitem li a.primary:hover,
.menuitem li a.primary:active{
	outline: 0;
	//background: transparent url("images/dreamforce/10/home-on.gif") no-repeat scroll; /*  -27px -11px */
	color: #99ccff;
}

/* Other hovers (any but primary) */
.sf-menu li li:hover,
.sf-menu li li.sfHover,
.sf-menu li li a:focus,
.sf-menu li li a:hover,
.sf-menu li li a:active {
	outline:		0;
	background:transparent url("/assets/images/dreamforce/09/nav/df09_pnav_hr.gif") no-repeat scroll -10px 100%;
	color: #1798C1;
	color: black;
}

.sf-menu li li:hover,
.sf-menu li li.sfHover,
.sf-menu li li a.lasta:focus,
.sf-menu li li a.lasta:hover,
.sf-menu li li a.lasta:active{
	background-image: none;
}

.sf-menu li li:hover,
.sf-menu li li.sfHover,
.sf-menu li li a:focus,
.sf-menu li li a:hover,
.sf-menu li li a:active {
	outline: 0;
}

.subcorner{
	background:transparent url("/assets/images/dreamforce/09/nav/df09_subcorner1.png") no-repeat scroll right top;
	display:block;
	/*height:24px;*/
	height: 32px;
	left:-16px;
	position:absolute;
	top:-6px;
	width:155px;
	z-index:-1;
	
	margin-left:-5px;
	width: 160px; /* 155 + margin-left */
}

ul.special .subcorner{
	background:transparent url("/assets/images/dreamforce/09/nav/df09_subcorner_special.gif") no-repeat scroll right top;
	top: -5px !important;
	width:332px;
	margin-left:-5px;
	
	width:337px; /*332 + margin-left*/
	height: 31px !important;
}	

/*** arrows **/
.sf-menu a.sf-with-ul, .sf-menu a.sf-with-ul:visited {
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-menu a.primary, .sf-menu a.primary:visited {
	text-indent: 0px;
	padding-left:0px;
}

.menuitem a.primary, .menuitem a.primary:visited{text-indent:0;}

.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			0.1em; /* 0.7em original */
	top:			0.5em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url("/assets/images/dreamforce/09/nav/df09_arrows-ffffff.png") no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.3em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}

.menuitem a.primary > .sf-sub-indicator {	
	background-position:-2px -88px;
	/*right:12px;*/
	right:25px;	
	top:24px;
	display: none;
}

.menuitem a.primary:hover > .sf-sub-indicator {
	display:block;
}

#top_nav .sf-menu ul {padding-bottom:20px;}
/** This controls where the tertiary menu appears */
#top_nav .sf-menu li li ul {padding-left:5px; padding-top:0; padding-bottom:13px; top:0px;} /* top:-10px;  */ /* padding-top:10px */
/** This controls what the tertiary menu looks like */
#top_nav .sf-menu li li ul {
	background:transparent url("/assets/images/dreamforce/09/nav/df09_tabs_bottom.png") no-repeat scroll bottom right;
}

#top_nav .sf-menu li li li a.lasta {padding-bottom:0;}

/* Exception to the rule for the special 2-column menu */
#top_nav .sf-menu ul.special li {background-image:none;}
#top_nav .sf-menu ul.special li.firstli {background-image:none;}
#top_nav .sf-menu ul.special {background-image:none;}
#top_nav .sf-menu ul.special_left {background: transparent url("/assets/images/dreamforce/09/nav/df09_crm_bod_special.gif") no-repeat scroll bottom right; }


/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* Which style should the parents have if a child is hovered over */
li li.sfHover > a,
li li.sfHover > a:visited,
.sfHover > a,
.sfHover > a:visited {
	color: #1798C1;
	font-weight: bold;
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url("/assets/images/dreamforce/09/nav/df09_shadow.png") no-repeat bottom right;
	padding: 0 8px 9px 1px;
	/*
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
	*/
	/* The above 4 are invalid items, besides they don't seem to do anything */
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
/*************************************************************/
/* JR no idea what crumble does.. */
ul.crumble{
	width:1010px;
	z-index: 1;
}

#centerwrap ul.crumble {
	padding-bottom:20px;
	padding-left:15px;
}

.crumble a,
.crumble a:visited{
	border-right:1px solid #E0E0E0;
	/*line-height:20px;*/
	margin-top:0px;
	padding-left:15px;
	padding-right:15px;
	z-index: 0;
}
.crumble a.lastcrumble,
.crumble a.lastcrumble:visited{
	border-right:0px solid #99908C;
}
.crumble a.active,
.crumble a.active:visited{
	color: #000;
	font-weight: bold;
}


#subNav-about{
margin: 0 0 0 110px;


}

#subNav-schedule{
margin: 0 0 0 220px;


}

#subNav-cloudexpo{
margin: 0 0 0 447px;


}

#subNav-networking{
margin: 0 0 0 386px;


}

#subNav-developers{
margin: 0 0 0 720px;


}

.subN {

clear:both;
display:inline-block;
float:left;
position:relative;
margin:20px 0 0 0px;
}

ul.subN {
list-style:none;

}

ul.subN li.first{
background-image: none;
}

ul.subN li.current-first{
background-image: none;
}




ul.subN li{
display:inline;
margin-right:5px;
background-image: url('/common/assets/css/images/dreamforce/10/bullet-dash.gif');
background-repeat: no-repeat;
background-position: 0px 3px;
padding-left: 14px; 


}

.subN a{
text-decoration:none;
font-size:14px;
font-weight:bold;
color:#0099cc;

}

.subN li.current-first a{

color:#666666;

}

.subN li.current- a{

color:#666666;

}