/* CSS Document */

img{border:0px;}

/* vod */

#container_vod
{
	width: 100%;
}
#container_vod:after{content:"."; display:block; clear:both; visibility:hidden; height:0; overflow:hidden;}

#lat_esq_vod {
		float:left;
		width:192px;
		background:#fff;
		}

#cont_vod  {
	float:left;
	width:762px;
	background:#fff;
		}

#lat_dir_vod{float:left; width:188px; margin-left: 0px; margin-top: 0px;}
		
.img_canal{
	margin-top: 17px;
	margin-bottom: 17px;
}

.img_lat_esq{
	margin-top: 5px;
}

.flash{
	margin-top: 10px;
	margin-bottom: 9px;
}

.dest_vod{
	width:100%;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// Menu de navegação */		
		
.menu {
	font-size:14px;
	width: 192px;
	float: left;
	}

.lnk_img{
	padding: 0px;
}	

.ul_menu{
	padding:0px;
	margin:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

.li_menu1,
.li_menu2,
.li_menu3{
	display: block;
	width: 178px;
	padding-left: 3px;
	padding-bottom: 4px;
	letter-spacing: -1px;
}

.li_menu2{
	color: #000000;
}

.li_menu3{
	text-indent: 20px;
	font-weight: 100;
}

.txt_preto{
	color:#000000;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// Caixas Homepage */

.dest1{
	float: left;
	margin-right: 4px;
	background-image: url(../MEDIA/dest1.jpg);
	width: 197px;
	padding-top:30px;
	height: 100px;
}

.img_topvendas{
	float: left;
	margin-right: 10px;
}

.txt_topvendas{
	float: left;
	width: 70%;
	padding-top: 10px;
}

.dest2{
	float: left;
	margin-right: 4px;
	background-image: url(../MEDIA/dest2.jpg);
	width: 182px;
	padding-top:40px;
	padding-left:10px;
	padding-right:5px;
	height: 90px;
}

.txt_novidades1{
	margin-right: 10px;
}

.txt_novidades2{
	margin-right: 10px;
}

.dest3{
	float: left;
	background-image: url(../MEDIA/dest3.jpg);
	width: 333px;
	padding-top:30px;
	height: 100px;
}

.img_promo{
	float: left;
	margin-right: 10px;
	margin-left: 10px;
}

.txt_promo{
	float: left;
	width: 75%;
	padding-top: 10px;
}

.prc_promo{
	margin-bottom: 8px;
	margin-top: 8px;
	font-size: 160%;
	text-align: center;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// Processo de compra */

.tit_compra{
	margin-left: 9px;
	margin-top: 12px;
	background: url(../MEDIA/tit_compras.jpg) no-repeat;
	width: 210px;
	height: 12px;
}

.tit_pesquisa{
	margin-left: 9px;
	margin-top: 12px;
	background: url(../MEDIA/titulos_pesquisa.jpg) no-repeat;
	width: 210px;
	height: 12px;
}

.line{
	color: #0047ab;
	background-color: #0047ab;
	height: 1px;
	width: 717px;	
	}

hr{
	color: #0047ab;
	background-color: #0047ab;
	height: 1px;
	width: 717px;	
	border:0px;
	}
	
.smallline{
	color: #0047ab;
	background-color: #0047ab;
	height: 1px;
	width: 260px;	
	}
	
.txt_compra{
	margin-left: 10px;	
	}
	
#wrap {
	padding-top: 10px;
    margin:0 auto;
    width:680px;
    }
    
#totalbar {
    float:left;
    width:325px;
    margin: auto;
    padding: 10px;
    }

#esqbar {
    float:left;
    width:325px;
    margin-right: 15px;
    padding: 10px;
    }
    
#dirbar {
    float:right;
    width:300px;
    padding: 10px;
    }
    
.pesquisacompra{
	margin-left: 9px;
	margin-top: 12px;
	background: url(../MEDIA/pesquisa_box.jpg) no-repeat;
	width: 292px;
	height: 192px;
} 

