/*pubDate : Fri 18102013 18:03 UTC 2013 */

/* Terra Bar
 - Specific Reset
   based on http://meyerweb.com/eric/tools/css/reset/ v1.0
   27/03/2012
*/
#trr-bar div, #trr-bar span, #trr-bar iframe, #trr-bar h1, #trr-bar h2, #trr-bar h3, #trr-bar h4, #trr-bar h5, #trr-bar h6, #trr-bar p, #trr-bar a, #trr-bar em, #trr-bar img, #trr-bar strong, #trr-bar ol, #trr-bar ul, #trr-bar li { margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent; }
#trr-bar, #trr-bar input, #trr-bar select, #trr-bar textarea { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #5D5850; }
#trr-bar ol, #trr-bar ul { list-style: none; outline: 0; }
#trr-bar div { margin: auto; text-align: left; }
#trr-bar a { color: #47423A; text-decoration: none; }
#trr-bar a:hover, #trr-bar a:focus, #trr-bar a:hover *, #trr-bar a:focus * { color: #FF9900; }
#trr-bar a:hover, #trr-bar a:focus, #trr-bar a:hover *, #trr-bar a:focus * { outline: 0; }
#trr-bar h5, #trr-bar h6{ text-transform: none; }

/* Terra Bar
 - Main CSS
*/
body {
	margin-bottom: 45px; /* We need to move the contents of the body above the bar */
}
body #trr-bar {
	line-height: 13px; /* we set the line-height for the elements inside the bar, leave the rest of the site alone */
	z-index: 99999999; /* because of the ads on Terra */
	box-shadow : 0 0 8px rgba(50, 50, 50, 0.5);
}
body.tgm-1280 #trr-bar .wrapper {
	width: 1149px; /* resizes the bar when there's an extra advertising column to the right (Terra website) */
}
#trr-bar {
	width: 100%;
	height: 42px;
	background: #ECEAE7;
	border-top: 1px #CCCCCC solid;
	position: fixed;
	bottom:  0;
	right: 0;
}
#trr-bar .wrapper {
	width: 936px;
	height: 42px;
	margin: 0 auto;
}

/* Terra Bar
 - Advertising
*/
#trr-bar .advertising {
	float: left;
	margin: 5px 12px 0 0;
	padding: 0 12px 0 0;
	background: url("../_img/vertiline.png?v=1.6.15") no-repeat right 9px;
}
#trr-bar .advertising img {
	border: 0;
	display: block;
}


/* * * * * * * * * * * * * * * * * * * 
 *                                   *
 * Tooltip                           *
 *                                   *
 * * * * * * * * * * * * * * * * * * */

#trr-bar .module.active .icon + .ctn-tooltip {
	display: none !important; /* if the modal is up, hide that tooltip */
}
#trr-bar .module {
	*z-index: 1000; /* fix IE7 bug */
}
#trr-bar .ctn-tooltip {
	display: none;
	position: absolute;
	bottom: 45px;
	left: 0;
	padding: 5px 7px 6px;
	border: 2px solid #ff9900;
	background-color: #FFF;
	white-space: nowrap;
	z-index: 100000;
}
#trr-bar .ctn-tooltip strong {
	color: #463F39;
}
#trr-bar .ctn-tooltip span {
	position: absolute;
	bottom: -12px;
	left: 16px;
	width: 15px;
	background: url("../_img/tooltip-arrow.gif?v=1.6.15") no-repeat;
	display: block;
}

/* * * * * * * * * * * * * * * * * * * 
 *                                   *
 * Custon Tooltip                    *
 *                                   *
 * * * * * * * * * * * * * * * * * * */

#trr-bar .custonTooltip {
	display: none;
	position: absolute;
	bottom: 45px;
	left: 0;
	padding: 5px 7px 6px;
	border: 2px solid #ff9900;
	background-color: #FFF;
	white-space: nowrap;
	z-index: 100000;
	min-height: 37px;
}

#trr-bar .custonTooltip .custonTooltip-close {
	background: url("../_img/trr-bar-pt.png?v=1.6.15") no-repeat left -135px;
	width: 9px;
	height: 9px;
	overflow: hidden;
	text-indent: -9999px;
	display: block;
	position: absolute;
	top: 8px;
	right: 8px;
	display: block;
}

#trr-bar .custonTooltip .custonTooltip-content {
	min-width: 20px;
	min-height: 20px;
	color: #463F39;
}
#trr-bar .custonTooltip .custonTooltip-pointer {
	position: absolute;
	bottom: -12px;
	left: 16px;
	width: 15px;
	background: url("../_img/tooltip-arrow.gif?v=1.6.15") no-repeat;
	display: block;
}

/* * * * * * * * * * * * * * * * * * * 
 *                                   *
 * Minimize/maximize button          *
 *                                   *
 * * * * * * * * * * * * * * * * * * */

