/*----------- Menu-Top --------------*/
#TopBar_Box {
	padding: 0px;
	height: 35px;
	width: 100%;
	background:#f1f1f1;
}


#MnuTopBar {
	float:left;
	width:100%;
	height:35px;
	/* background:url(../../tool/images/mainmenu_04.gif); */
	font-family: Tahoma;
	font-size: 12px;	
}

.MnuTop_LeftSide {
	float: left;
	width: 400px;
	height: 35px;
	display:none;
}

.MnuTop_RightSide {
	float:right;
	width:380px;
	height:35px;
}

#MnuTopBar_logo {
	float:left;
	width:154px;
	height:35px;
	background:url(../../tool/images/logo_csz_topbar.gif);
}

.MnuTopBar_IconInbox {
	padding-left:10px;
	padding-right:10px;
	width:70px;
	height:35px;
	background:url(../../tool/images/icon_email.png) no-repeat center;
}

.MnuTopBar_IconUser {
	float:left;
	padding-left:28px;
	width:38px;
	height:35px;
}

.MnuTopBar_IconAlert {
	float:left;
	padding-left:10px;
	padding-right:10px;
	width:60px;
	height:35px;
	background:url(../../tool/images/icon_bell.png) no-repeat center;
}

.MsgNewRed {
	margin-top:3px;
	float:right;
	padding:3px;
	background:#ff0000;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 0 0 2px #888;
	-webkit-box-shadow: 0 0 2px#888;
	box-shadow: 0 0 2px #888;
	color:#ffffff;
	font-family:Tahoma;
	font-size:11px;
	text-align:center;
}

#mnutopbar_user {
	float:left;
	height:35px;
	line-height:35px;
}

.MnuTopBar_UserName {
	float: left;
	width: 180px;
	height: 35px;
	line-height: 35px;
}

.MnuTopBar_IconBox {
	float:left;
	width:40px;
	height:35px;
}

.MnuTopBar_IconUser {
	float:left;
	padding-left:22px;
	width:40px;
	height:35px;
}

.MnuTopBar_MessageInbox {
	float:left;
	width:97px;
	height:35px;
	line-height:35px;
}

.MnuTopBar_IconCorrect {
	float:left;
	padding-left:18px;
	width:53px;
	height:35px;
}

.MnuTopBar_EditMember {
	float:left;
	width:55px;
	height:35px;
	line-height:35px;
}

.MnuTopBar_EditHome {
	float:left;
	width:65px;
	height:35px;
	line-height:35px;
}

.MnuTopBar_IconLock {
	float:left;
	padding-left:20px;
	width:52px;
	height:35px;
}

.MnuTopBar_TxtBox {
	float:left;
	padding-left:5px;
	padding-right:15px;
	height:35px;
	line-height:35px;
}

.MnuTopBar_LogOff {
	float:left;
	width:70px;
	height:35px;
	line-height:35px;
}

.MnuTopBarBttn {
	float:left;
	height:34px;
	cursor:pointer;
	background:url(../../tool/images/mainmenu_07.gif) no-repeat right center;
}

.MnuTopBarBttn:hover {
	background:#1c1a1c;
	color:#ffffff;
}

.MnuTopBarBttn2 {
	float:left;
	height:34px;
	cursor:pointer;
	background:url(../../tool/images/mainmenu_07.gif) no-repeat right center;
}

.BannerBox {
	margin-left:auto;margin-right:auto;
	width:680px;
}

.rbox {
	margin-left:auto;
	margin-right:auto;
	width:400px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	clear:both;
	padding-top:20px;
}

.rbox a {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	color:#2691ce;
}

.rbox a:hover {
	color:#ff7800;
	text-decoration:none;
}

.rbox img {
	max-width:400px;
}

.rpost {
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	width:420px;
}




/*------------- Topbar DropDown Message Menu -------------*/
#dropbox {
	z-index:999;
	/* width: 434px; */
	height: 580px;
}

#dropboxa {
	margin-left:409px;
	width: 20px;
	height: 10px;
}

#dropbox0 {
	/* width: 434px; */
	height: 9px;
	line-height: 9px;
	border-bottom: #c1c1c1 solid 1px;
}

#dropbox1 {
	-moz-border-radius: 0px;
	border-radius: 0px;
	-moz-box-shadow: 0 0 5px #b9b9b9;
	-webkit-box-shadow: 0 0 5px#b9b9b9;
	box-shadow: 0 0 5px #b9b9b9;
	background:#ffffff;
}

#dropbox2 {
	padding-left:10px;
	width:432px;
	height:30px;
	line-height:30px;
	border-bottom:#dddddd solid 1px;
	font-family:Tahoma;
	font-size:13px;
	font-weight:bold;
	border-left: #c1c1c1 solid 1px;	
	border-right: #c1c1c1 solid 1px;	
	border-bottom: #c1c1c1 solid 1px;	
}

#dropbox3 {
	width: 432px;
	height: 507px;
	border-left: #c1c1c1 solid 1px;	
	border-right: #c1c1c1 solid 1px;
	overflow-y:auto;	
}

#dropbox4 {
	width: 432px;
	height: 31px;
	line-height:31px;
	text-align:center;
	border: #c5c5c5 solid 1px;
	background:#f6f7f8;
}

#dropbox4 a {
	font-family:Tahoma;
	font-size:13px;
	font-weight:bold;
	color:#3b5998;
	text-decoration:none;
}

#dropbox4 a:hover {
	text-decoration:underline;
}

/*------------- End Topbar DropDown Message Menu -------------*/



/*------------- DropDown Alert Content -------------*/
.alrt {
	width:412px;
	border-bottom:#dddddd solid 1px;
	cursor:pointer;
}

.alrt:hover {
	background:#f8f8f8;
}

.alrt1 {
	float:left;
	padding-left:8px;
	width:66px;
	height:58px;	
	padding-top:7px;
}

.alrt1 img {
	max-width:50px;;
	max-height:50px;
}

.alrt2 {
	float:left;
	padding-top:7px;
	padding-bottom:7px;
	padding-right:20px;
	width:346px;
	font-family:Tahoma;
	font-size:12px;	
	word-wrap:break-word;
}

.alrt2 span {
	color:#999999;
	font-family:Tahoma;
	font-size:12px;	
}

.alrtnew {
	background:#fffbe6;
}

/*------------- End DropDown Alert Content -------------*/



@media only screen and (max-width:787px) {

	#dropbox {
		margin-left:200px;
		margin-top:-10px;
	}
	
	#dropboxa {
		display:none;
	}
	
}

@media only screen and (max-width:587px) {

	#dropbox {
		margin-left:270px;
	}
	
}

@media only screen and (max-width:517px) {
	
	#MnuTop_RightSide {
		width:auto;	
	}
	
	#mnutopname_edituser {
		display:none;	
	}
	
	#mnutopname_logoff {
		display:none;	
	}

	#dropbox {
		width:100%;
		margin:0;
		margin-top:-10px;
	}
	
	#dropbox2 {
		width:auto;
	}
	
	#dropbox3 {
		width:auto;
	}
	
	#dropbox4 {
		width:auto;
	}
	
	.alrt {
		width:auto;
	}
	
	.alrt2 {
		float:none;
		margin-left:66px;
	}
	
}