body 
{
    font-family: Verdana, Georgia, Sans-Serif;
    color: #232323;
    padding: 0;
    margin: 0;
    
    font-size: 12px;
    line-height: 12px;
}


@font-face {
    font-family: Vipnagorgialla;
    src: url('VIPNAGOR.eot');
    src: url('VIPNAGOR.eot?#iefix') format('embedded-opentype'),
         url('VIPNAGOR.ttf') format('truetype');
}

.strong {
  font-weight: bold;
}
.strikeout {
	text-decoration: line-through;
}
.yellow 
{
    color: yellow;
}

.gritter-item 
{
    line-height: 18px;
    font-size: 1.1em;
}

.gritter-item ul
{
    margin: 10px 0px 0px 20px;
}

.gritter-item p
{
}
/*#region Styles for validation helpers */
.nav-velho
{
    font-size: small;
    padding-top: 40px;
    color: #FFFFFF;
    font-weight: bold;
}

.nav-velho a, .nav-velho a:visited
{
    color: #FFFFFF;
    text-decoration: underline;
}
/*#endregion*/

/*#region Estilo para tabelas*/

table
{
    border-collapse: separate;
    border-spacing: 0px;
    width: 100%;
    border-top: solid 1px #000000; 
}


table tbody td, table th, table tfoot td
{
    border-right: solid 1px #A0A0A0;
    border-bottom: solid 1px #A0A0A0;
    padding: 2px 3px;
    font-size: 0.85em;
    line-height: 12px;
}

table thead th
{
    background-image: url(img/tabela-bg-titulo.png);
    background-repeat: repeat-x;
    background-position: top left;
    background-color: #919F91;
    border-right: solid 1px #000000; 
    border-bottom: solid 1px #000000; 
}

table td.center, table th.center
{
    text-align: center;
}

table td.right, table th.right
{
    text-align: right;
}

table tr
{
    background-color: #E9E9E9;
}

table tr.odd
{
    background-color: #F9F9F9;
}

table tfoot tr td, table td.colunaTotal, table tbody tr.linhaTotal
{
    background-color: #E4EAA7;
}

table tbody th, table tfoot th
{
    background-image: url(img/tabela-bg-coluna.gif);
    background-repeat: repeat-x;
    background-position: bottom left;
    background-color: #DCE8DC;
    font-weight: bold;
}

table tbody td.bolinha
{
    background-image: url(img/circle.png);
    background-position: left top;
    background-position: 2px center;
    background-repeat: no-repeat;

}

table th a
{
    vertical-align: middle;
    text-decoration: none;
    color: #000000;
}

table th a:hover
{
    text-decoration: underline;
}

table th a.ordenavel span
{
    display: none;
}

table th a.ordenavel
{
    display: inline-block;
    width: 9px;
    height: 12px;
    background-image: url(img/ordenacao.png);
    background-repeat: no-repeat;
    margin-left: 10px;
}

table th a.ordenavel
{
    background-position: right 0px;
}

table th a.asc
{
    background-position: right -12px;
}

table th a.desc
{
    background-position: right -24px;
}


div.semresultado
{
    background-color: #DCE8DC;
    
    padding: 10px;
    font-size: 0.85em;
    text-align: center;
    font-weight: normal;
}

/*#endregion*/

/*#region Popups Comuns */
#popupContainer
{
    overflow: auto;
    overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
    min-width: 200px;
    min-height: 200px;
}
/*#endregion*/

/*#region iPad, Tablets*/
.mobile-horizontal
{
    display: none;
    text-align: center;
    font-weight: bold;
    color: Red;
    padding-top: 20px;
}

.mobile.vertical .k-splitter
{
    display: none;
}