.dadospessoais{
	margin-left: 9px;
	margin-top: 12px;
	background: url(../MEDIA/dadospessoais_box.jpg) no-repeat;
	width: 292px;
	height: 602px;
} 

.pcompra_div_form1{
	float: left;
	width: auto;
	height: 28px;
	margin-top: 6px;
	padding-left: 16px;
}

.dadospessoais_form1{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	border: 1px solid #4fb8fa;
	width: 232px;					
	height:	13px;
	padding: 2px 4px 1px 4px;
}

.quantidade_form1{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	border: 1px solid #4fb8fa;
	width: 32px;					
	height:	13px;
	padding: 2px 4px 1px 4px;
}

.cpostal1_form1{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	border: 1px solid #4fb8fa;
	width: 52px;					
	height:	13px;
	padding: 2px 4px 1px 4px;
}

.cpostal2_form1{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	border: 1px solid #4fb8fa;
	width: 32px;					
	height:	13px;
	padding: 2px 4px 1px 4px;
}

.area3_spacer{
	margin-top: 15px;
	padding-left: 15px;
}
.alert{
	color: #0047ab;
	font-size: 9px;
}

.resumoencomenda{
	margin-left: 9px;
	margin-top: 12px;
	background: url(../MEDIA/resumoencomenda_box.jpg) no-repeat;
	width: 291px;
	height: 279px;
} 

.dadosfact{
	margin-left: 9px;
	margin-top: 0px;
	background: url(../MEDIA/dadosfacturacao_box.jpg) no-repeat;
	width: 291px;
	height: 323px;
} 

.submitarea{
	margin-left: 9px;
	padding: 19px;
	margin: 19px;
	width: 720px;
} 

.comprasfooter{
	width: 620px;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// Detalhe de Telemovel */

#wrap2col {
	padding-top: 10px;
    margin:0 auto;
    width:736px;
	float:right;
    }

#baresq {
    float:left;
    width:375px;
    padding:10px;
    }
    
#bardir {
    float:right;
    width:310px;
    padding-left:10px;
    padding-top:10px;
    }
    
.this_name{
	color:#0047ab;
	font-size: 2em;
	font-weight: bold;
}

.desc_mov{
	width:375px;
}

.img_telemovel{
	float: left;
	width: 135px;
}

.telemovel_desc{
	float: right;
	width: 225px;
}

.caract_mov{
	width: 375px;
	text-align: left;
}

.caract_movesqa{
	height: 12px;
	padding: 3px;
	padding-left: 5px;
	width: 225px;
	background-color: #eeeeee;
	border-right: 1px solid #0047ab;
	float: left;
	border-bottom: 1px solid #0047ab;
}

.caract_movdira{
	height: 12px;
	padding: 3px;
	padding-left: 5px;
	width: 130px;
	background-color: #eeeeee;
	border-right: 1px solid white;
	float: right;
	border-bottom: 1px solid #0047ab;
}

.caract_movesqb{
	height: 12px;
	padding: 3px;
	padding-left: 5px;
	width: 225px;
	background-color: #ffffff;
	border-right: 1px solid white;
	float: left;
	border-bottom: 1px solid #0047ab;
}

.caract_movdirb{
	height: 12px;
	padding: 3px;
	padding-left: 5px;
	width: 130px;
	background-color: #ffffff;
	border-right: 1px solid white;
	float: right;
	border-bottom: 1px solid #0047ab;
}

.pricebot{
	padding-top: 10px;
	width: 121px;
	height: 44px;
	background: url(../MEDIA/price_bot.jpg) no-repeat;
	text-transform: uppercase;
	color: white;
	font-size: 20px;
	font-weight: bold;
} 

.smalllinemov{
	color: #0047ab;
	background-color: #0047ab;
	height: 1px;
	width: 225px;	
	}

.pricesmall{
	margin-bottom: 12px;
	font-size: 12px;
	font-weight: bold;
}

.itens_mov{
	width: 220px;
	text-align: left;
}

.itens_mova{
	height: 12px;
	padding: 3px;
	width: 110px;
	float: left;
}

