/* COMMON */
body {
    margin:0;
    padding:0;
    border:0;
    width:100%;
    font-family: Verdana, Arial, Sans-serif;
    background-color: #4682B4;
}

.centeredLogo {
    position: absolute;
    width: 530px;
    height: 200px;
    left: 50%;
    top: 50%;
    margin-left: -265px;
    margin-top: -100px;
}  

#progressIndicator {
    position: absolute;
    width: 128px;
    height: 128px;
    left: 50%;
    top: 50%;
    margin-left: -64px;
    margin-top: -64px;
}  

a:link {color:#FFFFFF;}     /* unvisited link */
a:visited {color:#FFFFFF;}  /* visited link */
a:hover {color:#FFA500;}    /* mouse over link */
a:active {color:#FFA500;}   /* selected link */

/* END OF COMMON */

/* CHAT */

.toAll {
    position:absolute;
    right:10px;
    font-size:8pt;
    font-weight:normal;
    cursor:hand;
}

#ddlSelection {
    position:absolute;
    top:10px;
    left:10px;
    width:270px;
}

.userSelectionContainer {
    position:absolute;
    top:40px;
    left:10px;
    width:260px;
    border:1px solid #FFFFFF;
    padding:4px;
}

.userSelectionCaption {
    padding:4px;
    color:#FFFFFF;
    border: 1px solid #FFFFFF;
    background-color:#4682B4;
    font-weight:bold;
}

.chatPlaceHolder {
    position:absolute;
    top:10px;
    left:300px;
    margin-right:25px;
}

.chatContainer {
    border:1px solid #FFFFFF;
    padding:4px;
}

.chatAvatar {
    float:left;
}

.chatCaption {
    font-style:italic;
    font-weight:bold;
    color:#4682B4;
    font-size:12pt;
    margin-left:60px;
}

.chatOddRows {
    background-color:#DDDDDD;
    padding:5px;
    margin:4px;
    border:1px solid black;
    min-height:48px;
}

.chatEvenRows {
    background-color:#FFFFFF;
    padding:5px;
    margin:4px;
    border:1px solid black;
    min-height:48px;
}

.chatMessage {
    font-style:normal;
    font-weight:normal;
    font-size:10pt;
    color:#000000;
}


/* END OF CHAT */

/* FOLDOUTS */

/* WORKSPACE */

#wsFoldout {
    cursor:hand;
    cursor:pointer;
    position:absolute;
    left:0px;
    top:87px;
    width:100px;
    height:32px;
}

div.wsleftSeg {
    background-image:url('../images/foldout_left.png');
    background-repeat:no-repeat;
    position:absolute;
    width:15px;
    height:32px;
    display:inline-block;
}

div.wsmiddleSeg {
    background-image:url('../images/foldout_mid.png');
    background-repeat:repeat-x;
    position:absolute;
    left:14px;
    width:75px;
    height:32px;
    display:inline-block;
}

div.wsrightSeg {
    background-image:url('../images/foldout_right.png');
    background-repeat:no-repeat;
    position:absolute;
    left:87px;
    width:15px;
    height:32px;
    display:inline-block;
}

div.wsouterfoldout 
{
    position:absolute;
    top:29px;
    width:100%;
    background-color:#244E68;
    border-left:1px solid white;
    border-bottom:1px solid white;
    border-right:1px solid white;
    height:2px;
    z-index:4;
 }

div.wsinnerfoldout
{
    position:absolute;
    border-left:1px solid black;
    border-bottom:1px solid black;
    border-right:1px solid black;
    overflow: hidden;
    width:100%;
    height:0px;
    z-index:4;
}

div.wsinnerfoldout ul {
    color:white;
    font-size:11px;
    list-style:none;
    padding:0;
    margin-left:10px;
    width:100%;
    height:100%;   
    z-index:1;
}

div.wsinnerfoldout li {
    margin-bottom:4px;
}

#wscaption{
    position:absolute;
    top:4px;
    left:10px;
    z-index:105;
    color:#FFFFFF;
    cursor:hand;
}

.wsedit {
    position:absolute;
    top:3px;
    left:20px;
    z-index:100;
    border:1px solid white;
    visibility:hidden;
}

.wsback {
    background-color:#244E68;
}

.periodSelection {
    position:absolute;
    top:20px;
    right:525px;
    z-index:100;
    background-color:#244E68;
    color:White;
    border:1px solid #FFFFFF;
}

#osMenu
{
    position:absolute;
    overflow: hidden;
    top:0px;
    width:250px;
    height:0px;
    right:0px;
    z-index:1;
    background-color:#333333;
}

#osMenuShim
{
    position:absolute;
    width:250px;
    height:0px;
    right:0px;
    visibility:hidden;
    z-index:0;
}

div#osMenu ul 
{
    margin-top:10px;
    color:white;
    list-style:none;
    margin-left:20px;
    width:100%;
    height:100%;   
    z-index:1;
}

div#osMenu li:hover {
    background-color:#ffa500;
}

