.DNN2{}
.DNN3{}

/*SMart Container Default CSS*/
.SMSpace{height:4px;} /*spacing below containers*/
.SMHead{height:20px;padding:3px;}
.SMFoot{padding:3px;}
.SMContent{padding:7px;}
.SMIcon{}
.SMTitle{}
.SMVisibility{}
.SMActions{}
.SMSettings{}

/*border control - normaly just set background, can do images here also*/
.SMBorderT{}
.SMBorderB{}
.SMBorderL{}
.SMBorderR{}
.SMBorderTL{}
.SMBorderTR{}
.SMBorderBL{}
.SMBorderBR{}
/*border widths - modify the images inside not the td*/
/*.SMBorderT img{height:10px;}*/


/*smart1*/
.SM1 .SMHead{border-bottom:1px solid #444444;}
.SM1 .SMFoot{border-top:1px solid #444444;}
.SM1 .SMVisibility{display:none;}
.SM1 .SMIcon{display:none;}
.SM1 .SMSpace{height:16px;}

/*smart2*/
.SM2 .SMHead{background-color: #444444; height:12px;}
.SM2 .SMFoot{background-color:#444444;}
.SM2 .SMContent{border:1px solid #cccccc;background-color:#ffffff;}
.SM2 .SMBorderT, .SM2 .SMBorderB, .SM2 .SMBorderBL, .SM2 .SMBorderBR, .SM2 .SMBorderL, .SM2 .SMBorderR
{background-color:#444444;}
.SM2 .Head{color:#ffffff;font-size:12px;} /*adjust title color*/

/*smart3*/
.SM3 .SMHead{border-bottom:1px solid #444444;}
.SM3 .SMSettings{display:none;}
.SM3 .SMActions{display:none;}
.SM3 .SMIcon{display:none;}
.SM1 .SMSpace{height:16px;}

/*smart4*/
.SM4 .SMHead{background-color: #444444; height:12px;}
.SM4 .SMContent{border:1px solid #cccccc;background-color:#ffffff;}
.SM4 .SMBorderT, .SM4 .SMBorderB, .SM4 .SMBorderBL, .SM4 .SMBorderBR, .SM4 .SMBorderL, .SM4 .SMBorderR
{background-color:#444444;}
.SM4 .Head{color:#ffffff;font-size:12px} /*adjust title color*/


/*smart5*/
.SM5 .Head{font-weight:bold;font-size:12px;text-align:center;}
.SM5 .SMHead{background-color:#cccccc;}
.SM5 .SMFoot{padding:0px;background-color:#cccccc;}
.SM5 .SMContent{padding-top:0px;background-color:#cccccc;}
.SM5 .SMBorderT, .SM5 .SMBorderB,.SM5 .SMBorderL, .SM5 .SMBorderR{background-color:#cccccc;}
.SM5 .SMSettings{display:none;}
.SM5 .SMActions{display:none;}
.SM5 .SMIcon{display:none;}
.SM5 .SMVisibility{display:none;}

/*smart6*/
.SM6 .Head{font-weight:bold;font-size:12px;text-align:center;}
.SM6 .SMHead{background-color:#ffffff;}
.SM6 .SMFoot{padding:0px;background-color:#ffffff;}
.SM6 .SMContent{padding-top:0px;background-color:#ffffff;}
.SM6 .SMBorderT, .SM6 .SMBorderB,.SM6 .SMBorderL, .SM6 .SMBorderR{background-color:#ffffff;}
.SM6 .SMSettings{display:none;}
.SM6 .SMActions{display:none;}
.SM6 .SMIcon{display:none;}
.SM6 .SMVisibility{display:none;}

/*Now define how it acts in each pane if need be */
.SkinHeaderPane .SM1 .Head, .SkinHeaderPane .SM3 .Head, .SkinSubPane .SM1 .Head, .SkinSidePane .SM3 .Head{font-size:12px}




