/*

TAGS REDEFINIDAS

Remover conforme conflitos com a CSS que estiver
já presente no site a ser incluído o i-Tools

*/

div {
	font-family: Arial, sans-serif;
	font-size: 11px;
}

div img {
	border: 0px;
}

input {
	font-family: Arial, sans-serif;
	font-size: 10px;
	margin-left: 1px;
}

form {
	margin: 0px;
	padding: 0px;
	text-align: left;
}


/*

CLASSES E DIVS PARA IMAGENS

1. Pequenos espaçamentos
2. Thumbnails
3. Cabeçalho para i-Tools na coluna de Shopping
4. Ícone multimídia

*/

.it-img-middle {
	vertical-align: middle;
	margin-right: 2px;
	border: 0px;
}

.it-img-thumb {
	float: left;
	margin-right: 5px;
	padding-bottom: 4px;
	border: 0px;
}

.it-rcol-head {
	margin-left: 5px;
}

.it-mmedia-icon {
	float: left;
	margin-right: 5px;
}


/*

TEXTOS, TEXTOS DE CARTOLAS E DE CABEÇALHOS

1. Texto pequeno (geral)
2. Texto da cartola (geral)
3. Título da enquete/votação
4. Alerta de 'Já votou'/'Necessita Login'
5. Texto para o bloco de linha única (pequeno) de SMS
6. Título da opção na parte de resultados
7. Texto de miolo para bloco de SMS, pequeno, de bloco simples
8. Texto de miolo para bloco de SMS, grande, para bloco duplo
9. Conteúdo da TD à direita do radio button (geral)
10. Título da enquete/votação para coluna de Shopping

*/

.small {
	font-size: 10px;
}

.it-head-txt {
	float: left;
	display: block;
	color: #668EC9;
	font-weight: bold;
}

.it-txt-title {
	display: block;
	margin-bottom: 4px;
}

.it-txt-alert {
	display: block;
	color: #B80000;
	float: left;
	margin-top: 2px;
}

/* 5 */
.it-txt-sms {
	display: block;
	float: left;
	font-size: 10px;
	margin-left: 3px;
}

.it-txt-result {
	display: block;
	font-size: 10px;
	margin-top: 15px;
}

.it-sms-txt {
	display: block;
	width: 156px;
	height: 36px;
	float: left;
	background-color: #E3E8F0;
	margin-top: 10px;
	padding-bottom: 4px;
	padding-top: 3px;
	padding-left: 5px;
}

.it-sms-title-txt {
	display: block;
	width: 393px;
	height: 36px;
	float: left;
	background-color: #E3E8F0;
	margin-top: 10px;
	margin-bottom: 4px;
	padding-top: 7px;
	padding-left: 5px;
}

.it-radio-txt {
	padding-top: 3px;
	color: #666666;
}

/* 10 */
.it-txt-rcol {
	display: block;
	margin-bottom: 8px;
	margin-top: 3px;
}


/*

RADIO BUTTONS

1. TD com radio button da opção de enquete/votação
2. Tabela com conteúdo de enquete/votação
3. Linha/espaçador/divisor inferior de cada opção
4. Tabela interna de cada opção para item multimídia

*/

/*  ESTILOS PARA A LISTA DE ITENS DA ENQUETE EM RADIO BUTTONS */
.it-radio-bg {
	background-image: url(../icon/it_bg_radiobt.gif);
	background-position: top;
	background-repeat: repeat-y;
	width: 25px;
}

.it-radio-table {
	margin-left: -4px;
}

.it-radio-div {
	background-image: url(../icon/it_div_radiobt.gif);
	background-repeat: no-repeat;
	height: 7px;
}

.it-radio-intable {
	margin-top: 6px;
	margin-bottom: 8px;
	font-size: 10px;
}


/*

BLOCOS DE LAYOUT - CARTOLAS

1. Cabeçalho da página - deve ser igual ao layout restante do site onde está inserido o i-Tools
2. Cabeçalho interno para página de listagem por data
3. Cabeçalho interno para página de listagem por assunto
4. Bloco de cartola principal (geral)

*/

/* TÍTULO PARA TODO O BLOCO */
#it-head_section {
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	border-bottom: solid 1px #CAD4E5;
}

#it-subhead_section {
	text-align: left;
	font-size: 15px;
	font-weight: bold;
	margin-top: 12px;
}

#it-subhead_list {
	text-align: left;
	font-size: 11px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 8px;
	clear: both;
}

#it-head_main {
	float: left;
	clear: both;
	width: 100%;
	border-bottom: solid 1px #CAD4E5;
	padding-bottom: 4px;
	padding-left: 3px;
	margin-bottom: 5px;
	margin-top: 12px;
}

/*

BLOCOS DE LAYOUT - CAIXAS, POSICIONADORES E SMS

1. Caixa externa - coluna simples
2. Caixa externa - coluna dupla
3. Redefinição de inputs que estiverem dentro do bloco principal
4. Caixa para 'Veja mais'
5. Caixa de SMS (superior) de coluna única
6. Caixa de SMS (superior) de coluna dupla
7. Caixa de SMS de linha única
8. Caixa de SMS quando está junto à thumbnails
9. -
10. Caixa de Telefone de linha única
11. Coluna da esquerda
12. Coluna da direita
13. Caixa para botão de 'Voltar'
14. Caixa de texto genérico (geral)
15. Caixa para interatividade da coluna de Shopping

*/

