.TicketBackground {
    background-color:lightgrey;
}

 .blueRow

        {

            background-color:gold;

            color: Blue;

        }

        .grayRow

        {

            background-color: #F8F8F8;

            color: Gray;

        }

         

        .greenRow

        {

            background-color: Gold;

           

        }

.validationerror {
    color: #BB0025;
    display: block;
    font-weight: bold;
   
    font-size: 1.2em;
}

.validationmessage {
    display: block;
    font-weight: bold;
   
    font-size: 1.2em;
}

.totalDisplay {
 text-align: right; 
}
.fileUpLoad {
    border: medium none;
    font-family: " Arial";
   font-size: 100%;
}
.dropDownlist {
    
     font-size: 100%;
}


.editImage {
    margin: 0.6923em 1em 0 0;

}

/* 
    Set the Style for parent CSS Class 
    of Calendar control 
    Parent [CssClass] = myCalendar 
*/  
.myCalendar {  
    background-color: #efefef;  
    width: 200px;  
}  
  
/* 
    Common style declaration for hyper linked text 
*/  
.myCalendar a {  
    text-decoration: none;  
}  
  
/* 
    Styles declaration for top title 
    [TitleStyle] [CssClass] = myCalendarTitle 
*/  
.myCalendar .myCalendarTitle {  
    font-weight: bold;  
}  
  
/* 
    Styles declaration for date cells 
    [DayStyle] [CssClass] = myCalendarDay 
*/  
.myCalendar td.myCalendarDay {  
    border: solid 2px #fff;  
    border-left: 0;  
    border-top: 0;  
}  
  
/* 
    Styles declaration for next/previous month links 
    [NextPrevStyle] [CssClass] = myCalendarNextPrev 
*/  
.myCalendar .myCalendarNextPrev {  
    text-align: center;  
}  
  
/* 
    Styles declaration for Week/Month selector links cells 
    [SelectorStyle] [CssClass] = myCalendarSelector 
*/  
.myCalendar td.myCalendarSelector {  
    background-color: #dddddd;  
}  
  
.myCalendar .myCalendarDay a,   
.myCalendar .myCalendarSelector a,  
.myCalendar .myCalendarNextPrev a {  
    display: block;  
    line-height: 18px;  
}  
  
.myCalendar .myCalendarDay a:hover,   
.myCalendar .myCalendarSelector a:hover {  
    background-color: #cccccc;  
}  
  
.myCalendar .myCalendarNextPrev a:hover {  
    background-color: #fff;  
}  

.rowIntermitant {
    background-color:orangered;

}
.scfSingleLineTextBox {
    border:  solid #CCCCCC;
      font-size: 1.4em;
    line-height: 1.7142em;
}
.messageFont {

    color: orangered;
    font-size: 20px;
}
.scfSingleLineTextLabel, .scfSingleLineGeneralPanel {
    
   font-size: 1.4em;
   line-height: 1.7142em;
}

.scfSingleLineTextBorder .scfSingleLineGeneralPanel {
    padding-bottom: 0.1em;
    position: relative;
   
}

.currencyDisplay{
    text-align: right;
}


@media print
{    
    .noprint, .noprint *
    {
        display: none !important;
    }

    #btnPrint {
         display: none !important;
        
    }
}

SI-FILES-STYLIZED label.cabinet
{
    width: 79px;
    height: 22px;
    background: url(/Images/FindFile.jpg) 0 0 no-repeat;

    display: block;
    overflow: hidden;
    cursor: pointer;
}

.SI-FILES-STYLIZED label.cabinet input.file
{
    position: relative;
    height: 100%;
    width: auto;
    opacity: 0;
    -moz-opacity: 0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
.main-headings,.landing-page .component{padding-right:15.33%;}
.noteItem { font-size: 0.8em;}


.header {
    background: none repeat scroll 0 0 #808080;
    padding-top: 4.8em;
    position: relative;
    z-index: 10;
}


.header {
    background: url("/wcc/images/nav-main-pattern.png") repeat scroll 0 0%, linear-gradient(115deg, #808080 0px, #808080 25%, rgba(255, 204, 0, 0) 25%, transparent 26%) repeat scroll 0 0%, linear-gradient(65deg, transparent 74%, rgba(255, 204, 0, 0) 75%, #808080 75%, #808080 100%) repeat scroll 0 0%, none repeat scroll 0 0 #808080;
    border-bottom: 0.1em solid #808080;
    border-top: 0.1em solid #808080;
    padding-top: 0;
}
.header {
    background: none repeat scroll 0 0 #808080;
  
}