/*@component-begin @name PortfolioItems @type TabTop{*/
#PortfolioItemsLYR {
    background: rgb(255,255,255)}

#PortfolioItemsLYR .ui-tabs-panel {
    background: rgb(51,51,51) url( "../assets/images/panel_gradient.png" );
	border-top: 1px solid #97a5b0;
	padding: 1em 8px
}

#PortfolioItemsLYR .ui-tabs-nav {
    font-family: "Trebuchet MS",                      Trebuchet,                      Verdana,                      Helvetica,                      Arial,                      sans-serif;
    font-size: 12px;
	background-color : rgb(153,102,102);
	background-image : url( "../assets/images/2px_gradient.jpg" )
}

#PortfolioItemsLYR .ui-tabs-nav li {
    margin: 0 0 0 1px;
	background-color : rgb(153,102,102);
	background-image : url( "../assets/images/2px_gradient.jpg" )
}

#PortfolioItemsLYR .ui-tabs-nav a{
    display: block;
    background: rgb(255,255,255) url( "../assets/images/tab_top_gray.png" ) no-repeat}
#PortfolioItemsLYR .ui-tabs-nav a span                      {
    display: block;
    background: url( "../assets/images/tab_top_gray.png" ) no-repeat}
#PortfolioItemsLYR .ui-tabs-nav a {
    color: #27537a;
    font-weight: bold
}

#PortfolioItemsLYR .ui-tabs-nav a span                      {
    padding-top: 6px
}

#PortfolioItemsLYR .ui-tabs-nav .ui-tabs-selected a span                      {
    padding-bottom: 1px;
	background-color : rgb(51,51,51);
	background-image : none;
	color : rgb(255,255,255)}

#PortfolioItemsLYR .ui-tabs-nav .ui-tabs-selected a{
    background-position: 100% -150px;
	background-color : rgb(51,51,51);
	background-image : none
}


#PortfolioItemsLYR .ui-tabs-nav a:active {
    background-position: 100% -150px
}

#PortfolioItemsLYR .ui-tabs-nav a:focus{
    background-position: 100% -150px
}
#PortfolioItemsLYR .ui-tabs-nav a{
    background-position: 100% -100px
}

#PortfolioItemsLYR .ui-tabs-nav .ui-tabs-disabled a:focus{
    background-position: 100% -100px
}

#PortfolioItemsLYR .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px
}
#PortfolioItemsLYR .ui-tabs-nav .ui-tabs-selected a span                     {
    background-position: 0 -50px
}

#PortfolioItemsLYR .ui-tabs-nav a:focus span{
    background-position: 0 -50px
}

#PortfolioItemsLYR .ui-tabs-nav a:active span {
    background-position: 0 -50px
}
#PortfolioItemsLYR .ui-tabs-nav a span                     {
    background-position: 0 0
}
/*@component-end}*/

#PortfolioItemsLYR .ui-tabs-nav .ui-tabs-disabled a:focus span{
    background-position: 0 0
}
/*@component-end}*/

#PortfolioItemsLYR .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0
}
/*@component-end}*/

