body 
{
    margin: 0;
    padding: 0;
    font-size: 11pt;
}

.some_other_sort_of_button
{
    background-color: #202d3e;
    border: solid 1px #97bcd7;
    text-decoration: none;
    color: white; 
    cursor: hand; 
    font-size: 11.5px;
    font-family: Calibri,Helvetica,sans-serif; 
    padding: 0px 12px;
}
            
.auteur
{
    cursor: pointer; 
    font-size: small; 
    line-height: 1.5;
}

.forumPostsClass
{
    overflow: hidden;
    font-size: 11pt;
    color: #c9d4da;
}

.altForumPostsClass
{
    overflow: hidden;
    font-size: 11pt;
    color: #97bcd7;
}

 .bringItDownACoupleOfLines { padding-top: 37px; }
 
 .legend_style
{
    color: White;
    font-family: Calibri, Calibri;
    margin: 0px;
    text-align: center;
}

.progressbarcontainer
{
   width: 98%;
   height: 15px;
   border: solid 1px black;
   padding: 1px;
}

.progressbar
{
   width: 0px;
   background-color: Red;
   height: 15px;
}

.pollbar
{
   background-color: red;
   font-size: 4px;   
}

.rating_empty_star { background-image: url('../Images/EmptyStar.png'); width: 13px; height: 12px; }

.rating_half_star  { background-image: url('../Images/SavedStar.png');  width: 13px; height: 12px; }

.rating_filled_star{ background-image: url('../Images/jsw_FilledStar.jpg'); width: 13px; height: 12px; }


.summary_view_title_style
{
    font-family: Calibri;
    text-align: left;
    font-size: 16pt;
}

.summary_view_category_style
{
    color: #233143;
    font-family: Calibri;
    text-align: left;
}

.summary_view_date_style
{
    color: #233143;
    font-family: Calibri;
    text-align: left;
}

.summary_view_abstract_style
{
    color: #233143;
    text-align: left;
    font-family: Calibri;
    font-style: italic;
}

.article_display_date_style
{
    color: #980000;
    text-align: right;
    font-family: Calibri;
    font-size: x-small;
}

.article_display_title_style
{
    color: #980000;
    text-align: left;
    font-family: Calibri;
    font-size: 16pt;
    max-width: 610px;
    overflow: hidden;
}

.article_display_abstract_style
{
    color: #980000;
    text-align: left;
    font-family: Calibri;
    font-size: 10pt;
    font-weight: normal;
    font-style: italic;
}

.article_display_body_style
{
    color: #233143;
    text-align: left;
    font-family: Calibri;
    font-size: 11pt;
    font-weight: normal;
    line-height: 12.5pt;
}

