body
{
	font-family: "Calibri", Helvetica Neue,Helvetica,Arial,sans-serif; background-color:#FFFFFF; font-size: 11pt;     
    margin: 0px 0px 0px 0px; /*overflow-moz-x:auto;*/ padding: 0px 0px 0px 0px; border: 0px; height: 100%; 
}

/*
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 14px;
line-height: 1.42857;
*/

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modalNew {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('../images/Loading.gif') 
                50% 50% 
                no-repeat;
}

.form-horizontal .form-group {
  margin-right: 0px !important;
  margin-left: 0px !important;
}

h1, h2, h3 {
    margin-left: 0px !important;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modalNew {
    display: block;
}

.alert-purple { border-color: #694D9F;background: #694D9F;color: #fff; }
.alert-info-alt { border-color: #B4E1E4;background: #81c7e1;color: #fff; }
.alert-danger-alt { border-color: #B63E5A;background: #E26868;color: #fff; }
.alert-warning-alt { border-color: #F3F3EB;background: #E9CEAC;color: #fff; }
.alert-success-alt { border-color: #19B99A;background: #20A286;color: #fff; }
.glyphicon { margin-right:10px; }
.alert a {color: gold;}

.red 	{ color: #f00f00; }


.error
{	
	font-weight: bold;
	color:Red;
	
}

.success
{	
	font-weight: bold;
	color:Green;
	
}


/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modalNew {
    display: block;
}

.green
{	
	font-weight:lighter ;
	
	
	color:green;
	
}

.gridRight{
	text-align:right !important;
	padding-right:5px !important;	
}

.gridCenter{
	text-align:center !important;	
}

.containerLeft {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: 0px !important; 
}

    .padContainer
    {
    	padding-left:73px !important;
    }    
    
    .padLabel
    {
    	padding-left:45px !important;
    }    
    
    .padLabel15
    {
    	padding-left:15px !important;
    }
    
    .text-right-csi {
	  text-align: right;
	}
    
    .padHeader
    {
    	/*padding-left:0px !important;*/
    }  

@media (max-width: 767px) {
	.padContainer
    {
    	padding-left:2px !important;
    }    
    
    .text-right-csi {
	  text-align: left;
	}
    
    .padLabel
    {
    	padding-left:2px !important;
    }   
    
    .padHeader
    {
    	text-align:center !important;
    }  
}


.rounddiv
        {
        	border: 1px solid;
    border-radius: 6px;
        }
        
        .gridtxt
        {
        	font-family: "Calibri",Helvetica Neue,Helvetica,Arial,sans-serif;
        	font-size:11pt;
        	color:Black;
        }
        
        
        .bordersfirst
        {
        	border-bottom:solid 1px black;
        	border-left:solid 0px black;
        	border-right:solid 1px black;
        	width:70px;
        	overflow:hidden;
        	
        }
        
         .bordersothers
        {
        	border-bottom:solid 1px black;
        	border-left:solid 0px black;
        	border-right:solid 1px black;
        	width:70px;
        	overflow:hidden;
        	
        }
        
        .borderslast
        {
        	border-bottom:solid 1px black;
        	border-left:solid 0px black;
        	border-right:solid 1px black;
        	width:70px;
        	overflow:hidden;
        	
        }
        .dyntable
        {
        	width:0px;table-layout:fixed
        }
        
        .padTop10
    {
    	padding-top:10px !important;
    } 
    
    
    /*PREM STARTED*/
/*----------Member Container----------*/
.ClientContainer
{
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

@media (min-width:768px)
{
	.ClientContainer
	{
		width: 730px;
	}
}

@media (min-width:992px)
{
	.ClientContainer
	{
		width: 772px;
	}
}

@media (min-width:1200px)
{
	.ClientContainer
	{
		width: 900px;
	}
}

.ClientContainer-fluid
{
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

/*Dec 1*/
.ChkSpace
{	
	padding: 0px 0px 0px 3px;	
}
.RdoSpace
{	
	padding: 0px 5px 0px 3px;	
	font-weight:normal;
}

hr.hrblack{
	border-top: 2px solid #8c8b8b;
	margin-top:-2px;	
}

/*Prem*/
.tblbluehead
{
	font-family: "Calibri",Helvetica Neue,Helvetica,Arial,sans-serif;
	background-color:#366092;
	color:#FFFFFF;
	vertical-align:middle;
    font-size:11pt;    
	padding:5px 3px 5px 3px;
}
.tblblueoddrow
{
	font-family: "Calibri",Helvetica Neue,Helvetica,Arial,sans-serif;
	background-color:#FFFFFF;
	color:#000000;
    font-size:11pt;   
	vertical-align:middle;
	padding:3px 3px 3px 3px;
}
.tblblueevenrow
{
	font-family: "Calibri",Helvetica Neue,Helvetica,Arial,sans-serif;
	background-color:#DCE6F1;
	color:#000000;
    font-size:11pt;   
	vertical-align:middle;
	padding:3px 3px 3px 3px;
	
}