/* CentOS Cascading Style Sheet

 * -----------------------------------------------

 * File		: tabs.css

 * Category	: root / common / miscellaneous

 * Theme	: Modern

 * Description	: CSS definitions used to build the CentOS common

 *  		  visual style for tabs.

 * -----------------------------------------------

 * Author	: CentOS Artwork SIG

 * License	: GPL (http://www.fsf.org/licensing/licenses/gpl.txt)

 * -----------------------------------------------

 */

/* Tabs (Style 1): Two Rounded Borders

-----------------------------------------------*/

div#page-header div.tabs1 a:link, 

div#page-footer div.tabs1 a:link { 

	text-decoration: none; 

	color: #FFF; 

	}

div#page-header div.tabs1 a:hover, 

div#page-footer div.tabs1 a:hover { 

	text-decoration: underline; 

	color: #FFF; 

	} 

div#page-header div.tabs1 a:active, 

div#page-footer div.tabs1 a:active { 

	text-decoration: none; 

	color: #FFF; } 

div#page-header div.tabs1 a:visited, 

div#page-footer div.tabs1 a:visited { 

	text-decoration: none; 

	color: #FFF; 

	}

div#page-header div.tabs1 a:visited:hover,

div#page-footer div.tabs1 a:visited:hover { 

	text-decoration: underline; 

	color: #FFF; 

	}

div#page-header div.tabs1,

div#page-footer div.tabs1 {

	margin: 0;

	padding: 0;

	float: right;

	margin-right: 5px;

	}

div#page-header div.tabs1 a,

div#page-footer div.tabs1 a {

	float: left;

	font-weight: bold;

	margin-right: 5px;

	padding: 0px 8px 0 0px;

	text-transform: uppercase;

	}

div#page-header div.tabs1 a span,

div#page-footer div.tabs1 a span {

	float: left;

	font-size: x-small;

	padding: 5px 0px 3px 8px;

	}

div#page-header div.tabs1 span:hover a,

div#page-header div.tabs1 span:hover a,

div#page-footer div.tabs1 span:hover a,

div#page-footer div.tabs1 span:hover a,

div#page-header div.tabs1 span:hover a span,

div#page-footer div.tabs1 span:hover a span {

	color: #FFF;

	}

div#page-header div.tabs1 span.current a,

div#page-header div.tabs1 span.current a:hover,

div#page-footer div.tabs1 span.current a,

div#page-footer div.tabs1 span.current a:hover,

div#page-header div.tabs1 span.current a span,

div#page-header div.tabs1 span.current a span,

div#page-footer div.tabs1 span.current a:hover span,

div#page-footer div.tabs1 span.current a:hover span {

	color: #000;

	}

div#page-header div.tabs1 span.download a,

div#page-header div.tabs1 span.download a:hover,

div#page-footer div.tabs1 span.download a,

div#page-footer div.tabs1 span.download a:hover {

	color: #FFF;

	margin-left: 20px;

	}

div#page-header div.tabs1 span.download a span,

div#page-header div.tabs1 span.download a:hover span,

div#page-footer div.tabs1 span.download a span,

div#page-footer div.tabs1 span.download a:hover span {

	color: #FFF;

	}

/* */

div#page-header div.tabs1 a {

	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs1-bg.png") 100% 0px no-repeat;

	}

div#page-header div.tabs1 a span {

	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs2-bg.png") 0 0;

	}

div#page-header div.tabs1 span.current a,

div#page-header div.tabs1 span.current a:hover {

	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs1-bg.png") 100% -50px no-repeat;

	}

div#page-header div.tabs1 span.current a span,

div#page-header div.tabs1 span.current a:hover span {

	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs2-bg.png") 0 -50px;

	}

div#page-header div.tabs1 span:hover a {

	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs1-bg.png") 100% -25px no-repeat;

	}

div#page-header div.tabs1 span:hover a span {

	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs2-bg.png") 0 -25px;

	}

div#page-header div.tabs1 span.download a,

div#page-header div.tabs1 span.download a:hover {

	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs1-bg.png") 100% -75px no-repeat;

	}

div#page-header div.tabs1 span.download a span,

div#page-header div.tabs1 span.download a:hover span {

	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs2-bg.png") 0 -75px;

	}

/* */

div#page-footer div.tabs1 {

	margin-top: 29px;

	}

div#page-footer div.tabs1 a {

	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs3-bg.png") 100% 0px no-repeat;

	}

div#page-footer div.tabs1 a span {

	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs4-bg.png") 0 0;

	}

div#page-footer div.tabs1 span.current a,

div#page-footer div.tabs1 span.current a:hover { 

	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs3-bg.png") 100% -50px no-repeat;

	}

div#page-footer div.tabs1 span.current a span,

div#page-footer div.tabs1 span.current a:hover span {

	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs4-bg.png") 0 -50px;

	}

div#page-footer div.tabs2 span.current a,

div#page-footer div.tabs2 span.current a:hover { 

	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs1-bg.png") 100% -125px no-repeat;

	}

