body {
	
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    
    color: #727272; 
    
    
}
fieldset { min-width: 100% !important; }
h1 {
    font: bold 32px Times;
	color: #666;
	text-align: center;
	padding: 20px 0;    
}
#container {
    width: 100%;
    margin: 10px auto;
}
.LoginPannel
{
	background-color:#f1f1f1;
	border-radius:5px;
	border:1px solid #ccc;
	}
.LoginHeader
{
	margin:0;
	font-family:Calibri;
	color:#000;
	font-size:14px;
	font-weight:bold;
	line-height:28px;
	padding-left:5px;
	background-color:#f1eff0;
	border-bottom:1px solid #fea100;
	margin-bottom:10px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	}
.InnerHeader
{
	
	font-family:Calibri;
	color:#000;
	font-size:14px;
	font-weight:bold;
	line-height:28px;
	padding-left:5px;
	background-color:#f1eff0;
	margin-bottom:10px;
	text-transform:uppercase;
	}

.PageMessageheader
{
	font-family:Calibri;
	color:#000;
	font-size:14px;
	font-weight:bold;
	line-height:28px;
	padding-left:5px;
	/*background-color:#f1eff0;*/
	background-color:#bed6e2;
	margin-bottom:10px;
	text-transform:uppercase;
	}

.FieldHeader
{
	
	font-family:Calibri;
	color:#000;
	font-size:14px;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px;
	}
.InnerMenu
{
	padding-top:2px;
	font-family:Calibri;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	line-height:28px;
	margin-left:0;
	}
.InnerMenu a
{
	padding-top:2px;
	font-family:Calibri;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	line-height:28px;
	margin-left:0;
	}
