/* 
 * Simplest tabs CSS possible
 * This CSS will display rounded corners with Firefox and Safari, and
 * downgrade to normal corners for Opera and Explorer. 
 *  
 */
ul.tabContainer { clear: left; list-style: none; margin: 0; overflow: hidden; padding: 0; white-space: nowrap; border-bottom: 2px solid #888; }
ul.tabContainer li:first-child { margin-left: 2em; }
ul.tabContainer li { border:1px solid #888; border-bottom: 0; float:left; list-style: none; margin:0 2px; -moz-border-radius: 5px 5px 0 0; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-radius: 5px 5px 0 0; }
ul.tabContainer li a { text-decoration: none; padding: 1em; display: block; outline: none; }
ul.tabContainer li a:focus, 
ul.tabContainer li a:hover, 
ul.tabContainer li a:active { background: #9cbbd0; }
ul.tabContainer li.selected a { font-weight: bold; }
div.tab { padding: 1.5em; clear: left; }
div.tab.updating { background: #fff url(../../0/4b3afb84b2b71ef56df09997a350bd04/spinner.gif) no-repeat 50% 50%; min-height: 20px; }

