﻿#portfolio {
				list-style: none !important;
				padding: 0 !important;
				margin: 0 !important;
				overflow:hidden;
				height: 180px !important;
}
#portfolio img {
				width: 560px !important;
				height: 175px !important;
}
#prev_button {
				margin-left: 0px ;
}
#next_button {
				margin-left: 0px ;
}
#pause_button {
				margin-left: 0px ;
}
#last_button {
				margin-left: 0px ;
}
#slide_control {
				padding: 0 !important;
				position: relative !important;
				width: 100px !important;
	/*margin: 0 -40px 0 0;*/
}
#slide_control li {
				list-style: none !important;
				float: left !important;
/*display: block;*/
}
ul#portfolio li img {
				padding: 4px !important;
				border: 0px !important;
	/*background: url('/MediaCenter/Documents/TopBanner/images/Banner-BG.png') no-repeat left top;*/
}
.fade {
				margin-bottom: 2em !important;
}
.fade p {
				background: rgb(255, 255, 255) !important;
				width: 100% !important;
				text-align: center !important;
				margin-bottom: 2em !important;
}
#slide_nav {
				background: url('/MediaCenter/Documents/TopBanner/images/news_bg.png') no-repeat 0px 50%  !important;
				padding: 0 10px !important;
				position: relative !important;
				margin: 0 -30px 0 0!important;
				width: 549px !important;
}
#slide_nav li:hover {
				cursor: pointer !important;
}
#slide_nav li {
				background-repeat: no-repeat !important;
}
ul#slide_nav {
				/*padding: 15px 7px 15px 15px;*/
				height: 30px !important;
				position: absolute !important;
				z-index: 10 !important;
}
ul#slide_nav li {
				margin: 10px 0 0 !important;
				list-style: none !important;
				padding: 2px !important;
				width: 10px !important;
				height: 9px !important;
				float: left !important;
				display: block !important;
				background-image: url("/MediaCenter/Documents/TopBanner/images/button.png" ) !important;
}
.allcontrol2 ul#slide_nav li{
				margin: 10px 0 0 !important;
				list-style: none !important;
				padding: 2px !important;
				width: 10px !important;
				height: 9px !important;
				float: left !important;
				display: block !important;
				background-image: url("/MediaCenter/Documents/TopBanner/images/button-green.png" ) !important;

} 
.allcontrol3 ul#slide_nav li{
				margin: 10px 0 0 !important;
				list-style: none !important;
				padding: 2px !important;
				width: 10px !important;
				height: 9px !important;
				float: left !important;
				display: block !important;
				background-image: url("/MediaCenter/Documents/TopBanner/images/button-red.png" ) !important;

} 
.allcontrol4 ul#slide_nav li{
				margin: 10px 0 0 !important;
				list-style: none !important;
				padding: 2px !important;
				width: 10px !important;
				height: 9px !important;
				float: left !important;
				display: block !important;
				background-image: url("/MediaCenter/Documents/TopBanner/images/button-yellow.png" ) !important;

} 
ul#slide_nav li#button_selected {
				background-image: url("/MediaCenter/Documents/TopBanner/images/button_selected.png") !important;
}
#pause_button {
				cursor: pointer;
}
.prev_button {
				cursor: pointer;
}
.next_button {
				cursor: pointer ;
}
#first_button {
				cursor: pointer ;
}
#last_button {
				cursor: pointer ;
}
#pause_button {
				top: 0px;
				overflow: hidden ;
				background-repeat: no-repeat ;
}
.prev_button {
				top: 0px;
				overflow: hidden;
				background-repeat: no-repeat ;
}
.next_button {
				top: 0px ;
				overflow: hidden ;
				background-repeat: no-repeat ;
}
#first_button {
				top: 0px ;
				overflow: hidden ;
				background-repeat: no-repeat;
}
#last_button {
				top: 0px;
				overflow: hidden;
				background-repeat: no-repeat ;
}
#water_mark {
				top: 0px ;
				overflow: hidden ;
				background-repeat: no-repeat ;
}
#first_button {
				left: 354px ;
				width: 34px ;
				height: 29px ;
				background-image: url("/MediaCenter/Documents/TopBanner/images/first.png") ;
}
#first_button:hover {
				background-image: url("/MediaCenter/Documents/TopBanner/images/first_hover.png") ;
}
#last_button {
				left: 474px ;
				width: 34px ;
				height: 29px ;
				background-image: url("/MediaCenter/Documents/TopBanner/images/last.png");
}
#last_button:hover {
				background-image: url("/MediaCenter/Documents/TopBanner/images/last_hover.png") ;
}
#nex_prev_buttons {
				left: 0px ;
				position: absolute ;
				z-index: 5000 ;
}
#next_button {
				left: 443px ;
				width: 31px ;
				height: 29px ;
				background-image: url("/MediaCenter/Documents/TopBanner/images/next.png");
}
.allcontrol2 #next_button{
				left: 443px ;
				width: 31px ;
				height: 29px ;
				background-image: url("/MediaCenter/Documents/TopBanner/images/next-green.png");
}

.allcontrol3 #next_button{
				left: 443px ;
				width: 31px ;
				height: 29px ;
				background-image: url("/MediaCenter/Documents/TopBanner/images/next-red.png");
}

.allcontrol4 #next_button{
				left: 443px ;
				width: 31px ;
				height: 29px ;
				background-image: url("/MediaCenter/Documents/TopBanner/images/next-yellow.png");
}
#next_button:hover {
				background-image: url("/MediaCenter/Documents/TopBanner/images/next_hover.png");
}
.allcontrol2 #next_button:hover{
				background-image: url("/MediaCenter/Documents/TopBanner/images/next_hover-green.png");
}

