/* CSS Document licenced by VERAN PC, www.veranpc.fr */ body{padding:0; margin:0; background:url(images/main-bg.gif) 0 0 repeat-x #FCFAE6; font:14px/20px Arial, Helvetica, sans-serif; color:#3D3C2C; font-weight:normal; } * {margin:0;padding:0;} h1, h2, h3, h4, h5, h6 { white-space: nowrap; } ul{list-style-type:none;} input, label, textarea, select, a {font:14px/14px "Trebuchet MS",Arial, Helvetica, sans-serif; margin:0px; padding:0px} a {cursor:pointer;} #AllPan { position:absolute; left: 50%; width:902px; margin-left: -451px; } /* TOP PANEL */ #AllPan #topPan{width:902px; height:96px; position:relative; margin:0 auto; padding:0; } #topPan img{width:224px; height:57px; display:block; padding:23px 0 0 6px;border: 0;} /* Menu Panel */ #topPan ul{width:644px; height:57px; display:block; position:absolute; top:0px; right:9px; margin:0; padding:0;} #topPan ul li{float:left; width:104px; display:block; text-align:center;} #topPan ul li a{width:104px; height:35px; display:block; font:14px/14px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#2E4E00; background:url(images/menu-bg.gif) 0 0 repeat-x #F4F1DD; text-decoration:none; margin:0; padding:61px 0 0 0; } #topPan ul li a:hover{ width:104px; height:57px; display:block; background:#FCFAE6; color:#2E4E00; text-decoration:none;} #topPan ul li span{width:104px; height:35px; display:block; background:url(images/menu-devider1.gif) 100% 0 no-repeat #FCFAE6; color:#2E4E00; text-decoration:none; padding:61px 0 0 0; line-height:14px;} /*/ TOP PANEL */ /* LEFT PANEL */ #AllPan #LeftPan{width:250px; min-height:884px; position:relative; top:0px; left:-326px; margin:0 auto; padding:0; } #LeftPan #leftTopPan{ width:239px; height:214px; position:relative; top:35px; left:8px;} #leftTopPan div { float:left; width:237px; height:62px; position:relative; margin:13px 0 0 0; } #leftTopPan div h2{width:90px; height:10px; background:#fff; display:block; position:absolute; left:-7px; top:0px; margin:14px 0 5px 81px; font:16px/14px Georgia, "Times New Roman", Times, serif; color:#CC0000; z-index:1; text-transform:uppercase;} #leftTopPan div p{width:135px; height:10px; display:block; position:absolute; left:-5px; font:12px/14px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#2E5000; background:#fff; margin:34px 0 0 81px; z-index:1; } #leftTopPan div a{text-decoration:none; display:block; width:237px; height:62px;} #leftTopPan div a:hover{text-decoration:none; } #leftTopPan #presta{ margin:0 auto; background:url(images/icon3-nor.gif) 0 0 no-repeat;} #leftTopPan #presta a:hover{background:url(images/icon3-hover.gif) no-repeat 0 0;} #leftTopPan #forfaits{ background:url(images/icon1-nor.gif) 0 0 no-repeat;} #leftTopPan #forfaits a:hover{background:url(images/icon1-hover.gif) no-repeat 0 0;} #leftTopPan #abo{ background:url(images/icon2-nor.gif) 0 0 no-repeat;} #leftTopPan #abo a:hover{background:url(images/icon2-hover.gif) no-repeat 0 0;} /* Left Center Panel (login etc)*/ #LeftPan #leftCenterPan{width:237px; height:227px; position:relative; top:57px; left:9px; margin:0; padding:0px; } #leftmemberPan{width:235px; height:225px; position:relative; margin:0 auto; padding:0; border:1px solid #DCDAC2; background:#fff; color:#000;} #leftmemberPan h2{height:48px; background-color:inherit; background:url(images/symbol1.gif) no-repeat 0 0; display:block; position:relative; padding:0 0 0 57px; margin:12px 0 17px 13px; font:16px/48px Georgia,"Times New Roman", Times, serif; color:#5EA000; text-transform:uppercase;} #leftmemberPan h2 span{background:#fff; color:#3D3C2C;} #leftmemberPan h2 a.login_menu{position:absolute; top:0px; left:0; text-decoration:none; display:block; width:53px; height:48px;background:url(images/symbol1.gif) no-repeat 100% 0;} #leftCenterPan form{width:218px; height:139px; background:#EBE9D7 no-repeat 140px 25px; padding:0; margin:0 0 0 8px; color:#333227; } #leftCenterPan form label{width:92px; height:29px; display:block; float:left; padding:14px 10px 0 11px; } #leftCenterPan form input{ float:left; display:block; width:91px; height:20px; margin:10px 0 7px 0} #leftCenterPan form label.first_name{padding:6px 10px 0 11px;} #leftCenterPan form input.first_name_tf{margin:2px 0 9px 0} #leftCenterPan form label.pwd{padding:6px 10px 0 11px;} #leftCenterPan form input.pwd_tf{margin:2px 0 9px 0} #leftCenterPan form label.logged_info{padding:6px 10px 0 11px;} #leftCenterPan form #logged_info1 {padding-top:14px;} #leftCenterPan #logout { background-image:url(images/login_smiley.gif);} #LeftPan #leftPango{width:218px; height:25px; position:absolute; top:189px; left:8px; border-top:1px solid #fff; background:#B0AD93; display:block; padding:0; margin:0; font-size:12px; color:#FFFFFA; line-height:23px; font-weight:bold;} #leftPango p.textposition {float:left; width:150px; height:25px; padding:0 0 0 20px; margin:0; text-decoration:none; color:#FFFFFA; background:#B0AD93;} /*#leftPango p.textposition a:hover{text-decoration:underline; background:none;}*/ #leftCenterPan input.gobutton{float:right; background:url(images/arrow4.gif) no-repeat 30px 0 #63614F; border:none; width:45px; height:21px; display:block; margin:2px 0 0 0; padding:0 0 2px 2px; text-decoration:none; color:#fff; font:14px/21px "Trebuchet MS",Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:left;} /*#leftPango a:hover{background:url(images/arrow4.gif) no-repeat 30px 1px #333229; text-decoration:none; color:#fff;}*/ /* Left Bottom Panel (menu that appear after login below it)*/ #LeftPan #leftBottomPan{ width:237px; height:362px; position:relative; top:81px ; left:9px; } #leftBottomPan div { float:left; width:237px; height:62px; position:relative; margin:13px 0 0 0; } #leftBottomPan div h2{width:90px; height:10px; background:#fff; display:block; position:absolute; left:-7px; top:0px; margin:14px 0 5px 81px; font:16px/14px Georgia, "Times New Roman", Times, serif; color:#CC0000; z-index:1; text-transform:uppercase;} #leftBottomPan div p{width:103px; height:10px; display:block; position:absolute; left:-5px; font:12px/14px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#2E5000; background:#fff; margin:34px 0 0 81px; z-index:1; } #leftBottomPan div a{text-decoration:none; display:block; width:237px; height:62px;} #leftBottomPan div a:hover{text-decoration:none; } #leftBottomPan #client{ margin:0 auto; background:url(images/icon4-nor.gif) 0 0 no-repeat;} #leftBottomPan #client a:hover{background:url(images/icon4-hover.gif) no-repeat 0 0;} #leftBottomPan #abonnement{ background:url(images/icon2-nor.gif) 0 0 no-repeat;} #leftBottomPan #abonnement a:hover{background:url(images/icon2-hover.gif) no-repeat 0 0;} #leftBottomPan #intervention{ background:url(images/icon5-nor.gif) 0 0 no-repeat;} #leftBottomPan #intervention a:hover{background:url(images/icon5-hover.gif) no-repeat 0 0;} #leftBottomPan #facturation{ background:url(images/icon6-nor.gif) 0 0 no-repeat;} #leftBottomPan #facturation a:hover{background:url(images/icon6-hover.gif) no-repeat 0 0;} #leftBottomPan #gestion{ background:url(images/icon7-nor.gif) 0 0 no-repeat;} #leftBottomPan #gestion a:hover{background:url(images/icon7-hover.gif) no-repeat 0 0;} /*/ LEFT PANEL */ /* BODY PANEL (centre de la page) */ #AllPan #BodyPan{width:629px; min-height:889px; border:0; margin:0; padding:0; position:absolute; top:97px; left:265px; /*position:relative; top:-883px; left:320px;*/} /* HEADER PANEL */ #BodyPan #headerPan{width:650px; height:137px; position:relative; left:-10px; top:0px; margin:0 auto; padding:0; } /* banniere*/ #BodyPan #headerPan h1{width:650px; height:114px; position:relative; top:23px; left:0px; background:url(images/banner.png) 0 0 no-repeat #FCFAE6; color:#fff; font-size:36px; line-height:18px; text-transform:uppercase; text-indent:-2000px;} /* Extensible Panel Which contains data */ #BodyPan #MainPan{width:607px; min-height:724px; position:relative; top:0; left:0; border:1px solid #DCDAC2; background:#fff; color:#3D3C2C; margin:0; padding:10px; } #MainPan #innerMainPan{ width:100%; min-height:724px; height:100%; position:relative; top:0px; left:0px; background:#FCFAE6; color:#3D3C2C; padding:0; margin:0px; } #innerMainPan h2{width:500px; height:45px; display:block; position:relative; left:0px; top:20px; background:url(images/symbol2.png) 100% 0 no-repeat #FCFAE6; padding:24px 0 2px 0; font:28px/28px Georgia, "Times New Roman", Times, serif; color:#3D3C2C; margin:0px 0 15px 80px; } #innerMainPan h2.left_menu{width:500px; height:45px; display:block; position:relative; left:0px; top:20px; background:url(images/symbol3.gif) 100% 0 no-repeat #FCFAE6; padding:24px 0 2px 0; font:28px/28px Georgia, "Times New Roman", Times, serif; color:#3D3C2C; margin:0px 0 15px 80px;} #innerMainPan h2.login_menu{width:500px; height:45px; display:block; position:relative; left:0px; top:20px; background-color:inherit; background:url(images/symbol4.gif) no-repeat 100% 0; padding:24px 0 2px 0; font:28px/28px Georgia, "Times New Roman", Times, serif; color:#3D3C2C; margin:0px 0 15px 80px; } #innerMainPan h2.login_menu a.login_menu{position:absolute; top:0px; left:447px; text-decoration:none; display:block; width:53px; height:48px; background-color:inherit; background:url(images/symbol4.gif) no-repeat 100% 0; color:inherit;} #innerMainPan h2 a.anchor{text-decoration:none; background:none; background-color:inherit; font:28px/28px Georgia, "Times New Roman", Times, serif; color:#3D3C2C;} #innerMainPan h3{width:351px; background:#FCFAE6; color:#CC0000; font-size:18px; line-height:20px; padding:10px 80px 5px 80px; margin:0; font-weight:normal; } #innerMainPan p{padding:7px 60px 7px 60px; margin:0; text-indent:20px; text-align:justify; line-height:20px} #innerMainPan p.singleline{padding-left:80px; text-indent:0px;} #innerMainPan p.redtext{background:#FCFAE6; color:#CC0000; font-size:18px; line-height:20px; padding:10px 80px 10px 80px; margin:0; text-indent:0px;} #innerMainPan p:first-letter, p span {background:inherit; color:#CC0000; font-size:16px; } /*#innerMainPan p span {background:inherit; color:#CC0000; font-size:16px; }*/ #innerMainPan p.redtext:first-letter{font-size:18px; } #innerMainPan a{ text-decoration:none; background-color:inherit; color:blue; font-weight:normal; font:15px/13px "Trebuchet MS",Arial, Helvetica, sans-serif; margin:0px; padding:0px;} #innerMainPan a:hover{text-decoration:underline; } #innerMainPan ul{width:428px; position:relative; top:0px; left:80px; margin:0 0 17px 0; padding:0px 0 0 0; } #innerMainPan li{width:440px; background:url(images/arrow2.gif) 0 5px no-repeat; font:14px/24px Arial, Helvetica, sans-serif; padding:0 0 0 20px; margin:0;} #innerMainPan li a{width:335px; /*height:60px;*/ background:#FCFAE6; color:#CC0000; text-decoration:underline; line-height:24px;} #innerMainPan ul li a:hover{width:335px; height:60px; text-decoration:none; line-height:24px;} #innerMainPan img.img_veranpc{ width:160px; height:120px; margin:4px 30px 4px 4px; float:right; position:relative; display:block; border:1px solid #DCDAC2;} #innerMainPan img.img_veranpc:hover{ margin-right:0px; width:600px; height:450px; float:none; } #innerMainPan #img_veranpc1 { margin:-10px 30px -2px 4px; } /**Methode**/ #innerMainPan #Principe_Fct {display:block; margin:23px 77px 0 77px; padding:5px; border: 1px solid #DCDAC2;} /**FAQ**/ #innerMainPan #faq {top:12px;} #innerMainPan li.faq_q{display:block; cursor:help; text-align:justify;} #innerMainPan li.faq_q div.faq_a{display:none; text-align:justify;} #innerMainPan li.faq_q:hover > div.faq_a {display:block;text-align:justify;font-style:italic;} #innerMainPan li.faq_q:hover > div.faq_a:hover {/*display:none;*/} #innerMainPan li.faq_rub {background-image:none; height:24px;} /************************************************************************/ /** Type d'interv (abo, forfait, presta) GENERICS (dispo en anomymous) **/ /************************************************************************/ #innerMainPan #all_infos_Pan{ width:610px; min-height:76px; height:100%; position:relative; top:20px; left:0px; display:inline; z-index:1; } #all_infos_Pan div.specific_infos { width:237px; height:52px; position:relative; top:26px; left:40px; margin:0px 40px 18px 0px; padding:3px; border:1px solid #DCDAC2; float:left; background:url(images/best_price.gif) 0 0 no-repeat; z-index:0;} #all_infos_Pan div.specific_infos h3{width:230px; height:13px; display:block; position:relative; margin-left:10px; padding:0; left:0px; top:0px; /*margin:14px 0 5px 81px;*/ font:16px/14px Georgia, "Times New Roman", Times, serif; background:transparent; color:#CC0000; text-transform:uppercase; white-space: normal;} #all_infos_Pan div.specific_infos p{width:135px; height:100%; display:block; position:absolute; left:-5px; font:12px/14px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#2E5000; background:#fff; margin:0px; } #all_infos_Pan div.specific_infos span.Best_Price_Text{ width:26px; display:block; position:relative; left:199px; vertical-align: middle; text-align: center; top:6px; font-size: 110%;} #all_infos_Pan div.specific_infos span.Best_Price_Text span.Best_Price_Currency{ padding-left:7px; position:relative; top:-1px; font-size: 80%; white-space: nowrap;} #all_infos_Pan div.specific_infos div.specific_details {display:none; } #all_infos_Pan div.specific_infos div.specific_details p{width:100%; position:relative; top:0px; left:0px; padding:3px 0 3px 0; margin:0px; background:#EBE9D7; color:#2E5000; } #all_infos_Pan div.specific_infos div.specific_details p:first-letter { background:inherit; color:#CC0000; } #all_infos_Pan div.specific_infos div.specific_details table{position:relative; top:0px; left:0px; width:236px; } #all_infos_Pan div.specific_infos div.specific_details table thead th{font:11px/11px "Trebuchet MS",Arial, Helvetica, sans-serif; background:inherit; color:#2E5000;} #all_infos_Pan div.specific_infos:hover { background:url(images/best_price-hover.gif) 0 0 no-repeat; z-index:2; } #all_infos_Pan div.specific_infos:hover > div.specific_details { display:inline; position:absolute; left:-1px; top:58px; width:237px; padding:3px; font:9px/9px "Trebuchet MS",Arial, Helvetica, sans-serif; border:1px solid #DCDAC2; border-top:0px; background:#EBE9D7; color:inherit; } /* First check hovering over the div.specific_infos. Than the > targets only the child div.specific_details, not any div.specific_details. This doesn't work under IE6. */ #all_infos_Pan div.specific_infos:hover > div.specific_details:hover {display:none} /*this in conjonction with div.specific_details position allow us to hide the div when the mouse goes out of is parent div.specific_infos*/ #innerMainPan #Descriptives {display:block; position:relative; top:0px; margin-top:210px; padding-top:0px; z-index:0;} #innerMainPan #all_infos_scrool_Pan {display:block; position:relative; top:0px; left:0px; height:10px; width:607px; border:0; padding:0; margin-top:399px; background-color:inherit; z-index:0; } /*********************************************************************/ /*********** page dispo en anomymous SPECIFICS ************************/ /*********************************************************************/ /**Presta**/ /**Forfait**/ /**Abo**/ /************** Links *****************/ #innerMainPan div.links { width:508px; height:65px; position:relative; margin:18px 0 0 0; display:block; } #innerMainPan div.links h3{width:250px;} #innerMainPan div.links p{width:235px; height:10px; display:block; position:relative; font:12px/14px "Trebuchet MS",Arial, Helvetica, sans-serif; margin:-5px 0 0 5px; } #innerMainPan div.links a{ position:relative; top:-44px; left:410px; text-decoration:none; display:block; width:49px; height:62px;} #innerMainPan div.links a:hover{text-decoration:none; } #innerMainPan #client_create a{background:url(images/newclient-nor.gif) no-repeat 0 0;} #innerMainPan #client_create a:hover{background:url(images/newclient-hover.gif) no-repeat 0 0;} #innerMainPan #client_list a{background:url(images/listclient-nor.gif) no-repeat 0 0;} #innerMainPan #client_list a:hover{background:url(images/listclient-hover.gif) no-repeat 0 0;} #innerMainPan #abo_create a{background:url(images/newabo-nor.gif) no-repeat 0 0;} #innerMainPan #abo_create a:hover{ background:url(images/newabo-hover.gif) no-repeat 0 0;} #innerMainPan #abo_list a{background:url(images/listabo-nor.gif) no-repeat 0 0;} #innerMainPan #abo_list a:hover{background:url(images/listabo-hover.gif) no-repeat 0 0;} #innerMainPan #abo_type a{background:url(images/typeabo-nor.gif) no-repeat 0 0;} #innerMainPan #abo_type a:hover{ background:url(images/typeabo-hover.gif) no-repeat 0 0;} #innerMainPan #intervention_create a{background:url(images/newinterv-nor.gif) no-repeat 0 0;} #innerMainPan #intervention_create a:hover{ background:url(images/newinterv-hover.gif) no-repeat 0 0;} #innerMainPan #intervention_list a{background:url(images/listinterv-nor.gif) no-repeat 0 0;} #innerMainPan #intervention_list a:hover{ background:url(images/listinterv-hover.gif) no-repeat 0 0;} #innerMainPan #intervention_type a{background:url(images/typeinterv-nor.gif) no-repeat 0 0;} #innerMainPan #intervention_type a:hover{ background:url(images/typeinterv-hover.gif) no-repeat 0 0;} #innerMainPan #intervention_advanced{ position:relative; top:50px; margin:-77px 0 70px 0; background:url(images/adv_op-nor.gif) no-repeat 410px 10px; } #innerMainPan #intervention_advanced:hover{ background:url(images/adv_op-hover.gif) no-repeat 410px 10px; } #innerMainPan #intervention_advanced ul{width:300px; height:65px; display:block; position:relative; left:95px; top:-7px; } #innerMainPan #intervention_advanced li{background-color:inherit; color:#000; background:url(images/arrow2.gif) 0 6px no-repeat; margin:5px 0 -5px 0; width:280px; height:20px;} #innerMainPan #intervention_advanced ul li a{text-decoration:none; font:12px/14px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#000; background:#FCFAE6; position:relative; left:0px; top:6px; width:190px;} #innerMainPan #intervention_advanced ul li a:hover{text-decoration:underline;} #innerMainPan #bill_list a{background:url(images/listbill-nor.gif) no-repeat 0 0;} #innerMainPan #bill_list a:hover{ background:url(images/listbill-hover.gif) no-repeat 0 0;} #innerMainPan #constant_mgt a{background:url(images/cte_mgt-nor.gif) no-repeat 0 0;} #innerMainPan #constant_mgt a:hover{ background:url(images/cte_mgt-hover.gif) no-repeat 0 0;} /************** END Links *****************/ /******************* Généraux ********/ /************************************/ #innerMainPan label{background:#EBE9D7; color:#000000; padding:5px 0 0 5px; margin:0px 0px 0px 0px; font-weight:normal; float:left; display:block; width:155px; height:20px; position:relative; } #innerMainPan input{ background:#FCFAE6; color:#000000; padding:0 0 0 3px; margin:2px 0 1px 0; font-weight:normal; float:left; display:block; width:155px; height:18px; position:relative; } #innerMainPan select{ background:#FCFAE6; color:#000000; padding:0 0 0 0px; margin:2px 0 1px 0; font-weight:normal; float:left; display:block; width:155px; height:22px; position:relative; } #innerMainPan textarea{ background:#FCFAE6; color:#000000; padding:0 0 0 3px; margin:2px 0 1px 0; font-weight:normal; float:left; display:block; width:180px; height:60px; position:relative; } #innerMainPan form { position:relative; left:80px; top:0px; margin:5px 0 37px 0; padding:3px; background:#EBE9D7; color:#000000; border:1px solid #DCDAC2; width:320px; } #innerMainPan form label a {font-weight:normal; font:14px/14px "Trebuchet MS",Arial, Helvetica, sans-serif; } /*label.value pr le client*/ #innerMainPan form label.value{ width:155px; background:#FCFAE6; color:#000000; padding:3px 0 2px 5px; margin:2px 0px 2px 0px; font-weight:normal; float:left; display:block; height:16px;} #innerMainPan input.hidden{ display:none; } /*barre de validation*/ #innerMainPan div.validation_bar { position:relative; top:0px; left:-4px; height:25px; border-top:1px solid #fff; background:#B0AD93; display:block; padding:0 4px 0 4px; margin:3px 0 0 0; font-size:12px; color:#FFFFFA; line-height:23px; font-weight:bold; width:100%} #innerMainPan div.validation_bar input{position:relative; top:0px; float:right; background:url(images/arrow4.gif) no-repeat 95px 0 #63614F; border:none; width:110px; height:21px; display:block; margin:2px 2px 0 2px; padding:0 0 1px 5px; text-decoration:none; color:#fff; font:14px/21px "Trebuchet MS",Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:left;} /**********Search PASSWORD ******************/ #innerMainPan #pwdlost_search {width:220px; height:113px; position:relative; left:80px; top:0px;} #innerMainPan form #search_pwd { width:100%; height:100%; position:relative; left:0px; top:0px;} #innerMainPan #search_pwd input{width:120px;} #innerMainPan #search_pwd label{width:80px;} #innerMainPan form #search_pwd_validate{position:relative; top:4px; left:-4px; width:228px; height:25px; border-top:1px solid #fff; background:#B0AD93; display:block; padding:0; margin:0; font-size:12px; color:#FFFFFA; line-height:23px; font-weight:bold;} #innerMainPan form #search_pwd_validate input{position:relative; top:0px; float:right; background:url(images/arrow4.gif) no-repeat 95px 0 #63614F; border:none; width:110px; height:21px; display:block; margin:2px 2px 0 2px; padding:0 0 0 5px; text-decoration:none; color:#fff; font:14px/21px "Trebuchet MS",Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:left;} /**********Search Generaux******************/ #innerMainPan #search, #search_hide {display:none;} #innerMainPan div.search_span {cursor:pointer; margin:0 0 5px 0;} #innerMainPan #search p{width:435px; height:10px; display:block; position:relative; font:12px/14px "Trebuchet MS",Arial, Helvetica, sans-serif; margin:-6px 0 3px 10px; } #innerMainPan form.search_form {width:596px; height:48px; margin:0px 0 10px -78px;} #innerMainPan form.search_form label {width:70px;} #innerMainPan form.search_form input {width:100px;} #innerMainPan form.search_form select {width:50px;} #innerMainPan form.search_form label.client_id {width:70px;} #innerMainPan form.search_form input.client_id {width:40px;} #innerMainPan form.search_form label.last_name{width:35px;} #innerMainPan form.search_form input.last_name{width:80px;} #innerMainPan form.search_form label.first_name{width:55px;} #innerMainPan form.search_form input.first_name{width:80px;} #innerMainPan form.search_form label.search_validate{position:relative; top:0px; float:right; background:url(images/arrow4.gif) no-repeat 95px 0 #63614F; border:none; width:110px; height:21px; display:block; margin:2px 2px 0 2px; padding:0 0 0 5px; text-decoration:none; color:#fff; font:14px/21px "Trebuchet MS",Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:left;cursor:pointer;} /**********Search Generaux End******************/ /**********Search Client******************/ #innerMainPan form.search_form label.ID{width:20px;} #innerMainPan form.search_form input.ID{width:40px;} #innerMainPan form.search_form label.email{width:40px;} #innerMainPan form.search_form input.email{width:198px;} /**********Search Client End******************/ /**********Search Interv******************/ #innerMainPan form.search_form label.interv_id{width:70px;} #innerMainPan form.search_form input.interv_id{width:40px;} #innerMainPan form.search_form label.interv_date{width:85px;} #innerMainPan form.search_form input.interv_date{width:75px;} #innerMainPan form.search_form label.v_status{width:54px;} #innerMainPan form.search_form label.r_status{width:59px;} #innerMainPan form.search_form label.p_status{width:63px;} /**********Search Interv End******************/ /**********Search Abo******************/ #innerMainPan form.search_form label.abo_id{width:70px;} #innerMainPan form.search_form input.abo_id{width:40px;} #innerMainPan form.search_form label.abo_date{width:102px;} #innerMainPan form.search_form input.abo_date{width:75px;} #innerMainPan form.search_form label.type{width:38px;} #innerMainPan form.search_form select.type{width:60px;} #innerMainPan form.search_form label.status{width:47px;} #innerMainPan form.search_form select.status{width:80px;} #innerMainPan form.search_form label.p_status{width:63px;} /**********Search Abo End******************/ /**********Search Bill******************/ #innerMainPan form.search_form label.bill_date{width:95px;} #innerMainPan form.search_form input.bill_date{width:75px;} #innerMainPan form.search_form label.bill_id{width:73px;} #innerMainPan form.search_form input.bill_id{width:40px;} #innerMainPan form.search_form label.abo_id2{width:55px;} #innerMainPan form.search_form label.pay_status{width:66px;} #innerMainPan form.search_form select.pay_status{width:50px;} /**********Search Bill End******************/ /********** table listes (clients, interventions, factures, abo) *********/ #innerMainPan table { width: 598px; font-size: 12px; vertical-align: middle; text-align: center; white-space: nowrap; position:relative; left:5px; border:1px solid #d7d7d7; } #innerMainPan table thead th{ height:40px; background: #eed; color: #000; border: 1px solid #d7d7d7; } #innerMainPan table tbody{ width: 598px; } #innerMainPan table tbody tr{ height:15px; padding:3px 2px 2px 2px; margin:0; } #innerMainPan table tbody tr.standard-light{ background: #ffd; color: #880; height:23px;} #innerMainPan table tbody tr.standard-dark { background: #ffb; color: #880; height:23px;} #innerMainPan table tbody tr:hover{ background:#FCFAE6; color: #880; } #innerMainPan table tbody td{ width:100%; border: 1px solid #d7d7d7; } #innerMainPan table tbody td a{background:inherit; color:#880; text-decoration:none; display:block; height:100%; font:14px/14px "Trebuchet MS",Arial, Helvetica, sans-serif;} #innerMainPan table tbody td.ID{ width:10px; } #innerMainPan table tbody td.blue{ background: #a6d8f6; color: #880; } #innerMainPan table tbody td.green{ background: #97ee94; color: #880; } #innerMainPan table tbody td.orange { background: #FFA500; color: #880; } #innerMainPan table tbody td.red{background: #ee9494; color: #880; } /********** table listes END ********************/ /*********************************************************************/ /***********FICHE CLIENT *********************************************/ /*********************************************************************/ #innerMainPan #client_modif {width:320px; height:345px; position:relative; left:80px; top:0px;} #innerMainPan form #client_sheet { width:100%; height:100%; position:relative; left:0px; top:0px;} #innerMainPan form #client_sheet label{ width:120px;} #innerMainPan form #client_sheet input{ width:180px;} #innerMainPan form #client_sheet #ID_value{ width:40px; } #innerMainPan form #client_sheet label.Civility{ width:78px;} #innerMainPan form #client_sheet select{ width:60px;} /*label client*/ #innerMainPan form #client_sheet label.value{ width:180px;} #innerMainPan form #client_sheet #Civility_value{ width:52px;} #innerMainPan #client_modif div.validation_bar input{right:45px; } #innerMainPan #client_modif div.validation_bar #client_sheet_create{width:166px; right:70px; background:url(images/arrow4.gif) no-repeat 150px 0 #63614F; color:inherit;} /*********************************************************************/ /***********FICHE INTERVENTION ***************************************/ /*********************************************************************/ #innerMainPan #intervention_modif { min-height:458px; height:100%; width:315px; } #innerMainPan form #intervention_sheet { width:100%; height:100%; position:relative; left:0px; top:0px;} #innerMainPan form #intervention_sheet label{width:150px;} #innerMainPan form #intervention_sheet input{width:148px;} #innerMainPan form #intervention_sheet select{width:90px;} /* boite components*/ #innerMainPan #intervention_modif #intervention_sheet #components { position:relative; top:108px; left:0px; min-height:156px; height:100%; width:100%;} #innerMainPan form #intervention_sheet #components div.component{border:1px solid #DCDAC2; position:relative; top:0px; height:156px; margin: 0 2px 3px 2px; width:310px;} #innerMainPan form #intervention_sheet #components div.component label{width:95px;position:absolute; left:0px; } #innerMainPan form #intervention_sheet #components div.component label.value{width:95px;position:absolute; left:100px; } #innerMainPan form #intervention_sheet #components div.component a.Component_Add{ width:13px; height:18px; position:absolute; left:288px; top:5px; border-top:1px solid #FFF;border-left:1px solid #FFF; border-right:1px solid #000; border-bottom:1px solid #000; padding:0 0 0 3px; margin:0; text-decoration:none; color:#000; background:#FCFAE6;} #innerMainPan form #intervention_sheet #components div.component a.Component_Suppr{ width:11px; height:18px; position:absolute; left:288px; top:30px; border-top:1px solid #FFF;border-left:1px solid #FFF; border-right:1px solid #000; border-bottom:1px solid #000; padding:0 0 0 5px; margin:0; text-decoration:none; color:#000; background:#FCFAE6;} #innerMainPan form #intervention_sheet #components div.component label.Component_Type_Name{ top:0px; z-index:1;} #innerMainPan form #intervention_sheet #components div.component select.Component_Type_Name{width:130px; position:absolute; left:100px; top:0px;} #innerMainPan form #intervention_sheet #components div.component label.Component_Sub_Type_Name{top:28px;} #innerMainPan form #intervention_sheet #components div.component select.Component_Sub_Type_Name{width:170px; position:absolute; left:100px; top:28px;} #innerMainPan form #intervention_sheet #components div.component label.Component_Price{top:56px;} #innerMainPan form #intervention_sheet #components div.component input.Component_Price{width:58px; position:absolute; left:100px; top:56px;} #innerMainPan form #intervention_sheet #components div.component label.Component_Duration{top:84px;} #innerMainPan form #intervention_sheet #components div.component input.Component_Duration{top:84px; position:absolute; left:100px; width:58px;} #innerMainPan form #intervention_sheet #components div.component label.Component_Additionnal_Description{top:112px; position:absolute; left:0px; width:50px;} #innerMainPan form #intervention_sheet #components div.component textarea.Component_Additionnal_Description{top:112px; position:absolute; left:55px; width:245px;height:33px;} #innerMainPan form #intervention_sheet #components div.component a.Component_Description{position:absolute; left:175px; top:59px; width:20px; height:20px; background:url(images/desc_icon.gif) no-repeat 0 0; text-decoration:none; } #innerMainPan form #intervention_sheet #components div.component span.Component_Description_onmouse{position:absolute; width:105px; left:195px; bottom:-87px; display:none; font:9px/9px "Trebuchet MS",Arial, Helvetica, sans-serif; border:1px solid #000; padding:2px 3px 3px 3px; margin:0 0 0px 0; text-align:justify; z-index:1; background:#EBE9D7; color:#000; } /* following*/ #innerMainPan form #intervention_sheet #intervention_sheet_following {position:relative; top:110px; min-height:208px; left:0px; } #innerMainPan form #intervention_sheet #intervention_sheet_following label.Previsionnal_Duration {font:12px/12px "Trebuchet MS",Arial, Helvetica, sans-serif;} /*#innerMainPan form #intervention_sheet #intervention_sheet_following #Previsionnal_Duration_value { margin:2px 0 8px 0; } #innerMainPan form #intervention_sheet #intervention_sheet_following label.Previsionnal_Duration span{ font:10px/10px "Trebuchet MS",Arial, Helvetica, sans-serif;}*/ #innerMainPan form #intervention_sheet #intervention_sheet_following textarea{ position:absolute; top:124px; left:0px; width:300px; margin:0 4px 0 4px;} #innerMainPan form #intervention_sheet div.fake_div{height:90px; position:relative; top:0px; z-index:-1;} #innerMainPan #intervention_modif div.validation_bar {position:relative; top:3px;} #innerMainPan #intervention_modif div.validation_bar #intervention_sheet_reset{position:relative; bottom:4px; right:-3px; } #innerMainPan #intervention_modif div.validation_bar #intervention_sheet_update{position:relative; bottom:4px; right:90px; } #innerMainPan #intervention_modif div.validation_bar #intervention_sheet_create{width:166px; right:65px; background:url(images/arrow4.gif) no-repeat 150px 0 #63614F; color:inherit;} /*bouton realiser*/ #innerMainPan #interv_realise {height:27px; width:80px; position:relative; left:115px; bottom:9px; background:#B0AD93; color:inherit; display:inline;} #innerMainPan #interv_realise a {font:14px/21px "Trebuchet MS",Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:left; width:77px; height:19px; position:absolute; top:0px; left:0px; margin:2px 2px 2px 2px; padding:0px 0 2px 5px; background:url(images/arrow4.gif) no-repeat 70px 1px #63614F; color:#fff; text-decoration:none; float:left; Display:inline;} /*********************************************************************/ /***********FICHE intervention_realisation ***************************/ /*********************************************************************/ #innerMainPan #intervention_data { min-height:462px; height:100%; position:relative; left:16px; top:0px; width:568px; } #innerMainPan #intervention_data form { width:100%; height:100%; position:relative; left:0px; top:0px;} #innerMainPan #intervention_data form #intervention_sheet {/*height:480px;*/ min-height:462px; height:100%; position:relative; left:0px; top:0px; width:315px; border:1px solid #DCDAC2; margin-bottom:-3px;} #innerMainPan #intervention_data form #intervention_realisation { position:absolute; left:325px; top:3px; width:245px; height:270px; border:1px solid #DCDAC2; /*background:#EBE9D7;color:inherit;*/} #innerMainPan #intervention_data form #intervention_realisation label{width:125px;} #innerMainPan #intervention_data form #intervention_realisation input{width:105px;} #innerMainPan #intervention_data form #intervention_realisation label.Admin_Login{font:11px/10px "Trebuchet MS",Arial, Helvetica, sans-serif;} #innerMainPan #intervention_data form #intervention_realisation label.Admin_Pwd {font:11px/10px "Trebuchet MS",Arial, Helvetica, sans-serif;} #innerMainPan #intervention_data form #intervention_realisation label.comments {width:150px;font:11px/10px "Trebuchet MS",Arial, Helvetica, sans-serif;} #innerMainPan #intervention_data form #intervention_realisation textarea{width:232px; left:3px} #innerMainPan #intervention_data form #intervention_realisation select.realisation_status{width:112px;} #innerMainPan #intervention_data form #intervention_realisation label.value{width:104px;} #innerMainPan #intervention_data div.validation_bar input{position:relative; right:166px; } #innerMainPan #intervention_data div.validation_bar input.intervention_realisation_save{width:166px; right:191px; background:url(images/arrow4.gif) no-repeat 150px 0 #63614F; color:inherit;} /*Bouton Mail client*/ #innerMainPan #intervention_data #rea_client_mail_bar {width:206px; height:26px; position:absolute; left:346px; top:340px; margin:0; padding:0; } #innerMainPan #intervention_data #rea_client_mail_bar input{width:200px; right:191px; background:url(images/arrow4.gif) no-repeat 184px 0 #63614F; color:inherit; position:relative; left:0px; margin:3px} /*bouton Facturer*/ #innerMainPan #intervention_data #intervention_bill {width:206px; height:26px; margin:0; padding:0; position:absolute; left:350px; top:385px; border:none} #innerMainPan #intervention_data #intervention_bill div.validation_bar {width:100%; height:100%; margin:0; padding:0; } #innerMainPan #intervention_data #intervention_bill div.validation_bar input{width:200px; right:191px; background:url(images/arrow4.gif) no-repeat 184px 0 #63614F; color:inherit; position:relative; left:0px; margin:3px} /*********************************************************************/ /***********FICHE ABONNEMENTS ****************************************/ /*********************************************************************/ #innerMainPan #abo_modif { width:274px; height:280px; position:relative; left:80px; top:0px; } #innerMainPan form #abo_sheet { width:100%; height:100%; position:relative; left:0px; top:0px;} #innerMainPan form #abo_sheet label.value{ width:100px;} #innerMainPan form #abo_sheet select{ width:105px;} #innerMainPan form #abo_sheet input{ width:98px;} #innerMainPan form #abo_sheet label.Desc_PDF{font:12px/12px "Trebuchet MS",Arial, Helvetica, sans-serif; } #innerMainPan form #abo_sheet a.Desc_PDF_value {width:20px; height:20px; position:absolute; left:160px; top:205px; background:url(images/desc_icon.gif) no-repeat 0 0; } #innerMainPan form #abo_sheet span.Desc_PDF_onmouse{ width:82px; font:9px/9px "Trebuchet MS",Arial, Helvetica, sans-serif; border:1px solid #000; padding:3px 3px 3px 3px; margin:0; position:absolute; left:185px; bottom:20px; background:#EBE9D7; color:inherit; display:none; text-align:justify; z-index:1; } #innerMainPan #abo_modif div.validation_bar input{position:relative; right:20px; } #innerMainPan #abo_modif #abo_sheet_validate_create #abo_sheet_create{width:166px; right:50px; background:url(images/arrow4.gif) no-repeat 150px 0 #63614F; color:inherit;} /*bouton Facturer*/ #innerMainPan #abo_bill {position:relative; width:204px; left:123px; top:-85px; height:25px; border:none;} #innerMainPan #abo_bill div.validation_bar {width:100%; height:100%; margin:0; padding:0px; } #innerMainPan #abo_bill div.validation_bar #abo_facture {position:relative; width:200px; top:0px; right:0px; background:url(images/arrow4.gif) no-repeat 180px 0 #63614F; color:inherit;} /*********************************************************************/ /***********FICHE LISTE FACTURE****************************************/ /*********************************************************************/ #innerMainPan div.bill_list_choice {width:500px; height:40px; display:inline;} #innerMainPan #show_interv_bill h3 { width:110px; padding:0; margin:0 0 20px 80px; cursor:pointer; } #innerMainPan #show_abo_bill h3{ width:110px; cursor:pointer; padding:0; margin:0 0 20px 20px; position:relative; left:200px; top:-21px;} #innerMainPan h3.shown{display:inline;} #innerMainPan h3.hidden{display:none;} #innerMainPan #gray_h3_interv {color:Gray; background-color:inherit;} #innerMainPan #gray_h3_abo {color:Gray; background-color:inherit; } #innerMainPan #bill_list_abo_result{display:none;} /*********************************************************************/ /***********FICHE FACTURE INTERV *************************************/ /*********************************************************************/ #innerMainPan #bill_modif { width:263px; height:575px; position:relative; } #innerMainPan form #bill_sheet { width:100%; height:100%; position:relative; left:0px; top:0px;} #innerMainPan form #bill_sheet label{ width:150px;} #innerMainPan form #bill_sheet label.value{ width:100px;} #innerMainPan form #bill_sheet input{ width:98px;} #innerMainPan form #bill_sheet label.hors_horaire{ font:11px/13px "Trebuchet MS",Arial, Helvetica, sans-serif;} #innerMainPan form #bill_sheet select.abo_used_name{ width:105px;} #innerMainPan #bill_modif div.validation_bar input{position:relative; right:17px; } #innerMainPan #bill_modif div.validation_bar #bill_sheet_create{width:166px; right:45px; background:url(images/arrow4.gif) no-repeat 150px 0 #63614F; color:inherit;} /*bouton facture pdf*/ #innerMainPan #PDF_bill_create {height:27px; width:176px; position:absolute; left:129px; top:640px; background:#B0AD93; color:inherit; display:block;} #innerMainPan #PDF_bill_create a {width:166px; height:16px; position:absolute; top:0px; left:0px; margin:2px 2px 2px 2px; padding:4px 0 3px 6px; background:url(images/arrow4.gif) no-repeat 158px 2px #63614F; color:#fff; text-decoration:none; float:left; text-align:left; display:block;} /*bouton payer facture*/ #innerMainPan #pay_bill {height:27px; width:176px; position:absolute; left:129px; top:675px; background:#B0AD93; color:inherit; display:block;} #innerMainPan #pay_bill a {width:166px; height:16px; position:absolute; top:0px; left:0px; margin:2px 2px 2px 2px; padding:4px 0 3px 6px; background:url(images/arrow4.gif) no-repeat 158px 2px #63614F; color:#fff; text-decoration:none; float:left; text-align:left; display:block; } /*********************************************************************/ /*********** FICHE FACTURE_ABO ***************************************/ /*********************************************************************/ #innerMainPan #bill_modif_abo {width:263px; height:375px; position:relative; left:80px; top:0px;} #innerMainPan #bill_modif_abo div.validation_bar input{position:relative; right:17px; } #innerMainPan #bill_modif_abo div.validation_bar #bill_sheet_create{width:166px; right:45px; background:url(images/arrow4.gif) no-repeat 150px 0 #63614F; color:inherit;} /*bouton facture pdf*/ #innerMainPan #PDF_bill_abo_create {height:27px; width:176px; position:absolute; left:129px; top:440px; background:#B0AD93; color:inherit; display:block;} #innerMainPan #PDF_bill_abo_create a {width:166px; height:16px; position:absolute; top:0px; left:0px; margin:2px 2px 2px 2px; padding:4px 0 3px 5px; background:url(images/arrow4.gif) no-repeat 158px 1px #63614F; color:#fff; text-decoration:none; float:left; text-align:left; display:block;} /*bouton payer facture abo*/ #innerMainPan #pay_bill_abo {height:27px; width:176px; position:absolute; left:129px; top:475px; background:#B0AD93; color:inherit; display:block;} #innerMainPan #pay_bill_abo a {width:166px; height:16px; position:absolute; top:0px; left:0px; margin:2px 2px 2px 2px; padding:4px 0 3px 5px; background:url(images/arrow4.gif) no-repeat 158px 1px #63614F; color:#fff; text-decoration:none; float:left; text-align:left; display:block;} /*********************************************************************/ /*********** Forms DE PAIEMENT **************************/ /*********************************************************************/ /*Fake CB payment Form (tbd) */ #innerMainPan #f_fake_pay_bill_cb {width:440px; height:102px; position:relative; left:80px; top:0px; } #innerMainPan #f_fake_pay_bill_cb p{margin:0 0 10px 0; padding:0; font-style:italic;} #innerMainPan form #d_fake_pay_bill_cb label { position:relative; top:0px; left:12px; width:130px; } #innerMainPan form #d_fake_pay_bill_cb input{ width:30px; text-align:right;} #innerMainPan form #d_fake_pay_bill_cb select{ width:80px; } #innerMainPan form #d_fake_pay_bill_cb #l_pay_validity_cb { width:160px; } #innerMainPan #f_fake_pay_bill_cb div.validation_bar {position:relative; top:30px;} #innerMainPan #f_fake_pay_bill_cb div.validation_bar input{position:relative; right:17px; top:-24px;} /* mode de paiement Client */ #innerMainPan ul.type_payment p{padding:0px 0px 0px 25px; margin:0 0 8px 0;} #innerMainPan ul.type_payment p.type{font-size:18px; line-height:20px; padding:4px 0px 5px 5px; margin:0;} #innerMainPan ul.type_payment p.type:first-letter{font-size:18px; color:#2E5000; background:inherit;} #innerMainPan ul.type_payment li #cb_pay {width:39px; height:43px; position:absolute; left:0px; display:inline; padding:0; margin:0; border:0;} #innerMainPan ul.type_payment li #paypal_pay {width:50px; height:34px; position:absolute; left:-11px; display:inline; padding:0; margin:0; border:0;} /* mode de paiement Admin */ #innerMainPan #f_pay_bill_admin {width:265px; height:102px; position:relative; left:80px; top:0px;} #innerMainPan form #d_pay_bill_admin label{ width:150px;} #innerMainPan form #d_pay_bill_admin label.value{ width:100px;} #innerMainPan form #d_pay_bill_admin input{ width:98px;} #innerMainPan form #d_pay_bill_admin select{ width:106px;} #innerMainPan #f_pay_bill_admin div.validation_bar { position:relative; top:98px } #innerMainPan #f_pay_bill_admin div.validation_bar input{position:relative; right:17px; top:-96px;} /*********************************************************************/ /***********FICHE ETUDE DE MARCHE ************************************/ /*********************************************************************/ #innerMainPan #f_market_study { width:400px; height:225px; position:relative; left:80px; top:0px; } #innerMainPan form #d_market_study_data { width:100%; height:100%; position:relative; left:0px; top:0px;} #innerMainPan form #d_market_study_data label{ width:250px;} #innerMainPan form #d_market_study_data select{ width:143px;} #innerMainPan form #d_market_study_data input{ width:295px;} #innerMainPan form #d_market_study_data #l_market_study_pbs_example{ width:90px;} #innerMainPan form #d_market_study_data #l_market_study_depa{ width:288px;} #innerMainPan form #d_market_study_data #s_market_study_depa{ width:105px;} #innerMainPan #f_market_study #d_market_study_vbar{top:1px;} /*#innerMainPan #f_market_study div.validation_bar input{position:relative; right:20px; }*/ #innerMainPan #f_market_study #d_market_study_vbar #d_market_study_create{width:166px; right:2px; background:url(images/arrow4.gif) no-repeat 150px 0 #63614F; color:inherit;} /*/ MAIN PANEL */ /* FOOTER PANEL */ #BodyPan #footerPan{width:629px; height:120px; position:relative; left:0px; top:20px; margin:0 0 30px 0; padding:0; background:#B0AD93; color:#fff; } #footerPan ul{width:505px; display:block; position:absolute; left:71px; top:23px; } #footerPan li{float:left; font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;} #footerPan ul li a{padding:0 10px; color:#FFFFFA; background:#B0AD93; text-decoration:none;} #footerPan ul li a:hover{text-decoration:underline;} #footerPan ul.templateworld{width:211px; background:#B0AD93; color:#fff; display:block; position:absolute; top:23px; left:415px; margin:34px 35px 0 0;font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif;} #footerPan ul.templateworld li a{background:#B0AD93; display:block; color:#fff; text-decoration:none;font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif;} #footerPan ul.templateworld li a:hover{text-decoration:underline;} #footerPan p a{ background:#B0AD93; margin:34px 45px 0 0; display:block; position:absolute; top:23px; right:400px; color:#FCFAE6; font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; text-decoration:none;} #footerPanxhtml{width:71px; height:19px; display:block; position:absolute; top:55px; right:332px;} #footerPanxhtml a{width:66px; height:16px; background:url(images/arrow5.gif) no-repeat 52px 0px #D0CEB8; display:block; position:absolute; top:0px; left:0px; margin:0; padding:3px 0 0 5px; border:1px solid #FFFFFA; color:#353427; text-transform:uppercase; text-decoration:none;} #footerPanxhtml a:hover{background:url(images/arrow5.gif) no-repeat 52px 0px #B0AD93; color:#353427; text-decoration:none;} #footerPancss{width:64px; height:19px; display:block; position:absolute; top:55px; right:251px;} #footerPancss a{width:59px; height:16px; background:url(images/arrow5.gif) no-repeat 45px 0px #D0CEB8; display:block; position:absolute; top:0px; left:0px; margin:0; padding:3px 0 0 5px; border:1px solid #FFFFFA; color:#353427; text-transform:uppercase; text-decoration:none;} #footerPancss a:hover{background:url(images/arrow5.gif) no-repeat 45px 0px #B0AD93; color:#353427; text-decoration:none;} /*/ FOOTER PANEL */ #BodyPan #ie_footerPan { position:relative; left:0px; top:0px; height:10px; width:629px; margin:0px; padding:0px; border:0px; } /*/ BODY PANEL */