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


#page-wrap { width: 440px; margin: 80px auto; }
.PXE_tab_01{ background:#336bd1; height:auto !important; margin: 5px; width: 420px;}
.PXE_tab_01 li a {font-family: 'Dosis', sans-serif !important; font-weight:400 !important; font-size:12px;  }

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


/* Specific to example one */

#example-one {  padding:0px; margin:0px; }

#example-one .nav { overflow: hidden; margin: 0 0 13px 0; background:#336bd1; height:28px; }
#example-one .nav li {  float: left; margin: 0 10px 0 0; }
#example-one .nav li.last { margin-right: 0; }
#example-one .nav li a { display: block; padding: 0px 14px;  font-size: 10px; text-align: center; border: 0; color:#fff; font-size:14px; font-family: 'Open Sans Condensed', sans-serif; line-height:28px; text-decoration:none; font-weight:300; }
#example-one .nav li a:hover { background-color: #fff; color:#336bd1;  }

#example-one ul { list-style: none; }
/*#example-one ul li a { display: block; border-bottom: 1px solid #666; padding: 4px; color: #666; }
#example-one ul li a:hover { background: #fe4902; color: white; }
#example-one ul li:last-child a { border: none; }*/

#example-one ul li.nav-one a.current, #example-one ul.featured li a:hover { background-color: #fff; color: #336bd1; }
#example-one ul li.nav-two a.current, #example-one ul.core li a:hover { background-color: #fff; color: #336bd1; }
#example-one ul li.nav-three a.current, #example-one ul.jquerytuts li a:hover { background-color: #fff; color: #336bd1; }
#example-one ul li.nav-four a.current, #example-one ul.classics li a:hover { background-color: #fff; color: #336bd1; }

.whitebox{ width:auto; margin:0px; padding:10px; background:#fff;}
.whitebox p{ color:#353535; font:normal 13px/17px Arial, Helvetica, sans-serif; margin:0px 0px 6px 0px;}
#example-one .whitebox ul.tabcontent{ margin:0px; padding:0px 0px 0px 20px; list-style:none;}
#example-one .whitebox ul.tabcontent li{ margin:11px 0 0 0; padding:0px; float:left;}
#example-one .whitebox ul.tabcontent li.tabbull{  padding:0px 0px 0px 30px; background:url(../images/tab-bull.png) left center no-repeat; width:283px; color:#353535; font:normal 13px/17px Arial, Helvetica, sans-serif;}
#example-one .whitebox ul.tabcontent li.tabbull a{  padding:0px; color:#353535; font:normal 13px/17px Arial, Helvetica, sans-serif; text-decoration:none; background:none;}
#example-one .whitebox ul.tabcontent li.tabbull a:hover{  padding:0px; color:#353535; font:normal 13px/17px Arial, Helvetica, sans-serif; text-decoration:none; background:none;}
#example-one .whitebox ul.tabcontent li.date{  padding:0px; width:70px; color:#336bd1; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
#example-one .whitebox ul.tabcontent li.date a{  color:#336bd1; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}

#example-one .morebtn{  margin:4px 0px; padding:0px; float:right; clear:both; }
#example-one .morebtn a{ background:#fff; margin:0px; padding:10px 20px; text-align:center; color:#336bd1; font-size:13px; font-family:"Open Sans Condensed"; text-decoration:none; display:block; }

/* Specific to example two */



#example-two {  padding:0px; margin:0px; }

#example-two .nav { overflow: hidden; margin: 0 0 13px 0; background:#336bd1; height:28px; }
#example-two .nav li {  float: left; margin: 0 10px 0 0; }
#example-two .nav li.last { margin-right: 0; }
#example-two .nav li a { display: block; padding: 0px 14px;  font-size: 10px; text-align: center; border: 0; color:#fff; font-size:14px; font-family:"Open Sans Condensed"; line-height:28px; text-decoration:none; }
#example-two .nav li a:hover { background-color: #fff; color:#336bd1;  }

#example-two ul { list-style: none; }
/*#example-one ul li a { display: block; border-bottom: 1px solid #666; padding: 4px; color: #666; }
#example-one ul li a:hover { background: #fe4902; color: white; }
#example-one ul li:last-child a { border: none; }*/

#example-two ul li.nav-one a.current, #example-one ul.featured li a:hover { background-color: #fff; color: #336bd1; }
#example-two ul li.nav-two a.current, #example-one ul.core li a:hover { background-color: #fff; color: #336bd1; }
#example-two ul li.nav-three a.current, #example-one ul.jquerytuts li a:hover { background-color: #fff; color: #336bd1; }
#example-two ul li.nav-four a.current, #example-one ul.classics li a:hover { background-color: #fff; color: #336bd1; }

.whitebox{ width:auto; margin:0px; padding:10px; background:#fff;}
.whitebox p{ color:#353535; font:normal 13px/17px Arial, Helvetica, sans-serif; margin:0px 0px 6px 0px;}
#example-two .whitebox ul.tabcontent{ margin:0px; padding:0px 0px 0px 20px; list-style:none;}
#example-two .whitebox ul.tabcontent li{ margin:11px 0 0 0; padding:0px; float:left;}
#example-two .whitebox ul.tabcontent li.tabbull{  padding:0px 0px 0px 30px; background:url(../images/tab-bull.png) left center no-repeat; width:283px; color:#353535; font:normal 13px/17px Arial, Helvetica, sans-serif;}
#example-two .whitebox ul.tabcontent li.tabbull a{  padding:0px; color:#353535; font:normal 13px/17px Arial, Helvetica, sans-serif; text-decoration:none; background:none;}
#example-two .whitebox ul.tabcontent li.tabbull a:hover{  padding:0px; color:#353535; font:normal 13px/17px Arial, Helvetica, sans-serif; text-decoration:none; background:none;}
#example-two .whitebox ul.tabcontent li.date{  padding:0px; width:70px; color:#336bd1; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
#example-two .whitebox ul.tabcontent li.date a{  color:#336bd1; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}

#example-two .morebtn{  margin:4px 0px; padding:0px; float:right; clear:both; }
#example-two .morebtn a{ background:#fff; margin:0px; padding:10px 20px; text-align:center; color:#336bd1; font-size:13px; font-family:"Open Sans Condensed"; text-decoration:none; display:block; }