﻿
/* Author - Akanksha Tiwari, Cognizant Technology Solutions */
body
{
font-size: 12px;overflow-x:hidden; overflow:y:auto; width:100%; height:100%; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif
}
a
{
color: #850000;
}

.alignLeft{ text-align:left!important}
.alignRight{ text-align:right; padding-right:15px!important}
.alignCenter{ text-align:center}
.alignMiddle{ vertical-align:middle!important}



.widgetTable tr td,.widgetTable tr th{ height:30px; line-height:30px; border-top:1px solid #ddd; text-align:center; min-width:120px; line-height:14px}
.widgetTable{ width:100%; position:relative}
.widgetTable tr.even td{
background-image: -moz-linear-gradient(top, #FFFFFF, #f4f2f2);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#f4f2f2));
background-image: -webkit-linear-gradient(top, #FFFFFF, #f4f2f2);
background-image: -o-linear-gradient(top, #FFFFFF, #f4f2f2);
background-image: linear-gradient(to bottom, #FFFFFF, #f4f2f2);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#f4f2f2', GradientType=0);}
.widgetTable { }
.widgetTable tr th{
background-image: -moz-linear-gradient(top, #FFFFFF, #f4f2f2);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#f4f2f2));
background-image: -webkit-linear-gradient(top, #FFFFFF, #f4f2f2);
background-image: -o-linear-gradient(top, #FFFFFF, #f4f2f2);
background-image: linear-gradient(to bottom, #FFFFFF, #f4f2f2);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#f4f2f2', GradientType=0);}



.glyphicon-eye-open{ cursor:pointer}


.toolTipData tr td{ vertical-align:top; border-bottom:1px solid #ddd; font-size:11px; padding-bottom:3px;}
.toolTipData tr td.labels{ font-weight:bold; padding-right:10px }
.toolTip:before{
background: none repeat scroll 0 0 #FFFFFF;
    border-color: #850000;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 0 0;
    content: " ";
    display: block;
    height: 12px;
    left: 6px;
    position: absolute;
    top: -7px;
    transform: rotate(315deg);
    width: 12px;
    z-index: 99;-webkit-transform:rotate(315deg);}
    
    .toolTip .close{ position:absolute; color:#000; font-size:13px; top:5px; right:5px}
      .toolTip .close span{ color:#000;text-shadow:0px 0px 0px #000}
   .ttIcon.active{ color:#850000}
   
   .toolTip{ -moz-box-shadow:    1px 2px 5px 1px #ccc;
  -webkit-box-shadow:  1px 2px 5px 1px #ccc;
  box-shadow:         1px 2px 5px 1px #ccc;display:none; position:fixed; background:#fff; z-index:4000; width:300px; max-height:300px; min-height:100px; border:1px solid #850000; padding:10px; top:20px; border-radius:4px; top:340px; left:600px}


.gridVariables{ margin-top:-2px; font-weight:normal; }
.gridVariables span,.gridVariables label{ font-weight:normal; font-size:11px;}
.mR5{ margin-right:5px}

section
{

border: 1px solid #D7DCCF;
border-top: 2px solid #900;
/*background: transparent url(../images/sectionBg.png) repeat-x bottom;*/

min-height: 150px; border-radius:3px;/*box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);*/
}
section h4
{
color: #333333;
font-size: 0.916em;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 7px; margin-top:0;
background-color: #FFFFFF;
background-image: -moz-linear-gradient(top, #FFFFFF, #e6e6e6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #FFFFFF, #e6e6e6);
background-image: -o-linear-gradient(top, #FFFFFF, #e6e6e6);
background-image: linear-gradient(to bottom, #FFFFFF, #e6e6e6);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#e6e6e6', GradientType=0);
*zoom: 1;
padding:10px; border-bottom:1px solid #ddd; height:32px;
}
.widgetTableWrapper{ padding:10px; overflow-x:auto; width:100%}

.dsc {
background: url('../images/menubutton.png') no-repeat right; cursor:pointer

}

.asc {
background: url('../images/menubuttonInvert.png') no-repeat right; cursor:pointer

}

.widgetTableWrapper{ min-height:300px; min-width:300px; overflow-y:auto; overflow-x:hidden}




.horizontalScrollBarWrapper.out {
    bottom: 0;
    margin: 0 auto;
    position: fixed;
    width: 100%;
    z-index:100
}
.horizontalScrollBarWrapper {
}

.horizontalScrollBarInner {
    height: 18px;
    overflow-x: auto;
    overflow-y: hidden;
    position: relative;
    width: 100%;
}

.horizontalScrollBar {
    height: 18px;
    position: relative;
}
.horizontalScrollBarWrapper.in {
    position: relative;
    width: 100%;
}

.marker{ height:1px; width:100%;}

section{ display:inline-block; width:100%}
.widgetTable .glyphicon-eye-open{ margin-right:5px}

.footnote{ border-top:1px solid #ddd; font-style:italic; color:#666; padding-top:3px}

.widgetTable tr td,.widgetTable tr th{  font-size:11px; padding:5px}
.gridVariables{ position:relative}
.widgetTable tr:nth-child(even){background: #f2f2f2;}

.chartHeader{ font-size:12px; font-weight:bold;margin:0px 0 0 0; text-align:center}

.gridVariables .badge{ background-color:transparent!important; color:#333!important}