.itens_movb{
	height: 12px;
	padding: 3px;
	width: 92px;
	float: right;
}

.comparativo{
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 35px;
	width: 273px;
	height: 174px;
	background: url(../MEDIA/comparativos_box.gif) no-repeat;
}

.quicklinks{
	font-size: 70%;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// Listagem de Telemóvel */


#wrap2banner {
	padding-top: 5px;
    margin:0 auto;
    margin-left: 15px;
    width:736px;
    float: right;
    }

#wrapdest {
	padding-top: 10px;
    margin:0 auto;
    width:736px;
	float:right;
    }

#wraptotal {
	padding-top: 5px;
    margin:0 auto;
    width:736px;
	float:right;
    }

#baresqdest {
    float:left;
    width:540px;
    padding-top: 3px;
    }
	
#baresqdestbottom {
    float:left;
    width:540px;
    padding-top: 10px;
    }
    
#bardirdest {
    float:right;
    width:181px;
    padding-left:10px;
    padding-top:10px;
    }

.destlistagem{
	padding-top:6px;
	margin-left:0px;
}

.destBullets{
	margin-top:-5px;
	width: 570px;
	background-color:#ffffff;

}

.destlistagemBottom{
	width: 540px;
	height: 256px;
	padding-top:6px;
}

.comparativosmall{
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 35px;
	width: 149px;
	height: 102px;
	background: url(../MEDIA/comparativo_small.jpg) no-repeat;
}
    
.sugerimos{
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 35px;
	width: 149px;
	height: 133px;
	background: url(../MEDIA/sugerimos.jpg) no-repeat;
}

.img_sug{
	float: left;
	margin-right: 5px;
	width: 44px;
}

.txt_sug{
	font-size: 90%;
	float: left;
	width: 100px;
	padding-top: 10px;
}

.pricesmall{
	float: right;
	padding-top: 5px;
	text-transform: uppercase;
	color: white;
	font-size: 14px;
	font-weight: bold;
} 

.destacamos{
	float: left;
	margin-right: 6px;
	padding-right: 5px;
	padding-left: 15px;
	padding-top: 15px;
	width: 159px;
	height: 232px;
	background: url(../MEDIA/caixasdestaques.jpg) no-repeat;
}

.destacamosend{
	float: left;
	padding-right: 5px;
	padding-left: 15px;
	padding-top: 15px;
	width: 159px;
	height: 232px;
	background: url(../MEDIA/caixasdestaques.jpg) no-repeat;
}

.img_sug{
	float: left;
	margin-right: 5px;
	width: 44px;
}

.txt_dest{
	font-size: 90%;
	float: left;
	width: 100px;
	padding-top: 15px;
}

.dest_name{
	color:#0047ab;
	font-size:1.7em;
	font-weight:bold;
}

.itens_dest{
	width: 159px;
	text-align: left;
	height: 25px;
}

.itens_desta{
	height: 8px;
	margin-bottom: 3px;
	padding-top: 8px;
	width: 70px;
	float: left;
}

.itens_destb{
	height: 8px;
	padding-bottom: 3px;
	padding-top: 8px;
	width: 82px;
	float: right;
}

.destprice{
	float: right;
	text-transform: uppercase;
	color: white;
	font-size: 14px;
	font-weight: bold;
} 

#wrap2banner {
	padding-top: 5px;
    margin:0 auto;
    margin-left: 15px;
    width:736px;
    float: right;
    }

#esqbanner {
    float:left;
    width:426px;
    }
    
#dirbanner {
    float:right;
    width:301px;
    }

.destsup{
	float: left;
	padding-left: 165px;
	padding-right: 25px;
	padding-top: 25px;
	width: 241px;
	height: 110px;
	background: url(../../MEDIA/placas3g.jpg) no-repeat;
}

.destinf{
	float: left;
	padding-left: 165px;
	padding-right: 25px;
	padding-top: 25px;
	width: 241px;
	height: 110px;
	background: url(../../MEDIA/zoncards.jpg) no-repeat;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// Listagem de Telemóvel */

#wrap2banner {
	padding-top: 5px;
    margin:0 auto;
    margin-left: 15px;
    width:736px;
    float: right;
    }

