body {

}
.videoPlayer .controls {
	position: absolute;
	height: 50px;
	width: 400px;
	bottom: 30px;
	border: 1px solid ;
	box-shadow: 1px 1px 4px rgb(0, 0, 0);
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border-top-color: rgb(230, 230, 230);
	border-right-color: rgb(78, 78, 78);
	border-bottom-color: rgb(78, 78, 78);
	border-left-color: rgb(230, 230, 230);
	background: #000000;
    /*background: rgba(0, 0, 0, 0.5)*/
	background: -moz-linear-gradient(top, rgb(233, 233, 233), rgb(156, 156, 156));
	background: -o-linear-gradient(top, rgb(233, 233, 233), rgb(156, 156, 156));
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(233, 233, 233)), to(rgb(156, 156, 156)));
	background: -ms-linear-gradient(rgb(233, 233, 233), rgb(156, 156, 156));/*For IE10*/
	background: linear-gradient(rgb(233, 233, 233), rgb(156, 156, 156));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#E9E9E9', endColorstr='#9C9C9C');/*For IE7-8-9*/

}
.videoPlayer .playButtonScreen{
	position: absolute;
	left: 50%;
	top: 50%;
	margin:-35.5px 0px 0px -35.5px;
	width: 71px;
	height: 71px;
	background:url(../../images/video_images/playButtonScreenWhite.png) no-repeat center center;
    background-color: transparent;
    z-index: 200;
}
.videoPlayer .logo{
	position: absolute;
    z-index: 200;
}
.videoPlayer .ads{
	position: absolute;
    opacity:1;
    z-index: 201;
}
.videoPlayer .ads img{
    border:2px solid;
    border-top-color: #cccccc;
    border-left-color: #cccccc;
    border-bottom-color: #333333;
    border-right-color: #333333;
}
.videoPlayer .ads .adClose{
    position: absolute;
    width: 32px;
    height: 32px;
    background: url(../../images/video_images/closeAd.png) no-repeat center center;
    right: 0px;
    top: 0px;
    padding: 0px 0px 0px 0px;
}
/************************** VIDEO TRACK *******************/
.videoPlayer .controls .videoTrack {
	position: absolute;
	height:5px;
	border: 1px solid #242424;
	border-top-color: rgb(97, 97, 97);
	border-bottom-color: rgb(235, 235, 235);
	border-right-color: rgb(235, 235, 235);
	border-left-color: rgb(97, 97, 97);
	background: rgb(179, 179, 179);
	-webkit-border-radius: 8px;
	border-radius: 8px;
	top: 8px;
}

