/*  
*
*   Grid framework
*   
*   File type -> CSS2
*   License   -> GPL
--------------------------------- 
          Document Structure
---------------------------------
  #1 - Wrapper Block




/* # -- Debug -- */
	.dbgC1{ background:red; }
	.dbgC2{ background:brown; }
	.dbgC3 {background:cyan;}
	.dbgC4 {background:yellow;}
	.dbgC5 {background:green;}

/* # -- Loader -- */
	.loaderBgr strong { background:url(../images/loader.gif) no-repeat; line-height:50px; padding: 15px 0px 15px 50px; }

/* # -- 3 Columns (fluid) -- */
	
	
	/* --  --*/
	.colFltL	{ float: left; display:inline;	}
	.colFltR	{ float: right; display:inline;}
	.colFltN	{ float: none;}	
	
	
	/* -- Default width -- */
	.colW1 { width:200px;  }
	.colW2 { width:150px;  }	
	.colW3 { width:250px;  }		
	.colW4 { width:100px;  }		
	.colW5 { width:450px;  }			
	.colW6 { width:349px;  }	
	.colW7 { width:10px;  }	
	.colW8 { width:30px;  }		
	.colW9 { width:50px;  }
	.colW10 { width:310px;  }	
	.colW11 { width:300px;  }		
	.colW12 { width:499px;  }	
	.colW13 { width:420px;  }		
	.colW14 { width:275px;  }		
	.colW15 { width:400px;  }
	.colW16 { width:316px;  }	
	.colW17 { width:329px;  }	
	.colW18 { width:959px;  }
	
	/* -- Default height -- */
	.colHgh1{ height:70px;}
	.colHgh2{ height:10px; line-height:10px; }	
	.colHgh3{ height:200px; }
	.colHgh4{ height:50px; }
	.colHgh5{ height:275px; }
	.colHgh6{ height:180px; }	
	.colHgh7{ height:130px; }
	.colHgh8{ height:125px; }
	.colHgh9{ height:130px; }
	.colHgh10{ height:120px; }
	.colHgh11{ height:40px; }
	
		
	/* -- Resizable  -- */
	.resizable{  }


/* -- Default backgrounds -- */
	.bgr1{ 	background:#ffffff; }
	.bgr2{ 	background:#ebfdd7; }
	

/* -- Default background icons -- */	
	.bgrIco1{ background: url(../images/arrowDown.png) no-repeat 5px 6px; padding-left:25px !important; }
	.bgrIco2{ background: url(../images/chartIco.png) no-repeat 5px 0px; padding-left:25px !important; }
	.bgrIco3{ background: url(../images/bugsIco.png) no-repeat 0px 0px; padding-left:25px !important; }	
	.bgrIco4{ background: url(../images/emailIco.png) no-repeat 0px 0px; padding-left:25px !important; }	
	.bgrIco5{ background: url(../images/logoutIco.png) no-repeat 0px 0px #ffffff; padding-left:25px !important; }		
	.bgrIco6{ background: url(../images/totalBgr.gif) no-repeat 0px 7px #ffffff; padding-left:25px !important; }			
	/* -- Charts Icons -- */
	.bgrIco7{ background: url(../images/grChartBgr1.png) no-repeat left center ; padding-left:60px !important; }			
	.bgrIco8{ background: url(../images/grChartBgr2.png) no-repeat left center ; padding-left:60px !important; }			
	.bgrIco9{ background: url(../images/grChartBgr3.png) no-repeat left center ; padding-left:60px !important; }						

	.bgrIco10{ background: url(../images/filterIco.gif) no-repeat left center; padding-left:30px;}
	
/* -- Default colors -- */
	.color1{ color:#669900; }
	.color2{ color:#719f40; }
	.color3{ color:#3aa0e0; }
	.color4{ color:#669900; }
	.color5{ color:#669900; }
	.color6{ color:#669900; }
	.color7{ color:#669900; }
	.color8{ color:#ffffff; }

/* -- Default borders -- */

	/* -- Border top -- */
	.vsBrdT1{ border-top:10px solid #ffffff; }	
	
	/* -- Border bottom -- */
	.vsBrdB1{ border-bottom:10px solid #ffffff; }

	/* -- Default margins -- */
		.mrgNone{ margin:0px; }	
		/* -- Margin ALL -- */
		.mrgAll1{
			margin:10px;
		}

		/* -- Margin Left --*/
		.mrgL1{ margin-left:210px; }
		.mrgL2{ margin-left:260px; }			
		.mrgL3{ margin-left:460px; }		
		.mrgL4{ margin-left:152px; }						
		.mrgL5{ margin-left:40px; }		
		.mrgL6{ margin-left:540px; }
		.mrgL7{ margin-left:10px; }	
		.mrgL8{ margin-left:9px; }
		.mrgL9{ margin-left:142px; }	
		.mrgL10{ margin-left:85px; }	
		.mrgL11{ margin-left:70px; }

		/* -- Margin Right --*/
		.mrgR1{ margin-right:152px; }
		.mrgR2{ margin-right:260px; }		
		.mrgR3{ margin-right:560px; }		
		.mrgR4{ margin-right:360px; }						

		/* -- Margin Top --*/
		.mrgT1{ margin-top:10px; }
		.mrgT2{ margin-top:20px; }		
		
		/* -- Margin bottom -- */
		.mrgB1{ margin-bottom:10px;}
		
	/* -- Default paddings -- */
		.padNone{ padding:0px; }
			/* -- Padding ALL -- */
			.padAll1{ padding:10px; }
			.padAll2{ padding:20px; }
			
			/* -- Padding Left -- */
			.padL1{ padding-left:20px; }			
			.padL2{ padding-left:10px; }						

			/* -- Padding Right -- */
			.padR1{ padding-right:20px; }			
			.padR2{ padding-right:10px; }					

			/* -- Padding Bottom -- */
			.padB1{ padding-bottom:20px; }			
			.padB2{ padding-bottom:10px; }	
			
			/* -- Padding top -- */					
			.padT1{ padding-top:6px; }
			.padT2{ padding-top:10px; }			
			

/* -- Valign -- */
.vlgT, .vlgT * { vertical-align:top !important; }


.hide		{ display: none; }

.dBlock	{ display: block; }

.first		{ margin-left:0; padding-left:0; }
.last		{ margin-right:0; padding-right:0; }
.top		{ margin-top:0; padding-top:0; }
.bottom	{ margin-bottom:0; padding-bottom:0; }
.bordN{
	border:none;
}
/* # -- Clear classes and elements -- */
.clearfix:after{
    content: "\0020"; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
    overflow:hidden; 
}

.clear { clear:both; }