﻿@font-face {
font-family:"AldoFont";
src:url('Fonts/Aldo.ttf'); format("truetype");
}

body
{
    /*background-image:url('Images/BG.gif');*/
    background-color:Gray;
}
.MacTextBox
{
    font-family: arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    font-style: normal;
    color: #323232;
    border: medium solid #CBE2F5;
    padding: 2px;
}

.TitleLabel
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-large;
    font-weight: bold;
    color: #333333;
    text-align: center;
}

.ContentView
{
    padding: 10px;
    width: 100%;
    background-color: #C0C0C0;
    vertical-align: top;
    font-family: 'Times New Roman' , Times, serif;
    font-size: medium;
    color: #000000;
    text-align: left;
}
.ContentView a
{
    font-family: 'Times New Roman' , Times, serif;
    font-size: medium;
    color: #FFFFFF;
    text-align: left;
    font-weight: bold;
}

/*.DockBar
{
    border: thin solid #003366;
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
    background-color: rgb(233,233,233);
    border: 2px solid #FFFFFF;
    position: absolute;
    /*left: 35%;
    height: 80px;
    width: 530px;
    bottom: -100px;
    z-index:5;
}
.DockBarCntnr
{
    padding: 0px;
    margin: 0px;
    position: absolute; /*left: 35%;
    height: 80px;
    width: 500px;
    bottom: -100px;
    z-index: 6;
    vertical-align: bottom;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    color: #000000;
    font-weight: bold;
}
.DocBarCntnt
{
    
    height: 80px;
    vertical-align: bottom;
    text-align: center;
    padding-bottom: 0px;
    padding-right: 5px;
}*/



.DockBar
{
    border: thin solid #003366;
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
    background-color: rgb(233,233,233);
    border: 2px solid #FFFFFF;
    position: absolute;
    /*left: 35%;*/
    height: 50px;
    width: 334px;
    bottom: -100px;
    z-index:5;
}
.DockBarCntnr
{
    padding: 0px;
    margin: 0px;
    position: absolute;
    /*left: 35%;*/
    height: 100px;
    width: 334px;
    bottom: -100px;
    z-index: 6;
    vertical-align: bottom;
}
.DocBarCntnt
{
    width: 55px;
    height: 60px;
    vertical-align: bottom;
    text-align: center;
    padding-bottom: 0px;
    padding-right: 5px;
    
}


.DocbarLabel
{
    color: #000000;
    font-size: 7pt;
    font-family: Arial;
    font-weight: bold;
    background-color:White;
}
.DocBarTbl
{
    /*width: 100%;*/
    height: 100px;
    margin:auto;
    
}
.DocBarItem
{
    margin: 0px;
    width: 40px;
    height: 40px;
}
.DocBarItem:hover
{
    margin: 0px 10px 0px 10px;
    width: 70px;
    height: 70px;
}
.ToolsBarItem
{
    margin: auto;
    width: 40px;
    height: 40px;
    cursor: pointer;
}
.ToolsBarItem:hover
{
    margin: auto;
    width: 50px;
    height: 50px;
}


.RCSInfo
{
    border: thin solid #003366;
    background: url('Images/ACSLogo-Small.png') no-repeat 50% 50%;
    position: absolute;
    left: 18px;
    height: 80px;
    width: 189px;
    bottom: -28px;
}
.IconShadow 
{
  position: relative;
  left: 2px;
  top: 2px;
  color: #ccc;
  font-weight: bold;
}
.IconText
{
  position: absolute;
  left: -2px;
  top: -2px;
  color: #000;
}
.IconLable
{
    color:White;
    font-size:9pt;
    font-family:Arial;
    font-weight:bold;
}
.IconImg
{
    width:40px;
    height:40px;
}
.Icon:hover
{
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    background-image:url('Images/IcnHover.gif');
    background-repeat:no-repeat;
}
.Icon:hover span
{
    color:Black;
}

.BackgroundDiv
{
    width:100px;
    height:100px;
    z-index:-1;
    position:absolute;
    left:0px;
    top:0px;
}
.TxtFind
{
    font-family: arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    font-style: normal;
    color: #323232;
    border: thin solid #CBE2F5;
    width: 120px;
    height: 13px;
}
.ToolBox
{
    width: 71px;
    background-image: url('Images/WinToolsFiller.png');
    background-repeat: repeat-y;
    background-color: #CACACA;
}
.TblContect
{
    margin: 0px;
    width: 100%;
    border: none 0;
    padding: 0px;
}
.TblContentHeader
{
    background-color: #C0C0C0;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    color: #666666;
}