#trr-bar .minmax-button {
	text-indent: -9999px;
	overflow: hidden;
	float: right;
	height: 42px;
	width: 23px;
	background: url("../_img/trr-bar-pt.png?v=1.6.15") no-repeat right -160px;
	border-left: 1px #FFFFFF solid;
	margin: 0;
}
#trr-bar.trr-bar-LNG_en .minmax-button {
	background: url("../_img/trr-bar-en.png?v=1.6.15") no-repeat right -160px;
}
#trr-bar.trr-bar-LNG_es .minmax-button {
	background: url("../_img/trr-bar-es.png?v=1.6.15") no-repeat right -160px;
}
#trr-bar .minmax-button.minimized {
	background-position: left -160px !important;
}

/* Terra Bar
 - Modals (containers) for modules
*/
#trr-bar .module.active .mdl-modal {
	left: 0; /* show the modal, it starts 'hidden' (see below) */
}
#trr-bar .mdl-modal {
	border: 3px #FF9900 solid;
	position: absolute;
	left: -99999px; /* 'hide' the modals; we need to do this way because of IE7 and it's damn rendering bugs on display:none elements */
	bottom: 42px;
	background-color: #fff;
}
#trr-bar .mdl-modal-loading {
	background: #FFFFFF url("../_img/trr-loader.gif?v=1.6.15") no-repeat center center;
}
#trr-bar .mdl-modal .mdl-close,
#trr-bar .mdl-modal .mdl-change,
#trr-bar .mdl-modal .mdl-reload {
	background: url("../_img/trr-bar-pt.png?v=1.6.15") no-repeat left -135px;
	width: 9px;
	height: 9px;
	overflow: hidden;
	text-indent: -9999px;
	display: block;
	position: absolute;
	top: 8px;
	right: 8px;
	display: block;
}
#trr-bar.trr-bar-LNG_es .mdl-modal .mdl-close,
#trr-bar.trr-bar-LNG_es .mdl-modal .mdl-change,
#trr-bar.trr-bar-LNG_es .mdl-modal .mdl-reload {
	background: url("../_img/trr-bar-es.png?v=1.6.15") no-repeat left -135px;
}

#trr-bar.trr-bar-LNG_es .mdl-modal .mdl-reload{
	background-position: left -225px;
}

#trr-bar.trr-bar-LNG_en .mdl-modal .mdl-close,
#trr-bar.trr-bar-LNG_en .mdl-modal .mdl-change,
#trr-bar.trr-bar-LNG_en .mdl-modal .mdl-reload {
	background: url("../_img/trr-bar-en.png?v=1.6.15") no-repeat left -135px;
}
#trr-bar .mdl-modal .mdl-change {
	background-position: left -210px;
	width: 16px;
	height: 14px;
	top: 6px;
	right: 28px;
	padding-right: 12px;
	border-right: 1px #b2b2b2 dotted;
}
#trr-bar.trr-bar-LNG_en .mdl-modal .mdl-reload{
	background-position: left -225px;
}

#trr-bar .mdl-modal .mdl-reload {
	background-position: left -225px;
	width: 10px;
	height: 13px;
	top: 6px;
	right: 28px;
	padding-right: 12px;
	border-right: 1px #b2b2b2 dotted;
}
#trr-bar .mdl-modal .mdl-content {
	width: 100%;
	height: 100%;
	float: left;
	overflow: visible;
	margin-top: 20px;
}
#trr-bar .mdl-modal .mdl-content.no-icon {
    margin-top: 0px;
}
#trr-bar .mdl-modal .mdl-content iframe {
	width: 100%;
	height: 100%;
	border: 0;
}

/* Terra Bar - Basic Modules */
/* Basic Modules are composed of: [[ICON/IMAGE] [optional text]] + [modal that opens above the icon, anchored to the left (default) or right of the icon, with a 'close' link on the top right side] */
/*
	[¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯x]
	| modal iframe here  |
	[____________________]
	[ico] optional text
*/
#trr-bar .module-area {
	float: left;
}
#trr-bar .module-area li {
	float: left;
	height: 42px;
	width: auto;
	padding: 0;
	margin: 0;
}
#trr-bar .module-area li .module {
	position: relative;
	height: 42px;
	float: left;
	background: url("../_img/vertiline.png?v=1.6.15") no-repeat left 15px;
}
#trr-bar .module-area li:first-child .module {
	background-image: none; /* the first icon of the bar don't have a vertical separator on its left side */
}
#trr-bar .module-area li:first-child .module .icon {
	margin-left: 0; /* the first icon of the bar is aligned to the left side of the bar */
}
#trr-bar .module-area li .module.no-sep {
	background-image: none; /* in a case where there's no vertical line separating the modules */
}
#trr-bar .module-area li .module.active {
	z-index: 1;
}
#trr-bar .module-area li .module .icon {
	text-indent: -9999px;
	overflow: hidden;
	height: 42px;
	float: left;
	margin: 0 12px;
}
#trr-bar .module-area li .module .text {
	float: left;
	line-height: 42px;
	height: 42px;
	overflow: hidden;
	padding: 0 8px;
}

