/*
	 Organic Tabs
	 by Chris Coyier
	 http://css-tricks.com
*/

* { margin: 0; padding: 0; }

html { overflow-y: scroll; }

a:focus { outline: 0; }




/* Generic Utility */
.hide { position: absolute; top: -9999px; left: -9999px; }





/* Specific to example two */

#tabbedcontent .list-wrap { background: #f5f5f5; padding: 20px; margin: -15px 0 15px 0; border: 1px solid #dadada;}

#tabbedcontent ul { list-style: none; }
#tabbedcontent ul li a { display: block; border-bottom: 1px solid #666; padding: 4px; color: #666; }
#tabbedcontent ul li a:hover { background: #333; color: black; }
#tabbedcontent ul li:last-child a { border: none; border-top: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9; padding:10px;  }

#tabbedcontent .nav { overflow: hidden; }
#tabbedcontent .nav li {  float: left; margin: 10px 10px 0 0; }
#tabbedcontent .nav li.last { margin-right: 0; }
#tabbedcontent .nav li a { display: block; padding: 5px; background: white; color: black; font-size: 14px; text-align: center; border: 0; font-weight:200; border-top: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9; padding:10px; }

#tabbedcontent li a.current,#tabbedcontent li a.current:hover { background-color: #f5f5f5 !important; color: black; }
#tabbedcontent .nav li a:hover, #tabbedcontent .nav li a:focus { background: #f5f5f5 ;}