v\:* {
        BEHAVIOR: url(#default#VML)
}
BODY {
        FONT-FAMILY: Verdana, Sans-serif
}
H3 {
        MARGIN-LEFT: 8px
}
#map {
        BORDER-TOP: gray 1px solid; MARGIN-TOP: 2px; MARGIN-LEFT: 0px; OVERFLOW: hidden; WIDTH: 710px; BORDER-BOTTOM: gray 1px solid; HEIGHT: 450px
}
.button {
        BORDER-RIGHT: #565 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #565 1px solid; DISPLAY: block; PADDING-LEFT: 3px; FONT-SIZE: smaller; PADDING-BOTTOM: 3px; MARGIN: 10px; BORDER-LEFT: #565 1px solid; WIDTH: 180px; PADDING-TOP: 3px; BORDER-BOTTOM: #565 1px solid; BACKGROUND-COLOR: #f5f5f5; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.button:hover {
        BACKGROUND-COLOR: white
}
#descr {
        LEFT: 580px; WIDTH: 250px; POSITION: absolute; TOP: 45px
}
.infowindow {
        FONT-SIZE: smaller; TEXT-ALIGN: left
}





div.container
{
width:994px;
margin:0px;
border:1px solid gray;
line-height:150%;
 font-size:1em;
   font-family:"Times New Roman", Times, serif;
 
}
div.header,div.footer
{
padding:0.5em;
color:darkblue;
//background-color:#a3c2ff;
background-image:url('gradient.png');
background-repeat:repeat-x;
clear:left;
text-align: center;
}
h1.header
{
padding:0;
margin:0;
}
div.left
{
float:left;
width:121px;
margin:0;
padding:0em;
}
div.right
{
float:right;
width:160px;
margin:0;
padding:0em;
}
div.map
{ float:center;
margin-left:121px;
border-left:1px solid gray;

margin-right:162px;
border-right:1px solid gray;
padding:0em;
}

p 
  {
    padding:0em;
   margin:0;
    text-align:top;
   }
a
  { color:green;
    font-weight:bold;
   font-family:"Times New Roman", Times, serif;
  }

#column1 {
	float:left;
	width: 12%;
}

#column2 {
	float:left;
	width: 17%;
}

#column3 {
	float:left;
	width: 12%;
}
#column4 {
        float:left;
        width: 59%;
        text-align:right;
}


input.form1 { font-size: 100%; width: 9em; }
#random { font-size: small;}


/* BUBBLE TOOLTIP */
a.tt {cursor: help;}
.tt {
  font-size: .9em;
  font-weight: normal;
  text-decoration:none;
  text-align: left;
}
.tt span { display: none; }
/*background:; ie hack, something must be changed in a for ie to execute it*/
.tt:hover {   position:relative;text-decoration:none; z-index:1000; color: #aaaaff; background:transparent;}
.tt:hover span.tooltip {
  color: #111;
  display:block;
  position:absolute;
  top:0px; left:-10px;
  padding: 15px 0 0 0;
  width:200px;
  text-align: left;
  text-decoration:none;
  z-index: 2000;
	white-space: normal !important;
}
.tt.rightEnd:hover span.tooltip {
	right: -20px; left: auto;
}

.tt:hover span.top {
  display: block;
  padding: 30px 8px 0;
  background: url(images/help/bubble.png) no-repeat top;
}
.tt.rightEnd:hover span.top {
	background: url(images/help/bubble-right.png) no-repeat top;
}
.tt:hover span.middle { /* different middle bg for stretch */
  display: block;
  padding: 0 8px; 
  background: url(images/help/bubble_filler.png) repeat bottom; 
}
.tt:hover span.bottom {
  display: block;
  padding:3px 8px 10px;
  color: #548912;
  background: url(images/help/bubble.png) no-repeat bottom;
}
.tt .fakeLink {text-decoration: underline;}

/***************************** New UI for toolbar page *****************************/

@charset "UTF-8";
/* CSS Document */

div#en_header {height: 35px;background: transparent url('webexsf2010_home_header_bg2.gif') left top no-repeat; position:  relative;}


body {background-color: #fff;font-family: Arial, Helvetica, sans-serif;}








/* START NAV */



div#top_level_nav {padding:2px 0 0 15px;clear:left; font-size: small;}
div#top_level_nav ul#nav, div#top_level_nav ul#nav * {margin: 0;padding: 0;list-style: none;font-family:"Lucida Grande",helvetica,arial,sans-serif;}
div#top_level_nav ul#nav { line-height:1em;font-family:Verdana,Tahoma,Arial;height:30px;font-size:1em;/*background: #fbc86f url('http://assets.en.oreilly.com/1/event/31/webexny2009_nav_bg.gif') repeat-x;*/}

div#top_level_nav ul#nav ul {position: absolute;top: -999em;font-weight:bold;
width: 15em; /* left offset of submenus need to match (see below) */
}

div#top_level_nav ul#nav ul li {width: 100%;}

div#top_level_nav ul#nav li:hover {
visibility: inherit; /* fixes IE7 'sticky bug' */
}

