.video_layout, .video_layout_player, .video_player.kraft_player{
	width:614px;
	height:338px;
}
.video_layout {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : normal;
	margin:auto;
	position : relative;
	-webkit-user-select:none;
	-moz-user-select:none;
	-o-user-select:none;
	-xv-user-select:none;
	-ms-user-select:none;
	-khtml-user-select:none;
	user-select:none;
}
.video_layout_player {
	position : relative;
}
.video_player.kraft_player {
	padding : 0 !important;
	margin : 0 !important;
	background:#000;
	position:relative;
}
.video_player.kraft_player .video_controls {
	position: absolute;
	width:auto !important;
	z-index:100;
	bottom:10px;
	left:82px;
	right:10px;
	height:32px;
	padding-right:1px;
	background : #111b1c;
	border-radius:5px;
}
.video_player.kraft_player .play_btn {
	display : block;
	width : 65px;
	height : 40px;
	position : absolute;
	bottom : 0px;
	left : -72px;
	z-index : 12;
	background : url(images/play-icon.png) 0 0 no-repeat;
	cursor : pointer;
	border-radius:2px;
}
.video_player.kraft_player .play_btn.hover {
	background : url(images/play-icon.png) 0 -40px no-repeat;
}
.video_player.kraft_player .pause {
	background : url(images/play-icon.png) 0 -80px no-repeat;
}
.video_player.kraft_player .pause.hover {
	background : url(images/play-icon.png) 0 -120px no-repeat;
}
.video_player.kraft_player .play_btn.hover {
	background : url(images/play-icon.png) 0 0 no-repeat;
}
.video_player.kraft_player .pause .hover {
	background : url(images/play-icon.png) 0 -72px no-repeat;
}
.seek_space {
	position : relative;
	height : 8px;
	margin:12px 42px 12px 10px;
	z-index:11;
}
.video_player.kraft_player .video_seek {
	position : absolute;
	width : 100%;
	height : 8px;
	cursor : pointer;
	z-index : 20;
	top:0px;
}
.video_player.kraft_player .video_seek_frame{
	position : absolute;
	width : 100%;
	height : 10px;
	
	cursor : pointer;
	z-index : 11;
	top:-2px;
	left:-2px;
	padding-left:2px;
	border:#898f8f 1px solid;
	
}
.video_player.kraft_player .video_seek .ui-slider-handle {
	background :#000;
	width : 2px;
	height : 8px;
	margin-left:1px;
	cursor : pointer;
	margin-top:-1px;
	display:none !important;
}
.video_player.kraft_player .video_seek_buffer {
	height : 8px;
	position : absolute;
	left : 0;
	top : 0;
	background:#666666;
	width:auto;
}
.video_player.kraft_player .video_seek .ui-slider-range {
	background:#c42700;
}
.video_seek .ui-slider-handle, .video_seek .ui-slider-handle:hover {
}
.ui-slider-handle {
	position : absolute;
	z-index : 12;
	display : block;
	margin-left : 0;
	cursor : default;
	outline : none;
}
.ui-slider-range {
	display : block;
	width : 100%;
	height : 100%;
	left : 0;
	bottom : 0px;
	border : 0 none;
	position : absolute;
	z-index : 12;
}
.video_player.kraft_player .fscreen {
	width : 21px;
	height : 23px;
	background : url(images/full_screen.png) 0 0 no-repeat;
	right : 12px;
	bottom : 4px;
	position : absolute;
	z-index :12;
	cursor : pointer;
}
.video_player.kraft_player .fscreen:hover {
}
.video_player.kraft_player .fscreen_active {
	background:url(images/full_screen.png) 0 -23px no-repeat !important;
}
.video_player.kraft_player .fscreen_active:hover {
}
.video_player.kraft_player .ipad_auto_play {
	top:0px;
	left:0px;
	z-index:100;
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
	display:none;
}
.video_player.kraft_player .ipad_auto_play_btn {
	top:0px;
	left:0px;
	z-index:2;
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
	display:block;
	background:url(images/big_play_btn.png) no-repeat center center;
}

.video_player.kraft_player .ipad_auto_play_img {
	top:0px;
	left:0px;
	z-index:1;
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
	display:block;
	background-size:100% 100%;
}
.video_player.kraft_player .kraft_player_loader {
	top:0px;
	left:0px;
	z-index:100000;
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
	display:none;
	background:url(images/kraft_player_loader.gif) no-repeat center center;
}
.video_player.kraft_player .video_controls {
	display:none;
}
.video_player.kraft_player.art_fullscreen .ipad_auto_play {
	top:0px;
	left:0px;
	position:fixed;
	width:100%;
	height:100%;
	right:0px;
	bottom:1px;
}
.video_player.kraft_player.art_fullscreen .kraft_player_loader {
	top:0px;
	left:0px;
	position:fixed;
	width:100%;
	height:100%;
	right:0px;
	bottom:0px;
}
.video_player.kraft_player.art_fullscreen {
	bottom : 0;
	left : 0;
	right : 0;
	top : 0;
	overflow : hidden;
	position : fixed;
	width : 100%;
	height : 100%;
	z-index:10000000;
}
.video_player.kraft_player .video_timer {
	color : #000;
	width : 46px;
	height : 22px;
	line-height : 22px;
	display:block;
	z-index : 12 !important;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	position: absolute;
	bottom: 1px;
	left:23px;
	text-align:center;
	display:none;
}
.video_player.kraft_player .video_duration {
	color : #000;
	width : 46px;
	height : 22px;
	line-height : 22px;
	text-align:center;
	display:block;
	z-index : 12 !important;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	position: absolute;
	bottom: 1px;
	right:26px;
	display:none;
}
.show_handle{
	display:block !important;
}
body.iPad_overflow{
	position:relative;
	overflow:hidden !important;
	overflow-x:hidden !important;
	overflow-y:hidden !important;
}
.middle_logo{
	border:none !important;
}
.logsearch {
	height:20px !important;
	padding-top:10px !important;
}
.logsearch p input {
	color:#fff;
}

/*-------scroll pane css---------*/
.jspContainer {
	overflow: hidden;
	position: relative;
}
.jspPane {
	position: absolute;
}
.jspVerticalBar {
	position: absolute;
	top: 0;
	right: 0;
	width: 15px;
	height: 100%;
	background: #f2f2f2;
}
.jspVerticalBar * {
	margin: 0;
	padding: 0;
}
.jspCap {
	display: none;
}
.jspTrack {
	background: #f2f2f2;
	position: relative;
}
.jspDrag {
	background: #B3B3B3;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	min-height:5px;
}
.jspArrow {
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}
.jspArrow.jspDisabled {
	cursor: default;
	background: #80808d;
}
.jspVerticalBar .jspArrow {
	height: 16px;
}
.jspVerticalBar .jspArrow:focus {
	outline: none;
}
.jspCorner {
	background: #eeeef4;
	float: left;
	height: 100%;
}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
	margin: 0 -3px 0 0;
}
/*-------End scroll pane css---------*/