#zSGPanelsHolder

{

	/* contains few panels */

	width:96%;

}



.zSGPanel1 /*squarebox */

{

	font-family: Arial, Helvetica, sans-serif;

    width: 30%;

    border: solid 1px #daeaff;

    text-align: center;

    overflow: hidden; 

    float:left;

    margin-right:5px;

}



.zSGPanel1Caption

{

	color: White;

	font-size: 11pt;

	font-variant: small-caps;

	padding: 5px;

    background-image: url(imgPnl/gradient_blue.png);

	/*background-color: transparent;*/

}



.zSGPanel1Content /*squareboxcontent */

{

    background-color: WhiteSmoke;

    padding: 10px;

    overflow: hidden;

    border-top: solid 1px #336699; 

}



.zSGPanel1ContentItem

{

	height:14px;

	border: black 0px solid;

	font-size:10pt;

	font-weight:bold;

}



.zSGPanel1ContentItemImg

{

	float: left;

	vertical-align:middle;

	border: black 0px dotted;

}



.zSGPanel1ContentItemTxt

{

	text-align: left;

	vertical-align: middle;

	position: relative;

	font-size:10pt;

	border: black 0px dashed;

	font-weight:normal;

}





.zSGPanel1 #Shadow /*squareboxcontent */

{

	/* id: shadow at the bottom of the panel */

    background-image: url(imgPnl/shadow.gif);

    height:20px;

}



/* Dynamic Panel Stuff: still under preparation */

.zSGPanel1Dynamic

{

	font-family: Arial, Helvetica, sans-serif;

    width: 30%;

    border: solid 1px #daeaff;

    text-align: center;

    overflow: hidden; 

    float:left;

    margin-right:5px;

}

.zSGPanel1DynamicCaptionTxtLeft

{

	/* id: left justified text to be shown as caption of the panel. on the right side, button to expand/collapse can be put */

	color: White;

	font-size: 11pt;

	font-variant: small-caps;

	padding: 5px;

	float: left;

	width: auto;

    background-image: url(imgPnl/gradient_blue.png);

}



.zSGPanel1DynamicCaptionButton

{

	/* id: left justified text to be shown as caption of the panel. on the right side, button to expand/collapse can be put */

	float:right;

	vertical-align:middle;

	background-image:url(imgPnl/collapse.gif);

	width:13px;

	height:14px;

}





.zSGPanel1DynamicContent 

{

    background-color: WhiteSmoke;

    padding: 1px;

    overflow: hidden;

    border-top: solid 1px #336699; 

}

.zSGPanel1Dynamic #Shadow /*squareboxcontent */

{

	/* id: shadow at the bottom of the panel */

    background-image: url(imgPnl/shadow.gif);

    height:20px;

}