* {
margin : 0;
padding : 0;
}
body, td, th {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
}
body {background:url(../Images/body_bg.jpg) repeat-x;}
a{outline:none;}img{border:0;}
#wrapper {
    width:80%;
    margin:0px auto;
    height:auto;
} 
#loginpanel {
    width:100%;
    float:left;
    height:auto;
 }
#header {
    width: 100%;
    float: left;
    height: auto;   
}
#logo {
width:100%;
float:left;
height:auto;
background: #e9423c;
}
#logo_left {
width:15%;
float:left;
height:auto;
padding-top:6px;text-align:left
}
#logo_right {
width:69%;
float:right;
padding-right:15%;text-align:center;
}
#logo_righta {
width:69%;
float:right;
}
#logo_rightl {
width:55%;
float:left;
text-align:center;
}
#logo_rightr {
width:13%;
float:right;text-align:right;
}
.link{color:#fff;font-weight:bold;font-size:13px;text-align:right;padding-top:5px}
.text_box{
border:1px solid #cccccc;
height:30px;
width:99%;
padding:1px 2px;
border-radius:4px
}
.up_box{
border:1px solid #cccccc;
height:auto;
width:99%;
padding:5px 4px;
border-radius:4px
}
.ddl_menu{
border:1px solid #cccccc;
height:34px;
width:100%;
padding:1px 2px;
border-radius:4px
}
.bold{font-weight:bold;font-size:13px;color:#3c3c3c}
.ht{height:80px;resize:none;width:99%;padding:4px}
h1{border-bottom:1px dashed #ccc;color:#2e2e2e;padding:4px 0;margin-bottom:10px}
h2{color:#2e2e2e;padding:20px 0 0 0;text-align:center;font-size:22px}
hr {
    background-image: -webkit-linear-gradient(left, #fff, #ccc, #fff);
    background-image: -moz-linear-gradient(left, #fff, #ccc, #fff);
    background-image: -ms-linear-gradient(left, #fff, #ccc, #fff);
    background-image: -o-linear-gradient(left, #fff, #ccc, #fff);
    border: medium none;
    display: block;
    height: 1px;
    left: 25%;
    margin: 2em 0 2em 0;
    padding: 0;
    position: relative;
    width: 50%;
}
.nb{
font-family:Arial, Verdana, Tahoma;
font-size:12px;
line-height:22px;
font-weight:bold;
color:#443D33;
}	
#Contentpanel {
width:100%;
float:left;
height:490px;
padding:20px 0;
}

#Contentpanela {
width:100%;
float:left;
height:auto;
padding:20px 0 30px 0;
}
#Contentpanelb {
width:100%;
float:left;
height:auto;
padding:20px 0;
}
td,th{height:20px;text-align:left;vertical-align:top;padding:5px 0}
#Contentpanelb p {
    line-height: 24px;
    text-align: justify;
    font-size: 13px;
}
h6 {
    color: #C9140D;
    font-size: 13px;
    border-bottom: 1px dashed #ccc;
    padding: 3px 0;text-align:left;
margin-bottom: 5px;}
#Contentpanel_left {
width:60%;
float:left;
text-align:left;
height:auto;background-color:#ccc
}
#Contentpanel_left_text {
width:85%;
float:left;
text-align:left;
height:auto;
padding-left:9%;
border:1px solid #dbdada;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
#Contentpanel_left h2 {
font-size:16px;
color:#023161;
}
#Contentpanel_left ul{
padding-left:40px;
}
#Contentpanel_left ul li{
	color:#525252;
	padding:8px 0px;
	font-family:Arial, Helvetica, sans-serif; 
	list-style:square;
	text-align:left;	
	}
#Contentpanel_left ul li a{
	color:#525252;
	font-size:14px;
	text-decoration:none;
	font-weight:bold;	
}
#Contentpanel_left ul li a:hover{
	color:#023161;
	font-size:14px;
	text-decoration:underline;
}
#Contentpanel_right {
width:35%;
float:right;
text-align:center;
height:auto;background-color:#ccc
}
#Contentpanel .psv{text-align:justify;line-height:24px;color:#a0a0a0;font-size:13px;padding:100px 80px;font-size:36px;text-align:center}
.login_border{
border:1px solid #ccc;
height:450px;
background-color:#F1F1F1;
}
.login_hd{
background-color:#555555;
padding:5px 0px; 
border-bottom:4px solid #0d7cd3;
font-weight:600;
height:30px;
color:#ffffff;
-webkit-border-radius:8px 8px 0px 0px; 
-moz-border-radius:8px 8px 0px 0px; 
border-radius:8px 8px 0px 0px
}
 #footer {  
 width:100%;
 float:left;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 padding:10px 0;
 height:auto;
 text-align:center;
 background-color:#137b56;
 border-top:1px solid #086c49;
 }
