
.help,
.alert{
	margin:15px 0;
	display:block;
	padding:10px 10px 10px 40px
}
.help{
	color:#1C6B8B;
	border:1px solid #6ABCE2;
	border-left-width:5px;
	background:url(../images/icon-help.png) 10px 10px no-repeat #A8CDE3
}
.alert{
	color:#CF3738;
	border:1px solid #FFACAD;
	border-left-width:5px;
	background:url(../images/icon-alert.png) 10px 50% no-repeat #FFD5D5
}
.clear{
	clear:both
}
/* ----- Pro Slide Style ----- */
.proslide{
	margin:0;
	padding:0;
	display:block;
	line-height:20px;
	position:relative;
	background-color:#EFEFEF;
	font-family:Tahoma, Geneva, sans-serif;
	border:1px solid #999;
}
.proslide .outer{
	top:0;
	z-index:100;
	width:300px;
	height:300px;
	display:block;
	overflow:hidden;
	position:absolute
}
.proslide .navi{
	margin:0;
	padding:0;
	display:block;
	position:relative;
	list-style-type:none
}
.proslide .navi li.item{
	margin:0;
	padding:0;
	clear:both;
	height:100px;
	display:block;
	cursor:pointer;
	background:none;
	position:relative
}
.proslide .navi li.item div.inside{
	clear:both;
	width:250px;
	height:100px;
	display:block;
	position:relative;
	background:url(../images/line.png) repeat-x 0 100% #406AA8
}


.proslide .navi li.item div.inside img{
	float:left;
	width:70px;
	height:60px;
	margin:10px;
	padding:3px;
	background:#000
}

.proslide .navi li.item div.inside a:link, .proslide .navi li.item div.inside a:visited{
	display:block;
	float:left;
	margin:5px 0;
	display:block;
	font-size:12px;
	color:#FFF;
	width:145px;
}

.proslide .navi li.item div.inside span.title{
	color:#000;
	float:left;
	margin:5px 0;
	display:block;
	font-size:12px;
	font-weight:bold;
	position:relative
}
.proslide .navi li.item div.inside p.intro{
	margin:0;
	padding:0;
	color:#000;
	float:left;
	height:60px;
	width:130px;
	display:block;
	font-size:11px;
	overflow:hidden;
	position:relative
}
.proslide .navi li.active div.inside{
	background:url(../images/line.png) repeat-x 0 100% #406AA8
}
.proslide .navi li.active div.inside img{
	background:#FFF
}
.proslide .navi li.active div.inside,
.proslide .navi li.active div.inside p.intro,
.proslide .navi li.active div.inside span.title{
	color:#FFF
}
.proslide .show,
.proslide .show div.slide{
	width:550px;
	height:300px;
	display:block;
	overflow:hidden;
	position:relative
}

.proslide .show div.slide .brief{
	width:376px;
	height:100px;
	display:block;
	overflow:hidden;
	position:absolute;
	margin-top:-100px;
	background-color:#CCC;
	margin-right:154px;
	padding:10px;
	opacity: 0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	direction:rtl;
	font-family:arial; font-size:22px;
	font-weight:bold;
	text-align:center;
}

.proslide .show div.slide .brief a:link, .proslide .show div.slide .brief a:visited{
	color:#000;
}

.proslide .show div.slide img{ width:400px; height:300px; margin-right:150px;}