/* Terra Bar - We can have a fake icon to display something on the bar, clicking on it does nothing */
#trr-bar .module-area li .module .icon.no-click {
	cursor: default;
}

/*	Terra Bar - General Module Icon Behavior (hover)
	The icon sprite is 126px total height
	Top 42px is the regular icon, middle 42px is the hover state of the icon, bottom 42px is the active state of the icon
	That does NOT mean the icon itself is 42px high, it has to be centralized on that area!
*/
#trr-bar .module .icon.mdl-open {
	background-position: left top; /* regular icon */
}
#trr-bar .module .icon.mdl-open:hover {
	background-position: left -42px; /* hover state */
}
#trr-bar .module.active .icon.mdl-open {
	background-position: left -84px; /* active state */
}

/* Terra Bar
 - Default modules' iframes (Terra's Tbox, Facebook Fan Pages, Twitter Accounts, My Team, My Music)
*/
#trr-bar #mdl-tbox iframe {
	width: 390px;
	height: 275px;
}
#trr-bar #mdl-facebook iframe {
	width: 120px; /* 320px; */
	height: 100px; /* 278px; */
	Xheight: 244px; /* if there's no 'see all fanpages of terra' link on the bottom... */
}
#trr-bar #mdl-twitter iframe {
	width: 120px; /* 320px; */
	height: 100px; /* 278px; */
}
#trr-bar #mdl-gplus .mdl-content ul {
	width: 330px;
	margin: 0;
    overflow: hidden;
    padding: 0 8px;
}

#trr-bar #mdl-gplus .mdl-content li:first-child {
	border: 0 none;
    padding-top: 5px;
}

#trr-bar #mdl-gplus .mdl-content li {
	height: 42px;
	padding: 12px 0;
	border-top: 1px dotted;
	display: block;
	width: 100%;
}

#trr-bar #mdl-gplus .mdl-content li:last-child {
	padding-bottom: 8px;
}

#trr-bar #mdl-gplus .mdl-content .gplus-img {
	float: left;
    height: 40px;
    margin: 0 12px 0 0;
    width: 40px;
}

#trr-bar #mdl-gplus .mdl-content .gplus-nome{
	margin-top: 12px;
	color: #5D5950;
    float: left;
    font-size: 12px;
    font-weight: bold;
}

#trr-bar #mdl-gplus .mdl-content .gplus-externo{
	float: right;
	height: 44px;
    overflow: hidden;
}

#trr-bar #mdl-gplus .mdl-content .gplus-interno{
	margin: -1px;
	margin-top: -11px;
	
}
/* My Team - Choose team / Found team */
#trr-bar #mdl-myteam iframe {
	width: 120px; /* 546px; */
	height: 100px; /*153px; */
}
#trr-bar #mdl-myteam iframe.found-team {
	width: 120px; /* 546px; */
	height: 100px; /* 266px; */
}
/* My Music - Choose genre / Found genre */
#trr-bar #mdl-mymusic iframe {
	width: 120px; /* 364px; */
	height: 100px; /* 213px; */
}
#trr-bar #mdl-mymusic iframe.found-music {
	width: 120px; /* 332px; */
	height: 100px; /* 167px; */
}
/* History */
#trr-bar #mdl-history iframe {
	width: 120px; /* 549px; */
	height: 100px; /* 165px; */
}
/* Gamification */
#trr-bar #mdl-gamification iframe{
	width: 120px; /* 549px; */
	height: 100px; /* 165px; */
}

/* Terra Bar - Tbox Module */
#trr-bar #mdl-tbox {
	margin-left: -12px;
	margin-right: -12px;
}
#trr-bar #mdl-tbox .icon {
	width: 75px;
	background: url("../_img/trr-bar-pt.png?v=1.6.15") no-repeat left top;
}
#trr-bar #mdl-tbox .icon:hover {
	background-position: left -45px;
}
#trr-bar #mdl-tbox.active .icon {
	background-position: left -90px;
}
#trr-bar  #mdl-tbox .mdl-modal .mdl-content {
	margin-top: 0px;
}
#trr-bar  #mdl-tbox .mdl-modal .mdl-content iframe{
	border: 2px solid #FFFFFF;
}

/* Terra Bar - Follow Terra 'module' - this is one of the fake icons mentioned above */
#trr-bar #mdl-followterra .text {
	width: 63px;
	background: url("../_img/trr-bar-pt.png?v=1.6.15") no-repeat -287px -240px;
	text-indent: -9999px;
	margin: 0 8px 0 13px;
	padding: 0;
}
/* Terra Bar - Follow Terra 'module' - language specific */
#trr-bar.trr-bar-LNG_es #mdl-followterra .text {
	width: 60px;
	background: url("../_img/trr-bar-es.png?v=1.6.15") scroll no-repeat -290px -240px;
}
#trr-bar.trr-bar-LNG_en #mdl-followterra .text {
	width: 71px;
	background: url("../_img/trr-bar-en.png?v=1.6.15") no-repeat -279px -240px;
}

