@charset "UTF-8";
/* CSS Document */
/* ---------------
	panel layout 
   --------------- */

 
div.YellowArticle01, div.YellowArticle02, div.YellowArticle03, div.YellowArticle04, div.YellowArticle05, div.YellowArticle06,div.YellowArticle07, div.YellowArticle08, div.YellowArticle09, div.YellowArticle10 {
  background: url(../gui/yptopleft.gif) top left no-repeat;
   width:100%;
   margin-top:5px;
  }
  
div.YellowArticle01 h2, div.YellowArticle02 h2, div.YellowArticle03 h2, div.YellowArticle04 h2, div.YellowArticle05 h2, div.YellowArticle06 h2, div.YellowArticle07 h2, div.YellowArticle08 h2, div.YellowArticle09 h2, div.YellowArticle10 h2 {
  background: url(../gui/yptopright.gif) top right no-repeat;
  padding-left:23px;
  padding-top:14px;
  padding-bottom:18px;
  padding-right:35px;
  margin:0;
  font-size:14px;
  font-weight:bold;
  color:#333366;
  }
  
div.YellowArticleBody01, div.YellowArticleBody02, div.YellowArticleBody03, div.YellowArticleBody04, div.YellowArticleBody05, div.YellowArticleBody06, div.YellowArticleBody07, div.YellowArticleBody08, div.YellowArticleBody09, div.YellowArticleBody10 {
  background: url(../gui/ypright.gif) top right repeat-y;
  margin:0;
  margin-top:-3em;
  padding-left:23px;
  padding-top:24px;
  padding-bottom:14px;
  padding-right:35px;
  }
  
div.YellowArticleGraphs {
  background: url(../gui/ypright.gif) top right repeat-y;
  margin:0;
  margin-top:-3em;
  padding-left:23px;
  padding-top:24px;
  padding-bottom:14px;
  padding-right:23px;
	 
 }
 
div.YellowArticleBody01 p, div.YellowArticleBody02 p, div.YellowArticleBody03 p, div.YellowArticleBody04 p, div.YellowArticleBody05 p, div.YellowArticleBody06 p, div.YellowArticleBody07 p, div.YellowArticleBody08 p, div.YellowArticleBody09 p, div.YellowArticleBody10 p {
	font-size:11px;
  font-weight:normal;
  color:#333366;
}
div.YellowArticleFooter01, div.YellowArticleFooter02, div.YellowArticleFooter03, div.YellowArticleFooter04, div.YellowArticleFooter05, div.YellowArticleFooter06, div.YellowArticleFooter07, div.YellowArticleFooter08, div.YellowArticleFooter09, div.YellowArticleFooter10 {
  background: url(../gui/ypbottomleft.gif) bottom left no-repeat;
  }
div.YellowArticleFooter01 span, div.YellowArticleFooter02 span, div.YellowArticleFooter03 span, div.YellowArticleFooter04 span, div.YellowArticleFooter05 span, div.YellowArticleFooter06 span, div.YellowArticleFooter07 span, div.YellowArticleFooter08 span, div.YellowArticleFooter09 span, div.YellowArticleFooter10 span {
  background: url(../gui/ypbottomright.gif) bottom right no-repeat;
  display:block;
  text-align:right;
  padding-right:35px;
  padding-top:14px;
  padding-bottom:30px;
  margin:-2em 0 0 0;
	font-size:14px;
  font-weight:normal;
  color:#333366;
  }

/* flexibel panels with round corners */
#YellowpanelContainer, #YellowpanelContainer01, #YellowpanelContainer02, #YellowpanelContainer03, #YellowpanelContainer04, #YellowpanelContainer05, #YellowpanelContainer06, #YellowpanelContainer07, #YellowpanelContainer08, #YellowpanelContainer09, #YellowpanelContainer10
{
width:100%;
min-height: 100%;
margin: 0px auto;
/* border: 1px solid gray;
line-height: 130%; */

}
#YellowpanelInnerContainer, #YellowpanelInnerContainer01, #YellowpanelInnerContainer02, #YellowpanelInnerContainer03, #YellowpanelInnerContainer04, #YellowpanelInnerContainer05, #YellowpanelInnerContainer06, #YellowpanelInnerContainer07, #YellowpanelInnerContainer08, #YellowpanelInnerContainer09, #YellowpanelInnerContainer10
{
width: 100%;
/* border: 1px solid gray;
line-height: 130%; */
text-align: left;
vertical-align:top;
overflow:hidden;
}

#YellowpanelLeft, #YellowpanelLeft01, #YellowpanelLeft02, #YellowpanelLeft03, #YellowpanelLeft04, #YellowpanelLeft05, #YellowpanelLeft06, #YellowpanelLeft07, #YellowpanelLeft08, #YellowpanelLeft09, #YellowpanelLeft10
{
float: left;
width: 134px;
/* border: 1px solid gray;
line-height: 130%; */

}
#YellowpanelInnerLeft, #YellowpanelInnerLeft01, #YellowpanelInnerLeft02, #YellowpanelInnerLeft03, #YellowpanelInnerLeft04, #YellowpanelInnerLeft05, #YellowpanelInnerLeft06, #YellowpanelInnerLeft07, #YellowpanelInnerLeft08, #YellowpanelInnerLeft09, #YellowpanelInnerLeft10
{
float: left;
width: 47px;
margin: 0;
padding: 0;
/*overflow: hidden; */
display: inline;
/*border: 1px solid gray;
line-height: 130%; */

}
#YellowpanelContent, #YellowpanelContent01, #YellowpanelContent02, #YellowpanelContent03, #YellowpanelContent04, #YellowpanelContent05, #YellowpanelContent06, #YellowpanelContent07, #YellowpanelContent08, #YellowpanelContent09, #YellowpanelContent10
{
min-height: 100%;
margin-left: 138px;
 /* border-left: 1px solid gray; */
padding: 0px 0px 0px 8px; 
}





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


					/*	imaage for panels */
						
						
/* ------------------------------------------------------------- */

div.YellowpanelImage {
	margin:0;
	padding:0;
	background: url(../images/test.jpg) no-repeat;
	width:133px;
	height:118px;	

}
div.YellowpanelImage span {
	overflow:hidden;
	display:none;
}