/*
	CSS For Body part
*/
body{ margin: 0px auto; padding:0px; background:WindowFrame; text-align:center}
a{ text-decoration:none;}

/*
	Header, LOGO and Dock Panel
*/
#Header{background: url("../images/bg_banner.png") left bottom;position:relative;height:82px;}
#Header .Logo{
	width:76px;height:72px; margin: 6px 0px 0px 6px;
	background: url(../images/logo.png) no-repeat;
	background: expression("");
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.png', sizingMethod='scale');
}

/*
	Search Text Box 
*/
.SearchBox{	border:outset 1px #000000;background:white;margin:1px 6px 0px 0px;padding: 1px 2px;}
.SearchBox .SearchIcon{background: url("../images/icon_search.gif") no-repeat center left;padding-left: 19px;}
.SearchBox .SearchText{border: 0px;	padding: 0; width: 300px;}

/*
	DockPanel, DockBar, TabContainer( Active tab, inactive tab)
*/
#Header .DockBar{position:absolute;bottom: 0px; right:0px; padding-right: 6px;font-family: Tahoma, Arial;color: white;font-size: 12px;font-weight:bold;}

#Header .DockBar .ActiveTab{float: right;margin-left: 2px; color:white; width:80px}
#Header .DockBar .ActiveTab .TabLeft{background: url("../images/L_active_button.gif") no-repeat left top;padding: 0px 0px 0px 9px;}
#Header .DockBar .ActiveTab .TabRight{background: url("../images/R_active_button.gif") no-repeat right top;padding: 0px 9px 0px 0px;}
#Header .DockBar .ActiveTab .TabMiddle{background: url("../images/Mid_active_button.gif") repeat-x top;cursor: pointer; text-align:center; padding: 6px 0px}

#Header .DockBar .InactiveTab{float: right;margin-left: 2px; color:white; width:80px;}
#Header .DockBar .InactiveTab .TabLeft{background: url("../images/L_button.gif") no-repeat left top;padding: 0px 0px 0px 9px;}
#Header .DockBar .InactiveTab .TabRight{background: url("../images/R_button.gif") no-repeat right top;padding: 0px 9px 0px 0px;}
#Header .DockBar .InactiveTab .TabMiddle{background: url("../images/Mid_button.gif") repeat-x top; cursor: pointer; text-align:center; padding: 6px 0px}

/*
	Menubar is consist of Menus that are Categories.
*/
#MenuBar{padding: 1px 10px; border-width: 0px 1px 1px 1px;border-color:#efd5f0;border-style: solid;font-family:Tahoma;text-transform: uppercase;font-weight: bold;font-size:10px;background: url("../images/gradient_control.gif") repeat-x top left;}
#MenuBar .ActiveMenuItem{padding: 4px 3px;color: white;float:left;cursor: pointer;}
#MenuBar .InactiveMenuItem{padding: 4px 3px;color: #fff7f9;float:left;cursor: pointer;}
#MenuBar .Separator{padding: 4px 3px;color: #dc1298;float:left;}

/*
	body Content
*/
.BodyCotent{
	background: white;
	width: 980px;
	text-align:left;
	margin:auto;
}

/*
	Category Container 
	Category Item....
*/

#CategoryContainer{float:left;width: 726px; padding: 0px 0px 0px 0px;}
#CategoryContainer .CategoryItem{margin-top: 3px;}
#CategoryContainer .CategoryItem .CategoryName{background:transparent url(/images/bar_bg.gif) repeat-x scroll left bottom; width: 712px; font-family:tahoma; font-weight:bold; font-size: 10px; text-transform: uppercase;padding: 3px 7px; color:white; text-align:left;}
#CategoryContainer .CategoryItem .CategoryName a{color: white;}
#CategoryContainer .CategoryItem .CategoryContent{font-family: Tahoma; font-size: 14px;padding: 0px 5px; background: white;}

#CategoryContainer .CategoryItem .CategoryContent .News{width: 542px; float:left;}
#CategoryContainer .CategoryItem .CategoryContent .News .NewsImage{width: 100px; height: 80px; border: 1px solid #A5A5A5; float:left; margin-top: 5px;}
#CategoryContainer .CategoryItem .CategoryContent .News .NewsContent{float:left; width: 440px;}
#CategoryContainer .CategoryItem .CategoryContent .News .NewsTitle a{margin-left: 10px; color:#d93657; font-size:13px; text-transform: none;font-family: Tahoma;font-weight:bold;}
#CategoryContainer .CategoryItem .CategoryContent .News .NewsDate{margin-left: 10px; color:#aaaaaa; font-size:11px; font-weight:normal;}
#CategoryContainer .CategoryItem .CategoryContent .News .NewsAbtract{margin-left: 10px; margin-right:0px; margin-top: 5px;font-family:Tahoma;font-size: 13px}
#CategoryContainer .CategoryItem .CategoryContent .RelateNews{float: right; width: 162px;}
#CategoryContainer .CategoryItem .CategoryContent .RelateItem{background: url(../images/bullet.PNG) no-repeat center left; padding: 0px 5px 5px 20px; }
#CategoryContainer .CategoryItem .CategoryContent .RelateItem a{color: #ca0085}

#CategoryContainer .CategoryItem .CategoryContent .NewsNotRelate{}
#CategoryContainer .CategoryItem .CategoryContent .NewsNotRelate .NewsImageBoundary{float:left;}
#CategoryContainer .CategoryItem .CategoryContent .NewsNotRelate .NewsImageBoundary .NewsImage{width: 120px; height: 80px; border: 1px solid #A5A5A5; margin-top: 3px}
#CategoryContainer .CategoryItem .CategoryContent .NewsNotRelate .NewsContent{width: 590px; float:left;}
#CategoryContainer .CategoryItem .CategoryContent .NewsNotRelate .NewsTitle a{margin-left: 0px; color:#d93657; font-size:15px; font-weight:bold;}
#CategoryContainer .CategoryItem .CategoryContent .NewsNotRelate .NewsDate{margin-left: 0px; color:#aaaaaa; font-size:11px; font-weight:normal; margin-bottom: 5px; margin-top: 2px;}
#CategoryContainer .CategoryItem .CategoryContent .NewsNotRelate .NewsDate .Category_Shortcut{background:#aaaaaa; color:white; font-weight: bold;text-transform: uppercase; font-size: 10px}
#CategoryContainer .CategoryItem .CategoryContent .NewsNotRelate .NewsDate .Category_Shortcut:hover{color:#ca0085;}
#CategoryContainer .CategoryItem .CategoryContent .NewsNotRelate .NewsAbtract{	margin-left: 6px; margin-right:7px; margin-top: 0px;}

.paging .command, .paging a.command {
	background-image:url(../images/bg_btn_number.gif);
	border:1px solid #CCCCCC;
	color:#666666;
	padding-left:5px;
	padding-right:5px;
	text-decoration:none;
}
.paging .current, .paging a.current{
	background-image:url(../images/bg_btn_number.gif);
	color:#CA0085;
	padding-left:5px;
	padding-right:5px;
	text-decoration:none;
}
/*
	Component Container and Components' Stylesheet	
*/
#ComponentContainer{float:right;width: 236px; padding: 0px 0px 0px 0px;}
#ComponentContainer .Component{ margin-top: 3px;}
#ComponentContainer .Component .ComponentTitle{border-bottom: solid 2px #cf3453; background: #F3F8F9; padding: 2px 0px; text-align:center; font-family:Tahoma;font-weight:bold; font-size: 10px; text-transform: uppercase;}
#ComponentContainer .Component .ListItem{padding: 6px; background: #F3F8F9 none repeat scroll 0 0}
#ComponentContainer .Component .Item{margin-bottom: 6px;}
#ComponentContainer .Component .ItemThumbmailImage{float:left; margin: 0px 6px 0px 0px; border: solid 1px #c1c0c1; padding: 2px;}
#ComponentContainer .Component .ItemContent{float:left; width:170px; font-weight:normal;color:#d93657; font-family:Tahoma; font-size:12px;}
#ComponentContainer .Component .Extend{color: #7f3265; text-align:right; font-size:13px;font-family:Tahoma;}


/*
	Footer
*/
.Footer{border-top: solid 5px; background: #cf3453;color:#ffffff; font-family:Tahoma; font-size: 13px;text-align:center;padding: 5px 0px;margin-top: 5px;}
.Histats{margin-top:0; padding:1px 0; text-align:center;}