﻿

body {
    font-family: Verdana, Helvetica, Sans-Serif; 
    font-size: 11px;   color:#777777; 
    margin-top:4px; 
    margin-left:4px;
    margin-left:10px;
    background-color:white;  
    
   
   /* background-image: url(../../Images/MasterPage/masterPageBg.gif);*/
}

body table,ul,input,select {font-family: Verdana, Helvetica, Sans-Serif; font-size: 11px }
ul { list-style-type: square; margin-top:5px; margin-bottom:5px;  }
ol li ol li {list-style-type:lower-alpha}
ol li ol li ul li {list-style-type:circle}

address { font-style:normal;}

a {text-decoration: none; color:#623C47;}
    a:hover {color:#CC9F00;}
    a.pdf, a.video, a.doc, a.upgrade{background-position:right bottom; background-repeat:no-repeat; margin:10px 0 3px 0; display:block; text-align:right; padding-right:16px; line-height:13px;}
    a.pdf {background-image: url("../../Images/Icons/cta-pdf.gif");}
    a.video {background-image: url("../../Images/Icons/cta-play.gif");}
    a.doc {background-image: url("../../Images/Icons/TextDoc.gif");}
    a.upgrade {background-image: url("../../Images/Icons/upgrade-psm.jpg");}

a img {border:0;}

p {margin:0; padding:5px 0;}

.right {float:right; text-align:right;}
.align-right {text-align:right;}
.left {float:left; text-align:left;}
.clear {clear:both}
.hidden {display:none;}
.click:hover {cursor:pointer;}
.border-top {border-top:1px solid #ADADAD;}
.border {border:1px solid #ADADAD;}

H1 { font-size: 11px; display:inline; text-transform:uppercase; color:#CC9F00; }
H2 { font-size: 11px; display:inline;   }
H3 { font-size: 11px; display:inline; }
H4 { font-size: 11px; display:inline; }
H5 { font-size: 11px; display:inline; }


.masterSiteNav 
{
    height:20px;
    background-color:#ADADAD;
    background-image:url(../../Images/highlightsTab.gif);
    background-repeat:repeat-x;    
    border: solid 1px #ADADAD;
    padding:2px;
    margin-bottom:2px;
}



.masterContentMain { height:100%;  }
    .masterContentMain a img { vertical-align: bottom; border-width: 0px; }



#tblSiteNav 
{
    margin-bottom:4px;    
}
#footer a, #toolbar a { color: #888888; text-decoration: none; }
#footer a:hover, #toolbar a:hover { text-decoration: underline; }

/*.masterContentMain UL { margin-top:5px; }
.masterContentMain LI { padding-top:4px; padding-bottom:4px; }
*/
.FormTable { border: solid 1px #ADADAD; border-collapse: collapse; font-family:Verdana;  }
.FormTable th {
    background-image: url(../../Images/highlightsTabSelected.gif); background-repeat: repeat-x; 
    border: solid 1px #ADADAD;
    font-weight:bold; 
    height:18px;
}
.FormTable td { padding-left: 10px; padding-right:10px; padding-top:3px; padding-bottom:3px;   }
.FormTable input[type=text], .FormTable textarea, .FormTable select
{    border: solid 1px #ADADAD; color:#888888;
}
.FormControl
{    border: solid 1px #ADADAD; color:#888888;
}

.FormControlButton
{   
    color: #DEDEDD;
    font-weight:bold;   
     border: solid 1px #ADADAD; color:#888888;
    
    /*
      
    ForeColor="White" BackColor="Gray" Font-Bold="True" Font-Size="10px"
    background-color: #ADADAD;
    color:white;
    font-weight:bold;
    border:solid 1px #888888;
    border-top-width:0px;
    border-left-width:0px;
    height:20px;*/
}

.NoBorder INPUT, .NoBorder { border-width:0px;}
.FormControlFocus { background-color:#F1F1F1; }




/*#contentMain { padding: 20px; }
#contentSide { padding: 8px; }*/
.contentMain { padding:20px; height:100%; }
.contentSide { padding: 8px; padding-top:20px; }
.contentSideSection { padding:8px;}

/*#highlights, #highlights2 { padding:10px; }*/
.highlights { padding:8px; padding-top:4px; padding-bottom:0px;  font-size:10px; font-family: verdana}
.highlights UL, .highlights UL LI { font-size:10px; margin:0px; padding:0px;}
.highlights UL LI {padding-top:2px;padding-top:2px;}



.SearchHighlightText { font-weight:bold; color:Black; }




/*.masterContentMain .StdHeaderBar DIV, .header-bar-light DIV { padding-left:20px; }*/

.StdBorder, .std-border { border: solid 1px #ADADAD; }

.form-header-bar,
.section-header-bar, 
.header-bar-light, 
.section-header-bar-pps,
.section-header-bar-psm, 
.section-header-bar-psw,
.section-header-bar-p4m
{ 
    height:20px; 
    line-height:18px; 
    font-weight:bold; 
   
}
.form-header-bar DIV,
.section-header-bar DIV,
.header-bar-light DIV,
.section-header-bar-pps DIV,
.section-header-bar-psm DIV,
.section-header-bar-psw DIV,
.section-header-bar-p4m DIV
{ 
    padding-left:8px; 
}

.form-header-bar        { background: #EEEEEE url(../../Images/highlightsTabSelected.gif) repeat-x; border: solid 1px #ADADAD }    
.section-header-bar     { background: #EEEEEE url(../../Images/Layout/section-header-bar.gif) repeat-x; }
.header-bar-light       { background: #EEEEEE url(../../Images/Layout/section-header-bar-light.gif) repeat-x; border: solid 1px #ADADAD }
.section-header-bar-pps { background: #000000 url(../../Images/Layout/section-header-bar-pps.gif) repeat-x; color:White; }
.section-header-bar-psm { background: #21396B url(../../Images/Layout/section-header-bar-psm.gif) repeat-x; color:White; }
.section-header-bar-psw { background: #000000 url(../../Images/Layout/section-header-bar-psw.gif) repeat-x; color:White; }    
.section-header-bar-p4m { background: #000000 url(../../Images/Layout/section-header-bar-p4m.gif) repeat-x; color:White; }



.bordered-section-light
{
    padding:8px;
    border: solid 1px #ADADAD; 
    border-top:0px;    
}


.WizardStepStyle { padding:10px; }


hr.GrayLineDashed { 
height: 0; 
border-width: 1px 0 0 0; 
border-style: dashed;
border-color: #CCCCCC;
} 

hr.GrayLine { 
height: 0; 
border-width: 1px 0 0 0; 
border-style: solid;
border-color: #AAAAAA;
} 

.superscript { line-height:0px; vertical-align:text-top;}
.SubTitle { color: #CC9F00; text-transform: uppercase; }
.SubTitleEm { color:#CC9F00; text-transform: uppercase; font-weight:bold;}
.ColoredText { color: #CC9F00; }
.ColoredTextEm { color: #CC9F00; font-weight:bold; }

.BasicQA OL { }
.BasicQA LI { margin-top:10px; margin-bottom:10px; }

.CallToActionButton { font-size:10px; }
    .CallToActionButton a { color: Gray;}
    .CallToActionButton a:hover { color:#333333;}
    
    
.call-to-action-doc { font-size:10px; padding-bottom:3px; }
    .call-to-action-doc a { color: #623C47;}
    .call-to-action-doc a:hover {}

.call-to-action-brochure { font-size:10px; padding-bottom:6px;}
    .call-to-action-brochure a { color: White; font-weight:bold; }
    .call-to-action-brochure a:hover { color:Black; }

.ReportIssueWizardStepItemDefault {
    color: #888888;
    background-color: #E8E8E7;
    border: 1px solid #ADADAD;
    background-image: url(../../Images/highlightsTab.gif);
    padding-left:15px;      
    padding-right:15px;    
    padding-top:4px;
    padding-bottom:4px;
    font-weight:bold;
}

.ReportIssueWizardStepItemSelected {
    color: #888888;   
    border: 1px solid #ADADAD;
    background-image: url(../../Images/highlightsTabSelected.gif);
    padding-left:15px;      
    padding-right:15px;    
    padding-top:4px;
    padding-bottom:4px;
    font-weight:bold;
}

.CountryMenu-MenuStyle { text-align:right;}

.CountryMenu a {color: #888888; text-decoration: none; }
.CountryMenu a:hover {color: #888888;  text-decoration: underline;}

/* Fix for ObjectifLune.Web.VerticalScrollingPanel z-index problem */
#vscrollPressRelease { z-index:0;}
.alternating-white 
{
    background-color:White;    
}
.alternating-gray 
{
    background-color:#DCDCDC;  
}
.error 
{
    color:red; 
}

#container {width:952px; margin:auto;}

/* ========================================== HEADER ========================================== */
#header {text-align:right; display:block; height:65px; padding-top:10px; width:952px;}
    #header .right {}
    #header .CountryMenu {padding-bottom:5px;
}

/* ========================================== BANNER ========================================== */
#tblBanner {width: 952px; border-collapse: collapse; margin-top:3px;}

/* ========================================== SEARCH ========================================== */
#search
{  
    margin-right:3px;
}

    #search .LiveSearch 
    {
        /*background-image:url(../../Images/Layout/search_button.png);
        background-repeat:no-repeat;
        background-position:right;
        background-color:#FEFEFE;*/
        border: 1px solid #CCCCCC;
        height:16px;
        width:120px;
        margin:0px;padding:0px;
    }
    #search .LiveSearch:hover,#search .LiveSearch:focus, #search .LiveSearch:active 
    {
        background-color:white;
        border: 1px solid #333333;
    }
    /*#search .icon-replace {	
        -moz-outline: none;
        padding: 0;
        border-style: none;
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: center center;
    }
    #search .search {
        background-image: url(../../Images/Layout/search_button.png);
        background-color:Red;
        top: 84px;
        left: 935px;
        position:absolute;
        width: 16px;
        height: 16px;
        cursor: pointer;
        _cursor: hand;
    }*/
    

/* ========================================== HEADER ========================================== */
#tblHeader {
    width:952px;
    height:60px;
    padding-bottom:4px;    
}

/* Menu header */
.HeaderTopMenuGroup {
    background-color:Transparent;
    color: #888888;  
    font-size:11px;
}

.HeaderTopMenuTab {
    padding: 0 4px 0 4px;
    cursor:pointer;  
}
    .HeaderTopMenuTab:hover { 
        text-decoration:underline;
    }

.HeaderMenuItemGroup {    
    background-color:#ADADAD;
    border: solid 1px #ADADAD; 
    padding:0;
}

.HeaderMenuItemTab{  
    background-color:#F7F6F2;  
    padding:2px;
    cursor:pointer;  
    text-align:right; 
    color:#623C47;
}
    .HeaderMenuItemTab:hover {background-color:#FEFCFD; color:#CC9F00;}
.headerMenuLanguage{
    color:Blue;
    text-decoration:underline;
    font-weight:bold;
    cursor:pointer; 
}

/*
        Flash
*/
.master-flash {width:650px; height:175px; border:1px solid #ADADAD; float:left; margin-top:5px;}


/*****************************
        Highlights 
******************************/
.master-highlights {width:293px; height:175px; overflow:hidden; font-size:10px; border:1px solid #ADADAD; float:left; margin-left:5px; margin-top:5px;}
    .master-highlights h4{
            padding:0 0 0 8px;
            margin:0;
            display:block;
            font-weight:bold;
            line-height:18px;
            font-size:11px;
            color:#777777;
            background:#EEEEEE url(../../Images/Layout/section-header-bar.gif) repeat-x scroll 0 0;
        }
        .master-highlights h4:first-letter {text-transform:capitalize;}
        .master-highlights .section-header-bar {font-size:11px;}
        .master-highlights ul {list-style-type:none; padding:0px; margin:0px;  }
            .master-highlights ul li {padding-top:1px; padding-bottom:1px; }

/*****************************
        ContentSide 
******************************/
.masterContentSide {}
    .masterContentSide ul { margin-left:20px; padding-left:0px; list-style-type: square;}
    .masterContentSide h4{
        padding:0 0 0 8px;
        margin:0;
        display:block;
        font-weight:bold;
        line-height:18px;
        font-size:11px;
        color:#777777;
        background:#EEEEEE url(../../Images/Layout/section-header-bar.gif) repeat-x scroll 0 0;
        }
        .masterContentSide h4:first-letter {text-transform:capitalize;}
    .masterContentSide a img { vertical-align: bottom; border-width: 0px; }
    
    /* CallToActionImageBox inside the masterContentSide area */
    .masterContentSide .CallToActionImageBox { padding-top:5px;padding-left:5px; width:240px;}
    .masterContentSide .CallToActionImageBox a { color: #888888 }
    .masterContentSide .CallToActionImageBox a:hover { color: #333333}
    
/*****************************
        Call To Action 
******************************/

/*****************************
        List Clear
******************************/
ul.list-clear { margin:0; padding:0}
    ul.list-clear li{margin:0; padding:0; list-style:none;}
    
/*****************************
        List media
******************************/
ul.list-media { margin:0; padding:0!important}
    ul.list-media li{margin:0; padding:0; list-style:square!important; list-style-position:outside!important}
        ul.list-media li.text,
        ul.list-media li.pps,
        ul.list-media li.webinar {padding:0 0 0 20px; margin:0 0 0 5px; background-position:middle center; background-repeat:no-repeat;list-style:none!important;line-height:18px; }
            ul.list-media li.text {background-image:url("../../Images/Icons/textdoc-blank.gif")}
            ul.list-media li.pps {background-image:url("../../Images/Icons/demo-download-pps.gif")}
            ul.list-media li.webinar {background-image:url("../../Images/Icons/webinar.png")}
        ul.list-media li.double {line-height:12px;}
        ul.list-media li.separator {list-style:none!important; margin:3px 0 3px 0!important;}
    
/*****************************
        Definition
******************************/
dl {display:block; border-top:1px dashed #ADADAD;}
    dl dt {font-size:7px; padding-bottom:5px; float:left; color:#C2C2C2;}
    dl dd {font-size:x-small; margin-left:5px; padding-top:5px;}
    
/*****************************
        Box
******************************/  
.box {width:550px; margin:auto; border:1px solid #D9D9D9;margin-bottom:15px; padding-bottom:10px;}
    .box h2{
        background:#EEEEEE url(../../Images/Layout/section-header-bardouble.gif) repeat-x scroll 0 0;
        padding:3px 25px 3px 25px;
        display:block;
        margin:0;
        border-bottom:1px solid #D9D9D9;
    }
    .box p {padding:0 25px 0 25px}
    .box ul {padding:5px 25px 5px 40px;}
        .box ul li.more {list-style:none; margin-left:0px;}
    .box ul.list {padding:0 0 0 5px; margin:0 0 0 15px;} 
        .box ul.list li {padding-top:2px;}
    
/*****************************
        Form
******************************/  
.form {
    width:100%;    
} 
    .form thead td {font-style:italic; padding-bottom:10px;}
    .form thead th {padding-bottom:10px; text-align:left; font-weight:normal;}
    .form th {text-align:right; padding:2px 0 2px 0;}
    .form th.optional {font-weight:normal}
    .form td {text-align:left;}
    .form td span {padding:3px 0 2px 2px;}
    .form td img {padding:0 5px 0 2px}
    .form tbody td {padding-left:3px;}
    .form tfoot td{padding:10px;}
