/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/

html
{
    height: auto !important;
    min-height: 100%;
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    /*
    height: auto !important;
    min-height: 100%;
    */
    background: #FFF;
    font-family: Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    color: #696969;
    font-size: 13px;
    
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

a img 
{
    border:0;
}

#all-containing-container 
{
    position: relative;
    height: auto !important;
    min-height: 100%;
    height: 100%;
}

.page_background 
{
    position:absolute;
    margin: 0;
    padding: 0;
    overflow:hidden;
    top:0; bottom:0; left:0; right:0;
    display:block;
    background:transparent;
}

.background_gradient
{
    width:100%;
    height:400px;
    background: transparent url(/images/headgrad.png) repeat-x center 0px;
}

.background_logo
{
    width:100%;
    height:612px;
    background: transparent url(/images/bglogo.png) no-repeat center 0px;
}

.page_shadow_top
{
    width:100%;
    height:146px;
    background: transparent url(/images/sombraD.png) no-repeat center 0px;
}

.page_shadow_bottom
{
    width:100%;
    height:100%;
    background: transparent url(/images/sombraID.png) repeat-y center 0px;
    *position: absolute;
    *top:146px;
    *left:0px;
    *right:0px;
    *bottom:0px;
}

header,
footer,
nav,
section 
{
    display: block;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #000;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
    clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
	font-size: 24px;
	color: #009966;
    padding: 0 0 10px 0;
}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}

a
{
    color: #696969;
}

a.nice-link
{
    color: #006699;
}

li
{
    line-height: 1.6;
}

a.block-link
{
    display:block;
    text-decoration:none;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
    margin:0 auto;
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    
    height: auto !important;
    min-height: 100%;
    height: 100%;
    position: relative; /* Required to absolutely position the footer */
    
     *z-index: 130;
}

header, #header
{
    position: relative;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
    display: block;
    z-index:25000;
}

header h1, #header h1
{
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    font-size: 32px !important;
}

#main
{
    /*position: relative;*/
    background: #FFF url(/images/bglogo.png) no-repeat center -158px;
    *background: transparent  url(/images/bglogo.png) no-repeat center -158px;
    /*display:block;*/
    height: 100%;
    width: 100%;
    border: 0;
    
    *z-index: 120;
    
    padding: 0 0 510px 0;
    /*
    padding: 0 0 510px 0;
    */
    *padding: 0;
    *margin: 0 0 510px 0;
    
    overflow:hidden;
}

#main-body
{
    position: relative;
    padding: 20px 25px 20px 25px;
    height:100%;
    display:block;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscore */
}

footer, #footer
{
    position: absolute;
    bottom:0;
    left: 0;
    right: 0;
    color: #999;
    text-align: center;
    line-height: normal;
    margin: 0;
    font-size: .9em;
    
     *z-index: 100;
}

.jScrollPaneContainer 
{
    outline:0;
}

.jScrollPaneDrag:hover
{
    background-color:#444;
}

.jScrollPaneDrag:active
{
    background-color:#333;
}

/*
    ERROR PAGE
*/

#ErrorPage div.vertical-offset
{
    position: absolute;
    top: 50%;
    width: 100%;
    height: 50%;
}

#ErrorPage div.vertical-offset div.center
{
    width:640px;
    height:480px;
}

#ErrorPage div.vertical-offset div.vertical-center
{
    position:absolute;
    top:-50%;
    width:100%;
}

#ErrorPage div.vertical-offset div.vertical-center div.horizontal-center
{
    margin:auto;
    overflow:hidden;
}

#ErrorPage div.container
{
    position:relative;
    width:100%;
    height:100%;
    display:block;
    background-color:transparent;
}

#ErrorPage div.container h2
{
    color:Black;
    text-align: center;
}

#ErrorPage div.container .content
{
    position:relative;
}

/*
    INTRO PAGE
*/

#IntroPage div.vertical-offset
{
    position: absolute;
    top: 50%;
    width: 100%;
    height: 50%;
}

#IntroPage div.vertical-offset div.center
{
    width:855px;
    height:555px;
}

#IntroPage div.vertical-offset div.vertical-center
{
    position:absolute;
    top:-75%;
    width:100%;
}

#IntroPage div.vertical-offset div.vertical-center div.horizontal-center
{
    margin:auto;
    overflow:hidden;
}

#IntroPage div.container
{
    position:relative;
    width:100%;
    height:100%;
    display:block;
    background-color:transparent;
}

#IntroPage div.container h2
{
    color:Black;
    text-align: center;
}

#IntroPage div.container .content
{
    position:relative;
}

/* MENU   
----------------------------------------------------------*/
#menu
{
    position: relative;
    margin: 0;
    text-align: right;
}

#menu .t-item
{
    border-width: 0 0 0 1px;
}

#menu .t-link
{
    padding: 5px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 1.8em;
}

/* SIDE MENU
----------------------------------------------------------*/
#SideMenu
{
    position:relative;
    padding-right:25px;
}

#SideMenu a
{
    position:relative;
    display:block;
    width:100%;
    text-decoration:none;
    background-color:transparent;
    color:#009966;
    border-bottom: 2px solid #009060;
    font-size:12px;
    font-weight:bold;
    padding-top:1.0em;
    
    -webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;	
	transition: all 0.1s ease-in-out;
}

#SideMenu a:hover
{
    background-color:#009966;
    color:#FFF;
}

#SideMenu a .arrow-icon
{
    position:absolute;
    height:20px;
    width:15px;
    left:-15px;
    bottom:0px;
    background: url('/Content/theme/icon_menu_right.png') no-repeat center center;
}

#SideMenu a.secondary
{
    text-indent:16px;
    border-bottom-width:1px;
    color:#22BB88;
    border-color: #22BB88;
    border-width:0px;
    padding-top:0.4em;
}

#SideMenu a.secondary:hover
{
    background-color:#22BB88;
    color:#FFF;
}