div#osMenu li {
    margin-bottom:4px;
    padding:0 0 0 8px;
}

/* END OF WORKSPACE */

/* END OF FOLDOUTS */

/* LOGIN PAGE */
div#loginPlaceholder {
    position: absolute;
    width: 400px;
    height: 180px;
    left: 50%;
    top: 50%;
    margin-left: -200px;
    margin-top: -90px;
}

#logo {
    position:absolute;
    top:60px;
    left:10px;
    width:127px;
    height:37px;
}

div#loginheader {
    position:absolute;
    color:white;
    font-size:20pt;
    top:10px;
    left:10px;
}

span#loginDisclaimer {
    position:absolute;
    font-size:8pt;
    color:white;
    top:110px;
    left:10px;
    width:170px;
    height:50px;
}

ul.dataEntryLogin {
    position:absolute;
    left:160px;
    top:20px;
    color:white;
    font-size:8pt;
    list-style:none;
}

ul.dataEntryLogin li {
    margin-bottom:4px;
}

#submitContainer 
{
    position:absolute;
    left:270px;
    top:140px;
    width:100px;
    height:23px;
    z-index:100;
    text-align:center;   
}

.baseLayer {
    position:absolute;
    top:0px;
    left:0px;
    width:100px;
    height:23px;
    z-index:101;   
}

.glowLayer {
    position:absolute;
    top:0px;
    left:0px;
    width:100px;
    height:23px;
    z-index:102; 
}

.downLayer {
    position:absolute;
    left:0px;
    width:100px;
    height:23px;
    z-index:103;
    visibility:hidden;
}

.submitLink {
    position:absolute;
    left:0px; 
    top:3px;
    width:100px;
    height:20px;
    z-index:104;
}
/* END OF LOGIN PAGE */

/* MASTER PAGE */
div.header {
    height:120px; 
    background-color:black;
}

div.headerTop {
    position:absolute;
    font-size:24pt;
    color:#B0C4DE;
    top:8px;
    left:10px   
}

#currentUser {
    position:absolute;
    font-size:9pt;
    color:white;
    top:66px;
    left:30px   
}

#messageCount {
    position:absolute;
    font-size:12pt;
    font-weight:bold;
    font-style:italic;
    color:white;
    top:46px;
    left:10px;
    text-align:right;
}

#messageIcon {
    position:absolute;
    color:white;
    top:6px;
    left:170px;
    height:48px;
    width:48px;
}

#menulogo{
    position:absolute;
    top:20px;
    width: 127px;
    right:40px;
}

#date_time {
    position:absolute;
    font-size:8pt;
    font-style:italic;
    color:#FFFFFF;
    top:66px;
    right:16px; 
    width:300px;
    text-align:right;
}

/* NAVIGATION BUTTONS */

#checkboxContainer 
{
    position:absolute;
    top:62px;
    right:340px;
    width:100px;
    height:24px;
    cursor:hand;
    z-index:100; 
}

#osFormatSelectionContainer 
{
    position:absolute;
    top:12px;
    right:440px;
    width:48px;
    height:48px;
    cursor:hand;
    z-index:100; 
    visibility:hidden;
}

#osFormatSelectionImg {
    position:absolute;
    width:48px;
    height:48px;
    cursor:hand;
    z-index:103;
    visibility:hidden;
}

#osFormatSelection {
    position:absolute;
    width:48px;
    height:48px;
    cursor:hand;
    z-index:101;
    visibility:hidden;
}

#osFormatSelectionGlow {
    position:absolute;
    width:48px;
    height:48px;
    cursor:hand;
    z-index:102;
}

#appDownloadContainer 
{
    position:absolute;
    top:12px;
    right:390px;
    width:48px;
    height:48px;
    cursor:hand;
    z-index:100; 
}

#appDownloadImg {
    position:absolute;
    width:48px;
    height:48px;
    cursor:hand;
    z-index:103;
}

#appDownload {
    position:absolute;
    width:48px;
    height:48px;
    cursor:hand;
    z-index:101;
}

#appDownloadGlow {
    position:absolute;
    width:48px;
    height:48px;
    cursor:hand;
    z-index:102;
}

#logoutContainer 
{
    position:absolute;
    top:12px;
    right:340px;
    width:48px;
    height:48px;
    cursor:hand;
    z-index:100; 
}

#logoutImg {
    position:absolute;
    width:48px;
    height:48px;
    cursor:hand;
    z-index:103;
}

#logout {
    position:absolute;
    width:48px;
    height:48px;
    cursor:hand;
    z-index:101;
}

#logoutGlow {
    position:absolute;
    width:48px;
    height:48px;
    cursor:hand;
    z-index:102;
}

