/* CSS Document */


/* HEADER */
#hdrcontainerdf07 {height:112px;*height:114px;_height:112px; background: transparent url(/dreamforceeurope/images/dfe08/hdr_dfe08.gif) top left no-repeat;}
#globalnav {float:right; text-align:right; width:680px; height: 20px !important;  margin: 0 0 5px 0 !important; padding:0 10px 0 0; list-style:none; }

/* BANNER */
#banner { float:left; padding:0; margin:0 0 0px 0 !important;margin:0 0 0px 0}
#banner img{border-bottom:0px;margin-bottom:0;*margin-bottom:-2px;_margin-bottom:-2px}



/* SUBNAV */


#subnav a { font: bold 11px/11px Verdana, Arial; }
#subnav a:hover span { color:#F10; background-color:#ccc;  }
#subnav a.on span { display:block; padding:3px 10px 3px 15px; color:#F10; background:#ccc url("images/arrow10x10.gif") 6px 5px no-repeat;}
#subnav a.sub { font: normal 11px/11px Verdana, Arial;}


#tabnavlogin a { float:left; background:url(images/df07/tab_left_reg.gif) no-repeat left top; margin:0; padding:0 0 0 7px;  text-decoration:none; }
#tabnavlogin a span { float:left; display:block; background:url(images/df07/tab_right_reg.gif) no-repeat right top; padding:5px 15px 3px 6px; color:#F10; }

#tabnavlogin a:hover { background-position:0% -42px; }
#tabnavlogin a.on { background-position:0% -84px; }
#tabnavlogin a:hover span { color:#FFF; background-position:100% -42px; }
#tabnavlogin a.on span { color:#FFF; background-position:100% -84px; }

#tabnavww a { float:right; margin:0; padding:/*5px*/5px 10px 0 7px; text-size:9px; text-decoration:none; color:#666; background:none; }
/*#tabnavww a span { float:right; display:block;  padding:5px 15px 3px 6px; color:#666; text-decoration:none; background:none; }*/
#tabnavww a:hover { color:#F10; } #tabnavww a:hover span { color:#F10; }


/* CTAS */ 
#but_smdev { float:left; margin:0px;}
#but_smdev.right { float:right; }

#but_smdev li {display:inline; margin:0; padding:0; }
#but_smdev a {display:block;height:24px;color:#FFF; float:left; background:url(images/df07/but_sm_left_dev.gif) no-repeat left top; margin:0; padding:0; text-decoration:none; }
#but_smdev a span {color:#FFF; float:left; display:block; background:url(images/df07/but_sm_right_dev.gif) no-repeat right top; padding:5px 15px 8px 5px; margin:0 5px 0px 6px; font: bold 10px/10px Verdana, Arial; color:#FFF !important; white-space:nowrap; }

    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#but_smdev a span {float:none; color:#FFF;}
    /* End IE5-Mac hack */

#but_smdev a:hover {background-position:0% -24px;}

#but_smdev a:hover span {color:#FFF !important; background-position:100% -24px; font: bold 10px/10px Verdana, Arial; white-space:nowrap;}


#but_smdev2 { float:left; margin:0px;}
#but_smdev2.right { float:right; }

#but_smdev2 li {display:inline; margin:0; padding:0; }
#but_smdev2 a {display:block;height:21px;color:#FFF; float:left; background:url(images/df07/but_sm_left_dev2.gif) no-repeat left top; margin:0; padding:0; text-decoration:none; }
#but_smdev2 a span {color:#FFF; float:left; display:block; background:url(images/df07/but_sm_right_dev2.gif) no-repeat right top; padding:4px 15px 8px 2px; margin:0 5px 0px 6px; font: bold 9px/9px Verdana, Arial; color:#FFF !important; white-space:nowrap; }

    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#but_smdev2 a span {float:none; color:#FFF;}
    /* End IE5-Mac hack */

#but_smdev2 a:hover {background-position:0% -21px;}