#wrapdest {
	padding-top: 10px;
	margin:0 auto;
	width:762px;
	float:right;
    }

#wraptotal {
	padding-top: 5px;
    margin:0 auto;
    width:736px;
	float:right;
    }

#baresqdest {
	float:left;
	width:570px;
	padding-top: 3px;	
    }
    
#bardirdest {
	float:right;
	width:188px;
	padding-left:0px;
	padding-top:0px;
    }

#compa{
	float: left;
	margin-right: 8px;
	padding-top: 15px;
	width: 240px;
	background: url(../MEDIA/box_4.jpg) no-repeat;
}

#compb{
	float: left;
	margin-right: 4px;
	padding-top: 15px;
	width: 240px;
	background: url(../MEDIA/box_4.jpg) no-repeat;
}

#compc{
	float: right;
	padding-top: 15px;
	width: 240px;
	background: url(../MEDIA/box_4.jpg) no-repeat;
}

.img_comp{
	float: left;
	padding-top:15px;
	padding-left:7px;
	margin-right: 6px;
}

.compprice{
	width:160px;
	margin:auto;
	padding-top:15px;
	padding-bottom:15px;
	text-aling:center;
	float: right;
	text-transform: uppercase;
	color: #0047ab;
	font-size: 18px;
	font-weight: bold;
} 

.itens_comp{
	text-align: left;
}

.itens_compa{
	height: 8px;
	margin-bottom: 3px;
	padding-top: 8px;
	float: left;
}

.itens_compb{
	height: 8px;
	padding-bottom: 3px;
	padding-top: 8px;
	width: 52px;
	float: right;
}

.caract_comp{
	width: 240px;
	text-align: left;
}

.caract_compesqa{
	height: 12px;
	padding: 3px;
	padding-left: 5px;
	width: 90px;
	background-color: #eeeeee;
	border-right: 1px solid #0047ab;
	float: left;
	border-bottom: 1px solid #0047ab;
	color:#000000;
}

.caract_compdira{
	height: 12px;
	padding: 3px;
	padding-left: 5px;
	width: 131px;
	background-color: #eeeeee;
	float: right;
	border-bottom: 1px solid #0047ab;
}

.caract_compesqb{
	height: 12px;
	padding: 3px;
	padding-left: 5px;
	width: 90px;
	background-color: #ffffff;
	border-right: 1px solid white;
	float: left;
	border-bottom: 1px solid #0047ab;
	color:#000000;
}

.caract_compdirb{
	height: 12px;
	padding: 3px;
	padding-left: 5px;
	width: 131px;
	background-color: #ffffff;
	float: right;
	border-bottom: 1px solid #0047ab;
}


/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// Listagem de Filmes */

.destlistagemtBottom{
	width:568px;
	background: url(../MEDIA/bgMontra.jpg);
}

.capa_filme{
	width:142px;
	text-align:center;
	float:left;
	display: inline;
	padding-top:10px;
}