.videoPlayer .controls .videoTrack .videoTrackProgress{
    position: absolute;
    height:5px;
    background: rgb(230, 26, 26);
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.videoPlayer .controls .videoTrack .videoTrackDownload{
    position: absolute;
    height:5px;
    background: rgb(207, 207, 207);
    -webkit-border-radius: 8px;
    border-radius: 8px;

}
/************************** VOLUME TRACK *******************/
.videoPlayer .controls .volumeTrack {
	position: absolute;
	right: 45px;
	width: 58px;
	height:5px;
    border: 1px solid #333333;
	border-top-color: rgb(97, 97, 97);
	border-bottom-color: rgb(204, 204, 204);
	border-left-color: rgb(97, 97, 97);
	border-right-color: rgb(204, 204, 204);
	background: rgb(179, 179, 179);
    -webkit-border-radius: 8px;
    border-radius: 8px;
	bottom: 8px;
}
.videoPlayer .controls .volumeTrack .volumeTrackProgress{
    position: absolute;
    width: 58px;
    height:5px;
    background: rgb(230, 26, 26);
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
/********************************************tooltip time***************************/
.videoPlayer .controls .toolTip{
    position: absolute;
    width: 47px;
    height: 23px;
}
.videoPlayer .controls .toolTip .toolTipText{
    position:absolute;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    color: #fff;
    /*font-weight: bold;*/
    /*text-shadow: 0 1px 1px #000;*/
    text-align: center;
    background: #000;
    padding: 2px 10px;
    border:1px solid;
    border-top-color: #333;
    border-right-color: #000;
    border-bottom-color: #000;
    border-left-color: #333;
}
.videoPlayer .controls .toolTip .toolTipTriangle {
    position:absolute;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #000;
}
/******************************tooltip volume***********************************/
.videoPlayer .controls .toolTipVolume{
    position: absolute;
    width: 92px;
    height: 23px;
    z-index: 200;
}
.videoPlayer .controls .toolTipVolume .toolTipVolumeText{
    position:absolute;
    -webkit-border-radius: 4px;
    border-radius: 4px;

    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    color: #ffffff;
    /*font-weight: bold;*/
    /*text-shadow: 0 1px 1px #000;*/
    text-align: center;
    background: #000;
    padding: 2px 10px;
    border:1px solid;
    border-top-color: #333;
    border-right-color: #000;
    border-bottom-color: #000;
    border-left-color: #333;
}
.videoPlayer .controls .toolTipVolume .toolTipTriangle {
    position:absolute;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #000;
}
.videoPlayer .controls .timeElapsed {
	position: absolute;
	top: 4px;
	left: 7px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor:default;
}
.videoPlayer .controls .timeTotal {
	position: absolute;
	top: 4px;
	right: 7px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor:default;
}
.videoPlayer .controls .timeElapsed,
.videoPlayer .controls .timeTotal {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	color: rgb(32, 32, 32);
	/*font-weight: bold;*/
}
/******************************INFO WINDOW*****************************/
.videoPlayer .infoWindow{
    position: absolute;
    width: 370px;
    height:110px;
    background: rgb(223, 223, 223);

    border: 1px solid;
    border-top-color: rgb(230, 230, 230);
    border-right-color: rgb(179, 179, 179);
    border-bottom-color: rgb(179, 179, 179);
    border-left-color: rgb(230, 230, 230);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    z-index: 202;
}
.videoPlayer .infoWindow .infoBtnClose{
    position: absolute;
    width: 36px;
    height: 20px;
    background: url(../../images/video_images/closeBtn-black.png) no-repeat center center;
    right: 0px;
    padding: 5px 5px 0px 5px;
}
.videoPlayer .infoWindow .infoTitle {
    font-weight: bold;
    font-size: 14px;
    color: rgb(230, 26, 26);
    margin:0px;
    padding: 10px 10px 0px 10px;
    /*padding-left: 10px ;*/
    text-align: left;
    font-family: Arial,Helvetica,sans-serif;
    cursor: default;
}
.videoPlayer .infoWindow .infoText{
    font-size: 12px;
    color: rgb(49, 49, 49);
    margin:0px;
    padding: 0px 10px 10px 10px;
    text-align: left;
    font-family: Arial,Helvetica,sans-serif;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: default;
}

.videoPlayer .nowPlayingText {
    position: absolute;
    left:0px;
    top:0px;
    padding: 10px 10px 10px 10px;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    text-shadow: 1px 1px 2px #000;
    text-align: left;
    font-family: Arial,Helvetica,sans-serif;
    cursor: default;
    z-index: 200;
}
.videoPlayer .videoAdBox{
    position: absolute;
    width: 190px;
    height:16px;
    background: #000;
    font-size: 14px;
    color: rgb(255, 255, 255);
    text-shadow: 1px 1px 3px #000;
    text-align: left;
    font-family: Arial,Helvetica,sans-serif;
}
.videoPlayer .videoAdBox .adsTitle {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: default;
    position: absolute;
    z-index: 100;
}
.videoPlayer .videoAdBox .timeLeft{
    position: absolute;
    left: 150px;
    z-index: 100;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: default;
}
.videoPlayerAD .videoAdBoxInside{
    position: absolute;
    width: 190px;
    height:16px;
    background: #000;
    font-size: 14px;
    color: rgb(255, 255, 255);
    text-shadow: 1px 1px 3px #000;
    text-align: left;
    font-family: Arial,Helvetica,sans-serif;
}
.videoPlayerAD .videoAdBoxInside .adsTitleInside {
    position: absolute;
    z-index: 501;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: default;
}
.videoPlayerAD .videoAdBoxInside .timeLeftInside{
    position: absolute;
    left: 160px;
    z-index: 501;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: default;
}


.videoPlayerAD .videoAdBoxInsideNowPlaying{
    position: absolute;
    width: 190px;
    height:16px;
    position: absolute;
    left:0px;
    top:0px;
    padding: 10px 10px 10px 10px;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    text-shadow: 1px 1px 2px #000;
    text-align: left;
    font-family: Arial,Helvetica,sans-serif;
    cursor: default;
    z-index: 501;
}
.videoPlayerAD .videoAdBoxInsideNowPlaying .adsTitleInsideNowPlaying {
    position: absolute;
    z-index: 501;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: default;
}
/*****************************EMBED WINDOW**************************/
.videoPlayer .embedWindow{
    position: absolute;
    width: 310px;
    height:105px;
    background: rgb(223, 223, 223);
    border: 1px solid;
    border-top-color: rgb(230, 230, 230);
    border-right-color: rgb(179, 179, 179);
    border-bottom-color: rgb(179, 179, 179);
    border-left-color: rgb(230, 230, 230);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    z-index: 300;
}
.videoPlayer .embedWindow .embedBtnClose{
    position: absolute;
    width: 36px;
    height: 20px;
    background: url(../../images/video_images/closeBtn-black.png) no-repeat center center;
    right: 0px;
    padding: 5px 5px 0px 5px;
}
.videoPlayer .embedWindow .embedTitle {
    font-weight: bold;
    font-size: 14px;
    color: rgb(230, 26, 26);
    margin:0px;
    padding: 10px 10px 0px 10px;
    /*padding-left: 10px ;*/
    text-align: left;
    font-family: Arial,Helvetica,sans-serif;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor:default;
}
.videoPlayer .embedWindow .embedText{
    font-size: 12px;
    color: rgb(0, 0, 0);
    margin:0px;
    padding: 0px 0px 0px 10px;
    text-align: left;
    font-family: Arial,Helvetica,sans-serif;
    /*background-color: #333;*/
    border: 1px solid #666;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-user-select: text;
}
.videoPlayer .embedWindow .embedMessageTxt {
    font-weight: bold;
    font-size: 14px;
    color: rgb(230, 26, 26);
    text-align: left;
    font-family: Arial,Helvetica,sans-serif;
    cursor: pointer;
}
.videoPlayer .embedWindow .embedMessage {
    position:absolute;
    /*background: #f00;*/
}
/**************SHARE WINDOW************************/
.videoPlayer .shareWindow{
    position: absolute;
    z-index: 200;
}
.videoPlayer .shareWindow .facebook{
    width: 21px;
    height:21px;
    background: url(../../images/video_images/facebook.png) no-repeat center center;
    display:inline-block;
}
.videoPlayer .shareWindow .twitter{
    width: 21px;
    height:21px;
    background: url(../../images/video_images/twitter.png) no-repeat center center;
    display:inline-block;
}
.videoPlayer .shareWindow .myspace{
    width: 21px;
    height:21px;
    background: url(../../images/video_images/myspace.png) no-repeat center center;
    display:inline-block;
}
.videoPlayer .shareWindow .wordpress{
    width: 21px;
    height:21px;
    background: url(../../images/video_images/wordpress.png) no-repeat center center;
    display:inline-block;
}
.videoPlayer .shareWindow .linkedin{
    width: 21px;
    height:21px;
    background: url(../../images/video_images/linkedin.png) no-repeat center center;
    display:inline-block;
}
.videoPlayer .shareWindow .flickr{
    width: 21px;
    height:21px;
    background: url(../../images/video_images/flickr.png) no-repeat center center;
    display:inline-block;
}
.videoPlayer .shareWindow .blogger{
    width: 21px;
    height:21px;
    background: url(../../images/video_images/blogger.png) no-repeat center center;
    display:inline-block;
}
.videoPlayer .shareWindow .delicious{
    width: 21px;
    height:21px;
    background: url(../../images/video_images/delicious.png) no-repeat center center;
    display:inline-block;
}
.videoPlayer .shareWindow .mail{
    width: 21px;
    height:21px;
    background: url(../../images/video_images/mail.png) no-repeat center center;
    display:inline-block;
}
p
{
    margin: 0;
    padding: 0;
}

.videoPlayer .controls .icon-play,
.videoPlayer .playButtonScreen,
.videoPlayer .controls .icon-pause,
.videoPlayer .controls .icon-info-2,
.videoPlayer .controls .icon-spinner,
.videoPlayer .controls .icon-expand,
.videoPlayer .controls .icon-contract,
.videoPlayer .controls .icon-volume-medium,
.videoPlayer .controls .icon-volume-mute,
.videoPlayer .infoWindow .infoBtnClose,
.videoPlayer .embedWindow .embedBtnClose,
.videoPlayer .controls .icon-list,
.videoPlayer .controls .icon-share,
.videoPlayer .controls .icon-code,
.videoPlayer .shareWindow .facebook,
.videoPlayer .shareWindow .twitter,
.videoPlayer .shareWindow .myspace,
.videoPlayer .shareWindow .wordpress,
.videoPlayer .shareWindow .linkedin,
.videoPlayer .shareWindow .flickr,
.videoPlayer .shareWindow .blogger,
.videoPlayer .shareWindow .delicious,
.videoPlayer .shareWindow .mail,


.videoPlayer .controls .videoTrack,
.videoPlayer .controls .volumeTrack{
	cursor: pointer;
}






























@font-face {
    font-family: 'icomoon';
    src:url('fonts/icomoon.eot');
    src:url('fonts/icomoon.eot?#iefix') format('embedded-opentype'),
    url('fonts/icomoon.woff') format('woff'),
    url('fonts/icomoon.ttf') format('truetype'),
    url('fonts/icomoon.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}



/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"]:before {
*/
.icon-list:before,.icon-expand:before,.icon-contract:before,.icon-spinner:before,.icon-play:before,.icon-pause:before,.icon-info-2:before,.icon-volume-medium:before,.icon-volume-mute:before,.icon-code:before,.icon-share:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    color: rgb(19, 19, 19);
}


/*ICONS*/
.icon-play:before {
    content: "\e010";
    position: absolute;
    left: 13px;
    top: 30px;
    font-size: 13px;
}
.icon-pause:before {
    content: "\e021";
    position: absolute;
    left: 13px;
    top: 30px;
    font-size: 12px;
}
.icon-expand:before {
    content: "\e012";
    position: absolute;
    right: 10px;
    top: 31px;
    font-size: 12px;
}
.icon-contract:before {
    content: "\e013";
    position: absolute;
    right: 10px;
    top: 31px;
    font-size: 12px;
}
.icon-spinner:before {
    content: "\e00d";
    position: absolute;
    right: 223px;
    top: 31px;
    font-size: 14px;
}
.icon-info-2:before {
    content: "\e00c";
    position: absolute;
    right: 201px;
    top: 31px;
    font-size: 14px;
    display:none;
}
.icon-volume-medium:before {
    content: "\e00e";
    position: absolute;
    right: 113px;
    top: 32px;
    font-size: 12px;
}
.icon-volume-mute:before {
    content: "\e00f";
    position: absolute;
    right: 113px;
    top: 32px;
    font-size: 12px;
}
.icon-code:before {
    content: "\e009";
    position: absolute;
    right: 176px;
    top: 30px;
    font-size: 15px;
}
.icon-share:before {
    content: "\e016";
    position: absolute;
    right: 155px;
    top: 32px;
    font-size: 11px;
}
.icon-list:before {
    content: "\e000";
    position: absolute;
    right: 188px;
    top: 32px;
    font-size: 12px;
}