/* Terra Bar - Facebook Accounts Module */
#trr-bar #mdl-facebook .icon {
	width: 36px;
	margin: 0 5px 0 0;
	background: url("../_img/trr-bar-pt.png?v=1.6.15") no-repeat left -240px;
}
#trr-bar.trr-bar-LNG_es #mdl-facebook .icon {
	background: url("../_img/trr-bar-es.png?v=1.6.15") no-repeat left -240px;
}
#trr-bar.trr-bar-LNG_en #mdl-facebook .icon {
	background: url("../_img/trr-bar-en.png?v=1.6.15") no-repeat left -240px;
}
#trr-bar #mdl-facebook .icon:hover {
	background-position: -40px -240px;
}
#trr-bar #mdl-facebook.active .icon {
	background-position: -80px -240px;
}

/* Terra Bar - Twitter Accounts Module */
#trr-bar #mdl-twitter .icon {
	width: 36px;
	margin-left: 0;
	margin-right: 5px;
	background: url("../_img/trr-bar-pt.png?v=1.6.15") no-repeat left -285px;
}
#trr-bar.trr-bar-LNG_es #mdl-twitter .icon {
	background: url("../_img/trr-bar-es.png?v=1.6.15") no-repeat left -285px;
}
#trr-bar.trr-bar-LNG_en #mdl-twitter .icon {
	background: url("../_img/trr-bar-en.png?v=1.6.15") no-repeat left -285px;
}
#trr-bar #mdl-twitter .icon:hover {
	background-position: -40px -285px;
}
#trr-bar #mdl-twitter.active .icon {
	background-position: -80px -285px;
}

/* Terra Bar - GPlus Accounts Module */
#trr-bar #mdl-gplus .icon {
	width: 36px;
	margin-left: 0;
	background: url("../_img/trr-bar-pt.png?v=1.6.15") no-repeat -234px -518px;
}
#trr-bar #mdl-gplus .icon:hover {
	background-position: -274px -518px;
}
#trr-bar #mdl-gplus.active .icon {
	background-position: -315px -518px;
}

/* Terra Bar - Facebook Connect */
/* Basic Modules are composed of: [[ICON/IMAGE] [optional text]] + [modal that opens above the icon, anchored to the left (default) or right of the icon, with a 'close' link on the top right side] */
/*
	[¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯x]
	| modal iframe here  |
	[____________________]
	[ico] optional text
*/
#trr-bar #mdl-connect {
	float: right;
}
#trr-bar #mdl-connect .module-area li{
	display: none;
}
#trr-bar #mdl-connect #loggedout,
#trr-bar #mdl-connect #loggedin {
	display: none;
	float: left;
	height: 42px;
}
/*
#trr-bar #mdl-connect #loggedout {
	padding-right: 12px;
}
*/

#trr-bar #mdl-connect #loggedout a{
	cursor: pointer;
}

#trr-bar #mdl-connect #loggedin .user {
	float: left;
	height: 42px;
	position: relative;
	/*background: url("../_img/vertiline.png?v=1.6.15") no-repeat right center;*/
	padding-right: 12px;
}
#trr-bar #mdl-connect .logout {
	display: block;
	text-indent: -9999px;
	width: 20px;
	height: 10px;
	border: 0;
	background: url("../_img/trr-bar-pt.png?v=1.6.15") no-repeat right -17px;
	margin: 17px 12px 0 12px;
}
#trr-bar #mdl-connect .logout:hover {
	background-position: right -62px;
}
#trr-bar #mdl-connect .user .logout {
	position: absolute;
	top: 7px;
	right: 12px;
	margin: 0;
}
#trr-bar #mdl-connect #loggedout span,
#trr-bar #mdl-connect #loggedin span {
	display: block;
	white-space: nowrap;
	color: #47423A;
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
#trr-bar #mdl-connect #loggedin .content {
	float: left;
	margin-left: 12px;
	padding-top: 5px;
	/*width: 125px;*/
}
#trr-bar #mdl-connect #loggedout .content {
	float: left;
	line-height: 42px;
}

#trr-bar #mdl-connect #loggedout .content ul {
	display: inline;
	
}

#trr-bar #mdl-connect #loggedout .content li {
	display: none;
	background: url("../_img/vertiline.png?v=1.6.15") no-repeat left 14px;
	margin: 0;
	padding: 0 12px;
	*float:left; /*Hacking para IE7*/
	*width: 90px;
}

#trr-bar #mdl-connect #loggedout .content li:first-child {
	background: none;
}


#trr-bar #mdl-connect #loggedout .content a, #trr-bar #mdl-connect #loggedout .content .gplogin {
	margin-top: 11px;
	text-indent: -9999px;
	display:inline-block;
	*display: block; /*Hacking para IE7*/
	width: 90px;
	height: 20px;
	border: 0;
	background-image: url("../_img/trr-bar-pt.png?v=1.6.15");
	background-repeat: no-repeat;
	cursor: pointer;
}


