/** * Structure * @import url( 'helpers.css' ); @import url( 'reset.css' ); @import url( 'types.css' ); @import url( 'forms.css' ); @import url( 'ui.slider.css' ); @import url( 'ui.theme.css' ); */ /** Selections **************************************/ ::-moz-selection { background: #333; color: #d0dbca; } ::selection { background: #333; color: #d0dbca; } /** TAGS ********************************************/ /** * ----------------------------------- // * Header * Form [start] * ----------------------------------- // **/ header form { position: absolute; top: 10px; left: 20px; overflow: hidden; } header form h3 { background: #6ba11a url( '/static/img/common/img-header-pessoafisica-borda.gif' ) left no-repeat; float: left; width: 190px; text-align: center; padding: 11px 0 6px 0; color: #d1e4d1; cursor: pointer; } header form h3 a { color: #d1e4d1 !important; } header form h3 a small { display: block; font-size: 11px; } header form fieldset { background: #6ba11a; float: left; position: relative; width: 565px; height: 50px; } /* header form fieldset h1 { position: absolute; left: 20px; top: 17px; font-size: 16px; color: #FFF; } */ header form fieldset h1 { color: #FFFFFF; font-size: 16px; height: 18px; left: 20px; overflow: hidden; position: absolute; top: 17px; width: 415px; } header form fieldset h1 span { color: #b9d300; } header form fieldset a.logout { background: url( '/static/img/common/bt-logado-sair.png' ) top no-repeat; position: absolute; right: 5px; top: -12px; width: 98px; height: 40px; display: block; text-indent: -9000px; } header form fieldset label { height: 30px; display: inline-block; margin: 5px 0 0 5px; float: left; border: 5px solid #89b448; background: #568115; } header form fieldset label.number-login { width: 167px; } header form fieldset label.password-login { width: 147px; } header form fieldset label.error { background: #b63838; border: 5px solid #d8b8aa; } header form fieldset label.number-login input { width: 150px; } header form fieldset label.password-login input { width: 100px; } header form fieldset label input { background: transparent; } header form fieldset a { background: #6ba11a; color: #FFF; float: left; margin: 17px 0 0 20px; border: 0; cursor: pointer; padding: 0; } header form fieldset button[type="submit"] { background: url( '/static/img/common/img-header-ok-form-over.gif' ) top no-repeat; background-position: 0 -30px; width: 30px; height: 30px; text-indent: -9000px; font-size: 0; line-height: 0; position: absolute; top: 10px; left: 309px; border: 0; margin-top: 0; margin-left: 0; cursor: pointer; outline: none; } header form fieldset button[type="submit"]:hover { background-position: 0 0; } header form .error-form { background: #d27676; top: 5px; right: 5px; position: absolute !important; width: 211px; text-align: center; color: #FFF; padding: 12px 0 11px 0; display: none; } /** * ----------------------------------- // * Header * Form [end] * ----------------------------------- // **/ /* COLORS ----------------------------------------------------------------- */ /* white */ .white-color { color:#fff; } /* orange */ .individual-color, .particular-color { color: #ff7800; } .individual-bg, .particular-bg { background: #ff7800; color: #fff; } .individual-box-bg, .particular-box-bg { background: url( '/static/img/common/bg-orange.gif' ) top left repeat-y; } /* cian */ .legal-color, .empresarial-color { color: #009faf; } .legal-bg, .empresarial-bg { background: #009faf; color: #fff; } .legal-box-bg, .empresarial-box-bg { background: url( '/static/img/common/bg-blue.gif' ) top left repeat-y; } /* green logo */ .green-logo { color:#006600; } /* green */ .green-color, .corretores-color, .redemedica-color, .colaborador-color, .medicocooperado-color { color: #005746 !important; } .green-bg, .corretores-bg, .redemedica-bg, .colaborador-bg, .medicocooperado-bg { background: #005746; color: #fff; } .green-box-bg, .corretores-box-bg, .redemedica-box-bg, .colaborador-box-bg, .medicocooperado-box-bg { background: url( '/static/img/common/bg-green.gif' ) top left repeat-y; } /* green mint */ .hotsite-color { color: #005846; } .hotsite-bg { background: #005846; color: #fff; } .hotsite-box-bg { background: url( '/static/img/common/bg-green.gif' ) top left repeat-y; } /* dark green */ .institutional-color { color: #3c493e; } .institutional-box-bg { background: url( '/static/img/common/bg-green.gif' ) top left repeat-y; } .institutional-bg { background: #3c493e; color: #fff; } /* brown */ .brown-color { color: #785b1c; } /** * ----------------------------------- // * Header * Care [start] * ----------------------------------- // **/ header #care { position: absolute; right: 20px; top: 10px; text-align: center; color: #4f6108; cursor: pointer; display: block; z-index: 6; float: left; width: 203px; height: 50px; } header #care h3 { background: #b9d300 url( '/static/img/common/img-header-menu-drop-atendimento.png' ) top left no-repeat; width: 164px; padding: 10px 0 4px 39px; height: 36px; font-weight: normal; } header #care h3 a { display: block; font-size: 11px; color: #4f6108; text-decoration: none; } header #care ul { overflow: hidden; display: none; float: left; width: 100%; } header #care ul li { background: url( '/static/img/common/img-header-ok-form-over.png' ) left no-repeat; background-position: 0 0; padding: 0px 0 5px 0; height: 46px; float: left; width: 100%; font-size: 12px; text-align: left; cursor: pointer; position: relative; } header #care ul li:hover { background-position: 0 -51px; } header #care ul li a { color: #d1e4d1; margin: 17px 0 0 0px; text-decoration: none; float: right; display: block; width: 143px; } header #care ul li img { float: left; /* margin-left: 18px;*/ } /** * ----------------------------------- // * Header * Care [end] * ----------------------------------- // **/ /** * ----------------------------------- // * Header * Hgroup (title and subtitle) [start] * ----------------------------------- // **/ header hgroup { position: absolute; top: 90px; left: 20px; } header > hgroup > span.title { background: url( '/static/img/common/img-header-logo-unimed.png' ) left no-repeat; text-indent: -9000px; width: 190px; height: 72px; cursor: pointer; display: block; position: absolute; z-index: 6; } header > hgroup > span.sub { background: url( '/static/img/common/img-header-logo-unimed-slogan.png' ) left no-repeat; text-indent: -9000px; width: 190px; height: 54px; position: absolute; top: 72px; left: 0; z-index: 1; display: block; } /** * ----------------------------------- // * Header * Hgroup (title and subtitle) [end] * ----------------------------------- // **/ /** * -------------------------------------------- // * Header * Navigation (menu and submenus) [start] * -------------------------------------------- // **/ /** * Abas Menu [start] **/ header #navigation { position: absolute !important; right: 0; top: 124px; width: 998px; z-index: 5; } header #navigation > ul { float: right; padding-right: 20px; } header #navigation > ul > li { float: left; line-height: 18px; position: static !important; background: none !important; } header #ftitletion > ul > li > a { cursor: pointer; } header #navigation > ul > li > a::selection { background: none; } header #navigation > ul > li > a::-moz-selection { background: none; } header #navigation > ul > li > a { padding: 12px 15px 8px; float: left; display: block; } header #navigation ul li a { color: #e6f0e6; } header #navigation > ul > li > ul { width: 996px !important; float: left; } header #navigation > ul > li > ul > li { cursor: pointer; } header #navigation ul li:hover > a, header #navigation ul li.selected > a { color: #006600; background: #c0bdb0; } header #navigation > ul > li.ancestor > a, header #navigation > ul > li.selected > a { background: #c0bdb0; } header #navigation > ul > li.ancestor > a { color: #006600; } header #navigation > ul > li.ancestor.remove > a { color: #FFF; background: none; } header #navigation > ul > li.ancestor > ul { width: 788px !important; } /** * Abas Menu [end] **/ /** * Submenu [start] **/ header #navigation ul li ul { background: #f8f8e9 url( "/static/img/common/shadow-top-center.png" ) top repeat-x; position: absolute; top: 38px; /*left: 0;*/ width: 100%; display: none; z-index: 3; padding-right: 0; } header #navigation ul li ul li { float: left; height: 120px; text-align: left; padding: 0; position: relative; } header #navigation ul li ul li span { position: absolute; height: 120px; top: 0 !important; z-index: -1; background: #b9d300; margin: 0; padding: 0; float: left; left: 0; } header #navigation ul li:hover ul li { background: transparent; } header #navigation ul li ul li p.title { color: #006600; margin: 30px 20px 7px 30px; font-size: 16px; } header #navigation ul li ul li p.title a { color: #006600; } header #navigation ul li ul li p { font-size: 11px; color: #3c493e; margin: 0 18px 0 30px; display: block; } header #navigation > ul > li.ancestor ul li p.title a { color: #3c493e; } header #navigation > ul > li.ancestor ul li p.title a:hover { color: #006600; } header #navigation > ul > li.ancestor ul li.selected { background: transparent; } header #navigation > ul > li.ancestor ul li.selected p.title a { color: #006600; } /** * Submenu [end] * -------------------------------------------- // * Header [end] * Navigation (menu and submenus) [end] * -------------------------------------------- // **/ /** * Footer **/ footer { width: 100%; margin-top: 20px; } footer a { color: #3c493e; } footer a:hover { text-decoration: none; } footer li { cursor: pointer; } footer hgroup { position: relative; } footer section > h2 { margin-bottom: 15px; } footer li h3 { font-size: 18px; text-align: center; } footer h4 { width: 100%; top: 0; height: 50px; display: none; background: #a6c1b0; position: absolute; font-size: 11px; padding: 7px 15px 0 20px; } footer > section { /*width:292px;*/ float:left; min-height: 560px; } footer section nav ul > li { margin-bottom: 5px; overflow: hidden; } /** ELEMENTS ***************************************/ /* FOOTER */ #footer_social_network { width: 326px; height: 616px; background: #d0dbca; } #footer_social_network h2, #footer_exclusive_areas h2, #footer_search h2 { margin: 30px 0 14px 25px; } /*#footer_social_network img { float: left; } */ #footer_social_network p, #footer_exclusive_areas p { height: 55px; margin: 0 0 0 25px; } /*#footer_social_network hgroup { width: 211px; height: 50px; float: right; display: inline; } #footer_social_network h4 { padding: 8px 15px 0 20px; width: 192px; height: 45px; } */ #footer_social_network .itens-social-network li h3 { padding-top: 0; /* background: #000;*/ } #footer_exclusive_areas ul { margin: 0 0 0 20px; } /*#footer_social_network ul li { width: 261px; padding-right: 15px; border: 5px #a6c1b0 solid; } #footer_social_network ul li h3 { margin: 16px 0 0 20px; text-align: left; } */ #footer_exclusive_areas { width: 346px; height: 616px; background: #d0dbca; } #footer_exclusive_areas hgroup { width: 210px; height: 50px; float: right; display: inline; margin: 0 10px 0 0; } #footer_exclusive_areas h4 { background: none; color: #fff; padding: 13px 0 0 0px; width: 200px; } #footer_exclusive_areas ul > li { background: #a6c1b0; width: 286px; height: 60px; } #footer_exclusive_areas ul li h3 { margin: 22px 0 0 0px; text-align: left; background: url('/static/img/common/clear.gif') repeat; } #footer_search { width: 326px; height: 616px; background: #005746; color: #fff; } #footer_search h6 { margin: 0 0 8px 25px; } #footer_search fieldset > div { border-color: #32796b; height: 30px; margin: 0 20px 0 20px; background: #004636; } #footer_search form { margin: 0 0 30px 0; position: relative; } #footer_search input { width: 244px; color: #d0dbca; border: none; background: none; /* font-size:12px;*/ font-size:11px; float: left; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; margin: 0; } #footer_search span { padding: 0; } #footer_search button { width: 30px; height: 30px; border: none; background: #005746 url('/static/img/common/arrow-search-footer.gif') no-repeat; position: absolute; top: 30px; left: 271px; } #footer_search button:hover { background: #005746 url('/static/img/common/arrow-search-footer.gif') no-repeat 0 -30px; } #footer_search button p { display: none; } #footer_search button:hover { cursor: pointer; } #footer_search aside > div { background: #004739; } #footer_search aside > h3 { background: #004739; height: 29px; text-align: center; padding-top: 10px; margin: 15px 20px 0 20px; cursor: pointer; } #footer_search aside > h3 a { color: #fff; } #footer_search div.hide-medic { text-align: center; height: 360px; margin: 0 20px 0 20px; } #footer_search div.show-medic { padding: 5px; margin: 0 20px 0 20px; } #footer_search div.show-medic > h3 { width: 100%; height: 25px; color: #fff; background: #00382d; text-align: center; padding-top: 8px; } #footer_search div.show-medic h3 a { color: #fff; } #footer_search div.show-medic h5 { background: #00382d; padding: 5px 7px; } #footer_search div.show-medic div.details { display: block; padding: 6px 7px; margin-bottom: 5px; border-bottom: 1px #326b62 solid; } #footer_search div.hide-medic p:first-child { padding-top: 150px; } #footer_info { width: 996px; min-height: 140px; height: 140px; float: none; clear: both; display: block; padding: 0; /* overflow:hidden; */ position:relative; } #footer_info a { outline: none; } #footer_info span { padding: 0; } #footer_info p.adr { margin: 36px 0 20px 20px; float: left; } #footer_info figure { margin: 36px 20px 0 0; float: right; } #footer_info nav { margin: 0 0 0 20px; clear: both; float: left; background: #F7F8EA !important; } #footer_info nav a { float: left; } #footer_info ul { width: 400px; } #footer_info ul li { float: left; display: inline; margin-right: 13px; } #footer_info ul li.separator { padding: 0 13px 0 0; border-right: 1px #6e786c solid; } #footer_info p.last { margin: 0 20px 0 0; float: right; } #footer_info a:hover { color: #006600; } /* Pop-up Browser Desatualizado */ .pop-browser-check h2 { color: #914b4b; margin: 10px 0 30px 0; } .pop-browser-check section { background: #d29292; padding: 40px 20px 20px 20px; height: 175px; width: 369px; } .pop-browser-check #holder-fields { width: 350px; overflow: hidden; margin: 0 auto 0 auto; } .pop-browser-check section figure { float: left; padding: 20px 30px 20px 0; } .pop-browser-check section p { margin: 15px 0 20px 0; width: 350px; color: #fff; } .pop-browser-check section a { clear: both; width: 145px; padding: 11px 20px; background: #914b4b; color: #fff !important; text-align: center; border: none; cursor: pointer; font-size: 14px; display: block; margin: 35px auto 0 auto; } /* Pop-up Nova Simulação */ .pop-new-simulation h2 { color: #006600; padding: 10px 0 30px 0; } .pop-new-simulation section { border: 1px #d0dbca solid; padding: 20px; height: 96px; } .pop-new-simulation section h3 { color: #ff800f; margin-bottom: 5px; width: 720px; } .pop-new-simulation section p { margin: 0 0 10px 0; width: auto; } .pop-new-simulation section a { width: 70px; padding: 11px 20px; background: #005746; color: #fff !important; text-align: center; border: none; cursor: pointer; font-size: 12px; margin: 10px 10px 0 0; display: inline-block; } /* Pop-up Enviar para um amigo */ .pop-sendtofriend h2 { color: #006600; } /*.pop-sendtofriend > p { margin: 20px 0; } .pop-sendtofriend .holder-fields > p { margin: 0; }*/ .pop-sendtofriend > div { border: 1px #d0dbca solid; padding: 20px; height: 405px; margin-top: 20px; } .pop-sendtofriend > div h3 { margin-bottom: 20px; width: 720px; } .pop-sendtofriend > div h3.margintop { margin-top: 20px; } .pop-sendtofriend > div p { margin: 0 0 20px 0; } .pop-sendtofriend form { position: relative; } .pop-sendtofriend form .customInput { width: 310px; } .pop-sendtofriend form input { width: 300px; height:20px; background-color:#7A8C7E; color:#FFF; } .pop-sendtofriend form #holder-fields > ul > li { float: left; width: 100%; margin-bottom: 5px; } .pop-sendtofriend form #holder-fields label { margin: 0 10px; float: left; line-height: 40px; height: 40px; text-align: right; width: 32px; } .pop-sendtofriend form #holder-fields label span { margin-right: 5px; } .pop-sendtofriend form #holder-fields .message { right: 0; top: 36px; background: #7a8c7e; } .pop-sendtofriend form #holder-fields .details { float: right; width: 260px; background: #d27677; color: #fff; padding: 12px 0 12px 10px; margin: -3px 10px 0 0 !important; display: none; } .pop-sendtofriend form #holder-fields a { /* width: auto; padding: 11px 20px; background: #005746; color: #fff !important; text-align: center; float: right; border: none; cursor: pointer; font-size: 14px; margin: -3px 0 0 0; */ background: none repeat scroll 0 0 #005746; color: #FFFFFF !important; display: block; float: right; padding: 11px 20px; text-align: center; width: 44px; } .pop-sendtofriend .msg-sucess { width: 800px; height: 300px; padding-top: 230px; } /* Pop-up Padrão */ .pop h2 { color: #006600; } .pop > p { margin: 20px 0; width: 725px; } .pop > div { border: 1px #d0dbca solid; padding: 20px; height: 400px; } .pop > div > div { height: 396px; width: 770px; } .pop > div h3 { color: #ff800f; margin-bottom: 5px; width: 700px; } .pop > div ul { width: 700px; margin-bottom:20px; } .pop > div ul.listFx > li { padding:8px; background-color:#D7D8C7; cursor:pointer; } .pop > div p { margin: 0 0 18px 0; width: 700px; } .pop section.sustainability span { margin: 25px 0 5px 0; display: block; font-weight: bold; } .pop section.sustainability p { margin: 0; width: 680px; } /* Pop-up Padrão com Tabs */ .pop-tabs > ul { margin-top: 30px; position: relative; border-left: 1px solid #d0dbca; border-right: 1px solid #d0dbca; border-bottom: 1px solid #d0dbca; height: 430px; } .pop-tabs > ul li.tab { border:0; position:static !important; } .pop-tabs > ul li.tab > span { font-size: 13px; font-weight: bold; text-decoration: none; outline: none; } .pop-tabs > ul li.tab > span.table-prices, .pop-tabs > ul li.tab.selected > span.table-prices { font-size: 12px; } .pop-tabs > ul li.tab.selected span { color: #FFF; } .pop-tabs > ul li.tab > div { display: none; position: absolute; top: 58px; left: 17px; width: 765px; height: 375px; text-align: left; font-size: 11px; cursor: default; } .pop-tabs > ul li.tab > div .holder-body-features { height: 350px; } .pop-tabs > ul li.tab > div .holder-body-features { height: 350px; } /* Pop-up Preview PDF by Simulator */ .pop-preview h2 { color: #006600; } .pop-preview p { margin: 20px 0; } .pop-preview section { border: none; width: 802px; height: 450px; background:none; } /* Pop-up Forgot Password */ .pop-password h2 { color: #006600; } .pop-password p { margin: 20px 0; } .pop-password section { border: 1px #d0dbca solid; padding: 10px 20px 17px 0; width: 388px; overflow: hidden; height: 196px; } .pop-password section h3 { color: #ff800f; margin-bottom: 5px; width: auto; } .pop-password section p { margin: 0 0 20px 0; width: auto; } .pop-password .msg-sucess { width: 420px; height: 170px; margin-top: 43px; padding-top: 100px; } .pop-password form { display: block; position: relative; } .pop-password form #holder-fields { width: 400px; overflow: hidden; margin: 10px auto 0 auto; } .pop-password form #holder-fields > ul > li { float: left; width: 400px; /*margin-bottom: 10px;*/ } .pop-password form #holder-fields label { margin: 0 3px; /*float: left;*/ line-height: 40px; height: 40px; text-align: right; } .pop-password form #holder-fields label span { margin-right: 5px; } .pop-password form #holder-fields > ul > li .label-w { width: 30px; *width: 40px; } .pop-password form #holder-fields > ul > li div.send-register input[type=checkbox] { float: left; margin-right: 10px; width: 40px; height: 40px; position: absolute; visibility: hidden; } .pop-password form #holder-fields > ul > li div.send-register > label { line-height: normal; width: 300px; background: url( '/static/img/common/client/checkbox.png' ) no-repeat; padding: 5px 0 0 50px; height: 35px; cursor: pointer; } .pop-password form #holder-fields > ul > li div.send-register > label a { font-weight: bold; } .pop-password form #holder-fields > ul > li div.send-register .button-submit { width: 80px; margin-top: 0; float: right; } .pop-password form #holder-fields > ul > li div.send-register .button-submit button { background: none; color: #FFF; border: 0; font-size: 16px; cursor: pointer; width: 80px; } .pop-password form #field-cartao { width: 120px; } .pop-password form #field-cpf { width: 95px; } .pop-password form #field-nasc { width: 86px; *width: 80px; } .pop-password form #field-email { width: 320px; *width: 316px; } .pop-password form button { width: auto; *width: 90px; padding: 11px 20px; background: #005746; color: #fff !important; text-align: center; float: right; border: none; cursor: pointer; font-size: 14px; margin: 5px 20px 0 0; outline: none; } .pop-password .error-form { background: #d27676; width: 270px; text-align: center; color: #FFF; padding: 13px 0 12px 0; float: left; margin: 5px 0 0 13px; *margin-left: 10px; display: none; } /* Pop-up Broker (Corretores) */ .pop-broker h2 { color: #006600; } .pop-broker p { margin: 20px 0; height: 15px; } .pop-broker section { width: 410px; position:relative; top: 40px; height: 260px; } .pop-broker section h3 { color: #ff800f; margin-bottom: 5px; width: auto; } .pop-broker section p { margin: 0 0 20px 0; width: auto; } .pop-broker .msg-sucess { width:420px; margin-top:50px; padding-top: 100px; } .pop-broker form { display: block; position: relative; padding: 20px 4px 15px; border:1px #d0dbca solid; } .pop-broker form #holder-fields { width: 400px; overflow: hidden; /*margin:10px auto 0 auto;*/ } .pop-broker form #holder-fields > ul > li { float: left; width: 380px; margin: 0px 20px 10px 20px; } .pop-broker form #holder-fields > ul > li:last-child { margin-bottom: 0px; } .pop-broker form #holder-fields label { margin-right: 10px; float: left; line-height: 40px; text-align: right; } .pop-broker form #holder-fields label span { margin-right: 5px; } .pop-broker form #holder-fields > ul > li label:first-child { /* width: 30px;*/ } .pop-broker form #field-nome { width: 311px; } .pop-broker form #field-email { width: 315px; } .pop-broker form #field-plano { width: 185px; display: block; float: none; } .pop-broker form #field-fone { width: 295px; } .pop-broker form button { width:auto; padding:11px 20px; background:#005746; color:#fff !important; text-align:center; float:right; border:none; cursor:pointer; font-size:14px; margin:5px 7px 0 0; outline:none;} .pop-broker .error-form { background: #d27676; width: 270px; text-align: center; color: #FFF; padding: 13px 0 12px 0; float: left; margin: 5px 0 0 13px; display: none; } /* Pop-up Edit E-mail */ .pop-editemail h2 { color: #006600; } .pop-editemail p { margin: 20px 0; } .pop-editemail section { border: 1px #d0dbca solid; padding: 10px 20px 20px 0; height: 203px; width: 388px; } .pop-editemail section h3 { color: #ff800f; margin-bottom: 5px; width: auto; } .pop-editemail section p { margin: 0 0 20px 0; width: auto; } .pop-editemail .msg-sucess { width: 400px; height: 150px; margin-top: 10px; padding-top: 60px; } .pop-editemail form { display: block; position: relative; margin: 10px 0 0 30px; } .pop-editemail form label { margin-right: 10px; float: left; line-height: 40px; height: 40px; text-align: right; } .pop-editemail form #field-email { width: 280px; } .pop-editemail form button { width: auto; padding: 11px 20px; background: #005746; color: #fff !important; text-align: center; float: right; border: none; cursor: pointer; font-size: 14px; margin: 20px 17px 0 0; outline: none; } .pop-editemail form div.details { float: left; width: 230px; background: #d27677; color: #fff; padding: 12px 0 12px 10px; margin: 20px 10px 0 0 !important; display: none; } /** * Custom Input **/ .customInput { height: 30px; background: rgb(211, 211, 198); } /** CMS Hack **************************************/ #cms_plugin_overlay { max-height:20px !important; } #form-broker #holder-fields label{float: left;} .border-input{padding: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background: #d3d3c6;float: right;margin-right: 6px;} .bg-input-corretor{padding:5px;-webkit-border-radius: 2.5px;-moz-border-radius: 2.5px;border-radius: 2.5px;background: #8d8d85;} .bg-input-corretor input{background: #8d8d85;color: #fff;padding: 0;width: 95px;font-size: 10px;outline: none;}