/****************************
homepage.css

Contains all styles that are specificly used by a the homepage application and its user controls.
Does NOT contain any generic styles.

2009-05-13  Walt Edwards added documentation.
2009-09-24  Walt Edwards added #divMain .HOMEPAGE_WidgetContainer A:* styles so that Project Homepage links can be different than defaults

****************************/
.HOMEPAGE_WidgetBorder    { background-color: #E6E6E6; /*#C6D7E7;*/ border: solid 1px black; border-top: none; overflow-y:auto; }
.HOMEPAGE_WidgetTitlebar_Background
{   border: solid 1px black;
    border-bottom: solid 1px ThreeDShadow;
    background-color: #666666; /* #948A6B; */
    padding: 5px;
    padding-right: 1px;
    height: 14px;
    color: #FFFFFF;
    overflow: hidden; 
}
.HOMEPAGE_WidgetTitlebar_Title      { font-family:Arial; font-size:12px; float:left; }
.HOMEPAGE_WidgetTitlebar_EditButton  
{
    background-color: Transparent;
    background-image: url('Homepage/edit.png'); 
    background-repeat: no-repeat;
    border: 0px;
    cursor: pointer;
    float:right; 
    height: 16px;
    margin: 0 1px 0 0;
    width: 16px;
}
.HOMEPAGE_WidgetContainer
{
    background-color: #E6E6E6; /*#C6D7E7;*/
    font-size: 11px;
    padding: 10px;
}


.DockCommandShowCalendarEditor       { width:15px; background:url(images/edit_15x15.png)   repeat-x; cursor:pointer; }
.DockCommandShowComLogReport         { width:15px; background:url(images/spreadsheet_15x15.png) repeat-x; cursor:pointer; }
.DockCommandShowProjectMessageEditor { width:15px; background:url(images/edit_15x15.png)   repeat-x; cursor:pointer; }
.DockCommandShowProjectMetricsEditor { width:15px; background:url(images/edit_15x15.png)   repeat-x; cursor:pointer; }

.homepage_body            { background-color: #B1B4BA; margin-bottom: 0px; margin-left: 0px; margin-top: 0px; margin-right: 0px; }
.homepage_main_table      { background-color: #FFFFFF; }
.homepage_main_heading1   { font-family: arial; color: #FFFFFF; font-size: 14pt; letter-spacing: 1pt }

.homepage_message_heading { font-family: arial; color: gray;  font-size: 8pt; white-space:nowrap; margin-left:4px; margin-top:4px; margin-right:2px; }
.homepage_message_text    { font-family: arial; color: black; font-size: 8pt; white-space:normal; margin-left:12px; margin-right:2px; }
.homepage_message_send    { font-family: arial; color: black; font-size: 8pt; white-space:normal;
                            border-style: inset; border-width: 2px; overflow-y: scroll; position: absolute; height: 20px; width: auto;
        min-width: 76%; left: 15px; right: 100px; bottom: 15px; }
.homepage_message_btnSend {height: 24px; width: 50px; position: absolute; bottom: 13px; right: 15px;}        
        

.homepage_heading         { font-family: arial; color: black; font-size: 8pt; font-weight: bold; }
.homepage_text_C          { font-family: arial; color: black; font-size: 8pt; text-align: center; }
.homepage_text_L          { font-family: arial; color: black; font-size: 8pt; text-align: left; }
.homepage_text_R          { font-family: arial; color: black; font-size: 8pt; text-align: right; }
.homepage_button          { color: white; font-size: 10px; font-family: Arial; background-color: #5D93AF; cursor: hand }

.homepage_popup_body      { margin-bottom: 0px; margin-left: 20px; margin-top: 20px; margin-right: 20px; background-color: #BDBEC4 }


.calendar_heading1 { font-family: arial; color: #FFFFFF; font-size: 14pt; letter-spacing: 1pt }
.calendar_heading2 { font-family: arial; color: #333333; font-size: 9pt; font-weight: bold; letter-spacing: 1pt }
.calendar_text { font-family: arial; color: #333333; font-size: 9pt }
.calendar_hyperlink { font-family: arial; color: #FFFFFF; font-size: 9pt }

.HOMEPAGE_ucPointsOfContact, .HOMEPAGE_ucLibraryDocuments, .HOMEPAGE_ucProjectCalendar, .HOMEPAGE_ucLibraryDocumentsCount
{
    background-color: Transparent;
    background-repeat: no-repeat;
    color: Black;
    float: left;
    font-size:  11px;
    height: 16px;
    padding-left: 25px;
    text-align: left;
    white-space:nowrap;
}
.HOMEPAGE_ucPointsOfContact:hover, .HOMEPAGE_ucLibraryDocuments:hover, .HOMEPAGE_ucProjectCalendar:hover
{
    cursor: pointer;
    text-decoration: underline;
}

.HOMEPAGE_ucPointsOfContact         { background-image: url('Homepage/ucPointsOfContact.gif') }
.HOMEPAGE_ucLibraryDocuments        { background-image: url('Homepage/ucLibraryDocuments.gif'); padding-left: 20px; padding-top: 1px; }
.HOMEPAGE_ucLibraryDocumentsCount   { text-align: right; padding: 0; padding-top: 1px; min-width:30px; }
.HOMEPAGE_ucProjectCalendar         { background-image: url('Homepage/ucProjectCalendar.gif') }

.HOMEPAGE_ucThumbnail_Image
{
    cursor: pointer;
    border: solid 1px Black;
    margin-right: 6px;
/*  margin-right:  80px; */
    overflow: hidden;
}

#divChatHistory
{
    border-style: inset; border-width: 2px; overflow-y: scroll; height: auto; top: 15px; bottom: 45px; left: 15px;
        right: 15px; position: absolute;
}


#divHTML_Content 
{
    font-size: 12px; line-height:18px; padding-bottom: 15px; padding-left: 35px; padding-right: 35px; padding-top: 20px;
}

#divHTML_Sidebar
{
    background-color: #ededed; 
    margin:20px;
    padding:20px; 
}

#divHTML_Sidebar div, 
#divHTML_Sidebar a:active, 
#divHTML_Sidebar a:link, 
#divHTML_Sidebar a:visited 
{
    color: #21242d;
    font-size: 12px;
    line-height: 18px
}

#divHTML_Sidebar h1 
{
    color:#21242d; 
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1pt; 
    text-align: left;
}

#divHTML_Sidebar .HorizontalSidebar
{
    min-height: 100px;
    width: 835px;
}

#divHTML_Sidebar .VerticalSidebar 
{
    min-height: 139px;
    width: 180px;
}

#tdHTML_LastUpdated
{
    padding-right: 35px;
    text-align: right;
    vertical-align:top;
}





#divLounge
{
    background-image: url('Homepage/lounge-bk.png');
    height: 455px;
    width: 948px;
    padding: 0 0 0 0;
    background-repeat: no-repeat;
}

#divLounge a:active,
#divLounge a:link,
#divLounge a:visited
{
    color: Black;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}

#divLounge a:hover
{
    color: #5e5a4f;
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
}
    
#divRotator
{
    margin-left: 70px;
    margin-top: 100px;
}

#divLoungeSharedFiles
{
    height: 80px;
    margin: 0;
    margin-left: 70px;
    margin-top: 75px;
    width: 163px; 
}

#divLoungeSharedFiles:hover
{
    background-image: url('Homepage/cubby-on.png');
    cursor: pointer;
}

#divLoungeSubmitOpportunity
{
    height: 81px; 
    margin: 262px 0 0 0px;
    width: 78px; 
}

#divLoungeSubmitOpportunity:hover
{
    background-image: url('Homepage/suggest-on.png'); 
    cursor: pointer;
}

#divLoungePOC
{   
/*  border: solid 1px orange; */
    height: 75px;
    margin: 215px 0 0 5px;
    width: 95px; 
}

#divLoungePOC:hover
{
    cursor: pointer;
}

#divMain .HOMEPAGE_WidgetContainer A:active, 
#divMain .HOMEPAGE_WidgetContainer A:link, 
#divMain .HOMEPAGE_WidgetContainer A:visited, 
#divMain .HOMEPAGE_WidgetContainer A:hover
{
    font-size: 11px;
}

.divUser
{
    background-image:url('Homepage/hmSprites.png'); 
    background-repeat: no-repeat;
    cursor: pointer;
    height: 47px;
    position: relative;
    width: 34px;
    z-index: 1001;
}

.divUserMan1Left  { background-position: 100% -0953px }
.divUserMan1Right { background-position: 100% -0903px }
.divUserMan2Left  { background-position: 100% -1053px }
.divUserMan2Right { background-position: 100% -1003px }
.divUserMan3Left  { background-position: 100% -1153px }
.divUserMan3Right { background-position: 100% -1103px }
.divUserMan4Left  { background-position: 100% -1253px }
.divUserMan4Right { background-position: 100% -1203px }
.divUserMan5Left  { background-position: 100% -1353px }
.divUserMan5Right { background-position: 100% -1303px }
.divUserMan6Left  { background-position: 100% -1453px }
.divUserMan6Right { background-position: 100% -1403px }
.divUserMan7Left  { background-position: 100% -1553px }
.divUserMan7Right { background-position: 100% -1503px }
.divUserMan8Left  { background-position: 100% -1653px }
.divUserMan8Right { background-position: 100% -1603px }
.divUserMan9Left  { background-position: 100% -1753px }
.divUserMan9Right { background-position: 100% -1703px }
.divUserWoman1Left  { background-position: 100% -53px }
.divUserWoman1Right { background-position: 100% -3px }
.divUserWoman2Left  { background-position: 100% -153px }
.divUserWoman2Right { background-position: 100% -103px }
.divUserWoman3Left  { background-position: 100% -253px }
.divUserWoman3Right { background-position: 100% -203px }
.divUserWoman4Left  { background-position: 100% -353px }
.divUserWoman4Right { background-position: 100% -303px }
.divUserWoman5Left  { background-position: 100% -453px }
.divUserWoman5Right { background-position: 100% -403px }
.divUserWoman6Left  { background-position: 100% -553px }
.divUserWoman6Right { background-position: 100% -503px }
.divUserWoman7Left  { background-position: 100% -653px }
.divUserWoman7Right { background-position: 100% -603px }
.divUserWoman8Left  { background-position: 100% -753px }
.divUserWoman8Right { background-position: 100% -703px }
.divUserWoman9Left  { background-position: 100% -853px }
.divUserWoman9Right { background-position: 100% -803px }

.divUserPos1  { top: 300px; left: 160px; }
.divUserPos2  { top: 280px; left: 115px; }
.divUserPos3  { top: 250px; left: 165px; }
.divUserPos4  { top: 175px; left: 270px; }
.divUserPos5  { top: 130px; left: 320px; }
.divUserPos6  { top: 115px; left: 385px; }
.divUserPos7  { top:  70px; left: 435px; }
.divUserPos8  { top:  30px; left: 240px; }
.divUserPos9  { top:   0px; left: 280px; }
.divUserPos10 { top: -155px; left: 230px; }
.divUserPos11 { top: -205px; left: 295px; }
.divUserPos12 { top: -150px; left: 340px; }