#trr-bar #mdl-connect .fblogin {
	background-position: -25px -135px;
}

#trr-bar #mdl-connect .gplogin {
	background-position: -120px -135px;
}

#trr-bar #mdl-connect #loggedout .info {
	float: left;
	margin: 0 8px 0 0;
	display: none;
	width: auto;
	text-transform: none;
}

#trr-bar #mdl-connect #loggedout .error {
	margin-top: 9px;
	line-height: 12px;
	color: #FF0000;
	text-align: right;
}
/*
#trr-bar #mdl-connect #loggedout .fblogin {
	float: left;
	margin: 0;
}
*/
#trr-bar #mdl-connect #loggedin #user-picture {
	float: left;
	width: 30px;
	height: 30px;
	margin-top: 6px;
	position: relative;
}
#trr-bar #mdl-connect #loggedin #user-picture img {
	width: 30px;
	height: 30px;
	display: none;	
}

#trr-bar #mdl-connect #loggedin .network-identification {
	position: absolute;
	bottom: 1px;
	right: 1px;
	width: 11px;
	height: 11px;
	background: url("../_img/trr-bar-pt.png?v=1.6.15") no-repeat -125px -345px;
}
#trr-bar.trr-bar-LNG_es #mdl-connect #loggedin .network-identification {
	background: url("../_img/trr-bar-es.png?v=1.6.15") no-repeat -125px -345px;
}
#trr-bar.trr-bar-LNG_en #mdl-connect #loggedin .network-identification {
	background: url("../_img/trr-bar-en.png?v=1.6.15") no-repeat -125px -345px;
}
#trr-bar #mdl-connect #loggedin.connect-gplus .network-identification {
	background-position: -145px -345px;
}
#trr-bar #mdl-connect #loggedin #user-name {
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 5px;
}
#trr-bar #mdl-connect #loggedin.connect-gplus #user-name {
	margin-top: 8px;
}
#trr-bar #mdl-connect #loggedin #user-autopub em {
	float:left;
	height: 16px;
	line-height: 16px;
	font-style:normal;
	margin-right:5px;
}
#trr-bar #mdl-connect #loggedin #user-autopub a {
	float: left;
	height: 16px;
	line-height: 16px;
	text-align: left;
	color: #47423A;
	font-weight: bold;
	background: none;
	overflow: hidden;
	cursor: pointer;
}
#trr-bar #mdl-connect #loggedin #user-autopub a.active {
	color: #56b600;
	background: none;
}
#trr-bar #mdl-connect #loggedin #user-autopub a.loading {
	background:url(../_img/pub-loader.gif?v=2) no-repeat center center;
	line-height: 60px;
}

#trr-bar #mdl-connect .new-module {
	color: #FF0000;
    font-family: Arial,Sans-serif;
    font-size: 8px;
    font-weight: bold;
    line-height: 8px;
    position: absolute;
    left: 12px;
    top: 6px;
}
#trr-bar.trr-bar-LNG_en #mdl-connect .new-module { left: 12px; }
#trr-bar.trr-bar-LNG_es #mdl-connect .new-module { left: 9px; }
/* Terra Bar - Facebook Connect - Language specific */
#trr-bar.trr-bar-LNG_en #mdl-connect #loggedin .content { /*width: 105px;*/ }
#trr-bar.trr-bar-LNG_es #mdl-connect #loggedin .content { /*width: 143px;*/ }

#trr-bar.trr-bar-LNG_es #mdl-connect .logout,
#trr-bar.trr-bar-LNG_es #mdl-connect #loggedout .content a {
	background-image: url("../_img/trr-bar-es.png?v=1.6.15");
}
#trr-bar.trr-bar-LNG_es #mdl-connect .logout {
	width: 29px;
}
#trr-bar.trr-bar-LNG_en #mdl-connect .logout,
#trr-bar.trr-bar-LNG_en #mdl-connect #loggedout .content a,
#trr-bar.trr-bar-LNG_en #mdl-connect #loggedout .content .gplogin {
	background-image: url("../_img/trr-bar-en.png?v=1.6.15");
}
#trr-bar.trr-bar-LNG_en #mdl-connect .logout {
	width: 40px;
}

/* Terra Bar - My Team / My Music / History - Modules */
#trr-bar #mdl-connect #mdl-myteam,
#trr-bar #mdl-connect #mdl-mymusic,
#trr-bar #mdl-connect #mdl-history,
#trr-bar #mdl-connect #mdl-gamification{
	float: left;
}
#trr-bar #mdl-connect #mdl-myteam > .icon,
#trr-bar #mdl-connect #mdl-mymusic > .icon,
#trr-bar #mdl-connect #mdl-history > .icon,
#trr-bar #mdl-connect #mdl-gamification > .icon {
	height: 42px;
	background: url(../_img/trr-bar-pt.png?v=1.6.15) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
    width: 107px;
}

