/* =========================================== */
/* Estilo padrao para tags especificas de HTML */
/* =========================================== */

/* Estilo padrao para a pagina (margem, fonte, etc) */
body {
	font-size: 8pt;
	margin: 0px;
	font-family: Tahoma, Monospace;
}
/* Estilo padrao para as tabelas (borda, fonte, etc) */
table {
	border-right: 0px;
	border-top: 0px;
	font-size: 8pt;
	border-left: 0px;
	border-bottom: 0px;
	font-family: Tahoma, Verdana;
}
/* Estilo padrao para as linhas das tabelas (alinhamento, etc) */
tr {
	vertical-align: top;
	text-align: left;
}
/* Estilo padrao para as celulas das linhas das tabelas (alinhamento, etc) */
td {
	vertical-align: top;
	text-align: left;
}
/* Estilo padrao para os links simples das paginas (cor, formato, etc) */
a {
	color: #000000;
	text-decoration: none;
}
/* Estilo padrao os links simples das paginas quando selecionados (cor, etc) */
a:hover {
	color: #ff0000;
}
/* Estilo padrao para as caixas de texto (fonte, etc) */
TEXTAREA {
	font-size: 8pt;
	font-family: Tahoma, Verdana;
}
/* Estilo padrao para as caixas de texto (fonte, etc) */
INPUT {
	font-size: 8pt;
	font-family: Tahoma, Verdana;
}
/* Estilo padrao para as caixas de selecao (fonte, etc) */
SELECT {
	font-size: 8pt;
	font-family: Tahoma, Verdana;
}

/* ========================================= */
/* Estilo para objetos especificos na pagina */
/* ========================================= */

/* Tabela principal da pagina. Possui as celulas celCabecalho, celCorpo, celRodape */
#tblPagina {
	width: 100%;
	height: 100%;
	margin: auto;
}
/* Celula do cabecalho que esta na tabela principal. Possui a tabela tblCabecalho */
#celCabecalho {
	height: 104px;
	vertical-align: top;
}
/* Celula da pagina onde esta a parte principal da pagina. Possui a tabela tblCorpo */
#celCorpo {
}
/* Celula do ropape, parte inferior da pagina */
#celRodape {
	padding-right: 10px;
	border-top: #336699 1px solid;
	padding-left: 10px;
	font-size: 8pt;
	color: #ffffff;
	font-family: Tahoma, Verdana;
	height: 17px;
	background-color: #336699;
	text-align: center;
}
/* Tabela onde esta a parte principal da pagina. Possui as celulas celMenu, celPrincipal, celCaixa caso tenha */
#tblCorpo {
	width: 100%;
	height: 100%;
}
/* Celula onde esta o menu. Possui uma tabela definida pela classe MenuTabela */
#celMenu {
	border-right: #336699 1px solid;
	vertical-align: top;
	border-left: #336699 1px solid;
	width: 120px;
	text-align: left;
}
/* Celula onde esta a parte principal da pagina. */
#celPrincipal {
	border-right: #336699 1px solid;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	vertical-align: top;
	padding-top: 10px;
	background-color: #FFFFFF;
	text-align: justify;
}
/* Celula onde esta a caixa de mais locados. Possui tabelas defindas pela classe MenuTabela */
#celCaixa {
	border-right: #336699 1px solid;
	vertical-align: top;
	width: 155px;
	text-align: left;
}
/* Tabela onde esta o cabecalho. Possui as celulas celMostraCabecalho, celMenuSuperior, celLogin */
#tblCabecalho {
	font-weight: bold;
	font-size: 8pt;
	width: 100%;
	color: #ffffff;
	font-family: Tahoma, Verdana;
	height: 100%;
	background-color: #336699;
}
/* Celula onde e mostrado o cabecalho html inserido pelo administrador do site */
#celMostraCabecalho {
}
/* Celula onde aparece o nome do cliente quando logado ou o login */
#celLogin {
	vertical-align: middle;
	text-align: right;
}
/* Celula onde esta a tabela do menu superior. Possui a tabela tblMenuSuperior */
#celMenuSuperior {
	vertical-align: middle;
	text-align: left;
}
/* Tabela onde esta o menu superior. As celulas que possuem icones sao definidas pela classe MenuSuperiorIcone e as celulas que possuem texto sao definidas pela classe MenuSuperior */
#tblMenuSuperior {
	text-align: left;
}
/* Logo do desenvolvedor */
#divDesenv {
	padding-top: 20px;
	padding-bottom: 20px;
}
/* Mensagem de confirmacao do email do cliente, exibida no momento que o cliente entra no site */
#divConfEmail {
	padding-bottom: 20px;
}
/* Link exibido para confirmacao do email dentro da mensagem de confirmacao */
#divConfEmail a {
	color: #F00;
}

