/**
============================================================================================================
    Created: 2021 07 08
============================================================================================================
    Purpose: Cascading Style Sheets Supporting Same Named .php Script
============================================================================================================*/
#Title
{
    margin: 10px 10px;
    text-align: center;
}

.TitleImages
{
    margin-bottom: 5px;
}

#ClockIcon
{
    background-color: #ffffff;
    border-radius: 9px;
    margin-right: 12px;
    height: 20px;
    width: auto;
}

#Clck_Help
{
    margin: -2px 0 0 8px !important;
}

#TitleBar
{
    background-color: #005580;
    border-radius: 80px;
    border-top: 3px solid #99ccff;
    border-bottom: 3px solid #99ccff;
    padding: 6px 2px;
    position: relative;
}

#TitleLeft, #TitleRight, #TitleCenter
{
    display: inline-block;
}
#TitleLeft
{
    vertical-align: top;
}
#TitleCenter
{
    vertical-align: top;
    width: calc( 100% - 430px );
}
#TitleLeft, #TitleRight
{
    text-align: center;
    width: 200px;
}
#TitleRight
{
    vertical-align: bottom;
}

.TitleTopImg
{
    height: 60px;
    width: auto;
    margin: 0 60px 0 0;
}

.TitleAlphaBeta
{
    background-color: darkred;
    border-radius: 10px;
    margin: 0 100px 8px;
    padding: 6px 6px;
}

#SiteLinks
{
    margin: 0 0;
}

#SiteLinks a
{
    color: #ffff00;
    text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}

.UserMargin
{
    margin: 0 0 8px;
}

.TitleText
{
    color: #ffff00;
    font-size: 1.3em;
    text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}


.TitleTextPro
{
    color: #ffff00;
    cursor: pointer;
    padding: 4px 6px;
    text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}


#TitleClock
{
    margin: 0 0;
}


#TitleUser
{
    margin: 0 0;
}


#TitleBar hr
{
    background-color: #C7C4B9;
    color: #C7C4B9;
    height: 3px;
    margin: 8px 20px;
    padding: 0 0;
    text-align: center;
}