body
{
    font-size: .70em;
    font-family: Segoe UI ;
    color: #232323;
   
    margin:0px;
}

textarea
{
 font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
 font-size:small;    
}

a
{
    text-decoration:none;
}
a:hover
{
    text-decoration:underline;
}


.autoScroll100
{
    height:100px;
   overflow:auto;
}
.autoScroll100:hover
{
    height:100px;
    overflow:auto;
}

.autoScroll200
{
    height:200px;
   overflow:auto;
}
.autoScroll200:hover
{
    height:200px;
    overflow:auto;
}

.autoScroll300
{
    height:300px;
     overflow:auto;
}
.autoScroll300:hover
{
    height:300px;
    overflow:auto;
}

.autoScroll343
{
    height:343px;
    overflow:auto;
}
.autoScroll343:hover
{
    height:343px;
    overflow:auto;
}

.autoScroll350
{
    height:350px;
     overflow:auto;
    
}
.autoScroll350:hover
{
    height:350px;
    overflow:auto;
}

.autoScroll400
{
    height:400px;
     overflow:auto;
}
.autoScroll400:hover
{
    height:400px;
    overflow:auto;
}

.autoScroll500
{
    height:500px;
    overflow:auto;    
}

.autoScroll700
{
    height:700px;
    overflow:auto;    
}
.ResolverCaseButtonValid{
    width:30px;
    padding:5px;
    color:white;
    background:green;
    font-weight:bold;
    font-size:medium;
    border:1px solid white;
}

.ResolverCaseButtonInvalid{
    width:30px;
    padding:5px;
    color:white;
    background:red;
    font-weight:bold;
    font-size:medium;
    cursor:pointer;
    border:1px solid white;
}

.ColorGreen{color:green;}
.ColorWhite{color:White;}

.ColorWhiteBlack{color:White;}
.ColorWhiteBlack:hover{color:gray;}

