*{padding:0; margin:0}
#GrayBgContent{ width:100%;}
#GrayTitleZone{ width:100%; height:30px; background:url(images/gray_top_bg.jpg) repeat-x}
#GrayTopLeft{ background:url(images/gray_top_left.jpg) no-repeat; float:left; width:17px; height:30px;}
#GrayTopRight{ background:url(images/gray_top_right.jpg) no-repeat; float:right;width:17px; height:30px;}
.Head{font-weight:bold; font-size:14px}
#GrayTopCenter{ float:left}
#DNNTITLE{padding:8px 0 0 5px;}
#GrayContentBottomZone{ width:100%; height:10px; font-size:1px;background:url(images/gray_bottom_bg.jpg) repeat-x}
#GrayBottomLeft{ background:url(images/gray_bottom_left.jpg) no-repeat; float:left; width:17px; height:10px;font-size:1px;}
#GrayBottomRight{ background:url(images/gray_bottom_right.jpg) no-repeat; float:right;width:17px; height:10px;font-size:1px;}
#GrayContentZone{float:left; clear:both; background:#F1F1F1; position:relative;}
#GrayContentZoneLeft{background:url(images/gray_content_left.jpg) repeat-y; position:absolute; left:0; top:0; width:17px; background:blue;height:20px}
#GrayBgContent .ContentPane{background:#F1F1F1;_background:#EFEFEF;}
#GrayContentZoneRight{background:url(images/gray_content_right.jpg) repeat-y;position:absolute; right:0;top:0;width:17px;background:blue;height:20px}

.GrayContentZoneLeft{background:url(images/gray_content_left.jpg) repeat-y;width:12px;}
.GrayContentZoneRight{background:url(images/gray_content_right.jpg) repeat-y top right;width:12px;}

#GrayContentActionLeft{width:30%; float:left}
#GrayContentActionRight{width:70%;}
#GrayContentBottomZone{ clear:both}

#DarkBgContent{ width:100%;}
#DarkTitleZone{ width:100%; height:30px; background:url(images/dark_top_bg.jpg) repeat-x}
#DarkTopLeft{ background:url(images/dark_top_left.jpg) no-repeat; float:left; width:15px; height:30px;}
#DarkTopRight{ background:url(images/dark_top_right.jpg) no-repeat; float:right;width:15px; height:30px;}
.Head{font-weight:bold; font-size:14px}
#DarkTopCenter{ float:left}
#DNNTITLE{padding:8px 0 0 5px;}
#DarkContentBottomZone{ width:100%; height:12px; font-size:1px;background:url(images/dark_bottom_bg.jpg) repeat-x}
#DarkBottomLeft{ background:url(images/dark_bottom_left.jpg) no-repeat; float:left; width:15px; height:12px;font-size:1px;}
#DarkBottomRight{ background:url(images/dark_bottom_right.jpg) no-repeat; float:right;width:15px; height:12px;font-size:1px;}
#DarkContentZone{float:left; clear:both; background:#E2E0E0; position:relative;}
#DarkContentZoneLeft{background:url(images/dark_content_left.jpg) repeat-y; position:absolute; left:0; top:0; width:17px; background:blue;height:20px}
#DarkBgContent .ContentPane{background:#E2E0E0;_background:#DEDFDE;}
#DarkContentZoneRight{background:url(images/dark_content_right.jpg) repeat-y;position:absolute; right:0;top:0;width:17px;background:blue;height:20px}

.DarkContentZoneLeft{background:url(images/dark_content_left.jpg) repeat-y;width:15px;}
.DarkContentZoneRight{background:url(images/dark_content_right.jpg) repeat-y right top;width:15px;}

#DarkContentActionLeft{width:30%; float:left}
#DarkContentActionRight{width:70%;}
#DarkContentBottomZone{ clear:both}

#WhiteBgContent{ width:94%; margin:0 auto; clear:both}
#WhiteTitleZone{ width:100%; height:32px; background:url(images/white_top_bg.jpg) repeat-x; font-size:14px}
#WhiteTopLeft{ background:url(images/white_top_left.jpg) no-repeat; float:left;  width:11px; height:32px;}
#WhiteTopRight{ background:url(images/white_top_right.jpg) no-repeat; float:right;width:11px; height:32px;}
.Head{font-weight:bold; font-size:14px}
#WhiteTopCenter{ float:left}
#DNNTITLE{padding:6px 0 0 5px;}
#WhiteContentBottomZone{ width:100%; height:12px; font-size:1px;background:url(images/white_bottom_bg.jpg) repeat-x}
#WhiteBottomLeft{ background:url(images/white_bottom_left.jpg) no-repeat; float:left; width:11px; height:8px;font-size:1px;}
#WhiteBottomRight{ background:url(images/white_bottom_right.jpg) no-repeat; float:right;width:11px; height:8px;font-size:1px;}
#WhiteContentZone{float:left; clear:both; background:#FAFAFA; position:relative;}
#WhiteContentZoneLeft{background:url(images/white_content_left.jpg) repeat-y; position:absolute; left:0; top:0; width:17px; background:blue;height:20px}
#WhiteBgContent .ContentPane{background:#FAFAFA; padding:8px 0}
#WhiteContentZoneRight{background:url(images/white_content_right.jpg) repeat-y;position:absolute; right:0;top:0;width:17px;background:blue;height:20px}