/* 1 */
#it-block_main {
	width: 95%;
	text-align: left;
	padding-left: 8px;
}

#it-block_main_2cols {
	width: 468px;
	text-align: left;
}

#it-block_main input {
	font-family: Verdana, Arial;
	font-size: 10px;
	vertical-align: middle;
}

#it-block_vejamais {
	text-align: right;
	clear: both;
}

/* 5 */
#it-block_sms {
	height: 41px;
	font-size: 10px;
	margin-bottom: 7px;
}

#it-block_sms_title {
	clear: both;
	width: 100%;
	float: left;
	margin-bottom: 9px;
}

#it-block_sms_txt {
	background-color: #E3E8F0;
	float: right;
	clear: both;
	height: 14px;
	margin-top: 4px;
}

#it-block_sms_txt_thumbs {
	background-color: #E3E8F0;
	float: right;
	clear: both;
	margin-bottom: -2px;
}

/*
#it-block_phone {
	width: 150px;
	height: 44px;
	font-size: 10px;
	padding-top: 13px;
	padding-left: 31px;
	padding-right: 40px;
	margin-bottom: 7px;
}
*/

/* 10 */
#it-block_phone_txt {
	background-color: #E3E8F0;
	float: right;
	clear: both;
	height: 14px;
	margin-top: 4px;
}

#it-left_col {
	width: 95%;
	float: left;
	clear: left;
	margin-right: 8px;
	text-align: left;
}

#it-right_col {
	width: 230px;
	float: left;
	text-align: left;
	display: none;
}

#it-back_button {
	text-align: right;
	margin-top: 6px;
	margin-bottom: 6px;
	clear: both;
}

#it-block_txt {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	margin-top: 20px;
}

/* 15 */
#it-block_rcol {
	width: 114px;
	text-align: left;
	padding-left: 4px;
}

/*

BLOCOS DE FILTRO

1. Caixa externa para filtro
2. Redefinição para inputs - ajuste de layout
3. Caixa com título do filtro (esquerda)
4. Caixa para linha superior do filtro
5. Caixa para linha inferior do filtro
6. Caixa para botão OK do filtro

*/

#it-block_filter {
	border: solid 1px #CAD4E5;
	background-color: #EDF3FC;
	margin-top: 8px;
	text-align: left;
}

#it-block_filter input {
	vertical-align: middle;
	margin-left: 5px;
}

#it-block_filter_title {
	width: 80px;
	height: 34px;
	text-align: center;
	border-right: solid 1px #CAD4E5;
	margin-right: -3px;
	background-color: #E3E8F0;
	padding-top: 19px;
	color: #000000;
	font-weight: bold;
	float: left;
}

#it-block_filter_top {
	border-bottom: solid 1px #CAD4E5;
	height: 23px;
	padding-top: 3px;
	padding-left: 5px;
}

/* 5 */
#it-block_filter_bottom {
	height: 23px;
	padding-top: 3px;
	padding-left: 15px;
}

#it-block_filter_ok {
	float: right;
	height: 22px;
	border-left: solid 1px #CAD4E5;
	padding-top: 4px;
	padding-left: 6px;
	padding-right: 6px;
	background-color: #E3E8F0;
}

/*

CAIXAS PARA CARTOLAS

1. Caixa da cartola (geral)
2. Caixa para listas por assunto/data (geral)
3. Redefinição para UL das listas
4. Redefinição para LI das listas
5. Caixa para conteúdo de resultados
6. Caixa de item multimídia das listas

*/
#it-head_list {
	float: left;
	clear: both;
	width: 100%;
	background-image: url(../icon/it_head_main_bg.gif);
	margin-top: 12px;
}

#it-block_list {
	text-align: left;
	clear: both;
}

#it-block_list ul {
	margin: 0px;
	margin-top: 4px;
}

#it-block_list li {
	display: list-item;
	list-style-image: url(../icon/it_i_bul_brita.gif);
	margin-left: 30px;
	margin-bottom: 4px;
}

/* 5 */
#it-block_result {
	margin-left: 18px;
	margin-top: 5px;
	margin-bottom: 15px;
	font-size: 10px;
	color: #666666;
}

#it-block_list_mmedia {
	background-image: url(../icon/it_div_mmedia.gif);
	background-repeat: no-repeat;
	height: 34px;
}


/*

AD OAS

Caixa para advertising no popup

*/

#it-oas {
	text-align: center;
	clear: both;
	margin-top: 8px;
}

/*

DIVS E CLASSES PARA POPUP

1. Redefinição do 'body' do popup
2. Texto de alerta para popup
3. Caixa para popup
4. Redefinição dos links para popup

*/

.it-popup-body {
	background-image: url(../icon/it_bg_popup.gif);
	background-repeat: repeat-y;
	margin: 6px;
	margin-left: 16px;
	border: 0px;
	padding: 0px;
	width: 250px;
}

.it-txt-alert-popup {
	display: block;
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
}

#it-block_popup {
	margin-top: 5px;
}

#it-block_popup a {
	color: #2A367D;
}