body {
    font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
    background-color: #F7F7F7;
    font-size: 0.8em;
    margin: 0;
    padding: 0;
    color: #0000FF;
}

ul, ol, dl
{    
    padding: 0;
    margin: 0;
}
/*button{
    height:25px;
    font-weight:bold;    
}*/

h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px; 
	color: #660033;
}
a img {
	border: none;
}
.container
{
    width: 100%;
    background-color: #FFF;
    margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
    border: 1px solid #CCC;
}


a:link {
	color:#414958;
	text-decoration: underline;
    margin-top: 0px;
}
a:visited {
	color: #4E5869;
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

.header {
    background-color: #6F7D94;
    background-image: url('../images/head_bg1.jpg');
    background-repeat: repeat-x;
    height: 73px;
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-bottom-color: #33CCFF;
}

.mmenuheader
{
    background-image: url('../Images/stripes2.png');
    background-repeat: repeat-x;
    height: 40px;
    vertical-align: middle;
    margin: 0 auto;
    color: #0000FF;
    font-weight: bold;
    background-color: #99CCCC;
}
.menuheader
{
    background-image: url('../Images/menuhd_bg.png');
    background-repeat: repeat-x;
    /*height: 40px;*/
    margin: 0 auto;
    color: #FFFFFF;
    font-weight: bold;
}

.staticmenu
{
    text-align: right;
    list-style-type: none;
}

.subhead {
	background-image: url(../images/14.gif);
	background-repeat: repeat-x;
	height: 20px;
}

.headerTop{width:100%; height:20px; }
.other_links
{
    float: right;
}
.other_links ul
{
    float: left;
    margin: 0px;
    padding: 0;
    list-style-type: none;
    text-transform: uppercase;
}
.other_links li{margin: 0;float: left;font-size: 10px;display: inline-block; padding: 2px;color: #fff;
	height: 13px;
}
.other_links li a, .other_links ul li a:visited
{
	color: #FFFFFF;
	text-transform: uppercase;
}
.other_links li a:hover
{
	color: #FFFFD7;
	text-transform: uppercase;
	text-decoration: none;
}
.header span{float:left}

.sidebar1
{
    float: left;
    width: auto;
    background-color: #FCFCFC;
    padding-bottom: 10px;
        
}
.sidebar1 div
{
  padding-left: 5px;
}

.content {
	padding: 10px 0;
	width: 100%;
	float:Left;
}
.sidebar2
{
    float: left;
    width: 20%;
    background-color: #93A5C4;
    padding: 10px 0;
}

.content ul, .content ol { 
	padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
}

ul.nav
{
    list-style: none; 
    border-top: 1px solid #666; 
    margin-bottom: 15px;
}
ul.nav li
{
    border-bottom: 1px solid #666;
}
ul.nav a, ul.nav a:visited
{   
    padding: 5px 5px 5px 15px;
    display: block; 
    text-decoration: none;
    background-color: #8090AB;
    color: #000;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus
{    
    background-color: #6F7D94;
    color: #FFF;
}

ul.navToken
{
    list-style: none; /* this removes the list marker */
    border-top: 1px solid #666; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
    margin-bottom: 15px; /* this creates the space between the navigation on the content below */
}
ul.navToken li
{
    border-bottom: 1px solid #666; /* this creates the button separation */
}
ul.navToken a, ul.navToken a:visited
{   
    padding: 5px 5px 5px 15px;
    display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
    text-decoration: none;
    background-color: #8090AB;
    color: #000;
}
ul.navToken a:hover, ul.navToken a:active, ul.navToken a:focus
{
    /* this changes the background and text color for both mouse and keyboard navigators */
    background-color: #6F7D94;
    color: #FFF;
}

.footer
{
    padding: 10px 0 10px 0;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    border: 1px solid #C6E1FF;
    background-color: #C0C0C0;
    position: relative; /* this gives IE6 hasLayout to properly clear */
    clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
}
    
    
    /*padding: 10px 0;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    background-color: #C0C0C0;
    position: relative; /* this gives IE6 hasLayout to properly clear */
    /*clear: both;
    top: 0px;
    left: 0px;
}*/

.fltrt
{    
    float: right;
    margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat
{    
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}

.linkprivilege
{
    font-weight: bold;
    font-size: 1em;
    color: #800080;
    text-align: center;
    padding: 8px 10px;
}

.linkprivilege:hover
{
  background-position: #C0C0C0;
    background: #C0C0C0;
}

.HeaderText
{
	padding-left:20%;
	font-family: Times New Roman arial;
	font-size: 16px;
	width: auto;
	/*height: 34px;*/
	z-index: 1;
	color: White;
	font-weight: bold;
}

.LogonImage {
    background-repeat: no-repeat;   
	background-image: url('../Images/CFCLoginPage.jpg');
    background-size: auto auto;  	
}
.menuheader1
{   width: 80%;
    background-image: url('../Images/menuhd_bg.png');
    background-repeat: repeat-x;
    height: 40px;
    margin: 0 auto;
    color: #FFFFFF;
    font-weight: bold;
}

/*---added on 30-09-2016---*/

.header-main {
    background:#fff;
    padding: 1em 2em;
    box-shadow: 0 1px 3px rgba(0,0,0,0.15);
}

.inner-block {
    padding: 8em 2em 4em 2em;
    background: #EEEEEE;
}

.button{display:inline-block; border:1px solid; font-weight:bold; text-transform:uppercase;}
.button.large {
    font-size: 1.2em;
    font-weight: normal;
    padding: 15px 20px 15px 20px;
}
.button.small{font-size:.9em; padding:6px 15px 5px 15px;}
.button.medium{font-size:1.1em; padding:10px 20px 9px 20px;}

.button.grey{color:#FFFFFF; background-color:#A8A8A8; border-color:#333333;}
.button.grey:hover{color:#666666; background-color:#C9C9C9; border-color:#666666;font-weight:bold;}
.button.grey.gradient{
	background:#A8A8A8;
	background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4NDciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNDOUM5QzkiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNBOEE4QTgiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c4NDcpIiAvPgo8L3N2Zz4=);
	background:-moz-linear-gradient(#C9C9C9 0%, #A8A8A8 100%);
	background:-webkit-gradient(color-stop(0%,#C9C9C9), color-stop(100%,#A8A8A8));
	background:-webkit-linear-gradient(#C9C9C9 0%,#A8A8A8 100%);
	background:-o-linear-gradient(#C9C9C9 0%,#A8A8A8 100%);
	background:-ms-linear-gradient(#C9C9C9 0%,#A8A8A8 100%);
	background:linear-gradient(#C9C9C9 0%,#A8A8A8 100%);
	}

.button.yellow{color:#333333; background-color:#FDE803; border-color:#FDC703;}
.button.yellow:hover{color:#FDE803; background-color:#D2A402; border-color:#FDE803;font-weight:bold;}
.button.yellow.gradient{
	background:#D2A402;
	background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc1MjkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGREU4MDMiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNEMkE0MDIiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c1MjkpIiAvPgo8L3N2Zz4=);
	background:-moz-linear-gradient(#FDE803 0%, #D2A402 100%);
	background:-webkit-gradient(color-stop(0%,#FDE803), color-stop(100%,#D2A402));
	background:-webkit-linear-gradient(#FDE803 0%,#D2A402 100%);
	background:-o-linear-gradient(#FDE803 0%,#D2A402 100%);
	background:-ms-linear-gradient(#FDE803 0%,#D2A402 100%);
	background:linear-gradient(#FDE803 0%,#D2A402 100%);
	}

.button.green{color:#FFFFFF; background-color:#C0E079; border-color:#98BA55;}
.button.green:hover{color:#7C9B41; background-color:#98BA55; border-color:#7C9B41;}
.button.green.gradient{
	background:#98BA55;
	background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2NjgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNDMEUwNzkiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiM5OEJBNTUiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c2NjgpIiAvPgo8L3N2Zz4=);
	background:-moz-linear-gradient(#C0E079 0%, #98BA55 100%);
	background:-webkit-gradient(color-stop(0%, #C0E079), color-stop(100%, #98BA55));
	background:-webkit-linear-gradient(#C0E079 0%, #98BA55 100%);
	background:-o-linear-gradient(#C0E079 0%, #98BA55 100%);
	background:-ms-linear-gradient(#C0E079 0%, #98BA55 100%);
	background:linear-gradient(#C0E079 0%, #98BA55 100%);
	}

.button.purple{color:#FFFFFF; background-color:#9F81A9; border-color:#74557D;}
.button.purple:hover{color:#9F81A9; background-color:#48344E; border-color:#9F81A9;}
.button.purple.gradient{
	background:#48344E;
	background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcxODMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiM5RjgxQTkiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiM0ODM0NEUiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2cxODMpIiAvPgo8L3N2Zz4=);
	background:-moz-linear-gradient(#9F81A9 0%, #48344E 100%);
	background:-webkit-gradient(color-stop(0%,#9F81A9), color-stop(100%,#48344E));
	background:-webkit-linear-gradient(#9F81A9 0%,#48344E 100%);
	background:-o-linear-gradient(#9F81A9 0%,#48344E 100%);
	background:-ms-linear-gradient(#9F81A9 0%,#48344E 100%);
	background:linear-gradient(#9F81A9 0%,#48344E 100%);
	}

.button.blue{color:#FFFFFF; background-color:#56AED4; border-color:#287A9D;}
.button.blue:hover{color:#56AED4; background-color:#1C546C; border-color:#56AED4;}
.button.blue.gradient{
	background:#1C546C;
	background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc5MDkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiM1NkFFRDQiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMxQzU0NkMiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c5MDkpIiAvPgo8L3N2Zz4=);
	background:-moz-linear-gradient(#56AED4 0%, #1C546C 100%);
	background:-webkit-gradient(color-stop(0%,#56AED4), color-stop(100%,#1C546C));
	background:-webkit-linear-gradient(#56AED4 0%,#1C546C 100%);
	background:-o-linear-gradient(#56AED4 0%,#1C546C 100%);
	background:-ms-linear-gradient(#56AED4 0%,#1C546C 100%);
	background:linear-gradient(#56AED4 0%,#1C546C 100%);
	}

.menu_des {
   /*background:#005555 url('../images/img_bg.gif') repeat-x;*/
   height:57px;
}

.menu_des ul {
    margin: 0; padding: 0px;
    float: left;   
}

.menu_des ul li {
    padding: 5px;
    display: inline-block;
    background: url('.../images/img03.gif') no-repeat right top;
    text-align: center;
    margin-top: 5px;
}

.menu_des ul li a {
    border: 1px solid #E9E9E9;
    float: left;
    text-decoration: none;
    /*color: #666666;*/
    height: 57px;
    padding: 10px 10px;
    margin-top: -5px;
    text-transform: uppercase;
    font: Verdana, Geneva, sans-serif;
}
 
.menu_des ul li a:visited {
    color: #666666;
}
 
.menu_des ul li a:hover, .menu_des ul li .current {
    color: #FFF;
    background-color: #9F81A9;
}

.small{
	color: #666666;
	display:block;
	font-size:11px;
	padding: 0px 30px;
	font-weight:normal;
}

.bg_blue{color:#FFFFFF; background-color:#56AED4;}
.bg_green{color:#FFFFFF; background-color:#C0E079;}
.bg_grey{color:#FFFFFF; background-color:#A8A8A8;}
.bg_gray{color: black;    background-color: #EEEEEE;}
.bg_dkgrey{color:#FFFFFF; background-color:#333333;}
.bg_orange{color:#FFFFFF; background-color:#FF9900;}
.bg_purple{color:#FFFFFF; background-color:#9F81A9;}
.bg_red {
    color: #FFFFFF;
    background-color: #D54346;
}


  .col-md-4 {
    width: 25.33333333%;
  }

 /*---main-content-start---*/
 .widget {
    float: none;
    width: 100%;
}
.widget {
    width: 24%;
    border: 1px solid #F5F1F1;
    padding: 2px;
    /*box-shadow: 0 -1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);*/
}
.widget.states-mdl {
    margin: 0 2%;
}

    .widget:hover {
    background-color: #E1E1E1;
    font-style:italic;
}

.stats-left {
    float: left;
    width: 95%;
    background-color:#FC8213; /*#4F52BA;*/
	text-align: center;
	padding: 1em;
}

.states-mdl .stats-left {
    background-color: #68ae00; /* #585858;*/
}
.states-mdl .stats-right {
    background-color: rgba(88, 88, 88, 0.88);
}
.states-last .stats-left {
    background-color: #56AED4; /*#e94e02;*/
}
.states-last .stats-right {
    background-color: rgba(233, 78, 2, 0.84);
}
.stats-right {
    float: right;
    width: 33%;
    text-align: center;
	padding: 1.54em 1em;
	background-color: rgba(79, 82, 186, 0.88);
}
.stats-left h5 {
    color: #fff;
    font-size: 1em;
}
.stats-left h4 {
    font-size: 2em;
    color: #fff;
    margin-top: 10px;
}
.stats-left label {
    font-size: 2em;
    color: #fff;
}

.stats-right label {
    font-size: 2em;
    color: #fff;
}
.row-one {
    width:100%;
    height:150px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.25);
}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 5px;
  padding-left: 0px;
}

#page-wrapper {
	background-color: #Ffffff;
}


        .grdbordered1 {
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;
}

            .grdbordered1 tr:hover {
    background: #95bed0;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

            .grdbordered1 td, .grdbordered1 th {
                border-left: 1px solid #ccc;
                border-top: 1px solid #ccc;
               padding: 10px;
                text-align: center;
            }

            .grdbordered1 th {
    background-color: #990000;
    background-image: linear-gradient(top, #ebf3fc, #dce9f9);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    color: white;
}

            .grdbordered1 tr {
    background-color: #F7F4F4;
    background-image: linear-gradient(top, #F2EEEE, #F2EEEE);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) outset;
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,.8) outset;
    box-shadow: 0 1px 0 rgba(255,255,255,.8) outset;
    border-top: none;
    color: black;
    border-top-style: none;
    border-left-style: solid;
    border-top-width: medium;
    border-left-width: 1px;
    border-top-color: inherit;
    border-left-color: #D0BFBF;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #D0BFBF;
}

            .grdbordered1 td:first-child, .grdbordered1 th:first-child {
                border-left: none;
            }

            .grdbordered1 th:first-child {
                -moz-border-radius: 6px 0 0 0;
                -webkit-border-radius: 6px 0 0 0;
                border-radius: 6px 0 0 0;
            }

            .grdbordered1 th:last-child {
                -moz-border-radius: 0 6px 0 0;
                -webkit-border-radius: 0 6px 0 0;
                border-radius: 0 6px 0 0;
            }

            .grdbordered1 th:only-child {
                -moz-border-radius: 6px 6px 0 0;
                -webkit-border-radius: 6px 6px 0 0;
                border-radius: 6px 6px 0 0;
            }

            .grdbordered1 tr:last-child td:first-child {
                -moz-border-radius: 0 0 0 6px;
                -webkit-border-radius: 0 0 0 6px;
                border-radius: 0 0 0 6px;
            }

            .grdbordered1 tr:last-child td:last-child {
                -moz-border-radius: 0 0 6px 0;
                -webkit-border-radius: 0 0 6px 0;
                border-radius: 0 0 6px 0;
            }

            .grdbordered1 td:last-child {
                -moz-border-radius: 0 0 6px 0;
                -webkit-border-radius: 0 0 6px 0;
                border-radius: 0 0 6px 0;
                text-align: left;
            }