BODY { margin:0px; /*SCROLLBAR-FACE-COLOR: F4B13E; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #444444; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #917A52; SCROLLBAR-DARKSHADOW-COLOR: #FFA100;*/ BACKGROUND-COLOR: #253251; background-image: url('images/page_gen_background.jpg'); BACKGROUND-REPEAT: no-repeat; background-position: 0px 0px; font-family: 'Century Gothic', 'Verdana', 'Trebuchet MS', Georgia, Arial, Helvetica, sans-serif; letter-spacing:1px; /*font-weight:;*/ FONT-SIZE: 14px; } /*@font-face { font-family: lourmarin; src: url(plugs/theme/themes/creamy/lourmarin.eot); }*/ table { font-size:100%; } A:link, A:visited, A:hover, A:active { color:#d1dfff; /*font-style:bold;*/ text-decoration:none; } A:hover { text-decoration:underline; } ul.clear{ list-style-type:none; } /*.center, .main, .lourmarin {*/ .center{ text-align:center; } .alert { COLOR: #CC0000; } #top { /*display:none;*/ } #title { font-family: 'Century Gothic', 'Verdana', 'Trebuchet MS', Georgia, Arial, Helvetica, sans-serif; FONT-SIZE: 30px; letter-spacing: 10px; text-align: left; margin-left:10px; background-image: url('images/page_title_background.jpg'); BACKGROUND-REPEAT: no-repeat; background-position: 0px bottom; /* border-bottom-style:dashed; border-bottom-width:1px; border-bottom-color:#000000;*/ /*border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#000000;*/ /*white-space: nowrap;*/ } .title2 { FONT-SIZE: 170%; text-align: center; font-weight:bold; position:absolute top:0px; left:234; } A.title2:hover { text-decoration:none; color:#000000; } .title3 { FONT-SIZE: 120%; font-weight: bolder; padding-bottom:0; margin-bottom:0; } .blink { text-decoration:blink; } blockquote { font-style:italic; padding:0px; margin:0px; } .hidden { font-size: 0px; } .text{ padding:15px; /* font-size: 100%;*/ text-align:justify; text-decoration:none; /*width:100%;*/ font-weight:normal; letter-spacing:2px; line-height:140%; } A.text:link, A.text:active, A.text:visited, A.text:hover { font-weight:bold; } .lettrine { /* position:relative; float: left; /* positionnement de la lettrine dans le conteneur*/ font-size: 2em; /* 3 hauteurs de lignes pour la lettrine*/ font-weight: bold; color: #FFFFFF; line-height: 1em; } .lettrine_br { font-size:0.8em; } A.textlink, A.textlink:link, A.textlink:active, A.textlink:visited, A.textlink:hover { color:#BF6000; font-weight:bold; } /* Le contenu en général */ #popup { /* font-size: 10%;*/ padding-left:5; padding-right:5; color:#FFFFFF; position:absolute; top:10px; left:10px; right:10px; bottom:10px; /*width:100%; height:100%;*/ /*position:absolute top:0px; left:234;*/ /*height:665px;*/ } .content_menu ul { margin-top:15px; } ul.ssmenu { margin-top:0px; } #content_alpha { /* position:absolute; top:0px; left:0px;*/ margin-right:15px; margin-top:10; margin-left:15; border:1px solid #ffffff; } #content_alpha_2 { width:100%; /*background:F8CC81;*/ /*background:rgba(184, 184, 184, 0.8);*/ /*border:1px solid #F8CC81;*/ background:#ffffff; filter:alpha(opacity=23); } #content_alpha_popup { border:1px solid #F8CC81; z-index:302; /*position:absolute; top:70px; left:250px; right:25px;*/ position:absolute; top:10px; left:10px; right:10px; bottom:10px; /*float:left;*/ } #content_alpha_2_popup { /*width:100%;*/ position:absolute; top:0px; left:0px; right:0px; bottom:0px; background:#4B3D27; /*filter:alpha(opacity=80);*/ } #content { padding-left:220; position:relative; color:#FFFFFF; } .content2 { font-size: 110%; } .content4 { COLOR: #000000; font-weight:normal; font-style:italic; font-size: 90%; } /* Listes à puce sur le prog concert notamment, dans le cas des listes de compositeurs */ .content4 ul { list-style-type:none; text-indent:-30; } #links, A.links:link, A.links:active, A.links:visited, A.links:hover { color:#BF6000; text-align:center; font-style:bold; } /* Les Images en général */ img { border-style:none; border-width:1px; border-color:#ffffff; } .imgtext { border-style:solid; border-width:1px; border-color:#000000; } .puce { text-align:center; border-style:none; margin:0; clear:both; } .img_left, .img_right, .img_center { position:relative; vertical-align:middle; margin:5px; margin-top:5px; padding-top:0px; font-size:70%; } .img_left { float:left; text-align:left; margin-left:3px; } .img_right { float:right; text-align:right; margin-right:3px; } .img_center { float:none; text-align:center; } .clear {clear:both;} /* Poursuite du texte en dessous pour */ /* Rampe d'images sous le titre */ /* Ne pas utiliser/modifier/supprimer ces styles, ils sont nécessaires pour la fonction */ .tnramp1 { margin:0; padding:0; text-align:center; } .etn { /* attention cause un bug dans l'album !!*/ border-left-style:solid; border-left-width:1; border-left-color:#000000; } .tnramp1_img { border-style:solid; border-width:1; border-color:#000000; border-left-style:none; width:116; height:78; } /* Copyright */ .copy { clear:both; font-size: 66%; LETTER-SPACING: 2px; text-align:center; vertical-align:baseline; width:100%; } /* Haut de la page */ .toplink { text-align:center; padding:10px /*text-indent:100;*/ } /* Adresse */ .adresse { font-size: 90%; } #divTooltip { Z-INDEX:200; VISIBILITY:hidden; /* WIDTH:300px;*/ POSITION: absolute; TOP: 0px; color: #000000; font-size: 0.8em; border:solid 1px white; border-right:solid 1px grey; border-bottom:solid 1px grey; padding:3px; layer-background-color: #f3f3f3; filter:alpha(opacity=66); } textarea, input, select { background:black; border: solid 1px #ffffff; /*overflow:auto;*/ color: white; filter:alpha(opacity=66); } /* pour les boutons radio, placer l'affectation de classe dans un div */ .radio input { background:transparent; border:none; } #header_block { margin-top:3px; margin-left:15px; color:#CCCCCC; /*color:rgba(184, 184, 184, 0.8);*/ font-size:3.2em; letter-spacing:15px; text-align:right; } #header_block .div1 { font-size:12px; color:#ffffff; } #header_block .div2 { position:absolute; /*width:205;*/ top:70px; left:0px; /*padding-left:700px;*/ } #header_block .content_menu li { display:inline; padding-left:10px; padding-right:10px; border-left: solid 1px white; } /* ALBUM */ #album { padding:15px; } #album .lib { /*border: solid 1px red;*/ font-size:75%; width:125px; height:40px; overflow:hidden; position: absolute; bottom:0; left:10; top:125; text-align:center; } #album .thumb { /*border: solid 1px blue;*/ float:left; position:relative; width:150px; height:160px; margin-top:10px; /*margin-right:234px;*/ /*white-space:pre;*/ } #album .tn img { border: solid 1px white; } #album .tn { /*border: solid 1px purple;*/ text-align:center; clear:both; width:100%; position:absolute; bottom: 35; left:0; /*vertical-align:bottom;*/ } #album .folder { /*border: solid 1px yellow;*/ text-align:center; width:100%; position:absolute; bottom: 20; left:0; vertical-align:bottom; } #album .preview { text-align:center; } #album .preview img { margin:10px; border: solid 1px white; } #album .navbar, #album .navbar_popup { padding-top:0; margin-top:0; vertical-align:middle; /*border:solid 1px white;*/ } #album .navbar img, #album .navbar_popup img { vertical-align:middle; border:none; } #album .navbar_popup { border:solid 1px #818181; position:absolute; bottom:0px; left:0px; width:100%; /*layer-background-color: #f3f3f3; filter:alpha(opacity=66);*/ } #album_bloc { text-align:center; margin:15px; } #album_bloc img { border:solid 1px white; } #album_bloc2 { text-align:center; width:180px; max-height:125px; overflow:hidden; margin:15px; list-style:none inside; padding-left:0px; } #album_bloc2 li { width:100%; vertical-align:middle; /*border: solid 1px white;*/ } #album_bloc2 img { border:solid 1px white; } .album_gentitle { font-weight:bold; text-align:center; font-size:150%; } #album .dir_infos { font-size:75%; line-height:1.5; text-align:center; } #album .pst_popup div { /*background:#000000; filter:alpha(opacity=100); */ } #album .pst_text_popup { border:solid 1px #818181; width:250px; /*height:610px;*/ position:absolute; top:0px; left:0px; bottom:40px; vertical-align:middle; } #album .pst_img_popup { /*height:610px;*/ border:solid 1px #818181; position:absolute; top:0px; left:260px; right:0px; bottom:40px; margin-right:0px; padding-top:0px; overflow:hidden; /*width:100%;*/ } #popup .title2 { font-size:200%; line-height:1.2em; } #popup .dir_infos { position:absolute; bottom:0px; } #popup .pst_img_popup img { height:470px; } #popup .pdfexport { font-size:75%; line-height:1.5; text-align:center; } #popup .openfile_text { margin-top:50px; } /* FORUM */ #forum ul { /*border:solid 1px red;*/ list-style:none inside; padding-left:5; } #forum hr { clear:both; } #forum .discussion1 { background-color:#424242; /*border:solid 1px green;*/ padding-top:5px; padding-bottom:2px; margin-bottom:5px; } #forum .discussion2 { background-color:#78623D; /*border:solid 1px red;*/ padding-top:5px; padding-bottom:2px; margin-bottom:5px; } #forum .post { width:100%; /*border:solid 1px white;*/ margin-top:0px; margin-bottom:0px; padding-bottom:3px; } #forum .post ul { clear:both; list-style:none inside; margin-top:0px; margin-bottom:0px; } #forum .post li { display:inline; margin-left:0; padding-left:0; } #forum .post li.title { float:left; } #forum .post li.pseudo { float:right; width:200px; white-space:nowrap; text-align:right; } #forum .post li.date { float:right; width:120px; white-space:nowrap; text-align:center; } #forum .post li.lectures { float:right; width:75px; white-space:nowrap; text-align:center; } #forum .post li.ip { float:right; width:90px; white-space:nowrap; text-align:center; } #forum .post li.checkbox { float:right; width:20px; text-align:center; } #forum .post img { vertical-align:middle; } /*#forum .post.item { float:left; position:relative;*/ /*border:solid 1px white;*/ /*margin:3px; height:22px; }*/ #forum .post.item.icone { } /*#forum .post.item.sujet {width:300px;width:100%;}*/ #forum div.post .pseudo { font-size: 90%; } #forum div.post .retrait { font-size: 70%; } #forum div.post .date { font-size: 90%; } #forum div.post .lectures { font-size: 70%; } #forum div.post .ip { font-size: 70%; } #forum .viewpost { /* BACKGROUND-COLOR: #FFEECC;*/ border:solid 1px white; padding:10px; } #forum .viewpost { BACKGROUND-COLOR: #OOeeFF; } #forum .iconlist { /*border:solid 1px white;*/ padding-bottom:15px; } #forum .iconlist ul { clear:both; list-style:none inside; } #forum .iconlist li { display:inline; width:30px; text-align:center; overflow:hidden; float:left; padding:2px; } #forum .iconlist div.tn { /*border:solid 1px blue;*/ height:30px; vertical-align:middle; } #forum .iconlist div.tn img { vertical-align:middle; /*border:solid 1px white;*/ } #forum .iconlist div.radio { height:15px; /*vertical-align:bottom;*/ /*border:solid 1px red;*/ } #forum .iconlist.tb { /*border:solid 1px blue;*/ width:32px; height:50px; position:relative; float:left; text-align:center; } /*#forum .form.block { /*border:solid 1px red;*/ /*position:relative; float:left;*/ /*max-height:300px; }*/ #forum div.button { clear:both; text-align:right; padding-top:10px; } #forum textarea { width:100%; height: 200px; } #forum.forumlist { /*font-size:*/ } #forum form { /*border:solid 1px red;*/ margin:0; } #forum .navbar input {height:19;font-size:0.8em;} #forum .navbar select {height:16;font-size:0.68em;} #forum .navbar a { font-weight:normal; margin:0; } #forum .navbar a:hover { color:#FFFFFF; } #forum .navbar { font-size:120%; } #forum .navbar ul { } #forum .navbar li { display:inline; float:left; text-align:center; /*border:solid 1px white;*/ margin:2px; height:22px; } #forum .small { font-size:75%; } #menu_1 div.forum-block { padding-left:10px; padding-right:10px; } #menu_1 div.forum-block ul { /*border:solid 1px red;*/ list-style:none inside; padding-left:0px; } #menu_1 div.post ul { /*border:solid 1px white;*/ list-style:none inside; padding-left:0px; clear:both; } #menu_1 div.forum-block li.forumlist { /*border:solid 1px green;*/ text-align:center; margin-top:5px; /*margin-bottom:5px;*/ font-weight:bold; } #menu_1 div.forum-block li { font-weight:normal; text-align:left; } #menu_1 div.post li.lectures { display:none; } #menu_1 div.post li.ip { display:none; } #menu_1 div.post li.checkbox { display:none; } #menu_1 div.post li.pseudo { font-size:75%; float:left; } #menu_1 div.post li.date { font-size:75%; float:right; /*clear:both;*/ } #menu_1 div.post li.title { font-size:75%; /*clear:both;*/ } /*--- Plug news ---*/ #news { /*text-align:center;*/ /*border:solid 1px white;*/ } #news .head { /*border:solid 1px red;*/ width:100%; } #news .title { /*border:solid 1px green;*/ font-size: 130%; font-weight:bold; /*width:300px;*/ text-align:left; float:left } #news .date { text-align:right; /*border:solid 1px yellow;*/ font-size: 90%; } #news .content { /*border:solid 1px orange;*/ clear:both; text-align:left; margin:15px; } #news .bottom { text-align:right; } #news .newsblock { margin:15px; } #news_bloc { text-align:center; margin:15px; } /* GOLDBOOK */ #goldbook { /*width:400px;*/ } #goldbook .ent { width:100%; border: solid 1px #FFFFFF; background:#7A7F8C; /*filter:alpha(opacity=33);*/ } #goldbook .lib { text-align:left; font-weight:bold; float:left; margin-left:1px; } #goldbook .libtext { } #goldbook .date { text-align:right; font-size: 80%; /*position:relative; top:0; right:O;*/ } #goldbook .texte { text-align:center; font-style:italic; } #goldbook .goldbook_form { padding:5px; text-align:left; } #goldbook .goldbook_form_field { text-align:center; /* background:black; border: solid 1px #F8CC81; overflow:auto; color: white; filter:alpha(opacity=66);*/ } #goldbook .goldbook_post { padding:5px; } #goldbook textarea { width:500; height:75; } /*http://developer.mozilla.org/fr/docs/Astuces_CSS:Couleurs_et_fonds#Image_PNG_avec_canal_alpha*/ /*--- Plug menu ---*/ #menu_1_alpha { position:absolute; /*width:205;*/ top:0px; left:30px; margin-top:100; margin-right:30; float:left; border: solid 1px #ffffff; z-index:301; color:#FCF3E3; } #menu_1 { /*background-image: url('images/page_menu_background.jpg'); BACKGROUND-REPEAT: no-repeat; background-position: 0px 0px;*/ /* padding-top:20px;*/ /*display:none;*/ width:205; background:#ffffff; filter:alpha(opacity=23); } #menu_2 { display:none; float:right; width:0px; position:absolute; top:0px; right:0px; } .menu_bloctitle { font-weight:bold; text-align:center; font-size:130%; letter-spacing:4px; } .content_menu ul { margin-left:0px; padding-left:15px; FONT-SIZE: 21; } .content_menu li { list-style-type:none; line-height:30px; /*font-style:italic;*/ /* font-weight:600;*/ letter-spacing:3px; } .ssmenu li { FONT-SIZE: 70%; } /*#menu_1 A:link, #menu_1 A:visited, #menu_1 A:hover, #menu_1 A:active {*/ .content_menu A:link, .content_menu A:visited, .content_menu A:hover, .content_menu A:active { color:#FFFFFF; } .ssmenu { font-size:75%; } .menubloc { position:relative; } A.menubloc:link, A.menubloc:visited, A.menubloc:hover, A.menubloc:active { color: #FFFFFF; font-weight:bold; } A.menubloc:hover { color: #FFFFFF; } /* L'item de menu sur lequel on se trouve */ A.menufocus:link, .menufocus { color:#0f0f0f; } .menugroup { } /*--- Plug events ---*/ #events { /*text-align:center;*/ /*border:solid 1px black;*/ font-size:100%; /*z-index:1;*/ } #events .event { /*border:solid 1px purple;*/ } #events .head { /*border:solid 1px red;*/ /*width:100%;*/ } #events .kind { text-align:center; } #events .gentitle { /*font-weight:bold;*/ text-align:center; font-size:300%; height:60px; vertical-align:middle; } #events .title { /*border-bottom:solid 1px black;*/ FONT-SIZE: 200%; width:100%; height:25px; font-weight: normal; font-style:italic; /*background-image: url('images/events_title_background.jpg'); BACKGROUND-REPEAT: no-repeat; background-position: 0px bottom;*/ } #events .thumb { /*border: solid 1px red;*/ /*border: solid 1px blue;*/ float:left; position:relative; width:225px; height:190px; /*margin-right:234px;*/ /*white-space:pre;*/ } #events .date { font-size: 110%; /*border-bottom:solid 1px black;*/ /*border:solid 1px yellow;*/ /*text-align:left;*/ } #events .content { margin:5px; } #events .content_1 { margin:15px; } #events .content_2 { text-align:right; } #events .bloc { margin:15px; } .bloc_event, .thumbs_event { text-align:center; /*width:225px;*/ overflow:hidden; padding-top:15px; padding-bottom:15px; /*border:solid 1px orange; float:left;*/ } .bloc_kind , .thumbs_event{ font-weight:bold; font-size: 80%; } .bloc_kind{ display:none; } .bloc_title, .thumbs_event { font-size: 120%; font-weight:bold; } .bloc_date, .thumbs_event { font-weight:normal; font-size: 90%; COLOR: #ffffff; } .bloc_content, .thumbs_event { font-weight:bold; font-size: 90%; } .bloc_gentitle { font-weight:bold; text-align:center; font-size:150%; } .bloc_search { margin:5px; margin-top:15px; /*border:solid 1px red;*/ } .bloc_form_lib { float:left; clear:both; /*border:solid 1px blue;*/ } .bloc_form_item { float:right; /*border:solid 1px green;*/ } .list_event { margin-top:5px; } .list_head{ /*float:left;*/ clear:both; /*border: solid 1px black;*/ } .list_kind { float:left; /*border: solid 1px purple;*/ width:100px; } .list_title { /*border: solid 1px red;*/ /*float:right;*/ text-align:left; /*float:right;*/ margin-left:450px; } .list_date { float:left; /*border: solid 1px blue;*/ width:350px; } .list_gentitle { /*font-weight:bold;*/ text-align:center; font-size:300%; } .view_head{ /*border: solid 1px black;*/ font-size: 110%; /*font-weight:bold;*/ text-align:center; line-height:30px; } .view_kind { /*border: solid 1px purple;*/ /*display:none;*/ font-weight:bold; } .view_date { /*border: solid 1px blue;*/ font-weight:bold; } .view_title { /*border: solid 1px red;*/ font-size: 200%; } .view_longtitle { /*border: solid 1px red;*/ } .thumbs_event { float:left; width:250px; height:250px; position:relative; white-space:pre; margin:5px; border: solid 1px black; } .linkmore { font-size:50%; } /* + --------------------------------------------------- + Styles appliqués au Calendrier + --------------------------------------------------- + */ #calendar { width:210px; font-size:90%; text-align:center; } #calendar .title{ font-size:100%; text-align:center; background-color:#E6D7B5; border: solid 1px black; vertical-align:middle; } #calendar .title img { vertical-align:middle; } #calendar .title A:link, #calendar .title A:active, #calendar .title A:visited { /*color:#ffffff;*/ } #calendar .title A:hover { /*text-decoration: none;*/ /*color:#CC3300;*/ } #calendar li{ list-style: none; } #libelle { width: 210px; margin: 0 auto; padding: 0; } .ligne { width: 210px; margin: 0 auto; padding: 0; } #libelle li { float : left; width : 30px; } .ligne li { /*color: #000000;*/ float : left; width : 24px; border:solid 1px #F5E6C6; margin:2px; list-style: none; text-decoration: none; } #calendar .ligne li A:link, #calendar .ligne li A:active, #calendar .ligne li A:visited { color:#ffffff; } #calendar .ligne li A:hover { color:#CC3300; } li.itemCurrentItem { background:#ffffff; border:solid 1px black; } li.itemSelectedItem { } li.itemExistingItem{ background:#818FF8; border:solid 1px black; } /* admin */ #admin { padding:15px; } #admin .lib { /*border: solid 1px red;*/ font-size:75%; width:125px; overflow:hidden; position: absolute; bottom:0; left:10; text-align:center; } #admin .thumb { /*border: solid 1px red;*/ /*border: solid 1px blue;*/ float:left; position:relative; width:150px; height:150px; /*margin-right:234px;*/ /*white-space:pre;*/ } #admin .tn { /*border: solid 1px purple;*/ text-align:center; width:100%; position:absolute; bottom: 20; left:0; /*vertical-align:bottom;*/ } #admin .admssmenu { padding-left:48; } #admin .adm_thumb { border: solid 1px black; float:left; position:relative; text-align:center; width:150px; height:150px; white-space:pre; margin:3px; padding-top:3px; } #admin .adm_lib { /*border: solid 1px red;*/ width:150px; overflow:hidden; position: absolute; bottom:0; left:0; } #admin .adm_listitems { /*clear=both;*/ /*border: solid 1px red;*/ height:20px; } #admin .adm_listitems img { vertical-align:middle; } #admin .adm_listitems ul { list-style-type:none; } #admin .adm_listitems li { padding-left:2px; padding-right:10px; display:inline; } #admin .list_icon { float:left; padding-left:2px; padding-right:2px; /*width:15px;*/ /*border: solid 1px purple;*/ } #admin .list_title, #admin .list_subtitle { /*border: solid 1px blue;*/ } #admin .list_subtitle { padding-left:45; } #admin .list_subtitle ul { list-style-type:none; } #admin .list_subtitle li { padding-left:2px; padding-right:10px; display:inline; } #admin .list_title { margin-left:0; /*border: solid 1px green;*/ } /* Barre de navigation dans le panel admin sur chaqe ecran */ #admin .admin_bar { margin-bottom:10px; } #admin .prefs textarea { width:500; height:75; } #admin .gentitle { margin-bottom:10px; font-size:120%; font-weight:bold; } .loginwindow { width:386px; height:213px; background-image: url('../../../admin/images/login_bg.png'); background-position: 0px 0px; background-repeat:no-repeat; padding:10px; padding-top:45px; padding-left:150px; color:#000000; font-style:italic; text-align:center; /*white-space:nowrap;*/ } .loginwindow input { /*float;left;*/ margin:5px; } /*--- Plug quotes ---*/ .quote { margin:15px; } .quote.author { font-weight:bold; text-align:right; } .quote blockquote { font-style:italic; } /* contact */ #contact { /*width:400px;*/ } #contact .contact_form { padding:5px; text-align:left; } #contact .contact_form_field { text-align:left; /* background:black; border: solid 1px #F8CC81; overflow:auto; color: white; filter:alpha(opacity=66);*/ } #contact textarea { width:500; height:75; } /*--- Plug themes ---*/ .themes_changer { margin:15px; } /*--- Plug links ---*/ #linkss { /*text-align:center;*/ /*border:solid 1px black;*/ text-align:left; font-size:100%; /*z-index:1;*/ } #linkss .gentitle { /*font-weight:bold;*/ text-align:left; font-size:300%; height:60px; vertical-align:middle; } #linkss .family_title { /*border-bottom:solid 1px black;*/ FONT-SIZE: 200%; padding-left:20px; width:100%; height:25px; font-weight: normal; /*background-image: url('images/links_title_background.jpg'); BACKGROUND-REPEAT: no-repeat; background-position: 0px bottom;*/ } #linkss .title { margin-left:40px; border-bottom:solid 1px white; padding-top:10px; } #linkss .content_1 { padding-left:80px; } #linkss .content_2 { margin-left:60px; padding-left:10px; border-left:solid 1px white; }