/*RESET*/
*{margin:0; padding:0;}
body{background:url(images/painel_body.jpg) repeat-x #f4f4f4;}
#box{width:1024px; margin:0 auto;}


/*HEADER*/
#header{height:110px; border-bottom:5px solid #D3D3D3; /*margin-bottom:5px;*/}
#header_logo{float:left; margin:30px 0 0 0;}
#header_banner{width:728px; height:90px; padding:3px; border:1px solid #CCC; float:right; margin-top:5px;}

#local{width:1024px; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#666; font-variant:small-caps; float:left;
       padding:5px 0;}
#local .caminho{float:left;}
#local .welcome{float:right;}

/*CORPO*/
#content{width:1024px; margin-top:5px;}
#content_menu{width:195px; background:#fff; border:1px solid #CCC; margin:0 5px 0 0; float:left; padding:5px;}
#content_menu ul{list-style:none; margin:0 0 5px 0; padding:0; float:left;}
#content_menu ul li{font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; float:left;}
#content_menu ul li a{text-decoration:none; color:#333; float:left; width:195px; border-bottom:1px solid #CCC; padding:3px 0;}
#content_menu ul li a:hover{background:#E5E5E5;}
#content_menu ul .titulo{padding:3px; background:#f4f4f4; float:left; width:189px; color:#006699; font:18px "Trebuchet MS", Arial, Helvetica, sans-serif;
                        font-weight:bold; margin:0 0 5px 0;}


#content_conteudo{width:800px; background:#fff; border:1px solid #CCC; float:right; padding:5px;}
#content_conteudo h1{font:18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#930;}
#content_conteudo h2{font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#666;}
#content_conteudo h3{font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#999;}
#content_conteudo .ok{padding:5px; background:#B3FFD9; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
                      color:333; border:1px solid #333;}
#content_conteudo .no{padding:5px; background:#FDD; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
                      color:#333; border:1px solid #333;}
#content_conteudo .carregando{padding:5px; background:#CEEFFF; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
                      color:#333; border:1px solid #333; text-align:center;}
#content_conteudo .error{font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; color:#900;}

#content_conteudo p{font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#333; margin:10px 0;}


#content_conteudo form{background:#f4f4f4; padding:5px;}
#content_conteudo fieldset{border:none; padding:5px;}
#content_conteudo legend{font:18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#069;}
#content_conteudo label{display:block; margin:5px 0;}

#content_conteudo label .error { display: inline; padding-left: 5px; }
/*#content_conteudo span{font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#333;}*/
#content_conteudo input{font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#333; padding:3px;}
#content_conteudo textarea{font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#333; padding:3px; display:block;}
#content_conteudo select{font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#333;}
#content_conteudo .btn{padding:0; margin:0;}
#content_conteudo a{font:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#069;}
#content_conteudo a:hover{color:#003;}

#content_conteudo .inbox a{font:12px Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; text-decoration:none; color:#005789;}
#content_conteudo .inbox a:hover{color:#0CF;}

#content_conteudo .listaimg{list-style:none; margin:0; padding:0;}
#content_conteudo .listaimg li{display:inline; width:150; height:60px; overflow:hidden; margin:5px;}

#content_conteudo .galeria_all{width:790px; float:left; margin-top:10px;}
#content_conteudo .galeria_cadastro{width:120px; background:#EBEBEB; text-align:center; padding:5px; margin:5px; float:left;}
#content_conteudo .galeria_cadastro form{width:auto; background:none;}
#content_conteudo .galeria_cadastro .imagem{width:100px; height:60px; overflow:hidden; margin:0 auto;}

#content_conteudo .exibir{width:100px; height:60px; overflow:hidden;}
#content_conteudo .titulo{float:right; font-size:18px; font-weight:normal; color:#069;}

#content_main{width:99%; background:#fff; border:1px solid #CCC; float:right; padding:5px;}
.square li{ list-style: square; margin-left: 13px;}

#divSalvarJogos {cursor: pointer;}
.tp2 {background-color: #D5FDD5; font-weight: bold;}
.tp1 {background-color: #B4FCB4; font-weight: bold;}
.tp {background-color: #98FB98; font-weight: bold;}
.sp {background-color: #32CD32; color: #ffffff; font-weight: bold;}
.pp {background-color: #006400; color: #ffffff; font-weight: bold;}
.p1 {background-color: #006400; color: #ffffff; font-weight: bold;}

#divMeusJogos tr {
	cursor: pointer;
}

#divMeusJogos tr:hover {
	background-color: #FFFFBF;
}

#divAnuncio {
	padding-top: 5px;
	text-align: center;
}

#divAnuncio  span{
	color: #339933;
	font-weight: bold;
}

/*RODAPE*/
#footer{width:98.8% !important; padding:5px; background:#fff; border:1px solid #CCC; float:left; margin-top:5px;
       text-align:center; font:9px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#666;}

#divFooterMiddle {
	display: block;
	width: 100%;
	background-color: #2E8B57;
	color: #FFFFFF;
}
#divFooterMiddle a {
	color: #aad0e6;
	font-size: 10px;
}
#divFooterMiddle font, divFooterMiddle span {
	color: #FFFFFF;
	font-size: 10px;
}
.infooter span {
	font-size: 9px;
	color: #FFFFFF;
}
.dn {display: none;}

#divSorteiosHoje {
	font-weight: bold;
	float: right;
	margin-top: 3px;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1000; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */

}

.modal2 {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 2000; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */

}
/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  display: block;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  
  
border-radius: 15px;
}
.checkmark2 {
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  border-style: solid;
  border-color: rgb(101,101,101);
  border-radius: 15px;
  
}
.tableFixHead          { overflow: auto; height: 100%; width: 100% }
.tableFixHead thead th { position: sticky; top: 0; z-index: 1; }

/* Just common table stuff. Really. */
table  { border-collapse: collapse; }
th     { background:#eee; }

/* HTML: <div class="loader"></div> */
.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}