body { margin: 0 auto;/* center the page in Firefox */ font-family: 'Trebuchet MS'; font-size: 0.9em; line-height: 130%; min-width: 970px; color: #336699; border: 0px solid olive; } .tabfeed { background: url(images/bgfeed.jpg); width: 635px; height: 312px; top:0px; position:relative; } #introtop span { font-family: 'Trebuchet MS'; font-size: 1.1em; line-height: 130%; color: #336699; text-decoration:underline } #container { margin: 0 auto; width: 994px; border:0px solid yellow; } .bglwork { background: url(images/bglwork.gif); border: 0px solid red; width: 680px; height: 49px; position:relative; font-family: 'Trebuchet MS'; font-size: 0.8em; line-height: 6px; letter-spacing: 0.02em; } .bgread { background: url(images/bgread.gif); border: 0px solid red; width: 121px; height: 22px; top:0px; position:relative; font-size:11px; } .bglink { background: url(images/bglink.gif); border: 0px solid red; width: 250px; height: 36px; top:12px; position:relative; } .bglink a { top:9px; position:relative; } .bgbuy { background: url(images/bgbuy.gif); border: 0px solid red; width: 160px; height: 29px; position:relative; } .bgbuy a { left: 45px; top:7px; position:relative; } #top { background: url(images/head.jpg) no-repeat; height:71px; border: 0px solid red; } .searchbox { background-color: #F4F9FC; border: 1px solid #F4F9FC; color: #317082; font-size: 12px; } #home { background: url(images/home.jpg) no-repeat; width: 40px; height: 41px; display: block; position: absolute; float: right; margin: 18px 0px 0px 644px; border: 0px solid yellow; padding:0px; } #search { width: 201px; height: 30px; display: block; position: absolute; float: right; margin: 23px 0px 0px 734px; border: 0px solid yellow; padding:0px; } #cornertop { background: url(images/cornertop.jpg) no-repeat; height:15px; border: 0px solid orange; } #intro { background: url(images/bgintro.jpg) no-repeat; height:112px; border: 0px solid purple; } #intro p { width:900px; border: 0px solid purple; position:relative; left:39px; top:32px; } .text { font-family: 'Trebuchet MS'; font-size: 0.9em; padding:5px; line-height: 1.4em; letter-spacing: 0.03em; } #introtop { background: url(images/bgtoppag.jpg) no-repeat; height:51px; border: 0px solid purple; } #introbody { background: url(images/bgbody.jpg) repeat-y; border: 0px solid orange; min-height:360px; } #introfooter { background: url(images/bgpiede.jpg) repeat-y; border: 0px solid yellow; height:21px; } #contentpag { background: url(images/bgpage1.jpg) repeat-y; border: 0px solid olive; } #cornerbot { background: url(images/cornerbot.jpg) no-repeat; height:15px; } #rss { width: 40px; height: 40px; display: block; position: absolute; float: right; margin: -24px 0px 0px 934px; border: 0px solid yellow; } .piede a { font-family: 'Trebuchet MS'; font-size: 0.8em; color: #ffffff; line-height: 1.1em; letter-spacing: 0.03em; text-transform: uppercase; border: 0px solid red; top: 22px; position:relative; text-decoration: none; } .piedelink a { font-family: 'Trebuchet MS'; font-size: 0.9em; color: #ffffff; line-height: 1.1em; letter-spacing: 0.03em; text-transform: uppercase; border: 0px solid green; top: 12px; position:relative; } #footer { background: url(images/footer.jpg) no-repeat; height:72px; color: #ffffff; } input{ font-size:10px; } .feedsbut { background: url(images/butt_feed.png) no-repeat left; background-position: left; width:203px; height:27px; display:inline; padding: 0px; margin: 0; } .bcolor { background: url(images/bv.jpg) no-repeat left; background-position: left; width:27px; height:32px; display:inline; padding: 0px; margin: 0; } .bcolor:hover { background: url(images/bv1.jpg) no-repeat left; background-position: left; width:27px; height:32px; display:inline; padding: 0px; margin: 0; } .bcolor1 { background: url(images/bgr1.jpg) no-repeat left; background-position: left; width:27px; height:32px; display:inline; padding: 0px; margin: 0; } .bcolor1:hover { background: url(images/bgr.jpg) no-repeat left; background-position: left; width:27px; height:32px; display:inline; padding: 0px; margin: 0; } .bcolor2 { background: url(images/bb.jpg) no-repeat left; background-position: left; width:27px; height:32px; display:inline; padding: 0px; margin: 0; } .bcolor2:hover { background: url(images/bb1.jpg) no-repeat left; background-position: left; width:27px; height:32px; display:inline; padding: 0px; margin: 0; } .bcolor3 { background: url(images/bbg.jpg) no-repeat left; background-position: left; width:27px; height:32px; display:inline; padding: 0px; margin: 0; } .bcolor3:hover { background: url(images/bbg1.jpg) no-repeat left; background-position: left; width:27px; height:32px; display:inline; padding: 0px; margin: 0; } .bcolor4 { background: url(images/bfun.gif) no-repeat left; background-position: left; width:22px; height:26px; display:inline; padding: 0px; margin: 0; } a { color: #336699; text-decoration: none; } a:hover { color: #338EC5; text-decoration: underline; } a img { border: none;/*remove border for linked images*/ } h1 { font-size: 0.9em; height: 20px; padding-top: 0; } h2{ font-size: 1.2em; height: 20px; padding-top: 0; } .titolo { border: 0px solid red; left:140px; position:relative; top:12px; font-family: Trebuchet MS; font-size: 1.2em; color: #317082; line-height: 1.1em; letter-spacing: 0.03em; } #mainContainer{ width:100%; margin:0px auto; text-align:left; height:100%; padding-bottom:20px; padding-left:12px; border: 0px solid orange; } #header{ /* Header at the top of the demo */ background-repeat:repeat-x; } /* Logo image */ #header img{ float:left; } .dragableBox{ /* The RSS box */ width: 300px; margin:5px; } /* A div inside the rss box - with a blue border */ .dragableBoxInner{ border:0px solid #317082; } .dragableBoxHeader{ /* Header inside RSS box */ text-align: center; width: 300px; height:42px; background-image:url('images/topbox.gif'); border: 0px solid red; font-family: Trebuchet MS; font-size: 1.0em; color: #338EC5; line-height: 1.1em; letter-spacing: 0.03em; } .dragableBoxHeader span{ /* Text inside header of RSS box */ } .dragableBoxHeader img,.dragableBoxHeader span{ /* Text and reload image inside RSS box */ float:left; position:relative; top:12px; left:11px; } .boxItemHeader{ /* Title of items inside dragable boxes */ font-weight:normal; margin:0px; color:#000; text-decoration:none; overflow:hidden; } .boxItemHeader:hover{ /* Title of items inside dragable boxes - mouseover*/ font-weight:normal; margin:0px; color:#F00; text-decoration:underline; } .dragableBoxHeader input{ /* text inputs that gets visible when you click on the "edit" link at the top of a rss box */ font-size:10px; } .rssNumberOfItems{ /* Number of RSS items in header - the one inside parantheses */ color:#666; font-family: Trebuchet MS; font-size: 0.7em; line-height: 1.1em; letter-spacing: 0.04em; text-transform:uppercase; padding:4px; } .dragableBoxContent td { /* DIV holding data inside dragable boxes */ padding:0px 0px 0px 0px; border: 0px solid red; font-family: Trebuchet MS; font-size: 11px; color: #338EC5; overflow:hidden; } .dragableBoxContent { /* DIV holding data inside dragable boxes */ padding:0px 0px 0px 0px; border: 0px solid red; font-family: Trebuchet MS; font-size: 11px; color: #338EC5; overflow:hidden; background: #ffffff; background-image: url('images/bgbox2.jpg'); background-repeat: repeat-y; background-attachment:fixed; } .dragableBoxContent a { font-family: Trebuchet MS; font-size: 11px; color: #1476BD; line-height:14px; overflow:hidden; background-image: url('images/bgbox2.jpg'); background-repeat: repeat-y; background-attachment:fixed; } .dragableBoxContent a:hover { font-family: Trebuchet MS; font-size: 11px; color: #14A3BD; background-image: url('images/bgbox2.jpg'); background-repeat: repeat-y; background-attachment:fixed; line-height:14px; overflow:hidden; } #rectangleDiv{ /* Dotted rectangle indicating where objects will be dropped */ border:2px dashed #cccccc; margin:5px; background: #D7D7D9; } .closeButton{ /* Close button */ padding:2px; border:1px solid #cccccc; line-height:9px; height:9px; margin:2px; color:#cccccc; padding:2px; padding-bottom:3px; } .closeButton_over{ /* Close button - mouse over */ padding:2px; border:1px solid #999999; line-height:9px; padding:2px; padding-bottom:3px; margin:2px; background-color:#666666; color:#FFF; } .dragableBoxStatusBar{ /* Status bar at the bottom of rss boxes */ border-top:0px double #317082; height:21px; padding:0px; background-image:url('images/botbox.gif'); } .dragableBoxEditLink{ /* Edit link on top of a box */ text-decoration:none; padding-top:0px; font-family: Trebuchet MS; font-size: 0.7em; color: #338EC5; letter-spacing: 0.03em; border: 0px solid red; margin:-13px 10px 20px 140px; } .dragableBoxEditLink:hover{ /* Edit link - mouse over */ color:red; text-decoration:none; font-family: Trebuchet MS; font-size: 0.7em; color: #338EC5; letter-spacing: 0.03em; border: 0px solid green; margin:-13px 10px 20px 140px; } form{ /* font format del box edit source*/ display:inline; font-family: Trebuchet MS; font-size: 0.7em; text-transform:uppercase; } #addNewFeed{ /* The white box at the top right corner where you can add a new RSS feed */ width:300px; border:0px solid #317082; } img{ border:0px; } /***** clearfix *****/ .clear {clear: both;height: 0;line-height: 0;} .clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ .clearfix {height: 1%;} .clearfix {display: block;} /***** Main Layout ****/ /* Panel Tab/button */ .tab { background: url(images/tab_b.png) repeat-x 0 0; height: 42px; position: relative; top: 0; } .tab ul.login { display: block; position: relative; float: right; clear: right; height: 42px; width: auto; font-weight: bold; line-height: 42px; margin: 0; right: 20px; color: white; font-size: 80%; text-align: center; } /* font dei box home page */ /* font del sub-menu */ .left li { font-family: "Trebuchet MS"; font-size: 10px; text-transform: uppercase; color: #333333; letter-spacing: 0.05em; line-height: 14px; list-style-type: none; background-position: left; display: block; border: 0px solid blue; } .left li a{ font-family: "Trebuchet MS"; font-size: 10px; text-transform: uppercase; color: #333333; letter-spacing: 0.05em; line-height: 14px; list-style-type: none; background-position: left; display: block; border: 0px solid blue; } .left li a:hover{ font-family: "Trebuchet MS"; font-size: 10px; text-transform: uppercase; line-height: 14px; color: #999999; letter-spacing: 0.05em; list-style-type: none; background-position: left; display: block; border: 0px solid blue; } .tab ul.login li.left { background: url(images/tab_l.png) no-repeat left 0; height: 42px; width: 30px; padding: 0; margin: 0; display: block; float: left; border: 0px solid white; } .tab ul.login li.right { background: url(images/tab_r.png) no-repeat left 0; height: 42px; width: 30px; padding: 0; margin: 0; display: block; float: left; } .tab ul.login li { text-align: left; padding: 0 6px; display: block; float: left; height: 42px; background: url(images/tab_m.png) repeat-x 0 0; border: 0px solid white; } .tab ul.login li a { color: #ffffff; } .tab ul.login li a:hover { color: white; } .tab .sep {color:#414141} .tab a.open, .tab a.close { height: 20px; line-height: 20px !important; padding-left: 30px !important; cursor: pointer; display: block; width: 100px; position: relative; top: 11px; color: #ffffff; } .tab a.open {background: url(images/bt_open.png) no-repeat left 0;color: #ffffff;} .tab a.close {background: url(images/bt_close.png) no-repeat left 0;color: #ffffff;} .tab a:hover.open {background: url(images/bt_open.png) no-repeat left -19px;color: #ffffff;} .tab a:hover.close {background: url(images/bt_close.png) no-repeat left -19px;color: #ffffff;} /* sliding panel */ #toppanel { position: absolute; top: 0; width: 100%; z-index: 999; text-align: center; margin-left: auto; margin-right: auto; border: 0px solid red; } #panel { width: 100%; height: 158px; color: #999999; background: #1476BD; overflow: hidden; position: relative; z-index: 3; display: none; border: 0px solid red; } #panel h1 { font-size: 0.9em; padding: 0px 0 0px; margin: 0; color: #D6D6D6; font-family: "Trebuchet MS"; letter-spacing: 0.05em; border-bottom: 1px dotted #D6D6D6; text-transform: uppercase; } #panel h2{ font-size: 1.2em; padding: 10px 0 5px; margin: 0; color: white; } #panel p { margin: 5px 0; padding: 0; } #panel a { text-decoration: none; color: #D6D6D6; } #panel a:hover { color: white; } #panel a-lost-pwd { display: block; float: left; } #panel .content { width: 980px; margin: 0 auto; padding-top: 15px; text-align: left; font-size: 0.85em; } /* misura spazi menu */ #panel .content .left { width: 138px; float: left; padding: 0 8px; background: transparent url(images/bgmenu.jpg) repeat-y; } #panel .content .right { border-right: 0px solid #336699; } #panel .content form { margin: 0 0 10px 0; } #panel .content label { float: left; padding-top: 8px; clear: both; width: 280px; display: block; } #panel .content input.field { border: 0px #1A1A1A solid; background: #414141; margin-right: 5px; margin-top: 4px; width: 200px; color: white; height: 16px; } #panel .content input:focus.field { background: #545454; } /* BUTTONS */ /* Login and Register buttons */ #panel .content input.bt_login, #panel .content input.bt_register { display: block; float: left; clear: left; height: 24px; text-align: center; cursor: pointer; border: none; font-weight: bold; margin: 10px 0; } #panel .content input.bt_login { width: 74px; background: transparent url(images/bt_login.png) no-repeat 0 0; } #panel .content input.bt_register { width: 94px; color: white; background: transparent url(images/bt_register.png) no-repeat 0 0; } #panel .lost-pwd { display: block; float:left; clear: right; padding: 15px 5px 0; font-size: 0.95em; text-decoration: underline; } /* menu box di destra pagine */ .menu { color:#272727; line-height:23px; background-image: url('images/bgmenu1.jpg'); width:456px; height:33px; border-bottom: 1px solid #E8E8E8; } .menu ul { list-style:none; text-align:center; line-height:23px; top:5px; position:relative; } .menu li { display:inline; line-height:23px; top:5px; position:relative; } .menu li a { color:#999; text-decoration:none; line-height:23px; top:5px; position:relative; border-left:1px solid #E5E5E5; border-right:1px solid #E5E5E5; border-top:1px solid #E5E5E5; font-family: 'Trebuchet MS'; font-size: 0.8em; padding:2px; letter-spacing: 0.03em; } .menu li a.tabactive { background-color:#ffffff; top:4px; position:relative; line-height:23px; color: #317082; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; border-top:1px solid #dcdcdc; font-family: 'Trebuchet MS'; font-size: 0.8em; padding:2px; letter-spacing: 0.03em; border-bottom: 3px solid #ffffff; } /* css pagina overview boxes */ html { font-family: Trebuchet MS; } *, * focus { outline: none; margin: 0; padding: 0; } .block { font-family: Trebuchet MS; font-size: 13px; } .block h3 { padding: 4px 20px 40px 35px; color: #709BCC; text-decoration: none; display: block; font-family: Trebuchet MS; font-size: 1.0em; } .containerservices { width: 650px; margin: 0 auto; border: 0px solid red; font-family: Trebuchet MS; } h2.trigger { font-family: Trebuchet MS; padding: 0px 0px 0 50px; margin: 0px 0px 5px 0; background: url(images/h2_trigger_a.gif) no-repeat; height: 46px; line-height: 46px; width: 650px; font-size: 1.0em; font-weight: normal; float: left; cursor:pointer; } h2.trigger a { padding: 4px 20px 40px 35px; color: #709BCC; text-decoration: none; display: block; font-family: Trebuchet MS; font-size: 1.3em; } h2.trigger a:hover { color: #666; padding: 4px 20px 40px 35px; color: #709BCC; text-decoration: none; display: block; font-family: Trebuchet MS; font-size: 1.3em; } h2.trigger.active a { padding: 4px 20px 40px 35px; color: #666666; text-decoration: none; display: block; font-family: Trebuchet MS; font-size: 1.3em; } h2.active { color: #666666; background-position: left bottom; } .toggle_container { margin: 0 0 5px; padding: 0; border-top: 6px solid #d6d6d6; background: #f0f0f0 url(images/toggle_block_stretch.gif) repeat-y left top; overflow: hidden; font-size: 1.2em; width: 650px; clear: both; font-family: Trebuchet MS; } .toggle_container .block { padding: 20px; background: url(images/toggle_block_btm.gif) no-repeat left bottom; font-family: Trebuchet MS; } .toggle_container .block p { padding: 5px 0; margin: 5px 0; font-family: Trebuchet MS; } .toggle_container h3 { font: 1.5em normal Trebuchet MS, 'Times New Roman', Times, serif; margin: 0 0 10px; padding: 0 0 5px 0; border-bottom: 1px dashed #ccc; font-family: Trebuchet MS; } .toggle_container img { float: left; margin: 10px 15px 15px 0; padding: 5px; background: #ddd; border: 1px solid #ccc; font-family: Trebuchet MS; } /* form free quote.html */ #formular .text-input { width: 180px; } #formular fieldset { width: 200px; height:380px; } /* tipbox : table : tl : top left t : top tr : top right l : left r : right bl : bottom left b : bottom (with mark) br : bottom right c : center components : a.close : close button err : errors div p : error line */ .fc-tbx .tl{ background: url('theme/classic/img/tl.png') no-repeat; } .fc-tbx .t{ background: url('theme/classic/img/t.png') repeat-x; height: 16px; } .fc-tbx .tr{ background: url('theme/classic/img/tr.png') no-repeat; } .fc-tbx .l{ background: url('theme/classic/img/l.png') repeat-y; width : 16px; } .fc-tbx .r{ background: url('theme/classic/img/r.png') repeat-y; width: 16px; } .fc-tbx .bl{ background: url('theme/classic/img/bl.png') no-repeat; } .fc-tbx .b{ background: url('theme/classic/img/b.png') no-repeat; height: 25px; } .fc-tbx .br{ background: url('theme/classic/img/br.png') no-repeat; } .fc-tbx .c{ background: url('theme/classic/img/c.png') repeat; } .fc-tbx a.close { float: right; background: url('theme/classic/img/close.png') no-repeat; position: relative; margin-left: 5px; display: block; width: 10px; height: 10px; cursor: pointer; } .fc-tbx .err { float: left; } .fc-tbx p { width : auto; display: block; font-size: 10px; font-family: tahoma, verdana, sans-serif; margin : 0; padding : 0; border : 0; color : #FFF; } .ajax_loader { background : url('theme/classic/img/ajax-loader.gif') no-repeat center; width : 200px; height : 150px; } /* FormCheck validation div */ .fc-error { border : 0px solid #888; margin-top : 0px; height: 55px; width: 350px; } .fc-error p { margin : 0px; color : #fff; font-size:9px; position:relative; top:10px; } form.formular { font-family: Trebuchet MS, verdana, sans-serif; font-size: 12px; border:0px solid red; padding:12px; } form.black { font-family: Trebuchet MS, verdana, sans-serif; font-size: 12px; border: 0px solid #317082; color:#333; width:400px; } form.black legend{ color:#317082; } .formular fieldset { margin-top: 20px; padding : 0px; border: 1px solid #dcdcdc; } .formular legend { font-size: 12px; color: #317082; font-weight: 900; width: 400px; height: 36px; color: #336699; } .formular fieldset label { float: none; text-align: inherit; width: auto; } .formular label span { color: #336699; } small { color: #336699; } .black label span { color: #333; } .formular input, .formular select, .formular textarea { display : block; margin-bottom: 0px; } .formular .text-input { width: 250px; color: #555; padding: 4px; border: 1px solid #B5B8C8; font-size: 14px; margin-top: 4px; background: #FFF url('theme/classic/img/form/text-bg.gif') repeat-x; } .text-input { width: 250px; color: #555; padding: 4px 4px 3px; border: 2px solid #B5B8C8; font-size: 14px; margin-top: 4px; margin-bottom: 4px; } .formular .infos { background: #FFF; color: #333; font-size: 12px; padding: 0px; margin-bottom: 0px; border:1px solid #B5B8C8; } .formular span.checkbox, .formular .checkbox { display: inline; } .formular .button { text-align:right; margin-top: 20px; } .submit { color: #336699; float:right; text-decoration: none; } .formular a.submit { border: 1px solid #AAA; padding: 4px; color: #336699; } input.button { border: 2px solid #AAA; padding: 4px 4px 1px; font-size:14px; margin-top:4px; } .formular input { border: 2px solid #AAA; padding: 4px; } .formular hr { visibility: hidden; } .formular .fc-error { padding: 0px; margin:0px auto; color: #fff; border: 0px solid blue; font-size: 12px; background : url('theme/classic/img/bgerror.gif') no-repeat center; } .bgtitle { background: url('images/bgtitle1.gif'); width: 692px; height: 36px; position:relative; } .bgtitle span { top:12px; position:relative; left:40px; color: #336699; } /* fine form free quote.html */ .menufeed { color:#272727; width:600px; height:25px; border: 0px solid red; top:-2px; position:relative; left:42px; } .menufeed ul { list-style:none; text-align:center; line-height:23px; top:4px; position:relative; } .menufeed li { display:inline; line-height:23px; top:5px; position:relative; } .menufeed li a { color:#999; text-decoration:none; line-height:23px; top:4px; position:relative; border-left:1px solid #E5E5E5; border-right:1px solid #E5E5E5; border-top:1px solid #E5E5E5; font-family: 'Trebuchet MS'; font-size: 0.8em; padding:2px; letter-spacing: 0.03em; background: #E1E1E1; } .menufeed li a.tabactive { background: #2084BF; top:4px; position:relative; line-height:23px; color: #ffffff; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; border-top:1px solid #dcdcdc; font-family: 'Trebuchet MS'; font-size: 0.8em; padding:2px; letter-spacing: 0.03em; }