/* CSS document */


/* 
    Fonts parts
i*/



h1 {
    text-align: left;
    font-size: 26px;
    line-height: 33px;
    color: #0068b1;
}
h2 {
    text-align: left;
    font-size: 22px;
    color: #0068b1;
    font-weight: 500;
}

h3.padded {
    text-align: left;
    font-size: 15px;
    color: #0068b1;
    font-weight: 900;
}





/* this is for the prices */
@font-face {
    font-family: 'Eau';
    src: url('/themes/10/font/eau/eau_sans_bold-webfont.eot');
    src: url('/themes/10/font/eau/eau_sans_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/themes/10/font/eau/eau_sans_bold-webfont.woff') format('woff'),
         url('/themes/10/font/eau/eau_sans_bold-webfont.ttf') format('truetype'),
         url('/themes/10/font/eau/eau_sans_bold-webfont.svg#EauSansBold') format('svg');
    font-weight: bold;
    font-style: normal;

}



/* Hand draw font */

@font-face {
    font-family: 'Hand';
    src: url('fonts/hand/hand.eot');
    src: url('fonts/hand/hand.eot?#iefix') format('embedded-opentype'),
         url('fonts/hand/hand.woff') format('woff'),
         url('fonts/hand/hand.ttf') format('truetype'),
         url('fonts/hand/hand.svg#jrhandRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}



/* this is the main  font */

@font-face {
    font-family: 'Cabin';
    src: url('/themes/10/font/cabin/Cabin-Regular-webfont.eot');
    src: url('/themes/10/font/cabin/Cabin-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/themes/10/font/cabin/Cabin-Regular-webfont.woff') format('woff'),
         url('/themes/10/font/cabin/Cabin-Regular-webfont.ttf') format('truetype'),
         url('/themes/10/font/cabin/Cabin-Regular-webfont.svg#CabinRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Cabin';
    src: url('/themes/10/font/cabin/Cabin-Medium-webfont.eot');
    src: url('/themes/10/font/cabin/Cabin-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/themes/10/font/cabin/Cabin-Medium-webfont.woff') format('woff'),
         url('/themes/10/font/cabin/Cabin-Medium-webfont.ttf') format('truetype'),
         url('/themes/10/font/cabin/Cabin-Medium-webfont.svg#CabinMedium') format('svg');
    font-weight: 500;
    font-style: normal;

}

@font-face {
    font-family: 'Cabin';
    src: url('/themes/10/font/cabin/Cabin-Bold-webfont.eot');
    src: url('/themes/10/font/cabin/Cabin-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/themes/10/font/cabin/Cabin-Bold-webfont.woff') format('woff'),
         url('/themes/10/font/cabin/Cabin-Bold-webfont.ttf') format('truetype'),
         url('/themes/10/font/cabin/Cabin-Bold-webfont.svg#CabinBold') format('svg');
    font-weight: bold;
    font-style: normal;

}




/*
 Main styles, 
 HTML Redesign 
*/
* {
    font-family: "Cabin","Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif;
    /*font-family: "Arial", "Lucida grande", "Bitstream Charter", "Liberation sans", "FreeSans", sans-serif;*/
    font-size: 14px;
    color: #3c3c3c;
    line-height: 22px;
    padding: 0; 
    margin: 0;
    text-align : left;
}

html>body {
    height: auto;
    min-height : 300px;
}

body {
    background : #dcdcdc url('../../themes/10/main/bg.jpg') top center no-repeat;
    margin : 0 auto;
    text-align : center;
    border-top: 1px solid #a5a5a5;
}

div#header ul li {
    padding : 0;
}

.full {
    width : 100%;
    
}


div.full div.wrapper {
    background : none;
    margin : 0;
    padding : 0 22px 0 0;
    _margin : 0 0 0 8px;
}


div.wrapper {
    margin : 0 auto;
    text-align : left;
    width : 959px;
/*    background: transparent url(../../themes/10/main/body-mid.jpg) repeat-y 0 0;*/
    padding : 20px 15px 0;
}

div.wrapper div.wrapper {
    background : none;
    margin : 0 0 0 -15px;
}


div.sub_menu div.wrapper {
/*    background : transparent url(../../themes/10/main/body-top.jpg) no-repeat 0 0;*/
}

div.sub_menu div.wrapper br{
    display : block;
}

b, h1, h2, h3, h4, h5, h6, strong, .bold {
    font-weight: bold;
}

.normal {
    font-weight: normal;
}


.hand {
    font-family: 'Hand','Trebuchet MS', "Gill Sans",sans-serif;
}

img {
    border: 0;
}

a,
a span, 
a img {
    cursor: pointer;
}


a,
a:visited,
a:active,
a:link {
    color: #0068b1;
    text-decoration: underline;
    outline: none;
}

a:hover { 
    text-decoration: none;  
    outline: none;
}

a.none,
a.none:visited,
a.none:active,
a.none:link {
    text-decoration: none;
    outline: none;
    color : black;
}

a.none:hover,
a.none:hover * {
    color : #0068b1;
}

hr {
    height: 1px;
    width: 90%;
    margin: 0 0 0 5%;
    font-size: 0px;
    line-height: 0px;
    
    background: transparent;
    color: transparent;
    
    border: 0;
    border-top: 1px solid #999;
    border-bottom: 1px solid #fff;
}

.right_vhr {
    background: transparent url(/images/main/icons/vertical_right_hr.gif) no-repeat 0 50%;
}   


.icon,
.color_icon,
* .icon
*:visited .icon,
*:active .icon,
*:link .icon {
    display: block;
    height: 48px;
    width: 48px;
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: 50% 0%;
}

.support    { background-image: url(/images/main/icons/support.gif);}
.emails     { background-image: url(/images/main/icons/email.gif); }
    .emails2     { background-image: url(/images/main/icons/2email.gif); }
    .emails5     { background-image: url(/images/main/icons/5email.gif); }
.no_box      { background-image: url(/images/main/icons/no_box.gif);  }
.sdsl      { background-image: url(/images/main/icons/sdsl.gif);  }
.modem      { background-image: url(/images/main/icons/modem.gif);  }
    .mdetails      { background-image: url(/images/main/icons/modem_details.gif);  }
.media      { background-image: url(/images/main/icons/media.gif);  }
.nas        { background-image: url(/images/main/icons/nas.gif);    }
.tel        { background-image: url(/images/main/icons/tel.gif);    }
    .tel2        { background-image: url(/images/main/icons/2tel.gif);    }

.pnl:hover .icon,
a:hover .icon,
.icon:hover,
.selected,
.selected .icon,
.color_icon {
    background-position: 50% 100%;
} 

ul {
    display : block;
}

ul li  {
    padding: 0 0 0 20px;
    list-style: none;
    background: transparent url('/images/main/li.gif') no-repeat 8px 0; 
}

ul.greenCheck li {
    padding: 0 0 20px 30px;
    list-style: none;
    background: transparent url('/images/emails/hosted_exchange/general/valid_yes.gif') no-repeat 8px 0; 
}

ul.none li {
    padding: 0;
    list-style: none;
    background: none;
}

ul.alist
{
    list-style: none;
    margin-left: 15px;
    padding-left: 0px;
    margin-top: 5px;
    background: transparent;
}

ul.alist li a,
ul.alist li a:visited
{
    list-style-image: none;
    text-decoration: none;
    color: #3c3c3c;
    margin-left:  0px;
    padding-left: 0px;
    font-size: 13px;
    /*height: 15px;*/
    line-height: 15px;
}

ul.alist li
{
    background: transparent url('../../themes/default/images/select_li.gif') no-repeat 0% 8px;
    font-size: 12px;
    margin: 0;
    padding: 0 0 0 10px;
    margin-left: 0px;
    list-style-image: none;
    color: #3c3c3c;
    text-decoration: none;
}

ul.alist li:hover {
    background: transparent url('../../themes/default/images/select_li_hover_blue.gif') no-repeat 0px 8px;
}

ul.alist li a:hover,
ul.alist li a.selected,
ul.alist li a:hover strong {
    color: #0068b1;
}

/*

 Structural styles

*/


table,
table tr, 
table tr td,
table tr th {
    border: none;
    text-align: left;
    margin: 0; 
    padding: 0;
}

table tr th {
    font-weight: 500;
}

table.marged tr td,
table.marged tr th {
    margin: 4px;
}

table.padded tr td,
table.padded tr th {
    padding: 4px;
}


table.bordered,
table.bordered td, 
table.bordered th {
    border: 1px solid #aaa;
    border-collapse: collapse;
}

table.bordered {
    width: 100%;
}


table.bordered td { 
    font-weight: normal; 
    text-align: center;
}


table.bordered tr th {
    text-align: left;
    color: #666;
}

table.bordered tr:nth-child(2n),
table.alternate tr:nth-child(2n),
td.light, 
tr.light {
    background: #f8f8f8;
}

table.bordered thead tr {
    background: #fff;
}
table.bordered thead tr td,
table.bordered thead tr th {
    
    font-weight: bold;
    font-size: 16px;
    color: #0068b1;
    padding: 12px 6px;
   
    border-color: #fff;
    border-bottom: 1px solid #aaa;
}


/* cols structure  
    TODO : remove this col structure 
    to make it all x1234567
*/


.x2 table tr td,
.x2 table tr th,
.x2 table tr td *,
.x2 table tr th * {
    line-height: 16px;    
}
.x2 table tr td .small *,
.x2 table tr th .small *, 
.x2 table tr td .small,
.x2 table tr th .small {
    line-height: 12px;    
    _line-height: 16px;
    *line-height: 16px;
}

/*
.col2, .col4 { display: block; float: left; }

.col2 {
    width: 470px;
    margin: 0 15px 0 0;
    _margin: 0 5px 0 0;
}

.col4 {
    width: 230px;
    margin: 0 15px 0 0;
    _margin: 0 5px 0 0;
}


*/

.pnl h1 {
    background: transparent url(/images/telephonie/general/pnl_top_small.jpg) no-repeat 0 0;

    border: 0;    
    text-align: center;
}

.pnl h1 span, 
.pnl h1 a, 
.pnl h1 a:link,
.pnl h1 a:active,
.pnl h1 a:visited {
    display: block;
/*    margin: 0 0 0 20px;*/
    padding: 10px 20px 0 20px;
    text-align: center;
    line-height: 24px;
    font-size: 20px;
    font-weight : normal;
    text-decoration: none;
    height : 65px;
    color: rgba(256,256,256,0.9);
    background: transparent url(/images/telephonie/general/pnl_top_small.jpg) no-repeat 100% 0;
    text-shadow: #000 0 1px 1px;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;

}

.pnl h1 span.sblue {
    font-size: 16px;
    line-height: 20px;
    color: #fff;
}

.pnl h1 a:hover {
    color: #fff;
    text-shadow: #000 0 1px 10px;
}

.pnl h1.y2 a {
    height: 64px;  
    line-height: 54px;
}


.pnl .colContent {
    background: white  url(/images/main/pnl_sep.jpg) repeat-x 50% 0;
    
    border-left: 2px solid #444;
    border-right: 2px solid #444;
}

.pnl .colContent .full {
    margin : 0;
 }

.pnl hr {
    display : block;
    border-left: 2px solid #aaa;
    border-right: 2px solid #aaa;
}

.pnl table.full {
    margin : 0;
}    


.pnl .scolBottom,
.pnl .colBottom {
    float: right;
    height : 39px;
    width : 100%;

    background: transparent url(/images/main/pnl_bottom.jpg) no-repeat 0 0;
    border: 0;

}


.pnl .scolBottom p,
.pnl .colBottom p {
    margin : 0 0 0 20px;
    padding : 10px 20px 0 7px;
    height : 39px;

    background: transparent url(/images/main/pnl_bottom.jpg) no-repeat 100% 0;
}

.pnl .colBottom div.pull {
    float: left;
    width: 100%;
    margin-top: -8px;
}

.pnl .scolBottom {
    height: 20px;
    background: transparent url(/images/main/sColBottom.jpg) no-repeat 0 0;
}
.pnl .scolBottom p {
    height: 20px;
    padding : 0px 20px 0 5px;
    background: transparent url(/images/main/sColBottom.jpg) no-repeat 100% 0;
}


.pnl .dyingCols {
    border: 0;
    background: transparent url(/images/main/dyingCols.jpg) no-repeat left bottom; 
}

.pnl .dyingCols .dyingCols {
    border: 0;    
    background: transparent url(/images/main/dyingCols.jpg) no-repeat right bottom; 
}

.pnl .dyingCols .dShadow {
    display: block;
    margin: 0 2px;
    background: transparent url(/images/main/pnl_sep.jpg) repeat-x 50% 0;
}

/* 
    price display
    

    BGP equivalent :
    div price container and inside : 
        eur : the euros
        cts : the cents, plus the dot
        cur : currency (wsill float left or right =)
        tad : tax and durations
        <br/>
        ttc : the ttc

    display_price equivalent :

    sprice classe container 
        tad : tax and duration
        ttc : the ttc 

*/



.price,
.price span {
    vertical-align: bottom;
    text-align: center;
    font-weight: bold;
    font-family: 'Eau','Arial Black','Verdana', sans-serif;
}


.price .eur {
    font-size: 32px;
    color: #d40000;
    line-height: 32px;
}

.price .cts {
    font-size: 26px;
    color: #d40000;
    line-height: 26px;
}

.price .cur {
    font-size: 16px;
    color: #d40000;
    line-height: 16px;
    vertical-align: top;
    margin-left: 5px;
}

.price .cur.nm {
    margin: 0 5px 0 0 ;
}   

.price .tad {
    font-size: 12px;
    text-align: right;
    line-height: 12px;
    vertical-align: bottom;
    margin-left: -10px;
    color: #666;
}

.price .tad.nm {
    margin: 0;
}

.sprice .tad,
.sprice .ttc,
.price .ttc,
.sprice .ttc span,
.price .ttc span {

    font-size: 10px;
    text-align: right;
    line-height: 12px;
    _line-height: 22px;
    *line-height: 22px;
    vertical-align: bottom;
    color: #666;
}

.price .ttc, 
.sprice .ttc {
    display: block;
    text-align: inherit;
}

.price .blue { color: #0068b1; } /* Sometimes the price class displays phone numbers*/

.sprice, 
.sprice span {
    font-weight: bold;
    font-family: 'Eau','Arial Black','Verdana', sans-serif;
    color: #d40000;
    line-height: 16px;
}

.sprice .grey,
.price .grey { color: #666; }

.white .price *,
.white .price * span,
.white .sprice *,
.white .sprice * span,
.price .white,
.sprice .white { color: white; }


/*
 *
 * Styles à ajouter 
 *
*/

/* 
 *
 * Over tooltip used for eligibility test and order pads in adsl pages
 *
 */

    .over_tooltip {
        /*display: block;
        position: absolute;
        top: 0;
        left: 110%;
        width: 600px;*/
        background: transparent;
        padding: 5px 10px 10px 10px; 
        /*border: 11px solid #e2e2e2;*/
    }


/*

    Sliders pour telephonie, sip trunk

*/

#slider {
    height : 34px;
    padding: 0;
    cursor: pointer;
    background: url('/images/main/slider_rail.jpg') no-repeat 50% 8px ;
}

#slider #knob {
    width : 53px;
    height : 34px;
    background: url('/images/main/knob.gif') no-repeat 0px 0;

    text-align: center;
    color: white;
    padding: 6px 0 0 0;
    margin: -4px 0 0 0;
    
    font-weight: bold;

}


/*

    Features menu : menus pour les options type téléphonie, 
    adsl....

*/


.featuresMenu {
    
}

.featuresMenu h3 {
    padding: 5px;
    border: 0;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
    text-indent: 32px;
}

.featuresMenu h3:hover,
.featuresMenu h3.selected {
}

.featuresSubMenu a, 
.featuresSubMenu a:link,
.featuresSubMenu a:visited,
.featuresSubMenu a:active,
.featuresSubMenu a:hover {
    padding: 5px;
    color: #3c3c3c;
    text-decoration: none;
}

.featuresSubMenu a:hover, 
.featuresSubMenu a.selected, 
.featuresSubMenu a.selected:link, 
.featuresSubMenu a.selected:active,
.featuresSubMenu a.selected:visited, 
.featuresSubMenu a.selected:hover {
    color: white;
    background: #0068b1;
}
/* 
    Main menu Box, the 2 main zones
    for main menus
*/

.mainBox {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.toolBox {
    width: 970px;
    height: 33px;
    text-align: center;

}
.mainBox ul li {
    float: left;
    list-style: none;
    list-style-image: none;
    background: transparent;
}
.toolBox ul li a, 
.toolBox ul li a:link, 
.toolBox ul li a:hover, 
.toolBox ul li a:visited, 
.toolBox ul li a:active {
    display: block;
    float: left;
    line-height: 33px;  
    height: 33px;
    color: #666;
    text-decoration: none;

    margin: 0 0 0 30px;

    background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
}
.toolBox ul li a:hover span {
    color: black;
} 
.toolBox ul li a:hover {
    background-position: 0 100%;
    color: black;
}
.toolBox ul li a span {
    margin: 0 0 0 32px;
    font-size: 12px;
    color: #666;
}
.toolBox ul li a.manager { background-image: url(/images/main/manager.jpg); } 
.toolBox ul li a.webmail { background-image: url(/images/main/webmail.jpg); } 
.toolBox ul li a.support { background-image: url(/images/main/support.jpg); } 
.toolBox ul { margin: 0 20px 0 0; }


.menuBox {
    width: 100%;
    height: 50px;

    background: transparent url(/images/main/menuBox.jpg) repeat-x 0 0 ;
}
.menuBox a {
    height: 50px;
}
.menuBox a.logo img {
    margin: 0 0 0 55px;
}
.menuBox ul {
    margin: 0 0 0 35px;
}
.menuBox ul li {
    margin: 0 0 0 2px;
    display: inline;
}
.menuBox ul li a span,
.menuBox ul li a:link,
.menuBox ul li a:hover,
.menuBox ul li a:visited,
.menuBox ul li a:active {
    display: block;
    float: left;
    height: 50px;
    line-height: 50px;
   
    font-size: 18px;
    font-weight: bold;

    text-decoration: none;
    color: #b8b8b8;
}
.menuBox ul li a { padding: 0 0 0 15px; }
.menuBox ul li a span { padding: 0 20px 0 0; }

.menuBox ul li a.selected span,
.menuBox ul li a.selected,
.menuBox ul li a:hover, 
.menuBox ul li a:hover span {
    color: white;
}

.menuBox ul li a.selected span,
.menuBox ul li a.selected {
    background: #333;
}

/*
 *
 *  PRESSTOP NAVIGATION
 *
 */

div.press_top {
    height : 84px;
    background : transparent url(../../images/bars/press/dk_big_top2.jpg) no-repeat 0 0;
    margin : -10px -4px 0 -4px;
    padding : 5px 0 0 5px;
}

div.press_top br {
    display : block;
}

div.press_top h1 {
    color : white;
}

div.press_top h2 {
    font-size : 16px;
    font-weight : bold;
    color : #b9b9b9;
}

div.press_top h2 a,
div.press_top h2 a:visited,
div.press_top h2 a:link,
div.press_top h2 a:hover,
div.press_top h2 a:active {
    font-size : 16px;
    text-decoration : none;
    color : #b9b9b9;
}

div.press_top h2 a:hover {
    color: #FFF;
}




/*
 
 Index panel

*/

.panel
{
    width : 989px;
    background: transparent url('../../themes/10/main/body-top.jpg') no-repeat 0 0;
    margin : 0 auto;
    padding : 10px 0 0 0;
    _margin : 0 0 0 11px;
    *margin : 0 auto;
}


.panel ul {
    width : 967px;
    height : 117px;
    background: transparent url('../../images/bars/telecom/bg_bar.jpg') no-repeat 0 0;
    /*margin-left: 10px;*/
    display : block;
    margin-left: 11px;
}

#menuVoip {
    background: url('../../themes/10/main/body-mid.jpg') repeat-y scroll 0 0 transparent;
    width : 989px;
    /*height : 95px;*/
    display : block;
}

.dk_bar {
    width: 966px;
    margin : 0 0 0 11px;
    height: 117px;
    background: #505050;
}

.dk_bar .sep,
.dk_bar a,
.dk_bar a:visited,
.dk_bar a:active {
    display: block;
    height: 47px;
    width: 138px;
    padding-top: 70px;
    text-align: center;
    color: #ccc;
    text-decoration: none;
    font-size: 10px;
    float: left;
    background: url('../../images/telecom/index/bar.jpg') no-repeat 0 0;
    background-position: 0 0;
    font-family: "Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif;
    font-weight : bold;
}

.dk_bar a:hover { color: white; }

.dk_bar a.link1:hover { background-position: 0px -117px; }
.dk_bar a.link2, .dk_bar a.link2:active, .dk_bar a.link2:visited { background-position: -138px 0; }
.dk_bar a.link2:hover { background-position: -138px -117px; }
.dk_bar a.link3, .dk_bar a.link3:visited, .dk_bar a.link3:active { background-position: -276px 0; }
.dk_bar a.link3:hover { background-position: -276px -117px; }
.dk_bar a.link4, .dk_bar a.link4:visited, .dk_bar a.link4:active { background-position: -414px 0; }
.dk_bar a.link4:hover { background-position: -414px -117px; }
.dk_bar a.link5, .dk_bar a.link5:visited, .dk_bar a.link5:active { background-position: -552px 0; }
.dk_bar a.link5:hover { background-position: -552px -117px; }
.dk_bar a.link6, .dk_bar a.link6:visited, .dk_bar a.link6:active { background-position: -690px 0; }
.dk_bar a.link6:hover { background-position: -690px -117px; }
.dk_bar a.link7, .dk_bar a.link7:visited, .dk_bar a.link7:active { background-position: -828px 0; }
.dk_bar a.link7:hover { background-position: -828px -117px; }


.panel ul li:nth-child(1) {
    margin: 0 0 0 10px;
}

.panel ul li a.none,
.panel ul li a.none:visited,
.panel ul li a.none:link,
.panel ul li a.none:hover,
.panel ul li a.none:active
{
    color : #ccc;
    font-size : 14px;
    display : block;
    text-align : center;
    margin : 0 0 0 10px;
    width: 190px;
    height: 110px;
}

.panel ul li a.none:hover {
    color : white;
}

.panel ul li a.none img {
    margin-bottom : -10px;
    *margin-bottom : 0; /* ie7 */
}

#box { width: 4900px; }
#small_box { width: 500px; }

.smallPanelSlider,
.panelSlider {
    width: 959px;
    height: 280px;
    overflow: hidden;
    position: relative;
    padding : 0;
    margin : 3px 0 0 15px;
}



.smallPanelSlider {
    width: 192px;
    height: 100px;
}

.slider_items {
    display: block;
    position: relative;
    text-align: center;
}

.sliderEl {
    display: block; 
    width: 970px;
    /*height: 275px;*/
    float: left;
    position: relative;
}
#small_box .sliderEl { width: 192px;}

.sliderEl .tooltip {
    margin: 35px 0 0 349px;  
    height: 233px;
    width: 569px;
    position: absolute;
    z-index: 0;
    
    background: transparent url(/images/main/tooltip.jpg) no-repeat 0 0 ; 
}

.sliderEl .tooltip table { 
    position: relative;
    margin: 15px;
}

.sliderEl .sliderContainerMenu {
    height: 280px;
    position: absolute;
    z-index: 2;
    left: 0;
}
 
.sliderEl .sliderContainerMenu a, 
.sliderEl .sliderContainerMenu a:visited,
.sliderEl .sliderContainerMenu a:active, 
.sliderEl .sliderContainerMenu a:hover {
    padding: 5px 30px 5px 5px;
    margin: 3px 0;
    color: #262626;
    text-decoration: none;
    font-weight: 500;
}
.sliderEl .sliderContainerMenu a:hover {
    color: #0068b1;
    text-decoration: none;
    font-weight: 500;
}
.sliderEl .sliderContainerMenu a.selected,
.sliderEl .sliderContainerMenu a.selected:link,
.sliderEl .sliderContainerMenu a.selected:visited,
.sliderEl .sliderContainerMenu a.selected:active,
.sliderEl .sliderContainerMenu a.selected:hover {
    padding: 5px 30px 5px 5px;
    margin: 3px 0;
    background: #0068b1 url(/images/main/tooltip_menu_select.jpg) no-repeat 100% 50%;
    text-decoration: none;
    font-weight: bold;
    color: white;
}


ul.panelMenu {
    padding: 0;
    margin: 0; 
    width: 100%;
    display: block;
    height: 55px;
}

ul.panelMenu li {
    padding: 0; 
    margin: 0; 
    list-style: none;
    display: block;
    float: left; 
    width: 192px;

    background: transparent url(/images/main/icons/panelMenuPlus.gif) no-repeat 100% 50%;
}
ul.panelMenu li.last {
    background: transparent;
}

ul.panelMenu li a .icon {
    vertical-align: middle;
    float: left;
    margin:0 6px 0 35px;
    _margin:0 6px 0 15px;
}       

ul.panelMenu li a.moreMarge .icon {      
    margin:0 6px 0 35px;
}

ul.panelMenu li a ,
ul.panelMenu li a:link ,
ul.panelMenu li a:visited ,
ul.panelMenu li a:active ,
ul.panelMenu li a:hover  {
    display: block;    
    padding-top: 10px;
 
    font-weight: 500;
    color: #3c3c3c;
    text-decoration: none;
    background-color: transparent;
}

ul.panelMenu li a span {
    font-weight: 500;
    color: #3c3c3c;
    text-decoration: none;
}


ul.panelMenu li a.selected  {
    background: transparent url(/images/main/icons/top_hr.gif) no-repeat 50% 0;
}
ul.detailed_view li a.selected  {
    background: transparent url(/images/main/icons/bottom_hr.gif) no-repeat 50% 0;
}


.panelMenu li a:hover span,
.panelMenu li a.selected span {
    font-weight: bold;
    color: #262626;
    background: transparent;
}

/*.panelMenu li a.modem { background: red url(/images/main/icons/modem.gif) no-repeat 0 0; }*/

.subscribe {
    height: 172px;
    width: 383px;
    text-align: left;

    background: transparent url(/images/main/subscribe.jpg) no-repeat 0 0;
}


.subscribe input {
    float: left;
    display: block;
    border: 0;
    margin-left: 10px;
    background: transparent url(/images/main/subscribeInput.gif) no-repeat 0 0 ;

    width: 163px;
    height: 35px;
    line-height: 35px;

    font-size: 18px;
    font-weight: bold;
    color: #0068b1;

    text-indent: 8px;

}

.subscribe input.textarea {
    width : 342px;
    height : 105px;
    border : 1px solid red;
}

.subscribe a.inputButton {
    float: left;
    display: block;
    background: transparent url(/images/main/subscribeInput.gif) no-repeat 100% 0 ;
   
    width: 37px;
    height: 35px;
    line-height: 35px;

    font-size: 18px;
    font-weight: bold;
    color: #666;
    text-decoration: none;

    margin:  0;
}

.subscribe a.inputButton:hover {
    color: #0068b1;
}


/*
 
 Inherited style from index
 but slightly different

*/





/* 
 

 GWT themes from ovh.com
 

*/


.gwt_form {
    background: #3c3c3c;
}

.gwt_input,
.gwt_input_normal {
    height: 32px;
    background-color: transparent; 
    background-image: url('/images/gwt/gwt_input.gif');
    background-repeat: no-repeat;
    background-position: top left ;
    padding: 0; 
    margin: 0;
}
.gwt_input_normal input,
.gwt_input input {
    height: 32px;
    line-height: 32px;
    width: 100%;
    *width: 90%;
    *display: block;
    *float: right;

    padding:0 0 0 0;
    margin: 0;

    text-indent: 20px;
    
    font-size: 18px; 
    color: #0068b1;    

    border: 0;

    background-color: transparent; 
    background-image: url('/images/gwt/gwt_input.gif');
    background-repeat: no-repeat;
    background-position : 100% -32px ;
}
.gwt_input_normal input {
    font-size: 14px;
    color: #3c3c3c;
}

.blue_pad .gwt_input,
.blue_pad .gwt_input_normal,
.blue_pad .gwt_input_normal input,
.blue_pad .gwt_input input {
    background-image: url('/images/gwt/gwt_input_blue.gif');
}


.gwt_button a, 
.gwt_button a:link, 
.gwt_button a:visited, 
.gwt_button a:active,
.gwt_button a:hover, 
a.gwt_button, 
a.gwt_button:link, 
a.gwt_button:visited, 
a.gwt_button:active,
a.gwt_button:hover {
    line-height: 32px;
    font-size: 18px;   

 
    border: 0px none transparent;

    background-color: transparent;
    background-image: url('/images/gwt/gwt_button.gif');
    background-repeat: no-repeat;
    background-position : 0 0 ; 

    padding: 5px 0 6px 15px; 
    padding: 6px 0 8px 15px \0/; /* ie9 */ 
    _padding: 0 0 0 15px; /* ie7 + ie6*/
    *padding: 0 0 0 15px; /* ie6 */
    
    margin: 0px 0px 0px 0px;
    cursor: pointer;
    text-decoration: none;
}
.gwt_button a span, 
.gwt_button a:link span, 
.gwt_button a:visited span, 
.gwt_button a:active span,
.gwt_button a:hover span, 
a.gwt_button span, 
a.gwt_button:link span, 
a.gwt_button:visited span, 
a.gwt_button:active span,
a.gwt_button:hover span {

    line-height: 32px;

    border: 0;

    background-color: transparent;
    background-image: url('/images/gwt/gwt_button.gif');
    background-repeat: no-repeat;
    background-position : 100% 0 ; 
    
    font-size: 18px; 
    color: #0B4499;
    text-align: left;
 
    margin: 0 0 0 0;
    padding: 5px 15px 5px 0;
    padding: 6px 15px 8px 0 \0/; 
    _padding: 6px 15px 8px 0;
    *padding: 6px 15px 8px 0;
    cursor: pointer;
    
    
    text-decoration: none;
}
.gwt_button a:hover, a.gwt_button:hover {  background-position : 0 -38px ; }
.gwt_button a:hover span, a.gwt_button:hover span { color: #0068b1;  background-position : 100% -38px ; }


.blue_pad * .gwt_button a,
.blue_pad * .gwt_button a:link,
.blue_pad * .gwt_button a:visited,
.blue_pad * .gwt_button a:active,
.blue_pad * .gwt_button a:hover,
.blue_pad * .gwt_button a span,
.blue_pad * .gwt_button a:link span,
.blue_pad * .gwt_button a:visited span,
.blue_pad * .gwt_button a:active span,
.blue_pad * .gwt_button a:hover span 
.blue_pad * a.gwt_button,
.blue_pad * a.gwt_button:link,
.blue_pad * a.gwt_button:visited,
.blue_pad * a.gwt_button:active,
.blue_pad * a.gwt_button:hover,
.blue_pad * a.gwt_button span,
.blue_pad * a.gwt_button:link span,
.blue_pad * a.gwt_button:visited span,
.blue_pad * a.gwt_button:active span,
.blue_pad * a.gwt_button:hover span
{
    background-image:  url('/images/gwt/gwt_button_blue.gif');
}




.gwt_feedback_widget {
    width: 278px;
    height: 100px; 

    border: 1px solid #808080;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    font-size: 14px; 

    background : transparent url('/images/gwt/gwt_input_bg.gif') no-repeat 0 0 ;
}

.gwt_feedback_success,
.gwt_feedback_error {
    width: 100%;
    font-size: 16px;
    line-height: 22px;
    color: #228822;
    text-align: left;
}
.gwt_feedback_error { color: #ff6d00; } 


ul.gwt_tabs {
    margin: 0; 
    padding: 0; 
    height: 32px;
    width: 100%;
    background:  transparent /*url('/images/gwt/gwt_tabs.gif') repeat-x 100% 100%*/ ;
}

ul.gwt_tabs li {
    margin: 0 ; 
    padding: 0; 
    list-style: none;
    display: inline;
}

ul.gwt_tabs li a,
ul.gwt_tabs li a:link,
ul.gwt_tabs li a:visited,
ul.gwt_tabs li a:active,
ul.gwt_tabs li a:hover {
    float: left;
    padding: 0 0 0 15px;
    display: block;
    color: #666;
    background:  transparent url('/images/gwt/gwt_tabs.gif') no-repeat 0% 50% ;

    text-decoration: none;
}


ul.gwt_tabs li a span,
ul.gwt_tabs li a:link span,
ul.gwt_tabs li a:visited span,
ul.gwt_tabs li a:active span,
ul.gwt_tabs li a:hover span {
    padding: 0 15px 0 0;
    display: block;
    float: left;
    color: #666;
    background:  transparent url('/images/gwt/gwt_tabs.gif') no-repeat 100% 50% ;
    text-decoration: none;
    font-size: 14px;
   
    line-height: 32px;
}

ul.gwt_tabs li a:hover span { color: #0068B1; }

ul.gwt_tabs li .selected a,
ul.gwt_tabs li .selected a:link,
ul.gwt_tabs li .selected a:visited,
ul.gwt_tabs li .selected a:active,
ul.gwt_tabs li .selected a:hover {  color: #0068b1; background:  transparent url('/images/gwt/gwt_tabs.gif') no-repeat 0% 0% ; }

ul.gwt_tabs li .selected a span,
ul.gwt_tabs li .selected a:link span,
ul.gwt_tabs li .selected a:visited span,
ul.gwt_tabs li .selected a:active span,
ul.gwt_tabs li .selected a:hover span {  color: #0068b1; background:  transparent url('/images/gwt/gwt_tabs.gif') no-repeat 100% 0% ; }


ul.auto { width: auto !important; }

ul.gwt_tabs li.blue a,
ul.gwt_tabs li.blue a:link,
ul.gwt_tabs li.blue a:visited,
ul.gwt_tabs li.blue a:active,
ul.gwt_tabs li.blue a:hover {
    float : left;
    padding : 0 0 0 15px;
    display : block;
    color : white;
    line-height : 31px;
    background : transparent url('/images/gwt/gwt_tabs_blue.gif') no-repeat 0% 0%;
}

ul.gwt_tabs li.blue a span,
ul.gwt_tabs li.blue a:link span,
ul.gwt_tabs li.blue a:visited span,
ul.gwt_tabs li.blue a:active span,
ul.gwt_tabs li.blue a:hover span {
    padding : 0 15px 0 0;
    display : block;
    float : left;
    background : transparent url('/images/gwt/gwt_tabs_blue.gif') no-repeat 100% 0%;
    color : white;
    font-weight : bold;
}

ul.gwt_tabs li.blue a:hover {
    background : transparent url('/images/gwt/gwt_tabs_blue.gif') no-repeat 0% 100%;
}

ul.gwt_tabs li.blue a:hover span {
    background : transparent url('/images/gwt/gwt_tabs_blue.gif') no-repeat 100% 100%;
}

.gwt_table_inside table {
    width: 100%;
    overflow: auto;
    border-collapse: collapse;
    border: 0px none transparent;
}


.gwt_table_inside table tr td,
.gwt_table_inside table tr th {
    padding: 5; 
    margin: 0;
    border: 1px solid #aaa;
}


.gwt_select {
     font-size: 14px; 
     border: 1px solid #aaa; 
     border-radius: 3px; 
     background: transparent url('/images/gwt/gwt_input.gif') no-repeat -1px -1px; 
     padding: 5px; 
     height: 32px;
}


/*


    New cols strucutre


*/


.x1, .x2, .x3, .x4, .x5, .x6, .x7, .x33, .x25, .x190, .x15, .x55 {
    display: block;
    float: left;
}

.x1 { width: 115px; margin: 0 7px 0 0; }
.x15 { width: 172px; margin: 0 14px 0 0; }
.x2 { width: 230px; margin: 0 12px 0 0; }
.x25 { width: 291px; margin: 0 14px 0 0; } /* 2.5 actually... cf emails */
.x3 { width: 352px; margin: 0 4px 0 0; }
.x4 { width: 474px; margin: 0 4px 0 0; }
.x5 { width: 596px; margin: 0 4px 0 0; }
.x55 { width: 664px; margin: 0 14px 0 0; } /* 5.5 actually, cf sms and fax*/
.x6 { width: 700px; margin: 0 14px 0 0; }
.x7 { width: 840px; margin: 0 14px 0 0; }

.x33 { width: 31%; margin: 0 2.5% 0 0; }
.x190 { width: 190px; margin: 0 14px 0 0; }


/* Ugly IE6 fixes*/
.x1 { _margin: 0 3px 0 0; }
.x2, .x3, .x4, .x5, .x6, .x7, .x33, .x25, .x190, .x15, .x55 { _margin: 0 3px 0 0; }
/* ugly IE6 fixes end */

.x1 .full, .x2 .full, .x3 .full, .x4 .full, .x5 .full, .x6 .full, .x7 .full  {
    background : none;
    width : 100%;
}


#footer {
    padding : 10px 0;
    text-align : center;
}

#footer div.wrapper {
    background : none;
    margin : 0;
    padding: 10px 0 0 20px;
}

input#individualLess,
input#corporateStandardLess,
input#corporateBasicLess,
input#corporateEnterpriseLess,
.dynLess {
    background : transparent url('/images/bars/general/moins.png') no-repeat 50% 0;
    height : 20px;
    width : 20px;
    border : 0;
    margin-right : 5px;
}
.dynLess {
    margin: 0;
}

.whiteConf input#individualLess,
.whiteConf input#corporateStandardLess,
.whiteConf input#corporateBasicLess,
.whiteConf input#corporateEnterpriseLess {
    background : transparent url('/images/bars/general/moinsWhite.png') no-repeat 0 0;
}


input#individualMore,
input#corporateStandardMore,
input#corporateBasicMore,
input#corporateEnterpriseMore,
.dynMore {
    background : transparent url('/images/bars/general/plus.png') no-repeat 50% 0;
    height : 20px;
    width : 20px;
    border : 0;
}

.whiteConf input#individualMore,
.whiteConf input#corporateStandardMore,
.whiteConf input#corporateBasicMore,
.whiteConf input#corporateEnterpriseMore {
    background : transparent url('/images/bars/general/plusWhite.png') no-repeat 0 0;
}

/* 

    Main classes, 
    OVH Framework
    Global contradictions 
    At the end so they always are right

*/

ul.sub_menu {
    display : block;
    margin : 0 30px 0 0 ;
}

ul.sub_menu li {
    padding: 0; 
    margin : 0;
    list-style: none;
    display: block;
    float : left;
    height : 23px;
}

ul.sub_menu li a,
ul.sub_menu li a:link,
ul.sub_menu li a:visited,
ul.sub_menu li a:active,
ul.sub_menu li a:hover {
    height : 28px;
    color: #444;
    font-family: "Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif;
    font-size : 13px;
    font-weight : bold;
    line-height : 23px;
    text-align : center;
    float: left;
    padding: 0 0 0 15px;
    display: block;

    text-decoration: none;
    background: transparent url(../../images/bars/press/press_nav_bar2.gif) no-repeat 0 0;
    -webkit-border-radius: 3px 3px;
    -moz-border-radius: 3px 3px;
    border-radius : 3px 3px;
}

ul.sub_menu li a span,
ul.sub_menu li a:link span,
ul.sub_menu li a:visited span,
ul.sub_menu li a:active span,
ul.sub_menu li a:hover span {
    padding: 3px 15px 0 0;
    display: block;
    float: left;
    color: #444;
    text-decoration: none;
   
    line-height: 25px;
    background: transparent url(../../images/bars/press/press_nav_bar2.gif) no-repeat 100% 0;
    -webkit-border-radius: 3px 3px;
    -moz-border-radius: 3px 3px;
    border-radius: 3px 3px;
}

ul.sub_menu li a:hover span { color: #0068B1; }

ul.sub_menu li.selected a,
ul.sub_menu li.selected a:link,
ul.sub_menu li.selected a:visited,
ul.sub_menu li.selected a:active,
ul.sub_menu li.selected a:hover {  color: #0068b1; background:  transparent url('/images/bars/press/press_nav_bar2.gif') no-repeat 0% 100% ; }

ul.sub_menu li.selected a span,
ul.sub_menu li.selected a:link span,
ul.sub_menu li.selected a:visited span,
ul.sub_menu li.selected a:active span,
ul.sub_menu li.selected a:hover span {  color: #0068b1; background:  transparent url('/images/bars/press/press_nav_bar2.gif') no-repeat 100% 100% ; }



.button,
button span,
.button span,
button,
a.button,
a.button:link,
a.button:visited,
a.button:active,
.button:hover {
    line-height: 15px;
    color: #efefef;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
    
    padding: 7px 0 7px 22px;
    _padding: 0 0 0 22px; 
    *padding: 0 0 0 22px;
    background: transparent url(/images/main/bButton.jpg) no-repeat 0 0;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    /*margin : -12px;*/
}

.button span,
button span,
a.button span,
a.button:link span,
a.button:visited span,
a.button:active span,
.button:hover span {
    padding: 7px 22px 7px 0;
    background: transparent url(/images/main/bButton.jpg) no-repeat 100% 0 ;


    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

}

.button.selected,
a.button.selected,
button:hover,
.button:hover, 
a.button:hover {
    background: transparent url(/images/main/bButton.jpg) no-repeat 0 100%;
}
.button.selected span,
a.button.selected span,
button:hover span,
.button:hover span,  
a.button:hover span { 
    background: transparent url(/images/main/bButton.jpg) no-repeat 100% 100%;
    color: white;
}

.button span img { vertical-align: middle; }  

a.button.full {
    display: block;
    margin: 0; 
    text-align: center;
    height: 32px;
    width: 100%;
    padding: 0; 
    margin: 0;
    _width: 90%;
    _height: 18px;
    _padding-left: -5%;
}
a.button.full span {
    display: block;
    height: 32px;
    margin: 0 0 0 5%;
    padding: 0 5% 0 0;
    text-align: inherit;
    line-height: 32px;
    width: 90%;
    _height: 18px;
    _line-height: 18px;
    _padding-left: -5%;
    _width: 85%;
}




.button_slider {
    width: 150px;
    height: 28px;
    background: transparent url('/images/eligibility/2pos_button.gif') no-repeat 50% 0%;
    cursor: pointer;
}

.triple_button_slider {
    width: 225px;
    height: 28px;
    background: transparent url('/images/eligibility/3pos_button.gif') no-repeat 50% 0%;
    cursor: pointer;
}


.button_slider_content,
.button_slider_content:link,
.button_slider_content:visited,
.button_slider_content:active,
.button_slider_content:hover {
    color: #3b3b3b;
    line-height: 28px;
    font-weight: bold;
    width: 75px;
    text-align: center;
}

.button_slider .selected ,
.triple_button_slider .selected ,
.button_slider .selected:active ,
.triple_button_slider .selected:active ,
.button_slider .selected:hover ,
.triple_button_slider .selected:hover ,
.button_slider .selected:visited ,
.triple_button_slider .selected:visited {
    color: white;
}





div.blue_pad {
    width: 100%;
    display: block;
    padding: 0 ;
    background: transparent url(/images/main/blue_pad.jpg) no-repeat 0 0 ;
}

div.blue_pad h1{
    display: block;
    padding: 0 5% 0 0;
    margin: 0 0 0 5%;
    background: transparent url(/images/main/blue_pad.jpg) no-repeat 100% 0 ;
    text-decoration: none;
    height: 42px;
    line-height: 42px;
    width: 90%;
}

div.blue_pad h1 span, 
div.blue_pad h1 a, 
div.blue_pad h1 a:link,
div.blue_pad h1 a:active,
div.blue_pad h1 a:visited {
    font-size: 22px;
    line-height: 50px;
    text-decoration: none;
    color: #fff;
}
div.blue_pad h1 span.fs18  { font-size: 18px; } 

div.blue_pad div.content {
    background: transparent url(/images/main/blue_pad.jpg) no-repeat 0 100% ;
    padding: 0 0 0 5px ;
}
div.blue_pad div.content div.content {
    background: transparent url(/images/main/blue_pad.jpg) no-repeat 100% 100% ;
    padding: 0 5px 0 0 ;
}


div.grey_pad {
    width: 100%;
    display: block;
    padding: 0 ;
}

div.grey_pad h1{
    display: block;
    padding: 0 5% 0 0;
    margin: 0 0 0 5%;
    text-decoration: none;
    height: 42px;
    line-height: 42px;
    width: 90%;
}
div.grey_pad div.top {
    display: block;
    padding: 0 5% 0 0;
    margin: 0 0 0 5%;
    text-decoration: none;
    height: 5px;
    line-height: 5px;
    width: 90%;
}

div.grey_pad h1 a, 
div.grey_pad h1 a:link,
div.grey_pad h1 a:active,
div.grey_pad h1 a:visited {
    font-size: 22px;
    line-height: 50px;
    text-decoration: none;
    color: #fff;
}

div.grey_pad div.content {
    padding: 0 0 0 5px ;
}
div.grey_pad div.content div.content {
    padding: 0 5px 0 0 ;
}
div.grey_pad div.content div.content h1{
    padding: 0;
    margin: 0;
    background: transparent ;
    text-decoration: none;
    height: 42px;
    line-height: 42px;
    width: 90%;
}


/**********************/ 
/*    Cadre astuce    */ 
/**********************/ 
.tips 
{ 
    background: url('/images/main/amp.jpg') no-repeat 0 0; 
    padding : 10px 10px 15px 60px; 
    margin: 0 0 20px 0;
    border: solid #E2E2E2 1px; 
    background-color:#F2F2F2; 
 
}

.attention
{
    background: url('../images/index/attention2.jpg') no-repeat 0 0;
    padding: 7px 0 15px 70px;
    border: solid #E2E2E2 1px;
    background-color: #F2F2F2;
}

.block { display: block; }
.inline { display: inline; }

.Fleft { float: left; }
.Fright { float: right; }

del { 
    clear: both; 
    display: block;
    height: 1px;
    margin-top: -1px;
    font-size: 0px; 
    line-height: 0;
    background: transparent;
    color: transparent;
    border: 0;
    visibility: hidden;
}

.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.top { vertical-align: top; } 
.bottom { vertical-align: bottom; } 
.middle, 
.middle img { vertical-align: middle; } 

.relative { position: relative; }
.absolute { position: absolute; }

/* ugly old non css framework styles */
.half33 { width: 33%; } 
.half40 { width: 40%; } 
.half66 { width: 66%; } 
.half { width: 50%; } 

.padded { padding: 5px; }
.marged { margin: 5px; }

.padded10 { padding: 10px; }
.marged10 { margin: 10px; }

a.white,
a.white:visited,
a.white:link,
a.white:hover,
a.white:active,
.white { 
    color: #fff;
}
a.grey,
a.grey:visited,
a.grey:link,
a.grey:hover,
a.grey:active,
.grey { 
    color: #666; 
}
.dgrey { color: #3c3c3c; }

a.black,
a.black:visited,
a.black:link,
a.black:hover,
a.black:active,
.black { color: #262626; } 
.orange { color: #ff8800; } 
.red { color: #d40000; }
.green { color: #228822; }
.purple { color : #7E45D3; }


.blue  { color: #0068b1; } 
.Dblue { color: #0b4499; }

.blueTitle {
    background: #0068b1;
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.greyTitle {
    background: #f9f9f9;
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.rounded {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.greyBG {
    background: #f8f8f8;
}

small, .small { font-size: 11px; }
div.small div.wrapper {
    padding : 0;
    margin : 0;
    background : none;
}


.fs38 { font-size: 38px; }
.fs32 { font-size: 32px; }
.fs22 { font-size: 22px; }
.fs18 { font-size: 18px; }
.fs16 { font-size: 16px; }
.fs12 { font-size: 12px; }

.lh40 { line-height: 40px; }
.lh32 { line-height: 32px; }
.lh22 { line-height: 22px; }
.lh14 { line-height: 14px; }
.lh11 { line-height: 11px; } 



.Bshadow { 
    text-shadow: #000000 1px 1px 1px;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=1);
}

.Wshadow { 
    text-shadow: #ffffff 1px 1px 0;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=135,strength=1);
}



.nm { margin: 0; }
.np { padding: 0; } 


.br_guides {
    height: 15px;
}