/*****************************************************************
**** The below block of code is for your own custom color  ******/
div.tablayout-custom {width: 100%;margin: 10px 0 0px 0; clear:both;}
/*the tab container*/
.tabs-container-custom {clear: left;border: 1px solid #888;border-top: 0;border-bottom:0;padding:10px;}
	.tabs-container-customend{background-image: url(../../../skins/ch10/styleImages/bg_tabcontain.gif);
	background-repeat: no-repeat;
	background-position: left bottom;}
ul.tablayout-custom {list-style-type: none;width: 100%;float: left;background: url(./imgs/pixel.gif) bottom left repeat-x;margin:0; padding:0;}
/*the tab*/
ul.tablayout-custom a {
	float: left;
	display: block;
	width:130px;
	padding: 5px;
	text-align:center;
	border: 0px solid #ccc;
	border-bottom: 0;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	background-color: #eee;
	background-image: url(../../../skins/ch10/styleImages/tab_grey.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
ul.tablayout-custom li {margin: 0 2px 0 0;float: left;}
ul.tablayout-custom a:hover {background-image: url(../../../skins/ch10/styleImages/tab_green.gif);
	background-repeat: no-repeat;
	background-position: left top;}
ul.tablayout-custom a.active {background: #fff;padding-bottom: 5px;cursor: default;color: #888;background-image: url(../../../skins/ch10/styleImages/tab_white.gif);
	background-repeat: no-repeat;
	background-position: left top;}
/******************************************************************
*******************************************************************/

a {outline: none;} 
/*grey*/
div.tablayout-grey {width: 100%;margin: 10px 0 20px 0; clear:both;}
.tabs-container-grey {clear: left;border: 1px solid #ccc;border-top: 0;padding: 10px 8px 10px 8px;} 
ul.tablayout-grey {list-style-type: none;width: 100%;float: left;background: url(./imgs/pixel-grey.gif) bottom left repeat-x;margin:0; padding:0;}
ul.tablayout-grey a {float: left;display: block;padding: 4px 8px;border: 1px solid #ccc;border-bottom: 0;color: #666;background: #eee;text-decoration: none;font-weight: bold;}
ul.tablayout-grey li {margin: 0 2px 0 0;float: left;}
ul.tablayout-grey a:hover {background: #fff;}
ul.tablayout-grey a.active {background: #fff;padding-bottom: 5px;cursor: default;color: #000;}
/*aqua - Kitablue*/
div.tablayout-aqua {width: 100%;margin: 10px 0 20px 0; clear:both;}
.tabs-container-aqua {clear: left;border: 1px solid #70cdcc;border-top: 0;padding: 10px 8px 10px 8px;} 
ul.tablayout-aqua {list-style-type: none;width: 100%;float: left;background: url(./imgs/pixel-aqua.gif) bottom left repeat-x;margin:0; padding:0;}
ul.tablayout-aqua a {float: left;display: block;padding: 4px 8px;border: 1px solid #70cdcc;border-bottom: 0;color: #666;background: #eee;text-decoration: none;font-weight: bold;}
ul.tablayout-aqua li {margin: 0 2px 0 0;float: left;}
ul.tablayout-aqua a:hover {background: #fff;}
ul.tablayout-aqua a.active {background: #70cdcc;padding-bottom: 5px;cursor: default;color: #fff;}
/*blue - classic*/
div.tablayout-blue {width: 100%;margin: 10px 0 20px 0; clear:both;}
.tabs-container-blue {clear: left;border: 1px solid #082a8c;border-top: 0;padding: 10px 8px 10px 8px;} 
ul.tablayout-blue {list-style-type: none;width: 100%;float: left;background: url(./imgs/pixel-blue.gif) bottom left repeat-x;margin:0; padding:0;}
ul.tablayout-blue a {float: left;display: block;padding: 4px 8px;border: 1px solid #082a8c;border-bottom: 0;color: #666;background: #eee;text-decoration: none;font-weight: bold;}
ul.tablayout-blue li {margin: 0 2px 0 0;float: left;}
ul.tablayout-blue a:hover {background: #fff;}
ul.tablayout-blue a.active {background: #082a8c;padding-bottom: 5px;cursor: default;color: #fff;}
/*darkgreen - carreta-soft*/
div.tablayout-darkgreen {width: 100%;margin: 10px 0 20px 0; clear:both;}
.tabs-container-darkgreen {clear: left;border: 1px solid #667777;border-top: 0;padding: 10px 8px 10px 8px;} 
ul.tablayout-darkgreen {list-style-type: none;width: 100%;float: left;background: url(./imgs/pixel-darkgreen.gif) bottom left repeat-x;margin:0; padding:0;}
ul.tablayout-darkgreen a {float: left;display: block;padding: 4px 8px;border: 1px solid #667777;border-bottom: 0;color: #666;background: #eee;text-decoration: none;font-weight: bold;}
ul.tablayout-darkgreen li {margin: 0 2px 0 0;float: left;}
ul.tablayout-darkgreen a:hover {background: #fff;}
ul.tablayout-darkgreen a.active {background: #667777;padding-bottom: 5px;cursor: default;color: #fff;}
/*lightblue - carreta-bright*/
div.tablayout-lightblue {width: 100%;margin: 10px 0 20px 0; clear:both;}
.tabs-container-lightblue {clear: left;border: 1px solid #3ab0d6;border-top: 0;padding: 10px 8px 10px 8px;} 
ul.tablayout-lightblue {list-style-type: none;width: 100%;float: left;background: url(./imgs/pixel-lightblue.gif) bottom left repeat-x;margin:0; padding:0;}
ul.tablayout-lightblue a {float: left;display: block;padding: 4px 8px;border: 1px solid #3ab0d6;border-bottom: 0;color: #666;background: #eee;text-decoration: none;font-weight: bold;}
ul.tablayout-lightblue li {margin: 0 2px 0 0;float: left;}
ul.tablayout-lightblue a:hover {background: #fff;}
ul.tablayout-lightblue a.active {background: #3ab0d6;padding-bottom: 5px;cursor: default;color: #fff;}
/*black*/
div.tablayout-black {width: 100%;margin: 10px 0 20px 0; clear:both;}
.tabs-container-black {clear: left;border: 1px solid #000;border-top: 0;padding: 10px 8px 10px 8px;}
ul.tablayout-black {list-style-type: none;width: 100%;float: left;background: url(./imgs/pixel-black.gif) bottom left repeat-x;margin:0; padding:0;}
ul.tablayout-black a {float: left;display: block;padding: 4px 8px;border: 1px solid #000;border-bottom: 0;color: #666;background: #eee;text-decoration: none;font-weight: bold;}
ul.tablayout-black li {margin: 0 2px 0 0;float: left;}
ul.tablayout-black a:hover {background: #fff;}
ul.tablayout-black a.active {background: #fff;padding-bottom: 5px;cursor: default;color: #000;}
/*red*/
div.tablayout-red {width: 100%;margin: 10px 0 20px 0; clear:both;}
.tabs-container-red {clear: left;border: 1px solid #C00000;border-top: 0;padding: 10px 8px 10px 8px;}
ul.tablayout-red {list-style-type: none;width: 100%;float: left;background: url(./imgs/pixel-red.gif) bottom left repeat-x;margin:0; padding:0;}
ul.tablayout-red a {float: left;display: block;padding: 4px 8px;border: 1px solid #C00000;border-bottom: 0;color: #666;background: #eee;text-decoration: none;font-weight: bold;}
ul.tablayout-red li {margin: 0 2px 0 0;float: left;}
ul.tablayout-red a:hover {background: #fff;}
ul.tablayout-red a.active {background: #fff;padding-bottom: 5px;cursor: default;color: #000;}
/*orange*/
div.tablayout-orange {width: 100%;margin: 10px 0 20px 0; clear:both;}
.tabs-container-orange {clear: left;border: 1px solid #F57B0F;border-top: 0;padding: 10px 8px 10px 8px;}
ul.tablayout-orange {list-style-type: none;width: 100%;float: left;background: url(./imgs/pixel-orange.gif) bottom left repeat-x;margin:0; padding:0;}
ul.tablayout-orange a {float: left;display: block;padding: 4px 8px;border: 1px solid #F57B0F;border-bottom: 0;color: #666;background: #eee;text-decoration: none;font-weight: bold;}
ul.tablayout-orange li {margin: 0 2px 0 0;float: left;}
ul.tablayout-orange a:hover {background: #fff;}
ul.tablayout-orange a.active {background: #fff;padding-bottom: 5px;cursor: default;color: #000;}
/*purple*/
div.tablayout-purple {width: 100%;margin: 10px 0 20px 0; clear:both;}
.tabs-container-purple {clear: left;border: 1px solid #820CD4;border-top: 0;padding: 10px 8px 10px 8px;}
ul.tablayout-purple {list-style-type: none;width: 100%;float: left;background: url(./imgs/pixel-purple.gif) bottom left repeat-x;margin:0; padding:0;}
ul.tablayout-purple a {float: left;display: block;padding: 4px 8px;border: 1px solid #820CD4;border-bottom: 0;color: #666;background: #eee;text-decoration: none;font-weight: bold;}
ul.tablayout-purple li {margin: 0 2px 0 0;float: left;}
ul.tablayout-purple a:hover {background: #fff;}
ul.tablayout-purple a.active {background: #fff;padding-bottom: 5px;cursor: default;color: #000;}
/*pink*/
div.tablayout-pink {width: 100%;margin: 10px 0 20px 0; clear:both;}
.tabs-container-pink {clear: left;border: 1px solid #EA3EC4;border-top: 0;padding: 10px 8px 10px 8px;}
ul.tablayout-pink {list-style-type: none;width: 100%;float: left;background: url(./imgs/pixel-pink.gif) bottom left repeat-x;margin:0; padding:0;}
ul.tablayout-pink a {float: left;display: block;padding: 4px 8px;border: 1px solid #EA3EC4;border-bottom: 0;color: #666;background: #eee;text-decoration: none;font-weight: bold;}
ul.tablayout-pink li {margin: 0 2px 0 0;float: left;}
ul.tablayout-pink a:hover {background: #fff;}
ul.tablayout-pink a.active {background: #fff;padding-bottom: 5px;cursor: default;color: #000;}