.mGrid { width: 100%; background-color: #fff; margin: 5px 0 10px 0; border: solid 1px #525252; border-collapse:collapse; }
    .mGrid td { padding: 2px; border: solid 1px #c1c1c1; color: #717171; }
    .mGrid th { padding: 4px 2px; color: #fff; background: #424242 url(grd_head.png) repeat-x top; border-left: solid 1px #525252; font-size: 0.9em; }
.mGrid .alt { background: #fcfcfc url(grd_alt.png) repeat-x top; }
.mGrid .pgr {background: #424242 url(grd_pgr.png) repeat-x top; }
    .mGrid .pgr table { margin: 5px 0; }
    .mGrid .pgr td { border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 12px; }   
    .mGrid .pgr a { color: #666; text-decoration: none; }
    .mGrid .pgr a:hover { color: #000; text-decoration: none; }
    
    .forGrid { width: 100%; background-color: #fff; margin: 5px 0 10px 0; border: solid 1px #525252; border-collapse:collapse; }
    .forGrid td { padding: 2px; border: solid 1px #c1c1c1; color: #717171; }
    .forGrid th { padding: 4px 2px; color: #fff; background: #417cb8 url(css/grd_head.png) repeat-x top; border-left: solid 1px #525252; font-size: 0.9em; }
.forGrid .alt { background: #fcfcfc url(css/grd_alt.png) repeat-x top; }
.forGrid .pgr {background: #424242 url(css/grd_pgr.png) repeat-x top; }
    .forGrid .pgr table { margin: 5px 0; }
    .forGrid .pgr td { border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 12px; }   
    .forGrid .pgr a { color: #666; text-decoration: none; }
    .forGrid .pgr a:hover { color: #000; text-decoration: none; }
    
    .Gridview { width: 100%; background-color: #fff; margin: 5px 0 10px 0; border: solid 1px #525252; border-collapse:collapse; }
    .Gridview td { padding: 2px; border: solid 1px #c1c1c1; color: #717171; }
    .Gridview th { padding: 4px 2px; color: #fff; background: #417cb8 url(css/grd_head.png) repeat-x top; border-left: solid 1px #525252; font-size: 0.9em; }
.Gridview .alt { background: #fcfcfc url(css/grd_alt.png) repeat-x top; }
.Gridview .pgr {background: #424242 url(css/grd_pgr.png) repeat-x top; }
    .Gridview .pgr table { margin: 5px 0; }
    .Gridview .pgr td { border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 12px; }   
    .Gridview .pgr a { color: #666; text-decoration: none; }
    .Gridview .pgr a:hover { color: #000; text-decoration: none; }
    
 /*For DataGrid*/
 
.Grid { border: solid 1px #666; }
.Grid td
{
    border: solid 1px #c1c1c1;
    padding: 2px;
    text-align: center;
}
.GridHeader
{
    padding: 4px 2px; color: #fff; background: #417cb8 url(css/grd_head.png) repeat-x top; border-left: solid 1px #525252; font-size: 0.9em; 
}
.GridHeader a
{
    padding: 4px 2px; color: #fff; background: #417cb8 url(css/grd_head.png) repeat-x top; border-left: solid 1px #525252; font-size: 0.9em; 
}
.GridHeader a:hover
{
    padding: 4px 2px; color: #fff; background: #417cb8 url(css/grd_head.png) repeat-x top; border-left: solid 1px #525252; font-size: 0.9em; 
}
.GridItem, .GridAltItem
{
    font-size: 11px;
}
.GridItem
{
    background-color: #fff;
}

.GridAltItem
{
    background-color: #eee;
}
 /*End DataGrid*/
input
        {
            width: 100px;
            border: 1px solid red;
            padding: 3px 3px 3px 3px;
            font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:10px;/* Resize Font*/  
        }
        input[type=text], input[type=password], textarea
        {
            
            margin-bottom: 5px;
			margin-top:5px;
            /*width:170px;*/
            padding: 5px;
            /*padding-left:25px;*/
            border-radius:2px;
            border:1px solid #bbb;
            color: #000;
            font-size:12px;
        }
        
        input[type=button], input[type=submit]
                {
                    font-family:Calibri;
                    border: 1px solid #1f6ab6;
                    background-color:#417cb8;
                    padding:5px;
                    border-radius:3px;
					height: 28px!important;
					margin-top: 5px;
					margin-bottom: 5px;
                    /*margin-bottom: 20px;*/
                    /*font-weight:bold;*/
                    color:#fff;
                    font-size:12px;
                    box-shadow: 1px 2px #ddd;
                    letter-spacing:1px;
					
                }
                input[type=submit]:hover
                {
                background-color: #1f6ab6;
                border: 1px solid #417cb8;
                            padding:5px;
                            border-radius:3px;
                            color:#fff;
                            font-size:12px;
                }
        .buttonClassActive
        {
                text-decoration: none;
				background-image: url(../images/selected.png);
				color: #fff;
				font-weight: bold;
				background-repeat: no-repeat;
				width: 225px;
				height: 35px;
				float: left;
				display: inline;
				text-align: center;
				vertical-align: middle;
				padding-top: 10px;
        }
        .buttonClassInactive
        {
            text-decoration: none;            
            background-image:url(../images/other.png);
            color:#000;
            font-weight: bold;
			background-repeat: no-repeat;
			width: 225px;
			height: 35px;
			float: left;
			display: inline;
			text-align: center;
			vertical-align: middle;
			padding-top: 10px;
        }
               
                input[type=file], input[type=upload]
                        {
                            width: 200px;
                            border: 1px solid #ddd;
                            background-color:#eee;
                            padding:8px;
                            border-radius:2px;
                            margin-bottom: 20px;
                            font-weight:bold;
                            font-size:12px;
                        }
 input[type=radio]
 {
 content: '';
    background: #fff;
    border: 2px solid #ddd;
    display: inline-block;
    vertical-align: middle;
	margin:0px!important;
    width: 14px;
    height: 14px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:10px;/* Resize Font*/  
 	}
 	input[type=checkbox]
 {
content: '';
    background: #fff;
    border: 2px solid #ddd;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:10px;/* Resize Font*/  
 	}    
 	span
 	{
 		
 		/*color:Red;
 		font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:10px;*//* Resize Font*/  
 		}  
select
{
  margin-bottom: 20px;
  height: 26px;
/*width:200px;*/
padding: 0px;
border-radius:2px;
border:1px solid #bbb;
color: #000;
font-size:15px;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:10px;/* Resize Font*/
margin-top:5px!important;    
margin-bottom:5px!important;  
}
/*Logout dropdown*/
.navbarlogin {
    overflow: hidden;
    background-color: #333;
    font-family: Arial, Helvetica, sans-serif;
}

.navbarlogin a {
    float: left;
    font-size: 16px;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.dropdownlogin {
    float: left;
    overflow: hidden;
}

.dropdownlogin .dropbtn {
    font-size: 16px;    
    border: none;
    outline: none;
    color: white;
    padding: 14px 16px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
}

.navbar a:hover, .dropdownlogin:hover .dropbtn {
    background-color: red;
}

.dropdownlogin-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdownlogin-content a {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdownlogin-content a:hover {
    background-color: #ddd;
}

.dropdownlogin:hover .dropdownlogin-content {
    display: block;
}
/*Logout dropdown End*/
#footer {  
         height: 40px;  
         width: 100%;          
         bottom: 0px;  
         color: #333;  
         /*background: #e8f0db;*/
	left: 0px;
}
.BottomBg
{
	
	background: -moz-linear-gradient(top,  #cee5be 0%, #bece9c 48%, #cae5ae 95%, #c0d8a4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #cee5be 0%,#bece9c 48%,#cae5ae 95%,#c0d8a4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #cee5be 0%,#bece9c 48%,#cae5ae 95%,#c0d8a4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cee5be', endColorstr='#c0d8a4',GradientType=0 ); /* IE6-9 */

    padding: 0.5em 0;
    font-size: 11px;
    color: #000;
    padding-left: 35px;
    padding-right: 35px;
		/*padding-left:35px;
		padding-right:35px;
		/*background-image: url(../images/Bottombg.jpg);
		background-color:#0f5f17;
		background-repeat: repeat-x;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#ffffff;
		font-weight:normal;
		border-bottom:1px solid #E3E5E3;
		line-height:30px;*/

}
.BottomBg a	
{
	font-size: 1em;
	color: rgb(139, 148, 49);
	margin-left: 10px;
		/*font-size:12px;
		color:#fa7528;
		line-height:30px;
		text-decoration:none;*/
}
.BottomBg a:hover{
	color:#ef4d98;
		/*font-size:12px;
		color:#fa7528;
		line-height:30px;
		text-decoration:none;*/
}
/*fieldset {
    font-family: sans-serif;
    border: 1px solid #bbb;
    
    border-radius: 5px;
    padding: 15px;
}

fieldset legend {
    
    color: #000;
    padding: 5px 10px ;
    font-size: 32px;
    border-radius: 5px;
    
    margin-left: 20px;
    border:1px solid #bbb;
}*/
.srchbox{
background-image:url(../images/user-ico.png);
height:20px;
border:1px solid #C3C3C3;
background-repeat:no-repeat;
background-position:left;
padding-left:30px;
}

.pass{
background-image:url(../images/pass.png);
height:20px;
border:1px solid #C3C3C3;
background-repeat:no-repeat;
background-position:left;
padding-left:30px;
}

input::-webkit-input-placeholder {
color: #6d0019 !important;
font-size:9px;
}
 
input:-moz-placeholder { /* Firefox 18- */
color: #6d0019 !important;
font-size:9px;
}
 
input::-moz-placeholder {  /* Firefox 19+ */
color: #6d0019 !important;
font-size:9px;
}
 
input:-ms-input-placeholder {  
color: #6d0019 !important;
font-size:9px;
}

textarea::-webkit-input-placeholder {
color: #6d0019 !important;
font-size:9px;
}
 
textarea:-moz-placeholder { /* Firefox 18- */
color: #6d0019 !important;
font-size:9px;
}
 
textarea::-moz-placeholder {  /* Firefox 19+ */
color: #6d0019 !important;
font-size:9px;
}
 
textarea:-ms-input-placeholder {  
color: #6d0019 !important;
font-size:9px;
}
div.image
  {
  width:auto;
  height:auto;
  background:url(../images/India-organic-logo.png);
  color:#000;
  background-repeat:no-repeat;
  background-position:top;
  }
div.transparentbox
  {
 
  background-color:#fff;
  opacity:0.9;
  
  }
  .SortIconGrid
  {
   background-image:url(../images/SortIconGrid.jpg); 
       background-repeat: no-repeat;
   
    background-position-y: 5px;
}
.badge {
  /*display: inline-block;*/
 display: inline-block;
    width: 14px;
    min-width: 10px;
    padding: 0px 8px;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #d9534f;
    border-radius: 10px;
}
.portlet-grid {
    padding: 0px;
    width: 32%;
    float: left;
    margin: 0% 1% 1% 0%;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.18);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;    
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
@media 
	only screen and (max-width: 480px){
	body { 
			width: 100%; 
		}
		
.portlet-grid {
    padding: 0px;
    width: 100%;
    float: left;
    margin: 0% 1% 1% 0%;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.18);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;    
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
}
.Logedin{color:#3c763d; font-weight:bold;}
.Logedin a{color:#F96704; text-decoration:none; font-weight:normal;}
.Logedin a:hover{color:#F96704; text-decoration:underline; font-weight:normal;}
.Logedin span{color:#000; font-weight:normal;}
.tophead{position: relative;
		padding-left: 5px;
		padding-right: 5px;
		clear: both;
		margin: 0px;}
.panel-body {
    padding: 25px;
    font-size: 1em;
}
.portlet-grid-page h2 {
    font-size: 2em;
    color:#68AE00;
    margin-bottom: 1em;
    font-family: 'Carrois Gothic', sans-serif;
}
.panel-primary {
  border-color: #d6e9c6;
}
.panel-primary > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.panel-primary > .panel-heading .badge {
  color: #31708f;
  background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 13px;
  color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}