/****************************
File:       MasterPage.css

Purpose:    Contains all styles specically for the masterpages and their user controls.
            Does NOT contain any generic styles.

Note:       ALL COLORS MUST be set in zzzColors.CSS, not in this file!

2008-10-02  Walt Edwards created.
2008-10-09  Walt Edwards moved to global file based theme.
2008-10-23  Walt Edwards completed refactoring to use EM instead of pixels so user can change sizing.
2008-12-29  Walt Edwards updated with Default_TEAM theme and then refactored to eliminate problem interaction with Synectics_Default Menu.Default.css
2009-01-30  Walt Edwards refactored using new SYNECTICS_DEFAULT theme that works with Safari and Firefox
2009-03-23  Walt Edwards merged with ITSI version and refactored to use PX instead of EM measurements.
2009-05-13  Walt Edwards merged latest synectics with latest team.
2010-09-30  Walt Edwards removed btnLogin class, and added divLogin class.
2010-10-14  Walt Edwards moved ALL colors to zzzColors.CSS to prevent confusion and maintenance issues.
****************************/

/* ucOptions styles */

.btnIsBroadcast, .btnIsChatMessage, .btnIsHelp, .btnNoBroadcast, .btnNoChatMessage, .btnNoHelp, .btnOptions, .btnRegister
{
    border: none;
    cursor: pointer;
    padding: 0px;
    text-align: right;
    width: 75px;
}

.btnIsBroadcast, .btnIsChatMessage, .btnIsHelp, .btnNoBroadcast, .btnNoChatMessage, .btnNoHelp, .btnOptions {
    background-repeat:no-repeat;
    height:16px;
    margin: 10px 0 0 34px; 
    width: 16px;
}

.btnIsBroadcast     { background-image: url('Masterpage/broadcast_active.gif') }
.btnNoBroadcast     { background-image: url('Masterpage/broadcast_inactive.gif') }
.btnIsChatMessage   { background-image: url('Masterpage/message_active.gif') }
.btnNoChatMessage   { background-image: url('Masterpage/message_inactive.gif'); cursor:default; }
.btnIsHelp          { background-image: url('Masterpage/help_active.gif') }
.btnNoHelp          { background-image: url('Masterpage/help_inactive.gif') }
.btnOptions         { background-image: url('Masterpage/options.gif') }
/* End ucOptions */


.bodySite
{
    background: url( 'Masterpage/bg.gif' ) repeat-x; /* Note, must be JPG or GIF, not PNG */
    margin: 0 0 0 0;
    padding: 0 11px 0 15px;
    text-align: center;
}

.bodyDialog
{ 
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: left;
}

.bodyDialog #divMain { padding: 0}
.bodyDialog #divMain fieldset { border: none}

#divMain fieldset
{
    margin: 0 5px 5px 0;
    padding: 10px 6px 6px 10px;
}

#divMain legend
{
    margin: -10px 0 10px -5px
}

/*
fieldset
{
    background-color: #DEDFDE; 
    border: outset;
    color: Black; 
    margin: 0 5px 5px 0;
    padding: 10px 6px 6px 10px;
}

fieldset.dialog
{
    background-color: Transparent;
    border:  none 0;
    margin: 0 0 0 0;
}
*/

.h1, h1, .h2, h2
{
    /* Used for all titles on main application pages */
    font-size: 18px;
    font-weight: normal;
    margin: 0 10px 10px 0;
}
.h2, h2
{   /* Used for titles on dialog pages with alternate background */
    font-size: 12px;
    font-weight: bold;
    margin: 0 0px 0px 0;}
.h3, h3, .h4, h4
{   /* Used for sub titles */
    font-size: 14px;
    font-weight: normal;
}



#divAjaxLoadingPanel
{   
    background: url( 'MasterPage/loading4.gif' ) no-repeat;
    background-position: center 25px;
}

#divAjaxLoadingPanelDialog
{   
    background: url( 'MasterPage/loading4.gif' ) no-repeat;
    background-position: center 1px;
    width:100%; margin-top:0; position:absolute;
}

.divBanner
{
    /*background: url('Masterpage/bg.JPG' ) repeat-x; /* Note, must be JPG or GIF, not PNG */
/*  background: url('Masterpage/banner-bg.jpg'); now handled in the ucBanner instead */
    background-position: 0 0;
    background-repeat: no-repeat; 
    font-size: 30px;
    height: 276px;
/*  padding: 216px 0 30px 30px; */
/*  margin: 0 0 -221px 0; */
}

#divCopyright
{
    background: url('Masterpage/footer-bg.gif') repeat-x;
    font-size: 12px;
    height: 36px;
    margin-bottom: 0;
    padding: 24px 5px 0px 15px;
    text-align: right;
    width: 928px;
}

#divCopyright a:active,
#divCopyright a:link,
#divCopyright a:visited
{
    text-decoration: none;
}

#divLogin a,
#divLogin a:active,
#divLogin a:link,
#divLogin a:visited
{
    border: none;
    cursor: pointer;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0px;
    padding: 0 6px 0 0;
    width: 75px;
}

#divMain
{
    font-size: 12px;
    padding:  10px 15px 5px 15px;
    text-align: left;
    vertical-align:top;
}

#divMain a:active,
#divMain a:link, .LIBRARY_metadata,
#divMain a:visited
{
    font-size: 12px;
    text-decoration: none;
}

#divMain a:hover, .LIBRARY_metadata:hover
{
    cursor: pointer;
    font-size: 12px;
    text-decoration: underline;
}

.divMainMinHeightBanner  { min-height: 261px }
.divMainMinHeightNoTitle { min-height: 536px }
.divMainMinHeightTitle   { min-height: 436px }

#divMain select
{
    margin: 0 4px 4px 0;
}

#divPage
{
    width: 948px;
    height: 100%;
    max-height: 95%;
    padding-bottom: 0;
    margin-bottom: 0;
    text-align: left;
/*  padding: 0 30% 0 30%; */
}

#divSidebar { padding: 15px }

.MASTERPAGES_ucRotator 
{
    border: none;
    height: 200px;
    overflow: hidden;
    width: 948px;
}

#tblHeading
{
    background: url('Masterpage/head-bg.jpg') repeat-x; 
    height: 80px;
    width: 948px;
}

#tblMenu select
{
    margin: 0 0 0 0;
}

#tdHeadingCenter
{
    float: left;
    padding-top: 20px;
    width: 350px;
}

#tdHeadingLeft
{
    background-image: url( 'Masterpage/logo.gif' ); /* Note:  if left spacing wanted put it in graphic since margin won't work here */
    background-repeat: no-repeat;
    cursor:pointer;
    width: 300px;
}

#tdHeadingRight
{
    font-size: 14pt;
    font-style: italic;
    font-weight: bold;
    letter-spacing: 1pt; 
    text-align: center;
    width: 300px;
}

#tdSidebar
{
    background-image: url('homepage/watermark.gif');
    background-position: center;
    background-repeat: no-repeat;
    padding: 20px;
    vertical-align:top;
    width:180px;
}