#footer span{background-color:#fff;padding:5px 15px;color:#333;border-radius:10px}
#footer ul{text-align:center;padding:5px 0 15px 0}
#footer li{display:inline-block;padding:3px 10px}
#footer li a{color:#fff;text-decoration:none}
.ews{
color:#f1f1f1;
font-size:11px;
text-decoration:none;
}
.ews:hover{
color:#fff;
text-decoration:underline;
}
h4 {
font-family:Arial, Helvetica, sans-serif;
color:#023161;
font-size:22px;
padding:2px 0px;
}
.rqf{color:#f30000;font-size:13px}
.log_out_border{
border-bottom:2px solid transparent;
}
.log_out_border:hover{
border-bottom:2px solid #ffffff;
}
.button{
color:#fff;
padding:12px 18px;
border:1px solid #137b56;
background-color:#086c48;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
border-radius: 4px
}
.button:hover{
cursor:pointer;
border:1px solid #00281a;
background-color:#035135;
border-radius: 4px
}
.lft_box{float:left;position:relative;width:33.33%}
.rgt_box{float:left;position:relative;width:33.33%}
.clear{clear:both;padding:10px 0}
/* VCS */
.customStyle div,.customStyle td{border:solid 1px #0e7bd0;background-color:#ebeff2;background-position:center;font-weight:400;line-height:20px;color:#bc0000}
.customStyle .ajax__validatorcallout_popup_table{display:none;border:none;background-color:transparent;padding:0}
.customStyle .ajax__validatorcallout_popup_table_row{vertical-align:top;height:100%;background-color:transparent;padding:0}
.customStyle .ajax__validatorcallout_callout_cell{width:20px;height:100%;text-align:right;vertical-align:top;border:none;background-color:transparent;padding:0}
.customStyle .ajax__validatorcallout_callout_table{height:100%;border:none;background-color:transparent;padding:0}
.customStyle .ajax__validatorcallout_callout_table_row{background-color:transparent;padding:0}
.customStyle .ajax__validatorcallout_callout_arrow_cell{text-align:right;vertical-align:top;font-size:1px;border:none;background-color:transparent;padding:8px 0 0}
.customStyle .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv{font-size:1px;position:relative;left:1px;border-bottom:none;border-right:none;border-left:none;width:15px;background-color:transparent;padding:0}
.customStyle .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div{height:1px;overflow:hidden;border-top:none;border-bottom:none;border-right:none;margin-left:auto;padding:0}
.customStyle .ajax__validatorcallout_error_message_cell{font-family:Arial;font-size:11px;font-weight:400;border-right:none;border-left:none;width:100%;padding:5px}
.customStyle .ajax__validatorcallout_icon_cell{width:20px;border-right:none;padding:5px}
.customStyle .ajax__validatorcallout_close_button_cell{vertical-align:top;text-align:right;border-left:none;padding:0}
.customStyle .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv{border:none;text-align:center;width:10px;cursor:pointer;padding:2px}
.grid_paging a{text-decoration:none}
.grid_paging a:hover{text-decoration:underline}
.grid_paging a:link{font-size:15px;background-color:#fff;border:1px solid #B5BAC0;padding:2px 6px}.txt_box{border:1px solid #ccc;height:24px;width:100%}
.grid_paging span{background-color:#263441;border:1px solid #DBEAFF;color:#FFF;padding:2px 5px}.lbox{border:2px solid #dddddd;border-radius:5px;padding:15px 0}
.kds-table{border-collapse:collapse}.kds-table td{padding:4px}
.kds-txtf{font-family:Arial, Helvetica, sans-serif;
font-size:13px;line-height:20px}
.txt{text-align:center;font-family:Arial, Helvetica, sans-serif;line-height:20px;font-size:13px;}
/* VCE */


@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    body {
        background: none;
    }
#wrapper, #loginpanel, #header, #logo_left, #logo_right,#footer {
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
        text-align: center;
    }
#footer {padding:10px;margin-top:20px }
#Contentpanela {
        width: 98%;
        height: auto;
       margin: 0 2%;
       padding: 0;
        text-align: center;
    }
#Contentpanelb{width: 90%;margin:0 5%;height: auto;
       }
	#Contentpanelb p{line-height: 60px;
    text-align: justify;
    font-size: 13px;}
	h6{padding:10px 0}
    #logo_left {
        width: 16%;
        float: left;
        height: auto;
        text-align: left,
margin-left:2%
    }
    #logo_right {
        width: 80%;
        float: right;
        text-align: center;
    }
    #header {
        background-color: #007b59;
        border-bottom: 4px solid #006c4b;
        padding-top: 21px;
        padding-bottom: 2px;
padding-left: 20px;
    }
        #header img, #logo_left a img{
            display: block;
            max-width: 100%;
            height: auto;text-align:center
        }
    .lbox {
        width: 90%
    }
}

#UpdatePanel1 th{background-color:#D6F6D5;padding:6px 2px 0 2px}
#UpdatePanel1 td{padding:6px 2px 0 2px}

#UpdatePanel1 a{
color:#fff;
padding:4px 12px;
border:1px solid #cc0000;
background-color:#dc3545;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
border-radius: 4px;
text-decoration:none
}
#UpdatePanel1 a:hover{
cursor:pointer;color:#ffffff;
border:1px solid #dc3545;
}

.kds-add-button {
  color: #333;
  padding: 8px 12px;
  border: 1px solid #0e8f64;
  background-color: #A7F1A8;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  border-radius: 4px;
}
.kds-add-button:hover,
.kds-add-button:focus {
  background-color: #D6F6D5;
  border-color: #0e8f64;
  cursor: pointer;
}
#lbl_amount{font-size:16px;
font-weight:bold;}