/* Terra Bar - My Team - Module */
#trr-bar #mdl-connect #mdl-myteam > .icon {
	width: 66px;
	background-position: -75px 0;
	margin: 0;
}
#trr-bar #mdl-connect #mdl-myteam > .icon:hover {
	background-position: -75px -45px;
}
#trr-bar #mdl-connect #mdl-myteam.active > .icon {
	background-position: -75px -90px;
}
#trr-bar #mdl-connect #mdl-myteam.active .mdl-modal {
	right: 0;
}
#trr-bar #mdl-connect #mdl-myteam .mdl-modal {
	left: auto;
	right: -9999px;
}
#trr-bar #mdl-connect #mdl-myteam .mdl-change {
	display: none;
}

#trr-bar.trr-bar-LNG_es #mdl-connect #mdl-myteam .mdl-change {
	background-position: left -210px;
}

/* Terra Bar - Gamification - Module */
#trr-bar #mdl-connect #mdl-gamification > .icon {
	background-position: 0px -479px;
	margin: 0;
}
#trr-bar #mdl-connect #mdl-gamification > .icon:hover {
	background-position: 0px -524px;
}
#trr-bar #mdl-connect #mdl-gamification.active > .icon {
	background-position: 0px -569px;
}
#trr-bar #mdl-connect #mdl-gamification.active .mdl-modal {
	right: 0;
}
#trr-bar #mdl-connect #mdl-gamification .mdl-modal {
	left: auto;
	right: -9999px;
}
#trr-bar #mdl-connect #mdl-gamification .mdl-change {
	display: none;
}


/* Terra Bar - My Music - Module */
#trr-bar #mdl-connect #mdl-mymusic > .icon {
	width: 89px;
	background-position: -150px 0;
	margin: 0 0 0 1px;
}
#trr-bar #mdl-connect #mdl-mymusic > .icon:hover {
	background-position: -150px -45px;
}
#trr-bar #mdl-connect #mdl-mymusic.active > .icon {
	background-position: -150px -90px;
}
#trr-bar #mdl-connect #mdl-mymusic.active .mdl-modal {
	right: 0;
}
#trr-bar #mdl-connect #mdl-mymusic .mdl-modal {
	left: auto;
	right: -9999px;
}

/* Terra Bar - My Shares - Module */
#trr-bar #mdl-connect #mdl-history > .icon {
	width: 68px;
	background-position: -240px 0;
	margin: 0 0 0 1px;
}
#trr-bar #mdl-connect #mdl-history > .icon:hover {
	background-position: -240px -45px;
}
#trr-bar #mdl-connect #mdl-history.active > .icon {
	background-position: -240px -90px;
}
#trr-bar #mdl-connect #mdl-history.active .mdl-modal {
	right: 0;
}
#trr-bar #mdl-connect #mdl-history .mdl-modal {
	left: auto;
	right: -9999px;
}

/* Terra Bar - My Team - My Music - Language specific */
#trr-bar.trr-bar-LNG_en #mdl-connect #mdl-myteam > .icon,
#trr-bar.trr-bar-LNG_en #mdl-connect #mdl-mymusic > .icon,
#trr-bar.trr-bar-LNG_en #mdl-connect #mdl-history > .icon {
	background-image: url(../_img/trr-bar-en.png?v=1.6.15);
}
#trr-bar.trr-bar-LNG_en #mdl-connect #mdl-myteam > .icon {
	width: 63px;
}
#trr-bar.trr-bar-LNG_en #mdl-connect #mdl-mymusic > .icon {
	width: 67px;
}
#trr-bar.trr-bar-LNG_en #mdl-connect #mdl-history > .icon {
	width: 62px;
}
#trr-bar.trr-bar-LNG_es #mdl-connect #mdl-myteam > .icon,
#trr-bar.trr-bar-LNG_es #mdl-connect #mdl-mymusic > .icon,
#trr-bar.trr-bar-LNG_es #mdl-connect #mdl-history > .icon {
	background-image: url("../_img/trr-bar-es.png?v=1.6.15");
}
#trr-bar.trr-bar-LNG_es #mdl-connect #mdl-myteam > .icon {
	width: 66px;
}
#trr-bar.trr-bar-LNG_es #mdl-connect #mdl-mymusic > .icon {
	width: 70px;
}
#trr-bar.trr-bar-LNG_es #mdl-connect #mdl-history > .icon {
	width: 69px;
}