.ColorRed{color:Red;}
.ColorSilver{ color:Silver;}
.ColorGray{ color:Gray;}
.ColorBlack{color:Black;}
.ColorEEEEEE{color:#eeeeee;}
.ColorOrange{color:#FFA319;}
.ColorBlue{color:blue;}


.severityHigh{
    background:#FF3333;
    color:white;
}

.severityMedium{
    background:#FFC875;
}

.severityLow{
    background:#00006B;
    color:white;
}
.severityPositive{
    background:green;   
}

.BackgroundHighlight{ background:#ff8f52;
                      color:black;                    
                    font-family:Verdana; }
.BackgroundDeActive{ background-color:#FAC9C9;}
.BackgroundWhite{ background-color:white;}
.BackgroundSilver{ background-color:silver;}
.Backgrounde6e6e6{ background-color:#e6e6e6;}
.BackgroundGrayLight{ background-color:#8DB28C; color:White;}
.BackgroundAltRow{background:#DEE7FC;}
.BackgroundSuspended{background:#FF6666;}
.BackgroundActive{background:#5CD65C;}
.BackgroundGray {background-color:gray;}

.positionFloat
{
    position:fixed;
}

.ContentHeader
{       
    border-top:1px solid #0046AD;
    color:black;
    background-color:white;
}
.ContentHeaderSupported
{
    border-Top:2px solid #AFCEFC;
    border-bottom:1px solid #AFCEFC;
}



.LeftPaneButton
{
    display:block;
}
.LeftPaneButton:hover
{
    display:block;
    Background-color:#E3E8EF;
    cursor:pointer;    
}

.TextBold{font-weight:bold;}
.TextBoldNormal{font-weight:normal;}


.SizeSmall{font-size:small;}
.SizeXSmall{font-size:x-small;}
.SizeMedium{font-size:medium;}
.SizeLarge{font-size:large;}
.SizeXLarge{font-size:x-large;}

.TextHeading
{
    background-color:#C5D5F9;
    color:black;
}

.YellowBack{ background-color:Yellow;}


.floatLeft{ float:left;}
.floatRight{ float:right;}

.TwoSideShadow
{
    -moz-box-shadow: 2px 2px 2px gray;
-webkit-box-shadow: 2px 2px 2px gray;
box-shadow: 2px 2px 2px gray;
}

.listItemLink
{
    border-bottom:1px solid silver;
}
.listItemLink:hover
{
    border-bottom:1px solid gray;
    cursor:pointer;    
}

.listItemDetail
{
    background-color:#e6e6e6;
}

.headingTextLarge{ font-size:large;}
.headingTextXLarge{ font-size:x-large;}
.headingTextXXLarge{ font-size:xx-large;}

.Pad1{padding:1px;}
.Pad2{padding:2px;}
.Pad3{padding:3px;}
.Pad5{padding:5px;}
.Pad6{padding:6px;}
.Pad7{padding:7px;}
.Pad8{padding:8px;}
.Pad10{padding:10px;}
.Pad15{padding:15px;}
.Pad20{padding:20px;}

.PadLR10{ padding:0 10px 0px 10px;}

.BroadFull{width:100%;}
.Broad5{width:5%;}
.Broad8{width:8%;}
.Broad10{width:10%;}
.Broad12{width:12%;}
.Broad14{width:14%;}
.Broad15{width:15%;}
.Broad16{width:16%;}
.Broad20{width:20%;}
.Broad25{width:25%;}
.Broad30{width:30%;}
.Broad33{width:33%;}
.Broad40{width:40%;}
.Broad50{width:50%;}
.Broad60{width:60%;}
.Broad70{width:70%;}
.Broad80{width:80%;}
.Broad90{width:90%;}

.height50{height:50px;}
.height70{height:70px;}
.height400{height:400px;}
.height350{height:350px;}
.height300{height:300px;}
.height250{height:250px;}
.height200{height:200px;}
.height150{height:150px;}
.height100{height:100px;}


.minHeight700{ min-height:700px;}
.minHeight500{ min-height:500px;}
.minHeight350{ min-height:350px;}

.width10{ width:10px;}
.width20{ width:20px;}
.width30{ width:30px;}
.width50{ width:50px;}
.width60{ width:60px;}
.width70{ width:70px;}
.width100{ width:100px;}
.width125{ width:125px;}
.width150{ width:200px;}
.width170{ width:170px;}
.width200{ width:200px;}
.width250{ width:250px;}
.width320{ width:320px;}
.width380{ width:380px;}
.width400{ width:400px;}
.width500{ width:500px;}
.width800{width:800px;}
.width700{width:700px;}

/*----------------------dialog javaascript------------*/
div.overdiv 
{
    filter: alpha(opacity=25);
    -moz-opacity: .25;
    opacity: .25;
    background-color:black;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%; height: 100%; 
    text-align:center;
}

div.overdivLoad
{
     filter: alpha(opacity=75);
    -moz-opacity: .75;
    opacity: .75;
    background-color:white;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%; height: 100%; 
    text-align:center;
} 

div.square 
{ 
    position: absolute;
    top: 100px;
    left: 200px;
    background-color: Menu;
    border: #f9f9f9;
    height: 200px;
    width: 300px; 
}

div.square div.msg 
{ 
    color: #3e6bc2;
    font-size: 15px;
    padding: 15px; 
}
                             
.Dialog
{
    
    position:fixed;   
    background-color:White;
  
    border:1px solid silver;
    width:600px;
   
    background-color:White;
    -moz-box-shadow:0 0 6px gray;
    -webkit-box-shadow:0 0 6px gray;
    box-shadow:0 0 6px gray;
    
}

.DialogLarge
{
    
    position:fixed;   
    background-color:White;
 
    border:1px solid silver;
    width:1024px;
    
    background-color:White;
    -moz-box-shadow:0 0 6px gray;
    -webkit-box-shadow:0 0 6px gray;
    box-shadow:0 0 6px gray;
    
}
.DialogExtraLarge
{
    
    position:fixed;   
    background-color:White;
 
    border:1px solid silver;
    width:65%;
    
    background-color:White;
    -moz-box-shadow:0 0 6px gray;
    -webkit-box-shadow:0 0 6px gray;
    box-shadow:0 0 6px gray;
    
}
.DialogLoad
{
    
    position:fixed;   
    background-color:White;
   
    border:1px solid silver;
    width:100px;
   
    background-color:White;
    -moz-box-shadow:0 0 6px gray;
    -webkit-box-shadow:0 0 6px gray;
    box-shadow:0 0 6px gray;
    
}

.DialogElement
{
    top:5px;
    
    
    position:absolute;   
    background-color:White;
   
    border:1px solid silver;
   
  
    background-color:White;
    -moz-box-shadow:0 0 6px gray;
    -webkit-box-shadow:0 0 6px gray;
    box-shadow:0 0 6px gray;
    overflow:auto;
    
}

.DialogHeader
{
    text-align:left;
    font-size:medium;
    font-weight:bold;
    border-bottom:1px solid silver;
    padding:3px;                                 
}

.DialogBody
{
}

.borderAllDark
{
    border:1px solid gray;
}

.borderAllMedium
{
    border:1px solid silver;
}

.borderAllLight
{
    border:1px solid #e6e6e6;
}

.borderLeftLight{ border-left:1px solid #e6e6e6;}
.BorderRight1Px{ border-right:1px solid black;}
.BorderBottom1Px{ border-bottom:1px solid #C7D1FC;}
.BorderBottom1PxLight{ border-bottom:1px solid #e6e6e6;}
.BorderBottom1PxExtremlyLight{ border-bottom:1px solid #eeeeee;}

.BorderTop1PxExtremlyLight{ border-top:1px solid #eeeeee;}
.BorderTop1Px{ border-top:1px solid #e6e6e6;}
.BorderTop1PxSilver{ border-top:1px solid silver;}
.BorderBottomHeader{border-bottom:1px solid silver;}
.BorderBottomListItem{ border-bottom:1px solid silver;}

.BorderBottomSilver{ border-bottom:1px solid silver;}
.BorderSidesSilver{ border-left:1px solid silver;border-right:1px solid silver;}
.BorderInActive{border:1px solid silver;}
.BorderActive
{
    border:2px solid black;
    -moz-box-shadow:     0 0 10px gray;
    -webkit-box-shadow:  0 0 10px gray;
    box-shadow:          0 0 10px gray;
}
.NoBulletList{list-style-type:none;}

.textBax
{
    border:1px solid silver;
    padding:2px 6px 2px 6px;
}
.textBax:hover
{
    border:1px solid gray;
    padding:2px 6px 2px 6px;
}
.textBax:focus
{
    border:1px solid green;
    padding:2px 6px 2px 6px;
}

.redbutton
{
    background:red;
    color:White;
    cursor:pointer;    
    text-shadow: -1px 1px #417cb8;
    border: none;
  
    padding-bottom:5px;
    padding-top:5px;

    padding-left:10px;
    padding-right:10px;

    margin-left:1px;
    margin-right:1px;

}

.button
{
    /*background-color:#e6e6e6;
    border:1px solid gray;
    height:26px;
    padding:2px 20px 2px 20px;*/

   color: #fff;
  background-color: #6496c8;
  text-shadow: -1px 1px #417cb8;
  border: none;
  
  padding-bottom:5px;
  padding-top:5px;

  padding-left:10px;
  padding-right:10px;

  margin-left:1px;
  margin-right:1px;

}
.button:hover
{
    /*background-color:#e6e6e6;
    border:1px solid silver;
    cursor:pointer;*/

     background-color: #346392;
  text-shadow: -1px 1px #27496d;
  cursor:pointer;
}
.button:active
{
    /*background-color:#e6e6e6;
    border:1px solid silver;
    cursor:pointer;*/
      background-color: #27496d;
  text-shadow: -1px 1px #193047;
  cursor:pointer;
}

.yellowbutton
{
    background:yellowgreen;
    color:White;
    cursor:pointer;    
    text-shadow: -1px 1px #417cb8;
    border: none;
  
    padding-bottom:5px;
    padding-top:5px;

    padding-left:10px;
    padding-right:10px;

    margin-left:1px;
    margin-right:1px;

}
.greenbutton
{
    background:green;
    color:White;
    cursor:pointer;    
    text-shadow: -1px 1px #417cb8;
    border: none;
  
    padding-bottom:5px;
    padding-top:5px;

    padding-left:10px;
    padding-right:10px;

    margin-left:1px;
    margin-right:1px;

}

.ContentContainer
{
     border-bottom:1px solid #D9DBFF;
     border-left:1px solid #D9DBFF;
}


#HeaderContainerDIV
{
    border-bottom:1px solid #ACC8FB;
    background:#E2E9F7;
    padding-bottom:3px;
    position:fixed;
    width:100%;
    z-index:9999;
}

.TopImageButton
{
     
  
  
    border:1px solid #6392FB;
    padding:5px 5px 5px 5px;
}

.TopImageButton:hover
{
    background:#D1DFFE;
    border:1px solid #6392FB;
    cursor:pointer;
    -moz-box-shadow:     0 0 5px #eeeeee;
    -webkit-box-shadow:  0 0 5px #eeeeee;
    box-shadow:          0 0 5px #eeeeee;
}


.TopImageButtonSelected
{
    background:#D1DFFE;
    border:1px solid #6392FB;
    cursor:pointer;
    -moz-box-shadow:     0 0 5px #eeeeee;
    -webkit-box-shadow:  0 0 5px #eeeeee;
    box-shadow:          0 0 5px #eeeeee;
}



.PopUpHeaderContainer
{
    background:#4E8CCF;
    color:#eeeeee;
    font-weight:bold;
}


.PopUpCloseButton
{
    letter-spacing:1px;
    cursor:pointer;
}

.switchOn
{
    background: url('../../Content/SystemImages/OnOff.png') 0 0px;
    background-repeat:no-repeat;
    
}
.switchOn:hover
{
     background: url('../../Content/SystemImages/OnOff.png') 0 0px;
    background-repeat:no-repeat;
    cursor:pointer;
}


.switchOff
{
     background: url('../../Content/SystemImages/OnOff.png') 1px -48px;
    background-repeat:no-repeat;
}
.switchOff:hover
{
   background: url('../../Content/SystemImages/OnOff.png') 1px -48px;
    background-repeat:no-repeat;
    cursor:pointer;
}


.selectableGridItem
{
    border:1px solid silver;
}
.selectableGridItem:hover
{
    border:1px solid gray;
    cursor:pointer;
}



.selectedListItem
{
    border-bottom:1px solid silver;
    background:#FBF26A;
    
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBF26A', endColorstr='#FDE43A'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#FBF26A), to(#FDE43A)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #FBF26A,  #FDE43A); /* for firefox 3.6+ */ 
    color:black;
}
.selectedListItem:hover
{
    border-bottom:1px solid gray;
    background:#FBF26A;
    

 

    cursor:pointer;
    
}

.selectableListItem
{
    border-bottom:1px solid silver;
}
.selectableListItem:hover
{
    color:White;
    border-bottom:1px solid gray;
    cursor:pointer;
    background-color:#117EF8;
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6FB3FF', endColorstr='#117EF8'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#6FB3FF), to(#117EF8)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #6FB3FF,  #117EF8); /* for firefox 3.6+ */ 
}

.AltselectableListItem
{
    border-bottom:1px solid silver;
    background:#DEE7FC;
}
.AltselectableListItem:hover
{
    border-bottom:1px solid gray;
    color:White;
    cursor:pointer;
    background-color:#117EF8;
    
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6FB3FF', endColorstr='#117EF8'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#6FB3FF), to(#117EF8)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #6FB3FF,  #117EF8); /* for firefox 3.6+ */ 
}


.selectableListItemWithBG
{
    border-bottom:1px solid silver;
}
.selectableListItemWithBG:hover
{
    border-bottom:1px solid gray;
    background:#e6e6e6;
    cursor:pointer;
}



.SpanLink
{
    color:#355F8C;
    text-decoration:none;
}
.SpanLink:hover
{
    color:#355F8C;
    text-decoration:underline;
    cursor:pointer;

}


.SpanLinkForDark
{
    color:#eeeeee;
    text-decoration:underline;
}
.SpanLinkForDark:hover
{
    color:white;
    text-decoration:none;
    cursor:pointer;
}




.UrgentFollowUp
{
    border-bottom:1px solid red;
    background-color:#FFD6D6;
}


.NormalFollowUp
{
    border-bottom:1px solid red;
    background:#FF6E6E;
}


.pointerCursor
{
    cursor:pointer;
}

.pointerMove
{
    cursor:move;
}

.SubBodyContainer
{
    border:1px solid #577CD9;
 background:white;
}

.SubBodyContainerSMall
{
   
    border-bottom:0px solid #577CD9;
    background:#F7F6F6;
}

td, tr
{
    padding:0px;
}


.BlockLink
{
    text-decoration:none;
    display:block;
    color:Black;
    border-bottom:1px solid #e6e6e6;
}
.BlockLink:hover
{
    text-decoration:none;
    display:block;
    color:white;
    cursor:pointer;
    background-color:#6FB3FF;
    border-bottom:1px solid #e6e6e6;
}

#loadingElementContainerDIV
{
    top:50px;
    width:100%;
}

.BoxLink
{
    display:block;
    border-top:1px solid silver;
    padding:5px;    
    color:Gray;
     font-weight:bold;
}
.BoxLink:hover
{
    display:block;
    cursor:pointer;
    border-top:1px solid #e6e6e6;
    padding:5px;
    color:gray;
    font-weight:bold;
    background-color:#F1F1FD;
}


.VerifyButton
{
    background:green;
    color:White;
    cursor:pointer;
}
.RejectButton
{
    background:red;
    color:White;
    cursor:pointer;
}

.UnselectedRow
{
    background:none;
}
.SelectedRow
{
    background:#e6e6e6;
}

.transparentButton
{margin:0px;
    border:none;
    background:none;
    cursor:pointer;
}



.TopLinks
{
    
    color:#eeeeee;
    background-color:#4E8CCF;
    text-decoration:none;
    padding:0px 10px 0px 10px;
}
.TopLinks:hover
{
      
    color:#4E8CCF;
    cursor:pointer;
    background-color:#eeeeee;
    text-decoration:none;
    padding:0px 10px 0px 10px;
}


.TopLinkSeperator
{
    border-left:1px solid #79A7D8;
    border-right:1px solid #0046AD;
}

.TopLinkContainer
{
    background-color:#4E8CCF;
    padding:5px 0px 0px 0px;
    
}

.validityBox
{
  border:1px solid black;
  height:10px;
  width:10px;   
}

.AddNewLink
{
    border:1px solid #ADB3FC;
    width:90%;
    font-size:medium;
    font-weight:bold;
    color:Gray;
    padding:5px;
}
.AddNewLink:hover
{
    border:1px solid #4E5BFF;
    cursor:pointer;
    width:90%;
    font-size:medium;
    font-weight:bold;
    color:Gray;
    padding:5px;
}

.WarningBlink
{
    color:Red;
    text-decoration:blink;
}

.CoolListItem
{
    border-left:2px solid #6D95F0;
    border-bottom:1px solid #6D95F0;
}

.DropableBoxDelete
{
    color:Silver;
    font-weight:normal;
    border:1px solid silver;
}

.DropableBoxDeleteOnDragged
{
    color:Black;
    font-weight:bold;
    border:2px solid black;
    -moz-box-shadow:    inset 0 0 10px gray;
    -webkit-box-shadow: inset 0 0 10px gray;
    box-shadow:         inset 0 0 10px gray;
}

.ValidRow
{
    border-bottom:1px solid green;
    border-left:2px solid green;
}

.InValidRow
{
    border-bottom:1px solid red;
    border-left:2px solid red;
}

.UtilityButton
{
    padding:5Px;
    border:1px solid #79B1F6;
    color:#79B1F6;
}
.UtilityButton:hover 
{
    padding:5Px;
    border:1px solid #063EF3;
    color:#063EF3;
    cursor:pointer;
}


.RedListItem
{
    background:#FA3D41;
    color:White;
    border:1px solid white;
}
.RedListItem:hover
{
    background:#FA3D41;
    color:White;
    cursor:pointer;
    border:1px solid #eeeeee;
}


.FollowUpContainerFuture
{
    border-top:2px solid #5FBF5F;
    border-bottom:2px solid #5FBF5F;
    
    border-left:1px solid #5FBF5F;
    border-right:1px solid #5FBF5F;
}

.FollowUpContainerPast
{
    border-top:2px solid #E65C5C;
    border-bottom:2px solid #E65C5C;
    
    border-left:1px solid #E65C5C;
    border-right:1px solid #E65C5C;
}

.FollowUpContainerSale
{
    border-top:2px solid yellow;
    border-bottom:2px solid yellow;
    
    border-left:1px solid yellow;
    border-right:1px solid yellow;
}


.FollowUpContainerFutureList
{
    border-top:1px solid green;
    border-bottom:1px solid green;
    
    border-left:1px solid green;
    border-right:1px solid green;
}

.FollowUpContainerPastList
{
    border-top:1px solid red;
    border-bottom:1px solid red;
    background:#FFE1E1;
    border-left:1px solid red;
    border-right:1px solid red;
}

.FollowUpContainerSaleList
{
    border-top:1px solid black;
    border-bottom:1px solid black;
    background: yellow;
    border-left:1px solid black;
    border-right:1px solid black;
}



.FollowUpCancelButton
{
    background:#E65C5C;
    height:26px;
    color:White;
    cursor:pointer;
   border:1px solid #E65C5C;
}

.FollowUpRespondButton
{
    background:#5FBF5F;
    height:26px;
    color:White;
    cursor:pointer;
    border:1px solid #5FBF5F;
 
}


.MarkAsNoSale
{
    background:#6D7AFC;
    border:1px solid #e6e6e6;
    color:White;
    font-weight:bold;
}
.MarkAsNoSale:hover
{
    background:#6D7AFC;
    border:1px solid #e6e6e6;
    color:White;
    font-weight:bold;
    cursor:pointer;
}



.CreateActivityContainer
{
    border:1px solid silver;
}

.CreateActivitytextarea
{
    border:1px solid white;
}


.leftMenuButton
{   padding:5px 10px 5px 10px;
    color:#3F3E3E;
    font-size:medium;
    font-weight:bold;
    background:White;
    border-bottom:1px solid silver;
}
.leftMenuButton:hover
{    padding:5px 10px 5px 10px;
    font-weight:bold;
    background:#ff8f52;
    font-size:medium;
    color:White;
    border-bottom:1px solid silver;
    cursor:pointer;
}



.leftMenuButtonSelected
{
   padding:5px 10px 5px 10px;
    font-weight:bold;
    background:#ff8f52;
    font-size:medium;
    color:White;
    border-bottom:1px solid black;
}


#graphContainer
{
    background:#eeeeee;
    border:1px solid silver;
    width:600px;   
    -moz-box-shadow:     0 0 7px silver;
    -webkit-box-shadow:  0 0 7px silver;
    box-shadow:          0 0 7px silver;
}

.GraphBarContainer
{
    background:#eeeeee;
    border-bottom:1px solid white;
}

.NegativeGraph
{
    background:#B20000;
    vertical-align:bottom;
   
}
.PositiveGraph
{
    background:#001D72;
    vertical-align:bottom;
   
}


.verticalText
{
    color:silver;
    -ms-transform:rotate(270deg); /* IE 9 */
  -moz-transform:rotate(270deg); /* Firefox */
  -webkit-transform:rotate(270deg); /* Safari and Chrome */
  -o-transform:rotate(270deg); /* Opera */
}


.refundStript
{
    background:#ffe6e6;
    border-bottom:1px solid #800000;
}
.saleStrip
{
    border-bottom:1px solid #003D00;
}


.QuickLinksContainer
{   
    background:#E2E9F7;    
}


.QuickLinksContainerLink
{   
   Color:Black;
   font-weight:bold;  
   text-decoration:underline; 
}
.QuickLinksContainerLink:hover
{   
   Color:gray;
   font-weight:bold; 
   text-decoration:none;  
   cursor:pointer;
}


.feedBack
{
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D6EBFF', endColorstr='#F5FAFF'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#D6EBFF), to(#F5FAFF)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #D6EBFF,  #F5FAFF); /* for firefox 3.6+ */ 
    border-top:1px solid #85C2FF;
    border-left:1px solid #85C2FF;
    border-bottom:1px solid #85C2FF;
    padding-bottom:3px;
    padding-right:9px;
    padding-left:9px;
    padding-top:3px;
    position:fixed;
    bottom:0;
    right:0;
    color:gray;
    font-size:medium;
    font-weight:bold;
   
    -moz-box-shadow:     0 0 6px gray;
-webkit-box-shadow:  0 0 6px gray;
 box-shadow:          0 0 6px gray;
}
.feedBack:hover
{
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5FAFF', endColorstr='#D6EBFF'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#F5FAFF), to(#D6EBFF)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #F5FAFF,  #D6EBFF); /* for firefox 3.6+ */ 
    border-top:1px solid #85C2FF;
    border-left:1px solid #85C2FF;
    border-bottom:1px solid #85C2FF;
    padding-bottom:3px;
    padding-right:9px;
    padding-left:9px;
    padding-top:3px;
    
    color:gray;
    font-size:medium;
    font-weight:bold;

    cursor:pointer;
}









.reminder
{
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D6EBFF', endColorstr='#F5FAFF'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#D6EBFF), to(#F5FAFF)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #D6EBFF,  #F5FAFF); /* for firefox 3.6+ */ 
    border-top:1px solid #85C2FF;
    border-left:1px solid #85C2FF;
    border-bottom:1px solid #85C2FF;
    padding-bottom:3px;
    padding-right:9px;
    padding-left:9px;
    padding-top:3px;
    position:fixed;
    bottom:0;
    left:0;
    color:gray;
    font-size:medium;
    font-weight:bold;
   
    -moz-box-shadow:     0 0 6px gray;
-webkit-box-shadow:  0 0 6px gray;
 box-shadow:          0 0 6px gray;
}
.reminder:hover
{
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5FAFF', endColorstr='#D6EBFF'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#F5FAFF), to(#D6EBFF)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #F5FAFF,  #D6EBFF); /* for firefox 3.6+ */ 
    border-top:1px solid #85C2FF;
    border-left:1px solid #85C2FF;
    border-bottom:1px solid #85C2FF;
    padding-bottom:3px;
    padding-right:9px;
    padding-left:9px;
    padding-top:3px;
    
    color:gray;
    font-size:medium;
    font-weight:bold;

    cursor:pointer;
}












.expand{
    border:1px solid blue;
    background:white;
    padding:2px;
     font-size:small;
     color:black;
}
.expand:hover
{
    border:1px solid blue;
    background:#e6e6e6;
    padding:2px;
     font-size:small;
     cursor:pointer;
     color:black;
}




.headingYear
{
     background:silver;
}
.descYear
{
     background:#e6e6e6;
}

.headingQuarter
{
     background:#554dd8;
}
.descQuarter
{
     background:#7872d8;
}

.headingMonth
{
     background:#ffb140;
}
.descMonth
{
     background:#ffc673;
}

.headingWeek
{
    background:#bf8530;
}
.descWeek
{ 
    background:#a66200;
}

.headingDay
{
     background:#ffd240;
}
.descDay
{
     background:#ffde73;
}

.headingSale
{
    background:#ff5240;
}
.descSale
{
    background:#ff8073;
}




.selectable{
    cursor:pointer;
}
.selectable:hover{
    cursor:pointer;
    background-color:#e6e6e6
}

.selected{
    background-color:gray;
    cursor:pointer;
    color:white;
}


#MasterLinksUL
{
 
list-style-type:none;
}
#MasterLinksUL li
{
 float:left;
 
 font-size:medium;
}

#MasterLinksUL a
{
 color:white;
}
#MasterLinksUL a:hover
{
 color:gray;
}



.MasterSUBLinksUL
{ 
    
    list-style-type:none;
    position:absolute;
    width:200px;
}

.MasterSUBLinksUL li
{    
 
}


.PairItemContainer
{
    
    
    width:225px;
}

.FirstItemContainer
{
    float:left;
    background:#BBD9EE;
    padding:3px;
    width:100px;
         font-size:large;
    font-weight:bold;
}

.SecondItemContainer
{
    color:white;
    float:left;
    background:#206BA4;
    padding:3px;
    width:100px;
    font-size:large;
    font-weight:bold;
}


.PairItemContainerHR
{
    float:left;
    
    width:175px;
}

.FirstItemContainerHR
{
    
    background:#BBD9EE;
    padding:3px;
    width:100px;
        
    font-weight:bold;
}

.SecondItemContainerHR
{
    color:white;
    
    background:#206BA4;
    padding:3px;
    width:100px;
    font-size:large;
    font-weight:bold;
}




.PairItemContainerHR2
{
    float:right;
    
    width:112px;
}

.FirstItemContainerHR2
{
    
    background:#FFCC66;
    padding:3px;
    width:100px;
        
    font-weight:bold;
}

.SecondItemContainerHR2
{
    color:white;
    
    background:#336699;
    padding:3px;
    width:100px;
    font-size:large;
    font-weight:bold;
}


.ListItemHighLightAble
{
    background:none;
    border-bottom:1px solid #e6e6e6;
    padding:3px;
    font-weight:bold;
    cursor:pointer;
}
.ListItemHighLightAble:hover
{
    background:#e6e6e6;
    border-bottom:1px solid #e6e6e6;
    padding:3px;
    font-weight:bold;
}


.ListItemHighLightAbleWOpointer
{
    background:none;
    border-bottom:1px solid #e6e6e6;
    padding:3px;
    font-weight:bold;
}
.ListItemHighLightAbleWOpointer:hover
{
    background:#e6e6e6;
    border-bottom:1px solid #e6e6e6;
    padding:3px;
    font-weight:bold;
}

.ListItemNormalHighLightOpointer
{
    background:none;
    border-bottom:1px solid #e6e6e6;
    padding:3px;    
}
.ListItemNormalHighLightOpointer:hover
{
    background:#e6e6e6;
    border-bottom:1px solid #e6e6e6;
    padding:3px;    
}
.textroatate 
{
 -webkit-transform: rotate(270deg);   
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
}
.fixed-size-square {
    display: table;
    width: 200px;
    height: 200px;
    background: #4679BD;
}
.fixed-size-square span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: white
}
.MakeSquare{width:100%;height:100%}

.Rightnowcount
{
     color:black;
    font-family: arial;
    padding: 17px 5px 5px;
    text-align: center;
    font-size: 70px;
    
}

.MobileReportingImage{
   margin-left: -249px;
    position: absolute;
}

.DesignImage {
    width: 100%;
    height: 620px;
    background-repeat: no-repeat;
    background-size: contain;
    border: 1px solid green;
}