/* ========================================= */
/* Classes atribuidas para objetos na pagina */
/* ========================================= */

/* Estilo para as caixas de texto do Login e da senha no menu superior */
/* Exemplo: caixa de texto para digitar o login na parte superior da pagina */
.txtLogin {
	border-right: #336699 1px solid;
	border-top: #336699 1px solid;
	border-left: #336699 1px solid;
	border-bottom: #336699 1px solid;
	width: 70px;
}
/* Estilo para a caixa de texto Pesquisar no menu direito */
/* Exemplo: caixa de texto para digitar o texto procurado na parte direta da pagina */
.txtPesquisar {
	border-right: #336699 1px solid;
	border-top: #336699 1px solid;
	border-left: #336699 1px solid;
	border-bottom: #336699 1px solid;
}
/* Estilo para as caixas de texto do cadastro e as demais caixas de texto da pagina */
/* Exemplo: caixa de texto para digitar o nome do cliente na pagina de cadastro */
.txtCadastro {
	border-right: #336699 1px solid;
	border-top: #336699 1px solid;
	border-left: #336699 1px solid;
	border-bottom: #336699 1px solid;
}
/* Estilo para a tabela que mostra o filme: capa e o titulo. Nao e recomentado mudar o tamanho dessa tabela. Suas celulas sao definidas pelas classes ObjetoCapa e ObjetoNome/ObjetoNomeIndisponivel */
/* Exemplo: tabela onde esta a capa e o nome de um filme */
.ObjetoTabela {
	width: 1px;
	height: 1px;
	margin: auto;
}
/* Estilo para a celula que mostra a capa do filme */
/* Exemplo: capa de um filme */
.ObjetoCapa {
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	vertical-align: middle;
	border-left: #000000 1px solid;
	border-bottom: #000000 0px solid;
	text-align: center;
	text-decoration: none;
}
/* Estilo para a imagem no detalhes do filme */
/* Exemplo: capa de um filme na pagina de detalhes */
.DetalheCapa {
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	border-left: #000000 1px solid;
	border-bottom: #000000 1px solid;
}
/* Estilo para a celula que mostra o nome do filme */
/* Exemplo: nome de um filme embaixo da capa */
.ObjetoNome {
	border-right: #000000 1px dotted;
	padding-right: 5px;
	border-top: #000000 1px solid;
	padding-left: 5px;
	font-size: 7pt;
	vertical-align: middle;
	border-left: #000000 1px dotted;
	color: #000000;
	border-bottom: #000000 1px dotted;
	font-family: Tahoma, Verdana;
	height: 33px;
	background-color: #ffffff;
	text-align: center;
	text-decoration: none;
}
/* Estilo para a celula que mostra o nome do filme que esta indisponivel no momento */
/* Exemplo: nome de um filme indisponivel embaixo da capa */
.ObjetoNomeIndisponivel {
	border-right: #000000 1px dotted;
	padding-right: 5px;
	border-top: #000000 1px solid;
	padding-left: 5px;
	font-size: 7pt;
	vertical-align: middle;
	border-left: #000000 1px dotted;
	color: #C0C0C0;
	border-bottom: #000000 1px dotted;
	font-family: Tahoma, Verdana;
	height: 33px;
	background-color: #ffffff;
	text-align: center;
	text-decoration: none;
}
/* Estilo para a tabela do menu esquerdo e direito. Suas linhas sao definidas pela classe MenuLinha e suas celulas sao definidas pela classe MenuTexto */
/* Exemplo: tabela do menu de generos */
.MenuTabela {
	width: 100%;
	border-bottom: #e8e8e8 1px solid;
}
/* Estilo para a linha da tabela do menu */
/* Exemplo: linha do gerero acao */
.MenuLinha {
	font-size: 8pt;
	font-family: Tahoma, Verdana;
}
/* Estilo para a celula que mostra o texto do menu */
/* Exemplo: texto Acao na linha do genero */
.MenuTexto {
	padding-right: 5px;
	border-top: #e8e8e8 1px solid;
	padding-left: 5px;
	padding-bottom: 1px;
	color: #000000;
	padding-top: 1px;
}
/* Estilo para os links da pagina, mudando a cor padrao da TAG A */
/* Exemplo: link Acao na linha do genero */
.MenuLink {
	color: #000000;
}
/* Estilo para os titulos dos menus esquerdo e direito */
/* Exemplo: texto Ojetos ou Generos no menu direito */
.MenuTitulo {
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
	padding-bottom: 1px;
	vertical-align: middle;
	color: #ffffff;
	padding-top: 1px;
	height: 20px;
	background-color: #336699;
}
/* Estilo para a celula que mostra a caixa de texto do pesquisar no menu direito */
/* Exemplo: celula onde esta a caixa de texto do pesquisar na parte direita da pagina */
.PesquisarTexto {
}
/* Estilo para celula que mostra o texto do menu superior */
/* Exemplo: texto Principal, Cadastro, Pesquisa no menu superior */
.MenuSuperior {
	padding-right: 5px;
	font-weight: bold;
	font-size: 8pt;
	vertical-align: middle;
	color: #ffffff;
	font-family: Tahoma, Verdana;
}
/* Estilo para celula que mostra o icone do menu superior */
/* Exemplo: figura do menu Principal, Cadastro, Pesquisa */
.MenuSuperiorIcone {
	padding-right: 5px;
	padding-left: 5px;
}
/* Estilo para o link do menu superior, TAG A do menu superior */
/* Exemplo: link Principal, Cadastro, Pesquisa no menu superior */
.MenuSuperiorTexto {
	color: #ffffff;
}
/* Estilo para o link do menu superior quando selecionado */
/* Exemplo: link Principal, Cadastro, Pesquisa no menu superior */
.MenuSuperiorTexto:hover {
	color: #ffff66;
}
/* Estilo para o texto do titulo da pagina */
/* Exemplo: texto Informacoes, Mais Locados, Destaque, Em Breve no centro da pagina abaixo do menu superior */
.Titulo {
	font-weight: bold;
	font-size: 8pt;
	margin-bottom: 15px;
	padding-bottom: 5px;
	width: 100%;
	border-bottom: #336699 1px solid;
	font-family: Tahoma;
	float: left;
}
/* Estilo para a celula que mostra a tabela de filmes (capa e nome) */
/* Exemplo: Tabela com os filmes em uma pagina */
.TabelaObjetos {
	width: 100%;
	border-bottom: #336699 1px solid;
}
/* Estilo para a tabela que mostra as copias alugadas, reservadas, compradas. As linhas sao definidas pela classe CopiasLinhas e as celulas pelas classes CopiasTexto e CopiasTitulo */
/* Exemplo: Tabela com as copias alugadas na cesta */
.CopiasTabela {
	border-right: #c0c0c0 1px solid;
	border-top: #c0c0c0 1px solid;
	border-left: #c0c0c0 1px solid;
	width: 100%;
	border-bottom: #c0c0c0 1px solid;
}
/* Estilo para a linha da tabela que mostra as copias alugadas, reservadas, compradas */
/* Exemplo: Linha da tabela com as copias alugadas na cesta */
.CopiasLinha {
	font-size: 8pt;
	font-family: Tahoma, Verdana;
}
/* Estilo para a celula que mostra as copias alugadas, reservadas, compradas */
/* Exemplo: Texto nas linhas da tabela com as copias alugadas na cesta */
.CopiasTexto {
	padding-right: 5px;
	border-top: #e8e8e8 1px solid;
	padding-left: 5px;
	padding-bottom: 3px;
	color: #000000;
	padding-top: 3px;
	vertical-align: middle;
}
/* Estilo para o link no nome do filme na tabela de copias alugadas, reservadas, compradas */
/* Exemplo: link no nome do filme na tabela com as copias alugadas na cesta */
.CopiasLink {
	color: #000000;
}
/* Estilo para a celula que mostra os titulos das colunas da tabela das copias alugas, reservadas, compradas */
/* Exemplo: texto Copia, Nome, Midia no titulo da tabela de copias alugadas na cesta */
.CopiasTitulo {
	border-top-width: 1px;
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
	padding-bottom: 3px;
	vertical-align: middle;
	color: black;
	border-top-color: #e8e8e8;
	padding-top: 3px;
	height: 20px;
}
/* Estilo para a imagem dos botoes nas paginas */
/* Exemplo: imagem do botao Continuar e Cancelar na pagina inicial de cadastro */
.BotaoIcone {
	padding-right: 5px;
	padding-left: 10px;
	vertical-align: middle;
}
/* Estilo para o texto que indica o horario quando a locadora esta fechada */
/* Exemplo: texto na pagina principal avisando que a locadora esta fechada */
.Fechada {
	font-weight: bold;
	color: red;
	text-align: center;
}
/* Estilo utilizado no div onde esta o check para mostrar somente os filmes disponiveis */
/* Exemplo: Check no cabecalho da pagina de objeots */
.divDisponiveis * {
	cursor: pointer;
	margin: 0px;
	padding: 0px;
	float: left;
}
.divDisponiveis input {
	height: 15px;
	margin-right: 5px;
}