div#page-footer div.tabs1 span:hover a {

	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs3-bg.png") 100% -25px no-repeat;

	}

div#page-footer div.tabs1 span:hover a span {

	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs4-bg.png") 0 -25px;

	}

div#page-footer div.tabs1 span.download a,

div#page-footer div.tabs1 span.download a:hover { 

	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs3-bg.png") 100% -75px no-repeat;

	}

div#page-footer div.tabs1 span.download a span,

div#page-footer div.tabs1 span.download a:hover span {

	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs4-bg.png") 0 -75px;

	}

/* Tabs (Style 2): Two Rounded Borders

-----------------------------------------------*/

div#page-header div.tabs2,

div#page-footer div.tabs2 {

	margin-left: 20px;

	padding: 0;

	}

div#page-header div.tabs2 a,

div#page-footer div.tabs2 a {

	color: #628eca;

	float: left;

	font-weight: bold;

	margin-right: 3px;

	padding: 0px 8px 0 0px;

	text-decoration: none;

	}

div#page-header div.tabs2 span.current a,

div#page-header div.tabs2 span.current a:hover,

div#page-footer div.tabs2 span.current a,

div#page-footer div.tabs2 span.current a:hover {

	color: #FFF;

	text-decoration: none;

	}

div#page-header div.tabs2 span.current a span,

div#page-header div.tabs2 span.current a:hover span,

div#page-footer div.tabs2 span.current a span,

div#page-footer div.tabs2 span.current a:hover span {

	color: #FFF;

	text-decoration: none;

	}

div#page-header div.tabs2 a span,

div#page-footer div.tabs2 a span {

	float: left;

	padding: 5px 0px 3px 8px;

	}

/* */

div#page-header div.tabs2 a {

	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs3-bg.png") 100% -100px no-repeat;

	}

div#page-header div.tabs2 a span {

	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs4-bg.png") 0 -100px;

	}

div#page-header div.tabs2 span.current a,

div#page-header div.tabs2 span.current a:hover {

	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs3-bg.png") 100% -150px no-repeat;

	}

div#page-header div.tabs2 span.current a span,

div#page-header div.tabs2 span.current a:hover span {

	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs4-bg.png") 0 -150px;

	}

div#page-header div.subtabs2 span.current a,

div#page-header div.subtabs2 span.current a:hover {

	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs3-bg.png") 100% -150px no-repeat;

	}

div#page-header div.tabs2 span:hover a {

	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs3-bg.png") 100% -125px no-repeat;

	}

div#page-header div.tabs2 span:hover a span {

	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs4-bg.png") 0 -125px;

	}

/* */

div#page-footer div.tabs2 a {

	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs1-bg.png") 100% -100px no-repeat;

	}

div#page-footer div.tabs2 a span {

	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs2-bg.png") 0 -100px;

	}

div#page-footer div.tabs2 span.current a,

div#page-footer div.tabs2 span.current a:hover { 

	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs1-bg.png") 100% -150px no-repeat;

	}

div#page-footer div.tabs2 span.current a span,

div#page-footer div.tabs2 span.current a:hover span {

	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs2-bg.png") 0 -150px;

	}

div#page-footer div.subtabs2 span.current a,

div#page-footer div.subtabs2 span.current a:hover { 

	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs1-bg.png") 100% -150px no-repeat;

	}

div#page-footer div.tabs2 span:hover a {

	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs1-bg.png") 100% -125px no-repeat;

	}

div#page-footer div.tabs2 span:hover a span {

	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs2-bg.png") 0 -125px;

	}

/* Tabs (Style 3): 4 Rounded Borders

-----------------------------------------------*/

div#page-body div.tabs3 {

	float: right;

	}

div#page-body div.tabs3 ul {

	margin: 0;

	padding: 0;

	}

div#page-body div.tabs3 a {

	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/pagination2-bg.png") 100% 0 no-repeat;

	color: #628eca;

	font-weight: bold;

	float: left;

	margin-right: 3px;

	padding: 0px 7px 0 0px;

	font-size: 10px;

	}

div#page-body div.tabs3 a span {

	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/pagination1-bg.png") 0 0 no-repeat;

	float: left;

	padding: 5px 0px 3px 8px;

	}

div#page-body div.tabs3 span:hover a {

	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/pagination2-bg.png") 100%  -25px no-repeat;

	text-decoration: none;

	}

div#page-body div.tabs3 span:hover a span {

	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/pagination1-bg.png") 0 -25px;

	}

div#page-body div.tabs3 span.current a,

div#page-body div.tabs3 span.current a:hover { 

	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/pagination2-bg.png") 100% -50px no-repeat;

	color: #FFF;

	text-decoration: none;

	}

div#page-body div.tabs3 span.current a,

div#page-body div.tabs3 span.current a:hover { 

	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/pagination2-bg.png") 100% -50px no-repeat;

	text-decoration: none;

	}

div#page-body div.tabs3 span.current a span,

div#page-body div.tabs3 span.current a:hover span {

	background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/pagination1-bg.png") 0 -50px;

	color: #FFF;

	text-decoration: none;

	}