.mobile.vertical .mobile-horizontal
{
    display: block;

	background-image: url(img/girar-tablet.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 160px;
}
/*#endregion*/

/*#region Loader */

.ui-loader 
{
    background: 0;
    
    opacity: .18;
    filter: alpha(opacity=18);
    
    width: 46px;
    height: 46px;
    margin-left: -23px;
    margin-top: -23px;

    display: block;
    z-index: 9999999;
    position: fixed;
    top: 50%;
    box-shadow: 0 1px 1px -1px #fff;
    left: 50%;
    border: 0;

    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;

    -moz-border-radius: .6em;
    -webkit-border-radius: .6em;
    border-radius: .6em;
    
}

.ui-loader .ui-icon-loading {
    background-color: black;
    display: block;
    margin: 0;
    width: 44px;
    height: 44px;
    padding: 1px;
    -webkit-border-radius: 36px;
    -moz-border-radius: 36px;
    border-radius: 36px;

    background: url(img/loader.gif);
    background-size: 46px 46px;
}

.ui-loader h1 {
    font-size: 0;
    width: 0;
    height: 0;
    overflow: hidden;
}

.fadeEffect
{
    position: fixed;
    left: 0px;
    top: 0px;
    width:100%;
    height:100%;
    background-color: #FFFFFF;
    z-index: 20000;
}
/*#endregion*/

/*#region Sistema - Header Preto e Menu verde */


div#header 
{
    position: relative;
    /*
    background-image: url(img/header_bg.png);
    background-repeat: repeat-x;
    background-color: #000000;
    */
    height: 25px;
    padding: 2px 0px 7px 9px;
    overflow: hidden;
    
    background: #111;
    background: -webkit-gradient(linear,left top,left bottom,from(#333),to(#111));
    background: -moz-linear-gradient(top,#333,#111);
    background: -ms-linear-gradient(top,  #333, #111);
    background: linear-gradient(top,  #333, #111);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333',endColorstr='#111111');
    
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
    box-shadow: 0 1px 2px rgba(0,0,0,0.5);
    
    z-index: 1000;
}

div#header select, #header input[type=textbox]
{
    padding: 3px;
}

div#menu
{
    position: relative;
    background-color: #4B6408;
    min-height: 26px;
    overflow: hidden;
    background-image: url(img/menu-item.png);
    background-repeat: repeat-x;
    background-position: top;
    text-align: center;
    vertical-align: middle;
    
    line-height: normal;
    z-index: 1001;
}

div#menu a
{
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    margin: 2px 0px 2px 0px;
    padding: 1px 8px 1px 8px;
    
   
    text-align: center;

    text-decoration: none;
    
    display: inline-block;
    border: solid 1px transparent;

    color: #FFFFFF;
    font-weight: bold;
    font-size: 1.0em;
    line-height: 17px;
    
}

div#menu a:hover, #menu a:active, #menu a:focus {
    color: #FFFFFF;
    border: solid 1px #9DBE2C;
    background-color: #6F871F;
    border-radius: 10px 10px 10px 10px;
    -webkit-text-shadow: #000000 -1px -1px 2px;
    text-shadow: #000000 -1px -1px 2px;
}


div#header h1 span
{
    display: none;
}

div#header h1
{
    display: inline-block;
    background-repeat: no-repeat;
    height: 30px;
    width: 85%;
    line-height: normal;
    font-size: small;
    padding: 0px 0px;
    margin: 0px 0px;
}

div#header h1.logo-campeonato {
    display: inline-block;
    background-image: url(img/logo-globo-flat-branco.png);
    background-position: left center;
    background-repeat: no-repeat;
    font-family: Vipnagorgialla, sans-serif;
    font-size: 25px;
    font-weight: normal;
    letter-spacing: 2px;
    color: #FFFFFF;
    text-transform: uppercase;
    margin: 0px 0px 2px 0px;
    padding: 4px 0px 0px 35px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-text-shadow: -2px 0 #333, 0 2px #333, 2px 0 #333, 0 -2px #333;
    text-shadow: -2px 0 #333, 0 2px #333, 2px 0 #333, 0 -2px #333;
}

div#header h1 span.campeonato_ano, div#header h1 span.sep
{
    position: relative;
    display: inline-block;
    height: 18px;
    top: 5px;
}

#close-button
{
    display: block;
    position: absolute;
    right: 10px;
    top: 4px;
    padding: 2px 8px;
    
    font-size: 1em;
    font-weight: bold;
}

div#header h1 span.campeonato_ano span, div#header h1 span.sep
{
    display: inline-block;
    width: 19px;
    height: 17px;
    background-repeat: no-repeat;
    background-image: url(img/numeros.gif);
}

div#header h1 span.sep {
    background-position: -276px 0px;
    left: 385px;
}

div#header h1 span.campeonato_ano span.char_0
{
    background-position: 0px 0px;
}

div#header h1 span.campeonato_ano span.char_1
{
    background-position: -31px 0px;
    width:10px;
}

div#header h1 span.campeonato_ano span.char_2
{
    background-position: -50px 0px;
}
div#header h1 span.campeonato_ano span.char_3
{
    background-position: -78px 0px;
}
div#header h1 span.campeonato_ano span.char_4
{
    background-position: -106px 0px;
}
div#header h1 span.campeonato_ano span.char_5
{
    background-position: -134px 0px;
}
div#header h1 span.campeonato_ano span.char_6
{
    background-position: -162px 0px;
}
div#header h1 span.campeonato_ano span.char_7
{
    background-position: -190px 0px;
}
div#header h1 span.campeonato_ano span.char_8
{
    background-position: -218px 0px;
}
div#header h1 span.campeonato_ano span.char_9
{
    background-position: -246px 0px;
}

div#header h1.scout {
    background-image: url(img/logo-scout-white.png);
}

div#header h1.futebol
{
    background-image: url(futebol/img/logo-futebol.gif);
}

/*#endregion*/

/*#region Footer - Carregando */

div#footer
{
    font-size: 0.85em;
    min-height: 12px;
    background-color: Beige;
    padding: 4px 4px;
    border-top: solid 1px #51690B;
    position: relative;
}


div#footer #pleaseWait
{
    /*display: inline-block;*/
    float: right;
    width: 78px;
    height: 7px; 
    margin-right: 9px;
    margin-top: 3px;
    display: none;
}

div#footer #pleaseWait, .carregando1
{
    /*display: inline-block;*/
    background-image: url(img/pleasewait.gif);
    background-position: center center;
    background-repeat: no-repeat;

    min-width: 78px;
    min-height: 7px; 
}

div#footer #statusText
{
}

div#footer #tempoRequisicao
{
    display: inline-block;

    float: right;
    width: 218px;
    height: 7px; 
    text-align: right;
    font-size: xx-small;
    font-weight: bold;
    color: Green;
    
    padding-right: 16px;
}


/*#endregion*/

/*#region Widgets Paineis */

.ui-dialog .ui-dialog-titlebar {
	padding: 0px 4px;


    background-image: url(img/titulo-bg.png);
    background-repeat: repeat-x;
    display:block;
    
    height: 20px;
    overflow: hidden;
    
    white-space: nowrap;
    color: #FFF;
}

.ui-dialog .ui-dialog-titlebar span {
	margin: 0;
	padding: 0;
	color: #FFF;
    font-variant:small-caps;
    text-shadow: #5F5F5F -1px -1px 0;
    font-size: small;
    font-weight: bold;
    line-height: 20px;
}


.ui-dialog .ui-dialog-titlebar-close 
{
    top: 100%;
    color: #FFF;
    
    -moz-opacity: 0.8;
    -webkit-opacity: 0.8;
    opacity: 0.8;
    filter: alpha(opacity=90);
}

.ui-dialog .ui-dialog-titlebar .ui-icon
{
    background-image: url('themes/images/ui-icons_ffffff_256x240.png');
}

div.painel
{
    /*overflow: hidden;*/
    border-bottom: solid 1px #C9C9C9;
    position: relative;
}

div.painel div.container
{
    position: relative;
    width: auto;
	-webkit-overflow-scrolling: touch;
}

.scrollContainer {
    -webkit-overflow-scrolling: touch;

}


div.painel h2
{
    background-image: url(img/titulo-bg.png);
    background-repeat: repeat-x;
    display:block;
    
    height: 20px;
    overflow: hidden;
    
    white-space: nowrap;
    margin: 0px 0px;
    font-size: 1.5em;
    font-weight: normal;
    line-height: normal;
}


div.painel h2 * {
	vertical-align: top;
}


div.painel h2 span 
{
    font-size: 0.7em;
    font-weight: bold;
    color: #FFFFFF;
    
    font-variant: small-caps;
    text-rendering: optimizeSpeed;/* comportamento do web-kit errado */
    
    text-shadow: #5F5F5F -1px -1px 0;
    padding: 1px 0px 0px 3px;
}

div.painel h2 > span {
	display: inline-block;
	margin-top: 1px;
}

div.painel h2.center
{
    text-align: center;
}

div.painel h2.right
{
    text-align: right;
}

div.painel h2 select
{
    float: right;
    font-size: 0.6em;
    border: inset 1px #D0D0D0;
    margin-right: 2px;
    margin-top: 1px;
    
    -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;
    padding: 0px;
    margin: 1px 0px;
    height: 18px;
    width: auto;
    max-width: 160px;
}

div.painel h2 select option 
{
    -webkit-appearance:none; -moz-appearance: none; appearance: none;
    padding: 2px 0px;
	margin: 0px 0px 3px 0px;
	font-size: 1.1em;
	border-bottom: dotted 1px gray;
}
/*#endregion*/

/*#region Gerador Caracteres */

#gcPanel 
{
    position: absolute;
    top: -1px;
    left: 515px;
    z-index: 2000;


    background-color: Black;
    background-color: rgba(129,129,129,0.5);
    
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
        
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    
    border: solid 1px #000000;
}

#gcPanel h3,
#gcPanel a#gcConfig
{
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url(img/gc-icon.png);
    text-indent: -2000px;
    margin: 4px;
    text-decoration: none;
    border: 0;
    outline: 0;
}

#gcPanel *
{
    vertical-align: top;
}

#gcPanel ul
{
    display: inline;
    list-style-type: none;
    margin: 0; padding: 0;
}

#gcPanel ul li
{
    list-style-type: none;
    position: relative;
    color: #FFFFFF;
    
    display: inline-block;
    padding: 0;
    margin: 3px 0px;
    
    box-sizing: border-box;
    padding: 5px 0px 0px 0px;
}

    #gcPanel ul li a {
        border-left: solid 1px transparent;
        border-top: solid 1px transparent;
        border-right: solid 1px transparent;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        padding: 5px;
        text-decoration: none;
        color: #FFFFFF;
        white-space: nowrap;
        word-break: keep-all;
        position: relative;
        cursor: url("/content/img/gc_cursor.cur"), pointer;
    }

#gcPanel ul li a .caret 
{
    border-top-color: White;
    margin-top: 8px;
}

#gcPanel ul li:hover a
{
    border-left: solid 1px #9DBE2C;
    border-top: solid 1px #9DBE2C;
    border-right: solid 1px #9DBE2C;
    
    background-color: #6F871F;
    text-shadow: #000000 -1px -1px 2px;
    z-index: 1001;
    position: relative;
}



#gcPanel ul li ul
{
    z-index: 1000;
    display: none;
    position: absolute;

    border: solid 1px #9DBE2C;
    background-color: #6F871F;
    
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-top-right-radius: 6px;
        
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;

    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
    
    left: 0px;
    top: 26px;
    min-width: 190px;
}

#gcPanel ul li ul li
{
    display: inline-block;
    padding: 3px;
    margin: 0px;
    
    width: 90px;
    height: auto;
    
    text-align: center;
}

#gcPanel ul li ul li.grupo
{
    font-size: small;
    font-weight: bold;
    color: #FFFFFF;
    font-variant:small-caps;
    text-shadow: #5F5F5F -1px -1px 0;

    vertical-align: top;

    width: 295px;
    height: auto;
    border-right: 0;
    
    margin-bottom: 2px;
    border-bottom:dotted 1px black;
    text-align: left;
    padding-left: 5px;
}

#gcPanel label{
    /* label para checkbox */

    font-size: 1em;
    margin-bottom: 0;
}