.allcontrol3 #next_button:hover{
				background-image: url("/MediaCenter/Documents/TopBanner/images/next_hover-red.png");
}
.allcontrol4 #next_button:hover{
				background-image: url("/MediaCenter/Documents/TopBanner/images/next_hover-yellow.png");
}
#prev_button {
				left: 388px;
				width: 31px;
				height: 29px ;
				background-image: url("/MediaCenter/Documents/TopBanner/images/prev.png") !important;
}
.allcontrol2 #prev_button{
				left: 388px;
				width: 31px;
				height: 29px ;
				background-image: url("/MediaCenter/Documents/TopBanner/images/prev-green.png") !important;
	
}

.allcontrol3 #prev_button{
				left: 388px;
				width: 31px;
				height: 29px ;
				background-image: url("/MediaCenter/Documents/TopBanner/images/prev-red.png") !important;
	
}
.allcontrol4 #prev_button{
				left: 388px;
				width: 31px;
				height: 29px ;
				background-image: url("/MediaCenter/Documents/TopBanner/images/prev-yellow.png") !important;
	
}
#prev_button:hover {
				background-image: url("/MediaCenter/Documents/TopBanner/images/prev_hover.png") !important;
}
.allcontrol2 #prev_button:hover{
				background-image: url("/MediaCenter/Documents/TopBanner/images/prev_hover-green.png") !important;
}

.allcontrol3 #prev_button:hover{
				background-image: url("/MediaCenter/Documents/TopBanner/images/prev_hover-red.png") !important;
}
.allcontrol4 #prev_button:hover{
				background-image: url("/MediaCenter/Documents/TopBanner/images/prev_hover-yellow.png") !important;
}
.pause_button {
				left: 419px ;
				width: 24px ;
				height: 29px ;
				background-image: url("/MediaCenter/Documents/TopBanner/images/pause.png") !important;
}
.allcontrol2 .pause_button{
				left: 419px ;
				width: 24px ;
				height: 29px ;
				background-image: url("/MediaCenter/Documents/TopBanner/images/pause-green.png") !important;	
}

.allcontrol3 .pause_button{
				left: 419px ;
				width: 24px ;
				height: 29px ;
				background-image: url("/MediaCenter/Documents/TopBanner/images/pause-red.png") !important;	
}
.allcontrol4 .pause_button{
				left: 419px ;
				width: 24px ;
				height: 29px ;
				background-image: url("/MediaCenter/Documents/TopBanner/images/pause-yellow.png") !important;	
}
.pause_button:hover {
				background-image: url("/MediaCenter/Documents/TopBanner/images/pause_hover.png") !important;
}
.paused_button {
				left: 419px;
				width: 24px;
				height: 29px ;
				background-image: url("/MediaCenter/Documents/TopBanner/images/play.png") ;
}
.paused_button:hover {
				background-image: url("/MediaCenter/Documents/TopBanner/images/play_hover.png") ;
}
#hover_next_button {
				top: 35px;
				width: 77px ;
				height: 125px ;
				overflow: hidden ;
				z-index: 6000 ;
				background-repeat: no-repeat ;
}
#hover_prev_button {
				top: 35px ;
				width: 77px ;
				height: 125px ;
				overflow: hidden;
				z-index: 6000 ;
				background-repeat: no-repeat;
}
#hover_next_button span {
}
#hover_next_button {
				background-position: 21px 35px ;
				padding: 30px 0px 30px 30px ;
				right: 0px;
				background-image: url("/MediaCenter/Documents/TopBanner/images/hover_next.png") ;
}
#hover_prev_button {
				background-position: 8px 35px ;
				padding: 30px 30px 30px 0px ;
				left: 0px !important;
				background-image: url("/MediaCenter/Documents/TopBanner/images/hover_prev.png");
}
#allcontrol {
				width: 540px !important;
				overflow: hidden !important;
				margin-left:30px;
				margin-right:30px;
				height: 30px !important;	
				/*top: 192px;
				position: absolute;*/
}
#nav_dots {
				/*float: left !important;*/
}
#control_btns {
				display:none;
				position: relative !important;
				z-index: 11 !important;
				height:100px !important;
				/*float: right !important;*/
				width: 100px !important;
}
.StatisticsCSS {
				background: url('/MediaCenter/Documents/TopBanner/images/2.jpg') no-repeat !important;
				width: 560px !important;
				direction: ltr !important;
				height: 175px !important;
				color: #4599DF !important;
				font: normal 14px verdana !important;
}
#StatisticsLayer {
				padding: 0 !important;
				margin: 4px 4px 0 0 !important;
}
.divL01 {
				width: 564px !important;
				height: 180px !important;
}
.divL03 {
				width: 560px !important;
				min-height: 230px;
}
.divL02 {
				width: 560px !important;
				height: 200px !important;
}
.num01 {
				width: 100px !important;
				float:right !important;
				height: 20px !important;
				/*margin: 26px 110px 0 0 !important;*/
				margin: 35px 110px 0 0 !important;
				font:normal 15px tahoma !important;
				text-align: right !important;
}
.num02 {
				width: 100px !important;
				height: 40px !important;
				float:right !important;
				margin: 20px 120px 5px 0 !important;
				font:normal 15px tahoma !important;
				text-align: right !important;
}
.num03 {
				width: 80px !important;
				height: 40px !important;
				margin: 10px 175px 0 0 !important;
				font:normal 15px tahoma !important;
				text-align: right !important;
}
.num04 {
				width: 100px !important;
				height: 20px !important;
				float:right !important;
				margin: 0 110px 18px 0 !important;
				font:normal 15px tahoma !important;
				text-align: right !important;
}
.num05 {
				width: 80px !important;
				height: 20px !important;
				margin: 0 150px 18px 0 !important;
				font:normal 15px tahoma !important;
				text-align: right !important;
}