#but_smdev2 a:hover span {color:#FFF !important; background-position:100% -21px; font: bold 9px/9px Verdana, Arial; white-space:nowrap;}

/* TILESECTION */


/*force sublogo down for all browsers dreamforce only*/
#sublogo{margin-top:11px}


/* TILESECTION */

#tilessection.keynote {background: #FFF
url(images/df07/bg_tilesection_keynote.gif) top left no-repeat }

#tilessection4.keynote {background: #FFF
url(images/df07/bg_tilesection4_keynote.gif) top left no-repeat }

#tilessection.tracks {background: #FFF
url(images/df07/bg_tilesection_tracks.gif) top left no-repeat }

#tilessection4.tracks {background: #FFF
url(images/df07/bg_tilesection4_tracks.gif) top left no-repeat }

#tilessection.expo {background: #FFF
url(images/df07/bg_tilesection_expo.gif) top left no-repeat }

#tilessection4.expo {background: #FFF
url(images/df07/bg_tilesection4_expo.gif) top left no-repeat }

#tilessection.comm {background: #FFF
url(images/df07/bg_tilesection_comm.gif) top left no-repeat }

#tilessection4.comm {background: #FFF
url(images/df07/bg_tilesection4_comm.gif) top left no-repeat }

#tilessection4.dev {background: #FFF
url(images/df07/bg_tilesection4_dev.gif) top left no-repeat }



AND ADD THE SUBNAV CONTENT JUST AFTER THE /* SUBNAV */ SECTION:


#tabnav a:hover.keynote { background:url(images/df07/tab_left_keynote.gif) no-repeat left top; background-position:0% -42px; } 
#tabnav a.keynote { background:url(images/df07/tab_left_keynote.gif) no-repeat left top; background-position:0% 0px; } 
#tabnav a:hover span.keynote { color:#FFF; background:url(images/df07/tab_right_keynote.gif) no-repeat left top; background-position:100% -42px; } 
#tabnav a span.keynote { color:#000; background:url(images/df07/tab_right_keynote.gif) no-repeat left top; background-position:100% 0px; }

#tabnav a:hover.onkeynote { background:url(images/df07/tab_left_keynote.gif) no-repeat left top; background-position:0% -42px; } 
#tabnav a.onkeynote { background:url(images/df07/tab_left_keynote.gif) no-repeat left top; background-position:0% -84px; } 
#tabnav a:hover span.onkeynote { color:#FFF; background:url(images/df07/tab_right_keynote.gif) no-repeat left top; background-position:100% -42px; } 
#tabnav a span.onkeynote { color:#FFF; background:url(images/df07/tab_right_keynote.gif) no-repeat left top; background-position:100% -84px; }


#tabnav a:hover.tracks { background:url(images/df07/tab_left_tracks.gif) no-repeat left top; background-position:0% -42px; } 
#tabnav a.tracks { background:url(images/df07/tab_left_tracks.gif) no-repeat left top; background-position:0% 0px; } 
#tabnav a:hover span.tracks { color:#FFF; background:url(images/df07/tab_right_tracks.gif) no-repeat left top; background-position:100% -42px; } 
#tabnav a span.tracks { color:#000; background:url(images/df07/tab_right_tracks.gif) no-repeat left top; background-position:100% 0px; }

#tabnav a:hover.ontracks { background:url(images/df07/tab_left_tracks.gif) no-repeat left top; background-position:0% -42px; } 
#tabnav a.ontracks { background:url(images/df07/tab_left_tracks.gif) no-repeat left top; background-position:0% -84px; } 
#tabnav a:hover span.ontracks { color:#FFF; background:url(images/df07/tab_right_tracks.gif) no-repeat left top; background-position:100% -42px; } 
#tabnav a span.ontracks { color:#FFF; background:url(images/df07/tab_right_tracks.gif) no-repeat left top; background-position:100% -84px; }

