Hi ,

   I came with one issue . I have a vf with Css and alsi used static resources alo used in  the css. now this  css  is  using in all toher vf pages. i am calling css  in other vf pages with attribute  styleclass="----", but  css is  not  calling, How

 sample Example  is  in the first vf page:  

<apex:page cache="true" showHeader="false" contentType="text/css">

ibtLargeContentContainer h2, .ibtContentSplitPrimary h2, .ibtContentSplitSecondary h2 {
width: 100%;
border-bottom: 1px dotted #999999;
padding-bottom: 10px;
margin-bottom: 14px;
}

/***** home *****/

.ibtHomeContainer .ibtContentSplitPrimary, .ibtHomeContainer .ibtContentSplitSecondary {
margin-bottom: 20px;
}

.ibtHomeContainer {
font-size: 13px;
}

.ibtHomeContainer .ibtHomeIdeaList {
background: transparent url( {!$Resource.image_sectionMediumPlain} ) no-repeat scroll left bottom;
}

.ibtHomeContainer .ibtHomeIdeaList .ibtHomeIdeaListTop {
background: transparent url( {!$Resource.image_sectionMediumPlain} ) no-repeat scroll left top;
}  

Like that i have around 1500 line of css code  is there.

and this  css code in another vf pages with style class directly like

<apex:page controller="IdeaController" showHeader="false">

<apex:composition template="ideaLayoutWrapper">-->
<apex:define name="content">
<apex:outputPanel styleClass="ibtAboutContainer" layout="block">
<apex:image value="{!aboutBannerImageUrl}" rendered="{!!ISNULL(aboutBannerImageUrl)}" styleClass="ibtAboutBanner" />
<apex:outputPanel styleClass="ibtLargeContentContainer" layout="block">
<apex:outputPanel styleClass="ibtLargeContentTop" layout="block" />

----------

when run this  page  css is not calling, , when  when  i place whole  css code in other page it's working  fine,  what is the proble , can any oe help me to solve this  issue

Thanks