﻿@charset "utf-8";
/* CSS Document */

*	{ margin: 0px; padding: 0px; border: 0px;  }


body	{ height:100%; background: #fff url(../img/body_bg.gif) center 41px no-repeat; font: normal 11px 'Trebuchet MS'; color: #5e7882; line-height: 14px; } 		

input			{ height: 17px; border-top: 1px solid #a6cee7; border-left: 1px solid #a6cee7; border-right: 1px solid #dcecf6; border-bottom: 1px solid #dcecf6; background: url(../img/form_bg.gif) left top repeat-x; font: normal 11px 'Trebuchet MS'; color: #499dba; padding: 0 2px}
select			{ height: 17px; border-top: 1px solid #a6cee7; border-left: 1px solid #a6cee7; border-right: 1px solid #dcecf6; border-bottom: 1px solid #dcecf6; font: normal 11px 'Trebuchet MS'; color: #499dba; padding: 0 0 0 2px}
option			{ background: url(../img/form_bg.gif) left 4px repeat-x !important; }
textarea		{ border-top: 1px solid #a6cee7; border-left: 1px solid #a6cee7; border-right: 1px solid #dcecf6; border-bottom: 1px solid #dcecf6; background: #fff url(../img/form_bg.gif) left top repeat-x; font: normal 11px 'Trebuchet MS'; color: #499dba; padding: 0 2px}

input#username	{ width: 105px; margin-right: 2px; vertical-align: middle }
input#pwd		{ width: 95px; vertical-align: middle }
input#sociosInstitucionais, input#sociosIndividuais, input#sociosVeteranos, input#patricionadores, input#professores, input#estudantes, input#nSocios, input#pagamentos { border: 0; background: none; padding: 0; margin: 0 2px 0 10px; vertical-align: middle; }
input#pagamentoTransf { border: 0; background: none; padding: 0; margin: 0 2px 0 10px; vertical-align: middle; }
input#pagamentoCheque { border: 0; background: none; padding: 0; margin: 0 2px 0 10px; vertical-align: middle; }
input#empresa, input#cargo_funcao	{ width: 315px}
select#titulo	{ width: 45px; margin-right: 3px }
input#nome		{ width: 267px;}
input#nrSocio	{ width: 120px}
textarea#morada	{ width: 315px; height: 104px}
input#email		{ width: 235px;}
input#apelido	{ width: 315px;}
input#nif		{ width: 120px}
input#localidade	{ width: 315px;}
input#c_postal		{ width: 120px}
input#pais			{ width: 120px}
input#tlm, input#fax		{ width: 120px}
input#sms_sim, input#sms_nao, input#bo_11, input#bo_12, input#bo_13, input#pass {  border: 0; background: none; padding: 0; margin: 0 2px 0 25px; vertical-align: middle;}

/* textos */
a			{ font-weight: bold; color: #3d849c; text-decoration: none; }
a:hover		{ text-decoration: underline; }

h6 			{ font-size: 11px; font-weight: bold !important; color: #d3f8fc; padding-top: 5px; }
h5			{ font-size: 10px; font-weight: bold; color: #6cb0c8; padding-bottom: 2px; text-transform: uppercase; line-height: 11px}
h4			{ font-size: 16px; line-height: 16px; font-weight: bold; color: #6cb0c8; }

h3			{ font-size: 18px; font-weight: bold; color: #3d849c; line-height: 19px; }
h3 a		{ font-weight: normal; color: #990000 !important; }
h3 a:hover	{ text-decoration: none; border-bottom: 1px dotted #990000; }

h2 			{ font-size: 11px; font-weight: bold; color: #5e7882; text-transform: uppercase }
h2.title	{ margin-top: 10px; }

h1			{ font-size: 13px; font-weight: bold; color: #3d849c; line-height: 14px; }

p.txt		{ color: #101111 }
p.info		{ color: #5e7882; margin: 2px 0; font-size: 10px; }
p.destaque	{ margin: 10px 0 0 0;}
span.nota	{ font-size: 10px; color: #5e7882}
p.descricao	{ margin: 0 0 15px 0 !important;}




a.mais		{ background: url(../img/btn_maisIcon.gif) left 3px no-repeat; font-size: 10px; padding-left: 13px; }
a.arrow		{ background: url(../img/btn_arrowIcon.gif) left 3px no-repeat; font-size: 10px; padding-left: 13px; color: #499dba !important; }
a.add		{ background: url(../img/btn_addIcon.gif) left 2px no-repeat; font-size: 10px; padding-left: 13px; color: #499dba !important; }
a.add_2		{ background: url(../img/btn_addIcon_a.gif) left 2px no-repeat; font-size: 10px; padding-left: 13px; color: #fff !important; }
a.close		{ background: url(../img/btn_closeIcon.gif) left 3px no-repeat; font-size: 10px; padding-left: 13px; color: #499dba !important; }
a.imprimir	{ background: url(../img/btn_imprimir.gif) left 4px no-repeat; font-size: 10px; padding-left: 13px; color: #fff !important; }
a.enviar	{ background: url(../img/btn_enviar.gif) left 4px no-repeat; font-size: 10px; padding-left: 13px; color: #fff !important; }
a.voltar	{background: url(../img/btn_voltarIcon.gif) left 3px no-repeat; font-size: 10px; padding-left: 13px; }


dl			{ margin: 0; }
dd			{ color: #d3f8fc; padding: 5px 3px; border-bottom: 1px solid #fff; font-size: 11px}
dt			{ padding-top: 2px }

ul 				{ list-style: none; margin: 5px 0; padding: 0; }
li.list_a		{ list-style: none; margin: 0; padding: 3px 0 3px 20px; background:url(../img/icon_folha_a.gif) 4px 5px no-repeat; }
li.list_b		{ list-style: none; margin: 0; padding: 3px 0 3px 20px; background:url(../img/icon_folha_b.gif) 4px 5px no-repeat; }
li.list_c		{ list-style: none; margin: 0; padding: 3px 0 3px 20px; background:url(../img/icon_folder.gif) 4px 5px no-repeat; }

		
ol			{ font-style: italic; font-weight: bold; font-size: 12px; color: #63b4cb; margin-left: 25px }
ol p		{ font: normal 11px 'trebuchet ms'; color: #101111; margin: 6px 0}
ol p span	{ font-weight: bold; font-size: 12px; padding: 3px 0}


#geral { width:100%; min-height:100%; position: absolute; top: 0px; left: 0px; z-index: 0; }

/* HEADER */
#header_box			{ width: 100%; min-width: 960px; background: url(../img/header_user_bg.gif) left top repeat-x;  }
	#header_userBox	{ width: 960px; height: 40px; padding-top: 0px; margin: 0 auto 1px auto; color: #b6e760  }
		#userBox			{ float: left; width: 48%;  }
		#userBox .btn		{ margin-right: 2px; margin-top: 13px}
		#user				{ float: left; margin-right: 5px; margin-top: 13px }
		#user span			{ font-weight: bold;}
		#user  a			{ color: #b6e760; font-weight: normal !important}
		
		#header_userBox	#form { float: left; margin-top: 10px; margin-right: 3px}
		
		
		#header_userBox_btns		{ float: right; width: 52%; margin-top: 13px}
		#header_userBox_btns .btn	{ float: right; margin-left: 2px; }
	
	#header_menu	{ width: 960px; height: 197px; margin: 0 auto; background: url(../img/logoSITE.jpg) left bottom no-repeat }
		#header			{ width: 960px; height: 165px; margin: 0 auto; /*background: url(../img/header_bg.gif) right bottom no-repeat*/ }
			.header				{ width: 100%; height: 165px; }
			.header .left		{ text-align: right; vertical-align: top; padding: 30px 30px 0 0; }
			.header .right		{ width: 575px; text-align: right; vertical-align: top; padding: 30px 0 0 0;}
			.header .right .apdc_logo { margin-top: 30px}
		
		#header_menuBox	{ 
			width: 960px; 
			height: 33px; 
			margin: 0 auto; 
			background: url(../img/transparencia_85.png) right bottom repeat;
		}
			#menu		{ float: left; width: 692px; padding: 10px 10px 0 10px; margin-right: 5px; }
			#menu .btn	{ margin-right: 5px; }
			#searchBox			{ float: right; text-align: right; width: 228px; margin-left: 5px; padding-top: 6px; font-size: 11px; font-weight: bold; color: #499dba; }
			#searchBox	a 		{ color: #499dba; text-decoration: none; text-transform: uppercase }
			#searchBox	a:hover { text-decoration: underline; }
				input.searchBox	{ width: 128px; margin-right: 5px;}




/* CONTEÚDO */
#contentBOX				{ width: 100%; min-width: 960px; padding-bottom: 286px; margin-top:0;   }
#content_box { 
		width: 940px; 
		margin: 0 auto; 
		padding: 10px; 
		background-image: url(../img/transparencia_60.png) !important;
		background-position: right -11px;
		background-repeat: repeat;
	}

	#content { width: 100%; }
		#green				{ position: relative; width: 960px; margin: 0 auto; top: -120px;}
		#green img			{ width: 174px; height: 126px; float: right; margin-right: 167px;}
		
		table#tabela_contudo { width: 100%;}
		#lft_content	{ width: 702px !important; padding-right: 5px; vertical-align: top; }
		#rgt_content	{ width: 228px; padding-left: 5px; padding-top: 3px; vertical-align: top; background: url(../img/rgt_content_bg.gif) 5px top no-repeat; }
			#rgtBox			{ float: left; width: 208px; padding: 7px 10px 10px 10px; background: #fff}
			#rgtBox .rgtBox_cantos	{ height: 3px; width: 100%; clear: both }
			#rgtBox img.cantoLft	{ float: left; width: 3px; height: 2px; }
			#rgtBox img.cantoRgt	{ float: right; width: 3px; height: 3px; }
			
			#lft_content_left		{ float: left; width: 49%; margin-right: 5px; }	
			#lft_content_right		{ float: left; width: 49%; margin-left: 5px; }
			
			#lft_contentInt_left		{ float: left; width: 227px; margin-right: 5px; }	
			#lft_contentInt_right		{ float: left; width: 465px; margin-left: 5px; }
		
		#lft_content_2	{ width: 228px; margin-right: 5px; vertical-align: top}
		#rgt_content_2	{ width: 702px; margin-left: 5px; vertical-align: top}
		
		#interior_lft	{ width: 227px; margin-right: 5px; margin-top: 10px;}
		#interior_rgt	{ width: 465px; margin-left: 5px; margin-top: 5px;}


/* FOOTER */
#footerBOX			{ 
	width: 100%; 
	min-width: 960px; 
	height: 285px; 
	background: url(../img/footerBOX.png) left bottom repeat-x; 
	position: absolute;
	left: 0px;
	bottom: 0px;
	display: block;
	z-index: 999;
	padding: 0px;
	margin: 0px;
}
#footer_box			{ 
	width: 100%; 
	min-width: 960px; 
	height: 285px; 
	background: url(../img/footer_bg.png) center bottom no-repeat !important;
}
	#publicidade		{ width: 960px; margin: 0 auto; height: 20px; padding-top: 110px; }
		table.publicidade					{ width: auto; margin: 0 auto }
		table.publicidade td.publicidade_img{ width: 10px; vertical-align: top; padding-top: 2px; background: none }
		table.publicidade td.canto			{ width: 2px; height: 2px; }
		table.publicidade td.canto img		{ width: 2px; height: 2px; }
		table.publicidade td.content		{ background: #9ec526;}
		table.publicidade td.content img	{ border: 1px solid #acd429;}
	#footer				{ width: 960px; height: 30px; margin: 0 auto; padding: 115px 0 10px 0; color: #e7fc73;}
	#footer a			{ color: #e7fc73; }
	#footer .links		{ float: left; padding-left: 10px; }
	#footer .creditos	{ float: right; padding-right: 15px; text-align: right }
	#footer .creditos span	{ font-size: 10px}

	
/** GERAL **/
.modulo 				{ width: 100%; float: left; margin-bottom: 20px}
	.mod_header 				{ float: left; clear: both; width: 100%; border-bottom: 5px solid #499cba; padding-bottom: 4px; background: url(../img/mod_header_icon.gif) 5px 10px no-repeat; }
	.mod_header .title			{ padding: 2px 5px 2px 20px; font-weight: bold; font-size: 16px; line-height: 18px; display: block; color: #000000; letter-spacing: -1px }
	.mod_header .title span		{ color: #87d300;}
	
	.mod_header .title_link			{ float: left; width: 100%; }
	.mod_header .title_link .left 	{ float: left; width: 60%;}
	.mod_header .title_link .left  a{ color: #fff;}
	.mod_header .title_link .right	{ float: right !important; width: 40%; padding-top: 2px}

	.mod_pageHeader					{ float: left; clear: both; width: 100%; border-bottom: 5px solid #499cba; font-size: 18px; line-height: 19px; color: #000; padding-bottom: 5px}
	.mod_pageHeader .title			{ padding-left: 10px;}
	.mod_pageHeader .header_intro	{ padding-left: 10px; color: #5e7882; font-weight: normal; font-size: 11px; line-height: 15px; padding-top: 10px; padding-bottom: 5px}
	.mod_pageHeader .header_intro p	{ font-weight: bold; font-size: 12px; margin: 10px 0 8px 0; color: #3996a9}
	#lft_content_right .mod_header .title_link .left { width: 35% !important;}
	#lft_content_right .mod_header .title_link .right { width: 65% !important;}


	.mod_conteudo			{ float: left; clear: both; width: 100%; border-bottom: 1px solid #63b4cb }	
	.mod_conteudo .left		{ float: left; width: 227px; margin: 0 5px 0 0; padding: 10px 0; color: #101111 }
	.mod_conteudo .right	{ float: left; width: 460px; margin: 0 0 0 2px; padding: 10px 0; color: #101111 }
	.mod_conteudo .left_2	{ float: left; width: 48%; margin: 0 5px 0 0;}
	.mod_conteudo .right_2	{ float: left; width: 48%; margin: 0 0 0 6px; }
	
	/* breadcrumbs */
	#breadcrumbs 	{}
		table.breadcrumbs				{ width: 100%; }
		table.breadcrumbs td			{ background: #fff}
		table.breadcrumbs td.canto_lft	{ background: none !important; width: 3px; height: 3px; }
		table.breadcrumbs td.canto_rgt	{ background: none !important; width: 3px; height: 3px;}
		table.breadcrumbs .title		{ font-size: 11px; color: #5e7882/*#499cba*/; padding: 2px 5px}
		table.breadcrumbs .title span 	{ font-weight: normal; text-transform: none; background: url(../img/breadcrumbs_icon.gif) right 6px no-repeat; padding-right: 10px; margin-right: 8px}
		table.breadcrumbs .title span a { font-weight: normal !important; text-transform: underline; color: #499cba!important }
	
	#breadcrumbs .cantos			{ height: 3px; width: 100%; clear: both; }
	#breadcrumbs .cantos .canto_lft	{ width: 3px; height: 3px; }
	#breadcrumbs img.canto_rgt		{ float: right; width: 3px; height: 3px; }

	
	/* submenu */
	.submenu					{ border: 0 !important; padding-bottom: 0 !important; margin-bottom: 10px }
	.submenu .mod_header		{ margin-bottom: 1px; clear: both; cursor: pointer}			
	.submenu .mod_conteudo		{ border-bottom: 1px solid #a4bfc7; padding-bottom: 5px; padding-top: 5px; margin-bottom: 5px; clear: both; display: none}	
	.submenu .mod_conteudo ul	{ margin-left: 5px; }
	
	/* destaque */
	.destaque_big				{ border-bottom: 1px solid #63b4cb; padding-bottom: 1px;}
	.destaque_big .mod_conteudo	{ border: 0; background: #63b4cb url(../img/mod_destaque_bg.gif) right top no-repeat; }
	
	table.destaque td			{ padding: 10px 0; vertical-align: top }				
	table.destaque td.img		{ padding-left: 10px; }
	table.destaque td.conteudo	{ padding-left: 10px; color: #fff }
	table.destaque td.conteudo p		{ color: #d3f8fc; margin: 5px 0 13px 0}
	table.destaque td.conteudo p a		{ color: #d3f8fc; font-weight: bold}
	table.destaque td.conteudo p a:hover{ color: #fff;}
	table.destaque h4 a			{ color: #fff; }
	table.destaque h4 a:hover	{ color: #6cb0c8; background: #fff; text-decoration: none; }
	
	table.destaque_foto			{ width: 100% }
	table.destaque_foto img		{ width: 71px; height: 59px; margin-right: 8px; }
	table.destaque_foto td		{ vertical-align: top; padding: 10px 0; border-bottom: 1px solid #63b4cb }
	table.destaque_foto td.foto	{ width: 79px; }
	
		#videos					{ margin-bottom: 3px; border-bottom: 1px solid #64b5cb; padding-bottom: 3px}

	table.destaque_fototxt			{ width: auto !important; /*width: 100% */}
	table.destaque_fototxt img		{ width: 71px; height: 59px; margin-right: 8px; }
	table.destaque_fototxt td		{ vertical-align: top; padding: 10px 0;  }
	table.destaque_fototxt td.foto	{ max-width: 79px !important; }
	table.destaque_fototxt td.txt	{ vertical-align: top; padding: 0 0 10px 0;  }
	
	/* patrocínios */
	.listaPatrocinios .patrocinios			{ width: 200px; margin-left: 8px} 
	.listaPatrocinios .patrocinios td		{ width: 50%; vertical-align: top; }
	.listaPatrocinios .patrocinios td.title	{ padding-top: 15px; }
	.listaPatrocinios dl a					{ text-transform: uppercase; font-weight: normal; color: #29495c; font-size: 10px }

	/* banners */
	table.banners	{ width: 100%; margin: 0 0 1px 0 }
	table.banners td{ width: 33%; }
	table.banners td.lft{ text-align: left }
	table.banners td.mdl{ text-align: center }
	table.banners td.rgt{ text-align: right }
	
	/* lista 3cols */
	.destaque_3col				{ border: 0; }
	.destaque_3col div.col		{ float: left; width: 32%; }
	.destaque_3col div.sep		{ float: left; width: 12px; }
	.destaque_3col_b			{ border-bottom: 1px solid #64b5cb; }
	.destaque_3col_b div.col	{ padding-bottom: 10px; }
	
	
	.listagem					{ margin-bottom: 0; padding-bottom: 3px}
	.listagem .mod_item			{ padding: 8px 0; background: url(../img/hr.gif) left bottom repeat-x;}
	
		table.listagem_item							{ width: 100%}
		table.listagem_item td.img					{ vertical-align: top }
		table.listagem_item td.img img				{ width: 71px; height: 60px; margin-left: 10px; }
		table.listagem_item td.informacao			{ vertical-align: top; padding-left: 10px; }
		table.listagem_item td.informacao h3		{ font-size: 16px; }
		table.listagem_item td.informacao p			{ margin: 3px 0 0 0; padding: 0 }
	
	/* agenda */
	table.agenda				{ width: 100%; margin-top: 10px }
	table.agenda td				{ padding: 0; vertical-align: top }
	table.agenda td.icon		{ width: 20px; padding-right: 4px; padding-top: 2px; text-align: center }
	table.agenda td.hora		{ width: 35px; padding-right: 4px; color: #5e7882; }
	table.agenda td.evento		{ color: #5e7882; }
	table.agenda td.evento a span { font-weight: normal !important; }
	table.agenda td.hr			{ padding: 0; height: 11px; background: url(../img/hr.gif) left center repeat-x; }
	
	/* programa */
	.programa .mod_header			{ border-bottom-width: 1px; background: none;}	
	.programa .mod_header .title	{ padding-left: 5px; }
	.programa .mod_header .title a	{ color: #000; }
	
	
	/* Menu Canal */
	.canal_menu li.list_c 			{ margin: 3px 0 2px 0; }
	.canal_menu li.list_c a			{ font-size: 12px; text-transform: uppercase;}
	.canal_menu li.list_c ul li		{ margin: 8px 0 8px 10px;}
	.canal_menu li.list_c ul li a	{ text-transform: none; }

/* pÁGINA ARTIGO */
.artigo				{ margin-bottom: 0px; }
.artigo p			{ margin: 15px 0 15px 0; color: #5e7882 !important; line-height: 18px; }
.artigo p span		{ font-weight: bold; }
.artigo	.page_intro	{ margin: 15px 0 15px 0; font-weight: bold;}

.artigo .links		{ background: url(../img/hr.gif) left top repeat-x; padding-top: 15px; padding-bottom: 15px }
.artigo .links p	{ margin: 3px 0 }

#lft_contentInt_right .artigo .mod_conteudo { padding-top: 6px; }



/* PAGER */
	.pager { width: 100%; padding-top: 5px }
	.pager_btns	{ float: right; width: 20%; }
	.pager_btns .btn {margin-left: 2px; float: right}
	.pager_links{ float: left; width: 58%; color: #6cb0c8; font-size: 10px; padding-left: 10px; }
	

/* TOOLS */	
.tools			{ float: left; margin: 0 0 10px 0; padding: 5px 0; width: 100% }
.tools .btn		{ margin: 0 2px 0 0; }
.tools_btns		{ float: right; width: 50%; }
.tools_btns .btn {margin-left: 2px; float: right}
.tools_info		{ float: left; width: 48%; color: #6cb0c8; font-size: 10px; padding-left: 10px; }
.tools_info span{ color: #e11e10;  }


/* PÁGINA FORMULÁRIO */
.formulario .mod_conteudo 		{ padding-top: 10px; border: 0px; }
.formulario .mod_conteudo h1 	{ padding-left: 10px; }

	.greenLabel	{ width: 100%; margin: 0 0 3px 0 }
	.greenLabel td { background: #9fcb34; color: #fff; font-weight: bold;}
	.greenLabel td.canto 		{ background: none; height: 3px; width: 3px; }
	.greenLabel td.label_lft 	{ padding-left: 5px; }
	.greenLabel td.label_rgt 	{ padding-right: 5px; text-align: right }
	.greenLabel td.label_rgt span	{ font-weight: normal }
	table.formularioBox			{ width: 100%; padding: 0; margin:0  }
	table.formularioBox td				{ background: #d8f0f7; color: #5e7882; font-size: 10px; font-weight: bold;  }
	table.formularioBox td.cantoTop		{ width: 3px; height: 3px; vertical-align: top; background: none; }
	table.formularioBox td.cantoBot		{ width: 3px; height: 3px; vertical-align: bottom; background: none; }
	table.formularioBox td.canto img 	{ width: 3px; height: 3px; margin: 0; display: inline }
	table.formularioBox td.conteudo		{ width: 100%; border-bottom: 1px solid #fff; padding: 5px 0}
	table.formularioBox td.conteudo_end	{ padding: 15px 10px}
	table.formularioBox td.conteudo_end2{ padding: 5px 0 10px 0}

	table.forms				{ width: 100%; }
	table.forms td		{ /*padding: 5px 10px 5px 0px;*/ }
	table.forms td.radio{ padding: 5px 10px 5px 0px; }
	table.forms td span	{ font-weight: normal; }
	table.forms td.sep	{ padding: 0; width: 20px;}
	table.forms td.cols_2 	{ width: 48%; padding: 0 0 0 10px; vertical-align: top; }
	table.forms td.labels	{ padding: 10px 0 0 0; }
	table.forms td.labels span	{ color: #e11e10; }
	table.forms td.labels h4	{ margin: 0 0 10px 10px; color: #d12b1f; font-size: 14px }

.formulario_info				{ margin-bottom: 0 }
.formulario_info .mod_header 	{ background: url(../img/hr.gif) left bottom repeat-x; border: 0; padding-left: 10px; }
.formulario_info .title 		{ border: 0; padding: 0px; font-size: 11px; color: #3996a9; letter-spacing: 0px; }	
.formulario_info .mod_conteudo	{ padding: 10px 0; }
.formulario_info p				{ padding: 0 10px; margin: 0px; }	
.formulario_info p span			{ font-weight: bold; }
	
/* btn's */
.btn		{ float: left; height: 15px; }
.btn a		{ color: #fff; text-decoration: none; font-weight: normal }
.btn a:hover{ text-decoration: underline; }

	/* label */
	.btn_label		{ margin-top: 2px; margin-left: 2px; float: right; }
	.btn_label_lft	{ float: left; width: 2px; height: 14px; background: url(../img/label_lft.gif) left top no-repeat; }
	.btn_label_mdl	{ float: left; height: 14px; background: #64b5cb; color: #fff; padding: 0 4px; line-height: 13px; letter-spacing: 0px }
	.btn_label_mdl a{ font-size: 11px; font-weight: bold; text-transform: uppercase }
	.btn_label_rgt	{ float: left; width: 2px; height: 14px; background: url(../img/label_rgt.gif) right top no-repeat; }

	.btn_labelOVER_lft	{ float: left; width: 2px; height: 14px; background: url(../img/label_over_lft.gif) left top no-repeat; }
	.btn_labelOVER_mdl	{ float: left; height: 14px; background: #87d300; color: #fff; padding: 0 4px; line-height: 13px; letter-spacing: 0px }
	.btn_labelOVER_mdl a{ font-size: 11px; font-weight: bold; text-transform: uppercase; text-decoration: none !important }
	.btn_labelOVER_rgt	{ float: left; width: 2px; height: 14px; background: url(../img/label_over_rgt.gif) right top no-repeat; }

	/* btn a */
	.btn_a_lft	{ float: left; width: 3px; height: 15px; background: url(../img/btn_a_lft.gif) left top no-repeat; }
	.btn_a_mdl	{ float: left; height: 14px; background: #499cba; color: #fff; padding: 1px 4px 0 4px; line-height: 13px; }
	.btn_a_rgt	{ float: left; width: 3px; height: 15px; background: url(../img/btn_a_rgt.gif) right top no-repeat; }
	
	/* btn b */
	.btn_b_lft	{ float: left; width: 3px; height: 15px; background: url(../img/btn_b_lft.gif) left top no-repeat; }
	.btn_b_mdl	{ float: left; height: 14px; background: #87d300; color: #fff; padding: 1px 4px 0 4px; line-height: 13px; }
	.btn_b_rgt	{ float: left; width: 3px; height: 15px; background: url(../img/btn_b_rgt.gif) right top no-repeat; }
	
	/* btn c */
	.btn_c_lft	{ float: left; width: 2px; height: 15px; background: url(../img/btn_c_lft.gif) left top no-repeat; }
	.btn_c_mdl	{ float: left; height: 14px; background: #63b4cb; color: #fff; padding: 1px 4px 0 4px; line-height: 13px; }
	.btn_c_mdl a{ font-weight: bold; text-decoration: none !important }
	.btn_c_rgt	{ float: left; width: 2px; height: 15px; background: url(../img/btn_c_rgt.gif) right top no-repeat; }

	.btn_c_over_lft	{ float: left; width: 2px; height: 15px; background: url(../img/btn_c_over_lft.gif) left top no-repeat; }
	.btn_c_over_mdl	{ float: left; height: 14px; background: #87d300; color: #fff; padding: 1px 4px 0 4px; line-height: 13px; }
	.btn_c_over_mdl a{ font-weight: bold ; text-decoration: none !important}
	.btn_c_over_rgt	{ float: left; width: 2px; height: 15px; background: url(../img/btn_c_over_rgt.gif) right top no-repeat; }


	/* btn d */
	.btn_d_lft	{ float: left; width: 3px; height: 15px; background: url(../img/btn_d_lft.gif) left top no-repeat; }
	.btn_d_mdl	{ float: left; height: 14px; background: #d12b1f; color: #fff; padding: 1px 4px 0 4px; line-height: 13px; }
	.btn_d_rgt	{ float: left; width: 3px; height: 15px; background: url(../img/btn_d_rgt.gif) right top no-repeat; }

	/* btn e */
	.btn_e_lft	{ float: left; width: 3px; height: 15px; background: url(../img/btn_e_lft.gif) left top no-repeat; }
	.btn_e_mdl	{ float: left; height: 14px; background: #fff; color: #499dba; padding: 1px 4px 0 4px; line-height: 13px; }
	.btn_e_rgt	{ float: left; width: 3px; height: 15px; background: url(../img/btn_e_rgt.gif) right top no-repeat; }

	/* btn f */
	.btn_f_lft	{ float: left; width: 3px; height: 15px; background: url(../img/btn_f_lft.gif) left top no-repeat; }
	.btn_f_mdl	{ float: left; height: 14px; background: #bfcc20; color: #fff; padding: 1px 4px 0 4px; line-height: 13px; }
	.btn_f_rgt	{ float: left; width: 3px; height: 15px; background: url(../img/btn_f_rgt.gif) right top no-repeat; }

	/* btn menu */
	.btn_menu_lft				{ float: left; width: 3px; height: 15px; }
	.btn_menu_mdl				{ float: left; font-size:12px; height: 14px; color: #3584a0; padding: 1px 4px 0 4px; line-height: 13px; text-transform: uppercase; font-weight: bold }
		.btn_menu_mdl a			{ color: #3584a0 !important; font-weight: bold; }
		.btn_menu_mdl a:hover	{ color: #3584a0; text-decoration: underline !important;}
	.btn_menu_rgt				{ float: left; width: 3px; height: 15px; }
	
	.btn_menuOVER_lft				{ float: left; width: 3px; height: 15px; background: url(../img/btn_menuOVER_lft.gif) left top no-repeat; }
	.btn_menuOVER_mdl				{ float: left; font-size:12px; height: 14px; background: #87d300; color: #fff; padding: 1px 4px 0 4px; line-height: 13px; text-transform: uppercase; font-weight: bold}
		.btn_menuOVER_mdl a			{ color: #fff;  font-weight: bold;}
		.btn_menuOVER_mdl a:hover	{ color: #fff; text-decoration: none}
	.btn_menuOVER_rgt				{ float: left; width: 3px; height: 15px; background: url(../img/btn_menuOVER_rgt.gif) right top no-repeat; }