#chatContainer {
    position:absolute;
    top:12px;
    width:48px;
    height:48px;
    right:290px;
    cursor:hand;
    z-index:100; 
}

#chatImg {
    position:absolute;
    width:48px;
    height:48px;
    cursor:hand;
    z-index:103; 
}

#chat {
    position:absolute;
    width:48px;
    height:48px;
    cursor:hand;
    z-index:101; 
}

#chatGlow {
    position:absolute;
    width:48px;
    height:48px;
    cursor:hand;
    z-index:102; 
}

#homeContainer {
    position:absolute;
    top:12px;
    width:48px;
    height:48px;
    right:240px;
    cursor:hand;
    z-index:100;
}

#homeImg {
    position:absolute;
    width:48px;
    height:48px;
    cursor:hand;
    z-index:103;
}

#home {
    position:absolute;
    width:48px;
    height:48px;
    cursor:hand;
    z-index:101;
}

#homeGlow {
    position:absolute;
    width:48px;
    height:48px;
    cursor:hand;
    z-index:102;
}

#onlineContainer {
    position:absolute;
    top:12px;
    width:48px;
    height:48px;
    right:190px;
    cursor:hand;
    z-index:100;
}

#onlineImg {
    position:absolute;
    width:48px;
    height:48px;
    cursor:hand;
    z-index:103;
}

#online {
    position:absolute;
    width:48px;
    height:48px;
    cursor:hand;
    z-index:101;
}

#onlineGlow {
    position:absolute;
    width:48px;
    height:48px;
    cursor:hand;
    z-index:102;
}
/* NAVIGATION BUTTONS */

/* HOMEPAGE TILES */

#tileHost {
    position:absolute;
    top:125px;
    left:-200px;
    z-index:200;
}

div.tile 
{
    width:112px;
    height:112px;
    margin:15px;
    cursor:hand;
    border:2px solid white;
    background-color:#4682B4;
}

div.tileCaption {
    position:absolute;
    color:White;
    font-size:18pt;
    visibility:hidden;
    margin:16px;
    font-style:italic;
}

div.tileDivider {
    position:absolute;
    background-color:White;
    height:0px;
    width:0px;
    margin-top:54px;
    margin-left:15px;
}

div.tileData {
    position:absolute;
    margin-top:68px;
    margin-left:15px;
    height:220px;
    visibility:hidden;
    width:570px;
    overflow:auto;
}

.tileImg {
    position:absolute;
    left:15px;
}


/* END OF HOMEPAGE TILES */

/* MASTER PAGE */

/* REPORTS */

#content {
    padding-top:120px;
    left:10px;
    right:10px;
}

#ifm  {
    height:0px;   
}

ul.dataEntryPeriodEditor {
    position:absolute;
    color:white;
    font-size:8pt;
    list-style:none;
    top:40px;
    left:-25px;
    width:370px;
}

ul.dataEntryPeriodEditor li {
    margin-bottom:6px;
}

ul.dataEntryPeriodEditor2 {
    position:absolute;
    color:white;
    font-size:8pt;
    list-style:none;
    top:40px;
    left: 390px;
    width:370px;
}

ul.dataEntryPeriodEditor2 li {
    margin-bottom:6px;
}

.alignRight  {
    position:absolute;
    right:0px;
}

.alignRightRefresh  {
    position:absolute;
    right:100px;
}

.alignLeft  {
    position:absolute;
    left:0px;
}

.alignRightCancel  {
    position:absolute;
    right:4px;
    top:0px;
}

#periodMenuCaption {
    position:absolute;
    left:2px;
    top:2px;
    width: 819px;  /* 394px; */
    height:24px;
    background-color:#244E68;
    border:1px solid #CCCCCC;
}

#periodMenu {
    position:absolute;
    border:1px solid #CCCCCC;
    background-color:#4682B4;
    overflow: hidden;
    width: 825px;   /* 400px; */
    height:650px;
    left: 50%;
    top: 50%;
    margin-left: -400px; /*  -200px; */
    margin-top:  -325px; /* -125px; */
    z-index:102;
    visibility:hidden;
}

#periodMenuShim {
    position:absolute;
    width:825px;   /* 400px; */
    height:650px;
    left: 50%;
    top: 50%;
    margin-left: -400px; /*  -200px; */
    margin-top: -325px; /* -125px; */
    z-index:101;
    visibility:hidden;
}


/* END OF REPORTS */

/* BENCHMARKING */

#Benchmarking {
    position:absolute;
    top:20px;
    left:250px;
}

ul.dataEntryBenchmark {
    position:absolute;
    color:white;
    font-size:8pt;
    list-style:none;
    top:40px;
    left:25px;
    width:50%;
}

ul.dataEntryBenchmark li {
    margin-bottom:6px;
}

.alignRight  {
    position:absolute;
    right:0px;
}

/* END OF BENCHMARKING */