/*******************************************************************************************************************
*  Author: Tomas Lach (www.tomaslach.cz)                                                                           
*  Date: 25.02.2012                                                                                                
*******************************************************************************************************************/

/*******************************************************************************************************************
*  IMPORT OTHER STYLES                                                                                             
*******************************************************************************************************************/
@import url(reset.css);

/*******************************************************************************************************************
*  BASE                                                                                                            
*******************************************************************************************************************/
html {background: #fff;}
body {color: #71777d;font: normal 13px "Helvetica Neue", Arial, Tahoma, Verdana;}
p {line-height: 1.7em;margin-bottom: 15px}
address {font-style: normal;padding-bottom: 15px;}

/*******************************************************************************************************************
*  Submenu                                                                                                    
*******************************************************************************************************************/

/*******************************************************************************************************************
*  LINKS                                                                                                           
*******************************************************************************************************************/
a, a:link, a:focus {color: #0080c5;outline: 0;text-decoration: none} /* color */
a:hover {color: #005AAA;text-decoration: underline}

/*******************************************************************************************************************
*  H1 - H4                                                                                                         
*******************************************************************************************************************/
h1, h2, h3, h4 {line-height: 1.5em;margin-bottom: 15px;font-weight: 700}
h1 {font-size: 3.0em;color: #fff;} 
h2 {font-size: 2.1em;color: #0080c5;font-weight: 200}
h3 {font-size: 1.4em;color: #0080c5;margin-bottom: 20px;position: relative;}
h4 {font-size: 1.4em;color: #0080c5;margin-top: 50px;margin-bottom: 20px;position: relative;}
h5 {font-size: 2.1em;color: #0080c5;font-weight: 200;text-align: center;}
h6 {font: normal 15px "Helvetica Neue", Arial, Tahoma, Verdana;line-height:150%;}
h7 {font-size: 1.4em;color: #71777d;margin-bottom: 20px;position: relative;}

/*******************************************************************************************************************
*  HEADER                                                                                                          
*******************************************************************************************************************/
#header {z-index: 9999;height: 130px;position: relative;} 
#header a#logo {one;background: url('../img/logo UBA.png') no-repeat 0;padding-left: 120px; padding-top: 20px;}
#header a#logo:hover {text-decoration: none;color: #000}
#header nav ul {position: absolute;top: 45px;right: 0}
#header nav li {float: left;margin-left: 5px;}
#header nav li a {float: left;border: 1px solid #fff;color: #0080C5;display: block;height: 33px;line-height: 33px;padding: 0 0;text-decoration: none;}
#header nav li a span {display: block;border-top: 1px solid #fff;height: 33px;float: left;padding: 0 15px;}
#header nav li.active a, #header nav li a:hover {border-color: #64b0e4;background:1 #294d8;color: #fff !important;} 
#header nav li.active a span , #header nav li a:hover span {border-top: 1px solid #64b0e4;}

/*******************************************************************************************************************
*  INTRO                                                                                                          
*******************************************************************************************************************/
#intro {color: #fff;padding-top: 20px;text-align: center;background-color: #19bee7;}
#intro h1 {margin-bottom: 0;font-weight: 100;}
#intro h1 strong {font-weight: 500}
#intro p {font-size: 1.3em;font-weight: 200;color: #fff;margin-bottom: 30px;opacity: 0.8}
#intro p a {color: #fff;text-decoration: underline;}
#intro p a:hover {color: #fff;text-decoration: none}
#intro img {float: left}

/*******************************************************************************************************************
*  maior                                                                                                        
*******************************************************************************************************************/
#maior {position: absolute;
z-index: 9999;}


/*******************************************************************************************************************
*  TWITTER                                                                                                          
*******************************************************************************************************************/
#twitterBar {background: #fff;padding: 20px 0;font-family: Georgia, Arial, Verdana, Tahoma;font-style: Italic;position: relative;}
#twitterBar p {margin: 0;font-size: 1.4em;text-align: center;}

/*******************************************************************************************************************
*  TWITTER2                                                                                                          
*******************************************************************************************************************/
#twitterBar2 {padding: 8px 0 20px 0;font-family: Georgia, Arial, Verdana, Tahoma;font-style: Italic;position: relative;}
#twitterBar2 p {margin: 0;font-size: 1.4em;text-align: left;}

/*******************************************************************************************************************
*  TWITTER3                                                                                                          
*******************************************************************************************************************/
#twitterBar3 {background: #f1f1f1;padding: 8px 0 20px 0;font-family: Georgia, Arial, Verdana, Tahoma;font-style: Italic;position: relative;}
#twitterBar3 p {margin: 0;font-size: 1.4em;text-align: center;}

/*******************************************************************************************************************
*  CONTENT                                                                                                         
*******************************************************************************************************************/
#container {background: #ededed;border-top: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;padding: 40px 0 50px}
#content .withIcon h2 {padding-left: 60px;font-size: 1.6em}
#content .withIcon p {padding-left: 60px}
#content .icon1 {background: url('../img/icon-fast.png') no-repeat 0 5px}
#content .icon2 {background: url('../img/icon-lovely.png') no-repeat 0 5px}
#content .icon3 {background: url('../img/icon-tasty.png') no-repeat 0 5px}

/*******************************************************************************************************************
*  FOOTER                                                                                                          
*******************************************************************************************************************/
#footer {padding: 5px 0 0 0;color: #8b8b8b;font-size: 0.9em;}
#footer a.facebook {color: #286bb5}
#footer a.twitter {color: #33bae6}

/*******************************************************************************************************************
*  FOOTER2                                                                                                          
*******************************************************************************************************************/
#footer2 {text-align:center;padding: 5px 0 0 0;color: #8b8b8b;font-size: 0.9em;}
#footer2 a.facebook {color: #286bb5}
#footer2 a.twitter {color: #33bae6}

/*******************************************************************************************************************
*  form                                                                                                        
*******************************************************************************************************************/
#BoxForm {
	margin:20px 0px 80px 0px;
	padding:20px 0 30px 0px;
	width:660px;
	height:380px;
	font-size: 10pt;
}

#form ul li {
	margin:20px 0;
	position:relative;
	clear:both;
	
}

#form label {
	margin:5px 0;
	line-height:45px;
	width:400px;
	text-align:left;
	float:left;
	color:#0080C5;
}

#form input#empresa, #form input#name, #form input#telefone, #form input#email, #form textarea {
	float:left;
	padding:15px;
	border:1px solid #0080C5;
	background:#fcfcfc;
	border-radius:5px;
	color:#0080C5;
}
#form input#empresa, #form input#name, #form input#telefone, #form input#email, #form textarea {
	width:350px;
}

#form textarea {
	width:400px;
	height:80px;
	resize:none;
}

#form input {
	color:#0080C5;
	float:left;
}

#form input#send_message {
	width:100px;
	height:40px;
	margin:200px 0 0 80px;
	cursor:pointer;
	font-size:13px;
	color:#0080C5;
	background:#999;
	border:1px solid #0080C5;
}

#form input#send_message:hover {
	color:#fff;
	background:#0080C5;
	border-color:#0080C5;
}