.txt_filme{
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

.txt_filme{
	text-decoration:none;
	font-weight: normal;
	font-style: normal;
}

.txt_filme:hover{
	text-decoration:none;
	font-weight: normal;
	font-style: normal;
}

.filme_border{
	border-style:solid;
	border-width:1px;
	border-color:#000;
}

.filme_exclu{
	border-style:solid;
	border-width:1px;
	border-color:#0047ab;
}

.smalltxt{
	font-size:9px;
}


.listicons{
	float: left;
	margin-left: -70px;
	width: 150px;
}

.pag_list{
	width: 548px;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: right;
	font-size: 9px;
	margin-right: 10px;
	display:table;
}

.pagon{
	color: #0047ab;
	font-size: 10px;
}

.pagoff{
	color: #cdcdcd;
	font-size: 9px;
	width: 500px;
	float:right;
	text-align: right;
}

.pagclick a{
	color: #a0a0a0;
	font-size: 9px;
}

.pagclick:hover{
	color: #0047ab;
	font-size: 9px;
	text-decoration: none;
}

.filmes{
	width: 544px;
	display:table;
}


.montraFilmes{
	padding-top: 0px;
	width: 568px;
}

.topoFilmes{
	margin-top: 6px;
	height:30px;
	background: url(../MEDIA/topo_pesq.jpg) no-repeat;
}

.topoFilmes_detalhe{
	margin-top: 6px;
	height:30px;
	background: url(../MEDIA/topo_detalhe.gif) no-repeat;
}

#filme_detalhes{position:relative; margin-top:8px; line-height:1.4em; float:left; width:390px;}
#filme_detalhes a{padding:0px;}
#filme_detalhes_capa{position:relative; float:left; margin:10px 10px 0px 10px;}


.botFilmes{
	background-color:#ffffff;
}


.imgEx{
	text-align: left;
	margin-left:-18px;
}

.imgHd{
	text-align: left;
	margin-left:10px;
}

.pesqFilmes{
	font-size: 10px;
	color: #a0a0a0;
	margin-left: 80px;
	height: 13px;
	border-style: none;
}

.navpick{
	margin-left: 10px;
	float: left;
	padding-top: 4px;
	margin-right: 5px;
}
.navpick_detalhe{
	margin-left: 10px;
	float: left;
	padding-top: 8px;
	margin-right: 5px;
	color:#ffffff;
}
#navpick_info{
	margin-left: 10px;
	float: right;
	padding-top: 8px;
	margin-right: 5px;
	color:#ffffff;}
/* Listagem de Filmes */
#moviesTextList{padding:0px 15px 0px 15px;}
#moviesTextList .grid3col .column { width:49%; }
#moviesTextList a{ color:#0047ab; font-weight:bold;}
#moviesTextList a:hover { text-decoration:underline; }
#moviesTextList a:visited { color:#0047AB; }
#moviesTextList li h3 { width:100%; white-space:nowrap; overflow:hidden; }
#moviesTextList .textview { line-height:1.3em; }
#moviesTextList .textview li { float:none; width:100%; margin:0; padding:0; height:auto; font-weight:normal; font-size:11px; margin-bottom:10px; }
#moviesTextList .textview li small { display:block; font-size:10px; padding-left:3px;}
#moviesTextList ul,ol,li,dl{ margin: 0; padding: 0; }
#moviesTextList ul,ol { list-style: none; }
.column { float: left; }
.column.first, .column.last { margin-left: 0 !important; }
/*.column.last { float: right !important; } */
/* #moviesTextList p.last, ul.last, ol.last, li.last { _width: auto !important; _float: none !important; } */

/* Página SubCategorias */
.top_filmes a{padding:0px;}
.top_filmes{margin:20px 10px 0px 10px; display:block;}
.subcat_title{float:left; width:500px; font-size:17px; font-weight:bold;}
.move_list{float:right; margin:15px 0px 0px 0px}
.more_cat{float:right; padding:10px 10px 0px 10px; margin-bottom:25px;}
.more_cat a{text-decoration:underline; color:#cdcdcd; padding:0px;}
.more_cat a:hover { text-decoration:underline; color:#cdcdcd;}
.more_cat a:visited {text-decoration:underline; color:#cdcdcd;}
.div_cat{position:relative; display:table; width:548px; margin:0px 10px 0px 10px; height:1px; border-top:1px dotted #c5c5c5;}
#ultimas_novidades{padding:8px 5px 0px 0px; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; text-align:left; display:block;}
#ultimas_novidades a{text-decoration:none; padding:0px;}
#ultimas_novidades  img{border:1px solid #666666;}
#more_utlimas_novidades{border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; padding:10px 10px 0px 10px; text-align:right; clear:both;}

#view_trailers{background-image:url(../MEDIA/trailer_background.gif); background-repeat:no-repeat; width:545px; height:30px; margin:0px 0px 0px 10px; padding:10px 20px 0px 130px;}
#view_trailers_bottom{margin:0px 0px 0px 10px;}

		.btnovidades_toogle 
        {
            display: inline;
            float: left;
            z-index: 7;
            width: 84px;
            height: 16px;
            background-image: url('../MEDIA/novidades_off.jpg');
            background-repeat: no-repeat; 
        }
        .btnovidades_toogle:hover
        {
            background-image: url('../MEDIA/novidades_on.jpg');
        }
        
        .btexclusivos_toogle 
        {
            display: inline;
            float: left;
            z-index: 7;
            width: 88px;
            height: 16px;
            background-image: url('../MEDIA/exclusivos_off.jpg');
            background-repeat: no-repeat; 
        }
        .btexclusivos_toogle:hover
        {
            background-image: url('../MEDIA/exclusivos_on.jpg');
        }
        
        .bthd_toogle 
        {
            float: left;
            z-index: 7;
            display: inline;
            width: 37px;
            height: 16px;
            background-image: url('../MEDIA/hd_off.jpg');
            background-repeat: no-repeat; 
        }
        .bthd_toogle:hover
        {
            background-image: url('../MEDIA/hd_on.jpg');
        }
        
        .bttodos_toogle 
        {
            float: left;
            z-index: 7;
            display: inline;
            width: 59px;
            height: 16px;
            background-image: url('../MEDIA/todos_off.jpg');
            background-repeat: no-repeat; 
        }
        .bttodos_toogle:hover
        {
            background-image: url('../MEDIA/todos_on.jpg');
        }
        
        .btcoverlist_toogle
        {
            display: block;
            width: 15px;
            height: 16px;
            background-image: url('../MEDIA/cover_off.jpg');   
            background-repeat: no-repeat;     
        }
        .btcoverlist_toogle:hover
        {
            background-image: url('../MEDIA/cover_on.jpg');        
        }
        
        .bttextlist_toogle
        {
            display: block;
            width: 15px;
            height: 16px;
            background-image: url('../MEDIA/list_off.jpg');   
            background-repeat: no-repeat;     
        }
        .bttextlist_toogle:hover
        {
            background-image: url('../MEDIA/list_on.jpg');        
        }
        
        .btTrailerButton1_toogle
        {
            display: block;
            width: 100px;
            height: 23px;
            background-image: url('../MEDIA/trailer1_off.gif');   
            background-repeat: no-repeat;     
        }
        .btTrailerButton1_toogle:hover
        {
            background-image: url('../MEDIA/trailer1_on.gif');        
        } 
        
        .btVerTrailer_toogle
        {
            display: block;
            width: 120px;
            height: 22px;
            background-image: url('../MEDIA/ver_trailer_off.gif');   
            background-repeat: no-repeat;     
        }
        .btVerTrailer_toogle:hover
        {
            background-image: url('../MEDIA/ver_trailer_on.gif');        
        }
        
        .btSubCategoryBack_toogle
        {
            display: block;
            width: 18px;
            height: 15px;
            background-image: url('../MEDIA/move_list_left.gif');   
            background-repeat: no-repeat;     
        }
        .btSubCategoryBack_toogle:hover
        {
            background-image: url('../MEDIA/move_list_left.gif');        
        }     
        
        .btSubCategoryForward_toogle
        {
            display: block;
            width: 18px;
            height: 15px;
            background-image: url('../MEDIA/move_list_right.gif');   
            background-repeat: no-repeat;     
        }
        .btSubCategoryForward_toogle:hover
        {
            background-image: url('../MEDIA/move_list_right.gif');        
        }         
        
        .divAjaxLoader 
        {
			position: absolute; 
			background-color: White; 
			text-align: center; 
			margin-left: 1px; 
			margin-top: 115px;
            width: 564px; 
            height: 560px; 
            z-index: 7; 
        }
        
        .ToolText { position:relative; } 
		.ToolTextHover { position:relative; } 
		.ToolText span { display: none; } 
		.ToolTextHover span { 
			display:block; 
			position:absolute; 
			border:1px solid black; 
			top:1.3em; 
			left:5px; 
			background-color:gray; color:white; 
			text-align: center; 
		} 