@charset "utf-8";
/* CSS Document */
.container { margin: 10px auto; width: 98%; }
ul.tabs { margin: 0; padding: 10px 0 0; float: left; list-style: none; width: 100%; border-bottom: 1px solid #ddd; }
ul.tabs li { float: left; padding: 0; line-height: 30px; overflow: hidden; position: relative; font-size: 13px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px none #ccc; border-left: 1px solid #ccc; margin-right: 3px; margin-bottom: -1px; border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; -khtml-border-radius: 5px 5px 0px 0px; margin-left: 5px; background: #f3f2f7; }
ul.tabs li a { text-decoration: none; display: block; font-size: 14px; padding: 0 30px; border: 1px solid #fff; outline: none; font-weight: normal; color: #696a6e; }
ul.tabs li a:hover { background: #FFFFFF; }	
html ul.tabs li.active a { font-weight: bold; color: #333333; }
html ul.tabs li.active, ul.tabs li.active a:hover { background-color: #FFF; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFF; font-weight: bold; }
.tab_container { clear: both; float: left; width: 100%; -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #ddd; border-right-color: #ddd; border-bottom-color: #ddd; border-left-color: #ddd; background-color: #FFF; }
.tab_content { padding: 20px; }