#gcPanel > ul > li:hover ul li a
{
    border: solid 1px transparent;
    background-color: transparent;
    
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

    display: inline-block;
    position: static;
    white-space: normal;
    text-align: center;
}

#gcPanel > ul > li:hover ul .nowrap,
#gcPanel > ul > li:hover ul .nowrap *
{
    white-space: nowrap;
    height: auto;
    text-align: left;
}


#gcPanel > ul > li:hover ul li:hover > a
{
    border: solid 1px #9DBE2C;
    background-color: #4B6408;
    /*background-image: url("img/menu-item.png");*/
    background-position: 0px -1px;
}


#gcPanel ul li:hover > ul
{    
    display: block;
}

#gcPanel ul li ul li ul
{
    border-top: solid 1px #9DBE2C;
    left: 125px;
    top: -1px;
}


#gcPanel span.setaAbaixo
{
    display: inline-block;
    width: 16px;
    height: 16px;
}

.gcConsoleIcon 
{
    float:right;
    margin-top: -2px;
    width: 16px;
    height: 16px;
    background-image: url(img/ico-terminal.png);
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}

#gcConsole {
	display:none;
    
    margin: .5em 1em;
	background-color: #000000;
	background-color: rgba(0,0,0,0.6);
	border: inset 1px #C9C9C9;
	padding: 3px;
	color: #00FF00;
	font-weight: bold;
	width: 500px;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;

	font-size: 1.0em;
	white-space: nowrap;
	text-shadow: 1px 1px 1px #000000;
	
}