/* Terra Bar - Facebook Connect - Help modal */
#trr-bar .module-area li #mdl-help {
	background: url("../_img/vertiline.png?v=1.6.15") no-repeat left 15px!important;
}
#trr-bar #mdl-connect #mdl-help.active .mdl-modal {
	background-image: none;
}
#trr-bar #mdl-connect #mdl-help .mdl-content {
	margin: 0;
}
#trr-bar #mdl-connect #mdl-help .mdl-content .social{
	width: 12px;
	height: 12px;
	background: url("../_img/trr-bar-pt.png?v=1.6.15") no-repeat 0 0;
	display: inline-block;
	margin-left: 3px;
	margin-bottom: -3px;
	/*
	left: -44px;
	float: right;
	margin-top: 2px;
	position: relative;
	*/
}
#trr-bar.trr-bar-LNG_en #mdl-connect #mdl-help .mdl-content .social{
	background: url("../_img/trr-bar-en.png?v=1.6.15") no-repeat 0 0;
	left: -76px;
}
#trr-bar.trr-bar-LNG_es #mdl-connect #mdl-help .mdl-content .social{
	background: url("../_img/trr-bar-es.png?v=1.6.15") no-repeat 0 0;
	left: -67px;
}
#trr-bar #mdl-connect #mdl-help .mdl-content .share .social.facebook{
	left: -20px;
}
#trr-bar.trr-bar-LNG_en #mdl-connect #mdl-help .mdl-content .share .social.facebook{
	left: -47px;
}
#trr-bar.trr-bar-LNG_es #mdl-connect #mdl-help .mdl-content .share .social.facebook{
	left: -18px; /*-27px;*/
}
#trr-bar #mdl-connect #mdl-help .mdl-content .control .social{
	left: -32px;
}
#trr-bar.trr-bar-LNG_en #mdl-connect #mdl-help .mdl-content .control .social{
	left: -55px /*-91px;*/
}
#trr-bar.trr-bar-LNG_es #mdl-connect #mdl-help .mdl-content .control .social{
	left: -30px;
}
#trr-bar #mdl-connect #mdl-help .mdl-content .social.facebook{
	background-position: -125px -345px;
}
#trr-bar #mdl-connect #mdl-help .mdl-content .social.gplus{
	margin-left: 3px;
	background-position: -145px -345px;
}
#trr-bar #mdl-connect .module-area #mdl-help .icon {
	text-indent: -9999px;
	float: left;
	width: 40px;
	height: 42px;
	border: 0;
	background: url("../_img/trr-bar-pt.png?v=1.6.15") no-repeat left -330px;
	margin: 0 0 0 1px!important;
}
#trr-bar.trr-bar-LNG_es #mdl-connect .module-area #mdl-help .icon {
	background: url("../_img/trr-bar-es.png?v=1.6.15") no-repeat left -330px;
}
#trr-bar.trr-bar-LNG_en #mdl-connect .module-area #mdl-help .icon {
	background: url("../_img/trr-bar-en.png?v=1.6.15") no-repeat left -330px;
}
#trr-bar #mdl-connect .module-area #mdl-help.active .icon {
	background-color: #FF9900;
	background-position: -40px -330px;
}
#trr-bar #mdl-connect #mdl-help.active .mdl-modal {
	right: 0; /* here I anchor the modal to the RIGHT, not the left (default) */
}
#trr-bar #mdl-connect #mdl-help .mdl-modal {
	position: absolute;
	right: -9999px;
	width: 695px; /*692px*/
	padding: 8px;
	left: auto; /* I need this because of the default behavior of modals (anchored to the left) */
}
#trr-bar #mdl-connect #mdl-help .mdl-modal h5{
	display: block;
	color: #463F39;
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
#trr-bar #mdl-connect #mdl-help .mdl-modal p.title{
	font-size: 16px;
	font-weight: bold;
	margin: 17px 0 23px;
	line-height: 20px;
}


