/* COMMONBOX CSS Document */ /* Conteneur commonbox */ #commonbox_widget{position: absolute; width:650px; margin:auto; color:#333; } /* generaux */ #commonbox_widget .small{font-size:12px; font-weight:normal;} /* contour */ #commonbox_widget #bg-top{ background:url(img/bg-top.png) no-repeat bottom; width:649px; height:4px; float:left;font-size:0px;} #commonbox_widget #bg-bottom{ background:url(img/bg-bottom.png) no-repeat top; width:649px; height:9px; float:left; } #commonbox_widget #bg-left{ background:url(img/bg-left.png) repeat-y; width:650px; float:left; padding-left:4px; } #commonbox_widget #bg-footer-top{ background:#c0bcef url(img/bg-footer-top.png) repeat-x; height:3px; float:left; width:100%; font-size:0px;} /* bloc contenu */ #commonbox_widget #content{ background:url(img/bg-right.png) repeat-y right; width:640px; float:left; padding-right:5px;display:inline;} * html #commonbox_widget #content{ width:640px;} #commonbox_widget #content_form{float:left; width:100%; background:#fff url(img/bg-content_blue.gif) bottom no-repeat; display:inline;} /* header */ #commonbox_widget #header{ background:#ffffff; width:100%; float:left; height:64px;} #commonbox_widget #header .logo{float:left; width:145px; margin:10px 0px 0px 12px; color:#828282; font-size:10px;} #commonbox_widget #header .titre{ float:left; font-size:18px; color:#212229; text-transform:uppercase; padding:23px 0 0 5px; width:440px} /* etapes */ #commonbox_widget #content_form .content-head{ background:url(img/bg-content-top.png) repeat-x top; padding:12px 0 10px 48px;} #commonbox_widget #content_form .step1{background:url(img/bg-step1.png) no-repeat; width:544px; height:39px; padding-top:10px;} #commonbox_widget #content_form .step2{background:url(img/bg-step2.png) no-repeat; width:544px; height:39px; padding-top:10px;} #commonbox_widget #content_form .step3{background:url(img/bg-step3.png) no-repeat; width:544px; height:39px; padding-top:10px;} #commonbox_widget #content_form .step{ color:#606060; font-size:15px; position:absolute; text-transform:uppercase;} #commonbox_widget #content_form .one{padding-left:10px;} #commonbox_widget #content_form .two{padding-left:200px;} #commonbox_widget #content_form .three{padding-left:380px;} #commonbox_widget #content_form .step b{font-size:16px;} #commonbox_widget #content_form .orange{ color:#ff4100;} /* formulaire */ #commonbox_widget #content_form .form{margin:0 auto; font-size:14px; color:#3a3668;} #commonbox_widget #content_form label{float:left; padding:2px 22px 0 0; text-align:right; width:280px;} #commonbox_widget #content_form .small_left label{float:left; padding:2px 20px 0 0; text-align:right; width:140px;} #commonbox_widget #content_form .small_form label{float:left; padding:2px 20px 0 0; text-align:right; width:180px;} #commonbox_widget #content_form .small_left .newInput{ margin-left:160px;} #commonbox_widget .entry,#commonbox_widget #content_form .text{display:block;margin-top:0px; margin-bottom:12px;} #commonbox_widget input[type="text"],#commonbox_widget textarea,#commonbox_widget input[type="password"],#commonbox_widget select{ width:280px; font-size:12px; color:#333333; border:1px solid #bcbcbc; background:#fff url(img/input_bg.gif) repeat-x; padding:3px 2px 3px 6px;} #commonbox_widget .small_left input[type="text"],#commonbox_widget .small_left textarea,#commonbox_widget .small_left input[type="password"],#commonbox_widget .small_left select{ width:430px; font-size:12px; color:#333333; border:1px solid #bcbcbc;background:#fff url(img/input_bg.gif) repeat-x;padding:3px 2px 3px 6px; } #commonbox_widget .small_form input[type="text"],#commonbox_widget .small_form textarea,#commonbox_widget .small_form input[type="password"],#commonbox_widget .small_form select{ width:280px; font-size:12px; color:#333333; border:1px solid #bcbcbc;background:#fff url(img/input_bg.gif) repeat-x;padding:3px 2px 3px 6px; } #commonbox_widget .inputText{width:430px;}/*ie6*/ #commonbox_widget .inputTextMedium{width:280px;}/*ie6*/ #commonbox_widget .inputTextSmall{width:208px;}/*ie6*/ #commonbox_widget #content_form .text{float:left;color:#212229; font-size:12px;} #commonbox_widget .biginput input[type="text"],#commonbox_widget .biginput textarea,#commonbox_widget .biginput input[type="password"],#commonbox_widget .biginput select{ width:240px; font-size:11px;} /* footer */ #commonbox_widget #footer{background:#c0bcef; color:#3f3c6a; float:left; width:100%; } #commonbox_widget #footer .bloc{ float:left; width:205px; margin:10px 0 0 17px; font-size:10px; color:#181633; display:inline;} #commonbox_widget #footer .last{ width:170px; } #commonbox_widget #footer .bloc .titre{ text-transform:uppercase; font-weight:bold; padding-bottom:5px;} /* onglet log */ #commonbox_widget #user_log{float:right;margin-bottom:-4px;margin-right:5px;text-align:right;} #commonbox_widget #user_left{background:url(img/log-left.png) no-repeat; width:6px; height:22px; float:left;} #commonbox_widget #user_middle{text-transform:lowercase; color:#212229; float:left; font-size:12px; background:#fff url(img/log-middle.png) repeat-x; height:18px; padding:4px 0 0 5px;} * html #commonbox_widget #user_middle{height:22px;} * + html #commonbox_widget #user_middle{height:22px;} #commonbox_widget #user_middle a{color:#5e5b89; font-size:9px; text-decoration:none; border-bottom:1px dotted; text-transform:capitalize; margin:0 5px;} #commonbox_widget #user_right{background:url(img/log-right.png) no-repeat; width:7px; height:22px; float:left;} /* boutons */ #commonbox_widget .submitbutton{ margin:0; background:url(img/bt-auto-orange.png); border:none; text-transform:uppercase; height:24px; color:#FFFFFF; width:101px; font-size:13px; line-height:130%; text-decoration:none; font-weight:bold; cursor:pointer; padding:0px; overflow:visible; outline:none;} #commonbox_widget .submitbuttonDisabled{ background-image:none; border:none; color:#fff; background:#999999; padding:0 5px;text-transform:lowercase;width:auto; cursor:default;} /* loader ajax */ #commonbox_widget #commonbox_loader{background:url(img/ajax-loader.gif) no-repeat center;display:none;position:absolute;right:33px;position:absolute;top:63px; width:16px; height:10px;} #commonbox_widget select { font-size:13px;} #commonbox_widget #paypalForm{text-align:center;} #commonbox_widget #content_form h3{font-size:16px;margin:0 0 10px;text-align:center;} /* invitation */ #commonbox_widget .destinataires{ margin-bottom:2px; float:left;} #commonbox_widget .destinataires label{ height:35px;} #commonbox_widget .destinataires input[type="text"]{width:208px; margin-bottom:2px;} #commonbox_widget .destinataires input[type="text"].inputTextSmallWrong{border:1px solid red;} #commonbox_widget .addTo .btn{border:1px solid #7572a5; background:#fff url(img/btn-bg.gif) repeat-x; height:19px; width:209px; text-transform:uppercase; color:#545089; font-weight:bold; font-size:11px; padding:7px 0 0 6px; cursor:pointer;} #commonbox_widget .addTo .btn img{ padding:0 6px 0 0;} #commonbox_widget .addTo .reduc{text-align:center; font-weight:bold; font-size:11px; color:#5e5b90; width:215px; padding:8px 0 0 0;} #commonbox_widget .addTo span{float:left;} #commonbox_widget .destinataires .destinataires-titre{float:left;padding:2px 20px 0 0;text-align:right;width:140px;} #commonbox_widget .destinataires .destinataires-emails{float:left; width:465px;} /*webmail*/ #commonbox_widget #webmail{ margin:10px 0 10px 160px; _margin-left:80px; background:#d9d8e5; color:#5e5b90; width:430px; padding:7px; font-size:12px; float:left;} #commonbox_widget #webmail .btn{ float:left; margin:10px 0 0 0;border:1px solid #7572a5; background:#fff url(img/btn-bg.gif) repeat-x; height:19px; text-transform:uppercase; color:#545089; font-weight:bold; font-size:11px; padding:7px 10px 0 6px; cursor:pointer;} #commonbox_widget #webmail .btn img{ padding:0 6px 0 0;} #commonbox_widget #emailform{float:left;} #commonbox_widget #emailimg{float:right;margin-right:0px;background:url(http://www.commonbox.net/public/images/webmail-list.gif) no-repeat; width:150px; height:43px;} #commonbox_widget #emailform label{width:90px;} #commonbox_widget #commonbox_invite_form_webmail{ margin-top:10px;} #commonbox_widget #commonbox_invite_form_webmail .entry{ margin-bottom:2px;} #commonbox_widget #webemailform label.webmail-label{float:left; padding:2px 5px 0 0; text-align:right; width:90px;} #commonbox_widget #commonbox_invite_webmaillogin,#commonbox_widget #commonbox_invite_webmailpassword{ width:160px;} /* url */ #commonbox_widget #content_form .url{text-align:left;margin:20px 0 0 48px; font-size:12px;} #commonbox_widget #content_form .url .urlbox{margin-top:9px;} #commonbox_widget #urlbox{color:#FF4100;font-size:12px;font-weight:bold;height:21px;margin:0px 0 0;padding:5px 0 0 9px;width:515px; float:left;} #commonbox_widget #content_form .url .urlbox img{float:left; margin-left:2px; border:0px;} #commonbox_widget #invite-url-valid .bookmark{margin-left:3px;} #commonbox_widget #invite-url-networks{float:left;margin:20px 0 80px;text-align:left;display:inline;} #commonbox_widget #invite-url-networks .link1,#commonbox_widget #invite-url-networks .link2,#commonbox_widget #invite-url-networks .link3{float:left; margin:0 20px 0 0px;} #commonbox_widget #invite-url-networks .email{background:url(http://www.commonbox.net/public/images/email.png) no-repeat; padding-left:21px; display:block; height:16px;_display:inline;} #commonbox_widget #invite-url-networks .banner{background:url(http://www.commonbox.net/public/images/application_add.png) no-repeat; padding-left:21px; display:block; height:16px; _display:inline;} #commonbox_widget #invite-url-networks .delicious{background:url(http://www.commonbox.net/public/images/ico_delicious.gif) no-repeat; padding-left:21px; display:block; height:16px;_display:inline;} #commonbox_widget #invite-url-networks .favoris{background:url(http://www.commonbox.net/public/images/ico_favorite.gif) no-repeat; padding-left:21px; display:block; height:16px;_display:inline;} #commonbox_widget #invite-url-networks .facebook{float:left; border:1px solid #7572a5; background:#fff url(img/btn-bg.gif) repeat-x; height:25px; text-transform:uppercase; font-weight:bold; font-size:11px; padding:1px 10px 0 6px; cursor:pointer;} #commonbox_widget #invite-url-networks .facebook img{padding:5px 5px 0 0; float:left;} #commonbox_widget #invite-url-networks .facebook a{border-bottom:medium none;color:#545089;display:block;font-size:9px;text-decoration:none;width:130px;} #commonbox_widget #invite_widget textarea{font-size:10px;height:100px;width:240px;} #commonbox_widget #invite-url-networks a{ text-transform:uppercase; color:#3a363c; text-decoration:none; font-size:10px;border-bottom:1px dotted;} /* bannière */ #commonbox_widget #invite_widget{margin:20px 0 40px 0px;} #commonbox_widget #banner{border:1px dashed #666699;float:left;padding:0px; text-align:center; width:240px; margin-bottom:10px;} #commonbox_widget #invite_widget textarea{width:240px;} /* ajout de produit */ #commonbox_widget #addproduct{margin:20px 0 50px 80px;color:#3A3668;font-size:14px;} #commonbox_widget #addproduct .product{ float:left; width:100%;} #commonbox_widget #addproduct .product img{float:right;margin-right:80px;max-height:100px; border:1px solid #CCCCCC;} #commonbox_widget #addproduct .product .desc{ float:left;} #commonbox_widget #addproduct .product .desc #commonbox_item_title{font-size:16px;width:270px; text-transform:uppercase;} #commonbox_widget #addproduct .product .desc #commonbox_item_price{font-size:13px;} #commonbox_widget #addproduct .btnproduct{ float:left; margin:10px 0 50px 0;} /* message de fin*/ #commonbox_widget #end{margin:20px 0 50px 48px;color:#3A3668;font-size:14px;} /* paypal */ #commonbox_widget #paypal{margin:20px 45px 50px 47px;color:#3A3668;font-size:14px;} /* message d'erreur */ #commonbox_widget #error_message{color:#CC0000;font-weight:bold; font-size:12px; margin-left:50px;} /* invitation des contacts */ #commonbox_widget .table {font-family:Arial,Helvetica,sans-serif;font-size:12px; border-spacing:0px;width:100%; } #commonbox_widget .table th { background:#ccc; margin:0;padding:0;} #commonbox_widget #tabContacts{height:350px;margin:0 auto 10px;overflow:auto;width:95%;} #commonbox_widget #tabContacts td{padding:2px 0px;} #commonbox_widget #webmailSelectContact{margin:0 0 10px 250px;} /* si affichage en lightbox */ .black_overlay{display: none;position:fixed;top: 0%;left: 0%;width: 100%;height: 100%;background-color: black;z-index:1001;-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);} .white_content {display: none;position: absolute;top:0%; padding: 16px;z-index:1002;overflow: auto;} #commonbox_widget #close{margin:10px 10px 0 0; width:18px;height:18px;background:url(img/btn-close.png) no-repeat; float:right; cursor:pointer;} /* généraux */ #commonbox_widget #content_form .numpage{text-align:right;} #commonbox_widget #content_form .neededInput {float:left;font-size:10px;text-align:left; margin:0 0 12px 12px;} #commonbox_cbox_create_form,#commonbox_signup_form,#commonbox_login_form{padding-top:10px;} #commonbox_widget .left{float:left;} #commonbox_widget #payment-transfer-text .tablerib .ibanname {float:left;width:60px;} #commonbox_widget #riboptions p{margin:2px 0 0 0px;} #commonbox_widget #riboptions input{width:220px;} #commonbox_widget #payment-paypal-text p{margin:5px 0;} #commonbox_widget #payment-paypal-text input{width:150px;} #commonbox_widget #payment-paypal-text a.paypal{ } #commonbox_widget #payment-direct-text textarea{} #commonbox_widget #content_form .cgv{background-color:#F0F6FE;border:1px solid #666699;font-size:9px;height:50px;margin:5px;overflow:auto;padding:2px;text-align:left;} #commonbox_widget .clear{clear:both;}