/* GENERAL */

body
{
    font-family: calibri, arial, sans-serif;
    font-size:0.8em;
    margin:0;
    padding-left:10px;
    padding-right:10px; 
    background: #99CCFF url('../Images/WallpaperGreen.gif'); 
    color: #333333;
 }	

select, input, textarea
{
    font-family: calibri, arial, sans-serif;
 }	

img
{
    border:none;    
}

a
{
    color: #005AE1;
    text-decoration: none;
}

a:visited
{
    color: #005AE1;
}

/* WHITEBOARD FRAME */
  
#master-block
{  
    margin-top:20px;
    margin-bottom:20px;
    margin-left:auto;
    margin-right:auto;
    padding:0px;
    width:1000px;
 }

#frame-top-left-corner
{
    float:left;
    top:0;
    left:0;
    height:60px;
    width:60px; 
    background-image:url('../Images/TopLeftFrame.gif');

}
    
#frame-top
{
    float:left;
    top:0;
    left:61px;
    height:60px;
    width:880px; 
    background-image:url('../Images/TopFrame.gif');
    background-repeat:repeat-x;
}

#frame-top-right-corner
{
    float:right;
    top:0;
    left:941;
    height:60px;
    width:60px; 
    background-image:url('../Images/TopRightFrame.gif');
}

#frame-bottom-left-corner
{
    float:left;
    top:0;
    left:0;
    height:60px;
    width:60px; 
    background-image:url('../Images/BottomLeftFrame.gif');

}
    
#frame-bottom
{
    float:left;
    top:0;
    left:61px;
    height:60px;
    width:880px; 
    background-image:url('../Images/BottomFrame.gif');
    background-repeat:repeat-x;
}

#frame-bottom-right-corner
{
    float:right;
    top:0;
    left:941;
    height:60px;
    width:60px; 
    background-image:url('../Images/BottomRightFrame.gif');
}

#frame-center
{
    float:left;
    background-image:url('../Images/SideBars.gif');
    background-repeat:repeat-y;
    width:1000px;
}

#inner-frame
{
   position:relative;
   padding-left:50px;
   padding-right:50px;
}

/* POSTIT AREA */

#posit-area
{
    padding:0;
    float:left;
    width:180px; 
}

/* DETAIL AREA */

#detail-area
{
    float:left;
    position:relative;
    width:660px; 
    padding:20px;
    background:#e9e9e9 url('../Images/DetailBackGroundGrey.gif') repeat-y;
    border:1px solid #e2e2e2;
    /* GREY HASH background:#e9e9e9 url('../Images/DetailBackGround.gif') repeat-y;
    border:1px solid #e2e2e2;*/
    /* BLUE background:#e1e9f3 url('../Images/DetailBackGroundBlue.gif') repeat-y;
    border:1px solid #b2c9e4;*/
    /*background:white url('../Images/rouge.png');*/
}

/* DETAIL AREA TITLE*/

#detail-page-title-area
{
    /* No longer handled in css
    This is now set from code on the masterpage load event
    margin-right:-2px;
    margin-bottom:10px;
    width:580px;
    padding:10px 40px 10px 40px;
    border:solid 1px #3e87d9;
    background:#3987e1 url('../Images/TitleBackGround.gif') repeat-x;
    */
}

/* Now using h1 for title instead of previous formatting for SEO purposes
#detail-page-title-heading
*/
h1
{
    font-family:arial, sans-serif;
    font-size:1.4em;
    font-weight:bold;
    color:#fafcfe;
    padding:2px 0 5px 0;
    margin:0;
}

#detail-page-title-smalltext
{
    font-family:calibri, arial, sans-serif;
    font-size:1.1em;
    color:#fafcfe;
}

/* LIST ITEMS */

#list-container-table
{
    width:100%;
    margin-bottom:10px;
    border:1px solid #d5d5d5;
    background:#f4f5f4 url('../Images/ListbackGround.gif') repeat-x;
}

#list-pic-container-table
{
    vertical-align:middle;
    padding:5px; 
}

#list-detail-container-table
{
    vertical-align:middle;
    width:100%; 
    padding:5px; 
}

/* CONTENT ITEMS */


#content-area
{
    padding:0 30px 0 30px;   
}
.content-image-div
{
    margin:auto;
    text-align: center; 
    padding:20px 0 20px 0;   
}

/* DOCUMENT ITEMS */
#document-area
{
    padding:30px 0 30px 0;   
}

/* MISC */

.validator-text
{
    color:#e24026;
}