/*******************************************************************************************************************
*  OTHER STYLES                                                                                                    
*******************************************************************************************************************/
.wrap {margin: 0 auto;position: relative;width: 980px}

.buttonWrapper {margin-bottom: 30px;text-align: center;background: url('../img/double-border.png') repeat-x 0 50%}
.buttonWrap {background: #ededed;padding: 0 20px;display: inline-block;}
a.button {display: inline-block;border: 1px solid #64b0e4;background: #19bee7;color: #fff;text-decoration: none;height: 45px;line-height: 45px;text-decoration: none;}
a.button span {display: inline-block;padding: 0 40px;font-size: 1.2em;font-weight: 400;height: 45px;border-top: 1px solid #64b0e4;}
a.button:hover {background: #005AAA;border-color: #666;}
a.button:hover span {border-color: #005AAA}
.gallery .photo {margin-left: 20px}
.gallery .photo:first-child {margin-left: 0}
a.photo {display: block;float: left;}
a.photo img, img.photo {display: block;float: left;border: 1px solid #d3d3d3;background: #fff;}
a.photo:hover img {border-color: #999}
.col1-3 {width: 308px;margin-left: 26px;float: left}
.col1-3 p:last-child, 
.col2-3 p:last-child {margin-bottom: 0}
.col1-3:first-child {margin-left: 0}
.col1-2 {width: 450px;margin-left: 40px;float: left}
.col1-2:first-child {margin: 0;}
.marginBottom30 {margin-bottom: 30px}
.cursor {
cursor:pointer;
}
/*******************************************************************************************************************
*  CSS3                                                                                                    
*******************************************************************************************************************/
#header nav li.active a, #header nav li a:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #64b0e4), color-stop(100%, #057eda));
    background-image: -webkit-linear-gradient(top, #5AB6D5, #0080C5);
    background-image: -moz-linear-gradient(top, #5AB6D5, #0080C5);
    background-image: -ms-linear-gradient(top, #5AB6D5, #0080C5);
    background-image: -o-linear-gradient(top, #5AB6D5, #0080C5);
    background-image: linear-gradient(top, #5AB6D5, #0080C5);
} 

#header nav li a, #header nav li a span {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#intro {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #64b0e4), color-stop(100%, #057eda));
    background-image: -webkit-linear-gradient(top, #5AB6D5, #005AAA);
    background-image: -moz-linear-gradient(top, #5AB6D5, #005AAA);
    background-image: -ms-linear-gradient(top, #5AB6D5, #005AAA);
    background-image: -o-linear-gradient(top, #5AB6D5, #005AAA);
    background-image: linear-gradient(top, #5AB6D5, #005AAA);
}

a.button {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #64b0e4), color-stop(100%, #057eda));
    background-image: -webkit-linear-gradient(top, #64b0e4, #057eda);
    background-image: -moz-linear-gradient(top, #64b0e4, #057eda);
    background-image: -ms-linear-gradient(top, #64b0e4, #057eda);
    background-image: -o-linear-gradient(top, #64b0e4, #057eda);
    background-image: linear-gradient(top, #64b0e4, #057eda);

    -webkit-box-shadow: 0 8px 6px -6px #000;
    -moz-box-shadow: 0 8px 6px -6px #000;
    -ms-box-shadow: 0 8px 6px -6px #000;
    -o-box-shadow: 0 8px 6px -6px #000;
    box-shadow: 0 4px 4px -4px #000;
}
a.button span {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
a.button:hover {background: #005AAA;border-color: #005AAA;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000));
    background-image: -webkit-linear-gradient(top, #005AAA, #023767);
    background-image: -moz-linear-gradient(top, #005AAA, #023767);
    background-image: -ms-linear-gradient(top, #005AAA, #023767);
    background-image: -o-linear-gradient(top, #005AAA, #023767);
    background-image: linear-gradient(top, #005AAA, #023767);
}

#twitterBar .remove:hover {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

- - 
menu
- - 
*, *:after, *:before{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font: normal 13px "Helvetica Neue", Arial, Tahoma, Verdana;}
  line-height: 1.5;
}
/* Fundo do menu */
.menu{
  background: #fff;
}
/* Remove as bolinhas do lado das listas */
.menu .menu-list, .menu .sub-menu{
  list-style: none;
}
/* Configura todos os links do nosso menu */
.menu a{
  color: #0080C5;
  text-decoration: none;
  display: block;
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
}
/* Faz os <li>s ficarem na horizontal */
.menu > .menu-list > li{
  float: left;
  position: relative;
}
/* Configura os links do menu principal */
.menu > .menu-list > li > a {
  padding: 20px;
  margin: 0 5px;
  background: #fff;
}
/* Configura o fundo do menu principal quando com mouse hover */
.menu > .menu-list > li:hover a {
border-color: #64b0e4;background: #1294d8;color: #fff !important;
}
/* Mostra o submenu no evento de mouse hover */
.menu > .menu-list > li:hover > .sub-menu {
  display: block;
}
/* Configura o estilo do submenu */
.menu > .menu-list > li > .sub-menu {
  position: absolute;
  top: 50px;
  left: 5px;
  min-width: 180px;
  z-index: 1000;
  display: none;
}
/* Configura os links do submenu */
.menu > .menu-list > li > .sub-menu > li > a {
	padding: 10px 20px;
	border-color: #0080C5;background: #0080C5;color: #fff !important;
}
/* Clearfix para o menu */
.menu:after {
  content: '.';
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.menu > .menu-list > li:hover a {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #64b0e4), color-stop(100%, #057eda));
    background-image: -webkit-linear-gradient(top, #5AB6D5, #0080C5);
    background-image: -moz-linear-gradient(top, #5AB6D5, #0080C5);
    background-image: -ms-linear-gradient(top, #5AB6D5, #0080C5);
    background-image: -o-linear-gradient(top, #5AB6D5, #0080C5);
    background-image: linear-gradient(top, #5AB6D5, #0080C5);


}

.menu > .menu-list > li > .sub-menu > li > a {
	padding: 10px 20px;
	border-color: #0080C5;background: #0080C5;color: #fff !important;
}


- - 
Slide show properties
- -
.homeSlideShowContainer{
			width: 100%;
			background: url('http://br.g4stechnology.com/images/general/hashBg.gif');
			font-size:1.2em;
			margin:0 0 20px 0;
}
.homeSlideShow{
			width: 960px;
			height: 350px;
			margin:0 auto;
			background: #fff;
}/*
.slidecontent{
			width: 960px;
			height: 350px;
}*/
.slideimage{
			width: 960px;
			height: 350px;
}
.slidetitle{
			display:block;
			width: 390px;
			height: 180px;
			background: #006699;
			padding:5px 10px;
			bottom:20px;
			left:20px;
			opacity:0.95;
			color:#fff;
			font-size:0.9em;
}
/*Quicklinks*/
.slide .quicklinks{
		display:block;
		width: 390px;
		background: #fff;
		padding:10px;
		position:absolute;
		bottom:20px;
		left:20px;
}
.slide .quicklinks p{
		padding:0.25em 0;
		margin:0;
		font-size:1.1em;
		display:block;
		position:relative;
		line-height:normal;
}
.slide .quicklinks p span{
		position:absolute;
		right:0;
		top:0;
}
.sitemaplinks .quicklinks{
		display:block;
		width:386px;
		float:left;
		clear:both;
}
.sitemaplinks .quicklinks p{
		padding:0;
		margin:0;
		font-size:1.4em;
		display:block;
		height:26px;
		position:relative;
		line-height:normal;
}
.sitemaplinks .quicklinks p span{
		position:absolute;
		right:0;
		top:0;
}
/* banner */
.slide{
		line-height:normal;
		width:960px;
		height:350px;
		overflow:hidden;
		float:left;
		position:relative;
}
.webnetBanner{
		width:960px;
		height:350px;
		overflow:hidden;
		position:relative;
		z-index:1;
}
.webnetBannerContainer{
		width:960px;
		overflow:hidden;
		height:350px;
		position:relative;
}
.webnetBannerLink{
		width:290px;
		height:190px;
		margin-left:11px;
}
.firstLink{
		margin-left:0px;
}
.slidenavigation{
		position:absolute;
		right:20px;
		bottom:20px;
		width:180px;
		height: 50px;
		z-index:999;
		background:url('http://br.g4stechnology.com/imagem/general/slideshow/slidenav-bg.png')
}
.slideForward span, .slideBack span{ display:none;}
.slideForward{
		width:50px;
		height:50px;
		cursor:pointer;
		position:absolute;
		top:0;
		right:0;
		z-index:999;
		display:block;
		background:url('http://br.g4stechnology.com/images/general/slideshow/slide-right.png') ro-repeat;
		background-position:4px 50%;
}
.slideForward:hover{background:url('http://br.g4stechnology.com/images/general/slideshow/slide-right-over.png') no-repeat; background-position:4px 50%;}
.slideBack{
		width:50px;
		height:50px;
		z-index:999;
		position:absolute;
		top:0;
		right:50px;
		display:block;
		cursor:pointer;
		background:url('http://br.g4stechnology.com/images/general/slideshow/slide-left.png') no-repeat;
		background-position:16px 50%;
}
.slideBack:hover{background:url('http://br.g4stechnology.com/images/general/slideshow/slide-left-over.png') no-repeat; background-position:16px 50%;}
.banner_spots{
		width:auto;
		margin:0 auto;
		text-align:center;
		display:table;
		position:absolute;
		left:10px;
		top:10px;
		height:30px;
		z-index:9999;
}
.banner_spots ul{
		list-style:none;
		margin:0;
		padding:0;
		display:block;
}
.banner_spots li{
		margin:0;
		padding:0;
		display:inline;
}
.banner_spots li a{
		display:inline-block;
		color:#fff;
		width:15px;
		height:30px;
		padding:0;
		overflow:hidden;
}
.banner_spots li a:hover, .banner_spots li a.selected{background:url('http://br.g4stechnology.com/images/general/slideshow/spot-on.png') no-repeat; background-position:50% 50%;}
.banner_spots li a span{ display:none;}
.banner_spots li a{background:url('http://br.g4stechnology.com/images/general/slideshow/spot-off.png') no-repeat; background-position:50% 50%;}
/*end banner*/
	
/*banner 2 */

/* Campaign Section */
#mainContent .campaign{
	position: relative;
}
.campaignSlider{
	position: relative;
	overflow: hidden;
	max-width: 1200px;
	min-height: 471px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	background: #999;
}
.campaignSlider .slide{
	position: relative;
	overflow: hidden;
	display: none;
	width: 100%;
	max-height: 471px;
	background: #999;
}
.campaignSlider .slide.active{
	display: block;
}
.campaignSlider .slide .text{
	position: absolute;
	left: 65px; top: 71px;
	width: 442px;
	padding: 30px 20px 20px;
	background: #000;
	font: 100 55px/50px 'Open Sans', sans-serif;
	letter-spacing: -1px;
	text-transform: uppercase;
	color: #fff;
	z-index: 20;
}
.campaignSlider .text h3,
.campaignSlider .text h3 a{
	font: 100 55px/50px 'Open Sans', sans-serif;
	color: #e8112d;
}
.campaignSlider .text p{
	margin: 0 0 8px;
	font: 100 55px/50px 'Open Sans', sans-serif;
	color: #fff;
}
.campaignSlider .videoText p{
	font: 100 45px/45px 'Open Sans', sans-serif;
}
.campaignSlider .text p a{
	font: 100 55px/50px 'Open Sans', sans-serif;
	letter-spacing: -1px;
	text-transform: uppercase;
	color: #fff;
}
.campaignSlider .text a{
	font-size: 11px;
	line-height: 12px;
	margin: 0 0 0 2px;
}
.campaignSlider .text a:empty{
	display: none;
}
.campaignSlider .text a.readMoreLnk{
	float: left;
}
.campaignSlider .text a:hover{
	text-decoration: none;
}
.campaign .media{
	position: relative;
	line-height: 0;
	height: 100%;
}
/*.campaignSlider .slide.videoBox .flashplayer{
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100% !important;
}*/
.campaignSlider .slide.videoBox .media iframe,
.videoBox .media iframe,
.campaign .media video/*,
.campaign .media object*/{
	position: absolute;
	left: 0; top: 0;
	width: 100%;
	max-width: 100%;
	height: 100%;
	max-height: 100%;
	/*z-index: 10;*/
}
.campaign .media video{
	height: 0;
	background: #999;
}
.campaign .videoBox.on video{
	height: 100%;
	/*z-index: 100;*/
}
.videoBox .media img{
	position: relative;
	z-index: 30;
}
.campaignSlider .slide .videoText,
.videoBox .videoText{
	width: 375px;
	left: 63px; top: 83px;
	padding: 20px 15px;
	font-size: 45px;
	line-height: 45px;
	background: none;
	cursor: pointer;
	z-index: 70;
}
.campaignSlider .videoText h3,
.campaignSlider .videoText h3 a,
.campaignSlider .videoText p,
.campaignSlider .videoText p a{
	font-size: 45px;
	line-height: 45px;
}
.videoBox .videoPlayBtn{
	position: absolute;
	left: 0; top: 52%;
	display: block;
	width: 100%;
	margin: -45px 0 0;
	padding: 75px 0 0;
	background: url(../images/play-btn.png) center top no-repeat;
	font: 900 11.5px/30px "Arial Black", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: center;
	line-height: 30px;
	color: #fff;
	cursor: pointer;
	z-index: 60;
}
.videoBox .video-close-btn{
	display: none;
	position: absolute;
	top: 25px;
	right: 16px;
	width: 25px; height: 25px;
	background: url("../images/icons.png") 0 -312px no-repeat;
	text-indent: -10000px;
	cursor: pointer;
	z-index: 100;
}
.videoBox.on .video-close-btn{
	display: block;
}
.mobile .videoBox .video-close-btn{
	display: none !important;
}
.flowplayer .fp-ui .fp-embed{
	display: none !important;
}
.flowplayer.is-splash .fp-ui,
.flowplayer.is-paused .fp-ui {
	background: url("../images/play-btn.png") no-repeat center center / 6% auto rgba(0, 0, 0, 0) !important;
}
.flowplayer.is-error{
	border: none !important;
}

.videoBox .videoOverlay{
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.5;
	cursor: pointer;
	z-index: 40;
}
.videoBox.on .videoText,
.videoBox.on .videoPlayBtn{
	z-index: -1 !important;
}
.videoBox.on .media img,
.videoBox.on .videoOverlay{
	z-index: -2 !important;
}
.video-controls {
	display: block;
	width: 100%;
	height: 0px;
	overflow: hidden;
	position: absolute;
	left: 0; bottom:0;
	background: rgba(51, 51, 51, 0.6);
	z-index: 1;
}
.videoBox.on:hover .video-controls{
	height: 20px;
}
.ie7 .video-controls{
	display: none;
}
.videoBox.on .video-controls{
	z-index: 110;
}
.video-play-btn{
	display: none;
	position: absolute;
	left: 0; top: 0;
	width: 28px;
	height: 28px;
	background: url(../images/video-controls.png) 0 0 no-repeat;
}
.video-play-btn:hover{
	background: url(../images/video-controls.png) -38px 0 no-repeat;
}
.video-play-btn.on{
	background: url(../images/video-controls.png) 0 -29px no-repeat;
}
.video-play-btn.on:hover{
	background: url(../images/video-controls.png) -38px -29px no-repeat;
}
.video-timer{
	font: bold 12px/12px Arial;
	color: #eee;
	bottom: 5px;
	left: 5px;
	height: 10px;
	line-height: 10px;
	position: absolute;
	text-align: center;
	width: 35px;
}
.video-progress-bar{
	height: 10px;
	margin: 0 150px 0 45px;
	overflow: hidden;
	position: relative;
	top: 5px;
	background: #666;
	cursor: col-resize;
}
.mobile .youtube.video-controls .video-progress-bar{
	margin: 0 45px;
}
.video-progress-bar .progress-bar-inner{
	width: 100%; height: 100%;
	position: absolute;
	left: auto;
	top: 0;
	background: #eee;
}
.video-seeker{
	width: 0%; height: 100%;
	position: absolute;
	left: auto;
	top: 0;
	background: #00a7c8;
}
.video-duration{
	position: absolute;
	top: 4px; right: 113px;
	font: bold 12px/12px Arial;
	color: #eee;
}
.mobile .youtube.video-controls .video-duration{
	right: 5px;
}
.video-volume-box{
	position: absolute;
	right: 5px;
	top: 7.5px;
}
.mobile .youtube.video-controls .video-volume-box{
	display: none;
}
.video-volume-btn{
	cursor: pointer;
	float: left;
	height: 15px;
	position: relative;
	top: -5px;
	width: 10px;
	background: url(../flowplayer/skin/img/white.png) -2px -99px no-repeat;
}
.video-volume-btn.muted{
	opacity: 0.5;
}
.video-volume-slider{
	position: relative;
	cursor: col-resize;
	float: left;
	height: 5px;
	width: 90px;
	background: #000;
}
.video-volume-slider .volume-inner{
	position: absolute;
	left: 0; top: 0;
	width: 100%;
	height: 100%;
	background: #fff;
}
.video-volume-slider.muted .volume-inner{
	width: 0;
}
.videoBox .error{
	display: block;
	width: 100%;
	margin: 20px 0;
	text-transform: uppercase;
	text-align: center;
	font-size: 20px;
}

.campaignControls{
	position: relative;
	width: 100%;
	height: 43px;
	text-align: center;
	background: #e8112d;
	z-index: 90;
}
.campaignControls a{
	position: relative;
	display: inline-block;
	width: 12px; height: 12px;
	margin: 15px 5px 0;
	outline: none;
	background: url(../images/slider-icons.png) 0 0 no-repeat;
	*display: inline;
	zoom: 1;
}
.campaignControls .control-btn{
	background-position: 0 0;
}
.campaignControls .control-btn.active{
	background-position: 0 -13px;
}
.campaignControls .prev-btn{
	margin: 15px 31px 0 5px;
	background-position: 0 -52px;
}
.campaignControls .next-btn{
	margin: 15px 5px 0 31px;
	background-position: 0 -65px;
}
.campaignControls .play-btn.on{
	background-position: 0 -26px;
}
.campaignControls .play-btn{
	background-position: 0 -39px;
}
/* local site top news */
.campaign .topNews .media{
	text-align: center;
}
.campaign .topNews .text{
	position: absolute;
	left: 108px; top: 31px;
	width: 261px;
	padding: 18px 20px 14px 22px;
	background: #000;
	z-index: 20;
}
.campaign .topNews .text{
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	color: #fff;
}
.campaign .topNews h2{
	margin: 0 0 2px;
	font-size: 14px;
	line-height: 16px;
	color: #e8112d;
}
.campaign .topNews h2 a{
	color: #e8112d;
}
.campaign .topNews h3{
	margin: 0 0 20px;
}
.campaign .topNews h3,
.campaign .topNews h3 a{
	font-size: 30px;
	line-height: 29px;
	color: #fff;
}
.campaign .topNews a:hover{
	text-decoration: none;
}
/*.campaign .topNews .date{
	display: block;
	margin: 0 0 20px;
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #999;
}*/
.campaign .topNews p{
	margin: 0 0 15px;
}
.campaign .topNews .readMoreLnk,
.localNews .newsItem .readMoreLnk{
	position: relative;
	display: block;
	padding: 8px 0 0;
	border-top: 1px solid #666;
	line-height: 25px;
}
.campaign .topNews .readMoreLnk:hover,
.localNews .newsItem .readMoreLnk:hover{
	text-decoration: none;
}
.campaign .topNews .readMoreLnk:after,
.localNews .newsItem .readMoreLnk:after{
	content: "";
	width: 25px;
	height: 25px;
	position: absolute;
	right: 0; top: 8px;
	background: url("../images/icons.png") 0 -26px no-repeat;
}