.gcDialog {
	background-color: rgba(249,249,249, 0.3);
	background-image: none;
}


/*#endregion*/

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button,
body, select, textarea, button, input {
    font-family: Verdana, Georgia, Sans-Serif;
    color: #000000;
}

/*#region Menu Comum */
html.menucomum {
    height: 100%;
}
body.menucomum
{
    background-image: url(img/background.png);
    background-repeat: repeat-x;
    background-position: left bottom;
    height: 100%;
}

body.menucomum div.cabecalho
{
    width: 100%;
    height: 170px;
    background-color: #000000;
    background-image: url(img/line-rainbow.png);
    background-repeat: repeat-x;
    background-position: left bottom;
}

body.menucomum div.cabecalho div.logoL
{
    width: 100%;
    height: 100%;
    background-image: url(img/logo-scout-menu.png);
    background-repeat: no-repeat;
    background-position: 40px 10px;
}

body.menucomum div.home-sobre {
	width: 772px;
    margin: 20px auto;
}

body.menucomum div.home-sobre .titulo {
    /*background-image: url(img/hp-logo-print.png);*/
    background-position: center left;
    background-repeat: no-repeat;
    background-size: contain;
    /*padding: 5px 0px 5px 80px;*/
    padding: 5px 0px 5px 0px;
    margin-bottom: 10px;
}