#trr-bar #mdl-connect #mdl-help .mdl-modal h5 {
	height: auto;
	margin: 0 0 4px;
	font-size: 14px;
	font-weight: bold;
}
#trr-bar #mdl-connect #mdl-help .mdl-modal .share,
#trr-bar #mdl-connect #mdl-help .mdl-modal .control,
#trr-bar #mdl-connect #mdl-help .mdl-modal .team{
	overflow: hidden;
	margin: 0 8px 0 0;
	float: left;
	width: 222px;
}
#trr-bar #mdl-connect #mdl-help .mdl-modal .music,
#trr-bar #mdl-connect #mdl-help .mdl-modal .team {
	margin-bottom: 0;
	margin-top: 0;
}
#trr-bar #mdl-connect #mdl-help .mdl-modal .control{
	margin-right: 0;
}
#trr-bar #mdl-connect #mdl-help .mdl-modal .t-box {
	margin-top: 0;
}
#trr-bar #mdl-connect #mdl-help .mdl-modal .share .big-icon,
#trr-bar #mdl-connect #mdl-help .mdl-modal .control .big-icon,
#trr-bar #mdl-connect #mdl-help .mdl-modal .music .big-icon,
#trr-bar #mdl-connect #mdl-help .mdl-modal .team .big-icon,
#trr-bar #mdl-connect #mdl-help .mdl-modal .t-box .big-icon {
	float: left;
	margin-right: 8px;
	background-image: url("../_img/trr-bar-pt.png?v=1.6.15");
	background-repeat: no-repeat;
}
#trr-bar.trr-bar-LNG_es #mdl-connect #mdl-help .mdl-modal .share .big-icon,
#trr-bar.trr-bar-LNG_es #mdl-connect #mdl-help .mdl-modal .control .big-icon,
#trr-bar.trr-bar-LNG_es #mdl-connect #mdl-help .mdl-modal .music .big-icon,
#trr-bar.trr-bar-LNG_es #mdl-connect #mdl-help .mdl-modal .team .big-icon,
#trr-bar.trr-bar-LNG_es #mdl-connect #mdl-help .mdl-modal .t-box .big-icon {
	background-image: url("../_img/trr-bar-es.png?v=1.6.15");
}
#trr-bar.trr-bar-LNG_en #mdl-connect #mdl-help .mdl-modal .share .big-icon,
#trr-bar.trr-bar-LNG_en #mdl-connect #mdl-help .mdl-modal .control .big-icon,
#trr-bar.trr-bar-LNG_en #mdl-connect #mdl-help .mdl-modal .music .big-icon,
#trr-bar.trr-bar-LNG_en #mdl-connect #mdl-help .mdl-modal .team .big-icon,
#trr-bar.trr-bar-LNG_en #mdl-connect #mdl-help .mdl-modal .t-box .big-icon {
	background-image: url("../_img/trr-bar-en.png?v=1.6.15");
}
#trr-bar #mdl-connect #mdl-help .mdl-modal .share .big-icon {
	width: 42px;
	height: 45px;
	background-position: -25px -160px;
}
#trr-bar #mdl-connect #mdl-help .mdl-modal .control .big-icon {
	width: 42px;
	height: 41px;
	background-position: -133px -160px;
	margin-left: 12px;
}
#trr-bar #mdl-connect #mdl-help .mdl-modal .music .big-icon {
	width: 52px;
	height: 47px;
	background-position: -175px -160px;
	margin-bottom: 6px;
}
#trr-bar #mdl-connect #mdl-help .mdl-modal .team .big-icon {
	width: 42px;
	height: 45px;
	background-position: -80px -160px;
}
#trr-bar #mdl-connect #mdl-help .mdl-modal .t-box .big-icon {
	width: 51px;
	height: 41px;
	background-position: -176px -169px;
	margin-top: 0;
	margin-bottom: 9px;
	margin-left: 12px;
}
#trr-bar.trr-bar-LNG_es #mdl-connect #mdl-help .mdl-modal .t-box .big-icon {
	margin-left: 0;
}
#trr-bar .module-area li .module .text {
	display: none;
}
#trr-bar .module-area li #mdl-followterra.module .text {
	display: block;
}
/* advertising */
#trr-bar #mdl-advertising{
	/*border: 1px solid #000;*/
	margin: 2px 10px 0 0;
	width: 118px;
	height:37px;
}
#trr-bar #mdl-advertising-html{
	position: relative;
}



/****** GAMIFICATION *******/
#trr-bar.trr-bar-LNG_es #mdl-connect #mdl-gamification > .icon {
	background: url(../_img/trr-bar-es.png?v=1.6.15) no-repeat scroll -13px -479px;
	width: 83px;
}
#trr-bar.trr-bar-LNG_es #mdl-connect #mdl-gamification > .icon:hover {
	background-position: -13px -524px;
}
#trr-bar.trr-bar-LNG_es #mdl-connect #mdl-gamification.active > .icon {
	background-position: -13px -569px;
}

#trr-bar.trr-bar-LNG_en #mdl-connect #mdl-gamification > .icon {
	background: url(../_img/trr-bar-en.png?v=1.6.15) no-repeat scroll -17px -479px;
	width: 74px;
}
#trr-bar.trr-bar-LNG_en #mdl-connect #mdl-gamification > .icon:hover {
	background-position: -17px -524px;
}
#trr-bar.trr-bar-LNG_en #mdl-connect #md	l-gamification.active > .icon {
	background-position: -17px -569px;
}
/*#mdl-gamification { display: none; }*/


/* * * * * * * * * * * * * * * * * * * 
 *                                   *
 * CustomTooltip                     *
 * Aviso de compartilhamento         *
 *                                   *
 * * * * * * * * * * * * * * * * * * */

#trr-bar .custonTooltip #alert_sharing_container {
	padding: 5px;
	height: 27px;
}

#trr-bar .custonTooltip #alert_sharing_network_logo {
	line-height:24px;
	background: url(../_img/trr-bar-pt.png) no-repeat scroll -249px -135px transparent;
	width:24px; 
	display: inline-block;
}

#trr-bar .custonTooltip #alert_sharing_mensagem {
	margin-left: 7px;
	display:inline-block;
	line-height:24px;
	color: #47423A;
	font-family: Arial,Verdana,Helvetica,sans-serif; 
	font-weight: bold;
	margin-right: 8px;
}

#trr-bar .custonTooltip #alert_sharing_acao {
	color: #fe9805;
	padding:8px 20px 0 8px;
	display:inline-block;
	background: url(../_img/vertiline.png) no-repeat scroll 0 8px;
	font-weight: bold;
	cursor:pointer;
}

.LNG_es-ES #sports-my-team { display: none !important; }