.WhiteContentZoneLeft{background:url(images/white_content_left.jpg) repeat-y;width:11px;}
.WhiteContentZoneRight{background:url(images/white_content_right.jpg) repeat-y right;width:11px;}

#WhiteContentActionLeft{width:30%; float:left}
#WhiteContentActionRight{width:70%;}
#WhiteContentBottomZone{ clear:both}

/*=======HomePage Left========*/
.Article{ width:247px; margin:0 auto; background:url(images/article1.jpg) no-repeat 0 5px; padding:0 0 0 105px;;}
#Article2{background:url(images/article2.jpg) no-repeat 0 5px;}
#Article3{background:url(images/article3.jpg) no-repeat 0 5px;}
.ArticleTitle{  height:41px; background:url(images/article_bg.jpg) no-repeat bottom; width:247px;}

/*=======Tab========*/
#TabBgContent{ width:100%; margin-bottom:10px;}
#TabTitleZone{ width:100%; height:13px; background:url(images/tab_top_bg.jpg) repeat-x; font-size:1px; line-height:1px;}
#TabTopLeft{ background:url(images/tab_top_left.jpg) no-repeat; float:left;  width:9px; height:13px;font-size:1px;}
#TabTopRight{ background:url(images/tab_top_right.jpg) no-repeat; float:right;width:9px; height:13px;font-size:1px;}

#TabTopCenter{ float:left; height:13px;font-size:1px;}
#DNNTITLE2{padding:0 0 0 5px;}

.TabContentZoneLeft{background:#E8E8E8;width:1px;}
.TabContentZoneRight{background:#E8E8E8;width:1px;}

#TabContentActionLeft{width:30%; float:left}
#TabContentActionRight{width:70%;}
#TabContentBottomZone{ clear:both}

#TabContentBottomZone{ width:100%; height:9px; font-size:1px;background:url(images/tab_bottom_bg.jpg) repeat-x}
#TabBottomLeft{ background:url(images/tab_bottom_left.jpg) no-repeat; float:left; width:9px; height:9px;font-size:1px;}
#TabBottomRight{ background:url(images/tab_bottom_right.jpg) no-repeat; float:right;width:9px; height:9px;font-size:1px;}

/*=======Tab2========*/
#Tab2BgContent{ width:100%; margin-bottom:10px;}
#Tab2TitleZone{ width:100%; height:31px; background:url(images/tab2_top_bg.jpg) repeat-x;}
#Tab2TopLeft{ background:url(images/tab2_top_left.jpg) no-repeat top left; float:left;  width:9px; height:31px;}
#Tab2TopRight{ background:url(images/tab2_top_right.jpg) no-repeat top right; float:right;width:9px; height:31px;}
#Tab2BgContent .Head{ color:#f60}
#Tab2TopCenter{ float:left; height:13px;font-size:1px;}
#DNNTITLE3{padding:7px 0 0 5px; color:#f60}

.Tab2ContentZoneLeft{background:#E8E8E8;width:1px;}
.Tab2ContentZoneRight{background:#E8E8E8;width:1px;}

#Tab2ContentActionLeft{width:30%; float:left}
#Tab2ContentActionRight{width:70%;}
#Tab2ContentBottomZone{ clear:both}

#Tab2ContentBottomZone{ width:100%; height:9px; font-size:1px;background:url(images/tab_bottom_bg.jpg) repeat-x}
#Tab2BottomLeft{ background:url(images/tab_bottom_left.jpg) no-repeat; float:left; width:9px; height:9px;font-size:1px;}
#Tab2BottomRight{ background:url(images/tab_bottom_right.jpg) no-repeat; float:right;width:9px; height:9px;font-size:1px;}

/*=============ToolPaneBug================*/
.DarkContentZoneLeft,.ToolContentPane,.DarkContentZoneRight{
	margin:0;
	padding:0;
}

#DarkContentActionLeft,#GrayContentActionRight,#WhiteContentActionLeft,#GrayContentActionRight,#GrayContentActionLeft{
	display:none;
}

/*----------------------------------------*/
#TransparentContent{ width:100%; clear:both;}
#TransparentContent .ContentPane{background:#fff;_background:#fff;}
#TransparentContentBottomZone{ clear:both}