.watermarkstyle
{
    font-size: medium;
    text-align: left;
    font-family: Calibri;
    font-size: medium;
    font-weight: bold;
    vertical-align: bottom; 
    color: #97bcd7; 
    background-color: #2c4e67;}

.entryfieldstyle
{
    background-color: #233143;
    color: #c9d4da;
    font-size: medium;
    text-align: left;
    font-family: Calibri;
    border: solid 0.5px #a3c7eb; 
}

.filterboxstyle
{
    background-color: #97bcd7;
    color: #233143;
    font-size: small;
    text-align: left;
    font-family: Calibri;
    font-weight: bold;
    border: inset 1px #71c9d4daa;    
}

.displayfieldstyle
{
    background-color: #97bcd7;
    color: #233143;
    font-size: medium;
    text-align: left;
    font-family: Calibri;
    border: inset 1px #233143;  
    height: 20px; 
}

.fieldlabelstyle
{
    color: #ff9900; 
    font-size: medium;
    font-family: Calibri;
    height: 20px;  
}

.popuprecommendationwindowstyle
{
    color: #ff9900; 
    font-size: medium;
    font-family: Calibri;
    height: 20px;
    margin-top: 48px; 
    margin-left: 30px; 
}

.like_the_comments_style
{
	clear: both;
	width: 100%;
	color: #233143;
	font-size: 0.8em;
    background-color: #97bcd7;
}

.PagerStyle
{
    height: 36px;
    background-color: white;
    background-image: url(../Images/jsw_Photonav.jpg);
    background-repeat: no-repeat;
    margin-bottom: 5px;
    text-align: center;
}

.Roadmap_Pager_Style
{
    width: 600px;
    height: 41px;
    background-color: white;
    background-image: url(../Images/jsw_roadmap-slider.jpg);
    background-repeat: no-repeat;
    margin-bottom: 5px;
    text-align: center;
    Position: absolute;
    Top: 285px;
    left: 14px;
}

.TimeEntry_Pager_Style
{
    width: 98%;
    height: 20px;
    background-image: url(../Images/TimeEntry-slider.gif);
    background-repeat: no-repeat;
    text-align: center;
    Position: absolute;
    Top: 284px;
    left: 3px;
}

.Roadmap_Page_Number_Style
{
    font-family :Calibri, Calibri, Helvetica;
    font-size :12px;
    color : #233143;
    font-weight :bold;
    vertical-align: middle;
}

.TimeEntry_Page_Number_Style
{
    font-family :Calibri, Arial, Helvetica;
    font-size :11px;
	color: White;
    vertical-align: text-bottom;
}

.CustomValidatorCalloutStyle div, 
.CustomValidatorCalloutStyle td 
{ 
    border:solid 2px white; background-color: #f9e0a0; color: Gray; 
}

#contains_some_buttons A.button
        {
            background-image: url('../Images/jsw_bbg.jpg');
            background-repeat: repeat-x; background-color: #3399ff; height: 25px;
            border-color: #0f8bdc; border-style: solid; text-decoration: none;
            border-width: 1px; color: white; cursor: hand; font-size: 11.5px;
            font-family: Calibri,Helvetica,sans-serif; padding: 0px 12px;
        }
        
#contains_some_buttons A.button:hover
        {
            background-image: url('../Images/jsw_bbgh.jpg'); color: black;
        } 

#contains_some_buttons A.gray_button
        {
            background-color: #202d3e;
            background-repeat: repeat-x; height: 30px;
            border-color: #97bcd7; border-style: solid; text-decoration: none;
            border-width: 1px; color: white; cursor: hand; font-size: 11.5px;
            font-family: Calibri,Helvetica,sans-serif; padding: 0px 12px;
            font-weight: normal;
            
        }
        
#contains_some_buttons A.gray_button:hover
        {
            background-image: url('../Images/jsw_button_bg.jpg');
            color: #233143;
            font-style: normal;
            border: solid 1px #233143;
        } 


A.blue_button
       {
            background-color: #233143;
            border-color: #a3c7eb; border-style: solid; text-decoration: none;
            border-width: 1px; color: white; cursor: hand; font-size: 11px; margin: 4px;
            font-family: Calibri,Helvetica,sans-serif; padding: 3px 12px;
        }
        
A.blue_button:hover
        {
            background-image: url('../Images/jsw_pager_bg.jpg'); background-repeat: repeat-x; color : black; 
            border-color: #233143; border-width: 1px; border-style: solid;
        } 

#content a 
{
    color: white;
    text-decoration: none;
}
#content a:hover 
{
    color: #97bcd7;
}

#blank_page 
{
    font-family: Calibri, Helvetica, Sans-Serif;
    clear: both;
    color: #233143;
}
    
#blank_page a
{
    color: #233143;
    text-decoration: none;
}
#blank_page a:hover 
{
    color: #233143;
    text-decoration: underline;
    font-size: 11.5pt;
}

#blank_page h1 
{
    font-size: 1.5em;
    color: #233143;
}


#helpscreen_page 
{
    font-family: Calibri, Arial, Helvetica, Sans-Serif;
    font-size: 1em;
    color: #c9d4da;
    background-color: #2c4e67; 
    position: relative;
    padding: 0.2em 4em 2em 4em;
    text-align: justify;
}
    
#helpscreen_page a
{
    color: #233143;
    text-decoration: none;
}

#helpscreen_page a:hover 
{
    font-style: italic;
    color: Yellow;
}

#helpscreen_page h1 
{
    font-size: 1.5em;
    color: AntiqueWhite;
    background: url('../Images/jsw_CMS_Menu_hover_bg.jpg') repeat-x bottom left;
}

a img 
{
    border: 0;
}

#container
{
    margin: 0 auto;
    width: 955px;
    position: relative;
}

/***********************************************
 * HEADER
 ***********************************************/

#header, #TimesheetHeader 
{
    font-family: Calibri, Helvetica, Sans-Serif;
    height: 104px;
}

/* logo */
#header h1 
{
    background: url('../Images/jsw_Logo4.jpg') no-repeat top left;
    position: absolute;
    z-index: 20;
    top: 34px;
    left: 400px;
    margin: 0;
    padding: 0;
    /* border: solid 1px white;   */
}

#TimesheetHeader h1 
{
    background: url('../Images/jsw_logo3.jpg') no-repeat top left;  
    position: absolute;
    z-index: 20;
    top: 34px;
    left: 400px;
    margin: 0;
    padding: 0;
    /*border: solid white 1px;    */
}

#header h1 a, #TimesheetHeader h1 a 
{
    display: block;
    width: 306px;
    height: 66px;
}
#header h1 a span, #TimesheetHeader h1 a span
{
    display: none;
}

/***********************************************
 * MENU
 ***********************************************/

#menu 
{
    padding-bottom: 31px;
    float: left;
    width: 100%;
    margin-top: -167px;
    position: relative;
    z-index: 50;
}

#menu ul 
{
    background: url('../Images/jsw_menu-ul-fond.jpg') no-repeat bottom right;
    list-style-type: none;
    margin: 0; 
    padding: 4px 13px 0 0;
    float: left;
    height: 27px;
}
#menu li 
{
    display: block;
    float: left;
    margin: 0;
    height: 27px;
}

#menu a 
{
    background: url('../Images/jsw_menu-li-fond.jpg') repeat-x bottom left;
    font-family: Calibri, Arial, Helvetica, Sans-Serif;
    text-decoration: none;
    font-size: 1.2em;
    letter-spacing: -50%;
    padding: 4px 15px 0 15px;
    display: block;
    float: left;
    height: 23px;
    color: #233143;

}
#menu a:hover 
{
   background: url('../Images/jsw_menu-ahover-fond.jpg') repeat-x bottom left;
   color: #3668A7;
}

#menu li.premier 
{
    background: url('../Images/jsw_menu-premier-gauche.jpg') no-repeat bottom left;
    margin: 0;
    margin-top: -9px;
    padding: 0;
    padding-left: 35px;
    height: 37px;
}
#menu li.premier a 
{
    background: url('../Images/jsw_menu-premier-droite.jpg') repeat-x bottom right;
    font-size: 1.7em;
    color: #fff;
    height: 31px;
    padding: 0;
    padding-right: 35px;
    padding-top: 6px;
}
#menu li.premier a:hover 
{
   background: url('../Images/jsw_menu-premier-droite.jpg') repeat-x bottom right; 
}

 
/***********************************************
 * CMS_MENU
 ***********************************************/

#CMS_menu 
{
   height: 30px; 
   width:97.5%; 
   background-image: url('../Images/jsw_pager_bg.jpg');
   text-align: center;
   padding-top: 5px;
   padding-left: 20px;
    float: left;
    margin-top: -1px;
    position: relative;
    z-index: 50;
}

#CMS_menu ul 
{
    list-style-type: none;
    float: left;
    width: 94%;
}
#CMS_menu li 
{
    float: left;
}

#CMS_menu a 
{
    color: #233143;
    font-family:Calibri;
    text-decoration: none;
    padding-top: 5px;
    padding-bottom: 5px;
    float: left;
    font-weight: bold;
}
#CMS_menu a:hover 
{
    background: url('../Images/jsw_CMS_Menu_hover_bg.jpg') repeat-x bottom left;
    color: white;
    font-weight: bold;
}

/* premier onglet */

#CMS_menu li.premier 
{
    background: url('../Images/jsw_menu-premier-gauche.jpg') no-repeat bottom left;
    margin: 0;
    margin-top: -10px;
    padding: 0;
    padding-left: 35px;
    height: 37px;
}
#CMS_menu li.premier a 
{
    background: url('../Images/jsw_menu-premier-droite.jpg') repeat-x bottom right;
    font-size: 1.7em;
    color: #fff;
    height: 31px;
    padding: 0;
    padding-right: 35px;
    padding-top: 6px;
}
#CMS_menu li.premier a:hover 
{
    background: url('../Images/jsw_menu-premier-droite.jpg') repeat-x bottom right;
}

#wide_CMS_menu 
{
   height: 30px; 
   width:100%; 
   background-image: url('../Images/jsw_pager_bg.jpg');
   text-align: center;
   padding-top: 5px;
   padding-left: 20px;
    float: left;
    margin-top: -1px;
    position: relative;
    z-index: 50;
}

#wide_CMS_menu ul 
{
    list-style-type: none;
    float: left;
    width: 94%;
}
#wide_CMS_menu li 
{
    float: left;
}

#wide_CMS_menu a 
{
    color: #5e280c;
    font-family:Calibri;
    text-decoration: none;
    font-size: small;
    padding-top: 5px;
    padding-bottom: 5px;
    float: left;
    font-weight: bold;
}
#wide_CMS_menu a:hover 
{
    background: url('../Images/jsw_CMS_Menu_hover_bg.jpg') repeat-x bottom left;
    color: white;
    font-weight: bold;
}

/* premier onglet */

#wide_CMS_menu li.premier 
{
    background: url('../Images/jsw_menu-premier-gauche.jpg') no-repeat bottom left;
    margin: 0;
    margin-top: -10px;
    padding: 0;
    padding-left: 35px;
    height: 37px;
}
#wide_CMS_menu li.premier a 
{
    background: url('../Images/jsw_menu-premier-droite.jpg') repeat-x bottom right;
    font-size: 1.7em;
    color: #fff;
    height: 31px;
    padding: 0;
    padding-right: 35px;
    padding-top: 6px;
}
#wide_CMS_menu li.premier a:hover 
{
    background: url('../Images/jsw_menu-premier-droite.jpg') repeat-x bottom right;
}

/***********************************************
 * CONTENU
 ***********************************************/
#content 
{
    border-left: 1px solid #c6c6c6;
    border-right: 1px solid #c6c6c6;
    border-top: 0 solid #c6c6c6;
    border-bottom: 0 solid #c6c6c6;
    font-family: Calibri, Calibri, Helvetica, Sans-Serif;
    font-size: 1em;
    clear: both;
    margin-top: 4px;    /* There was a bit of shading there under the menu that I don't want the content to
                           impinging on */
    padding: 0.2em 1em 2em;
    background-color: White;
    color: #66511c;
    position: absolute;
    top: 143px;
    width: 81%;
    left: 50px;
    height: 292px;
    text-align: left;
    
}
#content h1 
{
    font-size: 1.5em;
    color: #233143;
}

#CMS_content
{
    border-left: 0px solid #f1eff4;
    border-right: 0px solid #f1eff4;
    border-top: 0 solid #f1eff4;
    border-bottom: 0 solid #f1eff4; 
    font-family: Calibri, Calibri, Helvetica, Sans-Serif;
    font-size: 1em;
    clear: both;
    padding: 0.2em 1em 2em;
    background-color: #e2b06b;
    color: #d1440e;
    width: 81%;
    text-align: justify;
    
}

#CMS_content h1 
{
    font-size: 1.5em;
    color: #9f99a5;
    background: url('../Images/jsw_CMS_Menu_hover_bg.jpg') repeat-x bottom left;
}

/* formulaires */
.formulaire 
{
    clear: both;
}
.formulaire p 
{
    clear: both;
}
.formulaire p label 
{
    float: left;
    width: 30%;
    text-align: right;
    padding-right: 15px;
}

.tblFormulaire 
{
	width: 100%;
	font-size: small;
	padding: 0;
	color: #233143;
}
.tblFormulaire th 
{
	text-align: left;
}


/* commentaires (de tickets) */
.commentaire 
{
	clear: both;
	width: 100%;
}
.commentaire blockquote 
{
	margin: 5px;
	padding: 0;
}

.commentaire .auteur 
{
	color: #233143;
	font-size: 1.0 em;
    line-height: 1.5;
    background-color: #97bcd7;
}

/* formulaire nouveau commentaire */
.titrePanelDeroulant 
{
	font-weight: bold;
    background: url('../Images/jsw_CMS_Menu_hover_bg.jpg') repeat-x bottom left;
	cursor: pointer;
	padding: 2px 5px;
	margin-top: 10px;
	margin-bottom: 5px;
    color: White;
}
.panelDeroulant 
{
	margin-bottom: 10px;
}


/***********************************************
 * FOOTER
 ***********************************************/
#CMS_footer 
{
    background: url('../Images/jsw_footer-fond.jpg') repeat-x top left;
    float: left;
    height: 44px;
    width: 90.1%;
    margin-left: 39px;
    z-index: 2;
}

#footer 
{
    background: url('../Images/jsw_footer-fond.jpg') repeat-x top left;
    float: left;
    height: 44px;
    width: 738px;
    z-index: 2;
}
#footerGauche
{
    background: url('../Images/jsw_footer-fond-gauche.jpg') no-repeat top left;
    float: left;
    height: 44px;
    width: 100%;
    padding: 0;
}
#footerDroite 
{
    background: url('../Images/jsw_footer-fond-droite.jpg') no-repeat top right;
    float: left;
    height: 44px;
    width: 100%;
    padding: 0;
}

#CMS_footerGauche
{
    background: url('../Images/jsw_CMS_footer-fond-gauche.jpg') no-repeat top left;
    float: left;
    height: 44px;
    width: 100%;
    padding: 0;
}

#CMS_footerDroite 
{
    background: url('../Images/jsw_CMS_footer-fond-droite.jpg') no-repeat top right;
    float: left;
    height: 44px;
    width: 100%;
    padding: 0;
}

#footerCentre 
{
    margin: 0 auto;
    padding: 0;
    height: 44px;
    width: 100%;
    position: relative;
    text-align: center;
}

#footer ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 14px;
    float: right;
}
#footer li 
{
    display: inline;
    margin: 0;
    padding: 0 5px 0 5px;
}
#footer a 
{
    text-decoration: none;
}

#CMS_footer ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 14px;
    float: right;
    vertical-align: bottom;
}
#CMS_footer li 
{
    display: inline-block;
    margin: 0;
    padding: 0 5px 0 5px;
    vertical-align: top;
    
}

#CMS_footer a 
{
    text-decoration: none;
    vertical-align: bottom;
}

#wide_CMS_footer 
{
    background: url('../Images/jsw_footer-fond.jpg') repeat-x top left;
    float: left;
    height: 44px;
    width: 100%;
    z-index: 2;
}

#wide_CMS_footer ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 14px;
    float: right;
    vertical-align: bottom;
}
#wide_CMS_footer li 
{
    display: inline-block;
    margin: 0;
    padding: 0 5px 0 5px;
    vertical-align: top;
    
}

#wide_CMS_footer a 
{
    text-decoration: none;
    vertical-align: bottom;
}