div#top_level_nav ul#nav li {float: left;position: relative;height:100%;z-index:20;}
div#top_level_nav ul#nav a {display: block;position: relative;padding: 8px;text-decoration:none;color: #fff;font-weight:bold;}
div#top_level_nav ul#nav a:hover {color: #000;}
div#top_level_nav ul#nav ul li a {color:#fff;font-weight:normal;display:block;margin:0;padding:5px 10px;}
/*div#top_level_nav ul#nav li a.level_one {margin-top:44px;}*/
div#top_level_nav ul#nav ul li a:hover {background-color:#09acd1;color:#000;}

div#top_level_nav ul#nav li:hover ul, div#top_level_nav ul#nav li.sfHover ul {left: 0;z-index: 99;
top: 30px; /* match top ul list item height */
}
div#top_level_nav ul#nav li:hover li ul, div#top_level_nav ul#nav li.sfHover li ul {top: -999em;}

div#top_level_nav ul#nav li li:hover ul, div#top_level_nav ul#nav li li.sfHover ul {top: 0;
left: 15em; /* match ul width */
}
div#top_level_nav ul#nav li li:hover li ul, div#top_level_nav ul#nav li li.sfHover li ul {top: -999em;}
div#top_level_nav ul#nav li li li:hover ul, div#top_level_nav ul#nav li li li.sfHover ul {top: 0;
left: 15em; /* match ul width */
}

div#top_level_nav ul#nav li li, div#top_level_nav ul#nav li li li {background: #038baa;font-size:.85em;border-top:1px solid #00677f;border-right:0;}
div#top_level_nav ul#nav li li.title {background-color:#333;color:#fff;}
div#top_level_nav ul#nav li li a.title {color:#fff;}
div#top_level_nav ul#nav ul li a.title:hover {background-color:#333;}
div#top_level_nav ul#nav li:hover, div#top_level_nav ul#nav li.sfHover, div#top_level_nav ul#nav a:focus, div#top_level_nav ul#nav a:hover, div#top_level_nav ul#nav a:active {outline: 0;}


/*** arrows **/
/*div#top_level_nav ul#nav a.sf-with-ul {
padding-right: 2.25em;
min-width: 1px;
}*/
.sf-sub-indicator {position: absolute;display: block;right: .75em;width: 10px;height: 10px;text-indent: -999em;overflow: hidden;
top: 1.05em; /* IE6 only */
/*background: url('../images/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: .8em;
background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}

/* 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*/}

/* point right for anchors in subs */
div#top_level_nav ul#nav ul .sf-sub-indicator { background-position: -10px 0; }
div#top_level_nav ul#nav ul a > .sf-sub-indicator { background-position: 0 0; }

/* apply hovers to modern browsers */
div#top_level_nav ul#nav ul a:focus > .sf-sub-indicator, div#top_level_nav ul#nav ul a:hover > .sf-sub-indicator, div#top_level_nav ul#nav ul a:active > .sf-sub-indicator, div#top_level_nav ul#nav ul li:hover > a > .sf-sub-indicator, div#top_level_nav ul#nav 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('../images/shadow.png') no-repeat bottom right;padding: 0 8px 9px 0;-moz-border-radius-bottomleft: 17px;-moz-border-radius-topright: 17px;-webkit-border-top-right-radius: 17px;-webkit-border-bottom-left-radius: 17px;}*/
.sf-shadow ul.sf-shadow-off {background: transparent;}

div#top_level_nav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* END NAV */