/* Beginning of AJAX Combo Box Styles */
.AquaStyle .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer input
{
    margin: 0;
    background-image: url(Images/aqua-bg.gif);
    background-position: top left;
    border: 0px none;
    padding: 2px 0px 0px 8px;
    font-size: 11px;
    height: 17px;
    width: 20px;
}
.AquaStyle .ajax__combobox_inputcontainer .ajax__combobox_buttoncontainer button
{
    background-image: url(Images/aqua-arrow.gif);
    background-position: top left;
    border: 0px none;
    height: 19px;
    width: 19px;
}
.AquaStyle .ajax__combobox_itemlist
{
    border-color: #000000;
    background-color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; font-style: normal; font-variant: normal; text-transform: none; color: #666666;    
}
/* End of AJAX Combo Box Styles */

/* Beginning of Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
    background-color:Transparent;
}

.filledRatingStar {
    background-image: url(Images/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(Images/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(Images/SavedStar.png);
}
/* End of Rating */

.DEFields
{
    width: 42px;

}

/* Beginning of Header Labels */
.HeaderLabel
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
}
/* End of Header Labels */




.CharCtr
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-weight: bold;
    color: #CC0000;
}

.CaptionLabels
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    vertical-align:top;
}

.HiddenColumns
{
    width:0px;
    background-color:Red;
}


.MessageLabel
{
    border: thin solid #DF5630;
    background-color: #fffcc8;
    color: Black;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    text-transform: capitalize;
    text-align: center;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: 10px;
    padding-right: 10px;
    padding-left: 10px;
    height:27px;
}
    
#dhtmltooltip{
position: absolute;
width: 150px;
border: 2px solid black;
padding: 2px;
background-color:Gray;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}


.RCSHeaderLabel
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    text-align: center;
}




.Links
{
    color: Black;
    font-weight: bold;
    font-family: @Arial Unicode MS;
    font-size: 10pt;
}

.watermarked
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-style: italic;
    color: #999999;
}
.WeatherGadget
{
    background-image: url('Images/WeatherBG.gif');
    background-repeat: no-repeat;
    width: 175px;
    height: 98px;
    vertical-align:bottom;
    text-align:center;
}

#SidebarBG
{
    border: thin solid #003366;
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
    background-color: rgb(233,233,233);
    border: 2px solid #FFFFFF;
    position: absolute;
    right:7px;
    width: 180px;
    height:94%;
    z-index:5;    
}

#Sidebar
{
    position: absolute;
    right:7px;
    width: 180px;
    height:94%;
    z-index:5;    
}
#IconBar
{
    position: absolute;
    left:30px;
    top:30px;
    width: 90%;
    height:94%;
    z-index:1;    

}
.ReportArea
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    color:Black;
    width:18cm;
    background-color:White; 
}
.BlackLine
{
    width:100%;
    color:Black;
    height:2px;
    background-color:Black;
}
.PopUpWindow
{
    padding: 10px;
    border-style: solid;
    border-width: medium;
    background-color: #C0C0C0;
    position: fixed;
    top: 30%;
    left: 22%;
    width: 500px;
}

.WebHeader
{
    width: 100%;
    height: 80px;
    top: 0px;
    left: 0px;
    right:0px;
    position: fixed;
    z-index: 2;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    background-color: rgb(232,231,231);
    padding-left: 110px;
}
.SideBar
{
    width: 180px;
    height: 90%;
    top: 80px;
    right: 0px;
    position: fixed;
    z-index: 3;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
    background-color: #EAEAEA;
}
.ACSLogo
{
    background-position: 0px 0px;
    width: 100px;
    height: 100px;
    top: 0px;
    left: 0px;
    position: fixed;
    z-index: 3;
    background-image: url('Images/ACSLogoH.png');
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.IconBar
{
    position: fixed;
    top: 80px;
    left: 30px;
    z-index: 2;
    width: 80%;
    text-align: center;
}

.PFooter
{
    bottom: 0px;
    left: 0px;
    position:fixed;
    height:21px;
}

#WelocmeHeader
{
    margin: 3px 0px 3px 0px;
    font-family: AldoFont;
    font-size: large;
    font-weight: bold;
    color: #000000;
}

#WelcomeText
{
    padding: 0px;
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
    font-weight: bold;
    width: 700px;
    text-align: justify;
}

.WebContent
{
    position: absolute;
    z-index: 5;
    width: 80%;
    top: 200px;
    right: 80px;
}

.SideItem
{
    background-color: rgb(213, 179, 159);
    color: #725050;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    width: 170px;
}
.SideContent
{
    color: #2D2D2D;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
    font-family: Arial, Helvetica, sans-serif;
    width: 170px;
    text-align: right;
}
.SideContent a
{
    color: #2D2D2D;
}
.SideContent a:hover
{
    color: #737373;
}

.Announcement
{
    margin: 3px;
    text-align: left;
    display: block;
    text-decoration: none;
    
}

#SlideShowContainer
{
    position:fixed;
    top: 15%;
    left:20%;
}

.WelcomeMessageLabel
{
    position:absolute;
    right: 10px;
    top: 2px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: bold;
    color: #000000;
    z-index: 10;
}