body.menucomum div.home-sobre .titulo h2 {
	font-size: 1.6em;
	line-height: 15px;
	margin: 0px 0px 10px 0px;
}

body.menucomum div.home-sobre .titulo p {
	font-size: 1.1em;
	line-height: 12px;
	margin-top: 8px;
	margin-bottom: 0px;
}

body.menucomum div.home-sobre ul {
	padding: 0; margin: 0;
}
body.menucomum div.home-sobre ul li {
    list-style-type: none;
}
/*#endregion*/

.profiler-result table thead th
{
    background-image: none; 
}

/*
.mobile *::-webkit-scrollbar {
    -webkit-appearance: none;
    position: fixed;
}

.mobile *::-webkit-scrollbar:vertical {
    width: 8px;
}

.mobile *::-webkit-scrollbar:horizontal {
    height: 8px;
}

.mobile *::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white; /* should match background, can't be transparent *//*
    background-color: rgba(0, 0, 0, .3);
}
*/

.alert
{
    line-height: 1.9em;
}


#UserInfor {
    color: white;
    font: bold 17px/8px Helvetica, Sans-Serif;
    background-color: rgba(0, 0, 0, 0.34);
    border-radius: 20px;
    letter-spacing: -1px;
    position: absolute;
    right: 16px;
    padding: 10px;
}

#UserLastAccess {
    color: white;
    font: 11px/30px arial;
    letter-spacing: 0px;
    margin-top: 125px;
    position: absolute;
    right: 16px;
    padding: 10px;
}