<style>
.DataCenterBold{
    text-align: center;
    font-weight: bold;        
}
.DataBold{    
    font-weight: bold;        
}
.DataRed{
    color:red;
}
.DataGreen{
    color:green;
}
.DataBlue{
    color:blue;
}
.DataYellow{
    color:yellow;
}
.DataRight{
    text-align: right!important;
}
.CalImg{
    border: none;
    background-color: transparent;
    cursor: pointer;        
}
.CalImga:hover{
    background-color: transparent;
}
.CopyIcon{
    cursor: pointer;vertical-align: middle;
}

.Button  {
	 background-color: #648152!important; /* Old browsers */
 background-color: -moz-linear-gradient(top, #648152 0%, #648152 44%, #4c613e 100%)!important; /* FF3.6+ */
 background-color: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#648152), color-stop(44%,#648152), color-stop(100%,#4c613e))!important; /* Chrome,Safari4+ */
 background-color: -webkit-linear-gradient(top, #648152 0%,#648152 44%,#4c613e 100%)!important; /* Chrome10+,Safari5.1+ */
 background-color: -o-linear-gradient(top, #648152 0%,#648152 44%,#4c613e 100%)!important; /* Opera 11.10+ */
 background-color: -ms-linear-gradient(top, #648152 0%,#648152 44%,#4c613e 100%)!important; /* IE10+ */
 background-color: linear-gradient(to bottom, #648152 0%,#648152 44%,#4c613e 100%)!important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#648152', endColorstr='#4c613e',GradientType=0 )!important; /* IE6-9 */
	padding:4px 7px;
 color:#fff;
	border-radius:5px;
  border:1px solid #fff;
  -webkit-box-shadow:  2px 1px 2px 0px rgba(0,0,0,0.70);
-moz-box-shadow:  2px 1px 2px 0px rgba(0,0,0,0.70);
box-shadow: 2px 1px 2px 0px rgba(0,0,0,0.70);
}

.Button:hover  {
 background: #4c613e; /* Old browsers */
background: -moz-linear-gradient(top, #4c613e 0%, #648152 44%, #4c613e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c613e), color-stop(44%,#648152), color-stop(100%,#4c613e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #4c613e 0%,#648152 44%,#4c613e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #4c613e 0%,#648152 44%,#4c613e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #4c613e 0%,#648152 44%,#4c613e 100%); /* IE10+ */
background: linear-gradient(to bottom, #4c613e 0%,#648152 44%,#4c613e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c613e', endColorstr='#4c613e',GradientType=0 ); /* IE6-9 */
	padding:4px 7px;
 color:#fff;
	border-radius:5px;
  border:1px solid #fff;
  -webkit-box-shadow:  2px 1px 2px 0px rgba(0,0,0,0.70);
-moz-box-shadow:  2px 1px 2px 0px rgba(0,0,0,0.70);
box-shadow: 2px 1px 2px 0px rgba(0,0,0,0.70);
}

/*loader*/
.model{    
    /*background: none repeat scroll 0 0 rgba(47, 55, 66, 0.7);*/
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9999;    
    opacity:0.4;
    filter:alpha(opacity=100);
    border: 0px solid red;    
    }

.loader-container{
    color:#000000;
    text-align: center;
    position: fixed;
    margin: 0 auto;
    left: 50%;
    top: 50%;
    padding: 0 100px;
    border-radius: 4px;
    border: 0px solid red;
    height: 100%;
    background: no-repeat url('images/loader1.gif');    
}/*
* Copyright 2010-2011 WebRupee (http://webrupee.com)
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
* 
* http://www.apache.org/licenses/LICENSE-2.0
* 
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
@font-face{font-family: 'WebRupee';src: url('WebRupee.V2.0.eot');src: local('WebRupee'), url('WebRupee.V2.0.ttf') format('truetype'),  url('WebRupee.V2.0.woff') format('woff'), url('WebRupee.V2.0.svg') format('svg');font-weight: normal;font-style: normal;}
.WebRupee{
    font-family: 'WebRupee';
    font-size: 1.5em;    
}<style>
.DataCenterBold{
    text-align: center;
    font-weight: bold;        
}
.DataBold{    
    font-weight: bold;        
}
.DataRed{
    color:red;
}
.DataGreen{
    color:green;
}
.DataBlue{
    color:blue;
}
.DataYellow{
    color:yellow;
}
.DataRight{
    text-align: right!important;
}
.CalImg{
    border: none;
    background-color: transparent;
    cursor: pointer;        
}
.CalImga:hover{
    background-color: transparent;
}
.CopyIcon{
    cursor: pointer;vertical-align: middle;
}

.Button  {
	 background-color: #648152!important; /* Old browsers */
 background-color: -moz-linear-gradient(top, #648152 0%, #648152 44%, #4c613e 100%)!important; /* FF3.6+ */
 background-color: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#648152), color-stop(44%,#648152), color-stop(100%,#4c613e))!important; /* Chrome,Safari4+ */
 background-color: -webkit-linear-gradient(top, #648152 0%,#648152 44%,#4c613e 100%)!important; /* Chrome10+,Safari5.1+ */
 background-color: -o-linear-gradient(top, #648152 0%,#648152 44%,#4c613e 100%)!important; /* Opera 11.10+ */
 background-color: -ms-linear-gradient(top, #648152 0%,#648152 44%,#4c613e 100%)!important; /* IE10+ */
 background-color: linear-gradient(to bottom, #648152 0%,#648152 44%,#4c613e 100%)!important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#648152', endColorstr='#4c613e',GradientType=0 )!important; /* IE6-9 */
	padding:4px 7px;
 color:#fff;
	border-radius:5px;
  border:1px solid #fff;
  -webkit-box-shadow:  2px 1px 2px 0px rgba(0,0,0,0.70);
-moz-box-shadow:  2px 1px 2px 0px rgba(0,0,0,0.70);
box-shadow: 2px 1px 2px 0px rgba(0,0,0,0.70);
}

.Button:hover  {
 background: #4c613e; /* Old browsers */
background: -moz-linear-gradient(top, #4c613e 0%, #648152 44%, #4c613e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c613e), color-stop(44%,#648152), color-stop(100%,#4c613e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #4c613e 0%,#648152 44%,#4c613e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #4c613e 0%,#648152 44%,#4c613e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #4c613e 0%,#648152 44%,#4c613e 100%); /* IE10+ */
background: linear-gradient(to bottom, #4c613e 0%,#648152 44%,#4c613e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c613e', endColorstr='#4c613e',GradientType=0 ); /* IE6-9 */
	padding:4px 7px;
 color:#fff;
	border-radius:5px;
  border:1px solid #fff;
  -webkit-box-shadow:  2px 1px 2px 0px rgba(0,0,0,0.70);
-moz-box-shadow:  2px 1px 2px 0px rgba(0,0,0,0.70);
box-shadow: 2px 1px 2px 0px rgba(0,0,0,0.70);
}

/*loader*/
.model{    
    /*background: none repeat scroll 0 0 rgba(47, 55, 66, 0.7);*/
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9999;    
    opacity:0.4;
    filter:alpha(opacity=100);
    border: 0px solid red;    
    }

.loader-container{
    color:#000000;
    text-align: center;
    position: fixed;
    margin: 0 auto;
    left: 50%;
    top: 50%;
    padding: 0 100px;
    border-radius: 4px;
    border: 0px solid red;
    height: 100%;
    background: no-repeat url('images/loader1.gif');    
}/*
* Copyright 2010-2011 WebRupee (http://webrupee.com)
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
* 
* http://www.apache.org/licenses/LICENSE-2.0
* 
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
@font-face{font-family: 'WebRupee';src: url('WebRupee.V2.0.eot');src: local('WebRupee'), url('WebRupee.V2.0.ttf') format('truetype'),  url('WebRupee.V2.0.woff') format('woff'), url('WebRupee.V2.0.svg') format('svg');font-weight: normal;font-style: normal;}
.WebRupee{
    font-family: 'WebRupee';
    font-size: 1.5em;    
}

<style>
.DataCenterBold{
    text-align: center;
    font-weight: bold;        
}
.DataBold{    
    font-weight: bold;        
}
.DataRed{
    color:red;
}
.DataGreen{
    color:green;
}
.DataBlue{
    color:blue;
}
.DataYellow{
    color:yellow;
}
.DataRight{
    text-align: right!important;
}
.CalImg{
    border: none;
    background-color: transparent;
    cursor: pointer;        
}
.CalImga:hover{
    background-color: transparent;
}
.CopyIcon{
    cursor: pointer;vertical-align: middle;
}

.Button  {
	 background-color: #648152!important; /* Old browsers */
 background-color: -moz-linear-gradient(top, #648152 0%, #648152 44%, #4c613e 100%)!important; /* FF3.6+ */
 background-color: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#648152), color-stop(44%,#648152), color-stop(100%,#4c613e))!important; /* Chrome,Safari4+ */
 background-color: -webkit-linear-gradient(top, #648152 0%,#648152 44%,#4c613e 100%)!important; /* Chrome10+,Safari5.1+ */
 background-color: -o-linear-gradient(top, #648152 0%,#648152 44%,#4c613e 100%)!important; /* Opera 11.10+ */
 background-color: -ms-linear-gradient(top, #648152 0%,#648152 44%,#4c613e 100%)!important; /* IE10+ */
 background-color: linear-gradient(to bottom, #648152 0%,#648152 44%,#4c613e 100%)!important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#648152', endColorstr='#4c613e',GradientType=0 )!important; /* IE6-9 */
	padding:4px 7px;
 color:#fff;
	border-radius:5px;
  border:1px solid #fff;
  -webkit-box-shadow:  2px 1px 2px 0px rgba(0,0,0,0.70);
-moz-box-shadow:  2px 1px 2px 0px rgba(0,0,0,0.70);
box-shadow: 2px 1px 2px 0px rgba(0,0,0,0.70);
}

.Button:hover  {
 background: #4c613e; /* Old browsers */
background: -moz-linear-gradient(top, #4c613e 0%, #648152 44%, #4c613e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c613e), color-stop(44%,#648152), color-stop(100%,#4c613e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #4c613e 0%,#648152 44%,#4c613e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #4c613e 0%,#648152 44%,#4c613e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #4c613e 0%,#648152 44%,#4c613e 100%); /* IE10+ */
background: linear-gradient(to bottom, #4c613e 0%,#648152 44%,#4c613e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c613e', endColorstr='#4c613e',GradientType=0 ); /* IE6-9 */
	padding:4px 7px;
 color:#fff;
	border-radius:5px;
  border:1px solid #fff;
  -webkit-box-shadow:  2px 1px 2px 0px rgba(0,0,0,0.70);
-moz-box-shadow:  2px 1px 2px 0px rgba(0,0,0,0.70);
box-shadow: 2px 1px 2px 0px rgba(0,0,0,0.70);
}

/*loader*/
.model{    
    /*background: none repeat scroll 0 0 rgba(47, 55, 66, 0.7);*/
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9999;    
    opacity:0.4;
    filter:alpha(opacity=100);
    border: 0px solid red;    
    }

.loader-container{
    color:#000000;
    text-align: center;
    position: fixed;
    margin: 0 auto;
    left: 50%;
    top: 50%;
    padding: 0 100px;
    border-radius: 4px;
    border: 0px solid red;
    height: 100%;
    background: no-repeat url('images/loader1.gif');    
}/*
* Copyright 2010-2011 WebRupee (http://webrupee.com)
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
* 
* http://www.apache.org/licenses/LICENSE-2.0
* 
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
@font-face{font-family: 'WebRupee';src: url('WebRupee.V2.0.eot');src: local('WebRupee'), url('WebRupee.V2.0.ttf') format('truetype'),  url('WebRupee.V2.0.woff') format('woff'), url('WebRupee.V2.0.svg') format('svg');font-weight: normal;font-style: normal;}
.WebRupee{
    font-family: 'WebRupee';
    font-size: 1.5em;    
}
<style>

.DataCenterBold{
    text-align: center;
    font-weight: bold;        
}
.DataBold{    
    font-weight: bold;        
}
.DataRed{
    color:red;
}
.DataGreen{
    color:green;
}
.DataBlue{
    color:blue;
}
.DataYellow{
    color:yellow;
}
.DataRight{
    text-align: right!important;
}
.CalImg{
    border: none;
    background-color: transparent;
    cursor: pointer;        
}
.CalImga:hover{
    background-color: transparent;
}
.CopyIcon{
    cursor: pointer;vertical-align: middle;
}

.Button  {
	 background-color: #648152!important; /* Old browsers */
 background-color: -moz-linear-gradient(top, #648152 0%, #648152 44%, #4c613e 100%)!important; /* FF3.6+ */
 background-color: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#648152), color-stop(44%,#648152), color-stop(100%,#4c613e))!important; /* Chrome,Safari4+ */
 background-color: -webkit-linear-gradient(top, #648152 0%,#648152 44%,#4c613e 100%)!important; /* Chrome10+,Safari5.1+ */
 background-color: -o-linear-gradient(top, #648152 0%,#648152 44%,#4c613e 100%)!important; /* Opera 11.10+ */
 background-color: -ms-linear-gradient(top, #648152 0%,#648152 44%,#4c613e 100%)!important; /* IE10+ */
 background-color: linear-gradient(to bottom, #648152 0%,#648152 44%,#4c613e 100%)!important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#648152', endColorstr='#4c613e',GradientType=0 )!important; /* IE6-9 */
	padding:4px 7px;
 color:#fff;
	border-radius:5px;
  border:1px solid #fff;
  -webkit-box-shadow:  2px 1px 2px 0px rgba(0,0,0,0.70);
-moz-box-shadow:  2px 1px 2px 0px rgba(0,0,0,0.70);
box-shadow: 2px 1px 2px 0px rgba(0,0,0,0.70);
}

.Button:hover  {
 background: #4c613e; /* Old browsers */
background: -moz-linear-gradient(top, #4c613e 0%, #648152 44%, #4c613e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c613e), color-stop(44%,#648152), color-stop(100%,#4c613e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #4c613e 0%,#648152 44%,#4c613e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #4c613e 0%,#648152 44%,#4c613e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #4c613e 0%,#648152 44%,#4c613e 100%); /* IE10+ */
background: linear-gradient(to bottom, #4c613e 0%,#648152 44%,#4c613e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c613e', endColorstr='#4c613e',GradientType=0 ); /* IE6-9 */
	padding:4px 7px;
 color:#fff;
	border-radius:5px;
  border:1px solid #fff;
  -webkit-box-shadow:  2px 1px 2px 0px rgba(0,0,0,0.70);
-moz-box-shadow:  2px 1px 2px 0px rgba(0,0,0,0.70);
box-shadow: 2px 1px 2px 0px rgba(0,0,0,0.70);
}

/*loader*/
.model{    
    /*background: none repeat scroll 0 0 rgba(47, 55, 66, 0.7);*/
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9999;    
    opacity:0.4;
    filter:alpha(opacity=100);
    border: 0px solid red;    
    }

.loader-container{
    color:#000000;
    text-align: center;
    position: fixed;
    margin: 0 auto;
    left: 50%;
    top: 50%;
    padding: 0 100px;
    border-radius: 4px;
    border: 0px solid red;
    height: 100%;
    background: no-repeat url('images/loader1.gif');    
}/*
* Copyright 2010-2011 WebRupee (http://webrupee.com)
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
* 
* http://www.apache.org/licenses/LICENSE-2.0
* 
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
@font-face{font-family: 'WebRupee';src: url('WebRupee.V2.0.eot');src: local('WebRupee'), url('WebRupee.V2.0.ttf') format('truetype'),  url('WebRupee.V2.0.woff') format('woff'), url('WebRupee.V2.0.svg') format('svg');font-weight: normal;font-style: normal;}
.WebRupee{
    font-family: 'WebRupee';
    font-size: 1.5em;    
}
<style>

.DataCenterBold{
    text-align: center;
    font-weight: bold;        
}
.DataBold{    
    font-weight: bold;        
}
.DataRed{
    color:red;
}
.DataGreen{
    color:green;
}
.DataBlue{
    color:blue;
}
.DataYellow{
    color:yellow;
}
.DataRight{
    text-align: right!important;
}
.CalImg{
    border: none;
    background-color: transparent;
    cursor: pointer;        
}
.CalImga:hover{
    background-color: transparent;
}
.CopyIcon{
    cursor: pointer;vertical-align: middle;
}

.Button  {
	 background-color: #648152!important; /* Old browsers */
 background-color: -moz-linear-gradient(top, #648152 0%, #648152 44%, #4c613e 100%)!important; /* FF3.6+ */
 background-color: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#648152), color-stop(44%,#648152), color-stop(100%,#4c613e))!important; /* Chrome,Safari4+ */
 background-color: -webkit-linear-gradient(top, #648152 0%,#648152 44%,#4c613e 100%)!important; /* Chrome10+,Safari5.1+ */
 background-color: -o-linear-gradient(top, #648152 0%,#648152 44%,#4c613e 100%)!important; /* Opera 11.10+ */
 background-color: -ms-linear-gradient(top, #648152 0%,#648152 44%,#4c613e 100%)!important; /* IE10+ */
 background-color: linear-gradient(to bottom, #648152 0%,#648152 44%,#4c613e 100%)!important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#648152', endColorstr='#4c613e',GradientType=0 )!important; /* IE6-9 */
	padding:4px 7px;
 color:#fff;
	border-radius:5px;
  border:1px solid #fff;
  -webkit-box-shadow:  2px 1px 2px 0px rgba(0,0,0,0.70);
-moz-box-shadow:  2px 1px 2px 0px rgba(0,0,0,0.70);
box-shadow: 2px 1px 2px 0px rgba(0,0,0,0.70);
}

.Button:hover  {
 background: #4c613e; /* Old browsers */
background: -moz-linear-gradient(top, #4c613e 0%, #648152 44%, #4c613e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c613e), color-stop(44%,#648152), color-stop(100%,#4c613e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #4c613e 0%,#648152 44%,#4c613e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #4c613e 0%,#648152 44%,#4c613e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #4c613e 0%,#648152 44%,#4c613e 100%); /* IE10+ */
background: linear-gradient(to bottom, #4c613e 0%,#648152 44%,#4c613e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c613e', endColorstr='#4c613e',GradientType=0 ); /* IE6-9 */
	padding:4px 7px;
 color:#fff;
	border-radius:5px;
  border:1px solid #fff;
  -webkit-box-shadow:  2px 1px 2px 0px rgba(0,0,0,0.70);
-moz-box-shadow:  2px 1px 2px 0px rgba(0,0,0,0.70);
box-shadow: 2px 1px 2px 0px rgba(0,0,0,0.70);
}

/*loader*/
.model{    
    /*background: none repeat scroll 0 0 rgba(47, 55, 66, 0.7);*/
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9999;    
    opacity:0.4;
    filter:alpha(opacity=100);
    border: 0px solid red;    
    }

.loader-container{
    color:#000000;
    text-align: center;
    position: fixed;
    margin: 0 auto;
    left: 50%;
    top: 50%;
    padding: 0 100px;
    border-radius: 4px;
    border: 0px solid red;
    height: 100%;
    background: no-repeat url('images/loader1.gif');    
}/*
* Copyright 2010-2011 WebRupee (http://webrupee.com)
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
* 
* http://www.apache.org/licenses/LICENSE-2.0
* 
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
@font-face{font-family: 'WebRupee';src: url('WebRupee.V2.0.eot');src: local('WebRupee'), url('WebRupee.V2.0.ttf') format('truetype'),  url('WebRupee.V2.0.woff') format('woff'), url('WebRupee.V2.0.svg') format('svg');font-weight: normal;font-style: normal;}
.WebRupee{
    font-family: 'WebRupee';
    font-size: 1.5em;    
}



<style>
.DataCenterBold{
    text-align: center;
    font-weight: bold;        
}
.DataBold{    
    font-weight: bold;    
font-size: 18px;
    padding-left: 15px;    
}
.DataRed{
    color:red;
}
.DataGreen{
    color:green;
}
.DataBlue{
    color:blue;
}
.DataYellow{
    color:yellow;
}
.DataRight{
    text-align: right!important;
}
.CalImg{
    border: none;
    background-color: transparent;
    cursor: pointer;        
}
.CalImga:hover{
    background-color: transparent;
}
.CopyIcon{
    cursor: pointer;vertical-align: middle;
}

.Button  {
	 background-color: #648152!important; /* Old browsers */
 background-color: -moz-linear-gradient(top, #648152 0%, #648152 44%, #4c613e 100%)!important; /* FF3.6+ */
 background-color: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#648152), color-stop(44%,#648152), color-stop(100%,#4c613e))!important; /* Chrome,Safari4+ */
 background-color: -webkit-linear-gradient(top, #648152 0%,#648152 44%,#4c613e 100%)!important; /* Chrome10+,Safari5.1+ */
 background-color: -o-linear-gradient(top, #648152 0%,#648152 44%,#4c613e 100%)!important; /* Opera 11.10+ */
 background-color: -ms-linear-gradient(top, #648152 0%,#648152 44%,#4c613e 100%)!important; /* IE10+ */
 background-color: linear-gradient(to bottom, #648152 0%,#648152 44%,#4c613e 100%)!important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#648152', endColorstr='#4c613e',GradientType=0 )!important; /* IE6-9 */
	padding:4px 7px;
 color:#fff;
	border-radius:5px;
  border:1px solid #fff;
  -webkit-box-shadow:  2px 1px 2px 0px rgba(0,0,0,0.70);
-moz-box-shadow:  2px 1px 2px 0px rgba(0,0,0,0.70);
box-shadow: 2px 1px 2px 0px rgba(0,0,0,0.70);
}

.Button:hover  {
 background: #4c613e; /* Old browsers */
background: -moz-linear-gradient(top, #4c613e 0%, #648152 44%, #4c613e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c613e), color-stop(44%,#648152), color-stop(100%,#4c613e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #4c613e 0%,#648152 44%,#4c613e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #4c613e 0%,#648152 44%,#4c613e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #4c613e 0%,#648152 44%,#4c613e 100%); /* IE10+ */
background: linear-gradient(to bottom, #4c613e 0%,#648152 44%,#4c613e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c613e', endColorstr='#4c613e',GradientType=0 ); /* IE6-9 */
	padding:4px 7px;
 color:#fff;
	border-radius:5px;
  border:1px solid #fff;
  -webkit-box-shadow:  2px 1px 2px 0px rgba(0,0,0,0.70);
-moz-box-shadow:  2px 1px 2px 0px rgba(0,0,0,0.70);
box-shadow: 2px 1px 2px 0px rgba(0,0,0,0.70);
}

/*loader*/
.model{    
    /*background: none repeat scroll 0 0 rgba(47, 55, 66, 0.7);*/
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9999;    
    opacity:0.4;
    filter:alpha(opacity=100);
    border: 0px solid red;    
    }

.loader-container{
    color:#000000;
    text-align: center;
    position: fixed;
    margin: 0 auto;
    left: 50%;
    top: 50%;
    padding: 0 100px;
    border-radius: 4px;
    border: 0px solid red;
    height: 100%;
    background: no-repeat url('images/loader1.gif');    
}/*
* Copyright 2010-2011 WebRupee (http://webrupee.com)
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
* 
* http://www.apache.org/licenses/LICENSE-2.0
* 
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
 @font-face{font-family: 'WebRupee';src: url('WebRupee.V2.0.eot');src: local('WebRupee'), url('WebRupee.V2.0.ttf') format('truetype'),  url('WebRupee.V2.0.woff') format('woff'), url('WebRupee.V2.0.svg') format('svg');font-weight: normal;font-style: normal;} 
.WebRupee{
    font-family: 'WebRupee';
    font-size: 1.5em;    
}/* main page */
html {
	margin: 0px; 
    padding: 0px; 
    height: 100%;
}

/* body
{
    margin: 0px;
    padding: 0px; 
    height: 100%;
    background-image: url(./images/background_image.png);
}
 */
.loginicon_new :focus
	{outline:0;}

.main_container 
{
    width:1200px;
    min-height: 100%;
    height: auto !important;
    position: relative; 
    margin: 0px auto;
    background-color: #ffffff;
    
    
}

.add-cart {
	position:relative;

}

.add-cart img {
	position:absolute;
	width:28px; 
	height:27px;
	display:block;
	top:3px;
	left:15px;
}

.add-cart a {
	width:150px;
	height:29px;
	background-image: url(./images/cartadd.jpg);
	display:block;
	margin-left:12px;
	margin-top:10px;
	margin-bottom:10px;
	color:#000;
	text-align:center;
	line-height:29px;
	border-radius:3px;
	border:1px solid #a88734;
	
}

.add-cart a:hover {
	width:150px;
	height:29px;
	background-image: url(./images/cartaddhover.jpg);
	display:block;
}


.buy-now {
	position:relative;
}

.buy-now a {
	width:150px;
	height:29px;
	background-image: url(./images/cartadd.jpg);
	display:block;
	margin-left:12px;
	margin-top:10px;
	margin-bottom:10px;
	color:#000;
	text-align:center;
	line-height:29px;
	border-radius:3px;
	border:1px solid #a88734;
	position:relative;
	
}

.buy-now img {
	
	position:absolute;
	width:28px; 
	height:27px;
	display:block;
	display:block;
	top:3px;
	left:15px;
}



.buy-now a:hover {
	width:150px;
	height:29px;
	background-image: url(./images/cartaddhover.jpg);
	display:block;
}

#static caption{ 
    font-weight: bold;
    background-color: #efe4d7;
    line-height: 35px;
    
}

#static tr:nth-of-type(odd) {
    background: #f9f3ec;
		height:26px;
}

h1 {
	font: 18px/normal verdana, serif; font-weight: bold; margin: 6px 0px 0px 0px; font-size-adjust: none; font-stretch: normal; border: 0px solid red;
}
h2 {
	 margin: 0px 0px 0px 0px; font-size-adjust: none; font-stretch: normal; 
}
h1 {
	color: black;
}
h2 {
	color: black;
}







img 
{
    border: none;
}
/* main page */

/* top bar */
.tob_bar
{
    width: 1200px;
    height: 27px;
    float: left;
    background-image: url(./images/topbar_bg.jpg);
}

.skipto a
{
    width: 10%;
    text-decoration: none;
    height: 20px;
    float: left;
    color: #000;
    /* font-family: verdana; */
    font-size: 80%;
    margin: 6px 0px 0px 15px;
}
.skipto a:hover
{
    color: #d11400;
}

.screenreader a
{
    color: #000;
    /* font-family: verdana; */
    font-size: 80%;
    width: 15%;
    float: left;
    margin: 5px 10px 0px 350px;
    text-decoration: none;
}
.screenreader a:hover
{
    color: #d11400;
}


.box_color
{
    width: 53px;
    height: 19px;
    float: right;
    margin: 3px 10px 0px 0px;
}



.theamcolor_icon
{
    width: 9px;
    height: 9px;
    float: right;
    margin: 4px 10px 0px 0px;    
}

.a_box
{   
    width:19px;
    height:18px;
    float:right;
    margin:4px 10px 0px 0px;
}


/* top bar */

/* header */

.header_bg
{
    width: 1200px;
    height: 112px;
    float: left;
    background-image: url(./images/header_bg.jpg);
}


li.ui-menu-item {
    color:#fff;
}

.menu_pannel
{
    width: 1200px;
    height: 45px;
    float: left;
    clear: both;
    margin: 0px 0px 0px 0px;
    background-image: url(./images/topmenulink_bg.jpg);
    
}
.menulink_text a
{
    /* font-family: Verdana; */
    text-decoration: none;
    float: left;
    line-height: 45px;
    font-size: 80%;
    color: #312d2d;
    border-right: 1px solid #eb613c;
    background-repeat: no-repeat;
    text-align: right;
    padding: 0px 15px 0px 15px;
   /* margin: 0px 0px 0px 10px;*/
    
}

.menulink_text a:hover
{
    color: #fff;
    
    background-image:url(./images/button_line.png) ;
    background-repeat: repeat-x;
}
.animation
{
    width: 580px;
    height: 266px;
    float: left;
    clear: both;
    margin: 0px 0px 0px 0px;
}


/* header */



/* Middle Content */
.body_pannel
{
    width: 1200px;
    background-color: #ffffff;
    float: left;
    margin: 0px 0px 0px 0px;
    border: 0px solid red;
    clear: both;
}


.main_highlights_link_pannel
{
    width: 1200px;
    background-color:#fff;
    float: left;
    margin: 0px 0px 0px 0px;
    border: 0px solid red;
    clear: both;
}

.main_highlights_link_pannelbox1
{
    width: 232px; height: 325px; float: left; margin: 10px 0px 0px 7px; border: 0px solid red;
    background-image:url(./images/middleorange_box.png) ;
    background-repeat: no-repeat;
}

.main_highlights_link_pannelbox2
{
    width: 232px; height: 325px; float: left; margin: 10px 0px 0px 7px; border: 0px solid red;
    background-image:url(./images/middleblue_box.png) ;
    background-repeat: no-repeat;
}

.main_highlights_link_pannelbox3
{
    width: 232px; height: 325px; float: left; margin: 10px 0px 0px 7px; border: 0px solid red;
    background-image:url(./images/middlegreen_box.png) ;
    background-repeat: no-repeat;
}

.main_highlights_link_pannelbox4
{
    width: 232px; height: 325px; float: left; margin: 10px 0px 0px 7px; border: 0px solid red;
    background-image:url(./images/middleyellow_box.png) ;
    background-repeat: no-repeat;
}

.main_highlights_link_pannelbox5
{
    width: 232px; height: 325px; float: left; margin: 10px 0px 0px 7px; border: 0px solid red;
    background-image:url(./images/middlered_box.png) ;
    background-repeat: no-repeat;
}

.highlight
{
    background-color: #FFFF00;
}

.middlemainheading_box
{
    width: 200px;
    border: 0px solid red;
    /* font-family: Aftaserif; */
    font-size: 110%;
    font-weight: bold;
    font-style: italic;
    margin: 30px 0px 0px 15px;
    float: left;
    text-align: center;
    color: #565656;
}


.middlemainimages_box
{
    width: 192px;
    height: 100px;
    border: 1px solid #c7c7c7;
    margin: 10px 0px 0px 18px;
    float: left;
}

.middlemainmatter_box
{
    width: 200px;
    height: 85px;
    line-height: 18px;
    border: 0px solid red;
    /* font-family: verdana; */
    font-size: 80%;
    margin: 8px 0px 0px 15px;
    float: left;
    color: #6c6c6c;
    overflow: hidden;
}

.middlebox_button
{
    width: 51px;
    height: 48px;
    float: right;
    margin: 4px 25px 0px 0px;
}


.login_matter {
	/* font-family: Verdana; */
	text-align:center;
	color:#e03104;
	font-size:85%;
	font-weight:bold;
}


.india_gov {
	width:101px;
	height:29px;
	background-image:url(./images/indiagov.in.png);
	position:absolute;
	right:50px;
	bottom:20px;
}




.leftlinks_panel
{
    width: 287px;
    float: left;
    border: 0px solid red;
    margin: 10px 0px 0px 3px;
}

.leftlinks_header_icon
{
    width: 24px;
    height: 28px;
    float: left;
    margin: 0px 0px 0px 0px;
}
.leftlinks_header_text
{
    float: left;
    /* font-family: Verdana; */
    font-size:110%;
    color: #e03104;
    font-weight: bold;
    margin: 10px 0px 0px 10px;
}
.leftlinks_header
{
    width: 273px;
    height: 35px;
    float: left;
    padding: 7px 0px 0px 10px;
    background-color: #f9f3ec;
    border-bottom: 2px solid #e03104;
}
.leftlinks_bottom
{
    width: 283px;
    height: 10px;
    float: left;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    background-color: #f9f3ec;
    margin: 0px 0px 10px 0px;

}
.leftlinks_middle
{
    width: 283px;
    border: 0px solid red;
    float: left;
    background-color: #f9f3ec;
    padding: 0px 0px 5px 0px;
    margin: 0px 0px 0px 0px;
}

.leftlinks_main_pannel
{
    width: 265px; clear: both; border-bottom: 1px solid #d3beaa; margin: 0px 0px 0px 8px; float: left; 
}
.leftlinks_text a
{
    width: 160px;
    text-decoration: none;
    color: #000;
    float: left;
    /* font-family: Verdana; */
    border: 0px solid red;
    font-size: 80%;
    margin: 4px 0px 0px 5px;
    line-height: 20px;
    padding: 2px 0px 2px 0px;
}

.leftlinks_text a:hover
{
    color: #f31700;
}
.leftlinks_imges
{
     width:12px; height:12px; border: 0px solid red; margin: 7px 5px 0px 0px; float: left;
}

.left_iconbutton
{
    width: 202px;
    height: 57px;
    float: left;
    margin: 8px 0px 0px 0px;
}

.left_inda
{
    width: 158px;
    height: 44px;
    float: left;
    margin: 15px 0px 0px 15px;
}

.welcometo_panel
{
    width: 525px;
    float: left;
    border: 0px solid red;
    margin: 10px 0px 0px 18px;
}


.welcome_header_icon
{
    width: 33px;
    height: 28px;
    float: left;
    margin: 0px 0px 0px 0px;
}
.welcome_header_text
{
    float: left;
    /* font-family: Verdana; */
    font-size:110%;
    color: #e03104;
    font-weight: bold;
    margin: 6px 0px 0px 10px;
}
.welcome_header
{
    width: 520px;
    height: 35px;
    float: left;
    padding: 7px 0px 0px 5px;
    border-bottom: 2px solid #e03104;
}

.welcome_matter_text
{
    float: left;
    /* font-family: Verdana; */
    font-size: 80%;
    line-height: 22px;
    margin: 6px 0px 0px 0px;
    clear: both;
    border: 0px solid red;
    width: 520px;
}

.welcome_readmore_button
{
    float: right;
    width: 92px;
    height: 23px;
    margin: 10px 0px 0px 0px;
    border: 0px solid green;    
}

.latestnews_readmore_button
{
    float: right;
    width: 92px;
    height: 23px;
    margin: 10px 10px 0px 0px;
    border: 0px solid green;
    clear: both;    
}




.welcome_bottom
{
    width: 525px;
    float: left;
    clear: both;
    margin: 20px 0px 10px 0px;
    border-bottom: 1px solid red;
}

.photogallery_icon
{
    width: 326px;
    height: 82px;
    clear: both;
    float: left;
    margin: 0px 0px 0px 0px;
}

.indiagov_logo
{
    width: 195px;
    height: 78px;
    float: right;
    margin: 0px 0px 0px 0px;
}

.search_bg
{
    width: 190px;
    height: 25px;
    float: right;
    border: 1px solid #585555;
    margin: 10px 10px 0px 0px;
	border-radius:20px;
	padding-left:5px;
	background-color:#d3d3d3;
}

.search_pannel
{
    /* font-family: verdana; */
    font-size: 80%;
    color: #000;
    height: 14px;
    background:transparent;
    border: 0px solid #000;
    margin: 0px 0px 0px 5px;
    padding: 5px 0px 2px 0px;
    outline: none;
    float: left;
}
.search_button
{
    
    width: 18px;
    height: 18px;
    float: right;
    border: 0px solid red;
    margin: 4px 3px 0px 8px;
}

/* Middle Content */


/* ------------right_pannel------------------ */

.right_panel
{
    width: 333px;
    float: right;
    border: 0px solid red;
    margin: 10px 10px 0px 0px;
}


.news_header_icon
{
    width: 33px;
    height: 28px;
    float: left;
    margin: 0px 0px 0px 0px;
}
.news_header_text
{
    float: left;
    /* font-family: Verdana; */
    font-size:110%;
    color: #e03104;
    font-weight: bold;
    margin: 6px 0px 0px 10px;
}
.news_header
{
    width: 329px;
    height: 35px;
    float: left;
    padding: 7px 0px 0px 5px;
    border-bottom: 2px solid #e03104;
    background-color: #f9f3ec;
}




.newslinks_middle
{
    width: 333px;
    border: 0px solid red;
    float: left;
    background-color: #f9f3ec;
    padding: 0px 0px 5px 0px;
    margin: 0px 0px 0px 0px;
}
.news_text
{
    width: 235px;
    height: 32px;
    /* font-family: Verdana; */
    font-size: 100%;
    padding: 16px 0px 0px 10px;
    border-bottom: 1px dashed #000000;
}

.newslinks_main_pannel
{
    width: 310px; clear: both; border-bottom: 1px solid #d3beaa; margin: 8px 0px 0px 8px; float: left; 
}

.newslinks_text a
{
    width: 280px;
    color: #000;
    text-decoration: none;
    float: left;
    /* font-family: Verdana; */
    border: 0px solid red;
    font-size: 80%;
    margin: 0px 0px 0px 0px;
    line-height: 20px;
    padding: 2px 0px 2px 5px;
}
.newslinks_text a:hover
{
    color: #f31700;
}
.newslinks_imges
{
    width: 13px; height: 10px; border: 0px solid red; margin: 3px 0px 0px 5px; float: left;
}


.newslinks_bottom
{
    width: 333px;
    height: 10px;
    float: left;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    background-color: #f9f3ec;
    margin: 0px 0px 10px 0px;
}



.visitorpannel_box
{
    width: 331px;
    float: right;
    height: 30px;
    background-color: #efefef;
    border: 1px solid #d9d8d8;
    margin: 15px 0px 0px 0px;
}

.visitorpannel_icon
{
    width: 20px;
    height: 20px;
    float: left;
    margin: 5px 0px 0px 15px;
    border: 0px solid red;
}

.visitorpannel_text
{
    height: 20px;
    float: left;
    margin: 8px 0px 0px 12px;
    border: 0px solid red;
    /* font-family: verdana; */
    font-size: 80%;
    color: #000;
    
}



.loginicon_new
{
    float: left;
    margin: 0px 0px 0px 0px;
    width: 100%;
    /*text-align: center;*/
}

/******************************** LOGIN BOX *****************************/
.LoginHd{
    /* width: 100%; */
    font-weight: bold;
    text-align: center;
    font-size: 12px;
    border: 2px solid #37492a;
    background-color: #6e865f;
    margin-bottom: 4px;
    line-height: 25px;
    color:#ffffff;        
}
.LoginLabel{
    width: 35%;
    text-wrap: normal;
    padding:7px 6px 7px 6px;
    margin: 0px 3px 3px 3px;    
    text-align:left; 
    float: left;
    font-weight: bold;
    font-size: 12px;
}
.LoginData{
    text-wrap: normal;
    margin: 0px 3px 3px 0px;    
    text-align:left; 
    padding: 7px 6px;
    float: left;  
    font-size: 12px;  
}
.LoginLine{
    width: 100%;
    background-color: #37492a;
    line-height: 2px;
    margin-bottom: 2px;
    margin-top: 2px;
	display:none;
}

.required{
    color:red;
    width:15px;
    top:1px;
    margin-left: 5px;
}

FORM{
    margin: 0px;
}
/* Inputs */
/*.FormField input[type="text"], .FormField input[type="password"]{padding:4px; background-color:#F5FFB0; border:1px solid #999}
.FormField input[type="text"]:focus, .FormField input[type="password"]:focus{background-color:#efefef;}*/
.FormField textarea{width:100%;height: 100px;  
 background-color: #fff;
    border: 1px solid #ccc;
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: .25rem;
resize:none;}
.FormField select{width:100%;
    height: calc(2.25rem + 2px);
    background-color: #fff;
    border: 1px solid #ccc;
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: .25rem;
}
.FormField input[type="text"]{float:none; display:inline; 
    height: calc(2.25rem + 2px);
    background-color: #fff;
    border: 1px solid #ccc;
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: .25rem;
} /*---- FormField all changes here. ----*/
.FormField input[type="checkbox"]{float:none; display:inline}
.FormField input[type="radio"]{display:inline;height: 16px;}
.FormField1 textarea{width:300px;height: 50px; } /* is used to adjust textarea in complaint form*/

.FormData3 select{width:250px}
.FormData4 select{width:450px}


.formButton{ 
    clear: both;
    width: 100%;    
    text-align: right;
    line-height: 30px; 
}

.formButton input[type="submit"],input[type="button"]{
    background-color: #ffa800;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius:0;
    color: #000;
    text-decoration: none;
    cursor: pointer;
    border:none;
    padding: 6px 15px;
	font-size:14px;
}
.buttonarchitect a
{
    color: #fff;
    width: 100%;
    text-decoration: none;
    cursor: pointer;
    border:none;    
    padding: 10px;
    text-align: center;
    
      /*  border: 2px solid #886726;
    box-shadow: 5px 5px 10px #a96417;
 background:linear-gradient(45deg, #ff9800, rgb(255 141 133)); */
	   /*  background: #ffa800; */
		
		   background: #000000d6 url(new_images/inside-building.png) center center no-repeat;
		background-size: cover;
	min-height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
	/* opacity:0.85; */
	font-size:16px;
    
}    
.buttonarchitect a:hover{color:#fff;opacity:1}
   .buttonarchitect {
    width: 32%;
    margin: 5px;
	background: #fff;
}
.dir-inner {
    display: flex;
    flex-wrap: wrap;
} 

    
    


.formButton input[type="submit"]:hover,input[type="button"]:hover {
    border: none;
    background:#d48f09;
    box-shadow: 0px 0px 1px #777;
}

/********************************************** LOGIN BOX END ***********************************/














/* ------------right_pannel------------------ */



/* Bottom_pannel */
.bottom_pannel
{
    width: 1200px;
    border: 0px solid red;
    clear: both;
    float: left;
    margin: 7px 0px 0px 0px;
    background-color: #312c29;
    bottom: 0px;
	position:relative;
}

.bottom_text
{
    width: 1200px;
    margin: 15px 0px 10px 0px;
    /* font-family: Verdana; */
    font-size: 80%;
    text-align: center;
    font-weight: ;
    color: #fff;
    line-height: 25px;
}



.bottom_text a
{
    width: 1200px;
    margin: 15px 0px 10px 0px;
    /* font-family: Verdana; */
    font-size: 100%;
    text-align: center;
    font-weight: ;
    color: #fff;
    line-height: 25px;
    width: 100px;
    border-right: 0px solid #ffffff;
    padding: 0px 10px 0px 10px;
}


.bottom_text a:hover
{
    color: yellow;
}
/* Bottom_pannel */



/*drop down css start here*/

#cssmenu {
  position: relative;
  height: 45px; 
  width: 970px;
  float:left;
  border:0px solid red
}
#cssmenu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 1;
}
#cssmenu > ul > ul {
  position: relative;
  display: block;
  background: #2b2f3a;
  width: 100%;
  z-index: 500;
}
#cssmenu > ul > li {
  display: block;
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
}
#cssmenu > ul > #menu-button {
  display: none;
}
#cssmenu ul li a {
  display: block;
  /* font-family: verdana; */
  text-decoration: none;
}
#cssmenu > ul > li > a {
  font-size: 13px;
  line-height:45px;
  color: #312d2d;
  padding:0px 15px 0px 15px;
  /* font-family:Verdana; */
  -webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -ms-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 32px;
}
#cssmenu > ul > li:hover > a {
  color: #e03104;
  
}
#cssmenu li.has-sub::after {
  display: block;
  content: '';
  position: absolute;
  width: 0;
  height: 0;
}
#cssmenu > ul > li.has-sub::after {
  right: 10px;
  top: 12px;
  border: 5px solid transparent;
  border-top-color: #7a8189;
}
#cssmenu > ul > li:hover::after {
  border-top-color: #ffffff;
}
#indicatorContainer {
  position: absolute;
  height: 12px;
  width: 100%;
  bottom: 0px;
  overflow: hidden;
  z-index: -1;
}
#pIndicator {
  position: absolute;
  height: 0;
  width: 100%;
  border: 12px solid transparent;
  border-top-color: #2b2f3a;
  z-index: -2;
  -webkit-transition: left .25s ease;
  -moz-transition: left .25s ease;
  -ms-transition: left .25s ease;
  -o-transition: left .25s ease;
  transition: left .25s ease;
}
#cIndicator {
  position: absolute;
  height: 0;
  width: 100%;
  border: 12px solid transparent;
  border-top-color: #2b2f3a;
  top: -12px;
  right: 100%;
  z-index: -2;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
  top: 70px;
  
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-top: 0px;
  border: 3px solid #a8a8a8;
  
  opacity: 0;
  -webkit-transition: opacity .3s ease, top .25s ease;
  -moz-transition: opacity .3s ease, top .25s ease;
  -ms-transition: opacity .3s ease, top .25s ease;
  -o-transition: opacity .3s ease, top .25s ease;
  transition: opacity .3s ease, top .25s ease;
  z-index: 1000;
}
#cssmenu ul ul ul {
  top: 45px;
  padding-left: 5px;
  
}
#cssmenu ul ul li {
  position: relative;
}
#cssmenu > ul > li:hover > ul {
  left: auto;
  top: 43px;
  opacity: 1;
}
#cssmenu ul ul li:hover > ul {
  left: 160px;
  top: 74px;
  opacity: 1;
  
}   
#cssmenu ul ul li a {
  width: 250px;
  border-bottom: 1px solid #eee;
  padding:0px 10px 0px 10px;
  font-size: 13px;
  text-align: left;
  color: #000;
  background: #d5d5d5;
  -webkit-transition: all .35s ease;
  -moz-transition: all .35s ease;
  -ms-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;
  


}

#cssmenu ul ul li:hover > a {
  background: #e03104;
  color: #fff;
  
}

#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last > a {
  border-bottom: 0;
}
.submenuArrow {
  border: 6px solid transparent;
  width: 0;
  height: 0;
  border-bottom-color: #fff;
  position: absolute;
  top: -12px;
}
#cssmenu ul ul li.has-sub::after {
  border: 4px solid transparent;
  border-left-color: #9ea2a5;
  right: 10px;
  top: 12px;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-transition: -webkit-transform 0.2s ease, right 0.2s ease;
}
#cssmenu ul ul li.has-sub:hover::after {
  border-left-color: #fff;
  right: -5px;
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
	
/*drop down css end here*/








/*---- Innar pages Css ----*/

#cmscontent
{    width: 98%;
     height: auto;
	 text-align:left;
     border: 0px solid red;
     float:right;
     color: #000;
     line-height: 20px;
     margin: 0 8px 5px 0px;
     padding: 0px 0px 0px 0px;
     min-height: 450px;
    
}



#cmscontent2
{    width: 98%;
     height: auto;
	 text-align:left;
     border: 0px solid red;
     float:right;
     color: #000;
     line-height: 20px;
     margin: 0px 8px 5px 0px;
     padding: 0px 0px 0px 0px;
     min-height: 100px;
    
     
}

.LinkImg{
    text-align: center;
    float:left;
    width: 20%;
}
#img_cmscontent{
    float: left;
    width: 78%;
    height: auto;	    
    margin: 0px 8px 0px 0px;
    padding: 0px 0px 0px 0px;
    
}


#cmscontent td
{
	 text-align:left;
     color: #000;
     line-height: 18px;
}

#cmscontent p {
	font-family:12px;
	text-align: justify !important;
  /* font-family:verdana:!important; */
}



#cmscontent p {
	font-family:12px;
  /* font-family:verdana:!important; */
}

#cmscontent td span {
	font-family:12px;
  /* font-family:verdana:!important; */
}

#cmscontent tr
{
	
     vertical-align: top;
}
#printicon
{
    float:right; 
    width:30px; 
	border:0px solid red;
}


#lastup_pannel{
   width:99%;
   padding: 0px 0px 0px 0px;
   margin: 0;
   float:right;
   /* font-family:verdana; */
   font-size:12px; 
   }
   div.ui-dialog {
    top: 20%!important;
	}
#lastup_text
{
   width:240px;
   border: 0px solid red; 
   text-align: right;
   float:right;
   /* font-family:verdana; */
   font-size:12px;
   margin: 0px 8px 0px 0px;
   }
 #lastup_text1
{
   border: 0px solid red; 
   text-align: left;
   float:right;
   }

.postfeedback a
{
    clear: both; border: 0px solid red;
    float: right;
    text-decoration: none;
    color: #1b1b1b;
    /* font-family:verdana; */
	font-size:12px;
}
.postfeedback a:hover
{
    color: red;
}

.sublinkcolor a
{
	width: 100%;
	float: left;
	padding:10px 0px 15px 0px;
	height:auto;
  /* font-family: verdana; */
  font-size: 12px;
 
}

.sublink li a {
	line-height:16px;
  padding-top:10px!important;
  padding-bottom:10px!important;
}

.readmore a
{
    width: 30%;
    float: right;
    text-decoration: none;
    border: 0px solid #a9a9a9;
    margin: 3px 0px 0px 0px;
    /* font-family: verdana; */
    font-size: 12px;
    font-weight: bold;
    line-height: 22px;
    color: #000;
    padding: 0px 0px 0px 0px;
}

.readmore a:hover
{
    color: red;
}

a
{
    color: #000;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
}


a:hover
{
    color: red;
}


a.backbutton 
{
   font-size: 14px;
    color: #313131;
    text-decoration: none;
    background: #ffa800;
    padding: 5px 10px;
   
}
a.backbutton:hover{color:#000;}
a:hover.backbutton
{
    /* font-family: Verdana; */
    
    color: #000;
}

.red a{
	/* font-family:verdana; */
    border: 0px solid red;
    float:right;
    width: 95%;
    font-style: italic;
    text-align: right;
    clear: both;
	font-size:12px;
    line-height: 28px;
    text-decoration: none;
    color: #1b1b1b;
    margin: 0px 15px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.red a:hover{
	color:#e71831;
	/* font-family:verdana; */
}


a.red2{
	/* font-family:verdana; */
	font-size:12px;
    line-height: 28px;
    text-decoration: none;
    color: #1b1b1b;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
a.red2:hover{
	color:#e71831;
	/* font-family:verdana; */
}

.print_icon
{
    float: right;
    border: 0px solid red;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}




ul.inner_drop
{
    /* font-family:Verdana; */
    font-size:12px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    color:#000;
    float:left;
    width:100%;
    border:0px solid #2b5e8f;
    text-decoration:none;
    list-style:none;
    
    height:auto;
}

.inner_drop li li
{
/* font-family:Verdana; */
font-size:12px;
color:#000;
text-decoration:none;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
list-style:url(images/lue.png);
border:0px solid red;
line-height:20px;
}

ul.inner_drop li li a
{
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
text-decoration:none;
color:#000;
}

ul.inner_drop li li a:hover
{color:#FF0000;
}

#urlpath {
	height:25px;
}

#urlpath a 
{
    color:#000;
    font-size:11px;
    /* font-family:Verdana; */
    text-decoration:none;
    border:0px solid red;
    width:100%;
    margin: 0px 0px 0px 5px;
}

#urlpath a:hover 
{
    color:#f5390d;
}

a.urlpath_link
{color:#000000;
font-size:12px;
/* font-family:Verdana; */
text-decoration:none;
border:none;
}
a:hover.urlpath_link
{color:red;
font-size:12px;
/* font-family:Verdana; */
text-decoration:none;
border:0px solid red;
}




.left_link ul
{
    width:240px;
    height:auto;
    float:left;
    list-style:none;
    text-decoration:none;
    padding:0px 0px 0px 10px;
    text-align:left;
    border: 0px solid red;
    margin:0px 0px 0px 0px;
    background-color: #f3f3f3;
}

.left_link li
{   
    float:left;
    margin-top:5px;
    border-bottom:1px solid #c3c2c2;
}

.slide_navigation {
	width:auto;
	/*height:150px;*/
	background:#312c29;
	border-radius:0 0 10px 10px ;
	color:#fff!important;
    
    transform: rotate(90deg);
    -ms-transform-origin: left top 0;
    -moz-transform-origin: left top 0;
    -webkit-transform-origin: left top 0;
    transform-origin: left top 0;
    
    margin-right: -80px;
    padding: 5px;    
    text-transform: uppercase;    
    text-transform: 1px 1px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 2px -2px 0px rgba(0, 0, 0, 0.1);    
}		




.left_link a
{
    background-image:url(images/left_icon_link.png);
    background-position:left;
    background-repeat:no-repeat;
    width:210px;
    height:20px;
    list-style:none;
    float:left;
    text-decoration:none;
    /* font-family:Verdana, Helvetica, sans-serif; */
    font-size:12px;
    color:#000;
    padding-left:20px;
    border: 0px solid red;
    padding-top:5px;
    margin:0px;
    display:block;
}

.left_link a:hover
{
    color:red;
}

#slideshow {
    
    width: 1200px;
       
    height:193px;
}

#slideshow IMG {
    position:absolute;
    top:135px;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}



.bullets { width: auto; height:auto; margin:0 auto; float: left; }
	
.bullets ul { list-style-type:circle; margin-left:10px }

.bullets ul li { /*font-family:Verdana, Helvetica, sans-serif;*/ font-size:12px; height:30px; line-height:30px; color:#000; }



.topbutton_innar
{
    float: right; text-align: center;margin-right: 20px; margin-bottom: 10px; margin-top: 0px;
}

.backbutton_innar
{
    float: right; text-align: center; margin-right: 10px; margin-bottom: 10px; margin-top: 0px;
}
.back-button{order:3;}
/*---- Innar pages Css ----*/

.error_strings
{
    color: red;
    font-size: 12px;    
}


.play_button
{
    width: 14px;
    height: 14px;
    margin: 10px 15px 2px 0px;
    float: right;
}

.pause_button
{
    width: 16px;
    height: 16px;
    margin: 10px 10px 2px 0px;
    float: right;
}


.FormField .FormLabeltext{
    width: 43%;
    text-wrap: normal;
    padding:7px 6px 7px 6px;
    margin: 0px 3px 3px 3px;    
    text-align:left; 
    float: left;
   font-family: 'Helvetica Neue';
    border: 0px solid red;
	font-size:14px!important;
	 font-weight: 500;
}
.FormLabel-10 label{font-weight:500;}
.FormLabel-20 label{ font-weight:500;}


.FormLabel label{
    cursor: pointer;
}
.FormDatanew{
    width: 52%;
    text-wrap: normal;
    margin: 0px 3px 3px 0px;    
    text-align:left; 
    padding: 7px 6px;
    float: left;  
     border: 0px solid red;  
}

.FormField{
    display: inline-block;
    float: left;
    margin: 10px 0px 0px 15px;
    width: 47%; 
    line-height: 30px; 
    border-top: 2px solid #F8F8F8;
    /* background-color: #ffffff; */
     border: 0px solid red;
}

.FormField:nth-child(even) {
    background-color: ;
}
.FormField:nth-child(odd) {
    /* background: #ffffff; */
}

.formfield-even {
    background-color: #f8f8f8;
}
.formfield-odd {
    background: #ffffff;
}



fieldset {
    margin: 3px;
    border-color: #ebfbfb;
}
.FormField legend{
    font-weight: bold;
    margin: 5px;
    padding: 0px 2px 0px 2px;
    font-size: 12px;    
}

.required{
    color:red;
    width:15px;
    top:1px;
    margin-left: 5px;
}



/**************** CLIENT CHECK RELATED CLASSES ****************/
.msghidden {
    color:red;
}
span.error_msg_container{
    display: inline-block;
    }
    span.error_msg_container_inner select input { 
    display: block; 
    position: relative; 
    top: -3em; 
    
    } 
    label 
    {
        vertical-align: top;
    }
    span.error_msg_container input {}
    span.error_msg_container label { 
    display: block; 
    position: relative; 
    top:0px;
    text-align: left;
    }
    
.error_divBox{
    width: 68%;
    float: right; 
    border: 0px solid blue;  
    min-height: 0px;  
}
.error_strings{
    border: 1px solid#ff0000;
    color: red !important;
    margin: auto;
    /*text-align: center;*/
    padding-right: 5px;
    padding-left: 25px;
    padding-top:4px;
    padding-bottom:4px;
    border-radius: 5px;
    background-color:#f7ecec;
    font-weight:bold;
    margin-top:2px;
    background-image:url(images/error.png); 
    background-position:left; 
    background-repeat:no-repeat;
}

.msg_error {
    border: 1px solid#ff0000;
    color: red !important;
    margin: 0 auto;
    text-align: center;
    padding: 20px 0px;
    border-radius: 5px;
    background-color:#f7ecec;
    font-weight:bold;
    margin-top:2px;
    width:100% !important;
    
    background-image:url(images/main_error.png); 
    background-position:1%; 
    background-repeat:no-repeat;
}

.msg_success {
    border: 1px solid#7E976E;
    color: #7E976E !important;
    margin: 0 auto;
    text-align: center;
    padding: 20px 0px;
    border-radius: 5px;
    background-color:#EBF4E6;
    font-weight:bold;
    margin-top:2px;
    width:100% !important;
    
    background-image:url(images/main_success.png); 
    background-position:1%; 
    background-repeat:no-repeat;
}


.msg_info {
    border: 1px solid#225575;
    color: #225575 !important;
    margin: 0 auto;
    text-align: center;
    padding: 20px 0px;
    border-radius: 5px;
    background-color:#B8E0F7;
    font-weight:bold;
    margin-top:2px;
    width:100% !important;
    
    background-image:url(images/warning-icon.png); 
    background-position:1%; 
    background-repeat:no-repeat;
}

.ShowMsg{
    border: 0 solid #FF0000;
    color: #FF0000;
    font-weight: bold;
}
/**************** CLIENT CHECK RELATED CLASSES END ****************/

.FormField input[type="text"]{float:none; display:inline;     height: calc(2.25rem + 2px);
    background-color: #fff;
    border: 1px solid #ccc;
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: .25rem;
} /*---- FormField all changes here. ----*/

.FormDiv75per{
    width: 90%; 
    margin:0px auto;
    border-radius: 10px;
    margin-bottom: 20px;
}

.ui-datepicker-trigger {
    margin-left: 2px;
	    height: 25px;
    width: 20px;
    margin-top: 5px;
}






.search_archpannel
{
    float: left; margin: 5px 0px 20px 0px; border: 1px solid #acacac; width: 98%;border-radius: 10px; /*font-family: verdana;*/ font-size: 12px; line-height: 25px;
}


.search_archpannel_table
{
    margin: 10px 10px 10px 10px; border: 0px solid #acacac; width: 97%;border-radius: 10px;
}

.search_archpannel_tabletr_heading
{
    background-color: #f9f3ec; font-weight: bold;
}


.search_archpannel_tabletr_text
{
    background-color: #f3f3f3;
}



.LoginHd_pop{
    /* width: 100%; */
    text-align: center;
    font-size: 30px;
   /* background-color: #555555;*/
    margin-bottom: 4px;
    line-height: 25px;
    color:#ffffff;  
padding:10px;
font-family:'Helvetica Neue';
color:#555555;	
 font-weight: 500;
 position:relative;
 background: -webkit-linear-gradient(#e07724, #824716);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    margin-top: 20px;
}
.LoginHd_pop:before{content: "";
    width: 60px;
    height: 3px;
    background: #904f19;
    position: absolute;
    bottom: -5px;
    left: calc(50% - 30px);
	}


.LoginLabel_pop{
    width: 35%;
    text-wrap: normal;
    padding:7px 6px 7px 6px;
    margin: 0px 3px 3px 3px;    
    text-align:left; 
    float: left;
    font-size: 14px;
	font-family:'Helvetica Neue';
	 font-weight: 500;

}



.LoginData_pop{
    text-wrap: normal;
    margin: 0px 3px 3px 0px;    
    text-align:left; 
    padding: 7px 6px;
    float: left;  
    font-size: 12px;  
}

.FormField_pop textarea{width:300px;height: 100px; border-radius:0; background-color: #fbfbfb;}
.FormField_pop select{width:210px;
height: calc(2.25rem + 2px);
    background-color: #fff;
    border: 1px solid #ccc;
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: .25rem;
}
.FormField_pop input[type="text"]{float:none; display:inline;     height: calc(2.25rem + 2px);
    background-color: #fff;
    border: 1px solid #ccc;
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: .25rem;
} 
.FormField_pop .LoginData_pop input[type="password"]{    height: calc(2.25rem + 2px);
    background-color: #fff;
    border: 1px solid #ccc;
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: .25rem;
	}


/*---- FormField all changes here. ----*/
.FormField_pop input[type="checkbox"]{float:none; display:inline}
.FormField_pop input[type="radio"]{display:inline;height: 16px;}
.FormField1 textarea{width:300px;height: 50px; } /* is used to adjust textarea in complaint form*/

.formButton_pop{ 
    clear: both;
    width: 100%;    
    text-align: center;
    border-top: 2px solid #F8F8F8;
    padding: 2px 0px 2px 0px;
    line-height: 30px; 
}

.formButton_pop input[type="submit"]{
    background-color: #ffa800;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius:0;
    color: #000;
    text-decoration: none;
    cursor: pointer;
    border:none;
    padding: 6px 15px;
	font-size:14px;
}

.formButton_pop input[type="submit"]:hover {
    border: none;
    background:#d48f09;
    box-shadow: 0px 0px 1px #777;
}

.FormDiv75per_pop{
    width: 95%; 
    margin: auto;
   
    margin-bottom: 20px;
}

/*For home page galley*/
.jCarouselLite{

   /* padding-top: 10px;*/
 
    /*margin-left: 35px\9;/* IE 8 and below */
    background: none !important;
    
}

.jCarouselLite_bg
{    
    width: 100%;
    height: 106px;
   background-image: url(images/photogallery_bg.png);
 	  background-repeat: repeat-x;  
    margin:0 auto;
    text-align: center;

    
        
}

.pg_photo
{
    width: 162px;
    height: 88px;
    float: left;
    padding-left: 1px;
    text-align:center;
    /*margin: 10px 0px 0px 18px;*/
    
}


.inner_drop_icon {
	/*padding:0 0 0 0;*/	
    list-style: none;
    margin:10px 0 10px 0;
    padding: 0 0 0 20px;  
    list-style-image:url('https://www.coa.gov.in/images/sublink_icon.png');      
	}
	
.inner_drop_icon ul {
	clear:both;
	margin:10px 0 10px 0;
    list-style-image:url('https://www.coa.gov.in/images/sublink_icon.png');
} 

.photogallery_mainbg
{
    clear: both;
    
    /*background-image: url(images/photo_bg.png);*/
    width: 100%!important;
    height: 106px;
    margin:0 auto;
}


/*----Photo Gllery Slide Show---*/
.amazon_scroller{
    padding: 0px;
    margin: 0px;
	
    
}
.amazon_scroller .amazon_scroller_nav{
    position: absolute;
}
.amazon_scroller .amazon_scroller_nav li{
    cursor: pointer;
    position: absolute;
}
.amazon_scroller .amazon_scroller_mask{
    position: absolute;
		margin: 0 0 0 30px;
    overflow: hidden;
    width:100%;
    height:93px;
}
.amazon_scroller ul{
    padding: 0px;
    margin: 0px;
    float: left;
}
.amazon_scroller ul li{
		
    padding: 0px;
    margin: 0px;
        margin-left: 5px;
        margin-right:5px;
        border: 0px solid yellow;
    list-style: none;
    padding: 0px 0px 0px 0px;
    float: left;
    text-align: center;
    /*display:inline;*/
    
}
.amazon_scroller ul li a{
    text-decoration: none;
    
}
.amazon_scroller ul li a amazon_scroller_title{
	overflow:hidden;
}
.amazon_scroller ul li a:hover{
    text-decoration: underline;
}
.amazon_scroller ul li a img{
    border: 0px solid red;
    margin: 0px;
    padding: 0px;
    
}  

.counter{
    counter-reset: Num_counter;
    list-style:none;
}
.counter li:before{
    counter-increment: Num_counter;
    content: counter(Num_counter) ".\0000a0\0000a0";
    
}
.FormLabel,.FormLabel-5,.FormLabel-10,.FormLabel-15 label{
    cursor: pointer;
}
/*Row have three objects*/
.FormLabel-10{
    width: 11%;
    text-wrap: normal;
    padding:7px 6px 7px 6px;
    margin: 0px 3px 3px 3px;    
    text-align:left; 
    float: left;
    font-weight: bold;
}
.FormLabel-15{
    width: 15%;
    text-wrap: normal;
    padding:7px 6px 7px 6px;
    margin: 0px 3px 3px 3px;    
    text-align:left; 
    float: left;
    font-weight: bold;    
}
.FormData-20{
    width: 20%;
    text-wrap: normal;
    margin: 0px 3px 3px 0px;    
    text-align:left; 
    padding: 7px 6px;
    float: left;    
}
.clear-fix{
    clear: both;
}
.cust-alert{
    font-size: 14px;
}


.nata-2018{
    background-color: #B73D2A;
    border-radius: 10px;
    text-align: center;    
    
    font-style: italic;
    color: #FFFFFF;
    padding-top: 4%;
    margin: 86px 10px 10px 11px;
    width: 320px;
    /* font-family: verdana; */
    text-shadow: 2px 2px #000000;
    
    -webkit-animation-name: nata; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 6s; /* Safari 4.0 - 8.0 */
    animation-name: nata;
    animation-duration: 6s;
    border: 2px solid #cd0a0a;
}
.nata-2018 a,.nata-2018 a:hover{
    color: #FFFFFF;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes nata {
    0%   {background-color: #312C29;}
    25%  {background-color: #BE2811;}
    50%  {background-color: #312C29;}
    100% {background-color: #BE2811;}
}

/* Standard syntax */
@keyframes nata {
    0%   {background-color: #312C29;}
    25%  {background-color: #BE2811;}
    50%  {background-color: #312C29;}
    100% {background-color: #BE2811;}
}


.custm-table tbody tr{background-color: transparent!important;}
.custm-table tbody tr:nth-child(odd){background-color: #f4f4f4!important;}
#NameBlock .FormLabel-10{width:49%;min-height: 60px;}
#NameBlock .FormData-20{width:49%!important;min-height: 60px;}
#NameBlock .FormLabel-10.clear-fix{    margin-left: 0!important;
    clear: none;}
	
.ui-dialog  .ui-dialog-titlebar	{    background: none;
    border: none;}
	.ui-dialog .ui-dialog-title{display: none;}
	.ui-dialog .ui-dialog-titlebar{margin: 10px 0px;}
	.ui-dialog #loginbox{height:auto!important;}
	.ui-dialog .ui-dialog-buttonpane{display:none;}
	#sign_up,#for_pass{background: #555555;
    margin-top: 10px;
    display: inline-block;
    padding: 4px 10px;
    color: #fff!important;
   }
	#sign_up:hover,#for_pass:hover{text-decoration:none;}
.ui-dialog .ui-dialog-titlebar-close{background: #ffffff;
    padding: 10px;}
	
	#formNC .FormField .FormLabeltext{width: 100%;display: flex;margin-bottom:0;padding-bottom:0;}
	#formNC .FormField .FormLabeltext label{margin-bottom:0;}
	#formNC .FormDatanew {width: 100%;font-size:14px;}
	#formNC .FormField input[type="text"] {width: 100%;}
	#formNC .FormField .FormLabeltext,#formNC span.error_msg_container{width:100%}
	.inner_msg_reg_dob_err{display:flex;}
	.FormLabeltext a .icon-reload{margin-top:16px;}
	#gotp{background: #313131;
    color: #fff;
    padding: 3px 5px;
    font-size: 12px;}
	#formNC .FormDatanewfont  span.error_msg_container{width:auto;}
	.login-sec{background:#fff;padding-bottom: 15px;}
	.FormDiv75per form{background:#f3f3f3;}
	#SchoolBlock,#archBlock,#ApliBlock{width:100%;}
	.ca-logo-sec{margin-bottom:30px;}
	.notification-listing h4{margin-top: 20px;
    margin-bottom: 10px;
    font-size: 18px;
	}