#SideMenu a.secondary .arrow-icon
{
    left:1px;
    bottom:-2px;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset 
{
    border:1px solid #ddd;
    padding:0 1.4em 1.4em 1.4em;
    margin:0 0 1.5em 0;
}

legend 
{
    font-size:1.2em;
    font-weight: bold;
}

textarea 
{
    min-height: 75px;
}

input[type="text"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

input[type="password"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

/* TABLE
----------------------------------------------------------*/

table 
{
  border: 0;
  border-collapse: collapse;
}

table td 
{
  padding: 0;   
  border: 0;
}

table th
{
  padding: 6px 5px;
  text-align: left;
  background-color: transparent; 
  border: 0;   
}

table.visible
{
  border: 1px solid grey;
  border-collapse: collapse;
}

table.visible td 
{
  padding: 10px;   
  border: 1px solid grey;
}

table.visible th
{
  padding: 6px 5px;
  text-align: left;
  background-color: transparent; 
  border: 1px solid grey;   
}

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color:Red;
}

div#title
{
    display:block;
    text-align:left;
}

#logindisplay
{
    font-size:1.1em;
    display:block;
    text-align:right;
    margin:10px;
    color:White;
}

#logindisplay a:link
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: white;
    text-decoration: none;
}

#subtitulo
{
    position:relative;
    height: 40px; 
    font-weight:normal; 
    background: #F47922; 
    padding-top: 14px;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label,
.editor-label
{
    margin: 1em 0 0 0;
}

.display-field,
.editor-field
{
    margin:0.5em 0 0 0;
}

.text-box
{
    width: 30em;
}

.text-box.multi-line
{
    height: 6.5em;
}

.tri-state
{
    width: 6em;
}

.wideeditor
{
    width:275px;
}

.superwideeditor
{
    width:400px;
}

.toleft
{
    float: left;
}

.he24
{
    height:24px;
    line-height:22px;
}

input.fullwidtheditor, .fullwidtheditor
{
    width:100%;
}

.notresizablefixbig
{
    resize: none;
    
    max-width:250%;
    min-width:250%;
    width:250%;
    /*
    max-height:500%;
    min-height:500%;
    height:500%;
    */
}

.no-select
{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.cursor-default
{
    cursor:default;
}

.cursor-pointer
{
    cursor:pointer;
}

/*
    ----------------------------------------------------------------------------------------
    ----------------------------------------------------------------------------------------
    ----------------------------------------------------------------------------------------
    ----------------------------------------------------------------------------------------
    ----------------------------------------------------------------------------------------
    ----------------------------------------------------------------------------------------
    ----------------------------------------------------------------------------------------
    ----------------------------------------------------------------------------------------
    ----------------------------------------------------------------------------------------
    ----------------------------------------------------------------------------------------
    ----------------------------------------------------------------------------------------
    ----------------------------------------------------------------------------------------
*/
#hallfama
{
    width:100%;
    height:300px;
    position:relative;
    text-align:center;
    line-height:300px;
    vertical-align:middle;
}

#hallfama a.biglink
{
    display:inline-block;
    width:47%;
    height:100%;
    position:relative;
}

#hallfama a.biglink img
{
    width:100%;
    height:100%;
    
    line-height:300px;
    vertical-align:middle;
}

.paddedContainer
{
    padding:20px 0 20px 0;
}

#HeaderSection
{
    width:960px;
    height:120px;
    background: transparent url(/images/head.png) no-repeat center 0px;
}

#LinksSection
{
    margin: 0;
    background: #107545 url(/images/menu/greenbar.png) no-repeat center 0px;
    display:table;
    width:100%;
}

#FooterSection
{
    background: #107545;
    display:table;
    padding: 0px 0px;
    width:100%;
    min-height: 250px;
    height: 400px;
    /*
    height: 250px;
    */
}

#FooterSection a
{
    text-decoration: none;
    border: none;
}

#FooterSection h3, #FooterSection h3 a
{
    margin-top: 0;
    color: #7EAEA7;
    font-weight: bolder;
    font-size: 14px;
}

#FooterSection h4, #FooterSection h4 a
{
    color: #89A959;
    font-size: 1em;
}

#FooterSection .sectionList
{
    padding: 10px;
    text-align:left;
    display:table-cell;
    *float:left;
}

#Matches-Calendar
{
    position:relative;
    z-index:840;
}

#Matches-Calendar #MatchesWrapper
{
    float:left;
}

#Matches-Calendar #CalendarWrapper
{
    position:relative;
    float:right;
    width:275px;
    height:80px;
}

#MatchesWrapper
{
    position:relative;
    z-index:850;
}

#MatchesWrapper .loading-overlay
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:80px;
    right:0;
    bottom:0;
    background: url(/images/transpWhite.png);
    z-index:900;
}

#MatchesWrapper .loading-overlay .spinning-wheel
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:80px;
    right:0;
    bottom:0;
    background: transparent url(/images/loading.gif) no-repeat center center;
    z-index:910;
}

#TodayMatches
{
    display:block;
    /*
    width:910px;
    */
    width:626px;
    height:80px;
    position:relative;
    z-index:860;
    background-color:Silver;
    /*
    display:none;
    */
}

#TodayMatches-Header
{
    border-bottom: 1px solid #A7BAC5;
    border-left: 1px solid #CCC;
    border-right: 1px solid #333;
    background: #A6D9F4 url('/Content/theme/hbg.png') repeat-x center center;
    color:Black;
    height:19px;
    line-height:20px;
    vertical-align:middle;
    /*
    width:908px;
    */
    width:624px;
    color:#008855;
    font-weight:bolder;
    text-indent:1em;
}

#TodayMatches .match-scroller
{
    display:block;
    width:28px;
    height:59px;
    border-bottom:1px solid black;
    border-right:1px solid gray;
    
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    
    background: #EEE url('/Content/theme/sbbg.png') no-repeat center center;
    z-index:850;
}

#TodayMatches #Scroll-Left
{
    display:block;
    position:absolute;
    left:0;
    border-left:1px solid #CCC;
}

#TodayMatches #Scroll-Right
{
    display:block;
    position:absolute;
    right:0;
    border-left:1px solid gray;
}

#TodayMatches #Scroll-Left.match-scroller.active
{
    background: #EEE url('/Content/theme/lsbg.png') no-repeat center center;
}

#TodayMatches #Scroll-Right.match-scroller.active
{
    background: #EEE url('/Content/theme/rsbg.png') no-repeat center center;
}

#TodayMatches #Scroll-Left.match-scroller.active:hover, #TodayMatches #Scroll-Right.match-scroller.active:hover
{
    background-color:#999;
}

#TodayMatches div.match-outer
{
    position:absolute;
    left:29px;
    right:30px;
    display:block;
    /*
    width:852px;
    */
    width:auto;
    height:60px;
    overflow:hidden;
    z-index:800;
    /*
    pointer-events:none;
    */
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;	
	transition: all 0.3s ease-in-out;
}

#TodayMatches div.matches-extended
{
    position:absolute;
    left:29px;
    right:30px;
    top:80px;
    display:block;
    width:auto;
    z-index:790;
    /*
    pointer-events:none;
    */
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;	
	transition: all 0.3s ease-in-out;
}

#TodayMatches div.no-matches-message
{
    width:100%;
    height:100%;
    line-height:60px;
    font-size:18px;
    font-weight:bold;
    color:Gray;
    text-align:center;
}

#TodayMatches div.match-container
{
    position:relative;
    display:block;
    height:60px;
    background-color:#FFF;
    z-index:700;
    white-space:nowrap;
    
    background: #FFF url('/Content/theme/mcbg.png') repeat-x center center;
    
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;	
	transition: all 0.3s ease-in-out;
}

#TodayMatches div.matches-extended .match-container
{
    background:0;
}

#TodayMatches .matchinfo
{
    display:block;
    position:relative;
    float:left;
    width:284px;
    height:59px;
    cursor:default;
}

#TodayMatches div.matches-extended .matchinfo
{
    height:1px;
}

#TodayMatches .matchinfo .main
{
    display:block;
    position:relative;
    float:left;
    width:100%;
    height:100%;
    cursor:default;
    
    border-bottom:1px solid black;
    
    z-index:750;
    
    color:Black;
    background: #FFF url('/Content/theme/mcbg.png') repeat-x center center;
}

#TodayMatches .matchinfo .main:hover
{
    cursor:pointer;
}

#TodayMatches .matchinfo .main .matchmaincontent
{
    display:block;
    width:100%;
    white-space:normal;
    position:absolute;
    left:10px;
    top:8px;
    width:264px;
    height:44px;
}

#TodayMatches .matchinfo .main .matchmaincontent .live-icon
{
    float:right;
    display:block;
    width:15%;
    height:12px;
    font-size:8px;
    color:#F47922;
    margin-bottom:0px;
    margin-top:-4px;
}

#TodayMatches .matchinfo .main .matchmaincontent .t1
{
    color:#666;
    font-size:9px;
}

#TodayMatches .matchinfo .main .matchmaincontent .t2
{
    color:#000;
    font-size:9px;
    font-weight:bold;
}

#TodayMatches .matchinfo .main .teamsscores
{
    display:block;
    float:left;
    overflow:hidden;
    margin-left:3px;
}

#TodayMatches .matchinfo .extended
{
    display:block;
    position:relative;
    top:0px;
    width:100%;
    height:auto;
    background: #D1DEB6 url('/images/brushed.jpg') repeat center 0px;
    overflow:visible;
	
    z-index:700;
    
    /*
    filter: alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
    */
    /*
    visibility:hidden;
    */
    -moz-box-shadow:    1px 1px 6px 1px #333;
    -webkit-box-shadow: 1px 1px 6px 1px #333;
    box-shadow:         1px 1px 6px 1px #333;
    
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;	
	transition: all 0.3s ease-in-out;
}

#TodayMatches .matchinfo .extended.open
{
    /*
    top:1px;
    left:auto;
    width:100%;
    height:400px;
    display:block;
    overflow:visible;
    */
}

#TodayMatches .matchinfo .extended .matchescbblogo
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    /*
    background-color:transparent;
    background-image:url('/images/matches/logo_match.png');
    background-repeat:no-repeat;
    background-position: center -22px;
    */
    overflow:hidden;
    z-index: -100;
    text-align:center;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#TodayMatches .matchinfo .extended .matchescbblogo img
{
    position:relative;
    width:75%;
    top:-42px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#TodayMatches .matchinfo .extended .withstats
{
    width:274px;
    margin:5px;
}

#TodayMatches .matchinfo .extended .bigresults-container
{
    display:block;
    width:100%;
    height:64px;
    position:relative;
}

#TodayMatches .matchinfo .extended .bigresults
{
    display:block;
    width:165px;
    height:53px;
    line-height:53px;
    font-size:10px;
    text-align:center;
    vertical-align:middle;
    color:#979797;
    position:absolute;
    bottom:0;
}

#TodayMatches .matchinfo .extended .bigresults .name
{
    width:110px;
    height:100%;
    text-align:center;
    overflow:hidden;
    text-overflow:ellipsis;
}

#TodayMatches .matchinfo .extended .bigresults .points
{
    width:30px;
    height:100%;
    text-align:center;
    color:#006D44;
    font-size:16px;
    font-weight:bold;
}

#TodayMatches .matchinfo .extended .bigresults.left
{
    left:-20px;
    /*
    background-color:transparent;
    background-image:url('/images/matches/dir.png');
    background-repeat:no-repeat;
    background-position:center center;
    */
}

#TodayMatches .matchinfo .extended .bigresults.left .name
{
    float:left;
    margin-left:5px;
}

#TodayMatches .matchinfo .extended .bigresults.left .points
{
    float:right;
    margin-right:15px;
}

#TodayMatches .matchinfo .extended .bigresults.right
{
    right:-20px;
    /*
    background-color:transparent;
    background-image:url('/images/matches/esq.png');
    background-repeat:no-repeat;
    background-position:center center;
    */
}

#TodayMatches .matchinfo .extended .bigresults.right .name
{
    float:right;
    margin-right:5px;
}

#TodayMatches .matchinfo .extended .bigresults.right .points
{
    float:left;
    margin-left:15px;
}

#TodayMatches .matchinfo .extended .bigresults img
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index:-100;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#TodayMatches .matchinfo .extended .moreinfo
{
    width:100%;
    line-height:24px;
    vertical-align:middle;
}

#TodayMatches .matchinfo .extended .stats-container
{
    display:block;
    margin-top:5px;
    padding:0;
    padding-top:15px;
    padding-bottom:5px;
    width:100%;
    /*width:244px;
    height:270px;*/
    background-color:#FBB337;
}

#TodayMatches .matchinfo .extended .singlestat
{
    width:100%;
    border-bottom: 1px solid #4E4E4E;
    margin-bottom:6px;
    position:relative;
    height:16px;
    line-height:16px;
}

#TodayMatches .matchinfo .extended .singlestat .statname
{
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    width:100%;
    height:14px;
    line-height:14px;
    font-size:12px;
    font-weight:bold;
    text-align:center;
    vertical-align:top;
    color:#636363;
}

#TodayMatches .matchinfo .extended .singlestat .team
{
    width:35%;
    color:#636363;
    font-size:10px;
}

#TodayMatches .matchinfo .extended .singlestat .team.left
{
    float:left;
    text-align:center;
    margin-left:5px;
    width:72px;
}

#TodayMatches .matchinfo .extended .singlestat .team.right
{
    float:right;
    text-align:center;
    margin-right:5px;
    width:72px;
}

#InfoSlider
{
    background: transparent;
    display:table;
    width:910px;
    height:auto !important;
	min-height: 415px;
	height: 415px;
    position:relative;
    z-index:100;
}

#InfoSlider div, #InfoSlider span, #InfoSlider a, #InfoSlider img
{
    z-index:150;
}

#Sponsors
{
    background: transparent;
    display:block;
    width:910px;
    height:90px;
    position:absolute;
    bottom:410px;
    text-align: left;
}

#Sponsors span
{
    color: #00817A;
    font-family: Verdana;
    font-size:9px;
    font-weight: bold;
    height:28px;
    line-height:28px;
    position:relative;
    top:-6px;
    margin-right:15px;
}

#Sponsors span.nomargin
{
    position:relative;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:0;
}

span.sep
{
    height:1px;
    min-height:1px;
    max-height:1px;
    width:1px;
    min-width:1px;
    max-width:1px;
}

span.contentshot
{
    width:250px;
    position:relative;
    display:inline-block;
}

#Sponsors .left
{
    width: 25%;
    display: inline-block;
    position: relative;
    float:left;
}

#Sponsors img.big
{
    width:150px;
}

#Sponsors .right
{
    width: 75%;
    display: inline-block;
    position: relative;
    float:right;
}

.sponsor-button 
{
    /*
	-moz-box-shadow:inset 0px 1px 0px 0px #ebebeb;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ebebeb;
	box-shadow:inset 0px 1px 0px 0px #ebebeb;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #edf3fc), color-stop(1, #d0e4f5) );
	background:-moz-linear-gradient( center top, #edf3fc 5%, #d0e4f5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#edf3fc', endColorstr='#d0e4f5');
	background-color:#edf3fc;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:2px solid #e0e8ff;
*/
    text-align: center;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:15px;
	font-weight:normal;
	padding:0px 0px;
	text-decoration:none;
	width: 72px;
	height: 28px;
	margin: 3px 2px;
}.sponsor-button:hover 
{
    /*
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d0e4f5), color-stop(1, #edf3fc) );
	background:-moz-linear-gradient( center top, #d0e4f5 5%, #edf3fc 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0e4f5', endColorstr='#edf3fc');
	background-color:#d0e4f5;
*/
}.sponsor-button:active 
{
    /*
	position:relative;
	top:1px;
    */
}
/* This imageless css button was generated by CSSButtonGenerator.com */

.sponsor-button img 
{
    position:relative;
    top:2px;
}

#toplinks a, #toplinks span.clickable
{
    text-decoration:none;
    color:Green;
}

#toplinks a:hover, #toplinks a:active, #toplinks span.clickable:hover, #toplinks span.clickable:active
{
    cursor:pointer;
    text-decoration:underline;
}

/*
    ----------------------------------------------------------------------------------------
    SEARCHBOX STYLE
    ----------------------------------------------------------------------------------------
*/

#searchBox
{
    display:table-cell;
    position:absolute;
    right:0;
    width:190px;
    float:right;
    /*visibility:hidden;*/
}

#searchBox .searchContainer
{
    border: 0;
    position:relative;
    top:5px;
    left:5px;
    width:180px;
    height:28px;
    overflow:hidden;
}

#searchBox .textContainer
{
    position:absolute;
    left:0px;
    right:28px;
    top:0px;
    bottom:0px;
    background-color: #888888;
    border-top-width: 0px;
    border-bottom-width: 0px;
}

#searchBox input
{
    border:0;
    outline:none;
}

#searchBox input[type="text"]
{
    border:0;
    outline:none;
    position:absolute;
    top:4px;
    left:4px;
    height:18px;
    width:145px;
}

/*
    ----------------------------------------------------------------------------------------
    SEARCHPAGE STYLE
    ----------------------------------------------------------------------------------------
*/

#cse form.gsc-search-box, #cse div.gsc-tabsAreaInvisible, #cse div.gsc-above-wrapper-area, #cse table.gsc-resultsHeader
{
    display:none;
}

#cse div.gsc-url-bottom
{
    display:none;
}

/*
    ----------------------------------------------------------------------------------------
    MENU STYLE
    ----------------------------------------------------------------------------------------
*/

#Menu
{
    display:table-cell;
}

#Menu a, #Menu span
{
    text-decoration:none;
    outline: none;
}

ul#Menu.t-widget.t-reset.t-header.t-menu
{
    width:80%;
    height:38px;
    border:0;
    border-style:none;
    background: transparent;
    float:left;
    position:relative;
    white-space:nowrap;
}

ul#Menu.t-widget.t-reset.t-header.t-menu .t-arrow-down 
{
    /*display:none;*/
    background-position: 0;
    margin-left: 10px;
}

ul#Menu.t-widget.t-reset.t-header.t-menu .noarrow .t-arrow-down 
{
    display:none;
}

ul#Menu.t-widget.t-reset.t-header.t-menu .t-icon
{
    background-image: url('/Content/theme/icon_menu.png');
}

ul#Menu.t-widget.t-reset.t-header.t-menu li.t-item.t-state-default
{
    width:20%;
    height:100%;
    border: 0;
    border-style:none;
    text-align: center;
    position:static;
    vertical-align: middle;
    
    -webkit-transition: padding 0.2s ease-in-out, margin 0.2s ease-in-out;
	-moz-transition: padding 0.2s ease-in-out, margin 0.2s ease-in-out;
	-o-transition: padding 0.2s ease-in-out, margin 0.2s ease-in-out;
	-ms-transition: padding 0.2s ease-in-out, margin 0.2s ease-in-out;	
	transition: padding 0.2s ease-in-out, margin 0.2s ease-in-out;
}

ul#Menu.t-widget.t-reset.t-header.t-menu li.t-item.t-state-default.active, ul#Menu.t-widget.t-reset.t-header.t-menu li.t-item.t-state-default.selected
{
    /*
    background: #004F25;
    padding-top: 10px;
    margin-top: -10px;
    */
    background: transparent url('/images/menu_aba_verde.png') no-repeat center 0px;
    padding-top: 15px;
    margin-top: -15px;
    
    border-top-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    
    border-top-right-radius: 10px;
    -moz-border-top-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
}

ul#Menu.t-widget.t-reset.t-header.t-menu li.t-item.t-state-default .t-link
{
    position: static;
    vertical-align:middle;
    height:20px;
    padding: 9px 0;
    color: #FFCC33;
}

ul#Menu.t-widget.t-reset.t-header.t-menu li.t-item.t-state-default.active .t-link
{
    color: #FFFFFF;
}

ul#Menu.t-widget.t-reset.t-header.t-menu li.t-item.t-state-default .t-link.t-state-hover
{
    position: relative;
    vertical-align:middle;
    background: transparent;
    color: #FFFFFF;
}

ul#Menu.t-widget.t-reset.t-header.t-menu li.t-item.t-state-default div.t-animation-container
{
    left:0px;
    min-width: 960px;
    max-width: 960px;
    width: 960px;
    z-index: 100;
    background-color: Transparent;
}

ul#Menu.t-widget.t-reset.t-header.t-menu li.t-item.t-state-default div.t-animation-container ul.t-group
{
    border: 0 none transparent;
    width: 100%;
    *width:1px;
    -moz-box-shadow: rgb(0,0,0) 0px 0px 0px 0px;
    -webkit-box-shadow: rgb(0,0,0) 0px 0px 0px 0px;
    box-shadow: rgb(0,0,0) 0px 0px 0px 0px;
    background-color: Transparent;
}

ul#Menu.t-widget.t-reset.t-header.t-menu li.t-item.t-state-default div.t-animation-container ul.t-group li.t-item
{
    
    background: transparent;
    width: 100%;
}

ul#Menu.t-widget.t-reset.t-header.t-menu li.t-item.t-state-default div.t-animation-container ul.t-group li.t-item.t-state-default
{
}

.item-submenu
{
    padding:0;
    margin:0;
    border:0;
    width:100%;
    *width:960px;
    text-align:center;
    display:block;
}

ul#Menu .t-group, ul#Menu .t-content, ul#Menu .t-editable-area
{
}

.item-submenu .container
{
    *position:relative;
    *left:-50%;
    width:100%;
    height:100%;
    background-color: #004F25;
    /*background-color: #107545;*/
    text-align:center;
    display:block;
}

.item-submenu .container a
{
    display:inline-block;
    width:100px;
    height:80px;
    padding:10px;
    padding-bottom: 50px;
    margin-top:5px;
    margin-bottom:5px;
    position:relative;
    
    text-align:center;
    
    -webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;	
	transition: all 0.1s ease-in-out;
}

.item-submenu .container a:hover
{
    background: #107545;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.item-submenu .container a img
{
    max-width:100%;
    width: auto !important;
    width: 100%;
    max-height:100%;
    height: auto !important;
    height: 100%;
}

.item-submenu .container a span.image
{
    width:100%;
    height:100%;
    display: block;
    overflow:hidden;
}

.item-submenu .container a span.label
{
    position:absolute;
    width:100%;
    bottom:0px;
    left:0;
    right:0;
    text-align:center;
    color:Silver;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space:pre-line;
    vertical-align:middle;
}

/*
    Content of index
*/
div.onethird
{
    width: 33.3333333333%;
    height: 100%;
    padding: 0 0 0 0;
    float: left;
    overflow: hidden;
    position: relative;
    text-align:center;
}

div.noroundedcorners
{
    width: 95%;
    height: 100%;
    position: absolute;
    background-color:transparent;
    
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    
    overflow:hidden;
}

div.roundedcorners
{
    width: 95%;
    height: 100%;
    position: absolute;
    background-color:transparent;
    
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    
    overflow:hidden;
}

div.roundedcorners.active-section
{
    overflow:visible;
}

div#home-event-calendar
{
    position:relative;
    overflow:visible;
    width:100%;
    height:100%;
}

div.home-calendar .main-calendar
{
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    overflow:hidden;
    
    z-index:300;
}

div.home-calendar .main-calendar img
{
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    
    z-index:0;
}

div.home-calendar .main-calendar span
{
    cursor:default;
}

div.home-calendar .extended-calendar
{
    display:block;
    width:100%;
    height:0px;
    position:absolute;
    left:2.5%;
    top:80px;
    overflow:hidden;
    
    z-index:300;
    white-space:nowrap;
    
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;	
	transition: all 0.3s ease-in-out;
}

div.home-calendar:hover .extended-calendar, div.home-calendar.open .extended-calendar, div.home-calendar.forceopen .extended-calendar
{
    height: 250px;
    position:absolute;
    /*
    left:2.5%;
    top:80px;
    */
}

#CalendarioEventos table tbody
{
    background-color: #AAA;
}

#CalendarioEventos table tbody .t-link
{
    background-color: #FFF;
    text-decoration: none;
    color:#666;
}

#CalendarioEventos table tbody .t-other-month .t-link
{
    background-color: #EEE;
    text-decoration: none;
    color:#888;
}

#CalendarioEventos table tbody .t-state-selected, #CalendarioEventos table tbody .t-state-hover
{
    background-color: #B33;
}

#CalendarioEventos table tbody .t-action-link
{
    background-color: #DDD;
    text-decoration: none;
    color:#000;
    font-weight:bold;
}

#CalendarioEventos table tbody .t-other-month .t-action-link
{
    background-color: #EEE;
    text-decoration: none;
    color:#666;
    font-weight:bold;
}

#extended-date-information
{
    /*
    display:none;
    */
    width:350px;
    min-height:100px;
    height:auto !important;
    height:100px;
    position:absolute;
    
    z-index:1000;
    background-color:White;
    
    -moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:3px solid #000;
    
    opacity:0.9;
}

#date-events-list 
{
    position:relative;
}

#date-events-list .navigator
{
    text-align:center;
    line-height:20px;
    vertical-align:middle;
}

#date-events-list .navigator a
{
    text-decoration:none;
    margin-left:4em;
    margin-right:4em;
}

#date-events-list .actualdate
{
    font-size:18px;
    font-weight:bold;
}

#extended-date-information a.calendar-competicao-link, #date-events-list a.calendar-competicao-link
{
    color: #B33;
    font-weight: bold;
}

#extended-date-information a.calendar-event-link, #date-events-list a.calendar-event-link
{
    color: #107545;
    font-weight: bold;
}

/*
    Featured News
*/

div#FeaturedNewsGrid.t-widget.t-grid
{
    border:0;
    border-style:none;
}

div#FeaturedNewsGrid.t-widget.t-grid table tbody tr td
{
    padding:0;
}

#FeaturedNewsGrid div.t-grid-header, #FeaturedNewsGrid div.t-grid-header-wrap, #FeaturedNewsGrid th.t-header
{
    display:none;
    visibility:hidden;
    border-color: #A7BAC5;
    background: #A6D9F4 url('/Content/theme/vista-blue-sprite.png') repeat-x 0 -852px;
}

#FeaturedNewsGrid-Header
{
    border-bottom: 1px solid #A7BAC5;
    background: #A6D9F4 url('/Content/theme/vista-blue-sprite.png') repeat-x 0 -852px;
    color:Black;
    height:27px;
    line-height:28px;
    vertical-align:middle;
    width:100%;
}

/*
    Last Interviews
*/

div#LastInterviewsGrid.t-widget.t-grid
{
    border:0;
    border-style:none;
}

div#LastInterviewsGrid.t-widget.t-grid table tbody tr td
{
    padding:0;
}

#LastInterviewsGrid div.t-grid-header, #LastInterviewsGrid div.t-grid-header-wrap, #LastInterviewsGrid th.t-header
{
    display:none;
    visibility:hidden;
    border-color: #A7BAC5;
    background: #A6D9F4 url('/Content/theme/vista-blue-sprite.png') repeat-x 0 -852px;
}

#LastInterviewsGrid-Header
{
    border-bottom: 1px solid #A7BAC5;
    background: #A6D9F4 url('/Content/theme/vista-blue-sprite.png') repeat-x 0 -852px;
    color:Black;
    height:27px;
    line-height:28px;
    vertical-align:middle;
    width:100%;
}

/*
    Older News
*/

div#OlderNewsGrid.t-widget.t-grid
{
    border:0;
    border-style:none;
}

div#OlderNewsGrid.t-widget.t-grid table tbody tr td
{
    padding:0;
}

#OlderNewsGrid div.t-grid-header, #OlderNewsGrid div.t-grid-header-wrap, #OlderNewsGrid th.t-header
{
    display:none;
    visibility:hidden;
    border-color: #94cd90;
    background: #b4edb0 url('/Content/theme/vista-green-sprite.png') repeat-x 0 -852px;
}

#OlderNewsGrid-Header
{
    border-bottom: 1px solid #94cd90;
    background: #b4edb0 url('/Content/theme/vista-green-sprite.png') repeat-x 0 -852px;
    color:Black;
    height:27px;
    line-height:28px;
    vertical-align:middle;
    width:100%;
}

/*
    All News
*/

#NewsMenu
{
    border:0;
    background:transparent;
}

#NewsMenu .t-item
{
    border:0;
}

#NewsMenu .actual-entry
{
    margin:0;
    width:188px;
    height:29px;
    font-size:12px;
    line-height:29px;
    padding: 0 8px;
    background: transparent url(/images/botoes/green.png) no-repeat center 0px;
    color:#006633;
}

#NewsMenu .actual-entry.t-state-hover
{
    background: transparent url(/images/botoes/green-rollover.png) no-repeat center 0px;
}

#NewsMenu .actual-entry .t-icon
{
    display:none;
    visibility:hidden;
}

#NewsMenu .t-animation-container
{
    left:7px;
}

#NewsMenu .t-group
{
    border-color:#006633;
    border-top:0;
}

#NewsMenu .t-group .option
{
    width:154px;
    font-size:12px;
    color:#006633;
}

#NewsMenu .t-group .option.t-state-hover
{
    background-color:#E8F1ED;
}

#NewsGrid.t-widget.t-grid, #NewsGrid.t-widget.t-grid table, #NewsGrid.t-widget.t-grid tr, #NewsGrid.t-widget.t-grid td
{
    background-color: transparent;
    border:0;
    border-style:none;
}

#NewsGrid .t-alt
{
    background-color: transparent;
    border:0;
    border-style:none;
}

#NewsGrid .t-grid-header
{
    display:none;
}

#NewsGrid.t-widget.t-grid div.t-grid-pager.t-grid-bottom
{
    background-color: transparent;
    border:0;
    border-style:none;
}

#NewsGrid.t-widget.t-grid div.t-grid-pager.t-grid-bottom div.t-status
{
    display:none;
}

/*
    Tab Strip
*/

#TabStrip.t-widget.t-grid
{
    border:0;
    border-style:none;
}

#TabStrip.t-widget.t-tabstrip.t-header
{
    /*
    display:none;
    */
    border-color: #94cd90;
    background: #b4edb0 url('/Content/theme/vista-green-sprite.png') repeat-x 0 -852px;
}

#TabStrip.t-tabstrip .t-content, .t-panelbar .t-tabstrip .t-content
{
    padding:0;
}

/*
    Right Div
*/

.rightdiv
{
    display:block;
    float:right;
}

/*
    PanelBar
*/

ul#PanelBar.t-widget.t-panelbar.t-reset
{
    border: 0;
    background-color: transparent;
}

ul#PanelBar.t-widget.t-panelbar.t-reset .t-item .t-link.t-header
{
    text-indent: 1em;
    font-size: 18px;
    background: transparent;
    
    -webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;	
	transition: all 0.1s ease-in-out;
}

ul#PanelBar.t-widget.t-panelbar.t-reset .t-item.t-state-active .t-link.t-header
{
    text-indent: 1em;
    font-size: 18px;
    background-color: #107545;
    color:#FFF;
}

ul#PanelBar.t-widget.t-panelbar.t-reset .t-item .t-link.t-state-hover
{
    background-color: #107545;
    color:#FFF;
}

ul#PanelBar.t-widget.t-panelbar.t-reset .t-item .t-group .t-item
{
    text-indent: 6em;
}

ul#PanelBar.t-widget.t-panelbar.t-reset .t-item .t-group .t-item .t-link.t-state-hover
{
    text-indent: 4em;
    background-color: Silver;
    color: #000;
}

ul#PanelBar.t-widget.t-panelbar.t-reset .t-item .t-panelbar-expand, ul#PanelBar.t-widget.t-panelbar.t-reset .t-item .t-panelbar-collapse
{
    position: absolute;
    top: 10px;
    left: 12px;
    right: auto;
}

ul#PanelBar.t-widget.t-panelbar.t-reset .t-item.t-state-active
{
    border: 0;
    background-color: transparent;
}

ul#PanelBar.t-widget.t-panelbar.t-reset .t-item.t-state-active .t-group
{
    border: 0;
    background-color: transparent;
}

ul#PanelBar.t-widget.t-panelbar.t-reset .t-item.t-state-active .t-group .t-item.t-state-default .t-link
{
}

ul#PanelBar .t-arrow-down
{
    background-position: 0;
    background-image: url('/Content/theme/icon_menu.png');
}

ul#PanelBar .t-arrow-up
{
    background-position: 0;
    background-image: url('/Content/theme/icon_menu_up.png');
}


/*
    UI Dialog
*/

.ui-dialog ui-widget
{
}

.ui-dialog-titlebar
{
    display:none;
    height: 38px;
    background: #006F45;
}

#ui-dialog-title-dialog
{
}

.ui-dialog-titlebar-close
{
    color: Yellow;
}


.ui-widget-overlay 
{
    background: #666666;
    opacity: .50;
    filter:Alpha(Opacity=50);
    
    position: absolute;
    top: 0px;
}


/*
    Facebook
*/

/* MOVE FACEBOOK DIALOG TO THE TOP OF THE BUTTON */
.fb_edge_comment_widget.fb_iframe_widget span {
    position:absolute;
    bottom: 8px;
    right: -466px;
    /*
    position:fixed;
    bottom: 0px;
    right: 0px;
    */
}


/*
    Acervo - Fotos
*/

#FotosContainer
{
    width: 910px;
    height: 605px;
    background-color: transparent;
    overflow:hidden;
    
    padding:0;
    margin:0;
    border: 1px solid #4a4a4a;
    
    position:relative;
}

#FotosContainer .year-list-container
{
    position:absolute;
    top:0;
    left:0;
    width: 199px;
    height: 605px;
    overflow: hidden;
    display:block;
    background-color:transparent;
    border-right: 1px solid #4a4a4a;
}

#FotosContainer .year-list
{
    position:relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display:block;
}

#FotosContainer .year-link
{
    position:relative;
    display: block;
    text-align: right;
    
    width:165px;
    padding-right: 60px;
    
    height:34px;
    padding-top: 8px;
    
    text-decoration: none;
    border:none;
    outline:none;
    
    font-size: 21px;
    font-family: Verdana;
    font-weight: bold;
    
    color:Gray;
    
    -webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;	
	transition: all 0.1s ease-in-out;
}

#FotosContainer .year-link:hover, #FotosContainer .year-link.clicked
{
    background-color:#107545;
    width:175px;
    color:#FFF;
}

#FotosContainer .content-container
{
    position:absolute;
    top:0;
    right:0;
    width: 710px;
    height: 605px;
    overflow: hidden;
    display:block;
    float:right;
    position:relative;
    background-color:transparent;
}

#FotosContainer #ytc
{
    position:absolute;
    left:0;
    right:0;
    width:100%;
    height:100%;
    
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;	
	transition: all 0.2s ease-in-out;
}

#FotosContainer #ytc.hidden
{
    left:-100%;
}

#FotosContainer #etc
{
    position:absolute;
    left:0;
    right:0;
    width:100%;
    height:100%;
    
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;	
	transition: all 0.2s ease-in-out;
}

#FotosContainer #etc.hidden
{
    left:100%;
}

#FotosContainer #YearThumbs
{
    position:relative;
    width: 670px;
    height: 517px;
    padding: 20px;
    overflow: hidden;
    display:block;
}

#FotosContainer #EventThumbs
{
    position:relative;
    width: 670px;
    height: 517px;
    padding: 20px;
    overflow: hidden;
    display:block;
}

#FotosContainer div.titlebar
{
    position:relative;
    width:100%;
    height:47px;
    background-color:#AAA;
    text-align:center;
    
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cfcfcf), color-stop(1, #909090) );
	background:-moz-linear-gradient( center top, #cfcfcf 5%, #909090 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#909090');
	background-color:#cfcfcf;
	
	border-bottom: 1px solid #4a4a4a;
}

#FotosContainer div.fake
{
    position:absolute;
    width:110%;
    top:0;
    left:-5%;
}

#FotosContainer div.titlebar span.title
{
    color:White;
    font-family:Arial;
    font-size:21px;
    font-weight:bold;
    position:relative;
    top:10px;
    
    display:inline-block;
    
    text-shadow: 0 -2px 0 #777;
    
    max-width:530px;
    width:550px;
    
    max-height:36px;
    height:36px;
    
    overflow:hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}

#FotosContainer div.titlebar .backbutton {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c7c7c7), color-stop(1, #757575) );
	background:-moz-linear-gradient( center top, #c7c7c7 5%, #757575 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c7c7c7', endColorstr='#757575');
	background-color:#c7c7c7;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #4a4a4a;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:3px 20px;
	text-decoration:none;
	
	position:absolute;
	left: 15px;
	top: 11px;
	bottom: 11px;
}#FotosContainer div.titlebar .backbutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #757575), color-stop(1, #c7c7c7) );
	background:-moz-linear-gradient( center top, #757575 5%, #c7c7c7 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#c7c7c7');
	background-color:#757575;
}#FotosContainer div.titlebar .backbutton:active {
	/*position:relative;
	top:1px;*/
}
/* This imageless css button was generated by CSSButtonGenerator.com */

.separate-from-other-elements 
{
    margin-left:8px;
    margin-top:8px;
}

.gray-button {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	/*
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	*/
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#666666;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:6px 16px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.gray-button:hover 
{
    /*
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) );
	background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
	*/
	background-color:#e9e9e9;
}.gray-button:active {
	position:relative;
	top:1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */

.green-button {
	-moz-box-shadow:inset 0px 1px 0px 0px #739e4d;
	-webkit-box-shadow:inset 0px 1px 0px 0px #739e4d;
	box-shadow:inset 0px 1px 0px 0px #739e4d;
	/*
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #09ab09), color-stop(1, #10592d) );
	background:-moz-linear-gradient( center top, #09ab09 5%, #10592d 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#09ab09', endColorstr='#10592d');
	*/
	background-color:#107545;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #629117;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #528009;
}.green-button:hover {
	/*
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #10592d), color-stop(1, #09ab09) );
	background:-moz-linear-gradient( center top, #10592d 5%, #09ab09 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#10592d', endColorstr='#09ab09');
	*/
	background-color:#004F25;
}.green-button:active {
	position:relative;
	top:1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */

.gray-button.grande, .green-button.grande 
{
    width:203px;
    padding:6px 0px;
}

.gray-button.pequeno, .green-button.pequeno 
{
    width:118px;
    padding:6px 0px;
}

.gray-button.grande 
{
    background-image: url(/images/botoes/grande.png);
    background-repeat:no-repeat;
    background-position:center;
}

.gray-button.pequeno 
{
    background-image: url(/images/botoes/pequeno.png);
    background-repeat:no-repeat;
    background-position:center;
}

.gray-button.grande:hover
{
    background-image: url(/images/botoes/grande-rollover.png);
    background-repeat:no-repeat;
    background-position:center;
}

.gray-button.pequeno:hover
{
    background-image: url(/images/botoes/pequeno-rollover.png);
    background-repeat:no-repeat;
    background-position:center;
}

/*
background: #FFF url(/images/bglogo.png) no-repeat center -158px;
*/


.jScrollPaneDrag {
    position: absolute;
    *left:0;
}

a.media-listitem
{
    display:block;
    width:100%;
    height:50px;
    padding:0;
    padding-top:7px;
    padding-bottom:7px;
    margin-top:1px;
    position:relative;
    text-align:left;
    
    text-decoration:none;
    outline: none;
    
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;	
	transition: all 0.2s ease-in-out;
}

a.media-listitem.news
{
    height:70px;
}

a.media-listitem.alt
{
    background-color:#F7F7F7;
}

a.media-listitem img
{
    width: 100%;
    vertical-align: middle;
    position:relative;
    top:-3px;
}

a.media-listitem span.image
{
    display:inline-block;
    *display: block;
    width: 50px;
    height: 50px;
    padding-left:5px;
    
    position:relative;
    
    text-align:center;
    vertical-align:middle;
}

a.media-listitem span.image span
{
    display:block;
    overflow:hidden;
    position: relative;
    width:100%;
    height:100%;
    line-height:50px;
}

a.media-listitem.news span.image span
{
    line-height:70px;
}

a.media-listitem span.label
{
    position:absolute;
    top:10px; bottom:10px;
    left:60px; right:5px;
    *height: 50px;
    text-align:left;
    color:Gray;
    overflow:hidden;
    font-size:12px;
    text-overflow: ellipsis;
    line-height:20px;
}

a.media-listitem.news span.label
{
    *width:220px;
    *height:70px;
}

a.media-listitem:hover
{
    cursor:pointer;
    background-color:#107545;
}

a.media-listitem:hover span.label
{
    color:#FFF;
}

a.media-thumbnail
{
    display:inline-block;
    *display:inline;
    width:120px;
    height:120px;
    padding:20px;
    padding-bottom:50px;
    margin-top:5px;
    margin-bottom:5px;
    position:relative;
    text-align:center;
    
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;	
	transition: all 0.2s ease-in-out;
}

a.media-thumbnail img, .misc-thumbnail img
{
    width: 100%;
    vertical-align: middle;
    position:relative;
    top:-3px;
}

a.media-thumbnail span.image, .misc-thumbnail span.image
{
    display:block;
    width: 100%;
    height: 100%;
    /*
    overflow:hidden;
    */
    position:relative;
    border:1px solid gray;
    
    text-align:center;
    vertical-align:middle;
}

a.media-thumbnail span.image span, .misc-thumbnail span.image span
{
    display:block;
    overflow:hidden;
    position: absolute;
    top:5px; left:5px;
    bottom:5px; right:5px;
    line-height:110px;
}

a.media-thumbnail span.label, .misc-thumbnail span.label
{
    position:absolute;
    width:100%;
    height:45px;
    bottom:0px;
    left:0;
    right:0;
    text-align:center;
    color:Gray;
    overflow:hidden;
    font-size:12px;
    text-overflow: ellipsis;
}

a.media-thumbnail:hover
{
    background: #107545;
}

a.media-thumbnail:hover span.label
{
    color:#FFF;
}

a.media-thumbnail:hover span.image
{
    border:0;
}

a.media-thumbnail:hover span.image span
{
    top:0;
    bottom:0;
    left:-10px;
    right:-10px;
}

/* Styles for ABOUT Page
-----------------------------------------------------------*/



#main-body #coluna1
{
    position: relative;
    width: 20%;
    height: 100%;
    align="left" ;
    font-weight:normal; 
    background: #F47922; 
    padding-top: 14px;
    padding-left: 14px;
    padding-right: 14px; 
    
}
#main-body #coluna1 #presidente
{
    background: #FFFFFF; 
    
    
}
#main-body #coluna2
{
    position: relative;
    width: 20%;
    height: 100%; 
    align="left"; 
    background: #F4FF22; 
    padding-top: 14px; 
    
}
}

div.thumb-container
{
    text-align:center;
}

/* FEDERAÇOES */
#federacoes
{
	min-height:400px;
}

#federacoes .map
{
	width:45%;
	display:block;
	height:100%;
	position:relative;
	float:left;
	text-align:center;
}

#federacoes .map img
{
    position:relative;
}

#federacoes .content
{
	width:45%;
	height:100%;
	margin-left:5%;
	display:block;
	position:relative;
	float:right;
	top:0;
}

#federacoes .content.noselection
{
    position:relative;
	top:45%;
}

#federacoes .content .thelist
{
    width:205px;
}

#federacoes #federacaocontent
{
	padding-top:25px;
	white-space:pre-line;
}

#federacoes #federacaocontent span.image
{
	padding:10px;
	float:right;
}

/* PESSOAS */

a.pessoa-thumbnail
{
    display:block;
    float:left;
    width:110px;
    height:156px;
    padding:0px;
    padding-bottom:0px;
    margin-top:5px;
    margin-bottom:5px;
    margin-right:3px;
    position:relative;
    text-align:center;
    
    background: transparent url(/images/pessoa_thumb/gold.png) no-repeat center 0px;
    
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;	
	transition: all 0.2s ease-in-out;
	
	position:relative;
}

a.pessoa-thumbnail img
{
    vertical-align: middle;
    position:relative;
    height: 100%;
    top:-3px;
    left:-21px;
    *left:-32px;
}

a.pessoa-thumbnail span.image
{
    display:block;
    width: 110px;
    height: 135px;
    position:absolute;
    *left:0;
    bottom:0;
    border:0;
    
    text-align:center;
    vertical-align:middle;
}

a.pessoa-thumbnail span.image span.name
{
    position:relative;
    top:40px;
    width:auto;
    height:auto;
    color:Black;
}

a.pessoa-thumbnail span.image span.image
{
    width:auto;
    height:auto;
    display:block;
    overflow:hidden;
    position: absolute;
    top:1px; left:1px;
    bottom:1px; right:1px;
    line-height:135px;
}

a.pessoa-thumbnail span.label
{
    position:absolute;
    width:90%;
    height:20px;
    top:0px;
    left:2px;
    text-align:left;
    color:Black;
    overflow:hidden;
    font-size:10px;
    line-height:24px;
    text-overflow: ellipsis;
    
    white-space: nowrap;
}

a.pessoa-thumbnail:hover
{
    background: transparent url(/images/pessoa_thumb/gold_over.png) no-repeat center 0px;
}

a.pessoa-thumbnail:hover span.label
{
    color:White;
}

a.pessoa-thumbnail:hover span.image
{
}

a.pessoa-thumbnail:hover span.image span.name
{
    color:White;
}

/* BLUE */
a.pessoa-thumbnail.blue
{
    background: transparent url(/images/pessoa_thumb/blue.png) no-repeat center 0px;
}

a.pessoa-thumbnail.blue span.label
{
    color:White;
}

a.pessoa-thumbnail.blue span.image span.name
{
    color:White;
}

a.pessoa-thumbnail.blue:hover
{
    background: transparent url(/images/pessoa_thumb/blue_over.png) no-repeat center 0px;
}

a.pessoa-thumbnail.blue:hover span.label
{
    color:Silver;
}

a.pessoa-thumbnail.blue:hover span.image span.name
{
    color:Silver;
}

/* YELLOW */
a.pessoa-thumbnail.yellow
{
    background: transparent url(/images/pessoa_thumb/yellow.png) no-repeat center 0px;
}

a.pessoa-thumbnail.yellow span.label
{
}

a.pessoa-thumbnail.yellow span.image span.name
{
}

a.pessoa-thumbnail.yellow:hover
{
    background: transparent url(/images/pessoa_thumb/yellow_over.png) no-repeat center 0px;
}

a.pessoa-thumbnail.yellow:hover span.label
{
}

a.pessoa-thumbnail.yellow:hover span.image span.name
{
}

/* GREEN */
a.pessoa-thumbnail.green
{
    background: transparent url(/images/pessoa_thumb/green.png) no-repeat center 0px;
}

a.pessoa-thumbnail.green span.label
{
    color:Silver;
}

a.pessoa-thumbnail.green span.image span.name
{
    color:Silver;
}

a.pessoa-thumbnail.green:hover
{
    background: transparent url(/images/pessoa_thumb/green_over.png) no-repeat center 0px;
}

a.pessoa-thumbnail.green:hover span.label
{
    color:White;
}

a.pessoa-thumbnail.green:hover span.image span.name
{
    color:White;
}

/* DETAILS OF SELECOES */

#SelecoesText
{
}

#SelecoesText table
{
  border: 1px solid grey;
  border-collapse: collapse;
  margin-top:16px;
  margin-bottom:32px;
}

#SelecoesText table td 
{
  padding: 5px;   
  border: 1px solid grey;
}

#SelecoesText table th
{
  padding: 3px 2px;
  text-align: left;
  background-color: transparent; 
  border: 1px solid grey;   
}

/* DETAILS OF PERSONS */

#ATFullInfo
{
    min-height:450px;
    height:auto !important;
    height: 450px;
}

#ATFullInfo .foto
{
    float: right;
    width: 35%;
}

#ATFullInfo .foto img
{
    width:100%;
}

#ATFullInfo .section
{
    padding-bottom: 2em;
    display:block;
}

#ATFullInfo .section-name
{
    display:block;
    font-weight:bold;
    padding-bottom: 0.5em;
}

#ATFullInfo .section-content
{
    display:block;
    margin-left:4em;
}

/* ENTB */

.titulo_entb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	color: #666666;
	font-weight: bold;
}
	
.subtitulo_entb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	color: #666666;
	font-weight: bold;
}
	
/* arbitragem */

#titulo_1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #006699;
	font-weight: bold;
}
	
#subtitulo_2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	color: #666666;
	font-weight: bold;
}


/* Revista Brasil Basquete */

span.rbbst 
{
    display: block;
    text-align: center;
    font-weight: bold;
}

.releaseBlock
{
    float: left;
    margin: 0em 0em 1em 0.5em;
    text-decoration: none;
}

.releaseBlock img
{
    width: 127px;
    border: 1px solid black;
}

.releaseBlock span
{
    display: block;
    text-align: center;
    color: #009966;
    font-weight: bold;
    text-decoration: none;
	font-size: 10px;
}