#tabnav a:hover.expo { background:url(images/df07/tab_left_expo.gif) no-repeat left top; background-position:0% -42px; } 
#tabnav a.expo { background:url(images/df07/tab_left_expo.gif) no-repeat left top; background-position:0% 0px; } 
#tabnav a:hover span.expo { color:#FFF; background:url(images/df07/tab_right_expo.gif) no-repeat left top; background-position:100% -42px; } 
#tabnav a span.expo { color:#000; background:url(images/df07/tab_right_expo.gif) no-repeat left top; background-position:100% 0px; }

#tabnav a:hover.onexpo { background:url(images/df07/tab_left_expo.gif) no-repeat left top; background-position:0% -42px; } 
#tabnav a.onexpo { background:url(images/df07/tab_left_expo.gif) no-repeat left top; background-position:0% -84px; } 
#tabnav a:hover span.onexpo { color:#FFF; background:url(images/df07/tab_right_expo.gif) no-repeat left top; background-position:100% -42px; } 
#tabnav a span.onexpo { color:#FFF; background:url(images/df07/tab_right_expo.gif) no-repeat left top; background-position:100% -84px; }

#tabnav a:hover.comm { background:url(images/df07/tab_left_comm.gif) no-repeat left top; background-position:0% -42px; } #tabnav a.comm { background:url(images/df07/tab_left_comm.gif) no-repeat left top; background-position:0% 0px; } 
#tabnav a:hover span.comm { color:#FFF; background:url(images/df07/tab_right_comm.gif) no-repeat left top; background-position:100% -42px; } 
#tabnav a span.comm { color:#000; background:url(images/df07/tab_right_comm.gif) no-repeat left top; background-position:100% 0px; }

#tabnav a:hover.oncomm { background:url(images/df07/tab_left_comm.gif) no-repeat left top; background-position:0% -42px; } 
#tabnav a.oncomm { background:url(images/df07/tab_left_comm.gif) no-repeat left top; background-position:0% -84px; } #tabnav a:hover span.oncomm { color:#FFF; background:url(images/df07/tab_right_comm.gif) no-repeat left top; background-position:100% -42px; } 
#tabnav a span.oncomm { color:#FFF; background:url(images/df07/tab_right_comm.gif) no-repeat left top; background-position:100% -84px; }

#tabnav a:hover.dev { background:url(images/df07/tab_left_dev.gif) no-repeat left top; background-position:0% -42px; } 
#tabnav a.dev { background:url(images/df07/tab_left_dev.gif) no-repeat left top; background-position:0% 0px; } 
#tabnav a:hover span.dev { color:#FFF; background:url(images/df07/tab_right_dev.gif) no-repeat left top; background-position:100% -42px; } 
#tabnav a span.dev { color:#000; background:url(images/df07/tab_right_dev.gif) no-repeat left top; background-position:100% 0px; }

#tabnav a:hover.ondev { background:url(images/df07/tab_left_dev.gif) no-repeat left top; background-position:0% -42px; } 
#tabnav a.ondev { background:url(images/df07/tab_left_dev.gif) no-repeat left top; background-position:0% -84px; } 
#tabnav a:hover span.ondev { color:#FFF; background:url(images/df07/tab_right_dev.gif) no-repeat left top; background-position:100% -42px; } 
#tabnav a span.ondev { color:#FFF; background:url(images/df07/tab_right_dev.gif) no-repeat left top; background-position:100% -84px; }


#stackimages { width:540px; text-align:center; } 
#stackimages img{ float:left padding:2px; display:inline; }



/*NEW CTA PROMOS*/

a.promob img,a.promob:hover img {margin:3px;}
a.promob {display:block;margin:0;background:#fff url("images/cta_back.gif") no-repeat top left;width:172px;height:63px;}
a.promob:hover {display:block;margin:0;background:#fff url("images/cta_back_over.gif") no-repeat top left;}
#content a.promob {margin:0 10px /*10px*/0 0}

/*IE7 fix */
*:first-child+html #container{margin-top:30px;}