.news{ float:left; width:28%; height:500px; margin-right:2%; overflow:hidden;}
.events{float:left; width:28%; height:450px; margin-right:2%;}
.events p{font-size:13px;}
.news3 li {overflow:hidden;position:relative;padding:0 0 20px 70px; width:100%;   margin-left:0; font-family: @Arial Unicode MS;  font-size:12px; font-weight:normal; color:#4390DF; line-height:12px;}
.news3 li:last-child {padding-bottom:0;}
.news3 p{ margin-top: 4px; color:#4390DF; line-height:15px;}
.news3 p a{ color:#000; -webkit-transition: all 0.3s ease-out;   -moz-transition: all 0.3s ease-out;   -ms-transition: all 0.3s ease-out;    -o-transition: all 0.3s ease-out;    transition: all 0.3s ease-out;}
.news3 p a:hover{ color:#666;}
.news3 li figure {width:59px; min-height:62px; 
                  background:url(images/date-bg1.gif) no-repeat 0 0; position:absolute; 
                  left:0; top:0; margin-top:-3px; margin-left:-4px;  text-align:center;
                   border:3px solid #ebebeb; border-radius:4px; -moz-border-radius:4px; 
                   -webkit-border-radius:4px; font-size:10px;color:#fff; text-transform:uppercase;}
                   
.news3 li figure strong {display:block; font-size:17px; line-height:1.5em; margin-bottom:-7px; padding-top:4px;}

.news3 li:nth-of-type(4n+2) figure { background:url(images/date-bg2.gif) no-repeat 0 0;}
.news3 li:nth-of-type(4n+3) figure {background:url(images/date-bg3.gif) no-repeat 0 0;}
.news3 li:nth-of-type(4n+4) figure {background:url(images/date-bg4.gif) no-repeat 0 0;}
.content_news{margin:0 0 0 0; width:100%; height:450px; padding:10px 8px 10px 0 ; overflow:auto; background:#fff;}
.content_events{margin:0 0 0 0; width:100%; height:450px; padding:10px 8px 10px 0 ; overflow:auto; background:#fff;}
.listview-outlook {
	display: block; position: relative;
}
.listview-outlook .list {
	margin: 0px 0px 10px; border: 4px solid transparent; border-image: none; width: 300px; height: auto; color: inherit; display: block; position: relative; cursor: pointer;
}
.listview-outlook .list .list-content {
	padding: 10px; color: inherit; display: block; position: relative;
}
.listview-outlook .list .list-content::before {
	display: table; content: "";
}
.listview-outlook .list .list-content::after {
	display: table; content: "";
}
.listview-outlook .list .list-content::after {
	clear: both;
}
.listview-outlook .list:hover {
	outline: rgb(204, 204, 204) solid 3px;
}
.listview-outlook .list:active {
	outline: rgb(62, 62, 62) solid 3px;
}
.listview-outlook .list {
	border: 1px solid rgb(234, 234, 234); border-image: none;
}
.listview-outlook .list .list-content .icon {
	width: 56px; height: 56px; font-size: 40px; margin-right: 10px; float: left; display: block;
}
.listview-outlook .list .list-content [class*='icon-'].icon {
	padding: 8px;
}
.listview-outlook .list .list-content .data {
	margin: 0px 0px 0px 66px; padding: 0px; display: block; position: relative; min-width: 200px;
}
.listview-outlook .list .list-content .list-title {
	margin: 0px; padding: 0px; overflow: hidden; display: block; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.listview-outlook .list .list-content .list-remark {
	margin: 0px; padding: 0px; overflow: hidden; display: block; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.listview-outlook .list .list-content .list-title {
	line-height: 16px; font-size: 13px; text-decoration: none;
}
.listview-outlook .list .list-content .list-remark {
	line-height: 12px; font-size: 11px;
}
.listview-outlook .list .list-content [class*='span'] {
	float: none;
}
.listview-outlook .list .list-content .rating {
	color: inherit;
}
.listview-outlook .list .list-content .progress-bar {
	margin: 5px 0px;
}
.small.listview-outlook .list-content .icon {
	width: 32px; height: 32px; line-height: 14px; font-size: 28px; margin-right: 10px; float: left; display: block;
}
.small.listview-outlook .list-content [class*='icon-'].icon {
	padding: 8px 0px;
}
.small.listview-outlook .list-content [class*='icon-'].border {
	padding: 8px 4px; font-size: 22px;
}
.small.listview-outlook .list-content .data {
	margin-left: 40px;
}
.listview-outlook .selected.list {
	border: 4px solid rgb(67, 144, 223); border-image: none;
}
.listview-outlook .selected.list::after {
	top: 0px; right: 0px; border-top-color: rgb(67, 144, 223); border-left-color: transparent; border-top-width: 28px; border-left-width: 28px; border-top-style: solid; border-left-style: solid; display: block; position: absolute; z-index: 101; content: "";
}
.listview-outlook .selected.list::before {
	top: 0px; right: 0px; color: rgb(255, 255, 255); font-family: "metroSysIcons"; font-size: 9pt; font-weight: normal; display: block; position: absolute; z-index: 102; content: "\e003";
}
.listview-outlook .list {
	border-width: 0px 0px 1px; border-style: none none solid; border-color: currentColor currentColor rgb(211, 211, 211); padding: 2px 0px; border-image: none; width: 100%; color: rgb(0, 0, 0); margin-bottom: 0px; display: block;
}
.listview-outlook .list .list-content {
	margin: 2px 0px; padding: 2px 20px; color: inherit; font-family: "Segoe UI_", "Open Sans", Verdana, Arial, Helvetica, sans-serif; font-size: 14px; border-left-color: transparent; border-left-width: 3px; border-left-style: solid;
}
.listview-outlook .list .list-content .list-title {
	width: 100%; color: inherit; overflow: hidden; display: block; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.listview-outlook .list .list-content .list-subtitle {
	width: 100%; color: inherit; overflow: hidden; display: block; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.listview-outlook .list .list-content .list-remark {
	width: 100%; color: inherit; overflow: hidden; display: block; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.listview-outlook .list .list-content .list-title {
	line-height: 20px; font-size: 13px;
}
.listview-outlook .list .list-content .list-subtitle {
	color: rgb(204, 204, 204); line-height: 15px; font-size: 11px; font-weight: normal;
}
.listview-outlook .list .list-content .list-remark {
	color: rgb(204, 204, 204); line-height: 15px; font-size: 11px; font-weight: normal;
}
.listview-outlook .list .list-content .list-subtitle {
	color: rgb(67, 144, 223); font-weight: bold;
}
.listview-outlook .marked.list .list-content {
	border-left-color: rgb(0, 103, 176) !important; border-left-width: 3px !important; border-left-style: solid !important;
}
.listview-outlook .list:active {
	outline: rgb(153, 153, 153) dotted 1px; color: rgb(85, 85, 85) !important; background-color: rgb(205, 230, 247) !important;
}
.listview-outlook .list:focus {
	outline: rgb(153, 153, 153) dotted 1px; color: rgb(85, 85, 85) !important; background-color: rgb(205, 230, 247) !important;
}
.listview-outlook .active.list {
	outline: rgb(153, 153, 153) dotted 1px; color: rgb(85, 85, 85) !important; background-color: rgb(205, 230, 247) !important;
}
.listview-outlook .list:hover {
	background-color: rgb(190, 190, 190);
}
.listview-outlook .list:hover .list-content {
	border-left-color: rgb(67, 144, 223); border-left-width: 3px; border-left-style: solid;
}
.listview-outlook .list-group {
	display: block; position: relative;
}
.listview-outlook .list-group .group-title {
	padding: 4px 20px 4px 24px; color: rgb(0, 0, 0); font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; margin-bottom: 2px; display: block; background-color: rgb(211, 211, 211);
}
.listview-outlook .list-group .group-title::before {
	left: 10px; top: 1px; width: 0px; height: 0px; border-top-color: transparent; border-bottom-color: black; border-left-color: transparent; border-top-width: 7px; border-bottom-width: 7px; border-left-width: 7px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; display: block; position: absolute; content: "";
}
.listview-outlook .list-group .group-content {
	display: block;
}
.listview-outlook .collapsed.list-group .group-title::before {
	margin-left: -4px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg);
}
.listview-outlook .list-group .group-title:hover::before {
	border-bottom-color: rgb(0, 103, 203);
}
.listview-outlook .list-content .list-icon {
	width: 48px; margin-top: 5px; margin-right: 10px; float: left; max-height: 48px;
}